@roomstay/frontend 2.9.1-2 → 2.10.0

package/dist/291.bundle.js

@@ -1 +0,0 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkroomstay=("undefined"!=typeof self?self:this).webpackChunkroomstay||[]).push([[291],{71291:function(e,n,t){t.d(n,{c:function(){return Z},u:function(){return O}});var r=t(42982),o=t(4942),a=t(15861),u=t(70885),i=t(64687),s=t.n(i),l=t(94184),c=t.n(l),f=t(67294),d=t(62364),v=t(41321),p=t(514);function m(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=function(e,n){if(e){if("string"==typeof e)return y(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?y(e,n):void 0}}(e))||n&&e&&"number"==typeof e.length){t&&(e=t);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,u=!0,i=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return u=e.done,e},e:function(e){i=!0,a=e},f:function(){try{u||null==t.return||t.return()}finally{if(i)throw a}}}}function y(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function h(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function g(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?h(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):h(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var b,w=null,S=null,j=function(){var e,n,t,r,o,a,u=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"standard",i=(0,p.W)().hotel,s=null!==(e=null==i||null===(n=i.vgs)||void 0===n||null===(t=n.vaultNames)||void 0===t?void 0:t.members)&&void 0!==e?e:"tntjyo5u2pi",l=null!==(r=null==i||null===(o=i.vgs)||void 0===o||null===(a=o.vaultNames)||void 0===a?void 0:a.standard)&&void 0!==r?r:"tntmupn9ras";return"members"===u?s:l};window.VGSCollect=window.VGSCollect||{};var O=function(e){var n=j("members"),t=(0,f.useState)(btoa((Math.random()*Math.random()*Date.now()).toString()).replace(/=/gi,"")),r=(0,u.Z)(t,1)[0],i=(0,f.useState)(!1),l=(0,u.Z)(i,2),c=l[0],p=l[1],m=(0,f.useRef)(null);(0,f.useEffect)((function(){null===w&&(w=(0,a.Z)(s().mark((function e(){return s().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,d.Z.loadScript("https://js.verygoodvault.com/vgs-show/2.0.2/show.js","vgs-show");case 3:b=window.VGSShow.create(n,(function(e){})).setEnvironment("live"),e.next=9;break;case 6:e.prev=6,e.t0=e.catch(0),console.error("Unable to load vgs-show "+e.t0.message);case 9:case"end":return e.stop()}}),e,null,[[0,6]])})))())}),[]);var y=function(){var n=(0,a.Z)(s().mark((function n(){var t;return s().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,(0,v.v)();case 2:t=n.sent,b&&null!=m&&m.current&&(m.current.classList.add(r),p(!0),t.currentAuthenticatedUser().then((function(n){var t=n.signInUserSession.idToken.jwtToken,a=b.request({name:e.name,method:"POST",path:"/members/vgs-auth",payload:(0,o.Z)({},e.name,"".concat(e.value)),headers:{Authorization:t},serializers:[b.SERIALIZERS.replace("(\\d{4})(\\d{4})(\\d{4})(\\d{4})","$1 $2 $3 $4")],htmlWrapper:"text",jsonPathSelector:"".concat(e.name)});a.on("revealSuccess",(function(){p(!1)})),a.on("revealFail",(function(){p(!1)})),m.current&&(m.current.innerHTML=""),a.render(".".concat(r),e.styles)})));case 4:case"end":return n.stop()}}),n)})));return function(){return n.apply(this,arguments)}}();return(0,f.useEffect)((function(){y()}),[b,m,e.name,e.value]),{targetRef:m,isLoading:c}},Z=function(e){var n=j(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"standard"),t=e.map((function(){return(0,f.useRef)(null)})),o=function(e){return g(g({name:e.name,type:e.type},e.vgsProps),{},{disabled:e.vgsProps.disabled||void 0})},i=(0,f.useState)(!1),l=(0,u.Z)(i,2),v=l[0],p=l[1],y=(0,f.useState)(null),h=(0,u.Z)(y,2),b=h[0],w=h[1],O=(0,f.useState)(e.map((function(e){return{isFocused:!1,isValid:!1,name:e.name,label:e.label,type:e.type,vgsInput:null}}))),Z=(0,u.Z)(O,2),P=Z[0],k=Z[1];return(0,f.useEffect)((function(){var e=!1;return null===S?S=(0,a.Z)(s().mark((function n(){return s().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,d.Z.loadScript("https://js.verygoodvault.com/vgs-collect/2.18.1/vgs-collect.js","vgs-collect");case 2:e||p(!0);case 3:case"end":return n.stop()}}),n)})))():S.then((function(){e||p(!0)})),function(){e=!0}}),[]),(0,f.useEffect)((function(){var a,u=m(t);try{for(u.s();!(a=u.n()).done;){var i=a.value;if(null==i||!i.current)return}}catch(e){u.e(e)}finally{u.f()}if(v&&!b){var s=window.VGSCollect.create(n,"live",(function(e){k((function(n){var t,o=(0,r.Z)(n),a=m(o);try{for(a.s();!(t=a.n()).done;){var u=t.value,i=e[u.name];i&&(u.isFocused=i.isFocused,u.isValid=i.isEmpty?null:i.isValid,"card-number"===u.type&&(u.cardType=i.cardType))}}catch(e){a.e(e)}finally{a.f()}return o}))}));w(s),k((function(n){for(var a=(0,r.Z)(n),u=0;u<a.length;u++){var i=a[u],l=e[u];i.vgsInput=s.field(t[u].current,o(l))}return a}))}}),[v,b,t]),{fields:e.map((function(n,r){return{ref:t[r],state:P[r],getClasses:function(n){return function(n,t){var r,o=P[n],a=e[n];return o?c()("c-input","c-input--vgs",t,{"--selected":o.isFocused,"--success":null!==o.isValid&&o.isValid,"--error":null!==o.isValid&&!o.isValid,"--disabled":!(null==a||null===(r=a.vgsProps)||void 0===r||!r.disabled)}):""}(r,n)}}})),triggerFieldUpdate:function(){var n,r=m(t);try{for(r.s();!(n=r.n()).done;){var a=n.value;if(null==a||!a.current)return}}catch(e){r.e(e)}finally{r.f()}if(b)for(var u=0;u<P.length;u++){var i,s,l=P[u],c=e[u];l.vgsInput&&(null===(i=(s=l.vgsInput).update)||void 0===i||i.call(s,o(c)))}},vgsForm:b}}}}]);

package/dist/src/components/generic/BookingWizard/BookingWizardBottomSheet/ShadowDomBottomSheet.d.ts

@@ -1,22 +0,0 @@
-import React, { ReactNode } from 'react';
-export interface ShadowDomBottomSheetProps {
-    open: boolean;
-    children: ReactNode;
-    onDismiss?: () => void;
-    header?: ReactNode | false;
-    footer?: ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-    snapPoints?: (props: any) => number[] | number;
-    defaultSnap?: number | ((props: any) => number);
-    blocking?: boolean;
-}
-/**
- * A Shadow DOM-compatible bottom sheet that renders via RoomstayPortal
- * instead of portaling to document.body (which react-spring-bottom-sheet does).
- *
- * Provides slide-up animation, backdrop, dismiss on outside click,
- * and basic snap point support (min-height vs full-height).
- */
-declare const ShadowDomBottomSheet: React.FC<ShadowDomBottomSheetProps>;
-export default ShadowDomBottomSheet;

package/dist/src/components/generic/BookingWizard/BookingWizardBottomSheet/ShadowDomBottomSheet.js

@@ -1,131 +0,0 @@
-"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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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 classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importStar(require("react"));
-const Portal_1 = require("../../Portal/Portal");
-/**
- * A Shadow DOM-compatible bottom sheet that renders via RoomstayPortal
- * instead of portaling to document.body (which react-spring-bottom-sheet does).
- *
- * Provides slide-up animation, backdrop, dismiss on outside click,
- * and basic snap point support (min-height vs full-height).
- */
-const ShadowDomBottomSheet = ({ open, children, onDismiss, header, footer, className, style, snapPoints, blocking = true }) => {
-    const [visible, setVisible] = (0, react_1.useState)(false);
-    const [animating, setAnimating] = (0, react_1.useState)(false);
-    const sheetRef = (0, react_1.useRef)(null);
-    const contentRef = (0, react_1.useRef)(null);
-    // Determine target height from snapPoints
-    const getTargetHeight = (0, react_1.useCallback)(() => {
-        if (!snapPoints)
-            return 'auto';
-        const maxHeight = window.innerHeight;
-        const result = snapPoints({ maxHeight, minHeight: 0 });
-        const points = Array.isArray(result) ? result : [result];
-        const maxSnap = Math.max(...points);
-        if (maxSnap >= maxHeight * 0.9)
-            return '100vh';
-        return 'auto';
-    }, [snapPoints]);
-    (0, react_1.useEffect)(() => {
-        if (open) {
-            setVisible(true);
-            // Trigger animation on next frame
-            requestAnimationFrame(() => {
-                requestAnimationFrame(() => setAnimating(true));
-            });
-        }
-        else {
-            setAnimating(false);
-            const timer = setTimeout(() => setVisible(false), 300);
-            return () => clearTimeout(timer);
-        }
-    }, [open]);
-    // Close on Escape
-    (0, react_1.useEffect)(() => {
-        if (!open)
-            return;
-        const handleKeyDown = (e) => {
-            if (e.key === 'Escape')
-                onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
-        };
-        document.addEventListener('keydown', handleKeyDown);
-        return () => document.removeEventListener('keydown', handleKeyDown);
-    }, [open, onDismiss]);
-    const handleBackdropClick = (0, react_1.useCallback)(() => {
-        if (blocking)
-            onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
-    }, [blocking, onDismiss]);
-    if (!visible)
-        return null;
-    const targetHeight = getTargetHeight();
-    const isFullHeight = targetHeight === '100vh';
-    return (react_1.default.createElement(Portal_1.RoomstayPortal, { target: document.body },
-        react_1.default.createElement("div", { style: {
-                position: 'fixed',
-                inset: 0,
-                zIndex: 999,
-                backgroundColor: 'rgba(0, 0, 0, 0.5)',
-                opacity: animating ? 1 : 0,
-                transition: 'opacity 300ms ease',
-                pointerEvents: blocking ? 'auto' : 'none',
-            }, onClick: handleBackdropClick }),
-        react_1.default.createElement("div", { ref: sheetRef, className: (0, classnames_1.default)(className), style: Object.assign({ position: 'fixed', bottom: 0, left: 0, right: 0, zIndex: 1000, backgroundColor: 'white', borderRadius: isFullHeight ? '0' : '16px 16px 0 0', boxShadow: '0 -4px 20px rgba(0, 0, 0, 0.15)', transform: animating ? 'translateY(0)' : 'translateY(100%)', transition: 'transform 300ms cubic-bezier(0.32, 0.72, 0, 1)', maxHeight: isFullHeight ? '100vh' : '85vh', display: 'flex', flexDirection: 'column' }, style) },
-            header !== false && (react_1.default.createElement("div", { style: {
-                    display: 'flex',
-                    justifyContent: 'center',
-                    padding: '8px 0 0',
-                    flexShrink: 0,
-                } },
-                react_1.default.createElement("div", { style: {
-                        width: 36,
-                        height: 4,
-                        borderRadius: 2,
-                        backgroundColor: '#dfe1e5',
-                    } }))),
-            header && header !== false && react_1.default.createElement("div", { style: { flexShrink: 0 } }, header),
-            react_1.default.createElement("div", { ref: contentRef, style: {
-                    flex: 1,
-                    overflowY: 'auto',
-                    WebkitOverflowScrolling: 'touch',
-                } }, children),
-            footer && react_1.default.createElement("div", { style: { flexShrink: 0 } }, footer))));
-};
-exports.default = ShadowDomBottomSheet;
-//# sourceMappingURL=ShadowDomBottomSheet.js.map

package/dist/src/components/generic/BookingWizard/BookingWizardBottomSheet/ShadowDomBottomSheet.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShadowDomBottomSheet.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizardBottomSheet/ShadowDomBottomSheet.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames';\nimport React, { ReactNode, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { RoomstayPortal } from '../../Portal/Portal';\n\nexport interface ShadowDomBottomSheetProps {\n    open: boolean;\n    children: ReactNode;\n    onDismiss?: () => void;\n    header?: ReactNode | false;\n    footer?: ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    snapPoints?: (props: any) => number[] | number;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    defaultSnap?: number | ((props: any) => number);\n    blocking?: boolean;\n}\n\n/**\n * A Shadow DOM-compatible bottom sheet that renders via RoomstayPortal\n * instead of portaling to document.body (which react-spring-bottom-sheet does).\n *\n * Provides slide-up animation, backdrop, dismiss on outside click,\n * and basic snap point support (min-height vs full-height).\n */\nconst ShadowDomBottomSheet: React.FC<ShadowDomBottomSheetProps> = ({ open, children, onDismiss, header, footer, className, style, snapPoints, blocking = true }) => {\n    const [visible, setVisible] = useState(false);\n    const [animating, setAnimating] = useState(false);\n    const sheetRef = useRef<HTMLDivElement>(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n\n    // Determine target height from snapPoints\n    const getTargetHeight = useCallback((): string => {\n        if (!snapPoints) return 'auto';\n\n        const maxHeight = window.innerHeight;\n        const result = snapPoints({ maxHeight, minHeight: 0 });\n        const points = Array.isArray(result) ? result : [result];\n        const maxSnap = Math.max(...points);\n\n        if (maxSnap >= maxHeight * 0.9) return '100vh';\n        return 'auto';\n    }, [snapPoints]);\n\n    useEffect(() => {\n        if (open) {\n            setVisible(true);\n            // Trigger animation on next frame\n            requestAnimationFrame(() => {\n                requestAnimationFrame(() => setAnimating(true));\n            });\n        } else {\n            setAnimating(false);\n            const timer = setTimeout(() => setVisible(false), 300);\n            return () => clearTimeout(timer);\n        }\n    }, [open]);\n\n    // Close on Escape\n    useEffect(() => {\n        if (!open) return;\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (e.key === 'Escape') onDismiss?.();\n        };\n        document.addEventListener('keydown', handleKeyDown);\n        return () => document.removeEventListener('keydown', handleKeyDown);\n    }, [open, onDismiss]);\n\n    const handleBackdropClick = useCallback(() => {\n        if (blocking) onDismiss?.();\n    }, [blocking, onDismiss]);\n\n    if (!visible) return null;\n\n    const targetHeight = getTargetHeight();\n    const isFullHeight = targetHeight === '100vh';\n\n    return (\n        <RoomstayPortal target={document.body}>\n            {/* Backdrop */}\n            <div\n                style={{\n                    position: 'fixed',\n                    inset: 0,\n                    zIndex: 999,\n                    backgroundColor: 'rgba(0, 0, 0, 0.5)',\n                    opacity: animating ? 1 : 0,\n                    transition: 'opacity 300ms ease',\n                    pointerEvents: blocking ? 'auto' : 'none',\n                }}\n                onClick={handleBackdropClick}\n            />\n\n            {/* Sheet */}\n            <div\n                ref={sheetRef}\n                className={classNames(className)}\n                style={{\n                    position: 'fixed',\n                    bottom: 0,\n                    left: 0,\n                    right: 0,\n                    zIndex: 1000,\n                    backgroundColor: 'white',\n                    borderRadius: isFullHeight ? '0' : '16px 16px 0 0',\n                    boxShadow: '0 -4px 20px rgba(0, 0, 0, 0.15)',\n                    transform: animating ? 'translateY(0)' : 'translateY(100%)',\n                    transition: 'transform 300ms cubic-bezier(0.32, 0.72, 0, 1)',\n                    maxHeight: isFullHeight ? '100vh' : '85vh',\n                    display: 'flex',\n                    flexDirection: 'column',\n                    ...style,\n                }}\n            >\n                {/* Drag handle */}\n                {header !== false && (\n                    <div\n                        style={{\n                            display: 'flex',\n                            justifyContent: 'center',\n                            padding: '8px 0 0',\n                            flexShrink: 0,\n                        }}\n                    >\n                        <div\n                            style={{\n                                width: 36,\n                                height: 4,\n                                borderRadius: 2,\n                                backgroundColor: '#dfe1e5',\n                            }}\n                        />\n                    </div>\n                )}\n\n                {/* Header */}\n                {header && header !== false && <div style={{ flexShrink: 0 }}>{header}</div>}\n\n                {/* Scrollable content */}\n                <div\n                    ref={contentRef}\n                    style={{\n                        flex: 1,\n                        overflowY: 'auto',\n                        WebkitOverflowScrolling: 'touch',\n                    }}\n                >\n                    {children}\n                </div>\n\n                {/* Footer */}\n                {footer && <div style={{ flexShrink: 0 }}>{footer}</div>}\n            </div>\n        </RoomstayPortal>\n    );\n};\n\nexport default ShadowDomBottomSheet;\n"]}

package/dist/src/contexts/ShadowDomContext/ShadowDomContext.d.ts

@@ -1,10 +0,0 @@
-export interface ShadowDomContextType {
-    /** Whether Shadow DOM is active */
-    isShadowDom: boolean;
-    /** The shadow root element, or null if not in Shadow DOM */
-    shadowRoot: ShadowRoot | null;
-    /** The portal target: shadow root container if in Shadow DOM, or document.body */
-    portalTarget: HTMLElement;
-}
-export declare const ShadowDomContext: import("react").Context<ShadowDomContextType>;
-export declare const useShadowDom: () => ShadowDomContextType;

package/dist/src/contexts/ShadowDomContext/ShadowDomContext.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useShadowDom = exports.ShadowDomContext = void 0;
-const react_1 = require("react");
-exports.ShadowDomContext = (0, react_1.createContext)({
-    isShadowDom: false,
-    shadowRoot: null,
-    portalTarget: document.body,
-});
-const useShadowDom = () => (0, react_1.useContext)(exports.ShadowDomContext);
-exports.useShadowDom = useShadowDom;
-//# sourceMappingURL=ShadowDomContext.js.map

package/dist/src/contexts/ShadowDomContext/ShadowDomContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShadowDomContext.js","sourceRoot":"/","sources":["src/contexts/ShadowDomContext/ShadowDomContext.ts"],"names":[],"mappings":";;;AAAA,iCAAkD;AAWrC,QAAA,gBAAgB,GAAG,IAAA,qBAAa,EAAuB;IAChE,WAAW,EAAE,KAAK;IAClB,UAAU,EAAE,IAAI;IAChB,YAAY,EAAE,QAAQ,CAAC,IAAI;CAC9B,CAAC,CAAC;AAEI,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,IAAA,kBAAU,EAAC,wBAAgB,CAAC,CAAC;AAAlD,QAAA,YAAY,gBAAsC","sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface ShadowDomContextType {\n    /** Whether Shadow DOM is active */\n    isShadowDom: boolean;\n    /** The shadow root element, or null if not in Shadow DOM */\n    shadowRoot: ShadowRoot | null;\n    /** The portal target: shadow root container if in Shadow DOM, or document.body */\n    portalTarget: HTMLElement;\n}\n\nexport const ShadowDomContext = createContext<ShadowDomContextType>({\n    isShadowDom: false,\n    shadowRoot: null,\n    portalTarget: document.body,\n});\n\nexport const useShadowDom = () => useContext(ShadowDomContext);\n"]}

package/dist/src/contexts/ShadowDomContext/ShadowDomContextProvider.d.ts

@@ -1,8 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ShadowDomContextType } from './ShadowDomContext';
-interface ShadowDomContextProviderProps {
-    children: ReactNode;
-    value: ShadowDomContextType;
-}
-export declare const ShadowDomContextProvider: ({ children, value }: ShadowDomContextProviderProps) => React.JSX.Element;
-export {};

package/dist/src/contexts/ShadowDomContext/ShadowDomContextProvider.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShadowDomContextProvider = void 0;
-const react_1 = __importDefault(require("react"));
-const ShadowDomContext_1 = require("./ShadowDomContext");
-const ShadowDomContextProvider = ({ children, value }) => {
-    return react_1.default.createElement(ShadowDomContext_1.ShadowDomContext.Provider, { value: value }, children);
-};
-exports.ShadowDomContextProvider = ShadowDomContextProvider;
-//# sourceMappingURL=ShadowDomContextProvider.js.map

package/dist/src/contexts/ShadowDomContext/ShadowDomContextProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShadowDomContextProvider.js","sourceRoot":"/","sources":["src/contexts/ShadowDomContext/ShadowDomContextProvider.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyC;AAEzC,yDAA4E;AAOrE,MAAM,wBAAwB,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAiC,EAAE,EAAE;IAC3F,OAAO,8BAAC,mCAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAA6B,CAAC;AAC3F,CAAC,CAAC;AAFW,QAAA,wBAAwB,4BAEnC","sourcesContent":["import React, { ReactNode } from 'react';\n\nimport { ShadowDomContext, ShadowDomContextType } from './ShadowDomContext';\n\ninterface ShadowDomContextProviderProps {\n    children: ReactNode;\n    value: ShadowDomContextType;\n}\n\nexport const ShadowDomContextProvider = ({ children, value }: ShadowDomContextProviderProps) => {\n    return <ShadowDomContext.Provider value={value}>{children}</ShadowDomContext.Provider>;\n};\n"]}

package/dist/src/providers/ShadowDomManager.d.ts

@@ -1,21 +0,0 @@
-/**
- * Manages Shadow DOM setup for a booking engine instance.
- *
- * Creates a shadow root on the host element with:
- * - An inner container div (.roomstay-booking-container) for React rendering
- * - Style injection via StyleInjector (all cached + future styles are duplicated here)
- */
-export declare class ShadowDomManager {
-    private shadowRoot;
-    private innerContainer;
-    private unregisterStyles;
-    constructor(hostElement: HTMLElement);
-    /** The shadow root */
-    get root(): ShadowRoot;
-    /** The inner container div — use as React render target and RoomstayThemeEngine.EngineContainer */
-    get container(): HTMLDivElement;
-    /** Inject a one-off style into the shadow root */
-    injectStyle(cssText: string, id?: string): HTMLStyleElement;
-    /** Clean up — unregister from StyleInjector */
-    destroy(): void;
-}

package/dist/src/providers/ShadowDomManager.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShadowDomManager = void 0;
-const StyleInjector_1 = require("./StyleInjector");
-/**
- * Manages Shadow DOM setup for a booking engine instance.
- *
- * Creates a shadow root on the host element with:
- * - An inner container div (.roomstay-booking-container) for React rendering
- * - Style injection via StyleInjector (all cached + future styles are duplicated here)
- */
-class ShadowDomManager {
-    constructor(hostElement) {
-        this.unregisterStyles = null;
-        this.shadowRoot = hostElement.attachShadow({ mode: 'open' });
-        // Create the inner container for React rendering
-        this.innerContainer = document.createElement('div');
-        this.innerContainer.classList.add('roomstay-booking-container');
-        this.shadowRoot.appendChild(this.innerContainer);
-        // Register this shadow root to receive all style injections
-        this.unregisterStyles = StyleInjector_1.StyleInjector.registerShadowRoot(this.shadowRoot);
-    }
-    /** The shadow root */
-    get root() {
-        return this.shadowRoot;
-    }
-    /** The inner container div — use as React render target and RoomstayThemeEngine.EngineContainer */
-    get container() {
-        return this.innerContainer;
-    }
-    /** Inject a one-off style into the shadow root */
-    injectStyle(cssText, id) {
-        if (id) {
-            const existing = this.shadowRoot.querySelector(`style[data-rs-id="${id}"]`);
-            if (existing) {
-                existing.textContent = cssText;
-                return existing;
-            }
-        }
-        const style = document.createElement('style');
-        if (id)
-            style.setAttribute('data-rs-id', id);
-        style.textContent = cssText;
-        this.shadowRoot.appendChild(style);
-        return style;
-    }
-    /** Clean up — unregister from StyleInjector */
-    destroy() {
-        var _a;
-        (_a = this.unregisterStyles) === null || _a === void 0 ? void 0 : _a.call(this);
-        this.unregisterStyles = null;
-    }
-}
-exports.ShadowDomManager = ShadowDomManager;
-//# sourceMappingURL=ShadowDomManager.js.map

package/dist/src/providers/ShadowDomManager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShadowDomManager.js","sourceRoot":"/","sources":["src/providers/ShadowDomManager.ts"],"names":[],"mappings":";;;AAAA,mDAAgD;AAEhD;;;;;;GAMG;AACH,MAAa,gBAAgB;IAKzB,YAAY,WAAwB;QAF5B,qBAAgB,GAAwB,IAAI,CAAC;QAGjD,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QAE7D,iDAAiD;QACjD,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACpD,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;QAChE,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAEjD,4DAA4D;QAC5D,IAAI,CAAC,gBAAgB,GAAG,6BAAa,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC9E,CAAC;IAED,sBAAsB;IACtB,IAAI,IAAI;QACJ,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAED,mGAAmG;IACnG,IAAI,SAAS;QACT,OAAO,IAAI,CAAC,cAAc,CAAC;IAC/B,CAAC;IAED,kDAAkD;IAClD,WAAW,CAAC,OAAe,EAAE,EAAW;QACpC,IAAI,EAAE,EAAE,CAAC;YACL,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,qBAAqB,EAAE,IAAI,CAAqB,CAAC;YAChG,IAAI,QAAQ,EAAE,CAAC;gBACX,QAAQ,CAAC,WAAW,GAAG,OAAO,CAAC;gBAC/B,OAAO,QAAQ,CAAC;YACpB,CAAC;QACL,CAAC;QACD,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,IAAI,EAAE;YAAE,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;QAC7C,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;QAC5B,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACnC,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,+CAA+C;IAC/C,OAAO;;QACH,MAAA,IAAI,CAAC,gBAAgB,oDAAI,CAAC;QAC1B,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;IACjC,CAAC;CACJ;AAhDD,4CAgDC","sourcesContent":["import { StyleInjector } from './StyleInjector';\n\n/**\n * Manages Shadow DOM setup for a booking engine instance.\n *\n * Creates a shadow root on the host element with:\n * - An inner container div (.roomstay-booking-container) for React rendering\n * - Style injection via StyleInjector (all cached + future styles are duplicated here)\n */\nexport class ShadowDomManager {\n    private shadowRoot: ShadowRoot;\n    private innerContainer: HTMLDivElement;\n    private unregisterStyles: (() => void) | null = null;\n\n    constructor(hostElement: HTMLElement) {\n        this.shadowRoot = hostElement.attachShadow({ mode: 'open' });\n\n        // Create the inner container for React rendering\n        this.innerContainer = document.createElement('div');\n        this.innerContainer.classList.add('roomstay-booking-container');\n        this.shadowRoot.appendChild(this.innerContainer);\n\n        // Register this shadow root to receive all style injections\n        this.unregisterStyles = StyleInjector.registerShadowRoot(this.shadowRoot);\n    }\n\n    /** The shadow root */\n    get root(): ShadowRoot {\n        return this.shadowRoot;\n    }\n\n    /** The inner container div — use as React render target and RoomstayThemeEngine.EngineContainer */\n    get container(): HTMLDivElement {\n        return this.innerContainer;\n    }\n\n    /** Inject a one-off style into the shadow root */\n    injectStyle(cssText: string, id?: string): HTMLStyleElement {\n        if (id) {\n            const existing = this.shadowRoot.querySelector(`style[data-rs-id=\"${id}\"]`) as HTMLStyleElement;\n            if (existing) {\n                existing.textContent = cssText;\n                return existing;\n            }\n        }\n        const style = document.createElement('style');\n        if (id) style.setAttribute('data-rs-id', id);\n        style.textContent = cssText;\n        this.shadowRoot.appendChild(style);\n        return style;\n    }\n\n    /** Clean up — unregister from StyleInjector */\n    destroy(): void {\n        this.unregisterStyles?.();\n        this.unregisterStyles = null;\n    }\n}\n"]}

package/dist/src/providers/StyleInjector.d.ts

@@ -1,42 +0,0 @@
-/**
- * Global registry for Shadow DOM style injection.
- *
- * When style-loader injects a <style> tag, it calls `insertStyle()` which:
- * 1. Appends the style to document.head (for light DOM engines)
- * 2. Observes the element for content changes (style-loader sets content AFTER insert() returns)
- * 3. Clones it into every registered shadow root once content is available
- *
- * When a shadow root registers, all existing <style> tags in document.head
- * (that have our data attribute) are cloned into it — by that time, all styles
- * already have their content set by style-loader.
- *
- * Must be on `window.__roomstayStyleInjector` so style-loader's insert function can access it.
- */
-declare class StyleInjectorClass {
-    private shadowRoots;
-    private managedStyleIds;
-    private styleIdCounter;
-    /**
-     * Register a shadow root to receive style injections.
-     * All existing managed styles in document.head are cloned into the shadow root.
-     * Returns an unregister function.
-     */
-    registerShadowRoot(shadowRoot: ShadowRoot): () => void;
-    /**
-     * Called by style-loader's custom insert function.
-     * Appends the style element to document.head, then observes it for content
-     * changes so we can clone into shadow roots once style-loader sets the CSS.
-     */
-    insertStyle(styleElement: HTMLStyleElement): void;
-    /**
-     * Watch a style element for content changes. Once content is set,
-     * clone it into all registered shadow roots.
-     */
-    private observeAndClone;
-    /**
-     * Clone CSS text into all registered shadow roots.
-     */
-    private cloneToShadowRoots;
-}
-export declare const StyleInjector: StyleInjectorClass;
-export {};

package/dist/src/providers/StyleInjector.js

@@ -1,118 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyleInjector = void 0;
-/**
- * Global registry for Shadow DOM style injection.
- *
- * When style-loader injects a <style> tag, it calls `insertStyle()` which:
- * 1. Appends the style to document.head (for light DOM engines)
- * 2. Observes the element for content changes (style-loader sets content AFTER insert() returns)
- * 3. Clones it into every registered shadow root once content is available
- *
- * When a shadow root registers, all existing <style> tags in document.head
- * (that have our data attribute) are cloned into it — by that time, all styles
- * already have their content set by style-loader.
- *
- * Must be on `window.__roomstayStyleInjector` so style-loader's insert function can access it.
- */
-class StyleInjectorClass {
-    constructor() {
-        this.shadowRoots = new Set();
-        this.managedStyleIds = new Set();
-        this.styleIdCounter = 0;
-    }
-    /**
-     * Register a shadow root to receive style injections.
-     * All existing managed styles in document.head are cloned into the shadow root.
-     * Returns an unregister function.
-     */
-    registerShadowRoot(shadowRoot) {
-        this.shadowRoots.add(shadowRoot);
-        // Copy all existing managed styles from document.head.
-        // By registration time, style-loader has already set their content.
-        const existingStyles = document.head.querySelectorAll('style[data-rs-style]');
-        existingStyles.forEach((styleEl) => {
-            const cssText = styleEl.textContent || '';
-            if (cssText) {
-                const clone = document.createElement('style');
-                clone.setAttribute('data-rs-style', styleEl.getAttribute('data-rs-style') || '');
-                clone.textContent = cssText;
-                shadowRoot.appendChild(clone);
-            }
-        });
-        return () => {
-            this.shadowRoots.delete(shadowRoot);
-        };
-    }
-    /**
-     * Called by style-loader's custom insert function.
-     * Appends the style element to document.head, then observes it for content
-     * changes so we can clone into shadow roots once style-loader sets the CSS.
-     */
-    insertStyle(styleElement) {
-        const id = `rs-style-${this.styleIdCounter++}`;
-        styleElement.setAttribute('data-rs-style', id);
-        this.managedStyleIds.add(id);
-        // Always inject into document.head for light DOM engines
-        document.head.appendChild(styleElement);
-        // style-loader sets content AFTER insert() returns.
-        // Use MutationObserver to detect when content is set, then clone to shadow roots.
-        if (this.shadowRoots.size > 0) {
-            this.observeAndClone(styleElement, id);
-        }
-        else {
-            // No shadow roots yet — still observe in case one registers before
-            // style-loader sets the content (unlikely but safe)
-            this.observeAndClone(styleElement, id);
-        }
-    }
-    /**
-     * Watch a style element for content changes. Once content is set,
-     * clone it into all registered shadow roots.
-     */
-    observeAndClone(styleElement, id) {
-        // Check if content is already available (e.g. manually created styles)
-        const immediateContent = styleElement.textContent || '';
-        if (immediateContent) {
-            this.cloneToShadowRoots(immediateContent, id);
-            return;
-        }
-        // Observe for childList changes (style-loader adds a text node)
-        const observer = new MutationObserver(() => {
-            const cssText = styleElement.textContent || '';
-            if (cssText) {
-                observer.disconnect();
-                this.cloneToShadowRoots(cssText, id);
-            }
-        });
-        observer.observe(styleElement, { childList: true, characterData: true, subtree: true });
-        // Safety fallback: if MutationObserver doesn't fire (e.g. style-loader uses
-        // element.textContent = ... which may not trigger characterData), use a microtask
-        Promise.resolve().then(() => {
-            const cssText = styleElement.textContent || '';
-            if (cssText) {
-                observer.disconnect();
-                this.cloneToShadowRoots(cssText, id);
-            }
-        });
-    }
-    /**
-     * Clone CSS text into all registered shadow roots.
-     */
-    cloneToShadowRoots(cssText, id) {
-        this.shadowRoots.forEach((shadowRoot) => {
-            // Avoid duplicates — check if this ID already exists in the shadow root
-            if (shadowRoot.querySelector(`style[data-rs-style="${id}"]`)) {
-                return;
-            }
-            const clone = document.createElement('style');
-            clone.setAttribute('data-rs-style', id);
-            clone.textContent = cssText;
-            shadowRoot.appendChild(clone);
-        });
-    }
-}
-// Singleton on window so style-loader's insert function can access it
-window.__roomstayStyleInjector = window.__roomstayStyleInjector || new StyleInjectorClass();
-exports.StyleInjector = window.__roomstayStyleInjector;
-//# sourceMappingURL=StyleInjector.js.map

package/dist/src/providers/StyleInjector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StyleInjector.js","sourceRoot":"/","sources":["src/providers/StyleInjector.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Global registry for Shadow DOM style injection.\n *\n * When style-loader injects a <style> tag, it calls `insertStyle()` which:\n * 1. Appends the style to document.head (for light DOM engines)\n * 2. Observes the element for content changes (style-loader sets content AFTER insert() returns)\n * 3. Clones it into every registered shadow root once content is available\n *\n * When a shadow root registers, all existing <style> tags in document.head\n * (that have our data attribute) are cloned into it — by that time, all styles\n * already have their content set by style-loader.\n *\n * Must be on `window.__roomstayStyleInjector` so style-loader's insert function can access it.\n */\nclass StyleInjectorClass {\n    private shadowRoots: Set<ShadowRoot> = new Set();\n    private managedStyleIds: Set<string> = new Set();\n    private styleIdCounter = 0;\n\n    /**\n     * Register a shadow root to receive style injections.\n     * All existing managed styles in document.head are cloned into the shadow root.\n     * Returns an unregister function.\n     */\n    registerShadowRoot(shadowRoot: ShadowRoot): () => void {\n        this.shadowRoots.add(shadowRoot);\n\n        // Copy all existing managed styles from document.head.\n        // By registration time, style-loader has already set their content.\n        const existingStyles = document.head.querySelectorAll('style[data-rs-style]');\n        existingStyles.forEach((styleEl) => {\n            const cssText = styleEl.textContent || '';\n            if (cssText) {\n                const clone = document.createElement('style');\n                clone.setAttribute('data-rs-style', styleEl.getAttribute('data-rs-style') || '');\n                clone.textContent = cssText;\n                shadowRoot.appendChild(clone);\n            }\n        });\n\n        return () => {\n            this.shadowRoots.delete(shadowRoot);\n        };\n    }\n\n    /**\n     * Called by style-loader's custom insert function.\n     * Appends the style element to document.head, then observes it for content\n     * changes so we can clone into shadow roots once style-loader sets the CSS.\n     */\n    insertStyle(styleElement: HTMLStyleElement): void {\n        const id = `rs-style-${this.styleIdCounter++}`;\n        styleElement.setAttribute('data-rs-style', id);\n        this.managedStyleIds.add(id);\n\n        // Always inject into document.head for light DOM engines\n        document.head.appendChild(styleElement);\n\n        // style-loader sets content AFTER insert() returns.\n        // Use MutationObserver to detect when content is set, then clone to shadow roots.\n        if (this.shadowRoots.size > 0) {\n            this.observeAndClone(styleElement, id);\n        } else {\n            // No shadow roots yet — still observe in case one registers before\n            // style-loader sets the content (unlikely but safe)\n            this.observeAndClone(styleElement, id);\n        }\n    }\n\n    /**\n     * Watch a style element for content changes. Once content is set,\n     * clone it into all registered shadow roots.\n     */\n    private observeAndClone(styleElement: HTMLStyleElement, id: string): void {\n        // Check if content is already available (e.g. manually created styles)\n        const immediateContent = styleElement.textContent || '';\n        if (immediateContent) {\n            this.cloneToShadowRoots(immediateContent, id);\n            return;\n        }\n\n        // Observe for childList changes (style-loader adds a text node)\n        const observer = new MutationObserver(() => {\n            const cssText = styleElement.textContent || '';\n            if (cssText) {\n                observer.disconnect();\n                this.cloneToShadowRoots(cssText, id);\n            }\n        });\n\n        observer.observe(styleElement, { childList: true, characterData: true, subtree: true });\n\n        // Safety fallback: if MutationObserver doesn't fire (e.g. style-loader uses\n        // element.textContent = ... which may not trigger characterData), use a microtask\n        Promise.resolve().then(() => {\n            const cssText = styleElement.textContent || '';\n            if (cssText) {\n                observer.disconnect();\n                this.cloneToShadowRoots(cssText, id);\n            }\n        });\n    }\n\n    /**\n     * Clone CSS text into all registered shadow roots.\n     */\n    private cloneToShadowRoots(cssText: string, id: string): void {\n        this.shadowRoots.forEach((shadowRoot) => {\n            // Avoid duplicates — check if this ID already exists in the shadow root\n            if (shadowRoot.querySelector(`style[data-rs-style=\"${id}\"]`)) {\n                return;\n            }\n            const clone = document.createElement('style');\n            clone.setAttribute('data-rs-style', id);\n            clone.textContent = cssText;\n            shadowRoot.appendChild(clone);\n        });\n    }\n}\n\n// Singleton on window so style-loader's insert function can access it\n(window as any).__roomstayStyleInjector = (window as any).__roomstayStyleInjector || new StyleInjectorClass();\nexport const StyleInjector: StyleInjectorClass = (window as any).__roomstayStyleInjector;\n"]}