@commercetools-frontend-extensions/export-resources-modal 5.6.5 → 5.6.7

package/dist/commercetools-frontend-extensions-export-resources-modal.cjs.dev.js

@@ -103,12 +103,19 @@ var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var debounce__default = /*#__PURE__*/_interopDefault(debounce);
 var get__default = /*#__PURE__*/_interopDefault(get);
 
-function getBold(msg) {
+function getBold(chunks) {
   return jsxRuntime.jsx(uiKit.Text.Body, {
     as: "span",
-    isBold: true,
-    children: msg
-  }, `bold-${msg}`);
+    fontWeight: "bold",
+    children: chunks
+  }, crypto.randomUUID());
+}
+function getSmallBold(chunks) {
+  return jsxRuntime.jsx(uiKit.Text.Detail, {
+    as: "span",
+    fontWeight: "bold",
+    children: chunks
+  }, crypto.randomUUID());
 }
 
 function getNewLine() {
@@ -610,6 +617,11 @@ var messages = reactIntl.defineMessages({
     description: 'Incomplete field error',
     defaultMessage: 'Incomplete field'
   },
+  attributeLevelMismatch: {
+    id: 'ExportResourcesModal.attributeLevelMismatch',
+    description: 'Attribute level mismatch error',
+    defaultMessage: 'Attribute level mismatch'
+  },
   notSupportedFieldsTitle: {
     id: 'ExportResourcesModal.notSupportedFieldsTitle',
     description: 'Title for not supported fields error',
@@ -640,6 +652,16 @@ var messages = reactIntl.defineMessages({
     description: 'Title for field definitions not found error',
     defaultMessage: 'The following custom field(s) cannot be found in this project:'
   },
+  attributeLevelMismatchProductLevelTitle: {
+    id: 'ExportResourcesModal.attributeLevelMismatchProductLevelTitle',
+    description: 'Title for attribute level mismatch error when attribute needs to be at Product level',
+    defaultMessage: "Attribute needs to be defined at the Product level. Change the mapping by using this format <b>productAttributes.'{'nameOfAttribute'}'</b>."
+  },
+  attributeLevelMismatchVariantLevelTitle: {
+    id: 'ExportResourcesModal.attributeLevelMismatchVariantLevelTitle',
+    description: 'Title for attribute level mismatch error when attribute needs to be at Variant level',
+    defaultMessage: "Attribute needs to be defined at the Variant level. Change the mapping by using this format <b>attributes.'{'nameOfAttribute'}'</b>."
+  },
   unknownError: {
     id: 'ExportResourcesModal.unknownError',
     description: 'Unknown error',
@@ -1515,7 +1537,8 @@ function groupFieldValidationErrors(errors, intl) {
   var _context2, _context4;
   const errorsByCode = _reduceInstanceProperty__default["default"](errors).call(errors, (groups, error) => {
     var _context;
-    const group = groups[error.code] || {
+    const groupKey = error.code === 'AttributeLevelMismatch' && error.actualLevel ? `${error.code}-${error.actualLevel}` : error.code;
+    const group = groups[groupKey] || {
       code: error.code,
       originalErrors: [],
       fieldNames: []
@@ -1524,7 +1547,7 @@ function groupFieldValidationErrors(errors, intl) {
       group.fieldNames.push(error.field);
     }
     group.originalErrors.push(error);
-    groups[error.code] = group;
+    groups[groupKey] = group;
     return groups;
   }, {});
   _forEachInstanceProperty__default["default"](_context2 = _Object$values__default["default"](errorsByCode)).call(_context2, group => {
@@ -1552,6 +1575,22 @@ function groupFieldValidationErrors(errors, intl) {
       case 'FieldDefinitionNotFound':
         messageTitle = intl.formatMessage(messages.fieldDefinitionNotFoundTitle);
         break;
+      case 'AttributeLevelMismatch':
+        {
+          const referenceError = group.originalErrors[0];
+          if (referenceError?.actualLevel === 'Product') {
+            messageTitle = intl.formatMessage(messages.attributeLevelMismatchProductLevelTitle, {
+              b: getSmallBold
+            });
+          } else if (referenceError?.actualLevel === 'Variant') {
+            messageTitle = intl.formatMessage(messages.attributeLevelMismatchVariantLevelTitle, {
+              b: getSmallBold
+            });
+          } else {
+            messageTitle = referenceError?.message || intl.formatMessage(messages.unknownError);
+          }
+          break;
+        }
       default:
         messageTitle = group.originalErrors[0]?.message || intl.formatMessage(messages.unknownError);
     }
@@ -3202,9 +3241,12 @@ const getColumns = () => [{
 const ErrorTable = props => {
   var _context;
   const intl = reactIntl.useIntl();
-  const rows = _mapInstanceProperty__default["default"](_context = props.errors).call(_context, row => _objectSpread$2(_objectSpread$2({}, row), {}, {
-    id: row.code
-  }));
+  const rows = _mapInstanceProperty__default["default"](_context = props.errors).call(_context, row => {
+    const id = row.code === 'AttributeLevelMismatch' && row.originalErrors[0]?.actualLevel ? `${row.code}-${row.originalErrors[0].actualLevel}` : row.code;
+    return _objectSpread$2(_objectSpread$2({}, row), {}, {
+      id
+    });
+  });
   return jsxRuntime.jsx(uiKit.Spacings.Stack, {
     scale: "l",
     children: jsxRuntime.jsx(uiKit.DataTable, {
@@ -3262,6 +3304,8 @@ function getErrorTypeLabel(errorCode, intl) {
       return intl.formatMessage(messages.fieldDefinitionNotFound);
     case 'IncompleteField':
       return intl.formatMessage(messages.incompleteField);
+    case 'AttributeLevelMismatch':
+      return intl.formatMessage(messages.attributeLevelMismatch);
     default:
       return errorCode;
   }

package/dist/commercetools-frontend-extensions-export-resources-modal.cjs.prod.js

@@ -103,12 +103,19 @@ var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var debounce__default = /*#__PURE__*/_interopDefault(debounce);
 var get__default = /*#__PURE__*/_interopDefault(get);
 
-function getBold(msg) {
+function getBold(chunks) {
   return jsxRuntime.jsx(uiKit.Text.Body, {
     as: "span",
-    isBold: true,
-    children: msg
-  }, `bold-${msg}`);
+    fontWeight: "bold",
+    children: chunks
+  }, crypto.randomUUID());
+}
+function getSmallBold(chunks) {
+  return jsxRuntime.jsx(uiKit.Text.Detail, {
+    as: "span",
+    fontWeight: "bold",
+    children: chunks
+  }, crypto.randomUUID());
 }
 
 function getNewLine() {
@@ -610,6 +617,11 @@ var messages = reactIntl.defineMessages({
     description: 'Incomplete field error',
     defaultMessage: 'Incomplete field'
   },
+  attributeLevelMismatch: {
+    id: 'ExportResourcesModal.attributeLevelMismatch',
+    description: 'Attribute level mismatch error',
+    defaultMessage: 'Attribute level mismatch'
+  },
   notSupportedFieldsTitle: {
     id: 'ExportResourcesModal.notSupportedFieldsTitle',
     description: 'Title for not supported fields error',
@@ -640,6 +652,16 @@ var messages = reactIntl.defineMessages({
     description: 'Title for field definitions not found error',
     defaultMessage: 'The following custom field(s) cannot be found in this project:'
   },
+  attributeLevelMismatchProductLevelTitle: {
+    id: 'ExportResourcesModal.attributeLevelMismatchProductLevelTitle',
+    description: 'Title for attribute level mismatch error when attribute needs to be at Product level',
+    defaultMessage: "Attribute needs to be defined at the Product level. Change the mapping by using this format <b>productAttributes.'{'nameOfAttribute'}'</b>."
+  },
+  attributeLevelMismatchVariantLevelTitle: {
+    id: 'ExportResourcesModal.attributeLevelMismatchVariantLevelTitle',
+    description: 'Title for attribute level mismatch error when attribute needs to be at Variant level',
+    defaultMessage: "Attribute needs to be defined at the Variant level. Change the mapping by using this format <b>attributes.'{'nameOfAttribute'}'</b>."
+  },
   unknownError: {
     id: 'ExportResourcesModal.unknownError',
     description: 'Unknown error',
@@ -1515,7 +1537,8 @@ function groupFieldValidationErrors(errors, intl) {
   var _context2, _context4;
   const errorsByCode = _reduceInstanceProperty__default["default"](errors).call(errors, (groups, error) => {
     var _context;
-    const group = groups[error.code] || {
+    const groupKey = error.code === 'AttributeLevelMismatch' && error.actualLevel ? `${error.code}-${error.actualLevel}` : error.code;
+    const group = groups[groupKey] || {
       code: error.code,
       originalErrors: [],
       fieldNames: []
@@ -1524,7 +1547,7 @@ function groupFieldValidationErrors(errors, intl) {
       group.fieldNames.push(error.field);
     }
     group.originalErrors.push(error);
-    groups[error.code] = group;
+    groups[groupKey] = group;
     return groups;
   }, {});
   _forEachInstanceProperty__default["default"](_context2 = _Object$values__default["default"](errorsByCode)).call(_context2, group => {
@@ -1552,6 +1575,22 @@ function groupFieldValidationErrors(errors, intl) {
       case 'FieldDefinitionNotFound':
         messageTitle = intl.formatMessage(messages.fieldDefinitionNotFoundTitle);
         break;
+      case 'AttributeLevelMismatch':
+        {
+          const referenceError = group.originalErrors[0];
+          if (referenceError?.actualLevel === 'Product') {
+            messageTitle = intl.formatMessage(messages.attributeLevelMismatchProductLevelTitle, {
+              b: getSmallBold
+            });
+          } else if (referenceError?.actualLevel === 'Variant') {
+            messageTitle = intl.formatMessage(messages.attributeLevelMismatchVariantLevelTitle, {
+              b: getSmallBold
+            });
+          } else {
+            messageTitle = referenceError?.message || intl.formatMessage(messages.unknownError);
+          }
+          break;
+        }
       default:
         messageTitle = group.originalErrors[0]?.message || intl.formatMessage(messages.unknownError);
     }
@@ -3169,9 +3208,12 @@ const getColumns = () => [{
 const ErrorTable = props => {
   var _context;
   const intl = reactIntl.useIntl();
-  const rows = _mapInstanceProperty__default["default"](_context = props.errors).call(_context, row => _objectSpread$2(_objectSpread$2({}, row), {}, {
-    id: row.code
-  }));
+  const rows = _mapInstanceProperty__default["default"](_context = props.errors).call(_context, row => {
+    const id = row.code === 'AttributeLevelMismatch' && row.originalErrors[0]?.actualLevel ? `${row.code}-${row.originalErrors[0].actualLevel}` : row.code;
+    return _objectSpread$2(_objectSpread$2({}, row), {}, {
+      id
+    });
+  });
   return jsxRuntime.jsx(uiKit.Spacings.Stack, {
     scale: "l",
     children: jsxRuntime.jsx(uiKit.DataTable, {
@@ -3229,6 +3271,8 @@ function getErrorTypeLabel(errorCode, intl) {
       return intl.formatMessage(messages.fieldDefinitionNotFound);
     case 'IncompleteField':
       return intl.formatMessage(messages.incompleteField);
+    case 'AttributeLevelMismatch':
+      return intl.formatMessage(messages.attributeLevelMismatch);
     default:
       return errorCode;
   }

package/dist/commercetools-frontend-extensions-export-resources-modal.esm.js

@@ -60,12 +60,19 @@ import get from 'lodash/get';
 import { parseChunkImport, mapLocaleToIntlLocale } from '@commercetools-frontend/i18n';
 import { reportErrorToSentry } from '@commercetools-frontend/sentry';
 
-function getBold(msg) {
+function getBold(chunks) {
   return jsx(Text.Body, {
     as: "span",
-    isBold: true,
-    children: msg
-  }, `bold-${msg}`);
+    fontWeight: "bold",
+    children: chunks
+  }, crypto.randomUUID());
+}
+function getSmallBold(chunks) {
+  return jsx(Text.Detail, {
+    as: "span",
+    fontWeight: "bold",
+    children: chunks
+  }, crypto.randomUUID());
 }
 
 function getNewLine() {
@@ -567,6 +574,11 @@ var messages = defineMessages({
     description: 'Incomplete field error',
     defaultMessage: 'Incomplete field'
   },
+  attributeLevelMismatch: {
+    id: 'ExportResourcesModal.attributeLevelMismatch',
+    description: 'Attribute level mismatch error',
+    defaultMessage: 'Attribute level mismatch'
+  },
   notSupportedFieldsTitle: {
     id: 'ExportResourcesModal.notSupportedFieldsTitle',
     description: 'Title for not supported fields error',
@@ -597,6 +609,16 @@ var messages = defineMessages({
     description: 'Title for field definitions not found error',
     defaultMessage: 'The following custom field(s) cannot be found in this project:'
   },
+  attributeLevelMismatchProductLevelTitle: {
+    id: 'ExportResourcesModal.attributeLevelMismatchProductLevelTitle',
+    description: 'Title for attribute level mismatch error when attribute needs to be at Product level',
+    defaultMessage: "Attribute needs to be defined at the Product level. Change the mapping by using this format <b>productAttributes.'{'nameOfAttribute'}'</b>."
+  },
+  attributeLevelMismatchVariantLevelTitle: {
+    id: 'ExportResourcesModal.attributeLevelMismatchVariantLevelTitle',
+    description: 'Title for attribute level mismatch error when attribute needs to be at Variant level',
+    defaultMessage: "Attribute needs to be defined at the Variant level. Change the mapping by using this format <b>attributes.'{'nameOfAttribute'}'</b>."
+  },
   unknownError: {
     id: 'ExportResourcesModal.unknownError',
     description: 'Unknown error',
@@ -1472,7 +1494,8 @@ function groupFieldValidationErrors(errors, intl) {
   var _context2, _context4;
   const errorsByCode = _reduceInstanceProperty(errors).call(errors, (groups, error) => {
     var _context;
-    const group = groups[error.code] || {
+    const groupKey = error.code === 'AttributeLevelMismatch' && error.actualLevel ? `${error.code}-${error.actualLevel}` : error.code;
+    const group = groups[groupKey] || {
       code: error.code,
       originalErrors: [],
       fieldNames: []
@@ -1481,7 +1504,7 @@ function groupFieldValidationErrors(errors, intl) {
       group.fieldNames.push(error.field);
     }
     group.originalErrors.push(error);
-    groups[error.code] = group;
+    groups[groupKey] = group;
     return groups;
   }, {});
   _forEachInstanceProperty(_context2 = _Object$values(errorsByCode)).call(_context2, group => {
@@ -1509,6 +1532,22 @@ function groupFieldValidationErrors(errors, intl) {
       case 'FieldDefinitionNotFound':
         messageTitle = intl.formatMessage(messages.fieldDefinitionNotFoundTitle);
         break;
+      case 'AttributeLevelMismatch':
+        {
+          const referenceError = group.originalErrors[0];
+          if (referenceError?.actualLevel === 'Product') {
+            messageTitle = intl.formatMessage(messages.attributeLevelMismatchProductLevelTitle, {
+              b: getSmallBold
+            });
+          } else if (referenceError?.actualLevel === 'Variant') {
+            messageTitle = intl.formatMessage(messages.attributeLevelMismatchVariantLevelTitle, {
+              b: getSmallBold
+            });
+          } else {
+            messageTitle = referenceError?.message || intl.formatMessage(messages.unknownError);
+          }
+          break;
+        }
       default:
         messageTitle = group.originalErrors[0]?.message || intl.formatMessage(messages.unknownError);
     }
@@ -3159,9 +3198,12 @@ const getColumns = () => [{
 const ErrorTable = props => {
   var _context;
   const intl = useIntl();
-  const rows = _mapInstanceProperty(_context = props.errors).call(_context, row => _objectSpread$2(_objectSpread$2({}, row), {}, {
-    id: row.code
-  }));
+  const rows = _mapInstanceProperty(_context = props.errors).call(_context, row => {
+    const id = row.code === 'AttributeLevelMismatch' && row.originalErrors[0]?.actualLevel ? `${row.code}-${row.originalErrors[0].actualLevel}` : row.code;
+    return _objectSpread$2(_objectSpread$2({}, row), {}, {
+      id
+    });
+  });
   return jsx(Spacings.Stack, {
     scale: "l",
     children: jsx(DataTable, {
@@ -3219,6 +3261,8 @@ function getErrorTypeLabel(errorCode, intl) {
       return intl.formatMessage(messages.fieldDefinitionNotFound);
     case 'IncompleteField':
       return intl.formatMessage(messages.incompleteField);
+    case 'AttributeLevelMismatch':
+      return intl.formatMessage(messages.attributeLevelMismatch);
     default:
       return errorCode;
   }

package/dist/declarations/src/@types/field-validation-error-code.d.ts

@@ -1 +1 @@
-export type FieldValidationErrorCode = 'DuplicateFields' | 'NotSupportedField' | 'FieldDefinitionNotFound' | 'AttributeDefinitionNotFound' | 'LocalizedFieldWithoutLocale' | 'IncompleteField';
+export type FieldValidationErrorCode = 'DuplicateFields' | 'NotSupportedField' | 'FieldDefinitionNotFound' | 'AttributeDefinitionNotFound' | 'LocalizedFieldWithoutLocale' | 'IncompleteField' | 'AttributeLevelMismatch';

package/dist/declarations/src/@types/field-validation-error.d.ts

@@ -3,4 +3,6 @@ export type FieldValidationError = {
     code: FieldValidationErrorCode;
     message: string;
     field: string;
+    requestedLevel?: string;
+    actualLevel?: string;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-frontend-extensions/export-resources-modal",
   "description": "Shared export modal for exporting resources",
-  "version": "5.6.5",
+  "version": "5.6.7",
   "license": "BSD-3-Clause",
   "publishConfig": {
     "access": "public"
@@ -29,17 +29,17 @@
     "@commercetools-frontend-extensions/operations": "2.0.1"
   },
   "devDependencies": {
-    "@commercetools-frontend/actions-global": "24.9.0",
-    "@commercetools-frontend/application-components": "24.9.0",
-    "@commercetools-frontend/application-shell": "24.9.0",
-    "@commercetools-frontend/application-shell-connectors": "24.9.0",
-    "@commercetools-frontend/constants": "24.9.0",
+    "@commercetools-frontend/actions-global": "24.11.0",
+    "@commercetools-frontend/application-components": "24.11.0",
+    "@commercetools-frontend/application-shell": "24.11.0",
+    "@commercetools-frontend/application-shell-connectors": "24.11.0",
+    "@commercetools-frontend/constants": "24.11.0",
     "@commercetools-frontend/fullstory": "4.0.1",
-    "@commercetools-frontend/i18n": "24.9.0",
-    "@commercetools-frontend/jest-preset-mc-app": "24.9.0",
-    "@commercetools-frontend/l10n": "24.9.0",
-    "@commercetools-frontend/sdk": "24.9.0",
-    "@commercetools-frontend/sentry": "24.9.0",
+    "@commercetools-frontend/i18n": "24.11.0",
+    "@commercetools-frontend/jest-preset-mc-app": "24.11.0",
+    "@commercetools-frontend/l10n": "24.11.0",
+    "@commercetools-frontend/sdk": "24.11.0",
+    "@commercetools-frontend/sentry": "24.11.0",
     "@commercetools-frontend/ui-kit": "20.3.0",
     "@commercetools-uikit/design-system": "20.3.0",
     "@commercetools-uikit/icons": "20.3.0",