@commercengine/checkout 0.1.0 → 0.1.2

package/dist/store.d.cts

@@ -1,4 +1,4 @@
-import { Checkout, CheckoutConfig } from "@commercengine/js";
+import { Checkout, CheckoutConfig, UserInfo } from "@commercengine/js";
 import * as zustand0 from "zustand";
 
 //#region src/store.d.ts
@@ -19,6 +19,10 @@ interface CheckoutState {
   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

package/dist/store.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"store.d.cts","names":[],"sources":["../src/store.ts"],"sourcesContent":[],"mappings":";;;;;;AAsQA;AAcA;AAuBgB,UA/PC,aAAA,CA+PU;EAAA;UAAS,EA7PxB,QA6PwB,GAAA,IAAA;;EAAD,OAAA,EAAA,OAAA;EAsCtB;EAA6C,MAAA,EAAA,OAAA;;;;;;;;;;;UAnRzC,eAAA;;;;;iBAKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwCL,aAAA,GAAgB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;cA2C/B,eAAa,KAAA,QAAA,CAAA,SAAA;;;;;;;;;;;;;;;;;;;;;;;iBAgHV,YAAA,SAAqB;;;;;;;;;;;iBAcrB,eAAA,CAAA;;;;;;;;;;;;;;;;;;;;iBAuBA,WAAA,CAAA,GAAe,KAAK;;;;;;;;;;;;;;;;;;;;;;;cAsCvB"}
+{"version":3,"file":"store.d.cts","names":[],"sources":["../src/store.ts"],"sourcesContent":[],"mappings":";;;;;;;;UA6CiB,aAAA;;EAuOD,QAAA,EArOJ,QAqOgB,GAAA,IAAA;EAcZ;EAuBA,OAAA,EAAA,OAAW;EAAA;QAAS,EAAA,OAAA;;EAAD,SAAA,EAAA,MAAA;EAwCtB;EAA6C,SAAA,EAAA,MAAA;;;;;;QApSlD;;;;;UAMS,eAAA;;;;;iBAKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwCL,aAAA,GAAgB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;cA6C/B,eAAa,KAAA,QAAA,CAAA,SAAA;;;;;;;;;;;;;;;;;;;;;;;iBAuHV,YAAA,SAAqB;;;;;;;;;;;iBAcrB,eAAA,CAAA;;;;;;;;;;;;;;;;;;;;iBAuBA,WAAA,CAAA,GAAe,KAAK;;;;;;;;;;;;;;;;;;;;;;;cAwCvB"}

package/dist/store.d.ts

@@ -1,4 +1,4 @@
-import { Checkout, CheckoutConfig } from "@commercengine/js";
+import { Checkout, CheckoutConfig, UserInfo } from "@commercengine/js";
 import * as zustand0 from "zustand";
 
 //#region src/store.d.ts
@@ -19,6 +19,10 @@ interface CheckoutState {
   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

package/dist/store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"store.d.ts","names":[],"sources":["../src/store.ts"],"sourcesContent":[],"mappings":";;;;;;AAsQA;AAcA;AAuBgB,UA/PC,aAAA,CA+PU;EAAA;UAAS,EA7PxB,QA6PwB,GAAA,IAAA;;EAAD,OAAA,EAAA,OAAA;EAsCtB;EAA6C,MAAA,EAAA,OAAA;;;;;;;;;;;UAnRzC,eAAA;;;;;iBAKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwCL,aAAA,GAAgB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;cA2C/B,eAAa,KAAA,QAAA,CAAA,SAAA;;;;;;;;;;;;;;;;;;;;;;;iBAgHV,YAAA,SAAqB;;;;;;;;;;;iBAcrB,eAAA,CAAA;;;;;;;;;;;;;;;;;;;;iBAuBA,WAAA,CAAA,GAAe,KAAK;;;;;;;;;;;;;;;;;;;;;;;cAsCvB"}
+{"version":3,"file":"store.d.ts","names":[],"sources":["../src/store.ts"],"sourcesContent":[],"mappings":";;;;;;;;UA6CiB,aAAA;;EAuOD,QAAA,EArOJ,QAqOgB,GAAA,IAAA;EAcZ;EAuBA,OAAA,EAAA,OAAW;EAAA;QAAS,EAAA,OAAA;;EAAD,SAAA,EAAA,MAAA;EAwCtB;EAA6C,SAAA,EAAA,MAAA;;;;;;QApSlD;;;;;UAMS,eAAA;;;;;iBAKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwCL,aAAA,GAAgB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;cA6C/B,eAAa,KAAA,QAAA,CAAA,SAAA;;;;;;;;;;;;;;;;;;;;;;;iBAuHV,YAAA,SAAqB;;;;;;;;;;;iBAcrB,eAAA,CAAA;;;;;;;;;;;;;;;;;;;;iBAuBA,WAAA,CAAA,GAAe,KAAK;;;;;;;;;;;;;;;;;;;;;;;cAwCvB"}

package/dist/store.js

@@ -32,7 +32,9 @@ const DEFAULT_STATE = {
 	isOpen: false,
 	cartCount: 0,
 	cartTotal: 0,
-	cartCurrency: "INR"
+	cartCurrency: "INR",
+	isLoggedIn: false,
+	user: null
 };
 /**
 * Vanilla Zustand store for checkout state
@@ -90,15 +92,27 @@ const checkoutStore = createStore()(subscribeWithSelector((set, get) => ({
 				config.onComplete?.(order);
 			},
 			onLogin: (data) => {
+				if (data.user) set({
+					user: data.user,
+					isLoggedIn: data.user.isLoggedIn
+				});
 				config.onLogin?.(data);
 			},
 			onLogout: (data) => {
+				set({
+					user: data.user ?? null,
+					isLoggedIn: false
+				});
 				config.onLogout?.(data);
 			},
 			onTokenRefresh: (data) => {
 				config.onTokenRefresh?.(data);
 			},
 			onSessionError: () => {
+				set({
+					user: null,
+					isLoggedIn: false
+				});
 				config.onSessionError?.();
 			},
 			onError: (error) => {
@@ -185,6 +199,8 @@ function getCheckout() {
 		cartCount: state.cartCount,
 		cartTotal: state.cartTotal,
 		cartCurrency: state.cartCurrency,
+		isLoggedIn: state.isLoggedIn,
+		user: state.user,
 		openCart: state.openCart,
 		openCheckout: state.openCheckout,
 		close: state.close,

package/dist/store.js.map

@@ -1 +1 @@
-{"version":3,"file":"store.js","names":[],"sources":["../src/store.ts"],"sourcesContent":["/**\n * Commerce Engine Checkout - Universal Store\n *\n * Framework-agnostic state management using Zustand vanilla.\n * This is the core store that all framework bindings use.\n *\n * ## Architecture\n *\n * - **Singleton**: One store instance shared across all components/routes\n * - **Non-blocking**: Checkout iframe loads asynchronously in the background\n * - **SSR-safe**: Initialization is skipped on server, only runs on client\n * - **Zero CWV impact**: Hidden iframe, no layout shifts, no main thread blocking\n *\n * ## Lifecycle\n *\n * 1. `initCheckout()` creates a hidden iframe and returns immediately\n * 2. Iframe loads in background (non-blocking)\n * 3. `onReady` callback fires when checkout is ready\n * 4. `useCheckout()` can be called from any component to access state\n * 5. Same instance persists across route changes (SPA navigation)\n *\n * @commercengine/checkout\n */\n\nimport {\n  type AuthLoginData,\n  type AuthLogoutData,\n  type AuthRefreshData,\n  type CartData,\n  Checkout,\n  type CheckoutConfig,\n  type ErrorData,\n  type OrderData,\n} from \"@commercengine/js\";\nimport { subscribeWithSelector } from \"zustand/middleware\";\nimport { createStore } from \"zustand/vanilla\";\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\n/**\n * Checkout state\n */\nexport interface CheckoutState {\n  /** Internal checkout instance */\n  checkout: Checkout | null;\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}\n\n/**\n * Checkout actions\n */\nexport interface CheckoutActions {\n  /**\n   * Initialize checkout with configuration\n   * Call this once at app startup\n   */\n  init: (config: CheckoutConfig) => void;\n\n  /**\n   * Destroy checkout instance and reset state\n   */\n  destroy: () => void;\n\n  /**\n   * Open the cart drawer\n   */\n  openCart: () => void;\n\n  /**\n   * Open the checkout drawer directly (for Buy Now flow)\n   */\n  openCheckout: () => void;\n\n  /**\n   * Close the checkout overlay\n   */\n  close: () => void;\n\n  /**\n   * Add item to cart\n   * @param productId - Product ID (required)\n   * @param variantId - Variant ID (required, null for non-variant products)\n   * @param quantity - Quantity to add (default: 1)\n   */\n  addToCart: (productId: string, variantId: string | null, quantity?: number) => void;\n\n  /**\n   * Update authentication tokens\n   * Use this when user logs in/out on the parent site\n   */\n  updateTokens: (accessToken: string, refreshToken?: string) => void;\n}\n\n/**\n * Complete checkout store type\n */\nexport type CheckoutStore = CheckoutState & CheckoutActions;\n\n// =============================================================================\n// DEFAULT STATE\n// =============================================================================\n\nconst DEFAULT_STATE: CheckoutState = {\n  checkout: null,\n  isReady: false,\n  isOpen: false,\n  cartCount: 0,\n  cartTotal: 0,\n  cartCurrency: \"INR\",\n};\n\n// =============================================================================\n// STORE\n// =============================================================================\n\n/**\n * Vanilla Zustand store for checkout state\n *\n * This is framework-agnostic and can be used directly or via framework bindings.\n *\n * @example Direct usage (vanilla JS)\n * ```ts\n * import { checkoutStore } from \"@commercengine/checkout\";\n *\n * // Initialize\n * checkoutStore.getState().init({ storeId: \"...\", apiKey: \"...\" });\n *\n * // Get current state\n * const { cartCount, isReady } = checkoutStore.getState();\n *\n * // Subscribe to changes\n * checkoutStore.subscribe((state) => {\n *   console.log(\"Cart count:\", state.cartCount);\n * });\n *\n * // Call actions\n * checkoutStore.getState().openCart();\n * ```\n */\nexport const checkoutStore = createStore<CheckoutStore>()(\n  subscribeWithSelector((set, get) => ({\n    // State\n    ...DEFAULT_STATE,\n\n    // Actions\n    init: (config) => {\n      // Skip on server\n      if (typeof window === \"undefined\") return;\n\n      // Destroy existing instance if reinitializing\n      const existing = get().checkout;\n      if (existing) {\n        existing.destroy();\n      }\n\n      // Create new checkout instance with callbacks that update store\n      const checkout = new Checkout({\n        ...config,\n        onReady: () => {\n          set({ isReady: true });\n          config.onReady?.();\n        },\n        onOpen: () => {\n          set({ isOpen: true });\n          config.onOpen?.();\n        },\n        onClose: () => {\n          set({ isOpen: false });\n          config.onClose?.();\n        },\n        onCartUpdate: (cart: CartData) => {\n          set({\n            cartCount: cart.count,\n            cartTotal: cart.total,\n            cartCurrency: cart.currency,\n          });\n          config.onCartUpdate?.(cart);\n        },\n        onComplete: (order: OrderData) => {\n          config.onComplete?.(order);\n        },\n        onLogin: (data: AuthLoginData) => {\n          config.onLogin?.(data);\n        },\n        onLogout: (data: AuthLogoutData) => {\n          config.onLogout?.(data);\n        },\n        onTokenRefresh: (data: AuthRefreshData) => {\n          config.onTokenRefresh?.(data);\n        },\n        onSessionError: () => {\n          config.onSessionError?.();\n        },\n        onError: (error: ErrorData) => {\n          // Still set ready so buttons are enabled (error drawer will show)\n          set({ isReady: true });\n          config.onError?.(error);\n        },\n      });\n\n      set({ checkout });\n    },\n\n    destroy: () => {\n      const { checkout } = get();\n      if (checkout) {\n        checkout.destroy();\n      }\n      set(DEFAULT_STATE);\n    },\n\n    openCart: () => {\n      get().checkout?.openCart();\n    },\n\n    openCheckout: () => {\n      get().checkout?.openCheckout();\n    },\n\n    close: () => {\n      get().checkout?.close();\n    },\n\n    addToCart: (productId, variantId, quantity) => {\n      get().checkout?.addToCart(productId, variantId, quantity);\n    },\n\n    updateTokens: (accessToken, refreshToken) => {\n      get().checkout?.updateTokens(accessToken, refreshToken);\n    },\n  }))\n);\n\n// =============================================================================\n// CONVENIENCE EXPORTS\n// =============================================================================\n\n/**\n * Initialize checkout\n *\n * @example\n * ```ts\n * import { initCheckout } from \"@commercengine/checkout\";\n *\n * initCheckout({\n *   storeId: \"store_xxx\",\n *   apiKey: \"ak_xxx\",\n *   onComplete: (order) => console.log(\"Order placed:\", order.orderNumber),\n * });\n * ```\n */\nexport function initCheckout(config: CheckoutConfig): void {\n  checkoutStore.getState().init(config);\n}\n\n/**\n * Destroy checkout instance\n *\n * @example\n * ```ts\n * import { destroyCheckout } from \"@commercengine/checkout\";\n *\n * destroyCheckout();\n * ```\n */\nexport function destroyCheckout(): void {\n  checkoutStore.getState().destroy();\n}\n\n/**\n * Get checkout state and methods (non-reactive)\n *\n * Use this outside of reactive frameworks or when you don't need reactivity.\n *\n * @example\n * ```ts\n * import { getCheckout } from \"@commercengine/checkout\";\n *\n * document.getElementById(\"cart-btn\").onclick = () => {\n *   getCheckout().openCart();\n * };\n *\n * // Check state\n * if (getCheckout().isReady) {\n *   console.log(\"Cart has\", getCheckout().cartCount, \"items\");\n * }\n * ```\n */\nexport function getCheckout(): Omit<CheckoutStore, \"checkout\" | \"init\" | \"destroy\"> {\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    openCart: state.openCart,\n    openCheckout: state.openCheckout,\n    close: state.close,\n    addToCart: state.addToCart,\n    updateTokens: state.updateTokens,\n  };\n}\n\n/**\n * Subscribe to checkout state changes\n *\n * @example\n * ```ts\n * import { subscribeToCheckout } from \"@commercengine/checkout\";\n *\n * // Subscribe to all changes\n * const unsubscribe = subscribeToCheckout((state) => {\n *   console.log(\"State changed:\", state);\n * });\n *\n * // Subscribe to specific state with selector\n * const unsubscribe = subscribeToCheckout(\n *   (state) => state.cartCount,\n *   (cartCount) => console.log(\"Cart count:\", cartCount)\n * );\n *\n * // Cleanup\n * unsubscribe();\n * ```\n */\nexport const subscribeToCheckout = checkoutStore.subscribe;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiHA,MAAM,gBAA+B;CACnC,UAAU;CACV,SAAS;CACT,QAAQ;CACR,WAAW;CACX,WAAW;CACX,cAAc;CACf;;;;;;;;;;;;;;;;;;;;;;;;;AA8BD,MAAa,gBAAgB,aAA4B,CACvD,uBAAuB,KAAK,SAAS;CAEnC,GAAG;CAGH,OAAO,WAAW;AAEhB,MAAI,OAAO,WAAW,YAAa;EAGnC,MAAM,WAAW,KAAK,CAAC;AACvB,MAAI,SACF,UAAS,SAAS;AAgDpB,MAAI,EAAE,UA5CW,IAAI,SAAS;GAC5B,GAAG;GACH,eAAe;AACb,QAAI,EAAE,SAAS,MAAM,CAAC;AACtB,WAAO,WAAW;;GAEpB,cAAc;AACZ,QAAI,EAAE,QAAQ,MAAM,CAAC;AACrB,WAAO,UAAU;;GAEnB,eAAe;AACb,QAAI,EAAE,QAAQ,OAAO,CAAC;AACtB,WAAO,WAAW;;GAEpB,eAAe,SAAmB;AAChC,QAAI;KACF,WAAW,KAAK;KAChB,WAAW,KAAK;KAChB,cAAc,KAAK;KACpB,CAAC;AACF,WAAO,eAAe,KAAK;;GAE7B,aAAa,UAAqB;AAChC,WAAO,aAAa,MAAM;;GAE5B,UAAU,SAAwB;AAChC,WAAO,UAAU,KAAK;;GAExB,WAAW,SAAyB;AAClC,WAAO,WAAW,KAAK;;GAEzB,iBAAiB,SAA0B;AACzC,WAAO,iBAAiB,KAAK;;GAE/B,sBAAsB;AACpB,WAAO,kBAAkB;;GAE3B,UAAU,UAAqB;AAE7B,QAAI,EAAE,SAAS,MAAM,CAAC;AACtB,WAAO,UAAU,MAAM;;GAE1B,CAAC,EAEc,CAAC;;CAGnB,eAAe;EACb,MAAM,EAAE,aAAa,KAAK;AAC1B,MAAI,SACF,UAAS,SAAS;AAEpB,MAAI,cAAc;;CAGpB,gBAAgB;AACd,OAAK,CAAC,UAAU,UAAU;;CAG5B,oBAAoB;AAClB,OAAK,CAAC,UAAU,cAAc;;CAGhC,aAAa;AACX,OAAK,CAAC,UAAU,OAAO;;CAGzB,YAAY,WAAW,WAAW,aAAa;AAC7C,OAAK,CAAC,UAAU,UAAU,WAAW,WAAW,SAAS;;CAG3D,eAAe,aAAa,iBAAiB;AAC3C,OAAK,CAAC,UAAU,aAAa,aAAa,aAAa;;CAE1D,EAAE,CACJ;;;;;;;;;;;;;;;AAoBD,SAAgB,aAAa,QAA8B;AACzD,eAAc,UAAU,CAAC,KAAK,OAAO;;;;;;;;;;;;AAavC,SAAgB,kBAAwB;AACtC,eAAc,UAAU,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;AAsBpC,SAAgB,cAAoE;CAClF,MAAM,QAAQ,cAAc,UAAU;AACtC,QAAO;EACL,SAAS,MAAM;EACf,QAAQ,MAAM;EACd,WAAW,MAAM;EACjB,WAAW,MAAM;EACjB,cAAc,MAAM;EACpB,UAAU,MAAM;EAChB,cAAc,MAAM;EACpB,OAAO,MAAM;EACb,WAAW,MAAM;EACjB,cAAc,MAAM;EACrB;;;;;;;;;;;;;;;;;;;;;;;;AAyBH,MAAa,sBAAsB,cAAc"}
+{"version":3,"file":"store.js","names":[],"sources":["../src/store.ts"],"sourcesContent":["/**\n * Commerce Engine Checkout - Universal Store\n *\n * Framework-agnostic state management using Zustand vanilla.\n * This is the core store that all framework bindings use.\n *\n * ## Architecture\n *\n * - **Singleton**: One store instance shared across all components/routes\n * - **Non-blocking**: Checkout iframe loads asynchronously in the background\n * - **SSR-safe**: Initialization is skipped on server, only runs on client\n * - **Zero CWV impact**: Hidden iframe, no layout shifts, no main thread blocking\n *\n * ## Lifecycle\n *\n * 1. `initCheckout()` creates a hidden iframe and returns immediately\n * 2. Iframe loads in background (non-blocking)\n * 3. `onReady` callback fires when checkout is ready\n * 4. `useCheckout()` can be called from any component to access state\n * 5. Same instance persists across route changes (SPA navigation)\n *\n * @commercengine/checkout\n */\n\nimport {\n  type AuthLoginData,\n  type AuthLogoutData,\n  type AuthRefreshData,\n  type CartData,\n  Checkout,\n  type CheckoutConfig,\n  type ErrorData,\n  type OrderData,\n  type UserInfo,\n} from \"@commercengine/js\";\nimport { subscribeWithSelector } from \"zustand/middleware\";\nimport { createStore } from \"zustand/vanilla\";\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\n/**\n * Checkout state\n */\nexport interface CheckoutState {\n  /** Internal checkout instance */\n  checkout: Checkout | null;\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}\n\n/**\n * Checkout actions\n */\nexport interface CheckoutActions {\n  /**\n   * Initialize checkout with configuration\n   * Call this once at app startup\n   */\n  init: (config: CheckoutConfig) => void;\n\n  /**\n   * Destroy checkout instance and reset state\n   */\n  destroy: () => void;\n\n  /**\n   * Open the cart drawer\n   */\n  openCart: () => void;\n\n  /**\n   * Open the checkout drawer directly (for Buy Now flow)\n   */\n  openCheckout: () => void;\n\n  /**\n   * Close the checkout overlay\n   */\n  close: () => void;\n\n  /**\n   * Add item to cart\n   * @param productId - Product ID (required)\n   * @param variantId - Variant ID (required, null for non-variant products)\n   * @param quantity - Quantity to add (default: 1)\n   */\n  addToCart: (productId: string, variantId: string | null, quantity?: number) => void;\n\n  /**\n   * Update authentication tokens\n   * Use this when user logs in/out on the parent site\n   */\n  updateTokens: (accessToken: string, refreshToken?: string) => void;\n}\n\n/**\n * Complete checkout store type\n */\nexport type CheckoutStore = CheckoutState & CheckoutActions;\n\n// =============================================================================\n// DEFAULT STATE\n// =============================================================================\n\nconst DEFAULT_STATE: CheckoutState = {\n  checkout: null,\n  isReady: false,\n  isOpen: false,\n  cartCount: 0,\n  cartTotal: 0,\n  cartCurrency: \"INR\",\n  isLoggedIn: false,\n  user: null,\n};\n\n// =============================================================================\n// STORE\n// =============================================================================\n\n/**\n * Vanilla Zustand store for checkout state\n *\n * This is framework-agnostic and can be used directly or via framework bindings.\n *\n * @example Direct usage (vanilla JS)\n * ```ts\n * import { checkoutStore } from \"@commercengine/checkout\";\n *\n * // Initialize\n * checkoutStore.getState().init({ storeId: \"...\", apiKey: \"...\" });\n *\n * // Get current state\n * const { cartCount, isReady } = checkoutStore.getState();\n *\n * // Subscribe to changes\n * checkoutStore.subscribe((state) => {\n *   console.log(\"Cart count:\", state.cartCount);\n * });\n *\n * // Call actions\n * checkoutStore.getState().openCart();\n * ```\n */\nexport const checkoutStore = createStore<CheckoutStore>()(\n  subscribeWithSelector((set, get) => ({\n    // State\n    ...DEFAULT_STATE,\n\n    // Actions\n    init: (config) => {\n      // Skip on server\n      if (typeof window === \"undefined\") return;\n\n      // Destroy existing instance if reinitializing\n      const existing = get().checkout;\n      if (existing) {\n        existing.destroy();\n      }\n\n      // Create new checkout instance with callbacks that update store\n      const checkout = new Checkout({\n        ...config,\n        onReady: () => {\n          set({ isReady: true });\n          config.onReady?.();\n        },\n        onOpen: () => {\n          set({ isOpen: true });\n          config.onOpen?.();\n        },\n        onClose: () => {\n          set({ isOpen: false });\n          config.onClose?.();\n        },\n        onCartUpdate: (cart: CartData) => {\n          set({\n            cartCount: cart.count,\n            cartTotal: cart.total,\n            cartCurrency: cart.currency,\n          });\n          config.onCartUpdate?.(cart);\n        },\n        onComplete: (order: OrderData) => {\n          config.onComplete?.(order);\n        },\n        onLogin: (data: AuthLoginData) => {\n          if (data.user) {\n            set({ user: data.user, isLoggedIn: data.user.isLoggedIn });\n          }\n          config.onLogin?.(data);\n        },\n        onLogout: (data: AuthLogoutData) => {\n          // On logout, user becomes anonymous\n          set({ user: data.user ?? null, isLoggedIn: false });\n          config.onLogout?.(data);\n        },\n        onTokenRefresh: (data: AuthRefreshData) => {\n          config.onTokenRefresh?.(data);\n        },\n        onSessionError: () => {\n          // Session corrupted - clear user state\n          set({ user: null, isLoggedIn: false });\n          config.onSessionError?.();\n        },\n        onError: (error: ErrorData) => {\n          // Still set ready so buttons are enabled (error drawer will show)\n          set({ isReady: true });\n          config.onError?.(error);\n        },\n      });\n\n      set({ checkout });\n    },\n\n    destroy: () => {\n      const { checkout } = get();\n      if (checkout) {\n        checkout.destroy();\n      }\n      set(DEFAULT_STATE);\n    },\n\n    openCart: () => {\n      get().checkout?.openCart();\n    },\n\n    openCheckout: () => {\n      get().checkout?.openCheckout();\n    },\n\n    close: () => {\n      get().checkout?.close();\n    },\n\n    addToCart: (productId, variantId, quantity) => {\n      get().checkout?.addToCart(productId, variantId, quantity);\n    },\n\n    updateTokens: (accessToken, refreshToken) => {\n      get().checkout?.updateTokens(accessToken, refreshToken);\n    },\n  }))\n);\n\n// =============================================================================\n// CONVENIENCE EXPORTS\n// =============================================================================\n\n/**\n * Initialize checkout\n *\n * @example\n * ```ts\n * import { initCheckout } from \"@commercengine/checkout\";\n *\n * initCheckout({\n *   storeId: \"store_xxx\",\n *   apiKey: \"ak_xxx\",\n *   onComplete: (order) => console.log(\"Order placed:\", order.orderNumber),\n * });\n * ```\n */\nexport function initCheckout(config: CheckoutConfig): void {\n  checkoutStore.getState().init(config);\n}\n\n/**\n * Destroy checkout instance\n *\n * @example\n * ```ts\n * import { destroyCheckout } from \"@commercengine/checkout\";\n *\n * destroyCheckout();\n * ```\n */\nexport function destroyCheckout(): void {\n  checkoutStore.getState().destroy();\n}\n\n/**\n * Get checkout state and methods (non-reactive)\n *\n * Use this outside of reactive frameworks or when you don't need reactivity.\n *\n * @example\n * ```ts\n * import { getCheckout } from \"@commercengine/checkout\";\n *\n * document.getElementById(\"cart-btn\").onclick = () => {\n *   getCheckout().openCart();\n * };\n *\n * // Check state\n * if (getCheckout().isReady) {\n *   console.log(\"Cart has\", getCheckout().cartCount, \"items\");\n * }\n * ```\n */\nexport function getCheckout(): Omit<CheckoutStore, \"checkout\" | \"init\" | \"destroy\"> {\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 * Subscribe to checkout state changes\n *\n * @example\n * ```ts\n * import { subscribeToCheckout } from \"@commercengine/checkout\";\n *\n * // Subscribe to all changes\n * const unsubscribe = subscribeToCheckout((state) => {\n *   console.log(\"State changed:\", state);\n * });\n *\n * // Subscribe to specific state with selector\n * const unsubscribe = subscribeToCheckout(\n *   (state) => state.cartCount,\n *   (cartCount) => console.log(\"Cart count:\", cartCount)\n * );\n *\n * // Cleanup\n * unsubscribe();\n * ```\n */\nexport const subscribeToCheckout = checkoutStore.subscribe;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsHA,MAAM,gBAA+B;CACnC,UAAU;CACV,SAAS;CACT,QAAQ;CACR,WAAW;CACX,WAAW;CACX,cAAc;CACd,YAAY;CACZ,MAAM;CACP;;;;;;;;;;;;;;;;;;;;;;;;;AA8BD,MAAa,gBAAgB,aAA4B,CACvD,uBAAuB,KAAK,SAAS;CAEnC,GAAG;CAGH,OAAO,WAAW;AAEhB,MAAI,OAAO,WAAW,YAAa;EAGnC,MAAM,WAAW,KAAK,CAAC;AACvB,MAAI,SACF,UAAS,SAAS;AAuDpB,MAAI,EAAE,UAnDW,IAAI,SAAS;GAC5B,GAAG;GACH,eAAe;AACb,QAAI,EAAE,SAAS,MAAM,CAAC;AACtB,WAAO,WAAW;;GAEpB,cAAc;AACZ,QAAI,EAAE,QAAQ,MAAM,CAAC;AACrB,WAAO,UAAU;;GAEnB,eAAe;AACb,QAAI,EAAE,QAAQ,OAAO,CAAC;AACtB,WAAO,WAAW;;GAEpB,eAAe,SAAmB;AAChC,QAAI;KACF,WAAW,KAAK;KAChB,WAAW,KAAK;KAChB,cAAc,KAAK;KACpB,CAAC;AACF,WAAO,eAAe,KAAK;;GAE7B,aAAa,UAAqB;AAChC,WAAO,aAAa,MAAM;;GAE5B,UAAU,SAAwB;AAChC,QAAI,KAAK,KACP,KAAI;KAAE,MAAM,KAAK;KAAM,YAAY,KAAK,KAAK;KAAY,CAAC;AAE5D,WAAO,UAAU,KAAK;;GAExB,WAAW,SAAyB;AAElC,QAAI;KAAE,MAAM,KAAK,QAAQ;KAAM,YAAY;KAAO,CAAC;AACnD,WAAO,WAAW,KAAK;;GAEzB,iBAAiB,SAA0B;AACzC,WAAO,iBAAiB,KAAK;;GAE/B,sBAAsB;AAEpB,QAAI;KAAE,MAAM;KAAM,YAAY;KAAO,CAAC;AACtC,WAAO,kBAAkB;;GAE3B,UAAU,UAAqB;AAE7B,QAAI,EAAE,SAAS,MAAM,CAAC;AACtB,WAAO,UAAU,MAAM;;GAE1B,CAAC,EAEc,CAAC;;CAGnB,eAAe;EACb,MAAM,EAAE,aAAa,KAAK;AAC1B,MAAI,SACF,UAAS,SAAS;AAEpB,MAAI,cAAc;;CAGpB,gBAAgB;AACd,OAAK,CAAC,UAAU,UAAU;;CAG5B,oBAAoB;AAClB,OAAK,CAAC,UAAU,cAAc;;CAGhC,aAAa;AACX,OAAK,CAAC,UAAU,OAAO;;CAGzB,YAAY,WAAW,WAAW,aAAa;AAC7C,OAAK,CAAC,UAAU,UAAU,WAAW,WAAW,SAAS;;CAG3D,eAAe,aAAa,iBAAiB;AAC3C,OAAK,CAAC,UAAU,aAAa,aAAa,aAAa;;CAE1D,EAAE,CACJ;;;;;;;;;;;;;;;AAoBD,SAAgB,aAAa,QAA8B;AACzD,eAAc,UAAU,CAAC,KAAK,OAAO;;;;;;;;;;;;AAavC,SAAgB,kBAAwB;AACtC,eAAc,UAAU,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;AAsBpC,SAAgB,cAAoE;CAClF,MAAM,QAAQ,cAAc,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;;;;;;;;;;;;;;;;;;;;;;;;AAyBH,MAAa,sBAAsB,cAAc"}

package/dist/svelte.cjs

@@ -3,33 +3,6 @@ let svelte_store = require("svelte/store");
 
 //#region src/svelte.ts
 /**
-* Commerce Engine Checkout - Svelte Binding
-*
-* Svelte stores for checkout integration with automatic reactivity.
-*
-* @example
-* ```svelte
-* <script>
-*   import { checkout, initCheckout } from "@commercengine/checkout/svelte";
-*   import { onMount } from "svelte";
-*
-*   // Initialize once at app root (+layout.svelte)
-*   onMount(() => {
-*     initCheckout({
-*       storeId: "store_xxx",
-*       apiKey: "ak_xxx",
-*     });
-*   });
-* <\/script>
-*
-* <button on:click={() => $checkout.openCart()} disabled={!$checkout.isReady}>
-*   Cart ({$checkout.cartCount})
-* </button>
-* ```
-*
-* @packageDocumentation
-*/
-/**
 * Get current checkout value from Zustand store
 */
 function getCheckoutValue() {
@@ -40,6 +13,8 @@ function getCheckoutValue() {
 		cartCount: state.cartCount,
 		cartTotal: state.cartTotal,
 		cartCurrency: state.cartCurrency,
+		isLoggedIn: state.isLoggedIn,
+		user: state.user,
 		openCart: state.openCart,
 		openCheckout: state.openCheckout,
 		close: state.close,

package/dist/svelte.cjs.map

@@ -1 +1 @@
-{"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 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  /** 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    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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA,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,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"}
+{"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,5 +1,5 @@
 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 } from "@commercengine/js";
+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
@@ -18,6 +18,10 @@ interface CheckoutValue {
   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 */

package/dist/svelte.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"svelte.d.cts","names":[],"sources":["../src/svelte.ts"],"sourcesContent":[],"mappings":";;;;;;;;;UAqEiB,aAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA8DJ,UAAU,SAAS;;;;;;;;;;;;;cAmBnB,WAAW;;;;cAWX,WAAW;;;;cAWX,SAAS;;;;cAWT,QAAQ"}
+{"version":3,"file":"svelte.d.cts","names":[],"sources":["../src/svelte.ts"],"sourcesContent":[],"mappings":";;;;;;;;;UAsEiB,aAAA;;;;;;;;;;;;;;QAcT;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAsDK,UAAU,SAAS;;;;;;;;;;;;;cAmBnB,WAAW;;;;cAWX,WAAW;;;;cAWX,SAAS;;;;cAWT,QAAQ"}

package/dist/svelte.d.ts

@@ -1,5 +1,5 @@
 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.js";
-import { AddToCartItem, AuthLoginData, AuthLogoutData, AuthMode, AuthRefreshData, CartData, Channel, CheckoutConfig, CheckoutEventType, Environment, ErrorData, LoginMethod, OrderData, QuickBuyConfig, SessionMode, UserInfo } from "@commercengine/js";
+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
@@ -18,6 +18,10 @@ interface CheckoutValue {
   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 */

package/dist/svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"svelte.d.ts","names":[],"sources":["../src/svelte.ts"],"sourcesContent":[],"mappings":";;;;;;;;;UAqEiB,aAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA8DJ,UAAU,SAAS;;;;;;;;;;;;;cAmBnB,WAAW;;;;cAWX,WAAW;;;;cAWX,SAAS;;;;cAWT,QAAQ"}
+{"version":3,"file":"svelte.d.ts","names":[],"sources":["../src/svelte.ts"],"sourcesContent":[],"mappings":";;;;;;;;;UAsEiB,aAAA;;;;;;;;;;;;;;QAcT;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAsDK,UAAU,SAAS;;;;;;;;;;;;;cAmBnB,WAAW;;;;cAWX,WAAW;;;;cAWX,SAAS;;;;cAWT,QAAQ"}

package/dist/svelte.js

@@ -3,33 +3,6 @@ import { readable } from "svelte/store";
 
 //#region src/svelte.ts
 /**
-* Commerce Engine Checkout - Svelte Binding
-*
-* Svelte stores for checkout integration with automatic reactivity.
-*
-* @example
-* ```svelte
-* <script>
-*   import { checkout, initCheckout } from "@commercengine/checkout/svelte";
-*   import { onMount } from "svelte";
-*
-*   // Initialize once at app root (+layout.svelte)
-*   onMount(() => {
-*     initCheckout({
-*       storeId: "store_xxx",
-*       apiKey: "ak_xxx",
-*     });
-*   });
-* <\/script>
-*
-* <button on:click={() => $checkout.openCart()} disabled={!$checkout.isReady}>
-*   Cart ({$checkout.cartCount})
-* </button>
-* ```
-*
-* @packageDocumentation
-*/
-/**
 * Get current checkout value from Zustand store
 */
 function getCheckoutValue() {
@@ -40,6 +13,8 @@ function getCheckoutValue() {
 		cartCount: state.cartCount,
 		cartTotal: state.cartTotal,
 		cartCurrency: state.cartCurrency,
+		isLoggedIn: state.isLoggedIn,
+		user: state.user,
 		openCart: state.openCart,
 		openCheckout: state.openCheckout,
 		close: state.close,

package/dist/svelte.js.map

@@ -1 +1 @@
-{"version":3,"file":"svelte.js","names":[],"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 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  /** 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    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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA,SAAS,mBAAkC;CACzC,MAAM,QAAQ,cAAc,UAAU;AACtC,QAAO;EACL,SAAS,MAAM;EACf,QAAQ,MAAM;EACd,WAAW,MAAM;EACjB,WAAW,MAAM;EACjB,cAAc,MAAM;EACpB,UAAU,MAAM;EAChB,cAAc,MAAM;EACpB,OAAO,MAAM;EACb,WAAW,MAAM;EACjB,cAAc,MAAM;EACrB;;;;;;;;;;;;;;;;;;AAmBH,MAAa,WAAoC,SAAS,kBAAkB,GAAG,QAAQ;AAErF,QAAO,cAAc,gBAAgB;AACnC,MAAI,kBAAkB,CAAC;GACvB;EACF;;;;;;;;;;;;;AAcF,MAAa,YAA8B,SAAS,cAAc,UAAU,CAAC,YAAY,QAAQ;AAC/F,QAAO,cAAc,WAAW,OAAO,cAAc;AACnD,MAAI,MAAM,cAAc,UAAU,UAChC,KAAI,MAAM,UAAU;GAEtB;EACF;;;;AAKF,MAAa,YAA8B,SAAS,cAAc,UAAU,CAAC,YAAY,QAAQ;AAC/F,QAAO,cAAc,WAAW,OAAO,cAAc;AACnD,MAAI,MAAM,cAAc,UAAU,UAChC,KAAI,MAAM,UAAU;GAEtB;EACF;;;;AAKF,MAAa,UAA6B,SAAS,cAAc,UAAU,CAAC,UAAU,QAAQ;AAC5F,QAAO,cAAc,WAAW,OAAO,cAAc;AACnD,MAAI,MAAM,YAAY,UAAU,QAC9B,KAAI,MAAM,QAAQ;GAEpB;EACF;;;;AAKF,MAAa,SAA4B,SAAS,cAAc,UAAU,CAAC,SAAS,QAAQ;AAC1F,QAAO,cAAc,WAAW,OAAO,cAAc;AACnD,MAAI,MAAM,WAAW,UAAU,OAC7B,KAAI,MAAM,OAAO;GAEnB;EACF"}
+{"version":3,"file":"svelte.js","names":[],"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,QAAQ,cAAc,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,WAAoC,SAAS,kBAAkB,GAAG,QAAQ;AAErF,QAAO,cAAc,gBAAgB;AACnC,MAAI,kBAAkB,CAAC;GACvB;EACF;;;;;;;;;;;;;AAcF,MAAa,YAA8B,SAAS,cAAc,UAAU,CAAC,YAAY,QAAQ;AAC/F,QAAO,cAAc,WAAW,OAAO,cAAc;AACnD,MAAI,MAAM,cAAc,UAAU,UAChC,KAAI,MAAM,UAAU;GAEtB;EACF;;;;AAKF,MAAa,YAA8B,SAAS,cAAc,UAAU,CAAC,YAAY,QAAQ;AAC/F,QAAO,cAAc,WAAW,OAAO,cAAc;AACnD,MAAI,MAAM,cAAc,UAAU,UAChC,KAAI,MAAM,UAAU;GAEtB;EACF;;;;AAKF,MAAa,UAA6B,SAAS,cAAc,UAAU,CAAC,UAAU,QAAQ;AAC5F,QAAO,cAAc,WAAW,OAAO,cAAc;AACnD,MAAI,MAAM,YAAY,UAAU,QAC9B,KAAI,MAAM,QAAQ;GAEpB;EACF;;;;AAKF,MAAa,SAA4B,SAAS,cAAc,UAAU,CAAC,SAAS,QAAQ;AAC1F,QAAO,cAAc,WAAW,OAAO,cAAc;AACnD,MAAI,MAAM,WAAW,UAAU,OAC7B,KAAI,MAAM,OAAO;GAEnB;EACF"}

package/dist/vue.cjs

@@ -3,38 +3,6 @@ let vue = require("vue");
 
 //#region src/vue.ts
 /**
-* Commerce Engine Checkout - Vue Binding
-*
-* Vue composable for checkout integration with automatic reactivity.
-*
-* @example
-* ```vue
-* <script setup>
-* import { useCheckout, initCheckout } from "@commercengine/checkout/vue";
-* import { onMounted, onUnmounted } from "vue";
-*
-* // Initialize once at app root (App.vue or plugin)
-* onMounted(() => {
-*   initCheckout({
-*     storeId: "store_xxx",
-*     apiKey: "ak_xxx",
-*   });
-* });
-*
-* // Use anywhere
-* const { cartCount, openCart, isReady } = useCheckout();
-* <\/script>
-*
-* <template>
-*   <button @click="openCart" :disabled="!isReady">
-*     Cart ({{ cartCount }})
-*   </button>
-* </template>
-* ```
-*
-* @packageDocumentation
-*/
-/**
 * Vue composable for checkout integration
 *
 * Provides reactive access to checkout state and methods.
@@ -64,12 +32,16 @@ function useCheckout() {
 	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();
@@ -80,6 +52,8 @@ function useCheckout() {
 		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(),

package/dist/vue.cjs.map

@@ -1 +1 @@
-{"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 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  /** 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\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  });\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    // 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4HA,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;CAGnD,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;GAC3B;AAGF,4BAAkB;AAChB,eAAa;GACb;AAEF,QAAO;EAEL,2BAAkB,QAAQ;EAC1B,0BAAiB,OAAO;EACxB,6BAAoB,UAAU;EAC9B,6BAAoB,UAAU;EAC9B,gCAAuB,aAAa;EAEpC,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"}
+{"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,5 +1,5 @@
 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 } from "@commercengine/js";
+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
@@ -18,6 +18,10 @@ interface UseCheckoutReturn {
   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 */

package/dist/vue.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"vue.d.cts","names":[],"sources":["../src/vue.ts"],"sourcesContent":[],"mappings":";;;;;;;;;UA0EiB,iBAAA;;WAEN,aAAa;;UAEd,aAAa;;aAEV,aAAa;;aAEb,aAAa;;gBAEV,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAwCb,WAAA,CAAA,GAAe"}
+{"version":3,"file":"vue.d.cts","names":[],"sources":["../src/vue.ts"],"sourcesContent":[],"mappings":";;;;;;;;;UA2EiB,iBAAA;;WAEN,aAAa;;UAEd,aAAa;;aAEV,aAAa;;aAEb,aAAa;;gBAEV,aAAa;;cAEf,aAAa;;QAEnB,aAAa,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAwCT,WAAA,CAAA,GAAe"}

package/dist/vue.d.ts

@@ -1,5 +1,5 @@
 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.js";
-import { AddToCartItem, AuthLoginData, AuthLogoutData, AuthMode, AuthRefreshData, CartData, Channel, CheckoutConfig, CheckoutEventType, Environment, ErrorData, LoginMethod, OrderData, QuickBuyConfig, SessionMode, UserInfo } from "@commercengine/js";
+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
@@ -18,6 +18,10 @@ interface UseCheckoutReturn {
   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 */

package/dist/vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vue.d.ts","names":[],"sources":["../src/vue.ts"],"sourcesContent":[],"mappings":";;;;;;;;;UA0EiB,iBAAA;;WAEN,aAAa;;UAEd,aAAa;;aAEV,aAAa;;aAEb,aAAa;;gBAEV,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAwCb,WAAA,CAAA,GAAe"}
+{"version":3,"file":"vue.d.ts","names":[],"sources":["../src/vue.ts"],"sourcesContent":[],"mappings":";;;;;;;;;UA2EiB,iBAAA;;WAEN,aAAa;;UAEd,aAAa;;aAEV,aAAa;;aAEb,aAAa;;gBAEV,aAAa;;cAEf,aAAa;;QAEnB,aAAa,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAwCT,WAAA,CAAA,GAAe"}

package/dist/vue.js

@@ -3,38 +3,6 @@ import { onUnmounted, readonly, ref } from "vue";
 
 //#region src/vue.ts
 /**
-* Commerce Engine Checkout - Vue Binding
-*
-* Vue composable for checkout integration with automatic reactivity.
-*
-* @example
-* ```vue
-* <script setup>
-* import { useCheckout, initCheckout } from "@commercengine/checkout/vue";
-* import { onMounted, onUnmounted } from "vue";
-*
-* // Initialize once at app root (App.vue or plugin)
-* onMounted(() => {
-*   initCheckout({
-*     storeId: "store_xxx",
-*     apiKey: "ak_xxx",
-*   });
-* });
-*
-* // Use anywhere
-* const { cartCount, openCart, isReady } = useCheckout();
-* <\/script>
-*
-* <template>
-*   <button @click="openCart" :disabled="!isReady">
-*     Cart ({{ cartCount }})
-*   </button>
-* </template>
-* ```
-*
-* @packageDocumentation
-*/
-/**
 * Vue composable for checkout integration
 *
 * Provides reactive access to checkout state and methods.
@@ -64,12 +32,16 @@ function useCheckout() {
 	const cartCount = ref(initialState.cartCount);
 	const cartTotal = ref(initialState.cartTotal);
 	const cartCurrency = ref(initialState.cartCurrency);
+	const isLoggedIn = ref(initialState.isLoggedIn);
+	const user = ref(initialState.user);
 	const unsubscribe = 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;
 	});
 	onUnmounted(() => {
 		unsubscribe();
@@ -80,6 +52,8 @@ function useCheckout() {
 		cartCount: readonly(cartCount),
 		cartTotal: readonly(cartTotal),
 		cartCurrency: readonly(cartCurrency),
+		isLoggedIn: readonly(isLoggedIn),
+		user: readonly(user),
 		openCart: () => checkoutStore.getState().openCart(),
 		openCheckout: () => checkoutStore.getState().openCheckout(),
 		close: () => checkoutStore.getState().close(),

package/dist/vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"vue.js","names":[],"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 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  /** 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\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  });\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    // 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4HA,SAAgB,cAAiC;CAE/C,MAAM,eAAe,cAAc,UAAU;CAE7C,MAAM,UAAU,IAAI,aAAa,QAAQ;CACzC,MAAM,SAAS,IAAI,aAAa,OAAO;CACvC,MAAM,YAAY,IAAI,aAAa,UAAU;CAC7C,MAAM,YAAY,IAAI,aAAa,UAAU;CAC7C,MAAM,eAAe,IAAI,aAAa,aAAa;CAGnD,MAAM,cAAc,cAAc,WAAW,UAAU;AACrD,UAAQ,QAAQ,MAAM;AACtB,SAAO,QAAQ,MAAM;AACrB,YAAU,QAAQ,MAAM;AACxB,YAAU,QAAQ,MAAM;AACxB,eAAa,QAAQ,MAAM;GAC3B;AAGF,mBAAkB;AAChB,eAAa;GACb;AAEF,QAAO;EAEL,SAAS,SAAS,QAAQ;EAC1B,QAAQ,SAAS,OAAO;EACxB,WAAW,SAAS,UAAU;EAC9B,WAAW,SAAS,UAAU;EAC9B,cAAc,SAAS,aAAa;EAEpC,gBAAgB,cAAc,UAAU,CAAC,UAAU;EACnD,oBAAoB,cAAc,UAAU,CAAC,cAAc;EAC3D,aAAa,cAAc,UAAU,CAAC,OAAO;EAC7C,YAAY,WAAW,WAAW,aAChC,cAAc,UAAU,CAAC,UAAU,WAAW,WAAW,SAAS;EACpE,eAAe,aAAa,iBAC1B,cAAc,UAAU,CAAC,aAAa,aAAa,aAAa;EACnE"}
+{"version":3,"file":"vue.js","names":[],"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,eAAe,cAAc,UAAU;CAE7C,MAAM,UAAU,IAAI,aAAa,QAAQ;CACzC,MAAM,SAAS,IAAI,aAAa,OAAO;CACvC,MAAM,YAAY,IAAI,aAAa,UAAU;CAC7C,MAAM,YAAY,IAAI,aAAa,UAAU;CAC7C,MAAM,eAAe,IAAI,aAAa,aAAa;CACnD,MAAM,aAAa,IAAI,aAAa,WAAW;CAC/C,MAAM,OAAO,IAAI,aAAa,KAAK;CAGnC,MAAM,cAAc,cAAc,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,mBAAkB;AAChB,eAAa;GACb;AAEF,QAAO;EAEL,SAAS,SAAS,QAAQ;EAC1B,QAAQ,SAAS,OAAO;EACxB,WAAW,SAAS,UAAU;EAC9B,WAAW,SAAS,UAAU;EAC9B,cAAc,SAAS,aAAa;EACpC,YAAY,SAAS,WAAW;EAChC,MAAM,SAAS,KAAK;EAEpB,gBAAgB,cAAc,UAAU,CAAC,UAAU;EACnD,oBAAoB,cAAc,UAAU,CAAC,cAAc;EAC3D,aAAa,cAAc,UAAU,CAAC,OAAO;EAC7C,YAAY,WAAW,WAAW,aAChC,cAAc,UAAU,CAAC,UAAU,WAAW,WAAW,SAAS;EACpE,eAAe,aAAa,iBAC1B,cAAc,UAAU,CAAC,aAAa,aAAa,aAAa;EACnE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercengine/checkout",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Universal checkout SDK for Commerce Engine - works with React, Vue, Svelte, Solid, and vanilla JS",
   "type": "module",
   "main": "dist/index.cjs",
@@ -66,7 +66,7 @@
   ],
   "dependencies": {
     "zustand": "^5.0.0",
-    "@commercengine/js": "0.3.0"
+    "@commercengine/js": "0.3.1"
   },
   "peerDependencies": {
     "react": ">=17.0.0",