@licklist/design 0.44.511 → 0.44.512

package/dist/product-set/control/ProductSetControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductSetControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/ProductSetControl.tsx"],"names":[],"mappings":";AAKA,OAAO,EAIL,mBAAmB,EACnB,cAAc,EACf,MAAM,6DAA6D,CAAC;AAErE,OAAO,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,MAAM,qEAAqE,CAAC;AACpG,OAAO,EAAE,WAAW,EAAE,MAAM,mEAAmE,CAAC;AAIhG,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAIL,4BAA4B,EAC7B,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAShC,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,aAAa,GAAG,WAAW,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,uBAAwB,SAAQ,4BAA4B;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,cAAc,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,mBAAmB,CAAC;IACrC,aAAa,CAAC,EAAE,UAAU,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,cAAc,CAAC,EAAE,YAAY,EAAE,CAAC;IAChC,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,uBAAuB;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IACjC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,YAAY,EAAE,CAAC;IAChC,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,SAAS,EACT,GAAU,EACV,SAAc,EACd,cAAmB,EACnB,YAAiB,EACjB,qBAAqB,EACrB,cAAc,EACd,iBAAiB,EACjB,eAAe,GAChB,EAAE,sBAAsB,eAyPxB"}
+{"version":3,"file":"ProductSetControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/ProductSetControl.tsx"],"names":[],"mappings":";AAKA,OAAO,EAIL,mBAAmB,EACnB,cAAc,EACf,MAAM,6DAA6D,CAAC;AAErE,OAAO,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,MAAM,qEAAqE,CAAC;AACpG,OAAO,EAAE,WAAW,EAAE,MAAM,mEAAmE,CAAC;AAIhG,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAIL,4BAA4B,EAC7B,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAShC,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,aAAa,GAAG,WAAW,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,uBAAwB,SAAQ,4BAA4B;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,cAAc,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,mBAAmB,CAAC;IACrC,aAAa,CAAC,EAAE,UAAU,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,cAAc,CAAC,EAAE,YAAY,EAAE,CAAC;IAChC,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,uBAAuB;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IACjC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,YAAY,EAAE,CAAC;IAChC,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,SAAS,EACT,GAAU,EACV,SAAc,EACd,cAAmB,EACnB,YAAiB,EACjB,qBAAqB,EACrB,cAAc,EACd,iBAAiB,EACjB,eAAe,GAChB,EAAE,sBAAsB,eAqPxB"}

package/dist/product-set/control/ProductSetControl.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=e(require("react")),a=require("react-i18next"),n=require("react-bootstrap"),o=require("react-hook-form"),l=e(require("@licklist/plugins/dist/services/Form/HookFormService")),i=require("@react-aria/utils"),s=e(require("clsx")),m=require("../../static/WarningMessage.js");require("../../static/index.js");var c,u=require("@licklist/core/dist/DataMapper/Product/ProductSetDataMapper"),d=require("@licklist/plugins/dist/validation/Rules/urlRule"),p=(e(d),require("./DateAndRecurrenceInput.js")),E=require("./TutorialGifCard.js"),g=require("../form/StepsControl.js"),v=require("../../typeahead/Typeahead.js"),T=((c={})[u.OPERATIONAL_COST_PROVIDER]="operationalCostProvider",c[u.OPERATIONAL_COST_CUSTOMER]="operationalCostCustomer",c);exports.ProductSetControl=function(e){var c,f=e.companyName,C=e.isLoading,h=e.fee,F=void 0===h?"5%":h,P=e.fieldSets,O=void 0===P?[]:P,S=e.emailTemplates,D=void 0===S?[]:S,_=e.smsTemplates,b=void 0===_?[]:_,A=e.isEventEditProductSet,I=e.isCreateAction,N=e.showEmailTemplate,q=e.showSmsTemplate,R=a.useTranslation(["Design","Validation","Notification"]).t,k=o.useFormContext(),L=k.register,y=k.control,x=k.formState.errors,M=k.watch,Y=k.setError,j=k.clearErrors,U=M("steps"),V=i.useId(),G=i.useId();return r.createElement(n.Row,{className:"product-set-form ".concat(A&&"event-edit-product-set")},r.createElement(n.Col,{md:6,sm:12,className:"pr-5"},r.createElement(n.Form.Group,{controlId:V},r.createElement(n.Form.Label,null,R("Design:name"),"*"),r.createElement(n.Form.Control,t.__assign({},L("name",{required:R("Validation:fieldRequired",{attribute:R("name")}),maxLength:255,validate:function(){var e;return U.length?(null===(e=x.steps)||void 0===e?void 0:e.type)===l.manualErrorType&&j("steps"):Y("steps",{type:l.manualErrorType,message:R("Validation:fieldMinNumber",{attribute:R("steps"),min:1})}),!0}}),{placeholder:R("Design:placeholderProductSetName"),isInvalid:Boolean(x.name)})),r.createElement(n.Form.Control.Feedback,{type:"invalid"},null===(c=x.name)||void 0===c?void 0:c.message)),I&&r.createElement(p.DateAndRecurrenceInput,{isEventEditProductSet:A}),r.createElement("div",{className:"divider"}),r.createElement(E.default,null),r.createElement(g.StepsControl,{isLoading:C})),r.createElement(n.Col,{md:6,sm:12},r.createElement("div",{className:"second-column"},r.createElement(n.Form.Group,null,r.createElement(n.Form.Label,{className:"mb-0"},R("Design:operationalCost")),r.createElement("div",{className:"d-flex"},r.createElement("span",{className:"booking-fee-text"},R("bookingFeePaid",{fee:F}))),r.createElement(n.Form.Control,t.__assign({},L("operationalCost",{required:!0}),{as:"select",defaultValue:u.OPERATIONAL_COST_PROVIDER}),Object.keys(u.OPERATIONAL_COST_TYPES).map((function(e){return r.createElement("option",{value:u.OPERATIONAL_COST_TYPES[e],key:u.OPERATIONAL_COST_TYPES[e]},R(T[u.OPERATIONAL_COST_TYPES[e]],{companyName:f}))})))),r.createElement(n.Form.Group,{controlId:G},r.createElement(n.Form.Label,null,R("Design:termsAndConditions")),r.createElement(n.Form.Control,t.__assign({},L("termsAndConditions"),{as:"textarea",rows:2,disabled:C}))),r.createElement(n.Form.Group,null,r.createElement(n.Form.Label,{className:"mt-4"},R("Design:emailTemplate")),N?r.createElement(v.Typeahead,{name:"emailTemplates",options:D,isMultipleChoise:!0,placeholder:R("Design:choose"),noOptionsMessage:R("Design:noActiveTemplates",{notification:R("Design:email")})}):r.createElement(m.default,{message:R("Design:noActiveTemplates",{notification:R("Design:email")})}),r.createElement(n.Form.Label,{className:s(D.length>0?"mt-4":"mt-1")},R("Design:smsTemplate")),q?r.createElement(v.Typeahead,{name:"smsTemplates",options:b,isMultipleChoise:!0,placeholder:R("Design:choose"),noOptionsMessage:R("Design:noActiveTemplates",{notification:R("Design:sms")})}):r.createElement(m.default,{message:R("Design:noActiveTemplates",{notification:R("Design:sms")})})),r.createElement(n.Form.Group,null,r.createElement(o.Controller,{control:y,name:"fieldSetId",render:function(e){var t=e.field,a=String(t.value);return r.createElement(r.Fragment,null,r.createElement(n.Form.Label,null,R("Design:customFields")),r.createElement(n.Form.Control,{onChange:t.onChange,as:"select"},r.createElement("option",{value:"",selected:""===a},R("Design:choose")),null==O?void 0:O.map((function(e){var t=String(e.id);return r.createElement("option",{value:e.id,key:e.id,selected:a===t},e.name)}))))}})),r.createElement(n.Form.Group,{controlId:"thankYouPageUrlId"},r.createElement(n.Form.Label,null,R("thankYouPageUrl")),r.createElement(n.Form.Control,t.__assign({},L("thankYouPageUrl",{validate:function(e){return!e||(!!d.ruleForUrlWithProtocol.test(e)||R("Validation:fieldValidWebURL",{attribute:R("thankYouPageUrl")}))}}),{isInvalid:l.isInvalid("thankYouPageUrl",x)})),r.createElement(n.Form.Control.Feedback,{type:"invalid"},l.getErrors("thankYouPageUrl",x))))))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),a=e(require("react")),r=require("react-i18next"),n=require("react-bootstrap"),o=require("react-hook-form"),l=e(require("@licklist/plugins/dist/services/Form/HookFormService")),i=require("@react-aria/utils"),s=e(require("clsx")),m=require("../../static/WarningMessage.js");require("../../static/index.js");var c,u=require("@licklist/core/dist/DataMapper/Product/ProductSetDataMapper"),d=require("@licklist/plugins/dist/validation/Rules/urlRule"),p=(e(d),require("./DateAndRecurrenceInput.js")),E=require("./TutorialGifCard.js"),g=require("../form/StepsControl.js"),v=require("../../typeahead/Typeahead.js"),T=((c={})[u.OPERATIONAL_COST_PROVIDER]="operationalCostProvider",c[u.OPERATIONAL_COST_CUSTOMER]="operationalCostCustomer",c);exports.ProductSetControl=function(e){var c,f=e.companyName,C=e.isLoading,h=e.fee,F=void 0===h?"5%":h,P=e.fieldSets,O=void 0===P?[]:P,D=e.emailTemplates,b=void 0===D?[]:D,S=e.smsTemplates,_=void 0===S?[]:S,A=e.isEventEditProductSet,N=e.isCreateAction,I=e.showEmailTemplate,q=e.showSmsTemplate,R=r.useTranslation(["Design","Validation","Notification"]).t,k=o.useFormContext(),L=k.register,y=k.control,x=k.formState.errors,M=k.watch,Y=k.setError,j=k.clearErrors,U=M("steps"),V=i.useId(),G=i.useId();return a.createElement(n.Row,{className:"product-set-form ".concat(A&&"event-edit-product-set")},a.createElement(n.Col,{md:6,sm:12,className:"pr-5"},a.createElement(n.Form.Group,{controlId:V},a.createElement(n.Form.Label,null,R("Design:name"),"*"),a.createElement(n.Form.Control,t.__assign({},L("name",{required:R("Validation:fieldRequired",{attribute:R("name")}),maxLength:255,validate:function(){var e;return U.length?(null===(e=x.steps)||void 0===e?void 0:e.type)===l.manualErrorType&&j("steps"):Y("steps",{type:l.manualErrorType,message:R("Validation:fieldMinNumber",{attribute:R("steps"),min:1})}),!0}}),{placeholder:R("Design:placeholderProductSetName"),isInvalid:Boolean(x.name)})),a.createElement(n.Form.Control.Feedback,{type:"invalid"},null===(c=x.name)||void 0===c?void 0:c.message)),N&&a.createElement(p.DateAndRecurrenceInput,{isEventEditProductSet:A}),a.createElement("div",{className:"divider"}),a.createElement(E.default,null),a.createElement(g.StepsControl,{isLoading:C})),a.createElement(n.Col,{md:6,sm:12},a.createElement("div",{className:"second-column"},a.createElement(n.Form.Group,null,a.createElement(n.Form.Label,{className:"mb-0"},R("Design:operationalCost")),a.createElement("div",{className:"d-flex"},a.createElement("span",{className:"booking-fee-text"},R("bookingFeePaid",{fee:F}))),a.createElement(n.Form.Control,t.__assign({},L("operationalCost",{required:!0}),{as:"select",defaultValue:u.OPERATIONAL_COST_PROVIDER}),Object.keys(u.OPERATIONAL_COST_TYPES).map((function(e){return a.createElement("option",{value:u.OPERATIONAL_COST_TYPES[e],key:u.OPERATIONAL_COST_TYPES[e]},R(T[u.OPERATIONAL_COST_TYPES[e]],{companyName:f}))})))),a.createElement(n.Form.Group,{controlId:G},a.createElement(n.Form.Label,null,R("Design:termsAndConditions")),a.createElement(n.Form.Control,t.__assign({},L("termsAndConditions"),{as:"textarea",rows:2,disabled:C}))),a.createElement(n.Form.Group,null,a.createElement(n.Form.Label,{className:"mt-4"},R("Design:emailTemplate")),I?a.createElement(v.Typeahead,{name:"emailTemplates",options:b,isMultipleChoise:!0,placeholder:R("Design:choose"),noOptionsMessage:R("Design:noActiveTemplates",{notification:R("Design:email")})}):a.createElement(m.default,{message:R("Design:noActiveTemplates",{notification:R("Design:email")})}),a.createElement(n.Form.Label,{className:s(b.length>0?"mt-4":"mt-1")},R("Design:smsTemplate")),q?a.createElement(v.Typeahead,{name:"smsTemplates",options:_,isMultipleChoise:!0,placeholder:R("Design:choose"),noOptionsMessage:R("Design:noActiveTemplates",{notification:R("Design:sms")})}):a.createElement(m.default,{message:R("Design:noActiveTemplates",{notification:R("Design:sms")})})),a.createElement(n.Form.Group,null,a.createElement(o.Controller,{control:y,name:"fieldSetId",render:function(e){var t=e.field,r=Number(t.value);return a.createElement(a.Fragment,null,a.createElement(n.Form.Label,null,R("Design:customFields")),a.createElement(n.Form.Control,{onChange:t.onChange,value:r,as:"select"},a.createElement("option",{value:""},R("Design:choose")),null==O?void 0:O.map((function(e){return a.createElement("option",{value:e.id,key:e.id},e.name)}))))}})),a.createElement(n.Form.Group,{controlId:"thankYouPageUrlId"},a.createElement(n.Form.Label,null,R("thankYouPageUrl")),a.createElement(n.Form.Control,t.__assign({},L("thankYouPageUrl",{validate:function(e){return!e||(!!d.ruleForUrlWithProtocol.test(e)||R("Validation:fieldValidWebURL",{attribute:R("thankYouPageUrl")}))}}),{isInvalid:l.isInvalid("thankYouPageUrl",x)})),a.createElement(n.Form.Control.Feedback,{type:"invalid"},l.getErrors("thankYouPageUrl",x))))))};

package/dist/sales/booking/filter/BookingFilter.d.ts

@@ -1,4 +1,5 @@
 import { PropsWithChildren } from "react";
+import { User } from "@licklist/core/dist/DataMapper/User/UserDataMapper";
 export declare type BookingFilterProps = PropsWithChildren<{
     onAddFiltersClick?: () => void;
     onCancelFilterClick?: () => void;
@@ -7,6 +8,8 @@ export declare type BookingFilterProps = PropsWithChildren<{
     isFilterOpen?: boolean;
     autoFocusOnMount?: boolean;
     isFullscreenMode?: boolean;
+    staffMembers?: User[] | null;
+    isLoading: boolean;
 }>;
-export declare const BookingFilter: ({ isFilterOpen, autoFocusOnMount, isFullscreenMode, children, ...props }: BookingFilterProps) => JSX.Element;
+export declare const BookingFilter: ({ isFilterOpen, autoFocusOnMount, isFullscreenMode, staffMembers, isLoading, children, ...props }: BookingFilterProps) => JSX.Element;
 //# sourceMappingURL=BookingFilter.d.ts.map

package/dist/sales/booking/filter/BookingFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BookingFilter.d.ts","sourceRoot":"","sources":["../../../../src/sales/booking/filter/BookingFilter.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKjD,oBAAY,kBAAkB,GAAG,iBAAiB,CAAC;IACjD,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa,6EAMvB,kBAAkB,gBAyBpB,CAAC"}
+{"version":3,"file":"BookingFilter.d.ts","sourceRoot":"","sources":["../../../../src/sales/booking/filter/BookingFilter.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,oDAAoD,CAAC;AAK1E,oBAAY,kBAAkB,GAAG,iBAAiB,CAAC;IACjD,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa,sGAQvB,kBAAkB,gBA6BpB,CAAC"}

package/dist/sales/booking/filter/BookingFilter.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),n=require("react"),r=(e=n)&&"object"==typeof e&&"default"in e?e.default:e,i=require("./components/MainFilterSection.js"),o=require("./components/AdditionalFIlterSection.js"),l=require("./components/SearchingForSection.js");exports.BookingFilter=function(e){var n=e.isFilterOpen,a=void 0===n||n,c=e.autoFocusOnMount,s=void 0!==c&&c,u=e.isFullscreenMode,d=void 0!==u&&u,F=e.children,m=t.__rest(e,["isFilterOpen","autoFocusOnMount","isFullscreenMode","children"]);return r.createElement("div",{className:"booking-filter"},r.createElement(i.MainFilterSection,t.__assign({},m,{isFilterOpen:a,autoFocusOnMount:s,isFullscreenMode:d})),a?r.createElement(r.Fragment,null,r.createElement(o.AdditionalFilterSection,null),r.createElement("div",{className:"separator-horizontal"}),r.createElement(l.SearchingForSection,null)):F&&r.createElement(r.Fragment,null,r.createElement("div",{className:"separator-horizontal"}),F))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),i=require("react"),r=(e=i)&&"object"==typeof e&&"default"in e?e.default:e,n=require("./components/MainFilterSection.js"),o=require("./components/AdditionalFIlterSection.js"),s=require("./components/SearchingForSection.js");exports.BookingFilter=function(e){var i=e.isFilterOpen,a=void 0===i||i,l=e.autoFocusOnMount,c=void 0!==l&&l,u=e.isFullscreenMode,d=void 0!==u&&u,m=e.staffMembers,F=e.isLoading,f=e.children,M=t.__rest(e,["isFilterOpen","autoFocusOnMount","isFullscreenMode","staffMembers","isLoading","children"]);return r.createElement("div",{className:"booking-filter"},r.createElement(n.MainFilterSection,t.__assign({},M,{isLoading:F,isFilterOpen:a,autoFocusOnMount:c,isFullscreenMode:d})),a?r.createElement(r.Fragment,null,r.createElement(o.AdditionalFilterSection,{isLoading:F,staffMembers:m}),r.createElement("div",{className:"separator-horizontal"}),r.createElement(s.SearchingForSection,{staffMembers:m})):f&&r.createElement(r.Fragment,null,r.createElement("div",{className:"separator-horizontal"}),f))};

package/dist/sales/booking/filter/components/AdditionalFIlterSection.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { FilterSectionProps } from "./SearchingForSection";
 export declare type AdditionalFilterSectionProps = {
     onAddFiltersClick?: () => void;
     onCancelFilterClick?: () => void;
@@ -6,5 +7,5 @@ export declare type AdditionalFilterSectionProps = {
     onFullscreenButtonClick?: () => void;
     isFilterOpen?: boolean;
 };
-export declare const AdditionalFilterSection: () => JSX.Element;
+export declare const AdditionalFilterSection: ({ staffMembers, isLoading, }: FilterSectionProps) => JSX.Element;
 //# sourceMappingURL=AdditionalFIlterSection.d.ts.map

package/dist/sales/booking/filter/components/AdditionalFIlterSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdditionalFIlterSection.d.ts","sourceRoot":"","sources":["../../../../../src/sales/booking/filter/components/AdditionalFIlterSection.tsx"],"names":[],"mappings":";AAsBA,oBAAY,4BAA4B,GAAG;IACzC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,uBAAuB,mBAgEnC,CAAC"}
+{"version":3,"file":"AdditionalFIlterSection.d.ts","sourceRoot":"","sources":["../../../../../src/sales/booking/filter/components/AdditionalFIlterSection.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAS3D,oBAAY,4BAA4B,GAAG;IACzC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,uBAAuB,iCAGjC,kBAAkB,gBA+GpB,CAAC"}

package/dist/sales/booking/filter/components/AdditionalFIlterSection.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),a=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-i18next"),l=require("react-bootstrap"),o=require("react-hook-form"),i=require("@licklist/core/dist/DataMapper/Order/OrderDataMapper"),s=require("@licklist/plugins/dist/context/booking/BookingContext"),c=[i.ORDER_STATUS_PENDING,i.ORDER_STATUS_CANCELLED,i.ORDER_STATUS_COMPLETED,i.ORDER_STATUS_ACTION_REQUIRED];exports.AdditionalFilterSection=function(){var e=n.useTranslation("Design").t,i=r.useContext(s.BookingContext),m=i.filters,u=i.setFilters,E=o.useForm({defaultValues:m}),d=E.handleSubmit,p=E.register,f=E.reset;return r.useEffect((function(){f(m)}),[m,f]),a.createElement("div",{className:"additional-filter-section"},a.createElement(l.Form,{onSubmit:d((function(e){u(e)}))},a.createElement(l.Row,{className:"additional-filter-container"},a.createElement(l.Col,{md:"3"},a.createElement(l.Form.Group,null,a.createElement(l.Form.Label,null,e("staffMember")),a.createElement(l.Form.Control,t.__assign({},p("staffMember"),{as:"select"}),a.createElement("option",{value:""},e("Design:choose"))))),a.createElement(l.Col,{md:"3"},a.createElement(l.Form.Group,null,a.createElement(l.Form.Label,null,e("bookingStatus")),a.createElement(l.Form.Control,t.__assign({},p("status"),{as:"select"}),a.createElement("option",{value:""},e("Design:choose")),Object.keys(c).map((function(t){return a.createElement("option",{key:c[t],value:c[t]},e("Design:".concat(c[t])))}))))),a.createElement(l.Col,{className:"date-container"},a.createElement(l.Form.Group,null,a.createElement(l.Form.Label,null,e("date")),a.createElement(l.Form.Control,t.__assign({},p("date"),{type:"date"})))),a.createElement(l.Col,{md:"3",className:"d-flex align-items-end"},a.createElement(l.Form.Group,null,a.createElement(l.Button,{type:"submit",className:"shadow-none"},e("apply")))))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),a=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-i18next"),l=require("react-bootstrap"),o=require("react-hook-form"),i=require("../../../../static/date-range-input/DateRangeInput.js"),s=require("@licklist/core/dist/DataMapper/Order/OrderDataMapper"),c=require("@licklist/plugins/dist/context/booking/BookingContext"),u=[s.ORDER_STATUS_PENDING,s.ORDER_STATUS_CANCELLED,s.ORDER_STATUS_COMPLETED,s.ORDER_STATUS_ACTION_REQUIRED];exports.AdditionalFilterSection=function(e){var s=e.staffMembers,d=e.isLoading,m=n.useTranslation("Design").t,E=r.useContext(c.BookingContext),p=E.filters,f=E.setFilters,_=o.useForm({defaultValues:p}),g=_.handleSubmit,D=_.register,v=_.setValue,b=_.reset,C=_.watch,S=_.control,F=C("order_date_from"),R=C("order_date_to");return r.useEffect((function(){b(p)}),[p,b]),a.createElement("div",{className:"additional-filter-section"},a.createElement(l.Form,{onSubmit:g((function(e){f(e)}))},a.createElement(l.Row,{className:"additional-filter-container"},a.createElement(l.Col,{md:"3"},a.createElement(l.Form.Group,null,a.createElement(l.Form.Label,null,m("createdBy")),a.createElement(o.Controller,{control:S,name:"created_by",render:function(e){var t=e.field,r=String(null==t?void 0:t.value);return a.createElement(l.Form.Control,{as:"select",value:r,disabled:d,onChange:null==t?void 0:t.onChange},a.createElement("option",{value:"",selected:""===r},m("Design:choose")),null==s?void 0:s.map((function(e){return a.createElement("option",{value:null==e?void 0:e.id,key:null==e?void 0:e.id,selected:r===String(null==e?void 0:e.id)},null==e?void 0:e.firstName," ",null==e?void 0:e.lastName)})))}}))),a.createElement(l.Col,{md:"3"},a.createElement(l.Form.Group,null,a.createElement(l.Form.Label,null,m("bookingStatus")),a.createElement(l.Form.Control,t.__assign({disabled:d},D("status"),{as:"select"}),a.createElement("option",{value:""},m("Design:choose")),Object.keys(u).map((function(e){return a.createElement("option",{key:u[e],value:u[e]},m("Design:".concat(u[e])))}))))),a.createElement(l.Col,{className:"date-container"},a.createElement(l.Form.Group,null,a.createElement(l.Form.Label,null,m("date")),a.createElement(i.DateRangeInput,{disabled:d,placeholder:m("date"),startDate:F,endDate:R,onDateChange:function(e){var t=e.startDate,r=e.endDate;v("order_date_from",t),v("order_date_to",r)}}))),a.createElement(l.Col,{md:"3",className:"d-flex align-items-end"},a.createElement(l.Form.Group,null,a.createElement(l.Button,{disabled:d,type:"submit",className:"shadow-none"},m("apply")))))))};

package/dist/sales/booking/filter/components/MainFilterSection.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { BookingFilterProps } from "../BookingFilter";
-export declare type MainFilterSectionProps = BookingFilterProps;
-export declare const MainFilterSection: ({ isFilterOpen, onAddFiltersClick, onCancelFilterClick, onRefreshClick, onFullscreenButtonClick, autoFocusOnMount, isFullscreenMode, }: MainFilterSectionProps) => JSX.Element;
+export declare type MainFilterSectionProps = Omit<BookingFilterProps, "staffMembers">;
+export declare const MainFilterSection: ({ isFilterOpen, onAddFiltersClick, onCancelFilterClick, onRefreshClick, onFullscreenButtonClick, autoFocusOnMount, isFullscreenMode, isLoading, }: MainFilterSectionProps) => JSX.Element;
 //# sourceMappingURL=MainFilterSection.d.ts.map

package/dist/sales/booking/filter/components/MainFilterSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MainFilterSection.d.ts","sourceRoot":"","sources":["../../../../../src/sales/booking/filter/components/MainFilterSection.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAKtD,oBAAY,sBAAsB,GAAG,kBAAkB,CAAC;AAIxD,eAAO,MAAM,iBAAiB,2IAQ3B,sBAAsB,gBA0GxB,CAAC"}
+{"version":3,"file":"MainFilterSection.d.ts","sourceRoot":"","sources":["../../../../../src/sales/booking/filter/components/MainFilterSection.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAKtD,oBAAY,sBAAsB,GAAG,IAAI,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;AAI9E,eAAO,MAAM,iBAAiB,sJAS3B,sBAAsB,gBA4GxB,CAAC"}

package/dist/sales/booking/filter/components/MainFilterSection.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),n=require("react"),a=e(n),r=require("react-i18next"),l=require("react-bootstrap"),s=require("../../../../static/Icon.js"),c=e(require("clsx")),o=require("@licklist/plugins/dist/context/booking/BookingContext"),i=e(require("use-debounce/lib/useDebounce")),u=require("../../../../assets/dashboard/refresh.svg.js"),m=require("../../../../assets/dashboard/fullscreen.svg.js"),d=require("../../../../assets/dashboard/minimize.svg.js");exports.MainFilterSection=function(e){var f=e.isFilterOpen,h=e.onAddFiltersClick,v=e.onCancelFilterClick,E=e.onRefreshClick,p=e.onFullscreenButtonClick,b=e.autoFocusOnMount,k=e.isFullscreenMode,C=r.useTranslation("Design").t,g=n.useContext(o.BookingContext),N=g.filters,F=g.onQueryChange,q=N.search,B=void 0===q?"":q,w=t.__read(n.useState(B),2),x=w[0],y=w[1],j=t.__read(i(x,300),1)[0];return n.useEffect((function(){F(j)}),[F,j]),n.useEffect((function(){x!==B&&y(B)}),[B]),a.createElement("div",{className:"main-filter-section"},a.createElement("div",{className:"search"},a.createElement(l.Form.Group,null,a.createElement(l.Form.Label,null,C("searchBookings"),":"),a.createElement("div",{className:"control-with-icon"},a.createElement(s.default,{type:"search",width:"1rem",height:"1rem",className:"search-icon"}),a.createElement(l.Form.Control,{value:x,onChange:function(e){var t=e.target.value;y(t)},onBlur:function(e){var t=e.target.value;F(t)},placeholder:C("searchBookingsPlaceholder"),autoFocus:b})))),a.createElement("div",{className:"buttons"},f?a.createElement(l.Button,{variant:"link",className:"shadow-none cancel-button",onClick:v},a.createElement("div",{className:"icon"},a.createElement(s.default,{type:"plus",style:{width:10}})),C("cancel")):a.createElement(l.Button,{variant:"link",className:"shadow-none add-filters-button",onClick:h},a.createElement("div",{className:"icon"},a.createElement(s.default,{type:"plus",style:{width:10}})),C("addFilters")),a.createElement("div",{className:"separator"}),a.createElement(l.Button,{variant:"link",className:"shadow-none refresh-button",onClick:E},a.createElement("div",{className:"icon"},a.createElement(u.ReactComponent,null)),C("refresh")),a.createElement("div",{className:"separator active"}),a.createElement(l.Button,{variant:"link",className:c("shadow-none",!k&&"fullscreen-button",k&&"minimize-button"),onClick:p},a.createElement("div",{className:"icon"},k?a.createElement(d.ReactComponent,null):a.createElement(m.ReactComponent,null)),C(k?"minimize":"fullScreen"))))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),n=require("react"),a=e(n),r=require("react-i18next"),l=require("react-bootstrap"),s=require("../../../../static/Icon.js"),i=e(require("clsx")),c=require("@licklist/plugins/dist/context/booking/BookingContext"),o=e(require("use-debounce/lib/useDebounce")),u=require("../../../../assets/dashboard/refresh.svg.js"),m=require("../../../../assets/dashboard/fullscreen.svg.js"),d=require("../../../../assets/dashboard/minimize.svg.js");exports.MainFilterSection=function(e){var f=e.isFilterOpen,h=e.onAddFiltersClick,v=e.onCancelFilterClick,E=e.onRefreshClick,b=e.onFullscreenButtonClick,p=e.autoFocusOnMount,k=e.isFullscreenMode,C=e.isLoading,g=r.useTranslation("Design").t,N=n.useContext(c.BookingContext),F=N.filters,q=N.onQueryChange,B=F.search,w=void 0===B?"":B,x=t.__read(n.useState(w),2),y=x[0],j=x[1],_=t.__read(o(y,300),1)[0];return n.useEffect((function(){q(_)}),[q,_]),n.useEffect((function(){y!==w&&j(w)}),[w]),a.createElement("div",{className:"main-filter-section"},a.createElement("div",{className:"search"},a.createElement(l.Form.Group,null,a.createElement(l.Form.Label,null,g("searchBookings"),":"),a.createElement("div",{className:"control-with-icon"},a.createElement(s.default,{type:"search",width:"1rem",height:"1rem",className:"search-icon"}),a.createElement(l.Form.Control,{disabled:C,value:y,onChange:function(e){var t=e.target.value;j(t)},onBlur:function(e){var t=e.target.value;q(t)},placeholder:g("searchBookingsPlaceholder"),autoFocus:p})))),a.createElement("div",{className:"buttons"},f?a.createElement(l.Button,{variant:"link",className:"shadow-none cancel-button",onClick:v},a.createElement("div",{className:"icon"},a.createElement(s.default,{type:"plus",style:{width:10}})),g("cancel")):a.createElement(l.Button,{variant:"link",className:"shadow-none add-filters-button",onClick:h},a.createElement("div",{className:"icon"},a.createElement(s.default,{type:"plus",style:{width:10}})),g("addFilters")),a.createElement("div",{className:"separator"}),a.createElement(l.Button,{variant:"link",className:"shadow-none refresh-button",onClick:E},a.createElement("div",{className:"icon"},a.createElement(u.ReactComponent,null)),g("refresh")),a.createElement("div",{className:"separator active"}),a.createElement(l.Button,{variant:"link",disabled:C,className:i("shadow-none",!k&&"fullscreen-button",k&&"minimize-button"),onClick:b},a.createElement("div",{className:"icon"},k?a.createElement(d.ReactComponent,null):a.createElement(m.ReactComponent,null)),g(k?"minimize":"fullScreen"))))};

package/dist/sales/booking/filter/components/SearchingForSection.d.ts

@@ -1,3 +1,10 @@
 /// <reference types="react" />
-export declare const SearchingForSection: () => JSX.Element;
+import { User } from "@licklist/core/dist/DataMapper/User/UserDataMapper";
+export interface FilterSectionProps {
+    staffMembers?: User[] | null;
+    isLoading: boolean;
+}
+export declare const SearchingForSection: ({ staffMembers }: {
+    staffMembers: any;
+}) => JSX.Element;
 //# sourceMappingURL=SearchingForSection.d.ts.map

package/dist/sales/booking/filter/components/SearchingForSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchingForSection.d.ts","sourceRoot":"","sources":["../../../../../src/sales/booking/filter/components/SearchingForSection.tsx"],"names":[],"mappings":";AAWA,eAAO,MAAM,mBAAmB,mBAwD/B,CAAC"}
+{"version":3,"file":"SearchingForSection.d.ts","sourceRoot":"","sources":["../../../../../src/sales/booking/filter/components/SearchingForSection.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,IAAI,EAAE,MAAM,oDAAoD,CAAC;AAU1E,MAAM,WAAW,kBAAkB;IACjC,YAAY,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB;;iBA+E/B,CAAC"}

package/dist/sales/booking/filter/components/SearchingForSection.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),n=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-i18next"),s=require("react-bootstrap"),i=require("@licklist/plugins/dist/context/booking/BookingContext"),c=require("./ResultTagButton.js"),o=["q","status","date","staffMember"];exports.SearchingForSection=function(){var e=a.useTranslation("Design").t,u=r.useContext(i.BookingContext),l=u.filters,g=u.setFilters,m=r.useMemo((function(){return o.reduce((function(e,r){var n;return l[r]?t.__assign(t.__assign({},e),((n={})[r]=l[r],n)):e}),{})}),[l]),f=function(e){var r;g(t.__assign(t.__assign({},l),((r={})[e]="",r)))};if(!Object.keys(m).length)return null;var _=m.search,p=t.__rest(m,["search"]);return n.createElement("div",{className:"searching-for-section"},n.createElement("div",{className:"tags"},n.createElement("p",{className:"label"},e("Design:searchingFor"),":"),n.createElement("p",{className:"search-query-param"},_),Object.keys(p).map((function(e){return n.createElement(c.ResultTagButton,{key:e,tagKey:e,value:p[e],onRemoveClick:f})})),n.createElement(s.Button,{variant:"link",className:"shadow-none",onClick:function(){g({isFilterOpen:!0})}},e("clear"))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),a=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-i18next"),s=require("react-bootstrap"),o=require("@licklist/plugins/dist/context/booking/BookingContext"),i=require("./ResultTagButton.js"),c=["q","status","order_date_from","created_by"];exports.SearchingForSection=function(e){var l=e.staffMembers,u=n.useTranslation("Design").t,_=r.useContext(o.BookingContext),d=_.filters,g=_.setFilters,m=r.useMemo((function(){var e=null==l?void 0:l.find((function(e){return Number(null==d?void 0:d.created_by)===(null==e?void 0:e.id)}));return c.reduce((function(r,a){var n,s,o;return"created_by"===a&&d[a]?t.__assign(t.__assign({},r),((n={})[a]="".concat((null==e?void 0:e.firstName)||""," ").concat((null==e?void 0:e.lastName)||""),n)):"order_date_from"===a&&d[a]?t.__assign(t.__assign({},r),((s={})[a]="".concat(d.order_date_from||""," - ").concat((null==d?void 0:d.order_date_to)||""),s)):d[a]?t.__assign(t.__assign({},r),((o={})[a]=d[a],o)):r}),{})}),[d,l]),f=function(e){var r;g("order_date_from"!==e?t.__assign(t.__assign({},d),((r={})[e]="",r)):t.__assign(t.__assign({},d),{order_date_from:"",order_date_to:""}))};if(!Object.keys(m).length)return null;var v=m.search,b=t.__rest(m,["search"]);return a.createElement("div",{className:"searching-for-section"},a.createElement("div",{className:"tags"},a.createElement("p",{className:"label"},u("Design:searchingFor"),":"),a.createElement("p",{className:"search-query-param"},v),Object.keys(b).map((function(e){return a.createElement(i.ResultTagButton,{key:e,tagKey:e,value:b[e],onRemoveClick:f})})),a.createElement(s.Button,{variant:"link",className:"shadow-none",onClick:function(){g({isFilterOpen:!0})}},u("clear"))))};

package/dist/sales/booking/tabs/BookingTabs.d.ts

@@ -6,6 +6,7 @@ export declare type BookingTabsProps = HasPermissionProp & PropsWithChildren<{
     onAddButtonClick?: () => void;
     viewType: BOOKING_TYPE;
     onSetType: (value: BOOKING_TYPE) => void;
+    hasBookingManagment: boolean;
 }>;
-export declare const BookingTabs: ({ children, onReportsClick, onAddButtonClick, hasPermission, viewType, onSetType, }: BookingTabsProps) => JSX.Element;
+export declare const BookingTabs: ({ children, onReportsClick, onAddButtonClick, hasPermission, hasBookingManagment, viewType, onSetType, }: BookingTabsProps) => JSX.Element;
 //# sourceMappingURL=BookingTabs.d.ts.map

package/dist/sales/booking/tabs/BookingTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BookingTabs.d.ts","sourceRoot":"","sources":["../../../../src/sales/booking/tabs/BookingTabs.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIjD,OAAO,EAGL,YAAY,EACb,MAAM,uDAAuD,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAQvF,oBAAY,gBAAgB,GAAG,iBAAiB,GAC9C,iBAAiB,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CAC1C,CAAC,CAAC;AAEL,eAAO,MAAM,WAAW,wFAOrB,gBAAgB,gBAuDlB,CAAC"}
+{"version":3,"file":"BookingTabs.d.ts","sourceRoot":"","sources":["../../../../src/sales/booking/tabs/BookingTabs.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIjD,OAAO,EAGL,YAAY,EACb,MAAM,uDAAuD,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAQvF,oBAAY,gBAAgB,GAAG,iBAAiB,GAC9C,iBAAiB,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,mBAAmB,EAAE,OAAO,CAAC;CAC9B,CAAC,CAAC;AAEL,eAAO,MAAM,WAAW,6GAQrB,gBAAgB,gBAsDlB,CAAC"}

package/dist/sales/booking/tabs/BookingTabs.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")),a=require("react-i18next"),n=require("react-bootstrap"),s=require("../../../static/Icon.js"),r=e(require("clsx")),o=require("@licklist/plugins/dist/context/booking/BookingContext"),i=require("../../../assets/dashboard/bookingCalendar.svg.js"),l=require("../../../assets/dashboard/bookingList.svg.js"),c=require("../../../assets/dashboard/bookingListSmall.svg.js"),m=[o.BOOKING_LIST_TYPE,o.BOOKING_CALENDAR_TYPE];exports.BookingTabs=function(e){var u=e.children,d=e.onReportsClick,p=e.onAddButtonClick,E=e.hasPermission,k=void 0!==E&&E,v=e.viewType,b=e.onSetType,g=a.useTranslation("Design").t;return t.createElement("div",{className:"booking-tabs-pane"},t.createElement("div",{className:"booking-tabs"},m.map((function(e){return t.createElement(n.Button,{key:e,variant:"link",size:"sm",className:r("p-0 m-0 pr-2 shadow-none",v===e&&"active"),onClick:function(){b(e)}},e===o.BOOKING_LIST_TYPE?t.createElement(l.ReactComponent,null):t.createElement(i.ReactComponent,null))}))),t.createElement("span",{className:"separator"}),t.createElement("div",{className:"children"},u),k&&t.createElement("div",{className:"buttons"},t.createElement(n.Button,{variant:"outline-primary",className:"shadow-none mr-4",onClick:d},t.createElement(c.ReactComponent,{className:"mr-2"}),g("generateReports")),t.createElement(n.Button,{variant:"primary",className:"shadow-none",onClick:p},t.createElement("div",{className:"icon"},t.createElement(s.default,{type:"plus",style:{width:10},color:"#0E8CE2"})),g("newBooking"))))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")),a=require("react-i18next"),n=require("react-bootstrap"),s=require("../../../static/Icon.js"),r=e(require("clsx")),o=require("@licklist/plugins/dist/context/booking/BookingContext"),i=require("../../../assets/dashboard/bookingCalendar.svg.js"),l=require("../../../assets/dashboard/bookingList.svg.js"),c=require("../../../assets/dashboard/bookingListSmall.svg.js"),m=[o.BOOKING_LIST_TYPE,o.BOOKING_CALENDAR_TYPE];exports.BookingTabs=function(e){var u=e.children,d=e.onReportsClick,p=e.onAddButtonClick,E=e.hasPermission,k=void 0!==E&&E,g=e.hasBookingManagment,v=e.viewType,b=e.onSetType,N=a.useTranslation("Design").t;return t.createElement("div",{className:"booking-tabs-pane"},t.createElement("div",{className:"booking-tabs"},m.map((function(e){return t.createElement(n.Button,{key:e,variant:"link",size:"sm",className:r("p-0 m-0 pr-2 shadow-none",v===e&&"active"),onClick:function(){b(e)}},e===o.BOOKING_CALENDAR_TYPE&&g&&t.createElement(i.ReactComponent,null),e===o.BOOKING_LIST_TYPE&&t.createElement(l.ReactComponent,null))}))),t.createElement("span",{className:"separator"}),t.createElement("div",{className:"children"},u),k&&t.createElement("div",{className:"buttons"},t.createElement(n.Button,{variant:"outline-primary",className:"shadow-none mr-4",onClick:d},t.createElement(c.ReactComponent,{className:"mr-2"}),N("generateReports")),t.createElement(n.Button,{variant:"primary",className:"shadow-none",onClick:p},t.createElement("div",{className:"icon"},t.createElement(s.default,{type:"plus",style:{width:10},color:"#0E8CE2"})),N("newBooking"))))};

package/dist/sales/filters/SaleFilters.d.ts

@@ -7,7 +7,7 @@ export interface Filters {
     order_date_to: string;
     orderable_date_from: string;
     orderable_date_to: string;
-    is_pending: boolean;
+    is_in_cart: boolean;
 }
 export interface SaleFiltersProps {
     values: Filters;

package/dist/static/date-range-input/DateRangeInput.d.ts

@@ -7,11 +7,12 @@ export declare type DateRangeInputProps = {
     startDate?: string;
     endDate?: string;
     months?: number;
+    disabled?: boolean;
     onDateChange?: (dates: {
         startDate?: string;
         endDate?: string;
     }) => void;
 };
-export declare const DateRangeInput: ({ placeholder, startDate, endDate, onDateChange, months, }: DateRangeInputProps) => JSX.Element;
+export declare const DateRangeInput: ({ placeholder, startDate, endDate, onDateChange, months, disabled, }: DateRangeInputProps) => JSX.Element;
 export declare const sameWidthPopperModifier: Popper.Modifier<"sameWidth", Record<string, unknown>>;
 //# sourceMappingURL=DateRangeInput.d.ts.map

package/dist/static/date-range-input/DateRangeInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeInput.d.ts","sourceRoot":"","sources":["../../../src/static/date-range-input/DateRangeInput.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAC;AASzC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yCAAyC,CAAC;AAEjD,oBAAY,mBAAmB,GAAG;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC1E,CAAC;AAEF,eAAO,MAAM,cAAc,+DAMxB,mBAAmB,gBA2GrB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,QAAQ,CACnD,WAAW,EACX,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAmBxB,CAAC"}
+{"version":3,"file":"DateRangeInput.d.ts","sourceRoot":"","sources":["../../../src/static/date-range-input/DateRangeInput.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAC;AASzC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yCAAyC,CAAC;AAEjD,oBAAY,mBAAmB,GAAG;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC1E,CAAC;AAEF,eAAO,MAAM,cAAc,yEAOxB,mBAAmB,gBA4GrB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,QAAQ,CACnD,WAAW,EACX,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAmBxB,CAAC"}

package/dist/static/date-range-input/DateRangeInput.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),n=require("react"),a=(e=n)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-i18next"),s=require("react-bootstrap"),i=require("../Icon.js"),o=require("@react-aria/utils"),u=require("react-date-range"),c=require("react-use"),l=require("./utils/index.js");require("react-date-range/dist/styles.css"),require("react-date-range/dist/theme/default.css"),require("../index.js");var d={name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(e){var t=e.state;Object.assign(t.styles.popper,{marginLeft:"-2px",maxWidth:"unset"})},effect:function(e){var t=e.state;Object.assign(t.elements.popper.style,{maxWidth:"unset"})}};exports.DateRangeInput=function(e){var m=e.placeholder,p=e.startDate,f=e.endDate,g=e.onDateChange,D=e.months,v=void 0===D?2:D,h=r.useTranslation("Design").t,y=t.__read(n.useState([{startDate:new Date,endDate:new Date,key:"selection"}]),2),_=y[0],q=y[1],E=t.__read(n.useState(!1),2),b=E[0],x=E[1],w=o.useId(),C=n.useRef();c.useClickAway(C,(function(){return x(!1)}));return n.useEffect((function(){p&&f&&q((function(e){return[t.__assign(t.__assign({},e[0]),l.stringDatesToJSDates({startDate:p,endDate:f}))]}))}),[p,f]),a.createElement("div",null,a.createElement(s.OverlayTrigger,{show:b,overlay:a.createElement(s.Popover,{id:w,className:"rounded"},a.createElement(s.Popover.Content,{className:"shadow-lg rounded",ref:C},a.createElement(u.DateRange,{onChange:function(e){return q([e.selection])},moveRangeOnFirstSelection:!1,ranges:_,months:v,direction:"horizontal"}),a.createElement("div",{className:"mt-3 d-flex justify-content-end"},a.createElement(s.Button,{onClick:function(){g&&g({}),q((function(e){return[t.__assign(t.__assign({},e[0]),{startDate:new Date,endDate:new Date})]})),x(!1)},variant:"link"},h("clear")),a.createElement(s.Button,{onClick:function(){g&&g(l.rangeDatesToStringDates(_)),x(!1)},className:"ml-3",variant:"link"},h("apply"))))),trigger:"click",placement:"bottom",popperConfig:{modifiers:[d]}},a.createElement("div",{onClick:function(){return x((function(e){return!e}))},onKeyDown:function(){return x((function(e){return!e}))},role:"button",tabIndex:0,className:"date-range-input-wrapper"},a.createElement(s.Form.Control,{type:"input",placeholder:m,readOnly:!0,className:"date-range-input",value:l.stringDatesToInputValue({startDate:p,endDate:f})}),a.createElement(i.default,{type:"calendar",height:"1rem",className:"date-range-input-icon"}))))},exports.sameWidthPopperModifier=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),n=require("react"),a=(e=n)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-i18next"),s=require("react-bootstrap"),i=require("../Icon.js"),o=require("@react-aria/utils"),u=require("react-date-range"),c=require("react-use"),l=require("./utils/index.js");require("react-date-range/dist/styles.css"),require("react-date-range/dist/theme/default.css"),require("../index.js");var d={name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(e){var t=e.state;Object.assign(t.styles.popper,{marginLeft:"-2px",maxWidth:"unset"})},effect:function(e){var t=e.state;Object.assign(t.elements.popper.style,{maxWidth:"unset"})}};exports.DateRangeInput=function(e){var m=e.placeholder,p=e.startDate,f=e.endDate,g=e.onDateChange,D=e.months,v=void 0===D?2:D,h=e.disabled,y=r.useTranslation("Design").t,_=t.__read(n.useState([{startDate:new Date,endDate:new Date,key:"selection"}]),2),b=_[0],q=_[1],E=t.__read(n.useState(!1),2),x=E[0],w=E[1],C=o.useId(),j=n.useRef();c.useClickAway(j,(function(){return w(!1)}));return n.useEffect((function(){p&&f&&q((function(e){return[t.__assign(t.__assign({},e[0]),l.stringDatesToJSDates({startDate:p,endDate:f}))]}))}),[p,f]),a.createElement("div",null,a.createElement(s.OverlayTrigger,{show:x,overlay:a.createElement(s.Popover,{id:C,className:"rounded"},a.createElement(s.Popover.Content,{className:"shadow-lg rounded",ref:j},a.createElement(u.DateRange,{onChange:function(e){return q([e.selection])},moveRangeOnFirstSelection:!1,ranges:b,months:v,direction:"horizontal"}),a.createElement("div",{className:"mt-3 d-flex justify-content-end"},a.createElement(s.Button,{onClick:function(){g&&g({}),q((function(e){return[t.__assign(t.__assign({},e[0]),{startDate:new Date,endDate:new Date})]})),w(!1)},variant:"link"},y("clear")),a.createElement(s.Button,{onClick:function(){g&&g(l.rangeDatesToStringDates(b)),w(!1)},className:"ml-3",variant:"link"},y("apply"))))),trigger:"click",placement:"bottom",popperConfig:{modifiers:[d]}},a.createElement("div",{onClick:function(){return w((function(e){return!e}))},onKeyDown:function(){return w((function(e){return!e}))},role:"button",tabIndex:0,className:"date-range-input-wrapper"},a.createElement(s.Form.Control,{type:"input",placeholder:m,disabled:h,readOnly:!0,className:"date-range-input",value:l.stringDatesToInputValue({startDate:p,endDate:f})}),a.createElement(i.default,{type:"calendar",height:"1rem",className:"date-range-input-icon"}))))},exports.sameWidthPopperModifier=d;

package/dist/styles/static/DateRangeInput.scss

@@ -5,6 +5,10 @@
 
   .date-range-input[readonly] {
     background-color: transparent;
+
+    &:disabled {
+      background-color: #ebebeb;
+    }
   }
 
   .date-range-input-icon {
@@ -13,4 +17,4 @@
     bottom: 1rem;
     color: $gray-500;
   }
-}
+}

package/dist/table/FilterHelperComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterHelperComponent.d.ts","sourceRoot":"","sources":["../../src/table/FilterHelperComponent.tsx"],"names":[],"mappings":";AAIA,MAAM,WAAW,0BAA0B;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED;;;;GAIG;AACH,iBAAS,qBAAqB,CAAC,EAC7B,YAAY,EACZ,SAAS,GACV,EAAE,0BAA0B,eAiE5B;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"FilterHelperComponent.d.ts","sourceRoot":"","sources":["../../src/table/FilterHelperComponent.tsx"],"names":[],"mappings":";AAIA,MAAM,WAAW,0BAA0B;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED;;;;GAIG;AACH,iBAAS,qBAAqB,CAAC,EAC7B,YAAY,EACZ,SAAS,GACV,EAAE,0BAA0B,eAkE5B;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/table/FilterHelperComponent.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),n=require("react"),l=(e=n)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-i18next"),a=require("react-bootstrap");exports.FilterHelperComponent=function(e){var i=e.defaultValue,c=e.onClickFn,o=t.__read(n.useState(null!=i?i:""),2),s=o[0],u=o[1],f=r.useTranslation(["Design"]).t;n.useEffect((function(){u(null!=i?i:"")}),[i]);var m=function(){c&&c(s)};return l.createElement(l.Fragment,null,l.createElement("div",{className:"filter"},l.createElement("label",{htmlFor:"filter"},l.createElement("div",{className:"d-flex flex-row align-items-center"},l.createElement(a.FormControl,{id:"filter",name:"filter",placeholder:f("Design:search"),type:"text",value:s,onChange:function(e){var t=e.target.value;u((function(){return t}))},onKeyDown:function(e){"Enter"===e.key&&m()}}),l.createElement(a.Button,{variant:"secondary",className:"d-flex align-items-center align-self-end ml-2",onClick:function(){c&&c("")}},f("Design:clear")),l.createElement(a.Button,{type:"submit",className:"d-flex align-items-center align-self-end ml-2",onClick:m},f("Design:search"))))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),n=require("react"),l=(e=n)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-i18next"),a=require("react-bootstrap");exports.FilterHelperComponent=function(e){var i=e.defaultValue,c=e.onClickFn,o=t.__read(n.useState(null!=i?i:""),2),s=o[0],u=o[1],f=r.useTranslation(["Design"]).t;n.useEffect((function(){u(null!=i?i:"")}),[i]);var m=function(){c&&c(s)};return l.createElement(l.Fragment,null,l.createElement("div",{className:"filter"},l.createElement("label",{htmlFor:"filter"},l.createElement("div",{className:"d-flex flex-row align-items-center"},l.createElement(a.FormControl,{id:"filter",name:"filter",placeholder:f("Design:search"),type:"text",value:s,onChange:function(e){var t=e.target.value;u((function(){return t}))},onKeyDown:function(e){"Enter"===e.key&&m()}}),l.createElement(a.Button,{variant:"secondary",className:"d-flex align-items-center align-self-end ml-2",onClick:function(){c&&c(""),u("")}},f("Design:clear")),l.createElement(a.Button,{type:"submit",className:"d-flex align-items-center align-self-end ml-2",onClick:m},f("Design:search"))))))};

package/package.json

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

package/src/product-set/control/ProductSetControl.tsx

@@ -281,24 +281,20 @@ export function ProductSetControl({
               control={control}
               name="fieldSetId"
               render={({ field }) => {
-                const fieldSetValue = String(field.value);
+                const fieldValue = Number(field.value);
 
                 return (
                   <>
                     <Form.Label>{t("Design:customFields")}</Form.Label>
-                    <Form.Control onChange={field.onChange} as="select">
-                      <option value="" selected={fieldSetValue === ""}>
-                        {t("Design:choose")}
-                      </option>
+                    <Form.Control
+                      onChange={field.onChange}
+                      value={fieldValue}
+                      as="select"
+                    >
+                      <option value="">{t("Design:choose")}</option>
                       {fieldSets?.map((fieldSet) => {
-                        const fieldSetOptionValue = String(fieldSet.id);
-
                         return (
-                          <option
-                            value={fieldSet.id}
-                            key={fieldSet.id}
-                            selected={fieldSetValue === fieldSetOptionValue}
-                          >
+                          <option value={fieldSet.id} key={fieldSet.id}>
                             {fieldSet.name}
                           </option>
                         );

package/src/sales/booking/filter/BookingFilter.stories.tsx

@@ -10,6 +10,34 @@ export default {
   component: BookingFilter,
 } as Meta;
 
+const staffMembers = [
+  {
+    id: 10,
+    firstName: "Denys",
+    lastName: "Shmahailo",
+    email: "shmahailo1337@gmail.com",
+    images: null,
+    userRoles: [
+      {
+        id: 1,
+        key: "manager",
+        title: "Manager",
+        weight: 50,
+        type_id: 1,
+        type: "provider",
+        pivot: {
+          id: 17,
+          roleId: 1,
+          userId: 10,
+          typeableId: 1,
+          typeableType: "provider",
+          user: null,
+        },
+      },
+    ],
+  },
+];
+
 export const Default: Story<BookingFilterProps> = () => {
   const isFilterOpen = boolean("isFilterOpen", false);
   const autoFocusOnMount = boolean("autoFocusOnMount", true);
@@ -20,6 +48,7 @@ export const Default: Story<BookingFilterProps> = () => {
         <BookingFilter
           isFilterOpen={isFilterOpen}
           autoFocusOnMount={autoFocusOnMount}
+          staffMembers={staffMembers}
         />
       </BookingContextProvider>
     </MemoryRouter>

package/src/sales/booking/filter/BookingFilter.tsx

@@ -1,4 +1,5 @@
 import React, { PropsWithChildren } from "react";
+import { User } from "@licklist/core/dist/DataMapper/User/UserDataMapper";
 import { MainFilterSection } from "./components/MainFilterSection";
 import { AdditionalFilterSection } from "./components/AdditionalFIlterSection";
 import { SearchingForSection } from "./components/SearchingForSection";
@@ -11,12 +12,16 @@ export type BookingFilterProps = PropsWithChildren<{
   isFilterOpen?: boolean;
   autoFocusOnMount?: boolean;
   isFullscreenMode?: boolean;
+  staffMembers?: User[] | null;
+  isLoading: boolean;
 }>;
 
 export const BookingFilter = ({
   isFilterOpen = true,
   autoFocusOnMount = false,
   isFullscreenMode = false,
+  staffMembers,
+  isLoading,
   children,
   ...props
 }: BookingFilterProps) => {
@@ -24,15 +29,19 @@ export const BookingFilter = ({
     <div className="booking-filter">
       <MainFilterSection
         {...props}
+        isLoading={isLoading}
         isFilterOpen={isFilterOpen}
         autoFocusOnMount={autoFocusOnMount}
         isFullscreenMode={isFullscreenMode}
       />
       {isFilterOpen ? (
         <>
-          <AdditionalFilterSection />
+          <AdditionalFilterSection
+            isLoading={isLoading}
+            staffMembers={staffMembers}
+          />
           <div className="separator-horizontal" />
-          <SearchingForSection />
+          <SearchingForSection staffMembers={staffMembers} />
         </>
       ) : (
         children && (

package/src/sales/booking/filter/components/AdditionalFIlterSection.tsx

@@ -1,7 +1,7 @@
 import React, { useContext, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { Form, Button, Row, Col } from "react-bootstrap";
-import { useForm } from "react-hook-form";
+import { Controller, useForm } from "react-hook-form";
 import {
   ORDER_STATUS_PENDING,
   ORDER_STATUS_CANCELLED,
@@ -12,6 +12,8 @@ import {
   BookingContext,
   BookingFilters,
 } from "@licklist/plugins/dist/context/booking/BookingContext";
+import { DateRangeInput } from "../../../../static/date-range-input/DateRangeInput";
+import { FilterSectionProps } from "./SearchingForSection";
 
 const ORDER_STATUSES_FOR_UPDATE = [
   ORDER_STATUS_PENDING,
@@ -28,14 +30,22 @@ export type AdditionalFilterSectionProps = {
   isFilterOpen?: boolean;
 };
 
-export const AdditionalFilterSection = () => {
+export const AdditionalFilterSection = ({
+  staffMembers,
+  isLoading,
+}: FilterSectionProps) => {
   const { t } = useTranslation("Design");
   const { filters, setFilters } = useContext(BookingContext);
 
-  const { handleSubmit, register, reset } = useForm<Partial<BookingFilters>>({
+  const { handleSubmit, register, setValue, reset, watch, control } = useForm<
+    Partial<BookingFilters>
+  >({
     defaultValues: filters,
   });
 
+  const startDate = watch("order_date_from");
+  const endDate = watch("order_date_to");
+
   const onFormSubmit = (values: Partial<BookingFilters>) => {
     setFilters(values);
   };
@@ -50,17 +60,46 @@ export const AdditionalFilterSection = () => {
         <Row className="additional-filter-container">
           <Col md="3">
             <Form.Group>
-              <Form.Label>{t("staffMember")}</Form.Label>
-              <Form.Control {...register("staffMember")} as="select">
-                <option value="">{t("Design:choose")}</option>
-              </Form.Control>
+              <Form.Label>{t("createdBy")}</Form.Label>
+              <Controller
+                control={control}
+                name="created_by"
+                render={({ field }) => {
+                  const filedValue = String(field?.value);
+                  return (
+                    <Form.Control
+                      as="select"
+                      value={filedValue}
+                      disabled={isLoading}
+                      onChange={field?.onChange}
+                    >
+                      <option value="" selected={filedValue === ""}>
+                        {t("Design:choose")}
+                      </option>
+                      {staffMembers?.map((member) => (
+                        <option
+                          value={member?.id}
+                          key={member?.id}
+                          selected={filedValue === String(member?.id)}
+                        >
+                          {member?.firstName} {member?.lastName}
+                        </option>
+                      ))}
+                    </Form.Control>
+                  );
+                }}
+              />
             </Form.Group>
           </Col>
 
           <Col md="3">
             <Form.Group>
               <Form.Label>{t("bookingStatus")}</Form.Label>
-              <Form.Control {...register("status")} as="select">
+              <Form.Control
+                disabled={isLoading}
+                {...register("status")}
+                as="select"
+              >
                 <option value="">{t("Design:choose")}</option>
                 {Object.keys(ORDER_STATUSES_FOR_UPDATE).map((key: string) => (
                   <option
@@ -77,13 +116,26 @@ export const AdditionalFilterSection = () => {
           <Col className="date-container">
             <Form.Group>
               <Form.Label>{t("date")}</Form.Label>
-              <Form.Control {...register("date")} type="date" />
+              <DateRangeInput
+                disabled={isLoading}
+                placeholder={t("date")}
+                startDate={startDate}
+                endDate={endDate}
+                onDateChange={({ startDate, endDate }) => {
+                  setValue("order_date_from", startDate);
+                  setValue("order_date_to", endDate);
+                }}
+              />
             </Form.Group>
           </Col>
 
           <Col md="3" className="d-flex align-items-end">
             <Form.Group>
-              <Button type="submit" className="shadow-none">
+              <Button
+                disabled={isLoading}
+                type="submit"
+                className="shadow-none"
+              >
                 {t("apply")}
               </Button>
             </Form.Group>

package/src/sales/booking/filter/components/MainFilterSection.tsx

@@ -10,7 +10,7 @@ import { ReactComponent as RefreshIcon } from "../../../../assets/dashboard/refr
 import { ReactComponent as FullscreenIcon } from "../../../../assets/dashboard/fullscreen.svg";
 import { ReactComponent as MinimizeIcon } from "../../../../assets/dashboard/minimize.svg";
 
-export type MainFilterSectionProps = BookingFilterProps;
+export type MainFilterSectionProps = Omit<BookingFilterProps, "staffMembers">;
 
 const DEBOUNCE_QUERY_TIME = 300;
 
@@ -22,6 +22,7 @@ export const MainFilterSection = ({
   onFullscreenButtonClick,
   autoFocusOnMount,
   isFullscreenMode,
+  isLoading,
 }: MainFilterSectionProps) => {
   const { t } = useTranslation("Design");
   const { filters, onQueryChange } = useContext(BookingContext);
@@ -62,6 +63,7 @@ export const MainFilterSection = ({
               className="search-icon"
             />
             <Form.Control
+              disabled={isLoading}
               value={queryValue}
               onChange={onSearchQueryChange}
               onBlur={onSearchQueryBlur}
@@ -113,6 +115,7 @@ export const MainFilterSection = ({
 
         <Button
           variant="link"
+          disabled={isLoading}
           className={clsx(
             "shadow-none",
             !isFullscreenMode && "fullscreen-button",

package/src/sales/booking/filter/components/SearchingForSection.tsx

@@ -5,17 +5,47 @@ import {
   BookingContext,
   BookingFilters,
 } from "@licklist/plugins/dist/context/booking/BookingContext";
+import { User } from "@licklist/core/dist/DataMapper/User/UserDataMapper";
 import { ResultTagButton } from "./ResultTagButton";
 
-const SEARCHING_FOR_FILTER_KEYS = ["q", "status", "date", "staffMember"];
+const SEARCHING_FOR_FILTER_KEYS = [
+  "q",
+  "status",
+  "order_date_from",
+  "created_by",
+];
 
-export const SearchingForSection = () => {
+export interface FilterSectionProps {
+  staffMembers?: User[] | null;
+  isLoading: boolean;
+}
+
+export const SearchingForSection = ({ staffMembers }: { staffMembers }) => {
   const { t } = useTranslation("Design");
   const { filters, setFilters } = useContext(BookingContext);
 
   const filteredFilters = useMemo(() => {
+    const selectedMember = staffMembers?.find(
+      (staffMember) => Number(filters?.created_by) === staffMember?.id
+    );
     return SEARCHING_FOR_FILTER_KEYS.reduce(
       (prevValues: Partial<BookingFilters>, currentKey: string) => {
+        if (currentKey === "created_by" && filters[currentKey]) {
+          return {
+            ...prevValues,
+            [currentKey]: `${selectedMember?.firstName || ""} ${
+              selectedMember?.lastName || ""
+            }`,
+          };
+        }
+        if (currentKey === "order_date_from" && filters[currentKey]) {
+          return {
+            ...prevValues,
+            [currentKey]: `${filters.order_date_from || ""} - ${
+              filters?.order_date_to || ""
+            }`,
+          };
+        }
         if (filters[currentKey]) {
           return { ...prevValues, [currentKey]: filters[currentKey] };
         }
@@ -24,13 +54,17 @@ export const SearchingForSection = () => {
       },
       {}
     );
-  }, [filters]);
+  }, [filters, staffMembers]);
 
   const resetAllFilters = () => {
     setFilters({ isFilterOpen: true });
   };
 
   const onResetSelectedFilter = (key: string) => {
+    if (key === "order_date_from") {
+      setFilters({ ...filters, order_date_from: "", order_date_to: "" });
+      return;
+    }
     setFilters({ ...filters, [key]: "" });
   };
 

package/src/sales/booking/tabs/BookingTabs.tsx

@@ -21,6 +21,7 @@ export type BookingTabsProps = HasPermissionProp &
     onAddButtonClick?: () => void;
     viewType: BOOKING_TYPE;
     onSetType: (value: BOOKING_TYPE) => void;
+    hasBookingManagment: boolean;
   }>;
 
 export const BookingTabs = ({
@@ -28,6 +29,7 @@ export const BookingTabs = ({
   onReportsClick,
   onAddButtonClick,
   hasPermission = false,
+  hasBookingManagment,
   viewType,
   onSetType,
 }: BookingTabsProps) => {
@@ -50,11 +52,10 @@ export const BookingTabs = ({
                 onSetType(tabType);
               }}
             >
-              {tabType === BOOKING_LIST_TYPE ? (
-                <BookingList />
-              ) : (
+              {tabType === BOOKING_CALENDAR_TYPE && hasBookingManagment && (
                 <BookingCalendar />
               )}
+              {tabType === BOOKING_LIST_TYPE && <BookingList />}
             </Button>
           );
         })}

package/src/sales/filters/SaleFilter.stories.tsx

@@ -13,7 +13,7 @@ export const Default: Story<SaleFiltersProps> = () => {
     name: "",
     email: "",
     date: "",
-    is_pending: false,
+    is_in_cart: false,
   });
 
   return <SaleFilters values={values} onChange={setValues} />;

package/src/sales/filters/SaleFilters.tsx

@@ -12,7 +12,7 @@ export interface Filters {
   order_date_to: string;
   orderable_date_from: string;
   orderable_date_to: string;
-  is_pending: boolean;
+  is_in_cart: boolean;
 }
 
 export interface SaleFiltersProps {

package/src/static/date-range-input/DateRangeInput.tsx

@@ -20,6 +20,7 @@ export type DateRangeInputProps = {
   startDate?: string;
   endDate?: string;
   months?: number;
+  disabled?: boolean;
   onDateChange?: (dates: { startDate?: string; endDate?: string }) => void;
 };
 
@@ -29,6 +30,7 @@ export const DateRangeInput = ({
   endDate,
   onDateChange,
   months = 2,
+  disabled,
 }: DateRangeInputProps) => {
   const { t } = useTranslation("Design");
 
@@ -123,6 +125,7 @@ export const DateRangeInput = ({
           <Form.Control
             type="input"
             placeholder={placeholder}
+            disabled={disabled}
             readOnly
             className="date-range-input"
             value={stringDatesToInputValue({ startDate, endDate })}

package/src/styles/static/DateRangeInput.scss

@@ -5,6 +5,10 @@
 
   .date-range-input[readonly] {
     background-color: transparent;
+
+    &:disabled {
+      background-color: #ebebeb;
+    }
   }
 
   .date-range-input-icon {
@@ -13,4 +17,4 @@
     bottom: 1rem;
     color: $gray-500;
   }
-}
+}

package/src/table/FilterHelperComponent.tsx

@@ -33,6 +33,7 @@ function FilterHelperComponent({
     if (onClickFn) {
       onClickFn("");
     }
+    setItem("");
   };
 
   const onSearch = () => {