@wix/patterns 1.422.0 → 1.424.0

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

@@ -8,6 +8,7 @@ var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _patternsFields = require("@wix/patterns-fields");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
+var _ImportIdCollisionControl = require("./ImportIdCollisionControl");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/ImportStepConfiguration.tsx";
 const COLUMN_WIDTHS = {
   title: 'minmax(0, 150px)',
@@ -40,7 +41,8 @@ const NEW_FIELD_TYPE_TITLE_KEY = {
 };
 /**
  * Helper line under a "create new field" mapping (e.g. "This will be a new text
- * field."). The type name comes from the shared patterns-fields translations via
+ * field.") followed by an "Edit field" link that opens the field editor. The
+ * type name comes from the shared patterns-fields translations via
  * `useTranslations`, so this is only rendered when the import modal is wrapped in
  * `PatternsFieldsProvider` — which `ImportButtonModalLayout` does whenever field
  * creation is enabled (the only case a `new` mapping exists).
@@ -48,30 +50,52 @@ const NEW_FIELD_TYPE_TITLE_KEY = {
 const NewFieldHelperText = (0, _mobxReactLite.observer)(function _NewFieldHelperText({
   state,
   header,
-  fieldType
+  fieldType,
+  onEditField
 }) {
   const {
     t: ft
   } = (0, _patternsFields.useTranslations)();
   const typeName = ft(NEW_FIELD_TYPE_TITLE_KEY[fieldType]).toLocaleLowerCase();
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "horizontal",
+    gap: "SP1",
+    verticalAlign: "middle",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 88,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
     size: "tiny",
     secondary: true,
     dataHook: `import-new-field-helper-${header}`,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
-      columnNumber: 5
+      lineNumber: 89,
+      columnNumber: 7
     }
   }, state.translate('cairo.import.newFieldHelper', {
     typeName
-  }));
+  })), /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+    size: "tiny",
+    dataHook: `import-edit-field-${header}`,
+    onClick: onEditField,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 96,
+      columnNumber: 7
+    }
+  }, state.translate('cairo.import.editField')));
 });
 const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell({
   state,
   header,
-  fieldOptions
+  fieldOptions,
+  onEditField
 }) {
   const {
     translate: t,
@@ -102,7 +126,7 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 158,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Dropdown, {
@@ -133,29 +157,45 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 135,
+      lineNumber: 159,
       columnNumber: 7
     }
   }), (mapping == null ? void 0 : mapping.kind) === 'new' && /*#__PURE__*/_react.default.createElement(NewFieldHelperText, {
     state: state,
     header: header,
     fieldType: mapping.fieldType,
+    onEditField: () => onEditField(header),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 160,
+      lineNumber: 184,
       columnNumber: 9
     }
+  }), state.idMappedHeader === header && /*#__PURE__*/_react.default.createElement(_ImportIdCollisionControl.IdCollisionControl, {
+    state: state,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 191,
+      columnNumber: 43
+    }
   }));
 });
 function _ImportStepConfiguration({
-  state
+  state,
+  onEditField
 }) {
   const {
     csvHeaders,
     fields,
     translate: t
   } = state;
+
+  // Row order is snapshotted per file in state, with the `_id`-mapped column
+  // floated to the top (CAIRO-4418). It stays fixed while the user edits
+  // mappings, so clearing/remapping the `_id` column doesn't reorder the row
+  // under the cursor. Fall back to CSV order if the snapshot isn't populated.
+  const orderedHeaders = state.orderedHeaders.length > 0 ? state.orderedHeaders : csvHeaders;
   const baseDropdownOptions = fields.filter(field => field.id != null).map(field => (0, _designSystem.listItemSelectBuilder)({
     id: field.id,
     label: field.header,
@@ -169,7 +209,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 186,
+      lineNumber: 222,
       columnNumber: 5
     }
   }, hasNoRows && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -177,7 +217,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 188,
+      lineNumber: 224,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SectionHelper, {
@@ -187,7 +227,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 189,
+      lineNumber: 225,
       columnNumber: 11
     }
   }, t('cairo.import.noRowsWarningDescription'))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -197,7 +237,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 199,
+      lineNumber: 235,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -213,7 +253,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 200,
+      lineNumber: 236,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -222,7 +262,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 211,
+      lineNumber: 247,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -232,7 +272,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 212,
+      lineNumber: 248,
       columnNumber: 13
     }
   }, t('cairo.import.columnTitle'))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -241,7 +281,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 217,
+      lineNumber: 253,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -250,7 +290,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 219,
+      lineNumber: 255,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -260,7 +300,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 220,
+      lineNumber: 256,
       columnNumber: 13
     }
   }, t('cairo.import.collectionField')))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -271,20 +311,21 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 226,
+      lineNumber: 262,
       columnNumber: 9
     }
-  }, csvHeaders.map((header, index) => /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
+  }, orderedHeaders.map((header, index) => /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
     key: header,
-    showDivider: index < csvHeaders.length - 1,
+    showDivider: index < orderedHeaders.length - 1,
     options: [{
       value: /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
         ellipsis: true,
         size: "small",
+        dataHook: "import-column-title",
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 239,
+          lineNumber: 275,
           columnNumber: 21
         }
       }, header),
@@ -295,14 +336,14 @@ function _ImportStepConfiguration({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 247,
+          lineNumber: 283,
           columnNumber: 21
         }
       }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ArrowRight, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 248,
+          lineNumber: 284,
           columnNumber: 23
         }
       })),
@@ -312,10 +353,11 @@ function _ImportStepConfiguration({
         state: state,
         header: header,
         fieldOptions: baseDropdownOptions,
+        onEditField: onEditField,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 255,
+          lineNumber: 291,
           columnNumber: 21
         }
       }),
@@ -324,7 +366,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 233,
+      lineNumber: 269,
       columnNumber: 13
     }
   })))));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_patternsFields","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","COLUMN_WIDTHS","title","arrow","field","SCROLLBAR_GUTTER","scrollbarGutter","CREATE_NEW_FIELD_OPTION_ID","NEW_FIELD_TYPE_TITLE_KEY","text","number","date","boolean","url","image","video","document","audio","NewFieldHelperText","observer","_NewFieldHelperText","state","header","fieldType","t","ft","useTranslations","typeName","toLocaleLowerCase","default","createElement","Text","size","secondary","dataHook","__self","__source","fileName","lineNumber","columnNumber","translate","FieldMappingCell","_FieldMappingCell","fieldOptions","selectedFieldIds","canCreateNewField","mapping","mappingByHeader","selectedId","kind","fieldId","undefined","options","map","option","disabled","has","String","id","label","listItemSelectBuilder","Box","direction","gap","Dropdown","clearButton","onClear","setMapping","placeholder","onSelect","setNewFieldMapping","popoverProps","appendTo","zIndex","flip","fixed","_ImportStepConfiguration","csvHeaders","fields","baseDropdownOptions","filter","hasNoRows","hasNoMappedData","padding","SectionHelper","skin","flex","minHeight","display","backgroundColor","boxShadow","gridTemplateColumns","flexShrink","style","minWidth","weight","ellipsis","overflowY","maxHeight","index","TableListItem","key","showDivider","length","value","width","align","ArrowRight","ImportStepConfiguration","exports"],"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, NewFieldType } from '@wix/bex-core';\nimport { useTranslations } from '@wix/patterns-fields';\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\n// Synthetic dropdown option id representing \"create a new field from this\n// column\". Distinct from any real field id (which never starts with `$`).\nconst CREATE_NEW_FIELD_OPTION_ID = '$createNewField';\n\n// Translation key for each new-field type's name, injected (lowercased) into the\n// helper text (\"This will be a new {typeName} field.\"). Reuses the shared\n// patterns-fields field-type names. Keyed by `NewFieldType` so adding a detected\n// type makes the missing entry a compile error here — the single place to extend.\ntype FieldTypeTitleKey =\n  | 'auto-patterns.fields.field_type_text_title'\n  | 'auto-patterns.fields.field_type_number_title'\n  | 'auto-patterns.fields.field_type_date_title'\n  | 'auto-patterns.fields.field_type_boolean_title'\n  | 'auto-patterns.fields.field_type_url_title'\n  | 'auto-patterns.fields.field_type_image_title'\n  | 'auto-patterns.fields.field_type_video_title'\n  | 'auto-patterns.fields.field_type_document_title'\n  | 'auto-patterns.fields.field_type_audio_title';\n\nconst NEW_FIELD_TYPE_TITLE_KEY: Record<NewFieldType, FieldTypeTitleKey> = {\n  text: 'auto-patterns.fields.field_type_text_title',\n  number: 'auto-patterns.fields.field_type_number_title',\n  date: 'auto-patterns.fields.field_type_date_title',\n  boolean: 'auto-patterns.fields.field_type_boolean_title',\n  url: 'auto-patterns.fields.field_type_url_title',\n  image: 'auto-patterns.fields.field_type_image_title',\n  video: 'auto-patterns.fields.field_type_video_title',\n  document: 'auto-patterns.fields.field_type_document_title',\n  audio: 'auto-patterns.fields.field_type_audio_title',\n};\n\ntype DropdownOption = ReturnType<typeof listItemSelectBuilder>;\n\ninterface NewFieldHelperTextProps {\n  state: ImportState;\n  header: string;\n  fieldType: NewFieldType;\n}\n\n/**\n * Helper line under a \"create new field\" mapping (e.g. \"This will be a new text\n * field.\"). The type name comes from the shared patterns-fields translations via\n * `useTranslations`, so this is only rendered when the import modal is wrapped in\n * `PatternsFieldsProvider` — which `ImportButtonModalLayout` does whenever field\n * creation is enabled (the only case a `new` mapping exists).\n */\nconst NewFieldHelperText = observer(function _NewFieldHelperText({\n  state,\n  header,\n  fieldType,\n}: NewFieldHelperTextProps) {\n  const { t: ft } = useTranslations();\n  const typeName = ft(NEW_FIELD_TYPE_TITLE_KEY[fieldType]).toLocaleLowerCase();\n\n  return (\n    <Text size=\"tiny\" secondary dataHook={`import-new-field-helper-${header}`}>\n      {state.translate('cairo.import.newFieldHelper', { typeName })}\n    </Text>\n  );\n});\n\ninterface FieldMappingCellProps {\n  state: ImportState;\n  header: string;\n  fieldOptions: DropdownOption[];\n}\n\nconst FieldMappingCell = observer(function _FieldMappingCell({\n  state,\n  header,\n  fieldOptions,\n}: FieldMappingCellProps) {\n  const { translate: t, selectedFieldIds, canCreateNewField } = state;\n  const mapping = state.mappingByHeader[header];\n\n  const selectedId =\n    mapping?.kind === 'existing'\n      ? mapping.fieldId\n      : mapping?.kind === 'new'\n      ? CREATE_NEW_FIELD_OPTION_ID\n      : undefined;\n\n  const options: DropdownOption[] = [\n    ...fieldOptions.map((option) => ({\n      ...option,\n      disabled:\n        selectedFieldIds.has(String(option.id)) &&\n        !(mapping?.kind === 'existing' && mapping.fieldId === String(option.id)),\n    })),\n    ...(canCreateNewField\n      ? [\n          // The option is the CSV column header itself (the new field is named\n          // after it) followed by a translated \"(New)\" marker. The header is\n          // built in code rather than via an interpolated key so it always\n          // shows, regardless of which translation bundle the consumer loads.\n          (() => {\n            const label = `${header} ${t('cairo.import.newFieldSuffix')}`;\n            return listItemSelectBuilder({\n              id: CREATE_NEW_FIELD_OPTION_ID,\n              label,\n              title: label,\n            });\n          })(),\n        ]\n      : []),\n  ];\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP1\">\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={selectedId}\n        onSelect={({ id }) => {\n          if (id === CREATE_NEW_FIELD_OPTION_ID) {\n            state.setNewFieldMapping(header);\n          } else {\n            state.setMapping(header, id as string);\n          }\n        }}\n        popoverProps={{\n          appendTo: 'window',\n          zIndex: 5001,\n          flip: true,\n          fixed: false,\n        }}\n        options={options}\n        size=\"small\"\n      />\n      {mapping?.kind === 'new' && (\n        <NewFieldHelperText\n          state={state}\n          header={header}\n          fieldType={mapping.fieldType}\n        />\n      )}\n    </Box>\n  );\n});\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 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                    <FieldMappingCell\n                      state={state}\n                      header={header}\n                      fieldOptions={baseDropdownOptions}\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":[]}
+{"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_patternsFields","_react","_interopRequireDefault","_mobxReactLite","_ImportIdCollisionControl","_jsxFileName","COLUMN_WIDTHS","title","arrow","field","SCROLLBAR_GUTTER","scrollbarGutter","CREATE_NEW_FIELD_OPTION_ID","NEW_FIELD_TYPE_TITLE_KEY","text","number","date","boolean","url","image","video","document","audio","NewFieldHelperText","observer","_NewFieldHelperText","state","header","fieldType","onEditField","t","ft","useTranslations","typeName","toLocaleLowerCase","default","createElement","Box","direction","gap","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","Text","size","secondary","dataHook","translate","TextButton","onClick","FieldMappingCell","_FieldMappingCell","fieldOptions","selectedFieldIds","canCreateNewField","mapping","mappingByHeader","selectedId","kind","fieldId","undefined","options","map","option","disabled","has","String","id","label","listItemSelectBuilder","Dropdown","clearButton","onClear","setMapping","placeholder","onSelect","setNewFieldMapping","popoverProps","appendTo","zIndex","flip","fixed","idMappedHeader","IdCollisionControl","_ImportStepConfiguration","csvHeaders","fields","orderedHeaders","length","baseDropdownOptions","filter","hasNoRows","hasNoMappedData","padding","SectionHelper","skin","flex","minHeight","display","backgroundColor","boxShadow","gridTemplateColumns","flexShrink","style","minWidth","weight","ellipsis","overflowY","maxHeight","index","TableListItem","key","showDivider","value","width","align","ArrowRight","ImportStepConfiguration","exports"],"sources":["../../../../src/components/ImportButton/ImportStepConfiguration.tsx"],"sourcesContent":["import {\n  Box,\n  Dropdown,\n  Text,\n  TextButton,\n  TableListItem,\n  listItemSelectBuilder,\n  SectionHelper,\n} from '@wix/design-system';\nimport { ArrowRight } from '@wix/wix-ui-icons-common';\nimport { ImportState, NewFieldType } from '@wix/bex-core';\nimport { useTranslations } from '@wix/patterns-fields';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { IdCollisionControl } from './ImportIdCollisionControl';\n\nexport interface ImportStepConfigurationProps {\n  state: ImportState;\n  /** Opens the \"Edit field\" editor for a column's pending new field. */\n  onEditField: (header: string) => void;\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\n// Synthetic dropdown option id representing \"create a new field from this\n// column\". Distinct from any real field id (which never starts with `$`).\nconst CREATE_NEW_FIELD_OPTION_ID = '$createNewField';\n\n// Translation key for each new-field type's name, injected (lowercased) into the\n// helper text (\"This will be a new {typeName} field.\"). Reuses the shared\n// patterns-fields field-type names. Keyed by `NewFieldType` so adding a detected\n// type makes the missing entry a compile error here — the single place to extend.\ntype FieldTypeTitleKey =\n  | 'auto-patterns.fields.field_type_text_title'\n  | 'auto-patterns.fields.field_type_number_title'\n  | 'auto-patterns.fields.field_type_date_title'\n  | 'auto-patterns.fields.field_type_boolean_title'\n  | 'auto-patterns.fields.field_type_url_title'\n  | 'auto-patterns.fields.field_type_image_title'\n  | 'auto-patterns.fields.field_type_video_title'\n  | 'auto-patterns.fields.field_type_document_title'\n  | 'auto-patterns.fields.field_type_audio_title';\n\nconst NEW_FIELD_TYPE_TITLE_KEY: Record<NewFieldType, FieldTypeTitleKey> = {\n  text: 'auto-patterns.fields.field_type_text_title',\n  number: 'auto-patterns.fields.field_type_number_title',\n  date: 'auto-patterns.fields.field_type_date_title',\n  boolean: 'auto-patterns.fields.field_type_boolean_title',\n  url: 'auto-patterns.fields.field_type_url_title',\n  image: 'auto-patterns.fields.field_type_image_title',\n  video: 'auto-patterns.fields.field_type_video_title',\n  document: 'auto-patterns.fields.field_type_document_title',\n  audio: 'auto-patterns.fields.field_type_audio_title',\n};\n\ntype DropdownOption = ReturnType<typeof listItemSelectBuilder>;\n\ninterface NewFieldHelperTextProps {\n  state: ImportState;\n  header: string;\n  fieldType: NewFieldType;\n  onEditField: () => void;\n}\n\n/**\n * Helper line under a \"create new field\" mapping (e.g. \"This will be a new text\n * field.\") followed by an \"Edit field\" link that opens the field editor. The\n * type name comes from the shared patterns-fields translations via\n * `useTranslations`, so this is only rendered when the import modal is wrapped in\n * `PatternsFieldsProvider` — which `ImportButtonModalLayout` does whenever field\n * creation is enabled (the only case a `new` mapping exists).\n */\nconst NewFieldHelperText = observer(function _NewFieldHelperText({\n  state,\n  header,\n  fieldType,\n  onEditField,\n}: NewFieldHelperTextProps) {\n  const { t: ft } = useTranslations();\n  const typeName = ft(NEW_FIELD_TYPE_TITLE_KEY[fieldType]).toLocaleLowerCase();\n\n  return (\n    <Box direction=\"horizontal\" gap=\"SP1\" verticalAlign=\"middle\">\n      <Text\n        size=\"tiny\"\n        secondary\n        dataHook={`import-new-field-helper-${header}`}\n      >\n        {state.translate('cairo.import.newFieldHelper', { typeName })}\n      </Text>\n      <TextButton\n        size=\"tiny\"\n        dataHook={`import-edit-field-${header}`}\n        onClick={onEditField}\n      >\n        {state.translate('cairo.import.editField')}\n      </TextButton>\n    </Box>\n  );\n});\n\ninterface FieldMappingCellProps {\n  state: ImportState;\n  header: string;\n  fieldOptions: DropdownOption[];\n  onEditField: (header: string) => void;\n}\n\nconst FieldMappingCell = observer(function _FieldMappingCell({\n  state,\n  header,\n  fieldOptions,\n  onEditField,\n}: FieldMappingCellProps) {\n  const { translate: t, selectedFieldIds, canCreateNewField } = state;\n  const mapping = state.mappingByHeader[header];\n\n  const selectedId =\n    mapping?.kind === 'existing'\n      ? mapping.fieldId\n      : mapping?.kind === 'new'\n      ? CREATE_NEW_FIELD_OPTION_ID\n      : undefined;\n\n  const options: DropdownOption[] = [\n    ...fieldOptions.map((option) => ({\n      ...option,\n      disabled:\n        selectedFieldIds.has(String(option.id)) &&\n        !(\n          mapping?.kind === 'existing' && mapping.fieldId === String(option.id)\n        ),\n    })),\n    ...(canCreateNewField\n      ? [\n          // The option is the CSV column header itself (the new field is named\n          // after it) followed by a translated \"(New)\" marker. The header is\n          // built in code rather than via an interpolated key so it always\n          // shows, regardless of which translation bundle the consumer loads.\n          (() => {\n            const label = `${header} ${t('cairo.import.newFieldSuffix')}`;\n            return listItemSelectBuilder({\n              id: CREATE_NEW_FIELD_OPTION_ID,\n              label,\n              title: label,\n            });\n          })(),\n        ]\n      : []),\n  ];\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP1\">\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={selectedId}\n        onSelect={({ id }) => {\n          if (id === CREATE_NEW_FIELD_OPTION_ID) {\n            state.setNewFieldMapping(header);\n          } else {\n            state.setMapping(header, id as string);\n          }\n        }}\n        popoverProps={{\n          appendTo: 'window',\n          zIndex: 5001,\n          flip: true,\n          fixed: false,\n        }}\n        options={options}\n        size=\"small\"\n      />\n      {mapping?.kind === 'new' && (\n        <NewFieldHelperText\n          state={state}\n          header={header}\n          fieldType={mapping.fieldType}\n          onEditField={() => onEditField(header)}\n        />\n      )}\n      {state.idMappedHeader === header && <IdCollisionControl state={state} />}\n    </Box>\n  );\n});\n\nfunction _ImportStepConfiguration({\n  state,\n  onEditField,\n}: ImportStepConfigurationProps) {\n  const { csvHeaders, fields, translate: t } = state;\n\n  // Row order is snapshotted per file in state, with the `_id`-mapped column\n  // floated to the top (CAIRO-4418). It stays fixed while the user edits\n  // mappings, so clearing/remapping the `_id` column doesn't reorder the row\n  // under the cursor. Fall back to CSV order if the snapshot isn't populated.\n  const orderedHeaders =\n    state.orderedHeaders.length > 0 ? state.orderedHeaders : csvHeaders;\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 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          {orderedHeaders.map((header, index) => (\n            <TableListItem\n              key={header}\n              showDivider={index < orderedHeaders.length - 1}\n              options={[\n                {\n                  value: (\n                    <Text ellipsis size=\"small\" dataHook=\"import-column-title\">\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                    <FieldMappingCell\n                      state={state}\n                      header={header}\n                      fieldOptions={baseDropdownOptions}\n                      onEditField={onEditField}\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

@@ -7,6 +7,16 @@ var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/ImportStepProgress.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// A failed import's message is consumer-supplied and can be a single unbroken
+// token — e.g. the server's `MISSING_REQUIRED_FIELDS` error joins every missing
+// field with commas and no spaces (`handle,name,visible,…`), or a long URL/id.
+// Without a break opportunity the browser treats it as one long word that
+// overflows the fixed-width modal and gets clipped. Force it to wrap regardless
+// of content (both properties are inherited, so they reach the `Text` inside).
+const WRAP_LONG_WORDS = {
+  overflowWrap: 'break-word',
+  wordBreak: 'break-word'
+};
 function _ImportStepProgress({
   state
 }) {
@@ -30,7 +40,7 @@ function _ImportStepProgress({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 45,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.LinearProgressBar, {
@@ -41,26 +51,35 @@ function _ImportStepProgress({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 46,
       columnNumber: 7
     }
-  }), errorMessage ? /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+  }), errorMessage ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    style: WRAP_LONG_WORDS,
+    dataHook: "import-error-message-wrap",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 53,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
     size: "small",
     skin: "error",
     dataHook: "import-error-message",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 42,
-      columnNumber: 9
+      lineNumber: 54,
+      columnNumber: 11
     }
-  }, errorMessage) : /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+  }, errorMessage)) : /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
     size: "small",
     dataHook: "import-progress-label",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 46,
+      lineNumber: 59,
       columnNumber: 9
     }
   }, isBackingUp ? t('cairo.import.backupDescription') : t('cairo.import.progressLabel', {

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

@@ -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","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":[]}
+{"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","WRAP_LONG_WORDS","overflowWrap","wordBreak","_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","style","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\n// A failed import's message is consumer-supplied and can be a single unbroken\n// token — e.g. the server's `MISSING_REQUIRED_FIELDS` error joins every missing\n// field with commas and no spaces (`handle,name,visible,…`), or a long URL/id.\n// Without a break opportunity the browser treats it as one long word that\n// overflows the fixed-width modal and gets clipped. Force it to wrap regardless\n// of content (both properties are inherited, so they reach the `Text` inside).\nconst WRAP_LONG_WORDS: React.CSSProperties = {\n  overflowWrap: 'break-word',\n  wordBreak: 'break-word',\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        <Box style={WRAP_LONG_WORDS} dataHook=\"import-error-message-wrap\">\n          <Text size=\"small\" skin=\"error\" dataHook=\"import-error-message\">\n            {errorMessage}\n          </Text>\n        </Box>\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.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_ = "ImportStepUpload3633925322";
+var _namespace_ = "ImportStepUpload3261603244";
 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": "ImportStepUpload3633925322__root",
-  "fileUpload": "ImportStepUpload3633925322__fileUpload"
+  "root": "ImportStepUpload3261603244__root",
+  "fileUpload": "ImportStepUpload3261603244__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_ = \"ImportStepUpload3633925322\";\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\":\"ImportStepUpload3633925322__root\",\"fileUpload\":\"ImportStepUpload3633925322__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_ = \"ImportStepUpload3261603244\";\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\":\"ImportStepUpload3261603244__root\",\"fileUpload\":\"ImportStepUpload3261603244__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

@@ -11,7 +11,8 @@ var _ImportStepProgress = require("./ImportStepProgress");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/getImportModalStepProps.tsx";
 function getImportModalStepProps({
   state,
-  isMobile
+  isMobile,
+  onEditField
 }) {
   const {
     currentStep,
@@ -26,7 +27,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 32,
+          lineNumber: 35,
           columnNumber: 17
         }
       }),
@@ -36,7 +37,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 34,
+          lineNumber: 37,
           columnNumber: 9
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -45,7 +46,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 35,
+          lineNumber: 38,
           columnNumber: 11
         }
       }, t('cairo.import.footerText')), /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -53,7 +54,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 38,
+          lineNumber: 41,
           columnNumber: 11
         }
       }, t('cairo.import.footerLink'))),
@@ -78,7 +79,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 55,
+          lineNumber: 58,
           columnNumber: 9
         }
       }, t('cairo.import.configureMappingsTitle'), /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, {
@@ -88,7 +89,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 57,
+          lineNumber: 60,
           columnNumber: 11
         }
       }, state.csvHeaders.length)) : /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -98,7 +99,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 66,
+          lineNumber: 69,
           columnNumber: 9
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -106,7 +107,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 67,
+          lineNumber: 70,
           columnNumber: 11
         }
       }, t('cairo.import.configureMappingsTitle')), /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, {
@@ -116,18 +117,19 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 70,
+          lineNumber: 73,
           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: 80,
-          columnNumber: 17
+          lineNumber: 84,
+          columnNumber: 9
         }
       }),
       showFooterDivider: true,
@@ -159,7 +161,7 @@ function getImportModalStepProps({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 107,
+        lineNumber: 112,
         columnNumber: 15
       }
     }),