@wix/patterns 0.8.0

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

@@ -0,0 +1,189 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomFieldsWidgetBase = exports.CustomFieldsWidget = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _react2 = require("@wix/bex-core/react");
+var _mobxReactLite = require("mobx-react-lite");
+var _CustomFieldsWidgetContext = require("../CustomFieldsWidgetContext");
+var _useCustomFieldsWidget = require("../../hooks/useCustomFieldsWidget");
+var _CardContainer = require("../CardContainer");
+var _useWidgetPageStatus = require("../useWidgetPageStatus");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsWidget/CustomFieldsWidget.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+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 && Object.prototype.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 CustomFieldsWidgetContent = ({
+  extendedFields,
+  emptyStateOverrides
+}) => {
+  const state = (0, _CustomFieldsWidgetContext.useCustomFieldsWidgetContext)();
+  const CardContent = state.CustomFieldsWidgetContent;
+  (0, _react.useEffect)(() => {
+    return state.initContent();
+  }, []);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: widgetContentRef => {
+      state.setWidgetContentRef(widgetContentRef);
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 78,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(CardContent, {
+    state: state,
+    extendedFields: extendedFields,
+    emptyStateOverrides: emptyStateOverrides,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 83,
+      columnNumber: 7
+    }
+  }));
+};
+const _CustomFieldsWidgetBase = ({
+  subtitle,
+  dataHook,
+  extendedFields,
+  hideEmptyState,
+  emptyStateOverrides = {},
+  status
+}) => {
+  const container = (0, _react2.useWixPatternsContainer)();
+  const {
+    translate: t
+  } = container;
+  const state = (0, _CustomFieldsWidgetContext.useCustomFieldsWidgetContext)();
+  if (hideEmptyState && (state.isLoading || state.dataExtension.allUserCustomFields.length === 0)) {
+    return null;
+  }
+  const headerSubtitle = subtitle || t('cairo.customFields.entityPage.subtitle');
+  const headerTitle = /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "SP1",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 115,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
+    appearance: "H3",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 116,
+      columnNumber: 7
+    }
+  }, t('cairo.customFields.entityPage.title')), state.widgetSize !== 'default' ? /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
+    dataHook: "subtitle-info-icon",
+    content: headerSubtitle,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 120,
+      columnNumber: 9
+    }
+  }) : null);
+  const ActionsButton = state.ActionButtonsComponent;
+  const suffix = ActionsButton ? /*#__PURE__*/_react.default.createElement(ActionsButton, {
+    state: state,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 126,
+      columnNumber: 34
+    }
+  }) : null;
+  return /*#__PURE__*/_react.default.createElement(_CardContainer.CardContainer, {
+    stretchVertically: true,
+    dataHook: dataHook,
+    status: status,
+    errorState: {
+      dataHook: 'error-state',
+      retryText: t('cairo.error.tryAgain.cta'),
+      title: t('cairo.customFields.technical.error.title'),
+      subtitle: t('cairo.technical.error.text'),
+      onRetry: state.retry
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 129,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Card.Header, {
+    dataHook: "custom-fields-widget-header",
+    title: headerTitle,
+    subtitle: state.widgetSize === 'default' ? headerSubtitle : null,
+    suffix: suffix,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 141,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Divider, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 147,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
+    dataHook: "custom-fields-widget-content",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 148,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(CustomFieldsWidgetContent, {
+    extendedFields: extendedFields,
+    emptyStateOverrides: emptyStateOverrides,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 149,
+      columnNumber: 9
+    }
+  })));
+};
+const CustomFieldsWidgetBase = exports.CustomFieldsWidgetBase = (0, _mobxReactLite.observer)(_CustomFieldsWidgetBase);
+const _CustomFieldsWidget = ({
+  fqdn,
+  fieldName,
+  ...rest
+}) => {
+  const customFieldsState = (0, _useCustomFieldsWidget.useCustomFieldsWidget)({
+    fieldName,
+    fqdn
+  });
+  const {
+    status
+  } = (0, _useWidgetPageStatus.useWidgetPageStatus)(customFieldsState.initTask.status.status);
+  return /*#__PURE__*/_react.default.createElement(_CustomFieldsWidgetContext.CustomFieldsWidgetContextProvider, {
+    value: customFieldsState,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 174,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(CustomFieldsWidgetBase, (0, _extends2.default)({
+    status: status
+  }, rest, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 175,
+      columnNumber: 7
+    }
+  })));
+};
+const CustomFieldsWidget = exports.CustomFieldsWidget = (0, _mobxReactLite.observer)(_CustomFieldsWidget);
+//# sourceMappingURL=CustomFieldsWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_react2","_mobxReactLite","_CustomFieldsWidgetContext","_useCustomFieldsWidget","_CardContainer","_useWidgetPageStatus","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","CustomFieldsWidgetContent","extendedFields","emptyStateOverrides","state","useCustomFieldsWidgetContext","CardContent","useEffect","initContent","createElement","ref","widgetContentRef","setWidgetContentRef","__self","__source","fileName","lineNumber","columnNumber","_CustomFieldsWidgetBase","subtitle","dataHook","hideEmptyState","status","container","useWixPatternsContainer","translate","isLoading","dataExtension","allUserCustomFields","length","headerSubtitle","headerTitle","Box","gap","Heading","appearance","widgetSize","InfoIcon","content","ActionsButton","ActionButtonsComponent","suffix","CardContainer","stretchVertically","errorState","retryText","title","onRetry","retry","Card","Header","Divider","Content","CustomFieldsWidgetBase","exports","observer","_CustomFieldsWidget","fqdn","fieldName","rest","customFieldsState","useCustomFieldsWidget","useWidgetPageStatus","initTask","CustomFieldsWidgetContextProvider","value","_extends2","CustomFieldsWidget"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidget.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Box, Card, Heading, InfoIcon } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { ExtendedFields } from '@wix/bex-core';\nimport {\n  CustomFieldsWidgetContextProvider,\n  useCustomFieldsWidgetContext,\n} from '../CustomFieldsWidgetContext';\nimport { useCustomFieldsWidget } from '../../hooks/useCustomFieldsWidget';\nimport { CardContainer, CardContainerProps } from '../CardContainer';\nimport { useWidgetPageStatus } from '../useWidgetPageStatus';\n\nexport interface CustomFieldsWidgetProps {\n  /**\n   * The FQDN to be used to extract schema from data-extension service.\n   */\n  fqdn: string;\n\n  /**\n   * Applies a data-hook HTML attribute that can be used in tests\n   */\n  dataHook?: string;\n\n  /**\n   * Custom fields widget subtitle.\n   * */\n  subtitle?: string;\n\n  /**\n   * Existing extended fields values, usually under `myEntity.extendedFields`.\n   */\n  extendedFields?: ExtendedFields;\n\n  hideEmptyState?: boolean;\n\n  /**\n   * The fieldName in the object passed to the `onSave` callback.\n   */\n  fieldName?: string;\n\n  /**\n   * Empty state content overrides\n   */\n  emptyStateOverrides?: {\n    /**\n     * Empty state title.\n     * */\n    title?: string;\n\n    /**\n     * Empty state subtitle.\n     * */\n    subtitle?: string;\n  };\n}\n\nexport interface CustomFieldsWidgetBaseProps\n  extends Omit<CustomFieldsWidgetProps, 'fqdn'> {\n  status: CardContainerProps['status'];\n}\n\nconst CustomFieldsWidgetContent = ({\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\nconst _CustomFieldsWidgetBase = ({\n  subtitle,\n  dataHook,\n  extendedFields,\n  hideEmptyState,\n  emptyStateOverrides = {},\n  status,\n}: CustomFieldsWidgetBaseProps) => {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n\n  const state = useCustomFieldsWidgetContext();\n\n  if (\n    hideEmptyState &&\n    (state.isLoading || state.dataExtension.allUserCustomFields.length === 0)\n  ) {\n    return null;\n  }\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        retryText: t('cairo.error.tryAgain.cta'),\n        title: t('cairo.customFields.technical.error.title'),\n        subtitle: t('cairo.technical.error.text'),\n        onRetry: state.retry,\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        <CustomFieldsWidgetContent\n          extendedFields={extendedFields}\n          emptyStateOverrides={emptyStateOverrides}\n        />\n      </Card.Content>\n    </CardContainer>\n  );\n};\n\nexport const CustomFieldsWidgetBase = observer(_CustomFieldsWidgetBase);\n\nconst _CustomFieldsWidget = ({\n  fqdn,\n  fieldName,\n  ...rest\n}: CustomFieldsWidgetProps) => {\n  const customFieldsState = useCustomFieldsWidget({\n    fieldName,\n    fqdn,\n  });\n  const { status } = useWidgetPageStatus(\n    customFieldsState.initTask.status.status,\n  );\n\n  return (\n    <CustomFieldsWidgetContextProvider value={customFieldsState}>\n      <CustomFieldsWidgetBase status={status} {...rest} />\n    </CustomFieldsWidgetContextProvider>\n  );\n};\n\nexport const CustomFieldsWidget = observer(_CustomFieldsWidget);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAEA,IAAAI,0BAAA,GAAAJ,OAAA;AAIA,IAAAK,sBAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,oBAAA,GAAAP,OAAA;AAA6D,IAAAQ,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,SAAAX,wBAAAW,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,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAmD7D,MAAMY,yBAAyB,GAAGA,CAAC;EACjCC,cAAc;EACdC;AAIF,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAG,IAAAC,uDAA4B,EAAC,CAAC;EAC5C,MAAMC,WAAW,GAAGF,KAAK,CAACH,yBAA0B;EAEpD,IAAAM,gBAAS,EAAC,MAAM;IACd,OAAOH,KAAK,CAACI,WAAW,CAAC,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEvC,MAAA,CAAAiB,OAAA,CAAAuB,aAAA;IACEC,GAAG,EAAGC,gBAAgB,IAAK;MACzBP,KAAK,CAACQ,mBAAmB,CAACD,gBAAgB,CAAC;IAC7C,CAAE;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFhD,MAAA,CAAAiB,OAAA,CAAAuB,aAAA,CAACH,WAAW;IACVF,KAAK,EAAEA,KAAM;IACbF,cAAc,EAAEA,cAAe;IAC/BC,mBAAmB,EAAEA,mBAAoB;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1C,CACE,CAAC;AAEV,CAAC;AAED,MAAMC,uBAAuB,GAAGA,CAAC;EAC/BC,QAAQ;EACRC,QAAQ;EACRlB,cAAc;EACdmB,cAAc;EACdlB,mBAAmB,GAAG,CAAC,CAAC;EACxBmB;AAC2B,CAAC,KAAK;EACjC,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM;IAAEC,SAAS,EAAEzC;EAAE,CAAC,GAAGuC,SAAS;EAElC,MAAMnB,KAAK,GAAG,IAAAC,uDAA4B,EAAC,CAAC;EAE5C,IACEgB,cAAc,KACbjB,KAAK,CAACsB,SAAS,IAAItB,KAAK,CAACuB,aAAa,CAACC,mBAAmB,CAACC,MAAM,KAAK,CAAC,CAAC,EACzE;IACA,OAAO,IAAI;EACb;EAEA,MAAMC,cAAc,GAClBX,QAAQ,IAAInC,CAAC,CAAC,wCAAwC,CAAC;EACzD,MAAM+C,WAAW,gBACf9D,MAAA,CAAAiB,OAAA,CAAAuB,aAAA,CAACrC,aAAA,CAAA4D,GAAG;IAACC,GAAG,EAAC,KAAK;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACZhD,MAAA,CAAAiB,OAAA,CAAAuB,aAAA,CAACrC,aAAA,CAAA8D,OAAO;IAACC,UAAU,EAAC,IAAI;IAAAtB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACrBjC,CAAC,CAAC,qCAAqC,CACjC,CAAC,EACToB,KAAK,CAACgC,UAAU,KAAK,SAAS,gBAC7BnE,MAAA,CAAAiB,OAAA,CAAAuB,aAAA,CAACrC,aAAA,CAAAiE,QAAQ;IAACjB,QAAQ,EAAC,oBAAoB;IAACkB,OAAO,EAAER,cAAe;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GACjE,IACD,CACN;EAED,MAAMsB,aAAa,GAAGnC,KAAK,CAACoC,sBAAsB;EAClD,MAAMC,MAAM,GAAGF,aAAa,gBAAGtE,MAAA,CAAAiB,OAAA,CAAAuB,aAAA,CAAC8B,aAAa;IAACnC,KAAK,EAAEA,KAAM;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAAG,IAAI;EAErE,oBACEhD,MAAA,CAAAiB,OAAA,CAAAuB,aAAA,CAAChC,cAAA,CAAAiE,aAAa;IACZC,iBAAiB;IACjBvB,QAAQ,EAAEA,QAAS;IACnBE,MAAM,EAAEA,MAAO;IACfsB,UAAU,EAAE;MACVxB,QAAQ,EAAE,aAAa;MACvByB,SAAS,EAAE7D,CAAC,CAAC,0BAA0B,CAAC;MACxC8D,KAAK,EAAE9D,CAAC,CAAC,0CAA0C,CAAC;MACpDmC,QAAQ,EAAEnC,CAAC,CAAC,4BAA4B,CAAC;MACzC+D,OAAO,EAAE3C,KAAK,CAAC4C;IACjB,CAAE;IAAAnC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFhD,MAAA,CAAAiB,OAAA,CAAAuB,aAAA,CAACrC,aAAA,CAAA6E,IAAI,CAACC,MAAM;IACV9B,QAAQ,EAAC,6BAA6B;IACtC0B,KAAK,EAAEf,WAAY;IACnBZ,QAAQ,EAAEf,KAAK,CAACgC,UAAU,KAAK,SAAS,GAAGN,cAAc,GAAG,IAAK;IACjEW,MAAM,EAAEA,MAAO;IAAA5B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChB,CAAC,eACFhD,MAAA,CAAAiB,OAAA,CAAAuB,aAAA,CAACrC,aAAA,CAAA6E,IAAI,CAACE,OAAO;IAAAtC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAChBhD,MAAA,CAAAiB,OAAA,CAAAuB,aAAA,CAACrC,aAAA,CAAA6E,IAAI,CAACG,OAAO;IAAChC,QAAQ,EAAC,8BAA8B;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACnDhD,MAAA,CAAAiB,OAAA,CAAAuB,aAAA,CAACR,yBAAyB;IACxBC,cAAc,EAAEA,cAAe;IAC/BC,mBAAmB,EAAEA,mBAAoB;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1C,CACW,CACD,CAAC;AAEpB,CAAC;AAEM,MAAMoC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAACrC,uBAAuB,CAAC;AAEvE,MAAMsC,mBAAmB,GAAGA,CAAC;EAC3BC,IAAI;EACJC,SAAS;EACT,GAAGC;AACoB,CAAC,KAAK;EAC7B,MAAMC,iBAAiB,GAAG,IAAAC,4CAAqB,EAAC;IAC9CH,SAAS;IACTD;EACF,CAAC,CAAC;EACF,MAAM;IAAEnC;EAAO,CAAC,GAAG,IAAAwC,wCAAmB,EACpCF,iBAAiB,CAACG,QAAQ,CAACzC,MAAM,CAACA,MACpC,CAAC;EAED,oBACErD,MAAA,CAAAiB,OAAA,CAAAuB,aAAA,CAAClC,0BAAA,CAAAyF,iCAAiC;IAACC,KAAK,EAAEL,iBAAkB;IAAA/C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC1DhD,MAAA,CAAAiB,OAAA,CAAAuB,aAAA,CAAC4C,sBAAsB,MAAAa,SAAA,CAAAhF,OAAA;IAACoC,MAAM,EAAEA;EAAO,GAAKqC,IAAI;IAAA9C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAClB,CAAC;AAExC,CAAC;AAEM,MAAMkD,kBAAkB,GAAAb,OAAA,CAAAa,kBAAA,GAAG,IAAAZ,uBAAQ,EAACC,mBAAmB,CAAC"}

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

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _unidriver = require("@wix/wix-ui-test-utils/unidriver");
+var _unidriver2 = require("../../unidriver");
+var _unidriver3 = require("@wix/design-system/dist/testkit/unidriver");
+var _CustomFieldPanelUni = require("../CustomFieldsPanel/CustomFieldPanel.uni.driver");
+var _CustomFieldModalUni = require("../CustomFieldModal/CustomFieldModal.uni.driver");
+var _CustomFieldsFormUni = _interopRequireDefault(require("../CustomFieldsForm/CustomFieldsForm.uni.driver"));
+var _ArchiveFieldModalUni = require("../CustomFieldsPanel/ArchiveFieldModal.uni.driver");
+var _DisabledTooltipButtonUni = require("../DisabledTooltip/DisabledTooltipButton.uni.driver");
+var _CardContainerUni = _interopRequireDefault(require("../CardContainer/CardContainer.uni.driver"));
+var _default = (base, body) => {
+  const addCustomFieldButton = () => (0, _DisabledTooltipButtonUni.DisabledTooltipButtonUniDriver)(base, body, {
+    dataHook: 'add-custom-field-btn'
+  });
+  const manageFieldsButton = () => (0, _DisabledTooltipButtonUni.DisabledTooltipButtonUniDriver)(base, body, {
+    dataHook: 'manage-fields-button'
+  });
+  const emptyState = () => (0, _unidriver3.EmptyStateUniDriver)(base.$(`[data-hook="empty-state"]`), body);
+  const cardContainer = () => (0, _CardContainerUni.default)(base, body);
+  const form = () => (0, _CustomFieldsFormUni.default)(base.$(`[data-hook="custom-fields-form"]`), body);
+  return {
+    /** Returns title text */
+    getTitle: () => base.$(`[data-hook="title"]`).text(),
+    /** Returns subtitle text */
+    getSubtitle: async () => {
+      const infoIcon = (0, _unidriver3.InfoIconUniDriver)(base.$('[data-hook="subtitle-info-icon"]'), body);
+      if (await infoIcon.exists()) {
+        return infoIcon.getContent();
+      }
+      return base.$(`[data-hook="subtitle"]`).text();
+    },
+    /** Checks whether the form component rendered */
+    isFormExists: () => form().exists(),
+    /** Waits for form rendering */
+    waitForForm: (timeout = 5000) => (0, _unidriver.waitFor)(() => form().exists(), timeout),
+    addCustomFieldButton,
+    manageFieldsButton,
+    /** Gets add field button text */
+    getAddFieldContent: () => addCustomFieldButton().getButtonTextContent(),
+    /** Gets manage fields button text */
+    getManageFieldsContent: () => manageFieldsButton().getButtonTextContent(),
+    /** Indicates whether the widget loading state shows */
+    showsSkeletonHeader: () => cardContainer().showsSkeletonHeader(),
+    /** Clicks on add field button */
+    clickAddField: () => addCustomFieldButton().click(),
+    /** Checks whether the add field button rendered */
+    addCustomFieldButtonExists: () => addCustomFieldButton().exists(),
+    /** Clicks on manage fields button */
+    clickManageFieldsContent: () => manageFieldsButton().click(),
+    /** Checks whether the manage fields button rendered */
+    manageCustomFieldsButtonExists: () => manageFieldsButton().exists(),
+    /** Returns the error state title */
+    getErrorTitle: () => cardContainer().getErrorState().getTitleText(),
+    /** Returns the error state subtitle */
+    getErrorSubtitle: () => cardContainer().getErrorState().getSubtitleText(),
+    /** Returns the empty state title */
+    getEmptyTitle: () => emptyState().getTitleText(),
+    /** Returns the empty state subtitle */
+    getEmptySubtitle: () => emptyState().getSubtitleText(),
+    /** Clicks on try again button when error state visible */
+    clickTryAgain: () => cardContainer().getErrorState().getRetryButton().click(),
+    /** Gets try again button text */
+    getTryAgainContent: () => cardContainer().getErrorState().getRetryButton().getButtonTextContent(),
+    /** Returns custom fields side panel driver */
+    sidePanel: () => (0, _CustomFieldPanelUni.CustomFieldPanelUniDriver)(body.$(`[data-hook="cairo-modals-container"]`), body),
+    /** Returns custom field modal driver */
+    customFieldModal: () => (0, _CustomFieldModalUni.CustomFieldModalUniDriver)(base, body),
+    /** Returns archive field modal driver */
+    archiveFieldModal: () => (0, _ArchiveFieldModalUni.ArchiveFieldModalUniDriver)(base, body),
+    /** Returns field driver by given ID */
+    fieldById: id => form().field(id),
+    ...(0, _unidriver2.baseUniDriverFactory)(base)
+  };
+};
+exports.default = _default;
+//# sourceMappingURL=CustomFieldsWidget.uni.driver.js.map

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

@@ -0,0 +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","showsSkeletonHeader","clickAddField","click","addCustomFieldButtonExists","clickManageFieldsContent","manageCustomFieldsButtonExists","getErrorTitle","getErrorState","getTitleText","getErrorSubtitle","getSubtitleText","getEmptyTitle","getEmptySubtitle","clickTryAgain","getRetryButton","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} 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';\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    showsSkeletonHeader: () => cardContainer().showsSkeletonHeader(),\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: () => cardContainer().getErrorState().getTitleText(),\n    /** Returns the error state subtitle */\n    getErrorSubtitle: () => cardContainer().getErrorState().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: () =>\n      cardContainer().getErrorState().getRetryButton().click(),\n    /** Gets try again button text */\n    getTryAgainContent: () =>\n      cardContainer().getErrorState().getRetryButton().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":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAIA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,oBAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,qBAAA,GAAAP,OAAA;AACA,IAAAQ,yBAAA,GAAAR,OAAA;AACA,IAAAS,iBAAA,GAAAH,sBAAA,CAAAN,OAAA;AAA+E,IAAAU,QAAA,GAEhEA,CAACC,IAAe,EAAEC,IAAe,KAAK;EACnD,MAAMC,oBAAoB,GAAGA,CAAA,KAC3B,IAAAC,wDAA8B,EAACH,IAAI,EAAEC,IAAI,EAAE;IACzCG,QAAQ,EAAE;EACZ,CAAC,CAAC;EAEJ,MAAMC,kBAAkB,GAAGA,CAAA,KACzB,IAAAF,wDAA8B,EAACH,IAAI,EAAEC,IAAI,EAAE;IACzCG,QAAQ,EAAE;EACZ,CAAC,CAAC;EAEJ,MAAME,UAAU,GAAGA,CAAA,KACjB,IAAAC,+BAAmB,EAACP,IAAI,CAACQ,CAAC,CAAE,2BAA0B,CAAC,EAAEP,IAAI,CAAC;EAEhE,MAAMQ,aAAa,GAAGA,CAAA,KAAM,IAAAC,yBAAsB,EAACV,IAAI,EAAEC,IAAI,CAAC;EAE9D,MAAMU,IAAI,GAAGA,CAAA,KACX,IAAAC,4BAAyB,EAACZ,IAAI,CAACQ,CAAC,CAAE,kCAAiC,CAAC,EAAEP,IAAI,CAAC;EAE7E,OAAO;IACL;IACAY,QAAQ,EAAEA,CAAA,KAAMb,IAAI,CAACQ,CAAC,CAAE,qBAAoB,CAAC,CAACM,IAAI,CAAC,CAAC;IACpD;IACAC,WAAW,EAAE,MAAAA,CAAA,KAAY;MACvB,MAAMC,QAAQ,GAAG,IAAAC,6BAAiB,EAChCjB,IAAI,CAACQ,CAAC,CAAC,kCAAkC,CAAC,EAC1CP,IACF,CAAC;MAED,IAAI,MAAMe,QAAQ,CAACE,MAAM,CAAC,CAAC,EAAE;QAC3B,OAAOF,QAAQ,CAACG,UAAU,CAAC,CAAC;MAC9B;MAEA,OAAOnB,IAAI,CAACQ,CAAC,CAAE,wBAAuB,CAAC,CAACM,IAAI,CAAC,CAAC;IAChD,CAAC;IACD;IACAM,YAAY,EAAEA,CAAA,KAAMT,IAAI,CAAC,CAAC,CAACO,MAAM,CAAC,CAAC;IACnC;IACAG,WAAW,EAAEA,CAACC,OAAe,GAAG,IAAI,KAClC,IAAAC,kBAAO,EAAC,MAAMZ,IAAI,CAAC,CAAC,CAACO,MAAM,CAAC,CAAC,EAAEI,OAAO,CAAC;IACzCpB,oBAAoB;IACpBG,kBAAkB;IAClB;IACAmB,kBAAkB,EAAEA,CAAA,KAAMtB,oBAAoB,CAAC,CAAC,CAACuB,oBAAoB,CAAC,CAAC;IACvE;IACAC,sBAAsB,EAAEA,CAAA,KAAMrB,kBAAkB,CAAC,CAAC,CAACoB,oBAAoB,CAAC,CAAC;IACzE;IACAE,mBAAmB,EAAEA,CAAA,KAAMlB,aAAa,CAAC,CAAC,CAACkB,mBAAmB,CAAC,CAAC;IAEhE;IACAC,aAAa,EAAEA,CAAA,KAAM1B,oBAAoB,CAAC,CAAC,CAAC2B,KAAK,CAAC,CAAC;IACnD;IACAC,0BAA0B,EAAEA,CAAA,KAAM5B,oBAAoB,CAAC,CAAC,CAACgB,MAAM,CAAC,CAAC;IACjE;IACAa,wBAAwB,EAAEA,CAAA,KAAM1B,kBAAkB,CAAC,CAAC,CAACwB,KAAK,CAAC,CAAC;IAC5D;IACAG,8BAA8B,EAAEA,CAAA,KAAM3B,kBAAkB,CAAC,CAAC,CAACa,MAAM,CAAC,CAAC;IACnE;IACAe,aAAa,EAAEA,CAAA,KAAMxB,aAAa,CAAC,CAAC,CAACyB,aAAa,CAAC,CAAC,CAACC,YAAY,CAAC,CAAC;IACnE;IACAC,gBAAgB,EAAEA,CAAA,KAAM3B,aAAa,CAAC,CAAC,CAACyB,aAAa,CAAC,CAAC,CAACG,eAAe,CAAC,CAAC;IACzE;IACAC,aAAa,EAAEA,CAAA,KAAMhC,UAAU,CAAC,CAAC,CAAC6B,YAAY,CAAC,CAAC;IAChD;IACAI,gBAAgB,EAAEA,CAAA,KAAMjC,UAAU,CAAC,CAAC,CAAC+B,eAAe,CAAC,CAAC;IACtD;IACAG,aAAa,EAAEA,CAAA,KACb/B,aAAa,CAAC,CAAC,CAACyB,aAAa,CAAC,CAAC,CAACO,cAAc,CAAC,CAAC,CAACZ,KAAK,CAAC,CAAC;IAC1D;IACAa,kBAAkB,EAAEA,CAAA,KAClBjC,aAAa,CAAC,CAAC,CAACyB,aAAa,CAAC,CAAC,CAACO,cAAc,CAAC,CAAC,CAAChB,oBAAoB,CAAC,CAAC;IACzE;IACAkB,SAAS,EAAEA,CAAA,KACT,IAAAC,8CAAyB,EACvB3C,IAAI,CAACO,CAAC,CAAE,sCAAqC,CAAC,EAC9CP,IACF,CAAC;IACH;IACA4C,gBAAgB,EAAEA,CAAA,KAAM,IAAAC,8CAAyB,EAAC9C,IAAI,EAAEC,IAAI,CAAC;IAC7D;IACA8C,iBAAiB,EAAEA,CAAA,KAAM,IAAAC,gDAA0B,EAAChD,IAAI,EAAEC,IAAI,CAAC;IAC/D;IACAgD,SAAS,EAAGC,EAAU,IAAKvC,IAAI,CAAC,CAAC,CAACwC,KAAK,CAACD,EAAE,CAAC;IAC3C,GAAG,IAAAE,gCAAoB,EAACpD,IAAI;EAC9B,CAAC;AACH,CAAC;AAAAqD,OAAA,CAAAC,OAAA,GAAAvD,QAAA"}

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

@@ -0,0 +1,83 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CustomFieldsWidgetContent = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@wix/bex-core/react");
+var _WixPatternsModalsContainer = require("../WixPatternsModalsContainer");
+var _CustomFieldModal = require("../CustomFieldModal");
+var _mobxReactLite = require("mobx-react-lite");
+var _state = require("../../state");
+var _CustomFieldsForm = require("../CustomFieldsForm");
+var _ArchiveFieldModal = require("../CustomFieldsPanel/ArchiveFieldModal");
+var _EmptyStateContent = require("./EmptyStateContent");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsWidget/CustomFieldsWidgetContent.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+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 && Object.prototype.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 _CustomFieldsWidgetContent = ({
+  state,
+  extendedFields,
+  emptyStateOverrides = {}
+}) => {
+  const page = (0, _react2.usePageContext)();
+  const {
+    modalsContainerRef,
+    stackingRootRef
+  } = page;
+  const customFields = state.dataExtension.availableUserCustomFields;
+  const [formState] = (0, _react.useState)(() => {
+    var _extendedFields$names;
+    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
+    }));
+  });
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, customFields.length > 0 ? /*#__PURE__*/_react.default.createElement(_CustomFieldsForm.CustomFieldsForm, {
+    dataHook: "custom-fields-form",
+    state: formState,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 43,
+      columnNumber: 9
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_EmptyStateContent.EmptyStateContent, {
+    state: state,
+    emptyStateOverrides: emptyStateOverrides,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/_react.default.createElement(_WixPatternsModalsContainer.WixPatternsModalsContainer, {
+    rootRef: stackingRootRef,
+    anchorRef: modalsContainerRef,
+    state: state.panels,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 50,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_CustomFieldModal.CustomFieldModal, {
+    state: state.dataExtension,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 55,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_ArchiveFieldModal.ArchiveFieldModal, {
+    state: state.dataExtension,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 56,
+      columnNumber: 7
+    }
+  }));
+};
+const CustomFieldsWidgetContent = exports.CustomFieldsWidgetContent = (0, _mobxReactLite.observer)(_CustomFieldsWidgetContent);
+//# sourceMappingURL=CustomFieldsWidgetContent.js.map

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

@@ -0,0 +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","prototype","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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"}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _CustomFieldsWidgetContent = require("./CustomFieldsWidgetContent");
+Object.keys(_CustomFieldsWidgetContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CustomFieldsWidgetContent[key]) return;
+  exports[key] = _CustomFieldsWidgetContent[key];
+});
+var _ActionButtons = require("./ActionButtons");
+Object.keys(_ActionButtons).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ActionButtons[key]) return;
+  exports[key] = _ActionButtons[key];
+});
+//# sourceMappingURL=CustomFieldsWidgetLazyContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_CustomFieldsWidgetContent","require","Object","keys","forEach","key","exports","_ActionButtons"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetLazyContent.ts"],"sourcesContent":["export * from './CustomFieldsWidgetContent';\nexport * from './ActionButtons';\n"],"mappings":";;;AAAA,IAAAA,0BAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,0BAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,0BAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,0BAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,cAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,cAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,cAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,cAAA,CAAAF,GAAA;AAAA"}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.EmptyStateContent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsWidget/EmptyStateContent.tsx";
+function _EmptyStateContent(props) {
+  const {
+    state,
+    emptyStateOverrides = {}
+  } = props;
+  const {
+    container: {
+      translate: t
+    }
+  } = state;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.EmptyState, {
+    dataHook: "empty-state",
+    title: state.hasWritePermissions ? emptyStateOverrides.title || t('cairo.customFields.emptyState.title') : t('cairo.customFields.emptyStatePassive.title'),
+    subtitle: state.hasWritePermissions ? emptyStateOverrides.subtitle || t('cairo.customFields.emptyState.subtitle') : t('cairo.customFields.emptyStatePassive.subtitle'),
+    theme: "page-no-border",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 21,
+      columnNumber: 5
+    }
+  });
+}
+const EmptyStateContent = exports.EmptyStateContent = (0, _mobxReactLite.observer)(_EmptyStateContent);
+//# sourceMappingURL=EmptyStateContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_jsxFileName","_EmptyStateContent","props","state","emptyStateOverrides","container","translate","t","default","createElement","EmptyState","dataHook","title","hasWritePermissions","subtitle","theme","__self","__source","fileName","lineNumber","columnNumber","EmptyStateContent","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/EmptyStateContent.tsx"],"sourcesContent":["import React from 'react';\nimport { EmptyState } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsWidgetState } from '../../state';\n\ninterface EmptyStateContentProps {\n  state: CustomFieldsWidgetState;\n  emptyStateOverrides?: {\n    title?: string;\n    subtitle?: string;\n  };\n}\n\nfunction _EmptyStateContent(props: EmptyStateContentProps) {\n  const { state, emptyStateOverrides = {} } = props;\n  const {\n    container: { translate: t },\n  } = state;\n\n  return (\n    <EmptyState\n      dataHook=\"empty-state\"\n      title={\n        state.hasWritePermissions\n          ? emptyStateOverrides.title ||\n            t('cairo.customFields.emptyState.title')\n          : t('cairo.customFields.emptyStatePassive.title')\n      }\n      subtitle={\n        state.hasWritePermissions\n          ? emptyStateOverrides.subtitle ||\n            t('cairo.customFields.emptyState.subtitle')\n          : t('cairo.customFields.emptyStatePassive.subtitle')\n      }\n      theme=\"page-no-border\"\n    />\n  );\n}\n\nexport const EmptyStateContent = observer(_EmptyStateContent);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAW3C,SAASC,kBAAkBA,CAACC,KAA6B,EAAE;EACzD,MAAM;IAAEC,KAAK;IAAEC,mBAAmB,GAAG,CAAC;EAAE,CAAC,GAAGF,KAAK;EACjD,MAAM;IACJG,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGJ,KAAK;EAET,oBACER,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAY,UAAU;IACTC,QAAQ,EAAC,aAAa;IACtBC,KAAK,EACHT,KAAK,CAACU,mBAAmB,GACrBT,mBAAmB,CAACQ,KAAK,IACzBL,CAAC,CAAC,qCAAqC,CAAC,GACxCA,CAAC,CAAC,4CAA4C,CACnD;IACDO,QAAQ,EACNX,KAAK,CAACU,mBAAmB,GACrBT,mBAAmB,CAACU,QAAQ,IAC5BP,CAAC,CAAC,wCAAwC,CAAC,GAC3CA,CAAC,CAAC,+CAA+C,CACtD;IACDQ,KAAK,EAAC,gBAAgB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACvB,CAAC;AAEN;AAEO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAACtB,kBAAkB,CAAC"}

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

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ErrorStateContent = 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 _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsWidget/ErrorStateContent.tsx";
+const _ErrorStateContent = ({
+  state
+}) => {
+  const {
+    container: {
+      translate: t
+    }
+  } = state;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.EmptyState, {
+    dataHook: "error-state",
+    theme: "page-no-border",
+    title: t('cairo.customFields.technical.error.title'),
+    subtitle: t('cairo.technical.error.text'),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 18,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+    dataHook: "retry-button",
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Refresh, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 26,
+        columnNumber: 21
+      }
+    }),
+    onClick: () => state.retry(),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 24,
+      columnNumber: 7
+    }
+  }, t('cairo.error.tryAgain.cta')));
+};
+const ErrorStateContent = exports.ErrorStateContent = (0, _mobxReactLite.observer)(_ErrorStateContent);
+//# sourceMappingURL=ErrorStateContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_wixUiIconsCommon","_jsxFileName","_ErrorStateContent","state","container","translate","t","default","createElement","EmptyState","dataHook","theme","title","subtitle","__self","__source","fileName","lineNumber","columnNumber","TextButton","prefixIcon","Refresh","onClick","retry","ErrorStateContent","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/ErrorStateContent.tsx"],"sourcesContent":["import React from 'react';\nimport { EmptyState, TextButton } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { Refresh } from '@wix/wix-ui-icons-common';\nimport { CustomFieldsWidgetState } from '../../state';\nimport { CustomFieldsViewWidgetState } from '@wix/bex-core';\n\ninterface ErrorStateProps {\n  state: CustomFieldsWidgetState | CustomFieldsViewWidgetState;\n}\n\nconst _ErrorStateContent = ({ state }: ErrorStateProps) => {\n  const {\n    container: { translate: t },\n  } = state;\n\n  return (\n    <EmptyState\n      dataHook=\"error-state\"\n      theme=\"page-no-border\"\n      title={t('cairo.customFields.technical.error.title')}\n      subtitle={t('cairo.technical.error.text')}\n    >\n      <TextButton\n        dataHook=\"retry-button\"\n        prefixIcon={<Refresh />}\n        onClick={() => state.retry()}\n      >\n        {t('cairo.error.tryAgain.cta')}\n      </TextButton>\n    </EmptyState>\n  );\n};\n\nexport const ErrorStateContent = observer(_ErrorStateContent);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAmD,IAAAI,YAAA;AAQnD,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EACzD,MAAM;IACJC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGH,KAAK;EAET,oBACER,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,UAAU;IACTC,QAAQ,EAAC,aAAa;IACtBC,KAAK,EAAC,gBAAgB;IACtBC,KAAK,EAAEN,CAAC,CAAC,0CAA0C,CAAE;IACrDO,QAAQ,EAAEP,CAAC,CAAC,4BAA4B,CAAE;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE1CvB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAqB,UAAU;IACTT,QAAQ,EAAC,cAAc;IACvBU,UAAU,eAAEzB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,iBAAA,CAAAqB,OAAO;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAf,YAAA;QAAAgB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACxBI,OAAO,EAAEA,CAAA,KAAMnB,KAAK,CAACoB,KAAK,CAAC,CAAE;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE5BZ,CAAC,CAAC,0BAA0B,CACnB,CACF,CAAC;AAEjB,CAAC;AAEM,MAAMkB,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAACxB,kBAAkB,CAAC"}

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

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.SkeletonLine = exports.SkeletonContent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsWidget/Skeletons.tsx";
+const SkeletonLine = ({
+  span,
+  marginBottom
+}) => /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonGroup, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 17,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 18,
+    columnNumber: 5
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+  span: span,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 19,
+    columnNumber: 7
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
+  marginBottom: marginBottom,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 20,
+    columnNumber: 9
+  }
+}))));
+exports.SkeletonLine = SkeletonLine;
+const SkeletonContent = () => /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonGroup, {
+  dataHook: "loading-state-skeleton-group",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 27,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
+  gap: "SP6",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 28,
+    columnNumber: 5
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 29,
+    columnNumber: 7
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonRectangle, {
+  height: "30px",
+  width: "240px",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 30,
+    columnNumber: 9
+  }
+})), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 32,
+    columnNumber: 7
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonRectangle, {
+  height: "30px",
+  width: "240px",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 33,
+    columnNumber: 9
+  }
+}))));
+exports.SkeletonContent = SkeletonContent;
+//# sourceMappingURL=Skeletons.js.map