@shopify/hydrogen-react 2022.10.5 → 2022.10.7

package/dist/umd/hydrogen-react.dev.js

@@ -664,106 +664,253 @@
     return [];
   }
   const CartLineAdd = (cartFragment) => `
-mutation CartLineAdd($cartId: ID!, $lines: [CartLineInput!]!, $numCartLines: Int = 250, $country: CountryCode = ZZ) @inContext(country: $country) {
-  cartLinesAdd(cartId: $cartId, lines: $lines) {
-    cart {
-      ...CartFragment
+  mutation CartLineAdd(
+    $cartId: ID!
+    $lines: [CartLineInput!]!
+    $numCartLines: Int = 250
+    $country: CountryCode = ZZ
+  ) @inContext(country: $country) {
+    cartLinesAdd(cartId: $cartId, lines: $lines) {
+      cart {
+        ...CartFragment
+      }
     }
   }
-}
 
-${cartFragment}
+  ${cartFragment}
 `;
   const CartCreate = (cartFragment) => `
-mutation CartCreate($input: CartInput!, $numCartLines: Int = 250, $country: CountryCode = ZZ) @inContext(country: $country) {
-  cartCreate(input: $input) {
-    cart {
-      ...CartFragment
+  mutation CartCreate(
+    $input: CartInput!
+    $numCartLines: Int = 250
+    $country: CountryCode = ZZ
+  ) @inContext(country: $country) {
+    cartCreate(input: $input) {
+      cart {
+        ...CartFragment
+      }
     }
   }
-}
 
-${cartFragment}
+  ${cartFragment}
 `;
   const CartLineRemove = (cartFragment) => `
-mutation CartLineRemove($cartId: ID!, $lines: [ID!]!, $numCartLines: Int = 250, $country: CountryCode = ZZ) @inContext(country: $country) {
-  cartLinesRemove(cartId: $cartId, lineIds: $lines) {
-    cart {
-      ...CartFragment
+  mutation CartLineRemove(
+    $cartId: ID!
+    $lines: [ID!]!
+    $numCartLines: Int = 250
+    $country: CountryCode = ZZ
+  ) @inContext(country: $country) {
+    cartLinesRemove(cartId: $cartId, lineIds: $lines) {
+      cart {
+        ...CartFragment
+      }
     }
   }
-}
 
-${cartFragment}
+  ${cartFragment}
 `;
   const CartLineUpdate = (cartFragment) => `
-mutation CartLineUpdate($cartId: ID!, $lines: [CartLineUpdateInput!]!, $numCartLines: Int = 250, $country: CountryCode = ZZ) @inContext(country: $country) {
-  cartLinesUpdate(cartId: $cartId, lines: $lines) {
-    cart {
-      ...CartFragment
+  mutation CartLineUpdate(
+    $cartId: ID!
+    $lines: [CartLineUpdateInput!]!
+    $numCartLines: Int = 250
+    $country: CountryCode = ZZ
+  ) @inContext(country: $country) {
+    cartLinesUpdate(cartId: $cartId, lines: $lines) {
+      cart {
+        ...CartFragment
+      }
     }
   }
-}
 
-${cartFragment}
+  ${cartFragment}
 `;
   const CartNoteUpdate = (cartFragment) => `
-mutation CartNoteUpdate($cartId: ID!, $note: String, $numCartLines: Int = 250, $country: CountryCode = ZZ) @inContext(country: $country) {
-  cartNoteUpdate(cartId: $cartId, note: $note) {
-    cart {
-      ...CartFragment
+  mutation CartNoteUpdate(
+    $cartId: ID!
+    $note: String
+    $numCartLines: Int = 250
+    $country: CountryCode = ZZ
+  ) @inContext(country: $country) {
+    cartNoteUpdate(cartId: $cartId, note: $note) {
+      cart {
+        ...CartFragment
+      }
     }
   }
-}
 
-${cartFragment}
+  ${cartFragment}
 `;
   const CartBuyerIdentityUpdate = (cartFragment) => `
-mutation CartBuyerIdentityUpdate(
-  $cartId: ID!
-  $buyerIdentity: CartBuyerIdentityInput!
-  $numCartLines: Int = 250
-  $country: CountryCode = ZZ
-) @inContext(country: $country) {
-  cartBuyerIdentityUpdate(cartId: $cartId, buyerIdentity: $buyerIdentity) {
-    cart {
-      ...CartFragment
+  mutation CartBuyerIdentityUpdate(
+    $cartId: ID!
+    $buyerIdentity: CartBuyerIdentityInput!
+    $numCartLines: Int = 250
+    $country: CountryCode = ZZ
+  ) @inContext(country: $country) {
+    cartBuyerIdentityUpdate(cartId: $cartId, buyerIdentity: $buyerIdentity) {
+      cart {
+        ...CartFragment
+      }
     }
   }
-}
 
-${cartFragment}
+  ${cartFragment}
 `;
   const CartAttributesUpdate = (cartFragment) => `
-mutation CartAttributesUpdate($attributes: [AttributeInput!]!, $cartId: ID!, $numCartLines: Int = 250, $country: CountryCode = ZZ) @inContext(country: $country) {
-  cartAttributesUpdate(attributes: $attributes, cartId: $cartId) {
-    cart {
-      ...CartFragment
+  mutation CartAttributesUpdate(
+    $attributes: [AttributeInput!]!
+    $cartId: ID!
+    $numCartLines: Int = 250
+    $country: CountryCode = ZZ
+  ) @inContext(country: $country) {
+    cartAttributesUpdate(attributes: $attributes, cartId: $cartId) {
+      cart {
+        ...CartFragment
+      }
     }
   }
-}
 
-${cartFragment}
+  ${cartFragment}
 `;
   const CartDiscountCodesUpdate = (cartFragment) => `
-mutation CartDiscountCodesUpdate($cartId: ID!, $discountCodes: [String!], $numCartLines: Int = 250, $country: CountryCode = ZZ) @inContext(country: $country) {
-  cartDiscountCodesUpdate(cartId: $cartId, discountCodes: $discountCodes) {
-    cart {
-      ...CartFragment
+  mutation CartDiscountCodesUpdate(
+    $cartId: ID!
+    $discountCodes: [String!]
+    $numCartLines: Int = 250
+    $country: CountryCode = ZZ
+  ) @inContext(country: $country) {
+    cartDiscountCodesUpdate(cartId: $cartId, discountCodes: $discountCodes) {
+      cart {
+        ...CartFragment
+      }
     }
   }
-}
 
-${cartFragment}
+  ${cartFragment}
 `;
   const CartQuery = (cartFragment) => `
-query CartQuery($id: ID!, $numCartLines: Int = 250, $country: CountryCode = ZZ) @inContext(country: $country) {
-  cart(id: $id) {
-    ...CartFragment
+  query CartQuery(
+    $id: ID!
+    $numCartLines: Int = 250
+    $country: CountryCode = ZZ
+  ) @inContext(country: $country) {
+    cart(id: $id) {
+      ...CartFragment
+    }
   }
-}
 
-${cartFragment}
+  ${cartFragment}
+`;
+  const defaultCartFragment = `
+  fragment CartFragment on Cart {
+    id
+    checkoutUrl
+    totalQuantity
+    buyerIdentity {
+      countryCode
+      customer {
+        id
+        email
+        firstName
+        lastName
+        displayName
+      }
+      email
+      phone
+    }
+    lines(first: $numCartLines) {
+      edges {
+        node {
+          id
+          quantity
+          attributes {
+            key
+            value
+          }
+          cost {
+            totalAmount {
+              amount
+              currencyCode
+            }
+            compareAtAmountPerQuantity {
+              amount
+              currencyCode
+            }
+          }
+          merchandise {
+            ... on ProductVariant {
+              id
+              availableForSale
+              compareAtPrice {
+                ...MoneyFragment
+              }
+              # @deprecated remove in next major
+              compareAtPriceV2 {
+                ...MoneyFragment
+              }
+              price {
+                ...MoneyFragment
+              }
+              # @deprecated remove in next major
+              priceV2 {
+                ...MoneyFragment
+              }
+              requiresShipping
+              title
+              image {
+                ...ImageFragment
+              }
+              product {
+                handle
+                title
+                id
+              }
+              selectedOptions {
+                name
+                value
+              }
+            }
+          }
+        }
+      }
+    }
+    cost {
+      subtotalAmount {
+        ...MoneyFragment
+      }
+      totalAmount {
+        ...MoneyFragment
+      }
+      totalDutyAmount {
+        ...MoneyFragment
+      }
+      totalTaxAmount {
+        ...MoneyFragment
+      }
+    }
+    note
+    attributes {
+      key
+      value
+    }
+    discountCodes {
+      code
+    }
+  }
+
+  fragment MoneyFragment on MoneyV2 {
+    currencyCode
+    amount
+  }
+  fragment ImageFragment on Image {
+    id
+    url
+    altText
+    width
+    height
+  }
 `;
   const SFAPI_VERSION = "2022-10";
   const warnings = /* @__PURE__ */ new Set();
@@ -1117,12 +1264,14 @@ ${cartFragment}
   }
   function invokeCart(action, options) {
     return {
-      entry: [...(options == null ? void 0 : options.entryActions) || [], "onCartActionEntry", "onCartActionOptimisticUI", action],
+      entry: [...(options == null ? void 0 : options.entryActions) || [], i({
+        lastValidCart: (context) => context == null ? void 0 : context.cart
+      }), "onCartActionEntry", "onCartActionOptimisticUI", action],
       on: {
         RESOLVE: {
           target: (options == null ? void 0 : options.resolveTarget) || "idle",
           actions: [i({
-            prevCart: (context) => context == null ? void 0 : context.cart,
+            prevCart: (context) => context == null ? void 0 : context.lastValidCart,
             cart: (_, event) => {
               var _a;
               return (_a = event == null ? void 0 : event.payload) == null ? void 0 : _a.cart;
@@ -1137,7 +1286,7 @@ ${cartFragment}
         ERROR: {
           target: (options == null ? void 0 : options.errorTarget) || "error",
           actions: [i({
-            prevCart: (context) => context == null ? void 0 : context.cart,
+            prevCart: (context) => context == null ? void 0 : context.lastValidCart,
             cart: (context) => context == null ? void 0 : context.lastValidCart,
             errors: (_, event) => {
               var _a;
@@ -1151,6 +1300,7 @@ ${cartFragment}
             prevCart: (_) => void 0,
             cart: (_) => void 0,
             lastValidCart: (_) => void 0,
+            rawCartResult: (_) => void 0,
             errors: (_) => void 0
           })
         }
@@ -1480,7 +1630,7 @@ ${cartFragment}
       data: cart,
       cartFragment,
       countryCode,
-      onCartActionEntry(context, event) {
+      onCartActionEntry(_, event) {
         try {
           switch (event.type) {
             case "CART_CREATE":
@@ -1506,15 +1656,14 @@ ${cartFragment}
       },
       onCartActionOptimisticUI(context, event) {
         var _a2, _b2, _c2, _d2;
-        if (!(context == null ? void 0 : context.cart))
+        if (!context.cart)
           return {
-            cart: void 0
+            ...context
           };
         switch (event.type) {
           case "CARTLINE_REMOVE":
             return {
               ...context,
-              lastValidCart: context.cart,
               cart: {
                 ...context.cart,
                 lines: (_b2 = (_a2 = context == null ? void 0 : context.cart) == null ? void 0 : _a2.lines) == null ? void 0 : _b2.filter((line) => (line == null ? void 0 : line.id) && !event.payload.lines.includes(line == null ? void 0 : line.id))
@@ -1523,7 +1672,6 @@ ${cartFragment}
           case "CARTLINE_UPDATE":
             return {
               ...context,
-              lastValidCart: context.cart,
               cart: {
                 ...context.cart,
                 lines: (_d2 = (_c2 = context == null ? void 0 : context.cart) == null ? void 0 : _c2.lines) == null ? void 0 : _d2.map((line) => {
@@ -1542,9 +1690,7 @@ ${cartFragment}
             };
         }
         return {
-          cart: context.cart ? {
-            ...context.cart
-          } : void 0
+          ...context
         };
       },
       onCartActionComplete(context, event) {
@@ -1745,7 +1891,7 @@ ${cartFragment}
       __self: this,
       __source: {
         fileName: _jsxFileName$e,
-        lineNumber: 425,
+        lineNumber: 424,
         columnNumber: 5
       }
     }, children);
@@ -1810,106 +1956,6 @@ ${cartFragment}
     var _a, _b;
     return event.payload.buyerIdentity.countryCode && ((_b = (_a = context.cart) == null ? void 0 : _a.buyerIdentity) == null ? void 0 : _b.countryCode) !== event.payload.buyerIdentity.countryCode;
   }
-  const defaultCartFragment = `
-fragment CartFragment on Cart {
-  id
-  checkoutUrl
-  totalQuantity
-  buyerIdentity {
-    countryCode
-    customer {
-      id
-      email
-      firstName
-      lastName
-      displayName
-    }
-    email
-    phone
-  }
-  lines(first: $numCartLines) {
-    edges {
-      node {
-        id
-        quantity
-        attributes {
-          key
-          value
-        }
-        cost {
-          totalAmount {
-            amount
-            currencyCode
-          }
-          compareAtAmountPerQuantity {
-            amount
-            currencyCode
-          }
-        }
-        merchandise {
-          ... on ProductVariant {
-            id
-            availableForSale
-            compareAtPriceV2 {
-              ...MoneyFragment
-            }
-            priceV2 {
-              ...MoneyFragment
-            }
-            requiresShipping
-            title
-            image {
-              ...ImageFragment
-            }
-            product {
-              handle
-              title
-            }
-            selectedOptions {
-              name
-              value
-            }
-          }
-        }
-      }
-    }
-  }
-  cost {
-    subtotalAmount {
-      ...MoneyFragment
-    }
-    totalAmount {
-      ...MoneyFragment
-    }
-    totalDutyAmount {
-      ...MoneyFragment
-    }
-    totalTaxAmount {
-      ...MoneyFragment
-    }
-  }
-  note
-  attributes {
-    key
-    value
-  }
-  discountCodes {
-    code
-  }
-}
-
-fragment MoneyFragment on MoneyV2 {
-  currencyCode
-  amount
-}
-fragment ImageFragment on Image {
-  id
-  url
-  altText
-  width
-  height
-}
-`;
   var _jsxFileName$d = "/home/runner/work/hydrogen-ui/hydrogen-ui/packages/react/src/ProductProvider.tsx";
   const ProductOptionsContext = React.createContext(null);
   function ProductProvider({