@wix/patterns 1.425.0 → 1.427.0

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

@@ -0,0 +1,159 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ImportStepSummary = void 0;
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/ImportStepSummary.tsx";
+function CountRow({
+  icon,
+  color,
+  children
+}) {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "SP2",
+    verticalAlign: "middle",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 24,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    align: "center",
+    verticalAlign: "middle",
+    color: color,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 25,
+      columnNumber: 7
+    }
+  }, icon), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 28,
+      columnNumber: 7
+    }
+  }, children));
+}
+function _ImportStepSummary({
+  state
+}) {
+  const {
+    result,
+    translate: t
+  } = state;
+  const {
+    created,
+    updated,
+    failed
+  } = result;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: "SP3",
+    width: "100%",
+    dataHook: "import-summary-step",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 38,
+      columnNumber: 5
+    }
+  }, created > 0 && /*#__PURE__*/_react.default.createElement(CountRow, {
+    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusCompleteFilled, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 45,
+        columnNumber: 25
+      }
+    }),
+    color: "G10",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    dataHook: "import-summary-created",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 46,
+      columnNumber: 11
+    }
+  }, t('cairo.import.summaryCreated', {
+    count: created
+  }))), updated > 0 && /*#__PURE__*/_react.default.createElement(CountRow, {
+    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusCompleteFilled, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 52,
+        columnNumber: 25
+      }
+    }),
+    color: "G10",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 52,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    dataHook: "import-summary-updated",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 53,
+      columnNumber: 11
+    }
+  }, t('cairo.import.summaryUpdated', {
+    count: updated
+  }))), failed > 0 && /*#__PURE__*/_react.default.createElement(CountRow, {
+    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusAlertFilled, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 59,
+        columnNumber: 25
+      }
+    }),
+    color: "R10",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 59,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    dataHook: "import-summary-failed",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 60,
+      columnNumber: 11
+    }
+  }, t('cairo.import.summaryFailed', {
+    count: failed
+  })), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "small",
+    secondary: true,
+    dataHook: "import-summary-failed-hint",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 63,
+      columnNumber: 11
+    }
+  }, t('cairo.import.summaryFailedHint'))));
+}
+const ImportStepSummary = exports.ImportStepSummary = (0, _mobxReactLite.observer)(_ImportStepSummary);
+//# sourceMappingURL=ImportStepSummary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","CountRow","icon","color","children","default","createElement","Box","gap","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","align","direction","_ImportStepSummary","state","result","translate","t","created","updated","failed","width","dataHook","StatusCompleteFilled","Text","count","StatusAlertFilled","size","secondary","ImportStepSummary","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportStepSummary.tsx"],"sourcesContent":["import { Box, Text } from '@wix/design-system';\nimport {\n  StatusAlertFilled,\n  StatusCompleteFilled,\n} from '@wix/wix-ui-icons-common';\nimport { ImportState } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\n\nexport interface ImportStepSummaryProps {\n  state: ImportState;\n}\n\nfunction CountRow({\n  icon,\n  color,\n  children,\n}: {\n  icon: React.ReactNode;\n  color: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <Box gap=\"SP2\" verticalAlign=\"middle\">\n      <Box align=\"center\" verticalAlign=\"middle\" color={color}>\n        {icon}\n      </Box>\n      <Box direction=\"vertical\">{children}</Box>\n    </Box>\n  );\n}\n\nfunction _ImportStepSummary({ state }: ImportStepSummaryProps) {\n  const { result, translate: t } = state;\n  const { created, updated, failed } = result;\n\n  return (\n    <Box\n      direction=\"vertical\"\n      gap=\"SP3\"\n      width=\"100%\"\n      dataHook=\"import-summary-step\"\n    >\n      {created > 0 && (\n        <CountRow icon={<StatusCompleteFilled />} color=\"G10\">\n          <Text dataHook=\"import-summary-created\">\n            {t('cairo.import.summaryCreated', { count: created })}\n          </Text>\n        </CountRow>\n      )}\n      {updated > 0 && (\n        <CountRow icon={<StatusCompleteFilled />} color=\"G10\">\n          <Text dataHook=\"import-summary-updated\">\n            {t('cairo.import.summaryUpdated', { count: updated })}\n          </Text>\n        </CountRow>\n      )}\n      {failed > 0 && (\n        <CountRow icon={<StatusAlertFilled />} color=\"R10\">\n          <Text dataHook=\"import-summary-failed\">\n            {t('cairo.import.summaryFailed', { count: failed })}\n          </Text>\n          <Text size=\"small\" secondary dataHook=\"import-summary-failed-hint\">\n            {t('cairo.import.summaryFailedHint')}\n          </Text>\n        </CountRow>\n      )}\n    </Box>\n  );\n}\n\nexport const ImportStepSummary = observer(_ImportStepSummary);\n"],"mappings":"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","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_ = "ImportStepUpload1052508311";
+var _namespace_ = "ImportStepUpload3529433858";
 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": "ImportStepUpload1052508311__root",
-  "fileUpload": "ImportStepUpload1052508311__fileUpload"
+  "root": "ImportStepUpload3529433858__root",
+  "fileUpload": "ImportStepUpload3529433858__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_ = \"ImportStepUpload1052508311\";\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\":\"ImportStepUpload1052508311__root\",\"fileUpload\":\"ImportStepUpload1052508311__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_ = \"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":[]}

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

@@ -7,10 +7,14 @@ var _designSystem = require("@wix/design-system");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/ImportStepper.tsx";
+// The stepper is only rendered on the upload/configuration steps (see
+// ImportButtonModalLayout); progress and summary map past the last visible step
+// so both rendered steps read as completed if the stepper is ever shown.
 const STEPPER_INDEX = {
   upload: 0,
   configuration: 1,
-  progress: 2
+  progress: 2,
+  summary: 2
 };
 function getStepperSteps(currentStep, t) {
   const activeIndex = STEPPER_INDEX[currentStep];
@@ -41,7 +45,7 @@ function _ImportStepper({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 48,
+      lineNumber: 52,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Stepper, {
@@ -51,7 +55,7 @@ function _ImportStepper({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 49,
+      lineNumber: 53,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","STEPPER_INDEX","upload","configuration","progress","getStepperSteps","currentStep","t","activeIndex","text","map","step","index","type","_ImportStepper","state","removeContentPadding","activeStep","steps","translate","contentPadding","undefined","handleStepClick","stepIndex","discardAndGoBack","default","createElement","Box","paddingLeft","paddingRight","__self","__source","fileName","lineNumber","columnNumber","Stepper","onClick","ImportStepper","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportStepper.tsx"],"sourcesContent":["import { Stepper, Box } from '@wix/design-system';\nimport { ImportState, ImportStep } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\n\nconst STEPPER_INDEX: Record<ImportStep, number> = {\n  upload: 0,\n  configuration: 1,\n  progress: 2,\n};\n\nfunction getStepperSteps(currentStep: ImportStep, t: ImportState['translate']) {\n  const activeIndex = STEPPER_INDEX[currentStep];\n\n  return [\n    { text: t('cairo.import.stepper.upload') },\n    { text: t('cairo.import.stepper.matchFields') },\n  ].map((step, index) => ({\n    ...step,\n    type: (\n      index < activeIndex\n        ? 'completed'\n        : index > activeIndex\n          ? 'disabled'\n          : 'normal'\n    ) as 'completed' | 'disabled' | 'normal',\n  }));\n}\n\nexport interface ImportStepperProps {\n  state: ImportState;\n  removeContentPadding?: boolean;\n}\n\nfunction _ImportStepper({ state, removeContentPadding }: ImportStepperProps) {\n  const activeStep = STEPPER_INDEX[state.currentStep];\n  const steps = getStepperSteps(state.currentStep, state.translate);\n\n  const contentPadding = removeContentPadding ? undefined : 'SP4';\n\n  const handleStepClick = (stepIndex: number) => {\n    if (stepIndex < activeStep) {\n      state.discardAndGoBack();\n    }\n  };\n\n  return (\n    <Box paddingLeft={contentPadding} paddingRight={contentPadding}>\n      <Stepper\n        activeStep={activeStep}\n        steps={steps}\n        onClick={handleStepClick}\n      />\n    </Box>\n  );\n}\n\nexport const ImportStepper = observer(_ImportStepper);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAE3C,MAAMC,aAAyC,GAAG;EAChDC,MAAM,EAAE,CAAC;EACTC,aAAa,EAAE,CAAC;EAChBC,QAAQ,EAAE;AACZ,CAAC;AAED,SAASC,eAAeA,CAACC,WAAuB,EAAEC,CAA2B,EAAE;EAC7E,MAAMC,WAAW,GAAGP,aAAa,CAACK,WAAW,CAAC;EAE9C,OAAO,CACL;IAAEG,IAAI,EAAEF,CAAC,CAAC,6BAA6B;EAAE,CAAC,EAC1C;IAAEE,IAAI,EAAEF,CAAC,CAAC,kCAAkC;EAAE,CAAC,CAChD,CAACG,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,MAAM;IACtB,GAAGD,IAAI;IACPE,IAAI,EACFD,KAAK,GAAGJ,WAAW,GACf,WAAW,GACXI,KAAK,GAAGJ,WAAW,GACjB,UAAU,GACV;EAEV,CAAC,CAAC,CAAC;AACL;AAOA,SAASM,cAAcA,CAAC;EAAEC,KAAK;EAAEC;AAAyC,CAAC,EAAE;EAC3E,MAAMC,UAAU,GAAGhB,aAAa,CAACc,KAAK,CAACT,WAAW,CAAC;EACnD,MAAMY,KAAK,GAAGb,eAAe,CAACU,KAAK,CAACT,WAAW,EAAES,KAAK,CAACI,SAAS,CAAC;EAEjE,MAAMC,cAAc,GAAGJ,oBAAoB,GAAGK,SAAS,GAAG,KAAK;EAE/D,MAAMC,eAAe,GAAIC,SAAiB,IAAK;IAC7C,IAAIA,SAAS,GAAGN,UAAU,EAAE;MAC1BF,KAAK,CAACS,gBAAgB,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,oBACE3B,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAC/B,aAAA,CAAAgC,GAAG;IAACC,WAAW,EAAER,cAAe;IAACS,YAAY,EAAET,cAAe;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC7DrC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAC/B,aAAA,CAAAwC,OAAO;IACNlB,UAAU,EAAEA,UAAW;IACvBC,KAAK,EAAEA,KAAM;IACbkB,OAAO,EAAEd,eAAgB;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CACE,CAAC;AAEV;AAEO,MAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,EAACzB,cAAc,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","STEPPER_INDEX","upload","configuration","progress","summary","getStepperSteps","currentStep","t","activeIndex","text","map","step","index","type","_ImportStepper","state","removeContentPadding","activeStep","steps","translate","contentPadding","undefined","handleStepClick","stepIndex","discardAndGoBack","default","createElement","Box","paddingLeft","paddingRight","__self","__source","fileName","lineNumber","columnNumber","Stepper","onClick","ImportStepper","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportStepper.tsx"],"sourcesContent":["import { Stepper, Box } from '@wix/design-system';\nimport { ImportState, ImportStep } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\n\n// The stepper is only rendered on the upload/configuration steps (see\n// ImportButtonModalLayout); progress and summary map past the last visible step\n// so both rendered steps read as completed if the stepper is ever shown.\nconst STEPPER_INDEX: Record<ImportStep, number> = {\n  upload: 0,\n  configuration: 1,\n  progress: 2,\n  summary: 2,\n};\n\nfunction getStepperSteps(currentStep: ImportStep, t: ImportState['translate']) {\n  const activeIndex = STEPPER_INDEX[currentStep];\n\n  return [\n    { text: t('cairo.import.stepper.upload') },\n    { text: t('cairo.import.stepper.matchFields') },\n  ].map((step, index) => ({\n    ...step,\n    type: (\n      index < activeIndex\n        ? 'completed'\n        : index > activeIndex\n          ? 'disabled'\n          : 'normal'\n    ) as 'completed' | 'disabled' | 'normal',\n  }));\n}\n\nexport interface ImportStepperProps {\n  state: ImportState;\n  removeContentPadding?: boolean;\n}\n\nfunction _ImportStepper({ state, removeContentPadding }: ImportStepperProps) {\n  const activeStep = STEPPER_INDEX[state.currentStep];\n  const steps = getStepperSteps(state.currentStep, state.translate);\n\n  const contentPadding = removeContentPadding ? undefined : 'SP4';\n\n  const handleStepClick = (stepIndex: number) => {\n    if (stepIndex < activeStep) {\n      state.discardAndGoBack();\n    }\n  };\n\n  return (\n    <Box paddingLeft={contentPadding} paddingRight={contentPadding}>\n      <Stepper\n        activeStep={activeStep}\n        steps={steps}\n        onClick={handleStepClick}\n      />\n    </Box>\n  );\n}\n\nexport const ImportStepper = observer(_ImportStepper);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAE3C;AACA;AACA;AACA,MAAMC,aAAyC,GAAG;EAChDC,MAAM,EAAE,CAAC;EACTC,aAAa,EAAE,CAAC;EAChBC,QAAQ,EAAE,CAAC;EACXC,OAAO,EAAE;AACX,CAAC;AAED,SAASC,eAAeA,CAACC,WAAuB,EAAEC,CAA2B,EAAE;EAC7E,MAAMC,WAAW,GAAGR,aAAa,CAACM,WAAW,CAAC;EAE9C,OAAO,CACL;IAAEG,IAAI,EAAEF,CAAC,CAAC,6BAA6B;EAAE,CAAC,EAC1C;IAAEE,IAAI,EAAEF,CAAC,CAAC,kCAAkC;EAAE,CAAC,CAChD,CAACG,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,MAAM;IACtB,GAAGD,IAAI;IACPE,IAAI,EACFD,KAAK,GAAGJ,WAAW,GACf,WAAW,GACXI,KAAK,GAAGJ,WAAW,GACjB,UAAU,GACV;EAEV,CAAC,CAAC,CAAC;AACL;AAOA,SAASM,cAAcA,CAAC;EAAEC,KAAK;EAAEC;AAAyC,CAAC,EAAE;EAC3E,MAAMC,UAAU,GAAGjB,aAAa,CAACe,KAAK,CAACT,WAAW,CAAC;EACnD,MAAMY,KAAK,GAAGb,eAAe,CAACU,KAAK,CAACT,WAAW,EAAES,KAAK,CAACI,SAAS,CAAC;EAEjE,MAAMC,cAAc,GAAGJ,oBAAoB,GAAGK,SAAS,GAAG,KAAK;EAE/D,MAAMC,eAAe,GAAIC,SAAiB,IAAK;IAC7C,IAAIA,SAAS,GAAGN,UAAU,EAAE;MAC1BF,KAAK,CAACS,gBAAgB,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,oBACE5B,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAAChC,aAAA,CAAAiC,GAAG;IAACC,WAAW,EAAER,cAAe;IAACS,YAAY,EAAET,cAAe;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC7DtC,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAAChC,aAAA,CAAAyC,OAAO;IACNlB,UAAU,EAAEA,UAAW;IACvBC,KAAK,EAAEA,KAAM;IACbkB,OAAO,EAAEd,eAAgB;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CACE,CAAC;AAEV;AAEO,MAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,EAACzB,cAAc,CAAC","ignoreList":[]}

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

@@ -8,11 +8,12 @@ var _react = _interopRequireDefault(require("react"));
 var _ImportStepUpload = require("./ImportStepUpload");
 var _ImportStepConfiguration = require("./ImportStepConfiguration");
 var _ImportStepProgress = require("./ImportStepProgress");
+var _ImportRequiredFieldsSideNote = require("./ImportRequiredFieldsSideNote");
+var _ImportStepSummary = require("./ImportStepSummary");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/getImportModalStepProps.tsx";
 function getImportModalStepProps({
   state,
-  isMobile,
-  onEditField
+  isMobile
 }) {
   const {
     currentStep,
@@ -27,7 +28,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 35,
+          lineNumber: 34,
           columnNumber: 17
         }
       }),
@@ -37,7 +38,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 37,
+          lineNumber: 36,
           columnNumber: 9
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -46,15 +47,19 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 38,
+          lineNumber: 37,
           columnNumber: 11
         }
       }, t('cairo.import.footerText')), /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
         size: "small",
+        as: "a",
+        href: "https://support.wix.com/en/article/import-data-from-a-file",
+        target: "_blank",
+        rel: "noopener",
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 41,
+          lineNumber: 40,
           columnNumber: 11
         }
       }, t('cairo.import.footerLink'))),
@@ -79,7 +84,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 58,
+          lineNumber: 65,
           columnNumber: 9
         }
       }, t('cairo.import.configureMappingsTitle'), /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, {
@@ -89,7 +94,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 60,
+          lineNumber: 67,
           columnNumber: 11
         }
       }, state.csvHeaders.length)) : /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -99,7 +104,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 69,
+          lineNumber: 76,
           columnNumber: 9
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -107,7 +112,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 70,
+          lineNumber: 77,
           columnNumber: 11
         }
       }, t('cairo.import.configureMappingsTitle')), /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, {
@@ -117,21 +122,33 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 73,
+          lineNumber: 80,
           columnNumber: 11
         }
       }, state.csvHeaders.length)),
       subtitle: t('cairo.import.subtitle'),
       children: /*#__PURE__*/_react.default.createElement(_ImportStepConfiguration.ImportStepConfiguration, {
         state: state,
-        onEditField: onEditField,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 84,
-          columnNumber: 9
+          lineNumber: 90,
+          columnNumber: 17
         }
       }),
+      // Left-aligned footer side-note while required fields are unmapped
+      // (CAIRO-4452). Sits in the footer's button row (`sideActions`), not the
+      // full-width footnote strip. The Import button stays enabled; the click is
+      // blocked with a toast in `startImport`.
+      sideActions: state.hasMissingRequiredFields ? /*#__PURE__*/_react.default.createElement(_ImportRequiredFieldsSideNote.ImportRequiredFieldsSideNote, {
+        state: state,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 96,
+          columnNumber: 9
+        }
+      }) : undefined,
       showFooterDivider: true,
       primaryButtonText: t('cairo.import.startImport'),
       primaryButtonOnClick: state.hasMappings ? state.startImport : undefined,
@@ -153,6 +170,47 @@ function getImportModalStepProps({
       onRequestClose: handleClose
     };
   }
+  if (currentStep === 'summary') {
+    const {
+      succeeded,
+      failed
+    } = state.result;
+    const hasFailures = failed > 0;
+    return {
+      title: t('cairo.import.summaryTitle', {
+        imported: String(succeeded),
+        total: state.totalCount
+      }),
+      children: /*#__PURE__*/_react.default.createElement(_ImportStepSummary.ImportStepSummary, {
+        state: state,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 127,
+          columnNumber: 17
+        }
+      }),
+      showFooterDivider: false,
+      // When rows failed, "Download CSV" is the primary (emphasized) action and
+      // "Close" the secondary — the user's next step is to fix the failures. A
+      // fully successful import has nothing to download, so "Close" is primary
+      // and stands alone.
+      ...(hasFailures ? {
+        primaryButtonText: t('cairo.import.downloadCsv'),
+        primaryButtonOnClick: state.downloadFailedRows,
+        secondaryButtonText: t('cairo.import.close'),
+        secondaryButtonOnClick: state.done
+      } : {
+        primaryButtonText: t('cairo.import.close'),
+        primaryButtonOnClick: state.done
+      }),
+      closeButtonProps: {
+        onClick: state.done,
+        autoFocus: true
+      },
+      onRequestClose: state.done
+    };
+  }
   const hasError = state.importStatus.isError;
   return {
     title: hasError ? t('cairo.import.failedTitle') : t('cairo.import.progressTitle'),
@@ -161,7 +219,7 @@ function getImportModalStepProps({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 112,
+        lineNumber: 155,
         columnNumber: 15
       }
     }),

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_ImportStepUpload","_ImportStepConfiguration","_ImportStepProgress","_jsxFileName","getImportModalStepProps","state","isMobile","onEditField","currentStep","translate","t","title","subtitle","children","default","createElement","ImportStepUpload","__self","__source","fileName","lineNumber","columnNumber","footnote","Box","gap","verticalAlign","Text","size","secondary","TextButton","showFooterDivider","secondaryButtonText","secondaryButtonOnClick","close","closeButtonProps","onClick","autoFocus","onRequestClose","handleClose","discardAndClose","removeContentPadding","direction","CounterBadge","skin","dataHook","csvHeaders","length","Heading","ImportStepConfiguration","primaryButtonText","primaryButtonOnClick","hasMappings","startImport","undefined","primaryButtonProps","disabled","primaryButtonTooltipProps","content","hasError","importStatus","isError","ImportStepProgress","isRestoring","secondaryButtonProps"],"sources":["../../../../src/components/ImportButton/getImportModalStepProps.tsx"],"sourcesContent":["import {\n  Box,\n  CounterBadge,\n  CustomModalLayoutProps,\n  Heading,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { ImportState } from '@wix/bex-core';\nimport React, { ReactNode } from 'react';\nimport { ImportStepUpload } from './ImportStepUpload';\nimport { ImportStepConfiguration } from './ImportStepConfiguration';\nimport { ImportStepProgress } from './ImportStepProgress';\n\nexport interface GetImportModalStepProps {\n  state: ImportState;\n  isMobile?: boolean;\n  /** Opens the \"Edit field\" editor for a column's pending new field. */\n  onEditField: (header: string) => void;\n}\n\nexport function getImportModalStepProps({\n  state,\n  isMobile,\n  onEditField,\n}: GetImportModalStepProps): Partial<\n  CustomModalLayoutProps & { children?: ReactNode; onRequestClose?: () => void }\n> {\n  const { currentStep, translate: t } = state;\n\n  if (currentStep === 'upload') {\n    return {\n      title: t('cairo.import.title'),\n      subtitle: t('cairo.import.subtitle'),\n      children: <ImportStepUpload state={state} />,\n      footnote: (\n        <Box gap=\"SP1\" verticalAlign=\"middle\">\n          <Text size=\"small\" secondary>\n            {t('cairo.import.footerText')}\n          </Text>\n          <TextButton size=\"small\">{t('cairo.import.footerLink')}</TextButton>\n        </Box>\n      ),\n      showFooterDivider: false,\n      secondaryButtonText: t('cairo.import.cancel'),\n      secondaryButtonOnClick: state.close,\n      closeButtonProps: { onClick: state.close, autoFocus: true },\n      onRequestClose: state.close,\n    };\n  }\n\n  if (currentStep === 'configuration') {\n    const handleClose = () => state.discardAndClose();\n\n    return {\n      removeContentPadding: true,\n      title: isMobile ? (\n        <Box gap=\"SP1\" verticalAlign=\"middle\" direction=\"horizontal\">\n          {t('cairo.import.configureMappingsTitle')}\n          <CounterBadge\n            size=\"medium\"\n            skin=\"neutralLight\"\n            dataHook=\"import-columns-found-counter\"\n          >\n            {state.csvHeaders.length}\n          </CounterBadge>\n        </Box>\n      ) : (\n        <Box gap=\"SP1\" verticalAlign=\"middle\" direction=\"horizontal\">\n          <Heading size=\"medium\">\n            {t('cairo.import.configureMappingsTitle')}\n          </Heading>\n          <CounterBadge\n            size=\"medium\"\n            skin=\"neutralLight\"\n            dataHook=\"import-columns-found-counter\"\n          >\n            {state.csvHeaders.length}\n          </CounterBadge>\n        </Box>\n      ),\n      subtitle: t('cairo.import.subtitle'),\n      children: (\n        <ImportStepConfiguration state={state} onEditField={onEditField} />\n      ),\n      showFooterDivider: true,\n      primaryButtonText: t('cairo.import.startImport'),\n      primaryButtonOnClick: state.hasMappings ? state.startImport : undefined,\n      ...(isMobile\n        ? { primaryButtonProps: { disabled: !state.hasMappings } }\n        : {\n            primaryButtonTooltipProps: !state.hasMappings\n              ? { content: t('cairo.import.noMappingsTooltip') }\n              : undefined,\n          }),\n      secondaryButtonText: t('cairo.import.cancel'),\n      secondaryButtonOnClick: handleClose,\n      closeButtonProps: {\n        onClick: handleClose,\n        autoFocus: true,\n      },\n      onRequestClose: handleClose,\n    };\n  }\n\n  const hasError = state.importStatus.isError;\n\n  return {\n    title: hasError\n      ? t('cairo.import.failedTitle')\n      : t('cairo.import.progressTitle'),\n    children: <ImportStepProgress state={state} />,\n    showFooterDivider: false,\n    primaryButtonText: hasError\n      ? t('cairo.import.tryAgain')\n      : t('cairo.import.importing'),\n    primaryButtonOnClick: hasError ? state.startImport : undefined,\n    primaryButtonProps: { disabled: !hasError },\n    secondaryButtonText: state.isRestoring\n      ? t('cairo.import.restoring')\n      : t('cairo.import.cancel'),\n    secondaryButtonOnClick: state.close,\n    secondaryButtonProps: { disabled: state.isRestoring },\n    closeButtonProps: { onClick: state.close },\n    onRequestClose: state.isRestoring ? undefined : state.close,\n  };\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AASA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,wBAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AAA0D,IAAAM,YAAA;AASnD,SAASC,uBAAuBA,CAAC;EACtCC,KAAK;EACLC,QAAQ;EACRC;AACuB,CAAC,EAExB;EACA,MAAM;IAAEC,WAAW;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGL,KAAK;EAE3C,IAAIG,WAAW,KAAK,QAAQ,EAAE;IAC5B,OAAO;MACLG,KAAK,EAAED,CAAC,CAAC,oBAAoB,CAAC;MAC9BE,QAAQ,EAAEF,CAAC,CAAC,uBAAuB,CAAC;MACpCG,QAAQ,eAAEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACf,iBAAA,CAAAgB,gBAAgB;QAACX,KAAK,EAAEA,KAAM;QAAAY,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhB,YAAA;UAAAiB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC;MAC5CC,QAAQ,eACNxB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAA2B,GAAG;QAACC,GAAG,EAAC,KAAK;QAACC,aAAa,EAAC,QAAQ;QAAAR,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhB,YAAA;UAAAiB,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACnCvB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAA8B,IAAI;QAACC,IAAI,EAAC,OAAO;QAACC,SAAS;QAAAX,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhB,YAAA;UAAAiB,UAAA;UAAAC,YAAA;QAAA;MAAA,GACzBX,CAAC,CAAC,yBAAyB,CACxB,CAAC,eACPZ,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAAiC,UAAU;QAACF,IAAI,EAAC,OAAO;QAAAV,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhB,YAAA;UAAAiB,UAAA;UAAAC,YAAA;QAAA;MAAA,GAAEX,CAAC,CAAC,yBAAyB,CAAc,CAChE,CACN;MACDoB,iBAAiB,EAAE,KAAK;MACxBC,mBAAmB,EAAErB,CAAC,CAAC,qBAAqB,CAAC;MAC7CsB,sBAAsB,EAAE3B,KAAK,CAAC4B,KAAK;MACnCC,gBAAgB,EAAE;QAAEC,OAAO,EAAE9B,KAAK,CAAC4B,KAAK;QAAEG,SAAS,EAAE;MAAK,CAAC;MAC3DC,cAAc,EAAEhC,KAAK,CAAC4B;IACxB,CAAC;EACH;EAEA,IAAIzB,WAAW,KAAK,eAAe,EAAE;IACnC,MAAM8B,WAAW,GAAGA,CAAA,KAAMjC,KAAK,CAACkC,eAAe,CAAC,CAAC;IAEjD,OAAO;MACLC,oBAAoB,EAAE,IAAI;MAC1B7B,KAAK,EAAEL,QAAQ,gBACbR,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAA2B,GAAG;QAACC,GAAG,EAAC,KAAK;QAACC,aAAa,EAAC,QAAQ;QAACgB,SAAS,EAAC,YAAY;QAAAxB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhB,YAAA;UAAAiB,UAAA;UAAAC,YAAA;QAAA;MAAA,GACzDX,CAAC,CAAC,qCAAqC,CAAC,eACzCZ,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAA8C,YAAY;QACXf,IAAI,EAAC,QAAQ;QACbgB,IAAI,EAAC,cAAc;QACnBC,QAAQ,EAAC,8BAA8B;QAAA3B,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhB,YAAA;UAAAiB,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEtChB,KAAK,CAACwC,UAAU,CAACC,MACN,CACX,CAAC,gBAENhD,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAA2B,GAAG;QAACC,GAAG,EAAC,KAAK;QAACC,aAAa,EAAC,QAAQ;QAACgB,SAAS,EAAC,YAAY;QAAAxB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhB,YAAA;UAAAiB,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAC1DvB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAAmD,OAAO;QAACpB,IAAI,EAAC,QAAQ;QAAAV,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhB,YAAA;UAAAiB,UAAA;UAAAC,YAAA;QAAA;MAAA,GACnBX,CAAC,CAAC,qCAAqC,CACjC,CAAC,eACVZ,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAA8C,YAAY;QACXf,IAAI,EAAC,QAAQ;QACbgB,IAAI,EAAC,cAAc;QACnBC,QAAQ,EAAC,8BAA8B;QAAA3B,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhB,YAAA;UAAAiB,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEtChB,KAAK,CAACwC,UAAU,CAACC,MACN,CACX,CACN;MACDlC,QAAQ,EAAEF,CAAC,CAAC,uBAAuB,CAAC;MACpCG,QAAQ,eACNf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,wBAAA,CAAA+C,uBAAuB;QAAC3C,KAAK,EAAEA,KAAM;QAACE,WAAW,EAAEA,WAAY;QAAAU,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhB,YAAA;UAAAiB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CACnE;MACDS,iBAAiB,EAAE,IAAI;MACvBmB,iBAAiB,EAAEvC,CAAC,CAAC,0BAA0B,CAAC;MAChDwC,oBAAoB,EAAE7C,KAAK,CAAC8C,WAAW,GAAG9C,KAAK,CAAC+C,WAAW,GAAGC,SAAS;MACvE,IAAI/C,QAAQ,GACR;QAAEgD,kBAAkB,EAAE;UAAEC,QAAQ,EAAE,CAAClD,KAAK,CAAC8C;QAAY;MAAE,CAAC,GACxD;QACEK,yBAAyB,EAAE,CAACnD,KAAK,CAAC8C,WAAW,GACzC;UAAEM,OAAO,EAAE/C,CAAC,CAAC,gCAAgC;QAAE,CAAC,GAChD2C;MACN,CAAC,CAAC;MACNtB,mBAAmB,EAAErB,CAAC,CAAC,qBAAqB,CAAC;MAC7CsB,sBAAsB,EAAEM,WAAW;MACnCJ,gBAAgB,EAAE;QAChBC,OAAO,EAAEG,WAAW;QACpBF,SAAS,EAAE;MACb,CAAC;MACDC,cAAc,EAAEC;IAClB,CAAC;EACH;EAEA,MAAMoB,QAAQ,GAAGrD,KAAK,CAACsD,YAAY,CAACC,OAAO;EAE3C,OAAO;IACLjD,KAAK,EAAE+C,QAAQ,GACXhD,CAAC,CAAC,0BAA0B,CAAC,GAC7BA,CAAC,CAAC,4BAA4B,CAAC;IACnCG,QAAQ,eAAEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,mBAAA,CAAA2D,kBAAkB;MAACxD,KAAK,EAAEA,KAAM;MAAAY,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IAC9CS,iBAAiB,EAAE,KAAK;IACxBmB,iBAAiB,EAAES,QAAQ,GACvBhD,CAAC,CAAC,uBAAuB,CAAC,GAC1BA,CAAC,CAAC,wBAAwB,CAAC;IAC/BwC,oBAAoB,EAAEQ,QAAQ,GAAGrD,KAAK,CAAC+C,WAAW,GAAGC,SAAS;IAC9DC,kBAAkB,EAAE;MAAEC,QAAQ,EAAE,CAACG;IAAS,CAAC;IAC3C3B,mBAAmB,EAAE1B,KAAK,CAACyD,WAAW,GAClCpD,CAAC,CAAC,wBAAwB,CAAC,GAC3BA,CAAC,CAAC,qBAAqB,CAAC;IAC5BsB,sBAAsB,EAAE3B,KAAK,CAAC4B,KAAK;IACnC8B,oBAAoB,EAAE;MAAER,QAAQ,EAAElD,KAAK,CAACyD;IAAY,CAAC;IACrD5B,gBAAgB,EAAE;MAAEC,OAAO,EAAE9B,KAAK,CAAC4B;IAAM,CAAC;IAC1CI,cAAc,EAAEhC,KAAK,CAACyD,WAAW,GAAGT,SAAS,GAAGhD,KAAK,CAAC4B;EACxD,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_ImportStepUpload","_ImportStepConfiguration","_ImportStepProgress","_ImportRequiredFieldsSideNote","_ImportStepSummary","_jsxFileName","getImportModalStepProps","state","isMobile","currentStep","translate","t","title","subtitle","children","default","createElement","ImportStepUpload","__self","__source","fileName","lineNumber","columnNumber","footnote","Box","gap","verticalAlign","Text","size","secondary","TextButton","as","href","target","rel","showFooterDivider","secondaryButtonText","secondaryButtonOnClick","close","closeButtonProps","onClick","autoFocus","onRequestClose","handleClose","discardAndClose","removeContentPadding","direction","CounterBadge","skin","dataHook","csvHeaders","length","Heading","ImportStepConfiguration","sideActions","hasMissingRequiredFields","ImportRequiredFieldsSideNote","undefined","primaryButtonText","primaryButtonOnClick","hasMappings","startImport","primaryButtonProps","disabled","primaryButtonTooltipProps","content","succeeded","failed","result","hasFailures","imported","String","total","totalCount","ImportStepSummary","downloadFailedRows","done","hasError","importStatus","isError","ImportStepProgress","isRestoring","secondaryButtonProps"],"sources":["../../../../src/components/ImportButton/getImportModalStepProps.tsx"],"sourcesContent":["import {\n  Box,\n  CounterBadge,\n  CustomModalLayoutProps,\n  Heading,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { ImportState } from '@wix/bex-core';\nimport React, { ReactNode } from 'react';\nimport { ImportStepUpload } from './ImportStepUpload';\nimport { ImportStepConfiguration } from './ImportStepConfiguration';\nimport { ImportStepProgress } from './ImportStepProgress';\nimport { ImportRequiredFieldsSideNote } from './ImportRequiredFieldsSideNote';\nimport { ImportStepSummary } from './ImportStepSummary';\n\nexport interface GetImportModalStepProps {\n  state: ImportState;\n  isMobile?: boolean;\n}\n\nexport function getImportModalStepProps({\n  state,\n  isMobile,\n}: GetImportModalStepProps): Partial<\n  CustomModalLayoutProps & { children?: ReactNode; onRequestClose?: () => void }\n> {\n  const { currentStep, translate: t } = state;\n\n  if (currentStep === 'upload') {\n    return {\n      title: t('cairo.import.title'),\n      subtitle: t('cairo.import.subtitle'),\n      children: <ImportStepUpload state={state} />,\n      footnote: (\n        <Box gap=\"SP1\" verticalAlign=\"middle\">\n          <Text size=\"small\" secondary>\n            {t('cairo.import.footerText')}\n          </Text>\n          <TextButton\n            size=\"small\"\n            as=\"a\"\n            href=\"https://support.wix.com/en/article/import-data-from-a-file\"\n            target=\"_blank\"\n            rel=\"noopener\"\n          >\n            {t('cairo.import.footerLink')}\n          </TextButton>\n        </Box>\n      ),\n      showFooterDivider: false,\n      secondaryButtonText: t('cairo.import.cancel'),\n      secondaryButtonOnClick: state.close,\n      closeButtonProps: { onClick: state.close, autoFocus: true },\n      onRequestClose: state.close,\n    };\n  }\n\n  if (currentStep === 'configuration') {\n    const handleClose = () => state.discardAndClose();\n\n    return {\n      removeContentPadding: true,\n      title: isMobile ? (\n        <Box gap=\"SP1\" verticalAlign=\"middle\" direction=\"horizontal\">\n          {t('cairo.import.configureMappingsTitle')}\n          <CounterBadge\n            size=\"medium\"\n            skin=\"neutralLight\"\n            dataHook=\"import-columns-found-counter\"\n          >\n            {state.csvHeaders.length}\n          </CounterBadge>\n        </Box>\n      ) : (\n        <Box gap=\"SP1\" verticalAlign=\"middle\" direction=\"horizontal\">\n          <Heading size=\"medium\">\n            {t('cairo.import.configureMappingsTitle')}\n          </Heading>\n          <CounterBadge\n            size=\"medium\"\n            skin=\"neutralLight\"\n            dataHook=\"import-columns-found-counter\"\n          >\n            {state.csvHeaders.length}\n          </CounterBadge>\n        </Box>\n      ),\n      subtitle: t('cairo.import.subtitle'),\n      children: <ImportStepConfiguration state={state} />,\n      // Left-aligned footer side-note while required fields are unmapped\n      // (CAIRO-4452). Sits in the footer's button row (`sideActions`), not the\n      // full-width footnote strip. The Import button stays enabled; the click is\n      // blocked with a toast in `startImport`.\n      sideActions: state.hasMissingRequiredFields ? (\n        <ImportRequiredFieldsSideNote state={state} />\n      ) : undefined,\n      showFooterDivider: true,\n      primaryButtonText: t('cairo.import.startImport'),\n      primaryButtonOnClick: state.hasMappings ? state.startImport : undefined,\n      ...(isMobile\n        ? { primaryButtonProps: { disabled: !state.hasMappings } }\n        : {\n            primaryButtonTooltipProps: !state.hasMappings\n              ? { content: t('cairo.import.noMappingsTooltip') }\n              : undefined,\n          }),\n      secondaryButtonText: t('cairo.import.cancel'),\n      secondaryButtonOnClick: handleClose,\n      closeButtonProps: {\n        onClick: handleClose,\n        autoFocus: true,\n      },\n      onRequestClose: handleClose,\n    };\n  }\n\n  if (currentStep === 'summary') {\n    const { succeeded, failed } = state.result;\n    const hasFailures = failed > 0;\n\n    return {\n      title: t('cairo.import.summaryTitle', {\n        imported: String(succeeded),\n        total: state.totalCount,\n      }),\n      children: <ImportStepSummary state={state} />,\n      showFooterDivider: false,\n      // When rows failed, \"Download CSV\" is the primary (emphasized) action and\n      // \"Close\" the secondary — the user's next step is to fix the failures. A\n      // fully successful import has nothing to download, so \"Close\" is primary\n      // and stands alone.\n      ...(hasFailures\n        ? {\n            primaryButtonText: t('cairo.import.downloadCsv'),\n            primaryButtonOnClick: state.downloadFailedRows,\n            secondaryButtonText: t('cairo.import.close'),\n            secondaryButtonOnClick: state.done,\n          }\n        : {\n            primaryButtonText: t('cairo.import.close'),\n            primaryButtonOnClick: state.done,\n          }),\n      closeButtonProps: { onClick: state.done, autoFocus: true },\n      onRequestClose: state.done,\n    };\n  }\n\n  const hasError = state.importStatus.isError;\n\n  return {\n    title: hasError\n      ? t('cairo.import.failedTitle')\n      : t('cairo.import.progressTitle'),\n    children: <ImportStepProgress state={state} />,\n    showFooterDivider: false,\n    primaryButtonText: hasError\n      ? t('cairo.import.tryAgain')\n      : t('cairo.import.importing'),\n    primaryButtonOnClick: hasError ? state.startImport : undefined,\n    primaryButtonProps: { disabled: !hasError },\n    secondaryButtonText: state.isRestoring\n      ? t('cairo.import.restoring')\n      : t('cairo.import.cancel'),\n    secondaryButtonOnClick: state.close,\n    secondaryButtonProps: { disabled: state.isRestoring },\n    closeButtonProps: { onClick: state.close },\n    onRequestClose: state.isRestoring ? undefined : state.close,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/InputOverflow/InputOverflow.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_ = "InputOverflow287029217";
+var _namespace_ = "InputOverflow2655434443";
 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": "InputOverflow287029217__root"
+  "root": "InputOverflow2655434443__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/InputOverflow/InputOverflow.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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow287029217\";\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\":\"InputOverflow287029217__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,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow2655434443\";\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\":\"InputOverflow2655434443__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/LoadingRow/LoadingRow.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "LoadingRow1019223766";
+var _namespace_ = "LoadingRow59215511";
 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": "LoadingRow1019223766__root"
+  "root": "LoadingRow59215511__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow1019223766__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow59215511__gradientSwoosh"
 };
 var layers = exports.layers = {};
 var containers = exports.containers = {};

package/dist/cjs/components/LoadingRow/LoadingRow.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/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow1019223766\";\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\":\"LoadingRow1019223766__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow1019223766__gradientSwoosh\"}; \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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,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/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow59215511\";\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\":\"LoadingRow59215511__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow59215511__gradientSwoosh\"}; \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,oBAAoB;AACtC,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;AAA0B,CAAC;AACjD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAoC,CAAC;AACvE,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/MaxHeightText/MaxHeightText.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_ = "MaxHeightText2749124516";
+var _namespace_ = "MaxHeightText1409616332";
 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": "MaxHeightText2749124516__root"
+  "root": "MaxHeightText1409616332__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MaxHeightText/MaxHeightText.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/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText2749124516\";\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\":\"MaxHeightText2749124516__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText1409616332\";\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\":\"MaxHeightText1409616332__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/MaxLines/MaxLines.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_ = "MaxLines823584045";
+var _namespace_ = "MaxLines2439770051";
 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": "MaxLines823584045__root"
+  "root": "MaxLines2439770051__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MaxLines/MaxLines.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/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines823584045\";\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\":\"MaxLines823584045__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/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines2439770051\";\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\":\"MaxLines2439770051__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,oBAAoB;AACtC,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;AAA0B,CAAC;AACjD,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":[]}