@betterstore/react 0.2.18 → 0.2.19

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @betterstore/sdk
 
+## 0.2.19
+
+### Patch Changes
+
+- bug fixes
+
 ## 0.2.18
 
 ### Patch Changes

package/dist/components/checkout-embed/checkout-form.d.ts

@@ -1,8 +1,9 @@
-import { CheckoutSession } from "@betterstore/sdk";
+import { CheckoutSession, createStoreClient } from "@betterstore/sdk";
 import { StripeElementsOptions } from "@stripe/stripe-js";
 import React from "react";
 import { AppearanceConfig } from "./appearance";
 interface CheckoutFormProps {
+    storeClient: ReturnType<typeof createStoreClient>;
     checkoutId: string;
     onSuccess: () => void;
     onError: () => void;
@@ -13,5 +14,5 @@ interface CheckoutFormProps {
     checkoutAppearance?: AppearanceConfig;
     fonts?: StripeElementsOptions["fonts"];
 }
-export default function CheckoutForm({ checkoutId, onSuccess, onError, cancelUrl, clientSecret, customer, currency, checkoutAppearance, fonts, }: CheckoutFormProps): React.JSX.Element;
+export default function CheckoutForm({ storeClient, checkoutId, onSuccess, onError, cancelUrl, clientSecret, customer, currency, checkoutAppearance, fonts, }: CheckoutFormProps): React.JSX.Element;
 export {};

package/dist/components/checkout-embed/index.d.ts

@@ -11,6 +11,7 @@ interface CheckoutEmbedProps {
         appearance?: AppearanceConfig;
         fonts?: StripeElementsOptions["fonts"];
         locale?: Locale;
+        clientProxy?: string;
     };
 }
 declare function CheckoutEmbed({ checkoutId, config }: CheckoutEmbedProps): React.JSX.Element;

package/dist/index.cjs.js

@@ -4390,9 +4390,6 @@ function createStoreHelpers(config) {
   return new helpers_default(void 0 );
 }
 
-const storeClient = createStoreClient({ proxy: "/api/betterstore" });
-const storeHelpers = createStoreHelpers();
-
 function Appearance({ appearance, }) {
     React.useEffect(() => {
         const variables = getVariablesFromAppearanceConfig(appearance);
@@ -15412,7 +15409,7 @@ const motionSettings = {
     exit: { opacity: 0 },
     transition: { duration: 0.2 },
 };
-function CheckoutForm({ checkoutId, onSuccess, onError, cancelUrl, clientSecret, customer, currency, checkoutAppearance, fonts, }) {
+function CheckoutForm({ storeClient, checkoutId, onSuccess, onError, cancelUrl, clientSecret, customer, currency, checkoutAppearance, fonts, }) {
     const { formData, setFormData, step, setStep } = useFormStore(checkoutId)();
     const [paymentSecret, setPaymentSecret] = React.useState(null);
     const [shippingRates, setShippingRates] = React.useState([]);
@@ -15561,6 +15558,8 @@ function InputGroupLoading({ className }) {
         React.createElement(Skeleton, { className: "w-full h-9" })));
 }
 
+const storeHelpers = createStoreHelpers();
+
 function CheckoutSummary({ lineItems, shipping, tax, currency, cancelUrl, exchangeRate, }) {
     const { t } = reactI18next.useTranslation();
     const subtotal = lineItems.reduce((acc, item) => {
@@ -15634,7 +15633,8 @@ function CheckoutSummaryLoading() {
 
 function CheckoutEmbed({ checkoutId, config }) {
     var _a, _b, _c, _d;
-    const { cancelUrl, successUrl, appearance, locale, clientSecret } = config;
+    const { cancelUrl, successUrl, appearance, locale, clientSecret, clientProxy, } = config;
+    const storeClient = createStoreClient({ proxy: clientProxy });
     React.useMemo(() => createI18nInstance(locale), []);
     const [checkout, setCheckout] = React.useState(null);
     const [loading, setLoading] = React.useState(true);
@@ -15678,7 +15678,7 @@ function CheckoutEmbed({ checkoutId, config }) {
     }
     return (React.createElement("div", { className: "checkout-embed mx-auto max-w-[1200px] min-h-screen overflow-x-hidden py-8 md:py-12 grid md:grid-cols-7 " },
         React.createElement(Appearance, { appearance: appearance }),
-        React.createElement("div", { className: "md:col-span-4 px-4 md:px-8" }, loading ? (React.createElement(CheckoutFormLoading, null)) : (React.createElement(CheckoutForm, { fonts: config.fonts, checkoutAppearance: appearance, currency: (_a = checkout === null || checkout === void 0 ? void 0 : checkout.currency) !== null && _a !== void 0 ? _a : "", customer: checkout === null || checkout === void 0 ? void 0 : checkout.customer, cancelUrl: cancelUrl, checkoutId: checkoutId, clientSecret: clientSecret, onSuccess: onSuccess, onError: onError }))),
+        React.createElement("div", { className: "md:col-span-4 px-4 md:px-8" }, loading ? (React.createElement(CheckoutFormLoading, null)) : (React.createElement(CheckoutForm, { storeClient: storeClient, fonts: config.fonts, checkoutAppearance: appearance, currency: (_a = checkout === null || checkout === void 0 ? void 0 : checkout.currency) !== null && _a !== void 0 ? _a : "", customer: checkout === null || checkout === void 0 ? void 0 : checkout.customer, cancelUrl: cancelUrl, checkoutId: checkoutId, clientSecret: clientSecret, onSuccess: onSuccess, onError: onError }))),
         React.createElement("div", { className: "md:col-span-3 px-4 md:px-8 order-first md:order-last" }, loading ? (React.createElement(CheckoutSummaryLoading, null)) : (React.createElement(CheckoutSummary, { currency: (_b = checkout === null || checkout === void 0 ? void 0 : checkout.currency) !== null && _b !== void 0 ? _b : "", lineItems: (_c = checkout === null || checkout === void 0 ? void 0 : checkout.lineItems) !== null && _c !== void 0 ? _c : [], shipping: checkout === null || checkout === void 0 ? void 0 : checkout.shipping, tax: checkout === null || checkout === void 0 ? void 0 : checkout.tax, cancelUrl: cancelUrl, exchangeRate: (_d = checkout === null || checkout === void 0 ? void 0 : checkout.exchangeRate) !== null && _d !== void 0 ? _d : 1 })))));
 }
 var index = React.memo(CheckoutEmbed);

package/dist/index.mjs

@@ -4367,9 +4367,6 @@ function createStoreHelpers(config) {
   return new helpers_default(void 0 );
 }
 
-const storeClient = createStoreClient({ proxy: "/api/betterstore" });
-const storeHelpers = createStoreHelpers();
-
 function Appearance({ appearance, }) {
     useEffect(() => {
         const variables = getVariablesFromAppearanceConfig(appearance);
@@ -15389,7 +15386,7 @@ const motionSettings = {
     exit: { opacity: 0 },
     transition: { duration: 0.2 },
 };
-function CheckoutForm({ checkoutId, onSuccess, onError, cancelUrl, clientSecret, customer, currency, checkoutAppearance, fonts, }) {
+function CheckoutForm({ storeClient, checkoutId, onSuccess, onError, cancelUrl, clientSecret, customer, currency, checkoutAppearance, fonts, }) {
     const { formData, setFormData, step, setStep } = useFormStore(checkoutId)();
     const [paymentSecret, setPaymentSecret] = useState(null);
     const [shippingRates, setShippingRates] = useState([]);
@@ -15538,6 +15535,8 @@ function InputGroupLoading({ className }) {
         React__default.createElement(Skeleton, { className: "w-full h-9" })));
 }
 
+const storeHelpers = createStoreHelpers();
+
 function CheckoutSummary({ lineItems, shipping, tax, currency, cancelUrl, exchangeRate, }) {
     const { t } = useTranslation();
     const subtotal = lineItems.reduce((acc, item) => {
@@ -15611,7 +15610,8 @@ function CheckoutSummaryLoading() {
 
 function CheckoutEmbed({ checkoutId, config }) {
     var _a, _b, _c, _d;
-    const { cancelUrl, successUrl, appearance, locale, clientSecret } = config;
+    const { cancelUrl, successUrl, appearance, locale, clientSecret, clientProxy, } = config;
+    const storeClient = createStoreClient({ proxy: clientProxy });
     React__default.useMemo(() => createI18nInstance(locale), []);
     const [checkout, setCheckout] = useState(null);
     const [loading, setLoading] = useState(true);
@@ -15655,7 +15655,7 @@ function CheckoutEmbed({ checkoutId, config }) {
     }
     return (React__default.createElement("div", { className: "checkout-embed mx-auto max-w-[1200px] min-h-screen overflow-x-hidden py-8 md:py-12 grid md:grid-cols-7 " },
         React__default.createElement(Appearance, { appearance: appearance }),
-        React__default.createElement("div", { className: "md:col-span-4 px-4 md:px-8" }, loading ? (React__default.createElement(CheckoutFormLoading, null)) : (React__default.createElement(CheckoutForm, { fonts: config.fonts, checkoutAppearance: appearance, currency: (_a = checkout === null || checkout === void 0 ? void 0 : checkout.currency) !== null && _a !== void 0 ? _a : "", customer: checkout === null || checkout === void 0 ? void 0 : checkout.customer, cancelUrl: cancelUrl, checkoutId: checkoutId, clientSecret: clientSecret, onSuccess: onSuccess, onError: onError }))),
+        React__default.createElement("div", { className: "md:col-span-4 px-4 md:px-8" }, loading ? (React__default.createElement(CheckoutFormLoading, null)) : (React__default.createElement(CheckoutForm, { storeClient: storeClient, fonts: config.fonts, checkoutAppearance: appearance, currency: (_a = checkout === null || checkout === void 0 ? void 0 : checkout.currency) !== null && _a !== void 0 ? _a : "", customer: checkout === null || checkout === void 0 ? void 0 : checkout.customer, cancelUrl: cancelUrl, checkoutId: checkoutId, clientSecret: clientSecret, onSuccess: onSuccess, onError: onError }))),
         React__default.createElement("div", { className: "md:col-span-3 px-4 md:px-8 order-first md:order-last" }, loading ? (React__default.createElement(CheckoutSummaryLoading, null)) : (React__default.createElement(CheckoutSummary, { currency: (_b = checkout === null || checkout === void 0 ? void 0 : checkout.currency) !== null && _b !== void 0 ? _b : "", lineItems: (_c = checkout === null || checkout === void 0 ? void 0 : checkout.lineItems) !== null && _c !== void 0 ? _c : [], shipping: checkout === null || checkout === void 0 ? void 0 : checkout.shipping, tax: checkout === null || checkout === void 0 ? void 0 : checkout.tax, cancelUrl: cancelUrl, exchangeRate: (_d = checkout === null || checkout === void 0 ? void 0 : checkout.exchangeRate) !== null && _d !== void 0 ? _d : 1 })))));
 }
 var index = memo$1(CheckoutEmbed);

package/dist/lib/betterstore.d.ts

@@ -1,13 +1,3 @@
-export declare const storeClient: {
-    proxy?: string;
-    retrieveCheckout(clientSecret: string, checkoutId: string): Promise<import("@betterstore/sdk").CheckoutSession>;
-    updateCheckout(clientSecret: string, checkoutId: string, params: import("@betterstore/sdk").CheckoutUpdateParams): Promise<import("@betterstore/sdk").CheckoutSession>;
-    getCheckoutShippingRates(clientSecret: string, checkoutId: string): Promise<import("@betterstore/sdk").ShippingRate[]>;
-    generateCheckoutsPaymentSecret(clientSecret: string, checkoutId: string): Promise<string>;
-    createCustomer(clientSecret: string, params: import("@betterstore/sdk").CustomerCreateParams): Promise<import("@betterstore/sdk").Customer>;
-    retrieveCustomer(clientSecret: string, idOrEmail: string): Promise<import("@betterstore/sdk").Customer>;
-    updateCustomer(clientSecret: string, customerId: string, params: import("@betterstore/sdk").CustomerUpdateParams): Promise<import("@betterstore/sdk").Customer>;
-};
 export declare const storeHelpers: {
     proxy?: string;
     formatPrice(priceInCents: number, currency: string, exchangeRate?: number): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@betterstore/react",
-  "version": "0.2.18",
+  "version": "0.2.19",
   "description": "E-commerce for Developers",
   "private": false,
   "publishConfig": {
@@ -79,7 +79,7 @@
     "zustand": "^5.0.3"
   },
   "scripts": {
-    "dev": "vite",
+    "dev": "BETTERSTORE_DEV_PROXY=true vite",
     "prep": "changeset && changeset version && git add .",
     "build": "rollup -c",
     "lint": "tsc",