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

package/dist/{index-c301af5d.cjs.prod.js → index-4a4bda05.cjs.prod.js}

@@ -41,6 +41,7 @@ var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 var _wrapNativeSuper = require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 var applicationComponents = require('@commercetools-frontend/application-components');
+var fullstory = require('@commercetools-frontend/fullstory');
 var uiKit = require('@commercetools-frontend/ui-kit');
 var actionsGlobal = require('@commercetools-frontend/actions-global');
 var sentry = require('@commercetools-frontend/sentry');
@@ -864,13 +865,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/react.css("" , "" );
 }
 
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-4555b547.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-89f8264c.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
 
 var DisabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./disabled-drop-area-99c1fa0b.cjs.prod.js' /* webpackChunkName: "disabled-drop-area" */); }));
 
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-9d72368b.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-77836aae.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-114c7008.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-47e83d97.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -1101,27 +1102,31 @@ const Upload = () => {
     onClose: () => onClose({
       shouldDeleteImportContainer: true
     }),
-    children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-      scale: "l",
-      children: [isMultipleResourceTypes ? jsxRuntime.jsxs(uiKit.Grid, {
-        gridRowGap: uiKit.designTokens.spacingL,
-        gridTemplateColumns: _concatInstanceProperty__default["default"](_context = "calc(".concat(uiKit.designTokens.constraint3, " + ")).call(_context, uiKit.designTokens.spacingL, ") auto"),
-        children: [jsxRuntime.jsx(uiKit.Grid.Item, {
-          children: jsxRuntime.jsx(uiKit.Text.Body, {
-            isBold: true,
-            intlMessage: messages$4.dataType
-          })
-        }), jsxRuntime.jsx(uiKit.Grid.Item, {
-          children: jsxRuntime.jsx(ResourceTypeSelection, {})
-        }), jsxRuntime.jsx(uiKit.Grid.Item, {
-          children: jsxRuntime.jsx(uiKit.Text.Body, {
-            isBold: true,
-            intlMessage: messages$4.instructions
-          })
-        }), jsxRuntime.jsx(uiKit.Grid.Item, {
-          children: jsxRuntime.jsx(Instructions, {})
+    children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
+      children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+        scale: "l",
+        children: [isMultipleResourceTypes ? jsxRuntime.jsxs(uiKit.Grid, {
+          gridRowGap: uiKit.designTokens.spacingL,
+          gridTemplateColumns: _concatInstanceProperty__default["default"](_context = "calc(".concat(uiKit.designTokens.constraint3, " + ")).call(_context, uiKit.designTokens.spacingL, ") auto"),
+          children: [jsxRuntime.jsx(uiKit.Grid.Item, {
+            children: jsxRuntime.jsx(uiKit.Text.Body, {
+              isBold: true,
+              intlMessage: messages$4.dataType
+            })
+          }), jsxRuntime.jsx(uiKit.Grid.Item, {
+            children: jsxRuntime.jsx(ResourceTypeSelection, {})
+          }), jsxRuntime.jsx(uiKit.Grid.Item, {
+            children: jsxRuntime.jsx(uiKit.Text.Body, {
+              isBold: true,
+              intlMessage: messages$4.instructions
+            })
+          }), jsxRuntime.jsx(uiKit.Grid.Item, {
+            children: jsxRuntime.jsx(Instructions, {})
+          })]
+        }) : jsxRuntime.jsx(Instructions, {}), jsxRuntime.jsx(fullstory.Masking.Mask, {
+          children: jsxRuntime.jsx(FileDropArea, {})
         })]
-      }) : jsxRuntime.jsx(Instructions, {}), jsxRuntime.jsx(FileDropArea, {})]
+      })
     })
   });
 };
@@ -1265,68 +1270,70 @@ function UploadPreviewModal() {
     onClose: () => onClose({
       shouldDeleteImportContainer: true
     }),
-    children: jsxRuntime.jsx(applicationComponents.PageContentNarrow, {
-      children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
-        scale: "xxxl",
+    children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
+      children: jsxRuntime.jsx(applicationComponents.PageContentNarrow, {
         children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
-          scale: "xl",
-          children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-            scale: "m",
-            children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx(uiKit.Text.Body, {
-              intlMessage: messages$3.previewOfYourImport
-            }), jsxRuntime.jsx(uiKit.Card, {
-              insetScale: "xl",
-              children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-                scale: "xs",
-                children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-                  alignItems: "center",
-                  children: [jsxRuntime.jsx(uiKit.CheckBoldIcon, {
-                    color: "success"
-                  }), jsxRuntime.jsx(uiKit.Text.Body, {
-                    intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.rowsToBeImported), {}, {
-                      values: {
-                        rowCount: intl.formatNumber(state.uploadFileResponse.rowsCount),
-                        b: getBold$3
-                      }
-                    })
-                  })]
-                }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-                  alignItems: "center",
-                  children: [jsxRuntime.jsx(uiKit.CheckBoldIcon, {
-                    color: "success"
-                  }), jsxRuntime.jsx(uiKit.Text.Body, {
-                    intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.columnsToBeImported), {}, {
-                      values: {
-                        columnCount: intl.formatNumber(validatedColumns.length),
-                        b: getBold$3
-                      }
-                    })
+          scale: "xxxl",
+          children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
+            scale: "xl",
+            children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+              scale: "m",
+              children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx(uiKit.Text.Body, {
+                intlMessage: messages$3.previewOfYourImport
+              }), jsxRuntime.jsx(uiKit.Card, {
+                insetScale: "xl",
+                children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+                  scale: "xs",
+                  children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+                    alignItems: "center",
+                    children: [jsxRuntime.jsx(uiKit.CheckBoldIcon, {
+                      color: "success"
+                    }), jsxRuntime.jsx(uiKit.Text.Body, {
+                      intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.rowsToBeImported), {}, {
+                        values: {
+                          rowCount: intl.formatNumber(state.uploadFileResponse.rowsCount),
+                          b: getBold$3
+                        }
+                      })
+                    })]
+                  }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+                    alignItems: "center",
+                    children: [jsxRuntime.jsx(uiKit.CheckBoldIcon, {
+                      color: "success"
+                    }), jsxRuntime.jsx(uiKit.Text.Body, {
+                      intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.columnsToBeImported), {}, {
+                        values: {
+                          columnCount: intl.formatNumber(validatedColumns.length),
+                          b: getBold$3
+                        }
+                      })
+                    })]
+                  }), jsxRuntime.jsx(ColumnList, {
+                    columns: validatedColumns
                   })]
-                }), jsxRuntime.jsx(ColumnList, {
-                  columns: validatedColumns
-                })]
-              })
-            }), ignoredColumns.length > 0 && jsxRuntime.jsx(uiKit.Card, {
-              insetScale: "xl",
-              children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-                scale: "xs",
-                children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-                  alignItems: "center",
-                  children: [jsxRuntime.jsx(uiKit.EyeCrossedIcon, {
-                    color: "neutral60"
-                  }), jsxRuntime.jsx(uiKit.Text.Body, {
-                    intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.columnsToBeIgnored), {}, {
-                      values: {
-                        columnCount: intl.formatNumber(ignoredColumns.length),
-                        b: getBold$3
-                      }
-                    })
+                })
+              }), ignoredColumns.length > 0 && jsxRuntime.jsx(uiKit.Card, {
+                insetScale: "xl",
+                children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+                  scale: "xs",
+                  children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+                    alignItems: "center",
+                    children: [jsxRuntime.jsx(uiKit.EyeCrossedIcon, {
+                      color: "neutral60"
+                    }), jsxRuntime.jsx(uiKit.Text.Body, {
+                      intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.columnsToBeIgnored), {}, {
+                        values: {
+                          columnCount: intl.formatNumber(ignoredColumns.length),
+                          b: getBold$3
+                        }
+                      })
+                    })]
+                  }), jsxRuntime.jsx(ColumnList, {
+                    columns: ignoredColumns
                   })]
-                }), jsxRuntime.jsx(ColumnList, {
-                  columns: ignoredColumns
-                })]
-              })
-            })]
+                })
+              })]
+            })
           })
         })
       })
@@ -1424,23 +1431,25 @@ const ImportConfirmationModal = () => {
       }
     },
     size: 16,
-    children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-      scale: "xl",
-      children: [jsxRuntime.jsxs("div", {
-        children: [jsxRuntime.jsx(uiKit.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: jsxRuntime.jsx(fullstory.Masking.Unmask, {
+      children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+        scale: "xl",
+        children: [jsxRuntime.jsxs("div", {
+          children: [jsxRuntime.jsx(uiKit.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
+              }
+            })
+          }), jsxRuntime.jsx(uiKit.Text.Body, {
+            intlMessage: messages$3.confirmationBodyNote
+          })]
         }), jsxRuntime.jsx(uiKit.Text.Body, {
-          intlMessage: messages$3.confirmationBodyNote
+          intlMessage: messages$3.confirmationBodyQuestion
         })]
-      }), jsxRuntime.jsx(uiKit.Text.Body, {
-        intlMessage: messages$3.confirmationBodyQuestion
-      })]
+      })
     })
   });
 };
@@ -1551,30 +1560,34 @@ const UploadClientSideErrorsModal = () => {
     isOpen: true,
     title: intl.formatMessage(sharedMessages["modalTitle.".concat(state.resourceType)]),
     onClose: () => onClose(),
-    children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-      scale: "l",
-      children: [jsxRuntime.jsx(uiKit.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
-          }
-        })
-      }), jsxRuntime.jsx(UploadClientSideErrorTable, {
-        rows: mapUploadFileClientSideErrorsToUploadFileErrorRows(state.fileUploadClientSideErrors)
-      }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-        scale: "m",
-        justifyContent: "flex-end",
-        children: [jsxRuntime.jsx(uiKit.SecondaryButton, {
-          label: intl.formatMessage(sharedMessages.close),
-          onClick: () => onClose()
-        }), jsxRuntime.jsx(uiKit.PrimaryButton, {
-          iconLeft: jsxRuntime.jsx(uiKit.ImportIcon, {}),
-          label: intl.formatMessage(messages$2.uploadNewFile),
-          onClick: () => actions.uploadNewFile()
+    children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
+      children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+        scale: "l",
+        children: [jsxRuntime.jsx(fullstory.Masking.Mask, {
+          children: jsxRuntime.jsx(uiKit.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
+              }
+            })
+          })
+        }), jsxRuntime.jsx(UploadClientSideErrorTable, {
+          rows: mapUploadFileClientSideErrorsToUploadFileErrorRows(state.fileUploadClientSideErrors)
+        }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+          scale: "m",
+          justifyContent: "flex-end",
+          children: [jsxRuntime.jsx(uiKit.SecondaryButton, {
+            label: intl.formatMessage(sharedMessages.close),
+            onClick: () => onClose()
+          }), jsxRuntime.jsx(uiKit.PrimaryButton, {
+            iconLeft: jsxRuntime.jsx(uiKit.ImportIcon, {}),
+            label: intl.formatMessage(messages$2.uploadNewFile),
+            onClick: () => actions.uploadNewFile()
+          })]
         })]
-      })]
+      })
     })
   });
 };
@@ -1665,44 +1678,48 @@ const UploadServerSideErrorsModal = () => {
     isOpen: true,
     title: intl.formatMessage(sharedMessages["modalTitle.".concat(state.resourceType)]),
     onClose: onClose,
-    children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-      scale: "l",
-      children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-        scale: "xs",
-        children: [jsxRuntime.jsx(uiKit.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
-            }
-          })
-        }), jsxRuntime.jsx(uiKit.Text.Body, {
-          intlMessage: _objectSpread$3(_objectSpread$3({}, messages$2.supportedValuesDocumentation), {}, {
-            values: {
-              documentationLink: msg => jsxRuntime.jsx(uiKit.Link, {
-                tone: "secondary",
-                isExternal: true,
-                to: documentationLink,
-                children: msg
+    children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
+      children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+        scale: "l",
+        children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+          scale: "xs",
+          children: [jsxRuntime.jsx(fullstory.Masking.Mask, {
+            children: jsxRuntime.jsx(uiKit.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
+                }
               })
-            }
-          })
-        })]
-      }), jsxRuntime.jsx(UploadServerSideErrorTable, {
-        rows: mapUploadFileErrorsResponseToUploadFileErrorRows((_state$uploadFileResp2 = state.uploadFileResponse) === null || _state$uploadFileResp2 === void 0 ? void 0 : _state$uploadFileResp2.results)
-      }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-        scale: "m",
-        justifyContent: "flex-end",
-        children: [jsxRuntime.jsx(uiKit.SecondaryButton, {
-          label: intl.formatMessage(sharedMessages.close),
-          onClick: () => onClose()
-        }), jsxRuntime.jsx(uiKit.PrimaryButton, {
-          iconLeft: jsxRuntime.jsx(uiKit.ImportIcon, {}),
-          label: intl.formatMessage(messages$2.uploadNewFile),
-          onClick: () => actions.uploadNewFile()
+            })
+          }), jsxRuntime.jsx(uiKit.Text.Body, {
+            intlMessage: _objectSpread$3(_objectSpread$3({}, messages$2.supportedValuesDocumentation), {}, {
+              values: {
+                documentationLink: msg => jsxRuntime.jsx(uiKit.Link, {
+                  tone: "secondary",
+                  isExternal: true,
+                  to: documentationLink,
+                  children: msg
+                })
+              }
+            })
+          })]
+        }), jsxRuntime.jsx(UploadServerSideErrorTable, {
+          rows: mapUploadFileErrorsResponseToUploadFileErrorRows((_state$uploadFileResp2 = state.uploadFileResponse) === null || _state$uploadFileResp2 === void 0 ? void 0 : _state$uploadFileResp2.results)
+        }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+          scale: "m",
+          justifyContent: "flex-end",
+          children: [jsxRuntime.jsx(uiKit.SecondaryButton, {
+            label: intl.formatMessage(sharedMessages.close),
+            onClick: () => onClose()
+          }), jsxRuntime.jsx(uiKit.PrimaryButton, {
+            iconLeft: jsxRuntime.jsx(uiKit.ImportIcon, {}),
+            label: intl.formatMessage(messages$2.uploadNewFile),
+            onClick: () => actions.uploadNewFile()
+          })]
         })]
-      })]
+      })
     })
   });
 };