{"version":3,"file":"AuthLayout-ee651e33.js","sources":["../../src/App/layouts/AuthLayout/AuthLayout.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Layout } from 'antd';\r\nimport authStyles from './AuthLayout.module.scss';\r\nimport { inject, provider } from 'react-ioc';\r\nimport { UIStore, SchoolStore } from 'stores';\r\nimport { observer } from 'mobx-react';\r\nimport SchoolLogo from 'App/SchoolLogo/SchoolLogo';\r\nimport { Outlet } from 'react-router-dom';\r\nimport { Localization } from '@axl/accel-framework/utils';\r\nimport { AccelLogo } from '@axl/accel-framework/components';\r\nimport AuthStore from 'views/auth/stores/AuthStore';\r\n\r\n@observer\r\n@provider(AuthStore)\r\nexport default class AuthLayout extends React.Component {\r\n    @inject(SchoolStore) school: SchoolStore;\r\n    @inject(UIStore) uiStore: UIStore;\r\n    @inject(Localization) loc: Localization;\r\n\r\n    render() {\r\n        return <Layout id='auth_layout'>\r\n            <div className={`${authStyles.auth_layout} login-wrapper`}>\r\n                <div className={authStyles.auth_drawer} style={{ width: this.uiStore.deviceSize == \"desktop\" ? \"450px\" : \"100%\" }}>\r\n                    <div className={authStyles.auth_form_wrapper}>\r\n                        <div className={authStyles.auth_form_wrapper_header}>\r\n                            <div className={`login-logo`}>\r\n\r\n                                <SchoolLogo theme='dark' height={100} imageClassname='mb-30' />\r\n\r\n                            </div>\r\n                            <h1 className={`${authStyles.school_name} login-school-name`} >\r\n                                {this.school.school.name}\r\n                            </h1>\r\n                        </div>\r\n                        <div className={`${authStyles.auth_form_wrapper_body} login-content`}>\r\n                            <Outlet />\r\n                        </div>\r\n                        <div className='flex flex-col align-center'>\r\n                            <span className='fw-500'>{this.loc.word('School.poweredByLabel', { default: 'Powered by' })}</span>\r\n                            <a href='https://axl.tech' target='_blank' data-testid='axl-link'>\r\n                                <AccelLogo theme='dark' width={70} height={50} />\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </Layout>;\r\n    }\r\n}"],"names":["AuthLayout","React","jsx","Layout","authStyles","jsxs","SchoolLogo","Outlet","AccelLogo","__decorateClass","inject","SchoolStore","UIStore","Localization","observer","provider","AuthStore"],"mappings":"o2BAcqB,IAAAA,EAArB,cAAwCC,EAAM,SAAU,CAKpD,QAAS,CACL,OAAQC,EAAAA,IAAAC,EAAA,CAAO,GAAG,cACd,SAACD,EAAA,IAAA,MAAA,CAAI,UAAW,GAAGE,EAAW,4BAC1B,SAACF,EAAAA,IAAA,MAAA,CAAI,UAAWE,EAAW,YAAa,MAAO,CAAE,MAAO,KAAK,QAAQ,YAAc,UAAY,QAAU,QACrG,SAAAC,EAAAA,KAAC,MAAI,CAAA,UAAWD,EAAW,kBACvB,SAAA,CAACC,EAAA,KAAA,MAAA,CAAI,UAAWD,EAAW,yBACvB,SAAA,CAACF,EAAA,IAAA,MAAA,CAAI,UAAW,aAEZ,SAACA,MAAAI,EAAA,CAAW,MAAM,OAAO,OAAQ,IAAK,eAAe,OAAQ,CAAA,EAEjE,EACAJ,EAAAA,IAAC,MAAG,UAAW,GAAGE,EAAW,gCACxB,SAAA,KAAK,OAAO,OAAO,IACxB,CAAA,CAAA,EACJ,EACAF,EAAAA,IAAC,OAAI,UAAW,GAAGE,EAAW,uCAC1B,SAAAF,EAAAA,IAACK,IAAO,CACZ,CAAA,EACAF,EAAAA,KAAC,MAAI,CAAA,UAAU,6BACX,SAAA,CAACH,EAAAA,IAAA,OAAA,CAAK,UAAU,SAAU,SAAK,KAAA,IAAI,KAAK,wBAAyB,CAAE,QAAS,YAAa,CAAC,CAAE,CAAA,QAC3F,IAAE,CAAA,KAAK,mBAAmB,OAAO,SAAS,cAAY,WACnD,SAACA,EAAA,IAAAM,EAAA,CAAU,MAAM,OAAO,MAAO,GAAI,OAAQ,EAAI,CAAA,EACnD,CAAA,EACJ,CACJ,CAAA,CAAA,CACJ,CAAA,EACJ,CACJ,CAAA,CACJ,CACJ,EAjCyBC,EAAA,CAApBC,EAAOC,CAAW,CAAA,EADFX,EACI,UAAA,SAAA,CAAA,EACJS,EAAA,CAAhBC,EAAOE,CAAO,CAAA,EAFEZ,EAEA,UAAA,UAAA,CAAA,EACKS,EAAA,CAArBC,EAAOG,CAAY,CAAA,EAHHb,EAGK,UAAA,MAAA,CAAA,EAHLA,EAArBS,EAAA,CAFCK,EACAC,EAASC,CAAS,CAAA,EACEhB,CAAA"}