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

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

@@ -12,11 +12,8 @@ import {
 import { DndContext } from "@dnd-kit/core";
 import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
 import { DateTime } from "luxon";
-import { TIME_FORMAT, TIME_FULL_FORMAT } from "@licklist/core/dist/Config";
-import {
-  calculateTimeWithOffset,
-  DIRECTION_TO_LOCAL,
-} from "@licklist/plugins/dist/utils/time";
+import { TIME_FORMAT } from "@licklist/core/dist/Config";
+
 import { CONFIRM_MODAL_ACTIONS } from "../../../modals/confirmation/ConfirmModal";
 import { Icon } from "../../../static";
 import {
@@ -67,7 +64,6 @@ export const ZoneRecurrencesControl = ({
   });
   const clearEditState = () => setEditState({ index: null, values: null });
   const [availableTimes, setAvailableTimes] = useState<string[]>([]);
-
   const popoverRef = useRef<HTMLDivElement>();
   const availableTimesFormRef = useRef<AvailableTimesControlRef>();
 
@@ -97,30 +93,29 @@ export const ZoneRecurrencesControl = ({
     if (!isAvailableTimesFormValid) {
       return;
     }
-    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 (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
+        );
       });
-
-      return;
+      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;
+      }
     }
     const values = {
       rrule: next.rrule,
@@ -148,12 +143,9 @@ export const ZoneRecurrencesControl = ({
   const handleOnEdit = (next: Partial<ZoneRecurrence>, index) => {
     clearEditState();
 
-    // Hotfix for an issue with Popover close & open actions
-    setTimeout(() => {
-      setEditState({ index, values: next });
-      setAvailableTimes(next.availableTimes || []);
-      setIsDatePopoverVisible(() => true);
-    }, 100);
+    setEditState({ index, values: next });
+    setAvailableTimes(next.availableTimes || []);
+    setIsDatePopoverVisible(() => true);
   };
 
   const handleOnAdd = () => {

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

@@ -1,5 +1,7 @@
-import { datetime, TIME_SEPARATOR } from "@licklist/core/dist/Services/Date";
+import { 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";
@@ -13,46 +15,37 @@ export const getTimeCheckboxRanges = (
   const [startHour, startMinutes] = startTime.split(TIME_SEPARATOR);
   const [endHour, endMinutes] = endTime.split(TIME_SEPARATOR);
 
-  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 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 count = 0;
 
-  while (endDate >= startDate) {
-    startDate = new Date(startDate.getTime() + range * 60 * 1000);
+  while (endDate.diff(startDate, ["minutes"]).minutes >= range) {
+    startDate = startDate.plus({ minutes: range });
     count += 1;
-    dateSlices[count] = startDate;
+    checkboxes[count] = startDate.toFormat(TIME_FORMAT);
   }
 
-  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/iframe/activity-cards/activity-card/ActivityCard.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ActivityCard.d.ts","sourceRoot":"","sources":["../../../../src/iframe/activity-cards/activity-card/ActivityCard.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,sDAAsD,CAAC;AAE7E,MAAM,WAAW,iBAAiB;IAChC,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;CACrB;AAED,eAAO,MAAM,YAAY,6DAOtB,iBAAiB,gBAiBnB,CAAC"}

package/dist/iframe/activity-cards/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"));exports.ActivityCard=function(e){var c=e.title,i=e.duration,r=e.price,l=e.image,n=e.onSelect,u=e.isSelected;return t.createElement("button",{type:"button",className:a("activity-card",u&&"active"),onClick:n},l&&t.createElement("img",{className:"activity-card-image",alt:"",src:l.url}),t.createElement("div",{className:a("d-flex","flex-column",!l&&"no-image")},t.createElement("div",{className:"activity-card-title"},c),i&&t.createElement("div",null,i),r&&t.createElement("div",null,r)))};

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

@@ -1,3 +0,0 @@
-export * from "./list-activity-card/ListActivityCard";
-export * from "./activity-card/ActivityCard";
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/iframe/activity-cards/index.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC"}

package/dist/iframe/activity-cards/list-activity-card/ListActivityCard.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { Image } from "@licklist/core/dist/DataMapper/Media/ImageDataMapper";
-export interface ListActivityCardProps {
-    title: string;
-    duration: string;
-    price: string;
-    image?: Image | null;
-    onSelect: () => void;
-    isSelected: boolean;
-}
-export declare const ListActivityCard: ({ title, duration, price, image, onSelect, isSelected, }: ListActivityCardProps) => JSX.Element;
-//# sourceMappingURL=ListActivityCard.d.ts.map

package/dist/iframe/activity-cards/list-activity-card/ListActivityCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListActivityCard.d.ts","sourceRoot":"","sources":["../../../../src/iframe/activity-cards/list-activity-card/ListActivityCard.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,sDAAsD,CAAC;AAE7E,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,6DAO1B,qBAAqB,gBA4BvB,CAAC"}

package/dist/iframe/activity-cards/list-activity-card/ListActivityCard.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"));exports.ListActivityCard=function(e){var r=e.title,i=e.duration,l=e.price,c=e.image,n=e.onSelect,s=e.isSelected;return t.createElement("div",{role:"button",onClick:n,onKeyPress:n,tabIndex:0},t.createElement("div",{className:a("list-activity-card",{active:s})},t.createElement("div",{className:"description"},t.createElement("div",{className:"title"},r),i&&t.createElement("div",null,t.createElement("p",null,i)),l&&t.createElement("div",null,l)),c&&t.createElement("div",{className:"image-container"},t.createElement("img",{className:"image",src:c.url,alt:""}))),t.createElement("hr",{className:"list-activity-card-hr"}))};

package/dist/iframe/event/event-calendar/EventCalendar.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { CalendarBaseProps } from "./types";
-export type EventCalendarProps = CalendarBaseProps;
-export declare const EventCalendar: ({ disabledDates, isLoading, }: EventCalendarProps) => JSX.Element;
-//# sourceMappingURL=EventCalendar.d.ts.map

package/dist/iframe/event/event-calendar/EventCalendar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EventCalendar.d.ts","sourceRoot":"","sources":["../../../../src/iframe/event/event-calendar/EventCalendar.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;AAEnD,eAAO,MAAM,aAAa,kCAGvB,kBAAkB,gBASpB,CAAC"}

package/dist/iframe/event/event-calendar/EventCalendar.js

@@ -1 +0,0 @@
-"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,r=require("./components/CalendarButtons/CalendarButtons.js"),n=require("./components/CalendarDates/CalendarDates.js");exports.EventCalendar=function(e){var a=e.disabledDates,s=void 0===a?[]:a,d=e.isLoading,l=void 0!==d&&d;return t.createElement("div",{className:"calendar-wrapper"},t.createElement("div",{className:"calendar"},t.createElement(r.CalendarButtons,{disabledDates:s,isLoading:l}),t.createElement(n.CalendarDates,{disabledDates:s,isLoading:l})))};

package/dist/iframe/event/event-calendar/components/CalendarButtons/CalendarButtons.d.ts

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

package/dist/iframe/event/event-calendar/components/CalendarButtons/CalendarButtons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarButtons.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/event/event-calendar/components/CalendarButtons/CalendarButtons.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGhD,KAAK,oBAAoB,GAAG,iBAAiB,CAAC;AAE9C,eAAO,MAAM,eAAe,kCAGzB,oBAAoB,gBAoGtB,CAAC"}

package/dist/iframe/event/event-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("@licklist/plugins/dist/context/event/EventCalendarContext"),i=require("../../../../../assets/iframe/selectArrow.svg.js"),o=require("../CalendarSelect/CalendarSelect.js"),c=require("../../utils/index.js");exports.CalendarButtons=function(e){var u=e.disabledDates,d=void 0===u?[]:u,m=e.isLoading,v=void 0!==m&&m,b=t.useContext(s.EventCalendarContext),C=b.initialDate,E=b.currentDate,p=b.canMoveBack,f=b.onSelectPreviousMonth,y=b.onSelectNextMonth,D=b.setCurrentDate,N=b.setSelectedDate,x=n.useTranslation("Design").t,M=t.useMemo((function(){return l.range(C.year,C.year+5,1).map((function(e){return{label:String(e),value:e}}))}),[C]);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(){D(C),c.isSelectedDateDisabled(C,d)||N(C)},disabled:v},x("today")),a.createElement(r.Button,{variant:"outline-secondary",size:"sm",onClick:function(){var e=C.set({day:C.day+1});D(e),c.isSelectedDateDisabled(e,d)||N(e)},disabled:v},x("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:f,disabled:!p,variant:"link"},a.createElement(i.ReactComponent,null)),a.createElement("div",{className:"month-title"},E.toFormat("MMMM")),a.createElement(r.Button,{className:"calendar-button",onClick:y,variant:"link"},a.createElement(i.ReactComponent,null))),a.createElement(o.CalendarSelect,{options:M,onChange:function(e){var t=Number(e),a=E.set({year:t});D(a<=C?C:a)},value:E.year,className:"ml-4"})))};

package/dist/iframe/event/event-calendar/components/CalendarButtons/index.d.ts.map

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

package/dist/iframe/event/event-calendar/components/CalendarDate/CalendarDate.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarDate.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/event/event-calendar/components/CalendarDate/CalendarDate.tsx"],"names":[],"mappings":";AAEA,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;CACtB,CAAC;AAEF,eAAO,MAAM,YAAY,6EAMtB,iBAAiB,gBAuBnB,CAAC"}

package/dist/iframe/event/event-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 d=e.initialDate,i=e.currentDate,l=e.selectedDate,n=e.setSelectedDate,c=e.isDisabled,s=void 0!==c&&c,u=i<d||s;return t.createElement(a.Button,{variant:"link",disabled:u,className:r("calendar-date",(null==l?void 0:l.hasSame(i,"day"))&&"selected-date",u&&"disabled-date"),onClick:function(){s||n(i)}},i.day)};

package/dist/iframe/event/event-calendar/components/CalendarDate/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/event/event-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/iframe/event/event-calendar/components/CalendarDates/CalendarDates.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { CalendarBaseProps } from "../../types";
-export type CalendarDatesProps = CalendarBaseProps;
-export declare const CalendarDates: ({ disabledDates, isLoading, }: CalendarDatesProps) => JSX.Element;
-//# sourceMappingURL=CalendarDates.d.ts.map

package/dist/iframe/event/event-calendar/components/CalendarDates/CalendarDates.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarDates.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/event/event-calendar/components/CalendarDates/CalendarDates.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;AAEnD,eAAO,MAAM,aAAa,kCAGvB,kBAAkB,gBA+CpB,CAAC"}

package/dist/iframe/event/event-calendar/components/CalendarDates/CalendarDates.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,a=require("tslib"),t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,l=require("@licklist/plugins/dist/context/event/EventCalendarContext"),n=require("../../utils/index.js"),d=require("../CalendarWeekdays/CalendarWeekdays.js"),i=require("../CalendarDate/CalendarDate.js");exports.CalendarDates=function(e){var s=e.disabledDates,u=void 0===s?[]:s,c=e.isLoading,o=void 0!==c&&c,v=t.useContext(l.EventCalendarContext),D=v.calendarDates,C=v.initialDate,p=v.selectedDate,f=v.setSelectedDate,_=t.useMemo((function(){var e,t,r=null!==(t=null===(e=D[0])||void 0===e?void 0:e.weekday)&&void 0!==t?t:0;if(1===r)return D;for(var l=[];r>1;)l.push(null),r-=1;return a.__spreadArray(a.__spreadArray([],a.__read(l),!1),a.__read(D),!1)}),[D]);return r.createElement("div",{className:"calendar-dates-wrapper"},r.createElement(d.CalendarWeekdays,null),r.createElement("div",{className:"calendar-dates"},_.map((function(e){if(null===e)return r.createElement("div",null);var a=o||n.isSelectedDateDisabled(e,u);return r.createElement(i.CalendarDate,{key:+e,currentDate:e,initialDate:C,selectedDate:p,setSelectedDate:f,isDisabled:a})}))))};

package/dist/iframe/event/event-calendar/components/CalendarDates/index.d.ts.map

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

package/dist/iframe/event/event-calendar/components/CalendarSelect/CalendarSelect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarSelect.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/event/event-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/iframe/event/event-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"),t=e(a),r=require("react-bootstrap"),n=e(require("clsx")),l=require("../../../../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 t.createElement("div",{className:n("calendar-select-wrapper",u),id:l.PAGE_CALENDAR_SELECT_WRAPPER},t.createElement(r.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,r=e.value;return t.createElement("option",{value:r,key:a||r},a)}))))};

package/dist/iframe/event/event-calendar/components/CalendarSelect/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/event/event-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/iframe/event/event-calendar/components/CalendarWeekdays/CalendarWeekdays.d.ts.map

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

package/dist/iframe/event/event-calendar/components/CalendarWeekdays/index.d.ts.map

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

package/dist/iframe/event/event-calendar/index.d.ts

@@ -1,4 +0,0 @@
-export { EventCalendar } from "./EventCalendar";
-export { CalendarSelect } from "./components/CalendarSelect";
-export type { CalendarSelectProps, CalendarSelectOption, } from "./components/CalendarSelect";
-//# sourceMappingURL=index.d.ts.map

package/dist/iframe/event/event-calendar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/iframe/event/event-calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,YAAY,EACV,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,6BAA6B,CAAC"}

package/dist/iframe/event/event-calendar/types/index.d.ts

@@ -1,6 +0,0 @@
-import { DateTime } from "luxon";
-export type CalendarBaseProps = {
-    disabledDates?: DateTime[];
-    isLoading?: boolean;
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/iframe/event/event-calendar/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/event/event-calendar/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}

package/dist/iframe/event/event-calendar/utils/index.d.ts

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

package/dist/iframe/event/event-calendar/utils/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/event/event-calendar/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,eAAO,MAAM,sBAAsB,iBACnB,QAAQ,kBACP,QAAQ,EAAE,YAK1B,CAAC"}

package/dist/iframe/event/event-calendar/utils/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=(e=require("lodash/isEqual"))&&"object"==typeof e&&"default"in e?e.default:e;exports.isSelectedDateDisabled=function(e,o){return void 0===o&&(o=[]),!!o.find((function(o){return t(o.toObject(),e.toObject())}))};

package/dist/styles/iframe-customers-journey/_index.scss

@@ -1,3 +0,0 @@
-@import "./ActivitiesSelectedCard.scss";
-@import "./ActivitiesCard.scss";
-@import "./DateTimeButton.scss";

package/src/iframe/activity-cards/activity-card/ActivityCard.tsx

@@ -1,38 +0,0 @@
-import React, { ReactNode } from "react";
-import clsx from "clsx";
-import { Image } from "@licklist/core/dist/DataMapper/Media/ImageDataMapper";
-
-export interface ActivityCardProps {
-  title: ReactNode;
-  duration: ReactNode;
-  price: ReactNode;
-  image?: Image | null;
-  onSelect: () => void;
-  isSelected: boolean;
-}
-
-export const ActivityCard = ({
-  title,
-  duration,
-  price,
-  image,
-  onSelect,
-  isSelected,
-}: ActivityCardProps) => {
-  return (
-    <button
-      type="button"
-      className={clsx("activity-card", isSelected && "active")}
-      onClick={onSelect}
-    >
-      {image && <img className="activity-card-image" alt="" src={image.url} />}
-      <div className={clsx("d-flex", "flex-column", !image && "no-image")}>
-        <div className="activity-card-title">{title}</div>
-
-        {duration && <div>{duration}</div>}
-
-        {price && <div>{price}</div>}
-      </div>
-    </button>
-  );
-};

package/src/iframe/activity-cards/index.ts

@@ -1,2 +0,0 @@
-export * from "./list-activity-card/ListActivityCard";
-export * from "./activity-card/ActivityCard";

package/src/iframe/activity-cards/list-activity-card/ListActivityCard.stories.tsx

@@ -1,52 +0,0 @@
-import React from "react";
-import { Meta, Story } from "@storybook/react";
-import { ListActivityCardProps, ListActivityCard } from "./ListActivityCard";
-
-export default {
-  title: "Iframe/ListActivityCard",
-  component: ListActivityCard,
-} as Meta;
-
-export const Default: Story<ListActivityCardProps> = (props) => {
-  return <ListActivityCard {...props} />;
-};
-
-Default.args = {
-  title: "Clay Pigeons & Axe Thowing",
-  duration: "60 mins",
-  price: "from £20",
-  image: {
-    hash: "0b37b130e22aa2d3",
-    id: 195,
-    imageType: "cover",
-    imageableId: 25,
-    imageableType: "zone",
-    path: "images/original/000/000/000/000/195-0b37b130e22aa2d3.jpeg",
-    // eslint-disable-next-line max-len
-    url: "https://cdn.lickli.st/doNktZRze1yuz3Uo2OPrLSvXVtUcdUsF/images/original/000/000/000/000/195-0b37b130e22aa2d3.jpeg",
-  },
-  onSelect: () => null,
-  isSelected: false,
-};
-
-export const Selected: Story<ListActivityCardProps> = (props) => {
-  return <ListActivityCard {...props} />;
-};
-
-Selected.args = {
-  title: "Clay Pigeons & Axe Thowing",
-  duration: "60 mins",
-  price: "from £20",
-  image: {
-    hash: "0b37b130e22aa2d3",
-    id: 195,
-    imageType: "cover",
-    imageableId: 25,
-    imageableType: "zone",
-    path: "images/original/000/000/000/000/195-0b37b130e22aa2d3.jpeg",
-    // eslint-disable-next-line max-len
-    url: "https://cdn.lickli.st/doNktZRze1yuz3Uo2OPrLSvXVtUcdUsF/images/original/000/000/000/000/195-0b37b130e22aa2d3.jpeg",
-  },
-  onSelect: () => null,
-  isSelected: true,
-};

package/src/iframe/activity-cards/list-activity-card/ListActivityCard.tsx

@@ -1,49 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import { Image } from "@licklist/core/dist/DataMapper/Media/ImageDataMapper";
-
-export interface ListActivityCardProps {
-  title: string;
-  duration: string;
-  price: string;
-  image?: Image | null;
-  onSelect: () => void;
-  isSelected: boolean;
-}
-
-export const ListActivityCard = ({
-  title,
-  duration,
-  price,
-  image,
-  onSelect,
-  isSelected,
-}: ListActivityCardProps) => {
-  return (
-    <div role="button" onClick={onSelect} onKeyPress={onSelect} tabIndex={0}>
-      <div
-        className={clsx("list-activity-card", {
-          active: isSelected,
-        })}
-      >
-        <div className="description">
-          <div className="title">{title}</div>
-          {duration && (
-            <div>
-              <p>{duration}</p>
-            </div>
-          )}
-
-          {price && <div>{price}</div>}
-        </div>
-
-        {image && (
-          <div className="image-container">
-            <img className="image" src={image.url} alt="" />
-          </div>
-        )}
-      </div>
-      <hr className="list-activity-card-hr" />
-    </div>
-  );
-};

package/src/iframe/event/event-calendar/EventCalendar.stories.tsx

@@ -1,37 +0,0 @@
-import React from "react";
-import { DateTime } from "luxon";
-import { Meta, Story } from "@storybook/react";
-import { boolean } from "@storybook/addon-knobs";
-import { EventCalendarProvider } from "@licklist/plugins/dist/context/event/EventCalendarContext";
-import { EventCalendar } from "./EventCalendar";
-
-export default {
-  title: "Iframe/Event/Calendar",
-  component: EventCalendar,
-} as Meta;
-
-export const Default: Story<any> = (args) => {
-  const now = DateTime.now().set({
-    hour: 0,
-    second: 0,
-    millisecond: 0,
-    minute: 0,
-  });
-  const disabledDates = [now.minus({ day: 2 }), now, now.plus({ day: 2 })];
-
-  const isLoading = boolean("isLoading", false);
-
-  return (
-    <EventCalendarProvider>
-      <div style={{ backgroundColor: "white" }}>
-        <EventCalendar
-          {...args}
-          disabledDates={disabledDates}
-          isLoading={isLoading}
-        />
-      </div>
-    </EventCalendarProvider>
-  );
-};
-
-Default.args = {};

package/src/iframe/event/event-calendar/EventCalendar.tsx

@@ -1,20 +0,0 @@
-import React from "react";
-import { CalendarButtons } from "./components/CalendarButtons";
-import { CalendarDates } from "./components/CalendarDates";
-import { CalendarBaseProps } from "./types";
-
-export type EventCalendarProps = CalendarBaseProps;
-
-export const EventCalendar = ({
-  disabledDates = [],
-  isLoading = false,
-}: EventCalendarProps) => {
-  return (
-    <div className="calendar-wrapper">
-      <div className="calendar">
-        <CalendarButtons disabledDates={disabledDates} isLoading={isLoading} />
-        <CalendarDates disabledDates={disabledDates} isLoading={isLoading} />
-      </div>
-    </div>
-  );
-};

package/src/iframe/event/event-calendar/index.ts

@@ -1,6 +0,0 @@
-export { EventCalendar } from "./EventCalendar";
-export { CalendarSelect } from "./components/CalendarSelect";
-export type {
-  CalendarSelectProps,
-  CalendarSelectOption,
-} from "./components/CalendarSelect";

package/src/iframe/event/event-calendar/types/index.ts

@@ -1,6 +0,0 @@
-import { DateTime } from "luxon";
-
-export type CalendarBaseProps = {
-  disabledDates?: DateTime[];
-  isLoading?: boolean;
-};

package/src/iframe/event/event-calendar/utils/index.ts

@@ -1,11 +0,0 @@
-import { DateTime } from "luxon";
-import isEqual from "lodash/isEqual";
-
-export const isSelectedDateDisabled = (
-  selectedDate: DateTime,
-  disabledDates: DateTime[] = []
-) => {
-  return !!disabledDates.find((disabledDate) =>
-    isEqual(disabledDate.toObject(), selectedDate.toObject())
-  );
-};

package/src/styles/iframe-customers-journey/_index.scss

@@ -1,3 +0,0 @@
-@import "./ActivitiesSelectedCard.scss";
-@import "./ActivitiesCard.scss";
-@import "./DateTimeButton.scss";