@licklist/design 0.44.486-dev.28 → 0.44.486-dev.3

package/src/styles/iframe-events/Calendar.scss

@@ -1,3 +1,4 @@
+
 .calendar-wrapper {
   display: flex;
 
@@ -20,7 +21,7 @@
           background-color: transparent;
         }
 
-        &:focus {
+        &:focus{
           box-shadow: none;
         }
       }
@@ -72,9 +73,10 @@
       }
     }
 
+    
+
     .calendar-dates-wrapper {
-      .calendar-weekdays,
-      .calendar-dates {
+      .calendar-weekdays, .calendar-dates {
         display: grid;
         grid-template-columns: repeat(7, auto);
         grid-gap: 0.5rem 1rem;
@@ -96,17 +98,17 @@
         margin-top: 0.75rem;
 
         .calendar-date {
+          height: 2rem;
           display: flex;
-          flex-direction: column;
           align-items: center;
           justify-content: center;
-          padding: 0.25rem;
+          padding: 0;
           border-radius: 0.25rem;
           background-color: $snippet-calendar-button-background-color;
           color: $snippet-calendar-button-font-color;
           font-size: 0.875rem;
           line-height: 1.3125rem;
-          border: 1px solid $snippet-calendar-button-border-color;
+          border: 1px solid $snippet-calendar-button-border-color;;
 
           &.selected-date {
             background-color: $snippet-calendar-active-button-background-color;
@@ -136,7 +138,7 @@
           &:hover {
             border-color: $snippet-calendar-active-button-border-color;
           }
-
+            
           &:focus {
             box-shadow: none;
           }
@@ -165,11 +167,11 @@
         justify-content: center;
         width: 3.75rem;
         height: 2.5rem;
-        background-color: #f2f2f2;
+        background-color: #F2F2F2;
         color: $black;
         font-size: 0.75rem;
         border-radius: 0.25rem;
-
+  
         &.selected-time {
           background-color: $blue;
           color: $white;
@@ -187,16 +189,14 @@
     flex-direction: column;
     align-items: center;
 
-    .calendar,
-    .start-time-wrapper {
+    .calendar, .start-time-wrapper {
       min-width: 20.75rem;
 
       .calendar-dates-wrapper {
-        .calendar-weekdays,
-        .calendar-dates {
+        .calendar-weekdays, .calendar-dates {
           grid-gap: 0.5rem;
         }
-
+  
         .calendar-dates {
           .calendar-date {
             width: 2.5rem;

package/src/styles/iframe-events/Card.scss

@@ -142,7 +142,6 @@
     .card-body {
       padding: 0;
       margin: 0 0 auto;
-      margin-top: 1rem;
     }
   }
 

package/src/styles/iframe-page/PageBody.scss

@@ -199,8 +199,7 @@
         color: $snippet-elements-button-color;
         border: none;
         background-color: $snippet-elements-button-background-color;
-        box-shadow: 0 0 0 $input-btn-focus-width
-          $snippet-elements-button-background-color;
+        box-shadow: 0 0 0 $input-btn-focus-width $snippet-elements-button-background-color;
       }
 
       &:disabled {
@@ -235,7 +234,7 @@
     font-weight: 500;
     border-radius: 0.25rem;
     font-size: 0.875rem;
-    min-height: 2.25rem;
+    height: 2.25rem;
 
     &:focus {
       box-shadow: unset;

package/src/styles/notification/Notification.scss

@@ -15,10 +15,6 @@
       display: none !important;
     }
   }
-
-  &.is-invalid {
-    border-color: theme-color("danger");
-  }
 }
 
 .placeholder-row {

package/src/styles/packages.scss

@@ -13,6 +13,7 @@
 @import "./static";
 @import "./table";
 @import "./back-button";
+@import "./iframe-customers-journey";
 @import "./custom-fields";
 @import "./file-upload";
 @import "./iframe-events";
@@ -40,5 +41,3 @@
 @import "./striped-static-table/";
 @import "./image-radio-input/";
 @import "./radio-card/";
-@import "./activity-card/";
-@import "./date-time-button/";

package/src/styles/resources-blocking/_index.scss

@@ -7,11 +7,6 @@
     overflow: auto;
   }
 
-  .modal-form-content {
-    max-height: 21rem;
-    overflow-x: hidden;
-  }
-
   .reccurrence-interval-container {
     .form-group {
       margin-bottom: 0.5rem;

package/src/styles/themes/bookedit/_index.scss

@@ -46,7 +46,6 @@
 .header {
   background-color: color("white");
   padding: 0 2.5rem;
-  z-index: 2;
   min-height: 4rem;
   border-bottom: 1px solid #f0f0f0;
 }

package/src/typings.d.ts

@@ -28,14 +28,3 @@ declare module "*.json" {
 
 declare module "react-phone-number-input/input";
 declare module "react-phone-number-input/commonjs/Flag";
-
-// @TODO: this is a hofix for the following issue:
-// licklist_workspace_frontend/packages/design/src/product-set/hooks/useSortableTreeFunctions.ts(17,34):
-// semantic error TS2304: Cannot find name 'structuredClone'.
-interface WindowOrWorkerGlobalScope {
-  structuredClone(value: any, options?: StructuredSerializeOptions): any;
-}
-declare function structuredClone(
-  value: any,
-  options?: StructuredSerializeOptions
-): any;

package/src/zone/form/components/AvailableTimesControl.tsx

@@ -9,6 +9,7 @@ import { Form } from "react-bootstrap";
 import { UseFormSetError, useForm } from "react-hook-form";
 import { useId } from "@react-aria/utils";
 import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
+import { calculateTimeWithOffset } from "@licklist/plugins/dist/utils/time";
 import { getCheckboxesByWorkHours } from "../utils/dates";
 
 export type AvailableTimesControlRef = {
@@ -61,18 +62,20 @@ export const AvailableTimesControl = forwardRef<
   });
 
   const onChange = (option: string) => {
-    const isAlreadyChecked = availableTimes.includes(option);
+    const timeWithOffset = calculateTimeWithOffset(option);
+
+    const isAlreadyChecked = availableTimes.includes(timeWithOffset);
 
     if (isAlreadyChecked) {
       setValue(
         "availableTimes",
-        availableTimes.filter((value) => value !== option)
+        availableTimes.filter((value) => value !== timeWithOffset)
       );
 
       return;
     }
 
-    setValue("availableTimes", [...availableTimes, option]);
+    setValue("availableTimes", [...availableTimes, timeWithOffset]);
   };
 
   useEffect(() => {
@@ -92,7 +95,9 @@ export const AvailableTimesControl = forwardRef<
               <Form.Check.Input
                 type="checkbox"
                 value={option}
-                checked={availableTimes.includes(option)}
+                checked={availableTimes.includes(
+                  calculateTimeWithOffset(option)
+                )}
                 onChange={() => onChange(option)}
                 disabled={isLoading}
               />

package/src/zone/form/components/ZoneControl.tsx

@@ -7,7 +7,6 @@ import { SortControl } from "./SortControl";
 import { ZoneRecurrencesControl } from "./ZoneRecurrencesControl";
 import { DescriptionControl } from "./DescriptionControl";
 import { ZoneImageControl } from "./ZoneImageControl";
-import { GameDurationControl } from "./GameDurationControl";
 
 export type ZoneControlProps = {
   isLoading: boolean;
@@ -28,7 +27,6 @@ export const ZoneControl = ({
           <Col md={6} sm={6}>
             <ZoneTypeControl isLoading={isLoading} />
             <SortControl isLoading={isLoading} />
-            <GameDurationControl isLoading={isLoading} />
           </Col>
           <Col md={6} sm={6}>
             <ZoneImageControl isLoading={isLoading} />

package/src/zone/form/components/ZoneRecurrencesControl.tsx

@@ -12,8 +12,11 @@ import {
 import { DndContext } from "@dnd-kit/core";
 import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
 import { DateTime } from "luxon";
-import { TIME_FORMAT } from "@licklist/core/dist/Config";
-
+import { TIME_FORMAT, TIME_FULL_FORMAT } from "@licklist/core/dist/Config";
+import {
+  calculateTimeWithOffset,
+  DIRECTION_TO_LOCAL,
+} from "@licklist/plugins/dist/utils/time";
 import { CONFIRM_MODAL_ACTIONS } from "../../../modals/confirmation/ConfirmModal";
 import { Icon } from "../../../static";
 import {
@@ -64,6 +67,7 @@ export const ZoneRecurrencesControl = ({
   });
   const clearEditState = () => setEditState({ index: null, values: null });
   const [availableTimes, setAvailableTimes] = useState<string[]>([]);
+
   const popoverRef = useRef<HTMLDivElement>();
   const availableTimesFormRef = useRef<AvailableTimesControlRef>();
 
@@ -93,29 +97,30 @@ export const ZoneRecurrencesControl = ({
     if (!isAvailableTimesFormValid) {
       return;
     }
-    if (next?.startTime && next?.endTime) {
-      const startTime = DateTime.fromISO(next.startTime);
-      const endTime = DateTime.fromISO(next.endTime);
-      const { availableTimes } = availableTimesFormRef.current.getValues();
-      const validAvalilableTimes = availableTimes.every((time) => {
-        const currentAvailableTime = DateTime.fromFormat(time, TIME_FORMAT);
-
-        return (
-          currentAvailableTime.diff(startTime, "minutes").minutes >= 0 &&
-          currentAvailableTime.diff(endTime, "minutes").minutes <= 0
-        );
+    const startTime = DateTime.fromFormat(next.startTime, TIME_FULL_FORMAT);
+    const endTime = DateTime.fromFormat(next.endTime, TIME_FULL_FORMAT);
+    const { availableTimes } = availableTimesFormRef.current.getValues();
+    const validAvalilableTimes = availableTimes.every((time) => {
+      const currentAvailableTime = DateTime.fromFormat(
+        calculateTimeWithOffset(time, DIRECTION_TO_LOCAL),
+        TIME_FORMAT
+      );
+
+      return (
+        currentAvailableTime.diff(startTime, "minutes").minutes >= 0 &&
+        currentAvailableTime.diff(endTime, "minutes").minutes <= 0
+      );
+    });
+    if (!validAvalilableTimes) {
+      availableTimesFormRef.current.setError("availableTimes", {
+        message: t("Validation:fieldTimeBetween", {
+          attribute: t("Design:startTimesSmall"),
+          min: startTime.toFormat(TIME_FORMAT),
+          max: endTime.toFormat(TIME_FORMAT),
+        }),
       });
-      if (!validAvalilableTimes) {
-        availableTimesFormRef.current.setError("availableTimes", {
-          message: t("Validation:fieldTimeBetween", {
-            attribute: t("Design:startTimesSmall"),
-            min: startTime.toFormat(TIME_FORMAT),
-            max: endTime.toFormat(TIME_FORMAT),
-          }),
-        });
-
-        return;
-      }
+
+      return;
     }
     const values = {
       rrule: next.rrule,
@@ -143,9 +148,12 @@ export const ZoneRecurrencesControl = ({
   const handleOnEdit = (next: Partial<ZoneRecurrence>, index) => {
     clearEditState();
 
-    setEditState({ index, values: next });
-    setAvailableTimes(next.availableTimes || []);
-    setIsDatePopoverVisible(() => true);
+    // Hotfix for an issue with Popover close & open actions
+    setTimeout(() => {
+      setEditState({ index, values: next });
+      setAvailableTimes(next.availableTimes || []);
+      setIsDatePopoverVisible(() => true);
+    }, 100);
   };
 
   const handleOnAdd = () => {

package/src/zone/form/utils/dates.ts

@@ -1,7 +1,5 @@
-import { TIME_SEPARATOR } from "@licklist/core/dist/Services/Date";
+import { datetime, TIME_SEPARATOR } from "@licklist/core/dist/Services/Date";
 import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
-import { DateTime } from "luxon";
-import { TIME_FORMAT } from "@licklist/core/dist/Config";
 
 const DEFAULT_START_DAY_TIME = "00:00";
 const DEFAULT_END_DAY_TIME = "23:59";
@@ -15,37 +13,46 @@ export const getTimeCheckboxRanges = (
   const [startHour, startMinutes] = startTime.split(TIME_SEPARATOR);
   const [endHour, endMinutes] = endTime.split(TIME_SEPARATOR);
 
-  let startDate = DateTime.now()
-    .setZone("UTC")
-    .set({
-      year: today.getFullYear(),
-      month: today.getMonth() + 1,
-      day: today.getDate(),
-      hour: Number(startHour),
-      minute: Number(startMinutes),
-      second: 0,
-    });
-
-  const endDate = DateTime.now()
-    .setZone("UTC")
-    .set({
-      year: today.getFullYear(),
-      month: today.getMonth() + 1,
-      day: today.getDate(),
-      hour: Number(endHour),
-      minute: Number(endMinutes),
-      second: 0,
-    });
-
-  const checkboxes: string[] = [startDate.toFormat(TIME_FORMAT)];
+  let startDate = datetime(
+    today.getFullYear(),
+    today.getMonth() + 1,
+    today.getDate(),
+    Number(startHour),
+    Number(startMinutes)
+  );
+
+  const endDate = datetime(
+    today.getFullYear(),
+    today.getMonth() + 1,
+    today.getDate(),
+    Number(endHour),
+    Number(endMinutes)
+  );
+
+  const dateSlices: { [key: string]: Date } = {
+    0: startDate,
+  };
   let count = 0;
 
-  while (endDate.diff(startDate, ["minutes"]).minutes >= range) {
-    startDate = startDate.plus({ minutes: range });
+  while (endDate >= startDate) {
+    startDate = new Date(startDate.getTime() + range * 60 * 1000);
     count += 1;
-    checkboxes[count] = startDate.toFormat(TIME_FORMAT);
+    dateSlices[count] = startDate;
   }
 
+  const checkboxes = Object.keys(dateSlices)
+    .map((key) => {
+      const date = dateSlices[key];
+      if (date < endDate) {
+        const [, time] = date.toISOString().split("T");
+        const [selectedHours, selectedMinutes] = time.split(TIME_SEPARATOR);
+
+        return [selectedHours, selectedMinutes].join(TIME_SEPARATOR);
+      }
+      return null;
+    })
+    .filter(Boolean);
+
   return checkboxes;
 };
 

package/dist/assets/iframe/available.svg.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,r,n,i=require("react");(e=i)&&"object"==typeof e&&"default"in e&&e.default;function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},f.apply(this,arguments)}exports.ReactComponent=function(e){return i.createElement("svg",f({width:7,height:11,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=i.createElement("rect",{x:.944,y:1.037,width:5.252,height:3.049,rx:1.5,fill:"#4CF973",stroke:"#fff"})),r||(r=i.createElement("rect",{x:.944,y:4.11,width:5.252,height:3.049,rx:1.5,fill:"#4CF973",stroke:"#fff"})),n||(n=i.createElement("rect",{x:.944,y:7.183,width:5.252,height:3.049,rx:1.5,fill:"#4CF973",stroke:"#fff"})))};

package/dist/assets/iframe/limited.svg.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,r,n,i=require("react");(e=i)&&"object"==typeof e&&"default"in e&&e.default;function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},f.apply(this,arguments)}exports.ReactComponent=function(e){return i.createElement("svg",f({width:7,height:11,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=i.createElement("rect",{x:1.241,y:1.037,width:5.252,height:3.049,rx:1.5,fill:"#E4E4E4",stroke:"#fff"})),r||(r=i.createElement("rect",{x:1.241,y:4.11,width:5.252,height:3.049,rx:1.5,fill:"#FDD054",stroke:"#fff"})),n||(n=i.createElement("rect",{x:1.241,y:7.183,width:5.252,height:3.049,rx:1.5,fill:"#FDD054",stroke:"#fff"})))};

package/dist/assets/iframe/soldOut.svg.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,r,n,f,i=require("react");(e=i)&&"object"==typeof e&&"default"in e&&e.default;function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}exports.ReactComponent=function(e){return i.createElement("svg",l({width:7,height:10,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=i.createElement("path",{fill:"#fff",d:"M.497 0h5.94v10H.497z"})),r||(r=i.createElement("rect",{x:.591,y:.5,width:5.752,height:3,rx:1.5,fill:"#E4E4E4",stroke:"#fff"})),n||(n=i.createElement("rect",{x:.591,y:3.5,width:5.752,height:3,rx:1.5,fill:"#E4E4E4",stroke:"#fff"})),f||(f=i.createElement("rect",{x:.591,y:6.5,width:5.752,height:3,rx:1.5,fill:"#E4E4E4",stroke:"#fff"})))};

package/dist/assets/logo/favicon.svg

@@ -1,12 +0,0 @@
-<?xml version="1.0"?>
-<svg width="200" height="201" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" version="1.1">
-    <title>Single Colour - Light Blue Light</title>
-    <g class="layer">
-        <title>Layer 1</title>
-        <g fill="none" fill-rule="evenodd" id="Page-1">
-            <g fill="#0E8CE2" fill-rule="nonzero" id="Logo-Export" transform="translate(0 -1835)">
-                <path d="m52.59,1861.52c16.49,-16.49 24.18,-20.75 33.43,-23.55c9.25,-2.8 18.71,-2.8 27.95,0c9.25,2.8 16.95,7.06 33.43,23.55l26.95,26.94c16.48,16.49 20.74,24.18 23.54,33.43c2.81,9.25 2.81,18.71 0,27.95c-2.8,9.25 -7.06,16.95 -23.54,33.43l-26.95,26.95c-16.48,16.48 -24.18,20.74 -33.43,23.54c-9.24,2.81 -18.7,2.81 -27.95,0c-9.25,-2.8 -16.94,-7.06 -33.43,-23.54l-26.94,-26.95c-16.49,-16.48 -20.75,-24.18 -23.55,-33.43c-2.8,-9.24 -2.8,-18.7 0,-27.95c2.8,-9.25 7.06,-16.94 23.55,-33.43l26.94,-26.94zm14.82,14.04l-27.33,27.33c-12.85,12.85 -16.37,18.05 -18.45,24.92c-1.63,5.39 -1.63,10.73 0,16.11c2.06,6.8 5.53,11.97 18.06,24.54l27.72,27.71c12.57,12.54 17.73,16 24.53,18.06c5.39,1.64 10.73,1.64 16.11,0c6.87,-2.08 12.07,-5.59 24.92,-18.44l26.95,-26.95c12.85,-12.85 16.36,-18.05 18.44,-24.92c1.64,-5.38 1.64,-10.72 0,-16.11c-2.08,-6.87 -5.59,-12.07 -18.44,-24.92l-26.95,-26.94c-12.85,-12.85 -18.05,-16.37 -24.92,-18.45c-5.38,-1.63 -10.72,-1.63 -16.11,0c-6.8,2.06 -11.96,5.53 -24.53,18.06zm67.18,50.6c5.48,-5.47 14.37,-5.47 19.85,0c5.47,5.48 5.47,14.37 0,19.85l-44.2,44.19c-5.48,5.48 -14.36,5.48 -19.84,0l-6.45,-6.45c-1.21,-1.21 -1.52,-1.77 -1.72,-2.45c-0.21,-0.68 -0.21,-1.37 0,-2.05c0.2,-0.67 0.51,-1.24 1.72,-2.44l50.64,-50.65zm-73.77,24.53c1.32,-1.32 3.11,-2.06 4.97,-2.05l25.82,0.06c1.4,0 2.54,1.15 2.54,2.55c0,0.67 -0.26,1.3 -0.72,1.78l-1.36,1.4l-16.1,15.95c-1.49,1.48 -3.91,1.48 -5.4,-0.01l-9.75,-9.76c-2.74,-2.74 -2.74,-7.18 0,-9.92" id="Single-Colour---Light-Blue-Light"/>
-            </g>
-        </g>
-    </g>
-</svg>

package/dist/calendar/Calendar.d.ts

@@ -1,16 +0,0 @@
-import { Dispatch, ReactElement, SetStateAction } from "react";
-import { DateTime } from "luxon";
-export declare const defaultStartDay: DateTime;
-export type CalendarProps = {
-    currentDate: DateTime;
-    setCurrentDate: Dispatch<SetStateAction<DateTime>>;
-    calendarDates: DateTime[];
-    disabledDates?: DateTime[];
-    selectedDate: DateTime | null;
-    setSelectedDate: Dispatch<SetStateAction<DateTime | null>>;
-    fromPrice?: string | ReactElement | null;
-    isLoading?: boolean;
-    initialDate?: DateTime;
-};
-export declare const Calendar: ({ currentDate, setCurrentDate, calendarDates, disabledDates, selectedDate, setSelectedDate, initialDate, isLoading, fromPrice, }: CalendarProps) => JSX.Element;
-//# sourceMappingURL=Calendar.d.ts.map

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

@@ -1 +0,0 @@
-{"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;AAIjC,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;CACxB,CAAC;AAEF,eAAO,MAAM,QAAQ,qIAUlB,aAAa,gBAwBf,CAAC"}

package/dist/calendar/Calendar.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),a=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,r=require("luxon"),n=require("./components/CalendarButtons/CalendarButtons.js"),s=require("./components/CalendarDates/CalendarDates.js"),d=r.DateTime.now().set({millisecond:0,second:0,hour:0,minute:0});exports.Calendar=function(e){var t=e.currentDate,r=e.setCurrentDate,i=e.calendarDates,l=e.disabledDates,c=void 0===l?[]:l,o=e.selectedDate,u=e.setSelectedDate,D=e.initialDate,m=void 0===D?d:D,p=e.isLoading,C=void 0!==p&&p,f=e.fromPrice;return a.createElement("div",{className:"calendar-wrapper"},a.createElement("div",{className:"calendar"},a.createElement(n.CalendarButtons,{disabledDates:c,isLoading:C,currentDate:t,setCurrentDate:r,setSelectedDate:u,initialDate:m}),a.createElement(s.CalendarDates,{disabledDates:c,isLoading:C,fromPrice:f,selectedDate:o,setSelectedDate:u,calendarDates:i,initialDate:m})))},exports.defaultStartDay=d;

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { CalendarProps } from "../../Calendar";
-type CalendarButtonsProps = Pick<CalendarProps, "isLoading" | "disabledDates" | "initialDate" | "currentDate" | "setCurrentDate" | "setSelectedDate">;
-export declare const CalendarButtons: ({ disabledDates, isLoading, initialDate, currentDate, setCurrentDate, setSelectedDate, }: CalendarButtonsProps) => JSX.Element;
-export {};
-//# sourceMappingURL=CalendarButtons.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarButtons.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/CalendarButtons/CalendarButtons.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,KAAK,oBAAoB,GAAG,IAAI,CAC9B,aAAa,EACX,WAAW,GACX,eAAe,GACf,aAAa,GACb,aAAa,GACb,gBAAgB,GAChB,iBAAiB,CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,6FAOzB,oBAAoB,gBA0GtB,CAAC"}

package/dist/calendar/components/CalendarButtons/CalendarButtons.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),a=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-i18next"),r=require("react-bootstrap"),l=require("lodash"),s=require("../CalendarSelect/CalendarSelect.js"),i=require("../../../assets/iframe/selectArrow.svg.js"),o=require("../../utils/index.js");exports.CalendarButtons=function(e){var c=e.disabledDates,u=void 0===c?[]:c,d=e.isLoading,m=void 0!==d&&d,b=e.initialDate,v=e.currentDate,f=e.setCurrentDate,C=e.setSelectedDate,p=n.useTranslation("Design").t,E=t.useCallback((function(){f((function(e){return e.plus({months:1})}))}),[]),y=t.useCallback((function(){f((function(e){return e.minus({month:1})}))}),[]),D=t.useMemo((function(){return l.range(b.year,b.year+5,1).map((function(e){return{label:String(e),value:e}}))}),[b]),N=t.useMemo((function(){return v>b}),[v,b]);return a.createElement("div",null,a.createElement("div",{className:"calendar-top-buttons"},a.createElement(r.Button,{variant:"outline-secondary",className:"mr-4",size:"sm",onClick:function(){f(b),o.isSelectedDateDisabled(b,u)||C(b)},disabled:m},p("today")),a.createElement(r.Button,{variant:"outline-secondary",size:"sm",onClick:function(){var e=b.set({day:b.day+1});f(e),o.isSelectedDateDisabled(e,u)||C(e)},disabled:m},p("tomorrow"))),a.createElement("hr",null),a.createElement("div",{className:"calendar-buttons"},a.createElement("div",{className:"buttons-wrapper"},a.createElement(r.Button,{className:"calendar-button left-button",onClick:y,disabled:!N,variant:"link"},a.createElement(i.ReactComponent,null)),a.createElement("div",{className:"month-title"},v.toFormat("MMMM")),a.createElement(r.Button,{className:"calendar-button",onClick:E,variant:"link"},a.createElement(i.ReactComponent,null))),a.createElement(s.CalendarSelect,{options:D,onChange:function(e){var t=Number(e),a=v.set({year:t});f(a<=b?b:a)},value:v.year,className:"ml-4"})))};

package/dist/calendar/components/CalendarButtons/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/CalendarButtons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarDate.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/CalendarDate/CalendarDate.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,EAAE,QAAQ,CAAC;IACtB,WAAW,EAAE,QAAQ,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,eAAe,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,YAAY,wFAOtB,iBAAiB,gBA6BnB,CAAC"}

package/dist/calendar/components/CalendarDate/CalendarDate.js

@@ -1 +0,0 @@
-"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-bootstrap"),r=e(require("clsx"));exports.CalendarDate=function(e){var l=e.initialDate,n=e.currentDate,i=e.selectedDate,d=e.setSelectedDate,c=e.isDisabled,u=void 0!==c&&c,s=e.fromPrice,o=n<l||u;return t.createElement(a.Button,{variant:"link",disabled:o,className:r("calendar-date",(null==i?void 0:i.hasSame(n,"day"))&&"selected-date",o&&"disabled-date"),onClick:function(){u||d(n)}},t.createElement("div",null,n.day),"string"==typeof s?t.createElement("div",null,s):t.createElement(t.Fragment,null,s))};

package/dist/calendar/components/CalendarDate/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/CalendarDate/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { DateTime } from "luxon";
-import { CalendarProps } from "../../Calendar";
-export type CalendarDatesProps = Pick<CalendarProps, "calendarDates" | "fromPrice" | "isLoading" | "disabledDates" | "selectedDate" | "setSelectedDate"> & {
-    initialDate: DateTime;
-};
-export declare const CalendarDates: ({ disabledDates, isLoading, calendarDates, ...props }: CalendarDatesProps) => JSX.Element;
-//# sourceMappingURL=CalendarDates.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarDates.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/CalendarDates/CalendarDates.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,aAAa,EACX,eAAe,GACf,WAAW,GACX,WAAW,GACX,eAAe,GACf,cAAc,GACd,iBAAiB,CACpB,GAAG;IACF,WAAW,EAAE,QAAQ,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,aAAa,0DAKvB,kBAAkB,gBAwCpB,CAAC"}

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

@@ -1 +0,0 @@
-"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,d=require("../../utils/index.js"),l=require("../CalendarWeekdays/CalendarWeekdays.js"),n=require("../CalendarDate/CalendarDate.js");exports.CalendarDates=function(e){var s=e.disabledDates,i=void 0===s?[]:s,u=e.isLoading,c=void 0!==u&&u,o=e.calendarDates,v=a.__rest(e,["disabledDates","isLoading","calendarDates"]),_=r.useMemo((function(){var e,r,t=null!==(r=null===(e=o[0])||void 0===e?void 0:e.weekday)&&void 0!==r?r:0;if(1===t)return o;for(var d=[];t>1;)d.push(null),t-=1;return a.__spreadArray(a.__spreadArray([],a.__read(d),!1),a.__read(o),!1)}),[o]);return t.createElement("div",{className:"calendar-dates-wrapper"},t.createElement(l.CalendarWeekdays,null),t.createElement("div",{className:"calendar-dates"},_.map((function(e){if(null===e)return t.createElement("div",null);var r=c||d.isSelectedDateDisabled(e,i);return t.createElement(n.CalendarDate,a.__assign({key:+e,currentDate:e,isDisabled:r},v))}))))};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/CalendarDates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarSelect.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/CalendarSelect/CalendarSelect.tsx"],"names":[],"mappings":";AAKA,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,cAAc,6CAKxB,mBAAmB,gBA+BrB,CAAC"}

package/dist/calendar/components/CalendarSelect/CalendarSelect.js

@@ -1 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var a=require("react"),r=e(a),t=require("react-bootstrap"),n=e(require("clsx")),l=require("../../../iframe/page/components/PageBody/constants.js");exports.CalendarSelect=function(e){var o=e.options,c=e.onChange,s=e.value,u=e.className,i=a.useRef(null);return r.createElement("div",{className:n("calendar-select-wrapper",u),id:l.PAGE_CALENDAR_SELECT_WRAPPER},r.createElement(t.Form.Control,{as:"select",onChange:function(e){var a=e.target.value;c&&c(a)},className:"calendar-select",value:s,ref:i},o.map((function(e){var a=e.label,t=e.value;return r.createElement("option",{value:t,key:a||t},a)}))))};

package/dist/calendar/components/CalendarSelect/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/CalendarSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EACV,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,kBAAkB,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarWeekdays.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/CalendarWeekdays/CalendarWeekdays.tsx"],"names":[],"mappings":";AAaA,eAAO,MAAM,gBAAgB,mBAc5B,CAAC"}

package/dist/calendar/components/CalendarWeekdays/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/CalendarWeekdays/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/calendar/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./Calendar";
-export * from "./components/CalendarSelect";
-export * from "./utils";
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/calendar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,SAAS,CAAC"}

package/dist/calendar/utils/index.d.ts

@@ -1,5 +0,0 @@
-import { DateTime } from "luxon";
-export declare const isSelectedDateDisabled: (selectedDate: DateTime, disabledDates?: DateTime[]) => boolean;
-export declare const getMonthCalendarDates: (initialDate: DateTime) => DateTime[];
-export declare const getWeekCalendarDates: (initialDate: DateTime) => DateTime[];
-//# sourceMappingURL=index.d.ts.map

package/dist/calendar/utils/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/calendar/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAY,MAAM,OAAO,CAAC;AAG3C,eAAO,MAAM,sBAAsB,iBACnB,QAAQ,kBACP,QAAQ,EAAE,YAK1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,gBAAiB,QAAQ,KAAG,QAAQ,EAOrE,CAAC;AAEF,eAAO,MAAM,oBAAoB,gBAAiB,QAAQ,KAAG,QAAQ,EAMpE,CAAC"}

package/dist/calendar/utils/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t,e=require("luxon"),r=(t=require("lodash/isEqual"))&&"object"==typeof t&&"default"in t?t.default:t;exports.getMonthCalendarDates=function(t){var r=t.startOf("month"),n=t.endOf("month");return e.Interval.fromDateTimes(r,n).splitBy({day:1}).map((function(t){return t.start}))},exports.getWeekCalendarDates=function(t){var r=t.plus({days:7});return e.Interval.fromDateTimes(t,r).splitBy({day:1}).map((function(t){return t.start}))},exports.isSelectedDateDisabled=function(t,e){return void 0===e&&(e=[]),!!e.find((function(e){return r(e.toObject(),t.toObject())}))};

package/dist/iframe/activity-card/ActivityCard.d.ts

@@ -1,17 +0,0 @@
-import { ReactNode } from "react";
-import { Image } from "@licklist/core/dist/DataMapper/Media/ImageDataMapper";
-export declare const LAYOUT_GRID = "grid";
-export declare const LAYOUT_LIST = "list";
-type Layout = typeof LAYOUT_GRID | typeof LAYOUT_LIST;
-export type ActivityCardProps = {
-    title: ReactNode;
-    duration: ReactNode;
-    price: ReactNode;
-    image?: Image | null;
-    onSelect: () => void;
-    isSelected: boolean;
-    layout?: Layout;
-};
-export declare const ActivityCard: ({ title, duration, price, image, onSelect, isSelected, layout, }: ActivityCardProps) => JSX.Element;
-export {};
-//# sourceMappingURL=ActivityCard.d.ts.map

package/dist/iframe/activity-card/ActivityCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActivityCard.d.ts","sourceRoot":"","sources":["../../../src/iframe/activity-card/ActivityCard.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,sDAAsD,CAAC;AAE7E,eAAO,MAAM,WAAW,SAAS,CAAC;AAClC,eAAO,MAAM,WAAW,SAAS,CAAC;AAElC,KAAK,MAAM,GAAG,OAAO,WAAW,GAAG,OAAO,WAAW,CAAC;AAEtD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,YAAY,qEAQtB,iBAAiB,gBAiDnB,CAAC"}

package/dist/iframe/activity-card/ActivityCard.js

@@ -1 +0,0 @@
-"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=e(require("clsx")),l="grid";exports.ActivityCard=function(e){var c=e.title,i=e.duration,r=e.price,n=e.image,s=e.onSelect,m=e.isSelected,d=e.layout;return(void 0===d?l:d)===l?t.createElement("button",{type:"button",className:a("activity-card",m&&"active"),onClick:s},n&&t.createElement("img",{className:"activity-card-image",alt:"",src:n.url}),t.createElement("div",{className:a("d-flex","flex-column",!n&&"no-image")},t.createElement("div",{className:"activity-card-title"},c),i&&t.createElement("div",null,i),r&&t.createElement("div",null,r))):t.createElement("div",{role:"button",onClick:s,onKeyPress:s,tabIndex:0},t.createElement("div",{className:a("list-activity-card",{active:m})},t.createElement("div",{className:"description"},t.createElement("div",{className:"title"},c),i&&t.createElement("div",null,t.createElement("p",null,i)),r&&t.createElement("div",null,r)),n&&t.createElement("div",{className:"image-container"},t.createElement("img",{className:"image",src:n.url,alt:""}))),t.createElement("hr",{className:"list-activity-card-hr"}))},exports.LAYOUT_GRID=l,exports.LAYOUT_LIST="list";

package/dist/iframe/activity-card/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./ActivityCard";
-//# sourceMappingURL=index.d.ts.map

package/dist/iframe/activity-card/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/iframe/activity-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/iframe/payment/order-items-table/types/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.AMOUNT_TOTAL="amountTotal",exports.AMOUNT_WITH_DISCOUNT="amountWithDiscount",exports.REMAINING_TO_PAY="remainingToPay",exports.TOTAL_PAID="totalPaid";

package/dist/iframe/payment/order-items-table/utils/paymentSummary.d.ts

@@ -1,3 +0,0 @@
-import { OrderItemsTableProps, SummaryItem } from "../types";
-export declare const getOrderSummaryItems: ({ order, externalDiscount, paymentDetail, isPaymentProcessed, }: OrderItemsTableProps) => SummaryItem[];
-//# sourceMappingURL=paymentSummary.d.ts.map