npm - @roomstay/frontend - Versions diffs - 2.1.6 → 2.1.7 - Mend

@roomstay/frontend 2.1.6 → 2.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (872) hide show

package/dist/src/components/steps/confirmation/RoomContactDetails.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RoomContactDetails.js","sourceRoot":"/","sources":["src/components/steps/confirmation/RoomContactDetails.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAA4D;AAC5D,kEAA2D;AAC3D,4FAAoE;AACpE,2EAAmD;AACnD,0DAAuD;AACvD,iDAA+C;AAC/C,6EAAqD;AACrD,uEAAgE;AAChE,wCAAqC;AACrC,sIAA8G;AAC9G,uEAA+C;AAC/C,+EAAuD;AACvD,qDAAwF;AACxF,oEAA8D;AAC9D,iFAAyD;AACzD,8DAA+E;AAC/E,6IAAqH;AACrH,kHAA0F;AAC1F,+DAA2F;AAC3F,+EAAuD;AACvD,iDAA0E;AAC1E,yCAAuD;AACvD,kDAAgD;AAEhD,MAAM,kBAAkB,GAAO,GAAG,EAAE;IAChC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAA,gCAAc,GAA0B,CAAC;IAC9G,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,aAAa,CAAC,eAAe,EAAE,CAAC;IACnD,MAAM,eAAe,GAAG,aAAa,CAAC,eAAe,CAAC;IAEtD,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,+BAAa,EAAC;QACrC,OAAO;QACP,IAAI,EAAE,cAAc;KACvB,CAAC,CAAC;IACH,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC,CAAC;IAE/E,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC;IAEhC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAErE,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACX,MAAA,MAAM,CAAC,YAAY,0CAAE,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YACtC,IAAI,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE;gBAC5B,KAAK,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;aACvB;QACL,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAExC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,qBAAqB,GAAG,EAAE,EAAE,EAAE;YAClE,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;QACpD,CAAC,CAAC;QACF,MAAM,YAAY,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE;;YACtD,OAAO;gBACH,CAAC,kCAAmB,CAAC,QAAQ,CAAC,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC;gBACxE,CAAC,kCAAmB,CAAC,OAAO,CAAC,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC;gBACtE,CAAC,kCAAmB,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC;gBAClE,CAAC,kCAAmB,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,CAAC;gBACxE,CAAC,kCAAmB,CAAC,OAAO,CAAC,EAAE,eAAe,CAAC,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,OAAO,CAAC;gBAC/E,CAAC,kCAAmB,CAAC,IAAI,CAAC,EAAE,eAAe,CAAC,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,IAAI,CAAC;gBACzE,CAAC,kCAAmB,CAAC,QAAQ,CAAC,EAAE,eAAe,CAAC,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,GAAG,CAAC;gBAC5E,CAAC,kCAAmB,CAAC,OAAO,CAAC,EAAE,eAAe,CAAC,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,OAAO,CAAC;aAClF,CAAC;QACN,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;QACvC,QAAQ,CAAC,cAAc,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,KAAI,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC1E,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAC,CAAC,CAAC;IAEjC,MAAM,wBAAwB,GAAG,CAAC,IAAyB,EAAE,KAAa,EAAE,EAAE,CAAC,gBAAgB,KAAK,IAAI,IAAI,EAAW,CAAC;IAExH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAY,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC;IAEjG,MAAM,aAAa,GACf,CAAC,SAAiB,EAAE,eAAuB,EAAE,EAAE,CAC/C,CAAC,KAAU,EAAQ,EAAE;QACjB,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,eAAe,EAAE,2BAAe,CAAC,UAAU,EAAE,2BAAe,CAAC,aAAa,CAAC,CAAC;IACnH,CAAC,CAAC;IAEN,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,YAAY;YACZ,MAAM,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE;gBAChC,IAAI,KAAK,KAAK,CAAC;oBAAE,OAAO;gBACxB,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC;YAC/C,CAAC,CAAC,CAAC;IACX,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;YACxD,IAAI,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,SAAS,CAAC,YAAY,EAAE;gBAC5G,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;oBACxB,IAAI,KAAK,KAAK,CAAC;wBAAE,OAAO;oBACxB,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC;gBAC/C,CAAC,CAAC,CAAC;aACN;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACR,WAAW,EAAE,CAAC;QAClB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,mBAAS,CAAC,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;IACrE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,KAAc,EAAE,EAAE;QACrD,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;QAC9B,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACH,0CACK,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;;QACzB,MAAM,YAAY,GAAG,CAAC,IAAyB,EAAE,EAAE,CAAC,wBAAwB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC1F,MAAM,kBAAkB,GAAG,CAAC,IAAyB,EAAE,EAAE;;YACrD,IAAI,CAAC,MAAM,CAAC,YAAY,IAAI,CAAC,YAAY,IAAI,KAAK,IAAI,CAAC,CAAC;gBAAE,OAAO,IAAI,CAAC;YACtE,IAAI,MAAA,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,0CAAG,IAAI,CAAC,EAAE;gBACpC,OAAO,OAAO,CAAC;aAClB;iBAAM;gBACH,OAAO,SAAS,CAAC;aACpB;QACL,CAAC,CAAC;QAEF,MAAM,cAAc,GAAG,GAAG,EAAE;YACxB,IAAI,KAAK,KAAK,CAAC,EAAE;gBACb,cAAc,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;aACxC;QACL,CAAC,CAAC;QAEF,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;QAEpC,MAAM,UAAU,GAAG,CAAC,YAAY,IAAI,KAAK,IAAI,CAAC,CAAC,IAAI,aAAa,KAAK,4BAAqB,CAAC,OAAO,CAAC;QAEnG,OAAO,CACH,6BAAK,GAAG,EAAE,KAAK,CAAC,EAAE;YACd,6BAAK,SAAS,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB;gBACrD,6BAAK,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,cAAc;oBAClD,6BAAK,SAAS,EAAC,yCAAyC;wBACpD,oBAAC,kBAAQ,IAAC,IAAI,EAAE,IAAI;4BACf,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC;;4BAAG,KAAK,GAAG,CAAC,CAC9B;wBACV,KAAK,KAAK,CAAC,IAAI,oBAAC,cAAI,IAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,eAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,eAAQ,CAAC,QAAQ,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,GAAI,CACvG;oBACL,SAAS,IAAI,CACV,6BAAK,SAAS,EAAC,eAAe;wBAC1B,oBAAC,cAAI;4BACD,gCAAQ,SAAS,EAAC,YAAY,IAAE,SAAS,CAAC,OAAO,EAAE,CAAC,IAAI,CAAU;;4BAAK,GAAG;4BACzE,sBAAY,CAAC,sBAAsB,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;;4BAE1F,sBAAY,CAAC,sBAAsB,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAC1F;wBACP,6BAAK,SAAS,EAAC,qDAAqD;4BAChE,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM;gCAC3C,oCAAS,SAAS,CAAC,YAAY,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAU,CAC7D;4BACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,WAAW,EAAE,IAAI,EAAE,MAAM,GAAI;4BAClD,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM;gCAC3C,oCAAS,SAAS,CAAC,UAAU,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAU,CAC3D,CACL,CACJ,CACT;oBACA,CAAA,MAAA,MAAM,CAAC,YAAY,0CAAG,KAAK,CAAC;wBACzB,SAAS,CAAC,WAAW,IAAI,CAAC;wBAC1B,CAAC,KAAK,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC;wBAC9B,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAiB,EAAE,UAAU,EAAE,EAAE;4BAC5E,OAAO,CACH,oBAAC,wBAAc,IAAC,GAAG,EAAE,UAAU,EAAE,IAAI;gCACjC,6BAAK,SAAS,EAAC,QAAQ;oCACnB,oBAAC,eAAK,IACF,IAAI,EAAE,eAAQ,CAAC,KAAK,EACpB,IAAI,EAAE,iBAAS,CAAC,MAAM,EACtB,QAAQ,EAAE,UAAU,KAAK,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC;wCAE3E,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAQ,CAC/C,CACN,CACO,CACpB,CAAC;wBACN,CAAC,CAAC,CACJ;gBACN,6BAAK,SAAS,EAAC,2BAA2B,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;oBAClF,6BAAK,SAAS,EAAC,sBAAsB;wBACjC,6BAAK,SAAS,EAAC,sBAAsB;4BACjC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gCACtB,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAU,CAC5D,CACL;wBACN,oBAAC,oBAAU,IAAC,UAAU,EAAC,KAAK;4BACxB,oBAAC,iBAAO,kBACJ,UAAU,EAAE;oCACR,QAAQ,EAAE,UAAU;iCACvB,EACD,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAI,EACpE,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,IAAI,EACd,gBAAgB,EAAE,kBAAkB,CAAC,kCAAmB,CAAC,QAAQ,CAAC,IAC9D,QAAQ,CAAC,YAAY,CAAC,kCAAmB,CAAC,QAAQ,CAAC,EAAE;gCACrD,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,kCAAmB,CAAC,QAAQ,CAAC,EAAE,yBAAyB,CAAC;gCAC9F,QAAQ,EAAE;oCACN,KAAK,EAAE,IAAI;oCACX,OAAO,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;iCACzH;6BACJ,CAAC,EACJ;4BACF,oBAAC,iBAAO,kBACJ,UAAU,EAAE;oCACR,QAAQ,EAAE,UAAU;iCACvB,EACD,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,IAAI,EACnE,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,IAAI,EACd,gBAAgB,EAAE,kBAAkB,CAAC,kCAAmB,CAAC,OAAO,CAAC,IAC7D,QAAQ,CAAC,YAAY,CAAC,kCAAmB,CAAC,OAAO,CAAC,EAAE;gCACpD,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,kCAAmB,CAAC,OAAO,CAAC,EAAE,wBAAwB,CAAC;gCAC5F,QAAQ,EAAE;oCACN,KAAK,EAAE,IAAI;oCACX,OAAO,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;iCACxH;6BACJ,CAAC,EACJ,CACO;wBAEb,oBAAC,oBAAU,IAAC,UAAU,EAAE,KAAK;4BACzB,oBAAC,iBAAO,kBACJ,UAAU,EAAE;oCACR,QAAQ,EAAE,UAAU;iCACvB,EACD,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,EACjE,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,kBAAkB,CAAC,kCAAmB,CAAC,KAAK,CAAC,EAC/D,QAAQ,EAAE,IAAI,IACV,QAAQ,CAAC,YAAY,CAAC,kCAAmB,CAAC,KAAK,CAAC,EAAE;gCAClD,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,kCAAmB,CAAC,KAAK,CAAC,EAAE,sBAAsB,CAAC;gCACxF,QAAQ,EAAE;oCACN,KAAK,EAAE,IAAI;oCACX,OAAO,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;iCACtH;gCACD,OAAO,EAAE;oCACL,KAAK,EAAE,wBAAW;oCAClB,OAAO,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,YAAY,CAAC;iCAChE;6BACJ,CAAC,EACJ;4BACD,qCAA2B,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CACtC,oBAAC,4BAAU,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,YAAY,CAAC,kCAAmB,CAAC,KAAK,CAAC,EAC7C,KAAK,EAAE;oCACH,QAAQ,EAAE;wCACN,KAAK,EAAE,IAAI;wCACX,OAAO,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;qCACtH;oCACD,SAAS,EAAE;wCACP,KAAK,EAAE,CAAC;wCACR,OAAO,EAAE,0BAA0B;qCACtC;oCACD,SAAS,EAAE;wCACP,KAAK,EAAE,EAAE;wCACT,OAAO,EAAE,0BAA0B;qCACtC;oCACD,OAAO,EAAE;wCACL,KAAK,EAAE,sBAAsB;wCAC7B,OAAO,EAAE,gCAAgC;qCAC5C;iCACJ,EACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;oCAClB,OAAO,CACH,oBAAC,kCAAwB,kBACrB,QAAQ,EAAE,UAAU,EACpB,gBAAgB,EAAE,kBAAkB,CAAC,kCAAmB,CAAC,KAAK,CAAC,IAC3D,KAAK,IACT,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE;4CACjB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;4CAClB,aAAa,CAAC,YAAY,CAAC,kCAAmB,CAAC,KAAK,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC;wCACtF,CAAC,IACH,CACL,CAAC;gCACN,CAAC,GACH,CACL,CAAC,CAAC,CAAC,CACA,oBAAC,iBAAO,kBACJ,UAAU,EAAE;oCACR,QAAQ,EAAE,UAAU;iCACvB,EACD,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,EACjE,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,IAAI,EACd,gBAAgB,EAAE,kBAAkB,CAAC,kCAAmB,CAAC,KAAK,CAAC,IAC3D,QAAQ,CAAC,YAAY,CAAC,kCAAmB,CAAC,KAAK,CAAC,EAAE;gCAClD,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,kCAAmB,CAAC,KAAK,CAAC,EAAE,sBAAsB,CAAC;gCACxF,QAAQ,EAAE;oCACN,KAAK,EAAE,IAAI;oCACX,OAAO,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;iCACtH;6BACJ,CAAC,EACJ,CACL,CACQ,CACX;oBACN,6BAAK,SAAS,EAAC,EAAE;wBACb,6BAAK,SAAS,EAAC,sBAAsB;4BACjC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gCACtB,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAU,CACxD,CACL;wBAEN,oBAAC,oBAAU,IAAC,UAAU,EAAE,KAAK;4BACzB,oBAAC,iBAAO,kBACJ,UAAU,EAAE;oCACR,QAAQ,EAAE,UAAU;iCACvB,EACD,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,IAAI,EACnE,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,IAAI,EACd,gBAAgB,EAAE,kBAAkB,CAAC,kCAAmB,CAAC,OAAO,CAAC,IAC7D,QAAQ,CAAC,YAAY,CAAC,kCAAmB,CAAC,OAAO,CAAC,EAAE;gCACpD,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,kCAAmB,CAAC,OAAO,CAAC,EAAE,mBAAmB,CAAC;gCACvF,QAAQ,EAAE;oCACN,KAAK,EAAE,IAAI;oCACX,OAAO,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;iCACxH;6BACJ,CAAC,EACJ;4BACF,oBAAC,iBAAO,kBACJ,UAAU,EAAE;oCACR,QAAQ,EAAE,UAAU;iCACvB,EACD,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,EAChE,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,IAAI,EACd,gBAAgB,EAAE,kBAAkB,CAAC,kCAAmB,CAAC,IAAI,CAAC,IAC1D,QAAQ,CAAC,YAAY,CAAC,kCAAmB,CAAC,IAAI,CAAC,EAAE;gCACjD,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,kCAAmB,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;gCACjF,QAAQ,EAAE;oCACN,KAAK,EAAE,IAAI;oCACX,OAAO,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;iCACrH;6BACJ,CAAC,EACJ,CACO;wBACb,oBAAC,oBAAU,IAAC,UAAU,EAAE,KAAK;4BACzB,oBAAC,iBAAO,kBACJ,UAAU,EAAE;oCACR,QAAQ,EAAE,UAAU;iCACvB,EACD,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAI,EACpE,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,IAAI,EACd,gBAAgB,EAAE,kBAAkB,CAAC,kCAAmB,CAAC,QAAQ,CAAC,IAC9D,QAAQ,CAAC,YAAY,CAAC,kCAAmB,CAAC,QAAQ,CAAC,EAAE;gCACrD,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,kCAAmB,CAAC,QAAQ,CAAC,EAAE,oBAAoB,CAAC;gCACzF,QAAQ,EAAE;oCACN,KAAK,EAAE,IAAI;oCACX,OAAO,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;iCACzH;6BACJ,CAAC,EACJ;4BACF,oBAAC,4BAAU,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,YAAY,CAAC,kCAAmB,CAAC,OAAO,CAAC,EAC/C,KAAK,EAAE;oCACH,QAAQ,EAAE;wCACN,KAAK,EAAE,IAAI;wCACX,OAAO,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;qCACxH;iCACJ,EACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;oCAClB,MAAM,EAAE,GAAG,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAlC,mBAA0B,CAAQ,CAAC;oCACzC,OAAO,CACH,oBAAC,yCAA+B,kBAC5B,QAAQ,EAAE,UAAU,EACpB,gBAAgB,EAAE,kBAAkB,CAAC,kCAAmB,CAAC,OAAO,CAAC,EACjE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;4CACZ,QAAQ,CAAC,CAAC,CAAC,CAAC;4CACZ,aAAa,CAAC,YAAY,CAAC,kCAAmB,CAAC,OAAO,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;wCACrF,CAAC,IACG,IAAI,EACV,CACL,CAAC;gCACN,CAAC,GACH,CACO,CACX,CACJ;gBACN,oBAAC,mBAAS,OAAG,CACX;YACL,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAChC,6BAAK,SAAS,EAAC,sBAAsB;gBACjC,oBAAC,kBAAQ,kBAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,yBAAyB,CAAC,IAAM,QAAQ,CAAC,cAAc,CAAC,EAAI,CAC3G,CACT,CAAC,CAAC,CAAC,IAAI,CACN,CACT,CAAC;IACN,CAAC,CAAC,CACH,CACN,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC","sourcesContent":["import * as React from 'react';\nimport { FC, useContext, useEffect, useState } from 'react';\nimport Text, { TextType } from '@/components/generic/Text';\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport TextBox from '@/components/generic/TextBox';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport StepConfirmationCountrySelector from '@/components/steps/confirmation/StepConfirmationCountrySelector';\nimport StringHelper from '@/util/StringHelper';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { Controller, FieldError, useFieldArray, useFormContext } from 'react-hook-form';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport EnhancedPhoneNumberField from '@/components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField';\nimport E164PhoneNumberFieldFeature from '@/providers/feature/E164PhoneNumberFieldFeature';\nimport { ConfirmationFormValues, EUserProfileFormKey } from '../../../models/Confirmation';\nimport Checkbox from '../../generic/Checkbox/Checkbox';\nimport { BasketContext, RoomstayMemberContext } from '@frontend/contexts';\nimport { EBookingPaymentMethod } from '@roomstay/core';\nimport { EMAIL_REGEX } from '@/util/Validation';\n\nconst RoomContactDetails: FC = () => {\n const { register, formState, control, watch, getValues, setValue } = useFormContext<ConfirmationFormValues>();\n const basketContext = useContext(BasketContext);\n const basketRows = basketContext.getAllValidRows();\n const basketAddonRows = basketContext.basketAddonRows;\n\n const { update, fields } = useFieldArray({\n control,\n name: 'userProfiles',\n });\n const [copyCheckBox, paymentMethod] = watch(['copyCheckBox', 'paymentMethod']);\n\n const errors = formState.errors;\n\n const { t } = useTranslation();\n const { roomstayMember: member } = useContext(RoomstayMemberContext);\n\n useEffect(() => {\n errors.userProfiles?.forEach((_, index) => {\n if (errors.userProfiles[index]) {\n opens[index] = true;\n }\n });\n setOpens(opens.slice(0));\n }, [errors.userProfiles, copyCheckBox]);\n\n useEffect(() => {\n const getDefaultValue = (index: number, potentialDefaultValue = '') => {\n return index === 0 ? potentialDefaultValue : '';\n };\n const userProfiles = basketRows.map((basketRows, index) => {\n return {\n [EUserProfileFormKey.Forename]: getDefaultValue(index, member?.forename),\n [EUserProfileFormKey.Surname]: getDefaultValue(index, member?.surname),\n [EUserProfileFormKey.Email]: getDefaultValue(index, member?.email),\n [EUserProfileFormKey.Phone]: getDefaultValue(index, member?.phoneNumber),\n [EUserProfileFormKey.Address]: getDefaultValue(index, member?.address?.address),\n [EUserProfileFormKey.City]: getDefaultValue(index, member?.address?.city),\n [EUserProfileFormKey.PostCode]: getDefaultValue(index, member?.address?.zip),\n [EUserProfileFormKey.Country]: getDefaultValue(index, member?.address?.country),\n };\n });\n setValue('userProfiles', userProfiles);\n setValue('copyCheckBox', basketRows?.length && basketRows.length > 1);\n }, [member, basketRows?.length]);\n\n const padInputNameByRoomNumber = (name: EUserProfileFormKey, index: number) => `userProfiles.${index}.${name}` as const;\n\n const [opens, setOpens] = useState<boolean[]>(basketRows.map((basketRow, index) => index === 0));\n\n const onInputChange =\n (fieldName: string, interactionName: string) =>\n (event: any): void => {\n DataLayer.instance.sendInteraction(interactionName, InteractionType.FORM_FIELD, InteractionStep.GUEST_DETAILS);\n };\n\n useEffect(() => {\n if (copyCheckBox)\n fields.forEach((basketRow, index) => {\n if (index === 0) return;\n update(index, getValues(`userProfiles.0`));\n });\n }, [copyCheckBox]);\n\n useEffect(() => {\n const { unsubscribe } = watch((allFields, { name, type }) => {\n if (type === 'change' && name.includes('userProfiles') && name.split('.')[1] === '0' && allFields.copyCheckBox) {\n fields.map((field, index) => {\n if (index === 0) return;\n update(index, getValues('userProfiles.0'));\n });\n }\n });\n\n return () => {\n unsubscribe();\n };\n }, [fields]);\n\n useEffect(() => {\n DataLayer.instance.sendCheckoutView(basketRows, basketAddonRows);\n }, []);\n\n const setOpenByIndex = (index: number, value: boolean) => {\n opens.splice(index, 1, value);\n setOpens(opens.slice(0));\n };\n\n return (\n <>\n {fields.map((field, index) => {\n const padInputName = (name: EUserProfileFormKey) => padInputNameByRoomNumber(name, index);\n const getValidationClass = (name: EUserProfileFormKey) => {\n if (!errors.userProfiles \|\| (copyCheckBox && index >= 1)) return null;\n if (errors.userProfiles[index]?.[name]) {\n return 'error';\n } else {\n return 'success';\n }\n };\n\n const openExpandable = () => {\n if (index !== 0) {\n setOpenByIndex(index, !opens[index]);\n }\n };\n\n const basketRow = basketRows[index];\n\n const isDisabled = (copyCheckBox && index >= 1) \|\| paymentMethod === EBookingPaymentMethod.Planpay;\n\n return (\n <div key={field.id}>\n <div className={index === 0 ? '' : 'u-marg-bottom--heavy'}>\n <div className=\"u-marg-bottom\" onClick={openExpandable}>\n <div className=\"u-flex u-marg-bottom align-items-center\">\n <Headline bold={true}>\n {t(Translation.Misc.Room)} {index + 1}\n </Headline>\n {index !== 0 && <Icon icon={opens[index] ? IconType.ArrowDown2 : IconType.ArrowUp2} color={Color.Grey} />}\n </div>\n {basketRow && (\n <div className=\"u-marg-bottom\">\n <Text>\n <strong className=\"u-block@l-\">{basketRow.getRoom().name}</strong> for{' '}\n {StringHelper.pluralWithDictAndCount(basketRow.getAdults(), Translation.Step.Date.Adult, t)}\n , \n {StringHelper.pluralWithDictAndCount(basketRow.getChildren(), Translation.Step.Date.Child, t)}\n </Text>\n <div className=\"step-one-status--dates u-flex justify-content-start\">\n <Text type={TextType.Small} color={Color.Accent}>\n <strong>{basketRow.getStartDate().format('ddd, MMM D')}</strong>\n </Text>\n <Icon icon={IconType.ArrowRight2} size={'18px'} />\n <Text type={TextType.Small} color={Color.Accent}>\n <strong>{basketRow.getEndDate().format('ddd, MMM D')}</strong>\n </Text>\n </div>\n </div>\n )}\n {errors.userProfiles?.[index] &&\n formState.submitCount >= 1 &&\n (index === 0 \|\| !copyCheckBox) &&\n Object.values(errors.userProfiles[index]).map((error: FieldError, errorIndex) => {\n return (\n <AutoAutoHeight key={errorIndex} open>\n <div className=\"u-flex\">\n <Alert\n icon={IconType.Error}\n type={AlertType.Danger}\n noMargin={errorIndex === Object.keys(errors.userProfiles[index]).length - 1}\n >\n <Text type={TextType.Small}>{error?.message}</Text>\n </Alert>\n </div>\n </AutoAutoHeight>\n );\n })}\n </div>\n <div className=\"room-contact-details--row\" style={{ maxHeight: opens[index] ? '' : 0 }}>\n <div className=\"u-marg-bottom--heavy\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Small}>\n <strong>{t(Translation.Step.Confirmation.ContactInfo)}</strong>\n </Text>\n </div>\n <InputGroup dimensions=\"2/2\">\n <TextBox\n inputProps={{\n disabled: isDisabled,\n }}\n placeholder={t(Translation.Step.Confirmation.Inputs.Forename) + ' '}\n wide={true}\n required={true}\n validationStatus={getValidationClass(EUserProfileFormKey.Forename)}\n {...register(padInputName(EUserProfileFormKey.Forename), {\n onChange: onInputChange(padInputName(EUserProfileFormKey.Forename), 'Forename - Contact Info'),\n required: {\n value: true,\n message: t(Translation.Step.Confirmation.Inputs.Required, { field: t(Translation.Step.Confirmation.Inputs.Forename) }),\n },\n })}\n />\n <TextBox\n inputProps={{\n disabled: isDisabled,\n }}\n placeholder={t(Translation.Step.Confirmation.Inputs.Surname) + ' '}\n wide={true}\n required={true}\n validationStatus={getValidationClass(EUserProfileFormKey.Surname)}\n {...register(padInputName(EUserProfileFormKey.Surname), {\n onChange: onInputChange(padInputName(EUserProfileFormKey.Surname), 'Surname - Contact Info'),\n required: {\n value: true,\n message: t(Translation.Step.Confirmation.Inputs.Required, { field: t(Translation.Step.Confirmation.Inputs.Surname) }),\n },\n })}\n />\n </InputGroup>\n\n <InputGroup dimensions={'2/2'}>\n <TextBox\n inputProps={{\n disabled: isDisabled,\n }}\n placeholder={t(Translation.Step.Confirmation.Inputs.Email) + ' '}\n wide={true}\n validationStatus={getValidationClass(EUserProfileFormKey.Email)}\n required={true}\n {...register(padInputName(EUserProfileFormKey.Email), {\n onChange: onInputChange(padInputName(EUserProfileFormKey.Email), 'Email - Contact Info'),\n required: {\n value: true,\n message: t(Translation.Step.Confirmation.Inputs.Required, { field: t(Translation.Step.Confirmation.Inputs.Email) }),\n },\n pattern: {\n value: EMAIL_REGEX,\n message: t(Translation.Step.Confirmation.Inputs.InvalidEmail),\n },\n })}\n />\n {E164PhoneNumberFieldFeature.isActive() ? (\n <Controller\n control={control}\n name={padInputName(EUserProfileFormKey.Phone)}\n rules={{\n required: {\n value: true,\n message: t(Translation.Step.Confirmation.Inputs.Required, { field: t(Translation.Step.Confirmation.Inputs.Phone) }),\n },\n minLength: {\n value: 5,\n message: 'Phone number is required',\n },\n maxLength: {\n value: 17,\n message: 'Phone number is too long',\n },\n pattern: {\n value: /^[1-9]( \|\\d){1,15}$/g,\n message: 'Incorrect phone number entered',\n },\n }}\n render={({ field }) => {\n return (\n <EnhancedPhoneNumberField\n disabled={isDisabled}\n validationStatus={getValidationClass(EUserProfileFormKey.Phone)}\n {...field}\n onChange={(e: any) => {\n field.onChange(e);\n onInputChange(padInputName(EUserProfileFormKey.Phone), 'Phone - Contact Info')(e);\n }}\n />\n );\n }}\n />\n ) : (\n <TextBox\n inputProps={{\n disabled: isDisabled,\n }}\n placeholder={t(Translation.Step.Confirmation.Inputs.Phone) + ' '}\n wide={true}\n required={true}\n validationStatus={getValidationClass(EUserProfileFormKey.Phone)}\n {...register(padInputName(EUserProfileFormKey.Phone), {\n onChange: onInputChange(padInputName(EUserProfileFormKey.Phone), 'Phone - Contact Info'),\n required: {\n value: true,\n message: t(Translation.Step.Confirmation.Inputs.Required, { field: t(Translation.Step.Confirmation.Inputs.Phone) }),\n },\n })}\n />\n )}\n </InputGroup>\n </div>\n <div className=\"\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Small}>\n <strong>{t(Translation.Step.Confirmation.Address)}</strong>\n </Text>\n </div>\n\n <InputGroup dimensions={'3/1'}>\n <TextBox\n inputProps={{\n disabled: isDisabled,\n }}\n placeholder={t(Translation.Step.Confirmation.Inputs.Address) + ' '}\n wide={true}\n required={true}\n validationStatus={getValidationClass(EUserProfileFormKey.Address)}\n {...register(padInputName(EUserProfileFormKey.Address), {\n onChange: onInputChange(padInputName(EUserProfileFormKey.Address), 'Address - Address'),\n required: {\n value: true,\n message: t(Translation.Step.Confirmation.Inputs.Required, { field: t(Translation.Step.Confirmation.Inputs.Address) }),\n },\n })}\n />\n <TextBox\n inputProps={{\n disabled: isDisabled,\n }}\n placeholder={t(Translation.Step.Confirmation.Inputs.City) + ' '}\n wide={true}\n required={true}\n validationStatus={getValidationClass(EUserProfileFormKey.City)}\n {...register(padInputName(EUserProfileFormKey.City), {\n onChange: onInputChange(padInputName(EUserProfileFormKey.City), 'City - Address'),\n required: {\n value: true,\n message: t(Translation.Step.Confirmation.Inputs.Required, { field: t(Translation.Step.Confirmation.Inputs.City) }),\n },\n })}\n />\n </InputGroup>\n <InputGroup dimensions={'2/2'}>\n <TextBox\n inputProps={{\n disabled: isDisabled,\n }}\n placeholder={t(Translation.Step.Confirmation.Inputs.PostCode) + ' *'}\n wide={true}\n required={true}\n validationStatus={getValidationClass(EUserProfileFormKey.PostCode)}\n {...register(padInputName(EUserProfileFormKey.PostCode), {\n onChange: onInputChange(padInputName(EUserProfileFormKey.PostCode), 'PostCode - Address'),\n required: {\n value: true,\n message: t(Translation.Step.Confirmation.Inputs.Required, { field: t(Translation.Step.Confirmation.Inputs.PostCode) }),\n },\n })}\n />\n <Controller\n control={control}\n name={padInputName(EUserProfileFormKey.Country)}\n rules={{\n required: {\n value: true,\n message: t(Translation.Step.Confirmation.Inputs.Required, { field: t(Translation.Step.Confirmation.Inputs.Country) }),\n },\n }}\n render={({ field }) => {\n const { ref, onChange, ...rest } = field;\n return (\n <StepConfirmationCountrySelector\n disabled={isDisabled}\n validationStatus={getValidationClass(EUserProfileFormKey.Country)}\n onChange={(e) => {\n onChange(e);\n onInputChange(padInputName(EUserProfileFormKey.Country), 'Country - Address')(e);\n }}\n {...rest}\n />\n );\n }}\n />\n </InputGroup>\n </div>\n </div>\n <LineBreak />\n </div>\n {fields.length > 1 && index === 0 ? (\n <div className=\"u-marg-bottom--heavy\">\n <Checkbox label={t(Translation.Step.Confirmation.ApplySameInfoToOtherRooms)} {...register('copyCheckBox')} />\n </div>\n ) : null}\n </div>\n );\n })}\n </>\n );\n};\n\nexport default RoomContactDetails;\n"]}
1	+ {"version":3,"file":"RoomContactDetails.js","sourceRoot":"/","sources":["src/components/steps/confirmation/RoomContactDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { ReactElement } from 'react';\nimport { FC, useContext, useEffect, useState } from 'react';\nimport Text, { TextType } from '@/components/generic/Text';\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport TextBox from '@/components/generic/TextBox';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport StepConfirmationCountrySelector from '@/components/steps/confirmation/StepConfirmationCountrySelector';\nimport StringHelper from '@/util/StringHelper';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { Controller, FieldError, useFieldArray, useFormContext } from 'react-hook-form';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport EnhancedPhoneNumberField from '@/components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField';\nimport E164PhoneNumberFieldFeature from '@/providers/feature/E164PhoneNumberFieldFeature';\nimport { ConfirmationFormValues, EUserProfileFormKey } from '@/models/Confirmation';\nimport Checkbox from '../../generic/Checkbox/Checkbox';\nimport { BasketContext, RoomstayMemberContext } from '@frontend/contexts';\nimport { EBookingPaymentMethod } from '@roomstay/core';\nimport { EMAIL_REGEX } from '@/util/Validation';\n\nconst RoomContactDetails: FC = () => {\n const { register, formState, control, watch, getValues, setValue } = useFormContext<ConfirmationFormValues>();\n const basketContext = useContext(BasketContext);\n const basketRows = basketContext.getAllValidRows();\n const basketAddonRows = basketContext.basketAddonRows;\n\n const { update, fields } = useFieldArray({\n control,\n name: 'userProfiles',\n });\n const [copyCheckBox, paymentMethod] = watch(['copyCheckBox', 'paymentMethod']);\n\n const errors = formState.errors;\n\n const { t } = useTranslation();\n const { roomstayMember: member } = useContext(RoomstayMemberContext);\n\n useEffect(() => {\n errors.userProfiles?.forEach?.((_, index) => {\n if (errors.userProfiles?.[index]) {\n opens[index] = true;\n }\n });\n setOpens(opens.slice(0));\n }, [errors.userProfiles, copyCheckBox]);\n\n useEffect(() => {\n const getDefaultValue = (index: number, potentialDefaultValue = '') => {\n return index === 0 ? potentialDefaultValue : '';\n };\n const userProfiles = basketRows.map((basketRows, index) => {\n return {\n [EUserProfileFormKey.Forename]: getDefaultValue(index, member?.forename),\n [EUserProfileFormKey.Surname]: getDefaultValue(index, member?.surname),\n [EUserProfileFormKey.Email]: getDefaultValue(index, member?.email),\n [EUserProfileFormKey.Phone]: getDefaultValue(index, member?.phoneNumber),\n [EUserProfileFormKey.Address]: getDefaultValue(index, member?.address?.address),\n [EUserProfileFormKey.City]: getDefaultValue(index, member?.address?.city),\n [EUserProfileFormKey.PostCode]: getDefaultValue(index, member?.address?.zip),\n [EUserProfileFormKey.Country]: getDefaultValue(index, member?.address?.country),\n };\n });\n setValue('userProfiles', userProfiles);\n setValue('copyCheckBox', !!(basketRows?.length && basketRows.length > 1));\n }, [member, basketRows?.length]);\n\n const padInputNameByRoomNumber = (name: EUserProfileFormKey, index: number) => `userProfiles.${index}.${name}` as const;\n\n const [opens, setOpens] = useState<boolean[]>(basketRows.map((basketRow, index) => index === 0));\n\n const onInputChange =\n (fieldName: string, interactionName: string) =>\n (event: any): void => {\n DataLayer.instance.sendInteraction(interactionName, InteractionType.FORM_FIELD, InteractionStep.GUEST_DETAILS);\n };\n\n useEffect(() => {\n if (copyCheckBox)\n fields.forEach((basketRow, index) => {\n if (index === 0) return;\n update(index, getValues(`userProfiles.0`));\n });\n }, [copyCheckBox]);\n\n useEffect(() => {\n const { unsubscribe } = watch((allFields, { name, type }) => {\n if (type === 'change' && name?.includes('userProfiles') && name.split('.')[1] === '0' && allFields.copyCheckBox) {\n fields.map((field, index) => {\n if (index === 0) return;\n update(index, getValues('userProfiles.0'));\n });\n }\n });\n\n return () => {\n unsubscribe();\n };\n }, [fields]);\n\n useEffect(() => {\n DataLayer.instance.sendCheckoutView(basketRows, basketAddonRows);\n }, []);\n\n const setOpenByIndex = (index: number, value: boolean) => {\n opens.splice(index, 1, value);\n setOpens(opens.slice(0));\n };\n\n const renderError = (userProfileIndex: number): ReactElement \| null => {\n const userProfile = errors.userProfiles?.[userProfileIndex];\n if (userProfile && formState.submitCount >= 1 && (userProfileIndex === 0 \|\| !copyCheckBox))\n Object.values(userProfile).map((error, errorIndex) => {\n return (\n <AutoAutoHeight key={errorIndex} open>\n <div className=\"u-flex\">\n <Alert icon={IconType.Error} type={AlertType.Danger} noMargin={errorIndex === Object.keys(userProfile).length - 1}>\n <Text type={TextType.Small}>{(error as FieldError)?.message}</Text>\n </Alert>\n </div>\n </AutoAutoHeight>\n );\n });\n return null;\n };\n\n return (\n <>\n {fields.map((field, index) => {\n const padInputName = (name: EUserProfileFormKey) => padInputNameByRoomNumber(name, index);\n const getValidationClass = (name: EUserProfileFormKey) => {\n if (!errors.userProfiles \|\| (copyCheckBox && index >= 1)) return;\n if (errors.userProfiles[index]?.[name]) {\n return 'error';\n } else {\n return 'success';\n }\n };\n\n const openExpandable = () => {\n if (index !== 0) {\n setOpenByIndex(index, !opens[index]);\n }\n };\n\n const basketRow = basketRows[index];\n\n const isDisabled = (copyCheckBox && index >= 1) \|\| paymentMethod === EBookingPaymentMethod.Planpay;\n\n return (\n <div key={field.id}>\n <div className={index === 0 ? '' : 'u-marg-bottom--heavy'}>\n <div className=\"u-marg-bottom\" onClick={openExpandable}>\n <div className=\"u-flex u-marg-bottom align-items-center\">\n <Headline bold>\n {t(Translation.Misc.Room)} {index + 1}\n </Headline>\n {index !== 0 && <Icon icon={opens[index] ? IconType.ArrowDown2 : IconType.ArrowUp2} color={Color.Grey} />}\n </div>\n {basketRow && (\n <div className=\"u-marg-bottom\">\n <Text>\n <strong className=\"u-block@l-\">{basketRow.getRoom().name}</strong> for{' '}\n {StringHelper.pluralWithDictAndCount(basketRow.getAdults(), Translation.Step.Date.Adult, t)}\n , \n {StringHelper.pluralWithDictAndCount(basketRow.getChildren(), Translation.Step.Date.Child, t)}\n </Text>\n <div className=\"step-one-status--dates u-flex justify-content-start\">\n <Text type={TextType.Small} color={Color.Accent}>\n <strong>{basketRow.getStartDate().format('ddd, MMM D')}</strong>\n </Text>\n <Icon icon={IconType.ArrowRight2} size=\"18px\" />\n <Text type={TextType.Small} color={Color.Accent}>\n <strong>{basketRow.getEndDate().format('ddd, MMM D')}</strong>\n </Text>\n </div>\n </div>\n )}\n {renderError(index)}\n </div>\n <div className=\"room-contact-details--row\" style={{ maxHeight: opens[index] ? undefined : 0 }}>\n <div className=\"u-marg-bottom--heavy\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Small}>\n <strong>{t(Translation.Step.Confirmation.ContactInfo)}</strong>\n </Text>\n </div>\n <InputGroup dimensions=\"2/2\">\n <TextBox\n inputProps={{\n disabled: isDisabled,\n }}\n placeholder={t(Translation.Step.Confirmation.Inputs.Forename) + ' '}\n wide\n required\n validationStatus={getValidationClass(EUserProfileFormKey.Forename)}\n {...register(padInputName(EUserProfileFormKey.Forename), {\n onChange: onInputChange(padInputName(EUserProfileFormKey.Forename), 'Forename - Contact Info'),\n required: {\n value: true,\n message: t(Translation.Step.Confirmation.Inputs.Required, { field: t(Translation.Step.Confirmation.Inputs.Forename) }),\n },\n })}\n />\n <TextBox\n inputProps={{\n disabled: isDisabled,\n }}\n placeholder={t(Translation.Step.Confirmation.Inputs.Surname) + ' '}\n wide\n required\n validationStatus={getValidationClass(EUserProfileFormKey.Surname)}\n {...register(padInputName(EUserProfileFormKey.Surname), {\n onChange: onInputChange(padInputName(EUserProfileFormKey.Surname), 'Surname - Contact Info'),\n required: {\n value: true,\n message: t(Translation.Step.Confirmation.Inputs.Required, { field: t(Translation.Step.Confirmation.Inputs.Surname) }),\n },\n })}\n />\n </InputGroup>\n\n <InputGroup dimensions=\"2/2\">\n <TextBox\n inputProps={{\n disabled: isDisabled,\n }}\n placeholder={t(Translation.Step.Confirmation.Inputs.Email) + ' '}\n wide\n validationStatus={getValidationClass(EUserProfileFormKey.Email)}\n required\n {...register(padInputName(EUserProfileFormKey.Email), {\n onChange: onInputChange(padInputName(EUserProfileFormKey.Email), 'Email - Contact Info'),\n required: {\n value: true,\n message: t(Translation.Step.Confirmation.Inputs.Required, { field: t(Translation.Step.Confirmation.Inputs.Email) }),\n },\n pattern: {\n value: EMAIL_REGEX,\n message: t(Translation.Step.Confirmation.Inputs.InvalidEmail),\n },\n })}\n />\n {E164PhoneNumberFieldFeature.isActive() ? (\n <Controller\n control={control}\n name={padInputName(EUserProfileFormKey.Phone)}\n rules={{\n required: {\n value: true,\n message: t(Translation.Step.Confirmation.Inputs.Required, { field: t(Translation.Step.Confirmation.Inputs.Phone) }),\n },\n minLength: {\n value: 5,\n message: 'Phone number is required',\n },\n maxLength: {\n value: 17,\n message: 'Phone number is too long',\n },\n pattern: {\n value: /^[1-9]( \|\\d){1,15}$/g,\n message: 'Incorrect phone number entered',\n },\n }}\n render={({ field }) => {\n return (\n <EnhancedPhoneNumberField\n disabled={isDisabled}\n validationStatus={getValidationClass(EUserProfileFormKey.Phone)}\n {...field}\n onChange={(e: any) => {\n field.onChange(e);\n onInputChange(padInputName(EUserProfileFormKey.Phone), 'Phone - Contact Info')(e);\n }}\n />\n );\n }}\n />\n ) : (\n <TextBox\n inputProps={{\n disabled: isDisabled,\n }}\n placeholder={t(Translation.Step.Confirmation.Inputs.Phone) + ' '}\n wide\n required\n validationStatus={getValidationClass(EUserProfileFormKey.Phone)}\n {...register(padInputName(EUserProfileFormKey.Phone), {\n onChange: onInputChange(padInputName(EUserProfileFormKey.Phone), 'Phone - Contact Info'),\n required: {\n value: true,\n message: t(Translation.Step.Confirmation.Inputs.Required, { field: t(Translation.Step.Confirmation.Inputs.Phone) }),\n },\n })}\n />\n )}\n </InputGroup>\n </div>\n <div className=\"\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Small}>\n <strong>{t(Translation.Step.Confirmation.Address)}</strong>\n </Text>\n </div>\n\n <InputGroup dimensions=\"3/1\">\n <TextBox\n inputProps={{\n disabled: isDisabled,\n }}\n placeholder={t(Translation.Step.Confirmation.Inputs.Address) + ' '}\n wide\n required\n validationStatus={getValidationClass(EUserProfileFormKey.Address)}\n {...register(padInputName(EUserProfileFormKey.Address), {\n onChange: onInputChange(padInputName(EUserProfileFormKey.Address), 'Address - Address'),\n required: {\n value: true,\n message: t(Translation.Step.Confirmation.Inputs.Required, { field: t(Translation.Step.Confirmation.Inputs.Address) }),\n },\n })}\n />\n <TextBox\n inputProps={{\n disabled: isDisabled,\n }}\n placeholder={t(Translation.Step.Confirmation.Inputs.City) + ' '}\n wide\n required\n validationStatus={getValidationClass(EUserProfileFormKey.City)}\n {...register(padInputName(EUserProfileFormKey.City), {\n onChange: onInputChange(padInputName(EUserProfileFormKey.City), 'City - Address'),\n required: {\n value: true,\n message: t(Translation.Step.Confirmation.Inputs.Required, { field: t(Translation.Step.Confirmation.Inputs.City) }),\n },\n })}\n />\n </InputGroup>\n <InputGroup dimensions=\"2/2\">\n <TextBox\n inputProps={{\n disabled: isDisabled,\n }}\n placeholder={t(Translation.Step.Confirmation.Inputs.PostCode) + ' *'}\n wide\n required\n validationStatus={getValidationClass(EUserProfileFormKey.PostCode)}\n {...register(padInputName(EUserProfileFormKey.PostCode), {\n onChange: onInputChange(padInputName(EUserProfileFormKey.PostCode), 'PostCode - Address'),\n required: {\n value: true,\n message: t(Translation.Step.Confirmation.Inputs.Required, { field: t(Translation.Step.Confirmation.Inputs.PostCode) }),\n },\n })}\n />\n <Controller\n control={control}\n name={padInputName(EUserProfileFormKey.Country)}\n rules={{\n required: {\n value: true,\n message: t(Translation.Step.Confirmation.Inputs.Required, { field: t(Translation.Step.Confirmation.Inputs.Country) }),\n },\n }}\n render={({ field }) => {\n const { ref, onChange, ...rest } = field;\n return (\n <StepConfirmationCountrySelector\n disabled={isDisabled}\n validationStatus={getValidationClass(EUserProfileFormKey.Country)}\n onChange={(e) => {\n onChange(e);\n onInputChange(padInputName(EUserProfileFormKey.Country), 'Country - Address')(e);\n }}\n {...rest}\n />\n );\n }}\n />\n </InputGroup>\n </div>\n </div>\n <LineBreak />\n </div>\n {fields.length > 1 && index === 0 ? (\n <div className=\"u-marg-bottom--heavy\">\n <Checkbox label={t(Translation.Step.Confirmation.ApplySameInfoToOtherRooms)} {...register('copyCheckBox')} />\n </div>\n ) : null}\n </div>\n );\n })}\n </>\n );\n};\n\nexport default RoomContactDetails;\n"]}

package/dist/src/components/steps/confirmation/StepConfirmationAcknowledgement.js CHANGED Viewed

@@ -26,9 +26,9 @@ 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 Headline_1 = __importDefault(require("../../generic/Headline"));
-const Translation_1 = require("translations/Translation");
+const Translation_1 = require("../../../translations/Translation");
 const Text_1 = __importStar(require("../../generic/Text"));
 const react_i18next_1 = require("react-i18next");
 const Checkbox_1 = __importDefault(require("../../generic/Checkbox/Checkbox"));
@@ -45,25 +45,25 @@ const StepConfirmationAcknowledgement = () => {
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     const { control, getFieldState } = (0, react_hook_form_1.useFormContext)();
     const confirmationPolicyError = (_a = getFieldState('isPolicyConfirmed').error) === null || _a === void 0 ? void 0 : _a.message;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "u-marg-bottom" },
-            React.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Confirmation.Acknowledgement))),
-        React.createElement("div", null,
-            React.createElement(Checkbox_1.default, { label: t(Translation_1.Translation.Step.Confirmation.EmailSpecialOffers) })),
-        React.createElement("div", { className: "u-marg-top--light" },
-            React.createElement(react_hook_form_1.Controller, { control: control, render: ({ field: { value, onChange, ref } }) => (React.createElement(Checkbox_1.default, { checked: value, onChange: onChange, ref: ref, label: React.createElement("div", null,
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "u-marg-bottom" },
+            react_1.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Confirmation.Acknowledgement))),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(Checkbox_1.default, { label: t(Translation_1.Translation.Step.Confirmation.EmailSpecialOffers) })),
+        react_1.default.createElement("div", { className: "u-marg-top--light" },
+            react_1.default.createElement(react_hook_form_1.Controller, { control: control, render: ({ field: { value, onChange, ref } }) => (react_1.default.createElement(Checkbox_1.default, { checked: value, onChange: onChange, ref: ref, label: react_1.default.createElement("div", null,
                         t(Translation_1.Translation.Step.Confirmation.IHaveUnderstoodPrivacyPolicy),
                         ' ',
-                        React.createElement("a", { style: { color: Color_1.Color.Accent }, className: "--underlined", href: hotel.privacyPolicyUrl, target: "_blank", rel: "noreferrer" }, t(Translation_1.Translation.Step.Confirmation.PrivacyPolicy))) })), name: "isPolicyConfirmed", rules: {
+                        react_1.default.createElement("a", { style: { color: Color_1.Color.Accent }, className: "--underlined", href: hotel === null || hotel === void 0 ? void 0 : hotel.privacyPolicyUrl, target: "_blank", rel: "noreferrer" }, t(Translation_1.Translation.Step.Confirmation.PrivacyPolicy))) })), name: "isPolicyConfirmed", rules: {
                     required: {
                         value: ConfirmationVerifyFeature_1.default.isActive(),
                         message: t(Translation_1.Translation.Step.Confirmation.PrivacyPolicyError),
                     },
                 } })),
-        React.createElement(AutoAutoHeight_1.default, { open: !!confirmationPolicyError },
-            React.createElement("div", { className: "u-flex u-marg-top" },
-                React.createElement(Alert_1.default, { type: Alert_1.AlertType.Danger, icon: Icon_1.IconType.Error },
-                    React.createElement(Text_1.default, { type: Text_1.TextType.Small }, confirmationPolicyError))))));
+        react_1.default.createElement(AutoAutoHeight_1.default, { open: !!confirmationPolicyError },
+            react_1.default.createElement("div", { className: "u-flex u-marg-top" },
+                react_1.default.createElement(Alert_1.default, { type: Alert_1.AlertType.Danger, icon: Icon_1.IconType.Error },
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, confirmationPolicyError))))));
 };
 exports.default = StepConfirmationAcknowledgement;
 //# sourceMappingURL=StepConfirmationAcknowledgement.js.map

package/dist/src/components/steps/confirmation/StepConfirmationAcknowledgement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepConfirmationAcknowledgement.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationAcknowledgement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,~~6CAA+B~~;~~AAE/B~~,6EAAqD;AACrD,~~0DAAuD~~;~~AACvD~~,kEAA2D;AAC3D,iDAA+C;AAC/C,sFAA8D;AAC9D,wCAAqC;AACrC,iFAAyD;AACzD,oEAA8D;AAC9D,yDAA0D;AAC1D,2CAAkD;AAClD,~~qHAA6F~~;~~AAC7F~~,qDAA6D;AAG7D,MAAM,+BAA+B,GAAO,GAAG,EAAE;;IAC7C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,IAAA,gCAAc,GAA0B,CAAC;IAC5E,MAAM,uBAAuB,GAAG,MAAA,aAAa,CAAC,mBAAmB,CAAC,CAAC,KAAK,0CAAE,OAAO,CAAC;IAElF,OAAO,CACH;QACI,~~6BAAK~~,SAAS,EAAC,eAAe;YAC1B,~~oBAAC~~,kBAAQ,IAAC,IAAI,~~EAAE~~,~~IAAI,IAAG,~~CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAY,~~CACjF~~;QACN;YACI,~~oBAAC~~,kBAAQ,IAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,GAAI,CACtE;QACN,~~6BAAK~~,SAAS,EAAC,mBAAmB;YAC9B,~~oBAAC~~,4BAAU,IACP,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAC7C,~~oBAAC~~,kBAAQ,IACL,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,KAAK,EACD;wBACK,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,4BAA4B,CAAC;wBAAE,GAAG;wBACnE,~~2BAAG~~,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,EAAE,SAAS,EAAC,cAAc,EAAC,IAAI,EAAE,KAAK,~~CAAC~~,gBAAgB,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,~~IACrH~~,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAC/C,CACF,GAEZ,CACL,EACD,IAAI,EAAC,mBAAmB,EACxB,KAAK,EAAE;oBACH,QAAQ,EAAE;wBACN,KAAK,EAAE,mCAAyB,CAAC,QAAQ,EAAE;wBAC3C,OAAO,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC;qBAC/D;iBACJ,GACH,CACA;QACN,~~oBAAC~~,wBAAc,IAAC,IAAI,EAAE,CAAC,CAAC,uBAAuB;YAC3C,~~6BAAK~~,SAAS,EAAC,mBAAmB;gBAC9B,~~oBAAC~~,eAAK,IAAC,IAAI,EAAE,iBAAS,CAAC,MAAM,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK;oBAC/C,~~oBAAC~~,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,uBAAuB,CAAQ,CACxD,CACN,CACO,CAClB,CACN,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,+BAA+B,CAAC","sourcesContent":["import * as React ~~from 'react';\nimport~~ { FC } from 'react';\nimport Headline from '@/components/generic/Headline';\nimport { Translation } from 'translations/Translation';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useTranslation } from 'react-i18next';\nimport Checkbox from '@/components/generic/Checkbox/Checkbox';\nimport { Color } from '@/util/Color';\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport ConfirmationVerifyFeature from '~~../../../~~providers/feature/ConfirmationVerifyFeature';\nimport { Controller, useFormContext } from 'react-hook-form';\nimport { ConfirmationFormValues } from '~~../../../~~models/Confirmation';\n\nconst StepConfirmationAcknowledgement: FC = () => {\n const { t } = useTranslation();\n const { hotel } = useCurrentHotel();\n const { control, getFieldState } = useFormContext<ConfirmationFormValues>();\n const confirmationPolicyError = getFieldState('isPolicyConfirmed').error?.message;\n\n return (\n <>\n <div className=\"u-marg-bottom\">\n <Headline bold~~={true}~~>{t(Translation.Step.Confirmation.Acknowledgement)}</Headline>\n </div>\n <div>\n <Checkbox label={t(Translation.Step.Confirmation.EmailSpecialOffers)} />\n </div>\n <div className=\"u-marg-top--light\">\n <Controller\n control={control}\n render={({ field: { value, onChange, ref } }) => (\n <Checkbox\n checked={value}\n onChange={onChange}\n ref={ref}\n label={\n <div>\n {t(Translation.Step.Confirmation.IHaveUnderstoodPrivacyPolicy)}{' '}\n <a style={{ color: Color.Accent }} className=\"--underlined\" href={hotel.privacyPolicyUrl} target=\"_blank\" rel=\"noreferrer\">\n {t(Translation.Step.Confirmation.PrivacyPolicy)}\n </a>\n </div>\n }\n />\n )}\n name=\"isPolicyConfirmed\"\n rules={{\n required: {\n value: ConfirmationVerifyFeature.isActive(),\n message: t(Translation.Step.Confirmation.PrivacyPolicyError),\n },\n }}\n />\n </div>\n <AutoAutoHeight open={!!confirmationPolicyError}>\n <div className=\"u-flex u-marg-top\">\n <Alert type={AlertType.Danger} icon={IconType.Error}>\n <Text type={TextType.Small}>{confirmationPolicyError}</Text>\n </Alert>\n </div>\n </AutoAutoHeight>\n </>\n );\n};\n\nexport default StepConfirmationAcknowledgement;\n"]}
1	+ {"version":3,"file":"StepConfirmationAcknowledgement.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationAcknowledgement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAkC;AAClC,6EAAqD;AACrD,4DAAyD;AACzD,kEAA2D;AAC3D,iDAA+C;AAC/C,sFAA8D;AAC9D,wCAAqC;AACrC,iFAAyD;AACzD,oEAA8D;AAC9D,yDAA0D;AAC1D,2CAAkD;AAClD,8GAAsF;AACtF,qDAA6D;AAG7D,MAAM,+BAA+B,GAAO,GAAG,EAAE;;IAC7C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,IAAA,gCAAc,GAA0B,CAAC;IAC5E,MAAM,uBAAuB,GAAG,MAAA,aAAa,CAAC,mBAAmB,CAAC,CAAC,KAAK,0CAAE,OAAO,CAAC;IAElF,OAAO,CACH;QACI,uCAAK,SAAS,EAAC,eAAe;YAC1B,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAY,CAC1E;QACN;YACI,8BAAC,kBAAQ,IAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,GAAI,CACtE;QACN,uCAAK,SAAS,EAAC,mBAAmB;YAC9B,8BAAC,4BAAU,IACP,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAC7C,8BAAC,kBAAQ,IACL,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,KAAK,EACD;wBACK,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,4BAA4B,CAAC;wBAAE,GAAG;wBACnE,qCAAG,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,EAAE,SAAS,EAAC,cAAc,EAAC,IAAI,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,IACtH,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAC/C,CACF,GAEZ,CACL,EACD,IAAI,EAAC,mBAAmB,EACxB,KAAK,EAAE;oBACH,QAAQ,EAAE;wBACN,KAAK,EAAE,mCAAyB,CAAC,QAAQ,EAAE;wBAC3C,OAAO,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC;qBAC/D;iBACJ,GACH,CACA;QACN,8BAAC,wBAAc,IAAC,IAAI,EAAE,CAAC,CAAC,uBAAuB;YAC3C,uCAAK,SAAS,EAAC,mBAAmB;gBAC9B,8BAAC,eAAK,IAAC,IAAI,EAAE,iBAAS,CAAC,MAAM,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK;oBAC/C,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,uBAAuB,CAAQ,CACxD,CACN,CACO,CAClB,CACN,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,+BAA+B,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport Headline from '@/components/generic/Headline';\nimport { Translation } from '@/translations/Translation';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useTranslation } from 'react-i18next';\nimport Checkbox from '@/components/generic/Checkbox/Checkbox';\nimport { Color } from '@/util/Color';\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport ConfirmationVerifyFeature from '@/providers/feature/ConfirmationVerifyFeature';\nimport { Controller, useFormContext } from 'react-hook-form';\nimport { ConfirmationFormValues } from '@/models/Confirmation';\n\nconst StepConfirmationAcknowledgement: FC = () => {\n const { t } = useTranslation();\n const { hotel } = useCurrentHotel();\n const { control, getFieldState } = useFormContext<ConfirmationFormValues>();\n const confirmationPolicyError = getFieldState('isPolicyConfirmed').error?.message;\n\n return (\n <>\n <div className=\"u-marg-bottom\">\n <Headline bold>{t(Translation.Step.Confirmation.Acknowledgement)}</Headline>\n </div>\n <div>\n <Checkbox label={t(Translation.Step.Confirmation.EmailSpecialOffers)} />\n </div>\n <div className=\"u-marg-top--light\">\n <Controller\n control={control}\n render={({ field: { value, onChange, ref } }) => (\n <Checkbox\n checked={value}\n onChange={onChange}\n ref={ref}\n label={\n <div>\n {t(Translation.Step.Confirmation.IHaveUnderstoodPrivacyPolicy)}{' '}\n <a style={{ color: Color.Accent }} className=\"--underlined\" href={hotel?.privacyPolicyUrl} target=\"_blank\" rel=\"noreferrer\">\n {t(Translation.Step.Confirmation.PrivacyPolicy)}\n </a>\n </div>\n }\n />\n )}\n name=\"isPolicyConfirmed\"\n rules={{\n required: {\n value: ConfirmationVerifyFeature.isActive(),\n message: t(Translation.Step.Confirmation.PrivacyPolicyError),\n },\n }}\n />\n </div>\n <AutoAutoHeight open={!!confirmationPolicyError}>\n <div className=\"u-flex u-marg-top\">\n <Alert type={AlertType.Danger} icon={IconType.Error}>\n <Text type={TextType.Small}>{confirmationPolicyError}</Text>\n </Alert>\n </div>\n </AutoAutoHeight>\n </>\n );\n};\n\nexport default StepConfirmationAcknowledgement;\n"]}

package/dist/src/components/steps/confirmation/StepConfirmationCheckoutDifferencesModal.js CHANGED Viewed

@@ -26,13 +26,13 @@ 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 SimpleModal_1 = __importStar(require("../../generic/modal/SimpleModal"));
 const BEButton_1 = __importDefault(require("../../generic/BEButton"));
 const Currency_1 = __importDefault(require("../../generic/Currency"));
 const Text_1 = __importStar(require("../../generic/Text"));
 const Color_1 = require("../../../util/Color");
-const react_1 = require("react");
+const react_2 = require("react");
 const contexts_1 = require("../../../contexts/index.js");
 const Headline_1 = __importDefault(require("../../generic/Headline"));
 const LineBreak_1 = __importDefault(require("../../generic/LineBreak"));
@@ -42,9 +42,9 @@ const dayjs_1 = __importDefault(require("dayjs"));
 const Pill_1 = __importStar(require("../../generic/Pill"));
 function StepConfirmationCheckoutDifferencesModal(props) {
     var _a, _b;
-    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
-    const [endTime, setEndTime] = (0, react_1.useState)((0, dayjs_1.default)().add(14, 'minute'));
-    (0, react_1.useEffect)(() => {
+    const basketContext = (0, react_2.useContext)(contexts_1.BasketContext);
+    const [endTime, setEndTime] = (0, react_2.useState)((0, dayjs_1.default)().add(14, 'minute'));
+    (0, react_2.useEffect)(() => {
         var _a;
         let cancelled = false;
         let timeout = null;
@@ -60,42 +60,43 @@ function StepConfirmationCheckoutDifferencesModal(props) {
             clearTimeout(timeout);
         };
     }, [props.differences.length, (_a = props.warnings) === null || _a === void 0 ? void 0 : _a.length]);
-    const mobileFooter = (React.createElement("div", { className: "u-flex" },
-        React.createElement(BEButton_1.default, { isText: true, size: 'small', icon: Icon_1.IconType.ArrowLeft, onClick: props.onClose, isLoading: props.isLoading }, "Take me back"),
-        React.createElement(BEButton_1.default, { primary: true, filled: true, icon: Icon_1.IconType.ArrowRight, iconPosition: 'right', onClick: props.onProceed, isLoading: props.isLoading }, "Continue with reservation")));
-    return (React.createElement(SimpleModal_1.default, { open: !!props.differences.length || !!((_b = props.warnings) === null || _b === void 0 ? void 0 : _b.length), title: 'Your total price has Changed!', mobileFooter: mobileFooter, desktopFooter: React.createElement("div", { className: "u-marg-heavy u-marg@m-" }, mobileFooter), size: SimpleModal_1.SimpleModalSize.Small, alignCenter: true },
-        React.createElement("div", { className: "u-marg-heavy u-marg@m-" },
-            React.createElement("div", { className: "row" },
-                React.createElement("div", { className: "col-md-8" },
-                    React.createElement(Text_1.default, { type: Text_1.TextType.Small }, "We apologize for any inconvenience, but the price for your selected reservation has changed during your checkout, please confirm that you accept the new total shown below.")),
-                React.createElement("div", { className: "col-md-4" },
-                    React.createElement(Pill_1.default, { icon: Icon_1.IconType.Time, type: Pill_1.PillType.Primary },
-                        React.createElement("span", { className: "u-marg-right--light" }, "Reverts in"),
-                        React.createElement(Countdown_1.default, { endTimeDate: endTime })))),
-            React.createElement(LineBreak_1.default, null),
+    const mobileFooter = (react_1.default.createElement("div", { className: "u-flex" },
+        react_1.default.createElement(BEButton_1.default, { isText: true, size: "small", icon: Icon_1.IconType.ArrowLeft, onClick: props.onClose, isLoading: props.isLoading }, "Take me back"),
+        react_1.default.createElement(BEButton_1.default, { primary: true, filled: true, icon: Icon_1.IconType.ArrowRight, iconPosition: "right", onClick: props.onProceed, isLoading: props.isLoading }, "Continue with reservation")));
+    return (react_1.default.createElement(SimpleModal_1.default, { open: !!props.differences.length || !!((_b = props.warnings) === null || _b === void 0 ? void 0 : _b.length), title: "Your total price has Changed!", mobileFooter: mobileFooter, desktopFooter: react_1.default.createElement("div", { className: "u-marg-heavy u-marg@m-" }, mobileFooter), size: SimpleModal_1.SimpleModalSize.Small, alignCenter: true },
+        react_1.default.createElement("div", { className: "u-marg-heavy u-marg@m-" },
+            react_1.default.createElement("div", { className: "row" },
+                react_1.default.createElement("div", { className: "col-md-8" },
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, "We apologize for any inconvenience, but the price for your selected reservation has changed during your checkout, please confirm that you accept the new total shown below.")),
+                react_1.default.createElement("div", { className: "col-md-4" },
+                    react_1.default.createElement(Pill_1.default, { icon: Icon_1.IconType.Time, type: Pill_1.PillType.Primary },
+                        react_1.default.createElement("span", { className: "u-marg-right--light" }, "Reverts in"),
+                        react_1.default.createElement(Countdown_1.default, { endTimeDate: endTime })))),
+            react_1.default.createElement(LineBreak_1.default, null),
             !!(props.differences && props.differences.length) &&
                 props.differences.map((difference) => {
+                    var _a, _b, _c;
                     const basketRow = basketContext.getAllValidRows().find((row) => row.getID() === difference.id);
-                    return (React.createElement("div", { key: difference.id },
-                        !!basketRow && (React.createElement("div", { className: "u-marg-bottom--heavy" },
-                            React.createElement("div", { className: "u-marg-bottom--light" },
-                                React.createElement(Headline_1.default, null, basketRow.getRoom().name)),
-                            React.createElement(Text_1.default, null, basketRow.getRate().name))),
-                        React.createElement("div", { className: "u-flex u-marg-bottom--light" },
-                            React.createElement(Text_1.default, { type: Text_1.TextType.Body },
-                                React.createElement("strong", null, "Displayed price:")),
-                            React.createElement(Text_1.default, { color: Color_1.Color.Alert },
-                                React.createElement(Currency_1.default, null, difference.totalPrice.before))),
-                        React.createElement("div", { className: "u-flex" },
-                            React.createElement(Text_1.default, { type: Text_1.TextType.Body },
-                                React.createElement("strong", null, "Actual price:")),
-                            React.createElement(Text_1.default, { color: Color_1.Color.Success },
-                                React.createElement(Currency_1.default, null, difference.totalPrice.after))),
-                        React.createElement(LineBreak_1.default, null)));
+                    return (react_1.default.createElement("div", { key: difference.id },
+                        !!basketRow && (react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+                            react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                                react_1.default.createElement(Headline_1.default, null, basketRow.getRoom().name)),
+                            react_1.default.createElement(Text_1.default, null, (_a = basketRow.getRate()) === null || _a === void 0 ? void 0 : _a.name))),
+                        react_1.default.createElement("div", { className: "u-flex u-marg-bottom--light" },
+                            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Body },
+                                react_1.default.createElement("strong", null, "Displayed price:")),
+                            react_1.default.createElement(Text_1.default, { color: Color_1.Color.Alert },
+                                react_1.default.createElement(Currency_1.default, null, (_b = difference.totalPrice) === null || _b === void 0 ? void 0 : _b.before))),
+                        react_1.default.createElement("div", { className: "u-flex" },
+                            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Body },
+                                react_1.default.createElement("strong", null, "Actual price:")),
+                            react_1.default.createElement(Text_1.default, { color: Color_1.Color.Success },
+                                react_1.default.createElement(Currency_1.default, null, (_c = difference.totalPrice) === null || _c === void 0 ? void 0 : _c.after))),
+                        react_1.default.createElement(LineBreak_1.default, null)));
                 }),
             !!(props.warnings && props.warnings.length) &&
                 props.warnings.map((warning, index) => {
-                    return React.createElement(Text_1.default, { key: index }, warning);
+                    return react_1.default.createElement(Text_1.default, { key: index }, warning);
                 }))));
 }
 exports.default = StepConfirmationCheckoutDifferencesModal;

package/dist/src/components/steps/confirmation/StepConfirmationCheckoutDifferencesModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepConfirmationCheckoutDifferencesModal.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationCheckoutDifferencesModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,~~6CAA+B~~;~~AAC/B~~,sFAAsF;AACtF,6EAAqD;AAErD,6EAAqD;AACrD,kEAA2D;AAC3D,wCAAqC;AACrC,iCAAwD;AACxD,iDAAmD;AACnD,6EAAqD;AACrD,+EAAuD;AACvD,yDAA0D;AAC1D,+EAAuD;AACvD,kDAA0B;AAC1B,kEAA2D;AAW3D,SAAwB,wCAAwC,CAAC,KAAoD;;IACjH,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAEhD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAA,eAAK,GAAE,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElE,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACX,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,IAAI,OAAO,GAAQ,IAAI,CAAC;QAExB,IAAI,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,IAAI,CAAC,CAAC,CAAA,MAAA,KAAK,CAAC,QAAQ,0CAAE,MAAM,CAAA,EAAE;YACxD,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACtB,IAAI,CAAC,SAAS,EAAE;oBACZ,KAAK,CAAC,OAAO,EAAE,CAAC;iBACnB;YACL,CAAC,EAAE,MAAM,CAAC,CAAC;SACd;QAED,OAAO,GAAG,EAAE;YACR,SAAS,GAAG,IAAI,CAAC;YACjB,YAAY,CAAC,OAAO,CAAC,CAAC;QAC1B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,MAAA,KAAK,CAAC,QAAQ,0CAAE,MAAM,CAAC,CAAC,CAAC;IAEvD,MAAM,YAAY,GAAG,CACjB,~~6BAAK~~,SAAS,EAAC,QAAQ;QACnB,~~oBAAC~~,kBAAQ,IAAC,MAAM,~~EAAE~~,IAAI,~~EAAE~~,~~IAAI,EAAE,~~OAAO,~~EAAE~~,IAAI,EAAE,eAAQ,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,~~mBAExG~~;QACX,~~oBAAC~~,kBAAQ,IAAC,OAAO,~~EAAE~~,~~IAAI,EAAE,~~MAAM,~~EAAE~~,IAAI,EAAE,~~IAAI,EAAE,~~eAAQ,CAAC,UAAU,EAAE,YAAY,~~EAAE~~,OAAO,~~EAAE~~,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,~~gCAElI~~,CACT,CACT,CAAC;IAEF,OAAO,CACH,~~oBAAC~~,qBAAW,IACR,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,IAAI,CAAC,CAAC,CAAA,MAAA,KAAK,CAAC,QAAQ,0CAAE,MAAM,CAAA,EAC5D,KAAK,~~EAAE~~,+BAA+B,~~EACtC~~,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,~~6BAAK~~,SAAS,EAAC,wBAAwB,IAAE,YAAY,CAAO,EAC3E,IAAI,EAAE,6BAAe,CAAC,KAAK,EAC3B,WAAW~~,EAAE,IAAI~~;~~QAEjB~~,~~6BAAK~~,SAAS,EAAC,wBAAwB;YACnC,~~6BAAK~~,SAAS,EAAC,KAAK;gBAChB,~~6BAAK~~,SAAS,EAAC,UAAU;oBACrB,~~oBAAC~~,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,kLAGnB,CACL;gBACN,~~6BAAK~~,SAAS,EAAC,UAAU;oBACrB,~~oBAAC~~,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,OAAO;wBAC7C,~~8BAAM~~,SAAS,EAAC,qBAAqB,iBAAkB;wBACvD,~~oBAAC~~,mBAAS,IAAC,WAAW,EAAE,OAAO,GAAI,CAChC,CACL,CACJ;YACN,~~oBAAC~~,mBAAS,OAAG;YACZ,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;gBAC9C,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;oBACjC,MAAM,SAAS,GAAG,aAAa,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,UAAU,CAAC,EAAE,CAAC,CAAC;oBAE/F,OAAO,CACH,~~6BAAK~~,GAAG,EAAE,UAAU,CAAC,EAAE;wBAClB,CAAC,CAAC,SAAS,IAAI,CACZ,~~6BAAK~~,SAAS,EAAC,sBAAsB;4BACjC,~~6BAAK~~,SAAS,EAAC,sBAAsB;gCACjC,~~oBAAC~~,kBAAQ,QAAE,SAAS,CAAC,OAAO,EAAE,CAAC,IAAI,CAAY,CAC7C;4BACN,~~oBAAC~~,cAAI,QAAE,SAAS,CAAC,OAAO,EAAE,~~CAAC~~,IAAI,CAAQ,~~CACrC~~,CACT;wBACD,~~6BAAK~~,SAAS,EAAC,6BAA6B;4BACxC,~~oBAAC~~,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI;gCACrB,~~uDAAiC~~,CAC9B;4BACP,~~oBAAC~~,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,KAAK;gCACpB,~~oBAAC~~,kBAAQ,QAAE,UAAU,CAAC,UAAU,~~CAAC~~,MAAM,CAAY,~~CAChD~~,CACL;wBACN,~~6BAAK~~,SAAS,EAAC,QAAQ;4BACnB,~~oBAAC~~,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI;gCACrB,~~oDAA8B~~,CAC3B;4BACP,~~oBAAC~~,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,OAAO;gCACtB,~~oBAAC~~,kBAAQ,QAAE,UAAU,CAAC,UAAU,~~CAAC~~,KAAK,CAAY,~~CAC/C~~,CACL;wBACN,~~oBAAC~~,mBAAS,OAAG,CACX,CACT,CAAC;gBACN,CAAC,CAAC;YACL,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC;gBACxC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAe,EAAE,KAAa,EAAE,EAAE;oBAClD,OAAO,~~oBAAC~~,cAAI,IAAC,GAAG,EAAE,KAAK,IAAG,OAAO,CAAQ,CAAC;gBAC9C,CAAC,CAAC,CACJ,CACI,CACjB,CAAC;AACN,CAAC;AApGD,2DAoGC","sourcesContent":["import * as React from 'react';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport BEButton from '@/components/generic/BEButton';\nimport BasketRowDifferences from '@/models/BasketRowDifferences';\nimport Currency from '@/components/generic/Currency';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport { useContext, useState, useEffect } from 'react';\nimport { BasketContext } from '@frontend/contexts';\nimport Headline from '@/components/generic/Headline';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Countdown from '@/components/generic/Countdown';\nimport dayjs from 'dayjs';\nimport Pill, { PillType } from '@/components/generic/Pill';\n\ninterface StepConfirmationCheckoutDifferencesModalProps {\n differences: BasketRowDifferences[];\n warnings: string[];\n\n onClose: () => void;\n onProceed: () => void;\n isLoading?: boolean;\n}\n\nexport default function StepConfirmationCheckoutDifferencesModal(props: StepConfirmationCheckoutDifferencesModalProps) {\n const basketContext = useContext(BasketContext);\n\n const [endTime, setEndTime] = useState(dayjs().add(14, 'minute'));\n\n useEffect(() => {\n let cancelled = false;\n let timeout: any = null;\n\n if (!!props.differences.length \|\| !!props.warnings?.length) {\n timeout = setTimeout(() => {\n if (!cancelled) {\n props.onClose();\n }\n }, 740000);\n }\n\n return () => {\n cancelled = true;\n clearTimeout(timeout);\n };\n }, [props.differences.length, props.warnings?.length]);\n\n const mobileFooter = (\n <div className=\"u-flex\">\n <BEButton isText~~={true}~~ size~~={'~~small'} icon={IconType.ArrowLeft} onClick={props.onClose} isLoading={props.isLoading}>\n Take me back\n </BEButton>\n <BEButton primary~~={true}~~ filled~~={true}~~ icon={IconType.ArrowRight} iconPosition~~={'~~right'} onClick={props.onProceed} isLoading={props.isLoading}>\n Continue with reservation\n </BEButton>\n </div>\n );\n\n return (\n <SimpleModal\n open={!!props.differences.length \|\| !!props.warnings?.length}\n title~~={'~~Your total price has Changed~~!'}~~\n mobileFooter={mobileFooter}\n desktopFooter={<div className=\"u-marg-heavy u-marg@m-\">{mobileFooter}</div>}\n size={SimpleModalSize.Small}\n alignCenter~~={true}~~\n >\n <div className=\"u-marg-heavy u-marg@m-\">\n <div className=\"row\">\n <div className=\"col-md-8\">\n <Text type={TextType.Small}>\n We apologize for any inconvenience, but the price for your selected reservation has changed during your checkout, please confirm that you accept the new\n total shown below.\n </Text>\n </div>\n <div className=\"col-md-4\">\n <Pill icon={IconType.Time} type={PillType.Primary}>\n <span className=\"u-marg-right--light\">Reverts in</span>\n <Countdown endTimeDate={endTime} />\n </Pill>\n </div>\n </div>\n <LineBreak />\n {!!(props.differences && props.differences.length) &&\n props.differences.map((difference) => {\n const basketRow = basketContext.getAllValidRows().find((row) => row.getID() === difference.id);\n\n return (\n <div key={difference.id}>\n {!!basketRow && (\n <div className=\"u-marg-bottom--heavy\">\n <div className=\"u-marg-bottom--light\">\n <Headline>{basketRow.getRoom().name}</Headline>\n </div>\n <Text>{basketRow.getRate().name}</Text>\n </div>\n )}\n <div className=\"u-flex u-marg-bottom--light\">\n <Text type={TextType.Body}>\n <strong>Displayed price:</strong>\n </Text>\n <Text color={Color.Alert}>\n <Currency>{difference.totalPrice.before}</Currency>\n </Text>\n </div>\n <div className=\"u-flex\">\n <Text type={TextType.Body}>\n <strong>Actual price:</strong>\n </Text>\n <Text color={Color.Success}>\n <Currency>{difference.totalPrice.after}</Currency>\n </Text>\n </div>\n <LineBreak />\n </div>\n );\n })}\n {!!(props.warnings && props.warnings.length) &&\n props.warnings.map((warning: string, index: number) => {\n return <Text key={index}>{warning}</Text>;\n })}\n </div>\n </SimpleModal>\n );\n}\n"]}
1	+ {"version":3,"file":"StepConfirmationCheckoutDifferencesModal.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationCheckoutDifferencesModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport BEButton from '@/components/generic/BEButton';\nimport BasketRowDifferences from '@/models/BasketRowDifferences';\nimport Currency from '@/components/generic/Currency';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport { useContext, useState, useEffect } from 'react';\nimport { BasketContext } from '@frontend/contexts';\nimport Headline from '@/components/generic/Headline';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Countdown from '@/components/generic/Countdown';\nimport dayjs from 'dayjs';\nimport Pill, { PillType } from '@/components/generic/Pill';\n\ninterface StepConfirmationCheckoutDifferencesModalProps {\n differences: BasketRowDifferences[];\n warnings: string[];\n\n onClose: () => void;\n onProceed: () => void;\n isLoading?: boolean;\n}\n\nexport default function StepConfirmationCheckoutDifferencesModal(props: StepConfirmationCheckoutDifferencesModalProps) {\n const basketContext = useContext(BasketContext);\n\n const [endTime, setEndTime] = useState(dayjs().add(14, 'minute'));\n\n useEffect(() => {\n let cancelled = false;\n let timeout: any = null;\n\n if (!!props.differences.length \|\| !!props.warnings?.length) {\n timeout = setTimeout(() => {\n if (!cancelled) {\n props.onClose();\n }\n }, 740000);\n }\n\n return () => {\n cancelled = true;\n clearTimeout(timeout);\n };\n }, [props.differences.length, props.warnings?.length]);\n\n const mobileFooter = (\n <div className=\"u-flex\">\n <BEButton isText size=\"small\" icon={IconType.ArrowLeft} onClick={props.onClose} isLoading={props.isLoading}>\n Take me back\n </BEButton>\n <BEButton primary filled icon={IconType.ArrowRight} iconPosition=\"right\" onClick={props.onProceed} isLoading={props.isLoading}>\n Continue with reservation\n </BEButton>\n </div>\n );\n\n return (\n <SimpleModal\n open={!!props.differences.length \|\| !!props.warnings?.length}\n title=\"Your total price has Changed!\"\n mobileFooter={mobileFooter}\n desktopFooter={<div className=\"u-marg-heavy u-marg@m-\">{mobileFooter}</div>}\n size={SimpleModalSize.Small}\n alignCenter\n >\n <div className=\"u-marg-heavy u-marg@m-\">\n <div className=\"row\">\n <div className=\"col-md-8\">\n <Text type={TextType.Small}>\n We apologize for any inconvenience, but the price for your selected reservation has changed during your checkout, please confirm that you accept the new\n total shown below.\n </Text>\n </div>\n <div className=\"col-md-4\">\n <Pill icon={IconType.Time} type={PillType.Primary}>\n <span className=\"u-marg-right--light\">Reverts in</span>\n <Countdown endTimeDate={endTime} />\n </Pill>\n </div>\n </div>\n <LineBreak />\n {!!(props.differences && props.differences.length) &&\n props.differences.map((difference) => {\n const basketRow = basketContext.getAllValidRows().find((row) => row.getID() === difference.id);\n\n return (\n <div key={difference.id}>\n {!!basketRow && (\n <div className=\"u-marg-bottom--heavy\">\n <div className=\"u-marg-bottom--light\">\n <Headline>{basketRow.getRoom().name}</Headline>\n </div>\n <Text>{basketRow.getRate()?.name}</Text>\n </div>\n )}\n <div className=\"u-flex u-marg-bottom--light\">\n <Text type={TextType.Body}>\n <strong>Displayed price:</strong>\n </Text>\n <Text color={Color.Alert}>\n <Currency>{difference.totalPrice?.before}</Currency>\n </Text>\n </div>\n <div className=\"u-flex\">\n <Text type={TextType.Body}>\n <strong>Actual price:</strong>\n </Text>\n <Text color={Color.Success}>\n <Currency>{difference.totalPrice?.after}</Currency>\n </Text>\n </div>\n <LineBreak />\n </div>\n );\n })}\n {!!(props.warnings && props.warnings.length) &&\n props.warnings.map((warning: string, index: number) => {\n return <Text key={index}>{warning}</Text>;\n })}\n </div>\n </SimpleModal>\n );\n}\n"]}

package/dist/src/components/steps/confirmation/StepConfirmationCommentsComponent.js CHANGED Viewed

@@ -1,27 +1,4 @@
 "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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -38,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StepConfirmationCommentsComponent = exports.BE_CONFIRMATION_COMMENTS_BLOCK = void 0;
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const react_i18next_1 = require("react-i18next");
 const DIProvider_1 = require("../../../providers/DIProvider");
 const Translation_1 = require("translations/Translation");
@@ -48,12 +25,12 @@ const TextArea_1 = __importDefault(require("../../generic/TextArea"));
 const OriginalComponent = (_a) => {
     var { inputRef } = _a, rest = __rest(_a, ["inputRef"]);
     const { t } = (0, react_i18next_1.useTranslation)();
-    return (React.createElement(React.Fragment, null,
-        React.createElement(LineBreak_1.default, null),
-        React.createElement("div", { className: "u-marg-bottom--heavy" },
-            React.createElement("div", { className: "u-marg-bottom" },
-                React.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Confirmation.Comments))),
-            React.createElement(TextArea_1.default, Object.assign({}, rest, { ref: inputRef, placeholder: t(Translation_1.Translation.Step.Confirmation.Inputs.EnterSpecialRequestsHere) })))));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(LineBreak_1.default, null),
+        react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+            react_1.default.createElement("div", { className: "u-marg-bottom" },
+                react_1.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Confirmation.Comments))),
+            react_1.default.createElement(TextArea_1.default, Object.assign({}, rest, { ref: inputRef, placeholder: t(Translation_1.Translation.Step.Confirmation.Inputs.EnterSpecialRequestsHere) })))));
 };
 exports.BE_CONFIRMATION_COMMENTS_BLOCK = 'BEConfirmationCommentsBlock';
 function StepConfirmationCommentsComponent(props) {

package/dist/src/components/steps/confirmation/StepConfirmationCommentsComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepConfirmationCommentsComponent.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationCommentsComponent.tsx"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAAA,~~6CAA+B~~;~~AAG/B~~,iDAA+C;AAC/C,uDAAgD;AAChD,0DAAuD;AACvD,6EAAqD;AACrD,+EAAuD;AAEvD,6EAAwE;AAMxE,MAAM,iBAAiB,GAA+C,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAnB,YAAqB,CAAF;IACtF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH;QACI,~~oBAAC~~,mBAAS,OAAG;QACb,~~6BAAK~~,SAAS,EAAC,sBAAsB;YACjC,~~6BAAK~~,SAAS,EAAC,eAAe;gBAC1B,~~oBAAC~~,kBAAQ,IAAC,IAAI,~~EAAE~~,~~IAAI,IAAG,~~CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAY,~~CAC1E~~;YACN,~~oBAAC~~,kBAAQ,oBAAK,IAAI,IAAE,GAAG,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,wBAAwB,CAAC,IAAI,CAClH,CACP,CACN,CAAC;AACN,CAAC,CAAC;AAEW,QAAA,8BAA8B,GAAG,6BAA6B,CAAC;AAC5E,SAAgB,iCAAiC,CAAC,KAA6C;IAC3F,OAAO,IAAA,mBAAM,EAAC,sCAA8B,EAAE,iBAAiB,EAAE,KAAK,CAAC,CAAC;AAC5E,CAAC;AAFD,8EAEC","sourcesContent":["import * as React from 'react';\nimport { FC } from 'react';\n\nimport { useTranslation } from 'react-i18next';\nimport { withDI } from '@/providers/DIProvider';\nimport { Translation } from 'translations/Translation';\nimport Headline from '@/components/generic/Headline';\nimport LineBreak from '@/components/generic/LineBreak';\n\nimport TextArea, { TextAreaProps } from '@/components/generic/TextArea';\n\nexport interface StepConfirmationCommentsComponentProps extends Omit<TextAreaProps, 'placeholder'> {\n inputRef: any;\n}\n\nconst OriginalComponent: FC<StepConfirmationCommentsComponentProps> = ({ inputRef, ...rest }) => {\n const { t } = useTranslation();\n\n return (\n <>\n <LineBreak />\n <div className=\"u-marg-bottom--heavy\">\n <div className=\"u-marg-bottom\">\n <Headline bold~~={true}~~>{t(Translation.Step.Confirmation.Comments)}</Headline>\n </div>\n <TextArea {...rest} ref={inputRef} placeholder={t(Translation.Step.Confirmation.Inputs.EnterSpecialRequestsHere)} />\n </div>\n </>\n );\n};\n\nexport const BE_CONFIRMATION_COMMENTS_BLOCK = 'BEConfirmationCommentsBlock';\nexport function StepConfirmationCommentsComponent(props: StepConfirmationCommentsComponentProps) {\n return withDI(BE_CONFIRMATION_COMMENTS_BLOCK, OriginalComponent, props);\n}\n"]}
1	+ {"version":3,"file":"StepConfirmationCommentsComponent.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationCommentsComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAG1B,iDAA+C;AAC/C,uDAAgD;AAChD,0DAAuD;AACvD,6EAAqD;AACrD,+EAAuD;AAEvD,6EAAwE;AAMxE,MAAM,iBAAiB,GAA+C,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAnB,YAAqB,CAAF;IACtF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH;QACI,8BAAC,mBAAS,OAAG;QACb,uCAAK,SAAS,EAAC,sBAAsB;YACjC,uCAAK,SAAS,EAAC,eAAe;gBAC1B,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAY,CACnE;YACN,8BAAC,kBAAQ,oBAAK,IAAI,IAAE,GAAG,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,wBAAwB,CAAC,IAAI,CAClH,CACP,CACN,CAAC;AACN,CAAC,CAAC;AAEW,QAAA,8BAA8B,GAAG,6BAA6B,CAAC;AAC5E,SAAgB,iCAAiC,CAAC,KAA6C;IAC3F,OAAO,IAAA,mBAAM,EAAC,sCAA8B,EAAE,iBAAiB,EAAE,KAAK,CAAC,CAAC;AAC5E,CAAC;AAFD,8EAEC","sourcesContent":["import React from 'react';\nimport { FC } from 'react';\n\nimport { useTranslation } from 'react-i18next';\nimport { withDI } from '@/providers/DIProvider';\nimport { Translation } from 'translations/Translation';\nimport Headline from '@/components/generic/Headline';\nimport LineBreak from '@/components/generic/LineBreak';\n\nimport TextArea, { TextAreaProps } from '@/components/generic/TextArea';\n\nexport interface StepConfirmationCommentsComponentProps extends Omit<TextAreaProps, 'placeholder'> {\n inputRef: any;\n}\n\nconst OriginalComponent: FC<StepConfirmationCommentsComponentProps> = ({ inputRef, ...rest }) => {\n const { t } = useTranslation();\n\n return (\n <>\n <LineBreak />\n <div className=\"u-marg-bottom--heavy\">\n <div className=\"u-marg-bottom\">\n <Headline bold>{t(Translation.Step.Confirmation.Comments)}</Headline>\n </div>\n <TextArea {...rest} ref={inputRef} placeholder={t(Translation.Step.Confirmation.Inputs.EnterSpecialRequestsHere)} />\n </div>\n </>\n );\n};\n\nexport const BE_CONFIRMATION_COMMENTS_BLOCK = 'BEConfirmationCommentsBlock';\nexport function StepConfirmationCommentsComponent(props: StepConfirmationCommentsComponentProps) {\n return withDI(BE_CONFIRMATION_COMMENTS_BLOCK, OriginalComponent, props);\n}\n"]}

package/dist/src/components/steps/confirmation/StepConfirmationCountrySelector.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ChangeEvent } from 'react';
 import './StepConfirmationCountrySelector.global.scss';
 interface StepConfirmationCountrySelectorProps {
@@ -8,5 +8,5 @@ interface StepConfirmationCountrySelectorProps {
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     disabled?: boolean;
 }
-declare const StepConfirmationCountrySelector: React.ForwardRefExoticComponent<StepConfirmationCountrySelectorProps & React.RefAttributes<HTMLInputElement>>;
+declare const StepConfirmationCountrySelector: React.ForwardRefExoticComponent<StepConfirmationCountrySelectorProps & React.RefAttributes<HTMLInputElement | null>>;
 export default StepConfirmationCountrySelector;