@betterstore/react 0.2.45 → 0.3.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @betterstore/sdk
 
+## 0.3.1
+
+### Patch Changes
+
+- bug fix
+
+## 0.3.0
+
+### Minor Changes
+
+- bug fix
+
 ## 0.2.45
 
 ### Patch Changes

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

@@ -1,10 +1,10 @@
 import { LineItem } from "@betterstore/sdk";
 import React from "react";
-export default function CheckoutSummary({ lineItems, shipping, tax, currency, cancelUrl, exchangeRate, }: {
+export default function CheckoutSummary({ lineItems, shipping, tax, currency, onCancel, exchangeRate, }: {
     lineItems: LineItem[];
     shipping?: number;
     tax?: number;
     currency: string;
     exchangeRate: number;
-    cancelUrl: string;
+    onCancel: () => void;
 }): React.JSX.Element;

package/dist/index.cjs.js

@@ -3240,8 +3240,8 @@ const CheckoutEmbed$2 = {
 			zipCodePlaceholder: "12345"
 		},
 		button: "Uložit a pokračovat",
-		email: "E-mail",
-		emailPlaceholder: "Zadejte svůj e -mail",
+		email: "Email",
+		emailPlaceholder: "Zadejte svůj email",
 		firstName: "Křestní jméno",
 		firstNamePlaceholder: "Zadejte své křestní jméno",
 		lastName: "Příjmení",
@@ -3253,11 +3253,11 @@ const CheckoutEmbed$2 = {
 	Summary: {
 		calculatedAtNextStep: "Vypočítáno v dalším kroku",
 		edit: "Upravit",
-		shipping: "Přeprava",
-		subtotal: "Subtotál",
+		shipping: "Doprava",
+		subtotal: "Mezisoučet",
 		tax: "Daň",
 		title: "Shrnutí",
-		total: "Celkový"
+		total: "Celkem"
 	},
 	loading: "Načítání ...",
 	Payment: {
@@ -5480,7 +5480,7 @@ class MotionValue {
          * This will be replaced by the build step with the latest version number.
          * When MotionValues are provided to motion components, warn if versions are mixed.
          */
-        this.version = "12.9.0";
+        this.version = "12.9.1";
         /**
          * Tracks whether this value can output a velocity. Currently this is only true
          * if the value is numerical, but we might be able to widen the scope here and support
@@ -7296,13 +7296,13 @@ class JSAnimation extends WithPromise {
         }
         onPlay && onPlay();
         const now = this.driver.now();
-        if (this.holdTime !== null) {
-            this.startTime = now - this.holdTime;
-        }
-        else if (this.state === "finished") {
+        if (this.state === "finished") {
             this.updateFinished();
             this.startTime = now;
         }
+        else if (this.holdTime !== null) {
+            this.startTime = now - this.holdTime;
+        }
         else if (!this.startTime) {
             this.startTime = startTime ?? now;
         }
@@ -12712,7 +12712,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "12.9.0", `Attempting to mix Motion versions ${nextValue.version} with 12.9.0 may not work as expected.`);
+                warnOnce(nextValue.version === "12.9.1", `Attempting to mix Motion versions ${nextValue.version} with 12.9.1 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {
@@ -34160,6 +34160,7 @@ function ShippingMethodForm({ shippingRates, initialData, onSubmit, onBack, cont
             provider: "",
             price: 0,
             pickupPointId: "",
+            pickupPointDisplayName: "",
         },
     });
     const currentRateId = form.watch("rateId");
@@ -34401,6 +34402,7 @@ function CheckoutForm({ storeClient, checkoutId, onSuccess, onError, cancelUrl,
             shipmentData: {
                 provider: data.provider,
                 pickupPointId: data.pickupPointId,
+                name: data.pickupPointDisplayName,
             },
         });
         const { paymentSecret, publicKey } = yield storeClient.generateCheckoutsPaymentSecret(clientSecret, checkoutId);
@@ -34461,7 +34463,7 @@ function InputGroupLoading({ className }) {
         React.createElement(Skeleton, { className: "w-full h-9" })));
 }
 
-function CheckoutSummary({ lineItems, shipping, tax, currency, cancelUrl, exchangeRate, }) {
+function CheckoutSummary({ lineItems, shipping, tax, currency, onCancel, exchangeRate, }) {
     var _a;
     const { formData } = useFormStore();
     const [isOpen, setIsOpen] = React.useState(false);
@@ -34488,8 +34490,7 @@ function CheckoutSummary({ lineItems, shipping, tax, currency, cancelUrl, exchan
                         "rotate-180": isOpen,
                     }) })),
             React.createElement("p", { className: "font-bold text-lg tracking-tight md:hidden" }, storeHelpers.formatPrice(total, currency, exchangeRate)),
-            React.createElement(Button, { className: "max-sm:hidden", variant: "link", size: "link", asChild: true },
-                React.createElement("a", { href: cancelUrl }, t("CheckoutEmbed.Summary.edit")))),
+            React.createElement(Button, { className: "max-sm:hidden", variant: "link", size: "link", onClick: onCancel }, t("CheckoutEmbed.Summary.edit"))),
         React.createElement("hr", null),
         React.createElement("div", { className: clsx("gap-3 order-4 md:order-none", {
                 "hidden md:grid": !isOpen,
@@ -34579,6 +34580,7 @@ function CheckoutEmbed({ checkoutId, config }) {
     const { cancelUrl, successUrl, appearance, locale, clientSecret, clientProxy, } = config;
     const storeClient = sdk.createStoreClient({ proxy: clientProxy });
     React.useMemo(() => createI18nInstance(locale), []);
+    const { formData, setFormData, step, setStep } = useFormStore();
     const [checkout, setCheckout] = React.useState(null);
     const [loading, setLoading] = React.useState(true);
     React.useEffect(() => {
@@ -34607,15 +34609,20 @@ function CheckoutEmbed({ checkoutId, config }) {
         };
     }, [checkoutId]); // Only re-run if checkoutId changes
     const onSuccess = () => {
+        setStep("customer");
+        setFormData({ customer: formData.customer });
         if (successUrl) {
             window.location.href = successUrl;
         }
     };
-    const onError = () => {
+    const onCancel = () => {
+        setStep("customer");
+        setFormData({ customer: formData.customer });
         if (cancelUrl) {
             window.location.href = cancelUrl;
         }
     };
+    const onError = () => { };
     if (!checkout && !loading) {
         throw new Error("Checkout not found");
     }
@@ -34627,7 +34634,7 @@ function CheckoutEmbed({ checkoutId, config }) {
     return (React.createElement("div", { className: "checkout-embed scrollbar-hidden mx-auto max-w-[1200px] min-h-screen overflow-x-hidden gap-6 md:gap-0 py-4 md:py-12 flex flex-col md: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, { locale: locale, setShippingCost: setShippingCost, 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, exchangeRate: (_b = checkout === null || checkout === void 0 ? void 0 : checkout.exchangeRate) !== null && _b !== void 0 ? _b : 1 }))),
-        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: (_c = checkout === null || checkout === void 0 ? void 0 : checkout.currency) !== null && _c !== void 0 ? _c : "", lineItems: (_d = checkout === null || checkout === void 0 ? void 0 : checkout.lineItems) !== null && _d !== void 0 ? _d : [], shipping: checkout === null || checkout === void 0 ? void 0 : checkout.shipping, tax: checkout === null || checkout === void 0 ? void 0 : checkout.tax, cancelUrl: cancelUrl, exchangeRate: (_e = checkout === null || checkout === void 0 ? void 0 : checkout.exchangeRate) !== null && _e !== void 0 ? _e : 1 })))));
+        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: (_c = checkout === null || checkout === void 0 ? void 0 : checkout.currency) !== null && _c !== void 0 ? _c : "", lineItems: (_d = checkout === null || checkout === void 0 ? void 0 : checkout.lineItems) !== null && _d !== void 0 ? _d : [], shipping: checkout === null || checkout === void 0 ? void 0 : checkout.shipping, tax: checkout === null || checkout === void 0 ? void 0 : checkout.tax, onCancel: onCancel, exchangeRate: (_e = checkout === null || checkout === void 0 ? void 0 : checkout.exchangeRate) !== null && _e !== void 0 ? _e : 1 })))));
 }
 var index = React.memo(CheckoutEmbed);
 

package/dist/index.mjs

@@ -3217,8 +3217,8 @@ const CheckoutEmbed$2 = {
 			zipCodePlaceholder: "12345"
 		},
 		button: "Uložit a pokračovat",
-		email: "E-mail",
-		emailPlaceholder: "Zadejte svůj e -mail",
+		email: "Email",
+		emailPlaceholder: "Zadejte svůj email",
 		firstName: "Křestní jméno",
 		firstNamePlaceholder: "Zadejte své křestní jméno",
 		lastName: "Příjmení",
@@ -3230,11 +3230,11 @@ const CheckoutEmbed$2 = {
 	Summary: {
 		calculatedAtNextStep: "Vypočítáno v dalším kroku",
 		edit: "Upravit",
-		shipping: "Přeprava",
-		subtotal: "Subtotál",
+		shipping: "Doprava",
+		subtotal: "Mezisoučet",
 		tax: "Daň",
 		title: "Shrnutí",
-		total: "Celkový"
+		total: "Celkem"
 	},
 	loading: "Načítání ...",
 	Payment: {
@@ -5457,7 +5457,7 @@ class MotionValue {
          * This will be replaced by the build step with the latest version number.
          * When MotionValues are provided to motion components, warn if versions are mixed.
          */
-        this.version = "12.9.0";
+        this.version = "12.9.1";
         /**
          * Tracks whether this value can output a velocity. Currently this is only true
          * if the value is numerical, but we might be able to widen the scope here and support
@@ -7273,13 +7273,13 @@ class JSAnimation extends WithPromise {
         }
         onPlay && onPlay();
         const now = this.driver.now();
-        if (this.holdTime !== null) {
-            this.startTime = now - this.holdTime;
-        }
-        else if (this.state === "finished") {
+        if (this.state === "finished") {
             this.updateFinished();
             this.startTime = now;
         }
+        else if (this.holdTime !== null) {
+            this.startTime = now - this.holdTime;
+        }
         else if (!this.startTime) {
             this.startTime = startTime ?? now;
         }
@@ -12689,7 +12689,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "12.9.0", `Attempting to mix Motion versions ${nextValue.version} with 12.9.0 may not work as expected.`);
+                warnOnce(nextValue.version === "12.9.1", `Attempting to mix Motion versions ${nextValue.version} with 12.9.1 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {
@@ -34137,6 +34137,7 @@ function ShippingMethodForm({ shippingRates, initialData, onSubmit, onBack, cont
             provider: "",
             price: 0,
             pickupPointId: "",
+            pickupPointDisplayName: "",
         },
     });
     const currentRateId = form.watch("rateId");
@@ -34378,6 +34379,7 @@ function CheckoutForm({ storeClient, checkoutId, onSuccess, onError, cancelUrl,
             shipmentData: {
                 provider: data.provider,
                 pickupPointId: data.pickupPointId,
+                name: data.pickupPointDisplayName,
             },
         });
         const { paymentSecret, publicKey } = yield storeClient.generateCheckoutsPaymentSecret(clientSecret, checkoutId);
@@ -34438,7 +34440,7 @@ function InputGroupLoading({ className }) {
         React__default.createElement(Skeleton, { className: "w-full h-9" })));
 }
 
-function CheckoutSummary({ lineItems, shipping, tax, currency, cancelUrl, exchangeRate, }) {
+function CheckoutSummary({ lineItems, shipping, tax, currency, onCancel, exchangeRate, }) {
     var _a;
     const { formData } = useFormStore();
     const [isOpen, setIsOpen] = useState(false);
@@ -34465,8 +34467,7 @@ function CheckoutSummary({ lineItems, shipping, tax, currency, cancelUrl, exchan
                         "rotate-180": isOpen,
                     }) })),
             React__default.createElement("p", { className: "font-bold text-lg tracking-tight md:hidden" }, storeHelpers.formatPrice(total, currency, exchangeRate)),
-            React__default.createElement(Button, { className: "max-sm:hidden", variant: "link", size: "link", asChild: true },
-                React__default.createElement("a", { href: cancelUrl }, t("CheckoutEmbed.Summary.edit")))),
+            React__default.createElement(Button, { className: "max-sm:hidden", variant: "link", size: "link", onClick: onCancel }, t("CheckoutEmbed.Summary.edit"))),
         React__default.createElement("hr", null),
         React__default.createElement("div", { className: clsx("gap-3 order-4 md:order-none", {
                 "hidden md:grid": !isOpen,
@@ -34556,6 +34557,7 @@ function CheckoutEmbed({ checkoutId, config }) {
     const { cancelUrl, successUrl, appearance, locale, clientSecret, clientProxy, } = config;
     const storeClient = createStoreClient({ proxy: clientProxy });
     React__default.useMemo(() => createI18nInstance(locale), []);
+    const { formData, setFormData, step, setStep } = useFormStore();
     const [checkout, setCheckout] = useState(null);
     const [loading, setLoading] = useState(true);
     useEffect(() => {
@@ -34584,15 +34586,20 @@ function CheckoutEmbed({ checkoutId, config }) {
         };
     }, [checkoutId]); // Only re-run if checkoutId changes
     const onSuccess = () => {
+        setStep("customer");
+        setFormData({ customer: formData.customer });
         if (successUrl) {
             window.location.href = successUrl;
         }
     };
-    const onError = () => {
+    const onCancel = () => {
+        setStep("customer");
+        setFormData({ customer: formData.customer });
         if (cancelUrl) {
             window.location.href = cancelUrl;
         }
     };
+    const onError = () => { };
     if (!checkout && !loading) {
         throw new Error("Checkout not found");
     }
@@ -34604,7 +34611,7 @@ function CheckoutEmbed({ checkoutId, config }) {
     return (React__default.createElement("div", { className: "checkout-embed scrollbar-hidden mx-auto max-w-[1200px] min-h-screen overflow-x-hidden gap-6 md:gap-0 py-4 md:py-12 flex flex-col md: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, { locale: locale, setShippingCost: setShippingCost, 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, exchangeRate: (_b = checkout === null || checkout === void 0 ? void 0 : checkout.exchangeRate) !== null && _b !== void 0 ? _b : 1 }))),
-        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: (_c = checkout === null || checkout === void 0 ? void 0 : checkout.currency) !== null && _c !== void 0 ? _c : "", lineItems: (_d = checkout === null || checkout === void 0 ? void 0 : checkout.lineItems) !== null && _d !== void 0 ? _d : [], shipping: checkout === null || checkout === void 0 ? void 0 : checkout.shipping, tax: checkout === null || checkout === void 0 ? void 0 : checkout.tax, cancelUrl: cancelUrl, exchangeRate: (_e = checkout === null || checkout === void 0 ? void 0 : checkout.exchangeRate) !== null && _e !== void 0 ? _e : 1 })))));
+        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: (_c = checkout === null || checkout === void 0 ? void 0 : checkout.currency) !== null && _c !== void 0 ? _c : "", lineItems: (_d = checkout === null || checkout === void 0 ? void 0 : checkout.lineItems) !== null && _d !== void 0 ? _d : [], shipping: checkout === null || checkout === void 0 ? void 0 : checkout.shipping, tax: checkout === null || checkout === void 0 ? void 0 : checkout.tax, onCancel: onCancel, exchangeRate: (_e = checkout === null || checkout === void 0 ? void 0 : checkout.exchangeRate) !== null && _e !== void 0 ? _e : 1 })))));
 }
 var index = memo$1(CheckoutEmbed);
 

package/package.json

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