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

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 {
@@ -12839,20 +12841,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 +12863,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 +12876,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 +12894,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 +12919,7 @@ class Subscription {
    * @property {string} addressId
    * @property {number} invoiceId
    * @property {boolean} isExistingSource
+   * @property {Array} items
    */
 
   /**
@@ -12927,8 +12930,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 +12944,7 @@ const PAYMENT_GATEWAYS_ENUM = {
   vantiv: "vantiv"
 };
 /**
- * Subscription Strategies
+ * Payment Strategies
  */
 
 /**
@@ -12958,6 +12961,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 +12973,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 +12988,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");
       }
     });
 
@@ -13095,6 +13103,35 @@ 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,
+          ...params,
+          ...(addressId && {
+            address_id: addressId
+          })
+        }, (err, res) => {
+          callback(err, res);
+        });
+      }
+    });
+
     _payInvoice.set(this, {
       writable: true,
       value: (options, callback) => {
@@ -13138,7 +13175,7 @@ class PaypalGateway {
     });
 
     _defineProperty$3(this, "execute", (options, callback) => {
-      const types = SUBSCRIPTION_TYPES;
+      const types = PAYMENT_TYPES;
 
       switch (options.type) {
         case types.CREATE_SUBSCRIPTION:
@@ -13241,6 +13278,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 +13290,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 +13304,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");
       }
     });
 
@@ -13401,6 +13445,56 @@ 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,
+          ...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 +13587,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 +13615,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 +13634,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 +13653,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 +13671,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 +13689,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,
@@ -14068,7 +14160,7 @@ const PaymentMethodContainerWithoutStripe = ({
 
 
   const handlePaypalSubscription = (state, paypalNonce) => {
-    const subscription = new Subscription(new PaypalGateway());
+    const payment = new Payment(new PaypalGateway());
     const {
       couponCode
     } = state;
@@ -14077,8 +14169,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 +14203,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 +14236,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 +14248,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 +14293,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
@@ -14441,7 +14533,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 {
@@ -12809,20 +12811,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 +12833,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 +12846,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 +12864,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 +12889,7 @@ class Subscription {
    * @property {string} addressId
    * @property {number} invoiceId
    * @property {boolean} isExistingSource
+   * @property {Array} items
    */
 
   /**
@@ -12897,8 +12900,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 +12914,7 @@ const PAYMENT_GATEWAYS_ENUM = {
   vantiv: "vantiv"
 };
 /**
- * Subscription Strategies
+ * Payment Strategies
  */
 
 /**
@@ -12928,6 +12931,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 +12943,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 +12958,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");
       }
     });
 
@@ -13065,6 +13073,35 @@ 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,
+          ...params,
+          ...(addressId && {
+            address_id: addressId
+          })
+        }, (err, res) => {
+          callback(err, res);
+        });
+      }
+    });
+
     _payInvoice.set(this, {
       writable: true,
       value: (options, callback) => {
@@ -13108,7 +13145,7 @@ class PaypalGateway {
     });
 
     _defineProperty$3(this, "execute", (options, callback) => {
-      const types = SUBSCRIPTION_TYPES;
+      const types = PAYMENT_TYPES;
 
       switch (options.type) {
         case types.CREATE_SUBSCRIPTION:
@@ -13211,6 +13248,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 +13260,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 +13274,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");
       }
     });
 
@@ -13371,6 +13415,56 @@ 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,
+          ...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 +13557,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 +13585,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 +13604,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 +13623,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 +13641,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 +13659,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,
@@ -14038,7 +14130,7 @@ const PaymentMethodContainerWithoutStripe = ({
 
 
   const handlePaypalSubscription = (state, paypalNonce) => {
-    const subscription = new Subscription(new PaypalGateway());
+    const payment = new Payment(new PaypalGateway());
     const {
       couponCode
     } = state;
@@ -14047,8 +14139,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 +14173,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 +14206,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 +14218,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 +14263,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
@@ -14411,7 +14503,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.5",
   "license": "MIT",
   "private": false,
   "main": "dist/index.cjs.js",