swell-js 4.2.6 → 5.1.0

package/dist/api.mjs

@@ -7,7 +7,7 @@ import methods$5 from './products.mjs';
 import methods$6 from './categories.mjs';
 import methods$7 from './attributes.mjs';
 import methods$8 from './subscriptions.mjs';
-import { d as defaultMethods, y as trimEnd, z as setOptions, A as utils, B as trimStart, C as trimBoth, t as toSnake, D as stringifyQuery, E as base64Encode, i as isServer, a as toCamel } from './index.a911a674.mjs';
+import { d as defaultMethods, z as trimEnd, A as setOptions, B as utils, C as trimStart, D as trimBoth, t as toSnake, E as stringifyQuery, q as base64Encode, i as isServer, a as toCamel } from './index.3c15c4d3.mjs';
 import methods$9 from './content.mjs';
 import methods$a from './settings.mjs';
 import PaymentController from './payment.mjs';
@@ -126,12 +126,21 @@ function methods(api, _opt) {
   };
 }
 
+/** @typedef {import('../types').InitOptions} InitOptions */
+
+/**
+ * @template {'snake' | 'camel'} C
+ * @typedef {import('../types').SwellClient<C>} SwellClient<C>
+ */
+
 /**
  * Swell API client
- * @param {string} initStore - Store name
- * @param {string} initKey - API key
- * @param {InitOptions} initOptions - Options
- * @returns {SwellClient} API client
+ *
+ * @template {'snake' | 'camel'} C
+ * @param {string} [initStore] - Store name
+ * @param {string} [initKey] - API key
+ * @param {InitOptions} [initOptions] - Options
+ * @returns {SwellClient<C>} API client
  */
 function swell(initStore = undefined, initKey, initOptions = {}) {
   const options = {
@@ -145,7 +154,7 @@ function swell(initStore = undefined, initKey, initOptions = {}) {
   const api = {};
 
   Object.assign(api, {
-    version: '4.2.6',
+    version: '5.1.0',
     options,
     request,
 

package/dist/attributes.mjs

@@ -1,4 +1,4 @@
-import { d as defaultMethods } from './index.a911a674.mjs';
+import { d as defaultMethods } from './index.3c15c4d3.mjs';
 import cacheApi from './cache.mjs';
 import 'qs';
 import './find.18f1ac6d.mjs';

package/dist/cache.mjs

@@ -1,4 +1,4 @@
-import { s as set, m as merge, a as toCamel, h as toCamelPath, j as getOptions } from './index.a911a674.mjs';
+import { s as set, m as merge, a as toCamel, h as toCamelPath, j as getOptions } from './index.3c15c4d3.mjs';
 import { g as get } from './find.18f1ac6d.mjs';
 import 'qs';
 import './round.577a8441.mjs';

package/dist/card.mjs

@@ -1,4 +1,4 @@
-import { t as toSnake, v as vaultRequest } from './index.a911a674.mjs';
+import { t as toSnake, v as vaultRequest } from './index.3c15c4d3.mjs';
 import 'qs';
 import './find.18f1ac6d.mjs';
 import './round.577a8441.mjs';

package/dist/cart.mjs

@@ -1,5 +1,5 @@
 import 'qs';
-import { c as cloneDeep } from './index.a911a674.mjs';
+import { c as cloneDeep } from './index.3c15c4d3.mjs';
 import 'deepmerge';
 import 'fast-case';
 import { cleanProductOptions } from './products.mjs';

package/dist/categories.mjs

@@ -1,4 +1,4 @@
-import { d as defaultMethods } from './index.a911a674.mjs';
+import { d as defaultMethods } from './index.3c15c4d3.mjs';
 import cacheApi from './cache.mjs';
 import 'qs';
 import './find.18f1ac6d.mjs';

package/dist/content.mjs

@@ -1,5 +1,5 @@
 import cacheApi from './cache.mjs';
-import './index.a911a674.mjs';
+import './index.3c15c4d3.mjs';
 import 'qs';
 import './find.18f1ac6d.mjs';
 import './round.577a8441.mjs';

package/dist/cookie.mjs

@@ -1,4 +1,4 @@
-import { i as isServer } from './index.a911a674.mjs';
+import { i as isServer } from './index.3c15c4d3.mjs';
 import 'qs';
 import './find.18f1ac6d.mjs';
 import './round.577a8441.mjs';

package/dist/{index.a911a674.mjs → index.3c15c4d3.mjs}

@@ -1804,4 +1804,4 @@ const utils = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   vaultRequest
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { utils as A, trimStart as B, trimBoth as C, stringifyQuery as D, base64Encode as E, toLower as F, toCamel as a, isObject as b, cloneDeep as c, defaultMethods as d, camelCase as e, snakeCase as f, isEqual as g, toCamelPath as h, isServer as i, getOptions as j, isFunction as k, loadScript as l, merge as m, isEmpty as n, isLiveMode as o, pick$1 as p, map as q, reduce as r, set as s, toSnake as t, uniq as u, vaultRequest as v, getLocationParams as w, removeUrlParams as x, trimEnd as y, setOptions as z };
+export { setOptions as A, utils as B, trimStart as C, trimBoth as D, stringifyQuery as E, toLower as F, toCamel as a, isObject as b, cloneDeep as c, defaultMethods as d, camelCase as e, snakeCase as f, isEqual as g, toCamelPath as h, isServer as i, getOptions as j, isFunction as k, loadScript as l, merge as m, isEmpty as n, isLiveMode as o, pick$1 as p, base64Encode as q, reduce as r, set as s, toSnake as t, uniq as u, vaultRequest as v, map as w, getLocationParams as x, removeUrlParams as y, trimEnd as z };

package/dist/index.mjs

@@ -1,6 +1,6 @@
 export { default } from './api.mjs';
 import './card.mjs';
-import './index.a911a674.mjs';
+import './index.3c15c4d3.mjs';
 import 'qs';
 import './find.18f1ac6d.mjs';
 import './round.577a8441.mjs';

package/dist/payment.mjs

@@ -1,6 +1,6 @@
 import methods from './cart.mjs';
 import methods$1 from './settings.mjs';
-import { b as isObject, k as isFunction, l as loadScript, c as cloneDeep, t as toSnake, v as vaultRequest, p as pick, n as isEmpty, o as isLiveMode, q as map, r as reduce, w as getLocationParams, x as removeUrlParams, a as toCamel } from './index.a911a674.mjs';
+import { b as isObject, k as isFunction, l as loadScript, c as cloneDeep, t as toSnake, v as vaultRequest, p as pick, n as isEmpty, o as isLiveMode, q as base64Encode, w as map, r as reduce, x as getLocationParams, y as removeUrlParams, a as toCamel } from './index.3c15c4d3.mjs';
 import { g as get, t as toNumber } from './find.18f1ac6d.mjs';
 import 'qs';
 import 'deepmerge';
@@ -1960,10 +1960,12 @@ class BraintreePaypalPayment extends Payment {
   }
 }
 
-const API_VERSION = 2;
-const API_MINOR_VERSION = 0;
-const ALLOWED_CARD_AUTH_METHODS = ['PAN_ONLY', 'CRYPTOGRAM_3DS'];
-const ALLOWED_CARD_NETWORKS = [
+const API_VERSION$1 = 2;
+const API_MINOR_VERSION$1 = 0;
+
+const ALLOWED_CARD_AUTH_METHODS$1 = ['PAN_ONLY', 'CRYPTOGRAM_3DS'];
+
+const ALLOWED_CARD_NETWORKS$1 = [
   'AMEX',
   'DISCOVER',
   'INTERAC',
@@ -2001,6 +2003,7 @@ class BraintreeGooglePayment extends Payment {
     return window.google;
   }
 
+  /** @returns {google.payments.api.PaymentsClient} */
   get googleClient() {
     if (!BraintreeGooglePayment.googleClient) {
       if (this.google) {
@@ -2021,12 +2024,13 @@ class BraintreeGooglePayment extends Payment {
     BraintreeGooglePayment.googleClient = googleClient;
   }
 
+  /** @returns {google.payments.api.PaymentMethodSpecification} */
   get cardPaymentMethod() {
     return {
       type: 'CARD',
       parameters: {
-        allowedAuthMethods: ALLOWED_CARD_AUTH_METHODS,
-        allowedCardNetworks: ALLOWED_CARD_NETWORKS,
+        allowedAuthMethods: ALLOWED_CARD_AUTH_METHODS$1,
+        allowedCardNetworks: ALLOWED_CARD_NETWORKS$1,
         billingAddressRequired: true,
         billingAddressParameters: {
           format: 'FULL',
@@ -2036,6 +2040,7 @@ class BraintreeGooglePayment extends Payment {
     };
   }
 
+  /** @returns {google.payments.api.PaymentMethodSpecification[]} */
   get allowedPaymentMethods() {
     return [this.cardPaymentMethod];
   }
@@ -2044,7 +2049,7 @@ class BraintreeGooglePayment extends Payment {
     const {
       elementId = 'googlepay-button',
       locale = 'en',
-      style: { color = 'black', type = 'buy', sizeMode = 'fill' } = {},
+      style: { color = 'black', type = 'plain', sizeMode = 'fill' } = {},
     } = this.params;
 
     if (!this.method.merchant_id) {
@@ -2055,8 +2060,8 @@ class BraintreeGooglePayment extends Payment {
     await this.loadScripts(this.scripts);
 
     const isReadyToPay = await this.googleClient.isReadyToPay({
-      apiVersion: API_VERSION,
-      apiVersionMinor: API_MINOR_VERSION,
+      apiVersion: API_VERSION$1,
+      apiVersionMinor: API_MINOR_VERSION$1,
       allowedPaymentMethods: this.allowedPaymentMethods,
       existingPaymentMethodRequired: true,
     });
@@ -2071,7 +2076,7 @@ class BraintreeGooglePayment extends Payment {
     const googlePayment = await this.braintree.googlePayment.create({
       client: braintreeClient,
       googleMerchantId: this.method.merchant_id,
-      googlePayVersion: API_VERSION,
+      googlePayVersion: API_VERSION$1,
     });
     const paymentRequestData = this._createPaymentRequestData(cart);
     const paymentDataRequest =
@@ -2084,6 +2089,12 @@ class BraintreeGooglePayment extends Payment {
       buttonLocale: locale,
       onClick: this._onClick.bind(this, googlePayment, paymentDataRequest),
     });
+
+    const button = this.element.querySelector('#gpay-button-online-api-id');
+
+    if (button) {
+      button.style['min-width'] = 'auto';
+    }
   }
 
   mountElements() {
@@ -2111,18 +2122,20 @@ class BraintreeGooglePayment extends Payment {
     });
   }
 
+  /** @returns {google.payments.api.PaymentDataRequest} */
   _createPaymentRequestData(cart) {
     const {
-      settings: { name },
+      settings: { name, country },
       capture_total,
       currency,
     } = cart;
     const { require: { email, shipping, phone } = {} } = this.params;
 
     return {
-      apiVersion: API_VERSION,
-      apiVersionMinor: API_MINOR_VERSION,
+      apiVersion: API_VERSION$1,
+      apiVersionMinor: API_MINOR_VERSION$1,
       transactionInfo: {
+        countryCode: country,
         currencyCode: currency,
         totalPrice: capture_total.toString(),
         totalPriceStatus: 'ESTIMATED',
@@ -2140,6 +2153,10 @@ class BraintreeGooglePayment extends Payment {
     };
   }
 
+  /**
+   * @param {object} googlePayment
+   * @param {google.payments.api.PaymentDataRequest} paymentDataRequest
+   */
   async _onClick(googlePayment, paymentDataRequest) {
     try {
       const paymentData =
@@ -2153,6 +2170,10 @@ class BraintreeGooglePayment extends Payment {
     }
   }
 
+  /**
+   * @param {object} googlePayment
+   * @param {google.payments.api.PaymentData} paymentData
+   */
   async _submitPayment(googlePayment, paymentData) {
     const { require: { shipping: requireShipping } = {} } = this.params;
     const { nonce } = await googlePayment.parseResponse(paymentData);
@@ -2181,6 +2202,7 @@ class BraintreeGooglePayment extends Payment {
     this.onSuccess();
   }
 
+  /** @param {google.payments.api.Address} address */
   _mapAddress(address) {
     return {
       name: address.name,
@@ -2404,6 +2426,247 @@ class BraintreeApplePayment extends Payment {
   }
 }
 
+const API_VERSION = 2;
+const API_MINOR_VERSION = 0;
+
+const ALLOWED_CARD_AUTH_METHODS = ['PAN_ONLY', 'CRYPTOGRAM_3DS'];
+
+const ALLOWED_CARD_NETWORKS = [
+  'AMEX',
+  'DISCOVER',
+  'INTERAC',
+  'JCB',
+  'MASTERCARD',
+  'VISA',
+];
+
+class AuthorizeNetGooglePayment extends Payment {
+  constructor(api, options, params, methods) {
+    if (!methods.card) {
+      throw new PaymentMethodDisabledError('Credit cards');
+    }
+
+    super(api, options, params, methods.google);
+  }
+
+  get scripts() {
+    return ['google-pay'];
+  }
+
+  get google() {
+    if (!window.google) {
+      throw new LibraryNotLoadedError('Google');
+    }
+
+    return window.google;
+  }
+
+  /** @returns {google.payments.api.PaymentsClient} */
+  get googleClient() {
+    if (!AuthorizeNetGooglePayment.googleClient) {
+      if (this.google) {
+        AuthorizeNetGooglePayment.googleClient =
+          new this.google.payments.api.PaymentsClient({
+            environment: isLiveMode(this.method.mode) ? 'PRODUCTION' : 'TEST',
+          });
+      }
+
+      if (!AuthorizeNetGooglePayment.googleClient) {
+        throw new LibraryNotLoadedError('Google client');
+      }
+    }
+
+    return AuthorizeNetGooglePayment.googleClient;
+  }
+
+  /**
+   * @param {boolean} [submit]
+   * @returns {google.payments.api.PaymentMethodSpecification[]}
+   */
+  _getCardPaymentMethod(submit = false) {
+    return {
+      type: 'CARD',
+      parameters: {
+        allowedAuthMethods: ALLOWED_CARD_AUTH_METHODS,
+        allowedCardNetworks: ALLOWED_CARD_NETWORKS,
+        billingAddressRequired: true,
+        billingAddressParameters: {
+          format: 'FULL',
+          phoneNumberRequired: true,
+        },
+      },
+      ...(submit && {
+        tokenizationSpecification: {
+          type: 'PAYMENT_GATEWAY',
+          parameters: {
+            gateway: 'authorizenet',
+            gatewayMerchantId: this.method.gateway_merchant_id,
+          },
+        },
+      }),
+    };
+  }
+
+  /**
+   * @param {boolean} [submit]
+   * @returns {google.payments.api.PaymentMethodSpecification[]}
+   */
+  _getAllowedPaymentMethods(submit = false) {
+    return [this._getCardPaymentMethod(submit)];
+  }
+
+  /**
+   * @param {import('../../../types').Cart} cart
+   * @returns {google.payments.api.PaymentDataRequest}
+   */
+  _createPaymentRequestData(cart) {
+    const {
+      settings: { name, country },
+      capture_total,
+      currency,
+    } = cart;
+
+    const { require: { email, shipping, phone } = {} } = this.params;
+
+    return {
+      apiVersion: API_VERSION,
+      apiVersionMinor: API_MINOR_VERSION,
+      transactionInfo: {
+        countryCode: country,
+        currencyCode: currency,
+        totalPrice: capture_total.toString(),
+        totalPriceStatus: 'ESTIMATED',
+      },
+      allowedPaymentMethods: this._getAllowedPaymentMethods(true),
+      emailRequired: Boolean(email),
+      shippingAddressRequired: Boolean(shipping),
+      shippingAddressParameters: {
+        phoneNumberRequired: Boolean(phone),
+      },
+      merchantInfo: {
+        merchantName: name,
+        merchantId: this.method.merchant_id,
+      },
+    };
+  }
+
+  /** @param {google.payments.api.Address} address */
+  _mapAddress(address) {
+    return {
+      name: address.name,
+      address1: address.address1,
+      address2: address.address2,
+      city: address.locality,
+      state: address.administrativeArea,
+      zip: address.postalCode,
+      country: address.countryCode,
+      phone: address.phoneNumber,
+    };
+  }
+
+  /** @param {google.payments.api.PaymentData} paymentData */
+  async _submitPayment(paymentData) {
+    const { require: { shipping: requireShipping } = {} } = this.params;
+    const { email, shippingAddress, paymentMethodData } = paymentData;
+    const {
+      info: { billingAddress },
+      tokenizationData: { token },
+    } = paymentMethodData;
+
+    await this.updateCart({
+      account: {
+        email,
+      },
+      billing: {
+        method: 'google',
+        google: {
+          gateway: 'authorizenet',
+          token: base64Encode(token),
+        },
+        ...this._mapAddress(billingAddress),
+      },
+      ...(requireShipping && {
+        shipping: this._mapAddress(shippingAddress),
+      }),
+    });
+
+    this.onSuccess();
+  }
+
+  /**
+   * @param {google.payments.api.PaymentDataRequest} paymentDataRequest
+   */
+  async _onClick(paymentDataRequest) {
+    try {
+      const paymentData =
+        await this.googleClient.loadPaymentData(paymentDataRequest);
+
+      if (paymentData) {
+        await this._submitPayment(paymentData);
+      }
+    } catch (error) {
+      this.onError(error);
+    }
+  }
+
+  /** @param {import('../../../types').Cart} cart */
+  async createElements(cart) {
+    const {
+      elementId = 'googlepay-button',
+      locale = 'en',
+      style: { color = 'black', type = 'plain', sizeMode = 'fill' } = {},
+    } = this.params;
+
+    if (!this.method.merchant_id) {
+      throw new Error('Google merchant ID is not defined');
+    }
+
+    this.setElementContainer(elementId);
+    await this.loadScripts(this.scripts);
+
+    const isReadyToPay = await this.googleClient.isReadyToPay({
+      apiVersion: API_VERSION,
+      apiVersionMinor: API_MINOR_VERSION,
+      allowedPaymentMethods: this._getAllowedPaymentMethods(false),
+      existingPaymentMethodRequired: true,
+    });
+
+    if (!isReadyToPay.result) {
+      throw new Error(
+        'This device is not capable of making Google Pay payments',
+      );
+    }
+
+    const paymentDataRequest = this._createPaymentRequestData(cart);
+
+    this.element = this.googleClient.createButton({
+      buttonColor: color,
+      buttonType: type,
+      buttonSizeMode: sizeMode,
+      buttonLocale: locale,
+      allowedPaymentMethods: this._getAllowedPaymentMethods(false),
+      onClick: this._onClick.bind(this, paymentDataRequest),
+    });
+
+    const button = this.element.querySelector('#gpay-button-online-api-id');
+
+    if (button) {
+      button.style['min-width'] = 'auto';
+    }
+  }
+
+  mountElements() {
+    const { classes = {} } = this.params;
+    const container = this.elementContainer;
+
+    container.appendChild(this.element);
+
+    if (classes.base) {
+      container.classList.add(classes.base);
+    }
+  }
+}
+
 class QuickpayCardPayment extends Payment {
   constructor(api, options, params, methods) {
     super(api, options, params, methods.card);
@@ -3543,6 +3806,8 @@ class PaymentController {
         return StripeGooglePayment;
       case 'braintree':
         return BraintreeGooglePayment;
+      case 'authorizenet':
+        return AuthorizeNetGooglePayment;
       default:
         return null;
     }

package/dist/products.mjs

@@ -1,4 +1,4 @@
-import { d as defaultMethods, r as reduce, t as toSnake, a as toCamel, f as snakeCase, u as uniq, g as isEqual } from './index.a911a674.mjs';
+import { d as defaultMethods, r as reduce, t as toSnake, a as toCamel, f as snakeCase, u as uniq, g as isEqual } from './index.3c15c4d3.mjs';
 import cacheApi from './cache.mjs';
 import methods$1 from './attributes.mjs';
 import { g as get, f as find } from './find.18f1ac6d.mjs';

package/dist/settings.mjs

@@ -1,4 +1,4 @@
-import { s as set, a as toCamel, m as merge, c as cloneDeep, b as isObject, e as camelCase } from './index.a911a674.mjs';
+import { s as set, a as toCamel, m as merge, c as cloneDeep, b as isObject, e as camelCase } from './index.3c15c4d3.mjs';
 import { g as get, f as find } from './find.18f1ac6d.mjs';
 import 'qs';
 import './round.577a8441.mjs';

package/dist/subscriptions.mjs

@@ -1,5 +1,5 @@
 import { cleanProductOptions } from './products.mjs';
-import { d as defaultMethods } from './index.a911a674.mjs';
+import { d as defaultMethods } from './index.3c15c4d3.mjs';
 import cacheApi from './cache.mjs';
 import './attributes.mjs';
 import './find.18f1ac6d.mjs';