@ordergroove/offers 2.27.15 → 2.27.17

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.17](https://github.com/ordergroove/plush-toys/compare/@ordergroove/offers@2.27.16...@ordergroove/offers@2.27.17) (2022-09-15)
+
+
+### Bug Fixes
+
+* **offers:** Offer should update and hide when no valid product or product attribute is removed. ([9e33c48](https://github.com/ordergroove/plush-toys/commit/9e33c482f9b9afcdaab1577cad316125b8f7843a))
+* **offers:** undefined frequency test initial reducer canary ([bca0c4a](https://github.com/ordergroove/plush-toys/commit/bca0c4a9a748b518e59d3db941f40e7b0de7e1ab))
+
+
+
+
+
+## [2.27.16](https://github.com/ordergroove/plush-toys/compare/@ordergroove/offers@2.27.15...@ordergroove/offers@2.27.16) (2022-09-14)
+
+
+### Bug Fixes
+
+* **offers:** include variation ID in tracking events ([e449819](https://github.com/ordergroove/plush-toys/commit/e449819898f4aa711dc20aca0b6321f9bf05ca13))
+
+
+
+
+
 ## [2.27.15](https://github.com/ordergroove/plush-toys/compare/@ordergroove/offers@2.27.14...@ordergroove/offers@2.27.15) (2022-09-12)
 
 

package/dist/bundle-report.html

@@ -1,19 +1,19 @@
 <pre id="esbuild-metadata">
-  dist/examples.js ─────────────────────────────────────────── 258.3kb ─ 100.0%
-   ├ ../offers-templates/dist/main.js ──────────────────────── 248.9kb ── 96.4%
+  dist/examples.js ─────────────────────────────────────────── 258.4kb ─ 100.0%
+   ├ ../offers-templates/dist/main.js ──────────────────────── 248.9kb ── 96.3%
    │  └ examples/index.js
-   └ examples/index.js ───────────────────────────────────────── 8.4kb ─── 3.3%
+   └ examples/index.js ───────────────────────────────────────── 8.5kb ─── 3.3%
 
-  dist/offers.js ───────────────────────────────────────────── 122.3kb ─ 100.0%
+  dist/offers.js ───────────────────────────────────────────── 122.7kb ─ 100.0%
    ├ src/components/Offer.js ─────────────────────────────────── 8.1kb ─── 6.6%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ node_modules/redux/es/redux.js ──────────────────────────── 6.7kb ─── 5.5%
+   ├ node_modules/redux/es/redux.js ──────────────────────────── 6.7kb ─── 5.4%
    │  └ src/shopify/shopifyReducer.js
    │     └ src/index.js
    ├ src/core/reducer.js ─────────────────────────────────────── 6.1kb ─── 5.0%
    │  └ src/index.js
-   ├ src/components/TestWizard.js ────────────────────────────── 5.5kb ─── 4.5%
+   ├ src/components/TestWizard.js ────────────────────────────── 5.5kb ─── 4.4%
    │  └ src/run-tests.js
    │     └ src/test-mode.js
    │        └ src/make-api.js
@@ -23,7 +23,7 @@
    │     └ src/components/Price.js
    │        └ src/make-api.js
    │           └ src/index.js
-   ├ node_modules/lit-html/lib/parts.js ──────────────────────── 5.0kb ─── 4.1%
+   ├ node_modules/lit-html/lib/parts.js ──────────────────────── 5.0kb ─── 4.0%
    │  └ node_modules/lit-html/lit-html.js
    │     └ node_modules/lit-element/lit-element.js
    │        └ src/components/Price.js
@@ -37,12 +37,12 @@
    ├ src/components/Tooltip.js ───────────────────────────────── 4.4kb ─── 3.6%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/shopify/shopifyReducer.js ───────────────────────────── 4.0kb ─── 3.3%
+   ├ src/shopify/shopifyReducer.js ───────────────────────────── 4.1kb ─── 3.4%
    │  └ 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/core/actions.js ─────────────────────────────────────── 3.7kb ─── 3.0%
    │  └ src/shopify/shopifyBootstrap.ts
    │     └ src/index.js
    ├ src/make-api.js ─────────────────────────────────────────── 2.6kb ─── 2.1%
@@ -65,7 +65,10 @@
    │     └ src/components/Price.js
    │        └ src/make-api.js
    │           └ src/index.js
-   ├ src/components/IncentiveText.js ─────────────────────────── 2.0kb ─── 1.6%
+   ├ 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%
@@ -74,9 +77,6 @@
    │        └ src/components/Price.js
    │           └ src/make-api.js
    │              └ src/index.js
-   ├ src/components/SelectFrequency.js ───────────────────────── 1.8kb ─── 1.5%
-   │  └ src/make-api.js
-   │     └ src/index.js
    ├ node_modules/lit-element/lit-element.js ─────────────────── 1.8kb ─── 1.4%
    │  └ src/components/Price.js
    │     └ src/make-api.js
@@ -96,7 +96,7 @@
    ├ 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%
+   ├ node_modules/reselect/es/index.js ───────────────────────── 1.3kb ─── 1.0%
    │  └ src/core/selectors.js
    │     └ src/shopify/shopifyMiddleware.ts
    │        └ src/index.js
@@ -147,11 +147,11 @@
    │     └ src/components/Price.js
    │        └ src/make-api.js
    │           └ src/index.js
+   ├ src/core/utils.ts ───────────────────────────────────────── 960b ──── 0.8%
+   │  └ src/index.js
    ├ src/core/middleware.js ──────────────────────────────────── 951b ──── 0.8%
    │  └ src/core/store.js
    │     └ src/index.js
-   ├ src/core/utils.ts ───────────────────────────────────────── 945b ──── 0.8%
-   │  └ src/index.js
    ├ ../offers-live-editor/dist/offers-live-editor.js ────────── 921b ──── 0.7%
    │  └ src/make-api.js
    │     └ src/index.js
@@ -170,7 +170,7 @@
    ├ src/core/connect.js ─────────────────────────────────────── 794b ──── 0.6%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/components/OptinButton.js ───────────────────────────── 690b ──── 0.6%
+   ├ src/components/OptinButton.js ───────────────────────────── 691b ──── 0.5%
    │  └ src/make-api.js
    │     └ src/index.js
    ├ node_modules/lit-html/lib/template-result.js ────────────── 639b ──── 0.5%
@@ -184,13 +184,13 @@
    │     └ src/components/When.js
    │        └ src/make-api.js
    │           └ src/index.js
-   ├ src/core/adapters.js ────────────────────────────────────── 555b ──── 0.4%
+   ├ src/components/When.js ──────────────────────────────────── 564b ──── 0.4%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/components/OptoutButton.js ──────────────────────────── 545b ──── 0.4%
+   ├ src/core/adapters.js ────────────────────────────────────── 555b ──── 0.4%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/components/When.js ──────────────────────────────────── 544b ──── 0.4%
+   ├ src/components/OptoutButton.js ──────────────────────────── 546b ──── 0.4%
    │  └ src/make-api.js
    │     └ src/index.js
    ├ src/core/dateUtils.js ───────────────────────────────────── 541b ──── 0.4%

package/dist/examples.js

@@ -560,12 +560,12 @@ og-price[subscription] {
     `+((t=(i(e,"case")||r&&i(r,"case")||s).call(n,"buttons",{name:"case",hash:{},fn:l.program(14,a,0),inverse:l.noop,data:a,loc:{start:{line:8,column:4},end:{line:8,column:46}}}))!=null?t:"")+`
     `+((t=(i(e,"default")||r&&i(r,"default")||s).call(n,"<!-- No offer configured --> ",{name:"default",hash:{},fn:l.program(16,a,0),inverse:l.noop,data:a,loc:{start:{line:9,column:4},end:{line:9,column:61}}}))!=null?t:"")+`
 `},"2":function(l,r,e,o,a){var t,n=l.lookupProperty||function(s,i){if(Object.prototype.hasOwnProperty.call(s,i))return s[i]};return" "+((t=l.invokePartial(n(o,"radio"),r,{name:"radio",data:a,helpers:e,partials:o,decorators:l.decorators}))!=null?t:"")+" "},"4":function(l,r,e,o,a){var t,n=l.lookupProperty||function(s,i){if(Object.prototype.hasOwnProperty.call(s,i))return s[i]};return" "+((t=l.invokePartial(n(o,"cart"),r,{name:"cart",data:a,helpers:e,partials:o,decorators:l.decorators}))!=null?t:"")+" "},"6":function(l,r,e,o,a){var t,n=l.lookupProperty||function(s,i){if(Object.prototype.hasOwnProperty.call(s,i))return s[i]};return" "+((t=l.invokePartial(n(o,"select"),r,{name:"select",data:a,helpers:e,partials:o,decorators:l.decorators}))!=null?t:"")+" "},"8":function(l,r,e,o,a){var t,n=l.lookupProperty||function(s,i){if(Object.prototype.hasOwnProperty.call(s,i))return s[i]};return" "+((t=l.invokePartial(n(o,"toggle"),r,{name:"toggle",data:a,helpers:e,partials:o,decorators:l.decorators}))!=null?t:"")+" "},"10":function(l,r,e,o,a){var t,n=l.lookupProperty||function(s,i){if(Object.prototype.hasOwnProperty.call(s,i))return s[i]};return" "+((t=l.invokePartial(n(o,"side-by-side"),r,{name:"side-by-side",data:a,helpers:e,partials:o,decorators:l.decorators}))!=null?t:"")+" "},"12":function(l,r,e,o,a){var t,n=l.lookupProperty||function(s,i){if(Object.prototype.hasOwnProperty.call(s,i))return s[i]};return" "+((t=l.invokePartial(n(o,"read-only"),r,{name:"read-only",data:a,helpers:e,partials:o,decorators:l.decorators}))!=null?t:"")+" "},"14":function(l,r,e,o,a){var t,n=l.lookupProperty||function(s,i){if(Object.prototype.hasOwnProperty.call(s,i))return s[i]};return" "+((t=l.invokePartial(n(o,"buttons"),r,{name:"buttons",data:a,helpers:e,partials:o,decorators:l.decorators}))!=null?t:"")+" "},"16":function(l,r,e,o,a){return""},compiler:[8,">= 4.3.0"],main:function(l,r,e,o,a){var t,n=l.lookupProperty||function(s,i){if(Object.prototype.hasOwnProperty.call(s,i))return s[i]};return(t=(n(e,"switch")||r&&n(r,"switch")||l.hooks.helperMissing).call(r??(l.nullContext||{}),(t=r!=null?n(r,"settings"):r)!=null?n(t,"offerType"):t,{name:"switch",hash:{},fn:l.program(1,a,0),inverse:l.noop,data:a,loc:{start:{line:1,column:0},end:{line:10,column:11}}}))!=null?t:""},usePartial:!0,useData:!0});function La(l){return Vl(l).trim()}d(La,"to"),c(La,"getMarkup");var Ql=ir(Yi()),$r=ir(Nl()),Kl={buttons:zl(),cart:Ul(),"side-by-side":Hl(),radio:Bl()},Gl=c(l=>(0,$r.default)(Kl,(0,$r.default)(l,"settings.offerType",""),""),"getStylesheet"),Jl=c(l=>[Gl(l),"* {",...(0,Ql.mapStyles)((0,$r.default)(l,"styles",{})).map(r=>`${r.join(": ")};`),"}"].filter(r=>r).join(`
-`),"getStyles"),Wl={radio:{isAdvanced:!1,name:"radio"},cart:{isAdvanced:!1,name:"cart"},toggle:{isAdvanced:!1,name:"toggle"},select:{isAdvanced:!1,name:"select"},"side-by-side":{isAdvanced:!1,name:"side-by-side"},buttons:{isAdvanced:!0,name:"buttons"},"read-only":{isAdvanced:!0,name:"read-only",defaultPreviewMode:"subscribed"}};return Ta})();return oe})});var sr=Eu(Ga());window.og_settings={product_discounts:{UD729:{"3_1":["30.00","10%","$27.00"],"1_2":["30.00","20%","$24.00"]}}};var Ja=[{every:1,period:1},{every:1,period:2},{every:1,period:3},{every:2,period:3}],et={defaultFrequency:Ja[2],frequencies:[...Ja]},tt={showTooltip:!0,offerOptInLabel:"Subscribe to save",offerIncentiveText:"Save {{ogIncentive DiscountPercent}} when you subscribe",offerOptOutLabel:"Deliver one-time only",offerEveryLabel:"Deliver every",offerTooltipTrigger:"[?]",offerTooltipContent:"Seems this is a great subscription offering. Many fun details about this program exist.",optinButtonLabel:"\u2022",optoutButtonLabel:"\u2022",optinStatusOptedInLabel:"You're opted in!",optinStatusOptedOutLabel:"You're not opted in.",optinToggleLabel:"\u2022",upsellButtonLabel:"Add item to order on ",upsellButtonPrefix:"",upsellModalContent:"Some upsell modal content",upsellModalOptInLabel:"Subscribe",upsellModalOptOutLabel:"Purchase one time",upsellModalTitle:"Impulse Upsell",upsellModalConfirmLabel:"Ok",upsellModalCancelLabel:"Cancel",defaultFrequencyCopy:"(Recommended)"},_u=[["Offers example",{name:"empty",selector:"og-offer:not([location])"},{name:"built-in",selector:'og-offer[location="initial"]',config:{settings:{...et,offerType:"radio"},textCopy:{...tt}}},{name:"checkbox",selector:'og-offer[location="initial-checkbox"]',config:{settings:{...et,offerType:"toggle"},textCopy:{...tt}}},{name:"select",selector:'og-offer[location="initial-select"]',config:{settings:{...et,offerType:"select"},textCopy:{...tt}}},{name:"cart",selector:'og-offer[location="cart"]',defaultPreviewMode:"subscribed",config:{settings:{...et,offerType:"cart"},textCopy:{...tt}}},{name:"side-by-side",selector:'og-offer[location="side-by-side"]',config:{settings:{...et,offerType:"side-by-side"},textCopy:{...tt},styles:{primaryColor:"navy",defaultColor:"pink"}}},{name:"read-only",selector:'og-offer[location="read-only"]',defaultPreviewMode:"subscribed",config:{settings:{...et,offerType:"read-only"},textCopy:{...tt},styles:{primaryColor:"navy",defaultColor:"pink"}}},{name:"buttons",selector:'og-offer[location="buttons"]',config:{settings:{...et,offerType:"buttons"},textCopy:{...tt},styles:{primaryColor:"navy",defaultColor:"pink"}}},{name:"first-test",selector:'og-offer[location="first-test"]',config:{settings:{...et,offerType:"toggle"},textCopy:{...tt,offerOptOutLabel:"1st offerOptOutLabel"}}},{name:"second-test no tooltip",selector:'og-offer[location="second-test"]',config:{settings:{...et,offerType:"radio"},textCopy:{...tt,showTooltip:!1,offerOptOutLabel:"2st offerOptOutLabel"}}},{name:"Select mode",selector:'og-offer[location="select1"]',markup:`
+`),"getStyles"),Wl={radio:{isAdvanced:!1,name:"radio"},cart:{isAdvanced:!1,name:"cart"},toggle:{isAdvanced:!1,name:"toggle"},select:{isAdvanced:!1,name:"select"},"side-by-side":{isAdvanced:!1,name:"side-by-side"},buttons:{isAdvanced:!0,name:"buttons"},"read-only":{isAdvanced:!0,name:"read-only",defaultPreviewMode:"subscribed"}};return Ta})();return oe})});var sr=Eu(Ga());window.og_settings={product_discounts:{UD729:{"3_1":["30.00","10%","$27.00"],"1_2":["30.00","20%","$24.00"]}}};var Ja=[{every:1,period:1},{every:1,period:2},{every:1,period:3},{every:2,period:3}],et={defaultFrequency:Ja[2],frequencies:[...Ja]},tt={showTooltip:!0,offerOptInLabel:"Subscribe to save",offerIncentiveText:"Save {{ogIncentive DiscountPercent}} when you subscribe",offerOptOutLabel:"Deliver one-time only",offerEveryLabel:"Deliver every",offerTooltipTrigger:"[?]",offerTooltipContent:"Seems this is a great subscription offering. Many fun details about this program exist.",optinButtonLabel:"\u2022",optoutButtonLabel:"\u2022",optinStatusOptedInLabel:"You're opted in!",optinStatusOptedOutLabel:"You're not opted in.",optinToggleLabel:"\u2022",upsellButtonLabel:"Add item to order on ",upsellButtonPrefix:"",upsellModalContent:"Some upsell modal content",upsellModalOptInLabel:"Subscribe",upsellModalOptOutLabel:"Purchase one time",upsellModalTitle:"Impulse Upsell",upsellModalConfirmLabel:"Ok",upsellModalCancelLabel:"Cancel",defaultFrequencyCopy:"(Recommended)"},_u=[["Offers example",{name:"empty",selector:"og-offer:not([location])",id:"1"},{name:"built-in",selector:'og-offer[location="initial"]',id:"2",config:{settings:{...et,offerType:"radio"},textCopy:{...tt}}},{name:"checkbox",selector:'og-offer[location="initial-checkbox"]',id:"3",config:{settings:{...et,offerType:"toggle"},textCopy:{...tt}}},{name:"select",selector:'og-offer[location="initial-select"]',id:"4",config:{settings:{...et,offerType:"select"},textCopy:{...tt}}},{name:"cart",selector:'og-offer[location="cart"]',id:"5",defaultPreviewMode:"subscribed",config:{settings:{...et,offerType:"cart"},textCopy:{...tt}}},{name:"side-by-side",selector:'og-offer[location="side-by-side"]',id:"6",config:{settings:{...et,offerType:"side-by-side"},textCopy:{...tt},styles:{primaryColor:"navy",defaultColor:"pink"}}},{name:"read-only",selector:'og-offer[location="read-only"]',id:"7",defaultPreviewMode:"subscribed",config:{settings:{...et,offerType:"read-only"},textCopy:{...tt},styles:{primaryColor:"navy",defaultColor:"pink"}}},{name:"buttons",selector:'og-offer[location="buttons"]',id:"8",config:{settings:{...et,offerType:"buttons"},textCopy:{...tt},styles:{primaryColor:"navy",defaultColor:"pink"}}},{name:"first-test",selector:'og-offer[location="first-test"]',id:"9",config:{settings:{...et,offerType:"toggle"},textCopy:{...tt,offerOptOutLabel:"1st offerOptOutLabel"}}},{name:"second-test no tooltip",selector:'og-offer[location="second-test"]',id:"10",config:{settings:{...et,offerType:"radio"},textCopy:{...tt,showTooltip:!1,offerOptOutLabel:"2st offerOptOutLabel"}}},{name:"Select mode",selector:'og-offer[location="select1"]',id:"11",markup:`
 <og-optin-select>
 <option value="optedOut">Buy one time</option>
 <option value="2w" selected>2 weeks (recomended)</option>
 <option value="1m">1 month </option>
-</og-optin-select>`},{name:"Custom markup",selector:'og-offer[location="custom1"]',markup:`
+</og-optin-select>`},{name:"Custom markup",selector:'og-offer[location="custom1"]',id:"12",markup:`
 <og-when test="regularEligible">
 <p>
 <og-optout-button>Buy one time</og-optout-button>
@@ -612,7 +612,7 @@ Add item to order on
   </span>
   <span slot="cancel">cancel</span>
 </og-upsell-modal>
-</og-when>`},{name:"Upsell modal - radio",defaultPreviewMode:"upsell",selector:'og-offer[location="upsell-radio"]',markup:`
+</og-when>`},{name:"Upsell modal - radio",defaultPreviewMode:"upsell",selector:'og-offer[location="upsell-radio"]',id:"13",markup:`
 <og-when test="upsellEligible">
 <og-upsell-button target="#upsell-radio">
   <a href="#">Add item to next order via radio</a>
@@ -630,7 +630,7 @@ Add item to order on
     </og-select-frequency>
   </p>
 </og-upsell-modal>
-</og-when>`},{name:"Upsell modal - select",defaultPreviewMode:"upsell",selector:'og-offer[location="upsell-select"]',markup:`
+</og-when>`},{name:"Upsell modal - select",defaultPreviewMode:"upsell",selector:'og-offer[location="upsell-select"]',id:"14",markup:`
 <og-when test="upsellEligible">
 <og-upsell-button target="#upsell-select">
   <a href="#">Add item to next order via select</a>
@@ -638,7 +638,7 @@ Add item to order on
 <og-upsell-modal id="upsell-select">
   <og-optin-select></og-optin-select>
 </og-upsell-modal>
-</og-when>`},{name:"Upsell modal - toggle",defaultPreviewMode:"upsell",selector:'og-offer[location="upsell-toggle"]',markup:`
+</og-when>`},{name:"Upsell modal - toggle",defaultPreviewMode:"upsell",selector:'og-offer[location="upsell-toggle"]',id:"15",markup:`
 <og-when test="upsellEligible">
 <og-upsell-button target="#upsell-toggle">
   <a href="#">Add item to next order via toggle</a>
@@ -651,7 +651,7 @@ Add item to order on
   <span slot="cancel">Nope</span>
 </og-upsell-modal>
 </og-when>
-    `},{name:"Product-specific default frequencies",selector:'og-offer[location="psdf"]',markup:`
+    `},{name:"Product-specific default frequencies",selector:'og-offer[location="psdf"]',id:"16",markup:`
 <og-when test="regularEligible">
   <og-select-frequency default-text=" Most common!">
     <option value="1w">1 week</option>
@@ -659,14 +659,14 @@ Add item to order on
     <option value="3w">3 weeks</option>
   </og-select-frequency>
 </og-when>
-    `}],["Individual components",{name:"og-optin-button",selector:"og-offer[location=og-optin-button]",markup:`
+    `}],["Individual components",{name:"og-optin-button",selector:"og-offer[location=og-optin-button]",id:"17",markup:`
 <og-optin-button>
   I want to subscribe to this product
 </og-optin-button>
-    `},{name:"Frequency Status",selector:'og-offer[location="frequency"]',markup:`
+    `},{name:"Frequency Status",selector:'og-offer[location="frequency"]',id:"18",markup:`
 <og-frequency-status>
   <span slot="not-subscribed">you are not subscribed </span>
-</og-frequency-status>`},{name:"Tooltip",selector:'og-offer[location="tooltip-placement"]',markup:[["top-left","top","top-right"],["left","","right"],["bottom-left","bottom","bottom-right"]].map(oe=>oe.map(ie=>`<span class="tooltip-example">${ie?`<og-tooltip placement="${ie}" style="width:100%">
+</og-frequency-status>`},{name:"Tooltip",selector:'og-offer[location="tooltip-placement"]',id:"19",markup:[["top-left","top","top-right"],["left","","right"],["bottom-left","bottom","bottom-right"]].map(oe=>oe.map(ie=>`<span class="tooltip-example">${ie?`<og-tooltip placement="${ie}" style="width:100%">
     <div slot="trigger">${ie}</div>
     <div slot="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
   </og-tooltip>`:" &nbsp; "}</span>`).join(`