@commercetools-frontend-extensions/delete-resources-modal 2.0.4 → 2.1.0

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

@@ -11,7 +11,7 @@ import { defineMessages, useIntl, FormattedMessage, IntlProvider } from 'react-i
 import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import React, { useContext, useState, useEffect } from 'react';
-import { deleteImportContainer, EnabledDropArea, FileDroppedArea, ActiveDragDropArea, useFileUpload, getRowCount, toBytes, IMPORT_MAX_FILE_SIZE_MB, hasSingleKeyColumn, IMPORT_MAX_ITEM_COUNT, isAbortError, HttpError, PollingTimeoutError, FileDropArea as FileDropArea$1, UploadingModal, mapFileUploadErrorsToUploadFileErrorRows, processFileImportJob, processUploadedFile } from '@commercetools-frontend-extensions/operations';
+import { deleteImportContainer, EnabledDropArea, FileDroppedArea, ActiveDragDropArea, useFileUpload, getRowCount, toBytes, IMPORT_MAX_FILE_SIZE_MB, hasSingleKeyColumn, IMPORT_MAX_ITEM_COUNT, isAbortError, HttpError, PollingTimeoutError, FileDropArea as FileDropArea$1, isPublishableResourceType, UploadingModal, mapFileUploadErrorsToUploadFileErrorRows, processFileImportJob, processUploadedFile } from '@commercetools-frontend-extensions/operations';
 import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 import { FormDialog, InfoDialog } from '@commercetools-frontend/application-components';
 import { Masking } from '@commercetools-frontend/fullstory';
@@ -440,12 +440,206 @@ var messages$4 = defineMessages({
     defaultMessage: 'Invalid CSV file'
   },
   csvFormatErrorDescription: {
-    id: 'UnpublishProductsModal.csvFormatErrorDescription',
+    id: 'DeleteResourcesModal.csvFormatErrorDescription',
     description: 'Error message displayed when the CSV file is not formatted correctly',
-    defaultMessage: "Your CSV file is not formatted correctly. Make sure the file contains only one column named 'key', which includes the product keys"
+    defaultMessage: "Your CSV file is not formatted correctly. Make sure the file contains only one column named 'key', which includes the {resourceType} keys"
   }
 });
 
+var sharedMessages = defineMessages({
+  deleteModalTitle: {
+    id: 'DeleteResourcesModal.deleteModalTitle',
+    description: 'The title of the modal',
+    defaultMessage: 'Bulk delete via CSV'
+  },
+  startBulkDelete: {
+    id: 'DeleteResourcesModal.startBulkDelete',
+    description: 'Start bulk delete button',
+    defaultMessage: 'Start bulk delete'
+  },
+  cancel: {
+    id: 'DeleteResourcesModal.cancel',
+    description: 'The label for the cancel button',
+    defaultMessage: 'Cancel'
+  },
+  product: {
+    id: 'DeleteResourcesModal.product',
+    description: 'Label for the product resource type',
+    defaultMessage: 'product'
+  },
+  products: {
+    id: 'DeleteResourcesModal.products',
+    description: 'Plural form of product',
+    defaultMessage: 'products'
+  },
+  inventory: {
+    id: 'DeleteResourcesModal.inventory',
+    description: 'Label for the inventory entry resource type',
+    defaultMessage: 'inventory entry'
+  },
+  inventories: {
+    id: 'DeleteResourcesModal.inventories',
+    description: 'Plural form of inventory entry',
+    defaultMessage: 'inventory entries'
+  },
+  category: {
+    id: 'DeleteResourcesModal.category',
+    description: 'Label for the category resource type',
+    defaultMessage: 'category'
+  },
+  categories: {
+    id: 'DeleteResourcesModal.categories',
+    description: 'Plural form of category',
+    defaultMessage: 'categories'
+  },
+  customer: {
+    id: 'DeleteResourcesModal.customer',
+    description: 'Label for the customer resource type',
+    defaultMessage: 'customer'
+  },
+  customers: {
+    id: 'DeleteResourcesModal.customers',
+    description: 'Plural form of customer',
+    defaultMessage: 'customers'
+  },
+  order: {
+    id: 'DeleteResourcesModal.order',
+    description: 'Label for the order resource type',
+    defaultMessage: 'order'
+  },
+  orders: {
+    id: 'DeleteResourcesModal.orders',
+    description: 'Plural form of order',
+    defaultMessage: 'orders'
+  },
+  price: {
+    id: 'DeleteResourcesModal.price',
+    description: 'Label for the price resource type',
+    defaultMessage: 'price'
+  },
+  prices: {
+    id: 'DeleteResourcesModal.prices',
+    description: 'Plural form of price',
+    defaultMessage: 'prices'
+  },
+  'product-draft': {
+    id: 'DeleteResourcesModal.product-draft',
+    description: 'Label for the product-draft resource type',
+    defaultMessage: 'product draft'
+  },
+  'product-drafts': {
+    id: 'DeleteResourcesModal.product-drafts',
+    description: 'Plural form of product draft',
+    defaultMessage: 'product drafts'
+  },
+  'product-type': {
+    id: 'DeleteResourcesModal.product-type',
+    description: 'Label for the product-type resource type',
+    defaultMessage: 'product type'
+  },
+  'product-types': {
+    id: 'DeleteResourcesModal.product-types',
+    description: 'Plural form of product type',
+    defaultMessage: 'product types'
+  },
+  'product-variant': {
+    id: 'DeleteResourcesModal.product-variant',
+    description: 'Label for the product-variant resource type',
+    defaultMessage: 'product variant'
+  },
+  'product-variants': {
+    id: 'DeleteResourcesModal.product-variants',
+    description: 'Plural form of product variant',
+    defaultMessage: 'product variants'
+  },
+  'product-variant-patch': {
+    id: 'DeleteResourcesModal.product-variant-patch',
+    description: 'Label for the product-variant-patch resource type',
+    defaultMessage: 'product variant patch'
+  },
+  'product-variant-patches': {
+    id: 'DeleteResourcesModal.product-variant-patches',
+    description: 'Plural form of product variant patch',
+    defaultMessage: 'product variant patches'
+  },
+  'standalone-price': {
+    id: 'DeleteResourcesModal.standalone-price',
+    description: 'Label for the standalone-price resource type',
+    defaultMessage: 'standalone price'
+  },
+  'standalone-prices': {
+    id: 'DeleteResourcesModal.standalone-prices',
+    description: 'Plural form of standalone price',
+    defaultMessage: 'standalone prices'
+  },
+  'discount-code': {
+    id: 'DeleteResourcesModal.discount-code',
+    description: 'Label for the discount-code resource type',
+    defaultMessage: 'discount code'
+  },
+  'discount-codes': {
+    id: 'DeleteResourcesModal.discount-codes',
+    description: 'Plural form of discount code',
+    defaultMessage: 'discount codes'
+  },
+  unknownResourceType: {
+    id: 'DeleteResourcesModal.unknown-resource-type',
+    description: 'Label for the unknown resource type',
+    defaultMessage: 'unknown resource type'
+  }
+});
+
+function resourceTypeToMessage(resourceType) {
+  const resourceTypeMap = {
+    category: sharedMessages.category,
+    product: sharedMessages.product,
+    'product-type': sharedMessages['product-type'],
+    order: sharedMessages.order,
+    customer: sharedMessages.customer,
+    'discount-code': sharedMessages['discount-code'],
+    inventory: sharedMessages.inventory,
+    // TODO: remove `inventory` after aligning the resource type names in the file upload API
+    'inventory-entry': sharedMessages.inventory,
+    'order-patch': sharedMessages['order-patch'],
+    price: sharedMessages.price,
+    'product-draft': sharedMessages['product-draft'],
+    'product-variant': sharedMessages['product-variant'],
+    'product-variant-patch': sharedMessages['product-variant-patch'],
+    'standalone-price': sharedMessages['standalone-price']
+  };
+  const message = resourceTypeMap[resourceType];
+  if (!message) {
+    console.warn(new UnexpectedResourceTypeError(resourceType));
+    return sharedMessages.unknownResourceType;
+  }
+  return message;
+}
+function resourceTypeToPluralMessage(resourceType) {
+  const resourceTypePluralMap = {
+    category: sharedMessages.categories,
+    product: sharedMessages.products,
+    'product-type': sharedMessages['product-types'],
+    order: sharedMessages.orders,
+    customer: sharedMessages.customers,
+    'discount-code': sharedMessages['discount-codes'],
+    inventory: sharedMessages.inventories,
+    // TODO: remove `inventory` after aligning the resource type names in the file upload API
+    'inventory-entry': sharedMessages.inventories,
+    'order-patch': sharedMessages['order-patches'],
+    price: sharedMessages.prices,
+    'product-draft': sharedMessages['product-drafts'],
+    'product-variant': sharedMessages['product-variants'],
+    'product-variant-patch': sharedMessages['product-variant-patches'],
+    'standalone-price': sharedMessages['standalone-prices']
+  };
+  const message = resourceTypePluralMap[resourceType];
+  if (!message) {
+    console.warn(new UnexpectedResourceTypeError(resourceType));
+    return sharedMessages.unknownResourceType;
+  }
+  return message;
+}
+
 const useUpload = () => {
   const intl = useIntl();
   const _useApplicationContex = useApplicationContext(context => ({
@@ -477,7 +671,9 @@ const useUpload = () => {
     if (!(await hasSingleKeyColumn(file))) {
       errors.push({
         title: intl.formatMessage(messages$4.csvFormatErrorTitle),
-        description: intl.formatMessage(messages$4.csvFormatErrorDescription)
+        description: intl.formatMessage(messages$4.csvFormatErrorDescription, {
+          resourceType: intl.formatMessage(resourceTypeToMessage(resourceType))
+        })
       });
     }
     if (rowCount > IMPORT_MAX_ITEM_COUNT) errors.push({
@@ -669,149 +865,6 @@ const FileDropArea = () => {
   });
 };
 
-var sharedMessages = defineMessages({
-  deleteModalTitle: {
-    id: 'DeleteResourcesModal.deleteModalTitle',
-    description: 'The title of the modal',
-    defaultMessage: 'Bulk delete via CSV'
-  },
-  startBulkDelete: {
-    id: 'DeleteResourcesModal.startBulkDelete',
-    description: 'Start bulk delete button',
-    defaultMessage: 'Start bulk delete'
-  },
-  cancel: {
-    id: 'DeleteResourcesModal.cancel',
-    description: 'The label for the cancel button',
-    defaultMessage: 'Cancel'
-  },
-  product: {
-    id: 'DeleteResourcesModal.product',
-    description: 'Label for the product resource type',
-    defaultMessage: 'product'
-  },
-  products: {
-    id: 'DeleteResourcesModal.products',
-    description: 'Plural form of product',
-    defaultMessage: 'products'
-  },
-  inventory: {
-    id: 'DeleteResourcesModal.inventory',
-    description: 'Label for the inventory entry resource type',
-    defaultMessage: 'inventory entry'
-  },
-  inventories: {
-    id: 'DeleteResourcesModal.inventories',
-    description: 'Plural form of inventory entry',
-    defaultMessage: 'inventory entries'
-  },
-  category: {
-    id: 'DeleteResourcesModal.category',
-    description: 'Label for the category resource type',
-    defaultMessage: 'category'
-  },
-  categories: {
-    id: 'DeleteResourcesModal.categories',
-    description: 'Plural form of category',
-    defaultMessage: 'categories'
-  },
-  customer: {
-    id: 'DeleteResourcesModal.customer',
-    description: 'Label for the customer resource type',
-    defaultMessage: 'customer'
-  },
-  customers: {
-    id: 'DeleteResourcesModal.customers',
-    description: 'Plural form of customer',
-    defaultMessage: 'customers'
-  },
-  order: {
-    id: 'DeleteResourcesModal.order',
-    description: 'Label for the order resource type',
-    defaultMessage: 'order'
-  },
-  orders: {
-    id: 'DeleteResourcesModal.orders',
-    description: 'Plural form of order',
-    defaultMessage: 'orders'
-  },
-  price: {
-    id: 'DeleteResourcesModal.price',
-    description: 'Label for the price resource type',
-    defaultMessage: 'price'
-  },
-  prices: {
-    id: 'DeleteResourcesModal.prices',
-    description: 'Plural form of price',
-    defaultMessage: 'prices'
-  },
-  'product-draft': {
-    id: 'DeleteResourcesModal.product-draft',
-    description: 'Label for the product-draft resource type',
-    defaultMessage: 'product draft'
-  },
-  'product-drafts': {
-    id: 'DeleteResourcesModal.product-drafts',
-    description: 'Plural form of product draft',
-    defaultMessage: 'product drafts'
-  },
-  'product-type': {
-    id: 'DeleteResourcesModal.product-type',
-    description: 'Label for the product-type resource type',
-    defaultMessage: 'product type'
-  },
-  'product-types': {
-    id: 'DeleteResourcesModal.product-types',
-    description: 'Plural form of product type',
-    defaultMessage: 'product types'
-  },
-  'product-variant': {
-    id: 'DeleteResourcesModal.product-variant',
-    description: 'Label for the product-variant resource type',
-    defaultMessage: 'product variant'
-  },
-  'product-variants': {
-    id: 'DeleteResourcesModal.product-variants',
-    description: 'Plural form of product variant',
-    defaultMessage: 'product variants'
-  },
-  'product-variant-patch': {
-    id: 'DeleteResourcesModal.product-variant-patch',
-    description: 'Label for the product-variant-patch resource type',
-    defaultMessage: 'product variant patch'
-  },
-  'product-variant-patches': {
-    id: 'DeleteResourcesModal.product-variant-patches',
-    description: 'Plural form of product variant patch',
-    defaultMessage: 'product variant patches'
-  },
-  'standalone-price': {
-    id: 'DeleteResourcesModal.standalone-price',
-    description: 'Label for the standalone-price resource type',
-    defaultMessage: 'standalone price'
-  },
-  'standalone-prices': {
-    id: 'DeleteResourcesModal.standalone-prices',
-    description: 'Plural form of standalone price',
-    defaultMessage: 'standalone prices'
-  },
-  'discount-code': {
-    id: 'DeleteResourcesModal.discount-code',
-    description: 'Label for the discount-code resource type',
-    defaultMessage: 'discount code'
-  },
-  'discount-codes': {
-    id: 'DeleteResourcesModal.discount-codes',
-    description: 'Plural form of discount code',
-    defaultMessage: 'discount codes'
-  },
-  unknownResourceType: {
-    id: 'DeleteResourcesModal.unknown-resource-type',
-    description: 'Label for the unknown resource type',
-    defaultMessage: 'unknown resource type'
-  }
-});
-
 var messages$3 = defineMessages({
   fileUploadInstruction: {
     id: 'DeleteResourcesModal.fileUploadInstruction',
@@ -831,63 +884,14 @@ var messages$3 = defineMessages({
 });
 
 const DOCUMENTATION_LINKS = {
-  product: 'https://docs.commercetools.com/merchant-center/product-list#bulk-delete-via-csv-import'
+  product: 'https://docs.commercetools.com/merchant-center/product-list#bulk-delete-via-csv-import',
+  'standalone-price': 'https://docs.commercetools.com/merchant-center/prices#bulk-delete-via-csv-import'
 };
 const TEMPLATE_DOWNLOAD_LINKS = {
-  product: 'https://docs.commercetools.com/merchant-center/downloads/product_delete_import_template.csv'
+  product: 'https://docs.commercetools.com/merchant-center/downloads/product_delete_import_template.csv',
+  'standalone-price': 'https://docs.commercetools.com/merchant-center/downloads/standalone_price_delete_import_template.csv'
 };
 
-function resourceTypeToMessage(resourceType) {
-  const resourceTypeMap = {
-    category: sharedMessages.category,
-    product: sharedMessages.product,
-    'product-type': sharedMessages['product-type'],
-    order: sharedMessages.order,
-    customer: sharedMessages.customer,
-    'discount-code': sharedMessages['discount-code'],
-    inventory: sharedMessages.inventory,
-    // TODO: remove `inventory` after aligning the resource type names in the file upload API
-    'inventory-entry': sharedMessages.inventory,
-    'order-patch': sharedMessages['order-patch'],
-    price: sharedMessages.price,
-    'product-draft': sharedMessages['product-draft'],
-    'product-variant': sharedMessages['product-variant'],
-    'product-variant-patch': sharedMessages['product-variant-patch'],
-    'standalone-price': sharedMessages['standalone-price']
-  };
-  const message = resourceTypeMap[resourceType];
-  if (!message) {
-    console.warn(new UnexpectedResourceTypeError(resourceType));
-    return sharedMessages.unknownResourceType;
-  }
-  return message;
-}
-function resourceTypeToPluralMessage(resourceType) {
-  const resourceTypePluralMap = {
-    category: sharedMessages.categories,
-    product: sharedMessages.products,
-    'product-type': sharedMessages['product-types'],
-    order: sharedMessages.orders,
-    customer: sharedMessages.customers,
-    'discount-code': sharedMessages['discount-codes'],
-    inventory: sharedMessages.inventories,
-    // TODO: remove `inventory` after aligning the resource type names in the file upload API
-    'inventory-entry': sharedMessages.inventories,
-    'order-patch': sharedMessages['order-patches'],
-    price: sharedMessages.prices,
-    'product-draft': sharedMessages['product-drafts'],
-    'product-variant': sharedMessages['product-variants'],
-    'product-variant-patch': sharedMessages['product-variant-patches'],
-    'standalone-price': sharedMessages['standalone-prices']
-  };
-  const message = resourceTypePluralMap[resourceType];
-  if (!message) {
-    console.warn(new UnexpectedResourceTypeError(resourceType));
-    return sharedMessages.unknownResourceType;
-  }
-  return message;
-}
-
 function ownKeys$5(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const Instructions = () => {
@@ -901,7 +905,7 @@ const Instructions = () => {
     children: [jsxs(Text.Body, {
       children: [intl.formatMessage(messages$3.fileUploadInstruction, {
         resourceType: intl.formatMessage(resourceTypeToMessage(resourceType))
-      }), ' ', intl.formatMessage(messages$3.unpublishNote, {
+      }), ' ', isPublishableResourceType(resourceType) && intl.formatMessage(messages$3.unpublishNote, {
         b: msg => jsx("b", {
           children: msg
         }, "bold")

package/dist/declarations/src/@types/delete-resources-modal-props.d.ts

@@ -1,6 +1,9 @@
-import type { ResourceTypeId } from '@commercetools/importapi-sdk';
+/**
+ * Resource types that support bulk deletion via the delete resources modal.
+ */
+export type DeletableResourceType = 'product' | 'standalone-price';
 export interface DeleteResourcesModalProps {
     isOpen: boolean;
-    resourceType: ResourceTypeId;
+    resourceType: DeletableResourceType;
     onClose?: () => void;
 }

package/dist/declarations/src/index.d.ts

@@ -1,2 +1,3 @@
 import DeleteResourcesModal from "./delete-resources-modal.js";
+export * from "./@types/index.js";
 export default DeleteResourcesModal;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-frontend-extensions/delete-resources-modal",
   "description": "Shared import modal for deleting resources",
-  "version": "2.0.4",
+  "version": "2.1.0",
   "license": "BSD-3-Clause",
   "publishConfig": {
     "access": "public"
@@ -31,7 +31,7 @@
     "pluralize": "8.0.0",
     "prop-types": "15.8.1",
     "ramda": "^0.32.0",
-    "@commercetools-frontend-extensions/operations": "4.3.0"
+    "@commercetools-frontend-extensions/operations": "4.4.0"
   },
   "devDependencies": {
     "@commercetools-frontend/actions-global": "27.5.1",