@ordergroove/offers 2.23.1 → 2.24.1

package/dist/offers-test-mode.bundle.js

@@ -1,100 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{22:function(e,t,o){"use strict";o.r(t);const{TestWizard:r}=o(28);t.default=function(){const e="og-test-wizard";customElements.get(e)||customElements.define(e,r);const t=document.createElement(e);document.body.appendChild(t)}},28:function(e,t,o){"use strict";o.r(t),o.d(t,"TestWizard",(function(){return i}));var r=o(1),s=o(3);class i extends r.a{static get styles(){return r.b`
-      :host {
-        position: fixed;
-        top: 5em;
-        right: 5em;
-        background-color: rgba(255, 255, 255, 0.7);
-        width: 400px;
-        padding: 1em;
-        border-radius: 5px;
-        border: 1px solid #ccc;
-        box-shadow: 2px 2px 0 0 #000;
-      }
-
-      button {
-        margin: 0 0.5em 0.5em;
-        background-color: gray;
-        color: white;
-        border: 0;
-        border-radius: 3px;
-        cursor: pointer;
-        padding: 0.5em;
-      }
-
-      button.primary {
-        background-color: blue;
-        padding: 1em;
-        color: white;
-        border: 0;
-        border-radius: 3px;
-      }
-
-      button[disabled] {
-        background-color: #777;
-      }
-
-      div {
-        margin-bottom: 0.5em;
-      }
-
-      .message {
-        margin-left: 0.5em;
-        margin: 1em;
-      }
-
-      .success {
-        color: green;
-      }
-
-      .error {
-        color: red;
-      }
-
-      .warning {
-        color: orange;
-      }
-      a {
-        color: white;
-      }
-    `}runTests(){this.results=[],this.disabled=!0,this.requestUpdate(),document.querySelectorAll("og-offer").forEach(e=>{const t=e.store.getState(),o=e.getAttribute("product"),r=e.getAttribute("location"),s={messages:this.getOfferAttributeMessages(o,r).concat(this.getOfferRequestMessages(o,t)),product:o};this.results.push(s)}),this.testsRan=!0,this.disabled=!1,this.requestUpdate()}getOfferAttributeMessages(e,t){const o=[];return e||o.push({name:"Offer element found but missing product attribute",type:"error"}),t||o.push({name:"Offer element found but missing location attribute",type:"warning"}),e&&t&&o.push({name:"Offer element found and properly tagged",type:"success"}),o}getOfferRequestMessages(e,t){const o=t.inStock[e],r=t.autoshipEligible[e],s=[];return e&&!1===o&&s.push({name:"This product is marked as out of stock in the OG database",type:"warning"}),e&&!1===r&&s.push({name:"This product is not eligible for autoship",type:"warning"}),e&&null===o&&null===r&&s.push({name:"This product does not exist in our database",type:"error"}),s}resultsCodeBlock(){return 0===this.results.length?r.c`
-          <div class="message error">No offer element found on the page</div>
-        `:this.results.map((e,t)=>r.c`
-              <div>For offer tag with product = "${e.product}"</div>
-              ${e.messages.map(e=>r.c`
-                  <div class="message ${e.type}">
-                    ${e.name}
-                  </div>
-                `)}
-              <button @click=${this.toggleProductFlags(t,{})}>
-                Set inStock and eligible
-              </button>
-              <br />
-              <button @click=${this.toggleProductFlags(t,{inStock:!1})}>
-                Set to not inStock
-              </button>
-              <br />
-              <button @click=${this.toggleProductFlags(t,{autoship:!1})}>
-                Set to not eligible
-              </button>
-              <br />
-              <button @click=${this.toggleProductFlags(t,{autoship:!1,inStock:!1})}>
-                Set to not eligible and not in stock
-              </button>
-              <br />
-              <button @click=${this.toggleUpsellPreview(t)}>
-                Toggle upsell/regular in this offer
-              </button>
-              <br />
-              <button @click=${this.toggleUpsellNextOrder(t)}>
-                upsell product is in next order
-              </button>
-              <br />
-            `)}toggleUpsellPreview(e){return t=>{t.preventDefault();const o=document.querySelectorAll("og-offer")[e];o.getAttribute("preview-upsell-offer")?o.removeAttribute("preview-upsell-offer"):o.setAttribute("preview-upsell-offer",!0),this.runTests()}}toggleProductFlags(e,{inStock:t=!0,autoship:o=!0,groups:r=["subscription","upsell"]}){return i=>{i.preventDefault();const n=document.querySelectorAll("og-offer")[e],c=n.product.id;n.store.dispatch(s.receiveOffer({in_stock:{[c]:t},eligibility_groups:{[c]:r},result:"success",autoship:{[c]:o},module_view:{regular:"58a01e9aacbe40389b5c7325d79091bb"},modifiers:{},incentives_display:{"47c01e9aacbe40389b5c7325d79091aa":{field:"sub_total",object:"order",type:"Discount Percent",value:5},e6534b9d877f41e586c37b7d8abc3a58:{field:"total_price",object:"item",type:"Discount Percent",value:5},f35e842710b24929922db4a529eecd40:{field:"total_price",object:"item",type:"Discount Percent",value:10},"5be321d7c17f4e18a757212b9a20bfcc":{field:"total_price",object:"item",type:"Discount Percent",value:1}},incentives:{[c]:{initial:["5be321d7c17f4e18a757212b9a20bfcc"],ongoing:["e6534b9d877f41e586c37b7d8abc3a58","47c01e9aacbe40389b5c7325d79091aa","f35e842710b24929922db4a529eecd40"]}}})),this.runTests()}}toggleUpsellNextOrder(e){return t=>{const o=document.querySelectorAll("og-offer")[e],r=o.product.id;t.preventDefault(),o.store.dispatch(s.receiveItems({count:1,next:null,previous:null,results:[{order:"24d50352579511ea806cbc764e100cfd",offer:null,subscription:"8a076b7a0ea011e7a5bcbc764e105eda",product:r,components:[],quantity:1,public_id:"24d6901e579511ea806cbc764e100cfd",product_attribute:null,price:"14.99",extra_cost:"0.00",total_price:"13.49",one_time:!1,frozen:!1,first_placed:null}]})),this.runTests()}}render(){return r.c`
-      <div>
-        ${this.testsRan?this.resultsCodeBlock():r.c`
-              <div>Click the button to run tests</div>
-            `}
-        <button ?disabled=${this.disabled} @click="${this.runTests.bind(this)}" class="primary">Run Test</button>
-      </div>
-    `}}t.default=i}}]);
-//# sourceMappingURL=offers-test-mode.bundle.js.map

package/dist/offers-test-mode.bundle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["webpack://og.[name]/./src/run-tests.js","webpack://og.[name]/./src/components/TestWizard.js"],"names":["TestWizard","name","customElements","get","define","modal","document","createElement","body","appendChild","this","results","disabled","requestUpdate","querySelectorAll","forEach","element","state","store","getState","productAttribute","getAttribute","locationAttribute","result","messages","getOfferAttributeMessages","concat","getOfferRequestMessages","product","push","testsRan","type","inStock","autoshipEligible","length","map","ix","message","toggleProductFlags","autoship","toggleUpsellPreview","toggleUpsellNextOrder","ev","preventDefault","offer","removeAttribute","setAttribute","runTests","groups","productId","id","dispatch","in_stock","eligibility_groups","module_view","regular","modifiers","incentives_display","field","object","value","e6534b9d877f41e586c37b7d8abc3a58","f35e842710b24929922db4a529eecd40","incentives","initial","ongoing","count","next","previous","order","subscription","components","quantity","public_id","product_attribute","price","extra_cost","total_price","one_time","frozen","first_placed","resultsCodeBlock","bind"],"mappings":"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","file":"offers-test-mode.bundle.js","sourcesContent":["const { TestWizard } = require('./components/TestWizard');\n\nexport default function() {\n  const name = 'og-test-wizard';\n  if (!customElements.get(name)) {\n    customElements.define(name, TestWizard);\n  }\n  const modal = document.createElement(name);\n  document.body.appendChild(modal);\n}\n","import { LitElement, html, css } from 'lit-element';\n\nimport * as actions from '../core/actions';\n\nexport class TestWizard extends LitElement {\n  static get styles() {\n    return css`\n      :host {\n        position: fixed;\n        top: 5em;\n        right: 5em;\n        background-color: rgba(255, 255, 255, 0.7);\n        width: 400px;\n        padding: 1em;\n        border-radius: 5px;\n        border: 1px solid #ccc;\n        box-shadow: 2px 2px 0 0 #000;\n      }\n\n      button {\n        margin: 0 0.5em 0.5em;\n        background-color: gray;\n        color: white;\n        border: 0;\n        border-radius: 3px;\n        cursor: pointer;\n        padding: 0.5em;\n      }\n\n      button.primary {\n        background-color: blue;\n        padding: 1em;\n        color: white;\n        border: 0;\n        border-radius: 3px;\n      }\n\n      button[disabled] {\n        background-color: #777;\n      }\n\n      div {\n        margin-bottom: 0.5em;\n      }\n\n      .message {\n        margin-left: 0.5em;\n        margin: 1em;\n      }\n\n      .success {\n        color: green;\n      }\n\n      .error {\n        color: red;\n      }\n\n      .warning {\n        color: orange;\n      }\n      a {\n        color: white;\n      }\n    `;\n  }\n\n  runTests() {\n    this.results = [];\n    this.disabled = true;\n    this.requestUpdate();\n\n    const offerElements = document.querySelectorAll('og-offer');\n    offerElements.forEach(element => {\n      const state = element.store.getState();\n      const productAttribute = element.getAttribute('product');\n      const locationAttribute = element.getAttribute('location');\n      const result = {\n        messages: this.getOfferAttributeMessages(productAttribute, locationAttribute).concat(\n          this.getOfferRequestMessages(productAttribute, state)\n        ),\n        product: productAttribute\n      };\n      this.results.push(result);\n    });\n    this.testsRan = true;\n    this.disabled = false;\n    this.requestUpdate();\n  }\n\n  getOfferAttributeMessages(productAttribute, locationAttribute) {\n    const messages = [];\n\n    if (!productAttribute) {\n      messages.push({\n        name: 'Offer element found but missing product attribute',\n        type: 'error'\n      });\n    }\n\n    if (!locationAttribute) {\n      messages.push({\n        name: 'Offer element found but missing location attribute',\n        type: 'warning'\n      });\n    }\n\n    if (productAttribute && locationAttribute) {\n      messages.push({\n        name: 'Offer element found and properly tagged',\n        type: 'success'\n      });\n    }\n\n    return messages;\n  }\n\n  getOfferRequestMessages(productAttribute, state) {\n    const inStock = state.inStock[productAttribute];\n    const autoshipEligible = state.autoshipEligible[productAttribute];\n    const messages = [];\n\n    if (productAttribute && inStock === false) {\n      messages.push({\n        name: 'This product is marked as out of stock in the OG database',\n        type: 'warning'\n      });\n    }\n\n    if (productAttribute && autoshipEligible === false) {\n      messages.push({\n        name: 'This product is not eligible for autoship',\n        type: 'warning'\n      });\n    }\n\n    if (productAttribute && inStock === null && autoshipEligible === null) {\n      messages.push({\n        name: 'This product does not exist in our database',\n        type: 'error'\n      });\n    }\n\n    return messages;\n  }\n\n  resultsCodeBlock() {\n    return this.results.length === 0\n      ? html`\n          <div class=\"message error\">No offer element found on the page</div>\n        `\n      : this.results.map(\n          (result, ix) =>\n            html`\n              <div>For offer tag with product = \"${result.product}\"</div>\n              ${result.messages.map(\n                message => html`\n                  <div class=\"message ${message.type}\">\n                    ${message.name}\n                  </div>\n                `\n              )}\n              <button @click=${this.toggleProductFlags(ix, {})}>\n                Set inStock and eligible\n              </button>\n              <br />\n              <button @click=${this.toggleProductFlags(ix, { inStock: false })}>\n                Set to not inStock\n              </button>\n              <br />\n              <button @click=${this.toggleProductFlags(ix, { autoship: false })}>\n                Set to not eligible\n              </button>\n              <br />\n              <button @click=${this.toggleProductFlags(ix, { autoship: false, inStock: false })}>\n                Set to not eligible and not in stock\n              </button>\n              <br />\n              <button @click=${this.toggleUpsellPreview(ix)}>\n                Toggle upsell/regular in this offer\n              </button>\n              <br />\n              <button @click=${this.toggleUpsellNextOrder(ix)}>\n                upsell product is in next order\n              </button>\n              <br />\n            `\n        );\n  }\n\n  toggleUpsellPreview(ix) {\n    return ev => {\n      ev.preventDefault();\n      const offer = document.querySelectorAll('og-offer')[ix];\n      if (!offer.getAttribute('preview-upsell-offer')) {\n        offer.setAttribute('preview-upsell-offer', true);\n      } else {\n        offer.removeAttribute('preview-upsell-offer');\n      }\n      this.runTests();\n    };\n  }\n\n  toggleProductFlags(ix, { inStock = true, autoship = true, groups = ['subscription', 'upsell'] }) {\n    return ev => {\n      ev.preventDefault();\n      const offer = document.querySelectorAll('og-offer')[ix];\n      const productId = offer.product.id;\n      offer.store.dispatch(\n        actions.receiveOffer({\n          in_stock: { [productId]: inStock },\n          eligibility_groups: { [productId]: groups },\n          result: 'success',\n          autoship: { [productId]: autoship },\n          module_view: { regular: '58a01e9aacbe40389b5c7325d79091bb' },\n          modifiers: {},\n          incentives_display: {\n            '47c01e9aacbe40389b5c7325d79091aa': {\n              field: 'sub_total',\n              object: 'order',\n              type: 'Discount Percent',\n              value: 5\n            },\n            e6534b9d877f41e586c37b7d8abc3a58: {\n              field: 'total_price',\n              object: 'item',\n              type: 'Discount Percent',\n              value: 5\n            },\n            f35e842710b24929922db4a529eecd40: {\n              field: 'total_price',\n              object: 'item',\n              type: 'Discount Percent',\n              value: 10\n            },\n            '5be321d7c17f4e18a757212b9a20bfcc': {\n              field: 'total_price',\n              object: 'item',\n              type: 'Discount Percent',\n              value: 1\n            }\n          },\n          incentives: {\n            [productId]: {\n              initial: ['5be321d7c17f4e18a757212b9a20bfcc'],\n              ongoing: [\n                'e6534b9d877f41e586c37b7d8abc3a58',\n                '47c01e9aacbe40389b5c7325d79091aa',\n                'f35e842710b24929922db4a529eecd40'\n              ]\n            }\n          }\n        })\n      );\n      this.runTests();\n    };\n  }\n\n  toggleUpsellNextOrder(ix) {\n    return ev => {\n      const offer = document.querySelectorAll('og-offer')[ix];\n      const productId = offer.product.id;\n\n      ev.preventDefault();\n      offer.store.dispatch(\n        actions.receiveItems({\n          count: 1,\n          next: null,\n          previous: null,\n          results: [\n            {\n              order: '24d50352579511ea806cbc764e100cfd',\n              offer: null,\n              subscription: '8a076b7a0ea011e7a5bcbc764e105eda',\n              product: productId,\n              components: [],\n              quantity: 1,\n              public_id: '24d6901e579511ea806cbc764e100cfd',\n              product_attribute: null,\n              price: '14.99',\n              extra_cost: '0.00',\n              total_price: '13.49',\n              one_time: false,\n              frozen: false,\n              first_placed: null\n            }\n          ]\n        })\n      );\n      this.runTests();\n    };\n  }\n\n  render() {\n    return html`\n      <div>\n        ${this.testsRan\n          ? this.resultsCodeBlock()\n          : html`\n              <div>Click the button to run tests</div>\n            `}\n        <button ?disabled=${this.disabled} @click=\"${this.runTests.bind(this)}\" class=\"primary\">Run Test</button>\n      </div>\n    `;\n  }\n}\n\nexport default TestWizard;\n"],"sourceRoot":""}

package/src/_tests_/test-mode.spec.js

@@ -1,15 +0,0 @@
-import { keys, enable } from '../test-mode';
-
-describe('TestMode', () => {
-  it('should add the element if correct key stroke is keyed in', done => {
-    enable();
-    keys.forEach(keyCode => {
-      document.dispatchEvent(new KeyboardEvent('keyup', { keyCode }));
-    });
-    spyOn(document, 'createElement');
-    setTimeout(() => {
-      expect(document.createElement).toHaveBeenCalledWith('og-test-wizard');
-      done();
-    }, 500);
-  });
-});

package/webpack.config.js

@@ -1,43 +0,0 @@
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
-const { auth } = require('@ordergroove/js-utils');
-
-module.exports = {
-  devtool: 'sourcemap',
-  entry: {
-    offers: './src/index.js',
-    examples: './examples/index.js'
-  },
-  output: {
-    filename: '[name].js',
-    chunkFilename: '[name].bundle.js',
-    libraryTarget: 'umd',
-    library: ['og', '[name]'],
-    chunkCallbackName: 'OG_CHUNK_CB'
-  },
-  devServer: {
-    before: app =>
-      app.get('/auth', (req, res) =>
-        res.json(
-          auth.hmac({
-            user: 'TestCust',
-            secret: '8Koh[4=fczzcW&z]BwHdT~J+P_NOPiR_Pb&^56M?M0N&',
-            merchantId: '0e5de2bedc5e11e3a2e4bc764e106cf4'
-          })
-        )
-      )
-  },
-
-  plugins: [
-    new HtmlWebpackPlugin({
-      filename: `index.html`,
-      template: `examples/index.html`
-    }),
-    new BundleAnalyzerPlugin({
-      analyzerMode: 'static',
-      reportFilename: 'bundle-report.html',
-      openAnalyzer: false,
-      logLevel: 'error'
-    })
-  ]
-};