@wix/patterns 1.121.0 → 1.123.0

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","CustomFieldModalUniDriver","_base","body","getCustomFieldModal","MessageModalLayoutUniDriver","$","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","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","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} from '@wix/design-system/dist/testkit/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  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\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  });\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    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  };\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","getFormNameDriver","InputUniDriver","getFormKeyDriver","getInstalledAppsSection","getSiteVisitorsSection","getFormReadApps","CheckboxUniDriver","getFormWriteApps","getFormReadUsers","getFormWriteUsers","getTypeFormFieldDriver","FormFieldUniDriver","getNameFormFieldDriver","getKeyFormFieldDriver","getSubtitle","getPermissionNote","getEditPiiNote","getPiiToggleText","getPiiFootnote","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} 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\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  });\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":[]}

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

@@ -34,7 +34,7 @@ const _ArchiveFieldModal = ({
     }));
     return state.archiveFieldModal;
   });
-  return /*#__PURE__*/_react.default.createElement(_ActionModal.CustomActionModalModal, {
+  return /*#__PURE__*/_react.default.createElement(_ActionModal.CustomActionModal, {
     dataHook: "archive-custom-field-modal",
     state: archiveModalState,
     title: t('cairo.customFields.archive.modal.title'),

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_ActionModal","_mobxReactLite","_bexCore","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_ArchiveFieldModal","state","container","useWixPatternsContainer","translate","archiveModalState","useState","archiveFieldModal","ConditionalModalState","onConfirm","_state$archiveFieldMo","value","biReporter","reportArchiveFieldModalCtaClicked","archiveField","onClose","createElement","CustomActionModalModal","dataHook","title","primaryButtonText","secondaryButtonText","content","Text","__self","__source","fileName","lineNumber","columnNumber","theme","width","exports","ArchiveFieldModal","observer"],"sources":["../../../../src/components/CustomFieldsPanel/ArchiveFieldModal.tsx"],"sourcesContent":["import { Text } from '@wix/design-system';\nimport React, { useState } from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomActionModalModal } from '../ActionModal';\nimport { observer } from 'mobx-react-lite';\nimport { DataExtensionState, ConditionalModalState } from '@wix/bex-core';\n\nexport const _ArchiveFieldModal = ({\n  state,\n}: {\n  state: DataExtensionState;\n}) => {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n\n  const [archiveModalState] = useState(() => {\n    state.archiveFieldModal ??= new ConditionalModalState({\n      onConfirm: async () => {\n        if (!state.archiveFieldModal?.value) {\n          return;\n        }\n\n        state.biReporter.reportArchiveFieldModalCtaClicked('Archive');\n        await state.archiveField(state.archiveFieldModal.value);\n      },\n      onClose: () => {\n        state.biReporter.reportArchiveFieldModalCtaClicked('Cancel');\n      },\n    });\n\n    return state.archiveFieldModal!;\n  });\n\n  return (\n    <CustomActionModalModal\n      dataHook=\"archive-custom-field-modal\"\n      state={archiveModalState}\n      title={t('cairo.customFields.archive.modal.title')}\n      primaryButtonText={t('cairo.customFields.archive.modal.CTA')}\n      secondaryButtonText={t('cairo.customFields.archive.modal.cancel.CTA')}\n      content={\n        <Text dataHook=\"archive-custom-field-body\">\n          {t('cairo.customFields.archive.modal.description')}\n        </Text>\n      }\n      theme=\"destructive\"\n      width=\"510px\"\n    />\n  );\n};\n\nexport const ArchiveFieldModal = observer(_ArchiveFieldModal);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_ActionModal","_mobxReactLite","_bexCore","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_ArchiveFieldModal","state","container","useWixPatternsContainer","translate","archiveModalState","useState","archiveFieldModal","ConditionalModalState","onConfirm","_state$archiveFieldMo","value","biReporter","reportArchiveFieldModalCtaClicked","archiveField","onClose","createElement","CustomActionModal","dataHook","title","primaryButtonText","secondaryButtonText","content","Text","__self","__source","fileName","lineNumber","columnNumber","theme","width","exports","ArchiveFieldModal","observer"],"sources":["../../../../src/components/CustomFieldsPanel/ArchiveFieldModal.tsx"],"sourcesContent":["import { Text } from '@wix/design-system';\nimport React, { useState } from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomActionModal } from '../ActionModal';\nimport { observer } from 'mobx-react-lite';\nimport { DataExtensionState, ConditionalModalState } from '@wix/bex-core';\n\nexport const _ArchiveFieldModal = ({\n  state,\n}: {\n  state: DataExtensionState;\n}) => {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n\n  const [archiveModalState] = useState(() => {\n    state.archiveFieldModal ??= new ConditionalModalState({\n      onConfirm: async () => {\n        if (!state.archiveFieldModal?.value) {\n          return;\n        }\n\n        state.biReporter.reportArchiveFieldModalCtaClicked('Archive');\n        await state.archiveField(state.archiveFieldModal.value);\n      },\n      onClose: () => {\n        state.biReporter.reportArchiveFieldModalCtaClicked('Cancel');\n      },\n    });\n\n    return state.archiveFieldModal!;\n  });\n\n  return (\n    <CustomActionModal\n      dataHook=\"archive-custom-field-modal\"\n      state={archiveModalState}\n      title={t('cairo.customFields.archive.modal.title')}\n      primaryButtonText={t('cairo.customFields.archive.modal.CTA')}\n      secondaryButtonText={t('cairo.customFields.archive.modal.cancel.CTA')}\n      content={\n        <Text dataHook=\"archive-custom-field-body\">\n          {t('cairo.customFields.archive.modal.description')}\n        </Text>\n      }\n      theme=\"destructive\"\n      width=\"510px\"\n    />\n  );\n};\n\nexport const ArchiveFieldModal = observer(_ArchiveFieldModal);\n"],"mappings":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AAA0E,IAAAO,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEnE,MAAMW,kBAAkB,GAAGA,CAAC;EACjCC;AAGF,CAAC,KAAK;EACJ,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM;IAAEC,SAAS,EAAEpB;EAAE,CAAC,GAAGkB,SAAS;EAElC,MAAM,CAACG,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM;IACzCL,KAAK,CAACM,iBAAiB,KAAvBN,KAAK,CAACM,iBAAiB,GAAK,IAAIC,8BAAqB,CAAC;MACpDC,SAAS,EAAE,MAAAA,CAAA,KAAY;QAAA,IAAAC,qBAAA;QACrB,IAAI,GAAAA,qBAAA,GAACT,KAAK,CAACM,iBAAiB,aAAvBG,qBAAA,CAAyBC,KAAK,GAAE;UACnC;QACF;QAEAV,KAAK,CAACW,UAAU,CAACC,iCAAiC,CAAC,SAAS,CAAC;QAC7D,MAAMZ,KAAK,CAACa,YAAY,CAACb,KAAK,CAACM,iBAAiB,CAACI,KAAK,CAAC;MACzD,CAAC;MACDI,OAAO,EAAEA,CAAA,KAAM;QACbd,KAAK,CAACW,UAAU,CAACC,iCAAiC,CAAC,QAAQ,CAAC;MAC9D;IACF,CAAC,CAAC;IAEF,OAAOZ,KAAK,CAACM,iBAAiB;EAChC,CAAC,CAAC;EAEF,oBACElC,MAAA,CAAAa,OAAA,CAAA8B,aAAA,CAACxC,YAAA,CAAAyC,iBAAiB;IAChBC,QAAQ,EAAC,4BAA4B;IACrCjB,KAAK,EAAEI,iBAAkB;IACzBc,KAAK,EAAEnC,CAAC,CAAC,wCAAwC,CAAE;IACnDoC,iBAAiB,EAAEpC,CAAC,CAAC,sCAAsC,CAAE;IAC7DqC,mBAAmB,EAAErC,CAAC,CAAC,6CAA6C,CAAE;IACtEsC,OAAO,eACLjD,MAAA,CAAAa,OAAA,CAAA8B,aAAA,CAAC7C,aAAA,CAAAoD,IAAI;MAACL,QAAQ,EAAC,2BAA2B;MAAAM,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA/C,YAAA;QAAAgD,UAAA;QAAAC,YAAA;MAAA;IAAA,GACvC5C,CAAC,CAAC,8CAA8C,CAC7C,CACP;IACD6C,KAAK,EAAC,aAAa;IACnBC,KAAK,EAAC,OAAO;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/C,YAAA;MAAAgD,UAAA;MAAAC,YAAA;IAAA;EAAA,CACd,CAAC;AAEN,CAAC;AAACG,OAAA,CAAA/B,kBAAA,GAAAA,kBAAA;AAEK,MAAMgC,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG,IAAAC,uBAAQ,EAACjC,kBAAkB,CAAC","ignoreList":[]}

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

@@ -16,7 +16,8 @@ const _CustomFieldsViewWidget = ({
   fqdn,
   extendedFields,
   title,
-  userFieldsTitle
+  userFieldsTitle,
+  theme = 'card'
 }) => {
   const {
     state,
@@ -26,7 +27,8 @@ const _CustomFieldsViewWidget = ({
     areAllCustomFieldsEmpty
   } = (0, _useCustomFieldsViewWidget.useCustomFieldsViewWidget)({
     fqdn,
-    extendedFields
+    extendedFields,
+    theme
   });
   const {
     translate: t
@@ -37,21 +39,23 @@ const _CustomFieldsViewWidget = ({
     }
     switch (true) {
       case state.isLoading:
-        return /*#__PURE__*/_react.default.createElement(_Skeletons.SkeletonContent, {
-          __self: void 0,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 65,
-            columnNumber: 16
-          }
-        });
+        {
+          return /*#__PURE__*/_react.default.createElement(_Skeletons.InlineSkeletonContent, {
+            __self: void 0,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 74,
+              columnNumber: 16
+            }
+          });
+        }
       case state.isError:
         return /*#__PURE__*/_react.default.createElement(_ErrorStateContent.ErrorStateContent, {
           state: state,
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 67,
+            lineNumber: 77,
             columnNumber: 16
           }
         });
@@ -62,7 +66,7 @@ const _CustomFieldsViewWidget = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 70,
+            lineNumber: 80,
             columnNumber: 11
           }
         });
@@ -74,22 +78,37 @@ const _CustomFieldsViewWidget = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 78,
+            lineNumber: 88,
             columnNumber: 11
           }
         });
     }
   };
-  return userCustomFields.length || appsCustomFields.length || state.isLoading || state.isError ? /*#__PURE__*/_react.default.createElement(CustomFieldsCard, {
+  const shouldRenderContent = userCustomFields.length || appsCustomFields.length || state.isLoading || state.isError;
+  if (!shouldRenderContent) {
+    return null;
+  }
+  if (theme === 'inline') {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      "data-hook": dataHook,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 108,
+        columnNumber: 12
+      }
+    }, getContentElement());
+  }
+  return /*#__PURE__*/_react.default.createElement(CustomFieldsCard, {
     dataHook: dataHook,
     title: title ?? t('cairo.customFields.entityPage.title'),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 112,
       columnNumber: 5
     }
-  }, getContentElement()) : null;
+  }, getContentElement());
 };
 const CustomFieldsViewWidget = exports.CustomFieldsViewWidget = (0, _mobxReactLite.observer)(_CustomFieldsViewWidget);
 const CustomFieldsCard = ({
@@ -103,7 +122,7 @@ const CustomFieldsCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 107,
+      lineNumber: 129,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Card.Header, {
@@ -113,21 +132,21 @@ const CustomFieldsCard = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 110,
+        lineNumber: 132,
         columnNumber: 16
       }
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
+      lineNumber: 130,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 134,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
@@ -135,7 +154,7 @@ const CustomFieldsCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 113,
+      lineNumber: 135,
       columnNumber: 7
     }
   }, children));
@@ -148,7 +167,7 @@ const HeaderTitle = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 122,
+      lineNumber: 144,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -156,7 +175,7 @@ const HeaderTitle = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 123,
+      lineNumber: 145,
       columnNumber: 7
     }
   }, title));
@@ -176,14 +195,14 @@ const EmptyStateCard = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 140,
+        lineNumber: 162,
         columnNumber: 9
       }
     }, subtitle),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 136,
+      lineNumber: 158,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_designSystem","_Skeletons","_ErrorStateContent","_CustomFieldsViewWidgetContent","_useCustomFieldsViewWidget","_jsxFileName","_CustomFieldsViewWidget","dataHook","fqdn","extendedFields","title","userFieldsTitle","state","userCustomFields","appsCustomFields","container","areAllCustomFieldsEmpty","useCustomFieldsViewWidget","translate","t","getContentElement","isLoading","isError","length","default","createElement","SkeletonContent","__self","__source","fileName","lineNumber","columnNumber","ErrorStateContent","EmptyStateCard","subtitle","CustomFieldsViewWidgetContent","CustomFieldsCard","CustomFieldsViewWidget","exports","observer","children","Card","stretchVertically","Header","HeaderTitle","Divider","Content","Box","gap","Heading","appearance","EmptyState","Text","size","secondary","widows"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.tsx"],"sourcesContent":["import { ExtendedFields } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { PropsWithChildren } from 'react';\nimport { Box, Card, EmptyState, Heading, Text } from '@wix/design-system';\nimport { SkeletonContent } from './Skeletons';\nimport { ErrorStateContent } from './ErrorStateContent';\nimport { CustomFieldsViewWidgetContent } from './CustomFieldsViewWidgetContent';\nimport { useCustomFieldsViewWidget } from './useCustomFieldsViewWidget';\n\nexport interface CustomFieldsViewWidgetProps {\n  /**\n   * Applies a data-hook HTML attribute that can be used in tests.\n   */\n  dataHook?: string;\n\n  /**\n   * The FQDN to be used to extract schema from data-extension service.\n   */\n  fqdn: string;\n\n  /**\n   * Existing extended fields values, usually under `myEntity.extendedFields`.\n   */\n  extendedFields?: ExtendedFields;\n\n  /**\n   * Overrides the default widget title.\n   */\n  title?: string;\n\n  /**\n   * Overrides the title of the user fields section.\n   */\n  userFieldsTitle?: string;\n}\n\nconst _CustomFieldsViewWidget = ({\n  dataHook,\n  fqdn,\n  extendedFields,\n  title,\n  userFieldsTitle,\n}: CustomFieldsViewWidgetProps) => {\n  const {\n    state,\n    userCustomFields,\n    appsCustomFields,\n    container,\n    areAllCustomFieldsEmpty,\n  } = useCustomFieldsViewWidget({ fqdn, extendedFields });\n\n  const { translate: t } = container;\n\n  const getContentElement = () => {\n    if (\n      !state.isLoading &&\n      !state.isError &&\n      !userCustomFields.length &&\n      !appsCustomFields.length\n    ) {\n      return null;\n    }\n    switch (true) {\n      case state.isLoading:\n        return <SkeletonContent />;\n      case state.isError:\n        return <ErrorStateContent state={state} />;\n      case areAllCustomFieldsEmpty:\n        return (\n          <EmptyStateCard\n            title={t('cairo.customFields.entityPage.emptyState.title')}\n            subtitle={t('cairo.customFields.entityPage.emptyState.subtitle')}\n          />\n        );\n\n      default:\n        return (\n          <CustomFieldsViewWidgetContent\n            state={state}\n            extendedFields={extendedFields}\n            userFieldsTitle={userFieldsTitle}\n          />\n        );\n    }\n  };\n\n  return userCustomFields.length ||\n    appsCustomFields.length ||\n    state.isLoading ||\n    state.isError ? (\n    <CustomFieldsCard\n      dataHook={dataHook}\n      title={title ?? t('cairo.customFields.entityPage.title')}\n    >\n      {getContentElement()}\n    </CustomFieldsCard>\n  ) : null;\n};\nexport const CustomFieldsViewWidget = observer(_CustomFieldsViewWidget);\n\nconst CustomFieldsCard = ({\n  dataHook,\n  title,\n  children,\n}: PropsWithChildren<{ dataHook?: string; title: string }>) => {\n  return (\n    <Card dataHook={dataHook} stretchVertically>\n      <Card.Header\n        dataHook=\"custom-fields-view-widget-header\"\n        title={<HeaderTitle title={title} />}\n      />\n      <Card.Divider />\n      <Card.Content dataHook=\"custom-fields-view-widget-content\">\n        {children}\n      </Card.Content>\n    </Card>\n  );\n};\n\nconst HeaderTitle = ({ title }: { title: string }) => {\n  return (\n    <Box gap=\"SP1\">\n      <Heading appearance=\"H3\">{title}</Heading>\n    </Box>\n  );\n};\n\nconst EmptyStateCard = ({\n  title,\n  subtitle,\n}: {\n  title: string;\n  subtitle: string;\n}) => {\n  return (\n    <EmptyState\n      dataHook=\"empty-state\"\n      title={title}\n      subtitle={\n        <Text dataHook=\"empty-state-subtitle\" size=\"small\" secondary widows>\n          {subtitle}\n        </Text>\n      }\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_designSystem","_Skeletons","_ErrorStateContent","_CustomFieldsViewWidgetContent","_useCustomFieldsViewWidget","_jsxFileName","_CustomFieldsViewWidget","dataHook","fqdn","extendedFields","title","userFieldsTitle","theme","state","userCustomFields","appsCustomFields","container","areAllCustomFieldsEmpty","useCustomFieldsViewWidget","translate","t","getContentElement","isLoading","isError","length","default","createElement","InlineSkeletonContent","__self","__source","fileName","lineNumber","columnNumber","ErrorStateContent","EmptyStateCard","subtitle","CustomFieldsViewWidgetContent","shouldRenderContent","CustomFieldsCard","CustomFieldsViewWidget","exports","observer","children","Card","stretchVertically","Header","HeaderTitle","Divider","Content","Box","gap","Heading","appearance","EmptyState","Text","size","secondary","widows"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.tsx"],"sourcesContent":["import { ExtendedFields } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { PropsWithChildren } from 'react';\nimport { Box, Card, EmptyState, Heading, Text } from '@wix/design-system';\nimport { InlineSkeletonContent } from './Skeletons';\nimport { ErrorStateContent } from './ErrorStateContent';\nimport { CustomFieldsViewWidgetContent } from './CustomFieldsViewWidgetContent';\nimport { useCustomFieldsViewWidget } from './useCustomFieldsViewWidget';\n\nexport interface CustomFieldsViewWidgetProps {\n  /**\n   * Applies a data-hook HTML attribute that can be used in tests.\n   */\n  dataHook?: string;\n\n  /**\n   * The FQDN used to fetch the schema from the data-extension service.\n   */\n  fqdn: string;\n\n  /**\n   * The current values of the extended fields. Typically, these values are found\n   * under the `extendedFields` property of the related entity (e.g., `myEntity.extendedFields`).\n   */\n  extendedFields?: ExtendedFields;\n\n  /**\n   * A custom title for the widget. Overrides the default title.\n   */\n  title?: string;\n\n  /**\n   * A custom title for the \"user-defined fields\" section. Overrides the default section title.\n   */\n  userFieldsTitle?: string;\n\n  /**\n   * Determines the visual style of the widget.\n   * - `'inline'`: The widget is rendered inline with the surrounding content.\n   * - `'card'`: The widget is displayed in a card container.\n   */\n  theme?: 'inline' | 'card';\n}\n\nconst _CustomFieldsViewWidget = ({\n  dataHook,\n  fqdn,\n  extendedFields,\n  title,\n  userFieldsTitle,\n  theme = 'card',\n}: CustomFieldsViewWidgetProps) => {\n  const {\n    state,\n    userCustomFields,\n    appsCustomFields,\n    container,\n    areAllCustomFieldsEmpty,\n  } = useCustomFieldsViewWidget({ fqdn, extendedFields, theme });\n\n  const { translate: t } = container;\n\n  const getContentElement = () => {\n    if (\n      !state.isLoading &&\n      !state.isError &&\n      !userCustomFields.length &&\n      !appsCustomFields.length\n    ) {\n      return null;\n    }\n    switch (true) {\n      case state.isLoading: {\n        return <InlineSkeletonContent />;\n      }\n      case state.isError:\n        return <ErrorStateContent state={state} />;\n      case areAllCustomFieldsEmpty:\n        return (\n          <EmptyStateCard\n            title={t('cairo.customFields.entityPage.emptyState.title')}\n            subtitle={t('cairo.customFields.entityPage.emptyState.subtitle')}\n          />\n        );\n\n      default:\n        return (\n          <CustomFieldsViewWidgetContent\n            state={state}\n            extendedFields={extendedFields}\n            userFieldsTitle={userFieldsTitle}\n          />\n        );\n    }\n  };\n\n  const shouldRenderContent =\n    userCustomFields.length ||\n    appsCustomFields.length ||\n    state.isLoading ||\n    state.isError;\n\n  if (!shouldRenderContent) {\n    return null;\n  }\n\n  if (theme === 'inline') {\n    return <div data-hook={dataHook}>{getContentElement()}</div>;\n  }\n\n  return (\n    <CustomFieldsCard\n      dataHook={dataHook}\n      title={title ?? t('cairo.customFields.entityPage.title')}\n    >\n      {getContentElement()}\n    </CustomFieldsCard>\n  );\n};\n\nexport const CustomFieldsViewWidget = observer(_CustomFieldsViewWidget);\n\nconst CustomFieldsCard = ({\n  dataHook,\n  title,\n  children,\n}: PropsWithChildren<{ dataHook?: string; title: string }>) => {\n  return (\n    <Card dataHook={dataHook} stretchVertically>\n      <Card.Header\n        dataHook=\"custom-fields-view-widget-header\"\n        title={<HeaderTitle title={title} />}\n      />\n      <Card.Divider />\n      <Card.Content dataHook=\"custom-fields-view-widget-content\">\n        {children}\n      </Card.Content>\n    </Card>\n  );\n};\n\nconst HeaderTitle = ({ title }: { title: string }) => {\n  return (\n    <Box gap=\"SP1\">\n      <Heading appearance=\"H3\">{title}</Heading>\n    </Box>\n  );\n};\n\nconst EmptyStateCard = ({\n  title,\n  subtitle,\n}: {\n  title: string;\n  subtitle: string;\n}) => {\n  return (\n    <EmptyState\n      dataHook=\"empty-state\"\n      title={title}\n      subtitle={\n        <Text dataHook=\"empty-state-subtitle\" size=\"small\" secondary widows>\n          {subtitle}\n        </Text>\n      }\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.js

@@ -24,6 +24,7 @@ var _default = (base, body) => {
     return wholeLabel.substring(0, wholeLabel.length - 1);
   };
   const getCustomFieldValue = (namespace, fieldId) => base.$(`[data-hook="custom-field-value-${namespace}-${fieldId}"]`).text();
+  const sectionTitleForNamespaceExists = namespace => base.$(`[data-hook="custom-field-section-title-${namespace}"]`).exists();
   const getSectionTitleForNamespace = namespace => base.$(`[data-hook="custom-field-section-title-${namespace}"]`).text();
   const getFileCard = mediaId => {
     return (0, _unidriver2.BoxUniDriver)(base.$(`[data-hook="file-card-${mediaId}"]`), body);
@@ -46,6 +47,7 @@ var _default = (base, body) => {
   const getFileDetailsName = mediaId => {
     return (0, _unidriver2.TextUniDriver)(base.$(`[data-hook="file-details-name-${mediaId}"]`), body);
   };
+  const getTitleElement = () => base.$(`[data-hook="title"]`);
   return {
     getFileCard,
     getFileThumbnail,
@@ -54,7 +56,8 @@ var _default = (base, body) => {
     getFileDetailsName,
     getFileDetailsSize,
     /** Returns title text */
-    getTitle: () => base.$(`[data-hook="title"]`).text(),
+    getTitle: () => getTitleElement().text(),
+    getTitleElement,
     /** Indicates whether the widget loading state shows */
     loadingStateExists: () => base.$(`[data-hook="loading-state-skeleton-group"]`).exists(),
     fieldsContentExists: () => base.$(`[data-hook="fields-content"]`).exists(),
@@ -92,6 +95,7 @@ var _default = (base, body) => {
     getSectionTitleForNamespace,
     /** Return the section title by index */
     getSectionTitleByIndex: async index => (await getSectionTitles())[index],
+    sectionTitleForNamespaceExists,
     ...(0, _unidriver.baseUniDriverFactory)(base)
   };
 };

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","_default","base","body","errorState","EmptyStateUniDriver","$","emptyState","tryAgainButton","TextButtonUniDriver","getCustomFieldLabels","$$","map","label","text","substring","length","getCustomFieldValues","value","getSectionTitles","getCustomFieldLabelsForNamespace","namespace","getCustomFieldValuesForNamespace","getCustomFieldLabel","fieldId","wholeLabel","getCustomFieldValue","getSectionTitleForNamespace","getFileCard","mediaId","BoxUniDriver","getFileThumbnail","mediaType","getFileDownloadButton","getFileDetails","getFileDetailsSize","TextUniDriver","getFileDetailsName","getTitle","loadingStateExists","exists","fieldsContentExists","getErrorTitle","getTitleText","getErrorSubtitle","getSubtitleText","getEmptyTitle","getEmptySubtitle","clickTryAgain","click","getTryAgainContent","getButtonTextContent","getCustomFieldLabelByIndex","index","getCustomFieldValueByIndex","getSectionTitleByIndex","baseUniDriverFactory","exports","default"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  EmptyStateUniDriver,\n  TextButtonUniDriver,\n  BoxUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  const errorState = () =>\n    EmptyStateUniDriver(base.$(`[data-hook=\"error-state\"]`), body);\n\n  const emptyState = () =>\n    EmptyStateUniDriver(base.$(`[data-hook=\"empty-state\"]`), body);\n\n  const tryAgainButton = () =>\n    TextButtonUniDriver(base.$(`[data-hook=\"retry-button\"]`), body);\n\n  const getCustomFieldLabels = () =>\n    base.$$(`[data-hook^=\"custom-field-label\"]`).map(async (label) => {\n      const text = await label.text();\n      return text.substring(0, text.length - 1);\n    });\n\n  const getCustomFieldValues = () =>\n    base.$$(`[data-hook^=\"custom-field-value\"]`).map((value) => value.text());\n\n  const getSectionTitles = () =>\n    base\n      .$$('[data-hook^=\"custom-field-section-title\"]')\n      .map((value) => value.text());\n\n  const getCustomFieldLabelsForNamespace = (namespace: string) =>\n    base\n      .$$(`[data-hook^=\"custom-field-label-${namespace}\"]`)\n      .map(async (label) => {\n        const text = await label.text();\n        return text.substring(0, text.length - 1);\n      });\n\n  const getCustomFieldValuesForNamespace = (namespace: string) =>\n    base\n      .$$(`[data-hook^=\"custom-field-value-${namespace}\"]`)\n      .map((value) => value.text());\n\n  const getCustomFieldLabel = async (namespace: string, fieldId: string) => {\n    const wholeLabel = await base\n      .$(`[data-hook=\"custom-field-label-${namespace}-${fieldId}\"]`)\n      .text();\n\n    return wholeLabel.substring(0, wholeLabel.length - 1);\n  };\n\n  const getCustomFieldValue = (namespace: string, fieldId: string) =>\n    base.$(`[data-hook=\"custom-field-value-${namespace}-${fieldId}\"]`).text();\n\n  const getSectionTitleForNamespace = (namespace: string) =>\n    base.$(`[data-hook=\"custom-field-section-title-${namespace}\"]`).text();\n\n  const getFileCard = (mediaId: string) => {\n    return BoxUniDriver(base.$(`[data-hook=\"file-card-${mediaId}\"]`), body);\n  };\n  const getFileThumbnail = ({\n    mediaId,\n    mediaType,\n  }: {\n    mediaId: string;\n    mediaType: string;\n  }) => {\n    return BoxUniDriver(\n      base.$(`[data-hook=\"file-thumbnail-${mediaType}-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  const getFileDownloadButton = (mediaId: string) => {\n    return BoxUniDriver(\n      base.$(`[data-hook=\"download-button-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  const getFileDetails = (mediaId: string) => {\n    return BoxUniDriver(base.$(`[data-hook=\"file-details-${mediaId}\"]`), body);\n  };\n\n  const getFileDetailsSize = (mediaId: string) => {\n    return TextUniDriver(\n      base.$(`[data-hook=\"file-details-size-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  const getFileDetailsName = (mediaId: string) => {\n    return TextUniDriver(\n      base.$(`[data-hook=\"file-details-name-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  return {\n    getFileCard,\n    getFileThumbnail,\n    getFileDownloadButton,\n    getFileDetails,\n    getFileDetailsName,\n    getFileDetailsSize,\n    /** Returns title text */\n    getTitle: () => base.$(`[data-hook=\"title\"]`).text(),\n    /** Indicates whether the widget loading state shows */\n    loadingStateExists: () =>\n      base.$(`[data-hook=\"loading-state-skeleton-group\"]`).exists(),\n    fieldsContentExists: () => base.$(`[data-hook=\"fields-content\"]`).exists(),\n    /** Returns the error state title */\n    getErrorTitle: () => errorState().getTitleText(),\n    /** Returns the error state subtitle */\n    getErrorSubtitle: () => errorState().getSubtitleText(),\n    /** Returns the empty state title */\n    getEmptyTitle: () => emptyState().getTitleText(),\n    /** Returns the empty state subtitle */\n    getEmptySubtitle: () => base.$(`[data-hook=\"empty-state-subtitle\"]`).text(),\n    /** Clicks on try again button when error state visible */\n    clickTryAgain: () => tryAgainButton().click(),\n    /** Gets try again button text */\n    getTryAgainContent: () => tryAgainButton().getButtonTextContent(),\n    /** Returns all custom field labels */\n    getCustomFieldLabels,\n    /** Returns custom field labels for specific namespace */\n    getCustomFieldLabelsForNamespace,\n    /** Returns specific custom field label by namespace and field id */\n    getCustomFieldLabel,\n    /** Returns the custom field label by index */\n    getCustomFieldLabelByIndex: async (index: number) =>\n      (await getCustomFieldLabels())[index],\n    /** Returns all custom field values */\n    getCustomFieldValues,\n    /** Returns custom field values for specific namespace */\n    getCustomFieldValuesForNamespace,\n    /** Returns specific custom field value by namespace and field id */\n    getCustomFieldValue,\n    /** Returns the custom field value by index */\n    getCustomFieldValueByIndex: async (index: number) =>\n      (await getCustomFieldValues())[index],\n    /** Return all section titles */\n    getSectionTitles,\n    /** Return specific section title for namespace */\n    getSectionTitleForNamespace,\n    /** Return the section title by index */\n    getSectionTitleByIndex: async (index: number) =>\n      (await getSectionTitles())[index],\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","_default","base","body","errorState","EmptyStateUniDriver","$","emptyState","tryAgainButton","TextButtonUniDriver","getCustomFieldLabels","$$","map","label","text","substring","length","getCustomFieldValues","value","getSectionTitles","getCustomFieldLabelsForNamespace","namespace","getCustomFieldValuesForNamespace","getCustomFieldLabel","fieldId","wholeLabel","getCustomFieldValue","sectionTitleForNamespaceExists","exists","getSectionTitleForNamespace","getFileCard","mediaId","BoxUniDriver","getFileThumbnail","mediaType","getFileDownloadButton","getFileDetails","getFileDetailsSize","TextUniDriver","getFileDetailsName","getTitleElement","getTitle","loadingStateExists","fieldsContentExists","getErrorTitle","getTitleText","getErrorSubtitle","getSubtitleText","getEmptyTitle","getEmptySubtitle","clickTryAgain","click","getTryAgainContent","getButtonTextContent","getCustomFieldLabelByIndex","index","getCustomFieldValueByIndex","getSectionTitleByIndex","baseUniDriverFactory","exports","default"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  EmptyStateUniDriver,\n  TextButtonUniDriver,\n  BoxUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  const errorState = () =>\n    EmptyStateUniDriver(base.$(`[data-hook=\"error-state\"]`), body);\n\n  const emptyState = () =>\n    EmptyStateUniDriver(base.$(`[data-hook=\"empty-state\"]`), body);\n\n  const tryAgainButton = () =>\n    TextButtonUniDriver(base.$(`[data-hook=\"retry-button\"]`), body);\n\n  const getCustomFieldLabels = () =>\n    base.$$(`[data-hook^=\"custom-field-label\"]`).map(async (label) => {\n      const text = await label.text();\n      return text.substring(0, text.length - 1);\n    });\n\n  const getCustomFieldValues = () =>\n    base.$$(`[data-hook^=\"custom-field-value\"]`).map((value) => value.text());\n\n  const getSectionTitles = () =>\n    base\n      .$$('[data-hook^=\"custom-field-section-title\"]')\n      .map((value) => value.text());\n\n  const getCustomFieldLabelsForNamespace = (namespace: string) =>\n    base\n      .$$(`[data-hook^=\"custom-field-label-${namespace}\"]`)\n      .map(async (label) => {\n        const text = await label.text();\n        return text.substring(0, text.length - 1);\n      });\n\n  const getCustomFieldValuesForNamespace = (namespace: string) =>\n    base\n      .$$(`[data-hook^=\"custom-field-value-${namespace}\"]`)\n      .map((value) => value.text());\n\n  const getCustomFieldLabel = async (namespace: string, fieldId: string) => {\n    const wholeLabel = await base\n      .$(`[data-hook=\"custom-field-label-${namespace}-${fieldId}\"]`)\n      .text();\n\n    return wholeLabel.substring(0, wholeLabel.length - 1);\n  };\n\n  const getCustomFieldValue = (namespace: string, fieldId: string) =>\n    base.$(`[data-hook=\"custom-field-value-${namespace}-${fieldId}\"]`).text();\n\n  const sectionTitleForNamespaceExists = (namespace: string) =>\n    base.$(`[data-hook=\"custom-field-section-title-${namespace}\"]`).exists();\n\n  const getSectionTitleForNamespace = (namespace: string) =>\n    base.$(`[data-hook=\"custom-field-section-title-${namespace}\"]`).text();\n\n  const getFileCard = (mediaId: string) => {\n    return BoxUniDriver(base.$(`[data-hook=\"file-card-${mediaId}\"]`), body);\n  };\n  const getFileThumbnail = ({\n    mediaId,\n    mediaType,\n  }: {\n    mediaId: string;\n    mediaType: string;\n  }) => {\n    return BoxUniDriver(\n      base.$(`[data-hook=\"file-thumbnail-${mediaType}-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  const getFileDownloadButton = (mediaId: string) => {\n    return BoxUniDriver(\n      base.$(`[data-hook=\"download-button-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  const getFileDetails = (mediaId: string) => {\n    return BoxUniDriver(base.$(`[data-hook=\"file-details-${mediaId}\"]`), body);\n  };\n\n  const getFileDetailsSize = (mediaId: string) => {\n    return TextUniDriver(\n      base.$(`[data-hook=\"file-details-size-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  const getFileDetailsName = (mediaId: string) => {\n    return TextUniDriver(\n      base.$(`[data-hook=\"file-details-name-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  const getTitleElement = () => base.$(`[data-hook=\"title\"]`);\n\n  return {\n    getFileCard,\n    getFileThumbnail,\n    getFileDownloadButton,\n    getFileDetails,\n    getFileDetailsName,\n    getFileDetailsSize,\n    /** Returns title text */\n    getTitle: () => getTitleElement().text(),\n    getTitleElement,\n    /** Indicates whether the widget loading state shows */\n    loadingStateExists: () =>\n      base.$(`[data-hook=\"loading-state-skeleton-group\"]`).exists(),\n    fieldsContentExists: () => base.$(`[data-hook=\"fields-content\"]`).exists(),\n    /** Returns the error state title */\n    getErrorTitle: () => errorState().getTitleText(),\n    /** Returns the error state subtitle */\n    getErrorSubtitle: () => errorState().getSubtitleText(),\n    /** Returns the empty state title */\n    getEmptyTitle: () => emptyState().getTitleText(),\n    /** Returns the empty state subtitle */\n    getEmptySubtitle: () => base.$(`[data-hook=\"empty-state-subtitle\"]`).text(),\n    /** Clicks on try again button when error state visible */\n    clickTryAgain: () => tryAgainButton().click(),\n    /** Gets try again button text */\n    getTryAgainContent: () => tryAgainButton().getButtonTextContent(),\n    /** Returns all custom field labels */\n    getCustomFieldLabels,\n    /** Returns custom field labels for specific namespace */\n    getCustomFieldLabelsForNamespace,\n    /** Returns specific custom field label by namespace and field id */\n    getCustomFieldLabel,\n    /** Returns the custom field label by index */\n    getCustomFieldLabelByIndex: async (index: number) =>\n      (await getCustomFieldLabels())[index],\n    /** Returns all custom field values */\n    getCustomFieldValues,\n    /** Returns custom field values for specific namespace */\n    getCustomFieldValuesForNamespace,\n    /** Returns specific custom field value by namespace and field id */\n    getCustomFieldValue,\n    /** Returns the custom field value by index */\n    getCustomFieldValueByIndex: async (index: number) =>\n      (await getCustomFieldValues())[index],\n    /** Return all section titles */\n    getSectionTitles,\n    /** Return specific section title for namespace */\n    getSectionTitleForNamespace,\n    /** Return the section title by index */\n    getSectionTitleByIndex: async (index: number) =>\n      (await getSectionTitles())[index],\n    sectionTitleForNamespaceExists,\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -147,20 +147,48 @@ const _CustomFieldsViewWidgetSection = ({
       lineNumber: 116,
       columnNumber: 13
     }
-  }, title)), customFields.map(field => {
-    return /*#__PURE__*/_react.default.createElement(CustomFieldCell, {
-      key: field.id,
-      field: field,
-      value: getViewValue(fieldValues[field.id], field.type, `custom-field-value-${namespace}-${field.id}`),
-      labelDataHook: `custom-field-label-${namespace}-${field.id}`,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 127,
-        columnNumber: 13
-      }
-    });
-  })));
+  }, title)), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+    span: 12,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 125,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    display: "grid",
+    rowGap: "18PX",
+    columnGap: "24PX",
+    gridTemplateColumns: "repeat(auto-fill, minmax(248px, 1fr))",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 126,
+      columnNumber: 11
+    }
+  }, customFields.map(field => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    flexGrow: 1,
+    flexShrink: 1,
+    flexBasis: 0,
+    minWidth: "248px",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 133,
+      columnNumber: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(CustomFieldCell, {
+    key: field.id,
+    field: field,
+    value: getViewValue(fieldValues[field.id], field.type, `custom-field-value-${namespace}-${field.id}`),
+    labelDataHook: `custom-field-label-${namespace}-${field.id}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 134,
+      columnNumber: 17
+    }
+  })))))));
 };
 const CustomFieldsViewWidgetSection = exports.CustomFieldsViewWidgetSection = (0, _mobxReactLite.observer)(_CustomFieldsViewWidgetSection);
 const CustomFieldCell = ({
@@ -173,7 +201,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 167,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -182,7 +210,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 159,
+      lineNumber: 168,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -193,7 +221,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 160,
+      lineNumber: 169,
       columnNumber: 9
     }
   }, field.label || field.id, ":"), value));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_mobxReactLite","_FileCardList","_jsxFileName","_CustomFieldsViewWidgetSection","customFields","fieldValues","namespace","title","container","useWixPatternsContainer","translate","t","dateFormatters","valueWrapper","value","props","test","default","createElement","Text","_extends2","overflowWrap","__self","__source","fileName","lineNumber","columnNumber","React","isValidElement","getViewValue","type","valueDataHook","textProps","dataHook","size","secondary","undefined","newValue","Array","isArray","join","files","FileCardList","showDownloadCTA","showDetails","medium","format","Date","mediumTime","TextButton","as","rel","target","href","ellipsis","Box","width","direction","Layout","gap","Cell","span","Heading","map","field","CustomFieldCell","key","id","labelDataHook","CustomFieldsViewWidgetSection","exports","observer","weight","label"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.tsx"],"sourcesContent":["import { CustomField, CustomFieldType } from '@wix/bex-core';\nimport {\n  Text,\n  TextProps,\n  Layout,\n  Cell,\n  Box,\n  Heading,\n  TextButton,\n} from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { FileCardList } from '../FileCard/FileCardList';\n\ninterface CustomFieldsViewWidgetSectionProps {\n  customFields: CustomField[];\n  fieldValues: Record<string, any>;\n  namespace: string;\n  title?: string;\n}\n\nconst _CustomFieldsViewWidgetSection = ({\n  customFields,\n  fieldValues,\n  namespace,\n  title,\n}: CustomFieldsViewWidgetSectionProps) => {\n  const container = useWixPatternsContainer();\n  const { translate: t, dateFormatters } = container;\n\n  const valueWrapper = (value: any, props: TextProps) => {\n    if (typeof value === 'string' && !/\\s/.test(value)) {\n      // if there are no space symbols we apply ellipsis (e.g. for links, emails, etc.)\n      return (\n        <Text {...props} overflowWrap=\"break-word\">\n          {value}\n        </Text>\n      );\n    }\n\n    if (typeof value !== 'string' && React.isValidElement(value)) {\n      return value;\n    }\n    return <Text {...props}>{value}</Text>;\n  };\n\n  const getViewValue = (\n    value: any,\n    type: CustomFieldType,\n    valueDataHook: string,\n  ) => {\n    const textProps: TextProps = {\n      dataHook: valueDataHook,\n      size: 'small',\n      secondary: true,\n    };\n\n    // It is relevant only to app sections. User fields that are null/undefined will be filtered before and won't be displayed\n    if (value === undefined || value === null) {\n      return valueWrapper('-', textProps);\n    }\n\n    let newValue = value;\n\n    switch (type) {\n      case 'dropdown': {\n        newValue = Array.isArray(value) ? value.join(', ') : value;\n        break;\n      }\n      case 'files': {\n        const files = Array.isArray(value) ? value : [value];\n        return <FileCardList files={files} showDownloadCTA showDetails />;\n      }\n      case 'date':\n        newValue = dateFormatters.medium.format(new Date(value));\n        break;\n      case 'dateTime':\n        newValue = dateFormatters.mediumTime.format(new Date(value));\n        break;\n      case 'checkbox':\n        newValue = value\n          ? t('cairo.customFields.booleanValue.true')\n          : t('cairo.customFields.booleanValue.false');\n        break;\n      case 'url':\n        newValue = (\n          <TextButton\n            as=\"a\"\n            rel=\"noopener\"\n            target=\"_blank\"\n            size=\"small\"\n            href={value}\n            ellipsis\n            dataHook={valueDataHook}\n          >\n            {value}\n          </TextButton>\n        );\n        break;\n      default:\n        break;\n    }\n    return valueWrapper(newValue, textProps);\n  };\n\n  return (\n    <Box\n      width=\"100%\"\n      direction=\"vertical\"\n      dataHook={`custom-field-section-${namespace}`}\n    >\n      <Layout gap=\"SP3\" dataHook={`custom-field-section-${namespace}`}>\n        {title && (\n          <Cell span={12}>\n            <Heading\n              size=\"tiny\"\n              ellipsis\n              dataHook={`custom-field-section-title-${namespace}`}\n            >\n              {title}\n            </Heading>\n          </Cell>\n        )}\n        {customFields.map((field) => {\n          return (\n            <CustomFieldCell\n              key={field.id}\n              field={field}\n              value={getViewValue(\n                fieldValues[field.id],\n                field.type,\n                `custom-field-value-${namespace}-${field.id}`,\n              )}\n              labelDataHook={`custom-field-label-${namespace}-${field.id}`}\n            />\n          );\n        })}\n      </Layout>\n    </Box>\n  );\n};\n\nexport const CustomFieldsViewWidgetSection = observer(\n  _CustomFieldsViewWidgetSection,\n);\n\nconst CustomFieldCell = ({\n  field,\n  value,\n  labelDataHook,\n}: {\n  field: CustomField;\n  value: JSX.Element;\n  labelDataHook: string;\n}) => {\n  return (\n    <Cell key={field.id}>\n      <Box direction=\"vertical\" gap=\"SP1\">\n        <Text weight=\"normal\" size=\"small\" ellipsis dataHook={labelDataHook}>\n          {field.label || field.id}:\n        </Text>\n        {value}\n      </Box>\n    </Cell>\n  );\n};\n"],"mappings":";;;;;;AACA,IAAAA,aAAA,GAAAC,OAAA;AASA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAAwD,IAAAM,YAAA;AASxD,MAAMC,8BAA8B,GAAGA,CAAC;EACtCC,YAAY;EACZC,WAAW;EACXC,SAAS;EACTC;AACkC,CAAC,KAAK;EACxC,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM;IAAEC,SAAS,EAAEC,CAAC;IAAEC;EAAe,CAAC,GAAGJ,SAAS;EAElD,MAAMK,YAAY,GAAGA,CAACC,KAAU,EAAEC,KAAgB,KAAK;IACrD,IAAI,OAAOD,KAAK,KAAK,QAAQ,IAAI,CAAC,IAAI,CAACE,IAAI,CAACF,KAAK,CAAC,EAAE;MAClD;MACA,oBACEjB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAwB,IAAI,MAAAC,SAAA,CAAAH,OAAA,MAAKF,KAAK;QAAEM,YAAY,EAAC,YAAY;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAtB,YAAA;UAAAuB,UAAA;UAAAC,YAAA;QAAA;MAAA,IACvCZ,KACG,CAAC;IAEX;IAEA,IAAI,OAAOA,KAAK,KAAK,QAAQ,iBAAIa,cAAK,CAACC,cAAc,CAACd,KAAK,CAAC,EAAE;MAC5D,OAAOA,KAAK;IACd;IACA,oBAAOjB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAwB,IAAI,MAAAC,SAAA,CAAAH,OAAA,MAAKF,KAAK;MAAAO,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtB,YAAA;QAAAuB,UAAA;QAAAC,YAAA;MAAA;IAAA,IAAGZ,KAAY,CAAC;EACxC,CAAC;EAED,MAAMe,YAAY,GAAGA,CACnBf,KAAU,EACVgB,IAAqB,EACrBC,aAAqB,KAClB;IACH,MAAMC,SAAoB,GAAG;MAC3BC,QAAQ,EAAEF,aAAa;MACvBG,IAAI,EAAE,OAAO;MACbC,SAAS,EAAE;IACb,CAAC;;IAED;IACA,IAAIrB,KAAK,KAAKsB,SAAS,IAAItB,KAAK,KAAK,IAAI,EAAE;MACzC,OAAOD,YAAY,CAAC,GAAG,EAAEmB,SAAS,CAAC;IACrC;IAEA,IAAIK,QAAQ,GAAGvB,KAAK;IAEpB,QAAQgB,IAAI;MACV,KAAK,UAAU;QAAE;UACfO,QAAQ,GAAGC,KAAK,CAACC,OAAO,CAACzB,KAAK,CAAC,GAAGA,KAAK,CAAC0B,IAAI,CAAC,IAAI,CAAC,GAAG1B,KAAK;UAC1D;QACF;MACA,KAAK,OAAO;QAAE;UACZ,MAAM2B,KAAK,GAAGH,KAAK,CAACC,OAAO,CAACzB,KAAK,CAAC,GAAGA,KAAK,GAAG,CAACA,KAAK,CAAC;UACpD,oBAAOjB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAyC,YAAY;YAACD,KAAK,EAAEA,KAAM;YAACE,eAAe;YAACC,WAAW;YAAAtB,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAAtB,YAAA;cAAAuB,UAAA;cAAAC,YAAA;YAAA;UAAA,CAAE,CAAC;QACnE;MACA,KAAK,MAAM;QACTW,QAAQ,GAAGzB,cAAc,CAACiC,MAAM,CAACC,MAAM,CAAC,IAAIC,IAAI,CAACjC,KAAK,CAAC,CAAC;QACxD;MACF,KAAK,UAAU;QACbuB,QAAQ,GAAGzB,cAAc,CAACoC,UAAU,CAACF,MAAM,CAAC,IAAIC,IAAI,CAACjC,KAAK,CAAC,CAAC;QAC5D;MACF,KAAK,UAAU;QACbuB,QAAQ,GAAGvB,KAAK,GACZH,CAAC,CAAC,sCAAsC,CAAC,GACzCA,CAAC,CAAC,uCAAuC,CAAC;QAC9C;MACF,KAAK,KAAK;QACR0B,QAAQ,gBACNxC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAsD,UAAU;UACTC,EAAE,EAAC,GAAG;UACNC,GAAG,EAAC,UAAU;UACdC,MAAM,EAAC,QAAQ;UACflB,IAAI,EAAC,OAAO;UACZmB,IAAI,EAAEvC,KAAM;UACZwC,QAAQ;UACRrB,QAAQ,EAAEF,aAAc;UAAAT,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAtB,YAAA;YAAAuB,UAAA;YAAAC,YAAA;UAAA;QAAA,GAEvBZ,KACS,CACb;QACD;MACF;QACE;IACJ;IACA,OAAOD,YAAY,CAACwB,QAAQ,EAAEL,SAAS,CAAC;EAC1C,CAAC;EAED,oBACEnC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAA4D,GAAG;IACFC,KAAK,EAAC,MAAM;IACZC,SAAS,EAAC,UAAU;IACpBxB,QAAQ,EAAE,wBAAwB3B,SAAS,EAAG;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE9C7B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAA+D,MAAM;IAACC,GAAG,EAAC,KAAK;IAAC1B,QAAQ,EAAE,wBAAwB3B,SAAS,EAAG;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7DnB,KAAK,iBACJV,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAiE,IAAI;IAACC,IAAI,EAAE,EAAG;IAAAvC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACb7B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAmE,OAAO;IACN5B,IAAI,EAAC,MAAM;IACXoB,QAAQ;IACRrB,QAAQ,EAAE,8BAA8B3B,SAAS,EAAG;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEnDnB,KACM,CACL,CACP,EACAH,YAAY,CAAC2D,GAAG,CAAEC,KAAK,IAAK;IAC3B,oBACEnE,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAC+C,eAAe;MACdC,GAAG,EAAEF,KAAK,CAACG,EAAG;MACdH,KAAK,EAAEA,KAAM;MACblD,KAAK,EAAEe,YAAY,CACjBxB,WAAW,CAAC2D,KAAK,CAACG,EAAE,CAAC,EACrBH,KAAK,CAAClC,IAAI,EACV,sBAAsBxB,SAAS,IAAI0D,KAAK,CAACG,EAAE,EAC7C,CAAE;MACFC,aAAa,EAAE,sBAAsB9D,SAAS,IAAI0D,KAAK,CAACG,EAAE,EAAG;MAAA7C,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtB,YAAA;QAAAuB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAC9D,CAAC;EAEN,CAAC,CACK,CACL,CAAC;AAEV,CAAC;AAEM,MAAM2C,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,IAAAE,uBAAQ,EACnDpE,8BACF,CAAC;AAED,MAAM8D,eAAe,GAAGA,CAAC;EACvBD,KAAK;EACLlD,KAAK;EACLsD;AAKF,CAAC,KAAK;EACJ,oBACEvE,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAiE,IAAI;IAACM,GAAG,EAAEF,KAAK,CAACG,EAAG;IAAA7C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClB7B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAA4D,GAAG;IAACE,SAAS,EAAC,UAAU;IAACE,GAAG,EAAC,KAAK;IAAArC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjC7B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAwB,IAAI;IAACqD,MAAM,EAAC,QAAQ;IAACtC,IAAI,EAAC,OAAO;IAACoB,QAAQ;IAACrB,QAAQ,EAAEmC,aAAc;IAAA9C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACjEsC,KAAK,CAACS,KAAK,IAAIT,KAAK,CAACG,EAAE,EAAC,GACrB,CAAC,EACNrD,KACE,CACD,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_mobxReactLite","_FileCardList","_jsxFileName","_CustomFieldsViewWidgetSection","customFields","fieldValues","namespace","title","container","useWixPatternsContainer","translate","t","dateFormatters","valueWrapper","value","props","test","default","createElement","Text","_extends2","overflowWrap","__self","__source","fileName","lineNumber","columnNumber","React","isValidElement","getViewValue","type","valueDataHook","textProps","dataHook","size","secondary","undefined","newValue","Array","isArray","join","files","FileCardList","showDownloadCTA","showDetails","medium","format","Date","mediumTime","TextButton","as","rel","target","href","ellipsis","Box","width","direction","Layout","gap","Cell","span","Heading","display","rowGap","columnGap","gridTemplateColumns","map","field","flexGrow","flexShrink","flexBasis","minWidth","CustomFieldCell","key","id","labelDataHook","CustomFieldsViewWidgetSection","exports","observer","weight","label"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.tsx"],"sourcesContent":["import { CustomField, CustomFieldType } from '@wix/bex-core';\nimport {\n  Text,\n  TextProps,\n  Layout,\n  Cell,\n  Box,\n  Heading,\n  TextButton,\n} from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { FileCardList } from '../FileCard/FileCardList';\n\ninterface CustomFieldsViewWidgetSectionProps {\n  customFields: CustomField[];\n  fieldValues: Record<string, any>;\n  namespace: string;\n  title?: string;\n}\n\nconst _CustomFieldsViewWidgetSection = ({\n  customFields,\n  fieldValues,\n  namespace,\n  title,\n}: CustomFieldsViewWidgetSectionProps) => {\n  const container = useWixPatternsContainer();\n  const { translate: t, dateFormatters } = container;\n\n  const valueWrapper = (value: any, props: TextProps) => {\n    if (typeof value === 'string' && !/\\s/.test(value)) {\n      // if there are no space symbols we apply ellipsis (e.g. for links, emails, etc.)\n      return (\n        <Text {...props} overflowWrap=\"break-word\">\n          {value}\n        </Text>\n      );\n    }\n\n    if (typeof value !== 'string' && React.isValidElement(value)) {\n      return value;\n    }\n    return <Text {...props}>{value}</Text>;\n  };\n\n  const getViewValue = (\n    value: any,\n    type: CustomFieldType,\n    valueDataHook: string,\n  ) => {\n    const textProps: TextProps = {\n      dataHook: valueDataHook,\n      size: 'small',\n      secondary: true,\n    };\n\n    // It is relevant only to app sections. User fields that are null/undefined will be filtered before and won't be displayed\n    if (value === undefined || value === null) {\n      return valueWrapper('-', textProps);\n    }\n\n    let newValue = value;\n\n    switch (type) {\n      case 'dropdown': {\n        newValue = Array.isArray(value) ? value.join(', ') : value;\n        break;\n      }\n      case 'files': {\n        const files = Array.isArray(value) ? value : [value];\n        return <FileCardList files={files} showDownloadCTA showDetails />;\n      }\n      case 'date':\n        newValue = dateFormatters.medium.format(new Date(value));\n        break;\n      case 'dateTime':\n        newValue = dateFormatters.mediumTime.format(new Date(value));\n        break;\n      case 'checkbox':\n        newValue = value\n          ? t('cairo.customFields.booleanValue.true')\n          : t('cairo.customFields.booleanValue.false');\n        break;\n      case 'url':\n        newValue = (\n          <TextButton\n            as=\"a\"\n            rel=\"noopener\"\n            target=\"_blank\"\n            size=\"small\"\n            href={value}\n            ellipsis\n            dataHook={valueDataHook}\n          >\n            {value}\n          </TextButton>\n        );\n        break;\n      default:\n        break;\n    }\n    return valueWrapper(newValue, textProps);\n  };\n\n  return (\n    <Box\n      width=\"100%\"\n      direction=\"vertical\"\n      dataHook={`custom-field-section-${namespace}`}\n    >\n      <Layout gap=\"SP3\" dataHook={`custom-field-section-${namespace}`}>\n        {title && (\n          <Cell span={12}>\n            <Heading\n              size=\"tiny\"\n              ellipsis\n              dataHook={`custom-field-section-title-${namespace}`}\n            >\n              {title}\n            </Heading>\n          </Cell>\n        )}\n        <Cell span={12}>\n          <Box\n            display=\"grid\"\n            rowGap=\"18PX\"\n            columnGap=\"24PX\"\n            gridTemplateColumns=\"repeat(auto-fill, minmax(248px, 1fr))\"\n          >\n            {customFields.map((field) => (\n              <Box flexGrow={1} flexShrink={1} flexBasis={0} minWidth=\"248px\">\n                <CustomFieldCell\n                  key={field.id}\n                  field={field}\n                  value={getViewValue(\n                    fieldValues[field.id],\n                    field.type,\n                    `custom-field-value-${namespace}-${field.id}`,\n                  )}\n                  labelDataHook={`custom-field-label-${namespace}-${field.id}`}\n                />\n              </Box>\n            ))}\n          </Box>\n        </Cell>\n      </Layout>\n    </Box>\n  );\n};\n\nexport const CustomFieldsViewWidgetSection = observer(\n  _CustomFieldsViewWidgetSection,\n);\n\nconst CustomFieldCell = ({\n  field,\n  value,\n  labelDataHook,\n}: {\n  field: CustomField;\n  value: JSX.Element;\n  labelDataHook: string;\n}) => {\n  return (\n    <Cell key={field.id}>\n      <Box direction=\"vertical\" gap=\"SP1\">\n        <Text weight=\"normal\" size=\"small\" ellipsis dataHook={labelDataHook}>\n          {field.label || field.id}:\n        </Text>\n        {value}\n      </Box>\n    </Cell>\n  );\n};\n"],"mappings":"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","ignoreList":[]}