@pelcro/react-pelcro-js 3.26.0-beta.77 → 3.26.0-beta.79

package/dist/index.cjs.js

@@ -3541,7 +3541,9 @@ var messages$17 = {
 	}
 };
 var errors$h = {
-	"": ""
+	facebookNoEmail: "Your Facebook account doesn't have an email address. Please use a different login method or add an email to your Facebook account.",
+	googleNoEmail: "Your Google account doesn't have an email address. Please use a different login method or add an email to your Google account.",
+	auth0NoEmail: "Your Auth0 account doesn't have an email address. Please use a different login method or add an email to your Auth0 account."
 };
 var login_en = {
 	labels: labels$14,
@@ -3602,7 +3604,9 @@ var messages$15 = {
 	}
 };
 var errors$g = {
-	"": ""
+	facebookNoEmail: "Your Facebook account doesn't have an email address. Please use a different login method or add an email to your Facebook account.",
+	googleNoEmail: "Your Google account doesn't have an email address. Please use a different login method or add an email to your Google account.",
+	auth0NoEmail: "Your Auth0 account doesn't have an email address. Please use a different login method or add an email to your Auth0 account."
 };
 var gift$3 = {
 	titles: {
@@ -4503,7 +4507,9 @@ var messages$Q = {
 	}
 };
 var errors$c = {
-	"": ""
+	facebookNoEmail: "Votre compte Facebook n'a pas d'adresse e-mail. Veuillez utiliser une autre méthode de connexion ou ajouter une adresse e-mail à votre compte Facebook.",
+	googleNoEmail: "Votre compte Google n'a pas d'adresse e-mail. Veuillez utiliser une autre méthode de connexion ou ajouter une adresse e-mail à votre compte Google.",
+	auth0NoEmail: "Votre compte Auth0 n'a pas d'adresse e-mail. Veuillez utiliser une autre méthode de connexion ou ajouter une adresse e-mail à votre compte Auth0."
 };
 var login_fr = {
 	labels: labels$O,
@@ -4564,7 +4570,9 @@ var messages$O = {
 	}
 };
 var errors$b = {
-	"": ""
+	facebookNoEmail: "Votre compte Facebook n'a pas d'adresse e-mail. Veuillez utiliser une autre méthode de connexion ou ajouter une adresse e-mail à votre compte Facebook.",
+	googleNoEmail: "Votre compte Google n'a pas d'adresse e-mail. Veuillez utiliser une autre méthode de connexion ou ajouter une adresse e-mail à votre compte Google.",
+	auth0NoEmail: "Votre compte Auth0 n'a pas d'adresse e-mail. Veuillez utiliser une autre méthode de connexion ou ajouter une adresse e-mail à votre compte Auth0."
 };
 var gift$2 = {
 	titles: {
@@ -5455,7 +5463,9 @@ var messages$x = {
 	}
 };
 var errors$7 = {
-	"": ""
+	facebookNoEmail: "Facebook 계정에 이메일 주소가 없습니다. 다른 로그인 방법을 사용하거나 Facebook 계정에 이메일을 추가해 주세요.",
+	googleNoEmail: "Google 계정에 이메일 주소가 없습니다. 다른 로그인 방법을 사용하거나 Google 계정에 이메일을 추가해 주세요.",
+	auth0NoEmail: "Auth0 계정에 이메일 주소가 없습니다. 다른 로그인 방법을 사용하거나 Auth0 계정에 이메일을 추가해 주세요."
 };
 var login_ko = {
 	labels: labels$w,
@@ -5516,7 +5526,9 @@ var messages$v = {
 	}
 };
 var errors$6 = {
-	"": ""
+	facebookNoEmail: "Facebook 계정에 이메일 주소가 없습니다. 다른 로그인 방법을 사용하거나 Facebook 계정에 이메일을 추가해 주세요.",
+	googleNoEmail: "Google 계정에 이메일 주소가 없습니다. 다른 로그인 방법을 사용하거나 Google 계정에 이메일을 추가해 주세요.",
+	auth0NoEmail: "Auth0 계정에 이메일 주소가 없습니다. 다른 로그인 방법을 사용하거나 Auth0 계정에 이메일을 추가해 주세요."
 };
 var gift$1 = {
 	titles: {
@@ -6509,7 +6521,9 @@ var messages$e = {
 	}
 };
 var errors$2 = {
-	"": ""
+	facebookNoEmail: "Tu cuenta de Facebook no tiene una dirección de correo electrónico. Por favor, usa un método de inicio de sesión diferente o agrega un correo electrónico a tu cuenta de Facebook.",
+	googleNoEmail: "Tu cuenta de Google no tiene una dirección de correo electrónico. Por favor, usa un método de inicio de sesión diferente o agrega un correo electrónico a tu cuenta de Google.",
+	auth0NoEmail: "Tu cuenta de Auth0 no tiene una dirección de correo electrónico. Por favor, usa un método de inicio de sesión diferente o agrega un correo electrónico a tu cuenta de Auth0."
 };
 var login_es = {
 	labels: labels$e,
@@ -6570,7 +6584,9 @@ var messages$c = {
 	}
 };
 var errors$1 = {
-	"": ""
+	facebookNoEmail: "Tu cuenta de Facebook no tiene una dirección de correo electrónico. Por favor, usa un método de inicio de sesión diferente o agrega un correo electrónico a tu cuenta de Facebook.",
+	googleNoEmail: "Tu cuenta de Google no tiene una dirección de correo electrónico. Por favor, usa un método de inicio de sesión diferente o agrega un correo electrónico a tu cuenta de Google.",
+	auth0NoEmail: "Tu cuenta de Auth0 no tiene una dirección de correo electrónico. Por favor, usa un método de inicio de sesión diferente o agrega un correo electrónico a tu cuenta de Auth0."
 };
 var gift = {
 	titles: {
@@ -14083,6 +14099,9 @@ const FacebookLoginButton = _ref => {
     labelClassName = "",
     iconClassName = ""
   } = _ref;
+  const {
+    t
+  } = useTranslation("login");
   const facebookLoginEnabled = (_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.facebook_app_id;
   const {
     dispatch: loginDispatch
@@ -14091,6 +14110,27 @@ const FacebookLoginButton = _ref => {
     dispatch: registerDispatch
   } = React.useContext(store$m);
   const onSuccess = facebookUser => {
+    // Check if email is provided by Facebook
+    if (!(facebookUser !== null && facebookUser !== void 0 && facebookUser.email)) {
+      // Show error message for both login and register stores
+      loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
+        type: SHOW_ALERT,
+        payload: {
+          type: "error",
+          content: t("errors.facebookNoEmail")
+        }
+      });
+      registerDispatch === null || registerDispatch === void 0 ? void 0 : registerDispatch({
+        type: SHOW_ALERT,
+        payload: {
+          type: "error",
+          content: t("errors.facebookNoEmail")
+        }
+      });
+      return;
+    }
+
+    // Proceed with social login if email is available
     loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
       type: HANDLE_SOCIAL_LOGIN,
       payload: {
@@ -14246,6 +14286,9 @@ const GoogleLoginButton = _ref => {
     labelClassName = "",
     iconClassName = ""
   } = _ref;
+  const {
+    t
+  } = useTranslation("login");
   const googleClientId = (_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.google_app_id;
   const {
     dispatch: loginDispatch
@@ -14261,15 +14304,38 @@ const GoogleLoginButton = _ref => {
     });
   }, []);
   const onSuccess = response => {
-    var _response$getAuthResp, _profile$getEmail, _profile$getGivenName, _profile$getFamilyNam, _profile$getEmail2, _profile$getGivenName2, _profile$getFamilyNam2;
+    var _response$getAuthResp, _profile$getEmail, _profile$getGivenName, _profile$getFamilyNam, _profile$getGivenName2, _profile$getFamilyNam2;
     const profile = response.getBasicProfile();
     const accessToken = (_response$getAuthResp = response.getAuthResponse()) === null || _response$getAuthResp === void 0 ? void 0 : _response$getAuthResp.id_token;
+    const email = (_profile$getEmail = profile.getEmail) === null || _profile$getEmail === void 0 ? void 0 : _profile$getEmail.call(profile);
+
+    // Check if email is provided by Google
+    if (!email) {
+      // Show error message for both login and register stores
+      loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
+        type: SHOW_ALERT,
+        payload: {
+          type: "error",
+          content: t("errors.googleNoEmail")
+        }
+      });
+      registerDispatch === null || registerDispatch === void 0 ? void 0 : registerDispatch({
+        type: SHOW_ALERT,
+        payload: {
+          type: "error",
+          content: t("errors.googleNoEmail")
+        }
+      });
+      return;
+    }
+
+    // Proceed with social login if email is available
     loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
       type: HANDLE_SOCIAL_LOGIN,
       payload: {
         idpName: "google",
         idpToken: accessToken,
-        email: (_profile$getEmail = profile.getEmail) === null || _profile$getEmail === void 0 ? void 0 : _profile$getEmail.call(profile),
+        email: email,
         firstName: (_profile$getGivenName = profile.getGivenName) === null || _profile$getGivenName === void 0 ? void 0 : _profile$getGivenName.call(profile),
         lastName: (_profile$getFamilyNam = profile.getFamilyName) === null || _profile$getFamilyNam === void 0 ? void 0 : _profile$getFamilyNam.call(profile)
       }
@@ -14279,7 +14345,7 @@ const GoogleLoginButton = _ref => {
       payload: {
         idpName: "google",
         idpToken: accessToken,
-        email: (_profile$getEmail2 = profile.getEmail) === null || _profile$getEmail2 === void 0 ? void 0 : _profile$getEmail2.call(profile),
+        email: email,
         firstName: (_profile$getGivenName2 = profile.getGivenName) === null || _profile$getGivenName2 === void 0 ? void 0 : _profile$getGivenName2.call(profile),
         lastName: (_profile$getFamilyNam2 = profile.getFamilyName) === null || _profile$getFamilyNam2 === void 0 ? void 0 : _profile$getFamilyNam2.call(profile)
       }
@@ -14351,6 +14417,9 @@ const Auth0LoginButton = _ref => {
   const {
     dispatch: registerDispatch
   } = React.useContext(store$m);
+  const {
+    t
+  } = useTranslation("login");
   function handleClick() {
     var _auth0InstanceRef$cur, _auth0InstanceRef$cur2, _auth0InstanceRef$cur3;
     if (!auth0Loaded) {
@@ -14382,6 +14451,28 @@ const Auth0LoginButton = _ref => {
         given_name,
         family_name
       } = user;
+
+      // Check if email is provided by Auth0
+      if (!email) {
+        // Show error message for both login and register stores
+        loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
+          type: SHOW_ALERT,
+          payload: {
+            type: "error",
+            content: t("errors.auth0NoEmail")
+          }
+        });
+        registerDispatch === null || registerDispatch === void 0 ? void 0 : registerDispatch({
+          type: SHOW_ALERT,
+          payload: {
+            type: "error",
+            content: t("errors.auth0NoEmail")
+          }
+        });
+        return;
+      }
+
+      // Proceed with social login if email is available
       loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
         type: HANDLE_SOCIAL_LOGIN,
         payload: {
@@ -18214,7 +18305,9 @@ class CybersourceGateway {
           quantity = 1,
           addressId,
           isExistingSource,
-          fingerprint_session_id
+          fingerprint_session_id,
+          cardExpirationMonth,
+          cardExpirationYear
         } = options;
         const params = isExistingSource ? {
           source_id: token
@@ -18230,6 +18323,8 @@ class CybersourceGateway {
           coupon_code: couponCode,
           address_id: product.address_required ? addressId : null,
           fingerprint_session_id: fingerprint_session_id,
+          card_expiration_month: cardExpirationMonth,
+          card_expiration_year: cardExpirationYear,
           ...params
         }, (err, res) => {
           callback(err, res);
@@ -18246,7 +18341,9 @@ class CybersourceGateway {
           couponCode,
           product,
           addressId,
-          isExistingSource
+          isExistingSource,
+          cardExpirationMonth,
+          cardExpirationYear
         } = options;
         const params = isExistingSource ? {
           source_id: token
@@ -18261,6 +18358,8 @@ class CybersourceGateway {
           campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           subscription_id: subscriptionIdToRenew,
           address_id: product.address_required ? addressId : null,
+          card_expiration_month: cardExpirationMonth,
+          card_expiration_year: cardExpirationYear,
           ...params
         }, (err, res) => {
           callback(err, res);
@@ -18278,7 +18377,9 @@ class CybersourceGateway {
           giftRecipient,
           quantity = 1,
           addressId,
-          isExistingSource
+          isExistingSource,
+          cardExpirationMonth,
+          cardExpirationYear
         } = options;
         const params = isExistingSource ? {
           source_id: token
@@ -18298,6 +18399,8 @@ class CybersourceGateway {
           gift_start_date: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.startDate,
           gift_message: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.giftMessage,
           address_id: product.address_required ? addressId : null,
+          card_expiration_month: cardExpirationMonth,
+          card_expiration_year: cardExpirationYear,
           ...params
         }, (err, res) => {
           callback(err, res);
@@ -18314,7 +18417,9 @@ class CybersourceGateway {
           plan,
           couponCode,
           addressId,
-          isExistingSource
+          isExistingSource,
+          cardExpirationMonth,
+          cardExpirationYear
         } = options;
         const params = isExistingSource ? {
           source_id: token
@@ -18328,6 +18433,8 @@ class CybersourceGateway {
           coupon_code: couponCode,
           subscription_id: subscriptionIdToRenew,
           address_id: product.address_required ? addressId : null,
+          card_expiration_month: cardExpirationMonth,
+          card_expiration_year: cardExpirationYear,
           ...params
         }, (err, res) => {
           callback(err, res);
@@ -18342,7 +18449,9 @@ class CybersourceGateway {
           items,
           couponCode,
           addressId,
-          isExistingSource
+          isExistingSource,
+          cardExpirationMonth,
+          cardExpirationYear
         } = options;
         const params = isExistingSource ? {
           source_id: token
@@ -18357,7 +18466,9 @@ class CybersourceGateway {
           ...params,
           ...(addressId && {
             address_id: addressId
-          })
+          }),
+          card_expiration_month: cardExpirationMonth,
+          card_expiration_year: cardExpirationYear
         }, (err, res) => {
           callback(err, res);
         });
@@ -18798,7 +18909,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           }
         });
       }
-      handleCybersourcePayment(response.token, state);
+      handleCybersourcePayment(response, state);
     });
   };
   function handleCybersourcePayment(paymentRequest, state) {
@@ -18816,7 +18927,9 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       window.Pelcro.source.create({
         auth_token: window.Pelcro.user.read().auth_token,
         token: paymentRequest,
-        gateway: "cybersource"
+        gateway: "cybersource",
+        cardExpirationMonth: state.month,
+        cardExpirationYear: state.year
       }, (err, res) => {
         dispatch({
           type: DISABLE_SUBMIT,
@@ -18844,6 +18957,12 @@ const PaymentMethodContainerWithoutStripe = _ref => {
             content: t("messages.sourceUpdated")
           }
         });
+
+        // Reinitialize Cybersource microform after successful payment
+        setTimeout(() => {
+          cybersourceInstanceRef.current = null;
+          initCybersourceScript();
+        }, 1000);
         onSuccess(res);
       } //
       );
@@ -18867,11 +18986,19 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           product,
           isExistingSource: isUsingExistingPaymentMethod,
           subscriptionIdToRenew,
-          addressId: selectedAddressId
+          addressId: selectedAddressId,
+          cardExpirationMonth: state.month,
+          cardExpirationYear: state.year
         }, (err, res) => {
           if (err) {
             return handlePaymentError(err);
           }
+
+          // Reinitialize Cybersource microform after successful payment
+          setTimeout(() => {
+            cybersourceInstanceRef.current = null;
+            initCybersourceScript();
+          }, 1000);
           onSuccess(res);
         });
       } else if (giftSubscriprition) {
@@ -18884,11 +19011,19 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           product,
           isExistingSource: isUsingExistingPaymentMethod,
           giftRecipient,
-          addressId: selectedAddressId
+          addressId: selectedAddressId,
+          cardExpirationMonth: state.month,
+          cardExpirationYear: state.year
         }, (err, res) => {
           if (err) {
             return handlePaymentError(err);
           }
+
+          // Reinitialize Cybersource microform after successful payment
+          setTimeout(() => {
+            cybersourceInstanceRef.current = null;
+            initCybersourceScript();
+          }, 1000);
           onSuccess(res);
         });
       } else if (renewSubscription) {
@@ -18901,11 +19036,19 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           product,
           isExistingSource: isUsingExistingPaymentMethod,
           subscriptionIdToRenew,
-          addressId: selectedAddressId
+          addressId: selectedAddressId,
+          cardExpirationMonth: state.month,
+          cardExpirationYear: state.year
         }, (err, res) => {
           if (err) {
             return handlePaymentError(err);
           }
+
+          // Reinitialize Cybersource microform after successful payment
+          setTimeout(() => {
+            cybersourceInstanceRef.current = null;
+            initCybersourceScript();
+          }, 1000);
           onSuccess(res);
         });
       } else if (createSubscription) {
@@ -18918,22 +19061,27 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           product,
           isExistingSource: isUsingExistingPaymentMethod,
           addressId: selectedAddressId,
-          fingerprint_session_id: state.cyberSourceSessionId
+          fingerprint_session_id: state.cyberSourceSessionId,
+          cardExpirationMonth: state.month,
+          cardExpirationYear: state.year
         }, (err, res) => {
           if (err) {
             return handlePaymentError(err);
           }
+
+          // Reinitialize Cybersource microform after successful payment
+          setTimeout(() => {
+            cybersourceInstanceRef.current = null;
+            initCybersourceScript();
+          }, 1000);
           onSuccess(res);
         });
       }
     }
   }
-  const tokenizeCard = (error, microformInstance) => {
-    if (error) {
-      return;
-    }
-    cybersourceInstanceRef.current = microformInstance;
-  };
+
+  // No longer needed - microform instance is stored directly in initCybersourceScript
+
   const appendCybersourceFingerprintScripts = () => {
     var _window$Pelcro$site$r, _window$Pelcro$site$r2, _window$Pelcro$site$r3, _window$Pelcro$site$r4;
     const uniqueId = crypto.randomUUID();
@@ -18957,6 +19105,12 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     }
   };
   const initCybersourceScript = () => {
+    // Clear existing card number field before reinitializing
+    const cardNumberElement = document.querySelector("#cybersourceCardNumber");
+    if (cardNumberElement) {
+      cardNumberElement.innerHTML = "";
+    }
+
     // jwk api call
     window.Pelcro.payment.getJWK({
       auth_token: window.Pelcro.user.read().auth_token,
@@ -18981,35 +19135,56 @@ const PaymentMethodContainerWithoutStripe = _ref => {
         });
       }
       const {
-        key: jwk
+        key: jwk,
+        captureContext,
+        js_client
       } = res;
-      // SETUP MICROFORM
-      // eslint-disable-next-line no-undef
-      FLEX.microform({
-        keyId: jwk.kid,
-        keystore: jwk,
-        container: "#cybersourceCardNumber",
-        placeholder: "Card Number",
-        styles: {
-          input: {
-            "font-size": "14px",
-            "font-family": "helvetica, tahoma, calibri, sans-serif",
-            color: "#555"
-          },
-          ":focus": {
-            color: "blue"
-          },
-          ":disabled": {
-            cursor: "not-allowed"
-          },
-          valid: {
-            color: "#3c763d"
-          },
-          invalid: {
-            color: "#a94442"
+
+      // Load the SDK from the dynamic URL (if not already loaded)
+      const existingScript = document.querySelector(`script[src="${js_client}"]`);
+      if (!existingScript) {
+        window.Pelcro.helpers.loadSDK(js_client, "cybersource-cdn");
+      }
+      const initializeMicroform = () => {
+        // SETUP MICROFORM
+        // eslint-disable-next-line no-undef
+        const flex = new Flex(captureContext);
+        const microform = flex.microform({
+          styles: {
+            input: {
+              "font-size": "14px",
+              "font-family": "helvetica, tahoma, calibri, sans-serif",
+              color: "#555"
+            },
+            ":focus": {
+              color: "blue"
+            },
+            ":disabled": {
+              cursor: "not-allowed"
+            },
+            valid: {
+              color: "#3c763d"
+            },
+            invalid: {
+              color: "#a94442"
+            }
           }
-        }
-      }, tokenizeCard);
+        });
+        const number = microform.createField("number", {
+          placeholder: "Enter your card number"
+        });
+        number.load("#cybersourceCardNumber");
+        cybersourceInstanceRef.current = microform;
+      };
+
+      // Wait for SDK to load then initialize microform
+      if (existingScript) {
+        // Script already loaded, initialize immediately
+        initializeMicroform();
+      } else {
+        // Wait for new script to load
+        document.querySelector(`script[src="${js_client}"]`).addEventListener("load", initializeMicroform);
+      }
     });
   };
 
@@ -20205,13 +20380,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       if (cardProcessor === "tap" && !selectedPaymentMethodId && window.Tapjsli) {
         initTapScript();
       }
-      if (cardProcessor === "cybersource" && !selectedPaymentMethodId && !window.FLEX) {
-        window.Pelcro.helpers.loadSDK("https://flex.cybersource.com/cybersource/assets/microform/0.4/flex-microform.min.js", "cybersource-cdn");
-        document.querySelector('script[src="https://flex.cybersource.com/cybersource/assets/microform/0.4/flex-microform.min.js"]').addEventListener("load", () => {
-          initCybersourceScript();
-        });
-      }
-      if (cardProcessor === "cybersource" && !selectedPaymentMethodId && window.FLEX) {
+      if (cardProcessor === "cybersource" && !selectedPaymentMethodId) {
         initCybersourceScript();
       }
       if (cardProcessor === "cybersource") {
@@ -20810,7 +20979,9 @@ const PaymentMethodContainerWithoutStripe = _ref => {
         gift_start_date: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.startDate,
         gift_message: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.giftMessage,
         address_id: product.address_required ? selectedAddressId : null,
-        metadata: props === null || props === void 0 ? void 0 : props.subCreateMetadata
+        metadata: props === null || props === void 0 ? void 0 : props.subCreateMetadata,
+        cardExpirationMonth: state === null || state === void 0 ? void 0 : state.month,
+        cardExpirationYear: state === null || state === void 0 ? void 0 : state.year
       }, (err, res) => {
         var _res$data;
         if (res !== null && res !== void 0 && (_res$data = res.data) !== null && _res$data !== void 0 && _res$data.setup_intent) {
@@ -20985,7 +21156,9 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       isExistingSource: Boolean(selectedPaymentMethodId),
       items: mappedOrderItems,
       addressId: selectedAddressId,
-      couponCode
+      couponCode,
+      cardExpirationMonth: state === null || state === void 0 ? void 0 : state.month,
+      cardExpirationYear: state === null || state === void 0 ? void 0 : state.year
     }, (err, orderResponse) => {
       var _window$Pelcro14, _window$Pelcro14$user, _window$Pelcro14$user2;
       if (err) {
@@ -21333,7 +21506,9 @@ const PaymentMethodContainerWithoutStripe = _ref => {
         campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
         ...(selectedAddressId && {
           address_id: selectedAddressId
-        })
+        }),
+        card_expiration_month: state === null || state === void 0 ? void 0 : state.month,
+        card_expiration_year: state === null || state === void 0 ? void 0 : state.year
       }, (err, res) => {
         if (err) {
           return handlePaymentError(err);

package/dist/index.esm.js

@@ -3511,7 +3511,9 @@ var messages$17 = {
 	}
 };
 var errors$h = {
-	"": ""
+	facebookNoEmail: "Your Facebook account doesn't have an email address. Please use a different login method or add an email to your Facebook account.",
+	googleNoEmail: "Your Google account doesn't have an email address. Please use a different login method or add an email to your Google account.",
+	auth0NoEmail: "Your Auth0 account doesn't have an email address. Please use a different login method or add an email to your Auth0 account."
 };
 var login_en = {
 	labels: labels$14,
@@ -3572,7 +3574,9 @@ var messages$15 = {
 	}
 };
 var errors$g = {
-	"": ""
+	facebookNoEmail: "Your Facebook account doesn't have an email address. Please use a different login method or add an email to your Facebook account.",
+	googleNoEmail: "Your Google account doesn't have an email address. Please use a different login method or add an email to your Google account.",
+	auth0NoEmail: "Your Auth0 account doesn't have an email address. Please use a different login method or add an email to your Auth0 account."
 };
 var gift$3 = {
 	titles: {
@@ -4473,7 +4477,9 @@ var messages$Q = {
 	}
 };
 var errors$c = {
-	"": ""
+	facebookNoEmail: "Votre compte Facebook n'a pas d'adresse e-mail. Veuillez utiliser une autre méthode de connexion ou ajouter une adresse e-mail à votre compte Facebook.",
+	googleNoEmail: "Votre compte Google n'a pas d'adresse e-mail. Veuillez utiliser une autre méthode de connexion ou ajouter une adresse e-mail à votre compte Google.",
+	auth0NoEmail: "Votre compte Auth0 n'a pas d'adresse e-mail. Veuillez utiliser une autre méthode de connexion ou ajouter une adresse e-mail à votre compte Auth0."
 };
 var login_fr = {
 	labels: labels$O,
@@ -4534,7 +4540,9 @@ var messages$O = {
 	}
 };
 var errors$b = {
-	"": ""
+	facebookNoEmail: "Votre compte Facebook n'a pas d'adresse e-mail. Veuillez utiliser une autre méthode de connexion ou ajouter une adresse e-mail à votre compte Facebook.",
+	googleNoEmail: "Votre compte Google n'a pas d'adresse e-mail. Veuillez utiliser une autre méthode de connexion ou ajouter une adresse e-mail à votre compte Google.",
+	auth0NoEmail: "Votre compte Auth0 n'a pas d'adresse e-mail. Veuillez utiliser une autre méthode de connexion ou ajouter une adresse e-mail à votre compte Auth0."
 };
 var gift$2 = {
 	titles: {
@@ -5425,7 +5433,9 @@ var messages$x = {
 	}
 };
 var errors$7 = {
-	"": ""
+	facebookNoEmail: "Facebook 계정에 이메일 주소가 없습니다. 다른 로그인 방법을 사용하거나 Facebook 계정에 이메일을 추가해 주세요.",
+	googleNoEmail: "Google 계정에 이메일 주소가 없습니다. 다른 로그인 방법을 사용하거나 Google 계정에 이메일을 추가해 주세요.",
+	auth0NoEmail: "Auth0 계정에 이메일 주소가 없습니다. 다른 로그인 방법을 사용하거나 Auth0 계정에 이메일을 추가해 주세요."
 };
 var login_ko = {
 	labels: labels$w,
@@ -5486,7 +5496,9 @@ var messages$v = {
 	}
 };
 var errors$6 = {
-	"": ""
+	facebookNoEmail: "Facebook 계정에 이메일 주소가 없습니다. 다른 로그인 방법을 사용하거나 Facebook 계정에 이메일을 추가해 주세요.",
+	googleNoEmail: "Google 계정에 이메일 주소가 없습니다. 다른 로그인 방법을 사용하거나 Google 계정에 이메일을 추가해 주세요.",
+	auth0NoEmail: "Auth0 계정에 이메일 주소가 없습니다. 다른 로그인 방법을 사용하거나 Auth0 계정에 이메일을 추가해 주세요."
 };
 var gift$1 = {
 	titles: {
@@ -6479,7 +6491,9 @@ var messages$e = {
 	}
 };
 var errors$2 = {
-	"": ""
+	facebookNoEmail: "Tu cuenta de Facebook no tiene una dirección de correo electrónico. Por favor, usa un método de inicio de sesión diferente o agrega un correo electrónico a tu cuenta de Facebook.",
+	googleNoEmail: "Tu cuenta de Google no tiene una dirección de correo electrónico. Por favor, usa un método de inicio de sesión diferente o agrega un correo electrónico a tu cuenta de Google.",
+	auth0NoEmail: "Tu cuenta de Auth0 no tiene una dirección de correo electrónico. Por favor, usa un método de inicio de sesión diferente o agrega un correo electrónico a tu cuenta de Auth0."
 };
 var login_es = {
 	labels: labels$e,
@@ -6540,7 +6554,9 @@ var messages$c = {
 	}
 };
 var errors$1 = {
-	"": ""
+	facebookNoEmail: "Tu cuenta de Facebook no tiene una dirección de correo electrónico. Por favor, usa un método de inicio de sesión diferente o agrega un correo electrónico a tu cuenta de Facebook.",
+	googleNoEmail: "Tu cuenta de Google no tiene una dirección de correo electrónico. Por favor, usa un método de inicio de sesión diferente o agrega un correo electrónico a tu cuenta de Google.",
+	auth0NoEmail: "Tu cuenta de Auth0 no tiene una dirección de correo electrónico. Por favor, usa un método de inicio de sesión diferente o agrega un correo electrónico a tu cuenta de Auth0."
 };
 var gift = {
 	titles: {
@@ -14053,6 +14069,9 @@ const FacebookLoginButton = _ref => {
     labelClassName = "",
     iconClassName = ""
   } = _ref;
+  const {
+    t
+  } = useTranslation("login");
   const facebookLoginEnabled = (_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.facebook_app_id;
   const {
     dispatch: loginDispatch
@@ -14061,6 +14080,27 @@ const FacebookLoginButton = _ref => {
     dispatch: registerDispatch
   } = useContext(store$m);
   const onSuccess = facebookUser => {
+    // Check if email is provided by Facebook
+    if (!(facebookUser !== null && facebookUser !== void 0 && facebookUser.email)) {
+      // Show error message for both login and register stores
+      loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
+        type: SHOW_ALERT,
+        payload: {
+          type: "error",
+          content: t("errors.facebookNoEmail")
+        }
+      });
+      registerDispatch === null || registerDispatch === void 0 ? void 0 : registerDispatch({
+        type: SHOW_ALERT,
+        payload: {
+          type: "error",
+          content: t("errors.facebookNoEmail")
+        }
+      });
+      return;
+    }
+
+    // Proceed with social login if email is available
     loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
       type: HANDLE_SOCIAL_LOGIN,
       payload: {
@@ -14216,6 +14256,9 @@ const GoogleLoginButton = _ref => {
     labelClassName = "",
     iconClassName = ""
   } = _ref;
+  const {
+    t
+  } = useTranslation("login");
   const googleClientId = (_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.google_app_id;
   const {
     dispatch: loginDispatch
@@ -14231,15 +14274,38 @@ const GoogleLoginButton = _ref => {
     });
   }, []);
   const onSuccess = response => {
-    var _response$getAuthResp, _profile$getEmail, _profile$getGivenName, _profile$getFamilyNam, _profile$getEmail2, _profile$getGivenName2, _profile$getFamilyNam2;
+    var _response$getAuthResp, _profile$getEmail, _profile$getGivenName, _profile$getFamilyNam, _profile$getGivenName2, _profile$getFamilyNam2;
     const profile = response.getBasicProfile();
     const accessToken = (_response$getAuthResp = response.getAuthResponse()) === null || _response$getAuthResp === void 0 ? void 0 : _response$getAuthResp.id_token;
+    const email = (_profile$getEmail = profile.getEmail) === null || _profile$getEmail === void 0 ? void 0 : _profile$getEmail.call(profile);
+
+    // Check if email is provided by Google
+    if (!email) {
+      // Show error message for both login and register stores
+      loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
+        type: SHOW_ALERT,
+        payload: {
+          type: "error",
+          content: t("errors.googleNoEmail")
+        }
+      });
+      registerDispatch === null || registerDispatch === void 0 ? void 0 : registerDispatch({
+        type: SHOW_ALERT,
+        payload: {
+          type: "error",
+          content: t("errors.googleNoEmail")
+        }
+      });
+      return;
+    }
+
+    // Proceed with social login if email is available
     loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
       type: HANDLE_SOCIAL_LOGIN,
       payload: {
         idpName: "google",
         idpToken: accessToken,
-        email: (_profile$getEmail = profile.getEmail) === null || _profile$getEmail === void 0 ? void 0 : _profile$getEmail.call(profile),
+        email: email,
         firstName: (_profile$getGivenName = profile.getGivenName) === null || _profile$getGivenName === void 0 ? void 0 : _profile$getGivenName.call(profile),
         lastName: (_profile$getFamilyNam = profile.getFamilyName) === null || _profile$getFamilyNam === void 0 ? void 0 : _profile$getFamilyNam.call(profile)
       }
@@ -14249,7 +14315,7 @@ const GoogleLoginButton = _ref => {
       payload: {
         idpName: "google",
         idpToken: accessToken,
-        email: (_profile$getEmail2 = profile.getEmail) === null || _profile$getEmail2 === void 0 ? void 0 : _profile$getEmail2.call(profile),
+        email: email,
         firstName: (_profile$getGivenName2 = profile.getGivenName) === null || _profile$getGivenName2 === void 0 ? void 0 : _profile$getGivenName2.call(profile),
         lastName: (_profile$getFamilyNam2 = profile.getFamilyName) === null || _profile$getFamilyNam2 === void 0 ? void 0 : _profile$getFamilyNam2.call(profile)
       }
@@ -14321,6 +14387,9 @@ const Auth0LoginButton = _ref => {
   const {
     dispatch: registerDispatch
   } = useContext(store$m);
+  const {
+    t
+  } = useTranslation("login");
   function handleClick() {
     var _auth0InstanceRef$cur, _auth0InstanceRef$cur2, _auth0InstanceRef$cur3;
     if (!auth0Loaded) {
@@ -14352,6 +14421,28 @@ const Auth0LoginButton = _ref => {
         given_name,
         family_name
       } = user;
+
+      // Check if email is provided by Auth0
+      if (!email) {
+        // Show error message for both login and register stores
+        loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
+          type: SHOW_ALERT,
+          payload: {
+            type: "error",
+            content: t("errors.auth0NoEmail")
+          }
+        });
+        registerDispatch === null || registerDispatch === void 0 ? void 0 : registerDispatch({
+          type: SHOW_ALERT,
+          payload: {
+            type: "error",
+            content: t("errors.auth0NoEmail")
+          }
+        });
+        return;
+      }
+
+      // Proceed with social login if email is available
       loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
         type: HANDLE_SOCIAL_LOGIN,
         payload: {
@@ -18184,7 +18275,9 @@ class CybersourceGateway {
           quantity = 1,
           addressId,
           isExistingSource,
-          fingerprint_session_id
+          fingerprint_session_id,
+          cardExpirationMonth,
+          cardExpirationYear
         } = options;
         const params = isExistingSource ? {
           source_id: token
@@ -18200,6 +18293,8 @@ class CybersourceGateway {
           coupon_code: couponCode,
           address_id: product.address_required ? addressId : null,
           fingerprint_session_id: fingerprint_session_id,
+          card_expiration_month: cardExpirationMonth,
+          card_expiration_year: cardExpirationYear,
           ...params
         }, (err, res) => {
           callback(err, res);
@@ -18216,7 +18311,9 @@ class CybersourceGateway {
           couponCode,
           product,
           addressId,
-          isExistingSource
+          isExistingSource,
+          cardExpirationMonth,
+          cardExpirationYear
         } = options;
         const params = isExistingSource ? {
           source_id: token
@@ -18231,6 +18328,8 @@ class CybersourceGateway {
           campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           subscription_id: subscriptionIdToRenew,
           address_id: product.address_required ? addressId : null,
+          card_expiration_month: cardExpirationMonth,
+          card_expiration_year: cardExpirationYear,
           ...params
         }, (err, res) => {
           callback(err, res);
@@ -18248,7 +18347,9 @@ class CybersourceGateway {
           giftRecipient,
           quantity = 1,
           addressId,
-          isExistingSource
+          isExistingSource,
+          cardExpirationMonth,
+          cardExpirationYear
         } = options;
         const params = isExistingSource ? {
           source_id: token
@@ -18268,6 +18369,8 @@ class CybersourceGateway {
           gift_start_date: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.startDate,
           gift_message: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.giftMessage,
           address_id: product.address_required ? addressId : null,
+          card_expiration_month: cardExpirationMonth,
+          card_expiration_year: cardExpirationYear,
           ...params
         }, (err, res) => {
           callback(err, res);
@@ -18284,7 +18387,9 @@ class CybersourceGateway {
           plan,
           couponCode,
           addressId,
-          isExistingSource
+          isExistingSource,
+          cardExpirationMonth,
+          cardExpirationYear
         } = options;
         const params = isExistingSource ? {
           source_id: token
@@ -18298,6 +18403,8 @@ class CybersourceGateway {
           coupon_code: couponCode,
           subscription_id: subscriptionIdToRenew,
           address_id: product.address_required ? addressId : null,
+          card_expiration_month: cardExpirationMonth,
+          card_expiration_year: cardExpirationYear,
           ...params
         }, (err, res) => {
           callback(err, res);
@@ -18312,7 +18419,9 @@ class CybersourceGateway {
           items,
           couponCode,
           addressId,
-          isExistingSource
+          isExistingSource,
+          cardExpirationMonth,
+          cardExpirationYear
         } = options;
         const params = isExistingSource ? {
           source_id: token
@@ -18327,7 +18436,9 @@ class CybersourceGateway {
           ...params,
           ...(addressId && {
             address_id: addressId
-          })
+          }),
+          card_expiration_month: cardExpirationMonth,
+          card_expiration_year: cardExpirationYear
         }, (err, res) => {
           callback(err, res);
         });
@@ -18768,7 +18879,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           }
         });
       }
-      handleCybersourcePayment(response.token, state);
+      handleCybersourcePayment(response, state);
     });
   };
   function handleCybersourcePayment(paymentRequest, state) {
@@ -18786,7 +18897,9 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       window.Pelcro.source.create({
         auth_token: window.Pelcro.user.read().auth_token,
         token: paymentRequest,
-        gateway: "cybersource"
+        gateway: "cybersource",
+        cardExpirationMonth: state.month,
+        cardExpirationYear: state.year
       }, (err, res) => {
         dispatch({
           type: DISABLE_SUBMIT,
@@ -18814,6 +18927,12 @@ const PaymentMethodContainerWithoutStripe = _ref => {
             content: t("messages.sourceUpdated")
           }
         });
+
+        // Reinitialize Cybersource microform after successful payment
+        setTimeout(() => {
+          cybersourceInstanceRef.current = null;
+          initCybersourceScript();
+        }, 1000);
         onSuccess(res);
       } //
       );
@@ -18837,11 +18956,19 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           product,
           isExistingSource: isUsingExistingPaymentMethod,
           subscriptionIdToRenew,
-          addressId: selectedAddressId
+          addressId: selectedAddressId,
+          cardExpirationMonth: state.month,
+          cardExpirationYear: state.year
         }, (err, res) => {
           if (err) {
             return handlePaymentError(err);
           }
+
+          // Reinitialize Cybersource microform after successful payment
+          setTimeout(() => {
+            cybersourceInstanceRef.current = null;
+            initCybersourceScript();
+          }, 1000);
           onSuccess(res);
         });
       } else if (giftSubscriprition) {
@@ -18854,11 +18981,19 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           product,
           isExistingSource: isUsingExistingPaymentMethod,
           giftRecipient,
-          addressId: selectedAddressId
+          addressId: selectedAddressId,
+          cardExpirationMonth: state.month,
+          cardExpirationYear: state.year
         }, (err, res) => {
           if (err) {
             return handlePaymentError(err);
           }
+
+          // Reinitialize Cybersource microform after successful payment
+          setTimeout(() => {
+            cybersourceInstanceRef.current = null;
+            initCybersourceScript();
+          }, 1000);
           onSuccess(res);
         });
       } else if (renewSubscription) {
@@ -18871,11 +19006,19 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           product,
           isExistingSource: isUsingExistingPaymentMethod,
           subscriptionIdToRenew,
-          addressId: selectedAddressId
+          addressId: selectedAddressId,
+          cardExpirationMonth: state.month,
+          cardExpirationYear: state.year
         }, (err, res) => {
           if (err) {
             return handlePaymentError(err);
           }
+
+          // Reinitialize Cybersource microform after successful payment
+          setTimeout(() => {
+            cybersourceInstanceRef.current = null;
+            initCybersourceScript();
+          }, 1000);
           onSuccess(res);
         });
       } else if (createSubscription) {
@@ -18888,22 +19031,27 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           product,
           isExistingSource: isUsingExistingPaymentMethod,
           addressId: selectedAddressId,
-          fingerprint_session_id: state.cyberSourceSessionId
+          fingerprint_session_id: state.cyberSourceSessionId,
+          cardExpirationMonth: state.month,
+          cardExpirationYear: state.year
         }, (err, res) => {
           if (err) {
             return handlePaymentError(err);
           }
+
+          // Reinitialize Cybersource microform after successful payment
+          setTimeout(() => {
+            cybersourceInstanceRef.current = null;
+            initCybersourceScript();
+          }, 1000);
           onSuccess(res);
         });
       }
     }
   }
-  const tokenizeCard = (error, microformInstance) => {
-    if (error) {
-      return;
-    }
-    cybersourceInstanceRef.current = microformInstance;
-  };
+
+  // No longer needed - microform instance is stored directly in initCybersourceScript
+
   const appendCybersourceFingerprintScripts = () => {
     var _window$Pelcro$site$r, _window$Pelcro$site$r2, _window$Pelcro$site$r3, _window$Pelcro$site$r4;
     const uniqueId = crypto.randomUUID();
@@ -18927,6 +19075,12 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     }
   };
   const initCybersourceScript = () => {
+    // Clear existing card number field before reinitializing
+    const cardNumberElement = document.querySelector("#cybersourceCardNumber");
+    if (cardNumberElement) {
+      cardNumberElement.innerHTML = "";
+    }
+
     // jwk api call
     window.Pelcro.payment.getJWK({
       auth_token: window.Pelcro.user.read().auth_token,
@@ -18951,35 +19105,56 @@ const PaymentMethodContainerWithoutStripe = _ref => {
         });
       }
       const {
-        key: jwk
+        key: jwk,
+        captureContext,
+        js_client
       } = res;
-      // SETUP MICROFORM
-      // eslint-disable-next-line no-undef
-      FLEX.microform({
-        keyId: jwk.kid,
-        keystore: jwk,
-        container: "#cybersourceCardNumber",
-        placeholder: "Card Number",
-        styles: {
-          input: {
-            "font-size": "14px",
-            "font-family": "helvetica, tahoma, calibri, sans-serif",
-            color: "#555"
-          },
-          ":focus": {
-            color: "blue"
-          },
-          ":disabled": {
-            cursor: "not-allowed"
-          },
-          valid: {
-            color: "#3c763d"
-          },
-          invalid: {
-            color: "#a94442"
+
+      // Load the SDK from the dynamic URL (if not already loaded)
+      const existingScript = document.querySelector(`script[src="${js_client}"]`);
+      if (!existingScript) {
+        window.Pelcro.helpers.loadSDK(js_client, "cybersource-cdn");
+      }
+      const initializeMicroform = () => {
+        // SETUP MICROFORM
+        // eslint-disable-next-line no-undef
+        const flex = new Flex(captureContext);
+        const microform = flex.microform({
+          styles: {
+            input: {
+              "font-size": "14px",
+              "font-family": "helvetica, tahoma, calibri, sans-serif",
+              color: "#555"
+            },
+            ":focus": {
+              color: "blue"
+            },
+            ":disabled": {
+              cursor: "not-allowed"
+            },
+            valid: {
+              color: "#3c763d"
+            },
+            invalid: {
+              color: "#a94442"
+            }
           }
-        }
-      }, tokenizeCard);
+        });
+        const number = microform.createField("number", {
+          placeholder: "Enter your card number"
+        });
+        number.load("#cybersourceCardNumber");
+        cybersourceInstanceRef.current = microform;
+      };
+
+      // Wait for SDK to load then initialize microform
+      if (existingScript) {
+        // Script already loaded, initialize immediately
+        initializeMicroform();
+      } else {
+        // Wait for new script to load
+        document.querySelector(`script[src="${js_client}"]`).addEventListener("load", initializeMicroform);
+      }
     });
   };
 
@@ -20175,13 +20350,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       if (cardProcessor === "tap" && !selectedPaymentMethodId && window.Tapjsli) {
         initTapScript();
       }
-      if (cardProcessor === "cybersource" && !selectedPaymentMethodId && !window.FLEX) {
-        window.Pelcro.helpers.loadSDK("https://flex.cybersource.com/cybersource/assets/microform/0.4/flex-microform.min.js", "cybersource-cdn");
-        document.querySelector('script[src="https://flex.cybersource.com/cybersource/assets/microform/0.4/flex-microform.min.js"]').addEventListener("load", () => {
-          initCybersourceScript();
-        });
-      }
-      if (cardProcessor === "cybersource" && !selectedPaymentMethodId && window.FLEX) {
+      if (cardProcessor === "cybersource" && !selectedPaymentMethodId) {
         initCybersourceScript();
       }
       if (cardProcessor === "cybersource") {
@@ -20780,7 +20949,9 @@ const PaymentMethodContainerWithoutStripe = _ref => {
         gift_start_date: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.startDate,
         gift_message: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.giftMessage,
         address_id: product.address_required ? selectedAddressId : null,
-        metadata: props === null || props === void 0 ? void 0 : props.subCreateMetadata
+        metadata: props === null || props === void 0 ? void 0 : props.subCreateMetadata,
+        cardExpirationMonth: state === null || state === void 0 ? void 0 : state.month,
+        cardExpirationYear: state === null || state === void 0 ? void 0 : state.year
       }, (err, res) => {
         var _res$data;
         if (res !== null && res !== void 0 && (_res$data = res.data) !== null && _res$data !== void 0 && _res$data.setup_intent) {
@@ -20955,7 +21126,9 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       isExistingSource: Boolean(selectedPaymentMethodId),
       items: mappedOrderItems,
       addressId: selectedAddressId,
-      couponCode
+      couponCode,
+      cardExpirationMonth: state === null || state === void 0 ? void 0 : state.month,
+      cardExpirationYear: state === null || state === void 0 ? void 0 : state.year
     }, (err, orderResponse) => {
       var _window$Pelcro14, _window$Pelcro14$user, _window$Pelcro14$user2;
       if (err) {
@@ -21303,7 +21476,9 @@ const PaymentMethodContainerWithoutStripe = _ref => {
         campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
         ...(selectedAddressId && {
           address_id: selectedAddressId
-        })
+        }),
+        card_expiration_month: state === null || state === void 0 ? void 0 : state.month,
+        card_expiration_year: state === null || state === void 0 ? void 0 : state.year
       }, (err, res) => {
         if (err) {
           return handlePaymentError(err);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pelcro/react-pelcro-js",
   "description": "Pelcro's React UI Elements",
-  "version": "3.26.0-beta.77",
+  "version": "3.26.0-beta.79",
   "license": "MIT",
   "private": false,
   "main": "dist/index.cjs.js",