@roomstay/frontend 2.1.6 → 2.1.7

package/dist/src/events/RoomstayEventManager.js

@@ -59,7 +59,7 @@ class RoomstayEventManager {
                 GlobalRoomstayEvents[name] = [];
             }
             const event = {
-                id: null,
+                id: undefined,
                 callback,
             };
             if (id && typeof id === 'string') {

package/dist/src/events/RoomstayEventManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomstayEventManager.js","sourceRoot":"/","sources":["src/events/RoomstayEventManager.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,wDAAqD;AAUrD,MAAM,oBAAoB,GAAgD,EAAE,CAAC;AAE7E;;;;GAIG;AACH,MAAM,oBAAoB;IACT,KAAK,CAAC,KAAoB;;;YACnC,MAAM,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;YAEpD,IAAI,CAAC,cAAc,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,cAAc,EAAE,aAAa,CAAC,IAAI,CAAC,CAAA,MAAA,MAAA,cAAc,CAAC,WAAW,EAAC,QAAQ,kDAAI,CAAA,EAAE;gBACrI,sBAAsB;gBACtB,MAAM,IAAI,6BAAa,CAAC,mDAAmD,CAAC,CAAC;aAChF;YAED,MAAM,IAAI,GAAG,cAAc,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC;YAEnD,IAAI,oBAAoB,CAAC,IAAI,CAAC,EAAE;gBAC5B,KAAK,MAAM,WAAW,IAAI,oBAAoB,CAAC,IAAI,CAAC,EAAE;oBAClD,IAAI;wBACA,MAAM,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;qBACrC;oBAAC,OAAO,EAAE,EAAE;wBACT,sBAAsB;wBACtB,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;qBACrB;iBACJ;aACJ;;KACJ;IAEM,QAAQ,CAAC,SAAiC,EAAE,QAA+B,EAAE,EAAW;;QAC3F,IAAI,CAAC,QAAQ,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;YAC7C,OAAO,KAAK,CAAC;SAChB;QAED,IAAI;YACA,IAAI,IAAI,GAAG,EAAE,CAAC;YACd,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;gBAC/B,IAAI,GAAG,SAAS,CAAC;aACpB;iBAAM;gBACH,IAAI,GAAG,MAAA,MAAC,SAAkC,EAAC,QAAQ,kDAAI,CAAC;aAC3D;YAED,IAAI,CAAC,IAAI,EAAE;gBACP,OAAO,KAAK,CAAC;aAChB;YAED,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,oBAAoB,EAAE,IAAI,CAAC,EAAE;gBACnE,oBAAoB,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;aACnC;YAED,MAAM,KAAK,GAA0B;gBACjC,EAAE,EAAE,IAAI;gBACR,QAAQ;aACX,CAAC;YAEF,IAAI,EAAE,IAAI,OAAO,EAAE,KAAK,QAAQ,EAAE;gBAC9B,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;gBAEd,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE;oBACrB,MAAM,WAAW,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;oBAEtD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,EAAE,CAAC,EAAE,EAAE;wBAClC,IAAI,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;4BACzC,OAAO,CAAC,CAAC;yBACZ;qBACJ;oBAED,OAAO,WAAW,CAAC;gBACvB,CAAC,CAAC,EAAE,CAAC;gBAEL,oBAAoB,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC;aAClD;iBAAM;gBACH,oBAAoB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC1C;YAED,OAAO,IAAI,CAAC;SACf;QAAC,OAAO,EAAE,EAAE;YACT,oDAAoD;YACpD,OAAO,KAAK,CAAC;SAChB;IACL,CAAC;CACJ;AAED,MAAM,OAAO,GAAG,IAAI,oBAAoB,EAAE,CAAC;AAE3C,kBAAe,OAAO,CAAC","sourcesContent":["import { RoomstayError } from 'errors/RoomstayError';\nimport { RoomstayEvent } from '@/events/RoomstayEvent';\n\nexport type RoomstayEventCallback = (event: RoomstayEvent) => Promise<void | boolean>;\n\ntype RoomstayEventSortType = {\n    id?: string;\n    callback: RoomstayEventCallback;\n};\n\nconst GlobalRoomstayEvents: { [name: string]: RoomstayEventSortType[] } = {};\n\n/**\n * Roomstay event manager, always used as a global object, but wrapped in a class.\n *\n * Future improvements - Adding on fail / on\n */\nclass RoomstayEventManager {\n    public async raise(event: RoomstayEvent) {\n        const eventPrototype = Object.getPrototypeOf(event);\n\n        if (!eventPrototype || !Object.prototype.hasOwnProperty.call(eventPrototype, 'constructor') || !eventPrototype.constructor.getLabel?.()) {\n            // TODO: Custom logger\n            throw new RoomstayError('Failed to raise event as object passed is invalid');\n        }\n\n        const name = eventPrototype.constructor.getLabel();\n\n        if (GlobalRoomstayEvents[name]) {\n            for (const storedEvent of GlobalRoomstayEvents[name]) {\n                try {\n                    await storedEvent.callback(event);\n                } catch (ex) {\n                    // TODO: Custom logger\n                    console.error(ex);\n                }\n            }\n        }\n    }\n\n    public addEvent(eventType: RoomstayEvent | string, callback: RoomstayEventCallback, id?: string) {\n        if (!callback || typeof callback !== 'function') {\n            return false;\n        }\n\n        try {\n            let name = '';\n            if (typeof eventType === 'string') {\n                name = eventType;\n            } else {\n                name = (eventType as typeof RoomstayEvent).getLabel?.();\n            }\n\n            if (!name) {\n                return false;\n            }\n\n            if (!Object.prototype.hasOwnProperty.call(GlobalRoomstayEvents, name)) {\n                GlobalRoomstayEvents[name] = [];\n            }\n\n            const event: RoomstayEventSortType = {\n                id: null,\n                callback,\n            };\n\n            if (id && typeof id === 'string') {\n                event.id = id;\n\n                const eventIndex = (() => {\n                    const numOfEvents = GlobalRoomstayEvents[name].length;\n\n                    for (let i = 0; i < numOfEvents; i++) {\n                        if (GlobalRoomstayEvents[name][i].id === id) {\n                            return i;\n                        }\n                    }\n\n                    return numOfEvents;\n                })();\n\n                GlobalRoomstayEvents[name][eventIndex] = event;\n            } else {\n                GlobalRoomstayEvents[name].push(event);\n            }\n\n            return true;\n        } catch (ex) {\n            //  TODO: Add logging if user enters something whack\n            return false;\n        }\n    }\n}\n\nconst manager = new RoomstayEventManager();\n\nexport default manager;\n"]}
+{"version":3,"file":"RoomstayEventManager.js","sourceRoot":"/","sources":["src/events/RoomstayEventManager.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,wDAAqD;AAUrD,MAAM,oBAAoB,GAAqD,EAAE,CAAC;AAElF;;;;GAIG;AACH,MAAM,oBAAoB;IACT,KAAK,CAAC,KAAoB;;;YACnC,MAAM,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;YAEpD,IAAI,CAAC,cAAc,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,cAAc,EAAE,aAAa,CAAC,IAAI,CAAC,CAAA,MAAA,MAAA,cAAc,CAAC,WAAW,EAAC,QAAQ,kDAAI,CAAA,EAAE;gBACrI,sBAAsB;gBACtB,MAAM,IAAI,6BAAa,CAAC,mDAAmD,CAAC,CAAC;aAChF;YAED,MAAM,IAAI,GAAG,cAAc,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC;YAEnD,IAAI,oBAAoB,CAAC,IAAI,CAAC,EAAE;gBAC5B,KAAK,MAAM,WAAW,IAAI,oBAAoB,CAAC,IAAI,CAAC,EAAE;oBAClD,IAAI;wBACA,MAAM,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;qBACrC;oBAAC,OAAO,EAAE,EAAE;wBACT,sBAAsB;wBACtB,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;qBACrB;iBACJ;aACJ;;KACJ;IAEM,QAAQ,CAA0C,SAAiC,EAAE,QAAkC,EAAE,EAAW;;QACvI,IAAI,CAAC,QAAQ,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;YAC7C,OAAO,KAAK,CAAC;SAChB;QAED,IAAI;YACA,IAAI,IAAI,GAAG,EAAE,CAAC;YACd,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;gBAC/B,IAAI,GAAG,SAAS,CAAC;aACpB;iBAAM;gBACH,IAAI,GAAG,MAAA,MAAC,SAAkC,EAAC,QAAQ,kDAAI,CAAC;aAC3D;YAED,IAAI,CAAC,IAAI,EAAE;gBACP,OAAO,KAAK,CAAC;aAChB;YAED,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,oBAAoB,EAAE,IAAI,CAAC,EAAE;gBACnE,oBAAoB,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;aACnC;YAED,MAAM,KAAK,GAA6B;gBACpC,EAAE,EAAE,SAAS;gBACb,QAAQ;aACX,CAAC;YAEF,IAAI,EAAE,IAAI,OAAO,EAAE,KAAK,QAAQ,EAAE;gBAC9B,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;gBAEd,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE;oBACrB,MAAM,WAAW,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;oBAEtD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,EAAE,CAAC,EAAE,EAAE;wBAClC,IAAI,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;4BACzC,OAAO,CAAC,CAAC;yBACZ;qBACJ;oBAED,OAAO,WAAW,CAAC;gBACvB,CAAC,CAAC,EAAE,CAAC;gBAEL,oBAAoB,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC;aAClD;iBAAM;gBACH,oBAAoB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC1C;YAED,OAAO,IAAI,CAAC;SACf;QAAC,OAAO,EAAE,EAAE;YACT,oDAAoD;YACpD,OAAO,KAAK,CAAC;SAChB;IACL,CAAC;CACJ;AAED,MAAM,OAAO,GAAG,IAAI,oBAAoB,EAAE,CAAC;AAE3C,kBAAe,OAAO,CAAC","sourcesContent":["import { RoomstayError } from 'errors/RoomstayError';\nimport { RoomstayEvent } from '@/events/RoomstayEvent';\n\nexport type RoomstayEventCallback<T extends RoomstayEvent = RoomstayEvent> = (event: T) => Promise<void | boolean>;\n\ntype RoomstayEventSortType<T extends RoomstayEvent = RoomstayEvent> = {\n    id?: string;\n    callback: RoomstayEventCallback<T>;\n};\n\nconst GlobalRoomstayEvents: { [name: string]: RoomstayEventSortType<any>[] } = {};\n\n/**\n * Roomstay event manager, always used as a global object, but wrapped in a class.\n *\n * Future improvements - Adding on fail / on\n */\nclass RoomstayEventManager {\n    public async raise(event: RoomstayEvent) {\n        const eventPrototype = Object.getPrototypeOf(event);\n\n        if (!eventPrototype || !Object.prototype.hasOwnProperty.call(eventPrototype, 'constructor') || !eventPrototype.constructor.getLabel?.()) {\n            // TODO: Custom logger\n            throw new RoomstayError('Failed to raise event as object passed is invalid');\n        }\n\n        const name = eventPrototype.constructor.getLabel();\n\n        if (GlobalRoomstayEvents[name]) {\n            for (const storedEvent of GlobalRoomstayEvents[name]) {\n                try {\n                    await storedEvent.callback(event);\n                } catch (ex) {\n                    // TODO: Custom logger\n                    console.error(ex);\n                }\n            }\n        }\n    }\n\n    public addEvent<T extends RoomstayEvent = RoomstayEvent>(eventType: RoomstayEvent | string, callback: RoomstayEventCallback<T>, id?: string) {\n        if (!callback || typeof callback !== 'function') {\n            return false;\n        }\n\n        try {\n            let name = '';\n            if (typeof eventType === 'string') {\n                name = eventType;\n            } else {\n                name = (eventType as typeof RoomstayEvent).getLabel?.();\n            }\n\n            if (!name) {\n                return false;\n            }\n\n            if (!Object.prototype.hasOwnProperty.call(GlobalRoomstayEvents, name)) {\n                GlobalRoomstayEvents[name] = [];\n            }\n\n            const event: RoomstayEventSortType<T> = {\n                id: undefined,\n                callback,\n            };\n\n            if (id && typeof id === 'string') {\n                event.id = id;\n\n                const eventIndex = (() => {\n                    const numOfEvents = GlobalRoomstayEvents[name].length;\n\n                    for (let i = 0; i < numOfEvents; i++) {\n                        if (GlobalRoomstayEvents[name][i].id === id) {\n                            return i;\n                        }\n                    }\n\n                    return numOfEvents;\n                })();\n\n                GlobalRoomstayEvents[name][eventIndex] = event;\n            } else {\n                GlobalRoomstayEvents[name].push(event);\n            }\n\n            return true;\n        } catch (ex) {\n            //  TODO: Add logging if user enters something whack\n            return false;\n        }\n    }\n}\n\nconst manager = new RoomstayEventManager();\n\nexport default manager;\n"]}

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

@@ -7,7 +7,7 @@ interface UseAutoFocusOnSelectProps {
 export declare const useAutoFocusOnSelect: ({ ref, onlyAutoOpenWhenInputEmpty, focusOnSelected }: UseAutoFocusOnSelectProps) => {
     isFocused: boolean;
     isDropdownOpen: boolean;
-    onDropdownClosed: (e: MouseEvent) => void;
+    onDropdownClosed: (e: Event) => void;
     onTriggerClicked: () => void;
     onItemSelected: () => void;
     setIsDropdownOpen: Dispatch<SetStateAction<boolean>>;

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

@@ -1 +1 @@
-{"version":3,"file":"AutoFocusOnSelect.js","sourceRoot":"/","sources":["src/hooks/AutoFocusOnSelect.ts"],"names":[],"mappings":"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","sourcesContent":["import { Dispatch, SetStateAction, useCallback, useEffect, useRef, useState } from 'react';\nimport { debounce } from '../util/Debounce';\n\ninterface UseAutoFocusOnSelectProps {\n    ref: HTMLInputElement | null;\n    onlyAutoOpenWhenInputEmpty?: boolean;\n    focusOnSelected?: boolean;\n}\n\nconst duration = 300;\n\nexport const useAutoFocusOnSelect = ({ ref, onlyAutoOpenWhenInputEmpty = false, focusOnSelected = true }: UseAutoFocusOnSelectProps) => {\n    const [isFocused, setIsFocused] = useState<boolean>(false);\n    const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n    const lockOpen = useRef<boolean>(false);\n    const timeout = useRef<NodeJS.Timeout>();\n\n    useEffect(() => clearTimeout(timeout.current), []);\n\n    const debounceSetFocus = useCallback(\n        debounce((value) => {\n            setIsFocused(value);\n        }, duration),\n        []\n    );\n\n    const onTriggerClicked = () => {\n        setIsDropdownOpen(true);\n        debounceSetFocus(true);\n    };\n\n    const onDropdownClosed = (e: MouseEvent) => {\n        const composedPath = e.composedPath() as HTMLElement[];\n        if (composedPath.some((el) => el.isSameNode?.(ref))) {\n            return;\n        }\n        if (!lockOpen.current) {\n            setIsDropdownOpen(false);\n        }\n        debounceSetFocus(false);\n    };\n\n    const onItemSelected = () => {\n        if (!lockOpen.current) setIsDropdownOpen(false);\n        if (focusOnSelected) ref?.focus();\n        else ref?.blur();\n    };\n\n    const _onFocus = useCallback(() => {\n        if (!isFocused) {\n            if (!onlyAutoOpenWhenInputEmpty || !ref?.value) {\n                setIsDropdownOpen(true);\n                lockOpen.current = true;\n                timeout.current = setTimeout(() => {\n                    lockOpen.current = false;\n                }, duration);\n            }\n        }\n        debounceSetFocus(true);\n    }, [setIsFocused, isFocused, isDropdownOpen, setIsDropdownOpen]);\n\n    const _onBlur = useCallback(() => {\n        debounceSetFocus(false);\n    }, [setIsFocused]);\n\n    useEffect(() => {\n        if (!ref) return;\n        ref.addEventListener('focus', _onFocus);\n        ref.addEventListener('blur', _onBlur);\n        ref.addEventListener('click', _onFocus);\n        return () => {\n            if (!ref) return;\n            ref.removeEventListener('focus', _onFocus);\n            ref.removeEventListener('blur', _onBlur);\n            ref.removeEventListener('click', _onFocus);\n        };\n    }, [ref, _onFocus, _onBlur]);\n    return {\n        isFocused,\n        isDropdownOpen,\n        onDropdownClosed,\n        onTriggerClicked,\n        onItemSelected,\n        setIsDropdownOpen,\n    };\n};\n"]}
+{"version":3,"file":"AutoFocusOnSelect.js","sourceRoot":"/","sources":["src/hooks/AutoFocusOnSelect.ts"],"names":[],"mappings":"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","sourcesContent":["import { Dispatch, SetStateAction, useCallback, useEffect, useRef, useState } from 'react';\nimport { debounce } from '../util/Debounce';\n\ninterface UseAutoFocusOnSelectProps {\n    ref: HTMLInputElement | null;\n    onlyAutoOpenWhenInputEmpty?: boolean;\n    focusOnSelected?: boolean;\n}\n\nconst duration = 300;\n\nexport const useAutoFocusOnSelect = ({ ref, onlyAutoOpenWhenInputEmpty = false, focusOnSelected = true }: UseAutoFocusOnSelectProps) => {\n    const [isFocused, setIsFocused] = useState<boolean>(false);\n    const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n    const lockOpen = useRef<boolean>(false);\n    const timeout = useRef<NodeJS.Timeout>();\n\n    useEffect(() => clearTimeout(timeout.current), []);\n\n    const debounceSetFocus = useCallback(\n        debounce((value) => {\n            setIsFocused(value);\n        }, duration),\n        []\n    );\n\n    const onTriggerClicked = () => {\n        setIsDropdownOpen(true);\n        debounceSetFocus(true);\n    };\n\n    const onDropdownClosed = (e: Event) => {\n        const composedPath = e.composedPath() as HTMLElement[];\n        if (composedPath.some((el) => el.isSameNode?.(ref))) {\n            return;\n        }\n        if (!lockOpen.current) {\n            setIsDropdownOpen(false);\n        }\n        debounceSetFocus(false);\n    };\n\n    const onItemSelected = () => {\n        if (!lockOpen.current) setIsDropdownOpen(false);\n        if (focusOnSelected) ref?.focus();\n        else ref?.blur();\n    };\n\n    const _onFocus = useCallback(() => {\n        if (!isFocused) {\n            if (!onlyAutoOpenWhenInputEmpty || !ref?.value) {\n                setIsDropdownOpen(true);\n                lockOpen.current = true;\n                timeout.current = setTimeout(() => {\n                    lockOpen.current = false;\n                }, duration);\n            }\n        }\n        debounceSetFocus(true);\n    }, [setIsFocused, isFocused, isDropdownOpen, setIsDropdownOpen]);\n\n    const _onBlur = useCallback(() => {\n        debounceSetFocus(false);\n    }, [setIsFocused]);\n\n    useEffect(() => {\n        if (!ref) return;\n        ref.addEventListener('focus', _onFocus);\n        ref.addEventListener('blur', _onBlur);\n        ref.addEventListener('click', _onFocus);\n        return () => {\n            if (!ref) return;\n            ref.removeEventListener('focus', _onFocus);\n            ref.removeEventListener('blur', _onBlur);\n            ref.removeEventListener('click', _onFocus);\n        };\n    }, [ref, _onFocus, _onBlur]);\n    return {\n        isFocused,\n        isDropdownOpen,\n        onDropdownClosed,\n        onTriggerClicked,\n        onItemSelected,\n        setIsDropdownOpen,\n    };\n};\n"]}

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

@@ -1,10 +1,8 @@
-type MouseClickListener = (e: MouseEvent) => void;
 export declare const useBodyClick: () => {
-    onBodyClick: (event: MouseClickListener, target?: Document) => {
+    onBodyClick: (event: EventListener, target?: HTMLElement | Document | null) => {
         remove: () => void;
     };
-    onBodyClickExcept: (event: MouseClickListener, ignore: HTMLElement, target?: Document) => {
+    onBodyClickExcept: (event: EventListener, ignore: HTMLElement, target?: HTMLElement | Document | null) => {
         remove: () => void;
     };
 };
-export {};

package/dist/src/hooks/BodyClickHook.js

@@ -3,16 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBodyClick = void 0;
 const useBodyClick = () => {
     const removeEvent = (event, target = document) => {
-        target.removeEventListener('click', event);
+        target === null || target === void 0 ? void 0 : target.removeEventListener('click', event);
     };
     const onBodyClick = (event, target = document) => {
         const mappedEvent = (e) => {
             return event(e);
         };
-        target.addEventListener('click', mappedEvent);
+        target === null || target === void 0 ? void 0 : target.addEventListener('click', mappedEvent);
         return {
             remove: () => {
-                removeEvent(mappedEvent, target);
+                target && removeEvent(mappedEvent, target);
             },
         };
     };

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

@@ -1 +1 @@
-{"version":3,"file":"BodyClickHook.js","sourceRoot":"/","sources":["src/hooks/BodyClickHook.ts"],"names":[],"mappings":";;;AAEO,MAAM,YAAY,GAAG,GAAG,EAAE;IAC7B,MAAM,WAAW,GAAG,CAAC,KAAyB,EAAE,MAAM,GAAG,QAAQ,EAAE,EAAE;QACjE,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAyB,EAAE,MAAM,GAAG,QAAQ,EAAE,EAAE;QACjE,MAAM,WAAW,GAAG,CAAC,CAAa,EAAE,EAAE;YAClC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAE9C,OAAO;YACH,MAAM,EAAE,GAAG,EAAE;gBACT,WAAW,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;YACrC,CAAC;SACJ,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAAyB,EAAE,MAAmB,EAAE,MAAM,GAAG,QAAQ,EAAE,EAAE;QAC5F,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAa,EAAE,EAAE;;YAC3C,KAAK,MAAM,OAAO,IAAI,CAAC,CAAC,YAAY,EAAmB,EAAE;gBACrD,IAAI,MAAA,OAAO,CAAC,UAAU,wDAAG,MAAM,CAAC,EAAE;oBAC9B,uEAAuE;oBACvE,OAAO;iBACV;aACJ;YAED,yEAAyE;YACzE,KAAK,CAAC,CAAC,CAAC,CAAC;QACb,CAAC,EAAE,MAAM,CAAC,CAAC;QAEX,OAAO,QAAQ,CAAC;IACpB,CAAC,CAAC;IACF,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAC;AAC9C,CAAC,CAAC;AAnCW,QAAA,YAAY,gBAmCvB","sourcesContent":["type MouseClickListener = (e: MouseEvent) => void;\n\nexport const useBodyClick = () => {\n    const removeEvent = (event: MouseClickListener, target = document) => {\n        target.removeEventListener('click', event);\n    };\n\n    const onBodyClick = (event: MouseClickListener, target = document) => {\n        const mappedEvent = (e: MouseEvent) => {\n            return event(e);\n        };\n\n        target.addEventListener('click', mappedEvent);\n\n        return {\n            remove: () => {\n                removeEvent(mappedEvent, target);\n            },\n        };\n    };\n\n    const onBodyClickExcept = (event: MouseClickListener, ignore: HTMLElement, target = document) => {\n        const response = onBodyClick((e: MouseEvent) => {\n            for (const element of e.composedPath() as HTMLElement[]) {\n                if (element.isSameNode?.(ignore)) {\n                    // Preventing the event from taking place, as it's in the ignored list.\n                    return;\n                }\n            }\n\n            // Assuming target click isn't in the ignore area, proceed with the event\n            event(e);\n        }, target);\n\n        return response;\n    };\n    return { onBodyClick, onBodyClickExcept };\n};\n"]}
+{"version":3,"file":"BodyClickHook.js","sourceRoot":"/","sources":["src/hooks/BodyClickHook.ts"],"names":[],"mappings":";;;AAAO,MAAM,YAAY,GAAG,GAAG,EAAE;IAC7B,MAAM,WAAW,GAAG,CAAC,KAAoB,EAAE,SAAwC,QAAQ,EAAE,EAAE;QAC3F,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAoB,EAAE,SAAwC,QAAQ,EAAE,EAAE;QAC3F,MAAM,WAAW,GAAG,CAAC,CAAQ,EAAE,EAAE;YAC7B,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC,CAAC;QAEF,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAE/C,OAAO;YACH,MAAM,EAAE,GAAG,EAAE;gBACT,MAAM,IAAI,WAAW,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;YAC/C,CAAC;SACJ,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAAoB,EAAE,MAAmB,EAAE,SAAwC,QAAQ,EAAE,EAAE;QACtH,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAQ,EAAE,EAAE;;YACtC,KAAK,MAAM,OAAO,IAAI,CAAC,CAAC,YAAY,EAAmB,EAAE;gBACrD,IAAI,MAAA,OAAO,CAAC,UAAU,wDAAG,MAAM,CAAC,EAAE;oBAC9B,uEAAuE;oBACvE,OAAO;iBACV;aACJ;YAED,yEAAyE;YACzE,KAAK,CAAC,CAAC,CAAC,CAAC;QACb,CAAC,EAAE,MAAM,CAAC,CAAC;QAEX,OAAO,QAAQ,CAAC;IACpB,CAAC,CAAC;IACF,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAC;AAC9C,CAAC,CAAC;AAnCW,QAAA,YAAY,gBAmCvB","sourcesContent":["export const useBodyClick = () => {\n    const removeEvent = (event: EventListener, target: HTMLElement | Document | null = document) => {\n        target?.removeEventListener('click', event);\n    };\n\n    const onBodyClick = (event: EventListener, target: HTMLElement | Document | null = document) => {\n        const mappedEvent = (e: Event) => {\n            return event(e);\n        };\n\n        target?.addEventListener('click', mappedEvent);\n\n        return {\n            remove: () => {\n                target && removeEvent(mappedEvent, target);\n            },\n        };\n    };\n\n    const onBodyClickExcept = (event: EventListener, ignore: HTMLElement, target: HTMLElement | Document | null = document) => {\n        const response = onBodyClick((e: Event) => {\n            for (const element of e.composedPath() as HTMLElement[]) {\n                if (element.isSameNode?.(ignore)) {\n                    // Preventing the event from taking place, as it's in the ignored list.\n                    return;\n                }\n            }\n\n            // Assuming target click isn't in the ignore area, proceed with the event\n            event(e);\n        }, target);\n\n        return response;\n    };\n    return { onBodyClick, onBodyClickExcept };\n};\n"]}

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

@@ -1,2 +1,2 @@
 import { Dispatch, SetStateAction } from 'react';
-export declare const useCombinedState: <T>(value?: T, defaultValue?: T) => [T, Dispatch<SetStateAction<T>>];
+export declare const useCombinedState: <T>(value?: T | undefined, defaultValue?: T | undefined) => [T | undefined, Dispatch<SetStateAction<T | undefined>>];

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

@@ -1 +1 @@
-{"version":3,"file":"CombineState.js","sourceRoot":"/","sources":["src/hooks/CombineState.ts"],"names":[],"mappings":";;;AAAA,iCAA2D;AAEpD,MAAM,gBAAgB,GAAG,CAAI,KAAS,EAAE,YAAgB,EAAoC,EAAE;IACjG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAI,YAAY,CAAC,CAAC;IACtD,OAAO,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;AAC7D,CAAC,CAAC;AAHW,QAAA,gBAAgB,oBAG3B","sourcesContent":["import { Dispatch, SetStateAction, useState } from 'react';\n\nexport const useCombinedState = <T>(value?: T, defaultValue?: T): [T, Dispatch<SetStateAction<T>>] => {\n    const [_value, _setValue] = useState<T>(defaultValue);\n    return [value === undefined ? _value : value, _setValue];\n};\n"]}
+{"version":3,"file":"CombineState.js","sourceRoot":"/","sources":["src/hooks/CombineState.ts"],"names":[],"mappings":";;;AAAA,iCAA2D;AAEpD,MAAM,gBAAgB,GAAG,CAAI,KAAS,EAAE,YAAgB,EAA4D,EAAE;IACzH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAgB,YAAY,CAAC,CAAC;IAClE,OAAO,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;AAC7D,CAAC,CAAC;AAHW,QAAA,gBAAgB,oBAG3B","sourcesContent":["import { Dispatch, SetStateAction, useState } from 'react';\n\nexport const useCombinedState = <T>(value?: T, defaultValue?: T): [T | undefined, Dispatch<SetStateAction<T | undefined>>] => {\n    const [_value, _setValue] = useState<T | undefined>(defaultValue);\n    return [value === undefined ? _value : value, _setValue];\n};\n"]}

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

@@ -1,5 +1,5 @@
 export declare const useConfirmationQuery: () => {
-    queryPaymentMethod: string;
-    queryRoomstayId: string;
-    queryPlanpayCheckoutId: string;
+    queryPaymentMethod: string | null;
+    queryRoomstayId: string | null;
+    queryPlanpayCheckoutId: string | null;
 };

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

@@ -1,4 +1,4 @@
 export declare const useCurrentHotel: () => {
-    hotel: import("..").Hotel;
+    hotel: import("..").Hotel | undefined;
     changeHotel: (newHotelID: string) => void;
 };

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

@@ -7,5 +7,5 @@ export type OrderableReactList = {
     [name: string]: OrderableReactNode;
 };
 export declare const useElementSort: (list: OrderableReactList) => {
-    sortedComponents: any[];
+    sortedComponents: JSX.Element[];
 };

package/dist/src/hooks/ElementSortHook.js

@@ -1,39 +1,19 @@
 "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;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useElementSort = void 0;
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const useElementSort = (list) => {
-    const [sortedComponents, setSortedComponents] = (0, react_1.useState)([]);
-    (0, react_1.useEffect)(() => {
+    const [sortedComponents, setSortedComponents] = (0, react_2.useState)([]);
+    (0, react_2.useEffect)(() => {
         const valueArray = Object.values(list)
             .sort((firstValue, nextValue) => {
             return firstValue.priority - nextValue.priority;
         })
-            .map((item, index) => React.createElement(react_1.Fragment, { key: index }, item.component));
+            .map((item, index) => react_1.default.createElement(react_2.Fragment, { key: index }, item.component));
         setSortedComponents(valueArray);
     }, [list]);
     return {

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

@@ -1 +1 @@
-{"version":3,"file":"ElementSortHook.js","sourceRoot":"/","sources":["src/hooks/ElementSortHook.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAiE;AAa1D,MAAM,cAAc,GAAG,CAAC,IAAwB,EAAE,EAAE;IACvD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAE7D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;aACjC,IAAI,CAAC,CAAC,UAAU,EAAE,SAAS,EAAE,EAAE;YAC5B,OAAO,UAAU,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC;QACpD,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,oBAAC,gBAAQ,IAAC,GAAG,EAAE,KAAK,IAAG,IAAI,CAAC,SAAS,CAAY,CAAC,CAAC;QAE7E,mBAAmB,CAAC,UAAU,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO;QACH,gBAAgB;KACnB,CAAC;AACN,CAAC,CAAC;AAhBW,QAAA,cAAc,kBAgBzB","sourcesContent":["import * as React from 'react';\nimport { Fragment, ReactNode, useEffect, useState } from 'react';\n\nexport type OrderableReactNode = {\n    // TODO: Add complex references to other OrderableReactNodes to chain blocks, and keep references.\n    priority: number;\n    // TODO: Add a way to pass props through to children.\n    component: ReactNode;\n};\n\nexport type OrderableReactList = {\n    [name: string]: OrderableReactNode;\n};\n\nexport const useElementSort = (list: OrderableReactList) => {\n    const [sortedComponents, setSortedComponents] = useState([]);\n\n    useEffect(() => {\n        const valueArray = Object.values(list)\n            .sort((firstValue, nextValue) => {\n                return firstValue.priority - nextValue.priority;\n            })\n            .map((item, index) => <Fragment key={index}>{item.component}</Fragment>);\n\n        setSortedComponents(valueArray);\n    }, [list]);\n\n    return {\n        sortedComponents,\n    };\n};\n"]}
+{"version":3,"file":"ElementSortHook.js","sourceRoot":"/","sources":["src/hooks/ElementSortHook.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,iCAAiE;AAa1D,MAAM,cAAc,GAAG,CAAC,IAAwB,EAAE,EAAE;IACvD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAgB,EAAE,CAAC,CAAC;IAE5E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,UAAU,GAAkB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;aAChD,IAAI,CAAC,CAAC,UAAU,EAAE,SAAS,EAAE,EAAE;YAC5B,OAAO,UAAU,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC;QACpD,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,8BAAC,gBAAQ,IAAC,GAAG,EAAE,KAAK,IAAG,IAAI,CAAC,SAAS,CAAY,CAAC,CAAC;QAE7E,mBAAmB,CAAC,UAAU,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO;QACH,gBAAgB;KACnB,CAAC;AACN,CAAC,CAAC;AAhBW,QAAA,cAAc,kBAgBzB","sourcesContent":["import React from 'react';\nimport { Fragment, ReactNode, useEffect, useState } from 'react';\n\nexport type OrderableReactNode = {\n    // TODO: Add complex references to other OrderableReactNodes to chain blocks, and keep references.\n    priority: number;\n    // TODO: Add a way to pass props through to children.\n    component: ReactNode;\n};\n\nexport type OrderableReactList = {\n    [name: string]: OrderableReactNode;\n};\n\nexport const useElementSort = (list: OrderableReactList) => {\n    const [sortedComponents, setSortedComponents] = useState<JSX.Element[]>([]);\n\n    useEffect(() => {\n        const valueArray: JSX.Element[] = Object.values(list)\n            .sort((firstValue, nextValue) => {\n                return firstValue.priority - nextValue.priority;\n            })\n            .map((item, index) => <Fragment key={index}>{item.component}</Fragment>);\n\n        setSortedComponents(valueArray);\n    }, [list]);\n\n    return {\n        sortedComponents,\n    };\n};\n"]}

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

@@ -2,5 +2,5 @@ import { RoomstayEvent } from '../events/RoomstayEvent';
 import { RoomstayEventCallback } from '../events/RoomstayEventManager';
 export declare const useEvent: () => {
     raise: (event: RoomstayEvent) => void;
-    on: (eventType: RoomstayEvent | string, callback: RoomstayEventCallback, id?: string) => void;
+    on: <T extends RoomstayEvent>(eventType: RoomstayEvent | string, callback: RoomstayEventCallback<T>, id?: string) => void;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"EventHook.js","sourceRoot":"/","sources":["src/hooks/EventHook.tsx"],"names":[],"mappings":";;;;;;AACA,yFAA+E;AAE/E,8BAA8B;AACvB,MAAM,QAAQ,GAAG,GAAG,EAAE;IACzB,OAAO;QACH,KAAK,EAAE,CAAC,KAAoB,EAAE,EAAE;YAC5B,8BAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;QACD,EAAE,EAAE,CAAC,SAAiC,EAAE,QAA+B,EAAE,EAAW,EAAE,EAAE;YACpF,8BAAO,CAAC,QAAQ,CAAC,SAAS,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;QAC9C,CAAC;KACJ,CAAC;AACN,CAAC,CAAC;AATW,QAAA,QAAQ,YASnB","sourcesContent":["import { RoomstayEvent } from '@/events/RoomstayEvent';\nimport manager, { RoomstayEventCallback } from '@/events/RoomstayEventManager';\n\n// Thanks to Cerz for the idea\nexport const useEvent = () => {\n    return {\n        raise: (event: RoomstayEvent) => {\n            manager.raise(event);\n        },\n        on: (eventType: RoomstayEvent | string, callback: RoomstayEventCallback, id?: string) => {\n            manager.addEvent(eventType, callback, id);\n        },\n    };\n};\n"]}
+{"version":3,"file":"EventHook.js","sourceRoot":"/","sources":["src/hooks/EventHook.tsx"],"names":[],"mappings":";;;;;;AACA,yFAA+E;AAE/E,8BAA8B;AACvB,MAAM,QAAQ,GAAG,GAAG,EAAE;IACzB,OAAO;QACH,KAAK,EAAE,CAAC,KAAoB,EAAE,EAAE;YAC5B,8BAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;QACD,EAAE,EAAE,CAA0B,SAAiC,EAAE,QAAkC,EAAE,EAAW,EAAE,EAAE;YAChH,8BAAO,CAAC,QAAQ,CAAC,SAAS,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;QAC9C,CAAC;KACJ,CAAC;AACN,CAAC,CAAC;AATW,QAAA,QAAQ,YASnB","sourcesContent":["import { RoomstayEvent } from '@/events/RoomstayEvent';\nimport manager, { RoomstayEventCallback } from '@/events/RoomstayEventManager';\n\n// Thanks to Cerz for the idea\nexport const useEvent = () => {\n    return {\n        raise: (event: RoomstayEvent) => {\n            manager.raise(event);\n        },\n        on: <T extends RoomstayEvent>(eventType: RoomstayEvent | string, callback: RoomstayEventCallback<T>, id?: string) => {\n            manager.addEvent(eventType, callback, id);\n        },\n    };\n};\n"]}

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

@@ -1,18 +1,18 @@
 import { MutableRefObject } from 'react';
 import { Option, TSelectOptionKey } from '../components/generic/Select/Select';
 export declare const useKeyboardControlOnSelect: <TOption extends Option<KeyName>, KeyName extends string>({ defaultOption, options, idName, overlayRef, isEnabled, onSelected, optionRefs, optionContainerRef, }: {
-    defaultOption?: TOption;
+    defaultOption?: TOption | undefined;
     options: TSelectOptionKey<TOption>[];
     idName: keyof TOption;
     overlayRef: HTMLDivElement | null;
     isEnabled: boolean;
     onSelected: (item: TOption) => void;
     optionRefs: MutableRefObject<{
-        [id: string]: HTMLDivElement;
+        [id: string]: HTMLDivElement | null | undefined;
     }>;
     optionContainerRef: MutableRefObject<HTMLDivElement | null>;
 }) => {
-    selectingItem: TOption;
+    selectingItem: TOption | undefined;
     onItemMouseEnter: (item: TOption) => void;
     onItemMouseLeave: () => void;
     onItemMouseMove: () => void;

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

@@ -1,10 +1,10 @@
 import { IRoomstayMemberBooking } from '@roomstay/core';
 export declare const useMember: () => {
-    user: import("@roomstay/core").IRoomstayMember;
+    user: import("@roomstay/core").IRoomstayMember | undefined;
     fullName: string;
-    allBookings: IRoomstayMemberBooking[];
-    cancelledBookings: import("../contexts/index.js").IRoomstayMemberBookingItemWithRef[];
-    pastBookings: import("../contexts/index.js").IRoomstayMemberBookingItemWithRef[];
-    upcomingBookings: import("../contexts/index.js").IRoomstayMemberBookingItemWithRef[];
-    getItinerary: (id: string) => IRoomstayMemberBooking;
+    allBookings: IRoomstayMemberBooking[] | undefined;
+    cancelledBookings: import("../contexts/index.js").IRoomstayMemberBookingItemWithRef[] | undefined;
+    pastBookings: import("../contexts/index.js").IRoomstayMemberBookingItemWithRef[] | undefined;
+    upcomingBookings: import("../contexts/index.js").IRoomstayMemberBookingItemWithRef[] | undefined;
+    getItinerary: (id: string) => IRoomstayMemberBooking | null;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"LoggedInUserHook.js","sourceRoot":"/","sources":["src/hooks/LoggedInUserHook.ts"],"names":[],"mappings":";;;AAAA,iDAA2D;AAG3D,iCAAwD;AAEjD,MAAM,SAAS,GAAG,GAAG,EAAE;IAC1B,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAC7H,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAE7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,cAAc,EAAE;YAChB,WAAW,CAAC,GAAG,cAAc,CAAC,QAAQ,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC,CAAC;SACvE;aAAM;YACH,WAAW,CAAC,EAAE,CAAC,CAAC;SACnB;IACL,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,YAAY,GAAG,CAAC,EAAU,EAA0B,EAAE;QACxD,KAAK,MAAM,OAAO,IAAI,WAAW,EAAE;YAC/B,IAAI,OAAO,CAAC,WAAW,KAAK,EAAE,EAAE;gBAC5B,OAAO,OAAO,CAAC;aAClB;SACJ;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;IAEF;;;;;;OAMG;IACH,OAAO;QACH,IAAI,EAAE,cAAc;QACpB,QAAQ;QACR,WAAW;QAEX,iBAAiB;QACjB,YAAY;QACZ,gBAAgB;QAEhB,YAAY;KACf,CAAC;AACN,CAAC,CAAC;AAxCW,QAAA,SAAS,aAwCpB","sourcesContent":["import { RoomstayMemberContext } from '@frontend/contexts';\nimport { IRoomstayMemberBooking } from '@roomstay/core';\n\nimport { useContext, useEffect, useState } from 'react';\n\nexport const useMember = () => {\n    const { roomstayMember, allBookings, cancelledBookings, upcomingBookings, pastBookings } = useContext(RoomstayMemberContext);\n    const [fullName, setFullName] = useState('');\n\n    useEffect(() => {\n        if (roomstayMember) {\n            setFullName(`${roomstayMember.forename} ${roomstayMember.surname}`);\n        } else {\n            setFullName('');\n        }\n    }, [roomstayMember]);\n\n    const getItinerary = (id: string): IRoomstayMemberBooking => {\n        for (const booking of allBookings) {\n            if (booking.itineraryId === id) {\n                return booking;\n            }\n        }\n\n        return null;\n    };\n\n    /**\n     * TODO:\n     *\n     * Add:\n     *  * Is authenticated\n     *  * Is Loading User\n     */\n    return {\n        user: roomstayMember,\n        fullName,\n        allBookings,\n\n        cancelledBookings,\n        pastBookings,\n        upcomingBookings,\n\n        getItinerary,\n    };\n};\n"]}
+{"version":3,"file":"LoggedInUserHook.js","sourceRoot":"/","sources":["src/hooks/LoggedInUserHook.ts"],"names":[],"mappings":";;;AAAA,iDAA2D;AAG3D,iCAAwD;AAEjD,MAAM,SAAS,GAAG,GAAG,EAAE;IAC1B,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAC7H,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAE7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,cAAc,EAAE;YAChB,WAAW,CAAC,GAAG,cAAc,CAAC,QAAQ,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC,CAAC;SACvE;aAAM;YACH,WAAW,CAAC,EAAE,CAAC,CAAC;SACnB;IACL,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,YAAY,GAAG,CAAC,EAAU,EAAiC,EAAE;QAC/D,KAAK,MAAM,OAAO,IAAI,WAAuC,EAAE;YAC3D,IAAI,OAAO,CAAC,WAAW,KAAK,EAAE,EAAE;gBAC5B,OAAO,OAAO,CAAC;aAClB;SACJ;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;IAEF;;;;;;OAMG;IACH,OAAO;QACH,IAAI,EAAE,cAAc;QACpB,QAAQ;QACR,WAAW;QAEX,iBAAiB;QACjB,YAAY;QACZ,gBAAgB;QAEhB,YAAY;KACf,CAAC;AACN,CAAC,CAAC;AAxCW,QAAA,SAAS,aAwCpB","sourcesContent":["import { RoomstayMemberContext } from '@frontend/contexts';\nimport { IRoomstayMemberBooking } from '@roomstay/core';\n\nimport { useContext, useEffect, useState } from 'react';\n\nexport const useMember = () => {\n    const { roomstayMember, allBookings, cancelledBookings, upcomingBookings, pastBookings } = useContext(RoomstayMemberContext);\n    const [fullName, setFullName] = useState('');\n\n    useEffect(() => {\n        if (roomstayMember) {\n            setFullName(`${roomstayMember.forename} ${roomstayMember.surname}`);\n        } else {\n            setFullName('');\n        }\n    }, [roomstayMember]);\n\n    const getItinerary = (id: string): IRoomstayMemberBooking | null => {\n        for (const booking of allBookings as IRoomstayMemberBooking[]) {\n            if (booking.itineraryId === id) {\n                return booking;\n            }\n        }\n\n        return null;\n    };\n\n    /**\n     * TODO:\n     *\n     * Add:\n     *  * Is authenticated\n     *  * Is Loading User\n     */\n    return {\n        user: roomstayMember,\n        fullName,\n        allBookings,\n\n        cancelledBookings,\n        pastBookings,\n        upcomingBookings,\n\n        getItinerary,\n    };\n};\n"]}

package/dist/src/hooks/Query.js

@@ -1,38 +1,18 @@
 "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;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useQuery = exports.useHashQuery = void 0;
 const react_router_dom_1 = require("react-router-dom");
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 function useHashQuery() {
     const { search } = (0, react_router_dom_1.useLocation)();
-    return React.useMemo(() => new URLSearchParams(search), [search]);
+    return react_1.default.useMemo(() => new URLSearchParams(search), [search]);
 }
 exports.useHashQuery = useHashQuery;
 function useQuery() {
-    return React.useMemo(() => new URLSearchParams(window.location.search), [window.location.search]);
+    return react_1.default.useMemo(() => new URLSearchParams(window.location.search), [window.location.search]);
 }
 exports.useQuery = useQuery;
 //# sourceMappingURL=Query.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Query.js","sourceRoot":"/","sources":["src/hooks/Query.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAA+C;AAC/C,6CAA+B;AAE/B,SAAgB,YAAY;IACxB,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,8BAAW,GAAE,CAAC;IACjC,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACtE,CAAC;AAHD,oCAGC;AAED,SAAgB,QAAQ;IACpB,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;AACtG,CAAC;AAFD,4BAEC","sourcesContent":["import { useLocation } from 'react-router-dom';\nimport * as React from 'react';\n\nexport function useHashQuery() {\n    const { search } = useLocation();\n    return React.useMemo(() => new URLSearchParams(search), [search]);\n}\n\nexport function useQuery() {\n    return React.useMemo(() => new URLSearchParams(window.location.search), [window.location.search]);\n}\n"]}
+{"version":3,"file":"Query.js","sourceRoot":"/","sources":["src/hooks/Query.ts"],"names":[],"mappings":";;;;;;AAAA,uDAA+C;AAC/C,kDAA0B;AAE1B,SAAgB,YAAY;IACxB,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,8BAAW,GAAE,CAAC;IACjC,OAAO,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACtE,CAAC;AAHD,oCAGC;AAED,SAAgB,QAAQ;IACpB,OAAO,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;AACtG,CAAC;AAFD,4BAEC","sourcesContent":["import { useLocation } from 'react-router-dom';\nimport React from 'react';\n\nexport function useHashQuery() {\n    const { search } = useLocation();\n    return React.useMemo(() => new URLSearchParams(search), [search]);\n}\n\nexport function useQuery() {\n    return React.useMemo(() => new URLSearchParams(window.location.search), [window.location.search]);\n}\n"]}

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

@@ -7,11 +7,11 @@ declare global {
 }
 type UseVgsShowProps = {
     name: string;
-    value: string;
-    styles?: {};
+    value?: string;
+    styles?: Record<string, any>;
 };
 export declare const useVgsShow: (props: UseVgsShowProps) => {
-    targetRef: import("react").MutableRefObject<any>;
+    targetRef: import("react").MutableRefObject<HTMLElement | null>;
     isLoading: boolean;
 };
 type VGSCollectProps = {
@@ -37,7 +37,7 @@ type VGSCollectInputState = {
 };
 export declare const useVgsCollect: (fields: VGSCollectProps[]) => {
     fields: {
-        ref: import("react").MutableRefObject<undefined>;
+        ref: import("react").MutableRefObject<HTMLDivElement | null>;
         state: VGSCollectInputState;
         getClasses: (extendedClasses?: string) => string;
     }[];

package/dist/src/hooks/VGSHooks.js

@@ -13,18 +13,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useVgsCollect = exports.useVgsShow = void 0;
-const auth_1 = require("@aws-amplify/auth");
 const RoomstayThemeEngine_1 = __importDefault(require("../providers/RoomstayThemeEngine"));
 const react_1 = require("react");
 const classnames_1 = __importDefault(require("classnames"));
 const CurrentHotelHook_1 = require("./CurrentHotelHook");
+const AsyncAuth_1 = require("../util/AsyncAuth");
 let vgsShowLoader = null;
 let VGSShow;
 let vgsCollectLoader = null;
 window.VGSCollect = window.VGSCollect || {};
 const useVgsShow = (props) => {
     const { hotel } = (0, CurrentHotelHook_1.useCurrentHotel)();
-    const [randomId, setRandomId] = (0, react_1.useState)(btoa((Math.random() * Math.random() * Date.now()).toString()).replace(/\=/gi, ''));
+    const [randomId, setRandomId] = (0, react_1.useState)(btoa((Math.random() * Math.random() * Date.now()).toString()).replace(/=/gi, ''));
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const targetRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
@@ -33,7 +33,7 @@ const useVgsShow = (props) => {
                 try {
                     yield RoomstayThemeEngine_1.default.loadScript('https://js.verygoodvault.com/vgs-show/2.0.2/show.js', 'vgs-show');
                     // TODO: Load this ID dynamically
-                    VGSShow = window.VGSShow.create(hotel.vgsVaultName, (state) => { }).setEnvironment('live');
+                    VGSShow = window.VGSShow.create(hotel === null || hotel === void 0 ? void 0 : hotel.vgsVaultName).setEnvironment('live');
                 }
                 catch (ex) {
                     console.error('Unable to load vgs-show ' + ex.message);
@@ -41,12 +41,12 @@ const useVgsShow = (props) => {
             }))();
         }
     }, []);
-    (0, react_1.useEffect)(() => {
-        let cancelled = false;
+    const handleReveal = () => __awaiter(void 0, void 0, void 0, function* () {
+        const Auth = yield (0, AsyncAuth_1.getAuth)();
         if (VGSShow && (targetRef === null || targetRef === void 0 ? void 0 : targetRef.current)) {
             targetRef.current.classList.add(randomId);
             setIsLoading(true);
-            auth_1.Auth.currentAuthenticatedUser().then((cognitoData) => {
+            Auth.currentAuthenticatedUser().then((cognitoData) => {
                 const jwtToken = cognitoData.signInUserSession.idToken.jwtToken;
                 const revealer = VGSShow.request({
                     name: props.name,
@@ -69,10 +69,15 @@ const useVgsShow = (props) => {
                 revealer.on('revealFail', () => {
                     setIsLoading(false);
                 });
-                targetRef.current.innerHTML = '';
+                if (targetRef.current)
+                    targetRef.current.innerHTML = '';
                 revealer.render(`.${randomId}`, props.styles);
             });
         }
+    });
+    (0, react_1.useEffect)(() => {
+        let cancelled = false;
+        handleReveal();
         return () => {
             cancelled = true;
         };
@@ -83,13 +88,13 @@ exports.useVgsShow = useVgsShow;
 const useVgsCollect = (fields) => {
     const { hotel } = (0, CurrentHotelHook_1.useCurrentHotel)();
     const refs = fields.map(() => {
-        return (0, react_1.useRef)();
+        return (0, react_1.useRef)(null);
     });
     const getDefaultStateFromFields = () => {
         return fields.map((field) => {
             return {
-                isFocused: null,
-                isValid: null,
+                isFocused: false,
+                isValid: false,
                 name: field.name,
                 label: field.label,
                 type: field.type,
@@ -146,7 +151,7 @@ const useVgsCollect = (fields) => {
             }
         }
         if (vgsLoaded && !vgsForm) {
-            const form = window.VGSCollect.create(hotel.vgsVaultName, 'live', (state) => {
+            const form = window.VGSCollect.create(hotel === null || hotel === void 0 ? void 0 : hotel.vgsVaultName, 'live', (state) => {
                 setInputState((oldState) => {
                     const newState = [...oldState];
                     for (const input of newState) {

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 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":";;;;;;;;;;;;;;;AACA,0FAAkE;AAClE,iCAAoD;AACpD,4DAAoC;AACpC,yDAAqD;AACrD,gDAA2C;AAE3C,IAAI,aAAa,GAAwB,IAAI,CAAC;AAC9C,IAAI,OAAY,CAAC;AAEjB,IAAI,gBAAgB,GAAwB,IAAI,CAAC;AAQjD,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC;AASrC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,kCAAe,GAAE,CAAC;IAEpC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;IAC3H,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,MAAM,SAAS,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IAEnD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,aAAa,KAAK,IAAI,EAAE;YACxB,aAAa,GAAG,CAAC,GAAS,EAAE;gBACxB,IAAI;oBACA,MAAM,6BAAmB,CAAC,UAAU,CAAC,qDAAqD,EAAE,UAAU,CAAC,CAAC;oBAExG,iCAAiC;oBACjC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;iBAC/E;gBAAC,OAAO,EAAO,EAAE;oBACd,OAAO,CAAC,KAAK,CAAC,0BAA0B,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC;iBAC1D;YACL,CAAC,CAAA,CAAC,EAAE,CAAC;SACR;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,GAAS,EAAE;QAC5B,MAAM,IAAI,GAAG,MAAM,IAAA,mBAAO,GAAE,CAAC;QAC7B,IAAI,OAAO,KAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAA,EAAE;YAC/B,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YAC1C,YAAY,CAAC,IAAI,CAAC,CAAC;YAEnB,IAAI,CAAC,wBAAwB,EAAE,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE;gBACjD,MAAM,QAAQ,GAAG,WAAW,CAAC,iBAAiB,CAAC,OAAO,CAAC,QAAQ,CAAC;gBAEhE,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC;oBAC7B,IAAI,EAAE,KAAK,CAAC,IAAI;oBAChB,MAAM,EAAE,MAAM;oBACd,IAAI,EAAE,mBAAmB;oBACzB,OAAO,EAAE;wBACL,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE;qBACjC;oBACD,OAAO,EAAE;wBACL,aAAa,EAAE,QAAQ;qBAC1B;oBACD,WAAW,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,kCAAkC,EAAE,aAAa,CAAC,CAAC;oBAC7F,WAAW,EAAE,MAAM;oBACnB,gBAAgB,EAAE,GAAG,KAAK,CAAC,IAAI,EAAE;iBACpC,CAAC,CAAC;gBAEH,iCAAiC;gBACjC,QAAQ,CAAC,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;oBAC9B,YAAY,CAAC,KAAK,CAAC,CAAC;gBACxB,CAAC,CAAC,CAAC;gBAEH,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,GAAG,EAAE;oBAC3B,YAAY,CAAC,KAAK,CAAC,CAAC;gBACxB,CAAC,CAAC,CAAC;gBACH,IAAI,SAAS,CAAC,OAAO;oBAAE,SAAS,CAAC,OAAO,CAAC,SAAS,GAAG,EAAE,CAAC;gBACxD,QAAQ,CAAC,MAAM,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;YAClD,CAAC,CAAC,CAAC;SACN;IACL,CAAC,CAAA,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,YAAY,EAAE,CAAC;QACf,OAAO,GAAG,EAAE;YACR,SAAS,GAAG,IAAI,CAAC;QACrB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AACpC,CAAC,CAAC;AAtEW,QAAA,UAAU,cAsErB;AA8BK,MAAM,aAAa,GAAG,CAAC,MAAyB,EAAE,EAAE;IACvD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,kCAAe,GAAE,CAAC;IAEpC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE;QACzB,OAAO,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,MAAM,yBAAyB,GAAiC,GAAG,EAAE;QACjE,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YACxB,OAAO;gBACH,SAAS,EAAE,KAAK;gBAChB,OAAO,EAAE,KAAK;gBAEd,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,IAAI,EAAE,KAAK,CAAC,IAAI;gBAEhB,QAAQ,EAAE,IAAI;aACjB,CAAC;QACN,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,MAAuB,EAAE,EAAE;QACpD,qCACI,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,IAAI,EAAE,MAAM,CAAC,IAAI,IACd,MAAM,CAAC,QAAQ,KAClB,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,IAAI,SAAS,IACjD;IACN,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,eAAwB,EAAE,EAAE;;QACpE,MAAM,KAAK,GAAyB,UAAU,CAAC,KAAK,CAAC,CAAC;QACtD,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAE7B,IAAI,CAAC,KAAK;YAAE,OAAO,EAAE,CAAC;QAEtB,OAAO,IAAA,oBAAU,EAAC,SAAS,EAAE,cAAc,EAAE,eAAe,EAAE;YAC1D,YAAY,EAAE,KAAK,CAAC,SAAS;YAC7B,WAAW,EAAE,KAAK,CAAC,OAAO,KAAK,IAAI,IAAI,KAAK,CAAC,OAAO;YACpD,SAAS,EAAE,KAAK,CAAC,OAAO,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO;YACnD,YAAY,EAAE,CAAC,CAAC,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,0CAAE,QAAQ,CAAA;SAC7C,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAM,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAyB,yBAAyB,EAAE,CAAC,CAAC;IAElG,gFAAgF;IAChF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,SAAS,GAAG,KAAK,CAAC;QAEtB,IAAI,gBAAgB,KAAK,IAAI,EAAE;YAC3B,gBAAgB,GAAG,CAAC,GAAS,EAAE;gBAC3B,MAAM,6BAAmB,CAAC,UAAU,CAAC,gEAAgE,EAAE,aAAa,CAAC,CAAC;gBAEtH,IAAI,CAAC,SAAS,EAAE;oBACZ,YAAY,CAAC,IAAI,CAAC,CAAC;iBACtB;YACL,CAAC,CAAA,CAAC,EAAE,CAAC;SACR;aAAM;YACH,gBAAgB,CAAC,IAAI,CAAC,GAAG,EAAE;gBACvB,IAAI,CAAC,SAAS,EAAE;oBACZ,YAAY,CAAC,IAAI,CAAC,CAAC;iBACtB;YACL,CAAC,CAAC,CAAC;SACN;QAED,OAAO,GAAG,EAAE;YACR,SAAS,GAAG,IAAI,CAAC;QACrB,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACpB,IAAI,CAAC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,CAAA,EAAE;gBACf,qDAAqD;gBACrD,OAAO;aACV;SACJ;QAED,IAAI,SAAS,IAAI,CAAC,OAAO,EAAE;YACvB,MAAM,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,EAAE,MAAM,EAAE,CAAC,KAAU,EAAE,EAAE;gBAC9E,aAAa,CAAC,CAAC,QAAQ,EAAE,EAAE;oBACvB,MAAM,QAAQ,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC;oBAE/B,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE;wBAC1B,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;wBAEnC,IAAI,QAAQ,EAAE;4BACV,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC;4BACrC,KAAK,CAAC,OAAO,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;4BAE5D,IAAI,KAAK,CAAC,IAAI,KAAK,aAAa,EAAE;gCAC9B,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC;6BACtC;yBACJ;qBACJ;oBAED,OAAO,QAAQ,CAAC;gBACpB,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;YAEH,UAAU,CAAC,IAAI,CAAC,CAAC;YAEjB,aAAa,CAAC,CAAC,QAAQ,EAAE,EAAE;gBACvB,MAAM,QAAQ,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC;gBAE/B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBACtC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;oBAC1B,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;oBAE9B,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,mBAAmB,CAAC,WAAW,CAAC,CAAC,CAAC;iBAClF;gBAED,OAAO,QAAQ,CAAC;YACpB,CAAC,CAAC,CAAC;SACN;IACL,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAE/B,MAAM,kBAAkB,GAAG,GAAG,EAAE;;QAC5B,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACpB,IAAI,CAAC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,CAAA,EAAE;gBACf,qDAAqD;gBACrD,OAAO;aACV;SACJ;QAED,IAAI,CAAC,OAAO,EAAE;YACV,wCAAwC;YACxC,OAAO;SACV;QAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACxC,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;YAC5B,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YAE9B,IAAI,KAAK,CAAC,QAAQ,EAAE;gBAChB,MAAA,MAAA,KAAK,CAAC,QAAQ,EAAC,MAAM,mDAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC,CAAC;aAC7D;SACJ;IACL,CAAC,CAAC;IAEF,OAAO;QACH,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC/B,OAAO;gBACH,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC;gBAChB,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC;gBACxB,UAAU,EAAE,CAAC,eAAwB,EAAE,EAAE,CAAC,mBAAmB,CAAC,KAAK,EAAE,eAAe,CAAC;aACxF,CAAC;QACN,CAAC,CAAC;QACF,kBAAkB;QAClB,OAAO;KACV,CAAC;AACN,CAAC,CAAC;AA3JW,QAAA,aAAa,iBA2JxB","sourcesContent":["import { ECardType } from '@/models/PaymentCard';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { useCurrentHotel } from './CurrentHotelHook';\nimport { getAuth } from '@/util/AsyncAuth';\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?: Record<string, any>;\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<HTMLElement | null>(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).setEnvironment('live');\n                } catch (ex: any) {\n                    console.error('Unable to load vgs-show ' + ex.message);\n                }\n            })();\n        }\n    }, []);\n\n    const handleReveal = async () => {\n        const Auth = await getAuth();\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                if (targetRef.current) targetRef.current.innerHTML = '';\n                revealer.render(`.${randomId}`, props.styles);\n            });\n        }\n    };\n\n    useEffect(() => {\n        let cancelled = false;\n        handleReveal();\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<HTMLDivElement | null>(null);\n    });\n\n    const getDefaultStateFromFields: () => VGSCollectInputState[] = () => {\n        return fields.map((field) => {\n            return {\n                isFocused: false,\n                isValid: false,\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 {\n            name: config.name,\n            type: config.type,\n            ...config.vgsProps,\n            disabled: config.vgsProps.disabled || undefined,\n        };\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<any>(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/icons/Check.js

@@ -1,35 +1,15 @@
 "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;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
+const react_1 = __importDefault(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" },
-            React.createElement("rect", { width: "24", height: "24", rx: "12", fill: Color_1.Color.Accent }),
-            React.createElement("path", { d: "M7.33333 12L10.6667 15.3333L16.6667 9.33332L15.7267 8.38666L10.6667 13.4467L8.27333 11.06L7.33333 12Z", fill: "white" }))));
+    return (react_1.default.createElement("div", { className: props.className },
+        react_1.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            react_1.default.createElement("rect", { width: "24", height: "24", rx: "12", fill: Color_1.Color.Accent }),
+            react_1.default.createElement("path", { d: "M7.33333 12L10.6667 15.3333L16.6667 9.33332L15.7267 8.38666L10.6667 13.4467L8.27333 11.06L7.33333 12Z", fill: "white" }))));
 };
 exports.default = Check;
 //# sourceMappingURL=Check.js.map

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

@@ -1 +1 @@
-{"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"]}
+{"version":3,"file":"Check.js","sourceRoot":"/","sources":["src/icons/Check.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,wCAAqC;AAMrC,MAAM,KAAK,GAAG,CAAC,KAAY,EAAE,EAAE;IAC3B,OAAO,CACH,uCAAK,SAAS,EAAE,KAAK,CAAC,SAAS;QAC3B,uCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;YAC1F,wCAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAE,aAAK,CAAC,MAAM,GAAI;YAC3D,wCAAM,CAAC,EAAC,uGAAuG,EAAC,IAAI,EAAC,OAAO,GAAG,CAC7H,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC","sourcesContent":["import 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"]}