diff --git a/cypress/e2e/products/productsVariants.js b/cypress/e2e/products/productsVariants.js
index ec304039a..0e86d8c79 100644
--- a/cypress/e2e/products/productsVariants.js
+++ b/cypress/e2e/products/productsVariants.js
@@ -13,7 +13,6 @@ import {
 import * as productUtils from "../../support/api/utils/products/productsUtils";
 import { getProductVariants } from "../../support/api/utils/storeFront/storeFrontProductUtils";
 import {
-  createFirstVariant,
   createVariant,
   variantsShouldBeVisible,
 } from "../../support/pages/catalog/products/VariantsPage";
@@ -81,10 +80,11 @@ describe("As an admin I should be able to create variant", () => {
             channelId: newChannel.id,
           });
           cy.visit(`${urlList.products}${createdProduct.id}`);
-          createFirstVariant({
+          createVariant({
+            channelName: [defaultChannel.name, newChannel.name],
             sku: name,
             price,
-            attribute: attributeValues[0],
+            attributeName: attributeValues[0],
           });
           selectChannelInHeader(defaultChannel.name);
           variantsShouldBeVisible({ name, price });
diff --git a/cypress/e2e/products/productsWithoutSku/createProductWithoutSku.js b/cypress/e2e/products/productsWithoutSku/createProductWithoutSku.js
index a5a720a8e..a82a35f9c 100644
--- a/cypress/e2e/products/productsWithoutSku/createProductWithoutSku.js
+++ b/cypress/e2e/products/productsWithoutSku/createProductWithoutSku.js
@@ -120,9 +120,9 @@ describe("Creating variants", () => {
           });
           cy.visit(`${urlList.products}${createdProduct.id}`);
           cy.waitForProgressBarToNotBeVisible();
-          createFirstVariant({
+          createVariant({
             price,
-            attribute: attributeValues[0],
+            attributeName: attributeValues[0],
           });
           getProductVariants(createdProduct.id, defaultChannel.slug);
         })
diff --git a/cypress/elements/catalog/products/product-details.js b/cypress/elements/catalog/products/product-details.js
index cbe0ff7e9..b69971dfc 100644
--- a/cypress/elements/catalog/products/product-details.js
+++ b/cypress/elements/catalog/products/product-details.js
@@ -8,11 +8,7 @@ export const PRODUCT_DETAILS = {
   firstCategoryItem: "#downshift-0-item-0",
   visibleRadioBtn: "[name='isPublished']",
   channelAvailabilityItem: "[data-test-id*='channel-availability-item']",
-  addVariantsButton: "[data-test-id*='button-add-variant']",
-  addVariantsOptionDialog: {
-    optionMultiple: '[data-test-id="variant-create-option-multiple"]',
-    optionSingle: '[data-test-id="variant-create-option-single"]'
-  },
+  addVariantButton: "[data-test-id*='button-add-variant']",
   descriptionInput: "[data-test-id='rich-text-editor-description']",
   ratingInput: "[name='rating']",
   skuInput: "[name='sku']",
@@ -24,10 +20,9 @@ export const PRODUCT_DETAILS = {
   stockInput: '[data-test-id="stock-input"]',
   costPriceInput: '[name*="costPrice"]',
   sellingPriceInput: '[name*="channel-price"]',
-  createSingleVariantCheckbox: '[value="single"]',
   productImage: '[data-test-id="product-image"]',
   uploadImageButton: '[data-test-id="button-upload-image"]',
   uploadSavedImagesButton: '[data-test-id="upload-images"]',
   uploadMediaUrlButton: '[data-test-id="upload-media-url"]',
-  saveUploadUrlButton: '[data-test-id="upload-url-button"]'
+  saveUploadUrlButton: '[data-test-id="upload-url-button"]',
 };
diff --git a/cypress/elements/catalog/products/variants-selectors.js b/cypress/elements/catalog/products/variants-selectors.js
index e490fd803..6082a6c8a 100644
--- a/cypress/elements/catalog/products/variants-selectors.js
+++ b/cypress/elements/catalog/products/variants-selectors.js
@@ -1,8 +1,4 @@
 export const VARIANTS_SELECTORS = {
-  attributeCheckbox: "[name*='value:']",
-  valueContainer: "[data-test-id='value-container']",
-  nextButton: "[class*='MuiButton-containedPrimary']",
-  warehouseCheckboxes: "[name*='warehouse:']",
   skuInput: "[ name='sku']",
   attributeOption:
     "[data-test-type='option'], [data-test-id='multi-autocomplete-select-option']",
@@ -20,5 +16,5 @@ export const VARIANTS_SELECTORS = {
   preorderEndTimeInput: "[name='preorderEndDateTime:time']",
   globalThresholdInput: "[name='globalThreshold']",
   stockInput: "[data-test-id='stock-input']",
-  selectOption: "[data-test-id='multi-autocomplete-select-option']"
+  selectOption: "[data-test-id='multi-autocomplete-select-option']",
 };
diff --git a/cypress/support/pages/catalog/products/VariantsPage.js b/cypress/support/pages/catalog/products/VariantsPage.js
index 4a0568b0d..3d14de19f 100644
--- a/cypress/support/pages/catalog/products/VariantsPage.js
+++ b/cypress/support/pages/catalog/products/VariantsPage.js
@@ -3,56 +3,14 @@ import { PRODUCT_DETAILS } from "../../../../elements/catalog/products/product-d
 import { VARIANTS_SELECTORS } from "../../../../elements/catalog/products/variants-selectors";
 import { AVAILABLE_CHANNELS_FORM } from "../../../../elements/channels/available-channels-form";
 import { BUTTON_SELECTORS } from "../../../../elements/shared/button-selectors";
-import { SHARED_ELEMENTS } from "../../../../elements/shared/sharedElements";
 import { formatDate } from "../../../formatData/formatDate";
 import { selectChannelVariantInDetailsPage } from "../../channelsPage";
-import { fillUpPriceList } from "./priceListComponent";
 
 export function variantsShouldBeVisible({ price }) {
   cy.get(PRODUCT_DETAILS.variantRow).should("be.visible");
   cy.contains(PRODUCT_DETAILS.variantPrice, price);
 }
 
-export function createFirstVariant({
-  sku,
-  warehouseId,
-  price,
-  attribute,
-  quantity = 1
-}) {
-  cy.get(PRODUCT_DETAILS.addVariantsButton).click();
-  cy.get(PRODUCT_DETAILS.addVariantsOptionDialog.optionMultiple).click();
-  cy.get(BUTTON_SELECTORS.submit).click();
-  cy.get(VARIANTS_SELECTORS.valueContainer).click();
-  cy.contains(VARIANTS_SELECTORS.selectOption, attribute)
-    .click()
-    .get(VARIANTS_SELECTORS.nextButton)
-    .click();
-  fillUpPriceList(price);
-  if (warehouseId) {
-    cy.get(`[name*='${warehouseId}']`).click();
-  } else {
-    cy.get(VARIANTS_SELECTORS.warehouseCheckboxes)
-      .first()
-      .click();
-  }
-  cy.get(VARIANTS_SELECTORS.stockInput)
-    .type(quantity)
-    .get(VARIANTS_SELECTORS.nextButton)
-    .click();
-  if (sku) {
-    cy.get(VARIANTS_SELECTORS.skuInput).type(sku);
-  }
-  cy.addAliasToGraphRequest("ProductVariantBulkCreate")
-    .get(VARIANTS_SELECTORS.nextButton)
-    .click()
-    .confirmationMessageShouldAppear()
-    .waitForRequestAndCheckIfNoErrors("@ProductVariantBulkCreate")
-    .waitForProgressBarToNotBeVisible()
-    .get(AVAILABLE_CHANNELS_FORM.menageChannelsButton)
-    .should("be.visible");
-}
-
 export function createVariant({
   sku,
   warehouseName,
@@ -60,9 +18,9 @@ export function createVariant({
   price,
   costPrice = price,
   channelName,
-  quantity = 10
+  quantity = 10,
 }) {
-  cy.get(PRODUCT_DETAILS.addVariantsButton).click();
+  cy.get(PRODUCT_DETAILS.addVariantButton).click();
   fillUpVariantDetails({ attributeName, sku, warehouseName, quantity });
   cy.get(VARIANTS_SELECTORS.saveButton)
     .click()
@@ -76,7 +34,7 @@ export function createVariant({
     channelName,
     variantName: attributeName,
     price,
-    costPrice
+    costPrice,
   });
 }
 
@@ -84,13 +42,13 @@ export function fillUpGeneralVariantInputs({
   attributeName,
   warehouseName,
   sku,
-  quantity
+  quantity,
 }) {
   fillUpVariantAttributeAndSku({ attributeName, sku });
   cy.get(VARIANTS_SELECTORS.addWarehouseButton).click();
   if (warehouseName) {
     cy.contains(VARIANTS_SELECTORS.warehouseOption, warehouseName).click({
-      force: true
+      force: true,
     });
   } else {
     cy.get(VARIANTS_SELECTORS.warehouseOption)
@@ -105,7 +63,7 @@ export function fillUpVariantDetails({
   attributeType = "DROPDOWN",
   sku,
   warehouseName,
-  quantity
+  quantity,
 }) {
   selectAttributeWithType({ attributeType, attributeName });
   if (sku) {
@@ -115,7 +73,7 @@ export function fillUpVariantDetails({
     cy.get(VARIANTS_SELECTORS.addWarehouseButton).click();
     cy.contains(VARIANTS_SELECTORS.warehouseOption, warehouseName)
       .click({
-        force: true
+        force: true,
       })
       .get(VARIANTS_SELECTORS.stockInput)
       .type(quantity);
@@ -138,10 +96,10 @@ export function selectChannelForVariantAndFillUpPrices({
   channelName,
   variantName,
   price,
-  costPrice = price
+  costPrice = price,
 }) {
   cy.waitForProgressBarToNotBeVisible().addAliasToGraphRequest(
-    "ProductChannelListingUpdate"
+    "ProductChannelListingUpdate",
   );
   selectChannelVariantInDetailsPage(channelName, variantName);
   cy.get(BUTTON_SELECTORS.confirm)
@@ -150,9 +108,13 @@ export function selectChannelForVariantAndFillUpPrices({
   cy.contains(PRODUCT_DETAILS.variantRow, variantName)
     .click()
     .get(PRICE_LIST.priceInput)
-    .type(price)
+    .each(input => {
+      cy.wrap(input).type(price);
+    })
     .get(PRICE_LIST.costPriceInput)
-    .type(costPrice)
+    .each(input => {
+      cy.wrap(input).type(costPrice);
+    })
     .addAliasToGraphRequest("ProductVariantChannelListingUpdate")
     .get(VARIANTS_SELECTORS.saveButton)
     .click()
diff --git a/cypress/support/pages/channelsPage.js b/cypress/support/pages/channelsPage.js
index fc430bb08..387a0dc79 100644
--- a/cypress/support/pages/channelsPage.js
+++ b/cypress/support/pages/channelsPage.js
@@ -108,13 +108,18 @@ export function selectChannelInDetailsPages(channelName) {
 
 export function selectChannelVariantInDetailsPage(channelName, attributeName) {
   cy.get(AVAILABLE_CHANNELS_FORM.menageChannelsButton).click();
-  cy.contains(SELECT_CHANNELS_TO_ASSIGN.expandChannelRow, channelName)
-    .find(BUTTON_SELECTORS.expandIcon)
-    .click();
-  cy.contains(SELECT_CHANNELS_TO_ASSIGN.expandChannelRow, channelName)
-    .contains(SELECT_CHANNELS_TO_ASSIGN.channelVariantRow, attributeName)
-    .find(BUTTON_SELECTORS.checkbox)
-    .click();
+  const channelsNames = Array.isArray(channelName)
+    ? channelName
+    : [channelName];
+  channelsNames.forEach(name => {
+    cy.contains(SELECT_CHANNELS_TO_ASSIGN.expandChannelRow, name)
+      .find(BUTTON_SELECTORS.expandIcon)
+      .click();
+    cy.contains(SELECT_CHANNELS_TO_ASSIGN.expandChannelRow, name)
+      .contains(SELECT_CHANNELS_TO_ASSIGN.channelVariantRow, attributeName)
+      .find(BUTTON_SELECTORS.checkbox)
+      .click();
+  });
   cy.get(SELECT_CHANNELS_TO_ASSIGN.selectChannelsForm)
     .find(BUTTON_SELECTORS.submit)
     .click({ force: true });
diff --git a/locale/defaultMessages.json b/locale/defaultMessages.json
index 2c5b1f8bc..4981c4c08 100644
--- a/locale/defaultMessages.json
+++ b/locale/defaultMessages.json
@@ -66,10 +66,6 @@
   "+a+2ug": {
     "string": "Members"
   },
-  "+bFHzi": {
-    "context": "button",
-    "string": "Next"
-  },
   "+c/f61": {
     "context": "retry installation",
     "string": "Retry"
@@ -185,9 +181,6 @@
     "context": "section header",
     "string": "Media"
   },
-  "/Qb92c": {
-    "string": "Based on your selections we will create {numberOfProducts} products. Use this step to customize price and stocks for your new products"
-  },
   "/TF6BZ": {
     "string": "Search Products"
   },
@@ -1154,10 +1147,6 @@
     "context": "checkbox gift cards label",
     "string": "Automatically fulfill non shippable gift cards"
   },
-  "7WEC+G": {
-    "context": "page title",
-    "string": "Price and SKUs"
-  },
   "7WzUxn": {
     "context": "staff member status",
     "string": "Inactive"
@@ -1322,10 +1311,6 @@
     "context": "modal button images upload",
     "string": "Upload Images"
   },
-  "9EMudJ": {
-    "context": "option",
-    "string": "Create single variant"
-  },
   "9IWg/f": {
     "context": "button",
     "string": "SETUP END DATE"
@@ -1445,10 +1430,6 @@
     "context": "area units type",
     "string": "Area"
   },
-  "ABgQcF": {
-    "context": "variant stock, header",
-    "string": "Stock"
-  },
   "ADTNND": {
     "context": "product type",
     "string": "Physical"
@@ -1596,9 +1577,6 @@
     "context": "number of subcategories",
     "string": "Subcategories"
   },
-  "BIqhVQ": {
-    "string": "Skip stock for now"
-  },
   "BL/Lbk": {
     "context": "install app permissions",
     "string": "Installing this app will give it following permissions:"
@@ -1796,9 +1774,6 @@
     "context": "button",
     "string": "Create Category"
   },
-  "ClFzoD": {
-    "string": "Selected values will be used to create variants for the configurable product."
-  },
   "ClKKID": {
     "context": "channel publication status",
     "string": "Not published"
@@ -1806,10 +1781,6 @@
   "Co2U4u": {
     "string": "No plugins found"
   },
-  "CrbI/c": {
-    "context": "variant channel price",
-    "string": "{channel} Price"
-  },
   "CxfKLC": {
     "string": "Pages"
   },
@@ -1970,9 +1941,6 @@
   "EEW+ND": {
     "string": "Navigator"
   },
-  "EGG8f+": {
-    "string": "Apply unique prices by attribute to each SKU"
-  },
   "EHsnZX": {
     "context": "dialog description",
     "string": "Are you sure you want to approve this fullfillment?"
@@ -2062,10 +2030,6 @@
   "Ev6SEF": {
     "string": "New Password"
   },
-  "EzU7KV": {
-    "context": "option description",
-    "string": "Create new variant using variant details view"
-  },
   "F0AXNs": {
     "context": "invoice create date prefix",
     "string": "created"
@@ -2279,10 +2243,6 @@
   "GOdq5V": {
     "string": "Catalog"
   },
-  "GQcp83": {
-    "context": "variant stock, header",
-    "string": "Stock and Warehousing"
-  },
   "GUlwXU": {
     "context": "dialog header",
     "string": "Assign Attribute Value"
@@ -2346,10 +2306,6 @@
     "context": "link",
     "string": "Get Support"
   },
-  "Gjo89T": {
-    "context": "header",
-    "string": "Warehouses"
-  },
   "Gkip05": {
     "context": "button",
     "string": "Unassign"
@@ -2469,10 +2425,6 @@
     "context": "table column header, sold units preorder quantity",
     "string": "Sold units"
   },
-  "HcjV6k": {
-    "context": "button",
-    "string": "Create variants"
-  },
   "HedXnw": {
     "context": "plugin channel availability status title",
     "string": "{activeChannelsCount,plural, =0 {Deactivated} other {Active in {activeChannelsCount}}}"
@@ -2659,9 +2611,6 @@
   "J/QqOI": {
     "string": "This value already exists within this attribute"
   },
-  "J0UdxG": {
-    "string": "Skip pricing for now"
-  },
   "J0lNnk": {
     "context": "column label",
     "string": "Warehouse"
@@ -2953,9 +2902,6 @@
     "context": "returned products list title",
     "string": "Products returned"
   },
-  "L5rthO": {
-    "string": "Apply unique stock by attribute to each SKU"
-  },
   "L6+p8a": {
     "context": "dialog title",
     "string": "Delete permission group"
@@ -3235,10 +3181,6 @@
   "NWxomz": {
     "string": "Fulfillment status"
   },
-  "NXpFlL": {
-    "context": "product attribute values, page title",
-    "string": "Choose Values"
-  },
   "NZtcLb": {
     "context": "gift card bulk create success dialog content",
     "string": "We have issued all of your requested gift cards. You can download the list of new gift cards using the button below."
@@ -3375,10 +3317,6 @@
     "context": "Types",
     "string": "Page Types"
   },
-  "OgFBAj": {
-    "context": "input label",
-    "string": "Price"
-  },
   "OhFGpX": {
     "context": "button",
     "string": "Assign members"
@@ -3566,10 +3504,6 @@
     "context": "modal button url upload",
     "string": "Upload URL"
   },
-  "Q3j++G": {
-    "context": "create multiple variants, button",
-    "string": "Create"
-  },
   "Q47ovw": {
     "context": "activate app",
     "string": "Are you sure you want to activate this app? Activating will start gathering events."
@@ -3846,10 +3780,6 @@
     "context": "default gift card delete description",
     "string": "{selectedItemsCount,plural,one{Are you sure you want to delete this gift card?} other{Are you sure you want to delete {selectedItemsCount} giftCards?}}"
   },
-  "S5PVx1": {
-    "context": "variant creator summary card header",
-    "string": "Created Variants"
-  },
   "S7Rwl0": {
     "context": "stock exceeded action question label",
     "string": "Are you sure you want to fulfill those products anyway?"
@@ -3900,9 +3830,6 @@
     "context": "change button label",
     "string": "Change"
   },
-  "STp3Hl": {
-    "string": "Apply single stock to all SKUs"
-  },
   "SUbxSK": {
     "context": "product weight",
     "string": "Weight"
@@ -3943,10 +3870,6 @@
     "context": "checkbox label, fulfillment approval",
     "string": "Send shipment details to customer"
   },
-  "Sx7QVu": {
-    "context": "variant creation step",
-    "string": "Prices and SKU"
-  },
   "T/5OyA": {
     "string": "No translation yet"
   },
@@ -3988,10 +3911,6 @@
     "context": "order history message",
     "string": "Payment failed"
   },
-  "TDXskW": {
-    "context": "variant attribute",
-    "string": "Select Attribute"
-  },
   "TDhHMi": {
     "string": "This needs to be unique"
   },
@@ -4016,10 +3935,6 @@
     "context": "button",
     "string": "Reset"
   },
-  "TPCRKr": {
-    "context": "variant price, header",
-    "string": "Price"
-  },
   "TPW2tP": {
     "string": "You have reached your order limit, you will be billed extra for orders above limit. If you would like to up your limit, contact your administration staff about raising your limits."
   },
@@ -4266,10 +4181,6 @@
     "context": "dialog content",
     "string": "Removed sale"
   },
-  "V76IV7": {
-    "context": "variant name",
-    "string": "Variant"
-  },
   "V8FhTt": {
     "context": "collection label",
     "string": "Hidden"
@@ -4390,10 +4301,6 @@
     "context": "staff member full name",
     "string": "Name"
   },
-  "W3JbSQ": {
-    "context": "create product variants",
-    "string": "How would you like to create variants:"
-  },
   "W5SK5c": {
     "string": "Select content type"
   },
@@ -4576,10 +4483,6 @@
     "context": "discount type",
     "string": "Fixed amount"
   },
-  "XDeh5D": {
-    "context": "dialog header",
-    "string": "Create Variants"
-  },
   "XFtKV5": {
     "context": "input placeholder tag",
     "string": "Tag"
@@ -4663,9 +4566,6 @@
     "context": "product pricing, section header",
     "string": "Pricing"
   },
-  "Xr5zxu": {
-    "string": "You choices will add {variantsNumber} SKUs to your catalog which will exceed your limit by {aboveLimitVariantsNumber}. If you would like to up your limit, contact your administration staff about raising your limits."
-  },
   "Xtd0AT": {
     "string": "Original String"
   },
@@ -5447,10 +5347,6 @@
     "context": "filters error messages dependencies missing",
     "string": "Filter requires other filters: {dependencies}"
   },
-  "esg2wu": {
-    "context": "previous step, button",
-    "string": "Previous"
-  },
   "etP0+D": {
     "string": "Vouchers"
   },
@@ -5591,10 +5487,6 @@
   "g/BrOt": {
     "string": "Url has invalid format"
   },
-  "g1WQlC": {
-    "context": "page title",
-    "string": "Summary"
-  },
   "g3qjSf": {
     "context": "button",
     "string": "Assign categories"
@@ -5863,9 +5755,6 @@
     "context": "customer",
     "string": "Join Date"
   },
-  "iigydN": {
-    "string": "Based on your selections we will create 8 products. Use this step to customize price and stocks for your new products."
-  },
   "ij7olm": {
     "context": "error message",
     "string": "This fulfillment cannot be cancelled"
@@ -6209,10 +6098,6 @@
     "context": "dialog title",
     "string": "Unassign users"
   },
-  "lVZ5n7": {
-    "context": "variant attribute",
-    "string": "Attribute"
-  },
   "lVwmf5": {
     "context": "total price of ordered products",
     "string": "Total"
@@ -6261,9 +6146,6 @@
   "lqIzC8": {
     "string": "This field needs to be unique"
   },
-  "lra7Ej": {
-    "string": "Apply single price to all SKUs"
-  },
   "lrq8O6": {
     "context": "order refund amount, input label",
     "string": "Amount"
@@ -6540,18 +6422,10 @@
     "context": "order status",
     "string": "Unfulfilled"
   },
-  "oChkS4": {
-    "context": "success message",
-    "string": "Successfully created variants"
-  },
   "oHbgcK": {
     "context": "PageTypeDeleteWarningDialog title",
     "string": "Delete page {selectedTypesCount,plural,one{type} other{types}}"
   },
-  "oIMMcO": {
-    "context": "no warehouses info",
-    "string": "There are no warehouses set up for your store. You can configure variants without providing stock quantities."
-  },
   "oIvtua": {
     "context": "attribute's editor component",
     "string": "Catalog Input type for Store Owner"
@@ -6864,9 +6738,6 @@
     "context": "invalid date in expirydate field content",
     "string": "Gift Card with past expiration date cannot be created"
   },
-  "rHXF43": {
-    "string": "Here is the summary of variants that will be created. You can change prices, stocks an SKU for each one created."
-  },
   "rHoRbE": {
     "context": "Status label when object is unpublished in a channel",
     "string": "Unpublished"
@@ -6898,10 +6769,6 @@
     "context": "page header with order number",
     "string": "Order #{orderNumber}"
   },
-  "rVaB7c": {
-    "context": "attribute values, variant creation step",
-    "string": "Select Values"
-  },
   "rZMT44": {
     "context": "created channels counter",
     "string": "{count}/{max} channels used"
@@ -7098,10 +6965,6 @@
     "context": "button",
     "string": "Accept"
   },
-  "slKV5G": {
-    "context": "variant creation step",
-    "string": "Summary"
-  },
   "sn2awN": {
     "context": "ExitFormPrompt cancel button",
     "string": "Discard changes"
@@ -7316,10 +7179,6 @@
     "context": "order history message",
     "string": "Order was confirmed"
   },
-  "ucYPtV": {
-    "context": "variant attribute",
-    "string": "Choose attribute"
-  },
   "ud0w8h": {
     "context": "number of postal code ranges",
     "string": "{number} postal code ranges"
@@ -7364,10 +7223,6 @@
     "context": "button",
     "string": "Assign attribute"
   },
-  "uxZZXx": {
-    "context": "option",
-    "string": "Create multiple variant via variant creator"
-  },
   "uy+tB8": {
     "context": "voucher status",
     "string": "Status"
@@ -7459,10 +7314,6 @@
     "context": "card title",
     "string": "Order Weight"
   },
-  "vXA5xU": {
-    "context": "option description",
-    "string": "Use variant creator to create matrix of selected attribute values to create variants"
-  },
   "vXFPD6": {
     "context": "voucher discount type",
     "string": "Fixed Amount"
@@ -7514,9 +7365,6 @@
     "context": "button",
     "string": "Create category"
   },
-  "vuKrlW": {
-    "string": "Stock"
-  },
   "vwMO04": {
     "context": "draft order",
     "string": "Created"
@@ -7860,10 +7708,6 @@
     "context": "header, dialog",
     "string": "Create New Warehouse"
   },
-  "z+wMgQ": {
-    "context": "window title",
-    "string": "Create Variants"
-  },
   "z0gGP+": {
     "context": "number of attributes",
     "string": "{number} Attributes"
diff --git a/src/components/Attributes/SwatchRow.tsx b/src/components/Attributes/SwatchRow.tsx
index 1d7dd9c4a..af095fb6f 100644
--- a/src/components/Attributes/SwatchRow.tsx
+++ b/src/components/Attributes/SwatchRow.tsx
@@ -6,7 +6,7 @@ import {
   getSingleDisplayValue,
 } from "@saleor/components/Attributes/utils";
 import SingleAutocompleteSelectField from "@saleor/components/SingleAutocompleteSelectField";
-import { getBySlug } from "@saleor/products/components/ProductVariantCreatorPage/utils";
+import { getBySlug } from "@saleor/misc";
 import React from "react";
 import { useIntl } from "react-intl";
 
diff --git a/src/giftCards/GiftCardUpdate/GiftCardResendCodeDialog/GiftCardResendCodeDialog.tsx b/src/giftCards/GiftCardUpdate/GiftCardResendCodeDialog/GiftCardResendCodeDialog.tsx
index e629a19b9..b4d569e9c 100644
--- a/src/giftCards/GiftCardUpdate/GiftCardResendCodeDialog/GiftCardResendCodeDialog.tsx
+++ b/src/giftCards/GiftCardUpdate/GiftCardResendCodeDialog/GiftCardResendCodeDialog.tsx
@@ -8,7 +8,7 @@ import SingleAutocompleteSelectField from "@saleor/components/SingleAutocomplete
 import { useChannelsQuery, useGiftCardResendMutation } from "@saleor/graphql";
 import useForm from "@saleor/hooks/useForm";
 import useNotifier from "@saleor/hooks/useNotifier";
-import { getBySlug } from "@saleor/products/components/ProductVariantCreatorPage/utils";
+import { getBySlug } from "@saleor/misc";
 import { DialogProps } from "@saleor/types";
 import commonErrorMessages from "@saleor/utils/errors/common";
 import { mapSlugNodeToChoice } from "@saleor/utils/maps";
diff --git a/src/graphql/hooks.generated.ts b/src/graphql/hooks.generated.ts
index e5cd0d1a8..2b444da31 100644
--- a/src/graphql/hooks.generated.ts
+++ b/src/graphql/hooks.generated.ts
@@ -11758,42 +11758,6 @@ export function useProductBulkDeleteMutation(baseOptions?: ApolloReactHooks.Muta
 export type ProductBulkDeleteMutationHookResult = ReturnType<typeof useProductBulkDeleteMutation>;
 export type ProductBulkDeleteMutationResult = Apollo.MutationResult<Types.ProductBulkDeleteMutation>;
 export type ProductBulkDeleteMutationOptions = Apollo.BaseMutationOptions<Types.ProductBulkDeleteMutation, Types.ProductBulkDeleteMutationVariables>;
-export const ProductVariantBulkCreateDocument = gql`
-    mutation ProductVariantBulkCreate($id: ID!, $inputs: [ProductVariantBulkCreateInput!]!) {
-  productVariantBulkCreate(product: $id, variants: $inputs) {
-    errors {
-      ...BulkProductError
-    }
-  }
-}
-    ${BulkProductErrorFragmentDoc}`;
-export type ProductVariantBulkCreateMutationFn = Apollo.MutationFunction<Types.ProductVariantBulkCreateMutation, Types.ProductVariantBulkCreateMutationVariables>;
-
-/**
- * __useProductVariantBulkCreateMutation__
- *
- * To run a mutation, you first call `useProductVariantBulkCreateMutation` within a React component and pass it any options that fit your needs.
- * When your component renders, `useProductVariantBulkCreateMutation` returns a tuple that includes:
- * - A mutate function that you can call at any time to execute the mutation
- * - An object with fields that represent the current status of the mutation's execution
- *
- * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
- *
- * @example
- * const [productVariantBulkCreateMutation, { data, loading, error }] = useProductVariantBulkCreateMutation({
- *   variables: {
- *      id: // value for 'id'
- *      inputs: // value for 'inputs'
- *   },
- * });
- */
-export function useProductVariantBulkCreateMutation(baseOptions?: ApolloReactHooks.MutationHookOptions<Types.ProductVariantBulkCreateMutation, Types.ProductVariantBulkCreateMutationVariables>) {
-        const options = {...defaultOptions, ...baseOptions}
-        return ApolloReactHooks.useMutation<Types.ProductVariantBulkCreateMutation, Types.ProductVariantBulkCreateMutationVariables>(ProductVariantBulkCreateDocument, options);
-      }
-export type ProductVariantBulkCreateMutationHookResult = ReturnType<typeof useProductVariantBulkCreateMutation>;
-export type ProductVariantBulkCreateMutationResult = Apollo.MutationResult<Types.ProductVariantBulkCreateMutation>;
-export type ProductVariantBulkCreateMutationOptions = Apollo.BaseMutationOptions<Types.ProductVariantBulkCreateMutation, Types.ProductVariantBulkCreateMutationVariables>;
 export const ProductVariantBulkDeleteDocument = gql`
     mutation ProductVariantBulkDelete($ids: [ID!]!) {
   productVariantBulkDelete(ids: $ids) {
@@ -12633,53 +12597,6 @@ export function useGridAttributesLazyQuery(baseOptions?: ApolloReactHooks.LazyQu
 export type GridAttributesQueryHookResult = ReturnType<typeof useGridAttributesQuery>;
 export type GridAttributesLazyQueryHookResult = ReturnType<typeof useGridAttributesLazyQuery>;
 export type GridAttributesQueryResult = Apollo.QueryResult<Types.GridAttributesQuery, Types.GridAttributesQueryVariables>;
-export const CreateMultipleVariantsDataDocument = gql`
-    query CreateMultipleVariantsData($id: ID!, $firstValues: Int, $afterValues: String, $lastValues: Int, $beforeValues: String) {
-  product(id: $id) {
-    ...ProductVariantAttributes
-  }
-  warehouses(first: 20) {
-    edges {
-      node {
-        ...Warehouse
-      }
-    }
-  }
-}
-    ${ProductVariantAttributesFragmentDoc}
-${WarehouseFragmentDoc}`;
-
-/**
- * __useCreateMultipleVariantsDataQuery__
- *
- * To run a query within a React component, call `useCreateMultipleVariantsDataQuery` and pass it any options that fit your needs.
- * When your component renders, `useCreateMultipleVariantsDataQuery` returns an object from Apollo Client that contains loading, error, and data properties
- * you can use to render your UI.
- *
- * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
- *
- * @example
- * const { data, loading, error } = useCreateMultipleVariantsDataQuery({
- *   variables: {
- *      id: // value for 'id'
- *      firstValues: // value for 'firstValues'
- *      afterValues: // value for 'afterValues'
- *      lastValues: // value for 'lastValues'
- *      beforeValues: // value for 'beforeValues'
- *   },
- * });
- */
-export function useCreateMultipleVariantsDataQuery(baseOptions: ApolloReactHooks.QueryHookOptions<Types.CreateMultipleVariantsDataQuery, Types.CreateMultipleVariantsDataQueryVariables>) {
-        const options = {...defaultOptions, ...baseOptions}
-        return ApolloReactHooks.useQuery<Types.CreateMultipleVariantsDataQuery, Types.CreateMultipleVariantsDataQueryVariables>(CreateMultipleVariantsDataDocument, options);
-      }
-export function useCreateMultipleVariantsDataLazyQuery(baseOptions?: ApolloReactHooks.LazyQueryHookOptions<Types.CreateMultipleVariantsDataQuery, Types.CreateMultipleVariantsDataQueryVariables>) {
-          const options = {...defaultOptions, ...baseOptions}
-          return ApolloReactHooks.useLazyQuery<Types.CreateMultipleVariantsDataQuery, Types.CreateMultipleVariantsDataQueryVariables>(CreateMultipleVariantsDataDocument, options);
-        }
-export type CreateMultipleVariantsDataQueryHookResult = ReturnType<typeof useCreateMultipleVariantsDataQuery>;
-export type CreateMultipleVariantsDataLazyQueryHookResult = ReturnType<typeof useCreateMultipleVariantsDataLazyQuery>;
-export type CreateMultipleVariantsDataQueryResult = Apollo.QueryResult<Types.CreateMultipleVariantsDataQuery, Types.CreateMultipleVariantsDataQueryVariables>;
 export const SearchAttributesDocument = gql`
     query SearchAttributes($after: String, $first: Int!, $query: String!) {
   search: attributes(after: $after, first: $first, filter: {search: $query}) {
diff --git a/src/graphql/types.generated.ts b/src/graphql/types.generated.ts
index 4b43a3d47..6d60cf9db 100644
--- a/src/graphql/types.generated.ts
+++ b/src/graphql/types.generated.ts
@@ -7690,14 +7690,6 @@ export type ProductBulkDeleteMutationVariables = Exact<{
 
 export type ProductBulkDeleteMutation = { __typename: 'Mutation', productBulkDelete: { __typename: 'ProductBulkDelete', errors: Array<{ __typename: 'ProductError', code: ProductErrorCode, field: string | null, message: string | null }> } | null };
 
-export type ProductVariantBulkCreateMutationVariables = Exact<{
-  id: Scalars['ID'];
-  inputs: Array<ProductVariantBulkCreateInput> | ProductVariantBulkCreateInput;
-}>;
-
-
-export type ProductVariantBulkCreateMutation = { __typename: 'Mutation', productVariantBulkCreate: { __typename: 'ProductVariantBulkCreate', errors: Array<{ __typename: 'BulkProductError', field: string | null, code: ProductErrorCode, index: number | null, channels: Array<string> | null, message: string | null }> } | null };
-
 export type ProductVariantBulkDeleteMutationVariables = Exact<{
   ids: Array<Scalars['ID']> | Scalars['ID'];
 }>;
@@ -7852,17 +7844,6 @@ export type GridAttributesQueryVariables = Exact<{
 
 export type GridAttributesQuery = { __typename: 'Query', grid: { __typename: 'AttributeCountableConnection', edges: Array<{ __typename: 'AttributeCountableEdge', node: { __typename: 'Attribute', id: string, name: string | null } }> } | null };
 
-export type CreateMultipleVariantsDataQueryVariables = Exact<{
-  id: Scalars['ID'];
-  firstValues?: InputMaybe<Scalars['Int']>;
-  afterValues?: InputMaybe<Scalars['String']>;
-  lastValues?: InputMaybe<Scalars['Int']>;
-  beforeValues?: InputMaybe<Scalars['String']>;
-}>;
-
-
-export type CreateMultipleVariantsDataQuery = { __typename: 'Query', product: { __typename: 'Product', id: string, attributes: Array<{ __typename: 'SelectedAttribute', attribute: { __typename: 'Attribute', id: string, slug: string | null, name: string | null, inputType: AttributeInputTypeEnum | null, entityType: AttributeEntityTypeEnum | null, valueRequired: boolean, unit: MeasurementUnitsEnum | null, choices: { __typename: 'AttributeValueCountableConnection', pageInfo: { __typename: 'PageInfo', endCursor: string | null, hasNextPage: boolean, hasPreviousPage: boolean, startCursor: string | null }, edges: Array<{ __typename: 'AttributeValueCountableEdge', cursor: string, node: { __typename: 'AttributeValue', plainText: string | null, richText: any | null, id: string, name: string | null, slug: string | null, reference: string | null, boolean: boolean | null, date: any | null, dateTime: any | null, value: string | null, file: { __typename: 'File', url: string, contentType: string | null } | null } }> } | null }, values: Array<{ __typename: 'AttributeValue', plainText: string | null, richText: any | null, id: string, name: string | null, slug: string | null, reference: string | null, boolean: boolean | null, date: any | null, dateTime: any | null, value: string | null, file: { __typename: 'File', url: string, contentType: string | null } | null }> }>, productType: { __typename: 'ProductType', id: string, variantAttributes: Array<{ __typename: 'Attribute', id: string, name: string | null, inputType: AttributeInputTypeEnum | null, valueRequired: boolean, unit: MeasurementUnitsEnum | null, choices: { __typename: 'AttributeValueCountableConnection', pageInfo: { __typename: 'PageInfo', endCursor: string | null, hasNextPage: boolean, hasPreviousPage: boolean, startCursor: string | null }, edges: Array<{ __typename: 'AttributeValueCountableEdge', cursor: string, node: { __typename: 'AttributeValue', plainText: string | null, richText: any | null, id: string, name: string | null, slug: string | null, reference: string | null, boolean: boolean | null, date: any | null, dateTime: any | null, value: string | null, file: { __typename: 'File', url: string, contentType: string | null } | null } }> } | null }> | null }, channelListings: Array<{ __typename: 'ProductChannelListing', channel: { __typename: 'Channel', id: string, name: string, currencyCode: string } }> | null } | null, warehouses: { __typename: 'WarehouseCountableConnection', edges: Array<{ __typename: 'WarehouseCountableEdge', node: { __typename: 'Warehouse', id: string, name: string } }> } | null };
-
 export type SearchAttributesQueryVariables = Exact<{
   after?: InputMaybe<Scalars['String']>;
   first: Scalars['Int'];
diff --git a/src/misc.ts b/src/misc.ts
index 59d1dfd90..5cd4102f8 100644
--- a/src/misc.ts
+++ b/src/misc.ts
@@ -531,3 +531,6 @@ export const isInDevelopment =
 
 export type WithOptional<T, K extends keyof T> = Omit<T, K> &
   Partial<Pick<T, K>>;
+
+export const getBySlug = (slugToCompare: string) => (obj: { slug: string }) =>
+  obj.slug === slugToCompare;
diff --git a/src/products/components/ProductUpdatePage/ProductUpdatePage.test.tsx b/src/products/components/ProductUpdatePage/ProductUpdatePage.test.tsx
index f1581f9bd..8956cd83b 100644
--- a/src/products/components/ProductUpdatePage/ProductUpdatePage.test.tsx
+++ b/src/products/components/ProductUpdatePage/ProductUpdatePage.test.tsx
@@ -73,7 +73,6 @@ const props: ProductUpdatePageProps = {
   onSetDefaultVariant: () => undefined,
   onSubmit,
   onVariantReorder: () => undefined,
-  onVariantsAdd: () => undefined,
   onVariantEndPreorderDialogOpen: () => undefined,
   onWarehouseConfigure: () => undefined,
   openChannelsModal: () => undefined,
diff --git a/src/products/components/ProductUpdatePage/ProductUpdatePage.tsx b/src/products/components/ProductUpdatePage/ProductUpdatePage.tsx
index 721310300..893498684 100644
--- a/src/products/components/ProductUpdatePage/ProductUpdatePage.tsx
+++ b/src/products/components/ProductUpdatePage/ProductUpdatePage.tsx
@@ -114,7 +114,6 @@ export interface ProductUpdatePageProps extends ListActions, ChannelProps {
   fetchAttributeValues: (query: string, attributeId: string) => void;
   onAssignReferencesClick: (attribute: AttributeInput) => void;
   onCloseDialog: () => void;
-  onVariantsAdd: () => void;
   onVariantReorder: ReorderAction;
   onVariantEndPreorderDialogOpen: () => void;
   onImageDelete: (id: string) => () => void;
@@ -177,7 +176,6 @@ export const ProductUpdatePage: React.FC<ProductUpdatePageProps> = ({
   onSeoClick,
   onSubmit,
   channelsData,
-  onVariantsAdd,
   onSetDefaultVariant,
   onVariantReorder,
   onVariantEndPreorderDialogOpen,
@@ -389,7 +387,6 @@ export const ProductUpdatePage: React.FC<ProductUpdatePageProps> = ({
                       limits={limits}
                       variants={variants}
                       product={product}
-                      onVariantsAdd={onVariantsAdd}
                       onVariantReorder={onVariantReorder}
                       onSetDefaultVariant={onSetDefaultVariant}
                       toolbar={toolbar}
diff --git a/src/products/components/ProductVariantCreateDialog/ProductVariantCreateDialog.tsx b/src/products/components/ProductVariantCreateDialog/ProductVariantCreateDialog.tsx
deleted file mode 100644
index f0229cb9a..000000000
--- a/src/products/components/ProductVariantCreateDialog/ProductVariantCreateDialog.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import {
-  Dialog,
-  DialogActions,
-  DialogContent,
-  DialogTitle,
-  Typography,
-} from "@material-ui/core";
-import ConfirmButton from "@saleor/components/ConfirmButton";
-import Form from "@saleor/components/Form";
-import FormSpacer from "@saleor/components/FormSpacer";
-import RadioGroupField from "@saleor/components/RadioGroupField";
-import { buttonMessages } from "@saleor/intl";
-import React from "react";
-import { FormattedMessage } from "react-intl";
-
-import { messages } from "./messages";
-import { useStyles } from "./styles";
-import { ProductVariantCreateOptionEnum } from "./types";
-
-interface ProductVariantCreateDialogForm {
-  option: ProductVariantCreateOptionEnum;
-}
-
-export interface ProductVariantCreateDialogProps {
-  open: boolean;
-  onClose: () => void;
-  onConfirm: (option: ProductVariantCreateOptionEnum) => void;
-}
-
-const ProductVariantCreateDialog: React.FC<ProductVariantCreateDialogProps> = props => {
-  const { open, onConfirm, onClose } = props;
-
-  const classes = useStyles(props);
-
-  const initialForm = {
-    option: ProductVariantCreateOptionEnum.MULTIPLE,
-  };
-
-  const handleSubmit = (form: ProductVariantCreateDialogForm) => {
-    onConfirm(form.option);
-  };
-
-  const options = [
-    {
-      title: messages.optionMultipleTitle,
-      subtitle: messages.optionMultipleDescription,
-      type: ProductVariantCreateOptionEnum.MULTIPLE,
-    },
-    {
-      title: messages.optionSingleTitle,
-      subtitle: messages.optionSingleDescription,
-      type: ProductVariantCreateOptionEnum.SINGLE,
-    },
-  ];
-
-  return (
-    <Dialog onClose={onClose} open={open}>
-      <Form initial={initialForm} onSubmit={handleSubmit}>
-        {({ change, data }) => (
-          <>
-            <DialogTitle>
-              <FormattedMessage {...messages.title} />
-            </DialogTitle>
-            <DialogContent className={classes.dialogContent}>
-              <Typography variant="body2">
-                <FormattedMessage {...messages.description} />
-              </Typography>
-              <FormSpacer />
-              <RadioGroupField
-                choices={options.map(option => ({
-                  label: (
-                    <div
-                      className={classes.option}
-                      data-test-id={`variant-create-option-${option.type}`}
-                    >
-                      <Typography variant="body1">
-                        <FormattedMessage {...option.title} />
-                      </Typography>
-                      <Typography color="textSecondary" variant="caption">
-                        <FormattedMessage {...option.subtitle} />
-                      </Typography>
-                    </div>
-                  ),
-                  value: option.type,
-                }))}
-                name="option"
-                value={data.option}
-                onChange={change}
-              />
-            </DialogContent>
-            <DialogActions>
-              <ConfirmButton
-                transitionState="default"
-                type="submit"
-                data-test-id="submit"
-              >
-                <FormattedMessage {...buttonMessages.create} />
-              </ConfirmButton>
-            </DialogActions>
-          </>
-        )}
-      </Form>
-    </Dialog>
-  );
-};
-ProductVariantCreateDialog.displayName = "ProductVariantCreateDialog";
-export default ProductVariantCreateDialog;
diff --git a/src/products/components/ProductVariantCreateDialog/index.ts b/src/products/components/ProductVariantCreateDialog/index.ts
deleted file mode 100644
index 6f4e84eb6..000000000
--- a/src/products/components/ProductVariantCreateDialog/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default } from "./ProductVariantCreateDialog";
-export * from "./ProductVariantCreateDialog";
diff --git a/src/products/components/ProductVariantCreateDialog/messages.ts b/src/products/components/ProductVariantCreateDialog/messages.ts
deleted file mode 100644
index 180374458..000000000
--- a/src/products/components/ProductVariantCreateDialog/messages.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { defineMessages } from "react-intl";
-
-export const messages = defineMessages({
-  title: {
-    id: "XDeh5D",
-    defaultMessage: "Create Variants",
-    description: "dialog header",
-  },
-  description: {
-    id: "W3JbSQ",
-    defaultMessage: "How would you like to create variants:",
-    description: "create product variants",
-  },
-  optionMultipleTitle: {
-    id: "uxZZXx",
-    defaultMessage: "Create multiple variant via variant creator",
-    description: "option",
-  },
-  optionMultipleDescription: {
-    id: "vXA5xU",
-    defaultMessage:
-      "Use variant creator to create matrix of selected attribute values to create variants",
-    description: "option description",
-  },
-  optionSingleTitle: {
-    id: "9EMudJ",
-    defaultMessage: "Create single variant",
-    description: "option",
-  },
-  optionSingleDescription: {
-    id: "EzU7KV",
-    defaultMessage: "Create new variant using variant details view",
-    description: "option description",
-  },
-});
diff --git a/src/products/components/ProductVariantCreateDialog/styles.ts b/src/products/components/ProductVariantCreateDialog/styles.ts
deleted file mode 100644
index 15b7fdbb9..000000000
--- a/src/products/components/ProductVariantCreateDialog/styles.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { makeStyles } from "@saleor/macaw-ui";
-
-export const useStyles = makeStyles(
-  theme => ({
-    option: {
-      marginBottom: theme.spacing(2),
-      width: 400,
-    },
-    dialogContent: {
-      padding: 0,
-    },
-  }),
-  { name: "ProductVariantCreateDialog" },
-);
diff --git a/src/products/components/ProductVariantCreateDialog/types.ts b/src/products/components/ProductVariantCreateDialog/types.ts
deleted file mode 100644
index 11d98b17a..000000000
--- a/src/products/components/ProductVariantCreateDialog/types.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export enum ProductVariantCreateOptionEnum {
-  MULTIPLE = "multiple",
-  SINGLE = "single",
-}
diff --git a/src/products/components/ProductVariantCreatorPage/ProductVariantCreator.stories.tsx b/src/products/components/ProductVariantCreatorPage/ProductVariantCreator.stories.tsx
deleted file mode 100644
index 4b8c7d81c..000000000
--- a/src/products/components/ProductVariantCreatorPage/ProductVariantCreator.stories.tsx
+++ /dev/null
@@ -1,216 +0,0 @@
-import { attributes } from "@saleor/attributes/fixtures";
-import { productChannels } from "@saleor/channels/fixtures";
-import Container from "@saleor/components/Container";
-import { fetchMoreProps, limitsReached } from "@saleor/fixtures";
-import { BulkProductErrorFragment, ProductErrorCode } from "@saleor/graphql";
-import { warehouseList } from "@saleor/warehouses/fixtures";
-import { storiesOf } from "@storybook/react";
-import React from "react";
-
-import Decorator from "../../../storybook/Decorator";
-import { createVariants } from "./createVariants";
-import {
-  ChannelPrice,
-  Price,
-  ProductVariantCreateFormData,
-  Stock,
-} from "./form";
-import ProductVariantCreatorContent, {
-  ProductVariantCreatorContentProps,
-} from "./ProductVariantCreatorContent";
-import ProductVariantCreatorPage from "./ProductVariantCreatorPage";
-import { ProductVariantCreatorStep } from "./types";
-
-const selectedAttributes = [1, 4, 5].map(index => attributes[index]);
-const selectedWarehouses = [0, 1, 3].map(index => warehouseList[index]);
-
-const channels: ChannelPrice[] = productChannels.map(channel => ({
-  channelId: channel.channel.id,
-  price: channel.pricing?.priceRange?.start?.net.amount.toString(),
-}));
-
-const price: Price = {
-  attribute: selectedAttributes[0].id,
-  channels,
-  mode: "attribute",
-  values: selectedAttributes[0].choices.edges.map(attribute => ({
-    slug: attribute.node.slug,
-    value: channels,
-  })),
-};
-
-const stock: Stock = {
-  attribute: selectedAttributes[0].id,
-  mode: "attribute",
-  value: selectedWarehouses.map(
-    (_, warehouseIndex) => (warehouseIndex + 2) * 3,
-  ),
-  values: selectedAttributes[0].choices.edges.map(
-    (attribute, attributeIndex) => ({
-      slug: attribute.node.slug,
-      value: selectedWarehouses.map(
-        (_, warehouseIndex) =>
-          selectedAttributes.length * 10 - attributeIndex - warehouseIndex * 3,
-      ),
-    }),
-  ),
-};
-
-const dataAttributes = selectedAttributes.map(attribute => ({
-  id: attribute.id,
-  valueRequired: attribute.valueRequired,
-  values: attribute.choices.edges
-    .map(value => ({
-      slug: value.node.slug,
-      value: value.node,
-    }))
-    .filter((_, valueIndex) => valueIndex % 2 !== 1),
-}));
-
-const errors: BulkProductErrorFragment[] = [
-  {
-    __typename: "BulkProductError",
-    channels: [channels[0].channelId],
-    code: ProductErrorCode.UNIQUE,
-    field: "sku",
-    index: 3,
-    message: "Uniwue bulk product error",
-  },
-];
-
-const data: ProductVariantCreateFormData = {
-  attributes: dataAttributes,
-  price,
-  stock,
-  variants: createVariants({
-    attributes: dataAttributes,
-    price,
-    stock,
-    variants: [],
-    warehouses: selectedWarehouses.map(warehouse => warehouse.id),
-  }),
-  warehouses: selectedWarehouses.map(warehouse => warehouse.id),
-};
-const props: ProductVariantCreatorContentProps = {
-  attributes: [0, 1, 4, 6].map(index => attributes[index]),
-  attributeValues: [],
-  fetchAttributeValues: () => undefined,
-  fetchMoreAttributeValues: fetchMoreProps,
-  channelListings: productChannels.map(listing => ({
-    currency: listing.pricing?.priceRange?.start?.net.currency,
-    id: listing.channel.id,
-    name: listing.channel.name,
-    price: listing.pricing?.priceRange?.start?.net?.amount.toString() || "",
-  })),
-  data: {
-    ...data,
-    variants: createVariants(data),
-  },
-  dispatchFormDataAction: () => undefined,
-  errors: [],
-  variantsLeft: 6,
-  step: ProductVariantCreatorStep.values,
-  warehouses: warehouseList,
-  onAttributeSelectBlur: () => undefined,
-};
-
-storiesOf("Views / Products / Create multiple variants", module)
-  .addDecorator(storyFn => <Container>{storyFn()}</Container>)
-  .addDecorator(Decorator)
-  .add("choose values", () => <ProductVariantCreatorContent {...props} />);
-
-storiesOf(
-  "Views / Products / Create multiple variants / prices and SKUs",
-  module,
-)
-  .addDecorator(storyFn => <Container>{storyFn()}</Container>)
-  .addDecorator(Decorator)
-  .add("apply to all", () => (
-    <ProductVariantCreatorContent
-      {...props}
-      data={{
-        ...data,
-        stock: {
-          ...data.stock,
-          mode: "all",
-        },
-      }}
-      step={ProductVariantCreatorStep.prices}
-    />
-  ))
-  .add("apply to all when one warehouse", () => (
-    <ProductVariantCreatorContent
-      {...props}
-      data={{
-        ...data,
-        stock: {
-          ...data.stock,
-          mode: "all",
-        },
-        warehouses: [data.warehouses[0]],
-      }}
-      step={ProductVariantCreatorStep.prices}
-      warehouses={[props.warehouses[0]]}
-    />
-  ))
-  .add("apply to attribute", () => (
-    <ProductVariantCreatorContent
-      {...props}
-      step={ProductVariantCreatorStep.prices}
-    />
-  ))
-  .add("apply to attribute when one warehouse", () => (
-    <ProductVariantCreatorContent
-      {...props}
-      data={{
-        ...data,
-        warehouses: [data.warehouses[0]],
-      }}
-      step={ProductVariantCreatorStep.prices}
-      warehouses={[props.warehouses[0]]}
-    />
-  ))
-  .add("ship when no warehouses", () => (
-    <ProductVariantCreatorContent
-      {...props}
-      data={{
-        ...data,
-        warehouses: [],
-      }}
-      step={ProductVariantCreatorStep.prices}
-      warehouses={[]}
-    />
-  ));
-
-storiesOf("Views / Products / Create multiple variants / summary", module)
-  .addDecorator(storyFn => <Container>{storyFn()}</Container>)
-  .addDecorator(Decorator)
-  .add("default", () => (
-    <ProductVariantCreatorContent
-      {...props}
-      step={ProductVariantCreatorStep.summary}
-    />
-  ))
-  .add("errors", () => (
-    <ProductVariantCreatorContent
-      {...props}
-      step={ProductVariantCreatorStep.summary}
-      errors={errors}
-    />
-  ));
-
-storiesOf("Views / Products / Create multiple variants", module)
-  .addDecorator(Decorator)
-  .add("interactive", () => (
-    <ProductVariantCreatorPage
-      {...props}
-      limits={{
-        ...limitsReached,
-        currentUsage: {
-          ...limitsReached.currentUsage,
-          productVariants: limitsReached.currentUsage.productVariants - 6,
-        },
-      }}
-      onSubmit={() => undefined}
-    />
-  ));
diff --git a/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorContent.tsx b/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorContent.tsx
deleted file mode 100644
index cd24ce612..000000000
--- a/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorContent.tsx
+++ /dev/null
@@ -1,217 +0,0 @@
-import { ChannelPriceData } from "@saleor/channels/utils";
-import {
-  BulkProductErrorFragment,
-  ProductVariantAttributesFragment,
-  SearchAttributeValuesQuery,
-  WarehouseFragment,
-} from "@saleor/graphql";
-import { FetchMoreProps, RelayToFlat } from "@saleor/types";
-import { isSelected } from "@saleor/utils/lists";
-import React from "react";
-
-import { ProductVariantCreateFormData } from "./form";
-import ProductVariantCreatorPriceAndSku from "./ProductVariantCreatorPriceAndSku";
-import ProductVariantCreatorSummary from "./ProductVariantCreatorSummary";
-import ProductVariantCreatorValues from "./ProductVariantCreatorValues";
-import {
-  ProductVariantCreateReducerAction,
-  ProductVariantCreateReducerActionType,
-} from "./reducer";
-import { ProductVariantCreatorStep } from "./types";
-
-export interface ProductVariantCreatorContentProps {
-  attributes: ProductVariantAttributesFragment["productType"]["variantAttributes"];
-  attributeValues: RelayToFlat<
-    SearchAttributeValuesQuery["attribute"]["choices"]
-  >;
-  channelListings: ChannelPriceData[];
-  data: ProductVariantCreateFormData;
-  dispatchFormDataAction: React.Dispatch<ProductVariantCreateReducerAction>;
-  errors: BulkProductErrorFragment[];
-  step: ProductVariantCreatorStep;
-  variantsLeft: number | null;
-  warehouses: WarehouseFragment[];
-  fetchAttributeValues: (query: string, attributeId: string) => void;
-  fetchMoreAttributeValues?: FetchMoreProps;
-  onAttributeSelectBlur: () => void;
-}
-
-const ProductVariantCreatorContent: React.FC<ProductVariantCreatorContentProps> = ({
-  attributes,
-  attributeValues,
-  fetchAttributeValues,
-  fetchMoreAttributeValues,
-  channelListings,
-  data,
-  dispatchFormDataAction,
-  errors,
-  step,
-  variantsLeft,
-  warehouses,
-  onAttributeSelectBlur,
-}) => {
-  const selectedAttributes = attributes.filter(attribute =>
-    isSelected(
-      attribute.id,
-      data.attributes.map(dataAttribute => dataAttribute.id),
-      (a, b) => a === b,
-    ),
-  );
-
-  return (
-    <>
-      {step === ProductVariantCreatorStep.values && (
-        <ProductVariantCreatorValues
-          attributes={selectedAttributes}
-          attributeValues={attributeValues}
-          fetchAttributeValues={fetchAttributeValues}
-          fetchMoreAttributeValues={fetchMoreAttributeValues}
-          data={data}
-          variantsLeft={variantsLeft}
-          onValueClick={(attributeId, value) =>
-            dispatchFormDataAction({
-              selectValue: {
-                attributeId,
-                value,
-              },
-              type: ProductVariantCreateReducerActionType.selectValue,
-            })
-          }
-          onValueBlur={onAttributeSelectBlur}
-        />
-      )}
-      {step === ProductVariantCreatorStep.prices && (
-        <ProductVariantCreatorPriceAndSku
-          attributes={selectedAttributes}
-          data={data}
-          channelListings={channelListings}
-          warehouses={warehouses}
-          onApplyToAllChange={(mode, type) =>
-            dispatchFormDataAction({
-              applyPriceOrStockToAll: {
-                mode,
-              },
-              type:
-                type === "price"
-                  ? ProductVariantCreateReducerActionType.applyPriceToAll
-                  : ProductVariantCreateReducerActionType.applyStockToAll,
-            })
-          }
-          onApplyToAllPriceChange={(channelId, price) =>
-            dispatchFormDataAction({
-              changeApplyPriceToAllValue: {
-                channelId,
-                price,
-              },
-              type:
-                ProductVariantCreateReducerActionType.changeApplyPriceToAllValue,
-            })
-          }
-          onApplyToAllStockChange={(quantity, warehouseIndex) =>
-            dispatchFormDataAction({
-              changeApplyStockToAllValue: {
-                quantity,
-                warehouseIndex,
-              },
-              type:
-                ProductVariantCreateReducerActionType.changeApplyStockToAllValue,
-            })
-          }
-          onAttributeSelect={(attributeId, type) =>
-            dispatchFormDataAction({
-              changeApplyPriceOrStockToAttributeId: {
-                attributeId,
-              },
-              type:
-                type === "price"
-                  ? ProductVariantCreateReducerActionType.changeApplyPriceToAttributeId
-                  : ProductVariantCreateReducerActionType.changeApplyStockToAttributeId,
-            })
-          }
-          onAttributePriceChange={(valueId, price, channelId) =>
-            dispatchFormDataAction({
-              changeAttributeValuePrice: {
-                channelId,
-                price,
-                valueId,
-              },
-              type:
-                ProductVariantCreateReducerActionType.changeAttributeValuePrice,
-            })
-          }
-          onAttributeStockChange={(valueId, quantity, warehouseIndex) =>
-            dispatchFormDataAction({
-              changeAttributeValueStock: {
-                quantity,
-                valueId,
-                warehouseIndex,
-              },
-              type:
-                ProductVariantCreateReducerActionType.changeAttributeValueStock,
-            })
-          }
-          onWarehouseToggle={warehouseId =>
-            dispatchFormDataAction({
-              changeWarehouses: {
-                warehouseId,
-              },
-              type: ProductVariantCreateReducerActionType.changeWarehouses,
-            })
-          }
-        />
-      )}
-      {step === ProductVariantCreatorStep.summary && (
-        <ProductVariantCreatorSummary
-          attributes={selectedAttributes}
-          channelListings={channelListings}
-          data={data}
-          errors={errors}
-          onVariantSkuChange={(variantIndex, value) =>
-            dispatchFormDataAction({
-              changeVariantSku: {
-                value,
-                variantIndex,
-              },
-              type: ProductVariantCreateReducerActionType.changeVariantSku,
-            })
-          }
-          onVariantPriceDataChange={(variantIndex, value) =>
-            dispatchFormDataAction({
-              changeVariantPriceData: {
-                value,
-                variantIndex,
-              },
-              type:
-                ProductVariantCreateReducerActionType.changeVariantPriceData,
-            })
-          }
-          onVariantStockDataChange={(variantIndex, warehouse, value) =>
-            dispatchFormDataAction({
-              changeVariantStockData: {
-                stock: {
-                  quantity: parseInt(value, 10),
-                  warehouse,
-                },
-                variantIndex,
-              },
-              type:
-                ProductVariantCreateReducerActionType.changeVariantStockData,
-            })
-          }
-          onVariantDelete={variantIndex =>
-            dispatchFormDataAction({
-              deleteVariant: {
-                variantIndex,
-              },
-              type: ProductVariantCreateReducerActionType.deleteVariant,
-            })
-          }
-          warehouses={warehouses}
-        />
-      )}
-    </>
-  );
-};
-
-ProductVariantCreatorContent.displayName = "ProductVariantCreatorContent";
-export default ProductVariantCreatorContent;
diff --git a/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorPage.tsx b/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorPage.tsx
deleted file mode 100644
index b7fc5c692..000000000
--- a/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorPage.tsx
+++ /dev/null
@@ -1,270 +0,0 @@
-import { Typography } from "@material-ui/core";
-import { Button } from "@saleor/components/Button";
-import Container from "@saleor/components/Container";
-import Hr from "@saleor/components/Hr";
-import PageHeader from "@saleor/components/PageHeader";
-import {
-  ProductVariantBulkCreateInput,
-  RefreshLimitsQuery,
-} from "@saleor/graphql";
-import { SubmitPromise } from "@saleor/hooks/useForm";
-import useWizard from "@saleor/hooks/useWizard";
-import { makeStyles } from "@saleor/macaw-ui";
-import { validatePrice } from "@saleor/products/utils/validation";
-import React from "react";
-import { FormattedMessage, IntlShape, useIntl } from "react-intl";
-
-import { createInitialForm, ProductVariantCreateFormData } from "./form";
-import ProductVariantCreatorContent, {
-  ProductVariantCreatorContentProps,
-} from "./ProductVariantCreatorContent";
-import ProductVariantCreateTabs from "./ProductVariantCreatorTabs";
-import { getVariantsNumber } from "./ProductVariantCreatorValues";
-import reduceProductVariantCreateFormData, {
-  ProductVariantCreateReducerActionType,
-} from "./reducer";
-import { ProductVariantCreatorStep } from "./types";
-import { dedupeListings } from "./utils";
-
-const useStyles = makeStyles(
-  theme => ({
-    button: {
-      marginLeft: theme.spacing(2),
-    },
-    content: {
-      overflowX: "visible",
-    },
-    description: {
-      marginTop: theme.spacing(),
-    },
-    hr: {
-      margin: theme.spacing(3, 0),
-    },
-  }),
-  { name: "ProductVariantCreatePage" },
-);
-
-function canHitNext(
-  step: ProductVariantCreatorStep,
-  data: ProductVariantCreateFormData,
-  variantsLeft: number | null,
-): boolean {
-  switch (step) {
-    case ProductVariantCreatorStep.values:
-      return (
-        data.attributes.every(
-          attribute => !attribute.valueRequired || attribute.values.length > 0,
-        ) &&
-        (variantsLeft === null || getVariantsNumber(data) <= variantsLeft)
-      );
-    case ProductVariantCreatorStep.prices:
-      if (data.price.mode === "all") {
-        if (data.price.channels.some(channel => validatePrice(channel.price))) {
-          return false;
-        }
-      } else if (data.price.mode === "attribute") {
-        if (
-          !data.price.attribute ||
-          data.price.values.some(
-            attribute =>
-              attribute.value.length < data.price.channels.length ||
-              attribute.value.some(channel => validatePrice(channel.price)),
-          )
-        ) {
-          return false;
-        }
-      }
-
-      if (data.stock.mode === "attribute" && data.stock.attribute === "") {
-        return false;
-      }
-
-      return true;
-    case ProductVariantCreatorStep.summary:
-      return !data.variants.some(variant =>
-        variant.channelListings.some(channel => validatePrice(channel.price)),
-      );
-
-    default:
-      return false;
-  }
-}
-
-export interface ProductVariantCreatePageProps
-  extends Omit<
-    ProductVariantCreatorContentProps,
-    "data" | "dispatchFormDataAction" | "step" | "variantsLeft" | "onStepClick"
-  > {
-  limits: RefreshLimitsQuery["shop"]["limits"];
-  onSubmit: (data: ProductVariantBulkCreateInput[]) => SubmitPromise;
-}
-
-function getTitle(step: ProductVariantCreatorStep, intl: IntlShape): string {
-  switch (step) {
-    case ProductVariantCreatorStep.values:
-      return intl.formatMessage({
-        id: "NXpFlL",
-        defaultMessage: "Choose Values",
-        description: "product attribute values, page title",
-      });
-    case ProductVariantCreatorStep.prices:
-      return intl.formatMessage({
-        id: "7WEC+G",
-        defaultMessage: "Price and SKUs",
-        description: "page title",
-      });
-    case ProductVariantCreatorStep.summary:
-      return intl.formatMessage({
-        id: "g1WQlC",
-        defaultMessage: "Summary",
-        description: "page title",
-      });
-  }
-}
-
-function getDescription(
-  step: ProductVariantCreatorStep,
-  intl: IntlShape,
-): string {
-  switch (step) {
-    case ProductVariantCreatorStep.values:
-      return intl.formatMessage({
-        id: "ClFzoD",
-        defaultMessage:
-          "Selected values will be used to create variants for the configurable product.",
-      });
-    case ProductVariantCreatorStep.prices:
-      return intl.formatMessage({
-        id: "iigydN",
-        defaultMessage:
-          "Based on your selections we will create 8 products. Use this step to customize price and stocks for your new products.",
-      });
-    case ProductVariantCreatorStep.summary:
-      return intl.formatMessage({
-        id: "rHXF43",
-        defaultMessage:
-          "Here is the summary of variants that will be created. You can change prices, stocks an SKU for each one created.",
-      });
-  }
-}
-
-const ProductVariantCreatePage: React.FC<ProductVariantCreatePageProps> = props => {
-  const {
-    attributes,
-    channelListings,
-    errors,
-    limits,
-    onSubmit,
-    warehouses,
-    ...contentProps
-  } = props;
-  const classes = useStyles(props);
-  const intl = useIntl();
-  const [wizardData, dispatchFormDataAction] = React.useReducer(
-    reduceProductVariantCreateFormData,
-    createInitialForm(attributes, channelListings, warehouses),
-  );
-  const [step, { next: nextStep, prev: prevStep, set: setStep }] = useWizard<
-    ProductVariantCreatorStep
-  >(
-    ProductVariantCreatorStep.values,
-    [
-      ProductVariantCreatorStep.values,
-      ProductVariantCreatorStep.prices,
-      ProductVariantCreatorStep.summary,
-    ],
-    {
-      onTransition: (_, nextStep) => {
-        if (nextStep === ProductVariantCreatorStep.summary) {
-          dispatchFormDataAction({
-            type: ProductVariantCreateReducerActionType.rebuild,
-          });
-        }
-      },
-    },
-  );
-  const reloadForm = () =>
-    dispatchFormDataAction({
-      reload: {
-        data: createInitialForm(attributes, channelListings, warehouses),
-      },
-      type: ProductVariantCreateReducerActionType.reload,
-    });
-
-  React.useEffect(reloadForm, [attributes.length, warehouses.length]);
-
-  const variantsLeft = limits?.allowedUsage.productVariants
-    ? limits.allowedUsage.productVariants - limits.currentUsage.productVariants
-    : null;
-
-  return (
-    <Container>
-      <ProductVariantCreateTabs step={step} onStepClick={setStep} />
-      <PageHeader
-        title={
-          <>
-            {getTitle(step, intl)}
-            <Typography className={classes.description} variant="body2">
-              {getDescription(step, intl)}
-            </Typography>
-          </>
-        }
-      >
-        {step !== ProductVariantCreatorStep.values && (
-          <Button className={classes.button} onClick={prevStep}>
-            <FormattedMessage
-              id="esg2wu"
-              defaultMessage="Previous"
-              description="previous step, button"
-            />
-          </Button>
-        )}
-        {step !== ProductVariantCreatorStep.summary ? (
-          <Button
-            data-test-id="next-step"
-            className={classes.button}
-            disabled={!canHitNext(step, wizardData, variantsLeft)}
-            variant="primary"
-            onClick={nextStep}
-          >
-            <FormattedMessage
-              id="+bFHzi"
-              defaultMessage="Next"
-              description="button"
-            />
-          </Button>
-        ) : (
-          <Button
-            className={classes.button}
-            disabled={!canHitNext(step, wizardData, variantsLeft)}
-            variant="primary"
-            onClick={() => onSubmit(dedupeListings(wizardData).variants)}
-          >
-            <FormattedMessage
-              id="Q3j++G"
-              defaultMessage="Create"
-              description="create multiple variants, button"
-            />
-          </Button>
-        )}
-      </PageHeader>
-      <Hr className={classes.hr} />
-      <div className={classes.content}>
-        <ProductVariantCreatorContent
-          {...contentProps}
-          attributes={attributes}
-          channelListings={channelListings}
-          data={wizardData}
-          dispatchFormDataAction={dispatchFormDataAction}
-          errors={errors}
-          variantsLeft={variantsLeft}
-          step={step}
-          warehouses={warehouses}
-        />
-      </div>
-    </Container>
-  );
-};
-
-ProductVariantCreatePage.displayName = "ProductVariantCreatePage";
-export default ProductVariantCreatePage;
diff --git a/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorPriceAndSku.tsx b/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorPriceAndSku.tsx
deleted file mode 100644
index c217f83c2..000000000
--- a/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorPriceAndSku.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import { ChannelPriceData } from "@saleor/channels/utils";
-import CardSpacer from "@saleor/components/CardSpacer";
-import {
-  ProductVariantAttributesFragment,
-  WarehouseFragment,
-} from "@saleor/graphql";
-import React from "react";
-
-import {
-  ProductVariantCreateFormData,
-  VariantCreatorPricesAndSkuMode,
-} from "./form";
-import ProductVariantCreatorPrices from "./ProductVariantCreatorPrices";
-import ProductVariantCreatorStock from "./ProductVariantCreatorStock";
-
-export type PriceOrStock = "price" | "stock";
-export interface ProductVariantCreatorPriceAndSkuProps {
-  attributes: ProductVariantAttributesFragment["productType"]["variantAttributes"];
-  channelListings: ChannelPriceData[];
-  data: ProductVariantCreateFormData;
-  warehouses: WarehouseFragment[];
-  onApplyToAllChange: (
-    value: VariantCreatorPricesAndSkuMode,
-    type: PriceOrStock,
-  ) => void;
-  onApplyToAllPriceChange: (channelId: string, value: string) => void;
-  onApplyToAllStockChange: (quantity: number, warehouseIndex: number) => void;
-  onAttributeSelect: (id: string, type: PriceOrStock) => void;
-  onAttributePriceChange: (
-    id: string,
-    value: string,
-    channelId: string,
-  ) => void;
-  onAttributeStockChange: (
-    id: string,
-    quantity: number,
-    warehouseIndex: number,
-  ) => void;
-  onWarehouseToggle: (id: string) => void;
-}
-
-const ProductVariantCreatorPriceAndSku: React.FC<ProductVariantCreatorPriceAndSkuProps> = ({
-  attributes,
-  channelListings,
-  data,
-  warehouses,
-  onApplyToAllChange,
-  onApplyToAllPriceChange,
-  onApplyToAllStockChange,
-  onAttributeSelect,
-  onAttributePriceChange,
-  onAttributeStockChange,
-  onWarehouseToggle,
-}) => (
-  <>
-    <ProductVariantCreatorPrices
-      attributes={attributes}
-      channelListings={channelListings}
-      data={data}
-      onApplyToAllChange={value => onApplyToAllChange(value, "price")}
-      onApplyToAllPriceChange={onApplyToAllPriceChange}
-      onAttributeSelect={id => onAttributeSelect(id, "price")}
-      onAttributeValueChange={onAttributePriceChange}
-    />
-    <CardSpacer />
-    <ProductVariantCreatorStock
-      attributes={attributes}
-      data={data}
-      warehouses={warehouses}
-      onApplyToAllChange={value => onApplyToAllChange(value, "stock")}
-      onApplyToAllStockChange={onApplyToAllStockChange}
-      onAttributeSelect={id => onAttributeSelect(id, "stock")}
-      onAttributeValueChange={onAttributeStockChange}
-      onWarehouseToggle={onWarehouseToggle}
-    />
-  </>
-);
-
-ProductVariantCreatorPriceAndSku.displayName =
-  "ProductVariantCreatorPriceAndSku";
-export default ProductVariantCreatorPriceAndSku;
diff --git a/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorPrices.tsx b/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorPrices.tsx
deleted file mode 100644
index b4924eca7..000000000
--- a/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorPrices.tsx
+++ /dev/null
@@ -1,250 +0,0 @@
-import {
-  Card,
-  CardContent,
-  FormControlLabel,
-  Radio,
-  RadioGroup,
-  Typography,
-} from "@material-ui/core";
-import { ChannelPriceData } from "@saleor/channels/utils";
-import CardTitle from "@saleor/components/CardTitle";
-import FormSpacer from "@saleor/components/FormSpacer";
-import Grid from "@saleor/components/Grid";
-import Hr from "@saleor/components/Hr";
-import PriceField from "@saleor/components/PriceField";
-import SingleSelectField from "@saleor/components/SingleSelectField";
-import { ProductVariantAttributesFragment } from "@saleor/graphql";
-import { makeStyles } from "@saleor/macaw-ui";
-import React from "react";
-import { defineMessages, FormattedMessage, useIntl } from "react-intl";
-
-import {
-  ProductVariantCreateFormData,
-  VariantCreatorPricesAndSkuMode,
-} from "./form";
-import { getPriceAttributeValues } from "./utils";
-
-const messages = defineMessages({
-  price: {
-    id: "OgFBAj",
-    defaultMessage: "Price",
-    description: "input label",
-  },
-});
-
-const useStyles = makeStyles(
-  theme => ({
-    attrInputsContainer: {
-      display: "grid",
-      gap: theme.spacing(2),
-      gridTemplateColumns:
-        "minmax(80px, 150px) repeat(auto-fit, minmax(150px, 250px))",
-    },
-    channelName: {
-      marginBottom: theme.spacing(1),
-    },
-    container: {
-      display: "block",
-    },
-    hr: {
-      marginBottom: theme.spacing(),
-      marginTop: theme.spacing(0.5),
-    },
-    hrAttribute: {
-      marginTop: theme.spacing(2),
-    },
-    inputsContainer: {
-      display: "grid",
-      gap: theme.spacing(2),
-      gridTemplateColumns: "repeat(auto-fit, minmax(150px, 250px))",
-    },
-    label: {
-      alignSelf: "center",
-    },
-  }),
-  { name: "ProductVariantCreatorPrices" },
-);
-
-export interface ProductVariantCreatorPricesProps {
-  attributes: ProductVariantAttributesFragment["productType"]["variantAttributes"];
-  channelListings: ChannelPriceData[];
-  data: ProductVariantCreateFormData;
-  onApplyToAllChange: (applyToAll: VariantCreatorPricesAndSkuMode) => void;
-  onApplyToAllPriceChange: (channelId: string, value: string) => void;
-  onAttributeSelect: (id: string) => void;
-  onAttributeValueChange: (
-    id: string,
-    value: string,
-    channelId: string,
-  ) => void;
-}
-
-const ProductVariantCreatorPrices: React.FC<ProductVariantCreatorPricesProps> = props => {
-  const {
-    attributes,
-    channelListings,
-    data,
-    onApplyToAllChange,
-    onApplyToAllPriceChange,
-    onAttributeSelect,
-    onAttributeValueChange,
-  } = props;
-  const classes = useStyles(props);
-  const intl = useIntl();
-
-  const attributeChoices = attributes.map(attribute => ({
-    label: attribute.name,
-    value: attribute.id,
-  }));
-  const priceAttributeValues = getPriceAttributeValues(data, attributes);
-
-  return (
-    <Card>
-      <CardTitle
-        title={intl.formatMessage({
-          id: "TPCRKr",
-          defaultMessage: "Price",
-          description: "variant price, header",
-        })}
-      />
-      <CardContent>
-        <RadioGroup className={classes.container} value={data.price.mode}>
-          <FormControlLabel
-            value="all"
-            control={<Radio color="primary" />}
-            label={intl.formatMessage({
-              id: "lra7Ej",
-              defaultMessage: "Apply single price to all SKUs",
-            })}
-            onChange={() => onApplyToAllChange("all")}
-          />
-          {data.price.mode === "all" && (
-            <>
-              <FormSpacer />
-              <div className={classes.inputsContainer}>
-                {channelListings?.map(listing => (
-                  <div key={listing.id}>
-                    <Typography
-                      variant="caption"
-                      className={classes.channelName}
-                    >
-                      {listing.name}
-                    </Typography>
-                    <PriceField
-                      name={`${listing.id}-variant-channel-price`}
-                      value={
-                        data.price.channels.find(
-                          channel => channel.channelId === listing.id,
-                        )?.price
-                      }
-                      label={intl.formatMessage(messages.price)}
-                      currencySymbol={listing.currency}
-                      onChange={event =>
-                        onApplyToAllPriceChange(listing.id, event.target.value)
-                      }
-                    />
-                  </div>
-                ))}
-              </div>
-            </>
-          )}
-          <FormSpacer />
-          <FormControlLabel
-            value="attribute"
-            control={<Radio color="primary" />}
-            label={intl.formatMessage({
-              id: "EGG8f+",
-              defaultMessage: "Apply unique prices by attribute to each SKU",
-            })}
-            onChange={() => onApplyToAllChange("attribute")}
-          />
-          {data.price.mode === "attribute" && (
-            <>
-              <FormSpacer />
-              <Grid variant="uniform">
-                <div className={classes.label}>
-                  <Typography>
-                    <FormattedMessage
-                      id="ucYPtV"
-                      defaultMessage="Choose attribute"
-                      description="variant attribute"
-                    />
-                  </Typography>
-                </div>
-                <div>
-                  <SingleSelectField
-                    choices={attributeChoices}
-                    label={intl.formatMessage({
-                      id: "lVZ5n7",
-                      defaultMessage: "Attribute",
-                      description: "variant attribute",
-                    })}
-                    value={data.price.attribute}
-                    onChange={event => onAttributeSelect(event.target.value)}
-                  />
-                </div>
-              </Grid>
-              {priceAttributeValues &&
-                priceAttributeValues.map(attributeValue => {
-                  const attributesChannels = data.price.values.find(
-                    value => value.slug === attributeValue.slug,
-                  ).value;
-                  return (
-                    <React.Fragment key={attributeValue.id}>
-                      <Hr className={classes.hrAttribute} />
-                      <FormSpacer />
-                      <div className={classes.attrInputsContainer}>
-                        <div className={classes.label}>
-                          <Typography>{attributeValue.name}</Typography>
-                        </div>
-                        {channelListings?.map(listing => (
-                          <div key={listing.id}>
-                            <Typography
-                              variant="caption"
-                              className={classes.channelName}
-                            >
-                              {listing.name}
-                            </Typography>
-                            <PriceField
-                              label={intl.formatMessage(messages.price)}
-                              currencySymbol={listing.currency}
-                              value={
-                                attributesChannels.find(
-                                  attrChannel =>
-                                    attrChannel.channelId === listing.id,
-                                )?.price || ""
-                              }
-                              onChange={event =>
-                                onAttributeValueChange(
-                                  attributeValue.slug,
-                                  event.target.value,
-                                  listing.id,
-                                )
-                              }
-                            />
-                          </div>
-                        ))}
-                      </div>
-                    </React.Fragment>
-                  );
-                })}
-            </>
-          )}
-          <FormSpacer />
-          <FormControlLabel
-            value="skip"
-            control={<Radio color="primary" />}
-            label={intl.formatMessage({
-              id: "J0UdxG",
-              defaultMessage: "Skip pricing for now",
-            })}
-            onChange={() => onApplyToAllChange("skip")}
-          />
-        </RadioGroup>
-      </CardContent>
-    </Card>
-  );
-};
-
-ProductVariantCreatorPrices.displayName = "ProductVariantCreatorPrices";
-export default ProductVariantCreatorPrices;
diff --git a/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorStock.tsx b/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorStock.tsx
deleted file mode 100644
index 174dadd64..000000000
--- a/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorStock.tsx
+++ /dev/null
@@ -1,343 +0,0 @@
-import {
-  Card,
-  CardContent,
-  FormControlLabel,
-  Radio,
-  RadioGroup,
-  TextField,
-  Typography,
-} from "@material-ui/core";
-import CardSpacer from "@saleor/components/CardSpacer";
-import CardTitle from "@saleor/components/CardTitle";
-import ControlledCheckbox from "@saleor/components/ControlledCheckbox";
-import FormSpacer from "@saleor/components/FormSpacer";
-import Hr from "@saleor/components/Hr";
-import SingleSelectField from "@saleor/components/SingleSelectField";
-import {
-  ProductVariantAttributesFragment,
-  WarehouseFragment,
-} from "@saleor/graphql";
-import { makeStyles } from "@saleor/macaw-ui";
-import { isSelected } from "@saleor/utils/lists";
-import React from "react";
-import { defineMessages, FormattedMessage, useIntl } from "react-intl";
-
-import {
-  ProductVariantCreateFormData,
-  VariantCreatorPricesAndSkuMode,
-} from "./form";
-import { getStockAttributeValues } from "./utils";
-
-const messages = defineMessages({
-  stock: {
-    id: "vuKrlW",
-    defaultMessage: "Stock",
-  },
-});
-
-const useStyles = makeStyles(
-  theme => ({
-    attributeStockContainer: {
-      columnGap: theme.spacing(3),
-      display: "grid",
-      gridTemplateColumns: ({ data }: ProductVariantCreatorStockProps) =>
-        `150px repeat(${data.warehouses.length}, 288px)`,
-      rowGap: theme.spacing(2),
-    },
-    attributeStockScroll: {
-      overflowX: "scroll",
-      width: "100%",
-    },
-    hr: {
-      marginBottom: theme.spacing(),
-      marginTop: theme.spacing(0.5),
-    },
-    hrAttribute: {
-      marginTop: theme.spacing(2),
-    },
-    label: {
-      alignSelf: "center",
-    },
-    shortInput: {
-      width: "33%",
-    },
-    stockContainer: {
-      columnGap: theme.spacing(3),
-      display: "grid",
-      gridTemplateColumns: "repeat(3, 288px)",
-      marginTop: theme.spacing(2),
-      rowGap: theme.spacing(2),
-    },
-    stockHeader: {
-      marginBottom: theme.spacing(),
-    },
-    warehouseContainer: {
-      columnGap: theme.spacing(3),
-      display: "grid",
-      gridTemplateColumns: "repeat(4, 1fr)",
-      rowGap: theme.spacing(2),
-    },
-    warehouseHeader: {
-      marginBottom: theme.spacing(),
-    },
-    warehouseName: {
-      marginBottom: theme.spacing(),
-    },
-    warehouseSubheader: {
-      marginBottom: theme.spacing(2),
-    },
-  }),
-  { name: "ProductVariantCreatorStock" },
-);
-
-export interface ProductVariantCreatorStockProps {
-  attributes: ProductVariantAttributesFragment["productType"]["variantAttributes"];
-  data: ProductVariantCreateFormData;
-  warehouses: WarehouseFragment[];
-  onApplyToAllChange: (mode: VariantCreatorPricesAndSkuMode) => void;
-  onApplyToAllStockChange: (quantity: number, warehouseIndex: number) => void;
-  onAttributeSelect: (id: string) => void;
-  onAttributeValueChange: (
-    id: string,
-    quantity: number,
-    warehouseIndex: number,
-  ) => void;
-  onWarehouseToggle: (id: string) => void;
-}
-
-const ProductVariantCreatorStock: React.FC<ProductVariantCreatorStockProps> = props => {
-  const {
-    attributes,
-    data,
-    warehouses,
-    onApplyToAllChange,
-    onApplyToAllStockChange,
-    onAttributeSelect,
-    onAttributeValueChange,
-    onWarehouseToggle,
-  } = props;
-  const classes = useStyles(props);
-  const intl = useIntl();
-
-  const attributeChoices = attributes.map(attribute => ({
-    label: attribute.name,
-    value: attribute.id,
-  }));
-  const stockAttributeValues = getStockAttributeValues(data, attributes);
-
-  return (
-    <Card>
-      <CardTitle
-        title={intl.formatMessage({
-          id: "GQcp83",
-          defaultMessage: "Stock and Warehousing",
-          description: "variant stock, header",
-        })}
-      />
-      <CardContent>
-        {!warehouses.length ? (
-          <Typography color="textSecondary">
-            <FormattedMessage
-              id="oIMMcO"
-              defaultMessage="There are no warehouses set up for your store. You can configure variants without providing stock quantities."
-              description="no warehouses info"
-            />
-          </Typography>
-        ) : (
-          <>
-            {warehouses.length > 1 && (
-              <>
-                <Typography className={classes.warehouseHeader} variant="h5">
-                  <FormattedMessage
-                    id="Gjo89T"
-                    defaultMessage="Warehouses"
-                    description="header"
-                  />
-                </Typography>
-                <Typography className={classes.warehouseSubheader}>
-                  <FormattedMessage
-                    id="/Qb92c"
-                    defaultMessage="Based on your selections we will create {numberOfProducts} products. Use this step to customize price and stocks for your new products"
-                    values={{
-                      numberOfProducts: data.attributes.reduce(
-                        (acc, attr) => acc + attr.values.length,
-                        0,
-                      ),
-                    }}
-                  />
-                </Typography>
-                <div className={classes.warehouseContainer}>
-                  {warehouses.map(warehouse => (
-                    <ControlledCheckbox
-                      checked={isSelected(
-                        warehouse.id,
-                        data.warehouses,
-                        (a, b) => a === b,
-                      )}
-                      name={`warehouse:${warehouse.id}`}
-                      label={warehouse.name}
-                      onChange={() => onWarehouseToggle(warehouse.id)}
-                      key={warehouse.id}
-                    />
-                  ))}
-                </div>
-                <CardSpacer />
-                <Hr />
-                <CardSpacer />
-              </>
-            )}
-            <Typography className={classes.stockHeader} variant="h5">
-              <FormattedMessage
-                id="ABgQcF"
-                defaultMessage="Stock"
-                description="variant stock, header"
-              />
-            </Typography>
-            <RadioGroup value={data.stock.mode}>
-              <FormControlLabel
-                value="all"
-                control={<Radio color="primary" />}
-                label={intl.formatMessage({
-                  id: "STp3Hl",
-                  defaultMessage: "Apply single stock to all SKUs",
-                })}
-                onChange={() => onApplyToAllChange("all")}
-              />
-              {data.stock.mode === "all" && (
-                <div className={classes.stockContainer}>
-                  {data.warehouses.map((warehouseId, warehouseIndex) => (
-                    <div key={warehouseId}>
-                      <Typography className={classes.warehouseName}>
-                        {
-                          warehouses.find(
-                            warehouse => warehouse.id === warehouseId,
-                          ).name
-                        }
-                      </Typography>
-                      <TextField
-                        data-test-id="stock-input"
-                        fullWidth
-                        inputProps={{
-                          min: 0,
-                          type: "number",
-                        }}
-                        label={intl.formatMessage(messages.stock)}
-                        value={data.stock.value[warehouseIndex]}
-                        onChange={event =>
-                          onApplyToAllStockChange(
-                            parseInt(event.target.value, 10),
-                            warehouseIndex,
-                          )
-                        }
-                      />
-                    </div>
-                  ))}
-                </div>
-              )}
-              <FormSpacer />
-              <FormControlLabel
-                value="attribute"
-                control={<Radio color="primary" />}
-                label={intl.formatMessage({
-                  id: "L5rthO",
-                  defaultMessage: "Apply unique stock by attribute to each SKU",
-                })}
-                onChange={() => onApplyToAllChange("attribute")}
-              />
-              {data.stock.mode === "attribute" && (
-                <>
-                  <FormSpacer />
-                  <SingleSelectField
-                    className={classes.shortInput}
-                    choices={attributeChoices}
-                    label={intl.formatMessage({
-                      id: "TDXskW",
-                      defaultMessage: "Select Attribute",
-                      description: "variant attribute",
-                    })}
-                    value={data.stock.attribute}
-                    onChange={event => onAttributeSelect(event.target.value)}
-                  />
-                  {stockAttributeValues && (
-                    <>
-                      <Hr className={classes.hrAttribute} />
-                      <FormSpacer />
-                      <div className={classes.attributeStockScroll}>
-                        <div className={classes.attributeStockContainer}>
-                          <div />
-                          {data.stock.attribute &&
-                            data.warehouses.map(warehouseId => (
-                              <Typography
-                                className={classes.warehouseName}
-                                key={warehouseId}
-                              >
-                                {
-                                  warehouses.find(
-                                    warehouse => warehouse.id === warehouseId,
-                                  ).name
-                                }
-                              </Typography>
-                            ))}
-                          {stockAttributeValues.map(attributeValue => (
-                            <React.Fragment key={attributeValue.id}>
-                              <Typography>{attributeValue.name}</Typography>
-                              {data.warehouses.map(
-                                (warehouseId, warehouseIndex) => (
-                                  <TextField
-                                    fullWidth
-                                    inputProps={{
-                                      min: 0,
-                                      type: "number",
-                                    }}
-                                    label={intl.formatMessage(messages.stock)}
-                                    value={
-                                      data.stock.values.find(
-                                        value =>
-                                          value.slug === attributeValue.slug,
-                                      ).value[warehouseIndex]
-                                    }
-                                    onChange={event =>
-                                      onAttributeValueChange(
-                                        attributeValue.slug,
-                                        parseInt(event.target.value, 10),
-                                        warehouseIndex,
-                                      )
-                                    }
-                                    key={warehouseId}
-                                  />
-                                ),
-                              )}
-                            </React.Fragment>
-                          ))}
-                        </div>
-                      </div>
-                    </>
-                  )}
-                </>
-              )}
-              {data.stock.mode === "attribute" && !!data.stock.attribute && (
-                <>
-                  <FormSpacer />
-                  <Hr />
-                </>
-              )}
-              <FormSpacer />
-              <FormControlLabel
-                value="skip"
-                control={<Radio color="primary" />}
-                label={intl.formatMessage({
-                  id: "BIqhVQ",
-                  defaultMessage: "Skip stock for now",
-                })}
-                onChange={() => onApplyToAllChange("skip")}
-              />
-            </RadioGroup>
-          </>
-        )}
-      </CardContent>
-    </Card>
-  );
-};
-
-ProductVariantCreatorStock.displayName = "ProductVariantCreatorStock";
-export default ProductVariantCreatorStock;
diff --git a/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorSummary.tsx b/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorSummary.tsx
deleted file mode 100644
index 05c0112a3..000000000
--- a/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorSummary.tsx
+++ /dev/null
@@ -1,346 +0,0 @@
-import { Card, TextField } from "@material-ui/core";
-import blue from "@material-ui/core/colors/blue";
-import cyan from "@material-ui/core/colors/cyan";
-import green from "@material-ui/core/colors/green";
-import purple from "@material-ui/core/colors/purple";
-import yellow from "@material-ui/core/colors/yellow";
-import { ChannelPriceData } from "@saleor/channels/utils";
-import CardTitle from "@saleor/components/CardTitle";
-import Hr from "@saleor/components/Hr";
-import PriceField from "@saleor/components/PriceField";
-import {
-  BulkProductErrorFragment,
-  ProductFragment,
-  ProductVariantBulkCreateInput,
-  WarehouseFragment,
-} from "@saleor/graphql";
-import { DeleteIcon, IconButton, makeStyles } from "@saleor/macaw-ui";
-import { getFormErrors } from "@saleor/utils/errors";
-import { getBulkProductErrorMessage } from "@saleor/utils/errors/product";
-import classNames from "classnames";
-import React from "react";
-import { FormattedMessage, useIntl } from "react-intl";
-
-import { Attribute, ChannelPrice, ProductVariantCreateFormData } from "./form";
-
-export interface ProductVariantCreatorSummaryProps {
-  attributes: ProductFragment["productType"]["variantAttributes"];
-  channelListings: ChannelPriceData[];
-  data: ProductVariantCreateFormData;
-  errors: BulkProductErrorFragment[];
-  warehouses: WarehouseFragment[];
-  onVariantSkuChange: (variantIndex: number, value: string) => void;
-  onVariantStockDataChange: (
-    variantIndex: number,
-    warehouseId: string,
-    value: string,
-  ) => void;
-  onVariantDelete: (variantIndex: number) => void;
-  onVariantPriceDataChange: (variantIndex: number, value: ChannelPrice) => void;
-}
-type ClassKey =
-  | "attributeValue"
-  | "card"
-  | "col"
-  | "colHeader"
-  | "colName"
-  | "colPrice"
-  | "colSku"
-  | "colStock"
-  | "delete"
-  | "hr"
-  | "input"
-  | "summary";
-
-const colors = [blue, cyan, green, purple, yellow].map(color => color[800]);
-
-const useStyles = makeStyles<ProductVariantCreatorSummaryProps, ClassKey>(
-  theme => ({
-    attributeValue: {
-      display: "inline-block",
-      marginRight: theme.spacing(1),
-    },
-    card: {
-      paddingBottom: theme.spacing(),
-    },
-    col: {
-      ...theme.typography.body1,
-      fontSize: 14,
-    },
-    colHeader: {
-      ...theme.typography.body1,
-      fontSize: 14,
-      paddingTop: theme.spacing(3),
-    },
-    colName: {
-      "&:not($colHeader)": {
-        paddingTop: theme.spacing(2),
-      },
-      paddingLeft: theme.spacing(3),
-    },
-    colPrice: {},
-    colSku: {},
-    colStock: {},
-    delete: {
-      marginTop: theme.spacing(0.5),
-    },
-    hr: {
-      gridColumn: props =>
-        `span ${4 +
-          props.data.variants[0].stocks.length +
-          props.data.variants[0].channelListings.length}`,
-    },
-    input: {
-      "& input": {
-        padding: "16px 12px 17px",
-      },
-    },
-    summary: {
-      columnGap: theme.spacing(3),
-      display: "grid",
-      gridTemplateColumns: props =>
-        `minmax(180px, auto) repeat(${props.data.variants[0].channelListings
-          .length +
-          props.data.variants[0].stocks
-            .length}, minmax(180px, auto)) 220px 64px`,
-      overflowX: "scroll",
-      rowGap: theme.spacing(),
-      paddingBottom: 3,
-    },
-  }),
-  {
-    name: "ProductVariantCreatorSummary",
-  },
-);
-
-function getVariantName(
-  variant: ProductVariantBulkCreateInput,
-  attributes: Attribute[],
-): string[] {
-  return attributes.reduce(
-    (acc, attribute) => [
-      ...acc,
-      attribute.values?.find(value => {
-        const variantAttributeValue = variant.attributes.find(
-          variantAttribute => variantAttribute.id === attribute.id,
-        );
-        return (
-          variantAttributeValue.values?.[0] === value?.slug ||
-          variantAttributeValue.boolean === value.value.boolean
-        );
-      })?.value?.name,
-    ],
-    [],
-  );
-}
-
-const ProductVariantCreatorSummary: React.FC<ProductVariantCreatorSummaryProps> = props => {
-  const {
-    channelListings,
-    data,
-    errors,
-    warehouses,
-    onVariantPriceDataChange,
-    onVariantSkuChange,
-    onVariantDelete,
-    onVariantStockDataChange,
-  } = props;
-  const classes = useStyles(props);
-  const intl = useIntl();
-
-  return (
-    <Card className={classes.card}>
-      <CardTitle
-        title={intl.formatMessage({
-          id: "S5PVx1",
-          defaultMessage: "Created Variants",
-          description: "variant creator summary card header",
-        })}
-      />
-      <div className={classes.summary}>
-        <div
-          className={classNames(
-            classes.col,
-            classes.colHeader,
-            classes.colName,
-          )}
-        >
-          <FormattedMessage
-            id="V76IV7"
-            defaultMessage="Variant"
-            description="variant name"
-          />
-        </div>
-
-        {channelListings.map(listing => (
-          <div
-            key={listing.id}
-            className={classNames(
-              classes.col,
-              classes.colHeader,
-              classes.colPrice,
-            )}
-          >
-            <FormattedMessage
-              id="CrbI/c"
-              defaultMessage="{channel} Price"
-              description="variant channel price"
-              values={{
-                channel: listing.name,
-              }}
-            />
-          </div>
-        ))}
-
-        {data.warehouses.map(warehouseId => (
-          <div
-            className={classNames(
-              classes.col,
-              classes.colHeader,
-              classes.colStock,
-            )}
-            key={warehouseId}
-          >
-            {warehouses.find(warehouse => warehouse.id === warehouseId).name}
-          </div>
-        ))}
-        <div
-          className={classNames(classes.col, classes.colHeader, classes.colSku)}
-        >
-          <FormattedMessage id="k4brJy" defaultMessage="SKU" />
-        </div>
-        <div className={classNames(classes.col, classes.colHeader)} />
-        <Hr className={classes.hr} />
-        {data.variants.map((variant, variantIndex) => {
-          const variantErrors = errors.filter(
-            error => error.index === variantIndex,
-          );
-          const variantFormErrors = getFormErrors(
-            ["price", "quantity", "sku"],
-            variantErrors,
-          );
-          return (
-            <React.Fragment
-              key={variant.attributes
-                .map(attribute => attribute.values?.[0] ?? attribute.boolean)
-                .join(":")}
-            >
-              <div className={classNames(classes.col, classes.colName)}>
-                {getVariantName(variant, data.attributes).map(
-                  (value, valueIndex) => (
-                    <span
-                      className={classes.attributeValue}
-                      style={{
-                        color: colors[valueIndex % colors.length],
-                      }}
-                      key={`${value}:${valueIndex}`}
-                    >
-                      {value}
-                    </span>
-                  ),
-                )}
-              </div>
-              {channelListings.map(listing => {
-                const error = variantFormErrors.price?.channels?.find(
-                  id => id === listing.id,
-                );
-                return (
-                  <div
-                    key={listing.id}
-                    className={classNames(classes.col, classes.colPrice)}
-                  >
-                    <PriceField
-                      className={classes.input}
-                      currencySymbol={listing.currency}
-                      error={!!error}
-                      hint={
-                        error
-                          ? getBulkProductErrorMessage(
-                              variantFormErrors.price,
-                              intl,
-                            )
-                          : ""
-                      }
-                      value={
-                        variant.channelListings?.find(
-                          channel => channel.channelId === listing.id,
-                        )?.price
-                      }
-                      required
-                      onChange={event =>
-                        onVariantPriceDataChange(variantIndex, {
-                          channelId: listing.id,
-                          price: event.target.value,
-                        })
-                      }
-                    />
-                  </div>
-                );
-              })}
-              {variant.stocks.map(stock => (
-                <div
-                  className={classNames(classes.col, classes.colStock)}
-                  key={stock.warehouse}
-                >
-                  <TextField
-                    className={classes.input}
-                    error={!!variantFormErrors.quantity}
-                    helperText={getBulkProductErrorMessage(
-                      variantFormErrors.quantity,
-                      intl,
-                    )}
-                    inputProps={{
-                      min: 0,
-                      type: "number",
-                    }}
-                    fullWidth
-                    value={stock.quantity}
-                    onChange={event =>
-                      onVariantStockDataChange(
-                        variantIndex,
-                        stock.warehouse,
-                        event.target.value,
-                      )
-                    }
-                  />
-                </div>
-              ))}
-              <div className={classNames(classes.col, classes.colSku)}>
-                <TextField
-                  name="sku"
-                  className={classes.input}
-                  error={!!variantFormErrors.sku}
-                  helperText={getBulkProductErrorMessage(
-                    variantFormErrors.sku,
-                    intl,
-                  )}
-                  fullWidth
-                  value={variant.sku}
-                  onChange={event =>
-                    onVariantSkuChange(variantIndex, event.target.value)
-                  }
-                />
-              </div>
-              <div className={classes.col}>
-                <IconButton
-                  variant="secondary"
-                  className={classes.delete}
-                  color="primary"
-                  onClick={() => onVariantDelete(variantIndex)}
-                >
-                  <DeleteIcon />
-                </IconButton>
-              </div>
-              {variantIndex !== data.variants.length - 1 && (
-                <Hr className={classes.hr} />
-              )}
-            </React.Fragment>
-          );
-        })}
-      </div>
-    </Card>
-  );
-};
-
-ProductVariantCreatorSummary.displayName = "ProductVariantCreatorSummary";
-export default ProductVariantCreatorSummary;
diff --git a/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorTabs.tsx b/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorTabs.tsx
deleted file mode 100644
index 6e254efc9..000000000
--- a/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorTabs.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import makeCreatorSteps, { Step } from "@saleor/components/CreatorSteps";
-import React from "react";
-import { useIntl } from "react-intl";
-
-import { ProductVariantCreatorStep } from "./types";
-
-function useSteps(): Array<Step<ProductVariantCreatorStep>> {
-  const intl = useIntl();
-
-  return [
-    {
-      label: intl.formatMessage({
-        id: "rVaB7c",
-        defaultMessage: "Select Values",
-        description: "attribute values, variant creation step",
-      }),
-      value: ProductVariantCreatorStep.values,
-    },
-    {
-      label: intl.formatMessage({
-        id: "Sx7QVu",
-        defaultMessage: "Prices and SKU",
-        description: "variant creation step",
-      }),
-      value: ProductVariantCreatorStep.prices,
-    },
-    {
-      label: intl.formatMessage({
-        id: "slKV5G",
-        defaultMessage: "Summary",
-        description: "variant creation step",
-      }),
-      value: ProductVariantCreatorStep.summary,
-    },
-  ];
-}
-
-const ProductVariantCreatorSteps = makeCreatorSteps<
-  ProductVariantCreatorStep
->();
-
-export interface ProductVariantCreatorTabsProps {
-  step: ProductVariantCreatorStep;
-  onStepClick: (step: ProductVariantCreatorStep) => void;
-}
-
-const ProductVariantCreatorTabs: React.FC<ProductVariantCreatorTabsProps> = ({
-  step: currentStep,
-  onStepClick,
-}) => {
-  const steps = useSteps();
-
-  return (
-    <ProductVariantCreatorSteps
-      currentStep={currentStep}
-      steps={steps}
-      onStepClick={onStepClick}
-    />
-  );
-};
-
-ProductVariantCreatorTabs.displayName = "ProductVariantCreatorTabs";
-export default ProductVariantCreatorTabs;
diff --git a/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorValues.tsx b/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorValues.tsx
deleted file mode 100644
index d232b44e2..000000000
--- a/src/products/components/ProductVariantCreatorPage/ProductVariantCreatorValues.tsx
+++ /dev/null
@@ -1,236 +0,0 @@
-import { Card, CardContent } from "@material-ui/core";
-import { getMeasurementUnitMessage } from "@saleor/attributes/components/AttributeDetails/utils";
-import { getMultiChoices } from "@saleor/components/Attributes/utils";
-import CardSpacer from "@saleor/components/CardSpacer";
-import CardTitle from "@saleor/components/CardTitle";
-import LimitReachedAlert from "@saleor/components/LimitReachedAlert";
-import MultiAutocompleteSelectField from "@saleor/components/MultiAutocompleteSelectField";
-import Skeleton from "@saleor/components/Skeleton";
-import {
-  AttributeInputTypeEnum,
-  AttributeValueFragment,
-  ProductVariantAttributesFragment,
-  SearchAttributeValuesQuery,
-} from "@saleor/graphql";
-import { commonMessages } from "@saleor/intl";
-import { getById } from "@saleor/orders/components/OrderReturnPage/utils";
-import {
-  getBasicAttributeValue,
-  getBooleanAttributeValue,
-} from "@saleor/products/components/ProductVariantCreatorPage/utils";
-import { FetchMoreProps, RelayToFlat } from "@saleor/types";
-import React from "react";
-import {
-  defineMessages,
-  FormattedMessage,
-  IntlShape,
-  useIntl,
-} from "react-intl";
-
-import {
-  Attribute,
-  AttributeValue,
-  ProductVariantCreateFormData,
-} from "./form";
-
-const messages = defineMessages({
-  multipleValueLabel: {
-    id: "j8PV7E",
-    defaultMessage: "Values",
-    description: "attribute values",
-  },
-});
-
-export function getVariantsNumber(data: ProductVariantCreateFormData): number {
-  return data.attributes.reduce(
-    (variants, attribute) => variants * attribute.values.length,
-    1,
-  );
-}
-
-export function getMultiValues(
-  attributes: Attribute[],
-  attribute: ProductVariantAttributesFragment["productType"]["variantAttributes"][0],
-) {
-  return attributes
-    .find(getById(attribute.id))
-    ?.values?.map(value => value.slug);
-}
-
-export function getMultiDisplayValues(
-  attributes: Attribute[],
-  attribute: ProductVariantAttributesFragment["productType"]["variantAttributes"][0],
-) {
-  return attributes.find(getById(attribute.id))?.values.map(value => ({
-    label: value.value?.name,
-    value: value.slug,
-  }));
-}
-
-const getBooleanDisplayValues = (
-  intl: IntlShape,
-  values: Array<AttributeValue<Partial<AttributeValueFragment>>>,
-) => {
-  if (!values.length) {
-    return [];
-  }
-
-  const choices = getBooleanChoices(intl);
-  return values.map(({ value: { boolean } }) =>
-    choices.find(({ value }) => value === boolean),
-  );
-};
-
-const getBooleanChoices = (
-  intl: IntlShape,
-  values?: Array<AttributeValue<Partial<AttributeValueFragment>>>,
-) => {
-  const selectedValues = values?.map(({ value }) => value.boolean) ?? [];
-  const choices = [
-    { label: intl.formatMessage(commonMessages.yes), value: true },
-    { label: intl.formatMessage(commonMessages.no), value: false },
-  ];
-
-  return choices.filter(({ value }) => !selectedValues.includes(value));
-};
-
-export interface ProductVariantCreatorValuesProps {
-  attributes: ProductVariantAttributesFragment["productType"]["variantAttributes"];
-  attributeValues: RelayToFlat<
-    SearchAttributeValuesQuery["attribute"]["choices"]
-  >;
-  fetchAttributeValues: (query: string, attributeId: string) => void;
-  fetchMoreAttributeValues?: FetchMoreProps;
-  data: ProductVariantCreateFormData;
-  variantsLeft: number | null;
-  onValueClick: (
-    attributeId: string,
-    value: AttributeValue<Partial<AttributeValueFragment>>,
-  ) => void;
-  onValueBlur: () => void;
-}
-
-const ProductVariantCreatorValues: React.FC<ProductVariantCreatorValuesProps> = props => {
-  const {
-    attributes,
-    attributeValues,
-    fetchAttributeValues,
-    fetchMoreAttributeValues,
-    data,
-    variantsLeft,
-    onValueClick,
-    onValueBlur,
-  } = props;
-  const intl = useIntl();
-  const variantsNumber = getVariantsNumber(data);
-
-  const handleValueClick = (
-    attributeId: string,
-    attributeName: string,
-    attributeValue: string | boolean,
-  ) =>
-    onValueClick(
-      attributeId,
-      typeof attributeValue === "boolean"
-        ? getBooleanAttributeValue(attributeName, attributeValue)
-        : getBasicAttributeValue(
-            attributeId,
-            attributeValue,
-            attributeValues,
-            data,
-          ),
-    );
-
-  return (
-    <>
-      {variantsLeft !== null && variantsNumber > variantsLeft && (
-        <LimitReachedAlert
-          title={intl.formatMessage({
-            id: "FwHWUm",
-            defaultMessage: "SKU limit reached",
-            description: "alert",
-          })}
-        >
-          <FormattedMessage
-            id="Xr5zxu"
-            defaultMessage="You choices will add {variantsNumber} SKUs to your catalog which will exceed your limit by {aboveLimitVariantsNumber}. If you would like to up your limit, contact your administration staff about raising your limits."
-            values={{
-              variantsNumber,
-              aboveLimitVariantsNumber: variantsNumber - variantsLeft,
-            }}
-          />
-        </LimitReachedAlert>
-      )}
-      {attributes.map(attribute => (
-        <React.Fragment key={attribute.id}>
-          <Card>
-            <CardTitle title={attribute?.name || <Skeleton />} />
-            <CardContent data-test-id="value-container">
-              {attribute.inputType === AttributeInputTypeEnum.BOOLEAN ? (
-                <MultiAutocompleteSelectField
-                  displayValues={getBooleanDisplayValues(
-                    intl,
-                    data.attributes.find(({ id }) => id === attribute.id)
-                      .values,
-                  )}
-                  name={`attribute:${attribute.name}`}
-                  label={intl.formatMessage(messages.multipleValueLabel)}
-                  value={getMultiValues(data.attributes, attribute)}
-                  onChange={event =>
-                    handleValueClick(
-                      attribute.id,
-                      attribute.name,
-                      event.target.value,
-                    )
-                  }
-                  allowCustomValues={false}
-                  choices={getBooleanChoices(
-                    intl,
-                    data.attributes.find(({ id }) => id === attribute.id)
-                      .values,
-                  )}
-                />
-              ) : (
-                <MultiAutocompleteSelectField
-                  choices={getMultiChoices(attributeValues)}
-                  displayValues={getMultiDisplayValues(
-                    data.attributes,
-                    attribute,
-                  )}
-                  name={`attribute:${attribute.name}`}
-                  label={intl.formatMessage(messages.multipleValueLabel)}
-                  value={getMultiValues(data.attributes, attribute)}
-                  onChange={event =>
-                    handleValueClick(
-                      attribute.id,
-                      attribute.name,
-                      event.target.value,
-                    )
-                  }
-                  endAdornment={
-                    attribute.unit &&
-                    getMeasurementUnitMessage(
-                      attribute.unit,
-                      intl.formatMessage,
-                    )
-                  }
-                  fetchOnFocus={true}
-                  allowCustomValues={true}
-                  fetchChoices={value =>
-                    fetchAttributeValues(value, attribute.id)
-                  }
-                  onBlur={onValueBlur}
-                  {...fetchMoreAttributeValues}
-                />
-              )}
-            </CardContent>
-          </Card>
-          <CardSpacer />
-        </React.Fragment>
-      ))}
-    </>
-  );
-};
-
-ProductVariantCreatorValues.displayName = "ProductVariantCreatorValues";
-export default ProductVariantCreatorValues;
diff --git a/src/products/components/ProductVariantCreatorPage/__snapshots__/reducer.test.ts.snap b/src/products/components/ProductVariantCreatorPage/__snapshots__/reducer.test.ts.snap
deleted file mode 100644
index e7f274770..000000000
--- a/src/products/components/ProductVariantCreatorPage/__snapshots__/reducer.test.ts.snap
+++ /dev/null
@@ -1,3867 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Reducer is able to modify individual variant price 1`] = `
-Object {
-  "attributes": Array [
-    Object {
-      "id": "attr-1",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-1-1",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-1-1",
-            "name": "val-1-1",
-            "reference": null,
-            "richText": null,
-            "slug": "val-1-1",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-1-7",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-1-7",
-            "name": "val-1-7",
-            "reference": null,
-            "richText": null,
-            "slug": "val-1-7",
-            "value": null,
-          },
-        },
-      ],
-    },
-    Object {
-      "id": "attr-2",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-2-2",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-2-2",
-            "name": "val-2-2",
-            "reference": null,
-            "richText": null,
-            "slug": "val-2-2",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-2-4",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-2-4",
-            "name": "val-2-4",
-            "reference": null,
-            "richText": null,
-            "slug": "val-2-4",
-            "value": null,
-          },
-        },
-      ],
-    },
-    Object {
-      "id": "attr-4",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-4-1",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-4-1",
-            "name": "val-4-1",
-            "reference": null,
-            "richText": null,
-            "slug": "val-4-1",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-4-5",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-4-5",
-            "name": "val-4-5",
-            "reference": null,
-            "richText": null,
-            "slug": "val-4-5",
-            "value": null,
-          },
-        },
-      ],
-    },
-  ],
-  "price": Object {
-    "attribute": "attr-2",
-    "channels": Array [
-      Object {
-        "channelId": "channel-1",
-        "price": "0",
-      },
-      Object {
-        "channelId": "channel-2",
-        "price": "2",
-      },
-      Object {
-        "channelId": "channel-3",
-        "price": "2",
-      },
-    ],
-    "mode": "attribute",
-    "values": Array [
-      Object {
-        "slug": "val-2-2",
-        "value": Array [
-          Object {
-            "channelId": "channel-1",
-            "price": "0",
-          },
-          Object {
-            "channelId": "channel-2",
-            "price": "2",
-          },
-          Object {
-            "channelId": "channel-3",
-            "price": "2",
-          },
-        ],
-      },
-      Object {
-        "slug": "val-2-4",
-        "value": Array [
-          Object {
-            "channelId": "channel-1",
-            "price": "0",
-          },
-          Object {
-            "channelId": "channel-2",
-            "price": "2",
-          },
-          Object {
-            "channelId": "channel-3",
-            "price": "2",
-          },
-        ],
-      },
-    ],
-  },
-  "stock": Object {
-    "attribute": "attr-4",
-    "mode": "attribute",
-    "value": Array [],
-    "values": Array [
-      Object {
-        "slug": "val-4-1",
-        "value": Array [
-          50,
-          20,
-          45,
-          75,
-        ],
-      },
-      Object {
-        "slug": "val-4-5",
-        "value": Array [
-          80,
-          50,
-          85,
-          105,
-        ],
-      },
-    ],
-  },
-  "variants": Array [
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "0",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "2",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 50,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 20,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 45,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 75,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "0",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "2",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 80,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 50,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 85,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 105,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "0",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "2",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 50,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 20,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 45,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 75,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "7",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "2",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 80,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 50,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 85,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 105,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "0",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "2",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 50,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 20,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 45,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 75,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "0",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "2",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 80,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 50,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 85,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 105,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "0",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "2",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 50,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 20,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 45,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 75,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "0",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "2",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 80,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 50,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 85,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 105,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-  ],
-  "warehouses": Array [
-    "wh-1",
-    "wh-2",
-    "wh-3",
-    "wh-4",
-  ],
-}
-`;
-
-exports[`Reducer is able to modify individual variant stock 1`] = `
-Object {
-  "attributes": Array [
-    Object {
-      "id": "attr-1",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-1-1",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-1-1",
-            "name": "val-1-1",
-            "reference": null,
-            "richText": null,
-            "slug": "val-1-1",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-1-7",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-1-7",
-            "name": "val-1-7",
-            "reference": null,
-            "richText": null,
-            "slug": "val-1-7",
-            "value": null,
-          },
-        },
-      ],
-    },
-    Object {
-      "id": "attr-2",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-2-2",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-2-2",
-            "name": "val-2-2",
-            "reference": null,
-            "richText": null,
-            "slug": "val-2-2",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-2-4",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-2-4",
-            "name": "val-2-4",
-            "reference": null,
-            "richText": null,
-            "slug": "val-2-4",
-            "value": null,
-          },
-        },
-      ],
-    },
-    Object {
-      "id": "attr-4",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-4-1",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-4-1",
-            "name": "val-4-1",
-            "reference": null,
-            "richText": null,
-            "slug": "val-4-1",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-4-5",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-4-5",
-            "name": "val-4-5",
-            "reference": null,
-            "richText": null,
-            "slug": "val-4-5",
-            "value": null,
-          },
-        },
-      ],
-    },
-  ],
-  "price": Object {
-    "attribute": "attr-2",
-    "channels": Array [
-      Object {
-        "channelId": "channel-1",
-        "price": "0",
-      },
-      Object {
-        "channelId": "channel-2",
-        "price": "2",
-      },
-      Object {
-        "channelId": "channel-3",
-        "price": "2",
-      },
-    ],
-    "mode": "attribute",
-    "values": Array [
-      Object {
-        "slug": "val-2-2",
-        "value": Array [
-          Object {
-            "channelId": "channel-1",
-            "price": "0",
-          },
-          Object {
-            "channelId": "channel-2",
-            "price": "2",
-          },
-          Object {
-            "channelId": "channel-3",
-            "price": "2",
-          },
-        ],
-      },
-      Object {
-        "slug": "val-2-4",
-        "value": Array [
-          Object {
-            "channelId": "channel-1",
-            "price": "0",
-          },
-          Object {
-            "channelId": "channel-2",
-            "price": "2",
-          },
-          Object {
-            "channelId": "channel-3",
-            "price": "2",
-          },
-        ],
-      },
-    ],
-  },
-  "stock": Object {
-    "attribute": "attr-4",
-    "mode": "attribute",
-    "value": Array [],
-    "values": Array [
-      Object {
-        "slug": "val-4-1",
-        "value": Array [
-          50,
-          20,
-          45,
-          75,
-        ],
-      },
-      Object {
-        "slug": "val-4-5",
-        "value": Array [
-          80,
-          50,
-          85,
-          105,
-        ],
-      },
-    ],
-  },
-  "variants": Array [
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "0",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "2",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 50,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 20,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 45,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 75,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "0",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "2",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 80,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 50,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 85,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 105,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "0",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "2",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 50,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 20,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 45,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 75,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "0",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "2",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 5,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 50,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 85,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 105,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "0",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "2",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 50,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 20,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 45,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 75,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "0",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "2",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 80,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 50,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 85,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 105,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "0",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "2",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 50,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 20,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 45,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 75,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "0",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "2",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 80,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 50,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 85,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 105,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-  ],
-  "warehouses": Array [
-    "wh-1",
-    "wh-2",
-    "wh-3",
-    "wh-4",
-  ],
-}
-`;
-
-exports[`Reducer is able to select attribute values 1`] = `
-Object {
-  "attributes": Array [
-    Object {
-      "id": "attr-1",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-1-1",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-1-1",
-            "name": "val-1-1",
-            "reference": null,
-            "richText": null,
-            "slug": "val-1-1",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-1-7",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-1-7",
-            "name": "val-1-7",
-            "reference": null,
-            "richText": null,
-            "slug": "val-1-7",
-            "value": null,
-          },
-        },
-      ],
-    },
-    Object {
-      "id": "attr-2",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-2-2",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-2-2",
-            "name": "val-2-2",
-            "reference": null,
-            "richText": null,
-            "slug": "val-2-2",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-2-4",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-2-4",
-            "name": "val-2-4",
-            "reference": null,
-            "richText": null,
-            "slug": "val-2-4",
-            "value": null,
-          },
-        },
-      ],
-    },
-    Object {
-      "id": "attr-4",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-4-1",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-4-1",
-            "name": "val-4-1",
-            "reference": null,
-            "richText": null,
-            "slug": "val-4-1",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-4-5",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-4-5",
-            "name": "val-4-5",
-            "reference": null,
-            "richText": null,
-            "slug": "val-4-5",
-            "value": null,
-          },
-        },
-      ],
-    },
-  ],
-  "price": Object {
-    "attribute": undefined,
-    "channels": Array [
-      Object {
-        "channelId": "channel-1",
-        "price": "1",
-      },
-      Object {
-        "channelId": "channel-2",
-        "price": "2",
-      },
-      Object {
-        "channelId": "channel-3",
-        "price": "3",
-      },
-    ],
-    "mode": "all",
-    "values": Array [],
-  },
-  "stock": Object {
-    "attribute": undefined,
-    "mode": "all",
-    "value": Array [],
-    "values": Array [],
-  },
-  "variants": Array [],
-  "warehouses": Array [],
-}
-`;
-
-exports[`Reducer is able to select price for all variants 1`] = `
-Object {
-  "attributes": Array [
-    Object {
-      "id": "attr-1",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-1-1",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-1-1",
-            "name": "val-1-1",
-            "reference": null,
-            "richText": null,
-            "slug": "val-1-1",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-1-7",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-1-7",
-            "name": "val-1-7",
-            "reference": null,
-            "richText": null,
-            "slug": "val-1-7",
-            "value": null,
-          },
-        },
-      ],
-    },
-    Object {
-      "id": "attr-2",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-2-2",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-2-2",
-            "name": "val-2-2",
-            "reference": null,
-            "richText": null,
-            "slug": "val-2-2",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-2-4",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-2-4",
-            "name": "val-2-4",
-            "reference": null,
-            "richText": null,
-            "slug": "val-2-4",
-            "value": null,
-          },
-        },
-      ],
-    },
-    Object {
-      "id": "attr-4",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-4-1",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-4-1",
-            "name": "val-4-1",
-            "reference": null,
-            "richText": null,
-            "slug": "val-4-1",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-4-5",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-4-5",
-            "name": "val-4-5",
-            "reference": null,
-            "richText": null,
-            "slug": "val-4-5",
-            "value": null,
-          },
-        },
-      ],
-    },
-  ],
-  "price": Object {
-    "attribute": undefined,
-    "channels": Array [
-      Object {
-        "channelId": "channel-1",
-        "price": "22.99",
-      },
-      Object {
-        "channelId": "channel-2",
-        "price": "2",
-      },
-      Object {
-        "channelId": "channel-3",
-        "price": "3",
-      },
-    ],
-    "mode": "all",
-    "values": Array [],
-  },
-  "stock": Object {
-    "attribute": undefined,
-    "mode": "all",
-    "value": Array [
-      0,
-      0,
-      0,
-      0,
-    ],
-    "values": Array [],
-  },
-  "variants": Array [
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "22.99",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "22.99",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "22.99",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "22.99",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "22.99",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "22.99",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "22.99",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "22.99",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-  ],
-  "warehouses": Array [
-    "wh-1",
-    "wh-2",
-    "wh-3",
-    "wh-4",
-  ],
-}
-`;
-
-exports[`Reducer is able to select price to each attribute value 1`] = `
-Object {
-  "attributes": Array [
-    Object {
-      "id": "attr-1",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-1-1",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-1-1",
-            "name": "val-1-1",
-            "reference": null,
-            "richText": null,
-            "slug": "val-1-1",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-1-7",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-1-7",
-            "name": "val-1-7",
-            "reference": null,
-            "richText": null,
-            "slug": "val-1-7",
-            "value": null,
-          },
-        },
-      ],
-    },
-    Object {
-      "id": "attr-2",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-2-2",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-2-2",
-            "name": "val-2-2",
-            "reference": null,
-            "richText": null,
-            "slug": "val-2-2",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-2-4",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-2-4",
-            "name": "val-2-4",
-            "reference": null,
-            "richText": null,
-            "slug": "val-2-4",
-            "value": null,
-          },
-        },
-      ],
-    },
-    Object {
-      "id": "attr-4",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-4-1",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-4-1",
-            "name": "val-4-1",
-            "reference": null,
-            "richText": null,
-            "slug": "val-4-1",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-4-5",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-4-5",
-            "name": "val-4-5",
-            "reference": null,
-            "richText": null,
-            "slug": "val-4-5",
-            "value": null,
-          },
-        },
-      ],
-    },
-  ],
-  "price": Object {
-    "attribute": "attr-1",
-    "channels": Array [
-      Object {
-        "channelId": "channel-1",
-        "price": "1",
-      },
-      Object {
-        "channelId": "channel-2",
-        "price": "2",
-      },
-      Object {
-        "channelId": "channel-3",
-        "price": "3",
-      },
-    ],
-    "mode": "attribute",
-    "values": Array [
-      Object {
-        "slug": "val-1-1",
-        "value": Array [
-          Object {
-            "channelId": "channel-1",
-            "price": "45.99",
-          },
-        ],
-      },
-      Object {
-        "slug": "val-1-7",
-        "value": Array [
-          Object {
-            "channelId": "channel-2",
-            "price": "51.99",
-          },
-        ],
-      },
-    ],
-  },
-  "stock": Object {
-    "attribute": undefined,
-    "mode": "all",
-    "value": Array [
-      0,
-      0,
-      0,
-      0,
-    ],
-    "values": Array [],
-  },
-  "variants": Array [
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "45.99",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "45.99",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "45.99",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "45.99",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-2",
-          "price": "51.99",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-2",
-          "price": "51.99",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-2",
-          "price": "51.99",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-2",
-          "price": "51.99",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-  ],
-  "warehouses": Array [
-    "wh-1",
-    "wh-2",
-    "wh-3",
-    "wh-4",
-  ],
-}
-`;
-
-exports[`Reducer is able to select stock for all variants 1`] = `
-Object {
-  "attributes": Array [
-    Object {
-      "id": "attr-1",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-1-1",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-1-1",
-            "name": "val-1-1",
-            "reference": null,
-            "richText": null,
-            "slug": "val-1-1",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-1-7",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-1-7",
-            "name": "val-1-7",
-            "reference": null,
-            "richText": null,
-            "slug": "val-1-7",
-            "value": null,
-          },
-        },
-      ],
-    },
-    Object {
-      "id": "attr-2",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-2-2",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-2-2",
-            "name": "val-2-2",
-            "reference": null,
-            "richText": null,
-            "slug": "val-2-2",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-2-4",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-2-4",
-            "name": "val-2-4",
-            "reference": null,
-            "richText": null,
-            "slug": "val-2-4",
-            "value": null,
-          },
-        },
-      ],
-    },
-    Object {
-      "id": "attr-4",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-4-1",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-4-1",
-            "name": "val-4-1",
-            "reference": null,
-            "richText": null,
-            "slug": "val-4-1",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-4-5",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-4-5",
-            "name": "val-4-5",
-            "reference": null,
-            "richText": null,
-            "slug": "val-4-5",
-            "value": null,
-          },
-        },
-      ],
-    },
-  ],
-  "price": Object {
-    "attribute": undefined,
-    "channels": Array [
-      Object {
-        "channelId": "channel-1",
-        "price": "1",
-      },
-      Object {
-        "channelId": "channel-2",
-        "price": "2",
-      },
-      Object {
-        "channelId": "channel-3",
-        "price": "3",
-      },
-    ],
-    "mode": "all",
-    "values": Array [],
-  },
-  "stock": Object {
-    "attribute": undefined,
-    "mode": "all",
-    "value": Array [
-      0,
-      45,
-      0,
-      0,
-    ],
-    "values": Array [],
-  },
-  "variants": Array [
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "1",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 45,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "1",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 45,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "1",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 45,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "1",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 45,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "1",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 45,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "1",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 45,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "1",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 45,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "1",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-1",
-        },
-        Object {
-          "quantity": 45,
-          "warehouse": "wh-2",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-3",
-        },
-        Object {
-          "quantity": 0,
-          "warehouse": "wh-4",
-        },
-      ],
-    },
-  ],
-  "warehouses": Array [
-    "wh-1",
-    "wh-2",
-    "wh-3",
-    "wh-4",
-  ],
-}
-`;
-
-exports[`Reducer is able to select stock to each attribute value 1`] = `
-Object {
-  "attributes": Array [
-    Object {
-      "id": "attr-1",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-1-1",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-1-1",
-            "name": "val-1-1",
-            "reference": null,
-            "richText": null,
-            "slug": "val-1-1",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-1-7",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-1-7",
-            "name": "val-1-7",
-            "reference": null,
-            "richText": null,
-            "slug": "val-1-7",
-            "value": null,
-          },
-        },
-      ],
-    },
-    Object {
-      "id": "attr-2",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-2-2",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-2-2",
-            "name": "val-2-2",
-            "reference": null,
-            "richText": null,
-            "slug": "val-2-2",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-2-4",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-2-4",
-            "name": "val-2-4",
-            "reference": null,
-            "richText": null,
-            "slug": "val-2-4",
-            "value": null,
-          },
-        },
-      ],
-    },
-    Object {
-      "id": "attr-4",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-4-1",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-4-1",
-            "name": "val-4-1",
-            "reference": null,
-            "richText": null,
-            "slug": "val-4-1",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-4-5",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-4-5",
-            "name": "val-4-5",
-            "reference": null,
-            "richText": null,
-            "slug": "val-4-5",
-            "value": null,
-          },
-        },
-      ],
-    },
-  ],
-  "price": Object {
-    "attribute": undefined,
-    "channels": Array [
-      Object {
-        "channelId": "channel-1",
-        "price": "1",
-      },
-      Object {
-        "channelId": "channel-2",
-        "price": "2",
-      },
-      Object {
-        "channelId": "channel-3",
-        "price": "3",
-      },
-    ],
-    "mode": "all",
-    "values": Array [],
-  },
-  "stock": Object {
-    "attribute": "attr-1",
-    "mode": "attribute",
-    "value": Array [
-      0,
-      0,
-      0,
-      0,
-    ],
-    "values": Array [
-      Object {
-        "slug": "val-1-1",
-        "value": Array [
-          13,
-        ],
-      },
-      Object {
-        "slug": "val-1-7",
-        "value": Array [
-          19,
-        ],
-      },
-    ],
-  },
-  "variants": Array [
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "1",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 13,
-          "warehouse": "wh-1",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "1",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 13,
-          "warehouse": "wh-1",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "1",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 13,
-          "warehouse": "wh-1",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-1",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "1",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 13,
-          "warehouse": "wh-1",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "1",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 19,
-          "warehouse": "wh-1",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-2",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "1",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 19,
-          "warehouse": "wh-1",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-1",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "1",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 19,
-          "warehouse": "wh-1",
-        },
-      ],
-    },
-    Object {
-      "attributes": Array [
-        Object {
-          "id": "attr-1",
-          "values": Array [
-            "val-1-7",
-          ],
-        },
-        Object {
-          "id": "attr-2",
-          "values": Array [
-            "val-2-4",
-          ],
-        },
-        Object {
-          "id": "attr-4",
-          "values": Array [
-            "val-4-5",
-          ],
-        },
-      ],
-      "channelListings": Array [
-        Object {
-          "channelId": "channel-1",
-          "price": "1",
-        },
-        Object {
-          "channelId": "channel-2",
-          "price": "2",
-        },
-        Object {
-          "channelId": "channel-3",
-          "price": "3",
-        },
-      ],
-      "sku": "",
-      "stocks": Array [
-        Object {
-          "quantity": 19,
-          "warehouse": "wh-1",
-        },
-      ],
-    },
-  ],
-  "warehouses": Array [
-    "wh-1",
-    "wh-2",
-    "wh-3",
-    "wh-4",
-  ],
-}
-`;
-
-exports[`Reducer is able to select warehouses in which stock will be created 1`] = `
-Object {
-  "attributes": Array [
-    Object {
-      "id": "attr-1",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-1-1",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-1-1",
-            "name": "val-1-1",
-            "reference": null,
-            "richText": null,
-            "slug": "val-1-1",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-1-7",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-1-7",
-            "name": "val-1-7",
-            "reference": null,
-            "richText": null,
-            "slug": "val-1-7",
-            "value": null,
-          },
-        },
-      ],
-    },
-    Object {
-      "id": "attr-2",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-2-2",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-2-2",
-            "name": "val-2-2",
-            "reference": null,
-            "richText": null,
-            "slug": "val-2-2",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-2-4",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-2-4",
-            "name": "val-2-4",
-            "reference": null,
-            "richText": null,
-            "slug": "val-2-4",
-            "value": null,
-          },
-        },
-      ],
-    },
-    Object {
-      "id": "attr-4",
-      "valueRequired": false,
-      "values": Array [
-        Object {
-          "slug": "val-4-1",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-4-1",
-            "name": "val-4-1",
-            "reference": null,
-            "richText": null,
-            "slug": "val-4-1",
-            "value": null,
-          },
-        },
-        Object {
-          "slug": "val-4-5",
-          "value": Object {
-            "__typename": "AttributeValue",
-            "boolean": null,
-            "date": null,
-            "dateTime": null,
-            "file": null,
-            "id": "val-4-5",
-            "name": "val-4-5",
-            "reference": null,
-            "richText": null,
-            "slug": "val-4-5",
-            "value": null,
-          },
-        },
-      ],
-    },
-  ],
-  "price": Object {
-    "attribute": undefined,
-    "channels": Array [
-      Object {
-        "channelId": "channel-1",
-        "price": "1",
-      },
-      Object {
-        "channelId": "channel-2",
-        "price": "2",
-      },
-      Object {
-        "channelId": "channel-3",
-        "price": "3",
-      },
-    ],
-    "mode": "all",
-    "values": Array [],
-  },
-  "stock": Object {
-    "attribute": undefined,
-    "mode": "all",
-    "value": Array [
-      0,
-      0,
-    ],
-    "values": Array [],
-  },
-  "variants": Array [],
-  "warehouses": Array [
-    "wh-2",
-    "wh-4",
-  ],
-}
-`;
diff --git a/src/products/components/ProductVariantCreatorPage/createVariants.test.ts b/src/products/components/ProductVariantCreatorPage/createVariants.test.ts
deleted file mode 100644
index 351a373b3..000000000
--- a/src/products/components/ProductVariantCreatorPage/createVariants.test.ts
+++ /dev/null
@@ -1,244 +0,0 @@
-import {
-  createVariantFlatMatrixDimension,
-  createVariants,
-} from "./createVariants";
-import { attributes, channels, thirdStep } from "./fixtures";
-import { ChannelPrice, ProductVariantCreateFormData } from "./form";
-
-describe("Creates variant matrix", () => {
-  it("with proper size", () => {
-    const attributes = thirdStep.attributes;
-
-    const matrix = createVariantFlatMatrixDimension([[]], attributes);
-
-    expect(matrix).toHaveLength(
-      attributes.reduce((acc, attribute) => acc * attribute.values.length, 1),
-    );
-  });
-
-  it("with constant price and stock", () => {
-    const channels: ChannelPrice[] = [{ channelId: "1", price: "2" }];
-    const stock = [80, 40, 30];
-
-    const data: ProductVariantCreateFormData = {
-      ...thirdStep,
-      price: {
-        ...thirdStep.price,
-        channels,
-        mode: "all",
-      },
-      stock: {
-        ...thirdStep.stock,
-        mode: "all",
-        value: stock,
-      },
-    };
-
-    const variants = createVariants(data);
-    expect(variants).toHaveLength(
-      thirdStep.attributes.reduce(
-        (acc, attribute) => acc * attribute.values.length,
-        1,
-      ),
-    );
-
-    variants.forEach(variant => {
-      expect(variant.channelListings[0].price).toBe(channels[0].price);
-      variant.stocks.forEach((_, stockIndex) => {
-        expect(variant.stocks[stockIndex].quantity).toBe(stock[stockIndex]);
-      });
-    });
-  });
-
-  it("with constant stock and attribute dependent price", () => {
-    const stock = [80, 40, 30];
-    const attribute = attributes.find(
-      attribute => attribute.id === thirdStep.attributes[0].id,
-    );
-
-    const data: ProductVariantCreateFormData = {
-      ...thirdStep,
-      price: {
-        ...thirdStep.price,
-        attribute: attribute.id,
-        mode: "attribute",
-        values: attribute.values.map((attributeValue, index) => ({
-          slug: attributeValue.slug,
-          value: channels.map(channel => ({
-            channelId: channel.id,
-            price: (channel.price + index).toString(),
-          })),
-        })),
-      },
-      stock: {
-        ...thirdStep.stock,
-        mode: "all",
-        value: stock,
-      },
-    };
-
-    const variants = createVariants(data);
-    expect(variants).toHaveLength(
-      thirdStep.attributes.reduce(
-        (acc, attribute) => acc * attribute.values.length,
-        1,
-      ),
-    );
-
-    variants.forEach(variant => {
-      variant.stocks.forEach((_, stockIndex) => {
-        expect(variant.stocks[stockIndex].quantity).toBe(stock[stockIndex]);
-      });
-    });
-
-    attribute.values.forEach((attributeValue, attributeValueIndex) => {
-      variants
-        .filter(
-          variant =>
-            variant.attributes.find(
-              variantAttribute => variantAttribute.id === attribute.id,
-            ).values[0] === attributeValue.slug,
-        )
-        .forEach(variant => {
-          variant.channelListings.map((channel, index) => {
-            expect(channel.price).toBe(
-              (channels[index].price + attributeValueIndex).toString(),
-            );
-          });
-        });
-    });
-  });
-
-  it("with constant price and attribute dependent stock", () => {
-    const price: ChannelPrice[] = [{ channelId: "1", price: "2" }];
-    const stock = [80, 40, 30];
-    const attribute = attributes.find(
-      attribute => attribute.id === thirdStep.attributes[0].id,
-    );
-
-    const data: ProductVariantCreateFormData = {
-      ...thirdStep,
-      price: {
-        ...thirdStep.price,
-        channels: price,
-        mode: "all",
-      },
-      stock: {
-        ...thirdStep.stock,
-        attribute: attribute.id,
-        mode: "attribute",
-        values: attribute.values.map((attributeValue, attributeValueIndex) => ({
-          slug: attributeValue.slug,
-          value: stock.map(
-            (_, stockIndex) => stock[stockIndex] * (attributeValueIndex + 1),
-          ),
-        })),
-      },
-    };
-
-    const variants = createVariants(data);
-    expect(variants).toHaveLength(
-      thirdStep.attributes.reduce(
-        (acc, attribute) => acc * attribute.values.length,
-        1,
-      ),
-    );
-
-    variants.forEach(variant => {
-      expect(variant.channelListings).toBe(price);
-    });
-
-    attribute.values.forEach((attributeValue, attributeValueIndex) => {
-      variants
-        .filter(
-          variant =>
-            variant.attributes.find(
-              variantAttribute => variantAttribute.id === attribute.id,
-            ).values[0] === attributeValue.slug,
-        )
-        .forEach(variant => {
-          variant.stocks.forEach((_, stockIndex) => {
-            expect(variant.stocks[stockIndex].quantity).toBe(
-              stock[stockIndex] * (attributeValueIndex + 1),
-            );
-          });
-        });
-    });
-  });
-
-  it("with attribute dependent price and stock", () => {
-    const stock = [80, 40, 30];
-    const attribute = attributes.find(
-      attribute => attribute.id === thirdStep.attributes[0].id,
-    );
-
-    const data: ProductVariantCreateFormData = {
-      ...thirdStep,
-      price: {
-        ...thirdStep.price,
-        attribute: attribute.id,
-        mode: "attribute",
-        values: attribute.values.map((attributeValue, index) => ({
-          slug: attributeValue.slug,
-          value: channels.map(channel => ({
-            channelId: channel.id,
-            price: (channel.price + index).toString(),
-          })),
-        })),
-      },
-      stock: {
-        ...thirdStep.stock,
-        attribute: attribute.id,
-        mode: "attribute",
-        values: attribute.values.map((attributeValue, attributeValueIndex) => ({
-          slug: attributeValue.slug,
-          value: stock.map(
-            (_, stockIndex) => stock[stockIndex] * (attributeValueIndex + 1),
-          ),
-        })),
-      },
-    };
-
-    const variants = createVariants(data);
-    expect(variants).toHaveLength(
-      thirdStep.attributes.reduce(
-        (acc, attribute) => acc * attribute.values.length,
-        1,
-      ),
-    );
-
-    attribute.values.forEach((attributeValue, attributeValueIndex) => {
-      variants
-        .filter(
-          variant =>
-            variant.attributes.find(
-              variantAttribute => variantAttribute.id === attribute.id,
-            ).values[0] === attributeValue.slug,
-        )
-        .forEach(variant => {
-          variant.channelListings.map((channel, index) => {
-            expect(channel.price).toBe(
-              (channels[index].price + attributeValueIndex).toString(),
-            );
-          });
-        });
-    });
-
-    attribute.values.forEach((attributeValue, attributeValueIndex) => {
-      variants
-        .filter(
-          variant =>
-            variant.attributes.find(
-              variantAttribute => variantAttribute.id === attribute.id,
-            ).values[0] === attributeValue.slug,
-        )
-        .forEach(variant => {
-          variant.stocks.forEach((_, stockIndex) => {
-            expect(variant.stocks[stockIndex].quantity).toBe(
-              stock[stockIndex] * (attributeValueIndex + 1),
-            );
-          });
-        });
-    });
-  });
-});
diff --git a/src/products/components/ProductVariantCreatorPage/createVariants.ts b/src/products/components/ProductVariantCreatorPage/createVariants.ts
deleted file mode 100644
index b65331840..000000000
--- a/src/products/components/ProductVariantCreatorPage/createVariants.ts
+++ /dev/null
@@ -1,187 +0,0 @@
-import {
-  BulkAttributeValueInput,
-  ProductVariantBulkCreateInput,
-} from "@saleor/graphql";
-
-import {
-  Attribute,
-  ChannelPrice,
-  Price,
-  ProductVariantCreateFormData,
-  Stock,
-} from "./form";
-
-interface CreateVariantAttributeValueInput {
-  attributeId: string;
-  attributeValueSlug: string | null;
-  attributeBooleanValue: boolean | null;
-}
-
-type CreateVariantInput = CreateVariantAttributeValueInput[];
-
-function findAttribute(
-  attributes: CreateVariantInput,
-  stockOrPrice: Stock | Price,
-) {
-  return attributes.find(
-    attribute => attribute.attributeId === stockOrPrice.attribute,
-  );
-}
-
-function getAttributeValueStock(
-  attributes: CreateVariantInput,
-  stock: Stock,
-): number[] {
-  const attribute = findAttribute(attributes, stock);
-
-  const attributeValue = stock.values.find(
-    attributeValue => attribute.attributeValueSlug === attributeValue.slug,
-  );
-
-  return attributeValue.value;
-}
-
-function getAttributeValuePrice(
-  attributes: CreateVariantInput,
-  price: Price,
-): ChannelPrice[] {
-  const attribute = findAttribute(attributes, price);
-
-  const attributeValue = price.values.find(
-    attributeValue => attribute.attributeValueSlug === attributeValue.slug,
-  );
-
-  return attributeValue.value;
-}
-
-function getStockFromMode(
-  attributes: CreateVariantInput,
-  stock: Stock,
-  skipValue: number[],
-): number[] {
-  switch (stock.mode) {
-    case "all":
-      return stock.value;
-    case "attribute":
-      return getAttributeValueStock(attributes, stock);
-    case "skip":
-      return skipValue;
-  }
-}
-
-function getPriceFromMode(
-  attributes: CreateVariantInput,
-  price: Price,
-  skipValue: ChannelPrice[],
-): ChannelPrice[] {
-  switch (price.mode) {
-    case "all":
-      return price.channels;
-    case "attribute":
-      return getAttributeValuePrice(attributes, price);
-    case "skip":
-      return skipValue;
-  }
-}
-
-function getAttributeFromAttributeValueInput({
-  attributeId,
-  attributeBooleanValue,
-  attributeValueSlug,
-}: CreateVariantAttributeValueInput): BulkAttributeValueInput {
-  if (attributeBooleanValue === null) {
-    return {
-      id: attributeId,
-      values: attributeValueSlug === null ? [] : [attributeValueSlug],
-    };
-  }
-  return {
-    id: attributeId,
-    boolean: attributeBooleanValue,
-  };
-}
-
-function createVariant(
-  data: ProductVariantCreateFormData,
-  attributes: CreateVariantInput,
-): ProductVariantBulkCreateInput {
-  const price = getPriceFromMode(
-    attributes,
-    data.price,
-    data.price.channels.map(channel => ({ ...channel, price: "" })),
-  );
-  const stocks = getStockFromMode(
-    attributes,
-    data.stock,
-    data.warehouses.map(() => 0),
-  );
-
-  return {
-    attributes: attributes.map(getAttributeFromAttributeValueInput),
-    channelListings: price,
-    sku: "",
-    stocks: stocks.map((quantity, stockIndex) => ({
-      quantity,
-      warehouse: data.warehouses[stockIndex],
-    })),
-  };
-}
-
-function addAttributeToVariant(
-  attribute: Attribute,
-  variant: CreateVariantInput,
-): CreateVariantInput[] {
-  if (attribute.values.length === 0) {
-    return [
-      [
-        ...variant,
-        {
-          attributeId: attribute.id,
-          attributeValueSlug: null,
-          attributeBooleanValue: null,
-        },
-      ],
-    ];
-  }
-  return attribute.values.map(attributeValue => [
-    ...variant,
-    {
-      attributeId: attribute.id,
-      attributeValueSlug: attributeValue.slug,
-      attributeBooleanValue: attributeValue.value?.boolean ?? null,
-    },
-  ]);
-}
-
-export function createVariantFlatMatrixDimension(
-  variants: CreateVariantInput[],
-  attributes: Attribute[],
-): CreateVariantInput[] {
-  if (attributes.length > 0) {
-    return createVariantFlatMatrixDimension(
-      variants.flatMap(variant =>
-        addAttributeToVariant(attributes[0], variant),
-      ),
-      attributes.slice(1),
-    );
-  } else {
-    return variants;
-  }
-}
-
-export function createVariants(
-  data: ProductVariantCreateFormData,
-): ProductVariantBulkCreateInput[] {
-  if (
-    (data.price.mode === "attribute" && !data.price.attribute) ||
-    (data.stock.mode === "attribute" && !data.stock.attribute)
-  ) {
-    return [];
-  }
-  const variants = createVariantFlatMatrixDimension(
-    [[]],
-    data.attributes,
-  ).map(variant => createVariant(data, variant));
-
-  return variants;
-}
diff --git a/src/products/components/ProductVariantCreatorPage/fixtures.ts b/src/products/components/ProductVariantCreatorPage/fixtures.ts
deleted file mode 100644
index 658501c04..000000000
--- a/src/products/components/ProductVariantCreatorPage/fixtures.ts
+++ /dev/null
@@ -1,230 +0,0 @@
-import { ChannelPriceData } from "@saleor/channels/utils";
-import { WarehouseFragment } from "@saleor/graphql";
-
-import { createVariants } from "./createVariants";
-import {
-  createInitialForm,
-  Price,
-  ProductVariantCreateFormData,
-  Stock,
-} from "./form";
-
-export const channels: ChannelPriceData[] = [
-  { currency: "USD", id: "channel-1", name: "Channel1", price: "1" },
-  { currency: "USD", id: "channel-2", name: "Channel2", price: "2" },
-  { currency: "USD", id: "channel-3", name: "Channel3", price: "3" },
-];
-
-export const attributes = [
-  {
-    id: "attr-1",
-    valueRequired: false,
-    values: Array(9)
-      .fill(0)
-      .map((_, index) => ({
-        slug: `val-1-${index + 1}`,
-        value: {
-          __typename: "AttributeValue" as "AttributeValue",
-          id: `val-1-${index + 1}`,
-          name: `val-1-${index + 1}`,
-          slug: `val-1-${index + 1}`,
-          file: null,
-          reference: null,
-          richText: null,
-          boolean: null,
-          date: null,
-          dateTime: null,
-          value: null,
-        },
-      })),
-  },
-  {
-    id: "attr-2",
-    valueRequired: false,
-    values: Array(6)
-      .fill(0)
-      .map((_, index) => ({
-        slug: `val-2-${index + 1}`,
-        value: {
-          __typename: "AttributeValue" as "AttributeValue",
-          id: `val-2-${index + 1}`,
-          name: `val-2-${index + 1}`,
-          slug: `val-2-${index + 1}`,
-          file: null,
-          reference: null,
-          richText: null,
-          boolean: null,
-          date: null,
-          dateTime: null,
-          value: null,
-        },
-      })),
-  },
-  {
-    id: "attr-3",
-    valueRequired: false,
-    values: Array(4)
-      .fill(0)
-      .map((_, index) => ({
-        slug: `val-3-${index + 1}`,
-        value: {
-          __typename: "AttributeValue" as "AttributeValue",
-          id: `val-3-${index + 1}`,
-          name: `val-3-${index + 1}`,
-          slug: `val-3-${index + 1}`,
-          file: null,
-          reference: null,
-          richText: null,
-          boolean: null,
-          date: null,
-          dateTime: null,
-          value: null,
-        },
-      })),
-  },
-  {
-    id: "attr-4",
-    valueRequired: false,
-    values: Array(11)
-      .fill(0)
-      .map((_, index) => ({
-        slug: `val-4-${index + 1}`,
-        value: {
-          __typename: "AttributeValue" as "AttributeValue",
-          id: `val-4-${index + 1}`,
-          name: `val-4-${index + 1}`,
-          slug: `val-4-${index + 1}`,
-          file: null,
-          reference: null,
-          richText: null,
-          boolean: null,
-          date: null,
-          dateTime: null,
-          value: null,
-        },
-      })),
-  },
-];
-
-export const warehouses: WarehouseFragment[] = [
-  {
-    __typename: "Warehouse",
-    id: "wh-1",
-    name: "Warehouse 1",
-  },
-  {
-    __typename: "Warehouse",
-    id: "wh-2",
-    name: "Warehouse 2",
-  },
-  {
-    __typename: "Warehouse",
-    id: "wh-3",
-    name: "Warehouse 3",
-  },
-  {
-    __typename: "Warehouse",
-    id: "wh-4",
-    name: "Warehouse 4",
-  },
-];
-
-export const secondStep: ProductVariantCreateFormData = {
-  ...createInitialForm([], channels, warehouses),
-  attributes: [
-    {
-      id: attributes[0].id,
-      valueRequired: attributes[0].valueRequired,
-      values: [],
-    },
-    {
-      id: attributes[1].id,
-      valueRequired: attributes[1].valueRequired,
-      values: [],
-    },
-    {
-      id: attributes[3].id,
-      valueRequired: attributes[3].valueRequired,
-      values: [],
-    },
-  ],
-};
-
-export const thirdStep: ProductVariantCreateFormData = {
-  ...secondStep,
-  attributes: [
-    {
-      id: attributes[0].id,
-      valueRequired: attributes[0].valueRequired,
-      values: [0, 6].map(index => attributes[0].values[index]),
-    },
-    {
-      id: attributes[1].id,
-      valueRequired: attributes[1].valueRequired,
-      values: [1, 3].map(index => attributes[1].values[index]),
-    },
-    {
-      id: attributes[3].id,
-      valueRequired: attributes[3].valueRequired,
-      values: [0, 4].map(index => attributes[3].values[index]),
-    },
-  ],
-  stock: {
-    ...secondStep.stock,
-    value: warehouses.map(() => 0),
-  },
-  warehouses: warehouses.map(warehouse => warehouse.id),
-};
-
-const price: Price = {
-  attribute: thirdStep.attributes[1].id,
-  channels: [
-    { channelId: channels[0].id, price: "0" },
-    { channelId: channels[1].id, price: "2" },
-    { channelId: channels[2].id, price: "2" },
-  ],
-  mode: "attribute",
-  values: [
-    {
-      slug: thirdStep.attributes[1].values[0].slug,
-      value: [
-        { channelId: channels[0].id, price: "0" },
-        { channelId: channels[1].id, price: "2" },
-        { channelId: channels[2].id, price: "2" },
-      ],
-    },
-    {
-      slug: thirdStep.attributes[1].values[1].slug,
-      value: [
-        { channelId: channels[0].id, price: "0" },
-        { channelId: channels[1].id, price: "2" },
-        { channelId: channels[2].id, price: "2" },
-      ],
-    },
-  ],
-};
-const stock: Stock = {
-  attribute: thirdStep.attributes[2].id,
-  mode: "attribute",
-  value: [],
-  values: [
-    {
-      slug: thirdStep.attributes[2].values[0].slug,
-      value: [50, 20, 45, 75],
-    },
-    {
-      slug: thirdStep.attributes[2].values[1].slug,
-      value: [80, 50, 85, 105],
-    },
-  ],
-};
-export const fourthStep: ProductVariantCreateFormData = {
-  ...thirdStep,
-  price,
-  stock,
-  variants: createVariants({
-    ...thirdStep,
-    price,
-    stock,
-  }),
-};
diff --git a/src/products/components/ProductVariantCreatorPage/form.ts b/src/products/components/ProductVariantCreatorPage/form.ts
deleted file mode 100644
index 94fd75856..000000000
--- a/src/products/components/ProductVariantCreatorPage/form.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { ChannelPriceData } from "@saleor/channels/utils";
-import {
-  AttributeValueFragment,
-  ProductVariantAttributesFragment,
-  ProductVariantBulkCreateInput,
-  WarehouseFragment,
-} from "@saleor/graphql";
-
-export interface ChannelPrice {
-  channelId: string;
-  price: string;
-}
-
-export interface AttributeValue<T> {
-  slug: string;
-  value: T;
-}
-export type VariantCreatorPricesAndSkuMode = "all" | "attribute" | "skip";
-export interface Price {
-  mode: VariantCreatorPricesAndSkuMode;
-  attribute: string;
-  channels: ChannelPrice[];
-  values: Array<AttributeValue<ChannelPrice[]>>;
-}
-export interface Stock {
-  mode: VariantCreatorPricesAndSkuMode;
-  attribute: string;
-  value: number[];
-  values: Array<AttributeValue<number[]>>;
-}
-export interface Attribute {
-  id: string;
-  valueRequired: boolean;
-  values: Array<AttributeValue<Partial<AttributeValueFragment>>>;
-}
-export interface ProductVariantCreateFormData {
-  attributes: Attribute[];
-  price: Price;
-  stock: Stock;
-  variants: ProductVariantBulkCreateInput[];
-  warehouses: string[];
-}
-
-export const createInitialForm = (
-  attributes: ProductVariantAttributesFragment["productType"]["variantAttributes"],
-  channels: ChannelPriceData[],
-  warehouses: WarehouseFragment[],
-): ProductVariantCreateFormData => {
-  const channelListings =
-    channels?.map(channel => ({
-      channelId: channel.id,
-      price: channel.price?.toString() || "",
-    })) || [];
-  return {
-    attributes: attributes.map(attribute => ({
-      id: attribute.id,
-      valueRequired: attribute.valueRequired,
-      values: [],
-    })),
-    price: {
-      attribute: undefined,
-      channels: channelListings,
-      mode: "all",
-      values: [],
-    },
-    stock: {
-      attribute: undefined,
-      mode: "all",
-      value: warehouses.length === 1 ? [0] : [],
-      values: [],
-    },
-    variants: [],
-    warehouses: warehouses.length === 1 ? [warehouses[0].id] : [],
-  };
-};
diff --git a/src/products/components/ProductVariantCreatorPage/index.ts b/src/products/components/ProductVariantCreatorPage/index.ts
deleted file mode 100644
index 5e4e6b074..000000000
--- a/src/products/components/ProductVariantCreatorPage/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from "./ProductVariantCreatorPage";
-export { default } from "./ProductVariantCreatorPage";
diff --git a/src/products/components/ProductVariantCreatorPage/reducer.test.ts b/src/products/components/ProductVariantCreatorPage/reducer.test.ts
deleted file mode 100644
index 71ace0e19..000000000
--- a/src/products/components/ProductVariantCreatorPage/reducer.test.ts
+++ /dev/null
@@ -1,299 +0,0 @@
-import {
-  attributes,
-  channels,
-  fourthStep,
-  secondStep,
-  thirdStep,
-  warehouses,
-} from "./fixtures";
-import { ChannelPrice } from "./form";
-import reducer, { ProductVariantCreateReducerActionType } from "./reducer";
-
-function execActions<TState, TAction>(
-  initialState: TState,
-  reducer: (state: TState, action: TAction) => TState,
-  actions: TAction[],
-): TState {
-  return actions.reduce((acc, action) => reducer(acc, action), initialState);
-}
-
-describe("Reducer is able to", () => {
-  it("select attribute values", () => {
-    const state = execActions(secondStep, reducer, [
-      {
-        selectValue: {
-          attributeId: attributes[0].id,
-          value: attributes[0].values[0],
-        },
-        type: ProductVariantCreateReducerActionType.selectValue,
-      },
-      {
-        selectValue: {
-          attributeId: attributes[0].id,
-          value: attributes[0].values[6],
-        },
-
-        type: ProductVariantCreateReducerActionType.selectValue,
-      },
-      {
-        selectValue: {
-          attributeId: attributes[1].id,
-          value: attributes[1].values[1],
-        },
-        type: ProductVariantCreateReducerActionType.selectValue,
-      },
-      {
-        selectValue: {
-          attributeId: attributes[1].id,
-          value: attributes[1].values[3],
-        },
-        type: ProductVariantCreateReducerActionType.selectValue,
-      },
-      {
-        selectValue: {
-          attributeId: attributes[3].id,
-          value: attributes[3].values[0],
-        },
-        type: ProductVariantCreateReducerActionType.selectValue,
-      },
-      {
-        selectValue: {
-          attributeId: attributes[3].id,
-          value: attributes[3].values[4],
-        },
-        type: ProductVariantCreateReducerActionType.selectValue,
-      },
-    ]);
-
-    expect(state.attributes[0].values).toHaveLength(2);
-    expect(state.attributes[1].values).toHaveLength(2);
-    expect(state.attributes[2].values).toHaveLength(2);
-    expect(state).toMatchSnapshot();
-  });
-
-  it("select price for all variants", () => {
-    const price = "22.99";
-    const state = execActions(thirdStep, reducer, [
-      {
-        applyPriceOrStockToAll: {
-          mode: "all",
-        },
-        type: ProductVariantCreateReducerActionType.applyPriceToAll,
-      },
-      {
-        changeApplyPriceToAllValue: {
-          channelId: channels[0].id,
-          price,
-        },
-        type: ProductVariantCreateReducerActionType.changeApplyPriceToAllValue,
-      },
-      {
-        type: ProductVariantCreateReducerActionType.reload,
-      },
-    ]);
-    expect(state.price.mode).toBe("all");
-    expect(state.price.channels[0].price).toBe(price);
-    expect(state).toMatchSnapshot();
-  });
-
-  it("select warehouses in which stock will be created", () => {
-    const state = execActions(thirdStep, reducer, [
-      {
-        changeWarehouses: {
-          warehouseId: warehouses[0].id,
-        },
-        type: ProductVariantCreateReducerActionType.changeWarehouses,
-      },
-      {
-        changeWarehouses: {
-          warehouseId: warehouses[2].id,
-        },
-        type: ProductVariantCreateReducerActionType.changeWarehouses,
-      },
-    ]);
-
-    expect(state.warehouses).toHaveLength(2);
-    expect(state).toMatchSnapshot();
-  });
-
-  it("select stock for all variants", () => {
-    const quantity = 45;
-    const warehouseIndex = 1;
-    const state = execActions(thirdStep, reducer, [
-      {
-        applyPriceOrStockToAll: {
-          mode: "all",
-        },
-        type: ProductVariantCreateReducerActionType.applyStockToAll,
-      },
-      {
-        changeApplyStockToAllValue: {
-          quantity,
-          warehouseIndex,
-        },
-        type: ProductVariantCreateReducerActionType.changeApplyStockToAllValue,
-      },
-      {
-        type: ProductVariantCreateReducerActionType.reload,
-      },
-    ]);
-
-    expect(state.stock.mode).toBe("all");
-    expect(state.stock.value[warehouseIndex]).toBe(quantity);
-    expect(state).toMatchSnapshot();
-  });
-
-  it("select price to each attribute value", () => {
-    const attribute = thirdStep.attributes[0];
-    const value = 45.99;
-    const state = execActions(thirdStep, reducer, [
-      {
-        applyPriceOrStockToAll: {
-          mode: "attribute",
-        },
-        type: ProductVariantCreateReducerActionType.applyPriceToAll,
-      },
-      {
-        changeApplyPriceOrStockToAttributeId: {
-          attributeId: attribute.id,
-        },
-        type:
-          ProductVariantCreateReducerActionType.changeApplyPriceToAttributeId,
-      },
-      {
-        changeAttributeValuePrice: {
-          channelId: channels[0].id,
-          price: value.toString(),
-          valueId: attribute.values[0].slug,
-        },
-        type: ProductVariantCreateReducerActionType.changeAttributeValuePrice,
-      },
-      {
-        changeAttributeValuePrice: {
-          channelId: channels[1].id,
-          price: (value + 6).toString(),
-          valueId: attribute.values[1].slug,
-        },
-        type: ProductVariantCreateReducerActionType.changeAttributeValuePrice,
-      },
-      {
-        type: ProductVariantCreateReducerActionType.reload,
-      },
-    ]);
-
-    expect(state.price.mode).toBe("attribute");
-    expect(state.price.values).toHaveLength(
-      state.attributes.find(attribute => state.price.attribute === attribute.id)
-        .values.length,
-    );
-    expect(state).toMatchSnapshot();
-  });
-
-  it("select stock to each attribute value", () => {
-    const attribute = thirdStep.attributes[0];
-    const quantity = 13;
-    const state = execActions(thirdStep, reducer, [
-      {
-        applyPriceOrStockToAll: {
-          mode: "attribute",
-        },
-        type: ProductVariantCreateReducerActionType.applyStockToAll,
-      },
-      {
-        changeApplyPriceOrStockToAttributeId: {
-          attributeId: attribute.id,
-        },
-        type:
-          ProductVariantCreateReducerActionType.changeApplyStockToAttributeId,
-      },
-      {
-        changeAttributeValueStock: {
-          quantity,
-          valueId: attribute.values[0].slug,
-          warehouseIndex: 0,
-        },
-        type: ProductVariantCreateReducerActionType.changeAttributeValueStock,
-      },
-      {
-        changeAttributeValueStock: {
-          quantity: quantity + 6,
-          valueId: attribute.values[1].slug,
-          warehouseIndex: 0,
-        },
-        type: ProductVariantCreateReducerActionType.changeAttributeValueStock,
-      },
-      {
-        type: ProductVariantCreateReducerActionType.reload,
-      },
-    ]);
-
-    expect(state.stock.mode).toBe("attribute");
-    expect(state.stock.values).toHaveLength(
-      state.attributes.find(attribute => state.stock.attribute === attribute.id)
-        .values.length,
-    );
-    expect(state).toMatchSnapshot();
-  });
-
-  it("modify individual variant price", () => {
-    const value: ChannelPrice = { channelId: channels[0].id, price: "7" };
-    const variantIndex = 3;
-
-    const state = execActions(fourthStep, reducer, [
-      {
-        changeVariantPriceData: {
-          value,
-          variantIndex,
-        },
-        type: ProductVariantCreateReducerActionType.changeVariantPriceData,
-      },
-    ]);
-
-    expect(state.variants[variantIndex].channelListings[0].price).toBe(
-      value.price,
-    );
-    expect(state.variants[variantIndex - 1].channelListings).toBe(
-      fourthStep.variants[variantIndex - 1].channelListings,
-    );
-    expect(state).toMatchSnapshot();
-  });
-
-  it("modify individual variant stock", () => {
-    const quantity = 5;
-    const variantIndex = 3;
-
-    const state = execActions(fourthStep, reducer, [
-      {
-        changeVariantStockData: {
-          stock: {
-            quantity,
-            warehouse: warehouses[0].id,
-          },
-          variantIndex,
-        },
-        type: ProductVariantCreateReducerActionType.changeVariantStockData,
-      },
-    ]);
-
-    expect(state.variants[variantIndex].stocks[0].quantity).toBe(quantity);
-    expect(state.variants[variantIndex - 1].stocks[0].quantity).toBe(
-      fourthStep.variants[variantIndex - 1].stocks[0].quantity,
-    );
-    expect(state).toMatchSnapshot();
-  });
-
-  it("delete variant", () => {
-    const variantIndex = 3;
-
-    const state = execActions(fourthStep, reducer, [
-      {
-        deleteVariant: {
-          variantIndex,
-        },
-        type: ProductVariantCreateReducerActionType.deleteVariant,
-      },
-    ]);
-
-    expect(state.variants.length).toBe(fourthStep.variants.length - 1);
-  });
-});
diff --git a/src/products/components/ProductVariantCreatorPage/reducer.ts b/src/products/components/ProductVariantCreatorPage/reducer.ts
deleted file mode 100644
index 267f3cefa..000000000
--- a/src/products/components/ProductVariantCreatorPage/reducer.ts
+++ /dev/null
@@ -1,572 +0,0 @@
-import {
-  AttributeValueFragment,
-  ProductVariantBulkCreateInput,
-  StockInput,
-} from "@saleor/graphql";
-import {
-  add,
-  remove,
-  removeAtIndex,
-  toggle,
-  update,
-  updateAtIndex,
-} from "@saleor/utils/lists";
-
-import { createVariants } from "./createVariants";
-import {
-  AttributeValue,
-  ProductVariantCreateFormData,
-  VariantCreatorPricesAndSkuMode,
-} from "./form";
-
-export enum ProductVariantCreateReducerActionType {
-  applyPriceToAll,
-  applyPriceToAttribute,
-  applyStockToAll,
-  applyStockToAttribute,
-  changeApplyPriceToAllValue,
-  changeApplyPriceToAttributeId,
-  changeApplyStockToAllValue,
-  changeApplyStockToAttributeId,
-  changeAttributeValuePrice,
-  changeAttributeValueStock,
-  changeVariantSku,
-  changeVariantPriceData,
-  changeVariantStockData,
-  changeWarehouses,
-  deleteVariant,
-  reload,
-  rebuild,
-  selectValue,
-}
-export interface ProductVariantCreateReducerAction {
-  applyPriceOrStockToAll?: {
-    mode: VariantCreatorPricesAndSkuMode;
-  };
-  changeApplyPriceToAllValue?: {
-    channelId: string;
-    price: string;
-  };
-  changeApplyPriceOrStockToAttributeId?: {
-    attributeId: string;
-  };
-  changeApplyStockToAllValue?: Record<"quantity" | "warehouseIndex", number>;
-  changeAttributeValuePrice?: Record<"valueId" | "price" | "channelId", string>;
-  changeAttributeValueStock?: {
-    valueId: string;
-    quantity: number;
-    warehouseIndex: number;
-  };
-  changeVariantSku?: {
-    value: string;
-    variantIndex: number;
-  };
-  changeVariantPriceData?: {
-    value: { channelId: string; price: string };
-    variantIndex: number;
-  };
-  changeVariantStockData?: {
-    stock: StockInput;
-    variantIndex: number;
-  };
-  changeWarehouses?: {
-    warehouseId: string;
-  };
-  deleteVariant?: {
-    variantIndex: number;
-  };
-  reload?: {
-    data?: ProductVariantCreateFormData;
-  };
-  selectValue?: {
-    attributeId: string;
-    value: AttributeValue<Partial<AttributeValueFragment>>;
-  };
-  type: ProductVariantCreateReducerActionType;
-}
-
-function getVariantId(variant: ProductVariantBulkCreateInput): string {
-  return variant.attributes
-    .map(attribute => attribute.values.join(":"))
-    .join("-");
-}
-
-function merge(
-  prev: ProductVariantBulkCreateInput[],
-  update: ProductVariantBulkCreateInput[],
-): ProductVariantBulkCreateInput[] {
-  const prevIds = prev.map(getVariantId);
-  const updateIds = update.map(getVariantId);
-  return [
-    ...prev
-      .filter(variant => updateIds.includes(getVariantId(variant)))
-      .map(variant => {
-        const updatedVariant = update.find(
-          v => getVariantId(v) === getVariantId(variant),
-        );
-
-        return {
-          ...updatedVariant,
-          sku: variant.sku,
-        };
-      }),
-    ...update.filter(variant => !prevIds.includes(getVariantId(variant))),
-  ];
-}
-
-function rebuild(
-  state: ProductVariantCreateFormData,
-): ProductVariantCreateFormData {
-  return {
-    ...state,
-    variants: merge(state.variants, createVariants(state)),
-  };
-}
-
-function selectValue(
-  prevState: ProductVariantCreateFormData,
-  attributeId: string,
-  value: AttributeValue<Partial<AttributeValueFragment>>,
-): ProductVariantCreateFormData {
-  const attribute = prevState.attributes.find(
-    attribute => attribute.id === attributeId,
-  );
-
-  const values = toggle(value, attribute.values, (a, b) => a.slug === b.slug);
-  const updatedAttributes = add(
-    {
-      id: attributeId,
-      valueRequired: attribute.valueRequired,
-      values,
-    },
-    remove(attribute, prevState.attributes, (a, b) => a.id === b.id),
-  );
-
-  const priceValues =
-    prevState.price.attribute === attributeId
-      ? toggle(
-          {
-            slug: value.slug,
-            value: [],
-          },
-          prevState.price.values,
-          (a, b) => a.slug === b.slug,
-        )
-      : prevState.price.values;
-
-  const stockValues =
-    prevState.stock.attribute === attributeId
-      ? toggle(
-          {
-            slug: value.slug,
-            value: [],
-          },
-          prevState.stock.values,
-          (a, b) => a.slug === b.slug,
-        )
-      : prevState.stock.values;
-
-  return {
-    ...prevState,
-    attributes: updatedAttributes,
-    price: {
-      ...prevState.price,
-      values: priceValues,
-    },
-    stock: {
-      ...prevState.stock,
-      values: stockValues,
-    },
-  };
-}
-
-function applyPriceToAll(
-  state: ProductVariantCreateFormData,
-  mode: VariantCreatorPricesAndSkuMode,
-): ProductVariantCreateFormData {
-  return {
-    ...state,
-    price: {
-      ...state.price,
-      mode,
-    },
-  };
-}
-
-function applyStockToAll(
-  state: ProductVariantCreateFormData,
-  mode: VariantCreatorPricesAndSkuMode,
-): ProductVariantCreateFormData {
-  return {
-    ...state,
-    stock: {
-      ...state.stock,
-      mode,
-    },
-  };
-}
-
-function changeAttributeValuePrice(
-  state: ProductVariantCreateFormData,
-  attributeValueSlug: string,
-  price: string,
-  channelId: string,
-): ProductVariantCreateFormData {
-  const index = state.price.values.findIndex(
-    value => value.slug === attributeValueSlug,
-  );
-
-  if (index === -1) {
-    throw new Error(`Value with id ${attributeValueSlug} not found`);
-  }
-
-  const channels = state.price.values[index].value;
-  const channelIndex = channels.findIndex(
-    channel => channel.channelId === channelId,
-  );
-
-  const values = updateAtIndex(
-    {
-      slug: attributeValueSlug,
-      value: updateAtIndex({ channelId, price }, channels, channelIndex),
-    },
-    state.price.values,
-    index,
-  );
-
-  return {
-    ...state,
-    price: {
-      ...state.price,
-      values,
-    },
-  };
-}
-
-function changeAttributeValueStock(
-  state: ProductVariantCreateFormData,
-  attributeValueSlug: string,
-  quantity: number,
-  warehouseIndex: number,
-): ProductVariantCreateFormData {
-  const index = state.stock.values.findIndex(
-    value => value.slug === attributeValueSlug,
-  );
-
-  if (index === -1) {
-    throw new Error(`Value with id ${attributeValueSlug} not found`);
-  }
-
-  const values = updateAtIndex(
-    {
-      ...state.stock.values[index],
-      value: updateAtIndex(
-        quantity,
-        state.stock.values[index].value,
-        warehouseIndex,
-      ),
-    },
-    state.stock.values,
-    index,
-  );
-
-  return {
-    ...state,
-    stock: {
-      ...state.stock,
-      values,
-    },
-  };
-}
-
-function changeApplyPriceToAttributeId(
-  state: ProductVariantCreateFormData,
-  attributeId: string,
-): ProductVariantCreateFormData {
-  const attribute = state.attributes.find(
-    attribute => attribute.id === attributeId,
-  );
-  const values = attribute.values.map(value => ({
-    slug: value.slug,
-    value: [],
-  }));
-
-  return {
-    ...state,
-    price: {
-      ...state.price,
-      attribute: attributeId,
-      values,
-    },
-  };
-}
-
-function changeApplyStockToAttributeId(
-  state: ProductVariantCreateFormData,
-  attributeId: string,
-): ProductVariantCreateFormData {
-  const attribute = state.attributes.find(
-    attribute => attribute.id === attributeId,
-  );
-  const values = attribute.values.map(value => ({
-    slug: value.slug,
-    value: [],
-  }));
-
-  return {
-    ...state,
-    stock: {
-      ...state.stock,
-      attribute: attributeId,
-      values,
-    },
-  };
-}
-
-function changeApplyPriceToAllValue(
-  state: ProductVariantCreateFormData,
-  channelId: string,
-  price: string,
-): ProductVariantCreateFormData {
-  const prevChannels = [...state.price.channels];
-  const channelIndex = prevChannels?.findIndex(
-    channel => channelId === channel.channelId,
-  );
-  prevChannels[channelIndex] = { channelId, price };
-  return {
-    ...state,
-    price: {
-      ...state.price,
-      channels: prevChannels,
-    },
-  };
-}
-
-function changeApplyStockToAllValue(
-  state: ProductVariantCreateFormData,
-  warehouseIndex: number,
-  quantity: number,
-): ProductVariantCreateFormData {
-  return {
-    ...state,
-    stock: {
-      ...state.stock,
-      value: updateAtIndex(quantity, state.stock.value, warehouseIndex),
-    },
-  };
-}
-
-function changeVariantSku(
-  state: ProductVariantCreateFormData,
-  value: string,
-  variantIndex: number,
-): ProductVariantCreateFormData {
-  const variant = {
-    ...state.variants[variantIndex],
-  };
-  variant.sku = value;
-
-  return {
-    ...state,
-    variants: updateAtIndex(variant, state.variants, variantIndex),
-  };
-}
-
-function changeVariantStockData(
-  state: ProductVariantCreateFormData,
-  stock: StockInput,
-  variantIndex: number,
-): ProductVariantCreateFormData {
-  const variant = {
-    ...state.variants[variantIndex],
-  };
-  variant.stocks = update(
-    stock,
-    variant.stocks,
-    (a, b) => a.warehouse === b.warehouse,
-  );
-
-  return {
-    ...state,
-    variants: updateAtIndex(variant, state.variants, variantIndex),
-  };
-}
-
-function changeVariantPriceData(
-  state: ProductVariantCreateFormData,
-  value: { channelId: string; price: string },
-  variantIndex: number,
-): ProductVariantCreateFormData {
-  const { channelId, price } = value;
-  const variant = {
-    ...state.variants[variantIndex],
-  };
-  const channelIndex = variant.channelListings.findIndex(
-    listing => listing.channelId === channelId,
-  );
-  const updatedVariant = {
-    ...variant,
-    channelListings: updateAtIndex(
-      { channelId, price },
-      [...variant.channelListings],
-      channelIndex,
-    ),
-  };
-  return {
-    ...state,
-    variants: updateAtIndex(updatedVariant, [...state.variants], variantIndex),
-  };
-}
-
-function changeWarehouses(
-  state: ProductVariantCreateFormData,
-  warehouseId: string,
-): ProductVariantCreateFormData {
-  const warehouses = toggle(warehouseId, state.warehouses, (a, b) => a === b);
-  const added = warehouses.length > state.warehouses.length;
-
-  if (added) {
-    return {
-      ...state,
-      stock: {
-        ...state.stock,
-        value: [...state.stock.value, 0],
-        values: state.stock.values.map(stockValue => ({
-          ...stockValue,
-          value: [...stockValue.value, 0],
-        })),
-      },
-      warehouses,
-    };
-  }
-
-  const warehouseIndex = state.warehouses.indexOf(warehouseId);
-
-  return {
-    ...state,
-    stock: {
-      ...state.stock,
-      value: removeAtIndex(state.stock.value, warehouseIndex),
-      values: state.stock.values.map(stockValue => ({
-        ...stockValue,
-        value: removeAtIndex(stockValue.value, warehouseIndex),
-      })),
-    },
-    warehouses,
-  };
-}
-
-function deleteVariant(
-  state: ProductVariantCreateFormData,
-  variantIndex: number,
-): ProductVariantCreateFormData {
-  const variants = removeAtIndex(state.variants, variantIndex);
-
-  return {
-    ...state,
-    variants: variants.length
-      ? variants
-      : createVariants({
-          ...state,
-          attributes: state.attributes.map(attribute => ({
-            id: attribute.id,
-            valueRequired: attribute.valueRequired,
-            values: [],
-          })),
-          variants,
-        }),
-  };
-}
-
-function createVariantMatrix(
-  state: ProductVariantCreateFormData,
-): ProductVariantCreateFormData {
-  return {
-    ...state,
-    variants: createVariants(state),
-  };
-}
-
-function reduceProductVariantCreateFormData(
-  prevState: ProductVariantCreateFormData,
-  action: ProductVariantCreateReducerAction,
-) {
-  switch (action.type) {
-    case ProductVariantCreateReducerActionType.selectValue:
-      return selectValue(
-        prevState,
-        action.selectValue.attributeId,
-        action.selectValue.value,
-      );
-    case ProductVariantCreateReducerActionType.applyPriceToAll:
-      return applyPriceToAll(prevState, action.applyPriceOrStockToAll.mode);
-    case ProductVariantCreateReducerActionType.applyStockToAll:
-      return applyStockToAll(prevState, action.applyPriceOrStockToAll.mode);
-    case ProductVariantCreateReducerActionType.changeAttributeValuePrice:
-      return changeAttributeValuePrice(
-        prevState,
-        action.changeAttributeValuePrice.valueId,
-        action.changeAttributeValuePrice.price,
-        action.changeAttributeValuePrice.channelId,
-      );
-    case ProductVariantCreateReducerActionType.changeAttributeValueStock:
-      return changeAttributeValueStock(
-        prevState,
-        action.changeAttributeValueStock.valueId,
-        action.changeAttributeValueStock.quantity,
-        action.changeAttributeValueStock.warehouseIndex,
-      );
-    case ProductVariantCreateReducerActionType.changeApplyPriceToAttributeId:
-      return changeApplyPriceToAttributeId(
-        prevState,
-        action.changeApplyPriceOrStockToAttributeId.attributeId,
-      );
-    case ProductVariantCreateReducerActionType.changeApplyStockToAttributeId:
-      return changeApplyStockToAttributeId(
-        prevState,
-        action.changeApplyPriceOrStockToAttributeId.attributeId,
-      );
-    case ProductVariantCreateReducerActionType.changeApplyPriceToAllValue:
-      return changeApplyPriceToAllValue(
-        prevState,
-        action.changeApplyPriceToAllValue.channelId,
-        action.changeApplyPriceToAllValue.price,
-      );
-    case ProductVariantCreateReducerActionType.changeApplyStockToAllValue:
-      return changeApplyStockToAllValue(
-        prevState,
-        action.changeApplyStockToAllValue.warehouseIndex,
-        action.changeApplyStockToAllValue.quantity,
-      );
-    case ProductVariantCreateReducerActionType.changeVariantSku:
-      return changeVariantSku(
-        prevState,
-        action.changeVariantSku.value,
-        action.changeVariantSku.variantIndex,
-      );
-    case ProductVariantCreateReducerActionType.changeVariantPriceData:
-      return changeVariantPriceData(
-        prevState,
-        action.changeVariantPriceData.value,
-        action.changeVariantPriceData.variantIndex,
-      );
-    case ProductVariantCreateReducerActionType.changeVariantStockData:
-      return changeVariantStockData(
-        prevState,
-        action.changeVariantStockData.stock,
-        action.changeVariantStockData.variantIndex,
-      );
-    case ProductVariantCreateReducerActionType.changeWarehouses:
-      return changeWarehouses(prevState, action.changeWarehouses.warehouseId);
-    case ProductVariantCreateReducerActionType.deleteVariant:
-      return deleteVariant(prevState, action.deleteVariant.variantIndex);
-    case ProductVariantCreateReducerActionType.reload:
-      return action.reload?.data || createVariantMatrix(prevState);
-    case ProductVariantCreateReducerActionType.rebuild:
-      return rebuild(prevState);
-    default:
-      return prevState;
-  }
-}
-
-export default reduceProductVariantCreateFormData;
diff --git a/src/products/components/ProductVariantCreatorPage/types.ts b/src/products/components/ProductVariantCreatorPage/types.ts
deleted file mode 100644
index 865c79e64..000000000
--- a/src/products/components/ProductVariantCreatorPage/types.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export enum ProductVariantCreatorStep {
-  values,
-  prices,
-  summary,
-}
diff --git a/src/products/components/ProductVariantCreatorPage/utils.ts b/src/products/components/ProductVariantCreatorPage/utils.ts
deleted file mode 100644
index d50b5426b..000000000
--- a/src/products/components/ProductVariantCreatorPage/utils.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-import {
-  AttributeValueFragment,
-  ProductVariantAttributesFragment,
-  SearchAttributeValuesQuery,
-} from "@saleor/graphql";
-import { getById } from "@saleor/orders/components/OrderReturnPage/utils";
-import { RelayToFlat } from "@saleor/types";
-import uniqBy from "lodash/uniqBy";
-
-import { AttributeValue, ProductVariantCreateFormData } from "./form";
-
-export function getPriceAttributeValues(
-  data: ProductVariantCreateFormData,
-  attributes: ProductVariantAttributesFragment["productType"]["variantAttributes"],
-): AttributeValueFragment[] {
-  return data.price.mode === "all"
-    ? null
-    : data.price.attribute
-    ? attributes
-        .find(attribute => attribute.id === data.price.attribute)
-        .choices.edges.filter(value =>
-          data.attributes
-            .find(attribute => attribute.id === data.price.attribute)
-            .values.some(
-              attributeValue => attributeValue.slug === value.node.slug,
-            ),
-        )
-        .map(value => value.node)
-    : [];
-}
-
-export function getStockAttributeValues(
-  data: ProductVariantCreateFormData,
-  attributes: ProductVariantAttributesFragment["productType"]["variantAttributes"],
-): AttributeValueFragment[] {
-  return data.stock.mode === "all"
-    ? null
-    : data.stock.attribute
-    ? attributes
-        .find(attribute => attribute.id === data.stock.attribute)
-        .choices.edges.filter(value =>
-          data.attributes
-            .find(attribute => attribute.id === data.stock.attribute)
-            .values.some(
-              attributeValue => attributeValue.slug === value.node.slug,
-            ),
-        )
-        .map(value => value.node)
-    : [];
-}
-
-export const getBySlug = (slugToCompare: string) => (obj: { slug: string }) =>
-  obj.slug === slugToCompare;
-
-export const getBooleanAttributeValue = (
-  attributeName: string,
-  attributeValue: boolean,
-): AttributeValue<Partial<AttributeValueFragment>> => ({
-  slug: attributeValue.toString(),
-  value: {
-    boolean: attributeValue,
-    name: `${attributeName}: ${attributeValue ? "Yes" : "No"}`,
-  },
-});
-
-export const getBasicAttributeValue = (
-  attributeId: string,
-  attributeValue: string,
-  attributeValues: RelayToFlat<
-    SearchAttributeValuesQuery["attribute"]["choices"]
-  >,
-  data: ProductVariantCreateFormData,
-): AttributeValue<Partial<AttributeValueFragment>> => {
-  const dataAttribute = data.attributes.find(getById(attributeId));
-
-  return {
-    slug: attributeValue,
-    value:
-      dataAttribute?.values.find(getBySlug(attributeValue))?.value ||
-      attributeValues.find(getBySlug(attributeValue)),
-  };
-};
-
-export function dedupeListings(
-  data: ProductVariantCreateFormData,
-): ProductVariantCreateFormData {
-  return {
-    ...data,
-    variants: data.variants.map(variant => ({
-      ...variant,
-      channelListings: uniqBy(variant.channelListings, "channelId"),
-    })),
-  };
-}
diff --git a/src/products/components/ProductVariants/ProductVariants.tsx b/src/products/components/ProductVariants/ProductVariants.tsx
index 3899ed2b5..0935d1921 100644
--- a/src/products/components/ProductVariants/ProductVariants.tsx
+++ b/src/products/components/ProductVariants/ProductVariants.tsx
@@ -225,7 +225,6 @@ interface ProductVariantsProps extends ListActions, ChannelProps {
   variants: ProductDetailsVariantFragment[];
   onVariantReorder: ReorderAction;
   onSetDefaultVariant(variant: ProductDetailsVariantFragment[][0]);
-  onVariantsAdd?();
 }
 
 const numberOfColumns = 7;
@@ -237,7 +236,6 @@ export const ProductVariants: React.FC<ProductVariantsProps> = props => {
     limits,
     variants,
     product,
-    onVariantsAdd,
     onVariantReorder,
     onSetDefaultVariant,
     isChecked,
@@ -263,33 +261,18 @@ export const ProductVariants: React.FC<ProductVariantsProps> = props => {
           description: "section header",
         })}
         toolbar={
-          hasVariants ? (
-            <Button
-              disabled={limitReached}
-              href={productVariantAddUrl(productId)}
-              variant="tertiary"
-              data-test-id="button-add-variant"
-            >
-              <FormattedMessage
-                id="3VyHbJ"
-                defaultMessage="Create variant"
-                description="button"
-              />
-            </Button>
-          ) : (
-            <Button
-              disabled={limitReached}
-              onClick={onVariantsAdd}
-              variant="tertiary"
-              data-test-id="button-add-variants"
-            >
-              <FormattedMessage
-                id="HcjV6k"
-                defaultMessage="Create variants"
-                description="button"
-              />
-            </Button>
-          )
+          <Button
+            disabled={limitReached}
+            href={productVariantAddUrl(productId)}
+            variant="tertiary"
+            data-test-id="button-add-variant"
+          >
+            <FormattedMessage
+              id="3VyHbJ"
+              defaultMessage="Create variant"
+              description="button"
+            />
+          </Button>
         }
       />
 
diff --git a/src/products/index.tsx b/src/products/index.tsx
index 041b8b519..b51d321d7 100644
--- a/src/products/index.tsx
+++ b/src/products/index.tsx
@@ -19,7 +19,6 @@ import {
   ProductUrlQueryParams,
   productVariantAddPath,
   ProductVariantAddUrlQueryParams,
-  productVariantCreatorPath,
   productVariantEditPath,
   ProductVariantEditUrlQueryParams,
 } from "./urls";
@@ -29,7 +28,6 @@ import ProductListComponent from "./views/ProductList";
 import ProductUpdateComponent from "./views/ProductUpdate";
 import ProductVariantComponent from "./views/ProductVariant";
 import ProductVariantCreateComponent from "./views/ProductVariantCreate";
-import ProductVariantCreatorComponent from "./views/ProductVariantCreator";
 
 const ProductList: React.FC<RouteComponentProps<any>> = ({ location }) => {
   const qs = parseQs(location.search.substr(1));
@@ -113,12 +111,6 @@ const ProductVariantCreate: React.FC<RouteComponentProps<any>> = ({
   );
 };
 
-const ProductVariantCreator: React.FC<RouteComponentProps<{
-  id: string;
-}>> = ({ match }) => (
-  <ProductVariantCreatorComponent id={decodeURIComponent(match.params.id)} />
-);
-
 const Component = () => {
   const intl = useIntl();
 
@@ -128,10 +120,6 @@ const Component = () => {
       <Switch>
         <Route exact path={productListPath} component={ProductList} />
         <Route exact path={productAddPath} component={ProductCreate} />
-        <Route
-          path={productVariantCreatorPath(":id")}
-          component={ProductVariantCreator}
-        />
         <Route
           exact
           path={productVariantAddPath(":id")}
diff --git a/src/products/mutations.ts b/src/products/mutations.ts
index dd686b78d..a6cf916f2 100644
--- a/src/products/mutations.ts
+++ b/src/products/mutations.ts
@@ -382,19 +382,6 @@ export const productBulkDeleteMutation = gql`
   }
 `;
 
-export const ProductVariantBulkCreateMutation = gql`
-  mutation ProductVariantBulkCreate(
-    $id: ID!
-    $inputs: [ProductVariantBulkCreateInput!]!
-  ) {
-    productVariantBulkCreate(product: $id, variants: $inputs) {
-      errors {
-        ...BulkProductError
-      }
-    }
-  }
-`;
-
 export const ProductVariantBulkDeleteMutation = gql`
   mutation ProductVariantBulkDelete($ids: [ID!]!) {
     productVariantBulkDelete(ids: $ids) {
diff --git a/src/products/queries.ts b/src/products/queries.ts
index 645b6c3d2..e190a5d12 100644
--- a/src/products/queries.ts
+++ b/src/products/queries.ts
@@ -260,24 +260,3 @@ export const gridAttributes = gql`
     }
   }
 `;
-
-export const createMultipleVariantsData = gql`
-  query CreateMultipleVariantsData(
-    $id: ID!
-    $firstValues: Int
-    $afterValues: String
-    $lastValues: Int
-    $beforeValues: String
-  ) {
-    product(id: $id) {
-      ...ProductVariantAttributes
-    }
-    warehouses(first: 20) {
-      edges {
-        node {
-          ...Warehouse
-        }
-      }
-    }
-  }
-`;
diff --git a/src/products/urls.ts b/src/products/urls.ts
index 09b3c477d..c7ce9d549 100644
--- a/src/products/urls.ts
+++ b/src/products/urls.ts
@@ -74,7 +74,6 @@ export const productListUrl = (params?: ProductListUrlQueryParams): string =>
 
 export const productPath = (id: string) => urlJoin(productSection + id);
 export type ProductUrlDialog =
-  | "add-variants"
   | "remove"
   | "remove-variants"
   | "assign-attribute-value"
@@ -107,11 +106,6 @@ export const productVariantEditUrl = (
   "?" +
   stringifyQs(params);
 
-export const productVariantCreatorPath = (productId: string) =>
-  urlJoin(productSection, productId, "variant-creator");
-export const productVariantCreatorUrl = (productId: string) =>
-  productVariantCreatorPath(encodeURIComponent(productId));
-
 export type ProductVariantAddUrlDialog = "assign-attribute-value";
 export type ProductVariantAddUrlQueryParams = Dialog<
   ProductVariantAddUrlDialog
diff --git a/src/products/views/ProductUpdate/ProductUpdate.tsx b/src/products/views/ProductUpdate/ProductUpdate.tsx
index 45ca5ffc7..006b34367 100644
--- a/src/products/views/ProductUpdate/ProductUpdate.tsx
+++ b/src/products/views/ProductUpdate/ProductUpdate.tsx
@@ -49,7 +49,6 @@ import useShop from "@saleor/hooks/useShop";
 import useStateFromProps from "@saleor/hooks/useStateFromProps";
 import { commonMessages, errorMessages } from "@saleor/intl";
 import { DeleteIcon, IconButton } from "@saleor/macaw-ui";
-import ProductVariantCreateDialog from "@saleor/products/components/ProductVariantCreateDialog";
 import ProductVariantEndPreorderDialog from "@saleor/products/components/ProductVariantEndPreorderDialog";
 import useCategorySearch from "@saleor/searches/useCategorySearch";
 import useCollectionSearch from "@saleor/searches/useCollectionSearch";
@@ -71,8 +70,6 @@ import {
   productUrl,
   ProductUrlDialog,
   ProductUrlQueryParams,
-  productVariantAddUrl,
-  productVariantCreatorUrl,
 } from "../../urls";
 import {
   CHANNELS_AVAILIABILITY_MODAL_SELECTOR,
@@ -401,9 +398,6 @@ export const ProductUpdate: React.FC<ProductUpdateProps> = ({ id, params }) => {
 
   const handleBack = () => navigate(productListUrl());
 
-  const handleVariantAdd = () => navigate(productVariantAddUrl(id));
-  const handleVariantsAdd = () => navigate(productVariantCreatorUrl(id));
-
   const handleImageDelete = (id: string) => () =>
     deleteProductImage({ variables: { id } });
 
@@ -598,7 +592,6 @@ export const ProductUpdate: React.FC<ProductUpdateProps> = ({ id, params }) => {
         onMediaUrlUpload={handleMediaUrlUpload}
         onSubmit={handleSubmit}
         onWarehouseConfigure={() => navigate(warehouseAddPath)}
-        onVariantsAdd={() => openModal("add-variants")}
         onVariantReorder={handleVariantReorder}
         onVariantEndPreorderDialogOpen={() => setIsEndPreorderModalOpened(true)}
         onImageUpload={handleImageUpload}
@@ -678,13 +671,6 @@ export const ProductUpdate: React.FC<ProductUpdateProps> = ({ id, params }) => {
           />
         </DialogContentText>
       </ActionDialog>
-      <ProductVariantCreateDialog
-        open={params.action === "add-variants"}
-        onClose={closeModal}
-        onConfirm={option =>
-          option === "multiple" ? handleVariantsAdd() : handleVariantAdd()
-        }
-      />
       {isSimpleProduct && !!product?.variants?.[0]?.preorder && (
         <ProductVariantEndPreorderDialog
           confirmButtonState={deactivatePreoderOpts.status}
diff --git a/src/products/views/ProductVariantCreator/ProductVariantCreator.tsx b/src/products/views/ProductVariantCreator/ProductVariantCreator.tsx
deleted file mode 100644
index 101659b72..000000000
--- a/src/products/views/ProductVariantCreator/ProductVariantCreator.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-import { useShopLimitsQuery } from "@saleor/components/Shop/queries";
-import { WindowTitle } from "@saleor/components/WindowTitle";
-import { DEFAULT_INITIAL_SEARCH_DATA } from "@saleor/config";
-import {
-  useCreateMultipleVariantsDataQuery,
-  useProductVariantBulkCreateMutation,
-} from "@saleor/graphql";
-import useNavigator from "@saleor/hooks/useNavigator";
-import useNotifier from "@saleor/hooks/useNotifier";
-import { productUrl } from "@saleor/products/urls";
-import useAttributeValueSearchHandler from "@saleor/utils/handlers/attributeValueSearchHandler";
-import { mapEdgesToItems } from "@saleor/utils/maps";
-import React from "react";
-import { useIntl } from "react-intl";
-
-import ProductVariantCreatorPage from "../../components/ProductVariantCreatorPage";
-
-interface ProductVariantCreatorProps {
-  id: string;
-}
-
-const ProductVariantCreator: React.FC<ProductVariantCreatorProps> = ({
-  id,
-}) => {
-  const navigate = useNavigator();
-  const notify = useNotifier();
-  const intl = useIntl();
-  const { data } = useCreateMultipleVariantsDataQuery({
-    displayLoader: true,
-    variables: {
-      id,
-      firstValues: 10,
-    },
-  });
-  const [
-    bulkProductVariantCreate,
-    bulkProductVariantCreateOpts,
-  ] = useProductVariantBulkCreateMutation({
-    onCompleted: data => {
-      if (data.productVariantBulkCreate.errors.length === 0) {
-        notify({
-          status: "success",
-          text: intl.formatMessage({
-            id: "oChkS4",
-            defaultMessage: "Successfully created variants",
-            description: "success message",
-          }),
-        });
-        navigate(productUrl(id));
-      }
-    },
-  });
-  const limitOpts = useShopLimitsQuery({
-    variables: {
-      productVariants: true,
-    },
-  });
-
-  const {
-    loadMore: loadMoreAttributeValues,
-    search: searchAttributeValues,
-    reset: searchAttributeReset,
-    result: searchAttributeValuesOpts,
-  } = useAttributeValueSearchHandler(DEFAULT_INITIAL_SEARCH_DATA);
-
-  const fetchMoreAttributeValues = {
-    hasMore: !!searchAttributeValuesOpts.data?.attribute?.choices?.pageInfo
-      ?.hasNextPage,
-    loading: !!searchAttributeValuesOpts.loading,
-    onFetchMore: loadMoreAttributeValues,
-  };
-
-  const attributeValues =
-    mapEdgesToItems(searchAttributeValuesOpts?.data?.attribute.choices) || [];
-
-  return (
-    <>
-      <WindowTitle
-        title={intl.formatMessage({
-          id: "z+wMgQ",
-          defaultMessage: "Create Variants",
-          description: "window title",
-        })}
-      />
-      <ProductVariantCreatorPage
-        errors={
-          bulkProductVariantCreateOpts.data?.productVariantBulkCreate.errors ||
-          []
-        }
-        channelListings={data?.product?.channelListings?.map(listing => ({
-          currency: listing.channel.currencyCode,
-          id: listing.channel.id,
-          name: listing.channel.name,
-          price: "",
-        }))}
-        attributes={data?.product?.productType?.variantAttributes || []}
-        attributeValues={attributeValues}
-        fetchAttributeValues={searchAttributeValues}
-        fetchMoreAttributeValues={fetchMoreAttributeValues}
-        limits={limitOpts.data?.shop?.limits}
-        onSubmit={inputs =>
-          bulkProductVariantCreate({
-            variables: { id, inputs },
-          })
-        }
-        onAttributeSelectBlur={searchAttributeReset}
-        warehouses={mapEdgesToItems(data?.warehouses) || []}
-      />
-    </>
-  );
-};
-ProductVariantCreator.displayName = "ProductVariantCreator";
-export default ProductVariantCreator;
diff --git a/src/products/views/ProductVariantCreator/index.ts b/src/products/views/ProductVariantCreator/index.ts
deleted file mode 100644
index 033e63894..000000000
--- a/src/products/views/ProductVariantCreator/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from "./ProductVariantCreator";
-export { default } from "./ProductVariantCreator";
diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index ddb885c68..3d9639a14 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -4247,7 +4247,7 @@ exports[`Storyshots Generics / AddressEdit default 1`] = `
           <div
             aria-expanded="false"
             aria-haspopup="listbox"
-            aria-labelledby="downshift-63-label"
+            aria-labelledby="downshift-57-label"
             class="SingleAutocompleteSelectField-container-id"
             data-test-id="address-edit-country-select-field"
             role="combobox"
@@ -4267,10 +4267,10 @@ exports[`Storyshots Generics / AddressEdit default 1`] = `
                 <input
                   aria-autocomplete="list"
                   aria-invalid="false"
-                  aria-labelledby="downshift-63-label"
+                  aria-labelledby="downshift-57-label"
                   autocomplete="off"
                   class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                  id="downshift-63-input"
+                  id="downshift-57-input"
                   type="text"
                   value="Szwecja"
                 />
@@ -4463,7 +4463,7 @@ exports[`Storyshots Generics / Autocomplete Menu default 1`] = `
       <div
         aria-expanded="false"
         aria-haspopup="listbox"
-        aria-labelledby="downshift-64-label"
+        aria-labelledby="downshift-58-label"
         class="AutocompleteSelectMenu-container-id"
         data-test-id="container-autocomplete-select"
         role="combobox"
@@ -4521,7 +4521,7 @@ exports[`Storyshots Generics / Autocomplete Menu error 1`] = `
       <div
         aria-expanded="false"
         aria-haspopup="listbox"
-        aria-labelledby="downshift-66-label"
+        aria-labelledby="downshift-60-label"
         class="AutocompleteSelectMenu-container-id"
         data-test-id="container-autocomplete-select"
         role="combobox"
@@ -4585,7 +4585,7 @@ exports[`Storyshots Generics / Autocomplete Menu interactive 1`] = `
         <div
           aria-expanded="false"
           aria-haspopup="listbox"
-          aria-labelledby="downshift-67-label"
+          aria-labelledby="downshift-61-label"
           class="AutocompleteSelectMenu-container-id"
           data-test-id="container-autocomplete-select"
           role="combobox"
@@ -4644,7 +4644,7 @@ exports[`Storyshots Generics / Autocomplete Menu loading 1`] = `
       <div
         aria-expanded="false"
         aria-haspopup="listbox"
-        aria-labelledby="downshift-65-label"
+        aria-labelledby="downshift-59-label"
         class="AutocompleteSelectMenu-container-id"
         data-test-id="container-autocomplete-select"
         role="combobox"
@@ -24215,7 +24215,7 @@ exports[`Storyshots Shipping zones details / Settings Card default 1`] = `
         <div
           aria-expanded="false"
           aria-haspopup="listbox"
-          aria-labelledby="downshift-42-label"
+          aria-labelledby="downshift-36-label"
           class="MultiAutocompleteSelectField-container-id"
           role="combobox"
         >
@@ -24234,10 +24234,10 @@ exports[`Storyshots Shipping zones details / Settings Card default 1`] = `
               <input
                 aria-autocomplete="list"
                 aria-invalid="false"
-                aria-labelledby="downshift-42-label"
+                aria-labelledby="downshift-36-label"
                 autocomplete="off"
                 class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                id="downshift-42-menu"
+                id="downshift-36-menu"
                 placeholder="Add Channel"
                 role="listbox"
                 testid="channels"
@@ -24334,7 +24334,7 @@ exports[`Storyshots Shipping zones details / Settings Card default 1`] = `
         <div
           aria-expanded="false"
           aria-haspopup="listbox"
-          aria-labelledby="downshift-43-label"
+          aria-labelledby="downshift-37-label"
           class="MultiAutocompleteSelectField-container-id"
           role="combobox"
         >
@@ -24353,10 +24353,10 @@ exports[`Storyshots Shipping zones details / Settings Card default 1`] = `
               <input
                 aria-autocomplete="list"
                 aria-invalid="false"
-                aria-labelledby="downshift-43-label"
+                aria-labelledby="downshift-37-label"
                 autocomplete="off"
                 class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                id="downshift-43-menu"
+                id="downshift-37-menu"
                 placeholder="Select Warehouse"
                 role="listbox"
                 testid="warehouses"
@@ -26776,7 +26776,7 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-53-label"
+                aria-labelledby="downshift-47-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test="syncEvents"
                 role="combobox"
@@ -26796,10 +26796,10 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-53-label"
+                      aria-labelledby="downshift-47-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-53-menu"
+                      id="downshift-47-menu"
                       role="listbox"
                       type="text"
                       value=""
@@ -26877,7 +26877,7 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-54-label"
+                aria-labelledby="downshift-48-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test="asyncEvents"
                 role="combobox"
@@ -26897,10 +26897,10 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-54-label"
+                      aria-labelledby="downshift-48-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-54-menu"
+                      id="downshift-48-menu"
                       role="listbox"
                       type="text"
                       value=""
@@ -27281,7 +27281,7 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-61-label"
+                aria-labelledby="downshift-55-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test="syncEvents"
                 role="combobox"
@@ -27301,10 +27301,10 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-61-label"
+                      aria-labelledby="downshift-55-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-61-menu"
+                      id="downshift-55-menu"
                       role="listbox"
                       type="text"
                       value=""
@@ -27382,7 +27382,7 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-62-label"
+                aria-labelledby="downshift-56-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test="asyncEvents"
                 role="combobox"
@@ -27402,10 +27402,10 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-62-label"
+                      aria-labelledby="downshift-56-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-62-menu"
+                      id="downshift-56-menu"
                       role="listbox"
                       type="text"
                       value=""
@@ -27786,7 +27786,7 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-59-label"
+                aria-labelledby="downshift-53-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test="syncEvents"
                 role="combobox"
@@ -27806,10 +27806,10 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-59-label"
+                      aria-labelledby="downshift-53-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-59-menu"
+                      id="downshift-53-menu"
                       role="listbox"
                       type="text"
                       value=""
@@ -27887,7 +27887,7 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-60-label"
+                aria-labelledby="downshift-54-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test="asyncEvents"
                 role="combobox"
@@ -27907,10 +27907,10 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-60-label"
+                      aria-labelledby="downshift-54-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-60-menu"
+                      id="downshift-54-menu"
                       role="listbox"
                       type="text"
                       value=""
@@ -28286,7 +28286,7 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details undefined 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-55-label"
+                aria-labelledby="downshift-49-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test="syncEvents"
                 role="combobox"
@@ -28306,10 +28306,10 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details undefined 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-55-label"
+                      aria-labelledby="downshift-49-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-55-menu"
+                      id="downshift-49-menu"
                       role="listbox"
                       type="text"
                       value=""
@@ -28387,7 +28387,7 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details undefined 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-56-label"
+                aria-labelledby="downshift-50-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test="asyncEvents"
                 role="combobox"
@@ -28407,10 +28407,10 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details undefined 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-56-label"
+                      aria-labelledby="downshift-50-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-56-menu"
+                      id="downshift-50-menu"
                       role="listbox"
                       type="text"
                       value=""
@@ -28786,7 +28786,7 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-57-label"
+                aria-labelledby="downshift-51-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test="syncEvents"
                 role="combobox"
@@ -28806,10 +28806,10 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-57-label"
+                      aria-labelledby="downshift-51-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-57-menu"
+                      id="downshift-51-menu"
                       role="listbox"
                       type="text"
                       value=""
@@ -28887,7 +28887,7 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-58-label"
+                aria-labelledby="downshift-52-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test="asyncEvents"
                 role="combobox"
@@ -28907,10 +28907,10 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-58-label"
+                      aria-labelledby="downshift-52-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-58-menu"
+                      id="downshift-52-menu"
                       role="listbox"
                       type="text"
                       value=""
@@ -67432,7 +67432,7 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-68-label"
+                    aria-labelledby="downshift-62-label"
                     class="SingleAutocompleteSelectField-container-id"
                     data-test-id="address-edit-country-select-field"
                     role="combobox"
@@ -67452,10 +67452,10 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-68-label"
+                          aria-labelledby="downshift-62-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-68-input"
+                          id="downshift-62-input"
                           type="text"
                           value=""
                         />
@@ -68169,7 +68169,7 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-70-label"
+                    aria-labelledby="downshift-64-label"
                     class="SingleAutocompleteSelectField-container-id"
                     data-test-id="address-edit-country-select-field"
                     role="combobox"
@@ -68189,10 +68189,10 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="true"
-                          aria-labelledby="downshift-70-label"
+                          aria-labelledby="downshift-64-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-70-input"
+                          id="downshift-64-input"
                           type="text"
                           value=""
                         />
@@ -68887,7 +68887,7 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-69-label"
+                    aria-labelledby="downshift-63-label"
                     class="SingleAutocompleteSelectField-container-id"
                     data-test-id="address-edit-country-select-field"
                     role="combobox"
@@ -68907,11 +68907,11 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-69-label"
+                          aria-labelledby="downshift-63-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
                           disabled=""
-                          id="downshift-69-input"
+                          id="downshift-63-input"
                           type="text"
                           value=""
                         />
@@ -157690,7 +157690,7 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-71-label"
+                    aria-labelledby="downshift-65-label"
                     class="SingleAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -157709,10 +157709,10 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-71-label"
+                          aria-labelledby="downshift-65-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-71-input"
+                          id="downshift-65-input"
                           type="text"
                           value="Dylan Lamb"
                         />
@@ -157783,7 +157783,7 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-72-label"
+                    aria-labelledby="downshift-66-label"
                     class="MultiAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -157802,10 +157802,10 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-72-label"
+                          aria-labelledby="downshift-66-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-72-menu"
+                          id="downshift-66-menu"
                           role="listbox"
                           type="text"
                           value=""
@@ -158602,7 +158602,7 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-74-label"
+                    aria-labelledby="downshift-68-label"
                     class="SingleAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -158621,10 +158621,10 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-74-label"
+                          aria-labelledby="downshift-68-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-74-input"
+                          id="downshift-68-input"
                           type="text"
                           value="Dylan Lamb"
                         />
@@ -158695,7 +158695,7 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-75-label"
+                    aria-labelledby="downshift-69-label"
                     class="MultiAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -158714,10 +158714,10 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-75-label"
+                          aria-labelledby="downshift-69-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-75-menu"
+                          id="downshift-69-menu"
                           role="listbox"
                           type="text"
                           value=""
@@ -159780,7 +159780,7 @@ exports[`Storyshots Views / Pages / Page details loading 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-73-label"
+                aria-labelledby="downshift-67-label"
                 class="SingleAutocompleteSelectField-container-id"
                 data-test-id="page-types-autocomplete-select"
                 role="combobox"
@@ -159800,11 +159800,11 @@ exports[`Storyshots Views / Pages / Page details loading 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-73-label"
+                      aria-labelledby="downshift-67-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
                       disabled=""
-                      id="downshift-73-input"
+                      id="downshift-67-input"
                       type="text"
                       value=""
                     />
@@ -169844,7 +169844,7 @@ exports[`Storyshots Views / Product types / Create product type default 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-151-label"
+                aria-labelledby="downshift-145-label"
                 class="SingleAutocompleteSelectField-container-id"
                 role="combobox"
               >
@@ -169863,10 +169863,10 @@ exports[`Storyshots Views / Product types / Create product type default 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-151-label"
+                      aria-labelledby="downshift-145-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-151-input"
+                      id="downshift-145-input"
                       type="text"
                       value=""
                     />
@@ -170402,7 +170402,7 @@ exports[`Storyshots Views / Product types / Create product type form errors 1`]
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-153-label"
+                aria-labelledby="downshift-147-label"
                 class="SingleAutocompleteSelectField-container-id"
                 role="combobox"
               >
@@ -170421,10 +170421,10 @@ exports[`Storyshots Views / Product types / Create product type form errors 1`]
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-153-label"
+                      aria-labelledby="downshift-147-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-153-input"
+                      id="downshift-147-input"
                       type="text"
                       value=""
                     />
@@ -170966,7 +170966,7 @@ exports[`Storyshots Views / Product types / Create product type loading 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-152-label"
+                aria-labelledby="downshift-146-label"
                 class="SingleAutocompleteSelectField-container-id"
                 role="combobox"
               >
@@ -170985,11 +170985,11 @@ exports[`Storyshots Views / Product types / Create product type loading 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-152-label"
+                      aria-labelledby="downshift-146-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
                       disabled=""
-                      id="downshift-152-input"
+                      id="downshift-146-input"
                       type="text"
                       value=""
                     />
@@ -171522,7 +171522,7 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-154-label"
+                aria-labelledby="downshift-148-label"
                 class="SingleAutocompleteSelectField-container-id"
                 role="combobox"
               >
@@ -171541,10 +171541,10 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-154-label"
+                      aria-labelledby="downshift-148-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-154-input"
+                      id="downshift-148-input"
                       type="text"
                       value="PH405458"
                     />
@@ -172716,7 +172716,7 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-157-label"
+                aria-labelledby="downshift-151-label"
                 class="SingleAutocompleteSelectField-container-id"
                 role="combobox"
               >
@@ -172735,10 +172735,10 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-157-label"
+                      aria-labelledby="downshift-151-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-157-input"
+                      id="downshift-151-input"
                       type="text"
                       value="PH405458"
                     />
@@ -173916,7 +173916,7 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-155-label"
+                aria-labelledby="downshift-149-label"
                 class="SingleAutocompleteSelectField-container-id"
                 role="combobox"
               >
@@ -173935,11 +173935,11 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-155-label"
+                      aria-labelledby="downshift-149-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
                       disabled=""
-                      id="downshift-155-input"
+                      id="downshift-149-input"
                       type="text"
                       value=""
                     />
@@ -174663,7 +174663,7 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-156-label"
+                aria-labelledby="downshift-150-label"
                 class="SingleAutocompleteSelectField-container-id"
                 role="combobox"
               >
@@ -174682,10 +174682,10 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-156-label"
+                      aria-labelledby="downshift-150-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-156-input"
+                      id="downshift-150-input"
                       type="text"
                       value="PH405458"
                     />
@@ -176553,8149 +176553,6 @@ exports[`Storyshots Views / Product types / Product types list no data 1`] = `
 </div>
 `;
 
-exports[`Storyshots Views / Products / Create multiple variants / prices and SKUs apply to all 1`] = `
-<div
-  style="padding:24px"
->
-  <div
-    class="Container-root-id"
-  >
-    <div
-      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
-    >
-      <div
-        class="MuiCardHeader-root-id"
-      >
-        <div
-          class="MuiCardHeader-content-id"
-        >
-          <span
-            class="MuiTypography-root-id MuiCardHeader-title-id MuiTypography-h5-id MuiTypography-displayBlock-id"
-          >
-            Price
-          </span>
-        </div>
-      </div>
-      <div
-        class="MuiCardContent-root-id"
-      >
-        <div
-          class="MuiFormGroup-root-id ProductVariantCreatorPrices-container-id"
-          role="radiogroup"
-        >
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="all"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="11"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Apply single price to all SKUs
-            </span>
-          </label>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id PrivateSwitchBase-checked-id MuiRadio-checked-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  checked=""
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="attribute"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="currentColor"
-                    r="12"
-                  />
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="5"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Apply unique prices by attribute to each SKU
-            </span>
-          </label>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <div
-            class="Grid-root-id Grid-uniform-id"
-          >
-            <div
-              class="ProductVariantCreatorPrices-label-id"
-            >
-              <div
-                class="MuiTypography-root-id MuiTypography-body1-id"
-              >
-                Choose attribute
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiFormControl-root-id SingleSelectField-formControl-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id SingleSelectField-label-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-filled-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Attribute
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-                >
-                  <div
-                    aria-haspopup="listbox"
-                    class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id"
-                    role="button"
-                    tabindex="0"
-                  >
-                    Box Size
-                  </div>
-                  <input
-                    aria-hidden="true"
-                    class="MuiSelect-nativeInput-id"
-                    tabindex="-1"
-                    value="UHJvZHVjdEF0dHJpYnV0ZTo2"
-                  />
-                  <svg
-                    aria-hidden="true"
-                    class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
-                    focusable="false"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      d="M7 10l5 5 5-5z"
-                    />
-                  </svg>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:143px"
-                    >
-                      <span>
-                        ​
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-          </div>
-          <hr
-            class="Hr-root-id ProductVariantCreatorPrices-hrAttribute-id"
-          />
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <div
-            class="ProductVariantCreatorPrices-attrInputsContainer-id"
-          >
-            <div
-              class="ProductVariantCreatorPrices-label-id"
-            >
-              <div
-                class="MuiTypography-root-id MuiTypography-body1-id"
-              >
-                100g
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel1
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="1.2"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel2
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="2.2"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel3
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="30.1"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-          </div>
-          <hr
-            class="Hr-root-id ProductVariantCreatorPrices-hrAttribute-id"
-          />
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <div
-            class="ProductVariantCreatorPrices-attrInputsContainer-id"
-          >
-            <div
-              class="ProductVariantCreatorPrices-label-id"
-            >
-              <div
-                class="MuiTypography-root-id MuiTypography-body1-id"
-              >
-                500g
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel1
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="1.2"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel2
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="2.2"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel3
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="30.1"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="skip"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="11"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Skip pricing for now
-            </span>
-          </label>
-        </div>
-      </div>
-    </div>
-    <div
-      class="CardSpacer-spacer-id"
-    />
-    <div
-      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
-    >
-      <div
-        class="MuiCardHeader-root-id"
-      >
-        <div
-          class="MuiCardHeader-content-id"
-        >
-          <span
-            class="MuiTypography-root-id MuiCardHeader-title-id MuiTypography-h5-id MuiTypography-displayBlock-id"
-          >
-            Stock and Warehousing
-          </span>
-        </div>
-      </div>
-      <div
-        class="MuiCardContent-root-id"
-      >
-        <div
-          class="MuiTypography-root-id ProductVariantCreatorStock-warehouseHeader-id MuiTypography-h5-id"
-        >
-          Warehouses
-        </div>
-        <div
-          class="MuiTypography-root-id ProductVariantCreatorStock-warehouseSubheader-id MuiTypography-body1-id"
-        >
-          Based on your selections we will create 5 products. Use this step to customize price and stocks for your new products
-        </div>
-        <div
-          class="ProductVariantCreatorStock-warehouseContainer-id"
-        >
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  checked=""
-                  class="PrivateSwitchBase-input-id"
-                  data-indeterminate="false"
-                  name="warehouse:V2FyZWhvdXNlOmEzMThmMGZlLTcwMmYtNDNjYy1hYmFjLWZmZmMzN2Y3ZTliYw=="
-                  type="checkbox"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <svg
-                    fill="none"
-                    height="24"
-                    viewBox="0 0 24 24"
-                    width="24"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <rect
-                      fill="currentColor"
-                      height="23"
-                      rx="1.5"
-                      width="23"
-                      x="0.5"
-                      y="0.5"
-                    />
-                    <path
-                      clip-rule="evenodd"
-                      d="M17.5711 4.7629C17.9653 4.34801 18.6267 4.34801 19.0209 4.7629L20.3455 6.1568C20.7122 6.54279 20.7122 7.14848 20.3455 7.53447L9.45066 19L3.65454 12.9002C3.28777 12.5143 3.28777 11.9086 3.65454 11.5226L4.97906 10.1287C5.3733 9.71378 6.03466 9.71378 6.4289 10.1287L9.45066 13.3087L17.5711 4.7629Z"
-                      fill="var(--background-paper)"
-                      fill-rule="evenodd"
-                    />
-                  </svg>
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              C our wares
-            </span>
-          </label>
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  checked=""
-                  class="PrivateSwitchBase-input-id"
-                  data-indeterminate="false"
-                  name="warehouse:V2FyZWhvdXNlOjJmN2UyOTlmLWEwMzMtNDhjZS1iYmM5LTFkZDM4NjU2ZjMwYw=="
-                  type="checkbox"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <svg
-                    fill="none"
-                    height="24"
-                    viewBox="0 0 24 24"
-                    width="24"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <rect
-                      fill="currentColor"
-                      height="23"
-                      rx="1.5"
-                      width="23"
-                      x="0.5"
-                      y="0.5"
-                    />
-                    <path
-                      clip-rule="evenodd"
-                      d="M17.5711 4.7629C17.9653 4.34801 18.6267 4.34801 19.0209 4.7629L20.3455 6.1568C20.7122 6.54279 20.7122 7.14848 20.3455 7.53447L9.45066 19L3.65454 12.9002C3.28777 12.5143 3.28777 11.9086 3.65454 11.5226L4.97906 10.1287C5.3733 9.71378 6.03466 9.71378 6.4289 10.1287L9.45066 13.3087L17.5711 4.7629Z"
-                      fill="var(--background-paper)"
-                      fill-rule="evenodd"
-                    />
-                  </svg>
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Be stocked
-            </span>
-          </label>
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  class="PrivateSwitchBase-input-id"
-                  data-indeterminate="false"
-                  name="warehouse:V2FyZWhvdXNlOmM0ZmQ3Nzc0LWZlMjYtNDE1YS1hYjk1LWFlYTFjMjI0NTgwNg=="
-                  type="checkbox"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <rect
-                    fill="transparent"
-                    height="22"
-                    rx="2"
-                    ry="2"
-                    stroke="currentColor"
-                    stroke-linejoin="round"
-                    stroke-width="2"
-                    width="22"
-                    x="1"
-                    y="1"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              A Warehouse
-            </span>
-          </label>
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  checked=""
-                  class="PrivateSwitchBase-input-id"
-                  data-indeterminate="false"
-                  name="warehouse:V2FyZWhvdXNlOmNlMmNiZDhhLWRkYmQtNDhiNS1hM2UxLTNmZGVkZGI5MWZkMg=="
-                  type="checkbox"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <svg
-                    fill="none"
-                    height="24"
-                    viewBox="0 0 24 24"
-                    width="24"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <rect
-                      fill="currentColor"
-                      height="23"
-                      rx="1.5"
-                      width="23"
-                      x="0.5"
-                      y="0.5"
-                    />
-                    <path
-                      clip-rule="evenodd"
-                      d="M17.5711 4.7629C17.9653 4.34801 18.6267 4.34801 19.0209 4.7629L20.3455 6.1568C20.7122 6.54279 20.7122 7.14848 20.3455 7.53447L9.45066 19L3.65454 12.9002C3.28777 12.5143 3.28777 11.9086 3.65454 11.5226L4.97906 10.1287C5.3733 9.71378 6.03466 9.71378 6.4289 10.1287L9.45066 13.3087L17.5711 4.7629Z"
-                      fill="var(--background-paper)"
-                      fill-rule="evenodd"
-                    />
-                  </svg>
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Darkwares
-            </span>
-          </label>
-        </div>
-        <div
-          class="CardSpacer-spacer-id"
-        />
-        <hr
-          class="Hr-root-id"
-        />
-        <div
-          class="CardSpacer-spacer-id"
-        />
-        <div
-          class="MuiTypography-root-id ProductVariantCreatorStock-stockHeader-id MuiTypography-h5-id"
-        >
-          Stock
-        </div>
-        <div
-          class="MuiFormGroup-root-id"
-          role="radiogroup"
-        >
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id PrivateSwitchBase-checked-id MuiRadio-checked-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  checked=""
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="all"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="currentColor"
-                    r="12"
-                  />
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="5"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Apply single stock to all SKUs
-            </span>
-          </label>
-          <div
-            class="ProductVariantCreatorStock-stockContainer-id"
-          >
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorStock-warehouseName-id MuiTypography-body1-id"
-              >
-                C our wares
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-                data-test-id="stock-input"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Stock
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                    min="0"
-                    type="number"
-                    value="6"
-                  />
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Stock
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorStock-warehouseName-id MuiTypography-body1-id"
-              >
-                Be stocked
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-                data-test-id="stock-input"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Stock
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                    min="0"
-                    type="number"
-                    value="9"
-                  />
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Stock
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorStock-warehouseName-id MuiTypography-body1-id"
-              >
-                Darkwares
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-                data-test-id="stock-input"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Stock
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                    min="0"
-                    type="number"
-                    value="12"
-                  />
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Stock
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="attribute"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="11"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Apply unique stock by attribute to each SKU
-            </span>
-          </label>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="skip"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="11"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Skip stock for now
-            </span>
-          </label>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Views / Products / Create multiple variants / prices and SKUs apply to all when one warehouse 1`] = `
-<div
-  style="padding:24px"
->
-  <div
-    class="Container-root-id"
-  >
-    <div
-      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
-    >
-      <div
-        class="MuiCardHeader-root-id"
-      >
-        <div
-          class="MuiCardHeader-content-id"
-        >
-          <span
-            class="MuiTypography-root-id MuiCardHeader-title-id MuiTypography-h5-id MuiTypography-displayBlock-id"
-          >
-            Price
-          </span>
-        </div>
-      </div>
-      <div
-        class="MuiCardContent-root-id"
-      >
-        <div
-          class="MuiFormGroup-root-id ProductVariantCreatorPrices-container-id"
-          role="radiogroup"
-        >
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="all"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="11"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Apply single price to all SKUs
-            </span>
-          </label>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id PrivateSwitchBase-checked-id MuiRadio-checked-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  checked=""
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="attribute"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="currentColor"
-                    r="12"
-                  />
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="5"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Apply unique prices by attribute to each SKU
-            </span>
-          </label>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <div
-            class="Grid-root-id Grid-uniform-id"
-          >
-            <div
-              class="ProductVariantCreatorPrices-label-id"
-            >
-              <div
-                class="MuiTypography-root-id MuiTypography-body1-id"
-              >
-                Choose attribute
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiFormControl-root-id SingleSelectField-formControl-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id SingleSelectField-label-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-filled-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Attribute
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-                >
-                  <div
-                    aria-haspopup="listbox"
-                    class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id"
-                    role="button"
-                    tabindex="0"
-                  >
-                    Box Size
-                  </div>
-                  <input
-                    aria-hidden="true"
-                    class="MuiSelect-nativeInput-id"
-                    tabindex="-1"
-                    value="UHJvZHVjdEF0dHJpYnV0ZTo2"
-                  />
-                  <svg
-                    aria-hidden="true"
-                    class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
-                    focusable="false"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      d="M7 10l5 5 5-5z"
-                    />
-                  </svg>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:143px"
-                    >
-                      <span>
-                        ​
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-          </div>
-          <hr
-            class="Hr-root-id ProductVariantCreatorPrices-hrAttribute-id"
-          />
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <div
-            class="ProductVariantCreatorPrices-attrInputsContainer-id"
-          >
-            <div
-              class="ProductVariantCreatorPrices-label-id"
-            >
-              <div
-                class="MuiTypography-root-id MuiTypography-body1-id"
-              >
-                100g
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel1
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="1.2"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel2
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="2.2"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel3
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="30.1"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-          </div>
-          <hr
-            class="Hr-root-id ProductVariantCreatorPrices-hrAttribute-id"
-          />
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <div
-            class="ProductVariantCreatorPrices-attrInputsContainer-id"
-          >
-            <div
-              class="ProductVariantCreatorPrices-label-id"
-            >
-              <div
-                class="MuiTypography-root-id MuiTypography-body1-id"
-              >
-                500g
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel1
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="1.2"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel2
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="2.2"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel3
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="30.1"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="skip"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="11"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Skip pricing for now
-            </span>
-          </label>
-        </div>
-      </div>
-    </div>
-    <div
-      class="CardSpacer-spacer-id"
-    />
-    <div
-      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
-    >
-      <div
-        class="MuiCardHeader-root-id"
-      >
-        <div
-          class="MuiCardHeader-content-id"
-        >
-          <span
-            class="MuiTypography-root-id MuiCardHeader-title-id MuiTypography-h5-id MuiTypography-displayBlock-id"
-          >
-            Stock and Warehousing
-          </span>
-        </div>
-      </div>
-      <div
-        class="MuiCardContent-root-id"
-      >
-        <div
-          class="MuiTypography-root-id ProductVariantCreatorStock-stockHeader-id MuiTypography-h5-id"
-        >
-          Stock
-        </div>
-        <div
-          class="MuiFormGroup-root-id"
-          role="radiogroup"
-        >
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id PrivateSwitchBase-checked-id MuiRadio-checked-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  checked=""
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="all"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="currentColor"
-                    r="12"
-                  />
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="5"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Apply single stock to all SKUs
-            </span>
-          </label>
-          <div
-            class="ProductVariantCreatorStock-stockContainer-id"
-          >
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorStock-warehouseName-id MuiTypography-body1-id"
-              >
-                C our wares
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-                data-test-id="stock-input"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Stock
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                    min="0"
-                    type="number"
-                    value="6"
-                  />
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Stock
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="attribute"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="11"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Apply unique stock by attribute to each SKU
-            </span>
-          </label>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="skip"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="11"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Skip stock for now
-            </span>
-          </label>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Views / Products / Create multiple variants / prices and SKUs apply to attribute 1`] = `
-<div
-  style="padding:24px"
->
-  <div
-    class="Container-root-id"
-  >
-    <div
-      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
-    >
-      <div
-        class="MuiCardHeader-root-id"
-      >
-        <div
-          class="MuiCardHeader-content-id"
-        >
-          <span
-            class="MuiTypography-root-id MuiCardHeader-title-id MuiTypography-h5-id MuiTypography-displayBlock-id"
-          >
-            Price
-          </span>
-        </div>
-      </div>
-      <div
-        class="MuiCardContent-root-id"
-      >
-        <div
-          class="MuiFormGroup-root-id ProductVariantCreatorPrices-container-id"
-          role="radiogroup"
-        >
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="all"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="11"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Apply single price to all SKUs
-            </span>
-          </label>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id PrivateSwitchBase-checked-id MuiRadio-checked-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  checked=""
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="attribute"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="currentColor"
-                    r="12"
-                  />
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="5"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Apply unique prices by attribute to each SKU
-            </span>
-          </label>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <div
-            class="Grid-root-id Grid-uniform-id"
-          >
-            <div
-              class="ProductVariantCreatorPrices-label-id"
-            >
-              <div
-                class="MuiTypography-root-id MuiTypography-body1-id"
-              >
-                Choose attribute
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiFormControl-root-id SingleSelectField-formControl-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id SingleSelectField-label-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-filled-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Attribute
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-                >
-                  <div
-                    aria-haspopup="listbox"
-                    class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id"
-                    role="button"
-                    tabindex="0"
-                  >
-                    Box Size
-                  </div>
-                  <input
-                    aria-hidden="true"
-                    class="MuiSelect-nativeInput-id"
-                    tabindex="-1"
-                    value="UHJvZHVjdEF0dHJpYnV0ZTo2"
-                  />
-                  <svg
-                    aria-hidden="true"
-                    class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
-                    focusable="false"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      d="M7 10l5 5 5-5z"
-                    />
-                  </svg>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:143px"
-                    >
-                      <span>
-                        ​
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-          </div>
-          <hr
-            class="Hr-root-id ProductVariantCreatorPrices-hrAttribute-id"
-          />
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <div
-            class="ProductVariantCreatorPrices-attrInputsContainer-id"
-          >
-            <div
-              class="ProductVariantCreatorPrices-label-id"
-            >
-              <div
-                class="MuiTypography-root-id MuiTypography-body1-id"
-              >
-                100g
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel1
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="1.2"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel2
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="2.2"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel3
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="30.1"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-          </div>
-          <hr
-            class="Hr-root-id ProductVariantCreatorPrices-hrAttribute-id"
-          />
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <div
-            class="ProductVariantCreatorPrices-attrInputsContainer-id"
-          >
-            <div
-              class="ProductVariantCreatorPrices-label-id"
-            >
-              <div
-                class="MuiTypography-root-id MuiTypography-body1-id"
-              >
-                500g
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel1
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="1.2"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel2
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="2.2"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel3
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="30.1"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="skip"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="11"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Skip pricing for now
-            </span>
-          </label>
-        </div>
-      </div>
-    </div>
-    <div
-      class="CardSpacer-spacer-id"
-    />
-    <div
-      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
-    >
-      <div
-        class="MuiCardHeader-root-id"
-      >
-        <div
-          class="MuiCardHeader-content-id"
-        >
-          <span
-            class="MuiTypography-root-id MuiCardHeader-title-id MuiTypography-h5-id MuiTypography-displayBlock-id"
-          >
-            Stock and Warehousing
-          </span>
-        </div>
-      </div>
-      <div
-        class="MuiCardContent-root-id"
-      >
-        <div
-          class="MuiTypography-root-id ProductVariantCreatorStock-warehouseHeader-id MuiTypography-h5-id"
-        >
-          Warehouses
-        </div>
-        <div
-          class="MuiTypography-root-id ProductVariantCreatorStock-warehouseSubheader-id MuiTypography-body1-id"
-        >
-          Based on your selections we will create 5 products. Use this step to customize price and stocks for your new products
-        </div>
-        <div
-          class="ProductVariantCreatorStock-warehouseContainer-id"
-        >
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  checked=""
-                  class="PrivateSwitchBase-input-id"
-                  data-indeterminate="false"
-                  name="warehouse:V2FyZWhvdXNlOmEzMThmMGZlLTcwMmYtNDNjYy1hYmFjLWZmZmMzN2Y3ZTliYw=="
-                  type="checkbox"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <svg
-                    fill="none"
-                    height="24"
-                    viewBox="0 0 24 24"
-                    width="24"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <rect
-                      fill="currentColor"
-                      height="23"
-                      rx="1.5"
-                      width="23"
-                      x="0.5"
-                      y="0.5"
-                    />
-                    <path
-                      clip-rule="evenodd"
-                      d="M17.5711 4.7629C17.9653 4.34801 18.6267 4.34801 19.0209 4.7629L20.3455 6.1568C20.7122 6.54279 20.7122 7.14848 20.3455 7.53447L9.45066 19L3.65454 12.9002C3.28777 12.5143 3.28777 11.9086 3.65454 11.5226L4.97906 10.1287C5.3733 9.71378 6.03466 9.71378 6.4289 10.1287L9.45066 13.3087L17.5711 4.7629Z"
-                      fill="var(--background-paper)"
-                      fill-rule="evenodd"
-                    />
-                  </svg>
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              C our wares
-            </span>
-          </label>
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  checked=""
-                  class="PrivateSwitchBase-input-id"
-                  data-indeterminate="false"
-                  name="warehouse:V2FyZWhvdXNlOjJmN2UyOTlmLWEwMzMtNDhjZS1iYmM5LTFkZDM4NjU2ZjMwYw=="
-                  type="checkbox"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <svg
-                    fill="none"
-                    height="24"
-                    viewBox="0 0 24 24"
-                    width="24"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <rect
-                      fill="currentColor"
-                      height="23"
-                      rx="1.5"
-                      width="23"
-                      x="0.5"
-                      y="0.5"
-                    />
-                    <path
-                      clip-rule="evenodd"
-                      d="M17.5711 4.7629C17.9653 4.34801 18.6267 4.34801 19.0209 4.7629L20.3455 6.1568C20.7122 6.54279 20.7122 7.14848 20.3455 7.53447L9.45066 19L3.65454 12.9002C3.28777 12.5143 3.28777 11.9086 3.65454 11.5226L4.97906 10.1287C5.3733 9.71378 6.03466 9.71378 6.4289 10.1287L9.45066 13.3087L17.5711 4.7629Z"
-                      fill="var(--background-paper)"
-                      fill-rule="evenodd"
-                    />
-                  </svg>
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Be stocked
-            </span>
-          </label>
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  class="PrivateSwitchBase-input-id"
-                  data-indeterminate="false"
-                  name="warehouse:V2FyZWhvdXNlOmM0ZmQ3Nzc0LWZlMjYtNDE1YS1hYjk1LWFlYTFjMjI0NTgwNg=="
-                  type="checkbox"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <rect
-                    fill="transparent"
-                    height="22"
-                    rx="2"
-                    ry="2"
-                    stroke="currentColor"
-                    stroke-linejoin="round"
-                    stroke-width="2"
-                    width="22"
-                    x="1"
-                    y="1"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              A Warehouse
-            </span>
-          </label>
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  checked=""
-                  class="PrivateSwitchBase-input-id"
-                  data-indeterminate="false"
-                  name="warehouse:V2FyZWhvdXNlOmNlMmNiZDhhLWRkYmQtNDhiNS1hM2UxLTNmZGVkZGI5MWZkMg=="
-                  type="checkbox"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <svg
-                    fill="none"
-                    height="24"
-                    viewBox="0 0 24 24"
-                    width="24"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <rect
-                      fill="currentColor"
-                      height="23"
-                      rx="1.5"
-                      width="23"
-                      x="0.5"
-                      y="0.5"
-                    />
-                    <path
-                      clip-rule="evenodd"
-                      d="M17.5711 4.7629C17.9653 4.34801 18.6267 4.34801 19.0209 4.7629L20.3455 6.1568C20.7122 6.54279 20.7122 7.14848 20.3455 7.53447L9.45066 19L3.65454 12.9002C3.28777 12.5143 3.28777 11.9086 3.65454 11.5226L4.97906 10.1287C5.3733 9.71378 6.03466 9.71378 6.4289 10.1287L9.45066 13.3087L17.5711 4.7629Z"
-                      fill="var(--background-paper)"
-                      fill-rule="evenodd"
-                    />
-                  </svg>
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Darkwares
-            </span>
-          </label>
-        </div>
-        <div
-          class="CardSpacer-spacer-id"
-        />
-        <hr
-          class="Hr-root-id"
-        />
-        <div
-          class="CardSpacer-spacer-id"
-        />
-        <div
-          class="MuiTypography-root-id ProductVariantCreatorStock-stockHeader-id MuiTypography-h5-id"
-        >
-          Stock
-        </div>
-        <div
-          class="MuiFormGroup-root-id"
-          role="radiogroup"
-        >
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="all"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="11"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Apply single stock to all SKUs
-            </span>
-          </label>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id PrivateSwitchBase-checked-id MuiRadio-checked-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  checked=""
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="attribute"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="currentColor"
-                    r="12"
-                  />
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="5"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Apply unique stock by attribute to each SKU
-            </span>
-          </label>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <div
-            class="MuiFormControl-root-id SingleSelectField-formControl-id ProductVariantCreatorStock-shortInput-id"
-          >
-            <label
-              class="MuiFormLabel-root-id MuiInputLabel-root-id SingleSelectField-label-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-filled-id MuiFormLabel-filled-id"
-              data-shrink="true"
-            >
-              Select Attribute
-            </label>
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <div
-                aria-haspopup="listbox"
-                class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id"
-                role="button"
-                tabindex="0"
-              >
-                Box Size
-              </div>
-              <input
-                aria-hidden="true"
-                class="MuiSelect-nativeInput-id"
-                tabindex="-1"
-                value="UHJvZHVjdEF0dHJpYnV0ZTo2"
-              />
-              <svg
-                aria-hidden="true"
-                class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
-                focusable="false"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M7 10l5 5 5-5z"
-                />
-              </svg>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:143px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-          <hr
-            class="Hr-root-id ProductVariantCreatorStock-hrAttribute-id"
-          />
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <div
-            class="ProductVariantCreatorStock-attributeStockScroll-id"
-          >
-            <div
-              class="ProductVariantCreatorStock-attributeStockContainer-id ProductVariantCreatorStock-attributeStockContainer-id"
-            >
-              <div />
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorStock-warehouseName-id MuiTypography-body1-id"
-              >
-                C our wares
-              </div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorStock-warehouseName-id MuiTypography-body1-id"
-              >
-                Be stocked
-              </div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorStock-warehouseName-id MuiTypography-body1-id"
-              >
-                Darkwares
-              </div>
-              <div
-                class="MuiTypography-root-id MuiTypography-body1-id"
-              >
-                100g
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Stock
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                    min="0"
-                    type="number"
-                    value="30"
-                  />
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Stock
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Stock
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                    min="0"
-                    type="number"
-                    value="27"
-                  />
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Stock
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Stock
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                    min="0"
-                    type="number"
-                    value="24"
-                  />
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Stock
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-              <div
-                class="MuiTypography-root-id MuiTypography-body1-id"
-              >
-                500g
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Stock
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                    min="0"
-                    type="number"
-                    value="28"
-                  />
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Stock
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Stock
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                    min="0"
-                    type="number"
-                    value="25"
-                  />
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Stock
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Stock
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                    min="0"
-                    type="number"
-                    value="22"
-                  />
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Stock
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <hr
-            class="Hr-root-id"
-          />
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="skip"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="11"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Skip stock for now
-            </span>
-          </label>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Views / Products / Create multiple variants / prices and SKUs apply to attribute when one warehouse 1`] = `
-<div
-  style="padding:24px"
->
-  <div
-    class="Container-root-id"
-  >
-    <div
-      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
-    >
-      <div
-        class="MuiCardHeader-root-id"
-      >
-        <div
-          class="MuiCardHeader-content-id"
-        >
-          <span
-            class="MuiTypography-root-id MuiCardHeader-title-id MuiTypography-h5-id MuiTypography-displayBlock-id"
-          >
-            Price
-          </span>
-        </div>
-      </div>
-      <div
-        class="MuiCardContent-root-id"
-      >
-        <div
-          class="MuiFormGroup-root-id ProductVariantCreatorPrices-container-id"
-          role="radiogroup"
-        >
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="all"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="11"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Apply single price to all SKUs
-            </span>
-          </label>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id PrivateSwitchBase-checked-id MuiRadio-checked-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  checked=""
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="attribute"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="currentColor"
-                    r="12"
-                  />
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="5"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Apply unique prices by attribute to each SKU
-            </span>
-          </label>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <div
-            class="Grid-root-id Grid-uniform-id"
-          >
-            <div
-              class="ProductVariantCreatorPrices-label-id"
-            >
-              <div
-                class="MuiTypography-root-id MuiTypography-body1-id"
-              >
-                Choose attribute
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiFormControl-root-id SingleSelectField-formControl-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id SingleSelectField-label-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-filled-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Attribute
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-                >
-                  <div
-                    aria-haspopup="listbox"
-                    class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id"
-                    role="button"
-                    tabindex="0"
-                  >
-                    Box Size
-                  </div>
-                  <input
-                    aria-hidden="true"
-                    class="MuiSelect-nativeInput-id"
-                    tabindex="-1"
-                    value="UHJvZHVjdEF0dHJpYnV0ZTo2"
-                  />
-                  <svg
-                    aria-hidden="true"
-                    class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
-                    focusable="false"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      d="M7 10l5 5 5-5z"
-                    />
-                  </svg>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:143px"
-                    >
-                      <span>
-                        ​
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-          </div>
-          <hr
-            class="Hr-root-id ProductVariantCreatorPrices-hrAttribute-id"
-          />
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <div
-            class="ProductVariantCreatorPrices-attrInputsContainer-id"
-          >
-            <div
-              class="ProductVariantCreatorPrices-label-id"
-            >
-              <div
-                class="MuiTypography-root-id MuiTypography-body1-id"
-              >
-                100g
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel1
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="1.2"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel2
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="2.2"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel3
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="30.1"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-          </div>
-          <hr
-            class="Hr-root-id ProductVariantCreatorPrices-hrAttribute-id"
-          />
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <div
-            class="ProductVariantCreatorPrices-attrInputsContainer-id"
-          >
-            <div
-              class="ProductVariantCreatorPrices-label-id"
-            >
-              <div
-                class="MuiTypography-root-id MuiTypography-body1-id"
-              >
-                500g
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel1
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="1.2"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel2
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="2.2"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel3
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="30.1"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="skip"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="11"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Skip pricing for now
-            </span>
-          </label>
-        </div>
-      </div>
-    </div>
-    <div
-      class="CardSpacer-spacer-id"
-    />
-    <div
-      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
-    >
-      <div
-        class="MuiCardHeader-root-id"
-      >
-        <div
-          class="MuiCardHeader-content-id"
-        >
-          <span
-            class="MuiTypography-root-id MuiCardHeader-title-id MuiTypography-h5-id MuiTypography-displayBlock-id"
-          >
-            Stock and Warehousing
-          </span>
-        </div>
-      </div>
-      <div
-        class="MuiCardContent-root-id"
-      >
-        <div
-          class="MuiTypography-root-id ProductVariantCreatorStock-stockHeader-id MuiTypography-h5-id"
-        >
-          Stock
-        </div>
-        <div
-          class="MuiFormGroup-root-id"
-          role="radiogroup"
-        >
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="all"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="11"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Apply single stock to all SKUs
-            </span>
-          </label>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id PrivateSwitchBase-checked-id MuiRadio-checked-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  checked=""
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="attribute"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="currentColor"
-                    r="12"
-                  />
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="5"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Apply unique stock by attribute to each SKU
-            </span>
-          </label>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <div
-            class="MuiFormControl-root-id SingleSelectField-formControl-id ProductVariantCreatorStock-shortInput-id"
-          >
-            <label
-              class="MuiFormLabel-root-id MuiInputLabel-root-id SingleSelectField-label-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-filled-id MuiFormLabel-filled-id"
-              data-shrink="true"
-            >
-              Select Attribute
-            </label>
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <div
-                aria-haspopup="listbox"
-                class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id"
-                role="button"
-                tabindex="0"
-              >
-                Box Size
-              </div>
-              <input
-                aria-hidden="true"
-                class="MuiSelect-nativeInput-id"
-                tabindex="-1"
-                value="UHJvZHVjdEF0dHJpYnV0ZTo2"
-              />
-              <svg
-                aria-hidden="true"
-                class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
-                focusable="false"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M7 10l5 5 5-5z"
-                />
-              </svg>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:143px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-          <hr
-            class="Hr-root-id ProductVariantCreatorStock-hrAttribute-id"
-          />
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <div
-            class="ProductVariantCreatorStock-attributeStockScroll-id"
-          >
-            <div
-              class="ProductVariantCreatorStock-attributeStockContainer-id ProductVariantCreatorStock-attributeStockContainer-id"
-            >
-              <div />
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorStock-warehouseName-id MuiTypography-body1-id"
-              >
-                C our wares
-              </div>
-              <div
-                class="MuiTypography-root-id MuiTypography-body1-id"
-              >
-                100g
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Stock
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                    min="0"
-                    type="number"
-                    value="30"
-                  />
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Stock
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-              <div
-                class="MuiTypography-root-id MuiTypography-body1-id"
-              >
-                500g
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Stock
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                    min="0"
-                    type="number"
-                    value="28"
-                  />
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Stock
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <hr
-            class="Hr-root-id"
-          />
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="skip"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="11"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Skip stock for now
-            </span>
-          </label>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Views / Products / Create multiple variants / prices and SKUs ship when no warehouses 1`] = `
-<div
-  style="padding:24px"
->
-  <div
-    class="Container-root-id"
-  >
-    <div
-      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
-    >
-      <div
-        class="MuiCardHeader-root-id"
-      >
-        <div
-          class="MuiCardHeader-content-id"
-        >
-          <span
-            class="MuiTypography-root-id MuiCardHeader-title-id MuiTypography-h5-id MuiTypography-displayBlock-id"
-          >
-            Price
-          </span>
-        </div>
-      </div>
-      <div
-        class="MuiCardContent-root-id"
-      >
-        <div
-          class="MuiFormGroup-root-id ProductVariantCreatorPrices-container-id"
-          role="radiogroup"
-        >
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="all"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="11"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Apply single price to all SKUs
-            </span>
-          </label>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id PrivateSwitchBase-checked-id MuiRadio-checked-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  checked=""
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="attribute"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="currentColor"
-                    r="12"
-                  />
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="5"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Apply unique prices by attribute to each SKU
-            </span>
-          </label>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <div
-            class="Grid-root-id Grid-uniform-id"
-          >
-            <div
-              class="ProductVariantCreatorPrices-label-id"
-            >
-              <div
-                class="MuiTypography-root-id MuiTypography-body1-id"
-              >
-                Choose attribute
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiFormControl-root-id SingleSelectField-formControl-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id SingleSelectField-label-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-filled-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Attribute
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-                >
-                  <div
-                    aria-haspopup="listbox"
-                    class="MuiSelect-root-id MuiSelect-select-id MuiSelect-selectMenu-id MuiSelect-outlined-id MuiInputBase-input-id MuiOutlinedInput-input-id"
-                    role="button"
-                    tabindex="0"
-                  >
-                    Box Size
-                  </div>
-                  <input
-                    aria-hidden="true"
-                    class="MuiSelect-nativeInput-id"
-                    tabindex="-1"
-                    value="UHJvZHVjdEF0dHJpYnV0ZTo2"
-                  />
-                  <svg
-                    aria-hidden="true"
-                    class="MuiSvgIcon-root-id MuiSelect-icon-id MuiSelect-iconOutlined-id"
-                    focusable="false"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      d="M7 10l5 5 5-5z"
-                    />
-                  </svg>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                    style="padding-left:8px"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legend-id"
-                      style="width:143px"
-                    >
-                      <span>
-                        ​
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-          </div>
-          <hr
-            class="Hr-root-id ProductVariantCreatorPrices-hrAttribute-id"
-          />
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <div
-            class="ProductVariantCreatorPrices-attrInputsContainer-id"
-          >
-            <div
-              class="ProductVariantCreatorPrices-label-id"
-            >
-              <div
-                class="MuiTypography-root-id MuiTypography-body1-id"
-              >
-                100g
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel1
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="1.2"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel2
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="2.2"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel3
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="30.1"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-          </div>
-          <hr
-            class="Hr-root-id ProductVariantCreatorPrices-hrAttribute-id"
-          />
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <div
-            class="ProductVariantCreatorPrices-attrInputsContainer-id"
-          >
-            <div
-              class="ProductVariantCreatorPrices-label-id"
-            >
-              <div
-                class="MuiTypography-root-id MuiTypography-body1-id"
-              >
-                500g
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel1
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="1.2"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel2
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="2.2"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-            <div>
-              <div
-                class="MuiTypography-root-id ProductVariantCreatorPrices-channelName-id MuiTypography-caption-id"
-              >
-                Channel3
-              </div>
-              <div
-                class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-              >
-                <label
-                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                  data-shrink="true"
-                >
-                  Price
-                </label>
-                <div
-                  class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                >
-                  <input
-                    aria-invalid="false"
-                    class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                    min="0"
-                    name="price"
-                    step="0.01"
-                    type="number"
-                    value="30.1"
-                  />
-                  <div
-                    class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                  >
-                    <div
-                      class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                    >
-                      USD
-                    </div>
-                  </div>
-                  <fieldset
-                    aria-hidden="true"
-                    class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                  >
-                    <legend
-                      class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                    >
-                      <span>
-                        Price
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="FormSpacer-spacer-id"
-          />
-          <label
-            class="MuiFormControlLabel-root-id"
-          >
-            <span
-              aria-disabled="false"
-              class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <input
-                  class="PrivateSwitchBase-input-id"
-                  type="radio"
-                  value="skip"
-                />
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    cx="12"
-                    cy="12"
-                    fill="var(--background-paper)"
-                    r="11"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
-            >
-              Skip pricing for now
-            </span>
-          </label>
-        </div>
-      </div>
-    </div>
-    <div
-      class="CardSpacer-spacer-id"
-    />
-    <div
-      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
-    >
-      <div
-        class="MuiCardHeader-root-id"
-      >
-        <div
-          class="MuiCardHeader-content-id"
-        >
-          <span
-            class="MuiTypography-root-id MuiCardHeader-title-id MuiTypography-h5-id MuiTypography-displayBlock-id"
-          >
-            Stock and Warehousing
-          </span>
-        </div>
-      </div>
-      <div
-        class="MuiCardContent-root-id"
-      >
-        <div
-          class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-        >
-          There are no warehouses set up for your store. You can configure variants without providing stock quantities.
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Views / Products / Create multiple variants / summary default 1`] = `
-<div
-  style="padding:24px"
->
-  <div
-    class="Container-root-id"
-  >
-    <div
-      class="MuiPaper-root-id MuiCard-root-id ProductVariantCreatorSummary-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
-    >
-      <div
-        class="MuiCardHeader-root-id"
-      >
-        <div
-          class="MuiCardHeader-content-id"
-        >
-          <span
-            class="MuiTypography-root-id MuiCardHeader-title-id MuiTypography-h5-id MuiTypography-displayBlock-id"
-          >
-            Created Variants
-          </span>
-        </div>
-      </div>
-      <div
-        class="ProductVariantCreatorSummary-summary-id ProductVariantCreatorSummary-summary-id"
-      >
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colHeader-id ProductVariantCreatorSummary-colName-id"
-        >
-          Variant
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colHeader-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          Channel1 Price
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colHeader-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          Channel2 Price
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colHeader-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          Channel3 Price
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colHeader-id ProductVariantCreatorSummary-colStock-id"
-        >
-          C our wares
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colHeader-id ProductVariantCreatorSummary-colStock-id"
-        >
-          Be stocked
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colHeader-id ProductVariantCreatorSummary-colStock-id"
-        >
-          Darkwares
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colHeader-id ProductVariantCreatorSummary-colSku-id"
-        >
-          SKU
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colHeader-id"
-        />
-        <hr
-          class="Hr-root-id ProductVariantCreatorSummary-hr-id ProductVariantCreatorSummary-hr-id"
-        />
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colName-id"
-        >
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#1565c0"
-          >
-            100g
-          </span>
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#00838f"
-          >
-            Arabica
-          </span>
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#2e7d32"
-          >
-            Round
-          </span>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="1.2"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="2.2"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="30.1"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="30"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="27"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="24"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colSku-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                name="sku"
-                type="text"
-                value=""
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id"
-        >
-          <button
-            class="MuiButtonBase-root-id IconButton-secondary-id ProductVariantCreatorSummary-delete-id IconButton-hoverOutline-id"
-            color="primary"
-            tabindex="0"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="MuiSvgIcon-root-id MacawIcon-root-id"
-              fill="none"
-              focusable="false"
-              height="24"
-              viewBox="0 0 24 24"
-              width="24"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M9 10v8m3-8v8m3-8v8M5 4.5V21a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4.5m-14 0H4m1 0h4m10 0h1m-1 0h-4m-6 0V3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1.5m-6 0h6"
-                stroke="currentColor"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="1.5"
-              />
-            </svg>
-          </button>
-        </div>
-        <hr
-          class="Hr-root-id ProductVariantCreatorSummary-hr-id ProductVariantCreatorSummary-hr-id"
-        />
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colName-id"
-        >
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#1565c0"
-          >
-            100g
-          </span>
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#00838f"
-          >
-            Arabica
-          </span>
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#2e7d32"
-          >
-            Polo
-          </span>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="1.2"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="2.2"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="30.1"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="30"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="27"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="24"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colSku-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                name="sku"
-                type="text"
-                value=""
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id"
-        >
-          <button
-            class="MuiButtonBase-root-id IconButton-secondary-id ProductVariantCreatorSummary-delete-id IconButton-hoverOutline-id"
-            color="primary"
-            tabindex="0"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="MuiSvgIcon-root-id MacawIcon-root-id"
-              fill="none"
-              focusable="false"
-              height="24"
-              viewBox="0 0 24 24"
-              width="24"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M9 10v8m3-8v8m3-8v8M5 4.5V21a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4.5m-14 0H4m1 0h4m10 0h1m-1 0h-4m-6 0V3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1.5m-6 0h6"
-                stroke="currentColor"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="1.5"
-              />
-            </svg>
-          </button>
-        </div>
-        <hr
-          class="Hr-root-id ProductVariantCreatorSummary-hr-id ProductVariantCreatorSummary-hr-id"
-        />
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colName-id"
-        >
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#1565c0"
-          >
-            500g
-          </span>
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#00838f"
-          >
-            Arabica
-          </span>
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#2e7d32"
-          >
-            Round
-          </span>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="1.2"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="2.2"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="30.1"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="28"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="25"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="22"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colSku-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                name="sku"
-                type="text"
-                value=""
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id"
-        >
-          <button
-            class="MuiButtonBase-root-id IconButton-secondary-id ProductVariantCreatorSummary-delete-id IconButton-hoverOutline-id"
-            color="primary"
-            tabindex="0"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="MuiSvgIcon-root-id MacawIcon-root-id"
-              fill="none"
-              focusable="false"
-              height="24"
-              viewBox="0 0 24 24"
-              width="24"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M9 10v8m3-8v8m3-8v8M5 4.5V21a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4.5m-14 0H4m1 0h4m10 0h1m-1 0h-4m-6 0V3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1.5m-6 0h6"
-                stroke="currentColor"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="1.5"
-              />
-            </svg>
-          </button>
-        </div>
-        <hr
-          class="Hr-root-id ProductVariantCreatorSummary-hr-id ProductVariantCreatorSummary-hr-id"
-        />
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colName-id"
-        >
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#1565c0"
-          >
-            500g
-          </span>
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#00838f"
-          >
-            Arabica
-          </span>
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#2e7d32"
-          >
-            Polo
-          </span>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="1.2"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="2.2"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="30.1"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="28"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="25"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="22"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colSku-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                name="sku"
-                type="text"
-                value=""
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id"
-        >
-          <button
-            class="MuiButtonBase-root-id IconButton-secondary-id ProductVariantCreatorSummary-delete-id IconButton-hoverOutline-id"
-            color="primary"
-            tabindex="0"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="MuiSvgIcon-root-id MacawIcon-root-id"
-              fill="none"
-              focusable="false"
-              height="24"
-              viewBox="0 0 24 24"
-              width="24"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M9 10v8m3-8v8m3-8v8M5 4.5V21a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4.5m-14 0H4m1 0h4m10 0h1m-1 0h-4m-6 0V3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1.5m-6 0h6"
-                stroke="currentColor"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="1.5"
-              />
-            </svg>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Views / Products / Create multiple variants / summary errors 1`] = `
-<div
-  style="padding:24px"
->
-  <div
-    class="Container-root-id"
-  >
-    <div
-      class="MuiPaper-root-id MuiCard-root-id ProductVariantCreatorSummary-card-id MuiPaper-elevation0-id MuiPaper-rounded-id"
-    >
-      <div
-        class="MuiCardHeader-root-id"
-      >
-        <div
-          class="MuiCardHeader-content-id"
-        >
-          <span
-            class="MuiTypography-root-id MuiCardHeader-title-id MuiTypography-h5-id MuiTypography-displayBlock-id"
-          >
-            Created Variants
-          </span>
-        </div>
-      </div>
-      <div
-        class="ProductVariantCreatorSummary-summary-id ProductVariantCreatorSummary-summary-id"
-      >
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colHeader-id ProductVariantCreatorSummary-colName-id"
-        >
-          Variant
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colHeader-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          Channel1 Price
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colHeader-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          Channel2 Price
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colHeader-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          Channel3 Price
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colHeader-id ProductVariantCreatorSummary-colStock-id"
-        >
-          C our wares
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colHeader-id ProductVariantCreatorSummary-colStock-id"
-        >
-          Be stocked
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colHeader-id ProductVariantCreatorSummary-colStock-id"
-        >
-          Darkwares
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colHeader-id ProductVariantCreatorSummary-colSku-id"
-        >
-          SKU
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colHeader-id"
-        />
-        <hr
-          class="Hr-root-id ProductVariantCreatorSummary-hr-id ProductVariantCreatorSummary-hr-id"
-        />
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colName-id"
-        >
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#1565c0"
-          >
-            100g
-          </span>
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#00838f"
-          >
-            Arabica
-          </span>
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#2e7d32"
-          >
-            Round
-          </span>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="1.2"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="2.2"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="30.1"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="30"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="27"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="24"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colSku-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                name="sku"
-                type="text"
-                value=""
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id"
-        >
-          <button
-            class="MuiButtonBase-root-id IconButton-secondary-id ProductVariantCreatorSummary-delete-id IconButton-hoverOutline-id"
-            color="primary"
-            tabindex="0"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="MuiSvgIcon-root-id MacawIcon-root-id"
-              fill="none"
-              focusable="false"
-              height="24"
-              viewBox="0 0 24 24"
-              width="24"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M9 10v8m3-8v8m3-8v8M5 4.5V21a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4.5m-14 0H4m1 0h4m10 0h1m-1 0h-4m-6 0V3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1.5m-6 0h6"
-                stroke="currentColor"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="1.5"
-              />
-            </svg>
-          </button>
-        </div>
-        <hr
-          class="Hr-root-id ProductVariantCreatorSummary-hr-id ProductVariantCreatorSummary-hr-id"
-        />
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colName-id"
-        >
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#1565c0"
-          >
-            100g
-          </span>
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#00838f"
-          >
-            Arabica
-          </span>
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#2e7d32"
-          >
-            Polo
-          </span>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="1.2"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="2.2"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="30.1"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="30"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="27"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="24"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colSku-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                name="sku"
-                type="text"
-                value=""
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id"
-        >
-          <button
-            class="MuiButtonBase-root-id IconButton-secondary-id ProductVariantCreatorSummary-delete-id IconButton-hoverOutline-id"
-            color="primary"
-            tabindex="0"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="MuiSvgIcon-root-id MacawIcon-root-id"
-              fill="none"
-              focusable="false"
-              height="24"
-              viewBox="0 0 24 24"
-              width="24"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M9 10v8m3-8v8m3-8v8M5 4.5V21a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4.5m-14 0H4m1 0h4m10 0h1m-1 0h-4m-6 0V3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1.5m-6 0h6"
-                stroke="currentColor"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="1.5"
-              />
-            </svg>
-          </button>
-        </div>
-        <hr
-          class="Hr-root-id ProductVariantCreatorSummary-hr-id ProductVariantCreatorSummary-hr-id"
-        />
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colName-id"
-        >
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#1565c0"
-          >
-            500g
-          </span>
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#00838f"
-          >
-            Arabica
-          </span>
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#2e7d32"
-          >
-            Round
-          </span>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="1.2"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="2.2"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="30.1"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="28"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="25"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="22"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colSku-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                name="sku"
-                type="text"
-                value=""
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id"
-        >
-          <button
-            class="MuiButtonBase-root-id IconButton-secondary-id ProductVariantCreatorSummary-delete-id IconButton-hoverOutline-id"
-            color="primary"
-            tabindex="0"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="MuiSvgIcon-root-id MacawIcon-root-id"
-              fill="none"
-              focusable="false"
-              height="24"
-              viewBox="0 0 24 24"
-              width="24"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M9 10v8m3-8v8m3-8v8M5 4.5V21a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4.5m-14 0H4m1 0h4m10 0h1m-1 0h-4m-6 0V3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1.5m-6 0h6"
-                stroke="currentColor"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="1.5"
-              />
-            </svg>
-          </button>
-        </div>
-        <hr
-          class="Hr-root-id ProductVariantCreatorSummary-hr-id ProductVariantCreatorSummary-hr-id"
-        />
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colName-id"
-        >
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#1565c0"
-          >
-            500g
-          </span>
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#00838f"
-          >
-            Arabica
-          </span>
-          <span
-            class="ProductVariantCreatorSummary-attributeValue-id"
-            style="color:#2e7d32"
-          >
-            Polo
-          </span>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="1.2"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="2.2"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colPrice-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                min="0"
-                name="price"
-                required=""
-                step="0.01"
-                type="number"
-                value="30.1"
-              />
-              <div
-                class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-              >
-                <div
-                  class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                >
-                  USD
-                </div>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="28"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="25"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colStock-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="false"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                min="0"
-                type="number"
-                value="22"
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id ProductVariantCreatorSummary-colSku-id"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id ProductVariantCreatorSummary-input-id MuiFormControl-fullWidth-id"
-          >
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-error-id MuiOutlinedInput-error-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-            >
-              <input
-                aria-invalid="true"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id"
-                name="sku"
-                type="text"
-                value=""
-              />
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                style="padding-left:8px"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legend-id"
-                  style="width:0.01px"
-                >
-                  <span>
-                    ​
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-            <p
-              class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-error-id"
-            >
-              SKUs must be unique
-            </p>
-          </div>
-        </div>
-        <div
-          class="ProductVariantCreatorSummary-col-id"
-        >
-          <button
-            class="MuiButtonBase-root-id IconButton-secondary-id ProductVariantCreatorSummary-delete-id IconButton-hoverOutline-id"
-            color="primary"
-            tabindex="0"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="MuiSvgIcon-root-id MacawIcon-root-id"
-              fill="none"
-              focusable="false"
-              height="24"
-              viewBox="0 0 24 24"
-              width="24"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M9 10v8m3-8v8m3-8v8M5 4.5V21a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4.5m-14 0H4m1 0h4m10 0h1m-1 0h-4m-6 0V3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1.5m-6 0h6"
-                stroke="currentColor"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="1.5"
-              />
-            </svg>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Views / Products / Create multiple variants choose values 1`] = `
-<div
-  style="padding:24px"
->
-  <div
-    class="Container-root-id"
-  >
-    <div
-      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
-    >
-      <div
-        class="MuiCardHeader-root-id"
-      >
-        <div
-          class="MuiCardHeader-content-id"
-        >
-          <span
-            class="MuiTypography-root-id MuiCardHeader-title-id MuiTypography-h5-id MuiTypography-displayBlock-id"
-          >
-            Box Size
-          </span>
-        </div>
-      </div>
-      <div
-        class="MuiCardContent-root-id"
-        data-test-id="value-container"
-      >
-        <div
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          aria-labelledby="downshift-36-label"
-          class="MultiAutocompleteSelectField-container-id"
-          role="combobox"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-          >
-            <label
-              class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
-              data-shrink="false"
-            >
-              Values
-            </label>
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-autocomplete="list"
-                aria-invalid="false"
-                aria-labelledby="downshift-36-label"
-                autocomplete="off"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                id="downshift-36-menu"
-                role="listbox"
-                type="text"
-                value=""
-              />
-              <div
-                aria-haspopup="true"
-                aria-label="open menu"
-                class="MultiAutocompleteSelectField-adornment-id"
-                data-toggle="true"
-                role="button"
-                type="button"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id MacawIcon-root-id"
-                  fill="none"
-                  focusable="false"
-                  height="24"
-                  viewBox="0 0 24 24"
-                  width="24"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="m8 10 4 4 4-4"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    stroke-width="1.5"
-                  />
-                </svg>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legendLabelled-id"
-                >
-                  <span>
-                    Values
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="MultiAutocompleteSelectField-chipContainer-id"
-        >
-          <div
-            class="MultiAutocompleteSelectField-chip-id"
-          >
-            <div
-              class="MultiAutocompleteSelectField-chipInner-id"
-            >
-              <div
-                class="MuiTypography-root-id MultiAutocompleteSelectField-chipLabel-id MuiTypography-body1-id"
-              >
-                100g
-              </div>
-              <button
-                class="MuiButtonBase-root-id IconButton-secondary-id MultiAutocompleteSelectField-chipClose-id"
-                data-test-id="remove"
-                tabindex="0"
-                type="button"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-                  />
-                </svg>
-              </button>
-            </div>
-          </div>
-          <div
-            class="MultiAutocompleteSelectField-chip-id"
-          >
-            <div
-              class="MultiAutocompleteSelectField-chipInner-id"
-            >
-              <div
-                class="MuiTypography-root-id MultiAutocompleteSelectField-chipLabel-id MuiTypography-body1-id"
-              >
-                500g
-              </div>
-              <button
-                class="MuiButtonBase-root-id IconButton-secondary-id MultiAutocompleteSelectField-chipClose-id"
-                data-test-id="remove"
-                tabindex="0"
-                type="button"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-                  />
-                </svg>
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="CardSpacer-spacer-id"
-    />
-    <div
-      class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
-    >
-      <div
-        class="MuiCardHeader-root-id"
-      >
-        <div
-          class="MuiCardHeader-content-id"
-        >
-          <span
-            class="MuiTypography-root-id MuiCardHeader-title-id MuiTypography-h5-id MuiTypography-displayBlock-id"
-          >
-            Coffee Genre
-          </span>
-        </div>
-      </div>
-      <div
-        class="MuiCardContent-root-id"
-        data-test-id="value-container"
-      >
-        <div
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          aria-labelledby="downshift-37-label"
-          class="MultiAutocompleteSelectField-container-id"
-          role="combobox"
-        >
-          <div
-            class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-          >
-            <label
-              class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
-              data-shrink="false"
-            >
-              Values
-            </label>
-            <div
-              class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-            >
-              <input
-                aria-autocomplete="list"
-                aria-invalid="false"
-                aria-labelledby="downshift-37-label"
-                autocomplete="off"
-                class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                id="downshift-37-menu"
-                role="listbox"
-                type="text"
-                value=""
-              />
-              <div
-                aria-haspopup="true"
-                aria-label="open menu"
-                class="MultiAutocompleteSelectField-adornment-id"
-                data-toggle="true"
-                role="button"
-                type="button"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id MacawIcon-root-id"
-                  fill="none"
-                  focusable="false"
-                  height="24"
-                  viewBox="0 0 24 24"
-                  width="24"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="m8 10 4 4 4-4"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    stroke-width="1.5"
-                  />
-                </svg>
-              </div>
-              <fieldset
-                aria-hidden="true"
-                class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-              >
-                <legend
-                  class="PrivateNotchedOutline-legendLabelled-id"
-                >
-                  <span>
-                    Values
-                  </span>
-                </legend>
-              </fieldset>
-            </div>
-          </div>
-        </div>
-        <div
-          class="MultiAutocompleteSelectField-chipContainer-id"
-        >
-          <div
-            class="MultiAutocompleteSelectField-chip-id"
-          >
-            <div
-              class="MultiAutocompleteSelectField-chipInner-id"
-            >
-              <div
-                class="MuiTypography-root-id MultiAutocompleteSelectField-chipLabel-id MuiTypography-body1-id"
-              >
-                Arabica
-              </div>
-              <button
-                class="MuiButtonBase-root-id IconButton-secondary-id MultiAutocompleteSelectField-chipClose-id"
-                data-test-id="remove"
-                tabindex="0"
-                type="button"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id MuiSvgIcon-fontSizeSmall-id"
-                  focusable="false"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-                  />
-                </svg>
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="CardSpacer-spacer-id"
-    />
-  </div>
-</div>
-`;
-
-exports[`Storyshots Views / Products / Create multiple variants interactive 1`] = `
-<div
-  style="padding:24px"
->
-  <div
-    class="Container-root-id"
-  >
-    <div
-      class="CreatorSteps-root-id"
-    >
-      <div
-        class="CreatorSteps-tab-id CreatorSteps-tabActive-id CreatorSteps-tabVisited-id"
-      >
-        <div
-          class="MuiTypography-root-id CreatorSteps-label-id MuiTypography-caption-id"
-        >
-          Select Values
-        </div>
-      </div>
-      <div
-        class="CreatorSteps-tab-id"
-      >
-        <div
-          class="MuiTypography-root-id CreatorSteps-label-id MuiTypography-caption-id"
-        >
-          Prices and SKU
-        </div>
-      </div>
-      <div
-        class="CreatorSteps-tab-id"
-      >
-        <div
-          class="MuiTypography-root-id CreatorSteps-label-id MuiTypography-caption-id"
-        >
-          Summary
-        </div>
-      </div>
-    </div>
-    <div
-      class="ExtendedPageHeader-root-id ExtendedPageHeader-block-id"
-      data-test-id="page-header"
-    >
-      <div
-        class="ExtendedPageHeader-titleRow-id"
-      >
-        <div
-          class="MuiTypography-root-id PageHeader-title-id MuiTypography-h1-id"
-        >
-          Choose Values
-          <div
-            class="MuiTypography-root-id ProductVariantCreatePage-description-id MuiTypography-body2-id"
-          >
-            Selected values will be used to create variants for the configurable product.
-          </div>
-        </div>
-      </div>
-      <div
-        class="ExtendedPageHeader-action-id"
-      >
-        <div
-          class="PageHeader-root-id"
-        >
-          <button
-            class="MuiButtonBase-root-id MuiButton-root-id MuiButton-contained-id ProductVariantCreatePage-button-id MuiButton-containedPrimary-id"
-            data-test-id="next-step"
-            tabindex="0"
-            type="button"
-          >
-            <span
-              class="MuiButton-label-id"
-            >
-              Next
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <hr
-      class="Hr-root-id ProductVariantCreatePage-hr-id"
-    />
-    <div
-      class="ProductVariantCreatePage-content-id"
-    >
-      <div
-        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
-      >
-        <div
-          class="MuiCardHeader-root-id"
-        >
-          <div
-            class="MuiCardHeader-content-id"
-          >
-            <span
-              class="MuiTypography-root-id MuiCardHeader-title-id MuiTypography-h5-id MuiTypography-displayBlock-id"
-            >
-              Author
-            </span>
-          </div>
-        </div>
-        <div
-          class="MuiCardContent-root-id"
-          data-test-id="value-container"
-        >
-          <div
-            aria-expanded="false"
-            aria-haspopup="listbox"
-            aria-labelledby="downshift-38-label"
-            class="MultiAutocompleteSelectField-container-id"
-            role="combobox"
-          >
-            <div
-              class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-            >
-              <label
-                class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
-                data-shrink="false"
-              >
-                Values
-              </label>
-              <div
-                class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-              >
-                <input
-                  aria-autocomplete="list"
-                  aria-invalid="false"
-                  aria-labelledby="downshift-38-label"
-                  autocomplete="off"
-                  class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                  id="downshift-38-menu"
-                  role="listbox"
-                  type="text"
-                  value=""
-                />
-                <div
-                  aria-haspopup="true"
-                  aria-label="open menu"
-                  class="MultiAutocompleteSelectField-adornment-id"
-                  data-toggle="true"
-                  role="button"
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    class="MuiSvgIcon-root-id MacawIcon-root-id"
-                    fill="none"
-                    focusable="false"
-                    height="24"
-                    viewBox="0 0 24 24"
-                    width="24"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="m8 10 4 4 4-4"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                      stroke-width="1.5"
-                    />
-                  </svg>
-                </div>
-                <fieldset
-                  aria-hidden="true"
-                  class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                >
-                  <legend
-                    class="PrivateNotchedOutline-legendLabelled-id"
-                  >
-                    <span>
-                      Values
-                    </span>
-                  </legend>
-                </fieldset>
-              </div>
-            </div>
-          </div>
-          <div
-            class="MultiAutocompleteSelectField-chipContainer-id"
-          />
-        </div>
-      </div>
-      <div
-        class="CardSpacer-spacer-id"
-      />
-      <div
-        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
-      >
-        <div
-          class="MuiCardHeader-root-id"
-        >
-          <div
-            class="MuiCardHeader-content-id"
-          >
-            <span
-              class="MuiTypography-root-id MuiCardHeader-title-id MuiTypography-h5-id MuiTypography-displayBlock-id"
-            >
-              Box Size
-            </span>
-          </div>
-        </div>
-        <div
-          class="MuiCardContent-root-id"
-          data-test-id="value-container"
-        >
-          <div
-            aria-expanded="false"
-            aria-haspopup="listbox"
-            aria-labelledby="downshift-39-label"
-            class="MultiAutocompleteSelectField-container-id"
-            role="combobox"
-          >
-            <div
-              class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-            >
-              <label
-                class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
-                data-shrink="false"
-              >
-                Values
-              </label>
-              <div
-                class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-              >
-                <input
-                  aria-autocomplete="list"
-                  aria-invalid="false"
-                  aria-labelledby="downshift-39-label"
-                  autocomplete="off"
-                  class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                  id="downshift-39-menu"
-                  role="listbox"
-                  type="text"
-                  value=""
-                />
-                <div
-                  aria-haspopup="true"
-                  aria-label="open menu"
-                  class="MultiAutocompleteSelectField-adornment-id"
-                  data-toggle="true"
-                  role="button"
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    class="MuiSvgIcon-root-id MacawIcon-root-id"
-                    fill="none"
-                    focusable="false"
-                    height="24"
-                    viewBox="0 0 24 24"
-                    width="24"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="m8 10 4 4 4-4"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                      stroke-width="1.5"
-                    />
-                  </svg>
-                </div>
-                <fieldset
-                  aria-hidden="true"
-                  class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                >
-                  <legend
-                    class="PrivateNotchedOutline-legendLabelled-id"
-                  >
-                    <span>
-                      Values
-                    </span>
-                  </legend>
-                </fieldset>
-              </div>
-            </div>
-          </div>
-          <div
-            class="MultiAutocompleteSelectField-chipContainer-id"
-          />
-        </div>
-      </div>
-      <div
-        class="CardSpacer-spacer-id"
-      />
-      <div
-        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
-      >
-        <div
-          class="MuiCardHeader-root-id"
-        >
-          <div
-            class="MuiCardHeader-content-id"
-          >
-            <span
-              class="MuiTypography-root-id MuiCardHeader-title-id MuiTypography-h5-id MuiTypography-displayBlock-id"
-            >
-              Coffee Genre
-            </span>
-          </div>
-        </div>
-        <div
-          class="MuiCardContent-root-id"
-          data-test-id="value-container"
-        >
-          <div
-            aria-expanded="false"
-            aria-haspopup="listbox"
-            aria-labelledby="downshift-40-label"
-            class="MultiAutocompleteSelectField-container-id"
-            role="combobox"
-          >
-            <div
-              class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-            >
-              <label
-                class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
-                data-shrink="false"
-              >
-                Values
-              </label>
-              <div
-                class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-              >
-                <input
-                  aria-autocomplete="list"
-                  aria-invalid="false"
-                  aria-labelledby="downshift-40-label"
-                  autocomplete="off"
-                  class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                  id="downshift-40-menu"
-                  role="listbox"
-                  type="text"
-                  value=""
-                />
-                <div
-                  aria-haspopup="true"
-                  aria-label="open menu"
-                  class="MultiAutocompleteSelectField-adornment-id"
-                  data-toggle="true"
-                  role="button"
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    class="MuiSvgIcon-root-id MacawIcon-root-id"
-                    fill="none"
-                    focusable="false"
-                    height="24"
-                    viewBox="0 0 24 24"
-                    width="24"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="m8 10 4 4 4-4"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                      stroke-width="1.5"
-                    />
-                  </svg>
-                </div>
-                <fieldset
-                  aria-hidden="true"
-                  class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                >
-                  <legend
-                    class="PrivateNotchedOutline-legendLabelled-id"
-                  >
-                    <span>
-                      Values
-                    </span>
-                  </legend>
-                </fieldset>
-              </div>
-            </div>
-          </div>
-          <div
-            class="MultiAutocompleteSelectField-chipContainer-id"
-          />
-        </div>
-      </div>
-      <div
-        class="CardSpacer-spacer-id"
-      />
-      <div
-        class="MuiPaper-root-id MuiCard-root-id MuiPaper-elevation0-id MuiPaper-rounded-id"
-      >
-        <div
-          class="MuiCardHeader-root-id"
-        >
-          <div
-            class="MuiCardHeader-content-id"
-          >
-            <span
-              class="MuiTypography-root-id MuiCardHeader-title-id MuiTypography-h5-id MuiTypography-displayBlock-id"
-            >
-              Color
-            </span>
-          </div>
-        </div>
-        <div
-          class="MuiCardContent-root-id"
-          data-test-id="value-container"
-        >
-          <div
-            aria-expanded="false"
-            aria-haspopup="listbox"
-            aria-labelledby="downshift-41-label"
-            class="MultiAutocompleteSelectField-container-id"
-            role="combobox"
-          >
-            <div
-              class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-            >
-              <label
-                class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
-                data-shrink="false"
-              >
-                Values
-              </label>
-              <div
-                class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-              >
-                <input
-                  aria-autocomplete="list"
-                  aria-invalid="false"
-                  aria-labelledby="downshift-41-label"
-                  autocomplete="off"
-                  class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                  id="downshift-41-menu"
-                  role="listbox"
-                  type="text"
-                  value=""
-                />
-                <div
-                  aria-haspopup="true"
-                  aria-label="open menu"
-                  class="MultiAutocompleteSelectField-adornment-id"
-                  data-toggle="true"
-                  role="button"
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    class="MuiSvgIcon-root-id MacawIcon-root-id"
-                    fill="none"
-                    focusable="false"
-                    height="24"
-                    viewBox="0 0 24 24"
-                    width="24"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="m8 10 4 4 4-4"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                      stroke-width="1.5"
-                    />
-                  </svg>
-                </div>
-                <fieldset
-                  aria-hidden="true"
-                  class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                >
-                  <legend
-                    class="PrivateNotchedOutline-legendLabelled-id"
-                  >
-                    <span>
-                      Values
-                    </span>
-                  </legend>
-                </fieldset>
-              </div>
-            </div>
-          </div>
-          <div
-            class="MultiAutocompleteSelectField-chipContainer-id"
-          />
-        </div>
-      </div>
-      <div
-        class="CardSpacer-spacer-id"
-      />
-    </div>
-  </div>
-</div>
-`;
-
 exports[`Storyshots Views / Products / Create product When loading 1`] = `
 <div
   style="padding:24px"
@@ -185086,7 +176943,7 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-79-label"
+                aria-labelledby="downshift-73-label"
                 class="SingleAutocompleteSelectField-container-id"
                 data-test-id="product-type"
                 role="combobox"
@@ -185106,11 +176963,11 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-79-label"
+                      aria-labelledby="downshift-73-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
                       disabled=""
-                      id="downshift-79-input"
+                      id="downshift-73-input"
                       type="text"
                       value=""
                     />
@@ -185168,7 +177025,7 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-80-label"
+                aria-labelledby="downshift-74-label"
                 class="SingleAutocompleteSelectField-container-id"
                 data-test-id="category"
                 role="combobox"
@@ -185188,11 +177045,11 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-80-label"
+                      aria-labelledby="downshift-74-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
                       disabled=""
-                      id="downshift-80-input"
+                      id="downshift-74-input"
                       type="text"
                       value=""
                     />
@@ -185250,7 +177107,7 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-81-label"
+                aria-labelledby="downshift-75-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test-id="collections"
                 role="combobox"
@@ -185270,10 +177127,10 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-81-label"
+                      aria-labelledby="downshift-75-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-81-menu"
+                      id="downshift-75-menu"
                       role="listbox"
                       testid="collection"
                       type="text"
@@ -185870,7 +177727,7 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-76-label"
+                aria-labelledby="downshift-70-label"
                 class="SingleAutocompleteSelectField-container-id"
                 data-test-id="product-type"
                 role="combobox"
@@ -185890,10 +177747,10 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-76-label"
+                      aria-labelledby="downshift-70-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-76-input"
+                      id="downshift-70-input"
                       type="text"
                       value=""
                     />
@@ -185951,7 +177808,7 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-77-label"
+                aria-labelledby="downshift-71-label"
                 class="SingleAutocompleteSelectField-container-id"
                 data-test-id="category"
                 role="combobox"
@@ -185971,10 +177828,10 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-77-label"
+                      aria-labelledby="downshift-71-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-77-input"
+                      id="downshift-71-input"
                       type="text"
                       value=""
                     />
@@ -186032,7 +177889,7 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-78-label"
+                aria-labelledby="downshift-72-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test-id="collections"
                 role="combobox"
@@ -186052,10 +177909,10 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-78-label"
+                      aria-labelledby="downshift-72-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-78-menu"
+                      id="downshift-72-menu"
                       role="listbox"
                       testid="collection"
                       type="text"
@@ -186490,7 +178347,7 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-82-label"
+                    aria-labelledby="downshift-76-label"
                     class="SingleAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -186509,10 +178366,10 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="true"
-                          aria-labelledby="downshift-82-label"
+                          aria-labelledby="downshift-76-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-82-input"
+                          id="downshift-76-input"
                           type="text"
                           value=""
                         />
@@ -186802,7 +178659,7 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-83-label"
+                aria-labelledby="downshift-77-label"
                 class="SingleAutocompleteSelectField-container-id"
                 data-test-id="product-type"
                 role="combobox"
@@ -186822,10 +178679,10 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="true"
-                      aria-labelledby="downshift-83-label"
+                      aria-labelledby="downshift-77-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-83-input"
+                      id="downshift-77-input"
                       type="text"
                       value="Candy"
                     />
@@ -186888,7 +178745,7 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-84-label"
+                aria-labelledby="downshift-78-label"
                 class="SingleAutocompleteSelectField-container-id"
                 data-test-id="category"
                 role="combobox"
@@ -186908,10 +178765,10 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="true"
-                      aria-labelledby="downshift-84-label"
+                      aria-labelledby="downshift-78-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-84-input"
+                      id="downshift-78-input"
                       type="text"
                       value=""
                     />
@@ -186974,7 +178831,7 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-85-label"
+                aria-labelledby="downshift-79-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test-id="collections"
                 role="combobox"
@@ -186994,10 +178851,10 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-85-label"
+                      aria-labelledby="downshift-79-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-85-menu"
+                      id="downshift-79-menu"
                       role="listbox"
                       testid="collection"
                       type="text"
@@ -187475,7 +179332,7 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-143-label"
+                    aria-labelledby="downshift-137-label"
                     class="SingleAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -187494,10 +179351,10 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-143-label"
+                          aria-labelledby="downshift-137-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-143-input"
+                          id="downshift-137-input"
                           type="text"
                           value=""
                         />
@@ -188477,7 +180334,7 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-141-label"
+                    aria-labelledby="downshift-135-label"
                     class="SingleAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -188496,10 +180353,10 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-141-label"
+                          aria-labelledby="downshift-135-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-141-input"
+                          id="downshift-135-input"
                           type="text"
                           value=""
                         />
@@ -189479,7 +181336,7 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-144-label"
+                    aria-labelledby="downshift-138-label"
                     class="SingleAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -189498,10 +181355,10 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-144-label"
+                          aria-labelledby="downshift-138-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-144-input"
+                          id="downshift-138-input"
                           type="text"
                           value=""
                         />
@@ -191319,7 +183176,7 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-142-label"
+                    aria-labelledby="downshift-136-label"
                     class="SingleAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -191338,10 +183195,10 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-142-label"
+                          aria-labelledby="downshift-136-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-142-input"
+                          id="downshift-136-input"
                           type="text"
                           value=""
                         />
@@ -192490,7 +184347,7 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-121-label"
+                    aria-labelledby="downshift-115-label"
                     class="SingleAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -192509,10 +184366,10 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="true"
-                          aria-labelledby="downshift-121-label"
+                          aria-labelledby="downshift-115-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-121-input"
+                          id="downshift-115-input"
                           type="text"
                           value="portals"
                         />
@@ -192588,7 +184445,7 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-122-label"
+                    aria-labelledby="downshift-116-label"
                     class="MultiAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -192607,10 +184464,10 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-122-label"
+                          aria-labelledby="downshift-116-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-122-menu"
+                          id="downshift-116-menu"
                           role="listbox"
                           type="text"
                           value=""
@@ -193493,7 +185350,7 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-123-label"
+                aria-labelledby="downshift-117-label"
                 class="SingleAutocompleteSelectField-container-id"
                 data-test-id="category"
                 role="combobox"
@@ -193513,10 +185370,10 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="true"
-                      aria-labelledby="downshift-123-label"
+                      aria-labelledby="downshift-117-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-123-input"
+                      id="downshift-117-input"
                       type="text"
                       value="Apparel"
                     />
@@ -193579,7 +185436,7 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-124-label"
+                aria-labelledby="downshift-118-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test-id="collections"
                 role="combobox"
@@ -193599,10 +185456,10 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="true"
-                      aria-labelledby="downshift-124-label"
+                      aria-labelledby="downshift-118-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-124-menu"
+                      id="downshift-118-menu"
                       role="listbox"
                       testid="collection"
                       type="text"
@@ -193864,7 +185721,7 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-125-label"
+                aria-labelledby="downshift-119-label"
                 class="SingleAutocompleteSelectField-container-id ProductTaxes-select-id"
                 data-test-id="select-tax-type"
                 role="combobox"
@@ -193884,10 +185741,10 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-125-label"
+                      aria-labelledby="downshift-119-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-125-input"
+                      id="downshift-119-input"
                       type="text"
                       value="standard"
                     />
@@ -194466,7 +186323,7 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-136-label"
+                    aria-labelledby="downshift-130-label"
                     class="SingleAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -194485,10 +186342,10 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-136-label"
+                          aria-labelledby="downshift-130-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-136-input"
+                          id="downshift-130-input"
                           type="text"
                           value="portals"
                         />
@@ -194559,7 +186416,7 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-137-label"
+                    aria-labelledby="downshift-131-label"
                     class="MultiAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -194578,10 +186435,10 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-137-label"
+                          aria-labelledby="downshift-131-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-137-menu"
+                          id="downshift-131-menu"
                           role="listbox"
                           type="text"
                           value=""
@@ -195547,7 +187404,7 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-138-label"
+                aria-labelledby="downshift-132-label"
                 class="SingleAutocompleteSelectField-container-id"
                 data-test-id="category"
                 role="combobox"
@@ -195567,10 +187424,10 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-138-label"
+                      aria-labelledby="downshift-132-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-138-input"
+                      id="downshift-132-input"
                       type="text"
                       value="Apparel"
                     />
@@ -195628,7 +187485,7 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-139-label"
+                aria-labelledby="downshift-133-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test-id="collections"
                 role="combobox"
@@ -195648,10 +187505,10 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-139-label"
+                      aria-labelledby="downshift-133-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-139-menu"
+                      id="downshift-133-menu"
                       role="listbox"
                       testid="collection"
                       type="text"
@@ -195913,7 +187770,7 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-140-label"
+                aria-labelledby="downshift-134-label"
                 class="SingleAutocompleteSelectField-container-id ProductTaxes-select-id"
                 data-test-id="select-tax-type"
                 role="combobox"
@@ -195933,10 +187790,10 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-140-label"
+                      aria-labelledby="downshift-134-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-140-input"
+                      id="downshift-134-input"
                       type="text"
                       value="standard"
                     />
@@ -196515,7 +188372,7 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-131-label"
+                    aria-labelledby="downshift-125-label"
                     class="SingleAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -196534,10 +188391,10 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-131-label"
+                          aria-labelledby="downshift-125-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-131-input"
+                          id="downshift-125-input"
                           type="text"
                           value="portals"
                         />
@@ -196608,7 +188465,7 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-132-label"
+                    aria-labelledby="downshift-126-label"
                     class="MultiAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -196627,10 +188484,10 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-132-label"
+                          aria-labelledby="downshift-126-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-132-menu"
+                          id="downshift-126-menu"
                           role="listbox"
                           type="text"
                           value=""
@@ -197513,7 +189370,7 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-133-label"
+                aria-labelledby="downshift-127-label"
                 class="SingleAutocompleteSelectField-container-id"
                 data-test-id="category"
                 role="combobox"
@@ -197533,10 +189390,10 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-133-label"
+                      aria-labelledby="downshift-127-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-133-input"
+                      id="downshift-127-input"
                       type="text"
                       value="Apparel"
                     />
@@ -197594,7 +189451,7 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-134-label"
+                aria-labelledby="downshift-128-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test-id="collections"
                 role="combobox"
@@ -197614,10 +189471,10 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-134-label"
+                      aria-labelledby="downshift-128-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-134-menu"
+                      id="downshift-128-menu"
                       role="listbox"
                       testid="collection"
                       type="text"
@@ -197879,7 +189736,7 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-135-label"
+                aria-labelledby="downshift-129-label"
                 class="SingleAutocompleteSelectField-container-id ProductTaxes-select-id"
                 data-test-id="select-tax-type"
                 role="combobox"
@@ -197899,10 +189756,10 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-135-label"
+                      aria-labelledby="downshift-129-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-135-input"
+                      id="downshift-129-input"
                       type="text"
                       value="standard"
                     />
@@ -199207,7 +191064,7 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-118-label"
+                aria-labelledby="downshift-112-label"
                 class="SingleAutocompleteSelectField-container-id"
                 data-test-id="category"
                 role="combobox"
@@ -199227,10 +191084,10 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-118-label"
+                      aria-labelledby="downshift-112-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-118-input"
+                      id="downshift-112-input"
                       type="text"
                       value="Apparel"
                     />
@@ -199288,7 +191145,7 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-119-label"
+                aria-labelledby="downshift-113-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test-id="collections"
                 role="combobox"
@@ -199308,10 +191165,10 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-119-label"
+                      aria-labelledby="downshift-113-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-119-menu"
+                      id="downshift-113-menu"
                       role="listbox"
                       testid="collection"
                       type="text"
@@ -199573,7 +191430,7 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-120-label"
+                aria-labelledby="downshift-114-label"
                 class="SingleAutocompleteSelectField-container-id ProductTaxes-select-id"
                 data-test-id="select-tax-type"
                 role="combobox"
@@ -199593,10 +191450,10 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-120-label"
+                      aria-labelledby="downshift-114-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-120-input"
+                      id="downshift-114-input"
                       type="text"
                       value="standard"
                     />
@@ -200175,7 +192032,7 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-108-label"
+                    aria-labelledby="downshift-102-label"
                     class="SingleAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -200194,10 +192051,10 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-108-label"
+                          aria-labelledby="downshift-102-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-108-input"
+                          id="downshift-102-input"
                           type="text"
                           value="portals"
                         />
@@ -200268,7 +192125,7 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-109-label"
+                    aria-labelledby="downshift-103-label"
                     class="MultiAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -200287,10 +192144,10 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-109-label"
+                          aria-labelledby="downshift-103-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-109-menu"
+                          id="downshift-103-menu"
                           role="listbox"
                           type="text"
                           value=""
@@ -201053,7 +192910,7 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-110-label"
+                aria-labelledby="downshift-104-label"
                 class="SingleAutocompleteSelectField-container-id"
                 data-test-id="category"
                 role="combobox"
@@ -201073,10 +192930,10 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-110-label"
+                      aria-labelledby="downshift-104-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-110-input"
+                      id="downshift-104-input"
                       type="text"
                       value="Apparel"
                     />
@@ -201134,7 +192991,7 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-111-label"
+                aria-labelledby="downshift-105-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test-id="collections"
                 role="combobox"
@@ -201154,10 +193011,10 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-111-label"
+                      aria-labelledby="downshift-105-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-111-menu"
+                      id="downshift-105-menu"
                       role="listbox"
                       testid="collection"
                       type="text"
@@ -201419,7 +193276,7 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-112-label"
+                aria-labelledby="downshift-106-label"
                 class="SingleAutocompleteSelectField-container-id ProductTaxes-select-id"
                 data-test-id="select-tax-type"
                 role="combobox"
@@ -201439,10 +193296,10 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-112-label"
+                      aria-labelledby="downshift-106-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-112-input"
+                      id="downshift-106-input"
                       type="text"
                       value="standard"
                     />
@@ -202021,7 +193878,7 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-113-label"
+                    aria-labelledby="downshift-107-label"
                     class="SingleAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -202040,10 +193897,10 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-113-label"
+                          aria-labelledby="downshift-107-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-113-input"
+                          id="downshift-107-input"
                           type="text"
                           value="portals"
                         />
@@ -202114,7 +193971,7 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-114-label"
+                    aria-labelledby="downshift-108-label"
                     class="MultiAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -202133,10 +193990,10 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-114-label"
+                          aria-labelledby="downshift-108-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-114-menu"
+                          id="downshift-108-menu"
                           role="listbox"
                           type="text"
                           value=""
@@ -202899,7 +194756,7 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-115-label"
+                aria-labelledby="downshift-109-label"
                 class="SingleAutocompleteSelectField-container-id"
                 data-test-id="category"
                 role="combobox"
@@ -202919,10 +194776,10 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-115-label"
+                      aria-labelledby="downshift-109-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-115-input"
+                      id="downshift-109-input"
                       type="text"
                       value="Apparel"
                     />
@@ -202980,7 +194837,7 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-116-label"
+                aria-labelledby="downshift-110-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test-id="collections"
                 role="combobox"
@@ -203000,10 +194857,10 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-116-label"
+                      aria-labelledby="downshift-110-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-116-menu"
+                      id="downshift-110-menu"
                       role="listbox"
                       testid="collection"
                       type="text"
@@ -203265,7 +195122,7 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-117-label"
+                aria-labelledby="downshift-111-label"
                 class="SingleAutocompleteSelectField-container-id ProductTaxes-select-id"
                 data-test-id="select-tax-type"
                 role="combobox"
@@ -203285,10 +195142,10 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-117-label"
+                      aria-labelledby="downshift-111-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-117-input"
+                      id="downshift-111-input"
                       type="text"
                       value="standard"
                     />
@@ -203867,7 +195724,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-103-label"
+                    aria-labelledby="downshift-97-label"
                     class="SingleAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -203886,10 +195743,10 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-103-label"
+                          aria-labelledby="downshift-97-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-103-input"
+                          id="downshift-97-input"
                           type="text"
                           value="portals"
                         />
@@ -203960,7 +195817,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-104-label"
+                    aria-labelledby="downshift-98-label"
                     class="MultiAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -203979,10 +195836,10 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-104-label"
+                          aria-labelledby="downshift-98-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-104-menu"
+                          id="downshift-98-menu"
                           role="listbox"
                           type="text"
                           value=""
@@ -204745,7 +196602,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-105-label"
+                aria-labelledby="downshift-99-label"
                 class="SingleAutocompleteSelectField-container-id"
                 data-test-id="category"
                 role="combobox"
@@ -204765,10 +196622,10 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-105-label"
+                      aria-labelledby="downshift-99-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-105-input"
+                      id="downshift-99-input"
                       type="text"
                       value="Apparel"
                     />
@@ -204826,7 +196683,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-106-label"
+                aria-labelledby="downshift-100-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test-id="collections"
                 role="combobox"
@@ -204846,10 +196703,10 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-106-label"
+                      aria-labelledby="downshift-100-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-106-menu"
+                      id="downshift-100-menu"
                       role="listbox"
                       testid="collection"
                       type="text"
@@ -205111,7 +196968,7 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-107-label"
+                aria-labelledby="downshift-101-label"
                 class="SingleAutocompleteSelectField-container-id ProductTaxes-select-id"
                 data-test-id="select-tax-type"
                 role="combobox"
@@ -205131,10 +196988,10 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-107-label"
+                      aria-labelledby="downshift-101-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-107-input"
+                      id="downshift-101-input"
                       type="text"
                       value="standard"
                     />
@@ -205713,7 +197570,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-86-label"
+                    aria-labelledby="downshift-80-label"
                     class="SingleAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -205732,10 +197589,10 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-86-label"
+                          aria-labelledby="downshift-80-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-86-input"
+                          id="downshift-80-input"
                           type="text"
                           value="portals"
                         />
@@ -205806,7 +197663,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-87-label"
+                    aria-labelledby="downshift-81-label"
                     class="MultiAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -205825,10 +197682,10 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-87-label"
+                          aria-labelledby="downshift-81-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-87-menu"
+                          id="downshift-81-menu"
                           role="listbox"
                           type="text"
                           value=""
@@ -206711,7 +198568,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-88-label"
+                aria-labelledby="downshift-82-label"
                 class="SingleAutocompleteSelectField-container-id"
                 data-test-id="category"
                 role="combobox"
@@ -206731,10 +198588,10 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-88-label"
+                      aria-labelledby="downshift-82-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-88-input"
+                      id="downshift-82-input"
                       type="text"
                       value="Apparel"
                     />
@@ -206792,7 +198649,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-89-label"
+                aria-labelledby="downshift-83-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test-id="collections"
                 role="combobox"
@@ -206812,10 +198669,10 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-89-label"
+                      aria-labelledby="downshift-83-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-89-menu"
+                      id="downshift-83-menu"
                       role="listbox"
                       testid="collection"
                       type="text"
@@ -207077,7 +198934,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-90-label"
+                aria-labelledby="downshift-84-label"
                 class="SingleAutocompleteSelectField-container-id ProductTaxes-select-id"
                 data-test-id="select-tax-type"
                 role="combobox"
@@ -207097,10 +198954,10 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-90-label"
+                      aria-labelledby="downshift-84-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-90-input"
+                      id="downshift-84-input"
                       type="text"
                       value="standard"
                     />
@@ -207882,7 +199739,7 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-101-label"
+                aria-labelledby="downshift-95-label"
                 class="SingleAutocompleteSelectField-container-id"
                 data-test-id="category"
                 role="combobox"
@@ -207902,11 +199759,11 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-101-label"
+                      aria-labelledby="downshift-95-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
                       disabled=""
-                      id="downshift-101-input"
+                      id="downshift-95-input"
                       type="text"
                       value=""
                     />
@@ -207964,7 +199821,7 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-102-label"
+                aria-labelledby="downshift-96-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test-id="collections"
                 role="combobox"
@@ -207984,10 +199841,10 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-102-label"
+                      aria-labelledby="downshift-96-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-102-menu"
+                      id="downshift-96-menu"
                       role="listbox"
                       testid="collection"
                       type="text"
@@ -208514,7 +200371,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-91-label"
+                    aria-labelledby="downshift-85-label"
                     class="SingleAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -208533,10 +200390,10 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-91-label"
+                          aria-labelledby="downshift-85-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-91-input"
+                          id="downshift-85-input"
                           type="text"
                           value="portals"
                         />
@@ -208607,7 +200464,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-92-label"
+                    aria-labelledby="downshift-86-label"
                     class="MultiAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -208626,10 +200483,10 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-92-label"
+                          aria-labelledby="downshift-86-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-92-menu"
+                          id="downshift-86-menu"
                           role="listbox"
                           type="text"
                           value=""
@@ -209512,7 +201369,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-93-label"
+                aria-labelledby="downshift-87-label"
                 class="SingleAutocompleteSelectField-container-id"
                 data-test-id="category"
                 role="combobox"
@@ -209532,10 +201389,10 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-93-label"
+                      aria-labelledby="downshift-87-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-93-input"
+                      id="downshift-87-input"
                       type="text"
                       value="Apparel"
                     />
@@ -209593,7 +201450,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-94-label"
+                aria-labelledby="downshift-88-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test-id="collections"
                 role="combobox"
@@ -209613,10 +201470,10 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-94-label"
+                      aria-labelledby="downshift-88-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-94-menu"
+                      id="downshift-88-menu"
                       role="listbox"
                       testid="collection"
                       type="text"
@@ -209878,7 +201735,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-95-label"
+                aria-labelledby="downshift-89-label"
                 class="SingleAutocompleteSelectField-container-id ProductTaxes-select-id"
                 data-test-id="select-tax-type"
                 role="combobox"
@@ -209898,10 +201755,10 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-95-label"
+                      aria-labelledby="downshift-89-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-95-input"
+                      id="downshift-89-input"
                       type="text"
                       value="standard"
                     />
@@ -210480,7 +202337,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-96-label"
+                    aria-labelledby="downshift-90-label"
                     class="SingleAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -210499,10 +202356,10 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-96-label"
+                          aria-labelledby="downshift-90-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-96-input"
+                          id="downshift-90-input"
                           type="text"
                           value="portals"
                         />
@@ -210573,7 +202430,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-97-label"
+                    aria-labelledby="downshift-91-label"
                     class="MultiAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -210592,10 +202449,10 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-97-label"
+                          aria-labelledby="downshift-91-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-97-menu"
+                          id="downshift-91-menu"
                           role="listbox"
                           type="text"
                           value=""
@@ -211358,7 +203215,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-98-label"
+                aria-labelledby="downshift-92-label"
                 class="SingleAutocompleteSelectField-container-id"
                 data-test-id="category"
                 role="combobox"
@@ -211378,10 +203235,10 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-98-label"
+                      aria-labelledby="downshift-92-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-98-input"
+                      id="downshift-92-input"
                       type="text"
                       value="Apparel"
                     />
@@ -211439,7 +203296,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-99-label"
+                aria-labelledby="downshift-93-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test-id="collections"
                 role="combobox"
@@ -211459,10 +203316,10 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-99-label"
+                      aria-labelledby="downshift-93-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-99-menu"
+                      id="downshift-93-menu"
                       role="listbox"
                       testid="collection"
                       type="text"
@@ -211724,7 +203581,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-100-label"
+                aria-labelledby="downshift-94-label"
                 class="SingleAutocompleteSelectField-container-id ProductTaxes-select-id"
                 data-test-id="select-tax-type"
                 role="combobox"
@@ -211744,10 +203601,10 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-100-label"
+                      aria-labelledby="downshift-94-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-100-input"
+                      id="downshift-94-input"
                       type="text"
                       value="standard"
                     />
@@ -212326,7 +204183,7 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-126-label"
+                    aria-labelledby="downshift-120-label"
                     class="SingleAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -212345,10 +204202,10 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-126-label"
+                          aria-labelledby="downshift-120-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-126-input"
+                          id="downshift-120-input"
                           type="text"
                           value="portals"
                         />
@@ -212419,7 +204276,7 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-127-label"
+                    aria-labelledby="downshift-121-label"
                     class="MultiAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -212438,10 +204295,10 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-127-label"
+                          aria-labelledby="downshift-121-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-127-menu"
+                          id="downshift-121-menu"
                           role="listbox"
                           type="text"
                           value=""
@@ -213324,7 +205181,7 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-128-label"
+                aria-labelledby="downshift-122-label"
                 class="SingleAutocompleteSelectField-container-id"
                 data-test-id="category"
                 role="combobox"
@@ -213344,10 +205201,10 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-128-label"
+                      aria-labelledby="downshift-122-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-128-input"
+                      id="downshift-122-input"
                       type="text"
                       value="Apparel"
                     />
@@ -213405,7 +205262,7 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-129-label"
+                aria-labelledby="downshift-123-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test-id="collections"
                 role="combobox"
@@ -213425,10 +205282,10 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-129-label"
+                      aria-labelledby="downshift-123-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-129-menu"
+                      id="downshift-123-menu"
                       role="listbox"
                       testid="collection"
                       type="text"
@@ -213690,7 +205547,7 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-130-label"
+                aria-labelledby="downshift-124-label"
                 class="SingleAutocompleteSelectField-container-id ProductTaxes-select-id"
                 data-test-id="select-tax-type"
                 role="combobox"
@@ -213710,10 +205567,10 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-130-label"
+                      aria-labelledby="downshift-124-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-130-input"
+                      id="downshift-124-input"
                       type="text"
                       value="standard"
                     />
@@ -228980,7 +220837,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-149-label"
+                    aria-labelledby="downshift-143-label"
                     class="SingleAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -228999,10 +220856,10 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                         <input
                           aria-autocomplete="list"
                           aria-invalid="true"
-                          aria-labelledby="downshift-149-label"
+                          aria-labelledby="downshift-143-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-149-input"
+                          id="downshift-143-input"
                           type="text"
                           value="portals"
                         />
@@ -229078,7 +220935,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-150-label"
+                    aria-labelledby="downshift-144-label"
                     class="SingleAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -229097,10 +220954,10 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-150-label"
+                          aria-labelledby="downshift-144-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-150-input"
+                          id="downshift-144-input"
                           type="text"
                           value="Auto Loan Account"
                         />
@@ -230942,7 +222799,7 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-147-label"
+                    aria-labelledby="downshift-141-label"
                     class="SingleAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -230961,10 +222818,10 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-147-label"
+                          aria-labelledby="downshift-141-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-147-input"
+                          id="downshift-141-input"
                           type="text"
                           value="portals"
                         />
@@ -231035,7 +222892,7 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-148-label"
+                    aria-labelledby="downshift-142-label"
                     class="SingleAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -231054,10 +222911,10 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-148-label"
+                          aria-labelledby="downshift-142-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-148-input"
+                          id="downshift-142-input"
                           type="text"
                           value="Auto Loan Account"
                         />
@@ -232894,7 +224751,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-145-label"
+                    aria-labelledby="downshift-139-label"
                     class="SingleAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -232913,10 +224770,10 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-145-label"
+                          aria-labelledby="downshift-139-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-145-input"
+                          id="downshift-139-input"
                           type="text"
                           value="portals"
                         />
@@ -232987,7 +224844,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-146-label"
+                    aria-labelledby="downshift-140-label"
                     class="SingleAutocompleteSelectField-container-id"
                     role="combobox"
                   >
@@ -233006,10 +224863,10 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-146-label"
+                          aria-labelledby="downshift-140-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-146-input"
+                          id="downshift-140-input"
                           type="text"
                           value="Auto Loan Account"
                         />
@@ -242579,7 +234436,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-158-label"
+                aria-labelledby="downshift-152-label"
                 class="MultiAutocompleteSelectField-container-id"
                 role="combobox"
               >
@@ -242598,10 +234455,10 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-158-label"
+                      aria-labelledby="downshift-152-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-158-menu"
+                      id="downshift-152-menu"
                       placeholder="Add Channel"
                       role="listbox"
                       testid="channels"
@@ -242728,7 +234585,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-159-label"
+                aria-labelledby="downshift-153-label"
                 class="MultiAutocompleteSelectField-container-id"
                 role="combobox"
               >
@@ -242747,10 +234604,10 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-159-label"
+                      aria-labelledby="downshift-153-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-159-menu"
+                      id="downshift-153-menu"
                       placeholder="Select Warehouse"
                       role="listbox"
                       testid="warehouses"
@@ -243742,7 +235599,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-162-label"
+                aria-labelledby="downshift-156-label"
                 class="MultiAutocompleteSelectField-container-id"
                 role="combobox"
               >
@@ -243761,10 +235618,10 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-162-label"
+                      aria-labelledby="downshift-156-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-162-menu"
+                      id="downshift-156-menu"
                       placeholder="Add Channel"
                       role="listbox"
                       testid="channels"
@@ -243891,7 +235748,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-163-label"
+                aria-labelledby="downshift-157-label"
                 class="MultiAutocompleteSelectField-container-id"
                 role="combobox"
               >
@@ -243910,10 +235767,10 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-163-label"
+                      aria-labelledby="downshift-157-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-163-menu"
+                      id="downshift-157-menu"
                       placeholder="Select Warehouse"
                       role="listbox"
                       testid="warehouses"
@@ -244761,7 +236618,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-160-label"
+                aria-labelledby="downshift-154-label"
                 class="MultiAutocompleteSelectField-container-id"
                 role="combobox"
               >
@@ -244780,10 +236637,10 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-160-label"
+                      aria-labelledby="downshift-154-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-160-menu"
+                      id="downshift-154-menu"
                       placeholder="Add Channel"
                       role="listbox"
                       testid="channels"
@@ -244849,7 +236706,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-161-label"
+                aria-labelledby="downshift-155-label"
                 class="MultiAutocompleteSelectField-container-id"
                 role="combobox"
               >
@@ -244868,10 +236725,10 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-161-label"
+                      aria-labelledby="downshift-155-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-161-menu"
+                      id="downshift-155-menu"
                       placeholder="Select Warehouse"
                       role="listbox"
                       testid="warehouses"
@@ -247244,7 +239101,7 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
                 <div
                   aria-expanded="false"
                   aria-haspopup="listbox"
-                  aria-labelledby="downshift-164-label"
+                  aria-labelledby="downshift-158-label"
                   class="SingleAutocompleteSelectField-container-id"
                   data-test-id="address-edit-country-select-field"
                   role="combobox"
@@ -247264,10 +239121,10 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
                       <input
                         aria-autocomplete="list"
                         aria-invalid="false"
-                        aria-labelledby="downshift-164-label"
+                        aria-labelledby="downshift-158-label"
                         autocomplete="off"
                         class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                        id="downshift-164-input"
+                        id="downshift-158-input"
                         type="text"
                         value="UA"
                       />
@@ -247847,7 +239704,7 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
                 <div
                   aria-expanded="false"
                   aria-haspopup="listbox"
-                  aria-labelledby="downshift-166-label"
+                  aria-labelledby="downshift-160-label"
                   class="SingleAutocompleteSelectField-container-id"
                   data-test-id="address-edit-country-select-field"
                   role="combobox"
@@ -247867,10 +239724,10 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
                       <input
                         aria-autocomplete="list"
                         aria-invalid="false"
-                        aria-labelledby="downshift-166-label"
+                        aria-labelledby="downshift-160-label"
                         autocomplete="off"
                         class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                        id="downshift-166-input"
+                        id="downshift-160-input"
                         type="text"
                         value="UA"
                       />
@@ -248458,7 +240315,7 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
                 <div
                   aria-expanded="false"
                   aria-haspopup="listbox"
-                  aria-labelledby="downshift-165-label"
+                  aria-labelledby="downshift-159-label"
                   class="SingleAutocompleteSelectField-container-id"
                   data-test-id="address-edit-country-select-field"
                   role="combobox"
@@ -248478,11 +240335,11 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
                       <input
                         aria-autocomplete="list"
                         aria-invalid="false"
-                        aria-labelledby="downshift-165-label"
+                        aria-labelledby="downshift-159-label"
                         autocomplete="off"
                         class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
                         disabled=""
-                        id="downshift-165-input"
+                        id="downshift-159-input"
                         type="text"
                         value=""
                       />
@@ -248910,7 +240767,7 @@ exports[`Storyshots Views / Staff / Staff member details default 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-44-label"
+                aria-labelledby="downshift-38-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test-id="permission-groups"
                 role="combobox"
@@ -248930,10 +240787,10 @@ exports[`Storyshots Views / Staff / Staff member details default 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-44-label"
+                      aria-labelledby="downshift-38-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-44-menu"
+                      id="downshift-38-menu"
                       role="listbox"
                       type="text"
                       value=""
@@ -249328,7 +241185,7 @@ exports[`Storyshots Views / Staff / Staff member details himself 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-46-label"
+                aria-labelledby="downshift-40-label"
                 class="SingleAutocompleteSelectField-container-id"
                 role="combobox"
               >
@@ -249347,10 +241204,10 @@ exports[`Storyshots Views / Staff / Staff member details himself 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-46-label"
+                      aria-labelledby="downshift-40-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-46-input"
+                      id="downshift-40-input"
                       type="text"
                       value="English"
                     />
@@ -249720,7 +241577,7 @@ exports[`Storyshots Views / Staff / Staff member details loading 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-labelledby="downshift-45-label"
+                aria-labelledby="downshift-39-label"
                 class="MultiAutocompleteSelectField-container-id"
                 data-test-id="permission-groups"
                 role="combobox"
@@ -249740,10 +241597,10 @@ exports[`Storyshots Views / Staff / Staff member details loading 1`] = `
                     <input
                       aria-autocomplete="list"
                       aria-invalid="false"
-                      aria-labelledby="downshift-45-label"
+                      aria-labelledby="downshift-39-label"
                       autocomplete="off"
                       class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                      id="downshift-45-menu"
+                      id="downshift-39-menu"
                       role="listbox"
                       type="text"
                       value=""
@@ -254880,7 +246737,7 @@ exports[`Storyshots Views / Warehouses / Create warehouse default 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-47-label"
+                    aria-labelledby="downshift-41-label"
                     class="SingleAutocompleteSelectField-container-id"
                     data-test-id="address-edit-country-select-field"
                     role="combobox"
@@ -254900,10 +246757,10 @@ exports[`Storyshots Views / Warehouses / Create warehouse default 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-47-label"
+                          aria-labelledby="downshift-41-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-47-input"
+                          id="downshift-41-input"
                           type="text"
                           value=""
                         />
@@ -255367,7 +247224,7 @@ exports[`Storyshots Views / Warehouses / Create warehouse form errors 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-49-label"
+                    aria-labelledby="downshift-43-label"
                     class="SingleAutocompleteSelectField-container-id"
                     data-test-id="address-edit-country-select-field"
                     role="combobox"
@@ -255387,10 +247244,10 @@ exports[`Storyshots Views / Warehouses / Create warehouse form errors 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="true"
-                          aria-labelledby="downshift-49-label"
+                          aria-labelledby="downshift-43-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-49-input"
+                          id="downshift-43-input"
                           type="text"
                           value=""
                         />
@@ -255845,7 +247702,7 @@ exports[`Storyshots Views / Warehouses / Create warehouse loading 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-48-label"
+                    aria-labelledby="downshift-42-label"
                     class="SingleAutocompleteSelectField-container-id"
                     data-test-id="address-edit-country-select-field"
                     role="combobox"
@@ -255865,11 +247722,11 @@ exports[`Storyshots Views / Warehouses / Create warehouse loading 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-48-label"
+                          aria-labelledby="downshift-42-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
                           disabled=""
-                          id="downshift-48-input"
+                          id="downshift-42-input"
                           type="text"
                           value=""
                         />
@@ -256305,7 +248162,7 @@ exports[`Storyshots Views / Warehouses / Warehouse details default 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-50-label"
+                    aria-labelledby="downshift-44-label"
                     class="SingleAutocompleteSelectField-container-id"
                     data-test-id="address-edit-country-select-field"
                     role="combobox"
@@ -256325,10 +248182,10 @@ exports[`Storyshots Views / Warehouses / Warehouse details default 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-50-label"
+                          aria-labelledby="downshift-44-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-50-input"
+                          id="downshift-44-input"
                           type="text"
                           value="Szwecja"
                         />
@@ -257111,7 +248968,7 @@ exports[`Storyshots Views / Warehouses / Warehouse details form errors 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-52-label"
+                    aria-labelledby="downshift-46-label"
                     class="SingleAutocompleteSelectField-container-id"
                     data-test-id="address-edit-country-select-field"
                     role="combobox"
@@ -257131,10 +248988,10 @@ exports[`Storyshots Views / Warehouses / Warehouse details form errors 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="true"
-                          aria-labelledby="downshift-52-label"
+                          aria-labelledby="downshift-46-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                          id="downshift-52-input"
+                          id="downshift-46-input"
                           type="text"
                           value="Szwecja"
                         />
@@ -257914,7 +249771,7 @@ exports[`Storyshots Views / Warehouses / Warehouse details loading 1`] = `
                   <div
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-51-label"
+                    aria-labelledby="downshift-45-label"
                     class="SingleAutocompleteSelectField-container-id"
                     data-test-id="address-edit-country-select-field"
                     role="combobox"
@@ -257934,11 +249791,11 @@ exports[`Storyshots Views / Warehouses / Warehouse details loading 1`] = `
                         <input
                           aria-autocomplete="list"
                           aria-invalid="false"
-                          aria-labelledby="downshift-51-label"
+                          aria-labelledby="downshift-45-label"
                           autocomplete="off"
                           class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
                           disabled=""
-                          id="downshift-51-input"
+                          id="downshift-45-input"
                           type="text"
                           value=""
                         />
diff --git a/src/storybook/stories/products/ProductUpdatePage.tsx b/src/storybook/stories/products/ProductUpdatePage.tsx
index 38501c8bb..d5ba81ad5 100644
--- a/src/storybook/stories/products/ProductUpdatePage.tsx
+++ b/src/storybook/stories/products/ProductUpdatePage.tsx
@@ -65,7 +65,6 @@ const props: ProductUpdatePageProps = {
   onSetDefaultVariant: () => undefined,
   onSubmit: () => undefined,
   onVariantReorder: () => undefined,
-  onVariantsAdd: () => undefined,
   onVariantEndPreorderDialogOpen: () => undefined,
   onWarehouseConfigure: () => undefined,
   openChannelsModal: () => undefined,