@licklist/design 0.44.486-dev.6 → 0.44.486-dev.60

package/src/static/form-number-input/FormNumberInput.tsx

@@ -15,6 +15,7 @@ interface FormNumberInputProps {
   label: string;
   fieldName: string;
   step?: number;
+  onChange?: (value: number) => void;
   disabled?: boolean;
   rules?: Pick<
     RegisterOptions,
@@ -28,6 +29,7 @@ export const FormNumberInput = ({
   step = 1,
   rules,
   disabled,
+  onChange,
 }: FormNumberInputProps) => {
   const controlId = useId();
   const { t } = useTranslation("Validation");
@@ -76,7 +78,12 @@ export const FormNumberInput = ({
               disabled={disabled}
               isInvalid={HookFormService.isInvalid(fieldName, errors)}
               {...field}
-              onChange={(event) => field.onChange(Number(event.target.value))}
+              onChange={(event) => {
+                if (onChange) {
+                  onChange(Number(event.target.value));
+                }
+                field.onChange(Number(event.target.value));
+              }}
               onFocus={onFocus}
             />
           )}

package/src/styles/{iframe-customers-journey/ActivitiesCard.scss → activity-card/GridActivitiesCard.scss}

@@ -11,7 +11,7 @@
   word-wrap: break-word;
   background-color: #fff;
   font-size: 0.8rem;
-  color: $snippet-elements-body-color;
+  background-color: $snippet-product-set-background-color;
 
   div {
     text-align: left;

package/{dist/styles/iframe-customers-journey/ActivitiesSelectedCard.scss → src/styles/activity-card/ListActivitiesCard.scss}

@@ -6,8 +6,9 @@
   align-items: center;
   cursor: pointer;
   height: 5rem;
+  padding: 0.375rem;
   border: 2px solid transparent;
-  border: 2px solid transparent;
+  border-radius: 0.5rem;
   background-color: $snippet-product-set-background-color;
   color: $snippet-product-set-font-color;
   transition: $color-transition;

package/src/styles/activity-card/_index.scss

@@ -0,0 +1,2 @@
+@import "./GridActivitiesCard.scss";
+@import "./ListActivitiesCard.scss";

package/src/styles/availability-indicator/AvailabilityIndicator.scss

@@ -0,0 +1,7 @@
+.availability-indicator {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 0.5rem;
+  font-weight: 300;
+}

package/src/styles/availability-indicator/_index.scss

@@ -0,0 +1 @@
+@import "./AvailabilityIndicator.scss";

package/src/styles/{iframe-customers-journey → date-time-button}/DateTimeButton.scss

@@ -86,6 +86,12 @@
     max-width: 5.3rem;
     min-height: 2.75rem;
   }
+
+  &.calendar-view {
+    min-width: auto;
+    max-width: none;
+    min-height: auto;
+  }
 }
 
 .time {
@@ -99,15 +105,3 @@
   font-weight: 300;
   color: $snippet-calendar-button-font-color;
 }
-
-.info {
-  display: flex;
-  justify-content: center;
-  font-weight: 300;
-  flex-direction: row;
-
-  .logo {
-    width: 0.5rem;
-    margin-right: 0.5rem;
-  }
-}

package/src/styles/date-time-button/_index.scss

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

package/src/styles/events/EventCard.scss

@@ -34,7 +34,7 @@ $event-card-views-gutter: sp(3) !default;
   transition: ease-in 0.25s;
   border-radius: $event-card-border-radius;
 
-  > * + * {
+  >*+* {
     margin-top: $event-card-contents-gutter;
   }
 
@@ -43,9 +43,16 @@ $event-card-views-gutter: sp(3) !default;
 
     .event-description {
       min-height: 8rem;
+      max-height: 21rem;
+      overflow: hidden;
+
+      &:last-child {
+        text-overflow: ellipsis;
+      }
 
       &.no-image {
         min-height: 13.75rem;
+        max-height: 22rem;
       }
     }
   }
@@ -75,7 +82,7 @@ $event-card-views-gutter: sp(3) !default;
   }
 
   &:hover {
-    box-shadow: 0px 0px 1rem 0px rgb(0 0 0 / 20%);  
+    box-shadow: 0px 0px 1rem 0px rgb(0 0 0 / 20%);
   }
 }
 
@@ -168,4 +175,4 @@ $event-card-views-gutter: sp(3) !default;
     color: #504f4f;
     width: 1.7rem;
   }
-}
+}

package/src/styles/form/CustomCheckbox.scss

@@ -1,6 +1,7 @@
 .custom-checkbox {
   margin-top: 1rem;
   display: flex;
+  z-index: 2;
   align-items: center;
 
   .custom-checkbox .custom-control-label::before {
@@ -21,4 +22,8 @@
     font-weight: 400;
     font-size: 0.875rem;
   }
+
+  .checkbox-input {
+    z-index: 2;
+  }
 }

package/src/styles/header/Header.scss

@@ -11,10 +11,6 @@
     }
   }
 
-  svg {
-    max-height: 1rem;
-  }
-
   .navbar-nav {
     line-height: 1;
     margin-top: 4px;

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

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

package/src/styles/notification/Notification.scss

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

package/src/styles/packages.scss

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

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

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

package/src/styles/sales/BookingResults.scss

@@ -5,7 +5,7 @@
     flex-wrap: wrap;
 
     .result-card {
-      height: 11.125rem;
+      height: 12.125rem;
       border: 1px solid $gray-400;
       max-width: calc(50% - 0.75rem);
       flex: 0 0 calc(50% - 0.75rem);
@@ -62,6 +62,14 @@
             font-size: 0.6875rem;
           }
         }
+
+        .products {
+          display: inline-block;
+          width: 80%;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
       }
 
       &:hover {

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

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

package/src/types/iframe.ts

@@ -15,6 +15,7 @@ export interface Product {
   isRequired?: boolean;
   isUnlimited?: boolean;
   images: CoreProduct["images"];
+  capacity?: number | null;
   uuid: string;
 }
 

package/src/typings.d.ts

@@ -28,3 +28,14 @@ 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/virtualized/components/VirtualizedWindowScroller.tsx

@@ -39,7 +39,8 @@ const WrappedVirtualizedWindowScroller = ({
     if (!onDataUpdate) return;
 
     onDataUpdate();
-  }, [windowDimensions, scrollElement, gridRef, onDataUpdate]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [windowDimensions]);
 
   return (
     <WindowScroller scrollElement={scrollElement}>

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

@@ -9,7 +9,6 @@ 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 = {
@@ -62,20 +61,18 @@ export const AvailableTimesControl = forwardRef<
   });
 
   const onChange = (option: string) => {
-    const timeWithOffset = calculateTimeWithOffset(option);
-
-    const isAlreadyChecked = availableTimes.includes(timeWithOffset);
+    const isAlreadyChecked = availableTimes.includes(option);
 
     if (isAlreadyChecked) {
       setValue(
         "availableTimes",
-        availableTimes.filter((value) => value !== timeWithOffset)
+        availableTimes.filter((value) => value !== option)
       );
 
       return;
     }
 
-    setValue("availableTimes", [...availableTimes, timeWithOffset]);
+    setValue("availableTimes", [...availableTimes, option]);
   };
 
   useEffect(() => {
@@ -95,9 +92,7 @@ export const AvailableTimesControl = forwardRef<
               <Form.Check.Input
                 type="checkbox"
                 value={option}
-                checked={availableTimes.includes(
-                  calculateTimeWithOffset(option)
-                )}
+                checked={availableTimes.includes(option)}
                 onChange={() => onChange(option)}
                 disabled={isLoading}
               />

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

@@ -0,0 +1,46 @@
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { Form } from "react-bootstrap";
+import { useFormContext } from "react-hook-form";
+import { useId } from "@react-aria/utils";
+import HookFormService from "@licklist/plugins/dist/services/Form/HookFormService";
+import { Zone } from "@licklist/core/dist/DataMapper/Provider/ZoneDataMapper";
+
+type GameDurationControlProps = {
+  isLoading: boolean;
+};
+
+export const GameDurationControl = ({
+  isLoading,
+}: GameDurationControlProps) => {
+  const nameId = useId();
+  const { t } = useTranslation(["Design", "Validation"]);
+
+  const {
+    register,
+    formState: { errors },
+  } = useFormContext<Pick<Zone, "defaultDuration">>();
+
+  return (
+    <Form.Group controlId={nameId}>
+      <Form.Label>{t("Design:defaultGameDuration")}</Form.Label>
+      <Form.Control
+        type="number"
+        {...register("defaultDuration", {
+          required: false,
+          min: 1,
+        })}
+        placeholder={t("Design:duration")}
+        isInvalid={Boolean(errors.defaultDuration)}
+        disabled={isLoading}
+      />
+      <Form.Control.Feedback type="invalid">
+        {HookFormService.hasError(errors.defaultDuration, "min") &&
+          t("Validation:fieldMinNumber", {
+            attribute: t("Design:defaultGameDuration").toLowerCase(),
+            min: 1,
+          })}
+      </Form.Control.Feedback>
+    </Form.Group>
+  );
+};

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

@@ -7,6 +7,7 @@ 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;
@@ -27,6 +28,7 @@ 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,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,7 +0,0 @@
-import { ReactElement } from "react";
-import { CalendarBaseProps } from "./types";
-export type EventCalendarProps = CalendarBaseProps & {
-    fromPrice?: string | ReactElement | null;
-};
-export declare const EventCalendar: ({ disabledDates, isLoading, fromPrice, }: 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":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG;IACnD,SAAS,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,aAAa,6CAIvB,kBAAkB,gBAapB,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,i=void 0!==d&&d,l=e.fromPrice;return t.createElement("div",{className:"calendar-wrapper"},t.createElement("div",{className:"calendar"},t.createElement(r.CalendarButtons,{disabledDates:s,isLoading:i}),t.createElement(n.CalendarDates,{disabledDates:s,isLoading:i,fromPrice: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"}