From e7375c08c9dcc2384a16410a7e8f19ff7c943fe1 Mon Sep 17 00:00:00 2001
From: Tomasz Szymanski <lime129@gmail.com>
Date: Thu, 7 Jan 2021 09:44:49 +0100
Subject: [PATCH] Re-style radio buttons of zip codes inclusion type

---
 .../ShippingZoneZipCodes.tsx                  |    6 +-
 .../__snapshots__/Stories.test.ts.snap        | 1094 ++++++++---------
 2 files changed, 550 insertions(+), 550 deletions(-)

diff --git a/src/shipping/components/ShippingZoneZipCodes/ShippingZoneZipCodes.tsx b/src/shipping/components/ShippingZoneZipCodes/ShippingZoneZipCodes.tsx
index b36b03f32..b4affd758 100644
--- a/src/shipping/components/ShippingZoneZipCodes/ShippingZoneZipCodes.tsx
+++ b/src/shipping/components/ShippingZoneZipCodes/ShippingZoneZipCodes.tsx
@@ -102,10 +102,9 @@ const ShippingZoneZipCodes: React.FC<ShippingZoneZipCodesProps> = ({
           alignTop
           choices={[
             {
-              disabled: true,
               label: (
                 <div className={classes.option}>
-                  <Typography color="textSecondary" variant="body1">
+                  <Typography variant="body1">
                     <FormattedMessage
                       defaultMessage="Exclude ZIP-codes"
                       description="action"
@@ -119,9 +118,10 @@ const ShippingZoneZipCodes: React.FC<ShippingZoneZipCodesProps> = ({
               value: ZipCodeInclusion.Exclude
             },
             {
+              disabled: true,
               label: (
                 <div className={classes.option}>
-                  <Typography variant="body1">
+                  <Typography color="textSecondary" variant="body1">
                     <FormattedMessage
                       defaultMessage="Include ZIP-codes"
                       description="action"
diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index 97476a595..9e3e36445 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -15851,19 +15851,17 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
                   role="radiogroup"
                 >
                   <label
-                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id MuiFormControlLabel-disabled-id"
+                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id"
                   >
                     <span
-                      aria-disabled="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-disabled-id MuiRadio-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
-                      tabindex="-1"
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id MuiIconButton-colorPrimary-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
                       >
                         <input
                           class="PrivateSwitchBase-input-id"
-                          disabled=""
                           name="includeZipCodes"
                           type="radio"
                           value="1"
@@ -15896,70 +15894,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
                         </div>
                       </span>
                     </span>
-                    <span
-                      class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
-                    >
-                      <div
-                        class="ShippingZoneZipCodes-option-id"
-                      >
-                        <div
-                          class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                        >
-                          Exclude ZIP-codes
-                        </div>
-                        <div
-                          class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorTextSecondary-id"
-                        >
-                          Added ZIP-codes will be excluded from using this delivery methods. If none are added all ZIP-Codes will be able to use that shipping rate
-                        </div>
-                      </div>
-                    </span>
-                  </label>
-                  <label
-                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id"
-                  >
-                    <span
-                      aria-disabled="false"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-checked-id MuiRadio-checked-id MuiIconButton-colorPrimary-id"
-                    >
-                      <span
-                        class="MuiIconButton-label-id"
-                      >
-                        <input
-                          checked=""
-                          class="PrivateSwitchBase-input-id"
-                          name="includeZipCodes"
-                          type="radio"
-                          value="0"
-                        />
-                        <div
-                          class="PrivateRadioButtonIcon-root-id PrivateRadioButtonIcon-checked-id"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                            />
-                          </svg>
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                            />
-                          </svg>
-                        </div>
-                      </span>
-                    </span>
                     <span
                       class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                     >
@@ -15968,6 +15902,72 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create price 1`]
                       >
                         <div
                           class="MuiTypography-root-id MuiTypography-body1-id"
+                        >
+                          Exclude ZIP-codes
+                        </div>
+                        <div
+                          class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorTextSecondary-id"
+                        >
+                          Added ZIP-codes will be excluded from using this delivery methods. If none are added all ZIP-Codes will be able to use that shipping rate
+                        </div>
+                      </div>
+                    </span>
+                  </label>
+                  <label
+                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id MuiFormControlLabel-disabled-id"
+                  >
+                    <span
+                      aria-disabled="true"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-checked-id MuiRadio-checked-id PrivateSwitchBase-disabled-id MuiRadio-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
+                      tabindex="-1"
+                    >
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          checked=""
+                          class="PrivateSwitchBase-input-id"
+                          disabled=""
+                          name="includeZipCodes"
+                          type="radio"
+                          value="0"
+                        />
+                        <div
+                          class="PrivateRadioButtonIcon-root-id PrivateRadioButtonIcon-checked-id"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                            />
+                          </svg>
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                            />
+                          </svg>
+                        </div>
+                      </span>
+                    </span>
+                    <span
+                      class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
+                    >
+                      <div
+                        class="ShippingZoneZipCodes-option-id"
+                      >
+                        <div
+                          class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
                         >
                           Include ZIP-codes
                         </div>
@@ -16674,19 +16674,17 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
                   role="radiogroup"
                 >
                   <label
-                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id MuiFormControlLabel-disabled-id"
+                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id"
                   >
                     <span
-                      aria-disabled="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-disabled-id MuiRadio-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
-                      tabindex="-1"
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id MuiIconButton-colorPrimary-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
                       >
                         <input
                           class="PrivateSwitchBase-input-id"
-                          disabled=""
                           name="includeZipCodes"
                           type="radio"
                           value="1"
@@ -16719,70 +16717,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
                         </div>
                       </span>
                     </span>
-                    <span
-                      class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
-                    >
-                      <div
-                        class="ShippingZoneZipCodes-option-id"
-                      >
-                        <div
-                          class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                        >
-                          Exclude ZIP-codes
-                        </div>
-                        <div
-                          class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorTextSecondary-id"
-                        >
-                          Added ZIP-codes will be excluded from using this delivery methods. If none are added all ZIP-Codes will be able to use that shipping rate
-                        </div>
-                      </div>
-                    </span>
-                  </label>
-                  <label
-                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id"
-                  >
-                    <span
-                      aria-disabled="false"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-checked-id MuiRadio-checked-id MuiIconButton-colorPrimary-id"
-                    >
-                      <span
-                        class="MuiIconButton-label-id"
-                      >
-                        <input
-                          checked=""
-                          class="PrivateSwitchBase-input-id"
-                          name="includeZipCodes"
-                          type="radio"
-                          value="0"
-                        />
-                        <div
-                          class="PrivateRadioButtonIcon-root-id PrivateRadioButtonIcon-checked-id"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                            />
-                          </svg>
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                            />
-                          </svg>
-                        </div>
-                      </span>
-                    </span>
                     <span
                       class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                     >
@@ -16791,6 +16725,72 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page create weight 1`
                       >
                         <div
                           class="MuiTypography-root-id MuiTypography-body1-id"
+                        >
+                          Exclude ZIP-codes
+                        </div>
+                        <div
+                          class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorTextSecondary-id"
+                        >
+                          Added ZIP-codes will be excluded from using this delivery methods. If none are added all ZIP-Codes will be able to use that shipping rate
+                        </div>
+                      </div>
+                    </span>
+                  </label>
+                  <label
+                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id MuiFormControlLabel-disabled-id"
+                  >
+                    <span
+                      aria-disabled="true"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-checked-id MuiRadio-checked-id PrivateSwitchBase-disabled-id MuiRadio-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
+                      tabindex="-1"
+                    >
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          checked=""
+                          class="PrivateSwitchBase-input-id"
+                          disabled=""
+                          name="includeZipCodes"
+                          type="radio"
+                          value="0"
+                        />
+                        <div
+                          class="PrivateRadioButtonIcon-root-id PrivateRadioButtonIcon-checked-id"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                            />
+                          </svg>
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                            />
+                          </svg>
+                        </div>
+                      </span>
+                    </span>
+                    <span
+                      class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
+                    >
+                      <div
+                        class="ShippingZoneZipCodes-option-id"
+                      >
+                        <div
+                          class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
                         >
                           Include ZIP-codes
                         </div>
@@ -17539,19 +17539,17 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
                   role="radiogroup"
                 >
                   <label
-                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id MuiFormControlLabel-disabled-id"
+                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id"
                   >
                     <span
-                      aria-disabled="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-disabled-id MuiRadio-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
-                      tabindex="-1"
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id MuiIconButton-colorPrimary-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
                       >
                         <input
                           class="PrivateSwitchBase-input-id"
-                          disabled=""
                           name="includeZipCodes"
                           type="radio"
                           value="1"
@@ -17584,70 +17582,6 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
                         </div>
                       </span>
                     </span>
-                    <span
-                      class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
-                    >
-                      <div
-                        class="ShippingZoneZipCodes-option-id"
-                      >
-                        <div
-                          class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                        >
-                          Exclude ZIP-codes
-                        </div>
-                        <div
-                          class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorTextSecondary-id"
-                        >
-                          Added ZIP-codes will be excluded from using this delivery methods. If none are added all ZIP-Codes will be able to use that shipping rate
-                        </div>
-                      </div>
-                    </span>
-                  </label>
-                  <label
-                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id"
-                  >
-                    <span
-                      aria-disabled="false"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-checked-id MuiRadio-checked-id MuiIconButton-colorPrimary-id"
-                    >
-                      <span
-                        class="MuiIconButton-label-id"
-                      >
-                        <input
-                          checked=""
-                          class="PrivateSwitchBase-input-id"
-                          name="includeZipCodes"
-                          type="radio"
-                          value="0"
-                        />
-                        <div
-                          class="PrivateRadioButtonIcon-root-id PrivateRadioButtonIcon-checked-id"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                            />
-                          </svg>
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                            />
-                          </svg>
-                        </div>
-                      </span>
-                    </span>
                     <span
                       class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                     >
@@ -17656,6 +17590,72 @@ exports[`Storyshots Shipping / ShippingZoneRatesCreatePage page loading 1`] = `
                       >
                         <div
                           class="MuiTypography-root-id MuiTypography-body1-id"
+                        >
+                          Exclude ZIP-codes
+                        </div>
+                        <div
+                          class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorTextSecondary-id"
+                        >
+                          Added ZIP-codes will be excluded from using this delivery methods. If none are added all ZIP-Codes will be able to use that shipping rate
+                        </div>
+                      </div>
+                    </span>
+                  </label>
+                  <label
+                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id MuiFormControlLabel-disabled-id"
+                  >
+                    <span
+                      aria-disabled="true"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-checked-id MuiRadio-checked-id PrivateSwitchBase-disabled-id MuiRadio-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
+                      tabindex="-1"
+                    >
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          checked=""
+                          class="PrivateSwitchBase-input-id"
+                          disabled=""
+                          name="includeZipCodes"
+                          type="radio"
+                          value="0"
+                        />
+                        <div
+                          class="PrivateRadioButtonIcon-root-id PrivateRadioButtonIcon-checked-id"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                            />
+                          </svg>
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                            />
+                          </svg>
+                        </div>
+                      </span>
+                    </span>
+                    <span
+                      class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
+                    >
+                      <div
+                        class="ShippingZoneZipCodes-option-id"
+                      >
+                        <div
+                          class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
                         >
                           Include ZIP-codes
                         </div>
@@ -202888,12 +202888,11 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                   role="radiogroup"
                 >
                   <label
-                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id MuiFormControlLabel-disabled-id"
+                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id"
                   >
                     <span
-                      aria-disabled="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-checked-id MuiRadio-checked-id PrivateSwitchBase-disabled-id MuiRadio-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
-                      tabindex="-1"
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-checked-id MuiRadio-checked-id MuiIconButton-colorPrimary-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
@@ -202901,7 +202900,6 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                         <input
                           checked=""
                           class="PrivateSwitchBase-input-id"
-                          disabled=""
                           name="includeZipCodes"
                           type="radio"
                           value="1"
@@ -202934,69 +202932,6 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                         </div>
                       </span>
                     </span>
-                    <span
-                      class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
-                    >
-                      <div
-                        class="ShippingZoneZipCodes-option-id"
-                      >
-                        <div
-                          class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                        >
-                          Exclude ZIP-codes
-                        </div>
-                        <div
-                          class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorTextSecondary-id"
-                        >
-                          Added ZIP-codes will be excluded from using this delivery methods. If none are added all ZIP-Codes will be able to use that shipping rate
-                        </div>
-                      </div>
-                    </span>
-                  </label>
-                  <label
-                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id"
-                  >
-                    <span
-                      aria-disabled="false"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id MuiIconButton-colorPrimary-id"
-                    >
-                      <span
-                        class="MuiIconButton-label-id"
-                      >
-                        <input
-                          class="PrivateSwitchBase-input-id"
-                          name="includeZipCodes"
-                          type="radio"
-                          value="0"
-                        />
-                        <div
-                          class="PrivateRadioButtonIcon-root-id"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                            />
-                          </svg>
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                            />
-                          </svg>
-                        </div>
-                      </span>
-                    </span>
                     <span
                       class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                     >
@@ -203005,6 +202940,71 @@ exports[`Storyshots Views / Shipping / Shipping rate create price rate 1`] = `
                       >
                         <div
                           class="MuiTypography-root-id MuiTypography-body1-id"
+                        >
+                          Exclude ZIP-codes
+                        </div>
+                        <div
+                          class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorTextSecondary-id"
+                        >
+                          Added ZIP-codes will be excluded from using this delivery methods. If none are added all ZIP-Codes will be able to use that shipping rate
+                        </div>
+                      </div>
+                    </span>
+                  </label>
+                  <label
+                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id MuiFormControlLabel-disabled-id"
+                  >
+                    <span
+                      aria-disabled="true"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-disabled-id MuiRadio-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
+                      tabindex="-1"
+                    >
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          disabled=""
+                          name="includeZipCodes"
+                          type="radio"
+                          value="0"
+                        />
+                        <div
+                          class="PrivateRadioButtonIcon-root-id"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                            />
+                          </svg>
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                            />
+                          </svg>
+                        </div>
+                      </span>
+                    </span>
+                    <span
+                      class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
+                    >
+                      <div
+                        class="ShippingZoneZipCodes-option-id"
+                      >
+                        <div
+                          class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
                         >
                           Include ZIP-codes
                         </div>
@@ -204066,12 +204066,11 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                   role="radiogroup"
                 >
                   <label
-                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id MuiFormControlLabel-disabled-id"
+                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id"
                   >
                     <span
-                      aria-disabled="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-checked-id MuiRadio-checked-id PrivateSwitchBase-disabled-id MuiRadio-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
-                      tabindex="-1"
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-checked-id MuiRadio-checked-id MuiIconButton-colorPrimary-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
@@ -204079,7 +204078,6 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                         <input
                           checked=""
                           class="PrivateSwitchBase-input-id"
-                          disabled=""
                           name="includeZipCodes"
                           type="radio"
                           value="1"
@@ -204112,69 +204110,6 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                         </div>
                       </span>
                     </span>
-                    <span
-                      class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
-                    >
-                      <div
-                        class="ShippingZoneZipCodes-option-id"
-                      >
-                        <div
-                          class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                        >
-                          Exclude ZIP-codes
-                        </div>
-                        <div
-                          class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorTextSecondary-id"
-                        >
-                          Added ZIP-codes will be excluded from using this delivery methods. If none are added all ZIP-Codes will be able to use that shipping rate
-                        </div>
-                      </div>
-                    </span>
-                  </label>
-                  <label
-                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id"
-                  >
-                    <span
-                      aria-disabled="false"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id MuiIconButton-colorPrimary-id"
-                    >
-                      <span
-                        class="MuiIconButton-label-id"
-                      >
-                        <input
-                          class="PrivateSwitchBase-input-id"
-                          name="includeZipCodes"
-                          type="radio"
-                          value="0"
-                        />
-                        <div
-                          class="PrivateRadioButtonIcon-root-id"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                            />
-                          </svg>
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                            />
-                          </svg>
-                        </div>
-                      </span>
-                    </span>
                     <span
                       class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                     >
@@ -204183,6 +204118,71 @@ exports[`Storyshots Views / Shipping / Shipping rate create weight rate 1`] = `
                       >
                         <div
                           class="MuiTypography-root-id MuiTypography-body1-id"
+                        >
+                          Exclude ZIP-codes
+                        </div>
+                        <div
+                          class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorTextSecondary-id"
+                        >
+                          Added ZIP-codes will be excluded from using this delivery methods. If none are added all ZIP-Codes will be able to use that shipping rate
+                        </div>
+                      </div>
+                    </span>
+                  </label>
+                  <label
+                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id MuiFormControlLabel-disabled-id"
+                  >
+                    <span
+                      aria-disabled="true"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-disabled-id MuiRadio-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
+                      tabindex="-1"
+                    >
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          disabled=""
+                          name="includeZipCodes"
+                          type="radio"
+                          value="0"
+                        />
+                        <div
+                          class="PrivateRadioButtonIcon-root-id"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                            />
+                          </svg>
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                            />
+                          </svg>
+                        </div>
+                      </span>
+                    </span>
+                    <span
+                      class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
+                    >
+                      <div
+                        class="ShippingZoneZipCodes-option-id"
+                      >
+                        <div
+                          class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
                         >
                           Include ZIP-codes
                         </div>
@@ -205343,12 +205343,11 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
                   role="radiogroup"
                 >
                   <label
-                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id MuiFormControlLabel-disabled-id"
+                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id"
                   >
                     <span
-                      aria-disabled="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-checked-id MuiRadio-checked-id PrivateSwitchBase-disabled-id MuiRadio-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
-                      tabindex="-1"
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-checked-id MuiRadio-checked-id MuiIconButton-colorPrimary-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
@@ -205356,7 +205355,6 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
                         <input
                           checked=""
                           class="PrivateSwitchBase-input-id"
-                          disabled=""
                           name="includeZipCodes"
                           type="radio"
                           value="1"
@@ -205389,69 +205387,6 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
                         </div>
                       </span>
                     </span>
-                    <span
-                      class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
-                    >
-                      <div
-                        class="ShippingZoneZipCodes-option-id"
-                      >
-                        <div
-                          class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                        >
-                          Exclude ZIP-codes
-                        </div>
-                        <div
-                          class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorTextSecondary-id"
-                        >
-                          Added ZIP-codes will be excluded from using this delivery methods. If none are added all ZIP-Codes will be able to use that shipping rate
-                        </div>
-                      </div>
-                    </span>
-                  </label>
-                  <label
-                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id"
-                  >
-                    <span
-                      aria-disabled="false"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id MuiIconButton-colorPrimary-id"
-                    >
-                      <span
-                        class="MuiIconButton-label-id"
-                      >
-                        <input
-                          class="PrivateSwitchBase-input-id"
-                          name="includeZipCodes"
-                          type="radio"
-                          value="0"
-                        />
-                        <div
-                          class="PrivateRadioButtonIcon-root-id"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                            />
-                          </svg>
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                            />
-                          </svg>
-                        </div>
-                      </span>
-                    </span>
                     <span
                       class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                     >
@@ -205460,6 +205395,71 @@ exports[`Storyshots Views / Shipping / Shipping rate loading 1`] = `
                       >
                         <div
                           class="MuiTypography-root-id MuiTypography-body1-id"
+                        >
+                          Exclude ZIP-codes
+                        </div>
+                        <div
+                          class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorTextSecondary-id"
+                        >
+                          Added ZIP-codes will be excluded from using this delivery methods. If none are added all ZIP-Codes will be able to use that shipping rate
+                        </div>
+                      </div>
+                    </span>
+                  </label>
+                  <label
+                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id MuiFormControlLabel-disabled-id"
+                  >
+                    <span
+                      aria-disabled="true"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-disabled-id MuiRadio-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
+                      tabindex="-1"
+                    >
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          disabled=""
+                          name="includeZipCodes"
+                          type="radio"
+                          value="0"
+                        />
+                        <div
+                          class="PrivateRadioButtonIcon-root-id"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                            />
+                          </svg>
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                            />
+                          </svg>
+                        </div>
+                      </span>
+                    </span>
+                    <span
+                      class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
+                    >
+                      <div
+                        class="ShippingZoneZipCodes-option-id"
+                      >
+                        <div
+                          class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
                         >
                           Include ZIP-codes
                         </div>
@@ -206505,12 +206505,11 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                   role="radiogroup"
                 >
                   <label
-                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id MuiFormControlLabel-disabled-id"
+                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id"
                   >
                     <span
-                      aria-disabled="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-checked-id MuiRadio-checked-id PrivateSwitchBase-disabled-id MuiRadio-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
-                      tabindex="-1"
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-checked-id MuiRadio-checked-id MuiIconButton-colorPrimary-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
@@ -206518,7 +206517,6 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                         <input
                           checked=""
                           class="PrivateSwitchBase-input-id"
-                          disabled=""
                           name="includeZipCodes"
                           type="radio"
                           value="1"
@@ -206551,69 +206549,6 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                         </div>
                       </span>
                     </span>
-                    <span
-                      class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
-                    >
-                      <div
-                        class="ShippingZoneZipCodes-option-id"
-                      >
-                        <div
-                          class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                        >
-                          Exclude ZIP-codes
-                        </div>
-                        <div
-                          class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorTextSecondary-id"
-                        >
-                          Added ZIP-codes will be excluded from using this delivery methods. If none are added all ZIP-Codes will be able to use that shipping rate
-                        </div>
-                      </div>
-                    </span>
-                  </label>
-                  <label
-                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id"
-                  >
-                    <span
-                      aria-disabled="false"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id MuiIconButton-colorPrimary-id"
-                    >
-                      <span
-                        class="MuiIconButton-label-id"
-                      >
-                        <input
-                          class="PrivateSwitchBase-input-id"
-                          name="includeZipCodes"
-                          type="radio"
-                          value="0"
-                        />
-                        <div
-                          class="PrivateRadioButtonIcon-root-id"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                            />
-                          </svg>
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                            />
-                          </svg>
-                        </div>
-                      </span>
-                    </span>
                     <span
                       class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                     >
@@ -206622,6 +206557,71 @@ exports[`Storyshots Views / Shipping / Shipping rate update price rate 1`] = `
                       >
                         <div
                           class="MuiTypography-root-id MuiTypography-body1-id"
+                        >
+                          Exclude ZIP-codes
+                        </div>
+                        <div
+                          class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorTextSecondary-id"
+                        >
+                          Added ZIP-codes will be excluded from using this delivery methods. If none are added all ZIP-Codes will be able to use that shipping rate
+                        </div>
+                      </div>
+                    </span>
+                  </label>
+                  <label
+                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id MuiFormControlLabel-disabled-id"
+                  >
+                    <span
+                      aria-disabled="true"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-disabled-id MuiRadio-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
+                      tabindex="-1"
+                    >
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          disabled=""
+                          name="includeZipCodes"
+                          type="radio"
+                          value="0"
+                        />
+                        <div
+                          class="PrivateRadioButtonIcon-root-id"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                            />
+                          </svg>
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                            />
+                          </svg>
+                        </div>
+                      </span>
+                    </span>
+                    <span
+                      class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
+                    >
+                      <div
+                        class="ShippingZoneZipCodes-option-id"
+                      >
+                        <div
+                          class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
                         >
                           Include ZIP-codes
                         </div>
@@ -207767,12 +207767,11 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                   role="radiogroup"
                 >
                   <label
-                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id MuiFormControlLabel-disabled-id"
+                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id"
                   >
                     <span
-                      aria-disabled="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-checked-id MuiRadio-checked-id PrivateSwitchBase-disabled-id MuiRadio-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
-                      tabindex="-1"
+                      aria-disabled="false"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-checked-id MuiRadio-checked-id MuiIconButton-colorPrimary-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
@@ -207780,7 +207779,6 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                         <input
                           checked=""
                           class="PrivateSwitchBase-input-id"
-                          disabled=""
                           name="includeZipCodes"
                           type="radio"
                           value="1"
@@ -207813,69 +207811,6 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                         </div>
                       </span>
                     </span>
-                    <span
-                      class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
-                    >
-                      <div
-                        class="ShippingZoneZipCodes-option-id"
-                      >
-                        <div
-                          class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                        >
-                          Exclude ZIP-codes
-                        </div>
-                        <div
-                          class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorTextSecondary-id"
-                        >
-                          Added ZIP-codes will be excluded from using this delivery methods. If none are added all ZIP-Codes will be able to use that shipping rate
-                        </div>
-                      </div>
-                    </span>
-                  </label>
-                  <label
-                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id"
-                  >
-                    <span
-                      aria-disabled="false"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id MuiIconButton-colorPrimary-id"
-                    >
-                      <span
-                        class="MuiIconButton-label-id"
-                      >
-                        <input
-                          class="PrivateSwitchBase-input-id"
-                          name="includeZipCodes"
-                          type="radio"
-                          value="0"
-                        />
-                        <div
-                          class="PrivateRadioButtonIcon-root-id"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                            />
-                          </svg>
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                            />
-                          </svg>
-                        </div>
-                      </span>
-                    </span>
                     <span
                       class="MuiTypography-root-id MuiFormControlLabel-label-id MuiTypography-body1-id"
                     >
@@ -207884,6 +207819,71 @@ exports[`Storyshots Views / Shipping / Shipping rate update weight rate 1`] = `
                       >
                         <div
                           class="MuiTypography-root-id MuiTypography-body1-id"
+                        >
+                          Exclude ZIP-codes
+                        </div>
+                        <div
+                          class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorTextSecondary-id"
+                        >
+                          Added ZIP-codes will be excluded from using this delivery methods. If none are added all ZIP-Codes will be able to use that shipping rate
+                        </div>
+                      </div>
+                    </span>
+                  </label>
+                  <label
+                    class="MuiFormControlLabel-root-id RadioGroupField-radioLabel-id MuiFormControlLabel-disabled-id"
+                  >
+                    <span
+                      aria-disabled="true"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id RadioGroupField-alignTop-id PrivateSwitchBase-disabled-id MuiRadio-disabled-id MuiIconButton-colorPrimary-id MuiIconButton-disabled-id MuiButtonBase-disabled-id"
+                      tabindex="-1"
+                    >
+                      <span
+                        class="MuiIconButton-label-id"
+                      >
+                        <input
+                          class="PrivateSwitchBase-input-id"
+                          disabled=""
+                          name="includeZipCodes"
+                          type="radio"
+                          value="0"
+                        />
+                        <div
+                          class="PrivateRadioButtonIcon-root-id"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                            />
+                          </svg>
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root-id PrivateRadioButtonIcon-layer-id"
+                            focusable="false"
+                            role="presentation"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                            />
+                          </svg>
+                        </div>
+                      </span>
+                    </span>
+                    <span
+                      class="MuiTypography-root-id MuiFormControlLabel-label-id MuiFormControlLabel-disabled-id MuiTypography-body1-id"
+                    >
+                      <div
+                        class="ShippingZoneZipCodes-option-id"
+                      >
+                        <div
+                          class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
                         >
                           Include ZIP-codes
                         </div>