@ordergroove/offers 2.26.2 → 2.26.3-alpha-PR-593-20.20

package/src/shopify/shopifyReducer.js

@@ -0,0 +1,214 @@
+/* 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';
+
+const money = val => `$${val.toString().replace(/(\d\d)$/, '.$1')}`;
+
+const percentage = val => `${val}%`;
+
+const mapSellingPlanToDiscount = allocation => {
+  let formatted_discount = '%';
+  if (allocation?.price_adjustments.length > 0) {
+    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 {
+      formatted_discount = money(allocation.compare_at_price - allocation.price);
+    }
+  }
+
+  return [money(allocation.compare_at_price), formatted_discount, money(allocation.price)];
+};
+
+const productOrVariantInStockReducer = (acc, cur) => ({ ...acc, [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)
+});
+
+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((acc, cur) => ({ ...acc, [cur.key]: true }), state);
+  }
+  if (constants.SETUP_PRODUCT === action.type) {
+    const { payload: product } = action;
+    return (
+      [product, ...(product?.variants || [])]?.reduce(
+        (acc, cur) => ({ ...acc, [cur.id]: cur.selling_plan_allocations?.length > 0 }),
+        state
+      ) || 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 frequencies = product?.selling_plan_groups?.[0]?.selling_plans?.map(({ id }) => `${id}`);
+    if (frequencies?.length) {
+      const frequenciesText = product?.selling_plan_groups?.[0]?.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((acc, cur) => ({ ...acc, [cur.key]: true }), 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,
+      []
+    );
+  }
+  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');