sme-pos-package 1.0.7 → 1.0.9

package/src/assets/icons/loading-icon.tsx

@@ -0,0 +1,45 @@
+import React from "react";
+export default function LoadingIcon({
+  width = 15,
+  height = 15,
+  ...props
+}: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      xmlnsXlink="http://www.w3.org/1999/xlink"
+      viewBox="0 0 100 100"
+      preserveAspectRatio="xMidYMid"
+      width={width}
+      height={height}
+      style={{
+        shapeRendering: "auto",
+        display: "block",
+        background: "transparent",
+      }}
+      {...props}
+    >
+      <g>
+        <circle
+          strokeDasharray="141.37166941154067 49.12388980384689"
+          r="30"
+          strokeWidth="10"
+          stroke="currentColor"
+          fill="none"
+          cy="50"
+          cx="50"
+        >
+          <animateTransform
+            keyTimes="0;1"
+            values="0 50 50;360 50 50"
+            dur="0.5050505050505051s"
+            repeatCount="indefinite"
+            type="rotate"
+            attributeName="transform"
+          />
+        </circle>
+        <g />
+      </g>
+    </svg>
+  );
+}

package/src/assets/icons/logout-box-line-icon.tsx

@@ -0,0 +1,18 @@
+const LogoutBoxLineIcon = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="64"
+      height="64"
+      viewBox="0 0 64 64"
+      fill="none"
+    >
+      <path
+        d="M12.7996 46.4H17.5996V51.2H46.3996V12.8H17.5996V17.6H12.7996V10.4C12.7996 9.76348 13.0525 9.15303 13.5026 8.70294C13.9526 8.25286 14.5631 8 15.1996 8H48.7996C49.4361 8 50.0466 8.25286 50.4967 8.70294C50.9468 9.15303 51.1996 9.76348 51.1996 10.4V53.6C51.1996 54.2365 50.9468 54.847 50.4967 55.2971C50.0466 55.7471 49.4361 56 48.7996 56H15.1996C14.5631 56 13.9526 55.7471 13.5026 55.2971C13.0525 54.847 12.7996 54.2365 12.7996 53.6V46.4ZM17.5996 29.6H34.3996V34.4H17.5996V41.6L5.59961 32L17.5996 22.4V29.6Z"
+        fill="#FB2B3D"
+      />
+    </svg>
+  )
+}
+
+export default LogoutBoxLineIcon

package/src/assets/icons/order-icon.tsx

@@ -0,0 +1,92 @@
+export const FileListIcon = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="25"
+      height="24"
+      viewBox="0 0 25 24"
+      fill="none"
+    >
+      <path
+        d="M18.7531 21H6.15312C5.43704 21 4.75028 20.7155 4.24394 20.2092C3.73759 19.7028 3.45313 19.0161 3.45312 18.3V3.9C3.45312 3.66131 3.54795 3.43239 3.71673 3.2636C3.88551 3.09482 4.11443 3 4.35312 3H16.9531C17.1918 3 17.4207 3.09482 17.5895 3.2636C17.7583 3.43239 17.8531 3.66131 17.8531 3.9V14.7H21.4531V18.3C21.4531 19.0161 21.1687 19.7028 20.6623 20.2092C20.156 20.7155 19.4692 21 18.7531 21ZM17.8531 16.5V18.3C17.8531 18.5387 17.9479 18.7676 18.1167 18.9364C18.2855 19.1052 18.5144 19.2 18.7531 19.2C18.9918 19.2 19.2207 19.1052 19.3895 18.9364C19.5583 18.7676 19.6531 18.5387 19.6531 18.3V16.5H17.8531ZM16.0531 19.2V4.8H5.25312V18.3C5.25312 18.5387 5.34795 18.7676 5.51673 18.9364C5.68551 19.1052 5.91443 19.2 6.15312 19.2H16.0531ZM7.05312 7.5H14.2531V9.3H7.05312V7.5ZM7.05312 11.1H14.2531V12.9H7.05312V11.1ZM7.05312 14.7H11.5531V16.5H7.05312V14.7Z"
+        fill="#666666"
+      />
+    </svg>
+  );
+};
+
+export const IcMenu = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      fill="none"
+    >
+      <path
+        d="M3.24951 4H16.7495V5.5H3.24951V4ZM3.24951 9.25H16.7495V10.75H3.24951V9.25ZM3.24951 14.5H16.7495V16H3.24951V14.5Z"
+        fill="#666666"
+      />
+    </svg>
+  );
+};
+
+export const QrCodeLine = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      fill="none"
+    >
+      <path
+        d="M13 13.7505V13.0005H10.75V10.7505H13V12.2505H14.5V13.7505H13.75V15.2505H12.25V16.7505H10.75V14.5005H12.25V13.7505H13ZM16.75 16.7505H13.75V15.2505H15.25V13.7505H16.75V16.7505ZM3.25 3.25049H9.25V9.25049H3.25V3.25049ZM4.75 4.75049V7.75049H7.75V4.75049H4.75ZM10.75 3.25049H16.75V9.25049H10.75V3.25049ZM12.25 4.75049V7.75049H15.25V4.75049H12.25ZM3.25 10.7505H9.25V16.7505H3.25V10.7505ZM4.75 12.2505V15.2505H7.75V12.2505H4.75ZM14.5 10.7505H16.75V12.2505H14.5V10.7505ZM5.5 5.50049H7V7.00049H5.5V5.50049ZM5.5 13.0005H7V14.5005H5.5V13.0005ZM13 5.50049H14.5V7.00049H13V5.50049Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};
+
+export const ExternalLinkLine = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
+      fill="none"
+    >
+      <path
+        d="M6.79961 4.4001V5.6001H3.79961V12.2001H10.3996V9.2001H11.5996V12.8001C11.5996 12.9592 11.5364 13.1118 11.4239 13.2244C11.3114 13.3369 11.1587 13.4001 10.9996 13.4001H3.19961C3.04048 13.4001 2.88787 13.3369 2.77535 13.2244C2.66282 13.1118 2.59961 12.9592 2.59961 12.8001V5.0001C2.59961 4.84097 2.66282 4.68836 2.77535 4.57583C2.88787 4.46331 3.04048 4.4001 3.19961 4.4001H6.79961ZM13.3996 2.6001V7.4001H12.1996V4.6479L7.52381 9.3243L6.67541 8.4759L11.3506 3.8001H8.59961V2.6001H13.3996Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};
+
+export const IcBarCode = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      fill="none"
+    >
+      <path
+        d="M2.5 4H4V16H2.5V4ZM5.5 4H7V16H5.5V4ZM7.75 4H10V16H7.75V4ZM10.75 4H12.25V16H10.75V4ZM13 4H14.5V16H13V4ZM15.25 4H17.5V16H15.25V4Z"
+        fill="#060606"
+      />
+    </svg>
+  );
+};
+
+export const IcKitchenOrder = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="19" height="15" viewBox="0 0 19 15" fill="none">
+      <path d="M11.6667 0H6.66667V1.66667H8.33333V2.54115C4.12223 2.95925 0.833333 6.51225 0.833333 10.8333V11.6667H17.5V10.8333C17.5 6.51225 14.2111 2.95925 10 2.54115V1.66667H11.6667V0ZM9.16667 4.16667C12.5663 4.16667 15.3717 6.71142 15.7818 10H2.55158C2.96166 6.71142 5.76698 4.16667 9.16667 4.16667ZM18.3333 14.1667V12.5H0V14.1667H18.3333Z" fill="#0101FF"/>
+    </svg>
+  )
+}

package/src/assets/icons/payment-icon.tsx

@@ -0,0 +1,429 @@
+export const IcWallet = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="19"
+      height="16"
+      viewBox="0 0 19 16"
+      fill="none"
+    >
+      <path
+        d="M17.3376 3.83333H18.1709V12.1667H17.3376V14.6667C17.3376 15.1269 16.9645 15.5 16.5042 15.5H1.50423C1.044 15.5 0.670898 15.1269 0.670898 14.6667V1.33333C0.670898 0.873092 1.044 0.5 1.50423 0.5H16.5042C16.9645 0.5 17.3376 0.873092 17.3376 1.33333V3.83333ZM15.6709 12.1667H10.6709C8.36975 12.1667 6.50423 10.3012 6.50423 8.00001C6.50423 5.69881 8.36975 3.83333 10.6709 3.83333H15.6709V2.16667H2.33757V13.8333H15.6709V12.1667ZM16.5042 10.5V5.5H10.6709C9.29016 5.5 8.17092 6.61926 8.17092 8.00001C8.17092 9.38067 9.29016 10.5 10.6709 10.5H16.5042ZM10.6709 7.16667H13.1709V8.83334H10.6709V7.16667Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};
+
+export const IcQRCode = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="14"
+      height="14"
+      viewBox="0 0 14 14"
+      fill="none"
+    >
+      <path
+        d="M10 10.75V10H7.75V7.75H10V9.25H11.5V10.75H10.75V12.25H9.25V13.75H7.75V11.5H9.25V10.75H10ZM13.75 13.75H10.75V12.25H12.25V10.75H13.75V13.75ZM0.25 0.25H6.25V6.25H0.25V0.25ZM1.75 1.75V4.75H4.75V1.75H1.75ZM7.75 0.25H13.75V6.25H7.75V0.25ZM9.25 1.75V4.75H12.25V1.75H9.25ZM0.25 7.75H6.25V13.75H0.25V7.75ZM1.75 9.25V12.25H4.75V9.25H1.75ZM11.5 7.75H13.75V9.25H11.5V7.75ZM2.5 2.5H4V4H2.5V2.5ZM2.5 10H4V11.5H2.5V10ZM10 2.5H11.5V4H10V2.5Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};
+
+export const IcBankCard = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      fill="none"
+    >
+      <path
+        d="M3.25 3.25H16.75C16.9489 3.25 17.1397 3.32902 17.2803 3.46967C17.421 3.61032 17.5 3.80109 17.5 4V16C17.5 16.1989 17.421 16.3897 17.2803 16.5303C17.1397 16.671 16.9489 16.75 16.75 16.75H3.25C3.05109 16.75 2.86032 16.671 2.71967 16.5303C2.57902 16.3897 2.5 16.1989 2.5 16V4C2.5 3.80109 2.57902 3.61032 2.71967 3.46967C2.86032 3.32902 3.05109 3.25 3.25 3.25ZM16 9.25H4V15.25H16V9.25ZM16 7.75V4.75H4V7.75H16ZM11.5 12.25H14.5V13.75H11.5V12.25Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};
+
+export const IcCashLine = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      fill="none"
+    >
+      <path
+        d="M10.0001 12.4996C11.3808 12.4996 12.5001 11.3803 12.5001 9.99963C12.5001 8.61892 11.3808 7.49963 10.0001 7.49963C8.6194 7.49963 7.50011 8.61892 7.50011 9.99963C7.50011 11.3803 8.6194 12.4996 10.0001 12.4996ZM15.6279 5.00146H4.37793C4.03275 5.00146 3.75293 5.28128 3.75293 5.62646V14.3764C3.75293 14.7216 4.03275 15.0014 4.37793 15.0014H15.6279C15.9731 15.0014 16.2529 14.7216 16.2529 14.3764V5.62646C16.2529 5.28128 15.9731 5.00146 15.6279 5.00146ZM5.00293 12.2786V7.7207C5.70654 7.51026 6.26135 6.95521 6.47147 6.25146H13.5288C13.7394 6.95709 14.2966 7.51323 15.0029 7.72238V12.2769C14.2954 12.4864 13.7375 13.0441 13.5276 13.7514H6.47257C6.26328 13.046 5.70776 12.4894 5.00293 12.2786Z"
+        fill="#AEAEAE"
+      />
+    </svg>
+  );
+};
+
+export const IcCardPaymentMerchant = (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="41"
+    height="34"
+    viewBox="0 0 41 34"
+    fill="none"
+  >
+    <g filter="url(#filter0_di_25666_41957)">
+      <path
+        d="M38.1641 24.2305H23.8438V25.0811C23.8439 26.2811 24.8166 27.2538 26.0166 27.2539H28.3281V30.0039H11.8369V27.2539H14.1475C15.3475 27.2538 16.3202 26.2811 16.3203 25.0811V24.2305H2V0H38.1641V24.2305ZM19.0703 25.0811C19.0703 25.861 18.8883 26.5986 18.5654 27.2539H21.5986C21.2758 26.5986 21.0938 25.861 21.0938 25.0811V24.2305H19.0703V25.0811ZM4.75 21.4805H35.4141V19.457H4.75V21.4805ZM4.75 16.707H35.4141V2.75H4.75V16.707Z"
+        fill="url(#paint0_linear_25666_41957)"
+      />
+    </g>
+    <defs>
+      <filter
+        id="filter0_di_25666_41957"
+        x="0"
+        y="0"
+        width="40.1641"
+        height="34.0039"
+        filterUnits="userSpaceOnUse"
+        colorInterpolationFilters="sRGB"
+      >
+        <feFlood floodOpacity="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="2" />
+        <feGaussianBlur stdDeviation="1" />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix
+          type="matrix"
+          values="0 0 0 0 0.100367 0 0 0 0 0.38072 0 0 0 0 0.801251 0 0 0 0.32 0"
+        />
+        <feBlend
+          mode="normal"
+          in2="BackgroundImageFix"
+          result="effect1_dropShadow_25666_41957"
+        />
+        <feBlend
+          mode="normal"
+          in="SourceGraphic"
+          in2="effect1_dropShadow_25666_41957"
+          result="shape"
+        />
+        <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 dx="0.5" dy="0.5" />
+        <feGaussianBlur stdDeviation="0.5" />
+        <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+        <feColorMatrix
+          type="matrix"
+          values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.12 0"
+        />
+        <feBlend
+          mode="plus-lighter"
+          in2="shape"
+          result="effect2_innerShadow_25666_41957"
+        />
+      </filter>
+      <linearGradient
+        id="paint0_linear_25666_41957"
+        x1="20.082"
+        y1="0"
+        x2="20.082"
+        y2="30.0039"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#35BCFF" />
+        <stop offset="1" stopColor="#0C6DFF" />
+      </linearGradient>
+    </defs>
+  </svg>
+);
+
+export const IcCardPaymentPos = (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="37"
+    height="43"
+    viewBox="0 0 37 43"
+    fill="none"
+  >
+    <g filter="url(#filter0_di_26103_19233)">
+      <path
+        d="M21.3532 11.6123C22.1753 11.6123 22.8419 12.2788 22.8419 13.101V19.0558C22.8419 19.878 22.1753 20.5445 21.3532 20.5445H9.44355C8.62136 20.5445 7.95484 19.878 7.95484 19.0558V13.101C7.95484 12.2788 8.62136 11.6123 9.44355 11.6123H21.3532ZM10.9322 17.5671H19.8645V14.5897H10.9322V17.5671Z"
+        fill="url(#paint0_linear_26103_19233)"
+      />
+      <path
+        d="M10.9322 25.0102C10.9322 25.8325 10.2657 26.4989 9.44351 26.4989C8.6213 26.4989 7.95481 25.8325 7.95481 25.0102C7.95481 24.1881 8.6213 23.5215 9.44351 23.5215C10.2657 23.5215 10.9322 24.1881 10.9322 25.0102Z"
+        fill="url(#paint1_linear_26103_19233)"
+      />
+      <path
+        d="M16.887 25.0102C16.887 25.8325 16.2205 26.4989 15.3983 26.4989C14.5761 26.4989 13.9096 25.8325 13.9096 25.0102C13.9096 24.1881 14.5761 23.5215 15.3983 23.5215C16.2205 23.5215 16.887 24.1881 16.887 25.0102Z"
+        fill="url(#paint2_linear_26103_19233)"
+      />
+      <path
+        d="M22.8418 25.0102C22.8418 25.8325 22.1753 26.4989 21.3531 26.4989C20.5309 26.4989 19.8644 25.8325 19.8644 25.0102C19.8644 24.1881 20.5309 23.5215 21.3531 23.5215C22.1753 23.5215 22.8418 24.1881 22.8418 25.0102Z"
+        fill="url(#paint3_linear_26103_19233)"
+      />
+      <path
+        d="M10.9322 30.9651C10.9322 31.7873 10.2657 32.4538 9.44351 32.4538C8.6213 32.4538 7.95481 31.7873 7.95481 30.9651C7.95481 30.1429 8.6213 29.4764 9.44351 29.4764C10.2657 29.4764 10.9322 30.1429 10.9322 30.9651Z"
+        fill="url(#paint4_linear_26103_19233)"
+      />
+      <path
+        d="M16.887 30.9651C16.887 31.7873 16.2205 32.4538 15.3983 32.4538C14.5761 32.4538 13.9096 31.7873 13.9096 30.9651C13.9096 30.1429 14.5761 29.4764 15.3983 29.4764C16.2205 29.4764 16.887 30.1429 16.887 30.9651Z"
+        fill="url(#paint5_linear_26103_19233)"
+      />
+      <path
+        d="M22.8418 30.9651C22.8418 31.7873 22.1753 32.4538 21.3531 32.4538C20.5309 32.4538 19.8644 31.7873 19.8644 30.9651C19.8644 30.1429 20.5309 29.4764 21.3531 29.4764C22.1753 29.4764 22.8418 30.1429 22.8418 30.9651Z"
+        fill="url(#paint6_linear_26103_19233)"
+      />
+      <path
+        d="M21.3531 8.63453C22.1753 8.63453 22.8418 7.96799 22.8418 7.1458C22.8418 6.32362 22.1753 5.65708 21.3531 5.65708H9.44353C8.62134 5.65708 7.95481 6.32362 7.95481 7.1458C7.95481 7.96799 8.62134 8.63453 9.44353 8.63453H21.3531Z"
+        fill="url(#paint7_linear_26103_19233)"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M24.3305 38.1108C25.9118 38.1108 27.3003 37.2876 28.0918 36.0538C28.538 35.358 28.7966 34.5294 28.7966 33.6447V32.4538H33.2627C34.0849 32.4537 34.7514 31.7872 34.7514 30.9651V7.14582C34.7514 6.32365 34.0849 5.65713 33.2627 5.65712H28.7966V4.46616C28.7966 1.99963 26.7971 5.34058e-05 24.3305 5.34058e-05H6.46611C3.99948 6.33882e-05 2 1.99966 2 4.46616V33.6447C2.00001 36.1112 3.99949 38.1108 6.46611 38.1108H24.3305ZM6.46611 35.1334C5.64391 35.1334 4.97741 34.4669 4.9774 33.6447V4.46616C4.9774 3.64398 5.64391 2.97747 6.46611 2.97746H24.3305C25.1527 2.97746 25.8192 3.644 25.8192 4.46616V33.6447C25.8192 33.9424 25.733 34.2157 25.5851 34.4464L25.5595 34.4852C25.289 34.8795 24.839 35.1334 24.3305 35.1334H6.46611ZM28.7966 8.63453H31.774V29.4764H28.7966V8.63453Z"
+        fill="url(#paint8_linear_26103_19233)"
+      />
+    </g>
+    <defs>
+      <filter
+        id="filter0_di_26103_19233"
+        x="0"
+        y="5.34058e-05"
+        width="36.751"
+        height="42.1107"
+        filterUnits="userSpaceOnUse"
+        colorInterpolationFilters="sRGB"
+      >
+        <feFlood floodOpacity="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="2" />
+        <feGaussianBlur stdDeviation="1" />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix
+          type="matrix"
+          values="0 0 0 0 0.100367 0 0 0 0 0.38072 0 0 0 0 0.801251 0 0 0 0.32 0"
+        />
+        <feBlend
+          mode="normal"
+          in2="BackgroundImageFix"
+          result="effect1_dropShadow_26103_19233"
+        />
+        <feBlend
+          mode="normal"
+          in="SourceGraphic"
+          in2="effect1_dropShadow_26103_19233"
+          result="shape"
+        />
+        <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 dx="0.5" dy="0.5" />
+        <feGaussianBlur stdDeviation="0.5" />
+        <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+        <feColorMatrix
+          type="matrix"
+          values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.12 0"
+        />
+        <feBlend
+          mode="plus-lighter"
+          in2="shape"
+          result="effect2_innerShadow_26103_19233"
+        />
+      </filter>
+      <linearGradient
+        id="paint0_linear_26103_19233"
+        x1="18.3757"
+        y1="5.34058e-05"
+        x2="18.3757"
+        y2="38.1108"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#35BCFF" />
+        <stop offset="1" stopColor="#0C6DFF" />
+      </linearGradient>
+      <linearGradient
+        id="paint1_linear_26103_19233"
+        x1="18.3757"
+        y1="5.34058e-05"
+        x2="18.3757"
+        y2="38.1108"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#35BCFF" />
+        <stop offset="1" stopColor="#0C6DFF" />
+      </linearGradient>
+      <linearGradient
+        id="paint2_linear_26103_19233"
+        x1="18.3757"
+        y1="5.34058e-05"
+        x2="18.3757"
+        y2="38.1108"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#35BCFF" />
+        <stop offset="1" stopColor="#0C6DFF" />
+      </linearGradient>
+      <linearGradient
+        id="paint3_linear_26103_19233"
+        x1="18.3757"
+        y1="5.34058e-05"
+        x2="18.3757"
+        y2="38.1108"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#35BCFF" />
+        <stop offset="1" stopColor="#0C6DFF" />
+      </linearGradient>
+      <linearGradient
+        id="paint4_linear_26103_19233"
+        x1="18.3757"
+        y1="5.34058e-05"
+        x2="18.3757"
+        y2="38.1108"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#35BCFF" />
+        <stop offset="1" stopColor="#0C6DFF" />
+      </linearGradient>
+      <linearGradient
+        id="paint5_linear_26103_19233"
+        x1="18.3757"
+        y1="5.34058e-05"
+        x2="18.3757"
+        y2="38.1108"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#35BCFF" />
+        <stop offset="1" stopColor="#0C6DFF" />
+      </linearGradient>
+      <linearGradient
+        id="paint6_linear_26103_19233"
+        x1="18.3757"
+        y1="5.34058e-05"
+        x2="18.3757"
+        y2="38.1108"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#35BCFF" />
+        <stop offset="1" stopColor="#0C6DFF" />
+      </linearGradient>
+      <linearGradient
+        id="paint7_linear_26103_19233"
+        x1="18.3757"
+        y1="5.34058e-05"
+        x2="18.3757"
+        y2="38.1108"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#35BCFF" />
+        <stop offset="1" stopColor="#0C6DFF" />
+      </linearGradient>
+      <linearGradient
+        id="paint8_linear_26103_19233"
+        x1="18.3757"
+        y1="5.34058e-05"
+        x2="18.3757"
+        y2="38.1108"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#35BCFF" />
+        <stop offset="1" stopColor="#0C6DFF" />
+      </linearGradient>
+    </defs>
+  </svg>
+);
+
+export const IcConnect = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="26"
+      height="26"
+      viewBox="0 0 26 26"
+      fill="none"
+    >
+      <path
+        d="M16.1436 18.8531C16.4607 18.7572 16.7956 18.9364 16.8916 19.2535L17.7891 22.2194C17.8847 22.5364 17.7056 22.8714 17.3887 22.9674C17.0718 23.063 16.7368 22.8837 16.6406 22.567L15.7432 19.6012C15.6472 19.2842 15.8267 18.9493 16.1436 18.8531ZM18.1602 18.1598C18.3945 17.9258 18.7736 17.9256 19.0078 18.1598L22.2559 21.4069C22.49 21.6411 22.4898 22.0211 22.2559 22.2555C22.0215 22.4898 21.6415 22.4898 21.4072 22.2555L18.1602 19.0074C17.9258 18.7731 17.9258 18.3941 18.1602 18.1598ZM19.6006 15.7438L22.5664 16.6412C22.8833 16.7374 23.0627 17.0723 22.9668 17.3893C22.8707 17.7062 22.5357 17.8854 22.2188 17.7897L19.2529 16.8922C18.936 16.7962 18.7567 16.4612 18.8525 16.1442C18.9485 15.8271 19.2835 15.6479 19.6006 15.7438ZM14.6416 13.9049C14.8759 13.6706 15.2559 13.6706 15.4902 13.9049C15.7245 14.1392 15.7245 14.5183 15.4902 14.7526L13.0342 17.2086C12.7999 17.4429 12.4208 17.4429 12.1865 17.2086C11.9522 16.9743 11.9522 16.5943 12.1865 16.36L14.6416 13.9049ZM11.2461 10.5104C11.4804 10.2761 11.8604 10.2761 12.0947 10.5104C12.329 10.7447 12.329 11.1237 12.0947 11.358L9.63867 13.8141C9.40435 14.0479 9.02517 14.0481 8.79102 13.8141C8.55685 13.5799 8.55714 13.1998 8.79102 12.9655L11.2461 10.5104ZM3.78223 8.21057L6.74805 9.10803C7.06465 9.20424 7.24407 9.53926 7.14844 9.85608C7.05246 10.173 6.71735 10.3521 6.40039 10.2565L3.43457 9.35901C3.11745 9.26301 2.93822 8.92811 3.03418 8.61096C3.13033 8.29408 3.46521 8.11465 3.78223 8.21057ZM3.74512 3.74475C3.97943 3.51045 4.35846 3.51044 4.59277 3.74475L7.84082 6.99182C8.07498 7.22614 8.07507 7.60619 7.84082 7.84045C7.60656 8.07472 7.22651 8.07462 6.99219 7.84045L3.74512 4.59241C3.5108 4.35809 3.5108 3.97907 3.74512 3.74475ZM8.61133 3.03381C8.92847 2.93785 9.26338 3.11708 9.35938 3.4342L10.2568 6.40002C10.3524 6.71699 10.1733 7.0521 9.85645 7.14807C9.5396 7.24374 9.2046 7.06432 9.1084 6.74768L8.21094 3.78186C8.11501 3.46483 8.29442 3.12995 8.61133 3.03381Z"
+        fill="#1170FF"
+      />
+      <path
+        d="M7.01074 11.6581C7.41979 11.3246 8.02301 11.3482 8.4043 11.7294L14.2715 17.5966C14.6777 18.0033 14.6779 18.6626 14.2715 19.0692L13.1777 20.163C12.7824 20.5583 12.1489 20.5681 11.7402 20.1952L10.2793 21.6571C9.63263 22.3038 8.64789 22.4723 7.82324 22.077C7.45781 21.902 7.02096 21.9761 6.73438 22.2626L5.87695 23.12C5.76443 23.2325 5.61127 23.2958 5.45215 23.2958C5.29333 23.2956 5.14065 23.2323 5.02832 23.12L4.37793 22.4696L1.97559 24.8729C1.74136 25.1068 1.36216 25.1068 1.12793 24.8729C0.893683 24.6387 0.89382 24.2586 1.12793 24.0243L3.53027 21.621L2.87988 20.9706C2.6459 20.7362 2.6457 20.3571 2.87988 20.1229L3.73633 19.2655C4.02297 18.9789 4.09805 18.5422 3.92285 18.1766C3.52762 17.352 3.69534 16.3672 4.3418 15.7206L5.80371 14.2587C5.43211 13.8499 5.44307 13.2179 5.83789 12.8231L6.93164 11.7294L7.01074 11.6581ZM5.19043 16.5692C4.90403 16.8558 4.82986 17.2927 5.00488 17.6581C5.4001 18.4827 5.23169 19.4675 4.58496 20.1141L4.15137 20.5468L5.45215 21.8466L5.88574 21.4139C6.53239 20.7674 7.51716 20.5997 8.3418 20.995C8.70736 21.1702 9.14405 21.0951 9.43066 20.8085L10.8906 19.3485L6.65039 15.1083L5.19043 16.5692ZM6.79883 13.5594L12.4414 19.202L13.3105 18.3319L7.66797 12.6893L6.79883 13.5594ZM24.0244 1.12781C24.2587 0.893619 24.6388 0.893535 24.873 1.12781C25.1071 1.36206 25.1071 1.74119 24.873 1.97546L22.4697 4.37781L23.1211 5.02917C23.3552 5.26349 23.3553 5.64355 23.1211 5.87781L22.2295 6.76843C22.8784 7.80271 22.7553 9.18278 21.8555 10.0829L20.1963 11.7411L20.2344 11.7831C20.5678 12.1921 20.5442 12.7954 20.1631 13.1766L19.0693 14.2704C18.6627 14.677 18.0034 14.6768 17.5967 14.2704L11.7295 8.4032C11.3232 7.99644 11.323 7.33715 11.7295 6.93054L12.8232 5.83679L12.9023 5.7655C13.2988 5.44221 13.8774 5.45544 14.2598 5.80359L15.918 4.14636C16.8179 3.24648 18.1981 3.12195 19.2324 3.77039L20.124 2.88074L20.2148 2.80554C20.3127 2.74022 20.4284 2.70496 20.5479 2.70496C20.707 2.70496 20.8592 2.76823 20.9717 2.88074L21.6211 3.53015L24.0244 1.12781ZM12.6895 7.66687L18.332 13.3094L19.2021 12.4403L13.5596 6.79773L12.6895 7.66687ZM19.7061 4.995C19.4718 5.22879 19.0916 5.22898 18.8574 4.995C18.28 4.41759 17.344 4.41759 16.7666 4.995L15.1094 6.65027L19.3496 10.8905L21.0068 9.23425C21.5839 8.65689 21.584 7.72076 21.0068 7.14343C20.7726 6.90918 20.7727 6.52913 21.0068 6.2948L21.8477 5.453L20.5479 4.15222L19.7061 4.995Z"
+        fill="black"
+      />
+    </svg>
+  );
+};
+
+export const BorderGradient = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="90"
+      height="90"
+      viewBox="0 0 90 90"
+      fill="none"
+    >
+      <circle
+        cx="45"
+        cy="45"
+        r="44"
+        stroke="url(#paint0_linear_25666_41963)"
+        strokeWidth="2"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_25666_41963"
+          x1="45"
+          y1="1"
+          x2="45"
+          y2="89"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#35BCFF" />
+          <stop offset="1" stopColor="#0C6DFF" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+};
+
+export const DashedLine = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="2"
+      height="26"
+      viewBox="0 0 2 26"
+      fill="none"
+    >
+      <path
+        d="M1 25L0.999999 0.999999"
+        stroke="#BBC1CB"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeDasharray="2 6"
+      />
+    </svg>
+  );
+};