@commercetools-frontend-extensions/export-resources-modal 0.0.0-canary-20250519131423 → 0.0.0-canary-20250616144108

package/dist/{fr-FR-87237d20.esm.js → fr-FR-96dce16c.esm.js}

@@ -31,14 +31,50 @@ var frFR = {
 		developer_comment: "Label for \"Choose file\" button",
 		string: "Choisir un fichier"
 	},
+	"ExportResourcesModal.columnSeparatorComma": {
+		developer_comment: "Label for comma column separator option",
+		string: "comma (,)"
+	},
+	"ExportResourcesModal.columnSeparatorPipe": {
+		developer_comment: "Label for pipe column separator option",
+		string: "pipe (|)"
+	},
+	"ExportResourcesModal.columnSeparatorSemicolon": {
+		developer_comment: "Label for semicolon column separator option",
+		string: "semicolon (;)"
+	},
+	"ExportResourcesModal.columnSeparatorTab": {
+		developer_comment: "Label for tab column separator option",
+		string: "tab (\\t)"
+	},
+	"ExportResourcesModal.columns": {
+		developer_comment: "Label for column separator select",
+		string: "Columns:"
+	},
 	"ExportResourcesModal.confirmSelection": {
 		developer_comment: "Label for \"Confirm selection\" button",
 		string: "Confirmer la sélection"
 	},
+	"ExportResourcesModal.csvSettings": {
+		developer_comment: "Label for CSV settings section",
+		string: "CSV settings:"
+	},
 	"ExportResourcesModal.csvUploadFailed": {
 		developer_comment: "CSV upload failed title",
 		string: "Échec de l'importation du fichier CSV"
 	},
+	"ExportResourcesModal.decimal": {
+		developer_comment: "Label for decimal separator select",
+		string: "Decimals:"
+	},
+	"ExportResourcesModal.decimalSeparatorComma": {
+		developer_comment: "Label for comma decimal separator option",
+		string: "comma (,)"
+	},
+	"ExportResourcesModal.decimalSeparatorPoint": {
+		developer_comment: "Label for point decimal separator option",
+		string: "point (.)"
+	},
 	"ExportResourcesModal.defineFieldsToIncludeInExport": {
 		developer_comment: "A message to define the fields to include in export",
 		string: "Définissez les champs à inclure dans votre exportation à l'aide du fichier CSV ci-dessous. Le fichier doit contenir des en-têtes de colonne dans le format prédéfini indiqué dans <templateLink>notre modèle</templateLink>. Un fichier CSV précédemment exporté peut également être utilisé."
@@ -47,6 +83,10 @@ var frFR = {
 		developer_comment: "Label for details column",
 		string: "Détails"
 	},
+	"ExportResourcesModal.documentation": {
+		developer_comment: "A label for Documentation link",
+		string: "Documentation"
+	},
 	"ExportResourcesModal.dragAndDropCSV": {
 		developer_comment: "Label for \"Drag and drop CSV\" text",
 		string: "Faites glisser-déposer un fichier CSV"
@@ -83,10 +123,6 @@ var frFR = {
 		developer_comment: "Success message",
 		string: "<b>Votre exportation a démarré.</b><newline></newline> <logsLink>Allez dans Journaux d'importation</logsLink> pour voir la progression et télécharger le fichier."
 	},
-	"ExportResourcesModal.exportPreferences": {
-		developer_comment: "Label for preferences",
-		string: "Préférences"
-	},
 	"ExportResourcesModal.exportPreview": {
 		developer_comment: "Label for export preview step",
 		string: "Aperçu d'exportation"
@@ -95,10 +131,6 @@ var frFR = {
 		developer_comment: "The export process may take a while",
 		string: "Le processus d'exportation peut prendre un certain temps. Pour visualiser la progression et télécharger le fichier après avoir lancé l'exportation, allez dans la zone <exportLogsLink>Journaux d'exportation</exportLogsLink>, située dans le menu <operationsIcon></operationsIcon>Opérations."
 	},
-	"ExportResourcesModal.exportScope": {
-		developer_comment: "Label for Export Scope",
-		string: "Étendue"
-	},
 	"ExportResourcesModal.exportScopeAllCategories": {
 		developer_comment: "Label for Export All categories",
 		string: "Tout exporter : {total, plural, one {# catégorie} other {# catégories}}"
@@ -179,10 +211,6 @@ var frFR = {
 		developer_comment: "Label for Export Selected without count",
 		string: "Sélection d'exportation"
 	},
-	"ExportResourcesModal.exportSettings": {
-		developer_comment: "Label for Export Settings",
-		string: "Paramètres"
-	},
 	"ExportResourcesModal.fieldDefinitionNotFound": {
 		developer_comment: "Field definition not found error",
 		string: "Définition de champ introuvable"
@@ -201,19 +229,15 @@ var frFR = {
 	},
 	"ExportResourcesModal.fieldsToBeExportedInLanguages": {
 		developer_comment: "Label for fields to be exported in languages",
-		string: "{fieldCount, plural, one {<b>{fieldCount}</b> champ à exporter dans {languageCount, plural, one {<b>1</b> langue} other {<b>{languageCount}</b> langues}}} many {<b>{fieldCount}</b> champs à exporter dans {languageCount, plural, one {<b>1</b> langue} other {<b>{languageCount}</b> langues}}} other {<b>{fieldCount}</b> champ(s) à exporter dans {languageCount, plural, one {<b>1</b> langue} other {<b>{languageCount}</b> langues}}}}:"
+		string: "{fieldCount, plural, one {<b>1</b> field to be exported in {languageCount, plural, one {<b>1</b> language} other {<b>{languageCount}</b> languages}}} other {<b>{fieldCount}</b> fields to be exported in {languageCount, plural, one {<b>1</b> language} other {<b>{languageCount}</b> languages}}}}:"
 	},
 	"ExportResourcesModal.fileName": {
 		developer_comment: "exported file name",
 		string: "Nom du fichier"
 	},
-	"ExportResourcesModal.fillRowsForOrderExport": {
-		developer_comment: "A checkbox label for filling rows for order export",
-		string: "Inclure le numéro de commande, l'ID et les états dans chaque ligne"
-	},
-	"ExportResourcesModal.fillRowsForProductExport": {
-		developer_comment: "A checkbox label for filling rows for product export",
-		string: "Inclure les informations au niveau du produit et de la variante dans chaque ligne"
+	"ExportResourcesModal.fillRows": {
+		developer_comment: "A checkbox label for filling rows with complete data",
+		string: "Fill all rows with complete data"
 	},
 	"ExportResourcesModal.includeAllLocales": {
 		developer_comment: "label for \"Include all locales\" checkbox",
@@ -303,6 +327,10 @@ var frFR = {
 		developer_comment: "Label for the product types modal title",
 		string: "Types de produit à exporter"
 	},
+	"ExportResourcesModal.moreInformation": {
+		developer_comment: "A label for more information",
+		string: "For more information, refer to the {documentationLink}"
+	},
 	"ExportResourcesModal.myViews": {
 		developer_comment: "Label for \"My Views\" Select Field",
 		string: "Mes affichages"
@@ -347,6 +375,14 @@ var frFR = {
 		developer_comment: "Label for query predicate option",
 		string: "Prédicat de requête"
 	},
+	"ExportResourcesModal.saveAs": {
+		developer_comment: "Label for \"Save as:\"",
+		string: "Save as:"
+	},
+	"ExportResourcesModal.scope": {
+		developer_comment: "Label for \"Scope:\"",
+		string: "Scope:"
+	},
 	"ExportResourcesModal.searchByEnteringTheExactFieldName": {
 		developer_comment: "In Export fields selection - Search by entering the exact field name message",
 		string: "Essayez de lancer une recherche en saisissant le nom exact du fichier."
@@ -378,6 +414,14 @@ var frFR = {
 		developer_comment: "Label for total Selected",
 		string: "{total} sélectionné(s)"
 	},
+	"ExportResourcesModal.separators": {
+		developer_comment: "Label for separators",
+		string: "Separators"
+	},
+	"ExportResourcesModal.separatorsDescription": {
+		developer_comment: "Description for column separators",
+		string: "Configure how columns are separated in the exported file"
+	},
 	"ExportResourcesModal.showAll": {
 		developer_comment: "Label for \"Show all\" button",
 		string: "Tout afficher"

package/dist/{index-ece04b60.cjs.prod.js → index-13f6807d.cjs.prod.js}

@@ -697,6 +697,21 @@ var messages = reactIntl.defineMessages({
     id: 'ExportResourcesModal.csvSettings',
     description: 'Label for CSV settings section',
     defaultMessage: 'CSV settings:'
+  },
+  excelOptimized: {
+    id: 'ExportResourcesModal.excelOptimized',
+    description: 'Label for Excel-optimized CSV export checkbox',
+    defaultMessage: 'CSV file optimized for Excel'
+  },
+  excelOptimizedDescription: {
+    id: 'ExportResourcesModal.excelOptimizedDescription',
+    description: 'Description for Excel-optimized CSV export checkbox',
+    defaultMessage: 'Checking this option will prevent Excel from interpreting the data of the file.'
+  },
+  readMoreOnDocumentation: {
+    id: 'ExportResourcesModal.readMoreOnDocumentation',
+    description: 'Read more on documentation',
+    defaultMessage: 'Read more on the {documentationLink}'
   }
 });
 
@@ -1577,6 +1592,7 @@ const useInitialValues = props => {
       groups: updateFieldGroupWithAdditionalFieldExtensions(groups),
       queryPredicate: '',
       fillRows: false,
+      excelCompatible: false,
       outputFormat: props.outputFormat,
       columnSeparator: DELIMITERS$1.COMMA,
       decimalSeparator: DELIMITERS$1.POINT,
@@ -1663,6 +1679,7 @@ const useStartExportOperation = props => {
         fileFormat: values.outputFormat,
         locales,
         fillRows: isCsv && values.fillRows,
+        excelCompatible: isCsv && values.excelCompatible,
         separator: isCsv ? {
           columns: values.columnSeparator,
           decimal: values.decimalSeparator
@@ -1907,7 +1924,7 @@ const ExportPreferenceSection = () => {
     label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, option.label))
   }));
   return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-    scale: "m",
+    scale: "xl",
     children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
       scale: "s",
       children: [jsxRuntime.jsxs("div", {
@@ -1952,26 +1969,66 @@ const ExportPreferenceSection = () => {
           })]
         })]
       })]
-    }), jsxRuntime.jsxs("div", {
-      children: [jsxRuntime.jsx(uiKit.CheckboxInput, {
-        isChecked: _valuesInstanceProperty__default["default"](formik).fillRows,
-        onChange: e => {
-          formik.setFieldValue('fillRows', e.target.checked);
-        },
-        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages.fillRows))
-      }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-        scale: "xl",
-        children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx(uiKit.Text.Caption, {
-          intlMessage: _objectSpread$a(_objectSpread$a({}, messages.moreInformation), {}, {
-            values: {
-              documentationLink: jsxRuntime.jsx(uiKit.Link, {
-                intlMessage: messages.documentation,
-                isExternal: true,
-                to: CSV_STRUCTURE_DOCUMENTATION_LINK
-              }, "documentation-link")
-            }
+    }), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+      scale: "xl",
+      children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+        scale: "m",
+        children: [jsxRuntime.jsx(uiKit.CheckboxInput, {
+          isChecked: _valuesInstanceProperty__default["default"](formik).excelCompatible,
+          onChange: e => {
+            formik.setFieldValue('excelCompatible', e.target.checked);
+          },
+          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages.excelOptimized))
+        }), _valuesInstanceProperty__default["default"](formik).excelCompatible && jsxRuntime.jsx(uiKit.ContentNotification, {
+          type: "info",
+          children: jsxRuntime.jsx(uiKit.Spacings.Inset, {
+            scale: "xs",
+            children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+              children: [jsxRuntime.jsx("div", {
+                children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a(_objectSpread$a({}, messages.excelOptimizedDescription), {}, {
+                  values: {
+                    documentationLink: jsxRuntime.jsx(uiKit.Link, {
+                      intlMessage: messages.documentation,
+                      isExternal: true,
+                      to: CSV_STRUCTURE_DOCUMENTATION_LINK
+                    }, "documentation-link")
+                  }
+                }))
+              }), jsxRuntime.jsx("div", {
+                children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a(_objectSpread$a({}, messages.readMoreOnDocumentation), {}, {
+                  values: {
+                    documentationLink: jsxRuntime.jsx(uiKit.Link, {
+                      intlMessage: messages.documentation,
+                      isExternal: true,
+                      to: CSV_STRUCTURE_DOCUMENTATION_LINK
+                    }, "documentation-link")
+                  }
+                }))
+              })]
+            })
           })
         })]
+      }), jsxRuntime.jsxs("div", {
+        children: [jsxRuntime.jsx(uiKit.CheckboxInput, {
+          isChecked: _valuesInstanceProperty__default["default"](formik).fillRows,
+          onChange: e => {
+            formik.setFieldValue('fillRows', e.target.checked);
+          },
+          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages.fillRows))
+        }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+          scale: "xl",
+          children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx(uiKit.Text.Caption, {
+            intlMessage: _objectSpread$a(_objectSpread$a({}, messages.moreInformation), {}, {
+              values: {
+                documentationLink: jsxRuntime.jsx(uiKit.Link, {
+                  intlMessage: messages.documentation,
+                  isExternal: true,
+                  to: CSV_STRUCTURE_DOCUMENTATION_LINK
+                }, "documentation-link")
+              }
+            })
+          })]
+        })]
       })]
     })]
   });
@@ -3322,11 +3379,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/react.css("" , "" );
 }
 
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-abfd5540.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-a30f5f01.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
 
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-077bea54.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-b3499b69.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-a07d3406.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-baefd7b3.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -3407,17 +3464,17 @@ const getChunkImport = locale => {
   const intlLocale = i18n.mapLocaleToIntlLocale(locale);
   switch (intlLocale) {
     case 'de':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-de" */'./de-172c3905.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-de" */'./de-850971a3.cjs.prod.js'); });
     case 'es':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-es" */'./es-b0a9fb31.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-es" */'./es-e73368be.cjs.prod.js'); });
     case 'fr-FR':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-8146efa8.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-0eab30ec.cjs.prod.js'); });
     case 'ja':
       return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-ja" */'./ja-37632763.cjs.prod.js'); });
     case 'pt-BR':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-c725734e.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-ced88ff5.cjs.prod.js'); });
     default:
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-en" */'./en-951cd344.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-en" */'./en-89430bcb.cjs.prod.js'); });
   }
 };
 const loadMessages = async locale => {

package/dist/{index-411021b4.cjs.dev.js → index-68a5c7e9.cjs.dev.js}

@@ -697,6 +697,21 @@ var messages = reactIntl.defineMessages({
     id: 'ExportResourcesModal.csvSettings',
     description: 'Label for CSV settings section',
     defaultMessage: 'CSV settings:'
+  },
+  excelOptimized: {
+    id: 'ExportResourcesModal.excelOptimized',
+    description: 'Label for Excel-optimized CSV export checkbox',
+    defaultMessage: 'CSV file optimized for Excel'
+  },
+  excelOptimizedDescription: {
+    id: 'ExportResourcesModal.excelOptimizedDescription',
+    description: 'Description for Excel-optimized CSV export checkbox',
+    defaultMessage: 'Checking this option will prevent Excel from interpreting the data of the file.'
+  },
+  readMoreOnDocumentation: {
+    id: 'ExportResourcesModal.readMoreOnDocumentation',
+    description: 'Read more on documentation',
+    defaultMessage: 'Read more on the {documentationLink}'
   }
 });
 
@@ -1577,6 +1592,7 @@ const useInitialValues = props => {
       groups: updateFieldGroupWithAdditionalFieldExtensions(groups),
       queryPredicate: '',
       fillRows: false,
+      excelCompatible: false,
       outputFormat: props.outputFormat,
       columnSeparator: DELIMITERS$1.COMMA,
       decimalSeparator: DELIMITERS$1.POINT,
@@ -1663,6 +1679,7 @@ const useStartExportOperation = props => {
         fileFormat: values.outputFormat,
         locales,
         fillRows: isCsv && values.fillRows,
+        excelCompatible: isCsv && values.excelCompatible,
         separator: isCsv ? {
           columns: values.columnSeparator,
           decimal: values.decimalSeparator
@@ -1907,7 +1924,7 @@ const ExportPreferenceSection = () => {
     label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, option.label))
   }));
   return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-    scale: "m",
+    scale: "xl",
     children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
       scale: "s",
       children: [jsxRuntime.jsxs("div", {
@@ -1952,26 +1969,66 @@ const ExportPreferenceSection = () => {
           })]
         })]
       })]
-    }), jsxRuntime.jsxs("div", {
-      children: [jsxRuntime.jsx(uiKit.CheckboxInput, {
-        isChecked: _valuesInstanceProperty__default["default"](formik).fillRows,
-        onChange: e => {
-          formik.setFieldValue('fillRows', e.target.checked);
-        },
-        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages.fillRows))
-      }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-        scale: "xl",
-        children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx(uiKit.Text.Caption, {
-          intlMessage: _objectSpread$a(_objectSpread$a({}, messages.moreInformation), {}, {
-            values: {
-              documentationLink: jsxRuntime.jsx(uiKit.Link, {
-                intlMessage: messages.documentation,
-                isExternal: true,
-                to: CSV_STRUCTURE_DOCUMENTATION_LINK
-              }, "documentation-link")
-            }
+    }), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+      scale: "xl",
+      children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+        scale: "m",
+        children: [jsxRuntime.jsx(uiKit.CheckboxInput, {
+          isChecked: _valuesInstanceProperty__default["default"](formik).excelCompatible,
+          onChange: e => {
+            formik.setFieldValue('excelCompatible', e.target.checked);
+          },
+          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages.excelOptimized))
+        }), _valuesInstanceProperty__default["default"](formik).excelCompatible && jsxRuntime.jsx(uiKit.ContentNotification, {
+          type: "info",
+          children: jsxRuntime.jsx(uiKit.Spacings.Inset, {
+            scale: "xs",
+            children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+              children: [jsxRuntime.jsx("div", {
+                children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a(_objectSpread$a({}, messages.excelOptimizedDescription), {}, {
+                  values: {
+                    documentationLink: jsxRuntime.jsx(uiKit.Link, {
+                      intlMessage: messages.documentation,
+                      isExternal: true,
+                      to: CSV_STRUCTURE_DOCUMENTATION_LINK
+                    }, "documentation-link")
+                  }
+                }))
+              }), jsxRuntime.jsx("div", {
+                children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a(_objectSpread$a({}, messages.readMoreOnDocumentation), {}, {
+                  values: {
+                    documentationLink: jsxRuntime.jsx(uiKit.Link, {
+                      intlMessage: messages.documentation,
+                      isExternal: true,
+                      to: CSV_STRUCTURE_DOCUMENTATION_LINK
+                    }, "documentation-link")
+                  }
+                }))
+              })]
+            })
           })
         })]
+      }), jsxRuntime.jsxs("div", {
+        children: [jsxRuntime.jsx(uiKit.CheckboxInput, {
+          isChecked: _valuesInstanceProperty__default["default"](formik).fillRows,
+          onChange: e => {
+            formik.setFieldValue('fillRows', e.target.checked);
+          },
+          children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages.fillRows))
+        }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+          scale: "xl",
+          children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx(uiKit.Text.Caption, {
+            intlMessage: _objectSpread$a(_objectSpread$a({}, messages.moreInformation), {}, {
+              values: {
+                documentationLink: jsxRuntime.jsx(uiKit.Link, {
+                  intlMessage: messages.documentation,
+                  isExternal: true,
+                  to: CSV_STRUCTURE_DOCUMENTATION_LINK
+                }, "documentation-link")
+              }
+            })
+          })]
+        })]
       })]
     })]
   });
@@ -3358,11 +3415,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/react.css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBEcm9wem9uZVJvb3RQcm9wcyB9IGZyb20gJ3JlYWN0LWRyb3B6b25lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2RlZmF1bHQnKSB7XG4gICAgICByZXR1cm4gc3R5bGVzLnJlYWR5Rm9yRHJvcFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2FjdGl2ZS1kcmFnJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5hY3RpdmVEcmFnXG4gICAgfVxuICAgIGlmIChwcm9wcy5kcm9wQXJlYVN0YXRlID09PSAnZmlsZS1kcm9wcGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5maWxlRHJvcHBlZFxuICAgIH1cbiAgICByZXR1cm4gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKHByb3BzLmRyb3BBcmVhU3RhdGUpXG4gIH19XG5gXG5mdW5jdGlvbiBnZXREZWZhdWx0RHJvcFdyYXBwZXJTdHlsZXMoX2Ryb3BBcmVhU3RhdGU6IG5ldmVyKSB7XG4gIHJldHVybiBjc3NgYFxufVxuIl19 */");
 }
 
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-3fe4ff0d.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-38356347.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
 
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-47ebb93c.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-f072eebb.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-7c9c0f8e.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-08ab59fd.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -3443,17 +3500,17 @@ const getChunkImport = locale => {
   const intlLocale = i18n.mapLocaleToIntlLocale(locale);
   switch (intlLocale) {
     case 'de':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-de" */'./de-c18aeb38.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-de" */'./de-44143469.cjs.dev.js'); });
     case 'es':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-es" */'./es-38a3a3ae.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-es" */'./es-e6dd1e27.cjs.dev.js'); });
     case 'fr-FR':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-97c22617.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-62affef0.cjs.dev.js'); });
     case 'ja':
       return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-ja" */'./ja-9bd5f452.cjs.dev.js'); });
     case 'pt-BR':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-c42a98aa.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-13243e64.cjs.dev.js'); });
     default:
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-en" */'./en-68174953.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-en" */'./en-6928b534.cjs.dev.js'); });
   }
 };
 const loadMessages = async locale => {