{"version":3,"file":"static/chunks/264-01a5c00d19e4ba2c.js","mappings":"yiCAoBe,SAASA,I,IA8DFC,EACTA,EAEUA,EAsCcC,EAtG1BC,GAAaC,EAAAA,EAAAA,MAAbD,UACAE,GAAYC,EAAAA,EAAAA,MAAZD,SACDJ,EAAUI,EAASE,mBACnBC,GAAiBC,EAAAA,EAAAA,KACCC,GAAAA,EAAAA,EAAAA,UAAS,MAA1BC,EAAiBD,EAAc,GAAzBE,EAAWF,EAAc,GACJA,GAAAA,EAAAA,EAAAA,WAAS,GAApCG,EAA2BH,EAAe,GAA/BI,EAAgBJ,EAAe,GACDA,GAAAA,EAAAA,EAAAA,YAAzCK,EAAyCL,EAAU,GAAjCM,EAAuBN,EAAU,GAChBA,GAAAA,EAAAA,EAAAA,YAAnCO,EAAmCP,EAAU,GAA9BQ,EAAoBR,EAAU,GACvBS,GAAAA,EAAAA,EAAAA,GAAUJ,EAAkBE,EAAe,CACpEG,UAAW,cADRC,EAAsBF,EAAtBE,OAAQC,EAAcH,EAAdG,WASXC,GAAAA,EAAAA,EAAAA,MALAC,EAKAD,EALAC,SACAC,EAIAF,EAJAE,aAEQ,GAERF,EAHAG,MAGAH,EAFAI,SAEAJ,EADAK,WAAY1B,EAAM,EAANA,OAAoB,EAAZ2B,cAGxBC,EAAAA,EAAAA,WAAU,EAAD,UAAC,SAAS,I,oEACVtB,EAAgB,C,gDAIrBI,EAAQJ,G,2CACT,CAACA,IAEJ,IAAMuB,EAAe,EAAH,GACXV,EAAOW,OAAM,CAChBC,MAAO,I,SAqBIC,I,OAAAA,EAAQ,YAAvB,SAAQ,EAAgBC,G,kFACdC,EAAAA,EAAAA,GAAeC,EAAAA,EAAAA,MAAqB,CACtCC,OAAQ,OACRC,KAAMC,KAAKC,UAAUN,K,OAEzBO,EAAAA,GAAAA,QAAc,8BAA+B,CAACC,UAAW,MACzD7B,GAAa,G,4CANM,sBASvB,IAAKb,EAAS,OAAO,KAErB,IAAM2C,GAAiC,QAArB3C,EAAAA,EAAQ4C,qBAAR5C,IAAAA,OAAAA,EAAAA,EAAuB6C,YAClC,GAAoC,OAAb,QAArB7C,EAAAA,EAAQ4C,qBAAR5C,IAAAA,OAAAA,EAAAA,EAAuB6C,WAAW,KACrC,GACAC,GAAkC,QAArB9C,EAAAA,EAAQ4C,qBAAR5C,IAAAA,OAAAA,EAAAA,EAAuB+C,cAAe,GAEnDC,EAAUL,EAAYA,EAAU,GAAK,GACrCM,EAAe,GAAcH,OAAZH,GAAuB,OAAXG,GAEnC,OAAM,sB,oBAEGI,EAAAA,EAAK,CACFC,MAAM,2BACNC,KAAMxC,EACNyC,QAAS,WAAMxC,OAAAA,GAAa,I,oBAE3ByC,OAAI,CAACrB,SAAUT,G,SA1BJU,G,OAATD,EAAQ,yB,qBA2BNsB,MAAG,C,oBACCC,QAAK,CACFC,QAAQ,eACRC,UAAU,0C,SAETxD,EAAU,sC,UAEdqD,MAAG,CAACG,UAAU,O,oBACVC,QAAK,GACFC,KAAK,OACLC,aAAkB,OAAJnD,QAAAA,IAAAA,OAAAA,EAAAA,EAAMoD,cAChBvC,EAAS,eAAgB,CACzBwC,UAAW,CACPC,MAAO,GACPC,QACI,wDAEX,CACDP,UAAU,6IAEbzD,EAAO6D,eAAY,SACfI,IAAC,CACER,UAAU,4BACVS,GAAG,iB,SAEiB,QAAnBlE,EAAAA,EAAO6D,oBAAP7D,IAAAA,OAAAA,EAAAA,EAAqBgE,iB,SAKrCV,MAAG,CAACG,UAAU,8B,mBACVU,SAAM,CACHR,KAAK,SACLF,UAAU,wK,SAETxD,EAAU,yB,UAK1BmE,EAAAA,EAAO,CAACX,UAAU,W,oBACdW,EAAAA,EAAAA,OAAc,CACXX,UAAU,kEACVY,IAAKvD,E,oBAEJwC,MAAG,CAACG,UAAU,oB,oBACVH,MAAG,CAACG,UAAU,2I,mBACVa,OAAI,CAACb,UAAU,uC,SACXV,O,SAGRO,MAAG,CAACG,UAAU,sI,mBACVH,MAAG,CAACG,UAAU,sB,SACVT,O,SAGRuB,EAAAA,IAAe,CAACd,UAAU,sE,SAGlCW,EAAAA,EAAAA,MAAa,GACVC,IAAKrD,EACLwD,MAAO3C,GACHT,EAAWU,OAAM,C,mBAEpBwB,MAAG,CAACG,UAAU,+E,oBACVgB,KAAE,C,oBACEC,KAAE,C,oBACEC,IAAC,CACEC,KAAK,IACLC,QAlHhC,WACI,IAAMC,EAAsBC,EAAAA,EAAAA,YAAAA,eAC5B5E,EAAS6E,cAAcF,IAiHKrB,UAAU,8E,oBAETwB,EAAAA,IAAO,CAACxB,UAAU,wE,SAClBa,OAAI,CAACb,UAAU,yB,SACXxD,EACG,uC,SAKfyE,KAAE,C,oBACEC,IAAC,CACEC,KAAK,IACLC,QA3HhC,WACI,IAAMK,EAAqBH,EAAAA,EAAAA,YAAAA,YAC3B5E,EAAS6E,cAAcE,IA0HKzB,UAAU,8E,oBAET0B,EAAAA,IAAQ,CAAC1B,UAAU,wE,SACnBa,OAAI,CAACb,UAAU,yB,SACXxD,EAAU,oC,SAItByE,KAAE,C,oBACEC,IAAC,CACEC,KAAK,IACLC,QAlIhC,WACIjE,GAAa,IAkIe6C,UAAU,8E,oBAET2B,EAAAA,IAAa,CAAC3B,UAAU,wE,SACxBa,OAAI,CAACb,UAAU,yB,SACXxD,EACG,0C,SAKfyE,KAAE,C,oBACEC,IAAC,CACEC,KAAK,IACLC,QA5IhC,WACI1E,EAASkF,kBA4ImB5B,UAAU,0D,oBAET6B,EAAAA,IAAS,CAAC7B,UAAU,wE,SACpBa,OAAI,CAACb,UAAU,yB,SACXxD,EAAU,6C,uFCjNpC,SAASsF,EAAe,G,IAACC,EAAD,EAACA,MAC7BvF,GAAaC,EAAAA,EAAAA,MAAbD,UAEP,OAAM,SACDwF,EAAAA,EAAM,C,mBACFnC,MAAG,C,SACCrD,EAAU,4BAA6B,CACpC+D,QAASwB,EAAME,kB,gLCJpB,SAASC,IACpB,IAAO1F,GAAaC,EAAAA,EAAAA,MAAbD,UACDK,GAAiBC,EAAAA,EAAAA,KACaC,GAAAA,EAAAA,EAAAA,UAAS,GAAtCoF,EAA6BpF,EAAW,GAA5BqF,EAAiBrF,EAAW,GAc/C,OAZAoB,EAAAA,EAAAA,YAAU,gBACiBkE,IAAnBxF,GAIJuF,GACIE,EAAAA,EAAAA,UAAuB,OAAdzF,QAAAA,IAAAA,OAAAA,EAAAA,EAAgB0F,aACnB1F,EAAe0F,YAAc,EAC7B,KAEX,CAAC1F,KAEE,sB,oBAEGgD,MAAG,CAACG,UAAU,2B,SACVxD,EAAU,0BAA2B,CAClC2F,WAAAA,EACAK,SAAUC,a,SAGjBC,EAAAA,EAAW,CACRpC,MAAO6B,EACPQ,IAAKF,a,6gBC7BN,SAASG,EAAQ,G,IAAEC,EAAF,EAAEA,SAAUC,EAAZ,EAAYA,gBAAoBC,EAAK,EAArC,EAAuC,CAArCF,WAAUC,oBAChCE,GAAWC,EAAAA,EAAAA,aAAXD,OACFE,EAAQC,EAAAA,SAAAA,KAAcN,GACtBO,EAAiBF,EAAMH,MAAM/C,WAAa,GAC1CqD,EAAUL,IAAWD,EAAM5B,MAAQ6B,IAAWD,EAAMO,GACpDtD,EAAYqD,EAAUP,EAAkBM,EACxCG,EAAcF,EAAU,YAAShB,EAEvC,OAAM,SACDmB,EAAAA,Q,uUAAI,IAAKT,EAAK,C,SACVU,EAAAA,aAAmBP,EAAO,CACvBlD,UAAWA,GAAa,KACxB,eAAgBuD,OCPjB,SAASG,EAAe,G,IACnCC,EADmC,EACnCA,WACAC,EAFmC,EAEnCA,YACAC,EAHmC,EAGnCA,mBAEA,OAAM,SACDC,EAAAA,EAAAA,KAAe,CAACC,KAAMH,EAAaN,GAAIU,EAAAA,S,oBACnCC,EAAAA,EAAM,CACHX,GAAG,MACHY,QAAM,EACNlE,UAAU,oCACVN,KAAMkE,EACNjE,QAASkE,E,oBAERC,EAAAA,EAAAA,MAAgB,CACbR,GAAIU,EAAAA,SACJG,MAAM,8CACNC,UAAU,YACVC,QAAQ,cACRC,MAAM,8CACNC,UAAU,cACVC,QAAQ,Y,mBAEPP,EAAAA,EAAAA,QAAc,CAACjE,UAAU,+C,SAE7B8D,EAAAA,EAAAA,MAAgB,CACbR,GAAIU,EAAAA,SACJG,MAAM,gDACNC,UAAU,oBACVC,QAAQ,gBACRC,MAAM,gDACNC,UAAU,gBACVC,QAAQ,oB,oBAEP3E,MAAG,CAACG,UAAU,8D,oBACV8D,EAAAA,EAAAA,MAAgB,CACbR,GAAIU,EAAAA,SACJG,MAAM,2BACNC,UAAU,YACVC,QAAQ,cACRC,MAAM,2BACNC,UAAU,cACVC,QAAQ,Y,mBAEP3E,MAAG,CAACG,UAAU,qC,oBACVU,SAAM,CACHV,UAAU,iIACVoB,QAASyC,E,oBAERhD,OAAI,CAACb,UAAU,U,SAAU,mB,SAGzByE,EAAAA,IAAK,CACFzE,UAAU,qBACV0E,cAAY,iB,UAK3B7E,MAAG,CAACG,UAAU,uC,oBACVH,MAAG,CAACG,UAAU,uC,mBACV2E,MAAG,CACA3E,UAAU,aACV4E,IAAI,kBACJC,IAAI,mB,SAGXC,MAAG,CAAC9E,UAAU,sB,SACV2D,EAAWoB,KAAI,SAACC,GACb,OAAM,SAALpC,EAAO,CAEJzB,KAAM6D,EAAK7D,KACX2B,gBAAgB,mE,oBAEf5B,IAAC,CAAClB,UAAU,0F,oBACRgF,EAAKC,KAAI,CACNjF,UAAU,6BACV0E,cAAY,SAEfM,EAAKE,SATLF,EAAKE,e,UAezBrF,MAAG,CAACG,UAAU,kC,oBACV3D,EAAAA,EAAU,K,SACVwD,MAAG,CAACG,UAAU,O,mBACVkC,EAAU,e,SAK1BrC,MAAG,CAACG,UAAU,4BCpGhB,SAASmF,EAAW,G,IAAEC,EAAF,EAAEA,kBACjC,OAAM,SACDvF,MAAG,CAACG,UAAU,sC,oBACVU,SAAM,CACHV,UAAU,wLACVoB,QAASgE,E,oBAERvE,OAAI,CAACb,UAAU,U,SAAU,kB,SACzBqF,EAAAA,IAAQ,CAACrF,UAAU,UAAU0E,cAAY,cCN3C,SAASY,EAAQ,G,IAAE3B,EAAF,EAAEA,WAC9B,OAAM,SACD9D,MAAG,CAACG,UAAU,kC,mBACVH,MAAG,CAACG,UAAU,qB,oBACVH,MAAG,CAACG,UAAU,yC,qBACVH,MAAG,CAACG,UAAU,iD,oBACVH,MAAG,CAACG,UAAU,uC,mBACV2E,MAAG,CACA3E,UAAU,cACV4E,IAAI,kBACJC,IAAI,mB,SAGXC,MAAG,CAAC9E,UAAU,8B,SACV2D,EAAWoB,KAAI,SAACC,GACb,OAAM,SAALpC,EAAO,CAEJzB,KAAM6D,EAAK7D,KACX2B,gBAAgB,mE,oBAEf5B,IAAC,CAAClB,UAAU,0F,oBACRgF,EAAKC,KAAI,CACNjF,UAAU,6BACV0E,cAAY,SAEfM,EAAKE,SATLF,EAAKE,e,UAezBrF,MAAG,CAACG,UAAU,kC,oBACV3D,EAAAA,EAAU,K,SACVwD,MAAG,CAACG,UAAU,O,mBACVkC,EAAU,gBC7BvC,IAAMqD,EAAe,CACjBC,QAAS,8BACTzD,MAAO,aACP0D,KAAM,cACNC,QAAS,gBACTC,QAAS,gBACTC,KAAM,8BAGJjC,EAAa,CACf,CACIuB,KAAM,SACN/D,KAAM,UACNkC,SAAS,EACT4B,KAAMY,EAAAA,MAIC,SAAS7D,EAAO,G,IAAC8D,EAAD,EAACA,eAAgBC,EAAjB,EAAiBA,gBAAiBlD,EAAlC,EAAkCA,SAEvDvG,GADaK,EAAAA,EAAAA,MAAZD,SACkBE,mBACaG,GAAAA,EAAAA,EAAAA,WAAS,GAAxC6G,EAA+B7G,EAAe,GAAjCiJ,EAAkBjJ,EAAe,GACrD,OAAM,sB,oBAEGkJ,EAAAA,QAAM,C,SAEC3J,GACC,GAEE,OAFA4J,QAAQC,SAAS7J,EAAQ8J,cAAe,CACvCC,SAAU/J,EAAQ+J,e,UAG7BxG,MAAG,CAACG,UAAU,yC,oBACVsG,EAAAA,GAAc,CACXC,eAAgB,SAAQ,G,IAANrG,EAAI,EAAJA,KACdqF,OAAAA,EAAarF,GAAQ,WACrB,4H,SAGPwD,EAAc,CACXC,WAAYA,EACZC,YAAaA,EACbC,mBAAoB,WAAMmC,OAAAA,GAAe,O,SAE5CV,EAAO,CAAC3B,WAAYA,K,UACpB9D,MAAG,CAACG,UAAU,2C,oBACVmF,EAAU,CACPC,kBAAmB,WAAMY,OAAAA,GAAe,O,SAE3CQ,OAAI,CAACxG,UAAU,yD,oBACXH,MAAG,CAACG,UAAU,O,qBACVH,MAAG,CAACG,UAAU,0E,UACV8F,IAAc,SACVW,KAAE,CAACzG,UAAU,kD,SACT8F,IAGRC,IAAe,SACXlG,MAAG,CAACG,UAAU,U,SACV+F,Q,SAIZlG,MAAG,CAACG,UAAU,yC,SACV6C,oB,mECxElB,SAAS6D,IACpB,OAAM,qB,mBAEG7G,MAAG,CACAG,UAAU,4HACVe,MAAO,CAAE4F,OAAQ,KAAMC,MAAO,W,mBAE7B/G,MAAG,CAACG,UAAU,6F,6ECAhB,SAAS0C,EAAY,G,IAACC,EAAD,EAACA,IAAKrC,EAAN,EAAMA,MAAON,EAAb,EAAaA,UACvC6G,EAD0B,EAAwBC,aAC3BxG,E,SANJA,EAAOqC,GAEhC,OADoBrC,EAAQqC,EAAO,KACjBoE,QAAQ,GAIWC,CAAoB1G,EAAOqC,GAChE,OAAKA,GAAQrC,GAEP,SACDT,MAAG,CAACG,WAAWiH,EAAAA,EAAAA,GAAWjH,GAAwB,Q,mBAC9CH,MAAG,CAACG,UAAU,4D,mBACVH,MAAG,CACAkB,MAAO,CAAC8F,MAAQ,GAAQ,OAANA,EAAM,MACxB7G,UAAU,sGAPC,O,qBCThB,SAASiH,IAAW,2BAAGC,EAAH,IAAU,MAAV,eAAGA,EAAH,gBAC/B,OAAOA,EAAQC,OAAOC,SAASC,KAAK,K","sources":["webpack://_N_E/./components/AvatarMenu.jsx","webpack://_N_E/./components/ErrorComponent.jsx","webpack://_N_E/./components/AssetUsage.jsx","webpack://_N_E/./components/NavLink.jsx","webpack://_N_E/./components/DynamicSidebar.jsx","webpack://_N_E/./components/MenuButton.jsx","webpack://_N_E/./components/Sidebar.jsx","webpack://_N_E/./components/Layout.jsx","webpack://_N_E/./components/Loading.jsx","webpack://_N_E/./components/ProgressBar.jsx","webpack://_N_E/./lib/classNames.js"],"sourcesContent":["import {useState, useEffect} from 'react';\nimport {useMsal} from '@azure/msal-react';\nimport {toast} from 'react-toastify';\nimport {usePopper} from 'react-popper';\nimport {useForm} from 'react-hook-form';\nimport {Popover} from '@headlessui/react';\nimport {ChevronDownIcon} from '@heroicons/react/solid';\nimport {\n    UserIcon,\n    KeyIcon,\n    LoginIcon,\n    PencilAltIcon\n} from '@heroicons/react/outline';\nimport {b2cPolicies} from '../lib/b2cPolicies';\nimport fetchWithToken from '../lib/fetchWithToken';\nimport {useCurrentAccount} from '../context/CurrentAccountContext';\nimport {useLocaleContextActions} from 'tovera-shared/context/LocaleContext';\nimport Modal from './Modal';\nimport {API_ENDPOINTS} from '../helpers/constants';\n\nexport default function AvatarMenu() {\n    const {translate} = useLocaleContextActions();\n    const {instance} = useMsal();\n    const account = instance.getActiveAccount();\n    const currentAccount = useCurrentAccount();\n    const [user, setUser] = useState(null);\n    const [modalOpen, setModalOpen] = useState(false);\n    const [referenceElement, setReferenceElement] = useState();\n    const [popperElement, setPopperElement] = useState();\n    const {styles, attributes} = usePopper(referenceElement, popperElement, {\n        placement: 'top-start'\n    });\n    const {\n        register,\n        handleSubmit,\n        watch,\n        setValue,\n        formState: {errors, isSubmitting}\n    } = useForm();\n\n    useEffect(async () => {\n        if (!currentAccount) {\n            return;\n        }\n\n        setUser(currentAccount);\n    }, [currentAccount]);\n\n    const popperStyles = {\n        ...styles.popper,\n        right: 0\n    };\n\n    function editPassword() {\n        const editPasswordRequest = b2cPolicies.authorities.forgotPassword;\n        instance.loginRedirect(editPasswordRequest);\n    }\n\n    function editProfile() {\n        const editProfileRequest = b2cPolicies.authorities.editProfile;\n        instance.loginRedirect(editProfileRequest);\n    }\n\n    function editUsername() {\n        setModalOpen(true);\n    }\n\n    function handleLogout() {\n        instance.logoutRedirect();\n    }\n\n    async function onSubmit(data) {\n        await fetchWithToken(API_ENDPOINTS.users, {\n            method: 'POST',\n            body: JSON.stringify(data)\n        });\n        toast.success('Public Display Name updated', {autoClose: 2000});\n        setModalOpen(false);\n    }\n\n    if (!account) return null;\n\n    const givenName = account.idTokenClaims?.given_name\n        ? `${account.idTokenClaims?.given_name} `\n        : '';\n    const familyName = account.idTokenClaims?.family_name || '';\n\n    const initial = givenName ? givenName[0] : '';\n    const displayName = `${givenName}${familyName}`;\n\n    return (\n        <>\n            <Modal\n                title=\"Edit Public Display Name\"\n                open={modalOpen}\n                onClose={() => setModalOpen(false)}\n            >\n                <form onSubmit={handleSubmit(onSubmit)}>\n                    <div>\n                        <label\n                            htmlFor=\"display_name\"\n                            className=\"block text-sm font-medium text-gray-700\"\n                        >\n                            {translate('avatar_menu.public_display_name')}\n                        </label>\n                        <div className=\"mt-1\">\n                            <input\n                                type=\"text\"\n                                defaultValue={user?.display_name}\n                                {...register('display_name', {\n                                    maxLength: {\n                                        value: 30,\n                                        message:\n                                            'Your username cannot be longer than 30 characters.'\n                                    }\n                                })}\n                                className=\"max-w-lg block w-full shadow-sm sm:max-w-xs sm:text-sm focus:ring-0 focus:outline-none focus:border-gray-400 border-gray-300 rounded-md\"\n                            />\n                            {errors.display_name && (\n                                <p\n                                    className=\"mt-2 text-sm text-red-600\"\n                                    id=\"username-error\"\n                                >\n                                    {errors.display_name?.message}\n                                </p>\n                            )}\n                        </div>\n                    </div>\n                    <div className=\"mt-4 flex justify-items-end\">\n                        <button\n                            type=\"submit\"\n                            className=\"inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-black bg-primary outline-none focus:outline-none disabled:opacity-50\"\n                        >\n                            {translate('common.save')}\n                        </button>\n                    </div>\n                </form>\n            </Modal>\n            <Popover className=\"relative\">\n                <Popover.Button\n                    className=\"avatar-menu-button w-full focus:ring-0 focus:outline-none group\"\n                    ref={setReferenceElement}\n                >\n                    <div className=\"flex items-center\">\n                        <div className=\"w-9 h-9 rounded-md inline-block border border-gray-300 group-hover:border-gray-400 font-display flex items-center justify-center text-sm\">\n                            <span className=\"text-gray-600 group-hover:text-black\">\n                                {initial}\n                            </span>\n                        </div>\n                        <div className=\"avatar-display-name-container text-sm overflow-ellipsis overflow-hidden text-gray-500 group-hover:text-black group-focus:text-black\">\n                            <div className=\"avatar-display-name\">\n                                {displayName}\n                            </div>\n                        </div>\n                        <ChevronDownIcon className=\"avatar-icon h-5 w-5 text-gray-400 group-hover:text-gray-600\" />\n                    </div>\n                </Popover.Button>\n                <Popover.Panel\n                    ref={setPopperElement}\n                    style={popperStyles}\n                    {...attributes.popper}\n                >\n                    <div className=\"overflow-hidden rounded-md shadow-lg mb-2 bg-white border border-gray-border\">\n                        <ul>\n                            <li>\n                                <a\n                                    href=\"#\"\n                                    onClick={editPassword}\n                                    className=\"flex items-center text-sm text-gray-600 hover:bg-gray-light group px-4 py-2\"\n                                >\n                                    <KeyIcon className=\"mr-3 flex-shrink-0 h-5 w-5 text-gray-400 group-hover:text-gray-700\" />\n                                    <span className=\"group-hover:text-black\">\n                                        {translate(\n                                            'avatar_menu.change_password'\n                                        )}\n                                    </span>\n                                </a>\n                            </li>\n                            <li>\n                                <a\n                                    href=\"#\"\n                                    onClick={editProfile}\n                                    className=\"flex items-center text-sm text-gray-600 hover:bg-gray-light group px-4 py-2\"\n                                >\n                                    <UserIcon className=\"mr-3 flex-shrink-0 h-5 w-5 text-gray-400 group-hover:text-gray-700\" />\n                                    <span className=\"group-hover:text-black\">\n                                        {translate('avatar_menu.edit_profile')}\n                                    </span>\n                                </a>\n                            </li>\n                            <li>\n                                <a\n                                    href=\"#\"\n                                    onClick={editUsername}\n                                    className=\"flex items-center text-sm text-gray-600 hover:bg-gray-light group px-4 py-2\"\n                                >\n                                    <PencilAltIcon className=\"mr-3 flex-shrink-0 h-5 w-5 text-gray-400 group-hover:text-gray-700\" />\n                                    <span className=\"group-hover:text-black\">\n                                        {translate(\n                                            'avatar_menu.change_public_name'\n                                        )}\n                                    </span>\n                                </a>\n                            </li>\n                            <li>\n                                <a\n                                    href=\"#\"\n                                    onClick={handleLogout}\n                                    className=\"flex items-center text-gray-600 text-sm group px-4 py-2\"\n                                >\n                                    <LoginIcon className=\"mr-2 flex-shrink-0 h-5 w-5 text-gray-400 group-hover:text-gray-700\" />\n                                    <span className=\"group-hover:text-black\">\n                                        {translate('avatar_menu.logout')}\n                                    </span>\n                                </a>\n                            </li>\n                        </ul>\n                    </div>\n                </Popover.Panel>\n            </Popover>\n        </>\n    );\n}\n","import Layout from './Layout';\nimport {useLocaleContextActions} from 'tovera-shared/context/LocaleContext';\n\nexport default function ErrorComponent({error}) {\n    const {translate} = useLocaleContextActions();\n\n    return (\n        <Layout>\n            <div>\n                {translate('common.error_with_message', {\n                    message: error.errorCode\n                })}\n            </div>\n        </Layout>\n    );\n}\n","import {useState, useEffect} from 'react';\nimport {useCurrentAccount} from '../context/CurrentAccountContext';\nimport {useLocaleContextActions} from 'tovera-shared/context/LocaleContext';\nimport ProgressBar from './ProgressBar';\nimport {isNumber} from 'lodash';\n\nexport default function AssetUsage() {\n    const {translate} = useLocaleContextActions();\n    const currentAccount = useCurrentAccount();\n    const [assetCount, setAssetCount] = useState(0);\n\n    useEffect(() => {\n        if (currentAccount === undefined) return;\n\n        // If the current account is null, we do not have any attributes yet.\n        // The asset count is zero padded.\n        setAssetCount(\n            isNumber(currentAccount?.asset_count)\n                ? currentAccount.asset_count + 1\n                : 0\n        );\n    }, [currentAccount]);\n\n    return (\n        <>\n            <div className=\"text-gray-medium text-xs\">\n                {translate('asset_usage.x_of_y_used', {\n                    assetCount,\n                    assetMax: process.env.NEXT_PUBLIC_ASSET_MAX\n                })}\n            </div>\n            <ProgressBar\n                value={assetCount}\n                max={process.env.NEXT_PUBLIC_ASSET_MAX}\n            />\n        </>\n    );\n}\n","import { useRouter } from 'next/router'\nimport Link from 'next/link'\nimport React, { Children } from 'react'\n\nexport default function NavLink({ children, activeClassName, ...props }) {\n    const { asPath } = useRouter()\n    const child = Children.only(children)\n    const childClassName = child.props.className || ''\n    const current = asPath === props.href || asPath === props.as\n    const className = current ? activeClassName : childClassName\n    const ariaCurrent = current ? 'page' : undefined\n\n    return (\n        <Link {...props}>\n            {React.cloneElement(child, {\n                className: className || null,\n                'aria-current': ariaCurrent,\n            })}\n        </Link>\n    )\n}\n","import { Fragment } from 'react'\n\nimport { Dialog, Transition } from '@headlessui/react'\nimport { XIcon } from '@heroicons/react/outline'\n\nimport AssetUsage from './AssetUsage'\nimport AvatarMenu from './AvatarMenu'\nimport NavLink from './NavLink'\n\nexport default function DynamicSidebar({\n    navigation,\n    sidebarOpen,\n    handleSidebarClose,\n}) {\n    return (\n        <Transition.Root show={sidebarOpen} as={Fragment}>\n            <Dialog\n                as=\"div\"\n                static\n                className=\"fixed inset-0 flex z-40 md:hidden\"\n                open={sidebarOpen}\n                onClose={handleSidebarClose}\n            >\n                <Transition.Child\n                    as={Fragment}\n                    enter=\"transition-opacity ease-linear duration-300\"\n                    enterFrom=\"opacity-0\"\n                    enterTo=\"opacity-100\"\n                    leave=\"transition-opacity ease-linear duration-300\"\n                    leaveFrom=\"opacity-100\"\n                    leaveTo=\"opacity-0\"\n                >\n                    <Dialog.Overlay className=\"fixed inset-0 bg-gray-600 bg-opacity-75\" />\n                </Transition.Child>\n                <Transition.Child\n                    as={Fragment}\n                    enter=\"transition ease-in-out duration-300 transform\"\n                    enterFrom=\"-translate-x-full\"\n                    enterTo=\"translate-x-0\"\n                    leave=\"transition ease-in-out duration-300 transform\"\n                    leaveFrom=\"translate-x-0\"\n                    leaveTo=\"-translate-x-full\"\n                >\n                    <div className=\"relative flex-1 flex flex-col max-w-xs w-full bg-gray-light\">\n                        <Transition.Child\n                            as={Fragment}\n                            enter=\"ease-in-out duration-300\"\n                            enterFrom=\"opacity-0\"\n                            enterTo=\"opacity-100\"\n                            leave=\"ease-in-out duration-300\"\n                            leaveFrom=\"opacity-100\"\n                            leaveTo=\"opacity-0\"\n                        >\n                            <div className=\"absolute top-0 right-0 -mr-12 pt-2\">\n                                <button\n                                    className=\"ml-1 flex items-center justify-center h-10 w-10 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white\"\n                                    onClick={handleSidebarClose}\n                                >\n                                    <span className=\"sr-only\">\n                                        Close sidebar\n                                    </span>\n                                    <XIcon\n                                        className=\"h-6 w-6 text-white\"\n                                        aria-hidden=\"true\"\n                                    />\n                                </button>\n                            </div>\n                        </Transition.Child>\n                        <div className=\"flex-1 h-0 pt-5 pb-4 overflow-y-auto\">\n                            <div className=\"flex-shrink-0 flex items-center px-4\">\n                                <img\n                                    className=\"h-8 w-auto\"\n                                    src=\"tovera-logo.svg\"\n                                    alt=\"tovera logo\"\n                                />\n                            </div>\n                            <nav className=\"mt-5 px-2 space-y-1\">\n                                {navigation.map((item) => (\n                                    <NavLink\n                                        key={item.name}\n                                        href={item.href}\n                                        activeClassName=\"text-black group flex items-center px-2 py-2 text-sm font-medium\"\n                                    >\n                                        <a className=\"text-gray-medium hover:text-black group flex items-center px-2 py-2 text-sm font-medium\">\n                                            <item.icon\n                                                className=\"mr-2 flex-shrink-0 h-6 w-6\"\n                                                aria-hidden=\"true\"\n                                            />\n                                            {item.name}\n                                        </a>\n                                    </NavLink>\n                                ))}\n                            </nav>\n                        </div>\n                        <div className=\"p-4 border-t border-gray-border\">\n                            <AvatarMenu />\n                            <div className=\"mt-2\">\n                                <AssetUsage />\n                            </div>\n                        </div>\n                    </div>\n                </Transition.Child>\n                <div className=\"flex-shrink-0 w-14\"></div>\n            </Dialog>\n        </Transition.Root>\n    )\n}\n","import { MenuIcon } from '@heroicons/react/outline'\n\nexport default function MenuButton({ handleSidebarOpen }) {\n    return (\n        <div className=\"md:hidden pl-1 pt-1 sm:pl-3 sm:pt-3\">\n            <button\n                className=\"-ml-0.5 -mt-0.5 h-12 w-12 inline-flex items-center justify-center rounded-md text-gray-500 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500\"\n                onClick={handleSidebarOpen}\n            >\n                <span className=\"sr-only\">Open sidebar</span>\n                <MenuIcon className=\"h-6 w-6\" aria-hidden=\"true\" />\n            </button>\n        </div>\n    )\n}\n","import AssetUsage from './AssetUsage'\nimport AvatarMenu from './AvatarMenu'\nimport NavLink from './NavLink'\n\nexport default function Sidebar({ navigation }) {\n    return (\n        <div className=\"hidden md:flex md:flex-shrink-0\">\n            <div className=\"flex flex-col w-64\">\n                <div className=\"flex flex-col h-0 flex-1 bg-gray-light\">\n                    <div className=\"flex-1 flex flex-col pt-5 pb-4 overflow-y-auto\">\n                        <div className=\"flex items-center flex-shrink-0 px-4\">\n                            <img\n                                className=\"h-10 w-auto\"\n                                src=\"tovera-logo.svg\"\n                                alt=\"tovera logo\"\n                            />\n                        </div>\n                        <nav className=\"mt-10 flex-1 px-2 space-y-1\">\n                            {navigation.map((item) => (\n                                <NavLink\n                                    key={item.name}\n                                    href={item.href}\n                                    activeClassName=\"text-black group flex items-center px-2 py-2 text-sm font-medium\"\n                                >\n                                    <a className=\"text-gray-medium hover:text-black group flex items-center px-2 py-2 text-sm font-medium\">\n                                        <item.icon\n                                            className=\"mr-2 flex-shrink-0 h-6 w-6\"\n                                            aria-hidden=\"true\"\n                                        />\n                                        {item.name}\n                                    </a>\n                                </NavLink>\n                            ))}\n                        </nav>\n                    </div>\n                    <div className=\"p-4 border-t border-gray-border\">\n                        <AvatarMenu />\n                        <div className=\"mt-2\">\n                            <AssetUsage />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    )\n}\n","import {useState} from 'react';\nimport Script from 'next/script';\nimport {useMsal} from '@azure/msal-react';\nimport {DocumentDuplicateIcon} from '@heroicons/react/outline';\nimport {ToastContainer} from 'react-toastify';\nimport DynamicSidebar from './DynamicSidebar';\nimport MenuButton from './MenuButton';\nimport Sidebar from './Sidebar';\n\nconst contextClass = {\n    success: 'bg-green-300 text-green-800',\n    error: 'bg-red-500',\n    info: 'bg-gray-500',\n    warning: 'bg-orange-500',\n    default: 'bg-indigo-500',\n    dark: 'bg-white-500 font-gray-300'\n};\n\nconst navigation = [\n    {\n        name: 'Assets',\n        href: '/assets',\n        current: false,\n        icon: DocumentDuplicateIcon\n    }\n];\n\nexport default function Layout({subHeaderTitle, actionComponent, children}) {\n    const {instance} = useMsal();\n    const account = instance.getActiveAccount();\n    const [sidebarOpen, setSidebarOpen] = useState(false);\n    return (\n        <>\n            <Script>\n                {process.env.NEXT_PUBLIC_ANALYTICS_ENABLED === 'true' &&\n                    account &&\n                    `${posthog.identify(account.homeAccountId, {\n                        username: account.username\n                    })}`}\n            </Script>\n            <div className=\"h-screen flex overflow-hidden bg-white\">\n                <ToastContainer\n                    toastClassName={({type}) =>\n                        contextClass[type || 'default'] +\n                        ' relative flex p-1 min-h-10 rounded-md justify-between overflow-hidden cursor-pointer font-sans text-sm font-semibold'\n                    }\n                />\n                <DynamicSidebar\n                    navigation={navigation}\n                    sidebarOpen={sidebarOpen}\n                    handleSidebarClose={() => setSidebarOpen(false)}\n                />\n                <Sidebar navigation={navigation} />\n                <div className=\"flex flex-col w-0 flex-1 overflow-hidden\">\n                    <MenuButton\n                        handleSidebarOpen={() => setSidebarOpen(true)}\n                    />\n                    <main className=\"flex-1 relative z-0 overflow-y-auto focus:outline-none\">\n                        <div className=\"py-6\">\n                            <div className=\"max-w-7xl mx-auto px-4 sm:px-6 md:px-8 flex sm:mb-16 mb-10 items-center\">\n                                {subHeaderTitle && (\n                                    <h1 className=\"text-3xl font-normal font-display text-gray-900\">\n                                        {subHeaderTitle}\n                                    </h1>\n                                )}\n                                {actionComponent && (\n                                    <div className=\"ml-auto\">\n                                        {actionComponent}\n                                    </div>\n                                )}\n                            </div>\n                            <div className=\"max-w-7xl mx-auto px-4 sm:px-6 md:px-8\">\n                                {children}\n                            </div>\n                        </div>\n                    </main>\n                </div>\n            </div>\n        </>\n    );\n}\n","export default function Loading() {\n    return (\n        <>\n            <div\n                className=\"fixed top-0 left-0 right-0 bottom-0 w-full h-screen overflow-hidden bg-gray-700 flex flex-col items-center justify-center\"\n                style={{ zIndex: 9999, color: \"#4d5665\" }}\n            >\n                <div className=\"loader ease-linear rounded-full border-4 border-t-4 border-gray-200 h-12 w-12 mb-4\"></div>\n            </div>\n        </>\n    )\n}\n","import classNames from '../lib/classNames';\n\nfunction calculatePercentage(value, max) {\n    const percentage = (value / max) * 100;\n    return percentage.toFixed(2);\n}\n\nexport default function ProgressBar({max, value, className, isPercentage}) {\n    const width = isPercentage ? value : calculatePercentage(value, max);\n    if (!max || !value) return null;\n\n    return (\n        <div className={classNames(className ? className : 'pt-1')}>\n            <div className=\"overflow-hidden h-1 mb-2 text-xs flex rounded bg-blue-200\">\n                <div\n                    style={{width: `${width}%`}}\n                    className=\"shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-blue-500\"\n                ></div>\n            </div>\n        </div>\n    );\n}\n","export default function classNames(...classes) {\n    return classes.filter(Boolean).join(' ')\n}\n"],"names":["AvatarMenu","account","errors","translate","useLocaleContextActions","instance","useMsal","getActiveAccount","currentAccount","useCurrentAccount","useState","user","setUser","modalOpen","setModalOpen","referenceElement","setReferenceElement","popperElement","setPopperElement","usePopper","placement","styles","attributes","useForm","register","handleSubmit","watch","setValue","formState","isSubmitting","useEffect","popperStyles","popper","right","onSubmit","data","fetchWithToken","API_ENDPOINTS","method","body","JSON","stringify","toast","autoClose","givenName","idTokenClaims","given_name","familyName","family_name","initial","displayName","Modal","title","open","onClose","form","div","label","htmlFor","className","input","type","defaultValue","display_name","maxLength","value","message","p","id","button","Popover","ref","span","ChevronDownIcon","style","ul","li","a","href","onClick","editPasswordRequest","b2cPolicies","loginRedirect","KeyIcon","editProfileRequest","UserIcon","PencilAltIcon","logoutRedirect","LoginIcon","ErrorComponent","error","Layout","errorCode","AssetUsage","assetCount","setAssetCount","undefined","isNumber","asset_count","assetMax","process","ProgressBar","max","NavLink","children","activeClassName","props","asPath","useRouter","child","Children","childClassName","current","as","ariaCurrent","Link","React","DynamicSidebar","navigation","sidebarOpen","handleSidebarClose","Transition","show","Fragment","Dialog","static","enter","enterFrom","enterTo","leave","leaveFrom","leaveTo","XIcon","aria-hidden","img","src","alt","nav","map","item","icon","name","MenuButton","handleSidebarOpen","MenuIcon","Sidebar","contextClass","success","info","warning","default","dark","DocumentDuplicateIcon","subHeaderTitle","actionComponent","setSidebarOpen","Script","posthog","identify","homeAccountId","username","ToastContainer","toastClassName","main","h1","Loading","zIndex","color","width","isPercentage","toFixed","calculatePercentage","classNames","classes","filter","Boolean","join"],"sourceRoot":""}