procode-vs-template 1.0.0

package/src/Widgets/GridToolBar/type.ts

@@ -0,0 +1,63 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { DataWidgetType } from "./Components/Setting/Setting";
+import { FilterTarget } from "./data/advancedSearch";
+import { FilterTarget as FilterTargetQuick } from "./data/quickFilter";
+import { ChooserColumn } from "./data/setting";
+
+export type ActionProps = {
+  onExport?: (
+    callBack: ((args: any) => void) | null,
+    exportType: string
+  ) => void;
+  onExportDelete: (callBack: ((args: any) => void) | null, id: string) => void;
+  onExportList: (callBack: ((args: any) => void) | null) => void;
+  onExportDownload: (callBack: ((args: any) => void) | null, id: string) => void;
+  onModelUpdate: (
+    callBack: ((args: any) => void) | null,
+    fieldName: string,
+    value: any
+  ) => void;
+  loadTemplateSupportiveData?: (
+    callBack: (args: any) => void,
+    supportiveKeys: any
+  ) => Promise<any>;
+  onScreenDataLoad?: (callBack: (response: any) => void) => void;
+};
+
+export type ToolbarOptions = {
+  globalSearch: GlobalSearch;
+  advancedSearch: AdvancedSearch;
+  quickFilter: QuickFilter;
+  groupBy: GroupBy;
+  reset: Reset;
+  setting: Setting;
+  userView: UserView;
+  export: Export;
+};
+
+type VisibleProps = { visible: boolean; disabled: boolean };
+
+type GlobalSearch = VisibleProps;
+type AdvancedSearch = VisibleProps & {
+  filterableFields: FilterTarget[];
+};
+type QuickFilter = VisibleProps & { filterRows: FilterTargetQuick[] };
+type GroupBy = VisibleProps & {
+  groupableFields: { label: string; value: string }[];
+};
+type Reset = VisibleProps;
+type Setting = VisibleProps & {
+  disableColumnChooser: boolean;
+  disabledDisplayWidgetType: boolean;
+  activeDataWidgetType: DataWidgetType;
+  columns: ChooserColumn[];
+};
+type UserView = VisibleProps & { enableDefaultSaveInSession: boolean };
+type Export = VisibleProps;
+
+export enum ValueLoadType {
+  "SELF" = "SELF",
+  "API" = "API",
+  "ADAPTER" = "ADAPTER",
+  "STATE" = "STATE",
+}

package/src/Widgets/InformationAlert/InformationAlert.tsx

@@ -0,0 +1,12 @@
+import { BaseProps } from "../../Factory/BaseType";
+import InformationAlertView from "./InformationAlertView";
+
+export type InformationAlertProps = BaseProps & {
+  messageHeader?: string;
+  messageBody?: string;
+  onConfirm?: () => void;
+};
+const InformationAlert = (props: InformationAlertProps) => {
+  return <InformationAlertView {...props} />;
+};
+export default InformationAlert;

package/src/Widgets/InformationAlert/InformationAlertView.tsx

@@ -0,0 +1,46 @@
+import { BaseProps } from "../../Factory/BaseType";
+import { Dialog } from "@progress/kendo-react-dialogs";
+import FactoryRenderer from "../../Renderer";
+//import info from "../assets/info.svg";
+//import info from "qorder-tvtemplate/dist/assets/info.svg";
+type InformationAlertViewProps = BaseProps & {
+  messageHeader?: string;
+  messageBody?: string;
+  onConfirm?: () => void;
+};
+const InformationAlertView = ({
+  widgetStyle,
+  messageHeader,
+  messageBody,
+  onConfirm = () => {},
+}: InformationAlertViewProps) => {
+  return (
+    <Dialog
+      id={widgetStyle?.id || ""}
+      className={widgetStyle?.className || ""}
+      style={widgetStyle?.inline || {}}
+      onClose={() => {}}
+    >
+      <div className="tmpl-dialog-box-container">
+        <div className="tmpl-dialog-box__logo">
+         {/*  <img src={info} alt="info icon" height="112" width="150" /> */}
+        </div>
+        <div className="tmpl-dialog-box__body">
+          <h4>{messageHeader}</h4>
+
+          <p>{messageBody}</p>
+        </div>
+        <div className="tmpl-dialog-box__footer">
+          <FactoryRenderer
+            themeColor="primary"
+            onClick={onConfirm}
+            title="Ok"
+            uiElementType="WIDGET"
+            widgetType="BUTTON"
+          />
+        </div>
+      </div>
+    </Dialog>
+  );
+};
+export default InformationAlertView;

package/src/Widgets/InformationAlert/scss/index.scss

@@ -0,0 +1,73 @@
+// Define variables
+$color-dark-gray: #464646;
+$color-white: #fff;
+$color-black: #333;
+$font-family: 'IBM Plex Sans';
+$font-size-h4: 18px;
+$font-size-p: 14px;
+$font-size-button: 11px;
+$font-weight-normal: 400;
+$font-weight-medium: 500;
+$line-height-h4: 26px;
+$line-height-p: 16px;
+$line-height-button: 14px;
+
+.tmpl-dialog-box-container {
+    max-width: 500px;
+
+    .tmpl-dialog-box__logo {
+        img {
+            margin-left: auto;
+            margin-right: auto;
+        }
+    }
+
+    .tmpl-dialog-box__body {
+        h4 {
+            color: $color-dark-gray;
+            font-size: $font-size-h4;
+            font-weight: $font-weight-normal;
+            line-height: $line-height-h4;
+            padding: 20px 0 10px 0;
+            text-align: center;
+        }
+
+        p {
+            color: $color-dark-gray;
+            font-size: $font-size-p;
+            font-weight: $font-weight-normal;
+            line-height: $line-height-p;
+            text-align: center;
+            padding: 0 0 20px 0;
+        }
+    }
+
+    .tmpl-dialog-box__footer {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        gap: 10px;
+
+        .k-button-solid-primary {
+            color: $color-white;
+            font-family: $font-family;
+            font-size: $font-size-button;
+            font-weight: $font-weight-medium;
+            line-height: $line-height-button;
+            padding: 5px 30px;
+        }
+
+        .k-button-solid-base {
+            color: $color-black;
+            font-family: $font-family;
+            font-size: $font-size-button;
+            font-weight: $font-weight-medium;
+            line-height: $line-height-button;
+            padding: 5px 30px;
+        }
+    }
+}
+
+.k-dialog {
+    border-radius: 20px !important;
+}

package/src/Widgets/Menu/MenuMainHeader.tsx

@@ -0,0 +1,28 @@
+import { useState } from "react";
+import { ItemProps } from ".";
+import MenuSubHeader from "./MenuSubHeader";
+
+const MenuMainHeader = (props: ItemProps) => {
+  const [isHover, setIsHover] = useState(false);
+  return (
+    <section
+      className="tmpl-mainmenu"
+      onMouseEnter={() => {
+        setIsHover(true);
+      }}
+      onMouseLeave={() => {
+        setIsHover(false);
+      }}
+    >
+      <h2 onClick={() => props.onNavigate(props.path, props.navigationType)}>
+        {props.label}
+      </h2>
+      <div className={`tmpl-mainmenu__items ${isHover ? "visible" : ""}`}>
+        {props.subItems.map((item, index) => (
+          <MenuSubHeader {...item} key={index} onNavigate={props.onNavigate} />
+        ))}
+      </div>
+    </section>
+  );
+};
+export default MenuMainHeader;

package/src/Widgets/Menu/MenuSubHeader.tsx

@@ -0,0 +1,20 @@
+import { ItemProps } from ".";
+import MenuSubItem from "./MenuSubItem";
+
+const MenuSubHeader = (props: ItemProps) => {
+  return (
+    <section className="tmpl-submenu">
+      {props.label && (
+        <h5 onClick={() => props.onNavigate(props.path, props.navigationType)}>
+          {props.label}
+        </h5>
+      )}
+      <div className="tmpl-submenu__items">
+        {props.subItems.map((item, index) => (
+          <MenuSubItem {...item} key={index} onNavigate={props.onNavigate} />
+        ))}
+      </div>
+    </section>
+  );
+};
+export default MenuSubHeader;

package/src/Widgets/Menu/MenuSubItem.tsx

@@ -0,0 +1,10 @@
+import { ItemProps } from ".";
+
+const MenuSubItem = (props: ItemProps) => {
+  return (
+    <p onClick={() => props.onNavigate(props.path, props.navigationType)}>
+      {props.label}
+    </p>
+  );
+};
+export default MenuSubItem;

package/src/Widgets/Menu/MenuView.tsx

@@ -0,0 +1,19 @@
+import { ItemProps } from ".";
+import MenuMainHeader from "./MenuMainHeader";
+
+const MenuView = ({
+  menuItems,
+  onNavigate,
+}: {
+  menuItems: ItemProps[];
+  onNavigate: (path: string, navigationType: string) => void;
+}) => {
+  return (
+    <header className="tmpl-menu">
+      {menuItems.map((item, index) => (
+        <MenuMainHeader {...item} key={index} onNavigate={onNavigate} />
+      ))}
+    </header>
+  );
+};
+export default MenuView;

package/src/Widgets/Menu/index.json

@@ -0,0 +1,245 @@
+[
+  {
+    "label": "Home",
+    "path": "/enterprise8/navigate.asp?mid=home&smid=dashboard",
+    "navigationType": "EXTERNAL",
+    "subItems": [
+      {
+        "label": "",
+        "path": "",
+        "subItems": [
+          {
+            "label": "Dashboard",
+            "navigationType": "EXTERNAL",
+            "path": "/enterprise8/navigate.asp?mid=home&smid=dashboard"
+          },
+          {
+            "label": "Product Search",
+            "navigationType": "INTERNAL",
+            "path": "/lead"
+          },
+          {
+            "label": "Order Management",
+            "navigationType": "EXTERNAL",
+            "path": "/VarstreetXCBackOffice/AllTransactions/OrderDashboard.aspx?cmenu=home&ResellerId=6036&MemberId=13784"
+          },
+          {
+            "label": "View All Transactions",
+            "navigationType": "EXTERNAL",
+            "path": "/xcbo/redirectpage.aspx?rpage=/xcbo/Enterprise/AllTxnList.aspx&lname=ALLTXN&ltype=TXN&vcid=6036&uid=13784&cmenu=home&smid=all transactions"
+          },
+          {
+            "label": "Calendar",
+            "navigationType": "EXTERNAL",
+            "path": "/enterprise8/navigate.asp?mid=home&smid=calendar"
+          }
+        ]
+      },
+      {
+        "label": "Customers / Contacts",
+        "navigationType": "EXTERNAL",
+        "path": "/enterprise8/navigate.asp?mid=home&smid=customer master",
+        "subItems": [
+          {
+            "label": "New Customer",
+            "navigationType": "EXTERNAL",
+            "path": "/Enterprise8/RedirectPage.asp?rpage=addEditContact.asp&RETURNTO=listcustomers.asp&CUSTOMERID=&did=&SHOWMENU="
+          },
+          {
+            "label": "Upload Customers",
+            "navigationType": "NEWWINDOW",
+            "path": "window.open('http://apps.varstreet.com/UploadWizardProd/UploadInApp/RedirectPage.aspx?rpage=custlinks&VARCOMPANYID=6036&USERID=13784&EMAILID=vfeddewar@varstreet.com&SECONDARYEMAIL=','Upload', 'width=600,height=400,scrollbars=yes,resizable=yes,status=yes');"
+          },
+          {
+            "label": "View All",
+            "navigationType": "EXTERNAL",
+            "path": "/enterprise8/navigate.asp?mid=home&smid=customer master"
+          }
+        ]
+      },
+      {
+        "label": "Custom Catalog",
+        "navigationType": "EXTERNAL",
+        "path": "/xcbo/redirectpage.aspx?rpage=/xcbo/Enterprise/VarPartList.aspx&lname=CUSTOMCATALOG&ltype=TXN&vcid=6036&uid=13784&cmenu=admin&smid=custom catalog",
+        "subItems": [
+          {
+            "label": "New Product",
+            "navigationType": "EXTERNAL",
+            "path": "/xcbo/redirectpage.aspx?rpage=/xcbo/Enterprise/VarPart.aspx&vcid=6036&uid=13784&cmenu=admin&smid=custom catalog: new product"
+          },
+          {
+            "label": "New Bundle",
+            "navigationType": "EXTERNAL",
+            "path": "/xcbo/redirectpage.aspx?rpage=/xcbo/Enterprise/VarPart_Bundle.aspx&vcid=6036&uid=13784&cmenu=admin&smid=custom catalog: new bundle"
+          },
+          {
+            "label": "Upload Products",
+            "navigationType": "NEWWINDOW",
+            "path": "window.open('http://apps.varstreet.com/UploadWizardProd/UploadInApp/RedirectPage.aspx?rpage=CustCat&VARCOMPANYID=6036&USERID=13784&EMAILID=vfeddewar@varstreet.com&ALLOWCATEGORY=1','Upload', 'width=600,height=400,scrollbars=yes,resizable=yes,status=yes');"
+          },
+          {
+            "label": "Categories / Manufacturers",
+            "navigationType": "EXTERNAL",
+            "path": "/VarstreetXCBackOffice/enterprise/category.aspx?cmenu=admin&ResellerId=6036&MemberId=13784"
+          },
+          {
+            "label": "View All",
+            "navigationType": "EXTERNAL",
+            "path": "/xcbo/redirectpage.aspx?rpage=/xcbo/Enterprise/VarPartList.aspx&lname=CUSTOMCATALOG&ltype=TXN&vcid=6036&uid=13784&cmenu=admin&smid=custom catalog"
+          }
+        ]
+      },
+      {
+        "label": "Configurations",
+        "navigationType": "EXTERNAL",
+        "path": "/VarstreetXCBackOffice/ProductConfiguration/ConfiguratorList.aspx?cmenu=admin&ResellerId=6036&MemberId=13784",
+        "subItems": [
+          {
+            "label": "New Configuration",
+            "navigationType": "EXTERNAL",
+            "path": "/VarstreetXCBackOffice/ProductConfiguration/ConfiguratorDetailsNew.aspx?cmenu=admin&ResellerId=6036&MemberId=13784"
+          },
+          {
+            "label": "View All",
+            "navigationType": "EXTERNAL",
+            "path": "/VarstreetXCBackOffice/ProductConfiguration/ConfiguratorList.aspx?cmenu=admin&ResellerId=6036&MemberId=13784"
+          }
+        ]
+      },
+      {
+        "label": "Contracts",
+        "navigationType": "EXTERNAL",
+        "path": "/xcbo/redirectpage.aspx?rpage=/xcbo/Enterprise/ContractList.aspx&cid=0&ltype=TXN&vcid=6036&uid=13784&cmenu=admin&smid=contracts",
+        "subItems": [
+          {
+            "label": "New Contract",
+            "navigationType": "EXTERNAL",
+            "path": "/xcbo/redirectpage.aspx?rpage=/xcbo/Enterprise/ContractNew.aspx&vcid=6036&uid=13784&cmenu=admin&smid=contracts"
+          },
+          {
+            "label": "View All",
+            "navigationType": "EXTERNAL",
+            "path": "/xcbo/redirectpage.aspx?rpage=/xcbo/Enterprise/ContractList.aspx&cid=0&ltype=TXN&vcid=6036&uid=13784&cmenu=admin&smid=contracts"
+          }
+        ]
+      },
+      {
+        "label": "Maintenance & Renewals",
+        "navigationType": "EXTERNAL",
+        "path": "/rbackoffice/Contracts/RenewalDashboard?StoreId=0&StoreProfileId=0&Type=BO&Resellerid=6036&MemberId=13784",
+        "subItems": [
+          {
+            "label": "Cisco Non-Cisco Dashboard",
+            "navigationType": "EXTERNAL",
+            "path": "/rbackoffice/Contracts/RenewalDashboard?StoreId=0&StoreProfileId=0&Type=BO&Resellerid=6036&MemberId=13784"
+          },
+          {
+            "label": "Cisco",
+            "navigationType": "EXTERNAL",
+            "path": "/rbackoffice/Contracts/ZVCiscoContracts?StoreId=0&StoreProfileId=0&Type=BO&Resellerid=6036&MemberId=13784&Due=0"
+          },
+          {
+            "label": "Non-Cisco",
+            "navigationType": "EXTERNAL",
+            "path": "/rbackoffice/Contracts/ZVNonCisco?StoreId=0&StoreProfileId=0&Type=BO&Resellerid=6036&MemberId=13784&Due=0"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "label": "CRM",
+    "navigationType": "EXTERNAL",
+    "path": "/rbackoffice/Opportunity/Dashboard?cmenu=sales&ResellerId=6036&MemberId=13784",
+    "subItems": [
+      {
+        "label": "Opportunities",
+        "navigationType": "EXTERNAL",
+        "path": "/rbackoffice/Opportunity/index?cmenu=sales&ResellerId=6036&MemberId=13784",
+        "subItems": [
+          {
+            "label": "Dashboard",
+            "navigationType": "EXTERNAL",
+            "path": "/rbackoffice/Opportunity/Dashboard?cmenu=sales&ResellerId=6036&MemberId=13784"
+          },
+          {
+            "label": "New Opportunity",
+            "navigationType": "EXTERNAL",
+            "path": "/rbackoffice/Opportunity/create?cmenu=sales&ResellerId=6036&MemberId=13784"
+          },
+          {
+            "label": "View All",
+            "navigationType": "EXTERNAL",
+            "path": "/rbackoffice/Opportunity/index?cmenu=sales&ResellerId=6036&MemberId=13784"
+          }
+        ]
+      },
+      {
+        "label": "Activities",
+        "navigationType": "EXTERNAL",
+        "path": "/rbackoffice/activity/index?cmenu=sales&ResellerId=6036&MemberId=13784",
+        "subItems": [
+          {
+            "label": "New Activity",
+            "navigationType": "EXTERNAL",
+            "path": "/rbackoffice/activity/create?cmenu=sales&ResellerId=6036&MemberId=13784&Type=Activity"
+          },
+          {
+            "label": "New Note",
+            "navigationType": "EXTERNAL",
+            "path": "/rbackoffice/activity/create?cmenu=sales&ResellerId=6036&MemberId=13784&Type=Note"
+          },
+          {
+            "label": "View All",
+            "navigationType": "EXTERNAL",
+            "path": "/rbackoffice/activity/index?cmenu=sales&ResellerId=6036&MemberId=13784"
+          }
+        ]
+      },
+      {
+        "label": "Leads",
+        "navigationType": "EXTERNAL",
+        "path": "/rbackoffice/lead/index?cmenu=sales&ResellerId=6036&MemberId=13784",
+        "subItems": [
+          {
+            "label": "New Lead",
+            "navigationType": "EXTERNAL",
+            "path": "/rbackoffice/lead/create?cmenu=sales&ResellerId=6036&MemberId=13784"
+          },
+          {
+            "label": "Upload Leads",
+            "navigationType": "NEWWINDOW",
+            "path": "window.open('http://apps.varstreet.com/UploadWizardProd/UploadInApp/RedirectPage.aspx?rpage=lead&VARCOMPANYID=6036&USERID=13784&EMAILID=vfeddewar@varstreet.com&SECONDARYEMAIL=','Upload', 'width=600,height=400,scrollbars=yes,resizable=yes,status=yes');"
+          },
+          {
+            "label": "View All",
+            "navigationType": "EXTERNAL",
+            "path": "/rbackoffice/lead/index?cmenu=sales&ResellerId=6036&MemberId=13784"
+          }
+        ]
+      },
+      {
+        "label": "Setup",
+        "navigationType": "EXTERNAL",
+        "path": "/rbackoffice/CustomField/index?cmenu=sales&ResellerId=6036&MemberId=13784",
+        "subItems": [
+          {
+            "label": "Form Templates",
+            "navigationType": "EXTERNAL",
+            "path": "/rbackoffice/FormTemplate/Index?ResellerId=6036&MemberId=13784"
+          },
+          {
+            "label": "Notification Templates",
+            "navigationType": "EXTERNAL",
+            "path": "/rbackoffice/Notification/Index?ResellerId=6036&MemberId=13784"
+          },
+          {
+            "label": "User Defined Fields",
+            "navigationType": "EXTERNAL",
+            "path": "/rbackoffice/CustomField/index?cmenu=sales&ResellerId=6036&MemberId=13784"
+          }
+        ]
+      }
+    ]
+  }
+]

package/src/Widgets/Menu/index.tsx

@@ -0,0 +1,32 @@
+import { BaseProps } from "../../Factory/BaseType";
+import MenuView from "./MenuView";
+import menuJson from "./index.json";
+
+export type MenuProps = BaseProps & {
+  menuItems?: ItemProps[];
+  onNavigate?: (
+    callBack: undefined,
+    path: string,
+    navigationType: string
+  ) => void;
+};
+export type ItemProps = {
+  label: string;
+  path: string;
+  subItems: ItemProps[];
+  navigationType: string;
+  onNavigate: (path: string, navigationType: string) => void;
+};
+
+const Menu = (props: MenuProps) => {
+  const onNavigate = (path: string, navigationType: string) => {
+    props.onNavigate?.(undefined, path, navigationType);
+  };
+  return (
+    <MenuView
+      menuItems={props.menuItems || (menuJson as ItemProps[])}
+      onNavigate={onNavigate}
+    />
+  );
+};
+export default Menu;

package/src/Widgets/Menu/scss/index.scss

@@ -0,0 +1,93 @@
+.tmpl-menu {
+  display: flex;
+  height: $menu-size;
+  position: relative;
+  background-color: $background-dark;
+
+  .tmpl-mainmenu {
+    transition: background-color 0.25s ease-in;
+
+    &:has(.tmpl-mainmenu__items.visible) {
+      background-color: $background-default;
+
+      h2 {
+        color: $text-danger-hover;
+      }
+    }
+
+    h2 {
+      line-height: $menu-size;
+      color: $text-light;
+      font-size: $font-size-lg;
+      font-weight: $font-weight-semibold;
+      font-family: $font-family-primary;
+      display: inline-block;
+      vertical-align: middle;
+      cursor: pointer;
+      padding: 0 10px;
+    }
+
+    .tmpl-mainmenu__items {
+      position: absolute;
+      left: 0;
+      top: $menu-size;
+      width: 100%;
+      background-color: $background-default;
+      z-index: 3;
+      visibility: hidden;
+      opacity: 0;
+      transition: opacity 0.25s ease, visibility 0.25s ease;
+      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+      display: flex;
+      gap: 25px;
+      flex-wrap: wrap;
+      padding: 10px;
+
+      &.visible {
+        opacity: 1;
+        visibility: visible;
+      }
+
+      .tmpl-submenu {
+        flex-grow: 0;
+        flex-shrink: 0;
+        min-width: 200px;
+        padding-top: 10px;
+
+        h5 {
+          padding: 0 0 10px 0;
+          margin: 0 0 10px 0;
+          color: $background-dark;
+          line-height: $line-height-lg;
+          font-size: $font-size-lg;
+          font-weight: $font-weight-semibold;
+          border-bottom: 1px solid $border-secondary;
+          cursor: pointer;
+          font-family: $font-family-primary;
+        }
+
+        .tmpl-submenu__items {
+          display: inline-flex;
+          flex-direction: column;
+
+          p {
+            padding: 3px 0;
+            margin: 0;
+            color: $text-dark;
+            line-height: $line-height-lg;
+            font-size: $font-size-lg;
+            font-weight: $font-weight-regular;
+            transition: color 0.25s ease-in;
+            cursor: pointer;
+            display: inline-block;
+            font-family: $font-family-primary;
+
+            &:hover {
+              color: $text-danger-hover;
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/src/actions.ts

@@ -0,0 +1,5 @@
+// Template Actions Export File
+// Provides access to all action components
+
+export { default as TemplateActionFactory } from './Action/TemplateActionFactory';
+export type { TemplateActionType } from './Action/TemplateActionType';

package/src/assets/info.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.00065 14.6667C11.6825 14.6667 14.6673 11.6819 14.6673 8.00001C14.6673 4.31811 11.6825 1.33334 8.00065 1.33334C4.31875 1.33334 1.33398 4.31811 1.33398 8.00001C1.33398 11.6819 4.31875 14.6667 8.00065 14.6667Z" stroke="#586B71" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 10.6667V8" stroke="#586B71" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 5.33334H8.00667" stroke="#586B71" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/react.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>