@ordergroove/offers 2.40.4 → 2.41.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ordergroove/offers",
-  "version": "2.40.4",
+  "version": "2.41.0",
   "description": "offer state component",
   "author": "Eugenio Lattanzio <eugenio63@gmail.com>",
   "homepage": "https://github.com/ordergroove/plush-toys#readme",
@@ -49,5 +49,5 @@
     "@ordergroove/offers-templates": "^0.9.6",
     "@types/lodash.memoize": "^4.1.9"
   },
-  "gitHead": "7047889836c2225038223496a0b0c317756fa15d"
+  "gitHead": "24e315047abbe0e265409f1f5265e3d9fd462672"
 }

package/src/components/UpsellButton.js

@@ -1,5 +1,5 @@
 import { html, css } from 'lit-element';
-import { fetchOrders } from '../core/actions';
+import { fetchOrders, createIu, concludeUpsell } from '../core/actions';
 import { connect } from '../core/connect';
 import { auth } from '../core/props';
 import { withProduct } from '../core/resolveProperties';
@@ -26,13 +26,17 @@ export class UpsellButton extends withProduct(TemplateElement) {
       },
       auth,
       isPreview: { type: Boolean, attribute: false },
-      target: { type: String }
+      target: { type: String },
+      // If set, creates the IU item immediately instead of opening a modal
+      skipModal: { type: Boolean, attribute: 'skip-modal' }
     };
   }
 
   constructor() {
     super();
     this.fetchOrders = () => 0;
+    this.createIu = () => 0;
+    this.concludeUpsell = () => 0;
     this.addEventListener('click', this.handleClick.bind(this));
   }
 
@@ -44,7 +48,10 @@ export class UpsellButton extends withProduct(TemplateElement) {
 
   handleClick() {
     let modal;
-    if (!this.target && this.offer) {
+    if (this.skipModal) {
+      this.createIu(this.product, this.nextUpcomingOrder.public_id, 1, false, null);
+      this.concludeUpsell(this.product);
+    } else if (!this.target && this.offer) {
       // TODO remove offer shadowRoot built in code.
       modal = this.offer.querySelector('og-upsell-modal');
       if (!modal) {
@@ -70,9 +77,10 @@ export class UpsellButton extends withProduct(TemplateElement) {
 }
 
 export const mapStateToProps = state => ({
-  isPreview: state.previewUpsellOffer
+  isPreview: state.previewUpsellOffer,
+  nextUpcomingOrder: state.previewUpsellOffer ? { public_id: 'preview-order-id' } : state.nextUpcomingOrder
 });
 
-export const ConnectedUpsellButton = connect(mapStateToProps, { fetchOrders })(UpsellButton);
+export const ConnectedUpsellButton = connect(mapStateToProps, { fetchOrders, createIu, concludeUpsell })(UpsellButton);
 
 export default UpsellButton;

package/src/components/__tests__/UpsellButton.spec.js

@@ -52,4 +52,15 @@ describe('UpsellButton', () => {
     await ogUpsellButton.click();
     expect(ogUpsellModal.getAttribute('show')).toEqual('true');
   });
+
+  it('should create IU directly if skip-modal attribute set', async () => {
+    const ogUpsellButton = new UpsellButton();
+    ogUpsellButton.setAttribute('product', 'yum product');
+    ogUpsellButton.setAttribute('skip-modal', '');
+    ogUpsellButton.auth = 'yum auth';
+    ogUpsellButton.nextUpcomingOrder = { public_id: 'yum public_id' };
+    ogUpsellButton.createIu = jasmine.createSpy('createIu');
+    await ogUpsellButton.click();
+    expect(ogUpsellButton.createIu).toHaveBeenCalledWith({ id: 'yum product' }, 'yum public_id', 1, false, null);
+  });
 });