@wix/headless-stores 0.0.1 → 0.0.3

package/dist/astro/BuyNowServiceContext.d.ts

@@ -0,0 +1,2 @@
+export declare const BuyNowServiceProvider: any, getBuyNowServiceProvider: any;
+export declare const withBuyButtonService: (Component: React.ComponentType<any>) => (props: any) => import("react/jsx-runtime").JSX.Element;

package/dist/astro/BuyNowServiceContext.js

@@ -0,0 +1,6 @@
+import { createContext, withContext } from "@wix/headless-components-core";
+globalThis.BuyNowServiceContext ||= createContext();
+export const [BuyNowServiceProvider, getBuyNowServiceProvider] = globalThis.BuyNowServiceContext;
+export const withBuyButtonService = (Component) => {
+    return withContext(globalThis.BuyNowServiceContext[1], Component);
+};

package/dist/astro/ManagerProviderContext.d.ts

@@ -0,0 +1,2 @@
+export declare const ManagerProvider: any, getManagerProvider: any;
+export declare const withManagerProvider: (Component: React.ComponentType<any>) => (props: any) => import("react/jsx-runtime").JSX.Element;

package/dist/astro/ManagerProviderContext.js

@@ -0,0 +1,7 @@
+import { createContext, withContext } from "@wix/headless-components-core";
+globalThis.ManagerProviderContext ||= createContext();
+export const [ManagerProvider, getManagerProvider] = globalThis.ManagerProviderContext;
+export const withManagerProvider = (Component) => {
+    console.log("withManagerProvider manager is", globalThis.ManagerProviderContext[1]);
+    return withContext(globalThis.ManagerProviderContext[1], Component);
+};

package/dist/astro/withBuyButtonService.d.ts

@@ -0,0 +1,2 @@
+export declare const BuyNow: (props: unknown) => import("react/jsx-runtime").JSX.Element;
+export declare const withBuyButtonService: (Component: React.ComponentType<any>) => (props: any) => import("react/jsx-runtime").JSX.Element;

package/dist/astro/withBuyButtonService.js

@@ -0,0 +1,16 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { withContext } from "@wix/headless-components-core";
+import { getBuyNowServiceProvider } from "@wix/headless-stores/astro/BuyNowServiceContext";
+export const BuyNow = withContext(getBuyNowServiceProvider, ({ context }) => {
+    console.log("context", context);
+    // @ts-expect-error
+    const { loading, error, redirectToCheckout } = context;
+    if (loading.get())
+        return _jsx(_Fragment, { children: "Preparing checkout..." });
+    if (error.get())
+        return _jsxs(_Fragment, { children: ["Error: ", error.get()] });
+    return _jsx("button", { onClick: redirectToCheckout, className: "bg-blue-500 text-white p-2 rounded-md", children: "Yalla, Buy!" });
+});
+export const withBuyButtonService = (Component) => {
+    return withContext(getBuyNowServiceProvider, Component);
+};

package/dist/react/BuyNow.d.ts

@@ -0,0 +1,51 @@
+export type RedirectToCheckout = () => void;
+/**
+ * Props passed to the render function of the BuyNow component
+ */
+export interface BuyNowRenderProps {
+    /** Whether the buy now operation is currently loading */
+    isLoading: boolean;
+    /** The name of the product being purchased */
+    productName: string;
+    /** Function to redirect the user to the checkout page */
+    redirectToCheckout: RedirectToCheckout;
+    /** The error message if the buy now operation fails */
+    error: string | null;
+    /** The price of the product being purchased */
+    price: string;
+    /** The currency of the product being purchased */
+    currency: string;
+}
+export type BuyNowChildren = (props: BuyNowRenderProps) => React.ReactNode;
+/**
+ * Props for the BuyNow component
+ */
+export interface BuyNowProps {
+    /** Render function that receives buy now state and actions */
+    children: BuyNowChildren;
+}
+/**
+ * A headless component that provides buy now functionality using the render props pattern.
+ *
+ * This component manages the state and actions for a "buy now" flow, allowing consumers
+ * to render their own UI while accessing the underlying buy now functionality.
+ * @example
+ * ```tsx
+ * <BuyNow>
+ *   {({ isLoading, productName, redirectToCheckout, error, price, currency }) => (
+ *     <div>
+ *       <h2>{productName}</h2>
+ *       <p>{price} {currency}</p>
+ *       {error && <div className="error">{error}</div>}
+ *       <button
+ *         onClick={redirectToCheckout}
+ *         disabled={isLoading}
+ *       >
+ *         {isLoading ? 'Processing...' : 'Buy Now'}
+ *       </button>
+ *     </div>
+ *   )}
+ * </BuyNow>
+ * ```
+ */
+export declare function BuyNow(props: BuyNowProps): import("react").ReactNode;

package/dist/react/BuyNow.js

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

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/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/hookim/index.d.ts

@@ -0,0 +1,5 @@
+export declare function useBuyNow(productId: string, variantId: string): {
+    isLoading: boolean;
+    error: Error | null;
+    redirectToCheckout: () => Promise<void>;
+};

package/dist/react/hookim/index.js

@@ -0,0 +1,22 @@
+import { useState } from "react";
+import { getCheckoutUrlForProduct } from "../../utils";
+export function useBuyNow(productId, variantId) {
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const redirectToCheckout = async () => {
+        setIsLoading(true);
+        try {
+            const checkoutUrl = await getCheckoutUrlForProduct(productId, variantId);
+            window.location.href = checkoutUrl;
+        }
+        catch (error) {
+            setError(error);
+            setIsLoading(false);
+        }
+    };
+    return {
+        isLoading,
+        error,
+        redirectToCheckout,
+    };
+}

package/dist/react/index.js

@@ -0,0 +1 @@
+export { BuyNow } from "./BuyNow";

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

@@ -0,0 +1,81 @@
+import { ServiceFactoryConfig, Signal } from "@wix/services-definitions";
+export declare const BuyNowServiceDefinition: 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 BuyNowServiceImplementation: 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>;
+}, {
+    productId: string;
+    variantId?: string;
+    productName: string;
+    price: string;
+    currency: string;
+}, 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;
+    };
+}>;
+export declare const buyNowServiceBinding: <T extends {
+    [key: string]: Awaited<ReturnType<typeof loadBuyNowServiceInitialData>>[typeof BuyNowServiceDefinition];
+}>(servicesConfigs: T) => 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>;
+}, {
+    productId: string;
+    variantId?: string;
+    productName: string;
+    price: string;
+    currency: string;
+}, import("@wix/services-definitions").ThreadMode.MAIN>, {
+    productId: string;
+    variantId?: string;
+    productName: string;
+    price: string;
+    currency: string;
+}];

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

@@ -0,0 +1,58 @@
+import { defineService, implementService, } from "@wix/services-definitions";
+import { SignalsServiceDefinition } from "@wix/services-definitions/core-services/signals";
+import { productsV3 } from "@wix/stores";
+import { getCheckoutUrlForProduct } from "../utils";
+export const BuyNowServiceDefinition = defineService("BuyNow");
+export const BuyNowServiceImplementation = implementService.withConfig()(BuyNowServiceDefinition, ({ getService, config }) => {
+    const signalsService = getService(SignalsServiceDefinition);
+    const loadingSignal = signalsService.signal(false);
+    const errorSignal = signalsService.signal(null);
+    return {
+        redirectToCheckout: async () => {
+            loadingSignal.set(true);
+            try {
+                const checkoutUrl = await getCheckoutUrlForProduct(config.productId, config.variantId);
+                window.location.href = checkoutUrl;
+            }
+            catch (error) {
+                errorSignal.set(error);
+                loadingSignal.set(false);
+            }
+        },
+        loadingSignal,
+        errorSignal,
+        productName: config.productName,
+        price: config.price,
+        currency: config.currency,
+    };
+});
+export const loadBuyNowServiceInitialData = async (productSlug, variantId) => {
+    const res = await productsV3.getProductBySlug(productSlug, {
+        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;
+    return {
+        [BuyNowServiceDefinition]: {
+            productId: product._id,
+            productName: product.name,
+            price: price,
+            currency: product.currency,
+            ...(typeof selectedVariantId !== "undefined"
+                ? {
+                    variantId: selectedVariantId,
+                }
+                : {}),
+        },
+    };
+};
+export const buyNowServiceBinding = (servicesConfigs) => {
+    return [
+        BuyNowServiceDefinition,
+        BuyNowServiceImplementation,
+        servicesConfigs[BuyNowServiceDefinition],
+    ];
+};

package/dist/services/index.d.ts

@@ -0,0 +1 @@
+export { buyNowServiceBinding, loadBuyNowServiceInitialData, } from "./buy-now-service";

package/dist/services/index.js

@@ -0,0 +1 @@
+export { buyNowServiceBinding, loadBuyNowServiceInitialData, } from "./buy-now-service";

package/dist/utils/index.d.ts

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

package/dist/utils/index.js

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

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "@wix/headless-stores",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "scripts": {
     "build": "tsc",
     "test": "vitest"
   },
+  "files": [
+    "dist"
+  ],
   "exports": {
     "./react": "./dist/react/index.js",
     "./services": "./dist/services/index.js"

package/src/react/BuyNow.test.tsx

@@ -1,139 +0,0 @@
-import { render, screen, fireEvent, waitFor, act } from '@testing-library/react';
-import '@testing-library/jest-dom/vitest';
-import { describe, test, expect, vi, beforeEach, afterEach } from 'vitest';
-import { BuyNow } from './BuyNow';
-
-vi.mock('@wix/ecom', () => ({
-  checkout: {
-    createCheckout: vi.fn(),
-    ChannelType: { WEB: 'WEB' },
-  },
-}));
-
-vi.mock('@wix/redirects', () => ({
-  redirects: {
-    createRedirectSession: vi.fn(),
-  },
-}));
-
-const originalLocation = window.location;
-let ecomCheckoutMock: any;
-let redirectsMock: any;
-
-beforeEach(async () => {
-  const ecom = await import('@wix/ecom');
-  ecomCheckoutMock = ecom.checkout;
-  const redirectsModule = await import('@wix/redirects');
-  redirectsMock = redirectsModule.redirects;
-
-  vi.clearAllMocks();
-
-  delete (window as any).location;
-  (window as any).location = { ...originalLocation, href: '' };
-
-  ecomCheckoutMock.createCheckout.mockResolvedValue({ _id: 'test-checkout-id' });
-  redirectsMock.createRedirectSession.mockResolvedValue({
-    redirectSession: { fullUrl: 'http://mocked-redirect-url.com' },
-  });
-});
-
-afterEach(() => {
-  (window as any).location = originalLocation; // Use type assertion for restoration
-});
-
-describe('BuyNow Component from @wix/headless-stores/react', () => {
-  const testProductId = 'test-product-123';
-  const testVariant = { color: 'blue' };
-
-  const renderComponent = (props = {}) => {
-    let capturedRedirectToCheckout: () => Promise<void> = async () => {};
-    const renderOutput = render(
-      <BuyNow
-        productId={testProductId}
-        variant={testVariant}
-        {...props}
-      >
-        {({ isLoading, redirectToCheckout }) => {
-          capturedRedirectToCheckout = redirectToCheckout as () => Promise<void>;
-          if (isLoading) return <div>Loading...</div>;
-          return <button onClick={redirectToCheckout}>Buy Product Now</button>;
-        }}
-      </BuyNow>
-    );
-    return { ...renderOutput, redirectToCheckoutDirectly: capturedRedirectToCheckout };
-  };
-
-  test('should render the button with children render prop', () => {
-    renderComponent();
-    expect(screen.getByRole('button', { name: /Buy Product Now/i })).toBeInTheDocument();
-  });
-
-  test('should show loading state and call checkout and redirect services on click', async () => {
-    renderComponent();
-    const button = screen.getByRole('button', { name: /Buy Product Now/i });
-    fireEvent.click(button);
-
-    expect(screen.getByText(/Loading.../i)).toBeInTheDocument();
-
-    await waitFor(() => {
-      expect(ecomCheckoutMock.createCheckout).toHaveBeenCalledTimes(1);
-    });
-    expect(ecomCheckoutMock.createCheckout).toHaveBeenCalledWith({
-      lineItems: [{
-        catalogReference: {
-          catalogItemId: testProductId,
-          appId: '215238eb-22a5-4c36-9e7b-e7c08025e04e',
-          options: {
-            options: testVariant,
-          }
-        },
-        quantity: 1
-      }],
-      channelType: 'WEB',
-    });
-
-    await waitFor(() => {
-      expect(redirectsMock.createRedirectSession).toHaveBeenCalledTimes(1);
-    });
-    expect(redirectsMock.createRedirectSession).toHaveBeenCalledWith({
-      ecomCheckout: { checkoutId: 'test-checkout-id' },
-      callbacks: {
-        postFlowUrl: expect.any(String),
-      },
-    });
-
-    await waitFor(() => {
-      expect(window.location.href).toBe('http://mocked-redirect-url.com');
-    });
-
-    expect(screen.getByRole('button', { name: /Buy Product Now/i })).toBeInTheDocument();
-  });
-
-  test('should handle checkout creation failure and reject', async () => {
-    ecomCheckoutMock.createCheckout.mockResolvedValueOnce({ _id: null });
-
-    const { redirectToCheckoutDirectly } = renderComponent();
-
-    await act(async () => {
-      await expect(redirectToCheckoutDirectly()).rejects.toThrow('Failed to create checkout');
-    });
-
-    expect(screen.getByRole('button', { name: /Buy Product Now/i })).toBeInTheDocument();
-    expect(ecomCheckoutMock.createCheckout).toHaveBeenCalledTimes(1);
-    expect(redirectsMock.createRedirectSession).not.toHaveBeenCalled();
-  });
-
-   test('should set isLoading to false and reject if redirects.createRedirectSession throws', async () => {
-    redirectsMock.createRedirectSession.mockRejectedValueOnce(new Error('Redirect failed'));
-
-    const { redirectToCheckoutDirectly } = renderComponent();
-
-    await act(async () => {
-      await expect(redirectToCheckoutDirectly()).rejects.toThrow('Redirect failed');
-    });
-
-    expect(screen.getByRole('button', { name: /Buy Product Now/i })).toBeInTheDocument();
-    expect(redirectsMock.createRedirectSession).toHaveBeenCalledTimes(1);
-    expect(window.location.href).not.toBe('http://mocked-redirect-url.com');
-  });
-});

package/src/react/BuyNow.tsx

@@ -1,76 +0,0 @@
-import { useService } from "@wix/services-manager-react";
-import { BuyNowServiceDefinition } from "../services/buy-now-service";
-
-/**
- * Props passed to the render function of the BuyNow component
- */
-export type BuyNowRenderProps = {
-  /** Whether the buy now operation is currently loading */
-  isLoading: boolean;
-  /** The name of the product being purchased */
-  productName: string;
-  /** Function to redirect the user to the checkout page */
-  redirectToCheckout: () => void;
-  /** The error message if the buy now operation fails */
-  error: string | null;
-  /** The price of the product being purchased */
-  price: string;
-  /** The currency of the product being purchased */
-  currency: string;
-};
-
-/**
- * Props for the BuyNow component
- */
-export type BuyNowProps = {
-  /** Render function that receives buy now state and actions */
-  children: (props: BuyNowRenderProps) => React.ReactNode;
-};
-
-/**
- * A headless component that provides buy now functionality using the render props pattern.
- *
- * This component manages the state and actions for a "buy now" flow, allowing consumers
- * to render their own UI while accessing the underlying buy now functionality.
- *
- * @param props - The component props
- * @returns The rendered children with buy now state and actions
- *
- * @example
- * ```tsx
- * <BuyNow>
- *   {({ isLoading, productName, redirectToCheckout, error, price, currency }) => (
- *     <div>
- *       <h2>{productName}</h2>
- *       <p>{price} {currency}</p>
- *       {error && <div className="error">{error}</div>}
- *       <button
- *         onClick={redirectToCheckout}
- *         disabled={isLoading}
- *       >
- *         {isLoading ? 'Processing...' : 'Buy Now'}
- *       </button>
- *     </div>
- *   )}
- * </BuyNow>
- * ```
- */
-export function BuyNow(props: BuyNowProps) {
-  const {
-    redirectToCheckout,
-    loadingSignal,
-    productName,
-    errorSignal,
-    price,
-    currency,
-  } = useService(BuyNowServiceDefinition);
-
-  return props.children({
-    isLoading: loadingSignal.get(),
-    error: errorSignal.get(),
-    productName: productName,
-    redirectToCheckout,
-    price,
-    currency,
-  });
-}

package/src/services/buy-now-service.ts

@@ -1,100 +0,0 @@
-import {
-  defineService,
-  implementService,
-  ServiceFactoryConfig,
-  Signal,
-} from "@wix/services-definitions";
-import { SignalsServiceDefinition } from "@wix/services-definitions/core-services/signals";
-import { productsV3 } from "@wix/stores";
-import { getCheckoutUrlForProduct } from "../utils";
-
-export const BuyNowServiceDefinition = defineService<{
-  redirectToCheckout: () => Promise<void>;
-  loadingSignal: Signal<boolean>;
-  errorSignal: Signal<string | null>;
-}>("BuyNow");
-
-export const BuyNowServiceImplementation = implementService.withConfig<{
-  productId: string;
-  variantId?: string;
-  productName: string;
-  price: string;
-  currency: string;
-}>()(BuyNowServiceDefinition, ({ getService, config }) => {
-  const signalsService = getService(SignalsServiceDefinition);
-  const loadingSignal = signalsService.signal(false) as Signal<boolean>;
-  const errorSignal = signalsService.signal<string | null>(null) as Signal<
-    string | null
-  >;
-
-  return {
-    redirectToCheckout: async () => {
-      loadingSignal.set(true);
-      try {
-        const checkoutUrl = await getCheckoutUrlForProduct(
-          config.productId,
-          config.variantId
-        );
-        window.location.href = checkoutUrl;
-      } catch (error) {
-        errorSignal.set(error as string);
-        loadingSignal.set(false);
-      }
-    },
-    loadingSignal,
-    errorSignal,
-    productName: config.productName,
-    price: config.price,
-    currency: config.currency,
-  };
-});
-
-export const loadBuyNowServiceInitialData = async (
-  productSlug: string,
-  variantId?: string
-) => {
-  const res = await productsV3.getProductBySlug(productSlug, {
-    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;
-
-  return {
-    [BuyNowServiceDefinition]: {
-      productId: product._id!,
-      productName: product.name!,
-      price: price!,
-      currency: product.currency!,
-      ...(typeof selectedVariantId !== "undefined"
-        ? {
-            variantId: selectedVariantId!,
-          }
-        : {}),
-    },
-  };
-};
-
-export const buyNowServiceBinding = <
-  T extends {
-    [key: string]: Awaited<
-      ReturnType<typeof loadBuyNowServiceInitialData>
-    >[typeof BuyNowServiceDefinition];
-  }
->(
-  servicesConfigs: T
-) => {
-  return [
-    BuyNowServiceDefinition,
-    BuyNowServiceImplementation,
-    servicesConfigs[BuyNowServiceDefinition] as ServiceFactoryConfig<
-      typeof BuyNowServiceImplementation
-    >,
-  ] as const;
-};

package/src/services/index.ts

@@ -1,4 +0,0 @@
-export {
-  buyNowServiceBinding,
-  loadBuyNowServiceInitialData,
-} from "./buy-now-service";

package/src/utils/index.ts

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

package/src/vitest.setup.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/vitest';

package/tsconfig.json

@@ -1,34 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ESNext" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */,
-    "module": "ESNext" /* Specify what module code is generated. */,
-    "moduleResolution": "bundler" /* Specify how TypeScript looks up a file from a given module specifier. */,
-    "resolveJsonModule": true /* Enable importing .json files. */,
-    "rootDir": "./src" /* Specify the root folder within your source files. */,
-    "outDir": "./dist" /* Specify an output folder for all emitted files. */,
-    "esModuleInterop": true /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */,
-    "forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */,
-    "noImplicitAny": true /* Enable error reporting for expressions and declarations with an implied 'any' type. */,
-    "noImplicitThis": true /* Enable error reporting when 'this' is given the type 'any'. */,
-    "useUnknownInCatchVariables": true /* Default catch clause variables as 'unknown' instead of 'any'. */,
-    "noUnusedLocals": true /* Enable error reporting when local variables aren't read. */,
-    "noUnusedParameters": true /* Raise an error when a function parameter isn't read. */,
-    "noUncheckedIndexedAccess": true /* Add 'undefined' to a type when accessed using an index. */,
-    "noPropertyAccessFromIndexSignature": true /* Enforces using indexed accessors for keys declared using an indexed type. */,
-    "skipLibCheck": true /* Skip type checking all .d.ts files. */,
-    "declaration": true,
-    "strict": true,
-    "noEmitOnError": false,
-    "jsx": "react-jsx"
-  },
-  "include": ["src/**/*"],
-  "exclude": [
-    "node_modules",
-    "dist",
-    "**/*.test.ts",
-    "**/*.test.tsx",
-    "**/*.spec.ts",
-    "**/*.spec.tsx",
-    "src/vitest.setup.ts"
-  ]
-}

package/vitest.config.ts

@@ -1,9 +0,0 @@
-import { defineConfig } from 'vitest/config';
-
-export default defineConfig({
-  test: {
-    globals: true,
-    environment: 'jsdom',
-    setupFiles: ['./src/vitest.setup.ts'], // Adjusted path to be relative to this config file
-  },
-});