swell-js 5.9.2 → 5.9.4

package/README.md

@@ -13,7 +13,7 @@ Universal JavaScript client for Swell's Frontend API, providing client-safe acce
 
 **About Swell**
 
-[Swell](https://www.swell.is) is a customizable, API-first platform for powering modern B2C/B2B shopping experiences and marketplaces. Build and connect anything using your favorite technologies, and provide admins with an easy to use dashboard.
+[Swell](https://www.swell.is) is an ecommerce platform with subscriptions and B2B pricing built in. Run your store on a Swell theme, or [go headless](https://www.swell.is/headless-commerce) with its APIs.
 
 ## Documentation
 

package/dist/api.mjs

@@ -1,21 +1,21 @@
-import methods$5 from './card.mjs';
+import methods$6 from './card.mjs';
 import { getCookie, setCookie } from './cookie.mjs';
-import methods$4 from './cache.mjs';
-import methods$3 from './cart.mjs';
-import methods$6 from './account.mjs';
-import { j as isFunction, l as loadScript, e as isObject, v as vaultRequest, k as isEmpty, d as defaultMethods, x as trimEnd, y as utils, z as trimStart, A as trimBoth, b as toSnake, o as base64Encode, i as isServer, t as toCamel } from './index.3949a230.mjs';
+import methods$5 from './cache.mjs';
+import methods$4 from './cart.mjs';
+import methods$7 from './account.mjs';
+import { j as isFunction, l as loadScript, e as isObject, v as vaultRequest, k as isEmpty, d as defaultMethods, i as isServer, x as trimEnd, y as utils, z as trimStart, A as trimBoth, b as toSnake, o as base64Encode, t as toCamel } from './index.76eb52e5.mjs';
 import { Q as stringifyQuery } from './find.ba551a2e.mjs';
 import 'deepmerge';
 import 'fast-case';
-import methods$7 from './products.mjs';
-import methods$8 from './categories.mjs';
-import methods$9 from './attributes.mjs';
-import methods$a from './subscriptions.mjs';
-import methods$b from './content.mjs';
-import methods$c from './settings.mjs';
+import methods$8 from './products.mjs';
+import methods$9 from './categories.mjs';
+import methods$a from './attributes.mjs';
+import methods$b from './subscriptions.mjs';
+import methods$c from './content.mjs';
+import methods$d from './settings.mjs';
 import PaymentController from './payment.mjs';
-import methods$d from './locale.mjs';
-import methods$e, { isCurrencyCode } from './currency.mjs';
+import methods$e from './locale.mjs';
+import methods$f, { isCurrencyCode } from './currency.mjs';
 import './round.c68b8be5.mjs';
 
 class AppComponent {
@@ -81,7 +81,7 @@ class AppComponent {
   }
 
   async updateCart(data) {
-    const cart = await methods$3(this.api, this.options).update(data);
+    const cart = await methods$4(this.api, this.options).update(data);
 
     this.setProps({ cart });
   }
@@ -317,7 +317,7 @@ class AppController {
   }
 }
 
-function methods$2(api) {
+function methods$3(api) {
   const { get, list } = defaultMethods(api, '/invoices', ['list', 'get']);
   return {
     get: (id, ...args) => {
@@ -328,7 +328,7 @@ function methods$2(api) {
   };
 }
 
-function methods$1(api, opt) {
+function methods$2(api, opt) {
   return {
     /**
      * Get the decoded session as an object of session values
@@ -355,7 +355,7 @@ function methods$1(api, opt) {
   };
 }
 
-function methods(api, _opt) {
+function methods$1(api, _opt) {
   return {
     /**
      * Make a request to an app function and greceiveet a response
@@ -424,6 +424,85 @@ function methods(api, _opt) {
   };
 }
 
+const PURPOSES = ['analytics', 'marketing', 'sale_of_data'];
+
+/**
+ * The page the shopper landed on, which the consent call sends along: the
+ * first URL of this document and its referrer. Read when needed, so nothing
+ * is kept before the shopper answers.
+ *
+ * @returns {{url: string, referrer: string} | undefined}
+ */
+function getLanding() {
+  if (isServer()) {
+    return undefined;
+  }
+
+  let url = window.location.href;
+
+  try {
+    const [navigation] = window.performance.getEntriesByType('navigation');
+    if (navigation?.name) {
+      url = navigation.name;
+    }
+  } catch {
+    // Navigation timing is not available
+  }
+
+  return { url, referrer: window.document.referrer || '' };
+}
+
+function methods(api) {
+  // Calls run one after another. Consent tools fire several events for one
+  // answer, and the first call may set the visitor cookie that the next one
+  // has to send: in parallel, each would start a visitor of its own.
+  let queue = Promise.resolve();
+
+  return {
+    /**
+     * Records the shopper's consent for attribution, from the storefront's
+     * consent banner. Purposes left out stay as they are.
+     *
+     * Calls the storefront's own origin, so that Swell sees the page's
+     * cookies and sets the visitor cookie on the storefront's domain.
+     *
+     * @param {{analytics?: boolean, marketing?: boolean, sale_of_data?: boolean}} consent
+     */
+    set(consent = {}) {
+      if (isServer()) {
+        return Promise.reject(new Error('consent.set() runs in the browser'));
+      }
+
+      const data = {};
+
+      for (const purpose of PURPOSES) {
+        // camelCase clients pass saleOfData
+        const camel = purpose.replace(/_(\w)/g, (_m, c) => c.toUpperCase());
+        const value = consent[purpose] ?? consent[camel];
+
+        if (typeof value === 'boolean') {
+          data[purpose] = value;
+        }
+      }
+
+      const result = queue.then(() =>
+        api.request(
+          'put',
+          '/session/consent',
+          { ...data, landing: getLanding() },
+          undefined,
+          { fullUrl: `${window.location.origin}/api/session/consent` },
+        ),
+      );
+
+      // A failed call doesn't hold back the next one
+      queue = result.catch(() => undefined);
+
+      return result;
+    },
+  };
+}
+
 /**
  * @template {'snake' | 'camel'} C
  * @typedef {import('../types').InitOptions<C>} InitOptions<C>
@@ -455,7 +534,7 @@ function swell(initStore = undefined, initKey, initOptions = {}) {
   const api = {};
 
   Object.assign(api, {
-    version: '5.9.2',
+    version: '5.9.4',
     options,
     request,
 
@@ -485,6 +564,7 @@ function swell(initStore = undefined, initKey, initOptions = {}) {
       options.getCart = opt.getCart;
       options.updateCart = opt.updateCart;
       options.headers = opt.headers || {};
+      options.getCaptchaToken = opt.getCaptchaToken;
     },
 
     // Backward compatibility
@@ -508,39 +588,41 @@ function swell(initStore = undefined, initKey, initOptions = {}) {
       return api.request('delete', url, data);
     },
 
-    cache: methods$4(options),
+    cache: methods$5(options),
 
-    card: methods$5(options),
+    card: methods$6(options),
 
-    cart: methods$3(api, options),
+    cart: methods$4(api, options),
 
-    account: methods$6(api),
+    account: methods$7(api),
 
     app: new AppController(api, options),
 
-    products: methods$7(api, options),
+    products: methods$8(api, options),
 
-    categories: methods$8(api),
+    categories: methods$9(api),
 
-    attributes: methods$9(api),
+    attributes: methods$a(api),
 
-    subscriptions: methods$a(api),
+    subscriptions: methods$b(api),
 
-    invoices: methods$2(api),
+    invoices: methods$3(api),
 
-    content: methods$b(api, options),
+    content: methods$c(api, options),
 
-    settings: methods$c(api, options),
+    settings: methods$d(api, options),
 
     payment: new PaymentController(api, options),
 
-    locale: methods$d(api, options),
+    locale: methods$e(api, options),
+
+    currency: methods$f(api, options),
 
-    currency: methods$e(api, options),
+    session: methods$2(api, options),
 
-    session: methods$1(api, options),
+    functions: methods$1(api),
 
-    functions: methods(api),
+    consent: methods(api),
 
     utils,
 
@@ -614,6 +696,13 @@ function swell(initStore = undefined, initKey, initOptions = {}) {
       reqHeaders['X-Session'] = session;
     }
 
+    // The storefront's visitor, for attribution: the cookie is on the
+    // storefront's domain and doesn't reach the store's API host
+    const visitor = allOptions.getCookie('swell-visitor');
+    if (visitor) {
+      reqHeaders['X-Visitor'] = visitor;
+    }
+
     if (locale) {
       reqHeaders['X-Locale'] = locale;
     }

package/dist/attributes.mjs

@@ -1,4 +1,4 @@
-import { d as defaultMethods } from './index.3949a230.mjs';
+import { d as defaultMethods } from './index.76eb52e5.mjs';
 import './find.ba551a2e.mjs';
 import './round.c68b8be5.mjs';
 import 'deepmerge';

package/dist/cache.mjs

@@ -1,4 +1,4 @@
-import { s as set, m as merge, t as toCamel, a as toCamelPath } from './index.3949a230.mjs';
+import { s as set, m as merge, t as toCamel, a as toCamelPath } from './index.76eb52e5.mjs';
 import { g as get } from './find.ba551a2e.mjs';
 import './round.c68b8be5.mjs';
 import 'deepmerge';

package/dist/card.mjs

@@ -1,4 +1,4 @@
-import { b as toSnake, v as vaultRequest } from './index.3949a230.mjs';
+import { b as toSnake, v as vaultRequest } from './index.76eb52e5.mjs';
 import './find.ba551a2e.mjs';
 import './round.c68b8be5.mjs';
 import 'deepmerge';

package/dist/cart.mjs

@@ -1,5 +1,5 @@
 import './find.ba551a2e.mjs';
-import { c as cloneDeep } from './index.3949a230.mjs';
+import { c as cloneDeep } from './index.76eb52e5.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.3949a230.mjs';
+import { d as defaultMethods } from './index.76eb52e5.mjs';
 import './find.ba551a2e.mjs';
 import './round.c68b8be5.mjs';
 import 'deepmerge';

package/dist/cookie.mjs

@@ -1,4 +1,4 @@
-import { i as isServer } from './index.3949a230.mjs';
+import { i as isServer } from './index.76eb52e5.mjs';
 import './find.ba551a2e.mjs';
 import './round.c68b8be5.mjs';
 import 'deepmerge';

package/dist/{index.3949a230.mjs → index.76eb52e5.mjs}

@@ -1586,8 +1586,36 @@ function defaultMethods(api, uri, methods) {
   };
 }
 
+function isCreateIntentRequest(method, url) {
+  if (String(method).toLowerCase() !== 'post') {
+    return false;
+  }
+
+  return trimEnd(trimStart(url)) === 'intent';
+}
+
+// Attach a captcha token to create-intent requests. The host supplies it via
+// the getCaptchaToken option and owns the widget and token lifecycle; here we
+// only forward it, so every intent-based payment method is covered. A rejection
+// from the host (timeout / failed challenge) propagates and aborts the request.
+async function addCaptchaToken(method, url, data, options) {
+  if (
+    typeof options.getCaptchaToken !== 'function' ||
+    !isCreateIntentRequest(method, url)
+  ) {
+    return data;
+  }
+
+  const token = await options.getCaptchaToken();
+
+  return token ? { ...data, captcha_token: token } : data;
+}
+
 async function vaultRequest(method, url, data, options) {
   const { vaultUrl, timeout, key } = options;
+
+  data = await addCaptchaToken(method, url, data, options);
+
   const requestData = {
     $jsonp: {
       method,

package/dist/index.mjs

@@ -1,6 +1,6 @@
 export { default } from './api.mjs';
 import './card.mjs';
-import './index.3949a230.mjs';
+import './index.76eb52e5.mjs';
 import './find.ba551a2e.mjs';
 import './round.c68b8be5.mjs';
 import 'deepmerge';

package/dist/payment.mjs

@@ -1,6 +1,6 @@
 import methods from './cart.mjs';
 import methods$1 from './settings.mjs';
-import { e as isObject, j as isFunction, l as loadScript, c as cloneDeep, v as vaultRequest, b as toSnake, p as pick, k as isEmpty, n as isLiveMode, o as base64Encode, q as getLocationParams, w as removeUrlParams, t as toCamel } from './index.3949a230.mjs';
+import { e as isObject, j as isFunction, l as loadScript, c as cloneDeep, v as vaultRequest, b as toSnake, p as pick, k as isEmpty, n as isLiveMode, o as base64Encode, q as getLocationParams, w as removeUrlParams, t as toCamel } from './index.76eb52e5.mjs';
 import { g as get } from './find.ba551a2e.mjs';
 import 'deepmerge';
 import 'fast-case';

package/dist/products.mjs

@@ -1,4 +1,4 @@
-import { d as defaultMethods, r as reduce, b as toSnake, t as toCamel, g as snakeCase, u as uniq, h as isEqual } from './index.3949a230.mjs';
+import { d as defaultMethods, r as reduce, b as toSnake, t as toCamel, g as snakeCase, u as uniq, h as isEqual } from './index.76eb52e5.mjs';
 import methods$1 from './attributes.mjs';
 import { g as get, f as find } from './find.ba551a2e.mjs';
 import './round.c68b8be5.mjs';

package/dist/settings.mjs

@@ -1,4 +1,4 @@
-import { s as set, t as toCamel, m as merge, c as cloneDeep, e as isObject, f as camelCase } from './index.3949a230.mjs';
+import { s as set, t as toCamel, m as merge, c as cloneDeep, e as isObject, f as camelCase } from './index.76eb52e5.mjs';
 import { g as get, f as find } from './find.ba551a2e.mjs';
 import './round.c68b8be5.mjs';
 import 'deepmerge';

package/dist/subscriptions.mjs

@@ -1,5 +1,5 @@
 import { cleanProductOptions } from './products.mjs';
-import { d as defaultMethods } from './index.3949a230.mjs';
+import { d as defaultMethods } from './index.76eb52e5.mjs';
 import './attributes.mjs';
 import './find.ba551a2e.mjs';
 import './round.c68b8be5.mjs';