@betterstore/react 0.1.1 → 0.1.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @betterstore/sdk
 
+## 0.1.2
+
+### Patch Changes
+
+- architecture redone
+
 ## 0.1.1
 
 ### Patch Changes

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

@@ -0,0 +1,8 @@
+import BetterStore from "@betterstore/sdk";
+import React from "react";
+declare function CheckoutEmbed({ betterStore, checkoutId, }: {
+    betterStore: InstanceType<typeof BetterStore>;
+    checkoutId: string;
+}): React.JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof CheckoutEmbed>;
+export default _default;

package/dist/components/index.d.ts

@@ -0,0 +1,3 @@
+export { default as CheckoutEmbed } from "./checkout-embed";
+export { default as PaymentElement } from "./payment-element";
+export { useCheckout } from "./payment-element/useCheckout";

package/dist/index.cjs.js

@@ -76,18 +76,38 @@ function CheckoutSummary({ lineItems, shipping, tax, currency, }) {
                     React.createElement("span", { className: "text-2xl font-bold" }, formatPrice(total)))))));
 }
 
-function CheckoutEmbed(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ betterStore, checkoutId, }) {
-        const checkout = yield betterStore.checkout.retrieve(checkoutId);
-        if (!checkout) {
-            return React.createElement("div", null, "Checkout not found");
+function CheckoutEmbed({ betterStore, checkoutId, }) {
+    const [checkout, setCheckout] = React.useState(null);
+    const [loading, setLoading] = React.useState(true);
+    React.useEffect(() => {
+        function fetchCheckout() {
+            return __awaiter(this, void 0, void 0, function* () {
+                try {
+                    const data = yield betterStore.checkout.retrieve(checkoutId);
+                    setCheckout(data);
+                }
+                catch (error) {
+                    console.error("Failed to fetch checkout:", error);
+                }
+                finally {
+                    setLoading(false);
+                }
+            });
         }
-        return (React.createElement("div", { className: "grid md:grid-cols-2 gap-4" },
-            React.createElement("div", null, "forms heres"),
-            React.createElement("div", null,
-                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 }))));
-    });
+        fetchCheckout();
+    }, [betterStore, checkoutId]);
+    if (loading) {
+        return React.createElement("div", null, "Loading...");
+    }
+    if (!checkout) {
+        return React.createElement("div", null, "Checkout not found");
+    }
+    return (React.createElement("div", { className: "grid md:grid-cols-2 gap-4" },
+        React.createElement("div", null, "forms here"),
+        React.createElement("div", null,
+            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);
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -2285,8 +2305,8 @@ function PaymentElement({ paymentSecret, checkoutAppearance, onSuccess, onError,
     return (React.createElement(Elements, { stripe: stripePromise, options: options },
         React.createElement(CheckoutForm$1, { onSuccess: onSuccess, onError: onError, children: children })));
 }
-var paymentElement = React.memo(PaymentElement);
+var index = React.memo(PaymentElement);
 
-exports.CheckoutEmbed = CheckoutEmbed;
-exports.PaymentElement = paymentElement;
+exports.CheckoutEmbed = index$1;
+exports.PaymentElement = index;
 exports.useCheckout = useCheckout;

package/dist/index.d.ts

@@ -1,3 +1 @@
-export { default as CheckoutEmbed } from "./checkout-embed";
-export { default as PaymentElement } from "./checkout/payment-element";
-export { useCheckout } from "./checkout/useCheckout";
+export * from "./components";

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import React, { memo, useState } from 'react';
+import React, { memo, useState, useEffect } from 'react';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -74,18 +74,38 @@ function CheckoutSummary({ lineItems, shipping, tax, currency, }) {
                     React.createElement("span", { className: "text-2xl font-bold" }, formatPrice(total)))))));
 }
 
-function CheckoutEmbed(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ betterStore, checkoutId, }) {
-        const checkout = yield betterStore.checkout.retrieve(checkoutId);
-        if (!checkout) {
-            return React.createElement("div", null, "Checkout not found");
+function CheckoutEmbed({ betterStore, checkoutId, }) {
+    const [checkout, setCheckout] = useState(null);
+    const [loading, setLoading] = useState(true);
+    useEffect(() => {
+        function fetchCheckout() {
+            return __awaiter(this, void 0, void 0, function* () {
+                try {
+                    const data = yield betterStore.checkout.retrieve(checkoutId);
+                    setCheckout(data);
+                }
+                catch (error) {
+                    console.error("Failed to fetch checkout:", error);
+                }
+                finally {
+                    setLoading(false);
+                }
+            });
         }
-        return (React.createElement("div", { className: "grid md:grid-cols-2 gap-4" },
-            React.createElement("div", null, "forms heres"),
-            React.createElement("div", null,
-                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 }))));
-    });
+        fetchCheckout();
+    }, [betterStore, checkoutId]);
+    if (loading) {
+        return React.createElement("div", null, "Loading...");
+    }
+    if (!checkout) {
+        return React.createElement("div", null, "Checkout not found");
+    }
+    return (React.createElement("div", { className: "grid md:grid-cols-2 gap-4" },
+        React.createElement("div", null, "forms here"),
+        React.createElement("div", null,
+            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 = memo(CheckoutEmbed);
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -2283,6 +2303,6 @@ function PaymentElement({ paymentSecret, checkoutAppearance, onSuccess, onError,
     return (React.createElement(Elements, { stripe: stripePromise, options: options },
         React.createElement(CheckoutForm$1, { onSuccess: onSuccess, onError: onError, children: children })));
 }
-var paymentElement = memo(PaymentElement);
+var index = memo(PaymentElement);
 
-export { CheckoutEmbed, paymentElement as PaymentElement, useCheckout };
+export { index$1 as CheckoutEmbed, index as PaymentElement, useCheckout };

package/package.json

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

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

@@ -1,6 +0,0 @@
-import BetterStore from "@betterstore/sdk";
-import React from "react";
-export default function CheckoutEmbed({ betterStore, checkoutId, }: {
-    betterStore: InstanceType<typeof BetterStore>;
-    checkoutId: string;
-}): Promise<React.JSX.Element>;