refactor: acpt option page user capabiliy

Author: RishadAlam

frontend-dev/src/components/AllIntegrations/ACPT/ACPT.jsx

@@ -40,6 +40,7 @@ function ACPT({ formFields, setFlow, flow, allIntegURL }) {
     acptLabels: [],
     utilities: {},
     icon: 'wordpress',
+    capability: 'manage_options',
     module: '',
     cptFields,
     cptLabels,
@@ -73,13 +74,23 @@ function ACPT({ formFields, setFlow, flow, allIntegURL }) {
     }
 
     if (
-      (acptConf.module === 'create_cpt' || acptConf.module === 'create_option_page') &&
+      ['create_cpt', 'update_cpt', 'create_option_page', 'update_option_page'].includes(
+        acptConf.module
+      ) &&
       !acptConf?.icon
     ) {
       toast.error(__('Please select Icon', 'bit-integrations'))
       return
     }
 
+    if (
+      ['create_option_page', 'update_option_page'].includes(acptConf.module) &&
+      !acptConf?.capability
+    ) {
+      toast.error(__('Please select Capability', 'bit-integrations'))
+      return
+    }
+
     acptConf.field_map.length > 0 && setStep(pageNo)
   }
 

frontend-dev/src/components/AllIntegrations/ACPT/ACPTIntegLayout.jsx

@@ -10,7 +10,7 @@ import { checkIsPro, getProLabel } from '../../Utilities/ProUtilHelpers'
 import { generateMappedField, getAllGenerator } from './ACPTCommonFunc'
 import FieldMappingLayout from './FieldMappingLayout'
 import ACPTActions from './ACPTActions'
-import { cptIcons } from './staticData'
+import { cptIcons, optionPageCapabilities } from './staticData'
 
 export default function ACPTIntegLayout({
   formFields,
@@ -133,6 +133,23 @@ export default function ACPTIntegLayout({
           </div>
         )}
 
+      {acptConf?.module &&
+        ['create_option_page', 'update_option_page'].includes(acptConf.module) &&
+        !isLoading && (
+          <div className="flx">
+            <b className="wdt-200 d-in-b">{__('Select Capability:', 'bit-integrations')}</b>
+            <MultiSelect
+              title="Capability"
+              defaultValue={acptConf?.capability}
+              className="mt-2 w-5"
+              onChange={val => setChanges(val, 'capability')}
+              options={optionPageCapabilities}
+              singleSelect
+              closeOnSelect
+            />
+          </div>
+        )}
+
       {acptConf.module && (
         <>
           {!isLoading && (

frontend-dev/src/components/AllIntegrations/ACPT/EditACPT.jsx

@@ -30,13 +30,23 @@ function EditACPT({ allIntegURL }) {
     }
 
     if (
-      (acptConf.module === 'create_cpt' || acptConf.module === 'create_option_page') &&
+      ['create_cpt', 'update_cpt', 'create_option_page', 'update_option_page'].includes(
+        acptConf.module
+      ) &&
       !acptConf?.icon
     ) {
       toast.error(__('Please select Icon', 'bit-integrations'))
       return
     }
 
+    if (
+      ['create_option_page', 'update_option_page'].includes(acptConf.module) &&
+      !acptConf?.capability
+    ) {
+      toast.error(__('Please select Capability', 'bit-integrations'))
+      return
+    }
+
     saveActionConf({
       flow,
       allIntegURL,