@licklist/design 0.44.486-dev.37 → 0.44.486-dev.39

package/dist/availability-indicator/AvailabilityIndicator.d.ts

@@ -2,7 +2,8 @@
 type AvailabilityIndicatorProps = {
     booked: number;
     total: number;
+    notAvailable?: boolean;
 };
-export declare const AvailabilityIndicator: ({ booked, total, }: AvailabilityIndicatorProps) => JSX.Element;
+export declare const AvailabilityIndicator: ({ booked, total, notAvailable, }: AvailabilityIndicatorProps) => JSX.Element;
 export {};
 //# sourceMappingURL=AvailabilityIndicator.d.ts.map

package/dist/availability-indicator/AvailabilityIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvailabilityIndicator.d.ts","sourceRoot":"","sources":["../../src/availability-indicator/AvailabilityIndicator.tsx"],"names":[],"mappings":";AA6BA,KAAK,0BAA0B,GAAG;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,qBAAqB,uBAG/B,0BAA0B,gBAU5B,CAAC"}
+{"version":3,"file":"AvailabilityIndicator.d.ts","sourceRoot":"","sources":["../../src/availability-indicator/AvailabilityIndicator.tsx"],"names":[],"mappings":";AA6BA,KAAK,0BAA0B,GAAG;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,qCAI/B,0BAA0B,gBAmB5B,CAAC"}

package/dist/availability-indicator/AvailabilityIndicator.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,a=require("react"),t=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,l=require("react-i18next"),i=require("../assets/iframe/available.svg.js"),o=require("../assets/iframe/limited.svg.js"),s=require("../assets/iframe/soldOut.svg.js");exports.AvailabilityIndicator=function(e){var a=e.booked,r=e.total,n=l.useTranslation("Design").t,c=function(e,a){return e===a?{label:"soldOut",icon:t.createElement(s.ReactComponent,{className:"logo"})}:e/a<=.2?{label:"lotsOfSpace",icon:t.createElement(i.ReactComponent,{className:"logo"})}:e/a>=.8?{label:"limited",icon:t.createElement(o.ReactComponent,{className:"logo"})}:{label:"available",icon:t.createElement(i.ReactComponent,{className:"logo"})}}(a,r),m=c.icon,u=c.label;return t.createElement("div",{className:"availability-indicator"},m,t.createElement("div",null,n(u)))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,a=require("react"),t=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,l=require("react-i18next"),i=require("../assets/iframe/available.svg.js"),o=require("../assets/iframe/limited.svg.js"),n=require("../assets/iframe/soldOut.svg.js");exports.AvailabilityIndicator=function(e){var a=e.booked,s=e.total,r=e.notAvailable,c=l.useTranslation("Design").t,m=function(e,a){return e===a?{label:"soldOut",icon:t.createElement(n.ReactComponent,{className:"logo"})}:e/a<=.2?{label:"lotsOfSpace",icon:t.createElement(i.ReactComponent,{className:"logo"})}:e/a>=.8?{label:"limited",icon:t.createElement(o.ReactComponent,{className:"logo"})}:{label:"available",icon:t.createElement(i.ReactComponent,{className:"logo"})}}(a,s),u=m.icon,v=m.label;return r?t.createElement("div",{className:"availability-indicator"},t.createElement(n.ReactComponent,{className:"logo"}),t.createElement("div",null,c("notAvailable"))):t.createElement("div",{className:"availability-indicator"},u,t.createElement("div",null,c(v)))};

package/dist/date-time-button/DateTimeButton.d.ts

@@ -13,5 +13,5 @@ export type DateTimeButtonProps<T = DateTime | string> = {
     };
     calendarView?: boolean;
 };
-export declare const DateTimeButton: <T extends string | DateTime>({ date, isDisabled, isSelected, onSelect, isOnlyTimeContainer, price, resources, calendarView, }: DateTimeButtonProps<T>) => JSX.Element;
+export declare const DateTimeButton: <T extends string | DateTime>({ date, isDisabled: _isDisabled, isSelected, onSelect, isOnlyTimeContainer, price, resources, calendarView, }: DateTimeButtonProps<T>) => JSX.Element;
 //# sourceMappingURL=DateTimeButton.d.ts.map

package/dist/date-time-button/DateTimeButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeButton.d.ts","sourceRoot":"","sources":["../../src/date-time-button/DateTimeButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,MAAM,MAAM,mBAAmB,CAAC,CAAC,GAAG,QAAQ,GAAG,MAAM,IAAI;IACvD,IAAI,EAAE,CAAC,CAAC;IACR,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE;QACV,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,cAAc,wKA0C1B,CAAC"}
+{"version":3,"file":"DateTimeButton.d.ts","sourceRoot":"","sources":["../../src/date-time-button/DateTimeButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,MAAM,MAAM,mBAAmB,CAAC,CAAC,GAAG,QAAQ,GAAG,MAAM,IAAI;IACvD,IAAI,EAAE,CAAC,CAAC;IACR,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE;QACV,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,cAAc,qLA+C1B,CAAC"}

package/dist/date-time-button/DateTimeButton.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"),i=e(require("react")),a=e(require("clsx")),r=require("../availability-indicator/AvailabilityIndicator.js"),n=require("./DateContent.js");exports.DateTimeButton=function(e){var l=e.date,c=e.isDisabled,s=e.isSelected,o=e.onSelect,d=e.isOnlyTimeContainer,u=e.price,b=e.resources,m=e.calendarView,y="string"==typeof l;return i.createElement("button",{type:"button",onClick:function(){return o(l)},disabled:c,className:a("date-time-button",c&&"disabled",s&&"selected",y&&"time-button",d&&"only-time-container",!y&&"today",m&&"calendar-view")},y?l:i.createElement(n.DateContent,{date:l,isDisabled:c,isSelected:s}),u&&!c&&i.createElement("div",{className:"price"},u),b&&i.createElement(r.AvailabilityIndicator,t.__assign({},b)))};
+"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"),i=e(require("react")),a=e(require("clsx")),n=require("../availability-indicator/AvailabilityIndicator.js"),r=require("./DateContent.js");exports.DateTimeButton=function(e){var l=e.date,o=e.isDisabled,c=e.isSelected,s=e.onSelect,d=e.isOnlyTimeContainer,u=e.price,b=e.resources,m=e.calendarView,y="string"==typeof l,v=o||b&&b.booked===b.total;return i.createElement("button",{type:"button",onClick:function(){return s(l)},disabled:v,className:a("date-time-button",v&&"disabled",c&&"selected",y&&"time-button",d&&"only-time-container",!y&&"today",m&&"calendar-view")},y?l:i.createElement(r.DateContent,{date:l,isDisabled:v,isSelected:c}),u&&!v&&i.createElement("div",{className:"price"},u),b&&i.createElement(n.AvailabilityIndicator,t.__assign({},b,{notAvailable:o})))};

package/dist/iframe/order-process/components/ErrorModal/ErrorModal.d.ts

@@ -2,7 +2,8 @@
 export interface ErrorModalProps {
     isOpen: boolean;
     onClose?: () => void;
+    message?: string;
     messageKey?: string;
 }
-export declare const ErrorModal: ({ isOpen, onClose, messageKey, }: ErrorModalProps) => JSX.Element;
+export declare const ErrorModal: ({ isOpen, onClose, message, messageKey, }: ErrorModalProps) => JSX.Element;
 //# sourceMappingURL=ErrorModal.d.ts.map

package/dist/iframe/order-process/components/ErrorModal/ErrorModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorModal.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/ErrorModal/ErrorModal.tsx"],"names":[],"mappings":";AASA,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,qCAIpB,eAAe,gBA2CjB,CAAC"}
+{"version":3,"file":"ErrorModal.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/ErrorModal/ErrorModal.tsx"],"names":[],"mappings":";AASA,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,8CAKpB,eAAe,gBA4CjB,CAAC"}

package/dist/iframe/order-process/components/ErrorModal/ErrorModal.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")),r=require("react-i18next"),a=require("react-bootstrap"),o=require("../../../../static/Icon.js"),n=e(require("react-bootstrap/ModalHeader")),s=e(require("react-bootstrap/ModalTitle")),i=e(require("react-bootstrap/ModalBody")),c=e(require("react-bootstrap/Modal"));exports.ErrorModal=function(e){var l=e.isOpen,m=void 0!==l&&l,u=e.onClose,d=e.messageKey,f=r.useTranslation("Design").t,p=function(){u&&u()};return t.createElement(c,{show:m,onHide:p,animation:!1,centered:!0,contentClassName:"rounded"},t.createElement(n,{className:"align-items-center border-0"},t.createElement(s,{as:"h6"},f("formHasErrors")),t.createElement(a.Button,{variant:"danger",className:"btn-sm rounded",onClick:p},t.createElement(o.default,{type:"times",height:"1rem"}))),t.createElement(i,{className:"confirmation-modal-body"},t.createElement("div",{className:"d-flex m-5 justify-content-center manual-form-error"},d?f(d):t.createElement(r.Trans,{t:f,i18nKey:"pleaseSelectAtLeastFrom",values:{min:1,type:"item",from:"those categories"}}))))};
+"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")),r=require("react-i18next"),a=require("react-bootstrap"),o=require("../../../../static/Icon.js"),n=e(require("react-bootstrap/ModalHeader")),s=e(require("react-bootstrap/ModalTitle")),i=e(require("react-bootstrap/ModalBody")),c=e(require("react-bootstrap/Modal"));exports.ErrorModal=function(e){var l=e.isOpen,m=void 0!==l&&l,u=e.onClose,d=e.message,f=e.messageKey,p=r.useTranslation("Design").t,b=function(){u&&u()};return t.createElement(c,{show:m,onHide:b,animation:!1,centered:!0,contentClassName:"rounded"},t.createElement(n,{className:"align-items-center border-0"},t.createElement(s,{as:"h6"},p("formHasErrors")),t.createElement(a.Button,{variant:"danger",className:"btn-sm rounded",onClick:b},t.createElement(o.default,{type:"times",height:"1rem"}))),t.createElement(i,{className:"confirmation-modal-body"},t.createElement("div",{className:"d-flex m-5 justify-content-center manual-form-error"},d||(f?p(f):t.createElement(r.Trans,{t:p,i18nKey:"pleaseSelectAtLeastFrom",values:{min:1,type:"item",from:"those categories"}})))))};

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"RecurringDatePickerInput.d.ts","sourceRoot":"","sources":["../../src/recurring-date-picker-input/RecurringDatePickerInput.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAsB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrE,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAelD,OAAO,EAAyB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAIpE,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC,8BAA8B,CAAC,CAAC;IACxD,QAAQ,EAAE,CAAC,KAAK,EAAE,8BAA8B,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,8BAA8B;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,kBAAkB,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,gBAAkC,EAClC,8BAAsC,EACtC,QAAQ,EACR,OAAO,EACP,YAAY,GACb,EAAE,iBAAiB,CAAC,6BAA6B,CAAC,eA4LlD"}
+{"version":3,"file":"RecurringDatePickerInput.d.ts","sourceRoot":"","sources":["../../src/recurring-date-picker-input/RecurringDatePickerInput.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAsB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrE,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAelD,OAAO,EAAyB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAIpE,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC,8BAA8B,CAAC,CAAC;IACxD,QAAQ,EAAE,CAAC,KAAK,EAAE,8BAA8B,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,8BAA8B;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,kBAAkB,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,gBAAkC,EAClC,8BAAsC,EACtC,QAAQ,EACR,OAAO,EACP,YAAY,GACb,EAAE,iBAAiB,CAAC,6BAA6B,CAAC,eA2LlD"}

package/package.json

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

package/src/availability-indicator/AvailabilityIndicator.tsx

@@ -30,15 +30,26 @@ const getIconsAndLabels = (
 type AvailabilityIndicatorProps = {
   booked: number;
   total: number;
+  notAvailable?: boolean;
 };
 
 export const AvailabilityIndicator = ({
   booked,
   total,
+  notAvailable,
 }: AvailabilityIndicatorProps) => {
   const { t } = useTranslation("Design");
   const { icon, label } = getIconsAndLabels(booked, total);
 
+  if (notAvailable) {
+    return (
+      <div className="availability-indicator">
+        <SoldOutIcon className="logo" />
+        <div>{t("notAvailable")}</div>
+      </div>
+    );
+  }
+
   return (
     <div className="availability-indicator">
       {icon}

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

@@ -20,7 +20,7 @@ export type DateTimeButtonProps<T = DateTime | string> = {
 
 export const DateTimeButton = <T extends DateTime | string>({
   date,
-  isDisabled,
+  isDisabled: _isDisabled,
   isSelected,
   onSelect,
   isOnlyTimeContainer,
@@ -30,6 +30,9 @@ export const DateTimeButton = <T extends DateTime | string>({
 }: DateTimeButtonProps<T>) => {
   const isTimeVariant = typeof date === "string";
 
+  const isDisabled =
+    _isDisabled || (resources && resources.booked === resources.total);
+
   return (
     <button
       type="button"
@@ -57,7 +60,9 @@ export const DateTimeButton = <T extends DateTime | string>({
 
       {price && !isDisabled && <div className="price">{price}</div>}
 
-      {resources && <AvailabilityIndicator {...resources} />}
+      {resources && (
+        <AvailabilityIndicator {...resources} notAvailable={_isDisabled} />
+      )}
     </button>
   );
 };

package/src/iframe/order-process/components/ErrorModal/ErrorModal.tsx

@@ -10,12 +10,14 @@ import Icon from "../../../../static/Icon";
 export interface ErrorModalProps {
   isOpen: boolean;
   onClose?: () => void;
+  message?: string;
   messageKey?: string;
 }
 
 export const ErrorModal = ({
   isOpen = false,
   onClose,
+  message,
   messageKey,
 }: ErrorModalProps) => {
   const { t } = useTranslation("Design");
@@ -47,15 +49,16 @@ export const ErrorModal = ({
       </ModalHeader>
       <ModalBody className="confirmation-modal-body">
         <div className="d-flex m-5 justify-content-center manual-form-error">
-          {messageKey ? (
-            t(messageKey)
-          ) : (
-            <Trans
-              t={t}
-              i18nKey="pleaseSelectAtLeastFrom"
-              values={{ min: 1, type: "item", from: "those categories" }}
-            />
-          )}
+          {message ||
+            (messageKey ? (
+              t(messageKey)
+            ) : (
+              <Trans
+                t={t}
+                i18nKey="pleaseSelectAtLeastFrom"
+                values={{ min: 1, type: "item", from: "those categories" }}
+              />
+            ))}
         </div>
       </ModalBody>
     </Modal>

package/src/recurring-date-picker-input/RecurrenceIntervalAndFrequencyInput.tsx

@@ -50,9 +50,7 @@ function RecurrenceIntervalAndFrequencyInput({
   const startTime = getValues("startTime");
   const endTime = getValues("endTime");
 
-  const [withOutEndDate, setWithOutEndDate] = useState<boolean>(
-    !Boolean(endDate)
-  );
+  const [withOutEndDate, setWithOutEndDate] = useState<boolean>(!endDate);
   const isProductSetWithoutEndDate = isProductSet && withOutEndDate;
 
   const handleWithoutEndDate = () => {

package/src/recurring-date-picker-input/RecurringDatePickerInput.tsx

@@ -110,7 +110,6 @@ export function RecurringDatePickerInput({
       : "";
     const endDateNextState = nextState?.endDate ?? "";
 
-
     const rrule = RRule.optionsToString({
       // @TODO: investigate if we need these fields
       // dtstart: getDateTimeObject(startDate, startTime).toJSDate(),