@roomstay/frontend 2.1.2 → 2.1.4

package/dist/src/components/generic/Select/Select.js

@@ -31,12 +31,12 @@ const react_1 = __importStar(require("react"));
 const Icon_1 = __importStar(require("../Icon/Icon"));
 const classnames_1 = __importDefault(require("classnames"));
 require("./Select.global.scss");
-const Overlay_1 = require("../../../../components/generic/Overlay/Overlay");
-const KeyboardControlOnSelect_1 = require("../../../../hooks/KeyboardControlOnSelect");
-const Color_1 = require("../../../../util/Color");
-const CombineState_1 = require("../../../../hooks/CombineState");
-const WindowSize_1 = require("../../../../hooks/WindowSize");
-const Text_1 = __importStar(require("../../../../components/generic/Text"));
+const Overlay_1 = require("../Overlay/Overlay");
+const KeyboardControlOnSelect_1 = require("../../../hooks/KeyboardControlOnSelect");
+const Color_1 = require("../../../util/Color");
+const CombineState_1 = require("../../../hooks/CombineState");
+const WindowSize_1 = require("../../../hooks/WindowSize");
+const Text_1 = __importStar(require("../Text"));
 const MOBILE_BREAKPOINT = 992;
 const InnerSelect = ({ target, open, onClose, options = [], value, onChange, keyName, labelName, className, offset, renderOption, nativeOnMobile = false, overlay, renderLabel, }, ref) => {
     var _a, _b;

package/dist/src/components/generic/Tabs/TabContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { EventKey } from '../../../../components/generic/Tabs/Tabs';
+import { EventKey } from './Tabs';
 interface TabContextProps {
     activeKey: EventKey;
     lastIndex: number;

package/dist/src/components/generic/Tabs/TabLink.js

@@ -29,11 +29,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabLink = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const TabContext_1 = __importDefault(require("../../../../components/generic/Tabs/TabContext"));
+const TabContext_1 = __importDefault(require("./TabContext"));
 const react_router_dom_1 = require("react-router-dom");
 const react_1 = require("react");
-const Text_1 = __importDefault(require("../../../../components/generic/Text"));
-const Color_1 = require("../../../../util/Color");
+const Text_1 = __importDefault(require("../Text"));
+const Color_1 = require("../../../util/Color");
 const TabLink = (props) => {
     const tabContext = (0, react_1.useContext)(TabContext_1.default);
     const { title, navPath, disabled, index } = props;

package/dist/src/components/generic/Tabs/TabRouteContainer.js

@@ -31,8 +31,8 @@ const web_1 = require("@react-spring/web");
 const React = __importStar(require("react"));
 const react_1 = require("react");
 const react_router_1 = require("react-router");
-const ElementChildren_1 = require("../../../../components/generic/Tabs/ElementChildren");
-const TabContext_1 = __importDefault(require("../../../../components/generic/Tabs/TabContext"));
+const ElementChildren_1 = require("./ElementChildren");
+const TabContext_1 = __importDefault(require("./TabContext"));
 function TabRouteContainer({ children }) {
     const tabContext = (0, react_1.useContext)(TabContext_1.default);
     const transitions = (0, web_1.useTransition)(tabContext.activeKey, {

package/dist/src/components/generic/Tabs/Tabs.js

@@ -29,11 +29,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const uncontrollable_1 = require("uncontrollable");
 const react_1 = require("swiper/react");
-const LineBreak_1 = __importDefault(require("../../../../components/generic/LineBreak"));
-const ElementChildren_1 = require("../../../../components/generic/Tabs/ElementChildren");
-const TabContext_1 = require("../../../../components/generic/Tabs/TabContext");
-const TabLink_1 = require("../../../../components/generic/Tabs/TabLink");
-const TabRouteContainer_1 = require("../../../../components/generic/Tabs/TabRouteContainer");
+const LineBreak_1 = __importDefault(require("../LineBreak"));
+const ElementChildren_1 = require("./ElementChildren");
+const TabContext_1 = require("./TabContext");
+const TabLink_1 = require("./TabLink");
+const TabRouteContainer_1 = require("./TabRouteContainer");
 const tabs_module_scss_1 = __importDefault(require("./tabs.module.scss"));
 const getDefaultActiveKey = (children) => {
     let defaultActiveKey;

package/dist/src/components/generic/Text.d.ts

@@ -1,5 +1,5 @@
-import { Color } from '../../../util/Color';
-import { TextAlign } from '../../../util/TextAlignment';
+import { Color } from '../../util/Color';
+import { TextAlign } from '../../util/TextAlignment';
 import * as React from 'react';
 import { PropsWithChildren } from 'react';
 export declare enum TextType {

package/dist/src/components/generic/TextBox.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { IconType } from '../../../components/generic/Icon/Icon';
+import { IconType } from './Icon/Icon';
 export interface TextBoxProps {
     icon?: IconType;
     placeholder?: string;

package/dist/src/components/generic/TextBox.js

@@ -28,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const Icon_1 = __importDefault(require("../../../components/generic/Icon/Icon"));
+const Icon_1 = __importDefault(require("./Icon/Icon"));
 const classnames_1 = __importDefault(require("classnames"));
 const TextBox = (props, ref) => {
     const [selected, setSelected] = (0, react_1.useState)(false);

package/dist/src/components/generic/Tooltip/Tooltip.js

@@ -28,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const Overlay_1 = require("../../../../components/generic/Overlay/Overlay");
+const Overlay_1 = require("../Overlay/Overlay");
 const Tooltip_module_scss_1 = __importDefault(require("./Tooltip.module.scss"));
 function Tooltip(props) {
     var _a;

package/dist/src/components/generic/badging/SSLSecureBadge.js

@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const RoomstayThemeEngine_1 = __importDefault(require("../../../../providers/RoomstayThemeEngine"));
-const Tooltip_1 = __importDefault(require("../../../../components/generic/Tooltip/Tooltip"));
+const RoomstayThemeEngine_1 = __importDefault(require("../../../providers/RoomstayThemeEngine"));
+const Tooltip_1 = __importDefault(require("../Tooltip/Tooltip"));
 function SSLSecureBadge() {
     return (React.createElement(Tooltip_1.default, { title: "Shop without worries! This site is protected by high level encryption, to ensure every purchase is always safe & secure" },
         React.createElement("img", { src: RoomstayThemeEngine_1.default.getAssetUrl() + 'assets/img/ssl-secure-connection.png' })));

package/dist/src/components/generic/buttons/NextStepButton.d.ts

@@ -1,4 +1,4 @@
-import Step from '../../../../pages/steps/Step';
+import Step from '../../../pages/steps/Step';
 export interface NextStepButtonProps {
     text: string;
     history: any;

package/dist/src/components/generic/buttons/NextStepButton.js

@@ -37,11 +37,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const BEButton_1 = __importDefault(require("../../../../components/generic/BEButton"));
-const Icon_1 = require("../../../../components/generic/Icon/Icon");
-const ScreenSize_1 = __importDefault(require("../../../../util/ScreenSize"));
-const StepManager_1 = __importDefault(require("../../../../util/StepManager"));
-const contexts_1 = require("../../../../contexts/index.js");
+const BEButton_1 = __importDefault(require("../BEButton"));
+const Icon_1 = require("../Icon/Icon");
+const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
+const StepManager_1 = __importDefault(require("../../../util/StepManager"));
+const contexts_1 = require("../../../contexts/index.js");
 function NextStepButton(props) {
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
     const buttonClickHandler = () => __awaiter(this, void 0, void 0, function* () {

package/dist/src/components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField.js

@@ -30,11 +30,11 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
-const CountryCodesAndNumbers_1 = require("../../../../../models/CountryCodesAndNumbers");
+const CountryCodesAndNumbers_1 = require("../../../../models/CountryCodesAndNumbers");
 const Translation_1 = require("translations/Translation");
-const Icon_1 = __importStar(require("../../../../../components/generic/Icon/Icon"));
+const Icon_1 = __importStar(require("../../Icon/Icon"));
 require("./EnhancedPhoneNumberField.global.scss");
-const AutoFocusOnSelect_1 = require("../../../../../hooks/AutoFocusOnSelect");
+const AutoFocusOnSelect_1 = require("../../../../hooks/AutoFocusOnSelect");
 const Select_1 = require("../../Select/Select");
 const PHONE_AND_PREFIX_SPLIT = ' ';
 const EnhancedPhoneNumberField = (props, ref) => {

package/dist/src/components/generic/date/DatePicker.js

@@ -36,22 +36,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const Color_1 = require("../../../../util/Color");
-const Icon_1 = __importStar(require("../../../../components/generic/Icon/Icon"));
+const Color_1 = require("../../../util/Color");
+const Icon_1 = __importStar(require("../Icon/Icon"));
 const react_1 = require("react");
 const classnames_1 = __importDefault(require("classnames"));
 const dayjs_1 = __importDefault(require("dayjs"));
-const contexts_1 = require("../../../../contexts/index.js");
-const DatePickerMonth_1 = __importDefault(require("../../../../components/generic/date/DatePickerMonth"));
-const BookingAPI_1 = __importDefault(require("../../../../api/BookingAPI"));
-const contexts_2 = require("../../../../contexts/index.js");
-const DataLayer_1 = __importStar(require("../../../../util/DataLayer"));
-const MinimumNightStayPill_1 = __importDefault(require("../../../../components/steps/MinimumNightStayPill"));
-const DaysSelectedInformer_1 = __importDefault(require("../../../../components/steps/DaysSelectedInformer"));
-const hooks_1 = require("../../../../hooks/index.js");
-const DatePickerTypeFeature_1 = __importDefault(require("../../../../providers/feature/DatePickerTypeFeature"));
+const contexts_1 = require("../../../contexts/index.js");
+const DatePickerMonth_1 = __importDefault(require("./DatePickerMonth"));
+const BookingAPI_1 = __importDefault(require("../../../api/BookingAPI"));
+const contexts_2 = require("../../../contexts/index.js");
+const DataLayer_1 = __importStar(require("../../../util/DataLayer"));
+const MinimumNightStayPill_1 = __importDefault(require("../../steps/MinimumNightStayPill"));
+const DaysSelectedInformer_1 = __importDefault(require("../../steps/DaysSelectedInformer"));
+const hooks_1 = require("../../../hooks/index.js");
+const DatePickerTypeFeature_1 = __importDefault(require("../../../providers/feature/DatePickerTypeFeature"));
 const WeekViewSkeleton_1 = __importDefault(require("./WeekViewSkeleton"));
-const DatePickerWeek = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../../../../components/generic/date/DatePickerWeek'))));
+const DatePickerWeek = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./DatePickerWeek'))));
 var DateRangePickingState;
 (function (DateRangePickingState) {
     DateRangePickingState[DateRangePickingState["StartDate"] = 1] = "StartDate";

package/dist/src/components/generic/date/DatePickerDay.js

@@ -28,16 +28,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatePickerDayStatus = void 0;
 const React = __importStar(require("react"));
-const Text_1 = __importStar(require("../../../../components/generic/Text"));
+const Text_1 = __importStar(require("../Text"));
 const react_1 = require("react");
-const Currency_1 = __importDefault(require("../../../../components/generic/Currency"));
-const BookingAPI_1 = __importDefault(require("../../../../api/BookingAPI"));
-const Icon_1 = __importStar(require("../../../../components/generic/Icon/Icon"));
-const Color_1 = require("../../../../util/Color");
-const contexts_1 = require("../../../../contexts/index.js");
-const AvailabilityAPI_1 = __importDefault(require("../../../../api/AvailabilityAPI"));
+const Currency_1 = __importDefault(require("../Currency"));
+const BookingAPI_1 = __importDefault(require("../../../api/BookingAPI"));
+const Icon_1 = __importStar(require("../Icon/Icon"));
+const Color_1 = require("../../../util/Color");
+const contexts_1 = require("../../../contexts/index.js");
+const AvailabilityAPI_1 = __importDefault(require("../../../api/AvailabilityAPI"));
 const classnames_1 = __importDefault(require("classnames"));
-const hooks_1 = require("../../../../hooks/index.js");
+const hooks_1 = require("../../../hooks/index.js");
 var DatePickerDayStatus;
 (function (DatePickerDayStatus) {
     DatePickerDayStatus[DatePickerDayStatus["Inactive"] = 0] = "Inactive";

package/dist/src/components/generic/date/DatePickerDays.js

@@ -28,10 +28,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const CalendarHelper_1 = __importDefault(require("../../../../util/CalendarHelper"));
-const DatePickerDay_1 = __importDefault(require("../../../../components/generic/date/DatePickerDay"));
-const hooks_1 = require("../../../../hooks/index.js");
-const WeekdayStartsOn_types_1 = require("../../../../models/Client/Hotel/WeekdayStartsOn.types");
+const CalendarHelper_1 = __importDefault(require("../../../util/CalendarHelper"));
+const DatePickerDay_1 = __importDefault(require("./DatePickerDay"));
+const hooks_1 = require("../../../hooks/index.js");
+const WeekdayStartsOn_types_1 = require("../../../models/Client/Hotel/WeekdayStartsOn.types");
 function DatePickerDays(props) {
     var _a;
     const { showingMonth } = props;

package/dist/src/components/generic/date/DatePickerMonth.js

@@ -28,12 +28,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const CalendarHelper_1 = require("../../../../util/CalendarHelper");
-const DatePickerDay_1 = __importDefault(require("../../../../components/generic/date/DatePickerDay"));
-const DatePickerDays_1 = __importDefault(require("../../../../components/generic/date/DatePickerDays"));
-const Text_1 = __importStar(require("../../../../components/generic/Text"));
-const hooks_1 = require("../../../../hooks/index.js");
-const WeekdayStartsOn_types_1 = require("../../../../models/Client/Hotel/WeekdayStartsOn.types");
+const CalendarHelper_1 = require("../../../util/CalendarHelper");
+const DatePickerDay_1 = __importDefault(require("./DatePickerDay"));
+const DatePickerDays_1 = __importDefault(require("./DatePickerDays"));
+const Text_1 = __importStar(require("../Text"));
+const hooks_1 = require("../../../hooks/index.js");
+const WeekdayStartsOn_types_1 = require("../../../models/Client/Hotel/WeekdayStartsOn.types");
 function DatePickerMonth(props) {
     const { showingMonth } = props;
     const { hotel } = (0, hooks_1.useCurrentHotel)();

package/dist/src/components/generic/date/DatePickerWeek.js

@@ -37,19 +37,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const CalendarHelper_1 = __importDefault(require("../../../../util/CalendarHelper"));
-const DatePickerDay_1 = __importDefault(require("../../../../components/generic/date/DatePickerDay"));
+const CalendarHelper_1 = __importDefault(require("../../../util/CalendarHelper"));
+const DatePickerDay_1 = __importDefault(require("./DatePickerDay"));
 const web_1 = require("@react-spring/web");
 const react_use_measure_1 = __importDefault(require("react-use-measure"));
 const react_use_gesture_1 = require("react-use-gesture");
 const dayjs_1 = __importDefault(require("dayjs"));
-const Icon_1 = __importStar(require("../../../../components/generic/Icon/Icon"));
-const Color_1 = require("../../../../util/Color");
-const ScreenSize_1 = __importDefault(require("../../../../util/ScreenSize"));
-const DataLayer_1 = __importStar(require("../../../../util/DataLayer"));
-const Text_1 = require("../../../../components/generic/Text");
-const TextAlignment_1 = require("../../../../util/TextAlignment");
-const contexts_1 = require("../../../../contexts/index.js");
+const Icon_1 = __importStar(require("../Icon/Icon"));
+const Color_1 = require("../../../util/Color");
+const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
+const DataLayer_1 = __importStar(require("../../../util/DataLayer"));
+const Text_1 = require("../Text");
+const TextAlignment_1 = require("../../../util/TextAlignment");
+const contexts_1 = require("../../../contexts/index.js");
 function DatePickerWeek() {
     var _a, _b;
     const dpContext = (0, react_1.useContext)(contexts_1.DatePickerContext);

package/dist/src/components/generic/date/FloatingDatePicker.js

@@ -28,9 +28,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const DatePicker_1 = __importDefault(require("../../../../components/generic/date/DatePicker"));
-const DataLayer_1 = __importStar(require("../../../../util/DataLayer"));
-const Overlay_1 = require("../../../../components/generic/Overlay/Overlay");
+const DatePicker_1 = __importDefault(require("./DatePicker"));
+const DataLayer_1 = __importStar(require("../../../util/DataLayer"));
+const Overlay_1 = require("../Overlay/Overlay");
 function FloatingDatePicker(props) {
     var _a;
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);

package/dist/src/components/generic/date/WeekViewSkeleton.js

@@ -28,9 +28,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const Placeholder_1 = __importDefault(require("../../../../components/generic/Placeholder"));
-const contexts_1 = require("../../../../contexts/index.js");
-const ScreenSize_1 = __importDefault(require("../../../../util/ScreenSize"));
+const Placeholder_1 = __importDefault(require("../Placeholder"));
+const contexts_1 = require("../../../contexts/index.js");
+const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 const classnames_1 = __importDefault(require("classnames"));
 function randomIntFromInterval(min, max) {
     return Math.floor(Math.random() * (max - min + 1) + min);

package/dist/src/components/generic/loader/ImageLoader.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ImageSize } from '../../../../providers/ImageProvider';
+import { ImageSize } from '../../../providers/ImageProvider';
 interface ImageLoaderProps {
     src: string;
     visible?: boolean;

package/dist/src/components/generic/loader/ImageLoader.js

@@ -28,8 +28,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const ImageProvider_1 = __importStar(require("../../../../providers/ImageProvider"));
-const SmallSpinner_1 = __importDefault(require("../../../../components/generic/loader/SmallSpinner"));
+const ImageProvider_1 = __importStar(require("../../../providers/ImageProvider"));
+const SmallSpinner_1 = __importDefault(require("./SmallSpinner"));
 function ImageLoader(props) {
     const [imageLoading, setImageLoading] = (0, react_1.useState)(false);
     const [imageSource, setImageSource] = (0, react_1.useState)('');

package/dist/src/components/generic/loader/LargeLoader.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
 const web_1 = require("@react-spring/web");
-const Text_1 = __importDefault(require("../../../../components/generic/Text"));
+const Text_1 = __importDefault(require("../Text"));
 const paths = [
     'M21 16V14L13 9V3.5C13 2.67 12.33 2 11.5 2C10.67 2 10 2.67 10 3.5V9L2 14V16L10 13.5V19L8 20.5V22L11.5 21L15 22V20.5L13 19V13.5L21 16Z',
     'M20.57 14.86L22 13.43L20.57 12L17 15.57L8.43 7L12 3.43L10.57 2L9.14 3.43L7.71 2L5.57 4.14L4.14 2.71L2.71 4.14L4.14 5.57L2 7.71L3.43 9.14L2 10.57L3.43 12L7 8.43L15.57 17L12 20.57L13.43 22L14.86 20.57L16.29 22L18.43 19.86L19.86 21.29L21.29 19.86L19.86 18.43L22 16.29L20.57 14.86Z',

package/dist/src/components/generic/loader/SmallSpinner.d.ts

@@ -1,2 +1,2 @@
-import { IconProps } from '../../../../components/generic/Icon/Icon';
+import { IconProps } from '../Icon/Icon';
 export default function SmallSpinner(props: Partial<IconProps>): JSX.Element;

package/dist/src/components/generic/loader/SmallSpinner.js

@@ -24,8 +24,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const Icon_1 = __importStar(require("../../../../components/generic/Icon/Icon"));
-const Color_1 = require("../../../../util/Color");
+const Icon_1 = __importStar(require("../Icon/Icon"));
+const Color_1 = require("../../../util/Color");
 function SmallSpinner(props) {
     return (React.createElement("div", { className: "u-inline-flex a-spin" },
         React.createElement(Icon_1.default, Object.assign({ color: Color_1.Color.Accent, icon: Icon_1.IconType.Spinner }, props))));

package/dist/src/components/generic/map/HotelLocationMap.js

@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const BEMapWidget_1 = __importDefault(require("../../../../components/summary/BEMapWidget"));
-const hooks_1 = require("../../../../hooks/index.js");
+const BEMapWidget_1 = __importDefault(require("../../summary/BEMapWidget"));
+const hooks_1 = require("../../../hooks/index.js");
 function HotelLocationMap() {
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     if (!hotel)

package/dist/src/components/generic/modal/ConfirmationModal.js

@@ -27,9 +27,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const SimpleModal_1 = __importStar(require("../../../../components/generic/modal/SimpleModal"));
-const BEButton_1 = __importDefault(require("../../../../components/generic/BEButton"));
-const Text_1 = __importDefault(require("../../../../components/generic/Text"));
+const SimpleModal_1 = __importStar(require("./SimpleModal"));
+const BEButton_1 = __importDefault(require("../BEButton"));
+const Text_1 = __importDefault(require("../Text"));
 function ConfirmationModal(props) {
     const cancelOnClickHandler = () => {
         if (props.onClose) {

package/dist/src/components/generic/modal/ErrorModal.js

@@ -27,9 +27,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const SimpleModal_1 = __importStar(require("../../../../components/generic/modal/SimpleModal"));
-const BEButton_1 = __importDefault(require("../../../../components/generic/BEButton"));
-const Icon_1 = require("../../../../components/generic/Icon/Icon");
+const SimpleModal_1 = __importStar(require("./SimpleModal"));
+const BEButton_1 = __importDefault(require("../BEButton"));
+const Icon_1 = require("../Icon/Icon");
 function ErrorModal(props) {
     var _a;
     return (React.createElement(SimpleModal_1.default, { open: props.open, onClose: props.onClose, size: SimpleModal_1.SimpleModalSize.Small, title: (_a = props.title) !== null && _a !== void 0 ? _a : 'Unexpected error occured', alignCenter: true },

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

@@ -29,16 +29,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AuthenticatedUserModal = void 0;
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const Overlay_1 = require("../../../../../components/generic/Overlay/Overlay");
-const contexts_1 = require("../../../../../contexts/index.js");
-const ScreenSize_1 = __importDefault(require("../../../../../util/ScreenSize"));
-const Icon_1 = __importStar(require("../../../../../components/generic/Icon/Icon"));
-const Color_1 = require("../../../../../util/Color");
-const Text_1 = __importDefault(require("../../../../../components/generic/Text"));
+const Overlay_1 = require("../../Overlay/Overlay");
+const contexts_1 = require("../../../../contexts/index.js");
+const ScreenSize_1 = __importDefault(require("../../../../util/ScreenSize"));
+const Icon_1 = __importStar(require("../../Icon/Icon"));
+const Color_1 = require("../../../../util/Color");
+const Text_1 = __importDefault(require("../../Text"));
 const react_router_dom_1 = require("react-router-dom");
-const LineBreak_1 = __importDefault(require("../../../../../components/generic/LineBreak"));
+const LineBreak_1 = __importDefault(require("../../LineBreak"));
 const AuthenticatedUserModal_module_scss_1 = __importDefault(require("./AuthenticatedUserModal.module.scss"));
-const AccountRoutes_1 = require("../../../../../pages/account/AccountRoutes");
+const AccountRoutes_1 = require("../../../../pages/account/AccountRoutes");
 const AuthenticatedUserModal = (props) => {
     const { open, anchorEl, containerEl } = props;
     const { logout } = (0, react_1.useContext)(contexts_1.AuthenticationContext);

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

@@ -29,18 +29,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.UnauthenticatedUserModal = exports.EViewingScreen = void 0;
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const Overlay_1 = require("../../../../../components/generic/Overlay/Overlay");
-const Fade_1 = __importDefault(require("animations/Fade"));
-const SignInForm_1 = require("../../../../../components/User/Forms/SignInForm");
-const contexts_1 = require("../../../../../contexts/index.js");
-const ScreenSize_1 = __importDefault(require("../../../../../util/ScreenSize"));
-const AutoAutoHeight_1 = __importDefault(require("animations/AutoAutoHeight"));
-const SignUpForm_1 = require("../../../../../components/User/Forms/SignUpForm");
-const ForgotPasswordForm_1 = require("../../../../../components/User/Forms/ForgotPasswordForm");
-const LineBreak_1 = __importDefault(require("../../../../../components/generic/LineBreak"));
-const BEButton_1 = __importDefault(require("../../../../../components/generic/BEButton"));
-const Color_1 = require("../../../../../util/Color");
-const Text_1 = __importStar(require("../../../../../components/generic/Text"));
+const Overlay_1 = require("../../Overlay/Overlay");
+const Fade_1 = __importDefault(require("../../../../animations/Fade"));
+const SignInForm_1 = require("../../../User/Forms/SignInForm");
+const contexts_1 = require("../../../../contexts/index.js");
+const ScreenSize_1 = __importDefault(require("../../../../util/ScreenSize"));
+const AutoAutoHeight_1 = __importDefault(require("../../../../animations/AutoAutoHeight"));
+const SignUpForm_1 = require("../../../User/Forms/SignUpForm");
+const ForgotPasswordForm_1 = require("../../../User/Forms/ForgotPasswordForm");
+const LineBreak_1 = __importDefault(require("../../LineBreak"));
+const BEButton_1 = __importDefault(require("../../BEButton"));
+const Color_1 = require("../../../../util/Color");
+const Text_1 = __importStar(require("../../Text"));
 var EViewingScreen;
 (function (EViewingScreen) {
     EViewingScreen["Default"] = "Default";

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

@@ -1 +1 @@
-{"version":3,"file":"UnauthenticatedUserModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/UnauthenticatedUserModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useEffect, useContext, useState, useRef } from 'react';\n\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\nimport FadeAnimation from 'animations/Fade';\nimport { SignInForm } from '@/components/User/Forms/SignInForm';\nimport { AuthenticationContext, BookingEngineContext } from '@frontend/contexts';\nimport ScreenSize from '@/util/ScreenSize';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport { SignUpForm } from '@/components/User/Forms/SignUpForm';\nimport { ForgotPasswordForm } from '@/components/User/Forms/ForgotPasswordForm';\nimport LineBreak from '@/components/generic/LineBreak';\nimport BEButton from '@/components/generic/BEButton';\nimport { Color } from '@/util/Color';\nimport Text, { TextType } from '@/components/generic/Text';\n\n// TODO: Move file to not be in a generic location\n\ninterface UnauthenticatedUserModalProps {\n    open: boolean;\n    anchorEl?: HTMLElement;\n    containerEl?: HTMLElement;\n    onClose?: () => 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, onClose } = props;\n    const { reset: cognitoReset } = useContext(AuthenticationContext);\n\n    const [viewingScreen, setViewingScreen] = useState<EViewingScreen>(EViewingScreen.SignIn);\n\n    const nextViewingScreen = useRef<EViewingScreen>();\n\n    const { screenSize } = useContext(BookingEngineContext);\n    const shouldBreakpoint = screenSize <= ScreenSize.Large;\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 signInFormContent = (\n        <>\n            <SignInForm onForgotPassword={showForgotPassword} />\n            <LineBreak />\n            <div className=\"u-marg-bottom--light\">\n                <BEButton isText={true} wide={true} size={'small'} textColor={Color.Navy} onClick={showSignUpFormContent}>\n                    Don't have an account?\n                </BEButton>\n            </div>\n            <BEButton onClick={showSignUpFormContent} wide={true} primary={true}>\n                Sign Up, It's Free\n            </BEButton>\n        </>\n    );\n\n    const signUpFormContent = (\n        <>\n            <SignUpForm onSignedIn={showSignInFormContent} />\n            <LineBreak />\n            <div className=\"u-marg-bottom--light\">\n                <Text type={TextType.Label} bold={true}>\n                    Already have an account?\n                </Text>\n            </div>\n            <Text type={TextType.Small}>\n                <BEButton isText={true} size={'small'} primary={true} onClick={showSignInFormContent}>\n                    Sign in\n                </BEButton>{' '}\n                to log in with your account.\n            </Text>\n        </>\n    );\n\n    const forgotPasswordContent = (\n        <>\n            <ForgotPasswordForm onCancelled={showSignInFormContent} />\n        </>\n    );\n\n    return (\n        <Overlay\n            usePortal={true}\n            followElement={shouldBreakpoint ? null : anchorEl}\n            placement=\"auto-end\"\n            container={containerEl}\n            open={open}\n            onClose={onClose}\n            strategy=\"fixed\"\n            className=\"c-login-overlay\"\n        >\n            <div className={'u-w-100 u-pad--heavy@m u-pad@m-'}>\n                <AutoAutoHeight open={true} startOpen={true}>\n                    {[\n                        [EViewingScreen.SignIn, signInFormContent],\n                        [EViewingScreen.SignUp, signUpFormContent],\n                        [EViewingScreen.ForgotPassword, forgotPasswordContent],\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        </Overlay>\n    );\n};\n"]}
+{"version":3,"file":"UnauthenticatedUserModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/UnauthenticatedUserModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useEffect, useContext, useState, useRef } from 'react';\n\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\nimport FadeAnimation from '@/animations/Fade';\nimport { SignInForm } from '@/components/User/Forms/SignInForm';\nimport { AuthenticationContext, BookingEngineContext } from '@frontend/contexts';\nimport ScreenSize from '@/util/ScreenSize';\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport { SignUpForm } from '@/components/User/Forms/SignUpForm';\nimport { ForgotPasswordForm } from '@/components/User/Forms/ForgotPasswordForm';\nimport LineBreak from '@/components/generic/LineBreak';\nimport BEButton from '@/components/generic/BEButton';\nimport { Color } from '@/util/Color';\nimport Text, { TextType } from '@/components/generic/Text';\n\n// TODO: Move file to not be in a generic location\n\ninterface UnauthenticatedUserModalProps {\n    open: boolean;\n    anchorEl?: HTMLElement;\n    containerEl?: HTMLElement;\n    onClose?: () => 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, onClose } = props;\n    const { reset: cognitoReset } = useContext(AuthenticationContext);\n\n    const [viewingScreen, setViewingScreen] = useState<EViewingScreen>(EViewingScreen.SignIn);\n\n    const nextViewingScreen = useRef<EViewingScreen>();\n\n    const { screenSize } = useContext(BookingEngineContext);\n    const shouldBreakpoint = screenSize <= ScreenSize.Large;\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 signInFormContent = (\n        <>\n            <SignInForm onForgotPassword={showForgotPassword} />\n            <LineBreak />\n            <div className=\"u-marg-bottom--light\">\n                <BEButton isText={true} wide={true} size={'small'} textColor={Color.Navy} onClick={showSignUpFormContent}>\n                    Don't have an account?\n                </BEButton>\n            </div>\n            <BEButton onClick={showSignUpFormContent} wide={true} primary={true}>\n                Sign Up, It's Free\n            </BEButton>\n        </>\n    );\n\n    const signUpFormContent = (\n        <>\n            <SignUpForm onSignedIn={showSignInFormContent} />\n            <LineBreak />\n            <div className=\"u-marg-bottom--light\">\n                <Text type={TextType.Label} bold={true}>\n                    Already have an account?\n                </Text>\n            </div>\n            <Text type={TextType.Small}>\n                <BEButton isText={true} size={'small'} primary={true} onClick={showSignInFormContent}>\n                    Sign in\n                </BEButton>{' '}\n                to log in with your account.\n            </Text>\n        </>\n    );\n\n    const forgotPasswordContent = (\n        <>\n            <ForgotPasswordForm onCancelled={showSignInFormContent} />\n        </>\n    );\n\n    return (\n        <Overlay\n            usePortal={true}\n            followElement={shouldBreakpoint ? null : anchorEl}\n            placement=\"auto-end\"\n            container={containerEl}\n            open={open}\n            onClose={onClose}\n            strategy=\"fixed\"\n            className=\"c-login-overlay\"\n        >\n            <div className={'u-w-100 u-pad--heavy@m u-pad@m-'}>\n                <AutoAutoHeight open={true} startOpen={true}>\n                    {[\n                        [EViewingScreen.SignIn, signInFormContent],\n                        [EViewingScreen.SignUp, signUpFormContent],\n                        [EViewingScreen.ForgotPassword, forgotPasswordContent],\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        </Overlay>\n    );\n};\n"]}

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

@@ -28,17 +28,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SimpleModalSize = void 0;
 const React = __importStar(require("react"));
-const Text_1 = __importDefault(require("../../../../components/generic/Text"));
-const Color_1 = require("../../../../util/Color");
-const Icon_1 = __importStar(require("../../../../components/generic/Icon/Icon"));
+const Text_1 = __importDefault(require("../Text"));
+const Color_1 = require("../../../util/Color");
+const Icon_1 = __importStar(require("../Icon/Icon"));
 const react_1 = 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 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("../../../../components/generic/Portal/Portal");
-const hooks_1 = require("../../../../hooks/index.js");
+const Portal_1 = require("../Portal/Portal");
+const hooks_1 = require("../../../hooks/index.js");
 var SimpleModalSize;
 (function (SimpleModalSize) {
     SimpleModalSize["ExtraSmall"] = "--extra-small";