@cimplify/sdk 0.8.13 → 0.8.14

package/dist/react.d.mts

@@ -57,6 +57,8 @@ interface CimplifyCheckoutProps {
     locationId?: string;
     linkUrl?: string;
     orderTypes?: CheckoutOrderType[];
+    defaultOrderType?: CheckoutOrderType;
+    submitLabel?: string;
     enrollInLink?: boolean;
     onComplete: (result: ProcessCheckoutResult) => void;
     onError?: (error: {
@@ -75,7 +77,7 @@ interface CimplifyCheckoutProps {
     demoMode?: boolean;
     className?: string;
 }
-declare function CimplifyCheckout({ client, businessId, cartId, locationId, linkUrl, orderTypes, enrollInLink, onComplete, onError, onStatusChange, appearance, demoMode, className, }: CimplifyCheckoutProps): React.ReactElement;
+declare function CimplifyCheckout({ client, businessId, cartId, locationId, linkUrl, orderTypes, defaultOrderType, submitLabel, enrollInLink, onComplete, onError, onStatusChange, appearance, demoMode, className, }: CimplifyCheckoutProps): React.ReactElement;
 
 interface PriceProps {
     /** The amount in base (business) currency. */

package/dist/react.d.ts

@@ -57,6 +57,8 @@ interface CimplifyCheckoutProps {
     locationId?: string;
     linkUrl?: string;
     orderTypes?: CheckoutOrderType[];
+    defaultOrderType?: CheckoutOrderType;
+    submitLabel?: string;
     enrollInLink?: boolean;
     onComplete: (result: ProcessCheckoutResult) => void;
     onError?: (error: {
@@ -75,7 +77,7 @@ interface CimplifyCheckoutProps {
     demoMode?: boolean;
     className?: string;
 }
-declare function CimplifyCheckout({ client, businessId, cartId, locationId, linkUrl, orderTypes, enrollInLink, onComplete, onError, onStatusChange, appearance, demoMode, className, }: CimplifyCheckoutProps): React.ReactElement;
+declare function CimplifyCheckout({ client, businessId, cartId, locationId, linkUrl, orderTypes, defaultOrderType, submitLabel, enrollInLink, onComplete, onError, onStatusChange, appearance, demoMode, className, }: CimplifyCheckoutProps): React.ReactElement;
 
 interface PriceProps {
     /** The amount in base (business) currency. */

package/dist/react.js

@@ -4416,6 +4416,8 @@ function CimplifyCheckout({
   locationId,
   linkUrl,
   orderTypes,
+  defaultOrderType,
+  submitLabel,
   enrollInLink = true,
   onComplete,
   onError,
@@ -4428,7 +4430,13 @@ function CimplifyCheckout({
     () => orderTypes && orderTypes.length > 0 ? orderTypes : ["pickup", "delivery"],
     [orderTypes]
   );
-  const [orderType, setOrderType] = React3.useState(resolvedOrderTypes[0] || "pickup");
+  const resolvedDefaultOrderType = React3.useMemo(() => {
+    if (defaultOrderType && resolvedOrderTypes.includes(defaultOrderType)) {
+      return defaultOrderType;
+    }
+    return resolvedOrderTypes[0] || "pickup";
+  }, [defaultOrderType, resolvedOrderTypes]);
+  const [orderType, setOrderType] = React3.useState(resolvedDefaultOrderType);
   const [status, setStatus] = React3.useState(null);
   const [statusText, setStatusText] = React3.useState("");
   const [isSubmitting, setIsSubmitting] = React3.useState(false);
@@ -4475,9 +4483,9 @@ function CimplifyCheckout({
   );
   React3.useEffect(() => {
     if (!resolvedOrderTypes.includes(orderType)) {
-      setOrderType(resolvedOrderTypes[0] || "pickup");
+      setOrderType(resolvedDefaultOrderType);
     }
-  }, [resolvedOrderTypes, orderType]);
+  }, [resolvedOrderTypes, resolvedDefaultOrderType, orderType]);
   React3.useEffect(() => {
     if (appearance && appearance !== initialAppearanceRef.current && !hasWarnedInlineAppearanceRef.current) {
       hasWarnedInlineAppearanceRef.current = true;
@@ -4667,7 +4675,8 @@ function CimplifyCheckout({
     elementsRef.current = elements;
     const checkout = elements.create("checkout", {
       orderTypes: resolvedOrderTypes,
-      defaultOrderType: resolvedOrderTypes[0]
+      defaultOrderType: resolvedDefaultOrderType,
+      submitLabel
     });
     if (checkoutMountRef.current) {
       checkout.mount(checkoutMountRef.current);
@@ -4693,7 +4702,14 @@ function CimplifyCheckout({
       elements.destroy();
       elementsRef.current = null;
     };
-  }, [client, resolvedBusinessId, isDemoCheckout]);
+  }, [
+    client,
+    resolvedBusinessId,
+    isDemoCheckout,
+    resolvedOrderTypes,
+    resolvedDefaultOrderType,
+    submitLabel
+  ]);
   React3.useEffect(() => {
     if (!resolvedCart || !elementsRef.current) return;
     const checkoutElement = elementsRef.current.getElement("checkout");

package/dist/react.mjs

@@ -4410,6 +4410,8 @@ function CimplifyCheckout({
   locationId,
   linkUrl,
   orderTypes,
+  defaultOrderType,
+  submitLabel,
   enrollInLink = true,
   onComplete,
   onError,
@@ -4422,7 +4424,13 @@ function CimplifyCheckout({
     () => orderTypes && orderTypes.length > 0 ? orderTypes : ["pickup", "delivery"],
     [orderTypes]
   );
-  const [orderType, setOrderType] = useState(resolvedOrderTypes[0] || "pickup");
+  const resolvedDefaultOrderType = useMemo(() => {
+    if (defaultOrderType && resolvedOrderTypes.includes(defaultOrderType)) {
+      return defaultOrderType;
+    }
+    return resolvedOrderTypes[0] || "pickup";
+  }, [defaultOrderType, resolvedOrderTypes]);
+  const [orderType, setOrderType] = useState(resolvedDefaultOrderType);
   const [status, setStatus] = useState(null);
   const [statusText, setStatusText] = useState("");
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -4469,9 +4477,9 @@ function CimplifyCheckout({
   );
   useEffect(() => {
     if (!resolvedOrderTypes.includes(orderType)) {
-      setOrderType(resolvedOrderTypes[0] || "pickup");
+      setOrderType(resolvedDefaultOrderType);
     }
-  }, [resolvedOrderTypes, orderType]);
+  }, [resolvedOrderTypes, resolvedDefaultOrderType, orderType]);
   useEffect(() => {
     if (appearance && appearance !== initialAppearanceRef.current && !hasWarnedInlineAppearanceRef.current) {
       hasWarnedInlineAppearanceRef.current = true;
@@ -4661,7 +4669,8 @@ function CimplifyCheckout({
     elementsRef.current = elements;
     const checkout = elements.create("checkout", {
       orderTypes: resolvedOrderTypes,
-      defaultOrderType: resolvedOrderTypes[0]
+      defaultOrderType: resolvedDefaultOrderType,
+      submitLabel
     });
     if (checkoutMountRef.current) {
       checkout.mount(checkoutMountRef.current);
@@ -4687,7 +4696,14 @@ function CimplifyCheckout({
       elements.destroy();
       elementsRef.current = null;
     };
-  }, [client, resolvedBusinessId, isDemoCheckout]);
+  }, [
+    client,
+    resolvedBusinessId,
+    isDemoCheckout,
+    resolvedOrderTypes,
+    resolvedDefaultOrderType,
+    submitLabel
+  ]);
   useEffect(() => {
     if (!resolvedCart || !elementsRef.current) return;
     const checkoutElement = elementsRef.current.getElement("checkout");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cimplify/sdk",
-  "version": "0.8.13",
+  "version": "0.8.14",
   "description": "Cimplify Commerce SDK for storefronts",
   "keywords": [
     "cimplify",