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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ordergroove/offers",
-  "version": "2.34.1",
+  "version": "2.34.2-alpha-PR-742-3.8+6864c475",
   "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": "6864c47538a402aa8ddd4027ba3f23b5592187d6"
 }

package/src/index.js

@@ -1,5 +1,6 @@
 import { makeStore } from './core/store';
 import makeApi from './make-api';
+import makeApiSellingPlans from './shopify/makeApiSellingPlans';
 import defaultReducer from './core/reducer';
 import shopifyReducer from './shopify/shopifyReducer';
 import shopifyMiddleware from './shopify/shopifyMiddleware';
@@ -13,7 +14,10 @@ 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 ? makeApiSellingPlans() : {}
+);
 
 export const isReady = offers.isReady;
 export const addOptinChangedCallback = offers.addOptinChangedCallback;

package/src/shopify/__tests__/makeApiSellingPlans.spec.js

@@ -0,0 +1,56 @@
+import fetchMock from 'fetch-mock';
+
+import makeApiSellingPlans from '../makeApiSellingPlans';
+import { CART_JS_URL } from '../shopifyMiddleware';
+
+describe('getOptins', () => {
+  beforeEach(() => {
+    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 } } }
+      ]
+    };
+
+    fetchMock.getOnce(CART_JS_URL, cart);
+  });
+
+  afterEach(() => {
+    fetchMock.restore();
+  });
+
+  it('should return all optins given no productIds are provided', async () => {
+    const expectedOptins = [
+      { product: 123, selling_plan: 111 },
+      { product: 456, selling_plan: 222 },
+      { product: 789, selling_plan: 333 }
+    ];
+    const shopifySellingPlanOffers = makeApiSellingPlans();
+    const optins = await shopifySellingPlanOffers.getOptins();
+
+    expect(optins).toEqual(expectedOptins);
+    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 shopifySellingPlanOffers = makeApiSellingPlans();
+    const optins = await shopifySellingPlanOffers.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 shopifySellingPlanOffers = makeApiSellingPlans();
+    const optins = await shopifySellingPlanOffers.getOptins([888, 999]);
+
+    expect(optins).toEqual(expected);
+    expect(fetchMock.called(CART_JS_URL)).toBe(true);
+  });
+});

package/src/shopify/makeApiSellingPlans.js

@@ -0,0 +1,34 @@
+import { getCart } from './shopifyMiddleware';
+
+export default function makeApiSellingPlans() {
+  const sellingPlanOffers = {
+    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 (productIds.length === 0 || productIds.includes(product)) {
+          result.push({ product, selling_plan: sellingPlan });
+        }
+
+        return result;
+      }, []);
+
+      return optins;
+    }
+  };
+
+  window.OG = window.OG || {};
+  const offers = window.OG.offers || {};
+
+  Object.assign(window.OG, {
+    offers: {
+      ...offers,
+      ...sellingPlanOffers
+    }
+  });
+  return sellingPlanOffers;
+}

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