@wix/patterns 1.427.0 → 1.430.0

package/dist/cjs/components/ExportButton/ExportButton.js

@@ -5,7 +5,7 @@ exports.ExportButton = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _bexCore = require("@wix/bex-core");
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _mobxReactLite = require("mobx-react-lite");
 var _ExportButtonModalLayout = require("./ExportButtonModalLayout");
 var _react2 = require("@wix/bex-core/react");
@@ -114,7 +114,7 @@ function _ExportButton(props) {
     state: responsive.actions,
     dataHook: "export-button",
     onClick: state.open,
-    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.UploadExport, {
+    icon: /*#__PURE__*/_react.default.createElement(_lazy.UploadExport, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
@@ -133,7 +133,7 @@ function _ExportButton(props) {
     priority: "secondary",
     size: "small",
     ellipsis: true,
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.UploadExport, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.UploadExport, {
       __self: this,
       __source: {
         fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_wixUiIconsCommon","_mobxReactLite","_ExportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ExportButton","props","toolbarType","renderError","transformPlatformizedQuery","differentQueryEndpointThanCollection","customTotal","methodMetadata","arrayFieldDelimiter","methodSpec","fields","saveAs","exportModalFooter","exportModalTitle","onProgressModalTitle","exportToCSVMessage","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","exportState","ModalState","isMobile","useIsMobile","useEffect","featuredComponents","exportModal","createElement","Observer","__self","__source","fileName","lineNumber","columnNumber","child","ExportButtonModalLayout","exportModalState","Drawer","dataHook","open","isOpen","onClose","requestClose","Modal","onRequestClose","ResponsiveButton","actions","onClick","icon","UploadExport","Button","skin","priority","size","ellipsis","prefixIcon","ExportButton","exports","observer"],"sources":["../../../../src/components/ExportButton/ExportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Button, Drawer, Modal } from '@wix/design-system';\nimport { UploadExport } from '@wix/wix-ui-icons-common';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ExportButtonModalLayout } from './ExportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ExportButtonProps } from './ExportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nfunction _ExportButton<T, F extends FiltersMap>(\n  props: ExportButtonProps<T, F>,\n) {\n  const {\n    toolbarType = 'default',\n    renderError,\n    transformPlatformizedQuery,\n    differentQueryEndpointThanCollection,\n    customTotal,\n    methodMetadata,\n    arrayFieldDelimiter,\n    methodSpec,\n    fields,\n    saveAs,\n    exportModalFooter,\n    exportModalTitle,\n    onProgressModalTitle,\n    exportToCSVMessage,\n  } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const [state] = useState(() => (table.exportState ??= new ModalState()));\n\n  const isMobile = useIsMobile();\n\n  useEffect(() => {\n    table.featuredComponents.exportModal.set(\n      <Observer>\n        {() => {\n          const child = (\n            <ExportButtonModalLayout\n              exportModalState={state}\n              renderError={renderError}\n              transformPlatformizedQuery={transformPlatformizedQuery}\n              customTotal={customTotal}\n              arrayFieldDelimiter={arrayFieldDelimiter}\n              differentQueryEndpointThanCollection={\n                differentQueryEndpointThanCollection\n              }\n              methodMetadata={methodMetadata}\n              methodSpec={methodSpec}\n              fields={fields}\n              saveAs={saveAs}\n              exportModalFooter={exportModalFooter}\n              exportModalTitle={exportModalTitle}\n              onProgressModalTitle={onProgressModalTitle}\n              exportToCSVMessage={exportToCSVMessage}\n            />\n          );\n\n          if (isMobile) {\n            return (\n              <Drawer\n                dataHook=\"export-modal\"\n                open={state.isOpen}\n                onClose={state.requestClose}\n              >\n                {child}\n              </Drawer>\n            );\n          }\n\n          return (\n            <Modal\n              onRequestClose={state.requestClose}\n              isOpen={state.isOpen}\n              dataHook=\"export-modal\"\n            >\n              {child}\n            </Modal>\n          );\n        }}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.exportModal.set(null);\n    };\n  }, []);\n\n  return (\n    <div data-hook=\"export-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"export-button\"\n          onClick={state.open}\n          icon={<UploadExport />}\n        >\n          {t('cairo.export.export')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={<UploadExport />}\n          dataHook=\"export-button\"\n          onClick={state.open}\n        >\n          {t('cairo.export.export')}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport const ExportButton = observer(_ExportButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_lazy","_mobxReactLite","_ExportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ExportButton","props","toolbarType","renderError","transformPlatformizedQuery","differentQueryEndpointThanCollection","customTotal","methodMetadata","arrayFieldDelimiter","methodSpec","fields","saveAs","exportModalFooter","exportModalTitle","onProgressModalTitle","exportToCSVMessage","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","exportState","ModalState","isMobile","useIsMobile","useEffect","featuredComponents","exportModal","createElement","Observer","__self","__source","fileName","lineNumber","columnNumber","child","ExportButtonModalLayout","exportModalState","Drawer","dataHook","open","isOpen","onClose","requestClose","Modal","onRequestClose","ResponsiveButton","actions","onClick","icon","UploadExport","Button","skin","priority","size","ellipsis","prefixIcon","ExportButton","exports","observer"],"sources":["../../../../src/components/ExportButton/ExportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Button, Drawer, Modal } from '@wix/design-system';\nimport { UploadExport } from '@wix/wix-ui-icons-common/lazy';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ExportButtonModalLayout } from './ExportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ExportButtonProps } from './ExportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nfunction _ExportButton<T, F extends FiltersMap>(\n  props: ExportButtonProps<T, F>,\n) {\n  const {\n    toolbarType = 'default',\n    renderError,\n    transformPlatformizedQuery,\n    differentQueryEndpointThanCollection,\n    customTotal,\n    methodMetadata,\n    arrayFieldDelimiter,\n    methodSpec,\n    fields,\n    saveAs,\n    exportModalFooter,\n    exportModalTitle,\n    onProgressModalTitle,\n    exportToCSVMessage,\n  } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const [state] = useState(() => (table.exportState ??= new ModalState()));\n\n  const isMobile = useIsMobile();\n\n  useEffect(() => {\n    table.featuredComponents.exportModal.set(\n      <Observer>\n        {() => {\n          const child = (\n            <ExportButtonModalLayout\n              exportModalState={state}\n              renderError={renderError}\n              transformPlatformizedQuery={transformPlatformizedQuery}\n              customTotal={customTotal}\n              arrayFieldDelimiter={arrayFieldDelimiter}\n              differentQueryEndpointThanCollection={\n                differentQueryEndpointThanCollection\n              }\n              methodMetadata={methodMetadata}\n              methodSpec={methodSpec}\n              fields={fields}\n              saveAs={saveAs}\n              exportModalFooter={exportModalFooter}\n              exportModalTitle={exportModalTitle}\n              onProgressModalTitle={onProgressModalTitle}\n              exportToCSVMessage={exportToCSVMessage}\n            />\n          );\n\n          if (isMobile) {\n            return (\n              <Drawer\n                dataHook=\"export-modal\"\n                open={state.isOpen}\n                onClose={state.requestClose}\n              >\n                {child}\n              </Drawer>\n            );\n          }\n\n          return (\n            <Modal\n              onRequestClose={state.requestClose}\n              isOpen={state.isOpen}\n              dataHook=\"export-modal\"\n            >\n              {child}\n            </Modal>\n          );\n        }}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.exportModal.set(null);\n    };\n  }, []);\n\n  return (\n    <div data-hook=\"export-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"export-button\"\n          onClick={state.open}\n          icon={<UploadExport />}\n        >\n          {t('cairo.export.export')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={<UploadExport />}\n          dataHook=\"export-button\"\n          onClick={state.open}\n        >\n          {t('cairo.export.export')}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport const ExportButton = observer(_ExportButton);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Fade/Fade.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Fade1188555684";
+var _namespace_ = "Fade12935198";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "Fade1188555684__root"
+  "root": "Fade12935198__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Fade/Fade.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade1188555684\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Fade1188555684__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsB,CAAC;AAC7C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade12935198\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Fade12935198__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,cAAc;AAChC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAoB,CAAC;AAC3C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/Heading/Heading.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Heading3050382977";
+var _namespace_ = "Heading3915340741";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "Heading3050382977__root"
+  "root": "Heading3915340741__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Heading/Heading.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading3050382977\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Heading3050382977__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading3915340741\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Heading3915340741__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/ImportButton/CmsImportFieldEditor.js

@@ -11,11 +11,11 @@ var _importFieldEditor = require("./importFieldEditor");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/CmsImportFieldEditor.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
- * The CMS create/edit-field modal for the import flow, returned by
- * `useSchemaImport` as `renderFieldEditor`. Self-contained: it opens and
- * pre-fills from `state.editingMapping` when a column starts editing, writes the
- * result back via `state.applyFieldEdit`, and clears `state.editingHeader` on
- * close so re-editing the same column re-opens it.
+ * The CMS create/edit-field modal for the import flow. `ImportButton` picks and
+ * lazy-loads it for a CMS (Wix Data) import (from the config's `dataSource`).
+ * Self-contained: it opens and pre-fills from `state.editingMapping` when a
+ * column starts editing, writes the result back via `state.applyFieldEdit`, and
+ * clears `state.editingHeader` on close so re-editing the same column re-opens it.
  */
 const _CmsImportFieldEditor = ({
   state

package/dist/cjs/components/ImportButton/CmsImportFieldEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_mobx","_FieldEditorModal","_FieldEditorModalState","_importFieldEditor","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CmsImportFieldEditor","state","translate","editorState","useState","FieldEditorModalState","onSubmit","applyFieldEdit","useEffect","disposeOpen","reaction","editingMapping","mapping","header","editingHeader","modal","isOpen","open","buildFieldDraft","fireImmediately","disposeClose","endFieldEdit","createElement","FieldEditorModal","title","primaryButtonText","secondaryButtonText","zIndex","__self","__source","fileName","lineNumber","columnNumber","CmsImportFieldEditor","exports","observer"],"sources":["../../../../src/components/ImportButton/CmsImportFieldEditor.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { reaction } from 'mobx';\nimport type { ImportState } from '@wix/bex-core';\nimport { FieldEditorModal } from '../CmsFieldManagement/FieldEditorModal';\nimport { FieldEditorModalState } from '../CmsFieldManagement/FieldEditorModalState';\nimport { buildFieldDraft } from './importFieldEditor';\n\n/**\n * The CMS create/edit-field modal for the import flow, returned by\n * `useSchemaImport` as `renderFieldEditor`. Self-contained: it opens and\n * pre-fills from `state.editingMapping` when a column starts editing, writes the\n * result back via `state.applyFieldEdit`, and clears `state.editingHeader` on\n * close so re-editing the same column re-opens it.\n */\nconst _CmsImportFieldEditor = ({ state }: { state: ImportState }) => {\n  const t = state.translate;\n  const [editorState] = useState(\n    () => new FieldEditorModalState({ onSubmit: state.applyFieldEdit }),\n  );\n\n  useEffect(() => {\n    const disposeOpen = reaction(\n      () => state.editingMapping,\n      (mapping) => {\n        const header = state.editingHeader;\n        if (mapping && header && !editorState.modal.isOpen) {\n          editorState.open(buildFieldDraft(header, mapping));\n        }\n      },\n      { fireImmediately: true },\n    );\n    const disposeClose = reaction(\n      () => editorState.modal.isOpen,\n      (isOpen) => {\n        if (!isOpen && state.editingHeader != null) {\n          state.endFieldEdit();\n        }\n      },\n    );\n    return () => {\n      disposeOpen();\n      disposeClose();\n    };\n  }, []);\n\n  return (\n    <FieldEditorModal\n      state={editorState}\n      title={t('cairo.import.editField')}\n      primaryButtonText={t('cairo.import.save')}\n      secondaryButtonText={t('cairo.import.cancel')}\n      // The mapping dropdown's popover renders at z-index 5001. Opening the editor\n      // from the \"+ Create New Field\" footer doesn't synchronously close that\n      // popover, so the editor must stack above it — below the field-type dropdown\n      // inside the editor (10000) and toasts (5500).\n      zIndex={5100}\n    />\n  );\n};\n\nexport const CmsImportFieldEditor = observer(_CmsImportFieldEditor);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_mobx","_FieldEditorModal","_FieldEditorModalState","_importFieldEditor","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CmsImportFieldEditor","state","translate","editorState","useState","FieldEditorModalState","onSubmit","applyFieldEdit","useEffect","disposeOpen","reaction","editingMapping","mapping","header","editingHeader","modal","isOpen","open","buildFieldDraft","fireImmediately","disposeClose","endFieldEdit","createElement","FieldEditorModal","title","primaryButtonText","secondaryButtonText","zIndex","__self","__source","fileName","lineNumber","columnNumber","CmsImportFieldEditor","exports","observer"],"sources":["../../../../src/components/ImportButton/CmsImportFieldEditor.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { reaction } from 'mobx';\nimport type { ImportState } from '@wix/bex-core';\nimport { FieldEditorModal } from '../CmsFieldManagement/FieldEditorModal';\nimport { FieldEditorModalState } from '../CmsFieldManagement/FieldEditorModalState';\nimport { buildFieldDraft } from './importFieldEditor';\n\n/**\n * The CMS create/edit-field modal for the import flow. `ImportButton` picks and\n * lazy-loads it for a CMS (Wix Data) import (from the config's `dataSource`).\n * Self-contained: it opens and pre-fills from `state.editingMapping` when a\n * column starts editing, writes the result back via `state.applyFieldEdit`, and\n * clears `state.editingHeader` on close so re-editing the same column re-opens it.\n */\nconst _CmsImportFieldEditor = ({ state }: { state: ImportState }) => {\n  const t = state.translate;\n  const [editorState] = useState(\n    () => new FieldEditorModalState({ onSubmit: state.applyFieldEdit }),\n  );\n\n  useEffect(() => {\n    const disposeOpen = reaction(\n      () => state.editingMapping,\n      (mapping) => {\n        const header = state.editingHeader;\n        if (mapping && header && !editorState.modal.isOpen) {\n          editorState.open(buildFieldDraft(header, mapping));\n        }\n      },\n      { fireImmediately: true },\n    );\n    const disposeClose = reaction(\n      () => editorState.modal.isOpen,\n      (isOpen) => {\n        if (!isOpen && state.editingHeader != null) {\n          state.endFieldEdit();\n        }\n      },\n    );\n    return () => {\n      disposeOpen();\n      disposeClose();\n    };\n  }, []);\n\n  return (\n    <FieldEditorModal\n      state={editorState}\n      title={t('cairo.import.editField')}\n      primaryButtonText={t('cairo.import.save')}\n      secondaryButtonText={t('cairo.import.cancel')}\n      // The mapping dropdown's popover renders at z-index 5001. Opening the editor\n      // from the \"+ Create New Field\" footer doesn't synchronously close that\n      // popover, so the editor must stack above it — below the field-type dropdown\n      // inside the editor (10000) and toasts (5500).\n      zIndex={5100}\n    />\n  );\n};\n\nexport const CmsImportFieldEditor = observer(_CmsImportFieldEditor);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ImportButton/ImportButton.js

@@ -5,7 +5,7 @@ exports.ImportButton = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _bexCore = require("@wix/bex-core");
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _mobxReactLite = require("mobx-react-lite");
 var _ImportButtonModalLayout = require("./ImportButtonModalLayout");
 var _react2 = require("@wix/bex-core/react");
@@ -92,7 +92,7 @@ function _ImportButton(props) {
     state: responsive.actions,
     dataHook: "import-button",
     onClick: state.open,
-    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DownloadImport, {
+    icon: /*#__PURE__*/_react.default.createElement(_lazy.DownloadImport, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
@@ -111,7 +111,7 @@ function _ImportButton(props) {
     priority: "secondary",
     size: "small",
     ellipsis: true,
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DownloadImport, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.DownloadImport, {
       __self: this,
       __source: {
         fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_wixUiIconsCommon","_mobxReactLite","_ImportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButton","props","toolbarType","config","renderFieldEditor","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","importState","ModalState","isMobile","useIsMobile","useEffect","featuredComponents","importModal","createElement","Observer","__self","__source","fileName","lineNumber","columnNumber","child","ImportButtonModalLayout","importModalState","Drawer","dataHook","open","isOpen","onClose","requestClose","Modal","onRequestClose","ResponsiveButton","actions","onClick","icon","DownloadImport","Button","skin","priority","size","ellipsis","prefixIcon","ImportButton","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Button, Drawer, Modal } from '@wix/design-system';\nimport { DownloadImport } from '@wix/wix-ui-icons-common';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ImportButtonModalLayout } from './ImportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ImportButtonProps } from './ImportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nfunction _ImportButton<T, F extends FiltersMap>(props: ImportButtonProps) {\n  const { toolbarType = 'default', config, renderFieldEditor } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n  const [state] = useState(() => (table.importState ??= new ModalState()));\n  const isMobile = useIsMobile();\n\n  useEffect(() => {\n    table.featuredComponents.importModal.set(\n      <Observer>\n        {() => {\n          const child = (\n            <ImportButtonModalLayout\n              importModalState={state}\n              config={config}\n              renderFieldEditor={renderFieldEditor}\n            />\n          );\n\n          if (isMobile) {\n            return (\n              <Drawer\n                dataHook=\"import-modal\"\n                open={state.isOpen}\n                onClose={state.requestClose}\n              >\n                {child}\n              </Drawer>\n            );\n          }\n\n          return (\n            <Modal\n              onRequestClose={state.requestClose}\n              isOpen={state.isOpen}\n              dataHook=\"import-modal\"\n            >\n              {child}\n            </Modal>\n          );\n        }}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.importModal.set(null);\n    };\n  }, []);\n\n  return (\n    <div data-hook=\"import-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"import-button\"\n          onClick={state.open}\n          icon={<DownloadImport />}\n        >\n          {t('cairo.import.import')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={<DownloadImport />}\n          dataHook=\"import-button\"\n          onClick={state.open}\n        >\n          {t('cairo.import.import')}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport const ImportButton = observer(_ImportButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_lazy","_mobxReactLite","_ImportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButton","props","toolbarType","config","renderFieldEditor","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","importState","ModalState","isMobile","useIsMobile","useEffect","featuredComponents","importModal","createElement","Observer","__self","__source","fileName","lineNumber","columnNumber","child","ImportButtonModalLayout","importModalState","Drawer","dataHook","open","isOpen","onClose","requestClose","Modal","onRequestClose","ResponsiveButton","actions","onClick","icon","DownloadImport","Button","skin","priority","size","ellipsis","prefixIcon","ImportButton","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Button, Drawer, Modal } from '@wix/design-system';\nimport { DownloadImport } from '@wix/wix-ui-icons-common/lazy';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ImportButtonModalLayout } from './ImportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ImportButtonProps } from './ImportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nfunction _ImportButton<T, F extends FiltersMap>(props: ImportButtonProps) {\n  const { toolbarType = 'default', config, renderFieldEditor } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n  const [state] = useState(() => (table.importState ??= new ModalState()));\n  const isMobile = useIsMobile();\n\n  useEffect(() => {\n    table.featuredComponents.importModal.set(\n      <Observer>\n        {() => {\n          const child = (\n            <ImportButtonModalLayout\n              importModalState={state}\n              config={config}\n              renderFieldEditor={renderFieldEditor}\n            />\n          );\n\n          if (isMobile) {\n            return (\n              <Drawer\n                dataHook=\"import-modal\"\n                open={state.isOpen}\n                onClose={state.requestClose}\n              >\n                {child}\n              </Drawer>\n            );\n          }\n\n          return (\n            <Modal\n              onRequestClose={state.requestClose}\n              isOpen={state.isOpen}\n              dataHook=\"import-modal\"\n            >\n              {child}\n            </Modal>\n          );\n        }}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.importModal.set(null);\n    };\n  }, []);\n\n  return (\n    <div data-hook=\"import-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"import-button\"\n          onClick={state.open}\n          icon={<DownloadImport />}\n        >\n          {t('cairo.import.import')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={<DownloadImport />}\n          dataHook=\"import-button\"\n          onClick={state.open}\n        >\n          {t('cairo.import.import')}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport const ImportButton = observer(_ImportButton);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,wBAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,yBAAA,GAAAP,OAAA;AAEA,IAAAQ,iBAAA,GAAAR,OAAA;AACA,IAAAS,YAAA,GAAAT,OAAA;AAAsD,IAAAU,YAAA;AAAA,SAAAX,wBAAAY,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAd,uBAAA,YAAAA,CAAAY,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEtD,SAASkB,aAAaA,CAA0BC,KAAwB,EAAE;EACxE,MAAM;IAAEC,WAAW,GAAG,SAAS;IAAEC,MAAM;IAAEC;EAAkB,CAAC,GAAGH,KAAK;EAEpE,MAAMI,KAAK,GAAG,IAAAC,qDAA2B,EAAO,CAAC;EACjD,MAAM;IACJC,OAAO,EAAE;MAAEC;IAAW;EACxB,CAAC,GAAGH,KAAK;EAET,MAAM;IAAEI,SAAS,EAAE3B;EAAE,CAAC,GAAG,IAAA4B,+BAAuB,EAAC,CAAC;EAClD,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAOP,KAAK,CAACQ,WAAW,KAAjBR,KAAK,CAACQ,WAAW,GAAK,IAAIC,mBAAU,CAAC,CAAC,CAAC,CAAC;EACxE,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAE9B,IAAAC,gBAAS,EAAC,MAAM;IACdZ,KAAK,CAACa,kBAAkB,CAACC,WAAW,CAACzB,GAAG,cACtC1B,MAAA,CAAAuB,OAAA,CAAA6B,aAAA,CAAC9C,cAAA,CAAA+C,QAAQ;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA5C,YAAA;QAAA6C,UAAA;QAAAC,YAAA;MAAA;IAAA,GACN,MAAM;MACL,MAAMC,KAAK,gBACT3D,MAAA,CAAAuB,OAAA,CAAA6B,aAAA,CAAC7C,wBAAA,CAAAqD,uBAAuB;QACtBC,gBAAgB,EAAElB,KAAM;QACxBR,MAAM,EAAEA,MAAO;QACfC,iBAAiB,EAAEA,iBAAkB;QAAAkB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA5C,YAAA;UAAA6C,UAAA;UAAAC,YAAA;QAAA;MAAA,CACtC,CACF;MAED,IAAIX,QAAQ,EAAE;QACZ,oBACE/C,MAAA,CAAAuB,OAAA,CAAA6B,aAAA,CAAChD,aAAA,CAAA0D,MAAM;UACLC,QAAQ,EAAC,cAAc;UACvBC,IAAI,EAAErB,KAAK,CAACsB,MAAO;UACnBC,OAAO,EAAEvB,KAAK,CAACwB,YAAa;UAAAb,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAA5C,YAAA;YAAA6C,UAAA;YAAAC,YAAA;UAAA;QAAA,GAE3BC,KACK,CAAC;MAEb;MAEA,oBACE3D,MAAA,CAAAuB,OAAA,CAAA6B,aAAA,CAAChD,aAAA,CAAAgE,KAAK;QACJC,cAAc,EAAE1B,KAAK,CAACwB,YAAa;QACnCF,MAAM,EAAEtB,KAAK,CAACsB,MAAO;QACrBF,QAAQ,EAAC,cAAc;QAAAT,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA5C,YAAA;UAAA6C,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEtBC,KACI,CAAC;IAEZ,CACQ,CACZ,CAAC;IAED,OAAO,MAAM;MACXtB,KAAK,CAACa,kBAAkB,CAACC,WAAW,CAACzB,GAAG,CAAC,IAAI,CAAC;IAChD,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE1B,MAAA,CAAAuB,OAAA,CAAA6B,aAAA;IAAK,aAAU,kBAAkB;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5C,YAAA;MAAA6C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC9BxB,WAAW,KAAK,SAAS,gBACxBlC,MAAA,CAAAuB,OAAA,CAAA6B,aAAA,CAAC1C,iBAAA,CAAA4D,gBAAgB;IACf3B,KAAK,EAAEH,UAAU,CAAC+B,OAAQ;IAC1BR,QAAQ,EAAC,eAAe;IACxBS,OAAO,EAAE7B,KAAK,CAACqB,IAAK;IACpBS,IAAI,eAAEzE,MAAA,CAAAuB,OAAA,CAAA6B,aAAA,CAAC/C,KAAA,CAAAqE,cAAc;MAAApB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA5C,YAAA;QAAA6C,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5C,YAAA;MAAA6C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAExB5C,CAAC,CAAC,qBAAqB,CACR,CAAC,gBAEnBd,MAAA,CAAAuB,OAAA,CAAA6B,aAAA,CAAChD,aAAA,CAAAuE,MAAM;IACLC,IAAI,EAAC,UAAU;IACfC,QAAQ,EAAC,WAAW;IACpBC,IAAI,EAAC,OAAO;IACZC,QAAQ;IACRC,UAAU,eAAEhF,MAAA,CAAAuB,OAAA,CAAA6B,aAAA,CAAC/C,KAAA,CAAAqE,cAAc;MAAApB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA5C,YAAA;QAAA6C,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAC/BK,QAAQ,EAAC,eAAe;IACxBS,OAAO,EAAE7B,KAAK,CAACqB,IAAK;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5C,YAAA;MAAA6C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEnB5C,CAAC,CAAC,qBAAqB,CAClB,CAEP,CAAC;AAEV;AAEO,MAAMmE,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,uBAAQ,EAACnD,aAAa,CAAC","ignoreList":[]}

package/dist/cjs/components/ImportButton/ImportButtonModalLayout.js

@@ -17,9 +17,11 @@ var _ImportStepper = require("./ImportStepper");
 var _ActionModal = require("../ActionModal");
 var _CollectionModal = require("../CollectionModal");
 var _providers = require("../../providers");
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/ImportButtonModalLayout.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _ImportButtonModalLayout(props) {
+  var _toolbar$collectionFi;
   const {
     config,
     importModalState,
@@ -27,16 +29,31 @@ function _ImportButtonModalLayout(props) {
     ...rest
   } = props;
   const isMobile = (0, _useIsMobile.useIsMobile)();
+  // The config is read live off the table's source, which is in context here (the
+  // consumer builds `config` above the collection provider, so it can't be). Pass
+  // the toolbar's fields source to ImportState, which builds the effective config.
+  const toolbar = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
   const createImport = (0, _bexCore.useCreateImport)({
-    config,
+    importInputs: config,
+    fieldsSource: (_toolbar$collectionFi = toolbar.collectionFieldsSource) == null ? void 0 : _toolbar$collectionFi.fieldsSource,
     // Media-aware detection (image/video/document/audio) lives in
-    // patterns-fields; core defaults to primitive detection without it. A
-    // schema-backed config carries its own `mergeFields` (via useSchemaImport),
-    // so created columns refresh with no wiring here (CAIRO-4400).
+    // patterns-fields; core defaults to primitive detection without it.
+    // ImportState wires the schema-backed `mergeFields` from the source, so
+    // created columns refresh with no wiring here (CAIRO-4400).
     detectColumnType: _patternsFields.detectFieldType,
     importModalState
   });
   const [state] = (0, _react.useState)(() => createImport());
+
+  // The create/edit-field editor follows the destination and is loaded on demand,
+  // so neither the CMS nor the DataExtension editor is bundled until an import
+  // that can create fields actually opens. A `renderFieldEditor` prop overrides.
+  const isPlatformized = Boolean(config == null ? void 0 : config.destination);
+  const FieldEditor = (0, _react.useMemo)(() => /*#__PURE__*/(0, _react.lazy)(() => isPlatformized ? Promise.resolve().then(() => _interopRequireWildcard(require('../DataExtension/DataExtensionImportFieldEditor'))).then(m => ({
+    default: m.DataExtensionImportFieldEditor
+  })) : Promise.resolve().then(() => _interopRequireWildcard(require('./CmsImportFieldEditor'))).then(m => ({
+    default: m.CmsImportFieldEditor
+  }))), [isPlatformized]);
   const {
     onRequestClose,
     children,
@@ -54,7 +71,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 76,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_ImportStepper.ImportStepper, {
@@ -63,7 +80,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 53,
+      lineNumber: 77,
       columnNumber: 9
     }
   }), children) : children;
@@ -76,7 +93,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 92,
       columnNumber: 5
     }
   }, wrappedChildren) : wrappedChildren;
@@ -104,7 +121,7 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 98,
+        lineNumber: 122,
         columnNumber: 9
       }
     })), /*#__PURE__*/_react.default.createElement(_CollectionModal.ModalWrapper, {
@@ -113,7 +130,7 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 105,
+        lineNumber: 129,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.ModalMobileLayout, {
@@ -123,7 +140,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 112,
+          lineNumber: 136,
           columnNumber: 15
         }
       }, t('cairo.import.discardChanges.title')),
@@ -131,7 +148,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 117,
+          lineNumber: 141,
           columnNumber: 15
         }
       }, t('cairo.import.discardChanges.description')),
@@ -143,7 +160,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 122,
+          lineNumber: 146,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -154,7 +171,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 123,
+          lineNumber: 147,
           columnNumber: 17
         }
       }, t('cairo.import.discardChanges.confirm')), /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -165,14 +182,14 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 131,
+          lineNumber: 155,
           columnNumber: 17
         }
       }, t('cairo.import.discardChanges.cancel'))),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 109,
+        lineNumber: 133,
         columnNumber: 11
       }
     })));
@@ -187,7 +204,7 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 148,
+        lineNumber: 172,
         columnNumber: 9
       }
     })), /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, {
@@ -201,14 +218,30 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 157,
+        lineNumber: 181,
         columnNumber: 9
       }
     }));
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, child, state.canCreateNewField ? renderFieldEditor == null ? void 0 : renderFieldEditor({
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, child, state.canCreateNewField ? renderFieldEditor ? renderFieldEditor({
     state
-  }) : null);
+  }) : /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: null,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 201,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(FieldEditor, {
+    state: state,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 202,
+      columnNumber: 13
+    }
+  })) : null);
 }
 const ImportButtonModalLayout = exports.ImportButtonModalLayout = (0, _mobxReactLite.observer)(_ImportButtonModalLayout);
 //# sourceMappingURL=ImportButtonModalLayout.js.map

package/dist/cjs/components/ImportButton/ImportButtonModalLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_getImportModalStepProps","_react","_interopRequireWildcard","_mobxReactLite","_bexCore","_patternsFields","_util","_useIsMobile","_CustomDrawerLayout","_ImportStepper","_ActionModal","_CollectionModal","_providers","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButtonModalLayout","props","config","importModalState","renderFieldEditor","rest","isMobile","useIsMobile","createImport","useCreateImport","detectColumnType","detectFieldType","state","useState","onRequestClose","children","removeContentPadding","customModalLayoutProps","getImportModalStepProps","wrappedChildren","currentStep","createElement","Box","direction","gap","width","height","__self","__source","fileName","lineNumber","columnNumber","ImportStepper","content","canCreateNewField","PatternsFieldsProvider","useEffect","addEventListener","events","undefined","init","translate","modal","discardModal","discardChangesModal","child","Fragment","CustomDrawerLayout","_extends2","dataHook","ModalWrapper","onAfterClose","afterClose","ModalMobileLayout","title","Heading","size","Text","onCloseButtonClick","close","stickyFooter","footer","Button","fullWidth","skin","onClick","confirm","priority","decline","CustomModalLayout","maxHeight","MessageActionModal","primaryButtonText","secondaryButtonText","theme","ImportButtonModalLayout","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButtonModalLayout.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  CustomModalLayout,\n  Heading,\n  ModalMobileLayout,\n  Text,\n} from '@wix/design-system';\nimport { getImportModalStepProps } from './getImportModalStepProps';\nimport React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useCreateImport } from '@wix/bex-core';\nimport { detectFieldType } from '@wix/patterns-fields';\nimport { ImportButtonModalLayoutProps } from './ImportProps';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CustomDrawerLayout } from '../CustomDrawerLayout';\nimport { ImportStepper } from './ImportStepper';\nimport { MessageActionModal } from '../ActionModal';\nimport { ModalWrapper } from '../CollectionModal';\nimport { PatternsFieldsProvider } from '../../providers';\n\nfunction _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {\n  const { config, importModalState, renderFieldEditor, ...rest } = props;\n\n  const isMobile = useIsMobile();\n\n  const createImport = useCreateImport({\n    config,\n    // Media-aware detection (image/video/document/audio) lives in\n    // patterns-fields; core defaults to primitive detection without it. A\n    // schema-backed config carries its own `mergeFields` (via useSchemaImport),\n    // so created columns refresh with no wiring here (CAIRO-4400).\n    detectColumnType: detectFieldType,\n    importModalState,\n  });\n\n  const [state] = useState(() => createImport());\n\n  const {\n    onRequestClose,\n    children,\n    removeContentPadding,\n    ...customModalLayoutProps\n  } = getImportModalStepProps({\n    state,\n    isMobile,\n  });\n\n  const wrappedChildren =\n    state.currentStep !== 'progress' && state.currentStep !== 'summary' ? (\n      <Box direction=\"vertical\" gap=\"SP3\" width=\"100%\" height=\"100%\">\n        <ImportStepper\n          state={state}\n          removeContentPadding={!removeContentPadding}\n        />\n        {children}\n      </Box>\n    ) : (\n      children\n    );\n\n  // The configuration step's \"new field\" helper reads field-type names from the\n  // patterns-fields translations, which require this provider. Only mounted when\n  // field creation is enabled (the only case a \"new\" mapping can exist), so the\n  // fields container isn't initialized for plain imports.\n  const content = state.canCreateNewField ? (\n    <PatternsFieldsProvider>{wrappedChildren}</PatternsFieldsProvider>\n  ) : (\n    wrappedChildren\n  );\n\n  useEffect(() => {\n    if (onRequestClose) {\n      return addEventListener(\n        importModalState.events,\n        'requestClose',\n        onRequestClose,\n      );\n    }\n\n    return undefined;\n  }, [onRequestClose]);\n\n  useEffect(() => state.init(), []);\n\n  const t = state.translate;\n\n  const { modal: discardModal } = state.discardChangesModal;\n\n  // The main layout + its discard-changes modal differ per device; everything\n  // common (the field editor) is stacked alongside `child` in the single return.\n  let child: React.ReactNode;\n\n  if (isMobile) {\n    child = (\n      <>\n        <CustomDrawerLayout\n          dataHook=\"import-modal-layout\"\n          removeContentPadding={removeContentPadding}\n          {...rest}\n          {...customModalLayoutProps}\n          children={content}\n        />\n        <ModalWrapper\n          state={discardModal}\n          onAfterClose={() => state.discardChangesModal.afterClose()}\n        >\n          <ModalMobileLayout\n            dataHook=\"import-discard-changes-modal\"\n            title={\n              <Heading size=\"small\">\n                {t('cairo.import.discardChanges.title')}\n              </Heading>\n            }\n            content={\n              <Text>{t('cairo.import.discardChanges.description')}</Text>\n            }\n            onCloseButtonClick={() => discardModal.close()}\n            stickyFooter\n            footer={\n              <Box direction=\"vertical\" gap=\"SP3\">\n                <Button\n                  dataHook=\"import-discard-confirm\"\n                  fullWidth\n                  skin=\"destructive\"\n                  onClick={() => discardModal.confirm()}\n                >\n                  {t('cairo.import.discardChanges.confirm')}\n                </Button>\n                <Button\n                  dataHook=\"import-discard-cancel\"\n                  fullWidth\n                  priority=\"secondary\"\n                  onClick={() => discardModal.decline()}\n                >\n                  {t('cairo.import.discardChanges.cancel')}\n                </Button>\n              </Box>\n            }\n          />\n        </ModalWrapper>\n      </>\n    );\n  } else {\n    child = (\n      <>\n        <CustomModalLayout\n          width=\"600px\"\n          maxHeight=\"80vh\"\n          dataHook=\"import-modal-layout\"\n          removeContentPadding={removeContentPadding}\n          {...rest}\n          {...customModalLayoutProps}\n          children={content}\n        />\n        <MessageActionModal\n          dataHook=\"import-discard-changes-modal\"\n          state={state.discardChangesModal}\n          title={t('cairo.import.discardChanges.title')}\n          content={t('cairo.import.discardChanges.description')}\n          primaryButtonText={t('cairo.import.discardChanges.confirm')}\n          secondaryButtonText={t('cairo.import.discardChanges.cancel')}\n          theme=\"destructive\"\n        />\n      </>\n    );\n  }\n\n  return (\n    <>\n      {child}\n      {state.canCreateNewField ? renderFieldEditor?.({ state }) : null}\n    </>\n  );\n}\n\nexport const ImportButtonModalLayout = observer(_ImportButtonModalLayout);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_getImportModalStepProps","_react","_interopRequireWildcard","_mobxReactLite","_bexCore","_patternsFields","_util","_useIsMobile","_CustomDrawerLayout","_ImportStepper","_ActionModal","_CollectionModal","_providers","_ToolbarCollectionContext","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButtonModalLayout","props","_toolbar$collectionFi","config","importModalState","renderFieldEditor","rest","isMobile","useIsMobile","toolbar","useToolbarCollectionContext","createImport","useCreateImport","importInputs","fieldsSource","collectionFieldsSource","detectColumnType","detectFieldType","state","useState","isPlatformized","Boolean","destination","FieldEditor","useMemo","lazy","Promise","resolve","then","m","DataExtensionImportFieldEditor","CmsImportFieldEditor","onRequestClose","children","removeContentPadding","customModalLayoutProps","getImportModalStepProps","wrappedChildren","currentStep","createElement","Box","direction","gap","width","height","__self","__source","fileName","lineNumber","columnNumber","ImportStepper","content","canCreateNewField","PatternsFieldsProvider","useEffect","addEventListener","events","undefined","init","translate","modal","discardModal","discardChangesModal","child","Fragment","CustomDrawerLayout","_extends2","dataHook","ModalWrapper","onAfterClose","afterClose","ModalMobileLayout","title","Heading","size","Text","onCloseButtonClick","close","stickyFooter","footer","Button","fullWidth","skin","onClick","confirm","priority","decline","CustomModalLayout","maxHeight","MessageActionModal","primaryButtonText","secondaryButtonText","theme","Suspense","fallback","ImportButtonModalLayout","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButtonModalLayout.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  CustomModalLayout,\n  Heading,\n  ModalMobileLayout,\n  Text,\n} from '@wix/design-system';\nimport { getImportModalStepProps } from './getImportModalStepProps';\nimport React, { Suspense, lazy, useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useCreateImport } from '@wix/bex-core';\nimport { detectFieldType } from '@wix/patterns-fields';\nimport { ImportButtonModalLayoutProps } from './ImportProps';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CustomDrawerLayout } from '../CustomDrawerLayout';\nimport { ImportStepper } from './ImportStepper';\nimport { MessageActionModal } from '../ActionModal';\nimport { ModalWrapper } from '../CollectionModal';\nimport { PatternsFieldsProvider } from '../../providers';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\n\nfunction _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {\n  const { config, importModalState, renderFieldEditor, ...rest } = props;\n\n  const isMobile = useIsMobile();\n  // The config is read live off the table's source, which is in context here (the\n  // consumer builds `config` above the collection provider, so it can't be). Pass\n  // the toolbar's fields source to ImportState, which builds the effective config.\n  const toolbar = useToolbarCollectionContext();\n\n  const createImport = useCreateImport({\n    importInputs: config,\n    fieldsSource: toolbar.collectionFieldsSource?.fieldsSource,\n    // Media-aware detection (image/video/document/audio) lives in\n    // patterns-fields; core defaults to primitive detection without it.\n    // ImportState wires the schema-backed `mergeFields` from the source, so\n    // created columns refresh with no wiring here (CAIRO-4400).\n    detectColumnType: detectFieldType,\n    importModalState,\n  });\n\n  const [state] = useState(() => createImport());\n\n  // The create/edit-field editor follows the destination and is loaded on demand,\n  // so neither the CMS nor the DataExtension editor is bundled until an import\n  // that can create fields actually opens. A `renderFieldEditor` prop overrides.\n  const isPlatformized = Boolean(config?.destination);\n  const FieldEditor = useMemo(\n    () =>\n      lazy(() =>\n        isPlatformized\n          ? import('../DataExtension/DataExtensionImportFieldEditor').then(\n              (m) => ({ default: m.DataExtensionImportFieldEditor }),\n            )\n          : import('./CmsImportFieldEditor').then((m) => ({\n              default: m.CmsImportFieldEditor,\n            })),\n      ),\n    [isPlatformized],\n  );\n\n  const {\n    onRequestClose,\n    children,\n    removeContentPadding,\n    ...customModalLayoutProps\n  } = getImportModalStepProps({\n    state,\n    isMobile,\n  });\n\n  const wrappedChildren =\n    state.currentStep !== 'progress' && state.currentStep !== 'summary' ? (\n      <Box direction=\"vertical\" gap=\"SP3\" width=\"100%\" height=\"100%\">\n        <ImportStepper\n          state={state}\n          removeContentPadding={!removeContentPadding}\n        />\n        {children}\n      </Box>\n    ) : (\n      children\n    );\n\n  // The configuration step's \"new field\" helper reads field-type names from the\n  // patterns-fields translations, which require this provider. Only mounted when\n  // field creation is enabled (the only case a \"new\" mapping can exist), so the\n  // fields container isn't initialized for plain imports.\n  const content = state.canCreateNewField ? (\n    <PatternsFieldsProvider>{wrappedChildren}</PatternsFieldsProvider>\n  ) : (\n    wrappedChildren\n  );\n\n  useEffect(() => {\n    if (onRequestClose) {\n      return addEventListener(\n        importModalState.events,\n        'requestClose',\n        onRequestClose,\n      );\n    }\n\n    return undefined;\n  }, [onRequestClose]);\n\n  useEffect(() => state.init(), []);\n\n  const t = state.translate;\n\n  const { modal: discardModal } = state.discardChangesModal;\n\n  // The main layout + its discard-changes modal differ per device; everything\n  // common (the field editor) is stacked alongside `child` in the single return.\n  let child: React.ReactNode;\n\n  if (isMobile) {\n    child = (\n      <>\n        <CustomDrawerLayout\n          dataHook=\"import-modal-layout\"\n          removeContentPadding={removeContentPadding}\n          {...rest}\n          {...customModalLayoutProps}\n          children={content}\n        />\n        <ModalWrapper\n          state={discardModal}\n          onAfterClose={() => state.discardChangesModal.afterClose()}\n        >\n          <ModalMobileLayout\n            dataHook=\"import-discard-changes-modal\"\n            title={\n              <Heading size=\"small\">\n                {t('cairo.import.discardChanges.title')}\n              </Heading>\n            }\n            content={\n              <Text>{t('cairo.import.discardChanges.description')}</Text>\n            }\n            onCloseButtonClick={() => discardModal.close()}\n            stickyFooter\n            footer={\n              <Box direction=\"vertical\" gap=\"SP3\">\n                <Button\n                  dataHook=\"import-discard-confirm\"\n                  fullWidth\n                  skin=\"destructive\"\n                  onClick={() => discardModal.confirm()}\n                >\n                  {t('cairo.import.discardChanges.confirm')}\n                </Button>\n                <Button\n                  dataHook=\"import-discard-cancel\"\n                  fullWidth\n                  priority=\"secondary\"\n                  onClick={() => discardModal.decline()}\n                >\n                  {t('cairo.import.discardChanges.cancel')}\n                </Button>\n              </Box>\n            }\n          />\n        </ModalWrapper>\n      </>\n    );\n  } else {\n    child = (\n      <>\n        <CustomModalLayout\n          width=\"600px\"\n          maxHeight=\"80vh\"\n          dataHook=\"import-modal-layout\"\n          removeContentPadding={removeContentPadding}\n          {...rest}\n          {...customModalLayoutProps}\n          children={content}\n        />\n        <MessageActionModal\n          dataHook=\"import-discard-changes-modal\"\n          state={state.discardChangesModal}\n          title={t('cairo.import.discardChanges.title')}\n          content={t('cairo.import.discardChanges.description')}\n          primaryButtonText={t('cairo.import.discardChanges.confirm')}\n          secondaryButtonText={t('cairo.import.discardChanges.cancel')}\n          theme=\"destructive\"\n        />\n      </>\n    );\n  }\n\n  return (\n    <>\n      {child}\n      {state.canCreateNewField ? (\n        renderFieldEditor ? (\n          renderFieldEditor({ state })\n        ) : (\n          <Suspense fallback={null}>\n            <FieldEditor state={state} />\n          </Suspense>\n        )\n      ) : null}\n    </>\n  );\n}\n\nexport const ImportButtonModalLayout = observer(_ImportButtonModalLayout);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAQA,IAAAC,wBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,uBAAA,CAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AAEA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AACA,IAAAS,mBAAA,GAAAT,OAAA;AACA,IAAAU,cAAA,GAAAV,OAAA;AACA,IAAAW,YAAA,GAAAX,OAAA;AACA,IAAAY,gBAAA,GAAAZ,OAAA;AACA,IAAAa,UAAA,GAAAb,OAAA;AACA,IAAAc,yBAAA,GAAAd,OAAA;AAA0E,IAAAe,YAAA;AAAA,SAAAZ,wBAAAa,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAf,uBAAA,YAAAA,CAAAa,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE1E,SAASkB,wBAAwBA,CAACC,KAAmC,EAAE;EAAA,IAAAC,qBAAA;EACrE,MAAM;IAAEC,MAAM;IAAEC,gBAAgB;IAAEC,iBAAiB;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAEtE,MAAMM,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAC9B;EACA;EACA;EACA,MAAMC,OAAO,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAE7C,MAAMC,YAAY,GAAG,IAAAC,wBAAe,EAAC;IACnCC,YAAY,EAAEV,MAAM;IACpBW,YAAY,GAAAZ,qBAAA,GAAEO,OAAO,CAACM,sBAAsB,qBAA9Bb,qBAAA,CAAgCY,YAAY;IAC1D;IACA;IACA;IACA;IACAE,gBAAgB,EAAEC,+BAAe;IACjCb;EACF,CAAC,CAAC;EAEF,MAAM,CAACc,KAAK,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAMR,YAAY,CAAC,CAAC,CAAC;;EAE9C;EACA;EACA;EACA,MAAMS,cAAc,GAAGC,OAAO,CAAClB,MAAM,oBAANA,MAAM,CAAEmB,WAAW,CAAC;EACnD,MAAMC,WAAW,GAAG,IAAAC,cAAO,EACzB,mBACE,IAAAC,WAAI,EAAC,MACHL,cAAc,GACVM,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAA5D,uBAAA,CAAAH,OAAA,CAAO,iDAAiD,IAAE+D,IAAI,CAC3DC,CAAC,KAAM;IAAEtC,OAAO,EAAEsC,CAAC,CAACC;EAA+B,CAAC,CACvD,CAAC,GACDJ,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAA5D,uBAAA,CAAAH,OAAA,CAAO,wBAAwB,IAAE+D,IAAI,CAAEC,CAAC,KAAM;IAC5CtC,OAAO,EAAEsC,CAAC,CAACE;EACb,CAAC,CAAC,CACR,CAAC,EACH,CAACX,cAAc,CACjB,CAAC;EAED,MAAM;IACJY,cAAc;IACdC,QAAQ;IACRC,oBAAoB;IACpB,GAAGC;EACL,CAAC,GAAG,IAAAC,gDAAuB,EAAC;IAC1BlB,KAAK;IACLX;EACF,CAAC,CAAC;EAEF,MAAM8B,eAAe,GACnBnB,KAAK,CAACoB,WAAW,KAAK,UAAU,IAAIpB,KAAK,CAACoB,WAAW,KAAK,SAAS,gBACjEvE,MAAA,CAAAwB,OAAA,CAAAgD,aAAA,CAAC3E,aAAA,CAAA4E,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,KAAK;IAACC,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnE,YAAA;MAAAoE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5DlF,MAAA,CAAAwB,OAAA,CAAAgD,aAAA,CAAChE,cAAA,CAAA2E,aAAa;IACZhC,KAAK,EAAEA,KAAM;IACbgB,oBAAoB,EAAE,CAACA,oBAAqB;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnE,YAAA;MAAAoE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC7C,CAAC,EACDhB,QACE,CAAC,GAENA,QACD;;EAEH;EACA;EACA;EACA;EACA,MAAMkB,OAAO,GAAGjC,KAAK,CAACkC,iBAAiB,gBACrCrF,MAAA,CAAAwB,OAAA,CAAAgD,aAAA,CAAC7D,UAAA,CAAA2E,sBAAsB;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnE,YAAA;MAAAoE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEZ,eAAwC,CAAC,GAElEA,eACD;EAED,IAAAiB,gBAAS,EAAC,MAAM;IACd,IAAItB,cAAc,EAAE;MAClB,OAAO,IAAAuB,sBAAgB,EACrBnD,gBAAgB,CAACoD,MAAM,EACvB,cAAc,EACdxB,cACF,CAAC;IACH;IAEA,OAAOyB,SAAS;EAClB,CAAC,EAAE,CAACzB,cAAc,CAAC,CAAC;EAEpB,IAAAsB,gBAAS,EAAC,MAAMpC,KAAK,CAACwC,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,MAAM5E,CAAC,GAAGoC,KAAK,CAACyC,SAAS;EAEzB,MAAM;IAAEC,KAAK,EAAEC;EAAa,CAAC,GAAG3C,KAAK,CAAC4C,mBAAmB;;EAEzD;EACA;EACA,IAAIC,KAAsB;EAE1B,IAAIxD,QAAQ,EAAE;IACZwD,KAAK,gBACHhG,MAAA,CAAAwB,OAAA,CAAAgD,aAAA,CAAAxE,MAAA,CAAAwB,OAAA,CAAAyE,QAAA,qBACEjG,MAAA,CAAAwB,OAAA,CAAAgD,aAAA,CAACjE,mBAAA,CAAA2F,kBAAkB,MAAAC,SAAA,CAAA3E,OAAA;MACjB4E,QAAQ,EAAC,qBAAqB;MAC9BjC,oBAAoB,EAAEA;IAAqB,GACvC5B,IAAI,EACJ6B,sBAAsB;MAC1BF,QAAQ,EAAEkB,OAAQ;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnE,YAAA;QAAAoE,UAAA;QAAAC,YAAA;MAAA;IAAA,EACnB,CAAC,eACFlF,MAAA,CAAAwB,OAAA,CAAAgD,aAAA,CAAC9D,gBAAA,CAAA2F,YAAY;MACXlD,KAAK,EAAE2C,YAAa;MACpBQ,YAAY,EAAEA,CAAA,KAAMnD,KAAK,CAAC4C,mBAAmB,CAACQ,UAAU,CAAC,CAAE;MAAAzB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnE,YAAA;QAAAoE,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAE3DlF,MAAA,CAAAwB,OAAA,CAAAgD,aAAA,CAAC3E,aAAA,CAAA2G,iBAAiB;MAChBJ,QAAQ,EAAC,8BAA8B;MACvCK,KAAK,eACHzG,MAAA,CAAAwB,OAAA,CAAAgD,aAAA,CAAC3E,aAAA,CAAA6G,OAAO;QAACC,IAAI,EAAC,OAAO;QAAA7B,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAnE,YAAA;UAAAoE,UAAA;UAAAC,YAAA;QAAA;MAAA,GAClBnE,CAAC,CAAC,mCAAmC,CAC/B,CACV;MACDqE,OAAO,eACLpF,MAAA,CAAAwB,OAAA,CAAAgD,aAAA,CAAC3E,aAAA,CAAA+G,IAAI;QAAA9B,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAnE,YAAA;UAAAoE,UAAA;UAAAC,YAAA;QAAA;MAAA,GAAEnE,CAAC,CAAC,yCAAyC,CAAQ,CAC3D;MACD8F,kBAAkB,EAAEA,CAAA,KAAMf,YAAY,CAACgB,KAAK,CAAC,CAAE;MAC/CC,YAAY;MACZC,MAAM,eACJhH,MAAA,CAAAwB,OAAA,CAAAgD,aAAA,CAAC3E,aAAA,CAAA4E,GAAG;QAACC,SAAS,EAAC,UAAU;QAACC,GAAG,EAAC,KAAK;QAAAG,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAnE,YAAA;UAAAoE,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACjClF,MAAA,CAAAwB,OAAA,CAAAgD,aAAA,CAAC3E,aAAA,CAAAoH,MAAM;QACLb,QAAQ,EAAC,wBAAwB;QACjCc,SAAS;QACTC,IAAI,EAAC,aAAa;QAClBC,OAAO,EAAEA,CAAA,KAAMtB,YAAY,CAACuB,OAAO,CAAC,CAAE;QAAAvC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAnE,YAAA;UAAAoE,UAAA;UAAAC,YAAA;QAAA;MAAA,GAErCnE,CAAC,CAAC,qCAAqC,CAClC,CAAC,eACTf,MAAA,CAAAwB,OAAA,CAAAgD,aAAA,CAAC3E,aAAA,CAAAoH,MAAM;QACLb,QAAQ,EAAC,uBAAuB;QAChCc,SAAS;QACTI,QAAQ,EAAC,WAAW;QACpBF,OAAO,EAAEA,CAAA,KAAMtB,YAAY,CAACyB,OAAO,CAAC,CAAE;QAAAzC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAnE,YAAA;UAAAoE,UAAA;UAAAC,YAAA;QAAA;MAAA,GAErCnE,CAAC,CAAC,oCAAoC,CACjC,CACL,CACN;MAAA+D,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnE,YAAA;QAAAoE,UAAA;QAAAC,YAAA;MAAA;IAAA,CACF,CACW,CACd,CACH;EACH,CAAC,MAAM;IACLc,KAAK,gBACHhG,MAAA,CAAAwB,OAAA,CAAAgD,aAAA,CAAAxE,MAAA,CAAAwB,OAAA,CAAAyE,QAAA,qBACEjG,MAAA,CAAAwB,OAAA,CAAAgD,aAAA,CAAC3E,aAAA,CAAA2H,iBAAiB,MAAArB,SAAA,CAAA3E,OAAA;MAChBoD,KAAK,EAAC,OAAO;MACb6C,SAAS,EAAC,MAAM;MAChBrB,QAAQ,EAAC,qBAAqB;MAC9BjC,oBAAoB,EAAEA;IAAqB,GACvC5B,IAAI,EACJ6B,sBAAsB;MAC1BF,QAAQ,EAAEkB,OAAQ;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnE,YAAA;QAAAoE,UAAA;QAAAC,YAAA;MAAA;IAAA,EACnB,CAAC,eACFlF,MAAA,CAAAwB,OAAA,CAAAgD,aAAA,CAAC/D,YAAA,CAAAiH,kBAAkB;MACjBtB,QAAQ,EAAC,8BAA8B;MACvCjD,KAAK,EAAEA,KAAK,CAAC4C,mBAAoB;MACjCU,KAAK,EAAE1F,CAAC,CAAC,mCAAmC,CAAE;MAC9CqE,OAAO,EAAErE,CAAC,CAAC,yCAAyC,CAAE;MACtD4G,iBAAiB,EAAE5G,CAAC,CAAC,qCAAqC,CAAE;MAC5D6G,mBAAmB,EAAE7G,CAAC,CAAC,oCAAoC,CAAE;MAC7D8G,KAAK,EAAC,aAAa;MAAA/C,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnE,YAAA;QAAAoE,UAAA;QAAAC,YAAA;MAAA;IAAA,CACpB,CACD,CACH;EACH;EAEA,oBACElF,MAAA,CAAAwB,OAAA,CAAAgD,aAAA,CAAAxE,MAAA,CAAAwB,OAAA,CAAAyE,QAAA,QACGD,KAAK,EACL7C,KAAK,CAACkC,iBAAiB,GACtB/C,iBAAiB,GACfA,iBAAiB,CAAC;IAAEa;EAAM,CAAC,CAAC,gBAE5BnD,MAAA,CAAAwB,OAAA,CAAAgD,aAAA,CAACxE,MAAA,CAAA8H,QAAQ;IAACC,QAAQ,EAAE,IAAK;IAAAjD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnE,YAAA;MAAAoE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvBlF,MAAA,CAAAwB,OAAA,CAAAgD,aAAA,CAAChB,WAAW;IAACL,KAAK,EAAEA,KAAM;IAAA2B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnE,YAAA;MAAAoE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACpB,CACX,GACC,IACJ,CAAC;AAEP;AAEO,MAAM8C,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,uBAAQ,EAACjG,wBAAwB,CAAC","ignoreList":[]}

package/dist/cjs/components/ImportButton/ImportProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/ImportButton/ImportProps.tsx"],"sourcesContent":["import { ImportButtonConfig, ImportState, ModalState } from '@wix/bex-core';\nimport { ReactNode } from 'react';\n\ntype ImportButtonToolbarType = 'default' | 'bulkActionToolbar';\n\n/**\n * Renders the source's \"create/edit field\" modal. Returned by a source's import\n * hook (`useSchemaImport`, `usePlatformizedImport`) and passed to `ImportButton`\n * as `renderFieldEditor`. The returned element is a self-contained editor that\n * watches `state.editingHeader` to open, pre-fill, and close itself, and writes\n * the result back via the state's `applyFieldEdit` / `applyDataExtensionFieldEdit`.\n */\nexport type RenderImportFieldEditor = (args: {\n  state: ImportState;\n}) => ReactNode;\n\nexport interface ImportButtonParams {\n  /**\n   * The import inputs. Build it with a source hook — `useSchemaImport` for a CMS\n   * (Wix Data) collection, or `usePlatformizedImport` for a platformized\n   * destination — and pass the returned `config`.\n   */\n  config: ImportButtonConfig;\n  /**\n   * Renders the source's create/edit-field modal (see\n   * {@link RenderImportFieldEditor}). Supplied by consumer-driven sources (e.g.\n   * `useSchemaImport` for CMS). A DataExtension destination provides its own\n   * internally, so it need not be passed for that case.\n   */\n  renderFieldEditor?: RenderImportFieldEditor;\n}\n\nexport type ImportButtonProps = ImportButtonParams & {\n  /**\n   * Which button variant to render. `'default'` (the default) shows a\n   * `ResponsiveButton`; `'bulkActionToolbar'` shows a compact secondary\n   * `Button`.\n   */\n  toolbarType?: ImportButtonToolbarType;\n};\n\nexport type ImportModalProps = ImportButtonParams;\n\nexport type ImportButtonModalLayoutProps = ImportModalProps & {\n  importModalState: ModalState;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/ImportButton/ImportProps.tsx"],"sourcesContent":["import { ImportConfig, ImportState, ModalState } from '@wix/bex-core';\nimport { ReactNode } from 'react';\n\ntype ImportButtonToolbarType = 'default' | 'bulkActionToolbar';\n\n/**\n * Renders the \"create/edit field\" modal. The element is a self-contained editor\n * that watches `state.editingHeader` to open, pre-fill, and close itself, and\n * writes the result back via the state's `applyFieldEdit` /\n * `applyDataExtensionFieldEdit`. `ImportButton` picks and lazy-loads the right\n * one from the destination by default; pass this only to override.\n */\nexport type RenderImportFieldEditor = (args: {\n  state: ImportState;\n}) => ReactNode;\n\nexport interface ImportButtonParams {\n  /**\n   * The import inputs, as a plain object. Omit it entirely to import into the\n   * table's own collection (Wix Data) — the collection, its fields, and\n   * create-new-field are read from the table's source. Set `destination` (and\n   * any `fields`) to write to a platformized target instead.\n   */\n  config?: ImportConfig;\n  /**\n   * Overrides the create/edit-field modal (see {@link RenderImportFieldEditor}).\n   * By default the editor is chosen from the destination (CMS vs DataExtension)\n   * and loaded on demand, so this need not be passed.\n   */\n  renderFieldEditor?: RenderImportFieldEditor;\n}\n\nexport type ImportButtonProps = ImportButtonParams & {\n  /**\n   * Which button variant to render. `'default'` (the default) shows a\n   * `ResponsiveButton`; `'bulkActionToolbar'` shows a compact secondary\n   * `Button`.\n   */\n  toolbarType?: ImportButtonToolbarType;\n};\n\nexport type ImportModalProps = ImportButtonParams;\n\nexport type ImportButtonModalLayoutProps = ImportModalProps & {\n  importModalState: ModalState;\n};\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/ImportButton/ImportStepUpload.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ImportStepUpload3529433858";
+var _namespace_ = "ImportStepUpload1386334335";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ImportStepUpload3529433858__root",
-  "fileUpload": "ImportStepUpload3529433858__fileUpload"
+  "root": "ImportStepUpload1386334335__root",
+  "fileUpload": "ImportStepUpload1386334335__fileUpload"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ImportButton/ImportStepUpload.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ImportButton/ImportStepUpload.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ImportStepUpload3529433858\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ImportStepUpload3529433858__root\",\"fileUpload\":\"ImportStepUpload3529433858__fileUpload\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,4BAA4B;AAC9C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,kCAAkC;EAAC,YAAY,EAAC;AAAwC,CAAC;AAC/G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ImportButton/ImportStepUpload.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ImportStepUpload1386334335\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ImportStepUpload1386334335__root\",\"fileUpload\":\"ImportStepUpload1386334335__fileUpload\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,4BAA4B;AAC9C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,kCAAkC;EAAC,YAAY,EAAC;AAAwC,CAAC;AAC/G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/ImportButton/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ImportButton","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_ImportModal","_ImportProps","ImportButtonProps","ImportModalProps"],"sources":["../../../../src/components/ImportButton/index.ts"],"sourcesContent":["export * from './ImportButton';\nexport * from './ImportModal';\nexport { ImportButtonProps, ImportModalProps } from './ImportProps';\n"],"mappings":";;;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAL,aAAA,CAAAK,GAAA;AAAA;AACA,IAAAM,YAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,YAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAM,YAAA,CAAAN,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAM,YAAA,CAAAN,GAAA;AAAA;AACA,IAAAO,YAAA,GAAAX,OAAA;AAAoES,OAAA,CAAAG,iBAAA,GAAAD,YAAA,CAAAC,iBAAA;AAAAH,OAAA,CAAAI,gBAAA,GAAAF,YAAA,CAAAE,gBAAA","ignoreList":[]}
+{"version":3,"names":["_ImportButton","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_ImportModal","_ImportProps","ImportButtonProps","ImportModalProps"],"sources":["../../../../src/components/ImportButton/index.ts"],"sourcesContent":["export * from './ImportButton';\nexport * from './ImportModal';\nexport { ImportButtonProps, ImportModalProps } from './ImportProps';\nexport type { ImportConfig } from '@wix/bex-core';\n"],"mappings":";;;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAL,aAAA,CAAAK,GAAA;AAAA;AACA,IAAAM,YAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,YAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAM,YAAA,CAAAN,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAM,YAAA,CAAAN,GAAA;AAAA;AACA,IAAAO,YAAA,GAAAX,OAAA;AAAoES,OAAA,CAAAG,iBAAA,GAAAD,YAAA,CAAAC,iBAAA;AAAAH,OAAA,CAAAI,gBAAA,GAAAF,YAAA,CAAAE,gBAAA","ignoreList":[]}

package/dist/cjs/components/ImportButton/newFieldTypeMapping.js

@@ -2,22 +2,6 @@
 
 exports.__esModule = true;
 exports.toPatternsFieldType = void 0;
-// Maps the import flow's `NewFieldType` (lowercase, data-driven detection) to the
-// schema's `PatternsFieldType` (uppercase) used by `Field` / the field editor.
-// The reverse mapping (editor output → `NewFieldType`) lives in core, next to
-// `ImportState`, which consumes it directly.
-
-const NEW_FIELD_TYPE_TO_PATTERNS = {
-  text: 'SHORT_TEXT',
-  number: 'NUMBER',
-  date: 'DATE',
-  boolean: 'BOOLEAN',
-  url: 'URL',
-  image: 'IMAGE',
-  video: 'VIDEO',
-  document: 'DOCUMENT',
-  audio: 'AUDIO'
-};
-const toPatternsFieldType = type => NEW_FIELD_TYPE_TO_PATTERNS[type];
-exports.toPatternsFieldType = toPatternsFieldType;
+var _bexCore = require("@wix/bex-core");
+exports.toPatternsFieldType = _bexCore.toPatternsFieldType;
 //# sourceMappingURL=newFieldTypeMapping.js.map