@aurum-sdk/core 0.1.0 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/dist/{chunk-U5BSED2R.mjs → chunk-EQEZQPHH.mjs} +4 -4
- package/dist/{chunk-U5BSED2R.mjs.map → chunk-EQEZQPHH.mjs.map} +1 -1
- package/dist/{chunk-DHEVW7CR.js → chunk-LTGSWCPM.js} +4 -4
- package/dist/chunk-LTGSWCPM.js.map +1 -0
- package/dist/index.js +69 -61
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +12 -4
- package/dist/index.mjs.map +1 -1
- package/dist/widgets.js +13 -13
- package/dist/widgets.js.map +1 -1
- package/dist/widgets.mjs +1 -1
- package/package.json +14 -15
- package/dist/chunk-DHEVW7CR.js.map +0 -1
package/dist/widgets.js
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
var
|
|
15
|
+
var _chunkLTGSWCPMjs = require('./chunk-LTGSWCPM.js');
|
|
16
16
|
|
|
17
17
|
// src/components/widgets/ConnectWidget.tsx
|
|
18
18
|
var _react = require('react');
|
|
@@ -24,20 +24,20 @@ var noop = () => {
|
|
|
24
24
|
};
|
|
25
25
|
var WidgetShell = ({ brandConfig, children }) => {
|
|
26
26
|
const headerPortalRef = _react.useRef.call(void 0, null);
|
|
27
|
-
const { currentPage } =
|
|
28
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
27
|
+
const { currentPage } = _chunkLTGSWCPMjs.useNavigation.call(void 0, );
|
|
28
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTGSWCPMjs.WidgetProvider, { mode: "widget", brandConfig, onDismiss: noop, headerPortalRef, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "widget-provider", children: [
|
|
29
29
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: headerPortalRef }),
|
|
30
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
30
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTGSWCPMjs.PageTransitionContainer, { transitionKey: currentPage, children }),
|
|
31
31
|
!brandConfig.hideFooter ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
32
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
33
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
34
|
-
] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
32
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTGSWCPMjs.Spacer, { size: `${_chunkLTGSWCPMjs.POWERED_BY_SPACER_REM}rem` }),
|
|
33
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTGSWCPMjs.PoweredBy, {})
|
|
34
|
+
] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTGSWCPMjs.Spacer, { size: "0.3125rem" })
|
|
35
35
|
] }) });
|
|
36
36
|
};
|
|
37
37
|
var WidgetStyleContainer = ({ children, brandConfig }) => {
|
|
38
38
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "aurum-widget", style: { width: "100%" }, children: [
|
|
39
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { children:
|
|
40
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
39
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { children: _chunkLTGSWCPMjs.generateCompleteStyles.call(void 0, brandConfig) }),
|
|
40
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTGSWCPMjs.ThemeContainer, { theme: brandConfig.theme, children })
|
|
41
41
|
] });
|
|
42
42
|
};
|
|
43
43
|
|
|
@@ -50,9 +50,9 @@ var ConnectWidget = ({ aurum, onConnect }) => {
|
|
|
50
50
|
const excludedWalletIds = aurum.excludedWalletIds;
|
|
51
51
|
const displayedWallets = _react.useMemo.call(void 0, () => {
|
|
52
52
|
let filtered = walletAdapters.filter((w) => !excludedWalletIds.has(w.id));
|
|
53
|
-
filtered =
|
|
53
|
+
filtered = _chunkLTGSWCPMjs.sortWallets.call(void 0, filtered, { filterHidden: false });
|
|
54
54
|
const hasAppKit = filtered.some((w) => w.id === _types.WalletId.AppKit);
|
|
55
|
-
if (
|
|
55
|
+
if (_chunkLTGSWCPMjs.isMobile.call(void 0, ) && !hasAppKit) {
|
|
56
56
|
filtered = filtered.filter((w) => w.id !== _types.WalletId.WalletConnect);
|
|
57
57
|
}
|
|
58
58
|
return filtered;
|
|
@@ -68,11 +68,11 @@ var ConnectWidget = ({ aurum, onConnect }) => {
|
|
|
68
68
|
},
|
|
69
69
|
[aurum, onConnect]
|
|
70
70
|
);
|
|
71
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WidgetStyleContainer, { brandConfig, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
71
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WidgetStyleContainer, { brandConfig, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTGSWCPMjs.ConnectUIProviders, { onConnect: handleConnect, displayedWallets, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WidgetShell, { brandConfig, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTGSWCPMjs.ConnectPages, {}) }) }) });
|
|
72
72
|
};
|
|
73
73
|
|
|
74
74
|
|
|
75
75
|
|
|
76
76
|
|
|
77
|
-
exports.ConnectWidget = ConnectWidget; exports.WidgetProvider =
|
|
77
|
+
exports.ConnectWidget = ConnectWidget; exports.WidgetProvider = _chunkLTGSWCPMjs.WidgetProvider; exports.useWidgetContext = _chunkLTGSWCPMjs.useWidgetContext;
|
|
78
78
|
//# sourceMappingURL=widgets.js.map
|
package/dist/widgets.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/Users/huntercote/Desktop/code/2025/station-6/monorepo/packages/
|
|
1
|
+
{"version":3,"sources":["/Users/huntercote/Desktop/code/2025/station-6/monorepo/packages/core/dist/widgets.js","../src/components/widgets/ConnectWidget.tsx","../src/components/widgets/WidgetShell.tsx"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACA;AChBA,8BAA4C;ADkB5C;AACA;AEnBA;AA+CQ,+CAAA;AA9BR,IAAM,KAAA,EAAO,CAAA,EAAA,GAAM;AAAC,CAAA;AAuBb,IAAM,YAAA,EAA0C,CAAC,EAAE,WAAA,EAAa,SAAS,CAAA,EAAA,GAAM;AACpF,EAAA,MAAM,gBAAA,EAAkB,2BAAA,IAA2B,CAAA;AACnD,EAAA,MAAM,EAAE,YAAY,EAAA,EAAI,4CAAA,CAAc;AAEtC,EAAA,uBACE,6BAAA,+BAAC,EAAA,EAAe,IAAA,EAAK,QAAA,EAAS,WAAA,EAA0B,SAAA,EAAW,IAAA,EAAM,eAAA,EACvE,QAAA,kBAAA,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,iBAAA,EACb,QAAA,EAAA;AAAA,oBAAA,6BAAA,KAAC,EAAA,EAAI,GAAA,EAAK,gBAAA,CAAiB,CAAA;AAAA,oBAC3B,6BAAA,wCAAC,EAAA,EAAwB,aAAA,EAAe,WAAA,EAAc,SAAA,CAAS,CAAA;AAAA,IAC9D,CAAC,WAAA,CAAY,WAAA,kBACZ,8BAAA,oBAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,6BAAA,uBAAC,EAAA,EAAO,IAAA,EAAM,CAAA,EAAA;AACH,sBAAA;AAGL,IAAA;AAGd,EAAA;AAEJ;AAasF;AAE7E,EAAA;AACK,oBAAA;AACQ,oBAAA;AAClB,EAAA;AAEJ;AFtC2C;AACA;ACnClB;AAuEf;AArCqE;AACnD,EAAA;AACG,EAAA;AACG,EAAA;AAEO,EAAA;AACC,IAAA;AACH,IAAA;AAGI,IAAA;AACT,IAAA;AACQ,MAAA;AACtC,IAAA;AAEO,IAAA;AAC6B,EAAA;AAEhB,EAAA;AACsB,IAAA;AAEL,MAAA;AAGzB,MAAA;AACQ,QAAA;AACC,QAAA;AACH,QAAA;AACf,MAAA;AACH,IAAA;AACiB,IAAA;AACnB,EAAA;AAGG,EAAA;AAQL;ADZ2C;AACA;AACA;AACA;AACA","file":"/Users/huntercote/Desktop/code/2025/station-6/monorepo/packages/core/dist/widgets.js","sourcesContent":[null,"import React, { useMemo, useCallback } from 'react';\nimport { ConnectUIProviders } from '@src/components/ConnectUIProviders';\nimport { WidgetShell, WidgetStyleContainer } from '@src/components/widgets/WidgetShell';\nimport { ConnectPages } from '@src/components/ConnectModal/ConnectPages';\nimport { WalletConnectionResult } from '@src/types/internal';\nimport { sortWallets } from '@src/utils/sortWallets';\nimport { isMobile } from '@src/utils/platform/isMobile';\nimport { Aurum } from '@src/Aurum';\nimport { WalletId } from '@aurum-sdk/types';\n\nexport interface ConnectWidgetProps {\n aurum: Aurum;\n onConnect: (result: { address: string; walletId: string; email?: string }) => void;\n}\n\n/**\n * Embedded connect widget for embedded wallet connection.\n *\n * ## Hierarchy (mirrors renderConnectModal)\n * ```\n * ConnectWidget ← you are here\n * └── WidgetStyleContainer (style injection + ThemeContainer)\n * └── ConnectUIProviders (NavigationProvider + ConnectModalProvider)\n * └── WidgetShell\n * └── WidgetProvider (mode='widget')\n * └── PageTransitionContainer\n * └── ConnectPages (shared with modal)\n * ```\n *\n * @see renderConnectModal - Modal equivalent entry point\n * @see WidgetShell - Shell component (parallel to ModalShell)\n *\n * @example\n * ```tsx\n * <ConnectWidget\n * aurum={aurum}\n * onConnect={({ address, walletId }) => {\n * console.log('Connected:', address, walletId);\n * }}\n * />\n * ```\n */\nexport const ConnectWidget: React.FC<ConnectWidgetProps> = ({ aurum, onConnect }) => {\n const brandConfig = aurum.brandConfig;\n const walletAdapters = aurum.walletAdapters;\n const excludedWalletIds = aurum.excludedWalletIds;\n\n const displayedWallets = useMemo(() => {\n let filtered = walletAdapters.filter((w) => !excludedWalletIds.has(w.id));\n filtered = sortWallets(filtered, { filterHidden: false });\n\n // On mobile, WalletConnect requires AppKit\n const hasAppKit = filtered.some((w) => w.id === WalletId.AppKit);\n if (isMobile() && !hasAppKit) {\n filtered = filtered.filter((w) => w.id !== WalletId.WalletConnect);\n }\n\n return filtered;\n }, [walletAdapters, excludedWalletIds]);\n\n const handleConnect = useCallback(\n async (result: WalletConnectionResult) => {\n // Sync connection state with AurumCore (updates userInfo, provider, store, etc.)\n await aurum.handleWidgetConnection(result);\n\n // Fire user callback\n onConnect({\n address: result.address,\n walletId: result.walletId,\n email: result.email,\n });\n },\n [aurum, onConnect],\n );\n\n return (\n <WidgetStyleContainer brandConfig={brandConfig}>\n <ConnectUIProviders onConnect={handleConnect} displayedWallets={displayedWallets}>\n <WidgetShell brandConfig={brandConfig}>\n <ConnectPages />\n </WidgetShell>\n </ConnectUIProviders>\n </WidgetStyleContainer>\n );\n};\n","import React, { ReactNode, useRef } from 'react';\nimport { WidgetProvider } from '@src/contexts/WidgetContext';\nimport { useNavigation } from '@src/contexts/NavigationContext';\nimport { ThemeContainer } from '@src/ui';\nimport { PoweredBy } from '@src/components/PoweredBy/PoweredBy';\nimport { Spacer } from '@src/ui';\nimport { PageTransitionContainer } from '@src/components/PageTransitionContainer';\nimport { generateCompleteStyles } from '@src/utils/generateBrandStyles';\nimport { POWERED_BY_SPACER_REM } from '@src/constants/layout';\nimport { NonNullableBrandConfig } from '@aurum-sdk/types';\n\nexport interface WidgetShellProps {\n brandConfig: NonNullableBrandConfig;\n children: ReactNode;\n}\n\n// Noop for widget mode - close buttons are hidden via ModalHeader\nconst noop = () => {};\n\n/**\n * Shell component for embedded widgets.\n *\n * Mirrors the Modal component structure but without overlay.\n * Provider hierarchy is handled by ConnectWidget.\n *\n * ## Hierarchy\n * ```\n * ConnectWidget\n * └── StyleContainer (inline styles)\n * └── ThemeContainer\n * └── NavigationProvider\n * └── ConnectModalProvider\n * └── WidgetShell ← you are here\n * └── WidgetProvider (mode='widget')\n * └── PageTransitionContainer\n * └── ConnectPages\n * ```\n *\n * @see ModalShell - Modal equivalent of this component\n */\nexport const WidgetShell: React.FC<WidgetShellProps> = ({ brandConfig, children }) => {\n const headerPortalRef = useRef<HTMLDivElement>(null);\n const { currentPage } = useNavigation();\n\n return (\n <WidgetProvider mode=\"widget\" brandConfig={brandConfig} onDismiss={noop} headerPortalRef={headerPortalRef}>\n <div className=\"widget-provider\">\n <div ref={headerPortalRef} />\n <PageTransitionContainer transitionKey={currentPage}>{children}</PageTransitionContainer>\n {!brandConfig.hideFooter ? (\n <>\n <Spacer size={`${POWERED_BY_SPACER_REM}rem`} />\n <PoweredBy />\n </>\n ) : (\n <Spacer size=\"0.3125rem\" />\n )}\n </div>\n </WidgetProvider>\n );\n};\n\ninterface WidgetStyleContainerProps {\n children: React.ReactNode;\n brandConfig: NonNullableBrandConfig;\n}\n\n/**\n * Style injection container for widgets.\n *\n * Equivalent to createShadowRoot for modals but uses inline styles\n * since widgets are embedded in the host page.\n */\nexport const WidgetStyleContainer: React.FC<WidgetStyleContainerProps> = ({ children, brandConfig }) => {\n return (\n <div className=\"aurum-widget\" style={{ width: '100%' }}>\n <style>{generateCompleteStyles(brandConfig)}</style>\n <ThemeContainer theme={brandConfig.theme}>{children}</ThemeContainer>\n </div>\n );\n};\n"]}
|
package/dist/widgets.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aurum-sdk/core",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "Aurum wallet connection SDK",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"*.css"
|
|
@@ -36,20 +36,11 @@
|
|
|
36
36
|
"dist",
|
|
37
37
|
"README.md"
|
|
38
38
|
],
|
|
39
|
-
"scripts": {
|
|
40
|
-
"build": "tsup",
|
|
41
|
-
"playground": "vite --config vite.config.playground.ts",
|
|
42
|
-
"clean": "rm -rf dist",
|
|
43
|
-
"test": "vitest run",
|
|
44
|
-
"test:watch": "vitest",
|
|
45
|
-
"test:coverage": "vitest run --coverage",
|
|
46
|
-
"prepublishOnly": "pnpm build"
|
|
47
|
-
},
|
|
48
39
|
"peerDependencies": {
|
|
49
40
|
"react": ">=18.0.0",
|
|
50
41
|
"react-dom": ">=18.0.0",
|
|
51
42
|
"viem": ">=2.0.0",
|
|
52
|
-
"wagmi": ">=
|
|
43
|
+
"wagmi": ">=3.0.0"
|
|
53
44
|
},
|
|
54
45
|
"peerDependenciesMeta": {
|
|
55
46
|
"viem": {
|
|
@@ -90,8 +81,6 @@
|
|
|
90
81
|
},
|
|
91
82
|
"homepage": "https://github.com/aurum-sdk/aurum#readme",
|
|
92
83
|
"dependencies": {
|
|
93
|
-
"@aurum-sdk/logos": "workspace:^",
|
|
94
|
-
"@aurum-sdk/types": "workspace:^",
|
|
95
84
|
"@coinbase/cdp-core": "^0.0.74",
|
|
96
85
|
"@coinbase/wallet-sdk": "^4.3.7",
|
|
97
86
|
"@gemini-wallet/core": "^0.3.2",
|
|
@@ -108,6 +97,16 @@
|
|
|
108
97
|
"porto": "^0.2.37",
|
|
109
98
|
"react-qrcode-logo": "^3.0.0",
|
|
110
99
|
"x402-fetch": "^0.7.0",
|
|
111
|
-
"zustand": "^5.0.9"
|
|
100
|
+
"zustand": "^5.0.9",
|
|
101
|
+
"@aurum-sdk/logos": "^0.1.2",
|
|
102
|
+
"@aurum-sdk/types": "^0.1.2"
|
|
103
|
+
},
|
|
104
|
+
"scripts": {
|
|
105
|
+
"build": "tsup",
|
|
106
|
+
"playground": "vite --config vite.config.playground.ts",
|
|
107
|
+
"clean": "rm -rf dist",
|
|
108
|
+
"test": "vitest run",
|
|
109
|
+
"test:watch": "vitest",
|
|
110
|
+
"test:coverage": "vitest run --coverage"
|
|
112
111
|
}
|
|
113
|
-
}
|
|
112
|
+
}
|