@roomstay/frontend 2.0.12 → 2.1.1

package/dist/src/hooks/VGSHooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"VGSHooks.js","sourceRoot":"/","sources":["src/hooks/VGSHooks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Auth } from '@aws-amplify/auth';\nimport { ECardType } from 'models/PaymentCard';\nimport RoomstayThemeEngine from 'providers/RoomstayThemeEngine';\nimport { useEffect, useRef, useState } from 'react';\nimport * as classNames from 'classnames';\nimport { useCurrentHotel } from './CurrentHotelHook';\n\nlet vgsShowLoader: Promise<any> | null = null;\nlet VGSShow: any;\n\nlet vgsCollectLoader: Promise<any> | null = null;\n\ndeclare global {\n    interface Window {\n        VGSCollect: any;\n    }\n}\n\nwindow.VGSCollect = window.VGSCollect || {};\n\ntype UseVgsShowProps = {\n    name: string;\n    value: string;\n\n    styles?: {};\n};\n\nexport const useVgsShow = (props: UseVgsShowProps) => {\n    const { hotel } = useCurrentHotel();\n\n    const [randomId, setRandomId] = useState(btoa((Math.random() * Math.random() * Date.now()).toString()).replace(/\\=/gi, ''));\n    const [isLoading, setIsLoading] = useState(false);\n\n    const targetRef = useRef(null);\n\n    useEffect(() => {\n        if (vgsShowLoader === null) {\n            vgsShowLoader = (async () => {\n                try {\n                    await RoomstayThemeEngine.loadScript('https://js.verygoodvault.com/vgs-show/2.0.2/show.js', 'vgs-show');\n\n                    // TODO: Load this ID dynamically\n                    VGSShow = window.VGSShow.create(hotel.vgsVaultName, (state: any) => {}).setEnvironment('live');\n                } catch (ex) {\n                    console.error('Unable to load vgs-show ' + ex.message);\n                }\n            })();\n        }\n    }, []);\n\n    useEffect(() => {\n        let cancelled = false;\n\n        if (VGSShow && targetRef?.current) {\n            targetRef.current.classList.add(randomId);\n            setIsLoading(true);\n\n            Auth.currentAuthenticatedUser().then((cognitoData) => {\n                const jwtToken = cognitoData.signInUserSession.idToken.jwtToken;\n\n                const revealer = VGSShow.request({\n                    name: props.name,\n                    method: 'POST',\n                    path: '/members/vgs-auth',\n                    payload: {\n                        [props.name]: `${props.value}`,\n                    },\n                    headers: {\n                        Authorization: jwtToken,\n                    },\n                    serializers: [VGSShow.SERIALIZERS.replace('(\\\\d{4})(\\\\d{4})(\\\\d{4})(\\\\d{4})', '$1 $2 $3 $4')],\n                    htmlWrapper: 'text',\n                    jsonPathSelector: `${props.name}`,\n                });\n\n                // TODO: Handle failure on reveal\n                revealer.on('revealSuccess', () => {\n                    setIsLoading(false);\n                });\n\n                revealer.on('revealFail', () => {\n                    setIsLoading(false);\n                });\n\n                targetRef.current.innerHTML = '';\n                revealer.render(`.${randomId}`, props.styles);\n            });\n        }\n\n        return () => {\n            cancelled = true;\n        };\n    }, [VGSShow, targetRef, props.name, props.value]);\n\n    return { targetRef, isLoading };\n};\n\ntype VGSCollectProps = {\n    name: string;\n    type: 'card-expiration-date' | 'text' | 'card-number' | 'card-security-code';\n    label: string;\n\n    vgsProps: {\n        validations?: ('required' | 'validCardNumber' | 'validCardExpirationDate' | 'validCardSecurityCode')[];\n        disabled?: boolean;\n        css: object;\n        placeholder?: string;\n\n        [name: string]: any;\n    };\n};\n\ntype VGSCollectInputState = {\n    name: string;\n    label: string;\n    type: string;\n\n    isFocused: boolean;\n    isValid: boolean;\n\n    vgsInput: any;\n\n    cardType?: ECardType;\n};\n\nexport const useVgsCollect = (fields: VGSCollectProps[]) => {\n    const { hotel } = useCurrentHotel();\n\n    const refs = fields.map(() => {\n        return useRef();\n    });\n\n    const getDefaultStateFromFields: () => VGSCollectInputState[] = () => {\n        return fields.map((field) => {\n            return {\n                isFocused: null,\n                isValid: null,\n\n                name: field.name,\n                label: field.label,\n                type: field.type,\n\n                vgsInput: null,\n            };\n        });\n    };\n\n    const mapInputConfigToVGS = (config: VGSCollectProps) => {\n        return { name: config.name, type: config.type, ...config.vgsProps, disabled: config.vgsProps.disabled || undefined };\n    };\n\n    const getClassesFormInput = (index: number, extendedClasses?: string) => {\n        const field: VGSCollectInputState = inputState[index];\n        const config = fields[index];\n\n        if (!field) return '';\n\n        return classNames('c-input', 'c-input--vgs', extendedClasses, {\n            '--selected': field.isFocused,\n            '--success': field.isValid !== null && field.isValid,\n            '--error': field.isValid !== null && !field.isValid,\n            '--disabled': !!config?.vgsProps?.disabled,\n        });\n    };\n\n    const [vgsLoaded, setVgsLoaded] = useState(false);\n    const [vgsForm, setVgsForm] = useState(null);\n    const [inputState, setInputState] = useState<VGSCollectInputState[]>(getDefaultStateFromFields());\n\n    /** Loading VGS, or seeing if it's been loaded before, and binding onto that. */\n    useEffect(() => {\n        let cancelled = false;\n\n        if (vgsCollectLoader === null) {\n            vgsCollectLoader = (async () => {\n                await RoomstayThemeEngine.loadScript('https://js.verygoodvault.com/vgs-collect/2.18.1/vgs-collect.js', 'vgs-collect');\n\n                if (!cancelled) {\n                    setVgsLoaded(true);\n                }\n            })();\n        } else {\n            vgsCollectLoader.then(() => {\n                if (!cancelled) {\n                    setVgsLoaded(true);\n                }\n            });\n        }\n\n        return () => {\n            cancelled = true;\n        };\n    }, []);\n\n    useEffect(() => {\n        for (const ref of refs) {\n            if (!ref?.current) {\n                // Means we've still to wait for all the refs to bind\n                return;\n            }\n        }\n\n        if (vgsLoaded && !vgsForm) {\n            const form = window.VGSCollect.create(hotel.vgsVaultName, 'live', (state: any) => {\n                setInputState((oldState) => {\n                    const newState = [...oldState];\n\n                    for (const input of newState) {\n                        const vgsState = state[input.name];\n\n                        if (vgsState) {\n                            input.isFocused = vgsState.isFocused;\n                            input.isValid = !vgsState.isEmpty ? vgsState.isValid : null;\n\n                            if (input.type === 'card-number') {\n                                input.cardType = vgsState.cardType;\n                            }\n                        }\n                    }\n\n                    return newState;\n                });\n            });\n\n            setVgsForm(form);\n\n            setInputState((oldState) => {\n                const newState = [...oldState];\n\n                for (let i = 0; i < newState.length; i++) {\n                    const input = newState[i];\n                    const inputConfig = fields[i];\n\n                    input.vgsInput = form.field(refs[i].current, mapInputConfigToVGS(inputConfig));\n                }\n\n                return newState;\n            });\n        }\n    }, [vgsLoaded, vgsForm, refs]);\n\n    const triggerFieldUpdate = () => {\n        for (const ref of refs) {\n            if (!ref?.current) {\n                // Means we've still to wait for all the refs to bind\n                return;\n            }\n        }\n\n        if (!vgsForm) {\n            // Means VGS Collect has not loaded yet.\n            return;\n        }\n\n        for (let i = 0; i < inputState.length; i++) {\n            const input = inputState[i];\n            const inputConfig = fields[i];\n\n            if (input.vgsInput) {\n                input.vgsInput.update?.(mapInputConfigToVGS(inputConfig));\n            }\n        }\n    };\n\n    return {\n        fields: fields.map((item, index) => {\n            return {\n                ref: refs[index],\n                state: inputState[index],\n                getClasses: (extendedClasses?: string) => getClassesFormInput(index, extendedClasses),\n            };\n        }),\n        triggerFieldUpdate,\n        vgsForm,\n    };\n};\n"]}
+{"version":3,"file":"VGSHooks.js","sourceRoot":"/","sources":["src/hooks/VGSHooks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Auth } from '@aws-amplify/auth';\nimport { ECardType } from '@/models/PaymentCard';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { useCurrentHotel } from './CurrentHotelHook';\n\nlet vgsShowLoader: Promise<any> | null = null;\nlet VGSShow: any;\n\nlet vgsCollectLoader: Promise<any> | null = null;\n\ndeclare global {\n    interface Window {\n        VGSCollect: any;\n    }\n}\n\nwindow.VGSCollect = window.VGSCollect || {};\n\ntype UseVgsShowProps = {\n    name: string;\n    value: string;\n\n    styles?: {};\n};\n\nexport const useVgsShow = (props: UseVgsShowProps) => {\n    const { hotel } = useCurrentHotel();\n\n    const [randomId, setRandomId] = useState(btoa((Math.random() * Math.random() * Date.now()).toString()).replace(/\\=/gi, ''));\n    const [isLoading, setIsLoading] = useState(false);\n\n    const targetRef = useRef(null);\n\n    useEffect(() => {\n        if (vgsShowLoader === null) {\n            vgsShowLoader = (async () => {\n                try {\n                    await RoomstayThemeEngine.loadScript('https://js.verygoodvault.com/vgs-show/2.0.2/show.js', 'vgs-show');\n\n                    // TODO: Load this ID dynamically\n                    VGSShow = window.VGSShow.create(hotel.vgsVaultName, (state: any) => {}).setEnvironment('live');\n                } catch (ex) {\n                    console.error('Unable to load vgs-show ' + ex.message);\n                }\n            })();\n        }\n    }, []);\n\n    useEffect(() => {\n        let cancelled = false;\n\n        if (VGSShow && targetRef?.current) {\n            targetRef.current.classList.add(randomId);\n            setIsLoading(true);\n\n            Auth.currentAuthenticatedUser().then((cognitoData) => {\n                const jwtToken = cognitoData.signInUserSession.idToken.jwtToken;\n\n                const revealer = VGSShow.request({\n                    name: props.name,\n                    method: 'POST',\n                    path: '/members/vgs-auth',\n                    payload: {\n                        [props.name]: `${props.value}`,\n                    },\n                    headers: {\n                        Authorization: jwtToken,\n                    },\n                    serializers: [VGSShow.SERIALIZERS.replace('(\\\\d{4})(\\\\d{4})(\\\\d{4})(\\\\d{4})', '$1 $2 $3 $4')],\n                    htmlWrapper: 'text',\n                    jsonPathSelector: `${props.name}`,\n                });\n\n                // TODO: Handle failure on reveal\n                revealer.on('revealSuccess', () => {\n                    setIsLoading(false);\n                });\n\n                revealer.on('revealFail', () => {\n                    setIsLoading(false);\n                });\n\n                targetRef.current.innerHTML = '';\n                revealer.render(`.${randomId}`, props.styles);\n            });\n        }\n\n        return () => {\n            cancelled = true;\n        };\n    }, [VGSShow, targetRef, props.name, props.value]);\n\n    return { targetRef, isLoading };\n};\n\ntype VGSCollectProps = {\n    name: string;\n    type: 'card-expiration-date' | 'text' | 'card-number' | 'card-security-code';\n    label: string;\n\n    vgsProps: {\n        validations?: ('required' | 'validCardNumber' | 'validCardExpirationDate' | 'validCardSecurityCode')[];\n        disabled?: boolean;\n        css: object;\n        placeholder?: string;\n\n        [name: string]: any;\n    };\n};\n\ntype VGSCollectInputState = {\n    name: string;\n    label: string;\n    type: string;\n\n    isFocused: boolean;\n    isValid: boolean;\n\n    vgsInput: any;\n\n    cardType?: ECardType;\n};\n\nexport const useVgsCollect = (fields: VGSCollectProps[]) => {\n    const { hotel } = useCurrentHotel();\n\n    const refs = fields.map(() => {\n        return useRef();\n    });\n\n    const getDefaultStateFromFields: () => VGSCollectInputState[] = () => {\n        return fields.map((field) => {\n            return {\n                isFocused: null,\n                isValid: null,\n\n                name: field.name,\n                label: field.label,\n                type: field.type,\n\n                vgsInput: null,\n            };\n        });\n    };\n\n    const mapInputConfigToVGS = (config: VGSCollectProps) => {\n        return { name: config.name, type: config.type, ...config.vgsProps, disabled: config.vgsProps.disabled || undefined };\n    };\n\n    const getClassesFormInput = (index: number, extendedClasses?: string) => {\n        const field: VGSCollectInputState = inputState[index];\n        const config = fields[index];\n\n        if (!field) return '';\n\n        return classNames('c-input', 'c-input--vgs', extendedClasses, {\n            '--selected': field.isFocused,\n            '--success': field.isValid !== null && field.isValid,\n            '--error': field.isValid !== null && !field.isValid,\n            '--disabled': !!config?.vgsProps?.disabled,\n        });\n    };\n\n    const [vgsLoaded, setVgsLoaded] = useState(false);\n    const [vgsForm, setVgsForm] = useState(null);\n    const [inputState, setInputState] = useState<VGSCollectInputState[]>(getDefaultStateFromFields());\n\n    /** Loading VGS, or seeing if it's been loaded before, and binding onto that. */\n    useEffect(() => {\n        let cancelled = false;\n\n        if (vgsCollectLoader === null) {\n            vgsCollectLoader = (async () => {\n                await RoomstayThemeEngine.loadScript('https://js.verygoodvault.com/vgs-collect/2.18.1/vgs-collect.js', 'vgs-collect');\n\n                if (!cancelled) {\n                    setVgsLoaded(true);\n                }\n            })();\n        } else {\n            vgsCollectLoader.then(() => {\n                if (!cancelled) {\n                    setVgsLoaded(true);\n                }\n            });\n        }\n\n        return () => {\n            cancelled = true;\n        };\n    }, []);\n\n    useEffect(() => {\n        for (const ref of refs) {\n            if (!ref?.current) {\n                // Means we've still to wait for all the refs to bind\n                return;\n            }\n        }\n\n        if (vgsLoaded && !vgsForm) {\n            const form = window.VGSCollect.create(hotel.vgsVaultName, 'live', (state: any) => {\n                setInputState((oldState) => {\n                    const newState = [...oldState];\n\n                    for (const input of newState) {\n                        const vgsState = state[input.name];\n\n                        if (vgsState) {\n                            input.isFocused = vgsState.isFocused;\n                            input.isValid = !vgsState.isEmpty ? vgsState.isValid : null;\n\n                            if (input.type === 'card-number') {\n                                input.cardType = vgsState.cardType;\n                            }\n                        }\n                    }\n\n                    return newState;\n                });\n            });\n\n            setVgsForm(form);\n\n            setInputState((oldState) => {\n                const newState = [...oldState];\n\n                for (let i = 0; i < newState.length; i++) {\n                    const input = newState[i];\n                    const inputConfig = fields[i];\n\n                    input.vgsInput = form.field(refs[i].current, mapInputConfigToVGS(inputConfig));\n                }\n\n                return newState;\n            });\n        }\n    }, [vgsLoaded, vgsForm, refs]);\n\n    const triggerFieldUpdate = () => {\n        for (const ref of refs) {\n            if (!ref?.current) {\n                // Means we've still to wait for all the refs to bind\n                return;\n            }\n        }\n\n        if (!vgsForm) {\n            // Means VGS Collect has not loaded yet.\n            return;\n        }\n\n        for (let i = 0; i < inputState.length; i++) {\n            const input = inputState[i];\n            const inputConfig = fields[i];\n\n            if (input.vgsInput) {\n                input.vgsInput.update?.(mapInputConfigToVGS(inputConfig));\n            }\n        }\n    };\n\n    return {\n        fields: fields.map((item, index) => {\n            return {\n                ref: refs[index],\n                state: inputState[index],\n                getClasses: (extendedClasses?: string) => getClassesFormInput(index, extendedClasses),\n            };\n        }),\n        triggerFieldUpdate,\n        vgsForm,\n    };\n};\n"]}

package/dist/src/hooks/WindowSize.d.ts

@@ -1,4 +1,10 @@
-export declare const useWindowSize: () => {
-    width?: number;
-    height?: number;
+export interface Size {
+    width: number | undefined;
+    height: number | undefined;
+    isMobile: boolean | undefined;
+}
+type UseWindowSizeProps = {
+    debounceTime?: number;
 };
+export declare const useWindowSize: (props?: UseWindowSizeProps) => Size;
+export {};

package/dist/src/hooks/WindowSize.js

@@ -1,17 +1,28 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useWindowSize = void 0;
 const react_1 = require("react");
-const useWindowSize = () => {
+const Debounce_1 = require("@/util/Debounce");
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
+const useWindowSize = (props) => {
+    const { debounceTime = 5 } = props !== null && props !== void 0 ? props : {};
     const [windowSize, setWindowSize] = (0, react_1.useState)({
         width: undefined,
         height: undefined,
+        isMobile: undefined,
     });
+    const setWindowSizeDebounce = (0, react_1.useCallback)((0, Debounce_1.debounce)((value) => {
+        setWindowSize(value);
+    }, debounceTime), []);
     (0, react_1.useEffect)(() => {
         function handleResize() {
-            setWindowSize({
+            setWindowSizeDebounce({
                 width: window.innerWidth,
                 height: window.innerHeight,
+                isMobile: window.innerWidth <= ScreenSize_1.default.Large,
             });
         }
         window.addEventListener('resize', handleResize);

package/dist/src/hooks/WindowSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"WindowSize.js","sourceRoot":"/","sources":["src/hooks/WindowSize.ts"],"names":[],"mappings":";;;AAAA,iCAA4C;AAErC,MAAM,aAAa,GAAG,GAAwC,EAAE;IACnE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAsC;QAC9E,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;KACpB,CAAC,CAAC;IACH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,SAAS,YAAY;YACjB,aAAa,CAAC;gBACV,KAAK,EAAE,MAAM,CAAC,UAAU;gBACxB,MAAM,EAAE,MAAM,CAAC,WAAW;aAC7B,CAAC,CAAC;QACP,CAAC;QACD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,YAAY,EAAE,CAAC;QACf,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IACpE,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,UAAU,CAAC;AACtB,CAAC,CAAC;AAjBW,QAAA,aAAa,iBAiBxB","sourcesContent":["import { useEffect, useState } from 'react';\n\nexport const useWindowSize = (): { width?: number; height?: number } => {\n    const [windowSize, setWindowSize] = useState<{ width?: number; height?: number }>({\n        width: undefined,\n        height: undefined,\n    });\n    useEffect(() => {\n        function handleResize() {\n            setWindowSize({\n                width: window.innerWidth,\n                height: window.innerHeight,\n            });\n        }\n        window.addEventListener('resize', handleResize);\n        handleResize();\n        return () => window.removeEventListener('resize', handleResize);\n    }, []);\n    return windowSize;\n};\n"]}
+{"version":3,"file":"WindowSize.js","sourceRoot":"/","sources":["src/hooks/WindowSize.ts"],"names":[],"mappings":";;;;;;AAAA,iCAAyD;AACzD,8CAA2C;AAC3C,mEAA2C;AAWpC,MAAM,aAAa,GAAG,CAAC,KAA0B,EAAQ,EAAE;IAC9D,MAAM,EAAE,YAAY,GAAG,CAAC,EAAE,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC;IAEzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAO;QAC/C,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,SAAS;KACtB,CAAC,CAAC;IAEH,MAAM,qBAAqB,GAAG,IAAA,mBAAW,EACrC,IAAA,mBAAQ,EAAC,CAAC,KAAK,EAAE,EAAE;QACf,aAAa,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EAAE,YAAY,CAAC,EAChB,EAAE,CACL,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,SAAS,YAAY;YACjB,qBAAqB,CAAC;gBAClB,KAAK,EAAE,MAAM,CAAC,UAAU;gBACxB,MAAM,EAAE,MAAM,CAAC,WAAW;gBAC1B,QAAQ,EAAE,MAAM,CAAC,UAAU,IAAI,oBAAU,CAAC,KAAK;aAClD,CAAC,CAAC;QACP,CAAC;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,YAAY,EAAE,CAAC;QAEf,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IACpE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,UAAU,CAAC;AACtB,CAAC,CAAC;AAhCW,QAAA,aAAa,iBAgCxB","sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { debounce } from '@/util/Debounce';\nimport ScreenSize from '@/util/ScreenSize';\n\nexport interface Size {\n    width: number | undefined;\n    height: number | undefined;\n    isMobile: boolean | undefined;\n}\n\ntype UseWindowSizeProps = {\n    debounceTime?: number;\n};\nexport const useWindowSize = (props?: UseWindowSizeProps): Size => {\n    const { debounceTime = 5 } = props ?? {};\n\n    const [windowSize, setWindowSize] = useState<Size>({\n        width: undefined,\n        height: undefined,\n        isMobile: undefined,\n    });\n\n    const setWindowSizeDebounce = useCallback(\n        debounce((value) => {\n            setWindowSize(value);\n        }, debounceTime),\n        []\n    );\n\n    useEffect(() => {\n        function handleResize() {\n            setWindowSizeDebounce({\n                width: window.innerWidth,\n                height: window.innerHeight,\n                isMobile: window.innerWidth <= ScreenSize.Large,\n            });\n        }\n\n        window.addEventListener('resize', handleResize);\n        handleResize();\n\n        return () => window.removeEventListener('resize', handleResize);\n    }, []);\n\n    return windowSize;\n};\n"]}

package/dist/src/hooks/index.d.ts

@@ -1,6 +1,6 @@
-export * from 'hooks/BodyClickHook';
-export * from 'hooks/CurrentHotelHook';
-export * from 'hooks/ElementSortHook';
-export * from 'hooks/EventHook';
-export * from 'hooks/ScrollFocusHook';
-export * from 'hooks/LoggedInUserHook';
+export * from '@/hooks/BodyClickHook';
+export * from '@/hooks/CurrentHotelHook';
+export * from '@/hooks/ElementSortHook';
+export * from '@/hooks/EventHook';
+export * from '@/hooks/ScrollFocusHook';
+export * from '@/hooks/LoggedInUserHook';

package/dist/src/hooks/index.js

@@ -14,10 +14,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("hooks/BodyClickHook"), exports);
-__exportStar(require("hooks/CurrentHotelHook"), exports);
-__exportStar(require("hooks/ElementSortHook"), exports);
-__exportStar(require("hooks/EventHook"), exports);
-__exportStar(require("hooks/ScrollFocusHook"), exports);
-__exportStar(require("hooks/LoggedInUserHook"), exports);
+__exportStar(require("@/hooks/BodyClickHook"), exports);
+__exportStar(require("@/hooks/CurrentHotelHook"), exports);
+__exportStar(require("@/hooks/ElementSortHook"), exports);
+__exportStar(require("@/hooks/EventHook"), exports);
+__exportStar(require("@/hooks/ScrollFocusHook"), exports);
+__exportStar(require("@/hooks/LoggedInUserHook"), exports);
 //# sourceMappingURL=index.js.map

package/dist/src/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"/","sources":["src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,sDAAoC;AACpC,yDAAuC;AACvC,wDAAsC;AACtC,kDAAgC;AAChC,wDAAsC;AACtC,yDAAuC","sourcesContent":["export * from 'hooks/BodyClickHook';\nexport * from 'hooks/CurrentHotelHook';\nexport * from 'hooks/ElementSortHook';\nexport * from 'hooks/EventHook';\nexport * from 'hooks/ScrollFocusHook';\nexport * from 'hooks/LoggedInUserHook';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"/","sources":["src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wDAAsC;AACtC,2DAAyC;AACzC,0DAAwC;AACxC,oDAAkC;AAClC,0DAAwC;AACxC,2DAAyC","sourcesContent":["export * from '@/hooks/BodyClickHook';\nexport * from '@/hooks/CurrentHotelHook';\nexport * from '@/hooks/ElementSortHook';\nexport * from '@/hooks/EventHook';\nexport * from '@/hooks/ScrollFocusHook';\nexport * from '@/hooks/LoggedInUserHook';\n"]}

package/dist/src/icons/Check.js

@@ -1,7 +1,30 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const Color_1 = require("util/Color");
+const React = __importStar(require("react"));
+const Color_1 = require("@/util/Color");
 const Check = (props) => {
     return (React.createElement("div", { className: props.className },
         React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },

package/dist/src/icons/Check.js.map

@@ -1 +1 @@
-{"version":3,"file":"Check.js","sourceRoot":"/","sources":["src/icons/Check.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,sCAAmC;AAMnC,MAAM,KAAK,GAAG,CAAC,KAAY,EAAE,EAAE;IAC3B,OAAO,CACH,6BAAK,SAAS,EAAE,KAAK,CAAC,SAAS;QAC3B,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;YAC1F,8BAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAE,aAAK,CAAC,MAAM,GAAI;YAC3D,8BAAM,CAAC,EAAC,uGAAuG,EAAC,IAAI,EAAC,OAAO,GAAG,CAC7H,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC","sourcesContent":["import * as React from 'react';\nimport { Color } from 'util/Color';\n\ninterface Props {\n    className?: string;\n}\n\nconst Check = (props: Props) => {\n    return (\n        <div className={props.className}>\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <rect width=\"24\" height=\"24\" rx=\"12\" fill={Color.Accent} />\n                <path d=\"M7.33333 12L10.6667 15.3333L16.6667 9.33332L15.7267 8.38666L10.6667 13.4467L8.27333 11.06L7.33333 12Z\" fill=\"white\" />\n            </svg>\n        </div>\n    );\n};\n\nexport default Check;\n"]}
+{"version":3,"file":"Check.js","sourceRoot":"/","sources":["src/icons/Check.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,wCAAqC;AAMrC,MAAM,KAAK,GAAG,CAAC,KAAY,EAAE,EAAE;IAC3B,OAAO,CACH,6BAAK,SAAS,EAAE,KAAK,CAAC,SAAS;QAC3B,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;YAC1F,8BAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAE,aAAK,CAAC,MAAM,GAAI;YAC3D,8BAAM,CAAC,EAAC,uGAAuG,EAAC,IAAI,EAAC,OAAO,GAAG,CAC7H,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC","sourcesContent":["import * as React from 'react';\nimport { Color } from '@/util/Color';\n\ninterface Props {\n    className?: string;\n}\n\nconst Check = (props: Props) => {\n    return (\n        <div className={props.className}>\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <rect width=\"24\" height=\"24\" rx=\"12\" fill={Color.Accent} />\n                <path d=\"M7.33333 12L10.6667 15.3333L16.6667 9.33332L15.7267 8.38666L10.6667 13.4467L8.27333 11.06L7.33333 12Z\" fill=\"white\" />\n            </svg>\n        </div>\n    );\n};\n\nexport default Check;\n"]}

package/dist/src/index.d.ts

@@ -2,73 +2,74 @@ import * as ReactRaw from 'react';
 export declare const react: typeof ReactRaw;
 export { useTranslation } from 'react-i18next';
 export { Link } from 'react-router-dom';
-export * from 'engines/FullPageBookingEngine/FullPageBookingEngine';
-export * from 'engines/InlineRoomMiniEngine/InlineRoomMiniEngine';
-export * from 'engines/RecentSearchesEngine/RecentSearchesEngine';
-export * from 'engines/CustomEngine/CustomEngine';
-export { default as Icon } from 'components/generic/Icon/Icon';
-export * from 'components/generic/Icon/Icon';
-export * from 'components/generic/Text';
-export { default as TextBox } from 'components/generic/TextBox';
-export { default as TextArea } from 'components/generic/TextArea';
-export { default as InputGroup } from 'components/generic/InputGroup/InputGroup';
-export { default as RadioFields } from 'components/generic/radio/RadioFields';
-export { default as Checkbox } from 'components/generic/Checkbox/Checkbox';
-export { default as LineBreak } from 'components/generic/LineBreak';
+export * from '@/engines/FullPageBookingEngine/FullPageBookingEngine';
+export * from '@/engines/InlineRoomMiniEngine/InlineRoomMiniEngine';
+export * from '@/engines/RecentSearchesEngine/RecentSearchesEngine';
+export * from '@/engines/BookingWizardEngine/BookingWizardEngine';
+export * from '@/engines/CustomEngine/CustomEngine';
+export { default as Icon } from '@/components/generic/Icon/Icon';
+export * from '@/components/generic/Icon/Icon';
+export * from '@/components/generic/Text';
+export { default as TextBox } from '@/components/generic/TextBox';
+export { default as TextArea } from '@/components/generic/TextArea';
+export { default as InputGroup } from '@/components/generic/InputGroup/InputGroup';
+export { default as RadioFields } from '@/components/generic/radio/RadioFields';
+export { default as Checkbox } from '@/components/generic/Checkbox/Checkbox';
+export { default as LineBreak } from '@/components/generic/LineBreak';
 export { default as AutoAutoHeight } from 'animations/AutoAutoHeight';
-export { default as Headline } from 'components/generic/Headline';
-export * from 'components/generic/Alert';
-export { default as Alert } from 'components/generic/Alert';
-export { default as BEButton } from 'components/generic/BEButton';
-export { BE_NO_ROOMS_FOUND_BLOCK } from './components/steps/room/NoRoomsFoundBlock';
-export { default as NoRoomsFoundBlock } from './components/steps/room/NoRoomsFoundBlock';
-export { default as StepConfirmationCountrySelector } from 'components/steps/confirmation/StepConfirmationCountrySelector';
-export * from 'components/steps/confirmation/StepConfirmationCommentsComponent';
-export * from 'components/summary/BESummaryPerkBlock';
-export * from 'components/summary/BESummary';
-export * from 'components/steps/room/StepRoomBestRateAlert';
-export { default as StepNoRoomBestRateAlert } from 'components/steps/room/StepRoomBestRateAlert';
-export { default as SmallSpinner } from 'components/generic/loader/SmallSpinner';
-export * from 'providers/LanguageProvider';
-export * from 'providers/CurrencyProvider';
-export { default as CurrencyProvider } from 'providers/CurrencyProvider';
-export { default as FeatureProvider } from 'providers/FeatureProvider';
-export { default as RatePillProvider } from 'providers/RatePillProvider';
-export * from './providers/PromotionProvider';
-export { default as ConfirmationVerifyFeature } from 'providers/feature/ConfirmationVerifyFeature';
-export { default as DatePickerTypeFeature } from 'providers/feature/DatePickerTypeFeature';
-export { default as FeaturedPromoFeature } from 'providers/feature/FeaturedPromoFeature';
-export { default as InlineAddonStepFeature } from 'providers/feature/InlineAddonStepFeature';
-export { default as RoomUpsellFeature } from 'providers/feature/RoomUpsellFeature';
-export { default as ShowIATANumberOnCheckoutFeature } from 'providers/feature/ShowIATANumberOnCheckoutFeature';
-export { default as E164PhoneNumberFieldFeature } from 'providers/feature/E164PhoneNumberFieldFeature';
+export { default as Headline } from '@/components/generic/Headline';
+export * from '@/components/generic/Alert';
+export { default as Alert } from '@/components/generic/Alert';
+export { default as BEButton } from '@/components/generic/BEButton';
+export { BE_NO_ROOMS_FOUND_BLOCK } from '@/components/steps/room/NoRoomsFoundBlock';
+export { default as NoRoomsFoundBlock } from '@/components/steps/room/NoRoomsFoundBlock';
+export { default as StepConfirmationCountrySelector } from '@/components/steps/confirmation/StepConfirmationCountrySelector';
+export * from '@/components/steps/confirmation/StepConfirmationCommentsComponent';
+export * from '@/components/summary/BESummaryPerkBlock';
+export * from '@/components/summary/BESummary';
+export * from '@/components/steps/room/StepRoomBestRateAlert';
+export { default as StepNoRoomBestRateAlert } from '@/components/steps/room/StepRoomBestRateAlert';
+export { default as SmallSpinner } from '@/components/generic/loader/SmallSpinner';
+export * from '@/providers/LanguageProvider';
+export * from '@/providers/CurrencyProvider';
+export { default as CurrencyProvider } from '@/providers/CurrencyProvider';
+export { default as FeatureProvider } from '@/providers/FeatureProvider';
+export { default as RatePillProvider } from '@/providers/RatePillProvider';
+export * from '@/providers/PromotionProvider';
+export { default as ConfirmationVerifyFeature } from '@/providers/feature/ConfirmationVerifyFeature';
+export { default as DatePickerTypeFeature } from '@/providers/feature/DatePickerTypeFeature';
+export { default as FeaturedPromoFeature } from '@/providers/feature/FeaturedPromoFeature';
+export { default as InlineAddonStepFeature } from '@/providers/feature/InlineAddonStepFeature';
+export { default as RoomUpsellFeature } from '@/providers/feature/RoomUpsellFeature';
+export { default as ShowIATANumberOnCheckoutFeature } from '@/providers/feature/ShowIATANumberOnCheckoutFeature';
+export { default as E164PhoneNumberFieldFeature } from '@/providers/feature/E164PhoneNumberFieldFeature';
 export * from '@frontend/contexts';
-export { default as SessionProvider } from 'providers/SessionProvider';
-export * from 'providers/RoomstayThemeEngine';
-export { default as RoomstayThemeEngine } from 'providers/RoomstayThemeEngine';
-export { registerReplacement, withDI } from 'providers/DIProvider';
-export { default as DataLayer } from 'util/DataLayer';
-export * from 'util/DataLayer';
-export * from 'models/Client/Hotel/Hotel';
-export * from 'models/Client/Hotel/HotelPerk';
-export * from 'models/Client/Hotel/DistanceUnitType.types';
-export * from 'models/Client/Hotel/WeekdayStartsOn.types';
-export * from 'models/Client/Hotel/Company';
-export { default as API } from 'api/BookingAPI';
-export { default as StepManager } from 'util/StepManager';
-export { default as StepAddon } from 'pages/steps/StepAddon/StepAddon';
-export { default as StepDate } from 'pages/steps/StepDate/StepDate';
-export { default as StepConfirmation } from 'pages/steps/StepConfirmation/StepConfirmation';
-export { default as StepHotel } from 'pages/steps/StepHotel/StepHotel';
-export { default as StepRoom } from 'pages/steps/StepRoom/StepRoom';
-export { default as StepThanks } from 'pages/steps/StepThanks/StepThanks';
-export * from 'translations/Translation';
-export * from 'util/Color';
-export * from 'hooks/CurrentHotelHook';
-export * from 'hooks/EventHook';
-export * from 'events/index';
+export { default as SessionProvider } from '@/providers/SessionProvider';
+export * from '@/providers/RoomstayThemeEngine';
+export { default as RoomstayThemeEngine } from '@/providers/RoomstayThemeEngine';
+export { registerReplacement, withDI } from '@/providers/DIProvider';
+export { default as DataLayer } from '@/util/DataLayer';
+export * from '@/util/DataLayer';
+export * from '@/models/Client/Hotel/Hotel';
+export * from '@/models/Client/Hotel/HotelPerk';
+export * from '@/models/Client/Hotel/DistanceUnitType.types';
+export * from '@/models/Client/Hotel/WeekdayStartsOn.types';
+export * from '@/models/Client/Hotel/Company';
+export { default as API } from '@/api/BookingAPI';
+export { default as StepManager } from '@/util/StepManager';
+export { default as StepAddon } from '@/pages/steps/StepAddon/StepAddon';
+export { default as StepDate } from '@/pages/steps/StepDate/StepDate';
+export { default as StepConfirmation } from '@/pages/steps/StepConfirmation/StepConfirmation';
+export { default as StepHotel } from '@/pages/steps/StepHotel/StepHotel';
+export { default as StepRoom } from '@/pages/steps/StepRoom/StepRoom';
+export { default as StepThanks } from '@/pages/steps/StepThanks/StepThanks';
+export * from '@/translations/Translation';
+export * from '@/util/Color';
+export * from '@/hooks/CurrentHotelHook';
+export * from '@/hooks/EventHook';
+export * from '@/events/index';
 /** @deprecated use `roomstay.events` instead */
-export { default as RoomstayEventManager } from './events/RoomstayEventManager';
+export { default as RoomstayEventManager } from '@/events/RoomstayEventManager';
 export declare const events: {
     on: (eventType: string | import("./events/RoomstayEvent").RoomstayEvent, callback: import("./events/RoomstayEventManager").RoomstayEventCallback, id?: string) => boolean;
     raise: (event: import("./events/RoomstayEvent").RoomstayEvent) => Promise<void>;