@licklist/design 0.50.1 → 0.51.1

package/dist/calendar/Calendar.d.ts

@@ -14,6 +14,7 @@ export type CalendarProps = {
     initialDate?: DateTime;
     getAvailability?: (date: DateTime) => ZoneResourcesAvailability | null;
     includeAvailability?: boolean;
+    shouldCalculateResources?: boolean;
 };
 export declare const Calendar: ({ disabledDates, initialDate, ...props }: CalendarProps) => JSX.Element;
 //# sourceMappingURL=Calendar.d.ts.map

package/dist/calendar/Calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,yBAAyB,EAAE,MAAM,0EAA0E,CAAC;AAIrH,eAAO,MAAM,eAAe,UAK1B,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,EAAE,QAAQ,CAAC;IACtB,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC;IACnD,aAAa,EAAE,QAAQ,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC3B,YAAY,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC9B,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,yBAAyB,GAAG,IAAI,CAAC;IACvE,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,QAAQ,6CAIlB,aAAa,gBAaf,CAAC"}
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,yBAAyB,EAAE,MAAM,0EAA0E,CAAC;AAIrH,eAAO,MAAM,eAAe,UAK1B,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,EAAE,QAAQ,CAAC;IACtB,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC;IACnD,aAAa,EAAE,QAAQ,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC3B,YAAY,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC9B,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,yBAAyB,GAAG,IAAI,CAAC;IACvE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,QAAQ,6CAIlB,aAAa,gBAaf,CAAC"}

package/dist/calendar/components/CalendarDates/CalendarDates.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { CalendarProps } from "../../Calendar";
 export type CalendarDatesProps = Omit<CalendarProps, "currentDate" | "setCurrentDate" | "initialDate">;
-export declare const CalendarDates: ({ disabledDates, isLoading, calendarDates, selectedDate, setSelectedDate, fromPrice, getAvailability, includeAvailability, }: CalendarDatesProps) => JSX.Element;
+export declare const CalendarDates: ({ disabledDates, isLoading, calendarDates, selectedDate, setSelectedDate, fromPrice, getAvailability, includeAvailability, shouldCalculateResources, }: CalendarDatesProps) => JSX.Element;
 //# sourceMappingURL=CalendarDates.d.ts.map

package/dist/calendar/components/CalendarDates/CalendarDates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDates.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/CalendarDates/CalendarDates.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,aAAa,EACb,aAAa,GAAG,gBAAgB,GAAG,aAAa,CACjD,CAAC;AAEF,eAAO,MAAM,aAAa,iIASvB,kBAAkB,gBA+CpB,CAAC"}
+{"version":3,"file":"CalendarDates.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/CalendarDates/CalendarDates.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,aAAa,EACb,aAAa,GAAG,gBAAgB,GAAG,aAAa,CACjD,CAAC;AAEF,eAAO,MAAM,aAAa,2JAUvB,kBAAkB,gBAgDpB,CAAC"}

package/dist/calendar/components/CalendarDates/CalendarDates.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,a=require("tslib"),r=require("react"),t=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,i=require("../../utils/index.js"),l=require("../../../date-time-button/DateTimeButton.js"),d=require("../CalendarWeekdays/CalendarWeekdays.js");exports.CalendarDates=function(e){var n=e.disabledDates,s=void 0===n?[]:n,u=e.isLoading,o=void 0!==u&&u,c=e.calendarDates,v=e.selectedDate,m=e.setSelectedDate,f=e.fromPrice,y=e.getAvailability,p=e.includeAvailability,D=r.useMemo((function(){var e,r,t=null!==(r=null===(e=c[0])||void 0===e?void 0:e.weekday)&&void 0!==r?r:0;if(1===t)return c;for(var i=[];t>1;)i.push(null),t-=1;return a.__spreadArray(a.__spreadArray([],a.__read(i),!1),a.__read(c),!1)}),[c]);return t.createElement("div",{className:"calendar-dates-wrapper"},t.createElement(d.CalendarWeekdays,null),t.createElement("div",{className:"calendar-dates"},D.map((function(e){if(null===e)return t.createElement("div",null);var a=o||i.isSelectedDateDisabled(e,s);return t.createElement(l.DateTimeButton,{key:+e,isDisabled:a,isSelected:v?e.hasSame(v,"day"):void 0,date:e,onSelect:function(){return m(e)},price:f,resources:null==y?void 0:y(e),showResources:p,variant:l.Variant.month})}))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,a=require("tslib"),r=require("react"),t=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,l=require("../../utils/index.js"),i=require("../../../date-time-button/DateTimeButton.js"),d=require("../CalendarWeekdays/CalendarWeekdays.js");exports.CalendarDates=function(e){var s=e.disabledDates,n=void 0===s?[]:s,u=e.isLoading,o=void 0!==u&&u,c=e.calendarDates,v=e.selectedDate,m=e.setSelectedDate,f=e.fromPrice,y=e.getAvailability,p=e.includeAvailability,D=e.shouldCalculateResources,_=r.useMemo((function(){var e,r,t=null!==(r=null===(e=c[0])||void 0===e?void 0:e.weekday)&&void 0!==r?r:0;if(1===t)return c;for(var l=[];t>1;)l.push(null),t-=1;return a.__spreadArray(a.__spreadArray([],a.__read(l),!1),a.__read(c),!1)}),[c]);return t.createElement("div",{className:"calendar-dates-wrapper"},t.createElement(d.CalendarWeekdays,null),t.createElement("div",{className:"calendar-dates"},_.map((function(e){if(null===e)return t.createElement("div",null);var a=o||l.isSelectedDateDisabled(e,n);return t.createElement(i.DateTimeButton,{key:+e,isDisabled:a,isSelected:v?e.hasSame(v,"day"):void 0,date:e,onSelect:function(){return m(e)},price:f,resources:null==y?void 0:y(e),showResources:p,variant:i.Variant.month,shouldCalculateResources:D})}))))};

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

@@ -13,9 +13,10 @@ export type DateTimeButtonProps = {
     isSoldOut?: boolean;
     onSelect: (date: DateTime) => void;
     price?: string | number | ReactElement | null;
-    resources?: ZoneResourcesAvailability | null;
+    resources: ZoneResourcesAvailability | null | undefined;
     showResources?: boolean;
+    shouldCalculateResources?: boolean;
     variant: Variant;
 };
-export declare const DateTimeButton: ({ date, isDisabled: _isDisabled, isSelected, isSoldOut: _isSoldOut, onSelect, price, resources, showResources, variant, }: DateTimeButtonProps) => JSX.Element;
+export declare const DateTimeButton: ({ date, isDisabled: _isDisabled, isSelected, isSoldOut: _isSoldOut, onSelect, price, resources, showResources, shouldCalculateResources, variant, }: DateTimeButtonProps) => 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;AACjC,OAAO,EAAE,yBAAyB,EAAE,MAAM,0EAA0E,CAAC;AAIrH,oBAAY,OAAO;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,yBAAyB,GAAG,IAAI,CAAC;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,cAAc,8HAUxB,mBAAmB,gBA6CrB,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;AACjC,OAAO,EAAE,yBAAyB,EAAE,MAAM,0EAA0E,CAAC;AAKrH,oBAAY,OAAO;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,IAAI,CAAC;IAC9C,SAAS,EAAE,yBAAyB,GAAG,IAAI,GAAG,SAAS,CAAC;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,cAAc,wJAWxB,mBAAmB,gBAuDrB,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,i=e(require("react")),a=e(require("clsx")),r=require("luxon"),n=require("../availability-indicator/AvailabilityIndicator.js"),o=require("./DateContent.js");(t=exports.Variant||(exports.Variant={})).week="week",t.month="month",t.time="time";var s=function(e){return e.toUTC()<=r.DateTime.now().toUTC()};exports.DateTimeButton=function(e){var t=e.date,r=e.isDisabled,l=e.isSelected,c=e.isSoldOut,u=e.onSelect,d=e.price,m=e.resources,b=e.showResources,v=e.variant,p=void 0===v?exports.Variant.week:v,x=c||m&&m.bookedResources>=m.totalResources,f=p===exports.Variant.time,y=f&&s(t),w=r||x||y;return i.createElement("button",{type:"button",onClick:function(){return u(t)},disabled:w,className:a("date-time-button",w&&"disabled",l&&"selected",f&&"time-button",f&&"only-time-container",!f&&"today",p===exports.Variant.month&&"calendar-view")},i.createElement(o.DateContent,{date:t,isDisabled:w,isSelected:l,variant:p}),d&&!w&&i.createElement("div",{className:"price"},d),b&&m&&i.createElement(n.AvailabilityIndicator,{resources:m,isUnavailable:r||y,isSoldOut: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,a=e(require("react")),r=e(require("clsx")),i=require("luxon"),o=require("lodash"),s=require("../availability-indicator/AvailabilityIndicator.js"),n=require("./DateContent.js");(t=exports.Variant||(exports.Variant={})).week="week",t.month="month",t.time="time";var l=function(e){return e.toUTC()<=i.DateTime.now().toUTC()};exports.DateTimeButton=function(e){var t=e.date,i=e.isDisabled,u=e.isSelected,c=e.isSoldOut,d=e.onSelect,m=e.price,b=e.resources,v=e.showResources,p=e.shouldCalculateResources,x=void 0===p||p,f=e.variant,h=void 0===f?exports.Variant.week:f,y=c||x&&b&&b.bookedResources>=b.totalResources,k=h===exports.Variant.time,q=k&&l(t),w=x&&(!b||!o.has(b,"bookedResources")||!o.has(b,"totalResources")),C=i||y||q||w;return a.createElement("button",{type:"button",onClick:function(){return d(t)},disabled:C,className:r("date-time-button",C&&"disabled",u&&"selected",k&&"time-button",k&&"only-time-container",!k&&"today",h===exports.Variant.month&&"calendar-view")},a.createElement(n.DateContent,{date:t,isDisabled:C,isSelected:u,variant:h}),m&&!C&&a.createElement("div",{className:"price"},m),v&&b&&a.createElement(s.AvailabilityIndicator,{resources:b,isUnavailable:i||q,isSoldOut:y}))};

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

@@ -11,8 +11,9 @@ type FooterProps = Partial<{
     disabled?: boolean;
     buttonLabel?: ReactNode;
     showButton?: boolean;
+    isLoading: boolean;
 } & (ButtonPropsWithoutOnClick | ButtonPropsWithOnClick)>;
 export type BookingSummaryFooterProps = PropsWithChildren<FooterProps>;
-export declare const BookingSummaryFooter: ({ disabled, onClick, buttonLabel, form, children, showButton, }: BookingSummaryFooterProps) => JSX.Element;
+export declare const BookingSummaryFooter: ({ disabled: _disabled, onClick, buttonLabel, form, children, showButton, isLoading, }: BookingSummaryFooterProps) => JSX.Element;
 export {};
 //# sourceMappingURL=BookingSummaryFooter.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BookingSummaryFooter.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/BookingSummaryFooter/BookingSummaryFooter.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK5D,KAAK,yBAAyB,GAAG;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,KAAK,WAAW,GAAG,OAAO,CACxB;IACE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,CAAC,yBAAyB,GAAG,sBAAsB,CAAC,CACzD,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;AAEvE,eAAO,MAAM,oBAAoB,oEAO9B,yBAAyB,gBAe3B,CAAC"}
+{"version":3,"file":"BookingSummaryFooter.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/BookingSummaryFooter/BookingSummaryFooter.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM5D,KAAK,yBAAyB,GAAG;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,KAAK,WAAW,GAAG,OAAO,CACxB;IACE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;CACpB,GAAG,CAAC,yBAAyB,GAAG,sBAAsB,CAAC,CACzD,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;AAEvE,eAAO,MAAM,oBAAoB,0FAQ9B,yBAAyB,gBAyB3B,CAAC"}

package/dist/iframe/order-process/components/BookingSummaryFooter/BookingSummaryFooter.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")),o=require("react-i18next"),n=e(require("react-bootstrap/Button")),i=require("../../constants.js");exports.BookingSummaryFooter=function(e){var a=e.disabled,s=void 0!==a&&a,u=e.onClick,l=e.buttonLabel,c=e.form,d=void 0===c?i.STEP_FORM_ID:c,m=e.children,f=e.showButton,b=void 0===f||f,v=o.useTranslation("Design").t,p=u?{onClick:u}:{type:"submit",form:d};return r.createElement("div",{className:"d-flex flex-column"},m,b&&r.createElement(n,t.__assign({className:"m-0 mt-3",disabled:s},p),null!=l?l:v("continue")))};
+"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")),n=require("react-i18next"),i=e(require("react-bootstrap/Button")),o=require("react-bootstrap"),a=require("../../constants.js");exports.BookingSummaryFooter=function(e){var s=e.disabled,u=void 0!==s&&s,l=e.onClick,c=e.buttonLabel,d=e.form,m=void 0===d?a.STEP_FORM_ID:d,f=e.children,b=e.showButton,p=void 0===b||b,v=e.isLoading,q=void 0!==v&&v,x=n.useTranslation("Design").t,_=l?{onClick:l}:{type:"submit",form:m},g=u||q;return r.createElement("div",{className:"d-flex flex-column"},f,p&&r.createElement(i,t.__assign({className:"m-0 d-flex align-items-center justify-content-center mt-3",disabled:g},_),q?r.createElement(o.Spinner,{animation:"border",size:"sm",role:"status"}):null!=c?c:x("continue")))};

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

@@ -1 +1 @@
-{"version":3,"file":"TableHelperComponent.d.ts","sourceRoot":"","sources":["../../src/table/TableHelperComponent.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AAOnE,OAAO,qBAAqB,MAAM,mEAAmE,CAAC;AACtG,OAAO,YAAY,MAAM,0DAA0D,CAAC;AACpF,OAAO,WAAW,MAAM,yDAAyD,CAAC;AAQlF,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,YAAY,EAAE,QAAQ,CAAC;IACvB,SAAS,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACtC,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACtE;AAUD;;;;;;GAMG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,eA8S7D;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"TableHelperComponent.d.ts","sourceRoot":"","sources":["../../src/table/TableHelperComponent.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AAOnE,OAAO,qBAAqB,MAAM,mEAAmE,CAAC;AACtG,OAAO,YAAY,MAAM,0DAA0D,CAAC;AACpF,OAAO,WAAW,MAAM,yDAAyD,CAAC;AAQlF,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,YAAY,EAAE,QAAQ,CAAC;IACvB,SAAS,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACtC,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACtE;AAUD;;;;;;GAMG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,eA4S7D;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/package.json

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

package/src/calendar/Calendar.tsx

@@ -23,6 +23,7 @@ export type CalendarProps = {
   initialDate?: DateTime;
   getAvailability?: (date: DateTime) => ZoneResourcesAvailability | null;
   includeAvailability?: boolean;
+  shouldCalculateResources?: boolean;
 };
 
 export const Calendar = ({

package/src/calendar/components/CalendarDates/CalendarDates.tsx

@@ -19,6 +19,7 @@ export const CalendarDates = ({
   fromPrice,
   getAvailability,
   includeAvailability,
+  shouldCalculateResources,
 }: CalendarDatesProps) => {
   const fillCalendarDates = useMemo(() => {
     let firstDayOfWeek = calendarDates[0]?.weekday ?? 0;
@@ -60,6 +61,7 @@ export const CalendarDates = ({
               resources={getAvailability?.(date)}
               showResources={includeAvailability}
               variant={Variant.month}
+              shouldCalculateResources={shouldCalculateResources}
             />
           );
         })}

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

@@ -2,6 +2,7 @@ import React, { ReactElement } from "react";
 import clsx from "clsx";
 import { DateTime } from "luxon";
 import { ZoneResourcesAvailability } from "@licklist/core/dist/DataMapper/Order/ZoneResourcesAvailabilityDataMapper";
+import { has } from "lodash";
 import { AvailabilityIndicator } from "../availability-indicator";
 import { DateContent } from "./DateContent";
 
@@ -18,8 +19,9 @@ export type DateTimeButtonProps = {
   isSoldOut?: boolean;
   onSelect: (date: DateTime) => void;
   price?: string | number | ReactElement | null;
-  resources?: ZoneResourcesAvailability | null;
+  resources: ZoneResourcesAvailability | null | undefined;
   showResources?: boolean;
+  shouldCalculateResources?: boolean;
   variant: Variant;
 };
 
@@ -32,17 +34,28 @@ export const DateTimeButton = ({
   price,
   resources,
   showResources,
+  shouldCalculateResources = true,
   variant = Variant.week,
 }: DateTimeButtonProps) => {
   const isSoldOut =
     _isSoldOut ||
-    (resources && resources.bookedResources >= resources.totalResources);
+    // only consider resources if shouldCalculateResources is true
+    (shouldCalculateResources &&
+      resources &&
+      resources.bookedResources >= resources.totalResources);
 
   const isTimeVariant = variant === Variant.time;
 
   const isTimeInPast = isTimeVariant && isDateInPast(date);
 
-  const isDisabled = _isDisabled || isSoldOut || isTimeInPast;
+  const noResources =
+    shouldCalculateResources &&
+    // only consider resources if shouldCalculateResources is true
+    (!resources ||
+      !has(resources, "bookedResources") ||
+      !has(resources, "totalResources"));
+
+  const isDisabled = _isDisabled || isSoldOut || isTimeInPast || noResources;
 
   return (
     <button

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

@@ -1,6 +1,7 @@
 import React, { ReactNode, PropsWithChildren } from "react";
 import { useTranslation } from "react-i18next";
 import Button from "react-bootstrap/Button";
+import { Spinner } from "react-bootstrap";
 import { STEP_FORM_ID } from "../../constants";
 
 type ButtonPropsWithoutOnClick = {
@@ -18,29 +19,41 @@ type FooterProps = Partial<
     disabled?: boolean;
     buttonLabel?: ReactNode;
     showButton?: boolean;
+    isLoading: boolean;
   } & (ButtonPropsWithoutOnClick | ButtonPropsWithOnClick)
 >;
 
 export type BookingSummaryFooterProps = PropsWithChildren<FooterProps>;
 
 export const BookingSummaryFooter = ({
-  disabled = false,
+  disabled: _disabled = false,
   onClick,
   buttonLabel,
   form = STEP_FORM_ID,
   children,
   showButton = true,
+  isLoading = false,
 }: BookingSummaryFooterProps) => {
   const { t } = useTranslation("Design");
 
   const buttonProps = onClick ? { onClick } : { type: "submit", form };
 
+  const disabled = _disabled || isLoading;
+
   return (
     <div className="d-flex flex-column">
       {children}
       {showButton && (
-        <Button className="m-0 mt-3" disabled={disabled} {...buttonProps}>
-          {buttonLabel ?? t("continue")}
+        <Button
+          className="m-0 d-flex align-items-center justify-content-center mt-3"
+          disabled={disabled}
+          {...buttonProps}
+        >
+          {isLoading ? (
+            <Spinner animation="border" size="sm" role="status" />
+          ) : (
+            buttonLabel ?? t("continue")
+          )}
         </Button>
       )}
     </div>

package/src/table/TableHelperComponent.tsx

@@ -173,20 +173,18 @@ function TableHelperComponent(props: TableHelperComponentProps) {
           };
         });
       }
+    } else if (filteredOrdersOptions) {
+      filteredOrdersOptions((prevOptions) => ({
+        ...prevOptions,
+        sortKey: key,
+        sortDirection: nextDirection,
+      }));
     } else {
-      if (filteredOrdersOptions) {
-        filteredOrdersOptions((prevOptions) => ({
-          ...prevOptions,
-          sortKey: key,
-          sortDirection: nextDirection,
-        }));
-      } else {
-        setOptions((prevOptions) => ({
-          ...prevOptions,
-          sortKey: key,
-          sortDirection: nextDirection,
-        }));
-      }
+      setOptions((prevOptions) => ({
+        ...prevOptions,
+        sortKey: key,
+        sortDirection: nextDirection,
+      }));
     }
   };