{"version":3,"file":"add-to-cart.js","mappings":"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","sources":["webpack://bm3giraffe/./WebRoot/js/util.ts","webpack://bm3giraffe/webpack/bootstrap","webpack://bm3giraffe/webpack/runtime/define property getters","webpack://bm3giraffe/webpack/runtime/hasOwnProperty shorthand","webpack://bm3giraffe/webpack/runtime/make namespace object","webpack://bm3giraffe/./WebRoot/js/add-to-cart.ts"],"sourcesContent":["function first<T extends HTMLElement | SVGElement = HTMLElement>(selector: string, root?: Element) : T {\r\n    const foundElement = (root || document).querySelector<T>(selector);\r\n    if (!foundElement) {\r\n        throw new Error(`element '${selector}' was not found.`);\r\n    } else {\r\n        return foundElement as T;\r\n    }\r\n}\r\n\r\nfunction tryFirst<T extends HTMLElement | SVGElement>(selector: string, root?: Element): T | null {\r\n    const foundElement = (root || document).querySelector<T>(selector);\r\n    if (!foundElement) {\r\n        console.warn(`element '${selector}' was not found.`);\r\n    }\r\n    return foundElement;\r\n}\r\n\r\nfunction all<T extends HTMLElement | SVGElement>(selector: string, root?: Element): Array<T> {\r\n    return Array.from((root || document).querySelectorAll<T>(selector));\r\n}\r\n\r\n\r\nexport {\r\n    first,\r\n    tryFirst,\r\n    all\r\n}","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { first, all } from \"./util\"\r\n\r\ntype AddToCartResult = {\n    productId: number\n    variantName: string\n    amount: number\n    error: string\n}\n\nlet canFetch = true;\n\nconst isMobileView = () => {\n    return window.innerWidth <= 1000;\n}\n\nfunction getCartAnimationContainer<T extends HTMLElement | SVGElement = HTMLElement>() {\n    const animationContainer = isMobileView() ? first<T>(\".mobile-nav\") : first<T>(\".cart-text\");\n    if (!animationContainer) {\n        throw new Error('no animation container found');\r\n    } else {\n        return animationContainer;\r\n    }\n}\n\nconst randomIntFromRange = (min: number, max: number) => {\n    return Math.floor(Math.random() * (max - min + 1) + min)\n}\n\nconst getAddToCartSections = () => {\n    return all(\".product-components__add-to-cart__section\");\n}\n\nclass BoxAnimation {\n    \n    private readonly img: HTMLImageElement\n    private readonly animationTarget: HTMLElement\n\n    constructor() {\n        this.img = document.createElement(\"img\");\n        this.img.setAttribute(\"src\", \"/img/cart/bg-effect.png\");\n        this.img.setAttribute(\"class\", \"cart-text__animation-img\");\n        this.animationTarget = getCartAnimationContainer();\n    }\n\n    playAnimation() {\n        this.animationTarget.appendChild(this.img);\n\n        setTimeout(() => {\n            this.img.classList.add(isMobileView() ? \"fly-down\" : \"fly-up\");\n            const x = randomIntFromRange(1, 80) * (randomIntFromRange(1, 10) < 5 ? 1 : -1);\n            this.img.style.transform = `rotate(${x}deg)`;\n        }, 10);\n\n        setTimeout(() => {\n            this.animationTarget.removeChild(this.img);\n        }, 2000);\n    }\n}\n\nconst playAddToCartAnimation = () => {\n    const animation = new BoxAnimation();\n    animation.playAnimation();\n}\n\nconst variantOk = (result: AddToCartResult, container: HTMLElement) => {\n    return container.getAttribute(\"data-variant\") === result.variantName;\n}\n\nconst productIdOk = (result: AddToCartResult, container: HTMLElement) => {\n    return container.getAttribute(\"data-product-id\") === result.productId.toString()\n}\n\nconst updateButtonAmount = (result: AddToCartResult) => {\n\n    const existingItemElements = all<HTMLElement>(\".btn--add-to-cart__existing-items\");\n\n    for (const existingItemsElement of existingItemElements) {\n        if (variantOk(result, existingItemsElement) && productIdOk(result, existingItemsElement)) {\n            var buttonText = existingItemsElement.innerText;\n            if (buttonText) {\n                const before = parseInt(existingItemsElement.innerText, 10);\n                const after = before + result.amount;\n                existingItemsElement.innerText = after.toString();\n            } else {\n                existingItemsElement.innerText = result.amount.toString();\n            }\n        }\n    }\n}\n\nconst updateNavCartText = (result: AddToCartResult) => {\n    const e = first(\".cart-text\");\n    const existingNode = e.firstChild;\n\n    if (existingNode) {\n        const existingText = existingNode.nodeValue;\n\n        if (existingText) {\n            const leftBracketPosition = existingText.indexOf(\"(\");\n            const rightBracketPosition = existingText.indexOf(\")\");\n\n            if (leftBracketPosition === -1) {\n                existingNode.nodeValue = `Einkaufswagen (${result.amount})`;\n            } else {\n                const amountAsText = existingText.substring(leftBracketPosition + 1, rightBracketPosition);\n                const existingAmount = parseInt(amountAsText);\n                const newAmount = existingAmount + result.amount;\n                existingNode.nodeValue = `Einkaufswagen (${newAmount})`;\n            }\n        }\n    }\n}\n\nclass ButtonAnimation {\n\n    private readonly btn: HTMLElement\n\n    constructor(btn: HTMLElement) {\n        this.btn = btn;\n    }\n\n    playAnimation() {\n        const div = first(\".btn--add-to-cart__existing-items\", this.btn);\n\n        if (!div.classList.contains('bump')) {\n            div.classList.add('bump');\n        }\n\n        setTimeout(() => {\n            if (div.classList.contains('bump')) {\n                div.classList.remove('bump');\n            }\n        }, 500);\n    }\n}\n\nconst playButtonAnimation = (btn: HTMLElement) => {\n    var a = new ButtonAnimation(btn);\n    a.playAnimation();\n}\n\nconst clearPrevErrors = () => {\n    for (const div of all(\".errors\")) {\n        if (div.parentElement) {\n            div.parentElement.removeChild(div);\n        }\n    }\n}\n\nconst getContainer = (error: AddToCartResult) => {\n    for (const container of all<HTMLElement>('.hover-content')) {\n        if (container.getAttribute(\"data-variant\") === error.variantName && container.getAttribute(\"data-product-id\") === error.productId.toString()) {\n            return container;\n        }\n    }\n}\n\nconst createHoverElement = (error: AddToCartResult) => {\n    // find the hover content element\n    var container = getContainer(error);\n\n    // put the error message in there, give it the 'hover effect' class\n    if (container) {\n        if (!container.innerText) {\n            container.innerText = error.error;\n        }\n        if (!container.classList.contains('btn--add-to-cart__hover-content')) {\n            container.classList.add('btn--add-to-cart__hover-content');\n        }\n    }\n}\n\nconst disableButton = (result: AddToCartResult, state: boolean) => {\n    // find the hover content element\n    var container = getContainer(result);\n\n    // ..which is a child of the button\n    if (container) {\n        const btn = container.parentElement;\n\n        if (btn instanceof HTMLButtonElement) {\n            btn.disabled = state;\n\n            // gray out the image also\n            if (state) {\n                var img = btn.firstChild;\n                if (img && img instanceof HTMLImageElement && !img.classList.contains('btn--add-to-cart__image-gray')) {\n                    img.classList.add('btn--add-to-cart__image-gray');\n                }\n            }\n        }\n    }\n}\n\nconst addToCartEventListener = async (e: MouseEvent) => {\n    e.stopPropagation();\n    e.preventDefault();\n\n    if (canFetch && e?.currentTarget instanceof Element) {\n        const form = first<HTMLFormElement>('form', e.currentTarget);\n        const formData = new FormData(form);\n\n        const button = first<HTMLElement>('button', form);\n\n        if (button.hasAttribute('disabled')) {\n            return;\n        }\n\n        button.setAttribute('disabled', 'true');\n\n        canFetch = false;\n\n        try {\n            const response = await fetch(\"/Api/AddProduct\", { method: 'POST', body: formData, credentials: 'include' })\n            const result: AddToCartResult = await response.json();\n            canFetch = true;\n            clearPrevErrors();\n\n            if (result.error) {\n                throw result;\n            } else {\n                updateButtonAmount(result);\n                updateNavCartText(result);\n                playAddToCartAnimation();\n                playButtonAnimation(button);\n                disableButton(result, false);\n            }\r\n        } catch (result) {\n            canFetch = true;\n            if (result.error) {\n                createHoverElement(result);\n            }\n            disableButton(result, true);\r\n        }\n    }\n}\n\n(() => {\n    for (const element of getAddToCartSections()) {\n        element.addEventListener('click', addToCartEventListener);\n    }\n})()"],"names":["first","selector","root","foundElement","document","querySelector","Error","tryFirst","console","warn","all","Array","from","querySelectorAll","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","__webpack_modules__","d","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","value","canFetch","isMobileView","window","innerWidth","randomIntFromRange","min","max","Math","floor","random","BoxAnimation","constructor","this","img","createElement","setAttribute","animationTarget","animationContainer","getCartAnimationContainer","playAnimation","appendChild","setTimeout","classList","add","x","style","transform","removeChild","variantOk","result","container","getAttribute","variantName","productIdOk","productId","toString","ButtonAnimation","btn","div","contains","remove","getContainer","error","disableButton","state","parentElement","HTMLButtonElement","disabled","firstChild","HTMLImageElement","addToCartEventListener","e","__awaiter","stopPropagation","preventDefault","currentTarget","Element","form","formData","FormData","button","hasAttribute","response","fetch","method","body","credentials","json","clearPrevErrors","existingItemElements","existingItemsElement","innerText","after","parseInt","amount","updateButtonAmount","existingNode","existingText","nodeValue","leftBracketPosition","indexOf","rightBracketPosition","amountAsText","substring","newAmount","updateNavCartText","element","addEventListener"],"sourceRoot":""}