@vio-live/web-sdk 0.1.0 → 0.3.0

package/dist/chunk-PBQSHIID.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-PBQSHIID.js.map
+//# sourceMappingURL=chunk-PBQSHIID.js.map

package/dist/{chunk-GGM2AIK5.js.map → chunk-PBQSHIID.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-GGM2AIK5.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-PBQSHIID.js"}

package/dist/core/index.d.ts

@@ -51,9 +51,20 @@ interface ResolvedConfig {
 }
 declare class ConfigurationSingleton {
     private resolved;
+    private readyWaiters;
     init(input: VioConfig): void;
     get(): ResolvedConfig;
     get isInitialized(): boolean;
+    /**
+     * Resolves once `Vio.init()` has run, or after `timeoutMs` — whichever
+     * comes first. Hosts that mount several independent components (e.g. Vev
+     * blocks, which mount in no guaranteed order) may have one fire a GraphQL
+     * call before another has called `Vio.init()`. Awaiting this briefly lets
+     * that race resolve instead of silently sending an unauthenticated
+     * request. Resolves `true` if init happened in time, `false` on timeout —
+     * callers should still degrade gracefully either way.
+     */
+    whenReady(timeoutMs?: number): Promise<boolean>;
     /** For tests only. */
     reset(): void;
 }
@@ -163,9 +174,19 @@ interface PlacementComponent {
 }
 /** Helper: extract a useful display price from a Product. */
 declare function displayPrice(product: Product): string;
-/** Format a numeric amount + currency for Norwegian style: "1 299 kr". */
-declare function formatPrice(amount: number, currency: string): string;
-/** Helper: pick the first image URL (variant first, then product). */
+/**
+ * Active display currency for the page. The host (e.g. the Vev Config block)
+ * sets `globalThis.__VIO_CURRENCY__` / localStorage `vio.currency`; falls back
+ * to NOK.
+ */
+declare function getGlobalCurrency(): string;
+/** Format a numeric amount + currency using the page locale and symbol map. */
+declare function formatPrice(amount: number, currency?: string): string;
+/**
+ * Helper: pick the first image URL (variant first, then product). Defensive:
+ * accepts loose shapes (backend cart rows, catalog rows) where images may be
+ * plain strings or live under image / imageUrl / image_url / primaryImage.
+ */
 declare function primaryImageUrl(product: Product): string | undefined;
 
 /**
@@ -276,6 +297,8 @@ declare function createCommerceClient(options: CommerceClientOptions): CommerceC
 interface CartLineItem {
     /** Unique local id for this line item (used for update/remove). */
     id: string;
+    /** Backend cart item id (set once the server-side cart is synced). */
+    cartItemId?: string;
     /** Vio Commerce product id. */
     productId: number;
     /** Sponsor (merchant) id this line item belongs to. */
@@ -294,12 +317,22 @@ interface CartLineItem {
     imageUrl: string;
     /** Quantity. */
     quantity: number;
+    /** Selected shipping for this line (backend cart). */
+    shipping?: unknown;
+    /** Shipping options offered by the backend for this line. */
+    availableShippings?: unknown[];
 }
 interface SponsorCartState {
     sponsorId: number;
     sponsorName?: string;
     items: CartLineItem[];
     currency: string;
+    /** Backend (Vio Commerce) cart id, once created. */
+    cartId?: string;
+    shippingCountry?: string;
+    subtotal?: number;
+    shipping?: number;
+    availableShippingCountries?: string[];
 }
 
 /**
@@ -341,15 +374,74 @@ interface AddManualOptions {
 }
 declare class CartManager extends EventTarget {
     private cartsBySponsor;
+    /** In-flight CreateCart per sponsor — two quick adds must share ONE backend
+     * cart (two CreateCarts split the items and one silently disappears). */
+    private cartIdPromises;
+    /** Monotonic mutation counter per sponsor + last applied response, so a
+     * slow response can't overwrite the state of a newer one. */
+    private mutationSeq;
+    private appliedSeq;
     constructor();
-    /** Add a Product DTO to a sponsor's cart. Bumps quantity if already present. */
+    private nextSeq;
+    /** Apply a backend response only if no newer response was applied already. */
+    private applyBackendCart;
+    /** Surface a cart sync problem to hosts/UI (and the console). */
+    private emitError;
+    /** Ensure the sponsor cart exists server-side; returns its backend cart id. */
+    ensureCartId(sponsorId: number, currency?: string, shippingCountry?: string): Promise<string | undefined>;
+    /** Overwrite local cart state with the backend cart response (source of truth). */
+    updateFromBackendCart(sponsorId: number, backendCart: {
+        cart_id?: string;
+        currency?: string;
+        shipping_country?: string;
+        subtotal?: number;
+        shipping?: number;
+        available_shipping_countries?: string[];
+        line_items?: Array<{
+            id: string;
+            product_id: number;
+            variant_id?: number | string | null;
+            variant_title?: string | null;
+            brand?: string | null;
+            title?: string | null;
+            quantity: number;
+            image?: string | {
+                url?: string;
+            } | null;
+            imageUrl?: string | null;
+            image_url?: string | null;
+            price?: {
+                amount?: number;
+                amount_incl_taxes?: number | null;
+                currency_code?: string;
+            } | null;
+            shipping?: unknown;
+            available_shippings?: unknown[];
+        }>;
+    }): void;
+    /** Add a Product DTO to a sponsor's cart. Bumps quantity if already present.
+     * When a variantId is given, the line uses the VARIANT's price / image / title
+     * (not the product base), so different combinations are priced correctly. */
     addProduct(opts: AddProductOptions): CartLineItem;
     /** Add a manually-specified line item (no Product DTO). */
     addManual(opts: AddManualOptions): CartLineItem;
+    /** Quantity intents for lines whose backend id hasn't arrived yet — replayed
+     * when the AddItem response reconciles (keyed by product::variant). */
+    private pendingQtyIntents;
+    private intentKey;
     updateQuantity(lineItemId: string, sponsorId: number, quantity: number): void;
     removeItem(lineItemId: string, sponsorId: number): void;
     clearSponsorCart(sponsorId: number): void;
     clearAllCarts(): void;
+    /** Refresh the local cart from the backend (source of truth). */
+    fetchCartFromBackend(sponsorId: number): Promise<unknown>;
+    /** Line items grouped by supplier (shipping is per-supplier server-side). */
+    fetchLineItemsBySupplier(sponsorId: number): Promise<unknown>;
+    /** Set the chosen shipping option per supplier on the backend cart. */
+    updateShippingsBySupplier(sponsorId: number, data: Array<{
+        shipping_id: string;
+        supplier_id: number;
+    }>): Promise<unknown>;
     getAllCarts(): Map<number, SponsorCartState>;
     getCart(sponsorId: number): SponsorCartState | undefined;
     get itemCount(): number;
@@ -411,6 +503,13 @@ interface ApplePayConfig {
         detail?: string;
         amount: number;
     }>;
+    /**
+     * Charge hook, run INSIDE the sheet's authorize event with the tokenized
+     * payment. Must perform the real (backend) charge and throw on failure —
+     * only then does the sheet close with success; a throw closes it with
+     * failure. Its resolved value is surfaced as `ApplePayResult.confirmation`.
+     */
+    onAuthorize?: (result: ApplePayResult) => Promise<unknown>;
 }
 interface ApplePayResult {
     /** Stripe PaymentMethod id (pm_xxx) — pass to backend to confirm the PaymentIntent. */
@@ -426,6 +525,8 @@ interface ApplePayResult {
         state?: string;
         country?: string;
     };
+    /** Whatever `onAuthorize` resolved with (e.g. backend order_id/status). */
+    confirmation?: unknown;
 }
 /**
  * Check whether Apple Pay is available right now (Safari + supported device
@@ -441,7 +542,7 @@ declare function checkApplePayAvailability(config: ApplePayConfig): Promise<bool
  * The backend must then confirm a Stripe PaymentIntent with this
  * payment method id (server-side step, not handled here).
  */
-declare function showApplePaySheet(config: ApplePayConfig): Promise<ApplePayResult>;
+declare function showApplePaySheet(config: ApplePayConfig): Promise<ApplePayResult | null>;
 
 /** One line in the express button's purchase data. Amounts in MINOR units. */
 interface KlarnaLineItem {
@@ -528,7 +629,7 @@ declare global {
  * merchant, same as iOS multi-sponsor model). Multiple sponsors → multiple
  * sequential checkouts.
  */
-type PaymentMethod = 'apple-pay' | 'klarna' | 'vipps' | 'card';
+type PaymentMethod = 'apple-pay' | 'klarna' | 'vipps' | 'card' | 'stripe';
 interface CheckoutAddress {
     firstName: string;
     lastName: string;
@@ -551,6 +652,14 @@ interface CheckoutState {
     subtotal: number;
     /** Currency code. */
     currency: string;
+    /** Backend checkout id (Vio Commerce CreateCheckout). */
+    checkoutId?: string;
+    /** Full backend checkout payload (untyped upstream). */
+    checkout?: unknown;
+    /** Klarna Payments session id (native GraphQL flow). */
+    sessionId?: string;
+    /** Klarna Payments client token (native GraphQL flow). */
+    clientToken?: string;
 }
 
 /**
@@ -565,6 +674,24 @@ interface CheckoutState {
  * a method) and `payment-complete` (vendor sheet completed successfully).
  */
 
+/** A shipping option offered in the checkout. `price` in minor units (øre). */
+interface KlarnaShippingOption {
+    id: string;
+    method: string;
+    description: string;
+    price: number;
+    tax_amount: number;
+    tax_rate: number;
+    preselected: boolean;
+    /** Backend supplier the option belongs to (server-side shippings). */
+    supplierId?: string;
+    /** Display name from the backend (mirror of `method`). */
+    name?: string;
+    country_code?: string;
+    /** Price in MAJOR units, as delivered by the backend. */
+    priceMajor?: number;
+    currency?: string;
+}
 interface CheckoutChangeDetail {
     state: CheckoutState | null;
 }
@@ -581,6 +708,8 @@ interface PaymentCompleteDetail {
 interface KlarnaPaymentsHandle {
     /** Categories offered by the session (pay_now / pay_later / pay_over_time). */
     categories: KlarnaPaymentsCategory[];
+    /** Shipping options in effect (backend per-supplier, or the static fallback). */
+    shippings: KlarnaShippingOption[];
     /** Currently selected category. */
     readonly selected: string;
     /** (Re)load the widget for a category. */
@@ -596,11 +725,67 @@ declare class CheckoutManager extends EventTarget {
     private readonly cartManager;
     private state;
     private applePayAvailableCache;
+    /** Gateway hints learned from CreatePaymentApplePay (per session). The
+     * backend's gateway_merchant_id may be a publishable key (pk_…) or a Stripe
+     * Connect account (acct_…) — stored defensively by prefix. */
+    private applePayPublishableKey;
+    private applePayConnectedAccount;
     private klarnaAvailableCache;
     private klarnaOrderInFlight;
+    /** Last backend shippings fetched (per-supplier), for UI reuse. */
+    private lastFetchedShippings;
+    /** Per-sponsor payment methods cache + in-flight dedupe. */
+    private paymentMethodsCache;
+    private paymentMethodsPromises;
     constructor(cartManager: CartManager);
     open(sponsorId: number): CheckoutState;
     close(): void;
+    /** Create the backend checkout for the sponsor's cart (auto-accepts terms). */
+    createCheckout(sponsorId: number): Promise<any>;
+    /** Update the backend checkout (terms are re-asserted unless overridden). */
+    updateCheckout(variables: Record<string, unknown>, sponsorId?: number): Promise<any>;
+    getCheckout(checkoutId: string, sponsorId?: number): Promise<any>;
+    /**
+     * Payment methods enabled for the sponsor (backend-configured). Memoised per
+     * sponsor with in-flight dedupe — several UI components ask on every open.
+     */
+    getAvailablePaymentMethods(sponsorId?: number): Promise<any>;
+    clearPaymentMethodsCache(): void;
+    /**
+     * Real shipping options from the backend cart (per supplier), mapped to the
+     * KlarnaShippingOption shape (minor units). Empty array on failure — callers
+     * fall back to the static KLARNA_SHIPPING_OPTIONS.
+     */
+    fetchAvailableShippings(sponsorId?: number): Promise<KlarnaShippingOption[]>;
+    /** Set the chosen shipping per supplier on the backend cart. */
+    updateShippingsBySupplier(data: Array<{
+        shipping_id: string;
+        supplier_id: number;
+    }>, sponsorId?: number): Promise<any>;
+    /**
+     * Shared setup for the redirect payment links (Stripe / Vipps): ensure the
+     * backend cart + checkout exist, push email/address onto the checkout, and
+     * return everything the payment mutation needs.
+     */
+    private prepareRedirectPayment;
+    /** Redirect the top window to a payment provider URL. */
+    private static redirectTo;
+    /**
+     * Stripe payment link: create/refresh the backend checkout, mint the Stripe
+     * Checkout URL (CreatePaymentStripe) and redirect. The return URL carries
+     * vio_payment/vio_method/checkout_id so the page can show the confirmation.
+     */
+    startStripePayment(sponsorId?: number, formData?: unknown): Promise<any>;
+    /**
+     * Vipps payment link: same flow as Stripe — CreatePaymentVipps → redirect to
+     * payment_url.
+     */
+    startVippsPayment(sponsorId?: number, formData?: unknown): Promise<any>;
+    /** Vipps' own payment state for the checkout — see getVippsStatus in
+     * cart-queries.ts for why this exists instead of trusting GetCheckout. */
+    getVippsStatus(checkoutId: string, sponsorId?: number): Promise<{
+        state?: string;
+    } | null>;
     setAddress(address: CheckoutAddress): void;
     selectPaymentMethod(method: PaymentMethod): void;
     /**
@@ -629,19 +814,33 @@ declare class CheckoutManager extends EventTarget {
      * The caller (the cart drawer) renders its own confirmation. `show()` must be
      * called synchronously inside the tap (Apple's user-gesture rule).
      */
-    prepareApplePayExpress(amount: number, currency: string, country?: string): Promise<{
+    prepareApplePayExpress(amount: number, currency: string, country?: string, sponsorId?: number): Promise<{
         available: boolean;
         show: () => Promise<ApplePayResult | null>;
     }>;
+    /** The charge closure run inside the Apple Pay sheet's authorize event —
+     * shared by the checkout button and the cart's express button. Fail-closed:
+     * any failure throws and the sheet closes with failure, nothing confirmed. */
+    private buildApplePayAuthorize;
+    /** Backend statuses from ConfirmPaymentApplePay that mean the charge did
+     * NOT go through — anything here fails the sheet (fail-closed). */
+    private static readonly APPLE_PAY_FAILED_STATUSES;
     /**
-     * Launches the Apple Pay sheet. Resolves with the Stripe PaymentMethod
-     * id once the user authorises — the backend then confirms the
-     * PaymentIntent with that id to actually capture the funds.
+     * Launches the Apple Pay sheet and charges server-side INSIDE the sheet's
+     * authorize event (round-5 wiring, contract from the commerce backend):
+     *   1. ensure a backend checkout exists (create if missing)
+     *   2. UpdateCheckout(paymentMethod: "Apple Pay" + payer email)
+     *   3. CreatePaymentApplePay → gateway hints (pk_/acct_ stored by prefix)
+     *   4. ConfirmPaymentApplePay(token, email, shipping) → the REAL charge;
+     *      a failed/absent confirmation throws → the sheet closes with failure
+     * Resolves null if the user closes the sheet. On success, dispatches
+     * `payment-complete` with the backend order id in `result.confirmation`.
      */
     startApplePay(options?: {
         country?: string;
         label?: string;
-    }): Promise<ApplePayResult>;
+        sponsorId?: number;
+    }): Promise<ApplePayResult | null>;
     /**
      * True if the Klarna Express button can be offered (clientId configured +
      * SDK loads). Memoised per active checkout. Never throws.
@@ -673,6 +872,7 @@ declare class CheckoutManager extends EventTarget {
     mountKlarnaPayments(container: HTMLElement, opts?: {
         withShipping?: boolean;
         shippingId?: string;
+        category?: string;
     }): Promise<KlarnaPaymentsHandle>;
     /** True if the Klarna Payments widget lib can load (UI gate). */
     klarnaPaymentsAvailable(): Promise<boolean>;
@@ -717,6 +917,9 @@ declare class VioFacade {
     private commerceClients;
     private bootstrapPromise;
     private cachedBootstrap;
+    /** Last bootstrap failure — short backoff so cart mutations don't hammer a
+     * dead endpoint on every call. */
+    private bootstrapFailedAt;
     private cartManager;
     private checkoutManager;
     init(config: VioConfig): void;
@@ -745,4 +948,103 @@ declare class VioFacade {
 }
 declare const Vio: VioFacade;
 
-export { type AddManualOptions, type AddProductOptions, type ApplePayConfig, type ApplePayResult, type BootstrapResponse, type CartChangeDetail, type CartLineItem, CartManager, type CheckoutAddress, type CheckoutChangeDetail, CheckoutManager, type CheckoutState, CommerceClient, Configuration, type Environment, type ImageSize, type PaymentCompleteDetail, type PaymentMethod, type PaymentSelectDetail, type PlacementComponent, type Product, type ProductCategory, type ProductImage, type ProductOption, type ProductPrice, type ProductVariant, type ResolvedConfig, type Sponsor, type SponsorCartState, type SponsorCommerceBlock, Vio, VioApi, VioApiError, type VioConfig, checkApplePayAvailability, createCommerceClient, createVioApi, displayPrice, formatPrice, primaryImageUrl, showApplePaySheet };
+/**
+ * Vipps MobilePay Payment Adapter — GraphQL Integration & Types.
+ *
+ * Vipps payment integration uses 2 GraphQL operations:
+ *
+ * 1. `CreatePaymentVipps` mutation:
+ *    Initiates a Vipps payment session for a checkout and returns `payment_url`.
+ *
+ * 2. `GetVippsStatus` query:
+ *    Queries Vipps payment state directly for a checkout (`state`).
+ */
+
+/**
+ * GraphQL mutation to create a Vipps payment session.
+ */
+declare const CREATE_PAYMENT_VIPPS_MUTATION = "\nmutation CreatePaymentVipps($checkoutId: String!, $email: String!, $returnUrl: String!) {\n  Payment {\n    CreatePaymentVipps(checkout_id: $checkoutId, email: $email, return_url: $returnUrl) {\n      payment_url\n    }\n  }\n}\n";
+/**
+ * GraphQL query to fetch current Vipps payment status.
+ */
+declare const GET_VIPPS_STATUS_QUERY = "\nquery GetVippsStatus($checkoutId: String!) {\n  Payment {\n    GetVippsStatus(checkout_id: $checkoutId) {\n      state\n    }\n  }\n}\n";
+interface CreatePaymentVippsVariables extends Record<string, unknown> {
+    checkoutId: string;
+    email: string;
+    returnUrl: string;
+}
+interface CreatePaymentVippsResponse {
+    payment_url: string;
+}
+interface GetVippsStatusVariables extends Record<string, unknown> {
+    checkoutId: string;
+}
+interface VippsStatusResult {
+    state: string;
+}
+type VippsPaymentState = 'CREATED' | 'INITIATED' | 'AUTHORIZED' | 'TERMINATED' | 'EXPIRED' | string;
+/**
+ * Executes the `CreatePaymentVipps` GraphQL mutation.
+ */
+declare function createPaymentVipps(variables: CreatePaymentVippsVariables | Record<string, unknown>, options?: CartQueryOptions): Promise<CreatePaymentVippsResponse | null>;
+/**
+ * Executes the `GetVippsStatus` GraphQL query.
+ */
+declare function getVippsStatus(variables: GetVippsStatusVariables | Record<string, unknown>, options?: CartQueryOptions): Promise<VippsStatusResult | null>;
+
+declare const CREATE_CART_MUTATION = "\nmutation CreateCart($customerSessionId: String!, $currency: String!, $shippingCountry: String) {\n  Cart {\n    CreateCart(customer_session_id: $customerSessionId, currency: $currency, shipping_country: $shippingCountry) {\n      cart_id\n      customer_session_id\n      shipping_country\n      line_items {\n        id\n        supplier\n        image {\n          id\n          url\n          width\n          height\n        }\n        sku\n        barcode\n        brand\n        product_id\n        title\n        variant_id\n        variant_title\n        variant {\n          option\n          value\n        }\n        quantity\n        price {\n          amount\n          currency_code\n          discount\n          compare_at\n          compare_at_incl_taxes\n          amount_incl_taxes\n          tax_amount\n          tax_rate\n        }\n        shipping {\n          id\n          name\n          description\n          price {\n            amount\n            currency_code\n            amount_incl_taxes\n            tax_amount\n            tax_rate\n          }\n        }\n        available_shippings {\n          id\n          name\n          description\n          country_code\n          price {\n            amount\n            currency_code\n            amount_incl_taxes\n            tax_amount\n            tax_rate\n          }\n        }\n      }\n      subtotal\n      shipping\n      currency\n      available_shipping_countries\n    }\n  }\n}\n";
+declare const ADD_ITEM_MUTATION = "\nmutation AddItem($cartId: String!, $lineItems: [LineItemInput!]!) {\n  Cart {\n    AddItem(cart_id: $cartId, line_items: $lineItems) {\n      cart_id\n      customer_session_id\n      shipping_country\n      line_items {\n        id\n        supplier\n        image {\n          id\n          url\n          width\n          height\n        }\n        sku\n        barcode\n        brand\n        product_id\n        title\n        variant_id\n        variant_title\n        variant {\n          option\n          value\n        }\n        quantity\n        price {\n          amount\n          currency_code\n          discount\n          compare_at\n          compare_at_incl_taxes\n          amount_incl_taxes\n          tax_amount\n          tax_rate\n        }\n        shipping {\n          id\n          name\n          description\n          price {\n            amount\n            currency_code\n            amount_incl_taxes\n            tax_amount\n            tax_rate\n          }\n        }\n        available_shippings {\n          id\n          name\n          description\n          country_code\n          price {\n            amount\n            currency_code\n            amount_incl_taxes\n            tax_amount\n            tax_rate\n          }\n        }\n      }\n      subtotal\n      shipping\n      currency\n      available_shipping_countries\n    }\n  }\n}\n";
+declare const DELETE_ITEM_MUTATION = "\nmutation DeleteItem($cartId: String!, $cartItemId: String!) {\n  Cart {\n    DeleteItem(cart_id: $cartId, cart_item_id: $cartItemId) {\n      cart_id\n      customer_session_id\n      shipping_country\n      line_items {\n        id\n        supplier\n        image {\n          id\n          url\n          width\n          height\n        }\n        sku\n        barcode\n        brand\n        product_id\n        title\n        variant_id\n        variant_title\n        variant {\n          option\n          value\n        }\n        quantity\n        price {\n          amount\n          currency_code\n          discount\n          compare_at\n          compare_at_incl_taxes\n          amount_incl_taxes\n          tax_amount\n          tax_rate\n        }\n        shipping {\n          id\n          name\n          description\n          price {\n            amount\n            currency_code\n            amount_incl_taxes\n            tax_amount\n            tax_rate\n          }\n        }\n        available_shippings {\n          id\n          name\n          description\n          country_code\n          price {\n            amount\n            currency_code\n            amount_incl_taxes\n            tax_amount\n            tax_rate\n          }\n        }\n      }\n      subtotal\n      shipping\n      currency\n      available_shipping_countries\n    }\n  }\n}\n";
+declare const UPDATE_ITEM_MUTATION = "\nmutation UpdateItem($cartId: String!, $cartItemId: String!, $shippingId: String, $qty: Int) {\n  Cart {\n    UpdateItem(cart_id: $cartId, cart_item_id: $cartItemId, shipping_id: $shippingId, qty: $qty) {\n      cart_id\n      customer_session_id\n      shipping_country\n      line_items {\n        id\n        supplier\n        image {\n          id\n          url\n          width\n          height\n        }\n        sku\n        barcode\n        brand\n        product_id\n        title\n        variant_id\n        variant_title\n        variant {\n          option\n          value\n        }\n        quantity\n        price {\n          amount\n          currency_code\n          discount\n          compare_at\n          compare_at_incl_taxes\n          amount_incl_taxes\n          tax_amount\n          tax_rate\n        }\n        shipping {\n          id\n          name\n          description\n          price {\n            amount\n            currency_code\n            amount_incl_taxes\n            tax_amount\n            tax_rate\n          }\n        }\n        available_shippings {\n          id\n          name\n          description\n          country_code\n          price {\n            amount\n            currency_code\n            amount_incl_taxes\n            tax_amount\n            tax_rate\n          }\n        }\n      }\n      subtotal\n      shipping\n      currency\n      available_shipping_countries\n    }\n  }\n}\n";
+declare const GET_CART_QUERY = "\nquery GetCart($cartId: String!) {\n  Cart {\n    GetCart(cart_id: $cartId) {\n      cart_id\n      customer_session_id\n      shipping_country\n      line_items {\n        id\n        supplier\n        image {\n          id\n          url\n          width\n          height\n        }\n        sku\n        barcode\n        brand\n        product_id\n        title\n        variant_id\n        variant_title\n        variant {\n          option\n          value\n        }\n        quantity\n        price {\n          amount\n          currency_code\n          discount\n          compare_at\n          compare_at_incl_taxes\n          amount_incl_taxes\n          tax_amount\n          tax_rate\n        }\n        shipping {\n          id\n          name\n          description\n          price {\n            amount\n            currency_code\n            amount_incl_taxes\n            tax_amount\n            tax_rate\n          }\n        }\n        available_shippings {\n          id\n          name\n          description\n          country_code\n          price {\n            amount\n            currency_code\n            amount_incl_taxes\n            tax_amount\n            tax_rate\n          }\n        }\n      }\n      subtotal\n      shipping\n      currency\n      available_shipping_countries\n    }\n  }\n}\n";
+declare const GET_LINE_ITEMS_BY_SUPPLIER_QUERY = "\nquery GetLineItemsBySupplier($cartId: String!) {\n  Cart {\n    GetLineItemsBySupplier(cart_id: $cartId) {\n      supplier {\n        id\n        name\n      }\n      available_shippings {\n        id\n        name\n        description\n        country_code\n        price {\n          amount\n          currency_code\n          amount_incl_taxes\n          tax_amount\n          tax_rate\n        }\n      }\n      line_items {\n        id\n        supplier\n        image {\n          id\n          url\n          width\n          height\n        }\n        sku\n        barcode\n        brand\n        product_id\n        title\n        variant_id\n        variant_title\n        variant {\n          option\n          value\n        }\n        quantity\n        price {\n          amount\n          currency_code\n          discount\n          compare_at\n          compare_at_incl_taxes\n          amount_incl_taxes\n          tax_amount\n          tax_rate\n        }\n        shipping {\n          id\n          name\n          description\n          price {\n            amount\n            currency_code\n            amount_incl_taxes\n            tax_amount\n            tax_rate\n          }\n        }\n      }\n    }\n  }\n}\n";
+declare const UPDATE_SHIPPINGS_BY_SUPPLIER_MUTATION = "\nmutation UpdateShippingsBySupplier($cartId: String!, $data: [DataUpdateShippingsBySupplier!]!) {\n  Cart {\n    UpdateShippingsBySupplier(cart_id: $cartId, data: $data) {\n      cart_id\n      customer_session_id\n      shipping_country\n      line_items {\n        id\n        supplier\n        image {\n          id\n          url\n          width\n          height\n        }\n        sku\n        barcode\n        brand\n        product_id\n        title\n        variant_id\n        variant_title\n        variant {\n          option\n          value\n        }\n        quantity\n        price {\n          amount\n          currency_code\n          discount\n          compare_at\n          compare_at_incl_taxes\n          amount_incl_taxes\n          tax_amount\n          tax_rate\n        }\n        shipping {\n          id\n          name\n          description\n          price {\n            amount\n            currency_code\n            amount_incl_taxes\n            tax_amount\n            tax_rate\n          }\n        }\n        available_shippings {\n          id\n          name\n          description\n          country_code\n          price {\n            amount\n            currency_code\n            amount_incl_taxes\n            tax_amount\n            tax_rate\n          }\n        }\n      }\n      subtotal\n      shipping\n      currency\n      available_shipping_countries\n    }\n  }\n}\n";
+declare const CREATE_CHECKOUT_MUTATION = "\nmutation CreateCheckout($cartId: String!) {\n  Checkout {\n    CreateCheckout(cart_id: $cartId) {\n      buyer_accepts_purchase_conditions\n      buyer_accepts_terms_conditions\n      created_at\n      updated_at\n      id\n      deleted_at\n      success_url\n      cancel_url\n      payment_method\n      email\n      status\n      checkout_url\n      origin_payment_id\n      billing_address {\n        id\n        first_name\n        last_name\n        phone_code\n        phone\n        company\n        address1\n        address2\n        city\n        province\n        province_code\n        country\n        country_code\n        zip\n      }\n      shipping_address {\n        id\n        first_name\n        last_name\n        phone_code\n        phone\n        company\n        address1\n        address2\n        city\n        province\n        province_code\n        country\n        country_code\n        zip\n      }\n      available_payment_methods {\n        name\n      }\n      discount_code\n      cart {\n        cart_id\n        customer_session_id\n        shipping_country\n        line_items {\n          id\n          supplier\n          image {\n            id\n            url\n            width\n            height\n          }\n          sku\n          barcode\n          brand\n          product_id\n          title\n          variant_id\n          variant_title\n          variant {\n            option\n            value\n          }\n          quantity\n          price {\n            amount\n            currency_code\n            discount\n            compare_at\n            compare_at_incl_taxes\n            amount_incl_taxes\n            tax_amount\n            tax_rate\n          }\n          shipping {\n            id\n            name\n            description\n            price {\n              amount\n              currency_code\n              amount_incl_taxes\n              tax_amount\n              tax_rate\n            }\n          }\n          available_shippings {\n            id\n            name\n            description\n            country_code\n            price {\n              amount\n              currency_code\n              amount_incl_taxes\n              tax_amount\n              tax_rate\n            }\n          }\n        }\n        subtotal\n        shipping\n        currency\n        available_shipping_countries\n      }\n      totals {\n        currency_code\n        subtotal\n        shipping\n        total\n        taxes\n        tax_rate\n        discounts\n      }\n    }\n  }\n}\n";
+declare const UPDATE_CHECKOUT_MUTATION = "\nmutation UpdateCheckout($checkoutId: String!, $status: String, $successUrl: String, $email: String, $cancelUrl: String, $paymentMethod: String, $shippingAddress: AddressArgs, $billingAddress: AddressArgs, $buyerAcceptsPurchaseConditions: Boolean, $buyerAcceptsTermsConditions: Boolean) {\n  Checkout {\n    UpdateCheckout(checkout_id: $checkoutId, status: $status, success_url: $successUrl, email: $email, cancel_url: $cancelUrl, payment_method: $paymentMethod, shipping_address: $shippingAddress, billing_address: $billingAddress, buyer_accepts_purchase_conditions: $buyerAcceptsPurchaseConditions, buyer_accepts_terms_conditions: $buyerAcceptsTermsConditions) {\n      buyer_accepts_purchase_conditions\n      buyer_accepts_terms_conditions\n      created_at\n      updated_at\n      id\n      deleted_at\n      success_url\n      cancel_url\n      payment_method\n      email\n      status\n      checkout_url\n      origin_payment_id\n      billing_address {\n        id\n        first_name\n        last_name\n        phone_code\n        phone\n        company\n        address1\n        address2\n        city\n        province\n        province_code\n        country\n        country_code\n        zip\n      }\n      shipping_address {\n        id\n        first_name\n        last_name\n        phone_code\n        phone\n        company\n        address1\n        address2\n        city\n        province\n        province_code\n        country\n        country_code\n        zip\n      }\n      available_payment_methods {\n        name\n      }\n      discount_code\n      cart {\n        cart_id\n        customer_session_id\n        shipping_country\n        line_items {\n          id\n          supplier\n          image {\n            id\n            url\n            width\n            height\n          }\n          sku\n          barcode\n          brand\n          product_id\n          title\n          variant_id\n          variant_title\n          variant {\n            option\n            value\n          }\n          quantity\n          price {\n            amount\n            currency_code\n            discount\n            compare_at\n            compare_at_incl_taxes\n            amount_incl_taxes\n            tax_amount\n            tax_rate\n          }\n          shipping {\n            id\n            name\n            description\n            price {\n              amount\n              currency_code\n              amount_incl_taxes\n              tax_amount\n              tax_rate\n            }\n          }\n          available_shippings {\n            id\n            name\n            description\n            country_code\n            price {\n              amount\n              currency_code\n              amount_incl_taxes\n              tax_amount\n              tax_rate\n            }\n          }\n        }\n        subtotal\n        shipping\n        currency\n        available_shipping_countries\n      }\n      totals {\n        currency_code\n        subtotal\n        shipping\n        total\n        taxes\n        tax_rate\n        discounts\n      }\n    }\n  }\n}\n";
+declare const GET_CHECKOUT_QUERY = "\nquery GetCheckout($checkoutId: String!) {\n  Checkout {\n    GetCheckout(checkout_id: $checkoutId) {\n      buyer_accepts_purchase_conditions\n      buyer_accepts_terms_conditions\n      created_at\n      updated_at\n      id\n      deleted_at\n      success_url\n      cancel_url\n      payment_method\n      email\n      status\n      checkout_url\n      origin_payment_id\n      billing_address {\n        id\n        first_name\n        last_name\n        phone_code\n        phone\n        company\n        address1\n        address2\n        city\n        province\n        province_code\n        country\n        country_code\n        zip\n      }\n      shipping_address {\n        id\n        first_name\n        last_name\n        phone_code\n        phone\n        company\n        address1\n        address2\n        city\n        province\n        province_code\n        country\n        country_code\n        zip\n      }\n      available_payment_methods {\n        name\n      }\n      discount_code\n      cart {\n        cart_id\n        customer_session_id\n        shipping_country\n        line_items {\n          id\n          supplier\n          image {\n            id\n            url\n            width\n            height\n          }\n          sku\n          barcode\n          brand\n          product_id\n          title\n          variant_id\n          variant_title\n          variant {\n            option\n            value\n          }\n          quantity\n          price {\n            amount\n            currency_code\n            discount\n            compare_at\n            compare_at_incl_taxes\n            amount_incl_taxes\n            tax_amount\n            tax_rate\n          }\n          shipping {\n            id\n            name\n            description\n            price {\n              amount\n              currency_code\n              amount_incl_taxes\n              tax_amount\n              tax_rate\n            }\n          }\n          available_shippings {\n            id\n            name\n            description\n            country_code\n            price {\n              amount\n              currency_code\n              amount_incl_taxes\n              tax_amount\n              tax_rate\n            }\n          }\n        }\n        subtotal\n        shipping\n        currency\n        available_shipping_countries\n      }\n      totals {\n        currency_code\n        subtotal\n        shipping\n        total\n        taxes\n        tax_rate\n        discounts\n      }\n    }\n  }\n}\n";
+declare const GET_AVAILABLE_PAYMENT_METHODS_QUERY = "\nquery Config {\n  Payment {\n    GetAvailablePaymentMethods {\n      config {\n        name\n        type\n        value\n      }\n      name\n    }\n  }\n}\n";
+/** Transport options for a cart/checkout GraphQL call. */
+interface CartQueryOptions {
+    endpoint?: string;
+    apiKey?: string;
+    /** Sponsor commerce key — goes in the Authorization header. */
+    commerceKey?: string;
+    /** True when the commerce key came from a resolved sponsor (bootstrap).
+     * False = we fell back to the host apiKey — writes like CreateCart should
+     * NOT proceed with the wrong key (the cart would be orphaned). */
+    sponsorResolved?: boolean;
+}
+/**
+ * Resolve endpoint + keys for cart GraphQL calls. Awaits Vio.bootstrap() once
+ * if it hasn't run yet (the sponsor commerce keys come from bootstrap), then
+ * uses the sponsor's commerce apiKey (via the Vio facade on globalThis,
+ * avoiding an import cycle); falls back to the host apiKey.
+ */
+declare function getCartGraphQLOptions(sponsorId?: number): Promise<CartQueryOptions>;
+/** Stable per-browser customer session id (backend CreateCart requires one). */
+declare function getCustomerSessionId(): string;
+interface GraphQLEnvelope {
+    data?: Record<string, Record<string, unknown>>;
+    errors?: Array<{
+        message?: string;
+    }>;
+}
+/** Execute a GraphQL query/mutation against the configured commerce endpoint.
+ * Callers that skip `getCartGraphQLOptions()` (or pass a bare sponsorId) get
+ * it resolved here instead of silently sending an unauthenticated request. */
+declare function executeCartGraphQL(query: string, variables: Record<string, unknown>, options?: CartQueryOptions | number | undefined): Promise<GraphQLEnvelope>;
+declare function createCart(customerSessionId: string, currency: string, shippingCountry?: string | null, options?: CartQueryOptions): Promise<any>;
+declare function addItem(cartId: string, lineItems: unknown[], options?: CartQueryOptions): Promise<any>;
+declare function deleteItem(cartId: string, cartItemId: string, options?: CartQueryOptions): Promise<any>;
+declare function updateItem(cartId: string, cartItemId: string, shippingId?: string | null, qty?: number | null, options?: CartQueryOptions): Promise<any>;
+declare function getCart(cartId: string, options?: CartQueryOptions): Promise<any>;
+declare function getLineItemsBySupplier(cartId: string, options?: CartQueryOptions): Promise<any>;
+declare function updateShippingsBySupplier(cartId: string, data: unknown[], options?: CartQueryOptions): Promise<any>;
+declare function createCheckout(cartId: string, options?: CartQueryOptions): Promise<any>;
+declare function updateCheckout(variables: Record<string, unknown>, options?: CartQueryOptions): Promise<any>;
+declare function getCheckout(checkoutId: string, options?: CartQueryOptions): Promise<any>;
+declare function getAvailablePaymentMethods(options?: CartQueryOptions): Promise<any>;
+declare const CREATE_PAYMENT_STRIPE_MUTATION = "\nmutation CreatePaymentStripe($checkoutId: String!, $successUrl: String!, $paymentMethod: String!, $email: String!) {\n  Payment {\n    CreatePaymentStripe(checkout_id: $checkoutId, success_url: $successUrl, payment_method: $paymentMethod, email: $email) {\n      order_id\n      checkout_url\n    }\n  }\n}\n";
+declare function createPaymentStripe(variables: Record<string, unknown>, options?: CartQueryOptions): Promise<any>;
+
+export { ADD_ITEM_MUTATION, type AddManualOptions, type AddProductOptions, type ApplePayConfig, type ApplePayResult, type BootstrapResponse, CREATE_CART_MUTATION, CREATE_CHECKOUT_MUTATION, CREATE_PAYMENT_STRIPE_MUTATION, CREATE_PAYMENT_VIPPS_MUTATION, type CartChangeDetail, type CartLineItem, CartManager, type CartQueryOptions, type CheckoutAddress, type CheckoutChangeDetail, CheckoutManager, type CheckoutState, CommerceClient, Configuration, type CreatePaymentVippsResponse, type CreatePaymentVippsVariables, DELETE_ITEM_MUTATION, type Environment, GET_AVAILABLE_PAYMENT_METHODS_QUERY, GET_CART_QUERY, GET_CHECKOUT_QUERY, GET_LINE_ITEMS_BY_SUPPLIER_QUERY, GET_VIPPS_STATUS_QUERY, type GetVippsStatusVariables, type ImageSize, type PaymentCompleteDetail, type PaymentMethod, type PaymentSelectDetail, type PlacementComponent, type Product, type ProductCategory, type ProductImage, type ProductOption, type ProductPrice, type ProductVariant, type ResolvedConfig, type Sponsor, type SponsorCartState, type SponsorCommerceBlock, UPDATE_CHECKOUT_MUTATION, UPDATE_ITEM_MUTATION, UPDATE_SHIPPINGS_BY_SUPPLIER_MUTATION, Vio, VioApi, VioApiError, type VioConfig, type VippsPaymentState, type VippsStatusResult, addItem, checkApplePayAvailability, createCart, createCheckout, createCommerceClient, createPaymentStripe, createPaymentVipps, createVioApi, deleteItem, displayPrice, executeCartGraphQL, formatPrice, getAvailablePaymentMethods, getCart, getCartGraphQLOptions, getCheckout, getCustomerSessionId, getGlobalCurrency, getLineItemsBySupplier, getVippsStatus, primaryImageUrl, showApplePaySheet, updateCheckout, updateItem, updateShippingsBySupplier };

package/dist/core/index.js

@@ -1,4 +1,4 @@
-import '../chunk-GGM2AIK5.js';
-export { CartManager, CheckoutManager, CommerceClient, Configuration, Vio, VioApi, VioApiError, checkApplePayAvailability, createCommerceClient, createVioApi, displayPrice, formatPrice, primaryImageUrl, showApplePaySheet } from '../chunk-5SPY7TH6.js';
+import '../chunk-PBQSHIID.js';
+export { ADD_ITEM_MUTATION, CREATE_CART_MUTATION, CREATE_CHECKOUT_MUTATION, CREATE_PAYMENT_STRIPE_MUTATION, CREATE_PAYMENT_VIPPS_MUTATION, CartManager, CheckoutManager, CommerceClient, Configuration, DELETE_ITEM_MUTATION, GET_AVAILABLE_PAYMENT_METHODS_QUERY, GET_CART_QUERY, GET_CHECKOUT_QUERY, GET_LINE_ITEMS_BY_SUPPLIER_QUERY, GET_VIPPS_STATUS_QUERY, UPDATE_CHECKOUT_MUTATION, UPDATE_ITEM_MUTATION, UPDATE_SHIPPINGS_BY_SUPPLIER_MUTATION, Vio, VioApi, VioApiError, addItem, checkApplePayAvailability, createCart, createCheckout, createCommerceClient, createPaymentStripe, createPaymentVipps, createVioApi, deleteItem, displayPrice, executeCartGraphQL, formatPrice, getAvailablePaymentMethods, getCart, getCartGraphQLOptions, getCheckout, getCustomerSessionId, getGlobalCurrency, getLineItemsBySupplier, getVippsStatus, primaryImageUrl, showApplePaySheet, updateCheckout, updateItem, updateShippingsBySupplier } from '../chunk-NP2KCM7X.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.d.ts

@@ -1,5 +1,2 @@
-export { AddManualOptions, AddProductOptions, ApplePayConfig, ApplePayResult, BootstrapResponse, CartChangeDetail, CartLineItem, CartManager, CheckoutAddress, CheckoutChangeDetail, CheckoutManager, CheckoutState, CommerceClient, Configuration, Environment, ImageSize, PaymentCompleteDetail, PaymentMethod, PaymentSelectDetail, PlacementComponent, Product, ProductCategory, ProductImage, ProductOption, ProductPrice, ProductVariant, ResolvedConfig, Sponsor, SponsorCartState, SponsorCommerceBlock, Vio, VioApi, VioApiError, VioConfig, checkApplePayAvailability, createCommerceClient, createVioApi, displayPrice, formatPrice, primaryImageUrl, showApplePaySheet } from './core/index.js';
-import './vio-checkout-D8B4Upk8.js';
+export { ADD_ITEM_MUTATION, AddManualOptions, AddProductOptions, ApplePayConfig, ApplePayResult, BootstrapResponse, CREATE_CART_MUTATION, CREATE_CHECKOUT_MUTATION, CREATE_PAYMENT_STRIPE_MUTATION, CREATE_PAYMENT_VIPPS_MUTATION, CartChangeDetail, CartLineItem, CartManager, CartQueryOptions, CheckoutAddress, CheckoutChangeDetail, CheckoutManager, CheckoutState, CommerceClient, Configuration, CreatePaymentVippsResponse, CreatePaymentVippsVariables, DELETE_ITEM_MUTATION, Environment, GET_AVAILABLE_PAYMENT_METHODS_QUERY, GET_CART_QUERY, GET_CHECKOUT_QUERY, GET_LINE_ITEMS_BY_SUPPLIER_QUERY, GET_VIPPS_STATUS_QUERY, GetVippsStatusVariables, ImageSize, PaymentCompleteDetail, PaymentMethod, PaymentSelectDetail, PlacementComponent, Product, ProductCategory, ProductImage, ProductOption, ProductPrice, ProductVariant, ResolvedConfig, Sponsor, SponsorCartState, SponsorCommerceBlock, UPDATE_CHECKOUT_MUTATION, UPDATE_ITEM_MUTATION, UPDATE_SHIPPINGS_BY_SUPPLIER_MUTATION, Vio, VioApi, VioApiError, VioConfig, VippsPaymentState, VippsStatusResult, addItem, checkApplePayAvailability, createCart, createCheckout, createCommerceClient, createPaymentStripe, createPaymentVipps, createVioApi, deleteItem, displayPrice, executeCartGraphQL, formatPrice, getAvailablePaymentMethods, getCart, getCartGraphQLOptions, getCheckout, getCustomerSessionId, getGlobalCurrency, getLineItemsBySupplier, getVippsStatus, primaryImageUrl, showApplePaySheet, updateCheckout, updateItem, updateShippingsBySupplier } from './core/index.js';
 import 'graphql-request';
-import 'lit-html';
-import 'lit';

package/dist/index.js

@@ -1,5 +1,4 @@
-import './chunk-GGM2AIK5.js';
-import './chunk-4CCGE7DE.js';
-export { CartManager, CheckoutManager, CommerceClient, Configuration, Vio, VioApi, VioApiError, checkApplePayAvailability, createCommerceClient, createVioApi, displayPrice, formatPrice, primaryImageUrl, showApplePaySheet } from './chunk-5SPY7TH6.js';
+import './chunk-PBQSHIID.js';
+export { ADD_ITEM_MUTATION, CREATE_CART_MUTATION, CREATE_CHECKOUT_MUTATION, CREATE_PAYMENT_STRIPE_MUTATION, CREATE_PAYMENT_VIPPS_MUTATION, CartManager, CheckoutManager, CommerceClient, Configuration, DELETE_ITEM_MUTATION, GET_AVAILABLE_PAYMENT_METHODS_QUERY, GET_CART_QUERY, GET_CHECKOUT_QUERY, GET_LINE_ITEMS_BY_SUPPLIER_QUERY, GET_VIPPS_STATUS_QUERY, UPDATE_CHECKOUT_MUTATION, UPDATE_ITEM_MUTATION, UPDATE_SHIPPINGS_BY_SUPPLIER_MUTATION, Vio, VioApi, VioApiError, addItem, checkApplePayAvailability, createCart, createCheckout, createCommerceClient, createPaymentStripe, createPaymentVipps, createVioApi, deleteItem, displayPrice, executeCartGraphQL, formatPrice, getAvailablePaymentMethods, getCart, getCartGraphQLOptions, getCheckout, getCustomerSessionId, getGlobalCurrency, getLineItemsBySupplier, getVippsStatus, primaryImageUrl, showApplePaySheet, updateCheckout, updateItem, updateShippingsBySupplier } from './chunk-NP2KCM7X.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/react/index.d.ts

@@ -0,0 +1,23 @@
+import * as _lit_react from '@lit/react';
+import { V as VioCart$1, a as VioCheckout$1, b as VioProduct$1, c as VioProductCarousel$1, d as VioProductDetail$1 } from '../vio-checkout-T9R5hpDx.js';
+import 'lit-html';
+import 'lit';
+
+declare const VioProduct: _lit_react.ReactWebComponent<VioProduct$1, {
+    onProductClick: string;
+    onProductAdd: string;
+}>;
+declare const VioProductCarousel: _lit_react.ReactWebComponent<VioProductCarousel$1, {}>;
+declare const VioProductDetail: _lit_react.ReactWebComponent<VioProductDetail$1, {
+    onAddedToCart: string;
+    onCheckoutOpen: string;
+}>;
+declare const VioCart: _lit_react.ReactWebComponent<VioCart$1, {
+    onPaymentSuccess: string;
+    onCheckoutOpen: string;
+}>;
+declare const VioCheckout: _lit_react.ReactWebComponent<VioCheckout$1, {
+    onPaymentSuccess: string;
+}>;
+
+export { VioCart, VioCheckout, VioProduct, VioProductCarousel, VioProductDetail };

package/dist/react/index.js

@@ -0,0 +1,74 @@
+import { registerVioElements, VioProduct, VioProductCarousel, VioProductDetail, VioCart, VioCheckout } from '../chunk-NWORYWIL.js';
+import '../chunk-NP2KCM7X.js';
+import * as React from 'react';
+
+// node_modules/@lit/react/node/create-component.js
+var e = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "className"]);
+var t = ({ react: t2, tagName: n, elementClass: l, events: a, displayName: c }) => {
+  const s = new Set(Object.keys(a ?? {})), o = t2.forwardRef(((a2, c2) => {
+    t2.useRef(/* @__PURE__ */ new Map());
+    const o2 = t2.useRef(null), r = {}, m = {};
+    for (const [t3, n2] of Object.entries(a2)) e.has(t3) ? r["className" === t3 ? "class" : t3] = n2 : s.has(t3) || t3 in l.prototype ? m[t3] = n2 : r[t3] = n2;
+    return ("litPatchedCreateElement" === t2.createElement.name || globalThis.litSsrReactEnabled) && Object.keys(m).length && (r._$litProps$ = m), t2.createElement(n, { ...r, ref: t2.useCallback(((e2) => {
+      o2.current = e2, "function" == typeof c2 ? c2(e2) : null !== c2 && (c2.current = e2);
+    }), [c2]) });
+  }));
+  return o.displayName = c ?? l.name, o;
+};
+
+// src/react/index.ts
+registerVioElements();
+var VioProduct2 = t({
+  react: React,
+  tagName: "vio-product",
+  elementClass: VioProduct,
+  events: {
+    onProductClick: "vio:product-click",
+    onProductAdd: "vio:product-add"
+  }
+});
+var VioProductCarousel2 = t({
+  react: React,
+  tagName: "vio-product-carousel",
+  elementClass: VioProductCarousel,
+  events: {}
+});
+var VioProductDetail2 = t({
+  react: React,
+  tagName: "vio-product-detail",
+  elementClass: VioProductDetail,
+  events: {
+    onAddedToCart: "vio:added-to-cart",
+    onCheckoutOpen: "vio:checkout-open"
+  }
+});
+var VioCart2 = t({
+  react: React,
+  tagName: "vio-cart",
+  elementClass: VioCart,
+  events: {
+    onPaymentSuccess: "vio:payment-success",
+    onCheckoutOpen: "vio:checkout-open"
+  }
+});
+var VioCheckout2 = t({
+  react: React,
+  tagName: "vio-checkout",
+  elementClass: VioCheckout,
+  events: {
+    onPaymentSuccess: "vio:payment-success"
+  }
+});
+/*! Bundled license information:
+
+@lit/react/node/create-component.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/
+
+export { VioCart2 as VioCart, VioCheckout2 as VioCheckout, VioProduct2 as VioProduct, VioProductCarousel2 as VioProductCarousel, VioProductDetail2 as VioProductDetail };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map