@ordergroove/offers 2.26.4-alpha-PR-605-1.6 → 2.26.6

package/examples/index.js

@@ -105,6 +105,18 @@ const exampleTemplates = [
         textCopy: { ...textCopy }
       }
     },
+    {
+      name: 'cart',
+      selector: 'og-offer[location="cart"]',
+      defaultPreviewMode: 'subscribed',
+      config: {
+        settings: {
+          ...settings,
+          offerType: 'cart'
+        },
+        textCopy: { ...textCopy }
+      }
+    },
     {
       name: 'side-by-side',
       selector: 'og-offer[location="side-by-side"]',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ordergroove/offers",
-  "version": "2.26.4-alpha-PR-605-1.6+ce8c57dd",
+  "version": "2.26.6",
   "description": "offer state component",
   "author": "Eugenio Lattanzio <eugenio63@gmail.com>",
   "homepage": "https://github.com/ordergroove/plush-toys#readme",
@@ -43,7 +43,7 @@
     "throttle-debounce": "^2.1.0"
   },
   "devDependencies": {
-    "@ordergroove/offers-templates": "^0.4.5"
+    "@ordergroove/offers-templates": "^0.4.8"
   },
-  "gitHead": "ce8c57dd3a79f6aee087f0c1ed3cfb81b088f31e"
+  "gitHead": "b5fb97c05098fd061373711d02f03b0c4d16019a"
 }

package/src/components/OptinToggle.js

@@ -1,4 +1,4 @@
-import { html } from 'lit-element';
+import { html, css } from 'lit-element';
 
 import { optinProduct, optoutProduct } from '../core/actions';
 import { OptinStatus, mapStateToProps } from './OptinStatus';
@@ -12,6 +12,42 @@ export class OptinToggle extends OptinStatus {
     };
   }
 
+  static get styles() {
+    return css`
+      :host {
+        cursor: default;
+        display: inline-block;
+      }
+
+      .btn {
+        position: relative;
+        width: var(--og-radio-width, 1.4em);
+        height: var(--og-radio-height, 1.4em);
+        margin: var(--og-radio-margin, 0);
+        padding: 0;
+        border: 1px solid var(--og-primary-color, black);
+        background: #fff;
+        vertical-align: middle;
+        color: var(--og-primary-color, black);
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        border-radius: 3px;
+      }
+
+      .btn.active {
+        background: #090909;
+      }
+
+      .btn.active:after {
+        content: '✓';
+        color: #fff;
+        transform: scale(1.6);
+        margin-left: 2px;
+      }
+    `;
+  }
+
   handleClick(ev) {
     if (this.subscribed) this.optoutProduct(this.product);
     else this.optinProduct(this.product, this.frequency || this.defaultFrequency);

package/src/core/__tests__/api.spec.js

@@ -221,9 +221,7 @@ describe('api.fetchOrders', () => {
 
     it('should call endpoint default params', async () => {
       await underTest('https://host.com', { some: 'auth' }, 2, 'foo');
-      expect(fetchMock.lastUrl(MATCHED)).toEqual(
-        'https://host.com/orders/?status=2&ordering=foo&exclude_prepaid_orders=true'
-      );
+      expect(fetchMock.lastUrl(MATCHED)).toEqual('https://host.com/orders/?status=2&ordering=foo');
     });
   });
 

package/src/core/api.js

@@ -88,8 +88,7 @@ export const fetchOrders = memoize(
       withAuth((status = 1, ordering = 'place') => [
         `/orders/?${toQuery([
           ['status', status],
-          ['ordering', ordering],
-          ['exclude_prepaid_orders', 'true']
+          ['ordering', ordering]
         ])}`
       ])
     )