@commercetools-frontend-extensions/import-resources-modal 1.2.3 → 1.2.5

package/dist/{index-e4e280d7.esm.js → index-8ce079d8.esm.js}

@@ -39,6 +39,7 @@ import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
 import _wrapNativeSuper from '@babel/runtime-corejs3/helpers/esm/wrapNativeSuper';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import { FormDialog, PageContentNarrow, ConfirmationDialog, InfoDialog } from '@commercetools-frontend/application-components';
+import { Masking } from '@commercetools-frontend/fullstory';
 import { customProperties, Constraints, Spacings, Grid, designTokens, Text, Link, Card, CheckBoldIcon, EyeCrossedIcon, usePaginationState, PageNavigator, Stamp, SecondaryButton, PrimaryButton, ImportIcon, ProgressBar, RadioInput } from '@commercetools-frontend/ui-kit';
 import { useShowNotification } from '@commercetools-frontend/actions-global';
 import { reportErrorToSentry } from '@commercetools-frontend/sentry';
@@ -837,13 +838,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cGUgRHJvcHpvbmVSb290UHJvcHMgfSBmcm9tICdyZWFjdC1kcm9wem9uZSdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2Rpc2FibGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5kaXNhYmxlZFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */");
 }
 
-var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-f12630d8.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
+var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-0096403f.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
 
 var DisabledDropArea = /*#__PURE__*/lazy(() => import('./disabled-drop-area-2c088477.esm.js' /* webpackChunkName: "disabled-drop-area" */));
 
-var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-2b2fedcf.esm.js' /* webpackChunkName: "enabled-drop-area" */));
+var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-8a60a954.esm.js' /* webpackChunkName: "enabled-drop-area" */));
 
-var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-37e73131.esm.js' /* webpackChunkName: "filed-dropped-area" */));
+var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-29daabcd.esm.js' /* webpackChunkName: "filed-dropped-area" */));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -1074,27 +1075,31 @@ const Upload = () => {
     onClose: () => onClose({
       shouldDeleteImportContainer: true
     }),
-    children: jsxs(Spacings.Stack, {
-      scale: "l",
-      children: [isMultipleResourceTypes ? jsxs(Grid, {
-        gridRowGap: designTokens.spacingL,
-        gridTemplateColumns: _concatInstanceProperty(_context = "calc(".concat(designTokens.constraint3, " + ")).call(_context, designTokens.spacingL, ") auto"),
-        children: [jsx(Grid.Item, {
-          children: jsx(Text.Body, {
-            isBold: true,
-            intlMessage: messages$4.dataType
-          })
-        }), jsx(Grid.Item, {
-          children: jsx(ResourceTypeSelection, {})
-        }), jsx(Grid.Item, {
-          children: jsx(Text.Body, {
-            isBold: true,
-            intlMessage: messages$4.instructions
-          })
-        }), jsx(Grid.Item, {
-          children: jsx(Instructions, {})
+    children: jsx(Masking.Unmask, {
+      children: jsxs(Spacings.Stack, {
+        scale: "l",
+        children: [isMultipleResourceTypes ? jsxs(Grid, {
+          gridRowGap: designTokens.spacingL,
+          gridTemplateColumns: _concatInstanceProperty(_context = "calc(".concat(designTokens.constraint3, " + ")).call(_context, designTokens.spacingL, ") auto"),
+          children: [jsx(Grid.Item, {
+            children: jsx(Text.Body, {
+              isBold: true,
+              intlMessage: messages$4.dataType
+            })
+          }), jsx(Grid.Item, {
+            children: jsx(ResourceTypeSelection, {})
+          }), jsx(Grid.Item, {
+            children: jsx(Text.Body, {
+              isBold: true,
+              intlMessage: messages$4.instructions
+            })
+          }), jsx(Grid.Item, {
+            children: jsx(Instructions, {})
+          })]
+        }) : jsx(Instructions, {}), jsx(Masking.Mask, {
+          children: jsx(FileDropArea, {})
         })]
-      }) : jsx(Instructions, {}), jsx(FileDropArea, {})]
+      })
     })
   });
 };
@@ -1241,68 +1246,70 @@ function UploadPreviewModal() {
     onClose: () => onClose({
       shouldDeleteImportContainer: true
     }),
-    children: jsx(PageContentNarrow, {
-      children: jsx(Spacings.Stack, {
-        scale: "xxxl",
+    children: jsx(Masking.Unmask, {
+      children: jsx(PageContentNarrow, {
         children: jsx(Spacings.Stack, {
-          scale: "xl",
-          children: jsxs(Spacings.Stack, {
-            scale: "m",
-            children: [jsx("div", {}), jsx(Text.Body, {
-              intlMessage: messages$3.previewOfYourImport
-            }), jsx(Card, {
-              insetScale: "xl",
-              children: jsxs(Spacings.Stack, {
-                scale: "xs",
-                children: [jsxs(Spacings.Inline, {
-                  alignItems: "center",
-                  children: [jsx(CheckBoldIcon, {
-                    color: "success"
-                  }), jsx(Text.Body, {
-                    intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.rowsToBeImported), {}, {
-                      values: {
-                        rowCount: intl.formatNumber(state.uploadFileResponse.rowsCount),
-                        b: getBold$3
-                      }
-                    })
-                  })]
-                }), jsxs(Spacings.Inline, {
-                  alignItems: "center",
-                  children: [jsx(CheckBoldIcon, {
-                    color: "success"
-                  }), jsx(Text.Body, {
-                    intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.columnsToBeImported), {}, {
-                      values: {
-                        columnCount: intl.formatNumber(validatedColumns.length),
-                        b: getBold$3
-                      }
-                    })
+          scale: "xxxl",
+          children: jsx(Spacings.Stack, {
+            scale: "xl",
+            children: jsxs(Spacings.Stack, {
+              scale: "m",
+              children: [jsx("div", {}), jsx(Text.Body, {
+                intlMessage: messages$3.previewOfYourImport
+              }), jsx(Card, {
+                insetScale: "xl",
+                children: jsxs(Spacings.Stack, {
+                  scale: "xs",
+                  children: [jsxs(Spacings.Inline, {
+                    alignItems: "center",
+                    children: [jsx(CheckBoldIcon, {
+                      color: "success"
+                    }), jsx(Text.Body, {
+                      intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.rowsToBeImported), {}, {
+                        values: {
+                          rowCount: intl.formatNumber(state.uploadFileResponse.rowsCount),
+                          b: getBold$3
+                        }
+                      })
+                    })]
+                  }), jsxs(Spacings.Inline, {
+                    alignItems: "center",
+                    children: [jsx(CheckBoldIcon, {
+                      color: "success"
+                    }), jsx(Text.Body, {
+                      intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.columnsToBeImported), {}, {
+                        values: {
+                          columnCount: intl.formatNumber(validatedColumns.length),
+                          b: getBold$3
+                        }
+                      })
+                    })]
+                  }), jsx(ColumnList, {
+                    columns: validatedColumns
                   })]
-                }), jsx(ColumnList, {
-                  columns: validatedColumns
-                })]
-              })
-            }), ignoredColumns.length > 0 && jsx(Card, {
-              insetScale: "xl",
-              children: jsxs(Spacings.Stack, {
-                scale: "xs",
-                children: [jsxs(Spacings.Inline, {
-                  alignItems: "center",
-                  children: [jsx(EyeCrossedIcon, {
-                    color: "neutral60"
-                  }), jsx(Text.Body, {
-                    intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.columnsToBeIgnored), {}, {
-                      values: {
-                        columnCount: intl.formatNumber(ignoredColumns.length),
-                        b: getBold$3
-                      }
-                    })
+                })
+              }), ignoredColumns.length > 0 && jsx(Card, {
+                insetScale: "xl",
+                children: jsxs(Spacings.Stack, {
+                  scale: "xs",
+                  children: [jsxs(Spacings.Inline, {
+                    alignItems: "center",
+                    children: [jsx(EyeCrossedIcon, {
+                      color: "neutral60"
+                    }), jsx(Text.Body, {
+                      intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.columnsToBeIgnored), {}, {
+                        values: {
+                          columnCount: intl.formatNumber(ignoredColumns.length),
+                          b: getBold$3
+                        }
+                      })
+                    })]
+                  }), jsx(ColumnList, {
+                    columns: ignoredColumns
                   })]
-                }), jsx(ColumnList, {
-                  columns: ignoredColumns
-                })]
-              })
-            })]
+                })
+              })]
+            })
           })
         })
       })
@@ -1400,23 +1407,25 @@ const ImportConfirmationModal = () => {
       }
     },
     size: 16,
-    children: jsxs(Spacings.Stack, {
-      scale: "xl",
-      children: [jsxs("div", {
-        children: [jsx(Text.Body, {
-          intlMessage: _objectSpread$7(_objectSpread$7({}, messages$3.confirmationBodyText), {}, {
-            values: {
-              projectName: projectName,
-              count: intl.formatNumber((state === null || state === void 0 || (_state$uploadFileResp = state.uploadFileResponse) === null || _state$uploadFileResp === void 0 ? void 0 : _state$uploadFileResp.rowsCount) || 0),
-              bold: getBold$2
-            }
-          })
+    children: jsx(Masking.Unmask, {
+      children: jsxs(Spacings.Stack, {
+        scale: "xl",
+        children: [jsxs("div", {
+          children: [jsx(Text.Body, {
+            intlMessage: _objectSpread$7(_objectSpread$7({}, messages$3.confirmationBodyText), {}, {
+              values: {
+                projectName: projectName,
+                count: intl.formatNumber((state === null || state === void 0 || (_state$uploadFileResp = state.uploadFileResponse) === null || _state$uploadFileResp === void 0 ? void 0 : _state$uploadFileResp.rowsCount) || 0),
+                bold: getBold$2
+              }
+            })
+          }), jsx(Text.Body, {
+            intlMessage: messages$3.confirmationBodyNote
+          })]
         }), jsx(Text.Body, {
-          intlMessage: messages$3.confirmationBodyNote
+          intlMessage: messages$3.confirmationBodyQuestion
         })]
-      }), jsx(Text.Body, {
-        intlMessage: messages$3.confirmationBodyQuestion
-      })]
+      })
     })
   });
 };
@@ -1527,30 +1536,34 @@ const UploadClientSideErrorsModal = () => {
     isOpen: true,
     title: intl.formatMessage(sharedMessages["modalTitle.".concat(state.resourceType)]),
     onClose: () => onClose(),
-    children: jsxs(Spacings.Stack, {
-      scale: "l",
-      children: [jsx(Text.Body, {
-        intlMessage: _objectSpread$5(_objectSpread$5({}, messages$2.uploadingError), {}, {
-          values: {
-            fileName: (_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.name,
-            errorsCount: intl.formatNumber(errorsCount),
-            b: getBold$1
-          }
-        })
-      }), jsx(UploadClientSideErrorTable, {
-        rows: mapUploadFileClientSideErrorsToUploadFileErrorRows(state.fileUploadClientSideErrors)
-      }), jsxs(Spacings.Inline, {
-        scale: "m",
-        justifyContent: "flex-end",
-        children: [jsx(SecondaryButton, {
-          label: intl.formatMessage(sharedMessages.close),
-          onClick: () => onClose()
-        }), jsx(PrimaryButton, {
-          iconLeft: jsx(ImportIcon, {}),
-          label: intl.formatMessage(messages$2.uploadNewFile),
-          onClick: () => actions.uploadNewFile()
+    children: jsx(Masking.Unmask, {
+      children: jsxs(Spacings.Stack, {
+        scale: "l",
+        children: [jsx(Masking.Mask, {
+          children: jsx(Text.Body, {
+            intlMessage: _objectSpread$5(_objectSpread$5({}, messages$2.uploadingError), {}, {
+              values: {
+                fileName: (_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.name,
+                errorsCount: intl.formatNumber(errorsCount),
+                b: getBold$1
+              }
+            })
+          })
+        }), jsx(UploadClientSideErrorTable, {
+          rows: mapUploadFileClientSideErrorsToUploadFileErrorRows(state.fileUploadClientSideErrors)
+        }), jsxs(Spacings.Inline, {
+          scale: "m",
+          justifyContent: "flex-end",
+          children: [jsx(SecondaryButton, {
+            label: intl.formatMessage(sharedMessages.close),
+            onClick: () => onClose()
+          }), jsx(PrimaryButton, {
+            iconLeft: jsx(ImportIcon, {}),
+            label: intl.formatMessage(messages$2.uploadNewFile),
+            onClick: () => actions.uploadNewFile()
+          })]
         })]
-      })]
+      })
     })
   });
 };
@@ -1641,44 +1654,48 @@ const UploadServerSideErrorsModal = () => {
     isOpen: true,
     title: intl.formatMessage(sharedMessages["modalTitle.".concat(state.resourceType)]),
     onClose: onClose,
-    children: jsxs(Spacings.Stack, {
-      scale: "l",
-      children: [jsxs(Spacings.Stack, {
-        scale: "xs",
-        children: [jsx(Text.Body, {
-          intlMessage: _objectSpread$3(_objectSpread$3({}, messages$2.uploadingError), {}, {
-            values: {
-              fileName: (_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.name,
-              errorsCount: intl.formatNumber(errorsCount),
-              b: getBold
-            }
-          })
-        }), jsx(Text.Body, {
-          intlMessage: _objectSpread$3(_objectSpread$3({}, messages$2.supportedValuesDocumentation), {}, {
-            values: {
-              documentationLink: msg => jsx(Link, {
-                tone: "secondary",
-                isExternal: true,
-                to: documentationLink,
-                children: msg
+    children: jsx(Masking.Unmask, {
+      children: jsxs(Spacings.Stack, {
+        scale: "l",
+        children: [jsxs(Spacings.Stack, {
+          scale: "xs",
+          children: [jsx(Masking.Mask, {
+            children: jsx(Text.Body, {
+              intlMessage: _objectSpread$3(_objectSpread$3({}, messages$2.uploadingError), {}, {
+                values: {
+                  fileName: (_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.name,
+                  errorsCount: intl.formatNumber(errorsCount),
+                  b: getBold
+                }
               })
-            }
-          })
-        })]
-      }), jsx(UploadServerSideErrorTable, {
-        rows: mapUploadFileErrorsResponseToUploadFileErrorRows((_state$uploadFileResp2 = state.uploadFileResponse) === null || _state$uploadFileResp2 === void 0 ? void 0 : _state$uploadFileResp2.results)
-      }), jsxs(Spacings.Inline, {
-        scale: "m",
-        justifyContent: "flex-end",
-        children: [jsx(SecondaryButton, {
-          label: intl.formatMessage(sharedMessages.close),
-          onClick: () => onClose()
-        }), jsx(PrimaryButton, {
-          iconLeft: jsx(ImportIcon, {}),
-          label: intl.formatMessage(messages$2.uploadNewFile),
-          onClick: () => actions.uploadNewFile()
+            })
+          }), jsx(Text.Body, {
+            intlMessage: _objectSpread$3(_objectSpread$3({}, messages$2.supportedValuesDocumentation), {}, {
+              values: {
+                documentationLink: msg => jsx(Link, {
+                  tone: "secondary",
+                  isExternal: true,
+                  to: documentationLink,
+                  children: msg
+                })
+              }
+            })
+          })]
+        }), jsx(UploadServerSideErrorTable, {
+          rows: mapUploadFileErrorsResponseToUploadFileErrorRows((_state$uploadFileResp2 = state.uploadFileResponse) === null || _state$uploadFileResp2 === void 0 ? void 0 : _state$uploadFileResp2.results)
+        }), jsxs(Spacings.Inline, {
+          scale: "m",
+          justifyContent: "flex-end",
+          children: [jsx(SecondaryButton, {
+            label: intl.formatMessage(sharedMessages.close),
+            onClick: () => onClose()
+          }), jsx(PrimaryButton, {
+            iconLeft: jsx(ImportIcon, {}),
+            label: intl.formatMessage(messages$2.uploadNewFile),
+            onClick: () => actions.uploadNewFile()
+          })]
         })]
-      })]
+      })
     })
   });
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-frontend-extensions/import-resources-modal",
   "description": "Shared import modal for importing resources",
-  "version": "1.2.3",
+  "version": "1.2.5",
   "license": "BSD-3-Clause",
   "publishConfig": {
     "access": "public"
@@ -17,6 +17,7 @@
   "dependencies": {
     "@babel/runtime": "7.25.0",
     "@babel/runtime-corejs3": "7.25.0",
+    "@commercetools-frontend/fullstory": "2.4.4",
     "@commercetools/importapi-sdk": "5.5.0",
     "@emotion/react": "11.13.0",
     "@emotion/styled": "11.13.0",
@@ -36,15 +37,15 @@
     "react-dropzone": "14.2.3"
   },
   "devDependencies": {
-    "@commercetools-frontend/actions-global": "22.30.2",
-    "@commercetools-frontend/application-components": "22.30.2",
-    "@commercetools-frontend/application-shell": "22.30.2",
-    "@commercetools-frontend/application-shell-connectors": "22.30.2",
-    "@commercetools-frontend/constants": "22.30.2",
-    "@commercetools-frontend/i18n": "22.30.2",
-    "@commercetools-frontend/jest-preset-mc-app": "22.30.2",
-    "@commercetools-frontend/sdk": "22.30.2",
-    "@commercetools-frontend/sentry": "22.30.2",
+    "@commercetools-frontend/actions-global": "22.30.3",
+    "@commercetools-frontend/application-components": "22.30.3",
+    "@commercetools-frontend/application-shell": "22.30.3",
+    "@commercetools-frontend/application-shell-connectors": "22.30.3",
+    "@commercetools-frontend/constants": "22.30.3",
+    "@commercetools-frontend/i18n": "22.30.3",
+    "@commercetools-frontend/jest-preset-mc-app": "22.30.3",
+    "@commercetools-frontend/sdk": "22.30.3",
+    "@commercetools-frontend/sentry": "22.30.3",
     "@commercetools-frontend/ui-kit": "19.9.0",
     "@commercetools-uikit/data-table": "19.9.0",
     "@commercetools-uikit/design-system": "19.9.0",
@@ -61,15 +62,15 @@
     "rimraf": "5.0.10"
   },
   "peerDependencies": {
-    "@commercetools-frontend/actions-global": "22.30.2",
-    "@commercetools-frontend/application-components": "22.30.2",
-    "@commercetools-frontend/application-shell": "22.30.2",
-    "@commercetools-frontend/application-shell-connectors": "22.30.2",
-    "@commercetools-frontend/constants": "22.30.2",
-    "@commercetools-frontend/i18n": "22.30.2",
-    "@commercetools-frontend/jest-preset-mc-app": "22.30.2",
-    "@commercetools-frontend/sdk": "22.30.2",
-    "@commercetools-frontend/sentry": "22.30.2",
+    "@commercetools-frontend/actions-global": "22.30.3",
+    "@commercetools-frontend/application-components": "22.30.3",
+    "@commercetools-frontend/application-shell": "22.30.3",
+    "@commercetools-frontend/application-shell-connectors": "22.30.3",
+    "@commercetools-frontend/constants": "22.30.3",
+    "@commercetools-frontend/i18n": "22.30.3",
+    "@commercetools-frontend/jest-preset-mc-app": "22.30.3",
+    "@commercetools-frontend/sdk": "22.30.3",
+    "@commercetools-frontend/sentry": "22.30.3",
     "@commercetools-frontend/ui-kit": "19.9.0",
     "@commercetools-uikit/data-table": "19.9.0",
     "@commercetools-uikit/design-system": "19.9.0",