@betterstore/react 0.2.5 → 0.2.6

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @betterstore/sdk
 
+## 0.2.6
+
+### Patch Changes
+
+- bug fixes
+
 ## 0.2.5
 
 ### Patch Changes

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

@@ -3,6 +3,7 @@ import type { CheckoutFormData } from "./checkout-schema";
 interface CheckoutFormProps {
     checkoutId: string;
     onComplete?: (data: CheckoutFormData) => void;
+    cancelUrl: string;
 }
-export default function CheckoutForm({ checkoutId, onComplete, }: CheckoutFormProps): React.JSX.Element;
+export default function CheckoutForm({ checkoutId, onComplete, cancelUrl, }: CheckoutFormProps): React.JSX.Element;
 export {};

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

@@ -1,6 +1,8 @@
 import React from "react";
-declare function CheckoutEmbed({ checkoutId }: {
+declare function CheckoutEmbed({ checkoutId, cancelUrl, successUrl, }: {
     checkoutId: string;
+    cancelUrl: string;
+    successUrl: string;
 }): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof CheckoutEmbed>;
 export default _default;

package/dist/index.cjs.js

@@ -838,15 +838,15 @@ function useLocalStorage(key, initialValue) {
         try {
             // Get from local storage by key
             const item = window.localStorage.getItem(key);
-            // Parse stored json or if none return initialValue
-            setStoredValue(item ? JSON.parse(item) : initialValue);
+            // Only set the value if we found something in localStorage
+            if (item) {
+                setStoredValue(JSON.parse(item));
+            }
         }
         catch (error) {
-            // If error, just use the initialValue
             console.error(error);
-            setStoredValue(initialValue);
         }
-    }, [initialValue, key]);
+    }, []); // Only run on mount
     // Return a wrapped version of useState's setter function that
     // persists the new value to localStorage.
     const setValue = (value) => {
@@ -868,8 +868,8 @@ function useLocalStorage(key, initialValue) {
     return [storedValue, setValue];
 }
 
-function CheckoutForm$2({ checkoutId, onComplete, }) {
-    const [step, setStep] = React.useState("contact");
+function CheckoutForm$2({ checkoutId, onComplete, cancelUrl, }) {
+    const [step, setStep] = React.useState("customer");
     const [formData, setFormData] = useLocalStorage(`checkout-${checkoutId}`, {});
     // Helper function to format address for display
     const formatAddress = (address) => {
@@ -906,8 +906,9 @@ function CheckoutForm$2({ checkoutId, onComplete, }) {
     };
     // Navigate back to previous step
     const handleBack = () => {
-        if (step === "customer")
-            setStep("customer");
+        if (step === "customer") {
+            window.location.replace(cancelUrl);
+        }
         if (step === "shipping")
             setStep("customer");
         if (step === "payment")
@@ -963,36 +964,45 @@ function CheckoutSummary({ lineItems, shipping, tax, currency, }) {
                     React.createElement("span", { className: "text-2xl font-bold" }, formatPrice(total)))))));
 }
 
-function CheckoutEmbed({ checkoutId }) {
+function CheckoutEmbed({ checkoutId, cancelUrl, successUrl, }) {
     const [checkout, setCheckout] = React.useState(null);
     const [loading, setLoading] = React.useState(true);
     React.useEffect(() => {
+        let mounted = true; // Add mounted flag for cleanup
         function fetchCheckout() {
             return __awaiter(this, void 0, void 0, function* () {
                 try {
                     const response = yield fetch(`/api/betterstore/checkout?checkoutId=${checkoutId}`);
                     const data = yield response.json();
-                    setCheckout(data);
+                    if (mounted) {
+                        // Only update state if component is still mounted
+                        setCheckout(data);
+                        setLoading(false);
+                    }
                 }
                 catch (error) {
                     console.error("Failed to fetch checkout:", error);
-                }
-                finally {
-                    setLoading(false);
+                    if (mounted) {
+                        setLoading(false);
+                    }
                 }
             });
         }
         fetchCheckout();
-    }, [checkoutId]);
+        return () => {
+            mounted = false; // Cleanup
+        };
+    }, [checkoutId]); // Only re-run if checkoutId changes
     const handleComplete = (formData) => {
         console.log("Checkout complete:", formData);
+        console.log("Success URL:", successUrl);
         // Here you would typically send the completed form data to your API
     };
     if (!checkout && !loading) {
         return React.createElement("div", null, "Checkout not found");
     }
     return (React.createElement("div", { className: "grid md:grid-cols-2 gap-4" },
-        React.createElement("div", null, loading ? (React.createElement("div", { className: "text-white" }, "Loading...")) : (React.createElement(CheckoutForm$2, { checkoutId: checkoutId, onComplete: handleComplete }))),
+        React.createElement("div", null, loading ? (React.createElement("div", { className: "text-white" }, "Loading...")) : (React.createElement(CheckoutForm$2, { cancelUrl: cancelUrl, checkoutId: checkoutId, onComplete: handleComplete }))),
         React.createElement("div", null, loading ? (React.createElement("div", null, "Loading...")) : (React.createElement(CheckoutSummary, { currency: checkout.currency, lineItems: checkout.lineItems, shipping: checkout === null || checkout === void 0 ? void 0 : checkout.shipping, tax: checkout === null || checkout === void 0 ? void 0 : checkout.tax })))));
 }
 var index$1 = React.memo(CheckoutEmbed);

package/dist/index.mjs

@@ -814,15 +814,15 @@ function useLocalStorage(key, initialValue) {
         try {
             // Get from local storage by key
             const item = window.localStorage.getItem(key);
-            // Parse stored json or if none return initialValue
-            setStoredValue(item ? JSON.parse(item) : initialValue);
+            // Only set the value if we found something in localStorage
+            if (item) {
+                setStoredValue(JSON.parse(item));
+            }
         }
         catch (error) {
-            // If error, just use the initialValue
             console.error(error);
-            setStoredValue(initialValue);
         }
-    }, [initialValue, key]);
+    }, []); // Only run on mount
     // Return a wrapped version of useState's setter function that
     // persists the new value to localStorage.
     const setValue = (value) => {
@@ -844,8 +844,8 @@ function useLocalStorage(key, initialValue) {
     return [storedValue, setValue];
 }
 
-function CheckoutForm$2({ checkoutId, onComplete, }) {
-    const [step, setStep] = useState("contact");
+function CheckoutForm$2({ checkoutId, onComplete, cancelUrl, }) {
+    const [step, setStep] = useState("customer");
     const [formData, setFormData] = useLocalStorage(`checkout-${checkoutId}`, {});
     // Helper function to format address for display
     const formatAddress = (address) => {
@@ -882,8 +882,9 @@ function CheckoutForm$2({ checkoutId, onComplete, }) {
     };
     // Navigate back to previous step
     const handleBack = () => {
-        if (step === "customer")
-            setStep("customer");
+        if (step === "customer") {
+            window.location.replace(cancelUrl);
+        }
         if (step === "shipping")
             setStep("customer");
         if (step === "payment")
@@ -939,36 +940,45 @@ function CheckoutSummary({ lineItems, shipping, tax, currency, }) {
                     React__default.createElement("span", { className: "text-2xl font-bold" }, formatPrice(total)))))));
 }
 
-function CheckoutEmbed({ checkoutId }) {
+function CheckoutEmbed({ checkoutId, cancelUrl, successUrl, }) {
     const [checkout, setCheckout] = useState(null);
     const [loading, setLoading] = useState(true);
     useEffect(() => {
+        let mounted = true; // Add mounted flag for cleanup
         function fetchCheckout() {
             return __awaiter(this, void 0, void 0, function* () {
                 try {
                     const response = yield fetch(`/api/betterstore/checkout?checkoutId=${checkoutId}`);
                     const data = yield response.json();
-                    setCheckout(data);
+                    if (mounted) {
+                        // Only update state if component is still mounted
+                        setCheckout(data);
+                        setLoading(false);
+                    }
                 }
                 catch (error) {
                     console.error("Failed to fetch checkout:", error);
-                }
-                finally {
-                    setLoading(false);
+                    if (mounted) {
+                        setLoading(false);
+                    }
                 }
             });
         }
         fetchCheckout();
-    }, [checkoutId]);
+        return () => {
+            mounted = false; // Cleanup
+        };
+    }, [checkoutId]); // Only re-run if checkoutId changes
     const handleComplete = (formData) => {
         console.log("Checkout complete:", formData);
+        console.log("Success URL:", successUrl);
         // Here you would typically send the completed form data to your API
     };
     if (!checkout && !loading) {
         return React__default.createElement("div", null, "Checkout not found");
     }
     return (React__default.createElement("div", { className: "grid md:grid-cols-2 gap-4" },
-        React__default.createElement("div", null, loading ? (React__default.createElement("div", { className: "text-white" }, "Loading...")) : (React__default.createElement(CheckoutForm$2, { checkoutId: checkoutId, onComplete: handleComplete }))),
+        React__default.createElement("div", null, loading ? (React__default.createElement("div", { className: "text-white" }, "Loading...")) : (React__default.createElement(CheckoutForm$2, { cancelUrl: cancelUrl, checkoutId: checkoutId, onComplete: handleComplete }))),
         React__default.createElement("div", null, loading ? (React__default.createElement("div", null, "Loading...")) : (React__default.createElement(CheckoutSummary, { currency: checkout.currency, lineItems: checkout.lineItems, shipping: checkout === null || checkout === void 0 ? void 0 : checkout.shipping, tax: checkout === null || checkout === void 0 ? void 0 : checkout.tax })))));
 }
 var index$1 = memo(CheckoutEmbed);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@betterstore/react",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "description": "E-commerce for Developers",
   "private": false,
   "publishConfig": {