@roomstay/frontend 2.3.0 → 2.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@roomstay/frontend",
-    "version": "2.3.0",
+    "version": "2.3.2",
     "author": {
         "name": "Roomstay",
         "email": "rob@roomstay.io",

package/dist/tests/offline/entry/pages/Inline/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"/","sources":["tests/offline/entry/pages/Inline/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import HotelAPI from '@/api/HotelAPI';\nimport { RoomstayPortal } from '@/components/generic/Portal/Portal';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { Color, ConfigCompany, HotelDTO, HotelRoomDTO, Icon, IconType, InlineRoomMiniEngine, Language, RoomstayThemeEngine, Text } from '@/index';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { rsCompany } from '../../OfflineEngineDefaults';\n\nimport styles from './index.module.scss';\n\nexport const InlineEngineWrapper = ({ company }: { company: ConfigCompany }) => {\n    const hotelID = company.hotels[0].hotelID;\n\n    const [hotelData, setHotelData] = useState<HotelDTO>();\n    const [roomData, setRoomData] = useState<HotelRoomDTO>();\n\n    useEffect(() => {\n        const hotelApi = new HotelAPI();\n        hotelApi\n            .fetchData(Language.en_us, { hotelID } as any)\n            .then((data) => {\n                setHotelData(data);\n            })\n            .finally(() => {});\n    }, []);\n\n    useEffect(() => {\n        if (hotelData?.rooms) {\n            setRoomData(Object.values(hotelData.rooms)[0]);\n        }\n    }, [hotelData]);\n\n    if (!roomData) {\n        return (\n            <RoomstayPortal target={document.body}>\n                <div className={styles['loader-container']}>\n                    <div className={styles['spinner']}>\n                        <Icon icon={IconType.Spinner} size=\"128px\" color={Color.Accent} />\n                    </div>\n                    <Text>Loading Room Rates.</Text>\n                </div>\n            </RoomstayPortal>\n        );\n    }\n\n    return (\n        <div className=\"roomstay-booking-container\">\n            <div className={styles['container-body']}>\n                <div className={styles['container-navbar']}>\n                    <div className={styles['container-navbar-inner']}>\n                        <div className={styles['container-navbar-logo']}>\n                            <img src={company.logo} alt=\"logo\" />\n                        </div>\n                        <div className={styles['container-navbar-menu']}>\n                            {['Home', 'Rooms', 'About', 'Contact'].map((item) => (\n                                <div className={styles['container-navbar-menu-item']} key={item}>\n                                    {item}\n                                </div>\n                            ))}\n                        </div>\n                    </div>\n                </div>\n                <div className={styles['hero']} style={{ backgroundImage: `url(${roomData.images[0]})` }}>\n                    <h1 className={styles['hero-title']}>{roomData.name}</h1>\n                </div>\n\n                <div className={styles['body-content']}>\n                    <div className=\"row\">\n                        <div className=\"col-md-6\">\n                            <h2 style={{ fontSize: '48px' }}>{roomData.name}</h2>\n                            <div dangerouslySetInnerHTML={{ __html: roomData.shortDescription }}></div>\n                            <div dangerouslySetInnerHTML={{ __html: roomData.longDescription }}></div>\n\n                            <div style={{ height: '500px', marginTop: '64px' }}>\n                                <ImageGallerySlider images={roomData.images} />\n                            </div>\n                        </div>\n                        <div className=\"col-md-6\">\n                            <div style={{ marginTop: '128px' }}>\n                                <InlineRender id={roomData.code} />\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nconst InlineRender = ({ id }: { id: string }) => {\n    const inline = useRef(null);\n\n    useEffect(() => {\n        if (inline.current) {\n            const fullpageBE = new InlineRoomMiniEngine(inline.current, id);\n            fullpageBE.setConfig({ company: rsCompany });\n            RoomstayThemeEngine.registerStyles();\n            fullpageBE.start();\n        }\n    }, [inline]);\n\n    return <div ref={inline} />;\n};\n"]}