@wix/patterns 1.119.0 → 1.121.0

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

@@ -2,203 +2,89 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.CustomFieldsWidgetBase = exports.CustomFieldsWidget = void 0;
+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 _react = _interopRequireDefault(require("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 _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _CustomFieldsWidgetInline = require("./CustomFieldsWidgetInline");
+var _CustomFieldsWidgetCard = require("./CustomFieldsWidgetCard");
 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 && {}.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: 82,
-      columnNumber: 5
-    }
-  }, /*#__PURE__*/_react.default.createElement(CardContent, {
-    state: state,
-    extendedFields: extendedFields,
-    emptyStateOverrides: emptyStateOverrides,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 87,
-      columnNumber: 7
-    }
-  }));
-};
 const _CustomFieldsWidgetBase = ({
   subtitle,
   dataHook,
   extendedFields,
   hideEmptyState,
   emptyStateOverrides = {},
-  status
+  state,
+  theme = 'card'
 }) => {
-  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",
+  return /*#__PURE__*/_react.default.createElement(_CustomFieldsWidgetContext.CustomFieldsWidgetContextProvider, {
+    value: state,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 119,
+      lineNumber: 32,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
-    appearance: "H3",
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 120,
-      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: 124,
-      columnNumber: 9
-    }
-  }) : null);
-  const ActionsButton = state.ActionButtonsComponent;
-  const suffix = ActionsButton ? /*#__PURE__*/_react.default.createElement(ActionsButton, {
+  }, theme === 'card' ? /*#__PURE__*/_react.default.createElement(_CustomFieldsWidgetCard.CustomFieldsWidgetCard, {
     state: state,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 130,
-      columnNumber: 34
-    }
-  }) : null;
-  return /*#__PURE__*/_react.default.createElement(_CardContainer.CardContainer, {
-    stretchVertically: true,
+    extendedFields: extendedFields,
+    emptyStateOverrides: emptyStateOverrides,
+    subtitle: subtitle,
     dataHook: dataHook,
-    status: status,
-    errorState: {
-      dataHook: 'error-state',
-      title: t('cairo.customFields.technical.error.title'),
-      subtitle: t('cairo.technical.error.text'),
-      action: {
-        text: t('cairo.error.tryAgain.cta'),
-        prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Refresh, {
-          __self: void 0,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 143,
-            columnNumber: 23
-          }
-        }),
-        onClick: state.retry
-      }
-    },
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 133,
-      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: 148,
-      columnNumber: 7
-    }
-  }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Divider, {
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 154,
-      columnNumber: 7
+      lineNumber: 34,
+      columnNumber: 9
     }
-  }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
-    dataHook: "custom-fields-widget-content",
+  }) : /*#__PURE__*/_react.default.createElement(_CustomFieldsWidgetInline.CustomFieldsWidgetInline, {
+    state: state,
+    extendedFields: extendedFields,
+    emptyStateOverrides: emptyStateOverrides,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 155,
-      columnNumber: 7
+      lineNumber: 42,
+      columnNumber: 9
     }
-  }, /*#__PURE__*/_react.default.createElement(CustomFieldsWidgetContent, {
-    extendedFields: extendedFields,
-    emptyStateOverrides: emptyStateOverrides,
+  }));
+};
+const CustomFieldsWidgetBase = (0, _mobxReactLite.observer)(_CustomFieldsWidgetBase);
+const _CustomFieldsWidgetWithoutState = props => {
+  const state = (0, _useCustomFieldsWidget.useCustomFieldsWidget)(props);
+  return /*#__PURE__*/_react.default.createElement(CustomFieldsWidgetBase, (0, _extends2.default)({}, props, {
+    state: state,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 156,
-      columnNumber: 9
+      lineNumber: 58,
+      columnNumber: 10
     }
-  })));
+  }));
 };
-const CustomFieldsWidgetBase = exports.CustomFieldsWidgetBase = (0, _mobxReactLite.observer)(_CustomFieldsWidgetBase);
-const _CustomFieldsWidget = ({
-  fqdn,
-  fieldName,
-  filterable,
-  containsPii,
-  ...rest
-}) => {
-  const customFieldsState = (0, _useCustomFieldsWidget.useCustomFieldsWidget)({
-    fieldName,
-    fqdn,
-    filterable,
-    containsPii
-  });
-  const {
-    status
-  } = (0, _useWidgetPageStatus.useWidgetPageStatus)(customFieldsState.initTask.status.status);
-  return /*#__PURE__*/_react.default.createElement(_CustomFieldsWidgetContext.CustomFieldsWidgetContextProvider, {
-    value: customFieldsState,
+const CustomFieldsWidgetWithoutState = (0, _mobxReactLite.observer)(_CustomFieldsWidgetWithoutState);
+const _CustomFieldsWidget = props => {
+  return props.state ? /*#__PURE__*/_react.default.createElement(CustomFieldsWidgetBase, (0, _extends2.default)({}, props, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 185,
+      lineNumber: 67,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(CustomFieldsWidgetBase, (0, _extends2.default)({
-    status: status
-  }, rest, {
+  })) : /*#__PURE__*/_react.default.createElement(CustomFieldsWidgetWithoutState, (0, _extends2.default)({}, props, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 186,
-      columnNumber: 7
+      lineNumber: 69,
+      columnNumber: 5
     }
-  })));
+  }));
 };
 const CustomFieldsWidget = exports.CustomFieldsWidget = (0, _mobxReactLite.observer)(_CustomFieldsWidget);
 //# sourceMappingURL=CustomFieldsWidget.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_react2","_mobxReactLite","_CustomFieldsWidgetContext","_useCustomFieldsWidget","_CardContainer","_useWidgetPageStatus","_wixUiIconsCommon","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","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","title","action","text","prefixIcon","Refresh","onClick","retry","Card","Header","Divider","Content","CustomFieldsWidgetBase","exports","observer","_CustomFieldsWidget","fqdn","fieldName","filterable","containsPii","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';\nimport { Refresh } from '@wix/wix-ui-icons-common';\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  filterable?: boolean;\n  containsPii?: boolean;\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        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        <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  filterable,\n  containsPii,\n  ...rest\n}: CustomFieldsWidgetProps) => {\n  const customFieldsState = useCustomFieldsWidget({\n    fieldName,\n    fqdn,\n    filterable,\n    containsPii,\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":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CustomFieldsWidgetContext","_useCustomFieldsWidget","_CustomFieldsWidgetInline","_CustomFieldsWidgetCard","_jsxFileName","_CustomFieldsWidgetBase","subtitle","dataHook","extendedFields","hideEmptyState","emptyStateOverrides","state","theme","isLoading","dataExtension","allUserCustomFields","length","default","createElement","CustomFieldsWidgetContextProvider","value","__self","__source","fileName","lineNumber","columnNumber","CustomFieldsWidgetCard","CustomFieldsWidgetInline","CustomFieldsWidgetBase","observer","_CustomFieldsWidgetWithoutState","props","useCustomFieldsWidget","_extends2","CustomFieldsWidgetWithoutState","_CustomFieldsWidget","CustomFieldsWidget","exports"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsWidgetContextProvider } from '../CustomFieldsWidgetContext';\nimport { useCustomFieldsWidget } from '../../hooks/useCustomFieldsWidget';\nimport { CustomFieldsWidgetInline } from './CustomFieldsWidgetInline';\nimport { CustomFieldsWidgetCard } from './CustomFieldsWidgetCard';\nimport { CustomFieldsWidgetBaseProps, CustomFieldsWidgetProps } from './types';\n\ninterface CustomFieldsWidgetWithoutStateProps\n  extends Omit<CustomFieldsWidgetProps, 'fqdn' | 'state'> {\n  state?: never;\n  fqdn: string;\n}\n\nconst _CustomFieldsWidgetBase = ({\n  subtitle,\n  dataHook,\n  extendedFields,\n  hideEmptyState,\n  emptyStateOverrides = {},\n  state,\n  theme = 'card',\n}: CustomFieldsWidgetBaseProps) => {\n  if (\n    hideEmptyState &&\n    (state.isLoading || state.dataExtension.allUserCustomFields.length === 0)\n  ) {\n    return null;\n  }\n\n  return (\n    <CustomFieldsWidgetContextProvider value={state}>\n      {theme === 'card' ? (\n        <CustomFieldsWidgetCard\n          state={state}\n          extendedFields={extendedFields}\n          emptyStateOverrides={emptyStateOverrides}\n          subtitle={subtitle}\n          dataHook={dataHook}\n        />\n      ) : (\n        <CustomFieldsWidgetInline\n          state={state}\n          extendedFields={extendedFields}\n          emptyStateOverrides={emptyStateOverrides}\n        />\n      )}\n    </CustomFieldsWidgetContextProvider>\n  );\n};\n\nconst CustomFieldsWidgetBase = observer(_CustomFieldsWidgetBase);\n\nconst _CustomFieldsWidgetWithoutState = (\n  props: CustomFieldsWidgetWithoutStateProps,\n) => {\n  const state = useCustomFieldsWidget(props);\n  return <CustomFieldsWidgetBase {...props} state={state} />;\n};\n\nconst CustomFieldsWidgetWithoutState = observer(\n  _CustomFieldsWidgetWithoutState,\n);\n\nconst _CustomFieldsWidget = (props: CustomFieldsWidgetProps) => {\n  return props.state ? (\n    <CustomFieldsWidgetBase {...props} />\n  ) : (\n    <CustomFieldsWidgetWithoutState {...props} />\n  );\n};\n\nexport const CustomFieldsWidget = observer(_CustomFieldsWidget);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AACA,IAAAK,uBAAA,GAAAL,OAAA;AAAkE,IAAAM,YAAA;AASlE,MAAMC,uBAAuB,GAAGA,CAAC;EAC/BC,QAAQ;EACRC,QAAQ;EACRC,cAAc;EACdC,cAAc;EACdC,mBAAmB,GAAG,CAAC,CAAC;EACxBC,KAAK;EACLC,KAAK,GAAG;AACmB,CAAC,KAAK;EACjC,IACEH,cAAc,KACbE,KAAK,CAACE,SAAS,IAAIF,KAAK,CAACG,aAAa,CAACC,mBAAmB,CAACC,MAAM,KAAK,CAAC,CAAC,EACzE;IACA,OAAO,IAAI;EACb;EAEA,oBACEpB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,0BAAA,CAAAmB,iCAAiC;IAACC,KAAK,EAAET,KAAM;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7Cb,KAAK,KAAK,MAAM,gBACfhB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACf,uBAAA,CAAAuB,sBAAsB;IACrBf,KAAK,EAAEA,KAAM;IACbH,cAAc,EAAEA,cAAe;IAC/BE,mBAAmB,EAAEA,mBAAoB;IACzCJ,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CAAC,gBAEF7B,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAChB,yBAAA,CAAAyB,wBAAwB;IACvBhB,KAAK,EAAEA,KAAM;IACbH,cAAc,EAAEA,cAAe;IAC/BE,mBAAmB,EAAEA,mBAAoB;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1C,CAE8B,CAAC;AAExC,CAAC;AAED,MAAMG,sBAAsB,GAAG,IAAAC,uBAAQ,EAACxB,uBAAuB,CAAC;AAEhE,MAAMyB,+BAA+B,GACnCC,KAA0C,IACvC;EACH,MAAMpB,KAAK,GAAG,IAAAqB,4CAAqB,EAACD,KAAK,CAAC;EAC1C,oBAAOnC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACU,sBAAsB,MAAAK,SAAA,CAAAhB,OAAA,MAAKc,KAAK;IAAEpB,KAAK,EAAEA,KAAM;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAE,CAAC;AAC5D,CAAC;AAED,MAAMS,8BAA8B,GAAG,IAAAL,uBAAQ,EAC7CC,+BACF,CAAC;AAED,MAAMK,mBAAmB,GAAIJ,KAA8B,IAAK;EAC9D,OAAOA,KAAK,CAACpB,KAAK,gBAChBf,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACU,sBAAsB,MAAAK,SAAA,CAAAhB,OAAA,MAAKc,KAAK;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC,gBAErC7B,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACgB,8BAA8B,MAAAD,SAAA,CAAAhB,OAAA,MAAKc,KAAK;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAC7C;AACH,CAAC;AAEM,MAAMW,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAP,uBAAQ,EAACM,mBAAmB,CAAC","ignoreList":[]}

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

@@ -44,7 +44,7 @@ var _default = (base, body) => {
     /** Gets manage fields button text */
     getManageFieldsContent: () => manageFieldsButton().getButtonTextContent(),
     /** Indicates whether the widget loading state shows */
-    showsSkeletonHeader: () => cardContainer().showsSkeletonHeader(),
+    isLoading: (theme = 'card') => theme === 'card' ? cardContainer().showsSkeletonHeader() : (0, _unidriver3.SkeletonLineUniDriver)(body.$('[data-hook="custom-fields-widget-inline-loading"]'), body).exists(),
     /** Clicks on add field button */
     clickAddField: () => addCustomFieldButton().click(),
     /** Checks whether the add field button rendered */
@@ -54,17 +54,17 @@ var _default = (base, body) => {
     /** Checks whether the manage fields button rendered */
     manageCustomFieldsButtonExists: () => manageFieldsButton().exists(),
     /** Returns the error state title */
-    getErrorTitle: () => cardContainer().getErrorState().getTitleText(),
+    getErrorTitle: (theme = 'card') => theme === 'card' ? cardContainer().getErrorState().getTitleText() : (0, _unidriver3.EmptyStateUniDriver)(body.$('[data-hook="custom-fields-widget-inline-error"]'), body).getTitleText(),
     /** Returns the error state subtitle */
-    getErrorSubtitle: () => cardContainer().getErrorState().getSubtitleText(),
+    getErrorSubtitle: (theme = 'card') => theme === 'card' ? cardContainer().getErrorState().getSubtitleText() : (0, _unidriver3.EmptyStateUniDriver)(body.$('[data-hook="custom-fields-widget-inline-error"]'), body).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(),
+    clickTryAgain: (theme = 'card') => theme === 'card' ? cardContainer().getErrorState().getRetryButton().click() : (0, _unidriver3.TextButtonUniDriver)(body.$('[data-hook="retry-button"]'), body).click(),
     /** Gets try again button text */
-    getTryAgainContent: () => cardContainer().getErrorState().getRetryButton().getButtonTextContent(),
+    getTryAgainContent: (theme = 'card') => theme === 'card' ? cardContainer().getErrorState().getRetryButton().getButtonTextContent() : (0, _unidriver3.TextButtonUniDriver)(body.$('[data-hook="retry-button"]'), body).getButtonTextContent(),
     /** Returns custom fields side panel driver */
     sidePanel: () => (0, _CustomFieldPanelUni.CustomFieldPanelUniDriver)(body.$(`[data-hook="cairo-modals-container"]`), body),
     /** Returns custom field modal driver */

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","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":"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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=\"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":[]}

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

@@ -0,0 +1,132 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomFieldsWidgetCard = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _CardContainer = require("../CardContainer");
+var _designSystem = require("@wix/design-system");
+var _Heading = require("../Heading");
+var _react2 = require("@wix/bex-core/react");
+var _CustomFieldsWidgetContentLazy = require("./CustomFieldsWidgetContentLazy");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _useWidgetPageStatus = require("../useWidgetPageStatus");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsWidget/CustomFieldsWidgetCard.tsx";
+const _CustomFieldsWidgetCard = ({
+  state,
+  subtitle,
+  dataHook,
+  extendedFields,
+  emptyStateOverrides = {}
+}) => {
+  const {
+    status
+  } = (0, _useWidgetPageStatus.useWidgetPageStatus)(state.initTask.status.status);
+  const container = (0, _react2.useWixPatternsContainer)();
+  const {
+    translate: t
+  } = container;
+  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: 35,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Heading.Heading, {
+    appearance: "H3",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      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: 40,
+      columnNumber: 9
+    }
+  }) : null);
+  const ActionsButton = state.ActionButtonsComponent;
+  const suffix = ActionsButton ? /*#__PURE__*/_react.default.createElement(ActionsButton, {
+    state: state,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 46,
+      columnNumber: 34
+    }
+  }) : null;
+  return /*#__PURE__*/_react.default.createElement(_CardContainer.CardContainer, {
+    stretchVertically: true,
+    dataHook: dataHook,
+    status: status,
+    errorState: {
+      dataHook: 'error-state',
+      title: t('cairo.customFields.technical.error.title'),
+      subtitle: t('cairo.technical.error.text'),
+      action: {
+        text: t('cairo.error.tryAgain.cta'),
+        prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Refresh, {
+          __self: void 0,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 59,
+            columnNumber: 23
+          }
+        }),
+        onClick: state.retry
+      }
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 49,
+      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: 64,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Divider, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 70,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
+    dataHook: "custom-fields-widget-content",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 71,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CustomFieldsWidgetContentLazy.CustomFieldsWidgetContentLazy, {
+    extendedFields: extendedFields,
+    emptyStateOverrides: emptyStateOverrides,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 72,
+      columnNumber: 9
+    }
+  })));
+};
+const CustomFieldsWidgetCard = exports.CustomFieldsWidgetCard = (0, _mobxReactLite.observer)(_CustomFieldsWidgetCard);
+//# sourceMappingURL=CustomFieldsWidgetCard.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CustomFieldsWidgetContentLazy = void 0;
+var _mobxReactLite = require("mobx-react-lite");
+var _react = _interopRequireWildcard(require("react"));
+var _CustomFieldsWidgetContext = require("../CustomFieldsWidgetContext");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsWidget/CustomFieldsWidgetContentLazy.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 && {}.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
+}) => {
+  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: 21,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(CardContent, {
+    state: state,
+    extendedFields: extendedFields,
+    emptyStateOverrides: emptyStateOverrides,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 7
+    }
+  }));
+};
+const CustomFieldsWidgetContentLazy = exports.CustomFieldsWidgetContentLazy = (0, _mobxReactLite.observer)(_CustomFieldsWidgetContentLazy);
+//# sourceMappingURL=CustomFieldsWidgetContentLazy.js.map

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

@@ -0,0 +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":[]}