@licklist/design 0.44.485-dev.9 → 0.44.485-dev.90

package/src/types/iframe.ts

@@ -6,8 +6,10 @@ export interface Product {
   description: string;
   deposit: number;
   price: number;
+  minSub?: number;
   minAmount?: number;
   maxAmount?: number;
+  minSpend?: number | null;
   isSoldOut?: boolean;
   isRequired?: boolean;
   isUnlimited?: boolean;
@@ -28,7 +30,7 @@ export interface ProductCategory {
 export interface MenuStep {
   id: number;
   name: string;
-  productCategories: ProductCategory[];
+  productCategories?: ProductCategory[];
 }
 
 export interface Menu {
@@ -36,6 +38,8 @@ export interface Menu {
   menuSteps: MenuStep[];
 }
 
+// TODO similar type exists in iframe app
+// remove this when components are moved to iframe
 export interface Order {
   id: number;
   quantity: number;

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

@@ -9,7 +9,10 @@ import { Form } from "react-bootstrap";
 import { useForm } from "react-hook-form";
 import { useId } from "@react-aria/utils";
 import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
-import { getCheckboxesByWorkHours } from "../utils/dates";
+import {
+  calculateTimeWithOffset,
+  getCheckboxesByWorkHours,
+} from "../utils/dates";
 
 export type AvailableTimesControlRef = {
   trigger: () => Promise<boolean>;
@@ -56,18 +59,20 @@ export const AvailableTimesControl = forwardRef<
   });
 
   const onChange = (option: string) => {
-    const isAlreadyChecked = availableTimes.includes(option);
+    const timeWithOffset = calculateTimeWithOffset(option);
+
+    const isAlreadyChecked = availableTimes.includes(timeWithOffset);
 
     if (isAlreadyChecked) {
       setValue(
         "availableTimes",
-        availableTimes.filter((value) => value !== option)
+        availableTimes.filter((value) => value !== timeWithOffset)
       );
 
       return;
     }
 
-    setValue("availableTimes", [...availableTimes, option]);
+    setValue("availableTimes", [...availableTimes, timeWithOffset]);
   };
 
   useEffect(() => {
@@ -87,7 +92,9 @@ export const AvailableTimesControl = forwardRef<
               <Form.Check.Input
                 type="checkbox"
                 value={option}
-                checked={availableTimes.includes(option)}
+                checked={availableTimes.includes(
+                  calculateTimeWithOffset(option)
+                )}
                 onChange={() => onChange(option)}
                 disabled={isLoading}
               />

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

@@ -1,5 +1,4 @@
 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";
@@ -23,6 +22,7 @@ import {
   AvailableTimesControl,
   AvailableTimesControlRef,
 } from "./AvailableTimesControl";
+import { sameWidthPopperModifier } from "../../../product-set/control/DateAndRecurrenceInput";
 
 export interface DateAndRecurrenceInputValues {
   zoneRecurrences?: Partial<ZoneRecurrence>[];
@@ -211,7 +211,7 @@ export const ZoneRecurrencesControl = ({
               }
               strategy={verticalListSortingStrategy}
             >
-              {fields.map((zoneRecurrence, index) => (
+              {fields?.map((zoneRecurrence, index) => (
                 <ZoneRecurrenceControl
                   key={zoneRecurrence._id}
                   zoneRecurrence={zoneRecurrence}
@@ -257,29 +257,3 @@ 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

@@ -97,3 +97,27 @@ export const getCheckboxesByWorkHours = (workHours?: WorkHour[]) => {
       DEFAULT_END_DAY_TIME
   );
 };
+
+// adds time zone offset to times selected by user
+export const calculateTimeWithOffset = (time: string): string => {
+  // time has format "HH:mm"
+  const [hours, minutes] = time.split(":");
+
+  const hoursWithOffset = addOffsetToHours(+hours);
+
+  const hoursWithPadding = hoursWithOffset.toString().padStart(2, "0");
+
+  return `${hoursWithPadding}:${minutes}`;
+};
+
+const addOffsetToHours = (hours: number): number => {
+  const timeZoneOffset = new Date().getTimezoneOffset() / 60;
+
+  const hoursWithOffset = hours + timeZoneOffset;
+
+  if (hoursWithOffset > 24) return hoursWithOffset - 24;
+
+  if (hoursWithOffset < 0) return hoursWithOffset + 24;
+
+  return hoursWithOffset;
+};

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/dashboard/bookingCalendar.svg

@@ -1,67 +0,0 @@
-<svg
-  width="44"
-  height="44"
-  viewBox="0 0 44 44"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <g clip-path="url(#clip0_0_4)">
-    <rect width="44" height="44" rx="8" fill="currentColor" />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M14 9C14 8.44772 14.4477 8 15 8C15.5523 8 16 8.44772 16 9V10H21V9C21 8.44772 21.4477 8 22 8C22.5523 8 23 8.44772 23 9V10H28V9C28 8.44772 28.4477 8 29 8C29.5523 8 30 8.44772 30 9V10H32C34.2091 10 36 11.7909 36 14V16V18V32C36 33.1046 35.1046 34 34 34H10C8.89543 34 8 33.1046 8 32V18V16V14C8 11.7909 9.79086 10 12 10H14V9ZM23 12H28V13C28 13.5523 28.4477 14 29 14C29.5523 14 30 13.5523 30 13V12H32L32.1493 12.0055C33.1841 12.0818 34 12.9456 34 14V16H10V14C10 12.8954 10.8954 12 12 12H14V13C14 13.5523 14.4477 14 15 14C15.5523 14 16 13.5523 16 13V12H21V13C21 13.5523 21.4477 14 22 14C22.5523 14 23 13.5523 23 13V12ZM10 18V32H34V18H10ZM31.669 26.7433L30.331 25.2567L27.666 27.654L26.669 26.7567L25.331 28.2433L27.6667 30.3454L31.669 26.7433Z"
-      fill="black"
-    />
-    <rect
-      opacity="0.5"
-      x="13"
-      y="20"
-      width="4"
-      height="4"
-      rx="1"
-      fill="black"
-    />
-    <rect
-      opacity="0.5"
-      x="20"
-      y="20"
-      width="4"
-      height="4"
-      rx="1"
-      fill="black"
-    />
-    <rect
-      opacity="0.5"
-      x="13"
-      y="26"
-      width="4"
-      height="4"
-      rx="1"
-      fill="black"
-    />
-    <rect
-      opacity="0.5"
-      x="20"
-      y="26"
-      width="4"
-      height="4"
-      rx="1"
-      fill="black"
-    />
-    <rect
-      opacity="0.5"
-      x="27"
-      y="20"
-      width="4"
-      height="4"
-      rx="1"
-      fill="black"
-    />
-  </g>
-  <defs>
-    <clipPath id="clip0_0_4">
-      <rect width="44" height="44" fill="white" />
-    </clipPath>
-  </defs>
-</svg>

package/dist/assets/dashboard/bookingCalendar.svg.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,l,r=require("react");(e=r)&&"object"==typeof e&&"default"in e&&e.default;function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r])}return e},a.apply(this,arguments)}exports.ReactComponent=function(e){return r.createElement("svg",a({width:44,height:44,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=r.createElement("g",{clipPath:"url(#bookingCalendar_svg__clip0_0_4)"},r.createElement("rect",{width:44,height:44,rx:8,fill:"currentColor"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14 9a1 1 0 112 0v1h5V9a1 1 0 112 0v1h5V9a1 1 0 112 0v1h2a4 4 0 014 4v18a2 2 0 01-2 2H10a2 2 0 01-2-2V14a4 4 0 014-4h2V9zm9 3h5v1a1 1 0 102 0v-1h2l.15.005A2 2 0 0134 14v2H10v-2a2 2 0 012-2h2v1a1 1 0 102 0v-1h5v1a1 1 0 102 0v-1zm-13 6v14h24V18H10zm21.669 8.743l-1.338-1.486-2.665 2.397-.997-.897-1.338 1.486 2.336 2.102 4.002-3.602z",fill:"#000"}),r.createElement("rect",{opacity:.5,x:13,y:20,width:4,height:4,rx:1,fill:"#000"}),r.createElement("rect",{opacity:.5,x:20,y:20,width:4,height:4,rx:1,fill:"#000"}),r.createElement("rect",{opacity:.5,x:13,y:26,width:4,height:4,rx:1,fill:"#000"}),r.createElement("rect",{opacity:.5,x:20,y:26,width:4,height:4,rx:1,fill:"#000"}),r.createElement("rect",{opacity:.5,x:27,y:20,width:4,height:4,rx:1,fill:"#000"}))),l||(l=r.createElement("defs",null,r.createElement("clipPath",{id:"bookingCalendar_svg__clip0_0_4"},r.createElement("path",{fill:"#fff",d:"M0 0h44v44H0z"})))))};

package/dist/assets/dashboard/bookingList.svg

@@ -1,68 +0,0 @@
-<svg
-  width="44"
-  height="44"
-  viewBox="0 0 44 44"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <g clip-path="url(#clip0_0_2707)">
-    <rect width="44" height="44" rx="8" fill="currentColor" />
-    <path
-      d="M13.7334 10L15 11.4607L11.2111 15L9 12.9346L10.2666 11.4739L11.2105 12.3555L13.7334 10Z"
-      fill="black"
-    />
-    <rect
-      opacity="0.5"
-      x="17"
-      y="12"
-      width="18"
-      height="2"
-      rx="1"
-      fill="black"
-    />
-    <path
-      d="M13.7334 16L15 17.4607L11.2111 21L9 18.9346L10.2666 17.4739L11.2105 18.3555L13.7334 16Z"
-      fill="black"
-    />
-    <rect
-      opacity="0.5"
-      x="17"
-      y="18"
-      width="18"
-      height="2"
-      rx="1"
-      fill="black"
-    />
-    <path
-      d="M13.7334 22L15 23.4607L11.2111 27L9 24.9346L10.2666 23.4739L11.2105 24.3555L13.7334 22Z"
-      fill="black"
-    />
-    <rect
-      opacity="0.5"
-      x="17"
-      y="24"
-      width="18"
-      height="2"
-      rx="1"
-      fill="black"
-    />
-    <path
-      d="M13.7334 28L15 29.4607L11.2111 33L9 30.9346L10.2666 29.4739L11.2105 30.3555L13.7334 28Z"
-      fill="black"
-    />
-    <rect
-      opacity="0.5"
-      x="17"
-      y="30"
-      width="18"
-      height="2"
-      rx="1"
-      fill="black"
-    />
-  </g>
-  <defs>
-    <clipPath id="clip0_0_2707">
-      <rect width="44" height="44" fill="white" />
-    </clipPath>
-  </defs>
-</svg>

package/dist/assets/dashboard/bookingList.svg.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,l,r=require("react");(e=r)&&"object"==typeof e&&"default"in e&&e.default;function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r])}return e},i.apply(this,arguments)}exports.ReactComponent=function(e){return r.createElement("svg",i({width:44,height:44,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=r.createElement("g",{clipPath:"url(#bookingList_svg__clip0_0_2707)"},r.createElement("rect",{width:44,height:44,rx:8,fill:"currentColor"}),r.createElement("path",{d:"M13.733 10L15 11.46 11.211 15 9 12.935l1.267-1.461.944.881L13.732 10z",fill:"#000"}),r.createElement("rect",{opacity:.5,x:17,y:12,width:18,height:2,rx:1,fill:"#000"}),r.createElement("path",{d:"M13.733 16L15 17.46 11.211 21 9 18.935l1.267-1.461.944.881L13.732 16z",fill:"#000"}),r.createElement("rect",{opacity:.5,x:17,y:18,width:18,height:2,rx:1,fill:"#000"}),r.createElement("path",{d:"M13.733 22L15 23.46 11.211 27 9 24.935l1.267-1.461.944.881L13.732 22z",fill:"#000"}),r.createElement("rect",{opacity:.5,x:17,y:24,width:18,height:2,rx:1,fill:"#000"}),r.createElement("path",{d:"M13.733 28L15 29.46 11.211 33 9 30.935l1.267-1.461.944.881L13.732 28z",fill:"#000"}),r.createElement("rect",{opacity:.5,x:17,y:30,width:18,height:2,rx:1,fill:"#000"}))),l||(l=r.createElement("defs",null,r.createElement("clipPath",{id:"bookingList_svg__clip0_0_2707"},r.createElement("path",{fill:"#fff",d:"M0 0h44v44H0z"})))))};

package/dist/assets/dashboard/bookingListSmall.svg

@@ -1,6 +0,0 @@
-<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <rect x="1" y="1" width="14" height="16" stroke="currentColor" stroke-width="2"/>
-  <rect x="4" y="4" width="8" height="2" fill="currentColor"/>
-  <rect x="4" y="8" width="8" height="2" fill="currentColor"/>
-  <rect x="4" y="12" width="8" height="2" fill="currentColor"/>
-</svg>

package/dist/assets/dashboard/bookingListSmall.svg.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,r,n=require("react");(e=n)&&"object"==typeof e&&"default"in e&&e.default;function o(){return o=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},o.apply(this,arguments)}exports.ReactComponent=function(e){return n.createElement("svg",o({width:16,height:18,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=n.createElement("path",{stroke:"currentColor",strokeWidth:2,d:"M1 1h14v16H1z"})),r||(r=n.createElement("path",{fill:"currentColor",d:"M4 4h8v2H4zM4 8h8v2H4zM4 12h8v2H4z"})))};

package/dist/assets/dashboard/fullscreen.svg

@@ -1,3 +0,0 @@
-<svg width="6" height="14" viewBox="0 0 6 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 6V0H0V2H4V6H6ZM0 14H6V8H4V12H0V14Z" fill="currentColor"/>
-</svg>

package/dist/assets/dashboard/fullscreen.svg.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,r=require("react");(e=r)&&"object"==typeof e&&"default"in e&&e.default;function n(){return n=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},n.apply(this,arguments)}exports.ReactComponent=function(e){return r.createElement("svg",n({width:6,height:14,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 6V0H0v2h4v4h2zm-6 8h6V8H4v4H0v2z",fill:"currentColor"})))};

package/dist/assets/dashboard/minimize.svg

@@ -1,3 +0,0 @@
-<svg width="6" height="14" viewBox="0 0 6 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V6H6V4H2V0H0ZM6 8H0V14H2V10H6V8Z" fill="currentColor"/>
-</svg>

package/dist/assets/dashboard/minimize.svg.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,r=require("react");(e=r)&&"object"==typeof e&&"default"in e&&e.default;function n(){return n=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},n.apply(this,arguments)}exports.ReactComponent=function(e){return r.createElement("svg",n({width:6,height:14,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 0v6h6V4H2V0H0zm6 8H0v6h2v-4h4V8z",fill:"currentColor"})))};

package/dist/assets/dashboard/refresh.svg

@@ -1,4 +0,0 @@
-<svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M10 5.00677C5.02944 5.00677 1 8.94404 1 13.8009C1 18.6578 5.02944 22.595 10 22.595V22.595C14.9706 22.595 19 18.6578 19 13.8009" stroke="currentColor" stroke-width="2"/>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.76142 5.25122V0L17.0691 4.98499L8.76142 10.5024V5.25122Z" fill="currentColor"/>
-</svg>

package/dist/assets/dashboard/refresh.svg.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,r,n=require("react");(e=n)&&"object"==typeof e&&"default"in e&&e.default;function o(){return o=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},o.apply(this,arguments)}exports.ReactComponent=function(e){return n.createElement("svg",o({width:20,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=n.createElement("path",{d:"M10 5.007c-4.97 0-9 3.937-9 8.794 0 4.857 4.03 8.794 9 8.794v0c4.97 0 9-3.937 9-8.794",stroke:"currentColor",strokeWidth:2})),r||(r=n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.761 5.251V0l8.308 4.985-8.308 5.517v-5.25z",fill:"currentColor"})))};

package/dist/assets/widgets/circlePlus.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
-    <circle cx="10" cy="10" r="10" fill="#0E8CE2"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M11 5H9V9H5V11H9V15H11V11H15V9H11V5Z" fill="white"/>
-</svg>

package/dist/assets/widgets/inPage.svg

@@ -1,10 +0,0 @@
-<svg width="120" height="68" viewBox="0 0 120 68" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.5" y="0.5" width="119" height="67" rx="3.5" fill="white" stroke="#DCDCDC"/>
-<rect x="8.5" y="9.25" width="103" height="3" rx="1.5" fill="white" stroke="#FF0099"/>
-<rect x="8.5" y="15.5" width="82" height="45.7283" rx="3.5" fill="#F8F8F8" stroke="#FF0099"/>
-<path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H117.5C118.881 0 120 1.11929 120 2.5V6H0V2.5Z" fill="#D8D8D8"/>
-<circle cx="3.5" cy="3" r="1" fill="#FF1111"/>
-<circle cx="6.5" cy="3" r="1" fill="#FFE311"/>
-<circle cx="9.5" cy="3" r="1" fill="#11FF52"/>
-<rect x="93.5" y="15.7715" width="18" height="45.7283" rx="3.5" fill="#D8D8D8" stroke="#FF0099"/>
-</svg>

package/dist/assets/widgets/overlay.svg

@@ -1,9 +0,0 @@
-<svg width="120" height="68" viewBox="0 0 120 68" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.5" y="0.5" width="119" height="67" rx="3.5" fill="white" stroke="#DCDCDC"/>
-<rect x="28.5" y="17.5" width="63" height="35" rx="3.5" fill="#F8F8F8" stroke="#FF0099"/>
-<path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H117.5C118.881 0 120 1.11929 120 2.5V6H0V2.5Z" fill="#D8D8D8"/>
-<circle cx="3.5" cy="3" r="1" fill="#FF1111"/>
-<circle cx="6.5" cy="3" r="1" fill="#FFE311"/>
-<circle cx="9.5" cy="3" r="1" fill="#11FF52"/>
-<path d="M76 18H88C89.6569 18 91 19.3431 91 21V49C91 50.6569 89.6569 52 88 52H76V18Z" fill="#D8D8D8"/>
-</svg>

package/dist/assets/widgets/sidebar.svg

@@ -1,9 +0,0 @@
-<svg width="120" height="68" viewBox="0 0 120 68" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.5" y="0.5" width="119" height="67" rx="3.5" fill="white" stroke="#DCDCDC"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M116 66.5H92.5C90.2909 66.5 88.5 64.7091 88.5 62.5L88.5 10.5C88.5 8.29086 90.2909 6.5 92.5 6.5L119 6.5V63.5C119 63.5 119 64.5 118 65.5C117 66.5 116 66.5 116 66.5Z" fill="#F8F8F8" stroke="#FF0099"/>
-<path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H117.5C118.881 0 120 1.11929 120 2.5V6H0V2.5Z" fill="#D8D8D8"/>
-<circle cx="3.5" cy="3" r="1" fill="#FF1111"/>
-<circle cx="6.5" cy="3" r="1" fill="#FFE311"/>
-<circle cx="9.5" cy="3" r="1" fill="#11FF52"/>
-<path d="M118.5 51V63C118.5 64.6569 117.157 66 115.5 66H92C90.3431 66 89 64.6569 89 63V51L118.5 51Z" fill="#D8D8D8"/>
-</svg>

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

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorModal.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/CalendarStepsForm/components/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/CalendarStepsForm/components/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/Category/Category.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { DeepMap, FieldError } from "react-hook-form";
-import { ProductCategory } from "../../../../types";
-import { StepsFormProps } from "../StepsForm/StepsForm";
-interface CategoryProps {
-    productCategories: ProductCategory[];
-    productsWithErrors?: StepsFormProps["productsWithErrors"];
-    errors?: DeepMap<Record<string, any>, FieldError>;
-}
-export declare function Category({ productCategories, productsWithErrors, errors, }: CategoryProps): JSX.Element;
-export {};
-//# sourceMappingURL=Category.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Category.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/Category/Category.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,UAAU,aAAa;IACrB,iBAAiB,EAAE,eAAe,EAAE,CAAC;IACrC,kBAAkB,CAAC,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAC;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC;CACnD;AAED,wBAAgB,QAAQ,CAAC,EACvB,iBAAiB,EACjB,kBAAkB,EAClB,MAAM,GACP,EAAE,aAAa,eA8Bf"}

package/dist/iframe/order-process/components/Category/Category.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("react"),t=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,a=require("../CategoryProduct/CategoryProduct.js");exports.Category=function(e){var r=e.productCategories,o=e.productsWithErrors,c=e.errors;return t.createElement(t.Fragment,null,0!==r.length&&r.map((function(e){var r=null==c?void 0:c["category_".concat(e.id)];return t.createElement("div",{key:e.id,className:"iframe-event__category"},t.createElement("h4",{className:"iframe-event__name"},e.name),r&&t.createElement("div",{className:"iframe-event__message-error"},null==r?void 0:r.message),e.products.map((function(r){return t.createElement(a.CategoryProduct,{key:r.id,product:r,category:e,productsWithErrors:o})})))})))};

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

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

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

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

package/dist/iframe/order-process/components/StepsForm/StepsForm.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-import { ProductQuantityCheckResponse } from "@licklist/plugins/dist/types/Api/verifyStock";
-import { MenuStep } from "../../../../types";
-export interface StepsFormProps {
-    step: MenuStep;
-    isLastMenuStep: boolean;
-    onSubmit: (values: Record<string, any>) => void;
-    setFormValues: (values: Record<string, any>) => void;
-    defaultValues: Record<string, any>;
-    setFormErrors?: (errors: Record<string, any>) => void;
-    id?: string;
-    productsWithErrors?: ProductQuantityCheckResponse["products"];
-}
-export declare type StepsFormRef = {
-    getFormValues: () => Record<string, any>;
-};
-export declare const StepsForm: React.ForwardRefExoticComponent<StepsFormProps & React.RefAttributes<StepsFormRef>>;
-//# sourceMappingURL=StepsForm.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StepsForm.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/StepsForm/StepsForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAWf,OAAO,EAAE,4BAA4B,EAAE,MAAM,8CAA8C,CAAC;AAE5F,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAO7C,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,QAAQ,CAAC;IACf,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACrD,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACtD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kBAAkB,CAAC,EAAE,4BAA4B,CAAC,UAAU,CAAC,CAAC;CAC/D;AAED,oBAAY,YAAY,GAAG;IACzB,aAAa,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,SAAS,qFAoIrB,CAAC"}

package/dist/iframe/order-process/components/StepsForm/StepsForm.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("tslib"),t=require("react"),s=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,o=require("react-i18next"),i=require("react-bootstrap"),u=require("react-hook-form"),a=require("lodash"),l=require("@licklist/plugins/dist/hooks/Value/usePreviousValue"),n=require("@licklist/plugins/dist/utils/ScrollUtils"),c=require("@licklist/plugins/dist/utils/FormValues"),m=require("../Category/Category.js"),d=require("../../constants.js"),f=require("../CalendarStepsForm/components/ErrorModal.js"),E=require("../utils/category.js"),p="NO_ORDER_ITEMS_ERROR",g=t.forwardRef((function(e,g){var v=e.step,y=e.isLastMenuStep,q=e.setFormValues,F=e.defaultValues,S=e.onSubmit,V=e.setFormErrors,_=e.id,C=void 0===_?d.STEP_FORM_ID:_,h=e.productsWithErrors,b=u.useForm({defaultValues:F}),j=o.useTranslation(["Design","Validation"]).t,O=r.__read(t.useState(""),2),P=O[0],R=O[1],T=E.useCategory().verifyCategoryItems,k=b.control,M=b.formState.errors,x=b.getValues,I=b.setError,D=b.clearErrors,K=b.reset,N=u.useWatch({control:k}),W=l.usePreviousValue(M);t.useImperativeHandle(g,(function(){return{getFormValues:function(){return x()}}})),t.useEffect((function(){h&&R(j("soldOutProduct"))}),[h]);return t.useEffect((function(){M&&setTimeout(D,0),q(N)}),[N]),t.useEffect((function(){c.isFormValuesEmpty(N)||D(p)}),[N,D]),t.useEffect((function(){K(F)}),[F]),t.useEffect((function(){!a.isEqual(M,W)&&V&&V(M)}),[M,W,V]),s.createElement(i.Form,{onSubmit:b.handleSubmit((function(e){if(y&&c.isFormValuesEmpty(e))return I(p,{}),void n.scrollToError(p);var r=T(e,v);if(r)return R(r.message),void I("category_".concat(r.id),{message:r.message});S(e)}),(function(e){n.scrollToError(c.getFirstErrorKey(e)),R(j("pleaseCheckSelectedProducts"))})),id:C},s.createElement(u.FormProvider,r.__assign({},b),s.createElement(f.ErrorModal,{isOpen:Boolean(P),messageKey:P,onClose:function(){return R("")}}),s.createElement("div",null,s.createElement("div",{className:"iframe-event"},s.createElement(m.Category,{productCategories:null==v?void 0:v.productCategories,productsWithErrors:h,errors:M}),M[p]&&s.createElement("div",{className:"d-flex m-5 justify-content-center form-error",id:p},s.createElement(o.Trans,{t:j,i18nKey:"pleaseSelectAtLeastFrom",values:{min:1,type:"item",from:"those categories"}}))))))}));exports.StepsForm=g;

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

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

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

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

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

@@ -1,10 +0,0 @@
-import { MenuStep } from "../../../../types";
-interface CategoryError {
-    message: string;
-    id: number;
-}
-export declare const useCategory: () => {
-    verifyCategoryItems: (values: Record<string, any>, step: MenuStep) => CategoryError | void;
-};
-export {};
-//# sourceMappingURL=category.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"category.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/utils/category.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,UAAU,aAAa;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;CACZ;AACD,eAAO,MAAM,WAAW;kCAGZ,OAAO,MAAM,EAAE,GAAG,CAAC,QACrB,QAAQ,KACb,aAAa,GAAG,IAAI;CAmCxB,CAAC"}

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

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

package/dist/sales/booking/filter/BookingFilter.d.ts

@@ -1,12 +0,0 @@
-import { PropsWithChildren } from "react";
-export declare type BookingFilterProps = PropsWithChildren<{
-    onAddFiltersClick?: () => void;
-    onCancelFilterClick?: () => void;
-    onRefreshClick?: () => void;
-    onFullscreenButtonClick?: () => void;
-    isFilterOpen?: boolean;
-    autoFocusOnMount?: boolean;
-    isFullscreenMode?: boolean;
-}>;
-export declare const BookingFilter: ({ isFilterOpen, autoFocusOnMount, isFullscreenMode, children, ...props }: BookingFilterProps) => JSX.Element;
-//# sourceMappingURL=BookingFilter.d.ts.map

package/dist/sales/booking/filter/BookingFilter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BookingFilter.d.ts","sourceRoot":"","sources":["../../../../src/sales/booking/filter/BookingFilter.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKjD,oBAAY,kBAAkB,GAAG,iBAAiB,CAAC;IACjD,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa,6EAMvB,kBAAkB,gBAyBpB,CAAC"}

package/dist/sales/booking/filter/BookingFilter.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),n=require("react"),r=(e=n)&&"object"==typeof e&&"default"in e?e.default:e,i=require("./components/MainFilterSection.js"),o=require("./components/AdditionalFIlterSection.js"),l=require("./components/SearchingForSection.js");exports.BookingFilter=function(e){var n=e.isFilterOpen,a=void 0===n||n,c=e.autoFocusOnMount,s=void 0!==c&&c,u=e.isFullscreenMode,d=void 0!==u&&u,F=e.children,m=t.__rest(e,["isFilterOpen","autoFocusOnMount","isFullscreenMode","children"]);return r.createElement("div",{className:"booking-filter"},r.createElement(i.MainFilterSection,t.__assign({},m,{isFilterOpen:a,autoFocusOnMount:s,isFullscreenMode:d})),a?r.createElement(r.Fragment,null,r.createElement(o.AdditionalFilterSection,null),r.createElement("div",{className:"separator-horizontal"}),r.createElement(l.SearchingForSection,null)):F&&r.createElement(r.Fragment,null,r.createElement("div",{className:"separator-horizontal"}),F))};

package/dist/sales/booking/filter/components/AdditionalFIlterSection.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export declare type AdditionalFilterSectionProps = {
-    onAddFiltersClick?: () => void;
-    onCancelFilterClick?: () => void;
-    onRefreshClick?: () => void;
-    onFullscreenButtonClick?: () => void;
-    isFilterOpen?: boolean;
-};
-export declare const AdditionalFilterSection: () => JSX.Element;
-//# sourceMappingURL=AdditionalFIlterSection.d.ts.map

package/dist/sales/booking/filter/components/AdditionalFIlterSection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdditionalFIlterSection.d.ts","sourceRoot":"","sources":["../../../../../src/sales/booking/filter/components/AdditionalFIlterSection.tsx"],"names":[],"mappings":";AAsBA,oBAAY,4BAA4B,GAAG;IACzC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,uBAAuB,mBAgEnC,CAAC"}

package/dist/sales/booking/filter/components/AdditionalFIlterSection.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),l=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-i18next"),o=require("react-bootstrap"),a=require("react-hook-form"),i=require("@licklist/core/dist/DataMapper/Order/OrderDataMapper"),s=require("@licklist/plugins/dist/context/booking/BookingContext"),c=[i.ORDER_STATUS_PENDING,i.ORDER_STATUS_CANCELLED,i.ORDER_STATUS_COMPLETED,i.ORDER_STATUS_ACTION_REQUIRED];exports.AdditionalFilterSection=function(){var e=n.useTranslation("Design").t,i=r.useContext(s.BookingContext),m=i.filters,u=i.setFilters,E=a.useForm({defaultValues:m}),d=E.handleSubmit,p=E.register,f=E.reset;return r.useEffect((function(){f(m)}),[m,f]),l.createElement("div",{className:"additional-filter-section"},l.createElement(o.Form,{onSubmit:d((function(e){u(e)}))},l.createElement(o.Row,null,l.createElement(o.Col,{md:"3"},l.createElement(o.Form.Group,null,l.createElement(o.Form.Label,null,e("staffMember")),l.createElement(o.Form.Control,t.__assign({},p("staffMember"),{as:"select"}),l.createElement("option",{value:""},e("Design:choose"))))),l.createElement(o.Col,{md:"3"},l.createElement(o.Form.Group,null,l.createElement(o.Form.Label,null,e("bookingStatus")),l.createElement(o.Form.Control,t.__assign({},p("status"),{as:"select"}),l.createElement("option",{value:""},e("Design:choose")),Object.keys(c).map((function(t){return l.createElement("option",{key:c[t],value:c[t]},e("Design:".concat(c[t])))}))))),l.createElement(o.Col,{md:"3"},l.createElement(o.Form.Group,null,l.createElement(o.Form.Label,null,e("date")),l.createElement(o.Form.Control,t.__assign({},p("date"),{type:"date"})))),l.createElement(o.Col,{md:"3",className:"d-flex align-items-end"},l.createElement(o.Form.Group,null,l.createElement(o.Button,{type:"submit",className:"shadow-none"},e("apply")))))))};

package/dist/sales/booking/filter/components/MainFilterSection.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { BookingFilterProps } from "../BookingFilter";
-export declare type MainFilterSectionProps = BookingFilterProps;
-export declare const MainFilterSection: ({ isFilterOpen, onAddFiltersClick, onCancelFilterClick, onRefreshClick, onFullscreenButtonClick, autoFocusOnMount, isFullscreenMode, }: MainFilterSectionProps) => JSX.Element;
-//# sourceMappingURL=MainFilterSection.d.ts.map

package/dist/sales/booking/filter/components/MainFilterSection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MainFilterSection.d.ts","sourceRoot":"","sources":["../../../../../src/sales/booking/filter/components/MainFilterSection.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAKtD,oBAAY,sBAAsB,GAAG,kBAAkB,CAAC;AAIxD,eAAO,MAAM,iBAAiB,2IAQ3B,sBAAsB,gBA0GxB,CAAC"}

package/dist/sales/booking/filter/components/MainFilterSection.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"),n=require("react"),a=e(n),r=require("react-i18next"),l=require("react-bootstrap"),s=require("../../../../static/Icon.js"),c=e(require("clsx")),o=require("@licklist/plugins/dist/context/booking/BookingContext"),i=e(require("use-debounce/lib/useDebounce")),u=require("../../../../assets/dashboard/refresh.svg.js"),m=require("../../../../assets/dashboard/fullscreen.svg.js"),d=require("../../../../assets/dashboard/minimize.svg.js");exports.MainFilterSection=function(e){var f=e.isFilterOpen,h=e.onAddFiltersClick,v=e.onCancelFilterClick,E=e.onRefreshClick,p=e.onFullscreenButtonClick,b=e.autoFocusOnMount,k=e.isFullscreenMode,C=r.useTranslation("Design").t,g=n.useContext(o.BookingContext),N=g.filters,F=g.onQueryChange,q=N.search,B=void 0===q?"":q,w=t.__read(n.useState(B),2),x=w[0],y=w[1],j=t.__read(i(x,300),1)[0];return n.useEffect((function(){F(j)}),[F,j]),n.useEffect((function(){x!==B&&y(B)}),[B]),a.createElement("div",{className:"main-filter-section"},a.createElement("div",{className:"search"},a.createElement(l.Form.Group,null,a.createElement(l.Form.Label,null,C("searchBookings"),":"),a.createElement("div",{className:"control-with-icon"},a.createElement(s.default,{type:"search",width:"1rem",height:"1rem",className:"search-icon"}),a.createElement(l.Form.Control,{value:x,onChange:function(e){var t=e.target.value;y(t)},onBlur:function(e){var t=e.target.value;F(t)},placeholder:C("searchBookingsPlaceholder"),autoFocus:b})))),a.createElement("div",{className:"buttons"},f?a.createElement(l.Button,{variant:"link",className:"shadow-none cancel-button",onClick:v},a.createElement("div",{className:"icon"},a.createElement(s.default,{type:"plus",style:{width:10}})),C("cancel")):a.createElement(l.Button,{variant:"link",className:"shadow-none add-filters-button",onClick:h},a.createElement("div",{className:"icon"},a.createElement(s.default,{type:"plus",style:{width:10}})),C("addFilters")),a.createElement("div",{className:"separator"}),a.createElement(l.Button,{variant:"link",className:"shadow-none refresh-button",onClick:E},a.createElement("div",{className:"icon"},a.createElement(u.ReactComponent,null)),C("refresh")),a.createElement("div",{className:"separator active"}),a.createElement(l.Button,{variant:"link",className:c("shadow-none",!k&&"fullscreen-button",k&&"minimize-button"),onClick:p},a.createElement("div",{className:"icon"},k?a.createElement(d.ReactComponent,null):a.createElement(m.ReactComponent,null)),C(k?"minimize":"fullScreen"))))};

package/dist/sales/booking/filter/components/ResultTagButton.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare type ResultTagButtonProps = {
-    tagKey: string;
-    value: string;
-    onRemoveClick: (tagKey: string) => void;
-};
-export declare const ResultTagButton: ({ tagKey, value, onRemoveClick, }: ResultTagButtonProps) => JSX.Element;
-//# sourceMappingURL=ResultTagButton.d.ts.map

package/dist/sales/booking/filter/components/ResultTagButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResultTagButton.d.ts","sourceRoot":"","sources":["../../../../../src/sales/booking/filter/components/ResultTagButton.tsx"],"names":[],"mappings":";AAGA,oBAAY,oBAAoB,GAAG;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,eAAe,sCAIzB,oBAAoB,gBAmBtB,CAAC"}

package/dist/sales/booking/filter/components/ResultTagButton.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),o=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,a=require("../../../../static/Icon.js");exports.ResultTagButton=function(e){var t=e.tagKey,l=e.value,n=e.onRemoveClick,r=function(){n(t)};return o.createElement("div",{className:"result-tag rounded-pill shadow-none"},l,o.createElement("div",{className:"icon",role:"button",tabIndex:0,onClick:r,onKeyUp:r},o.createElement(a.default,{type:"plus",style:{width:10},color:"#727272"})))};

package/dist/sales/booking/filter/components/SearchingForSection.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const SearchingForSection: () => JSX.Element;
-//# sourceMappingURL=SearchingForSection.d.ts.map

package/dist/sales/booking/filter/components/SearchingForSection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchingForSection.d.ts","sourceRoot":"","sources":["../../../../../src/sales/booking/filter/components/SearchingForSection.tsx"],"names":[],"mappings":";AAWA,eAAO,MAAM,mBAAmB,mBAwD/B,CAAC"}

package/dist/sales/booking/filter/components/SearchingForSection.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),n=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-i18next"),s=require("react-bootstrap"),i=require("@licklist/plugins/dist/context/booking/BookingContext"),c=require("./ResultTagButton.js"),o=["q","status","date","staffMember"];exports.SearchingForSection=function(){var e=a.useTranslation("Design").t,u=r.useContext(i.BookingContext),l=u.filters,g=u.setFilters,m=r.useMemo((function(){return o.reduce((function(e,r){var n;return l[r]?t.__assign(t.__assign({},e),((n={})[r]=l[r],n)):e}),{})}),[l]),f=function(e){var r;g(t.__assign(t.__assign({},l),((r={})[e]="",r)))};if(!Object.keys(m).length)return null;var _=m.search,p=t.__rest(m,["search"]);return n.createElement("div",{className:"searching-for-section"},n.createElement("div",{className:"tags"},n.createElement("p",{className:"label"},e("Design:searchingFor"),":"),n.createElement("p",{className:"search-query-param"},_),Object.keys(p).map((function(e){return n.createElement(c.ResultTagButton,{key:e,tagKey:e,value:p[e],onRemoveClick:f})})),n.createElement(s.Button,{variant:"link",className:"shadow-none",onClick:function(){g({isFilterOpen:!0})}},e("clear"))))};