@licklist/design 0.44.486-dev.83 → 0.44.486

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

@@ -1,4 +1,5 @@
 import React, { useEffect, useRef, useState } from "react";
+import type Popper from "@popperjs/core";
 import { useId } from "@react-aria/utils";
 import { Form, OverlayTrigger, Popover } from "react-bootstrap";
 import { useFieldArray, useFormContext } from "react-hook-form";
@@ -11,7 +12,6 @@ import {
 } from "@dnd-kit/sortable";
 import { DndContext } from "@dnd-kit/core";
 import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
-
 import { CONFIRM_MODAL_ACTIONS } from "../../../modals/confirmation/ConfirmModal";
 import { Icon } from "../../../static";
 import {
@@ -19,7 +19,10 @@ import {
   RecurringDatePickerInputValues,
 } from "../../../recurring-date-picker-input/RecurringDatePickerInput";
 import { ZoneRecurrenceControl } from "./ZoneRecurrenceControl";
-import { sameWidthPopperModifier } from "../../../product-set/control/DateAndRecurrenceInput";
+import {
+  AvailableTimesControl,
+  AvailableTimesControlRef,
+} from "./AvailableTimesControl";
 
 export interface DateAndRecurrenceInputValues {
   zoneRecurrences?: Partial<ZoneRecurrence>[];
@@ -30,7 +33,10 @@ export type ZoneRecurrenceControlProps = {
   isLoading?: boolean;
 };
 
-export const ZoneRecurrencesControl = () => {
+export const ZoneRecurrencesControl = ({
+  workHours,
+  isLoading = false,
+}: ZoneRecurrenceControlProps) => {
   const {
     control,
     register,
@@ -39,6 +45,7 @@ export const ZoneRecurrencesControl = () => {
     setValue,
     clearErrors,
   } = useFormContext<DateAndRecurrenceInputValues>();
+
   const { fields, append, update, move } = useFieldArray({
     name: "zoneRecurrences",
     control,
@@ -54,7 +61,10 @@ export const ZoneRecurrencesControl = () => {
     values: null,
   });
   const clearEditState = () => setEditState({ index: null, values: null });
+  const [availableTimes, setAvailableTimes] = useState<string[]>([]);
+
   const popoverRef = useRef<HTMLDivElement>();
+  const availableTimesFormRef = useRef<AvailableTimesControlRef>();
 
   useClickAway(popoverRef, (event) => {
     const isModal = CONFIRM_MODAL_ACTIONS.includes(
@@ -71,18 +81,25 @@ export const ZoneRecurrencesControl = () => {
 
   const popoverId = useId()!;
 
-  const { t } = useTranslation(["Design", "Validation"]);
+  const { t } = useTranslation("Design");
 
   // in this method we should fulfill the form with a proper data
   const handleRecurringDateChange = async (
     next: RecurringDatePickerInputValues
   ) => {
+    const isValid = await availableTimesFormRef.current?.trigger();
+
+    if (!isValid) {
+      return;
+    }
+
     const values = {
       rrule: next.rrule,
       startDate: next.startDate,
       endDate: next.endDate,
       startTime: next.startTime,
       endTime: next.endTime,
+      ...availableTimesFormRef.current.getValues(),
     } as Partial<ZoneRecurrence>;
 
     if (editState.values?.id) {
@@ -102,8 +119,12 @@ export const ZoneRecurrencesControl = () => {
   const handleOnEdit = (next: Partial<ZoneRecurrence>, index) => {
     clearEditState();
 
-    setEditState({ index, values: next });
-    setIsDatePopoverVisible(() => true);
+    // Hotfix for an issue with Popover close & open actions
+    setTimeout(() => {
+      setEditState({ index, values: next });
+      setAvailableTimes(next.availableTimes || []);
+      setIsDatePopoverVisible(() => true);
+    }, 100);
   };
 
   const handleOnAdd = () => {
@@ -166,7 +187,14 @@ export const ZoneRecurrencesControl = () => {
                 onChange={handleRecurringDateChange}
                 onDelete={handleDelete}
                 setInitialStartDateAfterSelect
-              />
+              >
+                <AvailableTimesControl
+                  workHours={workHours}
+                  isLoading={isLoading}
+                  defaultValues={availableTimes}
+                  ref={availableTimesFormRef}
+                />
+              </RecurringDatePickerInput>
             </Popover.Content>
           </Popover>
         }
@@ -183,7 +211,7 @@ export const ZoneRecurrencesControl = () => {
               }
               strategy={verticalListSortingStrategy}
             >
-              {fields?.map((zoneRecurrence, index) => (
+              {fields.map((zoneRecurrence, index) => (
                 <ZoneRecurrenceControl
                   key={zoneRecurrence._id}
                   zoneRecurrence={zoneRecurrence}
@@ -229,3 +257,29 @@ export const ZoneRecurrencesControl = () => {
     </Form.Group>
   );
 };
+
+const sameWidthPopperModifier: Popper.Modifier<
+  "sameWidth",
+  Record<string, unknown>
+> = {
+  name: "sameWidth",
+  enabled: true,
+  phase: "beforeWrite",
+  requires: ["computeStyles"],
+  fn({ state }) {
+    const style = {
+      width: `${state.rects.reference.width + 4}px`,
+      marginLeft: "-2px",
+      maxWidth: "unset",
+    };
+    Object.assign(state.styles.popper, style);
+  },
+  effect({ state }) {
+    const { width } = state.elements.reference.getBoundingClientRect();
+    const style = {
+      width: `${width}px`,
+      maxWidth: "unset",
+    };
+    Object.assign(state.elements.popper.style, style);
+  },
+};

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,44 @@ 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 } = {};
   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);
+    dateSlices[count] = startDate;
     count += 1;
-    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/tests/Snippets/Snippets.test.tsx

@@ -0,0 +1,77 @@
+import * as React from "react";
+import { shallow, mount } from "enzyme";
+import { createMemoryHistory } from "history";
+import { Router } from "react-router-dom";
+import { SnippetCard } from "../../src/setting/dashboard/snippets/card/SnippetCard";
+import { SnippetForm } from "../../src/setting/dashboard/snippets/form";
+import useTranslationMock from "../__mock__/hooks/useTranslationMock";
+
+const history = createMemoryHistory();
+
+jest.mock("react-i18next", () => ({
+  Trans: jest.fn().mockReturnValue("test"),
+  useTranslation: jest.fn(),
+}));
+
+beforeEach(() => {
+  useTranslationMock();
+});
+
+afterAll(() => {
+  jest.resetAllMocks();
+});
+
+describe("Snippets", () => {
+  it("SnippetCard should be rendered without issues", () => {
+    const component = shallow(
+      <SnippetCard hasPermission href="" name="test" onRemove={() => {}} />
+    );
+
+    expect(component.exists()).toBeTruthy();
+  });
+
+  it("SnippetForm should be rendered without issues", () => {
+    const component = shallow(
+      <SnippetForm
+        isLoading={false}
+        onSubmit={() => {}}
+        templates={[{ id: "1", name: "test", colors: [], type: "event" }]}
+      />
+    );
+
+    expect(component.exists()).toBeTruthy();
+  });
+
+  it("SnippetCard should be mount without issues", () => {
+    const component = mount(
+      <Router history={history as any}>
+        <SnippetCard hasPermission href="" name="test" onRemove={() => {}} />
+      </Router>
+    );
+
+    expect(component.exists()).toBeTruthy();
+  });
+
+  it("SnippetForm should be mount without issues", () => {
+    const component = mount(
+      <SnippetForm
+        isLoading={false}
+        onSubmit={() => {}}
+        templates={[{ id: "1", name: "test", colors: [], type: "event" }]}
+        defaultValues={{
+          name: "",
+          type: "event",
+          templateId: "",
+          snippetSetting: {
+            displayDescription: false,
+            displayCost: true,
+            displayType: true,
+          },
+          viewType: "grid",
+        }}
+      />
+    );
+
+    expect(component.exists()).toBeTruthy();
+  });
+});

package/tsconfig.json

@@ -8,7 +8,7 @@
     "tests",
     "**/*.test*",
     "**/*.spec*",
-    "src/**/*.stories.*"
+    "src/**/*.stories.*",
   ],
   "compilerOptions": {
     "skipLibCheck": false,
@@ -40,6 +40,6 @@
     "composite": true,
     "declaration": true,
     "declarationMap": true,
-    "sourceMap": false
+    "sourceMap": false,
   }
 }

package/dist/assets/iframe/available.svg

@@ -1,5 +0,0 @@
-<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.943939" y="1.03658" width="5.25188" height="3.04878" rx="1.5" fill="#4CF973" stroke="white"/>
-<rect x="0.943939" y="4.10976" width="5.25188" height="3.04878" rx="1.5" fill="#4CF973" stroke="white"/>
-<rect x="0.943939" y="7.18292" width="5.25188" height="3.04878" rx="1.5" fill="#4CF973" stroke="white"/>
-</svg>

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/backButton.svg

@@ -1,4 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="16" cy="16" r="15.5" fill="#F3F3F3" stroke="#F0F0F0"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.293 15.2929C9.90252 15.6834 9.90252 16.3166 10.293 16.7071L16.657 23.0711C17.0475 23.4616 17.6807 23.4616 18.0712 23.0711C18.4617 22.6805 18.4617 22.0474 18.0712 21.6569L12.4144 16L18.0712 10.3431C18.4617 9.95262 18.4617 9.31946 18.0712 8.92893C17.6807 8.53841 17.0475 8.53841 16.657 8.92893L10.293 15.2929Z" fill="#1A182B"/>
-</svg>

package/dist/assets/iframe/limited.svg

@@ -1,5 +0,0 @@
-<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="1.2406" y="1.03658" width="5.25188" height="3.04878" rx="1.5" fill="#E4E4E4" stroke="white"/>
-<rect x="1.2406" y="4.10976" width="5.25188" height="3.04878" rx="1.5" fill="#FDD054" stroke="white"/>
-<rect x="1.2406" y="7.18292" width="5.25188" height="3.04878" rx="1.5" fill="#FDD054" stroke="white"/>
-</svg>

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

@@ -1,6 +0,0 @@
-<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="5.94013" height="10" transform="translate(0.497131)" fill="white"/>
-<rect x="0.591156" y="0.5" width="5.75211" height="3" rx="1.5" fill="#E4E4E4" stroke="white"/>
-<rect x="0.591156" y="3.5" width="5.75211" height="3" rx="1.5" fill="#E4E4E4" stroke="white"/>
-<rect x="0.591156" y="6.5" width="5.75211" height="3" rx="1.5" fill="#E4E4E4" stroke="white"/>
-</svg>

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/availability-indicator/AvailabilityIndicator.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { ZoneResourcesAvailability } from "@licklist/core/dist/DataMapper/Order/ZoneResourcesAvailabilityDataMapper";
-type AvailabilityIndicatorProps = {
-    resources: ZoneResourcesAvailability;
-    isUnavailable?: boolean;
-    isSoldOut?: boolean;
-};
-export declare const AvailabilityIndicator: ({ resources, isUnavailable, isSoldOut, }: AvailabilityIndicatorProps) => JSX.Element;
-export {};
-//# sourceMappingURL=AvailabilityIndicator.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AvailabilityIndicator.d.ts","sourceRoot":"","sources":["../../src/availability-indicator/AvailabilityIndicator.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,0EAA0E,CAAC;AAiCrH,KAAK,0BAA0B,GAAG;IAChC,SAAS,EAAE,yBAAyB,CAAC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,qBAAqB,6CAI/B,0BAA0B,gBAc5B,CAAC"}

package/dist/availability-indicator/AvailabilityIndicator.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,l=require("react-i18next"),n=require("../assets/iframe/available.svg.js"),r=require("../assets/iframe/limited.svg.js"),o=require("../assets/iframe/soldOut.svg.js"),i=function(e){var t=e.Icon,l=e.label;return a.createElement("div",{className:"availability-indicator"},a.createElement(t,null),a.createElement("div",null,l))};exports.AvailabilityIndicator=function(e){var t=e.resources,s=e.isUnavailable,c=e.isSoldOut,u=l.useTranslation("Design").t;if(s)return a.createElement(i,{Icon:o.ReactComponent,label:u("notAvailable")});if(c)return a.createElement(i,{Icon:o.ReactComponent,label:u("soldOut")});var b=function(e){var t=e.bookedResources,a=e.totalResources;return t===a?{label:"soldOut",Icon:o.ReactComponent}:t/a<=.2?{label:"lotsOfSpace",Icon:n.ReactComponent}:t/a>=.8?{label:"limited",Icon:r.ReactComponent}:{label:"available",Icon:n.ReactComponent}}(t),m=b.Icon,v=b.label;return a.createElement(i,{Icon:m,label:u(v)})};

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

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

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

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

package/dist/calendar/Calendar.d.ts

@@ -1,19 +0,0 @@
-import { Dispatch, ReactElement, SetStateAction } from "react";
-import { DateTime } from "luxon";
-import { ZoneResourcesAvailability } from "@licklist/core/dist/DataMapper/Order/ZoneResourcesAvailabilityDataMapper";
-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;
-    getAvailability?: (date: DateTime) => ZoneResourcesAvailability | null;
-    includeAvailability?: boolean;
-};
-export declare const Calendar: ({ disabledDates, initialDate, ...props }: 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;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"}

package/dist/calendar/Calendar.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,s=require("luxon"),n=require("./components/CalendarButtons/CalendarButtons.js"),i=require("./components/CalendarDates/CalendarDates.js"),l=s.DateTime.now().set({millisecond:0,second:0,hour:0,minute:0});exports.Calendar=function(e){var t=e.disabledDates,s=void 0===t?[]:t,d=e.initialDate,o=void 0===d?l:d,u=a.__rest(e,["disabledDates","initialDate"]);return r.createElement("div",{className:"calendar-wrapper"},r.createElement("div",{className:"calendar"},r.createElement(n.CalendarButtons,a.__assign({disabledDates:s,initialDate:o},u)),r.createElement(i.CalendarDates,a.__assign({disabledDates:s},u))))},exports.defaultStartDay=l;

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/CalendarDates/CalendarDates.d.ts

@@ -1,5 +0,0 @@
-/// <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;
-//# 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":";AAMA,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"}

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,i=require("@licklist/core/dist/Config"),l=require("../../utils/index.js"),d=require("../../../date-time-button/DateTimeButton.js"),n=require("../CalendarWeekdays/CalendarWeekdays.js");exports.CalendarDates=function(e){var s=e.disabledDates,u=void 0===s?[]:s,o=e.isLoading,c=void 0!==o&&o,v=e.calendarDates,m=e.selectedDate,f=e.setSelectedDate,y=e.fromPrice,p=e.getAvailability,D=e.includeAvailability,_=r.useMemo((function(){var e,r,t=null!==(r=null===(e=v[0])||void 0===e?void 0:e.weekday)&&void 0!==r?r:0;if(1===t)return v;for(var i=[];t>1;)i.push(null),t-=1;return a.__spreadArray(a.__spreadArray([],a.__read(i),!1),a.__read(v),!1)}),[v]);return t.createElement("div",{className:"calendar-dates-wrapper"},t.createElement(n.CalendarWeekdays,null),t.createElement("div",{className:"calendar-dates"},_.map((function(e){if(null===e)return t.createElement("div",null);var a=c||l.isSelectedDateDisabled(e,u);return t.createElement(d.DateTimeButton,{key:+e,isDisabled:a,isSelected:m?e.hasSame(m,"day"):void 0,date:e.toFormat(i.DAY_NUMBER),onSelect:function(){return f(e)},price:y,resources:null==p?void 0:p(e),showResources:D,calendarView:!0})}))))};

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/customers/components/filter/CustomerFilter.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-type CustomerFilterValues = {
-    name: string;
-    email: string;
-    phone: string;
-};
-export interface CustomerFilterProps {
-    values: CustomerFilterValues;
-    onChange: (values: CustomerFilterValues) => void;
-}
-export declare const CustomerFilter: ({ values, onChange }: CustomerFilterProps) => JSX.Element;
-export {};
-//# sourceMappingURL=CustomerFilter.d.ts.map

package/dist/customers/components/filter/CustomerFilter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomerFilter.d.ts","sourceRoot":"","sources":["../../../../src/customers/components/filter/CustomerFilter.tsx"],"names":[],"mappings":";AAKA,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAQF,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,oBAAoB,CAAC;IAC7B,QAAQ,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAClD;AAED,eAAO,MAAM,cAAc,yBAA0B,mBAAmB,gBAyBvE,CAAC"}

package/dist/customers/components/filter/CustomerFilter.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=require("tslib"),r=e(require("react")),a=require("react-i18next"),n=require("../../../static/TextField.js"),s=e(require("clsx")),i={name:"name",email:"email",phone:"phone"};exports.CustomerFilter=function(e){var l=e.values,u=e.onChange,c=a.useTranslation(["Design"]).t;return r.createElement("div",{className:"customers-filter d-flex"},r.createElement("div",{className:"d-flex customers-filter-items"},Object.keys(i).map((function(e){var a=c(i[e]);return r.createElement(n.TextField,{key:e,className:s("mb-0","col-4","customer-filter"),type:"text",label:a,value:l[e],onChange:function(r){var a;return u(t.__assign(t.__assign({},l),((a={})[e]=r.target.value,a)))}})}))))};

package/dist/customers/components/filter/index.d.ts

@@ -1,3 +0,0 @@
-export { CustomerFilter } from "./CustomerFilter";
-export type { CustomerFilterProps } from "./CustomerFilter";
-//# sourceMappingURL=index.d.ts.map

package/dist/customers/components/filter/index.d.ts.map

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

package/dist/customers/components/index.d.ts

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

package/dist/customers/components/index.d.ts.map

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

package/dist/customers/index.d.ts

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

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

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

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { DateTime } from "luxon";
-import { DateTimeButtonProps } from "./DateTimeButton";
-type DateContentProps = Pick<DateTimeButtonProps, "isDisabled" | "isSelected"> & {
-    date: DateTime;
-};
-export declare const DateContent: ({ date, isDisabled, isSelected, }: DateContentProps) => JSX.Element;
-export {};
-//# sourceMappingURL=DateContent.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DateContent.d.ts","sourceRoot":"","sources":["../../src/date-time-button/DateContent.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,KAAK,gBAAgB,GAAG,IAAI,CAC1B,mBAAmB,EACnB,YAAY,GAAG,YAAY,CAC5B,GAAG;IACF,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW,sCAIrB,gBAAgB,gBAyBlB,CAAC"}

package/dist/date-time-button/DateContent.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=require("tslib"),r=e(require("react")),i=require("@licklist/core/dist/Config"),a=require("react-i18next"),o=e(require("clsx")),s=require("@licklist/plugins/dist/utils/formatDate"),l=require("date-fns");exports.DateContent=function(e){var n=e.date,c=e.isDisabled,d=e.isSelected,u=a.useTranslation("Design").t,f=t.__read(n.toFormat(i.DAY_NUMBER_WITH_MONTH).split(" "),2),m=f[0],D=f[1];return r.createElement("div",{className:"weekday-info"},r.createElement("div",null,l.isToday(n.toJSDate())?u("today"):l.isTomorrow(n.toJSDate())?u("tomorrow"):n.toFormat(i.DAY_OF_WEEK)),r.createElement("div",{className:o("descriptions",d&&"selected",c&&"disabled")},"".concat(s.getDayWithOrdinal(+m)," ").concat(D)))};

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

@@ -1,17 +0,0 @@
-import { ReactElement } from "react";
-import { DateTime } from "luxon";
-import { ZoneResourcesAvailability } from "@licklist/core/dist/DataMapper/Order/ZoneResourcesAvailabilityDataMapper";
-export type DateTimeButtonProps<T = DateTime | string> = {
-    date: T;
-    isSelected?: boolean;
-    isDisabled?: boolean;
-    isSoldOut?: boolean;
-    onSelect: (date: T) => void;
-    isOnlyTimeContainer?: boolean;
-    price?: string | number | ReactElement | null;
-    resources?: ZoneResourcesAvailability | null;
-    calendarView?: boolean;
-    showResources?: boolean;
-};
-export declare const DateTimeButton: <T extends string | DateTime>({ date, isDisabled: _isDisabled, isSelected, isSoldOut, onSelect, isOnlyTimeContainer, price, resources, calendarView, showResources, }: DateTimeButtonProps<T>) => JSX.Element;
-//# sourceMappingURL=DateTimeButton.d.ts.map