npm - @roomstay/frontend - Versions diffs - 2.3.9 → 2.3.11 - Mend

@roomstay/frontend 2.3.9 → 2.3.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (850) hide show

package/dist/src/components/generic/modal/SigninModal/AuthenticatedUserModal.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
+import { Placement } from '@popperjs/core';
 import { ReactElement } from 'react';
 import { IconType } from '../../Icon/Icon';
-import { Placement } from '@popperjs/core';
 export type AuthenticatedUserModalProps = {
     open: boolean;
     anchorEl?: HTMLElement | null;

package/dist/src/components/generic/modal/SigninModal/AuthenticatedUserModal.js CHANGED Viewed

@@ -27,21 +27,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AuthenticatedUserModal = void 0;
-const react_1 = __importStar(require("react"));
-const Overlay_1 = require("../../Overlay/Overlay");
 const contexts_1 = require("../../../../contexts/index.js");
-const Icon_1 = __importStar(require("../../Icon/Icon"));
-const Color_1 = require("../../../../util/Color");
-const Text_1 = __importDefault(require("../../Text"));
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
 const react_router_dom_1 = require("react-router-dom");
+const Icon_1 = __importStar(require("../../Icon/Icon"));
 const LineBreak_1 = __importDefault(require("../../LineBreak"));
-const AuthenticatedUserModal_module_scss_1 = __importDefault(require("./AuthenticatedUserModal.module.scss"));
+const Overlay_1 = require("../../Overlay/Overlay");
+const Text_1 = __importDefault(require("../../Text"));
+const WindowSize_1 = require("../../../../hooks/WindowSize");
 const AccountRoutes_1 = require("../../../../pages/account/AccountRoutes");
-const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("../../../../translations/Translation");
+const Color_1 = require("../../../../util/Color");
 const ScreenSize_1 = __importDefault(require("../../../../util/ScreenSize"));
-const classnames_1 = __importDefault(require("classnames"));
-const WindowSize_1 = require("../../../../hooks/WindowSize");
+const AuthenticatedUserModal_module_scss_1 = __importDefault(require("./AuthenticatedUserModal.module.scss"));
 const AuthenticatedUserModal = (props) => {
     const { open, anchorEl, containerEl, menuItems, placement, fallbackPlacements, basePath = '', onSignedOut, onClose, onCloseMenu } = props;
     const { logout } = (0, react_1.useContext)(contexts_1.AuthenticationContext);

package/dist/src/components/generic/modal/SigninModal/AuthenticatedUserModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AuthenticatedUserModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/AuthenticatedUserModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwD;AACxD,~~kEAA~~+D;AAC/D,~~iDAA6E~~;~~AAE7E~~,uEAAgE;AAChE,~~wCAAqC~~;~~AACrC~~,qEAA6C;AAC7C,~~uDAA2C~~;~~AAC3C,+EAAuD;AAEvD~~,~~8GAA0D;AAC1D,~~iEAA8D;~~AAE9D~~,~~iDAA+C;AAC/C,~~4DAAyD;AACzD,~~mEAA2C~~;~~AAC3C~~,~~4DAAoC~~;~~AACpC~~,~~mDAAmD~~;~~AAqB5C~~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","sourcesContent":["import ~~React,~~ { ~~ReactElement~~, ~~useContext~~ } from '~~react~~';\nimport { ~~Overlay~~ } from '~~@/components~~/~~generic/Overlay/Overlay~~';\nimport { ~~AuthenticationContext, useBookingEngine }~~ from '~~@frontend/contexts~~';\n\nimport ~~Icon~~, { ~~IconType~~ } from '~~@/components/generic/Icon/Icon~~';\nimport { ~~Color~~ } from '~~@/util/Color~~';\nimport ~~Text from '@/components/generic/Text';\nimport~~ { NavLink } from 'react-router-dom';\nimport ~~LineBreak~~ from '@/components/generic/~~LineBreak~~';\n\nimport ~~styles~~ from '~~./AuthenticatedUserModal.module.scss~~';\nimport { ~~AccountRoutes~~ } from '@/~~pages~~/~~account~~/~~AccountRoutes~~';\nimport { ~~Placement~~ } from '~~@popperjs~~/~~core~~';\nimport { ~~useTranslation~~ } from '~~react-i18next~~';\nimport { Translation } from '@/translations/Translation';\nimport ~~ScreenSize~~ from '@/util/~~ScreenSize~~';\nimport ~~classNames~~ from '~~classnames~~';\nimport { ~~useWindowSize }~~ from '~~@/hooks/WindowSize~~';\n\nexport type AuthenticatedUserModalProps = {\n open: boolean;\n anchorEl?: HTMLElement \| null;\n placement?: Placement;\n fallbackPlacements?: Placement;\n containerEl?: HTMLElement;\n menuItems?: MenuItemType[];\n basePath?: string;\n onClose?: () => void;\n onSignedOut?: () => void;\n onCloseMenu?: () => void;\n};\n\nexport type MenuItemType = {\n icon: IconType;\n text: string;\n link: string;\n};\n\nexport const AuthenticatedUserModal = (props: AuthenticatedUserModalProps): ReactElement \| null => {\n const { open, anchorEl, containerEl, menuItems, placement, fallbackPlacements, basePath = '', onSignedOut, onClose, onCloseMenu } = props;\n\n const { logout } = useContext(AuthenticationContext);\n const { t } = useTranslation();\n const { screenSize } = useBookingEngine();\n const windowSize = useWindowSize();\n const isMobile = screenSize < ScreenSize.Large;\n const shouldBreakpoint = isMobile && (windowSize.height \|\| 0) <= 705;\n\n const onLogoutClick = () => {\n onClose?.();\n onSignedOut?.();\n logout();\n };\n\n const items: MenuItemType[] = menuItems \|\| [\n {\n icon: IconType.Person,\n text: 'Account',\n link: AccountRoutes.Home.path,\n },\n {\n icon: IconType.Bed,\n text: t(Translation.Navigation.Menu.YourReservations),\n link: AccountRoutes.Reservations.path,\n },\n {\n icon: IconType.Edit,\n text: t(Translation.Navigation.Menu.ProfileInformation),\n link: AccountRoutes.ProfileDetails.path,\n },\n {\n icon: IconType.CreditCard,\n text: t(Translation.Navigation.Menu.PaymentInformation),\n link: AccountRoutes.CardDetails.path,\n },\n {\n icon: IconType.Info,\n text: t(Translation.Navigation.Menu.NeedHelp),\n link: AccountRoutes.Help.path,\n },\n ];\n\n return (\n <Overlay\n preventScroll={shouldBreakpoint}\n usePortal\n followElement={shouldBreakpoint ? null : anchorEl}\n placement={placement \|\| 'auto-end'}\n fallbackPlacements={fallbackPlacements}\n container={containerEl}\n open={open}\n onClose={onClose}\n strategy=\"fixed\"\n className={styles['logged-in-overlay']}\n containerClassName={classNames({\n [styles['logged-in-overlay-container--fixed']]: shouldBreakpoint,\n })}\n >\n <div className={styles['list-items']}>\n {items.map((item, index) => {\n return (\n <NavLink\n isActive={(item, location) => {\n return !!item?.url && location.pathname.toLowerCase().includes(item.url.toLowerCase());\n }}\n activeClassName={styles['--selected']}\n to={`${basePath}${item.link}`}\n className={styles['list-item']}\n key={index}\n onClick={() => {\n onClose?.();\n onCloseMenu?.();\n }}\n >\n <div className={styles['list-item--icon']}>\n <Icon icon={item.icon} color={Color.Grey} size=\"24px\" />\n </div>\n <Text>{item.text}</Text>\n </NavLink>\n );\n })}\n <LineBreak />\n <div className={styles['list-item']} onClick={onLogoutClick}>\n <div className={styles['list-item--icon']}>\n <Icon icon={IconType.LogOut} color={Color.Alert} size=\"24px\" />\n </div>\n <Text color={Color.Alert}>{t(Translation.Misc.LogOut)}</Text>\n </div>\n </div>\n </Overlay>\n );\n};\n"]}
1	+ {"version":3,"file":"AuthenticatedUserModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/AuthenticatedUserModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA6E;AAE7E,4DAAoC;AACpC,+CAAwD;AACxD,iDAA+C;AAC/C,uDAA2C;AAE3C,uEAAgE;AAChE,+EAAuD;AACvD,kEAA+D;AAC/D,qEAA6C;AAC7C,mDAAmD;AACnD,iEAA8D;AAC9D,4DAAyD;AACzD,wCAAqC;AACrC,mEAA2C;AAE3C,8GAA0D;AAqBnD,MAAM,sBAAsB,GAAG,CAAC,KAAkC,EAAuB,EAAE;IAC9F,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,QAAQ,GAAG,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAE1I,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IACrD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAgB,GAAE,CAAC;IAC1C,MAAM,UAAU,GAAG,IAAA,0BAAa,GAAE,CAAC;IACnC,MAAM,QAAQ,GAAG,UAAU,GAAG,oBAAU,CAAC,KAAK,CAAC;IAC/C,MAAM,gBAAgB,GAAG,QAAQ,IAAI,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC;IAErE,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;QACZ,WAAW,aAAX,WAAW,uBAAX,WAAW,EAAI,CAAC;QAChB,MAAM,EAAE,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,KAAK,GAAmB,SAAS,IAAI;QACvC;YACI,IAAI,EAAE,eAAQ,CAAC,MAAM;YACrB,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,6BAAa,CAAC,IAAI,CAAC,IAAI;SAChC;QACD;YACI,IAAI,EAAE,eAAQ,CAAC,GAAG;YAClB,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC;YACrD,IAAI,EAAE,6BAAa,CAAC,YAAY,CAAC,IAAI;SACxC;QACD;YACI,IAAI,EAAE,eAAQ,CAAC,IAAI;YACnB,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,IAAI,CAAC,kBAAkB,CAAC;YACvD,IAAI,EAAE,6BAAa,CAAC,cAAc,CAAC,IAAI;SAC1C;QACD;YACI,IAAI,EAAE,eAAQ,CAAC,UAAU;YACzB,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,IAAI,CAAC,kBAAkB,CAAC;YACvD,IAAI,EAAE,6BAAa,CAAC,WAAW,CAAC,IAAI;SACvC;QACD;YACI,IAAI,EAAE,eAAQ,CAAC,IAAI;YACnB,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC7C,IAAI,EAAE,6BAAa,CAAC,IAAI,CAAC,IAAI;SAChC;KACJ,CAAC;IAEF,OAAO,CACH,8BAAC,iBAAO,IACJ,aAAa,EAAE,gBAAgB,EAC/B,SAAS,QACT,aAAa,EAAE,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,EACjD,SAAS,EAAE,SAAS,IAAI,UAAU,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,WAAW,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAE,4CAAM,CAAC,mBAAmB,CAAC,EACtC,kBAAkB,EAAE,IAAA,oBAAU,EAAC;YAC3B,CAAC,4CAAM,CAAC,oCAAoC,CAAC,CAAC,EAAE,gBAAgB;SACnE,CAAC;QAEF,uCAAK,SAAS,EAAE,4CAAM,CAAC,YAAY,CAAC;YAC/B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACvB,OAAO,CACH,8BAAC,0BAAO,IACJ,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE;wBACzB,OAAO,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAA,IAAI,QAAQ,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC;oBAC3F,CAAC,EACD,eAAe,EAAE,4CAAM,CAAC,YAAY,CAAC,EACrC,EAAE,EAAE,GAAG,QAAQ,GAAG,IAAI,CAAC,IAAI,EAAE,EAC7B,SAAS,EAAE,4CAAM,CAAC,WAAW,CAAC,EAC9B,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,GAAG,EAAE;wBACV,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;wBACZ,WAAW,aAAX,WAAW,uBAAX,WAAW,EAAI,CAAC;oBACpB,CAAC;oBAED,uCAAK,SAAS,EAAE,4CAAM,CAAC,iBAAiB,CAAC;wBACrC,8BAAC,cAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,EAAC,MAAM,GAAG,CACtD;oBACN,8BAAC,cAAI,QAAE,IAAI,CAAC,IAAI,CAAQ,CAClB,CACb,CAAC;YACN,CAAC,CAAC;YACF,8BAAC,mBAAS,OAAG;YACb,uCAAK,SAAS,EAAE,4CAAM,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,aAAa;gBACvD,uCAAK,SAAS,EAAE,4CAAM,CAAC,iBAAiB,CAAC;oBACrC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK,EAAE,IAAI,EAAC,MAAM,GAAG,CAC7D;gBACN,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,KAAK,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAQ,CAC3D,CACJ,CACA,CACb,CAAC;AACN,CAAC,CAAC;AA7FW,QAAA,sBAAsB,0BA6FjC","sourcesContent":["import { AuthenticationContext, useBookingEngine } from '@frontend/contexts';\nimport { Placement } from '@popperjs/core';\nimport classNames from 'classnames';\nimport React, { ReactElement, useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { NavLink } from 'react-router-dom';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\nimport Text from '@/components/generic/Text';\nimport { useWindowSize } from '@/hooks/WindowSize';\nimport { AccountRoutes } from '@/pages/account/AccountRoutes';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport styles from './AuthenticatedUserModal.module.scss';\n\nexport type AuthenticatedUserModalProps = {\n open: boolean;\n anchorEl?: HTMLElement \| null;\n placement?: Placement;\n fallbackPlacements?: Placement;\n containerEl?: HTMLElement;\n menuItems?: MenuItemType[];\n basePath?: string;\n onClose?: () => void;\n onSignedOut?: () => void;\n onCloseMenu?: () => void;\n};\n\nexport type MenuItemType = {\n icon: IconType;\n text: string;\n link: string;\n};\n\nexport const AuthenticatedUserModal = (props: AuthenticatedUserModalProps): ReactElement \| null => {\n const { open, anchorEl, containerEl, menuItems, placement, fallbackPlacements, basePath = '', onSignedOut, onClose, onCloseMenu } = props;\n\n const { logout } = useContext(AuthenticationContext);\n const { t } = useTranslation();\n const { screenSize } = useBookingEngine();\n const windowSize = useWindowSize();\n const isMobile = screenSize < ScreenSize.Large;\n const shouldBreakpoint = isMobile && (windowSize.height \|\| 0) <= 705;\n\n const onLogoutClick = () => {\n onClose?.();\n onSignedOut?.();\n logout();\n };\n\n const items: MenuItemType[] = menuItems \|\| [\n {\n icon: IconType.Person,\n text: 'Account',\n link: AccountRoutes.Home.path,\n },\n {\n icon: IconType.Bed,\n text: t(Translation.Navigation.Menu.YourReservations),\n link: AccountRoutes.Reservations.path,\n },\n {\n icon: IconType.Edit,\n text: t(Translation.Navigation.Menu.ProfileInformation),\n link: AccountRoutes.ProfileDetails.path,\n },\n {\n icon: IconType.CreditCard,\n text: t(Translation.Navigation.Menu.PaymentInformation),\n link: AccountRoutes.CardDetails.path,\n },\n {\n icon: IconType.Info,\n text: t(Translation.Navigation.Menu.NeedHelp),\n link: AccountRoutes.Help.path,\n },\n ];\n\n return (\n <Overlay\n preventScroll={shouldBreakpoint}\n usePortal\n followElement={shouldBreakpoint ? null : anchorEl}\n placement={placement \|\| 'auto-end'}\n fallbackPlacements={fallbackPlacements}\n container={containerEl}\n open={open}\n onClose={onClose}\n strategy=\"fixed\"\n className={styles['logged-in-overlay']}\n containerClassName={classNames({\n [styles['logged-in-overlay-container--fixed']]: shouldBreakpoint,\n })}\n >\n <div className={styles['list-items']}>\n {items.map((item, index) => {\n return (\n <NavLink\n isActive={(item, location) => {\n return !!item?.url && location.pathname.toLowerCase().includes(item.url.toLowerCase());\n }}\n activeClassName={styles['--selected']}\n to={`${basePath}${item.link}`}\n className={styles['list-item']}\n key={index}\n onClick={() => {\n onClose?.();\n onCloseMenu?.();\n }}\n >\n <div className={styles['list-item--icon']}>\n <Icon icon={item.icon} color={Color.Grey} size=\"24px\" />\n </div>\n <Text>{item.text}</Text>\n </NavLink>\n );\n })}\n <LineBreak />\n <div className={styles['list-item']} onClick={onLogoutClick}>\n <div className={styles['list-item--icon']}>\n <Icon icon={IconType.LogOut} color={Color.Alert} size=\"24px\" />\n </div>\n <Text color={Color.Alert}>{t(Translation.Misc.LogOut)}</Text>\n </div>\n </div>\n </Overlay>\n );\n};\n"]}

package/dist/src/components/generic/modal/SigninModal/FormContent/SignInFormContent.js CHANGED Viewed

@@ -5,12 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SignInFormContent = void 0;
 const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
 const BEButton_1 = __importDefault(require("../../../BEButton"));
 const LineBreak_1 = __importDefault(require("../../../LineBreak"));
 const SignInForm_1 = require("../../../../User/Forms/SignInForm");
-const Color_1 = require("../../../../../util/Color");
-const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("../../../../../translations/Translation");
+const Color_1 = require("../../../../../util/Color");
 const SignInFormContent = (props) => {
     const { onForgotPasswordClick, onSignUpClick, onDone } = props;
     const { t } = (0, react_i18next_1.useTranslation)();

package/dist/src/components/generic/modal/SigninModal/FormContent/SignInFormContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SignInFormContent.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/FormContent/SignInFormContent.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAkC;~~AAElC~~,6EAAqD;AACrD,+EAAuD;AACvD,mEAAgE;AAChE,~~wCAAqC~~;~~AACrC~~,~~iDAA+C~~;~~AAC/C~~,~~4DAAyD;AAQlD,~~MAAM,iBAAiB,GAA+B,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC/D,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH;QACI,8BAAC,uBAAU,IAAC,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,GAAI;QACvE,8BAAC,mBAAS,OAAG;QACb,uCAAK,SAAS,EAAC,sBAAsB;YACjC,8BAAC,kBAAQ,IAAC,MAAM,QAAC,IAAI,QAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,aAAK,CAAC,IAAI,EAAE,OAAO,EAAE,aAAa,IAC3E,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAC5C,CACT;QACN,8BAAC,kBAAQ,IAAC,OAAO,EAAE,aAAa,EAAE,IAAI,QAAC,OAAO,UACzC,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CACjC,CACZ,CACN,CAAC;AACN,CAAC,CAAC;AAlBW,QAAA,iBAAiB,qBAkB5B","sourcesContent":["import React, { FC } from 'react';\n\nimport BEButton from '@/components/generic/BEButton';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { SignInForm } from '@/components/User/Forms/SignInForm';\nimport { ~~Color~~ } from '@/~~util~~/~~Color~~';\nimport { ~~useTranslation~~ } from '~~react-i18next';\nimport { Translation } from '~~@/~~translations~~/~~Translation~~';\n\ninterface SignInFormContentProps {\n onForgotPasswordClick?: () => void;\n onSignUpClick?: () => void;\n onDone?: () => void;\n}\n\nexport const SignInFormContent: FC<SignInFormContentProps> = (props) => {\n const { onForgotPasswordClick, onSignUpClick, onDone } = props;\n const { t } = useTranslation();\n\n return (\n <>\n <SignInForm onForgotPassword={onForgotPasswordClick} onDone={onDone} />\n <LineBreak />\n <div className=\"u-marg-bottom--light\">\n <BEButton isText wide size=\"small\" textColor={Color.Navy} onClick={onSignUpClick}>\n {t(Translation.Navigation.SignIn.DontHaveAnAccount)}\n </BEButton>\n </div>\n <BEButton onClick={onSignUpClick} wide primary>\n {t(Translation.Navigation.SignIn.SignUp)}\n </BEButton>\n </>\n );\n};\n"]}
1	+ {"version":3,"file":"SignInFormContent.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/FormContent/SignInFormContent.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAkC;AAClC,iDAA+C;AAE/C,6EAAqD;AACrD,+EAAuD;AACvD,mEAAgE;AAChE,4DAAyD;AACzD,wCAAqC;AAQ9B,MAAM,iBAAiB,GAA+B,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC/D,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH;QACI,8BAAC,uBAAU,IAAC,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,GAAI;QACvE,8BAAC,mBAAS,OAAG;QACb,uCAAK,SAAS,EAAC,sBAAsB;YACjC,8BAAC,kBAAQ,IAAC,MAAM,QAAC,IAAI,QAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,aAAK,CAAC,IAAI,EAAE,OAAO,EAAE,aAAa,IAC3E,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAC5C,CACT;QACN,8BAAC,kBAAQ,IAAC,OAAO,EAAE,aAAa,EAAE,IAAI,QAAC,OAAO,UACzC,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CACjC,CACZ,CACN,CAAC;AACN,CAAC,CAAC;AAlBW,QAAA,iBAAiB,qBAkB5B","sourcesContent":["import React, { FC } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { SignInForm } from '@/components/User/Forms/SignInForm';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\ninterface SignInFormContentProps {\n onForgotPasswordClick?: () => void;\n onSignUpClick?: () => void;\n onDone?: () => void;\n}\n\nexport const SignInFormContent: FC<SignInFormContentProps> = (props) => {\n const { onForgotPasswordClick, onSignUpClick, onDone } = props;\n const { t } = useTranslation();\n\n return (\n <>\n <SignInForm onForgotPassword={onForgotPasswordClick} onDone={onDone} />\n <LineBreak />\n <div className=\"u-marg-bottom--light\">\n <BEButton isText wide size=\"small\" textColor={Color.Navy} onClick={onSignUpClick}>\n {t(Translation.Navigation.SignIn.DontHaveAnAccount)}\n </BEButton>\n </div>\n <BEButton onClick={onSignUpClick} wide primary>\n {t(Translation.Navigation.SignIn.SignUp)}\n </BEButton>\n </>\n );\n};\n"]}

package/dist/src/components/generic/modal/SigninModal/FormContent/SignUpFormContent.js CHANGED Viewed

@@ -28,11 +28,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SignUpFormContent = void 0;
 const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
 const BEButton_1 = __importDefault(require("../../../BEButton"));
 const LineBreak_1 = __importDefault(require("../../../LineBreak"));
 const Text_1 = __importStar(require("../../../Text"));
 const SignUpForm_1 = require("../../../../User/Forms/SignUpForm");
-const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("../../../../../translations/Translation");
 const SignUpFormContent = (props) => {
     const { onSignedInClick, onDone } = props;

package/dist/src/components/generic/modal/SigninModal/FormContent/SignUpFormContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SignUpFormContent.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/FormContent/SignUpFormContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAkC;~~AAElC~~,6EAAqD;AACrD,+EAAuD;AACvD,kEAA2D;AAC3D,mEAAgE;AAChE,~~iDAAsD;AACtD,~~4DAAyD;AAOlD,MAAM,iBAAiB,GAA+B,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH;QACI,8BAAC,uBAAU,IAAC,UAAU,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAI;QAC3D,8BAAC,mBAAS,OAAG;QACb,uCAAK,SAAS,EAAC,sBAAsB;YACjC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,UAC3B,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,CACjD,CACL;QACN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;YACtB,8BAAC,qBAAK,IAAC,OAAO,EAAE,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,8BAAC,kBAAQ,IAAC,GAAG,EAAE,CAAC,EAAE,MAAM,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,QAAC,OAAO,EAAE,eAAe,GAAI,CAAC,GAAI,CAC/I,CACR,CACN,CAAC;AACN,CAAC,CAAC;AAlBW,QAAA,iBAAiB,qBAkB5B","sourcesContent":["import React, { FC } from 'react';\n\nimport BEButton from '@/components/generic/BEButton';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { SignUpForm } from '@/components/User/Forms/SignUpForm';\nimport { ~~Trans, useTranslation } from 'react-i18next';\nimport {~~ Translation } from '@/translations/Translation';\n\ninterface SignUpFormContentProps {\n onSignedInClick?: () => void;\n onDone?: () => void;\n}\n\nexport const SignUpFormContent: FC<SignUpFormContentProps> = (props) => {\n const { onSignedInClick, onDone } = props;\n const { t } = useTranslation();\n\n return (\n <>\n <SignUpForm onSignedIn={onSignedInClick} onDone={onDone} />\n <LineBreak />\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} bold>\n {t(Translation.Step.Confirmation.AlreadyHaveAccount)}\n </Text>\n </div>\n <Text type={TextType.Small}>\n <Trans i18nKey={Translation.Navigation.SignUp.SignIn} components={[<BEButton key={0} isText size=\"small\" primary onClick={onSignedInClick} />]} />\n </Text>\n </>\n );\n};\n"]}
1	+ {"version":3,"file":"SignUpFormContent.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/FormContent/SignUpFormContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAkC;AAClC,iDAAsD;AAEtD,6EAAqD;AACrD,+EAAuD;AACvD,kEAA2D;AAC3D,mEAAgE;AAChE,4DAAyD;AAOlD,MAAM,iBAAiB,GAA+B,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH;QACI,8BAAC,uBAAU,IAAC,UAAU,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAI;QAC3D,8BAAC,mBAAS,OAAG;QACb,uCAAK,SAAS,EAAC,sBAAsB;YACjC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,UAC3B,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,CACjD,CACL;QACN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;YACtB,8BAAC,qBAAK,IAAC,OAAO,EAAE,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,8BAAC,kBAAQ,IAAC,GAAG,EAAE,CAAC,EAAE,MAAM,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,QAAC,OAAO,EAAE,eAAe,GAAI,CAAC,GAAI,CAC/I,CACR,CACN,CAAC;AACN,CAAC,CAAC;AAlBW,QAAA,iBAAiB,qBAkB5B","sourcesContent":["import React, { FC } from 'react';\nimport { Trans, useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { SignUpForm } from '@/components/User/Forms/SignUpForm';\nimport { Translation } from '@/translations/Translation';\n\ninterface SignUpFormContentProps {\n onSignedInClick?: () => void;\n onDone?: () => void;\n}\n\nexport const SignUpFormContent: FC<SignUpFormContentProps> = (props) => {\n const { onSignedInClick, onDone } = props;\n const { t } = useTranslation();\n\n return (\n <>\n <SignUpForm onSignedIn={onSignedInClick} onDone={onDone} />\n <LineBreak />\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} bold>\n {t(Translation.Step.Confirmation.AlreadyHaveAccount)}\n </Text>\n </div>\n <Text type={TextType.Small}>\n <Trans i18nKey={Translation.Navigation.SignUp.SignIn} components={[<BEButton key={0} isText size=\"small\" primary onClick={onSignedInClick} />]} />\n </Text>\n </>\n );\n};\n"]}

package/dist/src/components/generic/modal/SigninModal/UnauthenticatedUserModal.js CHANGED Viewed

@@ -27,16 +27,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UnauthenticatedUserModal = exports.EViewingScreen = void 0;
+const contexts_1 = require("../../../../contexts/index.js");
 const react_1 = __importStar(require("react"));
-const Overlay_1 = require("../../Overlay/Overlay");
+const AutoAutoHeight_1 = __importDefault(require("../../../../animations/AutoAutoHeight"));
 const Fade_1 = __importDefault(require("../../../../animations/Fade"));
-const contexts_1 = require("../../../../contexts/index.js");
+const Overlay_1 = require("../../Overlay/Overlay");
 const ScreenSize_1 = __importDefault(require("../../../../util/ScreenSize"));
-const AutoAutoHeight_1 = __importDefault(require("../../../../animations/AutoAutoHeight"));
+const SimpleModal_1 = __importDefault(require("../SimpleModal"));
+const ForgotPasswordFormContent_1 = require("./FormContent/ForgotPasswordFormContent");
 const SignInFormContent_1 = require("./FormContent/SignInFormContent");
 const SignUpFormContent_1 = require("./FormContent/SignUpFormContent");
-const ForgotPasswordFormContent_1 = require("./FormContent/ForgotPasswordFormContent");
-const SimpleModal_1 = __importDefault(require("../SimpleModal"));
 var EViewingScreen;
 (function (EViewingScreen) {
     EViewingScreen["Default"] = "Default";

package/dist/src/components/generic/modal/SigninModal/UnauthenticatedUserModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UnauthenticatedUserModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/UnauthenticatedUserModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuE;AAEvE,kEAA+D;AAC/D,~~6DAA8C~~;~~AAC9C~~,~~iDAAiF~~;~~AACjF~~,~~mEAA2C~~;~~AAC3C~~,~~iFAAyD;AACzD,~~uEAAoE;AACpE,uEAAoE;~~AACpE~~,~~uFAAoF;AAEpF,iEAAyC;AAezC,~~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","sourcesContent":["import React, { useContext, useEffect, useRef, useState } from 'react';\n\nimport { ~~Overlay }~~ from '@/~~components~~/~~generic/Overlay/Overlay~~';\nimport FadeAnimation from '@/animations/Fade';\nimport { ~~AuthenticationContext,~~ ~~BookingEngineContext~~ } from '~~@frontend~~/~~contexts~~';\nimport ScreenSize from '@/util/ScreenSize';\nimport ~~AutoAutoHeight~~ from '~~@/animations/AutoAutoHeight~~';\nimport { ~~SignInFormContent~~ } from './FormContent/~~SignInFormContent~~';\nimport { ~~SignUpFormContent~~ } from './FormContent/~~SignUpFormContent~~';\nimport { ~~ForgotPasswordFormContent~~ } from './FormContent/~~ForgotPasswordFormContent~~';\~~nimport { Placement } from '@popperjs/core';\nimport SimpleModal from '../SimpleModal';\~~n\n// TODO: Move file to not be in a generic location\n\nexport interface UnauthenticatedUserModalProps {\n open: boolean;\n anchorEl?: HTMLElement \| null;\n placement?: Placement;\n fallbackPlacements?: Placement;\n containerEl?: HTMLElement;\n onClose?: () => void;\n onOpenOnMobile?: () => void;\n onConfirm?: () => void;\n}\n\nexport enum EViewingScreen {\n Default = 'Default',\n SignIn = 'SignIn',\n SignUp = 'SignUp',\n ForgotPassword = 'ForgotPassword',\n}\n\nexport const UnauthenticatedUserModal = (props: UnauthenticatedUserModalProps) => {\n const { open, anchorEl, containerEl, placement, onClose, onOpenOnMobile } = props;\n const { reset: cognitoReset } = useContext(AuthenticationContext);\n\n const [viewingScreen, setViewingScreen] = useState<EViewingScreen \| null>(EViewingScreen.SignIn);\n\n const nextViewingScreen = useRef<EViewingScreen \| null>(null);\n\n const { screenSize } = useContext(BookingEngineContext);\n const shouldBreakpoint = screenSize <= ScreenSize.Large;\n\n const _onOpen = () => {\n if (shouldBreakpoint) onOpenOnMobile?.();\n };\n\n useEffect(() => {\n if (open) {\n setViewingScreen(EViewingScreen.SignIn);\n }\n }, [open]);\n\n const reset = () => {\n cognitoReset();\n setViewingScreen(null);\n };\n\n const showForgotPassword = () => {\n reset();\n nextViewingScreen.current = EViewingScreen.ForgotPassword;\n };\n\n const showSignInFormContent = () => {\n reset();\n nextViewingScreen.current = EViewingScreen.SignIn;\n };\n\n const showSignUpFormContent = () => {\n reset();\n nextViewingScreen.current = EViewingScreen.SignUp;\n };\n\n const onAnimationExit = () => {\n setViewingScreen(nextViewingScreen.current);\n };\n\n const innerContent = (\n <div className=\"u-w-100 u-pad--heavy@m u-pad@m-\">\n <AutoAutoHeight open startOpen>\n {[\n [\n EViewingScreen.SignIn,\n <SignInFormContent key={EViewingScreen.SignIn} onForgotPasswordClick={showForgotPassword} onSignUpClick={showSignUpFormContent} onDone={_onOpen} />,\n ],\n [EViewingScreen.SignUp, <SignUpFormContent key={EViewingScreen.SignUp} onSignedInClick={showSignInFormContent} onDone={_onOpen} />],\n [EViewingScreen.ForgotPassword, <ForgotPasswordFormContent key={EViewingScreen.ForgotPassword} onCancelled={showSignInFormContent} onDone={_onOpen} />],\n ].map(([forScreen, content], index) => (\n <FadeAnimation open={viewingScreen === forScreen} onExitCompletely={onAnimationExit} key={index}>\n {content as React.ReactElement}\n </FadeAnimation>\n ))}\n </AutoAutoHeight>\n </div>\n );\n\n if (shouldBreakpoint) {\n return (\n <SimpleModal open={open} onClose={onClose}>\n {innerContent}\n </SimpleModal>\n );\n } else {\n return (\n <Overlay\n usePortal\n followElement={shouldBreakpoint ? null : anchorEl}\n placement={placement \|\| 'auto-end'}\n container={containerEl}\n open={open}\n onClose={onClose}\n strategy=\"fixed\"\n className=\"c-login-overlay\"\n >\n {innerContent}\n </Overlay>\n );\n }\n};\n"]}
1	+ {"version":3,"file":"UnauthenticatedUserModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/UnauthenticatedUserModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, BookingEngineContext } from '@frontend/contexts';\nimport { Placement } from '@popperjs/core';\nimport React, { useContext, useEffect, useRef, useState } from 'react';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport FadeAnimation from '@/animations/Fade';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport SimpleModal from '../SimpleModal';\nimport { ForgotPasswordFormContent } from './FormContent/ForgotPasswordFormContent';\nimport { SignInFormContent } from './FormContent/SignInFormContent';\nimport { SignUpFormContent } from './FormContent/SignUpFormContent';\n\n// TODO: Move file to not be in a generic location\n\nexport interface UnauthenticatedUserModalProps {\n open: boolean;\n anchorEl?: HTMLElement \| null;\n placement?: Placement;\n fallbackPlacements?: Placement;\n containerEl?: HTMLElement;\n onClose?: () => void;\n onOpenOnMobile?: () => void;\n onConfirm?: () => void;\n}\n\nexport enum EViewingScreen {\n Default = 'Default',\n SignIn = 'SignIn',\n SignUp = 'SignUp',\n ForgotPassword = 'ForgotPassword',\n}\n\nexport const UnauthenticatedUserModal = (props: UnauthenticatedUserModalProps) => {\n const { open, anchorEl, containerEl, placement, onClose, onOpenOnMobile } = props;\n const { reset: cognitoReset } = useContext(AuthenticationContext);\n\n const [viewingScreen, setViewingScreen] = useState<EViewingScreen \| null>(EViewingScreen.SignIn);\n\n const nextViewingScreen = useRef<EViewingScreen \| null>(null);\n\n const { screenSize } = useContext(BookingEngineContext);\n const shouldBreakpoint = screenSize <= ScreenSize.Large;\n\n const _onOpen = () => {\n if (shouldBreakpoint) onOpenOnMobile?.();\n };\n\n useEffect(() => {\n if (open) {\n setViewingScreen(EViewingScreen.SignIn);\n }\n }, [open]);\n\n const reset = () => {\n cognitoReset();\n setViewingScreen(null);\n };\n\n const showForgotPassword = () => {\n reset();\n nextViewingScreen.current = EViewingScreen.ForgotPassword;\n };\n\n const showSignInFormContent = () => {\n reset();\n nextViewingScreen.current = EViewingScreen.SignIn;\n };\n\n const showSignUpFormContent = () => {\n reset();\n nextViewingScreen.current = EViewingScreen.SignUp;\n };\n\n const onAnimationExit = () => {\n setViewingScreen(nextViewingScreen.current);\n };\n\n const innerContent = (\n <div className=\"u-w-100 u-pad--heavy@m u-pad@m-\">\n <AutoAutoHeight open startOpen>\n {[\n [\n EViewingScreen.SignIn,\n <SignInFormContent key={EViewingScreen.SignIn} onForgotPasswordClick={showForgotPassword} onSignUpClick={showSignUpFormContent} onDone={_onOpen} />,\n ],\n [EViewingScreen.SignUp, <SignUpFormContent key={EViewingScreen.SignUp} onSignedInClick={showSignInFormContent} onDone={_onOpen} />],\n [EViewingScreen.ForgotPassword, <ForgotPasswordFormContent key={EViewingScreen.ForgotPassword} onCancelled={showSignInFormContent} onDone={_onOpen} />],\n ].map(([forScreen, content], index) => (\n <FadeAnimation open={viewingScreen === forScreen} onExitCompletely={onAnimationExit} key={index}>\n {content as React.ReactElement}\n </FadeAnimation>\n ))}\n </AutoAutoHeight>\n </div>\n );\n\n if (shouldBreakpoint) {\n return (\n <SimpleModal open={open} onClose={onClose}>\n {innerContent}\n </SimpleModal>\n );\n } else {\n return (\n <Overlay\n usePortal\n followElement={shouldBreakpoint ? null : anchorEl}\n placement={placement \|\| 'auto-end'}\n container={containerEl}\n open={open}\n onClose={onClose}\n strategy=\"fixed\"\n className=\"c-login-overlay\"\n >\n {innerContent}\n </Overlay>\n );\n }\n};\n"]}

package/dist/src/components/generic/modal/SimpleModal.js CHANGED Viewed

@@ -27,18 +27,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SimpleModalSize = void 0;
-const react_1 = __importDefault(require("react"));
+const contexts_1 = require("../../../contexts/index.js");
+const hooks_1 = require("../../../hooks/index.js");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importStar(require("react"));
+const Fade_1 = __importDefault(require("../../../animations/Fade"));
+const Icon_1 = __importStar(require("../Icon/Icon"));
+const Portal_1 = require("../Portal/Portal");
 const Text_1 = __importDefault(require("../Text"));
 const Color_1 = require("../../../util/Color");
-const Icon_1 = __importStar(require("../Icon/Icon"));
-const react_2 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
 const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
-const Fade_1 = __importDefault(require("../../../animations/Fade"));
-const contexts_1 = require("../../../contexts/index.js");
 const SimpleModal_module_scss_1 = __importDefault(require("./SimpleModal.module.scss"));
-const Portal_1 = require("../Portal/Portal");
-const hooks_1 = require("../../../hooks/index.js");
 var SimpleModalSize;
 (function (SimpleModalSize) {
     SimpleModalSize["ExtraSmall"] = "--extra-small";
@@ -48,12 +47,12 @@ var SimpleModalSize;
 })(SimpleModalSize = exports.SimpleModalSize || (exports.SimpleModalSize = {}));
 function SimpleModal(props) {
     var _a;
-    const context = (0, react_2.useContext)(contexts_1.BookingEngineContext);
-    const [modalId, setModalId] = (0, react_2.useState)(null);
-    const modalBody = (0, react_2.useRef)(null);
-    const overlayRef = (0, react_2.useRef)(null);
+    const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
+    const [modalId, setModalId] = (0, react_1.useState)(null);
+    const modalBody = (0, react_1.useRef)(null);
+    const overlayRef = (0, react_1.useRef)(null);
     const { onBodyClickExcept } = (0, hooks_1.useBodyClick)();
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         if (!(modalBody === null || modalBody === void 0 ? void 0 : modalBody.current)) {
             return;
         }
@@ -64,7 +63,7 @@ function SimpleModal(props) {
             remove();
         };
     }, [props.open, modalBody, props.onClose]);
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         setModalId(Math.random());
     }, []);
     const close = () => {

package/dist/src/components/generic/modal/SimpleModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SimpleModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SimpleModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,~~kDAA0B~~;~~AAC1B~~,~~qEAA6C~~;~~AAC7C~~,~~wCAAqC~~;~~AACrC~~,~~uEAAgE~~;~~AAChE~~,~~iCAAgE~~;AAChE~~,4DAAoC~~;~~AAEpC~~,~~mEAA2C~~;~~AAC3C~~,~~6DAA8C~~;~~AAE9C~~,~~iDAA0D~~;~~AAE1D~~,wFAA+C;~~AAC/C,+DAAoE;AACpE,2CAA+C;~~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","sourcesContent":["import ~~React~~ ~~from~~ ~~'react';\nimport~~ ~~Text~~ from '~~@/components~~/~~generic/Text~~';\nimport { ~~Color~~ } from '~~@/util~~/~~Color~~';\nimport ~~Icon,~~ ~~{ IconType }~~ from '~~@/components/generic/Icon/Icon~~';\nimport { useContext, useEffect, ~~useState~~, ~~useRef~~ } from 'react';\~~nimport classNames from 'classnames';\~~n\nimport ~~ScreenSize~~ from '@/~~util~~/~~ScreenSize~~';\nimport ~~FadeAnimation~~ from '@/~~animations~~/~~Fade~~';\n\nimport { ~~BookingEngineContext~~ } from '~~@frontend~~/~~contexts~~';\n\nimport ~~styles~~ from '~~./SimpleModal.module.scss~~';\nimport { ~~RoomstayPortal~~ } from '@/~~components~~/~~generic/Portal/Portal~~';\nimport { ~~useBodyClick~~ } from '~~@frontend/hooks~~';\n\nexport enum SimpleModalSize {\n ExtraSmall = '--extra-small',\n Small = '--small',\n Normal = '--normal',\n Large = '--large',\n}\n\nexport interface SimpleModalProps {\n children: React.ReactElement;\n\n mobileFooter?: React.ReactElement;\n desktopFooter?: React.ReactElement;\n\n title?: string;\n size?: SimpleModalSize;\n\n open?: boolean;\n alignCenter?: boolean;\n\n onClose?: () => void;\n\n modalTarget?: HTMLElement \| null;\n style?: any;\n overflowVisible?: boolean;\n className?: string;\n}\n\nexport default function SimpleModal(props: SimpleModalProps) {\n const context = useContext(BookingEngineContext);\n\n const [modalId, setModalId] = useState<number \| null>(null);\n const modalBody = useRef(null);\n const overlayRef = useRef<HTMLDivElement \| null>(null);\n\n const { onBodyClickExcept } = useBodyClick();\n\n useEffect(() => {\n if (!modalBody?.current) {\n return;\n }\n\n const { remove } = onBodyClickExcept(\n () => {\n close();\n },\n modalBody.current,\n overlayRef.current\n );\n\n return () => {\n remove();\n };\n }, [props.open, modalBody, props.onClose]);\n\n useEffect(() => {\n setModalId(Math.random());\n }, []);\n\n const close = () => {\n if (props.onClose) {\n props.onClose();\n }\n };\n\n const classes = classNames(styles['roomstay-modal'], props.size && styles[props.size], {\n [styles['--centered']]: props.alignCenter,\n [styles['--overflow-visible']]: props.overflowVisible,\n });\n\n // useLayoutEffect(() => {\n // modalContext?.addModalStatus(props.open, modalId);\n // }, [props.open]);\n\n // useLayoutEffect(() => {\n // const triptease: HTMLElement = document.querySelector('iframe.tt-guestpa');\n // const hiWidget: HTMLElement = document.querySelector('.hi-widget-container .hi-launcher-container');\n\n // if (modalContext?.isAnyModalOpen()) {\n // if (triptease) {\n // triptease.style.display = 'none';\n // }\n\n // if (hiWidget) {\n // hiWidget.classList.add('--moved');\n // }\n // } else {\n // if (triptease) {\n // triptease.style.display = 'block';\n // }\n\n // if (hiWidget) {\n // hiWidget.classList.remove('--moved');\n // }\n // }\n // }, [modalContext?.modalStatus]);\n\n return props.open ? ( // TODO: Need an actual isVisible state value instead of relying on the prop since we can't animate out.\n <RoomstayPortal target={props.modalTarget ?? document.body}>\n <div className={classNames(styles['roomstay-overlay'], props.className)} ref={overlayRef}>\n <FadeAnimation open={props.open}>\n <div ref={modalBody} className={classes} style={props.title ? {} : { paddingTop: 0 }}>\n {props.title ? (\n <div className={styles['roomstay-modal--title']}>\n <Text color={Color.White}>\n <strong>{props.title}</strong>\n </Text>\n <Icon icon={IconType.Close} color={Color.White} size=\"24px\" onClick={close} />\n </div>\n ) : (\n <div className={`room-gallery-slider__icon-lightbox${props.size === SimpleModalSize.ExtraSmall ? '' : '-map'}`}>\n <Icon icon={IconType.Close} size=\"24px\" onClick={close} />\n </div>\n )}\n\n <div className=\"simple-modal--content\">\n {props.children}\n\n {props.desktopFooter &&\n context.screenSize > ScreenSize.Medium && // TODO: refactor this to be variable\n props.desktopFooter}\n </div>\n\n {props.mobileFooter && context.screenSize <= ScreenSize.Medium && (\n <div className={styles['roomstay-modal--footer']}>\n {\n props.mobileFooter // TODO: refactor this to be variable\n }\n </div>\n )}\n </div>\n </FadeAnimation>\n </div>\n </RoomstayPortal>\n ) : (\n <></>\n );\n}\n"]}
1	+ {"version":3,"file":"SimpleModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SimpleModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport { useBodyClick } from '@frontend/hooks';\nimport classNames from 'classnames';\nimport React, { useContext, useEffect, useRef, useState } from 'react';\n\nimport FadeAnimation from '@/animations/Fade';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { RoomstayPortal } from '@/components/generic/Portal/Portal';\nimport Text from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport styles from './SimpleModal.module.scss';\n\nexport enum SimpleModalSize {\n ExtraSmall = '--extra-small',\n Small = '--small',\n Normal = '--normal',\n Large = '--large',\n}\n\nexport interface SimpleModalProps {\n children: React.ReactElement;\n\n mobileFooter?: React.ReactElement;\n desktopFooter?: React.ReactElement;\n\n title?: string;\n size?: SimpleModalSize;\n\n open?: boolean;\n alignCenter?: boolean;\n\n onClose?: () => void;\n\n modalTarget?: HTMLElement \| null;\n style?: any;\n overflowVisible?: boolean;\n className?: string;\n}\n\nexport default function SimpleModal(props: SimpleModalProps) {\n const context = useContext(BookingEngineContext);\n\n const [modalId, setModalId] = useState<number \| null>(null);\n const modalBody = useRef(null);\n const overlayRef = useRef<HTMLDivElement \| null>(null);\n\n const { onBodyClickExcept } = useBodyClick();\n\n useEffect(() => {\n if (!modalBody?.current) {\n return;\n }\n\n const { remove } = onBodyClickExcept(\n () => {\n close();\n },\n modalBody.current,\n overlayRef.current\n );\n\n return () => {\n remove();\n };\n }, [props.open, modalBody, props.onClose]);\n\n useEffect(() => {\n setModalId(Math.random());\n }, []);\n\n const close = () => {\n if (props.onClose) {\n props.onClose();\n }\n };\n\n const classes = classNames(styles['roomstay-modal'], props.size && styles[props.size], {\n [styles['--centered']]: props.alignCenter,\n [styles['--overflow-visible']]: props.overflowVisible,\n });\n\n // useLayoutEffect(() => {\n // modalContext?.addModalStatus(props.open, modalId);\n // }, [props.open]);\n\n // useLayoutEffect(() => {\n // const triptease: HTMLElement = document.querySelector('iframe.tt-guestpa');\n // const hiWidget: HTMLElement = document.querySelector('.hi-widget-container .hi-launcher-container');\n\n // if (modalContext?.isAnyModalOpen()) {\n // if (triptease) {\n // triptease.style.display = 'none';\n // }\n\n // if (hiWidget) {\n // hiWidget.classList.add('--moved');\n // }\n // } else {\n // if (triptease) {\n // triptease.style.display = 'block';\n // }\n\n // if (hiWidget) {\n // hiWidget.classList.remove('--moved');\n // }\n // }\n // }, [modalContext?.modalStatus]);\n\n return props.open ? ( // TODO: Need an actual isVisible state value instead of relying on the prop since we can't animate out.\n <RoomstayPortal target={props.modalTarget ?? document.body}>\n <div className={classNames(styles['roomstay-overlay'], props.className)} ref={overlayRef}>\n <FadeAnimation open={props.open}>\n <div ref={modalBody} className={classes} style={props.title ? {} : { paddingTop: 0 }}>\n {props.title ? (\n <div className={styles['roomstay-modal--title']}>\n <Text color={Color.White}>\n <strong>{props.title}</strong>\n </Text>\n <Icon icon={IconType.Close} color={Color.White} size=\"24px\" onClick={close} />\n </div>\n ) : (\n <div className={`room-gallery-slider__icon-lightbox${props.size === SimpleModalSize.ExtraSmall ? '' : '-map'}`}>\n <Icon icon={IconType.Close} size=\"24px\" onClick={close} />\n </div>\n )}\n\n <div className=\"simple-modal--content\">\n {props.children}\n\n {props.desktopFooter &&\n context.screenSize > ScreenSize.Medium && // TODO: refactor this to be variable\n props.desktopFooter}\n </div>\n\n {props.mobileFooter && context.screenSize <= ScreenSize.Medium && (\n <div className={styles['roomstay-modal--footer']}>\n {\n props.mobileFooter // TODO: refactor this to be variable\n }\n </div>\n )}\n </div>\n </FadeAnimation>\n </div>\n </RoomstayPortal>\n ) : (\n <></>\n );\n}\n"]}

package/dist/src/components/generic/modal/TabbedModal.js CHANGED Viewed

@@ -26,14 +26,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const SimpleModal_1 = __importStar(require("./SimpleModal"));
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
+const react_1 = __importStar(require("react"));
 const BEButton_1 = __importDefault(require("../BEButton"));
+const SimpleModal_1 = __importStar(require("./SimpleModal"));
 function TabbedModal(props) {
     var _a;
-    const [openTab, setOpenTab] = (0, react_2.useState)((_a = props.openTab) !== null && _a !== void 0 ? _a : '');
-    (0, react_2.useEffect)(() => {
+    const [openTab, setOpenTab] = (0, react_1.useState)((_a = props.openTab) !== null && _a !== void 0 ? _a : '');
+    (0, react_1.useEffect)(() => {
         if (openTab) {
             setOpenTab(props.openTab || '');
         }

package/dist/src/components/generic/modal/TabbedModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabbedModal.js","sourceRoot":"/","sources":["src/components/generic/modal/TabbedModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA~~,6DAA6D~~;~~AAC7D~~,~~kDAA0B~~;~~AAC1B~~,~~iCAA4C~~;~~AAC5C~~,~~6EAAqD;AAiBrD,~~SAAwB,WAAW,CAAC,KAAoB;;IACpD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAA,KAAK,CAAC,OAAO,mCAAI,EAAE,CAAC,CAAC;IAE5D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,OAAO,EAAE;YACT,UAAU,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;SACnC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,OAAO,KAAK,CAAC,OAAO,EAAE,CAAC;IAC3B,CAAC,CAAC;IACF,OAAO,CACH,8BAAC,qBAAW,IACR,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,IAAI,EAAE,KAAK,CAAC,MAAM,EAClB,IAAI,EAAE,6BAAe,CAAC,KAAK,EAC3B,aAAa,EAAE,uCAAK,SAAS,EAAC,wBAAwB,IAAE,UAAU,CAAC,MAAM,CAAO,EAChF,YAAY,EAAE,UAAU,CAAC,MAAM,EAC/B,OAAO,EAAE,YAAY;QAErB,uCAAK,SAAS,EAAC,wBAAwB;YACnC,uCAAK,SAAS,EAAC,uBAAuB;gBAClC,uCAAK,SAAS,EAAC,6BAA6B,IACvC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACjC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;oBAChC,MAAM,cAAc,GAAG,GAAG,EAAE;wBACxB,UAAU,CAAC,GAAG,CAAC,CAAC;oBACpB,CAAC,CAAC;oBACF,OAAO,CACH,uCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,4BAA4B;wBACjD,8BAAC,kBAAQ,IAAC,MAAM,EAAE,UAAU,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,EAAE,OAAO,QAAC,OAAO,EAAE,cAAc,IAChF,OAAO,CAAC,KAAK,CACP,CACT,CACT,CAAC;gBACN,CAAC,CAAC,CACA;gBACN,uCAAK,SAAS,EAAC,sBAAsB,IAAE,UAAU,CAAC,OAAO,CAAO,CAC9D,CACJ,CACI,CACjB,CAAC;AACN,CAAC;AA5CD,8BA4CC","sourcesContent":["import ~~SimpleModal~~, { ~~SimpleModalSize~~ } from '~~./SimpleModal~~';\nimport ~~React~~ from '~~react~~';\nimport { ~~useState,~~ ~~useEffect~~ } from '~~react~~';\~~nimport BEButton from '@/components/generic/BEButton';\~~n\nexport interface TabbedModalTab {\n title: string;\n content: React.ReactElement \| any;\n footer: React.ReactElement \| any;\n}\n\ninterface TabModalProps {\n isOpen: boolean;\n\n tabs: { [name: string]: TabbedModalTab };\n onClose: () => void;\n\n openTab?: string;\n}\n\nexport default function TabbedModal(props: TabModalProps) {\n const [openTab, setOpenTab] = useState(props.openTab ?? '');\n\n useEffect(() => {\n if (openTab) {\n setOpenTab(props.openTab \|\| '');\n }\n }, [props.openTab]);\n\n const currentTab = props.tabs[openTab];\n const onModalClose = () => {\n return props.onClose();\n };\n return (\n <SimpleModal\n title={currentTab.title}\n open={props.isOpen}\n size={SimpleModalSize.Small}\n desktopFooter={<div className=\"u-marg-heavy u-marg@m-\">{currentTab.footer}</div>}\n mobileFooter={currentTab.footer}\n onClose={onModalClose}\n >\n <div className=\"u-marg-heavy u-marg@m-\">\n <div className=\"roomstay-tabbed-modal\">\n <div className=\"roomstay-tabbed-modal--tabs\">\n {Object.keys(props.tabs).map((key) => {\n const thisTab = props.tabs[key];\n const openTabOnClick = () => {\n setOpenTab(key);\n };\n return (\n <div key={key} className=\"roomstay-tabbed-modal--tab\">\n <BEButton filled={currentTab.title === thisTab.title} primary onClick={openTabOnClick}>\n {thisTab.title}\n </BEButton>\n </div>\n );\n })}\n </div>\n <div className=\"roomstay-tab-content\">{currentTab.content}</div>\n </div>\n </div>\n </SimpleModal>\n );\n}\n"]}
1	+ {"version":3,"file":"TabbedModal.js","sourceRoot":"/","sources":["src/components/generic/modal/TabbedModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AAEnD,6EAAqD;AAErD,6DAA6D;AAiB7D,SAAwB,WAAW,CAAC,KAAoB;;IACpD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAA,KAAK,CAAC,OAAO,mCAAI,EAAE,CAAC,CAAC;IAE5D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,OAAO,EAAE;YACT,UAAU,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;SACnC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,OAAO,KAAK,CAAC,OAAO,EAAE,CAAC;IAC3B,CAAC,CAAC;IACF,OAAO,CACH,8BAAC,qBAAW,IACR,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,IAAI,EAAE,KAAK,CAAC,MAAM,EAClB,IAAI,EAAE,6BAAe,CAAC,KAAK,EAC3B,aAAa,EAAE,uCAAK,SAAS,EAAC,wBAAwB,IAAE,UAAU,CAAC,MAAM,CAAO,EAChF,YAAY,EAAE,UAAU,CAAC,MAAM,EAC/B,OAAO,EAAE,YAAY;QAErB,uCAAK,SAAS,EAAC,wBAAwB;YACnC,uCAAK,SAAS,EAAC,uBAAuB;gBAClC,uCAAK,SAAS,EAAC,6BAA6B,IACvC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACjC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;oBAChC,MAAM,cAAc,GAAG,GAAG,EAAE;wBACxB,UAAU,CAAC,GAAG,CAAC,CAAC;oBACpB,CAAC,CAAC;oBACF,OAAO,CACH,uCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,4BAA4B;wBACjD,8BAAC,kBAAQ,IAAC,MAAM,EAAE,UAAU,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,EAAE,OAAO,QAAC,OAAO,EAAE,cAAc,IAChF,OAAO,CAAC,KAAK,CACP,CACT,CACT,CAAC;gBACN,CAAC,CAAC,CACA;gBACN,uCAAK,SAAS,EAAC,sBAAsB,IAAE,UAAU,CAAC,OAAO,CAAO,CAC9D,CACJ,CACI,CACjB,CAAC;AACN,CAAC;AA5CD,8BA4CC","sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport BEButton from '@/components/generic/BEButton';\n\nimport SimpleModal, { SimpleModalSize } from './SimpleModal';\n\nexport interface TabbedModalTab {\n title: string;\n content: React.ReactElement \| any;\n footer: React.ReactElement \| any;\n}\n\ninterface TabModalProps {\n isOpen: boolean;\n\n tabs: { [name: string]: TabbedModalTab };\n onClose: () => void;\n\n openTab?: string;\n}\n\nexport default function TabbedModal(props: TabModalProps) {\n const [openTab, setOpenTab] = useState(props.openTab ?? '');\n\n useEffect(() => {\n if (openTab) {\n setOpenTab(props.openTab \|\| '');\n }\n }, [props.openTab]);\n\n const currentTab = props.tabs[openTab];\n const onModalClose = () => {\n return props.onClose();\n };\n return (\n <SimpleModal\n title={currentTab.title}\n open={props.isOpen}\n size={SimpleModalSize.Small}\n desktopFooter={<div className=\"u-marg-heavy u-marg@m-\">{currentTab.footer}</div>}\n mobileFooter={currentTab.footer}\n onClose={onModalClose}\n >\n <div className=\"u-marg-heavy u-marg@m-\">\n <div className=\"roomstay-tabbed-modal\">\n <div className=\"roomstay-tabbed-modal--tabs\">\n {Object.keys(props.tabs).map((key) => {\n const thisTab = props.tabs[key];\n const openTabOnClick = () => {\n setOpenTab(key);\n };\n return (\n <div key={key} className=\"roomstay-tabbed-modal--tab\">\n <BEButton filled={currentTab.title === thisTab.title} primary onClick={openTabOnClick}>\n {thisTab.title}\n </BEButton>\n </div>\n );\n })}\n </div>\n <div className=\"roomstay-tab-content\">{currentTab.content}</div>\n </div>\n </div>\n </SimpleModal>\n );\n}\n"]}

package/dist/src/components/generic/radio/RadioFields.js CHANGED Viewed

@@ -26,10 +26,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importStar(require("../Icon/Icon"));
 const Text_1 = __importStar(require("../Text"));
-const classnames_1 = __importDefault(require("classnames"));
 const RadioFields_module_scss_1 = __importDefault(require("./RadioFields.module.scss"));
 const cx = classnames_1.default.bind(RadioFields_module_scss_1.default);
 function RadioFields(props) {

package/dist/src/components/generic/radio/RadioFields.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioFields.js","sourceRoot":"/","sources":["src/components/generic/radio/RadioFields.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;~~AAC1B~~,uEAAgE;AAChE,kEAA2D;AAE3D,~~4DAAoC;AAEpC,~~wFAA+C;~~AAC~~/C,MAAM,EAAE,GAAG,oBAAU,CAAC,IAAI,CAAC,iCAAa,CAAC,CAAC;AAkB1C,SAAwB,WAAW,CAAC,KAAuB;IACvD,MAAM,OAAO,GAAG,EAAE,CAAC;QACf,aAAa,EAAE,IAAI;KACtB,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,EAAE,CAAC;QAClB,YAAY,EAAE,IAAI;QAClB,sBAAsB,EAAE,IAAI;KAC/B,CAAC,CAAC;IAEH,OAAO,CACH,uCAAK,SAAS,EAAE,OAAO;QAClB,KAAK,CAAC,KAAK,IAAI,CACZ,uCAAK,SAAS,EAAC,0BAA0B;YACrC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,UAC3B,KAAK,CAAC,KAAK,CACT,CACL,CACT;QACA,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YACjC,MAAM,gBAAgB,GAAG,GAAG,EAAE;gBAC1B,IAAI,KAAK,CAAC,QAAQ,EAAE;oBAChB,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;iBAC1B;YACL,CAAC,CAAC;YAEF,OAAO,CACH,yCAAO,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK;gBACpC,yCAAO,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,gBAAgB,GAAI;gBACzF,wCAAM,SAAS,EAAC,YAAY;oBACxB,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,GAAI,CAC3B;gBACP,8BAAC,cAAI,IAAC,MAAM,QAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAC5B,MAAM,CAAC,KAAK,CACV,CACH,CACX,CAAC;QACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC;AAxCD,8BAwCC","sourcesContent":["import React from 'react';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\n\nimport ~~classNames from 'classnames';\n\nimport~~ styles from './RadioFields.module.scss';\nconst cx = classNames.bind(styles as any);\n\ninterface RadioFieldOption {\n label: string;\n value: string;\n selected?: boolean;\n}\n\ninterface RadioFieldsProps {\n label: string;\n\n name: string;\n\n options: RadioFieldOption[];\n\n onChange: (selectedOption: RadioFieldOption) => void;\n}\n\nexport default function RadioFields(props: RadioFieldsProps) {\n const classes = cx({\n 'radio-group': true,\n });\n\n const rowClasses = cx({\n 'radio-item': true,\n 'u-marg-bottom--light': true,\n });\n\n return (\n <div className={classes}>\n {props.label && (\n <div className=\"u-marg-bottom u-marg-top\">\n <Text type={TextType.Small} bold>\n {props.label}\n </Text>\n </div>\n )}\n {props.options.map((option, index) => {\n const onChangeCallback = () => {\n if (props.onChange) {\n props.onChange(option);\n }\n };\n\n return (\n <label className={rowClasses} key={index}>\n <input name={props.name} type=\"radio\" value={option.value} onChange={onChangeCallback} />\n <span className=\"fake-radio\">\n <Icon icon={IconType.Check} />\n </span>\n <Text inline type={TextType.Small}>\n {option.label}\n </Text>\n </label>\n );\n })}\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"RadioFields.js","sourceRoot":"/","sources":["src/components/generic/radio/RadioFields.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAAoC;AACpC,kDAA0B;AAE1B,uEAAgE;AAChE,kEAA2D;AAE3D,wFAA+C;AAE/C,MAAM,EAAE,GAAG,oBAAU,CAAC,IAAI,CAAC,iCAAa,CAAC,CAAC;AAkB1C,SAAwB,WAAW,CAAC,KAAuB;IACvD,MAAM,OAAO,GAAG,EAAE,CAAC;QACf,aAAa,EAAE,IAAI;KACtB,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,EAAE,CAAC;QAClB,YAAY,EAAE,IAAI;QAClB,sBAAsB,EAAE,IAAI;KAC/B,CAAC,CAAC;IAEH,OAAO,CACH,uCAAK,SAAS,EAAE,OAAO;QAClB,KAAK,CAAC,KAAK,IAAI,CACZ,uCAAK,SAAS,EAAC,0BAA0B;YACrC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,UAC3B,KAAK,CAAC,KAAK,CACT,CACL,CACT;QACA,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YACjC,MAAM,gBAAgB,GAAG,GAAG,EAAE;gBAC1B,IAAI,KAAK,CAAC,QAAQ,EAAE;oBAChB,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;iBAC1B;YACL,CAAC,CAAC;YAEF,OAAO,CACH,yCAAO,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK;gBACpC,yCAAO,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,gBAAgB,GAAI;gBACzF,wCAAM,SAAS,EAAC,YAAY;oBACxB,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,GAAI,CAC3B;gBACP,8BAAC,cAAI,IAAC,MAAM,QAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAC5B,MAAM,CAAC,KAAK,CACV,CACH,CACX,CAAC;QACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC;AAxCD,8BAwCC","sourcesContent":["import classNames from 'classnames';\nimport React from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\n\nimport styles from './RadioFields.module.scss';\n\nconst cx = classNames.bind(styles as any);\n\ninterface RadioFieldOption {\n label: string;\n value: string;\n selected?: boolean;\n}\n\ninterface RadioFieldsProps {\n label: string;\n\n name: string;\n\n options: RadioFieldOption[];\n\n onChange: (selectedOption: RadioFieldOption) => void;\n}\n\nexport default function RadioFields(props: RadioFieldsProps) {\n const classes = cx({\n 'radio-group': true,\n });\n\n const rowClasses = cx({\n 'radio-item': true,\n 'u-marg-bottom--light': true,\n });\n\n return (\n <div className={classes}>\n {props.label && (\n <div className=\"u-marg-bottom u-marg-top\">\n <Text type={TextType.Small} bold>\n {props.label}\n </Text>\n </div>\n )}\n {props.options.map((option, index) => {\n const onChangeCallback = () => {\n if (props.onChange) {\n props.onChange(option);\n }\n };\n\n return (\n <label className={rowClasses} key={index}>\n <input name={props.name} type=\"radio\" value={option.value} onChange={onChangeCallback} />\n <span className=\"fake-radio\">\n <Icon icon={IconType.Check} />\n </span>\n <Text inline type={TextType.Small}>\n {option.label}\n </Text>\n </label>\n );\n })}\n </div>\n );\n}\n"]}

package/dist/src/components/graphics/AddCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddCard.js","sourceRoot":"/","sources":["src/components/graphics/AddCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAkC;~~AAClC~~,wCAAqC;AAMrC,MAAM,OAAO,GAAuB,CAAC,EAAqC,EAAE,EAAE;QAAzC,EAAE,KAAK,GAAG,aAAK,CAAC,MAAM,OAAe,EAAV,QAAQ,cAAnC,SAAqC,CAAF;IACpE,OAAO,CACH,qDAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,IAAK,QAAQ;QACvG,wCAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,SAAS,GAAG;QACrD,wCAAM,CAAC,EAAC,8HAA8H,EAAC,IAAI,EAAE,KAAK,GAAI;QACtJ,wCACI,OAAO,EAAC,MAAM,EACd,CAAC,EAAC,m3CAAm3C,EACr3C,IAAI,EAAC,SAAS,GAChB;QACF,wCACI,OAAO,EAAC,MAAM,EACd,CAAC,EAAC,0+CAA0+C,EAC5+C,IAAI,EAAC,SAAS,GAChB,CACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { Color } from '@/util/Color';\n\ntype HomeEmptyProps = JSX.IntrinsicElements['svg'] & {\n color?: Color;\n};\n\nconst AddCard: FC<HomeEmptyProps> = ({ color = Color.Accent, ...svgProps }) => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"85\" height=\"58\" viewBox=\"0 0 85 58\" fill=\"none\" {...svgProps}>\n <rect width=\"85\" height=\"58\" rx=\"8\" fill=\"#F6F6FA\" />\n <path d=\"M19 8H10C8.89543 8 8 8.89543 8 10V17C8 18.1046 8.89543 19 10 19H19C20.1046 19 21 18.1046 21 17V10C21 8.89543 20.1046 8 19 8Z\" fill={color} />\n <path\n opacity=\"0.25\"\n d=\"M11.14 40.98C9.35 40.98 8.4 42.5 8.4 44.58C8.4 46.65 9.35 48.16 11.14 48.16C12.93 48.16 13.88 46.65 13.88 44.58C13.88 42.5 12.93 40.98 11.14 40.98ZM11.14 47.01C10.22 47.01 9.65 46.19 9.65 44.58C9.65 42.95 10.22 42.13 11.14 42.13C12.06 42.13 12.63 42.95 12.63 44.58C12.63 46.19 12.06 47.01 11.14 47.01ZM17.6193 40.98C15.8293 40.98 14.8793 42.5 14.8793 44.58C14.8793 46.65 15.8293 48.16 17.6193 48.16C19.4093 48.16 20.3593 46.65 20.3593 44.58C20.3593 42.5 19.4093 40.98 17.6193 40.98ZM17.6193 47.01C16.6993 47.01 16.1293 46.19 16.1293 44.58C16.1293 42.95 16.6993 42.13 17.6193 42.13C18.5393 42.13 19.1093 42.95 19.1093 44.58C19.1093 46.19 18.5393 47.01 17.6193 47.01ZM24.0986 40.98C22.3086 40.98 21.3586 42.5 21.3586 44.58C21.3586 46.65 22.3086 48.16 24.0986 48.16C25.8886 48.16 26.8386 46.65 26.8386 44.58C26.8386 42.5 25.8886 40.98 24.0986 40.98ZM24.0986 47.01C23.1786 47.01 22.6086 46.19 22.6086 44.58C22.6086 42.95 23.1786 42.13 24.0986 42.13C25.0186 42.13 25.5886 42.95 25.5886 44.58C25.5886 46.19 25.0186 47.01 24.0986 47.01ZM30.5779 40.98C28.7879 40.98 27.8379 42.5 27.8379 44.58C27.8379 46.65 28.7879 48.16 30.5779 48.16C32.3679 48.16 33.3179 46.65 33.3179 44.58C33.3179 42.5 32.3679 40.98 30.5779 40.98ZM30.5779 47.01C29.6579 47.01 29.0879 46.19 29.0879 44.58C29.0879 42.95 29.6579 42.13 30.5779 42.13C31.4979 42.13 32.0679 42.95 32.0679 44.58C32.0679 46.19 31.4979 47.01 30.5779 47.01Z\"\n fill=\"#1D1D1D\"\n />\n <path\n opacity=\"0.25\"\n d=\"M50.1505 40.98C48.3605 40.98 47.4105 42.5 47.4105 44.58C47.4105 46.65 48.3605 48.16 50.1505 48.16C51.9405 48.16 52.8905 46.65 52.8905 44.58C52.8905 42.5 51.9405 40.98 50.1505 40.98ZM50.1505 47.01C49.2305 47.01 48.6605 46.19 48.6605 44.58C48.6605 42.95 49.2305 42.13 50.1505 42.13C51.0705 42.13 51.6405 42.95 51.6405 44.58C51.6405 46.19 51.0705 47.01 50.1505 47.01ZM56.6298 40.98C54.8398 40.98 53.8898 42.5 53.8898 44.58C53.8898 46.65 54.8398 48.16 56.6298 48.16C58.4198 48.16 59.3698 46.65 59.3698 44.58C59.3698 42.5 58.4198 40.98 56.6298 40.98ZM56.6298 47.01C55.7098 47.01 55.1398 46.19 55.1398 44.58C55.1398 42.95 55.7098 42.13 56.6298 42.13C57.5498 42.13 58.1198 42.95 58.1198 44.58C58.1198 46.19 57.5498 47.01 56.6298 47.01ZM63.7391 40.83L61.2891 48H60.2691L62.7091 40.83H63.7391ZM67.3814 40.98C65.5914 40.98 64.6414 42.5 64.6414 44.58C64.6414 46.65 65.5914 48.16 67.3814 48.16C69.1714 48.16 70.1214 46.65 70.1214 44.58C70.1214 42.5 69.1714 40.98 67.3814 40.98ZM67.3814 47.01C66.4614 47.01 65.8914 46.19 65.8914 44.58C65.8914 42.95 66.4614 42.13 67.3814 42.13C68.3014 42.13 68.8714 42.95 68.8714 44.58C68.8714 46.19 68.3014 47.01 67.3814 47.01ZM73.8607 40.98C72.0707 40.98 71.1207 42.5 71.1207 44.58C71.1207 46.65 72.0707 48.16 73.8607 48.16C75.6507 48.16 76.6007 46.65 76.6007 44.58C76.6007 42.5 75.6507 40.98 73.8607 40.98ZM73.8607 47.01C72.9407 47.01 72.3707 46.19 72.3707 44.58C72.3707 42.95 72.9407 42.13 73.8607 42.13C74.7807 42.13 75.3507 42.95 75.3507 44.58C75.3507 46.19 74.7807 47.01 73.8607 47.01Z\"\n fill=\"#1D1D1D\"\n />\n </svg>\n );\n};\n\nexport default AddCard;\n"]}
1	+ {"version":3,"file":"AddCard.js","sourceRoot":"/","sources":["src/components/graphics/AddCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAkC;AAElC,wCAAqC;AAMrC,MAAM,OAAO,GAAuB,CAAC,EAAqC,EAAE,EAAE;QAAzC,EAAE,KAAK,GAAG,aAAK,CAAC,MAAM,OAAe,EAAV,QAAQ,cAAnC,SAAqC,CAAF;IACpE,OAAO,CACH,qDAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,IAAK,QAAQ;QACvG,wCAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,SAAS,GAAG;QACrD,wCAAM,CAAC,EAAC,8HAA8H,EAAC,IAAI,EAAE,KAAK,GAAI;QACtJ,wCACI,OAAO,EAAC,MAAM,EACd,CAAC,EAAC,m3CAAm3C,EACr3C,IAAI,EAAC,SAAS,GAChB;QACF,wCACI,OAAO,EAAC,MAAM,EACd,CAAC,EAAC,0+CAA0+C,EAC5+C,IAAI,EAAC,SAAS,GAChB,CACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC","sourcesContent":["import React, { FC } from 'react';\n\nimport { Color } from '@/util/Color';\n\ntype HomeEmptyProps = JSX.IntrinsicElements['svg'] & {\n color?: Color;\n};\n\nconst AddCard: FC<HomeEmptyProps> = ({ color = Color.Accent, ...svgProps }) => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"85\" height=\"58\" viewBox=\"0 0 85 58\" fill=\"none\" {...svgProps}>\n <rect width=\"85\" height=\"58\" rx=\"8\" fill=\"#F6F6FA\" />\n <path d=\"M19 8H10C8.89543 8 8 8.89543 8 10V17C8 18.1046 8.89543 19 10 19H19C20.1046 19 21 18.1046 21 17V10C21 8.89543 20.1046 8 19 8Z\" fill={color} />\n <path\n opacity=\"0.25\"\n d=\"M11.14 40.98C9.35 40.98 8.4 42.5 8.4 44.58C8.4 46.65 9.35 48.16 11.14 48.16C12.93 48.16 13.88 46.65 13.88 44.58C13.88 42.5 12.93 40.98 11.14 40.98ZM11.14 47.01C10.22 47.01 9.65 46.19 9.65 44.58C9.65 42.95 10.22 42.13 11.14 42.13C12.06 42.13 12.63 42.95 12.63 44.58C12.63 46.19 12.06 47.01 11.14 47.01ZM17.6193 40.98C15.8293 40.98 14.8793 42.5 14.8793 44.58C14.8793 46.65 15.8293 48.16 17.6193 48.16C19.4093 48.16 20.3593 46.65 20.3593 44.58C20.3593 42.5 19.4093 40.98 17.6193 40.98ZM17.6193 47.01C16.6993 47.01 16.1293 46.19 16.1293 44.58C16.1293 42.95 16.6993 42.13 17.6193 42.13C18.5393 42.13 19.1093 42.95 19.1093 44.58C19.1093 46.19 18.5393 47.01 17.6193 47.01ZM24.0986 40.98C22.3086 40.98 21.3586 42.5 21.3586 44.58C21.3586 46.65 22.3086 48.16 24.0986 48.16C25.8886 48.16 26.8386 46.65 26.8386 44.58C26.8386 42.5 25.8886 40.98 24.0986 40.98ZM24.0986 47.01C23.1786 47.01 22.6086 46.19 22.6086 44.58C22.6086 42.95 23.1786 42.13 24.0986 42.13C25.0186 42.13 25.5886 42.95 25.5886 44.58C25.5886 46.19 25.0186 47.01 24.0986 47.01ZM30.5779 40.98C28.7879 40.98 27.8379 42.5 27.8379 44.58C27.8379 46.65 28.7879 48.16 30.5779 48.16C32.3679 48.16 33.3179 46.65 33.3179 44.58C33.3179 42.5 32.3679 40.98 30.5779 40.98ZM30.5779 47.01C29.6579 47.01 29.0879 46.19 29.0879 44.58C29.0879 42.95 29.6579 42.13 30.5779 42.13C31.4979 42.13 32.0679 42.95 32.0679 44.58C32.0679 46.19 31.4979 47.01 30.5779 47.01Z\"\n fill=\"#1D1D1D\"\n />\n <path\n opacity=\"0.25\"\n d=\"M50.1505 40.98C48.3605 40.98 47.4105 42.5 47.4105 44.58C47.4105 46.65 48.3605 48.16 50.1505 48.16C51.9405 48.16 52.8905 46.65 52.8905 44.58C52.8905 42.5 51.9405 40.98 50.1505 40.98ZM50.1505 47.01C49.2305 47.01 48.6605 46.19 48.6605 44.58C48.6605 42.95 49.2305 42.13 50.1505 42.13C51.0705 42.13 51.6405 42.95 51.6405 44.58C51.6405 46.19 51.0705 47.01 50.1505 47.01ZM56.6298 40.98C54.8398 40.98 53.8898 42.5 53.8898 44.58C53.8898 46.65 54.8398 48.16 56.6298 48.16C58.4198 48.16 59.3698 46.65 59.3698 44.58C59.3698 42.5 58.4198 40.98 56.6298 40.98ZM56.6298 47.01C55.7098 47.01 55.1398 46.19 55.1398 44.58C55.1398 42.95 55.7098 42.13 56.6298 42.13C57.5498 42.13 58.1198 42.95 58.1198 44.58C58.1198 46.19 57.5498 47.01 56.6298 47.01ZM63.7391 40.83L61.2891 48H60.2691L62.7091 40.83H63.7391ZM67.3814 40.98C65.5914 40.98 64.6414 42.5 64.6414 44.58C64.6414 46.65 65.5914 48.16 67.3814 48.16C69.1714 48.16 70.1214 46.65 70.1214 44.58C70.1214 42.5 69.1714 40.98 67.3814 40.98ZM67.3814 47.01C66.4614 47.01 65.8914 46.19 65.8914 44.58C65.8914 42.95 66.4614 42.13 67.3814 42.13C68.3014 42.13 68.8714 42.95 68.8714 44.58C68.8714 46.19 68.3014 47.01 67.3814 47.01ZM73.8607 40.98C72.0707 40.98 71.1207 42.5 71.1207 44.58C71.1207 46.65 72.0707 48.16 73.8607 48.16C75.6507 48.16 76.6007 46.65 76.6007 44.58C76.6007 42.5 75.6507 40.98 73.8607 40.98ZM73.8607 47.01C72.9407 47.01 72.3707 46.19 72.3707 44.58C72.3707 42.95 72.9407 42.13 73.8607 42.13C74.7807 42.13 75.3507 42.95 75.3507 44.58C75.3507 46.19 74.7807 47.01 73.8607 47.01Z\"\n fill=\"#1D1D1D\"\n />\n </svg>\n );\n};\n\nexport default AddCard;\n"]}

package/dist/src/components/graphics/HomeEmptyCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HomeEmptyCard.js","sourceRoot":"/","sources":["src/components/graphics/HomeEmptyCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAkC;AAClC,wCAAqC;AAMrC,MAAM,aAAa,GAAuB,CAAC,EAAqC,EAAE,EAAE;QAAzC,EAAE,KAAK,GAAG,aAAK,CAAC,MAAM,OAAe,EAAV,QAAQ,cAAnC,SAAqC,CAAF;IAC1E,OAAO,CACH,qDAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,IAAK,QAAQ;QAC3G,wCACI,CAAC,EAAC,kMAAkM,EACpM,IAAI,EAAC,SAAS,GAChB;QACF,wCAAM,CAAC,EAAC,6EAA6E,EAAC,IAAI,EAAC,SAAS,GAAG;QACvG,wCAAM,CAAC,EAAC,8EAA8E,EAAC,IAAI,EAAC,SAAS,GAAG;QACxG,wCACI,CAAC,EAAC,8KAA8K,EAChL,IAAI,EAAC,SAAS,GAChB;QACF,wCACI,CAAC,EAAC,mNAAmN,EACrN,IAAI,EAAC,SAAS,GAChB;QACF,wCAAM,CAAC,EAAC,mFAAmF,EAAC,IAAI,EAAC,SAAS,GAAG;QAC7G,wCACI,CAAC,EAAC,iNAAiN,EACnN,IAAI,EAAC,SAAS,GAChB;QACF,wCAAM,CAAC,EAAC,mFAAmF,EAAC,IAAI,EAAC,SAAS,GAAG;QAC7G,wCACI,CAAC,EAAC,kOAAkO,EACpO,IAAI,EAAC,SAAS,GAChB;QACF,wCACI,CAAC,EAAC,qsBAAqsB,EACvsB,IAAI,EAAC,SAAS,GAChB;QACF,wCACI,CAAC,EAAC,6MAA6M,EAC/M,IAAI,EAAC,SAAS,GAChB;QACF,wCACI,CAAC,EAAC,uoBAAuoB,EACzoB,IAAI,EAAC,SAAS,GAChB;QACF,wCACI,CAAC,EAAC,yjCAAyjC,EAC3jC,IAAI,EAAC,SAAS,GAChB;QACF,wCACI,CAAC,EAAC,+KAA+K,EACjL,IAAI,EAAC,SAAS,GAChB;QACF,wCAAM,CAAC,EAAC,mFAAmF,EAAC,IAAI,EAAC,OAAO,GAAG;QAC3G,wCACI,CAAC,EAAC,iNAAiN,EACnN,IAAI,EAAE,KAAK,GACb;QACF,wCACI,CAAC,EAAC,2mBAA2mB,EAC7mB,IAAI,EAAE,KAAK,GACb;QACF,wCACI,CAAC,EAAC,ouEAAouE,EACtuE,IAAI,EAAE,KAAK,GACb;QACF,wCACI,CAAC,EAAC,ibAAib,EACnb,IAAI,EAAE,KAAK,GACb;QACF,wCACI,CAAC,EAAC,4aAA4a,EAC9a,IAAI,EAAE,KAAK,GACb;QACF,wCACI,CAAC,EAAC,2aAA2a,EAC7a,IAAI,EAAE,KAAK,GACb;QACF,wCACI,CAAC,EAAC,waAAwa,EAC1a,IAAI,EAAE,KAAK,GACb;QACF,wCACI,CAAC,EAAC,kbAAkb,EACpb,IAAI,EAAE,KAAK,GACb;QACF,wCACI,CAAC,EAAC,gbAAgb,EAClb,IAAI,EAAE,KAAK,GACb;QACF,wCAAM,CAAC,EAAC,iFAAiF,EAAC,IAAI,EAAC,OAAO,GAAG;QACzG,wCAAM,CAAC,EAAC,iHAAiH,EAAC,IAAI,EAAC,SAAS,GAAG;QAC3I,wCACI,CAAC,EAAC,kLAAkL,EACpL,IAAI,EAAC,SAAS,GAChB;QACF,wCACI,CAAC,EAAC,6MAA6M,EAC/M,IAAI,EAAC,SAAS,GAChB;QACF,wCACI,CAAC,EAAC,iLAAiL,EACnL,IAAI,EAAC,SAAS,GAChB,CACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { Color } from '@/util/Color';\n\ntype HomeEmptyProps = JSX.IntrinsicElements['svg'] & {\n color?: Color;\n};\n\nconst HomeEmptyCard: FC<HomeEmptyProps> = ({ color = Color.Accent, ...svgProps }) => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"298\" height=\"229\" viewBox=\"0 0 298 229\" fill=\"none\" {...svgProps}>\n <path\n d=\"M148.611 222.169C217.432 222.169 273.223 219.328 273.223 215.824C273.223 212.32 217.432 209.479 148.611 209.479C79.7904 209.479 24 212.32 24 215.824C24 219.328 79.7904 222.169 148.611 222.169Z\"\n fill=\"#DFE1E5\"\n />\n <path d=\"M54.4619 210.964C54.4619 210.964 38.5297 181.579 0 194.285L54.4619 210.964Z\" fill=\"#DFE1E5\" />\n <path d=\"M55.4226 210.245C55.4226 210.245 35.7193 185.22 64.1579 154L55.4226 210.245Z\" fill=\"#DFE1E5\" />\n <path\n d=\"M169.883 67.5343C169.883 67.5343 164.919 88.4966 170.987 88.4966C177.055 88.4966 191.397 64.776 191.397 64.776L186.433 58.708L177.521 71.08L177.055 64.7761L169.883 67.5343Z\"\n fill=\"#E2B297\"\n />\n <path\n d=\"M190.075 65.6872C192.743 65.6872 194.905 63.5248 194.905 60.8573C194.905 58.1898 192.743 56.0273 190.075 56.0273C187.408 56.0273 185.245 58.1898 185.245 60.8573C185.245 63.5248 187.408 65.6872 190.075 65.6872Z\"\n fill=\"#E2B297\"\n />\n <path d=\"M165.674 210.306L172.103 210.305L175.162 185.507L165.673 185.507L165.674 210.306Z\" fill=\"#E2B297\" />\n <path\n d=\"M165.448 217.012L185.218 217.011V216.761C185.218 214.72 184.407 212.763 182.964 211.32C181.521 209.877 179.564 209.066 177.523 209.066H177.522L173.911 206.326L167.173 209.066L165.447 209.066L165.448 217.012Z\"\n fill=\"#2F2E41\"\n />\n <path d=\"M96.5186 202.284L102.271 205.154L116.082 184.332L107.591 180.095L96.5186 202.284Z\" fill=\"#E2B297\" />\n <path\n d=\"M93.3203 208.183L111.01 217.012L111.122 216.788C112.033 214.962 112.182 212.848 111.535 210.913C110.888 208.977 109.499 207.378 107.673 206.466L107.672 206.466L105.665 202.402L98.4123 201.845L96.8681 201.074L93.3203 208.183Z\"\n fill=\"#2F2E41\"\n />\n <path\n d=\"M124.108 105.562C124.108 105.562 121.539 136.455 120.987 143.074C120.609 147.224 119.681 151.305 118.229 155.21C118.229 155.21 117.126 157.417 117.126 159.624L104.622 182.348C104.622 182.348 100.801 185.156 101.353 187.363C101.904 189.57 99.0488 190.893 99.0488 190.893L112.217 193.431C112.217 193.431 111.665 191.776 113.32 191.225C114.975 190.673 116.292 185.888 116.292 185.888L134.778 155.762L148.018 128.18C148.018 128.18 155.74 153.004 157.395 155.762C157.395 155.762 163.463 186.654 164.567 189.412C165.67 192.17 166.222 192.17 165.67 193.274C165.118 194.377 165.118 195.48 165.67 196.032C166.222 196.583 176.703 196.032 176.703 196.032L173.945 156.865L168.98 109.976L143.604 102.253L124.108 105.562Z\"\n fill=\"#2F2E41\"\n />\n <path\n d=\"M148.953 31.8144C155.351 31.8144 160.537 26.6279 160.537 20.23C160.537 13.832 155.351 8.64551 148.953 8.64551C142.555 8.64551 137.368 13.832 137.368 20.23C137.368 26.6279 142.555 31.8144 148.953 31.8144Z\"\n fill=\"#E2B297\"\n />\n <path\n d=\"M170.083 48.7441L156.293 40.3888C156.293 40.3888 155.91 35.2004 151.981 34.9563C150.008 34.8337 147.048 34.6463 142.606 34.3599C141.667 34.2994 141.033 39.4359 139.957 39.3662L125.4 43.2277L127.607 80.7392C127.607 80.7392 124.297 95.6335 125.4 98.3917C126.504 101.15 122.642 102.253 123.745 102.805C124.849 103.356 123.745 107.218 123.745 107.218C123.745 107.218 145.259 118.251 168.98 109.976L166.773 102.805C167.074 101.867 167.13 100.869 166.937 99.9036C166.744 98.9383 166.308 98.0382 165.67 97.2884C165.67 97.2884 167.877 93.9786 165.118 91.2203C165.118 91.2203 166.222 86.2556 163.463 84.049L162.912 76.326L164.567 72.4646L170.083 48.7441Z\"\n fill=\"#E6E6E6\"\n />\n <path\n d=\"M138.901 26.8482L138.577 26.0961C138.535 25.9989 134.438 16.314 138.07 10.3401C139.751 7.57443 142.807 6.01301 147.154 5.69953C153.956 5.20772 158.611 6.82118 160.994 10.4917C161.394 11.1138 161.618 11.8321 161.644 12.571C161.67 13.3098 161.497 14.0421 161.142 14.6907C160.787 15.3393 160.264 15.8803 159.628 16.2569C158.991 16.6334 158.265 16.8315 157.526 16.8304H157.434L156.185 15.2077L156.112 15.3655C155.66 16.3444 154.62 16.8803 153.403 16.763C153.196 16.7481 153.013 16.9268 152.866 17.3092C152.816 17.4765 152.722 17.6273 152.594 17.7459C152.466 17.8645 152.309 17.9465 152.138 17.9832C151.239 18.1582 149.957 17.0255 149.383 16.4609C149.361 16.5909 149.312 16.7145 149.237 16.8236C149.163 16.9326 149.067 17.0245 148.954 17.093C148.35 17.4418 147.409 16.9861 147.138 16.841C144.987 17.2981 143.594 17.1759 142.997 16.478C142.593 19.3401 141.724 24.4919 140.683 24.7774C140.574 24.8024 140.46 24.7918 140.358 24.7471C140.256 24.7024 140.171 24.6259 140.115 24.5291C139.864 24.2036 139.64 24.0414 139.5 24.087C139.162 24.1947 138.962 25.31 138.933 26.0299L138.901 26.8482Z\"\n fill=\"#2F2E41\"\n />\n <path\n d=\"M164.016 49.2954L169.518 48.4014C173.482 52.2101 176.183 57.1431 177.255 62.5348C178.91 71.361 179.461 73.016 179.461 73.016L166.222 76.3258L159.051 62.5348L164.016 49.2954Z\"\n fill=\"#E6E6E6\"\n />\n <path d=\"M139.597 60.7763L136.196 103.887L222.981 110.733L226.381 67.6221L139.597 60.7763Z\" fill=\"white\" />\n <path\n d=\"M148.869 64.1155C146.745 62.5989 144.049 62.4892 143.019 62.511C143.333 63.4919 144.309 66.0077 146.433 67.5251C148.562 69.0455 151.255 69.1519 152.284 69.1306C151.97 68.1501 150.993 65.6332 148.869 64.1155Z\"\n fill={color}\n />\n <path\n d=\"M157.247 91.5484L143.312 90.4492C142.901 90.4167 142.487 90.4657 142.094 90.5932C141.701 90.7208 141.337 90.9245 141.023 91.1926C140.709 91.4608 140.451 91.7882 140.263 92.1562C140.075 92.5242 139.962 92.9255 139.93 93.3373C139.897 93.749 139.946 94.1631 140.074 94.556C140.201 94.9488 140.405 95.3126 140.673 95.6268C140.941 95.9409 141.269 96.1991 141.637 96.3867C142.005 96.5742 142.406 96.6875 142.818 96.72L156.753 97.8192C157.584 97.8848 158.408 97.6174 159.042 97.0758C159.677 96.5342 160.07 95.7627 160.136 94.9312C160.201 94.0996 159.934 93.2761 159.392 92.6417C158.85 92.0073 158.079 91.614 157.247 91.5484Z\"\n fill={color}\n />\n <path\n d=\"M222.96 63.4313L144.831 57.2675C143.922 57.196 143.008 57.3041 142.141 57.5857C141.274 57.8674 140.471 58.3171 139.778 58.9091C139.085 59.5011 138.515 60.2238 138.101 61.036C137.687 61.8482 137.438 62.734 137.366 63.6427L134.361 101.707C134.217 103.542 134.807 105.36 136.003 106.761C137.199 108.161 138.902 109.03 140.737 109.175L218.867 115.339C219.776 115.41 220.69 115.302 221.557 115.02C222.424 114.739 223.227 114.289 223.92 113.697C224.613 113.105 225.183 112.382 225.597 111.57C226.01 110.758 226.26 109.872 226.332 108.963L229.187 72.7853L229.245 72.0462L229.336 70.896C229.407 69.9872 229.299 69.0733 229.017 68.2063C228.736 67.3394 228.286 66.5364 227.694 65.8432C227.102 65.1501 226.379 64.5803 225.567 64.1665C224.755 63.7526 223.869 63.5028 222.96 63.4313ZM220.653 96.5489L220.158 102.82C220.068 103.927 219.542 104.954 218.697 105.675C217.852 106.397 216.755 106.754 215.647 106.669L205.195 105.846C204.087 105.755 203.06 105.23 202.339 104.384C201.618 103.539 201.26 102.443 201.345 101.335L201.84 95.0637C201.931 93.9562 202.457 92.9298 203.302 92.2085C204.147 91.4873 205.243 91.1298 206.351 91.2143L216.8 92.0388C217.908 92.1297 218.934 92.6549 219.656 93.4998C220.378 94.3447 220.736 95.4408 220.653 96.5489ZM139.238 93.279C139.319 92.2642 139.799 91.3231 140.573 90.662C141.348 90.001 142.352 89.674 143.367 89.7528L157.302 90.8527C157.805 90.8916 158.296 91.0293 158.746 91.2579C159.196 91.4865 159.597 91.8016 159.925 92.1852C160.254 92.5687 160.503 93.0132 160.659 93.4932C160.816 93.9732 160.876 94.4794 160.837 94.9827C160.798 95.4861 160.66 95.9767 160.431 96.4267C160.202 96.8766 159.886 97.2771 159.502 97.6051C159.119 97.9331 158.674 98.1822 158.194 98.3382C157.714 98.4943 157.207 98.5542 156.704 98.5145L156.697 98.5164L142.762 97.4164C142.259 97.3766 141.769 97.238 141.319 97.0084C140.869 96.7789 140.469 96.4629 140.142 96.0786C139.815 95.6943 139.566 95.2492 139.411 94.7688C139.256 94.2884 139.197 93.7822 139.238 93.279ZM142.221 62.2628L142.126 61.873L142.527 61.8362C142.683 61.8194 146.39 61.4866 149.276 63.5477C152.161 65.6088 153.046 69.225 153.084 69.3763L153.176 69.767L152.776 69.8074C152.208 69.8496 151.638 69.8458 151.071 69.7961C149.267 69.6905 147.525 69.102 146.026 68.0923C143.141 66.0312 142.256 62.4149 142.221 62.2628Z\"\n fill={color}\n />\n <path\n d=\"M208.931 100.709L204.402 100.351C204.079 100.326 203.759 100.431 203.513 100.641C203.267 100.852 203.114 101.152 203.089 101.475C203.063 101.798 203.167 102.118 203.377 102.364C203.587 102.611 203.887 102.764 204.21 102.79L208.739 103.147C209.062 103.172 209.381 103.068 209.628 102.857C209.874 102.647 210.026 102.347 210.052 102.024C210.077 101.701 209.974 101.381 209.764 101.134C209.553 100.888 209.254 100.735 208.931 100.709Z\"\n fill={color}\n />\n <path\n d=\"M217.292 101.368L212.764 101.01C212.441 100.986 212.121 101.09 211.875 101.301C211.629 101.511 211.477 101.811 211.451 102.134C211.426 102.457 211.529 102.776 211.739 103.023C211.949 103.27 212.248 103.423 212.571 103.449L217.1 103.806C217.423 103.831 217.743 103.727 217.989 103.516C218.235 103.305 218.387 103.006 218.413 102.683C218.438 102.36 218.334 102.04 218.124 101.794C217.914 101.547 217.615 101.394 217.292 101.368Z\"\n fill={color}\n />\n <path\n d=\"M209.179 97.5727L204.65 97.2155C204.327 97.1908 204.008 97.2952 203.762 97.5058C203.516 97.7164 203.363 98.016 203.338 98.3388C203.312 98.6617 203.416 98.9815 203.626 99.2281C203.836 99.4746 204.135 99.6278 204.458 99.6541L208.987 100.011C209.31 100.036 209.63 99.932 209.876 99.7214C210.122 99.5108 210.275 99.2111 210.3 98.8881C210.326 98.565 210.222 98.2451 210.012 97.9985C209.802 97.7519 209.502 97.5988 209.179 97.5727Z\"\n fill={color}\n />\n <path\n d=\"M217.539 98.232L213.01 97.8747C212.687 97.8498 212.368 97.9541 212.121 98.1647C211.875 98.3753 211.723 98.675 211.697 98.998C211.672 99.321 211.775 99.6409 211.986 99.8875C212.196 100.134 212.495 100.287 212.818 100.313L217.347 100.671C217.67 100.696 217.99 100.591 218.236 100.381C218.482 100.17 218.635 99.8703 218.66 99.5473C218.686 99.2243 218.582 98.9044 218.372 98.6577C218.162 98.4111 217.862 98.258 217.539 98.232Z\"\n fill={color}\n />\n <path\n d=\"M209.426 94.4371L204.897 94.0798C204.574 94.0549 204.254 94.1592 204.008 94.3698C203.762 94.5804 203.609 94.8801 203.584 95.2031C203.558 95.5261 203.662 95.8461 203.872 96.0927C204.082 96.3393 204.382 96.4924 204.705 96.5184L209.234 96.8757C209.557 96.9004 209.876 96.796 210.122 96.5854C210.368 96.3748 210.521 96.0752 210.546 95.7523C210.572 95.4295 210.468 95.1097 210.258 94.8631C210.048 94.6165 209.749 94.4633 209.426 94.4371Z\"\n fill={color}\n />\n <path\n d=\"M217.787 95.0971L213.258 94.7399C212.935 94.7152 212.615 94.8196 212.369 95.0302C212.123 95.2408 211.971 95.5404 211.945 95.8633C211.92 96.1861 212.023 96.5059 212.233 96.7525C212.443 96.999 212.743 97.1523 213.065 97.1785L217.594 97.5358C217.917 97.5605 218.237 97.456 218.483 97.2455C218.729 97.0349 218.881 96.7353 218.907 96.4124C218.932 96.0895 218.829 95.7698 218.619 95.5232C218.409 95.2766 218.109 95.1234 217.787 95.0971Z\"\n fill={color}\n />\n <path d=\"M136.205 75.6535L136.146 76.3945L227.86 83.5991L227.919 82.858L136.205 75.6535Z\" fill=\"white\" />\n <path d=\"M229.245 72.0465L229.188 72.7859L225.996 72.5354L191.988 69.8641L192.05 69.124L226.053 71.7961L229.245 72.0465Z\" fill=\"#3F3D56\" />\n <path\n d=\"M117.127 64.1905C117.127 64.1905 112.162 85.1528 118.23 85.1528C124.298 85.1528 138.641 61.4323 138.641 61.4323L133.676 55.3643L124.765 67.7363L124.298 61.4323L117.127 64.1905Z\"\n fill=\"#E2B297\"\n />\n <path\n d=\"M137.317 62.3434C139.985 62.3434 142.147 60.181 142.147 57.5135C142.147 54.846 139.985 52.6836 137.317 52.6836C134.65 52.6836 132.487 54.846 132.487 57.5135C132.487 60.181 134.65 62.3434 137.317 62.3434Z\"\n fill=\"#E2B297\"\n />\n <path\n d=\"M129.419 46.5374L126.109 43.2275C126.109 43.2275 119.489 47.089 118.938 50.9505C118.386 54.812 115.628 66.9481 115.628 66.9481L125.833 67.7755L129.143 62.8108L129.419 46.5374Z\"\n fill=\"#E6E6E6\"\n />\n </svg>\n );\n};\n\nexport default HomeEmptyCard;\n"]}
1	+ {"version":3,"file":"HomeEmptyCard.js","sourceRoot":"/","sources":["src/components/graphics/HomeEmptyCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAkC;AAElC,wCAAqC;AAMrC,MAAM,aAAa,GAAuB,CAAC,EAAqC,EAAE,EAAE;QAAzC,EAAE,KAAK,GAAG,aAAK,CAAC,MAAM,OAAe,EAAV,QAAQ,cAAnC,SAAqC,CAAF;IAC1E,OAAO,CACH,qDAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,IAAK,QAAQ;QAC3G,wCACI,CAAC,EAAC,kMAAkM,EACpM,IAAI,EAAC,SAAS,GAChB;QACF,wCAAM,CAAC,EAAC,6EAA6E,EAAC,IAAI,EAAC,SAAS,GAAG;QACvG,wCAAM,CAAC,EAAC,8EAA8E,EAAC,IAAI,EAAC,SAAS,GAAG;QACxG,wCACI,CAAC,EAAC,8KAA8K,EAChL,IAAI,EAAC,SAAS,GAChB;QACF,wCACI,CAAC,EAAC,mNAAmN,EACrN,IAAI,EAAC,SAAS,GAChB;QACF,wCAAM,CAAC,EAAC,mFAAmF,EAAC,IAAI,EAAC,SAAS,GAAG;QAC7G,wCACI,CAAC,EAAC,iNAAiN,EACnN,IAAI,EAAC,SAAS,GAChB;QACF,wCAAM,CAAC,EAAC,mFAAmF,EAAC,IAAI,EAAC,SAAS,GAAG;QAC7G,wCACI,CAAC,EAAC,kOAAkO,EACpO,IAAI,EAAC,SAAS,GAChB;QACF,wCACI,CAAC,EAAC,qsBAAqsB,EACvsB,IAAI,EAAC,SAAS,GAChB;QACF,wCACI,CAAC,EAAC,6MAA6M,EAC/M,IAAI,EAAC,SAAS,GAChB;QACF,wCACI,CAAC,EAAC,uoBAAuoB,EACzoB,IAAI,EAAC,SAAS,GAChB;QACF,wCACI,CAAC,EAAC,yjCAAyjC,EAC3jC,IAAI,EAAC,SAAS,GAChB;QACF,wCACI,CAAC,EAAC,+KAA+K,EACjL,IAAI,EAAC,SAAS,GAChB;QACF,wCAAM,CAAC,EAAC,mFAAmF,EAAC,IAAI,EAAC,OAAO,GAAG;QAC3G,wCACI,CAAC,EAAC,iNAAiN,EACnN,IAAI,EAAE,KAAK,GACb;QACF,wCACI,CAAC,EAAC,2mBAA2mB,EAC7mB,IAAI,EAAE,KAAK,GACb;QACF,wCACI,CAAC,EAAC,ouEAAouE,EACtuE,IAAI,EAAE,KAAK,GACb;QACF,wCACI,CAAC,EAAC,ibAAib,EACnb,IAAI,EAAE,KAAK,GACb;QACF,wCACI,CAAC,EAAC,4aAA4a,EAC9a,IAAI,EAAE,KAAK,GACb;QACF,wCACI,CAAC,EAAC,2aAA2a,EAC7a,IAAI,EAAE,KAAK,GACb;QACF,wCACI,CAAC,EAAC,waAAwa,EAC1a,IAAI,EAAE,KAAK,GACb;QACF,wCACI,CAAC,EAAC,kbAAkb,EACpb,IAAI,EAAE,KAAK,GACb;QACF,wCACI,CAAC,EAAC,gbAAgb,EAClb,IAAI,EAAE,KAAK,GACb;QACF,wCAAM,CAAC,EAAC,iFAAiF,EAAC,IAAI,EAAC,OAAO,GAAG;QACzG,wCAAM,CAAC,EAAC,iHAAiH,EAAC,IAAI,EAAC,SAAS,GAAG;QAC3I,wCACI,CAAC,EAAC,kLAAkL,EACpL,IAAI,EAAC,SAAS,GAChB;QACF,wCACI,CAAC,EAAC,6MAA6M,EAC/M,IAAI,EAAC,SAAS,GAChB;QACF,wCACI,CAAC,EAAC,iLAAiL,EACnL,IAAI,EAAC,SAAS,GAChB,CACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["import React, { FC } from 'react';\n\nimport { Color } from '@/util/Color';\n\ntype HomeEmptyProps = JSX.IntrinsicElements['svg'] & {\n color?: Color;\n};\n\nconst HomeEmptyCard: FC<HomeEmptyProps> = ({ color = Color.Accent, ...svgProps }) => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"298\" height=\"229\" viewBox=\"0 0 298 229\" fill=\"none\" {...svgProps}>\n <path\n d=\"M148.611 222.169C217.432 222.169 273.223 219.328 273.223 215.824C273.223 212.32 217.432 209.479 148.611 209.479C79.7904 209.479 24 212.32 24 215.824C24 219.328 79.7904 222.169 148.611 222.169Z\"\n fill=\"#DFE1E5\"\n />\n <path d=\"M54.4619 210.964C54.4619 210.964 38.5297 181.579 0 194.285L54.4619 210.964Z\" fill=\"#DFE1E5\" />\n <path d=\"M55.4226 210.245C55.4226 210.245 35.7193 185.22 64.1579 154L55.4226 210.245Z\" fill=\"#DFE1E5\" />\n <path\n d=\"M169.883 67.5343C169.883 67.5343 164.919 88.4966 170.987 88.4966C177.055 88.4966 191.397 64.776 191.397 64.776L186.433 58.708L177.521 71.08L177.055 64.7761L169.883 67.5343Z\"\n fill=\"#E2B297\"\n />\n <path\n d=\"M190.075 65.6872C192.743 65.6872 194.905 63.5248 194.905 60.8573C194.905 58.1898 192.743 56.0273 190.075 56.0273C187.408 56.0273 185.245 58.1898 185.245 60.8573C185.245 63.5248 187.408 65.6872 190.075 65.6872Z\"\n fill=\"#E2B297\"\n />\n <path d=\"M165.674 210.306L172.103 210.305L175.162 185.507L165.673 185.507L165.674 210.306Z\" fill=\"#E2B297\" />\n <path\n d=\"M165.448 217.012L185.218 217.011V216.761C185.218 214.72 184.407 212.763 182.964 211.32C181.521 209.877 179.564 209.066 177.523 209.066H177.522L173.911 206.326L167.173 209.066L165.447 209.066L165.448 217.012Z\"\n fill=\"#2F2E41\"\n />\n <path d=\"M96.5186 202.284L102.271 205.154L116.082 184.332L107.591 180.095L96.5186 202.284Z\" fill=\"#E2B297\" />\n <path\n d=\"M93.3203 208.183L111.01 217.012L111.122 216.788C112.033 214.962 112.182 212.848 111.535 210.913C110.888 208.977 109.499 207.378 107.673 206.466L107.672 206.466L105.665 202.402L98.4123 201.845L96.8681 201.074L93.3203 208.183Z\"\n fill=\"#2F2E41\"\n />\n <path\n d=\"M124.108 105.562C124.108 105.562 121.539 136.455 120.987 143.074C120.609 147.224 119.681 151.305 118.229 155.21C118.229 155.21 117.126 157.417 117.126 159.624L104.622 182.348C104.622 182.348 100.801 185.156 101.353 187.363C101.904 189.57 99.0488 190.893 99.0488 190.893L112.217 193.431C112.217 193.431 111.665 191.776 113.32 191.225C114.975 190.673 116.292 185.888 116.292 185.888L134.778 155.762L148.018 128.18C148.018 128.18 155.74 153.004 157.395 155.762C157.395 155.762 163.463 186.654 164.567 189.412C165.67 192.17 166.222 192.17 165.67 193.274C165.118 194.377 165.118 195.48 165.67 196.032C166.222 196.583 176.703 196.032 176.703 196.032L173.945 156.865L168.98 109.976L143.604 102.253L124.108 105.562Z\"\n fill=\"#2F2E41\"\n />\n <path\n d=\"M148.953 31.8144C155.351 31.8144 160.537 26.6279 160.537 20.23C160.537 13.832 155.351 8.64551 148.953 8.64551C142.555 8.64551 137.368 13.832 137.368 20.23C137.368 26.6279 142.555 31.8144 148.953 31.8144Z\"\n fill=\"#E2B297\"\n />\n <path\n d=\"M170.083 48.7441L156.293 40.3888C156.293 40.3888 155.91 35.2004 151.981 34.9563C150.008 34.8337 147.048 34.6463 142.606 34.3599C141.667 34.2994 141.033 39.4359 139.957 39.3662L125.4 43.2277L127.607 80.7392C127.607 80.7392 124.297 95.6335 125.4 98.3917C126.504 101.15 122.642 102.253 123.745 102.805C124.849 103.356 123.745 107.218 123.745 107.218C123.745 107.218 145.259 118.251 168.98 109.976L166.773 102.805C167.074 101.867 167.13 100.869 166.937 99.9036C166.744 98.9383 166.308 98.0382 165.67 97.2884C165.67 97.2884 167.877 93.9786 165.118 91.2203C165.118 91.2203 166.222 86.2556 163.463 84.049L162.912 76.326L164.567 72.4646L170.083 48.7441Z\"\n fill=\"#E6E6E6\"\n />\n <path\n d=\"M138.901 26.8482L138.577 26.0961C138.535 25.9989 134.438 16.314 138.07 10.3401C139.751 7.57443 142.807 6.01301 147.154 5.69953C153.956 5.20772 158.611 6.82118 160.994 10.4917C161.394 11.1138 161.618 11.8321 161.644 12.571C161.67 13.3098 161.497 14.0421 161.142 14.6907C160.787 15.3393 160.264 15.8803 159.628 16.2569C158.991 16.6334 158.265 16.8315 157.526 16.8304H157.434L156.185 15.2077L156.112 15.3655C155.66 16.3444 154.62 16.8803 153.403 16.763C153.196 16.7481 153.013 16.9268 152.866 17.3092C152.816 17.4765 152.722 17.6273 152.594 17.7459C152.466 17.8645 152.309 17.9465 152.138 17.9832C151.239 18.1582 149.957 17.0255 149.383 16.4609C149.361 16.5909 149.312 16.7145 149.237 16.8236C149.163 16.9326 149.067 17.0245 148.954 17.093C148.35 17.4418 147.409 16.9861 147.138 16.841C144.987 17.2981 143.594 17.1759 142.997 16.478C142.593 19.3401 141.724 24.4919 140.683 24.7774C140.574 24.8024 140.46 24.7918 140.358 24.7471C140.256 24.7024 140.171 24.6259 140.115 24.5291C139.864 24.2036 139.64 24.0414 139.5 24.087C139.162 24.1947 138.962 25.31 138.933 26.0299L138.901 26.8482Z\"\n fill=\"#2F2E41\"\n />\n <path\n d=\"M164.016 49.2954L169.518 48.4014C173.482 52.2101 176.183 57.1431 177.255 62.5348C178.91 71.361 179.461 73.016 179.461 73.016L166.222 76.3258L159.051 62.5348L164.016 49.2954Z\"\n fill=\"#E6E6E6\"\n />\n <path d=\"M139.597 60.7763L136.196 103.887L222.981 110.733L226.381 67.6221L139.597 60.7763Z\" fill=\"white\" />\n <path\n d=\"M148.869 64.1155C146.745 62.5989 144.049 62.4892 143.019 62.511C143.333 63.4919 144.309 66.0077 146.433 67.5251C148.562 69.0455 151.255 69.1519 152.284 69.1306C151.97 68.1501 150.993 65.6332 148.869 64.1155Z\"\n fill={color}\n />\n <path\n d=\"M157.247 91.5484L143.312 90.4492C142.901 90.4167 142.487 90.4657 142.094 90.5932C141.701 90.7208 141.337 90.9245 141.023 91.1926C140.709 91.4608 140.451 91.7882 140.263 92.1562C140.075 92.5242 139.962 92.9255 139.93 93.3373C139.897 93.749 139.946 94.1631 140.074 94.556C140.201 94.9488 140.405 95.3126 140.673 95.6268C140.941 95.9409 141.269 96.1991 141.637 96.3867C142.005 96.5742 142.406 96.6875 142.818 96.72L156.753 97.8192C157.584 97.8848 158.408 97.6174 159.042 97.0758C159.677 96.5342 160.07 95.7627 160.136 94.9312C160.201 94.0996 159.934 93.2761 159.392 92.6417C158.85 92.0073 158.079 91.614 157.247 91.5484Z\"\n fill={color}\n />\n <path\n d=\"M222.96 63.4313L144.831 57.2675C143.922 57.196 143.008 57.3041 142.141 57.5857C141.274 57.8674 140.471 58.3171 139.778 58.9091C139.085 59.5011 138.515 60.2238 138.101 61.036C137.687 61.8482 137.438 62.734 137.366 63.6427L134.361 101.707C134.217 103.542 134.807 105.36 136.003 106.761C137.199 108.161 138.902 109.03 140.737 109.175L218.867 115.339C219.776 115.41 220.69 115.302 221.557 115.02C222.424 114.739 223.227 114.289 223.92 113.697C224.613 113.105 225.183 112.382 225.597 111.57C226.01 110.758 226.26 109.872 226.332 108.963L229.187 72.7853L229.245 72.0462L229.336 70.896C229.407 69.9872 229.299 69.0733 229.017 68.2063C228.736 67.3394 228.286 66.5364 227.694 65.8432C227.102 65.1501 226.379 64.5803 225.567 64.1665C224.755 63.7526 223.869 63.5028 222.96 63.4313ZM220.653 96.5489L220.158 102.82C220.068 103.927 219.542 104.954 218.697 105.675C217.852 106.397 216.755 106.754 215.647 106.669L205.195 105.846C204.087 105.755 203.06 105.23 202.339 104.384C201.618 103.539 201.26 102.443 201.345 101.335L201.84 95.0637C201.931 93.9562 202.457 92.9298 203.302 92.2085C204.147 91.4873 205.243 91.1298 206.351 91.2143L216.8 92.0388C217.908 92.1297 218.934 92.6549 219.656 93.4998C220.378 94.3447 220.736 95.4408 220.653 96.5489ZM139.238 93.279C139.319 92.2642 139.799 91.3231 140.573 90.662C141.348 90.001 142.352 89.674 143.367 89.7528L157.302 90.8527C157.805 90.8916 158.296 91.0293 158.746 91.2579C159.196 91.4865 159.597 91.8016 159.925 92.1852C160.254 92.5687 160.503 93.0132 160.659 93.4932C160.816 93.9732 160.876 94.4794 160.837 94.9827C160.798 95.4861 160.66 95.9767 160.431 96.4267C160.202 96.8766 159.886 97.2771 159.502 97.6051C159.119 97.9331 158.674 98.1822 158.194 98.3382C157.714 98.4943 157.207 98.5542 156.704 98.5145L156.697 98.5164L142.762 97.4164C142.259 97.3766 141.769 97.238 141.319 97.0084C140.869 96.7789 140.469 96.4629 140.142 96.0786C139.815 95.6943 139.566 95.2492 139.411 94.7688C139.256 94.2884 139.197 93.7822 139.238 93.279ZM142.221 62.2628L142.126 61.873L142.527 61.8362C142.683 61.8194 146.39 61.4866 149.276 63.5477C152.161 65.6088 153.046 69.225 153.084 69.3763L153.176 69.767L152.776 69.8074C152.208 69.8496 151.638 69.8458 151.071 69.7961C149.267 69.6905 147.525 69.102 146.026 68.0923C143.141 66.0312 142.256 62.4149 142.221 62.2628Z\"\n fill={color}\n />\n <path\n d=\"M208.931 100.709L204.402 100.351C204.079 100.326 203.759 100.431 203.513 100.641C203.267 100.852 203.114 101.152 203.089 101.475C203.063 101.798 203.167 102.118 203.377 102.364C203.587 102.611 203.887 102.764 204.21 102.79L208.739 103.147C209.062 103.172 209.381 103.068 209.628 102.857C209.874 102.647 210.026 102.347 210.052 102.024C210.077 101.701 209.974 101.381 209.764 101.134C209.553 100.888 209.254 100.735 208.931 100.709Z\"\n fill={color}\n />\n <path\n d=\"M217.292 101.368L212.764 101.01C212.441 100.986 212.121 101.09 211.875 101.301C211.629 101.511 211.477 101.811 211.451 102.134C211.426 102.457 211.529 102.776 211.739 103.023C211.949 103.27 212.248 103.423 212.571 103.449L217.1 103.806C217.423 103.831 217.743 103.727 217.989 103.516C218.235 103.305 218.387 103.006 218.413 102.683C218.438 102.36 218.334 102.04 218.124 101.794C217.914 101.547 217.615 101.394 217.292 101.368Z\"\n fill={color}\n />\n <path\n d=\"M209.179 97.5727L204.65 97.2155C204.327 97.1908 204.008 97.2952 203.762 97.5058C203.516 97.7164 203.363 98.016 203.338 98.3388C203.312 98.6617 203.416 98.9815 203.626 99.2281C203.836 99.4746 204.135 99.6278 204.458 99.6541L208.987 100.011C209.31 100.036 209.63 99.932 209.876 99.7214C210.122 99.5108 210.275 99.2111 210.3 98.8881C210.326 98.565 210.222 98.2451 210.012 97.9985C209.802 97.7519 209.502 97.5988 209.179 97.5727Z\"\n fill={color}\n />\n <path\n d=\"M217.539 98.232L213.01 97.8747C212.687 97.8498 212.368 97.9541 212.121 98.1647C211.875 98.3753 211.723 98.675 211.697 98.998C211.672 99.321 211.775 99.6409 211.986 99.8875C212.196 100.134 212.495 100.287 212.818 100.313L217.347 100.671C217.67 100.696 217.99 100.591 218.236 100.381C218.482 100.17 218.635 99.8703 218.66 99.5473C218.686 99.2243 218.582 98.9044 218.372 98.6577C218.162 98.4111 217.862 98.258 217.539 98.232Z\"\n fill={color}\n />\n <path\n d=\"M209.426 94.4371L204.897 94.0798C204.574 94.0549 204.254 94.1592 204.008 94.3698C203.762 94.5804 203.609 94.8801 203.584 95.2031C203.558 95.5261 203.662 95.8461 203.872 96.0927C204.082 96.3393 204.382 96.4924 204.705 96.5184L209.234 96.8757C209.557 96.9004 209.876 96.796 210.122 96.5854C210.368 96.3748 210.521 96.0752 210.546 95.7523C210.572 95.4295 210.468 95.1097 210.258 94.8631C210.048 94.6165 209.749 94.4633 209.426 94.4371Z\"\n fill={color}\n />\n <path\n d=\"M217.787 95.0971L213.258 94.7399C212.935 94.7152 212.615 94.8196 212.369 95.0302C212.123 95.2408 211.971 95.5404 211.945 95.8633C211.92 96.1861 212.023 96.5059 212.233 96.7525C212.443 96.999 212.743 97.1523 213.065 97.1785L217.594 97.5358C217.917 97.5605 218.237 97.456 218.483 97.2455C218.729 97.0349 218.881 96.7353 218.907 96.4124C218.932 96.0895 218.829 95.7698 218.619 95.5232C218.409 95.2766 218.109 95.1234 217.787 95.0971Z\"\n fill={color}\n />\n <path d=\"M136.205 75.6535L136.146 76.3945L227.86 83.5991L227.919 82.858L136.205 75.6535Z\" fill=\"white\" />\n <path d=\"M229.245 72.0465L229.188 72.7859L225.996 72.5354L191.988 69.8641L192.05 69.124L226.053 71.7961L229.245 72.0465Z\" fill=\"#3F3D56\" />\n <path\n d=\"M117.127 64.1905C117.127 64.1905 112.162 85.1528 118.23 85.1528C124.298 85.1528 138.641 61.4323 138.641 61.4323L133.676 55.3643L124.765 67.7363L124.298 61.4323L117.127 64.1905Z\"\n fill=\"#E2B297\"\n />\n <path\n d=\"M137.317 62.3434C139.985 62.3434 142.147 60.181 142.147 57.5135C142.147 54.846 139.985 52.6836 137.317 52.6836C134.65 52.6836 132.487 54.846 132.487 57.5135C132.487 60.181 134.65 62.3434 137.317 62.3434Z\"\n fill=\"#E2B297\"\n />\n <path\n d=\"M129.419 46.5374L126.109 43.2275C126.109 43.2275 119.489 47.089 118.938 50.9505C118.386 54.812 115.628 66.9481 115.628 66.9481L125.833 67.7755L129.143 62.8108L129.419 46.5374Z\"\n fill=\"#E6E6E6\"\n />\n </svg>\n );\n};\n\nexport default HomeEmptyCard;\n"]}