@wix/patterns 0.8.0

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

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomColumnsAddCustomFieldCTAButton = CustomColumnsAddCustomFieldCTAButton;
+var _bexCore = require("@wix/bex-core");
+var _bi = require("@wix/bex-core/bi");
+var _react = _interopRequireDefault(require("react"));
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _AddCustomFieldCTAButton = require("./AddCustomFieldCTAButton");
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsPanel/CustomColumnsAddCustomFieldCTAButton.tsx";
+function CustomColumnsAddCustomFieldCTAButton() {
+  var _toolbar$collectionDa;
+  const toolbar = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const state = (_toolbar$collectionDa = toolbar.collectionDataExtension) == null ? void 0 : _toolbar$collectionDa.dataExtension;
+  if (state == null) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    width: "100%",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 17,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
+    direction: "horizontal",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 18,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    padding: "SP4",
+    width: "100%",
+    boxSizing: "border-box",
+    direction: "vertical",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 19,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_AddCustomFieldCTAButton.AddCustomFieldCTAButton, {
+    state: state,
+    onClick: () => {
+      toolbar.reportBi((0, _bexCore.withoutDefaults)(_bi.cairoDataExAddCustomField)({
+        origin: 'Custom columns panel'
+      }));
+      state.openCustomFieldModal({
+        origin: 'Custom columns panel'
+      });
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 25,
+      columnNumber: 9
+    }
+  })));
+}
+//# sourceMappingURL=CustomColumnsAddCustomFieldCTAButton.js.map

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

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

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

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomColumnsEditCustomFieldCTAButton = CustomColumnsEditCustomFieldCTAButton;
+var _react = _interopRequireDefault(require("react"));
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _designSystem = require("@wix/design-system");
+var _ManageFieldsPopoverMenu = require("./ManageFieldsPopoverMenu");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsPanel/CustomColumnsEditCustomFieldCTAButton.tsx";
+function CustomColumnsEditCustomFieldCTAButton({
+  field
+}) {
+  var _toolbar$collectionDa;
+  const toolbar = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const state = (_toolbar$collectionDa = toolbar.collectionDataExtension) == null ? void 0 : _toolbar$collectionDa.dataExtension;
+  if (state == null) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 19,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ManageFieldsPopoverMenu.ManageFieldsPopoverMenu, {
+    state: state,
+    id: field.id,
+    origin: "Custom columns panel",
+    location: "Customize columns action cell",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 20,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    paddingInlineEnd: "12px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 7
+    }
+  }));
+}
+//# sourceMappingURL=CustomColumnsEditCustomFieldCTAButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_ToolbarCollectionContext","_designSystem","_ManageFieldsPopoverMenu","_jsxFileName","CustomColumnsEditCustomFieldCTAButton","field","_toolbar$collectionDa","toolbar","useToolbarCollectionContext","state","collectionDataExtension","dataExtension","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","ManageFieldsPopoverMenu","id","origin","location","paddingInlineEnd"],"sources":["../../../../src/components/CustomFieldsPanel/CustomColumnsEditCustomFieldCTAButton.tsx"],"sourcesContent":["import React from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { Box } from '@wix/design-system';\nimport { ManageFieldsPopoverMenu } from './ManageFieldsPopoverMenu';\n\nexport function CustomColumnsEditCustomFieldCTAButton({\n  field,\n}: {\n  field: { id: string };\n}) {\n  const toolbar = useToolbarCollectionContext();\n  const state = toolbar.collectionDataExtension?.dataExtension;\n\n  if (state == null) {\n    return null;\n  }\n\n  return (\n    <Box>\n      <ManageFieldsPopoverMenu\n        state={state}\n        id={field.id}\n        origin=\"Custom columns panel\"\n        location=\"Customize columns action cell\"\n      />\n      <Box paddingInlineEnd=\"12px\" />\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AAAoE,IAAAI,YAAA;AAE7D,SAASC,qCAAqCA,CAAC;EACpDC;AAGF,CAAC,EAAE;EAAA,IAAAC,qBAAA;EACD,MAAMC,OAAO,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC7C,MAAMC,KAAK,IAAAH,qBAAA,GAAGC,OAAO,CAACG,uBAAuB,qBAA/BJ,qBAAA,CAAiCK,aAAa;EAE5D,IAAIF,KAAK,IAAI,IAAI,EAAE;IACjB,OAAO,IAAI;EACb;EAEA,oBACEZ,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,GAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACFtB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,wBAAA,CAAAkB,uBAAuB;IACtBX,KAAK,EAAEA,KAAM;IACbY,EAAE,EAAEhB,KAAK,CAACgB,EAAG;IACbC,MAAM,EAAC,sBAAsB;IAC7BC,QAAQ,EAAC,+BAA+B;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CACzC,CAAC,eACFtB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,GAAG;IAACU,gBAAgB,EAAC,MAAM;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC3B,CAAC;AAEV"}

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

@@ -0,0 +1,95 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CustomFieldItem = void 0;
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _ManageFieldsPopoverMenu = require("./ManageFieldsPopoverMenu");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsPanel/CustomFieldItem.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; }
+function _CustomFieldItem(props) {
+  const {
+    field,
+    showDivider,
+    state
+  } = props;
+  const style = (0, _react.useMemo)(() => ({
+    display: 'flex',
+    flexDirection: 'column',
+    position: 'relative'
+  }), []);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: style,
+    "data-hook": `custom-field-${field.id}`,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
+    showDivider: showDivider,
+    verticalPadding: "tiny",
+    options: [{
+      value: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 33,
+          columnNumber: 15
+        }
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        style: {
+          padding: '0 6px',
+          wordBreak: 'break-word'
+        },
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 34,
+          columnNumber: 17
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+        size: "small",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 40,
+          columnNumber: 19
+        }
+      }, field.label || field.id)))
+    }, {
+      value: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+        height: "24px",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 47,
+          columnNumber: 15
+        }
+      }, /*#__PURE__*/_react.default.createElement(_ManageFieldsPopoverMenu.ManageFieldsPopoverMenu, {
+        origin: "Custom fields panel",
+        state: state,
+        id: field.id,
+        location: "Manage custom fields action cell",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 48,
+          columnNumber: 17
+        }
+      })),
+      align: 'right'
+    }],
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 27,
+      columnNumber: 7
+    }
+  }));
+}
+const CustomFieldItem = exports.CustomFieldItem = (0, _mobxReactLite.observer)(_CustomFieldItem);
+//# sourceMappingURL=CustomFieldItem.js.map

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

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

package/dist/cjs/components/CustomFieldsPanel/CustomFieldPanel.uni.driver.js

@@ -0,0 +1,35 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CustomFieldPanelUniDriver = CustomFieldPanelUniDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _SlidingModalUni = require("../SlidingModal/SlidingModal.uni.driver");
+var _CustomFieldPopoverUni = require("./CustomFieldPopover.uni.driver");
+var _CustomFieldsDisabledHintUni = require("../CustomFields/CustomFieldsDisabledHint.uni.driver");
+function CustomFieldPanelUniDriver(base, body) {
+  const panelBase = () => base.$('[data-hook="custom-fields-panel"]');
+  const panel = () => (0, _unidriver.SidePanelUniDriver)(panelBase(), body);
+  const slidingModal = () => (0, _SlidingModalUni.SlidingModalUniDriver)(base.$('[data-hook="cairo-side-panel-modal"]'), body);
+  const addItem = () => (0, _CustomFieldsDisabledHintUni.CustomFieldsDisabledHintUniDriver)(base, body, {
+    dataHook: 'data-extension-add-new'
+  });
+  const customFieldPanel = i => (0, _CustomFieldPopoverUni.CustomFieldPopoverUniDriver)(getItemAtBase(i), body);
+  const list = () => panelBase().$('[data-hook="custom-fields-list"]');
+  const items = () => panelBase().$$('[data-hook="custom-fields-list"] > div');
+  const getItemAtBase = i => items().get(i);
+  const getItemByIdBase = id => list().$(`[data-hook="custom-field-${id}"]`);
+  return {
+    exists: () => panelBase().exists(),
+    isOpen: () => Promise.all([slidingModal().isOpen(), panel().exists()]).then(arr => arr.every(Boolean)),
+    getTitle: () => panel().getTitleText(),
+    getSubtitle: () => panel().getSubtitleText(),
+    clickCloseButton: () => panel().clickClose(),
+    closeButtonExists: () => panel().isCloseButtonExists(),
+    getItemLabelById: id => getItemByIdBase(id).text(),
+    getItemLabelByIndex: i => getItemAtBase(i).text(),
+    getItemsCount: () => items().count(),
+    getAddNewFieldButton: addItem,
+    getCustomFieldOptionsAt: i => customFieldPanel(i).getCustomFieldOptionsAt()
+  };
+}
+//# sourceMappingURL=CustomFieldPanel.uni.driver.js.map

package/dist/cjs/components/CustomFieldsPanel/CustomFieldPanel.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_SlidingModalUni","_CustomFieldPopoverUni","_CustomFieldsDisabledHintUni","CustomFieldPanelUniDriver","base","body","panelBase","$","panel","SidePanelUniDriver","slidingModal","SlidingModalUniDriver","addItem","CustomFieldsDisabledHintUniDriver","dataHook","customFieldPanel","i","CustomFieldPopoverUniDriver","getItemAtBase","list","items","$$","get","getItemByIdBase","id","exists","isOpen","Promise","all","then","arr","every","Boolean","getTitle","getTitleText","getSubtitle","getSubtitleText","clickCloseButton","clickClose","closeButtonExists","isCloseButtonExists","getItemLabelById","text","getItemLabelByIndex","getItemsCount","count","getAddNewFieldButton","getCustomFieldOptionsAt"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldPanel.uni.driver.ts"],"sourcesContent":["import { SidePanelUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { SlidingModalUniDriver } from '../SlidingModal/SlidingModal.uni.driver';\nimport { CustomFieldPopoverUniDriver } from './CustomFieldPopover.uni.driver';\nimport { CustomFieldsDisabledHintUniDriver } from '../CustomFields/CustomFieldsDisabledHint.uni.driver';\n\nexport function CustomFieldPanelUniDriver(base: UniDriver, body: UniDriver) {\n  const panelBase = () => base.$('[data-hook=\"custom-fields-panel\"]');\n  const panel = () => SidePanelUniDriver(panelBase(), body);\n\n  const slidingModal = () =>\n    SlidingModalUniDriver(base.$('[data-hook=\"cairo-side-panel-modal\"]'), body);\n\n  const addItem = () =>\n    CustomFieldsDisabledHintUniDriver(base, body, {\n      dataHook: 'data-extension-add-new',\n    });\n\n  const customFieldPanel = (i: number) =>\n    CustomFieldPopoverUniDriver(getItemAtBase(i), body);\n\n  const list = () => panelBase().$('[data-hook=\"custom-fields-list\"]');\n  const items = () => panelBase().$$('[data-hook=\"custom-fields-list\"] > div');\n  const getItemAtBase = (i: number) => items().get(i);\n\n  const getItemByIdBase = (id: string) =>\n    list().$(`[data-hook=\"custom-field-${id}\"]`);\n\n  return {\n    exists: () => panelBase().exists(),\n    isOpen: () =>\n      Promise.all([slidingModal().isOpen(), panel().exists()]).then((arr) =>\n        arr.every(Boolean),\n      ),\n    getTitle: () => panel().getTitleText(),\n    getSubtitle: () => panel().getSubtitleText(),\n    clickCloseButton: () => panel().clickClose(),\n    closeButtonExists: () => panel().isCloseButtonExists(),\n    getItemLabelById: (id: string) => getItemByIdBase(id).text(),\n    getItemLabelByIndex: (i: number) => getItemAtBase(i).text(),\n    getItemsCount: () => items().count(),\n    getAddNewFieldButton: addItem,\n    getCustomFieldOptionsAt: (i: number) =>\n      customFieldPanel(i).getCustomFieldOptionsAt(),\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AACA,IAAAG,4BAAA,GAAAH,OAAA;AAEO,SAASI,yBAAyBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAC1E,MAAMC,SAAS,GAAGA,CAAA,KAAMF,IAAI,CAACG,CAAC,CAAC,mCAAmC,CAAC;EACnE,MAAMC,KAAK,GAAGA,CAAA,KAAM,IAAAC,6BAAkB,EAACH,SAAS,CAAC,CAAC,EAAED,IAAI,CAAC;EAEzD,MAAMK,YAAY,GAAGA,CAAA,KACnB,IAAAC,sCAAqB,EAACP,IAAI,CAACG,CAAC,CAAC,sCAAsC,CAAC,EAAEF,IAAI,CAAC;EAE7E,MAAMO,OAAO,GAAGA,CAAA,KACd,IAAAC,8DAAiC,EAACT,IAAI,EAAEC,IAAI,EAAE;IAC5CS,QAAQ,EAAE;EACZ,CAAC,CAAC;EAEJ,MAAMC,gBAAgB,GAAIC,CAAS,IACjC,IAAAC,kDAA2B,EAACC,aAAa,CAACF,CAAC,CAAC,EAAEX,IAAI,CAAC;EAErD,MAAMc,IAAI,GAAGA,CAAA,KAAMb,SAAS,CAAC,CAAC,CAACC,CAAC,CAAC,kCAAkC,CAAC;EACpE,MAAMa,KAAK,GAAGA,CAAA,KAAMd,SAAS,CAAC,CAAC,CAACe,EAAE,CAAC,wCAAwC,CAAC;EAC5E,MAAMH,aAAa,GAAIF,CAAS,IAAKI,KAAK,CAAC,CAAC,CAACE,GAAG,CAACN,CAAC,CAAC;EAEnD,MAAMO,eAAe,GAAIC,EAAU,IACjCL,IAAI,CAAC,CAAC,CAACZ,CAAC,CAAE,4BAA2BiB,EAAG,IAAG,CAAC;EAE9C,OAAO;IACLC,MAAM,EAAEA,CAAA,KAAMnB,SAAS,CAAC,CAAC,CAACmB,MAAM,CAAC,CAAC;IAClCC,MAAM,EAAEA,CAAA,KACNC,OAAO,CAACC,GAAG,CAAC,CAAClB,YAAY,CAAC,CAAC,CAACgB,MAAM,CAAC,CAAC,EAAElB,KAAK,CAAC,CAAC,CAACiB,MAAM,CAAC,CAAC,CAAC,CAAC,CAACI,IAAI,CAAEC,GAAG,IAChEA,GAAG,CAACC,KAAK,CAACC,OAAO,CACnB,CAAC;IACHC,QAAQ,EAAEA,CAAA,KAAMzB,KAAK,CAAC,CAAC,CAAC0B,YAAY,CAAC,CAAC;IACtCC,WAAW,EAAEA,CAAA,KAAM3B,KAAK,CAAC,CAAC,CAAC4B,eAAe,CAAC,CAAC;IAC5CC,gBAAgB,EAAEA,CAAA,KAAM7B,KAAK,CAAC,CAAC,CAAC8B,UAAU,CAAC,CAAC;IAC5CC,iBAAiB,EAAEA,CAAA,KAAM/B,KAAK,CAAC,CAAC,CAACgC,mBAAmB,CAAC,CAAC;IACtDC,gBAAgB,EAAGjB,EAAU,IAAKD,eAAe,CAACC,EAAE,CAAC,CAACkB,IAAI,CAAC,CAAC;IAC5DC,mBAAmB,EAAG3B,CAAS,IAAKE,aAAa,CAACF,CAAC,CAAC,CAAC0B,IAAI,CAAC,CAAC;IAC3DE,aAAa,EAAEA,CAAA,KAAMxB,KAAK,CAAC,CAAC,CAACyB,KAAK,CAAC,CAAC;IACpCC,oBAAoB,EAAElC,OAAO;IAC7BmC,uBAAuB,EAAG/B,CAAS,IACjCD,gBAAgB,CAACC,CAAC,CAAC,CAAC+B,uBAAuB,CAAC;EAChD,CAAC;AACH"}

package/dist/cjs/components/CustomFieldsPanel/CustomFieldPopover.uni.driver.js

@@ -0,0 +1,27 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CustomFieldPopoverUniDriver = CustomFieldPopoverUniDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _DisabledTooltipButtonUni = require("../DisabledTooltip/DisabledTooltipButton.uni.driver");
+function CustomFieldPopoverUniDriver(base, body) {
+  const customFieldPopoverDriverBase = () => base.$('[data-hook="custom-field-options"]');
+  const customFieldPopoverDriver = () => (0, _unidriver.PopoverMenuUniDriver)(customFieldPopoverDriverBase(), body);
+  const customFieldOptionsTrigger = () => (0, _DisabledTooltipButtonUni.DisabledTooltipButtonUniDriver)(base, body, {
+    dataHook: 'custom-field-options-trigger'
+  });
+  const getCustomFieldOptionsAt = () => {
+    return {
+      open: () => customFieldPopoverDriver().getTriggerElement('custom-field-options-trigger').click(),
+      clickEdit: () => customFieldPopoverDriver().clickAtChildByDataHook('custom-field-options-edit'),
+      clickArchive: () => customFieldPopoverDriver().clickAtChildByDataHook('custom-field-options-archive')
+    };
+  };
+  return {
+    exists: () => customFieldPopoverDriverBase().exists(),
+    isDisabled: () => customFieldOptionsTrigger().isButtonDisabled(),
+    getTooltipText: () => customFieldOptionsTrigger().getTooltipText(),
+    getCustomFieldOptionsAt
+  };
+}
+//# sourceMappingURL=CustomFieldPopover.uni.driver.js.map

package/dist/cjs/components/CustomFieldsPanel/CustomFieldPopover.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_DisabledTooltipButtonUni","CustomFieldPopoverUniDriver","base","body","customFieldPopoverDriverBase","$","customFieldPopoverDriver","PopoverMenuUniDriver","customFieldOptionsTrigger","DisabledTooltipButtonUniDriver","dataHook","getCustomFieldOptionsAt","open","getTriggerElement","click","clickEdit","clickAtChildByDataHook","clickArchive","exists","isDisabled","isButtonDisabled","getTooltipText"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldPopover.uni.driver.ts"],"sourcesContent":["import { PopoverMenuUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { DisabledTooltipButtonUniDriver } from '../DisabledTooltip/DisabledTooltipButton.uni.driver';\n\nexport function CustomFieldPopoverUniDriver(base: UniDriver, body: UniDriver) {\n  const customFieldPopoverDriverBase = () =>\n    base.$('[data-hook=\"custom-field-options\"]');\n\n  const customFieldPopoverDriver = () =>\n    PopoverMenuUniDriver(customFieldPopoverDriverBase(), body);\n\n  const customFieldOptionsTrigger = () =>\n    DisabledTooltipButtonUniDriver(base, body, {\n      dataHook: 'custom-field-options-trigger',\n    });\n\n  const getCustomFieldOptionsAt = () => {\n    return {\n      open: () =>\n        customFieldPopoverDriver()\n          .getTriggerElement('custom-field-options-trigger')\n          .click(),\n      clickEdit: () =>\n        customFieldPopoverDriver().clickAtChildByDataHook(\n          'custom-field-options-edit',\n        ),\n      clickArchive: () =>\n        customFieldPopoverDriver().clickAtChildByDataHook(\n          'custom-field-options-archive',\n        ),\n    };\n  };\n\n  return {\n    exists: () => customFieldPopoverDriverBase().exists(),\n    isDisabled: () => customFieldOptionsTrigger().isButtonDisabled(),\n    getTooltipText: () => customFieldOptionsTrigger().getTooltipText(),\n    getCustomFieldOptionsAt,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,yBAAA,GAAAD,OAAA;AAEO,SAASE,2BAA2BA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAC5E,MAAMC,4BAA4B,GAAGA,CAAA,KACnCF,IAAI,CAACG,CAAC,CAAC,oCAAoC,CAAC;EAE9C,MAAMC,wBAAwB,GAAGA,CAAA,KAC/B,IAAAC,+BAAoB,EAACH,4BAA4B,CAAC,CAAC,EAAED,IAAI,CAAC;EAE5D,MAAMK,yBAAyB,GAAGA,CAAA,KAChC,IAAAC,wDAA8B,EAACP,IAAI,EAAEC,IAAI,EAAE;IACzCO,QAAQ,EAAE;EACZ,CAAC,CAAC;EAEJ,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;IACpC,OAAO;MACLC,IAAI,EAAEA,CAAA,KACJN,wBAAwB,CAAC,CAAC,CACvBO,iBAAiB,CAAC,8BAA8B,CAAC,CACjDC,KAAK,CAAC,CAAC;MACZC,SAAS,EAAEA,CAAA,KACTT,wBAAwB,CAAC,CAAC,CAACU,sBAAsB,CAC/C,2BACF,CAAC;MACHC,YAAY,EAAEA,CAAA,KACZX,wBAAwB,CAAC,CAAC,CAACU,sBAAsB,CAC/C,8BACF;IACJ,CAAC;EACH,CAAC;EAED,OAAO;IACLE,MAAM,EAAEA,CAAA,KAAMd,4BAA4B,CAAC,CAAC,CAACc,MAAM,CAAC,CAAC;IACrDC,UAAU,EAAEA,CAAA,KAAMX,yBAAyB,CAAC,CAAC,CAACY,gBAAgB,CAAC,CAAC;IAChEC,cAAc,EAAEA,CAAA,KAAMb,yBAAyB,CAAC,CAAC,CAACa,cAAc,CAAC,CAAC;IAClEV;EACF,CAAC;AACH"}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CustomFieldsList = void 0;
+var _mobxReactLite = require("mobx-react-lite");
+var _react = _interopRequireWildcard(require("react"));
+var _CustomFieldItem = require("./CustomFieldItem");
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsPanel/CustomFieldsList.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; }
+function _CustomFieldsList(props) {
+  const {
+    state
+  } = props;
+  const renderItem = (0, _react.useCallback)((field, index, array) => {
+    return /*#__PURE__*/_react.default.createElement(_CustomFieldItem.CustomFieldItem, {
+      state: state,
+      key: field.id,
+      field: field,
+      showDivider: index < array.length - 1,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 17,
+        columnNumber: 9
+      }
+    });
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    dataHook: "custom-fields-list",
+    backgroundColor: "D60",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 29,
+      columnNumber: 5
+    }
+  }, state.availableUserCustomFields.map(renderItem));
+}
+const CustomFieldsList = exports.CustomFieldsList = (0, _mobxReactLite.observer)(_CustomFieldsList);
+//# sourceMappingURL=CustomFieldsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_CustomFieldItem","_designSystem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_CustomFieldsList","props","state","renderItem","useCallback","field","index","array","createElement","CustomFieldItem","key","id","showDivider","length","__self","__source","fileName","lineNumber","columnNumber","Box","direction","dataHook","backgroundColor","availableUserCustomFields","map","CustomFieldsList","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsList.tsx"],"sourcesContent":["import { DataExtensionState, CustomField } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { useCallback } from 'react';\nimport { CustomFieldItem } from './CustomFieldItem';\nimport { Box } from '@wix/design-system';\n\nexport interface CustomFieldsListProps {\n  state: DataExtensionState;\n}\n\nfunction _CustomFieldsList(props: CustomFieldsListProps) {\n  const { state } = props;\n\n  const renderItem = useCallback(\n    (field: CustomField, index: number, array: CustomField[]) => {\n      return (\n        <CustomFieldItem\n          state={state}\n          key={field.id}\n          field={field}\n          showDivider={index < array.length - 1}\n        />\n      );\n    },\n    [],\n  );\n\n  return (\n    <Box\n      direction=\"vertical\"\n      dataHook=\"custom-fields-list\"\n      backgroundColor=\"D60\"\n    >\n      {state.availableUserCustomFields.map(renderItem)}\n    </Box>\n  );\n}\n\nexport const CustomFieldsList = observer(_CustomFieldsList);\n"],"mappings":";;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAAyC,IAAAK,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,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;AAMzC,SAASY,iBAAiBA,CAACC,KAA4B,EAAE;EACvD,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EAEvB,MAAME,UAAU,GAAG,IAAAC,kBAAW,EAC5B,CAACC,KAAkB,EAAEC,KAAa,EAAEC,KAAoB,KAAK;IAC3D,oBACEjC,MAAA,CAAAW,OAAA,CAAAuB,aAAA,CAAChC,gBAAA,CAAAiC,eAAe;MACdP,KAAK,EAAEA,KAAM;MACbQ,GAAG,EAAEL,KAAK,CAACM,EAAG;MACdN,KAAK,EAAEA,KAAM;MACbO,WAAW,EAAEN,KAAK,GAAGC,KAAK,CAACM,MAAM,GAAG,CAAE;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtC,YAAA;QAAAuC,UAAA;QAAAC,YAAA;MAAA;IAAA,CACvC,CAAC;EAEN,CAAC,EACD,EACF,CAAC;EAED,oBACE5C,MAAA,CAAAW,OAAA,CAAAuB,aAAA,CAAC/B,aAAA,CAAA0C,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBC,QAAQ,EAAC,oBAAoB;IAC7BC,eAAe,EAAC,KAAK;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtC,YAAA;MAAAuC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpBhB,KAAK,CAACqB,yBAAyB,CAACC,GAAG,CAACrB,UAAU,CAC5C,CAAC;AAEV;AAEO,MAAMsB,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAAC3B,iBAAiB,CAAC"}

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

@@ -0,0 +1,118 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomFieldsPanel = void 0;
+exports._CustomFieldsPanel = _CustomFieldsPanel;
+var _bexCore = require("@wix/bex-core");
+var _react = require("@wix/bex-core/react");
+var _useRafRender = require("../../hooks/useRafRender");
+var _react2 = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _ScrollableContent = require("../ScrollableContent");
+var _mobxReactLite = require("mobx-react-lite");
+var _CustomFieldsList = require("./CustomFieldsList");
+var _AddCustomFieldCTAButton = require("./AddCustomFieldCTAButton");
+var _bi = require("@wix/bex-core/bi");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsPanel/CustomFieldsPanel.tsx";
+function _CustomFieldsPanel({
+  state
+}) {
+  const container = (0, _react.useWixPatternsContainer)();
+  const {
+    translate: t
+  } = container;
+  const origin = 'Custom fields panel';
+  const entered = (0, _useRafRender.useRafRender)();
+  if (!entered) {
+    return null;
+  }
+  return /*#__PURE__*/_react2.default.createElement(_designSystem.SidePanel, {
+    dataHook: "custom-fields-panel",
+    width: "100%",
+    onCloseButtonClick: () => {
+      state.reportBi((0, _bexCore.withoutDefaults)(_bi.cairoFiltersPanelUsed)({
+        isOpened: false,
+        feature: 'Manage custom fields',
+        origin: 'X Button'
+      }));
+      state.closeSidePanel == null || state.closeSidePanel();
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 30,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react2.default.createElement(_designSystem.SidePanel.Header, {
+    title: t('cairo.customFields.manageFields.title'),
+    subtitle: t('cairo.customFields.manageFields.subtitle'),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 44,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react2.default.createElement(_ScrollableContent.ScrollableContent, {
+    overflowY: true,
+    dataHook: "custom-fields-panel-scroll-container",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 48,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react2.default.createElement(_CustomFieldsList.CustomFieldsList, {
+    state: state,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 52,
+      columnNumber: 9
+    }
+  })), /*#__PURE__*/_react2.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    width: "100%",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 55,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react2.default.createElement(_designSystem.Divider, {
+    direction: "horizontal",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 56,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/_react2.default.createElement(_designSystem.Box, {
+    padding: "SP4",
+    direction: "vertical",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 57,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react2.default.createElement(_AddCustomFieldCTAButton.AddCustomFieldCTAButton, {
+    state: state,
+    onClick: () => {
+      state.reportBi((0, _bexCore.withoutDefaults)(_bi.cairoDataExAddCustomField)({
+        origin
+      }));
+      state == null || state.openCustomFieldModal({
+        origin
+      });
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 58,
+      columnNumber: 11
+    }
+  }))));
+}
+const CustomFieldsPanel = exports.CustomFieldsPanel = (0, _mobxReactLite.observer)(_CustomFieldsPanel);
+//# sourceMappingURL=CustomFieldsPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_bexCore","require","_react","_useRafRender","_react2","_interopRequireDefault","_designSystem","_ScrollableContent","_mobxReactLite","_CustomFieldsList","_AddCustomFieldCTAButton","_bi","_jsxFileName","_CustomFieldsPanel","state","container","useWixPatternsContainer","translate","t","origin","entered","useRafRender","default","createElement","SidePanel","dataHook","width","onCloseButtonClick","reportBi","withoutDefaults","cairoFiltersPanelUsed","isOpened","feature","closeSidePanel","__self","__source","fileName","lineNumber","columnNumber","Header","title","subtitle","ScrollableContent","overflowY","CustomFieldsList","Box","direction","Divider","padding","AddCustomFieldCTAButton","onClick","cairoDataExAddCustomField","openCustomFieldModal","CustomFieldsPanel","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsPanel.tsx"],"sourcesContent":["import { DataExtensionState, withoutDefaults } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport React from 'react';\nimport { Box, Divider, SidePanel } from '@wix/design-system';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsList } from './CustomFieldsList';\nimport { AddCustomFieldCTAButton } from './AddCustomFieldCTAButton';\nimport {\n  cairoDataExAddCustomField,\n  cairoFiltersPanelUsed,\n} from '@wix/bex-core/bi';\n\nexport interface CustomFieldsPanelProps {\n  state: DataExtensionState;\n}\nexport function _CustomFieldsPanel({ state }: CustomFieldsPanelProps) {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const origin = 'Custom fields panel';\n\n  const entered = useRafRender();\n\n  if (!entered) {\n    return null;\n  }\n\n  return (\n    <SidePanel\n      dataHook=\"custom-fields-panel\"\n      width=\"100%\"\n      onCloseButtonClick={() => {\n        state.reportBi(\n          withoutDefaults(cairoFiltersPanelUsed)({\n            isOpened: false,\n            feature: 'Manage custom fields',\n            origin: 'X Button',\n          }),\n        );\n        state.closeSidePanel?.();\n      }}\n    >\n      <SidePanel.Header\n        title={t('cairo.customFields.manageFields.title')}\n        subtitle={t('cairo.customFields.manageFields.subtitle')}\n      />\n      <ScrollableContent\n        overflowY\n        dataHook=\"custom-fields-panel-scroll-container\"\n      >\n        <CustomFieldsList state={state} />\n      </ScrollableContent>\n\n      <Box direction=\"vertical\" width=\"100%\">\n        <Divider direction=\"horizontal\" />\n        <Box padding=\"SP4\" direction=\"vertical\">\n          <AddCustomFieldCTAButton\n            state={state}\n            onClick={() => {\n              state.reportBi(\n                withoutDefaults(cairoDataExAddCustomField)({\n                  origin,\n                }),\n              );\n              state?.openCustomFieldModal({ origin });\n            }}\n          />\n        </Box>\n      </Box>\n    </SidePanel>\n  );\n}\n\nexport const CustomFieldsPanel = observer(_CustomFieldsPanel);\n"],"mappings":"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"}

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

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomFieldsPanelEntry = CustomFieldsPanelEntry;
+var _react = _interopRequireDefault(require("react"));
+var _CustomFieldsPanel = require("./CustomFieldsPanel");
+var _CustomFieldsWidgetContext = require("../CustomFieldsWidgetContext");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsPanel/CustomFieldsPanelEntry.tsx";
+function CustomFieldsPanelEntry() {
+  const state = (0, _CustomFieldsWidgetContext.useCustomFieldsWidgetContext)();
+  return /*#__PURE__*/_react.default.createElement(_CustomFieldsPanel.CustomFieldsPanel, {
+    state: state.dataExtension,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 8,
+      columnNumber: 10
+    }
+  });
+}
+//# sourceMappingURL=CustomFieldsPanelEntry.js.map

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

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

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

@@ -0,0 +1,67 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ManageFieldsCTAButton = void 0;
+exports._ManageFieldsCTAButton = _ManageFieldsCTAButton;
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireWildcard(require("react"));
+var _bexCore = require("@wix/bex-core");
+var _mobxReactLite = require("mobx-react-lite");
+var _CustomFieldsPanelEntry = require("./CustomFieldsPanelEntry");
+var _bi = require("@wix/bex-core/bi");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _CustomFields = require("../CustomFields");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsPanel/ManageFieldsCTAButton.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; }
+function _ManageFieldsCTAButton({
+  origin,
+  state
+}) {
+  const {
+    container: {
+      translate: t
+    }
+  } = state;
+  (0, _react.useEffect)(() => {
+    state.panels.registerSidePanel('customFields', _CustomFieldsPanelEntry.CustomFieldsPanelEntry);
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_CustomFields.CustomFieldsDisabledTooltip, {
+    disabled: !state.dataExtension.hasWritePermissions,
+    content: t('cairo.customFields.writePermission.tooltip'),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 29,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
+    priority: "secondary",
+    dataHook: "manage-fields-button",
+    size: "small",
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.SettingsSmall, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 37,
+        columnNumber: 21
+      }
+    }),
+    onClick: () => {
+      const isOpened = state.panels.toggleSidePanel('customFields');
+      state.reportBi((0, _bexCore.withoutDefaults)(_bi.cairoFiltersPanelUsed)({
+        isOpened,
+        feature: 'Manage custom fields',
+        origin
+      }));
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 33,
+      columnNumber: 7
+    }
+  }, t('cairo.customFields.manageFields.CTA')));
+}
+const ManageFieldsCTAButton = exports.ManageFieldsCTAButton = (0, _mobxReactLite.observer)(_ManageFieldsCTAButton);
+//# sourceMappingURL=ManageFieldsCTAButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_mobxReactLite","_CustomFieldsPanelEntry","_bi","_wixUiIconsCommon","_CustomFields","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_ManageFieldsCTAButton","origin","state","container","translate","useEffect","panels","registerSidePanel","CustomFieldsPanelEntry","createElement","CustomFieldsDisabledTooltip","disabled","dataExtension","hasWritePermissions","content","__self","__source","fileName","lineNumber","columnNumber","Button","priority","dataHook","size","prefixIcon","SettingsSmall","onClick","isOpened","toggleSidePanel","reportBi","withoutDefaults","cairoFiltersPanelUsed","feature","ManageFieldsCTAButton","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/ManageFieldsCTAButton.tsx"],"sourcesContent":["import { Button } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CustomFieldsWidgetState } from '../../state';\nimport { CustomFieldOrigin, withoutDefaults } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsPanelEntry } from './CustomFieldsPanelEntry';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { SettingsSmall } from '@wix/wix-ui-icons-common';\nimport { CustomFieldsDisabledTooltip } from '../CustomFields';\n\nexport interface ManageFieldsCTAButtonProps {\n  origin: CustomFieldOrigin;\n  state: CustomFieldsWidgetState;\n}\n\nexport function _ManageFieldsCTAButton({\n  origin,\n  state,\n}: ManageFieldsCTAButtonProps) {\n  const {\n    container: { translate: t },\n  } = state;\n\n  useEffect(() => {\n    state.panels.registerSidePanel('customFields', CustomFieldsPanelEntry);\n  }, []);\n\n  return (\n    <CustomFieldsDisabledTooltip\n      disabled={!state.dataExtension.hasWritePermissions}\n      content={t('cairo.customFields.writePermission.tooltip')}\n    >\n      <Button\n        priority=\"secondary\"\n        dataHook=\"manage-fields-button\"\n        size=\"small\"\n        prefixIcon={<SettingsSmall />}\n        onClick={() => {\n          const isOpened = state.panels.toggleSidePanel('customFields');\n          state.reportBi(\n            withoutDefaults(cairoFiltersPanelUsed)({\n              isOpened,\n              feature: 'Manage custom fields',\n              origin,\n            }),\n          );\n        }}\n      >\n        {t('cairo.customFields.manageFields.CTA')}\n      </Button>\n    </CustomFieldsDisabledTooltip>\n  );\n}\n\nexport const ManageFieldsCTAButton = observer(_ManageFieldsCTAButton);\n"],"mappings":"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"}