@leather.io/features 1.1.1 → 1.1.3

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.
Files changed (34) hide show
  1. package/README.md +18 -63
  2. package/dist/index.d.ts +126 -0
  3. package/dist/index.d.ts.map +1 -0
  4. package/dist/index.js +359 -0
  5. package/dist/index.js.map +1 -0
  6. package/package.json +28 -31
  7. package/dist-native/_tsup-dts-rollup.d.ts +0 -59
  8. package/dist-native/chunk-3TSVHFY4.js +0 -1
  9. package/dist-native/chunk-563YKZ5T.js +0 -0
  10. package/dist-native/chunk-BCDTEWZG.js +0 -0
  11. package/dist-native/chunk-JUQ66SU3.js +0 -1
  12. package/dist-native/chunk-U4PLFPNJ.js +0 -1
  13. package/dist-native/exports.native.d.ts +0 -4
  14. package/dist-native/exports.native.js +0 -1
  15. package/dist-native/onramper/index.shared.d.ts +0 -3
  16. package/dist-native/onramper/index.shared.js +0 -1
  17. package/dist-native/onramper/onramper-params.shared.d.ts +0 -1
  18. package/dist-native/onramper/onramper-params.shared.js +0 -1
  19. package/dist-native/onramper/types.shared.d.ts +0 -2
  20. package/dist-native/onramper/types.shared.js +0 -1
  21. package/dist-native/onramper/utils.shared.d.ts +0 -3
  22. package/dist-native/onramper/utils.shared.js +0 -1
  23. package/dist-web/_tsup-dts-rollup.d.ts +0 -31
  24. package/dist-web/chunk-J6IWLNJL.js +0 -1
  25. package/dist-web/exports.web.d.ts +0 -4
  26. package/dist-web/exports.web.js +0 -1
  27. package/dist-web/onramper/index.shared.d.ts +0 -1
  28. package/dist-web/onramper/index.shared.js +0 -1
  29. package/dist-web/onramper/onramper-params.shared.d.ts +0 -1
  30. package/dist-web/onramper/onramper-params.shared.js +0 -1
  31. package/dist-web/onramper/types.shared.d.ts +0 -1
  32. package/dist-web/onramper/types.shared.js +0 -1
  33. package/dist-web/onramper/utils.shared.d.ts +0 -1
  34. package/dist-web/onramper/utils.shared.js +0 -1
package/README.md CHANGED
@@ -1,82 +1,37 @@
1
1
  # Features
2
2
 
3
- This package contains Leather Wallet's features library for our web + React Native applications.
3
+ This package contains shared utilities for Leather Wallet's features for our web + React Native applications.
4
4
 
5
- ## Architecture
5
+ ## Usage Rules
6
6
 
7
- This package colocates Web and React Native code, such that commonalities such as shared logic and types are shared. **The naming convention must be followed.**
7
+ - **No platform-specific knowledge:** Components and hooks in this package do not contain any logic or imports that are specific to React Native or web platforms. All code is strictly platform-agnostic.
8
8
 
9
- - `*.web.ts` bundled only for Web
10
- - `*.native.ts` — bundled only for React Native
11
- - `*.shared.ts` — bundled for all platforms
9
+ - **Uses only React primitives:** Functionality is built using core React primitives such as hooks (`useState`, `useEffect`, etc.) and contexts (`React.createContext`, `useContext`), ensuring compatibility and reusability.
12
10
 
13
- ## Web Setup
11
+ - **Headless components:** There are no presentational components or JSX outputs. All business logic and state management are handled in headless hooks and context providers. You bring your own UI.
14
12
 
15
- Our web apps use [panda css](https://panda-css.com/). To setup in your application you need to:
13
+ - **Render pattern:** All state and actions are exposed via render prop or hook return signatures. The consumer is responsible for supplying rendering logic and defining UI.
16
14
 
17
- - Install `@pandacss/dev`
18
- - Setup panda css and configure it to acknowledge the library code
19
- - Configure Webpack to load the files correctly
20
- - Import the library styles from `@leather.io/ui/styles`
21
-
22
- ### Panda configuration
23
-
24
- Specify the library as part of the `panda.config` `include`:
25
-
26
- ```js
27
- include: [
28
- './node_modules/@leather.io/ui/dist-web/**/*.{js,jsx,ts,tsx}',
29
- './src/**/*.{js,jsx,ts,tsx}',
30
- ],
31
- ```
32
-
33
- ### Webpack configuration
34
-
35
- - Alias `react` and `react-dom` to avoid react errors.
36
-
37
- - Configure your `module` to handle `jsx` files
15
+ ### Example
38
16
 
39
17
  ```js
40
- export const config = {
41
- ...
42
- module: {
43
- resolve: {
44
- ...
45
- alias: {
46
- 'leather-styles': path.resolve('leather-styles'),
47
- 'react': path.resolve('./node_modules/react'),
48
- 'react-dom': path.resolve('./node_modules/react-dom')
49
- },
50
- ...
51
- rules: [
52
- ...
53
- {
54
- test: /\.(js)$/,
55
- include: [/node_modules\/@leather.io\/ui/],
56
- loader: 'esbuild-loader',
57
- options: { tsconfig: './tsconfig.json', loader: {'jsx'},target: 'es2020' },
58
- },
18
+ // Usage of a headless feature hook
19
+ const { value, setValue } = useSomeFeature();
59
20
 
21
+ return (
22
+ <CustomUIComponent value={value} onChange={setValue} />
23
+ );
60
24
  ```
61
25
 
62
- ## Security: Dynamic Content Sanitization
63
-
64
- All dynamic HTML content rendered in the web app (such as FAQs, explainers, and CMS-driven posts) is sanitized using [DOMPurify](https://github.com/cure53/DOMPurify) via a shared utility (`sanitizeContent`).
65
-
66
- - **Browser:** Uses DOMPurify to remove unsafe HTML and prevent XSS.
67
- - **SSR:** Falls back to escaping HTML tags to prevent injection.
68
-
69
- This is enforced in all UI components that render user- or CMS-driven HTML, including FAQ, explainer, and post-driven UI elements.
26
+ Or with a render prop:
70
27
 
71
- A shared utility, `sanitizeContent`, is used throughout the codebase to sanitize any post content before rendering. Example usage:
72
-
73
- ```ts
74
- import { sanitizeContent } from '@leather.io/ui/utils/sanitize-content';
75
-
76
- const safeHtml = sanitizeContent(post.Summary);
28
+ ```js
29
+ <SomeFeatureProvider>
30
+ {({ value, setValue }) => <CustomUI value={value} onChange={setValue} />}
31
+ </SomeFeatureProvider>
77
32
  ```
78
33
 
79
- This is applied in all FAQ, explainer, hover card, and heading components that render post content.
34
+ **Note:** No JSX or UI is shipped—every API is logic-only and fully controlled by consumers.
80
35
 
81
36
  ## License
82
37
 
@@ -0,0 +1,126 @@
1
+ import { FormatAmountOptions } from "@leather.io/utils";
2
+ import { Activity, BaseOnChainActivity, BitcoinNetwork, BitcoinNetworkModes, CryptoAsset, Money, NetworkConfiguration, OnChainActivityStatus } from "@leather.io/models";
3
+
4
+ //#region src/activity/types.d.ts
5
+ type ActivityAvatar = 'swap' | 'asset' | 'fallback';
6
+ type ActivityStatusIndicatorId = 'pending' | 'failed' | 'sent' | 'received' | 'swap' | 'function' | 'hidden';
7
+ interface ActivityBalances {
8
+ operator?: string;
9
+ color?: string;
10
+ crypto?: Money;
11
+ quote?: Money;
12
+ }
13
+ interface ActivityView {
14
+ key: string;
15
+ asset?: CryptoAsset;
16
+ fromAsset?: CryptoAsset;
17
+ toAsset?: CryptoAsset;
18
+ title: string;
19
+ caption: string;
20
+ statusLabel: string;
21
+ activityLink?: string | null;
22
+ balances: ActivityBalances;
23
+ activityAvatar: ActivityAvatar;
24
+ statusIndicator: ActivityStatusIndicatorId;
25
+ }
26
+ //#endregion
27
+ //#region src/activity/activity-balance.d.ts
28
+ type FormatMoney = (money: Money, options?: FormatAmountOptions) => string;
29
+ declare function addOperator(balance: string, operator?: string): string;
30
+ declare function getBalanceOperator(activity: Activity): "+" | "−" | undefined;
31
+ declare function getBalanceColor(activity: Activity): "ink.text-primary" | "green.action-primary-default";
32
+ declare function getBalancesText(activity: Activity, formatMoney: FormatMoney): {
33
+ formattedBalanceCrypto: string | undefined;
34
+ formattedBalanceQuote: string | undefined;
35
+ };
36
+ declare function getActivityBalances(activity: Activity): ActivityBalances;
37
+ //#endregion
38
+ //#region src/activity/activity-links.d.ts
39
+ interface MakeActivityLinkArgs {
40
+ txid: string;
41
+ networkPreference: NetworkConfiguration;
42
+ asset?: CryptoAsset;
43
+ }
44
+ declare function makeActivityLink({
45
+ txid,
46
+ networkPreference,
47
+ asset
48
+ }: MakeActivityLinkArgs): string | null;
49
+ interface GetMempoolExplorerLinkArgs {
50
+ id: string;
51
+ type: 'tx' | 'block';
52
+ networkPreference: BitcoinNetwork;
53
+ }
54
+ declare function getBitcoinExplorerLink({
55
+ id,
56
+ type,
57
+ networkPreference
58
+ }: GetMempoolExplorerLinkArgs): string | null;
59
+ interface GetHiroExplorerLinkArgs {
60
+ mode: BitcoinNetworkModes;
61
+ type: 'txid' | 'address';
62
+ value: string;
63
+ searchParams?: URLSearchParams;
64
+ isNakamoto?: boolean;
65
+ }
66
+ declare function getStacksExplorerLink({
67
+ mode,
68
+ type,
69
+ value,
70
+ searchParams,
71
+ isNakamoto
72
+ }: GetHiroExplorerLinkArgs): string;
73
+ //#endregion
74
+ //#region src/activity/activity-metadata.d.ts
75
+ declare function hasTxDetails(activity: Activity): activity is Activity & {
76
+ txid: string;
77
+ status: OnChainActivityStatus;
78
+ };
79
+ declare function getActivityTitle(activity: Activity): string;
80
+ declare function getActivityAsset(activity: Activity): CryptoAsset | undefined;
81
+ declare function getActivityAvatar(activity: Activity): ActivityAvatar;
82
+ //#endregion
83
+ //#region src/activity/activity-status.d.ts
84
+ declare function hasActivityStatus(activity: Activity): activity is Activity & {
85
+ status: BaseOnChainActivity['status'];
86
+ };
87
+ declare function formatActivityStatusLabel(activity: Activity): string;
88
+ declare function getActivityStatusIndicatorId(activity: Activity): ActivityStatusIndicatorId;
89
+ //#endregion
90
+ //#region src/activity/activity-timestamp.d.ts
91
+ declare function formatActivityCaption({
92
+ timestamp
93
+ }: Pick<Activity, 'timestamp'>): string;
94
+ //#endregion
95
+ //#region src/activity/activity-view.d.ts
96
+ declare function createActivityView(activity: Activity, networkPreference: NetworkConfiguration): ActivityView;
97
+ //#endregion
98
+ //#region src/onramper/types.d.ts
99
+ type OnramperMode = 'buy' | 'sell' | 'swap';
100
+ //#endregion
101
+ //#region src/onramper/onramper-params.d.ts
102
+ interface GetIframeProps {
103
+ theme: 'dark' | 'light';
104
+ btcAddress: string | undefined;
105
+ stxAddress: string | undefined;
106
+ apiKey: string;
107
+ signingSecret: string;
108
+ mode: OnramperMode;
109
+ successRedirectUrl: string | undefined;
110
+ failureRedirectUrl: string | undefined;
111
+ redirectAtCheckout?: boolean;
112
+ }
113
+ declare function getOnramperIframeParams({
114
+ theme,
115
+ btcAddress,
116
+ stxAddress,
117
+ apiKey,
118
+ signingSecret,
119
+ mode,
120
+ successRedirectUrl,
121
+ failureRedirectUrl,
122
+ redirectAtCheckout
123
+ }: GetIframeProps): URLSearchParams;
124
+ //#endregion
125
+ export { type ActivityAvatar, type ActivityStatusIndicatorId, type ActivityView, type FormatMoney, type GetMempoolExplorerLinkArgs, type OnramperMode, addOperator, createActivityView, formatActivityCaption, formatActivityStatusLabel, getActivityAsset, getActivityAvatar, getActivityBalances, getActivityStatusIndicatorId, getActivityTitle, getBalanceColor, getBalanceOperator, getBalancesText, getBitcoinExplorerLink, getOnramperIframeParams, getStacksExplorerLink, hasActivityStatus, hasTxDetails, makeActivityLink };
126
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","names":[],"sources":["../src/activity/types.ts","../src/activity/activity-balance.ts","../src/activity/activity-links.ts","../src/activity/activity-metadata.ts","../src/activity/activity-status.ts","../src/activity/activity-timestamp.ts","../src/activity/activity-view.ts","../src/onramper/types.ts","../src/onramper/onramper-params.ts"],"sourcesContent":[],"mappings":"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"}
package/dist/index.js ADDED
@@ -0,0 +1,359 @@
1
+ import { minusSign } from "@leather.io/utils";
2
+ import { HIRO_EXPLORER_URL, MEMPOOL_BASE_URL } from "@leather.io/constants";
3
+ import { HIRO_API_BASE_URL_NAKAMOTO_TESTNET, isFungibleAsset, isInscriptionAsset, isStampAsset } from "@leather.io/models";
4
+ import dayjs from "dayjs";
5
+ import { colorThemes } from "@leather.io/tokens";
6
+ import { hmac } from "@noble/hashes/hmac";
7
+ import { sha256 } from "@noble/hashes/sha256";
8
+ import { bytesToHex } from "@noble/hashes/utils";
9
+
10
+ //#region src/activity/activity-balance.ts
11
+ function addOperator(balance, operator) {
12
+ return operator ? `${operator} ${balance}` : balance;
13
+ }
14
+ function getBalanceOperator(activity) {
15
+ if (activity.type === "receiveAsset") return "+";
16
+ if (activity.type === "sendAsset") return minusSign;
17
+ }
18
+ function getBalanceColor(activity) {
19
+ if (activity.type === "receiveAsset" && "status" in activity && activity.status === "success") return "green.action-primary-default";
20
+ return "ink.text-primary";
21
+ }
22
+ function getBalancesText(activity, formatMoney) {
23
+ if (activity.type === "swapAssets") return {
24
+ formattedBalanceCrypto: activity.toValue?.crypto && addOperator(formatMoney(activity.toValue?.crypto), "+"),
25
+ formattedBalanceQuote: activity.toValue?.quote && addOperator(formatMoney(activity.toValue?.quote), "+")
26
+ };
27
+ if (!("value" in activity)) return {
28
+ formattedBalanceCrypto: "",
29
+ formattedBalanceQuote: ""
30
+ };
31
+ return {
32
+ formattedBalanceCrypto: activity.value?.crypto && addOperator(formatMoney(activity.value?.crypto), getBalanceOperator(activity)),
33
+ formattedBalanceQuote: activity.value?.quote && addOperator(formatMoney(activity.value?.quote), getBalanceOperator(activity))
34
+ };
35
+ }
36
+ function getActivityBalances(activity) {
37
+ if (activity.type === "swapAssets") return {
38
+ operator: "+",
39
+ crypto: activity.toValue?.crypto,
40
+ quote: activity.toValue?.quote,
41
+ color: getBalanceColor(activity)
42
+ };
43
+ if (!("value" in activity)) return {};
44
+ return {
45
+ operator: getBalanceOperator(activity),
46
+ crypto: activity.value?.crypto,
47
+ quote: activity.value?.quote,
48
+ color: getBalanceColor(activity)
49
+ };
50
+ }
51
+
52
+ //#endregion
53
+ //#region src/activity/activity-links.ts
54
+ function makeActivityLink({ txid, networkPreference, asset }) {
55
+ if (txid && asset) return makeActivityExplorerLink({
56
+ asset,
57
+ txid,
58
+ networkPreference
59
+ });
60
+ return null;
61
+ }
62
+ function makeActivityExplorerLink({ asset, txid, networkPreference }) {
63
+ if (asset.chain === "bitcoin") return getBitcoinExplorerLink({
64
+ networkPreference: networkPreference.chain.bitcoin.bitcoinNetwork,
65
+ id: txid,
66
+ type: "tx"
67
+ });
68
+ return getStacksExplorerLink({
69
+ mode: networkPreference.chain.bitcoin.mode,
70
+ type: "txid",
71
+ value: txid,
72
+ searchParams: void 0,
73
+ isNakamoto: false
74
+ });
75
+ }
76
+ function getBitcoinExplorerLink({ id, type, networkPreference }) {
77
+ switch (networkPreference) {
78
+ case "mainnet": return `${MEMPOOL_BASE_URL}/${type}/${id}`;
79
+ case "testnet3": return `${MEMPOOL_BASE_URL}/testnet/${type}/${id}`;
80
+ case "testnet4": return `${MEMPOOL_BASE_URL}/testnet4/${type}/${id}`;
81
+ case "signet": return `${MEMPOOL_BASE_URL}/signet/${type}/${id}`;
82
+ default: return null;
83
+ }
84
+ }
85
+ function getStacksExplorerLink({ mode, type, value, searchParams = new URLSearchParams(), isNakamoto = false }) {
86
+ if (mode === "regtest" && type === "txid") return `http://localhost:8000/txid/${value}`;
87
+ searchParams.append("chain", mode);
88
+ if (isNakamoto) searchParams.append("api", HIRO_API_BASE_URL_NAKAMOTO_TESTNET);
89
+ return `${HIRO_EXPLORER_URL}/${type}/${value}?${searchParams.toString()}`;
90
+ }
91
+
92
+ //#endregion
93
+ //#region src/activity/activity-metadata.ts
94
+ function hasTxDetails(activity) {
95
+ return "txid" in activity && "status" in activity;
96
+ }
97
+ function getActivityTitle(activity) {
98
+ switch (activity.type) {
99
+ case "sendAsset":
100
+ case "receiveAsset":
101
+ if (!activity.value?.crypto?.symbol) return `Token Transfer`;
102
+ return activity.value?.crypto?.symbol;
103
+ case "deploySmartContract":
104
+ case "executeSmartContract": return activity.contractId.split(".").pop() || `Unknown`;
105
+ case "swapAssets": return `Swap Assets`;
106
+ case "lockAsset": return `Lock Asset`;
107
+ case "connectApp":
108
+ case "signMessage":
109
+ if ("appName" in activity && activity.appName) return activity.appName;
110
+ return `Wallet Activity`;
111
+ case "walletAdded":
112
+ case "receiveAnnouncement":
113
+ case "featureWaitlistNotification":
114
+ if ("title" in activity && activity.title) return activity.title;
115
+ return `Announcement`;
116
+ default: return `Unknown`;
117
+ }
118
+ }
119
+ function getActivityAsset(activity) {
120
+ if ("asset" in activity) return activity.asset;
121
+ if (activity.type === "swapAssets") return activity.toAsset;
122
+ }
123
+ function getActivityAvatar(activity) {
124
+ if (activity.type === "swapAssets") return "swap";
125
+ return getActivityAsset(activity) ? "asset" : "fallback";
126
+ }
127
+
128
+ //#endregion
129
+ //#region src/activity/activity-status.ts
130
+ function hasActivityStatus(activity) {
131
+ return "status" in activity;
132
+ }
133
+ const fallbackActivityStatus = "success";
134
+ function getActivityStatusMap() {
135
+ return {
136
+ sendAsset: {
137
+ success: `Sent`,
138
+ pending: `Sending`,
139
+ failed: `Send Failed`
140
+ },
141
+ receiveAsset: {
142
+ success: `Received`,
143
+ pending: "",
144
+ failed: `Receive fail`
145
+ },
146
+ executeSmartContract: {
147
+ success: `Executed`,
148
+ pending: `Executing`,
149
+ failed: `Execution failed`
150
+ },
151
+ deploySmartContract: {
152
+ success: `Deployed`,
153
+ pending: `Deploying`,
154
+ failed: `Deployment failed`
155
+ },
156
+ lockAsset: {
157
+ success: `Locked`,
158
+ pending: `Locking`,
159
+ failed: `Lock failed`
160
+ },
161
+ swapAssets: {
162
+ success: `Swapped`,
163
+ pending: `Swapping`,
164
+ failed: `Swap failed`
165
+ },
166
+ connectApp: {
167
+ success: `Connected`,
168
+ pending: `Connecting`,
169
+ failed: `Connection failed`
170
+ },
171
+ signMessage: {
172
+ success: `Signed`,
173
+ pending: `Signing`,
174
+ failed: `Signing failed`
175
+ },
176
+ walletAdded: {
177
+ success: `Wallet added`,
178
+ pending: `Adding wallet`,
179
+ failed: `Adding wallet failed`
180
+ },
181
+ receiveAnnouncement: {
182
+ success: `Announcement received`,
183
+ pending: `Receiving announcement`,
184
+ failed: `Receiving announcement failed`
185
+ },
186
+ featureWaitlistNotification: {
187
+ success: `Feature waitlist notification`,
188
+ pending: `Receiving feature waitlist notification`,
189
+ failed: `Receiving feature waitlist notification failed`
190
+ }
191
+ };
192
+ }
193
+ function formatActivityStatusLabel(activity) {
194
+ const activityStatusMap = getActivityStatusMap();
195
+ switch (activity.type) {
196
+ case "deploySmartContract":
197
+ case "executeSmartContract": return activity.contractId.split(".")[1] ?? "Unknown";
198
+ case "swapAssets":
199
+ if (isFungibleAsset(activity.fromAsset) && isFungibleAsset(activity.toAsset)) return `${activity.fromAsset.symbol} → ${activity.toAsset.symbol}`;
200
+ else if (isStampAsset(activity.fromAsset) && isStampAsset(activity.toAsset)) return `Stamp → Stamp`;
201
+ else if (isInscriptionAsset(activity.fromAsset) && isInscriptionAsset(activity.toAsset)) return `${activity.fromAsset.title} → ${activity.toAsset.title}`;
202
+ return `${activity.fromAsset.category} → ${activity.toAsset.category}`;
203
+ default: {
204
+ const status = hasActivityStatus(activity) ? activity.status : fallbackActivityStatus;
205
+ return activityStatusMap[activity.type][status];
206
+ }
207
+ }
208
+ }
209
+ function getActivityStatusIndicatorId(activity) {
210
+ if (!hasActivityStatus(activity)) return "hidden";
211
+ switch (activity.status) {
212
+ case "pending": return "pending";
213
+ case "failed": return "failed";
214
+ case "success": switch (activity.type) {
215
+ case "sendAsset": return "sent";
216
+ case "receiveAsset": return "received";
217
+ case "swapAssets": return "swap";
218
+ case "executeSmartContract": return "function";
219
+ default: return "hidden";
220
+ }
221
+ default: return "hidden";
222
+ }
223
+ }
224
+
225
+ //#endregion
226
+ //#region src/activity/activity-timestamp.ts
227
+ function formatActivityCaption({ timestamp }) {
228
+ const timestampInSeconds = timestamp * 1e3;
229
+ const isRecent = !dayjs(timestampInSeconds).isBefore(dayjs().subtract(1, "hour"));
230
+ const time = dayjs(timestampInSeconds).format("MMM D, YYYY");
231
+ return isRecent ? `${dayjs().diff(dayjs(timestampInSeconds), "minute")} minutes ago` : time;
232
+ }
233
+
234
+ //#endregion
235
+ //#region src/activity/activity-view.ts
236
+ function getActivityKey(activity) {
237
+ if ("txid" in activity) return activity.txid;
238
+ return `${activity.type}-${activity.timestamp}`;
239
+ }
240
+ function createActivityView(activity, networkPreference) {
241
+ const asset = getActivityAsset(activity);
242
+ const balances = getActivityBalances(activity);
243
+ const title = getActivityTitle(activity);
244
+ const statusLabel = formatActivityStatusLabel(activity);
245
+ const caption = formatActivityCaption(activity);
246
+ const combinedCaption = statusLabel ? `${statusLabel} ${caption}` : caption;
247
+ const activityAvatar = getActivityAvatar(activity);
248
+ const statusIndicator = getActivityStatusIndicatorId(activity);
249
+ const fromAsset = activity.type === "swapAssets" ? activity.fromAsset : void 0;
250
+ const toAsset = activity.type === "swapAssets" ? activity.toAsset : void 0;
251
+ const activityLink = hasTxDetails(activity) && asset ? makeActivityLink({
252
+ txid: activity.txid,
253
+ networkPreference,
254
+ asset
255
+ }) : null;
256
+ return {
257
+ key: getActivityKey(activity),
258
+ asset,
259
+ fromAsset,
260
+ toAsset,
261
+ title,
262
+ caption: combinedCaption,
263
+ statusLabel,
264
+ balances,
265
+ activityLink,
266
+ activityAvatar,
267
+ statusIndicator
268
+ };
269
+ }
270
+
271
+ //#endregion
272
+ //#region src/onramper/utils.ts
273
+ function generateSignature(data, signingSecret) {
274
+ const encoder = new TextEncoder();
275
+ const dataBytes = encoder.encode(data);
276
+ return bytesToHex(hmac(sha256, encoder.encode(signingSecret), dataBytes));
277
+ }
278
+ function formatColorHexForParams(colorHex) {
279
+ return colorHex.replace("#", "");
280
+ }
281
+ function matchAddresses({ btcAddress, stxAddress, resultMap }) {
282
+ if (btcAddress && stxAddress) return resultMap.bothAvailable;
283
+ if (btcAddress) return resultMap.onlyBtc;
284
+ if (stxAddress) return resultMap.onlyStx;
285
+ return resultMap.none;
286
+ }
287
+
288
+ //#endregion
289
+ //#region src/onramper/onramper-params.ts
290
+ function getOnramperIframeParams({ theme, btcAddress, stxAddress, apiKey, signingSecret, mode, successRedirectUrl, failureRedirectUrl, redirectAtCheckout = false }) {
291
+ const redirectUrls = {};
292
+ if (successRedirectUrl) redirectUrls["successRedirectUrl"] = successRedirectUrl;
293
+ if (failureRedirectUrl) redirectUrls["failureRedirectUrl"] = failureRedirectUrl;
294
+ const wallets = matchAddresses({
295
+ btcAddress,
296
+ stxAddress,
297
+ resultMap: {
298
+ bothAvailable: `btc:${btcAddress},stx_stacks:${stxAddress}`,
299
+ onlyBtc: `btc:${btcAddress}`,
300
+ onlyStx: `stx_stacks:${stxAddress}`,
301
+ none: ""
302
+ }
303
+ });
304
+ const onlyCryptoNetworks = matchAddresses({
305
+ btcAddress,
306
+ stxAddress,
307
+ resultMap: {
308
+ bothAvailable: `stacks,bitcoin`,
309
+ onlyBtc: `bitcoin`,
310
+ onlyStx: `stacks`,
311
+ none: ""
312
+ }
313
+ });
314
+ const onlyCryptos = matchAddresses({
315
+ btcAddress,
316
+ stxAddress,
317
+ resultMap: {
318
+ bothAvailable: `stx_stacks,btc`,
319
+ onlyBtc: `btc`,
320
+ onlyStx: `stx_stacks`,
321
+ none: ""
322
+ }
323
+ });
324
+ const signContent = `wallets=${wallets}`;
325
+ const colors = theme === "dark" ? colorThemes.dark : colorThemes.base;
326
+ return new URLSearchParams({
327
+ darkMode: theme === "dark" ? "true" : "false",
328
+ themeName: theme,
329
+ primaryColor: formatColorHexForParams(colors["ink.action-primary-default"]),
330
+ secondaryColor: formatColorHexForParams(colors["ink.component-background-default"]),
331
+ primaryTextColor: formatColorHexForParams(colors["ink.text-primary"]),
332
+ secondaryTextColor: formatColorHexForParams(colors["ink.text-subdued"]),
333
+ containerColor: formatColorHexForParams(colors["ink.background-primary"]),
334
+ cardColor: formatColorHexForParams(colors["ink.component-background-hover"]),
335
+ primaryBtnTextColor: formatColorHexForParams(colors["ink.background-primary"]),
336
+ borderRadius: "0.25",
337
+ widgetBorderRadius: "0.1",
338
+ apiKey,
339
+ signature: generateSignature(signContent, signingSecret),
340
+ mode,
341
+ onlyCryptoNetworks,
342
+ sell_onlyCryptoNetworks: onlyCryptoNetworks,
343
+ onlyCryptos,
344
+ sell_onlyCryptos: onlyCryptos,
345
+ defaultFiat: "USD",
346
+ sell_defaultFiat: "USD",
347
+ defaultAmount: "25",
348
+ sell_defaultCrypto: "BTC",
349
+ sell_defaultAmount: "0.0005",
350
+ redirectAtCheckout: redirectAtCheckout.toString(),
351
+ hideTopBar: "true",
352
+ wallets,
353
+ ...redirectUrls
354
+ });
355
+ }
356
+
357
+ //#endregion
358
+ export { addOperator, createActivityView, formatActivityCaption, formatActivityStatusLabel, getActivityAsset, getActivityAvatar, getActivityBalances, getActivityStatusIndicatorId, getActivityTitle, getBalanceColor, getBalanceOperator, getBalancesText, getBitcoinExplorerLink, getOnramperIframeParams, getStacksExplorerLink, hasActivityStatus, hasTxDetails, makeActivityLink };
359
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["fallbackActivityStatus: BaseOnChainActivity['status']","redirectUrls: Record<string, string>"],"sources":["../src/activity/activity-balance.ts","../src/activity/activity-links.ts","../src/activity/activity-metadata.ts","../src/activity/activity-status.ts","../src/activity/activity-timestamp.ts","../src/activity/activity-view.ts","../src/onramper/utils.ts","../src/onramper/onramper-params.ts"],"sourcesContent":["import type { Activity, Money } from '@leather.io/models';\nimport { type FormatAmountOptions, minusSign } from '@leather.io/utils';\n\nimport type { ActivityBalances } from './types';\n\nexport type FormatMoney = (money: Money, options?: FormatAmountOptions) => string;\n\nexport function addOperator(balance: string, operator?: string) {\n return operator ? `${operator} ${balance}` : balance;\n}\n\nexport function getBalanceOperator(activity: Activity) {\n if (activity.type === 'receiveAsset') return '+';\n if (activity.type === 'sendAsset') return minusSign;\n return undefined;\n}\n\nexport function getBalanceColor(activity: Activity) {\n if (activity.type === 'receiveAsset' && 'status' in activity && activity.status === 'success')\n return 'green.action-primary-default';\n return 'ink.text-primary';\n}\n\nexport function getBalancesText(activity: Activity, formatMoney: FormatMoney) {\n if (activity.type === 'swapAssets') {\n const formattedToBalanceCrypto =\n activity.toValue?.crypto && addOperator(formatMoney(activity.toValue?.crypto), '+');\n const formattedToBalanceQuote =\n activity.toValue?.quote && addOperator(formatMoney(activity.toValue?.quote), '+');\n\n return {\n formattedBalanceCrypto: formattedToBalanceCrypto,\n formattedBalanceQuote: formattedToBalanceQuote,\n };\n }\n\n if (!('value' in activity))\n return {\n formattedBalanceCrypto: '',\n formattedBalanceQuote: '',\n };\n const formattedBalanceCrypto =\n activity.value?.crypto &&\n addOperator(formatMoney(activity.value?.crypto), getBalanceOperator(activity));\n const formattedBalanceQuote =\n activity.value?.quote &&\n addOperator(formatMoney(activity.value?.quote), getBalanceOperator(activity));\n\n return {\n formattedBalanceCrypto,\n formattedBalanceQuote,\n };\n}\n\nexport function getActivityBalances(activity: Activity): ActivityBalances {\n if (activity.type === 'swapAssets') {\n return {\n operator: '+',\n crypto: activity.toValue?.crypto,\n quote: activity.toValue?.quote,\n color: getBalanceColor(activity),\n };\n }\n\n if (!('value' in activity)) return {};\n\n return {\n operator: getBalanceOperator(activity),\n crypto: activity.value?.crypto,\n quote: activity.value?.quote,\n color: getBalanceColor(activity),\n };\n}\n","import { HIRO_EXPLORER_URL, MEMPOOL_BASE_URL } from '@leather.io/constants';\nimport {\n type BitcoinNetwork,\n type BitcoinNetworkModes,\n type CryptoAsset,\n HIRO_API_BASE_URL_NAKAMOTO_TESTNET,\n type NetworkConfiguration,\n} from '@leather.io/models';\n\ninterface MakeActivityLinkArgs {\n txid: string;\n networkPreference: NetworkConfiguration;\n asset?: CryptoAsset;\n}\n\nexport function makeActivityLink({ txid, networkPreference, asset }: MakeActivityLinkArgs) {\n if (txid && asset) {\n return makeActivityExplorerLink({\n asset,\n txid,\n networkPreference,\n });\n }\n return null;\n}\n\ninterface MakeActivityExplorerLinkArgs {\n asset: CryptoAsset;\n txid: string;\n networkPreference: NetworkConfiguration;\n}\n\nfunction makeActivityExplorerLink({\n asset,\n txid,\n networkPreference,\n}: MakeActivityExplorerLinkArgs) {\n if (asset.chain === 'bitcoin') {\n return getBitcoinExplorerLink({\n networkPreference: networkPreference.chain.bitcoin.bitcoinNetwork,\n id: txid,\n type: 'tx',\n });\n }\n return getStacksExplorerLink({\n mode: networkPreference.chain.bitcoin.mode,\n type: 'txid',\n value: txid,\n searchParams: undefined,\n isNakamoto: false,\n });\n}\n\nexport interface GetMempoolExplorerLinkArgs {\n id: string;\n type: 'tx' | 'block';\n networkPreference: BitcoinNetwork;\n}\n\nexport function getBitcoinExplorerLink({\n id,\n type,\n networkPreference,\n}: GetMempoolExplorerLinkArgs) {\n switch (networkPreference) {\n case 'mainnet':\n return `${MEMPOOL_BASE_URL}/${type}/${id}`;\n case 'testnet3':\n return `${MEMPOOL_BASE_URL}/testnet/${type}/${id}`;\n case 'testnet4':\n return `${MEMPOOL_BASE_URL}/testnet4/${type}/${id}`;\n case 'signet':\n return `${MEMPOOL_BASE_URL}/signet/${type}/${id}`;\n default:\n return null;\n }\n}\n\ninterface GetHiroExplorerLinkArgs {\n mode: BitcoinNetworkModes;\n type: 'txid' | 'address';\n value: string;\n searchParams?: URLSearchParams;\n isNakamoto?: boolean;\n}\n\nexport function getStacksExplorerLink({\n mode,\n type,\n value,\n searchParams = new URLSearchParams(),\n isNakamoto = false,\n}: GetHiroExplorerLinkArgs) {\n if (mode === 'regtest' && type === 'txid') return `http://localhost:8000/txid/${value}`;\n searchParams.append('chain', mode);\n if (isNakamoto) searchParams.append('api', HIRO_API_BASE_URL_NAKAMOTO_TESTNET);\n return `${HIRO_EXPLORER_URL}/${type}/${value}?${searchParams.toString()}`;\n}\n","import type { Activity, CryptoAsset, OnChainActivityStatus } from '@leather.io/models';\n\nimport type { ActivityAvatar } from './types';\n\nexport function hasTxDetails(\n activity: Activity\n): activity is Activity & { txid: string; status: OnChainActivityStatus } {\n return 'txid' in activity && 'status' in activity;\n}\n\nexport function getActivityTitle(activity: Activity) {\n switch (activity.type) {\n case 'sendAsset':\n case 'receiveAsset':\n if (!activity.value?.crypto?.symbol) {\n return `Token Transfer`;\n }\n return activity.value?.crypto?.symbol;\n case 'deploySmartContract':\n case 'executeSmartContract':\n return activity.contractId.split('.').pop() || `Unknown`;\n case 'swapAssets':\n return `Swap Assets`;\n case 'lockAsset':\n return `Lock Asset`;\n case 'connectApp':\n case 'signMessage':\n if ('appName' in activity && activity.appName) return activity.appName;\n return `Wallet Activity`;\n case 'walletAdded':\n case 'receiveAnnouncement':\n case 'featureWaitlistNotification':\n if ('title' in activity && activity.title) return activity.title;\n return `Announcement`;\n default:\n return `Unknown`;\n }\n}\n\nexport function getActivityAsset(activity: Activity): CryptoAsset | undefined {\n if ('asset' in activity) return activity.asset;\n if (activity.type === 'swapAssets') return activity.toAsset;\n return undefined;\n}\n\nexport function getActivityAvatar(activity: Activity): ActivityAvatar {\n if (activity.type === 'swapAssets') return 'swap';\n return getActivityAsset(activity) ? 'asset' : 'fallback';\n}\n","import {\n type Activity,\n type BaseOnChainActivity,\n isFungibleAsset,\n isInscriptionAsset,\n isStampAsset,\n} from '@leather.io/models';\n\nimport type { ActivityStatusIndicatorId } from './types';\n\nexport function hasActivityStatus(activity: Activity): activity is Activity & {\n status: BaseOnChainActivity['status'];\n} {\n return 'status' in activity;\n}\n\nconst fallbackActivityStatus: BaseOnChainActivity['status'] = 'success';\n\nfunction getActivityStatusMap(): Record<\n Activity['type'],\n Record<BaseOnChainActivity['status'], string>\n> {\n return {\n sendAsset: {\n success: `Sent`,\n pending: `Sending`,\n failed: `Send Failed`,\n },\n receiveAsset: {\n success: `Received`,\n pending: '',\n failed: `Receive fail`,\n },\n executeSmartContract: {\n success: `Executed`,\n pending: `Executing`,\n failed: `Execution failed`,\n },\n deploySmartContract: {\n success: `Deployed`,\n pending: `Deploying`,\n failed: `Deployment failed`,\n },\n lockAsset: {\n success: `Locked`,\n pending: `Locking`,\n failed: `Lock failed`,\n },\n swapAssets: {\n success: `Swapped`,\n pending: `Swapping`,\n failed: `Swap failed`,\n },\n connectApp: {\n success: `Connected`,\n pending: `Connecting`,\n failed: `Connection failed`,\n },\n signMessage: {\n success: `Signed`,\n pending: `Signing`,\n failed: `Signing failed`,\n },\n walletAdded: {\n success: `Wallet added`,\n pending: `Adding wallet`,\n failed: `Adding wallet failed`,\n },\n receiveAnnouncement: {\n success: `Announcement received`,\n pending: `Receiving announcement`,\n failed: `Receiving announcement failed`,\n },\n featureWaitlistNotification: {\n success: `Feature waitlist notification`,\n pending: `Receiving feature waitlist notification`,\n failed: `Receiving feature waitlist notification failed`,\n },\n };\n}\n\nexport function formatActivityStatusLabel(activity: Activity) {\n const activityStatusMap = getActivityStatusMap();\n\n switch (activity.type) {\n case 'deploySmartContract':\n case 'executeSmartContract': {\n const contractName = activity.contractId.split('.')[1];\n return contractName ?? 'Unknown';\n }\n case 'swapAssets':\n if (isFungibleAsset(activity.fromAsset) && isFungibleAsset(activity.toAsset)) {\n return `${activity.fromAsset.symbol} → ${activity.toAsset.symbol}`;\n } else if (isStampAsset(activity.fromAsset) && isStampAsset(activity.toAsset)) {\n return `Stamp → Stamp`;\n } else if (isInscriptionAsset(activity.fromAsset) && isInscriptionAsset(activity.toAsset)) {\n return `${activity.fromAsset.title} → ${activity.toAsset.title}`;\n }\n return `${activity.fromAsset.category} → ${activity.toAsset.category}`;\n default: {\n const status = hasActivityStatus(activity) ? activity.status : fallbackActivityStatus;\n return activityStatusMap[activity.type][status];\n }\n }\n}\n\nexport function getActivityStatusIndicatorId(activity: Activity): ActivityStatusIndicatorId {\n if (!hasActivityStatus(activity)) return 'hidden';\n\n switch (activity.status) {\n case 'pending':\n return 'pending';\n case 'failed':\n return 'failed';\n case 'success':\n switch (activity.type) {\n case 'sendAsset':\n return 'sent';\n case 'receiveAsset':\n return 'received';\n case 'swapAssets':\n return 'swap';\n case 'executeSmartContract':\n return 'function';\n default:\n return 'hidden';\n }\n default:\n return 'hidden';\n }\n}\n","import dayjs from 'dayjs';\n\nimport type { Activity } from '@leather.io/models';\n\nexport function formatActivityCaption({ timestamp }: Pick<Activity, 'timestamp'>) {\n const timestampInSeconds = timestamp * 1000;\n const isRecent = !dayjs(timestampInSeconds).isBefore(dayjs().subtract(1, 'hour'));\n const time = dayjs(timestampInSeconds).format('MMM D, YYYY');\n\n const timestampText = isRecent\n ? `${dayjs().diff(dayjs(timestampInSeconds), 'minute')} ${`minutes ago`}`\n : time;\n\n return timestampText;\n}\n","import type { Activity, NetworkConfiguration } from '@leather.io/models';\n\nimport { getActivityBalances } from './activity-balance';\nimport { makeActivityLink } from './activity-links';\nimport {\n getActivityAsset,\n getActivityAvatar,\n getActivityTitle,\n hasTxDetails,\n} from './activity-metadata';\nimport { formatActivityStatusLabel, getActivityStatusIndicatorId } from './activity-status';\nimport { formatActivityCaption } from './activity-timestamp';\nimport type { ActivityView } from './types';\n\nfunction getActivityKey(activity: Activity): string {\n if ('txid' in activity) return activity.txid;\n return `${activity.type}-${activity.timestamp}`;\n}\n\nexport function createActivityView(\n activity: Activity,\n networkPreference: NetworkConfiguration\n): ActivityView {\n const asset = getActivityAsset(activity);\n const balances = getActivityBalances(activity);\n const title = getActivityTitle(activity);\n const statusLabel = formatActivityStatusLabel(activity);\n const caption = formatActivityCaption(activity);\n const combinedCaption = statusLabel ? `${statusLabel} ${caption}` : caption;\n\n const activityAvatar = getActivityAvatar(activity);\n const statusIndicator = getActivityStatusIndicatorId(activity);\n const fromAsset = activity.type === 'swapAssets' ? activity.fromAsset : undefined;\n const toAsset = activity.type === 'swapAssets' ? activity.toAsset : undefined;\n const activityLink =\n hasTxDetails(activity) && asset\n ? makeActivityLink({ txid: activity.txid, networkPreference, asset })\n : null;\n\n return {\n key: getActivityKey(activity),\n asset,\n fromAsset,\n toAsset,\n title,\n caption: combinedCaption,\n statusLabel,\n balances,\n activityLink,\n activityAvatar,\n statusIndicator,\n };\n}\n","import { hmac } from '@noble/hashes/hmac';\nimport { sha256 } from '@noble/hashes/sha256';\nimport { bytesToHex } from '@noble/hashes/utils';\n\nexport function generateSignature(data: string, signingSecret: string): string {\n const encoder = new TextEncoder();\n const dataBytes = encoder.encode(data);\n const signingSecretBytes = encoder.encode(signingSecret);\n const signatureBytes = hmac(sha256, signingSecretBytes, dataBytes);\n return bytesToHex(signatureBytes);\n}\n\nexport function formatColorHexForParams(colorHex: string) {\n return colorHex.replace('#', '');\n}\n\ninterface MatchAddresses<T> {\n btcAddress: string | undefined;\n stxAddress: string | undefined;\n resultMap: {\n bothAvailable: T;\n onlyBtc: T;\n onlyStx: T;\n none: T;\n };\n}\n\nexport function matchAddresses<T>({ btcAddress, stxAddress, resultMap }: MatchAddresses<T>) {\n if (btcAddress && stxAddress) {\n return resultMap.bothAvailable;\n }\n if (btcAddress) {\n return resultMap.onlyBtc;\n }\n if (stxAddress) {\n return resultMap.onlyStx;\n }\n return resultMap.none;\n}\n","import { colorThemes } from '@leather.io/tokens';\n\nimport { OnramperMode } from './types';\nimport { formatColorHexForParams, generateSignature, matchAddresses } from './utils';\n\ninterface GetIframeProps {\n theme: 'dark' | 'light';\n btcAddress: string | undefined;\n stxAddress: string | undefined;\n apiKey: string;\n signingSecret: string;\n mode: OnramperMode;\n successRedirectUrl: string | undefined;\n failureRedirectUrl: string | undefined;\n redirectAtCheckout?: boolean;\n}\n\nexport function getOnramperIframeParams({\n theme,\n btcAddress,\n stxAddress,\n apiKey,\n signingSecret,\n mode,\n successRedirectUrl,\n failureRedirectUrl,\n redirectAtCheckout = false,\n}: GetIframeProps) {\n const redirectUrls: Record<string, string> = {};\n if (successRedirectUrl) redirectUrls['successRedirectUrl'] = successRedirectUrl;\n if (failureRedirectUrl) redirectUrls['failureRedirectUrl'] = failureRedirectUrl;\n const wallets = matchAddresses({\n btcAddress,\n stxAddress,\n resultMap: {\n bothAvailable: `btc:${btcAddress},stx_stacks:${stxAddress}`,\n onlyBtc: `btc:${btcAddress}`,\n onlyStx: `stx_stacks:${stxAddress}`,\n none: '',\n },\n });\n const onlyCryptoNetworks = matchAddresses({\n btcAddress,\n stxAddress,\n resultMap: {\n bothAvailable: `stacks,bitcoin`,\n onlyBtc: `bitcoin`,\n onlyStx: `stacks`,\n none: '',\n },\n });\n const onlyCryptos = matchAddresses({\n btcAddress,\n stxAddress,\n resultMap: {\n bothAvailable: `stx_stacks,btc`,\n onlyBtc: `btc`,\n onlyStx: `stx_stacks`,\n none: '',\n },\n });\n const signContent = `wallets=${wallets}`;\n\n const colors = theme === 'dark' ? colorThemes.dark : colorThemes.base;\n const params = new URLSearchParams({\n darkMode: theme === 'dark' ? 'true' : 'false',\n themeName: theme,\n primaryColor: formatColorHexForParams(colors['ink.action-primary-default']),\n secondaryColor: formatColorHexForParams(colors['ink.component-background-default']),\n primaryTextColor: formatColorHexForParams(colors['ink.text-primary']),\n secondaryTextColor: formatColorHexForParams(colors['ink.text-subdued']),\n containerColor: formatColorHexForParams(colors['ink.background-primary']),\n cardColor: formatColorHexForParams(colors['ink.component-background-hover']),\n primaryBtnTextColor: formatColorHexForParams(colors['ink.background-primary']),\n borderRadius: '0.25',\n widgetBorderRadius: '0.1',\n apiKey,\n signature: generateSignature(signContent, signingSecret),\n mode,\n onlyCryptoNetworks,\n sell_onlyCryptoNetworks: onlyCryptoNetworks,\n onlyCryptos,\n sell_onlyCryptos: onlyCryptos,\n defaultFiat: 'USD',\n sell_defaultFiat: 'USD',\n defaultAmount: '25',\n sell_defaultCrypto: 'BTC',\n sell_defaultAmount: '0.0005',\n redirectAtCheckout: redirectAtCheckout.toString(),\n hideTopBar: 'true',\n wallets,\n ...redirectUrls,\n });\n return params;\n}\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,52 +1,49 @@
1
1
  {
2
2
  "name": "@leather.io/features",
3
- "version": "1.1.1",
3
+ "version": "1.1.3",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "exports": {
7
- ".": "./dist-web/exports.web.js",
8
- "./native": "./dist-native/exports.native.js"
7
+ ".": "./dist/index.js"
9
8
  },
10
9
  "dependencies": {
11
10
  "@noble/hashes": "1.5.0",
12
- "react": "19.0.0",
13
- "react-dom": "19.0.0",
14
- "react-native": "0.79.2",
15
- "react-native-safe-area-context": "5.4.0",
16
- "react-native-webview": "13.14.1",
17
- "@leather.io/prettier-config": "0.9.0",
18
- "@leather.io/tokens": "0.24.1"
11
+ "dayjs": "1.11.13",
12
+ "@leather.io/services": "1.44.2",
13
+ "@leather.io/constants": "0.28.3",
14
+ "@leather.io/tokens": "0.25.1",
15
+ "@leather.io/utils": "0.49.3",
16
+ "@leather.io/models": "0.50.2"
19
17
  },
20
18
  "devDependencies": {
21
- "@babel/core": "7.27.1",
22
- "@babel/runtime": "7.26.0",
23
- "@testing-library/react": "16.3.0",
24
- "@types/react": "19.0.12",
25
- "@types/react-dom": "19.0.4",
26
- "babel-preset-expo": "13.0.0",
27
- "concurrently": "8.2.2",
28
- "happy-dom": "18.0.1",
29
- "tslib": "2.6.2",
19
+ "prettier": "3.5.1",
20
+ "tsdown": "0.16.5",
30
21
  "tsup": "8.4.0",
31
- "typescript": "5.8.3",
32
- "vitest": "2.1.9"
22
+ "typescript": "5.9.3",
23
+ "vitest": "2.1.9",
24
+ "@leather.io/prettier-config": "0.9.0",
25
+ "@leather.io/test-config": "0.1.2",
26
+ "@leather.io/tsconfig-config": "0.11.1"
33
27
  },
34
28
  "files": [
35
- "dist-web",
36
- "dist-native"
29
+ "dist"
37
30
  ],
31
+ "peerDependencies": {
32
+ "react": "19.0.0"
33
+ },
34
+ "prettier": "@leather.io/prettier-config",
38
35
  "publishConfig": {
39
36
  "access": "public"
40
37
  },
38
+ "types": "./dist/index.d.ts",
41
39
  "scripts": {
42
- "build": " pnpm build:native && pnpm build:web",
43
- "build:native": "tsup --config tsup.config.native.ts",
44
- "build:native:watch": "concurrently \"pnpm build:native --watch -- --preserveWatchOutput\"",
45
- "build:watch": "concurrently \"pnpm build:native --watch -- --preserveWatchOutput\" \"pnpm build:web --watch\" ",
46
- "build:web": "tsup --config tsup.config.web.ts",
47
- "format": "prettier . --write \"src/**/*.{ts,tsx}\" --ignore-path ../../.prettierignore",
48
- "format:check": "prettier . --check \"src/**/*.{ts,tsx}\" --ignore-path ../../.prettierignore",
40
+ "build": "tsdown",
41
+ "build:watch": "tsdown --watch",
42
+ "format": "prettier . --write --ignore-path ../../.prettierignore",
43
+ "format:check": "prettier . --check --ignore-path ../../.prettierignore",
44
+ "lint": "eslint --cache --max-warnings 0",
45
+ "lint:fix": "pnpm lint --fix",
49
46
  "test:unit": "vitest run",
50
- "typecheck": "tsc --noEmit --project ./tsconfig.json"
47
+ "typecheck": "tsc --noEmit"
51
48
  }
52
49
  }
@@ -1,59 +0,0 @@
1
- import type { WebViewProps } from 'react-native-webview';
2
-
3
- declare interface BaseOnramperProps {
4
- widgetHost: string;
5
- theme: 'light' | 'dark';
6
- btcAddress: string | undefined;
7
- stxAddress: string | undefined;
8
- apiKey: string;
9
- signingSecret: string;
10
- mode: OnramperMode;
11
- successRedirectUrl: string | undefined;
12
- failureRedirectUrl: string | undefined;
13
- }
14
- export { BaseOnramperProps }
15
- export { BaseOnramperProps as BaseOnramperProps_alias_1 }
16
- export { BaseOnramperProps as BaseOnramperProps_alias_2 }
17
-
18
- export declare function formatColorHexForParams(colorHex: string): string;
19
-
20
- export declare function generateSignature(data: string, signingSecret: string): string;
21
-
22
- declare interface GetIframeProps {
23
- theme: 'dark' | 'light';
24
- btcAddress: string | undefined;
25
- stxAddress: string | undefined;
26
- apiKey: string;
27
- signingSecret: string;
28
- mode: OnramperMode;
29
- successRedirectUrl: string | undefined;
30
- failureRedirectUrl: string | undefined;
31
- redirectAtCheckout?: boolean;
32
- }
33
-
34
- declare function getOnramperIframeParams({ theme, btcAddress, stxAddress, apiKey, signingSecret, mode, successRedirectUrl, failureRedirectUrl, redirectAtCheckout, }: GetIframeProps): URLSearchParams;
35
- export { getOnramperIframeParams }
36
- export { getOnramperIframeParams as getOnramperIframeParams_alias_1 }
37
- export { getOnramperIframeParams as getOnramperIframeParams_alias_2 }
38
-
39
- declare interface MatchAddresses<T> {
40
- btcAddress: string | undefined;
41
- stxAddress: string | undefined;
42
- resultMap: {
43
- bothAvailable: T;
44
- onlyBtc: T;
45
- onlyStx: T;
46
- none: T;
47
- };
48
- }
49
-
50
- export declare function matchAddresses<T>({ btcAddress, stxAddress, resultMap }: MatchAddresses<T>): T;
51
-
52
- declare type OnramperMode = 'buy' | 'sell' | 'swap';
53
- export { OnramperMode }
54
- export { OnramperMode as OnramperMode_alias_1 }
55
- export { OnramperMode as OnramperMode_alias_2 }
56
-
57
- export declare type OnramperProps = BaseOnramperProps & WebViewProps;
58
-
59
- export { }
@@ -1 +0,0 @@
1
- import'react';
File without changes
File without changes
@@ -1 +0,0 @@
1
- import {hmac}from'@noble/hashes/hmac';import {sha256}from'@noble/hashes/sha256';import {bytesToHex}from'@noble/hashes/utils';function m(n,t){let e=new TextEncoder,r=e.encode(n),o=e.encode(t),s=hmac(sha256,o,r);return bytesToHex(s)}function T(n){return n.replace("#","")}function l({btcAddress:n,stxAddress:t,resultMap:e}){return n&&t?e.bothAvailable:n?e.onlyBtc:t?e.onlyStx:e.none}export{m as a,T as b,l as c};
@@ -1 +0,0 @@
1
- import {c,a,b}from'./chunk-JUQ66SU3.js';import {colorThemes}from'@leather.io/tokens';function _({theme:a$1,btcAddress:e,stxAddress:o,apiKey:k,signingSecret:f,mode:y,successRedirectUrl:l,failureRedirectUrl:s,redirectAtCheckout:g=false}){let i={};l&&(i.successRedirectUrl=l),s&&(i.failureRedirectUrl=s);let c$1=c({btcAddress:e,stxAddress:o,resultMap:{bothAvailable:`btc:${e},stx_stacks:${o}`,onlyBtc:`btc:${e}`,onlyStx:`stx_stacks:${o}`,none:""}}),d=c({btcAddress:e,stxAddress:o,resultMap:{bothAvailable:"stacks,bitcoin",onlyBtc:"bitcoin",onlyStx:"stacks",none:""}}),u=c({btcAddress:e,stxAddress:o,resultMap:{bothAvailable:"stx_stacks,btc",onlyBtc:"btc",onlyStx:"stx_stacks",none:""}}),b$1=`wallets=${c$1}`,t=a$1==="dark"?colorThemes.dark:colorThemes.base;return new URLSearchParams({darkMode:a$1==="dark"?"true":"false",themeName:a$1,primaryColor:b(t["ink.action-primary-default"]),secondaryColor:b(t["ink.component-background-default"]),primaryTextColor:b(t["ink.text-primary"]),secondaryTextColor:b(t["ink.text-subdued"]),containerColor:b(t["ink.background-primary"]),cardColor:b(t["ink.component-background-hover"]),primaryBtnTextColor:b(t["ink.background-primary"]),borderRadius:"0.25",widgetBorderRadius:"0.1",apiKey:k,signature:a(b$1,f),mode:y,onlyCryptoNetworks:d,sell_onlyCryptoNetworks:d,onlyCryptos:u,sell_onlyCryptos:u,defaultFiat:"USD",sell_defaultFiat:"USD",defaultAmount:"25",sell_defaultCrypto:"BTC",sell_defaultAmount:"0.0005",redirectAtCheckout:g.toString(),hideTopBar:"true",wallets:c$1,...i})}export{_ as a};
@@ -1,4 +0,0 @@
1
- export { OnramperProps } from './_tsup-dts-rollup.js';
2
- export { OnramperMode } from './_tsup-dts-rollup.js';
3
- export { BaseOnramperProps } from './_tsup-dts-rollup.js';
4
- export { getOnramperIframeParams } from './_tsup-dts-rollup.js';
@@ -1 +0,0 @@
1
- import'./chunk-563YKZ5T.js';export{a as getOnramperIframeParams}from'./chunk-U4PLFPNJ.js';import'./chunk-BCDTEWZG.js';import'./chunk-JUQ66SU3.js';import'./chunk-3TSVHFY4.js';
@@ -1,3 +0,0 @@
1
- export { OnramperMode_alias_1 as OnramperMode } from '../_tsup-dts-rollup.js';
2
- export { BaseOnramperProps_alias_1 as BaseOnramperProps } from '../_tsup-dts-rollup.js';
3
- export { getOnramperIframeParams_alias_1 as getOnramperIframeParams } from '../_tsup-dts-rollup.js';
@@ -1 +0,0 @@
1
- import'../chunk-563YKZ5T.js';export{a as getOnramperIframeParams}from'../chunk-U4PLFPNJ.js';import'../chunk-BCDTEWZG.js';import'../chunk-JUQ66SU3.js';import'../chunk-3TSVHFY4.js';
@@ -1 +0,0 @@
1
- export { getOnramperIframeParams_alias_2 as getOnramperIframeParams } from '../_tsup-dts-rollup.js';
@@ -1 +0,0 @@
1
- export{a as getOnramperIframeParams}from'../chunk-U4PLFPNJ.js';import'../chunk-JUQ66SU3.js';import'../chunk-3TSVHFY4.js';
@@ -1,2 +0,0 @@
1
- export { OnramperMode_alias_2 as OnramperMode } from '../_tsup-dts-rollup.js';
2
- export { BaseOnramperProps_alias_2 as BaseOnramperProps } from '../_tsup-dts-rollup.js';
@@ -1 +0,0 @@
1
- import'../chunk-BCDTEWZG.js';import'../chunk-3TSVHFY4.js';
@@ -1,3 +0,0 @@
1
- export { generateSignature } from '../_tsup-dts-rollup.js';
2
- export { formatColorHexForParams } from '../_tsup-dts-rollup.js';
3
- export { matchAddresses } from '../_tsup-dts-rollup.js';
@@ -1 +0,0 @@
1
- export{b as formatColorHexForParams,a as generateSignature,c as matchAddresses}from'../chunk-JUQ66SU3.js';import'../chunk-3TSVHFY4.js';
@@ -1,31 +0,0 @@
1
- export declare interface BaseOnramperProps {
2
- widgetHost: string;
3
- theme: 'light' | 'dark';
4
- btcAddress: string | undefined;
5
- stxAddress: string | undefined;
6
- apiKey: string;
7
- signingSecret: string;
8
- mode: OnramperMode;
9
- successRedirectUrl: string | undefined;
10
- failureRedirectUrl: string | undefined;
11
- }
12
-
13
- declare interface GetIframeProps {
14
- theme: 'dark' | 'light';
15
- btcAddress: string | undefined;
16
- stxAddress: string | undefined;
17
- apiKey: string;
18
- signingSecret: string;
19
- mode: OnramperMode;
20
- successRedirectUrl: string | undefined;
21
- failureRedirectUrl: string | undefined;
22
- redirectAtCheckout?: boolean;
23
- }
24
-
25
- export declare function getOnramperIframeParams({ theme, btcAddress, stxAddress, apiKey, signingSecret, mode, successRedirectUrl, failureRedirectUrl, redirectAtCheckout, }: GetIframeProps): URLSearchParams;
26
-
27
- export declare type OnramperMode = 'buy' | 'sell' | 'swap';
28
-
29
- export declare type OnramperProps = BaseOnramperProps & React.DetailedHTMLProps<React.IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>;
30
-
31
- export { }
@@ -1 +0,0 @@
1
- import'react';
@@ -1,4 +0,0 @@
1
- export { OnramperProps } from './_tsup-dts-rollup.js';
2
- export { OnramperMode } from './_tsup-dts-rollup.js';
3
- export { BaseOnramperProps } from './_tsup-dts-rollup.js';
4
- export { getOnramperIframeParams } from './_tsup-dts-rollup.js';
@@ -1 +0,0 @@
1
- import'./chunk-J6IWLNJL.js';export*from'./onramper/index.shared';
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- import'../chunk-J6IWLNJL.js';export*from'./types.shared';export*from'./onramper-params.shared';
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- import'../chunk-J6IWLNJL.js';import {colorThemes}from'@leather.io/tokens';import {matchAddresses,generateSignature,formatColorHexForParams}from'./utils.shared';function w({theme:n,btcAddress:e,stxAddress:o,apiKey:p,signingSecret:k,mode:f,successRedirectUrl:l,failureRedirectUrl:s,redirectAtCheckout:y=false}){const a={};l&&(a.successRedirectUrl=l),s&&(a.failureRedirectUrl=s);const c=matchAddresses({btcAddress:e,stxAddress:o,resultMap:{bothAvailable:`btc:${e},stx_stacks:${o}`,onlyBtc:`btc:${e}`,onlyStx:`stx_stacks:${o}`,none:""}}),d=matchAddresses({btcAddress:e,stxAddress:o,resultMap:{bothAvailable:"stacks,bitcoin",onlyBtc:"bitcoin",onlyStx:"stacks",none:""}}),u=matchAddresses({btcAddress:e,stxAddress:o,resultMap:{bothAvailable:"stx_stacks,btc",onlyBtc:"btc",onlyStx:"stx_stacks",none:""}}),g=`wallets=${c}`,r=n==="dark"?colorThemes.dark:colorThemes.base;return new URLSearchParams({darkMode:n==="dark"?"true":"false",themeName:n,primaryColor:formatColorHexForParams(r["ink.action-primary-default"]),secondaryColor:formatColorHexForParams(r["ink.component-background-default"]),primaryTextColor:formatColorHexForParams(r["ink.text-primary"]),secondaryTextColor:formatColorHexForParams(r["ink.text-subdued"]),containerColor:formatColorHexForParams(r["ink.background-primary"]),cardColor:formatColorHexForParams(r["ink.component-background-hover"]),primaryBtnTextColor:formatColorHexForParams(r["ink.background-primary"]),borderRadius:"0.25",widgetBorderRadius:"0.1",apiKey:p,signature:generateSignature(g,k),mode:f,onlyCryptoNetworks:d,sell_onlyCryptoNetworks:d,onlyCryptos:u,sell_onlyCryptos:u,defaultFiat:"USD",sell_defaultFiat:"USD",defaultAmount:"25",sell_defaultCrypto:"BTC",sell_defaultAmount:"0.0005",redirectAtCheckout:y.toString(),hideTopBar:"true",wallets:c,...a})}export{w as getOnramperIframeParams};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- import'../chunk-J6IWLNJL.js';
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- import'../chunk-J6IWLNJL.js';import {hmac}from'@noble/hashes/hmac';import {sha256}from'@noble/hashes/sha256';import {bytesToHex}from'@noble/hashes/utils';function m(n,t){const e=new TextEncoder,r=e.encode(n),o=e.encode(t),s=hmac(sha256,o,r);return bytesToHex(s)}function T(n){return n.replace("#","")}function l({btcAddress:n,stxAddress:t,resultMap:e}){return n&&t?e.bothAvailable:n?e.onlyBtc:t?e.onlyStx:e.none}export{T as formatColorHexForParams,m as generateSignature,l as matchAddresses};