@licklist/design 0.44.485-dev.100 → 0.44.485-dev.12

package/src/widgets/SnippetCode/SnippetCode.tsx

@@ -0,0 +1,27 @@
+import React from "react";
+import { Button } from "react-bootstrap";
+import { useTranslation } from "react-i18next";
+import { ReactComponent as CopyIcon } from "../../assets/widgets/copy.svg";
+
+export type SnippetCodeProps = {
+  code: string;
+};
+
+const copyCode = (code: string) => window.navigator.clipboard.writeText(code);
+
+export const SnippetCode = ({ code }: SnippetCodeProps) => {
+  const { t } = useTranslation("Design");
+
+  return (
+    <div className="widget-designer-snippet-code">
+      <h4>{t("codeSnippet")}</h4>
+
+      <p className="code-container">{code}</p>
+
+      <Button onClick={() => copyCode(code)}>
+        {t("copyCode")}
+        <CopyIcon />
+      </Button>
+    </div>
+  );
+};

package/src/widgets/SnippetCode/index.ts

@@ -0,0 +1 @@
+export { SnippetCode } from "./SnippetCode";

package/src/widgets/WidgetBuilderForm/WidgetBuilderForm.stories.tsx

@@ -0,0 +1,12 @@
+import React from "react";
+import { Meta, Story } from "@storybook/react";
+import { WidgetBuilderForm } from "./WidgetBuilderForm";
+
+export default {
+  title: "Widgets / Widget Builder Form",
+  component: WidgetBuilderForm,
+} as Meta;
+
+export const Default: Story = (args) => {
+  return <WidgetBuilderForm {...args} />;
+};

package/src/widgets/WidgetBuilderForm/WidgetBuilderForm.tsx

@@ -0,0 +1,84 @@
+import React from "react";
+import { Button, Col, Form, Row } from "react-bootstrap";
+import { useTranslation } from "react-i18next";
+import { useForm, FormProvider } from "react-hook-form";
+import { WidgetTypeSelector } from "../WidgetTypeSelector/WidgetTypeSelector";
+import { CheckboxGroup } from "../CheckboxGroup";
+import { CalendarStyleSelector } from "../CalendarStyleSelector";
+import { BookingStyleSelector } from "../BookingStyleSelector";
+import { ProductSetSelector } from "../ProductSetSelector";
+import { SnippetCode } from "../SnippetCode";
+
+export type WidgetBuilderFormModel = {
+  name: string;
+  widgetType: string;
+  calendarStyle: string;
+  includeFromPrice: string[];
+  includeAvailability: string[];
+  productSets: string[];
+  bookingWidgetStyle: string;
+};
+
+export const WidgetBuilderForm = () => {
+  const { t } = useTranslation("Design");
+
+  const form = useForm<WidgetBuilderFormModel>({ mode: "onChange" });
+
+  const onSubmit = () => null;
+
+  return (
+    <FormProvider {...form}>
+      <Row
+        as="form"
+        className="widget-builder-form"
+        onSubmit={form.handleSubmit(onSubmit)}
+      >
+        <Col lg={6} md={6}>
+          <h2>{t("eventPageOverlay")}</h2>
+
+          <Form.Group>
+            <Form.Label>{t("name")}</Form.Label>
+            <Form.Control type="text" {...form.register("name")} />
+          </Form.Group>
+
+          <WidgetTypeSelector />
+
+          <h3 className="widget-builder-form-customizations">
+            {t("customizations")}
+          </h3>
+
+          <CalendarStyleSelector />
+
+          <CheckboxGroup
+            heading={t("includeFromPrice")}
+            name="includeFromPrice"
+          />
+          <CheckboxGroup
+            heading={t("includeAvailability")}
+            name="includeAvailability"
+          />
+
+          <ProductSetSelector />
+        </Col>
+
+        <Col lg={5} md={5} className="widget-builder-right-column">
+          <div className="widget-builder-form-grey">
+            <BookingStyleSelector />
+
+            <div>
+              <h4>{t("stylingTemplate")}</h4>
+
+              <Form.Group>
+                <Form.Control as="select" />
+              </Form.Group>
+            </div>
+
+            <SnippetCode code="" />
+          </div>
+
+          <Button type="submit">{t("saveAndClose")}</Button>
+        </Col>
+      </Row>
+    </FormProvider>
+  );
+};

package/src/widgets/WidgetTypeRadio/WidgetTypeRadio.stories.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+import { Meta, Story } from "@storybook/react";
+import { WidgetTypeRadio, WidgetTypeRadioProps } from "./WidgetTypeRadio";
+
+export default {
+  title: "Widgets / Type Radio Selector",
+  component: WidgetTypeRadio,
+} as Meta;
+
+export const Default: Story<WidgetTypeRadioProps> = (args) => {
+  return <WidgetTypeRadio {...args} />;
+};
+
+Default.args = {
+  label: "Venue Map",
+  description: ["Date", "Floor", "Table", "Product Sets", "Checkout"],
+};

package/src/widgets/WidgetTypeRadio/WidgetTypeRadio.tsx

@@ -0,0 +1,43 @@
+import React from "react";
+import { Form } from "react-bootstrap";
+import { useFormContext } from "react-hook-form";
+import { WidgetBuilderFormModel } from "../WidgetBuilderForm/WidgetBuilderForm";
+
+export type WidgetTypeRadioProps = {
+  label: string;
+  description: string[];
+};
+
+const prepareDescription = (description: string[]) =>
+  description.map((item, index) => {
+    if (index === 0) return item;
+    return `> ${item}`;
+  });
+
+export const WidgetTypeRadio = ({
+  label,
+  description,
+}: WidgetTypeRadioProps) => {
+  const { register } = useFormContext<WidgetBuilderFormModel>();
+
+  return (
+    <Form.Check className="widget-type-radio">
+      <Form.Check.Label>
+        <div className="widget-type-radio-controls">
+          <Form.Check.Input
+            type="radio"
+            value={label}
+            {...register("widgetType")}
+          />
+          <span>{label}</span>
+        </div>
+
+        <p className="widget-type-radio-description">
+          {prepareDescription(description).map((item) => (
+            <span key={item}> {item}</span>
+          ))}
+        </p>
+      </Form.Check.Label>
+    </Form.Check>
+  );
+};

package/src/widgets/WidgetTypeRadio/index.ts

@@ -0,0 +1 @@
+export { WidgetTypeRadio } from "./WidgetTypeRadio";

package/src/widgets/WidgetTypeSelector/WidgetTypeSelector.stories.tsx

@@ -0,0 +1,12 @@
+import React from "react";
+import { Meta, Story } from "@storybook/react";
+import { WidgetTypeSelector } from "./WidgetTypeSelector";
+
+export default {
+  title: "Widgets / Widget Type Selector",
+  component: WidgetTypeSelector,
+} as Meta;
+
+export const Default: Story = (args) => {
+  return <WidgetTypeSelector {...args} />;
+};

package/src/widgets/WidgetTypeSelector/WidgetTypeSelector.tsx

@@ -0,0 +1,32 @@
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { Form } from "react-bootstrap";
+import { WidgetTypeRadio } from "../WidgetTypeRadio";
+
+const venueMapDescription = [
+  "date",
+  "floor",
+  "table",
+  "productSets",
+  "checkout",
+];
+
+export const WidgetTypeSelector = () => {
+  const { t } = useTranslation("Design");
+
+  return (
+    <div className="widget-type-selector">
+      <Form.Label>{t("selectBookingType")}</Form.Label>
+
+      <WidgetTypeRadio
+        label={t("eventList")}
+        description={[t("eventListing")]}
+      />
+
+      <WidgetTypeRadio
+        label={t("venueMap")}
+        description={venueMapDescription.map((item) => t(item))}
+      />
+    </div>
+  );
+};

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

@@ -6,24 +6,20 @@ import React, {
 } from "react";
 import { useTranslation } from "react-i18next";
 import { Form } from "react-bootstrap";
-import { UseFormSetError, useForm } from "react-hook-form";
+import { 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 = {
   trigger: () => Promise<boolean>;
   getValues: () => { availableTimes: string[] };
-  setError: UseFormSetError<AvailableTimesForm>;
 };
 
 type AvailableTimesControlProps = {
   isLoading: boolean;
   workHours?: WorkHour[];
   defaultValues?: string[];
-  startTime?: string;
-  endTime?: string;
 };
 
 type AvailableTimesForm = { availableTimes: string[] };
@@ -43,7 +39,6 @@ export const AvailableTimesControl = forwardRef<
     getValues,
     setValue,
     watch,
-    setError,
   } = useForm<AvailableTimesForm>({ mode: "onChange" });
 
   const availableTimes = watch("availableTimes") || [];
@@ -57,25 +52,22 @@ export const AvailableTimesControl = forwardRef<
     return {
       trigger,
       getValues,
-      setError,
     };
   });
 
   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 +87,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/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,12 +12,6 @@ import {
 } from "@dnd-kit/sortable";
 import { DndContext } from "@dnd-kit/core";
 import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
-import { DateTime } from "luxon";
-import { TIME_FORMAT } from "@licklist/core/dist/Config";
-import {
-  calculateTimeWithOffset,
-  DIRECTION_TO_LOCAL,
-} from "@licklist/plugins/dist/utils/time";
 import { CONFIRM_MODAL_ACTIONS } from "../../../modals/confirmation/ConfirmModal";
 import { Icon } from "../../../static";
 import {
@@ -28,7 +23,6 @@ import {
   AvailableTimesControl,
   AvailableTimesControlRef,
 } from "./AvailableTimesControl";
-import { sameWidthPopperModifier } from "../../../product-set/control/DateAndRecurrenceInput";
 
 export interface DateAndRecurrenceInputValues {
   zoneRecurrences?: Partial<ZoneRecurrence>[];
@@ -51,6 +45,7 @@ export const ZoneRecurrencesControl = ({
     setValue,
     clearErrors,
   } = useFormContext<DateAndRecurrenceInputValues>();
+
   const { fields, append, update, move } = useFieldArray({
     name: "zoneRecurrences",
     control,
@@ -86,41 +81,18 @@ 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 isAvailableTimesFormValid =
-      await availableTimesFormRef.current?.trigger();
-    if (!isAvailableTimesFormValid) {
-      return;
-    }
-    const startTime = DateTime.fromFormat(next.startTime, TIME_FORMAT);
-    const endTime = DateTime.fromFormat(next.endTime, TIME_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: next?.startTime,
-          max: next?.endTime,
-        }),
-      });
+    const isValid = await availableTimesFormRef.current?.trigger();
 
+    if (!isValid) {
       return;
     }
+
     const values = {
       rrule: next.rrule,
       startDate: next.startDate,
@@ -239,7 +211,7 @@ export const ZoneRecurrencesControl = ({
               }
               strategy={verticalListSortingStrategy}
             >
-              {fields?.map((zoneRecurrence, index) => (
+              {fields.map((zoneRecurrence, index) => (
                 <ZoneRecurrenceControl
                   key={zoneRecurrence._id}
                   zoneRecurrence={zoneRecurrence}
@@ -285,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

@@ -29,15 +29,13 @@ export const getTimeCheckboxRanges = (
     Number(endMinutes)
   );
 
-  const dateSlices: { [key: string]: Date } = {
-    0: startDate,
-  };
+  const dateSlices: { [key: string]: Date } = {};
   let count = 0;
 
   while (endDate >= startDate) {
     startDate = new Date(startDate.getTime() + range * 60 * 1000);
-    count += 1;
     dateSlices[count] = startDate;
+    count += 1;
   }
 
   const checkboxes = Object.keys(dateSlices)

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/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/dateInfo/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/dateInfo/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/dateInfo/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/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,12 +0,0 @@
-import { ReactElement } from "react";
-import { DateTime } from "luxon";
-export type DateTimeButtonProps<T = DateTime | string> = {
-    date: T;
-    isSelected?: boolean;
-    isDisabled?: boolean;
-    onSelect: (date: T) => void;
-    isOnlyTimeContainer?: boolean;
-    price?: string | number | ReactElement | null;
-};
-export declare const DateTimeButton: <T extends string | DateTime>({ date, isDisabled, isSelected, onSelect, isOnlyTimeContainer, price, }: DateTimeButtonProps<T>) => JSX.Element;
-//# sourceMappingURL=DateTimeButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimeButton.d.ts","sourceRoot":"","sources":["../../src/date-time-button/DateTimeButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,MAAM,mBAAmB,CAAC,CAAC,GAAG,QAAQ,GAAG,MAAM,IAAI;IACvD,IAAI,EAAE,CAAC,CAAC;IACR,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,IAAI,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,cAAc,+IA0D1B,CAAC"}

package/dist/date-time-button/DateTimeButton.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")),n=e(require("clsx")),i=require("./DateContent.js");exports.DateTimeButton=function(e){var r=e.date,a=e.isDisabled,o=e.isSelected,s=e.onSelect,c=e.isOnlyTimeContainer,l=e.price,u="string"==typeof r;return t.createElement("button",{type:"button",onClick:function(){return s(r)},disabled:a,className:n("date-time-button",a&&"disabled",o&&"selected",u&&"time-button",c&&"only-time-container",!u&&"today")},u?r:t.createElement(i.DateContent,{date:r,isDisabled:a,isSelected:o}),l&&t.createElement("div",{className:"price"},l))};

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

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

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

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

package/dist/events/event-venue-map/components/MapPoint/components/ProductTooltip/ProductTooltip.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-type ProductTooltipProps = {
-    x: number;
-    y: number;
-    text: string;
-};
-export declare const ProductTooltip: ({ x, y, text }: ProductTooltipProps) => JSX.Element;
-export {};
-//# sourceMappingURL=ProductTooltip.d.ts.map

package/dist/events/event-venue-map/components/MapPoint/components/ProductTooltip/ProductTooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductTooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/MapPoint/components/ProductTooltip/ProductTooltip.tsx"],"names":[],"mappings":";AAkBA,KAAK,mBAAmB,GAAG;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,cAAc,mBAAoB,mBAAmB,gBA2CjE,CAAC"}

package/dist/events/event-venue-map/components/MapPoint/components/ProductTooltip/ProductTooltip.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,i=require("react-konva"),l="#000";exports.ProductTooltip=function(e){var t=e.x,o=e.y,c=e.text;return r.createElement(i.Group,{width:60,height:20,x:t+30,y:o-1},r.createElement(i.Rect,{x:-5,y:5,sceneFunc:function(e){e.beginPath(),e.moveTo(0,5),e.lineTo(5,0),e.lineTo(5,10),e.closePath(),e.fill()},fill:l,borderColor:l,opacity:.8}),r.createElement(i.Rect,{x:0,y:0,width:60,height:20,fill:l,cornerRadius:5,opacity:.8}),r.createElement(i.Text,{y:4,text:c,strokeWidth:5,width:60,align:"center",verticalAlign:"middle",fill:"#FFF"}))};

package/dist/events/event-venue-map/components/MapPoint/components/ProductTooltip/index.d.ts

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

package/dist/events/event-venue-map/components/MapPoint/components/ProductTooltip/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/MapPoint/components/ProductTooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}