@licklist/design 0.44.486-dev.9 → 0.44.486

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"),a=require("react"),t=(e=a)&&"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=a.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,k=p.formState.errors,T=p.reset,_=p.trigger,E=p.getValues,q=p.setValue,y=(0,p.watch)("availableTimes")||[],C=a.useMemo((function(){return o.getCheckboxesByWorkHours(d)}),[d]);a.useImperativeHandle(u,(function(){return{trigger:_,getValues:E}}));return a.useEffect((function(){b&&T({availableTimes:b})}),[b]),t.createElement(l.Form.Group,{controlId:v},t.createElement(l.Form.Label,null,g("Design:startTimes")),t.createElement("div",{className:"zone-available-times"},C.map((function(e){return t.createElement(l.Form.Check,{key:e,inline:!0,custom:!0,id:e},t.createElement(l.Form.Check.Input,{type:"checkbox",value:e,checked:y.includes(e),onChange:function(){return function(e){y.includes(e)?q("availableTimes",y.filter((function(r){return r!==e}))):q("availableTimes",r.__spreadArray(r.__spreadArray([],r.__read(y),!1),[e],!1))}(e)},disabled:m}),t.createElement(l.Form.Check.Label,null,e))}))),t.createElement(l.Form.Control,r.__assign({type:"hidden"},h("availableTimes",{required:{value:!0,message:g("Validation:fieldMinNumber",{attribute:g("startTimes"),min:1})}}))),t.createElement("div",{className:"manual-form-error"},null===(c=k.availableTimes)||void 0===c?void 0:c.message))}));exports.AvailableTimesControl=u;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-type DescriptionControlProps = {
+declare type DescriptionControlProps = {
     isLoading: boolean;
 };
 export declare const DescriptionControl: ({ isLoading }: DescriptionControlProps) => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"DescriptionControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/DescriptionControl.tsx"],"names":[],"mappings":";AAUA,KAAK,uBAAuB,GAAG;IAC7B,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,kBAAmB,uBAAuB,gBAoCxE,CAAC"}
+{"version":3,"file":"DescriptionControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/DescriptionControl.tsx"],"names":[],"mappings":";AAUA,aAAK,uBAAuB,GAAG;IAC7B,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,kBAAmB,uBAAuB,gBAoCxE,CAAC"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-type NameControlProps = {
+declare type NameControlProps = {
     isLoading: boolean;
 };
 export declare const NameControl: ({ isLoading }: NameControlProps) => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"NameControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/NameControl.tsx"],"names":[],"mappings":";AAQA,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,kBAAmB,gBAAgB,gBAkC1D,CAAC"}
+{"version":3,"file":"NameControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/NameControl.tsx"],"names":[],"mappings":";AAQA,aAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,kBAAmB,gBAAgB,gBAkC1D,CAAC"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-type SortControlProps = {
+declare type SortControlProps = {
     isLoading: boolean;
 };
 export declare const SortControl: ({ isLoading }: SortControlProps) => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"SortControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/SortControl.tsx"],"names":[],"mappings":";AAQA,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,kBAAmB,gBAAgB,gBAmC1D,CAAC"}
+{"version":3,"file":"SortControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/SortControl.tsx"],"names":[],"mappings":";AAQA,aAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,kBAAmB,gBAAgB,gBAmC1D,CAAC"}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
-export type ZoneControlProps = {
+export declare type ZoneControlProps = {
     isLoading: boolean;
     workHours?: WorkHour[];
 };

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;AAQtF,oBAAY,gBAAgB,GAAG;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,WAAW,8BAGrB,gBAAgB,gBAyBlB,CAAC"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-type ZoneImageControlProps = {
+declare type ZoneImageControlProps = {
     isLoading?: boolean;
 };
 export declare const ZoneImageControl: ({ isLoading, }: ZoneImageControlProps) => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"ZoneImageControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneImageControl.tsx"],"names":[],"mappings":";AAWA,KAAK,qBAAqB,GAAG;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mBAE1B,qBAAqB,gBAqFvB,CAAC"}
+{"version":3,"file":"ZoneImageControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneImageControl.tsx"],"names":[],"mappings":";AAWA,aAAK,qBAAqB,GAAG;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mBAE1B,qBAAqB,gBAqFvB,CAAC"}

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

@@ -4,7 +4,7 @@ import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMa
 export interface DateAndRecurrenceInputValues {
     zoneRecurrences?: Partial<ZoneRecurrence>[];
 }
-export type ZoneRecurrenceControlProps = {
+export declare type ZoneRecurrenceControlProps = {
     workHours?: WorkHour[];
     isLoading?: boolean;
 };

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,gBAkP5B,CAAC"}
+{"version":3,"file":"ZoneRecurrencesControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneRecurrencesControl.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAMlG,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAatF,MAAM,WAAW,4BAA4B;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;CAC7C;AAED,oBAAY,0BAA0B,GAAG;IACvC,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,8BAGhC,0BAA0B,gBA4N5B,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"),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("@licklist/plugins/dist/utils/time"),_=require("./ZoneRecurrenceControl.js"),E=require("./AvailableTimesControl.js");exports.ZoneRecurrencesControl=function(e){var b,q,C=e.workHours,D=e.isLoading,R=void 0!==D&&D,I=l.useFormContext(),x=I.control,S=I.register,k=I.formState.errors,y=I.getValues,O=I.setValue,A=I.clearErrors,h=l.useFieldArray({name:"zoneRecurrences",control:x,keyName:"_id"}),F=h.fields,M=h.append,N=h.update,z=h.move,w=r.__read(t.useState(!1),2),j=w[0],V=w[1],L=r.__read(t.useState({index:null,values:null}),2),P=L[0],Z=L[1],H=function(){return Z({index:null,values:null})},W=r.__read(t.useState([]),2),B=W[0],G=W[1],K=t.useRef(),J=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)||(V(!1),H())}));var Q=s.useId(),U=a.useTranslation(["Design","Validation"]).t,X=function(){H(),V((function(e){return!e}))};return t.useEffect((function(){F.length&&A("zoneRecurrences")}),[F,A]),n.createElement(o.Form.Group,null,n.createElement(o.Form.Label,null,U("zoneAvailable")),n.createElement(o.OverlayTrigger,{show:j,overlay:n.createElement(o.Popover,{id:Q,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=J.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=J.current.getValues().availableTimes,a.every((function(e){var r=d.DateTime.fromFormat(T.calculateTimeWithOffset(e,T.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},J.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):M(o),V((function(){return!1})),H(),[2]):(J.current.setError("availableTimes",{message:U("Validation:fieldTimeBetween",{attribute:U("Design:startTimesSmall"),min:t.toFormat(i.TIME_FORMAT),max:n.toFormat(i.TIME_FORMAT)})}),[2]):[2]}}))}))},onDelete:function(){var e=P.index;V(!1),H(),setTimeout((function(){var r=y().zoneRecurrences;O("zoneRecurrences",(void 0===r?[]:r).filter((function(r,t){return t!==e})))}),100)},setInitialStartDateAfterSelect:!0},n.createElement(E.AvailableTimesControl,{workHours:C,isLoading:R,defaultValues:B,ref:J})))),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=F.findIndex((function(e){return String(e._id)===t.id})),i=F.findIndex((function(e){return String(e._id)===r.id}));z(n,i)}}},n.createElement(v.SortableContext,{items:null!==(b=null==F?void 0:F.map((function(e){return String(e._id)})))&&void 0!==b?b:[],strategy:v.verticalListSortingStrategy},null==F?void 0:F.map((function(e,r){return n.createElement(_.ZoneRecurrenceControl,{key:e._id,zoneRecurrence:e,onEdit:function(){return function(e,r){H(),Z({index:r,values:e}),G(e.availableTimes||[]),V((function(){return!0}))}(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"}),U("addDates")),n.createElement(o.Form.Control,r.__assign({type:"hidden"},S("zoneRecurrences",{required:{value:!0,message:U("Validation:fieldMinNumber",{attribute:U("dates"),min:1})}}))),n.createElement("div",{className:"manual-form-error"},null===(q=k.zoneRecurrences)||void 0===q?void 0:q.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("react-i18next"),a=require("react-bootstrap"),o=require("../../../static/Icon.js"),u=require("react-hook-form"),l=require("@react-aria/utils"),c=require("react-use");require("../../../static/index.js");var s=require("@dnd-kit/core"),d=require("@dnd-kit/sortable"),m=require("../../../modals/confirmation/ConfirmModal.js"),f=require("../../../recurring-date-picker-input/RecurringDatePickerInput.js"),v=require("./ZoneRecurrenceControl.js"),g=require("./AvailableTimesControl.js"),p={name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(e){var r=e.state,t={width:"".concat(r.rects.reference.width+4,"px"),marginLeft:"-2px",maxWidth:"unset"};Object.assign(r.styles.popper,t)},effect:function(e){var r=e.state,t=r.elements.reference.getBoundingClientRect().width,n={width:"".concat(t,"px"),maxWidth:"unset"};Object.assign(r.elements.popper.style,n)}};exports.ZoneRecurrencesControl=function(e){var _,b,x=e.workHours,E=e.isLoading,h=void 0!==E&&E,C=u.useFormContext(),q=C.control,y=C.register,R=C.formState.errors,D=C.getValues,S=C.setValue,k=C.clearErrors,w=u.useFieldArray({name:"zoneRecurrences",control:q,keyName:"_id"}),T=w.fields,z=w.append,I=w.update,N=w.move,j=r.__read(t.useState(!1),2),A=j[0],O=j[1],F=r.__read(t.useState({index:null,values:null}),2),L=F[0],V=F[1],M=function(){return V({index:null,values:null})},P=r.__read(t.useState([]),2),W=P[0],Z=P[1],H=t.useRef(),B=t.useRef();c.useClickAway(H,(function(e){var r,t,n;m.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)||(O(!1),M())}));var G=l.useId(),K=i.useTranslation("Design").t,J=function(){M(),O((function(e){return!e}))};return t.useEffect((function(){T.length&&k("zoneRecurrences")}),[T,k]),n.createElement(a.Form.Group,null,n.createElement(a.Form.Label,null,K("zoneAvailable")),n.createElement(a.OverlayTrigger,{show:A,overlay:n.createElement(a.Popover,{id:G,className:"rounded"},n.createElement(a.Popover.Content,{className:"shadow-lg rounded",ref:H},n.createElement(f.RecurringDatePickerInput,{defaultValues:L.values,onChange:function(e){return r.__awaiter(void 0,void 0,void 0,(function(){var t,n,i,a;return r.__generator(this,(function(o){switch(o.label){case 0:return[4,null===(n=B.current)||void 0===n?void 0:n.trigger()];case 1:return o.sent()?(t=r.__assign({rrule:e.rrule,startDate:e.startDate,endDate:e.endDate,startTime:e.startTime,endTime:e.endTime},B.current.getValues()),(null===(i=L.values)||void 0===i?void 0:i.id)&&(t.id=null===(a=L.values)||void 0===a?void 0:a.id),null!==L.index?I(L.index,t):z(t),O((function(){return!1})),M(),[2]):[2]}}))}))},onDelete:function(){var e=L.index;O(!1),M(),setTimeout((function(){var r=D().zoneRecurrences;S("zoneRecurrences",(void 0===r?[]:r).filter((function(r,t){return t!==e})))}),100)},setInitialStartDateAfterSelect:!0},n.createElement(g.AvailableTimesControl,{workHours:x,isLoading:h,defaultValues:W,ref:B})))),trigger:"click",placement:"bottom",popperConfig:{modifiers:[p]}},n.createElement("div",{className:"zone-recurrences"},n.createElement(s.DndContext,{onDragEnd:function(e){var r=e.over,t=e.active;if(r.id!==t.id){var n=T.findIndex((function(e){return String(e._id)===t.id})),i=T.findIndex((function(e){return String(e._id)===r.id}));N(n,i)}}},n.createElement(d.SortableContext,{items:null!==(_=null==T?void 0:T.map((function(e){return String(e._id)})))&&void 0!==_?_:[],strategy:d.verticalListSortingStrategy},T.map((function(e,r){return n.createElement(v.ZoneRecurrenceControl,{key:e._id,zoneRecurrence:e,onEdit:function(){return function(e,r){M(),setTimeout((function(){V({index:r,values:e}),Z(e.availableTimes||[]),O((function(){return!0}))}),100)}(e,r)}})})))),n.createElement("div",{className:"zone-recurrence-icon-wrapper",role:"button",tabIndex:0,onClick:J,onKeyDown:J},n.createElement(o.default,{type:"plus-circle",height:"1rem",className:"zone-recurrence-icon-add mr-2"}),K("addDates")),n.createElement(a.Form.Control,r.__assign({type:"hidden"},y("zoneRecurrences",{required:{value:!0,message:K("Validation:fieldMinNumber",{attribute:K("dates"),min:1})}}))),n.createElement("div",{className:"manual-form-error"},null===(b=R.zoneRecurrences)||void 0===b?void 0:b.message))))};

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-type ZoneTypeControlProps = {
+declare type ZoneTypeControlProps = {
     isLoading: boolean;
 };
 export declare const ZoneTypeControl: ({ isLoading }: ZoneTypeControlProps) => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"ZoneTypeControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneTypeControl.tsx"],"names":[],"mappings":";AAWA,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,kBAAmB,oBAAoB,gBAqClE,CAAC"}
+{"version":3,"file":"ZoneTypeControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneTypeControl.tsx"],"names":[],"mappings":";AAWA,aAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,kBAAmB,oBAAoB,gBAqClE,CAAC"}

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;AAKtF,eAAO,MAAM,qBAAqB,cACrB,MAAM,WACR,MAAM,6BA8ChB,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/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={},f=0;g>=c;)c=new Date(c.getTime()+60*n*1e3),p[f]=c,f+=1;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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.44.486-dev.9",
+  "version": "0.44.486",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -53,11 +53,10 @@
     "@fortawesome/free-brands-svg-icons": "5.15.2",
     "@fortawesome/free-solid-svg-icons": "5.15.2",
     "@fortawesome/react-fontawesome": "0.1.9",
-    "@licklist/core": ">=0.15.28-dev.0 < 0.15.28",
+    "@licklist/core": "0.15.x",
     "@licklist/eslint-config": "0.3.4",
-    "@licklist/plugins": ">=0.20.133-dev.5 < 0.20.133",
+    "@licklist/plugins": "0.20.x",
     "@mdx-js/react": "1.6.22",
-    "@popperjs/core": "2.11.8",
     "@react-aria/utils": "3.9.0",
     "@rollup/plugin-image": "2.0.6",
     "@rollup/plugin-json": "4.1.0",
@@ -72,7 +71,6 @@
     "@storybook/react": "6.3.12",
     "@svgr/rollup": "5.5.0",
     "@svgr/webpack": "5.5.0",
-    "@tanstack/react-table": "8.10.6",
     "@testing-library/jest-dom": "5.16.1",
     "@testing-library/react": "11.2.5",
     "@testing-library/react-hooks": "5.1.0",
@@ -188,7 +186,7 @@
     "style-loader": "2.0.0",
     "ts-jest": "26.5.2",
     "twemoji-parser": "14.0.0",
-    "typescript": "4.9.5",
+    "typescript": "4.5.5",
     "url-loader": "4.1.1",
     "use-debounce": "7.0.1"
   },

package/src/assets/dashboard/bookingCalendar.svg

@@ -0,0 +1,67 @@
+<svg
+  width="44"
+  height="44"
+  viewBox="0 0 44 44"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_0_4)">
+    <rect width="44" height="44" rx="8" fill="currentColor" />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M14 9C14 8.44772 14.4477 8 15 8C15.5523 8 16 8.44772 16 9V10H21V9C21 8.44772 21.4477 8 22 8C22.5523 8 23 8.44772 23 9V10H28V9C28 8.44772 28.4477 8 29 8C29.5523 8 30 8.44772 30 9V10H32C34.2091 10 36 11.7909 36 14V16V18V32C36 33.1046 35.1046 34 34 34H10C8.89543 34 8 33.1046 8 32V18V16V14C8 11.7909 9.79086 10 12 10H14V9ZM23 12H28V13C28 13.5523 28.4477 14 29 14C29.5523 14 30 13.5523 30 13V12H32L32.1493 12.0055C33.1841 12.0818 34 12.9456 34 14V16H10V14C10 12.8954 10.8954 12 12 12H14V13C14 13.5523 14.4477 14 15 14C15.5523 14 16 13.5523 16 13V12H21V13C21 13.5523 21.4477 14 22 14C22.5523 14 23 13.5523 23 13V12ZM10 18V32H34V18H10ZM31.669 26.7433L30.331 25.2567L27.666 27.654L26.669 26.7567L25.331 28.2433L27.6667 30.3454L31.669 26.7433Z"
+      fill="black"
+    />
+    <rect
+      opacity="0.5"
+      x="13"
+      y="20"
+      width="4"
+      height="4"
+      rx="1"
+      fill="black"
+    />
+    <rect
+      opacity="0.5"
+      x="20"
+      y="20"
+      width="4"
+      height="4"
+      rx="1"
+      fill="black"
+    />
+    <rect
+      opacity="0.5"
+      x="13"
+      y="26"
+      width="4"
+      height="4"
+      rx="1"
+      fill="black"
+    />
+    <rect
+      opacity="0.5"
+      x="20"
+      y="26"
+      width="4"
+      height="4"
+      rx="1"
+      fill="black"
+    />
+    <rect
+      opacity="0.5"
+      x="27"
+      y="20"
+      width="4"
+      height="4"
+      rx="1"
+      fill="black"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_0_4">
+      <rect width="44" height="44" fill="white" />
+    </clipPath>
+  </defs>
+</svg>

package/src/assets/dashboard/bookingList.svg

@@ -0,0 +1,68 @@
+<svg
+  width="44"
+  height="44"
+  viewBox="0 0 44 44"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_0_2707)">
+    <rect width="44" height="44" rx="8" fill="currentColor" />
+    <path
+      d="M13.7334 10L15 11.4607L11.2111 15L9 12.9346L10.2666 11.4739L11.2105 12.3555L13.7334 10Z"
+      fill="black"
+    />
+    <rect
+      opacity="0.5"
+      x="17"
+      y="12"
+      width="18"
+      height="2"
+      rx="1"
+      fill="black"
+    />
+    <path
+      d="M13.7334 16L15 17.4607L11.2111 21L9 18.9346L10.2666 17.4739L11.2105 18.3555L13.7334 16Z"
+      fill="black"
+    />
+    <rect
+      opacity="0.5"
+      x="17"
+      y="18"
+      width="18"
+      height="2"
+      rx="1"
+      fill="black"
+    />
+    <path
+      d="M13.7334 22L15 23.4607L11.2111 27L9 24.9346L10.2666 23.4739L11.2105 24.3555L13.7334 22Z"
+      fill="black"
+    />
+    <rect
+      opacity="0.5"
+      x="17"
+      y="24"
+      width="18"
+      height="2"
+      rx="1"
+      fill="black"
+    />
+    <path
+      d="M13.7334 28L15 29.4607L11.2111 33L9 30.9346L10.2666 29.4739L11.2105 30.3555L13.7334 28Z"
+      fill="black"
+    />
+    <rect
+      opacity="0.5"
+      x="17"
+      y="30"
+      width="18"
+      height="2"
+      rx="1"
+      fill="black"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_0_2707">
+      <rect width="44" height="44" fill="white" />
+    </clipPath>
+  </defs>
+</svg>

package/src/assets/dashboard/bookingListSmall.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect x="1" y="1" width="14" height="16" stroke="currentColor" stroke-width="2"/>
+  <rect x="4" y="4" width="8" height="2" fill="currentColor"/>
+  <rect x="4" y="8" width="8" height="2" fill="currentColor"/>
+  <rect x="4" y="12" width="8" height="2" fill="currentColor"/>
+</svg>

package/src/assets/dashboard/fullscreen.svg

@@ -0,0 +1,3 @@
+<svg width="6" height="14" viewBox="0 0 6 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 6V0H0V2H4V6H6ZM0 14H6V8H4V12H0V14Z" fill="currentColor"/>
+</svg>

package/src/assets/dashboard/minimize.svg

@@ -0,0 +1,3 @@
+<svg width="6" height="14" viewBox="0 0 6 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V6H6V4H2V0H0ZM6 8H0V14H2V10H6V8Z" fill="currentColor"/>
+</svg>

package/src/assets/dashboard/refresh.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M10 5.00677C5.02944 5.00677 1 8.94404 1 13.8009C1 18.6578 5.02944 22.595 10 22.595V22.595C14.9706 22.595 19 18.6578 19 13.8009" stroke="currentColor" stroke-width="2"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.76142 5.25122V0L17.0691 4.98499L8.76142 10.5024V5.25122Z" fill="currentColor"/>
+</svg>

package/src/assets/widgets/circlePlus.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+    <circle cx="10" cy="10" r="10" fill="#0E8CE2"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M11 5H9V9H5V11H9V15H11V11H15V9H11V5Z" fill="white"/>
+</svg>

package/src/assets/widgets/inPage.svg

@@ -0,0 +1,10 @@
+<svg width="120" height="68" viewBox="0 0 120 68" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="119" height="67" rx="3.5" fill="white" stroke="#DCDCDC"/>
+<rect x="8.5" y="9.25" width="103" height="3" rx="1.5" fill="white" stroke="#FF0099"/>
+<rect x="8.5" y="15.5" width="82" height="45.7283" rx="3.5" fill="#F8F8F8" stroke="#FF0099"/>
+<path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H117.5C118.881 0 120 1.11929 120 2.5V6H0V2.5Z" fill="#D8D8D8"/>
+<circle cx="3.5" cy="3" r="1" fill="#FF1111"/>
+<circle cx="6.5" cy="3" r="1" fill="#FFE311"/>
+<circle cx="9.5" cy="3" r="1" fill="#11FF52"/>
+<rect x="93.5" y="15.7715" width="18" height="45.7283" rx="3.5" fill="#D8D8D8" stroke="#FF0099"/>
+</svg>

package/src/assets/widgets/overlay.svg

@@ -0,0 +1,9 @@
+<svg width="120" height="68" viewBox="0 0 120 68" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="119" height="67" rx="3.5" fill="white" stroke="#DCDCDC"/>
+<rect x="28.5" y="17.5" width="63" height="35" rx="3.5" fill="#F8F8F8" stroke="#FF0099"/>
+<path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H117.5C118.881 0 120 1.11929 120 2.5V6H0V2.5Z" fill="#D8D8D8"/>
+<circle cx="3.5" cy="3" r="1" fill="#FF1111"/>
+<circle cx="6.5" cy="3" r="1" fill="#FFE311"/>
+<circle cx="9.5" cy="3" r="1" fill="#11FF52"/>
+<path d="M76 18H88C89.6569 18 91 19.3431 91 21V49C91 50.6569 89.6569 52 88 52H76V18Z" fill="#D8D8D8"/>
+</svg>

package/src/assets/widgets/sidebar.svg

@@ -0,0 +1,9 @@
+<svg width="120" height="68" viewBox="0 0 120 68" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="119" height="67" rx="3.5" fill="white" stroke="#DCDCDC"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M116 66.5H92.5C90.2909 66.5 88.5 64.7091 88.5 62.5L88.5 10.5C88.5 8.29086 90.2909 6.5 92.5 6.5L119 6.5V63.5C119 63.5 119 64.5 118 65.5C117 66.5 116 66.5 116 66.5Z" fill="#F8F8F8" stroke="#FF0099"/>
+<path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H117.5C118.881 0 120 1.11929 120 2.5V6H0V2.5Z" fill="#D8D8D8"/>
+<circle cx="3.5" cy="3" r="1" fill="#FF1111"/>
+<circle cx="6.5" cy="3" r="1" fill="#FFE311"/>
+<circle cx="9.5" cy="3" r="1" fill="#11FF52"/>
+<path d="M118.5 51V63C118.5 64.6569 117.157 66 115.5 66H92C90.3431 66 89 64.6569 89 63V51L118.5 51Z" fill="#D8D8D8"/>
+</svg>

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/events/edit-event-modal/IntervalInput.tsx

@@ -6,7 +6,6 @@ import { useTranslation } from "react-i18next";
 import { useIntl } from "react-intl";
 
 import { useId } from "@react-aria/utils";
-import { ProductSet } from "@licklist/core/dist/DataMapper/Product/ProductSetDataMapper";
 import HTMLInputDateElement from "../../types/static/HTMLInputDateElement";
 import { RecurrenceInput } from "../../recurrence-input";
 import { WarningMessage } from "../../static";
@@ -14,8 +13,6 @@ import { ProductSetFormValues } from "../../product-set/form";
 
 interface IntervalInputProps {
   editedProductSet?: ProductSetFormValues;
-  productSets?: ProductSet[];
-  productSetId?: number;
   disabled?: boolean;
 }
 
@@ -28,8 +25,6 @@ export interface IntervalInputValues {
 export function IntervalInput({
   disabled = false,
   editedProductSet,
-  productSetId,
-  productSets,
 }: IntervalInputProps) {
   const { t } = useTranslation(["Design", "Validation"]);
   const {
@@ -37,7 +32,6 @@ export function IntervalInput({
     formState: { errors },
     watch,
     control,
-    trigger,
     setValue,
   } = useFormContext<IntervalInputValues>();
 
@@ -48,7 +42,6 @@ export function IntervalInput({
   const start = watch("start");
   const end = watch("end");
   const [recurrent, setRecurrent] = useState(Boolean(rrule));
-  const [isOverriden, setIsOverriden] = useState(false);
   const recurrentId = useId();
 
   const startDateInput = useRef<HTMLInputDateElement | null>(null);
@@ -73,23 +66,6 @@ export function IntervalInput({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editedProductSet]);
 
-  useEffect(() => {
-    if (!productSets) return;
-
-    const isOverridenProductSet = productSets.find(
-      (productSet) =>
-        (editedProductSet && productSet?.id === editedProductSet?.id) ||
-        (Boolean(productSet?.parentMenuId) && productSet?.id === productSetId)
-    );
-
-    setIsOverriden(Boolean(isOverridenProductSet));
-  }, [productSets, productSetId, setIsOverriden, editedProductSet]);
-
-  const onChangeEndDate = (nextEndtDate: string) => {
-    setValue("end", nextEndtDate);
-    trigger("end");
-  };
-
   return (
     <>
       <Form.Row className="interval-container">
@@ -120,7 +96,7 @@ export function IntervalInput({
             value={end}
             name="end"
             onChange={({ target: { value: nextEndtDate } }) =>
-              onChangeEndDate(nextEndtDate)
+              setValue("end", nextEndtDate)
             }
             min={start}
             isInvalid={Boolean(errors.end)}
@@ -153,11 +129,9 @@ export function IntervalInput({
               {t("reccurentDescription", { item: t("event") })}
             </Form.Text>
           )}
+          <WarningMessage message={t("recurrentOverridesWarining")} />
         </Form.Group>
       )}
-      {isOverriden && (
-        <WarningMessage message={t("recurrentOverridesWarining")} />
-      )}
       {recurrent && start && (
         <Form.Group>
           <Controller

package/src/events/edit-event-modal/component/EditEventForm/EditEventForm.tsx

@@ -121,7 +121,6 @@ export const EditEventForm = ({
 
   const visible = watch("visible");
   const editedProductSet = watch("editedProductSet");
-  const productSetId = watch("productSetId");
 
   const {
     images,
@@ -268,8 +267,6 @@ export const EditEventForm = ({
           <IntervalInput
             key={watch("rrule")}
             disabled={disabled}
-            productSetId={productSetId}
-            productSets={productSets}
             editedProductSet={editedProductSet}
           />
           {categories.length !== 0 && (

package/src/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.tsx

@@ -11,7 +11,6 @@ import { ProductSetControl } from "../../../../../product-set";
 import { ProductSetContextProvider } from "../../../../../product-set/form/context";
 import { getDefaultValues } from "../../../utils/getDefaultProductSet";
 import { EditEventFormValues } from "../../EditEventForm";
-import { getFilteredTemplates } from "../../../../../product-set/utils/index";
 
 export const DEFAULT_FEE = 5;
 
@@ -110,16 +109,8 @@ export const EditEventProductSet = ({
       <FormProvider {...form}>
         <Form className="mt-6">
           <ProductSetControl
-            smsTemplates={getFilteredTemplates(
-              smsTemplates,
-              formValues?.smsTemplates
-            )}
-            emailTemplates={getFilteredTemplates(
-              emailTemplates,
-              formValues?.emailTemplates
-            )}
-            showEmailTemplate={!!emailTemplates}
-            showSmsTemplate={!!smsTemplates}
+            emailTemplates={emailTemplates}
+            smsTemplates={smsTemplates}
             fieldSets={fieldSetsData}
             isLoading={isLoading}
             companyName={selectedCompany?.title}

package/src/events/edit-event-modal/utils/getDefaultProductSet.ts

@@ -3,7 +3,6 @@ import {
   DEFAULT_PRODUCT_SET_TYPE,
   ProductSet,
 } from "@licklist/core/dist/DataMapper/Product/ProductSetDataMapper";
-import { getFilteredTemplates } from "../../../product-set/utils/index";
 import { ProductSetFormValues } from "../../../product-set/form/ProductSetForm";
 
 export const getDefaultValues = (
@@ -15,16 +14,15 @@ export const getDefaultValues = (
   type: productSet?.type ?? DEFAULT_PRODUCT_SET_TYPE,
   termsAndConditions: productSet?.termsAndConditions ?? "",
   operationalCost: productSet?.operationalCost ?? DEFAULT_OPERATIONAL_COST_TYPE,
-  thankYouPageUrl: productSet?.thankYouPageUrl ?? "",
   isDefault: productSet?.isDefault ?? false,
   fieldSetId: productSet?.fieldSetId,
-  emailTemplates:
+  emailTemplateId:
     productSet?.mailTemplates && productSet?.mailTemplates?.length > 0
-      ? getFilteredTemplates(productSet?.mailTemplates)
+      ? productSet?.mailTemplates[0].notification.id
       : undefined,
-  smsTemplates:
+  smsTemplateId:
     productSet?.smsTemplates && productSet?.smsTemplates?.length > 0
-      ? getFilteredTemplates(productSet?.mailTemplates)
+      ? productSet?.smsTemplates[0].notification.id
       : undefined,
   steps:
     productSet?.steps?.map(({ productCategories, ...step }) => ({

package/src/events/event-statistic-modal/EventStatisticModal.tsx

@@ -11,6 +11,7 @@ export type EventStatisticModalProps = {
   setIsOpen: (value: boolean) => void;
   eventStatistic?: EventStatistic | null;
   title?: string;
+  date?: string;
 };
 
 export const EventStatisticModal = ({
@@ -18,9 +19,11 @@ export const EventStatisticModal = ({
   setIsOpen,
   eventStatistic,
   title,
+  date,
 }: EventStatisticModalProps) => {
   const { t } = useTranslation("Design");
-  const data = useTableData(eventStatistic);
+  const data = useTableData(eventStatistic, date);
+
   const handleClose = () => {
     setIsOpen(false);
   };
@@ -55,7 +58,7 @@ export const EventStatisticModal = ({
                 { key: "total", label: "" },
               ]}
               data={data}
-              className="striped-static-table"
+              className="event-statistic-table"
             />
           </>
         ) : (