@wix/patterns 1.430.0 → 1.431.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_ActionModal","_","_react2","_CustomFieldModalPrimaryButton","_minimalRequiredWdsRuntimeCheck","_jsxFileName","_CustomFieldModal","state","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","translate","t","environment","language","useWixPatternsContainer","mode","customFieldModalBiReporter","reportLearnMoreClick","reportModalEndProcess","fieldManagement","maxReached","default","createElement","MessageActionModal","modalState","title","primaryButtonText","content","__self","__source","fileName","lineNumber","columnNumber","CustomActionModal","dataHook","subtitle","CustomFieldModalSubtitle","CustomFieldForm","CustomFieldModalPrimaryButton","secondaryButtonText","onCloseButtonClick","endType","secondaryButtonOnClick","footnote","supportsPii","Footnote","exports","CustomFieldModal","observer","Text","size","href","target","rel","onClick","Box","direction","TextButton","as"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldModal.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { CustomActionModal, MessageActionModal } from '../ActionModal';\nimport { CustomFieldForm } from '.';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomFieldModalPrimaryButton } from './CustomFieldModalPrimaryButton';\nimport { CustomFieldModalState, Translate } from '@wix/bex-core';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\n\nexport const _CustomFieldModal = ({\n  state,\n}: {\n  state: CustomFieldModalState;\n}) => {\n  if (process.env.NODE_ENV !== 'production') {\n    // We show form errors in the FormField status messages which were introduced\n    // in wix-style-react 10.56.0\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.64.1',\n      requiredBy: 'WixPatterns/CustomFieldModal',\n    });\n  }\n\n  const {\n    translate: t,\n    environment: { language },\n  } = useWixPatternsContainer();\n\n  const {\n    mode,\n    customFieldModalBiReporter: { reportLearnMoreClick, reportModalEndProcess },\n  } = state;\n\n  if (mode === 'new' && state.fieldManagement.maxReached) {\n    return (\n      <MessageActionModal\n        state={state.modalState}\n        title={t('cairo.customFields.maxLimit.modal.title')}\n        primaryButtonText={t('cairo.customFields.maxLimit.modal.cta')}\n        content={t('cairo.customFields.maxLimit.modal.description')}\n      />\n    );\n  }\n\n  return (\n    <CustomActionModal\n      dataHook=\"custom-field-modal\"\n      state={state.modalState}\n      title={\n        mode === 'new'\n          ? t('cairo.customFields.addCustomField.modal.title')\n          : t('cairo.customFields.editCustomField.modal.title')\n      }\n      subtitle={\n        mode === 'new' && <CustomFieldModalSubtitle t={t} language={language} />\n      }\n      content={<CustomFieldForm state={state} />}\n      primaryButtonText={\n        <CustomFieldModalPrimaryButton\n          state={state}\n          content={\n            mode === 'new'\n              ? t('cairo.customFields.addCustomField.modal.add.CTA')\n              : t('cairo.customFields.editCustomField.save.CTA')\n          }\n        />\n      }\n      secondaryButtonText={t(\n        'cairo.customFields.addCustomField.modal.cancel.CTA',\n      )}\n      onCloseButtonClick={() => reportModalEndProcess({ endType: 'Cancel' })}\n      secondaryButtonOnClick={() =>\n        reportModalEndProcess({ endType: 'Cancel' })\n      }\n      footnote={\n        state.fieldManagement.supportsPii ? null : (\n          <Footnote\n            language={language}\n            reportLearnMoreClick={reportLearnMoreClick}\n            t={t}\n          />\n        )\n      }\n    />\n  );\n};\n\nexport const CustomFieldModal = observer(_CustomFieldModal);\n\ninterface FootnoteProps {\n  language: string;\n  reportLearnMoreClick: () => void;\n  t: Translate;\n}\n\nconst Footnote: React.FC<FootnoteProps> = ({\n  language,\n  reportLearnMoreClick,\n  t,\n}) => {\n  return (\n    <Text size=\"small\" dataHook=\"pii-footnote\">\n      {t('cairo.customFields.addCustomField.modal.PII')}\n      &nbsp;\n      <a\n        href={`https://support.wix.com/${language}/article/about-personally-identifiable-information-pii`}\n        target=\"_blank\"\n        rel=\"noreferrer\"\n        onClick={reportLearnMoreClick}\n      >\n        {t('cairo.customFields.addCustomField.modal.PII.learnMore')}\n      </a>\n    </Text>\n  );\n};\n\ninterface CustomFieldModalSubtitleProps {\n  t: Translate;\n  language: string;\n}\n\nconst CustomFieldModalSubtitle: React.FC<CustomFieldModalSubtitleProps> = ({\n  t,\n  language,\n}) => {\n  return (\n    <Box direction=\"vertical\">\n      <Text>{t('cairo.customFields.addCustomField.modal.subtitle')}</Text>\n      <Text>\n        {t('cairo.customFields.addCustomField.modal.subtitle.note')}\n        &nbsp;\n        <TextButton\n          as=\"a\"\n          rel=\"noopener\"\n          target=\"_blank\"\n          href={`https://support.wix.com/${language}/article/about-custom-fields`}\n          dataHook=\"custom-field-modal-subtitle-learnmore\"\n        >\n          {t('cairo.subtitle.learnMore')}\n        </TextButton>\n      </Text>\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_ActionModal","_","_react2","_CustomFieldModalPrimaryButton","_minimalRequiredWdsRuntimeCheck","_useBmHarmonyTheme","_jsxFileName","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CustomFieldFormV2","React","lazy","Promise","resolve","then","m","_CustomFieldModal","state","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","translate","environment","language","internalExperiments","useWixPatternsContainer","mode","customFieldModalBiReporter","reportLearnMoreClick","reportModalEndProcess","fieldManagement","maxReached","createElement","MessageActionModal","modalState","title","primaryButtonText","content","__self","__source","fileName","lineNumber","columnNumber","fieldModalText","addTitle","editTitle","addSubtitle","undefined","useV2Form","enabled","CustomActionModal","dataHook","subtitle","CustomFieldModalSubtitle","Suspense","fallback","CustomFieldForm","CustomFieldModalPrimaryButton","secondaryButtonText","onCloseButtonClick","endType","secondaryButtonOnClick","footnote","supportsPii","Footnote","exports","CustomFieldModal","observer","isBmHarmonyTheme","useBmHarmonyTheme","Text","size","href","target","rel","onClick","text","note","learnMore","textSize","Box","direction","TextButton","as","label"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldModal.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { CustomActionModal, MessageActionModal } from '../ActionModal';\nimport { CustomFieldForm } from '.';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomFieldModalPrimaryButton } from './CustomFieldModalPrimaryButton';\nimport {\n  CustomFieldModalState,\n  FieldModalSubtitle,\n  Translate,\n} from '@wix/bex-core';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\n// Lazy so the V2 form (and its subtree) stays out of the main bundle while the\n// flag is off.\nconst CustomFieldFormV2 = React.lazy(() =>\n  import(\n    /* webpackChunkName: \"CustomFieldFormV2\" */ './CustomFieldFormV2'\n  ).then((m) => ({ default: m.CustomFieldFormV2 })),\n);\n\nexport const _CustomFieldModal = ({\n  state,\n}: {\n  state: CustomFieldModalState;\n}) => {\n  if (process.env.NODE_ENV !== 'production') {\n    // We show form errors in the FormField status messages which were introduced\n    // in wix-style-react 10.56.0\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.64.1',\n      requiredBy: 'WixPatterns/CustomFieldModal',\n    });\n  }\n\n  const {\n    translate: t,\n    environment: { language },\n    internalExperiments,\n  } = useWixPatternsContainer();\n\n  const {\n    mode,\n    customFieldModalBiReporter: { reportLearnMoreClick, reportModalEndProcess },\n  } = state;\n\n  if (mode === 'new' && state.fieldManagement.maxReached) {\n    return (\n      <MessageActionModal\n        state={state.modalState}\n        title={t('cairo.customFields.maxLimit.modal.title')}\n        primaryButtonText={t('cairo.customFields.maxLimit.modal.cta')}\n        content={t('cairo.customFields.maxLimit.modal.description')}\n      />\n    );\n  }\n\n  const { fieldModalText } = state.fieldManagement;\n  const title =\n    mode === 'new' ? fieldModalText.addTitle : fieldModalText.editTitle;\n  const addSubtitle = mode === 'new' ? fieldModalText.addSubtitle : undefined;\n  const useV2Form = internalExperiments?.enabled('newFieldsModal');\n\n  return (\n    <CustomActionModal\n      dataHook=\"custom-field-modal\"\n      state={state.modalState}\n      title={title}\n      subtitle={\n        addSubtitle && <CustomFieldModalSubtitle subtitle={addSubtitle} />\n      }\n      content={\n        useV2Form ? (\n          <React.Suspense fallback={null}>\n            <CustomFieldFormV2 state={state} />\n          </React.Suspense>\n        ) : (\n          <CustomFieldForm state={state} />\n        )\n      }\n      primaryButtonText={\n        <CustomFieldModalPrimaryButton\n          state={state}\n          content={\n            mode === 'new'\n              ? t('cairo.customFields.addCustomField.modal.add.CTA')\n              : t('cairo.customFields.editCustomField.save.CTA')\n          }\n        />\n      }\n      secondaryButtonText={t(\n        'cairo.customFields.addCustomField.modal.cancel.CTA',\n      )}\n      onCloseButtonClick={() => reportModalEndProcess({ endType: 'Cancel' })}\n      secondaryButtonOnClick={() =>\n        reportModalEndProcess({ endType: 'Cancel' })\n      }\n      footnote={\n        state.fieldManagement.supportsPii ? null : (\n          <Footnote\n            language={language}\n            reportLearnMoreClick={reportLearnMoreClick}\n            t={t}\n          />\n        )\n      }\n    />\n  );\n};\n\nexport const CustomFieldModal = observer(_CustomFieldModal);\n\ninterface FootnoteProps {\n  language: string;\n  reportLearnMoreClick: () => void;\n  t: Translate;\n}\n\nconst Footnote: React.FC<FootnoteProps> = ({\n  language,\n  reportLearnMoreClick,\n  t,\n}) => {\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  return (\n    <Text size={isBmHarmonyTheme ? 'tiny' : 'small'} dataHook=\"pii-footnote\">\n      {t('cairo.customFields.addCustomField.modal.PII')}\n      &nbsp;\n      <a\n        href={`https://support.wix.com/${language}/article/about-personally-identifiable-information-pii`}\n        target=\"_blank\"\n        rel=\"noreferrer\"\n        onClick={reportLearnMoreClick}\n      >\n        {t('cairo.customFields.addCustomField.modal.PII.learnMore')}\n      </a>\n    </Text>\n  );\n};\n\ninterface CustomFieldModalSubtitleProps {\n  subtitle: FieldModalSubtitle;\n}\n\nconst CustomFieldModalSubtitle: React.FC<CustomFieldModalSubtitleProps> = ({\n  subtitle: { text, note, learnMore },\n}) => {\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const textSize = isBmHarmonyTheme ? 'small' : 'medium';\n\n  return (\n    <Box direction=\"vertical\">\n      <Text size={textSize}>{text}</Text>\n      {(note || learnMore) && (\n        <Text size={textSize}>\n          {note}\n          {note && learnMore ? ' ' : null}\n          {learnMore && (\n            <TextButton\n              as=\"a\"\n              rel=\"noopener\"\n              target=\"_blank\"\n              href={learnMore.href}\n              dataHook=\"custom-field-modal-subtitle-learnmore\"\n            >\n              {learnMore.label}\n            </TextButton>\n          )}\n        </Text>\n      )}\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -18,6 +18,9 @@ function CustomFieldModalUniDriver(base, body) {
   const clickAdvancedSettings = () => getSettingsButton().click();
   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 +122,8 @@ function CustomFieldModalUniDriver(base, body) {
     clickClose,
     clickCancel,
     clickAdvancedSettings,
+    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","getErrorStateNotification","FloatingNotificationUniDriver","getLoader","LoaderUniDriver","getFieldKeyTooltip","TextUniDriver","exists","clickConfirm","getPrimaryButtonDriver","then","driver","click","clickClose","clickCloseButton","clickCancel","getSecondaryButtonDriver","clickAdvancedSettings","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  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 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    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,123 @@
+"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
+        }
+      },
+      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
+    });
+
+    // While searching the list is flat — group headers would name groups whose
+    // other options have been filtered out.
+    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: 'title',
+      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: 104,
+        columnNumber: 11
+      }
+    }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
+      fieldType: selectedType.patternsType,
+      size: 'medium'
+    })) : undefined,
+    onChange: e => setSearch(e.target.value),
+    onSelect: ({
+      id
+    }) => {
+      setSearch(null);
+      type.onChange(String(id));
+      setKeyFieldIfNotDirty(generateUniqueKey(name.value));
+    }
+    // Closing without picking anything drops the search text so the input goes
+    // back to showing the selected type.
+    ,
+    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: 97,
+      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","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","undefined","onChange","e","target","onSelect","String","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 },\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    // While searching the list is flat — group headers would name groups whose\n    // other options have been filtered out.\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: 'title',\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            {getFieldTypeIcon({\n              fieldType: selectedType.patternsType,\n              size: 'medium',\n            })}\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        setKeyFieldIfNotDirty(generateUniqueKey(name.value));\n      }}\n      // Closing without picking anything drops the search text so the input goes\n      // back to showing the selected type.\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/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: 23,
       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: 24,
+      columnNumber: 27
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     padding: "SP4",
@@ -44,7 +46,7 @@ function _FieldsSourceAddFieldCTA({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 23,
+      lineNumber: 25,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_CustomFields.CustomFieldsDisabledHint, {
@@ -53,7 +55,7 @@ function _FieldsSourceAddFieldCTA({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 29,
+      lineNumber: 31,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
@@ -64,7 +66,7 @@ function _FieldsSourceAddFieldCTA({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 33,
+      lineNumber: 35,
       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 { CollectionFieldsSourceState } from '../../state/CollectionFieldsSourceState';\nimport { CustomFieldsDisabledHint } from '../CustomFields';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nfunction _FieldsSourceAddFieldCTA({\n  source,\n}: {\n  source: CollectionFieldsSourceState;\n}) {\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;EAChCC;AAGF,CAAC,EAAE;EACD,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":[]}

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

@@ -85,12 +85,20 @@ const _CustomFieldsViewWidgetSection = ({
             }
           });
         }
+      // A value that isn't a date renders blank rather than throwing out of
+      // render — see FieldCell's date cases.
       case 'date':
-        newValue = dateFormatters.medium.format((0, _datesUtil.getDateWithoutTimezone)(value));
-        break;
+        {
+          const date = (0, _datesUtil.getDateWithoutTimezone)(value);
+          newValue = date ? dateFormatters.medium.format(date) : '';
+          break;
+        }
       case 'dateTime':
-        newValue = dateFormatters.mediumTime.format(new Date(value));
-        break;
+        {
+          const dateTime = (0, _datesUtil.parseDate)(value);
+          newValue = dateTime ? dateFormatters.mediumTime.format(dateTime) : '';
+          break;
+        }
       case 'checkbox':
         newValue = value ? t('cairo.customFields.booleanValue.true') : t('cairo.customFields.booleanValue.false');
         break;
@@ -106,7 +114,7 @@ const _CustomFieldsViewWidgetSection = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 93,
+            lineNumber: 99,
             columnNumber: 11
           }
         }, value);
@@ -123,7 +131,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 113,
+      lineNumber: 119,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
@@ -132,7 +140,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 118,
+      lineNumber: 124,
       columnNumber: 7
     }
   }, title && /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -140,7 +148,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 120,
+      lineNumber: 126,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -150,7 +158,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 121,
+      lineNumber: 127,
       columnNumber: 13
     }
   }, title)), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -158,7 +166,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 130,
+      lineNumber: 136,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -169,7 +177,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
+      lineNumber: 137,
       columnNumber: 11
     }
   }, customFields.map(field => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -181,7 +189,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 138,
+      lineNumber: 144,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(CustomFieldCell, {
@@ -192,7 +200,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 145,
+      lineNumber: 151,
       columnNumber: 17
     }
   })))))));
@@ -208,7 +216,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 178,
+      lineNumber: 184,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -217,7 +225,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 179,
+      lineNumber: 185,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -228,7 +236,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 180,
+      lineNumber: 186,
       columnNumber: 9
     }
   }, field.label || field.id, ":"), value));