@propeller-commerce/propeller-v2-react-ui 0.7.0 → 0.7.1

package/dist/index.js

@@ -868,6 +868,25 @@ function useCart(options) {
   }, [graphqlClient, language, configuration, user]);
   return { cart, cartId, loading, error, checkoutAllowed, resolveCart, addItem, updateItemQuantity, updateItemNotes, deleteItem, addActionCode, removeActionCode, requestAuthorization, processCart, getCrossupsells, getMinQuantity, getStep };
 }
+function buildAddressInput(type, addr) {
+  return {
+    type,
+    firstName: addr.firstName || "",
+    lastName: addr.lastName || "",
+    street: addr.street || "",
+    postalCode: addr.postalCode || "",
+    city: addr.city || "",
+    ...addr.company && { company: addr.company },
+    ...addr.gender && { gender: addr.gender },
+    ...addr.middleName && { middleName: addr.middleName },
+    ...addr.number && { number: addr.number },
+    ...addr.numberExtension && { numberExtension: addr.numberExtension },
+    ...addr.country && { country: addr.country },
+    ...addr.email && { email: addr.email },
+    ...addr.mobile && { mobile: addr.mobile },
+    ...addr.phone && { phone: addr.phone }
+  };
+}
 function useCheckout(options) {
   const { graphqlClient, user, companyId } = options;
   const language = options.language ?? "NL";
@@ -908,26 +927,9 @@ function useCheckout(options) {
       if (!hasInvoice) {
         const defaultInvoice = getUserDefaultAddress("invoice");
         if (defaultInvoice) {
-          const input = {
-            type: CartAddressType.INVOICE,
-            firstName: defaultInvoice.firstName || "",
-            lastName: defaultInvoice.lastName || "",
-            street: defaultInvoice.street || "",
-            postalCode: defaultInvoice.postalCode || "",
-            city: defaultInvoice.city || "",
-            company: defaultInvoice.company,
-            gender: defaultInvoice.gender,
-            middleName: defaultInvoice.middleName,
-            number: defaultInvoice.number,
-            numberExtension: defaultInvoice.numberExtension,
-            country: defaultInvoice.country,
-            email: defaultInvoice.email,
-            mobile: defaultInvoice.mobile,
-            phone: defaultInvoice.phone
-          };
           updatedCart = await cartService.updateCartAddress({
             id: updatedCart.cartId,
-            input,
+            input: buildAddressInput(CartAddressType.INVOICE, defaultInvoice),
             imageVariantFilters,
             imageSearchFilters,
             language
@@ -937,26 +939,9 @@ function useCheckout(options) {
       if (!hasDelivery) {
         const defaultDelivery = getUserDefaultAddress("delivery");
         if (defaultDelivery) {
-          const input = {
-            type: CartAddressType.DELIVERY,
-            firstName: defaultDelivery.firstName || "",
-            lastName: defaultDelivery.lastName || "",
-            street: defaultDelivery.street || "",
-            postalCode: defaultDelivery.postalCode || "",
-            city: defaultDelivery.city || "",
-            company: defaultDelivery.company,
-            gender: defaultDelivery.gender,
-            middleName: defaultDelivery.middleName,
-            number: defaultDelivery.number,
-            numberExtension: defaultDelivery.numberExtension,
-            country: defaultDelivery.country,
-            email: defaultDelivery.email,
-            mobile: defaultDelivery.mobile,
-            phone: defaultDelivery.phone
-          };
           updatedCart = await cartService.updateCartAddress({
             id: updatedCart.cartId,
-            input,
+            input: buildAddressInput(CartAddressType.DELIVERY, defaultDelivery),
             imageVariantFilters,
             imageSearchFilters,
             language
@@ -5045,6 +5030,7 @@ function AddToFavorite(rawProps) {
   ] }) }) : null });
 }
 var AddToFavorite_default = AddToFavorite;
+var EMAIL_PATTERN = "[^@\\s]+@[^@\\s.]+(?:\\.[^@\\s.]+)*\\.[A-Za-z]{2,}";
 var AddressCardContext = React6.createContext(null);
 function useAddressCardContext() {
   const ctx = React6.useContext(AddressCardContext);
@@ -5490,10 +5476,7 @@ function AddressCard(rawProps) {
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium mb-1", children: [
-              getLabel(props.labels, "email", "Email"),
-              " *"
-            ] }),
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: getLabel(props.labels, "email", "Email") }),
             /* @__PURE__ */ jsx(
               "input",
               {
@@ -5503,7 +5486,7 @@ function AddressCard(rawProps) {
                 onChange: (e) => {
                   setEditEmail(e.target.value);
                 },
-                required: true
+                pattern: EMAIL_PATTERN
               }
             )
           ] }),
@@ -5783,10 +5766,7 @@ function AddressCard(rawProps) {
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium mb-1", children: [
-              getLabel(props.labels, "email", "Email"),
-              " *"
-            ] }),
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: getLabel(props.labels, "email", "Email") }),
             /* @__PURE__ */ jsx(
               "input",
               {
@@ -5796,7 +5776,7 @@ function AddressCard(rawProps) {
                 onChange: (e) => {
                   setEditEmail(e.target.value);
                 },
-                required: true
+                pattern: EMAIL_PATTERN
               }
             )
           ] }),