@licklist/design 0.44.551-dev.8 → 0.45.0-dev.0

package/src/affiliate/card/AffiliateCard.stories.tsx

@@ -1,19 +0,0 @@
-import React from "react";
-import { Meta, Story } from "@storybook/react";
-import { AffiliateCard, AffiliateCardProps } from "./AffiliateCard";
-
-export default {
-  title: "Affiliate/Card",
-  component: AffiliateCard,
-} as Meta;
-
-export const Default: Story<AffiliateCardProps> = (args) => (
-  <AffiliateCard {...args} />
-);
-
-Default.args = {
-  name: "Mobile Ordering",
-  hasPermission: true,
-  views: 1000,
-  sales: 2000,
-};

package/src/affiliate/card/AffiliateCard.tsx

@@ -1,122 +0,0 @@
-import React, { useState } from "react";
-import { ListGroup, OverlayTrigger, Popover } from "react-bootstrap";
-import { useTranslation } from "react-i18next";
-import clsx from "clsx";
-import { useId } from "@react-aria/utils";
-import { HasPermissionProp } from "@licklist/plugins/dist/types/permission/Permission";
-import { ConfirmModal } from "../../modals";
-import { Icon } from "../../static";
-import { MenuButton } from "../../table/MenuButton";
-
-export interface AffiliateCardProps extends HasPermissionProp {
-  name: string;
-  sales?: number | string;
-  views?: number | string;
-  onRemove?: () => void;
-  onClick?: () => void;
-  className?: string;
-  isHeader?: boolean;
-}
-
-export function AffiliateCard({
-  name,
-  onRemove,
-  onClick,
-  hasPermission = true,
-  sales,
-  views,
-  className = "",
-  isHeader,
-}: AffiliateCardProps) {
-  const { t } = useTranslation("Design");
-  const popoverId = useId();
-  const [isOverlayVisibile, setIsOverlayVisible] = useState(false);
-  const affiliateClass = `affiliate-card ${className}`;
-
-  return (
-    <div
-      role="button"
-      tabIndex={0}
-      aria-disabled={isHeader}
-      className={[
-        "border-0 affiliate-card-wrapper w-100 pb-0",
-        isHeader ? "disabled-div grey-text" : "",
-      ].join(" ")}
-      onClick={onClick}
-      onKeyUp={onClick}
-    >
-      <div className={affiliateClass}>
-        <div className="affiliate-card-link">{name}</div>
-
-        <div className="d-flex">
-          {(sales || sales === 0) && (
-            <div className="affilates-statistic">{sales}</div>
-          )}
-          {(views || views === 0) && (
-            <div className="affilates-statistic">{views}</div>
-          )}
-          <div className={["d-flex", isHeader ? "invisible" : ""].join(" ")}>
-            <div className="affiliate-card-menu-eye-container">
-              <Icon type="eye" color="#0E8CE2" width="20" />
-            </div>
-
-            <OverlayTrigger
-              trigger="click"
-              placement="bottom"
-              rootClose
-              overlay={
-                <Popover
-                  id={popoverId}
-                  className={clsx(
-                    "affiliate-card-popover",
-                    !isOverlayVisibile && "d-none"
-                  )}
-                >
-                  <Popover.Content
-                    as={ListGroup}
-                    className="affiliate-card-menu"
-                    variant="flush"
-                  >
-                    {!isHeader && hasPermission && (
-                      <>
-                        <ListGroup.Item action className="text-danger" as="div">
-                          {Boolean(onRemove) && (
-                            <ConfirmModal>
-                              {(confirm) => (
-                                <MenuButton
-                                  onClick={() => {
-                                    setIsOverlayVisible(false);
-                                    confirm(onRemove);
-                                  }}
-                                  name={t("remove")}
-                                  icon="trash-alt"
-                                  className="affiliate-card-menu-item-text d-flex w-100 align-items-center"
-                                  rightIcon
-                                />
-                              )}
-                            </ConfirmModal>
-                          )}
-                        </ListGroup.Item>
-                      </>
-                    )}
-                  </Popover.Content>
-                </Popover>
-              }
-            >
-              <button
-                type="button"
-                className="affiliate-card-menu-button"
-                onClick={(e) => {
-                  e.stopPropagation();
-                  setIsOverlayVisible(true);
-                }}
-              >
-                <Icon type="ellipsis-h" />
-              </button>
-            </OverlayTrigger>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}

package/src/affiliate/card/index.ts

@@ -1 +0,0 @@
-export * from "./AffiliateCard";

package/src/affiliate/form/AffiliateControl.tsx

@@ -1,94 +0,0 @@
-import { useId } from "@react-aria/utils";
-import React, { useCallback } from "react";
-import { Button, Form } from "react-bootstrap";
-import { useFormContext } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import urlRule from "@licklist/plugins/dist/validation/Rules/urlRule";
-import { AffiliateFormValues, GenerateLinkFunction } from "../types";
-
-interface AffiliateControlProps {
-  isLoading: boolean;
-  generateLink: GenerateLinkFunction;
-}
-
-export const AffiliateControl = ({
-  isLoading,
-  generateLink,
-}: AffiliateControlProps) => {
-  const { t } = useTranslation(["Design", "Validation"]);
-  const {
-    register,
-    watch,
-    setValue,
-    formState: { errors },
-  } = useFormContext<AffiliateFormValues>();
-  const nameId = useId();
-  const targetId = useId();
-  const targetLink = watch("targetLink");
-
-  const handleGenerateLink = useCallback(async () => {
-    const result = await generateLink(targetLink);
-    if (!result || !(result?.link && result?.token)) {
-      return;
-    }
-    setValue("link", result?.link);
-    setValue("token", result?.token);
-  }, [generateLink, targetLink, setValue]);
-
-  return (
-    <div className="affiliate-control">
-      <Form.Group controlId={nameId} className="mb-5">
-        <Form.Label>{t("Design:name")}</Form.Label>
-        <Form.Control
-          {...register("name", {
-            required: t("Validation:fieldRequired", {
-              attribute: t("name"),
-            }) as string,
-            maxLength: 255,
-          })}
-          placeholder={t("Design:placeholderAffiliateName")}
-          isInvalid={Boolean(errors.name)}
-        />
-        <Form.Control.Feedback type="invalid">
-          {errors.name?.message}
-        </Form.Control.Feedback>
-      </Form.Group>
-      <Form.Group controlId={targetId} className="target-link-container">
-        <Form.Label>{t("Design:targetLink")}</Form.Label>
-        <Form.Control
-          {...register("targetLink", {
-            required: t("Validation:fieldRequired", {
-              attribute: t("targetLink"),
-            }) as string,
-            maxLength: 255,
-            pattern: urlRule,
-          })}
-          placeholder={t("Design:placeholderTargetLink")}
-          isInvalid={Boolean(errors.name)}
-        />
-        <Form.Control.Feedback type="invalid">
-          {errors.name?.message}
-        </Form.Control.Feedback>
-      </Form.Group>
-      <Button
-        className="affiliate-save-btn mb-4"
-        type="button"
-        disabled={isLoading || !!errors.targetLink || !targetLink}
-        onClick={handleGenerateLink}
-      >
-        {t("Design:generateLink")}
-      </Button>
-
-      <Form.Control
-        {...register("link", {
-          required: t("Validation:fieldRequired", {
-            attribute: t("link"),
-          }) as string,
-          maxLength: 255,
-        })}
-        type="text"
-        disabled
-      />
-    </div>
-  );
-};

package/src/affiliate/form/AffiliateForm.stories.tsx

@@ -1,17 +0,0 @@
-import React from "react";
-import { Meta, Story } from "@storybook/react";
-import { AffiliateForm, AffiliateFormProps } from "./AffiliateForm";
-
-export default {
-  title: "Affiliate/Form",
-  component: AffiliateForm,
-} as Meta;
-
-export const Default: Story<AffiliateFormProps> = (args) => (
-  <AffiliateForm {...args} />
-);
-
-Default.args = {
-  isLoading: false,
-  onSubmit: () => {},
-};

package/src/affiliate/form/AffiliateForm.tsx

@@ -1,118 +0,0 @@
-import React, { useCallback, useEffect } from "react";
-import { Button, Form } from "react-bootstrap";
-import { FormProvider, useForm } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import { Affiliate } from "@licklist/core/dist/DataMapper/Product/AffiliateDataMapper";
-import { Dialog, useDialogContext } from "../../modals/dialog";
-import { AffiliateFormValues, GenerateLinkFunction } from "../types";
-import { AffiliateControl } from "./AffiliateControl";
-
-export interface AffiliateFormProps {
-  defaultValues?: Affiliate | null;
-  handleSubmit: (values: AffiliateFormValues) => void;
-  generateLink: GenerateLinkFunction;
-  isLoading: boolean;
-}
-
-export const AffiliateForm = ({
-  defaultValues,
-  handleSubmit,
-  generateLink,
-  isLoading,
-}: AffiliateFormProps) => {
-  const { t } = useTranslation("Design");
-  const { isShownDialog, showDialog, hideDialog } = useDialogContext();
-
-  const form = useForm({
-    defaultValues,
-    mode: "onChange",
-  });
-  const { reset } = form;
-  const formValues = form.watch();
-
-  const onBeforeUnload = useCallback((e: Event) => {
-    e.preventDefault();
-    e.returnValue = false;
-  }, []);
-
-  const onPopState = useCallback(
-    (e: Event) => {
-      e.preventDefault();
-      if (!isShownDialog) {
-        showDialog();
-      }
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [isShownDialog]
-  );
-
-  const onApproveDialog = useCallback(() => {
-    window.history.back();
-  }, []);
-
-  const onDeclineDialog = useCallback(() => {
-    window.history.pushState(null, "", window.location.pathname);
-    hideDialog();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  useEffect(() => {
-    reset(defaultValues);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [defaultValues]);
-
-  useEffect(() => {
-    window.history.pushState(null, "", window.location.pathname);
-    window.addEventListener("beforeunload", onBeforeUnload);
-    window.addEventListener("popstate", onPopState);
-
-    return () => {
-      window.removeEventListener("beforeunload", onBeforeUnload);
-      window.removeEventListener("popstate", onPopState);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  const copyToClipboard = () => {
-    // eslint-disable-next-line consistent-return
-    return window.navigator.clipboard.writeText(formValues.link);
-  };
-
-  return (
-    <FormProvider {...form}>
-      <Form onSubmit={form.handleSubmit(handleSubmit)}>
-        <Dialog
-          isActive={isShownDialog}
-          title={t("Design:leavePage")}
-          content={t("Design:changesNotBeSaved")}
-          onApprove={onApproveDialog}
-          onDecline={onDeclineDialog}
-        />
-        <AffiliateControl isLoading={isLoading} generateLink={generateLink} />
-
-        <div className="button-container">
-          <Button
-            className="affiliate-save-btn mt-5 ml-5 d-no dne d-md-block"
-            type="button"
-            disabled={isLoading || !formValues.link}
-            onClick={copyToClipboard}
-          >
-            {t("Design:copyToClipboard")}
-          </Button>
-          <Button
-            className="affiliate-save-btn mt-5 ml-2 d-no dne d-md-block"
-            type="submit"
-            disabled={
-              isLoading ||
-              !formValues.name ||
-              !formValues.targetLink ||
-              !formValues.link
-            }
-          >
-            {t("saveAndClose")}
-          </Button>
-        </div>
-      </Form>
-    </FormProvider>
-  );
-};

package/src/affiliate/form/index.ts

@@ -1,2 +0,0 @@
-export * from "./AffiliateControl";
-export * from "./AffiliateForm";

package/src/affiliate/index.ts

@@ -1,3 +0,0 @@
-export * from "./card";
-export * from "./form";
-export * from "./types";

package/src/affiliate/types/index.ts

@@ -1,14 +0,0 @@
-export interface AffiliateFormValues {
-  name: string;
-  targetLink: string;
-  link: string;
-  token: string;
-}
-export interface GenerateLinkResponse {
-  token: string;
-  link: string;
-}
-
-export type GenerateLinkFunction = (
-  targetLink: string
-) => Promise<void | GenerateLinkResponse | null>;

package/src/assets/dashboard/addImage.svg

@@ -1,4 +0,0 @@
-<svg width="32" height="39" viewBox="0 0 32 39" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="6.5" y="1.5" width="24" height="30" rx="2.5" stroke="#FF0099" stroke-width="3"/>
-<rect y="6" width="27" height="33" rx="4" fill="#FF0099" fill-opacity="0.5"/>
-</svg>

package/src/assets/dashboard/chartBar.svg

@@ -1,47 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 256 222" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_d_1_67)">
-<rect x="63" y="106" width="32" height="37" fill="#153151"/>
-</g>
-<circle cx="79" cy="107" r="16" fill="#153151"/>
-<g filter="url(#filter1_d_1_67)">
-<rect x="110" y="59" width="32" height="84" fill="#153151"/>
-</g>
-<circle cx="126" cy="59" r="16" fill="#153151"/>
-<circle cx="126" cy="142" r="16" fill="#153151"/>
-<circle cx="173" cy="142" r="16" fill="#153151"/>
-<circle cx="221" cy="142" r="16" fill="#153151"/>
-<circle cx="221" cy="31" r="16" fill="#153151"/>
-<rect x="205" y="31" width="32" height="112" fill="#153151"/>
-<rect x="157" y="91" width="32" height="53" fill="#153151"/>
-<circle cx="173" cy="92" r="16" fill="#153151"/>
-<circle cx="79" cy="142" r="16" fill="#153151"/>
-<path d="M31 182C31 187.625 33.2857 191 39 191" stroke="#A2ADB9" stroke-width="2"/>
-<rect y="17" width="32" height="165" fill="#A2ADB9"/>
-<rect x="38" y="190" width="202" height="32" fill="#A2ADB9"/>
-<circle cx="16" cy="16" r="16" fill="#A2ADB9"/>
-<circle cx="240" cy="206" r="16" fill="#A2ADB9"/>
-<path d="M16.0001 182C16.0001 197 22.2858 206 38 206" stroke="#A2ADB9" stroke-width="32"/>
-<path d="M1.00018 182C1.00018 206.375 11.8573 221 39 221" stroke="#A2ADB9" stroke-width="2"/>
-<defs>
-<filter id="filter0_d_1_67" x="59" y="106" width="40" height="45" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="2"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_67"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_67" result="shape"/>
-</filter>
-<filter id="filter1_d_1_67" x="106" y="59" width="40" height="92" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="2"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_67"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_67" result="shape"/>
-</filter>
-</defs>
-</svg>

package/src/assets/dashboard/genderFemale.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14 6C14 2.68667 11.3133 0 8 0C4.68667 0 2 2.68667 2 6C2 9.088 4.334 11.6287 7.33333 11.9607V13.3333H5.33333V14.6667H7.33333V16H8.66667V14.6667H10.6667V13.3333H8.66667V11.9607C11.666 11.6287 14 9.088 14 6ZM3.33333 6C3.33333 3.42667 5.42667 1.33333 8 1.33333C10.5733 1.33333 12.6667 3.42667 12.6667 6C12.6667 8.57333 10.5733 10.6667 8 10.6667C5.42667 10.6667 3.33333 8.57333 3.33333 6Z" fill="#F92597"/>
-</svg>

package/src/assets/dashboard/genderMale.svg

@@ -1,10 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_215_29)">
-<path d="M10.6667 1.33325V2.66659H13.0573L10.4093 5.31459C9.38267 4.49392 8.08334 3.99992 6.66667 3.99992C3.35334 3.99992 0.666672 6.68659 0.666672 9.99992C0.666672 13.3133 3.35334 15.9999 6.66667 15.9999C9.98 15.9999 12.6667 13.3133 12.6667 9.99992C12.6667 8.58325 12.1727 7.28392 11.352 6.25725L14 3.60925V5.99992H15.3333V1.33325H10.6667ZM6.66667 14.6666C4.09334 14.6666 2.00001 12.5733 2.00001 9.99992C2.00001 7.42659 4.09334 5.33325 6.66667 5.33325C9.24 5.33325 11.3333 7.42659 11.3333 9.99992C11.3333 12.5733 9.24 14.6666 6.66667 14.6666Z" fill="#25D3F9"/>
-</g>
-<defs>
-<clipPath id="clip0_215_29">
-<rect width="16" height="16" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/src/assets/dashboard/increment.svg

@@ -1,12 +0,0 @@
-<svg width="24" height="31" viewBox="0 0 24 31" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_0_2360)">
-<path opacity="0.5" d="M18.3901 21.29V19.7H21.1601V27H19.3801V21.29H18.3901Z" fill="black"/>
-<path opacity="0.5" d="M19.7138 8.86C19.8138 9.38667 20.1205 9.65 20.6338 9.65C20.9872 9.65 21.2372 9.49333 21.3838 9.18C21.5305 8.86667 21.6038 8.35667 21.6038 7.65C21.4572 7.85667 21.2572 8.01667 21.0038 8.13C20.7505 8.24333 20.4672 8.3 20.1538 8.3C19.7272 8.3 19.3472 8.21333 19.0138 8.04C18.6805 7.86 18.4172 7.59667 18.2238 7.25C18.0372 6.89667 17.9438 6.47 17.9438 5.97C17.9438 5.47667 18.0438 5.04667 18.2438 4.68C18.4505 4.31333 18.7405 4.03 19.1138 3.83C19.4938 3.63 19.9405 3.53 20.4538 3.53C21.4405 3.53 22.1305 3.83667 22.5238 4.45C22.9172 5.06333 23.1138 5.96667 23.1138 7.16C23.1138 8.02667 23.0338 8.74333 22.8738 9.31C22.7205 9.87 22.4572 10.2967 22.0838 10.59C21.7172 10.8833 21.2138 11.03 20.5738 11.03C20.0672 11.03 19.6338 10.93 19.2738 10.73C18.9205 10.53 18.6472 10.2667 18.4538 9.94C18.2672 9.61333 18.1605 9.25333 18.1338 8.86H19.7138ZM20.5438 6.95C20.8238 6.95 21.0472 6.86667 21.2138 6.7C21.3805 6.52667 21.4638 6.29333 21.4638 6C21.4638 5.68 21.3772 5.43333 21.2038 5.26C21.0305 5.08667 20.7972 5 20.5038 5C20.2105 5 19.9772 5.09 19.8038 5.27C19.6372 5.44333 19.5538 5.68333 19.5538 5.99C19.5538 6.27667 19.6372 6.51 19.8038 6.69C19.9772 6.86333 20.2238 6.95 20.5438 6.95Z" fill="black"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.38278 4.07588C7.26488 4.02699 7.13559 4 7 4C6.72494 4 6.47581 4.11106 6.29502 4.29078M7.38278 4.07588C7.49986 4.12432 7.6096 4.19595 7.70498 4.29078L7.38278 4.07588ZM7.70498 4.29078C7.70581 4.2916 7.70664 4.29243 7.70747 4.29326L7.70498 4.29078ZM6 7.41485L1.70711 11.7071C1.34662 12.0676 0.779392 12.0953 0.387101 11.7903L0.292893 11.7071C-0.0976311 11.3166 -0.0976311 10.6834 0.292893 10.2929L6.29253 4.29326M6 7.41485V27C6 27.5523 6.44772 28 7 28C7.55228 28 8 27.5523 8 27V7.41485L12.2929 11.7071C12.6834 12.0976 13.3166 12.0976 13.7071 11.7071C14.0976 11.3166 14.0976 10.6834 13.7071 10.2929L7.70747 4.29326" fill="black" fill-opacity="0.5"/>
-</g>
-<defs>
-<clipPath id="clip0_0_2360">
-<rect width="24" height="31" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/src/assets/dashboard/info.svg

@@ -1,8 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
-    xmlns="http://www.w3.org/2000/svg">
-    <g id="Info icon">
-        <circle id="Oval" cx="10" cy="6" r="1.25" fill="#0E8CE2"/>
-        <rect id="Rectangle" x="9" y="8" width="2" height="7" fill="#0E8CE2"/>
-        <circle id="Oval_2" cx="10" cy="10" r="9" stroke="#0E8CE2" stroke-width="2"/>
-    </g>
-</svg>

package/src/assets/dashboard/managerRole.svg

@@ -1,7 +0,0 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M35.936 23.36L39.018 30H44.976C45.2786 29.9881 45.5775 30.07 45.8317 30.2344C46.086 30.3988 46.2834 30.6377 46.3967 30.9185C46.5101 31.1993 46.534 31.5083 46.4651 31.8032C46.3963 32.0981 46.238 32.3645 46.012 32.566L40.848 37.69L43.732 44.318C43.858 44.6215 43.8857 44.9568 43.8112 45.2768C43.7368 45.5968 43.564 45.8855 43.317 46.1022C43.07 46.319 42.7614 46.4528 42.4344 46.4851C42.1074 46.5173 41.7785 46.4463 41.494 46.282L34.522 42.36L27.548 46.282C27.2635 46.4463 26.9346 46.5173 26.6076 46.4851C26.2806 46.4528 25.972 46.319 25.725 46.1022C25.478 45.8855 25.3052 45.5968 25.2308 45.2768C25.1563 44.9568 25.184 44.6215 25.31 44.318L28.2 37.696L23 32.572C22.7719 32.3725 22.6111 32.1072 22.5398 31.8126C22.4685 31.5181 22.49 31.2087 22.6016 30.9269C22.7131 30.645 22.9091 30.4047 23.1628 30.2387C23.4164 30.0728 23.7151 29.9894 24.018 30H30.018L33.106 23.354C33.2425 23.0968 33.4465 22.8817 33.6962 22.7319C33.9458 22.5821 34.2316 22.5032 34.5228 22.5038C34.814 22.5045 35.0994 22.5845 35.3485 22.7354C35.5975 22.8863 35.8006 23.1022 35.936 23.36V23.36Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M23.664 23.466C22.5629 21.7768 21.0553 20.3911 19.2794 19.4361C17.5036 18.4811 15.5163 17.9873 13.5 18C10.561 17.977 7.71576 19.0333 5.50387 20.9687C3.29199 22.9041 1.86729 25.584 1.5 28.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M6.75 8.25C6.75 10.0402 7.46116 11.7571 8.72703 13.023C9.9929 14.2888 11.7098 15 13.5 15C15.2902 15 17.0071 14.2888 18.273 13.023C19.5388 11.7571 20.25 10.0402 20.25 8.25C20.25 6.45979 19.5388 4.7429 18.273 3.47703C17.0071 2.21116 15.2902 1.5 13.5 1.5C11.7098 1.5 9.9929 2.21116 8.72703 3.47703C7.46116 4.7429 6.75 6.45979 6.75 8.25V8.25Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M27.75 6.75C27.75 8.14239 28.3031 9.47774 29.2877 10.4623C30.2723 11.4469 31.6076 12 33 12C34.3924 12 35.7277 11.4469 36.7123 10.4623C37.6969 9.47774 38.25 8.14239 38.25 6.75C38.25 5.35761 37.6969 4.02226 36.7123 3.03769C35.7277 2.05312 34.3924 1.5 33 1.5C31.6076 1.5 30.2723 2.05312 29.2877 3.03769C28.3031 4.02226 27.75 5.35761 27.75 6.75V6.75Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M40.8 18C40.0839 16.761 39.0826 15.7106 37.8793 14.9359C36.676 14.1613 35.3053 13.6848 33.8809 13.546C32.4566 13.4072 31.0197 13.61 29.6894 14.1376C28.3592 14.6653 27.1739 15.5026 26.232 16.58" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/assets/dashboard/subManagerRole.svg

@@ -1,8 +0,0 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M31.5 33C31.5 33.7956 31.8161 34.5587 32.3787 35.1213C32.9413 35.6839 33.7044 36 34.5 36C35.2956 36 36.0587 35.6839 36.6213 35.1213C37.1839 34.5587 37.5 33.7956 37.5 33C37.5 32.2044 37.1839 31.4413 36.6213 30.8787C36.0587 30.3161 35.2956 30 34.5 30C33.7044 30 32.9413 30.3161 32.3787 30.8787C31.8161 31.4413 31.5 32.2044 31.5 33V33Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M37.048 21.4L37.932 24.306C38.0775 24.7882 38.4007 25.1971 38.8362 25.45C39.2718 25.7028 39.7872 25.7808 40.278 25.668L43.224 24.984C43.7822 24.8583 44.366 24.9146 44.8899 25.1448C45.4138 25.375 45.8501 25.7669 46.135 26.2631C46.4199 26.7594 46.5384 27.3338 46.4731 27.9023C46.4078 28.4708 46.1621 29.0034 45.772 29.422L43.712 31.644C43.3679 32.0141 43.1766 32.5007 43.1766 33.006C43.1766 33.5114 43.3679 33.998 43.712 34.368L45.772 36.59C46.1626 37.0084 46.4089 37.541 46.4745 38.1096C46.5401 38.6782 46.4217 39.2529 46.1366 39.7492C45.8515 40.2455 45.4148 40.6374 44.8905 40.8672C44.3663 41.097 43.7822 41.1527 43.224 41.026L40.278 40.344C39.7871 40.2308 39.2715 40.3085 38.8359 40.5614C38.4002 40.8144 38.077 41.2236 37.932 41.706L37.048 44.6C36.8831 45.1478 36.5461 45.6279 36.087 45.9691C35.6279 46.3104 35.0711 46.4947 34.499 46.4947C33.927 46.4947 33.3701 46.3104 32.911 45.9691C32.4519 45.6279 32.1149 45.1478 31.95 44.6L31.066 41.696C30.921 41.2136 30.5978 40.8044 30.1621 40.5514C29.7265 40.2985 29.2109 40.2208 28.72 40.334L25.774 41.016C25.2158 41.1427 24.6317 41.087 24.1075 40.8572C23.5833 40.6274 23.1465 40.2355 22.8614 39.7392C22.5764 39.2429 22.4579 38.6682 22.5235 38.0996C22.5892 37.531 22.8354 36.9984 23.226 36.58L25.286 34.358C25.6301 33.988 25.8214 33.5014 25.8214 32.996C25.8214 32.4907 25.6301 32.0041 25.286 31.634L23.226 29.412C22.836 28.9934 22.5903 28.4608 22.5249 27.8923C22.4596 27.3238 22.5781 26.7494 22.863 26.2531C23.1479 25.7569 23.5842 25.365 24.1081 25.1348C24.632 24.9046 25.2158 24.8483 25.774 24.974L28.72 25.658C29.2109 25.7708 29.7262 25.6928 30.1618 25.44C30.5973 25.1871 30.9205 24.7782 31.066 24.296L31.95 21.39C32.116 20.8426 32.4539 20.3632 32.9137 20.0228C33.3735 19.6824 33.9307 19.4992 34.5027 19.5004C35.0748 19.5015 35.6313 19.6869 36.0897 20.029C36.5481 20.3712 36.8842 20.8519 37.048 21.4V21.4Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M20.512 20.2C18.4583 18.7595 16.0086 17.9909 13.5 18C10.561 17.977 7.71576 19.0333 5.50387 20.9687C3.29199 22.9041 1.86729 25.584 1.5 28.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M6.75 8.25C6.75 10.0402 7.46116 11.7571 8.72703 13.023C9.9929 14.2888 11.7098 15 13.5 15C15.2902 15 17.0071 14.2888 18.273 13.023C19.5388 11.7571 20.25 10.0402 20.25 8.25C20.25 6.45979 19.5388 4.7429 18.273 3.47703C17.0071 2.21116 15.2902 1.5 13.5 1.5C11.7098 1.5 9.9929 2.21116 8.72703 3.47703C7.46116 4.7429 6.75 6.45979 6.75 8.25V8.25Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M27.75 6.75C27.75 8.14239 28.3031 9.47774 29.2877 10.4623C30.2723 11.4469 31.6076 12 33 12C34.3924 12 35.7277 11.4469 36.7123 10.4623C37.6969 9.47774 38.25 8.14239 38.25 6.75C38.25 5.35761 37.6969 4.02226 36.7123 3.03769C35.7277 2.05312 34.3924 1.5 33 1.5C31.6076 1.5 30.2723 2.05312 29.2877 3.03769C28.3031 4.02226 27.75 5.35761 27.75 6.75V6.75Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M39.052 15.842C38.1665 15.0375 37.1295 14.4176 36.0016 14.0186C34.8736 13.6196 33.6775 13.4495 32.4831 13.5182C31.2887 13.5869 30.1199 13.8931 29.0452 14.4188C27.9705 14.9445 27.0114 15.6793 26.224 16.58" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/assets/dashboard/viewerRole.svg

@@ -1,8 +0,0 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M34.9984 32.0013C30.6986 31.9288 26.2516 34.9336 23.4559 38.011C23.1624 38.3368 23 38.7597 23 39.1982C23 39.6367 23.1624 40.0596 23.4559 40.3854C26.1908 43.3977 30.625 46.4719 34.9984 46.3983C39.3718 46.4719 43.807 43.3977 46.5441 40.3854C46.8376 40.0596 47 39.6367 47 39.1982C47 38.7597 46.8376 38.3368 46.5441 38.011C43.7452 34.9336 39.2982 31.9288 34.9984 32.0013Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M38.9985 39.2004C38.9982 39.9915 38.7635 40.7647 38.3238 41.4224C37.8841 42.0801 37.2593 42.5926 36.5284 42.8952C35.7975 43.1978 34.9932 43.2769 34.2174 43.1224C33.4415 42.9679 32.7289 42.5869 32.1696 42.0274C31.6103 41.468 31.2294 40.7552 31.0751 39.9793C30.9209 39.2034 31.0002 38.3992 31.3029 37.6683C31.6057 36.9375 32.1184 36.3128 32.7762 35.8733C33.434 35.4339 34.2073 35.1993 34.9984 35.1993C35.5238 35.1991 36.0441 35.3025 36.5296 35.5036C37.015 35.7046 37.4561 35.9994 37.8276 36.3709C38.199 36.7425 38.4936 37.1837 38.6946 37.6691C38.8955 38.1546 38.9987 38.675 38.9985 39.2004Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M20.512 20.2C18.4583 18.7595 16.0086 17.9909 13.5 18C10.561 17.977 7.71576 19.0333 5.50387 20.9687C3.29199 22.9041 1.86729 25.584 1.5 28.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M6.75 8.25C6.75 10.0402 7.46116 11.7571 8.72703 13.023C9.9929 14.2888 11.7098 15 13.5 15C15.2902 15 17.0071 14.2888 18.273 13.023C19.5388 11.7571 20.25 10.0402 20.25 8.25C20.25 6.45979 19.5388 4.7429 18.273 3.47703C17.0071 2.21116 15.2902 1.5 13.5 1.5C11.7098 1.5 9.9929 2.21116 8.72703 3.47703C7.46116 4.7429 6.75 6.45979 6.75 8.25V8.25Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M27.75 6.75C27.75 8.14239 28.3031 9.47774 29.2877 10.4623C30.2723 11.4469 31.6076 12 33 12C34.3924 12 35.7277 11.4469 36.7123 10.4623C37.6969 9.47774 38.25 8.14239 38.25 6.75C38.25 5.35761 37.6969 4.02226 36.7123 3.03769C35.7277 2.05312 34.3924 1.5 33 1.5C31.6076 1.5 30.2723 2.05312 29.2877 3.03769C28.3031 4.02226 27.75 5.35761 27.75 6.75V6.75Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M39.052 15.842C38.1665 15.0375 37.1295 14.4176 36.0016 14.0186C34.8736 13.6196 33.6775 13.4495 32.4831 13.5182C31.2887 13.5869 30.1199 13.8931 29.0452 14.4188C27.9705 14.9445 27.0114 15.6793 26.224 16.58" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/assets/dashboard/visitedProviderLink.svg

@@ -1,4 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="16" height="16" rx="8" fill="#F92597"/>
-<path d="M11 8.33392V11.6673H4V5.33392H8V6.00059H4.66667V11.0006H10.3333V8.33392H11ZM12 4.33392H8.33733L9.68233 5.66726L7.35667 8.02392L8.29933 8.96659L10.625 6.60992L12 8.00059V4.33392Z" fill="white"/>
-</svg>

package/src/assets/dashboard/warning.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-triangle" viewBox="0 0 16 16">
-  <path d="M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016.146.146 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.163.163 0 0 1-.054.06.116.116 0 0 1-.066.017H1.146a.115.115 0 0 1-.066-.017.163.163 0 0 1-.054-.06.176.176 0 0 1 .002-.183L7.884 2.073a.147.147 0 0 1 .054-.057zm1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z"/>
-  <path d="M7.002 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995z"/>
-</svg>

package/src/assets/editor/bold.svg

@@ -1,6 +0,0 @@
-<svg class="w-64 h-64" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
-    <g>
-        <path fill="none" d="M0 0h24v24H0z"></path>
-        <path d="M8 11h4.5a2.5 2.5 0 1 0 0-5H8v5zm10 4.5a4.5 4.5 0 0 1-4.5 4.5H6V4h6.5a4.5 4.5 0 0 1 3.256 7.606A4.498 4.498 0 0 1 18 15.5zM8 13v5h5.5a2.5 2.5 0 1 0 0-5H8z"></path>
-    </g>
-</svg>

package/src/assets/editor/double-quotes-l.svg

@@ -1,6 +0,0 @@
-<svg class="w-64 h-64" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
-    <g>
-        <path fill="none" d="M0 0h24v24H0z"></path>
-        <path d="M4.583 17.321C3.553 16.227 3 15 3 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179zm10 0C13.553 16.227 13 15 13 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179z"></path>
-    </g>
-</svg>

package/src/assets/editor/format-clear.svg

@@ -1,6 +0,0 @@
-<svg class="w-64 h-64" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
-    <g>
-        <path fill="none" d="M0 0h24v24H0z"></path>
-        <path d="M12.651 14.065L11.605 20H9.574l1.35-7.661-7.41-7.41L4.93 3.515 20.485 19.07l-1.414 1.414-6.42-6.42zm-.878-6.535l.27-1.53h-1.8l-2-2H20v2h-5.927L13.5 9.257 11.773 7.53z"></path>
-    </g>
-</svg>

package/src/assets/editor/h1.svg

@@ -1,6 +0,0 @@
-<svg class="w-64 h-64" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
-    <g>
-        <path fill="none" d="M0 0H24V24H0z"></path>
-        <path d="M13 20h-2v-7H4v7H2V4h2v7h7V4h2v16zm8-12v12h-2v-9.796l-2 .536V8.67L19.5 8H21z"></path>
-    </g>
-</svg>

package/src/assets/editor/h2.svg

@@ -1,6 +0,0 @@
-<svg class="w-64 h-64" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
-    <g>
-        <path fill="none" d="M0 0H24V24H0z"></path>
-        <path d="M4 4v7h7V4h2v16h-2v-7H4v7H2V4h2zm14.5 4c2.071 0 3.75 1.679 3.75 3.75 0 .857-.288 1.648-.772 2.28l-.148.18L18.034 18H22v2h-7v-1.556l4.82-5.546c.268-.307.43-.709.43-1.148 0-.966-.784-1.75-1.75-1.75-.918 0-1.671.707-1.744 1.606l-.006.144h-2C14.75 9.679 16.429 8 18.5 8z"></path>
-    </g>
-</svg>

package/src/assets/editor/italic.svg

@@ -1,6 +0,0 @@
-<svg class="w-64 h-64" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
-    <g>
-        <path fill="none" d="M0 0h24v24H0z"></path>
-        <path d="M15 20H7v-2h2.927l2.116-12H9V4h8v2h-2.927l-2.116 12H15z"></path>
-    </g>
-</svg>

package/src/assets/editor/paragraph.svg

@@ -1,6 +0,0 @@
-<svg class="w-64 h-64" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
-    <g>
-        <path fill="none" d="M0 0h24v24H0z"></path>
-        <path d="M12 6v15h-2v-5a6 6 0 1 1 0-12h10v2h-3v15h-2V6h-3zm-2 0a4 4 0 1 0 0 8V6z"></path>
-    </g>
-</svg>

package/src/assets/editor/separator.svg

@@ -1,6 +0,0 @@
-<svg class="w-64 h-64" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
-    <g>
-        <path fill="none" d="M0 0h24v24H0z"></path>
-        <path d="M2 11h2v2H2v-2zm4 0h12v2H6v-2zm14 0h2v2h-2v-2z"></path>
-    </g>
-</svg>

package/src/assets/editor/strikethrough.svg

@@ -1,6 +0,0 @@
-<svg class="w-64 h-64" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
-    <g>
-        <path fill="none" d="M0 0h24v24H0z"></path>
-        <path d="M17.154 14c.23.516.346 1.09.346 1.72 0 1.342-.524 2.392-1.571 3.147C14.88 19.622 13.433 20 11.586 20c-1.64 0-3.263-.381-4.87-1.144V16.6c1.52.877 3.075 1.316 4.666 1.316 2.551 0 3.83-.732 3.839-2.197a2.21 2.21 0 0 0-.648-1.603l-.12-.117H3v-2h18v2h-3.846zm-4.078-3H7.629a4.086 4.086 0 0 1-.481-.522C6.716 9.92 6.5 9.246 6.5 8.452c0-1.236.466-2.287 1.397-3.153C8.83 4.433 10.271 4 12.222 4c1.471 0 2.879.328 4.222.984v2.152c-1.2-.687-2.515-1.03-3.946-1.03-2.48 0-3.719.782-3.719 2.346 0 .42.218.786.654 1.099.436.313.974.562 1.613.75.62.18 1.297.414 2.03.699z"></path>
-    </g>
-</svg>

package/src/assets/editor/text-wrap.svg

@@ -1,5 +0,0 @@
-<svg class="w-64 h-64" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <line x1="4" y1="6" x2="20" y2="6"></line>
-  <line x1="4" y1="18" x2="9" y2="18"></line>
-  <path d="M4 12h13a3 3 0 0 1 0 6h-4l2 -2m0 4l-2 -2"></path>
-</svg>