@wix/headless-stores 0.0.5 → 0.0.7

package/cjs/dist/services/pay-now-service.d.ts

@@ -0,0 +1,72 @@
+import { ServiceFactoryConfig, Signal } from "@wix/services-definitions";
+export declare const PayNowServiceDefinition: string & {
+    __api: {
+        redirectToCheckout: () => Promise<void>;
+        loadingSignal: Signal<boolean>;
+        errorSignal: Signal<string | null>;
+    };
+    __config: {};
+    isServiceDefinition?: boolean;
+} & {
+    redirectToCheckout: () => Promise<void>;
+    loadingSignal: Signal<boolean>;
+    errorSignal: Signal<string | null>;
+};
+export declare const PayNowServiceImplementation: import("@wix/services-definitions").ServiceFactory<string & {
+    __api: {
+        redirectToCheckout: () => Promise<void>;
+        loadingSignal: Signal<boolean>;
+        errorSignal: Signal<string | null>;
+    };
+    __config: {};
+    isServiceDefinition?: boolean;
+} & {
+    redirectToCheckout: () => Promise<void>;
+    loadingSignal: Signal<boolean>;
+    errorSignal: Signal<string | null>;
+}, {
+    customCheckoutAction?: () => Promise<{
+        data: string | undefined;
+        error: unknown;
+    }>;
+}, import("@wix/services-definitions").ThreadMode.MAIN>;
+export declare const loadPayNowServiceInitialData: () => Promise<{
+    [PayNowServiceDefinition]: {};
+}>;
+export declare const payNowServiceBinding: <T extends {
+    [key: string]: Awaited<ReturnType<typeof loadPayNowServiceInitialData>>[typeof PayNowServiceDefinition];
+}>(servicesConfigs: T, additionalConfig?: Partial<ServiceFactoryConfig<typeof PayNowServiceImplementation>>) => readonly [string & {
+    __api: {
+        redirectToCheckout: () => Promise<void>;
+        loadingSignal: Signal<boolean>;
+        errorSignal: Signal<string | null>;
+    };
+    __config: {};
+    isServiceDefinition?: boolean;
+} & {
+    redirectToCheckout: () => Promise<void>;
+    loadingSignal: Signal<boolean>;
+    errorSignal: Signal<string | null>;
+}, import("@wix/services-definitions").ServiceFactory<string & {
+    __api: {
+        redirectToCheckout: () => Promise<void>;
+        loadingSignal: Signal<boolean>;
+        errorSignal: Signal<string | null>;
+    };
+    __config: {};
+    isServiceDefinition?: boolean;
+} & {
+    redirectToCheckout: () => Promise<void>;
+    loadingSignal: Signal<boolean>;
+    errorSignal: Signal<string | null>;
+}, {
+    customCheckoutAction?: () => Promise<{
+        data: string | undefined;
+        error: unknown;
+    }>;
+}, import("@wix/services-definitions").ThreadMode.MAIN>, {
+    customCheckoutAction?: () => Promise<{
+        data: string | undefined;
+        error: unknown;
+    }>;
+}];

package/cjs/dist/services/pay-now-service.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.payNowServiceBinding = exports.loadPayNowServiceInitialData = exports.PayNowServiceImplementation = exports.PayNowServiceDefinition = void 0;
+const services_definitions_1 = require("@wix/services-definitions");
+const signals_1 = require("@wix/services-definitions/core-services/signals");
+exports.PayNowServiceDefinition = (0, services_definitions_1.defineService)("PayNow");
+exports.PayNowServiceImplementation = services_definitions_1.implementService.withConfig()(exports.PayNowServiceDefinition, ({ getService, config }) => {
+    const signalsService = getService(signals_1.SignalsServiceDefinition);
+    const loadingSignal = signalsService.signal(false);
+    const errorSignal = signalsService.signal(null);
+    return {
+        redirectToCheckout: async () => {
+            loadingSignal.set(true);
+            try {
+                if (config.customCheckoutAction) {
+                    const result = await config.customCheckoutAction();
+                    if (result && result.data) {
+                        window.location.href = result.data;
+                    }
+                    else {
+                        throw new Error("Failed to create checkout" + result?.error);
+                    }
+                }
+            }
+            catch (error) {
+                errorSignal.set(error.toString());
+                loadingSignal.set(false);
+            }
+        },
+        loadingSignal,
+        errorSignal,
+    };
+});
+const loadPayNowServiceInitialData = async () => {
+    return {
+        [exports.PayNowServiceDefinition]: {},
+    };
+};
+exports.loadPayNowServiceInitialData = loadPayNowServiceInitialData;
+const payNowServiceBinding = (servicesConfigs, additionalConfig = {}) => {
+    return [
+        exports.PayNowServiceDefinition,
+        exports.PayNowServiceImplementation,
+        {
+            ...servicesConfigs[exports.PayNowServiceDefinition],
+            ...additionalConfig,
+        },
+    ];
+};
+exports.payNowServiceBinding = payNowServiceBinding;

package/cjs/dist/utils/index.d.ts

@@ -0,0 +1 @@
+export declare function getCheckoutUrlForProduct(productId: string, variantId?: string): Promise<string>;

package/cjs/dist/utils/index.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCheckoutUrlForProduct = getCheckoutUrlForProduct;
+const ecom_1 = require("@wix/ecom");
+const redirects_1 = require("@wix/redirects");
+const CATLOG_APP_ID_V3 = "215238eb-22a5-4c36-9e7b-e7c08025e04e";
+async function getCheckoutUrlForProduct(productId, variantId) {
+    const checkoutResult = await ecom_1.checkout.createCheckout({
+        lineItems: [
+            {
+                catalogReference: {
+                    catalogItemId: productId,
+                    appId: CATLOG_APP_ID_V3,
+                    options: {
+                        variantId,
+                    },
+                },
+                quantity: 1,
+            },
+        ],
+        channelType: ecom_1.checkout.ChannelType.WEB,
+    });
+    if (!checkoutResult._id) {
+        throw new Error("Failed to create checkout");
+    }
+    const { redirectSession } = await redirects_1.redirects.createRedirectSession({
+        ecomCheckout: { checkoutId: checkoutResult._id },
+        callbacks: {
+            postFlowUrl: window.location.href,
+        },
+    });
+    return redirectSession?.fullUrl;
+}

package/cjs/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

package/dist/astro/actions/custom-checkout.d.ts

@@ -1,4 +1,4 @@
-import { type CustomLineItemCheckoutOptions } from '@wix/headless-stores/server-actions';
+import { type CustomLineItemCheckoutOptions } from "@wix/headless-stores/server-actions";
 /**
  * Creates an Astro action factory for custom checkout functionality with line items.
  *

package/dist/astro/actions/custom-checkout.js

@@ -1,6 +1,7 @@
-/// <reference types="astro/client" />
-import { defineAction } from 'astro:actions';
-import { getCustomLineItemCheckoutURLFactory } from '@wix/headless-stores/server-actions';
+/// <reference types="astro/env" />
+// @ts-ignore
+import { defineAction } from "astro:actions";
+import { getCustomLineItemCheckoutURLFactory, } from "@wix/headless-stores/server-actions";
 /**
  * Creates an Astro action factory for custom checkout functionality with line items.
  *

package/dist/react/BuyNow.d.ts

@@ -15,6 +15,10 @@ export interface BuyNowRenderProps {
     price: string;
     /** The currency of the product being purchased */
     currency: string;
+    /** Whether the product is in stock */
+    inStock: boolean;
+    /** Whether the product is available for pre-order */
+    preOrderAvailable: boolean;
 }
 export type BuyNowChildren = (props: BuyNowRenderProps) => React.ReactNode;
 /**
@@ -32,11 +36,13 @@ export interface BuyNowProps {
  * @example
  * ```tsx
  * <BuyNow>
- *   {({ isLoading, productName, redirectToCheckout, error, price, currency }) => (
+ *   {({ isLoading, productName, redirectToCheckout, error, price, currency, inStock, preOrderAvailable }) => (
  *     <div>
  *       <h2>{productName}</h2>
  *       <p>{price} {currency}</p>
  *       {error && <div className="error">{error}</div>}
+ *       {inStock && <div>In stock</div>}
+ *       {preOrderAvailable && <div>Pre-order available</div>}
  *       <button
  *         onClick={redirectToCheckout}
  *         disabled={isLoading}

package/dist/react/BuyNow.js

@@ -10,11 +10,13 @@ import { BuyNowServiceDefinition } from "../services/buy-now-service";
  * @example
  * ```tsx
  * <BuyNow>
- *   {({ isLoading, productName, redirectToCheckout, error, price, currency }) => (
+ *   {({ isLoading, productName, redirectToCheckout, error, price, currency, inStock, preOrderAvailable }) => (
  *     <div>
  *       <h2>{productName}</h2>
  *       <p>{price} {currency}</p>
  *       {error && <div className="error">{error}</div>}
+ *       {inStock && <div>In stock</div>}
+ *       {preOrderAvailable && <div>Pre-order available</div>}
  *       <button
  *         onClick={redirectToCheckout}
  *         disabled={isLoading}
@@ -27,7 +29,7 @@ import { BuyNowServiceDefinition } from "../services/buy-now-service";
  * ```
  */
 export function BuyNow(props) {
-    const { redirectToCheckout, loadingSignal, productName, errorSignal, price, currency, } = useService(BuyNowServiceDefinition);
+    const { redirectToCheckout, loadingSignal, productName, errorSignal, price, currency, inStock, preOrderAvailable, } = useService(BuyNowServiceDefinition);
     return props.children({
         isLoading: loadingSignal.get(),
         error: errorSignal.get(),
@@ -35,5 +37,7 @@ export function BuyNow(props) {
         redirectToCheckout,
         price,
         currency,
+        inStock,
+        preOrderAvailable,
     });
 }

package/dist/react/CurrentCartServiceProvider.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export declare const CurrentCartServiceContext: React.Context<unknown>;
+export declare function CurrentCartServiceProvider(props: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/react/CurrentCartServiceProvider.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { CurrentCartService } from "../services/CurrentCartService";
+export const CurrentCartServiceContext = React.createContext(null);
+export function CurrentCartServiceProvider(props) {
+    const theService = CurrentCartService({
+        // @ts-expect-error
+        getService: () => { },
+        config: {},
+    });
+    return (_jsx(CurrentCartServiceContext.Provider, { value: theService, children: props.children }));
+}

package/dist/react/PayNow.d.ts

@@ -1,10 +1,43 @@
-interface PayNowProps {
-    children: (props: {
-        isLoading: boolean;
-        error: string | null;
-        productName: string;
-        redirectToCheckout: () => Promise<void>;
-    }) => React.ReactNode;
+export type PayNowRedirectToCheckout = () => void;
+/**
+ * Props passed to the render function of the PayNow component
+ */
+export interface PayNowRenderProps {
+    /** Whether the buy now operation is currently loading */
+    isLoading: boolean;
+    /** Function to redirect the user to the checkout page */
+    redirectToCheckout: PayNowRedirectToCheckout;
+    /** The error message if the buy now operation fails */
+    error: string | null;
 }
+export type PayNowChildren = (props: PayNowRenderProps) => React.ReactNode;
+/**
+ * Props for the PayNow component
+ */
+export interface PayNowProps {
+    /** Render function that receives buy now state and actions */
+    children: PayNowChildren;
+}
+/**
+ * A headless component that provides pay now functionality using the render props pattern.
+ *
+ * This component manages the state and actions for a "pay now" flow, allowing consumers
+ * to render their own UI while accessing the underlying payment functionality.
+ * @example
+ * ```tsx
+ * <PayNow>
+ *   {({ isLoading, redirectToCheckout, error }) => (
+ *     <div>
+ *       {error && <div className="error">{error}</div>}
+ *       <button
+ *         onClick={redirectToCheckout}
+ *         disabled={isLoading}
+ *       >
+ *         {isLoading ? 'Processing...' : 'Pay Now'}
+ *       </button>
+ *     </div>
+ *   )}
+ * </PayNow>
+ * ```
+ */
 export declare function PayNow(props: PayNowProps): import("react").ReactNode;
-export {};

package/dist/react/PayNow.js

@@ -1,11 +1,34 @@
 import { useService } from "@wix/services-manager-react";
 import { PayNowServiceDefinition } from "../services/pay-now-service";
+;
+;
+/**
+ * A headless component that provides pay now functionality using the render props pattern.
+ *
+ * This component manages the state and actions for a "pay now" flow, allowing consumers
+ * to render their own UI while accessing the underlying payment functionality.
+ * @example
+ * ```tsx
+ * <PayNow>
+ *   {({ isLoading, redirectToCheckout, error }) => (
+ *     <div>
+ *       {error && <div className="error">{error}</div>}
+ *       <button
+ *         onClick={redirectToCheckout}
+ *         disabled={isLoading}
+ *       >
+ *         {isLoading ? 'Processing...' : 'Pay Now'}
+ *       </button>
+ *     </div>
+ *   )}
+ * </PayNow>
+ * ```
+ */
 export function PayNow(props) {
-    const { redirectToCheckout, loadingSignal, productName, errorSignal, } = useService(PayNowServiceDefinition);
+    const { redirectToCheckout, loadingSignal, errorSignal, } = useService(PayNowServiceDefinition);
     return props.children({
         isLoading: loadingSignal.get(),
         error: errorSignal.get(),
-        productName: productName,
         redirectToCheckout,
     });
 }

package/dist/react/VariantSelectorServiceProvider.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { productsV3 } from "@wix/stores";
+export declare const VariantSelectorContext: React.Context<unknown>;
+export declare function VariantSelectorServiceProvider(props: {
+    product: productsV3.V3Product;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/react/VariantSelectorServiceProvider.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext } from "react";
+import { VariantSelectorService } from "../services/VariantSelectorServices";
+import { CurrentCartServiceContext } from "./CurrentCartServiceProvider";
+import { CurrentCartServiceDefinition } from "../services/CurrentCartService";
+export const VariantSelectorContext = React.createContext(null);
+export function VariantSelectorServiceProvider(props) {
+    const currentCartService = useContext(CurrentCartServiceContext);
+    const theService = VariantSelectorService({
+        // @ts-expect-error
+        getService: (id) => {
+            if (id === CurrentCartServiceDefinition) {
+                return currentCartService;
+            }
+            throw new Error(`Unknown service: ${id}`);
+        },
+        config: {
+            product: props.product,
+        },
+    });
+    return (_jsx(VariantSelectorContext.Provider, { value: theService, children: props.children }));
+}

package/dist/react/index.d.ts

@@ -1 +1,2 @@
 export * from "./BuyNow";
+export * from "./PayNow";

package/dist/react/index.js

@@ -1 +1,2 @@
 export * from "./BuyNow";
+export * from "./PayNow";

package/dist/server-actions/custom-checkout-action.d.ts

@@ -11,7 +11,7 @@ export interface CustomLineItemCheckoutOptions {
      * A description for the price, which will be displayed to the customer.
      * @example "per month"
      */
-    priceDescription?: string;
+    priceDescription: string;
     /**
      * An array of policies related to this custom item.
      * Each policy should have a title and content.
@@ -33,6 +33,10 @@ export interface CustomLineItemCheckoutOptions {
      * The price of the product.
      */
     price: string;
+    /**
+     * The currency of the product. It will only take effect after configuring the payment provider to accept this currency.
+     */
+    currency: string;
 }
 /**
  * Creates a factory function to generate checkout URLs for custom line items with a fixed price.

package/dist/server-actions/custom-checkout-action.js

@@ -36,6 +36,11 @@ export function getCustomLineItemCheckoutURLFactory(factoryOpts) {
                     }
                 ],
                 channelType: checkout.ChannelType.WEB,
+                ...(factoryOpts.currency ? {
+                    checkoutInfo: {
+                        currency: factoryOpts.currency,
+                    }
+                } : {})
             });
             if (!checkoutResult._id) {
                 throw new Error(`Failed to create checkout for custom line item ${factoryOpts.productName}`);

package/dist/services/CurrentCartService.d.ts

@@ -0,0 +1,18 @@
+export declare const CurrentCartServiceDefinition: string & {
+    __api: {
+        addItem: () => void;
+    };
+    __config: {};
+    isServiceDefinition?: boolean;
+} & {
+    addItem: () => void;
+};
+export declare const CurrentCartService: import("@wix/services-definitions").ServiceFactory<string & {
+    __api: {
+        addItem: () => void;
+    };
+    __config: {};
+    isServiceDefinition?: boolean;
+} & {
+    addItem: () => void;
+}, {}, import("@wix/services-definitions").ThreadMode.MAIN>;

package/dist/services/CurrentCartService.js

@@ -0,0 +1,9 @@
+import { defineService, implementService } from "@wix/services-definitions";
+export const CurrentCartServiceDefinition = defineService("kaki2");
+export const CurrentCartService = implementService.withConfig()(CurrentCartServiceDefinition, () => {
+    return {
+        addItem: () => {
+            alert("addItem");
+        },
+    };
+});

package/dist/services/VariantSelectorServices.d.ts

@@ -0,0 +1,8 @@
+import { productsV3 } from "@wix/stores";
+export declare const VariantSelectorService: import("@wix/services-definitions").ServiceFactory<string & {
+    __api: {};
+    __config: {};
+    isServiceDefinition?: boolean;
+}, {
+    product: productsV3.V3Product;
+}, import("@wix/services-definitions").ThreadMode.MAIN>;

package/dist/services/VariantSelectorServices.js

@@ -0,0 +1,20 @@
+import { defineService, implementService, } from "@wix/services-definitions";
+import { SignalsServiceDefinition } from "@wix/services-definitions/core-services/signals";
+import { CurrentCartServiceDefinition } from "./CurrentCartService";
+const VariantSelectorServiceDefinition = defineService("kaki");
+export const VariantSelectorService = implementService.withConfig()(VariantSelectorServiceDefinition, ({ getService, config }) => {
+    const cartService = getService(CurrentCartServiceDefinition);
+    const signalsService = getService(SignalsServiceDefinition);
+    const selectedVariant = signalsService.signal((config.product.variantsInfo?.variants ?? []).length > 0
+        ? config.product.variantsInfo.variants[0]._id
+        : null);
+    return {
+        selectedVariant,
+        setSelectedVariant: (variant) => {
+            selectedVariant.set(variant);
+        },
+        addToCart: async () => {
+            await cartService.addItem();
+        },
+    };
+});

package/dist/services/buy-now-service.d.ts

@@ -30,23 +30,23 @@ export declare const BuyNowServiceImplementation: import("@wix/services-definiti
     productName: string;
     price: string;
     currency: string;
-    customCheckoutAction?: () => Promise<{
-        data: string;
-        error: unknown;
-    }>;
+    inStock: boolean;
+    preOrderAvailable: boolean;
 }, import("@wix/services-definitions").ThreadMode.MAIN>;
 export declare const loadBuyNowServiceInitialData: (productSlug: string, variantId?: string) => Promise<{
     [BuyNowServiceDefinition]: {
-        variantId?: string | undefined;
         productId: string;
         productName: string;
         price: string;
         currency: string;
+        variantId: string | null | undefined;
+        inStock: boolean | undefined;
+        preOrderAvailable: boolean | undefined;
     };
 }>;
 export declare const buyNowServiceBinding: <T extends {
     [key: string]: Awaited<ReturnType<typeof loadBuyNowServiceInitialData>>[typeof BuyNowServiceDefinition];
-}>(servicesConfigs: T, additionalConfig: Partial<ServiceFactoryConfig<typeof BuyNowServiceImplementation>>) => readonly [string & {
+}>(servicesConfigs: T, additionalConfig?: Partial<ServiceFactoryConfig<typeof BuyNowServiceImplementation>>) => readonly [string & {
     __api: {
         redirectToCheckout: () => Promise<void>;
         loadingSignal: Signal<boolean>;
@@ -76,18 +76,14 @@ export declare const buyNowServiceBinding: <T extends {
     productName: string;
     price: string;
     currency: string;
-    customCheckoutAction?: () => Promise<{
-        data: string;
-        error: unknown;
-    }>;
+    inStock: boolean;
+    preOrderAvailable: boolean;
 }, import("@wix/services-definitions").ThreadMode.MAIN>, {
     productId: string;
     variantId?: string;
     productName: string;
     price: string;
     currency: string;
-    customCheckoutAction?: () => Promise<{
-        data: string;
-        error: unknown;
-    }>;
+    inStock: boolean;
+    preOrderAvailable: boolean;
 }];

package/dist/services/buy-now-service.js

@@ -7,20 +7,12 @@ export const BuyNowServiceImplementation = implementService.withConfig()(BuyNowS
     const signalsService = getService(SignalsServiceDefinition);
     const loadingSignal = signalsService.signal(false);
     const errorSignal = signalsService.signal(null);
+    const inStockSignal = signalsService.signal(config.inStock);
+    const preOrderAvailableSignal = signalsService.signal(config.preOrderAvailable);
     return {
         redirectToCheckout: async () => {
             loadingSignal.set(true);
             try {
-                if (config.customCheckoutAction) {
-                    const result = await config.customCheckoutAction();
-                    if (result && result.data) {
-                        window.location.href = result.data;
-                    }
-                    else {
-                        throw new Error("Failed to create checkout" + result?.error);
-                    }
-                    return;
-                }
                 const checkoutUrl = await getCheckoutUrlForProduct(config.productId, config.variantId);
                 window.location.href = checkoutUrl;
             }
@@ -31,6 +23,8 @@ export const BuyNowServiceImplementation = implementService.withConfig()(BuyNowS
         },
         loadingSignal,
         errorSignal,
+        inStockSignal,
+        preOrderAvailableSignal,
         productName: config.productName,
         price: config.price,
         currency: config.currency,
@@ -41,25 +35,23 @@ export const loadBuyNowServiceInitialData = async (productSlug, variantId) => {
         fields: ["CURRENCY"],
     });
     const product = res.product;
-    const selectedVariantId = variantId ?? product.variantsInfo?.variants?.[0]?._id;
-    const price = product.variantsInfo?.variants?.find((v) => v._id === selectedVariantId)
-        ?.price?.actualPrice?.amount ??
-        product.actualPriceRange?.minValue?.amount;
+    const selectedVariant = variantId ? product.variantsInfo?.variants?.find((v) => v._id === variantId) : product.variantsInfo?.variants?.[0];
+    const price = selectedVariant?.price?.actualPrice?.amount ?? product.actualPriceRange?.minValue?.amount;
+    const inStock = selectedVariant?.inventoryStatus?.inStock;
+    const preOrderAvailable = selectedVariant?.inventoryStatus?.preorderEnabled;
     return {
         [BuyNowServiceDefinition]: {
             productId: product._id,
             productName: product.name,
             price: price,
             currency: product.currency,
-            ...(typeof selectedVariantId !== "undefined"
-                ? {
-                    variantId: selectedVariantId,
-                }
-                : {}),
+            variantId: selectedVariant?._id,
+            inStock,
+            preOrderAvailable,
         },
     };
 };
-export const buyNowServiceBinding = (servicesConfigs, additionalConfig) => {
+export const buyNowServiceBinding = (servicesConfigs, additionalConfig = {}) => {
     return [
         BuyNowServiceDefinition,
         BuyNowServiceImplementation,

package/dist/services/index.d.ts

@@ -1 +1,2 @@
 export { buyNowServiceBinding, loadBuyNowServiceInitialData, } from "./buy-now-service";
+export { payNowServiceBinding, loadPayNowServiceInitialData, } from "./pay-now-service";

package/dist/services/index.js

@@ -1 +1,2 @@
 export { buyNowServiceBinding, loadBuyNowServiceInitialData, } from "./buy-now-service";
+export { payNowServiceBinding, loadPayNowServiceInitialData, } from "./pay-now-service";