@licklist/design 0.58.3-dev.7 → 0.58.3-dev.9

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;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,eA8FtB"}
+{"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"),s=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,v=e.type,u=e.cost,f=e.date,p=e.imageSrc,E=e.colour,N=e.goToDetails,g=e.description,_=e.isListView,C=void 0!==_&&_,b=e.className,x=e.shortDate,w=e.titleId,T=e.descriptionId,q=e.imageClassName,y=e.showMoreInfo,j=c.useIntl().formatNumber,I=a.useTranslation("Design").t;return t.createElement(r.Card,{style:{"--card-colour":E},className:i("iframe-event-card",{"list-view":C},b),onClick:N?function(){N&&N()}:void 0},y&&t.createElement("div",{className:"iframe-event-card__info-icon"},"i"),p&&t.createElement(r.Card.Img,{className:null!=q?q:"card-image",variant:"top",as:"div",style:{backgroundImage:'url("'.concat(p,'")')}}),t.createElement(r.Card.Body,{className:i("d-flex","flex-column",!p&&"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"},f),t.createElement("p",{className:"iframe-event-card__bold m-0 grid-view-hided"},x))),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"},I("from")," ",j(u,{style:"currency",currency:"GBP"})))),g&&t.createElement(r.Card.Text,{as:"div",className:"list-view-hided"},t.createElement(s.TipTapEditor,{viewMode:!0,disabled:!0,content:l.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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,UAAU,gBAAgB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,2FAiGvB,CAAC"}
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,UAAU,gBAAgB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,2FAgGvB,CAAC"}

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,i=e.value,l=e.onChange,d=e.onArrowDown,c=e.onArrowUp,m=e.min,b=e.max,p=e.placeholder,s=e.defaultValue,v=e.disabled,f=!i,y=void 0!==b&&i===b,N=r("payment-number-input",o);return n.createElement("div",{className:N},n.createElement("button",{type:"button",onClick:function(){m>0&&(i||0)-1<m?d(0):(void 0!==m&&i>m&&d(i-1),void 0===m&&c(i-1))},className:"payment-number-input__btn-down ".concat(f&&"disabled-number-input-button"),disabled:v},"−"),n.createElement(a.FormControl,{type:"number",onChange:function(e){return t=Number(e.target.value),void l(void 0!==b&&t>b?b:m>0&&t&&t<m?m:t);var t},value:i,min:m,max:b,defaultValue:s,placeholder:p,height:"5rem",disabled:v,ref:t}),n.createElement("button",{type:"button",onClick:function(){m>0&&(i||0)<m?c(m):(void 0!==b&&(i||0)<b&&c(i+1),void 0===b&&c(i+1))},className:"payment-number-input__btn-up ".concat(y&&"disabled-number-input-button"),disabled:v},"+"))}));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: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;

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

@@ -19,12 +19,15 @@
     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 {

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

@@ -58,8 +58,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/PageBody.scss

@@ -12,9 +12,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;
@@ -29,16 +26,14 @@
     .navigation {
       font-size: 1.125rem;
       font-weight: 500;
-      padding-bottom: 2.625rem;
+      margin-bottom: 1.25rem;
       display: flex;
       align-items: flex-start;
       justify-content: space-between;
-      margin-top: 0.125rem;
-
       .title {
-        position: absolute;
         color: $snippet-elements-body-color;
         margin: 0;
+        margin-top: 0.125rem;
       }
 
       @include media-breakpoint-down(sm) {
@@ -82,8 +77,6 @@
   }
 
   .right-block {
-    margin-left: 1rem;
-    border-radius: 0.5rem;
     height: calc(100% - 1rem);
     max-width: 17.5rem;
     min-width: 17.5rem;
@@ -126,7 +119,7 @@
         }
 
         @include media-breakpoint-down(sm) {
-          max-height: 7.5rem;
+          max-height: 100%;
         }
       }
       .collapse-with-people-input {
@@ -152,8 +145,14 @@
     }
 
     .iframe-event-card {
-      background-color: transparent;
-      border-color: transparent;
+      border: none;
+
+      .card-image {
+        border-radius: 0;
+      }
+      .card-body {
+        padding-left: 1rem;
+      }
     }
 
     .price {
@@ -263,3 +262,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.58.3-dev.7",
+  "version": "0.58.3-dev.9",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"

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

@@ -94,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>
 
@@ -109,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>
           )}
@@ -120,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

@@ -32,10 +32,10 @@ export const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(
     ref
   ) => {
     const minusButtonGreyedOut = !value;
-    const plusButtonGreyedOut = max !== undefined && value === max;
+    const plusButtonGreyedOut = max > 0 && value === max;
 
     const handleChangeValue = (val: number) => {
-      if (max !== undefined && val > max) {
+      if (max > 0 && val > max) {
         onChange(max);
         return;
       }
@@ -48,29 +48,28 @@ export const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(
     };
 
     const handleArrowUpClick = () => {
+      if (max > 0 && value === max) {
+        return;
+      }
+
       if (min > 0 && (value || 0) < min) {
         onArrowUp(min);
         return;
       }
-      if (max !== undefined && (value || 0) < max) {
-        onArrowUp(value + 1);
-      }
-      if (max === undefined) {
-        onArrowUp(value + 1);
-      }
+
+      onArrowUp((value || 0) + 1);
     };
 
     const handleArrowDownClick = () => {
-      if (min > 0 && (value || 0) - 1 < min) {
-        onArrowDown(0);
+      if (!value) {
         return;
       }
-      if (min !== undefined && value > min) {
-        onArrowDown(value - 1);
-      }
-      if (min === undefined) {
-        onArrowUp(value - 1);
+      if (min > 0 && (value || 0) === min) {
+        onArrowDown(0);
+        return;
       }
+
+      onArrowUp(value - 1);
     };
 
     const inputWrapperClasses = clsx("payment-number-input", className);

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

@@ -19,12 +19,15 @@
     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 {

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

@@ -58,8 +58,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/PageBody.scss

@@ -12,9 +12,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;
@@ -29,16 +26,14 @@
     .navigation {
       font-size: 1.125rem;
       font-weight: 500;
-      padding-bottom: 2.625rem;
+      margin-bottom: 1.25rem;
       display: flex;
       align-items: flex-start;
       justify-content: space-between;
-      margin-top: 0.125rem;
-
       .title {
-        position: absolute;
         color: $snippet-elements-body-color;
         margin: 0;
+        margin-top: 0.125rem;
       }
 
       @include media-breakpoint-down(sm) {
@@ -82,8 +77,6 @@
   }
 
   .right-block {
-    margin-left: 1rem;
-    border-radius: 0.5rem;
     height: calc(100% - 1rem);
     max-width: 17.5rem;
     min-width: 17.5rem;
@@ -126,7 +119,7 @@
         }
 
         @include media-breakpoint-down(sm) {
-          max-height: 7.5rem;
+          max-height: 100%;
         }
       }
       .collapse-with-people-input {
@@ -152,8 +145,14 @@
     }
 
     .iframe-event-card {
-      background-color: transparent;
-      border-color: transparent;
+      border: none;
+
+      .card-image {
+        border-radius: 0;
+      }
+      .card-body {
+        padding-left: 1rem;
+      }
     }
 
     .price {
@@ -263,3 +262,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;
     }
   }
 }