@ordergroove/offers 2.27.13-alpha-PR-652-3.1 → 2.27.13

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.27.13](https://github.com/ordergroove/plush-toys/compare/@ordergroove/offers@2.27.12...@ordergroove/offers@2.27.13) (2022-09-08)
+
+
+### Bug Fixes
+
+* **offers:** prevent radios from shrinking ([41cc197](https://github.com/ordergroove/plush-toys/commit/41cc1975a18a6e0131c9e9b96dc7a1ea80cdd1c0))
+
+
+
+
+
 ## [2.27.12](https://github.com/ordergroove/plush-toys/compare/@ordergroove/offers@2.27.11...@ordergroove/offers@2.27.12) (2022-08-31)
 
 

package/dist/bundle-report.html

@@ -1,11 +1,11 @@
 <pre id="esbuild-metadata">
-  dist/examples.js ─────────────────────────────────────────── 258.1kb ─ 100.0%
-   ├ ../offers-templates/dist/main.js ──────────────────────── 248.7kb ── 96.3%
+  dist/examples.js ─────────────────────────────────────────── 258.3kb ─ 100.0%
+   ├ ../offers-templates/dist/main.js ──────────────────────── 248.9kb ── 96.4%
    │  └ examples/index.js
    └ examples/index.js ───────────────────────────────────────── 8.4kb ─── 3.3%
 
-  dist/offers.js ───────────────────────────────────────────── 122.3kb ─ 100.0%
-   ├ src/components/Offer.js ─────────────────────────────────── 8.1kb ─── 6.6%
+  dist/offers.js ───────────────────────────────────────────── 121.7kb ─ 100.0%
+   ├ src/components/Offer.js ─────────────────────────────────── 8.1kb ─── 6.7%
    │  └ src/make-api.js
    │     └ src/index.js
    ├ node_modules/redux/es/redux.js ──────────────────────────── 6.7kb ─── 5.5%
@@ -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.0%
+   ├ 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
@@ -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/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.0%
+   ├ src/shopify/shopifyReducer.js ───────────────────────────── 3.7kb ─── 3.1%
+   │  └ src/index.js
+   ├ src/core/actions.js ─────────────────────────────────────── 3.7kb ─── 3.1%
    │  └ src/shopify/shopifyBootstrap.ts
    │     └ src/index.js
    ├ src/make-api.js ─────────────────────────────────────────── 2.6kb ─── 2.1%
@@ -53,7 +53,7 @@
    ├ src/components/UpsellModal.js ───────────────────────────── 2.4kb ─── 2.0%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/components/OptinStatus.js ───────────────────────────── 2.4kb ─── 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%
@@ -68,23 +68,23 @@
    ├ src/components/IncentiveText.js ─────────────────────────── 2.0kb ─── 1.6%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/components/SelectFrequency.js ───────────────────────── 1.9kb ─── 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/make-api.js
    │              └ src/index.js
-   ├ node_modules/lit-element/lit-element.js ─────────────────── 1.8kb ─── 1.4%
+   ├ 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/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.5kb ─── 1.3%
    │  └ src/make-api.js
    │     └ src/index.js
    ├ src/components/OptinToggle.js ───────────────────────────── 1.5kb ─── 1.2%
@@ -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 ───────────────────────────── 651b ──── 0.5%
    │  └ src/make-api.js
    │     └ src/index.js
    ├ node_modules/lit-html/lib/template-result.js ────────────── 639b ──── 0.5%

package/dist/examples.js

@@ -250,6 +250,7 @@ button {
 }
 .og-regular-offer-content {
   display: flex;
+  flex-direction: row;
   gap: 1.5em;
 }
 .og-select-frequency,
@@ -264,7 +265,6 @@ og-tooltip svg {
 og-optin-button,
 og-optout-button {
   display: flex;
-  align-items: center;
   gap: 5px;
 }
 
@@ -334,7 +334,6 @@ og-text[key="offerEveryLabel"] {
 }
 
 og-optin-button {
-	margin-top: 1em;
 	font-weight: 700;
 }
 
@@ -362,7 +361,14 @@ og-price[subscription] {
 
 .line-through {
 	text-decoration: line-through;
-}`}),Ta={};ro(Ta,{availableTemplates:()=>Wl,getMarkup:()=>La,getStyles:()=>Jl});var ue=ir(Qr());ue.default.registerHelper("case",bo()),ue.default.registerHelper("default",xo()),ue.default.registerHelper("frequencyText",Po()),ue.default.registerHelper("ifEqual",wo()),ue.default.registerHelper("switch",Eo()),ue.default.registerHelper("withIncentives",_o()),ue.default.registerPartial("buttons",ue.default.template({"1":function(l,r,e,o,a,t,n){var s,i=l.lambda,u=l.escapeExpression,f=r??(l.nullContext||{}),h=l.hooks.helperMissing,v=l.lookupProperty||function(b,y){if(Object.prototype.hasOwnProperty.call(b,y))return b[y]};return`        <div class="og-optin-button-item">
+}
+
+.og-regular-offer-content {
+	display: flex;
+	flex-direction: column;
+	gap: 1em;
+}
+`}),Ta={};ro(Ta,{availableTemplates:()=>Wl,getMarkup:()=>La,getStyles:()=>Jl});var ue=ir(Qr());ue.default.registerHelper("case",bo()),ue.default.registerHelper("default",xo()),ue.default.registerHelper("frequencyText",Po()),ue.default.registerHelper("ifEqual",wo()),ue.default.registerHelper("switch",Eo()),ue.default.registerHelper("withIncentives",_o()),ue.default.registerPartial("buttons",ue.default.template({"1":function(l,r,e,o,a,t,n){var s,i=l.lambda,u=l.escapeExpression,f=r??(l.nullContext||{}),h=l.hooks.helperMissing,v=l.lookupProperty||function(b,y){if(Object.prototype.hasOwnProperty.call(b,y))return b[y]};return`        <div class="og-optin-button-item">
             <og-optin-button default-frequency="`+u(i(r!=null?v(r,"every"):r,r))+"_"+u(i(r!=null?v(r,"period"):r,r))+`">
                 <span slot='default'>
                     `+u((v(e,"frequencyText")||r&&v(r,"frequencyText")||h).call(f,r,{name:"frequencyText",hash:{},data:a,loc:{start:{line:23,column:20},end:{line:23,column:42}}}))+`
@@ -468,23 +474,24 @@ og-price[subscription] {
     `+l.escapeExpression((n(e,"withIncentives")||r&&n(r,"withIncentives")||l.hooks.helperMissing).call(r??(l.nullContext||{}),(t=r!=null?n(r,"textCopy"):r)!=null?n(t,"offerOptInLabel"):t,{name:"withIncentives",hash:{},data:a,loc:{start:{line:2,column:4},end:{line:2,column:47}}}))+`
 </og-optin-button>`},useData:!0})),ue.default.registerPartial("optoutButton",ue.default.template({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`<og-optout-button>
     `+l.escapeExpression((n(e,"withIncentives")||r&&n(r,"withIncentives")||l.hooks.helperMissing).call(r??(l.nullContext||{}),(t=r!=null?n(r,"textCopy"):r)!=null?n(t,"offerOptOutLabel"):t,{name:"withIncentives",hash:{},data:a,loc:{start:{line:2,column:4},end:{line:2,column:48}}}))+`
-</og-optout-button>`},useData:!0})),ue.default.registerPartial("radio",ue.default.template({"1":function(l,r,e,o,a){var t,n=r??(l.nullContext||{}),s=l.lookupProperty||function(i,u){if(Object.prototype.hasOwnProperty.call(i,u))return i[u]};return"        <og-tooltip "+((t=s(e,"if").call(n,(t=r!=null?s(r,"styles"):r)!=null?s(t,"tooltipPlacement"):t,{name:"if",hash:{},fn:l.program(2,a,0),inverse:l.noop,data:a,loc:{start:{line:12,column:20},end:{line:12,column:98}}}))!=null?t:"")+`>
-            <span slot="trigger">`+((t=l.invokePartial(s(o,"tooltipSvg"),r,{name:"tooltipSvg",data:a,helpers:e,partials:o,decorators:l.decorators}))!=null?t:"")+`</span>
-            <span slot="content">`+l.escapeExpression((s(e,"withIncentives")||r&&s(r,"withIncentives")||l.hooks.helperMissing).call(n,(t=r!=null?s(r,"textCopy"):r)!=null?s(t,"offerTooltipContent"):t,{name:"withIncentives",hash:{},data:a,loc:{start:{line:14,column:33},end:{line:14,column:80}}}))+`</span>
-        </og-tooltip>
+</og-optout-button>`},useData:!0})),ue.default.registerPartial("radio",ue.default.template({"1":function(l,r,e,o,a){var t,n=r??(l.nullContext||{}),s=l.lookupProperty||function(i,u){if(Object.prototype.hasOwnProperty.call(i,u))return i[u]};return"            <og-tooltip "+((t=s(e,"if").call(n,(t=r!=null?s(r,"styles"):r)!=null?s(t,"tooltipPlacement"):t,{name:"if",hash:{},fn:l.program(2,a,0),inverse:l.noop,data:a,loc:{start:{line:13,column:24},end:{line:13,column:102}}}))!=null?t:"")+`>
+                <span slot="trigger">`+((t=l.invokePartial(s(o,"tooltipSvg"),r,{name:"tooltipSvg",data:a,helpers:e,partials:o,decorators:l.decorators}))!=null?t:"")+`</span>
+                <span slot="content">`+l.escapeExpression((s(e,"withIncentives")||r&&s(r,"withIncentives")||l.hooks.helperMissing).call(n,(t=r!=null?s(r,"textCopy"):r)!=null?s(t,"offerTooltipContent"):t,{name:"withIncentives",hash:{},data:a,loc:{start:{line:15,column:37},end:{line:15,column:84}}}))+`</span>
+            </og-tooltip>
 `},"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'placement="'+l.escapeExpression(l.lambda((t=r!=null?n(r,"styles"):r)!=null?n(t,"tooltipPlacement"):t,r))+'" '},compiler:[8,">= 4.3.0"],main:function(l,r,e,o,a){var t,n=r??(l.nullContext||{}),s=l.lookupProperty||function(i,u){if(Object.prototype.hasOwnProperty.call(i,u))return i[u]};return`<og-when test="regularEligible">
-    <div>
-`+((t=l.invokePartial(s(o,"optoutButton"),r,{name:"optoutButton",data:a,indent:"        ",helpers:e,partials:o,decorators:l.decorators}))!=null?t:"")+`        <og-price regular></og-price>
-    </div>
-    <div>
-`+((t=l.invokePartial(s(o,"optinButton"),r,{name:"optinButton",data:a,indent:"        ",helpers:e,partials:o,decorators:l.decorators}))!=null?t:"")+`        <og-price regular class="italic line-through"></og-price>
-        <og-price subscription></og-price>
-        
-`+((t=s(e,"if").call(n,(t=r!=null?s(r,"textCopy"):r)!=null?s(t,"showTooltip"):t,{name:"if",hash:{},fn:l.program(1,a,0),inverse:l.noop,data:a,loc:{start:{line:11,column:8},end:{line:16,column:15}}}))!=null?t:"")+`
+    <div class="og-regular-offer-content">
+        <div>
+`+((t=l.invokePartial(s(o,"optoutButton"),r,{name:"optoutButton",data:a,indent:"            ",helpers:e,partials:o,decorators:l.decorators}))!=null?t:"")+`            <og-price regular></og-price>
+        </div>
+        <div>
+`+((t=l.invokePartial(s(o,"optinButton"),r,{name:"optinButton",data:a,indent:"            ",helpers:e,partials:o,decorators:l.decorators}))!=null?t:"")+`            <og-price regular class="italic line-through"></og-price>
+            <og-price subscription></og-price>
+            
+`+((t=s(e,"if").call(n,(t=r!=null?s(r,"textCopy"):r)!=null?s(t,"showTooltip"):t,{name:"if",hash:{},fn:l.program(1,a,0),inverse:l.noop,data:a,loc:{start:{line:12,column:12},end:{line:17,column:19}}}))!=null?t:"")+`        </div>
     </div>
     <div style="margin-left: 2.2em">
 `+((t=l.invokePartial(s(o,"offerIncentive"),r,{name:"offerIncentive",data:a,indent:"        ",helpers:e,partials:o,decorators:l.decorators}))!=null?t:"")+`        <og-text key="offerEveryLabel">
-            `+l.escapeExpression((s(e,"withIncentives")||r&&s(r,"withIncentives")||l.hooks.helperMissing).call(n,(t=r!=null?s(r,"textCopy"):r)!=null?s(t,"offerEveryLabel"):t,{name:"withIncentives",hash:{},data:a,loc:{start:{line:22,column:12},end:{line:22,column:55}}}))+`
+            `+l.escapeExpression((s(e,"withIncentives")||r&&s(r,"withIncentives")||l.hooks.helperMissing).call(n,(t=r!=null?s(r,"textCopy"):r)!=null?s(t,"offerEveryLabel"):t,{name:"withIncentives",hash:{},data:a,loc:{start:{line:23,column:12},end:{line:23,column:55}}}))+`
         </og-text>
 `+((t=l.invokePartial(s(o,"selectFrequency"),r,{name:"selectFrequency",data:a,indent:"        ",helpers:e,partials:o,decorators:l.decorators}))!=null?t:"")+`    </div>
 </og-when>
@@ -509,7 +516,7 @@ og-price[subscription] {
     `},compiler:[8,">= 4.3.0"],main:function(l,r,e,o,a,t,n){var s,i=l.lookupProperty||function(u,f){if(Object.prototype.hasOwnProperty.call(u,f))return u[f]};return'<og-select-frequency default-text="'+l.escapeExpression(l.lambda((s=r!=null?i(r,"textCopy"):r)!=null?i(s,"defaultFrequencyCopy"):s,r))+`">
 `+((s=i(e,"each").call(r??(l.nullContext||{}),(s=r!=null?i(r,"settings"):r)!=null?i(s,"frequencies"):s,{name:"each",hash:{},fn:l.program(1,a,0,t,n),inverse:l.noop,data:a,loc:{start:{line:2,column:2},end:{line:7,column:11}}}))!=null?s:"")+`</og-select-frequency>
 `},useData:!0,useDepths:!0})),ue.default.registerPartial("side-by-side",ue.default.template({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`<og-when test="regularEligible">
-    <div class="og-regular-offer-content">
+    <div class="og-regular-offer-content" >
         <div class="og-optout-buttons">`+((t=l.invokePartial(n(o,"optoutButton"),r,{name:"optoutButton",data:a,helpers:e,partials:o,decorators:l.decorators}))!=null?t:"")+`</div>
         <div class="og-optin-buttons">
             <div class="og-optin-button-item">