@huma-finance/widgets 0.0.7 → 0.0.10

package/src/components/StreamFactoring/borrow/3-ConfirmTransfer.tsx

@@ -13,7 +13,7 @@ export function ConfirmTransfer(): React.ReactElement | null {
   const theme = useTheme()
   const dispatch = useAppDispatch()
   const { chainId } = useWeb3React()
-  const { borrowAmount, approveInfo } = useAppSelector(selectWidgetState)
+  const { borrowAmount, approval } = useAppSelector(selectWidgetState)
 
   const styles = {
     wrapper: css`
@@ -70,7 +70,7 @@ export function ConfirmTransfer(): React.ReactElement | null {
     dispatch(setStep(step))
   }
 
-  if (isEmpty(borrowAmount) || isEmpty(approveInfo)) {
+  if (isEmpty(borrowAmount) || isEmpty(approval)) {
     return null
   }
 
@@ -90,7 +90,7 @@ export function ConfirmTransfer(): React.ReactElement | null {
         </Box>
         <Box css={styles.transfer}>
           <Box>
-            {borrowAmount!.toFixed(2)} {approveInfo?.tokenSymbol}
+            {borrowAmount!.toFixed(2)} {approval?.token.symbol}
           </Box>
           <ArrowForwardIosIcon css={styles.arrow} />
           <Box>You</Box>

package/src/components/StreamFactoring/borrow/4-ApproveAllowance.tsx

@@ -24,7 +24,7 @@ export function ApproveAllowance({
 }: Props): React.ReactElement | null {
   const dispatch = useDispatch()
   const { account } = useWeb3React()
-  const { borrowAmount, approveInfo } = useAppSelector(selectWidgetState)
+  const { borrowAmount, approval } = useAppSelector(selectWidgetState)
   const { allowance, loaded } = usePoolAllowance(
     poolInfo.poolName,
     poolInfo.poolType,
@@ -49,7 +49,7 @@ export function ApproveAllowance({
   if (!newAllowance) {
     return (
       <LoadingModal
-        title={`Approve ${approveInfo?.tokenSymbol}`}
+        title={`Approve ${approval?.token?.symbol}`}
         description='Waiting for approval confirmation...'
       />
     )

package/src/components/StreamFactoring/borrow/7-Success.tsx

@@ -1,20 +1,20 @@
-import React from 'react'
-import { useAppSelector } from '../../../hooks/useRedux'
-import { selectWidgetState } from '../../../store/widgets.selectors'
-import { TxDoneModal } from '../../TxDoneModal'
-
-type Props = {
-  handleAction: () => void
-}
-
-export function Success({ handleAction }: Props): React.ReactElement {
-  const { borrowAmount, approveInfo } = useAppSelector(selectWidgetState)
-
-  const content = [
-    `${borrowAmount?.toFixed(2)} ${
-      approveInfo?.tokenSymbol
-    } is now in your wallet.`,
-  ]
-
-  return <TxDoneModal handleAction={handleAction} content={content} />
-}
+import React from 'react'
+import { useAppSelector } from '../../../hooks/useRedux'
+import { selectWidgetState } from '../../../store/widgets.selectors'
+import { TxDoneModal } from '../../TxDoneModal'
+
+type Props = {
+  handleAction: () => void
+}
+
+export function Success({ handleAction }: Props): React.ReactElement {
+  const { borrowAmount, approval } = useAppSelector(selectWidgetState)
+
+  const content = [
+    `${borrowAmount?.toFixed(2)} ${
+      approval?.token.symbol
+    } is now in your wallet.`,
+  ]
+
+  return <TxDoneModal handleAction={handleAction} content={content} />
+}

package/src/components/SuperfluidFactoring/SuperfluidUpcomingList.tsx

@@ -124,7 +124,7 @@ export function SuperfluidUpcomingList({
   const { data } = useQuery<{ streams: Stream[] }>(GET_RECEIVED_STREAMS, {
     variables: {
       receiver: account ? account.toLowerCase() : undefined,
-      tokenIds: poolInfo?.extra?.superTokens.map((item) => item.id) ?? [],
+      tokenIds: poolInfo?.extra?.superTokens?.map((item) => item.id) ?? [],
     },
   })
 

package/src/components/SuperfluidFactoring/index.tsx

@@ -38,7 +38,7 @@ export function SuperfluidFactoring(): React.ReactElement {
     <Box css={styles.wrapper}>
       <Box css={styles.title}>Stream Factoring</Box>
       <Box css={styles.description} marginBottom='47px'>
-        {PoolMap.Stream[poolName].borrowDesc}
+        {PoolMap.Stream[poolName]?.borrowDesc}
       </Box>
       {poolInfo && (
         <SuperfluidFactoredList

package/src/components/WrapperModal.tsx

@@ -1,54 +1,54 @@
-import { Box, css, Typography, useTheme } from '@mui/material'
-import React from 'react'
-
-type Props = {
-  title: string
-  subTitle?: string | React.ReactNode
-  children: React.ReactNode
-}
-
-export function WrapperModal({
-  title,
-  subTitle,
-  children,
-}: Props): React.ReactElement {
-  const theme = useTheme()
-
-  const styles = {
-    wrapper: css`
-      height: 518px;
-      position: relative;
-    `,
-    header: css`
-      ${theme.cssMixins.rowHCentered};
-      font-family: 'Uni-Neue-Bold';
-      font-size: 20px;
-      margin-top: -5px;
-    `,
-    content: css`
-      ${theme.cssMixins.rowHCentered};
-      margin-top: 30px;
-      font-family: 'Uni-Neue-Regular';
-      font-size: 16px;
-      line-height: 24px;
-      color: #49505b;
-    `,
-    bottom: css`
-      & .MuiButtonBase-root {
-        width: 100%;
-        position: absolute;
-        bottom: 0;
-      }
-    `,
-  }
-
-  return (
-    <Box css={styles.wrapper}>
-      <Typography variant='h6' css={styles.header}>
-        {title}
-      </Typography>
-      {subTitle && <Box css={styles.content}>{subTitle}</Box>}
-      {children}
-    </Box>
-  )
-}
+import { Box, css, Typography, useTheme } from '@mui/material'
+import React from 'react'
+
+type Props = {
+  title: string
+  subTitle?: string | React.ReactNode
+  children: React.ReactNode
+}
+
+export function WrapperModal({
+  title,
+  subTitle,
+  children,
+}: Props): React.ReactElement {
+  const theme = useTheme()
+
+  const styles = {
+    wrapper: css`
+      height: 518px;
+      position: relative;
+    `,
+    header: css`
+      ${theme.cssMixins.rowHCentered};
+      font-family: 'Uni-Neue-Bold';
+      font-size: 20px;
+      margin-top: -5px;
+    `,
+    content: css`
+      ${theme.cssMixins.rowHCentered};
+      margin-top: 30px;
+      font-family: 'Uni-Neue-Regular';
+      font-size: 16px;
+      line-height: 24px;
+      color: #49505b;
+    `,
+    bottom: css`
+      & .MuiButtonBase-root {
+        width: 100%;
+        position: absolute;
+        bottom: 0;
+      }
+    `,
+  }
+
+  return (
+    <Box css={styles.wrapper}>
+      <Typography variant='h6' css={styles.header}>
+        {title}
+      </Typography>
+      {subTitle && <Box css={styles.content}>{subTitle}</Box>}
+      {children}
+    </Box>
+  )
+}

package/src/components/buttons/TableActionButton.tsx

@@ -1,36 +1,36 @@
-import { Box, Button, css } from '@mui/material'
-
-type Props = {
-  title: string
-  className?: string
-  handleClick: () => void
-  disabled?: boolean
-}
-
-export function TableActionButton({
-  title,
-  className,
-  handleClick,
-  disabled = false,
-}: Props): React.ReactElement {
-  const styles = css`
-    border: none;
-    padding: 0;
-    background: ${disabled ? 'unset !important' : 'inherit'};
-    &:hover {
-      border: none;
-    }
-  `
-
-  return (
-    <Button
-      className={className}
-      variant={disabled ? undefined : 'outlined'}
-      onClick={handleClick}
-      css={styles}
-      disabled={disabled}
-    >
-      <Box>{title}</Box>
-    </Button>
-  )
-}
+import { Box, Button, css } from '@mui/material'
+
+type Props = {
+  title: string
+  className?: string
+  handleClick: () => void
+  disabled?: boolean
+}
+
+export function TableActionButton({
+  title,
+  className,
+  handleClick,
+  disabled = false,
+}: Props): React.ReactElement {
+  const styles = css`
+    border: none;
+    padding: 0;
+    background: ${disabled ? 'unset !important' : 'inherit'};
+    &:hover {
+      border: none;
+    }
+  `
+
+  return (
+    <Button
+      className={className}
+      variant={disabled ? undefined : 'outlined'}
+      onClick={handleClick}
+      css={styles}
+      disabled={disabled}
+    >
+      <Box>{title}</Box>
+    </Button>
+  )
+}

package/src/components/buttons/index.ts

@@ -1 +1 @@
-export * from './TableActionButton'
+export * from './TableActionButton'

package/src/components/humaModal/HumaModalHeader.tsx

@@ -1,70 +1,70 @@
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-import { css } from '@emotion/react'
-import ChevronLeftOutlinedIcon from '@mui/icons-material/ChevronLeftOutlined'
-import CloseIcon from '@mui/icons-material/Close'
-import { useTheme } from '@mui/material'
-import React from 'react'
-
-type HumaModalHeaderType = {
-  allowBack?: boolean
-  children?: React.ReactNode
-  hideClose?: boolean
-  onBack?: () => void
-  onClose: () => void
-  title?: React.ReactNode
-  height?: number
-}
-
-export function HumaModalHeader({
-  hideClose,
-  allowBack,
-  onBack = (): void => {},
-  onClose,
-  height = 52,
-  ...props
-}: HumaModalHeaderType): React.ReactElement {
-  const theme = useTheme()
-  const styles = {
-    buttonBackWrapper: css`
-      cursor: pointer;
-      position: absolute;
-      left: ${theme.spacing(2)};
-      top: ${theme.spacing(3)};
-    `,
-    buttonClose: css`
-      &:hover {
-        stroke: ${theme.palette.grey[200]};
-      }
-      stroke: ${theme.palette.common.white};
-    `,
-    buttonCloseWrapper: css`
-      cursor: pointer;
-      position: absolute;
-      right: ${theme.spacing(3)};
-      top: ${theme.spacing(3)};
-    `,
-    headerBand: css`
-      height: ${height}px;
-    `,
-  }
-
-  return (
-    <div>
-      <div css={styles.headerBand}>
-        {props.title}
-        {!!allowBack && (
-          <div css={styles.buttonBackWrapper} onClick={onBack}>
-            <ChevronLeftOutlinedIcon height={16} width={16} />
-          </div>
-        )}
-        {!hideClose && (
-          <div css={styles.buttonCloseWrapper} onClick={onClose}>
-            <CloseIcon css={styles.buttonClose} height={16} width={16} />
-          </div>
-        )}
-      </div>
-      <div>{props.children}</div>
-    </div>
-  )
-}
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+import { css } from '@emotion/react'
+import ChevronLeftOutlinedIcon from '@mui/icons-material/ChevronLeftOutlined'
+import CloseIcon from '@mui/icons-material/Close'
+import { useTheme } from '@mui/material'
+import React from 'react'
+
+type HumaModalHeaderType = {
+  allowBack?: boolean
+  children?: React.ReactNode
+  hideClose?: boolean
+  onBack?: () => void
+  onClose: () => void
+  title?: React.ReactNode
+  height?: number
+}
+
+export function HumaModalHeader({
+  hideClose,
+  allowBack,
+  onBack = (): void => {},
+  onClose,
+  height = 52,
+  ...props
+}: HumaModalHeaderType): React.ReactElement {
+  const theme = useTheme()
+  const styles = {
+    buttonBackWrapper: css`
+      cursor: pointer;
+      position: absolute;
+      left: ${theme.spacing(2)};
+      top: ${theme.spacing(3)};
+    `,
+    buttonClose: css`
+      &:hover {
+        stroke: ${theme.palette.grey[200]};
+      }
+      stroke: ${theme.palette.common.white};
+    `,
+    buttonCloseWrapper: css`
+      cursor: pointer;
+      position: absolute;
+      right: ${theme.spacing(3)};
+      top: ${theme.spacing(3)};
+    `,
+    headerBand: css`
+      height: ${height}px;
+    `,
+  }
+
+  return (
+    <div>
+      <div css={styles.headerBand}>
+        {props.title}
+        {!!allowBack && (
+          <div css={styles.buttonBackWrapper} onClick={onBack}>
+            <ChevronLeftOutlinedIcon height={16} width={16} />
+          </div>
+        )}
+        {!hideClose && (
+          <div css={styles.buttonCloseWrapper} onClick={onClose}>
+            <CloseIcon css={styles.buttonClose} height={16} width={16} />
+          </div>
+        )}
+      </div>
+      <div>{props.children}</div>
+    </div>
+  )
+}

package/src/components/humaModal/index.tsx

@@ -1,2 +1,2 @@
-export * from './HumaModal'
-export * from './HumaModalHeader'
+export * from './HumaModal'
+export * from './HumaModalHeader'

package/src/components/icons/approve-lender.svg

@@ -1,30 +1,30 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="246" height="231" fill="none" viewBox="0 0 246 231">
-  <path stroke="#000" d="M217.875 117.345a.487.487 0 1 0 0-.974.487.487 0 0 0 0 .974ZM61.268 163.38a.487.487 0 1 0 0-.974.487.487 0 0 0 0 .974Zm-36.873 14.304a.487.487 0 1 0 0-.974.487.487 0 0 0 0 .974Zm-.908-162.709a.487.487 0 1 0 0-.975.487.487 0 0 0 0 .975Zm135.609 15.076a.488.488 0 1 0 0-.976.488.488 0 0 0 0 .976ZM93.62 189.508a.487.487 0 1 0 0-.975.487.487 0 0 0 0 .975Z"/>
-  <path stroke="#000" stroke-linecap="round" d="m214.338 44.34 2.684 1.952"/>
-  <path stroke="#A363F4" stroke-linecap="round" d="M15.164 171c-2.998 4.153-6.873 11.115-7.164 16.646m32.208 31.238a29.811 29.811 0 0 1-4.524-.062m-27.66-29.566c.055.609.165 1.193.338 1.745m.348.892c.29.607.671 1.165 1.158 1.66m.485.444c.735.607 1.662 1.097 2.808 1.446 10.258 3.126 17.831-7.246 20.335-12.822 1.761-4.303 1.703-10.9-5.51-6.812-7.212 4.086-9.55 17.53-9.817 23.742-.022 4.682 1.991 12.432 8.867 16.574m1.411.764c.33.16.67.312 1.019.455m.776.299c.603.218 1.233.411 1.892.577m.791.185c.651.139 1.33.252 2.035.339"/>
-  <path stroke="#000" stroke-linecap="round" d="M171 36.624c7.505-11.578 22.634-31.055 23.108-16.338.594 18.395-5.272 9.529-3.431 4.138 2.297-6.723 9.495-11.486 17.612-7.198m-46.81 52.681 2.684 1.953M115 2.626 117.893 1M76.568 210.462l2.684 1.952m-75.505-80.7-2.723 1.897m159.434 68.13-2.723 1.897m70.875-48.419-2.724 1.898M14.323 50.414l-1.925-2.704m217.698-31.277 3.089-1.213M211 5l1.806 2.785M1 204.976l1.805 2.784"/>
-  <path stroke="#A363F4" d="m153.061 80.582 19.053.451m-40.582 107.563 44.841.879m10.574-108.09 19.94.474v108.197l-21.926-.425"/>
-  <path stroke="#A363F4" stroke-linecap="round" d="M172.855 93.715h19.711m-31.083 12.003h27.799m-36.012 12.13h37.275m-35.885 11.246h32.473m-33.863 14.784h33.863m-29.946 13.773 23.123 1.39"/>
-  <path stroke="#000" d="m39.007 39.073 23.1-23.686m-23.1 23.686 2.154 136.638H99.9M39.007 39.073l23.1 4.11V15.388m0 0h91.026v142.48m-10.536 17.844h-15.049"/>
-  <path stroke="#000" stroke-linecap="round" d="m52.5 113 4.684 6.127L69.5 105.5m-17-21c.254.635 2.5 4 4.684 6.387L68 77.085M52.5 55.5l4.684 6.037 4.124-6.037m3.967 6.989h50.648m18.364 0H119.41M66.703 89.777h11.105m-11.106 27.922h37.918"/>
-  <path fill="#000" d="M82.439 111.271c-10.332-6.935-12.36-34.654-12.22-48.7 2.774 10.675 9.102 33.31 12.22 38.451 3.119 5.141 9.797 2.984 12.746 1.263l12.326-5.583-1.42 11.537c-5.878 4.306-17.587 7.102-23.652 3.032Zm58.592-4.658 12.008 51.485-7.925-58.605 7.925 6.259v3.174c2.955 1.85 7.132 2.875 11.835 2.468 12.346-1.066 15.158-17.043 18.675-25.652l6.547-4.686h-2.417l-5.452 3.364-1.146 2.115c-2.978 5.326-10.388 16.796-16.207 20.078-5.819 3.283-10.314-1.367-11.835-4.102l-12.008-12.345v16.447Z"/>
-  <path stroke="#000" stroke-linecap="round" d="M105.467 110.895c-1.692 13.658-5.128 43.751-5.73 55.781-.6 12.029 2.256 34.333 3.759 43.982l33.269-3.196-11.465-39.095 1.599-21.217m1.22-16.187-1.22 16.187m0 0c.407 7.698 5.619 25.089 23.211 33.058 17.593 7.969 30.387 10.464 34.585 10.714l6.766-22.555-38.72-10.526-10.697-50.524"/>
-  <path fill="#000" d="M126.49 229.746h7.797l-3.936-21.82-14.189 1.567 1.251 3.96-31.537 16.293H122.3l3.492-4.772.698 4.772Zm83.397-45.501 2.365-7.429-22.188-2.953-4.259 14.079 5.804.01 5.956 34.994 11.052-34.709-3.488-4.774 4.758.782Z"/>
-  <path stroke="#000" d="m115.14 68.176-.054-.298-.303-.004a19.468 19.468 0 0 1-1.257-.065c.905-.818 1.457-1.875 1.758-3.093a9.582 9.582 0 0 1 .539-1.573c.83-1.88 2.162-3.313 3.631-4.115 1.468-.801 3.052-.966 4.423-.36 1.373.606 2.319 1.887 2.716 3.511.396 1.626.236 3.575-.594 5.456-.83 1.882-2.163 3.313-3.631 4.115-1.467.802-3.052.967-4.424.36-1.488-.657-2.477-2.11-2.804-3.934Z" clip-rule="evenodd"/>
-  <path fill="#000" d="M121.125 66.359c-2.728-2.343-2.709-5.886-2.41-7.142 4.517-4.153 10.992-1.8 11.644 3.331 0 3.115.34 4.73 1.447 5.528 2.598 1.353 2.535 4.133 2.374 5.715l-9.096.541-.591-4.732c-.911-.178-1.564-.846-1.806-1.216.904-.447 1.989-1.7 1.094-2.72-.896-1.023-2.778.588-2.656.695Z"/>
-  <path stroke="#000" stroke-linecap="round" d="M116.521 64.11c.455-.443 1.657-1.07 2.835-.04m-2.432 5.632c.355.026 1.17-.112 1.587-.865m-1.852-3.151c.382-.544 1.434-1.334 2.594-.143"/>
-  <path fill="#000" d="M117.981 66.08a.531.531 0 1 0-.059-1.061.531.531 0 0 0 .059 1.06Z"/>
-  <path stroke="#000" stroke-linecap="round" d="M121.541 67.269c.17-.312.726-.923 1.586-.867"/>
-  <path stroke="#000" stroke-linecap="round" d="M122.324 66.642c.234.063.613.359.251 1.043m-3.537 5.037.22 2.24m5.353-4.649.492 4.24"/>
-  <path fill="#000" d="m119.549 74.485-.642-2.155c2.057.197 4.117-.67 4.891-1.13-1.549 2.072-3.479 3.053-4.249 3.285Z"/>
-  <path stroke="#000" stroke-linecap="round" d="M14.943 230h229.992"/>
-  <path stroke="#000" d="m180.362 87.471 1.694-2.987 14.07-8.565c1.385-.793 1.391-1.613.104-1.803 1.109-.264 2.164-2.151.098-2.991.883-.424 1.342-1.813-.052-2.425-.144-.064-.549-.168-1.01-.078-.461.091-1.765.544-2.36.76l2.409-2.255c.746-.699.088-2.47-1.531-1.637l-10.001 6.718 2.258-5.695c.346-1.129-.823-3.052-2.559-1.186-.873.816-7.142 9.072-10.167 13.098l-1.499 4.046"/>
-  <path stroke="#000" stroke-linecap="round" d="m196.293 74.098-7.753 3.785m7.881-6.8-8.428 4.077m5.222-6.013-5.167 3.768"/>
-  <path stroke="#000" d="M82.297 58.438c-.149-.2-7.991-14.531-11.894-21.672-.737-1.349-2.491-.922-1.744 1.868a77.534 77.534 0 0 0 2.118 6.601c-3.903 1.35-11.198 6.029-9.155 13.95 2.117 8.407 2.678-3.052 4.172-3.114 1.196-.05 5.647 6.705 7.723 10.089"/>
-  <path fill="#000" d="M118.822 72.413c-1.906-.158-3.156-2.239-3.544-3.26.294-.142.21-.153-2.467.936-2.676 1.088-2.645 3.95-2.295 5.244l8.646-.68-.34-2.24Z"/>
-  <path fill="#A363F4" d="m108.855 75.05 28.279-1.54c4.59.573 9.197 4.569 10.926 6.495l13.057 15.42 10.694-15.42 10.197 6.058c-2.528 5.359-9.078 17.022-15.046 20.802-5.969 3.78-11.357-.083-13.306-2.488L141.47 91.196l1.367 17.907-37.802 2.238 1.492-13.679-12.433 6.715c-5.258 2.488-10.026 1.652-14.427-5.222-4.239-6.622-8.487-27.382-9.684-37.218l13.626-4.294 5.227 28.42c1.897-1.09 5.775-3.86 7.716-5.167 5.712-4.144 9.307-5.595 12.303-5.846Z"/>
-  <path stroke="#000" stroke-linecap="round" d="m106.595 96.192.181-6.024m34.632-.643.181-6.023m19.279 18.713.181-6.023m-77.904-6.226 4.84-3.589"/>
-  <path fill="#000" d="m104.823 115.177.416-3.865 10.194-.603v3.941l-10.61.527Zm37.637-6.066.9 4.154-6.466.32-.357-4.123 5.923-.351Zm-24.019 5.39v-3.969l15.575-.922v4.118l-15.575.773Z"/>
-  <path stroke="#000" stroke-linecap="round" d="M107.275 116.857c.274 2.189 1.79 6.023 5.613 8.526m6.525 2.28c-2.688-.327-4.832-1.173-6.525-2.28m0 0-8.869 39.138 17.023 44.407"/>
-  <path stroke="#000" d="m127.554 140.837 21.167 31.677 41.595-.889"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="246" height="231" fill="none" viewBox="0 0 246 231">
+  <path stroke="#000" d="M217.875 117.345a.487.487 0 1 0 0-.974.487.487 0 0 0 0 .974ZM61.268 163.38a.487.487 0 1 0 0-.974.487.487 0 0 0 0 .974Zm-36.873 14.304a.487.487 0 1 0 0-.974.487.487 0 0 0 0 .974Zm-.908-162.709a.487.487 0 1 0 0-.975.487.487 0 0 0 0 .975Zm135.609 15.076a.488.488 0 1 0 0-.976.488.488 0 0 0 0 .976ZM93.62 189.508a.487.487 0 1 0 0-.975.487.487 0 0 0 0 .975Z"/>
+  <path stroke="#000" stroke-linecap="round" d="m214.338 44.34 2.684 1.952"/>
+  <path stroke="#A363F4" stroke-linecap="round" d="M15.164 171c-2.998 4.153-6.873 11.115-7.164 16.646m32.208 31.238a29.811 29.811 0 0 1-4.524-.062m-27.66-29.566c.055.609.165 1.193.338 1.745m.348.892c.29.607.671 1.165 1.158 1.66m.485.444c.735.607 1.662 1.097 2.808 1.446 10.258 3.126 17.831-7.246 20.335-12.822 1.761-4.303 1.703-10.9-5.51-6.812-7.212 4.086-9.55 17.53-9.817 23.742-.022 4.682 1.991 12.432 8.867 16.574m1.411.764c.33.16.67.312 1.019.455m.776.299c.603.218 1.233.411 1.892.577m.791.185c.651.139 1.33.252 2.035.339"/>
+  <path stroke="#000" stroke-linecap="round" d="M171 36.624c7.505-11.578 22.634-31.055 23.108-16.338.594 18.395-5.272 9.529-3.431 4.138 2.297-6.723 9.495-11.486 17.612-7.198m-46.81 52.681 2.684 1.953M115 2.626 117.893 1M76.568 210.462l2.684 1.952m-75.505-80.7-2.723 1.897m159.434 68.13-2.723 1.897m70.875-48.419-2.724 1.898M14.323 50.414l-1.925-2.704m217.698-31.277 3.089-1.213M211 5l1.806 2.785M1 204.976l1.805 2.784"/>
+  <path stroke="#A363F4" d="m153.061 80.582 19.053.451m-40.582 107.563 44.841.879m10.574-108.09 19.94.474v108.197l-21.926-.425"/>
+  <path stroke="#A363F4" stroke-linecap="round" d="M172.855 93.715h19.711m-31.083 12.003h27.799m-36.012 12.13h37.275m-35.885 11.246h32.473m-33.863 14.784h33.863m-29.946 13.773 23.123 1.39"/>
+  <path stroke="#000" d="m39.007 39.073 23.1-23.686m-23.1 23.686 2.154 136.638H99.9M39.007 39.073l23.1 4.11V15.388m0 0h91.026v142.48m-10.536 17.844h-15.049"/>
+  <path stroke="#000" stroke-linecap="round" d="m52.5 113 4.684 6.127L69.5 105.5m-17-21c.254.635 2.5 4 4.684 6.387L68 77.085M52.5 55.5l4.684 6.037 4.124-6.037m3.967 6.989h50.648m18.364 0H119.41M66.703 89.777h11.105m-11.106 27.922h37.918"/>
+  <path fill="#000" d="M82.439 111.271c-10.332-6.935-12.36-34.654-12.22-48.7 2.774 10.675 9.102 33.31 12.22 38.451 3.119 5.141 9.797 2.984 12.746 1.263l12.326-5.583-1.42 11.537c-5.878 4.306-17.587 7.102-23.652 3.032Zm58.592-4.658 12.008 51.485-7.925-58.605 7.925 6.259v3.174c2.955 1.85 7.132 2.875 11.835 2.468 12.346-1.066 15.158-17.043 18.675-25.652l6.547-4.686h-2.417l-5.452 3.364-1.146 2.115c-2.978 5.326-10.388 16.796-16.207 20.078-5.819 3.283-10.314-1.367-11.835-4.102l-12.008-12.345v16.447Z"/>
+  <path stroke="#000" stroke-linecap="round" d="M105.467 110.895c-1.692 13.658-5.128 43.751-5.73 55.781-.6 12.029 2.256 34.333 3.759 43.982l33.269-3.196-11.465-39.095 1.599-21.217m1.22-16.187-1.22 16.187m0 0c.407 7.698 5.619 25.089 23.211 33.058 17.593 7.969 30.387 10.464 34.585 10.714l6.766-22.555-38.72-10.526-10.697-50.524"/>
+  <path fill="#000" d="M126.49 229.746h7.797l-3.936-21.82-14.189 1.567 1.251 3.96-31.537 16.293H122.3l3.492-4.772.698 4.772Zm83.397-45.501 2.365-7.429-22.188-2.953-4.259 14.079 5.804.01 5.956 34.994 11.052-34.709-3.488-4.774 4.758.782Z"/>
+  <path stroke="#000" d="m115.14 68.176-.054-.298-.303-.004a19.468 19.468 0 0 1-1.257-.065c.905-.818 1.457-1.875 1.758-3.093a9.582 9.582 0 0 1 .539-1.573c.83-1.88 2.162-3.313 3.631-4.115 1.468-.801 3.052-.966 4.423-.36 1.373.606 2.319 1.887 2.716 3.511.396 1.626.236 3.575-.594 5.456-.83 1.882-2.163 3.313-3.631 4.115-1.467.802-3.052.967-4.424.36-1.488-.657-2.477-2.11-2.804-3.934Z" clip-rule="evenodd"/>
+  <path fill="#000" d="M121.125 66.359c-2.728-2.343-2.709-5.886-2.41-7.142 4.517-4.153 10.992-1.8 11.644 3.331 0 3.115.34 4.73 1.447 5.528 2.598 1.353 2.535 4.133 2.374 5.715l-9.096.541-.591-4.732c-.911-.178-1.564-.846-1.806-1.216.904-.447 1.989-1.7 1.094-2.72-.896-1.023-2.778.588-2.656.695Z"/>
+  <path stroke="#000" stroke-linecap="round" d="M116.521 64.11c.455-.443 1.657-1.07 2.835-.04m-2.432 5.632c.355.026 1.17-.112 1.587-.865m-1.852-3.151c.382-.544 1.434-1.334 2.594-.143"/>
+  <path fill="#000" d="M117.981 66.08a.531.531 0 1 0-.059-1.061.531.531 0 0 0 .059 1.06Z"/>
+  <path stroke="#000" stroke-linecap="round" d="M121.541 67.269c.17-.312.726-.923 1.586-.867"/>
+  <path stroke="#000" stroke-linecap="round" d="M122.324 66.642c.234.063.613.359.251 1.043m-3.537 5.037.22 2.24m5.353-4.649.492 4.24"/>
+  <path fill="#000" d="m119.549 74.485-.642-2.155c2.057.197 4.117-.67 4.891-1.13-1.549 2.072-3.479 3.053-4.249 3.285Z"/>
+  <path stroke="#000" stroke-linecap="round" d="M14.943 230h229.992"/>
+  <path stroke="#000" d="m180.362 87.471 1.694-2.987 14.07-8.565c1.385-.793 1.391-1.613.104-1.803 1.109-.264 2.164-2.151.098-2.991.883-.424 1.342-1.813-.052-2.425-.144-.064-.549-.168-1.01-.078-.461.091-1.765.544-2.36.76l2.409-2.255c.746-.699.088-2.47-1.531-1.637l-10.001 6.718 2.258-5.695c.346-1.129-.823-3.052-2.559-1.186-.873.816-7.142 9.072-10.167 13.098l-1.499 4.046"/>
+  <path stroke="#000" stroke-linecap="round" d="m196.293 74.098-7.753 3.785m7.881-6.8-8.428 4.077m5.222-6.013-5.167 3.768"/>
+  <path stroke="#000" d="M82.297 58.438c-.149-.2-7.991-14.531-11.894-21.672-.737-1.349-2.491-.922-1.744 1.868a77.534 77.534 0 0 0 2.118 6.601c-3.903 1.35-11.198 6.029-9.155 13.95 2.117 8.407 2.678-3.052 4.172-3.114 1.196-.05 5.647 6.705 7.723 10.089"/>
+  <path fill="#000" d="M118.822 72.413c-1.906-.158-3.156-2.239-3.544-3.26.294-.142.21-.153-2.467.936-2.676 1.088-2.645 3.95-2.295 5.244l8.646-.68-.34-2.24Z"/>
+  <path fill="#A363F4" d="m108.855 75.05 28.279-1.54c4.59.573 9.197 4.569 10.926 6.495l13.057 15.42 10.694-15.42 10.197 6.058c-2.528 5.359-9.078 17.022-15.046 20.802-5.969 3.78-11.357-.083-13.306-2.488L141.47 91.196l1.367 17.907-37.802 2.238 1.492-13.679-12.433 6.715c-5.258 2.488-10.026 1.652-14.427-5.222-4.239-6.622-8.487-27.382-9.684-37.218l13.626-4.294 5.227 28.42c1.897-1.09 5.775-3.86 7.716-5.167 5.712-4.144 9.307-5.595 12.303-5.846Z"/>
+  <path stroke="#000" stroke-linecap="round" d="m106.595 96.192.181-6.024m34.632-.643.181-6.023m19.279 18.713.181-6.023m-77.904-6.226 4.84-3.589"/>
+  <path fill="#000" d="m104.823 115.177.416-3.865 10.194-.603v3.941l-10.61.527Zm37.637-6.066.9 4.154-6.466.32-.357-4.123 5.923-.351Zm-24.019 5.39v-3.969l15.575-.922v4.118l-15.575.773Z"/>
+  <path stroke="#000" stroke-linecap="round" d="M107.275 116.857c.274 2.189 1.79 6.023 5.613 8.526m6.525 2.28c-2.688-.327-4.832-1.173-6.525-2.28m0 0-8.869 39.138 17.023 44.407"/>
+  <path stroke="#000" d="m127.554 140.837 21.167 31.677 41.595-.889"/>
+</svg>