@ordergroove/offers 2.29.0 → 2.29.1-alpha-PR-707-2.113

package/README.md

@@ -537,7 +537,7 @@ Current keys allowed in from clause are:
 
 ### og-when
 
-Element that renders it chilren when test condition matches
+Element that renders it children when test condition matches
 
 | DESCRIPTOR                   | SUMMARY                                                                                         | Example                                         |
 | ---------------------------- | ----------------------------------------------------------------------------------------------- | ----------------------------------------------- |
@@ -549,6 +549,8 @@ Element that renders it chilren when test condition matches
 | upcomingOrderContainsProduct | If the upcoming order contains the product being offered                                        | `<og-when test="upcomingOrderContainsProduct">` |
 | upsellEligible               | when an offer and product are eligible for upsell and usr has an upcomming order                | `<og-when test="upsellEligible">`               |
 | regularEligible              | this is similar to subscriptionEligible but it also checks that is not upsellEligible           | `<og-when test="regularEligible">`              |
+| prepaidEligible              | Product is eligible for creating a prepaid subscription. Can be set on rc3 product config       | `<og-when test="prepaidEligible">`              |
+| prepaidSubscribed            | If the customer optedIn into a prepaid subscription                                             | `<og-when test="prepaidSubscribed">`            |
 
 #### Combine descriptors
 
@@ -607,3 +609,22 @@ The folowing code will show and offer only if regular and it will show nothing i
   </og-when>
 </og-offer>
 ```
+
+## og-prepaid-data
+
+Display information from the prepaid plan selected when merchant and product is prepaid eligible.
+
+```
+  <og-prepaid-data total-price></og-prepaid-data>
+```
+
+
+| PROPERTY                     | SUMMARY                                                                                         | Example                                                           |
+| ---------------------------- | ----------------------------------------------------------------------------------------------- | ------------------------------------------------------------      |
+| total-price                  | Total price of the prepaid subscription that will be billed on checkout                         | `<og-prepaid-data total-price></og-prepaid-data>`              |
+| per-delivery-price           | The price of each product being delivered                                                       | `<og-prepaid-data per-delivery-price></og-prepaid-data>`       |
+| total-savings                | Total savings in money ($0.00) format compared with product price                               | `<og-prepaid-data total-savings></og-prepaid-data>`            |
+| per-delivery-savings         | Savings per product in money ($0.00) format compared with the product price                     | `<og-prepaid-data per-delivery-savings></og-prepaid-data>`     |
+| percentage-savings           | Percentage of the total being saved when opting-in into a prepaid subscription                  | `<og-prepaid-data percentage-savings></og-prepaid-data>`       |
+| extra-percentage-savings     | Percentage of what is being saved compared to the pay as you go (normal) subscription           | `<og-prepaid-data extra-percentage-savings></og-prepaid-data>` |
+| number-of-shipments          | Number of shipments that is selected on the prepaid box                                         | `<og-prepaid-data number-of-shipments></og-prepaid-data>`      |

package/dist/bundle-report.html

@@ -1,124 +1,133 @@
 <pre id="esbuild-metadata">
-  dist/examples.js ─────────────────────────────────────────── 259.1kb ─ 100.0%
-   ├ ../offers-templates/dist/main.js ──────────────────────── 249.6kb ── 96.3%
+  dist/examples.js ─────────────────────────────────────────── 266.0kb ─ 100.0%
+   ├ ../offers-templates/dist/main.js ──────────────────────── 256.2kb ── 96.3%
    │  └ examples/index.js
-   └ examples/index.js ───────────────────────────────────────── 8.5kb ─── 3.3%
+   └ examples/index.js ───────────────────────────────────────── 8.9kb ─── 3.3%
 
-  dist/offers.js ───────────────────────────────────────────── 127.9kb ─ 100.0%
-   ├ src/components/Offer.js ─────────────────────────────────── 8.2kb ─── 6.4%
+  dist/offers.js ───────────────────────────────────────────── 136.3kb ─ 100.0%
+   ├ src/components/Offer.js ─────────────────────────────────── 8.2kb ─── 6.0%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ node_modules/redux/es/redux.js ──────────────────────────── 6.7kb ─── 5.2%
+   ├ node_modules/redux/es/redux.js ──────────────────────────── 6.7kb ─── 4.9%
    │  └ src/shopify/shopifyReducer.js
    │     └ src/index.js
-   ├ src/core/reducer.js ─────────────────────────────────────── 6.1kb ─── 4.8%
+   ├ src/core/reducer.js ─────────────────────────────────────── 6.4kb ─── 4.7%
    │  └ src/index.js
-   ├ src/shopify/shopifyReducer.js ───────────────────────────── 5.6kb ─── 4.4%
+   ├ src/shopify/shopifyReducer.js ───────────────────────────── 6.0kb ─── 4.4%
    │  └ src/index.js
-   ├ src/components/TestWizard.js ────────────────────────────── 5.5kb ─── 4.3%
+   ├ src/components/TestWizard.js ────────────────────────────── 5.5kb ─── 4.0%
    │  └ src/run-tests.js
    │     └ src/test-mode.js
    │        └ src/make-api.js
    │           └ src/index.js
-   ├ node_modules/lit-element/lib/updating-element.js ────────── 5.4kb ─── 4.2%
+   ├ node_modules/lit-element/lib/updating-element.js ────────── 5.4kb ─── 4.0%
    │  └ node_modules/lit-element/lit-element.js
    │     └ src/components/Price.js
    │        └ src/make-api.js
    │           └ src/index.js
-   ├ node_modules/lit-html/lib/parts.js ──────────────────────── 5.0kb ─── 3.9%
+   ├ node_modules/lit-html/lib/parts.js ──────────────────────── 5.0kb ─── 3.6%
    │  └ 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
-   ├ src/components/Modal.js ─────────────────────────────────── 4.8kb ─── 3.8%
+   ├ src/components/Modal.js ─────────────────────────────────── 4.8kb ─── 3.5%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/shopify/shopifyMiddleware.ts ────────────────────────── 4.6kb ─── 3.6%
+   ├ src/shopify/shopifyMiddleware.ts ────────────────────────── 4.6kb ─── 3.4%
    │  └ src/index.js
-   ├ src/components/Tooltip.js ───────────────────────────────── 4.4kb ─── 3.4%
+   ├ src/components/Tooltip.js ───────────────────────────────── 4.4kb ─── 3.2%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ node_modules/lodash.memoize/index.js ────────────────────── 4.0kb ─── 3.1%
+   ├ node_modules/lodash.memoize/index.js ────────────────────── 4.0kb ─── 2.9%
    │  └ src/shopify/shopifyMiddleware.ts
    │     └ src/index.js
-   ├ src/core/actions.js ─────────────────────────────────────── 3.8kb ─── 2.9%
+   ├ src/core/actions.js ─────────────────────────────────────── 3.9kb ─── 2.8%
    │  └ src/shopify/shopifyBootstrap.ts
    │     └ src/index.js
-   ├ src/core/api.js ─────────────────────────────────────────── 2.6kb ─── 2.0%
+   ├ src/core/api.js ─────────────────────────────────────────── 2.6kb ─── 1.9%
    │  └ src/core/reducer.js
    │     └ src/index.js
-   ├ src/components/OptinStatus.js ───────────────────────────── 2.6kb ─── 2.0%
+   ├ src/components/OptinStatus.js ───────────────────────────── 2.6kb ─── 1.9%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/make-api.js ─────────────────────────────────────────── 2.5kb ─── 1.9%
+   ├ src/make-api.js ─────────────────────────────────────────── 2.6kb ─── 1.9%
    │  └ src/index.js
-   ├ src/components/UpsellModal.js ───────────────────────────── 2.4kb ─── 1.9%
+   ├ src/components/UpsellModal.js ───────────────────────────── 2.4kb ─── 1.8%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/core/actions-preview.js ─────────────────────────────── 2.3kb ─── 1.8%
+   ├ src/core/utils.ts ───────────────────────────────────────── 2.3kb ─── 1.7%
+   │  └ src/index.js
+   ├ src/core/actions-preview.js ─────────────────────────────── 2.3kb ─── 1.7%
    │  └ src/components/Offer.js
    │     └ src/make-api.js
    │        └ src/index.js
-   ├ src/core/utils.ts ───────────────────────────────────────── 2.2kb ─── 1.7%
-   │  └ src/index.js
-   ├ node_modules/lit-html/lib/shady-render.js ───────────────── 2.1kb ─── 1.7%
+   ├ src/core/selectors.js ───────────────────────────────────── 2.2kb ─── 1.6%
+   │  └ src/core/utils.ts
+   │     └ src/index.js
+   ├ src/shopify/reducers/productPlans.ts ────────────────────── 2.2kb ─── 1.6%
+   │  └ src/shopify/shopifyReducer.js
+   │     └ src/index.js
+   ├ node_modules/lit-html/lib/shady-render.js ───────────────── 2.1kb ─── 1.6%
    │  └ node_modules/lit-element/lit-element.js
    │     └ src/components/Price.js
    │        └ src/make-api.js
    │           └ src/index.js
-   ├ src/components/SelectFrequency.js ───────────────────────── 2.0kb ─── 1.6%
+   ├ src/components/PrepaidToggle.js ─────────────────────────── 2.0kb ─── 1.5%
+   │  └ src/make-api.js
+   │     └ src/index.js
+   ├ src/components/SelectFrequency.js ───────────────────────── 2.0kb ─── 1.5%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/components/IncentiveText.js ─────────────────────────── 1.9kb ─── 1.5%
+   ├ src/components/IncentiveText.js ─────────────────────────── 1.9kb ─── 1.4%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ node_modules/lit-html/lib/template.js ───────────────────── 1.8kb ─── 1.4%
+   ├ node_modules/lit-html/lib/template.js ───────────────────── 1.8kb ─── 1.3%
    │  └ 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.3%
    │  └ src/components/Price.js
    │     └ src/make-api.js
    │        └ src/index.js
-   ├ src/core/selectors.js ───────────────────────────────────── 1.7kb ─── 1.3%
-   │  └ src/shopify/shopifyMiddleware.ts
+   ├ src/components/PrepaidData.js ───────────────────────────── 1.7kb ─── 1.3%
+   │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/components/Select.js ────────────────────────────────── 1.6kb ─── 1.3%
+   ├ src/components/Select.js ────────────────────────────────── 1.7kb ─── 1.3%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/components/FrequencyStatus.js ───────────────────────── 1.6kb ─── 1.2%
+   ├ src/components/FrequencyStatus.js ───────────────────────── 1.6kb ─── 1.1%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/components/OptinToggle.js ───────────────────────────── 1.5kb ─── 1.2%
+   ├ src/components/OptinToggle.js ───────────────────────────── 1.5kb ─── 1.1%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/components/OptinSelect.js ───────────────────────────── 1.4kb ─── 1.1%
+   ├ src/core/descriptors.js ─────────────────────────────────── 1.4kb ─── 1.1%
+   │  └ src/components/When.js
+   │     └ src/make-api.js
+   │        └ src/index.js
+   ├ src/components/OptinSelect.js ───────────────────────────── 1.4kb ─── 1.0%
    │  └ src/make-api.js
    │     └ src/index.js
    ├ node_modules/reselect/es/index.js ───────────────────────── 1.3kb ─── 1.0%
    │  └ src/core/selectors.js
-   │     └ src/shopify/shopifyMiddleware.ts
+   │     └ src/core/utils.ts
    │        └ src/index.js
-   ├ src/core/resolveProperties.js ───────────────────────────── 1.3kb ─── 1.0%
+   ├ src/core/resolveProperties.js ───────────────────────────── 1.3kb ─── 0.9%
    │  └ src/components/Price.js
    │     └ src/make-api.js
    │        └ src/index.js
-   ├ src/core/descriptors.js ─────────────────────────────────── 1.2kb ─── 1.0%
-   │  └ src/components/When.js
-   │     └ src/make-api.js
-   │        └ src/index.js
    ├ src/components/OptinButton.js ───────────────────────────── 1.2kb ─── 0.9%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/shopify/shopifyBootstrap.ts ─────────────────────────── 1.1kb ─── 0.9%
-   │  └ src/index.js
-   ├ src/core/constants.js ───────────────────────────────────── 1.1kb ─── 0.9%
+   ├ src/core/constants.js ───────────────────────────────────── 1.2kb ─── 0.9%
    │  └ src/shopify/shopifyTrackingMiddleware.ts
    │     └ src/index.js
-   ├ src/index.js ────────────────────────────────────────────── 1.1kb ─── 0.9%
+   ├ src/shopify/shopifyBootstrap.ts ─────────────────────────── 1.1kb ─── 0.8%
+   │  └ src/index.js
+   ├ src/index.js ────────────────────────────────────────────── 1.1kb ─── 0.8%
    ├ src/components/UpsellButton.js ──────────────────────────── 1.1kb ─── 0.8%
    │  └ src/make-api.js
    │     └ src/index.js
@@ -130,20 +139,20 @@
    │        └ src/components/Price.js
    │           └ src/make-api.js
    │              └ src/index.js
-   ├ node_modules/logical-expression-parser/node.js ──────────── 1.0kb ─── 0.8%
+   ├ node_modules/logical-expression-parser/node.js ──────────── 1.0kb ─── 0.7%
    │  └ node_modules/logical-expression-parser/index.js
    │     └ src/components/When.js
    │        └ src/make-api.js
    │           └ src/index.js
-   ├ ../auth/dist/auth.js ───────────────────────────────────── 1021b ──── 0.8%
+   ├ ../auth/dist/auth.js ───────────────────────────────────── 1021b ──── 0.7%
    │  └ src/core/actions.js
    │     └ src/shopify/shopifyBootstrap.ts
    │        └ src/index.js
-   ├ src/core/base.js ───────────────────────────────────────── 1011b ──── 0.8%
+   ├ src/core/base.js ───────────────────────────────────────── 1015b ──── 0.7%
    │  └ src/components/Price.js
    │     └ src/make-api.js
    │        └ src/index.js
-   ├ node_modules/lit-html/lib/template-instance.js ─────────── 1008b ──── 0.8%
+   ├ node_modules/lit-html/lib/template-instance.js ─────────── 1008b ──── 0.7%
    │  └ node_modules/lit-html/lit-html.js
    │     └ node_modules/lit-element/lit-element.js
    │        └ src/components/Price.js
@@ -154,34 +163,37 @@
    │     └ src/components/Price.js
    │        └ src/make-api.js
    │           └ src/index.js
-   ├ src/core/middleware.js ──────────────────────────────────── 951b ──── 0.7%
+   ├ src/core/middleware.js ──────────────────────────────────── 955b ──── 0.7%
    │  └ src/core/store.js
    │     └ src/index.js
-   ├ ../offers-live-editor/dist/offers-live-editor.js ────────── 921b ──── 0.7%
+   ├ src/components/Price.js ─────────────────────────────────── 939b ──── 0.7%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/components/Price.js ─────────────────────────────────── 904b ──── 0.7%
+   ├ ../offers-live-editor/dist/offers-live-editor.js ────────── 921b ──── 0.7%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ node_modules/throttle-debounce/index.umd.js ─────────────── 880b ──── 0.7%
+   ├ node_modules/throttle-debounce/index.umd.js ─────────────── 880b ──── 0.6%
    │  └ src/shopify/shopifyMiddleware.ts
    │     └ src/index.js
-   ├ src/components/Text.js ──────────────────────────────────── 862b ──── 0.7%
+   ├ src/components/Text.js ──────────────────────────────────── 862b ──── 0.6%
    │  └ src/make-api.js
    │     └ src/index.js
+   ├ src/core/adapters.js ────────────────────────────────────── 857b ──── 0.6%
+   │  └ src/shopify/shopifyReducer.js
+   │     └ src/index.js
    ├ src/core/localStorage.js ────────────────────────────────── 810b ──── 0.6%
    │  └ src/make-api.js
    │     └ src/index.js
    ├ src/core/connect.js ─────────────────────────────────────── 794b ──── 0.6%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ node_modules/lit-html/lib/template-result.js ────────────── 639b ──── 0.5%
+   ├ node_modules/lit-html/lib/template-result.js ────────────── 642b ──── 0.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/logical-expression-parser/polish.js ────────── 594b ──── 0.5%
+   ├ node_modules/logical-expression-parser/polish.js ────────── 594b ──── 0.4%
    │  └ node_modules/logical-expression-parser/index.js
    │     └ src/components/When.js
    │        └ src/make-api.js
@@ -189,9 +201,6 @@
    ├ src/components/When.js ──────────────────────────────────── 564b ──── 0.4%
    │  └ src/make-api.js
    │     └ src/index.js
-   ├ src/core/adapters.js ────────────────────────────────────── 555b ──── 0.4%
-   │  └ src/make-api.js
-   │     └ src/index.js
    ├ src/components/OptoutButton.js ──────────────────────────── 546b ──── 0.4%
    │  └ src/make-api.js
    │     └ src/index.js
@@ -252,7 +261,7 @@
    │        └ src/components/Price.js
    │           └ src/make-api.js
    │              └ src/index.js
-   ├ node_modules/lit-html/lit-html.js ───────────────────────── 217b ──── 0.2%
+   ├ node_modules/lit-html/lit-html.js ───────────────────────── 218b ──── 0.2%
    │  └ node_modules/lit-element/lit-element.js
    │     └ src/components/Price.js
    │        └ src/make-api.js
@@ -276,6 +285,10 @@
    │           └ src/index.js
    ├ src/platform.ts ─────────────────────────────────────────── 170b ──── 0.1%
    │  └ src/index.js
+   ├ src/shopify/utils.ts ────────────────────────────────────── 107b ──── 0.1%
+   │  └ src/shopify/reducers/productPlans.ts
+   │     └ src/shopify/shopifyReducer.js
+   │        └ src/index.js
    ├ node_modules/lit-element/lib/decorators.js ───────────────── 93b ──── 0.1%
    │  └ node_modules/lit-element/lit-element.js
    │     └ src/components/Price.js