arky-sdk 0.10.0 → 0.11.0

package/dist/index.d.cts

@@ -725,6 +725,7 @@ interface StripeConfirmationTokenControllerConfig {
     amount: number;
     currency: string;
     appearance?: StripeElementsOptions["appearance"];
+    setupFutureUsage?: "off_session" | "on_session";
 }
 interface StripeConfirmationTokenOptions {
     return_url?: string;
@@ -763,7 +764,7 @@ type StorefrontProvider$1 = StorefrontDto<Provider>;
 type StorefrontService$1 = StorefrontDto<Service>;
 type StorefrontServiceProvider = StorefrontDto<ServiceProvider>;
 type ArkyPaymentController = StripeConfirmationTokenController;
-type ArkyStripePaymentMountOptions = Partial<Pick<StripeConfirmationTokenControllerConfig, "amount" | "currency" | "appearance">>;
+type ArkyStripePaymentMountOptions = Partial<Pick<StripeConfirmationTokenControllerConfig, "amount" | "currency" | "appearance" | "setupFutureUsage">>;
 type ArkyStoreConfig = StorefrontOptions;
 interface ArkyStoreContext {
     locale?: string;
@@ -2200,7 +2201,7 @@ declare function initializeStoreCore(publishableKey: string, config: ArkyStoreCo
                 ready: nanostores.ReadableAtom<boolean>;
                 setController: (controller: StripeConfirmationTokenController | null) => StripeConfirmationTokenController | null;
                 getController: () => StripeConfirmationTokenController | null;
-                mountStripe: (target: string | HTMLElement, options?: ArkyStripePaymentMountOptions) => Promise<StripeConfirmationTokenController>;
+                mount: (target: string | HTMLElement, options?: ArkyStripePaymentMountOptions) => Promise<StripeConfirmationTokenController>;
                 update: (input: {
                     amount?: number;
                     currency?: string;
@@ -2906,7 +2907,7 @@ type ArkyStore = ReturnType<typeof initialize>;
 type ArkyCartStore = ArkyStore["eshop"]["cart"];
 type ArkyServiceStore = ArkyStore["eshop"]["service"];
 
-declare const SDK_VERSION = "0.10.0";
+declare const SDK_VERSION = "0.11.0";
 declare const SUPPORTED_FRAMEWORKS: readonly ["astro", "react", "vue", "svelte", "vanilla"];
 
 interface ApiConfig {

package/dist/index.d.ts

@@ -725,6 +725,7 @@ interface StripeConfirmationTokenControllerConfig {
     amount: number;
     currency: string;
     appearance?: StripeElementsOptions["appearance"];
+    setupFutureUsage?: "off_session" | "on_session";
 }
 interface StripeConfirmationTokenOptions {
     return_url?: string;
@@ -763,7 +764,7 @@ type StorefrontProvider$1 = StorefrontDto<Provider>;
 type StorefrontService$1 = StorefrontDto<Service>;
 type StorefrontServiceProvider = StorefrontDto<ServiceProvider>;
 type ArkyPaymentController = StripeConfirmationTokenController;
-type ArkyStripePaymentMountOptions = Partial<Pick<StripeConfirmationTokenControllerConfig, "amount" | "currency" | "appearance">>;
+type ArkyStripePaymentMountOptions = Partial<Pick<StripeConfirmationTokenControllerConfig, "amount" | "currency" | "appearance" | "setupFutureUsage">>;
 type ArkyStoreConfig = StorefrontOptions;
 interface ArkyStoreContext {
     locale?: string;
@@ -2200,7 +2201,7 @@ declare function initializeStoreCore(publishableKey: string, config: ArkyStoreCo
                 ready: nanostores.ReadableAtom<boolean>;
                 setController: (controller: StripeConfirmationTokenController | null) => StripeConfirmationTokenController | null;
                 getController: () => StripeConfirmationTokenController | null;
-                mountStripe: (target: string | HTMLElement, options?: ArkyStripePaymentMountOptions) => Promise<StripeConfirmationTokenController>;
+                mount: (target: string | HTMLElement, options?: ArkyStripePaymentMountOptions) => Promise<StripeConfirmationTokenController>;
                 update: (input: {
                     amount?: number;
                     currency?: string;
@@ -2906,7 +2907,7 @@ type ArkyStore = ReturnType<typeof initialize>;
 type ArkyCartStore = ArkyStore["eshop"]["cart"];
 type ArkyServiceStore = ArkyStore["eshop"]["service"];
 
-declare const SDK_VERSION = "0.10.0";
+declare const SDK_VERSION = "0.11.0";
 declare const SUPPORTED_FRAMEWORKS: readonly ["astro", "react", "vue", "svelte", "vanilla"];
 
 interface ApiConfig {

package/dist/index.js

@@ -217,11 +217,27 @@ var createStorefrontApi = (apiConfig, updateContactSession, lifecycle) => {
         },
         async get(params, options) {
           await lifecycle.ensureVisitorSession();
+          const queryParams = Object.fromEntries(
+            Object.entries(
+              options?.params || {}
+            ).filter(
+              ([name]) => !["token", "cart_token"].includes(name.toLowerCase())
+            )
+          );
+          const headers = Object.fromEntries(
+            Object.entries(options?.headers || {}).filter(
+              ([name]) => name.toLowerCase() !== "x-arky-cart-token"
+            )
+          );
           return apiConfig.httpClient.get(
             `${base}/carts/${params.id}`,
             {
               ...options,
-              params: params.token ? { token: params.token } : options?.params
+              headers: {
+                ...headers,
+                ...params.token ? { "X-Arky-Cart-Token": params.token } : {}
+              },
+              params: Object.keys(queryParams).length > 0 ? queryParams : void 0
             }
           );
         },
@@ -4093,7 +4109,8 @@ function createElements(stripe, config) {
     amount: config.amount,
     currency: normalizeCurrency(config.currency),
     paymentMethodCreation: "manual",
-    ...config.appearance ? { appearance: config.appearance } : {}
+    ...config.appearance ? { appearance: config.appearance } : {},
+    ...config.setupFutureUsage ? { setupFutureUsage: config.setupFutureUsage } : {}
   });
 }
 
@@ -4562,7 +4579,7 @@ function initializeStoreCore(publishableKey, config, scopedClient) {
     }
     return result;
   }
-  async function mountStripePayment(target, options = {}) {
+  async function mountPayment(target, options = {}) {
     await loadSetup();
     const publishableKey2 = currentStripePublishableKey();
     if (!publishableKey2) {
@@ -4586,7 +4603,8 @@ function initializeStoreCore(publishableKey, config, scopedClient) {
       connectedAccountId: currentStripeConnectedAccountId() || void 0,
       amount,
       currency: paymentCurrency,
-      ...options.appearance ? { appearance: options.appearance } : {}
+      ...options.appearance ? { appearance: options.appearance } : {},
+      ...options.setupFutureUsage ? { setupFutureUsage: options.setupFutureUsage } : {}
     });
     controller.mount(target);
     setPaymentController(controller);
@@ -4667,8 +4685,16 @@ function initializeStoreCore(publishableKey, config, scopedClient) {
   async function buildProductCartItem(item, source, productHint) {
     try {
       const product = productHint?.id === item.product_id ? productHint : await client.eshop.product.get({ id: item.product_id });
-      const variant = product.variants.find((candidate) => candidate.id === item.variant_id);
-      if (!variant) return null;
+      const variant = product.variants.find(
+        (candidate) => candidate.id === item.variant_id
+      );
+      if (!variant) {
+        cart_status.setKey(
+          "error",
+          `Cart product ${item.product_id} references unavailable variant ${item.variant_id}.`
+        );
+        return null;
+      }
       return {
         id: item.id || createId("product"),
         product_id: product.id,
@@ -4682,7 +4708,14 @@ function initializeStoreCore(publishableKey, config, scopedClient) {
         added_at: source.created_at ? source.created_at * 1e3 : Date.now(),
         max_stock: availableStock(client, variant)
       };
-    } catch {
+    } catch (error) {
+      cart_status.setKey(
+        "error",
+        readErrorMessage(
+          error,
+          `Failed to load cart product ${item.product_id}.`
+        )
+      );
       return null;
     }
   }
@@ -4721,6 +4754,7 @@ function initializeStoreCore(publishableKey, config, scopedClient) {
     promo_code.set(response.promo_code || null);
     quote.set(response.quote_snapshot || null);
     const items = response.items || [];
+    if (items.length > 0) await loadSetup();
     const products = await Promise.all(
       items.filter((item) => item.type === "product").map((item) => buildProductCartItem(item, response, options.productHint))
     );
@@ -5639,7 +5673,7 @@ function initializeStoreCore(publishableKey, config, scopedClient) {
       ready: payment_ready,
       setController: setPaymentController,
       getController: () => payment_controller.get(),
-      mountStripe: mountStripePayment,
+      mount: mountPayment,
       update: updatePaymentController,
       destroy: destroyPaymentController
     },
@@ -5794,7 +5828,7 @@ function initialize(publishableKey, options = {}) {
 }
 
 // src/index.ts
-var SDK_VERSION = "0.10.0";
+var SDK_VERSION = "0.11.0";
 var SUPPORTED_FRAMEWORKS = [
   "astro",
   "react",