@wix/patterns 1.430.0 → 1.432.0

package/dist/cjs/components/CustomFieldModal/CustomFieldModal.uni.driver.js

@@ -8,6 +8,7 @@ function CustomFieldModalUniDriver(base, body) {
   const getCustomFieldModal = () => (0, _unidriver.MessageModalLayoutUniDriver)(body.$('[data-hook="custom-field-modal"]'), body);
   const getReachedMaxLimitModal = () => (0, _unidriver.MessageModalLayoutUniDriver)(body.$('[data-hook="collection-action-modal"]'), body);
   const getSettingsButton = () => (0, _unidriver.TextButtonUniDriver)(body.$('[data-hook="custom-field-modal-settings-button"]'), body);
+  const getSettingsAccordion = () => (0, _unidriver.AccordionUniDriver)(body.$('[data-hook="custom-field-modal-settings-accordion"]'), body);
   const getErrorStateNotification = () => (0, _unidriver.FloatingNotificationUniDriver)(body.$('[data-hook="custom-field-modal-error-state"]'), body);
   const getLoader = () => (0, _unidriver.LoaderUniDriver)(body.$('[data-hook="custom-field-modal-status-submitting"]'), body);
   const getFieldKeyTooltip = () => (0, _unidriver.TextUniDriver)(body.$('[data-hook="custom-field-modal-fieldKey-tooltip"]'), body);
@@ -16,8 +17,15 @@ function CustomFieldModalUniDriver(base, body) {
   const clickClose = () => getCustomFieldModal().clickCloseButton();
   const clickCancel = () => getCustomFieldModal().getSecondaryButtonDriver().then(driver => driver.click());
   const clickAdvancedSettings = () => getSettingsButton().click();
+  const isSettingsVisible = () => getSettingsAccordion().exists();
+  const getSettingsLabel = () => getSettingsAccordion().getItemTitleAt(0);
+  const isSettingsExpanded = () => getSettingsAccordion().isItemExpandedAt(0);
+  const clickSettings = () => getSettingsAccordion().clickItemAt(0);
   const isSubmitting = () => getLoader().exists();
   const getFormTypeDriver = () => (0, _unidriver.DropdownUniDriver)(body.$('[data-hook="custom-field-modal-type"]'), body);
+  const searchFieldType = text => getFormTypeDriver().inputDriver.enterText(text);
+  // Group headers are options too, so their titles come back in this list.
+  const getFieldTypeOptions = () => getFormTypeDriver().dropdownLayoutDriver.optionsContent();
   const getFormNameDriver = () => (0, _unidriver.InputUniDriver)(body.$('[data-hook="custom-field-modal-name"]'), body);
   const getFormKeyDriver = () => (0, _unidriver.InputUniDriver)(body.$('[data-hook="custom-field-modal-key"]'), body);
   const getInstalledAppsSection = () => body.$('[data-hook="custom-field-modal-apps-section"]');
@@ -119,6 +127,12 @@ function CustomFieldModalUniDriver(base, body) {
     clickClose,
     clickCancel,
     clickAdvancedSettings,
+    isSettingsVisible,
+    getSettingsLabel,
+    isSettingsExpanded,
+    clickSettings,
+    searchFieldType,
+    getFieldTypeOptions,
     isInstalledAppsSectionVisible: () => getInstalledAppsSection().exists(),
     isSiteVisitorsSectionVisible: () => getSiteVisitorsSection().exists(),
     fillInCustomFieldForm,

package/dist/cjs/components/CustomFieldModal/CustomFieldModal.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","CustomFieldModalUniDriver","base","body","getCustomFieldModal","MessageModalLayoutUniDriver","$","getReachedMaxLimitModal","getSettingsButton","TextButtonUniDriver","getErrorStateNotification","FloatingNotificationUniDriver","getLoader","LoaderUniDriver","getFieldKeyTooltip","TextUniDriver","exists","clickConfirm","getPrimaryButtonDriver","then","driver","click","clickClose","clickCloseButton","clickCancel","getSecondaryButtonDriver","clickAdvancedSettings","isSubmitting","getFormTypeDriver","DropdownUniDriver","getFormNameDriver","InputUniDriver","getFormKeyDriver","getInstalledAppsSection","getSiteVisitorsSection","getFormReadApps","CheckboxUniDriver","getFormWriteApps","getFormReadUsers","getFormWriteUsers","getTypeFormFieldDriver","FormFieldUniDriver","getNameFormFieldDriver","getKeyFormFieldDriver","getSubtitle","getPermissionNote","getEditPiiNote","getPiiToggleText","getPiiFootnote","getPiiToggleSwitch","ToggleSwitchUniDriver","reachedMaxLimitModalExists","clickReachedMaxPrimaryButton","getFormDrivers","fillInCustomFieldForm","type","name","key","permissions","dropdownLayoutDriver","clickAtOptionByDataHook","enterText","_permissions$read","_permissions$write","_permissions$read2","_permissions$write2","read","includes","write","forEach","value","isChecked","getCustomFieldFormValues","inputDriver","getValue","apps","users","baseUniDriverFactory","isInstalledAppsSectionVisible","isSiteVisitorsSectionVisible"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldModal.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  MessageModalLayoutUniDriver,\n  DropdownUniDriver,\n  FormFieldUniDriver,\n  CheckboxUniDriver,\n  InputUniDriver,\n  TextButtonUniDriver,\n  LoaderUniDriver,\n  FloatingNotificationUniDriver,\n  TextUniDriver,\n  ToggleSwitchUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\n\nexport function CustomFieldModalUniDriver(base: UniDriver, body: UniDriver) {\n  const getCustomFieldModal = () =>\n    MessageModalLayoutUniDriver(\n      body.$('[data-hook=\"custom-field-modal\"]'),\n      body,\n    );\n\n  const getReachedMaxLimitModal = () =>\n    MessageModalLayoutUniDriver(\n      body.$('[data-hook=\"collection-action-modal\"]'),\n      body,\n    );\n\n  const getSettingsButton = () =>\n    TextButtonUniDriver(\n      body.$('[data-hook=\"custom-field-modal-settings-button\"]'),\n      body,\n    );\n  const getErrorStateNotification = () =>\n    FloatingNotificationUniDriver(\n      body.$('[data-hook=\"custom-field-modal-error-state\"]'),\n      body,\n    );\n  const getLoader = () =>\n    LoaderUniDriver(\n      body.$('[data-hook=\"custom-field-modal-status-submitting\"]'),\n      body,\n    );\n\n  const getFieldKeyTooltip = () =>\n    TextUniDriver(\n      body.$('[data-hook=\"custom-field-modal-fieldKey-tooltip\"]'),\n      body,\n    );\n\n  const exists = () => getCustomFieldModal().exists();\n  const clickConfirm = () =>\n    getCustomFieldModal()\n      .getPrimaryButtonDriver()\n      .then((driver: any) => driver.click());\n  const clickClose = () => getCustomFieldModal().clickCloseButton();\n  const clickCancel = () =>\n    getCustomFieldModal()\n      .getSecondaryButtonDriver()\n      .then((driver: any) => driver.click());\n  const clickAdvancedSettings = () => getSettingsButton().click();\n  const isSubmitting = () => getLoader().exists();\n\n  const getFormTypeDriver = () =>\n    DropdownUniDriver(body.$('[data-hook=\"custom-field-modal-type\"]'), body);\n  const getFormNameDriver = () =>\n    InputUniDriver(body.$('[data-hook=\"custom-field-modal-name\"]'), body);\n  const getFormKeyDriver = () =>\n    InputUniDriver(body.$('[data-hook=\"custom-field-modal-key\"]'), body);\n\n  const getInstalledAppsSection = () =>\n    body.$('[data-hook=\"custom-field-modal-apps-section\"]');\n  const getSiteVisitorsSection = () =>\n    body.$('[data-hook=\"custom-field-modal-users-section\"]');\n\n  const getFormReadApps = () =>\n    CheckboxUniDriver(\n      body.$('[data-hook=\"custom-field-modal-read-apps\"]'),\n      body,\n    );\n  const getFormWriteApps = () =>\n    CheckboxUniDriver(\n      body.$('[data-hook=\"custom-field-modal-write-apps\"]'),\n      body,\n    );\n  const getFormReadUsers = () =>\n    CheckboxUniDriver(\n      body.$('[data-hook=\"custom-field-modal-read-users\"]'),\n      body,\n    );\n  const getFormWriteUsers = () =>\n    CheckboxUniDriver(\n      body.$('[data-hook=\"custom-field-modal-write-users\"]'),\n      body,\n    );\n\n  const getTypeFormFieldDriver = () =>\n    FormFieldUniDriver(\n      body.$('[data-hook=\"custom-field-modal-field-type\"]'),\n      body,\n    );\n  const getNameFormFieldDriver = () =>\n    FormFieldUniDriver(\n      body.$('[data-hook=\"custom-field-modal-field-name\"]'),\n      body,\n    );\n  const getKeyFormFieldDriver = () =>\n    FormFieldUniDriver(\n      body.$('[data-hook=\"custom-field-modal-field-key\"]'),\n      body,\n    );\n  const getSubtitle = () => {\n    return TextUniDriver(\n      body.$('[data-hook=\"baseModalLayout-subtitle\"]'),\n      body,\n    );\n  };\n  const getPermissionNote = () => {\n    return TextUniDriver(body.$('[data-hook=\"permissions-note\"]'), body);\n  };\n  const getEditPiiNote = () => {\n    return TextUniDriver(body.$('[data-hook=\"pii-toggle-edit-note\"]'), body);\n  };\n  const getPiiToggleText = () => {\n    return TextUniDriver(body.$('[data-hook=\"pii-toggle-name\"]'), body);\n  };\n  const getPiiFootnote = () => {\n    return TextUniDriver(body.$('[data-hook=\"pii-footnote\"]'), body);\n  };\n  const getPiiToggleSwitch = () => {\n    return ToggleSwitchUniDriver(\n      body.$('[data-hook=\"pii-toggle-switch\"]'),\n      body,\n    );\n  };\n\n  const reachedMaxLimitModalExists = () => {\n    return getReachedMaxLimitModal().exists();\n  };\n\n  const clickReachedMaxPrimaryButton = () =>\n    getReachedMaxLimitModal()\n      .getPrimaryButtonDriver()\n      .then((driver: any) => driver.click());\n\n  const getFormDrivers = () => ({\n    getFormTypeDriver,\n    getFormNameDriver,\n    getFormKeyDriver,\n    getFormReadApps,\n    getFormWriteApps,\n    getFormReadUsers,\n    getFormWriteUsers,\n    getTypeFormFieldDriver,\n    getNameFormFieldDriver,\n    getKeyFormFieldDriver,\n    getFieldKeyTooltip,\n    getSubtitle,\n    getPermissionNote,\n    getEditPiiNote,\n    getPiiToggleText,\n    getPiiFootnote,\n    getPiiToggleSwitch,\n  });\n\n  const fillInCustomFieldForm = async ({\n    type,\n    name,\n    key,\n    permissions,\n  }: {\n    type?: string;\n    name?: string;\n    key?: string;\n    permissions?: {\n      read?: ('apps' | 'users')[];\n      write?: ('apps' | 'users')[];\n    };\n  }) => {\n    if (type) {\n      await getFormTypeDriver().dropdownLayoutDriver.clickAtOptionByDataHook(\n        `custom-field-modal-type-${type}`,\n      );\n    }\n\n    if (name) {\n      await getFormNameDriver().enterText(name);\n    }\n\n    if (key) {\n      await getFormKeyDriver().enterText(key);\n    }\n\n    if (permissions) {\n      (\n        [\n          [getFormReadApps(), permissions?.read?.includes('apps') ?? false],\n          [getFormWriteApps(), permissions?.write?.includes('apps') ?? false],\n          [getFormReadUsers(), permissions?.read?.includes('users') ?? false],\n          [getFormWriteUsers(), permissions?.write?.includes('users') ?? false],\n        ] as [ReturnType<typeof CheckboxUniDriver>, boolean][]\n      ).forEach(async ([driver, value]) => {\n        const isChecked = await driver.isChecked();\n\n        if ((value && !isChecked) || (!value && isChecked)) {\n          await driver.click();\n        }\n      });\n    }\n  };\n\n  const getCustomFieldFormValues = async () => {\n    return {\n      type: await getFormTypeDriver().inputDriver.getValue(),\n      name: await getFormNameDriver().getValue(),\n      key: await getFormKeyDriver().getValue(),\n      permissions: {\n        read: {\n          apps: await getFormReadApps().isChecked(),\n          users: await getFormReadUsers().isChecked(),\n        },\n        write: {\n          apps: await getFormWriteApps().isChecked(),\n          users: await getFormWriteUsers().isChecked(),\n        },\n      },\n    };\n  };\n\n  return {\n    ...baseUniDriverFactory(base),\n    exists,\n    clickConfirm,\n    clickClose,\n    clickCancel,\n    clickAdvancedSettings,\n    isInstalledAppsSectionVisible: () => getInstalledAppsSection().exists(),\n    isSiteVisitorsSectionVisible: () => getSiteVisitorsSection().exists(),\n    fillInCustomFieldForm,\n    getCustomFieldFormValues,\n    getFormDrivers,\n    getErrorStateNotification,\n    isSubmitting,\n    reachedMaxLimitModalExists,\n    clickReachedMaxPrimaryButton,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","CustomFieldModalUniDriver","base","body","getCustomFieldModal","MessageModalLayoutUniDriver","$","getReachedMaxLimitModal","getSettingsButton","TextButtonUniDriver","getSettingsAccordion","AccordionUniDriver","getErrorStateNotification","FloatingNotificationUniDriver","getLoader","LoaderUniDriver","getFieldKeyTooltip","TextUniDriver","exists","clickConfirm","getPrimaryButtonDriver","then","driver","click","clickClose","clickCloseButton","clickCancel","getSecondaryButtonDriver","clickAdvancedSettings","isSettingsVisible","getSettingsLabel","getItemTitleAt","isSettingsExpanded","isItemExpandedAt","clickSettings","clickItemAt","isSubmitting","getFormTypeDriver","DropdownUniDriver","searchFieldType","text","inputDriver","enterText","getFieldTypeOptions","dropdownLayoutDriver","optionsContent","getFormNameDriver","InputUniDriver","getFormKeyDriver","getInstalledAppsSection","getSiteVisitorsSection","getFormReadApps","CheckboxUniDriver","getFormWriteApps","getFormReadUsers","getFormWriteUsers","getTypeFormFieldDriver","FormFieldUniDriver","getNameFormFieldDriver","getKeyFormFieldDriver","getSubtitle","getPermissionNote","getEditPiiNote","getPiiToggleText","getPiiFootnote","getPiiToggleSwitch","ToggleSwitchUniDriver","reachedMaxLimitModalExists","clickReachedMaxPrimaryButton","getFormDrivers","fillInCustomFieldForm","type","name","key","permissions","clickAtOptionByDataHook","_permissions$read","_permissions$write","_permissions$read2","_permissions$write2","read","includes","write","forEach","value","isChecked","getCustomFieldFormValues","getValue","apps","users","baseUniDriverFactory","isInstalledAppsSectionVisible","isSiteVisitorsSectionVisible"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldModal.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  AccordionUniDriver,\n  MessageModalLayoutUniDriver,\n  DropdownUniDriver,\n  FormFieldUniDriver,\n  CheckboxUniDriver,\n  InputUniDriver,\n  TextButtonUniDriver,\n  LoaderUniDriver,\n  FloatingNotificationUniDriver,\n  TextUniDriver,\n  ToggleSwitchUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\n\nexport function CustomFieldModalUniDriver(base: UniDriver, body: UniDriver) {\n  const getCustomFieldModal = () =>\n    MessageModalLayoutUniDriver(\n      body.$('[data-hook=\"custom-field-modal\"]'),\n      body,\n    );\n\n  const getReachedMaxLimitModal = () =>\n    MessageModalLayoutUniDriver(\n      body.$('[data-hook=\"collection-action-modal\"]'),\n      body,\n    );\n\n  const getSettingsButton = () =>\n    TextButtonUniDriver(\n      body.$('[data-hook=\"custom-field-modal-settings-button\"]'),\n      body,\n    );\n  const getSettingsAccordion = () =>\n    AccordionUniDriver(\n      body.$('[data-hook=\"custom-field-modal-settings-accordion\"]'),\n      body,\n    );\n  const getErrorStateNotification = () =>\n    FloatingNotificationUniDriver(\n      body.$('[data-hook=\"custom-field-modal-error-state\"]'),\n      body,\n    );\n  const getLoader = () =>\n    LoaderUniDriver(\n      body.$('[data-hook=\"custom-field-modal-status-submitting\"]'),\n      body,\n    );\n\n  const getFieldKeyTooltip = () =>\n    TextUniDriver(\n      body.$('[data-hook=\"custom-field-modal-fieldKey-tooltip\"]'),\n      body,\n    );\n\n  const exists = () => getCustomFieldModal().exists();\n  const clickConfirm = () =>\n    getCustomFieldModal()\n      .getPrimaryButtonDriver()\n      .then((driver: any) => driver.click());\n  const clickClose = () => getCustomFieldModal().clickCloseButton();\n  const clickCancel = () =>\n    getCustomFieldModal()\n      .getSecondaryButtonDriver()\n      .then((driver: any) => driver.click());\n  const clickAdvancedSettings = () => getSettingsButton().click();\n  const isSettingsVisible = () => getSettingsAccordion().exists();\n  const getSettingsLabel = () => getSettingsAccordion().getItemTitleAt(0);\n  const isSettingsExpanded = () => getSettingsAccordion().isItemExpandedAt(0);\n  const clickSettings = () => getSettingsAccordion().clickItemAt(0);\n  const isSubmitting = () => getLoader().exists();\n\n  const getFormTypeDriver = () =>\n    DropdownUniDriver(body.$('[data-hook=\"custom-field-modal-type\"]'), body);\n  const searchFieldType = (text: string) =>\n    getFormTypeDriver().inputDriver.enterText(text);\n  // Group headers are options too, so their titles come back in this list.\n  const getFieldTypeOptions = () =>\n    getFormTypeDriver().dropdownLayoutDriver.optionsContent();\n  const getFormNameDriver = () =>\n    InputUniDriver(body.$('[data-hook=\"custom-field-modal-name\"]'), body);\n  const getFormKeyDriver = () =>\n    InputUniDriver(body.$('[data-hook=\"custom-field-modal-key\"]'), body);\n\n  const getInstalledAppsSection = () =>\n    body.$('[data-hook=\"custom-field-modal-apps-section\"]');\n  const getSiteVisitorsSection = () =>\n    body.$('[data-hook=\"custom-field-modal-users-section\"]');\n\n  const getFormReadApps = () =>\n    CheckboxUniDriver(\n      body.$('[data-hook=\"custom-field-modal-read-apps\"]'),\n      body,\n    );\n  const getFormWriteApps = () =>\n    CheckboxUniDriver(\n      body.$('[data-hook=\"custom-field-modal-write-apps\"]'),\n      body,\n    );\n  const getFormReadUsers = () =>\n    CheckboxUniDriver(\n      body.$('[data-hook=\"custom-field-modal-read-users\"]'),\n      body,\n    );\n  const getFormWriteUsers = () =>\n    CheckboxUniDriver(\n      body.$('[data-hook=\"custom-field-modal-write-users\"]'),\n      body,\n    );\n\n  const getTypeFormFieldDriver = () =>\n    FormFieldUniDriver(\n      body.$('[data-hook=\"custom-field-modal-field-type\"]'),\n      body,\n    );\n  const getNameFormFieldDriver = () =>\n    FormFieldUniDriver(\n      body.$('[data-hook=\"custom-field-modal-field-name\"]'),\n      body,\n    );\n  const getKeyFormFieldDriver = () =>\n    FormFieldUniDriver(\n      body.$('[data-hook=\"custom-field-modal-field-key\"]'),\n      body,\n    );\n  const getSubtitle = () => {\n    return TextUniDriver(\n      body.$('[data-hook=\"baseModalLayout-subtitle\"]'),\n      body,\n    );\n  };\n  const getPermissionNote = () => {\n    return TextUniDriver(body.$('[data-hook=\"permissions-note\"]'), body);\n  };\n  const getEditPiiNote = () => {\n    return TextUniDriver(body.$('[data-hook=\"pii-toggle-edit-note\"]'), body);\n  };\n  const getPiiToggleText = () => {\n    return TextUniDriver(body.$('[data-hook=\"pii-toggle-name\"]'), body);\n  };\n  const getPiiFootnote = () => {\n    return TextUniDriver(body.$('[data-hook=\"pii-footnote\"]'), body);\n  };\n  const getPiiToggleSwitch = () => {\n    return ToggleSwitchUniDriver(\n      body.$('[data-hook=\"pii-toggle-switch\"]'),\n      body,\n    );\n  };\n\n  const reachedMaxLimitModalExists = () => {\n    return getReachedMaxLimitModal().exists();\n  };\n\n  const clickReachedMaxPrimaryButton = () =>\n    getReachedMaxLimitModal()\n      .getPrimaryButtonDriver()\n      .then((driver: any) => driver.click());\n\n  const getFormDrivers = () => ({\n    getFormTypeDriver,\n    getFormNameDriver,\n    getFormKeyDriver,\n    getFormReadApps,\n    getFormWriteApps,\n    getFormReadUsers,\n    getFormWriteUsers,\n    getTypeFormFieldDriver,\n    getNameFormFieldDriver,\n    getKeyFormFieldDriver,\n    getFieldKeyTooltip,\n    getSubtitle,\n    getPermissionNote,\n    getEditPiiNote,\n    getPiiToggleText,\n    getPiiFootnote,\n    getPiiToggleSwitch,\n  });\n\n  const fillInCustomFieldForm = async ({\n    type,\n    name,\n    key,\n    permissions,\n  }: {\n    type?: string;\n    name?: string;\n    key?: string;\n    permissions?: {\n      read?: ('apps' | 'users')[];\n      write?: ('apps' | 'users')[];\n    };\n  }) => {\n    if (type) {\n      await getFormTypeDriver().dropdownLayoutDriver.clickAtOptionByDataHook(\n        `custom-field-modal-type-${type}`,\n      );\n    }\n\n    if (name) {\n      await getFormNameDriver().enterText(name);\n    }\n\n    if (key) {\n      await getFormKeyDriver().enterText(key);\n    }\n\n    if (permissions) {\n      (\n        [\n          [getFormReadApps(), permissions?.read?.includes('apps') ?? false],\n          [getFormWriteApps(), permissions?.write?.includes('apps') ?? false],\n          [getFormReadUsers(), permissions?.read?.includes('users') ?? false],\n          [getFormWriteUsers(), permissions?.write?.includes('users') ?? false],\n        ] as [ReturnType<typeof CheckboxUniDriver>, boolean][]\n      ).forEach(async ([driver, value]) => {\n        const isChecked = await driver.isChecked();\n\n        if ((value && !isChecked) || (!value && isChecked)) {\n          await driver.click();\n        }\n      });\n    }\n  };\n\n  const getCustomFieldFormValues = async () => {\n    return {\n      type: await getFormTypeDriver().inputDriver.getValue(),\n      name: await getFormNameDriver().getValue(),\n      key: await getFormKeyDriver().getValue(),\n      permissions: {\n        read: {\n          apps: await getFormReadApps().isChecked(),\n          users: await getFormReadUsers().isChecked(),\n        },\n        write: {\n          apps: await getFormWriteApps().isChecked(),\n          users: await getFormWriteUsers().isChecked(),\n        },\n      },\n    };\n  };\n\n  return {\n    ...baseUniDriverFactory(base),\n    exists,\n    clickConfirm,\n    clickClose,\n    clickCancel,\n    clickAdvancedSettings,\n    isSettingsVisible,\n    getSettingsLabel,\n    isSettingsExpanded,\n    clickSettings,\n    searchFieldType,\n    getFieldTypeOptions,\n    isInstalledAppsSectionVisible: () => getInstalledAppsSection().exists(),\n    isSiteVisitorsSectionVisible: () => getSiteVisitorsSection().exists(),\n    fillInCustomFieldForm,\n    getCustomFieldFormValues,\n    getFormDrivers,\n    getErrorStateNotification,\n    isSubmitting,\n    reachedMaxLimitModalExists,\n    clickReachedMaxPrimaryButton,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldModal/CustomFieldTypeDropdownV2.js

@@ -0,0 +1,130 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports._CustomFieldTypeDropdownV2 = exports.CustomFieldTypeDropdownV2 = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _react2 = require("@wix/bex-core/react");
+var _fieldTypePrefixIcons = require("../../utils/fieldTypePrefixIcons");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldModal/CustomFieldTypeDropdownV2.tsx";
+const _CustomFieldTypeDropdownV2 = props => {
+  const {
+    state: {
+      form: {
+        $: {
+          type,
+          name,
+          containsPii
+        }
+      },
+      mode,
+      fieldManagement: {
+        creatableFieldTypes
+      },
+      generateUniqueKey,
+      setKeyFieldIfNotDirty
+    }
+  } = props;
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const [search, setSearch] = _react.default.useState(null);
+  const query = (search == null ? void 0 : search.trim().toLowerCase()) ?? '';
+  const selectedType = creatableFieldTypes.find(option => option.id === type.value);
+  const fieldTypeOptions = _react.default.useMemo(() => {
+    const toOption = option => (0, _designSystem.listItemSelectBuilder)({
+      dataHook: `custom-field-modal-type-${option.id}`,
+      id: option.id,
+      prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 48,
+          columnNumber: 11
+        }
+      }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
+        fieldType: option.patternsType,
+        size: 'medium'
+      })),
+      title: option.label,
+      subtitle: option.subtitle,
+      label: option.label
+    });
+    if (query) {
+      return creatableFieldTypes.filter(option => option.label.toLowerCase().includes(query)).map(toOption);
+    }
+    const groups = creatableFieldTypes.reduce((labels, option) => {
+      const label = option.group;
+      if (label && !labels.includes(label)) {
+        labels.push(label);
+      }
+      return labels;
+    }, []);
+    if (groups.length === 0) {
+      return creatableFieldTypes.map(toOption);
+    }
+    const grouped = groups.flatMap(label => [(0, _designSystem.listItemSectionBuilder)({
+      id: `custom-field-modal-type-group-${label}`,
+      type: 'subheader',
+      title: label
+    }), ...creatableFieldTypes.filter(option => option.group === label).map(toOption)]);
+    const ungrouped = creatableFieldTypes.filter(option => !option.group).map(toOption);
+    return [...grouped, ...ungrouped];
+  }, [creatableFieldTypes, query]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.AutoComplete, {
+    dataHook: "custom-field-modal-type",
+    disabled: mode === 'edit',
+    value: search ?? (selectedType == null ? void 0 : selectedType.label) ?? '',
+    selectedId: type.value,
+    prefix: search === null && selectedType ? /*#__PURE__*/_react.default.createElement(_designSystem.Input.IconAffix, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 102,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      color: "D10",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 104,
+        columnNumber: 13
+      }
+    }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
+      fieldType: selectedType.patternsType,
+      size: 'medium'
+    }))) : undefined,
+    onChange: e => setSearch(e.target.value),
+    onSelect: ({
+      id
+    }) => {
+      setSearch(null);
+      type.onChange(String(id));
+      // Read off `props.state` — a destructured computed holds the pre-change value.
+      if (!props.state.typeSupportsPii) {
+        containsPii.onChange(false);
+      }
+      setKeyFieldIfNotDirty(generateUniqueKey(name.value));
+    },
+    onClose: () => setSearch(null),
+    popoverProps: {
+      appendTo: 'window',
+      zIndex: 5001
+    },
+    placeholder: t('cairo.customFields.addCustomField.modal.fieldType.placeholder'),
+    emptyStateMessage: t('cairo.emptyState.subtitle.nothingMatchesCriteria'),
+    options: fieldTypeOptions,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 95,
+      columnNumber: 5
+    }
+  });
+};
+exports._CustomFieldTypeDropdownV2 = _CustomFieldTypeDropdownV2;
+const CustomFieldTypeDropdownV2 = exports.CustomFieldTypeDropdownV2 = (0, _mobxReactLite.observer)(_CustomFieldTypeDropdownV2);
+//# sourceMappingURL=CustomFieldTypeDropdownV2.js.map

package/dist/cjs/components/CustomFieldModal/CustomFieldTypeDropdownV2.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_react2","_fieldTypePrefixIcons","_jsxFileName","_CustomFieldTypeDropdownV2","props","state","form","$","type","name","containsPii","mode","fieldManagement","creatableFieldTypes","generateUniqueKey","setKeyFieldIfNotDirty","translate","t","useWixPatternsContainer","search","setSearch","React","useState","query","trim","toLowerCase","selectedType","find","option","id","value","fieldTypeOptions","useMemo","toOption","listItemSelectBuilder","dataHook","prefix","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","getFieldTypeIcon","fieldType","patternsType","size","title","label","subtitle","filter","includes","map","groups","reduce","labels","group","push","length","grouped","flatMap","listItemSectionBuilder","ungrouped","AutoComplete","disabled","selectedId","Input","IconAffix","color","undefined","onChange","e","target","onSelect","String","typeSupportsPii","onClose","popoverProps","appendTo","zIndex","placeholder","emptyStateMessage","options","exports","CustomFieldTypeDropdownV2","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldTypeDropdownV2.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  AutoComplete,\n  Box,\n  Input,\n  listItemSectionBuilder,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport { CustomFieldModalState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { getFieldTypeIcon } from '../../utils/fieldTypePrefixIcons';\n\nexport interface CustomFieldTypeDropdownV2Props {\n  state: CustomFieldModalState;\n}\n\nexport const _CustomFieldTypeDropdownV2 = (\n  props: CustomFieldTypeDropdownV2Props,\n) => {\n  const {\n    state: {\n      form: {\n        $: { type, name, containsPii },\n      },\n      mode,\n      fieldManagement: { creatableFieldTypes },\n      generateUniqueKey,\n      setKeyFieldIfNotDirty,\n    },\n  } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const [search, setSearch] = React.useState<string | null>(null);\n  const query = search?.trim().toLowerCase() ?? '';\n\n  const selectedType = creatableFieldTypes.find(\n    (option) => option.id === type.value,\n  );\n\n  const fieldTypeOptions = React.useMemo(() => {\n    const toOption = (option: (typeof creatableFieldTypes)[number]) =>\n      listItemSelectBuilder({\n        dataHook: `custom-field-modal-type-${option.id}`,\n        id: option.id,\n        prefix: (\n          <Box>\n            {getFieldTypeIcon({\n              fieldType: option.patternsType,\n              size: 'medium',\n            })}\n          </Box>\n        ),\n        title: option.label,\n        subtitle: option.subtitle,\n        label: option.label,\n      });\n\n    if (query) {\n      return creatableFieldTypes\n        .filter((option) => option.label.toLowerCase().includes(query))\n        .map(toOption);\n    }\n\n    const groups = creatableFieldTypes.reduce<string[]>((labels, option) => {\n      const label = option.group;\n      if (label && !labels.includes(label)) {\n        labels.push(label);\n      }\n      return labels;\n    }, []);\n\n    if (groups.length === 0) {\n      return creatableFieldTypes.map(toOption);\n    }\n\n    const grouped = groups.flatMap((label) => [\n      listItemSectionBuilder({\n        id: `custom-field-modal-type-group-${label}`,\n        type: 'subheader',\n        title: label,\n      }),\n      ...creatableFieldTypes\n        .filter((option) => option.group === label)\n        .map(toOption),\n    ]);\n    const ungrouped = creatableFieldTypes\n      .filter((option) => !option.group)\n      .map(toOption);\n    return [...grouped, ...ungrouped];\n  }, [creatableFieldTypes, query]);\n\n  return (\n    <AutoComplete\n      dataHook=\"custom-field-modal-type\"\n      disabled={mode === 'edit'}\n      value={search ?? selectedType?.label ?? ''}\n      selectedId={type.value}\n      prefix={\n        search === null && selectedType ? (\n          <Input.IconAffix>\n            {/* WDS paints input affix icons blue; the type icons stay dark. */}\n            <Box color=\"D10\">\n              {getFieldTypeIcon({\n                fieldType: selectedType.patternsType,\n                size: 'medium',\n              })}\n            </Box>\n          </Input.IconAffix>\n        ) : undefined\n      }\n      onChange={(e) => setSearch(e.target.value)}\n      onSelect={({ id }) => {\n        setSearch(null);\n        type.onChange(String(id));\n        // Read off `props.state` — a destructured computed holds the pre-change value.\n        if (!props.state.typeSupportsPii) {\n          containsPii.onChange(false);\n        }\n        setKeyFieldIfNotDirty(generateUniqueKey(name.value));\n      }}\n      onClose={() => setSearch(null)}\n      popoverProps={{ appendTo: 'window', zIndex: 5001 }}\n      placeholder={t(\n        'cairo.customFields.addCustomField.modal.fieldType.placeholder',\n      )}\n      emptyStateMessage={t('cairo.emptyState.subtitle.nothingMatchesCriteria')}\n      options={fieldTypeOptions}\n    />\n  );\n};\n\nexport const CustomFieldTypeDropdownV2 = observer(_CustomFieldTypeDropdownV2);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldsPanel/FieldManagementModals.js

@@ -11,9 +11,8 @@ var _DeleteFieldModal = require("./DeleteFieldModal");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldsPanel/FieldManagementModals.tsx";
 /**
  * Renders the field-management modals (add/edit, archive, delete) for any source.
- * The source supplies the modal states on CollectionFieldsSourceState; the modals
- * themselves are the same platform components regardless of which source is behind
- * them.
+ * The source supplies the modal states; the modals themselves are the same
+ * platform components regardless of which source is behind them.
  */
 function _FieldManagementModals({
   source
@@ -28,7 +27,7 @@ function _FieldManagementModals({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 23,
+      lineNumber: 18,
       columnNumber: 7
     }
   }), archiveFieldModal && /*#__PURE__*/_react.default.createElement(_ArchiveFieldModal.ArchiveFieldModal, {
@@ -36,7 +35,7 @@ function _FieldManagementModals({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 24,
+      lineNumber: 19,
       columnNumber: 29
     }
   }), /*#__PURE__*/_react.default.createElement(_DeleteFieldModal.DeleteFieldModal, {
@@ -44,7 +43,7 @@ function _FieldManagementModals({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 25,
+      lineNumber: 20,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/CustomFieldsPanel/FieldManagementModals.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CustomFieldModal","_ArchiveFieldModal","_DeleteFieldModal","_jsxFileName","_FieldManagementModals","source","customFieldModal","archiveFieldModal","deleteFieldModal","customFieldsPanel","default","createElement","Fragment","CustomFieldModal","state","__self","__source","fileName","lineNumber","columnNumber","ArchiveFieldModal","DeleteFieldModal","FieldManagementModals","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/FieldManagementModals.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { CollectionFieldsSourceState } from '../../state/CollectionFieldsSourceState';\nimport { CustomFieldModal } from '../CustomFieldModal';\nimport { ArchiveFieldModal } from './ArchiveFieldModal';\nimport { DeleteFieldModal } from './DeleteFieldModal';\n\n/**\n * Renders the field-management modals (add/edit, archive, delete) for any source.\n * The source supplies the modal states on CollectionFieldsSourceState; the modals\n * themselves are the same platform components regardless of which source is behind\n * them.\n */\nfunction _FieldManagementModals({\n  source,\n}: {\n  source: CollectionFieldsSourceState;\n}) {\n  const { customFieldModal, archiveFieldModal, deleteFieldModal } =\n    source.customFieldsPanel;\n  return (\n    <>\n      <CustomFieldModal state={customFieldModal} />\n      {archiveFieldModal && <ArchiveFieldModal state={archiveFieldModal} />}\n      <DeleteFieldModal state={deleteFieldModal} />\n    </>\n  );\n}\n\nexport const FieldManagementModals = observer(_FieldManagementModals);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAAsD,IAAAK,YAAA;AAEtD;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,sBAAsBA,CAAC;EAC9BC;AAGF,CAAC,EAAE;EACD,MAAM;IAAEC,gBAAgB;IAAEC,iBAAiB;IAAEC;EAAiB,CAAC,GAC7DH,MAAM,CAACI,iBAAiB;EAC1B,oBACEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAAAf,MAAA,CAAAc,OAAA,CAAAE,QAAA,qBACEhB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAAa,gBAAgB;IAACC,KAAK,EAAER,gBAAiB;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,EAC5CZ,iBAAiB,iBAAIX,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,kBAAA,CAAAmB,iBAAiB;IAACN,KAAK,EAAEP,iBAAkB;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACrEvB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,iBAAA,CAAAmB,gBAAgB;IAACP,KAAK,EAAEN,gBAAiB;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC5C,CAAC;AAEP;AAEO,MAAMG,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,EAACpB,sBAAsB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CustomFieldModal","_ArchiveFieldModal","_DeleteFieldModal","_jsxFileName","_FieldManagementModals","source","customFieldModal","archiveFieldModal","deleteFieldModal","customFieldsPanel","default","createElement","Fragment","CustomFieldModal","state","__self","__source","fileName","lineNumber","columnNumber","ArchiveFieldModal","DeleteFieldModal","FieldManagementModals","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/FieldManagementModals.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { ManageFieldsSource } from '../../state/ManageFieldsSource';\nimport { CustomFieldModal } from '../CustomFieldModal';\nimport { ArchiveFieldModal } from './ArchiveFieldModal';\nimport { DeleteFieldModal } from './DeleteFieldModal';\n\n/**\n * Renders the field-management modals (add/edit, archive, delete) for any source.\n * The source supplies the modal states; the modals themselves are the same\n * platform components regardless of which source is behind them.\n */\nfunction _FieldManagementModals({ source }: { source: ManageFieldsSource }) {\n  const { customFieldModal, archiveFieldModal, deleteFieldModal } =\n    source.customFieldsPanel;\n  return (\n    <>\n      <CustomFieldModal state={customFieldModal} />\n      {archiveFieldModal && <ArchiveFieldModal state={archiveFieldModal} />}\n      <DeleteFieldModal state={deleteFieldModal} />\n    </>\n  );\n}\n\nexport const FieldManagementModals = observer(_FieldManagementModals);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAAsD,IAAAK,YAAA;AAEtD;AACA;AACA;AACA;AACA;AACA,SAASC,sBAAsBA,CAAC;EAAEC;AAAuC,CAAC,EAAE;EAC1E,MAAM;IAAEC,gBAAgB;IAAEC,iBAAiB;IAAEC;EAAiB,CAAC,GAC7DH,MAAM,CAACI,iBAAiB;EAC1B,oBACEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAAAf,MAAA,CAAAc,OAAA,CAAAE,QAAA,qBACEhB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAAa,gBAAgB;IAACC,KAAK,EAAER,gBAAiB;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,EAC5CZ,iBAAiB,iBAAIX,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,kBAAA,CAAAmB,iBAAiB;IAACN,KAAK,EAAEP,iBAAkB;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACrEvB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,iBAAA,CAAAmB,gBAAgB;IAACP,KAAK,EAAEN,gBAAiB;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC5C,CAAC;AAEP;AAEO,MAAMG,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,EAACpB,sBAAsB,CAAC","ignoreList":[]}

package/dist/cjs/components/CustomFieldsPanel/FieldsSourceAddFieldCTA.js

@@ -8,6 +8,7 @@ var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
 var _react2 = require("@wix/bex-core/react");
 var _CustomFields = require("../CustomFields");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldsPanel/FieldsSourceAddFieldCTA.tsx";
 function _FieldsSourceAddFieldCTA({
   source
@@ -15,6 +16,7 @@ function _FieldsSourceAddFieldCTA({
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const isHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const fm = source.fieldsSource.fieldManagement;
   if (!(fm != null && fm.canAddFields)) {
     return null;
@@ -25,16 +27,16 @@ function _FieldsSourceAddFieldCTA({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 21,
+      lineNumber: 19,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
+  }, !isHarmonyTheme && /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     direction: "horizontal",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 22,
-      columnNumber: 7
+      lineNumber: 20,
+      columnNumber: 27
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     padding: "SP4",
@@ -44,7 +46,7 @@ function _FieldsSourceAddFieldCTA({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 23,
+      lineNumber: 21,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_CustomFields.CustomFieldsDisabledHint, {
@@ -53,7 +55,7 @@ function _FieldsSourceAddFieldCTA({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 29,
+      lineNumber: 27,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
@@ -64,7 +66,7 @@ function _FieldsSourceAddFieldCTA({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 33,
+      lineNumber: 31,
       columnNumber: 11
     }
   }, t('cairo.customFields.addCustomField.CTA')))));

package/dist/cjs/components/CustomFieldsPanel/FieldsSourceAddFieldCTA.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_react2","_CustomFields","_jsxFileName","_FieldsSourceAddFieldCTA","source","translate","t","useWixPatternsContainer","fm","fieldsSource","fieldManagement","canAddFields","default","createElement","Box","direction","width","__self","__source","fileName","lineNumber","columnNumber","Divider","padding","boxSizing","CustomFieldsDisabledHint","disabled","addFieldDisabled","content","addFieldDisabledHint","AddItem","dataHook","onClick","openFieldModal","origin","FieldsSourceAddFieldCTA","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/FieldsSourceAddFieldCTA.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { AddItem, Box, Divider } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type { CollectionFieldsSourceState } from '../../state/CollectionFieldsSourceState';\nimport { CustomFieldsDisabledHint } from '../CustomFields';\n\nfunction _FieldsSourceAddFieldCTA({\n  source,\n}: {\n  source: CollectionFieldsSourceState;\n}) {\n  const { translate: t } = useWixPatternsContainer();\n  const fm = source.fieldsSource.fieldManagement;\n\n  if (!fm?.canAddFields) {\n    return null;\n  }\n\n  return (\n    <Box direction=\"vertical\" width=\"100%\">\n      <Divider direction=\"horizontal\" />\n      <Box\n        padding=\"SP4\"\n        width=\"100%\"\n        boxSizing=\"border-box\"\n        direction=\"vertical\"\n      >\n        <CustomFieldsDisabledHint\n          disabled={fm.addFieldDisabled}\n          content={fm.addFieldDisabledHint ?? ''}\n        >\n          <AddItem\n            dataHook=\"custom-columns-add-field\"\n            onClick={() =>\n              source.openFieldModal({ origin: 'Custom columns panel' })\n            }\n          >\n            {t('cairo.customFields.addCustomField.CTA')}\n          </AddItem>\n        </CustomFieldsDisabledHint>\n      </Box>\n    </Box>\n  );\n}\n\nexport const FieldsSourceAddFieldCTA = observer(_FieldsSourceAddFieldCTA);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AAA2D,IAAAK,YAAA;AAE3D,SAASC,wBAAwBA,CAAC;EAChCC;AAGF,CAAC,EAAE;EACD,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAMC,EAAE,GAAGJ,MAAM,CAACK,YAAY,CAACC,eAAe;EAE9C,IAAI,EAACF,EAAE,YAAFA,EAAE,CAAEG,YAAY,GAAE;IACrB,OAAO,IAAI;EACb;EAEA,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,KAAK,EAAC,MAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpC1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAuB,OAAO;IAACP,SAAS,EAAC,YAAY;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAClC1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IACFS,OAAO,EAAC,KAAK;IACbP,KAAK,EAAC,MAAM;IACZQ,SAAS,EAAC,YAAY;IACtBT,SAAS,EAAC,UAAU;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEpB1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAwB,wBAAwB;IACvBC,QAAQ,EAAElB,EAAE,CAACmB,gBAAiB;IAC9BC,OAAO,EAAEpB,EAAE,CAACqB,oBAAoB,IAAI,EAAG;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEvC1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA+B,OAAO;IACNC,QAAQ,EAAC,0BAA0B;IACnCC,OAAO,EAAEA,CAAA,KACP5B,MAAM,CAAC6B,cAAc,CAAC;MAAEC,MAAM,EAAE;IAAuB,CAAC,CACzD;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEAf,CAAC,CAAC,uCAAuC,CACnC,CACe,CACvB,CACF,CAAC;AAEV;AAEO,MAAM6B,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,uBAAQ,EAAClC,wBAAwB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_react2","_CustomFields","_useBmHarmonyTheme","_jsxFileName","_FieldsSourceAddFieldCTA","source","translate","t","useWixPatternsContainer","isHarmonyTheme","useBmHarmonyTheme","fm","fieldsSource","fieldManagement","canAddFields","default","createElement","Box","direction","width","__self","__source","fileName","lineNumber","columnNumber","Divider","padding","boxSizing","CustomFieldsDisabledHint","disabled","addFieldDisabled","content","addFieldDisabledHint","AddItem","dataHook","onClick","openFieldModal","origin","FieldsSourceAddFieldCTA","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/FieldsSourceAddFieldCTA.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { AddItem, Box, Divider } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type { ManageFieldsSource } from '../../state/ManageFieldsSource';\nimport { CustomFieldsDisabledHint } from '../CustomFields';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nfunction _FieldsSourceAddFieldCTA({ source }: { source: ManageFieldsSource }) {\n  const { translate: t } = useWixPatternsContainer();\n  const isHarmonyTheme = useBmHarmonyTheme();\n  const fm = source.fieldsSource.fieldManagement;\n\n  if (!fm?.canAddFields) {\n    return null;\n  }\n\n  return (\n    <Box direction=\"vertical\" width=\"100%\">\n      {!isHarmonyTheme && <Divider direction=\"horizontal\" />}\n      <Box\n        padding=\"SP4\"\n        width=\"100%\"\n        boxSizing=\"border-box\"\n        direction=\"vertical\"\n      >\n        <CustomFieldsDisabledHint\n          disabled={fm.addFieldDisabled}\n          content={fm.addFieldDisabledHint ?? ''}\n        >\n          <AddItem\n            dataHook=\"custom-columns-add-field\"\n            onClick={() =>\n              source.openFieldModal({ origin: 'Custom columns panel' })\n            }\n          >\n            {t('cairo.customFields.addCustomField.CTA')}\n          </AddItem>\n        </CustomFieldsDisabledHint>\n      </Box>\n    </Box>\n  );\n}\n\nexport const FieldsSourceAddFieldCTA = observer(_FieldsSourceAddFieldCTA);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AAAkE,IAAAM,YAAA;AAElE,SAASC,wBAAwBA,CAAC;EAAEC;AAAuC,CAAC,EAAE;EAC5E,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAMC,cAAc,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAC1C,MAAMC,EAAE,GAAGN,MAAM,CAACO,YAAY,CAACC,eAAe;EAE9C,IAAI,EAACF,EAAE,YAAFA,EAAE,CAAEG,YAAY,GAAE;IACrB,OAAO,IAAI;EACb;EAEA,oBACEnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,KAAK,EAAC,MAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACnC,CAACf,cAAc,iBAAId,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAA0B,OAAO;IAACP,SAAS,EAAC,YAAY;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACtD7B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,GAAG;IACFS,OAAO,EAAC,KAAK;IACbP,KAAK,EAAC,MAAM;IACZQ,SAAS,EAAC,YAAY;IACtBT,SAAS,EAAC,UAAU;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEpB7B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAA2B,wBAAwB;IACvBC,QAAQ,EAAElB,EAAE,CAACmB,gBAAiB;IAC9BC,OAAO,EAAEpB,EAAE,CAACqB,oBAAoB,IAAI,EAAG;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEvC7B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkC,OAAO;IACNC,QAAQ,EAAC,0BAA0B;IACnCC,OAAO,EAAEA,CAAA,KACP9B,MAAM,CAAC+B,cAAc,CAAC;MAAEC,MAAM,EAAE;IAAuB,CAAC,CACzD;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEAjB,CAAC,CAAC,uCAAuC,CACnC,CACe,CACvB,CACF,CAAC;AAEV;AAEO,MAAM+B,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,uBAAQ,EAACpC,wBAAwB,CAAC","ignoreList":[]}

package/dist/cjs/components/CustomFieldsPanel/ManageFieldsCTAButton.js

@@ -9,7 +9,7 @@ var _bexCore = require("@wix/bex-core");
 var _mobxReactLite = require("mobx-react-lite");
 var _CustomFieldsPanelEntry = require("./CustomFieldsPanelEntry");
 var _bi = require("@wix/bex-core/bi");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _CustomFields = require("../CustomFields");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldsPanel/ManageFieldsCTAButton.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -38,7 +38,7 @@ function _ManageFieldsCTAButton({
     priority: "secondary",
     dataHook: "manage-fields-button",
     size: "small",
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.SettingsSmall, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.SettingsSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/CustomFieldsPanel/ManageFieldsCTAButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_mobxReactLite","_CustomFieldsPanelEntry","_bi","_wixUiIconsCommon","_CustomFields","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ManageFieldsCTAButton","origin","state","container","translate","useEffect","panels","registerSidePanel","CustomFieldsPanelEntry","createElement","CustomFieldsDisabledTooltip","disabled","dataExtension","hasWritePermissions","content","__self","__source","fileName","lineNumber","columnNumber","Button","priority","dataHook","size","prefixIcon","SettingsSmall","onClick","isOpened","toggleSidePanel","reportBi","withoutDefaults","cairoFiltersPanelUsed","feature","ManageFieldsCTAButton","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/ManageFieldsCTAButton.tsx"],"sourcesContent":["import { Button } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CustomFieldsWidgetState } from '../../state';\nimport { CustomFieldOrigin, withoutDefaults } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsPanelEntry } from './CustomFieldsPanelEntry';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { SettingsSmall } from '@wix/wix-ui-icons-common';\nimport { CustomFieldsDisabledTooltip } from '../CustomFields';\n\nexport interface ManageFieldsCTAButtonProps {\n  origin: CustomFieldOrigin;\n  state: CustomFieldsWidgetState;\n}\n\nexport function _ManageFieldsCTAButton({\n  origin,\n  state,\n}: ManageFieldsCTAButtonProps) {\n  const {\n    container: { translate: t },\n  } = state;\n\n  useEffect(() => {\n    state.panels.registerSidePanel('customFields', CustomFieldsPanelEntry);\n  }, []);\n\n  return (\n    <CustomFieldsDisabledTooltip\n      disabled={!state.dataExtension.hasWritePermissions}\n      content={t('cairo.customFields.writePermission.tooltip')}\n    >\n      <Button\n        priority=\"secondary\"\n        dataHook=\"manage-fields-button\"\n        size=\"small\"\n        prefixIcon={<SettingsSmall />}\n        onClick={() => {\n          const isOpened = state.panels.toggleSidePanel('customFields');\n          state.reportBi(\n            withoutDefaults(cairoFiltersPanelUsed)({\n              isOpened,\n              feature: 'Manage custom fields',\n              origin,\n            }),\n          );\n        }}\n      >\n        {t('cairo.customFields.manageFields.CTA')}\n      </Button>\n    </CustomFieldsDisabledTooltip>\n  );\n}\n\nexport const ManageFieldsCTAButton = observer(_ManageFieldsCTAButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_mobxReactLite","_CustomFieldsPanelEntry","_bi","_lazy","_CustomFields","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ManageFieldsCTAButton","origin","state","container","translate","useEffect","panels","registerSidePanel","CustomFieldsPanelEntry","createElement","CustomFieldsDisabledTooltip","disabled","dataExtension","hasWritePermissions","content","__self","__source","fileName","lineNumber","columnNumber","Button","priority","dataHook","size","prefixIcon","SettingsSmall","onClick","isOpened","toggleSidePanel","reportBi","withoutDefaults","cairoFiltersPanelUsed","feature","ManageFieldsCTAButton","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/ManageFieldsCTAButton.tsx"],"sourcesContent":["import { Button } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CustomFieldsWidgetState } from '../../state';\nimport { CustomFieldOrigin, withoutDefaults } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsPanelEntry } from './CustomFieldsPanelEntry';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { SettingsSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { CustomFieldsDisabledTooltip } from '../CustomFields';\n\nexport interface ManageFieldsCTAButtonProps {\n  origin: CustomFieldOrigin;\n  state: CustomFieldsWidgetState;\n}\n\nexport function _ManageFieldsCTAButton({\n  origin,\n  state,\n}: ManageFieldsCTAButtonProps) {\n  const {\n    container: { translate: t },\n  } = state;\n\n  useEffect(() => {\n    state.panels.registerSidePanel('customFields', CustomFieldsPanelEntry);\n  }, []);\n\n  return (\n    <CustomFieldsDisabledTooltip\n      disabled={!state.dataExtension.hasWritePermissions}\n      content={t('cairo.customFields.writePermission.tooltip')}\n    >\n      <Button\n        priority=\"secondary\"\n        dataHook=\"manage-fields-button\"\n        size=\"small\"\n        prefixIcon={<SettingsSmall />}\n        onClick={() => {\n          const isOpened = state.panels.toggleSidePanel('customFields');\n          state.reportBi(\n            withoutDefaults(cairoFiltersPanelUsed)({\n              isOpened,\n              feature: 'Manage custom fields',\n              origin,\n            }),\n          );\n        }}\n      >\n        {t('cairo.customFields.manageFields.CTA')}\n      </Button>\n    </CustomFieldsDisabledTooltip>\n  );\n}\n\nexport const ManageFieldsCTAButton = observer(_ManageFieldsCTAButton);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldsWidget/ActionButtons.js

@@ -6,7 +6,7 @@ exports.ActionButtons = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
 var _mobxReactLite = require("mobx-react-lite");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _ManageFieldsCTAButton = require("../CustomFieldsPanel/ManageFieldsCTAButton");
 var _CustomFields = require("../CustomFields");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldsWidget/ActionButtons.tsx";
@@ -37,7 +37,7 @@ const _ActionButtons = ({
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
     dataHook: "add-custom-field-btn",
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Add, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/CustomFieldsWidget/ActionButtons.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_wixUiIconsCommon","_ManageFieldsCTAButton","_CustomFields","_jsxFileName","_ActionButtons","state","container","translate","t","default","createElement","Box","gap","__self","__source","fileName","lineNumber","columnNumber","CustomFieldsDisabledTooltip","disabled","dataExtension","disableAddCustomField","content","disableAddCustomFieldContent","Button","dataHook","prefixIcon","Add","size","priority","onClick","customFieldsPanel","openCustomFieldModal","origin","ManageFieldsCTAButton","ActionButtons","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/ActionButtons.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Button } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { CustomFieldsWidgetState } from '../../state';\nimport { ManageFieldsCTAButton } from '../CustomFieldsPanel/ManageFieldsCTAButton';\nimport { CustomFieldsDisabledTooltip } from '../CustomFields';\n\nexport interface CustomFieldsWidgetActionsProps {\n  state: CustomFieldsWidgetState;\n}\n\nconst _ActionButtons = ({ state }: CustomFieldsWidgetActionsProps) => {\n  const {\n    container: { translate: t },\n  } = state;\n\n  return (\n    <Box gap=\"SP2\">\n      <CustomFieldsDisabledTooltip\n        disabled={state.dataExtension.disableAddCustomField}\n        content={state.dataExtension.disableAddCustomFieldContent}\n      >\n        <Button\n          dataHook=\"add-custom-field-btn\"\n          prefixIcon={<Add />}\n          size=\"small\"\n          priority=\"secondary\"\n          onClick={() => {\n            state.customFieldsPanel.openCustomFieldModal({\n              origin: 'Custom fields widget',\n            });\n          }}\n        >\n          {t('cairo.customFields.addCustomField.CTA')}\n        </Button>\n      </CustomFieldsDisabledTooltip>\n      <ManageFieldsCTAButton state={state} origin=\"Custom fields widget\" />\n    </Box>\n  );\n};\n\nexport const ActionButtons = observer(_ActionButtons);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAEA,IAAAI,sBAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAA8D,IAAAM,YAAA;AAM9D,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAAsC,CAAC,KAAK;EACpE,MAAM;IACJC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGH,KAAK;EAET,oBACEV,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,GAAG;IAACC,GAAG,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACZtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAgB,2BAA2B;IAC1BC,QAAQ,EAAEd,KAAK,CAACe,aAAa,CAACC,qBAAsB;IACpDC,OAAO,EAAEjB,KAAK,CAACe,aAAa,CAACG,4BAA6B;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE1DtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAA0B,MAAM;IACLC,QAAQ,EAAC,sBAAsB;IAC/BC,UAAU,eAAE/B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,iBAAA,CAAA2B,GAAG;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACpBW,IAAI,EAAC,OAAO;IACZC,QAAQ,EAAC,WAAW;IACpBC,OAAO,EAAEA,CAAA,KAAM;MACbzB,KAAK,CAAC0B,iBAAiB,CAACC,oBAAoB,CAAC;QAC3CC,MAAM,EAAE;MACV,CAAC,CAAC;IACJ,CAAE;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDT,CAAC,CAAC,uCAAuC,CACpC,CACmB,CAAC,eAC9Bb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,sBAAA,CAAAiC,qBAAqB;IAAC7B,KAAK,EAAEA,KAAM;IAAC4B,MAAM,EAAC,sBAAsB;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACjE,CAAC;AAEV,CAAC;AAEM,MAAMkB,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,EAACjC,cAAc,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_lazy","_ManageFieldsCTAButton","_CustomFields","_jsxFileName","_ActionButtons","state","container","translate","t","default","createElement","Box","gap","__self","__source","fileName","lineNumber","columnNumber","CustomFieldsDisabledTooltip","disabled","dataExtension","disableAddCustomField","content","disableAddCustomFieldContent","Button","dataHook","prefixIcon","Add","size","priority","onClick","customFieldsPanel","openCustomFieldModal","origin","ManageFieldsCTAButton","ActionButtons","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/ActionButtons.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Button } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { Add } from '@wix/wix-ui-icons-common/lazy';\nimport { CustomFieldsWidgetState } from '../../state';\nimport { ManageFieldsCTAButton } from '../CustomFieldsPanel/ManageFieldsCTAButton';\nimport { CustomFieldsDisabledTooltip } from '../CustomFields';\n\nexport interface CustomFieldsWidgetActionsProps {\n  state: CustomFieldsWidgetState;\n}\n\nconst _ActionButtons = ({ state }: CustomFieldsWidgetActionsProps) => {\n  const {\n    container: { translate: t },\n  } = state;\n\n  return (\n    <Box gap=\"SP2\">\n      <CustomFieldsDisabledTooltip\n        disabled={state.dataExtension.disableAddCustomField}\n        content={state.dataExtension.disableAddCustomFieldContent}\n      >\n        <Button\n          dataHook=\"add-custom-field-btn\"\n          prefixIcon={<Add />}\n          size=\"small\"\n          priority=\"secondary\"\n          onClick={() => {\n            state.customFieldsPanel.openCustomFieldModal({\n              origin: 'Custom fields widget',\n            });\n          }}\n        >\n          {t('cairo.customFields.addCustomField.CTA')}\n        </Button>\n      </CustomFieldsDisabledTooltip>\n      <ManageFieldsCTAButton state={state} origin=\"Custom fields widget\" />\n    </Box>\n  );\n};\n\nexport const ActionButtons = observer(_ActionButtons);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,sBAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAA8D,IAAAM,YAAA;AAM9D,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAAsC,CAAC,KAAK;EACpE,MAAM;IACJC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGH,KAAK;EAET,oBACEV,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,GAAG;IAACC,GAAG,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACZtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAgB,2BAA2B;IAC1BC,QAAQ,EAAEd,KAAK,CAACe,aAAa,CAACC,qBAAsB;IACpDC,OAAO,EAAEjB,KAAK,CAACe,aAAa,CAACG,4BAA6B;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE1DtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAA0B,MAAM;IACLC,QAAQ,EAAC,sBAAsB;IAC/BC,UAAU,eAAE/B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAA2B,GAAG;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACpBW,IAAI,EAAC,OAAO;IACZC,QAAQ,EAAC,WAAW;IACpBC,OAAO,EAAEA,CAAA,KAAM;MACbzB,KAAK,CAAC0B,iBAAiB,CAACC,oBAAoB,CAAC;QAC3CC,MAAM,EAAE;MACV,CAAC,CAAC;IACJ,CAAE;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDT,CAAC,CAAC,uCAAuC,CACpC,CACmB,CAAC,eAC9Bb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,sBAAA,CAAAiC,qBAAqB;IAAC7B,KAAK,EAAEA,KAAM;IAAC4B,MAAM,EAAC,sBAAsB;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACjE,CAAC;AAEV,CAAC;AAEM,MAAMkB,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,EAACjC,cAAc,CAAC","ignoreList":[]}