@ordergroove/offers 2.27.23 → 2.28.0

package/CHANGELOG.md

@@ -3,6 +3,27 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.28.0](https://github.com/ordergroove/plush-toys/compare/@ordergroove/offers@2.27.23...@ordergroove/offers@2.28.0) (2022-10-07)
+
+
+### Bug Fixes
+
+* **offers:** Buttons only template should dispatch the selling plan on click ([69be723](https://github.com/ordergroove/plush-toys/commit/69be723ce07cfb296bebb5c8941a20d4ca31945c))
+* **offers:** Buttons only template should use attribute as first option ([2c72b61](https://github.com/ordergroove/plush-toys/commit/2c72b6172880ab019f78e22c711a05154468176b))
+* **offers:** elements with name=id not in form do not enter getOrCreateHidden ([0e59df5](https://github.com/ordergroove/plush-toys/commit/0e59df559733990ca4051162353c4e92555e59cf))
+* **offers:** Reflect selling plan as default frequency ([82fdf2a](https://github.com/ordergroove/plush-toys/commit/82fdf2af9ea427c4191bd230c17710a8ccc45d29))
+* **offers:** Set psdf on optins upon receive offer in shopify reducer ([6c2cfac](https://github.com/ordergroove/plush-toys/commit/6c2cfac3780933394de4ab5d9fe066a1d241c2af))
+* **offers:** update offer element to convert default frequency to selling plan if selling plans ([542b64c](https://github.com/ordergroove/plush-toys/commit/542b64c85b13acd4cb26baad90d6aa30d62d4b6d))
+
+
+### Features
+
+* **offers:** Local auto initialization now pulls configs from s-o-s ([15be9fb](https://github.com/ordergroove/plush-toys/commit/15be9fbf029ed52523d446775e710f9cbada70b8))
+
+
+
+
+
 ## [2.27.23](https://github.com/ordergroove/plush-toys/compare/@ordergroove/offers@2.27.22...@ordergroove/offers@2.27.23) (2022-10-05)
 
 **Note:** Version bump only for package @ordergroove/offers

package/README.md

@@ -8,9 +8,32 @@ Ordergroove's offers library allows you to display and track subscription optins
   npm install --save @ordergroove/offers
 ```
 
-## Configuration
+
+## Local Development
+
+To start local development server you can do 
+```sh
+  cd packages/offers
+  npm start 
+```
+Browse http://localhost:8080
+
+### Merchant specific local development
+You need to use [http redirector chrome extension](https://chrome.google.com/webstore/detail/redirector/ocgpenflpmgnfapjedencafcfakcekcd?hl=en). And configure it to redirect staging/prod main.js to localhost:8080.
+
+**main.js**
+```
+Pattern: https?://(staging\.)?static.ordergroove.com/\w+/main.js$
+Redirect to: http://localhost:8080/dist/offers.js
+```
 
 
+**soucemap**
+Pattern: https?://(staging\.)?static.ordergroove.com/\w+/offers.js.map
+Redirect to: http://localhost:8080/dist/offers.js.map
+
+
+## Configuration
 
 ## Add og-offer elements
 

package/dist/bundle-report.html

@@ -4,56 +4,56 @@
    │  └ examples/index.js
    └ examples/index.js ───────────────────────────────────────── 8.5kb ─── 3.3%
 
-  dist/offers.js ───────────────────────────────────────────── 123.2kb ─ 100.0%
-   ├ src/components/Offer.js ─────────────────────────────────── 8.1kb ─── 6.6%
+  dist/offers.js ───────────────────────────────────────────── 126.8kb ─ 100.0%
+   ├ src/components/Offer.js ─────────────────────────────────── 8.1kb ─── 6.4%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ node_modules/redux/es/redux.js ──────────────────────────── 6.7kb ─── 5.4%
+   ├ node_modules/redux/es/redux.js ──────────────────────────── 6.7kb ─── 5.3%
    │  └ src/shopify/shopifyReducer.js
    │     └ src/index.js
-   ├ src/core/reducer.js ─────────────────────────────────────── 6.1kb ─── 5.0%
+   ├ src/core/reducer.js ─────────────────────────────────────── 6.1kb ─── 4.8%
    │  └ src/index.js
-   ├ src/components/TestWizard.js ────────────────────────────── 5.5kb ─── 4.4%
+   ├ src/shopify/shopifyReducer.js ───────────────────────────── 5.6kb ─── 4.4%
+   │  └ src/index.js
+   ├ src/components/TestWizard.js ────────────────────────────── 5.5kb ─── 4.3%
    │  └ src/run-tests.js
    │     └ src/test-mode.js
    │        └ src/make-api.js
    │           └ src/index.js
-   ├ node_modules/lit-element/lib/updating-element.js ────────── 5.4kb ─── 4.4%
+   ├ node_modules/lit-element/lib/updating-element.js ────────── 5.4kb ─── 4.2%
    │  └ node_modules/lit-element/lit-element.js
    │     └ src/components/Price.js
    │        └ src/make-api.js
    │           └ src/index.js
-   ├ src/shopify/shopifyMiddleware.ts ────────────────────────── 5.1kb ─── 4.2%
+   ├ src/shopify/shopifyMiddleware.ts ────────────────────────── 5.2kb ─── 4.1%
    │  └ src/index.js
-   ├ node_modules/lit-html/lib/parts.js ──────────────────────── 5.0kb ─── 4.0%
+   ├ node_modules/lit-html/lib/parts.js ──────────────────────── 5.0kb ─── 3.9%
    │  └ node_modules/lit-html/lit-html.js
    │     └ node_modules/lit-element/lit-element.js
    │        └ src/components/Price.js
    │           └ src/make-api.js
    │              └ src/index.js
-   ├ src/components/Modal.js ─────────────────────────────────── 4.7kb ─── 3.8%
+   ├ src/components/Modal.js ─────────────────────────────────── 4.7kb ─── 3.7%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/components/Tooltip.js ───────────────────────────────── 4.4kb ─── 3.5%
+   ├ src/components/Tooltip.js ───────────────────────────────── 4.4kb ─── 3.4%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/shopify/shopifyReducer.js ───────────────────────────── 4.2kb ─── 3.4%
-   │  └ src/index.js
-   ├ node_modules/lodash.memoize/index.js ────────────────────── 4.0kb ─── 3.2%
+   ├ node_modules/lodash.memoize/index.js ────────────────────── 4.0kb ─── 3.1%
    │  └ src/shopify/shopifyMiddleware.ts
    │     └ src/index.js
    ├ src/core/actions.js ─────────────────────────────────────── 3.8kb ─── 3.0%
    │  └ src/shopify/shopifyBootstrap.ts
    │     └ src/index.js
-   ├ src/make-api.js ─────────────────────────────────────────── 2.6kb ─── 2.1%
-   │  └ src/index.js
-   ├ src/core/api.js ─────────────────────────────────────────── 2.6kb ─── 2.1%
+   ├ src/core/api.js ─────────────────────────────────────────── 2.6kb ─── 2.0%
    │  └ src/core/reducer.js
    │     └ src/index.js
-   ├ src/components/UpsellModal.js ───────────────────────────── 2.4kb ─── 2.0%
+   ├ src/components/OptinStatus.js ───────────────────────────── 2.5kb ─── 2.0%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/components/OptinStatus.js ───────────────────────────── 2.4kb ─── 1.9%
+   ├ src/make-api.js ─────────────────────────────────────────── 2.5kb ─── 1.9%
+   │  └ src/index.js
+   ├ src/components/UpsellModal.js ───────────────────────────── 2.4kb ─── 1.9%
    │  └ src/make-api.js
    │     └ src/index.js
    ├ src/core/actions-preview.js ─────────────────────────────── 2.3kb ─── 1.8%
@@ -65,13 +65,15 @@
    │     └ src/components/Price.js
    │        └ src/make-api.js
    │           └ src/index.js
+   ├ src/core/utils.ts ───────────────────────────────────────── 2.0kb ─── 1.6%
+   │  └ src/index.js
    ├ src/components/SelectFrequency.js ───────────────────────── 2.0kb ─── 1.6%
    │  └ src/make-api.js
    │     └ src/index.js
    ├ src/components/IncentiveText.js ─────────────────────────── 1.9kb ─── 1.5%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ node_modules/lit-html/lib/template.js ───────────────────── 1.8kb ─── 1.5%
+   ├ node_modules/lit-html/lib/template.js ───────────────────── 1.8kb ─── 1.4%
    │  └ node_modules/lit-html/lit-html.js
    │     └ node_modules/lit-element/lit-element.js
    │        └ src/components/Price.js
@@ -81,10 +83,13 @@
    │  └ src/components/Price.js
    │     └ src/make-api.js
    │        └ src/index.js
+   ├ src/core/selectors.js ───────────────────────────────────── 1.7kb ─── 1.3%
+   │  └ src/shopify/shopifyMiddleware.ts
+   │     └ src/index.js
    ├ src/components/Select.js ────────────────────────────────── 1.6kb ─── 1.3%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/components/FrequencyStatus.js ───────────────────────── 1.6kb ─── 1.3%
+   ├ src/components/FrequencyStatus.js ───────────────────────── 1.6kb ─── 1.2%
    │  └ src/make-api.js
    │     └ src/index.js
    ├ src/components/OptinToggle.js ───────────────────────────── 1.5kb ─── 1.2%
@@ -93,9 +98,6 @@
    ├ src/components/OptinSelect.js ───────────────────────────── 1.4kb ─── 1.1%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/core/selectors.js ───────────────────────────────────── 1.3kb ─── 1.1%
-   │  └ src/shopify/shopifyMiddleware.ts
-   │     └ src/index.js
    ├ node_modules/reselect/es/index.js ───────────────────────── 1.3kb ─── 1.0%
    │  └ src/core/selectors.js
    │     └ src/shopify/shopifyMiddleware.ts
@@ -108,17 +110,15 @@
    │  └ src/components/When.js
    │     └ src/make-api.js
    │        └ src/index.js
-   ├ src/core/utils.ts ───────────────────────────────────────── 1.2kb ─── 1.0%
-   │  └ 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/index.js ────────────────────────────────────────────── 1.1kb ─── 0.9%
    ├ 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.8%
    │  └ node_modules/lit-html/lib/shady-render.js
    │     └ node_modules/lit-element/lit-element.js
@@ -144,12 +144,15 @@
    │        └ src/components/Price.js
    │           └ src/make-api.js
    │              └ src/index.js
+   ├ src/components/OptinButton.js ──────────────────────────── 1005b ──── 0.8%
+   │  └ 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/make-api.js
    │           └ src/index.js
-   ├ src/core/middleware.js ──────────────────────────────────── 951b ──── 0.8%
+   ├ src/core/middleware.js ──────────────────────────────────── 951b ──── 0.7%
    │  └ src/core/store.js
    │     └ src/index.js
    ├ ../offers-live-editor/dist/offers-live-editor.js ────────── 921b ──── 0.7%
@@ -170,9 +173,6 @@
    ├ src/core/connect.js ─────────────────────────────────────── 794b ──── 0.6%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/components/OptinButton.js ───────────────────────────── 690b ──── 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
@@ -190,14 +190,17 @@
    ├ src/core/adapters.js ────────────────────────────────────── 555b ──── 0.4%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/components/OptoutButton.js ──────────────────────────── 545b ──── 0.4%
+   ├ src/components/OptoutButton.js ──────────────────────────── 546b ──── 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/core/waitUntilOffersReady.js ────────────────────────── 537b ──── 0.4%
+   │  └ src/core/store.js
+   │     └ src/index.js
+   ├ src/core/store.js ───────────────────────────────────────── 419b ──── 0.3%
    │  └ src/index.js
    ├ node_modules/lit-html/lib/template-factory.js ───────────── 388b ──── 0.3%
    │  └ node_modules/lit-html/lit-html.js
@@ -217,7 +220,7 @@
    │  └ src/components/FrequencyStatus.js
    │     └ src/make-api.js
    │        └ src/index.js
-   ├ node_modules/lit-html/lib/default-template-processor.js ─── 311b ──── 0.2%
+   ├ node_modules/lit-html/lib/default-template-processor.js ─── 312b ──── 0.2%
    │  └ node_modules/lit-html/lit-html.js
    │     └ node_modules/lit-element/lit-element.js
    │        └ src/components/Price.js
@@ -241,7 +244,7 @@
    │        └ src/components/Price.js
    │           └ src/make-api.js
    │              └ src/index.js
-   ├ node_modules/lit-html/lib/render.js ─────────────────────── 225b ──── 0.2%
+   ├ node_modules/lit-html/lib/render.js ─────────────────────── 226b ──── 0.2%
    │  └ node_modules/lit-html/lit-html.js
    │     └ node_modules/lit-element/lit-element.js
    │        └ src/components/Price.js
@@ -252,17 +255,17 @@
    │     └ src/components/Price.js
    │        └ src/make-api.js
    │           └ src/index.js
-   ├ src/platform.ts ─────────────────────────────────────────── 205b ──── 0.2%
+   ├ src/platform.ts ─────────────────────────────────────────── 203b ──── 0.2%
    │  └ src/index.js
    ├ node_modules/logical-expression-parser/index.js ─────────── 196b ──── 0.2%
    │  └ src/components/When.js
    │     └ src/make-api.js
    │        └ src/index.js
-   ├ src/run-tests.js ────────────────────────────────────────── 194b ──── 0.2%
+   ├ src/run-tests.js ────────────────────────────────────────── 194b ──── 0.1%
    │  └ src/test-mode.js
    │     └ src/make-api.js
    │        └ src/index.js
-   ├ node_modules/symbol-observable/es/index.js ──────────────── 191b ──── 0.2%
+   ├ node_modules/symbol-observable/es/index.js ──────────────── 191b ──── 0.1%
    │  └ node_modules/redux/es/redux.js
    │     └ src/shopify/shopifyReducer.js
    │        └ src/index.js