@licklist/design 0.59.0 → 0.61.0

package/dist/calendar/Calendar.d.ts

@@ -13,5 +13,5 @@ export type CalendarProps = {
     initialDate?: DateTime;
     getDateTimeButtonProps: (date: DateTime) => Pick<DateTimeButtonProps, "resources" | "showResources" | "shouldCalculateResources" | "isDisabled">;
 };
-export declare const Calendar: ({ initialDate, ...props }: CalendarProps) => JSX.Element;
+export declare const Calendar: (props: CalendarProps) => JSX.Element;
 //# sourceMappingURL=Calendar.d.ts.map

package/dist/calendar/Calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAI3D,eAAO,MAAM,eAAe,UAK1B,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,EAAE,QAAQ,CAAC;IACtB,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC;IACnD,aAAa,EAAE,QAAQ,EAAE,CAAC;IAC1B,YAAY,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC9B,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,sBAAsB,EAAE,CACtB,IAAI,EAAE,QAAQ,KACX,IAAI,CACP,mBAAmB,EACnB,WAAW,GAAG,eAAe,GAAG,0BAA0B,GAAG,YAAY,CAC1E,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,QAAQ,8BAGlB,aAAa,gBASf,CAAC"}
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAK3D,eAAO,MAAM,eAAe,UAK1B,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,EAAE,QAAQ,CAAC;IACtB,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC;IACnD,aAAa,EAAE,QAAQ,EAAE,CAAC;IAC1B,YAAY,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC9B,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,sBAAsB,EAAE,CACtB,IAAI,EAAE,QAAQ,KACX,IAAI,CACP,mBAAmB,EACnB,WAAW,GAAG,eAAe,GAAG,0BAA0B,GAAG,YAAY,CAC1E,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,aAAa,gBAW5C,CAAC"}

package/dist/calendar/Calendar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,a=require("tslib"),t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,n=require("luxon"),s=require("./components/CalendarButtons/CalendarButtons.js"),i=require("./components/CalendarDates/CalendarDates.js"),l=n.DateTime.now().set({millisecond:0,second:0,hour:0,minute:0});exports.Calendar=function(e){var t=e.initialDate,n=void 0===t?l:t,o=a.__rest(e,["initialDate"]);return r.createElement("div",{className:"calendar-wrapper"},r.createElement("div",{className:"calendar"},r.createElement(s.CalendarButtons,a.__assign({initialDate:n},o)),r.createElement(i.CalendarDates,a.__assign({},o))))},exports.defaultStartDay=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,a=require("tslib"),t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,n=require("../static/loader/LoaderIndicator.js"),i=require("luxon");require("../static/index.js");var s=require("./components/CalendarButtons/CalendarButtons.js"),l=require("./components/CalendarDates/CalendarDates.js"),o=i.DateTime.now().set({millisecond:0,second:0,hour:0,minute:0});exports.Calendar=function(e){var t=e.initialDate,i=void 0===t?o:t,d=e.isLoading;return r.createElement("div",{className:"calendar-wrapper"},r.createElement("div",{className:"calendar"},r.createElement(s.CalendarButtons,a.__assign({initialDate:i},e)),d?r.createElement(n.LoaderIndicator,null):r.createElement(l.CalendarDates,a.__assign({},e))))},exports.defaultStartDay=o;

package/dist/calendar/components/CalendarDates/CalendarDates.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { CalendarProps } from "../../Calendar";
-export type CalendarDatesProps = Pick<CalendarProps, "isLoading" | "calendarDates" | "selectedDate" | "setSelectedDate" | "fromPrice" | "getDateTimeButtonProps">;
-export declare const CalendarDates: ({ isLoading, calendarDates, selectedDate, setSelectedDate, fromPrice, getDateTimeButtonProps, }: CalendarDatesProps) => JSX.Element;
+export type CalendarDatesProps = Pick<CalendarProps, "calendarDates" | "selectedDate" | "setSelectedDate" | "fromPrice" | "getDateTimeButtonProps">;
+export declare const CalendarDates: ({ calendarDates, selectedDate, setSelectedDate, fromPrice, getDateTimeButtonProps, }: CalendarDatesProps) => JSX.Element;
 //# sourceMappingURL=CalendarDates.d.ts.map

package/dist/calendar/components/CalendarDates/CalendarDates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDates.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/CalendarDates/CalendarDates.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,aAAa,EACX,WAAW,GACX,eAAe,GACf,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,wBAAwB,CAC3B,CAAC;AAEF,eAAO,MAAM,aAAa,oGAOvB,kBAAkB,gBA+CpB,CAAC"}
+{"version":3,"file":"CalendarDates.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/CalendarDates/CalendarDates.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,aAAa,EACX,eAAe,GACf,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,wBAAwB,CAC3B,CAAC;AAEF,eAAO,MAAM,aAAa,yFAMvB,kBAAkB,gBA4CpB,CAAC"}

package/dist/calendar/components/CalendarDates/CalendarDates.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,a=require("tslib"),t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,n=require("../../../date-time-button/DateTimeButton.js"),d=require("../CalendarWeekdays/CalendarWeekdays.js");exports.CalendarDates=function(e){var i=e.isLoading,l=void 0!==i&&i,s=e.calendarDates,u=e.selectedDate,o=e.setSelectedDate,c=e.fromPrice,m=e.getDateTimeButtonProps,v=t.useMemo((function(){var e,t,r=null!==(t=null===(e=s[0])||void 0===e?void 0:e.weekday)&&void 0!==t?t:0;if(1===r)return s;for(var n=[];r>1;)n.push(null),r-=1;return a.__spreadArray(a.__spreadArray([],a.__read(n),!1),a.__read(s),!1)}),[s]);return r.createElement("div",{className:"calendar-dates-wrapper"},r.createElement(d.CalendarWeekdays,null),r.createElement("div",{className:"calendar-dates"},v.map((function(e){if(null===e)return r.createElement("div",null);var t=m(e),d=l||t.isDisabled;return r.createElement(n.DateTimeButton,a.__assign({key:+e,isDisabled:d,isSelected:u?e.hasSame(u,"day"):void 0,date:e,onSelect:function(){return o(e)},price:c,variant:n.Variant.month},t))}))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,a=require("tslib"),t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,n=require("../../../date-time-button/DateTimeButton.js"),l=require("../CalendarWeekdays/CalendarWeekdays.js");exports.CalendarDates=function(e){var d=e.calendarDates,i=e.selectedDate,u=e.setSelectedDate,s=e.fromPrice,c=e.getDateTimeButtonProps,o=t.useMemo((function(){var e,t,r=null!==(t=null===(e=d[0])||void 0===e?void 0:e.weekday)&&void 0!==t?t:0;if(1===r)return d;for(var n=[];r>1;)n.push(null),r-=1;return a.__spreadArray(a.__spreadArray([],a.__read(n),!1),a.__read(d),!1)}),[d]);return r.createElement("div",{className:"calendar-dates-wrapper"},r.createElement(l.CalendarWeekdays,null),r.createElement("div",{className:"calendar-dates"},o.map((function(e){if(null===e)return r.createElement("div",null);var t=c(e);return r.createElement(n.DateTimeButton,a.__assign({key:+e,isSelected:i?e.hasSame(i,"day"):void 0,date:e,onSelect:function(){return u(e)},price:s,variant:n.Variant.month},t))}))))};

package/dist/iframe/event/event-card/IframeEventCard.d.ts

@@ -16,7 +16,8 @@ interface IframeEventCardProps {
     titleId?: string;
     descriptionId?: string;
     imageClassName?: string;
+    showMoreInfo?: boolean;
 }
-export declare function IframeEventCard({ title, type, cost, date, imageSrc, colour, goToDetails, description, isListView, className, shortDate, titleId, descriptionId, imageClassName, }: IframeEventCardProps): JSX.Element;
+export declare function IframeEventCard({ title, type, cost, date, imageSrc, colour, goToDetails, description, isListView, className, shortDate, titleId, descriptionId, imageClassName, showMoreInfo, }: IframeEventCardProps): JSX.Element;
 export {};
 //# sourceMappingURL=IframeEventCard.d.ts.map

package/dist/iframe/event/event-card/IframeEventCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IframeEventCard.d.ts","sourceRoot":"","sources":["../../../../src/iframe/event/event-card/IframeEventCard.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,OAAO,EAAE,MAAM,2DAA2D,CAAC;AASpF,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,cAAc,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,WAAW,EACX,WAAW,EACX,UAAkB,EAClB,SAAS,EACT,SAAS,EACT,OAAO,EACP,aAAa,EACb,cAAc,GACf,EAAE,oBAAoB,eA6FtB"}
+{"version":3,"file":"IframeEventCard.d.ts","sourceRoot":"","sources":["../../../../src/iframe/event/event-card/IframeEventCard.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,OAAO,EAAE,MAAM,2DAA2D,CAAC;AASpF,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,cAAc,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,WAAW,EACX,WAAW,EACX,UAAkB,EAClB,SAAS,EACT,SAAS,EACT,OAAO,EACP,aAAa,EACb,cAAc,EACd,YAAY,GACb,EAAE,oBAAoB,eA0FtB"}

package/dist/iframe/event/event-card/IframeEventCard.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")),a=require("react-i18next"),r=require("react-bootstrap"),i=e(require("clsx")),c=require("react-intl"),l=require("../../../tiptap-editor/TipTapEditor.js"),s=require("../../../events/event-card/utils.js"),n=require("../../../assets/iframe/clock.svg.js"),m=require("../../../assets/iframe/calendar.svg.js"),d=require("../../../assets/iframe/ticket.svg.js");exports.IframeEventCard=function(e){var o=e.title,v=e.type,u=e.cost,p=e.date,f=e.imageSrc,E=e.colour,N=e.goToDetails,g=e.description,C=e.isListView,b=void 0!==C&&C,x=e.className,_=e.shortDate,w=e.titleId,T=e.descriptionId,q=e.imageClassName,y=c.useIntl().formatNumber,j=a.useTranslation("Design").t;return t.createElement(r.Card,{style:{"--card-colour":E},className:i("iframe-event-card",{"list-view":b},x),onClick:N?function(){N&&N()}:void 0},f&&t.createElement(r.Card.Img,{className:null!=q?q:"card-image",variant:"top",as:"div",style:{backgroundImage:'url("'.concat(f,'")')}}),t.createElement(r.Card.Body,{className:i("d-flex","flex-column",!f&&"no-image")},t.createElement(r.Card.Title,{className:"iframe-event-card__title",id:w},o),t.createElement("div",{className:"flex-grow-1 iframe-event-card__description"},t.createElement(r.Card.Text,{as:"div"},t.createElement("div",{className:"d-flex align-items-center mb-3"},t.createElement("div",{className:"icon-wrapper"},t.createElement(m.ReactComponent,null)),t.createElement("p",{className:"iframe-event-card__bold m-0 list-view-hided"},p),t.createElement("p",{className:"iframe-event-card__bold m-0 grid-view-hided"},_))),v&&t.createElement(r.Card.Text,{as:"div",className:"list-view-hided"},t.createElement("div",{className:"d-flex align-items-center mb-3"},t.createElement("div",{className:"icon-wrapper"},t.createElement(n.ReactComponent,null)),t.createElement("p",{className:"iframe-event-card__bold m-0"},v))),"number"==typeof u&&t.createElement(r.Card.Text,{as:"div"},t.createElement("div",{className:"d-flex align-items-center mb-3"},t.createElement("div",{className:"icon-wrapper"},t.createElement(d.ReactComponent,null)),t.createElement("p",{className:"iframe-event-card__bold m-0"},j("from")," ",y(u,{style:"currency",currency:"GBP"})))),g&&t.createElement(r.Card.Text,{as:"div",className:"list-view-hided"},t.createElement(l.TipTapEditor,{viewMode:!0,disabled:!0,content:s.formatContent(g,150),id:T})))))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")),a=require("react-i18next"),r=require("react-bootstrap"),i=e(require("clsx")),s=require("react-intl"),c=require("../../../tiptap-editor/TipTapEditor.js"),l=require("../../../events/event-card/utils.js"),n=require("../../../assets/iframe/clock.svg.js"),m=require("../../../assets/iframe/calendar.svg.js"),d=require("../../../assets/iframe/ticket.svg.js");exports.IframeEventCard=function(e){var o=e.title,u=e.type,v=e.cost,p=e.date,f=e.imageSrc,E=e.colour,N=e.goToDetails,g=e.description,C=e.isListView,x=void 0!==C&&C,w=e.className,T=e.shortDate,b=e.titleId,q=e.descriptionId,y=e.imageClassName,_=e.showMoreInfo,j=s.useIntl().formatNumber,I=a.useTranslation("Design").t;return t.createElement(r.Card,{style:{"--card-colour":E},className:i("iframe-event-card",{"list-view":x},w),onClick:N?function(){N&&N()}:void 0},_&&t.createElement("div",{className:"iframe-event-card__info-icon"},"i"),f&&t.createElement(r.Card.Img,{className:null!=y?y:"card-image",variant:"top",as:"div",style:{backgroundImage:'url("'.concat(f,'")')}}),t.createElement(r.Card.Body,{className:i("d-flex","flex-column",!f&&"no-image")},t.createElement(r.Card.Title,{className:"iframe-event-card__title",id:b},o),t.createElement("div",{className:"flex-grow-1 iframe-event-card__description"},t.createElement(r.Card.Text,{as:"div"},t.createElement("div",{className:"d-flex align-items-center mb-3"},t.createElement("div",{className:"icon-wrapper"},t.createElement(m.ReactComponent,null)),t.createElement("p",{className:"m-0 list-view-hided"},p),t.createElement("p",{className:"m-0 grid-view-hided"},T))),u&&t.createElement(r.Card.Text,{as:"div",className:"list-view-hided"},t.createElement("div",{className:"d-flex align-items-center mb-3"},t.createElement("div",{className:"icon-wrapper"},t.createElement(n.ReactComponent,null)),t.createElement("p",{className:"m-0"},u))),"number"==typeof v&&t.createElement(r.Card.Text,{as:"div"},t.createElement("div",{className:"d-flex align-items-center mb-3"},t.createElement("div",{className:"icon-wrapper"},t.createElement(d.ReactComponent,null)),t.createElement("p",{className:"m-0"},I("from")," ",j(v,{style:"currency",currency:"GBP"})))),g&&t.createElement(r.Card.Text,{as:"div",className:"list-view-hided"},t.createElement(c.TipTapEditor,{viewMode:!0,disabled:!0,content:l.formatContent(g,150),id:q})))))};

package/dist/iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=e(t),a=require("react-bootstrap"),r=e(require("clsx")),u=t.forwardRef((function(e,t){var u=e.className,o=void 0===u?"":u,l=e.value,i=e.onChange,c=e.onArrowDown,m=e.onArrowUp,b=e.min,d=e.max,p=e.placeholder,s=e.defaultValue,f=e.disabled,v=!l,y=d>0&&l===d,N=r("payment-number-input",o);return n.createElement("div",{className:N},n.createElement("button",{type:"button",onClick:function(){l&&(b>0&&(l||0)===b?c(0):m(l-1))},className:"payment-number-input__btn-down ".concat(v&&"disabled-number-input-button"),disabled:f},"−"),n.createElement(a.FormControl,{type:"number",onChange:function(e){return t=Number(e.target.value),void i(d>0&&t>d?d:b>0&&t&&t<b?b:t);var t},value:l,min:b,max:d,defaultValue:s,placeholder:p,height:"5rem",disabled:f,ref:t}),n.createElement("button",{type:"button",onClick:function(){d>0&&l===d||m(b>0&&(l||0)<b?b:(l||0)+1)},className:"payment-number-input__btn-up ".concat(y&&"disabled-number-input-button"),disabled:f},"+"))}));u.displayName="NumberInput",exports.NumberInput=u;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=e(t),a=require("react-bootstrap"),r=e(require("clsx")),u=t.forwardRef((function(e,t){var u=e.className,o=void 0===u?"":u,l=e.value,i=e.onChange,c=e.onArrowDown,m=e.onArrowUp,b=e.min,d=e.max,p=e.placeholder,s=e.defaultValue,f=e.disabled,v=!l,y=d>0&&l===d,N=r("payment-number-input",o);return n.createElement("div",{className:N},n.createElement("button",{type:"button",onClick:function(){l&&(b>0&&(l||0)===b?c(0):m(l-1))},className:"payment-number-input__btn-down ".concat(v&&"disabled-number-input-button"),disabled:f},"−"),n.createElement(a.FormControl,{type:"number",onChange:function(e){return t=Number(e.target.value),void i(d>0&&t>d?d:b>0&&t&&t<b?b:t);var t},value:l,min:0,max:d,defaultValue:s,placeholder:p,height:"5rem",disabled:f,ref:t}),n.createElement("button",{type:"button",onClick:function(){d>0&&l===d||m(b>0&&(l||0)<b?b:(l||0)+1)},className:"payment-number-input__btn-up ".concat(y&&"disabled-number-input-button"),disabled:f},"+"))}));u.displayName="NumberInput",exports.NumberInput=u;

package/dist/iframe/page/components/PageBody/components/LeftBlock/LeftBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LeftBlock.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/page/components/PageBody/components/LeftBlock/LeftBlock.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM5E,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAC5C;IACE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,cAAc,CAAC,cAAc,CAAC,CACnC,CAAC;AAEF,eAAO,MAAM,SAAS,+EAOnB,cAAc,gBA6BhB,CAAC"}
+{"version":3,"file":"LeftBlock.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/page/components/PageBody/components/LeftBlock/LeftBlock.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM5E,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAC5C;IACE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,cAAc,CAAC,cAAc,CAAC,CACnC,CAAC;AAEF,eAAO,MAAM,SAAS,+EAOnB,cAAc,gBA+BhB,CAAC"}

package/dist/iframe/page/components/PageBody/components/LeftBlock/LeftBlock.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),l=e(require("react")),a=e(require("clsx")),s=require("../../constants.js"),r=require("@licklist/plugins/dist/context/page/PageContext"),i=require("../../hooks/useResizePageBody.js");exports.LeftBlock=function(e){var n=e.pageTitle,c=e.children,o=e.className,u=e.component,d=e.childrenClassName,m=t.__rest(e,["pageTitle","children","className","component","childrenClassName"]),f=i.useResizePageBody(),g=f.leftBlockStyles,p=f.leftBlockContainerSizes;return l.createElement("div",t.__assign({className:a("left-block",o)},m),l.createElement("div",{className:"navigation"},n&&l.createElement(l.Fragment,null,"string"==typeof n?l.createElement("div",{className:"title"},n):n),u),l.createElement("div",{className:a("left-block-container",d),style:g,id:s.PAGE_LEFT_BLOCK_CONTAINER_ID},l.createElement(r.PageContextProvider,{leftBlockContainerSizes:p},c)))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),l=e(require("react")),a=e(require("clsx")),i=require("../../constants.js"),s=require("@licklist/plugins/dist/context/page/PageContext"),n=require("../../hooks/useResizePageBody.js");exports.LeftBlock=function(e){var r=e.pageTitle,c=e.children,o=e.className,u=e.component,d=e.childrenClassName,m=t.__rest(e,["pageTitle","children","className","component","childrenClassName"]),f=n.useResizePageBody(),g=f.leftBlockStyles,p=f.leftBlockContainerSizes;return l.createElement("div",t.__assign({className:a("left-block",o)},m),l.createElement("div",{className:"navigation"},r&&l.createElement(l.Fragment,null,"string"==typeof r?l.createElement("div",{className:"title",id:"navigation-title"},r):r),u),l.createElement("div",{className:a("left-block-container",d),style:g,id:i.PAGE_LEFT_BLOCK_CONTAINER_ID},l.createElement(s.PageContextProvider,{leftBlockContainerSizes:p},c)))};

package/dist/iframe/page/components/PageBody/constants.d.ts

@@ -15,6 +15,6 @@ export declare const SEPARATOR_DEFAULT_WIDTH = 2;
 export declare const COLLAPSE_MARGIN = 36;
 export declare const PAGE_LEFT_BLOCK_CONTAINER_ID = "page-left-block-container";
 export declare const PAGE_CALENDAR_SELECT_WRAPPER = "calendar-select-wrapper";
-export declare const PAYMENT_LINK_PAGE_BODY = "payment_link_page_body";
+export declare const PAGE_BODY_WITH_SCROLL = "page-body-with-scroll";
 export declare const PAGE_LEFT_BLOCK_MAP_DEFAULT_SIZE = 300;
 //# sourceMappingURL=constants.d.ts.map

package/dist/iframe/page/components/PageBody/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/page/components/PageBody/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,MAAM,CAAC;AAC7B,eAAO,MAAM,yBAAyB,8BAA8B,CAAC;AAErE,eAAO,MAAM,qBAAqB,QAAU,CAAC;AAE7C,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAG9C,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAI9C,eAAO,MAAM,0CAA0C,KAAK,CAAC;AAE7D,eAAO,MAAM,kBAAkB,+BAA+B,CAAC;AAC/D,eAAO,MAAM,oBAAoB,yBAAyB,CAAC;AAC3D,eAAO,MAAM,oBAAoB,iCAAiC,CAAC;AACnE,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAE7D,eAAO,MAAM,mBAAmB,qBAAqB,CAAC;AACtD,eAAO,MAAM,4BAA4B,oCAAoC,CAAC;AAC9E,eAAO,MAAM,0BAA0B,kCAAkC,CAAC;AAC1E,eAAO,MAAM,uBAAuB,IAAI,CAAC;AACzC,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,eAAO,MAAM,4BAA4B,8BAA8B,CAAC;AACxE,eAAO,MAAM,4BAA4B,4BAA4B,CAAC;AACtE,eAAO,MAAM,sBAAsB,2BAA2B,CAAC;AAE/D,eAAO,MAAM,gCAAgC,MAAM,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/page/components/PageBody/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,MAAM,CAAC;AAC7B,eAAO,MAAM,yBAAyB,8BAA8B,CAAC;AAErE,eAAO,MAAM,qBAAqB,QAAU,CAAC;AAE7C,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAG9C,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAI9C,eAAO,MAAM,0CAA0C,KAAK,CAAC;AAE7D,eAAO,MAAM,kBAAkB,+BAA+B,CAAC;AAC/D,eAAO,MAAM,oBAAoB,yBAAyB,CAAC;AAC3D,eAAO,MAAM,oBAAoB,iCAAiC,CAAC;AACnE,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAE7D,eAAO,MAAM,mBAAmB,qBAAqB,CAAC;AACtD,eAAO,MAAM,4BAA4B,oCAAoC,CAAC;AAC9E,eAAO,MAAM,0BAA0B,kCAAkC,CAAC;AAC1E,eAAO,MAAM,uBAAuB,IAAI,CAAC;AACzC,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,eAAO,MAAM,4BAA4B,8BAA8B,CAAC;AACxE,eAAO,MAAM,4BAA4B,4BAA4B,CAAC;AACtE,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAE7D,eAAO,MAAM,gCAAgC,MAAM,CAAC"}

package/dist/iframe/page/components/PageBody/constants.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.COLLAPSE_MARGIN=36,exports.DEFAULT_RIGHT_BLOCK_HEIGHT=132,exports.PAGE_CALENDAR_SELECT_WRAPPER="calendar-select-wrapper",exports.PAGE_LEFT_BLOCK_CONTAINER_ID="page-left-block-container",exports.PAGE_LEFT_BLOCK_MAP_DEFAULT_SIZE=300,exports.PAGE_RIGHT_BLOCK_BOTTOM_ID="page-right-block-bottom-block",exports.PAGE_RIGHT_BLOCK_CHILDREN_ID="page-right-block-children-block",exports.PAGE_RIGHT_BLOCK_ID="page-right-block",exports.PAYMENT_LINK_PAGE_BODY="payment_link_page_body",exports.RIGHT_BLOCK_COLLAPSE="RIGHT_BLOCK_COLLAPSE_CLICKED",exports.RIGHT_BLOCK_COLLAPSED="RIGHT_BLOCK_COLLAPSED",exports.RIGHT_BLOCK_EXPAND="RIGHT_BLOCK_EXPAND_CLICKED",exports.RIGHT_BLOCK_EXPANDED="RIGHT_BLOCK_EXPANDED",exports.RIGHT_BLOCK_RESIZED_EVENT="RIGHT_BLOCK_RESIZED_EVENT",exports.SEPARATOR_DEFAULT_WIDTH=2,exports.STANDARD_BODY_PADDING=97,exports.STANDARD_HEADER_FOOTER_SIZE=96,exports.TAB_WIDTH=768;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.COLLAPSE_MARGIN=36,exports.DEFAULT_RIGHT_BLOCK_HEIGHT=132,exports.PAGE_BODY_WITH_SCROLL="page-body-with-scroll",exports.PAGE_CALENDAR_SELECT_WRAPPER="calendar-select-wrapper",exports.PAGE_LEFT_BLOCK_CONTAINER_ID="page-left-block-container",exports.PAGE_LEFT_BLOCK_MAP_DEFAULT_SIZE=300,exports.PAGE_RIGHT_BLOCK_BOTTOM_ID="page-right-block-bottom-block",exports.PAGE_RIGHT_BLOCK_CHILDREN_ID="page-right-block-children-block",exports.PAGE_RIGHT_BLOCK_ID="page-right-block",exports.RIGHT_BLOCK_COLLAPSE="RIGHT_BLOCK_COLLAPSE_CLICKED",exports.RIGHT_BLOCK_COLLAPSED="RIGHT_BLOCK_COLLAPSED",exports.RIGHT_BLOCK_EXPAND="RIGHT_BLOCK_EXPAND_CLICKED",exports.RIGHT_BLOCK_EXPANDED="RIGHT_BLOCK_EXPANDED",exports.RIGHT_BLOCK_RESIZED_EVENT="RIGHT_BLOCK_RESIZED_EVENT",exports.SEPARATOR_DEFAULT_WIDTH=2,exports.STANDARD_BODY_PADDING=97,exports.STANDARD_HEADER_FOOTER_SIZE=96,exports.TAB_WIDTH=768;

package/dist/iframe/page/components/PageBody/hooks/useResizePageBody.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),n=require("react"),i=((e=n)&&"object"==typeof e&&"default"in e&&e.default,require("@licklist/plugins/dist/hooks/Media/useWindowDimensions")),r=require("../constants.js");exports.useResizePageBody=function(){var e=i.useWindowDimensions(),u=e.height,_=e.width,o=t.__read(n.useState(r.DEFAULT_RIGHT_BLOCK_HEIGHT),2),E=o[0],c=o[1],d=t.__read(n.useState({width:r.PAGE_LEFT_BLOCK_MAP_DEFAULT_SIZE,height:r.PAGE_LEFT_BLOCK_MAP_DEFAULT_SIZE}),2),s=d[0],f=d[1],L=n.useRef(void 0),A=n.useRef(!1),T=t.__read(n.useState(!1),2),a=T[0],D=T[1],I=t.__read(n.useState(!1),2),v=I[0],O=I[1],R=t.__read(n.useState(!1),2),l=R[0],B=R[1],h=t.__read(n.useState(!1),2),w=h[0],C=h[1],H=n.useMemo((function(){if(_>=r.TAB_WIDTH)return{};if(!v&&!w)return{};var e=document.getElementById(r.PAGE_CALENDAR_SELECT_WRAPPER),t=e?e.clientHeight:0,n=document.getElementById(r.PAYMENT_LINK_PAGE_BODY);return n&&n.scroll({top:-E,behavior:"smooth"}),{maxHeight:u-r.STANDARD_BODY_PADDING-E-r.STANDARD_HEADER_FOOTER_SIZE-t}}),[u,_,E,a,v,l,w]),P=new ResizeObserver((function(){var e=document.getElementById(r.PAGE_LEFT_BLOCK_CONTAINER_ID);if(e){if(_>=r.TAB_WIDTH&&!A)return A.current=!0,void f({width:e.clientWidth,height:e.clientHeight});A.current=!1,f((function(){var t=e.clientWidth<=e.clientHeight?e.clientWidth:e.clientHeight;return(!L.current||L.current&&t>L.current)&&(L.current=t),{width:e.clientWidth,height:L.current}}))}})),S=n.useMemo((function(){if(_>=r.TAB_WIDTH)return{};if(!v&&!w)return{};var e=.75*(u-r.STANDARD_BODY_PADDING-r.STANDARD_HEADER_FOOTER_SIZE),t=0,n=document.getElementById(r.PAGE_RIGHT_BLOCK_BOTTOM_ID);return n&&(t=r.SEPARATOR_DEFAULT_WIDTH+n.clientHeight),{maxHeight:e-t-r.COLLAPSE_MARGIN}}),[u,_,E,a,v,l,w]);return n.useEffect((function(){var e=function(e){var t=e.detail.height;c(t)};return window.addEventListener(r.RIGHT_BLOCK_RESIZED_EVENT,(function(t){return e(t)})),function(){window.removeEventListener(r.RIGHT_BLOCK_RESIZED_EVENT,(function(t){return e(t)}))}}),[]),n.useEffect((function(){var e=function(){D(!0),O(!1),B(!1),C(!1)};return window.addEventListener(r.RIGHT_BLOCK_EXPAND,e),function(){window.removeEventListener(r.RIGHT_BLOCK_EXPAND,e)}}),[]),n.useEffect((function(){var e=function(){D(!1),O(!0),B(!1),C(!1)};return window.addEventListener(r.RIGHT_BLOCK_EXPANDED,e),function(){window.removeEventListener(r.RIGHT_BLOCK_EXPANDED,e)}}),[]),n.useEffect((function(){var e=function(){D(!1),O(!1),B(!0),C(!1)};return window.addEventListener(r.RIGHT_BLOCK_COLLAPSE,e),function(){window.removeEventListener(r.RIGHT_BLOCK_COLLAPSE,e)}}),[]),n.useEffect((function(){var e=function(){D(!1),O(!1),B(!1),C(!0)};return window.addEventListener(r.RIGHT_BLOCK_COLLAPSED,e),function(){window.removeEventListener(r.RIGHT_BLOCK_COLLAPSED,e)}}),[]),n.useEffect((function(){var e=document.getElementById(r.PAGE_LEFT_BLOCK_CONTAINER_ID);if(e)return P.observe(e),function(){e&&P.unobserve(e)}}),[]),n.useEffect((function(){L.current=void 0}),[_]),{leftBlockStyles:H,rightBlockContentStyles:S,leftBlockContainerSizes:s}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),n=require("react"),i=((e=n)&&"object"==typeof e&&"default"in e&&e.default,require("@licklist/plugins/dist/hooks/Media/useWindowDimensions")),r=require("../constants.js");exports.useResizePageBody=function(){var e=i.useWindowDimensions(),u=e.height,_=e.width,o=t.__read(n.useState(r.DEFAULT_RIGHT_BLOCK_HEIGHT),2),E=o[0],c=o[1],d=t.__read(n.useState({width:r.PAGE_LEFT_BLOCK_MAP_DEFAULT_SIZE,height:r.PAGE_LEFT_BLOCK_MAP_DEFAULT_SIZE}),2),s=d[0],f=d[1],L=n.useRef(void 0),A=n.useRef(!1),T=t.__read(n.useState(!1),2),a=T[0],D=T[1],I=t.__read(n.useState(!1),2),v=I[0],O=I[1],R=t.__read(n.useState(!1),2),l=R[0],B=R[1],h=t.__read(n.useState(!1),2),C=h[0],H=h[1],w=n.useMemo((function(){if(_>=r.TAB_WIDTH)return{};if(!v&&!C)return{};var e=document.getElementById(r.PAGE_CALENDAR_SELECT_WRAPPER),t=e?e.clientHeight:0,n=document.getElementById(r.PAGE_BODY_WITH_SCROLL);return n&&n.scroll({top:-u,behavior:"smooth"}),{maxHeight:u-r.STANDARD_BODY_PADDING-E-r.STANDARD_HEADER_FOOTER_SIZE-t}}),[u,_,E,a,v,l,C]),S=new ResizeObserver((function(){var e=document.getElementById(r.PAGE_LEFT_BLOCK_CONTAINER_ID);if(e){if(_>=r.TAB_WIDTH&&!A)return A.current=!0,void f({width:e.clientWidth,height:e.clientHeight});A.current=!1,f((function(){var t=e.clientWidth<=e.clientHeight?e.clientWidth:e.clientHeight;return(!L.current||L.current&&t>L.current)&&(L.current=t),{width:e.clientWidth,height:L.current}}))}})),P=n.useMemo((function(){if(_>=r.TAB_WIDTH)return{};if(!v&&!C)return{};var e=.75*(u-r.STANDARD_BODY_PADDING-r.STANDARD_HEADER_FOOTER_SIZE),t=0,n=document.getElementById(r.PAGE_RIGHT_BLOCK_BOTTOM_ID);return n&&(t=r.SEPARATOR_DEFAULT_WIDTH+n.clientHeight),{maxHeight:e-t-r.COLLAPSE_MARGIN}}),[u,_,E,a,v,l,C]);return n.useEffect((function(){var e=function(e){var t=e.detail.height;c(t)};return window.addEventListener(r.RIGHT_BLOCK_RESIZED_EVENT,(function(t){return e(t)})),function(){window.removeEventListener(r.RIGHT_BLOCK_RESIZED_EVENT,(function(t){return e(t)}))}}),[]),n.useEffect((function(){var e=function(){D(!0),O(!1),B(!1),H(!1)};return window.addEventListener(r.RIGHT_BLOCK_EXPAND,e),function(){window.removeEventListener(r.RIGHT_BLOCK_EXPAND,e)}}),[]),n.useEffect((function(){var e=function(){D(!1),O(!0),B(!1),H(!1)};return window.addEventListener(r.RIGHT_BLOCK_EXPANDED,e),function(){window.removeEventListener(r.RIGHT_BLOCK_EXPANDED,e)}}),[]),n.useEffect((function(){var e=function(){D(!1),O(!1),B(!0),H(!1)};return window.addEventListener(r.RIGHT_BLOCK_COLLAPSE,e),function(){window.removeEventListener(r.RIGHT_BLOCK_COLLAPSE,e)}}),[]),n.useEffect((function(){var e=function(){D(!1),O(!1),B(!1),H(!0)};return window.addEventListener(r.RIGHT_BLOCK_COLLAPSED,e),function(){window.removeEventListener(r.RIGHT_BLOCK_COLLAPSED,e)}}),[]),n.useEffect((function(){var e=document.getElementById(r.PAGE_LEFT_BLOCK_CONTAINER_ID);if(e)return S.observe(e),function(){e&&S.unobserve(e)}}),[]),n.useEffect((function(){L.current=void 0}),[_]),{leftBlockStyles:w,rightBlockContentStyles:P,leftBlockContainerSizes:s}};

package/dist/iframe/payment/payment-page/PaymentPage.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),o=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-router-dom"),n=require("../../../static/loader/LoaderIndicator.js"),l=require("react-i18next"),m=require("react-bootstrap");require("../../../static/index.js");var s=require("../../page/components/PageBody/constants.js");require("../../order-process/components/Timer/Timer.js"),require("../../order-process/components/NavigationSteps/NavigationSteps.js");var i=require("../../page/Page.js"),c=require("../../page/components/PageBody/PageBody.js");require("../../page/components/PageHeader/PageHeader.js"),require("../../order-process/components/NavigationFooter/NavigationFooter.js");var u=require("@licklist/plugins/dist/context/payment/PaymentSessionContext"),d=require("../../order-process/components/BookingSummary/components/SummaryTotal/components/SummaryTotalBlock.js"),p=require("../../ryft/RyftPaymentForm.js"),y=require("../../order-process/components/BookingSummary/utils/index.js"),g=require("../../order-process/components/BookingSummary/BookingSummary.js");require("../../order-process/components/PaymentCard/PaymentCard.js"),require("../../order-process/components/BookingSummaryFooter/BookingSummaryFooter.js"),require("../../order-process/components/ErrorModal/ErrorModal.js"),require("../../order-process/components/utils/useCategoryVerification.js"),require("../../order-process/components/CalendarStepsForm/CalendarStepsForm.js");var f=require("./PaymentTimer.js");exports.PaymentPage=function(e){var P=e.onCloseIframePayment,E=e.onFailIframePayment,B=e.data,k=e.isLoading,S=e.bookingSummaryProps,q=e.paymentMetadata,v=t.__rest(e,["onCloseIframePayment","onFailIframePayment","data","isLoading","bookingSummaryProps","paymentMetadata"]),j=l.useTranslation("Design").t,b=a.useLocation().search,x=r.useContext(u.PaymentSessionContext).isPaymentSessionExpired,F=Boolean(new URLSearchParams(b).get("isIframePayment"));if(r.useEffect((function(){F&&P&&window.addEventListener("beforeunload",(function(){P()}))}),[]),r.useEffect((function(){x&&F&&E&&E()}),[x]),k)return o.createElement(n.LoaderIndicator,{isLoaded:!1});if(null===B)return o.createElement(i.Page,null,o.createElement(c.PageBody,{leftBlock:o.createElement(c.PageBody.LeftBlock,null,o.createElement("div",{className:"d-flex h-100 w-100 justify-content-center align-items-center flex-column"},o.createElement("h6",null,j("linkNotActiveOrExpired")),o.createElement(m.Col,{xs:12,md:3},o.createElement(m.Button,{className:"mt-5 w-20",onClick:function(){window.location.href="https://booked.it/"}},j("backToSite")))))}));var T=y.cartSumByOrderProducts((null==S?void 0:S.formValues)&&Object.values(null==S?void 0:S.formValues)),C=T>(null==B?void 0:B.amount);return o.createElement(i.Page,{className:"payment_link"},o.createElement(c.PageBody,{id:s.PAYMENT_LINK_PAGE_BODY,leftBlock:o.createElement(c.PageBody.LeftBlock,null,o.createElement("div",{className:"d-flex align-items-center mb-5"},o.createElement(f.PaymentTimer,null)),o.createElement(p.RyftPaymentForm,t.__assign({},v))),rightBlock:o.createElement(c.PageBody.RightBlock,null,o.createElement(g.BookingSummary,t.__assign({},S,{isPaymentPage:!0,headerComponent:o.createElement(d.SummaryTotalBlock,{amount:q?q.total:T+((null==S?void 0:S.transactionFee)||0)}),footer:o.createElement("div",{className:"d-flex flex-column justify-content-between"},q?o.createElement(o.Fragment,null,o.createElement(d.SummaryTotalBlock,{label:j("total"),amount:q.total||0}),o.createElement(d.SummaryTotalBlock,{label:j("paidSum"),amount:q.paid||0}),o.createElement(d.SummaryTotalBlock,{label:j("remaining"),amount:q.total-q.paid||0})):o.createElement(o.Fragment,null,C&&o.createElement(d.SummaryTotalBlock,{label:j("total"),amount:T+((null==S?void 0:S.transactionFee)||0)}),o.createElement(d.SummaryTotalBlock,{label:j(C?"totalWithDiscount":"total"),amount:(null==B?void 0:B.amount)+((null==S?void 0:S.transactionFee)||0)})))})))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),o=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-router-dom"),n=require("../../../static/loader/LoaderIndicator.js"),l=require("react-i18next"),m=require("react-bootstrap");require("../../../static/index.js");var s=require("../../page/components/PageBody/constants.js");require("../../order-process/components/Timer/Timer.js"),require("../../order-process/components/NavigationSteps/NavigationSteps.js");var i=require("../../page/Page.js"),c=require("../../page/components/PageBody/PageBody.js");require("../../page/components/PageHeader/PageHeader.js"),require("../../order-process/components/NavigationFooter/NavigationFooter.js");var u=require("@licklist/plugins/dist/context/payment/PaymentSessionContext"),d=require("../../order-process/components/BookingSummary/components/SummaryTotal/components/SummaryTotalBlock.js"),p=require("../../ryft/RyftPaymentForm.js"),y=require("../../order-process/components/BookingSummary/utils/index.js"),g=require("../../order-process/components/BookingSummary/BookingSummary.js");require("../../order-process/components/PaymentCard/PaymentCard.js"),require("../../order-process/components/BookingSummaryFooter/BookingSummaryFooter.js"),require("../../order-process/components/ErrorModal/ErrorModal.js"),require("../../order-process/components/utils/useCategoryVerification.js"),require("../../order-process/components/CalendarStepsForm/CalendarStepsForm.js");var f=require("./PaymentTimer.js");exports.PaymentPage=function(e){var P=e.onCloseIframePayment,E=e.onFailIframePayment,B=e.data,S=e.isLoading,k=e.bookingSummaryProps,q=e.paymentMetadata,v=t.__rest(e,["onCloseIframePayment","onFailIframePayment","data","isLoading","bookingSummaryProps","paymentMetadata"]),j=l.useTranslation("Design").t,b=a.useLocation().search,x=r.useContext(u.PaymentSessionContext).isPaymentSessionExpired,F=Boolean(new URLSearchParams(b).get("isIframePayment"));if(r.useEffect((function(){F&&P&&window.addEventListener("beforeunload",(function(){P()}))}),[]),r.useEffect((function(){x&&F&&E&&E()}),[x]),S)return o.createElement(n.LoaderIndicator,{isLoaded:!1});if(null===B)return o.createElement(i.Page,null,o.createElement(c.PageBody,{leftBlock:o.createElement(c.PageBody.LeftBlock,null,o.createElement("div",{className:"d-flex h-100 w-100 justify-content-center align-items-center flex-column"},o.createElement("h6",null,j("linkNotActiveOrExpired")),o.createElement(m.Col,{xs:12,md:3},o.createElement(m.Button,{className:"mt-5 w-20",onClick:function(){window.location.href="https://booked.it/"}},j("backToSite")))))}));var T=y.cartSumByOrderProducts((null==k?void 0:k.formValues)&&Object.values(null==k?void 0:k.formValues)),C=T>(null==B?void 0:B.amount);return o.createElement(i.Page,{className:"payment_link"},o.createElement(c.PageBody,{id:s.PAGE_BODY_WITH_SCROLL,leftBlock:o.createElement(c.PageBody.LeftBlock,null,o.createElement("div",{className:"d-flex align-items-center mb-5"},o.createElement(f.PaymentTimer,null)),o.createElement(p.RyftPaymentForm,t.__assign({},v))),rightBlock:o.createElement(c.PageBody.RightBlock,null,o.createElement(g.BookingSummary,t.__assign({},k,{isPaymentPage:!0,headerComponent:o.createElement(d.SummaryTotalBlock,{amount:q?q.total:T+((null==k?void 0:k.transactionFee)||0)}),footer:o.createElement("div",{className:"d-flex flex-column justify-content-between"},q?o.createElement(o.Fragment,null,o.createElement(d.SummaryTotalBlock,{label:j("total"),amount:q.total||0}),o.createElement(d.SummaryTotalBlock,{label:j("paidSum"),amount:q.paid||0}),o.createElement(d.SummaryTotalBlock,{label:j("remaining"),amount:q.total-q.paid||0})):o.createElement(o.Fragment,null,C&&o.createElement(d.SummaryTotalBlock,{label:j("total"),amount:T+((null==k?void 0:k.transactionFee)||0)}),o.createElement(d.SummaryTotalBlock,{label:j(C?"totalWithDiscount":"total"),amount:(null==B?void 0:B.amount)+((null==k?void 0:k.transactionFee)||0)})))})))}))};

package/dist/static/manual-date-picker/ManualDatePicker.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),a=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-i18next"),n=require("react-bootstrap"),l=require("./constants/index.js");exports.ManualDatePicker=function(e){var t=e.isDisabled,o=e.day,i=e.setDay,u=e.month,c=e.setMonth,s=e.year,m=e.setYear,d=e.isRequred,v=void 0!==d&&d,p=r.useTranslation(["Validation","Design"]).t;return a.createElement(a.Fragment,null,a.createElement("div",{className:"custom-date-field-picker mr-4"},a.createElement(n.Form.Group,null,a.createElement(n.Form.Control,{value:o,as:"select",isInvalid:v&&!o,onChange:function(e){var t=e.target.value;i(t?Number(t):void 0)},disabled:t},a.createElement("option",{value:""},p("Design:dayShort")),l.DAYS_ARRAY.map((function(e){return a.createElement("option",{key:e,value:e},e)}))))),a.createElement("div",{className:"custom-date-field-picker mr-4"},a.createElement(n.Form.Group,null,a.createElement(n.Form.Control,{value:u,as:"select",isInvalid:v&&!u,onChange:function(e){var t=e.target.value;return c(t?Number(t):void 0)},disabled:t},a.createElement("option",{value:""},p("Design:monthShort")),l.MONTHS_ARRAY.map((function(e){return a.createElement("option",{key:e,value:e},e)}))))),a.createElement("div",{className:"custom-date-field-picker"},a.createElement(n.Form.Group,null,a.createElement(n.Form.Control,{value:s,as:"select",isInvalid:v&&!s,onChange:function(e){var t=e.target.value;return m(t?Number(t):void 0)},disabled:t},a.createElement("option",{value:""},p("Design:yearShort")),l.YEARS_ARRAY.map((function(e){return a.createElement("option",{key:e,value:e},e)}))))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),a=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-i18next"),n=require("react-bootstrap"),l=require("./constants/index.js");exports.ManualDatePicker=function(e){var t=e.isDisabled,o=e.day,i=e.setDay,u=e.month,c=e.setMonth,s=e.year,m=e.setYear,d=e.isRequred,v=void 0!==d&&d,p=r.useTranslation(["Validation","Design"]).t;return a.createElement(a.Fragment,null,a.createElement("div",{className:"custom-date-field-picker mr-4"},a.createElement(n.Form.Group,null,a.createElement(n.Form.Control,{value:o,as:"select",isInvalid:v&&!o,onChange:function(e){var t=e.target.value;i(t?Number(t):void 0)},disabled:t},a.createElement("option",{value:""},p("Design:dayShort")),l.DAYS_ARRAY.map((function(e){return a.createElement("option",{key:e,value:e},e)}))))),a.createElement("div",{className:"custom-date-field-picker mr-4"},a.createElement(n.Form.Group,null,a.createElement(n.Form.Control,{value:u,as:"select",isInvalid:v&&!u,onChange:function(e){var t=e.target.value;return c(t?Number(t):void 0)},disabled:t},a.createElement("option",{value:""},p("Design:monthShort")),l.MONTHS_ARRAY.map((function(e){return a.createElement("option",{key:e.key,value:e.value},e.key)}))))),a.createElement("div",{className:"custom-date-field-picker"},a.createElement(n.Form.Group,null,a.createElement(n.Form.Control,{value:s,as:"select",isInvalid:v&&!s,onChange:function(e){var t=e.target.value;return m(t?Number(t):void 0)},disabled:t},a.createElement("option",{value:""},p("Design:yearShort")),l.YEARS_ARRAY.map((function(e){return a.createElement("option",{key:e,value:e},e)}))))))};

package/dist/static/manual-date-picker/constants/index.d.ts

@@ -1,4 +1,7 @@
 export declare const DAYS_ARRAY: number[];
-export declare const MONTHS_ARRAY: number[];
+export declare const MONTHS_ARRAY: {
+    key: string;
+    value: number;
+}[];
 export declare const YEARS_ARRAY: number[];
 //# sourceMappingURL=index.d.ts.map

package/dist/static/manual-date-picker/constants/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/static/manual-date-picker/constants/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,UAA+B,CAAC;AACvD,eAAO,MAAM,YAAY,UAA+B,CAAC;AACzD,eAAO,MAAM,WAAW,UAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/static/manual-date-picker/constants/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU,UAA+B,CAAC;AACvD,eAAO,MAAM,YAAY;;;GAA+B,CAAC;AACzD,eAAO,MAAM,WAAW,UAAuB,CAAC"}

package/dist/static/manual-date-picker/constants/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../utils/index.js"),r=e.generateDatesArray(1,31,1),t=e.generateDatesArray(1,12,1),s=e.generateYearsArray();exports.DAYS_ARRAY=r,exports.MONTHS_ARRAY=t,exports.YEARS_ARRAY=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../utils/index.js"),r=e.generateDatesArray(1,31,1),t=e.generateMonthsOptionsArray(),s=e.generateYearsArray();exports.DAYS_ARRAY=r,exports.MONTHS_ARRAY=t,exports.YEARS_ARRAY=s;

package/dist/static/manual-date-picker/utils/index.d.ts

@@ -1,4 +1,8 @@
 export declare const generateDatesArray: (start: number, end: number, step: number) => number[];
+export declare const generateMonthsOptionsArray: () => {
+    key: string;
+    value: number;
+}[];
 export declare const generateYearsArray: () => number[];
 export declare const dateToSqlDate: (day: number, month: number, year: number) => string;
 //# sourceMappingURL=index.d.ts.map

package/dist/static/manual-date-picker/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/static/manual-date-picker/utils/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,UAAW,MAAM,OAAO,MAAM,QAAQ,MAAM,aAIxE,CAAC;AAEJ,eAAO,MAAM,kBAAkB,gBAQ9B,CAAC;AAEF,eAAO,MAAM,aAAa,QAAS,MAAM,SAAS,MAAM,QAAQ,MAAM,WAUrE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/static/manual-date-picker/utils/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,UAAW,MAAM,OAAO,MAAM,QAAQ,MAAM,aAIxE,CAAC;AAEJ,eAAO,MAAM,0BAA0B;;;GASnC,CAAC;AAEL,eAAO,MAAM,kBAAkB,gBAQ9B,CAAC;AAEF,eAAO,MAAM,aAAa,QAAS,MAAM,SAAS,MAAM,QAAQ,MAAM,WAUrE,CAAC"}

package/dist/static/manual-date-picker/utils/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.dateToSqlDate=function(r,t,e){var n=function(r){return r<10?"0".concat(r):r};return"".concat(e,"-").concat(n(t),"-").concat(n(r))},exports.generateDatesArray=function(r,t,e){return Array.from({length:(t-r)/e+1},(function(r,t){return 1+t*e}))},exports.generateYearsArray=function(){var r=(new Date).getFullYear()-100;return Array.from({length:100},(function(t,e){return r+e+1})).sort((function(r,t){return t-r}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.dateToSqlDate=function(r,t,e){var n=function(r){return r<10?"0".concat(r):r};return"".concat(e,"-").concat(n(t),"-").concat(n(r))},exports.generateDatesArray=function(r,t,e){return Array.from({length:(t-r)/e+1},(function(r,t){return 1+t*e}))},exports.generateMonthsOptionsArray=function(){return Array.from({length:12},(function(r,t){var e=t+1,n=String(e);return e<10&&(n="0".concat(n)),{key:n,value:e}}))},exports.generateYearsArray=function(){var r=(new Date).getFullYear()-100;return Array.from({length:100},(function(t,e){return r+e+1})).sort((function(r,t){return t-r}))};

package/dist/styles/iframe-events/Card.scss

@@ -1,4 +1,5 @@
 @import "../snippet-templates/snippetVariables";
+@import "../themes//bookedit/variables";
 
 .iframe-event-card {
   position: relative;
@@ -18,12 +19,27 @@
     background-size: cover;
     background-position: center;
     cursor: pointer;
-    border: 1px solid transparent;
     border-radius: 0.5rem;
   }
 
   .card-body {
-    padding: 0.5rem 0 0.875rem;
+    padding: 0.5rem 0 0.875rem 0;
+
+    @include media-breakpoint-down(sm) {
+      padding: 1rem 0;
+    }
+  }
+
+  &__info-icon {
+    position: absolute;
+    right: 1rem;
+    top: 1rem;
+    background-color: "#ffffff";
+    border-radius: 1.5rem;
+    padding: 0 0.5rem;
+    font-size: 0.75rem;
+    font-weight: $white;
+    border: 1px solid $black;
   }
 
   &__title {
@@ -33,7 +49,7 @@
     line-height: 1.25rem;
     cursor: pointer;
     margin-bottom: 0.5rem;
-    font-size: 1.125rem;
+    font-size: 0.95rem;
   }
 
   &__label {
@@ -82,7 +98,8 @@
         color: $snippet-elements-button-color;
         border: none;
         background-color: $snippet-elements-button-background-color;
-        box-shadow: 0 0 0 $input-btn-focus-width $snippet-elements-button-background-color;
+        box-shadow: 0 0 0 $input-btn-focus-width
+          $snippet-elements-button-background-color;
       }
 
       &:disabled {
@@ -95,14 +112,14 @@
     &:focus,
     &.focus {
       &:not(:disabled) {
-        opacity: .7;
+        opacity: 0.7;
       }
     }
 
     &:active,
     &.active {
       &:not(:disabled) {
-        opacity: .8;
+        opacity: 0.8;
       }
     }
   }
@@ -123,7 +140,7 @@
   }
 
   .card-text {
-    font-size: 0.875rem;
+    font-size: 0.82rem;
   }
 
   &.event-info {
@@ -202,7 +219,6 @@
 
   @media (max-width: 576px) {
     &.list-view {
-
       .card-image {
         margin-right: 0.5rem;
       }

package/dist/styles/iframe-events/PoweredBy.scss

@@ -3,7 +3,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding: 0 0.75rem;
+    padding: 0 0.75rem 0 2rem;
     height: 2rem;
     width: 100%;
     font-size: 0.75rem;
@@ -27,4 +27,4 @@
       color: $blue;
     }
   }
-}
+}

package/dist/styles/iframe-order-process/IframeOrderProcess.scss

@@ -57,8 +57,6 @@
 
 .payment-booking-summary {
   transition: $color-transition;
-  background-color: transparent;
-  border: 1px solid transparent;
   border-radius: $iframe-border-radius;
   font-weight: 400;
   font-size: 0.875rem;

package/dist/styles/iframe-page/Page.scss

@@ -21,6 +21,7 @@
 
   @include media-breakpoint-down(sm) {
     height: 100svh;
+    min-width: auto;
   }
 
   .header-block {

package/dist/styles/iframe-page/PageBody.scss

@@ -13,9 +13,6 @@
   .left-block {
     flex: 1;
     align-items: stretch;
-    border-radius: 0.5rem;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
     padding: 1rem;
     background-color: $snippet-page-body-left-block-background-color;
     border: 0;
@@ -34,7 +31,6 @@
       display: flex;
       align-items: flex-start;
       justify-content: space-between;
-
       .title {
         color: $snippet-elements-body-color;
         margin: 0;
@@ -65,7 +61,7 @@
       overflow-x: hidden;
       scrollbar-width: thin;
       .iframe-event-card {
-        border-bottom: 2px solid $separator-color;
+        border-bottom: 1px solid $separator-color;
       }
 
       @include media-breakpoint-down(sm) {
@@ -114,7 +110,7 @@
       }
 
       .collapse {
-        max-height: calc(100vh - 19rem);
+        max-height: calc(100vh - 15rem);
         transition: none 0s ease 0s;
 
         &.show {
@@ -124,7 +120,7 @@
         }
 
         @include media-breakpoint-down(sm) {
-          max-height: 7.5rem;
+          max-height: 100%;
         }
       }
       .collapse-with-people-input {
@@ -150,8 +146,14 @@
     }
 
     .iframe-event-card {
-      background-color: transparent;
-      border-color: transparent;
+      border: none;
+
+      .card-image {
+        border-radius: 0;
+      }
+      .card-body {
+        padding-left: 1rem;
+      }
     }
 
     .price {
@@ -261,3 +263,24 @@
     }
   }
 }
+
+.event-list-page-body {
+  overflow: auto;
+  .left-block {
+    .navigation {
+      font-size: 1.125rem;
+      font-weight: 500;
+      padding-bottom: 2.625rem;
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+      margin-top: 0.125rem;
+
+      .title {
+        position: absolute;
+        color: $snippet-elements-body-color;
+        margin: 0;
+      }
+    }
+  }
+}

package/dist/styles/iframe-page/PageHeader.scss

@@ -20,55 +20,57 @@ $base-height: 2.5rem;
       transition: $color-transition;
       border: 0;
     }
+  }
+}
 
-    .button-wrapper {
-      background-color: $snippet-page-header-steps-close-button-background-color;
-      height: $base-height;
+.iframe-page {
+  .button-wrapper {
+    background-color: $snippet-page-header-steps-close-button-background-color;
+    height: $base-height;
+    width: $base-height;
+    border-radius: $base-height;
+    transition: $color-transition;
+
+    .close-button {
+      font-size: 1.25rem;
       width: $base-height;
-      border-radius: $base-height;
+      height: $base-height;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: $snippet-page-header-steps-close-button-border-color;
       transition: $color-transition;
 
-      .close-button {
-        font-size: 1.25rem;
-        width: $base-height;
-        height: $base-height;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        color: $snippet-page-header-steps-close-button-border-color;
-        transition: $color-transition;
-
-        &:hover {
-          cursor: pointer;
-        }
+      &:hover {
+        cursor: pointer;
       }
+    }
 
-      &.close-button {
-        margin-left: 1rem;
-      }
+    &.close-button {
+      margin-left: 1rem;
+    }
 
-      .back-button {
-        font-size: 2rem;
-        width: $base-height;
-        height: $base-height;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-weight: lighter;
-        color: $snippet-page-header-steps-close-button-border-color;
-        transition: $color-transition;
+    .back-button {
+      font-size: 2rem;
+      width: $base-height;
+      height: $base-height;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-weight: lighter;
+      color: $snippet-page-header-steps-close-button-border-color;
+      transition: $color-transition;
 
-        &:hover {
-          cursor: pointer;
-        }
+      &:hover {
+        cursor: pointer;
       }
+    }
 
-      &.back-button {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: 1rem;
-      }
+    &.back-button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: 1rem;
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.59.0",
+  "version": "0.61.0",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"

package/src/calendar/Calendar.stories.tsx

@@ -38,3 +38,26 @@ Default.args = {
     isDisabled: false,
   }),
 };
+
+export const Loading: Story<CalendarProps> = (args) => {
+  return (
+    <div style={{ backgroundColor: "white" }}>
+      <Calendar {...args} />
+    </div>
+  );
+};
+
+Loading.args = {
+  isLoading: true,
+  fromPrice: "from £10",
+  selectedDate: null,
+  setSelectedDate: () => null,
+  calendarDates: getMonthCalendarDates(now),
+  currentDate: now,
+  getDateTimeButtonProps: () => ({
+    resources: [],
+    showResources: false,
+    shouldCalculateResources: false,
+    isDisabled: false,
+  }),
+};

package/src/calendar/Calendar.tsx

@@ -3,6 +3,7 @@ import { DateTime } from "luxon";
 import { DateTimeButtonProps } from "src/date-time-button";
 import { CalendarButtons } from "./components/CalendarButtons";
 import { CalendarDates } from "./components/CalendarDates";
+import { LoaderIndicator } from "../static";
 
 export const defaultStartDay = DateTime.now().set({
   millisecond: 0,
@@ -28,15 +29,14 @@ export type CalendarProps = {
   >;
 };
 
-export const Calendar = ({
-  initialDate = defaultStartDay,
-  ...props
-}: CalendarProps) => {
+export const Calendar = (props: CalendarProps) => {
+  const { initialDate = defaultStartDay, isLoading } = props;
   return (
     <div className="calendar-wrapper">
       <div className="calendar">
         <CalendarButtons initialDate={initialDate} {...props} />
-        <CalendarDates {...props} />
+
+        {isLoading ? <LoaderIndicator /> : <CalendarDates {...props} />}
       </div>
     </div>
   );

package/src/calendar/components/CalendarDates/CalendarDates.tsx

@@ -6,7 +6,6 @@ import { CalendarProps } from "../../Calendar";
 
 export type CalendarDatesProps = Pick<
   CalendarProps,
-  | "isLoading"
   | "calendarDates"
   | "selectedDate"
   | "setSelectedDate"
@@ -15,7 +14,6 @@ export type CalendarDatesProps = Pick<
 >;
 
 export const CalendarDates = ({
-  isLoading = false,
   calendarDates,
   selectedDate,
   setSelectedDate,
@@ -48,12 +46,9 @@ export const CalendarDates = ({
 
           const props = getDateTimeButtonProps(date);
 
-          const isDisabled = isLoading || props.isDisabled;
-
           return (
             <DateTimeButton
               key={+date}
-              isDisabled={isDisabled}
               isSelected={
                 selectedDate ? date.hasSame(selectedDate, "day") : undefined
               }

package/src/iframe/event/event-card/IframeEventCard.stories.tsx

@@ -16,6 +16,7 @@ export function Default() {
   return (
     <div>
       <IframeEventCard
+        showMoreInfo
         imageSrc={
           showImage
             ? // eslint-disable-next-line max-len

package/src/iframe/event/event-card/IframeEventCard.tsx

@@ -29,6 +29,7 @@ interface IframeEventCardProps {
   titleId?: string;
   descriptionId?: string;
   imageClassName?: string;
+  showMoreInfo?: boolean;
 }
 
 export function IframeEventCard({
@@ -46,6 +47,7 @@ export function IframeEventCard({
   titleId,
   descriptionId,
   imageClassName,
+  showMoreInfo,
 }: IframeEventCardProps) {
   const { formatNumber } = useIntl();
   const { t } = useTranslation("Design");
@@ -70,6 +72,7 @@ export function IframeEventCard({
       )}
       onClick={goToDetails ? onClick : undefined}
     >
+      {showMoreInfo && <div className="iframe-event-card__info-icon">i</div>}
       {imageSrc && (
         <Card.Img
           className={imageClassName ?? "card-image"}
@@ -91,12 +94,8 @@ export function IframeEventCard({
               <div className="icon-wrapper">
                 <CalendarSvg />
               </div>
-              <p className="iframe-event-card__bold m-0 list-view-hided">
-                {date}
-              </p>
-              <p className="iframe-event-card__bold m-0 grid-view-hided">
-                {shortDate}
-              </p>
+              <p className="m-0 list-view-hided">{date}</p>
+              <p className="m-0 grid-view-hided">{shortDate}</p>
             </div>
           </Card.Text>
 
@@ -106,7 +105,7 @@ export function IframeEventCard({
                 <div className="icon-wrapper">
                   <ClockSvg />
                 </div>
-                <p className="iframe-event-card__bold m-0">{type}</p>
+                <p className="m-0">{type}</p>
               </div>
             </Card.Text>
           )}
@@ -117,7 +116,7 @@ export function IframeEventCard({
                 <div className="icon-wrapper">
                   <TicketSvg />
                 </div>
-                <p className="iframe-event-card__bold m-0">
+                <p className="m-0">
                   {t("from")}{" "}
                   {formatNumber(cost, { style: "currency", currency: "GBP" })}
                 </p>

package/src/iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.tsx

@@ -90,7 +90,7 @@ export const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(
           type="number"
           onChange={(e) => handleChangeValue(Number(e.target.value))}
           value={value}
-          min={min}
+          min={0}
           max={max}
           defaultValue={defaultValue}
           placeholder={placeholder}

package/src/iframe/page/components/PageBody/components/LeftBlock/LeftBlock.tsx

@@ -28,7 +28,9 @@ export const LeftBlock = ({
         {pageTitle && (
           <>
             {typeof pageTitle === "string" ? (
-              <div className="title">{pageTitle}</div>
+              <div className="title" id="navigation-title">
+                {pageTitle}
+              </div>
             ) : (
               pageTitle
             )}

package/src/iframe/page/components/PageBody/constants.ts

@@ -25,6 +25,6 @@ export const COLLAPSE_MARGIN = 36;
 
 export const PAGE_LEFT_BLOCK_CONTAINER_ID = "page-left-block-container";
 export const PAGE_CALENDAR_SELECT_WRAPPER = "calendar-select-wrapper";
-export const PAYMENT_LINK_PAGE_BODY = "payment_link_page_body";
+export const PAGE_BODY_WITH_SCROLL = "page-body-with-scroll";
 
 export const PAGE_LEFT_BLOCK_MAP_DEFAULT_SIZE = 300;

package/src/iframe/page/components/PageBody/hooks/useResizePageBody.ts

@@ -16,7 +16,7 @@ import {
   PAGE_LEFT_BLOCK_CONTAINER_ID,
   PAGE_LEFT_BLOCK_MAP_DEFAULT_SIZE,
   PAGE_CALENDAR_SELECT_WRAPPER,
-  PAYMENT_LINK_PAGE_BODY,
+  PAGE_BODY_WITH_SCROLL,
 } from "../constants";
 import { ChangeRightBlockHeightEvent } from "../types";
 
@@ -52,10 +52,10 @@ export const useResizePageBody = () => {
       ? calenderWrapper.clientHeight
       : 0;
 
-    const paymentLinkPageBody = document.getElementById(PAYMENT_LINK_PAGE_BODY);
+    const paymentLinkPageBody = document.getElementById(PAGE_BODY_WITH_SCROLL);
     if (paymentLinkPageBody) {
       paymentLinkPageBody.scroll({
-        top: -rightBlockHeight,
+        top: -height,
         behavior: "smooth",
       });
     }

package/src/iframe/payment/payment-page/PaymentPage.tsx

@@ -16,7 +16,7 @@ import { PaymentTimer } from "./PaymentTimer";
 import { Page, PageBody } from "../../page";
 import { BookingSummary } from "../../order-process";
 import { cartSumByOrderProducts } from "../../order-process/components/BookingSummary/utils";
-import { PAYMENT_LINK_PAGE_BODY } from "../../page/components/PageBody/constants";
+import { PAGE_BODY_WITH_SCROLL } from "../../page/components/PageBody/constants";
 
 export interface PaymentMetadata {
   total: number;
@@ -126,7 +126,7 @@ export const PaymentPage = ({
         onCloseButtonClick={isIframePayment ? onGoBack : undefined}
       /> */}
       <PageBody
-        id={PAYMENT_LINK_PAGE_BODY}
+        id={PAGE_BODY_WITH_SCROLL}
         leftBlock={
           <PageBody.LeftBlock>
             <div className="d-flex align-items-center mb-5">

package/src/static/manual-date-picker/ManualDatePicker.tsx

@@ -61,9 +61,9 @@ export const ManualDatePicker = ({
             disabled={isDisabled}
           >
             <option value="">{t("Design:monthShort")}</option>
-            {MONTHS_ARRAY.map((key) => (
-              <option key={key} value={key}>
-                {key}
+            {MONTHS_ARRAY.map((object) => (
+              <option key={object.key} value={object.value}>
+                {object.key}
               </option>
             ))}
           </Form.Control>

package/src/static/manual-date-picker/constants/index.ts

@@ -1,5 +1,9 @@
-import { generateDatesArray, generateYearsArray } from "../utils";
+import {
+  generateDatesArray,
+  generateMonthsOptionsArray,
+  generateYearsArray,
+} from "../utils";
 
 export const DAYS_ARRAY = generateDatesArray(1, 31, 1);
-export const MONTHS_ARRAY = generateDatesArray(1, 12, 1);
+export const MONTHS_ARRAY = generateMonthsOptionsArray();
 export const YEARS_ARRAY = generateYearsArray();

package/src/static/manual-date-picker/utils/index.ts

@@ -4,6 +4,17 @@ export const generateDatesArray = (start: number, end: number, step: number) =>
     (_, index) => 1 + index * step
   );
 
+export const generateMonthsOptionsArray = () =>
+  Array.from({ length: 12 }, (_, index) => {
+    const value = index + 1;
+    let key = String(value);
+    if (value < 10) {
+      key = `0${key}`;
+    }
+
+    return { key, value };
+  });
+
 export const generateYearsArray = () => {
   const currentYear = new Date().getFullYear();
   const ageBackYear = currentYear - 100;

package/src/styles/iframe-events/Card.scss

@@ -1,4 +1,5 @@
 @import "../snippet-templates/snippetVariables";
+@import "../themes//bookedit/variables";
 
 .iframe-event-card {
   position: relative;
@@ -18,12 +19,27 @@
     background-size: cover;
     background-position: center;
     cursor: pointer;
-    border: 1px solid transparent;
     border-radius: 0.5rem;
   }
 
   .card-body {
-    padding: 0.5rem 0 0.875rem;
+    padding: 0.5rem 0 0.875rem 0;
+
+    @include media-breakpoint-down(sm) {
+      padding: 1rem 0;
+    }
+  }
+
+  &__info-icon {
+    position: absolute;
+    right: 1rem;
+    top: 1rem;
+    background-color: "#ffffff";
+    border-radius: 1.5rem;
+    padding: 0 0.5rem;
+    font-size: 0.75rem;
+    font-weight: $white;
+    border: 1px solid $black;
   }
 
   &__title {
@@ -33,7 +49,7 @@
     line-height: 1.25rem;
     cursor: pointer;
     margin-bottom: 0.5rem;
-    font-size: 1.125rem;
+    font-size: 0.95rem;
   }
 
   &__label {
@@ -82,7 +98,8 @@
         color: $snippet-elements-button-color;
         border: none;
         background-color: $snippet-elements-button-background-color;
-        box-shadow: 0 0 0 $input-btn-focus-width $snippet-elements-button-background-color;
+        box-shadow: 0 0 0 $input-btn-focus-width
+          $snippet-elements-button-background-color;
       }
 
       &:disabled {
@@ -95,14 +112,14 @@
     &:focus,
     &.focus {
       &:not(:disabled) {
-        opacity: .7;
+        opacity: 0.7;
       }
     }
 
     &:active,
     &.active {
       &:not(:disabled) {
-        opacity: .8;
+        opacity: 0.8;
       }
     }
   }
@@ -123,7 +140,7 @@
   }
 
   .card-text {
-    font-size: 0.875rem;
+    font-size: 0.82rem;
   }
 
   &.event-info {
@@ -202,7 +219,6 @@
 
   @media (max-width: 576px) {
     &.list-view {
-
       .card-image {
         margin-right: 0.5rem;
       }

package/src/styles/iframe-events/PoweredBy.scss

@@ -3,7 +3,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding: 0 0.75rem;
+    padding: 0 0.75rem 0 2rem;
     height: 2rem;
     width: 100%;
     font-size: 0.75rem;
@@ -27,4 +27,4 @@
       color: $blue;
     }
   }
-}
+}

package/src/styles/iframe-order-process/IframeOrderProcess.scss

@@ -57,8 +57,6 @@
 
 .payment-booking-summary {
   transition: $color-transition;
-  background-color: transparent;
-  border: 1px solid transparent;
   border-radius: $iframe-border-radius;
   font-weight: 400;
   font-size: 0.875rem;

package/src/styles/iframe-page/Page.scss

@@ -21,6 +21,7 @@
 
   @include media-breakpoint-down(sm) {
     height: 100svh;
+    min-width: auto;
   }
 
   .header-block {

package/src/styles/iframe-page/PageBody.scss

@@ -13,9 +13,6 @@
   .left-block {
     flex: 1;
     align-items: stretch;
-    border-radius: 0.5rem;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
     padding: 1rem;
     background-color: $snippet-page-body-left-block-background-color;
     border: 0;
@@ -34,7 +31,6 @@
       display: flex;
       align-items: flex-start;
       justify-content: space-between;
-
       .title {
         color: $snippet-elements-body-color;
         margin: 0;
@@ -65,7 +61,7 @@
       overflow-x: hidden;
       scrollbar-width: thin;
       .iframe-event-card {
-        border-bottom: 2px solid $separator-color;
+        border-bottom: 1px solid $separator-color;
       }
 
       @include media-breakpoint-down(sm) {
@@ -114,7 +110,7 @@
       }
 
       .collapse {
-        max-height: calc(100vh - 19rem);
+        max-height: calc(100vh - 15rem);
         transition: none 0s ease 0s;
 
         &.show {
@@ -124,7 +120,7 @@
         }
 
         @include media-breakpoint-down(sm) {
-          max-height: 7.5rem;
+          max-height: 100%;
         }
       }
       .collapse-with-people-input {
@@ -150,8 +146,14 @@
     }
 
     .iframe-event-card {
-      background-color: transparent;
-      border-color: transparent;
+      border: none;
+
+      .card-image {
+        border-radius: 0;
+      }
+      .card-body {
+        padding-left: 1rem;
+      }
     }
 
     .price {
@@ -261,3 +263,24 @@
     }
   }
 }
+
+.event-list-page-body {
+  overflow: auto;
+  .left-block {
+    .navigation {
+      font-size: 1.125rem;
+      font-weight: 500;
+      padding-bottom: 2.625rem;
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+      margin-top: 0.125rem;
+
+      .title {
+        position: absolute;
+        color: $snippet-elements-body-color;
+        margin: 0;
+      }
+    }
+  }
+}

package/src/styles/iframe-page/PageHeader.scss

@@ -20,55 +20,57 @@ $base-height: 2.5rem;
       transition: $color-transition;
       border: 0;
     }
+  }
+}
 
-    .button-wrapper {
-      background-color: $snippet-page-header-steps-close-button-background-color;
-      height: $base-height;
+.iframe-page {
+  .button-wrapper {
+    background-color: $snippet-page-header-steps-close-button-background-color;
+    height: $base-height;
+    width: $base-height;
+    border-radius: $base-height;
+    transition: $color-transition;
+
+    .close-button {
+      font-size: 1.25rem;
       width: $base-height;
-      border-radius: $base-height;
+      height: $base-height;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: $snippet-page-header-steps-close-button-border-color;
       transition: $color-transition;
 
-      .close-button {
-        font-size: 1.25rem;
-        width: $base-height;
-        height: $base-height;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        color: $snippet-page-header-steps-close-button-border-color;
-        transition: $color-transition;
-
-        &:hover {
-          cursor: pointer;
-        }
+      &:hover {
+        cursor: pointer;
       }
+    }
 
-      &.close-button {
-        margin-left: 1rem;
-      }
+    &.close-button {
+      margin-left: 1rem;
+    }
 
-      .back-button {
-        font-size: 2rem;
-        width: $base-height;
-        height: $base-height;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-weight: lighter;
-        color: $snippet-page-header-steps-close-button-border-color;
-        transition: $color-transition;
+    .back-button {
+      font-size: 2rem;
+      width: $base-height;
+      height: $base-height;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-weight: lighter;
+      color: $snippet-page-header-steps-close-button-border-color;
+      transition: $color-transition;
 
-        &:hover {
-          cursor: pointer;
-        }
+      &:hover {
+        cursor: pointer;
       }
+    }
 
-      &.back-button {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: 1rem;
-      }
+    &.back-button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: 1rem;
     }
   }
 }