@pelcro/react-pelcro-js 3.2.0-beta.4 → 3.2.0-beta.7

package/dist/index.cjs.js

@@ -6814,7 +6814,9 @@ function userMustVerifyEmail() {
   return window.Pelcro.user.isAuthenticated() && isEmailVerificationEnabled && !isUserEmailVerified;
 }
 function getRenewableProducts() {
-  const renewableSubs = window.Pelcro.subscription.list().filter(sub => sub.status === "active" && sub.cancel_at_period_end === 1);
+  var _window$Pelcro$subscr, _window$Pelcro$subscr2;
+
+  const renewableSubs = (_window$Pelcro$subscr = (_window$Pelcro$subscr2 = window.Pelcro.subscription.list()) === null || _window$Pelcro$subscr2 === void 0 ? void 0 : _window$Pelcro$subscr2.filter(sub => sub.status === "active" && sub.cancel_at_period_end === 1)) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
   const renewableProductsIds = [...new Set(renewableSubs.map(sub => sub.plan.product.id))];
   const renewablePlansIds = [...new Set(renewableSubs.map(sub => sub.plan.id))];
   const {
@@ -8869,7 +8871,7 @@ const loadPaymentSDKs = () => {
   } // Load Vantiv SDKs
 
 
-  const supportsVantiv = Boolean(window.Pelcro.site.read().vantiv_pay_page_id);
+  const supportsVantiv = Boolean(window.Pelcro.site.read().vantiv_gateway_settings);
 
   if (supportsVantiv) {
     if (!window.jQuery) {
@@ -8877,7 +8879,10 @@ const loadPaymentSDKs = () => {
     }
 
     if (!window.EprotectIframeClient) {
-      window.Pelcro.helpers.loadSDK("https://request.eprotect.vantivprelive.com/eProtect/js/eProtect-iframe-client.min.js", "vantiv-eprotect-sdk");
+      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-client4.min.js";
+      const scriptUrlToUse = window.Pelcro.site.read().vantiv_gateway_settings.environment === "production" ? PRODUCTION_URL : PRELIVE_URL;
+      window.Pelcro.helpers.loadSDK(scriptUrlToUse, "vantiv-eprotect-sdk");
     }
   }
 };
@@ -12839,20 +12844,21 @@ var es_12 = es.injectStripe;
 var es_13 = es.StripeProvider;
 
 /**
- * @TODO: All subscription related business logic should end up moving
+ * @TODO: All payment related business logic should end up moving
  * to this service, and out of react components.
  */
 
 /**
- * Enum for subscription types
+ * Enum for payment types
  * @readonly
  * @enum {string}
  */
-const SUBSCRIPTION_TYPES = {
+const PAYMENT_TYPES = {
   CREATE_SUBSCRIPTION: "CREATE_SUBSCRIPTION",
   CREATE_GIFTED_SUBSCRIPTION: "CREATE_GIFTED_SUBSCRIPTION",
   RENEW_SUBSCRIPTION: "RENEW_SUBSCRIPTION",
   RENEW_GIFTED_SUBSCRIPTION: "RENEW_GIFTED_SUBSCRIPTION",
+  PURCHASE_ECOMMERCE_ORDER: "PURCHASE_ECOMMERCE_ORDER",
   PAY_INVOICE: "PAY_INVOICE"
 };
 
@@ -12860,9 +12866,8 @@ var _isPaymentGatewayInvalid = /*#__PURE__*/new WeakMap();
 
 var _generateUserError = /*#__PURE__*/new WeakMap();
 
-class Subscription {
+class Payment {
   /**
-   * Subscription service  constructor
    * @param {(StripeGateway|PaypalGateway|VantivGateway)} paymentGateway
    */
   constructor(paymentGateway) {
@@ -12874,7 +12879,7 @@ class Subscription {
 
       if (!options.type) {
         callback(_classPrivateFieldGet(this, _generateUserError).call(this), null);
-        return console.error("No subscription type provided");
+        return console.error("No payment type provided");
       } // delegate execution to paymentgateway
 
 
@@ -12892,21 +12897,21 @@ class Subscription {
       writable: true,
       value: () => {
         return {
-          error: new Error("An error has occured in the subscription service, please try again later")
+          error: new Error("An error has occured in the payment service, please try again later")
         };
       }
     });
 
     if (_classPrivateFieldGet(this, _isPaymentGatewayInvalid).call(this, paymentGateway)) {
       this.paymentGateway = null;
-      console.error("Incompatible subscription gateway");
+      console.error("Incompatible payment gateway");
     } else {
       this.paymentGateway = paymentGateway;
     }
   }
   /**
-   * @typedef subscriptionOptions
-   * @property {SUBSCRIPTION_TYPES} type
+   * @typedef paymentOptions
+   * @property {PAYMENT_TYPES} type
    * @property {string} token
    * @property {object} plan
    * @property {object} [product]
@@ -12917,6 +12922,7 @@ class Subscription {
    * @property {string} addressId
    * @property {number} invoiceId
    * @property {boolean} isExistingSource
+   * @property {Array} items
    */
 
   /**
@@ -12927,8 +12933,8 @@ class Subscription {
    */
 
   /**
-   * Subscription execution method
-   * @param {subscriptionOptions} options subscription options
+   * Payment execution method
+   * @param {paymentOptions} options payment options
    * @param {executeCallback} callback
    * @return {void}
    */
@@ -12941,7 +12947,7 @@ const PAYMENT_GATEWAYS_ENUM = {
   vantiv: "vantiv"
 };
 /**
- * Subscription Strategies
+ * Payment Strategies
  */
 
 /**
@@ -12958,6 +12964,8 @@ var _renewSubscription = /*#__PURE__*/new WeakMap();
 
 var _renewGiftedSubscription = /*#__PURE__*/new WeakMap();
 
+var _purchaseEcommerceOrder = /*#__PURE__*/new WeakMap();
+
 var _payInvoice = /*#__PURE__*/new WeakMap();
 
 class StripeGateway {
@@ -12968,7 +12976,7 @@ class StripeGateway {
     });
 
     _defineProperty$3(this, "execute", (options, callback) => {
-      const types = SUBSCRIPTION_TYPES;
+      const types = PAYMENT_TYPES;
 
       switch (options.type) {
         case types.CREATE_SUBSCRIPTION:
@@ -12983,11 +12991,14 @@ class StripeGateway {
         case types.RENEW_GIFTED_SUBSCRIPTION:
           return _classPrivateFieldGet(this, _renewGiftedSubscription).call(this, options, callback);
 
+        case types.PURCHASE_ECOMMERCE_ORDER:
+          return _classPrivateFieldGet(this, _purchaseEcommerceOrder).call(this, options, callback);
+
         case types.PAY_INVOICE:
           return _classPrivateFieldGet(this, _payInvoice).call(this, options, callback);
 
         default:
-          console.error("Unsupported subscriptiion method: Stripe Gateway");
+          console.error("Unsupported payment method: Stripe Gateway");
       }
     });
 
@@ -13009,6 +13020,7 @@ class StripeGateway {
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           address_id: product.address_required ? addressId : null
         }, (err, res) => {
           callback(err, res);
@@ -13035,6 +13047,7 @@ class StripeGateway {
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           gift_recipient_email: giftRecipient.email,
           gift_recipient_first_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.firstName,
           gift_recipient_last_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.lastName,
@@ -13062,6 +13075,7 @@ class StripeGateway {
           stripe_token: token,
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           coupon_code: couponCode,
           subscription_id: subscriptionIdToRenew,
           address_id: product.address_required ? addressId : null
@@ -13095,6 +13109,36 @@ class StripeGateway {
       }
     });
 
+    _purchaseEcommerceOrder.set(this, {
+      writable: true,
+      value: (options, callback) => {
+        const {
+          token,
+          items,
+          couponCode,
+          addressId,
+          isExistingSource
+        } = options;
+        const params = isExistingSource ? {
+          source_id: token
+        } : {
+          payment_gateway: _classPrivateFieldGet(this, _paymentGateway),
+          gateway_token: token
+        };
+        window.Pelcro.ecommerce.order.create({
+          items,
+          coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
+          ...params,
+          ...(addressId && {
+            address_id: addressId
+          })
+        }, (err, res) => {
+          callback(err, res);
+        });
+      }
+    });
+
     _payInvoice.set(this, {
       writable: true,
       value: (options, callback) => {
@@ -13138,7 +13182,7 @@ class PaypalGateway {
     });
 
     _defineProperty$3(this, "execute", (options, callback) => {
-      const types = SUBSCRIPTION_TYPES;
+      const types = PAYMENT_TYPES;
 
       switch (options.type) {
         case types.CREATE_SUBSCRIPTION:
@@ -13172,6 +13216,7 @@ class PaypalGateway {
           payment_gateway: _classPrivateFieldGet(this, _paymentGateway2),
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           coupon_code: couponCode,
           address_id: product.address_required ? addressId : null
         }, (err, res) => {
@@ -13199,6 +13244,7 @@ class PaypalGateway {
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           gift_recipient_email: giftRecipient.email,
           gift_recipient_first_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.firstName,
           gift_recipient_last_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.lastName,
@@ -13241,6 +13287,10 @@ var _createGiftedSubscription3 = /*#__PURE__*/new WeakMap();
 
 var _renewGiftedSubscription2 = /*#__PURE__*/new WeakMap();
 
+var _purchaseEcommerceOrder2 = /*#__PURE__*/new WeakMap();
+
+var _payInvoice3 = /*#__PURE__*/new WeakMap();
+
 class VantivGateway {
   constructor() {
     _paymentGateway3.set(this, {
@@ -13249,7 +13299,7 @@ class VantivGateway {
     });
 
     _defineProperty$3(this, "execute", (options, callback) => {
-      const types = SUBSCRIPTION_TYPES;
+      const types = PAYMENT_TYPES;
 
       switch (options.type) {
         case types.CREATE_SUBSCRIPTION:
@@ -13263,12 +13313,15 @@ class VantivGateway {
 
         case types.RENEW_GIFTED_SUBSCRIPTION:
           return _classPrivateFieldGet(this, _renewGiftedSubscription2).call(this, options, callback);
-        // TODO: implement paying invoices as well
-        // case types.PAY_INVOICE:
-        //   return this.#payInvoice(options, callback);
+
+        case types.PURCHASE_ECOMMERCE_ORDER:
+          return _classPrivateFieldGet(this, _purchaseEcommerceOrder2).call(this, options, callback);
+
+        case types.PAY_INVOICE:
+          return _classPrivateFieldGet(this, _payInvoice3).call(this, options, callback);
 
         default:
-          console.error("Unsupported subscriptiion method: vantiv Gateway");
+          console.error("Unsupported payment method: vantiv Gateway");
       }
     });
 
@@ -13294,6 +13347,7 @@ class VantivGateway {
           quantity,
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           coupon_code: couponCode,
           address_id: product.address_required ? addressId : null,
           ...params
@@ -13325,6 +13379,7 @@ class VantivGateway {
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           subscription_id: subscriptionIdToRenew,
           address_id: product.address_required ? addressId : null,
           ...params
@@ -13358,6 +13413,7 @@ class VantivGateway {
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           gift_recipient_email: giftRecipient.email,
           gift_recipient_first_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.firstName,
           gift_recipient_last_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.lastName,
@@ -13401,6 +13457,57 @@ class VantivGateway {
         });
       }
     });
+
+    _purchaseEcommerceOrder2.set(this, {
+      writable: true,
+      value: (options, callback) => {
+        const {
+          token,
+          items,
+          couponCode,
+          addressId,
+          isExistingSource
+        } = options;
+        const params = isExistingSource ? {
+          source_id: token
+        } : {
+          payment_gateway: _classPrivateFieldGet(this, _paymentGateway3),
+          gateway_token: token
+        };
+        window.Pelcro.ecommerce.order.create({
+          items,
+          coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
+          ...params,
+          ...(addressId && {
+            address_id: addressId
+          })
+        }, (err, res) => {
+          callback(err, res);
+        });
+      }
+    });
+
+    _payInvoice3.set(this, {
+      writable: true,
+      value: (options, callback) => {
+        const {
+          token,
+          invoiceId
+        } = options;
+        const params = options.isExistingSource ? {
+          source_id: token,
+          invoice_id: invoiceId
+        } : {
+          payment_gateway: _classPrivateFieldGet(this, _paymentGateway3),
+          gateway_token: token,
+          invoice_id: invoiceId
+        };
+        window.Pelcro.invoice.pay(params, (err, res) => {
+          callback(err, res);
+        });
+      }
+    });
   }
 
 }
@@ -13493,22 +13600,22 @@ const PaymentMethodContainerWithoutStripe = ({
     updateTotalAmountWithTax();
   }, []);
 
-  function submitVantivPayment() {
-    if (!selectedPaymentMethodId) {
-      if (!vantivInstanceRef.current) {
-        return console.error("Vantiv sdk script wasn't loaded, you need to load vantiv sdk before rendering the vantiv payment flow");
-      }
-
-      const orderId = `pelcro-${new Date().getTime()}`; // calls handleVantivPayment
+  const submitVantivPayment = () => {
+    if (selectedPaymentMethodId) {
+      return handleVantivPayment(null);
+    }
 
-      vantivInstanceRef.current.getPaypageRegistrationId({
-        id: orderId,
-        orderId: orderId
-      });
-    } else {
-      handleVantivPayment(null);
+    if (!vantivInstanceRef.current) {
+      return console.error("Vantiv sdk script wasn't loaded, you need to load vantiv sdk before rendering the vantiv payment flow");
     }
-  }
+
+    const orderId = `pelcro-${new Date().getTime()}`; // calls handleVantivPayment
+
+    vantivInstanceRef.current.getPaypageRegistrationId({
+      id: orderId,
+      orderId: orderId
+    });
+  };
 
   function handleVantivPayment(paymentRequest) {
     if (paymentRequest) {
@@ -13521,19 +13628,18 @@ const PaymentMethodContainerWithoutStripe = ({
       }
     }
 
-    const subscription = new Subscription(new VantivGateway());
+    const isUsingExistingPaymentMethod = Boolean(selectedPaymentMethodId);
 
     if (type === "createPayment") {
       handleVantivSubscription();
-    } // TODO: handle other types of payments
-    // } else if (type === "orderCreate") {
-    //   purchase(stripeSource, state, dispatch);
-    // } else if (type === "invoicePayment") {
-    //   payInvoice(new StripeGateway(), stripeSource.id, dispatch);
-    // }
-
+    } else if (type === "orderCreate") {
+      purchase(new VantivGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest, state, dispatch);
+    } else if (type === "invoicePayment") {
+      payInvoice(new VantivGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest, dispatch);
+    }
 
     function handleVantivSubscription() {
+      const payment = new Payment(new VantivGateway());
       const createSubscription = !isGift && !subscriptionIdToRenew;
       const renewSubscription = !isGift && subscriptionIdToRenew;
       const giftSubscriprition = isGift && !subscriptionIdToRenew;
@@ -13541,11 +13647,10 @@ const PaymentMethodContainerWithoutStripe = ({
       const {
         couponCode
       } = state;
-      const isUsingExistingPaymentMethod = Boolean(selectedPaymentMethodId);
 
       if (renewGift) {
-        return subscription.execute({
-          type: SUBSCRIPTION_TYPES.RENEW_GIFTED_SUBSCRIPTION,
+        return payment.execute({
+          type: PAYMENT_TYPES.RENEW_GIFTED_SUBSCRIPTION,
           token: isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest,
           plan,
           couponCode,
@@ -13561,8 +13666,8 @@ const PaymentMethodContainerWithoutStripe = ({
           onSuccess(res);
         });
       } else if (giftSubscriprition) {
-        return subscription.execute({
-          type: SUBSCRIPTION_TYPES.CREATE_GIFTED_SUBSCRIPTION,
+        return payment.execute({
+          type: PAYMENT_TYPES.CREATE_GIFTED_SUBSCRIPTION,
           token: isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest,
           quantity: plan.quantity,
           plan,
@@ -13579,8 +13684,8 @@ const PaymentMethodContainerWithoutStripe = ({
           onSuccess(res);
         });
       } else if (renewSubscription) {
-        return subscription.execute({
-          type: SUBSCRIPTION_TYPES.RENEW_SUBSCRIPTION,
+        return payment.execute({
+          type: PAYMENT_TYPES.RENEW_SUBSCRIPTION,
           token: isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest,
           quantity: plan.quantity,
           plan,
@@ -13597,8 +13702,8 @@ const PaymentMethodContainerWithoutStripe = ({
           onSuccess(res);
         });
       } else if (createSubscription) {
-        return subscription.execute({
-          type: SUBSCRIPTION_TYPES.CREATE_SUBSCRIPTION,
+        return payment.execute({
+          type: PAYMENT_TYPES.CREATE_SUBSCRIPTION,
           token: isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest,
           quantity: plan.quantity,
           plan,
@@ -13622,12 +13727,13 @@ const PaymentMethodContainerWithoutStripe = ({
     const cardProcessor = getSiteCardProcessor();
 
     if (cardProcessor === "vantiv" && !selectedPaymentMethodId) {
-      var _window$Pelcro$site$r;
+      var _window$Pelcro$site$r, _window$Pelcro$site$r2;
 
-      const payPageId = (_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.vantiv_pay_page_id;
+      const payPageId = (_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.vantiv_gateway_settings.pay_page_id;
+      const reportGroup = (_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.vantiv_gateway_settings.report_group;
       vantivInstanceRef.current = new window.EprotectIframeClient({
         paypageId: payPageId,
-        reportGroup: payPageId,
+        reportGroup: reportGroup,
         style: "pelcro",
         height: "245",
         timeout: 50000,
@@ -13716,9 +13822,9 @@ const PaymentMethodContainerWithoutStripe = ({
 
 
   const updateTotalAmountWithTax = () => {
-    var _window$Pelcro$site$r2;
+    var _window$Pelcro$site$r3;
 
-    const taxesEnabled = (_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.taxes_enabled;
+    const taxesEnabled = (_window$Pelcro$site$r3 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r3 === void 0 ? void 0 : _window$Pelcro$site$r3.taxes_enabled;
 
     if (taxesEnabled && type === "createPayment") {
       dispatch({
@@ -13875,6 +13981,7 @@ const PaymentMethodContainerWithoutStripe = ({
         window.Pelcro.order.create({
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           coupon_code: couponCode,
           address_id: selectedAddressId
         }, handleCouponResponse);
@@ -13956,6 +14063,7 @@ const PaymentMethodContainerWithoutStripe = ({
         stripe_token: !stripeSource.isExistingSource ? stripeSource.id : undefined,
         auth_token: window.Pelcro.user.read().auth_token,
         plan_id: plan.id,
+        campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
         quantity: plan.quantity,
         coupon_code: couponCode,
         gift_recipient_email: giftRecipient ? giftRecipient.email : null,
@@ -14027,6 +14135,7 @@ const PaymentMethodContainerWithoutStripe = ({
           stripe_token: !stripeSource.isExistingSource ? stripeSource.id : undefined,
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           coupon_code: couponCode,
           subscription_id: subscriptionIdToRenew,
           address_id: product.address_required ? selectedAddressId : null
@@ -14068,7 +14177,7 @@ const PaymentMethodContainerWithoutStripe = ({
 
 
   const handlePaypalSubscription = (state, paypalNonce) => {
-    const subscription = new Subscription(new PaypalGateway());
+    const payment = new Payment(new PaypalGateway());
     const {
       couponCode
     } = state;
@@ -14077,8 +14186,8 @@ const PaymentMethodContainerWithoutStripe = ({
      */
 
     if (giftRecipient) {
-      return subscription.execute({
-        type: SUBSCRIPTION_TYPES.CREATE_GIFTED_SUBSCRIPTION,
+      return payment.execute({
+        type: PAYMENT_TYPES.CREATE_GIFTED_SUBSCRIPTION,
         token: paypalNonce,
         quantity: plan.quantity,
         plan,
@@ -14111,8 +14220,8 @@ const PaymentMethodContainerWithoutStripe = ({
       });
     }
 
-    return subscription.execute({
-      type: SUBSCRIPTION_TYPES.CREATE_SUBSCRIPTION,
+    return payment.execute({
+      type: PAYMENT_TYPES.CREATE_SUBSCRIPTION,
       token: paypalNonce,
       quantity: plan.quantity,
       plan,
@@ -14144,7 +14253,7 @@ const PaymentMethodContainerWithoutStripe = ({
     });
   };
 
-  const purchase = (stripeSource, state, dispatch) => {
+  const purchase = (gatewayService, gatewayToken, state, dispatch) => {
     const isQuickPurchase = !Array.isArray(order);
     const mappedOrderItems = isQuickPurchase ? [{
       sku_id: order.id,
@@ -14156,14 +14265,14 @@ const PaymentMethodContainerWithoutStripe = ({
     const {
       couponCode
     } = state;
-    window.Pelcro.ecommerce.order.create({
-      source_id: stripeSource.isExistingSource ? stripeSource.id : undefined,
-      stripe_token: !stripeSource.isExistingSource ? stripeSource.id : undefined,
+    const payment = new Payment(gatewayService);
+    payment.execute({
+      type: PAYMENT_TYPES.PURCHASE_ECOMMERCE_ORDER,
+      token: gatewayToken,
+      isExistingSource: Boolean(selectedPaymentMethodId),
       items: mappedOrderItems,
-      coupon_code: couponCode,
-      ...(selectedAddressId && {
-        address_id: selectedAddressId
-      })
+      addressId: selectedAddressId,
+      couponCode
     }, (err, res) => {
       dispatch({
         type: DISABLE_SUBMIT,
@@ -14201,9 +14310,9 @@ const PaymentMethodContainerWithoutStripe = ({
   };
 
   const payInvoice = (gatewayService, gatewayToken, dispatch) => {
-    const subscription = new Subscription(gatewayService);
-    return subscription.execute({
-      type: SUBSCRIPTION_TYPES.PAY_INVOICE,
+    const payment = new Payment(gatewayService);
+    return payment.execute({
+      type: PAYMENT_TYPES.PAY_INVOICE,
       token: gatewayToken,
       isExistingSource: Boolean(selectedPaymentMethodId),
       invoiceId: invoice.id
@@ -14363,13 +14472,13 @@ const PaymentMethodContainerWithoutStripe = ({
 
 
   const resolveTaxCalculation = () => {
-    var _window$Pelcro$site$r3;
+    var _window$Pelcro$site$r4;
 
     if (type === "invoicePayment") {
       return new Promise(resolve => resolve());
     }
 
-    const taxesEnabled = (_window$Pelcro$site$r3 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r3 === void 0 ? void 0 : _window$Pelcro$site$r3.taxes_enabled;
+    const taxesEnabled = (_window$Pelcro$site$r4 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r4 === void 0 ? void 0 : _window$Pelcro$site$r4.taxes_enabled;
     return new Promise((resolve, reject) => {
       // resolve early if taxes isn't enabled
       if (!taxesEnabled) {
@@ -14379,6 +14488,7 @@ const PaymentMethodContainerWithoutStripe = ({
       window.Pelcro.order.create({
         auth_token: window.Pelcro.user.read().auth_token,
         plan_id: plan.id,
+        campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
         coupon_code: state === null || state === void 0 ? void 0 : state.couponCode,
         address_id: selectedAddressId
       }, (error, res) => {
@@ -14441,7 +14551,7 @@ const PaymentMethodContainerWithoutStripe = ({
     if (stripeSource && type === "createPayment") {
       subscribe(stripeSource, state, dispatch);
     } else if (stripeSource && type === "orderCreate") {
-      purchase(stripeSource, state, dispatch);
+      purchase(new StripeGateway(), stripeSource.id, state, dispatch);
     } else if (stripeSource && type === "invoicePayment") {
       payInvoice(new StripeGateway(), stripeSource.id, dispatch);
     }

package/dist/index.esm.js

@@ -6784,7 +6784,9 @@ function userMustVerifyEmail() {
   return window.Pelcro.user.isAuthenticated() && isEmailVerificationEnabled && !isUserEmailVerified;
 }
 function getRenewableProducts() {
-  const renewableSubs = window.Pelcro.subscription.list().filter(sub => sub.status === "active" && sub.cancel_at_period_end === 1);
+  var _window$Pelcro$subscr, _window$Pelcro$subscr2;
+
+  const renewableSubs = (_window$Pelcro$subscr = (_window$Pelcro$subscr2 = window.Pelcro.subscription.list()) === null || _window$Pelcro$subscr2 === void 0 ? void 0 : _window$Pelcro$subscr2.filter(sub => sub.status === "active" && sub.cancel_at_period_end === 1)) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
   const renewableProductsIds = [...new Set(renewableSubs.map(sub => sub.plan.product.id))];
   const renewablePlansIds = [...new Set(renewableSubs.map(sub => sub.plan.id))];
   const {
@@ -8839,7 +8841,7 @@ const loadPaymentSDKs = () => {
   } // Load Vantiv SDKs
 
 
-  const supportsVantiv = Boolean(window.Pelcro.site.read().vantiv_pay_page_id);
+  const supportsVantiv = Boolean(window.Pelcro.site.read().vantiv_gateway_settings);
 
   if (supportsVantiv) {
     if (!window.jQuery) {
@@ -8847,7 +8849,10 @@ const loadPaymentSDKs = () => {
     }
 
     if (!window.EprotectIframeClient) {
-      window.Pelcro.helpers.loadSDK("https://request.eprotect.vantivprelive.com/eProtect/js/eProtect-iframe-client.min.js", "vantiv-eprotect-sdk");
+      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-client4.min.js";
+      const scriptUrlToUse = window.Pelcro.site.read().vantiv_gateway_settings.environment === "production" ? PRODUCTION_URL : PRELIVE_URL;
+      window.Pelcro.helpers.loadSDK(scriptUrlToUse, "vantiv-eprotect-sdk");
     }
   }
 };
@@ -12809,20 +12814,21 @@ var es_12 = es.injectStripe;
 var es_13 = es.StripeProvider;
 
 /**
- * @TODO: All subscription related business logic should end up moving
+ * @TODO: All payment related business logic should end up moving
  * to this service, and out of react components.
  */
 
 /**
- * Enum for subscription types
+ * Enum for payment types
  * @readonly
  * @enum {string}
  */
-const SUBSCRIPTION_TYPES = {
+const PAYMENT_TYPES = {
   CREATE_SUBSCRIPTION: "CREATE_SUBSCRIPTION",
   CREATE_GIFTED_SUBSCRIPTION: "CREATE_GIFTED_SUBSCRIPTION",
   RENEW_SUBSCRIPTION: "RENEW_SUBSCRIPTION",
   RENEW_GIFTED_SUBSCRIPTION: "RENEW_GIFTED_SUBSCRIPTION",
+  PURCHASE_ECOMMERCE_ORDER: "PURCHASE_ECOMMERCE_ORDER",
   PAY_INVOICE: "PAY_INVOICE"
 };
 
@@ -12830,9 +12836,8 @@ var _isPaymentGatewayInvalid = /*#__PURE__*/new WeakMap();
 
 var _generateUserError = /*#__PURE__*/new WeakMap();
 
-class Subscription {
+class Payment {
   /**
-   * Subscription service  constructor
    * @param {(StripeGateway|PaypalGateway|VantivGateway)} paymentGateway
    */
   constructor(paymentGateway) {
@@ -12844,7 +12849,7 @@ class Subscription {
 
       if (!options.type) {
         callback(_classPrivateFieldGet(this, _generateUserError).call(this), null);
-        return console.error("No subscription type provided");
+        return console.error("No payment type provided");
       } // delegate execution to paymentgateway
 
 
@@ -12862,21 +12867,21 @@ class Subscription {
       writable: true,
       value: () => {
         return {
-          error: new Error("An error has occured in the subscription service, please try again later")
+          error: new Error("An error has occured in the payment service, please try again later")
         };
       }
     });
 
     if (_classPrivateFieldGet(this, _isPaymentGatewayInvalid).call(this, paymentGateway)) {
       this.paymentGateway = null;
-      console.error("Incompatible subscription gateway");
+      console.error("Incompatible payment gateway");
     } else {
       this.paymentGateway = paymentGateway;
     }
   }
   /**
-   * @typedef subscriptionOptions
-   * @property {SUBSCRIPTION_TYPES} type
+   * @typedef paymentOptions
+   * @property {PAYMENT_TYPES} type
    * @property {string} token
    * @property {object} plan
    * @property {object} [product]
@@ -12887,6 +12892,7 @@ class Subscription {
    * @property {string} addressId
    * @property {number} invoiceId
    * @property {boolean} isExistingSource
+   * @property {Array} items
    */
 
   /**
@@ -12897,8 +12903,8 @@ class Subscription {
    */
 
   /**
-   * Subscription execution method
-   * @param {subscriptionOptions} options subscription options
+   * Payment execution method
+   * @param {paymentOptions} options payment options
    * @param {executeCallback} callback
    * @return {void}
    */
@@ -12911,7 +12917,7 @@ const PAYMENT_GATEWAYS_ENUM = {
   vantiv: "vantiv"
 };
 /**
- * Subscription Strategies
+ * Payment Strategies
  */
 
 /**
@@ -12928,6 +12934,8 @@ var _renewSubscription = /*#__PURE__*/new WeakMap();
 
 var _renewGiftedSubscription = /*#__PURE__*/new WeakMap();
 
+var _purchaseEcommerceOrder = /*#__PURE__*/new WeakMap();
+
 var _payInvoice = /*#__PURE__*/new WeakMap();
 
 class StripeGateway {
@@ -12938,7 +12946,7 @@ class StripeGateway {
     });
 
     _defineProperty$3(this, "execute", (options, callback) => {
-      const types = SUBSCRIPTION_TYPES;
+      const types = PAYMENT_TYPES;
 
       switch (options.type) {
         case types.CREATE_SUBSCRIPTION:
@@ -12953,11 +12961,14 @@ class StripeGateway {
         case types.RENEW_GIFTED_SUBSCRIPTION:
           return _classPrivateFieldGet(this, _renewGiftedSubscription).call(this, options, callback);
 
+        case types.PURCHASE_ECOMMERCE_ORDER:
+          return _classPrivateFieldGet(this, _purchaseEcommerceOrder).call(this, options, callback);
+
         case types.PAY_INVOICE:
           return _classPrivateFieldGet(this, _payInvoice).call(this, options, callback);
 
         default:
-          console.error("Unsupported subscriptiion method: Stripe Gateway");
+          console.error("Unsupported payment method: Stripe Gateway");
       }
     });
 
@@ -12979,6 +12990,7 @@ class StripeGateway {
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           address_id: product.address_required ? addressId : null
         }, (err, res) => {
           callback(err, res);
@@ -13005,6 +13017,7 @@ class StripeGateway {
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           gift_recipient_email: giftRecipient.email,
           gift_recipient_first_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.firstName,
           gift_recipient_last_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.lastName,
@@ -13032,6 +13045,7 @@ class StripeGateway {
           stripe_token: token,
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           coupon_code: couponCode,
           subscription_id: subscriptionIdToRenew,
           address_id: product.address_required ? addressId : null
@@ -13065,6 +13079,36 @@ class StripeGateway {
       }
     });
 
+    _purchaseEcommerceOrder.set(this, {
+      writable: true,
+      value: (options, callback) => {
+        const {
+          token,
+          items,
+          couponCode,
+          addressId,
+          isExistingSource
+        } = options;
+        const params = isExistingSource ? {
+          source_id: token
+        } : {
+          payment_gateway: _classPrivateFieldGet(this, _paymentGateway),
+          gateway_token: token
+        };
+        window.Pelcro.ecommerce.order.create({
+          items,
+          coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
+          ...params,
+          ...(addressId && {
+            address_id: addressId
+          })
+        }, (err, res) => {
+          callback(err, res);
+        });
+      }
+    });
+
     _payInvoice.set(this, {
       writable: true,
       value: (options, callback) => {
@@ -13108,7 +13152,7 @@ class PaypalGateway {
     });
 
     _defineProperty$3(this, "execute", (options, callback) => {
-      const types = SUBSCRIPTION_TYPES;
+      const types = PAYMENT_TYPES;
 
       switch (options.type) {
         case types.CREATE_SUBSCRIPTION:
@@ -13142,6 +13186,7 @@ class PaypalGateway {
           payment_gateway: _classPrivateFieldGet(this, _paymentGateway2),
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           coupon_code: couponCode,
           address_id: product.address_required ? addressId : null
         }, (err, res) => {
@@ -13169,6 +13214,7 @@ class PaypalGateway {
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           gift_recipient_email: giftRecipient.email,
           gift_recipient_first_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.firstName,
           gift_recipient_last_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.lastName,
@@ -13211,6 +13257,10 @@ var _createGiftedSubscription3 = /*#__PURE__*/new WeakMap();
 
 var _renewGiftedSubscription2 = /*#__PURE__*/new WeakMap();
 
+var _purchaseEcommerceOrder2 = /*#__PURE__*/new WeakMap();
+
+var _payInvoice3 = /*#__PURE__*/new WeakMap();
+
 class VantivGateway {
   constructor() {
     _paymentGateway3.set(this, {
@@ -13219,7 +13269,7 @@ class VantivGateway {
     });
 
     _defineProperty$3(this, "execute", (options, callback) => {
-      const types = SUBSCRIPTION_TYPES;
+      const types = PAYMENT_TYPES;
 
       switch (options.type) {
         case types.CREATE_SUBSCRIPTION:
@@ -13233,12 +13283,15 @@ class VantivGateway {
 
         case types.RENEW_GIFTED_SUBSCRIPTION:
           return _classPrivateFieldGet(this, _renewGiftedSubscription2).call(this, options, callback);
-        // TODO: implement paying invoices as well
-        // case types.PAY_INVOICE:
-        //   return this.#payInvoice(options, callback);
+
+        case types.PURCHASE_ECOMMERCE_ORDER:
+          return _classPrivateFieldGet(this, _purchaseEcommerceOrder2).call(this, options, callback);
+
+        case types.PAY_INVOICE:
+          return _classPrivateFieldGet(this, _payInvoice3).call(this, options, callback);
 
         default:
-          console.error("Unsupported subscriptiion method: vantiv Gateway");
+          console.error("Unsupported payment method: vantiv Gateway");
       }
     });
 
@@ -13264,6 +13317,7 @@ class VantivGateway {
           quantity,
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           coupon_code: couponCode,
           address_id: product.address_required ? addressId : null,
           ...params
@@ -13295,6 +13349,7 @@ class VantivGateway {
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           subscription_id: subscriptionIdToRenew,
           address_id: product.address_required ? addressId : null,
           ...params
@@ -13328,6 +13383,7 @@ class VantivGateway {
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           gift_recipient_email: giftRecipient.email,
           gift_recipient_first_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.firstName,
           gift_recipient_last_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.lastName,
@@ -13371,6 +13427,57 @@ class VantivGateway {
         });
       }
     });
+
+    _purchaseEcommerceOrder2.set(this, {
+      writable: true,
+      value: (options, callback) => {
+        const {
+          token,
+          items,
+          couponCode,
+          addressId,
+          isExistingSource
+        } = options;
+        const params = isExistingSource ? {
+          source_id: token
+        } : {
+          payment_gateway: _classPrivateFieldGet(this, _paymentGateway3),
+          gateway_token: token
+        };
+        window.Pelcro.ecommerce.order.create({
+          items,
+          coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
+          ...params,
+          ...(addressId && {
+            address_id: addressId
+          })
+        }, (err, res) => {
+          callback(err, res);
+        });
+      }
+    });
+
+    _payInvoice3.set(this, {
+      writable: true,
+      value: (options, callback) => {
+        const {
+          token,
+          invoiceId
+        } = options;
+        const params = options.isExistingSource ? {
+          source_id: token,
+          invoice_id: invoiceId
+        } : {
+          payment_gateway: _classPrivateFieldGet(this, _paymentGateway3),
+          gateway_token: token,
+          invoice_id: invoiceId
+        };
+        window.Pelcro.invoice.pay(params, (err, res) => {
+          callback(err, res);
+        });
+      }
+    });
   }
 
 }
@@ -13463,22 +13570,22 @@ const PaymentMethodContainerWithoutStripe = ({
     updateTotalAmountWithTax();
   }, []);
 
-  function submitVantivPayment() {
-    if (!selectedPaymentMethodId) {
-      if (!vantivInstanceRef.current) {
-        return console.error("Vantiv sdk script wasn't loaded, you need to load vantiv sdk before rendering the vantiv payment flow");
-      }
-
-      const orderId = `pelcro-${new Date().getTime()}`; // calls handleVantivPayment
+  const submitVantivPayment = () => {
+    if (selectedPaymentMethodId) {
+      return handleVantivPayment(null);
+    }
 
-      vantivInstanceRef.current.getPaypageRegistrationId({
-        id: orderId,
-        orderId: orderId
-      });
-    } else {
-      handleVantivPayment(null);
+    if (!vantivInstanceRef.current) {
+      return console.error("Vantiv sdk script wasn't loaded, you need to load vantiv sdk before rendering the vantiv payment flow");
     }
-  }
+
+    const orderId = `pelcro-${new Date().getTime()}`; // calls handleVantivPayment
+
+    vantivInstanceRef.current.getPaypageRegistrationId({
+      id: orderId,
+      orderId: orderId
+    });
+  };
 
   function handleVantivPayment(paymentRequest) {
     if (paymentRequest) {
@@ -13491,19 +13598,18 @@ const PaymentMethodContainerWithoutStripe = ({
       }
     }
 
-    const subscription = new Subscription(new VantivGateway());
+    const isUsingExistingPaymentMethod = Boolean(selectedPaymentMethodId);
 
     if (type === "createPayment") {
       handleVantivSubscription();
-    } // TODO: handle other types of payments
-    // } else if (type === "orderCreate") {
-    //   purchase(stripeSource, state, dispatch);
-    // } else if (type === "invoicePayment") {
-    //   payInvoice(new StripeGateway(), stripeSource.id, dispatch);
-    // }
-
+    } else if (type === "orderCreate") {
+      purchase(new VantivGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest, state, dispatch);
+    } else if (type === "invoicePayment") {
+      payInvoice(new VantivGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest, dispatch);
+    }
 
     function handleVantivSubscription() {
+      const payment = new Payment(new VantivGateway());
       const createSubscription = !isGift && !subscriptionIdToRenew;
       const renewSubscription = !isGift && subscriptionIdToRenew;
       const giftSubscriprition = isGift && !subscriptionIdToRenew;
@@ -13511,11 +13617,10 @@ const PaymentMethodContainerWithoutStripe = ({
       const {
         couponCode
       } = state;
-      const isUsingExistingPaymentMethod = Boolean(selectedPaymentMethodId);
 
       if (renewGift) {
-        return subscription.execute({
-          type: SUBSCRIPTION_TYPES.RENEW_GIFTED_SUBSCRIPTION,
+        return payment.execute({
+          type: PAYMENT_TYPES.RENEW_GIFTED_SUBSCRIPTION,
           token: isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest,
           plan,
           couponCode,
@@ -13531,8 +13636,8 @@ const PaymentMethodContainerWithoutStripe = ({
           onSuccess(res);
         });
       } else if (giftSubscriprition) {
-        return subscription.execute({
-          type: SUBSCRIPTION_TYPES.CREATE_GIFTED_SUBSCRIPTION,
+        return payment.execute({
+          type: PAYMENT_TYPES.CREATE_GIFTED_SUBSCRIPTION,
           token: isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest,
           quantity: plan.quantity,
           plan,
@@ -13549,8 +13654,8 @@ const PaymentMethodContainerWithoutStripe = ({
           onSuccess(res);
         });
       } else if (renewSubscription) {
-        return subscription.execute({
-          type: SUBSCRIPTION_TYPES.RENEW_SUBSCRIPTION,
+        return payment.execute({
+          type: PAYMENT_TYPES.RENEW_SUBSCRIPTION,
           token: isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest,
           quantity: plan.quantity,
           plan,
@@ -13567,8 +13672,8 @@ const PaymentMethodContainerWithoutStripe = ({
           onSuccess(res);
         });
       } else if (createSubscription) {
-        return subscription.execute({
-          type: SUBSCRIPTION_TYPES.CREATE_SUBSCRIPTION,
+        return payment.execute({
+          type: PAYMENT_TYPES.CREATE_SUBSCRIPTION,
           token: isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest,
           quantity: plan.quantity,
           plan,
@@ -13592,12 +13697,13 @@ const PaymentMethodContainerWithoutStripe = ({
     const cardProcessor = getSiteCardProcessor();
 
     if (cardProcessor === "vantiv" && !selectedPaymentMethodId) {
-      var _window$Pelcro$site$r;
+      var _window$Pelcro$site$r, _window$Pelcro$site$r2;
 
-      const payPageId = (_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.vantiv_pay_page_id;
+      const payPageId = (_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.vantiv_gateway_settings.pay_page_id;
+      const reportGroup = (_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.vantiv_gateway_settings.report_group;
       vantivInstanceRef.current = new window.EprotectIframeClient({
         paypageId: payPageId,
-        reportGroup: payPageId,
+        reportGroup: reportGroup,
         style: "pelcro",
         height: "245",
         timeout: 50000,
@@ -13686,9 +13792,9 @@ const PaymentMethodContainerWithoutStripe = ({
 
 
   const updateTotalAmountWithTax = () => {
-    var _window$Pelcro$site$r2;
+    var _window$Pelcro$site$r3;
 
-    const taxesEnabled = (_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.taxes_enabled;
+    const taxesEnabled = (_window$Pelcro$site$r3 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r3 === void 0 ? void 0 : _window$Pelcro$site$r3.taxes_enabled;
 
     if (taxesEnabled && type === "createPayment") {
       dispatch({
@@ -13845,6 +13951,7 @@ const PaymentMethodContainerWithoutStripe = ({
         window.Pelcro.order.create({
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           coupon_code: couponCode,
           address_id: selectedAddressId
         }, handleCouponResponse);
@@ -13926,6 +14033,7 @@ const PaymentMethodContainerWithoutStripe = ({
         stripe_token: !stripeSource.isExistingSource ? stripeSource.id : undefined,
         auth_token: window.Pelcro.user.read().auth_token,
         plan_id: plan.id,
+        campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
         quantity: plan.quantity,
         coupon_code: couponCode,
         gift_recipient_email: giftRecipient ? giftRecipient.email : null,
@@ -13997,6 +14105,7 @@ const PaymentMethodContainerWithoutStripe = ({
           stripe_token: !stripeSource.isExistingSource ? stripeSource.id : undefined,
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           coupon_code: couponCode,
           subscription_id: subscriptionIdToRenew,
           address_id: product.address_required ? selectedAddressId : null
@@ -14038,7 +14147,7 @@ const PaymentMethodContainerWithoutStripe = ({
 
 
   const handlePaypalSubscription = (state, paypalNonce) => {
-    const subscription = new Subscription(new PaypalGateway());
+    const payment = new Payment(new PaypalGateway());
     const {
       couponCode
     } = state;
@@ -14047,8 +14156,8 @@ const PaymentMethodContainerWithoutStripe = ({
      */
 
     if (giftRecipient) {
-      return subscription.execute({
-        type: SUBSCRIPTION_TYPES.CREATE_GIFTED_SUBSCRIPTION,
+      return payment.execute({
+        type: PAYMENT_TYPES.CREATE_GIFTED_SUBSCRIPTION,
         token: paypalNonce,
         quantity: plan.quantity,
         plan,
@@ -14081,8 +14190,8 @@ const PaymentMethodContainerWithoutStripe = ({
       });
     }
 
-    return subscription.execute({
-      type: SUBSCRIPTION_TYPES.CREATE_SUBSCRIPTION,
+    return payment.execute({
+      type: PAYMENT_TYPES.CREATE_SUBSCRIPTION,
       token: paypalNonce,
       quantity: plan.quantity,
       plan,
@@ -14114,7 +14223,7 @@ const PaymentMethodContainerWithoutStripe = ({
     });
   };
 
-  const purchase = (stripeSource, state, dispatch) => {
+  const purchase = (gatewayService, gatewayToken, state, dispatch) => {
     const isQuickPurchase = !Array.isArray(order);
     const mappedOrderItems = isQuickPurchase ? [{
       sku_id: order.id,
@@ -14126,14 +14235,14 @@ const PaymentMethodContainerWithoutStripe = ({
     const {
       couponCode
     } = state;
-    window.Pelcro.ecommerce.order.create({
-      source_id: stripeSource.isExistingSource ? stripeSource.id : undefined,
-      stripe_token: !stripeSource.isExistingSource ? stripeSource.id : undefined,
+    const payment = new Payment(gatewayService);
+    payment.execute({
+      type: PAYMENT_TYPES.PURCHASE_ECOMMERCE_ORDER,
+      token: gatewayToken,
+      isExistingSource: Boolean(selectedPaymentMethodId),
       items: mappedOrderItems,
-      coupon_code: couponCode,
-      ...(selectedAddressId && {
-        address_id: selectedAddressId
-      })
+      addressId: selectedAddressId,
+      couponCode
     }, (err, res) => {
       dispatch({
         type: DISABLE_SUBMIT,
@@ -14171,9 +14280,9 @@ const PaymentMethodContainerWithoutStripe = ({
   };
 
   const payInvoice = (gatewayService, gatewayToken, dispatch) => {
-    const subscription = new Subscription(gatewayService);
-    return subscription.execute({
-      type: SUBSCRIPTION_TYPES.PAY_INVOICE,
+    const payment = new Payment(gatewayService);
+    return payment.execute({
+      type: PAYMENT_TYPES.PAY_INVOICE,
       token: gatewayToken,
       isExistingSource: Boolean(selectedPaymentMethodId),
       invoiceId: invoice.id
@@ -14333,13 +14442,13 @@ const PaymentMethodContainerWithoutStripe = ({
 
 
   const resolveTaxCalculation = () => {
-    var _window$Pelcro$site$r3;
+    var _window$Pelcro$site$r4;
 
     if (type === "invoicePayment") {
       return new Promise(resolve => resolve());
     }
 
-    const taxesEnabled = (_window$Pelcro$site$r3 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r3 === void 0 ? void 0 : _window$Pelcro$site$r3.taxes_enabled;
+    const taxesEnabled = (_window$Pelcro$site$r4 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r4 === void 0 ? void 0 : _window$Pelcro$site$r4.taxes_enabled;
     return new Promise((resolve, reject) => {
       // resolve early if taxes isn't enabled
       if (!taxesEnabled) {
@@ -14349,6 +14458,7 @@ const PaymentMethodContainerWithoutStripe = ({
       window.Pelcro.order.create({
         auth_token: window.Pelcro.user.read().auth_token,
         plan_id: plan.id,
+        campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
         coupon_code: state === null || state === void 0 ? void 0 : state.couponCode,
         address_id: selectedAddressId
       }, (error, res) => {
@@ -14411,7 +14521,7 @@ const PaymentMethodContainerWithoutStripe = ({
     if (stripeSource && type === "createPayment") {
       subscribe(stripeSource, state, dispatch);
     } else if (stripeSource && type === "orderCreate") {
-      purchase(stripeSource, state, dispatch);
+      purchase(new StripeGateway(), stripeSource.id, state, dispatch);
     } else if (stripeSource && type === "invoicePayment") {
       payInvoice(new StripeGateway(), stripeSource.id, dispatch);
     }

package/package.json

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