@dintero/discounts-web-sdk 0.2.4 → 0.2.5

package/.github/workflows/build.yml

@@ -11,13 +11,17 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-    - uses: actions/checkout@v2
-    - uses: actions/setup-node@v2
-      with:
-        node-version: 'lts/*'
-        cache: npm
-    - name: npm install, build and test
-      run: |
-        npm install
-        npm run test
-        npm run build
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 'lts/*'
+          cache: yarn
+
+      - name: yarn install, build and test
+        run: |
+          yarn install
+          yarn run test
+          yarn run build

package/.github/workflows/release.yml

@@ -18,22 +18,22 @@ jobs:
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
         with:
           fetch-depth: 0
 
       - name: Setup Node.js
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v3
         with:
           node-version: 'lts/*'
 
-      - name: Install dependencies
+      - name: yarn install and test
         run: |
-          npm install
-          npm run test
+          yarn install
+          yarn run test
 
       - name: Release
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}
-        run: npm run semantic-release
+        run: yarn run semantic-release

package/README.md

@@ -169,8 +169,8 @@ All major modern browsers above version `N - 1`, where `N` is the most recent ve
 ## Building from source
 
 ```bash
-npm install
-npm run build
+yarn install
+yarn run build
 ```
 
 ### Creating a new release

package/dist/declarations/src/index.d.ts

@@ -1,2 +1,2 @@
-import { Configuration, Embed } from "./types";
+import { Configuration, Embed } from "./types.js";
 export declare const embed: (configuration: Configuration) => Promise<Embed>;

package/dist/dintero-discounts-web-sdk.cjs.d.ts

@@ -1 +1,2 @@
 export * from "./declarations/src/index";
+//# sourceMappingURL=dintero-discounts-web-sdk.cjs.d.ts.map

package/dist/dintero-discounts-web-sdk.cjs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dintero-discounts-web-sdk.cjs.d.ts","sourceRoot":"","sources":["./declarations/src/index.d.ts"],"names":[],"mappings":"AAAA"}

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

@@ -391,10 +391,6 @@ const createLimitations = (discount, configuration) => {
   });
   const children = [quantity, repeat, start, end].filter(child => child);
   children.forEach(child => wrapper.appendChild(child));
-  console.log({
-    discount,
-    wrapper
-  });
   return wrapper;
 };
 const createDiscount = (discount, configuration) => {
@@ -572,7 +568,7 @@ const createLoading = configuration => {
 
 var pkg = {
 	name: "@dintero/discounts-web-sdk",
-	version: "0.2.4",
+	version: "0.2.5",
 	description: "Dintero Discounts SDK for web frontends",
 	main: "dist/dintero-discounts-web-sdk.cjs.js",
 	module: "dist/dintero-discounts-web-sdk.esm.js",
@@ -583,10 +579,10 @@ var pkg = {
 		umdName: "discounts"
 	},
 	scripts: {
-		test: "jest --maxWorkers=1 --detectOpenHandles",
+		test: "vitest --dom",
 		watch: "preconstruct watch",
 		build: "preconstruct build",
-		prepublishOnly: "npm run build",
+		prepublishOnly: "yarn build",
 		"semantic-release": "semantic-release"
 	},
 	"private": false,
@@ -601,24 +597,15 @@ var pkg = {
 		url: "https://github.com/Dintero/Dintero.Discounts.Web.SDK/issues"
 	},
 	devDependencies: {
-		"@babel/preset-env": "^7.14.1",
-		"@babel/preset-typescript": "^7.13.0",
-		"@preconstruct/cli": "^2.1.0",
-		"@semantic-release/git": "^10.0.1",
-		"@types/jest": "^29.4.0",
-		jest: "^29.4.1",
-		"jest-environment-jsdom": "^29.4.1",
-		prettier: "^2.7.0",
-		"semantic-release": "^20.1.0",
-		"ts-jest": "^29.0.5",
-		typescript: "^4.2.4"
-	},
-	jest: {
-		preset: "ts-jest",
-		testMatch: [
-			"**/test/**/*.test.ts"
-		],
-		testEnvironment: "jsdom"
+		"@babel/core": "7.13.0",
+		"@babel/preset-typescript": "7.13.0",
+		"@preconstruct/cli": "2.8.1",
+		"@semantic-release/git": "10.0.1",
+		"happy-dom": "12.9.0",
+		prettier: "3.0.3",
+		"semantic-release": "22.0.5",
+		typescript: "5.2.2",
+		vitest: "0.34.6"
 	}
 };
 

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

@@ -391,10 +391,6 @@ const createLimitations = (discount, configuration) => {
   });
   const children = [quantity, repeat, start, end].filter(child => child);
   children.forEach(child => wrapper.appendChild(child));
-  console.log({
-    discount,
-    wrapper
-  });
   return wrapper;
 };
 const createDiscount = (discount, configuration) => {
@@ -572,7 +568,7 @@ const createLoading = configuration => {
 
 var pkg = {
 	name: "@dintero/discounts-web-sdk",
-	version: "0.2.4",
+	version: "0.2.5",
 	description: "Dintero Discounts SDK for web frontends",
 	main: "dist/dintero-discounts-web-sdk.cjs.js",
 	module: "dist/dintero-discounts-web-sdk.esm.js",
@@ -583,10 +579,10 @@ var pkg = {
 		umdName: "discounts"
 	},
 	scripts: {
-		test: "jest --maxWorkers=1 --detectOpenHandles",
+		test: "vitest --dom",
 		watch: "preconstruct watch",
 		build: "preconstruct build",
-		prepublishOnly: "npm run build",
+		prepublishOnly: "yarn build",
 		"semantic-release": "semantic-release"
 	},
 	"private": false,
@@ -601,24 +597,15 @@ var pkg = {
 		url: "https://github.com/Dintero/Dintero.Discounts.Web.SDK/issues"
 	},
 	devDependencies: {
-		"@babel/preset-env": "^7.14.1",
-		"@babel/preset-typescript": "^7.13.0",
-		"@preconstruct/cli": "^2.1.0",
-		"@semantic-release/git": "^10.0.1",
-		"@types/jest": "^29.4.0",
-		jest: "^29.4.1",
-		"jest-environment-jsdom": "^29.4.1",
-		prettier: "^2.7.0",
-		"semantic-release": "^20.1.0",
-		"ts-jest": "^29.0.5",
-		typescript: "^4.2.4"
-	},
-	jest: {
-		preset: "ts-jest",
-		testMatch: [
-			"**/test/**/*.test.ts"
-		],
-		testEnvironment: "jsdom"
+		"@babel/core": "7.13.0",
+		"@babel/preset-typescript": "7.13.0",
+		"@preconstruct/cli": "2.8.1",
+		"@semantic-release/git": "10.0.1",
+		"happy-dom": "12.9.0",
+		prettier: "3.0.3",
+		"semantic-release": "22.0.5",
+		typescript: "5.2.2",
+		vitest: "0.34.6"
 	}
 };
 

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

@@ -387,10 +387,6 @@ const createLimitations = (discount, configuration) => {
   });
   const children = [quantity, repeat, start, end].filter(child => child);
   children.forEach(child => wrapper.appendChild(child));
-  console.log({
-    discount,
-    wrapper
-  });
   return wrapper;
 };
 const createDiscount = (discount, configuration) => {
@@ -568,7 +564,7 @@ const createLoading = configuration => {
 
 var pkg = {
 	name: "@dintero/discounts-web-sdk",
-	version: "0.2.4",
+	version: "0.2.5",
 	description: "Dintero Discounts SDK for web frontends",
 	main: "dist/dintero-discounts-web-sdk.cjs.js",
 	module: "dist/dintero-discounts-web-sdk.esm.js",
@@ -579,10 +575,10 @@ var pkg = {
 		umdName: "discounts"
 	},
 	scripts: {
-		test: "jest --maxWorkers=1 --detectOpenHandles",
+		test: "vitest --dom",
 		watch: "preconstruct watch",
 		build: "preconstruct build",
-		prepublishOnly: "npm run build",
+		prepublishOnly: "yarn build",
 		"semantic-release": "semantic-release"
 	},
 	"private": false,
@@ -597,24 +593,15 @@ var pkg = {
 		url: "https://github.com/Dintero/Dintero.Discounts.Web.SDK/issues"
 	},
 	devDependencies: {
-		"@babel/preset-env": "^7.14.1",
-		"@babel/preset-typescript": "^7.13.0",
-		"@preconstruct/cli": "^2.1.0",
-		"@semantic-release/git": "^10.0.1",
-		"@types/jest": "^29.4.0",
-		jest: "^29.4.1",
-		"jest-environment-jsdom": "^29.4.1",
-		prettier: "^2.7.0",
-		"semantic-release": "^20.1.0",
-		"ts-jest": "^29.0.5",
-		typescript: "^4.2.4"
-	},
-	jest: {
-		preset: "ts-jest",
-		testMatch: [
-			"**/test/**/*.test.ts"
-		],
-		testEnvironment: "jsdom"
+		"@babel/core": "7.13.0",
+		"@babel/preset-typescript": "7.13.0",
+		"@preconstruct/cli": "2.8.1",
+		"@semantic-release/git": "10.0.1",
+		"happy-dom": "12.9.0",
+		prettier: "3.0.3",
+		"semantic-release": "22.0.5",
+		typescript: "5.2.2",
+		vitest: "0.34.6"
 	}
 };
 

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

@@ -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=>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.4",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})}));
+!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))),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.5",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

@@ -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: string[] = 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 || \"SNAPSHOT\",\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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"}
+{"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: string[] = 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    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 || \"SNAPSHOT\",\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","addClass","split","includes","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","getBottomRibbonText","tStrings","reward","type","requirement","item","quantity","require","payFor","monetaryAmount","createDiscount","discountElem","ribbonTop","createTopRibbon","metadata","label","undefined","getTopRibbonText","ribbonBottom","image","imageWrapper","imageSrc","link","src","href","alt","name","loading","createImage","title","subtitle","description","createLimitations","wrapper","limitation","filter","child","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","mergeConfig","console","error","loader","createLoading","errorMessage","tString","createError"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dintero/discounts-web-sdk",
-    "version": "0.2.4",
+    "version": "0.2.5",
     "description": "Dintero Discounts SDK for web frontends",
     "main": "dist/dintero-discounts-web-sdk.cjs.js",
     "module": "dist/dintero-discounts-web-sdk.esm.js",
@@ -11,10 +11,10 @@
         "umdName": "discounts"
     },
     "scripts": {
-        "test": "jest --maxWorkers=1 --detectOpenHandles",
+        "test": "vitest --dom",
         "watch": "preconstruct watch",
         "build": "preconstruct build",
-        "prepublishOnly": "npm run build",
+        "prepublishOnly": "yarn build",
         "semantic-release": "semantic-release"
     },
     "private": false,
@@ -29,23 +29,14 @@
         "url": "https://github.com/Dintero/Dintero.Discounts.Web.SDK/issues"
     },
     "devDependencies": {
-        "@babel/preset-env": "^7.14.1",
-        "@babel/preset-typescript": "^7.13.0",
-        "@preconstruct/cli": "^2.1.0",
-        "@semantic-release/git": "^10.0.1",
-        "@types/jest": "^29.4.0",
-        "jest": "^29.4.1",
-        "jest-environment-jsdom": "^29.4.1",
-        "prettier": "^2.7.0",
-        "semantic-release": "^20.1.0",
-        "ts-jest": "^29.0.5",
-        "typescript": "^4.2.4"
-    },
-    "jest": {
-        "preset": "ts-jest",
-        "testMatch": [
-            "**/test/**/*.test.ts"
-        ],
-        "testEnvironment": "jsdom"
+        "@babel/core": "7.13.0",
+        "@babel/preset-typescript": "7.13.0",
+        "@preconstruct/cli": "2.8.1",
+        "@semantic-release/git": "10.0.1",
+        "happy-dom": "12.9.0",
+        "prettier": "3.0.3",
+        "semantic-release": "22.0.5",
+        "typescript": "5.2.2",
+        "vitest": "0.34.6"
     }
 }

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

@@ -1,7 +0,0 @@
-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/dom.d.ts

@@ -1,15 +0,0 @@
-import { Theme } from './types';
-type CreateElementOptions = {
-    tag: string;
-    attributes?: {
-        [key: string]: any;
-    };
-    styles?: ((className: string, theme?: Theme) => string)[];
-    handlers?: {
-        [key: string]: EventListenerOrEventListenerObject;
-    };
-    innerHTML?: string;
-    theme?: Theme;
-};
-export declare const createElement: (options: CreateElementOptions) => HTMLElement;
-export {};

package/dist/declarations/src/error.d.ts

@@ -1,2 +0,0 @@
-import { Configuration } from "./types";
-export declare const createError: (configuration: Configuration) => HTMLElement;

package/dist/declarations/src/fetch.d.ts

@@ -1,2 +0,0 @@
-import { Configuration, Discount } from "./types";
-export declare const fetchDiscounts: (configuration: Configuration) => Promise<Discount[]>;

package/dist/declarations/src/formatters.d.ts

@@ -1,7 +0,0 @@
-import { Configuration } from './types';
-export declare const monetaryString: (amount: number, configuration: Configuration, options?: {
-    decimal?: boolean;
-    currency?: boolean;
-    variant?: 'short';
-}) => string;
-export declare const dateString: (isoString: string, configuration: Configuration) => string;

package/dist/declarations/src/loading.d.ts

@@ -1,2 +0,0 @@
-import { Configuration } from "./types";
-export declare const createLoading: (configuration: Configuration) => HTMLElement;

package/dist/declarations/src/normalize.d.ts

@@ -1 +0,0 @@
-export declare const normalize: (className: string) => string;

package/dist/declarations/src/translations.d.ts

@@ -1,25 +0,0 @@
-export declare const translations: {
-    no: {
-        rewards: {
-            discount_item_quantity: {
-                three_for_two: string;
-                generic: string;
-            };
-            discount_amount: string;
-        };
-        limitations: {
-            discount_reward_usage: string;
-            discount_repeat_usage: string;
-        };
-        requirements: {
-            purchase_from: string;
-            purchase_to: string;
-        };
-        errors: {
-            fetch: string;
-        };
-    };
-};
-export declare const t: (translateString: string, values?: {
-    [key: string]: any;
-}) => string;

package/karma.conf.js

@@ -1,33 +0,0 @@
-const puppeteer = require("puppeteer");
-
-process.env.CHROME_BIN = puppeteer.executablePath();
-
-module.exports = function(config) {
-    config.set({
-        frameworks: ["mocha", "chai", "karma-typescript"],
-        browsers: ["ChromeHeadless"],
-        preprocessors: {
-            "**/*.ts": "karma-typescript",
-        },
-        reporters: ["progress", "karma-typescript"],
-        basePath: process.cwd(),
-        colors: true,
-        files: ["test/**/*.ts", "src/**/*.ts"],
-        port: 9999,
-        singleRun: true,
-        concurrency: Infinity,
-        // logLevel: config.LOG_DEBUG,
-        karmaTypescriptConfig: {
-            tsconfig: "./tsconfig.json",
-            compilerOptions: {
-                emitDecoratorMetadata: true,
-                experimentalDecorators: true,
-                jsx: "react",
-                module: "commonjs",
-                sourceMap: true,
-                target: "ES5",
-            },
-            exclude: ["node_modules"],
-        },
-    });
-};