@mezo-org/passport 0.4.0-dev.47 → 0.4.0-dev.49

package/dist/index.d.ts

@@ -0,0 +1,31 @@
+import * as _mezo_org_orangekit from '@mezo-org/orangekit';
+export { BitcoinWalletConnectionError, WalletNetworkDoesNotMatchProviderChainError, getOKXWallet, getUnisatWallet, getXverseWallet, isUnsupportedBitcoinAddressError, isWalletNetworkDoesNotMatchProviderChainError, mezoMatsnetTestnet, useBitcoinAccount, useSendBitcoin, useSendTransaction, useSubscribeToConnectedToUnsupportedBitcoinAddress, useSubscribeToConnectorEvent, useSubscribeToWalletNetworkDoesNotMatchProviderChain } from '@mezo-org/orangekit';
+import { WalletList, Chain } from '@rainbow-me/rainbowkit';
+import { CreateConfigParameters, Config } from 'wagmi';
+
+type WagmiConfigParameters = Omit<CreateConfigParameters, "client" | "connectors" | "chains" | "wallets" | "transports">;
+type GetDefaultConfigParameters = WagmiConfigParameters & {
+    appName: string;
+    appDescription?: string;
+    appUrl?: string;
+    appIcon?: string;
+    bitcoinWallets?: WalletList;
+    walletConnectProjectId?: string;
+    chains?: [Chain, ...Chain[]];
+    transports?: Pick<CreateConfigParameters, "transports">;
+};
+declare const defaultConfig: Required<Pick<GetDefaultConfigParameters, "transports" | "walletConnectProjectId" | "chains" | "multiInjectedProviderDiscovery">>;
+declare const unisatWallet: _mezo_org_orangekit.CreateWalletFn;
+declare const okxWallet: _mezo_org_orangekit.CreateWalletFn;
+declare const xverseWallet: _mezo_org_orangekit.CreateWalletFn;
+declare function getDefaultWallets(): WalletList;
+declare function getConfig({ appName, bitcoinWallets, walletConnectProjectId, ...restParameters }: GetDefaultConfigParameters): Config;
+
+declare const CHAIN_ID: {
+    testnet: 31611;
+};
+declare const RPC_BY_NETWORK: {
+    testnet: "https://rpc.test.mezo.org";
+};
+
+export { CHAIN_ID, RPC_BY_NETWORK, defaultConfig, getConfig, getDefaultWallets, okxWallet, unisatWallet, xverseWallet };

package/dist/src/components/Dropdown/AccountAddress.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type AccountAddressProps = {
+    address: string;
+    type: "bitcoin" | "evm";
+};
+export default function AccountAddress(props: AccountAddressProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=AccountAddress.d.ts.map

package/dist/src/components/Dropdown/AccountAddress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountAddress.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/AccountAddress.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAMpD,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,SAAS,GAAG,KAAK,CAAA;CACxB,CAAA;AAID,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBA6GhE"}

package/dist/src/components/Dropdown/AccountAddress.js

@@ -0,0 +1,66 @@
+import { Block, Copy03 as CopyIcon, LinkExternal02 as LinkIcon, ParagraphSmall, useStyletron, } from "@mezo-org/mezo-clay";
+import React, { useCallback, useState } from "react";
+import { useCopyToClipboard } from "usehooks-ts";
+import { usePassportContext } from "../../hooks/usePassportContext";
+import { getAddressExplorerUrl, trimAddress } from "../../utils/address";
+import { getCryptoAsset } from "../../utils/cryptoAssets";
+// TODO: Add visual feedback on copy
+export default function AccountAddress(props) {
+    const { address, type } = props;
+    const { environment } = usePassportContext();
+    const blockExplorerUrl = getAddressExplorerUrl(address, type, environment === "testnet");
+    const trimmedAddress = trimAddress(address);
+    const { icon: accountIcon } = getCryptoAsset(type === "bitcoin" ? "btc" : "eth");
+    const [, theme] = useStyletron();
+    const [, copy] = useCopyToClipboard();
+    const [isCopiedMessageVisible, setIsCopiedMessageVisible] = useState(false);
+    const handleCopyAddress = useCallback(() => {
+        copy(address);
+        setIsCopiedMessageVisible(true);
+        setTimeout(() => {
+            setIsCopiedMessageVisible(false);
+        }, 2000);
+    }, [copy, address]);
+    return (React.createElement(Block, { as: "button", onClick: handleCopyAddress, display: "flex", alignItems: "center", backgroundColor: "transparent", padding: `${theme.sizing.scale600} ${theme.sizing.scale500}`, overrides: {
+            Block: {
+                style: {
+                    borderWidth: 0,
+                    cursor: "pointer",
+                    ":hover": {
+                        backgroundColor: theme.colors.backgroundTertiary,
+                    },
+                },
+            },
+        } },
+        React.createElement(Block, { as: accountIcon, size: theme.sizing.scale600 }),
+        isCopiedMessageVisible ? (React.createElement(ParagraphSmall, { margin: 0, marginLeft: theme.sizing.scale300, color: theme.colors.gray800 }, "Copied address to clipboard")) : (React.createElement(Block, { as: "a", marginLeft: theme.sizing.scale300, href: blockExplorerUrl, target: "_blank", overrides: {
+                Block: {
+                    style: {
+                        color: "inherit",
+                        textDecoration: "none",
+                        ":hover": {
+                            textDecoration: "underline",
+                        },
+                    },
+                },
+            } },
+            React.createElement(ParagraphSmall, { display: "flex", alignItems: "center", margin: 0, color: theme.colors.gray800 },
+                trimmedAddress,
+                React.createElement(LinkIcon, { display: "inline", size: theme.sizing.scale550, overrides: {
+                        Svg: {
+                            style: {
+                                stroke: "currentColor",
+                                marginLeft: theme.sizing.scale200,
+                            },
+                        },
+                    } })))),
+        React.createElement(CopyIcon, { size: theme.sizing.scale550, overrides: {
+                Svg: {
+                    style: {
+                        marginLeft: "auto",
+                        stroke: "currentColor",
+                    },
+                },
+            } })));
+}
+//# sourceMappingURL=AccountAddress.js.map

package/dist/src/components/Dropdown/AccountAddress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountAddress.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/AccountAddress.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/Dropdown/AccountAssets.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { CryptoAssetKey } from "../../utils/cryptoAssets";
+type AccountAssetsProps = {
+    label: string | React.ReactNode;
+    assets: {
+        type: CryptoAssetKey;
+        balance: string;
+        balanceInUsd: string;
+    }[];
+};
+export default function AccountAssets(props: AccountAssetsProps): React.JSX.Element | null;
+export {};
+//# sourceMappingURL=AccountAssets.d.ts.map

package/dist/src/components/Dropdown/AccountAssets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountAssets.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/AccountAssets.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,cAAc,EAAkB,MAAM,0BAA0B,CAAA;AAEzE,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC/B,MAAM,EAAE;QACN,IAAI,EAAE,cAAc,CAAA;QACpB,OAAO,EAAE,MAAM,CAAA;QACf,YAAY,EAAE,MAAM,CAAA;KACrB,EAAE,CAAA;CACJ,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,4BAyF9D"}

package/dist/src/components/Dropdown/AccountAssets.js

@@ -0,0 +1,43 @@
+import { Block, LabelSmall, ParagraphSmall, useStyletron, } from "@mezo-org/mezo-clay";
+import React, { useMemo } from "react";
+import { getCryptoAsset } from "../../utils/cryptoAssets";
+export default function AccountAssets(props) {
+    const { label, assets } = props;
+    const [, theme] = useStyletron();
+    const assetsData = useMemo(() => assets.map((token) => {
+        const { name, symbol, icon } = getCryptoAsset(token.type);
+        return {
+            ...token,
+            icon,
+            label: name,
+            symbol,
+        };
+    }), [assets]);
+    const labelContent = typeof label === "string" ? (React.createElement(ParagraphSmall, { margin: 0, color: theme.colors.gray800 }, label)) : (label);
+    if (assetsData.length === 0) {
+        return null;
+    }
+    return (React.createElement(Block, { padding: `0 ${theme.sizing.scale500}` },
+        React.createElement(Block, { margin: `${theme.sizing.scale400} 0` }, labelContent),
+        React.createElement(Block, { as: "ul", marginBottom: theme.sizing.scale600, padding: 0, display: "flex", flexDirection: "column", overrides: {
+                Block: {
+                    style: {
+                        gap: theme.sizing.scale100,
+                    },
+                },
+            } }, assetsData.map((asset) => (React.createElement(Block, { as: "li", key: `${asset.type}-${asset.balance}`, display: "flex", justifyContent: "space-between", alignItems: "center", margin: `${theme.sizing.scale100} 0` },
+            React.createElement(asset.icon, { size: theme.sizing.scale800, overrides: {
+                    Svg: {
+                        style: {
+                            marginRight: theme.sizing.scale500,
+                        },
+                    },
+                } }),
+            React.createElement(Block, { flex: 1 },
+                React.createElement(LabelSmall, { margin: 0 }, asset.label),
+                React.createElement(ParagraphSmall, { margin: 0, color: theme.colors.gray500 }, asset.symbol)),
+            React.createElement(Block, { display: "flex", alignItems: "end", flexDirection: "column" },
+                React.createElement(LabelSmall, { margin: 0 }, asset.balance),
+                React.createElement(ParagraphSmall, { margin: 0, color: theme.colors.gray500 }, asset.balanceInUsd))))))));
+}
+//# sourceMappingURL=AccountAssets.js.map

package/dist/src/components/Dropdown/AccountAssets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountAssets.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/AccountAssets.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/Dropdown/AccountBalance.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type AccountBalanceProps = {
+    amount: string;
+};
+export default function AccountBalance(props: AccountBalanceProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=AccountBalance.d.ts.map

package/dist/src/components/Dropdown/AccountBalance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountBalance.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/AccountBalance.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAsBhE"}

package/dist/src/components/Dropdown/AccountBalance.js

@@ -0,0 +1,16 @@
+import { Block, HeadingSmall, ParagraphSmall, useStyletron, } from "@mezo-org/mezo-clay";
+import React from "react";
+export default function AccountBalance(props) {
+    const { amount } = props;
+    const [, theme] = useStyletron();
+    return (React.createElement(Block, { padding: theme.sizing.scale500, overrides: {
+            Block: {
+                style: {
+                    borderBottom: `1px solid ${theme.colors.backgroundPrimary}`,
+                },
+            },
+        } },
+        React.createElement(ParagraphSmall, { margin: 0, color: theme.colors.gray800 }, "Available balance"),
+        React.createElement(HeadingSmall, { margin: 0 }, amount)));
+}
+//# sourceMappingURL=AccountBalance.js.map

package/dist/src/components/Dropdown/AccountBalance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountBalance.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/AccountBalance.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,YAAY,EACZ,cAAc,EACd,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA0B;IAC/D,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAExB,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAC9B,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,YAAY,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,iBAAiB,EAAE;iBAC5D;aACF;SACF;QAED,oBAAC,cAAc,IAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,wBAErC;QACjB,oBAAC,YAAY,IAAC,MAAM,EAAE,CAAC,IAAG,MAAM,CAAgB,CAC1C,CACT,CAAA;AACH,CAAC"}

package/dist/src/components/Dropdown/WelcomeBlock.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type WelcomeBlockProps = {
+    mezoId: string;
+    matsBalance: string;
+};
+export default function WelcomeBlock(props: WelcomeBlockProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=WelcomeBlock.d.ts.map

package/dist/src/components/Dropdown/WelcomeBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WelcomeBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/WelcomeBlock.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAyE5D"}

package/dist/src/components/Dropdown/WelcomeBlock.js

@@ -0,0 +1,43 @@
+import { Block, HeadingSmall, LabelSmall, Mats, useStyletron, } from "@mezo-org/mezo-clay";
+import React from "react";
+import DefaultAvatar from "../../assets/DefaultAvatar";
+const DOT_DELIMITER_REGEX = /(?=\.)/;
+export default function WelcomeBlock(props) {
+    const { mezoId, matsBalance } = props;
+    const [name, nameSuffix] = mezoId.split(DOT_DELIMITER_REGEX);
+    const [, theme] = useStyletron();
+    return (React.createElement(Block, { display: "flex", alignItems: "center", padding: `${theme.sizing.scale600} 0`, marginBottom: theme.sizing.scale300, overrides: {
+            Block: {
+                style: {
+                    gap: theme.sizing.scale600,
+                },
+            },
+        } },
+        React.createElement(Block, { as: DefaultAvatar, width: theme.sizing.scale1200, height: theme.sizing.scale1200, overrides: {
+                Block: {
+                    style: {
+                        borderRadius: "100%",
+                    },
+                },
+            } }),
+        React.createElement(Block, { display: "flex", flexDirection: "column", overrides: {
+                Block: {
+                    style: {
+                        gap: theme.sizing.scale100,
+                    },
+                },
+            } },
+            React.createElement(HeadingSmall, { as: "span" },
+                React.createElement(Block, { as: "span" }, name),
+                React.createElement(Block, { as: "span", color: theme.colors.gray500 }, nameSuffix)),
+            React.createElement(LabelSmall, { display: "flex", alignItems: "center", margin: 0, color: theme.colors.contentTertiary, overrides: {
+                    Block: {
+                        style: {
+                            gap: theme.sizing.scale300,
+                        },
+                    },
+                } },
+                React.createElement(Mats, { color: theme.colors.contentPrimary, size: theme.sizing.scale600 }),
+                matsBalance))));
+}
+//# sourceMappingURL=WelcomeBlock.js.map

package/dist/src/components/Dropdown/WelcomeBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WelcomeBlock.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/WelcomeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,YAAY,EACZ,UAAU,EACV,IAAI,EACJ,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,aAAa,MAAM,4BAA4B,CAAA;AAEtD,MAAM,mBAAmB,GAAG,QAAQ,CAAA;AAOpC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAwB;IAC3D,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAErC,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAA;IAC5D,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,IAAI,EACrC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EACnC,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;iBAC3B;aACF;SACF;QAED,oBAAC,KAAK,IACJ,EAAE,EAAE,aAAa,EACjB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EAC7B,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EAC9B,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,KAAK,EAAE;wBACL,YAAY,EAAE,MAAM;qBACrB;iBACF;aACF,GACD;QAEF,oBAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,KAAK,EAAE;wBACL,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;qBAC3B;iBACF;aACF;YAED,oBAAC,YAAY,IAAC,EAAE,EAAC,MAAM;gBACrB,oBAAC,KAAK,IAAC,EAAE,EAAC,MAAM,IAAE,IAAI,CAAS;gBAC/B,oBAAC,KAAK,IAAC,EAAE,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,IACzC,UAAU,CACL,CACK;YAEf,oBAAC,UAAU,IACT,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,EACnC,SAAS,EAAE;oBACT,KAAK,EAAE;wBACL,KAAK,EAAE;4BACL,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;yBAC3B;qBACF;iBACF;gBAED,oBAAC,IAAI,IACH,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,EAClC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,GAC3B;gBACD,WAAW,CACD,CACP,CACF,CACT,CAAA;AACH,CAAC"}

package/dist/src/hooks/useAssetsUSDConversion.d.ts

@@ -0,0 +1,8 @@
+import { UseBaseQueryOptions } from "@tanstack/react-query";
+type AssetsUsdConversion = {
+    btcUsd: string;
+    ethUsd: string;
+};
+export declare function useAssetsUsdConversion(useQueryOptions?: Partial<UseBaseQueryOptions<AssetsUsdConversion>>): import("@tanstack/react-query").UseQueryResult<AssetsUsdConversion, Error>;
+export {};
+//# sourceMappingURL=useAssetsUSDConversion.d.ts.map

package/dist/src/hooks/useAssetsUSDConversion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetsUSDConversion.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAssetsUSDConversion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAY,MAAM,uBAAuB,CAAA;AAKrE,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,sBAAsB,CACpC,eAAe,GAAE,OAAO,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAM,8EAmBxE"}

package/dist/src/hooks/useAssetsUSDConversion.js

@@ -0,0 +1,21 @@
+import { useQuery } from "@tanstack/react-query";
+import { ONE_MINUTE_MS } from "../utils/time";
+import { QUERY_KEYS } from "./constants";
+import { usePortalApiClient } from "./usePortalApiClient";
+export function useAssetsUsdConversion(useQueryOptions = {}) {
+    const portalApiClient = usePortalApiClient();
+    return useQuery({
+        queryKey: [QUERY_KEYS.ASSETS_USD_CONVERSION],
+        queryFn: async () => {
+            const { currentUsdPerBtc, currentUsdPerEth } = await portalApiClient.getPortalStatistics();
+            return {
+                btcUsd: currentUsdPerBtc,
+                ethUsd: currentUsdPerEth,
+            };
+        },
+        staleTime: 30 * ONE_MINUTE_MS,
+        retry: 1,
+        ...useQueryOptions,
+    });
+}
+//# sourceMappingURL=useAssetsUSDConversion.js.map

package/dist/src/hooks/useAssetsUSDConversion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetsUSDConversion.js","sourceRoot":"","sources":["../../../src/hooks/useAssetsUSDConversion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAOzD,MAAM,UAAU,sBAAsB,CACpC,kBAAqE,EAAE;IAEvE,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAA;IAE5C,OAAO,QAAQ,CAAC;QACd,QAAQ,EAAE,CAAC,UAAU,CAAC,qBAAqB,CAAC;QAC5C,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAC1C,MAAM,eAAe,CAAC,mBAAmB,EAAE,CAAA;YAE7C,OAAO;gBACL,MAAM,EAAE,gBAAgB;gBACxB,MAAM,EAAE,gBAAgB;aACzB,CAAA;QACH,CAAC;QACD,SAAS,EAAE,EAAE,GAAG,aAAa;QAC7B,KAAK,EAAE,CAAC;QACR,GAAG,eAAe;KACnB,CAAC,CAAA;AACJ,CAAC"}