@0xsequence/connect 0.0.0-20250314205219

package/dist/cjs/components/ConnectButton/ConnectButton.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppleWaasConnectButton = exports.GoogleWaasConnectButton = exports.ShowAllWalletsButton = exports.ConnectButton = exports.getLogo = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const google_1 = require("@react-oauth/google");
+const react_1 = require("react");
+const react_apple_signin_auth_1 = require("react-apple-signin-auth");
+const constants_1 = require("../../constants");
+const useStorage_1 = require("../../hooks/useStorage");
+const BUTTON_HEIGHT = '52px';
+const BUTTON_HEIGHT_DESCRIPTIVE = '44px';
+const iconSizeClasses = 'w-8 h-8';
+const iconDescriptiveSizeClasses = 'w-6 h-6';
+const getLogo = (theme, walletProps) => theme === 'dark'
+    ? walletProps.logoDark || walletProps.monochromeLogoDark
+    : walletProps.logoLight || walletProps.monochromeLogoLight;
+exports.getLogo = getLogo;
+const ConnectButton = (props) => {
+    const { connector, label, onConnect } = props;
+    const { theme } = (0, design_system_1.useTheme)();
+    const walletProps = connector._wallet;
+    const isDescriptive = props.isDescriptive || false;
+    const Logo = (0, exports.getLogo)(theme, walletProps);
+    if (isDescriptive) {
+        return ((0, jsx_runtime_1.jsx)(design_system_1.Tooltip, { message: label || walletProps.name, children: (0, jsx_runtime_1.jsxs)(design_system_1.Card, { className: "flex gap-1 justify-center items-center w-full", clickable: true, onClick: () => onConnect(connector), style: { height: BUTTON_HEIGHT_DESCRIPTIVE }, children: [(0, jsx_runtime_1.jsx)(Logo, { className: iconDescriptiveSizeClasses }), (0, jsx_runtime_1.jsxs)(design_system_1.Text, { color: "primary", variant: "normal", fontWeight: "bold", children: ["Continue with ", label || walletProps.name] })] }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)(design_system_1.Tooltip, { message: label || walletProps.name, children: (0, jsx_runtime_1.jsx)(design_system_1.Card, { className: "flex justify-center items-center w-full", clickable: true, onClick: () => onConnect(connector), style: {
+                height: BUTTON_HEIGHT
+            }, children: (0, jsx_runtime_1.jsx)(Logo, { className: iconSizeClasses }) }) }));
+};
+exports.ConnectButton = ConnectButton;
+const ShowAllWalletsButton = ({ onClick }) => {
+    return ((0, jsx_runtime_1.jsx)(design_system_1.Tooltip, { message: "Show more", children: (0, jsx_runtime_1.jsx)(design_system_1.Card, { className: "flex justify-center items-center w-full", clickable: true, onClick: onClick, style: {
+                height: BUTTON_HEIGHT
+            }, children: (0, jsx_runtime_1.jsx)(design_system_1.EllipsisIcon, { className: "text-primary", size: "xl" }) }) }));
+};
+exports.ShowAllWalletsButton = ShowAllWalletsButton;
+const GoogleWaasConnectButton = (props) => {
+    const { connector, onConnect, isDescriptive = false } = props;
+    const storage = (0, useStorage_1.useStorage)();
+    const [enableGoogleTooltip, setEnableGoogleTooltip] = (0, react_1.useState)(false);
+    const { theme } = (0, design_system_1.useTheme)();
+    const walletProps = connector._wallet;
+    const Logo = (0, exports.getLogo)(theme, walletProps);
+    (0, react_1.useEffect)(() => {
+        setTimeout(() => {
+            setEnableGoogleTooltip(true);
+        }, 300);
+    });
+    const WaasLoginContent = () => {
+        if (isDescriptive) {
+            return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 justify-center items-center bg-background-secondary absolute pointer-events-none w-full h-full top-0 right-0", children: [(0, jsx_runtime_1.jsx)(Logo, { className: iconDescriptiveSizeClasses }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", variant: "normal", fontWeight: "bold", children: "Continue with Google" })] }));
+        }
+        return ((0, jsx_runtime_1.jsx)("div", { className: "flex bg-background-secondary justify-center items-center absolute pointer-events-none w-full h-full top-0 right-0", children: (0, jsx_runtime_1.jsx)(Logo, { className: iconSizeClasses }) }));
+    };
+    const buttonHeight = isDescriptive ? BUTTON_HEIGHT_DESCRIPTIVE : BUTTON_HEIGHT;
+    return ((0, jsx_runtime_1.jsx)(design_system_1.Tooltip, { message: "Google", disabled: !enableGoogleTooltip, children: (0, jsx_runtime_1.jsxs)(design_system_1.Card, { className: "bg-transparent p-0 w-full relative", clickable: true, style: {
+                height: buttonHeight
+            }, children: [(0, jsx_runtime_1.jsx)("div", { className: "flex flex-row h-full overflow-hidden items-center justify-center", style: {
+                        opacity: 0.0000001,
+                        transform: 'scale(100)'
+                    }, children: (0, jsx_runtime_1.jsx)(google_1.GoogleLogin, { width: "56", type: "icon", size: "large", onSuccess: credentialResponse => {
+                            if (credentialResponse.credential) {
+                                storage?.setItem(constants_1.LocalStorageKey.WaasGoogleIdToken, credentialResponse.credential);
+                                onConnect(connector);
+                            }
+                        }, onError: () => {
+                            console.log('Login Failed');
+                        } }) }), (0, jsx_runtime_1.jsx)(WaasLoginContent, {})] }) }));
+};
+exports.GoogleWaasConnectButton = GoogleWaasConnectButton;
+const AppleWaasConnectButton = (props) => {
+    const { connector, onConnect } = props;
+    const storage = (0, useStorage_1.useStorage)();
+    const { data: appleClientId } = (0, useStorage_1.useStorageItem)(constants_1.LocalStorageKey.WaasAppleClientID);
+    const { data: appleRedirectUri } = (0, useStorage_1.useStorageItem)(constants_1.LocalStorageKey.WaasAppleRedirectURI);
+    return appleClientId && appleRedirectUri ? ((0, jsx_runtime_1.jsx)(exports.ConnectButton, { ...props, connector: connector, onConnect: () => {
+            react_apple_signin_auth_1.appleAuthHelpers.signIn({
+                authOptions: {
+                    clientId: appleClientId,
+                    redirectURI: appleRedirectUri,
+                    scope: 'openid email',
+                    usePopup: true
+                },
+                onSuccess: (response) => {
+                    if (response.authorization?.id_token) {
+                        storage?.setItem(constants_1.LocalStorageKey.WaasAppleIdToken, response.authorization.id_token);
+                        onConnect(connector);
+                    }
+                    else {
+                        console.log('Apple login error: No id_token found');
+                    }
+                },
+                onError: (error) => console.error(error)
+            });
+        } })) : null;
+};
+exports.AppleWaasConnectButton = AppleWaasConnectButton;
+//# sourceMappingURL=ConnectButton.js.map

package/dist/cjs/components/ConnectButton/ConnectButton.js.map

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

package/dist/cjs/components/ConnectButton/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShowAllWalletsButton = exports.AppleWaasConnectButton = exports.GoogleWaasConnectButton = exports.ConnectButton = exports.getLogo = void 0;
+var ConnectButton_1 = require("./ConnectButton");
+Object.defineProperty(exports, "getLogo", { enumerable: true, get: function () { return ConnectButton_1.getLogo; } });
+Object.defineProperty(exports, "ConnectButton", { enumerable: true, get: function () { return ConnectButton_1.ConnectButton; } });
+Object.defineProperty(exports, "GoogleWaasConnectButton", { enumerable: true, get: function () { return ConnectButton_1.GoogleWaasConnectButton; } });
+Object.defineProperty(exports, "AppleWaasConnectButton", { enumerable: true, get: function () { return ConnectButton_1.AppleWaasConnectButton; } });
+Object.defineProperty(exports, "ShowAllWalletsButton", { enumerable: true, get: function () { return ConnectButton_1.ShowAllWalletsButton; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/ConnectButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ConnectButton/index.ts"],"names":[],"mappings":";;;AAAA,iDAA+H;AAAtH,wGAAA,OAAO,OAAA;AAAE,8GAAA,aAAa,OAAA;AAAE,wHAAA,uBAAuB,OAAA;AAAE,uHAAA,sBAAsB,OAAA;AAAE,qHAAA,oBAAoB,OAAA"}

package/dist/cjs/components/CryptoOption.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CryptoOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const SelectedIndicator_1 = require("./SelectedIndicator");
+const CryptoOption = ({ currencyName, chainId, iconUrl, symbol, price, onClick, isSelected, isInsufficientFunds = false, disabled }) => {
+    const onClickCard = () => {
+        if (!isInsufficientFunds && !disabled) {
+            onClick();
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(design_system_1.Card, { className: "flex w-full justify-between p-4 cursor-pointer", onClick: onClickCard, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-fit", children: (0, jsx_runtime_1.jsx)(design_system_1.TokenImage, { src: iconUrl, size: "lg", symbol: symbol, withNetwork: chainId, disableAnimation: true }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-between", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "whitespace-nowrap", variant: "normal", fontWeight: "bold", color: "primary", ellipsis: true, style: {
+                                    overflow: 'hidden',
+                                    maxWidth: '220px'
+                                }, children: currencyName }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "whitespace-nowrap", variant: "normal", color: "muted", ellipsis: true, style: {
+                                    overflow: 'hidden',
+                                    width: '220px'
+                                }, children: `${price} ${symbol}` })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row justify-center items-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex flex-col justify-between items-end", children: isInsufficientFunds ? ((0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "negative", children: "Insufficient funds" })) : null }), (0, jsx_runtime_1.jsx)(SelectedIndicator_1.SelectedIndicator, { selected: isSelected })] })] }));
+};
+exports.CryptoOption = CryptoOption;
+//# sourceMappingURL=CryptoOption.js.map

package/dist/cjs/components/CryptoOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CryptoOption.js","sourceRoot":"","sources":["../../../src/components/CryptoOption.tsx"],"names":[],"mappings":";;;;AAAA,6DAAkE;AAElE,2DAAuD;AAchD,MAAM,YAAY,GAAG,CAAC,EAC3B,YAAY,EACZ,OAAO,EACP,OAAO,EACP,MAAM,EACN,KAAK,EACL,OAAO,EACP,UAAU,EACV,mBAAmB,GAAG,KAAK,EAC3B,QAAQ,EACU,EAAE,EAAE;IACtB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,mBAAmB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACtC,OAAO,EAAE,CAAA;QACX,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,wBAAC,oBAAI,IAAC,SAAS,EAAC,gDAAgD,EAAC,OAAO,EAAE,WAAW,aACnF,iCAAK,SAAS,EAAC,qBAAqB,aAClC,gCAAK,SAAS,EAAC,OAAO,YACpB,uBAAC,0BAAU,IAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAC,IAAI,EAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,gBAAgB,SAAG,GACzF,EACN,iCAAK,SAAS,EAAC,+BAA+B,aAC5C,uBAAC,oBAAI,IACH,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAC,QAAQ,EAChB,UAAU,EAAC,MAAM,EACjB,KAAK,EAAC,SAAS,EACf,QAAQ,QACR,KAAK,EAAE;oCACL,QAAQ,EAAE,QAAQ;oCAClB,QAAQ,EAAE,OAAO;iCAClB,YAEA,YAAY,GACR,EACP,uBAAC,oBAAI,IACH,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAC,OAAO,EACb,QAAQ,QACR,KAAK,EAAE;oCACL,QAAQ,EAAE,QAAQ;oCAClB,KAAK,EAAE,OAAO;iCACf,YAEA,GAAG,KAAK,IAAI,MAAM,EAAE,GAChB,IACH,IACF,EACN,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,gCAAK,SAAS,EAAC,yCAAyC,YACrD,mBAAmB,CAAC,CAAC,CAAC,CACrB,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,UAAU,mCAEhC,CACR,CAAC,CAAC,CAAC,IAAI,GACJ,EACN,uBAAC,qCAAiB,IAAC,QAAQ,EAAE,UAAU,GAAI,IACvC,IACD,CACR,CAAA;AACH,CAAC,CAAA;AA/DY,QAAA,YAAY,gBA+DxB"}

package/dist/cjs/components/JsonTreeViewer.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.JsonTreeViewer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const TreeNode = ({ data, keyName, depth = 0 }) => {
+    const [isExpanded, setIsExpanded] = (0, react_1.useState)(true);
+    const isObject = typeof data === 'object' && data !== null;
+    const isArray = Array.isArray(data);
+    const toggle = () => setIsExpanded(!isExpanded);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "select-none", style: { marginLeft: depth > 0 ? `${depth * 1}rem` : '0' }, children: [(0, jsx_runtime_1.jsxs)("div", { onClick: isObject ? toggle : undefined, className: `flex items-center gap-1 px-1 py-1 ${isObject ? 'cursor-pointer' : ''}`, children: [isObject && (0, jsx_runtime_1.jsx)("span", { className: "w-4 h-4 flex items-center justify-center", children: isExpanded ? '▼' : '▶' }), keyName && (0, jsx_runtime_1.jsxs)("span", { className: "font-medium", children: [keyName, ":"] }), isArray && (0, jsx_runtime_1.jsxs)("span", { children: ["[", !isExpanded && '...', "]"] }), !isObject && (0, jsx_runtime_1.jsx)("span", { children: typeof data === 'string' ? `"${data}"` : data === null ? 'null' : data.toString() }), isObject && !isArray && ((0, jsx_runtime_1.jsxs)("span", { children: ['{', !isExpanded && '...', '}'] }))] }), isExpanded && isObject && ((0, jsx_runtime_1.jsx)("div", { className: "ml-2", children: Object.entries(data).map(([key, value]) => ((0, jsx_runtime_1.jsx)(TreeNode, { keyName: isArray ? undefined : key, data: value, depth: depth + 1 }, key))) }))] }));
+};
+const JsonTreeViewer = ({ data }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: 'font-mono text-sm overflow-x-auto', children: (0, jsx_runtime_1.jsx)(TreeNode, { data: data }) }));
+};
+exports.JsonTreeViewer = JsonTreeViewer;
+//# sourceMappingURL=JsonTreeViewer.js.map

package/dist/cjs/components/JsonTreeViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonTreeViewer.js","sourceRoot":"","sources":["../../../src/components/JsonTreeViewer.tsx"],"names":[],"mappings":";;;;AAAA,iCAAgC;AAQhC,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,GAAG,CAAC,EAAiB,EAAE,EAAE;IAC/D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAA;IAClD,MAAM,QAAQ,GAAG,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,CAAA;IAC1D,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAEnC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA;IAE/C,OAAO,CACL,iCAAK,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,aAErF,iCACE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtC,SAAS,EAAE,qCAAqC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAAE,aAEjF,QAAQ,IAAI,iCAAM,SAAS,EAAC,0CAA0C,YAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAQ,EAEtG,OAAO,IAAI,kCAAM,SAAS,EAAC,aAAa,aAAE,OAAO,SAAS,EAE1D,OAAO,IAAI,kDAAQ,CAAC,UAAU,IAAI,KAAK,SAAS,EAEhD,CAAC,QAAQ,IAAI,2CAAO,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAQ,EAE7G,QAAQ,IAAI,CAAC,OAAO,IAAI,CACvB,6CACG,GAAG,EACH,CAAC,UAAU,IAAI,KAAK,EACpB,GAAG,IACC,CACR,IACG,EAGL,UAAU,IAAI,QAAQ,IAAI,CACzB,gCAAK,SAAS,EAAC,MAAM,YAClB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAC1C,uBAAC,QAAQ,IAAW,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,IAAtE,GAAG,CAAuE,CAC1F,CAAC,GACE,CACP,IACG,CACP,CAAA;AACH,CAAC,CAAA;AAOM,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAuB,EAAE,EAAE;IAC9D,OAAO,CACL,gCAAK,SAAS,EAAE,mCAAmC,YACjD,uBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,GACpB,CACP,CAAA;AACH,CAAC,CAAA;AANY,QAAA,cAAc,kBAM1B"}

package/dist/cjs/components/NetworkBadge/NetworkBadge.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NetworkBadge = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const networks_1 = require("../../utils/networks");
+const NetworkBadge = ({ chainId }) => {
+    const network = (0, networks_1.getNetwork)(chainId);
+    const chainColor = (0, networks_1.getNetworkColor)(chainId);
+    const chainBGColor = (0, networks_1.getNetworkBackgroundColor)(chainId);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex h-6 px-2 gap-1 rounded-sm flex-row justify-center items-center w-fit", style: {
+            background: chainBGColor
+        }, children: [(0, jsx_runtime_1.jsx)(design_system_1.NetworkImage, { chainId: chainId, size: "xs" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "xsmall", fontWeight: "bold", style: {
+                    color: chainColor
+                }, capitalize: true, ellipsis: true, children: network.title ?? network.name })] }));
+};
+exports.NetworkBadge = NetworkBadge;
+//# sourceMappingURL=NetworkBadge.js.map

package/dist/cjs/components/NetworkBadge/NetworkBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkBadge.js","sourceRoot":"","sources":["../../../../src/components/NetworkBadge/NetworkBadge.tsx"],"names":[],"mappings":";;;;AAAA,6DAA8D;AAG9D,mDAA6F;AAMtF,MAAM,YAAY,GAAG,CAAC,EAAE,OAAO,EAAqB,EAAE,EAAE;IAC7D,MAAM,OAAO,GAAG,IAAA,qBAAU,EAAC,OAAO,CAAC,CAAA;IACnC,MAAM,UAAU,GAAG,IAAA,0BAAe,EAAC,OAAO,CAAC,CAAA;IAC3C,MAAM,YAAY,GAAG,IAAA,oCAAyB,EAAC,OAAO,CAAC,CAAA;IAEvD,OAAO,CACL,iCACE,SAAS,EAAC,2EAA2E,EACrF,KAAK,EAAE;YACL,UAAU,EAAE,YAAY;SACzB,aAED,uBAAC,4BAAY,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,IAAI,GAAG,EAC5C,uBAAC,oBAAI,IACH,OAAO,EAAC,QAAQ,EAChB,UAAU,EAAC,MAAM,EACjB,KAAK,EAAE;oBACL,KAAK,EAAE,UAAU;iBAClB,EACD,UAAU,QACV,QAAQ,kBAEP,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,GACzB,IACH,CACP,CAAA;AACH,CAAC,CAAA;AA1BY,QAAA,YAAY,gBA0BxB"}

package/dist/cjs/components/NetworkBadge/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NetworkBadge = void 0;
+var NetworkBadge_1 = require("./NetworkBadge");
+Object.defineProperty(exports, "NetworkBadge", { enumerable: true, get: function () { return NetworkBadge_1.NetworkBadge; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/NetworkBadge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NetworkBadge/index.ts"],"names":[],"mappings":";;;AAAA,+CAA6C;AAApC,4GAAA,YAAY,OAAA"}

package/dist/cjs/components/PageHeading/PageHeading.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageHeading = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const PageHeading = (props) => {
+    const { children, className, ...rest } = props;
+    return ((0, jsx_runtime_1.jsx)(design_system_1.Text, { className: (0, design_system_1.cn)('text-center mt-10 mb-6', className), variant: "normal", fontWeight: "bold", color: "primary", asChild: true, children: (0, jsx_runtime_1.jsx)("h1", { ...rest, children: children }) }));
+};
+exports.PageHeading = PageHeading;
+//# sourceMappingURL=PageHeading.js.map

package/dist/cjs/components/PageHeading/PageHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeading.js","sourceRoot":"","sources":["../../../../src/components/PageHeading/PageHeading.tsx"],"names":[],"mappings":";;;;AAAA,6DAAoD;AAO7C,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAE9C,OAAO,CACL,uBAAC,oBAAI,IAAC,SAAS,EAAE,IAAA,kBAAE,EAAC,wBAAwB,EAAE,SAAS,CAAC,EAAE,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,kBAClH,kCAAQ,IAAI,YAAG,QAAQ,GAAM,GACxB,CACR,CAAA;AACH,CAAC,CAAA;AARY,QAAA,WAAW,eAQvB"}

package/dist/cjs/components/PageHeading/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageHeading = void 0;
+var PageHeading_1 = require("./PageHeading");
+Object.defineProperty(exports, "PageHeading", { enumerable: true, get: function () { return PageHeading_1.PageHeading; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/PageHeading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/PageHeading/index.tsx"],"names":[],"mappings":";;;AAAA,6CAA2C;AAAlC,0GAAA,WAAW,OAAA"}

package/dist/cjs/components/SelectedIndicator.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectedIndicator = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const SelectedIndicator = (props) => {
+    const { selected } = props;
+    const background = selected ? 'bg-white' : 'bg-transparent';
+    return ((0, jsx_runtime_1.jsx)("div", { className: `flex border-solid relative items-center justify-center shrink-0 rounded-full w-7 h-7 ${background}`, style: {
+            borderWidth: '2px',
+            borderColor: selected ? 'var(--seq-color-white)' : 'var(--seq-color-muted)'
+        }, children: selected && (0, jsx_runtime_1.jsx)(design_system_1.CheckmarkIcon, { className: "text-black", size: "md" }) }));
+};
+exports.SelectedIndicator = SelectedIndicator;
+//# sourceMappingURL=SelectedIndicator.js.map

package/dist/cjs/components/SelectedIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedIndicator.js","sourceRoot":"","sources":["../../../src/components/SelectedIndicator.tsx"],"names":[],"mappings":";;;;AAAA,6DAAyD;AAMlD,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE;IACjE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC1B,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAA;IAC3D,OAAO,CACL,gCACE,SAAS,EAAE,wFAAwF,UAAU,EAAE,EAC/G,KAAK,EAAE;YACL,WAAW,EAAE,KAAK;YAClB,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,wBAAwB;SAC5E,YAEA,QAAQ,IAAI,uBAAC,6BAAa,IAAC,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,IAAI,GAAG,GAC3D,CACP,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,iBAAiB,qBAc7B"}

package/dist/cjs/components/SequenceConnect/SequenceConnect.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SequenceConnect = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_hooks_1 = require("@0xsequence/react-hooks");
+const react_query_1 = require("@tanstack/react-query");
+const wagmi_1 = require("wagmi");
+const env_1 = require("../../env");
+const SequenceConnectProvider_1 = require("../SequenceConnectProvider");
+const defaultQueryClient = new react_query_1.QueryClient();
+const SequenceConnect = (props) => {
+    const { config, queryClient, initialState, children } = props;
+    const { connectConfig, wagmiConfig } = config;
+    return ((0, jsx_runtime_1.jsx)(wagmi_1.WagmiProvider, { config: wagmiConfig, initialState: initialState, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient || defaultQueryClient, children: (0, jsx_runtime_1.jsx)(react_hooks_1.SequenceHooksProvider, { value: {
+                    projectAccessKey: connectConfig.projectAccessKey,
+                    env: {
+                        indexerGatewayUrl: env_1.DEBUG ? 'https://dev-indexer.sequence.app' : 'https://indexer.sequence.app',
+                        metadataUrl: env_1.DEBUG ? 'https://dev-metadata.sequence.app' : 'https://metadata.sequence.app',
+                        apiUrl: env_1.DEBUG ? 'https://dev-api.sequence.app' : 'https://api.sequence.app',
+                        indexerUrl: env_1.DEBUG ? 'https://dev-indexer.sequence.app' : 'https://indexer.sequence.app',
+                        imageProxyUrl: 'https://imgproxy.sequence.xyz/'
+                    }
+                }, children: (0, jsx_runtime_1.jsx)(SequenceConnectProvider_1.SequenceConnectProvider, { config: connectConfig, children: children }) }) }) }));
+};
+exports.SequenceConnect = SequenceConnect;
+//# sourceMappingURL=SequenceConnect.js.map

package/dist/cjs/components/SequenceConnect/SequenceConnect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SequenceConnect.js","sourceRoot":"","sources":["../../../../src/components/SequenceConnect/SequenceConnect.tsx"],"names":[],"mappings":";;;;AAAA,yDAA+D;AAC/D,uDAAwE;AACxE,iCAA4C;AAG5C,mCAAiC;AACjC,wEAAoE;AAEpE,MAAM,kBAAkB,GAAG,IAAI,yBAAW,EAAE,CAAA;AASrC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC7D,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC7D,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,MAAM,CAAA;IAE7C,OAAO,CACL,uBAAC,qBAAa,IAAC,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,YAC5D,uBAAC,iCAAmB,IAAC,MAAM,EAAE,WAAW,IAAI,kBAAkB,YAC5D,uBAAC,mCAAqB,IACpB,KAAK,EAAE;oBACL,gBAAgB,EAAE,aAAa,CAAC,gBAAgB;oBAChD,GAAG,EAAE;wBACH,iBAAiB,EAAE,WAAK,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,8BAA8B;wBAC9F,WAAW,EAAE,WAAK,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,+BAA+B;wBAC1F,MAAM,EAAE,WAAK,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,0BAA0B;wBAC3E,UAAU,EAAE,WAAK,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,8BAA8B;wBACvF,aAAa,EAAE,gCAAgC;qBAChD;iBACF,YAED,uBAAC,iDAAuB,IAAC,MAAM,EAAE,aAAa,YAAG,QAAQ,GAA2B,GAC9D,GACJ,GACR,CACjB,CAAA;AACH,CAAC,CAAA;AAxBY,QAAA,eAAe,mBAwB3B"}

package/dist/cjs/components/SequenceConnect/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SequenceConnect = void 0;
+var SequenceConnect_1 = require("./SequenceConnect");
+Object.defineProperty(exports, "SequenceConnect", { enumerable: true, get: function () { return SequenceConnect_1.SequenceConnect; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/SequenceConnect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SequenceConnect/index.ts"],"names":[],"mappings":";;;AAAA,qDAAmD;AAA1C,kHAAA,eAAe,OAAA"}

package/dist/cjs/components/SequenceConnectPreviewProvider/SequenceConnectPreviewProvider.js

@@ -0,0 +1,91 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SequenceConnectPreviewProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const _0xsequence_1 = require("0xsequence");
+const design_system_1 = require("@0xsequence/design-system");
+const google_1 = require("@react-oauth/google");
+const react_1 = require("react");
+const wagmi_1 = require("wagmi");
+const constants_1 = require("../../constants");
+const Analytics_1 = require("../../contexts/Analytics");
+const ConnectConfig_1 = require("../../contexts/ConnectConfig");
+const ConnectModal_1 = require("../../contexts/ConnectModal");
+const Theme_1 = require("../../contexts/Theme");
+const WalletConfig_1 = require("../../contexts/WalletConfig");
+const useStorage_1 = require("../../hooks/useStorage");
+const useWaasEmailConflict_1 = require("../../hooks/useWaasEmailConflict");
+const Connect_1 = require("../Connect/Connect");
+const SequenceConnectPreviewProvider = (props) => {
+    const { config, children } = props;
+    const { defaultTheme = 'dark', signIn = {}, position = 'center', displayedAssets: displayedAssetsSetting = [], readOnlyNetworks, ethAuth = {}, disableAnalytics = false } = config;
+    const defaultAppName = signIn.projectName || 'app';
+    const { expiry = constants_1.DEFAULT_SESSION_EXPIRATION, app = defaultAppName, origin, nonce } = ethAuth;
+    const [openConnectModal, setOpenConnectModal] = (0, react_1.useState)(false);
+    const [theme, setTheme] = (0, react_1.useState)(defaultTheme || 'dark');
+    const [modalPosition, setModalPosition] = (0, react_1.useState)(position);
+    const [displayedAssets, setDisplayedAssets] = (0, react_1.useState)(displayedAssetsSetting);
+    const [analytics, setAnalytics] = (0, react_1.useState)();
+    const { address, isConnected } = (0, wagmi_1.useAccount)();
+    const wagmiConfig = (0, wagmi_1.useConfig)();
+    const storage = (0, useStorage_1.useStorage)();
+    const googleWaasConnector = wagmiConfig.connectors.find(c => c.id === 'sequence-waas' && c._wallet.id === 'google-waas');
+    const googleClientId = googleWaasConnector?.params?.googleClientId || '';
+    const setupAnalytics = (projectAccessKey) => {
+        const s = _0xsequence_1.sequence.initWallet(projectAccessKey);
+        const sequenceAnalytics = s.client.analytics;
+        setAnalytics(sequenceAnalytics);
+    };
+    (0, react_1.useEffect)(() => {
+        if (!isConnected) {
+            analytics?.reset();
+            return;
+        }
+        if (address) {
+            analytics?.identify(address.toLowerCase());
+        }
+    }, [analytics, address, isConnected]);
+    (0, react_1.useEffect)(() => {
+        if (!disableAnalytics) {
+            setupAnalytics(config.projectAccessKey);
+        }
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (theme !== defaultTheme) {
+            setTheme(defaultTheme);
+        }
+    }, [defaultTheme]);
+    // Write data in local storage for retrieval in connectors
+    (0, react_1.useEffect)(() => {
+        // Theme
+        // TODO: set the sequence theme once it is added to connect options
+        if (typeof theme === 'object') {
+            // localStorage.setItem(LocalStorageKey.Theme, JSON.stringify(theme))
+        }
+        else {
+            localStorage.setItem(constants_1.LocalStorageKey.Theme, theme);
+        }
+        // EthAuth
+        // note: keep an eye out for potential race-conditions, though they shouldn't occur.
+        // If there are race conditions, the settings could be a function executed prior to being passed to wagmi
+        storage?.setItem(constants_1.LocalStorageKey.EthAuthSettings, {
+            expiry,
+            app,
+            origin: origin || location.origin,
+            nonce
+        });
+    }, [theme, ethAuth]);
+    (0, react_1.useEffect)(() => {
+        setDisplayedAssets(displayedAssets);
+    }, [displayedAssetsSetting]);
+    const { emailConflictInfo } = (0, useWaasEmailConflict_1.useEmailConflict)();
+    return ((0, jsx_runtime_1.jsx)(ConnectConfig_1.ConnectConfigContextProvider, { value: config, children: (0, jsx_runtime_1.jsx)(Theme_1.ThemeContextProvider, { value: {
+                theme,
+                setTheme,
+                position: modalPosition,
+                setPosition: setModalPosition
+            }, children: (0, jsx_runtime_1.jsx)(google_1.GoogleOAuthProvider, { clientId: googleClientId, children: (0, jsx_runtime_1.jsx)(ConnectModal_1.ConnectModalContextProvider, { value: { setOpenConnectModal, openConnectModalState: openConnectModal }, children: (0, jsx_runtime_1.jsx)(WalletConfig_1.WalletConfigContextProvider, { value: { setDisplayedAssets, displayedAssets, readOnlyNetworks }, children: (0, jsx_runtime_1.jsxs)(Analytics_1.AnalyticsContextProvider, { value: { setAnalytics, analytics }, children: [(0, jsx_runtime_1.jsx)("div", { id: "kit-provider", children: (0, jsx_runtime_1.jsx)(design_system_1.ThemeProvider, { root: "#kit-provider", scope: "kit", theme: theme, children: (0, jsx_runtime_1.jsx)(Connect_1.Connect, { onClose: () => setOpenConnectModal(false), emailConflictInfo: emailConflictInfo, isPreview: true, ...props }) }) }), children] }) }) }) }) }) }));
+};
+exports.SequenceConnectPreviewProvider = SequenceConnectPreviewProvider;
+//# sourceMappingURL=SequenceConnectPreviewProvider.js.map

package/dist/cjs/components/SequenceConnectPreviewProvider/SequenceConnectPreviewProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SequenceConnectPreviewProvider.js","sourceRoot":"","sources":["../../../../src/components/SequenceConnectPreviewProvider/SequenceConnectPreviewProvider.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,4CAAqC;AACrC,6DAAgE;AAEhE,gDAAyD;AACzD,iCAAkD;AAClD,iCAA6C;AAE7C,+CAA6E;AAC7E,wDAAmE;AACnE,gEAA2E;AAC3E,8DAAyE;AACzE,gDAA2D;AAC3D,8DAAyE;AACzE,uDAAmD;AACnD,2EAAmE;AAEnE,gDAA4C;AAOrC,MAAM,8BAA8B,GAAG,CAAC,KAAmC,EAAE,EAAE;IACpF,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAClC,MAAM,EACJ,YAAY,GAAG,MAAM,EACrB,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,QAAQ,EACnB,eAAe,EAAE,sBAAsB,GAAG,EAAE,EAC5C,gBAAgB,EAChB,OAAO,GAAG,EAAqB,EAC/B,gBAAgB,GAAG,KAAK,EACzB,GAAG,MAAM,CAAA;IAEV,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,IAAI,KAAK,CAAA;IAElD,MAAM,EAAE,MAAM,GAAG,sCAA0B,EAAE,GAAG,GAAG,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAA;IAE5F,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAA;IACxE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAA4B,YAAY,IAAI,MAAM,CAAC,CAAA;IACrF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAgB,QAAQ,CAAC,CAAA;IAC3E,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAmB,sBAAsB,CAAC,CAAA;IAChG,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,GAA+B,CAAA;IACzE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAA;IAC7C,MAAM,WAAW,GAAG,IAAA,iBAAS,GAAE,CAAA;IAC/B,MAAM,OAAO,GAAG,IAAA,uBAAU,GAAE,CAAA;IAE5B,MAAM,mBAAmB,GAAG,WAAW,CAAC,UAAU,CAAC,IAAI,CACrD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,eAAe,IAAK,CAAuB,CAAC,OAAO,CAAC,EAAE,KAAK,aAAa,CACtD,CAAA;IAClC,MAAM,cAAc,GAAY,mBAA2B,EAAE,MAAM,EAAE,cAAc,IAAI,EAAE,CAAA;IAEzF,MAAM,cAAc,GAAG,CAAC,gBAAwB,EAAE,EAAE;QAClD,MAAM,CAAC,GAAG,sBAAQ,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAA;QAC/C,MAAM,iBAAiB,GAAG,CAAC,CAAC,MAAM,CAAC,SAAS,CAAA;QAC5C,YAAY,CAAC,iBAAiB,CAAC,CAAA;IACjC,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,SAAS,EAAE,KAAK,EAAE,CAAA;YAElB,OAAM;QACR,CAAC;QACD,IAAI,OAAO,EAAE,CAAC;YACZ,SAAS,EAAE,QAAQ,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAA;QAC5C,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAA;IAErC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACtB,cAAc,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAA;QACzC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,YAAY,EAAE,CAAC;YAC3B,QAAQ,CAAC,YAAY,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,0DAA0D;IAC1D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ;QACR,mEAAmE;QACnE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,qEAAqE;QACvE,CAAC;aAAM,CAAC;YACN,YAAY,CAAC,OAAO,CAAC,2BAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;QACpD,CAAC;QACD,UAAU;QACV,oFAAoF;QACpF,yGAAyG;QACzG,OAAO,EAAE,OAAO,CAAC,2BAAe,CAAC,eAAe,EAAE;YAChD,MAAM;YACN,GAAG;YACH,MAAM,EAAE,MAAM,IAAI,QAAQ,CAAC,MAAM;YACjC,KAAK;SACN,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAA;IAEpB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,kBAAkB,CAAC,eAAe,CAAC,CAAA;IACrC,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAE5B,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,uCAAgB,GAAE,CAAA;IAEhD,OAAO,CACL,uBAAC,4CAA4B,IAAC,KAAK,EAAE,MAAM,YACzC,uBAAC,4BAAoB,IACnB,KAAK,EAAE;gBACL,KAAK;gBACL,QAAQ;gBACR,QAAQ,EAAE,aAAa;gBACvB,WAAW,EAAE,gBAAgB;aAC9B,YAED,uBAAC,4BAAmB,IAAC,QAAQ,EAAE,cAAc,YAC3C,uBAAC,0CAA2B,IAAC,KAAK,EAAE,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,YAClG,uBAAC,0CAA2B,IAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,eAAe,EAAE,gBAAgB,EAAE,YAC3F,wBAAC,oCAAwB,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,aAC1D,gCAAK,EAAE,EAAC,cAAc,YACpB,uBAAC,6BAAa,IAAC,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAE,KAAK,YAC1D,uBAAC,iBAAO,IACN,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,EACzC,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,WACL,KAAK,GACT,GACY,GACZ,EACL,QAAQ,IACgB,GACC,GACF,GACV,GACD,GACM,CAChC,CAAA;AACH,CAAC,CAAA;AArHY,QAAA,8BAA8B,kCAqH1C"}

package/dist/cjs/components/SequenceConnectPreviewProvider/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SequenceConnectPreviewProvider"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/SequenceConnectPreviewProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SequenceConnectPreviewProvider/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mEAAgD"}

package/dist/cjs/components/SequenceConnectProvider/SequenceConnectProvider.js

@@ -0,0 +1,150 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SequenceConnectProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const _0xsequence_1 = require("0xsequence");
+const design_system_1 = require("@0xsequence/design-system");
+const network_1 = require("@0xsequence/network");
+const google_1 = require("@react-oauth/google");
+const react_1 = require("motion/react");
+const react_2 = require("react");
+const viem_1 = require("viem");
+const wagmi_1 = require("wagmi");
+const constants_1 = require("../../constants");
+const Analytics_1 = require("../../contexts/Analytics");
+const ConnectConfig_1 = require("../../contexts/ConnectConfig");
+const ConnectModal_1 = require("../../contexts/ConnectModal");
+const Theme_1 = require("../../contexts/Theme");
+const WalletConfig_1 = require("../../contexts/WalletConfig");
+const useStorage_1 = require("../../hooks/useStorage");
+const useWaasConfirmationHandler_1 = require("../../hooks/useWaasConfirmationHandler");
+const useWaasEmailConflict_1 = require("../../hooks/useWaasEmailConflict");
+const helpers_1 = require("../../utils/helpers");
+const styling_1 = require("../../utils/styling");
+const Connect_1 = require("../Connect/Connect");
+const JsonTreeViewer_1 = require("../JsonTreeViewer");
+const NetworkBadge_1 = require("../NetworkBadge");
+const PageHeading_1 = require("../PageHeading");
+const SequenceLogo_1 = require("../SequenceLogo");
+const ShadowRoot_1 = require("../ShadowRoot");
+const TxnDetails_1 = require("../TxnDetails");
+const SequenceConnectProvider = (props) => {
+    const { config, children } = props;
+    const { defaultTheme = 'dark', signIn = {}, position = 'center', displayedAssets: displayedAssetsSetting = [], readOnlyNetworks, ethAuth = {}, disableAnalytics = false } = config;
+    const defaultAppName = signIn.projectName || 'app';
+    const { expiry = constants_1.DEFAULT_SESSION_EXPIRATION, app = defaultAppName, origin, nonce } = ethAuth;
+    const [openConnectModal, setOpenConnectModal] = (0, react_2.useState)(false);
+    const [theme, setTheme] = (0, react_2.useState)(defaultTheme || 'dark');
+    const [modalPosition, setModalPosition] = (0, react_2.useState)(position);
+    const [displayedAssets, setDisplayedAssets] = (0, react_2.useState)(displayedAssetsSetting);
+    const [analytics, setAnalytics] = (0, react_2.useState)();
+    const { address, isConnected } = (0, wagmi_1.useAccount)();
+    const wagmiConfig = (0, wagmi_1.useConfig)();
+    const storage = (0, useStorage_1.useStorage)();
+    const connections = (0, wagmi_1.useConnections)();
+    const waasConnector = connections.find(c => c.connector.id.includes('waas'))?.connector;
+    const [pendingRequestConfirmation, confirmPendingRequest, rejectPendingRequest] = (0, useWaasConfirmationHandler_1.useWaasConfirmationHandler)(waasConnector);
+    const googleWaasConnector = wagmiConfig.connectors.find(c => c.id === 'sequence-waas' && c._wallet.id === 'google-waas');
+    const googleClientId = googleWaasConnector?.params?.googleClientId || '';
+    const setupAnalytics = (projectAccessKey) => {
+        const s = _0xsequence_1.sequence.initWallet(projectAccessKey);
+        const sequenceAnalytics = s.client.analytics;
+        if (sequenceAnalytics) {
+            const originalTrack = sequenceAnalytics.track.bind(sequenceAnalytics);
+            sequenceAnalytics.track = (...args) => {
+                const [event] = args;
+                if (event && typeof event === 'object' && 'props' in event) {
+                    event.props = {
+                        ...event.props,
+                        sdkType: 'sequence kit',
+                        version: constants_1.WEB_SDK_VERSION
+                    };
+                }
+                return originalTrack?.(...args);
+            };
+        }
+        setAnalytics(sequenceAnalytics);
+    };
+    (0, react_2.useEffect)(() => {
+        if (!isConnected) {
+            analytics?.reset();
+            return;
+        }
+        if (address) {
+            analytics?.identify(address.toLowerCase());
+        }
+    }, [analytics, address, isConnected]);
+    (0, react_2.useEffect)(() => {
+        if (!disableAnalytics) {
+            setupAnalytics(config.projectAccessKey);
+        }
+    }, []);
+    (0, react_2.useEffect)(() => {
+        if (theme !== defaultTheme) {
+            setTheme(defaultTheme);
+        }
+    }, [defaultTheme]);
+    (0, react_2.useEffect)(() => {
+        if (modalPosition !== position) {
+            setModalPosition(position);
+        }
+    }, [position]);
+    // Write data in local storage for retrieval in connectors
+    (0, react_2.useEffect)(() => {
+        // Theme
+        // TODO: set the sequence theme once it is added to connect options
+        if (typeof theme === 'object') {
+            // localStorage.setItem(LocalStorageKey.Theme, JSON.stringify(theme))
+        }
+        else {
+            localStorage.setItem(constants_1.LocalStorageKey.Theme, theme);
+        }
+        // EthAuth
+        // note: keep an eye out for potential race-conditions, though they shouldn't occur.
+        // If there are race conditions, the settings could be a function executed prior to being passed to wagmi
+        storage?.setItem(constants_1.LocalStorageKey.EthAuthSettings, {
+            expiry,
+            app,
+            origin: origin || location.origin,
+            nonce
+        });
+    }, [theme, ethAuth]);
+    (0, react_2.useEffect)(() => {
+        setDisplayedAssets(displayedAssets);
+    }, [displayedAssetsSetting]);
+    const { isEmailConflictOpen, emailConflictInfo, toggleEmailConflictModal } = (0, useWaasEmailConflict_1.useEmailConflict)();
+    return ((0, jsx_runtime_1.jsx)(ConnectConfig_1.ConnectConfigContextProvider, { value: config, children: (0, jsx_runtime_1.jsx)(Theme_1.ThemeContextProvider, { value: {
+                theme,
+                setTheme,
+                position: modalPosition,
+                setPosition: setModalPosition
+            }, children: (0, jsx_runtime_1.jsx)(google_1.GoogleOAuthProvider, { clientId: googleClientId, children: (0, jsx_runtime_1.jsx)(ConnectModal_1.ConnectModalContextProvider, { value: { setOpenConnectModal, openConnectModalState: openConnectModal }, children: (0, jsx_runtime_1.jsx)(WalletConfig_1.WalletConfigContextProvider, { value: { setDisplayedAssets, displayedAssets, readOnlyNetworks }, children: (0, jsx_runtime_1.jsxs)(Analytics_1.AnalyticsContextProvider, { value: { setAnalytics, analytics }, children: [(0, jsx_runtime_1.jsx)(ShadowRoot_1.ShadowRoot, { theme: theme, children: (0, jsx_runtime_1.jsxs)(react_1.AnimatePresence, { children: [openConnectModal && ((0, jsx_runtime_1.jsx)(design_system_1.Modal, { scroll: false, size: "sm", contentProps: {
+                                                    style: {
+                                                        maxWidth: '390px',
+                                                        overflow: 'visible',
+                                                        ...(0, styling_1.getModalPositionCss)(position)
+                                                    }
+                                                }, onClose: () => setOpenConnectModal(false), children: (0, jsx_runtime_1.jsx)(Connect_1.Connect, { onClose: () => setOpenConnectModal(false), emailConflictInfo: emailConflictInfo, ...props }) })), pendingRequestConfirmation && ((0, jsx_runtime_1.jsx)(design_system_1.Modal, { scroll: false, size: "sm", contentProps: {
+                                                    style: {
+                                                        maxWidth: '390px',
+                                                        ...(0, styling_1.getModalPositionCss)(position)
+                                                    }
+                                                }, isDismissible: false, onClose: () => {
+                                                    rejectPendingRequest('');
+                                                }, children: (0, jsx_runtime_1.jsxs)("div", { className: "px-4 pt-4 pb-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-center text-primary items-center font-medium", style: {
+                                                                marginTop: '4px'
+                                                            }, children: [(0, jsx_runtime_1.jsx)(design_system_1.ModalPrimitive.Title, { asChild: true, children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "mb-5", variant: "large", asChild: true, children: (0, jsx_runtime_1.jsxs)("h1", { children: ["Confirm ", pendingRequestConfirmation.type === 'signMessage' ? 'signing message' : 'transaction'] }) }) }), pendingRequestConfirmation.type === 'signMessage' && pendingRequestConfirmation.message && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col w-full", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "muted", fontWeight: "medium", children: "Message" }), (0, jsx_runtime_1.jsx)(design_system_1.Card, { className: "mt-2 py-2 overflow-scroll max-h-[200px]", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "mb-4", variant: "normal", children: (0, helpers_1.isJSON)(pendingRequestConfirmation.message) ? ((0, jsx_runtime_1.jsx)(JsonTreeViewer_1.JsonTreeViewer, { data: JSON.parse(pendingRequestConfirmation.message) })) : ((0, viem_1.hexToString)(pendingRequestConfirmation.message)) }) })] })), pendingRequestConfirmation.type === 'signTransaction' && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col w-full", children: [(0, jsx_runtime_1.jsx)(TxnDetails_1.TxnDetails, { address: address ?? '', txs: pendingRequestConfirmation.txs ?? [], chainId: pendingRequestConfirmation.chainId ?? network_1.ChainId.POLYGON }), (0, jsx_runtime_1.jsx)(design_system_1.Collapsible, { className: "mt-4", label: "Transaction data", children: (0, jsx_runtime_1.jsx)(design_system_1.Card, { className: "overflow-x-scroll my-3", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "mb-4", variant: "code", children: JSON.stringify(pendingRequestConfirmation.txs, null, 2) }) }) })] })), pendingRequestConfirmation.chainId && ((0, jsx_runtime_1.jsxs)("div", { className: "flex w-full mt-3 justify-end items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex w-1/2 justify-start", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small", color: "muted", children: "Network" }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex w-1/2 justify-end", children: (0, jsx_runtime_1.jsx)(NetworkBadge_1.NetworkBadge, { chainId: pendingRequestConfirmation.chainId }) })] })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-2 w-full mt-5", children: [(0, jsx_runtime_1.jsx)(design_system_1.Button, { className: "w-full", shape: "square", size: "lg", label: "Reject", onClick: () => {
+                                                                                rejectPendingRequest(pendingRequestConfirmation?.id);
+                                                                            } }), (0, jsx_runtime_1.jsx)(design_system_1.Button, { className: "flex items-center text-center w-full", shape: "square", size: "lg", label: "Confirm", variant: "primary", onClick: () => {
+                                                                                confirmPendingRequest(pendingRequestConfirmation?.id);
+                                                                            } })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-4", children: (0, jsx_runtime_1.jsx)(SequenceLogo_1.PoweredBySequence, {}) })] }) })), isEmailConflictOpen && emailConflictInfo && ((0, jsx_runtime_1.jsx)(design_system_1.Modal, { size: "sm", scroll: false, onClose: () => {
+                                                    setOpenConnectModal(false);
+                                                    toggleEmailConflictModal(false);
+                                                }, children: (0, jsx_runtime_1.jsxs)("div", { className: "p-4", children: [(0, jsx_runtime_1.jsx)(design_system_1.ModalPrimitive.Title, { asChild: true, children: (0, jsx_runtime_1.jsx)(PageHeading_1.PageHeading, { children: "Email already in use" }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)(design_system_1.Text, { className: "text-center", variant: "normal", color: "secondary", children: ["Another account with this email address ", (0, jsx_runtime_1.jsxs)(design_system_1.Text, { color: "primary", children: ["(", emailConflictInfo.email, ")"] }), ' ', "already exists with account type ", (0, jsx_runtime_1.jsxs)(design_system_1.Text, { color: "primary", children: ["(", emailConflictInfo.type, ")"] }), ". Please sign in again with the correct account."] }), (0, jsx_runtime_1.jsx)("div", { className: "flex mt-4 gap-2 items-center justify-center", children: (0, jsx_runtime_1.jsx)(design_system_1.Button, { label: "OK", onClick: () => {
+                                                                            setOpenConnectModal(false);
+                                                                            toggleEmailConflictModal(false);
+                                                                        } }) })] })] }) }))] }) }), children] }) }) }) }) }) }));
+};
+exports.SequenceConnectProvider = SequenceConnectProvider;
+//# sourceMappingURL=SequenceConnectProvider.js.map