@commercetools-frontend/experimental-components 6.2.0 → 6.2.2

package/dist/styles.css

@@ -24,6 +24,11 @@
   margin-top: 2px;
   position: absolute;
 }
+/*  imported from store-select-input.module.css  */
+
+.store-select-input-module__customOption___2SC00 {
+    margin-top: 10px;
+}
 /*  imported from validated-input.module.css  */
 
 .validated-input-module__invalid___380EL {
@@ -500,15 +505,6 @@
   width: 1px;
   height: 1px;
 }
-/*  imported from centered-loading-spinner.module.css  */
-
-.centered-loading-spinner-module__loading-container___3_9-h {
-  height: 100%;
-  display: flex;
-  flex-grow: 1;
-  align-items: center;
-  justify-content: center;
-}
 /*  imported from divider.module.css  */
 
 .divider-module__divider___4-vdy {
@@ -536,6 +532,15 @@
 .divider-module__divider-dashed___2Em8A {
   border-style: dashed;
 }
+/*  imported from centered-loading-spinner.module.css  */
+
+.centered-loading-spinner-module__loading-container___3_9-h {
+  height: 100%;
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  justify-content: center;
+}
 /*  imported from reference-search.module.css  */
 
 .reference-search-module__container___3-iK3 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/experimental-components",
-  "version": "6.2.0",
+  "version": "6.2.2",
   "description": "",
   "repository": {
     "type": "git",
@@ -12,25 +12,32 @@
   "files": [
     "dist",
     "package.json",
-    "README.md"
+    "README.md",
+    "test-utils"
   ],
+  "preconstruct": {
+    "entrypoints": [
+      "index.js",
+      "test-utils.js"
+    ]
+  },
   "dependencies": {
     "@babel/core": "^7.22.11",
     "@babel/runtime": "^7.21.0",
     "@babel/runtime-corejs3": "^7.21.0",
-    "@commercetools-frontend/actions-global": "npm:@commercetools-frontend/actions-global@^22.31.0",
-    "@commercetools-frontend/application-components": "npm:@commercetools-frontend/application-components@^22.31.0",
-    "@commercetools-frontend/application-shell": "npm:@commercetools-frontend/application-shell@^22.31.0",
-    "@commercetools-frontend/application-shell-connectors": "npm:@commercetools-frontend/application-shell-connectors@^22.31.0",
-    "@commercetools-frontend/constants": "npm:@commercetools-frontend/constants@^22.31.0",
-    "@commercetools-frontend/l10n": "npm:@commercetools-frontend/l10n@^22.31.0",
-    "@commercetools-frontend/sdk": "npm:@commercetools-frontend/sdk@^22.31.0",
-    "@commercetools-frontend/sentry": "npm:@commercetools-frontend/sentry@^22.31.0",
-    "@commercetools-frontend/ui-kit": "npm:@commercetools-frontend/ui-kit@^19.10.0",
-    "@commercetools-uikit/design-system": "npm:@commercetools-uikit/design-system@^19.10.0",
-    "@commercetools-uikit/select-utils": "npm:@commercetools-uikit/select-utils@^19.10.0",
-    "@commercetools-uikit/utils": "npm:@commercetools-uikit/utils@^19.10.0",
-    "@emotion/react": "^11.11.4",
+    "@commercetools-frontend/actions-global": "npm:@commercetools-frontend/actions-global@^22.33.0",
+    "@commercetools-frontend/application-components": "npm:@commercetools-frontend/application-components@^22.33.0",
+    "@commercetools-frontend/application-shell": "npm:@commercetools-frontend/application-shell@^22.33.0",
+    "@commercetools-frontend/application-shell-connectors": "npm:@commercetools-frontend/application-shell-connectors@^22.33.0",
+    "@commercetools-frontend/constants": "npm:@commercetools-frontend/constants@^22.33.0",
+    "@commercetools-frontend/l10n": "npm:@commercetools-frontend/l10n@^22.33.0",
+    "@commercetools-frontend/sdk": "npm:@commercetools-frontend/sdk@^22.33.0",
+    "@commercetools-frontend/sentry": "npm:@commercetools-frontend/sentry@^22.33.0",
+    "@commercetools-frontend/ui-kit": "npm:@commercetools-frontend/ui-kit@^19.11.0",
+    "@commercetools-uikit/design-system": "npm:@commercetools-uikit/design-system@^19.11.0",
+    "@commercetools-uikit/select-utils": "npm:@commercetools-uikit/select-utils@^19.11.0",
+    "@commercetools-uikit/utils": "npm:@commercetools-uikit/utils@^19.11.0",
+    "@emotion/react": "11.13.3",
     "classnames": "2.5.1",
     "cleave.js": "1.5.10",
     "common-tags": "1.8.2",
@@ -53,11 +60,11 @@
   },
   "devDependencies": {
     "@apollo/client": "3.7.10",
-    "@commercetools-test-data/channel": "10.2.0",
-    "@commercetools-test-data/commons": "10.2.0",
-    "@commercetools-test-data/core": "10.2.0",
-    "@commercetools-test-data/product-selection": "10.2.0",
-    "@commercetools-test-data/store": "10.2.0",
+    "@commercetools-test-data/channel": "10.7.1",
+    "@commercetools-test-data/commons": "10.7.1",
+    "@commercetools-test-data/core": "10.7.1",
+    "@commercetools-test-data/product-selection": "10.7.1",
+    "@commercetools-test-data/store": "10.7.1",
     "@testing-library/react": "12.1.5",
     "@testing-library/react-hooks": "8.0.1",
     "formik": "2.4.6",

package/test-utils/dist/commercetools-frontend-experimental-components-test-utils.cjs.dev.js

@@ -0,0 +1,219 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var msw = require('msw');
+var _lastIndexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/last-index-of');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _lastIndexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_lastIndexOfInstanceProperty);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+
+const handlers$8 = {
+  TotalNumberOfStores: {
+    all: total => msw.graphql.query('TotalNumberOfStores', (req, res, ctx) => {
+      return res(ctx.data({
+        totalNumberOfStores: {
+          total
+        }
+      }));
+    })
+  }
+};
+
+const handlers$7 = {
+  TypeDefinitions: {
+    all: typeDefinitions => msw.graphql.query('FetchTypeDefinitionsQuery', (req, res, ctx) => res(ctx.data({
+      typeDefinitions
+    })))
+  }
+};
+
+const graphqlQueries = {
+  ASSOCIATE_ROLE: 'associateRoles',
+  ATTRIBUTE_GROUP: 'attributeGroups',
+  BUSINESS_UNIT: 'businessUnits',
+  CART: 'carts',
+  CART_DISCOUNT: 'cartDiscounts',
+  CATEGORY: 'categories',
+  CHANNEL: 'channels',
+  CUSTOMER: 'customers',
+  CUSTOMER_GROUP: 'customerGroups',
+  DISCOUNT_CODE: 'discountCodes',
+  INVENTORY_ENTRY: 'inventoryEntries',
+  ORDER: 'orders',
+  PAYMENT: 'payments',
+  PRODUCT: 'products',
+  PRODUCT_DISCOUNT: 'productDiscounts',
+  PRODUCT_SELECTION: 'productSelections',
+  PRODUCT_TYPE: 'productTypes',
+  SHIPPING_METHOD: 'shippingMethods',
+  STORE: 'stores',
+  TAX_CATEGORY: 'taxCategories',
+  ZONE: 'zones'
+};
+const handlers$6 = {
+  DuplicatedField: {
+    total: (total, resourceType) => msw.graphql.query('FetchResourceTypeDuplicatedField', (req, res, ctx) => {
+      if (!graphqlQueries[resourceType]) return res(ctx.data({}));
+      return res(ctx.data({
+        [graphqlQueries[resourceType]]: {
+          total
+        }
+      }));
+    })
+  }
+};
+
+const handlers$5 = {
+  ProductSelections: {
+    all: productSelections => msw.graphql.query('FetchProductSelections', (req, res, ctx) => res(ctx.data({
+      productSelections
+    })))
+  }
+};
+
+const handlers$4 = {
+  ProductSelections: {
+    total: total => msw.graphql.query('FetchProductSelectionsTotal', (req, res, ctx) => res(ctx.data({
+      productSelections: {
+        total,
+        __typename: 'ProductSelectionQueryResult'
+      }
+    })))
+  }
+};
+
+const extractKeysFromWherePredicateClause = function () {
+  let whereClause = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  return whereClause.substring(_lastIndexOfInstanceProperty__default["default"](whereClause).call(whereClause, '("') + 1, _lastIndexOfInstanceProperty__default["default"](whereClause).call(whereClause, '")')).replace(/["]/g, '').split(', ');
+};
+const handlers$3 = {
+  StoresList: {
+    all: stores => msw.graphql.query('FetchStoresQuery', (req, res, ctx) => {
+      // GIVEN req.variables.where is specified
+      // THEN return only stores that are being requested (filtering stores based on IDs)
+      // ELSE return all the stores (without filtering any)
+      if (req.variables.where) {
+        var _context;
+        const requestedStoreKeys = extractKeysFromWherePredicateClause(req.variables.where);
+        const filteredStoreResults = _filterInstanceProperty__default["default"](_context = stores.results).call(_context, store => _includesInstanceProperty__default["default"](requestedStoreKeys).call(requestedStoreKeys, store.key));
+        return res(ctx.data({
+          stores: {
+            offset: 0,
+            total: filteredStoreResults.length,
+            count: filteredStoreResults.length,
+            results: filteredStoreResults,
+            __typename: 'StoresQueryResult'
+          }
+        }));
+      }
+      return res(ctx.data({
+        stores
+      }));
+    }),
+    withProductSelections: stores => msw.graphql.query('FetchStoresQuery', (req, res, ctx) => {
+      // GIVEN req.variables.where is specified
+      // THEN return only stores that are being requested (filtering stores based on IDs)
+      // ELSE return all the stores (without filtering any)
+      if (req.variables.where) {
+        var _context2;
+        const requestedStoreKeys = extractKeysFromWherePredicateClause(req.variables.where);
+        const filteredStoreResults = _filterInstanceProperty__default["default"](_context2 = stores.results).call(_context2, store => _includesInstanceProperty__default["default"](requestedStoreKeys).call(requestedStoreKeys, store.key));
+        return res(ctx.data({
+          stores: {
+            offset: 0,
+            total: filteredStoreResults.length,
+            count: filteredStoreResults.length,
+            results: filteredStoreResults,
+            __typename: 'StoresQueryResult'
+          }
+        }));
+      }
+      return res(ctx.data({
+        stores
+      }));
+    })
+  }
+};
+
+const handlers$2 = {
+  FetchStoresByField: {
+    all: stores => msw.graphql.query('FetchStoresByField', (req, res, ctx) => {
+      return res(ctx.data({
+        storesByField: stores
+      }));
+    })
+  }
+};
+
+const handlers$1 = {
+  FetchStoresByWherePredicate: {
+    all: stores => msw.graphql.query('FetchStoresByWherePredicate', (req, res, ctx) => {
+      return res(ctx.data({
+        storesByWherePredicate: {
+          results: stores,
+          total: stores.length
+        }
+      }));
+    })
+  }
+};
+
+const handlers = {
+  PlatformLimits: {
+    all: platformLimiits => msw.graphql.query('PlatformLimitsFetcherQuery', (req, res, ctx) => res(ctx.data({
+      limits: platformLimiits
+    })))
+  }
+};
+
+function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+var FetchRoleBasedChannels = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchRoleBasedChannels" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "limit" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Int" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "channels" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }, { kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "Variable", name: { kind: "Name", value: "limit" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 210, source: { body: "query FetchRoleBasedChannels($limit: Int!, $where: String!) {\n  channels(where: $where, limit: $limit) {\n    results {\n      id\n      key\n      nameAllLocales {\n        locale\n        value\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
+const createFetchStoreDistributionChannelsQueryMock = custom => _objectSpread({
+  request: {
+    variables: {
+      where: `roles contains any ("ProductDistribution")`,
+      limit: 500
+    },
+    query: FetchRoleBasedChannels
+  },
+  result: {
+    data: {
+      channels: {
+        results: []
+      }
+    }
+  }
+}, custom);
+
+exports.createFetchStoreDistributionChannelsQueryMock = createFetchStoreDistributionChannelsQueryMock;
+exports.customFieldDefinitionsMockHanders = handlers$7;
+exports.isFieldDuplicatedMockHandlers = handlers$6;
+exports.platformLimitsMockHandlers = handlers;
+exports.productSelectionsFetcherMockHandler = handlers$5;
+exports.productSelectionsTotalFetcherMockHandler = handlers$4;
+exports.storesListConnectorMockHandlers = handlers$3;
+exports.useStoreByFieldFetcherHandlers = handlers$2;
+exports.useStoresByWherePredicateFetcherHandlers = handlers$1;
+exports.useTotalNumberOfStoresFetcherHandlers = handlers$8;

package/test-utils/dist/commercetools-frontend-experimental-components-test-utils.cjs.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./commercetools-frontend-experimental-components-test-utils.cjs.prod.js");
+} else {
+  module.exports = require("./commercetools-frontend-experimental-components-test-utils.cjs.dev.js");
+}

package/test-utils/dist/commercetools-frontend-experimental-components-test-utils.cjs.prod.js

@@ -0,0 +1,219 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var msw = require('msw');
+var _lastIndexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/last-index-of');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _lastIndexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_lastIndexOfInstanceProperty);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+
+const handlers$8 = {
+  TotalNumberOfStores: {
+    all: total => msw.graphql.query('TotalNumberOfStores', (req, res, ctx) => {
+      return res(ctx.data({
+        totalNumberOfStores: {
+          total
+        }
+      }));
+    })
+  }
+};
+
+const handlers$7 = {
+  TypeDefinitions: {
+    all: typeDefinitions => msw.graphql.query('FetchTypeDefinitionsQuery', (req, res, ctx) => res(ctx.data({
+      typeDefinitions
+    })))
+  }
+};
+
+const graphqlQueries = {
+  ASSOCIATE_ROLE: 'associateRoles',
+  ATTRIBUTE_GROUP: 'attributeGroups',
+  BUSINESS_UNIT: 'businessUnits',
+  CART: 'carts',
+  CART_DISCOUNT: 'cartDiscounts',
+  CATEGORY: 'categories',
+  CHANNEL: 'channels',
+  CUSTOMER: 'customers',
+  CUSTOMER_GROUP: 'customerGroups',
+  DISCOUNT_CODE: 'discountCodes',
+  INVENTORY_ENTRY: 'inventoryEntries',
+  ORDER: 'orders',
+  PAYMENT: 'payments',
+  PRODUCT: 'products',
+  PRODUCT_DISCOUNT: 'productDiscounts',
+  PRODUCT_SELECTION: 'productSelections',
+  PRODUCT_TYPE: 'productTypes',
+  SHIPPING_METHOD: 'shippingMethods',
+  STORE: 'stores',
+  TAX_CATEGORY: 'taxCategories',
+  ZONE: 'zones'
+};
+const handlers$6 = {
+  DuplicatedField: {
+    total: (total, resourceType) => msw.graphql.query('FetchResourceTypeDuplicatedField', (req, res, ctx) => {
+      if (!graphqlQueries[resourceType]) return res(ctx.data({}));
+      return res(ctx.data({
+        [graphqlQueries[resourceType]]: {
+          total
+        }
+      }));
+    })
+  }
+};
+
+const handlers$5 = {
+  ProductSelections: {
+    all: productSelections => msw.graphql.query('FetchProductSelections', (req, res, ctx) => res(ctx.data({
+      productSelections
+    })))
+  }
+};
+
+const handlers$4 = {
+  ProductSelections: {
+    total: total => msw.graphql.query('FetchProductSelectionsTotal', (req, res, ctx) => res(ctx.data({
+      productSelections: {
+        total,
+        __typename: 'ProductSelectionQueryResult'
+      }
+    })))
+  }
+};
+
+const extractKeysFromWherePredicateClause = function () {
+  let whereClause = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  return whereClause.substring(_lastIndexOfInstanceProperty__default["default"](whereClause).call(whereClause, '("') + 1, _lastIndexOfInstanceProperty__default["default"](whereClause).call(whereClause, '")')).replace(/["]/g, '').split(', ');
+};
+const handlers$3 = {
+  StoresList: {
+    all: stores => msw.graphql.query('FetchStoresQuery', (req, res, ctx) => {
+      // GIVEN req.variables.where is specified
+      // THEN return only stores that are being requested (filtering stores based on IDs)
+      // ELSE return all the stores (without filtering any)
+      if (req.variables.where) {
+        var _context;
+        const requestedStoreKeys = extractKeysFromWherePredicateClause(req.variables.where);
+        const filteredStoreResults = _filterInstanceProperty__default["default"](_context = stores.results).call(_context, store => _includesInstanceProperty__default["default"](requestedStoreKeys).call(requestedStoreKeys, store.key));
+        return res(ctx.data({
+          stores: {
+            offset: 0,
+            total: filteredStoreResults.length,
+            count: filteredStoreResults.length,
+            results: filteredStoreResults,
+            __typename: 'StoresQueryResult'
+          }
+        }));
+      }
+      return res(ctx.data({
+        stores
+      }));
+    }),
+    withProductSelections: stores => msw.graphql.query('FetchStoresQuery', (req, res, ctx) => {
+      // GIVEN req.variables.where is specified
+      // THEN return only stores that are being requested (filtering stores based on IDs)
+      // ELSE return all the stores (without filtering any)
+      if (req.variables.where) {
+        var _context2;
+        const requestedStoreKeys = extractKeysFromWherePredicateClause(req.variables.where);
+        const filteredStoreResults = _filterInstanceProperty__default["default"](_context2 = stores.results).call(_context2, store => _includesInstanceProperty__default["default"](requestedStoreKeys).call(requestedStoreKeys, store.key));
+        return res(ctx.data({
+          stores: {
+            offset: 0,
+            total: filteredStoreResults.length,
+            count: filteredStoreResults.length,
+            results: filteredStoreResults,
+            __typename: 'StoresQueryResult'
+          }
+        }));
+      }
+      return res(ctx.data({
+        stores
+      }));
+    })
+  }
+};
+
+const handlers$2 = {
+  FetchStoresByField: {
+    all: stores => msw.graphql.query('FetchStoresByField', (req, res, ctx) => {
+      return res(ctx.data({
+        storesByField: stores
+      }));
+    })
+  }
+};
+
+const handlers$1 = {
+  FetchStoresByWherePredicate: {
+    all: stores => msw.graphql.query('FetchStoresByWherePredicate', (req, res, ctx) => {
+      return res(ctx.data({
+        storesByWherePredicate: {
+          results: stores,
+          total: stores.length
+        }
+      }));
+    })
+  }
+};
+
+const handlers = {
+  PlatformLimits: {
+    all: platformLimiits => msw.graphql.query('PlatformLimitsFetcherQuery', (req, res, ctx) => res(ctx.data({
+      limits: platformLimiits
+    })))
+  }
+};
+
+function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+var FetchRoleBasedChannels = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchRoleBasedChannels" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "limit" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Int" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "channels" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }, { kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "Variable", name: { kind: "Name", value: "limit" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 210, source: { body: "query FetchRoleBasedChannels($limit: Int!, $where: String!) {\n  channels(where: $where, limit: $limit) {\n    results {\n      id\n      key\n      nameAllLocales {\n        locale\n        value\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
+const createFetchStoreDistributionChannelsQueryMock = custom => _objectSpread({
+  request: {
+    variables: {
+      where: `roles contains any ("ProductDistribution")`,
+      limit: 500
+    },
+    query: FetchRoleBasedChannels
+  },
+  result: {
+    data: {
+      channels: {
+        results: []
+      }
+    }
+  }
+}, custom);
+
+exports.createFetchStoreDistributionChannelsQueryMock = createFetchStoreDistributionChannelsQueryMock;
+exports.customFieldDefinitionsMockHanders = handlers$7;
+exports.isFieldDuplicatedMockHandlers = handlers$6;
+exports.platformLimitsMockHandlers = handlers;
+exports.productSelectionsFetcherMockHandler = handlers$5;
+exports.productSelectionsTotalFetcherMockHandler = handlers$4;
+exports.storesListConnectorMockHandlers = handlers$3;
+exports.useStoreByFieldFetcherHandlers = handlers$2;
+exports.useStoresByWherePredicateFetcherHandlers = handlers$1;
+exports.useTotalNumberOfStoresFetcherHandlers = handlers$8;