@pelcro/react-pelcro-js 3.26.0-beta.30 → 3.26.0-beta.32

package/dist/index.cjs.js

@@ -3866,6 +3866,7 @@ var messages$$ = {
 	cancel: "Cancel your subscription online at anytime.",
 	giftSent: "Subscription gift has been sent to",
 	successfully: "successfully",
+	sourceCreated: "Payment information has been added",
 	sourceUpdated: "Your payment information has been updated",
 	cardAuthFailed: "We are unable to authenticate your payment method. Please choose a different payment method and try again.",
 	cardAuthNotSupported: "Updating your payment method to one that requires authentication is currently not possible. Please use a different payment method or contact customer service.",
@@ -4819,6 +4820,7 @@ var messages$I = {
 	cancel: "Annuler votre abonnement en ligne à tout moment.",
 	giftSent: "Le cadeau d’abonnement a été envoyé à",
 	successfully: "avec succès.",
+	sourceCreated: "Les informations de paiement ont été ajoutées",
 	sourceUpdated: "Vos informations de paiement ont été mises à jour",
 	cardAuthFailed: "Nous ne parvenons pas à authentifier votre mode de paiement. Veuillez choisir un autre mode de paiement et essayer à nouveau.",
 	cardAuthNotSupported: "Votre carte ne peut être mise à jour puisqu'elle nécessite une authentification. Veuillez utiliser un autre mode de paiement ou contacter le service client.",
@@ -5760,6 +5762,7 @@ var messages$p = {
 	cancel: "유료 멤버십은 언제든 온라인으로 취소가 가능합니다.",
 	giftSent: "유료 멤버십 선물이 ",
 	successfully: "님께 성공적으로 전송되었습니다.",
+	sourceCreated: "결제 정보가 추가되었습니다.",
 	sourceUpdated: "귀하의 결제 정보가 업데이트되었습니다.",
 	cardAuthFailed: "해당 결제 수단은 인증할 수 없습니다. 다른 결제 수단을 선택하여 다시 시도해보시기 바랍니다.",
 	cardAuthNotSupported: "인증이 요구되는 결제 수단으로의 업데이트는 현재 지원되지 않습니다. 다른 결제 수단을 이용하거나 고객센터로 문의하시기 바랍니다.",
@@ -6804,6 +6807,7 @@ var messages$6 = {
 	cancel: "Cancela tu suscripción en línea en cualquier momento.",
 	giftSent: "La suscripción de regalo se ha enviado a",
 	successfully: "exitosamente",
+	sourceCreated: "Se ha añadido la información de pago",
 	sourceUpdated: "Tu información de pago se ha actualizado",
 	cardAuthFailed: "No pudimos autenticar tu método de pago. Por favor, elige un método de pago diferente e intenta de nuevo.",
 	cardAuthNotSupported: "Actualmente no es posible actualizar tu método de pago a uno que requiere autenticación. Por favor, utiliza un método de pago diferente o contacta a atención al cliente.",
@@ -19913,7 +19917,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           type: SHOW_ALERT,
           payload: {
             type: "success",
-            content: t("messages.sourceUpdated")
+            content: t("messages.sourceCreated")
           }
         });
         onSuccess(res);
@@ -20782,7 +20786,8 @@ const CheckoutForm = _ref => {
     type
   } = _ref;
   const {
-    selectedPaymentMethodId
+    selectedPaymentMethodId,
+    paymentMethodToEdit
   } = usePelcro();
   const cardProcessor = getSiteCardProcessor();
   if (selectedPaymentMethodId) {
@@ -20818,7 +20823,14 @@ const CheckoutForm = _ref => {
   }
   if (cardProcessor === "stripe") {
     if (type === "updatePaymentSource") {
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      var _paymentMethodToEdit$;
+      return /*#__PURE__*/React__default['default'].createElement("div", null, paymentMethodToEdit ? /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(Input, {
+        className: "plc-tracking-widest plc-flex-grow plc-text-center",
+        value: `•••• •••• •••• ${paymentMethodToEdit === null || paymentMethodToEdit === void 0 ? void 0 : (_paymentMethodToEdit$ = paymentMethodToEdit.properties) === null || _paymentMethodToEdit$ === void 0 ? void 0 : _paymentMethodToEdit$.last4}`,
+        disabled: true
+      })) : /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(Input, {
+        className: "plc-bg-gray-300 plc-animate-pulse"
+      })), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "plc-flex plc-items-end plc-justify-between plc-my-2"
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "plc-w-6/12 plc-pr-4"
@@ -20830,7 +20842,7 @@ const CheckoutForm = _ref => {
       }, /*#__PURE__*/React__default['default'].createElement(YearSelect, {
         store: store$l,
         placeholder: "Exp Year *"
-      })));
+      }))));
     }
     return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(PelcroCardNumber, {
       autoFocus: true
@@ -25592,7 +25604,11 @@ const AddressCreateModal = _ref => {
     id: "pelcro-address-create-modal",
     onDisplay: onDisplay,
     onClose: onClose
-  }, /*#__PURE__*/React__default['default'].createElement(ModalBody, null, addressView === "billing" ? /*#__PURE__*/React__default['default'].createElement(AddressCreateBillingView, null) : /*#__PURE__*/React__default['default'].createElement(AddressCreateView, Object.assign({}, otherProps, {
+  }, /*#__PURE__*/React__default['default'].createElement(ModalBody, null, addressView === "billing" ? /*#__PURE__*/React__default['default'].createElement(AddressCreateBillingView, Object.assign({}, otherProps, {
+    onSuccess: onSuccess,
+    onGiftRedemptionSuccess: onGiftRedemptionSuccess,
+    onMembershipAdressUpdateSuccess: onMembershipAdressUpdateSuccess
+  })) : /*#__PURE__*/React__default['default'].createElement(AddressCreateView, Object.assign({}, otherProps, {
     onSuccess: onSuccess,
     onGiftRedemptionSuccess: onGiftRedemptionSuccess,
     onMembershipAdressUpdateSuccess: onMembershipAdressUpdateSuccess

package/dist/index.esm.js

@@ -3836,6 +3836,7 @@ var messages$$ = {
 	cancel: "Cancel your subscription online at anytime.",
 	giftSent: "Subscription gift has been sent to",
 	successfully: "successfully",
+	sourceCreated: "Payment information has been added",
 	sourceUpdated: "Your payment information has been updated",
 	cardAuthFailed: "We are unable to authenticate your payment method. Please choose a different payment method and try again.",
 	cardAuthNotSupported: "Updating your payment method to one that requires authentication is currently not possible. Please use a different payment method or contact customer service.",
@@ -4789,6 +4790,7 @@ var messages$I = {
 	cancel: "Annuler votre abonnement en ligne à tout moment.",
 	giftSent: "Le cadeau d’abonnement a été envoyé à",
 	successfully: "avec succès.",
+	sourceCreated: "Les informations de paiement ont été ajoutées",
 	sourceUpdated: "Vos informations de paiement ont été mises à jour",
 	cardAuthFailed: "Nous ne parvenons pas à authentifier votre mode de paiement. Veuillez choisir un autre mode de paiement et essayer à nouveau.",
 	cardAuthNotSupported: "Votre carte ne peut être mise à jour puisqu'elle nécessite une authentification. Veuillez utiliser un autre mode de paiement ou contacter le service client.",
@@ -5730,6 +5732,7 @@ var messages$p = {
 	cancel: "유료 멤버십은 언제든 온라인으로 취소가 가능합니다.",
 	giftSent: "유료 멤버십 선물이 ",
 	successfully: "님께 성공적으로 전송되었습니다.",
+	sourceCreated: "결제 정보가 추가되었습니다.",
 	sourceUpdated: "귀하의 결제 정보가 업데이트되었습니다.",
 	cardAuthFailed: "해당 결제 수단은 인증할 수 없습니다. 다른 결제 수단을 선택하여 다시 시도해보시기 바랍니다.",
 	cardAuthNotSupported: "인증이 요구되는 결제 수단으로의 업데이트는 현재 지원되지 않습니다. 다른 결제 수단을 이용하거나 고객센터로 문의하시기 바랍니다.",
@@ -6774,6 +6777,7 @@ var messages$6 = {
 	cancel: "Cancela tu suscripción en línea en cualquier momento.",
 	giftSent: "La suscripción de regalo se ha enviado a",
 	successfully: "exitosamente",
+	sourceCreated: "Se ha añadido la información de pago",
 	sourceUpdated: "Tu información de pago se ha actualizado",
 	cardAuthFailed: "No pudimos autenticar tu método de pago. Por favor, elige un método de pago diferente e intenta de nuevo.",
 	cardAuthNotSupported: "Actualmente no es posible actualizar tu método de pago a uno que requiere autenticación. Por favor, utiliza un método de pago diferente o contacta a atención al cliente.",
@@ -19883,7 +19887,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           type: SHOW_ALERT,
           payload: {
             type: "success",
-            content: t("messages.sourceUpdated")
+            content: t("messages.sourceCreated")
           }
         });
         onSuccess(res);
@@ -20752,7 +20756,8 @@ const CheckoutForm = _ref => {
     type
   } = _ref;
   const {
-    selectedPaymentMethodId
+    selectedPaymentMethodId,
+    paymentMethodToEdit
   } = usePelcro();
   const cardProcessor = getSiteCardProcessor();
   if (selectedPaymentMethodId) {
@@ -20788,7 +20793,14 @@ const CheckoutForm = _ref => {
   }
   if (cardProcessor === "stripe") {
     if (type === "updatePaymentSource") {
-      return /*#__PURE__*/React__default.createElement("div", {
+      var _paymentMethodToEdit$;
+      return /*#__PURE__*/React__default.createElement("div", null, paymentMethodToEdit ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Input, {
+        className: "plc-tracking-widest plc-flex-grow plc-text-center",
+        value: `•••• •••• •••• ${paymentMethodToEdit === null || paymentMethodToEdit === void 0 ? void 0 : (_paymentMethodToEdit$ = paymentMethodToEdit.properties) === null || _paymentMethodToEdit$ === void 0 ? void 0 : _paymentMethodToEdit$.last4}`,
+        disabled: true
+      })) : /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Input, {
+        className: "plc-bg-gray-300 plc-animate-pulse"
+      })), /*#__PURE__*/React__default.createElement("div", {
         className: "plc-flex plc-items-end plc-justify-between plc-my-2"
       }, /*#__PURE__*/React__default.createElement("div", {
         className: "plc-w-6/12 plc-pr-4"
@@ -20800,7 +20812,7 @@ const CheckoutForm = _ref => {
       }, /*#__PURE__*/React__default.createElement(YearSelect, {
         store: store$l,
         placeholder: "Exp Year *"
-      })));
+      }))));
     }
     return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(PelcroCardNumber, {
       autoFocus: true
@@ -25562,7 +25574,11 @@ const AddressCreateModal = _ref => {
     id: "pelcro-address-create-modal",
     onDisplay: onDisplay,
     onClose: onClose
-  }, /*#__PURE__*/React__default.createElement(ModalBody, null, addressView === "billing" ? /*#__PURE__*/React__default.createElement(AddressCreateBillingView, null) : /*#__PURE__*/React__default.createElement(AddressCreateView, Object.assign({}, otherProps, {
+  }, /*#__PURE__*/React__default.createElement(ModalBody, null, addressView === "billing" ? /*#__PURE__*/React__default.createElement(AddressCreateBillingView, Object.assign({}, otherProps, {
+    onSuccess: onSuccess,
+    onGiftRedemptionSuccess: onGiftRedemptionSuccess,
+    onMembershipAdressUpdateSuccess: onMembershipAdressUpdateSuccess
+  })) : /*#__PURE__*/React__default.createElement(AddressCreateView, Object.assign({}, otherProps, {
     onSuccess: onSuccess,
     onGiftRedemptionSuccess: onGiftRedemptionSuccess,
     onMembershipAdressUpdateSuccess: onMembershipAdressUpdateSuccess

package/package.json

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