@ordergroove/offers 2.26.11 → 2.27.0

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.27.0](https://github.com/ordergroove/plush-toys/compare/@ordergroove/offers@2.26.11...@ordergroove/offers@2.27.0) (2022-07-28)
+
+
+### Bug Fixes
+
+* **offers:** base platform off HTML data attribute instead of window.Shopify ([d4a8da9](https://github.com/ordergroove/plush-toys/commit/d4a8da9b370593621e7517871e8fdac038e43e85))
+* **offers:** Cart offers autoship eligible should reflect product attributes not cart ([efe97ef](https://github.com/ordergroove/plush-toys/commit/efe97ef06fb33e6e0d331023010aa5a138b49b75))
+* **offers:** Cart offers inStock should reflect product attribute ([13ca271](https://github.com/ordergroove/plush-toys/commit/13ca27199759ce5e36dbbe100ebf7fe9fc8a8603))
+* **offers:** frequency status and select to pick the correct frequency ([ff230e4](https://github.com/ordergroove/plush-toys/commit/ff230e43e11d087883a373446abaff63d025e7b1))
+* **offers:** reflect changes in tests for autoship eligible and inStock ([f3506e3](https://github.com/ordergroove/plush-toys/commit/f3506e3ff7e60fe776cdb325f0e0793fe036f279))
+* **offers:** search for OG sellingPlanGroup instead of taking first element of array ([c0f582d](https://github.com/ordergroove/plush-toys/commit/c0f582d86b70d525f9d61c269b0f77be827fe45a))
+* **offers:** SOUR-3359 set incentives using Shopify context ([014d4d2](https://github.com/ordergroove/plush-toys/commit/014d4d24ce52e3b205b5684a702243695638ac7a))
+
+
+### Features
+
+* **offers:** setupProduct and setupCart api to support shopify native offers ([5d4248e](https://github.com/ordergroove/plush-toys/commit/5d4248e5156176c9237a88fb2a775fda3996ef5c))
+* **offers:** Shopify native selling plans offers (canary) ([d9bad25](https://github.com/ordergroove/plush-toys/commit/d9bad25ec1dda9bc89dacaa172c91f689be0df5d))
+
+
+
+
+
 ## [2.26.11](https://github.com/ordergroove/plush-toys/compare/@ordergroove/offers@2.26.10...@ordergroove/offers@2.26.11) (2022-07-26)
 
 **Note:** Version bump only for package @ordergroove/offers

package/README.md

@@ -50,8 +50,42 @@ The state of the offer is maintained for all products. If you set the product at
 
 The state of opted-in products is stored in local storage, with the key `OG_STATE`. On page load, the offer element reads from local storage to recreate state for opted-in products. For example, if a user opts in to a product on a given page, offers for that same product will appear as opted in on all other pages.
 
+
+### DOM Events
+
+|Event | Description | common scenarios |
+|-|-|-|
+| og-receive-offer | offers is ready to be rendered in the UI  | Initialize custom UI logic when offer shows up |
+| og-optout-product | user has opted out the product |
+| og-optin-product |  user has opted in the product |
+| og-product-change-frequency | user has changed the delivery frequency |
+| og-cart-updated | offer in the cart page has been changed | Perform side effect such as update the subtotal or total fields |
+
+
+```js
+
+  document.addEventListener('og-receive-offer', ev => {
+    // ocurs when offers is ready to be rendered in the UI 
+    // initialize custom UI, style shadow dom
+    const offer = ev.target;
+  })
+
+  document.addEventListener('og-optout-product', ev => {
+    // perform a side-effect when OPTOUT_PRODUCT action happens
+  })
+
+  document.addEventListener('og-optin-product', ev => {
+    // perform a side-effect when OPTIN_PRODUCT action happens
+  })
+
+  document.addEventListener('og-product-change-frequency', ev => {
+    // perform a side-effect when PRODUCT_CHANGE_FREQUENCY action happens
+  })
+
+```
 ### Features
 
+
 #### Default optin by product
 
 The library supports the notion of default optin on a product-by-product basis. If a product is marked as optedin by default, the offer will appear as opted in upon initial load and for as long as the user has not explictly opted out. If a user explicitly opts out, the opt-out selection will be remembered for all offers across all pages for that same product.

package/build.js

@@ -1,5 +1,7 @@
 require('../../build-tools')('offers', 'src/index.js', {
+  treeShaking: true,
   entryPoints: {
     examples: 'examples/index.js'
-  }
+  },
+  servedir: './'
 });

package/dist/bundle-report.html

@@ -4,170 +4,228 @@
    │  └ examples/index.js
    └ examples/index.js ───────────────────────────────────────── 8.4kb ─── 3.3%
 
-  dist/offers.js ───────────────────────────────────────────── 109.1kb ─ 100.0%
-   ├ src/components/Offer.js ─────────────────────────────────── 7.9kb ─── 7.2%
-   │  └ src/index.js
-   ├ node_modules/redux/es/redux.js ──────────────────────────── 6.7kb ─── 6.1%
-   │  └ src/core/reducer.js
+  dist/offers.js ───────────────────────────────────────────── 120.8kb ─ 100.0%
+   ├ src/components/Offer.js ─────────────────────────────────── 8.1kb ─── 6.7%
+   │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/core/reducer.js ─────────────────────────────────────── 5.9kb ─── 5.4%
+   ├ node_modules/redux/es/redux.js ──────────────────────────── 6.7kb ─── 5.5%
+   │  └ src/shopify/shopifyReducer.js
+   │     └ src/index.js
+   ├ src/core/reducer.js ─────────────────────────────────────── 6.1kb ─── 5.0%
    │  └ src/index.js
-   ├ src/components/TestWizard.js ────────────────────────────── 5.5kb ─── 5.0%
+   ├ src/components/TestWizard.js ────────────────────────────── 5.5kb ─── 4.5%
    │  └ src/run-tests.js
    │     └ src/test-mode.js
-   │        └ src/index.js
-   ├ node_modules/lit-element/lib/updating-element.js ────────── 5.4kb ─── 4.9%
+   │        └ src/make-api.js
+   │           └ src/index.js
+   ├ node_modules/lit-element/lib/updating-element.js ────────── 5.4kb ─── 4.5%
    │  └ node_modules/lit-element/lit-element.js
    │     └ src/components/Price.js
-   │        └ src/index.js
-   ├ node_modules/lit-html/lib/parts.js ──────────────────────── 5.0kb ─── 4.5%
+   │        └ src/make-api.js
+   │           └ src/index.js
+   ├ node_modules/lit-html/lib/parts.js ──────────────────────── 5.0kb ─── 4.1%
    │  └ node_modules/lit-html/lit-html.js
    │     └ node_modules/lit-element/lit-element.js
    │        └ src/components/Price.js
-   │           └ src/index.js
-   ├ src/components/Modal.js ─────────────────────────────────── 4.7kb ─── 4.3%
-   │  └ src/index.js
-   ├ src/components/Tooltip.js ───────────────────────────────── 4.4kb ─── 4.0%
-   │  └ src/index.js
-   ├ node_modules/lodash.memoize/index.js ────────────────────── 4.0kb ─── 3.7%
-   │  └ src/core/api.js
+   │           └ src/make-api.js
+   │              └ src/index.js
+   ├ src/components/Modal.js ─────────────────────────────────── 4.7kb ─── 3.9%
+   │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/core/actions.js ─────────────────────────────────────── 3.7kb ─── 3.3%
+   ├ src/shopify/shopifyMiddleware.ts ────────────────────────── 4.6kb ─── 3.8%
    │  └ src/index.js
-   ├ src/index.js ────────────────────────────────────────────── 3.4kb ─── 3.1%
-   ├ src/core/api.js ─────────────────────────────────────────── 2.5kb ─── 2.3%
-   │  └ src/index.js
-   ├ src/components/UpsellModal.js ───────────────────────────── 2.4kb ─── 2.2%
+   ├ src/components/Tooltip.js ───────────────────────────────── 4.4kb ─── 3.6%
+   │  └ src/make-api.js
+   │     └ src/index.js
+   ├ node_modules/lodash.memoize/index.js ────────────────────── 4.0kb ─── 3.3%
+   │  └ src/shopify/shopifyMiddleware.ts
+   │     └ src/index.js
+   ├ src/core/actions.js ─────────────────────────────────────── 3.7kb ─── 3.1%
+   │  └ src/shopify/shopifyBootstrap.ts
+   │     └ src/index.js
+   ├ src/shopify/shopifyReducer.js ───────────────────────────── 3.4kb ─── 2.8%
    │  └ src/index.js
-   ├ src/components/OptinStatus.js ───────────────────────────── 2.4kb ─── 2.2%
+   ├ src/make-api.js ─────────────────────────────────────────── 2.6kb ─── 2.1%
    │  └ src/index.js
-   ├ src/core/actions-preview.js ─────────────────────────────── 2.2kb ─── 2.0%
-   │  └ src/components/Offer.js
+   ├ src/core/api.js ─────────────────────────────────────────── 2.5kb ─── 2.1%
+   │  └ src/core/reducer.js
+   │     └ src/index.js
+   ├ src/components/UpsellModal.js ───────────────────────────── 2.4kb ─── 2.0%
+   │  └ src/make-api.js
    │     └ src/index.js
-   ├ node_modules/lit-html/lib/shady-render.js ───────────────── 2.1kb ─── 1.9%
+   ├ src/components/OptinStatus.js ───────────────────────────── 2.4kb ─── 2.0%
+   │  └ src/make-api.js
+   │     └ src/index.js
+   ├ src/core/actions-preview.js ─────────────────────────────── 2.2kb ─── 1.8%
+   │  └ src/components/Offer.js
+   │     └ src/make-api.js
+   │        └ src/index.js
+   ├ node_modules/lit-html/lib/shady-render.js ───────────────── 2.1kb ─── 1.8%
    │  └ node_modules/lit-element/lit-element.js
    │     └ src/components/Price.js
-   │        └ src/index.js
-   ├ src/components/Select.js ────────────────────────────────── 2.0kb ─── 1.9%
-   │  └ src/index.js
-   ├ src/components/IncentiveText.js ─────────────────────────── 1.9kb ─── 1.7%
-   │  └ src/index.js
-   ├ node_modules/lit-html/lib/template.js ───────────────────── 1.8kb ─── 1.7%
+   │        └ src/make-api.js
+   │           └ src/index.js
+   ├ src/components/IncentiveText.js ─────────────────────────── 2.0kb ─── 1.6%
+   │  └ src/make-api.js
+   │     └ src/index.js
+   ├ node_modules/lit-html/lib/template.js ───────────────────── 1.8kb ─── 1.5%
    │  └ node_modules/lit-html/lit-html.js
    │     └ node_modules/lit-element/lit-element.js
    │        └ src/components/Price.js
-   │           └ src/index.js
-   ├ node_modules/lit-element/lit-element.js ─────────────────── 1.8kb ─── 1.6%
+   │           └ src/make-api.js
+   │              └ src/index.js
+   ├ node_modules/lit-element/lit-element.js ─────────────────── 1.8kb ─── 1.5%
    │  └ src/components/Price.js
+   │     └ src/make-api.js
+   │        └ src/index.js
+   ├ src/components/SelectFrequency.js ───────────────────────── 1.7kb ─── 1.4%
+   │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/components/OptinToggle.js ───────────────────────────── 1.4kb ─── 1.3%
-   │  └ src/index.js
-   ├ src/components/SelectFrequency.js ───────────────────────── 1.4kb ─── 1.3%
-   │  └ src/index.js
-   ├ src/core/resolveProperties.js ───────────────────────────── 1.4kb ─── 1.3%
-   │  └ src/components/Price.js
+   ├ src/components/Select.js ────────────────────────────────── 1.6kb ─── 1.3%
+   │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/components/FrequencyStatus.js ───────────────────────── 1.4kb ─── 1.2%
-   │  └ src/index.js
-   ├ src/core/selectors.js ───────────────────────────────────── 1.3kb ─── 1.2%
-   │  └ src/components/Price.js
+   ├ src/components/FrequencyStatus.js ───────────────────────── 1.5kb ─── 1.3%
+   │  └ src/make-api.js
+   │     └ src/index.js
+   ├ src/components/OptinToggle.js ───────────────────────────── 1.5kb ─── 1.2%
+   │  └ src/make-api.js
    │     └ src/index.js
-   ├ node_modules/reselect/es/index.js ───────────────────────── 1.3kb ─── 1.2%
+   ├ src/core/selectors.js ───────────────────────────────────── 1.3kb ─── 1.1%
+   │  └ src/shopify/shopifyMiddleware.ts
+   │     └ src/index.js
+   ├ node_modules/reselect/es/index.js ───────────────────────── 1.3kb ─── 1.1%
    │  └ src/core/selectors.js
-   │     └ src/components/Price.js
+   │     └ src/shopify/shopifyMiddleware.ts
    │        └ src/index.js
-   ├ src/components/OptinSelect.js ───────────────────────────── 1.2kb ─── 1.1%
-   │  └ src/index.js
-   ├ src/core/descriptors.js ─────────────────────────────────── 1.2kb ─── 1.1%
-   │  └ src/components/When.js
+   ├ src/core/resolveProperties.js ───────────────────────────── 1.3kb ─── 1.1%
+   │  └ src/components/Price.js
+   │     └ src/make-api.js
+   │        └ src/index.js
+   ├ src/components/OptinSelect.js ───────────────────────────── 1.3kb ─── 1.0%
+   │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/components/UpsellButton.js ──────────────────────────── 1.1kb ─── 1.0%
+   ├ src/core/descriptors.js ─────────────────────────────────── 1.2kb ─── 1.0%
+   │  └ src/components/When.js
+   │     └ src/make-api.js
+   │        └ src/index.js
+   ├ src/shopify/shopifyBootstrap.ts ─────────────────────────── 1.1kb ─── 0.9%
    │  └ src/index.js
+   ├ src/core/constants.js ───────────────────────────────────── 1.1kb ─── 0.9%
+   │  └ src/core/utils.ts
+   │     └ src/index.js
+   ├ src/components/UpsellButton.js ──────────────────────────── 1.1kb ─── 0.9%
+   │  └ src/make-api.js
+   │     └ src/index.js
+   ├ src/index.js ────────────────────────────────────────────── 1.1kb ─── 0.9%
    ├ node_modules/lit-html/lib/modify-template.js ────────────── 1.0kb ─── 0.9%
    │  └ node_modules/lit-html/lib/shady-render.js
    │     └ node_modules/lit-element/lit-element.js
    │        └ src/components/Price.js
-   │           └ src/index.js
-   ├ node_modules/logical-expression-parser/node.js ──────────── 1.0kb ─── 0.9%
+   │           └ src/make-api.js
+   │              └ src/index.js
+   ├ node_modules/logical-expression-parser/node.js ──────────── 1.0kb ─── 0.8%
    │  └ node_modules/logical-expression-parser/index.js
    │     └ src/components/When.js
-   │        └ src/index.js
-   ├ ../auth/dist/auth.js ───────────────────────────────────── 1021b ──── 0.9%
+   │        └ src/make-api.js
+   │           └ src/index.js
+   ├ ../auth/dist/auth.js ───────────────────────────────────── 1021b ──── 0.8%
    │  └ src/core/actions.js
-   │     └ src/index.js
-   ├ src/core/base.js ───────────────────────────────────────── 1011b ──── 0.9%
+   │     └ src/shopify/shopifyBootstrap.ts
+   │        └ src/index.js
+   ├ src/core/base.js ───────────────────────────────────────── 1011b ──── 0.8%
    │  └ src/components/Price.js
-   │     └ src/index.js
-   ├ node_modules/lit-html/lib/template-instance.js ─────────── 1004b ──── 0.9%
+   │     └ src/make-api.js
+   │        └ src/index.js
+   ├ node_modules/lit-html/lib/template-instance.js ─────────── 1008b ──── 0.8%
    │  └ node_modules/lit-html/lit-html.js
    │     └ node_modules/lit-element/lit-element.js
    │        └ src/components/Price.js
-   │           └ src/index.js
-   ├ node_modules/lit-element/lib/css-tag.js ─────────────────── 978b ──── 0.9%
+   │           └ src/make-api.js
+   │              └ src/index.js
+   ├ node_modules/lit-element/lib/css-tag.js ─────────────────── 978b ──── 0.8%
    │  └ node_modules/lit-element/lit-element.js
    │     └ src/components/Price.js
-   │        └ src/index.js
-   ├ src/core/constants.js ───────────────────────────────────── 967b ──── 0.9%
-   │  └ src/index.js
-   ├ node_modules/throttle-debounce/index.umd.js ─────────────── 880b ──── 0.8%
-   │  └ src/core/localStorage.js
+   │        └ src/make-api.js
+   │           └ src/index.js
+   ├ src/core/middleware.js ──────────────────────────────────── 951b ──── 0.8%
+   │  └ src/core/store.js
    │     └ src/index.js
-   ├ src/components/Text.js ──────────────────────────────────── 862b ──── 0.8%
-   │  └ src/index.js
-   ├ ../offers-live-editor/dist/offers-live-editor.js ────────── 856b ──── 0.8%
+   ├ src/core/utils.ts ───────────────────────────────────────── 945b ──── 0.8%
    │  └ src/index.js
+   ├ node_modules/throttle-debounce/index.umd.js ─────────────── 880b ──── 0.7%
+   │  └ src/shopify/shopifyMiddleware.ts
+   │     └ src/index.js
+   ├ src/components/Text.js ──────────────────────────────────── 862b ──── 0.7%
+   │  └ src/make-api.js
+   │     └ src/index.js
+   ├ ../offers-live-editor/dist/offers-live-editor.js ────────── 856b ──── 0.7%
+   │  └ src/make-api.js
+   │     └ src/index.js
+   ├ src/components/Price.js ─────────────────────────────────── 847b ──── 0.7%
+   │  └ src/make-api.js
+   │     └ src/index.js
    ├ src/core/localStorage.js ────────────────────────────────── 810b ──── 0.7%
-   │  └ src/index.js
-   ├ src/core/connect.js ─────────────────────────────────────── 794b ──── 0.7%
-   │  └ src/index.js
-   ├ src/components/Price.js ─────────────────────────────────── 725b ──── 0.6%
-   │  └ src/index.js
-   ├ src/components/OptinButton.js ───────────────────────────── 639b ──── 0.6%
-   │  └ src/index.js
-   ├ node_modules/lit-html/lib/template-result.js ────────────── 638b ──── 0.6%
+   │  └ src/make-api.js
+   │     └ src/index.js
+   ├ src/core/connect.js ─────────────────────────────────────── 794b ──── 0.6%
+   │  └ src/make-api.js
+   │     └ src/index.js
+   ├ src/components/OptinButton.js ───────────────────────────── 651b ──── 0.5%
+   │  └ src/make-api.js
+   │     └ src/index.js
+   ├ node_modules/lit-html/lib/template-result.js ────────────── 639b ──── 0.5%
    │  └ node_modules/lit-html/lit-html.js
    │     └ node_modules/lit-element/lit-element.js
    │        └ src/components/Price.js
-   │           └ src/index.js
-   ├ src/core/middleware.js ──────────────────────────────────── 636b ──── 0.6%
-   │  └ src/core/store.js
-   │     └ src/index.js
+   │           └ src/make-api.js
+   │              └ src/index.js
    ├ node_modules/logical-expression-parser/polish.js ────────── 594b ──── 0.5%
    │  └ node_modules/logical-expression-parser/index.js
    │     └ src/components/When.js
-   │        └ src/index.js
-   ├ src/core/adapters.js ────────────────────────────────────── 554b ──── 0.5%
-   │  └ src/index.js
-   ├ src/components/When.js ──────────────────────────────────── 544b ──── 0.5%
-   │  └ src/index.js
-   ├ src/core/dateUtils.js ───────────────────────────────────── 541b ──── 0.5%
-   │  └ src/components/NextUpcomingOrder.js
+   │        └ src/make-api.js
+   │           └ src/index.js
+   ├ src/core/adapters.js ────────────────────────────────────── 555b ──── 0.4%
+   │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/components/OptoutButton.js ──────────────────────────── 534b ──── 0.5%
+   ├ src/components/OptoutButton.js ──────────────────────────── 545b ──── 0.4%
+   │  └ src/make-api.js
+   │     └ src/index.js
+   ├ src/components/When.js ──────────────────────────────────── 544b ──── 0.4%
+   │  └ src/make-api.js
+   │     └ src/index.js
+   ├ src/core/dateUtils.js ───────────────────────────────────── 541b ──── 0.4%
+   │  └ src/components/NextUpcomingOrder.js
+   │     └ src/make-api.js
+   │        └ src/index.js
+   ├ src/core/store.js ───────────────────────────────────────── 391b ──── 0.3%
    │  └ src/index.js
-   ├ node_modules/lit-html/lib/template-factory.js ───────────── 387b ──── 0.3%
+   ├ node_modules/lit-html/lib/template-factory.js ───────────── 388b ──── 0.3%
    │  └ node_modules/lit-html/lit-html.js
    │     └ node_modules/lit-element/lit-element.js
    │        └ src/components/Price.js
-   │           └ src/index.js
+   │           └ src/make-api.js
+   │              └ src/index.js
    ├ src/components/NextUpcomingOrder.js ─────────────────────── 381b ──── 0.3%
-   │  └ src/index.js
-   ├ src/core/store.js ───────────────────────────────────────── 359b ──── 0.3%
-   │  └ src/index.js
+   │  └ src/make-api.js
+   │     └ src/index.js
    ├ node_modules/logical-expression-parser/tokenizer.js ─────── 355b ──── 0.3%
    │  └ node_modules/logical-expression-parser/index.js
    │     └ src/components/When.js
-   │        └ src/index.js
-   ├ src/core/props.js ───────────────────────────────────────── 325b ──── 0.3%
+   │        └ src/make-api.js
+   │           └ src/index.js
+   ├ src/core/props.js ───────────────────────────────────────── 326b ──── 0.3%
    │  └ src/components/FrequencyStatus.js
-   │     └ src/index.js
+   │     └ src/make-api.js
+   │        └ src/index.js
    ├ node_modules/lit-html/lib/default-template-processor.js ─── 311b ──── 0.3%
    │  └ node_modules/lit-html/lit-html.js
    │     └ node_modules/lit-element/lit-element.js
    │        └ src/components/Price.js
-   │           └ src/index.js
-   ├ src/test-mode.js ────────────────────────────────────────── 296b ──── 0.3%
-   │  └ src/index.js
+   │           └ src/make-api.js
+   │              └ src/index.js
+   ├ src/test-mode.js ────────────────────────────────────────── 296b ──── 0.2%
+   │  └ src/make-api.js
+   │     └ src/index.js
    ├ ../../node_modules/redux-thunk/es/index.js ──────────────── 247b ──── 0.2%
    │  └ src/core/store.js
    │     └ src/index.js
@@ -175,48 +233,59 @@
    │  └ node_modules/logical-expression-parser/node.js
    │     └ node_modules/logical-expression-parser/index.js
    │        └ src/components/When.js
-   │           └ src/index.js
+   │           └ src/make-api.js
+   │              └ src/index.js
    ├ node_modules/lit-html/lib/dom.js ────────────────────────── 230b ──── 0.2%
    │  └ node_modules/lit-html/lit-html.js
    │     └ node_modules/lit-element/lit-element.js
    │        └ src/components/Price.js
-   │           └ src/index.js
-   ├ node_modules/lit-html/lib/render.js ─────────────────────── 221b ──── 0.2%
+   │           └ src/make-api.js
+   │              └ src/index.js
+   ├ node_modules/lit-html/lib/render.js ─────────────────────── 225b ──── 0.2%
    │  └ node_modules/lit-html/lit-html.js
    │     └ node_modules/lit-element/lit-element.js
    │        └ src/components/Price.js
-   │           └ src/index.js
-   ├ node_modules/lit-html/lit-html.js ───────────────────────── 216b ──── 0.2%
+   │           └ src/make-api.js
+   │              └ src/index.js
+   ├ node_modules/lit-html/lit-html.js ───────────────────────── 217b ──── 0.2%
    │  └ node_modules/lit-element/lit-element.js
    │     └ src/components/Price.js
-   │        └ src/index.js
+   │        └ src/make-api.js
+   │           └ src/index.js
+   ├ src/platform.ts ─────────────────────────────────────────── 205b ──── 0.2%
+   │  └ src/index.js
    ├ node_modules/logical-expression-parser/index.js ─────────── 196b ──── 0.2%
    │  └ src/components/When.js
-   │     └ src/index.js
+   │     └ src/make-api.js
+   │        └ src/index.js
    ├ src/run-tests.js ────────────────────────────────────────── 194b ──── 0.2%
    │  └ src/test-mode.js
-   │     └ src/index.js
+   │     └ src/make-api.js
+   │        └ src/index.js
    ├ node_modules/symbol-observable/es/index.js ──────────────── 191b ──── 0.2%
    │  └ node_modules/redux/es/redux.js
-   │     └ src/core/reducer.js
+   │     └ src/shopify/shopifyReducer.js
    │        └ src/index.js
-   ├ node_modules/symbol-observable/es/ponyfill.js ───────────── 175b ──── 0.2%
+   ├ node_modules/symbol-observable/es/ponyfill.js ───────────── 175b ──── 0.1%
    │  └ node_modules/symbol-observable/es/index.js
    │     └ node_modules/redux/es/redux.js
-   │        └ src/core/reducer.js
+   │        └ src/shopify/shopifyReducer.js
    │           └ src/index.js
    ├ node_modules/lit-element/lib/decorators.js ───────────────── 93b ──── 0.1%
    │  └ node_modules/lit-element/lit-element.js
    │     └ src/components/Price.js
-   │        └ src/index.js
+   │        └ src/make-api.js
+   │           └ src/index.js
    ├ node_modules/lit-html/lib/directive.js ───────────────────── 92b ──── 0.1%
    │  └ node_modules/lit-html/lit-html.js
    │     └ node_modules/lit-element/lit-element.js
    │        └ src/components/Price.js
-   │           └ src/index.js
+   │           └ src/make-api.js
+   │              └ src/index.js
    └ node_modules/lit-html/lib/part.js ────────────────────────── 32b ──── 0.0%
       └ node_modules/lit-html/lit-html.js
          └ node_modules/lit-element/lit-element.js
             └ src/components/Price.js
-               └ src/index.js
+               └ src/make-api.js
+                  └ src/index.js
 </pre>