@pelcro/react-pelcro-js 3.26.0-beta.10 → 3.26.0-beta.12

package/dist/index.cjs.js

@@ -9518,6 +9518,17 @@ const calcAndFormatItemsTotal = (items, currency) => {
   return getFormattedPriceByLocal(totalWithoutDividingBy100, currency, getPageOrDefaultLanguage());
 };
 
+/**
+ * @param {object[]} items
+ * @returns {number} the total order price
+ */
+const calcOrderAmount = items => {
+  if (!Array.isArray(items)) return;
+  return items.reduce((prevAmount, item) => {
+    return prevAmount + item.price * item.quantity;
+  }, 0);
+};
+
 /**
  * returns true if the URL contains a supported view trigger URL
  * @param {string} viewID
@@ -11899,7 +11910,10 @@ const loadPaymentSDKs = () => {
       window.Pelcro.helpers.loadSDK("https://code.jquery.com/jquery-3.6.0.slim.min.js", "vantiv-jquery-sdk");
     }
     window.Pelcro.helpers.loadSDK("https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", "vantiv-jquery-sdk");
-    window.Pelcro.helpers.loadSDK("https://request.eprotect.vantivprelive.com/eProtect/eProtect-api3.js", "vantiv-eprotect-api");
+    const eProtectApi3PreLiveURL = "https://request.eprotect.vantivprelive.com/eProtect/eProtect-api3.js";
+    const eProtectApi3ProductionURL = "https://request.eprotect.vantivcnp.com/eProtect/eProtect-api3.js";
+    const eProtectApi3scriptUrlToUse = window.Pelcro.site.read().vantiv_gateway_settings.environment === "production" ? eProtectApi3ProductionURL : eProtectApi3PreLiveURL;
+    window.Pelcro.helpers.loadSDK(eProtectApi3scriptUrlToUse, "vantiv-eprotect-api");
     if (!window.EprotectIframeClient) {
       const PRELIVE_URL = "https://request.eprotect.vantivprelive.com/eProtect/js/eProtect-iframe-client.min.js";
       const PRODUCTION_URL = "https://request.eprotect.vantivcnp.com/eProtect/js/eProtect-iframe-client3.min.js";
@@ -18211,7 +18225,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     } else if (type === "orderCreate") {
       purchase(new CybersourceGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest, state, dispatch);
     } else if (type === "invoicePayment") {
-      payInvoice(new CybersourceGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest);
+      payInvoice(new CybersourceGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest, dispatch);
     } else if (type === "updatePaymentSource") {
       createNewCybersourceCard();
     }
@@ -18541,7 +18555,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     } else if (type === "orderCreate") {
       purchase(new TapGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest, state, dispatch);
     } else if (type === "invoicePayment") {
-      payInvoice(new TapGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest);
+      payInvoice(new TapGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest, dispatch);
     } else if (type === "updatePaymentSource") {
       createNewTapCard();
     }
@@ -18752,7 +18766,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     } else if (type === "orderCreate") {
       purchase(new VantivGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest, state, dispatch);
     } else if (type === "invoicePayment") {
-      payInvoice(new VantivGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest);
+      payInvoice(new VantivGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest, dispatch);
     } else if (type === "updatePaymentSource") {
       createNewVantivCard();
     }
@@ -19584,7 +19598,8 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       });
     });
   };
-  const payInvoice = (gatewayService, gatewayToken, dispatch) => {
+  const payInvoice = function (gatewayService, gatewayToken, dispatch) {
+    let cb = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
     const payment = new Payment(gatewayService);
     return payment.execute({
       type: PAYMENT_TYPES.PAY_INVOICE,
@@ -19592,7 +19607,29 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       isExistingSource: Boolean(selectedPaymentMethodId),
       invoiceId: invoice.id
     }, (err, res) => {
-      confirmStripeCardPayment(res, err);
+      if (cb && typeof cb == "function") {
+        cb(res, err);
+      } else {
+        dispatch({
+          type: DISABLE_SUBMIT,
+          payload: false
+        });
+        dispatch({
+          type: LOADING,
+          payload: false
+        });
+        if (err) {
+          onFailure(err);
+          return dispatch({
+            type: SHOW_ALERT,
+            payload: {
+              type: "error",
+              content: getErrorMessages(err)
+            }
+          });
+        }
+        onSuccess(res);
+      }
     });
   };
   const updatePaymentSource = (state, dispatch) => {
@@ -19836,7 +19873,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     } else if (stripeSource && type === "orderCreate") {
       purchase(new StripeGateway(), stripeSource.id, state, dispatch);
     } else if (stripeSource && type === "invoicePayment") {
-      payInvoice(new StripeGateway(), stripeSource.id);
+      payInvoice(new StripeGateway(), stripeSource.id, dispatch, confirmStripeCardPayment);
     }
   };
   const handlePaymentError = error => {
@@ -20008,7 +20045,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       case HANDLE_PAYPAL_SUBSCRIPTION:
         return lib_5(state, (state, dispatch) => {
           if (type === "invoicePayment") {
-            payInvoice(new PaypalGateway(), action.payload);
+            payInvoice(new PaypalGateway(), action.payload, dispatch);
           } else {
             handlePaypalSubscription(state, action.payload);
           }
@@ -21165,7 +21202,7 @@ const DonationEmail = props => /*#__PURE__*/React__default['default'].createElem
  * @return {JSX}
  */
 const ApplePayButton = _ref => {
-  var _window$Pelcro$site$r, _ref2, _ref3, _state$updatedPrice, _props$plan;
+  var _window$Pelcro$site$r, _order$, _ref2, _ref3, _ref4, _state$updatedPrice, _props$plan;
   let {
     onClick,
     props,
@@ -21177,7 +21214,8 @@ const ApplePayButton = _ref => {
   } = React.useContext(store$k);
   const {
     plan,
-    invoice
+    invoice,
+    order
   } = usePelcro();
   const {
     pay_page_id: payPageId,
@@ -21185,7 +21223,10 @@ const ApplePayButton = _ref => {
     apple_pay_merchant_id: ApplePayMerchantId,
     apple_pay_enabled: ApplePayEnabled
   } = (_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.vantiv_gateway_settings;
-  const updatedPrice = (_ref2 = (_ref3 = (_state$updatedPrice = state.updatedPrice) !== null && _state$updatedPrice !== void 0 ? _state$updatedPrice : props === null || props === void 0 ? void 0 : (_props$plan = props.plan) === null || _props$plan === void 0 ? void 0 : _props$plan.amount) !== null && _ref3 !== void 0 ? _ref3 : plan === null || plan === void 0 ? void 0 : plan.amount) !== null && _ref2 !== void 0 ? _ref2 : invoice.amount_remaining;
+  const orderPrice = !Array.isArray(order) ? order === null || order === void 0 ? void 0 : order.price : calcOrderAmount(order);
+  const orderCurrency = !Array.isArray(order) ? order === null || order === void 0 ? void 0 : order.currency : (_order$ = order[0]) === null || _order$ === void 0 ? void 0 : _order$.currency;
+  const orderLabel = !Array.isArray(order) ? order === null || order === void 0 ? void 0 : order.name : "Order";
+  const updatedPrice = (_ref2 = (_ref3 = (_ref4 = (_state$updatedPrice = state.updatedPrice) !== null && _state$updatedPrice !== void 0 ? _state$updatedPrice : props === null || props === void 0 ? void 0 : (_props$plan = props.plan) === null || _props$plan === void 0 ? void 0 : _props$plan.amount) !== null && _ref4 !== void 0 ? _ref4 : plan === null || plan === void 0 ? void 0 : plan.amount) !== null && _ref3 !== void 0 ? _ref3 : orderPrice) !== null && _ref2 !== void 0 ? _ref2 : invoice.amount_remaining;
   React.useEffect(() => {
     if (window.ApplePaySession) {
       // Indicates whether the device supports Apple Pay and whether the user has an active card in Wallet.
@@ -21218,11 +21259,11 @@ const ApplePayButton = _ref => {
     // @see https://developer.apple.com/documentation/apple_pay_on_the_web/apple_pay_js_api/creating_an_apple_pay_session
     const ApplePayPaymentRequest = {
       countryCode: ((_window = window) === null || _window === void 0 ? void 0 : (_window$Pelcro = _window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$user = _window$Pelcro.user) === null || _window$Pelcro$user === void 0 ? void 0 : (_window$Pelcro$user$l = _window$Pelcro$user.location) === null || _window$Pelcro$user$l === void 0 ? void 0 : _window$Pelcro$user$l.countryCode) || "US",
-      currencyCode: (plan === null || plan === void 0 ? void 0 : plan.currency.toUpperCase()) || (invoice === null || invoice === void 0 ? void 0 : invoice.currency.toUpperCase()),
+      currencyCode: (plan === null || plan === void 0 ? void 0 : plan.currency.toUpperCase()) || orderCurrency.toUpperCase() || (invoice === null || invoice === void 0 ? void 0 : invoice.currency.toUpperCase()),
       merchantCapabilities: ["supports3DS"],
       supportedNetworks: ["visa", "masterCard", "amex", "discover"],
       total: {
-        label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || `invoice #${invoice.id}`,
+        label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || orderLabel || `invoice #${invoice.id}`,
         type: "final",
         amount: updatedPrice / 100
       }
@@ -21270,12 +21311,12 @@ const ApplePayButton = _ref => {
       // Define ApplePayPaymentMethodUpdate based on the selected payment method.
       // No updates or errors are needed, pass an empty object.
       const newTotal = {
-        label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || `invoice #${invoice.id}`,
+        label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || orderLabel || `invoice #${invoice.id}`,
         type: "final",
         amount: updatedPrice / 100
       };
       const newLineItems = [{
-        label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || `invoice #${invoice.id}`,
+        label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || orderLabel || `invoice #${invoice.id}`,
         type: "final",
         amount: updatedPrice / 100
       }];
@@ -21288,14 +21329,14 @@ const ApplePayButton = _ref => {
     //   // Define ApplePayShippingMethodUpdate based on the selected shipping method.
     //   // No updates or errors are needed, pass an empty object.
     //   const newTotal = {
-    //     label: plan?.nickname || `invoice #${invoice.id}`,
+    //     label: plan?.nickname || orderLabel || `invoice #${invoice.id}`,
     //     type: "final",
     //     amount: updatedPrice / 100
     //   };
 
     //   const newLineItems = [
     //     {
-    //       label: plan?.nickname || `invoice #${invoice.id}`,
+    //       label: plan?.nickname || orderLabel || `invoice #${invoice.id}`,
     //       type: "final",
     //       amount: updatedPrice / 100
     //     }
@@ -26996,7 +27037,7 @@ const OrderCreateView = props => {
     type: "orderCreate",
     showCoupon: true,
     showExternalPaymentMethods: false,
-    showApplePayButton: false,
+    showApplePayButton: true,
     showOrderButton: showOrderButton,
     order: order
   }, props))));

package/dist/index.esm.js

@@ -9488,6 +9488,17 @@ const calcAndFormatItemsTotal = (items, currency) => {
   return getFormattedPriceByLocal(totalWithoutDividingBy100, currency, getPageOrDefaultLanguage());
 };
 
+/**
+ * @param {object[]} items
+ * @returns {number} the total order price
+ */
+const calcOrderAmount = items => {
+  if (!Array.isArray(items)) return;
+  return items.reduce((prevAmount, item) => {
+    return prevAmount + item.price * item.quantity;
+  }, 0);
+};
+
 /**
  * returns true if the URL contains a supported view trigger URL
  * @param {string} viewID
@@ -11869,7 +11880,10 @@ const loadPaymentSDKs = () => {
       window.Pelcro.helpers.loadSDK("https://code.jquery.com/jquery-3.6.0.slim.min.js", "vantiv-jquery-sdk");
     }
     window.Pelcro.helpers.loadSDK("https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", "vantiv-jquery-sdk");
-    window.Pelcro.helpers.loadSDK("https://request.eprotect.vantivprelive.com/eProtect/eProtect-api3.js", "vantiv-eprotect-api");
+    const eProtectApi3PreLiveURL = "https://request.eprotect.vantivprelive.com/eProtect/eProtect-api3.js";
+    const eProtectApi3ProductionURL = "https://request.eprotect.vantivcnp.com/eProtect/eProtect-api3.js";
+    const eProtectApi3scriptUrlToUse = window.Pelcro.site.read().vantiv_gateway_settings.environment === "production" ? eProtectApi3ProductionURL : eProtectApi3PreLiveURL;
+    window.Pelcro.helpers.loadSDK(eProtectApi3scriptUrlToUse, "vantiv-eprotect-api");
     if (!window.EprotectIframeClient) {
       const PRELIVE_URL = "https://request.eprotect.vantivprelive.com/eProtect/js/eProtect-iframe-client.min.js";
       const PRODUCTION_URL = "https://request.eprotect.vantivcnp.com/eProtect/js/eProtect-iframe-client3.min.js";
@@ -18181,7 +18195,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     } else if (type === "orderCreate") {
       purchase(new CybersourceGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest, state, dispatch);
     } else if (type === "invoicePayment") {
-      payInvoice(new CybersourceGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest);
+      payInvoice(new CybersourceGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest, dispatch);
     } else if (type === "updatePaymentSource") {
       createNewCybersourceCard();
     }
@@ -18511,7 +18525,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     } else if (type === "orderCreate") {
       purchase(new TapGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest, state, dispatch);
     } else if (type === "invoicePayment") {
-      payInvoice(new TapGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest);
+      payInvoice(new TapGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest, dispatch);
     } else if (type === "updatePaymentSource") {
       createNewTapCard();
     }
@@ -18722,7 +18736,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     } else if (type === "orderCreate") {
       purchase(new VantivGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest, state, dispatch);
     } else if (type === "invoicePayment") {
-      payInvoice(new VantivGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest);
+      payInvoice(new VantivGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest, dispatch);
     } else if (type === "updatePaymentSource") {
       createNewVantivCard();
     }
@@ -19554,7 +19568,8 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       });
     });
   };
-  const payInvoice = (gatewayService, gatewayToken, dispatch) => {
+  const payInvoice = function (gatewayService, gatewayToken, dispatch) {
+    let cb = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
     const payment = new Payment(gatewayService);
     return payment.execute({
       type: PAYMENT_TYPES.PAY_INVOICE,
@@ -19562,7 +19577,29 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       isExistingSource: Boolean(selectedPaymentMethodId),
       invoiceId: invoice.id
     }, (err, res) => {
-      confirmStripeCardPayment(res, err);
+      if (cb && typeof cb == "function") {
+        cb(res, err);
+      } else {
+        dispatch({
+          type: DISABLE_SUBMIT,
+          payload: false
+        });
+        dispatch({
+          type: LOADING,
+          payload: false
+        });
+        if (err) {
+          onFailure(err);
+          return dispatch({
+            type: SHOW_ALERT,
+            payload: {
+              type: "error",
+              content: getErrorMessages(err)
+            }
+          });
+        }
+        onSuccess(res);
+      }
     });
   };
   const updatePaymentSource = (state, dispatch) => {
@@ -19806,7 +19843,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     } else if (stripeSource && type === "orderCreate") {
       purchase(new StripeGateway(), stripeSource.id, state, dispatch);
     } else if (stripeSource && type === "invoicePayment") {
-      payInvoice(new StripeGateway(), stripeSource.id);
+      payInvoice(new StripeGateway(), stripeSource.id, dispatch, confirmStripeCardPayment);
     }
   };
   const handlePaymentError = error => {
@@ -19978,7 +20015,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       case HANDLE_PAYPAL_SUBSCRIPTION:
         return lib_5(state, (state, dispatch) => {
           if (type === "invoicePayment") {
-            payInvoice(new PaypalGateway(), action.payload);
+            payInvoice(new PaypalGateway(), action.payload, dispatch);
           } else {
             handlePaypalSubscription(state, action.payload);
           }
@@ -21135,7 +21172,7 @@ const DonationEmail = props => /*#__PURE__*/React__default.createElement(Email,
  * @return {JSX}
  */
 const ApplePayButton = _ref => {
-  var _window$Pelcro$site$r, _ref2, _ref3, _state$updatedPrice, _props$plan;
+  var _window$Pelcro$site$r, _order$, _ref2, _ref3, _ref4, _state$updatedPrice, _props$plan;
   let {
     onClick,
     props,
@@ -21147,7 +21184,8 @@ const ApplePayButton = _ref => {
   } = useContext(store$k);
   const {
     plan,
-    invoice
+    invoice,
+    order
   } = usePelcro();
   const {
     pay_page_id: payPageId,
@@ -21155,7 +21193,10 @@ const ApplePayButton = _ref => {
     apple_pay_merchant_id: ApplePayMerchantId,
     apple_pay_enabled: ApplePayEnabled
   } = (_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.vantiv_gateway_settings;
-  const updatedPrice = (_ref2 = (_ref3 = (_state$updatedPrice = state.updatedPrice) !== null && _state$updatedPrice !== void 0 ? _state$updatedPrice : props === null || props === void 0 ? void 0 : (_props$plan = props.plan) === null || _props$plan === void 0 ? void 0 : _props$plan.amount) !== null && _ref3 !== void 0 ? _ref3 : plan === null || plan === void 0 ? void 0 : plan.amount) !== null && _ref2 !== void 0 ? _ref2 : invoice.amount_remaining;
+  const orderPrice = !Array.isArray(order) ? order === null || order === void 0 ? void 0 : order.price : calcOrderAmount(order);
+  const orderCurrency = !Array.isArray(order) ? order === null || order === void 0 ? void 0 : order.currency : (_order$ = order[0]) === null || _order$ === void 0 ? void 0 : _order$.currency;
+  const orderLabel = !Array.isArray(order) ? order === null || order === void 0 ? void 0 : order.name : "Order";
+  const updatedPrice = (_ref2 = (_ref3 = (_ref4 = (_state$updatedPrice = state.updatedPrice) !== null && _state$updatedPrice !== void 0 ? _state$updatedPrice : props === null || props === void 0 ? void 0 : (_props$plan = props.plan) === null || _props$plan === void 0 ? void 0 : _props$plan.amount) !== null && _ref4 !== void 0 ? _ref4 : plan === null || plan === void 0 ? void 0 : plan.amount) !== null && _ref3 !== void 0 ? _ref3 : orderPrice) !== null && _ref2 !== void 0 ? _ref2 : invoice.amount_remaining;
   useEffect(() => {
     if (window.ApplePaySession) {
       // Indicates whether the device supports Apple Pay and whether the user has an active card in Wallet.
@@ -21188,11 +21229,11 @@ const ApplePayButton = _ref => {
     // @see https://developer.apple.com/documentation/apple_pay_on_the_web/apple_pay_js_api/creating_an_apple_pay_session
     const ApplePayPaymentRequest = {
       countryCode: ((_window = window) === null || _window === void 0 ? void 0 : (_window$Pelcro = _window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$user = _window$Pelcro.user) === null || _window$Pelcro$user === void 0 ? void 0 : (_window$Pelcro$user$l = _window$Pelcro$user.location) === null || _window$Pelcro$user$l === void 0 ? void 0 : _window$Pelcro$user$l.countryCode) || "US",
-      currencyCode: (plan === null || plan === void 0 ? void 0 : plan.currency.toUpperCase()) || (invoice === null || invoice === void 0 ? void 0 : invoice.currency.toUpperCase()),
+      currencyCode: (plan === null || plan === void 0 ? void 0 : plan.currency.toUpperCase()) || orderCurrency.toUpperCase() || (invoice === null || invoice === void 0 ? void 0 : invoice.currency.toUpperCase()),
       merchantCapabilities: ["supports3DS"],
       supportedNetworks: ["visa", "masterCard", "amex", "discover"],
       total: {
-        label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || `invoice #${invoice.id}`,
+        label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || orderLabel || `invoice #${invoice.id}`,
         type: "final",
         amount: updatedPrice / 100
       }
@@ -21240,12 +21281,12 @@ const ApplePayButton = _ref => {
       // Define ApplePayPaymentMethodUpdate based on the selected payment method.
       // No updates or errors are needed, pass an empty object.
       const newTotal = {
-        label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || `invoice #${invoice.id}`,
+        label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || orderLabel || `invoice #${invoice.id}`,
         type: "final",
         amount: updatedPrice / 100
       };
       const newLineItems = [{
-        label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || `invoice #${invoice.id}`,
+        label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || orderLabel || `invoice #${invoice.id}`,
         type: "final",
         amount: updatedPrice / 100
       }];
@@ -21258,14 +21299,14 @@ const ApplePayButton = _ref => {
     //   // Define ApplePayShippingMethodUpdate based on the selected shipping method.
     //   // No updates or errors are needed, pass an empty object.
     //   const newTotal = {
-    //     label: plan?.nickname || `invoice #${invoice.id}`,
+    //     label: plan?.nickname || orderLabel || `invoice #${invoice.id}`,
     //     type: "final",
     //     amount: updatedPrice / 100
     //   };
 
     //   const newLineItems = [
     //     {
-    //       label: plan?.nickname || `invoice #${invoice.id}`,
+    //       label: plan?.nickname || orderLabel || `invoice #${invoice.id}`,
     //       type: "final",
     //       amount: updatedPrice / 100
     //     }
@@ -26966,7 +27007,7 @@ const OrderCreateView = props => {
     type: "orderCreate",
     showCoupon: true,
     showExternalPaymentMethods: false,
-    showApplePayButton: false,
+    showApplePayButton: true,
     showOrderButton: showOrderButton,
     order: order
   }, props))));

package/package.json

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