npm - @dintero/discounts-web-sdk - Versions diffs - 0.1.0 → 0.2.0 - Mend

@dintero/discounts-web-sdk 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (27) hide show

package/README.md +34 -0
package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/base.css +0 -0
package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/block-navigation.js +0 -0
package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/discounts.ts.html +24 -12
package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/dom.ts.html +4 -4
package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/error.ts.html +1 -1
package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/favicon.png +0 -0
package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/fetch.ts.html +1 -1
package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/formatters.ts.html +1 -1
package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/index.html +26 -26
package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/index.ts.html +31 -10
package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/loading.ts.html +1 -1
package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/normalize.ts.html +1 -1
package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/prettify.css +0 -0
package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/prettify.js +0 -0
package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/sort-arrow-sprite.png +0 -0
package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/sorter.js +0 -0
package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/translations.ts.html +1 -1
package/dist/declarations/src/discounts.d.ts +5 -0
package/dist/declarations/src/types.d.ts +1 -0
package/dist/dintero-discounts-web-sdk.cjs.dev.js +16 -3
package/dist/dintero-discounts-web-sdk.cjs.prod.js +16 -3
package/dist/dintero-discounts-web-sdk.esm.js +16 -3
package/dist/dintero-discounts-web-sdk.umd.min.js +1 -1
package/dist/dintero-discounts-web-sdk.umd.min.js.map +1 -1
package/index.html +4 -0
package/package.json +3 -2

package/README.md CHANGED Viewed

@@ -120,6 +120,40 @@ In this example the SDK is supplied with a list of discount objects directly.
     });
 </script>
 ```
+### Inline HTML JavaScript example with discount webshop links and their link behaviour
+In this example the SDK will try to fetch data from the discount service with webshop links.
+The behaviour of opening links can be adjusted using `linkTarget` in the configuration.
+`_self` (default) will open the webshop link directly on the same tab.
+`_blank` will open the webshop link in a new tab.
+```html
+<script type="text/javascript">
+    const container = document.getElementById("checkout-container");
+    discounts.embed({
+        container: document.getElementById("deals-container"),
+        linkTarget: '_blank'
+        api:{
+            account: 'P00000000',
+            key: 'public_api_key',
+            secret: 'abcdef01-2345-6789-abcd-ef0123456789',
+        },
+        theme: {
+            fontSize: "14px",
+            color: "rgba(0,0,0,1)",
+            primary: "hotpink",
+            secondary: "aqua",
+            background: "#fff",
+        }
+    });
+</script>
+```
 ## Bugs
 Bugs can be reported to https://github.com/Dintero/Dintero.Discounts.Web.SDK/issues

package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/base.css RENAMED Viewed

File without changes

package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/block-navigation.js RENAMED Viewed

File without changes

package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/discounts.ts.html RENAMED Viewed

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
-                <span class="strong">82.14% </span>
+                <span class="strong">82.95% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>69/84</span>
+                <span class='fraction'>73/88</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">57.57% </span>
+                <span class="strong">59.72% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>38/66</span>
+                <span class='fraction'>43/72</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">95% </span>
+                <span class="strong">95.45% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>19/20</span>
+                <span class='fraction'>21/22</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">80.55% </span>
+                <span class="strong">80.82% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>58/72</span>
+                <span class='fraction'>59/73</span>
             </div>
@@ -395,12 +395,18 @@
 <a name='L330'></a><a href='#L330'>330</a>
 <a name='L331'></a><a href='#L331'>331</a>
 <a name='L332'></a><a href='#L332'>332</a>
-<a name='L333'></a><a href='#L333'>333</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<a name='L333'></a><a href='#L333'>333</a>
+<a name='L334'></a><a href='#L334'>334</a>
+<a name='L335'></a><a href='#L335'>335</a>
+<a name='L336'></a><a href='#L336'>336</a>
+<a name='L337'></a><a href='#L337'>337</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -442,6 +448,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -733,6 +741,8 @@ import { translations, t } from "./translations";
 import { monetaryString, dateString } from "./formatters";
 import { normalize } from "./normalize";
 &nbsp;
+export const findWebshopLink = (discount: Discount) =&gt; discount.links &amp;&amp; discount.links.find(x =&gt; x.rel &amp;&amp; x.rel === 'webshop');
+&nbsp;
 const discountStyle = (className: string, theme: Theme) =&gt; `
 @keyframes appear {
     from {
@@ -764,6 +774,8 @@ const discountStyle = (className: string, theme: Theme) =&gt; `
     animation-name: appear;
     animation-timing-function: ease-in;
     transform-origin: top center;
+    color: inherit;
+    text-decoration: none;
 }
 &nbsp;
 @media screen and (max-width: 679px) {
@@ -1028,9 +1040,9 @@ export const createDiscount = (
     configuration: Configuration
 ): HTMLElement =&gt; {
     const discountElem = createElement({
-        tag: "div",
+        tag: findWebshopLink(discount) ? <span class="branch-0 cbranch-no" title="branch not covered" >"a" </span>: "div",
         styles: [normalize, discountStyle],
-        theme: configuration.theme,
+        theme: configuration.theme
     });
     const ribbonTop = createTopRibbon(discount, configuration);
     const ribbonBottom = createBottomRibbon(discount, configuration);
@@ -1066,7 +1078,7 @@ export const createDiscount = (
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Fri Jun 24 2022 11:08:21 GMT+0000 (Coordinated Universal Time)
+                at Mon Sep 12 2022 08:24:26 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="prettify.js"></script>
         <script>

package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/dom.ts.html RENAMED Viewed

@@ -176,9 +176,9 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">28x</span>
 <span class="cline-any cline-yes">28x</span>
-<span class="cline-any cline-yes">7958x</span>
-<span class="cline-any cline-yes">7958x</span>
-<span class="cline-any cline-yes">7958x</span>
+<span class="cline-any cline-yes">8052x</span>
+<span class="cline-any cline-yes">8052x</span>
+<span class="cline-any cline-yes">8052x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">28x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -295,7 +295,7 @@ const addEventListeners = <span class="fstat-no" title="function not covered" >(
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Fri Jun 24 2022 11:08:21 GMT+0000 (Coordinated Universal Time)
+                at Mon Sep 12 2022 08:24:26 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="prettify.js"></script>
         <script>

package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/error.ts.html RENAMED Viewed

@@ -229,7 +229,7 @@ export const createError = <span class="fstat-no" title="function not covered" >
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Fri Jun 24 2022 11:08:21 GMT+0000 (Coordinated Universal Time)
+                at Mon Sep 12 2022 08:24:26 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="prettify.js"></script>
         <script>

package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/favicon.png RENAMED Viewed

File without changes

package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/fetch.ts.html RENAMED Viewed

@@ -370,7 +370,7 @@ export const fetchDiscounts = <span class="fstat-no" title="function not covered
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Fri Jun 24 2022 11:08:21 GMT+0000 (Coordinated Universal Time)
+                at Mon Sep 12 2022 08:24:26 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="prettify.js"></script>
         <script>

package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/formatters.ts.html RENAMED Viewed

@@ -208,7 +208,7 @@ export const dateString = <span class="fstat-no" title="function not covered" >(
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Fri Jun 24 2022 11:08:21 GMT+0000 (Coordinated Universal Time)
+                at Mon Sep 12 2022 08:24:26 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="prettify.js"></script>
         <script>

package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/index.html RENAMED Viewed

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
-                <span class="strong">65.75% </span>
+                <span class="strong">66.03% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>169/257</span>
+                <span class='fraction'>175/265</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">49.25% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>60/120</span>
+                <span class='fraction'>66/134</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">62.5% </span>
+                <span class="strong">63.79% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>35/56</span>
+                <span class='fraction'>37/58</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">63.59% </span>
+                <span class="strong">63.51% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>145/228</span>
+                <span class='fraction'>148/233</span>
             </div>
@@ -80,17 +80,17 @@
 </thead>
 <tbody><tr>
 	<td class="file high" data-value="discounts.ts"><a href="discounts.ts.html">discounts.ts</a></td>
-	<td data-value="82.14" class="pic high">
+	<td data-value="82.95" class="pic high">
 	<div class="chart"><div class="cover-fill" style="width: 82%"></div><div class="cover-empty" style="width: 18%"></div></div>
 	</td>
-	<td data-value="82.14" class="pct high">82.14%</td>
-	<td data-value="84" class="abs high">69/84</td>
-	<td data-value="57.57" class="pct medium">57.57%</td>
-	<td data-value="66" class="abs medium">38/66</td>
-	<td data-value="95" class="pct high">95%</td>
-	<td data-value="20" class="abs high">19/20</td>
-	<td data-value="80.55" class="pct high">80.55%</td>
-	<td data-value="72" class="abs high">58/72</td>
+	<td data-value="82.95" class="pct high">82.95%</td>
+	<td data-value="88" class="abs high">73/88</td>
+	<td data-value="59.72" class="pct medium">59.72%</td>
+	<td data-value="72" class="abs medium">43/72</td>
+	<td data-value="95.45" class="pct high">95.45%</td>
+	<td data-value="22" class="abs high">21/22</td>
+	<td data-value="80.82" class="pct high">80.82%</td>
+	<td data-value="73" class="abs high">59/73</td>
 	</tr>
 <tr>
@@ -155,17 +155,17 @@
 <tr>
 	<td class="file medium" data-value="index.ts"><a href="index.ts.html">index.ts</a></td>
-	<td data-value="67.5" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 67%"></div><div class="cover-empty" style="width: 33%"></div></div>
+	<td data-value="65.9" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 65%"></div><div class="cover-empty" style="width: 35%"></div></div>
 	</td>
-	<td data-value="67.5" class="pct medium">67.5%</td>
-	<td data-value="40" class="abs medium">27/40</td>
-	<td data-value="66.66" class="pct medium">66.66%</td>
-	<td data-value="6" class="abs medium">4/6</td>
+	<td data-value="65.9" class="pct medium">65.9%</td>
+	<td data-value="44" class="abs medium">29/44</td>
+	<td data-value="35.71" class="pct low">35.71%</td>
+	<td data-value="14" class="abs low">5/14</td>
 	<td data-value="87.5" class="pct high">87.5%</td>
 	<td data-value="8" class="abs high">7/8</td>
-	<td data-value="66.66" class="pct medium">66.66%</td>
-	<td data-value="36" class="abs medium">24/36</td>
+	<td data-value="65" class="pct medium">65%</td>
+	<td data-value="40" class="abs medium">26/40</td>
 	</tr>
 <tr>
@@ -221,7 +221,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Fri Jun 24 2022 11:08:21 GMT+0000 (Coordinated Universal Time)
+                at Mon Sep 12 2022 08:24:26 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="prettify.js"></script>
         <script>

package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/index.ts.html RENAMED Viewed

@@ -23,16 +23,16 @@
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
-                <span class="strong">67.5% </span>
+                <span class="strong">65.9% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>27/40</span>
+                <span class='fraction'>29/44</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">66.66% </span>
+                <span class="strong">35.71% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>4/6</span>
+                <span class='fraction'>5/14</span>
             </div>
@@ -44,9 +44,9 @@
             <div class='fl pad1y space-right2'>
-                <span class="strong">66.66% </span>
+                <span class="strong">65% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>24/36</span>
+                <span class='fraction'>26/40</span>
             </div>
@@ -173,7 +173,14 @@
 <a name='L108'></a><a href='#L108'>108</a>
 <a name='L109'></a><a href='#L109'>109</a>
 <a name='L110'></a><a href='#L110'>110</a>
-<a name='L111'></a><a href='#L111'>111</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<a name='L111'></a><a href='#L111'>111</a>
+<a name='L112'></a><a href='#L112'>112</a>
+<a name='L113'></a><a href='#L113'>113</a>
+<a name='L114'></a><a href='#L114'>114</a>
+<a name='L115'></a><a href='#L115'>115</a>
+<a name='L116'></a><a href='#L116'>116</a>
+<a name='L117'></a><a href='#L117'>117</a>
+<a name='L118'></a><a href='#L118'>118</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -183,6 +190,7 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -208,6 +216,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -275,6 +284,11 @@
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
@@ -283,7 +297,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { createDiscount } from "./discounts";
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { createDiscount, findWebshopLink } from "./discounts";
 import { Discount, Configuration, Theme, Embed } from "./types";
 import { createElement } from "./dom";
 import { fetchDiscounts } from "./fetch";
@@ -293,9 +307,11 @@ import { normalize } from "./normalize";
 import pkg from "../package.json";
 &nbsp;
 &nbsp;
+&nbsp;
 const defaultConfig:Partial&lt;Configuration&gt; = {
     language: 'no',
     version: pkg.version,
+    linkTarget: '_self',
     currency: {
         value: 'Kr',
         position: 'suffix',
@@ -361,7 +377,7 @@ export const embed = async (configuration: Configuration):Promise&lt;Embed&gt; =
         return renderDeals(_configuration, _configuration.discounts);
     } else {
 &nbsp;
-        const <span class="cstat-no" title="statement not covered" >loader =createLoading(_configuration);</span>
+        const <span class="cstat-no" title="statement not covered" >loader = createLoading(_configuration);</span>
         try{
 <span class="cstat-no" title="statement not covered" >            configuration.container.appendChild(loader);</span>
             const <span class="cstat-no" title="statement not covered" >discounts = <span class="cstat-no" title="statement not covered" >await fetchDiscounts(_configuration);</span></span>
@@ -384,6 +400,11 @@ const renderDeals = (configuration: Configuration, discounts: Discount[]):Embed
     const wrapper = createElement({ tag: "div", styles: [normalize, wrapperStyles], theme: configuration.theme });
     discounts.forEach((discount) =&gt; {
         const elem = createDiscount(discount, configuration);
+        const webShopLink = findWebshopLink(discount);
+        <span class="missing-if-branch" title="if path not taken" >I</span>if (webShopLink) {
+<span class="cstat-no" title="statement not covered" >            elem.setAttribute('target', configuration?.linkTarget || '_self');</span>
+<span class="cstat-no" title="statement not covered" >            elem.setAttribute('href', webShopLink.href);</span>
+        }
         wrapper.appendChild(elem);
     });
     configuration.container.appendChild(wrapper);
@@ -400,7 +421,7 @@ const renderDeals = (configuration: Configuration, discounts: Discount[]):Embed
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Fri Jun 24 2022 11:08:21 GMT+0000 (Coordinated Universal Time)
+                at Mon Sep 12 2022 08:24:26 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="prettify.js"></script>
         <script>

package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/loading.ts.html RENAMED Viewed

@@ -199,7 +199,7 @@ export const createLoading = <span class="fstat-no" title="function not covered"
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Fri Jun 24 2022 11:08:21 GMT+0000 (Coordinated Universal Time)
+                at Mon Sep 12 2022 08:24:26 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="prettify.js"></script>
         <script>

package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/normalize.ts.html RENAMED Viewed

@@ -121,7 +121,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Fri Jun 24 2022 11:08:21 GMT+0000 (Coordinated Universal Time)
+                at Mon Sep 12 2022 08:24:26 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="prettify.js"></script>
         <script>

package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/prettify.css RENAMED Viewed

File without changes

package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/prettify.js RENAMED Viewed

File without changes

package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/sort-arrow-sprite.png RENAMED Viewed

File without changes

package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/sorter.js RENAMED Viewed

File without changes

package/coverage/{Chrome Headless 80.0.3987.0 (Linux x86_64) → Chrome Headless 106.0.5249.0 (Linux x86_64)}/html/translations.ts.html RENAMED Viewed

@@ -184,7 +184,7 @@ export const t = <span class="fstat-no" title="function not covered" >(t</span>r
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Fri Jun 24 2022 11:08:21 GMT+0000 (Coordinated Universal Time)
+                at Mon Sep 12 2022 08:24:26 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="prettify.js"></script>
         <script>

package/dist/declarations/src/discounts.d.ts CHANGED Viewed

@@ -1,2 +1,7 @@
 import { Discount, Configuration } from "./types";
+export declare const findWebshopLink: (discount: Discount) => {
+    href: string;
+    rel?: string;
+    type?: string;
+};
 export declare const createDiscount: (discount: Discount, configuration: Configuration) => HTMLElement;

package/dist/declarations/src/types.d.ts CHANGED Viewed

@@ -581,6 +581,7 @@ export type Configuration = {
         limit?: number,
         discountId?: string,
     }
+    linkTarget?: '_blank' | '_self',
     version?: string,
     discounts?: Discount[] ,

package/dist/dintero-discounts-web-sdk.cjs.dev.js CHANGED Viewed

@@ -177,6 +177,8 @@ const normalize = className => `
 }
 `;
+const findWebshopLink = discount => discount.links && discount.links.find(x => x.rel && x.rel === 'webshop');
 const discountStyle = (className, theme) => `
 @keyframes appear {
     from {
@@ -208,6 +210,8 @@ const discountStyle = (className, theme) => `
     animation-name: appear;
     animation-timing-function: ease-in;
     transform-origin: top center;
+    color: inherit;
+    text-decoration: none;
 }
 @media screen and (max-width: 679px) {
@@ -439,7 +443,7 @@ const createLimitations = (discount, configuration) => {
 const createDiscount = (discount, configuration) => {
   const discountElem = createElement({
-    tag: "div",
+    tag: findWebshopLink(discount) ? "a" : "div",
     styles: [normalize, discountStyle],
     theme: configuration.theme
   });
@@ -621,7 +625,7 @@ const createLoading = configuration => {
 var pkg = {
 	name: "@dintero/discounts-web-sdk",
-	version: "0.1.0",
+	version: "0.2.0",
 	description: "Dintero Discounts SDK for web frontends",
 	main: "dist/dintero-discounts-web-sdk.cjs.js",
 	module: "dist/dintero-discounts-web-sdk.esm.js",
@@ -633,6 +637,7 @@ var pkg = {
 	},
 	scripts: {
 		test: "karma start",
+		watch: "preconstruct watch",
 		build: "preconstruct build",
 		prepublishOnly: "npm run build",
 		"semantic-release": "semantic-release"
@@ -661,7 +666,7 @@ var pkg = {
 		"karma-typescript": "^5.0.3",
 		mocha: "^8.1.1",
 		prettier: "^2.7.0",
-		puppeteer: "^2.1.0",
+		puppeteer: "^17.1.1",
 		"semantic-release": "^19.0.3",
 		typescript: "^4.2.4"
 	}
@@ -670,6 +675,7 @@ var pkg = {
 const defaultConfig = {
   language: 'no',
   version: pkg.version,
+  linkTarget: '_self',
   currency: {
     value: 'Kr',
     position: 'suffix',
@@ -763,6 +769,13 @@ const renderDeals = (configuration, discounts) => {
   });
   discounts.forEach(discount => {
     const elem = createDiscount(discount, configuration);
+    const webShopLink = findWebshopLink(discount);
+    if (webShopLink) {
+      elem.setAttribute('target', configuration?.linkTarget || '_self');
+      elem.setAttribute('href', webShopLink.href);
+    }
     wrapper.appendChild(elem);
   });
   configuration.container.appendChild(wrapper);

package/dist/dintero-discounts-web-sdk.cjs.prod.js CHANGED Viewed

@@ -177,6 +177,8 @@ const normalize = className => `
 }
 `;
+const findWebshopLink = discount => discount.links && discount.links.find(x => x.rel && x.rel === 'webshop');
 const discountStyle = (className, theme) => `
 @keyframes appear {
     from {
@@ -208,6 +210,8 @@ const discountStyle = (className, theme) => `
     animation-name: appear;
     animation-timing-function: ease-in;
     transform-origin: top center;
+    color: inherit;
+    text-decoration: none;
 }
 @media screen and (max-width: 679px) {
@@ -439,7 +443,7 @@ const createLimitations = (discount, configuration) => {
 const createDiscount = (discount, configuration) => {
   const discountElem = createElement({
-    tag: "div",
+    tag: findWebshopLink(discount) ? "a" : "div",
     styles: [normalize, discountStyle],
     theme: configuration.theme
   });
@@ -621,7 +625,7 @@ const createLoading = configuration => {
 var pkg = {
 	name: "@dintero/discounts-web-sdk",
-	version: "0.1.0",
+	version: "0.2.0",
 	description: "Dintero Discounts SDK for web frontends",
 	main: "dist/dintero-discounts-web-sdk.cjs.js",
 	module: "dist/dintero-discounts-web-sdk.esm.js",
@@ -633,6 +637,7 @@ var pkg = {
 	},
 	scripts: {
 		test: "karma start",
+		watch: "preconstruct watch",
 		build: "preconstruct build",
 		prepublishOnly: "npm run build",
 		"semantic-release": "semantic-release"
@@ -661,7 +666,7 @@ var pkg = {
 		"karma-typescript": "^5.0.3",
 		mocha: "^8.1.1",
 		prettier: "^2.7.0",
-		puppeteer: "^2.1.0",
+		puppeteer: "^17.1.1",
 		"semantic-release": "^19.0.3",
 		typescript: "^4.2.4"
 	}
@@ -670,6 +675,7 @@ var pkg = {
 const defaultConfig = {
   language: 'no',
   version: pkg.version,
+  linkTarget: '_self',
   currency: {
     value: 'Kr',
     position: 'suffix',
@@ -763,6 +769,13 @@ const renderDeals = (configuration, discounts) => {
   });
   discounts.forEach(discount => {
     const elem = createDiscount(discount, configuration);
+    const webShopLink = findWebshopLink(discount);
+    if (webShopLink) {
+      elem.setAttribute('target', configuration?.linkTarget || '_self');
+      elem.setAttribute('href', webShopLink.href);
+    }
     wrapper.appendChild(elem);
   });
   configuration.container.appendChild(wrapper);

package/dist/dintero-discounts-web-sdk.esm.js CHANGED Viewed

@@ -173,6 +173,8 @@ const normalize = className => `
 }
 `;
+const findWebshopLink = discount => discount.links && discount.links.find(x => x.rel && x.rel === 'webshop');
 const discountStyle = (className, theme) => `
 @keyframes appear {
     from {
@@ -204,6 +206,8 @@ const discountStyle = (className, theme) => `
     animation-name: appear;
     animation-timing-function: ease-in;
     transform-origin: top center;
+    color: inherit;
+    text-decoration: none;
 }
 @media screen and (max-width: 679px) {
@@ -435,7 +439,7 @@ const createLimitations = (discount, configuration) => {
 const createDiscount = (discount, configuration) => {
   const discountElem = createElement({
-    tag: "div",
+    tag: findWebshopLink(discount) ? "a" : "div",
     styles: [normalize, discountStyle],
     theme: configuration.theme
   });
@@ -617,7 +621,7 @@ const createLoading = configuration => {
 var pkg = {
 	name: "@dintero/discounts-web-sdk",
-	version: "0.1.0",
+	version: "0.2.0",
 	description: "Dintero Discounts SDK for web frontends",
 	main: "dist/dintero-discounts-web-sdk.cjs.js",
 	module: "dist/dintero-discounts-web-sdk.esm.js",
@@ -629,6 +633,7 @@ var pkg = {
 	},
 	scripts: {
 		test: "karma start",
+		watch: "preconstruct watch",
 		build: "preconstruct build",
 		prepublishOnly: "npm run build",
 		"semantic-release": "semantic-release"
@@ -657,7 +662,7 @@ var pkg = {
 		"karma-typescript": "^5.0.3",
 		mocha: "^8.1.1",
 		prettier: "^2.7.0",
-		puppeteer: "^2.1.0",
+		puppeteer: "^17.1.1",
 		"semantic-release": "^19.0.3",
 		typescript: "^4.2.4"
 	}
@@ -666,6 +671,7 @@ var pkg = {
 const defaultConfig = {
   language: 'no',
   version: pkg.version,
+  linkTarget: '_self',
   currency: {
     value: 'Kr',
     position: 'suffix',
@@ -759,6 +765,13 @@ const renderDeals = (configuration, discounts) => {
   });
   discounts.forEach(discount => {
     const elem = createDiscount(discount, configuration);
+    const webShopLink = findWebshopLink(discount);
+    if (webShopLink) {
+      elem.setAttribute('target', configuration?.linkTarget || '_self');
+      elem.setAttribute('href', webShopLink.href);
+    }
     wrapper.appendChild(elem);
   });
   configuration.container.appendChild(wrapper);

package/dist/dintero-discounts-web-sdk.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
-!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((n="undefined"!=typeof globalThis?globalThis:n||self).discounts={})}(this,(function(n){"use strict";const e=n=>{const e=document.createElement(n.tag);return n.attributes&&r(e,n.attributes),n.handlers&&i(e,n.handlers),n.styles&&t(e,n.styles,n.theme),n.innerHTML&&(e.innerHTML=n.innerHTML),e},t=(n,e,t)=>{e.forEach((e=>{const r="dintero-deals-"+(n=>{let e=0;for(var t=0;t<n.length;t++)e=(e<<5)-e+n.charCodeAt(t),e&=e;return e.toString(36)})(e("dintero-deals",t));((n,e)=>{n.className.split(" ").includes(e)||(n.className=n.className+" "+e)})(n,r);if(!document.querySelector(`[data-css-hash=${r}]`)){const n=document.createElement("style");n.innerHTML=e(r,t),n.setAttribute("data-css-hash",r),document.head.appendChild(n)}}))},r=(n,e)=>{Object.keys(e).forEach((t=>{n.setAttribute(t,e[t])}))},i=(n,e)=>{Object.keys(e).forEach((t=>{n.addEventListener(t,e[t])}))},a={no:{rewards:{discount_item_quantity:{three_for_two:"3 for 2",generic:"Kjøp {{require}} betal for {{payFor}}"},discount_amount:"{{monetaryAmount}} rabatt"},limitations:{discount_reward_usage:"Antall: <strong>{{discount_reward_usage}}</strong>",discount_repeat_usage:"Maks kjøp: <strong>{{discount_repeat_usage}}</strong>"},requirements:{purchase_from:"Tilbudet starter <strong>{{purchase_from}}</strong>",purchase_to:"Tilbudet utgår <strong>{{purchase_to}}</strong>"},errors:{fetch:"⚠️ <br/>En feil oppstod under lasting av tilbud..."}}},o=/(\{\{)[^}]*(\}\})/g,s=(n,e)=>{const t=n.match(o)||[],r=e||{};return t.reduce(((n,e)=>{const t=e.replace("{{","").replace("}}",""),i=r[t]||"";return n.replace(e,i)}),n)},d=(n,e,t)=>{const r=t||{},i=n.toString(),a=i.length-e.currency.exponent,o=i.slice(0,a)||"0",s=i.slice(a),d="00"!=s||r.decimal?o+"."+s:o;return"short"===r.variant&&"00"===s?o+",-":r.currency?"prefix"===e.currency.position?e.currency.value+" "+d:d+" "+e.currency.value:d},c=n=>n<10?`0${n}`:n.toString(),u=(n,e)=>{try{const t=new Date(n);if("no"===e.language){const n=c(t.getDate()),e=c(t.getMonth()+1);return[n,e,t.getFullYear()].join(".")}return(new Intl.DateTimeFormat).format(t)}catch(e){return n.substr(0,10)}},p=n=>`\n.${n} {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    outline: none;\n    border: none;\n    box-shadow: none;\n    line-height: auto;\n    background: transparent;\n    opacity: 1;\n    border-radius: 0;\n    display: block;\n    position: relative;\n    font-weight: normal;\n}\n`,l=(n,e)=>`\n@keyframes appear {\n    from {\n      transform: scaleY(0%);\n      height: 0;\n      opacity: 0;\n    }\n  \n    to {\n      transform: scaleY(100%);\n      height: auto;\n      opacity: 1;\n    }\n  }\n.${n} {\n    box-shadow: rgb(212, 212, 213) 0px 1px 3px 0px, rgb(212, 212, 213) 0px 0px 0px 1px;\n    border-radius: ${e.borderRadius};\n    text-align: center;\n    padding-top: 5px;\n    padding-bottom: 105px;\n    padding-left: 5px;\n    padding-right: 5px;\n    max-width: 300px;\n    width: 250px;\n    font-size: 1em;\n    margin: 5px 20px;\n    background: ${e.background};\n    animation-duration: 0.2s;\n    animation-name: appear;\n    animation-timing-function: ease-in;\n    transform-origin: top center;\n}\n\n@media screen and (max-width: 679px) {\n    .${n} {\n        width: 100%;\n        max-width: 100%;\n    } \n  }\n`,m=n=>`\n.${n} {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 300px;\n    width: 100%,\n}`,h=n=>`\n.${n} {\n    max-width: 100%;\n    max-height: 100%;\n    text-align: center;\n    display: inline-block;\n}`,g=(n,e)=>`\n.${n} {\n    position: absolute;\n    bottom: 60px;\n    left: -20px;\n    color: #fff;\n    z-index: 9;\n    width: 80%;\n    font-size: 1.3em;\n    border-radius: 0 ${e.borderRadius} ${e.borderRadius} 0;\n    padding: 5px 0;\n    background: ${e?.secondary};\n}\n.${n}:after {\n    position: absolute;\n    content: "";\n    bottom: -10px;\n    left: 0;\n    border-color: transparent;\n    border-style: solid;\n    border-width: 0 20px 10px 0;\n    border-right-color: ${e.secondary};\n    width: 0;\n    height: 0;\n    opacity: 0.5;\n}\n`,f=(n,e)=>`\n.${n} {\n    position: absolute;\n    right: -20px;\n    bottom: 15px;\n    color: #fff;\n    z-index: 9;\n    width: 80%;\n    font-size: 1.3em;\n    border-radius: ${e.borderRadius} 0 0 ${e.borderRadius};\n    padding: 5px 0;\n    background: ${e?.primary};\n}\n.${n}:after {\n    position: absolute;\n    content: "";\n    right: 0;\n    bottom: -10px;\n    border-color: transparent;\n    border-style: solid;\n    border-width: 10px 20px 0 0;\n    border-top-color: ${e.primary};\n    width: 0;\n    height: 0;\n    opacity: 0.5;\n}\n`,b=n=>`\n.${n} {\n    margin-bottom: 0;\n    font-size: 1em;\n    margin-bottom: 2px;\n    font-size: 1.3em;\n    font-weight: 700;\n}`,y=n=>`\n.${n} {\n    margin-top: 0;\n}`,x=n=>`\n.${n} {\n    font-size: 0.75em;\n}\n.${n} > span{\n    display: block;\n}\n`,w=(n,t)=>{const r=((n,e)=>{const t=a[e.language];if("discount_item_new_price"===n.reward.type)return d(n.reward.value,e,{variant:"short"});if("discount_percent"===n.reward.type)return n.reward.value+"%";if("discount_item_quantity"===n.reward.type){if(3===n.requirement.item.quantity&&1===n.reward.value)return t.rewards.discount_item_quantity.three_for_two;{const e=n.requirement.item.quantity,r=n.requirement.item.quantity-n.reward.value;return s(t.rewards.discount_item_quantity.generic,{require:e,payFor:r})}}if("discount_amount"===n.reward.type){const r=d(n.reward.value,e,{decimal:!1});return s(t.rewards.discount_amount,{monetaryAmount:r})}return"discount_item_percent"===n.reward.type?n.reward.value+"%":""})(n,t);return r&&e({tag:"div",innerHTML:r,theme:t.theme,styles:[f]})},_=(n,t)=>{const r=e({tag:"div",styles:[p,l],theme:t.theme}),i=((n,t)=>{const r=(n=>n&&n.metadata&&n.metadata.label||void 0)(n);return r&&e({tag:"div",innerHTML:r,theme:t.theme,styles:[g]})})(n,t),o=w(n,t),d=(n=>{const t=e({tag:"div",styles:[p,m]}),r=n.links.find((n=>["medium_discount_image","thumbnail_discount_image".includes(n.rel)])),i=r&&e({tag:"img",attributes:{src:r.href,alt:n.name,loading:"lazy"},styles:[p,h]});return i&&t.appendChild(i),t})(n),c=n?.name&&e({tag:"h4",innerHTML:n.name,styles:[b]}),f=n?.metadata?.subtitle&&e({tag:"p",innerHTML:n.metadata.subtitle,styles:[y]}),_=n.description&&e({tag:"p",innerHTML:n.description}),$=((n,t)=>{const r=a[t.language],i=e({tag:"small",styles:[p,x]});return[n.limitation.discount_reward_usage&&-1!==n.limitation.discount_reward_usage&&e({tag:"span",innerHTML:s(r.limitations.discount_reward_usage,{discount_reward_usage:n.limitation.discount_reward_usage})}),n.limitation.discount_repeat_usage&&-1!==n.limitation.discount_repeat_usage&&e({tag:"span",innerHTML:s(r.limitations.discount_repeat_usage,{discount_repeat_usage:n.limitation.discount_repeat_usage})}),new Date(n.requirement.purchase_from||0)>new Date&&e({tag:"span",innerHTML:s(r.requirements.purchase_from,{purchase_from:u(n.requirement.purchase_from,t)})}),new Date(n.requirement.purchase_to||0)>new Date&&e({tag:"span",innerHTML:s(r.requirements.purchase_to,{purchase_to:u(n.requirement.purchase_to,t)})})].filter((n=>n)).forEach((n=>i.appendChild(n))),console.log({discount:n,wrapper:i}),i})(n,t);return[i,o,d,c,f,_,$].filter((n=>n)).forEach((n=>r.appendChild(n))),r},$=(n,e)=>{const t=new Headers;return Object.entries({...n,"Dintero-System-Name":"deals-web-sdk","Dintero-System-Version":e.version}).forEach((([n,e])=>{t.append(n,e)})),t},v=n=>(n=>{if(!n.api)throw new Error("Authentication configuration missing");const e=window.btoa(`${n.api.key}:${n.api.secret}`),t=$({Authorization:`Basic ${e}`,"content-type":"application/json"},n),r=JSON.stringify({grant_type:"client_credentials",audience:`${n.api.url}/v1/accounts/${n.api.account}`});return window.fetch(`${n.api.url}/v1/accounts/${n.api.account}/auth/token`,{method:"POST",headers:t,body:r}).then((n=>{if(200===n.status)return n.json();throw new Error("Authentication failed")}))})(n).then((e=>{const t=$({Authorization:`${e.token_type} ${e.access_token}`},n);return n.api.discountId?window.fetch(`${n.api.url}/v1/accounts/${n.api.account}/discounts/public/rules/${n.api.discountId}`,{headers:t}).then((n=>{if(200===n.status)return n.json().then((n=>[n]));throw new Error("Authentication failed")})):window.fetch(`${n.api.url}/v1/accounts/${n.api.account}/discounts/public/rules?limit=${n.api.limit}`,{headers:t}).then((n=>{if(200===n.status)return n.json();throw new Error("Authentication failed")}))})),k=(n,e)=>`\n@keyframes appear {\n    from {\n      transform: scaleY(0%);\n      height: 0;\n      opacity: 0;\n    }\n  \n    to {\n      transform: scaleY(100%);\n      height: auto;\n      opacity: 1;\n    }\n  }\n.${n} {\n    box-shadow: rgb(212, 212, 213) 0px 1px 3px 0px, rgb(212, 212, 213) 0px 0px 0px 1px;\n    border-radius: 3px;\n    text-align: center;\n    padding-top: 65px;\n    padding-bottom: 70px;\n    padding-left: 5px;\n    padding-right: 5px;\n    max-width: 300px;\n    width: 250px;\n    font-size: 14px;\n    margin: 5px auto;\n    background: ${e.background};\n    animation-duration: 0.2s;\n    animation-name: appear;\n    animation-timing-function: ease-in;\n    transform-origin: top center;\n}\n`,q=(n,e)=>`\n.${n} {\n  margin: 10px auto;\n  display: block;\n  width: 80px;\n  height: 80px;\n}\n\n.${n}:after {\n  content: " ";\n  display: block;\n  width: 64px;\n  height: 64px;\n  margin: 8px;\n  border-radius: 50%;\n  border: 6px solid #000;\n  border-color: rgba(0,0,0,0.2) transparent rgba(0,0,0,0.2) transparent;\n  animation: loading 0.6s linear infinite;\n}\n\n@keyframes loading {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n`;const T={language:"no",version:"0.1.0",currency:{value:"Kr",position:"suffix",exponent:2},theme:{background:"#fff",primary:"#333",secondary:"#333",color:"inherit",borderRadius:"2px",fontSize:"inherit"},api:{account:"",key:"",secret:"",url:"https://api.dintero.com",limit:50}},M=(n,e)=>`\n.${n} {\n    display: flex;\n    flex-flow: wrap;\n    align-items: stretch;\n    justify-content: center;\n    position: relative;\n    font-weight: normal;\n    width: 100%;\n    font-size: ${e.fontSize};\n    color: ${e.color};\n}`,z=(n,t)=>{const r=e({tag:"div",styles:[p,M],theme:n.theme});return t.forEach((e=>{const t=_(e,n);r.appendChild(t)})),n.container.appendChild(r),{destroy:()=>{n.container.removeChild(r)}}};n.embed=async n=>{const t=(r=T,i=n,{...r,...i,currency:{...r.currency,...i.currency},theme:{...r.theme,...i.theme},api:{...r.api,...i.api}});var r,i;if(!t.container||!t.container.appendChild)throw console.error("Invalid configuration"),new Error("Invalid configuration");if(t.discounts)return z(t,t.discounts);{const r=(n=>e({tag:"div",styles:[p,q],theme:n.theme}))(t);try{n.container.appendChild(r);const e=await v(t);return t.container.removeChild(r),z(t,e)}catch(i){n.container.removeChild(r);const o=(n=>{const t=a[n.language];return e({tag:"div",styles:[p,k],theme:n.theme,innerHTML:t.errors.fetch})})(t);return t.container.appendChild(o),{destroy:()=>{n.container.removeChild(o)}}}}},Object.defineProperty(n,"__esModule",{value:!0})}));
+!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((n="undefined"!=typeof globalThis?globalThis:n||self).discounts={})}(this,(function(n){"use strict";const e=n=>{const e=document.createElement(n.tag);return n.attributes&&r(e,n.attributes),n.handlers&&i(e,n.handlers),n.styles&&t(e,n.styles,n.theme),n.innerHTML&&(e.innerHTML=n.innerHTML),e},t=(n,e,t)=>{e.forEach((e=>{const r="dintero-deals-"+(n=>{let e=0;for(var t=0;t<n.length;t++)e=(e<<5)-e+n.charCodeAt(t),e&=e;return e.toString(36)})(e("dintero-deals",t));((n,e)=>{n.className.split(" ").includes(e)||(n.className=n.className+" "+e)})(n,r);if(!document.querySelector(`[data-css-hash=${r}]`)){const n=document.createElement("style");n.innerHTML=e(r,t),n.setAttribute("data-css-hash",r),document.head.appendChild(n)}}))},r=(n,e)=>{Object.keys(e).forEach((t=>{n.setAttribute(t,e[t])}))},i=(n,e)=>{Object.keys(e).forEach((t=>{n.addEventListener(t,e[t])}))},a={no:{rewards:{discount_item_quantity:{three_for_two:"3 for 2",generic:"Kjøp {{require}} betal for {{payFor}}"},discount_amount:"{{monetaryAmount}} rabatt"},limitations:{discount_reward_usage:"Antall: <strong>{{discount_reward_usage}}</strong>",discount_repeat_usage:"Maks kjøp: <strong>{{discount_repeat_usage}}</strong>"},requirements:{purchase_from:"Tilbudet starter <strong>{{purchase_from}}</strong>",purchase_to:"Tilbudet utgår <strong>{{purchase_to}}</strong>"},errors:{fetch:"⚠️ <br/>En feil oppstod under lasting av tilbud..."}}},o=/(\{\{)[^}]*(\}\})/g,s=(n,e)=>{const t=n.match(o)||[],r=e||{};return t.reduce(((n,e)=>{const t=e.replace("{{","").replace("}}",""),i=r[t]||"";return n.replace(e,i)}),n)},d=(n,e,t)=>{const r=t||{},i=n.toString(),a=i.length-e.currency.exponent,o=i.slice(0,a)||"0",s=i.slice(a),d="00"!=s||r.decimal?o+"."+s:o;return"short"===r.variant&&"00"===s?o+",-":r.currency?"prefix"===e.currency.position?e.currency.value+" "+d:d+" "+e.currency.value:d},c=n=>n<10?`0${n}`:n.toString(),u=(n,e)=>{try{const t=new Date(n);if("no"===e.language){const n=c(t.getDate()),e=c(t.getMonth()+1);return[n,e,t.getFullYear()].join(".")}return(new Intl.DateTimeFormat).format(t)}catch(e){return n.substr(0,10)}},p=n=>`\n.${n} {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    outline: none;\n    border: none;\n    box-shadow: none;\n    line-height: auto;\n    background: transparent;\n    opacity: 1;\n    border-radius: 0;\n    display: block;\n    position: relative;\n    font-weight: normal;\n}\n`,l=n=>n.links&&n.links.find((n=>n.rel&&"webshop"===n.rel)),m=(n,e)=>`\n@keyframes appear {\n    from {\n      transform: scaleY(0%);\n      height: 0;\n      opacity: 0;\n    }\n  \n    to {\n      transform: scaleY(100%);\n      height: auto;\n      opacity: 1;\n    }\n  }\n.${n} {\n    box-shadow: rgb(212, 212, 213) 0px 1px 3px 0px, rgb(212, 212, 213) 0px 0px 0px 1px;\n    border-radius: ${e.borderRadius};\n    text-align: center;\n    padding-top: 5px;\n    padding-bottom: 105px;\n    padding-left: 5px;\n    padding-right: 5px;\n    max-width: 300px;\n    width: 250px;\n    font-size: 1em;\n    margin: 5px 20px;\n    background: ${e.background};\n    animation-duration: 0.2s;\n    animation-name: appear;\n    animation-timing-function: ease-in;\n    transform-origin: top center;\n    color: inherit;\n    text-decoration: none;\n}\n\n@media screen and (max-width: 679px) {\n    .${n} {\n        width: 100%;\n        max-width: 100%;\n    } \n  }\n`,h=n=>`\n.${n} {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 300px;\n    width: 100%,\n}`,g=n=>`\n.${n} {\n    max-width: 100%;\n    max-height: 100%;\n    text-align: center;\n    display: inline-block;\n}`,f=(n,e)=>`\n.${n} {\n    position: absolute;\n    bottom: 60px;\n    left: -20px;\n    color: #fff;\n    z-index: 9;\n    width: 80%;\n    font-size: 1.3em;\n    border-radius: 0 ${e.borderRadius} ${e.borderRadius} 0;\n    padding: 5px 0;\n    background: ${e?.secondary};\n}\n.${n}:after {\n    position: absolute;\n    content: "";\n    bottom: -10px;\n    left: 0;\n    border-color: transparent;\n    border-style: solid;\n    border-width: 0 20px 10px 0;\n    border-right-color: ${e.secondary};\n    width: 0;\n    height: 0;\n    opacity: 0.5;\n}\n`,b=(n,e)=>`\n.${n} {\n    position: absolute;\n    right: -20px;\n    bottom: 15px;\n    color: #fff;\n    z-index: 9;\n    width: 80%;\n    font-size: 1.3em;\n    border-radius: ${e.borderRadius} 0 0 ${e.borderRadius};\n    padding: 5px 0;\n    background: ${e?.primary};\n}\n.${n}:after {\n    position: absolute;\n    content: "";\n    right: 0;\n    bottom: -10px;\n    border-color: transparent;\n    border-style: solid;\n    border-width: 10px 20px 0 0;\n    border-top-color: ${e.primary};\n    width: 0;\n    height: 0;\n    opacity: 0.5;\n}\n`,y=n=>`\n.${n} {\n    margin-bottom: 0;\n    font-size: 1em;\n    margin-bottom: 2px;\n    font-size: 1.3em;\n    font-weight: 700;\n}`,x=n=>`\n.${n} {\n    margin-top: 0;\n}`,w=n=>`\n.${n} {\n    font-size: 0.75em;\n}\n.${n} > span{\n    display: block;\n}\n`,_=(n,t)=>{const r=((n,e)=>{const t=a[e.language];if("discount_item_new_price"===n.reward.type)return d(n.reward.value,e,{variant:"short"});if("discount_percent"===n.reward.type)return n.reward.value+"%";if("discount_item_quantity"===n.reward.type){if(3===n.requirement.item.quantity&&1===n.reward.value)return t.rewards.discount_item_quantity.three_for_two;{const e=n.requirement.item.quantity,r=n.requirement.item.quantity-n.reward.value;return s(t.rewards.discount_item_quantity.generic,{require:e,payFor:r})}}if("discount_amount"===n.reward.type){const r=d(n.reward.value,e,{decimal:!1});return s(t.rewards.discount_amount,{monetaryAmount:r})}return"discount_item_percent"===n.reward.type?n.reward.value+"%":""})(n,t);return r&&e({tag:"div",innerHTML:r,theme:t.theme,styles:[b]})},$=(n,t)=>{const r=e({tag:l(n)?"a":"div",styles:[p,m],theme:t.theme}),i=((n,t)=>{const r=(n=>n&&n.metadata&&n.metadata.label||void 0)(n);return r&&e({tag:"div",innerHTML:r,theme:t.theme,styles:[f]})})(n,t),o=_(n,t),d=(n=>{const t=e({tag:"div",styles:[p,h]}),r=n.links.find((n=>["medium_discount_image","thumbnail_discount_image".includes(n.rel)])),i=r&&e({tag:"img",attributes:{src:r.href,alt:n.name,loading:"lazy"},styles:[p,g]});return i&&t.appendChild(i),t})(n),c=n?.name&&e({tag:"h4",innerHTML:n.name,styles:[y]}),b=n?.metadata?.subtitle&&e({tag:"p",innerHTML:n.metadata.subtitle,styles:[x]}),$=n.description&&e({tag:"p",innerHTML:n.description}),v=((n,t)=>{const r=a[t.language],i=e({tag:"small",styles:[p,w]});return[n.limitation.discount_reward_usage&&-1!==n.limitation.discount_reward_usage&&e({tag:"span",innerHTML:s(r.limitations.discount_reward_usage,{discount_reward_usage:n.limitation.discount_reward_usage})}),n.limitation.discount_repeat_usage&&-1!==n.limitation.discount_repeat_usage&&e({tag:"span",innerHTML:s(r.limitations.discount_repeat_usage,{discount_repeat_usage:n.limitation.discount_repeat_usage})}),new Date(n.requirement.purchase_from||0)>new Date&&e({tag:"span",innerHTML:s(r.requirements.purchase_from,{purchase_from:u(n.requirement.purchase_from,t)})}),new Date(n.requirement.purchase_to||0)>new Date&&e({tag:"span",innerHTML:s(r.requirements.purchase_to,{purchase_to:u(n.requirement.purchase_to,t)})})].filter((n=>n)).forEach((n=>i.appendChild(n))),console.log({discount:n,wrapper:i}),i})(n,t);return[i,o,d,c,b,$,v].filter((n=>n)).forEach((n=>r.appendChild(n))),r},v=(n,e)=>{const t=new Headers;return Object.entries({...n,"Dintero-System-Name":"deals-web-sdk","Dintero-System-Version":e.version}).forEach((([n,e])=>{t.append(n,e)})),t},k=n=>(n=>{if(!n.api)throw new Error("Authentication configuration missing");const e=window.btoa(`${n.api.key}:${n.api.secret}`),t=v({Authorization:`Basic ${e}`,"content-type":"application/json"},n),r=JSON.stringify({grant_type:"client_credentials",audience:`${n.api.url}/v1/accounts/${n.api.account}`});return window.fetch(`${n.api.url}/v1/accounts/${n.api.account}/auth/token`,{method:"POST",headers:t,body:r}).then((n=>{if(200===n.status)return n.json();throw new Error("Authentication failed")}))})(n).then((e=>{const t=v({Authorization:`${e.token_type} ${e.access_token}`},n);return n.api.discountId?window.fetch(`${n.api.url}/v1/accounts/${n.api.account}/discounts/public/rules/${n.api.discountId}`,{headers:t}).then((n=>{if(200===n.status)return n.json().then((n=>[n]));throw new Error("Authentication failed")})):window.fetch(`${n.api.url}/v1/accounts/${n.api.account}/discounts/public/rules?limit=${n.api.limit}`,{headers:t}).then((n=>{if(200===n.status)return n.json();throw new Error("Authentication failed")}))})),T=(n,e)=>`\n@keyframes appear {\n    from {\n      transform: scaleY(0%);\n      height: 0;\n      opacity: 0;\n    }\n  \n    to {\n      transform: scaleY(100%);\n      height: auto;\n      opacity: 1;\n    }\n  }\n.${n} {\n    box-shadow: rgb(212, 212, 213) 0px 1px 3px 0px, rgb(212, 212, 213) 0px 0px 0px 1px;\n    border-radius: 3px;\n    text-align: center;\n    padding-top: 65px;\n    padding-bottom: 70px;\n    padding-left: 5px;\n    padding-right: 5px;\n    max-width: 300px;\n    width: 250px;\n    font-size: 14px;\n    margin: 5px auto;\n    background: ${e.background};\n    animation-duration: 0.2s;\n    animation-name: appear;\n    animation-timing-function: ease-in;\n    transform-origin: top center;\n}\n`,q=(n,e)=>`\n.${n} {\n  margin: 10px auto;\n  display: block;\n  width: 80px;\n  height: 80px;\n}\n\n.${n}:after {\n  content: " ";\n  display: block;\n  width: 64px;\n  height: 64px;\n  margin: 8px;\n  border-radius: 50%;\n  border: 6px solid #000;\n  border-color: rgba(0,0,0,0.2) transparent rgba(0,0,0,0.2) transparent;\n  animation: loading 0.6s linear infinite;\n}\n\n@keyframes loading {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n`;const M={language:"no",version:"0.2.0",linkTarget:"_self",currency:{value:"Kr",position:"suffix",exponent:2},theme:{background:"#fff",primary:"#333",secondary:"#333",color:"inherit",borderRadius:"2px",fontSize:"inherit"},api:{account:"",key:"",secret:"",url:"https://api.dintero.com",limit:50}},z=(n,e)=>`\n.${n} {\n    display: flex;\n    flex-flow: wrap;\n    align-items: stretch;\n    justify-content: center;\n    position: relative;\n    font-weight: normal;\n    width: 100%;\n    font-size: ${e.fontSize};\n    color: ${e.color};\n}`,E=(n,t)=>{const r=e({tag:"div",styles:[p,z],theme:n.theme});return t.forEach((e=>{const t=$(e,n),i=l(e);i&&(t.setAttribute("target",n?.linkTarget||"_self"),t.setAttribute("href",i.href)),r.appendChild(t)})),n.container.appendChild(r),{destroy:()=>{n.container.removeChild(r)}}};n.embed=async n=>{const t=(r=M,i=n,{...r,...i,currency:{...r.currency,...i.currency},theme:{...r.theme,...i.theme},api:{...r.api,...i.api}});var r,i;if(!t.container||!t.container.appendChild)throw console.error("Invalid configuration"),new Error("Invalid configuration");if(t.discounts)return E(t,t.discounts);{const r=(n=>e({tag:"div",styles:[p,q],theme:n.theme}))(t);try{n.container.appendChild(r);const e=await k(t);return t.container.removeChild(r),E(t,e)}catch(i){n.container.removeChild(r);const o=(n=>{const t=a[n.language];return e({tag:"div",styles:[p,T],theme:n.theme,innerHTML:t.errors.fetch})})(t);return t.container.appendChild(o),{destroy:()=>{n.container.removeChild(o)}}}}},Object.defineProperty(n,"__esModule",{value:!0})}));
 //# sourceMappingURL=dintero-discounts-web-sdk.umd.min.js.map

package/dist/dintero-discounts-web-sdk.umd.min.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dintero-discounts-web-sdk.umd.min.js","sources":["../src/dom.ts","../src/translations.ts","../src/formatters.ts","../src/normalize.ts","../src/discounts.ts","../src/fetch.ts","../src/error.ts","../src/loading.ts","../src/index.ts"],"sourcesContent":["import { Theme } from './types';\n\ntype CreateElementOptions ={\n tag: string,\n attributes?: {[key: string]: any};\n styles?:((className:string, theme?: Theme) => string)[];\n handlers?:{[key: string]: EventListenerOrEventListenerObject};\n innerHTML?: string;\n theme?: Theme,\n}\n\nexport const createElement = (options: CreateElementOptions) => {\n const elem = document.createElement(options.tag);\n if (options.attributes) {\n addAttributes(elem, options.attributes)\n }\n if (options.handlers) {\n addEventListeners(elem, options.handlers)\n }\n if(options.styles){\n addStyles(elem, options.styles, options.theme);\n }\n if(options.innerHTML){\n elem.innerHTML = options.innerHTML;\n }\n return elem;\n};\n\nconst addClass = (elem:HTMLElement, className:string) => {\n const names = elem.className.split(\" \");\n if (!names.includes(className)) {\n elem.className = elem.className + \" \" + className;\n }\n};\n\nconst hash = (input: string) => {\n let hash = 0;\n for (var i = 0; i < input.length; i++) {\n var char = input.charCodeAt(i);\n hash = ((hash<<5)-hash)+char;\n hash = hash & hash;\n }\n return hash.toString(36);\n}\n\nconst addStyles = (elem: HTMLElement , styles: ((className:string, theme?: Theme) => string)[], theme: Theme \| undefined) => {\n // \"styled components\" light\n styles.forEach((cssFn)=> {\n // get class name from hash\n const className = 'dintero-deals-' + hash(cssFn('dintero-deals', theme));\n addClass(elem, className);\n // add style tag to DOM if not exists\n const hit = document.querySelector(`[data-css-hash=${className}]`);\n if (!hit) {\n const style = document.createElement('style')\n style.innerHTML = cssFn(className, theme);\n style.setAttribute('data-css-hash', className);\n document.head.appendChild(style);\n }\n });\n};\n\nconst addAttributes = (elem:HTMLElement , attributes: {[key: string]: string}) => {\n Object.keys(attributes).forEach((key) => {\n elem.setAttribute(key, attributes[key]);\n });\n};\n\nconst addEventListeners = (elem:HTMLElement , handlers: {[key: string]: EventListenerOrEventListenerObject}) => {\n Object.keys(handlers).forEach((key) => {\n elem.addEventListener(key, handlers[key]);\n });\n};\n\n\n","const no = {\n rewards: {\n discount_item_quantity: {\n three_for_two: '3 for 2',\n generic: \"Kjøp {{require}} betal for {{payFor}}\"\n },\n discount_amount: \"{{monetaryAmount}} rabatt\",\n },\n limitations: {\n discount_reward_usage: \"Antall: <strong>{{discount_reward_usage}}</strong>\",\n discount_repeat_usage: \"Maks kjøp: <strong>{{discount_repeat_usage}}</strong>\"\n },\n requirements: {\n purchase_from: \"Tilbudet starter <strong>{{purchase_from}}</strong>\",\n purchase_to: \"Tilbudet utgår <strong>{{purchase_to}}</strong>\"\n },\n errors: {\n fetch: \"⚠️ <br/>En feil oppstod under lasting av tilbud...\"\n }\n} \n\nexport const translations ={\n no\n}\n\nconst findValuesRegex = /(\\{\\{)[^}]*(\\}\\})/g;\n// i18n light\nexport const t = (translateString: string, values?: {[key:string]: any}):string => {\n const matches = translateString.match(findValuesRegex) \|\| [];\n const _values = values \|\| {};\n return matches.reduce<string>((interpolated, match) => {\n const key = match.replace('{{', '').replace('}}', '');\n const value = _values[key] \|\| '';\n return interpolated.replace(match, value);\n }, translateString);\n}\n\n\n","import { Configuration } from './types';\n\nexport const monetaryString = (amount:number, configuration: Configuration, options?: {\n decimal?: boolean,\n currency?: boolean,\n variant?: 'short'\n}) =>{\n const opt = options \|\| {};\n const amountString = amount.toString();\n const dotIndex = amountString.length - configuration.currency.exponent;\n const beforeDot = amountString.slice(0, dotIndex) \|\| '0';\n const afterDot = amountString.slice(dotIndex);\n const exponentAmount = (afterDot == \"00\" && !opt.decimal) ? beforeDot : beforeDot + '.' + afterDot;\n if(opt.variant === 'short' && afterDot === '00'){\n return beforeDot + ',-';\n }\n if(!opt.currency){\n return exponentAmount;\n }\n if(configuration.currency.position === 'prefix'){\n return configuration.currency.value + ' ' + exponentAmount\n }\n return exponentAmount + ' ' + configuration.currency.value; \n}\n\nconst padZero = (value:number) =>{\n if( value< 10){\n return `0${value}`;\n }\n return value.toString();\n}\n\nexport const dateString = (isoString: string, configuration: Configuration) => {\n try{\n const date = new Date(isoString);\n if(configuration.language === 'no'){\n const dd = padZero(date.getDate());\n const mm = padZero(date.getMonth() + 1);\n const yyyy = date.getFullYear();\n return [dd,mm,yyyy].join('.');\n }\n return new Intl.DateTimeFormat().format(date)\n } catch(e) {\n return isoString.substr(0, 10);\n }\n}\n","export const normalize = (className: string) => `\n.${className} {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n outline: none;\n border: none;\n box-shadow: none;\n line-height: auto;\n background: transparent;\n opacity: 1;\n border-radius: 0;\n display: block;\n position: relative;\n font-weight: normal;\n}\n`;\n","import { createElement } from \"./dom\";\nimport { Discount, Configuration, Theme } from \"./types\";\nimport { translations, t } from \"./translations\";\nimport { monetaryString, dateString } from \"./formatters\";\nimport { normalize } from \"./normalize\";\n\nconst discountStyle = (className: string, theme: Theme) => `\n@keyframes appear {\n from {\n transform: scaleY(0%);\n height: 0;\n opacity: 0;\n }\n \n to {\n transform: scaleY(100%);\n height: auto;\n opacity: 1;\n }\n }\n.${className} {\n box-shadow: rgb(212, 212, 213) 0px 1px 3px 0px, rgb(212, 212, 213) 0px 0px 0px 1px;\n border-radius: ${theme.borderRadius};\n text-align: center;\n padding-top: 5px;\n padding-bottom: 105px;\n padding-left: 5px;\n padding-right: 5px;\n max-width: 300px;\n width: 250px;\n font-size: 1em;\n margin: 5px 20px;\n background: ${theme.background};\n animation-duration: 0.2s;\n animation-name: appear;\n animation-timing-function: ease-in;\n transform-origin: top center;\n}\n\n@media screen and (max-width: 679px) {\n .${className} {\n width: 100%;\n max-width: 100%;\n } \n }\n`;\n\nconst imageWrapperStyles = (className: string) => `\n.${className} {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 300px;\n width: 100%,\n}`;\n\nconst imageStyle = (className: string) => `\n.${className} {\n max-width: 100%;\n max-height: 100%;\n text-align: center;\n display: inline-block;\n}`;\n\nconst ribbonTopStyle = (className: string, theme?: Theme) => `\n.${className} {\n position: absolute;\n bottom: 60px;\n left: -20px;\n color: #fff;\n z-index: 9;\n width: 80%;\n font-size: 1.3em;\n border-radius: 0 ${theme.borderRadius} ${theme.borderRadius} 0;\n padding: 5px 0;\n background: ${theme?.secondary};\n}\n.${className}:after {\n position: absolute;\n content: \"\";\n bottom: -10px;\n left: 0;\n border-color: transparent;\n border-style: solid;\n border-width: 0 20px 10px 0;\n border-right-color: ${theme.secondary};\n width: 0;\n height: 0;\n opacity: 0.5;\n}\n`;\n\nconst ribbonBottomStyle = (className: string, theme?: Theme) => `\n.${className} {\n position: absolute;\n right: -20px;\n bottom: 15px;\n color: #fff;\n z-index: 9;\n width: 80%;\n font-size: 1.3em;\n border-radius: ${theme.borderRadius} 0 0 ${theme.borderRadius};\n padding: 5px 0;\n background: ${theme?.primary};\n}\n.${className}:after {\n position: absolute;\n content: \"\";\n right: 0;\n bottom: -10px;\n border-color: transparent;\n border-style: solid;\n border-width: 10px 20px 0 0;\n border-top-color: ${theme.primary};\n width: 0;\n height: 0;\n opacity: 0.5;\n}\n`;\n\nconst titleStyle = (className: string) => `\n.${className} {\n margin-bottom: 0;\n font-size: 1em;\n margin-bottom: 2px;\n font-size: 1.3em;\n font-weight: 700;\n}`;\n\nconst subtitleStyle = (className: string) => `\n.${className} {\n margin-top: 0;\n}`;\n\nconst limitationsWrapperStyle = (className: string) => `\n.${className} {\n font-size: 0.75em;\n}\n.${className} > span{\n display: block;\n}\n`;\n\n\nconst getTopRibbonText = (discount: Discount) => {\n return (\n (discount && discount.metadata && discount.metadata.label) \|\| undefined\n );\n};\n\nconst createTopRibbon = (discount: Discount, configuration: Configuration) => {\n const text = getTopRibbonText(discount);\n return (\n text &&\n createElement({\n tag: \"div\",\n innerHTML: text,\n theme: configuration.theme,\n styles: [ribbonTopStyle],\n })\n );\n};\n\nconst getBottomRibbonText = (\n discount: Discount,\n configuration: Configuration\n) => {\n const tStrings = translations[configuration.language];\n if (discount.reward.type === \"discount_item_new_price\") {\n return monetaryString(discount.reward.value, configuration, {\n variant: \"short\",\n });\n } else if (discount.reward.type === \"discount_percent\") {\n return discount.reward.value + \"%\";\n } else if (discount.reward.type === \"discount_item_quantity\") {\n if (\n discount.requirement.item.quantity === 3 &&\n discount.reward.value === 1\n ) {\n // Show custom 3 for 2 message\n return tStrings.rewards.discount_item_quantity.three_for_two;\n } else {\n const require = discount.requirement.item.quantity;\n const payFor =\n discount.requirement.item.quantity - discount.reward.value;\n return t(tStrings.rewards.discount_item_quantity.generic, {\n require,\n payFor,\n });\n }\n } else if (discount.reward.type === \"discount_amount\") {\n const monetaryAmount = monetaryString(\n discount.reward.value,\n configuration,\n { decimal: false }\n );\n return t(tStrings.rewards.discount_amount, { monetaryAmount });\n } else if (discount.reward.type === \"discount_item_percent\") {\n return discount.reward.value + \"%\";\n }\n return \"\";\n};\n\nconst createBottomRibbon = (\n discount: Discount,\n configuration: Configuration\n) => {\n const text = getBottomRibbonText(discount, configuration);\n return (\n text &&\n createElement({\n tag: \"div\",\n innerHTML: text,\n theme: configuration.theme,\n styles: [ribbonBottomStyle],\n })\n );\n};\n\nconst createImage = (discount: Discount) => {\n const imageWrapper = createElement({\n tag: \"div\",\n styles: [normalize, imageWrapperStyles],\n });\n const imageSrc = discount.links.find((link) => [\n \"medium_discount_image\",\n \"thumbnail_discount_image\".includes(link.rel),\n ]);\n const image =\n imageSrc &&\n createElement({\n tag: \"img\",\n attributes: { src: imageSrc.href, alt: discount.name, loading: \"lazy\"},\n styles: [normalize, imageStyle],\n });\n if (image) {\n imageWrapper.appendChild(image);\n }\n return imageWrapper;\n};\n\nconst createLimitations = (\n discount: Discount,\n configuration: Configuration\n) => {\n const tStrings = translations[configuration.language];\n\n const wrapper = createElement({\n tag: \"small\",\n styles: [normalize, limitationsWrapperStyle],\n });\n\n const quantity =\n discount.limitation.discount_reward_usage &&\n discount.limitation.discount_reward_usage !== -1 &&\n createElement({\n tag: \"span\",\n innerHTML: t(tStrings.limitations.discount_reward_usage, {\n discount_reward_usage: discount.limitation.discount_reward_usage,\n }),\n });\n const repeat =\n discount.limitation.discount_repeat_usage &&\n discount.limitation.discount_repeat_usage !== -1 &&\n createElement({\n tag: \"span\",\n innerHTML: t(tStrings.limitations.discount_repeat_usage, {\n discount_repeat_usage: discount.limitation.discount_repeat_usage,\n }),\n });\n\n const startDate = new Date(discount.requirement.purchase_from \|\| 0);\n const start = startDate > new Date() && createElement({\n tag: \"span\",\n innerHTML: t(tStrings.requirements.purchase_from, {\n purchase_from: dateString(discount.requirement.purchase_from, configuration),\n }),\n });\n const endDate = new Date(discount.requirement.purchase_to \|\| 0);\n const end = endDate > new Date() && createElement({\n tag: \"span\",\n innerHTML: t(tStrings.requirements.purchase_to, {\n purchase_to: dateString(discount.requirement.purchase_to, configuration),\n }),\n });\n const children = [\n quantity,\n repeat,\n start,\n end\n ].filter((child) => child);\n children.forEach((child) => wrapper.appendChild(child));\n console.log({discount, wrapper});\n return wrapper;\n};\n\nexport const createDiscount = (\n discount: Discount,\n configuration: Configuration\n): HTMLElement => {\n const discountElem = createElement({\n tag: \"div\",\n styles: [normalize, discountStyle],\n theme: configuration.theme,\n });\n const ribbonTop = createTopRibbon(discount, configuration);\n const ribbonBottom = createBottomRibbon(discount, configuration);\n const image = createImage(discount);\n const title =\n discount?.name &&\n createElement({ tag: \"h4\", innerHTML: discount.name , styles:[titleStyle]});\n const subtitle =\n discount?.metadata?.subtitle &&\n createElement({ tag: \"p\", innerHTML: discount.metadata.subtitle, styles: [subtitleStyle] });\n const description =\n discount.description &&\n createElement({ tag: \"p\", innerHTML: discount.description });\n\n const limitations = createLimitations(discount, configuration);\n // add children to discount wrapper\n const children = [\n ribbonTop,\n ribbonBottom,\n image,\n title,\n subtitle,\n description,\n limitations\n ].filter((child) => child);\n children.forEach((child) => discountElem.appendChild(child));\n return discountElem;\n};\n","import { Configuration, Discount, TokenResponse } from \"./types\";\n\nconst createHeaders = (\n keyValues: { [key: string]: string },\n configuration: Configuration\n) => {\n const headers: HeadersInit = new Headers();\n Object.entries({\n ...keyValues,\n \"Dintero-System-Name\": \"deals-web-sdk\",\n \"Dintero-System-Version\": configuration.version,\n }).forEach(([key, value]) => {\n headers.append(key, value);\n });\n return headers;\n};\n\nconst fetchAccessToken = (\n configuration: Configuration\n): Promise<TokenResponse> => {\n if (!configuration.api) {\n throw new Error(\"Authentication configuration missing\");\n }\n const basicAuthCredentials = window.btoa(\n `${configuration.api.key}:${configuration.api.secret}`\n );\n const headers = createHeaders(\n {\n Authorization: `Basic ${basicAuthCredentials}`,\n \"content-type\": \"application/json\",\n },\n configuration\n );\n const body = JSON.stringify({\n grant_type: \"client_credentials\",\n audience: `${configuration.api.url}/v1/accounts/${configuration.api.account}`,\n });\n return window\n .fetch(\n `${configuration.api.url}/v1/accounts/${configuration.api.account}/auth/token`,\n {\n method: \"POST\",\n headers,\n body,\n }\n )\n .then((response) => {\n if (response.status === 200) {\n return response.json() as Promise<TokenResponse>;\n }\n throw new Error(\"Authentication failed\");\n });\n};\n\nexport const fetchDiscounts = (\n configuration: Configuration\n): Promise<Discount[]> => {\n return fetchAccessToken(configuration).then((tokenResponse) => {\n const headers = createHeaders(\n {\n Authorization: `${tokenResponse.token_type} ${tokenResponse.access_token}`,\n },\n configuration\n );\n \n if (configuration.api.discountId) {\n return window\n .fetch(\n `${configuration.api.url}/v1/accounts/${configuration.api.account}/discounts/public/rules/${configuration.api.discountId}`,\n {\n headers,\n }\n )\n .then((response) => {\n if (response.status === 200) {\n return response\n .json()\n .then((discount) => [discount]) as Promise<\n Discount[]\n >;\n }\n throw new Error(\"Authentication failed\");\n });\n }\n\n return window\n .fetch(\n `${configuration.api.url}/v1/accounts/${configuration.api.account}/discounts/public/rules?limit=${configuration.api.limit}`,\n {\n headers,\n }\n )\n .then((response) => {\n if (response.status === 200) {\n return response.json() as Promise<Discount[]>;\n }\n throw new Error(\"Authentication failed\");\n });\n });\n};\n","import { createElement } from \"./dom\";\nimport { Configuration, Theme } from \"./types\";\nimport { translations } from \"./translations\";\nimport { normalize } from \"./normalize\";\n\nconst errorStyle = (className: string, theme: Theme) => `\n@keyframes appear {\n from {\n transform: scaleY(0%);\n height: 0;\n opacity: 0;\n }\n \n to {\n transform: scaleY(100%);\n height: auto;\n opacity: 1;\n }\n }\n.${className} {\n box-shadow: rgb(212, 212, 213) 0px 1px 3px 0px, rgb(212, 212, 213) 0px 0px 0px 1px;\n border-radius: 3px;\n text-align: center;\n padding-top: 65px;\n padding-bottom: 70px;\n padding-left: 5px;\n padding-right: 5px;\n max-width: 300px;\n width: 250px;\n font-size: 14px;\n margin: 5px auto;\n background: ${theme.background};\n animation-duration: 0.2s;\n animation-name: appear;\n animation-timing-function: ease-in;\n transform-origin: top center;\n}\n`;\n\n\nexport const createError = (\n configuration: Configuration\n): HTMLElement => {\n const tString = translations[configuration.language];\n const errorElem = createElement({\n tag: \"div\",\n styles: [normalize, errorStyle],\n theme: configuration.theme,\n innerHTML: tString.errors.fetch\n });\n \n return errorElem;\n};\n","import { createElement } from \"./dom\";\nimport { Configuration, Theme } from \"./types\";\nimport { normalize } from \"./normalize\";\n\nconst loadingStyle = (className: string, theme: Theme) => `\n.${className} {\n margin: 10px auto;\n display: block;\n width: 80px;\n height: 80px;\n}\n\n.${className}:after {\n content: \" \";\n display: block;\n width: 64px;\n height: 64px;\n margin: 8px;\n border-radius: 50%;\n border: 6px solid #000;\n border-color: rgba(0,0,0,0.2) transparent rgba(0,0,0,0.2) transparent;\n animation: loading 0.6s linear infinite;\n}\n\n@keyframes loading {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n`;\n\nexport const createLoading = (configuration: Configuration): HTMLElement => {\n const errorElem = createElement({\n tag: \"div\",\n styles: [normalize, loadingStyle],\n theme: configuration.theme,\n });\n\n return errorElem;\n};\n","import { createDiscount } from \"./discounts\";\nimport { Discount, Configuration, Theme, Embed } from \"./types\";\nimport { createElement } from \"./dom\";\nimport { fetchDiscounts } from \"./fetch\";\nimport { createError } from \"./error\";\nimport { createLoading } from \"./loading\";\nimport { normalize } from \"./normalize\";\nimport pkg from \"../package.json\";\n\n\nconst defaultConfig:Partial<Configuration> = {\n language: 'no',\n version: pkg.version,\n currency: {\n value: 'Kr',\n position: 'suffix',\n exponent: 2\n },\n theme: {\n background: \"#fff\",\n primary: \"#333\",\n secondary: \"#333\",\n color: \"inherit\",\n borderRadius: \"2px\",\n fontSize: \"inherit\",\n },\n api: {\n account: \"\",\n key: \"\",\n secret: \"\",\n url: \"https://api.dintero.com\",\n limit: 50,\n },\n}\n\nconst mergeConfig = (a:Partial<Configuration>, b:Configuration): Configuration =>{\n return {\n ...a,\n ...b,\n currency:{\n ...a.currency,\n ...b.currency,\n },\n theme: {\n ...a.theme,\n ...b.theme\n },\n api:{\n ...a.api,\n ...b.api\n }\n }\n}\n\nconst wrapperStyles = (className: string, theme:Theme) => `\n.${className} {\n display: flex;\n flex-flow: wrap;\n align-items: stretch;\n justify-content: center;\n position: relative;\n font-weight: normal;\n width: 100%;\n font-size: ${theme.fontSize};\n color: ${theme.color};\n}`;\n\nexport const embed = async (configuration: Configuration):Promise<Embed> => {\n\n const _configuration = mergeConfig(defaultConfig, configuration);\n if(!_configuration.container \|\|!_configuration.container.appendChild){\n console.error(\"Invalid configuration\");\n throw new Error(\"Invalid configuration\");\n }\n if (_configuration.discounts) {\n return renderDeals(_configuration, _configuration.discounts);\n } else {\n\n const loader =createLoading(_configuration);\n try{\n configuration.container.appendChild(loader);\n const discounts = await fetchDiscounts(_configuration);\n _configuration.container.removeChild(loader);\n return renderDeals(_configuration, discounts);\n } catch(error) {\n configuration.container.removeChild(loader);\n const errorMessage = createError(_configuration);\n _configuration.container.appendChild(errorMessage);\n return {\n destroy: () => {\n configuration.container.removeChild(errorMessage);\n }\n }\n }\n }\n};\n\nconst renderDeals = (configuration: Configuration, discounts: Discount[]):Embed => {\n const wrapper = createElement({ tag: \"div\", styles: [normalize, wrapperStyles], theme: configuration.theme });\n discounts.forEach((discount) => {\n const elem = createDiscount(discount, configuration);\n wrapper.appendChild(elem);\n });\n configuration.container.appendChild(wrapper);\n return {\n destroy: () => {\n configuration.container.removeChild(wrapper);\n }\n }\n};\n"],"names":["createElement","options","elem","document","tag","attributes","addAttributes","handlers","addEventListeners","styles","addStyles","theme","innerHTML","forEach","cssFn","className","input","hash","i","length","charCodeAt","toString","split","includes","addClass","querySelector","style","setAttribute","head","appendChild","Object","keys","key","addEventListener","translations","no","rewards","discount_item_quantity","three_for_two","generic","discount_amount","limitations","discount_reward_usage","discount_repeat_usage","requirements","purchase_from","purchase_to","errors","fetch","findValuesRegex","t","translateString","values","matches","match","_values","reduce","interpolated","replace","value","monetaryString","amount","configuration","opt","amountString","dotIndex","currency","exponent","beforeDot","slice","afterDot","exponentAmount","decimal","variant","position","padZero","dateString","isoString","date","Date","language","dd","getDate","mm","getMonth","getFullYear","join","Intl","DateTimeFormat","format","e","substr","normalize","discountStyle","borderRadius","background","imageWrapperStyles","imageStyle","ribbonTopStyle","secondary","ribbonBottomStyle","primary","titleStyle","subtitleStyle","limitationsWrapperStyle","createBottomRibbon","discount","text","tStrings","reward","type","requirement","item","quantity","require","payFor","monetaryAmount","getBottomRibbonText","createDiscount","discountElem","ribbonTop","metadata","label","undefined","getTopRibbonText","createTopRibbon","ribbonBottom","image","imageWrapper","imageSrc","links","find","link","rel","src","href","alt","name","loading","createImage","title","subtitle","description","wrapper","limitation","filter","child","console","log","createLimitations","createHeaders","keyValues","headers","Headers","entries","version","append","fetchDiscounts","api","Error","basicAuthCredentials","window","btoa","secret","Authorization","body","JSON","stringify","grant_type","audience","url","account","method","then","response","status","json","fetchAccessToken","tokenResponse","token_type","access_token","discountId","limit","errorStyle","loadingStyle","defaultConfig","color","fontSize","wrapperStyles","renderDeals","discounts","container","destroy","removeChild","async","_configuration","a","b","error","loader","createLoading","errorMessage","tString","createError"],"mappings":"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"}
1	+ {"version":3,"file":"dintero-discounts-web-sdk.umd.min.js","sources":["../src/dom.ts","../src/translations.ts","../src/formatters.ts","../src/normalize.ts","../src/discounts.ts","../src/fetch.ts","../src/error.ts","../src/loading.ts","../src/index.ts"],"sourcesContent":["import { Theme } from './types';\n\ntype CreateElementOptions ={\n tag: string,\n attributes?: {[key: string]: any};\n styles?:((className:string, theme?: Theme) => string)[];\n handlers?:{[key: string]: EventListenerOrEventListenerObject};\n innerHTML?: string;\n theme?: Theme,\n}\n\nexport const createElement = (options: CreateElementOptions) => {\n const elem = document.createElement(options.tag);\n if (options.attributes) {\n addAttributes(elem, options.attributes)\n }\n if (options.handlers) {\n addEventListeners(elem, options.handlers)\n }\n if(options.styles){\n addStyles(elem, options.styles, options.theme);\n }\n if(options.innerHTML){\n elem.innerHTML = options.innerHTML;\n }\n return elem;\n};\n\nconst addClass = (elem:HTMLElement, className:string) => {\n const names = elem.className.split(\" \");\n if (!names.includes(className)) {\n elem.className = elem.className + \" \" + className;\n }\n};\n\nconst hash = (input: string) => {\n let hash = 0;\n for (var i = 0; i < input.length; i++) {\n var char = input.charCodeAt(i);\n hash = ((hash<<5)-hash)+char;\n hash = hash & hash;\n }\n return hash.toString(36);\n}\n\nconst addStyles = (elem: HTMLElement , styles: ((className:string, theme?: Theme) => string)[], theme: Theme \| undefined) => {\n // \"styled components\" light\n styles.forEach((cssFn)=> {\n // get class name from hash\n const className = 'dintero-deals-' + hash(cssFn('dintero-deals', theme));\n addClass(elem, className);\n // add style tag to DOM if not exists\n const hit = document.querySelector(`[data-css-hash=${className}]`);\n if (!hit) {\n const style = document.createElement('style')\n style.innerHTML = cssFn(className, theme);\n style.setAttribute('data-css-hash', className);\n document.head.appendChild(style);\n }\n });\n};\n\nconst addAttributes = (elem:HTMLElement , attributes: {[key: string]: string}) => {\n Object.keys(attributes).forEach((key) => {\n elem.setAttribute(key, attributes[key]);\n });\n};\n\nconst addEventListeners = (elem:HTMLElement , handlers: {[key: string]: EventListenerOrEventListenerObject}) => {\n Object.keys(handlers).forEach((key) => {\n elem.addEventListener(key, handlers[key]);\n });\n};\n\n\n","const no = {\n rewards: {\n discount_item_quantity: {\n three_for_two: '3 for 2',\n generic: \"Kjøp {{require}} betal for {{payFor}}\"\n },\n discount_amount: \"{{monetaryAmount}} rabatt\",\n },\n limitations: {\n discount_reward_usage: \"Antall: <strong>{{discount_reward_usage}}</strong>\",\n discount_repeat_usage: \"Maks kjøp: <strong>{{discount_repeat_usage}}</strong>\"\n },\n requirements: {\n purchase_from: \"Tilbudet starter <strong>{{purchase_from}}</strong>\",\n purchase_to: \"Tilbudet utgår <strong>{{purchase_to}}</strong>\"\n },\n errors: {\n fetch: \"⚠️ <br/>En feil oppstod under lasting av tilbud...\"\n }\n} \n\nexport const translations ={\n no\n}\n\nconst findValuesRegex = /(\\{\\{)[^}]*(\\}\\})/g;\n// i18n light\nexport const t = (translateString: string, values?: {[key:string]: any}):string => {\n const matches = translateString.match(findValuesRegex) \|\| [];\n const _values = values \|\| {};\n return matches.reduce<string>((interpolated, match) => {\n const key = match.replace('{{', '').replace('}}', '');\n const value = _values[key] \|\| '';\n return interpolated.replace(match, value);\n }, translateString);\n}\n\n\n","import { Configuration } from './types';\n\nexport const monetaryString = (amount:number, configuration: Configuration, options?: {\n decimal?: boolean,\n currency?: boolean,\n variant?: 'short'\n}) =>{\n const opt = options \|\| {};\n const amountString = amount.toString();\n const dotIndex = amountString.length - configuration.currency.exponent;\n const beforeDot = amountString.slice(0, dotIndex) \|\| '0';\n const afterDot = amountString.slice(dotIndex);\n const exponentAmount = (afterDot == \"00\" && !opt.decimal) ? beforeDot : beforeDot + '.' + afterDot;\n if(opt.variant === 'short' && afterDot === '00'){\n return beforeDot + ',-';\n }\n if(!opt.currency){\n return exponentAmount;\n }\n if(configuration.currency.position === 'prefix'){\n return configuration.currency.value + ' ' + exponentAmount\n }\n return exponentAmount + ' ' + configuration.currency.value; \n}\n\nconst padZero = (value:number) =>{\n if( value< 10){\n return `0${value}`;\n }\n return value.toString();\n}\n\nexport const dateString = (isoString: string, configuration: Configuration) => {\n try{\n const date = new Date(isoString);\n if(configuration.language === 'no'){\n const dd = padZero(date.getDate());\n const mm = padZero(date.getMonth() + 1);\n const yyyy = date.getFullYear();\n return [dd,mm,yyyy].join('.');\n }\n return new Intl.DateTimeFormat().format(date)\n } catch(e) {\n return isoString.substr(0, 10);\n }\n}\n","export const normalize = (className: string) => `\n.${className} {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n outline: none;\n border: none;\n box-shadow: none;\n line-height: auto;\n background: transparent;\n opacity: 1;\n border-radius: 0;\n display: block;\n position: relative;\n font-weight: normal;\n}\n`;\n","import { createElement } from \"./dom\";\nimport { Discount, Configuration, Theme } from \"./types\";\nimport { translations, t } from \"./translations\";\nimport { monetaryString, dateString } from \"./formatters\";\nimport { normalize } from \"./normalize\";\n\nexport const findWebshopLink = (discount: Discount) => discount.links && discount.links.find(x => x.rel && x.rel === 'webshop');\n\nconst discountStyle = (className: string, theme: Theme) => `\n@keyframes appear {\n from {\n transform: scaleY(0%);\n height: 0;\n opacity: 0;\n }\n \n to {\n transform: scaleY(100%);\n height: auto;\n opacity: 1;\n }\n }\n.${className} {\n box-shadow: rgb(212, 212, 213) 0px 1px 3px 0px, rgb(212, 212, 213) 0px 0px 0px 1px;\n border-radius: ${theme.borderRadius};\n text-align: center;\n padding-top: 5px;\n padding-bottom: 105px;\n padding-left: 5px;\n padding-right: 5px;\n max-width: 300px;\n width: 250px;\n font-size: 1em;\n margin: 5px 20px;\n background: ${theme.background};\n animation-duration: 0.2s;\n animation-name: appear;\n animation-timing-function: ease-in;\n transform-origin: top center;\n color: inherit;\n text-decoration: none;\n}\n\n@media screen and (max-width: 679px) {\n .${className} {\n width: 100%;\n max-width: 100%;\n } \n }\n`;\n\nconst imageWrapperStyles = (className: string) => `\n.${className} {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 300px;\n width: 100%,\n}`;\n\nconst imageStyle = (className: string) => `\n.${className} {\n max-width: 100%;\n max-height: 100%;\n text-align: center;\n display: inline-block;\n}`;\n\nconst ribbonTopStyle = (className: string, theme?: Theme) => `\n.${className} {\n position: absolute;\n bottom: 60px;\n left: -20px;\n color: #fff;\n z-index: 9;\n width: 80%;\n font-size: 1.3em;\n border-radius: 0 ${theme.borderRadius} ${theme.borderRadius} 0;\n padding: 5px 0;\n background: ${theme?.secondary};\n}\n.${className}:after {\n position: absolute;\n content: \"\";\n bottom: -10px;\n left: 0;\n border-color: transparent;\n border-style: solid;\n border-width: 0 20px 10px 0;\n border-right-color: ${theme.secondary};\n width: 0;\n height: 0;\n opacity: 0.5;\n}\n`;\n\nconst ribbonBottomStyle = (className: string, theme?: Theme) => `\n.${className} {\n position: absolute;\n right: -20px;\n bottom: 15px;\n color: #fff;\n z-index: 9;\n width: 80%;\n font-size: 1.3em;\n border-radius: ${theme.borderRadius} 0 0 ${theme.borderRadius};\n padding: 5px 0;\n background: ${theme?.primary};\n}\n.${className}:after {\n position: absolute;\n content: \"\";\n right: 0;\n bottom: -10px;\n border-color: transparent;\n border-style: solid;\n border-width: 10px 20px 0 0;\n border-top-color: ${theme.primary};\n width: 0;\n height: 0;\n opacity: 0.5;\n}\n`;\n\nconst titleStyle = (className: string) => `\n.${className} {\n margin-bottom: 0;\n font-size: 1em;\n margin-bottom: 2px;\n font-size: 1.3em;\n font-weight: 700;\n}`;\n\nconst subtitleStyle = (className: string) => `\n.${className} {\n margin-top: 0;\n}`;\n\nconst limitationsWrapperStyle = (className: string) => `\n.${className} {\n font-size: 0.75em;\n}\n.${className} > span{\n display: block;\n}\n`;\n\n\nconst getTopRibbonText = (discount: Discount) => {\n return (\n (discount && discount.metadata && discount.metadata.label) \|\| undefined\n );\n};\n\nconst createTopRibbon = (discount: Discount, configuration: Configuration) => {\n const text = getTopRibbonText(discount);\n return (\n text &&\n createElement({\n tag: \"div\",\n innerHTML: text,\n theme: configuration.theme,\n styles: [ribbonTopStyle],\n })\n );\n};\n\nconst getBottomRibbonText = (\n discount: Discount,\n configuration: Configuration\n) => {\n const tStrings = translations[configuration.language];\n if (discount.reward.type === \"discount_item_new_price\") {\n return monetaryString(discount.reward.value, configuration, {\n variant: \"short\",\n });\n } else if (discount.reward.type === \"discount_percent\") {\n return discount.reward.value + \"%\";\n } else if (discount.reward.type === \"discount_item_quantity\") {\n if (\n discount.requirement.item.quantity === 3 &&\n discount.reward.value === 1\n ) {\n // Show custom 3 for 2 message\n return tStrings.rewards.discount_item_quantity.three_for_two;\n } else {\n const require = discount.requirement.item.quantity;\n const payFor =\n discount.requirement.item.quantity - discount.reward.value;\n return t(tStrings.rewards.discount_item_quantity.generic, {\n require,\n payFor,\n });\n }\n } else if (discount.reward.type === \"discount_amount\") {\n const monetaryAmount = monetaryString(\n discount.reward.value,\n configuration,\n { decimal: false }\n );\n return t(tStrings.rewards.discount_amount, { monetaryAmount });\n } else if (discount.reward.type === \"discount_item_percent\") {\n return discount.reward.value + \"%\";\n }\n return \"\";\n};\n\nconst createBottomRibbon = (\n discount: Discount,\n configuration: Configuration\n) => {\n const text = getBottomRibbonText(discount, configuration);\n return (\n text &&\n createElement({\n tag: \"div\",\n innerHTML: text,\n theme: configuration.theme,\n styles: [ribbonBottomStyle],\n })\n );\n};\n\nconst createImage = (discount: Discount) => {\n const imageWrapper = createElement({\n tag: \"div\",\n styles: [normalize, imageWrapperStyles],\n });\n const imageSrc = discount.links.find((link) => [\n \"medium_discount_image\",\n \"thumbnail_discount_image\".includes(link.rel),\n ]);\n const image =\n imageSrc &&\n createElement({\n tag: \"img\",\n attributes: { src: imageSrc.href, alt: discount.name, loading: \"lazy\"},\n styles: [normalize, imageStyle],\n });\n if (image) {\n imageWrapper.appendChild(image);\n }\n return imageWrapper;\n};\n\nconst createLimitations = (\n discount: Discount,\n configuration: Configuration\n) => {\n const tStrings = translations[configuration.language];\n\n const wrapper = createElement({\n tag: \"small\",\n styles: [normalize, limitationsWrapperStyle],\n });\n\n const quantity =\n discount.limitation.discount_reward_usage &&\n discount.limitation.discount_reward_usage !== -1 &&\n createElement({\n tag: \"span\",\n innerHTML: t(tStrings.limitations.discount_reward_usage, {\n discount_reward_usage: discount.limitation.discount_reward_usage,\n }),\n });\n const repeat =\n discount.limitation.discount_repeat_usage &&\n discount.limitation.discount_repeat_usage !== -1 &&\n createElement({\n tag: \"span\",\n innerHTML: t(tStrings.limitations.discount_repeat_usage, {\n discount_repeat_usage: discount.limitation.discount_repeat_usage,\n }),\n });\n\n const startDate = new Date(discount.requirement.purchase_from \|\| 0);\n const start = startDate > new Date() && createElement({\n tag: \"span\",\n innerHTML: t(tStrings.requirements.purchase_from, {\n purchase_from: dateString(discount.requirement.purchase_from, configuration),\n }),\n });\n const endDate = new Date(discount.requirement.purchase_to \|\| 0);\n const end = endDate > new Date() && createElement({\n tag: \"span\",\n innerHTML: t(tStrings.requirements.purchase_to, {\n purchase_to: dateString(discount.requirement.purchase_to, configuration),\n }),\n });\n const children = [\n quantity,\n repeat,\n start,\n end\n ].filter((child) => child);\n children.forEach((child) => wrapper.appendChild(child));\n console.log({discount, wrapper});\n return wrapper;\n};\n\nexport const createDiscount = (\n discount: Discount,\n configuration: Configuration\n): HTMLElement => {\n const discountElem = createElement({\n tag: findWebshopLink(discount) ? \"a\" : \"div\",\n styles: [normalize, discountStyle],\n theme: configuration.theme\n });\n const ribbonTop = createTopRibbon(discount, configuration);\n const ribbonBottom = createBottomRibbon(discount, configuration);\n const image = createImage(discount);\n const title =\n discount?.name &&\n createElement({ tag: \"h4\", innerHTML: discount.name , styles:[titleStyle]});\n const subtitle =\n discount?.metadata?.subtitle &&\n createElement({ tag: \"p\", innerHTML: discount.metadata.subtitle, styles: [subtitleStyle] });\n const description =\n discount.description &&\n createElement({ tag: \"p\", innerHTML: discount.description });\n\n const limitations = createLimitations(discount, configuration);\n // add children to discount wrapper\n const children = [\n ribbonTop,\n ribbonBottom,\n image,\n title,\n subtitle,\n description,\n limitations\n ].filter((child) => child);\n children.forEach((child) => discountElem.appendChild(child));\n return discountElem;\n};\n","import { Configuration, Discount, TokenResponse } from \"./types\";\n\nconst createHeaders = (\n keyValues: { [key: string]: string },\n configuration: Configuration\n) => {\n const headers: HeadersInit = new Headers();\n Object.entries({\n ...keyValues,\n \"Dintero-System-Name\": \"deals-web-sdk\",\n \"Dintero-System-Version\": configuration.version,\n }).forEach(([key, value]) => {\n headers.append(key, value);\n });\n return headers;\n};\n\nconst fetchAccessToken = (\n configuration: Configuration\n): Promise<TokenResponse> => {\n if (!configuration.api) {\n throw new Error(\"Authentication configuration missing\");\n }\n const basicAuthCredentials = window.btoa(\n `${configuration.api.key}:${configuration.api.secret}`\n );\n const headers = createHeaders(\n {\n Authorization: `Basic ${basicAuthCredentials}`,\n \"content-type\": \"application/json\",\n },\n configuration\n );\n const body = JSON.stringify({\n grant_type: \"client_credentials\",\n audience: `${configuration.api.url}/v1/accounts/${configuration.api.account}`,\n });\n return window\n .fetch(\n `${configuration.api.url}/v1/accounts/${configuration.api.account}/auth/token`,\n {\n method: \"POST\",\n headers,\n body,\n }\n )\n .then((response) => {\n if (response.status === 200) {\n return response.json() as Promise<TokenResponse>;\n }\n throw new Error(\"Authentication failed\");\n });\n};\n\nexport const fetchDiscounts = (\n configuration: Configuration\n): Promise<Discount[]> => {\n return fetchAccessToken(configuration).then((tokenResponse) => {\n const headers = createHeaders(\n {\n Authorization: `${tokenResponse.token_type} ${tokenResponse.access_token}`,\n },\n configuration\n );\n \n if (configuration.api.discountId) {\n return window\n .fetch(\n `${configuration.api.url}/v1/accounts/${configuration.api.account}/discounts/public/rules/${configuration.api.discountId}`,\n {\n headers,\n }\n )\n .then((response) => {\n if (response.status === 200) {\n return response\n .json()\n .then((discount) => [discount]) as Promise<\n Discount[]\n >;\n }\n throw new Error(\"Authentication failed\");\n });\n }\n\n return window\n .fetch(\n `${configuration.api.url}/v1/accounts/${configuration.api.account}/discounts/public/rules?limit=${configuration.api.limit}`,\n {\n headers,\n }\n )\n .then((response) => {\n if (response.status === 200) {\n return response.json() as Promise<Discount[]>;\n }\n throw new Error(\"Authentication failed\");\n });\n });\n};\n","import { createElement } from \"./dom\";\nimport { Configuration, Theme } from \"./types\";\nimport { translations } from \"./translations\";\nimport { normalize } from \"./normalize\";\n\nconst errorStyle = (className: string, theme: Theme) => `\n@keyframes appear {\n from {\n transform: scaleY(0%);\n height: 0;\n opacity: 0;\n }\n \n to {\n transform: scaleY(100%);\n height: auto;\n opacity: 1;\n }\n }\n.${className} {\n box-shadow: rgb(212, 212, 213) 0px 1px 3px 0px, rgb(212, 212, 213) 0px 0px 0px 1px;\n border-radius: 3px;\n text-align: center;\n padding-top: 65px;\n padding-bottom: 70px;\n padding-left: 5px;\n padding-right: 5px;\n max-width: 300px;\n width: 250px;\n font-size: 14px;\n margin: 5px auto;\n background: ${theme.background};\n animation-duration: 0.2s;\n animation-name: appear;\n animation-timing-function: ease-in;\n transform-origin: top center;\n}\n`;\n\n\nexport const createError = (\n configuration: Configuration\n): HTMLElement => {\n const tString = translations[configuration.language];\n const errorElem = createElement({\n tag: \"div\",\n styles: [normalize, errorStyle],\n theme: configuration.theme,\n innerHTML: tString.errors.fetch\n });\n \n return errorElem;\n};\n","import { createElement } from \"./dom\";\nimport { Configuration, Theme } from \"./types\";\nimport { normalize } from \"./normalize\";\n\nconst loadingStyle = (className: string, theme: Theme) => `\n.${className} {\n margin: 10px auto;\n display: block;\n width: 80px;\n height: 80px;\n}\n\n.${className}:after {\n content: \" \";\n display: block;\n width: 64px;\n height: 64px;\n margin: 8px;\n border-radius: 50%;\n border: 6px solid #000;\n border-color: rgba(0,0,0,0.2) transparent rgba(0,0,0,0.2) transparent;\n animation: loading 0.6s linear infinite;\n}\n\n@keyframes loading {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n`;\n\nexport const createLoading = (configuration: Configuration): HTMLElement => {\n const errorElem = createElement({\n tag: \"div\",\n styles: [normalize, loadingStyle],\n theme: configuration.theme,\n });\n\n return errorElem;\n};\n","import { createDiscount, findWebshopLink } from \"./discounts\";\nimport { Discount, Configuration, Theme, Embed } from \"./types\";\nimport { createElement } from \"./dom\";\nimport { fetchDiscounts } from \"./fetch\";\nimport { createError } from \"./error\";\nimport { createLoading } from \"./loading\";\nimport { normalize } from \"./normalize\";\nimport pkg from \"../package.json\";\n\n\n\nconst defaultConfig:Partial<Configuration> = {\n language: 'no',\n version: pkg.version,\n linkTarget: '_self',\n currency: {\n value: 'Kr',\n position: 'suffix',\n exponent: 2\n },\n theme: {\n background: \"#fff\",\n primary: \"#333\",\n secondary: \"#333\",\n color: \"inherit\",\n borderRadius: \"2px\",\n fontSize: \"inherit\",\n },\n api: {\n account: \"\",\n key: \"\",\n secret: \"\",\n url: \"https://api.dintero.com\",\n limit: 50,\n },\n}\n\nconst mergeConfig = (a:Partial<Configuration>, b:Configuration): Configuration =>{\n return {\n ...a,\n ...b,\n currency:{\n ...a.currency,\n ...b.currency,\n },\n theme: {\n ...a.theme,\n ...b.theme\n },\n api:{\n ...a.api,\n ...b.api\n }\n }\n}\n\nconst wrapperStyles = (className: string, theme:Theme) => `\n.${className} {\n display: flex;\n flex-flow: wrap;\n align-items: stretch;\n justify-content: center;\n position: relative;\n font-weight: normal;\n width: 100%;\n font-size: ${theme.fontSize};\n color: ${theme.color};\n}`;\n\nexport const embed = async (configuration: Configuration):Promise<Embed> => {\n\n const _configuration = mergeConfig(defaultConfig, configuration);\n if(!_configuration.container \|\|!_configuration.container.appendChild){\n console.error(\"Invalid configuration\");\n throw new Error(\"Invalid configuration\");\n }\n if (_configuration.discounts) {\n return renderDeals(_configuration, _configuration.discounts);\n } else {\n\n const loader = createLoading(_configuration);\n try{\n configuration.container.appendChild(loader);\n const discounts = await fetchDiscounts(_configuration);\n _configuration.container.removeChild(loader);\n return renderDeals(_configuration, discounts);\n } catch(error) {\n configuration.container.removeChild(loader);\n const errorMessage = createError(_configuration);\n _configuration.container.appendChild(errorMessage);\n return {\n destroy: () => {\n configuration.container.removeChild(errorMessage);\n }\n }\n }\n }\n};\n\nconst renderDeals = (configuration: Configuration, discounts: Discount[]):Embed => {\n const wrapper = createElement({ tag: \"div\", styles: [normalize, wrapperStyles], theme: configuration.theme });\n discounts.forEach((discount) => {\n const elem = createDiscount(discount, configuration);\n const webShopLink = findWebshopLink(discount);\n if (webShopLink) {\n elem.setAttribute('target', configuration?.linkTarget \|\| '_self');\n elem.setAttribute('href', webShopLink.href);\n }\n wrapper.appendChild(elem);\n });\n configuration.container.appendChild(wrapper);\n return {\n destroy: () => {\n configuration.container.removeChild(wrapper);\n }\n }\n};\n"],"names":["createElement","options","elem","document","tag","attributes","addAttributes","handlers","addEventListeners","styles","addStyles","theme","innerHTML","forEach","cssFn","className","input","hash","i","length","charCodeAt","toString","split","includes","addClass","querySelector","style","setAttribute","head","appendChild","Object","keys","key","addEventListener","translations","no","rewards","discount_item_quantity","three_for_two","generic","discount_amount","limitations","discount_reward_usage","discount_repeat_usage","requirements","purchase_from","purchase_to","errors","fetch","findValuesRegex","t","translateString","values","matches","match","_values","reduce","interpolated","replace","value","monetaryString","amount","configuration","opt","amountString","dotIndex","currency","exponent","beforeDot","slice","afterDot","exponentAmount","decimal","variant","position","padZero","dateString","isoString","date","Date","language","dd","getDate","mm","getMonth","getFullYear","join","Intl","DateTimeFormat","format","e","substr","normalize","findWebshopLink","discount","links","find","x","rel","discountStyle","borderRadius","background","imageWrapperStyles","imageStyle","ribbonTopStyle","secondary","ribbonBottomStyle","primary","titleStyle","subtitleStyle","limitationsWrapperStyle","createBottomRibbon","text","tStrings","reward","type","requirement","item","quantity","require","payFor","monetaryAmount","getBottomRibbonText","createDiscount","discountElem","ribbonTop","metadata","label","undefined","getTopRibbonText","createTopRibbon","ribbonBottom","image","imageWrapper","imageSrc","link","src","href","alt","name","loading","createImage","title","subtitle","description","wrapper","limitation","filter","child","console","log","createLimitations","createHeaders","keyValues","headers","Headers","entries","version","append","fetchDiscounts","api","Error","basicAuthCredentials","window","btoa","secret","Authorization","body","JSON","stringify","grant_type","audience","url","account","method","then","response","status","json","fetchAccessToken","tokenResponse","token_type","access_token","discountId","limit","errorStyle","loadingStyle","defaultConfig","linkTarget","color","fontSize","wrapperStyles","renderDeals","discounts","webShopLink","container","destroy","removeChild","async","_configuration","a","b","error","loader","createLoading","errorMessage","tString","createError"],"mappings":"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"}

package/index.html CHANGED Viewed

@@ -197,6 +197,10 @@
                             {
                                 "rel": "medium_discount_image",
                                 "href": "https://uploads-ssl.webflow.com/5f023ba9549ac22870f32943/5f1333ae5a496b0e0476975e_dintero-logo.svg"
+                            },
+                            {
+                                "rel": "webshop",
+                                "href": "https://example.dintero.com/shop?utm_source=dintero&utm_medium=email&utm_campaign=spring-summer"
                             }
                         ],
                         "metadata": {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@dintero/discounts-web-sdk",
-    "version": "0.1.0",
+    "version": "0.2.0",
     "description": "Dintero Discounts SDK for web frontends",
     "main": "dist/dintero-discounts-web-sdk.cjs.js",
     "module": "dist/dintero-discounts-web-sdk.esm.js",
@@ -12,6 +12,7 @@
     },
     "scripts": {
         "test": "karma start",
+        "watch": "preconstruct watch",
         "build": "preconstruct build",
         "prepublishOnly": "npm run build",
         "semantic-release": "semantic-release"
@@ -40,7 +41,7 @@
         "karma-typescript": "^5.0.3",
         "mocha": "^8.1.1",
         "prettier": "^2.7.0",
-        "puppeteer": "^2.1.0",
+        "puppeteer": "^17.1.1",
         "semantic-release": "^19.0.3",
         "typescript": "^4.2.4"
     }