@commercengine/checkout 0.1.5 → 0.2.0

package/dist/store.d.cts

@@ -1,178 +0,0 @@
-import { Checkout, CheckoutConfig, UserInfo } from "@commercengine/js";
-import * as zustand0 from "zustand";
-
-//#region src/store.d.ts
-/**
- * Checkout state
- */
-interface CheckoutState {
-  /** Internal checkout instance */
-  checkout: Checkout | null;
-  /** Whether checkout is ready to use */
-  isReady: boolean;
-  /** Whether checkout overlay is currently open */
-  isOpen: boolean;
-  /** Number of items in cart */
-  cartCount: number;
-  /** Cart subtotal amount */
-  cartTotal: number;
-  /** Cart currency code */
-  cartCurrency: string;
-  /** Whether user is logged in */
-  isLoggedIn: boolean;
-  /** Current user info (null if not logged in) */
-  user: UserInfo | null;
-}
-/**
- * Checkout actions
- */
-interface CheckoutActions {
-  /**
-   * Initialize checkout with configuration
-   * Call this once at app startup
-   */
-  init: (config: CheckoutConfig) => void;
-  /**
-   * Destroy checkout instance and reset state
-   */
-  destroy: () => void;
-  /**
-   * Open the cart drawer
-   */
-  openCart: () => void;
-  /**
-   * Open the checkout drawer directly (for Buy Now flow)
-   */
-  openCheckout: () => void;
-  /**
-   * Close the checkout overlay
-   */
-  close: () => void;
-  /**
-   * Add item to cart
-   * @param productId - Product ID (required)
-   * @param variantId - Variant ID (required, null for non-variant products)
-   * @param quantity - Quantity to add (default: 1)
-   */
-  addToCart: (productId: string, variantId: string | null, quantity?: number) => void;
-  /**
-   * Update authentication tokens
-   * Use this when user logs in/out on the parent site
-   */
-  updateTokens: (accessToken: string, refreshToken?: string) => void;
-}
-/**
- * Complete checkout store type
- */
-type CheckoutStore = CheckoutState & CheckoutActions;
-/**
- * Vanilla Zustand store for checkout state
- *
- * This is framework-agnostic and can be used directly or via framework bindings.
- *
- * @example Direct usage (vanilla JS)
- * ```ts
- * import { checkoutStore } from "@commercengine/checkout";
- *
- * // Initialize
- * checkoutStore.getState().init({ storeId: "...", apiKey: "..." });
- *
- * // Get current state
- * const { cartCount, isReady } = checkoutStore.getState();
- *
- * // Subscribe to changes
- * checkoutStore.subscribe((state) => {
- *   console.log("Cart count:", state.cartCount);
- * });
- *
- * // Call actions
- * checkoutStore.getState().openCart();
- * ```
- */
-declare const checkoutStore: Omit<zustand0.StoreApi<CheckoutStore>, "subscribe"> & {
-  subscribe: {
-    (listener: (selectedState: CheckoutStore, previousSelectedState: CheckoutStore) => void): () => void;
-    <U>(selector: (state: CheckoutStore) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
-      equalityFn?: ((a: U, b: U) => boolean) | undefined;
-      fireImmediately?: boolean;
-    } | undefined): () => void;
-  };
-};
-/**
- * Initialize checkout
- *
- * @example
- * ```ts
- * import { initCheckout } from "@commercengine/checkout";
- *
- * initCheckout({
- *   storeId: "store_xxx",
- *   apiKey: "ak_xxx",
- *   onComplete: (order) => console.log("Order placed:", order.orderNumber),
- * });
- * ```
- */
-declare function initCheckout(config: CheckoutConfig): void;
-/**
- * Destroy checkout instance
- *
- * @example
- * ```ts
- * import { destroyCheckout } from "@commercengine/checkout";
- *
- * destroyCheckout();
- * ```
- */
-declare function destroyCheckout(): void;
-/**
- * Get checkout state and methods (non-reactive)
- *
- * Use this outside of reactive frameworks or when you don't need reactivity.
- *
- * @example
- * ```ts
- * import { getCheckout } from "@commercengine/checkout";
- *
- * document.getElementById("cart-btn").onclick = () => {
- *   getCheckout().openCart();
- * };
- *
- * // Check state
- * if (getCheckout().isReady) {
- *   console.log("Cart has", getCheckout().cartCount, "items");
- * }
- * ```
- */
-declare function getCheckout(): Omit<CheckoutStore, "checkout" | "init" | "destroy">;
-/**
- * Subscribe to checkout state changes
- *
- * @example
- * ```ts
- * import { subscribeToCheckout } from "@commercengine/checkout";
- *
- * // Subscribe to all changes
- * const unsubscribe = subscribeToCheckout((state) => {
- *   console.log("State changed:", state);
- * });
- *
- * // Subscribe to specific state with selector
- * const unsubscribe = subscribeToCheckout(
- *   (state) => state.cartCount,
- *   (cartCount) => console.log("Cart count:", cartCount)
- * );
- *
- * // Cleanup
- * unsubscribe();
- * ```
- */
-declare const subscribeToCheckout: {
-  (listener: (selectedState: CheckoutStore, previousSelectedState: CheckoutStore) => void): () => void;
-  <U>(selector: (state: CheckoutStore) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
-    equalityFn?: ((a: U, b: U) => boolean) | undefined;
-    fireImmediately?: boolean;
-  } | undefined): () => void;
-};
-//#endregion
-export { destroyCheckout as a, subscribeToCheckout as c, checkoutStore as i, CheckoutState as n, getCheckout as o, CheckoutStore as r, initCheckout as s, CheckoutActions as t };
-//# sourceMappingURL=store.d.cts.map

package/dist/store.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"store.d.cts","names":[],"sources":["../src/store.ts"],"mappings":";;;;;;;UA6CiB,aAAA;EAqCf;EAnCA,QAAA,EAAU,QAAA;EA6CV;EA3CA,OAAA;EAmDY;EAjDZ,MAAA;EAiDyD;EA/CzD,SAAA;EAqDe;EAnDf,SAAA;EAmDyD;EAjDzD,YAAA;EAuDU;EArDV,UAAA;;EAEA,IAAA,EAAM,QAAA;AAAA;AAgGR;;;AAAA,UA1FiB,eAAA;EA0FS;;;;EArFxB,IAAA,GAAO,MAAA,EAAQ,cAAA;;;;EAKf,OAAA;;;;EAKA,QAAA;EA2EwB;;;EAtExB,YAAA;;;;EAKA,KAAA;;;;;;;EAQA,SAAA,GAAY,SAAA,UAAmB,SAAA,iBAA0B,QAAA;;;;;EAMzD,YAAA,GAAe,WAAA,UAAqB,YAAA;AAAA;;;;KAM1B,aAAA,GAAgB,aAAA,GAAgB,eAAA;;;AAoK5C;;;;;AAcA;;;;;AAuBA;;;;;AAwCA;;;;;;;cApMa,aAAA,EAAa,IAAA,CAAA,QAAA,CAAA,QAAA,CAAA,aAAA;;;;;;;;;;;;;;;;;;;;;;;iBAuHV,YAAA,CAAa,MAAA,EAAQ,cAAA;;;;;;;;;;;iBAcrB,eAAA,CAAA;;;;;;;;;;;;;;;;;;;;iBAuBA,WAAA,CAAA,GAAe,IAAA,CAAK,aAAA;;;;;;;;;;;;;;;;;;;;;;;cAwCvB,mBAAA;EAAA"}

package/dist/svelte.cjs

@@ -1,99 +0,0 @@
-const require_store = require('./store.cjs');
-let svelte_store = require("svelte/store");
-
-//#region src/svelte.ts
-/**
-* Get current checkout value from Zustand store
-*/
-function getCheckoutValue() {
-	const state = require_store.checkoutStore.getState();
-	return {
-		isReady: state.isReady,
-		isOpen: state.isOpen,
-		cartCount: state.cartCount,
-		cartTotal: state.cartTotal,
-		cartCurrency: state.cartCurrency,
-		isLoggedIn: state.isLoggedIn,
-		user: state.user,
-		openCart: state.openCart,
-		openCheckout: state.openCheckout,
-		close: state.close,
-		addToCart: state.addToCart,
-		updateTokens: state.updateTokens
-	};
-}
-/**
-* Svelte readable store for checkout state and actions
-*
-* Syncs with the Zustand store automatically.
-*
-* @example
-* ```svelte
-* <script>
-*   import { checkout } from "@commercengine/checkout/svelte";
-* <\/script>
-*
-* <button on:click={() => $checkout.openCart()} disabled={!$checkout.isReady}>
-*   Cart ({$checkout.cartCount})
-* </button>
-* ```
-*/
-const checkout = (0, svelte_store.readable)(getCheckoutValue(), (set) => {
-	return require_store.checkoutStore.subscribe(() => {
-		set(getCheckoutValue());
-	});
-});
-/**
-* Individual store for cart count (for fine-grained reactivity)
-*
-* @example
-* ```svelte
-* <script>
-*   import { cartCount } from "@commercengine/checkout/svelte";
-* <\/script>
-*
-* <span class="badge">{$cartCount}</span>
-* ```
-*/
-const cartCount = (0, svelte_store.readable)(require_store.checkoutStore.getState().cartCount, (set) => {
-	return require_store.checkoutStore.subscribe((state, prevState) => {
-		if (state.cartCount !== prevState.cartCount) set(state.cartCount);
-	});
-});
-/**
-* Individual store for cart total
-*/
-const cartTotal = (0, svelte_store.readable)(require_store.checkoutStore.getState().cartTotal, (set) => {
-	return require_store.checkoutStore.subscribe((state, prevState) => {
-		if (state.cartTotal !== prevState.cartTotal) set(state.cartTotal);
-	});
-});
-/**
-* Individual store for ready state
-*/
-const isReady = (0, svelte_store.readable)(require_store.checkoutStore.getState().isReady, (set) => {
-	return require_store.checkoutStore.subscribe((state, prevState) => {
-		if (state.isReady !== prevState.isReady) set(state.isReady);
-	});
-});
-/**
-* Individual store for open state
-*/
-const isOpen = (0, svelte_store.readable)(require_store.checkoutStore.getState().isOpen, (set) => {
-	return require_store.checkoutStore.subscribe((state, prevState) => {
-		if (state.isOpen !== prevState.isOpen) set(state.isOpen);
-	});
-});
-
-//#endregion
-exports.cartCount = cartCount;
-exports.cartTotal = cartTotal;
-exports.checkout = checkout;
-exports.checkoutStore = require_store.checkoutStore;
-exports.destroyCheckout = require_store.destroyCheckout;
-exports.getCheckout = require_store.getCheckout;
-exports.initCheckout = require_store.initCheckout;
-exports.isOpen = isOpen;
-exports.isReady = isReady;
-exports.subscribeToCheckout = require_store.subscribeToCheckout;
-//# sourceMappingURL=svelte.cjs.map

package/dist/svelte.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"svelte.cjs","names":["checkoutStore"],"sources":["../src/svelte.ts"],"sourcesContent":["/**\n * Commerce Engine Checkout - Svelte Binding\n *\n * Svelte stores for checkout integration with automatic reactivity.\n *\n * @example\n * ```svelte\n * <script>\n *   import { checkout, initCheckout } from \"@commercengine/checkout/svelte\";\n *   import { onMount } from \"svelte\";\n *\n *   // Initialize once at app root (+layout.svelte)\n *   onMount(() => {\n *     initCheckout({\n *       storeId: \"store_xxx\",\n *       apiKey: \"ak_xxx\",\n *     });\n *   });\n * </script>\n *\n * <button on:click={() => $checkout.openCart()} disabled={!$checkout.isReady}>\n *   Cart ({$checkout.cartCount})\n * </button>\n * ```\n *\n * @packageDocumentation\n */\n\nimport type { UserInfo } from \"@commercengine/js\";\nimport { type Readable, readable } from \"svelte/store\";\nimport { checkoutStore } from \"./store\";\n\n// Re-export types from @commercengine/js\nexport type {\n  AddToCartItem,\n  AuthLoginData,\n  AuthLogoutData,\n  AuthMode,\n  AuthRefreshData,\n  CartData,\n  Channel,\n  CheckoutConfig,\n  CheckoutEventType,\n  Environment,\n  ErrorData,\n  LoginMethod,\n  OrderData,\n  QuickBuyConfig,\n  SessionMode,\n  UserInfo,\n} from \"@commercengine/js\";\n// Re-export everything from vanilla for convenience\nexport {\n  type CheckoutActions,\n  type CheckoutState,\n  type CheckoutStore,\n  checkoutStore,\n  destroyCheckout,\n  getCheckout,\n  initCheckout,\n  subscribeToCheckout,\n} from \"./store\";\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\n/**\n * Checkout store value type\n */\nexport interface CheckoutValue {\n  /** Whether checkout is ready to use */\n  isReady: boolean;\n  /** Whether checkout overlay is currently open */\n  isOpen: boolean;\n  /** Number of items in cart */\n  cartCount: number;\n  /** Cart subtotal amount */\n  cartTotal: number;\n  /** Cart currency code */\n  cartCurrency: string;\n  /** Whether user is logged in */\n  isLoggedIn: boolean;\n  /** Current user info (null if not logged in) */\n  user: UserInfo | null;\n  /** Open the cart drawer */\n  openCart: () => void;\n  /** Open the checkout drawer directly */\n  openCheckout: () => void;\n  /** Close the checkout overlay */\n  close: () => void;\n  /** Add item to cart */\n  addToCart: (productId: string, variantId: string | null, quantity?: number) => void;\n  /** Update authentication tokens */\n  updateTokens: (accessToken: string, refreshToken?: string) => void;\n}\n\n// =============================================================================\n// STORES\n// =============================================================================\n\n/**\n * Get current checkout value from Zustand store\n */\nfunction getCheckoutValue(): CheckoutValue {\n  const state = checkoutStore.getState();\n  return {\n    isReady: state.isReady,\n    isOpen: state.isOpen,\n    cartCount: state.cartCount,\n    cartTotal: state.cartTotal,\n    cartCurrency: state.cartCurrency,\n    isLoggedIn: state.isLoggedIn,\n    user: state.user,\n    openCart: state.openCart,\n    openCheckout: state.openCheckout,\n    close: state.close,\n    addToCart: state.addToCart,\n    updateTokens: state.updateTokens,\n  };\n}\n\n/**\n * Svelte readable store for checkout state and actions\n *\n * Syncs with the Zustand store automatically.\n *\n * @example\n * ```svelte\n * <script>\n *   import { checkout } from \"@commercengine/checkout/svelte\";\n * </script>\n *\n * <button on:click={() => $checkout.openCart()} disabled={!$checkout.isReady}>\n *   Cart ({$checkout.cartCount})\n * </button>\n * ```\n */\nexport const checkout: Readable<CheckoutValue> = readable(getCheckoutValue(), (set) => {\n  // Subscribe to Zustand store and update Svelte store\n  return checkoutStore.subscribe(() => {\n    set(getCheckoutValue());\n  });\n});\n\n/**\n * Individual store for cart count (for fine-grained reactivity)\n *\n * @example\n * ```svelte\n * <script>\n *   import { cartCount } from \"@commercengine/checkout/svelte\";\n * </script>\n *\n * <span class=\"badge\">{$cartCount}</span>\n * ```\n */\nexport const cartCount: Readable<number> = readable(checkoutStore.getState().cartCount, (set) => {\n  return checkoutStore.subscribe((state, prevState) => {\n    if (state.cartCount !== prevState.cartCount) {\n      set(state.cartCount);\n    }\n  });\n});\n\n/**\n * Individual store for cart total\n */\nexport const cartTotal: Readable<number> = readable(checkoutStore.getState().cartTotal, (set) => {\n  return checkoutStore.subscribe((state, prevState) => {\n    if (state.cartTotal !== prevState.cartTotal) {\n      set(state.cartTotal);\n    }\n  });\n});\n\n/**\n * Individual store for ready state\n */\nexport const isReady: Readable<boolean> = readable(checkoutStore.getState().isReady, (set) => {\n  return checkoutStore.subscribe((state, prevState) => {\n    if (state.isReady !== prevState.isReady) {\n      set(state.isReady);\n    }\n  });\n});\n\n/**\n * Individual store for open state\n */\nexport const isOpen: Readable<boolean> = readable(checkoutStore.getState().isOpen, (set) => {\n  return checkoutStore.subscribe((state, prevState) => {\n    if (state.isOpen !== prevState.isOpen) {\n      set(state.isOpen);\n    }\n  });\n});\n"],"mappings":";;;;;;;AAwGA,SAAS,mBAAkC;CACzC,MAAM,QAAQA,4BAAc,UAAU;AACtC,QAAO;EACL,SAAS,MAAM;EACf,QAAQ,MAAM;EACd,WAAW,MAAM;EACjB,WAAW,MAAM;EACjB,cAAc,MAAM;EACpB,YAAY,MAAM;EAClB,MAAM,MAAM;EACZ,UAAU,MAAM;EAChB,cAAc,MAAM;EACpB,OAAO,MAAM;EACb,WAAW,MAAM;EACjB,cAAc,MAAM;EACrB;;;;;;;;;;;;;;;;;;AAmBH,MAAa,sCAA6C,kBAAkB,GAAG,QAAQ;AAErF,QAAOA,4BAAc,gBAAgB;AACnC,MAAI,kBAAkB,CAAC;GACvB;EACF;;;;;;;;;;;;;AAcF,MAAa,uCAAuCA,4BAAc,UAAU,CAAC,YAAY,QAAQ;AAC/F,QAAOA,4BAAc,WAAW,OAAO,cAAc;AACnD,MAAI,MAAM,cAAc,UAAU,UAChC,KAAI,MAAM,UAAU;GAEtB;EACF;;;;AAKF,MAAa,uCAAuCA,4BAAc,UAAU,CAAC,YAAY,QAAQ;AAC/F,QAAOA,4BAAc,WAAW,OAAO,cAAc;AACnD,MAAI,MAAM,cAAc,UAAU,UAChC,KAAI,MAAM,UAAU;GAEtB;EACF;;;;AAKF,MAAa,qCAAsCA,4BAAc,UAAU,CAAC,UAAU,QAAQ;AAC5F,QAAOA,4BAAc,WAAW,OAAO,cAAc;AACnD,MAAI,MAAM,YAAY,UAAU,QAC9B,KAAI,MAAM,QAAQ;GAEpB;EACF;;;;AAKF,MAAa,oCAAqCA,4BAAc,UAAU,CAAC,SAAS,QAAQ;AAC1F,QAAOA,4BAAc,WAAW,OAAO,cAAc;AACnD,MAAI,MAAM,WAAW,UAAU,OAC7B,KAAI,MAAM,OAAO;GAEnB;EACF"}

package/dist/svelte.d.cts

@@ -1,79 +0,0 @@
-import { a as destroyCheckout, c as subscribeToCheckout, i as checkoutStore, n as CheckoutState, o as getCheckout, r as CheckoutStore, s as initCheckout, t as CheckoutActions } from "./store.cjs";
-import { AddToCartItem, AuthLoginData, AuthLogoutData, AuthMode, AuthRefreshData, CartData, Channel, CheckoutConfig, CheckoutEventType, Environment, ErrorData, LoginMethod, OrderData, QuickBuyConfig, SessionMode, UserInfo, UserInfo as UserInfo$1 } from "@commercengine/js";
-import { Readable } from "svelte/store";
-
-//#region src/svelte.d.ts
-/**
- * Checkout store value type
- */
-interface CheckoutValue {
-  /** Whether checkout is ready to use */
-  isReady: boolean;
-  /** Whether checkout overlay is currently open */
-  isOpen: boolean;
-  /** Number of items in cart */
-  cartCount: number;
-  /** Cart subtotal amount */
-  cartTotal: number;
-  /** Cart currency code */
-  cartCurrency: string;
-  /** Whether user is logged in */
-  isLoggedIn: boolean;
-  /** Current user info (null if not logged in) */
-  user: UserInfo$1 | null;
-  /** Open the cart drawer */
-  openCart: () => void;
-  /** Open the checkout drawer directly */
-  openCheckout: () => void;
-  /** Close the checkout overlay */
-  close: () => void;
-  /** Add item to cart */
-  addToCart: (productId: string, variantId: string | null, quantity?: number) => void;
-  /** Update authentication tokens */
-  updateTokens: (accessToken: string, refreshToken?: string) => void;
-}
-/**
- * Svelte readable store for checkout state and actions
- *
- * Syncs with the Zustand store automatically.
- *
- * @example
- * ```svelte
- * <script>
- *   import { checkout } from "@commercengine/checkout/svelte";
- * </script>
- *
- * <button on:click={() => $checkout.openCart()} disabled={!$checkout.isReady}>
- *   Cart ({$checkout.cartCount})
- * </button>
- * ```
- */
-declare const checkout: Readable<CheckoutValue>;
-/**
- * Individual store for cart count (for fine-grained reactivity)
- *
- * @example
- * ```svelte
- * <script>
- *   import { cartCount } from "@commercengine/checkout/svelte";
- * </script>
- *
- * <span class="badge">{$cartCount}</span>
- * ```
- */
-declare const cartCount: Readable<number>;
-/**
- * Individual store for cart total
- */
-declare const cartTotal: Readable<number>;
-/**
- * Individual store for ready state
- */
-declare const isReady: Readable<boolean>;
-/**
- * Individual store for open state
- */
-declare const isOpen: Readable<boolean>;
-//#endregion
-export { type AddToCartItem, type AuthLoginData, type AuthLogoutData, type AuthMode, type AuthRefreshData, type CartData, type Channel, type CheckoutActions, type CheckoutConfig, type CheckoutEventType, type CheckoutState, type CheckoutStore, CheckoutValue, type Environment, type ErrorData, type LoginMethod, type OrderData, type QuickBuyConfig, type SessionMode, type UserInfo, cartCount, cartTotal, checkout, checkoutStore, destroyCheckout, getCheckout, initCheckout, isOpen, isReady, subscribeToCheckout };
-//# sourceMappingURL=svelte.d.cts.map

package/dist/svelte.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"svelte.d.cts","names":[],"sources":["../src/svelte.ts"],"mappings":";;;;;;;;UAsEiB,aAAA;EA6Ff;EA3FA,OAAA;EAqFsB;EAnFtB,MAAA;EA8FW;EA5FX,SAAA;;EAEA,SAAA;EA0F8B;EAxF9B,YAAA;EAyGA;EAvGA,UAAA;EAiGoB;EA/FpB,IAAA,EAAM,UAAA;EA0GK;EAxGX,QAAA;;EAEA,YAAA;EAsG2B;EApG3B,KAAA;;EAEA,SAAA,GAAY,SAAA,UAAmB,SAAA,iBAA0B,QAAA;;EAEzD,YAAA,GAAe,WAAA,UAAqB,YAAA;AAAA;;;;;;;;;;;;;;;;;cA4CzB,QAAA,EAAU,QAAA,CAAS,aAAA;;;;;;;;;;;;;cAmBnB,SAAA,EAAW,QAAA;;;;cAWX,SAAA,EAAW,QAAA;;;;cAWX,OAAA,EAAS,QAAA;;;;cAWT,MAAA,EAAQ,QAAA"}

package/dist/vue.cjs

@@ -1,72 +0,0 @@
-const require_store = require('./store.cjs');
-let vue = require("vue");
-
-//#region src/vue.ts
-/**
-* Vue composable for checkout integration
-*
-* Provides reactive access to checkout state and methods.
-* No provider required - works anywhere in your component tree.
-*
-* @returns Checkout state (reactive refs) and methods
-*
-* @example Basic usage
-* ```vue
-* <script setup>
-* import { useCheckout } from "@commercengine/checkout/vue";
-*
-* const { cartCount, openCart, isReady } = useCheckout();
-* <\/script>
-*
-* <template>
-*   <button @click="openCart" :disabled="!isReady">
-*     Cart ({{ cartCount }})
-*   </button>
-* </template>
-* ```
-*/
-function useCheckout() {
-	const initialState = require_store.checkoutStore.getState();
-	const isReady = (0, vue.ref)(initialState.isReady);
-	const isOpen = (0, vue.ref)(initialState.isOpen);
-	const cartCount = (0, vue.ref)(initialState.cartCount);
-	const cartTotal = (0, vue.ref)(initialState.cartTotal);
-	const cartCurrency = (0, vue.ref)(initialState.cartCurrency);
-	const isLoggedIn = (0, vue.ref)(initialState.isLoggedIn);
-	const user = (0, vue.ref)(initialState.user);
-	const unsubscribe = require_store.checkoutStore.subscribe((state) => {
-		isReady.value = state.isReady;
-		isOpen.value = state.isOpen;
-		cartCount.value = state.cartCount;
-		cartTotal.value = state.cartTotal;
-		cartCurrency.value = state.cartCurrency;
-		isLoggedIn.value = state.isLoggedIn;
-		user.value = state.user;
-	});
-	(0, vue.onUnmounted)(() => {
-		unsubscribe();
-	});
-	return {
-		isReady: (0, vue.readonly)(isReady),
-		isOpen: (0, vue.readonly)(isOpen),
-		cartCount: (0, vue.readonly)(cartCount),
-		cartTotal: (0, vue.readonly)(cartTotal),
-		cartCurrency: (0, vue.readonly)(cartCurrency),
-		isLoggedIn: (0, vue.readonly)(isLoggedIn),
-		user: (0, vue.readonly)(user),
-		openCart: () => require_store.checkoutStore.getState().openCart(),
-		openCheckout: () => require_store.checkoutStore.getState().openCheckout(),
-		close: () => require_store.checkoutStore.getState().close(),
-		addToCart: (productId, variantId, quantity) => require_store.checkoutStore.getState().addToCart(productId, variantId, quantity),
-		updateTokens: (accessToken, refreshToken) => require_store.checkoutStore.getState().updateTokens(accessToken, refreshToken)
-	};
-}
-
-//#endregion
-exports.checkoutStore = require_store.checkoutStore;
-exports.destroyCheckout = require_store.destroyCheckout;
-exports.getCheckout = require_store.getCheckout;
-exports.initCheckout = require_store.initCheckout;
-exports.subscribeToCheckout = require_store.subscribeToCheckout;
-exports.useCheckout = useCheckout;
-//# sourceMappingURL=vue.cjs.map

package/dist/vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"vue.cjs","names":["checkoutStore"],"sources":["../src/vue.ts"],"sourcesContent":["/**\n * Commerce Engine Checkout - Vue Binding\n *\n * Vue composable for checkout integration with automatic reactivity.\n *\n * @example\n * ```vue\n * <script setup>\n * import { useCheckout, initCheckout } from \"@commercengine/checkout/vue\";\n * import { onMounted, onUnmounted } from \"vue\";\n *\n * // Initialize once at app root (App.vue or plugin)\n * onMounted(() => {\n *   initCheckout({\n *     storeId: \"store_xxx\",\n *     apiKey: \"ak_xxx\",\n *   });\n * });\n *\n * // Use anywhere\n * const { cartCount, openCart, isReady } = useCheckout();\n * </script>\n *\n * <template>\n *   <button @click=\"openCart\" :disabled=\"!isReady\">\n *     Cart ({{ cartCount }})\n *   </button>\n * </template>\n * ```\n *\n * @packageDocumentation\n */\n\nimport type { UserInfo } from \"@commercengine/js\";\nimport { type DeepReadonly, onUnmounted, type Ref, readonly, ref } from \"vue\";\nimport { checkoutStore } from \"./store\";\n\n// Re-export types from @commercengine/js\nexport type {\n  AddToCartItem,\n  AuthLoginData,\n  AuthLogoutData,\n  AuthMode,\n  AuthRefreshData,\n  CartData,\n  Channel,\n  CheckoutConfig,\n  CheckoutEventType,\n  Environment,\n  ErrorData,\n  LoginMethod,\n  OrderData,\n  QuickBuyConfig,\n  SessionMode,\n  UserInfo,\n} from \"@commercengine/js\";\n// Re-export everything from vanilla for convenience\nexport {\n  type CheckoutActions,\n  type CheckoutState,\n  type CheckoutStore,\n  checkoutStore,\n  destroyCheckout,\n  getCheckout,\n  initCheckout,\n  subscribeToCheckout,\n} from \"./store\";\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\n/**\n * Return type from useCheckout composable\n */\nexport interface UseCheckoutReturn {\n  /** Whether checkout is ready to use (reactive) */\n  isReady: DeepReadonly<Ref<boolean>>;\n  /** Whether checkout overlay is currently open (reactive) */\n  isOpen: DeepReadonly<Ref<boolean>>;\n  /** Number of items in cart (reactive) */\n  cartCount: DeepReadonly<Ref<number>>;\n  /** Cart subtotal amount (reactive) */\n  cartTotal: DeepReadonly<Ref<number>>;\n  /** Cart currency code (reactive) */\n  cartCurrency: DeepReadonly<Ref<string>>;\n  /** Whether user is logged in (reactive) */\n  isLoggedIn: DeepReadonly<Ref<boolean>>;\n  /** Current user info (reactive, null if not logged in) */\n  user: DeepReadonly<Ref<UserInfo | null>>;\n  /** Open the cart drawer */\n  openCart: () => void;\n  /** Open the checkout drawer directly */\n  openCheckout: () => void;\n  /** Close the checkout overlay */\n  close: () => void;\n  /** Add item to cart */\n  addToCart: (productId: string, variantId: string | null, quantity?: number) => void;\n  /** Update authentication tokens */\n  updateTokens: (accessToken: string, refreshToken?: string) => void;\n}\n\n// =============================================================================\n// COMPOSABLE\n// =============================================================================\n\n/**\n * Vue composable for checkout integration\n *\n * Provides reactive access to checkout state and methods.\n * No provider required - works anywhere in your component tree.\n *\n * @returns Checkout state (reactive refs) and methods\n *\n * @example Basic usage\n * ```vue\n * <script setup>\n * import { useCheckout } from \"@commercengine/checkout/vue\";\n *\n * const { cartCount, openCart, isReady } = useCheckout();\n * </script>\n *\n * <template>\n *   <button @click=\"openCart\" :disabled=\"!isReady\">\n *     Cart ({{ cartCount }})\n *   </button>\n * </template>\n * ```\n */\nexport function useCheckout(): UseCheckoutReturn {\n  // Create reactive refs for state\n  const initialState = checkoutStore.getState();\n\n  const isReady = ref(initialState.isReady);\n  const isOpen = ref(initialState.isOpen);\n  const cartCount = ref(initialState.cartCount);\n  const cartTotal = ref(initialState.cartTotal);\n  const cartCurrency = ref(initialState.cartCurrency);\n  const isLoggedIn = ref(initialState.isLoggedIn);\n  const user = ref(initialState.user);\n\n  // Subscribe to store changes and update refs\n  const unsubscribe = checkoutStore.subscribe((state) => {\n    isReady.value = state.isReady;\n    isOpen.value = state.isOpen;\n    cartCount.value = state.cartCount;\n    cartTotal.value = state.cartTotal;\n    cartCurrency.value = state.cartCurrency;\n    isLoggedIn.value = state.isLoggedIn;\n    user.value = state.user;\n  });\n\n  // Cleanup subscription on unmount\n  onUnmounted(() => {\n    unsubscribe();\n  });\n\n  return {\n    // Reactive state (readonly to prevent direct mutation)\n    isReady: readonly(isReady),\n    isOpen: readonly(isOpen),\n    cartCount: readonly(cartCount),\n    cartTotal: readonly(cartTotal),\n    cartCurrency: readonly(cartCurrency),\n    isLoggedIn: readonly(isLoggedIn),\n    user: readonly(user) as DeepReadonly<Ref<UserInfo | null>>,\n    // Actions\n    openCart: () => checkoutStore.getState().openCart(),\n    openCheckout: () => checkoutStore.getState().openCheckout(),\n    close: () => checkoutStore.getState().close(),\n    addToCart: (productId, variantId, quantity) =>\n      checkoutStore.getState().addToCart(productId, variantId, quantity),\n    updateTokens: (accessToken, refreshToken) =>\n      checkoutStore.getState().updateTokens(accessToken, refreshToken),\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAiIA,SAAgB,cAAiC;CAE/C,MAAM,eAAeA,4BAAc,UAAU;CAE7C,MAAM,uBAAc,aAAa,QAAQ;CACzC,MAAM,sBAAa,aAAa,OAAO;CACvC,MAAM,yBAAgB,aAAa,UAAU;CAC7C,MAAM,yBAAgB,aAAa,UAAU;CAC7C,MAAM,4BAAmB,aAAa,aAAa;CACnD,MAAM,0BAAiB,aAAa,WAAW;CAC/C,MAAM,oBAAW,aAAa,KAAK;CAGnC,MAAM,cAAcA,4BAAc,WAAW,UAAU;AACrD,UAAQ,QAAQ,MAAM;AACtB,SAAO,QAAQ,MAAM;AACrB,YAAU,QAAQ,MAAM;AACxB,YAAU,QAAQ,MAAM;AACxB,eAAa,QAAQ,MAAM;AAC3B,aAAW,QAAQ,MAAM;AACzB,OAAK,QAAQ,MAAM;GACnB;AAGF,4BAAkB;AAChB,eAAa;GACb;AAEF,QAAO;EAEL,2BAAkB,QAAQ;EAC1B,0BAAiB,OAAO;EACxB,6BAAoB,UAAU;EAC9B,6BAAoB,UAAU;EAC9B,gCAAuB,aAAa;EACpC,8BAAqB,WAAW;EAChC,wBAAe,KAAK;EAEpB,gBAAgBA,4BAAc,UAAU,CAAC,UAAU;EACnD,oBAAoBA,4BAAc,UAAU,CAAC,cAAc;EAC3D,aAAaA,4BAAc,UAAU,CAAC,OAAO;EAC7C,YAAY,WAAW,WAAW,aAChCA,4BAAc,UAAU,CAAC,UAAU,WAAW,WAAW,SAAS;EACpE,eAAe,aAAa,iBAC1BA,4BAAc,UAAU,CAAC,aAAa,aAAa,aAAa;EACnE"}

package/dist/vue.d.cts

@@ -1,61 +0,0 @@
-import { a as destroyCheckout, c as subscribeToCheckout, i as checkoutStore, n as CheckoutState, o as getCheckout, r as CheckoutStore, s as initCheckout, t as CheckoutActions } from "./store.cjs";
-import { AddToCartItem, AuthLoginData, AuthLogoutData, AuthMode, AuthRefreshData, CartData, Channel, CheckoutConfig, CheckoutEventType, Environment, ErrorData, LoginMethod, OrderData, QuickBuyConfig, SessionMode, UserInfo, UserInfo as UserInfo$1 } from "@commercengine/js";
-import { DeepReadonly, Ref } from "vue";
-
-//#region src/vue.d.ts
-/**
- * Return type from useCheckout composable
- */
-interface UseCheckoutReturn {
-  /** Whether checkout is ready to use (reactive) */
-  isReady: DeepReadonly<Ref<boolean>>;
-  /** Whether checkout overlay is currently open (reactive) */
-  isOpen: DeepReadonly<Ref<boolean>>;
-  /** Number of items in cart (reactive) */
-  cartCount: DeepReadonly<Ref<number>>;
-  /** Cart subtotal amount (reactive) */
-  cartTotal: DeepReadonly<Ref<number>>;
-  /** Cart currency code (reactive) */
-  cartCurrency: DeepReadonly<Ref<string>>;
-  /** Whether user is logged in (reactive) */
-  isLoggedIn: DeepReadonly<Ref<boolean>>;
-  /** Current user info (reactive, null if not logged in) */
-  user: DeepReadonly<Ref<UserInfo$1 | null>>;
-  /** Open the cart drawer */
-  openCart: () => void;
-  /** Open the checkout drawer directly */
-  openCheckout: () => void;
-  /** Close the checkout overlay */
-  close: () => void;
-  /** Add item to cart */
-  addToCart: (productId: string, variantId: string | null, quantity?: number) => void;
-  /** Update authentication tokens */
-  updateTokens: (accessToken: string, refreshToken?: string) => void;
-}
-/**
- * Vue composable for checkout integration
- *
- * Provides reactive access to checkout state and methods.
- * No provider required - works anywhere in your component tree.
- *
- * @returns Checkout state (reactive refs) and methods
- *
- * @example Basic usage
- * ```vue
- * <script setup>
- * import { useCheckout } from "@commercengine/checkout/vue";
- *
- * const { cartCount, openCart, isReady } = useCheckout();
- * </script>
- *
- * <template>
- *   <button @click="openCart" :disabled="!isReady">
- *     Cart ({{ cartCount }})
- *   </button>
- * </template>
- * ```
- */
-declare function useCheckout(): UseCheckoutReturn;
-//#endregion
-export { type AddToCartItem, type AuthLoginData, type AuthLogoutData, type AuthMode, type AuthRefreshData, type CartData, type Channel, type CheckoutActions, type CheckoutConfig, type CheckoutEventType, type CheckoutState, type CheckoutStore, type Environment, type ErrorData, type LoginMethod, type OrderData, type QuickBuyConfig, type SessionMode, UseCheckoutReturn, type UserInfo, checkoutStore, destroyCheckout, getCheckout, initCheckout, subscribeToCheckout, useCheckout };
-//# sourceMappingURL=vue.d.cts.map

package/dist/vue.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vue.d.cts","names":[],"sources":["../src/vue.ts"],"mappings":";;;;;;;;UA2EiB,iBAAA;EAYf;EAVA,OAAA,EAAS,YAAA,CAAa,GAAA;EAUG;EARzB,MAAA,EAAQ,YAAA,CAAa,GAAA;EAUf;EARN,SAAA,EAAW,YAAA,CAAa,GAAA;EAQD;EANvB,SAAA,EAAW,YAAA,CAAa,GAAA;EAUxB;EARA,YAAA,EAAc,YAAA,CAAa,GAAA;EAY3B;EAVA,UAAA,EAAY,YAAA,CAAa,GAAA;EAUM;EAR/B,IAAA,EAAM,YAAA,CAAa,GAAA,CAAI,UAAA;EAUvB;EARA,QAAA;EAQoC;EANpC,YAAA;EAMyD;EAJzD,KAAA;EAkCyB;EAhCzB,SAAA,GAAY,SAAA,UAAmB,SAAA,iBAA0B,QAAA;EAgC5B;EA9B7B,YAAA,GAAe,WAAA,UAAqB,YAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;iBA8BtB,WAAA,CAAA,GAAe,iBAAA"}