@dintero/discounts-web-sdk 0.2.5 → 0.2.7

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    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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"}
+{"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 = (\n    elem: HTMLElement,\n    styles: ((className: string, theme?: Theme) => string)[],\n    theme: Theme | undefined,\n) => {\n    // \"styled components\" light\n    styles.forEach((cssFn) => {\n        // get class name from hash\n        const className =\n            \"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 = (\n    elem: HTMLElement,\n    attributes: { [key: string]: string },\n) => {\n    Object.keys(attributes).forEach((key) => {\n        elem.setAttribute(key, attributes[key]);\n    });\n};\n\nconst addEventListeners = (\n    elem: HTMLElement,\n    handlers: { [key: string]: EventListenerOrEventListenerObject },\n) => {\n    Object.keys(handlers).forEach((key) => {\n        elem.addEventListener(key, handlers[key]);\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:\n            \"Antall: <strong>{{discount_reward_usage}}</strong>\",\n        discount_repeat_usage:\n            \"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 = (\n    translateString: string,\n    values?: { [key: string]: any },\n): 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","import { Configuration } from \"./types\";\n\nexport const monetaryString = (\n    amount: number,\n    configuration: Configuration,\n    options?: {\n        decimal?: boolean;\n        currency?: boolean;\n        variant?: \"short\";\n    },\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 =\n        afterDot == \"00\" && !opt.decimal\n            ? beforeDot\n            : 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) =>\n    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\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: {\n                src: imageSrc.href,\n                alt: discount.name,\n                loading: \"lazy\",\n            },\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:\n                    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:\n                    discount.limitation.discount_repeat_usage,\n            }),\n        });\n\n    const startDate = new Date(discount.requirement.purchase_from || 0);\n    const start =\n        startDate > new Date() &&\n        createElement({\n            tag: \"span\",\n            innerHTML: t(tStrings.requirements.purchase_from, {\n                purchase_from: dateString(\n                    discount.requirement.purchase_from,\n                    configuration,\n                ),\n            }),\n        });\n    const endDate = new Date(discount.requirement.purchase_to || 0);\n    const end =\n        endDate > new Date() &&\n        createElement({\n            tag: \"span\",\n            innerHTML: t(tStrings.requirements.purchase_to, {\n                purchase_to: dateString(\n                    discount.requirement.purchase_to,\n                    configuration,\n                ),\n            }),\n        });\n    const children = [quantity, repeat, start, end].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({\n            tag: \"h4\",\n            innerHTML: discount.name,\n            styles: [titleStyle],\n        });\n    const subtitle =\n        discount?.metadata?.subtitle &&\n        createElement({\n            tag: \"p\",\n            innerHTML: discount.metadata.subtitle,\n            styles: [subtitleStyle],\n        });\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\nexport const createError = (configuration: Configuration): 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\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 = (\n    a: Partial<Configuration>,\n    b: Configuration,\n): 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    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        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 = (\n    configuration: Configuration,\n    discounts: Discount[],\n): Embed => {\n    const wrapper = createElement({\n        tag: \"div\",\n        styles: [normalize, wrapperStyles],\n        theme: configuration.theme,\n    });\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/index.html

@@ -5,8 +5,7 @@
             name="viewport"
             content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0"
         />
-        <meta charset="UTF-8">
-
+        <meta charset="UTF-8" />
 
         <style>
             body {
@@ -121,7 +120,7 @@
                 function (event) {
                     console.log("embed received message", event);
                 },
-                false
+                false,
             );
             function changeBackground() {
                 if (document.body.className === "color") {
@@ -131,9 +130,12 @@
                 }
             }
         </script>
-        <script src="./dist/dintero-discounts-web-sdk.umd.min.js"  charset="UTF-8"></script>
+        <script
+            src="./dist/dintero-discounts-web-sdk.umd.min.js"
+            charset="UTF-8"
+        ></script>
     </head>
-    <bod
+    <body>
         <div class="main">
             <h1>Mock for embed</h1>
             <div class="mb-10">
@@ -148,78 +150,97 @@
                 <label for="checkbox">Change background color</label>
             </div>
             <h2>API test</h2>
-            <p>In this example the SDK will try to fetch data from the discount service.</p>
+            <p>
+                In this example the SDK will try to fetch data from the discount
+                service.
+            </p>
             <div id="deals-container-api"></div>
             <script type="text/javascript">
-                discounts.embed({
-                    container: document.getElementById("deals-container-api"),
-                    api:{
-                        account: 'P00000000',
-                        key: 'public_api_key',
-                        secret: 'abcdef01-2345-6789-abcd-ef0123456789',
-                    },
-                    theme: {
-                        fontSize: "14px",
-                        color: "rgba(0,0,0,1)",
-                        primary: "hotpink",
-                        secondary: "aqua",
-                        background: "#fff",
-                    }
-                }).then(result => {
-                    window.setTimeout(result.destroy, 50000);
-                });
+                discounts
+                    .embed({
+                        container: document.getElementById(
+                            "deals-container-api",
+                        ),
+                        api: {
+                            account: "P00000000",
+                            key: "public_api_key",
+                            secret: "abcdef01-2345-6789-abcd-ef0123456789",
+                        },
+                        theme: {
+                            fontSize: "14px",
+                            color: "rgba(0,0,0,1)",
+                            primary: "hotpink",
+                            secondary: "aqua",
+                            background: "#fff",
+                        },
+                    })
+                    .then((result) => {
+                        window.setTimeout(result.destroy, 50000);
+                    });
             </script>
-            <H2>Static test</h2>
-            <p>In this example the SDK is supplied with a list of discount objects directly.</p>
+            <h2>Static test</h2>
+            <p>
+                In this example the SDK is supplied with a list of discount
+                objects directly.
+            </p>
             <div id="deals-container-static"></div>
             <script type="text/javascript">
-                discounts.embed({
-                    container: document.getElementById("deals-container-static"),
-                    discounts:[{
-                        "id": "1",
-                        "name": "Testvare",
-                        "description": "Beskrivelse av testvare",
-                        "requirement": {
-                            "item": { "items": [{ "id": "testvare-1" }] },
-                            "customer": {},
-                            "store_ids": ["*"],
-                            "purchase_to": "2030-06-13T21:59:00Z",
-                            "purchase_from": "2080-06-06T22:00:00Z"
-                        },
-                        "limitation": {},
-                        "reward": { "type": "discount_item_new_price", "value": 5000 },
-                        "created_by": "DinteroTest",
-                        "created_at": "2021-06-04T10:21:18.029Z",
-                        "updated_at": "2021-06-04T10:21:18.029Z",
-                        "receipt_text": "Ukens tilbud",
-                        "type": "item",
-                        "links": [
+                discounts
+                    .embed({
+                        container: document.getElementById(
+                            "deals-container-static",
+                        ),
+                        discounts: [
                             {
-                                "rel": "medium_discount_image",
-                                "href": "https://uploads-ssl.webflow.com/5f023ba9549ac22870f32943/5f1333ae5a496b0e0476975e_dintero-logo.svg"
+                                id: "1",
+                                name: "Testvare",
+                                description: "Beskrivelse av testvare",
+                                requirement: {
+                                    item: { items: [{ id: "testvare-1" }] },
+                                    customer: {},
+                                    store_ids: ["*"],
+                                    purchase_to: "2030-06-13T21:59:00Z",
+                                    purchase_from: "2080-06-06T22:00:00Z",
+                                },
+                                limitation: {},
+                                reward: {
+                                    type: "discount_item_new_price",
+                                    value: 5000,
+                                },
+                                created_by: "DinteroTest",
+                                created_at: "2021-06-04T10:21:18.029Z",
+                                updated_at: "2021-06-04T10:21:18.029Z",
+                                receipt_text: "Ukens tilbud",
+                                type: "item",
+                                links: [
+                                    {
+                                        rel: "medium_discount_image",
+                                        href: "https://uploads-ssl.webflow.com/5f023ba9549ac22870f32943/5f1333ae5a496b0e0476975e_dintero-logo.svg",
+                                    },
+                                    {
+                                        rel: "webshop",
+                                        href: "https://example.dintero.com/shop?utm_source=dintero&utm_medium=email&utm_campaign=spring-summer",
+                                    },
+                                ],
+                                metadata: {
+                                    label: "Før: 100,-",
+                                    subtitle: "Ukens tilbud",
+                                    campaign_id: 1,
+                                },
+                                active: true,
                             },
-                            {
-                                "rel": "webshop",
-                                "href": "https://example.dintero.com/shop?utm_source=dintero&utm_medium=email&utm_campaign=spring-summer"
-                            }
                         ],
-                        "metadata": {
-                            "label": "Før: 100,-",
-                            "subtitle": "Ukens tilbud",
-                            "campaign_id": 1
+                        theme: {
+                            fontSize: "14px",
+                            color: "rgba(0,0,0,1)",
+                            primary: "hotpink",
+                            secondary: "aqua",
+                            background: "#fff",
                         },
-                        "active": true
-                    }],
-                    theme: {
-                        fontSize: "14px",
-                        color: "rgba(0,0,0,1)",
-                        primary: "hotpink",
-                        secondary: "aqua",
-                        background: "#fff",
-                    }
-                }).then(result => {
-                    window.setTimeout(result.destroy, 50000);
-                });
+                    })
+                    .then((result) => {
+                        window.setTimeout(result.destroy, 50000);
+                    });
             </script>
         </div>
     </body>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dintero/discounts-web-sdk",
-    "version": "0.2.5",
+    "version": "0.2.7",
     "description": "Dintero Discounts SDK for web frontends",
     "main": "dist/dintero-discounts-web-sdk.cjs.js",
     "module": "dist/dintero-discounts-web-sdk.esm.js",
@@ -14,6 +14,7 @@
         "test": "vitest --dom",
         "watch": "preconstruct watch",
         "build": "preconstruct build",
+        "lint": "prettier --cache --log-level warn -c --config .prettierrc.yml .",
         "prepublishOnly": "yarn build",
         "semantic-release": "semantic-release"
     },
@@ -29,14 +30,14 @@
         "url": "https://github.com/Dintero/Dintero.Discounts.Web.SDK/issues"
     },
     "devDependencies": {
-        "@babel/core": "7.13.0",
-        "@babel/preset-typescript": "7.13.0",
-        "@preconstruct/cli": "2.8.1",
+        "@babel/core": "7.23.9",
+        "@babel/preset-typescript": "7.23.3",
+        "@preconstruct/cli": "2.8.3",
         "@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"
+        "happy-dom": "13.3.8",
+        "prettier": "3.2.5",
+        "semantic-release": "23.0.2",
+        "typescript": "5.3.3",
+        "vitest": "1.3.1"
     }
 }

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

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