@ordergroove/offers 2.34.1 → 2.34.2-alpha-PR-742-5.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ordergroove/offers",
-  "version": "2.34.1",
+  "version": "2.34.2-alpha-PR-742-5.9+959f36c6",
   "description": "offer state component",
   "author": "Eugenio Lattanzio <eugenio63@gmail.com>",
   "homepage": "https://github.com/ordergroove/plush-toys#readme",
@@ -47,5 +47,5 @@
   "devDependencies": {
     "@ordergroove/offers-templates": "^0.9.1"
   },
-  "gitHead": "3fa30214d839413c66d20b0c3910f29d8b4df0aa"
+  "gitHead": "959f36c6e15f1889da33f7f4fc360fb75606e81c"
 }

package/src/index.js

@@ -1,5 +1,6 @@
 import { makeStore } from './core/store';
 import makeApi from './make-api';
+import makeShopifyOverrides from './shopify/makeShopifyOverrides';
 import defaultReducer from './core/reducer';
 import shopifyReducer from './shopify/shopifyReducer';
 import shopifyMiddleware from './shopify/shopifyMiddleware';
@@ -13,7 +14,13 @@ export const store = makeStore(
   platform.shopify && shopifyTrackingMiddleware
 );
 
-export const offers = makeApi(store);
+export const offers = Object.assign(
+  makeApi(store),
+  platform?.shopify && platform?.shopify_selling_plans ? makeShopifyOverrides() : {}
+);
+
+window.OG = window.OG || {};
+Object.assign(window.OG, offers);
 
 export const isReady = offers.isReady;
 export const addOptinChangedCallback = offers.addOptinChangedCallback;

package/src/make-api.js

@@ -185,8 +185,6 @@ export default function makeApi(store) {
     }
   };
 
-  window.OG = window.OG || {};
-  Object.assign(window.OG, offers);
   Object.assign(offers.initialize, offers);
 
   offersLiveEditor(window.opener, offers);

package/src/shopify/__tests__/makeShopifyOverrides.js

@@ -0,0 +1,56 @@
+import fetchMock from 'fetch-mock';
+
+import makeShopifyOverrides from '../makeShopifyOverrides';
+import { CART_JS_URL } from '../shopifyMiddleware';
+
+describe('getOptins', () => {
+  const cart = {
+    items: [
+      { variant_id: 123, selling_plan_allocation: { selling_plan: { id: 111 } } },
+      { product_id: 456, selling_plan_allocation: { selling_plan: { id: 222 } } },
+      { variant_id: 789, selling_plan_allocation: { selling_plan: { id: 333 } } }
+    ]
+  };
+
+  beforeEach(() => {
+    fetchMock.getOnce(CART_JS_URL, cart);
+  });
+
+  afterEach(() => {
+    fetchMock.restore();
+  });
+
+  it('should return all optins given no productIds are provided', async () => {
+    const expected = [
+      { product: 123, selling_plan: 111 },
+      { product: 456, selling_plan: 222 },
+      { product: 789, selling_plan: 333 }
+    ];
+    const shopifyOverrides = makeShopifyOverrides();
+    const optins = await shopifyOverrides.getOptins();
+
+    expect(optins).toEqual(expected);
+    expect(fetchMock.called(CART_JS_URL)).toBe(true);
+  });
+
+  it('should return optins for productIds given existant productIds are provided', async () => {
+    const expected = [
+      { product: 123, selling_plan: 111 },
+      { product: 456, selling_plan: 222 }
+    ];
+    const shopifyOverrides = makeShopifyOverrides();
+    const optins = await shopifyOverrides.getOptins([123, 456]);
+
+    expect(optins).toEqual(expected);
+    expect(fetchMock.called(CART_JS_URL)).toBe(true);
+  });
+
+  it('should return an empty array given nonexistant productIDs are provided', async () => {
+    const expected = [];
+    const shopifyOverrides = makeShopifyOverrides();
+    const optins = await shopifyOverrides.getOptins([888, 999]);
+
+    expect(optins).toEqual(expected);
+    expect(fetchMock.called(CART_JS_URL)).toBe(true);
+  });
+});

package/src/shopify/makeShopifyOverrides.js

@@ -0,0 +1,25 @@
+import { getCart } from './shopifyMiddleware';
+
+export default function makeShopifyOverrides() {
+  const shopifyOverrides = {
+    async getOptins(productIds = []) {
+      const cart = await getCart();
+      const { items } = cart;
+
+      const optins = items.reduce((result, item) => {
+        const product = item.variant_id || item.product_id;
+        const sellingPlan = item.selling_plan_allocation?.selling_plan?.id;
+
+        if (!!sellingPlan && (productIds.length === 0 || productIds.includes(product))) {
+          result.push({ product, selling_plan: sellingPlan });
+        }
+
+        return result;
+      }, []);
+
+      return optins;
+    }
+  };
+
+  return shopifyOverrides;
+}

package/src/shopify/shopifyMiddleware.ts

@@ -20,7 +20,7 @@ import { getTrackingKey } from './shopifyTrackingMiddleware';
 
 const SHOPIFY_ROOT = window.Shopify?.routes?.root || '/';
 const CART_PAGE_URL = '/cart';
-const CART_JS_URL = `${SHOPIFY_ROOT}cart.js`;
+export const CART_JS_URL = `${SHOPIFY_ROOT}cart.js`;
 const PRODUCTS_URL = `${SHOPIFY_ROOT}products/`;
 
 /**
@@ -79,7 +79,7 @@ async function setupPdp(store, offer) {
   }
 }
 
-const getCart = async () => await (await fetch(CART_JS_URL)).json();
+export const getCart = async () => await (await fetch(CART_JS_URL)).json();
 
 /**
  * Attemps to guess the product handle o