npm - @roomstay/frontend - Versions diffs - 2.1.2 → 2.1.4 - Mend

@roomstay/frontend 2.1.2 → 2.1.4

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 (555) hide show

package/dist/src/components/generic/DateRangePicker/DateRangePickerMonth.js CHANGED Viewed

@@ -28,15 +28,15 @@ 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 DateRangePickerDay_1 = __importDefault(require("../../../../components/generic/DateRangePicker/DateRangePickerDay"));
-const DateRangePickerDays_1 = __importDefault(require("../../../../components/generic/DateRangePicker/DateRangePickerDays"));
-const Text_1 = __importStar(require("../../../../components/generic/Text"));
-const WeekdayStartsOn_types_1 = require("../../../../models/Client/Hotel/WeekdayStartsOn.types");
+const CalendarHelper_1 = require("../../../util/CalendarHelper");
+const DateRangePickerDay_1 = __importDefault(require("./DateRangePickerDay"));
+const DateRangePickerDays_1 = __importDefault(require("./DateRangePickerDays"));
+const Text_1 = __importStar(require("../Text"));
+const WeekdayStartsOn_types_1 = require("../../../models/Client/Hotel/WeekdayStartsOn.types");
 const DateRangePicker_module_scss_1 = __importDefault(require("./DateRangePicker.module.scss"));
 const classnames_1 = __importDefault(require("classnames"));
-const Color_1 = require("../../../../util/Color");
-const DateRangePickerContext_1 = require("../../../../components/generic/DateRangePicker/DateRangePickerContext");
+const Color_1 = require("../../../util/Color");
+const DateRangePickerContext_1 = require("./DateRangePickerContext");
 const BookingWizard_1 = require("../BookingWizard/BookingWizard");
 function DateRangePickerMonth(props) {
     const { showingMonth } = props;

package/dist/src/components/generic/DateRangePicker/FloatingDateRangePicker.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DatePickerProps } from '../../../../components/generic/DateRangePicker/DateRangePicker';
+import { DatePickerProps } from './DateRangePicker';
 import * as dayjs from 'dayjs';
 import { Placement } from '@popperjs/core';
 export interface FloatingDateRangePickerProps extends Omit<DatePickerProps, 'selectedStartDate' | 'selectedEndDate' | 'onStartDateChanged' | 'onEndDateChanged'> {

package/dist/src/components/generic/DateRangePicker/FloatingDateRangePicker.js CHANGED Viewed

@@ -39,8 +39,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 DateRangePicker_1 = __importDefault(require("../../../../components/generic/DateRangePicker/DateRangePicker"));
-const Overlay_1 = require("../../../../components/generic/Overlay/Overlay");
+const DateRangePicker_1 = __importDefault(require("./DateRangePicker"));
+const Overlay_1 = require("../Overlay/Overlay");
 const DateRangePicker_module_scss_1 = __importDefault(require("./DateRangePicker.module.scss"));
 const classnames_1 = __importDefault(require("classnames"));
 const BookingWizard_1 = require("../BookingWizard/BookingWizard");

package/dist/src/components/generic/Distance.js CHANGED Viewed

@@ -28,8 +28,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const React = __importStar(require("react"));
-const DistanceProvider_1 = __importDefault(require("../../../providers/DistanceProvider"));
-const contexts_1 = require("../../../contexts/index.js");
+const DistanceProvider_1 = __importDefault(require("../../providers/DistanceProvider"));
+const contexts_1 = require("../../contexts/index.js");
 function Distance({ distance }) {
     const { distanceUnitType } = React.useContext(contexts_1.HotelOverridesContext);
     const distanceString = (() => {

package/dist/src/components/generic/Headline.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { TextAlign } from '../../../util/TextAlignment';
-import { Color } from '../../../util/Color';
+import { TextAlign } from '../../util/TextAlignment';
+import { Color } from '../../util/Color';
 import * as React from 'react';
 import { PropsWithChildren } from 'react';
 export interface HeadlineProps extends PropsWithChildren<any> {

package/dist/src/components/generic/Icon/Icon.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Color } from '../../../../util/Color';
+import { Color } from '../../../util/Color';
 export declare enum IconType {
     Email = "Email",
     Degrees = "Degrees",

package/dist/src/components/generic/Icon/Icon.js CHANGED Viewed

@@ -27,7 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconDropdownFilled = exports.IconDropdown = exports.IconType = void 0;
-const Color_1 = require("../../../../util/Color");
+const Color_1 = require("../../../util/Color");
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const Icon_module_scss_1 = __importDefault(require("./Icon.module.scss"));

package/dist/src/components/generic/IconText/IconText.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { FC, PropsWithChildren } from 'react';
-import { IconProps } from '../../../../components/generic/Icon/Icon';
-import { TextProps } from '../../../../components/generic/Text';
+import { IconProps } from '../Icon/Icon';
+import { TextProps } from '../Text';
 interface IconTextProps extends PropsWithChildren<any> {
     IconProps?: Omit<IconProps, 'icon'>;
     TextProps?: Omit<TextProps, 'children'>;

package/dist/src/components/generic/IconText/IconText.js CHANGED Viewed

@@ -27,11 +27,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const Icon_1 = __importDefault(require("../../../../components/generic/Icon/Icon"));
-const Text_1 = __importStar(require("../../../../components/generic/Text"));
+const Icon_1 = __importDefault(require("../Icon/Icon"));
+const Text_1 = __importStar(require("../Text"));
 const IconText_module_scss_1 = __importDefault(require("./IconText.module.scss"));
 const classnames_1 = __importDefault(require("classnames"));
-const Color_1 = require("../../../../util/Color");
+const Color_1 = require("../../../util/Color");
 const defaultTextProps = {
     type: Text_1.TextType.Small,
 };

package/dist/src/components/generic/InputGroup/InputGroup.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { InputGroupDimensions } from '../../../../components/generic/InputGroup/InputGroup.types';
+import { InputGroupDimensions } from './InputGroup.types';
 export interface InputGroupProps {
     children: ReactNode | ReactNode[];
     dimensions?: InputGroupDimensions;

package/dist/src/components/generic/Notification.d.ts CHANGED Viewed

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

package/dist/src/components/generic/Notification.js CHANGED Viewed

@@ -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");
 const web_1 = require("@react-spring/web");
 const react_1 = require("react");
 function Notification(props) {

package/dist/src/components/generic/NumberIncrement.d.ts CHANGED Viewed

@@ -1,7 +1,9 @@
+import { TextType } from './Text';
 export interface NumberIncrementProps {
     number?: number;
     onChange?: (value: number) => void;
     min?: number;
     max?: number;
+    textSize?: TextType;
 }
 export default function NumberIncrement(props: NumberIncrementProps): JSX.Element;

package/dist/src/components/generic/NumberIncrement.js CHANGED Viewed

@@ -27,10 +27,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const Text_1 = __importDefault(require("../../../components/generic/Text"));
-const Icon_1 = __importStar(require("../../../components/generic/Icon/Icon"));
-const Tooltip_1 = __importDefault(require("../../../components/generic/Tooltip/Tooltip"));
+const Text_1 = __importStar(require("./Text"));
+const Icon_1 = __importStar(require("./Icon/Icon"));
+const Tooltip_1 = __importDefault(require("./Tooltip/Tooltip"));
 function NumberIncrement(props) {
+    const { textSize = Text_1.TextType.Body } = props;
     const currentNumber = props.number ? props.number : 0;
     const setNumber = (newNumber) => {
         if (props.onChange) {
@@ -62,7 +63,7 @@ function NumberIncrement(props) {
             React.createElement("div", { className: 'number-increment--button' + (currentNumber <= (props.min || 0) ? ' disabled' : ''), onClick: decrementCurrentNumber },
                 React.createElement(Icon_1.default, { icon: Icon_1.IconType.Remove, size: '24px' }))),
         React.createElement("div", { className: "number-increment--value" },
-            React.createElement(Text_1.default, null, currentNumber)),
+            React.createElement(Text_1.default, { type: textSize }, currentNumber)),
         React.createElement(Tooltip_1.default, { title: currentNumber >= (props.max || 0) ? 'Maximum reached' : 'Add' },
             React.createElement("div", { className: 'number-increment--button' + (currentNumber >= (props.max || 0) ? ' disabled' : ''), onClick: incrementCurrentNumber },
                 React.createElement(Icon_1.default, { icon: Icon_1.IconType.Add, size: '24px' })))));

package/dist/src/components/generic/NumberIncrement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NumberIncrement.js","sourceRoot":"/","sources":["src/components/generic/NumberIncrement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,~~qEAA6C~~;~~AAC7C~~,uEAAgE;AAEhE,mFAA2D;~~AAS3D~~,SAAwB,eAAe,CAAC,KAA2B;IAC/D,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAG,CAAC,SAAiB,EAAE,EAAE;QACpC,IAAI,KAAK,CAAC,QAAQ,EAAE;YAChB,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;SAC7B;IACL,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,SAAkB,EAAE,EAAE;QAC/C,IAAI,SAAS,GAAG,aAAa,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAErD,IAAI,SAAS,EAAE;YACX,IAAI,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,SAAS,IAAI,KAAK,CAAC,GAAG,EAAE;gBACzD,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC;aACzB;SACJ;aAAM;YACH,IAAI,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,SAAS,IAAI,KAAK,CAAC,GAAG,EAAE;gBACzD,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC;aACzB;SACJ;QAED,SAAS,CAAC,SAAS,CAAC,CAAC;IACzB,CAAC,CAAC;IACF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IACF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,CAAC;IACF,OAAO,CACH,6BAAK,SAAS,EAAC,kBAAkB;QAC7B,oBAAC,iBAAO,IAAC,KAAK,EAAE,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAU;YAC9E,6BAAK,SAAS,EAAE,0BAA0B,GAAG,CAAC,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,sBAAsB;gBAChI,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,GAAI,CAC3C,CACA;QACV,6BAAK,SAAS,EAAC,yBAAyB;YACpC,oBAAC,cAAI,~~QAAE~~,aAAa,CAAQ,~~CAC1B~~;QACN,oBAAC,iBAAO,IAAC,KAAK,EAAE,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK;YACzE,6BAAK,SAAS,EAAE,0BAA0B,GAAG,CAAC,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,sBAAsB;gBAChI,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,GAAI,CACxC,CACA,CACR,CACT,CAAC;AACN,CAAC;~~AA/CD~~,~~kCA+CC~~","sourcesContent":["import * as React from 'react';\nimport Text from '@/components/generic/Text';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\n\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\n\nexport interface NumberIncrementProps {\n number?: number;\n onChange?: (value: number) => void;\n min?: number;\n max?: number;\n}\n\nexport default function NumberIncrement(props: NumberIncrementProps) {\n const currentNumber = props.number ? props.number : 0;\n\n const setNumber = (newNumber: number) => {\n if (props.onChange) {\n props.onChange(newNumber);\n }\n };\n\n const updateCurrentNumber = (increment: boolean) => {\n let newNumber = currentNumber + (increment ? 1 : -1);\n\n if (increment) {\n if (typeof props.max === 'number' && newNumber >= props.max) {\n newNumber = props.max;\n }\n } else {\n if (typeof props.min === 'number' && newNumber <= props.min) {\n newNumber = props.min;\n }\n }\n\n setNumber(newNumber);\n };\n const decrementCurrentNumber = () => {\n updateCurrentNumber(false);\n };\n const incrementCurrentNumber = () => {\n updateCurrentNumber(true);\n };\n return (\n <div className=\"number-increment\">\n <Tooltip title={currentNumber <= (props.min \|\| 0) ? 'Minimum reached' : 'Decrease'}>\n <div className={'number-increment--button' + (currentNumber <= (props.min \|\| 0) ? ' disabled' : '')} onClick={decrementCurrentNumber}>\n <Icon icon={IconType.Remove} size={'24px'} />\n </div>\n </Tooltip>\n <div className=\"number-increment--value\">\n <Text>{currentNumber}</Text>\n </div>\n <Tooltip title={currentNumber >= (props.max \|\| 0) ? 'Maximum reached' : 'Add'}>\n <div className={'number-increment--button' + (currentNumber >= (props.max \|\| 0) ? ' disabled' : '')} onClick={incrementCurrentNumber}>\n <Icon icon={IconType.Add} size={'24px'} />\n </div>\n </Tooltip>\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"NumberIncrement.js","sourceRoot":"/","sources":["src/components/generic/NumberIncrement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,kEAA2D;AAC3D,uEAAgE;AAEhE,mFAA2D;AAU3D,SAAwB,eAAe,CAAC,KAA2B;IAC/D,MAAM,EAAE,QAAQ,GAAG,eAAQ,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC;IAE3C,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAG,CAAC,SAAiB,EAAE,EAAE;QACpC,IAAI,KAAK,CAAC,QAAQ,EAAE;YAChB,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;SAC7B;IACL,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,SAAkB,EAAE,EAAE;QAC/C,IAAI,SAAS,GAAG,aAAa,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAErD,IAAI,SAAS,EAAE;YACX,IAAI,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,SAAS,IAAI,KAAK,CAAC,GAAG,EAAE;gBACzD,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC;aACzB;SACJ;aAAM;YACH,IAAI,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,SAAS,IAAI,KAAK,CAAC,GAAG,EAAE;gBACzD,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC;aACzB;SACJ;QAED,SAAS,CAAC,SAAS,CAAC,CAAC;IACzB,CAAC,CAAC;IACF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IACF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,CAAC;IACF,OAAO,CACH,6BAAK,SAAS,EAAC,kBAAkB;QAC7B,oBAAC,iBAAO,IAAC,KAAK,EAAE,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAU;YAC9E,6BAAK,SAAS,EAAE,0BAA0B,GAAG,CAAC,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,sBAAsB;gBAChI,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,GAAI,CAC3C,CACA;QACV,6BAAK,SAAS,EAAC,yBAAyB;YACpC,oBAAC,cAAI,IAAC,IAAI,EAAE,QAAQ,IAAG,aAAa,CAAQ,CAC1C;QACN,oBAAC,iBAAO,IAAC,KAAK,EAAE,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK;YACzE,6BAAK,SAAS,EAAE,0BAA0B,GAAG,CAAC,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,sBAAsB;gBAChI,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,GAAI,CACxC,CACA,CACR,CACT,CAAC;AACN,CAAC;AAjDD,kCAiDC","sourcesContent":["import * as React from 'react';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\n\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\n\nexport interface NumberIncrementProps {\n number?: number;\n onChange?: (value: number) => void;\n min?: number;\n max?: number;\n textSize?: TextType;\n}\n\nexport default function NumberIncrement(props: NumberIncrementProps) {\n const { textSize = TextType.Body } = props;\n\n const currentNumber = props.number ? props.number : 0;\n\n const setNumber = (newNumber: number) => {\n if (props.onChange) {\n props.onChange(newNumber);\n }\n };\n\n const updateCurrentNumber = (increment: boolean) => {\n let newNumber = currentNumber + (increment ? 1 : -1);\n\n if (increment) {\n if (typeof props.max === 'number' && newNumber >= props.max) {\n newNumber = props.max;\n }\n } else {\n if (typeof props.min === 'number' && newNumber <= props.min) {\n newNumber = props.min;\n }\n }\n\n setNumber(newNumber);\n };\n const decrementCurrentNumber = () => {\n updateCurrentNumber(false);\n };\n const incrementCurrentNumber = () => {\n updateCurrentNumber(true);\n };\n return (\n <div className=\"number-increment\">\n <Tooltip title={currentNumber <= (props.min \|\| 0) ? 'Minimum reached' : 'Decrease'}>\n <div className={'number-increment--button' + (currentNumber <= (props.min \|\| 0) ? ' disabled' : '')} onClick={decrementCurrentNumber}>\n <Icon icon={IconType.Remove} size={'24px'} />\n </div>\n </Tooltip>\n <div className=\"number-increment--value\">\n <Text type={textSize}>{currentNumber}</Text>\n </div>\n <Tooltip title={currentNumber >= (props.max \|\| 0) ? 'Maximum reached' : 'Add'}>\n <div className={'number-increment--button' + (currentNumber >= (props.max \|\| 0) ? ' disabled' : '')} onClick={incrementCurrentNumber}>\n <Icon icon={IconType.Add} size={'24px'} />\n </div>\n </Tooltip>\n </div>\n );\n}\n"]}

package/dist/src/components/generic/Overlay/Overlay.js CHANGED Viewed

@@ -31,9 +31,9 @@ const React = __importStar(require("react"));
 const react_1 = require("react");
 const react_popper_1 = require("react-popper");
 const Overlay_module_scss_1 = __importDefault(require("./Overlay.module.scss"));
-const Portal_1 = require("../../../../components/generic/Portal/Portal");
-const hooks_1 = require("../../../../hooks/index.js");
-const Fade_1 = __importDefault(require("animations/Fade"));
+const Portal_1 = require("../Portal/Portal");
+const hooks_1 = require("../../../hooks/index.js");
+const Fade_1 = __importDefault(require("../../../animations/Fade"));
 const classnames_1 = __importDefault(require("classnames"));
 const Overlay = (props) => {
     var _a, _b, _c;

package/dist/src/components/generic/Overlay/Overlay.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Overlay.js","sourceRoot":"/","sources":["src/components/generic/Overlay/Overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAmF;AACnF,+CAAmD;AAEnD,gFAA2C;AAC3C,+DAAoE;AACpE,2CAA+C;AAC/C,~~2DAA4C~~;~~AAC5C~~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","sourcesContent":["import * as React from 'react';\nimport { useState, ReactNode, useEffect, useLayoutEffect, LegacyRef } from 'react';\nimport { Modifier, usePopper } from 'react-popper';\n\nimport styles from './Overlay.module.scss';\nimport { RoomstayPortal } from '@/components/generic/Portal/Portal';\nimport { useBodyClick } from '@frontend/hooks';\nimport FadeAnimation from 'animations/Fade';\nimport classNames from 'classnames';\nimport { Placement, PositioningStrategy } from '@popperjs/core';\n\nexport type OverlayProps = {\n children: ReactNode \| ReactNode[];\n open: boolean;\n\n usePortal?: boolean;\n container?: HTMLElement;\n\n followElement?: Element;\n className?: string;\n containerClassName?: string;\n\n hideStyles?: boolean;\n\n placement?: Placement;\n fallbackPlacements?: Placement;\n strategy?: PositioningStrategy;\n\n onClose?: (e: MouseEvent) => void;\n offset?: [number, number];\n overlayRef?: LegacyRef<HTMLDivElement>;\n};\n\nexport const Overlay = (props: OverlayProps) => {\n const [referenceElement, setReferenceElement] = useState<Element>(null);\n const [popperElement, setPopperElement] = useState<HTMLElement>(null);\n\n const [isOpen, setIsOpen] = useState(props.open);\n\n const { onBodyClickExcept } = useBodyClick();\n\n // Used to prevent premature closing of window before it gets a chance to open\n useEffect(() => {\n let timeout: NodeJS.Timeout = null;\n let cancelled = false;\n\n if (props.open) {\n setIsOpen(props.open);\n } else {\n // Allow for fade out animation to run before removing element\n timeout = setTimeout(() => {\n if (!cancelled) {\n setIsOpen(false);\n }\n }, 500);\n }\n\n return () => {\n cancelled = true;\n clearTimeout(timeout);\n };\n }, [props.open]);\n\n useLayoutEffect(() => {\n const { remove } = onBodyClickExcept((e: MouseEvent) => {\n if (isOpen) {\n e.preventDefault();\n e.stopPropagation();\n props.onClose?.(e);\n }\n }, popperElement);\n\n return () => {\n remove();\n };\n }, [isOpen, popperElement]);\n\n const modifiers: Modifier<any>[] = [\n {\n name: 'flip',\n options: {\n flipVariations: false,\n fallbackPlacements: props.fallbackPlacements,\n },\n },\n ];\n if (props.offset) {\n modifiers.push({\n name: 'offset',\n options: {\n offset: props.offset,\n },\n });\n }\n\n const { styles: popperStyles, attributes } = usePopper(props.followElement ?? referenceElement, popperElement, {\n placement: props.placement ?? 'bottom',\n strategy: props.strategy ?? 'absolute',\n modifiers,\n });\n\n const overlayClasses = classNames({\n [styles['rs-overlay']]: !props.hideStyles,\n [props.className]: !!props.className,\n });\n\n const overlayElement = (\n // Here we depend on the props.open as that's the \"intended\" state. Fade animation will handle it going in and out.\n\n <>\n {!props.followElement && <span ref={setReferenceElement}></span>}\n\n <div ref={setPopperElement} style={popperStyles.popper} {...attributes.popper} className={classNames(styles['rs-popper-container'], props.containerClassName)}>\n <FadeAnimation open={props.open}>\n <div ref={props.overlayRef} className={overlayClasses}>\n {props.children}\n </div>\n </FadeAnimation>\n </div>\n </>\n );\n\n if (!isOpen) {\n return <></>;\n }\n\n if (props.usePortal \|\| props.container) {\n // PreventZIndex is only enabled if container is not specified, since modal will be appended to body, Roomstay engine by default will overlay it\n return (\n <RoomstayPortal target={props.container \|\| document.body} preventZIndex={!!props.container}>\n {overlayElement}\n </RoomstayPortal>\n );\n }\n\n return overlayElement;\n};\n"]}
1	+ {"version":3,"file":"Overlay.js","sourceRoot":"/","sources":["src/components/generic/Overlay/Overlay.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useState, ReactNode, useEffect, useLayoutEffect, LegacyRef } from 'react';\nimport { Modifier, usePopper } from 'react-popper';\n\nimport styles from './Overlay.module.scss';\nimport { RoomstayPortal } from '@/components/generic/Portal/Portal';\nimport { useBodyClick } from '@frontend/hooks';\nimport FadeAnimation from '@/animations/Fade';\nimport classNames from 'classnames';\nimport { Placement, PositioningStrategy } from '@popperjs/core';\n\nexport type OverlayProps = {\n children: ReactNode \| ReactNode[];\n open: boolean;\n\n usePortal?: boolean;\n container?: HTMLElement;\n\n followElement?: Element;\n className?: string;\n containerClassName?: string;\n\n hideStyles?: boolean;\n\n placement?: Placement;\n fallbackPlacements?: Placement;\n strategy?: PositioningStrategy;\n\n onClose?: (e: MouseEvent) => void;\n offset?: [number, number];\n overlayRef?: LegacyRef<HTMLDivElement>;\n};\n\nexport const Overlay = (props: OverlayProps) => {\n const [referenceElement, setReferenceElement] = useState<Element>(null);\n const [popperElement, setPopperElement] = useState<HTMLElement>(null);\n\n const [isOpen, setIsOpen] = useState(props.open);\n\n const { onBodyClickExcept } = useBodyClick();\n\n // Used to prevent premature closing of window before it gets a chance to open\n useEffect(() => {\n let timeout: NodeJS.Timeout = null;\n let cancelled = false;\n\n if (props.open) {\n setIsOpen(props.open);\n } else {\n // Allow for fade out animation to run before removing element\n timeout = setTimeout(() => {\n if (!cancelled) {\n setIsOpen(false);\n }\n }, 500);\n }\n\n return () => {\n cancelled = true;\n clearTimeout(timeout);\n };\n }, [props.open]);\n\n useLayoutEffect(() => {\n const { remove } = onBodyClickExcept((e: MouseEvent) => {\n if (isOpen) {\n e.preventDefault();\n e.stopPropagation();\n props.onClose?.(e);\n }\n }, popperElement);\n\n return () => {\n remove();\n };\n }, [isOpen, popperElement]);\n\n const modifiers: Modifier<any>[] = [\n {\n name: 'flip',\n options: {\n flipVariations: false,\n fallbackPlacements: props.fallbackPlacements,\n },\n },\n ];\n if (props.offset) {\n modifiers.push({\n name: 'offset',\n options: {\n offset: props.offset,\n },\n });\n }\n\n const { styles: popperStyles, attributes } = usePopper(props.followElement ?? referenceElement, popperElement, {\n placement: props.placement ?? 'bottom',\n strategy: props.strategy ?? 'absolute',\n modifiers,\n });\n\n const overlayClasses = classNames({\n [styles['rs-overlay']]: !props.hideStyles,\n [props.className]: !!props.className,\n });\n\n const overlayElement = (\n // Here we depend on the props.open as that's the \"intended\" state. Fade animation will handle it going in and out.\n\n <>\n {!props.followElement && <span ref={setReferenceElement}></span>}\n\n <div ref={setPopperElement} style={popperStyles.popper} {...attributes.popper} className={classNames(styles['rs-popper-container'], props.containerClassName)}>\n <FadeAnimation open={props.open}>\n <div ref={props.overlayRef} className={overlayClasses}>\n {props.children}\n </div>\n </FadeAnimation>\n </div>\n </>\n );\n\n if (!isOpen) {\n return <></>;\n }\n\n if (props.usePortal \|\| props.container) {\n // PreventZIndex is only enabled if container is not specified, since modal will be appended to body, Roomstay engine by default will overlay it\n return (\n <RoomstayPortal target={props.container \|\| document.body} preventZIndex={!!props.container}>\n {overlayElement}\n </RoomstayPortal>\n );\n }\n\n return overlayElement;\n};\n"]}

package/dist/src/components/generic/PasswordBox/PasswordBox.js CHANGED Viewed

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PasswordBox = void 0;
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const Icon_1 = __importStar(require("../../../../components/generic/Icon/Icon"));
+const Icon_1 = __importStar(require("../Icon/Icon"));
 const TextBox_1 = __importDefault(require("../TextBox"));
 const PasswordBox_module_scss_1 = __importDefault(require("./PasswordBox.module.scss"));
 exports.PasswordBox = (0, react_1.forwardRef)(function PasswordBox(props, ref) {

package/dist/src/components/generic/PaymentCard/CardTypeSelect.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { FC, FormEvent } from 'react';
-import { ECardType } from '../../../../models/PaymentCard';
+import { ECardType } from '../../../models/PaymentCard';
 export interface CardTypeSelectProps {
     value?: ECardType;
     onChange?: (e: FormEvent<HTMLDivElement>) => void;

package/dist/src/components/generic/PaymentCard/CardTypeSelect.js CHANGED Viewed

@@ -28,12 +28,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CardTypeSelect = void 0;
 const React = __importStar(require("react"));
-const PaymentCard_1 = require("../../../../models/PaymentCard");
+const PaymentCard_1 = require("../../../models/PaymentCard");
 const CardTypeSelect_module_scss_1 = __importDefault(require("./CardTypeSelect.module.scss"));
 const classnames_1 = __importDefault(require("classnames"));
-const PaymentCardHelper_1 = require("../../../../util/PaymentCardHelper");
-const hooks_1 = require("../../../../hooks/index.js");
-const Hotel_1 = require("../../../../models/Client/Hotel/Hotel");
+const PaymentCardHelper_1 = require("../../../util/PaymentCardHelper");
+const hooks_1 = require("../../../hooks/index.js");
+const Hotel_1 = require("../../../models/Client/Hotel/Hotel");
 const cardType2HotelCardType = {
     [PaymentCard_1.ECardType.Visa]: Hotel_1.EPaymentCardType.Visa,
     [PaymentCard_1.ECardType.Mastercard]: Hotel_1.EPaymentCardType.Mastercard,

package/dist/src/components/generic/PaymentCard/PaymentCard.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { IRoomstayMemberCardFormInput } from '../../../../models/RoomstayMembers/IRoomstayMemberCard';
+import { IRoomstayMemberCardFormInput } from '../../../models/RoomstayMembers/IRoomstayMemberCard';
 export interface PaymentCardProps {
     card: IRoomstayMemberCardFormInput;
 }

package/dist/src/components/generic/PaymentCard/PaymentCard.js CHANGED Viewed

@@ -29,10 +29,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PaymentCard = void 0;
 const React = __importStar(require("react"));
 const PaymentCard_module_scss_1 = __importDefault(require("./PaymentCard.module.scss"));
-const RoomstayThemeEngine_1 = __importDefault(require("../../../../providers/RoomstayThemeEngine"));
-const VGSHooks_1 = require("../../../../hooks/VGSHooks");
+const RoomstayThemeEngine_1 = __importDefault(require("../../../providers/RoomstayThemeEngine"));
+const VGSHooks_1 = require("../../../hooks/VGSHooks");
 const SmallSpinner_1 = __importDefault(require("../loader/SmallSpinner"));
-const PaymentCardHelper_1 = require("../../../../util/PaymentCardHelper");
+const PaymentCardHelper_1 = require("../../../util/PaymentCardHelper");
 const PaymentCard = ({ card }) => {
     const labelStyles = {
         '@font-face': {

package/dist/src/components/generic/PaymentCard/PaymentCardInput.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { IRoomstayMemberCards } from '@roomstay/core';
-import { IRoomstayMemberCardFormInput } from '../../../../models/RoomstayMembers/IRoomstayMemberCard';
+import { IRoomstayMemberCardFormInput } from '../../../models/RoomstayMembers/IRoomstayMemberCard';
 export interface PaymentCardInputProps {
     card: IRoomstayMemberCardFormInput;
     onSubmit?: (card: IRoomstayMemberCards) => Promise<void>;

package/dist/src/components/generic/PaymentCard/PaymentCardInput.js CHANGED Viewed

@@ -39,18 +39,18 @@ exports.PaymentCardInput = void 0;
 const React = __importStar(require("react"));
 const react_1 = require("react");
 const PaymentCardInput_module_scss_1 = __importDefault(require("./PaymentCardInput.module.scss"));
-const Text_1 = __importStar(require("../../../../components/generic/Text"));
-const Color_1 = require("../../../../util/Color");
-const InputGroup_1 = __importDefault(require("../../../../components/generic/InputGroup/InputGroup"));
-const PaymentCard_1 = require("../../../../components/generic/PaymentCard/PaymentCard");
-const CardTypeSelect_1 = require("../../../../components/generic/PaymentCard/CardTypeSelect");
+const Text_1 = __importStar(require("../Text"));
+const Color_1 = require("../../../util/Color");
+const InputGroup_1 = __importDefault(require("../InputGroup/InputGroup"));
+const PaymentCard_1 = require("./PaymentCard");
+const CardTypeSelect_1 = require("./CardTypeSelect");
 const BEButton_1 = __importDefault(require("../BEButton"));
-const AutoAutoHeight_1 = __importDefault(require("animations/AutoAutoHeight"));
-const Alert_1 = __importStar(require("../../../../components/generic/Alert"));
-const Icon_1 = require("../../../../components/generic/Icon/Icon");
+const AutoAutoHeight_1 = __importDefault(require("../../../animations/AutoAutoHeight"));
+const Alert_1 = __importStar(require("../Alert"));
+const Icon_1 = require("../Icon/Icon");
 const auth_1 = require("@aws-amplify/auth");
-const VGSHooks_1 = require("../../../../hooks/VGSHooks");
-const LoggedInUserHook_1 = require("../../../../hooks/LoggedInUserHook");
+const VGSHooks_1 = require("../../../hooks/VGSHooks");
+const LoggedInUserHook_1 = require("../../../hooks/LoggedInUserHook");
 const Fade_1 = __importDefault(require("../../../animations/Fade"));
 const PaymentCardInput = ({ card, onSubmit, onDeleteClicked, onMarkedAsDefaultClicked }) => {
     const { user, fullName } = (0, LoggedInUserHook_1.useMember)();

package/dist/src/components/generic/PaymentCard/PaymentCardInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PaymentCardInput.js","sourceRoot":"/","sources":["src/components/generic/PaymentCard/PaymentCardInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { FC, useEffect, useState } from 'react';\nimport styles from './PaymentCardInput.module.scss';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport { ECardType } from '@/models/PaymentCard';\nimport { PaymentCard as GenericPaymentCard } from '@/components/generic/PaymentCard/PaymentCard';\nimport { CardTypeSelect } from '@/components/generic/PaymentCard/CardTypeSelect';\n\nimport BEButton from '../BEButton';\n\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport { IRoomstayMemberCards } from '@roomstay/core';\nimport { Auth } from '@aws-amplify/auth';\nimport { useVgsCollect } from '@/hooks/VGSHooks';\nimport { useMember } from '@/hooks/LoggedInUserHook';\nimport FadeAnimation from '../../../animations/Fade';\nimport { IRoomstayMemberCardFormInput } from '@/models/RoomstayMembers/IRoomstayMemberCard';\n\nexport interface PaymentCardInputProps {\n card: IRoomstayMemberCardFormInput;\n onSubmit?: (card: IRoomstayMemberCards) => Promise<void>;\n onDeleteClicked: (card: IRoomstayMemberCards) => Promise<void>;\n onMarkedAsDefaultClicked: (card: IRoomstayMemberCards) => Promise<void>;\n}\n\nexport const PaymentCardInput: FC<PaymentCardInputProps> = ({ card, onSubmit, onDeleteClicked, onMarkedAsDefaultClicked }) => {\n const { user, fullName } = useMember();\n\n const [errors, setErrors] = useState<{ [x: string]: string }>({});\n const [cardType, setCardType] = useState<ECardType>(null);\n\n const [isSavingVGSDetails, setIsSavingVGSDetails] = useState(false);\n const [isDeletingCard, setIsDeletingCard] = useState(false);\n const [isMarkingAsDefault, setIsMarkingAsDefault] = useState(false);\n\n const isCardDefault = user?.defaultCard === card?.cardId;\n\n const inputsDisabled = !!card?.cardId;\n\n const css = {\n fontSize: '13px',\n lineHeight: '18px',\n '&::placeholder': {\n color: '#8B8F9A',\n opacity: 1,\n },\n };\n\n const {\n fields: [cardNumber, cardHolder, expiryDate, securityCode],\n triggerFieldUpdate,\n vgsForm,\n } = useVgsCollect([\n {\n name: 'credit-card',\n label: 'Credit Card',\n type: 'card-number',\n vgsProps: {\n validations: ['required', 'validCardNumber'],\n css,\n autoComplete: ['cc-number'],\n successColor: '#4F8A10',\n errorColor: '#D8000C',\n showCardIcon: false,\n placeholder: '5913 2207 9578 4291',\n disabled: inputsDisabled,\n },\n },\n { name: 'card-name', label: 'Card Name', type: 'text', vgsProps: { validations: ['required'], css, disabled: inputsDisabled, placeholder: fullName } },\n {\n name: 'expiration-date',\n label: 'Expiration Date',\n type: 'card-expiration-date',\n vgsProps: { validations: ['required', 'validCardExpirationDate'], css, disabled: inputsDisabled, placeholder: '12/27' },\n },\n {\n name: 'security-code',\n label: 'Security Code',\n type: 'card-security-code',\n vgsProps: { validations: ['required', 'validCardSecurityCode'], css, disabled: inputsDisabled, placeholder: '552' },\n },\n ]);\n\n useEffect(() => {\n triggerFieldUpdate();\n }, [card]);\n\n useEffect(() => {\n if (cardNumber?.state.cardType) {\n setCardType(cardNumber.state.cardType);\n }\n }, [cardNumber]);\n\n const inputNames = ['credit-card', 'card-name', 'expiration-date', 'security-code'];\n const setErrorsOnFaults = (faults: any) => {\n const newErrors: { [x: string]: string } = {};\n\n Object.keys(faults).forEach((input) => {\n let name = '';\n\n switch (input) {\n case 'credit-card':\n name = 'Credit Card';\n break;\n case 'expiration-date':\n name = 'Expiration Date';\n break;\n case 'security-code':\n name = 'Security Code';\n break;\n default:\n name = 'Card Name';\n break;\n }\n\n newErrors[input] = name + ' ' + faults[input].errorMessages[faults[input].errorMessages.length - 1];\n });\n\n setErrors(newErrors);\n };\n\n const onChangeSubmit = (): void => {\n if (vgsForm) {\n setIsSavingVGSDetails(true);\n Auth.currentAuthenticatedUser().then((cognitoData) => {\n const jwtToken = cognitoData.signInUserSession.idToken.jwtToken;\n\n vgsForm.submit(\n '/members/vgs-hide',\n {\n serializer: 'deep',\n methods: 'POST',\n headers: {\n Authorization: jwtToken,\n },\n },\n async (status: any, cardData: any) => {\n const expMatch = cardData['expiration-date'].match(/^(\\d+)\\s\\/\\s(\\d+)$/);\n if (!expMatch \|\| expMatch[1].length > 2 \|\| (expMatch[2].length !== 4 && expMatch[2].length !== 2)) {\n setErrorsOnFaults({\n 'expiration-date': {\n errorMessages: ['Invalid - it must be in the format MM / YY or MM / YYYY'],\n },\n });\n return;\n }\n\n console.log(cardData);\n\n const expiration = (expMatch[1].length === 1 ? '0' : '') + expMatch[1] + (expMatch[2].length === 2 ? expMatch[2] : expMatch[2].substr(2));\n const newCard: IRoomstayMemberCards = {\n username: card.username,\n cardId: card.cardId,\n securityCode: cardData['security-code'],\n expiry: expiration,\n name: cardData['card-name'],\n\n cardNumber: cardData['credit-card'],\n type: cardType,\n };\n\n await onSubmit(newCard);\n vgsForm.reset();\n setIsSavingVGSDetails(false);\n },\n (error: any) => {\n setErrorsOnFaults(error);\n setIsSavingVGSDetails(false);\n }\n );\n });\n } else {\n console.error('VGS not on element, problem has occurred');\n }\n };\n\n const onDeleteCardClicked = () => {\n setIsDeletingCard(true);\n\n onDeleteClicked?.(card).finally(() => {\n setIsDeletingCard(false);\n });\n };\n\n const onMarkAsDefault = () => {\n setIsMarkingAsDefault(true);\n\n onMarkedAsDefaultClicked?.(card).finally(() => {\n setIsMarkingAsDefault(false);\n });\n };\n\n return (\n <>\n <div className={styles['card-inputs']}>\n <div className=\"u-marg-bottom--medium u-marg-top--heavy@l-\">\n <CardTypeSelect value={cardType} />\n </div>\n <div className=\"u-margin-bottom\">\n {inputNames.map((name) => {\n const errorMessage = errors[name];\n return (\n <AutoAutoHeight open={!!errorMessage} key={name}>\n <div className=\"u-flex\">\n <Alert type={AlertType.Danger} icon={IconType.Error}>\n <Text type={TextType.Small}>{errorMessage}</Text>\n </Alert>\n </div>\n </AutoAutoHeight>\n );\n })}\n </div>\n <div className=\"u-marg-bottom\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n Card Number\n </Text>\n </div>\n <div className={cardNumber.getClasses()} ref={cardNumber.ref} />\n </div>\n <div className=\"u-marg-bottom\">\n <InputGroup dimensions=\"2/2\">\n <>\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n Expiry Month / Year\n </Text>\n </div>\n <div className={expiryDate.getClasses()} ref={expiryDate.ref} />\n </>\n <>\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n Security code\n </Text>\n </div>\n <div className={securityCode.getClasses()} ref={securityCode.ref} />\n </>\n </InputGroup>\n </div>\n <div className=\"u-marg-bottom\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n Name on Credit Card\n </Text>\n </div>\n <div className={cardHolder.getClasses()} ref={cardHolder.ref} />\n </div>\n <div className=\"u-marg-bottom\">\n {card?.cardId ? (\n <BEButton\n className=\"u-marg-top--heavier@l u-marg-top--heavy@l- u-flex u-flex-justify-center\"\n isLoading={isDeletingCard}\n textColor={Color.Danger}\n isText={true}\n icon={IconType.Delete}\n onClick={onDeleteCardClicked}\n stopIconAnimation={true}\n >\n Delete Card\n </BEButton>\n ) : (\n <BEButton\n className=\"u-marg-top--heavier@l u-marg-top--heavy@l- u-flex u-flex-justify-center\"\n isLoading={isSavingVGSDetails}\n rounded={true}\n primary={true}\n filled={true}\n mobileWidth={true}\n onClick={onChangeSubmit}\n >\n Save Card\n </BEButton>\n )}\n </div>\n </div>\n <FadeAnimation open={!!card?.cardId}>\n <div className={styles['card-large']}>\n <GenericPaymentCard card={card} />\n <div className=\"u-marg-top u-marg-top--heavy@l-\">\n <BEButton onClick={onMarkAsDefault} isLoading={isMarkingAsDefault} disabled={isCardDefault} filled={true} primary={true} size={'small'}>\n Mark as Default\n </BEButton>\n </div>\n </div>\n </FadeAnimation>\n </>\n );\n};\n"]}
1	+ {"version":3,"file":"PaymentCardInput.js","sourceRoot":"/","sources":["src/components/generic/PaymentCard/PaymentCardInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { FC, useEffect, useState } from 'react';\nimport styles from './PaymentCardInput.module.scss';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport { ECardType } from '@/models/PaymentCard';\nimport { PaymentCard as GenericPaymentCard } from '@/components/generic/PaymentCard/PaymentCard';\nimport { CardTypeSelect } from '@/components/generic/PaymentCard/CardTypeSelect';\n\nimport BEButton from '../BEButton';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport { IRoomstayMemberCards } from '@roomstay/core';\nimport { Auth } from '@aws-amplify/auth';\nimport { useVgsCollect } from '@/hooks/VGSHooks';\nimport { useMember } from '@/hooks/LoggedInUserHook';\nimport FadeAnimation from '../../../animations/Fade';\nimport { IRoomstayMemberCardFormInput } from '@/models/RoomstayMembers/IRoomstayMemberCard';\n\nexport interface PaymentCardInputProps {\n card: IRoomstayMemberCardFormInput;\n onSubmit?: (card: IRoomstayMemberCards) => Promise<void>;\n onDeleteClicked: (card: IRoomstayMemberCards) => Promise<void>;\n onMarkedAsDefaultClicked: (card: IRoomstayMemberCards) => Promise<void>;\n}\n\nexport const PaymentCardInput: FC<PaymentCardInputProps> = ({ card, onSubmit, onDeleteClicked, onMarkedAsDefaultClicked }) => {\n const { user, fullName } = useMember();\n\n const [errors, setErrors] = useState<{ [x: string]: string }>({});\n const [cardType, setCardType] = useState<ECardType>(null);\n\n const [isSavingVGSDetails, setIsSavingVGSDetails] = useState(false);\n const [isDeletingCard, setIsDeletingCard] = useState(false);\n const [isMarkingAsDefault, setIsMarkingAsDefault] = useState(false);\n\n const isCardDefault = user?.defaultCard === card?.cardId;\n\n const inputsDisabled = !!card?.cardId;\n\n const css = {\n fontSize: '13px',\n lineHeight: '18px',\n '&::placeholder': {\n color: '#8B8F9A',\n opacity: 1,\n },\n };\n\n const {\n fields: [cardNumber, cardHolder, expiryDate, securityCode],\n triggerFieldUpdate,\n vgsForm,\n } = useVgsCollect([\n {\n name: 'credit-card',\n label: 'Credit Card',\n type: 'card-number',\n vgsProps: {\n validations: ['required', 'validCardNumber'],\n css,\n autoComplete: ['cc-number'],\n successColor: '#4F8A10',\n errorColor: '#D8000C',\n showCardIcon: false,\n placeholder: '5913 2207 9578 4291',\n disabled: inputsDisabled,\n },\n },\n { name: 'card-name', label: 'Card Name', type: 'text', vgsProps: { validations: ['required'], css, disabled: inputsDisabled, placeholder: fullName } },\n {\n name: 'expiration-date',\n label: 'Expiration Date',\n type: 'card-expiration-date',\n vgsProps: { validations: ['required', 'validCardExpirationDate'], css, disabled: inputsDisabled, placeholder: '12/27' },\n },\n {\n name: 'security-code',\n label: 'Security Code',\n type: 'card-security-code',\n vgsProps: { validations: ['required', 'validCardSecurityCode'], css, disabled: inputsDisabled, placeholder: '552' },\n },\n ]);\n\n useEffect(() => {\n triggerFieldUpdate();\n }, [card]);\n\n useEffect(() => {\n if (cardNumber?.state.cardType) {\n setCardType(cardNumber.state.cardType);\n }\n }, [cardNumber]);\n\n const inputNames = ['credit-card', 'card-name', 'expiration-date', 'security-code'];\n const setErrorsOnFaults = (faults: any) => {\n const newErrors: { [x: string]: string } = {};\n\n Object.keys(faults).forEach((input) => {\n let name = '';\n\n switch (input) {\n case 'credit-card':\n name = 'Credit Card';\n break;\n case 'expiration-date':\n name = 'Expiration Date';\n break;\n case 'security-code':\n name = 'Security Code';\n break;\n default:\n name = 'Card Name';\n break;\n }\n\n newErrors[input] = name + ' ' + faults[input].errorMessages[faults[input].errorMessages.length - 1];\n });\n\n setErrors(newErrors);\n };\n\n const onChangeSubmit = (): void => {\n if (vgsForm) {\n setIsSavingVGSDetails(true);\n Auth.currentAuthenticatedUser().then((cognitoData) => {\n const jwtToken = cognitoData.signInUserSession.idToken.jwtToken;\n\n vgsForm.submit(\n '/members/vgs-hide',\n {\n serializer: 'deep',\n methods: 'POST',\n headers: {\n Authorization: jwtToken,\n },\n },\n async (status: any, cardData: any) => {\n const expMatch = cardData['expiration-date'].match(/^(\\d+)\\s\\/\\s(\\d+)$/);\n if (!expMatch \|\| expMatch[1].length > 2 \|\| (expMatch[2].length !== 4 && expMatch[2].length !== 2)) {\n setErrorsOnFaults({\n 'expiration-date': {\n errorMessages: ['Invalid - it must be in the format MM / YY or MM / YYYY'],\n },\n });\n return;\n }\n\n console.log(cardData);\n\n const expiration = (expMatch[1].length === 1 ? '0' : '') + expMatch[1] + (expMatch[2].length === 2 ? expMatch[2] : expMatch[2].substr(2));\n const newCard: IRoomstayMemberCards = {\n username: card.username,\n cardId: card.cardId,\n securityCode: cardData['security-code'],\n expiry: expiration,\n name: cardData['card-name'],\n\n cardNumber: cardData['credit-card'],\n type: cardType,\n };\n\n await onSubmit(newCard);\n vgsForm.reset();\n setIsSavingVGSDetails(false);\n },\n (error: any) => {\n setErrorsOnFaults(error);\n setIsSavingVGSDetails(false);\n }\n );\n });\n } else {\n console.error('VGS not on element, problem has occurred');\n }\n };\n\n const onDeleteCardClicked = () => {\n setIsDeletingCard(true);\n\n onDeleteClicked?.(card).finally(() => {\n setIsDeletingCard(false);\n });\n };\n\n const onMarkAsDefault = () => {\n setIsMarkingAsDefault(true);\n\n onMarkedAsDefaultClicked?.(card).finally(() => {\n setIsMarkingAsDefault(false);\n });\n };\n\n return (\n <>\n <div className={styles['card-inputs']}>\n <div className=\"u-marg-bottom--medium u-marg-top--heavy@l-\">\n <CardTypeSelect value={cardType} />\n </div>\n <div className=\"u-margin-bottom\">\n {inputNames.map((name) => {\n const errorMessage = errors[name];\n return (\n <AutoAutoHeight open={!!errorMessage} key={name}>\n <div className=\"u-flex\">\n <Alert type={AlertType.Danger} icon={IconType.Error}>\n <Text type={TextType.Small}>{errorMessage}</Text>\n </Alert>\n </div>\n </AutoAutoHeight>\n );\n })}\n </div>\n <div className=\"u-marg-bottom\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n Card Number\n </Text>\n </div>\n <div className={cardNumber.getClasses()} ref={cardNumber.ref} />\n </div>\n <div className=\"u-marg-bottom\">\n <InputGroup dimensions=\"2/2\">\n <>\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n Expiry Month / Year\n </Text>\n </div>\n <div className={expiryDate.getClasses()} ref={expiryDate.ref} />\n </>\n <>\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n Security code\n </Text>\n </div>\n <div className={securityCode.getClasses()} ref={securityCode.ref} />\n </>\n </InputGroup>\n </div>\n <div className=\"u-marg-bottom\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n Name on Credit Card\n </Text>\n </div>\n <div className={cardHolder.getClasses()} ref={cardHolder.ref} />\n </div>\n <div className=\"u-marg-bottom\">\n {card?.cardId ? (\n <BEButton\n className=\"u-marg-top--heavier@l u-marg-top--heavy@l- u-flex u-flex-justify-center\"\n isLoading={isDeletingCard}\n textColor={Color.Danger}\n isText={true}\n icon={IconType.Delete}\n onClick={onDeleteCardClicked}\n stopIconAnimation={true}\n >\n Delete Card\n </BEButton>\n ) : (\n <BEButton\n className=\"u-marg-top--heavier@l u-marg-top--heavy@l- u-flex u-flex-justify-center\"\n isLoading={isSavingVGSDetails}\n rounded={true}\n primary={true}\n filled={true}\n mobileWidth={true}\n onClick={onChangeSubmit}\n >\n Save Card\n </BEButton>\n )}\n </div>\n </div>\n <FadeAnimation open={!!card?.cardId}>\n <div className={styles['card-large']}>\n <GenericPaymentCard card={card} />\n <div className=\"u-marg-top u-marg-top--heavy@l-\">\n <BEButton onClick={onMarkAsDefault} isLoading={isMarkingAsDefault} disabled={isCardDefault} filled={true} primary={true} size={'small'}>\n Mark as Default\n </BEButton>\n </div>\n </div>\n </FadeAnimation>\n </>\n );\n};\n"]}

package/dist/src/components/generic/Pill.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { IconType } from '../../../components/generic/Icon/Icon';
+import { IconType } from './Icon/Icon';
 import * as React from 'react';
 import { PropsWithChildren } from 'react';
 export declare enum PillVariant {

package/dist/src/components/generic/Pill.js CHANGED Viewed

@@ -27,7 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PillType = exports.PillVariant = void 0;
-const Icon_1 = __importDefault(require("../../../components/generic/Icon/Icon"));
+const Icon_1 = __importDefault(require("./Icon/Icon"));
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 var PillVariant;

package/dist/src/components/generic/PromoCodeInput.js CHANGED Viewed

@@ -27,15 +27,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const TextBox_1 = __importDefault(require("../../../components/generic/TextBox"));
+const TextBox_1 = __importDefault(require("./TextBox"));
 const Translation_1 = require("translations/Translation");
-const Tooltip_1 = __importDefault(require("../../../components/generic/Tooltip/Tooltip"));
-const Icon_1 = __importStar(require("../../../components/generic/Icon/Icon"));
-const Color_1 = require("../../../util/Color");
+const Tooltip_1 = __importDefault(require("./Tooltip/Tooltip"));
+const Icon_1 = __importStar(require("./Icon/Icon"));
+const Color_1 = require("../../util/Color");
 const react_i18next_1 = require("react-i18next");
 const react_1 = require("react");
-const SmallSpinner_1 = __importDefault(require("../../../components/generic/loader/SmallSpinner"));
-const Text_1 = __importStar(require("../../../components/generic/Text"));
+const SmallSpinner_1 = __importDefault(require("./loader/SmallSpinner"));
+const Text_1 = __importStar(require("./Text"));
 function PromoCodeInput(props) {
     var _a;
     const { t } = (0, react_i18next_1.useTranslation)();

package/dist/src/components/generic/RadioButtonGroup/RadioButtonGroup.js CHANGED Viewed

@@ -27,9 +27,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const RadioButton_1 = require("../../../../components/generic/RadioButtonGroup/RadioButton");
+const RadioButton_1 = require("./RadioButton");
 const RadioButtonGroup_module_scss_1 = __importDefault(require("./RadioButtonGroup.module.scss"));
-const AutoAutoHeight_1 = __importDefault(require("animations/AutoAutoHeight"));
+const AutoAutoHeight_1 = __importDefault(require("../../../animations/AutoAutoHeight"));
 const Tooltip_1 = __importDefault(require("../Tooltip/Tooltip"));
 const RadioButtonGroup = ({ options, value: valueProp, onChange }) => {
     return (React.createElement("div", { className: RadioButtonGroup_module_scss_1.default.root }, options.map(({ value, label, disabled, disabledReason, renderContent }) => {

package/dist/src/components/generic/RadioButtonGroup/RadioButtonGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioButtonGroup.js","sourceRoot":"/","sources":["src/components/generic/RadioButtonGroup/RadioButtonGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mFAAgF;AAChF,kGAAoD;AACpD~~,+EAAuD~~;~~AACvD~~,iEAAyC;AAiBzC,MAAM,gBAAgB,GAA8B,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5F,OAAO,CACH,6BAAK,SAAS,EAAE,sCAAM,CAAC,IAAI,IACtB,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAE,EAAE,EAAE;QACvE,MAAM,WAAW,GAAG,CAChB,oBAAC,yBAAW,IACR,SAAS,EAAE,sCAAM,CAAC,IAAI,EACtB,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,CAAC,QAAQ,IAAI,KAAK,KAAK,SAAS,EACzC,QAAQ,EAAE,GAAG,EAAE;gBACX,IAAI,CAAC,QAAQ;oBAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;YACnC,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,GAAG,EAAE,CAAC,oBAAC,wBAAc,IAAC,IAAI,UAAE,aAAa,EAAE,CAAkB,GAC9E,CACL,CAAC;QAEF,IAAI,QAAQ,IAAI,cAAc,EAAE;YAC5B,OAAO,CACH,oBAAC,iBAAO,IAAC,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,sCAAM,CAAC,OAAO,EAAE,KAAK,EAAE,cAAc,IACrE,WAAW,CACN,CACb,CAAC;SACL;QAED,OAAO,CACH,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,sCAAM,CAAC,OAAO,IACrC,WAAW,CACV,CACT,CAAC;IACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["import * as React from 'react';\nimport { FC, ReactNode } from 'react';\nimport { RadioButton } from '@/components/generic/RadioButtonGroup/RadioButton';\nimport styles from './RadioButtonGroup.module.scss';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport Tooltip from '../Tooltip/Tooltip';\n\nexport interface RadioButtonGroupProps {\n options: {\n value: string;\n label?: ReactNode;\n\n disabled?: boolean;\n /** Enabled a tooltip that gives more info on why the field is disabled */\n disabledReason?: string;\n\n renderContent?: () => ReactNode;\n }[];\n value: string;\n onChange: (value: string) => void;\n}\n\nconst RadioButtonGroup: FC<RadioButtonGroupProps> = ({ options, value: valueProp, onChange }) => {\n return (\n <div className={styles.root}>\n {options.map(({ value, label, disabled, disabledReason, renderContent }) => {\n const radioButton = (\n <RadioButton\n className={styles.item}\n key={value}\n checked={!disabled && value === valueProp}\n onChange={() => {\n if (!disabled) onChange(value);\n }}\n label={label}\n disabled={disabled}\n renderContent={() => <AutoAutoHeight open>{renderContent()}</AutoAutoHeight>}\n />\n );\n\n if (disabled && disabledReason) {\n return (\n <Tooltip key={value} wrapperClasses={styles.wrapper} title={disabledReason}>\n {radioButton}\n </Tooltip>\n );\n }\n\n return (\n <div key={value} className={styles.wrapper}>\n {radioButton}\n </div>\n );\n })}\n </div>\n );\n};\n\nexport default RadioButtonGroup;\n"]}
1	+ {"version":3,"file":"RadioButtonGroup.js","sourceRoot":"/","sources":["src/components/generic/RadioButtonGroup/RadioButtonGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mFAAgF;AAChF,kGAAoD;AACpD,iFAAyD;AACzD,iEAAyC;AAiBzC,MAAM,gBAAgB,GAA8B,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5F,OAAO,CACH,6BAAK,SAAS,EAAE,sCAAM,CAAC,IAAI,IACtB,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAE,EAAE,EAAE;QACvE,MAAM,WAAW,GAAG,CAChB,oBAAC,yBAAW,IACR,SAAS,EAAE,sCAAM,CAAC,IAAI,EACtB,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,CAAC,QAAQ,IAAI,KAAK,KAAK,SAAS,EACzC,QAAQ,EAAE,GAAG,EAAE;gBACX,IAAI,CAAC,QAAQ;oBAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;YACnC,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,GAAG,EAAE,CAAC,oBAAC,wBAAc,IAAC,IAAI,UAAE,aAAa,EAAE,CAAkB,GAC9E,CACL,CAAC;QAEF,IAAI,QAAQ,IAAI,cAAc,EAAE;YAC5B,OAAO,CACH,oBAAC,iBAAO,IAAC,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,sCAAM,CAAC,OAAO,EAAE,KAAK,EAAE,cAAc,IACrE,WAAW,CACN,CACb,CAAC;SACL;QAED,OAAO,CACH,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,sCAAM,CAAC,OAAO,IACrC,WAAW,CACV,CACT,CAAC;IACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["import * as React from 'react';\nimport { FC, ReactNode } from 'react';\nimport { RadioButton } from '@/components/generic/RadioButtonGroup/RadioButton';\nimport styles from './RadioButtonGroup.module.scss';\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Tooltip from '../Tooltip/Tooltip';\n\nexport interface RadioButtonGroupProps {\n options: {\n value: string;\n label?: ReactNode;\n\n disabled?: boolean;\n /** Enabled a tooltip that gives more info on why the field is disabled */\n disabledReason?: string;\n\n renderContent?: () => ReactNode;\n }[];\n value: string;\n onChange: (value: string) => void;\n}\n\nconst RadioButtonGroup: FC<RadioButtonGroupProps> = ({ options, value: valueProp, onChange }) => {\n return (\n <div className={styles.root}>\n {options.map(({ value, label, disabled, disabledReason, renderContent }) => {\n const radioButton = (\n <RadioButton\n className={styles.item}\n key={value}\n checked={!disabled && value === valueProp}\n onChange={() => {\n if (!disabled) onChange(value);\n }}\n label={label}\n disabled={disabled}\n renderContent={() => <AutoAutoHeight open>{renderContent()}</AutoAutoHeight>}\n />\n );\n\n if (disabled && disabledReason) {\n return (\n <Tooltip key={value} wrapperClasses={styles.wrapper} title={disabledReason}>\n {radioButton}\n </Tooltip>\n );\n }\n\n return (\n <div key={value} className={styles.wrapper}>\n {radioButton}\n </div>\n );\n })}\n </div>\n );\n};\n\nexport default RadioButtonGroup;\n"]}

package/dist/src/components/generic/RecentSearchesCard.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import BasketRow from '../../../models/BasketRow';
+import BasketRow from '../../models/BasketRow';
 export interface RecentSearchesCardProps {
     basketRow: BasketRow;
     onViewRatesClicked: () => void;

package/dist/src/components/generic/RecentSearchesCard.js CHANGED Viewed

@@ -28,16 +28,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const dayjs_1 = __importDefault(require("dayjs"));
-const ImageGallerySlider_1 = __importDefault(require("../../../components/steps/room/ImageGallerySlider"));
-const BEButton_1 = __importDefault(require("../../../components/generic/BEButton"));
-const Icon_1 = __importStar(require("../../../components/generic/Icon/Icon"));
-const Color_1 = require("../../../util/Color");
-const Text_1 = __importStar(require("../../../components/generic/Text"));
+const ImageGallerySlider_1 = __importDefault(require("../steps/room/ImageGallerySlider"));
+const BEButton_1 = __importDefault(require("./BEButton"));
+const Icon_1 = __importStar(require("./Icon/Icon"));
+const Color_1 = require("../../util/Color");
+const Text_1 = __importStar(require("./Text"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
 const react_1 = require("react");
-const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
-const contexts_1 = require("../../../contexts/index.js");
+const ScreenSize_1 = __importDefault(require("../../util/ScreenSize"));
+const contexts_1 = require("../../contexts/index.js");
 const RecentSearchesCard = ({ basketRow, onRemove, onViewRatesClicked }) => {
     const start = (0, dayjs_1.default)(basketRow.getStartDate()).format('ddd DD MMM');
     const end = (0, dayjs_1.default)(basketRow.getEndDate()).format('ddd DD MMM');

package/dist/src/components/generic/Select/Select.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { ReactElement, Ref } from 'react';
 import './Select.global.scss';
-import { OverlayProps } from '../../../../components/generic/Overlay/Overlay';
+import { OverlayProps } from '../Overlay/Overlay';
 export type Option<KeyName extends string> = {
     [keyName in KeyName]: string;
 } & Record<any, any> & {