@licklist/design 0.44.485-dev.78 → 0.44.485-dev.8

package/src/widgets/ProductSetSelector/ProductSetSelector.stories.tsx

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

package/src/widgets/ProductSetSelector/ProductSetSelector.tsx

@@ -0,0 +1,27 @@
+import React from "react";
+import { Button, Form } from "react-bootstrap";
+import { useTranslation } from "react-i18next";
+import { ReactComponent as Icon } from "../../assets/widgets/circlePlus.svg";
+
+export const ProductSetSelector = () => {
+  const { t } = useTranslation("Design");
+
+  return (
+    <div className="widget-builder-product-set-selector">
+      <h4>{t("productSet")}</h4>
+      <p>{t("widgetBuilderProductSetDescription")}</p>
+
+      <Form.Group>
+        <Form.Control as="select">
+          <option>{1}</option>
+          <option>{2}</option>
+        </Form.Control>
+      </Form.Group>
+
+      <Button className="">
+        <Icon type="circle-plus" />
+        {t("addProductSets")}
+      </Button>
+    </div>
+  );
+};

package/src/widgets/ProductSetSelector/index.ts

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

package/src/widgets/SnippetCode/SnippetCode.stories.tsx

@@ -0,0 +1,17 @@
+/* eslint-disable max-len */
+import React from "react";
+import { Meta, Story } from "@storybook/react";
+import { SnippetCode, SnippetCodeProps } from "./SnippetCode";
+
+export default {
+  title: "Widgets / Snippet Code",
+  component: SnippetCode,
+} as Meta;
+
+export const Default: Story<SnippetCodeProps> = (args) => {
+  return <SnippetCode {...args} />;
+};
+
+Default.args = {
+  code: '<iframe width="1238" height="696" src="https://www.youtube.com/embed/Kddw5pV7RZ0" title="Short Booked it software overview." frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen />',
+};

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/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/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/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/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/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/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/assets/iframe/dateInfo/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/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"}

package/dist/iframe/activities-card-page/components/activities-card/ActivitiesCard.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export interface ActivitiesCardProps {
-    card: any;
-    onSelectCardId?: (productSetId: number) => void;
-    isActive: boolean;
-}
-export declare const ActivitiesCard: ({ card, onSelectCardId, isActive, }: ActivitiesCardProps) => JSX.Element;
-//# sourceMappingURL=ActivitiesCard.d.ts.map

package/dist/iframe/activities-card-page/components/activities-card/ActivitiesCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActivitiesCard.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/activities-card-page/components/activities-card/ActivitiesCard.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,GAAG,CAAC;IACV,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,wCAIxB,mBAAmB,gBAoDrB,CAAC"}

package/dist/iframe/activities-card-page/components/activities-card/ActivitiesCard.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-i18next"),r=e(require("clsx")),c=require("react-intl");exports.ActivitiesCard=function(e){var i=e.card,l=e.onSelectCardId,n=e.isActive,s=c.useIntl().formatNumber,m=a.useTranslation("Design").t,d=i.imageSrc,o=i.title,u=i.time,f=i.cost,v=function(){l(i)};return t.createElement("div",{id:i.id,role:"button",className:r("iframe-activities-card",n&&"active"),onClick:v,onKeyPress:v,tabIndex:0},d&&t.createElement("div",{className:"card-image",style:{backgroundImage:'url("'.concat(d,'")')}}),t.createElement("div",{className:r("d-flex","flex-column",!d&&"no-image")},t.createElement("div",{className:"title"},o),u&&t.createElement("div",{className:"cost"},t.createElement("div",{className:"d-flex align-items-center"},t.createElement("p",{className:"m-0"},u," ",m("Mins")))),"number"==typeof f&&f&&t.createElement("div",{className:"label"},t.createElement("div",{className:"d-flex align-items-center mb-3"},t.createElement("p",{className:"m-0"},m("from")," ",s(f,{style:"currency",currency:"GBP"}))))))};

package/dist/iframe/activities-card-page/components/activities-selected-card/ActivitiesSelectedCard.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export interface ActivitiesSelectedCardProps {
-    imageSrc: string;
-    title: string;
-    time: string;
-    cost: number;
-}
-export declare const ActivitiesSelectedCard: ({ imageSrc, title, time, cost, }: ActivitiesSelectedCardProps) => JSX.Element;
-//# sourceMappingURL=ActivitiesSelectedCard.d.ts.map

package/dist/iframe/activities-card-page/components/activities-selected-card/ActivitiesSelectedCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActivitiesSelectedCard.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/activities-card-page/components/activities-selected-card/ActivitiesSelectedCard.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,sBAAsB,qCAKhC,2BAA2B,gBAuC7B,CAAC"}

package/dist/iframe/activities-card-page/components/activities-selected-card/ActivitiesSelectedCard.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")),r=require("react-i18next"),a=e(require("clsx")),c=require("react-intl");exports.ActivitiesSelectedCard=function(e){var l=e.imageSrc,i=e.title,n=e.time,s=e.cost,m=r.useTranslation("Design").t,u=c.useIntl().formatNumber;return t.createElement("div",null,t.createElement("div",{className:a("selected-activities-card")},t.createElement("div",{className:"description"},t.createElement("div",{className:"title"},i),n&&t.createElement("div",null,t.createElement("p",null,n," ",m("Mins")," ")),"number"==typeof s&&s&&t.createElement("div",null,t.createElement("p",null,m("from")," ",u(s,{style:"currency",currency:"GBP"})))),l&&t.createElement("div",{className:"image-container"},t.createElement("div",{className:"image",style:{backgroundImage:'url("'.concat(l,'")')}}))),t.createElement("hr",{className:"selected-activities-card-hr"}))};

package/dist/iframe/activities-card-page/index.d.ts

@@ -1,3 +0,0 @@
-export { ActivitiesSelectedCard } from "./components/activities-selected-card/ActivitiesSelectedCard";
-export { ActivitiesCard } from "./components/activities-card/ActivitiesCard";
-//# sourceMappingURL=index.d.ts.map

package/dist/iframe/activities-card-page/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/iframe/activities-card-page/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,8DAA8D,CAAC;AACtG,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC"}

package/dist/iframe/order-process/components/ErrorModal/ErrorModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorModal.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/ErrorModal/ErrorModal.tsx"],"names":[],"mappings":";AASA,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,qCAIpB,eAAe,gBA2CjB,CAAC"}

package/dist/iframe/order-process/components/ErrorModal/ErrorModal.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")),r=require("react-i18next"),a=require("react-bootstrap"),o=require("../../../../static/Icon.js"),n=e(require("react-bootstrap/ModalHeader")),s=e(require("react-bootstrap/ModalTitle")),i=e(require("react-bootstrap/ModalBody")),c=e(require("react-bootstrap/Modal"));exports.ErrorModal=function(e){var l=e.isOpen,m=void 0!==l&&l,u=e.onClose,d=e.messageKey,f=r.useTranslation("Design").t,p=function(){u&&u()};return t.createElement(c,{show:m,onHide:p,animation:!1,centered:!0,contentClassName:"rounded"},t.createElement(n,{className:"align-items-center border-0"},t.createElement(s,{as:"h6"},f("formHasErrors")),t.createElement(a.Button,{variant:"danger",className:"btn-sm rounded",onClick:p},t.createElement(o.default,{type:"times",height:"1rem"}))),t.createElement(i,{className:"confirmation-modal-body"},t.createElement("div",{className:"d-flex m-5 justify-content-center manual-form-error"},d?f(d):t.createElement(r.Trans,{t:f,i18nKey:"pleaseSelectAtLeastFrom",values:{min:1,type:"item",from:"those categories"}}))))};

package/dist/iframe/order-process/components/ErrorModal/index.d.ts

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

package/dist/iframe/order-process/components/ErrorModal/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/ErrorModal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/iframe/order-process/components/utils/useCategoryVerification.d.ts

@@ -1,8 +0,0 @@
-import { MenuStep, Order } from "src/types";
-interface CategoryError {
-    message: string;
-    id: number;
-}
-export declare const useCategoryVerification: () => (values: Record<Order["id"], Order>, step: MenuStep) => CategoryError | void;
-export {};
-//# sourceMappingURL=useCategoryVerification.d.ts.map

package/dist/iframe/order-process/components/utils/useCategoryVerification.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCategoryVerification.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/utils/useCategoryVerification.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAE5C,UAAU,aAAa;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;CACZ;AAGD,eAAO,MAAM,uBAAuB,iBAIxB,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,QAC5B,QAAQ,KACb,aAAa,GAAG,IAqCpB,CAAC"}

package/dist/iframe/order-process/components/utils/useCategoryVerification.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react-i18next");exports.useCategoryVerification=function(){var t=e.useTranslation("Validation").t;return function(e,r){var i,n=Object.values(e).filter((function(e){return(null==e?void 0:e.quantity)>0}));return null==r||r.productCategories.forEach((function(e){var r=e.minSubItems,a=e.maxSubItems,u=e.id,o=e.name;if(r||a){var c=n.filter((function(e){return(null==e?void 0:e.productsCategoryId)===u})).length;if(r&&c<r){var s=t("Validation:fieldMinNumber",{min:r,attribute:"number of products in the ".concat(o," category")});i={id:u,message:s}}else if(a&&c>a){s=t("Validation:fieldMaxNumber",{max:a,attribute:"number of products in the ".concat(o," category")});i={id:u,message:s}}}})),i}};

package/dist/iframe/select-date-time/component/date-container/SelectDateAndTimeEvent.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export type SelectDateAndTimeEventProps = {
-    date: any;
-    selected: boolean;
-    onSelectProductSet?: (id: number) => void;
-};
-export declare const SelectDateAndTimeEvent: ({ date, selected, onSelectProductSet, }: SelectDateAndTimeEventProps) => JSX.Element;
-//# sourceMappingURL=SelectDateAndTimeEvent.d.ts.map

package/dist/iframe/select-date-time/component/date-container/SelectDateAndTimeEvent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectDateAndTimeEvent.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/select-date-time/component/date-container/SelectDateAndTimeEvent.tsx"],"names":[],"mappings":";AAOA,MAAM,MAAM,2BAA2B,GAAG;IACxC,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,sBAAsB,4CAIhC,2BAA2B,gBAuD7B,CAAC"}

package/dist/iframe/select-date-time/component/date-container/SelectDateAndTimeEvent.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("react"),l=e(t),n=require("../../../../logo/Logo.js"),o=e(require("clsx")),a=require("../../../../assets/iframe/dateInfo/limited.svg.js"),s=require("../../../../assets/iframe/dateInfo/available.svg.js"),i=require("../../../../assets/iframe/dateInfo/soldOut.svg.js");exports.SelectDateAndTimeEvent=function(e){var r=e.date,c=e.selected,d=e.onSelectProductSet,u=r.title,m=r.disabled,v=r.info,f=r.descriptions,p=r.id,g=r.time,E=function(){m||d(p)},b=t.useMemo((function(){return"limit"===(null==v?void 0:v.logo)?l.createElement(a.ReactComponent,null):"available"===(null==v?void 0:v.logo)?l.createElement(s.ReactComponent,null):"soldOut"===(null==v?void 0:v.logo)?l.createElement(i.ReactComponent,null):null}),[v,i.ReactComponent,s.ReactComponent,a.ReactComponent]);return l.createElement("div",{role:"button",onClick:E,onKeyPress:E,className:o("event-date-set",m&&"disabled",c&&"selected",g&&"time-container"),tabIndex:0},u,g&&l.createElement("div",{className:"time"},g),f&&l.createElement("div",{className:o("descriptions",c&&"selected",m&&"disabled")},f),v&&l.createElement("div",{className:"info"},v.logo&&l.createElement(n.default,{className:"logo",logo:b}),l.createElement("div",null,v.descriptions)))};

package/dist/iframe/select-date-time/component/date-container/SelectDateAndTimeEventList.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export type EventProductSetsProps = {
-    selectedProductSetId?: number;
-    onSelectProductSet?: (productSetId: number) => void;
-    dateList: any[];
-    title?: string;
-    timeContainer?: boolean;
-};
-export declare const SelectDateAndTimeEventList: ({ selectedProductSetId, onSelectProductSet, dateList, title, timeContainer, }: EventProductSetsProps) => JSX.Element;
-//# sourceMappingURL=SelectDateAndTimeEventList.d.ts.map

package/dist/iframe/select-date-time/component/date-container/SelectDateAndTimeEventList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectDateAndTimeEventList.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/select-date-time/component/date-container/SelectDateAndTimeEventList.tsx"],"names":[],"mappings":";AAIA,MAAM,MAAM,qBAAqB,GAAG;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,QAAQ,EAAE,GAAG,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,0BAA0B,kFAMpC,qBAAqB,gBAoBvB,CAAC"}

package/dist/iframe/select-date-time/index.d.ts

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

package/dist/iframe/select-date-time/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/iframe/select-date-time/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC"}

package/dist/image-radio-input/ImageRadioInput.d.ts

@@ -1,15 +0,0 @@
-import { ReactNode } from "react";
-import { FormCheckInputProps } from "react-bootstrap/esm/FormCheckInput";
-import { Path, RegisterOptions } from "react-hook-form";
-export type ImageRadioInputProps<FormModel> = {
-    img: ReactNode;
-    label: string;
-    value: string | number;
-    name: Path<FormModel>;
-    disabled?: boolean;
-    disabledMessage?: string;
-    rules?: RegisterOptions<FormModel>;
-    inputProps?: FormCheckInputProps;
-};
-export declare const ImageRadioInput: <FormModel>({ img, label, value, name, disabled, disabledMessage, rules, inputProps, }: ImageRadioInputProps<FormModel>) => JSX.Element;
-//# sourceMappingURL=ImageRadioInput.d.ts.map

package/dist/image-radio-input/ImageRadioInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageRadioInput.d.ts","sourceRoot":"","sources":["../../src/image-radio-input/ImageRadioInput.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,eAAe,EAAkB,MAAM,iBAAiB,CAAC;AAExE,MAAM,MAAM,oBAAoB,CAAC,SAAS,IAAI;IAC5C,GAAG,EAAE,SAAS,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,mBAAmB,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,eAAe,yIAmC3B,CAAC"}

package/dist/image-radio-input/ImageRadioInput.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("tslib"),r=e(require("react")),t=require("react-bootstrap"),i=require("react-hook-form"),l=e(require("clsx"));exports.ImageRadioInput=function(e){var s=e.img,n=e.label,o=e.value,c=e.name,m=e.disabled,u=e.disabledMessage,d=e.rules,p=e.inputProps,b=i.useFormContext().register;return r.createElement(t.Form.Check,{className:"image-radio-input"},r.createElement(t.Form.Check.Label,{className:l("image-radio-input-wrapper",m&&"disabled")},r.createElement("div",{className:"image-radio-input-image-wrapper"},s),r.createElement("div",{className:"image-radio-input-label"},r.createElement(t.Form.Check.Input,a.__assign({type:"radio",value:o,disabled:m},b(c,d),p)),r.createElement("span",null,n))),r.createElement(t.Form.Control.Feedback,{type:"valid",className:"d-block text-center"},u))};

package/dist/image-radio-input/index.d.ts.map

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