@ordergroove/offers 2.26.10 → 2.27.1-alpha-PR-634-2.3

package/src/shopify/shopifyReducer.js

@@ -0,0 +1,254 @@
+/* eslint-disable no-case-declarations  */
+import { combineReducers } from 'redux';
+import * as constants from '../core/constants';
+
+import {
+  autoshipByDefault,
+  auth,
+  authUrl,
+  defaultFrequencies,
+  eligibilityGroups,
+  environment,
+  firstOrderPlaceDate,
+  incentives,
+  locale,
+  merchantId,
+  nextUpcomingOrder,
+  optedin as coreOptedin,
+  optedout,
+  previewStandardOffer,
+  previewUpsellOffer,
+  productToSubscribe,
+  sessionId,
+  templates
+} from '../core/reducer';
+import { safeProductId } from '../core/utils';
+
+const money = val => (val === null ? '' : `$${val.toString().replace(/(\d\d)$/, '.$1')}`);
+
+const percentage = val => `${val}%`;
+
+const mapSellingPlanToDiscount = allocation => {
+  let formatted_discount = '';
+  if (allocation.price_adjustments[0]?.value_type === 'percentage') {
+    formatted_discount = percentage(allocation.price_adjustments[0].value);
+  } else if (allocation.price_adjustments[0]?.value) {
+    formatted_discount = money(allocation.price_adjustments[0].value);
+  } else if (allocation.compare_at_price) {
+    formatted_discount = money(allocation.compare_at_price - allocation.price);
+  }
+
+  if (formatted_discount) {
+    return [money(allocation.compare_at_price), formatted_discount, money(allocation.price)];
+  }
+
+  return [money(allocation.price), '', money(allocation.price)];
+};
+
+const overrideLineKey = (state, productId, newValue) => {
+  const keys = Object.keys(state).filter(it => it.startsWith(productId.toString()));
+  if (keys.length) {
+    return { ...state, ...keys.reduce((acc, cur) => ({ ...acc, [cur]: newValue }), {}) };
+  }
+  return state;
+};
+
+const getOGSellingPlanGroup = product => {
+  const sellingPlanGroup = product?.selling_plan_groups.find(group => {
+    return group.name === 'Subscribe and Save';
+  });
+  return sellingPlanGroup;
+};
+
+const productOrVariantInStockReducer = (acc, cur) => ({
+  ...overrideLineKey(acc, cur.id, cur.available),
+  [cur.id]: cur.available
+});
+
+const productTrue = (acc, [id]) => ({ ...acc, [id]: true });
+
+const sellingPlanAllocationsReducer = (acc, cur) => ({
+  ...acc,
+  // now frequency every_period will match with selling_plan_id so no need to convert it
+  [cur.selling_plan_id || cur.selling_plan?.id]: mapSellingPlanToDiscount(cur)
+});
+
+const reduceProductCartLine = (acc, cur) => {
+  const productId = safeProductId(cur.key);
+  return { ...acc, [cur.key]: acc[productId] || null };
+};
+
+export const autoshipEligible = (state = {}, action) => {
+  if (constants.RECEIVE_PRODUCT_PLANS === action.type) {
+    return Object.entries(action.payload).reduce(productTrue, state);
+  }
+  if (constants.SETUP_CART === action.type) {
+    const { payload: cart } = action;
+    return cart.items.reduce(reduceProductCartLine, state);
+  }
+  if (constants.SETUP_PRODUCT === action.type) {
+    const { payload: product } = action;
+    return [product, ...(product?.variants || [])]?.reduce(
+      (acc, cur) => ({
+        ...overrideLineKey(acc, cur.id, cur.selling_plan_allocations?.length > 0),
+        [cur.id]: cur.selling_plan_allocations?.length > 0
+      }),
+      state
+    );
+  }
+  return state;
+};
+
+export const config = (
+  state = {
+    frequencies: [],
+    offerType: 'radio'
+  },
+  action
+) => {
+  if (constants.RECEIVE_PRODUCT_PLANS === action.type) {
+    const frequencies = [
+      ...new Set(
+        Object.values(action.payload)
+          .map(Object.keys)
+          .flat()
+      )
+    ];
+    return {
+      ...state,
+      frequencies
+    };
+  }
+
+  if (constants.SETUP_PRODUCT === action.type) {
+    const product = action.payload;
+    const sellingPlanGroup = getOGSellingPlanGroup(product);
+    const frequencies = sellingPlanGroup?.selling_plans?.map(({ id }) => `${id}`);
+    if (frequencies?.length) {
+      const frequenciesText = sellingPlanGroup.options?.[0]?.values || frequencies;
+      return {
+        ...state,
+        defaultFrequency: frequencies[0],
+        frequencies,
+        frequenciesText
+      };
+    }
+  }
+
+  return state;
+};
+
+export const inStock = (state = {}, action) => {
+  if (constants.RECEIVE_PRODUCT_PLANS === action.type) {
+    return Object.entries(action.payload).reduce(productTrue, state);
+  }
+
+  if (constants.SETUP_CART === action.type) {
+    const cart = action.payload;
+
+    return cart.items.reduce(reduceProductCartLine, state);
+  }
+
+  if (constants.SETUP_PRODUCT === action.type) {
+    const product = action.payload;
+
+    return [product, ...product?.variants]?.reduce(productOrVariantInStockReducer, state) || state;
+  }
+
+  return state;
+};
+
+export const offer = (state = {}, action) => state;
+
+export const offerId = (state = '', action) => 'native-shopify-offer';
+
+export const optedin = (state = [], action) => {
+  if (constants.SETUP_CART === action.type) {
+    const cart = action.payload;
+    return cart.items.reduce(
+      (acc, cur) =>
+        cur.selling_plan_allocation
+          ? [...acc, { id: cur.key, frequency: `${cur.selling_plan_allocation.selling_plan.id}` }]
+          : acc,
+      []
+    );
+  }
+  if (constants.RECEIVE_OFFER === action.type) {
+    const { autoship, autoship_by_default, in_stock, offer: offerEl } = action.payload;
+
+    return Object.keys(autoship).reduce(
+      (acc, id) =>
+        acc.concat(
+          !acc.some(it => it.id === id) && autoship[id] && autoship_by_default[id] && in_stock[id]
+            ? { id, frequency: offerEl.defaultFrequency }
+            : []
+        ),
+      state
+    );
+  }
+  return coreOptedin(state, action);
+};
+
+export const productOffer = (state = {}, action) => state;
+
+export const productPlans = (state = {}, action) => {
+  if (constants.SETUP_PRODUCT === action.type) {
+    const product = action.payload;
+    return (
+      [product, ...product?.variants]?.reduce(
+        (acc, cur) => ({
+          ...acc,
+          [cur.id]: cur.selling_plan_allocations?.reduce(sellingPlanAllocationsReducer, {})
+        }),
+        state
+      ) || state
+    );
+  }
+  if (constants.SETUP_CART === action.type) {
+    const cart = action.payload;
+    return (
+      cart.items.reduce(
+        (acc, cur) =>
+          cur.selling_plan_allocation
+            ? {
+                ...acc,
+                [cur.key]: sellingPlanAllocationsReducer({}, cur.selling_plan_allocation)
+              }
+            : acc,
+        state
+      ) || state
+    );
+  }
+  if (constants.RECEIVE_PRODUCT_PLANS === action.type) {
+    return { ...action.payload };
+  }
+  return state;
+};
+
+export default combineReducers({
+  auth,
+  authUrl,
+  autoshipByDefault,
+  autoshipEligible,
+  config,
+  defaultFrequencies,
+  eligibilityGroups,
+  environment,
+  firstOrderPlaceDate,
+  incentives,
+  inStock,
+  locale,
+  merchantId,
+  nextUpcomingOrder,
+  offer,
+  offerId,
+  optedin,
+  optedout,
+  previewStandardOffer,
+  previewUpsellOffer,
+  productOffer,
+  productPlans,
+  productToSubscribe,
+  sessionId,
+  templates
+});

package/tsconfig.json

@@ -0,0 +1,35 @@
+{
+  "compilerOptions": {
+    "noEmit": true,
+    "composite": true,
+    "target": "es2019",
+    "module": "es2020",
+    "lib": ["es2020", "DOM", "DOM.Iterable"],
+    "rootDir": "./src",
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true,
+    "stripInternal": true,
+    "noImplicitOverride": true,
+    "allowJs": true
+  },
+  "include": [
+    "node_modules/lit-html/lit-html.d.ts",
+    "node_modules/dayjs-es/index.d.ts",
+    "node_modules/lodash-es/index.d.ts",
+    "src/**/*.ts",
+    "src/**/*.js"
+  ],
+  "typedocOptions": {
+    "name": "SMI",
+    "entryPoints": [
+      "./src/index.ts",
+      "./src/shopify.ts",
+    ],
+    "out": "docs/",
+    "readme": "none",
+    "disableSources": true,
+
+    "categoryOrder": ["Type aliases", "*"],
+    "validation": { "invalidLink": true }
+  }
+}

package/examples/5starnutrition-main.js

@@ -1,3 +0,0 @@
-import offers from '../src';
-
-offers('bc678090fa6211e9b99abc764e10b970', 'prod', false);

package/examples/single-offer.html

@@ -1,9 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Ordergroove Offers</title>
-  </head>
-  <body id="single-offer" onload="og.offers('0e5de2bedc5e11e3a2e4bc764e106cf4', 'staging')">
-    <og-offer product="UD729" id="regular1" preview-standard-offer></og-offer>
-  </body>
-</html>

package/src/init-test.js

@@ -1,3 +0,0 @@
-import { initialize } from './index';
-
-initialize('some-merchant', 'staging');