@shopify/hydrogen 1.3.0 → 1.3.1

package/dist/esnext/components/ExternalVideo/ExternalVideo.js

@@ -5,10 +5,10 @@ import { useEmbeddedVideoUrl } from '../../utilities/index.js';
  * API's [ExternalVideo object](https://shopify.dev/api/storefront/reference/products/externalvideo).
  */
 export function ExternalVideo(props) {
-    const { data, options, id = data.id, frameBorder = '0', allow = 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture', allowFullScreen = true, ...passthroughProps } = props;
+    const { data, options, id = data.id, frameBorder = '0', allow = 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture', allowFullScreen = true, loading = 'lazy', ...passthroughProps } = props;
     if (!data.embedUrl) {
         throw new Error(`<ExternalVideo/> requires the 'embedUrl' property`);
     }
     const url = useEmbeddedVideoUrl(data.embedUrl, options);
-    return (React.createElement("iframe", { ...passthroughProps, id: id ?? data.embedUrl, frameBorder: frameBorder, allow: allow, allowFullScreen: allowFullScreen, src: url }));
+    return (React.createElement("iframe", { ...passthroughProps, id: id ?? data.embedUrl, frameBorder: frameBorder, allow: allow, allowFullScreen: allowFullScreen, src: url, loading: loading }));
 }

package/dist/esnext/storefront-api-types.d.ts

@@ -527,23 +527,23 @@ export declare type CartCodeDiscountAllocation = CartDiscountAllocation & {
  */
 export declare type CartCost = {
     __typename?: 'CartCost';
-    /** The estimated amount, before taxes and discounts, for the customer to pay at checkout. The checkout charge amount doesn't include any deferred payments that'll be paid at a later date. If the cart has no deferred payments, the checkout charge amount is equivalent to subtotalAmount. */
+    /** The estimated amount, before taxes and discounts, for the customer to pay at checkout. The checkout charge amount doesn't include any deferred payments that'll be paid at a later date. If the cart has no deferred payments, then the checkout charge amount is equivalent to `subtotalAmount`. */
     checkoutChargeAmount: MoneyV2;
     /** The amount, before taxes and cart-level discounts, for the customer to pay. */
     subtotalAmount: MoneyV2;
-    /** Whether or not the subtotal amount is estimated. */
+    /** Whether the subtotal amount is estimated. */
     subtotalAmountEstimated: Scalars['Boolean'];
     /** The total amount for the customer to pay. */
     totalAmount: MoneyV2;
-    /** Whether or not the total amount is estimated. */
+    /** Whether the total amount is estimated. */
     totalAmountEstimated: Scalars['Boolean'];
     /** The duty amount for the customer to pay at checkout. */
     totalDutyAmount?: Maybe<MoneyV2>;
-    /** Whether or not the total duty amount is estimated. */
+    /** Whether the total duty amount is estimated. */
     totalDutyAmountEstimated: Scalars['Boolean'];
     /** The tax amount for the customer to pay at checkout. */
     totalTaxAmount?: Maybe<MoneyV2>;
-    /** Whether or not the total tax amount is estimated. */
+    /** Whether the total tax amount is estimated. */
     totalTaxAmountEstimated: Scalars['Boolean'];
 };
 /** Return type for `cartCreate` mutation. */
@@ -662,7 +662,7 @@ export declare enum CartErrorCode {
  */
 export declare type CartEstimatedCost = {
     __typename?: 'CartEstimatedCost';
-    /** The estimated amount, before taxes and discounts, for the customer to pay at checkout. The checkout charge amount doesn't include any deferred payments that'll be paid at a later date. If the cart has no deferred payments, the checkout charge amount is equivalent to subtotalAmount. */
+    /** The estimated amount, before taxes and discounts, for the customer to pay at checkout. The checkout charge amount doesn't include any deferred payments that'll be paid at a later date. If the cart has no deferred payments, then the checkout charge amount is equivalent to`subtotal_amount`. */
     checkoutChargeAmount: MoneyV2;
     /** The estimated amount, before taxes and discounts, for the customer to pay. */
     subtotalAmount: MoneyV2;
@@ -875,7 +875,7 @@ export declare type Checkout = Node & {
      * @deprecated Use `paymentDueV2` instead
      */
     paymentDue: Scalars['Money'];
-    /** The amount left to be paid. This is equal to the cost of the line items, duties, taxes and shipping minus discounts and gift cards. */
+    /** The amount left to be paid. This is equal to the cost of the line items, duties, taxes, and shipping, minus discounts and gift cards. */
     paymentDueV2: MoneyV2;
     /**
      * Whether or not the Checkout is ready and can be completed. Checkouts may
@@ -901,7 +901,7 @@ export declare type Checkout = Node & {
      * @deprecated Use `subtotalPriceV2` instead
      */
     subtotalPrice: Scalars['Money'];
-    /** Price of the checkout before duties, shipping and taxes. */
+    /** The price at checkout before duties, shipping, and taxes. */
     subtotalPriceV2: MoneyV2;
     /** Whether the checkout is tax exempt. */
     taxExempt: Scalars['Boolean'];
@@ -914,7 +914,7 @@ export declare type Checkout = Node & {
      * @deprecated Use `totalPriceV2` instead
      */
     totalPrice: Scalars['Money'];
-    /** The sum of all the prices of all the items in the checkout, duties, taxes and discounts included. */
+    /** The sum of all the prices of all the items in the checkout, including duties, taxes, and discounts. */
     totalPriceV2: MoneyV2;
     /**
      * The sum of all the taxes applied to the line items and shipping lines in the checkout.
@@ -1050,13 +1050,6 @@ export declare type CheckoutCreateInput = {
     lineItems?: InputMaybe<Array<CheckoutLineItemInput>>;
     /** The text of an optional note that a shop owner can attach to the checkout. */
     note?: InputMaybe<Scalars['String']>;
-    /**
-     * The three-letter currency code of one of the shop's enabled presentment currencies.
-     * Including this field creates a checkout in the specified currency. By default, new
-     * checkouts are created in the shop's primary currency.
-     *  This argument is deprecated: Use `country` field instead.
-     */
-    presentmentCurrencyCode?: InputMaybe<CurrencyCode>;
     /** The shipping address to where the line items will be shipped. */
     shippingAddress?: InputMaybe<MailingAddressInput>;
 };
@@ -1186,6 +1179,8 @@ export declare enum CheckoutErrorCode {
     GiftCardUnusable = "GIFT_CARD_UNUSABLE",
     /** The input value should be greater than or equal to the minimum value allowed. */
     GreaterThanOrEqualTo = "GREATER_THAN_OR_EQUAL_TO",
+    /** Higher value discount applied. */
+    HigherValueDiscountApplied = "HIGHER_VALUE_DISCOUNT_APPLIED",
     /** The input value is invalid. */
     Invalid = "INVALID",
     /** Cannot specify country and presentment currency code. */
@@ -1561,7 +1556,7 @@ export declare type Country = {
 };
 /**
  * The code designating a country/region, which generally follows ISO 3166-1 alpha-2 guidelines.
- * If a territory doesn't have a country code value in the `CountryCode` enum, it might be considered a subdivision
+ * If a territory doesn't have a country code value in the `CountryCode` enum, then it might be considered a subdivision
  * of another country. For example, the territories associated with Spain are represented by the country code `ES`,
  * and the territories associated with the United States of America are represented by the country code `US`.
  *
@@ -3240,11 +3235,18 @@ export declare type ImageEdge = {
 /**
  * The available options for transforming an image.
  *
- * All transformation options are considered "best-effort". Any transformation that the original image type doesn't support will be ignored.
+ * All transformation options are considered best effort. Any transformation that the original image type doesn't support will be ignored.
  *
  */
 export declare type ImageTransformInput = {
-    /** Crop the image according to the specified region. */
+    /**
+     * The region of the image to remain after cropping.
+     * Must be used in conjunction with the `maxWidth` and/or `maxHeight` fields, where the `maxWidth` and `maxHeight` aren't equal.
+     * The `crop` argument should coincide with the smaller value. A smaller `maxWidth` indicates a `LEFT` or `RIGHT` crop, while
+     * a smaller `maxHeight` indicates a `TOP` or `BOTTOM` crop. For example, `{ maxWidth: 5, maxHeight: 10, crop: LEFT }` will result
+     * in an image with a width of 5 and height of 10, where the right side of the image is removed.
+     *
+     */
     crop?: InputMaybe<CropRegion>;
     /**
      * Image height in pixels between 1 and 5760.
@@ -3424,7 +3426,7 @@ export declare enum LanguageCode {
     Lv = "LV",
     /** Malagasy. */
     Mg = "MG",
-    /** Maori. */
+    /** Māori. */
     Mi = "MI",
     /** Macedonian. */
     Mk = "MK",
@@ -4111,9 +4113,10 @@ export declare type Mutation = {
      */
     customerAccessTokenCreate?: Maybe<CustomerAccessTokenCreatePayload>;
     /**
-     * Creates a customer access token using a multipass token instead of email and password.
-     * A customer record is created if customer does not exist. If a customer record already
-     * exists but the record is disabled, then it's enabled.
+     * Creates a customer access token using a
+     * [multipass token](https://shopify.dev/api/multipass) instead of email and
+     * password. A customer record is created if the customer doesn't exist. If a customer
+     * record already exists but the record is disabled, then the customer record is enabled.
      *
      */
     customerAccessTokenCreateWithMultipass?: Maybe<CustomerAccessTokenCreateWithMultipassPayload>;
@@ -4757,7 +4760,7 @@ export declare type Payment = Node & {
     idempotencyKey?: Maybe<Scalars['String']>;
     /** The URL where the customer needs to be redirected so they can complete the 3D Secure payment flow. */
     nextActionUrl?: Maybe<Scalars['URL']>;
-    /** Whether or not the payment is still processing asynchronously. */
+    /** Whether the payment is still processing asynchronously. */
     ready: Scalars['Boolean'];
     /** A flag to indicate if the payment is to be done in test mode for gateways that support it. */
     test: Scalars['Boolean'];
@@ -5278,7 +5281,7 @@ export declare type QueryRoot = {
     blogByHandle?: Maybe<Blog>;
     /** List of the shop's blogs. */
     blogs: BlogConnection;
-    /** Find a cart by its ID. */
+    /** Retrieve a cart by its ID. For more information, refer to [Manage a cart with the Storefront API](https://shopify.dev/api/examples/cart). */
     cart?: Maybe<Cart>;
     /** Fetch a specific `Collection` by one of its unique attributes. */
     collection?: Maybe<Collection>;
@@ -5538,7 +5541,7 @@ export declare type SellingPlan = {
     id: Scalars['ID'];
     /** The name of the selling plan. For example, '6 weeks of prepaid granola, delivered weekly'. */
     name: Scalars['String'];
-    /** The selling plan options available in the drop-down list in the storefront. For example, 'Delivery every week' or 'Delivery every 2 weeks' specifies the delivery frequency options for the product. */
+    /** The selling plan options available in the drop-down list in the storefront. For example, 'Delivery every week' or 'Delivery every 2 weeks' specifies the delivery frequency options for the product. Individual selling plans contribute their options to the associated selling plan group. For example, a selling plan group might have an option called `option1: Delivery every`. One selling plan in that group could contribute `option1: 2 weeks` with the pricing for that option, and another selling plan could contribute `option1: 4 weeks`, with different pricing. */
     options: Array<SellingPlanOption>;
     /** The price adjustments that a selling plan makes when a variant is purchased with a selling plan. */
     priceAdjustments: Array<SellingPlanPriceAdjustment>;
@@ -5696,7 +5699,11 @@ export declare type SellingPlanGroupEdge = {
     /** The item at the end of SellingPlanGroupEdge. */
     node: SellingPlanGroup;
 };
-/** Represents an option on a selling plan group that's available in the drop-down list in the storefront. */
+/**
+ * Represents an option on a selling plan group that's available in the drop-down list in the storefront.
+ *
+ * Individual selling plans contribute their options to the associated selling plan group. For example, a selling plan group might have an option called `option1: Delivery every`. One selling plan in that group could contribute `option1: 2 weeks` with the pricing for that option, and another selling plan could contribute `option1: 4 weeks`, with different pricing.
+ */
 export declare type SellingPlanGroupOption = {
     __typename?: 'SellingPlanGroupOption';
     /** The name of the option. For example, 'Delivery every'. */
@@ -5718,12 +5725,12 @@ export declare type SellingPlanPercentagePriceAdjustment = {
     /** The percentage value of the price adjustment. */
     adjustmentPercentage: Scalars['Int'];
 };
-/** Represents by how much the price of a variant associated with a selling plan is adjusted. Each variant can have up to two price adjustments. */
+/** Represents by how much the price of a variant associated with a selling plan is adjusted. Each variant can have up to two price adjustments. If a variant has multiple price adjustments, then the first price adjustment applies when the variant is initially purchased. The second price adjustment applies after a certain number of orders (specified by the `orderCount` field) are made. If a selling plan doesn't have any price adjustments, then the unadjusted price of the variant is the effective price. */
 export declare type SellingPlanPriceAdjustment = {
     __typename?: 'SellingPlanPriceAdjustment';
     /** The type of price adjustment. An adjustment value can have one of three types: percentage, amount off, or a new price. */
     adjustmentValue: SellingPlanPriceAdjustmentValue;
-    /** The number of orders that the price adjustment applies to If the price adjustment always applies, then this field is `null`. */
+    /** The number of orders that the price adjustment applies to. If the price adjustment always applies, then this field is `null`. */
     orderCount?: Maybe<Scalars['Int']>;
 };
 /** Represents by how much the price of a variant associated with a selling plan is adjusted. Each variant can have up to two price adjustments. */
@@ -5763,7 +5770,7 @@ export declare type Shop = HasMetafields & Node & {
     name: Scalars['String'];
     /** Settings related to payments. */
     paymentSettings: PaymentSettings;
-    /** The shop’s primary domain. */
+    /** The primary domain of the shop’s Online Store. */
     primaryDomain: Domain;
     /** The shop’s privacy policy. */
     privacyPolicy?: Maybe<ShopPolicy>;
@@ -5827,7 +5834,7 @@ export declare type ShopPolicyWithDefault = {
  */
 export declare type StoreAvailability = {
     __typename?: 'StoreAvailability';
-    /** Whether or not this product variant is in-stock at this location. */
+    /** Whether the product variant is in-stock at this location. */
     available: Scalars['Boolean'];
     /** The location where this product variant is stocked at. */
     location: Location;

package/dist/esnext/storefront-api-types.js

@@ -111,6 +111,8 @@ export var CheckoutErrorCode;
     CheckoutErrorCode["GiftCardUnusable"] = "GIFT_CARD_UNUSABLE";
     /** The input value should be greater than or equal to the minimum value allowed. */
     CheckoutErrorCode["GreaterThanOrEqualTo"] = "GREATER_THAN_OR_EQUAL_TO";
+    /** Higher value discount applied. */
+    CheckoutErrorCode["HigherValueDiscountApplied"] = "HIGHER_VALUE_DISCOUNT_APPLIED";
     /** The input value is invalid. */
     CheckoutErrorCode["Invalid"] = "INVALID";
     /** Cannot specify country and presentment currency code. */
@@ -172,7 +174,7 @@ export var CollectionSortKeys;
 })(CollectionSortKeys || (CollectionSortKeys = {}));
 /**
  * The code designating a country/region, which generally follows ISO 3166-1 alpha-2 guidelines.
- * If a territory doesn't have a country code value in the `CountryCode` enum, it might be considered a subdivision
+ * If a territory doesn't have a country code value in the `CountryCode` enum, then it might be considered a subdivision
  * of another country. For example, the territories associated with Spain are represented by the country code `ES`,
  * and the territories associated with the United States of America are represented by the country code `US`.
  *
@@ -1286,7 +1288,7 @@ export var LanguageCode;
     LanguageCode["Lv"] = "LV";
     /** Malagasy. */
     LanguageCode["Mg"] = "MG";
-    /** Maori. */
+    /** Māori. */
     LanguageCode["Mi"] = "MI";
     /** Macedonian. */
     LanguageCode["Mk"] = "MK";

package/dist/esnext/utilities/fetch.js

@@ -11,7 +11,10 @@ export function fetchBuilder(url, options = {}) {
     return async () => {
         const response = await fetch(url, requestInit);
         if (!response.ok) {
-            throw response;
+            if (response.status === 403 || response.status === 401) {
+                throw new Error(`Request to the Storefront API failed! You may have a bad value in 'hydrogen.config.js'. Response status: ${response.status}, Request ID: ${response.headers.get('x-request-id')}`);
+            }
+            throw new Error(`Request to the Storefront API failed! Response status: ${response.status}, Request ID: ${response.headers.get('x-request-id')}`);
         }
         const data = await response.json();
         return data;

package/dist/esnext/utilities/log/log.js

@@ -12,8 +12,14 @@ const defaultLogger = {
     warn(context, ...args) {
         console.warn(yellow('WARN: '), ...args);
     },
-    error(context, ...args) {
-        console.error(red('ERROR: '), ...args);
+    error(context, error, ...extra) {
+        const url = context ? ` ${context.url}` : '';
+        if (error instanceof Error) {
+            console.error(red(`Error processing route:${url}\n${error.stack}`));
+        }
+        else {
+            console.error(red(`Error:${url} ${error}`));
+        }
     },
     fatal(context, ...args) {
         console.error(red('FATAL: '), ...args);

package/dist/esnext/version.d.ts

@@ -1 +1 @@
-export declare const LIB_VERSION = "1.3.0";
+export declare const LIB_VERSION = "1.3.1";

package/dist/esnext/version.js

@@ -1 +1 @@
-export const LIB_VERSION = '1.3.0';
+export const LIB_VERSION = '1.3.1';

package/package.json

@@ -7,7 +7,7 @@
   "engines": {
     "node": ">=14"
   },
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Modern custom Shopify storefronts",
   "license": "MIT",
   "main": "dist/esnext/index.js",
@@ -89,9 +89,9 @@
     "@graphql-codegen/typescript-operations": "2.3.2",
     "@graphql-typed-document-node/core": "^3.1.0",
     "@rollup/plugin-graphql": "^1.0.0",
-    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.3.0",
-    "@testing-library/user-event": "^14.3.0",
+    "@testing-library/user-event": "^14.4.3",
     "@types/body-parser": "^1.19.2",
     "@types/connect": "^3.4.34",
     "@types/graphql": "^14.5.0",
@@ -111,7 +111,7 @@
     "postcss": "^8",
     "raw-loader": "^4.0.2",
     "rimraf": "^3.0.2",
-    "vitest": "^0.22.0"
+    "vitest": "^0.22.1"
   },
   "peerDependencies": {
     "body-parser": "^1.20.0",