@swishapp/sdk 0.113.0 → 0.119.0

package/dist/ajax-api/ajax-api-client.d.ts

@@ -61,13 +61,37 @@ export interface AddToCartRequest {
 export interface AddToCartResponse {
     items: CartLineItem[];
 }
+export interface CartChangeItem {
+    product_id: number;
+    variant_id: number;
+    id: string;
+    image: string;
+    price: string;
+    presentment_price: number;
+    quantity: number;
+    title: string;
+    product_title: string;
+    variant_title: string;
+    vendor: string;
+    product_type: string;
+    sku: string;
+    url: string;
+    untranslated_product_title: string;
+    untranslated_variant_title: string;
+    view_key: string;
+}
+export interface CartChangeResponse extends Cart {
+    items_added: CartChangeItem[];
+    items_removed: CartChangeItem[];
+    discount_codes: any[];
+}
 export interface CartError {
     message: string;
     status: string;
     description: string;
 }
 export declare class AjaxApiClient {
-    private config;
+    private readonly config;
     private readonly cache;
     constructor(config: AjaxConfig);
     patchFetch(): void;

package/dist/ajax-api/ajax-api-publisher.d.ts

@@ -1,5 +1,4 @@
-import { EventBus } from "../events/event-bus";
-import { EventName } from "../events/event-bus";
+import { EventBus, EventName } from "../events/event-bus";
 export declare class AjaxApiPublisher {
     private readonly eventBus;
     private readonly eventMap;

package/dist/events/event-bus.d.ts

@@ -1,4 +1,4 @@
-export type EventName = "cart-add" | "cart-update" | "cart-change" | "cart-clear" | "item-create" | "item-update" | "item-delete" | "item-lists-update" | "list-create" | "list-update" | "list-delete" | "token-update";
+export type EventName = "cart-add" | "cart-update" | "cart-change" | "cart-clear" | "item-create" | "item-update" | "item-delete" | "item-lists-update" | "list-create" | "list-update" | "list-delete" | "notification-update" | "notification-delete" | "token-update";
 export declare class EventBus {
     private readonly eventBus;
     subscribe(type: EventName | EventName[], callback: EventListenerOrEventListenerObject | null, options?: AddEventListenerOptions | boolean): () => void;

package/dist/intents/handlers/open-list-handler.d.ts

@@ -3,6 +3,7 @@ import { IntentHandler } from "../intent-handler";
 import { IntentResponse, SuccessIntentResponse } from "../types";
 export declare const OpenListIntentDataSchema: v.ObjectSchema<{
     readonly listId: v.StringSchema<undefined>;
+    readonly listType: v.OptionalSchema<v.PicklistSchema<NonNullable<"user" | "smart" | "shared" | undefined>[], undefined>, "user">;
 }, undefined>;
 export type OpenListIntentData = v.InferInput<typeof OpenListIntentDataSchema>;
 export type OpenListSuccessResponse = SuccessIntentResponse<void>;

package/dist/intents/handlers/open-list-menu-handler.d.ts

@@ -1,6 +1,6 @@
 import * as v from "valibot";
 import { IntentHandler } from "../intent-handler";
-import { IntentResponse } from "../types";
+import { IntentResponse, SuccessIntentResponse } from "../types";
 import { DeleteListSuccessResponse } from "./delete-list-handler";
 import { EditListAccessSuccessResponse } from "./edit-list-access-handler";
 import { EditListSuccessResponse } from "./edit-list-handler";
@@ -9,7 +9,11 @@ export declare const OpenListMenuIntentDataSchema: v.ObjectSchema<{
     readonly listId: v.StringSchema<undefined>;
 }, undefined>;
 export type OpenListMenuIntentData = v.InferInput<typeof OpenListMenuIntentDataSchema>;
-export type OpenListMenuSuccessResponse = EditListSuccessResponse | DeleteListSuccessResponse | EditListAccessSuccessResponse | ShareListSuccessResponse;
+type AddItemsSuccessResponse = SuccessIntentResponse<{
+    listId: string;
+}>;
+export type OpenListMenuSuccessResponse = EditListSuccessResponse | DeleteListSuccessResponse | EditListAccessSuccessResponse | AddItemsSuccessResponse | ShareListSuccessResponse;
 export declare class OpenListMenuHandler extends IntentHandler<"open:list-menu" | "edit:list" | "delete:list" | "edit:list-access" | "initiate:share"> {
     invoke(data: OpenListMenuIntentData): Promise<IntentResponse<"open:list-menu" | "edit:list" | "delete:list" | "edit:list-access" | "initiate:share">>;
 }
+export {};

package/dist/intents/handlers/save-cart-line-handler.d.ts

@@ -0,0 +1,16 @@
+import { IntentHandler } from "../intent-handler";
+import { IntentResponse, SuccessIntentResponse } from "../types";
+export interface SaveCartLineIntentData {
+    items: Array<{
+        productId: number;
+        variantId: number;
+        quantity: number;
+        title?: string;
+        image?: string;
+        variantTitle?: string;
+    }>;
+}
+export type SaveCartLineSuccessResponse = SuccessIntentResponse<SaveCartLineIntentData["items"], "save:cart-line">;
+export declare class SaveCartLineHandler extends IntentHandler<"save:cart-line"> {
+    invoke(data: SaveCartLineIntentData): Promise<IntentResponse<"save:cart-line">>;
+}

package/dist/intents/hooks/after-save-cart-line-hook.d.ts

@@ -0,0 +1,5 @@
+import { IntentHook } from "../intent-hook";
+import { IntentResponse } from "../types";
+export declare class AfterSaveCartLineHook extends IntentHook<"save:cart-line"> {
+    invoke(response: IntentResponse<"save:cart-line">): Promise<void>;
+}

package/dist/intents/intents.d.ts

@@ -19,6 +19,14 @@ export interface IntentOptions {
     createCartLine: {
         afterComplete?: (response: IntentResponse<"create:cart-line">) => void;
     };
+    removeCartLine: {
+        saveCartLine: boolean;
+    };
+    saveCartLine: {
+        confirm: boolean;
+        showFeedback: boolean;
+        afterComplete?: (response: IntentResponse<"save:cart-line">) => void;
+    };
 }
 export declare class Intents {
     private readonly swish;
@@ -37,5 +45,6 @@ export declare class Intents {
     parseIntentFromHash(hash: string): Intent | null;
     handleIntent<I extends Intent>(intent: I, data: IntentToData<I>): Promise<IntentResponse<I>>;
     initIntentHooks(): void;
+    private initCartChangeListener;
     initIntentWatcher(): void;
 }

package/dist/intents/types.d.ts

@@ -21,12 +21,13 @@ import type { OpenQuickBuyIntentData, OpenQuickBuySuccessResponse } from "./hand
 import { OpenSavesSuccessResponse } from "./handlers/open-saves-handler";
 import type { OpenSignInIntentData, OpenSignInSuccessResponse } from "./handlers/open-sign-in-handler";
 import type { InitiateSignInIntentData, InitiateSignInSuccessResponse } from "./handlers/initiate-sign-in-handler";
+import type { SaveCartLineIntentData, SaveCartLineSuccessResponse } from "./handlers/save-cart-line-handler";
 import type { SaveItemIntentData, SaveItemSuccessResponse } from "./handlers/save-item-handler";
 import type { ShareListIntentData, ShareListSuccessResponse } from "./handlers/share-list-handler";
 import { ToastIntentData, ToastSuccessResponse } from "./handlers/show-toast-handler";
 import type { UnsaveItemIntentData, UnsaveItemSuccessResponse } from "./handlers/unsave-item-handler";
-export type { CreateCartLineSuccessResponse, InitiateCheckoutSuccessResponse, CreateListSuccessResponse, DeleteListSuccessResponse, EditItemListsSuccessResponse, EditItemVariantSuccessResponse, EditListAccessSuccessResponse, EditListSuccessResponse, SaveItemSuccessResponse, ShareListSuccessResponse, ToastSuccessResponse, UnsaveItemSuccessResponse, };
-export type Intent = "create:cart-line" | "initiate:checkout" | "save:item" | "edit:item-variant" | "edit:item-lists" | "unsave:item" | "edit:list" | "edit:list-access" | "delete:list" | "create:list" | "initiate:share" | "open:home" | "open:list" | "open:lists" | "open:orders" | "open:order" | "open:saves" | "open:notifications" | "open:profile" | "open:product" | "open:list-menu" | "open:order-menu" | "open:list-detail-page-menu" | "initiate:sign-in" | "open:sign-in" | "open:quick-buy" | "show:toast";
+export type { CreateCartLineSuccessResponse, InitiateCheckoutSuccessResponse, CreateListSuccessResponse, DeleteListSuccessResponse, EditItemListsSuccessResponse, EditItemVariantSuccessResponse, EditListAccessSuccessResponse, EditListSuccessResponse, SaveCartLineSuccessResponse, SaveItemSuccessResponse, ShareListSuccessResponse, ToastSuccessResponse, UnsaveItemSuccessResponse, };
+export type Intent = "create:cart-line" | "initiate:checkout" | "save:item" | "edit:item-variant" | "edit:item-lists" | "unsave:item" | "edit:list" | "edit:list-access" | "delete:list" | "create:list" | "initiate:share" | "open:home" | "open:list" | "open:lists" | "open:orders" | "open:order" | "open:saves" | "open:notifications" | "open:profile" | "open:product" | "open:list-menu" | "open:order-menu" | "open:list-detail-page-menu" | "initiate:sign-in" | "open:sign-in" | "open:quick-buy" | "save:cart-line" | "show:toast";
 export type IntentQueryParam = `${string}=${string}`;
 export type IntentQueryWithParams = `${Intent},${IntentQueryParam}`;
 export type IntentResponse<I extends Intent = Intent> = ClosedIntentResponse<I> | ErrorIntentResponse<I> | IntentToSuccessResponse<I>;
@@ -79,6 +80,7 @@ interface IntentDataMap {
     "initiate:sign-in": InitiateSignInIntentData;
     "open:sign-in": OpenSignInIntentData | undefined;
     "open:quick-buy": OpenQuickBuyIntentData;
+    "save:cart-line": SaveCartLineIntentData;
     "show:toast": ToastIntentData;
 }
 interface IntentSuccessResponseMap {
@@ -108,6 +110,7 @@ interface IntentSuccessResponseMap {
     "initiate:sign-in": InitiateSignInSuccessResponse;
     "open:sign-in": OpenSignInSuccessResponse;
     "open:quick-buy": OpenQuickBuySuccessResponse;
+    "save:cart-line": SaveCartLineSuccessResponse;
     "show:toast": ToastSuccessResponse;
 }
 export type IntentToData<I extends Intent> = I extends keyof IntentDataMap ? IntentDataMap[I] : never;

package/dist/options/swish-options.d.ts

@@ -1,16 +1,20 @@
+import type { LanguageCode as I18nLanguageCode } from "@swishapp/i18n";
 import { IntentOptions } from "../intents/intents";
 import { StorefrontApiOptions, SwishClientConfig } from "../swish";
-import { StorefrontContext, SwishFeaturesOptions, SwishMetafieldOptions, SwishOptions, SwishProductOptions, SwishUiOptions } from "./types";
+import { StorefrontContext, SwishFeaturesOptions, SwishOptions, SwishProductsMetafieldOptions, SwishProductTransformOptions, SwishUiOptions } from "./types";
 export type SwishOptionsInput = {
     storefrontApi: StorefrontApiOptions;
     storefrontContext: StorefrontContext;
+    translations?: Record<I18nLanguageCode, Record<string, string>>;
     swishApi?: SwishClientConfig & {
         version: string;
     };
     swishUi?: SwishUiOptions;
-    productOptions?: SwishProductOptions;
-    metafields?: SwishMetafieldOptions;
+    products?: {
+        metafields?: SwishProductsMetafieldOptions;
+        transform?: SwishProductTransformOptions;
+    };
     features?: SwishFeaturesOptions;
-    intents?: IntentOptions;
+    intents?: Partial<IntentOptions>;
 };
 export declare const createSwishOptions: (options: SwishOptionsInput) => SwishOptions;

package/dist/options/types.d.ts

@@ -1,27 +1,55 @@
+import type { LanguageCode as I18nLanguageCode } from "@swishapp/i18n";
 import { IntentOptions } from "../intents/intents";
 import { CountryCode, LanguageCode } from "../storefront-api/types/storefront.types";
-import { GetProductOptionsQuery, Intent, StorefrontApiOptions, SwishClientConfig } from "../swish";
+import { Intent, StorefrontApiOptions, SwishClientConfig } from "../swish";
+import type { Product, ProductVariant } from "../types";
 export interface SwishOptions {
+    products: SwishProductsOptions;
+    translations?: Record<I18nLanguageCode, Record<string, string>>;
     storefrontApi: StorefrontApiOptions;
     storefrontContext: StorefrontContext;
-    swishApi: SwishClientConfig & {
-        version: string;
-    };
+    swishApi: SwishClientConfig;
     swishUi: SwishUiOptions;
     features: SwishFeaturesOptions;
     intents: IntentOptions;
-    metafields: SwishMetafieldOptions;
-    productOptions: SwishProductOptions;
 }
-export interface SwishMetafieldOptions {
+export type Badge = {
+    id: string;
+    label: string;
+    style?: Record<string, string | number>;
+};
+export interface SwishProductsMetafieldOptions {
     product: `${string}.${string}`[];
     productVariant: `${string}.${string}`[];
 }
-export interface SwishProductOptions {
-    sortValues: (args: {
-        option: NonNullable<GetProductOptionsQuery["product"]>["options"][number];
-        optionValues: NonNullable<GetProductOptionsQuery["product"]>["options"][number]["optionValues"];
-    }) => NonNullable<GetProductOptionsQuery["product"]>["options"][number]["optionValues"];
+export interface SwishProductTransformOptions {
+    badges?: (args: {
+        product: Product;
+        variant?: ProductVariant;
+        defaultBadges: string[];
+    }) => (string | Badge)[];
+    title?: (args: {
+        product: Product;
+    }) => string;
+    description?: (args: {
+        product: Product;
+    }) => string;
+    variantTitle?: (args: {
+        variant: ProductVariant;
+    }) => string;
+    optionValues?: (args: {
+        option: NonNullable<Product>["options"][number];
+        optionValues: NonNullable<Product>["options"][number]["optionValues"];
+    }) => NonNullable<Product>["options"][number]["optionValues"];
+}
+/**
+ * Resolved version of SwishProductTransformOptions where all properties are required.
+ * This is the type used after createSwishOptions processes the input.
+ */
+export type SwishProductTransformOptionsResolved = Required<SwishProductTransformOptions>;
+export interface SwishProductsOptions {
+    metafields: SwishProductsMetafieldOptions;
+    transform: SwishProductTransformOptionsResolved;
 }
 export interface SwishUiDesignOptions {
     appearance?: {
@@ -91,7 +119,6 @@ export interface SwishUiOptions {
     components: SwishComponentOptions;
     css: (string | URL)[];
     design: SwishUiDesignOptions;
-    version: string;
 }
 export interface SwishFeaturesOptions {
     accounts: boolean;
@@ -113,9 +140,7 @@ export interface StorefrontContext {
         market: string;
     };
     myshopifyDomain: string;
-    capabilities: {
-        newCustomerAccounts: boolean;
-    };
+    newCustomerAccounts: boolean;
     routes: {
         accountUrl: string;
         rootUrl: string;
@@ -169,6 +194,7 @@ export interface SwishDrawerNavigationItem {
 export interface SwishDrawerNavigationOptions {
     enabled: boolean;
     variant: SwishDrawerNavigationVariant;
+    showIcons: boolean;
     items: SwishDrawerNavigationItem[];
 }
 export interface SwishDrawerMiniMenuItem {

package/dist/storefront-api/load-product-images.d.ts

@@ -16,8 +16,8 @@ export interface LoadProductImagesArgs {
 }
 export declare const loadProductImages: (client: StorefrontApiClient, { items, country, language }: LoadProductImagesArgs) => Promise<{
     data: (Pick<import("./types/storefront.types").Image, "id" | "altText" | "url" | "thumbhash"> | undefined)[];
-    error: null;
+    errors: null;
 } | {
     data: null;
-    error: Error;
+    errors: Error;
 }>;

package/dist/storefront-api/load-product.d.ts

@@ -0,0 +1,76 @@
+import { StorefrontApiClient, StorefrontApiResponse } from "./storefront-api-client";
+import type { CountryCode, HasMetafieldsIdentifier, LanguageCode } from "./types/storefront.types";
+import type { Product, ProductVariant } from "../types";
+export type LoadProductResponse = StorefrontApiResponse<{
+    product: Product | null;
+    variant: ProductVariant | null;
+}>;
+export type { GetProductQueryVariables } from "./types/storefront.generated";
+export interface LoadProductArgs {
+    productId?: string;
+    productHandle?: string;
+    variantId?: string;
+    selectedOptions?: {
+        name: string;
+        value: string;
+    }[];
+    productMetafields?: HasMetafieldsIdentifier[];
+    variantMetafields?: HasMetafieldsIdentifier[];
+    country: CountryCode;
+    language: LanguageCode;
+}
+export declare const loadProduct: (client: StorefrontApiClient, { productId, productHandle, variantId, selectedOptions, productMetafields, variantMetafields, country, language, }: LoadProductArgs) => Promise<{
+    data: {
+        product: (Pick<import("./types/storefront.types").Product, "title" | "id" | "availableForSale" | "description" | "descriptionHtml" | "encodedVariantAvailability" | "encodedVariantExistence" | "handle" | "isGiftCard" | "onlineStoreUrl" | "productType" | "tags"> & {
+            variant?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").ProductVariant, "id" | "availableForSale" | "currentlyNotInStock" | "sku" | "title"> & {
+                compareAtPrice?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").MoneyV2, "amount" | "currencyCode">>;
+                image?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").Image, "id" | "altText" | "url" | "thumbhash">>;
+                price: Pick<import("./types/storefront.types").MoneyV2, "amount" | "currencyCode">;
+                selectedOptions: Array<Pick<import("./types/storefront.types").SelectedOption, "name" | "value">>;
+                metafields: Array<import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").Metafield, "key" | "namespace" | "value">>>;
+            }>;
+            category?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").TaxonomyCategory, "id" | "name">>;
+            compareAtPriceRange: {
+                maxVariantPrice: Pick<import("./types/storefront.types").MoneyV2, "amount" | "currencyCode">;
+                minVariantPrice: Pick<import("./types/storefront.types").MoneyV2, "amount" | "currencyCode">;
+            };
+            featuredImage?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").Image, "id" | "altText" | "url" | "thumbhash">>;
+            images: {
+                nodes: Array<Pick<import("./types/storefront.types").Image, "id" | "altText" | "url" | "thumbhash">>;
+            };
+            metafields: Array<import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").Metafield, "key" | "namespace" | "value">>>;
+            selectedOrFirstAvailableVariant?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").ProductVariant, "id" | "availableForSale" | "currentlyNotInStock" | "sku" | "title"> & {
+                compareAtPrice?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").MoneyV2, "amount" | "currencyCode">>;
+                image?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").Image, "id" | "altText" | "url" | "thumbhash">>;
+                price: Pick<import("./types/storefront.types").MoneyV2, "amount" | "currencyCode">;
+                selectedOptions: Array<Pick<import("./types/storefront.types").SelectedOption, "name" | "value">>;
+                metafields: Array<import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").Metafield, "key" | "namespace" | "value">>>;
+            }>;
+            options: Array<Pick<import("./types/storefront.types").ProductOption, "id" | "name"> & {
+                optionValues: Array<Pick<import("./types/storefront.types").ProductOptionValue, "name"> & {
+                    swatch?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").ProductOptionValueSwatch, "color"> & {
+                        image?: import("./types/storefront.types").Maybe<{
+                            previewImage?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").Image, "url">>;
+                        }>;
+                    }>;
+                    firstSelectableVariant?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").ProductVariant, "id"> & {
+                        image?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").Image, "id" | "altText" | "url" | "thumbhash">>;
+                    }>;
+                }>;
+            }>;
+            priceRange: {
+                maxVariantPrice: Pick<import("./types/storefront.types").MoneyV2, "amount" | "currencyCode">;
+                minVariantPrice: Pick<import("./types/storefront.types").MoneyV2, "amount" | "currencyCode">;
+            };
+            variantsCount?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").Count, "count" | "precision">>;
+        }) | null;
+        variant: (Pick<import("./types/storefront.types").ProductVariant, "title" | "id" | "availableForSale" | "currentlyNotInStock" | "sku"> & {
+            compareAtPrice?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").MoneyV2, "amount" | "currencyCode">>;
+            image?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").Image, "id" | "altText" | "url" | "thumbhash">>;
+            price: Pick<import("./types/storefront.types").MoneyV2, "amount" | "currencyCode">;
+            selectedOptions: Array<Pick<import("./types/storefront.types").SelectedOption, "name" | "value">>;
+            metafields: Array<import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").Metafield, "key" | "namespace" | "value">>>;
+        }) | null;
+    };
+    errors: import("@shopify/graphql-client").ResponseErrors | null;
+}>;

package/dist/storefront-api/queries/fragments.d.ts

@@ -1,8 +1,4 @@
 export declare const PRODUCT_IMAGE_FIELDS = "\n  fragment productImageFields on Image {\n    id\n    altText\n    url\n    thumbhash\n  }\n";
 export declare const SAVE_INTENT_DATA_FIELDS = "\n  fragment saveIntentProductFields on Product {\n    id\n    availableForSale\n    featuredImage {\n      ...productImageFields\n    }\n    handle\n    title\n    variantsCount {\n      count\n    }\n    selectedOrFirstAvailableVariant {\n      ...saveIntentVariantFields\n    }\n  }\n  fragment saveIntentVariantFields on ProductVariant {\n    id\n    availableForSale\n    currentlyNotInStock\n    image {\n      ...productImageFields\n    }\n    title\n  }\n";
-export declare const PRODUCT_CARD_DATA_FIELDS = "\n  fragment productCardDataFields on Product {\n    id\n    availableForSale\n    category {\n      id\n      name\n    }\n    compareAtPriceRange {\n      maxVariantPrice {\n        amount\n        currencyCode\n      }\n      minVariantPrice {\n        amount\n        currencyCode\n      }\n    }\n    featuredImage {\n      ...productImageFields\n    }\n    isGiftCard\n    onlineStoreUrl\n    description\n    descriptionHtml\n    handle\n    options {\n      id\n      name\n    }\n    priceRange {\n      maxVariantPrice {\n        amount\n        currencyCode\n      }\n      minVariantPrice {\n        amount\n        currencyCode\n      }\n    }\n    productType\n    tags\n    title\n    variantsCount {\n      count\n    }\n    # totalInventory\n    metafields(identifiers: $productMetafields) {\n      key\n      namespace\n      value\n    }\n  }\n";
+export declare const PRODUCT_FIELDS = "\n  fragment productFields on Product {\n    id\n    availableForSale\n    category {\n      id\n      name\n    }\n    compareAtPriceRange {\n      maxVariantPrice {\n        amount\n        currencyCode\n      }\n      minVariantPrice {\n        amount\n        currencyCode\n      }\n    }\n    description\n    descriptionHtml\n    encodedVariantAvailability\n    encodedVariantExistence\n    featuredImage {\n      ...productImageFields\n    }\n    handle\n    images(first: 20) {\n      nodes {\n        ...productImageFields\n      }\n    }\n    isGiftCard\n    metafields(identifiers: $productMetafields) {\n      key\n      namespace\n      value\n    }\n    onlineStoreUrl\n    selectedOrFirstAvailableVariant(selectedOptions: $selectedOptions) {\n      ...productVariantDataFields\n    }\n    options {\n      id\n      name\n      optionValues {\n        name\n        swatch {\n          color\n          image {\n            previewImage {\n              url\n            }\n          }\n        }\n        firstSelectableVariant {\n          id\n          image {\n            ...productImageFields\n          }\n        }\n      }\n    }\n    priceRange {\n      maxVariantPrice {\n        amount\n        currencyCode\n      }\n      minVariantPrice {\n        amount\n        currencyCode\n      }\n    }\n    productType\n    tags\n    title\n    variantsCount {\n      count\n      precision\n    }\n    # totalInventory\n  }\n";
 export declare const PRODUCT_VARIANT_DATA_FIELDS = "\n  fragment productVariantDataFields on ProductVariant {\n    id\n    availableForSale\n    compareAtPrice {\n      amount\n      currencyCode\n    }\n    currentlyNotInStock\n    image {\n      ...productImageFields\n    }\n    price {\n      amount\n      currencyCode\n    }\n    # quantityAvailable\n    selectedOptions {\n      name\n      value\n    }\n    sku\n    title\n    metafields(identifiers: $variantMetafields) {\n      key\n      namespace\n      value\n    }\n  }\n";
-export declare const PRODUCT_OPTIONS_VARIANT_FIELDS = "\n  fragment productOptionsVariantFields on ProductVariant {\n    id\n    selectedOptions {\n      name\n      value\n    }\n  }\n";
-export declare const SELECTED_VARIANT_FIELDS = "\n  fragment selectedVariantFields on Product {\n    id\n    availableForSale\n    title\n    handle\n    featuredImage {\n      ...productImageFields\n    }\n    variantBySelectedOptions(selectedOptions: $selectedOptions) {\n      id\n      availableForSale\n      compareAtPrice {\n        amount\n        currencyCode\n      }\n      currentlyNotInStock\n      image {\n        ...productImageFields\n      }\n      price {\n        amount\n        currencyCode\n      }\n      title\n      selectedOptions {\n        name\n        value\n      }\n    }\n  }\n";
-export declare const PRODUCT_OPTIONS_FIELDS = "\n  fragment productOptionsFields on Product {\n    id\n    availableForSale\n    title\n    featuredImage {\n      ...productImageFields\n    }\n    encodedVariantAvailability\n    encodedVariantExistence\n    variantsCount {\n      count\n      precision\n    }\n    options {\n      id\n      name\n      optionValues {\n        name\n        swatch {\n          color\n          image {\n            previewImage {\n              url\n            }\n          }\n        }\n        firstSelectableVariant {\n          id\n          image {\n            ...productImageFields\n          }\n        }\n      }\n    }\n  }\n";
-export declare const PRODUCT_IMAGES_FIELDS = "\n  fragment productImagesFields on Product {\n    images(first: 20) {\n      nodes {\n        ...productImageFields\n      }\n    }\n  }\n";

package/dist/storefront-api/queries/index.d.ts

@@ -1,15 +1,7 @@
 export declare const GET_SAVE_INTENT_DATA_BY_ID = "\n  query GetSaveIntentData(\n    $productId: ID!\n    $country: CountryCode!\n    $language: LanguageCode!\n  ) @inContext(country: $country, language: $language) {\n    product(id: $productId) {\n      ...saveIntentProductFields\n    }\n  }\n  \n  fragment saveIntentProductFields on Product {\n    id\n    availableForSale\n    featuredImage {\n      ...productImageFields\n    }\n    handle\n    title\n    variantsCount {\n      count\n    }\n    selectedOrFirstAvailableVariant {\n      ...saveIntentVariantFields\n    }\n  }\n  fragment saveIntentVariantFields on ProductVariant {\n    id\n    availableForSale\n    currentlyNotInStock\n    image {\n      ...productImageFields\n    }\n    title\n  }\n\n  \n  fragment productImageFields on Image {\n    id\n    altText\n    url\n    thumbhash\n  }\n\n";
 export declare const GET_SAVE_INTENT_DATA_BY_ID_WITH_VARIANT = "\n  query GetSaveIntentDataWithVariant(\n    $productId: ID!\n    $variantId: ID!\n    $country: CountryCode!\n    $language: LanguageCode!\n  ) @inContext(country: $country, language: $language) {\n    product(id: $productId) {\n      ...saveIntentProductFields\n    }\n    variant: node(id: $variantId) {\n      ...saveIntentVariantFields\n    }\n  }\n  \n  fragment saveIntentProductFields on Product {\n    id\n    availableForSale\n    featuredImage {\n      ...productImageFields\n    }\n    handle\n    title\n    variantsCount {\n      count\n    }\n    selectedOrFirstAvailableVariant {\n      ...saveIntentVariantFields\n    }\n  }\n  fragment saveIntentVariantFields on ProductVariant {\n    id\n    availableForSale\n    currentlyNotInStock\n    image {\n      ...productImageFields\n    }\n    title\n  }\n\n  \n  fragment productImageFields on Image {\n    id\n    altText\n    url\n    thumbhash\n  }\n\n";
-export declare const GET_PRODUCT_CARD_DATA_BY_ID = "\n  query GetProductCardData(\n    $productId: ID!\n    $productMetafields: [HasMetafieldsIdentifier!]!\n    $country: CountryCode!\n    $language: LanguageCode!\n  ) @inContext(country: $country, language: $language) {\n    product(id: $productId) {\n      ...productCardDataFields\n    }\n  }\n  \n  fragment productCardDataFields on Product {\n    id\n    availableForSale\n    category {\n      id\n      name\n    }\n    compareAtPriceRange {\n      maxVariantPrice {\n        amount\n        currencyCode\n      }\n      minVariantPrice {\n        amount\n        currencyCode\n      }\n    }\n    featuredImage {\n      ...productImageFields\n    }\n    isGiftCard\n    onlineStoreUrl\n    description\n    descriptionHtml\n    handle\n    options {\n      id\n      name\n    }\n    priceRange {\n      maxVariantPrice {\n        amount\n        currencyCode\n      }\n      minVariantPrice {\n        amount\n        currencyCode\n      }\n    }\n    productType\n    tags\n    title\n    variantsCount {\n      count\n    }\n    # totalInventory\n    metafields(identifiers: $productMetafields) {\n      key\n      namespace\n      value\n    }\n  }\n\n  \n  fragment productImageFields on Image {\n    id\n    altText\n    url\n    thumbhash\n  }\n\n";
-export declare const GET_PRODUCT_CARD_DATA_BY_ID_WITH_VARIANT = "\n  query GetProductCardDataWithVariant(\n    $productId: ID!\n    $variantId: ID!\n    $productMetafields: [HasMetafieldsIdentifier!]!\n    $variantMetafields: [HasMetafieldsIdentifier!]!\n    $country: CountryCode!\n    $language: LanguageCode!\n  ) @inContext(country: $country, language: $language) {\n    product(id: $productId) {\n      ...productCardDataFields\n    }\n    variant: node(id: $variantId) {\n      ...productVariantDataFields\n    }\n  }\n  \n  fragment productCardDataFields on Product {\n    id\n    availableForSale\n    category {\n      id\n      name\n    }\n    compareAtPriceRange {\n      maxVariantPrice {\n        amount\n        currencyCode\n      }\n      minVariantPrice {\n        amount\n        currencyCode\n      }\n    }\n    featuredImage {\n      ...productImageFields\n    }\n    isGiftCard\n    onlineStoreUrl\n    description\n    descriptionHtml\n    handle\n    options {\n      id\n      name\n    }\n    priceRange {\n      maxVariantPrice {\n        amount\n        currencyCode\n      }\n      minVariantPrice {\n        amount\n        currencyCode\n      }\n    }\n    productType\n    tags\n    title\n    variantsCount {\n      count\n    }\n    # totalInventory\n    metafields(identifiers: $productMetafields) {\n      key\n      namespace\n      value\n    }\n  }\n\n  \n  fragment productVariantDataFields on ProductVariant {\n    id\n    availableForSale\n    compareAtPrice {\n      amount\n      currencyCode\n    }\n    currentlyNotInStock\n    image {\n      ...productImageFields\n    }\n    price {\n      amount\n      currencyCode\n    }\n    # quantityAvailable\n    selectedOptions {\n      name\n      value\n    }\n    sku\n    title\n    metafields(identifiers: $variantMetafields) {\n      key\n      namespace\n      value\n    }\n  }\n\n  \n  fragment productImageFields on Image {\n    id\n    altText\n    url\n    thumbhash\n  }\n\n";
-export declare const GET_PRODUCT_OPTIONS_BY_ID = "\n  query GetProductOptions(\n    $productId: ID!\n    $country: CountryCode!\n    $language: LanguageCode!\n  ) @inContext(country: $country, language: $language) {\n    product(id: $productId) {\n      ...productOptionsFields\n    }\n  }\n  \n  fragment productOptionsFields on Product {\n    id\n    availableForSale\n    title\n    featuredImage {\n      ...productImageFields\n    }\n    encodedVariantAvailability\n    encodedVariantExistence\n    variantsCount {\n      count\n      precision\n    }\n    options {\n      id\n      name\n      optionValues {\n        name\n        swatch {\n          color\n          image {\n            previewImage {\n              url\n            }\n          }\n        }\n        firstSelectableVariant {\n          id\n          image {\n            ...productImageFields\n          }\n        }\n      }\n    }\n  }\n\n  \n  fragment productImageFields on Image {\n    id\n    altText\n    url\n    thumbhash\n  }\n\n";
-export declare const GET_PRODUCT_OPTIONS_BY_HANDLE = "\n  query GetProductOptionsByHandle(\n    $handle: String!\n    $country: CountryCode!\n    $language: LanguageCode!\n  ) @inContext(country: $country, language: $language) {\n    product(handle: $handle) {\n      ...productOptionsFields\n    }\n  }\n  \n  fragment productOptionsFields on Product {\n    id\n    availableForSale\n    title\n    featuredImage {\n      ...productImageFields\n    }\n    encodedVariantAvailability\n    encodedVariantExistence\n    variantsCount {\n      count\n      precision\n    }\n    options {\n      id\n      name\n      optionValues {\n        name\n        swatch {\n          color\n          image {\n            previewImage {\n              url\n            }\n          }\n        }\n        firstSelectableVariant {\n          id\n          image {\n            ...productImageFields\n          }\n        }\n      }\n    }\n  }\n\n  \n  fragment productImageFields on Image {\n    id\n    altText\n    url\n    thumbhash\n  }\n\n";
-export declare const GET_PRODUCT_OPTIONS_BY_ID_WITH_VARIANT = "\n  query GetProductOptionsWithVariant(\n    $productId: ID!\n    $variantId: ID!\n    $country: CountryCode!\n    $language: LanguageCode!\n  ) @inContext(country: $country, language: $language) {\n    product(id: $productId) {\n      ...productOptionsFields\n    }\n    variant: node(id: $variantId) {\n      ...productOptionsVariantFields\n    }\n  }\n  \n  fragment productOptionsFields on Product {\n    id\n    availableForSale\n    title\n    featuredImage {\n      ...productImageFields\n    }\n    encodedVariantAvailability\n    encodedVariantExistence\n    variantsCount {\n      count\n      precision\n    }\n    options {\n      id\n      name\n      optionValues {\n        name\n        swatch {\n          color\n          image {\n            previewImage {\n              url\n            }\n          }\n        }\n        firstSelectableVariant {\n          id\n          image {\n            ...productImageFields\n          }\n        }\n      }\n    }\n  }\n\n  \n  fragment productOptionsVariantFields on ProductVariant {\n    id\n    selectedOptions {\n      name\n      value\n    }\n  }\n\n  \n  fragment productImageFields on Image {\n    id\n    altText\n    url\n    thumbhash\n  }\n\n";
-export declare const GET_PRODUCT_OPTIONS_BY_HANDLE_WITH_VARIANT = "\n  query GetProductOptionsByHandleWithVariant(\n    $handle: String!\n    $variantId: ID!\n    $country: CountryCode!\n    $language: LanguageCode!\n  ) @inContext(country: $country, language: $language) {\n    product(handle: $handle) {\n      ...productOptionsFields\n    }\n    variant: node(id: $variantId) {\n      ...productOptionsVariantFields\n    }\n  }\n  \n  fragment productOptionsFields on Product {\n    id\n    availableForSale\n    title\n    featuredImage {\n      ...productImageFields\n    }\n    encodedVariantAvailability\n    encodedVariantExistence\n    variantsCount {\n      count\n      precision\n    }\n    options {\n      id\n      name\n      optionValues {\n        name\n        swatch {\n          color\n          image {\n            previewImage {\n              url\n            }\n          }\n        }\n        firstSelectableVariant {\n          id\n          image {\n            ...productImageFields\n          }\n        }\n      }\n    }\n  }\n\n  \n  fragment productOptionsVariantFields on ProductVariant {\n    id\n    selectedOptions {\n      name\n      value\n    }\n  }\n\n  \n  fragment productImageFields on Image {\n    id\n    altText\n    url\n    thumbhash\n  }\n\n";
-export declare const GET_SELECTED_VARIANT = "\n  query GetSelectedVariant(\n    $productId: ID!\n    $selectedOptions: [SelectedOptionInput!]!\n    $country: CountryCode!\n    $language: LanguageCode!\n  ) @inContext(country: $country, language: $language) {\n    product(id: $productId) {\n      ...selectedVariantFields\n    }\n  }\n  \n  fragment selectedVariantFields on Product {\n    id\n    availableForSale\n    title\n    handle\n    featuredImage {\n      ...productImageFields\n    }\n    variantBySelectedOptions(selectedOptions: $selectedOptions) {\n      id\n      availableForSale\n      compareAtPrice {\n        amount\n        currencyCode\n      }\n      currentlyNotInStock\n      image {\n        ...productImageFields\n      }\n      price {\n        amount\n        currencyCode\n      }\n      title\n      selectedOptions {\n        name\n        value\n      }\n    }\n  }\n\n  \n  fragment productImageFields on Image {\n    id\n    altText\n    url\n    thumbhash\n  }\n\n";
-export declare const GET_SELECTED_VARIANT_BY_HANDLE = "\n  query GetSelectedVariantByHandle(\n    $handle: String!\n    $selectedOptions: [SelectedOptionInput!]!\n    $country: CountryCode!\n    $language: LanguageCode!\n  ) @inContext(country: $country, language: $language) {\n    product(handle: $handle) {\n      ...selectedVariantFields\n    }\n  }\n  \n  fragment selectedVariantFields on Product {\n    id\n    availableForSale\n    title\n    handle\n    featuredImage {\n      ...productImageFields\n    }\n    variantBySelectedOptions(selectedOptions: $selectedOptions) {\n      id\n      availableForSale\n      compareAtPrice {\n        amount\n        currencyCode\n      }\n      currentlyNotInStock\n      image {\n        ...productImageFields\n      }\n      price {\n        amount\n        currencyCode\n      }\n      title\n      selectedOptions {\n        name\n        value\n      }\n    }\n  }\n\n  \n  fragment productImageFields on Image {\n    id\n    altText\n    url\n    thumbhash\n  }\n\n";
-export declare const GET_PRODUCT_DETAIL_DATA_BY_ID = "\n  query GetProductDetailData(\n    $productId: ID!\n    $productMetafields: [HasMetafieldsIdentifier!]!\n    $country: CountryCode!\n    $language: LanguageCode!\n  ) @inContext(country: $country, language: $language) {\n    product(id: $productId) {\n      ...productCardDataFields\n      ...productOptionsFields\n      ...productImagesFields\n    }\n  }\n  \n  fragment productCardDataFields on Product {\n    id\n    availableForSale\n    category {\n      id\n      name\n    }\n    compareAtPriceRange {\n      maxVariantPrice {\n        amount\n        currencyCode\n      }\n      minVariantPrice {\n        amount\n        currencyCode\n      }\n    }\n    featuredImage {\n      ...productImageFields\n    }\n    isGiftCard\n    onlineStoreUrl\n    description\n    descriptionHtml\n    handle\n    options {\n      id\n      name\n    }\n    priceRange {\n      maxVariantPrice {\n        amount\n        currencyCode\n      }\n      minVariantPrice {\n        amount\n        currencyCode\n      }\n    }\n    productType\n    tags\n    title\n    variantsCount {\n      count\n    }\n    # totalInventory\n    metafields(identifiers: $productMetafields) {\n      key\n      namespace\n      value\n    }\n  }\n\n  \n  fragment productOptionsFields on Product {\n    id\n    availableForSale\n    title\n    featuredImage {\n      ...productImageFields\n    }\n    encodedVariantAvailability\n    encodedVariantExistence\n    variantsCount {\n      count\n      precision\n    }\n    options {\n      id\n      name\n      optionValues {\n        name\n        swatch {\n          color\n          image {\n            previewImage {\n              url\n            }\n          }\n        }\n        firstSelectableVariant {\n          id\n          image {\n            ...productImageFields\n          }\n        }\n      }\n    }\n  }\n\n  \n  fragment productImagesFields on Product {\n    images(first: 20) {\n      nodes {\n        ...productImageFields\n      }\n    }\n  }\n\n  \n  fragment productImageFields on Image {\n    id\n    altText\n    url\n    thumbhash\n  }\n\n";
-export declare const GET_PRODUCT_DETAIL_DATA_BY_ID_WITH_VARIANT = "\n  query GetProductDetailDataWithVariant(\n    $productId: ID!\n    $variantId: ID!\n    $productMetafields: [HasMetafieldsIdentifier!]!\n    $variantMetafields: [HasMetafieldsIdentifier!]!\n    $country: CountryCode!\n    $language: LanguageCode!\n  ) @inContext(country: $country, language: $language) {\n    product(id: $productId) {\n      ...productCardDataFields\n      ...productOptionsFields\n      ...productImagesFields\n    }\n    variant: node(id: $variantId) {\n      ...productVariantDataFields\n    }\n  }\n  \n  fragment productCardDataFields on Product {\n    id\n    availableForSale\n    category {\n      id\n      name\n    }\n    compareAtPriceRange {\n      maxVariantPrice {\n        amount\n        currencyCode\n      }\n      minVariantPrice {\n        amount\n        currencyCode\n      }\n    }\n    featuredImage {\n      ...productImageFields\n    }\n    isGiftCard\n    onlineStoreUrl\n    description\n    descriptionHtml\n    handle\n    options {\n      id\n      name\n    }\n    priceRange {\n      maxVariantPrice {\n        amount\n        currencyCode\n      }\n      minVariantPrice {\n        amount\n        currencyCode\n      }\n    }\n    productType\n    tags\n    title\n    variantsCount {\n      count\n    }\n    # totalInventory\n    metafields(identifiers: $productMetafields) {\n      key\n      namespace\n      value\n    }\n  }\n\n  \n  fragment productOptionsFields on Product {\n    id\n    availableForSale\n    title\n    featuredImage {\n      ...productImageFields\n    }\n    encodedVariantAvailability\n    encodedVariantExistence\n    variantsCount {\n      count\n      precision\n    }\n    options {\n      id\n      name\n      optionValues {\n        name\n        swatch {\n          color\n          image {\n            previewImage {\n              url\n            }\n          }\n        }\n        firstSelectableVariant {\n          id\n          image {\n            ...productImageFields\n          }\n        }\n      }\n    }\n  }\n\n  \n  fragment productVariantDataFields on ProductVariant {\n    id\n    availableForSale\n    compareAtPrice {\n      amount\n      currencyCode\n    }\n    currentlyNotInStock\n    image {\n      ...productImageFields\n    }\n    price {\n      amount\n      currencyCode\n    }\n    # quantityAvailable\n    selectedOptions {\n      name\n      value\n    }\n    sku\n    title\n    metafields(identifiers: $variantMetafields) {\n      key\n      namespace\n      value\n    }\n  }\n\n  \n  fragment productImagesFields on Product {\n    images(first: 20) {\n      nodes {\n        ...productImageFields\n      }\n    }\n  }\n\n  \n  fragment productImageFields on Image {\n    id\n    altText\n    url\n    thumbhash\n  }\n\n";
+export declare const GET_PRODUCT_BY_ID = "\n  query GetProduct(\n    $productId: ID!\n    $variantId: ID!\n    $selectedOptions: [SelectedOptionInput!]!\n    $productMetafields: [HasMetafieldsIdentifier!]!\n    $variantMetafields: [HasMetafieldsIdentifier!]!\n    $includeVariantById: Boolean!\n    $includeVariantBySelectedOptions: Boolean!\n    $country: CountryCode!\n    $language: LanguageCode!\n  ) @inContext(country: $country, language: $language) {\n    product(id: $productId) {\n      ...productFields\n      variant: variantBySelectedOptions(selectedOptions: $selectedOptions)\n        @include(if: $includeVariantBySelectedOptions) {\n        ...productVariantDataFields\n      }\n    }\n    variantNode: node(id: $variantId) @include(if: $includeVariantById) {\n      ... on ProductVariant {\n        ...productVariantDataFields\n      }\n    }\n  }\n  \n  fragment productFields on Product {\n    id\n    availableForSale\n    category {\n      id\n      name\n    }\n    compareAtPriceRange {\n      maxVariantPrice {\n        amount\n        currencyCode\n      }\n      minVariantPrice {\n        amount\n        currencyCode\n      }\n    }\n    description\n    descriptionHtml\n    encodedVariantAvailability\n    encodedVariantExistence\n    featuredImage {\n      ...productImageFields\n    }\n    handle\n    images(first: 20) {\n      nodes {\n        ...productImageFields\n      }\n    }\n    isGiftCard\n    metafields(identifiers: $productMetafields) {\n      key\n      namespace\n      value\n    }\n    onlineStoreUrl\n    selectedOrFirstAvailableVariant(selectedOptions: $selectedOptions) {\n      ...productVariantDataFields\n    }\n    options {\n      id\n      name\n      optionValues {\n        name\n        swatch {\n          color\n          image {\n            previewImage {\n              url\n            }\n          }\n        }\n        firstSelectableVariant {\n          id\n          image {\n            ...productImageFields\n          }\n        }\n      }\n    }\n    priceRange {\n      maxVariantPrice {\n        amount\n        currencyCode\n      }\n      minVariantPrice {\n        amount\n        currencyCode\n      }\n    }\n    productType\n    tags\n    title\n    variantsCount {\n      count\n      precision\n    }\n    # totalInventory\n  }\n\n  \n  fragment productVariantDataFields on ProductVariant {\n    id\n    availableForSale\n    compareAtPrice {\n      amount\n      currencyCode\n    }\n    currentlyNotInStock\n    image {\n      ...productImageFields\n    }\n    price {\n      amount\n      currencyCode\n    }\n    # quantityAvailable\n    selectedOptions {\n      name\n      value\n    }\n    sku\n    title\n    metafields(identifiers: $variantMetafields) {\n      key\n      namespace\n      value\n    }\n  }\n\n  \n  fragment productImageFields on Image {\n    id\n    altText\n    url\n    thumbhash\n  }\n\n";
+export declare const GET_PRODUCT_BY_HANDLE = "\n  query GetProductByHandle(\n    $handle: String!\n    $variantId: ID!\n    $selectedOptions: [SelectedOptionInput!]!\n    $productMetafields: [HasMetafieldsIdentifier!]!\n    $variantMetafields: [HasMetafieldsIdentifier!]!\n    $includeVariantById: Boolean!\n    $includeVariantBySelectedOptions: Boolean!\n    $country: CountryCode!\n    $language: LanguageCode!\n  ) @inContext(country: $country, language: $language) {\n    product(handle: $handle) {\n      ...productFields\n      variant: variantBySelectedOptions(selectedOptions: $selectedOptions)\n        @include(if: $includeVariantBySelectedOptions) {\n        ...productVariantDataFields\n      }\n    }\n    variantNode: node(id: $variantId) @include(if: $includeVariantById) {\n      ... on ProductVariant {\n        ...productVariantDataFields\n      }\n    }\n  }\n  \n  fragment productFields on Product {\n    id\n    availableForSale\n    category {\n      id\n      name\n    }\n    compareAtPriceRange {\n      maxVariantPrice {\n        amount\n        currencyCode\n      }\n      minVariantPrice {\n        amount\n        currencyCode\n      }\n    }\n    description\n    descriptionHtml\n    encodedVariantAvailability\n    encodedVariantExistence\n    featuredImage {\n      ...productImageFields\n    }\n    handle\n    images(first: 20) {\n      nodes {\n        ...productImageFields\n      }\n    }\n    isGiftCard\n    metafields(identifiers: $productMetafields) {\n      key\n      namespace\n      value\n    }\n    onlineStoreUrl\n    selectedOrFirstAvailableVariant(selectedOptions: $selectedOptions) {\n      ...productVariantDataFields\n    }\n    options {\n      id\n      name\n      optionValues {\n        name\n        swatch {\n          color\n          image {\n            previewImage {\n              url\n            }\n          }\n        }\n        firstSelectableVariant {\n          id\n          image {\n            ...productImageFields\n          }\n        }\n      }\n    }\n    priceRange {\n      maxVariantPrice {\n        amount\n        currencyCode\n      }\n      minVariantPrice {\n        amount\n        currencyCode\n      }\n    }\n    productType\n    tags\n    title\n    variantsCount {\n      count\n      precision\n    }\n    # totalInventory\n  }\n\n  \n  fragment productVariantDataFields on ProductVariant {\n    id\n    availableForSale\n    compareAtPrice {\n      amount\n      currencyCode\n    }\n    currentlyNotInStock\n    image {\n      ...productImageFields\n    }\n    price {\n      amount\n      currencyCode\n    }\n    # quantityAvailable\n    selectedOptions {\n      name\n      value\n    }\n    sku\n    title\n    metafields(identifiers: $variantMetafields) {\n      key\n      namespace\n      value\n    }\n  }\n\n  \n  fragment productImageFields on Image {\n    id\n    altText\n    url\n    thumbhash\n  }\n\n";
 export declare const GET_PRODUCT_IMAGES_BY_ID = "\n  query GetProductImagesById(\n    $ids: [ID!]!\n    $country: CountryCode!\n    $language: LanguageCode!\n  ) @inContext(country: $country, language: $language) {\n    nodes(ids: $ids) {\n      ... on Product {\n        featuredImage {\n          ...productImageFields\n        }\n      }\n      ... on ProductVariant {\n        image {\n          ...productImageFields\n        }\n        product {\n          featuredImage {\n            ...productImageFields\n          }\n        }\n      }\n    }\n  }\n  \n  fragment productImageFields on Image {\n    id\n    altText\n    url\n    thumbhash\n  }\n\n";
 export declare const GET_PRODUCT_RECOMMENDATIONS_BY_ID = "\n  query GetProductRecommendationsById(\n    $productId: ID!\n    $intent: ProductRecommendationIntent\n    $country: CountryCode!\n    $language: LanguageCode!\n  ) @inContext(country: $country, language: $language) {\n    productRecommendations(productId: $productId, intent: $intent) {\n      id\n    }\n  }\n";
 export declare const GET_PRODUCT_RECOMMENDATIONS_BY_HANDLE = "\n  query GetProductRecommendationsByHandle(\n    $handle: String!\n    $intent: ProductRecommendationIntent\n    $country: CountryCode!\n    $language: LanguageCode!\n  ) @inContext(country: $country, language: $language) {\n    productRecommendations(productHandle: $handle, intent: $intent) {\n      id\n    }\n  }\n";

package/dist/storefront-api/storefront-api-client.d.ts

@@ -1,23 +1,19 @@
 import type { ResponseErrors } from "@shopify/graphql-client";
-import { StorefrontContext, SwishMetafieldOptions, SwishProductOptions } from "../options/types";
-import { LoadProductCardDataArgs } from "./load-product-card-data";
-import { LoadProductDetailDataArgs } from "./load-product-detail-data";
+import { StorefrontContext, SwishProductsMetafieldOptions } from "../options/types";
+import { LoadProductArgs } from "./load-product";
 import { LoadProductIdArgs } from "./load-product-id";
 import { LoadProductImagesArgs } from "./load-product-images";
-import { LoadProductOptionsArgs } from "./load-product-options";
 import { LoadProductRecommendationsArgs } from "./load-product-recommendations";
 import { LoadSaveIntentDataArgs } from "./load-save-intent-data";
-import { LoadSelectedVariantArgs } from "./load-selected-variant";
-export * from "./load-product-card-data";
-export * from "./load-product-options";
+export * from "./load-product";
 export * from "./load-product-recommendations";
-export * from "./load-selected-variant";
 export * from "./types/storefront.generated";
+export type { SelectedOptionInput } from "./types/storefront.types";
 export interface StorefrontApiResponse<TData> {
     data: TData;
     errors: ResponseErrors;
 }
-export declare const API_VERSION = "2026-01";
+export declare const API_VERSION = "2026-04";
 export interface StorefrontApiOptions {
     storeDomain: string;
     accessToken: string;
@@ -29,35 +25,73 @@ export declare class StorefrontApiClient {
     private readonly options;
     private readonly context;
     private readonly metafields;
-    private readonly productOptions;
-    constructor(options: StorefrontApiOptions, context: StorefrontContext, productOptions: SwishProductOptions, metafields?: SwishMetafieldOptions);
+    constructor(options: StorefrontApiOptions, context: StorefrontContext, metafields?: SwishProductsMetafieldOptions);
     fetch(input: string | URL | Request, init?: RequestInit): Promise<Response>;
     query: <TData, TVariables extends Record<string, unknown>>(query: string, variables: TVariables) => Promise<{
         data: (TData extends undefined ? any : TData) | undefined;
         errors: ResponseErrors | null;
     }>;
-    loadProductOptions: (args: ArgsWithoutDefaults<LoadProductOptionsArgs>) => Promise<{
-        data: import("./storefront-api-client").GetProductOptionsQuery | import("./storefront-api-client").GetProductOptionsWithVariantQuery | undefined;
-        errors: ResponseErrors | null;
-    }>;
-    loadSelectedVariant: (args: ArgsWithoutDefaults<LoadSelectedVariantArgs>) => Promise<{
-        data: import("./storefront-api-client").GetSelectedVariantQuery | undefined;
-        errors: ResponseErrors | null;
-    }>;
-    loadProductCardData: (args: ArgsWithoutDefaults<LoadProductCardDataArgs>) => Promise<{
-        data: import("./storefront-api-client").GetProductCardDataQuery | import("./storefront-api-client").GetProductCardDataWithVariantQuery | undefined;
-        errors: ResponseErrors | null;
-    }>;
-    loadProductDetailData: (args: ArgsWithoutDefaults<LoadProductDetailDataArgs>) => Promise<{
-        data: import("./storefront-api-client").GetProductDetailDataQuery | import("./storefront-api-client").GetProductDetailDataWithVariantQuery | undefined;
+    loadProduct: (args: ArgsWithoutDefaults<LoadProductArgs>) => Promise<{
+        data: {
+            product: (Pick<import("./types/storefront.types").Product, "title" | "id" | "availableForSale" | "description" | "descriptionHtml" | "encodedVariantAvailability" | "encodedVariantExistence" | "handle" | "isGiftCard" | "onlineStoreUrl" | "productType" | "tags"> & {
+                variant?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").ProductVariant, "id" | "availableForSale" | "currentlyNotInStock" | "sku" | "title"> & {
+                    compareAtPrice?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").MoneyV2, "amount" | "currencyCode">>;
+                    image?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").Image, "id" | "altText" | "url" | "thumbhash">>;
+                    price: Pick<import("./types/storefront.types").MoneyV2, "amount" | "currencyCode">;
+                    selectedOptions: Array<Pick<import("./types/storefront.types").SelectedOption, "name" | "value">>;
+                    metafields: Array<import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").Metafield, "key" | "namespace" | "value">>>;
+                }>;
+                category?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").TaxonomyCategory, "id" | "name">>;
+                compareAtPriceRange: {
+                    maxVariantPrice: Pick<import("./types/storefront.types").MoneyV2, "amount" | "currencyCode">;
+                    minVariantPrice: Pick<import("./types/storefront.types").MoneyV2, "amount" | "currencyCode">;
+                };
+                featuredImage?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").Image, "id" | "altText" | "url" | "thumbhash">>;
+                images: {
+                    nodes: Array<Pick<import("./types/storefront.types").Image, "id" | "altText" | "url" | "thumbhash">>;
+                };
+                metafields: Array<import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").Metafield, "key" | "namespace" | "value">>>;
+                selectedOrFirstAvailableVariant?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").ProductVariant, "id" | "availableForSale" | "currentlyNotInStock" | "sku" | "title"> & {
+                    compareAtPrice?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").MoneyV2, "amount" | "currencyCode">>;
+                    image?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").Image, "id" | "altText" | "url" | "thumbhash">>;
+                    price: Pick<import("./types/storefront.types").MoneyV2, "amount" | "currencyCode">;
+                    selectedOptions: Array<Pick<import("./types/storefront.types").SelectedOption, "name" | "value">>;
+                    metafields: Array<import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").Metafield, "key" | "namespace" | "value">>>;
+                }>;
+                options: Array<Pick<import("./types/storefront.types").ProductOption, "id" | "name"> & {
+                    optionValues: Array<Pick<import("./types/storefront.types").ProductOptionValue, "name"> & {
+                        swatch?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").ProductOptionValueSwatch, "color"> & {
+                            image?: import("./types/storefront.types").Maybe<{
+                                previewImage?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").Image, "url">>;
+                            }>;
+                        }>;
+                        firstSelectableVariant?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").ProductVariant, "id"> & {
+                            image?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").Image, "id" | "altText" | "url" | "thumbhash">>;
+                        }>;
+                    }>;
+                }>;
+                priceRange: {
+                    maxVariantPrice: Pick<import("./types/storefront.types").MoneyV2, "amount" | "currencyCode">;
+                    minVariantPrice: Pick<import("./types/storefront.types").MoneyV2, "amount" | "currencyCode">;
+                };
+                variantsCount?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").Count, "count" | "precision">>;
+            }) | null;
+            variant: (Pick<import("./types/storefront.types").ProductVariant, "title" | "id" | "availableForSale" | "currentlyNotInStock" | "sku"> & {
+                compareAtPrice?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").MoneyV2, "amount" | "currencyCode">>;
+                image?: import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").Image, "id" | "altText" | "url" | "thumbhash">>;
+                price: Pick<import("./types/storefront.types").MoneyV2, "amount" | "currencyCode">;
+                selectedOptions: Array<Pick<import("./types/storefront.types").SelectedOption, "name" | "value">>;
+                metafields: Array<import("./types/storefront.types").Maybe<Pick<import("./types/storefront.types").Metafield, "key" | "namespace" | "value">>>;
+            }) | null;
+        };
         errors: ResponseErrors | null;
     }>;
     loadProductImages: (args: ArgsWithoutDefaults<LoadProductImagesArgs>) => Promise<{
         data: (Pick<import("./types/storefront.types").Image, "id" | "altText" | "url" | "thumbhash"> | undefined)[];
-        error: null;
+        errors: null;
     } | {
         data: null;
-        error: Error;
+        errors: Error;
     }>;
     loadProductRecommendations: (args: ArgsWithoutDefaults<LoadProductRecommendationsArgs>) => Promise<{
         data: {