@wix/patterns 1.147.0 → 1.148.0

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","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":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_ActionModal","_mobxReactLite","_jsxFileName","_ArchiveFieldModal","state","container","useWixPatternsContainer","translate","t","default","createElement","CustomActionModal","dataHook","modal","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 from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomActionModal } from '../ActionModal';\nimport { observer } from 'mobx-react-lite';\nimport { ArchiveFieldModalState } from '@wix/bex-core';\n\nexport const _ArchiveFieldModal = ({\n  state,\n}: {\n  state: ArchiveFieldModalState;\n}) => {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n\n  return (\n    <CustomActionModal\n      dataHook=\"archive-custom-field-modal\"\n      state={state.modal}\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,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAA2C,IAAAM,YAAA;AAGpC,MAAMC,kBAAkB,GAAGA,CAAC;EACjCC;AAGF,CAAC,KAAK;EACJ,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGH,SAAS;EAElC,oBACER,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,YAAA,CAAAW,iBAAiB;IAChBC,QAAQ,EAAC,4BAA4B;IACrCR,KAAK,EAAEA,KAAK,CAACS,KAAM;IACnBC,KAAK,EAAEN,CAAC,CAAC,wCAAwC,CAAE;IACnDO,iBAAiB,EAAEP,CAAC,CAAC,sCAAsC,CAAE;IAC7DQ,mBAAmB,EAAER,CAAC,CAAC,6CAA6C,CAAE;IACtES,OAAO,eACLpB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAuB,IAAI;MAACN,QAAQ,EAAC,2BAA2B;MAAAO,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,GACvCf,CAAC,CAAC,8CAA8C,CAC7C,CACP;IACDgB,KAAK,EAAC,aAAa;IACnBC,KAAK,EAAC,OAAO;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACd,CAAC;AAEN,CAAC;AAACG,OAAA,CAAAvB,kBAAA,GAAAA,kBAAA;AAEK,MAAMwB,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG,IAAAC,uBAAQ,EAACzB,kBAAkB,CAAC","ignoreList":[]}

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

@@ -13,8 +13,8 @@ var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cj
 function CustomColumnsAddCustomFieldCTAButton() {
   var _toolbar$collectionDa;
   const toolbar = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
-  const state = (_toolbar$collectionDa = toolbar.collectionDataExtension) == null ? void 0 : _toolbar$collectionDa.dataExtension;
-  if (state == null) {
+  const state = (_toolbar$collectionDa = toolbar.collectionDataExtension) == null ? void 0 : _toolbar$collectionDa.customFieldsPanel;
+  if (!state) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_bi","_react","_interopRequireDefault","_ToolbarCollectionContext","_AddCustomFieldCTAButton","_designSystem","_jsxFileName","CustomColumnsAddCustomFieldCTAButton","_toolbar$collectionDa","toolbar","useToolbarCollectionContext","state","collectionDataExtension","dataExtension","default","createElement","Box","direction","width","__self","__source","fileName","lineNumber","columnNumber","Divider","padding","boxSizing","AddCustomFieldCTAButton","onClick","reportBi","withoutDefaults","cairoDataExAddCustomField","origin","openCustomFieldModal"],"sources":["../../../../src/components/CustomFieldsPanel/CustomColumnsAddCustomFieldCTAButton.tsx"],"sourcesContent":["import { withoutDefaults } from '@wix/bex-core';\nimport { cairoDataExAddCustomField } from '@wix/bex-core/bi';\nimport React from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { AddCustomFieldCTAButton } from './AddCustomFieldCTAButton';\nimport { Box, Divider } from '@wix/design-system';\n\nexport function CustomColumnsAddCustomFieldCTAButton() {\n  const toolbar = useToolbarCollectionContext();\n  const state = toolbar.collectionDataExtension?.dataExtension;\n\n  if (state == null) {\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        <AddCustomFieldCTAButton\n          state={state}\n          onClick={() => {\n            toolbar.reportBi(\n              withoutDefaults(cairoDataExAddCustomField)({\n                origin: 'Custom columns panel',\n              }),\n            );\n\n            state.openCustomFieldModal({\n              origin: 'Custom columns panel',\n            });\n          }}\n        />\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AACA,IAAAK,wBAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAAkD,IAAAO,YAAA;AAE3C,SAASC,oCAAoCA,CAAA,EAAG;EAAA,IAAAC,qBAAA;EACrD,MAAMC,OAAO,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC7C,MAAMC,KAAK,IAAAH,qBAAA,GAAGC,OAAO,CAACG,uBAAuB,qBAA/BJ,qBAAA,CAAiCK,aAAa;EAE5D,IAAIF,KAAK,IAAI,IAAI,EAAE;IACjB,OAAO,IAAI;EACb;EAEA,oBACEV,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,KAAK,EAAC,MAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpCtB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAmB,OAAO;IAACP,SAAS,EAAC,YAAY;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAClCtB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,GAAG;IACFS,OAAO,EAAC,KAAK;IACbP,KAAK,EAAC,MAAM;IACZQ,SAAS,EAAC,YAAY;IACtBT,SAAS,EAAC,UAAU;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEpBtB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,wBAAA,CAAAuB,uBAAuB;IACtBhB,KAAK,EAAEA,KAAM;IACbiB,OAAO,EAAEA,CAAA,KAAM;MACbnB,OAAO,CAACoB,QAAQ,CACd,IAAAC,wBAAe,EAACC,6BAAyB,CAAC,CAAC;QACzCC,MAAM,EAAE;MACV,CAAC,CACH,CAAC;MAEDrB,KAAK,CAACsB,oBAAoB,CAAC;QACzBD,MAAM,EAAE;MACV,CAAC,CAAC;IACJ,CAAE;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACE,CACF,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_bi","_react","_interopRequireDefault","_ToolbarCollectionContext","_AddCustomFieldCTAButton","_designSystem","_jsxFileName","CustomColumnsAddCustomFieldCTAButton","_toolbar$collectionDa","toolbar","useToolbarCollectionContext","state","collectionDataExtension","customFieldsPanel","default","createElement","Box","direction","width","__self","__source","fileName","lineNumber","columnNumber","Divider","padding","boxSizing","AddCustomFieldCTAButton","onClick","reportBi","withoutDefaults","cairoDataExAddCustomField","origin","openCustomFieldModal"],"sources":["../../../../src/components/CustomFieldsPanel/CustomColumnsAddCustomFieldCTAButton.tsx"],"sourcesContent":["import { withoutDefaults } from '@wix/bex-core';\nimport { cairoDataExAddCustomField } from '@wix/bex-core/bi';\nimport React from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { AddCustomFieldCTAButton } from './AddCustomFieldCTAButton';\nimport { Box, Divider } from '@wix/design-system';\n\nexport function CustomColumnsAddCustomFieldCTAButton() {\n  const toolbar = useToolbarCollectionContext();\n  const state = toolbar.collectionDataExtension?.customFieldsPanel;\n\n  if (!state) {\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        <AddCustomFieldCTAButton\n          state={state}\n          onClick={() => {\n            toolbar.reportBi(\n              withoutDefaults(cairoDataExAddCustomField)({\n                origin: 'Custom columns panel',\n              }),\n            );\n\n            state.openCustomFieldModal({\n              origin: 'Custom columns panel',\n            });\n          }}\n        />\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AACA,IAAAK,wBAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAAkD,IAAAO,YAAA;AAE3C,SAASC,oCAAoCA,CAAA,EAAG;EAAA,IAAAC,qBAAA;EACrD,MAAMC,OAAO,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC7C,MAAMC,KAAK,IAAAH,qBAAA,GAAGC,OAAO,CAACG,uBAAuB,qBAA/BJ,qBAAA,CAAiCK,iBAAiB;EAEhE,IAAI,CAACF,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,oBACEV,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,KAAK,EAAC,MAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpCtB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAmB,OAAO;IAACP,SAAS,EAAC,YAAY;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAClCtB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,GAAG;IACFS,OAAO,EAAC,KAAK;IACbP,KAAK,EAAC,MAAM;IACZQ,SAAS,EAAC,YAAY;IACtBT,SAAS,EAAC,UAAU;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEpBtB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,wBAAA,CAAAuB,uBAAuB;IACtBhB,KAAK,EAAEA,KAAM;IACbiB,OAAO,EAAEA,CAAA,KAAM;MACbnB,OAAO,CAACoB,QAAQ,CACd,IAAAC,wBAAe,EAACC,6BAAyB,CAAC,CAAC;QACzCC,MAAM,EAAE;MACV,CAAC,CACH,CAAC;MAEDrB,KAAK,CAACsB,oBAAoB,CAAC;QACzBD,MAAM,EAAE;MACV,CAAC,CAAC;IACJ,CAAE;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACE,CACF,CAAC;AAEV","ignoreList":[]}

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

@@ -13,8 +13,8 @@ function CustomColumnsEditCustomFieldCTAButton({
 }) {
   var _toolbar$collectionDa;
   const toolbar = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
-  const state = (_toolbar$collectionDa = toolbar.collectionDataExtension) == null ? void 0 : _toolbar$collectionDa.dataExtension;
-  if (state == null || state.disableUserDefinedWriting) {
+  const state = (_toolbar$collectionDa = toolbar.collectionDataExtension) == null ? void 0 : _toolbar$collectionDa.customFieldsPanel;
+  if (!state || state.dataExtension.disableUserDefinedWriting) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ToolbarCollectionContext","_designSystem","_ManageFieldsPopoverMenu","_jsxFileName","CustomColumnsEditCustomFieldCTAButton","field","_toolbar$collectionDa","toolbar","useToolbarCollectionContext","state","collectionDataExtension","dataExtension","disableUserDefinedWriting","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","ManageFieldsPopoverMenu","id","origin","location","paddingInlineEnd"],"sources":["../../../../src/components/CustomFieldsPanel/CustomColumnsEditCustomFieldCTAButton.tsx"],"sourcesContent":["import React from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { Box } from '@wix/design-system';\nimport { ManageFieldsPopoverMenu } from './ManageFieldsPopoverMenu';\n\nexport function CustomColumnsEditCustomFieldCTAButton({\n  field,\n}: {\n  field: { id: string };\n}) {\n  const toolbar = useToolbarCollectionContext();\n  const state = toolbar.collectionDataExtension?.dataExtension;\n\n  if (state == null || state.disableUserDefinedWriting) {\n    return null;\n  }\n\n  return (\n    <Box>\n      <ManageFieldsPopoverMenu\n        state={state}\n        id={field.id}\n        origin=\"Custom columns panel\"\n        location=\"Customize columns action cell\"\n      />\n      <Box paddingInlineEnd=\"12px\" />\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AAAoE,IAAAI,YAAA;AAE7D,SAASC,qCAAqCA,CAAC;EACpDC;AAGF,CAAC,EAAE;EAAA,IAAAC,qBAAA;EACD,MAAMC,OAAO,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC7C,MAAMC,KAAK,IAAAH,qBAAA,GAAGC,OAAO,CAACG,uBAAuB,qBAA/BJ,qBAAA,CAAiCK,aAAa;EAE5D,IAAIF,KAAK,IAAI,IAAI,IAAIA,KAAK,CAACG,yBAAyB,EAAE;IACpD,OAAO,IAAI;EACb;EAEA,oBACEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,GAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACFvB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,wBAAA,CAAAmB,uBAAuB;IACtBZ,KAAK,EAAEA,KAAM;IACba,EAAE,EAAEjB,KAAK,CAACiB,EAAG;IACbC,MAAM,EAAC,sBAAsB;IAC7BC,QAAQ,EAAC,+BAA+B;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACzC,CAAC,eACFvB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,GAAG;IAACU,gBAAgB,EAAC,MAAM;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC3B,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ToolbarCollectionContext","_designSystem","_ManageFieldsPopoverMenu","_jsxFileName","CustomColumnsEditCustomFieldCTAButton","field","_toolbar$collectionDa","toolbar","useToolbarCollectionContext","state","collectionDataExtension","customFieldsPanel","dataExtension","disableUserDefinedWriting","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","ManageFieldsPopoverMenu","id","origin","location","paddingInlineEnd"],"sources":["../../../../src/components/CustomFieldsPanel/CustomColumnsEditCustomFieldCTAButton.tsx"],"sourcesContent":["import React from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { Box } from '@wix/design-system';\nimport { ManageFieldsPopoverMenu } from './ManageFieldsPopoverMenu';\n\nexport function CustomColumnsEditCustomFieldCTAButton({\n  field,\n}: {\n  field: { id: string };\n}) {\n  const toolbar = useToolbarCollectionContext();\n  const state = toolbar.collectionDataExtension?.customFieldsPanel;\n\n  if (!state || state.dataExtension.disableUserDefinedWriting) {\n    return null;\n  }\n\n  return (\n    <Box>\n      <ManageFieldsPopoverMenu\n        state={state}\n        id={field.id}\n        origin=\"Custom columns panel\"\n        location=\"Customize columns action cell\"\n      />\n      <Box paddingInlineEnd=\"12px\" />\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AAAoE,IAAAI,YAAA;AAE7D,SAASC,qCAAqCA,CAAC;EACpDC;AAGF,CAAC,EAAE;EAAA,IAAAC,qBAAA;EACD,MAAMC,OAAO,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC7C,MAAMC,KAAK,IAAAH,qBAAA,GAAGC,OAAO,CAACG,uBAAuB,qBAA/BJ,qBAAA,CAAiCK,iBAAiB;EAEhE,IAAI,CAACF,KAAK,IAAIA,KAAK,CAACG,aAAa,CAACC,yBAAyB,EAAE;IAC3D,OAAO,IAAI;EACb;EAEA,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACFxB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,wBAAA,CAAAoB,uBAAuB;IACtBb,KAAK,EAAEA,KAAM;IACbc,EAAE,EAAElB,KAAK,CAACkB,EAAG;IACbC,MAAM,EAAC,sBAAsB;IAC7BC,QAAQ,EAAC,+BAA+B;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACzC,CAAC,eACFxB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IAACU,gBAAgB,EAAC,MAAM;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC3B,CAAC;AAEV","ignoreList":[]}

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

@@ -26,7 +26,7 @@ function _CustomFieldItem(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 26,
+      lineNumber: 27,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
@@ -37,7 +37,7 @@ function _CustomFieldItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 33,
+          lineNumber: 34,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -48,7 +48,7 @@ function _CustomFieldItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 34,
+          lineNumber: 35,
           columnNumber: 17
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -56,7 +56,7 @@ function _CustomFieldItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 40,
+          lineNumber: 41,
           columnNumber: 19
         }
       }, field.label || field.id)))
@@ -66,7 +66,7 @@ function _CustomFieldItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 47,
+          lineNumber: 48,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement(_ManageFieldsPopoverMenu.ManageFieldsPopoverMenu, {
@@ -77,7 +77,7 @@ function _CustomFieldItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 48,
+          lineNumber: 49,
           columnNumber: 17
         }
       })),
@@ -86,7 +86,7 @@ function _CustomFieldItem(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 27,
+      lineNumber: 28,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ManageFieldsPopoverMenu","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CustomFieldItem","props","field","showDivider","state","style","useMemo","display","flexDirection","position","createElement","id","__self","__source","fileName","lineNumber","columnNumber","TableListItem","verticalPadding","options","value","Box","padding","wordBreak","Text","size","label","height","ManageFieldsPopoverMenu","origin","location","align","CustomFieldItem","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldItem.tsx"],"sourcesContent":["import { Box, TableListItem, Text } from '@wix/design-system';\nimport React, { CSSProperties, useMemo } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomField, DataExtensionState } from '@wix/bex-core';\nimport { ManageFieldsPopoverMenu } from './ManageFieldsPopoverMenu';\n\nexport interface CustomFieldItemProps {\n  field: CustomField;\n  showDivider?: boolean;\n  state: DataExtensionState;\n}\n\nfunction _CustomFieldItem(props: CustomFieldItemProps) {\n  const { field, showDivider, state } = props;\n\n  const style = useMemo<CSSProperties>(\n    () => ({\n      display: 'flex',\n      flexDirection: 'column',\n      position: 'relative',\n    }),\n    [],\n  );\n\n  return (\n    <div style={style} data-hook={`custom-field-${field.id}`}>\n      <TableListItem\n        showDivider={showDivider}\n        verticalPadding=\"tiny\"\n        options={[\n          {\n            value: (\n              <Box>\n                <div\n                  style={{\n                    padding: '0 6px',\n                    wordBreak: 'break-word',\n                  }}\n                >\n                  <Text size=\"small\">{field.label || field.id}</Text>\n                </div>\n              </Box>\n            ),\n          },\n          {\n            value: (\n              <Box height=\"24px\">\n                <ManageFieldsPopoverMenu\n                  origin=\"Custom fields panel\"\n                  state={state}\n                  id={field.id}\n                  location=\"Manage custom fields action cell\"\n                />\n              </Box>\n            ),\n            align: 'right',\n          },\n        ]}\n      />\n    </div>\n  );\n}\n\nexport const CustomFieldItem = observer(_CustomFieldItem);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ManageFieldsPopoverMenu","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CustomFieldItem","props","field","showDivider","state","style","useMemo","display","flexDirection","position","createElement","id","__self","__source","fileName","lineNumber","columnNumber","TableListItem","verticalPadding","options","value","Box","padding","wordBreak","Text","size","label","height","ManageFieldsPopoverMenu","origin","location","align","CustomFieldItem","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldItem.tsx"],"sourcesContent":["import { Box, TableListItem, Text } from '@wix/design-system';\nimport React, { CSSProperties, useMemo } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomField } from '@wix/bex-core';\nimport { ManageFieldsPopoverMenu } from './ManageFieldsPopoverMenu';\nimport { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';\n\nexport interface CustomFieldItemProps {\n  field: CustomField;\n  showDivider?: boolean;\n  state: CustomFieldsPanelState;\n}\n\nfunction _CustomFieldItem(props: CustomFieldItemProps) {\n  const { field, showDivider, state } = props;\n\n  const style = useMemo<CSSProperties>(\n    () => ({\n      display: 'flex',\n      flexDirection: 'column',\n      position: 'relative',\n    }),\n    [],\n  );\n\n  return (\n    <div style={style} data-hook={`custom-field-${field.id}`}>\n      <TableListItem\n        showDivider={showDivider}\n        verticalPadding=\"tiny\"\n        options={[\n          {\n            value: (\n              <Box>\n                <div\n                  style={{\n                    padding: '0 6px',\n                    wordBreak: 'break-word',\n                  }}\n                >\n                  <Text size=\"small\">{field.label || field.id}</Text>\n                </div>\n              </Box>\n            ),\n          },\n          {\n            value: (\n              <Box height=\"24px\">\n                <ManageFieldsPopoverMenu\n                  origin=\"Custom fields panel\"\n                  state={state}\n                  id={field.id}\n                  location=\"Manage custom fields action cell\"\n                />\n              </Box>\n            ),\n            align: 'right',\n          },\n        ]}\n      />\n    </div>\n  );\n}\n\nexport const CustomFieldItem = observer(_CustomFieldItem);\n"],"mappings":"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","ignoreList":[]}

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

@@ -22,7 +22,7 @@ function _CustomFieldsList(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 17,
+        lineNumber: 18,
         columnNumber: 9
       }
     });
@@ -34,10 +34,10 @@ function _CustomFieldsList(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 29,
+      lineNumber: 30,
       columnNumber: 5
     }
-  }, state.availableUserCustomFields.map(renderItem));
+  }, state.dataExtension.availableUserCustomFields.map(renderItem));
 }
 const CustomFieldsList = exports.CustomFieldsList = (0, _mobxReactLite.observer)(_CustomFieldsList);
 //# sourceMappingURL=CustomFieldsList.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_CustomFieldItem","_designSystem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CustomFieldsList","props","state","renderItem","useCallback","field","index","array","createElement","CustomFieldItem","key","id","showDivider","length","__self","__source","fileName","lineNumber","columnNumber","Box","direction","dataHook","backgroundColor","availableUserCustomFields","map","CustomFieldsList","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsList.tsx"],"sourcesContent":["import { DataExtensionState, CustomField } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { useCallback } from 'react';\nimport { CustomFieldItem } from './CustomFieldItem';\nimport { Box } from '@wix/design-system';\n\nexport interface CustomFieldsListProps {\n  state: DataExtensionState;\n}\n\nfunction _CustomFieldsList(props: CustomFieldsListProps) {\n  const { state } = props;\n\n  const renderItem = useCallback(\n    (field: CustomField, index: number, array: CustomField[]) => {\n      return (\n        <CustomFieldItem\n          state={state}\n          key={field.id}\n          field={field}\n          showDivider={index < array.length - 1}\n        />\n      );\n    },\n    [],\n  );\n\n  return (\n    <Box\n      direction=\"vertical\"\n      dataHook=\"custom-fields-list\"\n      backgroundColor=\"D60\"\n    >\n      {state.availableUserCustomFields.map(renderItem)}\n    </Box>\n  );\n}\n\nexport const CustomFieldsList = observer(_CustomFieldsList);\n"],"mappings":";;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAAyC,IAAAK,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,SAAAL,wBAAAK,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;AAMzC,SAASW,iBAAiBA,CAACC,KAA4B,EAAE;EACvD,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EAEvB,MAAME,UAAU,GAAG,IAAAC,kBAAW,EAC5B,CAACC,KAAkB,EAAEC,KAAa,EAAEC,KAAoB,KAAK;IAC3D,oBACEhC,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAAC/B,gBAAA,CAAAgC,eAAe;MACdP,KAAK,EAAEA,KAAM;MACbQ,GAAG,EAAEL,KAAK,CAACM,EAAG;MACdN,KAAK,EAAEA,KAAM;MACbO,WAAW,EAAEN,KAAK,GAAGC,KAAK,CAACM,MAAM,GAAG,CAAE;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArC,YAAA;QAAAsC,UAAA;QAAAC,YAAA;MAAA;IAAA,CACvC,CAAC;EAEN,CAAC,EACD,EACF,CAAC;EAED,oBACE3C,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAAC9B,aAAA,CAAAyC,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBC,QAAQ,EAAC,oBAAoB;IAC7BC,eAAe,EAAC,KAAK;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpBhB,KAAK,CAACqB,yBAAyB,CAACC,GAAG,CAACrB,UAAU,CAC5C,CAAC;AAEV;AAEO,MAAMsB,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAAC3B,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_CustomFieldItem","_designSystem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CustomFieldsList","props","state","renderItem","useCallback","field","index","array","createElement","CustomFieldItem","key","id","showDivider","length","__self","__source","fileName","lineNumber","columnNumber","Box","direction","dataHook","backgroundColor","dataExtension","availableUserCustomFields","map","CustomFieldsList","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsList.tsx"],"sourcesContent":["import { CustomField } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { useCallback } from 'react';\nimport { CustomFieldItem } from './CustomFieldItem';\nimport { Box } from '@wix/design-system';\nimport { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';\n\nexport interface CustomFieldsListProps {\n  state: CustomFieldsPanelState;\n}\n\nfunction _CustomFieldsList(props: CustomFieldsListProps) {\n  const { state } = props;\n\n  const renderItem = useCallback(\n    (field: CustomField, index: number, array: CustomField[]) => {\n      return (\n        <CustomFieldItem\n          state={state}\n          key={field.id}\n          field={field}\n          showDivider={index < array.length - 1}\n        />\n      );\n    },\n    [],\n  );\n\n  return (\n    <Box\n      direction=\"vertical\"\n      dataHook=\"custom-fields-list\"\n      backgroundColor=\"D60\"\n    >\n      {state.dataExtension.availableUserCustomFields.map(renderItem)}\n    </Box>\n  );\n}\n\nexport const CustomFieldsList = observer(_CustomFieldsList);\n"],"mappings":";;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAAyC,IAAAK,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,SAAAL,wBAAAK,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;AAOzC,SAASW,iBAAiBA,CAACC,KAA4B,EAAE;EACvD,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EAEvB,MAAME,UAAU,GAAG,IAAAC,kBAAW,EAC5B,CAACC,KAAkB,EAAEC,KAAa,EAAEC,KAAoB,KAAK;IAC3D,oBACEhC,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAAC/B,gBAAA,CAAAgC,eAAe;MACdP,KAAK,EAAEA,KAAM;MACbQ,GAAG,EAAEL,KAAK,CAACM,EAAG;MACdN,KAAK,EAAEA,KAAM;MACbO,WAAW,EAAEN,KAAK,GAAGC,KAAK,CAACM,MAAM,GAAG,CAAE;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArC,YAAA;QAAAsC,UAAA;QAAAC,YAAA;MAAA;IAAA,CACvC,CAAC;EAEN,CAAC,EACD,EACF,CAAC;EAED,oBACE3C,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAAC9B,aAAA,CAAAyC,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBC,QAAQ,EAAC,oBAAoB;IAC7BC,eAAe,EAAC,KAAK;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpBhB,KAAK,CAACqB,aAAa,CAACC,yBAAyB,CAACC,GAAG,CAACtB,UAAU,CAC1D,CAAC;AAEV;AAEO,MAAMuB,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAAC5B,iBAAiB,CAAC","ignoreList":[]}

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

@@ -41,7 +41,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 30,
+      lineNumber: 31,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react2.default.createElement(_designSystem.SidePanel.Header, {
@@ -50,7 +50,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 44,
+      lineNumber: 45,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react2.default.createElement(_ScrollableContent.ScrollableContent, {
@@ -59,7 +59,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 48,
+      lineNumber: 49,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react2.default.createElement(_CustomFieldsList.CustomFieldsList, {
@@ -67,7 +67,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 53,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react2.default.createElement(_designSystem.Box, {
@@ -76,7 +76,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 55,
+      lineNumber: 56,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react2.default.createElement(_designSystem.Divider, {
@@ -84,7 +84,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56,
+      lineNumber: 57,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react2.default.createElement(_designSystem.Box, {
@@ -93,7 +93,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57,
+      lineNumber: 58,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react2.default.createElement(_AddCustomFieldCTAButton.AddCustomFieldCTAButton, {
@@ -102,14 +102,14 @@ function _CustomFieldsPanel({
       state.reportBi((0, _bexCore.withoutDefaults)(_bi.cairoDataExAddCustomField)({
         origin
       }));
-      state == null || state.openCustomFieldModal({
+      state.openCustomFieldModal({
         origin
       });
     },
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 58,
+      lineNumber: 59,
       columnNumber: 11
     }
   }))));

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_react","_useRafRender","_react2","_interopRequireDefault","_designSystem","_ScrollableContent","_mobxReactLite","_CustomFieldsList","_AddCustomFieldCTAButton","_bi","_jsxFileName","_CustomFieldsPanel","state","container","useWixPatternsContainer","translate","t","origin","entered","useRafRender","default","createElement","SidePanel","dataHook","width","onCloseButtonClick","reportBi","withoutDefaults","cairoFiltersPanelUsed","isOpened","feature","closeSidePanel","__self","__source","fileName","lineNumber","columnNumber","Header","title","subtitle","ScrollableContent","overflowY","CustomFieldsList","Box","direction","Divider","padding","AddCustomFieldCTAButton","onClick","cairoDataExAddCustomField","openCustomFieldModal","CustomFieldsPanel","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsPanel.tsx"],"sourcesContent":["import { DataExtensionState, withoutDefaults } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport React from 'react';\nimport { Box, Divider, SidePanel } from '@wix/design-system';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsList } from './CustomFieldsList';\nimport { AddCustomFieldCTAButton } from './AddCustomFieldCTAButton';\nimport {\n  cairoDataExAddCustomField,\n  cairoFiltersPanelUsed,\n} from '@wix/bex-core/bi';\n\nexport interface CustomFieldsPanelProps {\n  state: DataExtensionState;\n}\nexport function _CustomFieldsPanel({ state }: CustomFieldsPanelProps) {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const origin = 'Custom fields panel';\n\n  const entered = useRafRender();\n\n  if (!entered) {\n    return null;\n  }\n\n  return (\n    <SidePanel\n      dataHook=\"custom-fields-panel\"\n      width=\"100%\"\n      onCloseButtonClick={() => {\n        state.reportBi(\n          withoutDefaults(cairoFiltersPanelUsed)({\n            isOpened: false,\n            feature: 'Manage custom fields',\n            origin: 'X Button',\n          }),\n        );\n        state.closeSidePanel?.();\n      }}\n    >\n      <SidePanel.Header\n        title={t('cairo.customFields.manageFields.title')}\n        subtitle={t('cairo.customFields.manageFields.subtitle')}\n      />\n      <ScrollableContent\n        overflowY\n        dataHook=\"custom-fields-panel-scroll-container\"\n      >\n        <CustomFieldsList state={state} />\n      </ScrollableContent>\n\n      <Box direction=\"vertical\" width=\"100%\">\n        <Divider direction=\"horizontal\" />\n        <Box padding=\"SP4\" direction=\"vertical\">\n          <AddCustomFieldCTAButton\n            state={state}\n            onClick={() => {\n              state.reportBi(\n                withoutDefaults(cairoDataExAddCustomField)({\n                  origin,\n                }),\n              );\n              state?.openCustomFieldModal({ origin });\n            }}\n          />\n        </Box>\n      </Box>\n    </SidePanel>\n  );\n}\n\nexport const CustomFieldsPanel = observer(_CustomFieldsPanel);\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,iBAAA,GAAAR,OAAA;AACA,IAAAS,wBAAA,GAAAT,OAAA;AACA,IAAAU,GAAA,GAAAV,OAAA;AAG0B,IAAAW,YAAA;AAKnB,SAASC,kBAAkBA,CAAC;EAAEC;AAA8B,CAAC,EAAE;EACpE,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGH,SAAS;EAClC,MAAMI,MAAM,GAAG,qBAAqB;EAEpC,MAAMC,OAAO,GAAG,IAAAC,0BAAY,EAAC,CAAC;EAE9B,IAAI,CAACD,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,oBACEhB,OAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,SAAS;IACRC,QAAQ,EAAC,qBAAqB;IAC9BC,KAAK,EAAC,MAAM;IACZC,kBAAkB,EAAEA,CAAA,KAAM;MACxBb,KAAK,CAACc,QAAQ,CACZ,IAAAC,wBAAe,EAACC,yBAAqB,CAAC,CAAC;QACrCC,QAAQ,EAAE,KAAK;QACfC,OAAO,EAAE,sBAAsB;QAC/Bb,MAAM,EAAE;MACV,CAAC,CACH,CAAC;MACDL,KAAK,CAACmB,cAAc,YAApBnB,KAAK,CAACmB,cAAc,CAAG,CAAC;IAC1B,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFlC,OAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,SAAS,CAACe,MAAM;IACfC,KAAK,EAAEtB,CAAC,CAAC,uCAAuC,CAAE;IAClDuB,QAAQ,EAAEvB,CAAC,CAAC,0CAA0C,CAAE;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACzD,CAAC,eACFlC,OAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,kBAAA,CAAAmC,iBAAiB;IAChBC,SAAS;IACTlB,QAAQ,EAAC,sCAAsC;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE/ClC,OAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACd,iBAAA,CAAAmC,gBAAgB;IAAC9B,KAAK,EAAEA,KAAM;IAAAoB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAChB,CAAC,eAEpBlC,OAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAuC,GAAG;IAACC,SAAS,EAAC,UAAU;IAACpB,KAAK,EAAC,MAAM;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpClC,OAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAyC,OAAO;IAACD,SAAS,EAAC,YAAY;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAClClC,OAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAuC,GAAG;IAACG,OAAO,EAAC,KAAK;IAACF,SAAS,EAAC,UAAU;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrClC,OAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACb,wBAAA,CAAAuC,uBAAuB;IACtBnC,KAAK,EAAEA,KAAM;IACboC,OAAO,EAAEA,CAAA,KAAM;MACbpC,KAAK,CAACc,QAAQ,CACZ,IAAAC,wBAAe,EAACsB,6BAAyB,CAAC,CAAC;QACzChC;MACF,CAAC,CACH,CAAC;MACDL,KAAK,YAALA,KAAK,CAAEsC,oBAAoB,CAAC;QAAEjC;MAAO,CAAC,CAAC;IACzC,CAAE;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACE,CACF,CACI,CAAC;AAEhB;AAEO,MAAMe,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAAC1C,kBAAkB,CAAC","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_react","_useRafRender","_react2","_interopRequireDefault","_designSystem","_ScrollableContent","_mobxReactLite","_CustomFieldsList","_AddCustomFieldCTAButton","_bi","_jsxFileName","_CustomFieldsPanel","state","container","useWixPatternsContainer","translate","t","origin","entered","useRafRender","default","createElement","SidePanel","dataHook","width","onCloseButtonClick","reportBi","withoutDefaults","cairoFiltersPanelUsed","isOpened","feature","closeSidePanel","__self","__source","fileName","lineNumber","columnNumber","Header","title","subtitle","ScrollableContent","overflowY","CustomFieldsList","Box","direction","Divider","padding","AddCustomFieldCTAButton","onClick","cairoDataExAddCustomField","openCustomFieldModal","CustomFieldsPanel","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsPanel.tsx"],"sourcesContent":["import { withoutDefaults } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport React from 'react';\nimport { Box, Divider, SidePanel } from '@wix/design-system';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsList } from './CustomFieldsList';\nimport { AddCustomFieldCTAButton } from './AddCustomFieldCTAButton';\nimport {\n  cairoDataExAddCustomField,\n  cairoFiltersPanelUsed,\n} from '@wix/bex-core/bi';\nimport { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';\n\nexport interface CustomFieldsPanelProps {\n  state: CustomFieldsPanelState;\n}\nexport function _CustomFieldsPanel({ state }: CustomFieldsPanelProps) {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const origin = 'Custom fields panel';\n\n  const entered = useRafRender();\n\n  if (!entered) {\n    return null;\n  }\n\n  return (\n    <SidePanel\n      dataHook=\"custom-fields-panel\"\n      width=\"100%\"\n      onCloseButtonClick={() => {\n        state.reportBi(\n          withoutDefaults(cairoFiltersPanelUsed)({\n            isOpened: false,\n            feature: 'Manage custom fields',\n            origin: 'X Button',\n          }),\n        );\n        state.closeSidePanel?.();\n      }}\n    >\n      <SidePanel.Header\n        title={t('cairo.customFields.manageFields.title')}\n        subtitle={t('cairo.customFields.manageFields.subtitle')}\n      />\n      <ScrollableContent\n        overflowY\n        dataHook=\"custom-fields-panel-scroll-container\"\n      >\n        <CustomFieldsList state={state} />\n      </ScrollableContent>\n\n      <Box direction=\"vertical\" width=\"100%\">\n        <Divider direction=\"horizontal\" />\n        <Box padding=\"SP4\" direction=\"vertical\">\n          <AddCustomFieldCTAButton\n            state={state}\n            onClick={() => {\n              state.reportBi(\n                withoutDefaults(cairoDataExAddCustomField)({\n                  origin,\n                }),\n              );\n              state.openCustomFieldModal({ origin });\n            }}\n          />\n        </Box>\n      </Box>\n    </SidePanel>\n  );\n}\n\nexport const CustomFieldsPanel = observer(_CustomFieldsPanel);\n"],"mappings":"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","ignoreList":[]}

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

@@ -10,7 +10,7 @@ var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cj
 function CustomFieldsPanelEntry() {
   const state = (0, _CustomFieldsWidgetContext.useCustomFieldsWidgetContext)();
   return /*#__PURE__*/_react.default.createElement(_CustomFieldsPanel.CustomFieldsPanel, {
-    state: state.dataExtension,
+    state: state.customFieldsPanel,
     __self: this,
     __source: {
       fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_CustomFieldsPanel","_CustomFieldsWidgetContext","_jsxFileName","CustomFieldsPanelEntry","state","useCustomFieldsWidgetContext","default","createElement","CustomFieldsPanel","dataExtension","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsPanelEntry.tsx"],"sourcesContent":["import React from 'react';\nimport { CustomFieldsPanel } from './CustomFieldsPanel';\nimport { useCustomFieldsWidgetContext } from '../CustomFieldsWidgetContext';\n\nexport function CustomFieldsPanelEntry() {\n  const state = useCustomFieldsWidgetContext();\n\n  return <CustomFieldsPanel state={state.dataExtension} />;\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AAA4E,IAAAG,YAAA;AAErE,SAASC,sBAAsBA,CAAA,EAAG;EACvC,MAAMC,KAAK,GAAG,IAAAC,uDAA4B,EAAC,CAAC;EAE5C,oBAAOR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,kBAAA,CAAAQ,iBAAiB;IAACJ,KAAK,EAAEA,KAAK,CAACK,aAAc;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAV,YAAA;MAAAW,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AAC1D","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_CustomFieldsPanel","_CustomFieldsWidgetContext","_jsxFileName","CustomFieldsPanelEntry","state","useCustomFieldsWidgetContext","default","createElement","CustomFieldsPanel","customFieldsPanel","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsPanelEntry.tsx"],"sourcesContent":["import React from 'react';\nimport { CustomFieldsPanel } from './CustomFieldsPanel';\nimport { useCustomFieldsWidgetContext } from '../CustomFieldsWidgetContext';\n\nexport function CustomFieldsPanelEntry() {\n  const state = useCustomFieldsWidgetContext();\n\n  return <CustomFieldsPanel state={state.customFieldsPanel} />;\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AAA4E,IAAAG,YAAA;AAErE,SAASC,sBAAsBA,CAAA,EAAG;EACvC,MAAMC,KAAK,GAAG,IAAAC,uDAA4B,EAAC,CAAC;EAE5C,oBAAOR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,kBAAA,CAAAQ,iBAAiB;IAACJ,KAAK,EAAEA,KAAK,CAACK,iBAAkB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAV,YAAA;MAAAW,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AAC9D","ignoreList":[]}

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

@@ -22,14 +22,14 @@ function _ManageFieldsPopoverMenu({
   const {
     translate: t
   } = container;
-  if (!state.hasWritePermissions) {
+  if (!state.dataExtension.hasWritePermissions) {
     return /*#__PURE__*/_react.default.createElement(_CustomFields.CustomFieldsDisabledTooltip, {
-      disabled: !state.hasWritePermissions,
+      disabled: !state.dataExtension.hasWritePermissions,
       content: t('cairo.customFields.writePermission.tooltip'),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 32,
+        lineNumber: 29,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -38,14 +38,14 @@ function _ManageFieldsPopoverMenu({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 36,
+        lineNumber: 33,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 37,
+        lineNumber: 34,
         columnNumber: 11
       }
     })));
@@ -58,7 +58,7 @@ function _ManageFieldsPopoverMenu({
     state == null || state.reportBi((0, _bexCore.withoutDefaults)(_bi.cairoCtaClicked)({
       ctaIndex,
       ctaName,
-      filteredListSize: state == null ? void 0 : state.availableUserCustomFields.length,
+      filteredListSize: state == null ? void 0 : state.dataExtension.availableUserCustomFields.length,
       isSelectAll: false,
       location,
       moreActionsIndex,
@@ -85,21 +85,21 @@ function _ManageFieldsPopoverMenu({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 81,
+        lineNumber: 78,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 86,
+        lineNumber: 83,
         columnNumber: 11
       }
     })),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 75,
+      lineNumber: 72,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -108,7 +108,7 @@ function _ManageFieldsPopoverMenu({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 92,
+        lineNumber: 89,
         columnNumber: 21
       }
     }),
@@ -119,7 +119,7 @@ function _ManageFieldsPopoverMenu({
         ctaName: 'Edit',
         moreActionsIndex: 1
       });
-      state == null || state.openCustomFieldModal({
+      state.openCustomFieldModal({
         fieldId: id,
         origin
       });
@@ -127,7 +127,7 @@ function _ManageFieldsPopoverMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 90,
+      lineNumber: 87,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -136,19 +136,18 @@ function _ManageFieldsPopoverMenu({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 109,
+        lineNumber: 106,
         columnNumber: 21
       }
     }),
     text: t('cairo.customFields.archive.CTA'),
     onClick: () => {
-      var _state$archiveFieldMo;
       reportCtaClickedBi({
         ctaIndex: 2,
         ctaName: 'Archive',
         moreActionsIndex: 2
       });
-      state == null || (_state$archiveFieldMo = state.archiveFieldModal) == null || _state$archiveFieldMo.open({
+      state.archiveFieldModal.modal.open({
         id,
         origin
       });
@@ -156,7 +155,7 @@ function _ManageFieldsPopoverMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 107,
+      lineNumber: 104,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_wixUiIconsCommon","_bexCore","_bi","_mobxReactLite","_CustomFields","_jsxFileName","_ManageFieldsPopoverMenu","state","id","origin","location","container","useWixPatternsContainer","translate","t","hasWritePermissions","default","createElement","CustomFieldsDisabledTooltip","disabled","content","__self","__source","fileName","lineNumber","columnNumber","IconButton","size","dataHook","MoreSmall","reportCtaClickedBi","ctaIndex","ctaName","moreActionsIndex","reportBi","withoutDefaults","cairoCtaClicked","filteredListSize","availableUserCustomFields","length","isSelectAll","numCtas","numItems","url","window","href","onTriggerMenu","PopoverMenu","textSize","placement","onShow","triggerElement","skin","MenuItem","prefixIcon","EditSmall","text","onClick","openCustomFieldModal","fieldId","ArchiveSmall","_state$archiveFieldMo","archiveFieldModal","open","ManageFieldsPopoverMenu","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/ManageFieldsPopoverMenu.tsx"],"sourcesContent":["import { IconButton, PopoverMenu } from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { ArchiveSmall, EditSmall, MoreSmall } from '@wix/wix-ui-icons-common';\nimport {\n  CustomFieldOrigin,\n  DataExtensionState,\n  withoutDefaults,\n} from '@wix/bex-core';\nimport { cairoCtaClicked } from '@wix/bex-core/bi';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsDisabledTooltip } from '../CustomFields';\n\nexport interface ManageFieldsPopoverMenuProps {\n  state: DataExtensionState;\n  id: string;\n  origin: CustomFieldOrigin;\n  location: string;\n}\n\nfunction _ManageFieldsPopoverMenu({\n  state,\n  id,\n  origin,\n  location,\n}: ManageFieldsPopoverMenuProps) {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n\n  if (!state.hasWritePermissions) {\n    return (\n      <CustomFieldsDisabledTooltip\n        disabled={!state.hasWritePermissions}\n        content={t('cairo.customFields.writePermission.tooltip')}\n      >\n        <IconButton size=\"tiny\" dataHook=\"custom-field-options-trigger\">\n          <MoreSmall />\n        </IconButton>\n      </CustomFieldsDisabledTooltip>\n    );\n  }\n\n  const reportCtaClickedBi = ({\n    ctaIndex,\n    ctaName,\n    moreActionsIndex,\n  }: {\n    ctaIndex: number;\n    ctaName: string;\n    moreActionsIndex?: number;\n  }) => {\n    state?.reportBi(\n      withoutDefaults(cairoCtaClicked)({\n        ctaIndex,\n        ctaName,\n        filteredListSize: state?.availableUserCustomFields.length,\n        isSelectAll: false,\n        location,\n        moreActionsIndex,\n        numCtas: 2,\n        numItems: 1,\n        url: typeof window !== 'undefined' ? window.location.href : '',\n      }),\n    );\n  };\n\n  const onTriggerMenu = () => {\n    reportCtaClickedBi({\n      ctaIndex: 0,\n      ctaName: 'More Actions Menu',\n    });\n  };\n\n  return (\n    <PopoverMenu\n      textSize=\"small\"\n      placement=\"bottom-end\"\n      dataHook=\"custom-field-options\"\n      onShow={onTriggerMenu}\n      triggerElement={\n        <IconButton\n          size=\"tiny\"\n          dataHook=\"custom-field-options-trigger\"\n          skin=\"light\"\n        >\n          <MoreSmall />\n        </IconButton>\n      }\n    >\n      <PopoverMenu.MenuItem\n        dataHook=\"custom-field-options-edit\"\n        prefixIcon={<EditSmall />}\n        text={t('cairo.customFields.edit.CTA')}\n        onClick={() => {\n          reportCtaClickedBi({\n            ctaIndex: 1,\n            ctaName: 'Edit',\n            moreActionsIndex: 1,\n          });\n          state?.openCustomFieldModal({\n            fieldId: id,\n            origin,\n          });\n        }}\n      />\n\n      <PopoverMenu.MenuItem\n        dataHook=\"custom-field-options-archive\"\n        prefixIcon={<ArchiveSmall />}\n        text={t('cairo.customFields.archive.CTA')}\n        onClick={() => {\n          reportCtaClickedBi({\n            ctaIndex: 2,\n            ctaName: 'Archive',\n            moreActionsIndex: 2,\n          });\n          state?.archiveFieldModal?.open({ id, origin });\n        }}\n      />\n    </PopoverMenu>\n  );\n}\n\nexport const ManageFieldsPopoverMenu = observer(_ManageFieldsPopoverMenu);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_wixUiIconsCommon","_bexCore","_bi","_mobxReactLite","_CustomFields","_jsxFileName","_ManageFieldsPopoverMenu","state","id","origin","location","container","useWixPatternsContainer","translate","t","dataExtension","hasWritePermissions","default","createElement","CustomFieldsDisabledTooltip","disabled","content","__self","__source","fileName","lineNumber","columnNumber","IconButton","size","dataHook","MoreSmall","reportCtaClickedBi","ctaIndex","ctaName","moreActionsIndex","reportBi","withoutDefaults","cairoCtaClicked","filteredListSize","availableUserCustomFields","length","isSelectAll","numCtas","numItems","url","window","href","onTriggerMenu","PopoverMenu","textSize","placement","onShow","triggerElement","skin","MenuItem","prefixIcon","EditSmall","text","onClick","openCustomFieldModal","fieldId","ArchiveSmall","archiveFieldModal","modal","open","ManageFieldsPopoverMenu","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/ManageFieldsPopoverMenu.tsx"],"sourcesContent":["import { IconButton, PopoverMenu } from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { ArchiveSmall, EditSmall, MoreSmall } from '@wix/wix-ui-icons-common';\nimport { CustomFieldOrigin, withoutDefaults } from '@wix/bex-core';\nimport { cairoCtaClicked } from '@wix/bex-core/bi';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsDisabledTooltip } from '../CustomFields';\nimport { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';\n\nexport interface ManageFieldsPopoverMenuProps {\n  state: CustomFieldsPanelState;\n  id: string;\n  origin: CustomFieldOrigin;\n  location: string;\n}\n\nfunction _ManageFieldsPopoverMenu({\n  state,\n  id,\n  origin,\n  location,\n}: ManageFieldsPopoverMenuProps) {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n\n  if (!state.dataExtension.hasWritePermissions) {\n    return (\n      <CustomFieldsDisabledTooltip\n        disabled={!state.dataExtension.hasWritePermissions}\n        content={t('cairo.customFields.writePermission.tooltip')}\n      >\n        <IconButton size=\"tiny\" dataHook=\"custom-field-options-trigger\">\n          <MoreSmall />\n        </IconButton>\n      </CustomFieldsDisabledTooltip>\n    );\n  }\n\n  const reportCtaClickedBi = ({\n    ctaIndex,\n    ctaName,\n    moreActionsIndex,\n  }: {\n    ctaIndex: number;\n    ctaName: string;\n    moreActionsIndex?: number;\n  }) => {\n    state?.reportBi(\n      withoutDefaults(cairoCtaClicked)({\n        ctaIndex,\n        ctaName,\n        filteredListSize: state?.dataExtension.availableUserCustomFields.length,\n        isSelectAll: false,\n        location,\n        moreActionsIndex,\n        numCtas: 2,\n        numItems: 1,\n        url: typeof window !== 'undefined' ? window.location.href : '',\n      }),\n    );\n  };\n\n  const onTriggerMenu = () => {\n    reportCtaClickedBi({\n      ctaIndex: 0,\n      ctaName: 'More Actions Menu',\n    });\n  };\n\n  return (\n    <PopoverMenu\n      textSize=\"small\"\n      placement=\"bottom-end\"\n      dataHook=\"custom-field-options\"\n      onShow={onTriggerMenu}\n      triggerElement={\n        <IconButton\n          size=\"tiny\"\n          dataHook=\"custom-field-options-trigger\"\n          skin=\"light\"\n        >\n          <MoreSmall />\n        </IconButton>\n      }\n    >\n      <PopoverMenu.MenuItem\n        dataHook=\"custom-field-options-edit\"\n        prefixIcon={<EditSmall />}\n        text={t('cairo.customFields.edit.CTA')}\n        onClick={() => {\n          reportCtaClickedBi({\n            ctaIndex: 1,\n            ctaName: 'Edit',\n            moreActionsIndex: 1,\n          });\n          state.openCustomFieldModal({\n            fieldId: id,\n            origin,\n          });\n        }}\n      />\n\n      <PopoverMenu.MenuItem\n        dataHook=\"custom-field-options-archive\"\n        prefixIcon={<ArchiveSmall />}\n        text={t('cairo.customFields.archive.CTA')}\n        onClick={() => {\n          reportCtaClickedBi({\n            ctaIndex: 2,\n            ctaName: 'Archive',\n            moreActionsIndex: 2,\n          });\n          state.archiveFieldModal.modal.open({ id, origin });\n        }}\n      />\n    </PopoverMenu>\n  );\n}\n\nexport const ManageFieldsPopoverMenu = observer(_ManageFieldsPopoverMenu);\n"],"mappings":"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","ignoreList":[]}

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

@@ -54,7 +54,7 @@ const _ActionButtons = ({
       state.reportBi((0, _bexCore.withoutDefaults)(_bi.cairoDataExAddCustomField)({
         origin
       }));
-      state.dataExtension.openCustomFieldModal({
+      state.customFieldsPanel.openCustomFieldModal({
         origin
       });
     },

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_wixUiIconsCommon","_bexCore","_ManageFieldsCTAButton","_bi","_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","origin","reportBi","withoutDefaults","cairoDataExAddCustomField","openCustomFieldModal","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 { withoutDefaults } from '@wix/bex-core';\nimport { ManageFieldsCTAButton } from '../CustomFieldsPanel/ManageFieldsCTAButton';\nimport { cairoDataExAddCustomField } from '@wix/bex-core/bi';\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            const origin = 'Custom fields widget';\n            state.reportBi(\n              withoutDefaults(cairoDataExAddCustomField)({\n                origin,\n              }),\n            );\n            state.dataExtension.openCustomFieldModal({ origin });\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,QAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AACA,IAAAM,GAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AAA8D,IAAAQ,YAAA;AAM9D,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAAsC,CAAC,KAAK;EACpE,MAAM;IACJC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGH,KAAK;EAET,oBACEZ,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IAACC,GAAG,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACZxB,MAAA,CAAAgB,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,gBAE1DxB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA4B,MAAM;IACLC,QAAQ,EAAC,sBAAsB;IAC/BC,UAAU,eAAEjC,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,iBAAA,CAAA6B,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;MACb,MAAMC,MAAM,GAAG,sBAAsB;MACrC1B,KAAK,CAAC2B,QAAQ,CACZ,IAAAC,wBAAe,EAACC,6BAAyB,CAAC,CAAC;QACzCH;MACF,CAAC,CACH,CAAC;MACD1B,KAAK,CAACe,aAAa,CAACe,oBAAoB,CAAC;QAAEJ;MAAO,CAAC,CAAC;IACtD,CAAE;IAAAlB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDT,CAAC,CAAC,uCAAuC,CACpC,CACmB,CAAC,eAC9Bf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACV,sBAAA,CAAAoC,qBAAqB;IAAC/B,KAAK,EAAEA,KAAM;IAAC0B,MAAM,EAAC,sBAAsB;IAAAlB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACjE,CAAC;AAEV,CAAC;AAEM,MAAMoB,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,EAACnC,cAAc,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_wixUiIconsCommon","_bexCore","_ManageFieldsCTAButton","_bi","_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","origin","reportBi","withoutDefaults","cairoDataExAddCustomField","customFieldsPanel","openCustomFieldModal","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 { withoutDefaults } from '@wix/bex-core';\nimport { ManageFieldsCTAButton } from '../CustomFieldsPanel/ManageFieldsCTAButton';\nimport { cairoDataExAddCustomField } from '@wix/bex-core/bi';\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            const origin = 'Custom fields widget';\n            state.reportBi(\n              withoutDefaults(cairoDataExAddCustomField)({\n                origin,\n              }),\n            );\n            state.customFieldsPanel.openCustomFieldModal({ origin });\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,QAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AACA,IAAAM,GAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AAA8D,IAAAQ,YAAA;AAM9D,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAAsC,CAAC,KAAK;EACpE,MAAM;IACJC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGH,KAAK;EAET,oBACEZ,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IAACC,GAAG,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACZxB,MAAA,CAAAgB,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,gBAE1DxB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA4B,MAAM;IACLC,QAAQ,EAAC,sBAAsB;IAC/BC,UAAU,eAAEjC,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,iBAAA,CAAA6B,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;MACb,MAAMC,MAAM,GAAG,sBAAsB;MACrC1B,KAAK,CAAC2B,QAAQ,CACZ,IAAAC,wBAAe,EAACC,6BAAyB,CAAC,CAAC;QACzCH;MACF,CAAC,CACH,CAAC;MACD1B,KAAK,CAAC8B,iBAAiB,CAACC,oBAAoB,CAAC;QAAEL;MAAO,CAAC,CAAC;IAC1D,CAAE;IAAAlB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDT,CAAC,CAAC,uCAAuC,CACpC,CACmB,CAAC,eAC9Bf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACV,sBAAA,CAAAqC,qBAAqB;IAAChC,KAAK,EAAEA,KAAM;IAAC0B,MAAM,EAAC,sBAAsB;IAAAlB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACjE,CAAC;AAEV,CAAC;AAEM,MAAMqB,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,EAACpC,cAAc,CAAC","ignoreList":[]}

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

@@ -28,7 +28,7 @@ const _CustomFieldsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 27,
+      lineNumber: 28,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_WixPatternsModalsContainer.WixPatternsModalsContainer, {
@@ -38,23 +38,23 @@ const _CustomFieldsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 33,
+      lineNumber: 34,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CustomFieldModal.CustomFieldModal, {
-    state: state.dataExtension,
+    state: state.customFieldsPanel.customFieldModal,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 39,
+      lineNumber: 40,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_ArchiveFieldModal.ArchiveFieldModal, {
-    state: state.dataExtension,
+    state: state.customFieldsPanel.archiveFieldModal,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 40,
+      lineNumber: 41,
       columnNumber: 7
     }
   }));