{"version":3,"file":"wup-support-min.js","mappings":"mBACA,IAAIA,EAAsB,CCA1BA,EAAyBC,IACxB,IAAIC,EAASD,GAAUA,EAAOE,WAC7B,IAAOF,EAAiB,QACxB,IAAM,EAEP,OADAD,EAAoBI,EAAEF,EAAQ,CAAEG,EAAGH,IAC5BA,CAAM,ECLdF,EAAwB,CAACM,EAASC,KACjC,IAAI,IAAIC,KAAOD,EACXP,EAAoBS,EAAEF,EAAYC,KAASR,EAAoBS,EAAEH,EAASE,IAC5EE,OAAOC,eAAeL,EAASE,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,IAE1E,ECNDR,EAAwB,CAACc,EAAKC,IAAUL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,ICAlF,MAAM,EAA+BI,M,aCArC,MAAM,EAA+BC,S,aCAtB,SAASC,EAAgBP,EAAKN,EAAKc,GAYhD,OAXId,KAAOM,EACTJ,OAAOC,eAAeG,EAAKN,EAAK,CAC9Bc,MAAOA,EACPV,YAAY,EACZW,cAAc,EACdC,UAAU,IAGZV,EAAIN,GAAOc,EAGNR,CACT,CCVA,MAeA,EAfmBW,GAGX,yBACIC,MAAM,6BACNC,MAAQF,EAAME,MACdC,OAASH,EAAME,MACfE,UAAYJ,EAAMK,QAClBC,QAAQ,aACR,wCACA,0BAAMC,KAAOP,EAAMQ,OAAS,UAAY7B,EAAE,6zBAA6zB8B,UAAU,oB,+jBC2Bt3B,MAAMC,EAASV,IAAuB,MAEzC,MAAMW,GAAWC,EAAAA,EAAAA,QAAuB,MAClCC,GAAiBD,EAAAA,EAAAA,QAA0B,OAEjDE,EAAAA,EAAAA,YAAU,KAENC,YAAW,KAIH,MAHDF,EAAeG,QACdH,EAAeG,QAAQC,QAGvB,UAAAN,EAASK,eAAT,SAAkBC,OACrB,GACF,GAPH,GAQD,IAKH,MAAMC,GAAaC,EAAAA,EAAAA,cAAY,KACA,mBAAhBnB,EAAMoB,OACjBpB,EAAMoB,OAAN,GACD,CAACpB,IAKEqB,GAAeF,EAAAA,EAAAA,cAAYG,UACb,WAAZC,EAAIxC,KACJmC,GACH,GACF,CAACA,KAEJJ,EAAAA,EAAAA,YAAU,KACNU,SAASC,iBAAiB,UAAWJ,GACrCG,SAASC,iBAAiB,cAAeP,GAElC,KACHM,SAASE,oBAAoB,UAAWL,GACxCG,SAASE,oBAAoB,cAAeR,EAA5C,IAEL,CAACA,EAAYG,IAEhB,MAAMM,OAAoCC,IAAtB5B,EAAM2B,aAA4B3B,EAAM2B,YACtDE,OAAgCD,IAApB5B,EAAM6B,UAA0B7B,EAAM6B,UAAY,KAapE,OACI,2BACIC,IAAMnB,EACNoB,SAAW,EACX3B,UAAU,8EACV4B,MAAO,CACHC,WAAYjC,EAAMkC,eAAiB,GAAK,kBACxCC,OAAQ,KAEZC,QApBkBb,IAEnBvB,EAAMqC,UACLd,EAAIe,iBACJf,EAAIgB,mBAGHZ,GACLT,GAAY,GAaR,2BACId,UAAS,yDAA0CJ,EAAMwC,eAAhD,QAA2D,WAA3D,YAAyExC,EAAMkC,eAAiB,GAAK,OAArG,6DAAgKlC,EAAMK,SAC/K+B,QAASb,IACLA,EAAIgB,kBACDvC,EAAMqC,SACLd,EAAIe,gBACP,EAELN,MAAK,OACGhC,EAAMyC,QAAU,CAAC,GADpB,IAEDvC,MAAOF,EAAME,MACbC,OAAQH,EAAMG,UAIdwB,GACA,8BACIG,IAAMjB,EACN6B,KAAK,SACLC,MAAM,cACNvC,UAAU,WACV4B,MAAO,CACHY,MAAO5C,EAAM6C,SAAW7C,EAAM6C,SAAW,OACzCC,IAAK9C,EAAM+C,OAAS/C,EAAM+C,OAAS,OACnCZ,OAAQ,MAEZC,QAASlB,GACT,oBAAC,EAAD,CACIhB,MAAO2B,EACPrB,MAAOR,EAAMgD,WAAa,aAKrChD,EAAMiD,UA5CnB,ECVJzB,SAASC,iBAAiB,oBAAoB,KApF5B,MAEd,MAAMyB,EAAO1B,SAAS2B,eAAe,kCACrC,IAAID,EAAM,OAEV,MAAME,EAAW5B,SAAS2B,eAAe,sCACzC,IAAIC,EAAU,OAEd,MAAMC,EAAe7B,SAAS2B,eAAe,0CACzCE,IAEJ1D,IAAAA,OACI,kBAACe,EAAD,CACIR,MAAM,QACNC,OAAO,QACPE,QAAQ,0BACR2C,UAAU,OACV5B,MAAO,KACHiC,SAAAA,EAAcC,UAAUC,IAAI,SAA5B,EAEJd,OAAQ,CACJe,gBAAiB,YAGrB,yBACIC,wBAAyB,CAAEC,OAAQN,EAASO,cAEpDN,GAGJH,EAAKzB,iBAAiB,SAAS,KAC3B4B,SAAAA,EAAcC,UAAUM,OAAO,SAA/B,IADJ,EAkDAC,GA7Ce,MAEf,MAAMC,EAAMtC,SAAS2B,eAAe,2BAC9BY,EAAcvC,SAAS2B,eAAe,oCACtCa,EAAWxC,SAAS2B,eAAe,iCACnCc,EAAczC,SAAS2B,eAAe,qBACtCe,EAAW1C,SAAS2B,eAAe,kBAEzC,KAAIW,GAAQC,GAAgBC,GAAaC,GAAgBC,GAAU,OAEnE,MAAMC,EAAc,KAChBJ,EAAYT,UAAUM,OAAO,cAC7BI,EAASV,UAAUM,OAAO,aAA1B,EAGEQ,EAAYC,IACdC,OAAOvD,YAAW,KACdsD,EAAIf,UAAUC,IAAI,aAAlB,GACD,GAFH,EAKJQ,EAAYtC,iBAAiB,SAAUF,IACnCuC,EAAIR,UAAUC,IAAI,UAClBO,EAAIR,UAAUM,OAAO,YAErBK,EAAYX,UAAUM,OAAO,UAC7BM,EAASZ,UAAUC,IAAI,UAEvBY,IACAC,EAAS7C,EAAIgD,cAAb,IAGJP,EAASvC,iBAAiB,SAAUF,IAChCuC,EAAIR,UAAUM,OAAO,UACrBE,EAAIR,UAAUC,IAAI,YAElBU,EAAYX,UAAUC,IAAI,UAC1BW,EAASZ,UAAUM,OAAO,UAE1BO,IACAC,EAAS7C,EAAIgD,cAAb,GARJ,EAcAC,EAIM,G","sources":["webpack://waves/webpack/bootstrap","webpack://waves/webpack/runtime/compat get default export","webpack://waves/webpack/runtime/define property getters","webpack://waves/webpack/runtime/hasOwnProperty shorthand","webpack://waves/external var \"React\"","webpack://waves/external var \"ReactDOM\"","webpack://waves/./node_modules/@babel/runtime/helpers/esm/defineProperty.js","webpack://waves/./src/ui/svg/common/close.tsx","webpack://waves/./src/ui/popup/popup.tsx","webpack://waves/./src/projects/wup-support/index.tsx"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (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 = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","const __WEBPACK_NAMESPACE_OBJECT__ = React;","const __WEBPACK_NAMESPACE_OBJECT__ = ReactDOM;","export default function _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n\n  return obj;\n}","import React from 'react';\r\nimport { IIconProps } from '../interfaces';\r\n\r\nconst CloseIcon = (props: IIconProps) => {\r\n\r\n    return (\r\n        <svg\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            width={ props.width }\r\n            height={ props.width }\r\n            className={ props.classes }\r\n            viewBox=\"0 0 38 38\">\r\n            <title>Close</title>\r\n            <path fill={ props.color || '#828282' } d=\"M36.5606602,-0.560660172 C37.109835,-0.0114853865 37.1441584,0.857577023 36.6636304,1.44673776 L36.5606602,1.56066017 L20.12,18 L36.5606602,34.4393398 C37.1464466,35.0251263 37.1464466,35.9748737 36.5606602,36.5606602 C36.0114854,37.109835 35.142423,37.1441584 34.5532622,36.6636304 L34.4393398,36.5606602 L18,20.12 L1.56066017,36.5606602 C0.974873734,37.1464466 0.0251262658,37.1464466 -0.560660172,36.5606602 C-1.10983496,36.0114854 -1.14415838,35.142423 -0.663630444,34.5532622 L-0.560660172,34.4393398 L15.879,18 L-0.560660172,1.56066017 C-1.14644661,0.974873734 -1.14644661,0.0251262658 -0.560660172,-0.560660172 C-0.0114853865,-1.10983496 0.857577023,-1.14415838 1.44673776,-0.663630444 L1.56066017,-0.560660172 L18,15.879 L34.4393398,-0.560660172 C35.0251263,-1.14644661 35.9748737,-1.14644661 36.5606602,-0.560660172 Z\" transform=\"translate(1 1)\"/>\r\n        </svg>\r\n    )\r\n};\r\n\r\nexport default CloseIcon;\r\n","import CloseIcon from '../svg/common/close';\r\nimport { CSSProperties, ReactNode, useCallback, useEffect, useRef, MouseEvent } from 'react';\r\n\r\n/*\r\nUsage:\r\n-------\r\n<Popup width=\"400px\" height=\"270px\" close={ () => {\r\n    dispatch(\r\n        rootActions.main({\r\n            showLoginPage: false\r\n        })\r\n    );\r\n}}>\r\n    <div className=\"flex flex-col justify-center items-center w-full h-full my-4 text-center\">\r\n        <p className=\"mb-4\">Please log in to your Waves account to hide products you own.</p>\r\n        <a className=\"w-btn\" href=\"/login?returnurl=%2Fspecials\" title=\"LOG IN NOW\" style={{ width: '170px' }}>LOG IN NOW</a>\r\n    </div>\r\n</Popup>\r\n */\r\n\r\ninterface IPopupProps {\r\n    width?: string,\r\n    height?: string,\r\n    close?: Function,\r\n    canBeClosed?: boolean,\r\n    children?: ReactNode,\r\n    classes?: string,\r\n    bgClass?: string,\r\n    styles?: CSSProperties,\r\n    iconWidth?: string,\r\n    iconColor?: string,\r\n    btnTop?: string;\r\n    btnRight?: string;\r\n    removeBackdrop?: boolean;\r\n    prevent?: boolean;\r\n}\r\n\r\n/**\r\n * Popup component.\r\n */\r\nexport const Popup = (props: IPopupProps) => {\r\n\r\n    const popupRef = useRef<HTMLDivElement>(null);\r\n    const closeButtonRef = useRef<HTMLButtonElement>(null);\r\n\r\n    useEffect(() => {\r\n\r\n        setTimeout(() => {\r\n            if(closeButtonRef.current) {\r\n                closeButtonRef.current.focus();\r\n            }\r\n            else{\r\n                popupRef.current?.focus();\r\n            }\r\n        }, 10);\r\n    }, []);\r\n\r\n    /**\r\n     * close popup handler\r\n     */\r\n    const closePopup = useCallback(() => {\r\n        if (typeof props.close !== 'function') return;\r\n        props.close();\r\n    }, [props])\r\n\r\n    /**\r\n     * handle escape key\r\n     */\r\n    const handleEscape = useCallback(async (evt: any) => {\r\n        if (evt.key === 'Escape') {\r\n            closePopup();\r\n        }\r\n    }, [closePopup]);\r\n\r\n    useEffect(() => {\r\n        document.addEventListener('keydown', handleEscape);\r\n        document.addEventListener('close-popup', closePopup);\r\n\r\n        return () => {\r\n            document.removeEventListener('keydown', handleEscape);\r\n            document.removeEventListener('close-popup', closePopup);\r\n        }\r\n    }, [closePopup, handleEscape]);\r\n\r\n    const canBeClosed = props.canBeClosed !== undefined ? props.canBeClosed : true;\r\n    const iconWidth = props.iconWidth !== undefined ? props.iconWidth : '16';\r\n\r\n    const handlePopupClick = (evt: MouseEvent<HTMLDivElement>) => {\r\n\r\n        if(props.prevent) {\r\n            evt.preventDefault()\r\n            evt.stopPropagation();\r\n        }\r\n\r\n        if (!canBeClosed) return;\r\n        closePopup();\r\n    };\r\n\r\n    return (\r\n        <div\r\n            ref={ popupRef }\r\n            tabIndex={ 0 }\r\n            className=\"popup w-screen h-screen fixed left-0 top-0 flex items-center justify-center\"\r\n            style={{\r\n                background: props.removeBackdrop ? '' : 'rgba(0,0,0,0.7)',\r\n                zIndex: 100000,\r\n            }}\r\n            onClick={ handlePopupClick }>\r\n            <div\r\n                className={`popup__content flex flex-col rounded ${props.bgClass ?? 'bg-white'} ${props.removeBackdrop ? '' : 'px-4'} overflow-y-auto max-w-full max-h-screen relative ${props.classes}`}\r\n                onClick={evt => {\r\n                    evt.stopPropagation();\r\n                    if(props.prevent) {\r\n                        evt.preventDefault();\r\n                    }\r\n                }}\r\n                style={{\r\n                    ...(props.styles || {}),\r\n                    width: props.width,\r\n                    height: props.height,\r\n                }}\r\n            >\r\n                {\r\n                    canBeClosed &&\r\n                    <button\r\n                        ref={ closeButtonRef }\r\n                        type=\"button\"\r\n                        title=\"Close Popup\"\r\n                        className=\"absolute\"\r\n                        style={{\r\n                            right: props.btnRight ? props.btnRight : '1rem',\r\n                            top: props.btnTop ? props.btnTop : '1rem',\r\n                            zIndex: '99',\r\n                        }}\r\n                        onClick={closePopup}>\r\n                        <CloseIcon\r\n                            width={iconWidth}\r\n                            color={props.iconColor || '#828282'}\r\n                        />\r\n                    </button>\r\n                }\r\n\r\n                {props.children}\r\n            </div>\r\n        </div>\r\n    )\r\n};\r\n\r\n/*\r\n    max-height: 100vh;\r\n */\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Popup } from '../../ui/popup/popup';\r\n\r\nconst initPopup = () => {\r\n\r\n    const $btn = document.getElementById('wup-support-products-popup-btn');\r\n    if(!$btn) return;\r\n\r\n    const $content = document.getElementById('wup-support-products-popup-content');\r\n    if(!$content) return;\r\n\r\n    const $placeholder = document.getElementById('wup-support-products-popup-placeholder');\r\n    if(!$placeholder) return;\r\n\r\n    ReactDOM.render(\r\n        <Popup\r\n            width=\"600px\"\r\n            height=\"370px\"\r\n            classes=\"text-white mx-4 md:mx-0\"\r\n            iconColor=\"#fff\"\r\n            close={() =>{\r\n                $placeholder?.classList.add('hidden');\r\n            }}\r\n            styles={{\r\n                backgroundColor: '#0A42D5',\r\n            }}\r\n        >\r\n            <div\r\n                dangerouslySetInnerHTML={{ __html: $content.innerHTML }} />\r\n        </Popup>,\r\n        $placeholder\r\n    );\r\n\r\n    $btn.addEventListener('click', () => {\r\n        $placeholder?.classList.remove('hidden');\r\n    });\r\n};\r\n\r\nconst initSwitch = () => {\r\n\r\n    const $bg = document.getElementById('wup-accordion-switch-bg');\r\n    const $pluginsBtn = document.getElementById('wup-accordion-switch-plugins-btn');\r\n    const $appsBtn = document.getElementById('wup-accordion-switch-apps-btn');\r\n    const $pluginsAcc = document.getElementById('plugins-accordion');\r\n    const $appsAcc = document.getElementById('apps-accordion');\r\n\r\n    if(!$bg || !$pluginsBtn || !$appsBtn || !$pluginsAcc || !$appsAcc) return;\r\n\r\n    const removeColor = () => {\r\n        $pluginsBtn.classList.remove('text-white');\r\n        $appsBtn.classList.remove('text-white');\r\n    };\r\n\r\n    const addColor = ($el: HTMLElement) => {\r\n        window.setTimeout(() => {\r\n            $el.classList.add('text-white');\r\n        }, 75);\r\n    };\r\n\r\n    $pluginsBtn.addEventListener('click', (evt) => {\r\n        $bg.classList.add('left-0');\r\n        $bg.classList.remove('left-1/2');\r\n\r\n        $pluginsAcc.classList.remove('hidden');\r\n        $appsAcc.classList.add('hidden');\r\n\r\n        removeColor();\r\n        addColor(evt.currentTarget as HTMLElement);\r\n    });\r\n\r\n    $appsBtn.addEventListener('click', (evt) => {\r\n        $bg.classList.remove('left-0');\r\n        $bg.classList.add('left-1/2');\r\n\r\n        $pluginsAcc.classList.add('hidden');\r\n        $appsAcc.classList.remove('hidden');\r\n\r\n        removeColor();\r\n        addColor(evt.currentTarget as HTMLElement);\r\n    });\r\n};\r\n\r\nconst init = () => {\r\n    initPopup();\r\n    initSwitch();\r\n};\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    init();\r\n});\r\n\r\nexport {};"],"names":["__webpack_require__","module","getter","__esModule","d","a","exports","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","React","ReactDOM","_defineProperty","value","configurable","writable","props","xmlns","width","height","className","classes","viewBox","fill","color","transform","Popup","popupRef","useRef","closeButtonRef","useEffect","setTimeout","current","focus","closePopup","useCallback","close","handleEscape","async","evt","document","addEventListener","removeEventListener","canBeClosed","undefined","iconWidth","ref","tabIndex","style","background","removeBackdrop","zIndex","onClick","prevent","preventDefault","stopPropagation","bgClass","styles","type","title","right","btnRight","top","btnTop","iconColor","children","$btn","getElementById","$content","$placeholder","classList","add","backgroundColor","dangerouslySetInnerHTML","__html","innerHTML","remove","initPopup","$bg","$pluginsBtn","$appsBtn","$pluginsAcc","$appsAcc","removeColor","addColor","$el","window","currentTarget","initSwitch"],"sourceRoot":""}