@ordergroove/offers 2.34.2-alpha-PR-756-1.63 → 2.34.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ordergroove/offers",
-  "version": "2.34.2-alpha-PR-756-1.63+749d9e31",
+  "version": "2.34.2",
   "description": "offer state component",
   "author": "Eugenio Lattanzio <eugenio63@gmail.com>",
   "homepage": "https://github.com/ordergroove/plush-toys#readme",
@@ -47,5 +47,5 @@
   "devDependencies": {
     "@ordergroove/offers-templates": "^0.9.1"
   },
-  "gitHead": "749d9e31c092ca3aa72d5c8bcacbcdd2e552aead"
+  "gitHead": "8c58a6749f57037290ecc6fa52f44dde8c8f57a1"
 }

package/src/components/OptinButton.js

@@ -54,8 +54,8 @@ export class OptinButton extends OptinStatus {
   render() {
     return html`
       <slot name="default">
-        <button id="action-trigger" class="btn radio ${this.subscribed ? 'active' : ''}"></button>
-        <label for="action-trigger">
+        <button aria-labelledby="ogOfferOptInLabel" class="btn radio ${this.subscribed ? 'active' : ''}"></button>
+        <label id="ogOfferOptInLabel">
           <slot>
             <slot name="label"><og-text key="offerOptInLabel"></og-text></slot>
           </slot>

package/src/components/OptoutButton.js

@@ -19,8 +19,8 @@ export class OptoutButton extends OptinStatus {
   render() {
     return html`
       <slot name="default">
-        <button id="action-trigger" class="btn radio ${this.subscribed ? '' : 'active'}"></button>
-        <label for="action-trigger">
+        <button aria-labelledby="ogOfferOptOutLabel" class="btn radio ${this.subscribed ? '' : 'active'}"></button>
+        <label id="ogOfferOptOutLabel">
           <slot>
             <og-text key="offerOptOutLabel"></og-text>
           </slot>

package/src/components/Select.js

@@ -60,14 +60,15 @@ export class Select extends LitElement {
   static get properties() {
     return {
       options: { type: Array },
-      selected: { type: String }
+      selected: { type: String },
+      ariaLabel: { type: String }
     };
   }
 
   render() {
     const handleOnChange = ev => this.onChange(ev);
     return html`
-      <select @change="${handleOnChange}">
+      <select @change="${handleOnChange}" aria-label="${this.ariaLabel}">
         ${this.options.map(
           option => html`
             <option

package/src/components/SelectFrequency.js

@@ -123,6 +123,7 @@ export class SelectFrequency extends withChildOptions(FrequencyStatus) {
 
     return html`
       <og-select
+        ariaLabel="Delivery frequency"
         .options="${options}"
         .selected="${this.currentFrequency}"
         .onChange="${({ target: { value } }) => {

package/src/shopify/shopifyMiddleware.ts

@@ -316,6 +316,8 @@ export function getSubscribedFrequency(productId, store) {
  * @param store
  */
 function synchronizeSellingPlan(store: any, offerElement?: HTMLElement) {
+  if (offerElement.isCart) return; // hidden inputs are used when product page, not cart.
+
   [...document.querySelectorAll('form[action$="/cart/add"] [name=id]')].forEach((productIdInput: HTMLInputElement) => {
     const productId = productIdInput.value;