@licklist/design 0.44.485 → 0.44.486-dev.1

package/dist/virtualized/components/VirtualizedWindowScroller.d.ts

@@ -1,16 +1,16 @@
 import { ReactNode } from "react";
 import { WindowScrollerProps, WindowScrollerChildProps } from "react-virtualized";
-export declare type VirtualizedWindowScrollerChildProps = {
+export type VirtualizedWindowScrollerChildProps = {
     windowDimensions: {
         width: number;
         height: number;
     };
 } & WindowScrollerChildProps;
-export declare type VirtualizedWindowScrollerProps = Omit<WindowScrollerProps, "children"> & {
+export type VirtualizedWindowScrollerProps = Omit<WindowScrollerProps, "children"> & {
     children: (props: VirtualizedWindowScrollerChildProps) => ReactNode;
     onDataUpdate?: () => void;
 };
-export declare type WrappedVirtualizedWindowScrollerProps = Omit<WindowScrollerProps, "children"> & {
+export type WrappedVirtualizedWindowScrollerProps = Omit<WindowScrollerProps, "children"> & {
     children: VirtualizedWindowScrollerChildProps;
 };
 export declare const VirtualizedWindowScroller: (props: VirtualizedWindowScrollerProps) => JSX.Element;

package/dist/virtualized/components/VirtualizedWindowScroller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedWindowScroller.d.ts","sourceRoot":"","sources":["../../../src/virtualized/components/VirtualizedWindowScroller.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AAEhE,OAAO,EAEL,mBAAmB,EACnB,wBAAwB,EACzB,MAAM,mBAAmB,CAAC;AAG3B,oBAAY,mCAAmC,GAAG;IAChD,gBAAgB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACrD,GAAG,wBAAwB,CAAC;AAE7B,oBAAY,8BAA8B,GAAG,IAAI,CAC/C,mBAAmB,EACnB,UAAU,CACX,GAAG;IACF,QAAQ,EAAE,CAAC,KAAK,EAAE,mCAAmC,KAAK,SAAS,CAAC;IACpE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,qCAAqC,GAAG,IAAI,CACtD,mBAAmB,EACnB,UAAU,CACX,GAAG;IACF,QAAQ,EAAE,mCAAmC,CAAC;CAC/C,CAAC;AA6BF,eAAO,MAAM,yBAAyB,UAC7B,8BAA8B,gBAOtC,CAAC"}
+{"version":3,"file":"VirtualizedWindowScroller.d.ts","sourceRoot":"","sources":["../../../src/virtualized/components/VirtualizedWindowScroller.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AAEhE,OAAO,EAEL,mBAAmB,EACnB,wBAAwB,EACzB,MAAM,mBAAmB,CAAC;AAG3B,MAAM,MAAM,mCAAmC,GAAG;IAChD,gBAAgB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACrD,GAAG,wBAAwB,CAAC;AAE7B,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAC/C,mBAAmB,EACnB,UAAU,CACX,GAAG;IACF,QAAQ,EAAE,CAAC,KAAK,EAAE,mCAAmC,KAAK,SAAS,CAAC;IACpE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,qCAAqC,GAAG,IAAI,CACtD,mBAAmB,EACnB,UAAU,CACX,GAAG;IACF,QAAQ,EAAE,mCAAmC,CAAC;CAC/C,CAAC;AA6BF,eAAO,MAAM,yBAAyB,UAC7B,8BAA8B,gBAOtC,CAAC"}

package/dist/virtualized/context/VirtualizedContext.d.ts

@@ -1,10 +1,10 @@
 import React, { ReactNode } from "react";
 import { Grid } from "react-virtualized";
-export declare type VirtualizedContextProps = {
+export type VirtualizedContextProps = {
     gridRef: Grid | null;
     setGridRef: (element: Grid | null) => void;
 };
-export declare type VirtualizedContextProviderProps = {
+export type VirtualizedContextProviderProps = {
     children?: ReactNode;
 };
 export declare const VirtualizedContext: React.Context<VirtualizedContextProps>;

package/dist/virtualized/context/VirtualizedContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedContext.d.ts","sourceRoot":"","sources":["../../../src/virtualized/context/VirtualizedContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,oBAAY,uBAAuB,GAAG;IACpC,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,oBAAY,+BAA+B,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAEvE,eAAO,MAAM,kBAAkB,wCAG7B,CAAC;AAEH,eAAO,MAAM,0BAA0B,kBAEpC,+BAA+B,gBAejC,CAAC"}
+{"version":3,"file":"VirtualizedContext.d.ts","sourceRoot":"","sources":["../../../src/virtualized/context/VirtualizedContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAEvE,eAAO,MAAM,kBAAkB,wCAG7B,CAAC;AAEH,eAAO,MAAM,0BAA0B,kBAEpC,+BAA+B,gBAejC,CAAC"}

package/dist/zone/form/ZoneForm.d.ts

@@ -2,14 +2,14 @@
 import { Zone } from "@licklist/core/dist/DataMapper/Provider/ZoneDataMapper";
 import { ServerError } from "@licklist/plugins/dist/hooks/Api/useHttpQuery";
 import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
-export declare type ZoneFormProps = {
+export type ZoneFormProps = {
     defaultValues?: Partial<Zone>;
     onSubmit: (values: Partial<Zone>) => void;
     serverErrors?: ServerError;
     isLoading?: boolean;
     workHours?: WorkHour[];
 };
-export declare type ZoneFormValues = Partial<Zone> & {
+export type ZoneFormValues = Partial<Zone> & {
     localImageBlobURL?: string;
 };
 export declare const ZoneForm: ({ defaultValues, onSubmit, serverErrors, isLoading, workHours, }: ZoneFormProps) => JSX.Element;

package/dist/zone/form/ZoneForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoneForm.d.ts","sourceRoot":"","sources":["../../../src/zone/form/ZoneForm.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,wDAAwD,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE5E,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAGtF,oBAAY,aAAa,GAAG;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;CACxB,CAAC;AAEF,oBAAY,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG;IAC3C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,QAAQ,qEAMlB,aAAa,gBAiDf,CAAC"}
+{"version":3,"file":"ZoneForm.d.ts","sourceRoot":"","sources":["../../../src/zone/form/ZoneForm.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,wDAAwD,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE5E,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAGtF,MAAM,MAAM,aAAa,GAAG;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG;IAC3C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,QAAQ,qEAMlB,aAAa,gBAiDf,CAAC"}

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

@@ -1,15 +1,22 @@
 import React from "react";
+import { UseFormSetError } from "react-hook-form";
 import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
-export declare type AvailableTimesControlRef = {
+export type AvailableTimesControlRef = {
     trigger: () => Promise<boolean>;
     getValues: () => {
         availableTimes: string[];
     };
+    setError: UseFormSetError<AvailableTimesForm>;
 };
-declare type AvailableTimesControlProps = {
+type AvailableTimesControlProps = {
     isLoading: boolean;
     workHours?: WorkHour[];
     defaultValues?: string[];
+    startTime?: string;
+    endTime?: string;
+};
+type AvailableTimesForm = {
+    availableTimes: string[];
 };
 export declare const AvailableTimesControl: React.ForwardRefExoticComponent<AvailableTimesControlProps & React.RefAttributes<AvailableTimesControlRef>>;
 export {};

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;AAKf,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAGtF,oBAAY,wBAAwB,GAAG;IACrC,OAAO,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAChC,SAAS,EAAE,MAAM;QAAE,cAAc,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;CAC/C,CAAC;AAEF,aAAK,0BAA0B,GAAG;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B,CAAC;AAIF,eAAO,MAAM,qBAAqB,6GAwFhC,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;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"}

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

@@ -1 +1 @@
-"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;
+"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;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type DescriptionControlProps = {
+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,aAAK,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,KAAK,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" />
-declare type NameControlProps = {
+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,aAAK,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,KAAK,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" />
-declare type SortControlProps = {
+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,aAAK,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,KAAK,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 declare type ZoneControlProps = {
+export 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,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"}
+{"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"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type ZoneImageControlProps = {
+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,aAAK,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,KAAK,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 declare type ZoneRecurrenceControlProps = {
+export 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":";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"}
+{"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"}

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("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))))};
+"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"),p=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,x=l.useFormContext(),I=x.control,k=x.register,y=x.formState.errors,S=x.getValues,A=x.setValue,h=x.clearErrors,F=l.useFieldArray({name:"zoneRecurrences",control:I,keyName:"_id"}),M=F.fields,N=F.append,O=F.update,z=F.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;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)||(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(){M.length&&h("zoneRecurrences")}),[M,h]),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()?(t=d.DateTime.fromFormat(e.startTime,i.TIME_FORMAT),n=d.DateTime.fromFormat(e.endTime,i.TIME_FORMAT),a=J.current.getValues().availableTimes,a.every((function(e){var r=d.DateTime.fromFormat(p.calculateTimeWithOffset(e,p.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?O(P.index,o):N(o),V((function(){return!1})),H(),[2]):(J.current.setError("availableTimes",{message:U("Validation:fieldTimeBetween",{attribute:U("Design:startTimesSmall"),min:null==e?void 0:e.startTime,max:null==e?void 0:e.endTime})}),[2])):[2]}}))}))},onDelete:function(){var e=P.index;V(!1),H(),setTimeout((function(){var r=S().zoneRecurrences;A("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:[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=M.findIndex((function(e){return String(e._id)===t.id})),i=M.findIndex((function(e){return String(e._id)===r.id}));z(n,i)}}},n.createElement(f.SortableContext,{items:null!==(b=null==M?void 0:M.map((function(e){return String(e._id)})))&&void 0!==b?b:[],strategy:f.verticalListSortingStrategy},null==M?void 0:M.map((function(e,r){return n.createElement(_.ZoneRecurrenceControl,{key:e._id,zoneRecurrence:e,onEdit:function(){return function(e,r){H(),setTimeout((function(){Z({index:r,values:e}),G(e.availableTimes||[]),V((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"}),U("addDates")),n.createElement(o.Form.Control,r.__assign({type:"hidden"},k("zoneRecurrences",{required:{value:!0,message:U("Validation:fieldMinNumber",{attribute:U("dates"),min:1})}}))),n.createElement("div",{className:"manual-form-error"},null===(q=y.zoneRecurrences)||void 0===q?void 0:q.message))))};

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type ZoneTypeControlProps = {
+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,aAAK,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,KAAK,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,6BA8ChB,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,6BAgDhB,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={},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;
+"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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.44.485",
+  "version": "0.44.486-dev.1",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -53,10 +53,11 @@
     "@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.x",
+    "@licklist/core": ">=0.15.28-dev.0 < 0.15.28",
     "@licklist/eslint-config": "0.3.4",
-    "@licklist/plugins": "0.20.x",
+    "@licklist/plugins": ">=0.20.133-dev.5 < 0.20.133",
     "@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",
@@ -71,6 +72,7 @@
     "@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",
@@ -186,7 +188,7 @@
     "style-loader": "2.0.0",
     "ts-jest": "26.5.2",
     "twemoji-parser": "14.0.0",
-    "typescript": "4.5.5",
+    "typescript": "4.9.5",
     "url-loader": "4.1.1",
     "use-debounce": "7.0.1"
   },

package/src/assets/iframe/backButton.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="16" cy="16" r="15.5" fill="#F3F3F3" stroke="#F0F0F0"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.293 15.2929C9.90252 15.6834 9.90252 16.3166 10.293 16.7071L16.657 23.0711C17.0475 23.4616 17.6807 23.4616 18.0712 23.0711C18.4617 22.6805 18.4617 22.0474 18.0712 21.6569L12.4144 16L18.0712 10.3431C18.4617 9.95262 18.4617 9.31946 18.0712 8.92893C17.6807 8.53841 17.0475 8.53841 16.657 8.92893L10.293 15.2929Z" fill="#1A182B"/>
+</svg>

package/src/assets/iframe/dateInfo/available.svg

@@ -0,0 +1,5 @@
+<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.943939" y="1.03658" width="5.25188" height="3.04878" rx="1.5" fill="#4CF973" stroke="white"/>
+<rect x="0.943939" y="4.10976" width="5.25188" height="3.04878" rx="1.5" fill="#4CF973" stroke="white"/>
+<rect x="0.943939" y="7.18292" width="5.25188" height="3.04878" rx="1.5" fill="#4CF973" stroke="white"/>
+</svg>

package/src/assets/iframe/dateInfo/limited.svg

@@ -0,0 +1,5 @@
+<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1.2406" y="1.03658" width="5.25188" height="3.04878" rx="1.5" fill="#E4E4E4" stroke="white"/>
+<rect x="1.2406" y="4.10976" width="5.25188" height="3.04878" rx="1.5" fill="#FDD054" stroke="white"/>
+<rect x="1.2406" y="7.18292" width="5.25188" height="3.04878" rx="1.5" fill="#FDD054" stroke="white"/>
+</svg>

package/src/assets/iframe/dateInfo/soldOut.svg

@@ -0,0 +1,6 @@
+<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="5.94013" height="10" transform="translate(0.497131)" fill="white"/>
+<rect x="0.591156" y="0.5" width="5.75211" height="3" rx="1.5" fill="#E4E4E4" stroke="white"/>
+<rect x="0.591156" y="3.5" width="5.75211" height="3" rx="1.5" fill="#E4E4E4" stroke="white"/>
+<rect x="0.591156" y="6.5" width="5.75211" height="3" rx="1.5" fill="#E4E4E4" stroke="white"/>
+</svg>

package/src/customers/components/filter/CustomerFilter.stories.tsx

@@ -0,0 +1,18 @@
+import React, { useState } from "react";
+import { Meta, Story } from "@storybook/react";
+import { CustomerFilter, CustomerFilterProps } from "./CustomerFilter";
+
+export default {
+  title: "Customers/Filter",
+  component: CustomerFilter,
+} as Meta;
+
+export const Default: Story<CustomerFilterProps> = () => {
+  const [values, setValues] = useState({
+    name: "",
+    email: "",
+    phone: "",
+  });
+
+  return <CustomerFilter values={values} onChange={setValues} />;
+};

package/src/customers/components/filter/CustomerFilter.tsx

@@ -0,0 +1,48 @@
+import React from "react";
+import { useTranslation } from "react-i18next";
+import clsx from "clsx";
+import { TextField } from "../../../static/TextField";
+
+type CustomerFilterValues = {
+  name: string;
+  email: string;
+  phone: string;
+};
+
+const FILTER_FIELDS = {
+  name: "name",
+  email: "email",
+  phone: "phone",
+};
+
+export interface CustomerFilterProps {
+  values: CustomerFilterValues;
+  onChange: (values: CustomerFilterValues) => void;
+}
+
+export const CustomerFilter = ({ values, onChange }: CustomerFilterProps) => {
+  const { t } = useTranslation(["Design"]);
+
+  return (
+    <div className="customers-filter d-flex">
+      <div className="d-flex customers-filter-items">
+        {Object.keys(FILTER_FIELDS).map((filterKeyName) => {
+          const label = t(FILTER_FIELDS[filterKeyName]);
+
+          return (
+            <TextField
+              key={filterKeyName}
+              className={clsx("mb-0", "col-4", "customer-filter")}
+              type="text"
+              label={label}
+              value={values[filterKeyName]}
+              onChange={(event) =>
+                onChange({ ...values, [filterKeyName]: event.target.value })
+              }
+            />
+          );
+        })}
+      </div>
+    </div>
+  );
+};

package/src/customers/components/filter/index.ts

@@ -0,0 +1,2 @@
+export { CustomerFilter } from "./CustomerFilter";
+export type { CustomerFilterProps } from "./CustomerFilter";

package/src/customers/components/index.ts

@@ -0,0 +1 @@
+export * from "./filter";

package/src/customers/index.ts

@@ -0,0 +1 @@
+export * from "./components";

package/src/date-time-button/DateContent.tsx

@@ -0,0 +1,46 @@
+import { DAY_OF_WEEK, DAY_NUMBER_WITH_MONTH } from "@licklist/core/dist/Config";
+import { getDayWithOrdinal } from "@licklist/plugins/dist/utils/formatDate";
+import clsx from "clsx";
+import { isToday, isTomorrow } from "date-fns";
+import { DateTime } from "luxon";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { DateTimeButtonProps } from "./DateTimeButton";
+
+type DateContentProps = Pick<
+  DateTimeButtonProps,
+  "isDisabled" | "isSelected"
+> & {
+  date: DateTime;
+};
+
+export const DateContent = ({
+  date,
+  isDisabled,
+  isSelected,
+}: DateContentProps) => {
+  const { t } = useTranslation("Design");
+
+  const getDate = () => {
+    if (isToday(date.toJSDate())) return t("today");
+    if (isTomorrow(date.toJSDate())) return t("tomorrow");
+    return date.toFormat(DAY_OF_WEEK);
+  };
+
+  const [day, month] = date.toFormat(DAY_NUMBER_WITH_MONTH).split(" ");
+
+  return (
+    <div className="weekday-info">
+      <div>{getDate()}</div>
+      <div
+        className={clsx(
+          "descriptions",
+          isSelected && "selected",
+          isDisabled && "disabled"
+        )}
+      >
+        {`${getDayWithOrdinal(+day)} ${month}`}
+      </div>
+    </div>
+  );
+};

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

@@ -0,0 +1,80 @@
+import React from "react";
+import { Meta, Story } from "@storybook/react";
+import { DateTime } from "luxon";
+import { DateTimeButton, DateTimeButtonProps } from "./DateTimeButton";
+
+export default {
+  title: "DateTimeButton",
+  component: DateTimeButton,
+} as Meta;
+
+const date = DateTime.fromISO("2023-12-28T10:10:10.000Z");
+
+export const Default: Story<DateTimeButtonProps> = (args) => {
+  return <DateTimeButton {...args} />;
+};
+
+Default.args = {
+  date,
+  isSelected: false,
+  isDisabled: false,
+  onSelect: () => null,
+};
+
+export const Selected: Story<DateTimeButtonProps> = (args) => {
+  return <DateTimeButton {...args} />;
+};
+
+Selected.args = {
+  date,
+  isSelected: true,
+  isDisabled: false,
+  onSelect: () => null,
+};
+
+export const Disabled: Story<DateTimeButtonProps> = (args) => {
+  return <DateTimeButton {...args} />;
+};
+
+Disabled.args = {
+  date,
+  isSelected: false,
+  isDisabled: true,
+  onSelect: () => null,
+};
+
+export const Time: Story<DateTimeButtonProps> = (args) => {
+  return <DateTimeButton {...args} />;
+};
+
+Time.args = {
+  date: "10:10",
+  isSelected: false,
+  isDisabled: true,
+  onSelect: () => null,
+};
+
+export const OnlyTime: Story<DateTimeButtonProps> = (args) => {
+  return <DateTimeButton {...args} />;
+};
+
+OnlyTime.args = {
+  date: "10:10",
+  isSelected: false,
+  isDisabled: true,
+  onSelect: () => null,
+  isOnlyTimeContainer: true,
+};
+
+export const WithPrice: Story<DateTimeButtonProps> = (args) => {
+  return <DateTimeButton {...args} />;
+};
+
+WithPrice.args = {
+  date,
+  isSelected: false,
+  isDisabled: false,
+  onSelect: () => null,
+  isOnlyTimeContainer: false,
+  price: "from $8000",
+};

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

@@ -0,0 +1,73 @@
+import React, { ReactElement } from "react";
+import clsx from "clsx";
+import { DateTime } from "luxon";
+import { DateContent } from "./DateContent";
+
+export type DateTimeButtonProps<T = DateTime | string> = {
+  date: T;
+  isSelected?: boolean;
+  isDisabled?: boolean;
+  onSelect: (date: T) => void;
+  isOnlyTimeContainer?: boolean;
+  price?: string | number | ReactElement | null;
+};
+
+export const DateTimeButton = <T extends DateTime | string>({
+  date,
+  isDisabled,
+  isSelected,
+  onSelect,
+  isOnlyTimeContainer,
+  price,
+}: DateTimeButtonProps<T>) => {
+  // const infoLogo = useMemo(() => {
+  //   if (info?.logo === infoLogoType.LIMIT) {
+  //     return <LimitedSvg />;
+  //   }
+  //   if (info?.logo === infoLogoType.AVAILABLE) {
+  //     return <AvailableSvg />;
+  //   }
+  //   if (info?.logo === infoLogoType.SOLD_OUT) {
+  //     return <SoldOutSvg />;
+  //   }
+  //   return null;
+  // }, [info]);
+
+  const isTimeVariant = typeof date === "string";
+
+  return (
+    <button
+      type="button"
+      onClick={() => onSelect(date)}
+      disabled={isDisabled}
+      className={clsx(
+        "date-time-button",
+        isDisabled && "disabled",
+        isSelected && "selected",
+        isTimeVariant && "time-button",
+        isOnlyTimeContainer && "only-time-container",
+        !isTimeVariant && "today"
+      )}
+    >
+      {isTimeVariant ? (
+        date
+      ) : (
+        <DateContent
+          date={date}
+          isDisabled={isDisabled}
+          isSelected={isSelected}
+        />
+      )}
+
+      {price && <div className="price">{price}</div>}
+
+      {/* TODO uncomment when adding availability */}
+      {/* {info && (
+        <div className="info">
+          {info.logo && <Logo className="logo" logo={infoLogo} />}
+          <div>{info.description}</div>
+        </div>
+      )} */}
+    </button>
+  );
+};

package/src/date-time-button/index.ts

@@ -0,0 +1 @@
+export * from "./DateTimeButton";