MWPW-153962: Introduce maslibs query parameter

head.html

@@ -1,4 +1,4 @@
 <meta name="viewport" content="width=device-width, initial-scale=1"/>
-<script src="/libs/scripts/scripts.js" type="module" crossorigin="use-credentials"></script>
+<script src="/libs/scripts/scripts.js" type="module"></script>
 <link rel="stylesheet" href="/libs/styles/styles.css"/>
 <link rel="icon" href="data:," size="any"/>

libs/blocks/merch/merch.js

@@ -122,6 +122,34 @@
 let log;
 let upgradeOffer = null;
 
+/**
+ * Given a url, calculates the hostname of MAS platform.
+ * Supports, www prod, stage, local and feature branches.
+ * @param {string} hostname
+ * @param {string} maslibs
+ * @returns base url for mas platform
+ */
+export function getMasBase(hostname, maslibs) {
+  let { baseUrl } = getMasBase;
+  if (baseUrl) return baseUrl;
+  baseUrl = 'https://www.adobe.com/mas';
+  if (!maslibs) return baseUrl;
+  if (maslibs === 'stage') {
+    baseUrl = 'https://www.stage.adobe.com/mas';
+  } else if (maslibs === 'local') {
+    baseUrl = 'http://localhost:8000';
+  } else {
+    const extension = /.live$/.test(hostname) ? 'live' : 'page';
+    if (/--/.test(maslibs)) {
+      baseUrl = `https://${maslibs}.hlx.${extension}`;
+    } else {
+      baseUrl = `https://${maslibs}--mas--adobecom.hlx.${extension}`;
+    }
+  }
+  getMasBase.baseUrl = baseUrl;
+  return baseUrl;
+}
+
 export async function polyfills() {
   if (polyfills.promise) return polyfills.promise;
   let isSupported = false;
@@ -326,15 +354,18 @@
 }
 
 export async function getCheckoutAction(offers, options, imsSignedInPromise) {
-  const [downloadAction, upgradeAction, modalAction] = await Promise.all([
-    getDownloadAction(options, imsSignedInPromise, offers),
-    getUpgradeAction(options, imsSignedInPromise, offers),
-    getModalAction(offers, options),
-  ]).catch((e) => {
+  try {
+    await imsSignedInPromise;
+    const [downloadAction, upgradeAction, modalAction] = await Promise.all([
+      getDownloadAction(options, imsSignedInPromise, offers),
+      getUpgradeAction(options, imsSignedInPromise, offers),
+      getModalAction(offers, options),
+    ]);
+    return downloadAction || upgradeAction || modalAction;
+  } catch (e) {
     log?.error('Failed to resolve checkout action', e);
     return [];
-  });
-  return downloadAction || upgradeAction || modalAction;
+  }
 }
 
 /**
@@ -349,7 +380,13 @@
   const { env, commerce = {}, locale } = getConfig();
   commerce.priceLiteralsPromise = fetchLiterals(PRICE_LITERALS_URL);
   initService.promise = initService.promise ?? polyfills().then(async () => {
-    const commerceLib = await import('../../deps/commerce.js');
+    const { hostname, searchParams } = new URL(window.location.href);
+    const maslibs = searchParams.get('maslibs');
+    let commerceLibPath = '../../deps/commerce.js';
+    if (maslibs) {
+      commerceLibPath = `${getMasBase(hostname, maslibs)}/lib/commerce.js`;
+    }
+    const commerceLib = await import(commerceLibPath);
     const service = await commerceLib.init(() => ({
       env,
       commerce,
@@ -376,8 +413,9 @@
 }
 
 /**
- * Checkout parameter can be set Merch link, code config (scripts.js) or be a default from tacocat.
- * To get the default, 'undefinded' should be passed, empty string will trigger an error!
+ * Checkout parameter can be set on the merch link,
+ * code config (scripts.js) or be a default from tacocat.
+ * To get the default, 'undefined' should be passed, empty string will trigger an error!
  *
  * clientId - code config -> default (adobe_com)
  * workflow - merch link -> metadata -> default (UCv3)

test/blocks/merch/mas/lib/commerce.js

@@ -0,0 +1,4 @@
+const mock = true;
+const init = () => ({ imsSignedInPromise: Promise.resolve(), mock });
+// eslint-disable-next-line import/prefer-default-export
+export { init };

test/blocks/merch/merch.test.js

@@ -21,6 +21,7 @@ import merch, {
   getCheckoutAction,
   PRICE_LITERALS_URL,
   PRICE_TEMPLATE_REGULAR,
+  getMasBase,
 } from '../../../libs/blocks/merch/merch.js';
 
 import { mockFetch, unmockFetch, readMockText } from './mocks/fetch.js';
@@ -72,6 +73,16 @@ const config = {
   placeholders: { 'upgrade-now': 'Upgrade Now', download: 'Download' },
 };
 
+const updateSearch = ({ maslibs } = {}) => {
+  const url = new URL(window.location);
+  if (!maslibs) {
+    url.searchParams.delete('maslibs');
+  } else {
+    url.searchParams.set('maslibs', maslibs);
+  }
+  window.history.pushState({}, '', url);
+};
+
 /**
  * utility function that tests Price spans against mock HTML
  *
@@ -147,6 +158,7 @@ describe('Merch Block', () => {
 
   afterEach(() => {
     setSubscriptionsData();
+    updateSearch();
   });
 
   it('does not decorate merch with bad content', async () => {
@@ -531,12 +543,22 @@ describe('Merch Block', () => {
     });
 
     it('getCheckoutAction: handles errors gracefully', async () => {
-      const action = await getCheckoutAction([{ productArrangement: {} }], {}, Promise.reject(new Error('error')));
-      expect(action).to.be.undefined;
+      const imsSignedInPromise = new Promise((resolve, reject) => {
+        setTimeout(() => {
+          reject(new Error('error'));
+        }, 1);
+      });
+      const action = await getCheckoutAction([{ productArrangement: {} }], {}, imsSignedInPromise);
+      expect(action).to.be.empty;
     });
   });
 
   describe('Upgrade Flow', () => {
+    beforeEach(() => {
+      getMasBase.baseUrl = undefined;
+      updateSearch({});
+    });
+
     it('updates CTA text to Upgrade Now', async () => {
       mockIms();
       getUserEntitlements();
@@ -668,4 +690,51 @@ describe('Merch Block', () => {
       });
     });
   });
+
+  describe.skip('M@S consumption', () => {
+    describe('maslibs parameter', () => {
+      beforeEach(() => {
+        getMasBase.baseUrl = undefined;
+        updateSearch({});
+      });
+
+      it('should load commerce.js via maslibs', async () => {
+        initService.promise = undefined;
+        getMasBase.baseUrl = 'http://localhost:2000/test/blocks/merch/mas';
+        updateSearch({ maslibs: 'test' });
+        setConfig(config);
+        await mockIms();
+        const commerce = await initService(true);
+        expect(commerce.mock).to.be.true;
+      });
+
+      it('should return the default Adobe URL if no maslibs parameter is present', () => {
+        expect(getMasBase()).to.equal('https://www.adobe.com/mas');
+      });
+
+      it('should return the stage Adobe URL if maslibs=stage', () => {
+        expect(getMasBase('https://www.adobe.com', 'stage')).to.equal('https://www.stage.adobe.com/mas');
+      });
+
+      it('should return the local URL if maslibs=local', () => {
+        expect(getMasBase('https://www.adobe.com', 'local')).to.equal('http://localhost:8000');
+      });
+
+      it('should return the adobecom hlx live URL if maslibs is branch name', () => {
+        expect(getMasBase('https://main--milo--adobecom-hlx.live', 'test')).to.equal('https://test--mas--adobecom.hlx.live');
+      });
+
+      it('should return the hlx live URL from the fork if maslibs contains double dashes', () => {
+        expect(getMasBase('https://main--milo--adobecom-hlx.live', 'test--mas--user')).to.equal('https://test--mas--user.hlx.live');
+      });
+
+      it('should return the adobecom hlx page URL if maslibs is branch name', () => {
+        expect(getMasBase('https://main--milo--adobecom-hlx.page', 'test')).to.equal('https://test--mas--adobecom.hlx.page');
+      });
+
+      it('should return the hlx page URL from the fork if maslibs contains double dashes', () => {
+        expect(getMasBase('https://main--milo--adobecom-hlx.page', 'test--mas--user')).to.equal('https://test--mas--user.hlx.page');
+      });
+    });
+  });
 });