@make-software/csprclick-ui 1.3.0 → 1.4.3

package/dist/cjs/lib/lib/Click.d.ts

@@ -12,5 +12,5 @@ interface ClickProviderProps {
     children: any;
 }
 export declare function ClickProvider(props: ClickProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare function useClickRef(): CSPRClickSDK | undefined;
+export declare function useClickRef(): CSPRClickSDK;
 export default ClickProvider;

package/dist/cjs/lib/lib/ProviderConnection/ProviderConnection.d.ts

@@ -20,5 +20,5 @@ interface ProviderConnectionProps {
     themeMode?: ThemeModeType;
     onModalClose?: () => void;
 }
-export declare const ProviderConnection: ({ clickRef, event, themeMode, onModalClose }: ProviderConnectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProviderConnection: ({ clickRef, event, themeMode, onModalClose, }: ProviderConnectionProps) => import("react/jsx-runtime").JSX.Element;
 export default ProviderConnection;

package/dist/cjs/lib/lib/{ProviderConnection/components → TransactionReview}/DeploySignatureInstructions.d.ts

@@ -1,6 +1,8 @@
-import { ThemeModeType } from "../../types";
+import { ThemeModeType } from '../types';
 interface DeploySignatureInstructionsProps {
     deployHash: string;
+    deviceTitle: string;
+    warningInfo?: any;
     themeMode?: ThemeModeType;
 }
 export declare const DeploySignatureInstructions: (props: DeploySignatureInstructionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/lib/lib/{ProviderConnection/components → TransactionReview}/MessageSignatureInstructions.d.ts

@@ -1,7 +1,8 @@
-import { ThemeModeType } from "../../types";
+import { ThemeModeType } from "../types";
 interface MessageSignatureInstructionsProps {
     message: string;
     messageHash: string;
+    deviceTitle: string;
     themeMode?: ThemeModeType;
 }
 export declare const MessageSignatureInstructions: (props: MessageSignatureInstructionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/lib/lib/TransactionReview/TransactionReviewHandler.d.ts

@@ -0,0 +1,2 @@
+import { CSPRClickSDK } from '@make-software/csprclick-core-client';
+export declare const transactionReviewHandler: (event: any, clickRef: CSPRClickSDK) => void;

package/dist/cjs/lib/lib/WalletConnect/WalletConnectConnection.d.ts

@@ -0,0 +1,22 @@
+import { AccountType, WCConnectionStatusEvent, WCPairing } from '@make-software/csprclick-core-types';
+import { CSPRClickSDK } from '@make-software/csprclick-core-client';
+import { ThemeModeType } from '../types';
+export type WalletConnectStatus = {
+    status: WCConnectionStatusEvent;
+    pairings?: WCPairing[];
+    pairingUri?: string;
+    accounts?: AccountType[];
+    deployHash?: string;
+    signatureHex?: string;
+    message?: string;
+    msgHash?: string;
+    error?: any;
+};
+interface WalletConnectConnectionProps {
+    clickRef: CSPRClickSDK;
+    event: WalletConnectStatus;
+    themeMode?: ThemeModeType;
+    onModalClose?: () => void;
+}
+export declare const WalletConnectConnection: ({ clickRef, event, themeMode, onModalClose, }: WalletConnectConnectionProps) => import("react/jsx-runtime").JSX.Element;
+export default WalletConnectConnection;

package/dist/cjs/lib/lib/WalletConnect/components/ListAccounts.d.ts

@@ -0,0 +1,13 @@
+import { AccountType } from '@make-software/csprclick-core-types';
+import { CSPRClickSDK } from '@make-software/csprclick-core-client';
+import { ThemeModeType } from '../../types';
+interface ListAccountsProps {
+    appName: string;
+    clickRef: CSPRClickSDK;
+    accounts: Array<AccountType>;
+    onAccountClick: (acc: AccountType) => Promise<void>;
+    onUseAnotherAccountClick: () => Promise<void>;
+    themeMode?: ThemeModeType;
+}
+export declare const ListAccounts: (props: ListAccountsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/lib/lib/WalletConnect/components/NewPairing.d.ts

@@ -0,0 +1,10 @@
+import { ThemeModeType } from '../../types';
+import { CSPRClickSDK } from "@make-software/csprclick-core-client";
+interface NewPairingProps {
+    pairingUri: string;
+    appName: string;
+    themeMode?: ThemeModeType;
+    clickRef: CSPRClickSDK;
+}
+export declare const NewPairing: ({ pairingUri, appName, clickRef }: NewPairingProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/lib/lib/WalletConnect/components/PairedWalletListItem.d.ts

@@ -0,0 +1,13 @@
+import { WCPairing } from '@make-software/csprclick-core-types';
+import { ThemeModeType } from '../../types';
+interface PairedWalletListItemProps {
+    wallet?: WCPairing;
+    isNarrowItem?: boolean;
+    onClick: (wallet: WCPairing | null) => void;
+    onUnpair?: (e: any, wallet: WCPairing) => void;
+    themeMode?: ThemeModeType;
+    withBalance?: boolean;
+    isItemActive?: boolean;
+}
+declare const PairedWalletListItem: ({ wallet, onClick, onUnpair, isNarrowItem, isItemActive, themeMode }: PairedWalletListItemProps) => import("react/jsx-runtime").JSX.Element;
+export default PairedWalletListItem;

package/dist/cjs/lib/lib/WalletConnect/components/PairedWallets.d.ts

@@ -0,0 +1,13 @@
+import { WCPairing } from '@make-software/csprclick-core-types';
+import { CSPRClickSDK } from '@make-software/csprclick-core-client';
+import { ThemeModeType } from '../../types';
+interface PairedWalletsProps {
+    appName: string;
+    clickRef: CSPRClickSDK;
+    pairings: Array<WCPairing>;
+    onWalletClick: (wallet: WCPairing) => Promise<void>;
+    onNewPairing: () => Promise<void>;
+    themeMode?: ThemeModeType;
+}
+export declare const PairedWallets: ({ pairings, onWalletClick, themeMode, onNewPairing, appName, clickRef }: PairedWalletsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/lib/lib/components/AccountIdenticon.d.ts

@@ -0,0 +1,9 @@
+export declare const CanvasContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    size: number;
+}, never>;
+interface AccountIdenticonProps {
+    hex: string;
+    size: 'xs' | 'sm' | 'm' | 'l' | number;
+}
+export declare const AccountIdenticon: ({ hex, size }: AccountIdenticonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/lib/lib/components/AccountListItemMenu.d.ts

@@ -2,6 +2,7 @@ interface AccountListItemMenuProps {
     onMenuOpen: () => void;
     onCloseSession: (e: any) => void;
     isItemActive?: boolean;
+    title?: string;
 }
-declare const AccountListItemMenu: ({ onMenuOpen, onCloseSession, isItemActive }: AccountListItemMenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const AccountListItemMenu: ({ onMenuOpen, onCloseSession, isItemActive, title }: AccountListItemMenuProps) => import("react/jsx-runtime").JSX.Element;
 export default AccountListItemMenu;

package/dist/cjs/lib/lib/components/WalletLogo.d.ts

@@ -1,4 +1,4 @@
-import { ThemeModeType } from '../types';
+import { ThemeModeType } from '@make-software/cspr-ui';
 export declare enum Size {
     small = "small",
     default = "default"
@@ -7,6 +7,7 @@ interface WalletLogoProps {
     providerKey: string;
     size?: Size.small | Size.default;
     themeMode?: ThemeModeType;
+    logoPath?: string;
 }
-declare const WalletLogo: ({ providerKey, size, themeMode }: WalletLogoProps) => import("react/jsx-runtime").JSX.Element;
+declare const WalletLogo: ({ providerKey, size, themeMode, logoPath }: WalletLogoProps) => import("react/jsx-runtime").JSX.Element;
 export default WalletLogo;

package/dist/cjs/lib/lib/constants/index.d.ts

@@ -5,6 +5,7 @@ export declare const MODAL_ACTIONS: {
     CHOSE_ACCOUNT: string;
     LEDGER_PROVIDER_UI: string;
     METAMASK_PROVIDER_UI: string;
+    WALLETCONNECT_PROVIDER_UI: string;
     BUY_CSPR: string;
 };
 export type MODAL_ACTIONS = string;

package/dist/cjs/lib/lib/index.d.ts

@@ -10,4 +10,5 @@ export * from './TopBar/components/AccountMenuItem';
 export * from './TopBar/components/BuyCSPRMenuItem';
 export * from './TopBar/components/CopyHashMenuItem';
 export * from './TopBar/components/ViewAccountOnExplorerMenuItem';
+export * from './components/AccountIdenticon';
 export * from './types';

package/dist/cjs/lib/lib/types/wallet.d.ts

@@ -1,17 +1,8 @@
-import { AccountType } from '@make-software/csprclick-core-types';
-export declare enum WalletKeys {
-    CasperWallet = "casper-wallet",
-    CasperSigner = "casper-signer",
-    Ledger = "ledger",
-    Torus = "torus-wallet",
-    CasperDash = "casperdash",
-    MetamaskSnap = "metamask-snap"
-}
-export type ProviderKeys = WalletKeys.CasperWallet | WalletKeys.CasperSigner;
+import { AccountType, WALLET_KEYS } from '@make-software/csprclick-core-types';
 export type Provider = {
     connected: boolean;
     icon: string;
-    key: ProviderKeys;
+    key: WALLET_KEYS;
     text: string;
 };
 export type Options = {

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { AccountType, BadgeSettings } from '@make-software/csprclick-core-types';
+import { WALLET_KEYS, AccountType, BadgeSettings } from '@make-software/csprclick-core-types';
 import CSPRClickSDK from '@make-software/csprclick-core-client/sdk';
 import { CsprClickInitOptions } from '@make-software/csprclick-core-client';
 import React from 'react';
@@ -89,19 +89,10 @@ declare const getThemesByColor: (theme: getThemesByColorProps) => {
     light: any;
 };
 
-declare enum WalletKeys {
-    CasperWallet = "casper-wallet",
-    CasperSigner = "casper-signer",
-    Ledger = "ledger",
-    Torus = "torus-wallet",
-    CasperDash = "casperdash",
-    MetamaskSnap = "metamask-snap"
-}
-type ProviderKeys = WalletKeys.CasperWallet | WalletKeys.CasperSigner;
 type Provider = {
     connected: boolean;
     icon: string;
-    key: ProviderKeys;
+    key: WALLET_KEYS;
     text: string;
 };
 type Options = {
@@ -130,7 +121,7 @@ interface ClickProviderProps {
     children: any;
 }
 declare function ClickProvider(props: ClickProviderProps): react_jsx_runtime.JSX.Element;
-declare function useClickRef(): CSPRClickSDK | undefined;
+declare function useClickRef(): CSPRClickSDK;
 
 interface ClickModalProps {
     modalAction: string;
@@ -168,6 +159,7 @@ declare const MODAL_ACTIONS: {
     CHOSE_ACCOUNT: string;
     LEDGER_PROVIDER_UI: string;
     METAMASK_PROVIDER_UI: string;
+    WALLETCONNECT_PROVIDER_UI: string;
     BUY_CSPR: string;
 };
 type MODAL_ACTIONS = string;
@@ -227,4 +219,13 @@ declare const CopyHashMenuItem: (props: any) => react_jsx_runtime.JSX.Element;
 
 declare const ViewAccountOnExplorerMenuItem: (props: any) => react_jsx_runtime.JSX.Element;
 
-export { AccountMenuItem, type AccountMenuItemProps, type BadgeBackgroundColor, type BadgeProps, BannerLink, BuyCSPRMenuItem, CURRENCY, CUSTOM, ClickModal, ClickProvider, ClickUI, CopyHashMenuItem, CsprClickThemes, type Currency, type CurrencySettings, CurrencyType, type CustomTopBarMenuItem, type CustomTopBarMenuSettings, LANGUAGE, Lang, type LanguageSettings, MODAL_ACTIONS, NETWORK, type Network, type NetworkSettings, OneClickSignInInner, type Options, type Provider, type ProviderKeys, SignIn, type SignInSceneProps, ThemeModeType, TopBar, type TopBarSettings, ViewAccountOnExplorerMenuItem, WalletKeys, getThemesByColor, type getThemesByColorProps, mappedColors, useClickBadge, useClickRef };
+declare const CanvasContainer: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
+    size: number;
+}, never>;
+interface AccountIdenticonProps {
+    hex: string;
+    size: 'xs' | 'sm' | 'm' | 'l' | number;
+}
+declare const AccountIdenticon: ({ hex, size }: AccountIdenticonProps) => react_jsx_runtime.JSX.Element;
+
+export { AccountIdenticon, AccountMenuItem, type AccountMenuItemProps, type BadgeBackgroundColor, type BadgeProps, BannerLink, BuyCSPRMenuItem, CURRENCY, CUSTOM, CanvasContainer, ClickModal, ClickProvider, ClickUI, CopyHashMenuItem, CsprClickThemes, type Currency, type CurrencySettings, CurrencyType, type CustomTopBarMenuItem, type CustomTopBarMenuSettings, LANGUAGE, Lang, type LanguageSettings, MODAL_ACTIONS, NETWORK, type Network, type NetworkSettings, OneClickSignInInner, type Options, type Provider, SignIn, type SignInSceneProps, ThemeModeType, TopBar, type TopBarSettings, ViewAccountOnExplorerMenuItem, getThemesByColor, type getThemesByColorProps, mappedColors, useClickBadge, useClickRef };

package/dist/lib/assets/generic-wallet-logo-dark.svg

@@ -0,0 +1,4 @@
+<svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" width="40" height="40" rx="6" fill="#1B254A"/>
+<path d="M28.9 14.4002H12.9C12.6878 14.4002 12.4843 14.3159 12.3343 14.1659C12.1843 14.0159 12.1 13.8124 12.1 13.6002C12.1 13.388 12.1843 13.1845 12.3343 13.0345C12.4843 12.8845 12.6878 12.8002 12.9 12.8002H26.5C26.7122 12.8002 26.9157 12.7159 27.0657 12.5659C27.2157 12.4159 27.3 12.2124 27.3 12.0002C27.3 11.788 27.2157 11.5845 27.0657 11.4345C26.9157 11.2845 26.7122 11.2002 26.5 11.2002H12.9C12.2635 11.2002 11.653 11.4531 11.2029 11.9031C10.7529 12.3532 10.5 12.9637 10.5 13.6002V26.4002C10.5 27.0367 10.7529 27.6472 11.2029 28.0973C11.653 28.5473 12.2635 28.8002 12.9 28.8002H28.9C29.3243 28.8002 29.7313 28.6316 30.0314 28.3316C30.3314 28.0315 30.5 27.6245 30.5 27.2002V16.0002C30.5 15.5758 30.3314 15.1689 30.0314 14.8688C29.7313 14.5688 29.3243 14.4002 28.9 14.4002ZM25.3 22.4002C25.0627 22.4002 24.8307 22.3298 24.6333 22.198C24.436 22.0661 24.2822 21.8787 24.1913 21.6594C24.1005 21.4401 24.0768 21.1989 24.1231 20.9661C24.1694 20.7333 24.2836 20.5195 24.4515 20.3517C24.6193 20.1838 24.8331 20.0696 25.0659 20.0233C25.2987 19.977 25.5399 20.0007 25.7592 20.0915C25.9785 20.1824 26.1659 20.3362 26.2978 20.5335C26.4296 20.7309 26.5 20.9629 26.5 21.2002C26.5 21.5185 26.3736 21.8237 26.1485 22.0487C25.9235 22.2738 25.6183 22.4002 25.3 22.4002Z" fill="#8D92A6"/>
+</svg>

package/dist/lib/assets/generic-wallet-logo.svg

@@ -0,0 +1,4 @@
+<svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" width="40" height="40" rx="6" fill="#F5F5F7"/>
+<path d="M28.9 14.4002H12.9C12.6878 14.4002 12.4843 14.3159 12.3343 14.1659C12.1843 14.0159 12.1 13.8124 12.1 13.6002C12.1 13.388 12.1843 13.1845 12.3343 13.0345C12.4843 12.8845 12.6878 12.8002 12.9 12.8002H26.5C26.7122 12.8002 26.9157 12.7159 27.0657 12.5659C27.2157 12.4159 27.3 12.2124 27.3 12.0002C27.3 11.788 27.2157 11.5845 27.0657 11.4345C26.9157 11.2845 26.7122 11.2002 26.5 11.2002H12.9C12.2635 11.2002 11.653 11.4531 11.2029 11.9031C10.7529 12.3532 10.5 12.9637 10.5 13.6002V26.4002C10.5 27.0367 10.7529 27.6472 11.2029 28.0973C11.653 28.5473 12.2635 28.8002 12.9 28.8002H28.9C29.3243 28.8002 29.7313 28.6316 30.0314 28.3316C30.3314 28.0315 30.5 27.6245 30.5 27.2002V16.0002C30.5 15.5758 30.3314 15.1689 30.0314 14.8688C29.7313 14.5688 29.3243 14.4002 28.9 14.4002ZM25.3 22.4002C25.0627 22.4002 24.8307 22.3298 24.6333 22.198C24.436 22.0661 24.2822 21.8787 24.1913 21.6594C24.1005 21.4401 24.0768 21.1989 24.1231 20.9661C24.1694 20.7333 24.2836 20.5195 24.4515 20.3517C24.6193 20.1838 24.8331 20.0696 25.0659 20.0233C25.2987 19.977 25.5399 20.0007 25.7592 20.0915C25.9785 20.1824 26.1659 20.3362 26.2978 20.5335C26.4296 20.7309 26.5 20.9629 26.5 21.2002C26.5 21.5185 26.3736 21.8237 26.1485 22.0487C25.9235 22.2738 25.6183 22.4002 25.3 22.4002Z" fill="#D2D3D9"/>
+</svg>

package/dist/lib/assets/icons/ic-error.svg

@@ -0,0 +1,10 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1414_5763)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9995 1.89429L16.0942 10.6036C16.6244 11.4999 16.6358 12.6109 16.1242 13.5179C15.6119 14.4259 14.6545 14.9898 13.6002 15L3.39104 15C2.34761 14.9915 1.38833 14.4259 0.876015 13.517C0.364123 12.6089 0.376079 11.4955 0.904559 10.6069L6.00114 1.89433C6.51898 1.00292 7.47263 0.45485 8.50371 0.456057C9.53469 0.457264 10.488 1.00761 10.9995 1.89429ZM9.23038 4.8186H7.77539V9.90941H9.23038L9.23038 4.8186ZM9.22819 11.3637C9.22819 11.7654 8.90248 12.091 8.50069 12.091C8.0989 12.091 7.77319 11.7654 7.77319 11.3637C7.77319 10.9621 8.0989 10.6365 8.50069 10.6365C8.90248 10.6365 9.22819 10.9621 9.22819 11.3637Z" fill="#E6332A"/>
+</g>
+<defs>
+<clipPath id="clip0_1414_5763">
+<rect width="16" height="16" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

package/dist/lib/assets/logos/walletconnect-logo.svg

@@ -0,0 +1,16 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1262_134949)">
+<mask id="mask0_1262_134949" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="40" height="40">
+<path d="M0 0H40V40H0V0Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1262_134949)">
+<path d="M20 39.9501C31.0181 39.9501 39.9501 31.0181 39.9501 20C39.9501 8.98197 31.0181 0.0500488 20 0.0500488C8.98197 0.0500488 0.0500488 8.98197 0.0500488 20C0.0500488 31.0181 8.98197 39.9501 20 39.9501Z" fill="#3396FF" stroke="#66B1FF" stroke-width="0.09"/>
+<path d="M12.252 14.8965C16.5311 10.7236 23.4691 10.7236 27.7482 14.8965L28.2632 15.3987C28.4772 15.6073 28.4772 15.9456 28.2632 16.1542L26.5015 17.8722C26.3945 17.9765 26.2211 17.9765 26.1141 17.8722L25.4054 17.1811C22.4201 14.27 17.5801 14.27 14.5948 17.1811L13.8358 17.9212C13.7288 18.0255 13.5554 18.0255 13.4484 17.9212L11.6867 16.2032C11.4727 15.9946 11.4727 15.6563 11.6867 15.4477L12.252 14.8965ZM31.3917 18.4494L32.9596 19.9784C33.1736 20.187 33.1736 20.5253 32.9596 20.7339L25.8896 27.6283C25.6757 27.837 25.3288 27.837 25.1148 27.6283L20.097 22.7352C20.0435 22.683 19.9568 22.683 19.9033 22.7352L14.8855 27.6283C14.6716 27.837 14.3247 27.837 14.1107 27.6283L7.0406 20.7338C6.82664 20.5252 6.82664 20.1869 7.0406 19.9783L8.60855 18.4493C8.82251 18.2407 9.1694 18.2407 9.38336 18.4493L14.4012 23.3425C14.4547 23.3947 14.5414 23.3947 14.5949 23.3425L19.6126 18.4493C19.8265 18.2406 20.1734 18.2406 20.3874 18.4493L25.4053 23.3425C25.4588 23.3947 25.5455 23.3947 25.599 23.3425L30.6169 18.4494C30.8308 18.2407 31.1777 18.2407 31.3917 18.4494Z" fill="white"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_1262_134949">
+<rect width="40" height="40" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/lib/assets/logos/walletconnect-white-bg.svg

@@ -0,0 +1,3 @@
+<svg width="61" height="60" viewBox="0 0 61 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.2156 22.1913C24.9997 15.543 35.9988 15.543 42.7829 22.1913L43.5993 22.9914C43.9385 23.3239 43.9385 23.8628 43.5993 24.1953L40.8064 26.9323C40.6367 27.0986 40.3618 27.0986 40.1921 26.9323L39.0686 25.8313C34.3358 21.1932 26.6626 21.1932 21.9298 25.8313L20.7266 27.0104C20.557 27.1766 20.2821 27.1766 20.1124 27.0104L17.3195 24.2733C16.9802 23.9409 16.9802 23.402 17.3195 23.0695L18.2156 22.1913ZM48.559 27.852L51.0449 30.2879C51.384 30.6204 51.384 31.1593 51.0449 31.4918L39.8364 42.4762C39.4972 42.8086 38.9472 42.8086 38.608 42.4762L30.6528 34.6803C30.568 34.5971 30.4305 34.5971 30.3457 34.6803L22.3908 42.4762C22.0516 42.8086 21.5016 42.8086 21.1624 42.4762L9.95362 31.4917C9.61442 31.1592 9.61442 30.6203 9.95362 30.2878L12.4394 27.8518C12.7786 27.5194 13.3286 27.5194 13.6678 27.8518L21.623 35.6478C21.7078 35.731 21.8452 35.731 21.9301 35.6478L29.8849 27.8518C30.2241 27.5194 30.7741 27.5194 31.1133 27.8518L39.0685 35.6478C39.1533 35.731 39.2908 35.731 39.3756 35.6478L47.3306 27.852C47.6699 27.5195 48.2198 27.5195 48.559 27.852Z" fill="#3396FF"/>
+</svg>