npm - @wix/patterns - Versions diffs - 1.415.0 → 1.417.0 - Mend

@wix/patterns 1.415.0 → 1.417.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (443) hide show

package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js CHANGED Viewed

@@ -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_ = "EntityPagePlain583315663";
+var _namespace_ = "EntityPagePlain3351248795";
 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": "EntityPagePlain583315663__root"
+  "root": "EntityPagePlain3351248795__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js.map CHANGED Viewed

	@@ -1 +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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~EntityPagePlain583315663~~\";\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\":\"~~EntityPagePlain583315663__root~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,~~0BAA0B~~;~~AAC5C~~,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;~~AAAgC~~,CAAC;~~AACvD~~,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;EAAC,oCAAoC,EAAC;AAAsC,CAAC","ignoreList":[]}
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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain3351248795\";\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\":\"EntityPagePlain3351248795__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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;EAAC,oCAAoC,EAAC;AAAsC,CAAC","ignoreList":[]}

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

@@ -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_ = "Fade68256681";
+var _namespace_ = "Fade1213724873";
 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": "Fade68256681__root"
+  "root": "Fade1213724873__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

	@@ -1 +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_ = \"~~Fade68256681~~\";\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\":\"~~Fade68256681__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":[]}
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_ = \"Fade1213724873\";\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\":\"Fade1213724873__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":[]}

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

@@ -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_ = "Heading1825965899";
+var _namespace_ = "Heading1396813473";
 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": "Heading1825965899__root"
+  "root": "Heading1396813473__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

	@@ -1 +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_ = \"~~Heading1825965899~~\";\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\":\"~~Heading1825965899__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":[]}
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_ = \"Heading1396813473\";\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\":\"Heading1396813473__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/CAIRO-4118-tasks.md ADDED Viewed

@@ -0,0 +1,53 @@
+# CAIRO-4118 — Import CSV Modal: Error Handling, Validation & Edge Cases
+**Ticket:** [CAIRO-4118](https://wix.atlassian.net/browse/CAIRO-4118) · Status: In Progress · Priority: High
+**Area:** `packages/cairo/src/components/ImportButton`, `packages/core/src/state/ImportState`
+This tracker turns the ticket's task spec into individually-trackable items. All rows start `open`; flip to `done` / `dismiss` as resolved and record what was actually done (commit SHA, test name, rationale).
+## General
+| # | Task | Desired behavior | Status | Resolution / Notes |
+|---|---|---|---|---|
+| G1 | Success toast | On successful import, show a success toast | open | — |
+## Step 1 — Upload: File-Level Failures
+| # | Failure | Desired behavior | Status | Resolution / Notes |
+|---|---|---|---|---|
+| 1.1 | File can't be read | Toast: *"Couldn't read this file. Check your internet connection and that the file hasn't been moved or deleted."* + **"Try Again"** action | done | `ImportState.onFileSelected` now shows an ERROR toast (key `cairo.import.fileReadFailed`) with a **Try Again** action (`cairo.import.tryAgain`) that re-runs `onFileSelected(file)` on the `file.text()` read failure, instead of the inline parse-error text. Tests: *"shows a try-again toast and stays on upload step when the file cannot be read"*, *"retries reading the file when the toast try-again action is clicked"* in `Table.importButton.spec.tsx`. New key must be registered in the Translation Center (core `messages_en.json` is gitignored). |
+| 1.2 | Malformed CSV (parse error) | Toast: *"Couldn't process this file. Make sure it's a comma-separated CSV file."* | done | `ImportState.onFileSelected` now fires an ERROR toast (key `cairo.import.processFailed`) on a Papa parse error and stays on the upload step, instead of the inline `parseError` text. Removed the now-dead `parseError` observable, the inline `import-upload-error` UI in `ImportStepUpload.tsx`, and the `getUploadError`/`uploadErrorExists` driver methods. Test: *"shows an error toast and stays on upload step for a malformed CSV"* in `Table.importButton.spec.tsx`. New key must be registered in the Translation Center (core `messages_en.json` is gitignored). |
+| 1.3 | Non-UTF-8 encoding | Toast: *"Couldn't process this file due to its encoding. Make sure it's saved with UTF-8 encoding."* | done | `onFileSelected` reads raw bytes (`file.arrayBuffer()`) and decodes via `new TextDecoder('utf-8', { fatal: true })`, which throws on invalid UTF-8 — validating encoding against the bytes *before* decoding (the earlier U+FFFD-string heuristic was lossy / produced false positives; see PR #5468 review). A decode failure → ERROR toast (key `cairo.import.encodingFailed`) via `_rejectFile`, staying on upload step. `parseCsv` is now string-only. Test env polyfills `TextEncoder`/`TextDecoder` in `__tests__/spec-setup.ts`. Test: *"shows an encoding error toast and stays on upload step for a non-UTF-8 file"*. New key must be registered in the Translation Center (core `messages_en.json` is gitignored). |
+| ~~1.4~~ | ~~File too large / too many rows~~ | ~~Deferred until API size limit is known~~ | dismiss | Deferred in ticket (struck through) |
+## Step 2 — Configuration: Validations
+| # | Case | Desired behavior | Status | Resolution / Notes |
+|---|---|---|---|---|
+| 2.1 | Duplicate field mapping | Once a collection field is selected in one dropdown, **disable** it (visible but unselectable) in all other dropdowns | done | Shipped in PR #5130 (`feat(Import): disable already selected fields`). `ImportState.selectedFieldIds` (computed `Set` of mapped field ids) drives the per-dropdown `disabled` flag in `ImportStepConfiguration.tsx`: an option is disabled when `selectedFieldIds.has(option.id)` **and** it isn't the current header's own selection (so the field stays selectable in its own dropdown). Tests: *"disables already-selected fields in other dropdowns"*, *"does not disable a field in its own dropdown"* in `Table.importButton.spec.tsx` (both passing). |
+| 2.2 | Zero data rows | Show an **inline warning notice** inside step 2 (non-blocking) — user can still proceed or go back. [Design](https://www.figma.com/design/RpB9iQ6a43xcvKiovmJaA1/Import?node-id=72-39072) | done | Inline `SectionHelper` (skin `warning`, hook `import-no-rows-warning`) in `ImportStepConfiguration.tsx` with keys `cairo.import.noRowsWarningTitle` / `noRowsWarningDescription`. Trigger broadened from `csvRows.length === 0` to the new `ImportState.hasNoMappedData` computed — true when there are mappings but **no mapped column holds data in any row** (matching the design copy "no data was found inside the mapped columns"); it reacts to mapping changes and stays false when nothing is mapped yet (that case is covered by the disabled Import button + `noMappingsTooltip`). Non-blocking: Import stays enabled whenever `hasMappings` is true. Tests in `Table.importButton.spec.tsx`: *"...shows warning for CSV with headers but no rows"*, *"shows the warning when rows exist but the mapped columns are empty"*, *"does not show the warning when a mapped column has data"*. Keys already registered in the Translation Center. |
+| 2.3 | Mismatch between CSV data and chosen field | Dropdown enters **error state** with a status message | open | — |
+## Step 3 — Progress: Full Import Failures
+| # | Failure | Desired behavior | Status | Resolution / Notes |
+|---|---|---|---|---|
+| 3.1 | Backup fails (pre-upload backup throws) | Put modal into **error state**; replace progress label with error message; footer CTA → **"Try again"** (re-runs import). [Design](https://www.figma.com/design/RpB9iQ6a43xcvKiovmJaA1/Import?node-id=145-12691) | done | When `_runBackup` rejects, `ImportState.importStatus` goes to `queryStatus.error` (existing). The progress step now renders the error state: `ImportStepProgress.tsx` replaces the `import-progress-label` with an `import-error-message` Text and sets `error` on the `LinearProgressBar` whenever `importStatus.isError` (message = `errorHandler.getResolvedError(...)?.message ?? cairo.import.genericError`). The progress-step footer in `getImportModalStepProps.tsx` swaps the disabled **Importing** primary button for an enabled **Try again** (`cairo.import.tryAgain`, re-runs `state.startImport`) and changes the title to `cairo.import.failedTitle` when `importStatus.isError`. `startImport` now resets `importStatus` → `idle` and `result` → zero at the start of each attempt so a retry begins from a clean slate. Tests in `Table.importButton.spec.tsx`: *"puts the modal into error state and replaces the progress label with an error message when backup fails"*, *"re-runs the import when the 'Try again' CTA is clicked after a backup failure"*. All keys (`tryAgain`, `genericError`, `failedTitle`) already registered in the Translation Center. |
+| 3.2 | Full batch failure (network/server error on first batch) | Modal in **error state** with message and **try again** action | done | `ImportState._uploadBatches` now distinguishes a *thrown* batch error before anything was imported (`result.succeeded === 0`) from a partial failure: in that case it re-throws so `startImport`'s catch sets `importStatus` → `queryStatus.error`. This reuses the same error-state UI shipped for 3.1 (error message replacing the progress label, error `LinearProgressBar`, `cairo.import.failedTitle`, enabled **Try again** primary button re-running `startImport`). A thrown error *after* some batches succeeded keeps the existing partial-success inline message (that path becomes the 3.3 toast later). Tests in `Table.importButton.spec.tsx`: *"puts the modal into error state with a 'Try again' CTA when the first batch fails"* and *"re-runs the import when 'Try again' is clicked after a full batch failure"*. |
+| 3.3 | Partial success — some rows don't make it in, whether a batch *returns* row `errors` or *throws* after some succeeded | Close modal; show toast with how many failed / succeeded + action to **download the CSV** | done | `ImportState._uploadBatches` accumulates a single `_failedRowIndices` (global indices into `csvRows`) across the whole run: (a) rows the server rejects inside an OK response are read from each batch's returned `errors[].rowIndex`, offset by the batch's start index; (b) when a batch *throws* after at least one OK response, every row from the throwing batch onward (the throwing batch + all un-attempted batches) is added on top of any already-rejected rows. If *no* OK response arrived before a throw, it re-throws → full batch failure (3.2). `startImport`'s success branch closes the modal, refreshes the collection, and — whenever `_failedRowIndices` is non-empty — fires a `WARNING` toast: message `cairo.import.partialSuccessToast` ("{failed} rows failed, {imported} rows imported", `failed = _failedRowIndices.length`, `imported = totalCount - failed`) with a `cairo.import.downloadFailedRows` ("Download failed rows") action. The action serializes `csvHeaders` + the failed rows via the `unparseCsv` helper (`parseCsv.ts`, `Papa.unparse`) and downloads through the `downloadCsv` prop, wired in `useImport.ts` from `container.window.download` as a `data:text/csv` URI (filename `failed-<original>`). `BulkUploadResults` was **not** changed — failed-row tracking lives entirely in `ImportState` (it owns `csvRows` + batching). The previous behavior, where a returned-`errors` batch left the modal open on an inline partial-success message, was the bug fixed here. Tests in `Table.importButton.spec.tsx`: throw path — *"closes the modal and shows a toast when a batch fails after some succeed"*, *"downloads only the failed rows when the toast download action is clicked"*; returned-errors path — *"closes the modal and shows a toast when a batch returns row errors"*, *"downloads the rejected rows when a batch returns row errors"*. New keys `partialSuccessToast` / `downloadFailedRows` must be registered in the Translation Center (core `messages_en.json` + generated `translations.ts` are gitignored). |
+## Status summary
+| # | Topic | Status |
+|---|---|---|
+| G1 | Success toast | open |
+| 1.1 | File can't be read | done |
+| 1.2 | Malformed CSV | done |
+| 1.3 | Non-UTF-8 encoding | done |
+| 1.4 | File too large | dismiss (deferred) |
+| 2.1 | Duplicate field mapping | done |
+| 2.2 | Zero data rows | done |
+| 2.3 | Field/data mismatch | open |
+| 3.1 | Backup fails | done |
+| 3.2 | Full batch failure | done |
+| 3.3 | Partial success | done |

package/dist/cjs/components/ImportButton/ImportModal.uni.driver.js CHANGED Viewed

@@ -47,13 +47,9 @@ function ImportModalUniDriver(base, body) {
         bubbles: true
       }));
     },
-    getUploadError: () => modalLayoutBase().$('[data-hook="import-upload-error"]').text(),
-    uploadErrorExists: () => modalLayoutBase().$('[data-hook="import-upload-error"]').exists(),
     noRowsWarningExists: () => modalLayoutBase().$('[data-hook="import-no-rows-warning"]').exists(),
     getProgressLabel: () => progressLabelBase().text(),
     progressLabelExists: () => progressLabelBase().exists(),
-    getPartialErrorText: () => modalLayoutBase().$('[data-hook="import-partial-error"]').text(),
-    partialErrorExists: () => modalLayoutBase().$('[data-hook="import-partial-error"]').exists(),
     getErrorMessageText: () => modalLayoutBase().$('[data-hook="import-error-message"]').text(),
     errorMessageExists: () => modalLayoutBase().$('[data-hook="import-error-message"]').exists(),
     /** Get the CounterBadge driver for the columns found counter */

package/dist/cjs/components/ImportButton/ImportModal.uni.driver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_unidriver","require","_unidriver2","_unidriver3","ImportModalUniDriver","base","body","modalBase","$","modalLayoutBase","footerBase","getModal","ModalUniDriver","getModalLayout","CustomModalLayoutUniDriver","getFooterText","TextUniDriver","getText","footerExists","exists","fileInputBase","configurationStepBase","summaryStepBase","progressLabelBase","wait","timeout","baseUniDriverFactory","waitModalClosed","waitFor","clickPrimaryAction","getPrimaryButtonDriver","click","getPrimaryActionText","getButtonTextContent","isPrimaryButtonDisabled","isButtonDisabled","getSecondaryButtonText","getSecondaryButtonDriver","clickSecondaryAction","clickCloseButton","getModalTitle","getTitleText","getSubtitleText","isUploadStepVisible","isConfigurationStepVisible","isSummaryStepVisible","uploadFile","file","nativeInput","getNative","Object","defineProperty","value","dispatchEvent","Event","bubbles","~~getUploadError","text","uploadErrorExists","~~noRowsWarningExists","getProgressLabel","~~progressLabelExists~~","~~getPartialErrorText~~","~~partialErrorExists","~~getErrorMessageText","errorMessageExists","getColumnsFoundCounter","CounterBadgeUniDriver","getMappingDropdown","header","DropdownUniDriver","getDiscardChangesModal","MessageModalLayoutUniDriver","_default","exports","default"],"sources":["../../../../src/components/ImportButton/ImportModal.uni.driver.ts"],"sourcesContent":["import { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n CounterBadgeUniDriver,\n CustomModalLayoutUniDriver,\n DropdownUniDriver,\n MessageModalLayoutUniDriver,\n ModalUniDriver,\n TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function ImportModalUniDriver(base: UniDriver, body: UniDriver) {\n const modalBase = () => body.$('.portal-import-modal');\n const modalLayoutBase = () => body.$('[data-hook=\"import-modal-layout\"]');\n const footerBase = () =>\n modalLayoutBase().$('[data-hook=\"import-modal-footer-text\"]');\n\n const getModal = () => ModalUniDriver(modalBase(), modalBase());\n\n const getModalLayout = () =>\n CustomModalLayoutUniDriver(modalLayoutBase(), body);\n\n const getFooterText = async () =>\n (await TextUniDriver(footerBase(), body)).getText();\n\n const footerExists = () => footerBase().exists();\n\n const fileInputBase = () =>\n modalLayoutBase().$('[data-hook=\"import-file-input\"]');\n const configurationStepBase = () =>\n modalLayoutBase().$('[data-hook=\"import-mapping-step\"]');\n const summaryStepBase = () =>\n modalLayoutBase().$('[data-hook=\"import-summary-step\"]');\n const progressLabelBase = () =>\n modalLayoutBase().$('[data-hook=\"import-progress-label\"]');\n\n return {\n wait: (timeout?: number) => base.wait(timeout),\n ...baseUniDriverFactory(base),\n getModal,\n getModalLayout,\n waitModalClosed: (timeout?: number) =>\n waitFor(async () => !(await getModalLayout().exists()), timeout),\n clickPrimaryAction: async () =>\n (await getModalLayout().getPrimaryButtonDriver()).click(),\n getPrimaryActionText: async () =>\n (await getModalLayout().getPrimaryButtonDriver()).getButtonTextContent(),\n isPrimaryButtonDisabled: async () =>\n (await getModalLayout().getPrimaryButtonDriver()).isButtonDisabled(),\n getSecondaryButtonText: async () =>\n (\n await getModalLayout().getSecondaryButtonDriver()\n ).getButtonTextContent(),\n clickSecondaryAction: async () =>\n (await getModalLayout().getSecondaryButtonDriver()).click(),\n clickCloseButton: () => getModalLayout().clickCloseButton(),\n getModalTitle: () => getModalLayout().getTitleText(),\n getSubtitleText: () => getModalLayout().getSubtitleText(),\n getFooterText,\n footerExists,\n\n isUploadStepVisible: () => fileInputBase().exists(),\n isConfigurationStepVisible: () => configurationStepBase().exists(),\n isSummaryStepVisible: () => summaryStepBase().exists(),\n\n /** Simulates selecting a file in the upload step /\n uploadFile: async (file: File) => {\n const nativeInput: HTMLInputElement = await fileInputBase()\n .$('input[type=\"file\"]')\n .getNative();\n Object.defineProperty(nativeInput, 'files', { value: [file] });\n nativeInput.dispatchEvent(new Event('change', { bubbles: true }));\n },\n\n getUploadError: () =>\n modalLayoutBase().$('[data-hook=\"import-upload-error\"]').text(),\n uploadErrorExists: () =>\n modalLayoutBase().$('[data-hook=\"import-upload-error\"]').exists(),\n\n noRowsWarningExists: () =>\n modalLayoutBase().$('[data-hook=\"import-no-rows-warning\"]').exists(),\n\n getProgressLabel: () => progressLabelBase().text(),\n progressLabelExists: () => progressLabelBase().exists(),\n\n getPartialErrorText: () =>\n modalLayoutBase().$('[data-hook=\"import-partial-error\"]').text(),\n partialErrorExists: () =>\n modalLayoutBase().$('[data-hook=\"import-partial-error\"]').exists(),\n\n getErrorMessageText: () =>\n modalLayoutBase().$('[data-hook=\"import-error-message\"]').text(),\n errorMessageExists: () =>\n modalLayoutBase().$('[data-hook=\"import-error-message\"]').exists(),\n\n /* Get the CounterBadge driver for the columns found counter /\n getColumnsFoundCounter: () =>\n CounterBadgeUniDriver(\n modalLayoutBase().$('[data-hook=\"import-columns-found-counter\"]'),\n body,\n ),\n\n /* Get the Dropdown driver for a specific CSV header mapping /\n getMappingDropdown: (header: string) =>\n DropdownUniDriver(\n modalLayoutBase().$(`[data-hook=\"import-mapping-${header}\"]`),\n body,\n ),\n\n /* Get the discard changes confirmation modal driver */\n getDiscardChangesModal: () =>\n MessageModalLayoutUniDriver(\n body.$('[data-hook=\"import-discard-changes-modal\"]'),\n body,\n ),\n };\n}\n\nexport default ImportModalUniDriver;\n"],"mappings":"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~~cAAc~~,EAAEA,CAAA,~~KACd~~/C,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,~~mCAAmC,CAAC,CAACiD,IAAI,CAAC,CAAC;IACjEC,iBAAiB,EAAEA,CAAA,KACjBjD,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,mCAAmC,CAAC,CAACW,MAAM,CAAC,CAAC;IAEnEwC,mBAAmB,EAAEA,CAAA,KACnBlD,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,~~sCAAsC,CAAC,CAACW,MAAM,CAAC,CAAC;~~IAEtEyC~~,gBAAgB,EAAEA,CAAA,~~KAAMrC~~,iBAAiB,CAAC,CAAC,~~CAACkC~~,IAAI,CAAC,CAAC;~~IAClDI~~,mBAAmB,EAAEA,CAAA,~~KAAMtC~~,iBAAiB,CAAC,CAAC,CAACJ,MAAM,CAAC,CAAC;~~IAEvD2C~~,mBAAmB,EAAEA,CAAA,~~KACnBrD~~,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,oCAAoC,CAAC,~~CAACiD~~,IAAI,CAAC,CAAC;~~IAClEM~~,kBAAkB,EAAEA,CAAA,~~KAClBtD~~,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,oCAAoC,CAAC,CAACW,MAAM,CAAC,CAAC;~~IAEpE6C,mBAAmB,EAAEA,CAAA,KACnBvD,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,oCAAoC,CAAC,CAACiD,IAAI,CAAC,CAAC;IAClEQ,kBAAkB,EAAEA,CAAA,KAClBxD,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,oCAAoC,CAAC,CAACW,MAAM,CAAC,CAAC;~~IAEpE;~~IACA+C~~,sBAAsB,EAAEA,CAAA,KACtB,IAAAC,iCAAqB,~~EACnB1D~~,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,4CAA4C,CAAC,EACjEF,IACF,CAAC;IAEH;~~IACA8D~~,kBAAkB,EAAGC,MAAc,IACjC,IAAAC,6BAAiB,~~EACf7D~~,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,~~8BAA8B6D~~,MAAM,IAAI,CAAC,~~EAC7D/D~~,IACF,CAAC;IAEH;~~IACAiE~~,sBAAsB,EAAEA,CAAA,KACtB,IAAAC,uCAA2B,~~EACzBlE~~,IAAI,CAACE,CAAC,CAAC,4CAA4C,CAAC,EACpDF,IACF;EACJ,CAAC;AACH;AAAC,~~IAAAmE~~,QAAA,GAAAC,OAAA,CAAAC,OAAA,~~GAEcvE~~,oBAAoB","ignoreList":[]}
1	+ {"version":3,"names":["_unidriver","require","_unidriver2","_unidriver3","ImportModalUniDriver","base","body","modalBase","$","modalLayoutBase","footerBase","getModal","ModalUniDriver","getModalLayout","CustomModalLayoutUniDriver","getFooterText","TextUniDriver","getText","footerExists","exists","fileInputBase","configurationStepBase","summaryStepBase","progressLabelBase","wait","timeout","baseUniDriverFactory","waitModalClosed","waitFor","clickPrimaryAction","getPrimaryButtonDriver","click","getPrimaryActionText","getButtonTextContent","isPrimaryButtonDisabled","isButtonDisabled","getSecondaryButtonText","getSecondaryButtonDriver","clickSecondaryAction","clickCloseButton","getModalTitle","getTitleText","getSubtitleText","isUploadStepVisible","isConfigurationStepVisible","isSummaryStepVisible","uploadFile","file","nativeInput","getNative","Object","defineProperty","value","dispatchEvent","Event","bubbles","noRowsWarningExists","getProgressLabel","text","progressLabelExists","getErrorMessageText","errorMessageExists","getColumnsFoundCounter","CounterBadgeUniDriver","getMappingDropdown","header","DropdownUniDriver","getDiscardChangesModal","MessageModalLayoutUniDriver","_default","exports","default"],"sources":["../../../../src/components/ImportButton/ImportModal.uni.driver.ts"],"sourcesContent":["import { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n CounterBadgeUniDriver,\n CustomModalLayoutUniDriver,\n DropdownUniDriver,\n MessageModalLayoutUniDriver,\n ModalUniDriver,\n TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function ImportModalUniDriver(base: UniDriver, body: UniDriver) {\n const modalBase = () => body.$('.portal-import-modal');\n const modalLayoutBase = () => body.$('[data-hook=\"import-modal-layout\"]');\n const footerBase = () =>\n modalLayoutBase().$('[data-hook=\"import-modal-footer-text\"]');\n\n const getModal = () => ModalUniDriver(modalBase(), modalBase());\n\n const getModalLayout = () =>\n CustomModalLayoutUniDriver(modalLayoutBase(), body);\n\n const getFooterText = async () =>\n (await TextUniDriver(footerBase(), body)).getText();\n\n const footerExists = () => footerBase().exists();\n\n const fileInputBase = () =>\n modalLayoutBase().$('[data-hook=\"import-file-input\"]');\n const configurationStepBase = () =>\n modalLayoutBase().$('[data-hook=\"import-mapping-step\"]');\n const summaryStepBase = () =>\n modalLayoutBase().$('[data-hook=\"import-summary-step\"]');\n const progressLabelBase = () =>\n modalLayoutBase().$('[data-hook=\"import-progress-label\"]');\n\n return {\n wait: (timeout?: number) => base.wait(timeout),\n ...baseUniDriverFactory(base),\n getModal,\n getModalLayout,\n waitModalClosed: (timeout?: number) =>\n waitFor(async () => !(await getModalLayout().exists()), timeout),\n clickPrimaryAction: async () =>\n (await getModalLayout().getPrimaryButtonDriver()).click(),\n getPrimaryActionText: async () =>\n (await getModalLayout().getPrimaryButtonDriver()).getButtonTextContent(),\n isPrimaryButtonDisabled: async () =>\n (await getModalLayout().getPrimaryButtonDriver()).isButtonDisabled(),\n getSecondaryButtonText: async () =>\n (\n await getModalLayout().getSecondaryButtonDriver()\n ).getButtonTextContent(),\n clickSecondaryAction: async () =>\n (await getModalLayout().getSecondaryButtonDriver()).click(),\n clickCloseButton: () => getModalLayout().clickCloseButton(),\n getModalTitle: () => getModalLayout().getTitleText(),\n getSubtitleText: () => getModalLayout().getSubtitleText(),\n getFooterText,\n footerExists,\n\n isUploadStepVisible: () => fileInputBase().exists(),\n isConfigurationStepVisible: () => configurationStepBase().exists(),\n isSummaryStepVisible: () => summaryStepBase().exists(),\n\n /** Simulates selecting a file in the upload step /\n uploadFile: async (file: File) => {\n const nativeInput: HTMLInputElement = await fileInputBase()\n .$('input[type=\"file\"]')\n .getNative();\n Object.defineProperty(nativeInput, 'files', { value: [file] });\n nativeInput.dispatchEvent(new Event('change', { bubbles: true }));\n },\n\n noRowsWarningExists: () =>\n modalLayoutBase().$('[data-hook=\"import-no-rows-warning\"]').exists(),\n\n getProgressLabel: () => progressLabelBase().text(),\n progressLabelExists: () => progressLabelBase().exists(),\n\n getErrorMessageText: () =>\n modalLayoutBase().$('[data-hook=\"import-error-message\"]').text(),\n errorMessageExists: () =>\n modalLayoutBase().$('[data-hook=\"import-error-message\"]').exists(),\n\n /* Get the CounterBadge driver for the columns found counter /\n getColumnsFoundCounter: () =>\n CounterBadgeUniDriver(\n modalLayoutBase().$('[data-hook=\"import-columns-found-counter\"]'),\n body,\n ),\n\n /* Get the Dropdown driver for a specific CSV header mapping /\n getMappingDropdown: (header: string) =>\n DropdownUniDriver(\n modalLayoutBase().$(`[data-hook=\"import-mapping-${header}\"]`),\n body,\n ),\n\n /* Get the discard changes confirmation modal driver */\n getDiscardChangesModal: () =>\n MessageModalLayoutUniDriver(\n body.$('[data-hook=\"import-discard-changes-modal\"]'),\n body,\n ),\n };\n}\n\nexport default ImportModalUniDriver;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ImportButton/ImportStepConfiguration.js CHANGED Viewed

@@ -32,7 +32,7 @@ function _ImportStepConfiguration({
   const {
     selectedFieldIds
   } = state;
-  const hasNoRows = state.csvRows.length === 0;
+  const hasNoRows = state.hasNoMappedData;
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
     dataHook: "import-mapping-step",

package/dist/cjs/components/ImportButton/ImportStepConfiguration.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","COLUMN_WIDTHS","title","arrow","field","SCROLLBAR_GUTTER","scrollbarGutter","_ImportStepConfiguration","state","csvHeaders","fields","translate","t","baseDropdownOptions","filter","id","map","listItemSelectBuilder","label","header","selectedFieldIds","hasNoRows","csvRows","length","default","createElement","Box","direction","dataHook","gap","__self","__source","fileName","lineNumber","columnNumber","padding","SectionHelper","skin","flex","minHeight","display","backgroundColor","boxShadow","gridTemplateColumns","flexShrink","style","minWidth","Text","size","weight","ellipsis","overflowY","maxHeight","index","TableListItem","key","showDivider","options","value","width","align","ArrowRight","Dropdown","clearButton","onClear","setMapping","placeholder","selectedId","mappingByHeader","undefined","onSelect","popoverProps","appendTo","zIndex","flip","fixed","option","disabled","has","String","ImportStepConfiguration","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportStepConfiguration.tsx"],"sourcesContent":["import {\n Box,\n Dropdown,\n Text,\n TableListItem,\n listItemSelectBuilder,\n SectionHelper,\n} from '@wix/design-system';\nimport { ArrowRight } 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 ImportStepConfigurationProps {\n state: ImportState;\n}\n\nconst COLUMN_WIDTHS = {\n title: 'minmax(0, 150px)',\n arrow: '1fr',\n field: 'minmax(0, 250px)',\n};\nconst SCROLLBAR_GUTTER: React.CSSProperties = { scrollbarGutter: 'stable' };\n\nfunction _ImportStepConfiguration({ state }: ImportStepConfigurationProps) {\n const { csvHeaders, fields, translate: t } = state;\n\n const baseDropdownOptions = fields\n .filter((field) => field.id != null)\n .map((field) =>\n listItemSelectBuilder({\n id: field.id!,\n label: field.header,\n title: field.header,\n }),\n );\n\n const { selectedFieldIds } = state;\n\n const hasNoRows = state.csvRows.length === 0;\n\n return (\n <Box direction=\"vertical\" dataHook=\"import-mapping-step\" gap=\"SP3\">\n {hasNoRows && (\n <Box padding=\"0 SP4\">\n <SectionHelper\n dataHook=\"import-no-rows-warning\"\n skin=\"warning\"\n title={t('cairo.import.noRowsWarningTitle')}\n >\n {t('cairo.import.noRowsWarningDescription')}\n </SectionHelper>\n </Box>\n )}\n\n <Box direction=\"vertical\" flex={1} minHeight={0}>\n <Box\n display=\"grid\"\n direction=\"horizontal\"\n gap=\"SP4\"\n padding=\"SP2 SP4\"\n backgroundColor=\"var(--wds-color-fill-surface-neutral,var(--wsr-color-D75, #F7F8F8))\"\n boxShadow=\"inset 0 1px 0 0 var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB)), inset 0 -1px 0 0 var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))\"\n gridTemplateColumns={`${COLUMN_WIDTHS.title} ${COLUMN_WIDTHS.arrow} ${COLUMN_WIDTHS.field}`}\n flexShrink={0}\n style={SCROLLBAR_GUTTER}\n >\n <Box minWidth={0} direction=\"vertical\">\n <Text size=\"small\" weight=\"thin\" ellipsis>\n {t('cairo.import.columnTitle')}\n </Text>\n </Box>\n\n <Box minWidth={0} direction=\"vertical\" />\n\n <Box minWidth={0} direction=\"vertical\">\n <Text size=\"small\" weight=\"thin\" ellipsis>\n {t('cairo.import.collectionField')}\n </Text>\n </Box>\n </Box>\n\n <Box\n direction=\"vertical\"\n overflowY=\"auto\"\n maxHeight={hasNoRows ? 'calc(80vh - 420px)' : 'calc(80vh - 300px)'}\n style={SCROLLBAR_GUTTER}\n >\n {csvHeaders.map((header, index) => (\n <TableListItem\n key={header}\n showDivider={index < csvHeaders.length - 1}\n options={[\n {\n value: (\n <Text ellipsis size=\"small\">\n {header}\n </Text>\n ),\n width: COLUMN_WIDTHS.title,\n },\n {\n value: (\n <Box align=\"center\">\n <ArrowRight />\n </Box>\n ),\n width: COLUMN_WIDTHS.arrow,\n },\n {\n value: (\n <Dropdown\n dataHook={`import-mapping-${header}`}\n clearButton\n onClear={() => {\n state.setMapping(header, null);\n }}\n placeholder={t('cairo.import.skipColumn')}\n selectedId={state.mappingByHeader[header] ?? undefined}\n onSelect={({ id }) => {\n state.setMapping(header, id as string);\n }}\n popoverProps={{\n appendTo: 'window',\n zIndex: 5001,\n flip: true,\n fixed: false,\n }}\n options={baseDropdownOptions.map((option) => ({\n ...option,\n disabled:\n selectedFieldIds.has(String(option.id)) &&\n state.mappingByHeader[header] !== String(option.id),\n }))}\n size=\"small\"\n />\n ),\n width: COLUMN_WIDTHS.field,\n },\n ]}\n />\n ))}\n </Box>\n </Box>\n </Box>\n );\n}\n\nexport const ImportStepConfiguration = observer(_ImportStepConfiguration);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAQA,IAAAC,iBAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAA2C,IAAAK,YAAA;AAM3C,MAAMC,aAAa,GAAG;EACpBC,KAAK,EAAE,kBAAkB;EACzBC,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE;AACT,CAAC;AACD,MAAMC,gBAAqC,GAAG;EAAEC,eAAe,EAAE;AAAS,CAAC;AAE3E,SAASC,wBAAwBA,CAAC;EAAEC;AAAoC,CAAC,EAAE;EACzE,MAAM;IAAEC,UAAU;IAAEC,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGJ,KAAK;EAElD,MAAMK,mBAAmB,GAAGH,MAAM,CAC/BI,MAAM,CAAEV,KAAK,IAAKA,KAAK,CAACW,EAAE,IAAI,IAAI,CAAC,CACnCC,GAAG,CAAEZ,KAAK,IACT,IAAAa,mCAAqB,EAAC;IACpBF,EAAE,EAAEX,KAAK,CAACW,EAAG;IACbG,KAAK,EAAEd,KAAK,CAACe,MAAM;IACnBjB,KAAK,EAAEE,KAAK,CAACe;EACf,CAAC,CACH,CAAC;EAEH,MAAM;IAAEC;EAAiB,CAAC,GAAGZ,KAAK;EAElC,MAAMa,SAAS,GAAGb,KAAK,CAACc,OAAO,CAACC,MAAM,KAAK,CAAC;EAE5C,oBACE1B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC/B,aAAA,CAAAgC,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,QAAQ,EAAC,qBAAqB;IAACC,GAAG,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC/Db,SAAS,iBACRxB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC/B,aAAA,CAAAgC,GAAG;IAACS,OAAO,EAAC,OAAO;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBrC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC/B,aAAA,CAAA0C,aAAa;IACZR,QAAQ,EAAC,wBAAwB;IACjCS,IAAI,EAAC,SAAS;IACdnC,KAAK,EAAEU,CAAC,CAAC,iCAAiC,CAAE;IAAAkB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE3CtB,CAAC,CAAC,uCAAuC,CAC7B,CACZ,CACN,eAEDf,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC/B,aAAA,CAAAgC,GAAG;IAACC,SAAS,EAAC,UAAU;IAACW,IAAI,EAAE,CAAE;IAACC,SAAS,EAAE,CAAE;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC9CrC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC/B,aAAA,CAAAgC,GAAG;IACFc,OAAO,EAAC,MAAM;IACdb,SAAS,EAAC,YAAY;IACtBE,GAAG,EAAC,KAAK;IACTM,OAAO,EAAC,SAAS;IACjBM,eAAe,EAAC,qEAAqE;IACrFC,SAAS,EAAC,+KAA+K;IACzLC,mBAAmB,EAAE,GAAG1C,aAAa,CAACC,KAAK,IAAID,aAAa,CAACE,KAAK,IAAIF,aAAa,CAACG,KAAK,EAAG;IAC5FwC,UAAU,EAAE,CAAE;IACdC,KAAK,EAAExC,gBAAiB;IAAAyB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAExBrC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC/B,aAAA,CAAAgC,GAAG;IAACoB,QAAQ,EAAE,CAAE;IAACnB,SAAS,EAAC,UAAU;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpCrC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC/B,aAAA,CAAAqD,IAAI;IAACC,IAAI,EAAC,OAAO;IAACC,MAAM,EAAC,MAAM;IAACC,QAAQ;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACtCtB,CAAC,CAAC,0BAA0B,CACzB,CACH,CAAC,eAENf,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC/B,aAAA,CAAAgC,GAAG;IAACoB,QAAQ,EAAE,CAAE;IAACnB,SAAS,EAAC,UAAU;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAEzCrC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC/B,aAAA,CAAAgC,GAAG;IAACoB,QAAQ,EAAE,CAAE;IAACnB,SAAS,EAAC,UAAU;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpCrC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC/B,aAAA,CAAAqD,IAAI;IAACC,IAAI,EAAC,OAAO;IAACC,MAAM,EAAC,MAAM;IAACC,QAAQ;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACtCtB,CAAC,CAAC,8BAA8B,CAC7B,CACH,CACF,CAAC,eAENf,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC/B,aAAA,CAAAgC,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBwB,SAAS,EAAC,MAAM;IAChBC,SAAS,EAAE/B,SAAS,GAAG,oBAAoB,GAAG,oBAAqB;IACnEwB,KAAK,EAAExC,gBAAiB;IAAAyB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEvBzB,UAAU,CAACO,GAAG,CAAC,CAACG,MAAM,EAAEkC,KAAK,kBAC5BxD,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC/B,aAAA,CAAA4D,aAAa;IACZC,GAAG,EAAEpC,MAAO;IACZqC,WAAW,EAAEH,KAAK,GAAG5C,UAAU,CAACc,MAAM,GAAG,CAAE;IAC3CkC,OAAO,EAAE,CACP;MACEC,KAAK,eACH7D,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC/B,aAAA,CAAAqD,IAAI;QAACG,QAAQ;QAACF,IAAI,EAAC,OAAO;QAAAlB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhC,YAAA;UAAAiC,UAAA;UAAAC,YAAA;QAAA;MAAA,GACxBf,MACG,CACP;MACDwC,KAAK,EAAE1D,aAAa,CAACC;IACvB,CAAC,EACD;MACEwD,KAAK,eACH7D,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC/B,aAAA,CAAAgC,GAAG;QAACkC,KAAK,EAAC,QAAQ;QAAA9B,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhC,YAAA;UAAAiC,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACjBrC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC7B,iBAAA,CAAAiE,UAAU;QAAA/B,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhC,YAAA;UAAAiC,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CACV,CACN;MACDyB,KAAK,EAAE1D,aAAa,CAACE;IACvB,CAAC,EACD;MACEuD,KAAK,eACH7D,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC/B,aAAA,CAAAoE,QAAQ;QACPlC,QAAQ,EAAE,kBAAkBT,MAAM,EAAG;QACrC4C,WAAW;QACXC,OAAO,EAAEA,CAAA,KAAM;UACbxD,KAAK,CAACyD,UAAU,CAAC9C,MAAM,EAAE,IAAI,CAAC;QAChC,CAAE;QACF+C,WAAW,EAAEtD,CAAC,CAAC,yBAAyB,CAAE;QAC1CuD,UAAU,EAAE3D,KAAK,CAAC4D,eAAe,CAACjD,MAAM,CAAC,IAAIkD,SAAU;QACvDC,QAAQ,EAAEA,CAAC;UAAEvD;QAAG,CAAC,KAAK;UACpBP,KAAK,CAACyD,UAAU,CAAC9C,MAAM,EAAEJ,EAAY,CAAC;QACxC,CAAE;QACFwD,YAAY,EAAE;UACZC,QAAQ,EAAE,QAAQ;UAClBC,MAAM,EAAE,IAAI;UACZC,IAAI,EAAE,IAAI;UACVC,KAAK,EAAE;QACT,CAAE;QACFlB,OAAO,EAAE5C,mBAAmB,CAACG,GAAG,CAAE4D,MAAM,KAAM;UAC5C,GAAGA,MAAM;UACTC,QAAQ,EACNzD,gBAAgB,CAAC0D,GAAG,CAACC,MAAM,CAACH,MAAM,CAAC7D,EAAE,CAAC,CAAC,IACvCP,KAAK,CAAC4D,eAAe,CAACjD,MAAM,CAAC,KAAK4D,MAAM,CAACH,MAAM,CAAC7D,EAAE;QACtD,CAAC,CAAC,CAAE;QACJiC,IAAI,EAAC,OAAO;QAAAlB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhC,YAAA;UAAAiC,UAAA;UAAAC,YAAA;QAAA;MAAA,CACb,CACF;MACDyB,KAAK,EAAE1D,aAAa,CAACG;IACvB,CAAC,CACD;IAAA0B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACF,CACE,CACF,CACF,CAAC;AAEV;AAEO,MAAM8C,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,uBAAQ,EAAC3E,wBAAwB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","COLUMN_WIDTHS","title","arrow","field","SCROLLBAR_GUTTER","scrollbarGutter","_ImportStepConfiguration","state","csvHeaders","fields","translate","t","baseDropdownOptions","filter","id","map","listItemSelectBuilder","label","header","selectedFieldIds","hasNoRows","hasNoMappedData","default","createElement","Box","direction","dataHook","gap","__self","__source","fileName","lineNumber","columnNumber","padding","SectionHelper","skin","flex","minHeight","display","backgroundColor","boxShadow","gridTemplateColumns","flexShrink","style","minWidth","Text","size","weight","ellipsis","overflowY","maxHeight","index","TableListItem","key","showDivider","length","options","value","width","align","ArrowRight","Dropdown","clearButton","onClear","setMapping","placeholder","selectedId","mappingByHeader","undefined","onSelect","popoverProps","appendTo","zIndex","flip","fixed","option","disabled","has","String","ImportStepConfiguration","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportStepConfiguration.tsx"],"sourcesContent":["import {\n Box,\n Dropdown,\n Text,\n TableListItem,\n listItemSelectBuilder,\n SectionHelper,\n} from '@wix/design-system';\nimport { ArrowRight } 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 ImportStepConfigurationProps {\n state: ImportState;\n}\n\nconst COLUMN_WIDTHS = {\n title: 'minmax(0, 150px)',\n arrow: '1fr',\n field: 'minmax(0, 250px)',\n};\nconst SCROLLBAR_GUTTER: React.CSSProperties = { scrollbarGutter: 'stable' };\n\nfunction _ImportStepConfiguration({ state }: ImportStepConfigurationProps) {\n const { csvHeaders, fields, translate: t } = state;\n\n const baseDropdownOptions = fields\n .filter((field) => field.id != null)\n .map((field) =>\n listItemSelectBuilder({\n id: field.id!,\n label: field.header,\n title: field.header,\n }),\n );\n\n const { selectedFieldIds } = state;\n\n const hasNoRows = state.hasNoMappedData;\n\n return (\n <Box direction=\"vertical\" dataHook=\"import-mapping-step\" gap=\"SP3\">\n {hasNoRows && (\n <Box padding=\"0 SP4\">\n <SectionHelper\n dataHook=\"import-no-rows-warning\"\n skin=\"warning\"\n title={t('cairo.import.noRowsWarningTitle')}\n >\n {t('cairo.import.noRowsWarningDescription')}\n </SectionHelper>\n </Box>\n )}\n\n <Box direction=\"vertical\" flex={1} minHeight={0}>\n <Box\n display=\"grid\"\n direction=\"horizontal\"\n gap=\"SP4\"\n padding=\"SP2 SP4\"\n backgroundColor=\"var(--wds-color-fill-surface-neutral,var(--wsr-color-D75, #F7F8F8))\"\n boxShadow=\"inset 0 1px 0 0 var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB)), inset 0 -1px 0 0 var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))\"\n gridTemplateColumns={`${COLUMN_WIDTHS.title} ${COLUMN_WIDTHS.arrow} ${COLUMN_WIDTHS.field}`}\n flexShrink={0}\n style={SCROLLBAR_GUTTER}\n >\n <Box minWidth={0} direction=\"vertical\">\n <Text size=\"small\" weight=\"thin\" ellipsis>\n {t('cairo.import.columnTitle')}\n </Text>\n </Box>\n\n <Box minWidth={0} direction=\"vertical\" />\n\n <Box minWidth={0} direction=\"vertical\">\n <Text size=\"small\" weight=\"thin\" ellipsis>\n {t('cairo.import.collectionField')}\n </Text>\n </Box>\n </Box>\n\n <Box\n direction=\"vertical\"\n overflowY=\"auto\"\n maxHeight={hasNoRows ? 'calc(80vh - 420px)' : 'calc(80vh - 300px)'}\n style={SCROLLBAR_GUTTER}\n >\n {csvHeaders.map((header, index) => (\n <TableListItem\n key={header}\n showDivider={index < csvHeaders.length - 1}\n options={[\n {\n value: (\n <Text ellipsis size=\"small\">\n {header}\n </Text>\n ),\n width: COLUMN_WIDTHS.title,\n },\n {\n value: (\n <Box align=\"center\">\n <ArrowRight />\n </Box>\n ),\n width: COLUMN_WIDTHS.arrow,\n },\n {\n value: (\n <Dropdown\n dataHook={`import-mapping-${header}`}\n clearButton\n onClear={() => {\n state.setMapping(header, null);\n }}\n placeholder={t('cairo.import.skipColumn')}\n selectedId={state.mappingByHeader[header] ?? undefined}\n onSelect={({ id }) => {\n state.setMapping(header, id as string);\n }}\n popoverProps={{\n appendTo: 'window',\n zIndex: 5001,\n flip: true,\n fixed: false,\n }}\n options={baseDropdownOptions.map((option) => ({\n ...option,\n disabled:\n selectedFieldIds.has(String(option.id)) &&\n state.mappingByHeader[header] !== String(option.id),\n }))}\n size=\"small\"\n />\n ),\n width: COLUMN_WIDTHS.field,\n },\n ]}\n />\n ))}\n </Box>\n </Box>\n </Box>\n );\n}\n\nexport const ImportStepConfiguration = observer(_ImportStepConfiguration);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ImportButton/ImportStepProgress.js CHANGED Viewed

@@ -14,17 +14,15 @@ function _ImportStepProgress({
     processedCount,
     totalCount,
     isBackingUp,
-    result,
     translate: t,
     importStatus,
     errorHandler
   } = state;
   const progress = totalCount > 0 ? Math.min(100, Math.round(processedCount / totalCount * 100)) : 0;
-  const hasFailures = result != null && result.failed > 0;
   const errorMessage = (0, _react.useMemo)(() => {
     var _errorHandler$getReso;
-    return importStatus.error ? errorHandler.getResolvedError == null || (_errorHandler$getReso = errorHandler.getResolvedError(importStatus.error)) == null ? void 0 : _errorHandler$getReso.message : null;
-  }, [importStatus.error, errorHandler]);
+    return importStatus.isError ? (errorHandler.getResolvedError == null || (_errorHandler$getReso = errorHandler.getResolvedError(importStatus.error)) == null ? void 0 : _errorHandler$getReso.message) ?? t('cairo.import.genericError') : null;
+  }, [importStatus.isError, importStatus.error, errorHandler, t]);
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
     gap: "SP2",
@@ -32,55 +30,43 @@ function _ImportStepProgress({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 34,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.LinearProgressBar, {
     value: progress,
     showProgressIndication: true,
+    error: !!errorMessage,
     dataHook: "import-progress-bar",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
+      lineNumber: 35,
       columnNumber: 7
     }
-  }), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
-    size: "small",
-    dataHook: "import-progress-label",
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 42,
-      columnNumber: 7
-    }
-  }, isBackingUp && !errorMessage ? t('cairo.import.backupDescription') : t('cairo.import.progressLabel', {
-    processed: processedCount,
-    total: totalCount
-  })), hasFailures && /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+  }), errorMessage ? /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
     size: "small",
     skin: "error",
-    dataHook: "import-partial-error",
+    dataHook: "import-error-message",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51,
+      lineNumber: 42,
       columnNumber: 9
     }
-  }, t('cairo.import.partialSuccess', {
-    succeeded: result.succeeded,
-    failed: result.failed
-  })), errorMessage && /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+  }, errorMessage) : /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
     size: "small",
-    skin: "error",
-    dataHook: "import-error-message",
+    dataHook: "import-progress-label",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 59,
+      lineNumber: 46,
       columnNumber: 9
     }
-  }, errorMessage));
+  }, isBackingUp ? t('cairo.import.backupDescription') : t('cairo.import.progressLabel', {
+    processed: processedCount,
+    total: totalCount
+  })));
 }
 const ImportStepProgress = exports.ImportStepProgress = (0, _mobxReactLite.observer)(_ImportStepProgress);
 //# sourceMappingURL=ImportStepProgress.js.map

package/dist/cjs/components/ImportButton/ImportStepProgress.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportStepProgress","state","processedCount","totalCount","isBackingUp","~~result","~~translate","importStatus","errorHandler","progress","Math","min","round","~~hasFailures","failed","~~errorMessage","useMemo","_errorHandler$getReso","~~error~~","getResolvedError","message","createElement","Box","direction","gap","width","__self","__source","fileName","lineNumber","columnNumber","LinearProgressBar","value","showProgressIndication","dataHook","Text","size","~~processed~~","~~total~~","~~skin~~","~~succeeded","~~ImportStepProgress","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportStepProgress.tsx"],"sourcesContent":["import { Box, LinearProgressBar, Text } from '@wix/design-system';\nimport { ImportState } from '@wix/bex-core';\nimport React, { useMemo } from 'react';\nimport { observer } from 'mobx-react-lite';\n\nexport interface ImportStepProgressProps {\n state: ImportState;\n}\n\nfunction _ImportStepProgress({ state }: ImportStepProgressProps) {\n const {\n processedCount,\n totalCount,\n isBackingUp,\n ~~result,\n~~ translate: t,\n importStatus,\n errorHandler,\n } = state;\n const progress =\n totalCount > 0\n ? Math.min(100, Math.round((processedCount / totalCount) * 100))\n : 0;\n\n const ~~hasFailures = result != null && result.failed > 0;\n\n const~~ errorMessage = useMemo(\n () =>\n importStatus.~~error~~\n ? errorHandler.getResolvedError?.(importStatus.error)?.message\n : null,\n [importStatus.error, errorHandler],\n );\n\n return (\n <Box direction=\"vertical\" gap=\"SP2\" width=\"100%\">\n <LinearProgressBar\n value={progress}\n showProgressIndication\n dataHook=\"import-progress-bar\"\n />\n <Text size=\"small\" dataHook=\"import-~~progress~~-~~label~~\">\n {~~isBackingUp && !~~errorMessage~~\n ? t('cairo.import.backupDescription')\n : t('cairo.import.progressLabel', {\n processed: processedCount,\n total: totalCount,\n~~ })}\n </Text>\n ~~{hasFailures~~ && (\n <Text size=\"small\" ~~skin=\"error\"~~ dataHook=\"import-~~partial~~-~~error~~\">\n {t('cairo.import.~~partialSuccess~~', {\n ~~succeeded~~: ~~result.succeeded~~,\n ~~failed~~: ~~result.failed~~,\n })}\n </Text>\n )}\n ~~{errorMessage && (\n <Text size=\"small\" skin=\"error\" dataHook=\"import-error-message\">\n {errorMessage}\n </Text>\n )}\n~~ </Box>\n );\n}\n\nexport const ImportStepProgress = observer(_ImportStepProgress);\n"],"mappings":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAAA,SAAAF,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,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;AAM3C,SAASkB,mBAAmBA,CAAC;EAAEC;AAA+B,CAAC,EAAE;EAC/D,MAAM;IACJC,cAAc;IACdC,UAAU;IACVC,WAAW;IACXC,~~MAAM;IACNC,~~SAAS,~~EAAExB~~,CAAC;~~IACZyB~~,YAAY;IACZC;EACF,CAAC,~~GAAGP~~,KAAK;EACT,~~MAAMQ~~,QAAQ,~~GACZN~~,UAAU,GAAG,CAAC,~~GACVO~~,IAAI,CAACC,GAAG,CAAC,GAAG,EAAED,IAAI,CAACE,KAAK,~~CAAEV~~,cAAc,GAAGC,UAAU,GAAI,GAAG,CAAC,CAAC,GAC9D,CAAC;EAEP,~~MAAMU~~,~~WAAW,GAAGR,MAAM,IAAI,IAAI,IAAIA,MAAM,CAACS,MAAM,GAAG,CAAC;EAEvD,MAAMC,~~YAAY,GAAG,IAAAC,cAAO,EAC1B;IAAA,IAAAC,qBAAA;IAAA,~~OACEV~~,YAAY,~~CAACW~~,~~KAAK~~,~~GACdV~~,YAAY,~~CAACW~~,gBAAgB,aAAAF,qBAAA,~~GAA7BT~~,YAAY,~~CAACW~~,gBAAgB,~~CAAGZ~~,YAAY,CAACW,KAAK,CAAC,~~qBAAnDD~~,qBAAA,~~CAAqDG~~,OAAO,~~GAC5D~~,IAAI;EAAA,GACV,~~CAACb~~,YAAY,CAACW,KAAK,EAAEV,YAAY,~~CACnC~~,CAAC;EAED,~~oBACE/B~~,MAAA,CAAAc,OAAA,~~CAAA8B~~,aAAA,~~CAAC9C~~,aAAA,~~CAAA+C~~,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,KAAK;IAACC,KAAK,EAAC,MAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAhD~~,YAAA;~~MAAAiD~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBAC9CrD~~,MAAA,CAAAc,OAAA,~~CAAA8B~~,aAAA,~~CAAC9C~~,aAAA,~~CAAAwD~~,iBAAiB;IAChBC,KAAK,~~EAAEvB~~,QAAS;~~IAChBwB~~,sBAAsB;~~IACtBC~~,QAAQ,EAAC,qBAAqB;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAhD~~,YAAA;~~MAAAiD~~,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC/B,CAAC,~~eACFrD~~,MAAA,CAAAc,OAAA,~~CAAA8B~~,aAAA,~~CAAC9C~~,aAAA,~~CAAA4D~~,IAAI;IAACC,IAAI,EAAC,OAAO;~~IAACF~~,QAAQ,EAAC,~~uBAAuB~~;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAhD~~,YAAA;~~MAAAiD~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~GAChD1B~~,~~WAAW~~,~~IAAI,CAACW,YAAY,GACzBjC,~~CAAC,~~CAAC~~,~~gCAAgC,CAAC,GACnCA,CAAC,CAAC,4BAA4B,EAAE;IAC9BuD,SAAS,EAAEnC,cAAc;IACzBoC,KAAK,EAAEnC;EACT,CAAC,CACD,CAAC,EACNU,WAAW,iBACVpC,~~MAAA,CAAAc,OAAA,~~CAAA8B~~,aAAA,~~CAAC9C~~,aAAA,~~CAAA4D~~,IAAI;IAACC,IAAI,EAAC,OAAO;~~IAACG~~,~~IAAI,EAAC,OAAO;IAACL,~~QAAQ,EAAC,~~sBAAsB~~;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAhD~~,YAAA;~~MAAAiD~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~GAC5DhD~~,CAAC,CAAC,~~6BAA6B~~,~~EAAE;IAChC0D~~,~~SAAS~~,~~EAAEnC~~,~~MAAM,CAACmC,SAAS;IAC3B1B,MAAM,EAAET,MAAM,CAACS;EACjB,~~CAAC,~~CACG~~,~~CACP,EACAC,YAAY,iBACXtC,MAAA,CAAAc,OAAA,CAAA8B,aAAA,CAAC9C,aAAA,CAAA4D,IAAI~~;~~IAACC~~,~~IAAI~~,~~EAAC~~,~~OAAO~~;~~IAACG~~,~~IAAI~~,~~EAAC,OAAO~~;~~IAACL~~,~~QAAQ~~,~~EAAC~~,~~sBAAsB;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhD,YAAA;MAAAiD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC5Df,YACG,~~CAEL,CAAC;AAEV;AAEO,~~MAAM0B~~,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,~~EAAC3C~~,mBAAmB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportStepProgress","state","processedCount","totalCount","isBackingUp","translate","importStatus","errorHandler","progress","Math","min","round","errorMessage","useMemo","_errorHandler$getReso","isError","getResolvedError","error","message","createElement","Box","direction","gap","width","__self","__source","fileName","lineNumber","columnNumber","LinearProgressBar","value","showProgressIndication","dataHook","Text","size","skin","processed","total","ImportStepProgress","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportStepProgress.tsx"],"sourcesContent":["import { Box, LinearProgressBar, Text } from '@wix/design-system';\nimport { ImportState } from '@wix/bex-core';\nimport React, { useMemo } from 'react';\nimport { observer } from 'mobx-react-lite';\n\nexport interface ImportStepProgressProps {\n state: ImportState;\n}\n\nfunction _ImportStepProgress({ state }: ImportStepProgressProps) {\n const {\n processedCount,\n totalCount,\n isBackingUp,\n translate: t,\n importStatus,\n errorHandler,\n } = state;\n const progress =\n totalCount > 0\n ? Math.min(100, Math.round((processedCount / totalCount) * 100))\n : 0;\n\n const errorMessage = useMemo(\n () =>\n importStatus.isError\n ? errorHandler.getResolvedError?.(importStatus.error)?.message ??\n t('cairo.import.genericError')\n : null,\n [importStatus.isError, importStatus.error, errorHandler, t],\n );\n\n return (\n <Box direction=\"vertical\" gap=\"SP2\" width=\"100%\">\n <LinearProgressBar\n value={progress}\n showProgressIndication\n error={!!errorMessage}\n dataHook=\"import-progress-bar\"\n />\n {errorMessage ? (\n <Text size=\"small\" skin=\"error\" dataHook=\"import-error-message\">\n {errorMessage}\n </Text>\n ) : (\n <Text size=\"small\" dataHook=\"import-progress-label\">\n {isBackingUp\n ? t('cairo.import.backupDescription')\n : t('cairo.import.progressLabel', {\n processed: processedCount,\n total: totalCount,\n })}\n </Text>\n )}\n </Box>\n );\n}\n\nexport const ImportStepProgress = observer(_ImportStepProgress);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ImportButton/ImportStepUpload.js CHANGED Viewed

@@ -12,7 +12,6 @@ function _ImportStepUpload({
   state
 }) {
   const {
-    parseError,
     translate: t
   } = state;
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -60,17 +59,7 @@ function _ImportStepUpload({
       lineNumber: 29,
       columnNumber: 13
     }
-  }, t('cairo.import.uploadButtonLabel')))), parseError ? /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
-    size: "small",
-    skin: "error",
-    dataHook: "import-upload-error",
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 36,
-      columnNumber: 9
-    }
-  }, parseError) : null);
+  }, t('cairo.import.uploadButtonLabel')))));
 }
 const ImportStepUpload = exports.ImportStepUpload = (0, _mobxReactLite.observer)(_ImportStepUpload);
 //# sourceMappingURL=ImportStepUpload.js.map

package/dist/cjs/components/ImportButton/ImportStepUpload.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_ImportStepUploadStCss","_jsxFileName","_ImportStepUpload","state","~~parseError","~~translate","t","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","height","FileUpload","dataHook","className","st","classes","fileUpload","accept","onChange","files","file","onFileSelected","openFileUploadDialog","AddItem","size","skin","onClick","~~Text","~~ImportStepUpload","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportStepUpload.tsx"],"sourcesContent":["import { Box, ~~Text,~~ FileUpload, AddItem } from '@wix/design-system';\nimport { ImportState } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { st, classes } from './ImportStepUpload.st.css.js';\n\nexport interface ImportStepUploadProps {\n state: ImportState;\n}\n\nfunction _ImportStepUpload({ state }: ImportStepUploadProps) {\n const { ~~parseError,~~ translate: t } = state;\n\n return (\n <Box direction=\"vertical\" gap=\"SP2\">\n <Box height=\"280px\">\n <FileUpload\n dataHook=\"import-file-input\"\n className={st(classes.fileUpload)}\n accept=\".csv,text/csv\"\n onChange={(files) => {\n const file = files?.[0];\n if (file) {\n state.onFileSelected(file);\n }\n }}\n >\n {({ openFileUploadDialog }) => (\n <AddItem size=\"large\" skin=\"filled\" onClick={openFileUploadDialog}>\n {t('cairo.import.uploadButtonLabel')}\n </AddItem>\n )}\n </FileUpload>\n </Box>\n ~~{parseError ? (\n <Text size=\"small\" skin=\"error\" dataHook=\"import-upload-error\">\n {parseError}\n </Text>\n ) : null}\n~~ </Box>\n );\n}\n\nexport const ImportStepUpload = observer(_ImportStepUpload);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAJ,OAAA;AAA2D,IAAAK,YAAA;AAM3D,SAASC,iBAAiBA,CAAC;EAAEC;AAA6B,CAAC,EAAE;EAC3D,MAAM;IAAEC,~~UAAU;IAAEC,~~SAAS,EAAEC;EAAE,CAAC,~~GAAGH~~,KAAK;~~EAE1C~~,oBACEN,MAAA,~~CAAAU~~,OAAA,CAAAC,aAAA,~~CAACb~~,aAAA,~~CAAAc~~,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAb~~,YAAA;~~MAAAc~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBACjCnB~~,MAAA,~~CAAAU~~,OAAA,CAAAC,aAAA,~~CAACb~~,aAAA,~~CAAAc~~,GAAG;IAACQ,MAAM,EAAC,OAAO;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAb~~,YAAA;~~MAAAc~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBACjBnB~~,MAAA,~~CAAAU~~,OAAA,CAAAC,aAAA,~~CAACb~~,aAAA,~~CAAAuB~~,UAAU;IACTC,QAAQ,EAAC,mBAAmB;IAC5BC,SAAS,EAAE,IAAAC,yBAAE,EAACC,8BAAO,CAACC,UAAU,CAAE;IAClCC,MAAM,EAAC,eAAe;IACtBC,QAAQ,EAAGC,KAAK,IAAK;MACnB,MAAMC,IAAI,GAAGD,KAAK,oBAALA,KAAK,CAAG,CAAC,CAAC;MACvB,IAAIC,IAAI,EAAE;~~QACRxB~~,KAAK,~~CAACyB~~,cAAc,CAACD,IAAI,CAAC;MAC5B;IACF,CAAE;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAb~~,YAAA;~~MAAAc~~,UAAA;MAAAC,YAAA;IAAA;EAAA,GAED,CAAC;IAAEa;EAAqB,CAAC,~~kBACxBhC~~,MAAA,~~CAAAU~~,OAAA,CAAAC,aAAA,~~CAACb~~,aAAA,~~CAAAmC~~,OAAO;IAACC,IAAI,EAAC,OAAO;IAACC,IAAI,EAAC,QAAQ;IAACC,OAAO,EAAEJ,oBAAqB;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAb~~,YAAA;~~MAAAc~~,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC/DV,CAAC,CAAC,gCAAgC,CAC5B,CAED,CACT,~~CAAC~~,EACLF,UAAU,gBACTP,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAuC,IAAI;IAACH,IAAI,EAAC,OAAO;IAACC,IAAI,EAAC,OAAO;IAACb,QAAQ,EAAC,qBAAqB;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC3DZ,UACG,CAAC~~,GACL,IACD,CAAC~~;AAEV;AAEO,~~MAAM+B~~,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,~~EAACnC~~,iBAAiB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_ImportStepUploadStCss","_jsxFileName","_ImportStepUpload","state","translate","t","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","height","FileUpload","dataHook","className","st","classes","fileUpload","accept","onChange","files","file","onFileSelected","openFileUploadDialog","AddItem","size","skin","onClick","ImportStepUpload","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportStepUpload.tsx"],"sourcesContent":["import { Box, FileUpload, AddItem } from '@wix/design-system';\nimport { ImportState } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { st, classes } from './ImportStepUpload.st.css.js';\n\nexport interface ImportStepUploadProps {\n state: ImportState;\n}\n\nfunction _ImportStepUpload({ state }: ImportStepUploadProps) {\n const { translate: t } = state;\n\n return (\n <Box direction=\"vertical\" gap=\"SP2\">\n <Box height=\"280px\">\n <FileUpload\n dataHook=\"import-file-input\"\n className={st(classes.fileUpload)}\n accept=\".csv,text/csv\"\n onChange={(files) => {\n const file = files?.[0];\n if (file) {\n state.onFileSelected(file);\n }\n }}\n >\n {({ openFileUploadDialog }) => (\n <AddItem size=\"large\" skin=\"filled\" onClick={openFileUploadDialog}>\n {t('cairo.import.uploadButtonLabel')}\n </AddItem>\n )}\n </FileUpload>\n </Box>\n </Box>\n );\n}\n\nexport const ImportStepUpload = observer(_ImportStepUpload);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAJ,OAAA;AAA2D,IAAAK,YAAA;AAM3D,SAASC,iBAAiBA,CAAC;EAAEC;AAA6B,CAAC,EAAE;EAC3D,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGF,KAAK;EAE9B,oBACEN,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjClB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,GAAG;IAACQ,MAAM,EAAC,OAAO;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjBlB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAsB,UAAU;IACTC,QAAQ,EAAC,mBAAmB;IAC5BC,SAAS,EAAE,IAAAC,yBAAE,EAACC,8BAAO,CAACC,UAAU,CAAE;IAClCC,MAAM,EAAC,eAAe;IACtBC,QAAQ,EAAGC,KAAK,IAAK;MACnB,MAAMC,IAAI,GAAGD,KAAK,oBAALA,KAAK,CAAG,CAAC,CAAC;MACvB,IAAIC,IAAI,EAAE;QACRvB,KAAK,CAACwB,cAAc,CAACD,IAAI,CAAC;MAC5B;IACF,CAAE;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAED,CAAC;IAAEa;EAAqB,CAAC,kBACxB/B,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAkC,OAAO;IAACC,IAAI,EAAC,OAAO;IAACC,IAAI,EAAC,QAAQ;IAACC,OAAO,EAAEJ,oBAAqB;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC/DV,CAAC,CAAC,gCAAgC,CAC5B,CAED,CACT,CACF,CAAC;AAEV;AAEO,MAAM4B,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAACjC,iBAAiB,CAAC","ignoreList":[]}

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

@@ -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_ = "ImportStepUpload2707926533";
+var _namespace_ = "ImportStepUpload1848140648";
 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": "ImportStepUpload2707926533__root",
-  "fileUpload": "ImportStepUpload2707926533__fileUpload"
+  "root": "ImportStepUpload1848140648__root",
+  "fileUpload": "ImportStepUpload1848140648__fileUpload"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

	@@ -1 +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_ = \"~~ImportStepUpload2707926533~~\";\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\":\"~~ImportStepUpload2707926533__root~~\",\"fileUpload\":\"~~ImportStepUpload2707926533__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":[]}
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_ = \"ImportStepUpload1848140648\";\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\":\"ImportStepUpload1848140648__root\",\"fileUpload\":\"ImportStepUpload1848140648__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/getImportModalStepProps.js CHANGED Viewed

@@ -151,21 +151,23 @@ function getImportModalStepProps({
       onRequestClose: handleClose
     };
   }
+  const hasError = state.importStatus.isError;
   return {
-    title: t('cairo.import.progressTitle'),
+    title: hasError ? t('cairo.import.failedTitle') : t('cairo.import.progressTitle'),
     children: /*#__PURE__*/_react.default.createElement(_ImportStepProgress.ImportStepProgress, {
       state: state,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 103,
+        lineNumber: 107,
         columnNumber: 15
       }
     }),
     showFooterDivider: false,
-    primaryButtonText: t('cairo.import.importing'),
+    primaryButtonText: hasError ? t('cairo.import.tryAgain') : t('cairo.import.importing'),
+    primaryButtonOnClick: hasError ? state.startImport : undefined,
     primaryButtonProps: {
-      disabled: true
+      disabled: !hasError
     },
     secondaryButtonText: state.isRestoring ? t('cairo.import.restoring') : t('cairo.import.cancel'),
     secondaryButtonOnClick: state.close,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_ImportStepUpload","_ImportStepConfiguration","_ImportStepProgress","_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","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","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}\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 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: <ImportStepConfiguration state={state} />,\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 return {\n title: t('cairo.import.progressTitle'),\n children: <ImportStepProgress state={state} />,\n showFooterDivider: false,\n primaryButtonText: t('cairo.import.importing'),\n primaryButtonProps: { disabled: ~~true~~ },\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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~~IACL3B~~,KAAK,~~EAAED~~,CAAC,CAAC,4BAA4B,CAAC;~~IACtCG~~,QAAQ,eAAEd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,mBAAA,~~CAAAuD~~,kBAAkB;~~MAACpD~~,KAAK,EAAEA,KAAM;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAf,YAAA;QAAAgB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IAC9CS,iBAAiB,EAAE,KAAK;IACxBmB,iBAAiB,~~EAAEvC~~,CAAC,CAAC,wBAAwB,CAAC;~~IAC9C4C~~,kBAAkB,EAAE;MAAEC,QAAQ,EAAE;~~IAAK~~,CAAC;~~IACtCxB~~,mBAAmB,EAAEzB,KAAK,~~CAACqD~~,WAAW,~~GAClCjD~~,CAAC,CAAC,wBAAwB,CAAC,GAC3BA,CAAC,CAAC,qBAAqB,CAAC;IAC5BsB,sBAAsB,EAAE1B,KAAK,CAAC2B,KAAK;~~IACnC2B~~,oBAAoB,EAAE;~~MAAEL~~,QAAQ,EAAEjD,KAAK,~~CAACqD~~;IAAY,CAAC;~~IACrDzB~~,gBAAgB,EAAE;MAAEC,OAAO,EAAE7B,KAAK,CAAC2B;IAAM,CAAC;IAC1CI,cAAc,EAAE/B,KAAK,~~CAACqD~~,WAAW,~~GAAGN~~,SAAS,GAAG/C,KAAK,CAAC2B;EACxD,CAAC;AACH","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_ImportStepUpload","_ImportStepConfiguration","_ImportStepProgress","_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","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}\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 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: <ImportStepConfiguration state={state} />,\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":"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","ignoreList":[]}