@licklist/design 0.44.486-dev.2 → 0.44.486-dev.21

package/dist/recurring-date-picker-input/RecurrenceIntervalAndFrequencyInput.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { RegisterOptions } from "react-hook-form";
 interface RecurrenceIntervalAndFrequencyInputProps {
     disabled?: boolean;
     minDate?: string;
@@ -6,7 +7,9 @@ interface RecurrenceIntervalAndFrequencyInputProps {
     startTimeLabel?: string;
     endDateLabel?: string;
     endTimeLabel?: string;
+    startTimeRules?: Pick<RegisterOptions, "max" | "min" | "validate" | "required" | "pattern">;
+    endTimeRules?: Pick<RegisterOptions, "max" | "min" | "validate" | "required" | "pattern">;
 }
-declare function RecurrenceIntervalAndFrequencyInput({ disabled, minDate, startDateLabel, startTimeLabel, endDateLabel, endTimeLabel, }: RecurrenceIntervalAndFrequencyInputProps): JSX.Element;
+declare function RecurrenceIntervalAndFrequencyInput({ disabled, minDate, startDateLabel, startTimeLabel, endDateLabel, endTimeLabel, startTimeRules, endTimeRules, }: RecurrenceIntervalAndFrequencyInputProps): JSX.Element;
 export default RecurrenceIntervalAndFrequencyInput;
 //# sourceMappingURL=RecurrenceIntervalAndFrequencyInput.d.ts.map

package/dist/recurring-date-picker-input/RecurrenceIntervalAndFrequencyInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecurrenceIntervalAndFrequencyInput.d.ts","sourceRoot":"","sources":["../../src/recurring-date-picker-input/RecurrenceIntervalAndFrequencyInput.tsx"],"names":[],"mappings":";AAQA,UAAU,wCAAwC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iBAAS,mCAAmC,CAAC,EAC3C,QAAgB,EAChB,OAAO,EACP,cAAc,EACd,cAAc,EACd,YAAY,EACZ,YAAY,GACb,EAAE,wCAAwC,eA0J1C;AAED,eAAe,mCAAmC,CAAC"}
+{"version":3,"file":"RecurrenceIntervalAndFrequencyInput.d.ts","sourceRoot":"","sources":["../../src/recurring-date-picker-input/RecurrenceIntervalAndFrequencyInput.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAkB,MAAM,iBAAiB,CAAC;AAIlE,UAAU,wCAAwC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,IAAI,CACnB,eAAe,EACf,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CACpD,CAAC;IACF,YAAY,CAAC,EAAE,IAAI,CACjB,eAAe,EACf,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CACpD,CAAC;CACH;AAED,iBAAS,mCAAmC,CAAC,EAC3C,QAAgB,EAChB,OAAO,EACP,cAAc,EACd,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,YAAY,GACb,EAAE,wCAAwC,eAmJ1C;AAED,eAAe,mCAAmC,CAAC"}

package/dist/recurring-date-picker-input/RecurrenceIntervalAndFrequencyInput.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),a=require("react"),l=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,r=require("@licklist/core/dist/Config"),n=require("react-i18next"),i=require("react-bootstrap"),o=require("react-hook-form"),m=require("luxon");exports.default=function(e){var s,d,u,c=e.disabled,f=void 0!==c&&c,v=e.minDate,D=e.startDateLabel,F=e.startTimeLabel,E=e.endDateLabel,T=e.endTimeLabel,g=n.useTranslation(["Design","Notification","App"]).t,b=o.useFormContext(),p=b.getValues,_=b.formState.errors,C=b.register,L=b.trigger,h=b.setValue,q=p("startDate"),y=p("endDate"),x=p("startTime"),V=p("endTime");return a.useEffect((function(){q&&y&&L("endDate")}),[q]),a.useEffect((function(){L("endTime")}),[x]),l.createElement(l.Fragment,null,l.createElement(i.Row,null,l.createElement(i.Col,{xs:12,sm:6},l.createElement(i.Form.Group,null,l.createElement(i.Form.Label,null,null!=D?D:g("Design:fromDate")),l.createElement(i.Form.Control,t.__assign({type:"date"},C("startDate",{required:!0}),{defaultValue:q,className:q&&"date-input-with-value",disabled:f,min:v,isInvalid:Boolean(_.startDate)})),l.createElement(i.Form.Control.Feedback,{type:"invalid"},null===(s=_.startDate)||void 0===s?void 0:s.message))),l.createElement(i.Col,{xs:12,sm:6},l.createElement(i.Form.Group,null,l.createElement(i.Form.Label,null,null!=E?E:g("Design:toDate")),l.createElement(i.Form.Control,t.__assign({type:"date"},C("endDate",{required:!0,validate:function(e){if(!q||!e)return!0;var t=m.DateTime.fromFormat(q,r.DATE_FORMAT);return m.DateTime.fromFormat(e,r.DATE_FORMAT).diff(t,["days"]).days>=0||"".concat(g("Validation:fieldLaterDate",{attribute:g("Design:endDateSmall"),min:g("Design:startDateSmall")}))}}),{defaultValue:y,className:y&&"date-input-with-value",disabled:f,min:q||void 0,isInvalid:Boolean(_.endDate)})),l.createElement(i.Form.Control.Feedback,{type:"invalid"},null===(d=_.endDate)||void 0===d?void 0:d.message)))),l.createElement(i.Row,null,l.createElement(i.Col,{xs:12,sm:6},l.createElement(i.Form.Group,null,l.createElement(i.Form.Label,null,null!=F?F:g("Design:availableFrom")),l.createElement(i.Form.Control,t.__assign({type:"time"},C("startTime",{required:!1}),{onChange:function(e){var t=e.target.value;h("startTime","".concat(t,":00"))},placeholder:"hh:mm",defaultValue:x,disabled:f,isInvalid:Boolean(_.startTime)})))),l.createElement(i.Col,{xs:12,sm:6},l.createElement(i.Form.Group,null,l.createElement(i.Form.Label,null,null!=T?T:g("Design:availableTo")),l.createElement(i.Form.Control,t.__assign({type:"time"},C("endTime",{required:!1,validate:function(e){var t;if(!x||!e)return!0;var a=m.DateTime.fromFormat(x,r.TIME_FULL_FORMAT),l=m.DateTime.fromFormat(e,r.TIME_FULL_FORMAT);return(null===(t=null==l?void 0:l.diff(a,["seconds"]))||void 0===t?void 0:t.seconds)>0||"".concat(g("Validation:fieldLaterDate",{attribute:g("Design:endTimeSmall"),min:g("Design:startTimeSmall")}))}}),{onChange:function(e){var t=e.target.value;h("endTime","".concat(t,":59"),{shouldValidate:!0})},placeholder:"hh:mm",defaultValue:V,disabled:f,isInvalid:Boolean(_.endTime)})),l.createElement(i.Form.Control.Feedback,{type:"invalid"},null===(u=_.endTime)||void 0===u?void 0:u.message)))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),a=require("react"),l=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,r=require("@licklist/core/dist/Config"),n=require("react-i18next"),i=require("react-bootstrap"),o=require("react-hook-form"),m=require("luxon");exports.default=function(e){var s,d,u,c,f=e.disabled,v=void 0!==f&&f,D=e.minDate,E=e.startDateLabel,F=e.startTimeLabel,b=e.endDateLabel,g=e.endTimeLabel,T=e.startTimeRules,p=e.endTimeRules,_=n.useTranslation(["Design","Notification","App"]).t,C=o.useFormContext(),y=C.getValues,q=C.formState.errors,L=C.register,h=C.trigger,x=y("startDate"),S=y("endDate"),V=y("startTime"),k=y("endTime");return a.useEffect((function(){x&&S&&h("endDate")}),[x]),a.useEffect((function(){V&&k&&h("endTime")}),[V]),l.createElement(l.Fragment,null,l.createElement(i.Row,null,l.createElement(i.Col,{xs:12,sm:6},l.createElement(i.Form.Group,null,l.createElement(i.Form.Label,null,null!=E?E:_("Design:fromDate")),l.createElement(i.Form.Control,t.__assign({type:"date"},L("startDate",{required:!0}),{defaultValue:x,className:x&&"date-input-with-value",disabled:v,min:D,isInvalid:Boolean(q.startDate)})),l.createElement(i.Form.Control.Feedback,{type:"invalid"},null===(s=q.startDate)||void 0===s?void 0:s.message))),l.createElement(i.Col,{xs:12,sm:6},l.createElement(i.Form.Group,null,l.createElement(i.Form.Label,null,null!=b?b:_("Design:toDate")),l.createElement(i.Form.Control,t.__assign({type:"date"},L("endDate",{required:!0,validate:function(e){if(!x||!e)return!0;var t=m.DateTime.fromFormat(x,r.DATE_FORMAT);return m.DateTime.fromFormat(e,r.DATE_FORMAT).diff(t,["days"]).days>=0||"".concat(_("Validation:fieldLaterDate",{attribute:_("Design:endDateSmall"),min:_("Design:startDateSmall")}))}}),{defaultValue:S,className:S&&"date-input-with-value",disabled:v,min:x||void 0,isInvalid:Boolean(q.endDate)})),l.createElement(i.Form.Control.Feedback,{type:"invalid"},null===(d=q.endDate)||void 0===d?void 0:d.message)))),l.createElement(i.Row,null,l.createElement(i.Col,{xs:12,sm:6},l.createElement(i.Form.Group,null,l.createElement(i.Form.Label,null,null!=F?F:_("Design:availableFrom")),l.createElement(i.Form.Control,t.__assign({type:"time"},L("startTime",t.__assign({required:!1},T)),{placeholder:"hh:mm",defaultValue:V,disabled:v,isInvalid:Boolean(q.startTime)})),l.createElement(i.Form.Control.Feedback,{type:"invalid"},null===(u=q.startTime)||void 0===u?void 0:u.message))),l.createElement(i.Col,{xs:12,sm:6},l.createElement(i.Form.Group,null,l.createElement(i.Form.Label,null,null!=g?g:_("Design:availableTo")),l.createElement(i.Form.Control,t.__assign({type:"time"},L("endTime",t.__assign({required:!1,validate:function(e){var t;if(!V||!e)return!0;var a=m.DateTime.fromISO(V),l=m.DateTime.fromISO(e);return(null===(t=null==l?void 0:l.diff(a,["minutes"]))||void 0===t?void 0:t.minutes)>=0||"".concat(_("Validation:fieldLaterDate",{attribute:_("Design:endTimeSmall"),min:_("Design:startTimeSmall")}))}},p)),{placeholder:"hh:mm",defaultValue:k,disabled:v,isInvalid:Boolean(q.endTime)})),l.createElement(i.Form.Control.Feedback,{type:"invalid"},null===(c=q.endTime)||void 0===c?void 0:c.message)))))};

package/dist/report/form/ReportForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReportForm.d.ts","sourceRoot":"","sources":["../../../src/report/form/ReportForm.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAIvF,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,KAAA,KAAK,IAAI,CAAC;CAC1B;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,MAAM,EACN,aAAa,GACd,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAqF/B"}
+{"version":3,"file":"ReportForm.d.ts","sourceRoot":"","sources":["../../../src/report/form/ReportForm.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAIvF,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,KAAA,KAAK,IAAI,CAAC;CAC1B;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,MAAM,EACN,aAAa,GACd,EAAE,eAAe,eAqFjB"}

package/dist/snippet/snippet-template/preview/Preview.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),a=require("react"),r=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-router-dom"),i=require("react-i18next"),o=require("react-bootstrap");require("../../../iframe/event/event-booking-form/EventBookingForm.js"),require("../../../iframe/event/event-booking-view/EventBookingView.js");var m=require("../../../iframe/event/event-card/IframeEventCard.js");require("../../../iframe/event/event-card/IframeEventCardSkeleton.js"),require("../../../iframe/event/ticket-description/TicketDescription.js");var s=require("../../../iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.js");require("../../../iframe/event/event-details/EventDetails.js"),require("../../../iframe/event/event-tables/EventTables.js"),require("../../../iframe/event/event-order-summary/EventOrderSummary.js"),require("../../../iframe/event/event-booking-products/EventBookingProducts.js"),require("../../../iframe/event/event-order-short-summary/EventOrderShortSummary.js"),require("../../../iframe/order-process/components/NavigationFooter/NavigationFooter.js"),require("../../../iframe/event/event-description/EventDescription.js");var l=require("../../../iframe/event/event-product-sets/EventProductSets.js");require("../../../iframe/event/event-calendar/components/CalendarSelect/CalendarSelect.js");var c=require("../../../iframe/event/event-calendar/EventCalendar.js");require("../../../iframe/event/event-step-venue-map-zones/EventStepVenueMapZones.js");var u=require("../../../iframe/event/event-venue-map/IframeEventVenueMap.js");require("../../../iframe/payment/payment-form/PaymentForm.js"),require("../../../iframe/payment/order-items-table/OrderItemsTable.js"),require("../../../iframe/back-button/BackButton.js");var d=require("../context/snippetTemplate.js"),p=require("../../../iframe/page/components/PageHeader/PageHeader.js");require("../../../iframe/payment/payment-status-header/PaymentStatusHeader.js");var v=require("../../../iframe/order-process/components/BookingSummary/BookingSummary.js"),f=require("../../../iframe/order-process/components/NavigationSteps/NavigationSteps.js"),E=require("../../../iframe/order-process/components/Timer/Timer.js");require("../../../iframe/order-process/components/PaymentCard/PaymentCard.js");var y=require("../../../iframe/order-process/components/BookingSummaryFooter/BookingSummaryFooter.js");require("../../../iframe/order-process/components/ErrorModal/ErrorModal.js");var g=require("../../../iframe/page/components/PageBody/PageBody.js");require("../../../iframe/order-process/components/utils/useCategoryVerification.js"),require("../../../iframe/order-process/components/CalendarStepsForm/CalendarStepsForm.js"),require("../../../iframe/powered-by/PoweredBy.js");var b=require("../../../iframe/page/Page.js");require("../../../iframe/payment/payment-page/PaymentPage.js"),require("../../../iframe/payment/payment-status-page/PaymentStatusPage.js"),require("../../../iframe/activity-cards/list-activity-card/ListActivityCard.js"),require("../../../iframe/activity-cards/activity-card/ActivityCard.js"),require("../../../iframe/custom-fields/components/CustomDateField.js");var N=require("../context/snippetTemplateView.js"),S=require("@licklist/core/dist/DataMapper/Provider/SnippetDataMapper"),q=require("../settings/SettingButton.js");exports.Preview=function(e){var C=e.onSettingClick,h=e.providerHasMap,j=void 0!==h&&h,B=i.useTranslation("Design").t,k=t.__read(a.useState(0),2),P=k[0],w=k[1],x=t.__read(a.useState(0),2),I=x[0],T=x[1],A=a.useContext(N.SnippetTemplateViewContext).setView,M=a.useContext(d.SnippetTemplateContext).template.type,_=void 0===M?S.SNIPPET_TYPE_EVENT_LIST:M,D=function(e){A(e),C()};return r.createElement("div",{className:"w-100 h-100 snippet-template-preview"},r.createElement(b.Page,{headerBlock:r.createElement("div",{className:"d-flex mt-5 pt-5 p-5 iframe-page snippet-template-additional-header"},r.createElement(q.SettingButton,{view:"pageHeaderSteps",onClick:D,className:"m-0"},r.createElement(q.SettingButton,{view:"pageHeader",onClick:D,className:"m-0 snippet-template-button-left",containerClassName:"mr-5 asd"}),r.createElement("div",{className:"header-block mt-5 pt-5"},r.createElement("div",{className:"mt-5 pt-5 external-header"},r.createElement(p.PageHeader,{showCloseButton:!0,showBackButton:!0},r.createElement(E.Timer,{timer:600}),r.createElement(n.MemoryRouter,{initialEntries:["/step1","/step2"]},r.createElement(f.NavigationSteps,{steps:[{pathname:"/step1",key:"/step1",name:"Burger"},{pathname:"/step2",key:"/step2",name:"Cheese"}]})))))))},r.createElement("div",{className:"page-body pb-5 mb-5 pt-3 mt-3"},r.createElement(q.SettingButton,{view:"page",onClick:D,className:"snippet-template-body-button"})),r.createElement(g.PageBody,{className:"snippet-template",leftBlock:r.createElement(q.SettingButton,{view:"pageBodyLeftBlock",onClick:D,className:"mr-4"},r.createElement(g.PageBody.LeftBlock,{title:"About this event"},r.createElement(q.SettingButton,{view:"elements",onClick:D,className:"mt-5 m-0",containerClassName:"mt-5 pt-5"},r.createElement("div",{className:"mt-3"},r.createElement("h3",null,B("elements"))),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,B("Texts")),r.createElement("p",null,"XXXX")),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,B("form")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement("div",{className:"w-100"},r.createElement("div",{className:"form-row"},r.createElement("div",{className:"form-group col-12"},r.createElement("label",{className:"form-label"},B("firstName")),r.createElement("input",{type:"text",className:"form-control",placeholder:B("firstName")}))),r.createElement("div",{className:"form-row"},r.createElement("button",{type:"button",className:"btn btn-link"},B("iHaveAccount")))))),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,B("Number input")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement(s.NumberInput,{value:P,onChange:function(e){return w(e)},onArrowDown:function(){return w((function(e){return e-1}))},onArrowUp:function(){return w((function(e){return e+1}))}}))),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,B("Dropdown")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement("div",{className:"w-100"},r.createElement("div",{className:"form-row"},r.createElement("div",{className:"form-group col-12"},r.createElement("label",{className:"form-label"},B("dayOfBirthShort")),r.createElement("select",{className:"form-control",placeholder:B("firstName")},r.createElement("option",null,"2022"),r.createElement("option",null,"2023"))))))),r.createElement("div",{className:"mt-5 snippet-template__form"},r.createElement("h4",null,B("Button")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement(o.Button,{size:"sm"},"Submit")))),j&&_===S.SNIPPET_TYPE_VENUE_MAP&&r.createElement(r.Fragment,null,r.createElement("div",{className:"pt-4"},r.createElement("h4",null,B("Calendar")),r.createElement(q.SettingButton,{view:"calendar",onClick:D,className:"mt-3 m-0",containerClassName:"mt-5 pt-5"},r.createElement(c.EventCalendar,null))),r.createElement("div",{className:"pt-4"},r.createElement(q.SettingButton,{view:"productSet",onClick:D,className:"mt-3 m-0",containerClassName:"mt-5 pt-5"},r.createElement("h4",null,B("Product Sets")),r.createElement("div",{className:"pt-5 mt-5"},r.createElement(l.EventProductSets,{productSets:[{id:1,name:"Test 1"},{id:2,name:"Test 2"},{id:3,name:"Test 3"}],onSelectProductSet:T,selectedProductSetId:I})))),r.createElement("div",{className:"pt-4"},r.createElement("form",{className:"category-steps-form pt-4 mt-4"},r.createElement("h4",null,B("Venue Map")),r.createElement("div",{className:"position-relative pt-4 mt-4"},r.createElement(q.SettingButton,{view:"venueMap",onClick:D,className:"mt-n6 m-0",containerClassName:"mt-5 pt-5"},r.createElement(u.IframeEventVenueMap,{url:"https://fastly.picsum.photos/id/13/2500/1667.jpg?hmac=SoX9UoHhN8HyklRA4A3vcCWJMVtiBXUg0W4ljWTor7s",usedInIframe:!0,pointProducts:[{id:9,menuStepId:75,pointId:21,productUuid:"beb6393c-2fdd-40f7-bb92-8800685b203f"},{id:10,menuStepId:75,pointId:24,productUuid:"beb6393c-2fdd-40f7-bb92-8800685b203a"}],points:[{id:21,venueMapId:7,createdAt:null,updatedAt:null,deletedAt:null,xCoordinate:799.39,yCoordinate:1108.45},{id:24,venueMapId:7,createdAt:null,updatedAt:null,deletedAt:null,xCoordinate:1400.2,yCoordinate:1431.77}],choosedProductUuids:["beb6393c-2fdd-40f7-bb92-8800685b203f"],products:[{id:148,productCategoryId:57,productGroupId:null,availableQuantity:980,zoneId:null,name:"Cofee",description:"",price:15,deposit:0,minQuantity:1,maxQuantity:15,totalQuantity:980,type:"sale",capacity:0,duration:0,weight:0,isAvailable:!0,isSoldOut:!1,isRequired:!1,isUnlimited:!1,quantitySelector:1,hasSpecialNotes:!1,termsAndConditions:null,subProducts:[],images:null,productCategory:null,uuid:"beb6393c-2fdd-40f7-bb92-8800685b203f"},{id:149,productCategoryId:57,productGroupId:null,availableQuantity:980,zoneId:null,name:"Cofee 2",description:"",price:15,deposit:0,minQuantity:1,maxQuantity:15,totalQuantity:980,type:"sale",capacity:0,duration:0,weight:0,isAvailable:!0,isSoldOut:!1,isRequired:!1,isUnlimited:!1,quantitySelector:1,hasSpecialNotes:!1,termsAndConditions:null,subProducts:[],images:null,productCategory:null,uuid:"beb6393c-2fdd-40f7-bb92-8800685b203a"}]})))))))),rightBlock:r.createElement(g.PageBody.RightBlock,{bottomBlock:r.createElement(y.BookingSummaryFooter,null)},r.createElement(q.SettingButton,{view:"pageBodyRightBlock",onClick:D,containerClassName:"snippet-template-button-fixed-height",className:"m-0"}),r.createElement(v.BookingSummary.Accordion,{showTitleOnlyOnMobile:!0},r.createElement(m.IframeEventCard,{imageSrc:"https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&auto=format&fit=crop&w=687&q=80",title:"XXXX",type:"Party Doors 22:00 - 03:00",cost:6,date:"Sat 2nd May",goToDetails:function(){return null},shortDate:"07/03/2023"})))})))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),a=require("react"),r=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-router-dom"),i=require("react-i18next"),o=require("react-bootstrap");require("../../../iframe/event/event-booking-form/EventBookingForm.js"),require("../../../iframe/event/event-booking-view/EventBookingView.js");var m=require("../../../iframe/event/event-card/IframeEventCard.js");require("../../../iframe/event/event-card/IframeEventCardSkeleton.js"),require("../../../iframe/event/ticket-description/TicketDescription.js");var l=require("../../../iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.js");require("../../../iframe/event/event-details/EventDetails.js"),require("../../../iframe/event/event-tables/EventTables.js"),require("../../../iframe/event/event-order-summary/EventOrderSummary.js"),require("../../../iframe/event/event-booking-products/EventBookingProducts.js"),require("../../../iframe/event/event-order-short-summary/EventOrderShortSummary.js"),require("../../../iframe/order-process/components/NavigationFooter/NavigationFooter.js"),require("../../../iframe/event/event-description/EventDescription.js");var s=require("../../../iframe/event/event-product-sets/EventProductSets.js");require("../../../iframe/event/event-calendar/components/CalendarSelect/CalendarSelect.js");var c=require("../../../iframe/event/event-calendar/EventCalendar.js");require("../../../iframe/event/event-step-venue-map-zones/EventStepVenueMapZones.js");var u=require("../../../iframe/event/event-venue-map/IframeEventVenueMap.js");require("../../../iframe/payment/payment-form/PaymentForm.js"),require("../../../iframe/payment/order-items-table/OrderItemsTable.js"),require("../../../iframe/back-button/BackButton.js");var d=require("../context/snippetTemplate.js"),p=require("../../../iframe/page/components/PageHeader/PageHeader.js");require("../../../iframe/payment/payment-status-header/PaymentStatusHeader.js");var v=require("../../../iframe/order-process/components/BookingSummary/BookingSummary.js"),f=require("../../../iframe/order-process/components/NavigationSteps/NavigationSteps.js"),E=require("../../../iframe/order-process/components/Timer/Timer.js");require("../../../iframe/order-process/components/PaymentCard/PaymentCard.js");var g=require("../../../iframe/order-process/components/BookingSummaryFooter/BookingSummaryFooter.js");require("../../../iframe/order-process/components/ErrorModal/ErrorModal.js");var y=require("../../../iframe/page/components/PageBody/PageBody.js");require("../../../iframe/order-process/components/utils/useCategoryVerification.js"),require("../../../iframe/order-process/components/CalendarStepsForm/CalendarStepsForm.js"),require("../../../iframe/powered-by/PoweredBy.js");var b=require("../../../iframe/page/Page.js");require("../../../iframe/payment/payment-page/PaymentPage.js"),require("../../../iframe/payment/payment-status-page/PaymentStatusPage.js"),require("../../../iframe/activity-card/ActivityCard.js"),require("../../../iframe/custom-fields/components/CustomDateField.js");var N=require("../context/snippetTemplateView.js"),S=require("@licklist/core/dist/DataMapper/Provider/SnippetDataMapper"),q=require("../settings/SettingButton.js");exports.Preview=function(e){var C=e.onSettingClick,h=e.providerHasMap,j=void 0!==h&&h,B=i.useTranslation("Design").t,k=t.__read(a.useState(0),2),P=k[0],w=k[1],x=t.__read(a.useState(0),2),I=x[0],T=x[1],A=a.useContext(N.SnippetTemplateViewContext).setView,M=a.useContext(d.SnippetTemplateContext).template.type,_=void 0===M?S.SNIPPET_TYPE_EVENT_LIST:M,D=function(e){A(e),C()};return r.createElement("div",{className:"w-100 h-100 snippet-template-preview"},r.createElement(b.Page,{headerBlock:r.createElement("div",{className:"d-flex mt-5 pt-5 p-5 iframe-page snippet-template-additional-header"},r.createElement(q.SettingButton,{view:"pageHeaderSteps",onClick:D,className:"m-0"},r.createElement(q.SettingButton,{view:"pageHeader",onClick:D,className:"m-0 snippet-template-button-left",containerClassName:"mr-5 asd"}),r.createElement("div",{className:"header-block mt-5 pt-5"},r.createElement("div",{className:"mt-5 pt-5 external-header"},r.createElement(p.PageHeader,{showCloseButton:!0,showBackButton:!0},r.createElement(E.Timer,{timer:600}),r.createElement(n.MemoryRouter,{initialEntries:["/step1","/step2"]},r.createElement(f.NavigationSteps,{steps:[{pathname:"/step1",key:"/step1",name:"Burger"},{pathname:"/step2",key:"/step2",name:"Cheese"}]})))))))},r.createElement("div",{className:"page-body pb-5 mb-5 pt-3 mt-3"},r.createElement(q.SettingButton,{view:"page",onClick:D,className:"snippet-template-body-button"})),r.createElement(y.PageBody,{className:"snippet-template",leftBlock:r.createElement(q.SettingButton,{view:"pageBodyLeftBlock",onClick:D,className:"mr-4"},r.createElement(y.PageBody.LeftBlock,{title:"About this event"},r.createElement(q.SettingButton,{view:"elements",onClick:D,className:"mt-5 m-0",containerClassName:"mt-5 pt-5"},r.createElement("div",{className:"mt-3"},r.createElement("h3",null,B("elements"))),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,B("Texts")),r.createElement("p",null,"XXXX")),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,B("form")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement("div",{className:"w-100"},r.createElement("div",{className:"form-row"},r.createElement("div",{className:"form-group col-12"},r.createElement("label",{className:"form-label"},B("firstName")),r.createElement("input",{type:"text",className:"form-control",placeholder:B("firstName")}))),r.createElement("div",{className:"form-row"},r.createElement("button",{type:"button",className:"btn btn-link"},B("iHaveAccount")))))),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,B("Number input")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement(l.NumberInput,{value:P,onChange:function(e){return w(e)},onArrowDown:function(){return w((function(e){return e-1}))},onArrowUp:function(){return w((function(e){return e+1}))}}))),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,B("Dropdown")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement("div",{className:"w-100"},r.createElement("div",{className:"form-row"},r.createElement("div",{className:"form-group col-12"},r.createElement("label",{className:"form-label"},B("dayOfBirthShort")),r.createElement("select",{className:"form-control",placeholder:B("firstName")},r.createElement("option",null,"2022"),r.createElement("option",null,"2023"))))))),r.createElement("div",{className:"mt-5 snippet-template__form"},r.createElement("h4",null,B("Button")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement(o.Button,{size:"sm"},"Submit")))),j&&_===S.SNIPPET_TYPE_VENUE_MAP&&r.createElement(r.Fragment,null,r.createElement("div",{className:"pt-4"},r.createElement("h4",null,B("Calendar")),r.createElement(q.SettingButton,{view:"calendar",onClick:D,className:"mt-3 m-0",containerClassName:"mt-5 pt-5"},r.createElement(c.EventCalendar,null))),r.createElement("div",{className:"pt-4"},r.createElement(q.SettingButton,{view:"productSet",onClick:D,className:"mt-3 m-0",containerClassName:"mt-5 pt-5"},r.createElement("h4",null,B("Product Sets")),r.createElement("div",{className:"pt-5 mt-5"},r.createElement(s.EventProductSets,{productSets:[{id:1,name:"Test 1"},{id:2,name:"Test 2"},{id:3,name:"Test 3"}],onSelectProductSet:T,selectedProductSetId:I})))),r.createElement("div",{className:"pt-4"},r.createElement("form",{className:"category-steps-form pt-4 mt-4"},r.createElement("h4",null,B("Venue Map")),r.createElement("div",{className:"position-relative pt-4 mt-4"},r.createElement(q.SettingButton,{view:"venueMap",onClick:D,className:"mt-n6 m-0",containerClassName:"mt-5 pt-5"},r.createElement(u.IframeEventVenueMap,{url:"https://fastly.picsum.photos/id/13/2500/1667.jpg?hmac=SoX9UoHhN8HyklRA4A3vcCWJMVtiBXUg0W4ljWTor7s",usedInIframe:!0,pointProducts:[{id:9,menuStepId:75,pointId:21,productUuid:"beb6393c-2fdd-40f7-bb92-8800685b203f"},{id:10,menuStepId:75,pointId:24,productUuid:"beb6393c-2fdd-40f7-bb92-8800685b203a"}],points:[{id:21,venueMapId:7,createdAt:null,updatedAt:null,deletedAt:null,xCoordinate:799.39,yCoordinate:1108.45},{id:24,venueMapId:7,createdAt:null,updatedAt:null,deletedAt:null,xCoordinate:1400.2,yCoordinate:1431.77}],choosedProductUuids:["beb6393c-2fdd-40f7-bb92-8800685b203f"],products:[{id:148,productCategoryId:57,productGroupId:null,availableQuantity:980,zoneId:null,name:"Cofee",description:"",price:15,deposit:0,minQuantity:1,maxQuantity:15,totalQuantity:980,type:"sale",capacity:0,duration:0,weight:0,isAvailable:!0,isSoldOut:!1,isRequired:!1,isUnlimited:!1,quantitySelector:1,hasSpecialNotes:!1,termsAndConditions:null,subProducts:[],images:null,productCategory:null,uuid:"beb6393c-2fdd-40f7-bb92-8800685b203f"},{id:149,productCategoryId:57,productGroupId:null,availableQuantity:980,zoneId:null,name:"Cofee 2",description:"",price:15,deposit:0,minQuantity:1,maxQuantity:15,totalQuantity:980,type:"sale",capacity:0,duration:0,weight:0,isAvailable:!0,isSoldOut:!1,isRequired:!1,isUnlimited:!1,quantitySelector:1,hasSpecialNotes:!1,termsAndConditions:null,subProducts:[],images:null,productCategory:null,uuid:"beb6393c-2fdd-40f7-bb92-8800685b203a"}]})))))))),rightBlock:r.createElement(y.PageBody.RightBlock,{bottomBlock:r.createElement(g.BookingSummaryFooter,null)},r.createElement(q.SettingButton,{view:"pageBodyRightBlock",onClick:D,containerClassName:"snippet-template-button-fixed-height",className:"m-0"}),r.createElement(v.BookingSummary.Accordion,{showTitleOnlyOnMobile:!0},r.createElement(m.IframeEventCard,{imageSrc:"https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&auto=format&fit=crop&w=687&q=80",title:"XXXX",type:"Party Doors 22:00 - 03:00",cost:6,date:"Sat 2nd May",goToDetails:function(){return null},shortDate:"07/03/2023"})))})))};

package/dist/static/CountryCodeSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CountryCodeSelect.d.ts","sourceRoot":"","sources":["../../src/static/CountryCodeSelect.tsx"],"names":[],"mappings":";AAOA,UAAU,sBAAsB;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,SAAS,EACT,UAAU,EACV,KAAK,GACN,EAAE,sBAAsB,eA2CxB;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"CountryCodeSelect.d.ts","sourceRoot":"","sources":["../../src/static/CountryCodeSelect.tsx"],"names":[],"mappings":";AAOA,UAAU,sBAAsB;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,SAAS,EACT,UAAU,EACV,KAAK,GACN,EAAE,sBAAsB,eAyCxB;AAED,eAAe,iBAAiB,CAAC"}

package/dist/static/CountryCodeSelect.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 r=require("tslib"),t=e(require("react")),a=require("react-i18next"),n=require("react-hook-form"),o=require("react-phone-number-input/input"),i=(e(o),e(require("react-bootstrap/Form"))),l=e(require("react-phone-number-input/locale/en.json"));exports.default=function(e){var u=e.className,s=e.disabled,c=e.fieldName,d=e.errorLabel,m=e.error,p=n.useFormContext().register,f=a.useTranslation(["Design","Validation"]).t,b=o.getCountries().sort((function(e,r){var t=l[e],a=l[r];return t.localeCompare(a)})),q=!d||f("Validation:fieldRequired",{attribute:d});return t.createElement(t.Fragment,null,t.createElement(i.Control,r.__assign({},p(c,{required:q}),{as:"select",className:u,custom:!0,disabled:s,defaultValue:"",isInvalid:Boolean(m)}),t.createElement("option",{key:"",value:"",disabled:!0},f("chooseCountry")),b.map((function(e){return t.createElement(t.Fragment,null,t.createElement("option",{key:e,value:e},l[e]))}))),t.createElement(i.Control.Feedback,{type:"invalid"},m))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("tslib"),t=e(require("react")),a=require("react-i18next"),n=require("react-hook-form"),o=require("react-phone-number-input/input"),i=(e(o),e(require("react-bootstrap/Form"))),u=e(require("react-phone-number-input/locale/en.json"));exports.default=function(e){var l=e.className,s=e.disabled,c=e.fieldName,d=e.errorLabel,m=e.error,p=n.useFormContext().register,f=a.useTranslation(["Design","Validation"]).t,b=o.getCountries().sort((function(e,r){var t=u[e],a=u[r];return t.localeCompare(a)})),q=!d||f("Validation:fieldRequired",{attribute:d});return t.createElement(t.Fragment,null,t.createElement(i.Control,r.__assign({},p(c,{required:q}),{as:"select",className:l,custom:!0,disabled:s,defaultValue:"",isInvalid:Boolean(m)}),t.createElement("option",{key:"",value:"",disabled:!0},f("chooseCountry")),b.map((function(e){return t.createElement("option",{key:e,value:e},u[e])}))),t.createElement(i.Control.Feedback,{type:"invalid"},m))};

package/dist/static/RestrictedAccess.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RestrictedAccess.d.ts","sourceRoot":"","sources":["../../src/static/RestrictedAccess.tsx"],"names":[],"mappings":";AAMA,iBAAS,gBAAgB,IAAI,GAAG,CAAC,OAAO,CAoBvC;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"RestrictedAccess.d.ts","sourceRoot":"","sources":["../../src/static/RestrictedAccess.tsx"],"names":[],"mappings":";AAMA,iBAAS,gBAAgB,gBAoBxB;AAED,eAAe,gBAAgB,CAAC"}

package/dist/static/form-number-input/FormNumberInput.d.ts

@@ -4,9 +4,10 @@ interface FormNumberInputProps {
     label: string;
     fieldName: string;
     step?: number;
+    onChange?: (value: number) => void;
     disabled?: boolean;
     rules?: Pick<RegisterOptions, "max" | "min" | "validate" | "required" | "pattern">;
 }
-export declare const FormNumberInput: ({ label, fieldName, step, rules, disabled, }: FormNumberInputProps) => JSX.Element;
+export declare const FormNumberInput: ({ label, fieldName, step, rules, disabled, onChange, }: FormNumberInputProps) => JSX.Element;
 export {};
 //# sourceMappingURL=FormNumberInput.d.ts.map

package/dist/static/form-number-input/FormNumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormNumberInput.d.ts","sourceRoot":"","sources":["../../../src/static/form-number-input/FormNumberInput.tsx"],"names":[],"mappings":";AAIA,OAAO,EAEL,eAAe,EAGhB,MAAM,iBAAiB,CAAC;AAIzB,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,CACV,eAAe,EACf,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CACpD,CAAC;CACH;AAED,eAAO,MAAM,eAAe,iDAMzB,oBAAoB,gBA4DtB,CAAC"}
+{"version":3,"file":"FormNumberInput.d.ts","sourceRoot":"","sources":["../../../src/static/form-number-input/FormNumberInput.tsx"],"names":[],"mappings":";AAIA,OAAO,EAEL,eAAe,EAGhB,MAAM,iBAAiB,CAAC;AAIzB,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,CACV,eAAe,EACf,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CACpD,CAAC;CACH;AAED,eAAO,MAAM,eAAe,2DAOzB,oBAAoB,gBAiEtB,CAAC"}

package/dist/static/form-number-input/FormNumberInput.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 r=require("tslib"),t=e(require("react")),n=require("react-i18next"),a=require("react-bootstrap"),o=require("react-hook-form"),u=e(require("@licklist/plugins/dist/services/Form/HookFormService")),i=require("@react-aria/utils"),l=require("../../assets/dashboard/increment.svg.js");exports.FormNumberInput=function(e){var s=e.label,c=e.fieldName,m=e.step,d=void 0===m?1:m,p=e.rules,b=e.disabled,f=i.useId(),v=n.useTranslation("Validation").t,g=o.useFormContext(),E=g.control,F=g.setValue,q=g.formState.errors,C=o.useWatch({name:c}),I=function(e){return e.target.select()};return t.createElement(a.Form.Group,{controlId:f},t.createElement(a.Form.Label,null,s),t.createElement(a.InputGroup,{hasValidation:!0},t.createElement(a.InputGroup.Prepend,{className:"arrow-up-btn",onClick:function(){return F(c,Number(C)+1)}},t.createElement(a.InputGroup.Text,{className:"py-0 px-3"},t.createElement(l.ReactComponent,null))),t.createElement(o.Controller,{control:E,name:c,rules:r.__assign({min:{value:0,message:v("fieldMinNumber",{attribute:s,min:0})}},p),render:function(e){var n=e.field;return t.createElement(a.Form.Control,r.__assign({type:"number",step:d,disabled:b,isInvalid:u.isInvalid(c,q)},n,{onChange:function(e){return n.onChange(Number(e.target.value))},onFocus:I}))}}),t.createElement(a.Form.Control.Feedback,{type:"invalid"},u.getErrors(c,q))))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("tslib"),t=e(require("react")),n=require("react-i18next"),a=require("react-bootstrap"),o=require("react-hook-form"),u=e(require("@licklist/plugins/dist/services/Form/HookFormService")),l=require("@react-aria/utils"),i=require("../../assets/dashboard/increment.svg.js");exports.FormNumberInput=function(e){var s=e.label,c=e.fieldName,m=e.step,d=void 0===m?1:m,p=e.rules,b=e.disabled,f=e.onChange,v=l.useId(),g=n.useTranslation("Validation").t,E=o.useFormContext(),F=E.control,C=E.setValue,q=E.formState.errors,I=o.useWatch({name:c}),N=function(e){return e.target.select()};return t.createElement(a.Form.Group,{controlId:v},t.createElement(a.Form.Label,null,s),t.createElement(a.InputGroup,{hasValidation:!0},t.createElement(a.InputGroup.Prepend,{className:"arrow-up-btn",onClick:function(){return C(c,Number(I)+1)}},t.createElement(a.InputGroup.Text,{className:"py-0 px-3"},t.createElement(i.ReactComponent,null))),t.createElement(o.Controller,{control:F,name:c,rules:r.__assign({min:{value:0,message:g("fieldMinNumber",{attribute:s,min:0})}},p),render:function(e){var n=e.field;return t.createElement(a.Form.Control,r.__assign({type:"number",step:d,disabled:b,isInvalid:u.isInvalid(c,q)},n,{onChange:function(e){f&&f(Number(e.target.value)),n.onChange(Number(e.target.value))},onFocus:N}))}}),t.createElement(a.Form.Control.Feedback,{type:"invalid"},u.getErrors(c,q))))};

package/dist/styles/{iframe-customers-journey/ActivitiesCard.scss → activity-card/GridActivitiesCard.scss}

@@ -11,7 +11,7 @@
   word-wrap: break-word;
   background-color: #fff;
   font-size: 0.8rem;
-  color: $snippet-elements-body-color;
+  background-color: $snippet-product-set-background-color;
 
   div {
     text-align: left;

package/dist/styles/{iframe-customers-journey/ActivitiesSelectedCard.scss → activity-card/ListActivitiesCard.scss}

@@ -6,8 +6,9 @@
   align-items: center;
   cursor: pointer;
   height: 5rem;
+  padding: 0.375rem;
   border: 2px solid transparent;
-  border: 2px solid transparent;
+  border-radius: 0.5rem;
   background-color: $snippet-product-set-background-color;
   color: $snippet-product-set-font-color;
   transition: $color-transition;

package/dist/styles/activity-card/_index.scss

@@ -0,0 +1,2 @@
+@import "./GridActivitiesCard.scss";
+@import "./ListActivitiesCard.scss";

package/dist/styles/{iframe-customers-journey → date-time-button}/DateTimeButton.scss

@@ -100,14 +100,11 @@
   color: $snippet-calendar-button-font-color;
 }
 
-.info {
+.resources {
   display: flex;
   justify-content: center;
+  align-items: center;
+  gap: 0.5rem;
   font-weight: 300;
   flex-direction: row;
-
-  .logo {
-    width: 0.5rem;
-    margin-right: 0.5rem;
-  }
 }

package/dist/styles/date-time-button/_index.scss

@@ -0,0 +1 @@
+@import "./DateTimeButton.scss";

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

@@ -1,4 +1,3 @@
-
 .calendar-wrapper {
   display: flex;
 
@@ -21,7 +20,7 @@
           background-color: transparent;
         }
 
-        &:focus{
+        &:focus {
           box-shadow: none;
         }
       }
@@ -73,10 +72,9 @@
       }
     }
 
-    
-
     .calendar-dates-wrapper {
-      .calendar-weekdays, .calendar-dates {
+      .calendar-weekdays,
+      .calendar-dates {
         display: grid;
         grid-template-columns: repeat(7, auto);
         grid-gap: 0.5rem 1rem;
@@ -98,17 +96,17 @@
         margin-top: 0.75rem;
 
         .calendar-date {
-          height: 2rem;
           display: flex;
+          flex-direction: column;
           align-items: center;
           justify-content: center;
-          padding: 0;
+          padding: 0.25rem;
           border-radius: 0.25rem;
           background-color: $snippet-calendar-button-background-color;
           color: $snippet-calendar-button-font-color;
           font-size: 0.875rem;
           line-height: 1.3125rem;
-          border: 1px solid $snippet-calendar-button-border-color;;
+          border: 1px solid $snippet-calendar-button-border-color;
 
           &.selected-date {
             background-color: $snippet-calendar-active-button-background-color;
@@ -138,7 +136,7 @@
           &:hover {
             border-color: $snippet-calendar-active-button-border-color;
           }
-            
+
           &:focus {
             box-shadow: none;
           }
@@ -167,11 +165,11 @@
         justify-content: center;
         width: 3.75rem;
         height: 2.5rem;
-        background-color: #F2F2F2;
+        background-color: #f2f2f2;
         color: $black;
         font-size: 0.75rem;
         border-radius: 0.25rem;
-  
+
         &.selected-time {
           background-color: $blue;
           color: $white;
@@ -189,14 +187,16 @@
     flex-direction: column;
     align-items: center;
 
-    .calendar, .start-time-wrapper {
+    .calendar,
+    .start-time-wrapper {
       min-width: 20.75rem;
 
       .calendar-dates-wrapper {
-        .calendar-weekdays, .calendar-dates {
+        .calendar-weekdays,
+        .calendar-dates {
           grid-gap: 0.5rem;
         }
-  
+
         .calendar-dates {
           .calendar-date {
             width: 2.5rem;

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

@@ -199,7 +199,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 {
@@ -234,7 +235,7 @@
     font-weight: 500;
     border-radius: 0.25rem;
     font-size: 0.875rem;
-    height: 2.25rem;
+    min-height: 2.25rem;
 
     &:focus {
       box-shadow: unset;

package/dist/styles/notification/Notification.scss

@@ -15,6 +15,10 @@
       display: none !important;
     }
   }
+
+  &.is-invalid {
+    border-color: theme-color("danger");
+  }
 }
 
 .placeholder-row {

package/dist/styles/packages.scss

@@ -13,7 +13,6 @@
 @import "./static";
 @import "./table";
 @import "./back-button";
-@import "./iframe-customers-journey";
 @import "./custom-fields";
 @import "./file-upload";
 @import "./iframe-events";
@@ -41,3 +40,5 @@
 @import "./striped-static-table/";
 @import "./image-radio-input/";
 @import "./radio-card/";
+@import "./activity-card/";
+@import "./date-time-button/";

package/dist/styles/resources-blocking/_index.scss

@@ -7,6 +7,11 @@
     overflow: auto;
   }
 
+  .modal-form-content {
+    max-height: 21rem;
+    overflow-x: auto;
+  }
+
   .reccurrence-interval-container {
     .form-group {
       margin-bottom: 0.5rem;

package/dist/styles/themes/bookedit/_index.scss

@@ -46,6 +46,7 @@
 .header {
   background-color: color("white");
   padding: 0 2.5rem;
+  z-index: 2;
   min-height: 4rem;
   border-bottom: 1px solid #f0f0f0;
 }

package/dist/zone/form/components/AvailableTimesControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvailableTimesControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/AvailableTimesControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,eAAe,EAAW,MAAM,iBAAiB,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAItF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAChC,SAAS,EAAE,MAAM;QAAE,cAAc,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;IAC9C,QAAQ,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC;CAC/C,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IAAE,cAAc,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC;AAEvD,eAAO,MAAM,qBAAqB,6GA8FhC,CAAC"}
+{"version":3,"file":"AvailableTimesControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/AvailableTimesControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,eAAe,EAAW,MAAM,iBAAiB,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAGtF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAChC,SAAS,EAAE,MAAM;QAAE,cAAc,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;IAC9C,QAAQ,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC;CAC/C,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IAAE,cAAc,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC;AAEvD,eAAO,MAAM,qBAAqB,6GA0FhC,CAAC"}

package/dist/zone/form/components/AvailableTimesControl.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("tslib"),t=require("react"),a=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,i=require("react-i18next"),l=require("react-bootstrap"),s=require("react-hook-form"),n=require("@react-aria/utils"),u=require("@licklist/plugins/dist/utils/time"),o=require("../utils/dates.js"),c=t.forwardRef((function(e,c){var m,d=e.isLoading,f=e.workHours,v=e.defaultValues,b=void 0===v?[]:v,g=n.useId(),p=i.useTranslation(["Design","Validation"]).t,h=s.useForm({mode:"onChange"}),T=h.register,k=h.formState.errors,E=h.reset,_=h.trigger,q=h.getValues,y=h.setValue,C=h.watch,F=h.setError,V=C("availableTimes")||[],x=t.useMemo((function(){return o.getCheckboxesByWorkHours(f)}),[f]);t.useImperativeHandle(c,(function(){return{trigger:_,getValues:q,setError:F}}));return t.useEffect((function(){b&&E({availableTimes:b})}),[b]),a.createElement(l.Form.Group,{controlId:g},a.createElement(l.Form.Label,null,p("Design:startTimes")),a.createElement("div",{className:"zone-available-times"},x.map((function(e){return a.createElement(l.Form.Check,{key:e,inline:!0,custom:!0,id:e},a.createElement(l.Form.Check.Input,{type:"checkbox",value:e,checked:V.includes(u.calculateTimeWithOffset(e)),onChange:function(){return function(e){var t=u.calculateTimeWithOffset(e);V.includes(t)?y("availableTimes",V.filter((function(e){return e!==t}))):y("availableTimes",r.__spreadArray(r.__spreadArray([],r.__read(V),!1),[t],!1))}(e)},disabled:d}),a.createElement(l.Form.Check.Label,null,e))}))),a.createElement(l.Form.Control,r.__assign({type:"hidden"},T("availableTimes",{required:{value:!0,message:p("Validation:fieldMinNumber",{attribute:p("startTimes"),min:1})}}))),a.createElement("div",{className:"manual-form-error"},null===(m=k.availableTimes)||void 0===m?void 0:m.message))}));exports.AvailableTimesControl=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("tslib"),t=require("react"),a=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,i=require("react-i18next"),l=require("react-bootstrap"),n=require("react-hook-form"),s=require("@react-aria/utils"),o=require("../utils/dates.js"),u=t.forwardRef((function(e,u){var c,m=e.isLoading,d=e.workHours,f=e.defaultValues,b=void 0===f?[]:f,v=s.useId(),g=i.useTranslation(["Design","Validation"]).t,p=n.useForm({mode:"onChange"}),h=p.register,E=p.formState.errors,k=p.reset,T=p.trigger,_=p.getValues,q=p.setValue,y=p.watch,C=p.setError,F=y("availableTimes")||[],V=t.useMemo((function(){return o.getCheckboxesByWorkHours(d)}),[d]);t.useImperativeHandle(u,(function(){return{trigger:T,getValues:_,setError:C}}));return t.useEffect((function(){b&&k({availableTimes:b})}),[b]),a.createElement(l.Form.Group,{controlId:v},a.createElement(l.Form.Label,null,g("Design:startTimes")),a.createElement("div",{className:"zone-available-times"},V.map((function(e){return a.createElement(l.Form.Check,{key:e,inline:!0,custom:!0,id:e},a.createElement(l.Form.Check.Input,{type:"checkbox",value:e,checked:F.includes(e),onChange:function(){return function(e){F.includes(e)?q("availableTimes",F.filter((function(r){return r!==e}))):q("availableTimes",r.__spreadArray(r.__spreadArray([],r.__read(F),!1),[e],!1))}(e)},disabled:m}),a.createElement(l.Form.Check.Label,null,e))}))),a.createElement(l.Form.Control,r.__assign({type:"hidden"},h("availableTimes",{required:{value:!0,message:g("Validation:fieldMinNumber",{attribute:g("startTimes"),min:1})}}))),a.createElement("div",{className:"manual-form-error"},null===(c=E.availableTimes)||void 0===c?void 0:c.message))}));exports.AvailableTimesControl=u;

package/dist/zone/form/components/GameDurationControl.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type GameDurationControlProps = {
+    isLoading: boolean;
+};
+export declare const GameDurationControl: ({ isLoading, }: GameDurationControlProps) => JSX.Element;
+export {};
+//# sourceMappingURL=GameDurationControl.d.ts.map

package/dist/zone/form/components/GameDurationControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GameDurationControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/GameDurationControl.tsx"],"names":[],"mappings":";AAQA,KAAK,wBAAwB,GAAG;IAC9B,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBAE7B,wBAAwB,gBA+B1B,CAAC"}

package/dist/zone/form/components/GameDurationControl.js

@@ -0,0 +1 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("tslib"),t=e(require("react")),i=require("react-i18next"),a=require("react-bootstrap"),o=require("react-hook-form"),n=e(require("@licklist/plugins/dist/services/Form/HookFormService")),u=require("@react-aria/utils");exports.GameDurationControl=function(e){var l=e.isLoading,s=u.useId(),d=i.useTranslation(["Design","Validation"]).t,m=o.useFormContext(),c=m.register,f=m.formState.errors;return t.createElement(a.Form.Group,{controlId:s},t.createElement(a.Form.Label,null,d("Design:defaultGameDuration")),t.createElement(a.Form.Control,r.__assign({type:"number"},c("defaultDuration",{required:!1,min:1}),{placeholder:d("Design:duration"),isInvalid:Boolean(f.defaultDuration),disabled:l})),t.createElement(a.Form.Control.Feedback,{type:"invalid"},n.hasError(f.defaultDuration,"min")&&d("Validation:fieldMinNumber",{attribute:d("Design:defaultGameDuration").toLowerCase(),min:1})))};

package/dist/zone/form/components/ZoneControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoneControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneControl.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAQtF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,WAAW,8BAGrB,gBAAgB,gBAyBlB,CAAC"}
+{"version":3,"file":"ZoneControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneControl.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAStF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,WAAW,8BAGrB,gBAAgB,gBA0BlB,CAAC"}

package/dist/zone/form/components/ZoneControl.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("react"),o=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,t=require("react-bootstrap"),n=require("./NameControl.js"),l=require("./ZoneTypeControl.js"),a=require("./SortControl.js"),i=require("./ZoneRecurrencesControl.js"),s=require("./DescriptionControl.js"),c=require("./ZoneImageControl.js");exports.ZoneControl=function(e){var r=e.isLoading,m=e.workHours,u=void 0===m?[]:m;return o.createElement(t.Row,null,o.createElement(t.Col,{md:6,sm:12,className:"pr-5"},o.createElement(n.NameControl,{isLoading:r}),o.createElement(i.ZoneRecurrencesControl,{workHours:u,isLoading:r}),o.createElement("hr",null),o.createElement(t.Row,null,o.createElement(t.Col,{md:6,sm:6},o.createElement(l.ZoneTypeControl,{isLoading:r}),o.createElement(a.SortControl,{isLoading:r})),o.createElement(t.Col,{md:6,sm:6},o.createElement(c.ZoneImageControl,{isLoading:r}))),o.createElement("hr",null),o.createElement(t.Row,null,o.createElement(t.Col,{md:12,sm:12},o.createElement(s.DescriptionControl,{isLoading:r})))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("react"),o=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,t=require("react-bootstrap"),n=require("./NameControl.js"),l=require("./ZoneTypeControl.js"),a=require("./SortControl.js"),i=require("./ZoneRecurrencesControl.js"),s=require("./DescriptionControl.js"),m=require("./ZoneImageControl.js"),c=require("./GameDurationControl.js");exports.ZoneControl=function(e){var r=e.isLoading,u=e.workHours,C=void 0===u?[]:u;return o.createElement(t.Row,null,o.createElement(t.Col,{md:6,sm:12,className:"pr-5"},o.createElement(n.NameControl,{isLoading:r}),o.createElement(i.ZoneRecurrencesControl,{workHours:C,isLoading:r}),o.createElement("hr",null),o.createElement(t.Row,null,o.createElement(t.Col,{md:6,sm:6},o.createElement(l.ZoneTypeControl,{isLoading:r}),o.createElement(a.SortControl,{isLoading:r}),o.createElement(c.GameDurationControl,{isLoading:r})),o.createElement(t.Col,{md:6,sm:6},o.createElement(m.ZoneImageControl,{isLoading:r}))),o.createElement("hr",null),o.createElement(t.Row,null,o.createElement(t.Col,{md:12,sm:12},o.createElement(s.DescriptionControl,{isLoading:r})))))};

package/dist/zone/form/components/ZoneRecurrencesControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoneRecurrencesControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneRecurrencesControl.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAMlG,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAoBtF,MAAM,WAAW,4BAA4B;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;CAC7C;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,8BAGhC,0BAA0B,gBAmP5B,CAAC"}
+{"version":3,"file":"ZoneRecurrencesControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneRecurrencesControl.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAMlG,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAiBtF,MAAM,WAAW,4BAA4B;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;CAC7C;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,8BAGhC,0BAA0B,gBA8O5B,CAAC"}

package/dist/zone/form/components/ZoneRecurrencesControl.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("tslib"),t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,i=require("@licklist/core/dist/Config"),a=require("react-i18next"),o=require("react-bootstrap"),u=require("../../../static/Icon.js"),l=require("react-hook-form"),s=require("@react-aria/utils"),c=require("react-use"),d=require("luxon");require("../../../static/index.js");var m=require("@dnd-kit/core"),f=require("@dnd-kit/sortable"),v=require("../../../modals/confirmation/ConfirmModal.js"),g=require("../../../recurring-date-picker-input/RecurringDatePickerInput.js"),T=require("../../../product-set/control/DateAndRecurrenceInput.js"),_=require("@licklist/plugins/dist/utils/time"),p=require("./ZoneRecurrenceControl.js"),E=require("./AvailableTimesControl.js");exports.ZoneRecurrencesControl=function(e){var R,b,q=e.workHours,C=e.isLoading,D=void 0!==C&&C,I=l.useFormContext(),x=I.control,F=I.register,M=I.formState.errors,k=I.getValues,A=I.setValue,y=I.clearErrors,O=l.useFieldArray({name:"zoneRecurrences",control:x,keyName:"_id"}),S=O.fields,h=O.append,N=O.update,z=O.move,L=r.__read(t.useState(!1),2),w=L[0],j=L[1],V=r.__read(t.useState({index:null,values:null}),2),P=V[0],Z=V[1],H=function(){return Z({index:null,values:null})},U=r.__read(t.useState([]),2),W=U[0],B=U[1],G=t.useRef(),K=t.useRef();c.useClickAway(G,(function(e){var r,t,n;v.CONFIRM_MODAL_ACTIONS.includes(null===(n=null===(t=null===(r=e.target)||void 0===r?void 0:r.attributes)||void 0===t?void 0:t.getNamedItem("data-id"))||void 0===n?void 0:n.value)||(j(!1),H())}));var J=s.useId(),Q=a.useTranslation(["Design","Validation"]).t,X=function(){H(),j((function(e){return!e}))};return t.useEffect((function(){S.length&&y("zoneRecurrences")}),[S,y]),n.createElement(o.Form.Group,null,n.createElement(o.Form.Label,null,Q("zoneAvailable")),n.createElement(o.OverlayTrigger,{show:w,overlay:n.createElement(o.Popover,{id:J,className:"rounded"},n.createElement(o.Popover.Content,{className:"shadow-lg rounded",ref:G},n.createElement(g.RecurringDatePickerInput,{defaultValues:P.values,onChange:function(e){return r.__awaiter(void 0,void 0,void 0,(function(){var t,n,a,o,u,l,s;return r.__generator(this,(function(c){switch(c.label){case 0:return[4,null===(u=K.current)||void 0===u?void 0:u.trigger()];case 1:return c.sent()?(t=d.DateTime.fromFormat(e.startTime,i.TIME_FULL_FORMAT),n=d.DateTime.fromFormat(e.endTime,i.TIME_FULL_FORMAT),a=K.current.getValues().availableTimes,a.every((function(e){var r=d.DateTime.fromFormat(_.calculateTimeWithOffset(e,_.DIRECTION_TO_LOCAL),i.TIME_FORMAT);return r.diff(t,"minutes").minutes>=0&&r.diff(n,"minutes").minutes<=0}))?(o=r.__assign({rrule:e.rrule,startDate:e.startDate,endDate:e.endDate,startTime:e.startTime,endTime:e.endTime},K.current.getValues()),(null===(l=P.values)||void 0===l?void 0:l.id)&&(o.id=null===(s=P.values)||void 0===s?void 0:s.id),null!==P.index?N(P.index,o):h(o),j((function(){return!1})),H(),[2]):(K.current.setError("availableTimes",{message:Q("Validation:fieldTimeBetween",{attribute:Q("Design:startTimesSmall"),min:t.toFormat(i.TIME_FORMAT),max:n.toFormat(i.TIME_FORMAT)})}),[2])):[2]}}))}))},onDelete:function(){var e=P.index;j(!1),H(),setTimeout((function(){var r=k().zoneRecurrences;A("zoneRecurrences",(void 0===r?[]:r).filter((function(r,t){return t!==e})))}),100)},setInitialStartDateAfterSelect:!0},n.createElement(E.AvailableTimesControl,{workHours:q,isLoading:D,defaultValues:W,ref:K})))),trigger:"click",placement:"bottom",popperConfig:{modifiers:[T.sameWidthPopperModifier]}},n.createElement("div",{className:"zone-recurrences"},n.createElement(m.DndContext,{onDragEnd:function(e){var r=e.over,t=e.active;if(r.id!==t.id){var n=S.findIndex((function(e){return String(e._id)===t.id})),i=S.findIndex((function(e){return String(e._id)===r.id}));z(n,i)}}},n.createElement(f.SortableContext,{items:null!==(R=null==S?void 0:S.map((function(e){return String(e._id)})))&&void 0!==R?R:[],strategy:f.verticalListSortingStrategy},null==S?void 0:S.map((function(e,r){return n.createElement(p.ZoneRecurrenceControl,{key:e._id,zoneRecurrence:e,onEdit:function(){return function(e,r){H(),setTimeout((function(){Z({index:r,values:e}),B(e.availableTimes||[]),j((function(){return!0}))}),100)}(e,r)}})})))),n.createElement("div",{className:"zone-recurrence-icon-wrapper",role:"button",tabIndex:0,onClick:X,onKeyDown:X},n.createElement(u.default,{type:"plus-circle",height:"1rem",className:"zone-recurrence-icon-add mr-2"}),Q("addDates")),n.createElement(o.Form.Control,r.__assign({type:"hidden"},F("zoneRecurrences",{required:{value:!0,message:Q("Validation:fieldMinNumber",{attribute:Q("dates"),min:1})}}))),n.createElement("div",{className:"manual-form-error"},null===(b=M.zoneRecurrences)||void 0===b?void 0:b.message))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("tslib"),t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,i=require("@licklist/core/dist/Config"),a=require("react-i18next"),o=require("react-bootstrap"),u=require("../../../static/Icon.js"),l=require("react-hook-form"),s=require("@react-aria/utils"),c=require("react-use"),d=require("luxon");require("../../../static/index.js");var m=require("@dnd-kit/core"),v=require("@dnd-kit/sortable"),f=require("../../../modals/confirmation/ConfirmModal.js"),g=require("../../../recurring-date-picker-input/RecurringDatePickerInput.js"),p=require("../../../product-set/control/DateAndRecurrenceInput.js"),T=require("./ZoneRecurrenceControl.js"),_=require("./AvailableTimesControl.js");exports.ZoneRecurrencesControl=function(e){var E,b,q=e.workHours,D=e.isLoading,R=void 0!==D&&D,x=l.useFormContext(),C=x.control,I=x.register,S=x.formState.errors,k=x.getValues,y=x.setValue,A=x.clearErrors,F=l.useFieldArray({name:"zoneRecurrences",control:C,keyName:"_id"}),M=F.fields,h=F.append,z=F.update,N=F.move,w=r.__read(t.useState(!1),2),O=w[0],j=w[1],V=r.__read(t.useState({index:null,values:null}),2),P=V[0],L=V[1],Z=function(){return L({index:null,values:null})},H=r.__read(t.useState([]),2),B=H[0],G=H[1],K=t.useRef(),W=t.useRef();c.useClickAway(K,(function(e){var r,t,n;f.CONFIRM_MODAL_ACTIONS.includes(null===(n=null===(t=null===(r=e.target)||void 0===r?void 0:r.attributes)||void 0===t?void 0:t.getNamedItem("data-id"))||void 0===n?void 0:n.value)||(j(!1),Z())}));var J=s.useId(),Q=a.useTranslation(["Design","Validation"]).t,U=function(){Z(),j((function(e){return!e}))};return t.useEffect((function(){M.length&&A("zoneRecurrences")}),[M,A]),n.createElement(o.Form.Group,null,n.createElement(o.Form.Label,null,Q("zoneAvailable")),n.createElement(o.OverlayTrigger,{show:O,overlay:n.createElement(o.Popover,{id:J,className:"rounded"},n.createElement(o.Popover.Content,{className:"shadow-lg rounded",ref:K},n.createElement(g.RecurringDatePickerInput,{defaultValues:P.values,onChange:function(e){return r.__awaiter(void 0,void 0,void 0,(function(){var t,n,a,o,u,l,s;return r.__generator(this,(function(c){switch(c.label){case 0:return[4,null===(u=W.current)||void 0===u?void 0:u.trigger()];case 1:return c.sent()?!(null==e?void 0:e.startTime)||!(null==e?void 0:e.endTime)||(t=d.DateTime.fromISO(e.startTime),n=d.DateTime.fromISO(e.endTime),a=W.current.getValues().availableTimes,a.every((function(e){var r=d.DateTime.fromFormat(e,i.TIME_FORMAT);return r.diff(t,"minutes").minutes>=0&&r.diff(n,"minutes").minutes<=0})))?(o=r.__assign({rrule:e.rrule,startDate:e.startDate,endDate:e.endDate,startTime:e.startTime,endTime:e.endTime},W.current.getValues()),(null===(l=P.values)||void 0===l?void 0:l.id)&&(o.id=null===(s=P.values)||void 0===s?void 0:s.id),null!==P.index?z(P.index,o):h(o),j((function(){return!1})),Z(),[2]):(W.current.setError("availableTimes",{message:Q("Validation:fieldTimeBetween",{attribute:Q("Design:startTimesSmall"),min:t.toFormat(i.TIME_FORMAT),max:n.toFormat(i.TIME_FORMAT)})}),[2]):[2]}}))}))},onDelete:function(){var e=P.index;j(!1),Z(),setTimeout((function(){var r=k().zoneRecurrences;y("zoneRecurrences",(void 0===r?[]:r).filter((function(r,t){return t!==e})))}),100)},setInitialStartDateAfterSelect:!0},n.createElement(_.AvailableTimesControl,{workHours:q,isLoading:R,defaultValues:B,ref:W})))),trigger:"click",placement:"bottom",popperConfig:{modifiers:[p.sameWidthPopperModifier]}},n.createElement("div",{className:"zone-recurrences"},n.createElement(m.DndContext,{onDragEnd:function(e){var r=e.over,t=e.active;if(r.id!==t.id){var n=M.findIndex((function(e){return String(e._id)===t.id})),i=M.findIndex((function(e){return String(e._id)===r.id}));N(n,i)}}},n.createElement(v.SortableContext,{items:null!==(E=null==M?void 0:M.map((function(e){return String(e._id)})))&&void 0!==E?E:[],strategy:v.verticalListSortingStrategy},null==M?void 0:M.map((function(e,r){return n.createElement(T.ZoneRecurrenceControl,{key:e._id,zoneRecurrence:e,onEdit:function(){return function(e,r){Z(),L({index:r,values:e}),G(e.availableTimes||[]),j((function(){return!0}))}(e,r)}})})))),n.createElement("div",{className:"zone-recurrence-icon-wrapper",role:"button",tabIndex:0,onClick:U,onKeyDown:U},n.createElement(u.default,{type:"plus-circle",height:"1rem",className:"zone-recurrence-icon-add mr-2"}),Q("addDates")),n.createElement(o.Form.Control,r.__assign({type:"hidden"},I("zoneRecurrences",{required:{value:!0,message:Q("Validation:fieldMinNumber",{attribute:Q("dates"),min:1})}}))),n.createElement("div",{className:"manual-form-error"},null===(b=S.zoneRecurrences)||void 0===b?void 0:b.message))))};

package/dist/zone/form/utils/dates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/utils/dates.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAKtF,eAAO,MAAM,qBAAqB,cACrB,MAAM,WACR,MAAM,6BAgDhB,CAAC;AAEF,eAAO,MAAM,wBAAwB,eAAgB,QAAQ,EAAE,aA0C9D,CAAC"}
+{"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/utils/dates.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAOtF,eAAO,MAAM,qBAAqB,cACrB,MAAM,WACR,MAAM,6BAuChB,CAAC;AAEF,eAAO,MAAM,wBAAwB,eAAgB,QAAQ,EAAE,aA0C9D,CAAC"}

package/dist/zone/form/utils/dates.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("@licklist/core/dist/Services/Date"),t="00:00",a="23:59",n=function(t,a,n){void 0===n&&(n=5);for(var i=new Date,u=e.__read(t.split(r.TIME_SEPARATOR),2),o=u[0],s=u[1],_=e.__read(a.split(r.TIME_SEPARATOR),2),l=_[0],d=_[1],c=r.datetime(i.getFullYear(),i.getMonth()+1,i.getDate(),Number(o),Number(s)),g=r.datetime(i.getFullYear(),i.getMonth()+1,i.getDate(),Number(l),Number(d)),p={0:c},f=0;g>=c;)c=new Date(c.getTime()+60*n*1e3),p[f+=1]=c;var v=Object.keys(p).map((function(t){var a=p[t];if(a<g){var n=e.__read(a.toISOString().split("T"),2)[1],i=e.__read(n.split(r.TIME_SEPARATOR),2);return[i[0],i[1]].join(r.TIME_SEPARATOR)}return null})).filter(Boolean);return v};exports.getCheckboxesByWorkHours=function(r){if(!r||!r.length)return n(t,a);var i=r.reduce((function(r,t){var a=t.start,n=t.end;return a&&n?e.__spreadArray(e.__spreadArray([],e.__read(r),!1),[{start:a,end:n}],!1):r}),[]);if(7!==i.length)return n(t,a);var u=i.reduce((function(r,t){var a=t.start,n=t.end;return e.__spreadArray(e.__spreadArray([],e.__read(r),!1),[a,n],!1)}),[]).sort((function(e,r){return e.localeCompare(r)}));return n(u[0]||t,u[u.length-1]||a)},exports.getTimeCheckboxRanges=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("@licklist/core/dist/Config"),t=require("luxon"),n=require("@licklist/core/dist/Services/Date"),a="00:00",o="23:59",u=function(a,o,u){void 0===u&&(u=5);for(var s=new Date,i=e.__read(a.split(n.TIME_SEPARATOR),2),d=i[0],_=i[1],l=e.__read(o.split(n.TIME_SEPARATOR),2),c=l[0],m=l[1],g=t.DateTime.now().setZone("UTC").set({year:s.getFullYear(),month:s.getMonth()+1,day:s.getDate(),hour:Number(d),minute:Number(_),second:0}),T=t.DateTime.now().setZone("UTC").set({year:s.getFullYear(),month:s.getMonth()+1,day:s.getDate(),hour:Number(c),minute:Number(m),second:0}),f=[g.toFormat(r.TIME_FORMAT)],p=0;T.diff(g,["minutes"]).minutes>=u;)g=g.plus({minutes:u}),f[p+=1]=g.toFormat(r.TIME_FORMAT);return f};exports.getCheckboxesByWorkHours=function(r){if(!r||!r.length)return u(a,o);var t=r.reduce((function(r,t){var n=t.start,a=t.end;return n&&a?e.__spreadArray(e.__spreadArray([],e.__read(r),!1),[{start:n,end:a}],!1):r}),[]);if(7!==t.length)return u(a,o);var n=t.reduce((function(r,t){var n=t.start,a=t.end;return e.__spreadArray(e.__spreadArray([],e.__read(r),!1),[n,a],!1)}),[]).sort((function(e,r){return e.localeCompare(r)}));return u(n[0]||a,n[n.length-1]||o)},exports.getTimeCheckboxRanges=u;

package/package.json

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

package/src/collapsible-input-group/CollapsibleInputGroup.tsx

@@ -36,7 +36,7 @@ export function CollapsibleInputGroup({
       <Accordion.Toggle
         as={Card.Header}
         eventKey={eventKey}
-        alwaysOpen={alwaysOpen}
+        alwaysopen={alwaysOpen}
         role="button"
         className={clsx("accordion-form-control", isInvalid && "is-invalid")}
       >

package/src/date-time-button/DateTimeButton.stories.tsx

@@ -78,3 +78,20 @@ WithPrice.args = {
   isOnlyTimeContainer: false,
   price: "from $8000",
 };
+
+export const WithAvailability: Story<DateTimeButtonProps> = (args) => {
+  return <DateTimeButton {...args} />;
+};
+
+WithAvailability.args = {
+  date,
+  isSelected: false,
+  isDisabled: false,
+  onSelect: () => null,
+  isOnlyTimeContainer: false,
+  price: "from $8000",
+  resources: {
+    booked: 1,
+    total: 3,
+  },
+};