@roomstay/frontend 2.6.111-4 → 2.6.112

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@roomstay/frontend",
-    "version": "2.6.111-4",
+    "version": "2.6.112",
     "author": {
         "name": "Roomstay",
         "email": "rob@roomstay.io",
@@ -23,8 +23,8 @@
         "@planpay/web": "^1.1.2",
         "@popperjs/core": "^2.11.6",
         "@react-spring/web": "^9.4.4",
-        "@roomstay/core": "0.2.0-4",
-        "@roomstay/gc-frontend": "^1.0.11-0",
+        "@roomstay/core": "0.1.81",
+        "@roomstay/gc-frontend": "^1.0.10",
         "@roomstay/ui": "^0.0.15",
         "@sentry/browser": "^5.21.0",
         "@sentry/types": "^5.26.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/map/BEHotelLocationMapBlock.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const BE_HOTEL_LOCATION_MAP_BLOCK = "BEHotelLocationMapBlock";
-export declare function OriginalHotelLocationMapBlock(): React.JSX.Element;
-export default function BEHotelLocationMapBlock(): React.JSX.Element;

package/dist/src/components/generic/map/BEHotelLocationMapBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BEHotelLocationMapBlock.js","sourceRoot":"/","sources":["src/components/generic/map/BEHotelLocationMapBlock.tsx"],"names":[],"mappings":";;;;;;AAQA,sEAMC;AAED,0CAEC;AAlBD,2CAAkD;AAClD,kDAA0B;AAE1B,mFAA2D;AAC3D,uDAAgD;AAEnC,QAAA,2BAA2B,GAAG,yBAAyB,CAAC;AAErE,SAAgB,6BAA6B;IACzC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,IAAI,CAAC,KAAK;QAAE,OAAO,6DAAK,CAAC;IAEzB,OAAO,8DAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,8BAAC,qBAAW,IAAC,SAAS,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,CAAI,CAAC;AACvI,CAAC;AAED,SAAwB,uBAAuB;IAC3C,OAAO,IAAA,mBAAM,EAAC,mCAA2B,EAAE,6BAA6B,EAAE,IAAI,CAAC,CAAC;AACpF,CAAC","sourcesContent":["import { useCurrentHotel } from '@frontend/hooks';\nimport React from 'react';\n\nimport BEMapWidget from '@/components/summary/BEMapWidget';\nimport { withDI } from '@/providers/DIProvider';\n\nexport const BE_HOTEL_LOCATION_MAP_BLOCK = 'BEHotelLocationMapBlock';\n\nexport function OriginalHotelLocationMapBlock() {\n    const { hotel } = useCurrentHotel();\n\n    if (!hotel) return <></>;\n\n    return <>{hotel.latitude && hotel.longitude ? <BEMapWidget mapLatLng={{ lat: hotel.latitude, lng: hotel.longitude }} /> : null}</>;\n}\n\nexport default function BEHotelLocationMapBlock() {\n    return withDI(BE_HOTEL_LOCATION_MAP_BLOCK, OriginalHotelLocationMapBlock, null);\n}\n"]}

package/dist/src/components/steps/date/BEPeoplePickerBlock.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const BE_PEOPLE_PICKER_BLOCK = "BEPeoplePickerBlock";
-export declare function OriginalPeoplePickerBlock(): React.JSX.Element;
-export default function BEPeoplePickerBlock(): React.JSX.Element;

package/dist/src/components/steps/date/BEPeoplePickerBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BEPeoplePickerBlock.js","sourceRoot":"/","sources":["src/components/steps/date/BEPeoplePickerBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport PromoCodeInput from '@/components/generic/PromoCodeInput';\nimport OccupancyWarningBlock from '@/components/steps/date/OccupancyWarningBlock';\nimport PeoplePickerRow, { PeoplePickerDetails } from '@/components/steps/date/PeoplePickerRow';\nimport { useSignedInMember } from '@/hooks/useSignedInMember';\nimport BasketRow, { EPromoCodeStatus } from '@/models/BasketRow';\nimport { withDI } from '@/providers/DIProvider';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\n\nexport const BE_PEOPLE_PICKER_BLOCK = 'BEPeoplePickerBlock';\n\nexport function OriginalPeoplePickerBlock() {\n    const context = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n    const { signedInUser } = useSignedInMember();\n    const updateRoomValues = (row: BasketRow, values: PeoplePickerDetails) => {\n        const { adults, children, infants, promoCode } = values;\n\n        if (adults !== row.getAdults()) {\n            row.setAdults(adults);\n            DataLayer.instance.sendInteraction('Guests', InteractionType.NUMBER_INPUT, InteractionStep.DATES);\n        }\n        if (children !== row.getChildren()) {\n            row.setChildren(children);\n            DataLayer.instance.sendInteraction('Guests', InteractionType.NUMBER_INPUT, InteractionStep.DATES);\n        }\n\n        if (infants !== row.getInfants()) {\n            row.setInfants(infants);\n            DataLayer.instance.sendInteraction('Guests', InteractionType.NUMBER_INPUT, InteractionStep.DATES);\n        }\n\n        if (promoCode !== row.getPromoCode()) {\n            DataLayer.instance.sendInteraction('Promo Code', InteractionType.FORM_FIELD, InteractionStep.DATES);\n            row.setPromoCode(promoCode);\n        }\n\n        context.updateBasketRow(row);\n    };\n\n    const basketRows = context.currentBasketRows;\n    const { t } = useTranslation();\n\n    const addNewBasketRow = () => {\n        context.addBasketRow(new BasketRow());\n    };\n\n    const updatePromoCode = (code: string) => {\n        if (context.selectedBasketRow) {\n            context.selectedBasketRow.setManualInputPromoCode(!!true);\n            context.selectedBasketRow.setPromoCode(code);\n            context.updateBasketRow(context.selectedBasketRow);\n        }\n    };\n\n    const selectedRow = context.selectedBasketRow;\n\n    const promoCodeStatus = selectedRow?.getPromoCodeStatus() ?? null;\n    const addAnotherRoomOnClickHandler = () => {\n        DataLayer.instance.sendInteraction('Add Another Room', InteractionType.BUTTON, InteractionStep.DATES);\n        addNewBasketRow();\n    };\n    const changePromoCode = (val: any) => {\n        updatePromoCode(val);\n    };\n\n    const promocode = context.selectedBasketRow?.getPromoCode(hotel?.memberOnlyPromoCode);\n\n    return (\n        <div className=\"people-picker--items\">\n            {basketRows.map((item, index) => {\n                const changeRoomValues = (val: any) => {\n                    updateRoomValues(item, val);\n                };\n                const removeBasketRowHandler = () => {\n                    context.removeBasketRow(item);\n                };\n                return (\n                    <div key={item.getID()}>\n                        <PeoplePickerRow\n                            number={index}\n                            details={{\n                                adults: item.getAdults(),\n                                children: item.getChildren(),\n                                infants: item.getInfants(),\n                                promoCode: item.getPromoCode(),\n                                roomCode: item.getRoomCode(),\n                            }}\n                            onChange={changeRoomValues}\n                            onRemove={removeBasketRowHandler}\n                        />\n                    </div>\n                );\n            })}\n            <div className=\"u-marg-bottom\">\n                <PromoCodeInput\n                    value={promocode}\n                    onChange={changePromoCode}\n                    valid={!promocode || promoCodeStatus === null || promoCodeStatus === EPromoCodeStatus.New ? undefined : promoCodeStatus === EPromoCodeStatus.Valid}\n                    variant=\"outlined\"\n                    row={selectedRow}\n                />\n            </div>\n\n            {context.canAddAnotherRoom ? (\n                <BEButton isText primary icon={IconType.Add} stopIconAnimation onClick={addAnotherRoomOnClickHandler}>\n                    {t(Translation.Misc.AddAnotherRoom)}\n                </BEButton>\n            ) : (\n                <></>\n            )}\n            <OccupancyWarningBlock />\n        </div>\n    );\n}\n\nexport default function BEPeoplePickerBlock() {\n    return withDI(BE_PEOPLE_PICKER_BLOCK, OriginalPeoplePickerBlock, null);\n}\n"]}