@dintero/discounts-web-sdk 0.2.7 → 0.2.8

package/.github/workflows/build.yml

@@ -3,6 +3,8 @@ name: CI
 on:
   pull_request:
     branches: [master]
+  merge_group:
+    branches: [master]
   push:
     branches:
       - master

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

@@ -568,7 +568,7 @@ const createLoading = configuration => {
 
 var pkg = {
 	name: "@dintero/discounts-web-sdk",
-	version: "0.2.7",
+	version: "0.2.8",
 	description: "Dintero Discounts SDK for web frontends",
 	main: "dist/dintero-discounts-web-sdk.cjs.js",
 	module: "dist/dintero-discounts-web-sdk.esm.js",
@@ -598,15 +598,15 @@ var pkg = {
 		url: "https://github.com/Dintero/Dintero.Discounts.Web.SDK/issues"
 	},
 	devDependencies: {
-		"@babel/core": "7.23.9",
-		"@babel/preset-typescript": "7.23.3",
+		"@babel/core": "7.24.4",
+		"@babel/preset-typescript": "7.24.1",
 		"@preconstruct/cli": "2.8.3",
 		"@semantic-release/git": "10.0.1",
-		"happy-dom": "13.3.8",
+		"happy-dom": "14.4.0",
 		prettier: "3.2.5",
-		"semantic-release": "23.0.2",
-		typescript: "5.3.3",
-		vitest: "1.3.1"
+		"semantic-release": "23.0.7",
+		typescript: "5.4.3",
+		vitest: "1.4.0"
 	}
 };
 

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

@@ -568,7 +568,7 @@ const createLoading = configuration => {
 
 var pkg = {
 	name: "@dintero/discounts-web-sdk",
-	version: "0.2.7",
+	version: "0.2.8",
 	description: "Dintero Discounts SDK for web frontends",
 	main: "dist/dintero-discounts-web-sdk.cjs.js",
 	module: "dist/dintero-discounts-web-sdk.esm.js",
@@ -598,15 +598,15 @@ var pkg = {
 		url: "https://github.com/Dintero/Dintero.Discounts.Web.SDK/issues"
 	},
 	devDependencies: {
-		"@babel/core": "7.23.9",
-		"@babel/preset-typescript": "7.23.3",
+		"@babel/core": "7.24.4",
+		"@babel/preset-typescript": "7.24.1",
 		"@preconstruct/cli": "2.8.3",
 		"@semantic-release/git": "10.0.1",
-		"happy-dom": "13.3.8",
+		"happy-dom": "14.4.0",
 		prettier: "3.2.5",
-		"semantic-release": "23.0.2",
-		typescript: "5.3.3",
-		vitest: "1.3.1"
+		"semantic-release": "23.0.7",
+		typescript: "5.4.3",
+		vitest: "1.4.0"
 	}
 };
 

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

@@ -564,7 +564,7 @@ const createLoading = configuration => {
 
 var pkg = {
 	name: "@dintero/discounts-web-sdk",
-	version: "0.2.7",
+	version: "0.2.8",
 	description: "Dintero Discounts SDK for web frontends",
 	main: "dist/dintero-discounts-web-sdk.cjs.js",
 	module: "dist/dintero-discounts-web-sdk.esm.js",
@@ -594,15 +594,15 @@ var pkg = {
 		url: "https://github.com/Dintero/Dintero.Discounts.Web.SDK/issues"
 	},
 	devDependencies: {
-		"@babel/core": "7.23.9",
-		"@babel/preset-typescript": "7.23.3",
+		"@babel/core": "7.24.4",
+		"@babel/preset-typescript": "7.24.1",
 		"@preconstruct/cli": "2.8.3",
 		"@semantic-release/git": "10.0.1",
-		"happy-dom": "13.3.8",
+		"happy-dom": "14.4.0",
 		prettier: "3.2.5",
-		"semantic-release": "23.0.2",
-		typescript: "5.3.3",
-		vitest: "1.3.1"
+		"semantic-release": "23.0.7",
+		typescript: "5.4.3",
+		vitest: "1.4.0"
 	}
 };
 

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))),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.7",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.8",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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dintero/discounts-web-sdk",
-    "version": "0.2.7",
+    "version": "0.2.8",
     "description": "Dintero Discounts SDK for web frontends",
     "main": "dist/dintero-discounts-web-sdk.cjs.js",
     "module": "dist/dintero-discounts-web-sdk.esm.js",
@@ -30,14 +30,14 @@
         "url": "https://github.com/Dintero/Dintero.Discounts.Web.SDK/issues"
     },
     "devDependencies": {
-        "@babel/core": "7.23.9",
-        "@babel/preset-typescript": "7.23.3",
+        "@babel/core": "7.24.4",
+        "@babel/preset-typescript": "7.24.1",
         "@preconstruct/cli": "2.8.3",
         "@semantic-release/git": "10.0.1",
-        "happy-dom": "13.3.8",
+        "happy-dom": "14.4.0",
         "prettier": "3.2.5",
-        "semantic-release": "23.0.2",
-        "typescript": "5.3.3",
-        "vitest": "1.3.1"
+        "semantic-release": "23.0.7",
+        "typescript": "5.4.3",
+        "vitest": "1.4.0"
     }
 }

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

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

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

@@ -1,606 +0,0 @@
-export interface Item {
-    /**
-     * example:
-     * b714118
-     */
-    id?: string;
-    /**
-     * example:
-     * B1
-     */
-    group_id?: string;
-}
-export interface Limitation {
-    /**
-     * Limit the discount to hours of the day
-     *
-     */
-    discount_hours?: {
-        /**
-         * The timezone identifier for the hour start/end, see
-         * https://en.wikipedia.org/wiki/List_of_tz_database_time_zones
-         * for examples. DST is handled when using a Timezone with DST.
-         *
-         */
-        timezone?: string;
-        /**
-         * an array of periods, day and time when discount will be
-         * available. Multiple periods for one day is accepted.
-         * Any hour of purchase is accepted if the array is empty.
-         *
-         */
-        hours: {
-            day: "mon" | "tue" | "wed" | "thu" | "fri" | "sat" | "sun";
-            /**
-             * example:
-             * 10:00
-             */
-            start: string; // ^([01]?[0-9]|2[0-3]):[0-5][0-9]$
-            /**
-             * example:
-             * 20:00
-             */
-            end: string; // ^([01]?[0-9]|2[0-3]):[0-5][0-9]$
-        }[];
-    };
-    /**
-     * Limit the number of rewards to be given in a purchase
-     * where multiple receipt items match the requirement
-     *
-     * example:
-     * 1
-     */
-    discount_reward_usage?: number;
-    /**
-     * Limit how many other discounts can be combined in a purchase
-     * where multiple discounts are applicable.
-     *
-     */
-    discount_combination?: -1 | 0;
-    /**
-     * Limit what items in the purchase is eligible for this discount
-     *
-     */
-    discount_eligible?:
-        | "item_eligible_for_discount"
-        | "item_eligible_for_discount_no_discount"
-        | "receipt_no_discount";
-    /**
-     * Limit how many purchases the discount can be used
-     *
-     */
-    discount_repeat_usage?: number;
-    /**
-     * Number of days between first and last (exceeding count) stamp
-     * where reward will be given
-     *
-     * example:
-     * 100
-     */
-    stamp_expire_days?: number;
-    /**
-     * items not eligible for discount.
-     *
-     */
-    blacklist?: Item[];
-}
-/**
- * Links to resources related to the discount
- * example:
- * [object Object],[object Object],[object Object],[object Object]
- */
-export type Links = {
-    /**
-     * The URL of the link.
-     */
-    href: string; // uri
-    /**
-     * Specifies the relationship between the discount and the link
-     *
-     * Following `rel` values are reserved for specific usage
-     *
-     *   - thumbnail_discount_image: link to discount image
-     *   - medium_discount_image: link to discount image
-     *   - large_discount_image: link to discount image
-     *   - webshop: link to site where the discount may be used
-     *
-     */
-    rel?: string;
-    /**
-     * Specifies the media type of the link
-     */
-    type?: string;
-}[];
-export interface StoreRequirement {
-    id?: string[];
-    /**
-     * name of the store, aka trade name of the store
-     *
-     */
-    name?: string[];
-    /**
-     * Official name of the person or entity that owns the store.
-     *
-     */
-    business_name?: string[];
-    /**
-     * Require customer to have one or more addresses matching the properties. All properties defined must match a single address.
-     */
-    address?: {
-        /**
-         * example:
-         * NO
-         */
-        country?: string[];
-        /**
-         * example:
-         * 4515
-         */
-        postal_code?: string[];
-        /**
-         * example:
-         * Oslo
-         */
-        postal_place?: string[];
-    };
-    chain?: string[];
-    email?: string[];
-    gln?: string[];
-    organization_number?: string[];
-    phone_number?: string[];
-    /**
-     * A four-digit Merchant Category Code (MCC) for the store
-     * [ISO 18245:2003](https://www.iso.org/standard/33365.html)
-     *
-     */
-    mcc?: string /* iso-18245 */[];
-    /**
-     * Ranges of MCC codes to accept the discount for.
-     * Multiple ranges are possible.
-     * Prefer `mcc` if not a range.
-     *
-     */
-    mcc_ranges?: {
-        /**
-         * example:
-         * 5814
-         */
-        start: string; // iso-18245 ^\d{4}$
-        /**
-         * example:
-         * 5815
-         */
-        end: string; // iso-18245 ^\d{4}$
-    }[];
-    /**
-     * Merchant number associated with the stores
-     * payment terminal
-     *
-     */
-    bax?: string[];
-    /**
-     * Id to a specific point-of-sale (POS) terminal
-     * or workstation
-     *
-     */
-    terminal_id?: string[];
-}
-export interface ItemMixProperty {
-    /**
-     * Acceptable items for the mix "item" (`any`). No wildcard `*` is
-     * accepted.
-     *
-     * example:
-     * [object Object],[object Object]
-     */
-    items?: {
-        /**
-         * example:
-         * b714118
-         */
-        id?: string; // ^(\*.+|(?!\*).*)$
-        /**
-         * example:
-         * g4
-         */
-        group_id?: string; // ^(\*.+|(?!\*).*)$
-    }[];
-    /**
-     * minimum quantity of given item (match by id or group) by the mix
-     *
-     */
-    quantity: number;
-    /**
-     * The item will be eligible for discount when calculating the reward
-     * Example: The value of `discount_item_new_price` reward will be the
-     * total price of all items in a mix that has the applicable set to `true`
-     *
-     */
-    reward_eligible: boolean;
-}
-
-export interface CustomerRequirement {
-    /**
-     * Require customer to have one or more addresses matching the properties. All properties defined must match a single address.
-     */
-    addresses?: {
-        /**
-         * example:
-         * NO
-         */
-        country?: string[];
-        /**
-         * example:
-         * 4515
-         */
-        postal_code?: string[];
-        /**
-         * example:
-         * Oslo
-         */
-        postal_place?: string[];
-        /**
-         * example:
-         * offsite
-         */
-        custom_type?: string[];
-        /**
-         * example:
-         * custom
-         */
-        type?: string[];
-    }[];
-    /**
-     * Require customer to be a company matching all properties defined.
-     *
-     */
-    company?: {
-        /**
-         * example:
-         * TKP tech AS
-         */
-        bussiness_name?: string[];
-        /**
-         * example:
-         * production,research
-         */
-        department?: string[];
-        /**
-         * example:
-         * J62.0.1,J62.0.2
-         */
-        industry?: string[];
-        /**
-         * example:
-         * 20
-         */
-        number_of_employees?: string[];
-        /**
-         * example:
-         * 123456789MVA
-         */
-        organization_number?: string[];
-        /**
-         * example:
-         * https://dintero.com
-         */
-        website?: string[];
-    };
-    /**
-     * example:
-     * 1990-09-20,1990-05-10
-     */
-    date_of_birth?: string[];
-    enrolled_by?: {
-        /**
-         * example:
-         * url
-         */
-        type?: string[];
-        /**
-         * example:
-         * https://mypage.example.dintero.com
-         */
-        value?: string[];
-    };
-    /**
-     * example:
-     * sc029
-     */
-    favorite_store?: string[];
-    /**
-     * example:
-     * John
-     */
-    first_name?: string[];
-    /**
-     * example:
-     * male
-     */
-    gender?: string[];
-    /**
-     * example:
-     * Doe
-     */
-    last_name?: string[];
-    marketing_consent?: {
-        email?: {
-            /**
-             * example:
-             * true
-             */
-            consent?: string[];
-        };
-        sms?: {
-            /**
-             * example:
-             * true
-             */
-            consent?: string[];
-        };
-    };
-    /**
-     * limit discount to only receipt where customer status
-     * is included in the receipt and match one of the status
-     * values required by the discount
-     *
-     * example:
-     * vip
-     */
-    status?: string[];
-    term?: {
-        id?: string[];
-    };
-    type?: string[];
-}
-export interface Requirement {
-    customer?: CustomerRequirement;
-    item?: {
-        /**
-         * minimum number of items
-         *
-         */
-        quantity?: number;
-        /**
-         * Required mix items for the discount.
-         *
-         * A purchase must include `all` the items to fulfill the `item.mixes`
-         * requirement.
-         *
-         */
-        mixes?: ItemMixProperty[];
-        /**
-         * Required items for the discount
-         *
-         * A purchase can include `any` of the items to fulfill the `item.items`
-         * requirement.
-         *
-         */
-        items?: Item[];
-    };
-    store_ids?: string[];
-    /**
-     * Minimum gross amount on purchase.
-     * Monetary amount in smallest unit for the currency
-     *
-     */
-    gross_amount?: number;
-    /**
-     * List of valid currencies, or `[{"anything-but": ["NOK"]}]` to exclude currencies.
-     * Currency format is the three-character [ISO-4217 currency](https://en.wikipedia.org/wiki/ISO_4217).
-     *
-     */
-    currencies?: any[];
-    /**
-     * Stamp count required for the reward
-     *
-     * example:
-     * 5
-     */
-    stamp?: number;
-    /**
-     * A code required for the reward. The purchase must include the
-     * promotion code in the `receipt.discount_code` property or as
-     * an `receipt.item` where the `item.id` is the promotion code.
-     *
-     * example:
-     * TACO
-     */
-    discount_code?: string;
-    store?: StoreRequirement;
-    purchase_from: string; // date-time
-    purchase_to: string; // date-time
-}
-export interface Reward {
-    /**
-     *
-     * Reward Type:
-     *   * `discount_amount` - value as discount
-     *   * `discount_percent` - value percentage of gross amount
-     *       as discount
-     *   * `discount_item_new_price` - discount as old price subtracted with value
-     *   * `discount_item_quantity` - number of items to get as discount (free)
-     *   * `discount_item_percent` - percent discount of the cheapest item (stamp)
-     *       as discount
-     *   * `discount_debit` - value as discount, remaining amount after a
-     *     purchase will be available in future purchases (if not limited by usage)
-     *   * `discount_mix_new_price` - discount as old mix total value (reward_eligible=true)
-     *     subtracted with value
-     *
-     */
-    type:
-        | "discount_amount"
-        | "discount_percent"
-        | "discount_item_new_price"
-        | "discount_item_quantity"
-        | "discount_item_percent"
-        | "discount_mix_new_price"
-        | "discount_debit";
-    /**
-     * The reward value, unit of the value is resolved
-     * from the reward type
-     *
-     * Examples:
-     *   - Percent: 10.5
-     *   - Amount: 10000 (amount in smallest unit for the currency)
-     *   - Quantity: 1
-     *
-     * example:
-     * 10000
-     */
-    value: number;
-    /**
-     * Let the discount reward be calculated from net or gross price.
-     * Not applicable for `discount_item_new_price`
-     *
-     * *Example*:
-     *   item A à 100,- NOK with existing rebate of 20,-
-     *
-     *   - 10% net reward is 10% of 80,- : 8,-
-     *   - 10% gross reward is 10% of 100,- : 10,-
-     *
-     *   * *net*: `gross - "any existing discounts"`
-     *   * *gross*: `"total expense amount, including taxes"`
-     *
-     */
-    base?: "net" | "gross";
-}
-export interface Discount {
-    /**
-     * An UUID that uniquely identifies the resource
-     *
-     */
-    readonly id?: string; // uuid
-    /**
-     * The date-time when the resource was created
-     *
-     */
-    readonly created_at?: string; // date-time
-    /**
-     * The ID of the user/client created the resource
-     *
-     * example:
-     * 1c92f7e1-2897-4d46-bdcc-c127a914fb4e
-     */
-    readonly created_by?: string;
-    /**
-     * The date-time when the resource was last updated
-     *
-     */
-    readonly updated_at?: string; // date-time
-    /**
-     * The ID of the user/client created the resource
-     *
-     * example:
-     * 1c92f7e1-2897-4d46-bdcc-c127a914fb4e
-     */
-    readonly deleted_by?: string;
-    readonly deleted_at?: string; // date-time
-    /**
-     * The campaign the rule belongs to
-     *
-     */
-    campaign_id?: string;
-    /**
-     * the discount is active and can be available
-     * for purchase (if given to any or all customers)
-     *
-     */
-    active?: boolean;
-    /**
-     * the discount will be exluded from  public discount collection
-     * (GET /discounts/public/rules).
-     *
-     */
-    private?: boolean;
-    /**
-     * The ID of the user/client that last updated the resource
-     *
-     * example:
-     * 3d1e4824-5474-48e7-a369-4f603fa4c5b8
-     */
-    readonly updated_by?: string;
-    /**
-     * The discount base type * `receipt` discount is given on receipt * `item` discount is given to items
-     */
-    readonly type?: "item" | "receipt";
-    /**
-     * example:
-     * Spar 100,-
-     */
-    name?: string;
-    /**
-     * Text that should be used when displaying
-     * the discount, e.g. on receipt
-     *
-     * example:
-     * Mai Salg
-     */
-    receipt_text?: string;
-    /**
-     * Make th discount visible to the customer from
-     * given date. Default behavior is to only return
-     * discount to the customer where the current time
-     * is between purchase_from and purchase_to
-     *
-     */
-    visible_from?: string; // date-time
-    /**
-     * example:
-     * Gjør et Stablestol kupp!
-     */
-    description?: string;
-    limitation?: Limitation;
-    requirement: Requirement;
-    reward: Reward;
-    /**
-     * Additional metadata about the discount
-     *
-     * example:
-     * [object Object]
-     */
-    metadata?: {
-        [key: string]: any;
-    };
-    links?: Links;
-}
-
-export type Theme = {
-    color?: string;
-    background?: string;
-    primary?: string;
-    secondary?: string;
-    borderRadius?: string;
-    fontSize?: string;
-};
-
-export type Configuration = {
-    container: HTMLElement;
-    language?: string;
-    currency?: {
-        value: string;
-        position: "prefix" | "suffix";
-        exponent: 2;
-    };
-    theme?: Theme;
-    api?: {
-        account: string;
-        key: string;
-        secret: string;
-        url: string;
-        limit?: number;
-        discountId?: string;
-    };
-    linkTarget?: "_blank" | "_self";
-    version?: string;
-    discounts?: Discount[];
-};
-
-type TokenResponse = {
-    access_token: string;
-    token_type: string;
-};
-
-export type Embed = {
-    destroy: () => void;
-};