@wix/patterns 1.120.0 → 1.122.0

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","_unidriver3","_CustomFieldPanelUni","_CustomFieldModalUni","_CustomFieldsFormUni","_interopRequireDefault","_ArchiveFieldModalUni","_DisabledTooltipButtonUni","_CardContainerUni","_default","base","body","addCustomFieldButton","DisabledTooltipButtonUniDriver","dataHook","manageFieldsButton","emptyState","EmptyStateUniDriver","$","cardContainer","CardContainerUniDriver","form","CustomFieldsFormUniDriver","getTitle","text","getSubtitle","infoIcon","InfoIconUniDriver","exists","getContent","isFormExists","waitForForm","timeout","waitFor","getAddFieldContent","getButtonTextContent","getManageFieldsContent","isLoading","theme","showsSkeletonHeader","SkeletonLineUniDriver","clickAddField","click","addCustomFieldButtonExists","clickManageFieldsContent","manageCustomFieldsButtonExists","getErrorTitle","getErrorState","getTitleText","getErrorSubtitle","getSubtitleText","getEmptyTitle","getEmptySubtitle","clickTryAgain","getRetryButton","TextButtonUniDriver","getTryAgainContent","sidePanel","CustomFieldPanelUniDriver","customFieldModal","CustomFieldModalUniDriver","archiveFieldModal","ArchiveFieldModalUniDriver","fieldById","id","field","baseUniDriverFactory","exports","default"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidget.uni.driver.ts"],"sourcesContent":["import { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  EmptyStateUniDriver,\n  InfoIconUniDriver,\n  SkeletonLineUniDriver,\n  TextButtonUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { CustomFieldPanelUniDriver } from '../CustomFieldsPanel/CustomFieldPanel.uni.driver';\nimport { CustomFieldModalUniDriver } from '../CustomFieldModal/CustomFieldModal.uni.driver';\nimport CustomFieldsFormUniDriver from '../CustomFieldsForm/CustomFieldsForm.uni.driver';\nimport { ArchiveFieldModalUniDriver } from '../CustomFieldsPanel/ArchiveFieldModal.uni.driver';\nimport { DisabledTooltipButtonUniDriver } from '../DisabledTooltip/DisabledTooltipButton.uni.driver';\nimport CardContainerUniDriver from '../CardContainer/CardContainer.uni.driver';\nimport { CustomFieldsWidgetTheme } from './types';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  const addCustomFieldButton = () =>\n    DisabledTooltipButtonUniDriver(base, body, {\n      dataHook: 'add-custom-field-btn',\n    });\n\n  const manageFieldsButton = () =>\n    DisabledTooltipButtonUniDriver(base, body, {\n      dataHook: 'manage-fields-button',\n    });\n\n  const emptyState = () =>\n    EmptyStateUniDriver(base.$(`[data-hook=\"empty-state\"]`), body);\n\n  const cardContainer = () => CardContainerUniDriver(base, body);\n\n  const form = () =>\n    CustomFieldsFormUniDriver(base.$(`[data-hook=\"custom-fields-form\"]`), body);\n\n  return {\n    /** Returns title text */\n    getTitle: () => base.$(`[data-hook=\"title\"]`).text(),\n    /** Returns subtitle text */\n    getSubtitle: async () => {\n      const infoIcon = InfoIconUniDriver(\n        base.$('[data-hook=\"subtitle-info-icon\"]'),\n        body,\n      );\n\n      if (await infoIcon.exists()) {\n        return infoIcon.getContent();\n      }\n\n      return base.$(`[data-hook=\"subtitle\"]`).text();\n    },\n    /** Checks whether the form component rendered */\n    isFormExists: () => form().exists(),\n    /** Waits for form rendering */\n    waitForForm: (timeout: number = 5000) =>\n      waitFor(() => form().exists(), timeout),\n    addCustomFieldButton,\n    manageFieldsButton,\n    /** Gets add field button text */\n    getAddFieldContent: () => addCustomFieldButton().getButtonTextContent(),\n    /** Gets manage fields button text */\n    getManageFieldsContent: () => manageFieldsButton().getButtonTextContent(),\n    /** Indicates whether the widget loading state shows */\n    isLoading: (theme: CustomFieldsWidgetTheme = 'card') =>\n      theme === 'card'\n        ? cardContainer().showsSkeletonHeader()\n        : SkeletonLineUniDriver(\n            body.$('[data-hook=\"custom-fields-widget-inline-loading\"]'),\n            body,\n          ).exists(),\n\n    /** Clicks on add field button */\n    clickAddField: () => addCustomFieldButton().click(),\n    /** Checks whether the add field button rendered */\n    addCustomFieldButtonExists: () => addCustomFieldButton().exists(),\n    /** Clicks on manage fields button */\n    clickManageFieldsContent: () => manageFieldsButton().click(),\n    /** Checks whether the manage fields button rendered */\n    manageCustomFieldsButtonExists: () => manageFieldsButton().exists(),\n    /** Returns the error state title */\n    getErrorTitle: (theme: CustomFieldsWidgetTheme = 'card') =>\n      theme === 'card'\n        ? cardContainer().getErrorState().getTitleText()\n        : EmptyStateUniDriver(\n            body.$('[data-hook=\"custom-fields-widget-inline-error\"]'),\n            body,\n          ).getTitleText(),\n    /** Returns the error state subtitle */\n    getErrorSubtitle: (theme: CustomFieldsWidgetTheme = 'card') =>\n      theme === 'card'\n        ? cardContainer().getErrorState().getSubtitleText()\n        : EmptyStateUniDriver(\n            body.$('[data-hook=\"custom-fields-widget-inline-error\"]'),\n            body,\n          ).getSubtitleText(),\n    /** Returns the empty state title */\n    getEmptyTitle: () => emptyState().getTitleText(),\n    /** Returns the empty state subtitle */\n    getEmptySubtitle: () => emptyState().getSubtitleText(),\n    /** Clicks on try again button when error state visible */\n    clickTryAgain: (theme: CustomFieldsWidgetTheme = 'card') =>\n      theme === 'card'\n        ? cardContainer().getErrorState().getRetryButton().click()\n        : TextButtonUniDriver(\n            body.$('[data-hook=\"retry-button\"]'),\n            body,\n          ).click(),\n    /** Gets try again button text */\n    getTryAgainContent: (theme: CustomFieldsWidgetTheme = 'card') =>\n      theme === 'card'\n        ? cardContainer()\n            .getErrorState()\n            .getRetryButton()\n            .getButtonTextContent()\n        : TextButtonUniDriver(\n            body.$('[data-hook=\"retry-button\"]'),\n            body,\n          ).getButtonTextContent(),\n    /** Returns custom fields side panel driver */\n    sidePanel: () =>\n      CustomFieldPanelUniDriver(\n        body.$(`[data-hook=\"cairo-modals-container\"]`),\n        body,\n      ),\n    /** Returns custom field modal driver */\n    customFieldModal: () => CustomFieldModalUniDriver(base, body),\n    /** Returns archive field modal driver */\n    archiveFieldModal: () => ArchiveFieldModalUniDriver(base, body),\n    /** Returns field driver by given ID */\n    fieldById: (id: string) => form().field(id),\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","_unidriver3","_CustomFieldPanelUni","_CustomFieldModalUni","_CustomFieldsFormUni","_interopRequireDefault","_ArchiveFieldModalUni","_DisabledTooltipButtonUni","_CardContainerUni","_default","base","body","addCustomFieldButton","DisabledTooltipButtonUniDriver","dataHook","manageFieldsButton","emptyState","EmptyStateUniDriver","$","cardContainer","CardContainerUniDriver","form","CustomFieldsFormUniDriver","getTitle","text","getSubtitle","infoIcon","InfoIconUniDriver","exists","getContent","isFormExists","waitForForm","timeout","waitFor","getAddFieldContent","getButtonTextContent","getManageFieldsContent","isLoading","theme","showsSkeletonHeader","SkeletonLineUniDriver","clickAddField","click","addCustomFieldButtonExists","clickManageFieldsContent","manageCustomFieldsButtonExists","getErrorTitle","getErrorState","getTitleText","getErrorSubtitle","getSubtitleText","getEmptyTitle","getEmptySubtitle","clickTryAgain","getRetryButton","TextButtonUniDriver","getTryAgainContent","sidePanel","CustomFieldPanelUniDriver","customFieldModal","CustomFieldModalUniDriver","archiveFieldModal","ArchiveFieldModalUniDriver","fieldById","id","field","baseUniDriverFactory","exports","default"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidget.uni.driver.ts"],"sourcesContent":["import { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  EmptyStateUniDriver,\n  InfoIconUniDriver,\n  SkeletonLineUniDriver,\n  TextButtonUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { CustomFieldPanelUniDriver } from '../CustomFieldsPanel/CustomFieldPanel.uni.driver';\nimport { CustomFieldModalUniDriver } from '../CustomFieldModal/CustomFieldModal.uni.driver';\nimport CustomFieldsFormUniDriver from '../CustomFieldsForm/CustomFieldsForm.uni.driver';\nimport { ArchiveFieldModalUniDriver } from '../CustomFieldsPanel/ArchiveFieldModal.uni.driver';\nimport { DisabledTooltipButtonUniDriver } from '../DisabledTooltip/DisabledTooltipButton.uni.driver';\nimport CardContainerUniDriver from '../CardContainer/CardContainer.uni.driver';\nimport { CustomFieldsWidgetTheme } from './types';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  const addCustomFieldButton = () =>\n    DisabledTooltipButtonUniDriver(base, body, {\n      dataHook: 'add-custom-field-btn',\n    });\n\n  const manageFieldsButton = () =>\n    DisabledTooltipButtonUniDriver(base, body, {\n      dataHook: 'manage-fields-button',\n    });\n\n  const emptyState = () =>\n    EmptyStateUniDriver(base.$(`[data-hook=\"empty-state\"]`), body);\n\n  const cardContainer = () => CardContainerUniDriver(base, body);\n\n  const form = () =>\n    CustomFieldsFormUniDriver(base.$(`[data-hook=\"custom-fields-form\"]`), body);\n\n  return {\n    /** Returns title text */\n    getTitle: () => base.$(`[data-hook=\"title\"]`).text(),\n    /** Returns subtitle text */\n    getSubtitle: async () => {\n      const infoIcon = InfoIconUniDriver(\n        base.$('[data-hook=\"subtitle-info-icon\"]'),\n        body,\n      );\n\n      if (await infoIcon.exists()) {\n        return infoIcon.getContent();\n      }\n\n      return base.$(`[data-hook=\"subtitle\"]`).text();\n    },\n    /** Checks whether the form component rendered */\n    isFormExists: () => form().exists(),\n    /** Waits for form rendering */\n    waitForForm: (timeout: number = 5000) =>\n      waitFor(() => form().exists(), timeout),\n    addCustomFieldButton,\n    manageFieldsButton,\n    /** Gets add field button text */\n    getAddFieldContent: () => addCustomFieldButton().getButtonTextContent(),\n    /** Gets manage fields button text */\n    getManageFieldsContent: () => manageFieldsButton().getButtonTextContent(),\n    /** Indicates whether the widget loading state shows */\n    isLoading: (theme: CustomFieldsWidgetTheme = 'card') =>\n      theme === 'card'\n        ? cardContainer().showsSkeletonHeader()\n        : SkeletonLineUniDriver(\n            body.$('[data-hook=\"widget-inline-loading\"]'),\n            body,\n          ).exists(),\n\n    /** Clicks on add field button */\n    clickAddField: () => addCustomFieldButton().click(),\n    /** Checks whether the add field button rendered */\n    addCustomFieldButtonExists: () => addCustomFieldButton().exists(),\n    /** Clicks on manage fields button */\n    clickManageFieldsContent: () => manageFieldsButton().click(),\n    /** Checks whether the manage fields button rendered */\n    manageCustomFieldsButtonExists: () => manageFieldsButton().exists(),\n    /** Returns the error state title */\n    getErrorTitle: (theme: CustomFieldsWidgetTheme = 'card') =>\n      theme === 'card'\n        ? cardContainer().getErrorState().getTitleText()\n        : EmptyStateUniDriver(\n            body.$('[data-hook=\"custom-fields-widget-inline-error\"]'),\n            body,\n          ).getTitleText(),\n    /** Returns the error state subtitle */\n    getErrorSubtitle: (theme: CustomFieldsWidgetTheme = 'card') =>\n      theme === 'card'\n        ? cardContainer().getErrorState().getSubtitleText()\n        : EmptyStateUniDriver(\n            body.$('[data-hook=\"custom-fields-widget-inline-error\"]'),\n            body,\n          ).getSubtitleText(),\n    /** Returns the empty state title */\n    getEmptyTitle: () => emptyState().getTitleText(),\n    /** Returns the empty state subtitle */\n    getEmptySubtitle: () => emptyState().getSubtitleText(),\n    /** Clicks on try again button when error state visible */\n    clickTryAgain: (theme: CustomFieldsWidgetTheme = 'card') =>\n      theme === 'card'\n        ? cardContainer().getErrorState().getRetryButton().click()\n        : TextButtonUniDriver(\n            body.$('[data-hook=\"retry-button\"]'),\n            body,\n          ).click(),\n    /** Gets try again button text */\n    getTryAgainContent: (theme: CustomFieldsWidgetTheme = 'card') =>\n      theme === 'card'\n        ? cardContainer()\n            .getErrorState()\n            .getRetryButton()\n            .getButtonTextContent()\n        : TextButtonUniDriver(\n            body.$('[data-hook=\"retry-button\"]'),\n            body,\n          ).getButtonTextContent(),\n    /** Returns custom fields side panel driver */\n    sidePanel: () =>\n      CustomFieldPanelUniDriver(\n        body.$(`[data-hook=\"cairo-modals-container\"]`),\n        body,\n      ),\n    /** Returns custom field modal driver */\n    customFieldModal: () => CustomFieldModalUniDriver(base, body),\n    /** Returns archive field modal driver */\n    archiveFieldModal: () => ArchiveFieldModalUniDriver(base, body),\n    /** Returns field driver by given ID */\n    fieldById: (id: string) => form().field(id),\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -18,7 +18,8 @@ const _CustomFieldsWidgetCard = ({
   subtitle,
   dataHook,
   extendedFields,
-  emptyStateOverrides = {}
+  emptyStateOverrides = {},
+  onChange
 }) => {
   const {
     status
@@ -33,7 +34,7 @@ const _CustomFieldsWidgetCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 37,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_Heading.Heading, {
@@ -41,7 +42,7 @@ const _CustomFieldsWidgetCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 38,
       columnNumber: 7
     }
   }, t('cairo.customFields.entityPage.title')), state.widgetSize !== 'default' ? /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
@@ -50,7 +51,7 @@ const _CustomFieldsWidgetCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 40,
+      lineNumber: 42,
       columnNumber: 9
     }
   }) : null);
@@ -60,7 +61,7 @@ const _CustomFieldsWidgetCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 46,
+      lineNumber: 48,
       columnNumber: 34
     }
   }) : null;
@@ -78,7 +79,7 @@ const _CustomFieldsWidgetCard = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 59,
+            lineNumber: 61,
             columnNumber: 23
           }
         }),
@@ -88,7 +89,7 @@ const _CustomFieldsWidgetCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 49,
+      lineNumber: 51,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Card.Header, {
@@ -99,14 +100,14 @@ const _CustomFieldsWidgetCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 64,
+      lineNumber: 66,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 70,
+      lineNumber: 72,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
@@ -114,16 +115,17 @@ const _CustomFieldsWidgetCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 73,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_CustomFieldsWidgetContentLazy.CustomFieldsWidgetContentLazy, {
     extendedFields: extendedFields,
     emptyStateOverrides: emptyStateOverrides,
+    onChange: onChange,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 74,
       columnNumber: 9
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CardContainer","_designSystem","_Heading","_react2","_CustomFieldsWidgetContentLazy","_wixUiIconsCommon","_useWidgetPageStatus","_jsxFileName","_CustomFieldsWidgetCard","state","subtitle","dataHook","extendedFields","emptyStateOverrides","status","useWidgetPageStatus","initTask","container","useWixPatternsContainer","translate","t","headerSubtitle","headerTitle","default","createElement","Box","gap","__self","__source","fileName","lineNumber","columnNumber","Heading","appearance","widgetSize","InfoIcon","content","ActionsButton","ActionButtonsComponent","suffix","CardContainer","stretchVertically","errorState","title","action","text","prefixIcon","Refresh","onClick","retry","Card","Header","Divider","Content","CustomFieldsWidgetContentLazy","CustomFieldsWidgetCard","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetCard.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsWidgetState } from '../../state';\nimport { CardContainer } from '../CardContainer';\nimport { Box, Card, InfoIcon } from '@wix/design-system';\nimport { Heading } from '../Heading';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomFieldsWidgetContentLazy } from './CustomFieldsWidgetContentLazy';\nimport { Refresh } from '@wix/wix-ui-icons-common';\nimport { CustomFieldsWidgetProps } from './types';\nimport { useWidgetPageStatus } from '../useWidgetPageStatus';\n\ninterface CustomFieldsWidgetCardProps {\n  state: CustomFieldsWidgetState;\n  subtitle?: CustomFieldsWidgetProps['subtitle'];\n  dataHook?: CustomFieldsWidgetProps['dataHook'];\n  extendedFields?: CustomFieldsWidgetProps['extendedFields'];\n  emptyStateOverrides?: CustomFieldsWidgetProps['emptyStateOverrides'];\n}\n\nconst _CustomFieldsWidgetCard = ({\n  state,\n  subtitle,\n  dataHook,\n  extendedFields,\n  emptyStateOverrides = {},\n}: CustomFieldsWidgetCardProps) => {\n  const { status } = useWidgetPageStatus(state.initTask.status.status);\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n\n  const headerSubtitle =\n    subtitle || t('cairo.customFields.entityPage.subtitle');\n  const headerTitle = (\n    <Box gap=\"SP1\">\n      <Heading appearance=\"H3\">\n        {t('cairo.customFields.entityPage.title')}\n      </Heading>\n      {state.widgetSize !== 'default' ? (\n        <InfoIcon dataHook=\"subtitle-info-icon\" content={headerSubtitle} />\n      ) : null}\n    </Box>\n  );\n\n  const ActionsButton = state.ActionButtonsComponent;\n  const suffix = ActionsButton ? <ActionsButton state={state} /> : null;\n\n  return (\n    <CardContainer\n      stretchVertically\n      dataHook={dataHook}\n      status={status}\n      errorState={{\n        dataHook: 'error-state',\n        title: t('cairo.customFields.technical.error.title'),\n        subtitle: t('cairo.technical.error.text'),\n        action: {\n          text: t('cairo.error.tryAgain.cta'),\n          prefixIcon: <Refresh />,\n          onClick: state.retry,\n        },\n      }}\n    >\n      <Card.Header\n        dataHook=\"custom-fields-widget-header\"\n        title={headerTitle}\n        subtitle={state.widgetSize === 'default' ? headerSubtitle : null}\n        suffix={suffix}\n      />\n      <Card.Divider />\n      <Card.Content dataHook=\"custom-fields-widget-content\">\n        <CustomFieldsWidgetContentLazy\n          extendedFields={extendedFields}\n          emptyStateOverrides={emptyStateOverrides}\n        />\n      </Card.Content>\n    </CardContainer>\n  );\n};\n\nexport const CustomFieldsWidgetCard = observer(_CustomFieldsWidgetCard);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CardContainer","_designSystem","_Heading","_react2","_CustomFieldsWidgetContentLazy","_wixUiIconsCommon","_useWidgetPageStatus","_jsxFileName","_CustomFieldsWidgetCard","state","subtitle","dataHook","extendedFields","emptyStateOverrides","onChange","status","useWidgetPageStatus","initTask","container","useWixPatternsContainer","translate","t","headerSubtitle","headerTitle","default","createElement","Box","gap","__self","__source","fileName","lineNumber","columnNumber","Heading","appearance","widgetSize","InfoIcon","content","ActionsButton","ActionButtonsComponent","suffix","CardContainer","stretchVertically","errorState","title","action","text","prefixIcon","Refresh","onClick","retry","Card","Header","Divider","Content","CustomFieldsWidgetContentLazy","CustomFieldsWidgetCard","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetCard.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsWidgetState } from '../../state';\nimport { CardContainer } from '../CardContainer';\nimport { Box, Card, InfoIcon } from '@wix/design-system';\nimport { Heading } from '../Heading';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomFieldsWidgetContentLazy } from './CustomFieldsWidgetContentLazy';\nimport { Refresh } from '@wix/wix-ui-icons-common';\nimport { CustomFieldsWidgetProps } from './types';\nimport { useWidgetPageStatus } from '../useWidgetPageStatus';\n\ninterface CustomFieldsWidgetCardProps {\n  state: CustomFieldsWidgetState;\n  subtitle?: CustomFieldsWidgetProps['subtitle'];\n  dataHook?: CustomFieldsWidgetProps['dataHook'];\n  extendedFields?: CustomFieldsWidgetProps['extendedFields'];\n  emptyStateOverrides?: CustomFieldsWidgetProps['emptyStateOverrides'];\n  onChange?: CustomFieldsWidgetProps['onChange'];\n}\n\nconst _CustomFieldsWidgetCard = ({\n  state,\n  subtitle,\n  dataHook,\n  extendedFields,\n  emptyStateOverrides = {},\n  onChange,\n}: CustomFieldsWidgetCardProps) => {\n  const { status } = useWidgetPageStatus(state.initTask.status.status);\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n\n  const headerSubtitle =\n    subtitle || t('cairo.customFields.entityPage.subtitle');\n  const headerTitle = (\n    <Box gap=\"SP1\">\n      <Heading appearance=\"H3\">\n        {t('cairo.customFields.entityPage.title')}\n      </Heading>\n      {state.widgetSize !== 'default' ? (\n        <InfoIcon dataHook=\"subtitle-info-icon\" content={headerSubtitle} />\n      ) : null}\n    </Box>\n  );\n\n  const ActionsButton = state.ActionButtonsComponent;\n  const suffix = ActionsButton ? <ActionsButton state={state} /> : null;\n\n  return (\n    <CardContainer\n      stretchVertically\n      dataHook={dataHook}\n      status={status}\n      errorState={{\n        dataHook: 'error-state',\n        title: t('cairo.customFields.technical.error.title'),\n        subtitle: t('cairo.technical.error.text'),\n        action: {\n          text: t('cairo.error.tryAgain.cta'),\n          prefixIcon: <Refresh />,\n          onClick: state.retry,\n        },\n      }}\n    >\n      <Card.Header\n        dataHook=\"custom-fields-widget-header\"\n        title={headerTitle}\n        subtitle={state.widgetSize === 'default' ? headerSubtitle : null}\n        suffix={suffix}\n      />\n      <Card.Divider />\n      <Card.Content dataHook=\"custom-fields-widget-content\">\n        <CustomFieldsWidgetContentLazy\n          extendedFields={extendedFields}\n          emptyStateOverrides={emptyStateOverrides}\n          onChange={onChange}\n        />\n      </Card.Content>\n    </CardContainer>\n  );\n};\n\nexport const CustomFieldsWidgetCard = observer(_CustomFieldsWidgetCard);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,8BAAA,GAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AAEA,IAAAQ,oBAAA,GAAAR,OAAA;AAA6D,IAAAS,YAAA;AAW7D,MAAMC,uBAAuB,GAAGA,CAAC;EAC/BC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,cAAc;EACdC,mBAAmB,GAAG,CAAC,CAAC;EACxBC;AAC2B,CAAC,KAAK;EACjC,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,wCAAmB,EAACP,KAAK,CAACQ,QAAQ,CAACF,MAAM,CAACA,MAAM,CAAC;EACpE,MAAMG,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGH,SAAS;EAElC,MAAMI,cAAc,GAClBZ,QAAQ,IAAIW,CAAC,CAAC,wCAAwC,CAAC;EACzD,MAAME,WAAW,gBACf3B,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACxB,aAAA,CAAAyB,GAAG;IAACC,GAAG,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACZpC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACvB,QAAA,CAAA+B,OAAO;IAACC,UAAU,EAAC,IAAI;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACrBX,CAAC,CAAC,qCAAqC,CACjC,CAAC,EACTZ,KAAK,CAAC0B,UAAU,KAAK,SAAS,gBAC7BvC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACxB,aAAA,CAAAmC,QAAQ;IAACzB,QAAQ,EAAC,oBAAoB;IAAC0B,OAAO,EAAEf,cAAe;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GACjE,IACD,CACN;EAED,MAAMM,aAAa,GAAG7B,KAAK,CAAC8B,sBAAsB;EAClD,MAAMC,MAAM,GAAGF,aAAa,gBAAG1C,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACa,aAAa;IAAC7B,KAAK,EAAEA,KAAM;IAAAmB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAAG,IAAI;EAErE,oBACEpC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACzB,cAAA,CAAAyC,aAAa;IACZC,iBAAiB;IACjB/B,QAAQ,EAAEA,QAAS;IACnBI,MAAM,EAAEA,MAAO;IACf4B,UAAU,EAAE;MACVhC,QAAQ,EAAE,aAAa;MACvBiC,KAAK,EAAEvB,CAAC,CAAC,0CAA0C,CAAC;MACpDX,QAAQ,EAAEW,CAAC,CAAC,4BAA4B,CAAC;MACzCwB,MAAM,EAAE;QACNC,IAAI,EAAEzB,CAAC,CAAC,0BAA0B,CAAC;QACnC0B,UAAU,eAAEnD,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACpB,iBAAA,CAAA2C,OAAO;UAAApB,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAvB,YAAA;YAAAwB,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE,CAAC;QACvBiB,OAAO,EAAExC,KAAK,CAACyC;MACjB;IACF,CAAE;IAAAtB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFpC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACxB,aAAA,CAAAkD,IAAI,CAACC,MAAM;IACVzC,QAAQ,EAAC,6BAA6B;IACtCiC,KAAK,EAAErB,WAAY;IACnBb,QAAQ,EAAED,KAAK,CAAC0B,UAAU,KAAK,SAAS,GAAGb,cAAc,GAAG,IAAK;IACjEkB,MAAM,EAAEA,MAAO;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChB,CAAC,eACFpC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACxB,aAAA,CAAAkD,IAAI,CAACE,OAAO;IAAAzB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAChBpC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACxB,aAAA,CAAAkD,IAAI,CAACG,OAAO;IAAC3C,QAAQ,EAAC,8BAA8B;IAAAiB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACnDpC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACrB,8BAAA,CAAAmD,6BAA6B;IAC5B3C,cAAc,EAAEA,cAAe;IAC/BC,mBAAmB,EAAEA,mBAAoB;IACzCC,QAAQ,EAAEA,QAAS;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CACW,CACD,CAAC;AAEpB,CAAC;AAEM,MAAMwB,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAAClD,uBAAuB,CAAC","ignoreList":[]}

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

@@ -17,7 +17,8 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const _CustomFieldsWidgetContent = ({
   state,
   extendedFields,
-  emptyStateOverrides = {}
+  emptyStateOverrides = {},
+  onChange
 }) => {
   const page = (0, _react2.usePageContext)();
   const {
@@ -30,7 +31,8 @@ const _CustomFieldsWidgetContent = ({
     return state.formState ?? (state.formState = new _state.CustomFieldsFormState({
       translate: state.container.translate,
       schema: customFields,
-      extendedFields: extendedFields == null || (_extendedFields$names = extendedFields.namespaces) == null ? void 0 : _extendedFields$names._user_fields
+      extendedFields: extendedFields == null || (_extendedFields$names = extendedFields.namespaces) == null ? void 0 : _extendedFields$names._user_fields,
+      onChange
     }));
   });
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, customFields.length > 0 ? /*#__PURE__*/_react.default.createElement(_CustomFieldsForm.CustomFieldsForm, {
@@ -39,7 +41,7 @@ const _CustomFieldsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 54,
       columnNumber: 9
     }
   }) : /*#__PURE__*/_react.default.createElement(_EmptyStateContent.EmptyStateContent, {
@@ -48,7 +50,7 @@ const _CustomFieldsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 45,
+      lineNumber: 56,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react.default.createElement(_WixPatternsModalsContainer.WixPatternsModalsContainer, {
@@ -58,7 +60,7 @@ const _CustomFieldsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 50,
+      lineNumber: 61,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CustomFieldModal.CustomFieldModal, {
@@ -66,7 +68,7 @@ const _CustomFieldsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 55,
+      lineNumber: 66,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_ArchiveFieldModal.ArchiveFieldModal, {
@@ -74,7 +76,7 @@ const _CustomFieldsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56,
+      lineNumber: 67,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_WixPatternsModalsContainer","_CustomFieldModal","_mobxReactLite","_state","_CustomFieldsForm","_ArchiveFieldModal","_EmptyStateContent","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CustomFieldsWidgetContent","state","extendedFields","emptyStateOverrides","page","usePageContext","modalsContainerRef","stackingRootRef","customFields","dataExtension","availableUserCustomFields","formState","useState","_extendedFields$names","CustomFieldsFormState","translate","container","schema","namespaces","_user_fields","createElement","Fragment","length","CustomFieldsForm","dataHook","__self","__source","fileName","lineNumber","columnNumber","EmptyStateContent","WixPatternsModalsContainer","rootRef","anchorRef","panels","CustomFieldModal","ArchiveFieldModal","CustomFieldsWidgetContent","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetContent.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { usePageContext } from '@wix/bex-core/react';\nimport { WixPatternsModalsContainer } from '../WixPatternsModalsContainer';\nimport { CustomFieldModal } from '../CustomFieldModal';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsFormState, CustomFieldsWidgetState } from '../../state';\nimport { CustomFieldsForm } from '../CustomFieldsForm';\nimport { ExtendedFields } from '@wix/bex-core';\nimport { ArchiveFieldModal } from '../CustomFieldsPanel/ArchiveFieldModal';\nimport { EmptyStateContent } from './EmptyStateContent';\n\nexport interface CustomFieldsWidgetContentProps {\n  state: CustomFieldsWidgetState;\n  extendedFields?: ExtendedFields;\n  emptyStateOverrides?: {\n    title?: string;\n    subtitle?: string;\n  };\n}\n\nconst _CustomFieldsWidgetContent = ({\n  state,\n  extendedFields,\n  emptyStateOverrides = {},\n}: CustomFieldsWidgetContentProps) => {\n  const page = usePageContext();\n  const { modalsContainerRef, stackingRootRef } = page;\n\n  const customFields = state.dataExtension.availableUserCustomFields;\n\n  const [formState] = useState(\n    () =>\n      (state.formState ??= new CustomFieldsFormState({\n        translate: state.container.translate,\n        schema: customFields,\n        extendedFields: extendedFields?.namespaces?._user_fields,\n      })),\n  );\n\n  return (\n    <>\n      {customFields.length > 0 ? (\n        <CustomFieldsForm dataHook=\"custom-fields-form\" state={formState} />\n      ) : (\n        <EmptyStateContent\n          state={state}\n          emptyStateOverrides={emptyStateOverrides}\n        />\n      )}\n      <WixPatternsModalsContainer\n        rootRef={stackingRootRef}\n        anchorRef={modalsContainerRef}\n        state={state.panels}\n      />\n      <CustomFieldModal state={state.dataExtension} />\n      <ArchiveFieldModal state={state.dataExtension} />\n    </>\n  );\n};\n\nexport const CustomFieldsWidgetContent = observer(_CustomFieldsWidgetContent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_WixPatternsModalsContainer","_CustomFieldModal","_mobxReactLite","_state","_CustomFieldsForm","_ArchiveFieldModal","_EmptyStateContent","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CustomFieldsWidgetContent","state","extendedFields","emptyStateOverrides","onChange","page","usePageContext","modalsContainerRef","stackingRootRef","customFields","dataExtension","availableUserCustomFields","formState","useState","_extendedFields$names","CustomFieldsFormState","translate","container","schema","namespaces","_user_fields","createElement","Fragment","length","CustomFieldsForm","dataHook","__self","__source","fileName","lineNumber","columnNumber","EmptyStateContent","WixPatternsModalsContainer","rootRef","anchorRef","panels","CustomFieldModal","ArchiveFieldModal","CustomFieldsWidgetContent","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetContent.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { usePageContext } from '@wix/bex-core/react';\nimport { WixPatternsModalsContainer } from '../WixPatternsModalsContainer';\nimport { CustomFieldModal } from '../CustomFieldModal';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsFormState, CustomFieldsWidgetState } from '../../state';\nimport { CustomFieldsForm } from '../CustomFieldsForm';\nimport { ExtendedFields } from '@wix/bex-core';\nimport { ArchiveFieldModal } from '../CustomFieldsPanel/ArchiveFieldModal';\nimport { EmptyStateContent } from './EmptyStateContent';\n\nexport interface CustomFieldsWidgetContentProps {\n  state: CustomFieldsWidgetState;\n  extendedFields?: ExtendedFields;\n  emptyStateOverrides?: {\n    title?: string;\n    subtitle?: string;\n  };\n  onChange?: ({\n    id,\n    value,\n    allFields,\n  }: {\n    id: string;\n    value: any;\n    allFields: Record<string, { id: string; value: any }>;\n  }) => void;\n}\n\nconst _CustomFieldsWidgetContent = ({\n  state,\n  extendedFields,\n  emptyStateOverrides = {},\n  onChange,\n}: CustomFieldsWidgetContentProps) => {\n  const page = usePageContext();\n  const { modalsContainerRef, stackingRootRef } = page;\n\n  const customFields = state.dataExtension.availableUserCustomFields;\n\n  const [formState] = useState(\n    () =>\n      (state.formState ??= new CustomFieldsFormState({\n        translate: state.container.translate,\n        schema: customFields,\n        extendedFields: extendedFields?.namespaces?._user_fields,\n        onChange,\n      })),\n  );\n\n  return (\n    <>\n      {customFields.length > 0 ? (\n        <CustomFieldsForm dataHook=\"custom-fields-form\" state={formState} />\n      ) : (\n        <EmptyStateContent\n          state={state}\n          emptyStateOverrides={emptyStateOverrides}\n        />\n      )}\n      <WixPatternsModalsContainer\n        rootRef={stackingRootRef}\n        anchorRef={modalsContainerRef}\n        state={state.panels}\n      />\n      <CustomFieldModal state={state.dataExtension} />\n      <ArchiveFieldModal state={state.dataExtension} />\n    </>\n  );\n};\n\nexport const CustomFieldsWidgetContent = observer(_CustomFieldsWidgetContent);\n"],"mappings":"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","ignoreList":[]}

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

@@ -10,10 +10,11 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const _CustomFieldsWidgetContentLazy = ({
   extendedFields,
-  emptyStateOverrides
+  emptyStateOverrides,
+  onChange
 }) => {
   const state = (0, _CustomFieldsWidgetContext.useCustomFieldsWidgetContext)();
-  const CardContent = state.CustomFieldsWidgetContent;
+  const WidgetContent = state.CustomFieldsWidgetContent;
   (0, _react.useEffect)(() => {
     return state.initContent();
   }, []);
@@ -24,17 +25,18 @@ const _CustomFieldsWidgetContentLazy = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 21,
+      lineNumber: 23,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(CardContent, {
+  }, /*#__PURE__*/_react.default.createElement(WidgetContent, {
     state: state,
     extendedFields: extendedFields,
     emptyStateOverrides: emptyStateOverrides,
+    onChange: onChange,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 26,
+      lineNumber: 28,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_CustomFieldsWidgetContext","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CustomFieldsWidgetContentLazy","extendedFields","emptyStateOverrides","state","useCustomFieldsWidgetContext","CardContent","CustomFieldsWidgetContent","useEffect","initContent","createElement","ref","widgetContentRef","setWidgetContentRef","__self","__source","fileName","lineNumber","columnNumber","CustomFieldsWidgetContentLazy","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetContentLazy.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, { useEffect } from 'react';\nimport { useCustomFieldsWidgetContext } from '../CustomFieldsWidgetContext';\nimport { CustomFieldsWidgetBaseProps } from './types';\n\nconst _CustomFieldsWidgetContentLazy = ({\n  extendedFields,\n  emptyStateOverrides,\n}: {\n  extendedFields: CustomFieldsWidgetBaseProps['extendedFields'];\n  emptyStateOverrides: CustomFieldsWidgetBaseProps['emptyStateOverrides'];\n}) => {\n  const state = useCustomFieldsWidgetContext();\n  const CardContent = state.CustomFieldsWidgetContent!;\n\n  useEffect(() => {\n    return state.initContent();\n  }, []);\n\n  return (\n    <div\n      ref={(widgetContentRef) => {\n        state.setWidgetContentRef(widgetContentRef);\n      }}\n    >\n      <CardContent\n        state={state}\n        extendedFields={extendedFields}\n        emptyStateOverrides={emptyStateOverrides}\n      />\n    </div>\n  );\n};\n\nexport const CustomFieldsWidgetContentLazy = observer(\n  _CustomFieldsWidgetContentLazy,\n);\n"],"mappings":";;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,0BAAA,GAAAH,OAAA;AAA4E,IAAAI,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,SAAAJ,wBAAAI,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;AAG5E,MAAMW,8BAA8B,GAAGA,CAAC;EACtCC,cAAc;EACdC;AAIF,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAG,IAAAC,uDAA4B,EAAC,CAAC;EAC5C,MAAMC,WAAW,GAAGF,KAAK,CAACG,yBAA0B;EAEpD,IAAAC,gBAAS,EAAC,MAAM;IACd,OAAOJ,KAAK,CAACK,WAAW,CAAC,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEhC,MAAA,CAAAU,OAAA,CAAAuB,aAAA;IACEC,GAAG,EAAGC,gBAAgB,IAAK;MACzBR,KAAK,CAACS,mBAAmB,CAACD,gBAAgB,CAAC;IAC7C,CAAE;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFzC,MAAA,CAAAU,OAAA,CAAAuB,aAAA,CAACJ,WAAW;IACVF,KAAK,EAAEA,KAAM;IACbF,cAAc,EAAEA,cAAe;IAC/BC,mBAAmB,EAAEA,mBAAoB;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1C,CACE,CAAC;AAEV,CAAC;AAEM,MAAMC,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,IAAAE,uBAAQ,EACnDpB,8BACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_CustomFieldsWidgetContext","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CustomFieldsWidgetContentLazy","extendedFields","emptyStateOverrides","onChange","state","useCustomFieldsWidgetContext","WidgetContent","CustomFieldsWidgetContent","useEffect","initContent","createElement","ref","widgetContentRef","setWidgetContentRef","__self","__source","fileName","lineNumber","columnNumber","CustomFieldsWidgetContentLazy","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetContentLazy.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, { useEffect } from 'react';\nimport { useCustomFieldsWidgetContext } from '../CustomFieldsWidgetContext';\nimport { CustomFieldsWidgetBaseProps } from './types';\n\nconst _CustomFieldsWidgetContentLazy = ({\n  extendedFields,\n  emptyStateOverrides,\n  onChange,\n}: {\n  extendedFields: CustomFieldsWidgetBaseProps['extendedFields'];\n  emptyStateOverrides: CustomFieldsWidgetBaseProps['emptyStateOverrides'];\n  onChange?: CustomFieldsWidgetBaseProps['onChange'];\n}) => {\n  const state = useCustomFieldsWidgetContext();\n  const WidgetContent = state.CustomFieldsWidgetContent!;\n\n  useEffect(() => {\n    return state.initContent();\n  }, []);\n\n  return (\n    <div\n      ref={(widgetContentRef) => {\n        state.setWidgetContentRef(widgetContentRef);\n      }}\n    >\n      <WidgetContent\n        state={state}\n        extendedFields={extendedFields}\n        emptyStateOverrides={emptyStateOverrides}\n        onChange={onChange}\n      />\n    </div>\n  );\n};\n\nexport const CustomFieldsWidgetContentLazy = observer(\n  _CustomFieldsWidgetContentLazy,\n);\n"],"mappings":";;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,0BAAA,GAAAH,OAAA;AAA4E,IAAAI,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,SAAAJ,wBAAAI,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;AAG5E,MAAMW,8BAA8B,GAAGA,CAAC;EACtCC,cAAc;EACdC,mBAAmB;EACnBC;AAKF,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAG,IAAAC,uDAA4B,EAAC,CAAC;EAC5C,MAAMC,aAAa,GAAGF,KAAK,CAACG,yBAA0B;EAEtD,IAAAC,gBAAS,EAAC,MAAM;IACd,OAAOJ,KAAK,CAACK,WAAW,CAAC,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEjC,MAAA,CAAAU,OAAA,CAAAwB,aAAA;IACEC,GAAG,EAAGC,gBAAgB,IAAK;MACzBR,KAAK,CAACS,mBAAmB,CAACD,gBAAgB,CAAC;IAC7C,CAAE;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEF1C,MAAA,CAAAU,OAAA,CAAAwB,aAAA,CAACJ,aAAa;IACZF,KAAK,EAAEA,KAAM;IACbH,cAAc,EAAEA,cAAe;IAC/BC,mBAAmB,EAAEA,mBAAoB;IACzCC,QAAQ,EAAEA,QAAS;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CACE,CAAC;AAEV,CAAC;AAEM,MAAMC,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,IAAAE,uBAAQ,EACnDrB,8BACF,CAAC","ignoreList":[]}

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

@@ -4,97 +4,79 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.CustomFieldsWidgetInline = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _designSystem = require("@wix/design-system");
 var _mobxReactLite = require("mobx-react-lite");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _ErrorState = require("../ErrorState");
 var _CustomFieldsWidgetContentLazy = require("./CustomFieldsWidgetContentLazy");
+var _Skeletons = require("./Skeletons");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsWidget/CustomFieldsWidgetInline.tsx";
 const _CustomFieldsWidgetInline = props => {
   const {
     state,
     extendedFields,
-    emptyStateOverrides
+    emptyStateOverrides,
+    onChange,
+    dataHook
   } = props;
   const {
     translate: t
   } = state.dataExtension.container;
-  if (state.isLoading) {
-    return /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
-      gap: "12px",
-      dataHook: "custom-fields-widget-inline-loading",
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 22,
-        columnNumber: 7
-      }
-    }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
-      span: 6,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 23,
-        columnNumber: 9
-      }
-    }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 24,
-        columnNumber: 11
-      }
-    })), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
-      span: 8,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 26,
-        columnNumber: 9
-      }
-    }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 27,
-        columnNumber: 11
-      }
-    })));
-  }
-  if (state.isError) {
-    return /*#__PURE__*/_react.default.createElement(_ErrorState.LoadingErrorState, {
-      dataHook: "custom-fields-widget-inline-error",
-      title: t('cairo.customFields.technical.error.title'),
-      action: {
-        prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Refresh, {
-          __self: void 0,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 39,
-            columnNumber: 23
-          }
-        }),
-        text: t('cairo.toast.retry'),
-        onClick: state.retry
-      },
+  const renderContent = () => {
+    if (state.isLoading) {
+      return /*#__PURE__*/_react.default.createElement(_Skeletons.InlineSkeletonContent, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 25,
+          columnNumber: 14
+        }
+      });
+    }
+    if (state.isError) {
+      return /*#__PURE__*/_react.default.createElement(_ErrorState.LoadingErrorState, {
+        dataHook: "custom-fields-widget-inline-error",
+        title: t('cairo.customFields.technical.error.title'),
+        action: {
+          prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Refresh, {
+            __self: void 0,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 34,
+              columnNumber: 25
+            }
+          }),
+          text: t('cairo.toast.retry'),
+          onClick: state.retry
+        },
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 30,
+          columnNumber: 9
+        }
+      });
+    }
+    return /*#__PURE__*/_react.default.createElement(_CustomFieldsWidgetContentLazy.CustomFieldsWidgetContentLazy, {
+      extendedFields: extendedFields,
+      emptyStateOverrides: emptyStateOverrides,
+      onChange: onChange,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 35,
+        lineNumber: 43,
         columnNumber: 7
       }
     });
-  }
-  return /*#__PURE__*/_react.default.createElement(_CustomFieldsWidgetContentLazy.CustomFieldsWidgetContentLazy, {
-    extendedFields: extendedFields,
-    emptyStateOverrides: emptyStateOverrides,
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": dataHook,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 48,
-      columnNumber: 5
+      lineNumber: 51,
+      columnNumber: 10
     }
-  });
+  }, renderContent());
 };
 const CustomFieldsWidgetInline = exports.CustomFieldsWidgetInline = (0, _mobxReactLite.observer)(_CustomFieldsWidgetInline);
 //# sourceMappingURL=CustomFieldsWidgetInline.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_wixUiIconsCommon","_ErrorState","_CustomFieldsWidgetContentLazy","_jsxFileName","_CustomFieldsWidgetInline","props","state","extendedFields","emptyStateOverrides","translate","t","dataExtension","container","isLoading","default","createElement","Layout","gap","dataHook","__self","__source","fileName","lineNumber","columnNumber","Cell","span","SkeletonLine","isError","LoadingErrorState","title","action","prefixIcon","Refresh","text","onClick","retry","CustomFieldsWidgetContentLazy","CustomFieldsWidgetInline","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetInline.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell, Layout, SkeletonLine } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport type { CustomFieldsWidgetState } from '../../state';\nimport { Refresh as RefreshIcon } from '@wix/wix-ui-icons-common';\nimport { LoadingErrorState } from '../ErrorState';\nimport { CustomFieldsWidgetContentLazy } from './CustomFieldsWidgetContentLazy';\nimport { CustomFieldsWidgetProps } from './types';\n\ninterface CustomFieldsWidgetInlineProps {\n  state: CustomFieldsWidgetState;\n  extendedFields?: CustomFieldsWidgetProps['extendedFields'];\n  emptyStateOverrides: CustomFieldsWidgetProps['emptyStateOverrides'];\n}\n\nconst _CustomFieldsWidgetInline = (props: CustomFieldsWidgetInlineProps) => {\n  const { state, extendedFields, emptyStateOverrides } = props;\n  const { translate: t } = state.dataExtension.container;\n\n  if (state.isLoading) {\n    return (\n      <Layout gap=\"12px\" dataHook=\"custom-fields-widget-inline-loading\">\n        <Cell span={6}>\n          <SkeletonLine />\n        </Cell>\n        <Cell span={8}>\n          <SkeletonLine />\n        </Cell>\n      </Layout>\n    );\n  }\n\n  if (state.isError) {\n    return (\n      <LoadingErrorState\n        dataHook=\"custom-fields-widget-inline-error\"\n        title={t('cairo.customFields.technical.error.title')}\n        action={{\n          prefixIcon: <RefreshIcon />,\n          text: t('cairo.toast.retry'),\n          onClick: state.retry,\n        }}\n      />\n    );\n  }\n\n  return (\n    <CustomFieldsWidgetContentLazy\n      extendedFields={extendedFields}\n      emptyStateOverrides={emptyStateOverrides}\n    />\n  );\n};\n\nexport const CustomFieldsWidgetInline = observer(_CustomFieldsWidgetInline);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_wixUiIconsCommon","_ErrorState","_CustomFieldsWidgetContentLazy","_Skeletons","_jsxFileName","_CustomFieldsWidgetInline","props","state","extendedFields","emptyStateOverrides","onChange","dataHook","translate","t","dataExtension","container","renderContent","isLoading","default","createElement","InlineSkeletonContent","__self","__source","fileName","lineNumber","columnNumber","isError","LoadingErrorState","title","action","prefixIcon","Refresh","text","onClick","retry","CustomFieldsWidgetContentLazy","CustomFieldsWidgetInline","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetInline.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { CustomFieldsWidgetState } from '../../state';\nimport { Refresh as RefreshIcon } from '@wix/wix-ui-icons-common';\nimport { LoadingErrorState } from '../ErrorState';\nimport { CustomFieldsWidgetContentLazy } from './CustomFieldsWidgetContentLazy';\nimport { CustomFieldsWidgetProps } from './types';\nimport { InlineSkeletonContent } from './Skeletons';\n\ninterface CustomFieldsWidgetInlineProps {\n  state: CustomFieldsWidgetState;\n  extendedFields?: CustomFieldsWidgetProps['extendedFields'];\n  emptyStateOverrides: CustomFieldsWidgetProps['emptyStateOverrides'];\n  onChange?: CustomFieldsWidgetProps['onChange'];\n  dataHook: CustomFieldsWidgetProps['dataHook'];\n}\n\nconst _CustomFieldsWidgetInline = (props: CustomFieldsWidgetInlineProps) => {\n  const { state, extendedFields, emptyStateOverrides, onChange, dataHook } =\n    props;\n  const { translate: t } = state.dataExtension.container;\n\n  const renderContent = () => {\n    if (state.isLoading) {\n      return <InlineSkeletonContent />;\n    }\n\n    if (state.isError) {\n      return (\n        <LoadingErrorState\n          dataHook=\"custom-fields-widget-inline-error\"\n          title={t('cairo.customFields.technical.error.title')}\n          action={{\n            prefixIcon: <RefreshIcon />,\n            text: t('cairo.toast.retry'),\n            onClick: state.retry,\n          }}\n        />\n      );\n    }\n\n    return (\n      <CustomFieldsWidgetContentLazy\n        extendedFields={extendedFields}\n        emptyStateOverrides={emptyStateOverrides}\n        onChange={onChange}\n      />\n    );\n  };\n\n  return <div data-hook={dataHook}>{renderContent()}</div>;\n};\n\nexport const CustomFieldsWidgetInline = observer(_CustomFieldsWidgetInline);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,8BAAA,GAAAJ,OAAA;AAEA,IAAAK,UAAA,GAAAL,OAAA;AAAoD,IAAAM,YAAA;AAUpD,MAAMC,yBAAyB,GAAIC,KAAoC,IAAK;EAC1E,MAAM;IAAEC,KAAK;IAAEC,cAAc;IAAEC,mBAAmB;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GACtEL,KAAK;EACP,MAAM;IAAEM,SAAS,EAAEC;EAAE,CAAC,GAAGN,KAAK,CAACO,aAAa,CAACC,SAAS;EAEtD,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC1B,IAAIT,KAAK,CAACU,SAAS,EAAE;MACnB,oBAAOrB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAChB,UAAA,CAAAiB,qBAAqB;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAnB,YAAA;UAAAoB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC;IAClC;IAEA,IAAIlB,KAAK,CAACmB,OAAO,EAAE;MACjB,oBACE9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAClB,WAAA,CAAA0B,iBAAiB;QAChBhB,QAAQ,EAAC,mCAAmC;QAC5CiB,KAAK,EAAEf,CAAC,CAAC,0CAA0C,CAAE;QACrDgB,MAAM,EAAE;UACNC,UAAU,eAAElC,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,iBAAA,CAAA+B,OAAW;YAAAV,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAAnB,YAAA;cAAAoB,UAAA;cAAAC,YAAA;YAAA;UAAA,CAAE,CAAC;UAC3BO,IAAI,EAAEnB,CAAC,CAAC,mBAAmB,CAAC;UAC5BoB,OAAO,EAAE1B,KAAK,CAAC2B;QACjB,CAAE;QAAAb,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAnB,YAAA;UAAAoB,UAAA;UAAAC,YAAA;QAAA;MAAA,CACH,CAAC;IAEN;IAEA,oBACE7B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACjB,8BAAA,CAAAiC,6BAA6B;MAC5B3B,cAAc,EAAEA,cAAe;MAC/BC,mBAAmB,EAAEA,mBAAoB;MACzCC,QAAQ,EAAEA,QAAS;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,CACpB,CAAC;EAEN,CAAC;EAED,oBAAO7B,MAAA,CAAAsB,OAAA,CAAAC,aAAA;IAAK,aAAWR,QAAS;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAET,aAAa,CAAC,CAAO,CAAC;AAC1D,CAAC;AAEM,MAAMoB,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,uBAAQ,EAACjC,yBAAyB,CAAC","ignoreList":[]}