@licklist/design 0.45.0-dev.0 → 0.45.0

package/src/affiliate/form/AffiliateControl.tsx

@@ -0,0 +1,94 @@
+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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,118 @@
+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

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

package/src/affiliate/index.ts

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

package/src/affiliate/types/index.ts

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,4 @@
+<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

@@ -0,0 +1,47 @@
+<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

@@ -0,0 +1,3 @@
+<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

@@ -0,0 +1,10 @@
+<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

@@ -0,0 +1,12 @@
+<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/managerRole.svg

@@ -0,0 +1,7 @@
+<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

@@ -0,0 +1,8 @@
+<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

@@ -0,0 +1,8 @@
+<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

@@ -0,0 +1,4 @@
+<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

@@ -0,0 +1,4 @@
+<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

@@ -0,0 +1,6 @@
+<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

@@ -0,0 +1,6 @@
+<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

@@ -0,0 +1,6 @@
+<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

@@ -0,0 +1,6 @@
+<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

@@ -0,0 +1,6 @@
+<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

@@ -0,0 +1,6 @@
+<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

@@ -0,0 +1,6 @@
+<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

@@ -0,0 +1,6 @@
+<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

@@ -0,0 +1,6 @@
+<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

@@ -0,0 +1,5 @@
+<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>

package/src/assets/iframe/available.svg

@@ -0,0 +1,5 @@
+<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.943939" y="1.03658" width="5.25188" height="3.04878" rx="1.5" fill="#4CF973" stroke="white"/>
+<rect x="0.943939" y="4.10976" width="5.25188" height="3.04878" rx="1.5" fill="#4CF973" stroke="white"/>
+<rect x="0.943939" y="7.18292" width="5.25188" height="3.04878" rx="1.5" fill="#4CF973" stroke="white"/>
+</svg>

package/src/assets/iframe/backButton.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="16" cy="16" r="15.5" fill="#F3F3F3" stroke="#F0F0F0"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.293 15.2929C9.90252 15.6834 9.90252 16.3166 10.293 16.7071L16.657 23.0711C17.0475 23.4616 17.6807 23.4616 18.0712 23.0711C18.4617 22.6805 18.4617 22.0474 18.0712 21.6569L12.4144 16L18.0712 10.3431C18.4617 9.95262 18.4617 9.31946 18.0712 8.92893C17.6807 8.53841 17.0475 8.53841 16.657 8.92893L10.293 15.2929Z" fill="#1A182B"/>
+</svg>

package/src/assets/iframe/calendar.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 0C3.44772 0 3 0.447715 3 1H1C0.447715 1 0 1.44772 0 2V4H16V2C16 1.44772 15.5523 1 15 1H13C13 0.447715 12.5523 0 12 0C11.4477 0 11 0.447715 11 1H5C5 0.447715 4.55228 0 4 0ZM16 6C16 5.44772 15.5523 5 15 5H1C0.447715 5 0 5.44772 0 6V12C0 13.6569 1.34315 15 3 15H13C14.6569 15 16 13.6569 16 12V6ZM2 7H14V12C14 12.5523 13.5523 13 13 13H3L2.88338 12.9933C2.38604 12.9355 2 12.5128 2 12V7ZM10.5 9C10.2239 9 10 9.22386 10 9.5V11.5C10 11.7761 10.2239 12 10.5 12H12.5C12.7761 12 13 11.7761 13 11.5V9.5C13 9.22386 12.7761 9 12.5 9H10.5Z" fill="#979797"/>
+</svg>

package/src/assets/iframe/clock.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 0C13.9706 0 18 4.02944 18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9C0 4.02944 4.02944 0 9 0ZM9 2C5.13401 2 2 5.13401 2 9C2 12.866 5.13401 16 9 16C12.866 16 16 12.866 16 9C16 5.13401 12.866 2 9 2ZM10 9C10 8.44772 9.55229 8 9 8H5.5V10H8V15H10V9Z" fill="#979797"/>
+</svg>

package/src/assets/iframe/close.svg

@@ -0,0 +1,3 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M0.92849 0.928932C0.537965 1.31946 0.537965 1.95262 0.92849 2.34315L6.58534 8L0.92849 13.6569C0.537965 14.0474 0.537966 14.6805 0.92849 15.0711C1.31901 15.4616 1.95218 15.4616 2.3427 15.0711L7.99956 9.41421L13.6564 15.0711C14.0469 15.4616 14.6801 15.4616 15.0706 15.0711C15.4611 14.6805 15.4611 14.0474 15.0706 13.6569L9.41377 8L15.0706 2.34315C15.4611 1.95262 15.4611 1.31946 15.0706 0.928932C14.6801 0.538408 14.0469 0.538408 13.6564 0.928932L7.99956 6.58579L2.3427 0.928932C1.95218 0.538408 1.31901 0.538408 0.92849 0.928932Z" />
+</svg>

package/src/assets/iframe/failedPayment.svg

@@ -0,0 +1,12 @@
+<svg
+  width="96"
+  height="96"
+  viewBox="0 0 512 512"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path 
+    d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32z" 
+    fill="currentColor"
+  />
+</svg>

package/src/assets/iframe/limited.svg

@@ -0,0 +1,5 @@
+<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1.2406" y="1.03658" width="5.25188" height="3.04878" rx="1.5" fill="#E4E4E4" stroke="white"/>
+<rect x="1.2406" y="4.10976" width="5.25188" height="3.04878" rx="1.5" fill="#FDD054" stroke="white"/>
+<rect x="1.2406" y="7.18292" width="5.25188" height="3.04878" rx="1.5" fill="#FDD054" stroke="white"/>
+</svg>

package/src/assets/iframe/selectArrow.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.758928 1.33955C0.758928 0.558203 1.61484 0.0786996 2.28117 0.486752L9.89146 5.1472C10.5285 5.5373 10.5285 6.4627 9.89146 6.8528L2.28117 11.5132C1.61484 11.9213 0.758928 11.4418 0.758928 10.6605L0.758928 1.33955Z" fill="currentColor"/>
+</svg>

package/src/assets/iframe/soldOut.svg

@@ -0,0 +1,6 @@
+<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="5.94013" height="10" transform="translate(0.497131)" fill="white"/>
+<rect x="0.591156" y="0.5" width="5.75211" height="3" rx="1.5" fill="#E4E4E4" stroke="white"/>
+<rect x="0.591156" y="3.5" width="5.75211" height="3" rx="1.5" fill="#E4E4E4" stroke="white"/>
+<rect x="0.591156" y="6.5" width="5.75211" height="3" rx="1.5" fill="#E4E4E4" stroke="white"/>
+</svg>

package/src/assets/iframe/success.svg

@@ -0,0 +1,3 @@
+<svg width="17" height="12" viewBox="0 0 17 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M1 6L6 11L16 1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/iframe/thumbUp.svg

@@ -0,0 +1,12 @@
+<svg
+  width="96"
+  height="96"
+  viewBox="0 0 96 96"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M61.72 35.256C64.952 22.124 66.728 0 52.932 0C45.488 0 43.532 6.672 41.6 13.316C33.716 40.468 20.344 42.684 8 44.288V84C22.012 84 30.336 86.916 40.676 91.368C45.704 93.532 52.888 96 62.02 96C72.172 96 79.2 92.012 82.056 81.256C84.056 73.748 88 52.256 88 48.256C88 41.66 83.328 38.472 77.624 38.228C72.784 38.024 66.144 37.12 61.72 35.256ZM76.592 52.54L71.016 53.208C71.016 53.208 68.58 57.644 71.58 57.668C71.58 57.668 72.384 57.708 75.856 57.56C80.184 57.376 80.06 63.436 75.872 63.812L68.828 64.208C65.892 64.584 66.204 69.02 69.392 68.896C69.392 68.896 72.136 68.828 73.964 68.732C78.236 68.508 78.028 74.448 74.124 74.936C72.428 75.148 67.144 75.396 67.144 75.396C63.9 75.684 64.32 80.336 67.58 79.96L70.664 79.836C73.952 79.54 74.676 83.136 69.496 86.48C63.228 90.004 50.756 87.004 43.832 84.024C34.88 80.164 26.084 76.288 16 76V52C29.052 49.004 41.316 42.984 49.284 15.548C52.876 3.18 56 7.824 56 17.844C56 26.128 54.04 32.988 52.316 39.976C56.56 42.148 65.8 45.584 76.796 46.2C81.016 46.436 80.896 52.02 76.592 52.54Z"
+    fill="currentColor"
+  />
+</svg>

package/src/assets/iframe/ticket.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 2.00002C18 0.89543 17.1046 0 16 0H2C0.89543 0 0 0.89543 0 2L0.000956201 4.35567C0.00105503 4.59911 0.0899525 4.83415 0.250979 5.01672C0.731269 5.56128 1 6.25846 1 7C1 7.74154 0.731269 8.43872 0.250979 8.98328C0.0899525 9.16585 0.00105503 9.4009 0.000956201 9.64433L0 11.9996C0 13.1046 0.89543 14 2 14H16C17.1046 14 18 13.1046 18 12L17.9999 9.64574C17.9999 9.40205 17.9109 9.16675 17.7497 8.98404C17.269 8.43938 17 7.7419 17 7C17 6.2581 17.269 5.56062 17.7497 5.01596C17.9109 4.83325 17.9999 4.59795 17.9999 4.35426L18 2.00002ZM2.07187 4.09764L2 4.002L1.999 2H5C5 2.55228 5.44772 3 6 3C6.55228 3 7 2.55228 7 2H16L15.999 4.002L15.929 4.09646C15.3306 4.93393 15 5.94228 15 7L15.0069 7.26333C15.057 8.22459 15.3805 9.13586 15.929 9.90354L15.999 9.997L16 12H7C7 11.4477 6.55228 11 6 11C5.44772 11 5 11.4477 5 12H2V9.996L2.07187 9.90236C2.66972 9.06511 3 8.05722 3 7C3 5.94278 2.66972 4.93489 2.07187 4.09764ZM6 6C6.55228 6 7 5.55228 7 5C7 4.44772 6.55228 4 6 4C5.44772 4 5 4.44772 5 5C5 5.55228 5.44772 6 6 6ZM7 9C7 9.55229 6.55228 10 6 10C5.44772 10 5 9.55229 5 9C5 8.44771 5.44772 8 6 8C6.55228 8 7 8.44771 7 9Z" fill="#979797"/>
+</svg>