@licklist/design 0.44.485 → 0.44.486-dev.1

package/src/table/types.ts

@@ -0,0 +1,47 @@
+import { ReactNode, CSSProperties } from "react";
+import {
+  TableOptions,
+  ColumnDef,
+  Row as TableRow,
+} from "@tanstack/react-table";
+import ILengthAwarePaginator from "@licklist/plugins/dist/types/services/Table/ILengthAwarePaginator";
+import ITableHeader from "@licklist/plugins/dist/types/services/Table/ITableHeader";
+import ITableProps from "@licklist/plugins/dist/types/services/Table/ITableProps";
+
+export type ReactTableHelperRow<T extends object> = TableRow<T>;
+
+export type ExtendedTableOptions = ITableProps & { [key: string]: any };
+
+export interface TableComponentProps<T extends object>
+  extends Omit<TableOptions<T>, "columns" | "data" | "getCoreRowModel"> {
+  paginator?: ILengthAwarePaginator<T>;
+  isLoading?: boolean;
+  striped?: boolean;
+  bordered?: boolean;
+  displaySearchBar?: boolean;
+  displayPerPageSelect?: boolean;
+  displayShowingSection?: boolean;
+  externalFilters?: { [key: string]: any };
+  initialOptions?: Partial<ITableProps>;
+  sortableColumns?: string[];
+}
+
+export type TableColumnMeta = {
+  onClick?: () => void;
+  className?: string;
+  style?: CSSProperties;
+};
+
+export type TableComponentPropsWithOldTableData<T extends object> = {
+  headers: ITableHeader[];
+  renderItemFn: (row: T, index: number) => void;
+  columns?: never;
+  renderRow?: never;
+};
+
+export type TableComponentPropsWithReactTableData<T extends object> = {
+  headers?: never;
+  renderItemFn?: never;
+  columns: ColumnDef<T, any>[];
+  renderRow: (row: ReactTableHelperRow<T>) => ReactNode;
+};

package/src/table/utils/index.ts

@@ -1,6 +1,8 @@
 import ITableProps from "@licklist/plugins/dist/types/services/Table/ITableProps";
 import TableService from "@licklist/plugins/dist/services/Table/TableService";
 
+export { flexRender } from "@tanstack/react-table";
+
 const DEFAULT_QUERY_VALUES: { [key in keyof ITableProps]: string | number } = {
   page: TableService.DEFAULT_PAGE,
   perPage: TableService.DEFAULT_PER_PAGE,

package/src/typeahead/Typeahead.stories.tsx

@@ -1,20 +1,23 @@
 import React from "react";
 import { storiesOf } from "@storybook/react";
+import { FormProvider, useForm } from "react-hook-form";
 import { Typeahead } from "./Typeahead";
 
-storiesOf("Typeahead", module)
-  .add("Typeahead", () => (
-    <>
+storiesOf("Typeahead", module).add("Typeahead", () => {
+  const form = useForm();
+  return (
+    <FormProvider {...form}>
       <Typeahead
         name="user"
+        isMultipleChoise
         options={[
           { id: 1, value: "user1", label: "User1" },
           { id: 2, value: "user2", label: "User2" },
           { id: 3, value: "user3", label: "User3" },
         ]}
-        setValue={() => {}}
         placeholder="Select"
         noOptionsMessage="No Options Found"
       />
-    </>
-  ));
+    </FormProvider>
+  );
+});

package/src/typeahead/Typeahead.tsx

@@ -1,47 +1,55 @@
 import React from "react";
-import Select from "react-select";
-import { useForm, Controller } from "react-hook-form";
+import Select, { CSSObjectWithLabel } from "react-select";
+import { Controller, useFormContext } from "react-hook-form";
 
 export type TypeaheadOptions = {
-  id: number;
-  value: string;
+  id: number | string;
+  value: any;
   label: string;
 };
 
 export interface TypeaheadProps {
   options: TypeaheadOptions[];
-  setValue: (value: string | any) => void;
   placeholder: string;
   isRequired?: boolean;
   name: string;
+  isMultipleChoise?: boolean;
   noOptionsMessage: string;
+  isInvalid?: boolean;
 }
 
 function Typeahead({
   options,
-  setValue,
   placeholder,
   isRequired = false,
+  isMultipleChoise,
   name = "",
   noOptionsMessage = "",
-}) {
-  const { control } = useForm({
-    mode: "onChange",
-  });
-  const prefix = "id";
+  isInvalid,
+}: TypeaheadProps) {
+  const { control } = useFormContext();
+
+  const getErrorStyle = (): CSSObjectWithLabel =>
+    isInvalid ? { borderColor: "red" } : {};
 
   return (
     <>
       <Controller
-        name={`${name}.${prefix as string}` as const}
+        name={name}
         control={control}
         rules={{ required: isRequired }}
         render={({ field }) => (
           <Select
             placeholder={placeholder}
             value={field.value}
+            isMulti={isMultipleChoise}
+            styles={{
+              control: (base) => ({
+                ...base,
+                ...getErrorStyle(),
+              }),
+            }}
             onChange={(value) => {
-              setValue(`${name}.${prefix}`, value.id);
               field.onChange(value);
             }}
             options={options}

package/src/types/iframe.ts

@@ -1,4 +1,5 @@
 import { Product as CoreProduct } from "@licklist/core/dist/DataMapper/Product/ProductDataMapper";
+import { Zone } from "@licklist/core/dist/DataMapper/Provider/ZoneDataMapper";
 
 export interface Product {
   id: number;
@@ -6,8 +7,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;
@@ -23,12 +26,13 @@ export interface ProductCategory {
   minSubItems: number | null;
   maxSubItems: number | null;
   products?: Product[];
+  zone?: Zone | null;
 }
 
 export interface MenuStep {
   id: number;
   name: string;
-  productCategories: ProductCategory[];
+  productCategories?: ProductCategory[];
 }
 
 export interface Menu {
@@ -36,6 +40,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

@@ -6,20 +6,24 @@ import React, {
 } from "react";
 import { useTranslation } from "react-i18next";
 import { Form } from "react-bootstrap";
-import { useForm } from "react-hook-form";
+import { UseFormSetError, useForm } from "react-hook-form";
 import { useId } from "@react-aria/utils";
 import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
+import { calculateTimeWithOffset } from "@licklist/plugins/dist/utils/time";
 import { getCheckboxesByWorkHours } from "../utils/dates";
 
 export type AvailableTimesControlRef = {
   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[] };
@@ -39,6 +43,7 @@ export const AvailableTimesControl = forwardRef<
     getValues,
     setValue,
     watch,
+    setError,
   } = useForm<AvailableTimesForm>({ mode: "onChange" });
 
   const availableTimes = watch("availableTimes") || [];
@@ -52,22 +57,25 @@ export const AvailableTimesControl = forwardRef<
     return {
       trigger,
       getValues,
+      setError,
     };
   });
 
   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 +95,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";
@@ -12,6 +11,12 @@ 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 {
@@ -23,6 +28,7 @@ import {
   AvailableTimesControl,
   AvailableTimesControlRef,
 } from "./AvailableTimesControl";
+import { sameWidthPopperModifier } from "../../../product-set/control/DateAndRecurrenceInput";
 
 export interface DateAndRecurrenceInputValues {
   zoneRecurrences?: Partial<ZoneRecurrence>[];
@@ -45,7 +51,6 @@ export const ZoneRecurrencesControl = ({
     setValue,
     clearErrors,
   } = useFormContext<DateAndRecurrenceInputValues>();
-
   const { fields, append, update, move } = useFieldArray({
     name: "zoneRecurrences",
     control,
@@ -81,18 +86,41 @@ export const ZoneRecurrencesControl = ({
 
   const popoverId = useId()!;
 
-  const { t } = useTranslation("Design");
+  const { t } = useTranslation(["Design", "Validation"]);
 
   // in this method we should fulfill the form with a proper data
   const handleRecurringDateChange = async (
     next: RecurringDatePickerInputValues
   ) => {
-    const isValid = await availableTimesFormRef.current?.trigger();
-
-    if (!isValid) {
+    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,
+        }),
+      });
 
+      return;
+    }
     const values = {
       rrule: next.rrule,
       startDate: next.startDate,
@@ -211,7 +239,7 @@ export const ZoneRecurrencesControl = ({
               }
               strategy={verticalListSortingStrategy}
             >
-              {fields.map((zoneRecurrence, index) => (
+              {fields?.map((zoneRecurrence, index) => (
                 <ZoneRecurrenceControl
                   key={zoneRecurrence._id}
                   zoneRecurrence={zoneRecurrence}
@@ -257,29 +285,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

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

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>