@reown/appkit-ui-react-native 1.2.3 → 2.0.0-alpha.0
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/lib/commonjs/assets/svg/Card.js +21 -0
- package/lib/commonjs/assets/svg/Card.js.map +1 -0
- package/lib/commonjs/assets/svg/Clock.js +3 -3
- package/lib/commonjs/assets/svg/Clock.js.map +1 -1
- package/lib/commonjs/assets/svg/CurrencyDollar.js +21 -0
- package/lib/commonjs/assets/svg/CurrencyDollar.js.map +1 -0
- package/lib/commonjs/assets/svg/Settings.js +21 -0
- package/lib/commonjs/assets/svg/Settings.js.map +1 -0
- package/lib/commonjs/components/wui-icon/index.js +6 -0
- package/lib/commonjs/components/wui-icon/index.js.map +1 -1
- package/lib/commonjs/components/wui-pressable/index.js +5 -2
- package/lib/commonjs/components/wui-pressable/index.js.map +1 -1
- package/lib/commonjs/composites/wui-button/index.js +3 -1
- package/lib/commonjs/composites/wui-button/index.js.map +1 -1
- package/lib/commonjs/composites/wui-button/styles.js +1 -1
- package/lib/commonjs/composites/wui-double-image-loader/index.js +57 -0
- package/lib/commonjs/composites/wui-double-image-loader/index.js.map +1 -0
- package/lib/commonjs/composites/wui-double-image-loader/index.native.js +94 -0
- package/lib/commonjs/composites/wui-double-image-loader/index.native.js.map +1 -0
- package/lib/commonjs/composites/wui-double-image-loader/styles.js +31 -0
- package/lib/commonjs/composites/wui-double-image-loader/styles.js.map +1 -0
- package/lib/commonjs/composites/wui-icon-box/index.js +4 -2
- package/lib/commonjs/composites/wui-icon-box/index.js.map +1 -1
- package/lib/commonjs/composites/wui-list-item/index.js +8 -5
- package/lib/commonjs/composites/wui-list-item/index.js.map +1 -1
- package/lib/commonjs/composites/wui-list-social/styles.js +1 -1
- package/lib/commonjs/composites/wui-list-social/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-network-button/styles.js +1 -2
- package/lib/commonjs/composites/wui-network-button/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-numeric-keyboard/index.js +54 -0
- package/lib/commonjs/composites/wui-numeric-keyboard/index.js.map +1 -0
- package/lib/commonjs/composites/wui-search-bar/index.js +8 -4
- package/lib/commonjs/composites/wui-search-bar/index.js.map +1 -1
- package/lib/commonjs/composites/wui-tag/index.js +3 -2
- package/lib/commonjs/composites/wui-tag/index.js.map +1 -1
- package/lib/commonjs/composites/wui-toggle/index.js +3 -2
- package/lib/commonjs/composites/wui-toggle/index.js.map +1 -1
- package/lib/commonjs/composites/wui-token-button/index.js +32 -10
- package/lib/commonjs/composites/wui-token-button/index.js.map +1 -1
- package/lib/commonjs/composites/wui-token-button/styles.js +14 -1
- package/lib/commonjs/composites/wui-token-button/styles.js.map +1 -1
- package/lib/commonjs/index.js +14 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/layout/wui-flex/index.js +2 -1
- package/lib/commonjs/layout/wui-flex/index.js.map +1 -1
- package/lib/commonjs/layout/wui-separator/index.js +5 -4
- package/lib/commonjs/layout/wui-separator/index.js.map +1 -1
- package/lib/module/assets/svg/Card.js +13 -0
- package/lib/module/assets/svg/Card.js.map +1 -0
- package/lib/module/assets/svg/Clock.js +3 -3
- package/lib/module/assets/svg/Clock.js.map +1 -1
- package/lib/module/assets/svg/CurrencyDollar.js +13 -0
- package/lib/module/assets/svg/CurrencyDollar.js.map +1 -0
- package/lib/module/assets/svg/Settings.js +13 -0
- package/lib/module/assets/svg/Settings.js.map +1 -0
- package/lib/module/components/wui-icon/index.js +6 -0
- package/lib/module/components/wui-icon/index.js.map +1 -1
- package/lib/module/components/wui-pressable/index.js +5 -2
- package/lib/module/components/wui-pressable/index.js.map +1 -1
- package/lib/module/composites/wui-button/index.js +3 -1
- package/lib/module/composites/wui-button/index.js.map +1 -1
- package/lib/module/composites/wui-button/styles.js +1 -1
- package/lib/module/composites/wui-double-image-loader/index.js +50 -0
- package/lib/module/composites/wui-double-image-loader/index.js.map +1 -0
- package/lib/module/composites/wui-double-image-loader/index.native.js +87 -0
- package/lib/module/composites/wui-double-image-loader/index.native.js.map +1 -0
- package/lib/module/composites/wui-double-image-loader/styles.js +25 -0
- package/lib/module/composites/wui-double-image-loader/styles.js.map +1 -0
- package/lib/module/composites/wui-icon-box/index.js +4 -2
- package/lib/module/composites/wui-icon-box/index.js.map +1 -1
- package/lib/module/composites/wui-list-item/index.js +8 -5
- package/lib/module/composites/wui-list-item/index.js.map +1 -1
- package/lib/module/composites/wui-list-social/styles.js +1 -1
- package/lib/module/composites/wui-list-social/styles.js.map +1 -1
- package/lib/module/composites/wui-network-button/styles.js +1 -2
- package/lib/module/composites/wui-network-button/styles.js.map +1 -1
- package/lib/module/composites/wui-numeric-keyboard/index.js +48 -0
- package/lib/module/composites/wui-numeric-keyboard/index.js.map +1 -0
- package/lib/module/composites/wui-search-bar/index.js +8 -4
- package/lib/module/composites/wui-search-bar/index.js.map +1 -1
- package/lib/module/composites/wui-tag/index.js +3 -2
- package/lib/module/composites/wui-tag/index.js.map +1 -1
- package/lib/module/composites/wui-toggle/index.js +3 -2
- package/lib/module/composites/wui-toggle/index.js.map +1 -1
- package/lib/module/composites/wui-token-button/index.js +29 -7
- package/lib/module/composites/wui-token-button/index.js.map +1 -1
- package/lib/module/composites/wui-token-button/styles.js +14 -1
- package/lib/module/composites/wui-token-button/styles.js.map +1 -1
- package/lib/module/index.js +2 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/layout/wui-flex/index.js +2 -1
- package/lib/module/layout/wui-flex/index.js.map +1 -1
- package/lib/module/layout/wui-separator/index.js +5 -4
- package/lib/module/layout/wui-separator/index.js.map +1 -1
- package/lib/typescript/assets/svg/Card.d.ts +4 -0
- package/lib/typescript/assets/svg/Card.d.ts.map +1 -0
- package/lib/typescript/assets/svg/CurrencyDollar.d.ts +4 -0
- package/lib/typescript/assets/svg/CurrencyDollar.d.ts.map +1 -0
- package/lib/typescript/assets/svg/Settings.d.ts +4 -0
- package/lib/typescript/assets/svg/Settings.d.ts.map +1 -0
- package/lib/typescript/components/wui-icon/index.d.ts.map +1 -1
- package/lib/typescript/components/wui-pressable/index.d.ts +2 -1
- package/lib/typescript/components/wui-pressable/index.d.ts.map +1 -1
- package/lib/typescript/components/wui-shimmer/index.d.ts +2 -2
- package/lib/typescript/components/wui-shimmer/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-button/index.d.ts +2 -1
- package/lib/typescript/composites/wui-button/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-double-image-loader/index.d.ts +16 -0
- package/lib/typescript/composites/wui-double-image-loader/index.d.ts.map +1 -0
- package/lib/typescript/composites/wui-double-image-loader/index.native.d.ts +16 -0
- package/lib/typescript/composites/wui-double-image-loader/index.native.d.ts.map +1 -0
- package/lib/typescript/composites/wui-double-image-loader/styles.d.ts +24 -0
- package/lib/typescript/composites/wui-double-image-loader/styles.d.ts.map +1 -0
- package/lib/typescript/composites/wui-icon-box/index.d.ts +2 -1
- package/lib/typescript/composites/wui-icon-box/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-list-item/index.d.ts +5 -2
- package/lib/typescript/composites/wui-list-item/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-network-button/styles.d.ts +0 -1
- package/lib/typescript/composites/wui-network-button/styles.d.ts.map +1 -1
- package/lib/typescript/composites/wui-numeric-keyboard/index.d.ts +5 -0
- package/lib/typescript/composites/wui-numeric-keyboard/index.d.ts.map +1 -0
- package/lib/typescript/composites/wui-search-bar/index.d.ts +3 -2
- package/lib/typescript/composites/wui-search-bar/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-tag/index.d.ts +3 -2
- package/lib/typescript/composites/wui-tag/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-toggle/index.d.ts +8 -1
- package/lib/typescript/composites/wui-toggle/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-token-button/index.d.ts +6 -1
- package/lib/typescript/composites/wui-token-button/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-token-button/styles.d.ts +13 -0
- package/lib/typescript/composites/wui-token-button/styles.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +3 -1
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/layout/wui-flex/index.d.ts +1 -0
- package/lib/typescript/layout/wui-flex/index.d.ts.map +1 -1
- package/lib/typescript/layout/wui-separator/index.d.ts +3 -1
- package/lib/typescript/layout/wui-separator/index.d.ts.map +1 -1
- package/lib/typescript/utils/TypesUtil.d.ts +1 -1
- package/lib/typescript/utils/TypesUtil.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/assets/svg/Card.tsx +13 -0
- package/src/assets/svg/Clock.tsx +2 -2
- package/src/assets/svg/CurrencyDollar.tsx +12 -0
- package/src/assets/svg/Settings.tsx +12 -0
- package/src/components/wui-icon/index.tsx +6 -0
- package/src/components/wui-pressable/index.tsx +10 -1
- package/src/components/wui-shimmer/index.tsx +2 -2
- package/src/composites/wui-button/index.tsx +3 -0
- package/src/composites/wui-button/styles.ts +1 -1
- package/src/composites/wui-double-image-loader/index.native.tsx +119 -0
- package/src/composites/wui-double-image-loader/index.tsx +74 -0
- package/src/composites/wui-double-image-loader/styles.ts +25 -0
- package/src/composites/wui-icon-box/index.tsx +4 -1
- package/src/composites/wui-list-item/index.tsx +31 -6
- package/src/composites/wui-list-social/styles.ts +1 -1
- package/src/composites/wui-network-button/styles.ts +1 -2
- package/src/composites/wui-numeric-keyboard/index.tsx +64 -0
- package/src/composites/wui-search-bar/index.tsx +30 -25
- package/src/composites/wui-tag/index.tsx +4 -3
- package/src/composites/wui-toggle/index.tsx +10 -2
- package/src/composites/wui-token-button/index.tsx +26 -3
- package/src/composites/wui-token-button/styles.ts +14 -1
- package/src/index.ts +4 -1
- package/src/layout/wui-flex/index.tsx +2 -1
- package/src/layout/wui-separator/index.tsx +6 -8
- package/src/utils/TypesUtil.ts +3 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-search-bar/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-search-bar/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAO9F,MAAM,WAAW,cAAc;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC9C,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,EACxB,WAAsB,EACtB,eAAe,EACf,YAAY,EACZ,UAAU,EACV,KAAK,EACN,EAAE,cAAc,2CAmChB"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
|
-
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
2
|
+
import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
|
|
3
3
|
import type { TagType } from '../../utils/TypesUtil';
|
|
4
4
|
export interface TagProps {
|
|
5
5
|
children: ReactNode;
|
|
6
6
|
variant?: TagType;
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
style?: StyleProp<ViewStyle>;
|
|
9
|
+
textStyle?: StyleProp<TextStyle>;
|
|
9
10
|
}
|
|
10
|
-
export declare function Tag({ variant, children, style, disabled }: TagProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function Tag({ variant, children, style, disabled, textStyle }: TagProps): import("react/jsx-runtime").JSX.Element;
|
|
11
12
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-tag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-tag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKpF,OAAO,KAAK,EAAa,OAAO,EAAa,MAAM,uBAAuB,CAAC;AAE3E,MAAM,WAAW,QAAQ;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAClC;AAED,wBAAgB,GAAG,CAAC,EAAE,OAAgB,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,QAAQ,2CAavF"}
|
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
3
3
|
export interface ToggleProps {
|
|
4
|
+
/** Content to be displayed inside the toggle when expanded */
|
|
4
5
|
children?: React.ReactNode;
|
|
6
|
+
/** Title displayed in the toggle header. Can be a string or a custom React component */
|
|
5
7
|
title?: string | React.ReactNode;
|
|
8
|
+
/** Custom styles for the toggle container */
|
|
6
9
|
style?: StyleProp<ViewStyle>;
|
|
10
|
+
/** Whether the toggle should be open when first rendered */
|
|
7
11
|
initialOpen?: boolean;
|
|
12
|
+
/** Whether the toggle can be closed after being opened. If false, toggle will remain open once expanded */
|
|
8
13
|
canClose?: boolean;
|
|
14
|
+
/** Custom styles for the content container inside the toggle */
|
|
15
|
+
contentContainerStyle?: StyleProp<ViewStyle>;
|
|
9
16
|
}
|
|
10
|
-
export declare function Toggle({ children, style, title, initialOpen, canClose }: ToggleProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare function Toggle({ children, style, title, initialOpen, canClose, contentContainerStyle }: ToggleProps): import("react/jsx-runtime").JSX.Element;
|
|
11
18
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-toggle/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAOtB,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-toggle/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAOtB,MAAM,WAAW,WAAW;IAC1B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wFAAwF;IACxF,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,6CAA6C;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,4DAA4D;IAC5D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gEAAgE;IAChE,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9C;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,KAAiB,EACjB,WAAmB,EACnB,QAAe,EACf,qBAAqB,EACtB,EAAE,WAAW,2CAoDb"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { StyleProp, ViewStyle } from 'react-native';
|
|
2
|
+
import React from 'react';
|
|
2
3
|
export interface TokenButtonProps {
|
|
3
4
|
onPress?: () => void;
|
|
4
5
|
imageUrl?: string;
|
|
@@ -6,6 +7,10 @@ export interface TokenButtonProps {
|
|
|
6
7
|
inverse?: boolean;
|
|
7
8
|
style?: StyleProp<ViewStyle>;
|
|
8
9
|
disabled?: boolean;
|
|
10
|
+
placeholder?: string;
|
|
11
|
+
chevron?: boolean;
|
|
12
|
+
renderClip?: React.ReactNode;
|
|
13
|
+
testID?: string;
|
|
9
14
|
}
|
|
10
|
-
export declare function TokenButton({ imageUrl, text, inverse, onPress, style, disabled }: TokenButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare function TokenButton({ imageUrl, text, inverse, onPress, style, disabled, placeholder, chevron, renderClip, testID }: TokenButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
11
16
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-token-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-token-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,OAAO,EACP,KAAK,EACL,QAAgB,EAChB,WAA4B,EAC5B,OAAO,EACP,UAAU,EACV,MAAM,EACP,EAAE,gBAAgB,2CA8ClB"}
|
|
@@ -6,6 +6,10 @@ declare const _default: {
|
|
|
6
6
|
container: {
|
|
7
7
|
height: number;
|
|
8
8
|
};
|
|
9
|
+
imageContainer: {
|
|
10
|
+
position: "relative";
|
|
11
|
+
marginRight: number;
|
|
12
|
+
};
|
|
9
13
|
image: {
|
|
10
14
|
width: number;
|
|
11
15
|
height: number;
|
|
@@ -16,6 +20,15 @@ declare const _default: {
|
|
|
16
20
|
marginRight: number;
|
|
17
21
|
marginLeft: number;
|
|
18
22
|
};
|
|
23
|
+
clipContainer: {
|
|
24
|
+
position: "absolute";
|
|
25
|
+
right: number;
|
|
26
|
+
bottom: number;
|
|
27
|
+
zIndex: number;
|
|
28
|
+
};
|
|
29
|
+
chevron: {
|
|
30
|
+
marginLeft: number;
|
|
31
|
+
};
|
|
19
32
|
};
|
|
20
33
|
export default _default;
|
|
21
34
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-token-button/styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-token-button/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,wBA+BG"}
|
|
@@ -19,6 +19,7 @@ export { CardSelect, CardSelectHeight, CardSelectWidth, type CardSelectProps } f
|
|
|
19
19
|
export { Chip, type ChipProps } from './composites/wui-chip';
|
|
20
20
|
export { CompatibleNetwork, type CompatibleNetworkProps } from './composites/wui-compatible-network';
|
|
21
21
|
export { ConnectButton, type ConnectButtonProps } from './composites/wui-connect-button';
|
|
22
|
+
export { DoubleImageLoader } from './composites/wui-double-image-loader';
|
|
22
23
|
export { EmailInput, type EmailInputProps } from './composites/wui-email-input';
|
|
23
24
|
export { IconBox, type IconBoxProps } from './composites/wui-icon-box';
|
|
24
25
|
export { IconLink, type IconLinkProps } from './composites/wui-icon-link';
|
|
@@ -36,6 +37,7 @@ export { Logo, type LogoProps } from './composites/wui-logo';
|
|
|
36
37
|
export { LogoSelect, type LogoSelectProps } from './composites/wui-logo-select';
|
|
37
38
|
export { NetworkButton, type NetworkButtonProps } from './composites/wui-network-button';
|
|
38
39
|
export { NetworkImage, type NetworkImageProps } from './composites/wui-network-image';
|
|
40
|
+
export { NumericKeyboard, type NumericKeyboardProps } from './composites/wui-numeric-keyboard';
|
|
39
41
|
export { Otp, type OtpProps } from './composites/wui-otp';
|
|
40
42
|
export { Pressable, type PressableProps } from './components/wui-pressable';
|
|
41
43
|
export { Promo, type PromoProps } from './composites/wui-promo';
|
|
@@ -51,7 +53,7 @@ export { WalletImage, type WalletImageProps } from './composites/wui-wallet-imag
|
|
|
51
53
|
export { Overlay, type OverlayProps } from './layout/wui-overlay';
|
|
52
54
|
export { FlexView, type FlexViewProps } from './layout/wui-flex';
|
|
53
55
|
export { Separator } from './layout/wui-separator';
|
|
54
|
-
export type { ButtonType, CardSelectType, ChipType, ColorType, ThemeKeys as ThemeColorType, IconType, LogoType, PlacementType, SizeType, TagType, TextType, VisualType } from './utils/TypesUtil';
|
|
56
|
+
export type { ButtonType, CardSelectType, ChipType, ColorType, ThemeKeys as ThemeColorType, IconType, LogoType, PlacementType, SizeType, TagType, TextType, VisualType, TransactionType } from './utils/TypesUtil';
|
|
55
57
|
export { UiUtil } from './utils/UiUtil';
|
|
56
58
|
export { TransactionUtil } from './utils/TransactionUtil';
|
|
57
59
|
export { Spacing, BorderRadius } from './utils/ThemeUtil';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAClG,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,KAAK,qBAAqB,EAC3B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,KAAK,eAAe,EACrB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC5B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAC7F,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACnG,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC/F,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACzF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC/F,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEnF,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,YAAY,EACV,UAAU,EACV,cAAc,EACd,QAAQ,EACR,SAAS,EACT,SAAS,IAAI,cAAc,EAC3B,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,UAAU,EACV,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC"}
|
|
@@ -14,6 +14,7 @@ export interface FlexViewProps {
|
|
|
14
14
|
padding?: SpacingType | SpacingType[];
|
|
15
15
|
margin?: SpacingType | SpacingType[];
|
|
16
16
|
style?: StyleProp<ViewStyle>;
|
|
17
|
+
testID?: string;
|
|
17
18
|
}
|
|
18
19
|
export declare function FlexView(props: FlexViewProps): import("react/jsx-runtime").JSX.Element;
|
|
19
20
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-flex/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAE5F,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,sBAAsB,EACtB,cAAc,EACd,YAAY,EACZ,WAAW,EACZ,MAAM,uBAAuB,CAAC;AAG/B,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,OAAO,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACtC,MAAM,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-flex/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAE5F,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,sBAAsB,EACtB,cAAc,EACd,YAAY,EACZ,WAAW,EACZ,MAAM,uBAAuB,CAAC;AAG/B,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,OAAO,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACtC,MAAM,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAwB5C"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
2
|
+
import type { ColorType } from '../../utils/TypesUtil';
|
|
2
3
|
export interface SeparatorProps {
|
|
3
4
|
text?: string;
|
|
5
|
+
color?: ColorType;
|
|
4
6
|
style?: StyleProp<ViewStyle>;
|
|
5
7
|
}
|
|
6
|
-
export declare function Separator({ text, style }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare function Separator({ text, style, color }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
|
|
7
9
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-separator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-separator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGvD,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAwB,EAAE,EAAE,cAAc,2CAgBlF"}
|
|
@@ -5,7 +5,7 @@ export type SizeType = 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs';
|
|
|
5
5
|
export type PlacementType = 'bottom' | 'left' | 'right' | 'top';
|
|
6
6
|
export type ButtonType = 'accent' | 'fill' | 'shade';
|
|
7
7
|
export type ChipType = 'fill' | 'shade' | 'transparent';
|
|
8
|
-
export type IconType = 'allWallets' | 'apple' | 'arrowBottom' | 'arrowBottomCircle' | 'arrowLeft' | 'arrowRight' | 'arrowTop' | 'browser' | 'checkmark' | 'chevronBottom' | 'chevronLeft' | 'chevronRight' | 'chevronRightSmall' | 'chevronTop' | 'clock' | 'close' | 'coinPlaceholder' | 'compass' | 'copy' | 'copySmall' | 'cursor' | 'desktop' | 'disconnect' | 'discord' | 'etherscan' | 'extension' | 'externalLink' | 'facebook' | 'farcaster' | 'farcasterSquare' | 'filters' | 'github' | 'google' | 'helpCircle' | 'infoCircle' | 'mail' | 'mobile' | 'more' | 'networkPlaceholder' | 'nftPlaceholder' | 'off' | 'paperplane' | 'qrCode' | 'recycleHorizontal' | 'refresh' | 'search' | 'swapHorizontal' | 'swapVertical' | 'telegram' | 'twitch' | 'verify' | 'wallet' | 'walletSmall' | 'walletConnect' | 'walletConnectLightBrown' | 'walletPlaceholder' | 'warningCircle' | 'x';
|
|
8
|
+
export type IconType = 'allWallets' | 'apple' | 'arrowBottom' | 'arrowBottomCircle' | 'arrowLeft' | 'arrowRight' | 'arrowTop' | 'browser' | 'card' | 'checkmark' | 'chevronBottom' | 'chevronLeft' | 'chevronRight' | 'chevronRightSmall' | 'chevronTop' | 'clock' | 'close' | 'coinPlaceholder' | 'compass' | 'copy' | 'copySmall' | 'cursor' | 'currencyDollar' | 'desktop' | 'disconnect' | 'discord' | 'etherscan' | 'extension' | 'externalLink' | 'facebook' | 'farcaster' | 'farcasterSquare' | 'filters' | 'github' | 'google' | 'helpCircle' | 'infoCircle' | 'mail' | 'mobile' | 'more' | 'networkPlaceholder' | 'nftPlaceholder' | 'off' | 'paperplane' | 'qrCode' | 'recycleHorizontal' | 'refresh' | 'search' | 'settings' | 'swapHorizontal' | 'swapVertical' | 'telegram' | 'twitch' | 'verify' | 'wallet' | 'walletSmall' | 'walletConnect' | 'walletConnectLightBrown' | 'walletPlaceholder' | 'warningCircle' | 'x';
|
|
9
9
|
export type VisualType = 'browser' | 'dao' | 'defi' | 'defiAlt' | 'eth' | 'google' | 'layers' | 'lightbulb' | 'lock' | 'login' | 'network' | 'nft' | 'noun' | 'pencil' | 'profile' | 'system';
|
|
10
10
|
export type LogoType = 'apple' | 'discord' | 'facebook' | 'farcaster' | 'farcasterSquare' | 'github' | 'google' | 'more' | 'telegram' | 'twitch' | 'x';
|
|
11
11
|
export type TagType = 'main' | 'shade' | 'error' | 'success';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TypesUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/TypesUtil.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TypesUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/TypesUtil.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import Svg, { Path, type SvgProps } from 'react-native-svg';
|
|
2
|
+
const SvgCard = (props: SvgProps) => (
|
|
3
|
+
<Svg viewBox="0 0 12 13" fill="none" {...props}>
|
|
4
|
+
<Path
|
|
5
|
+
fill={props.fill || '#fff'}
|
|
6
|
+
fillRule="evenodd"
|
|
7
|
+
d="M4.16072 2C4.17367 2 4.18665 2 4.19968 2L7.83857 2C8.36772 1.99998 8.82398 1.99996 9.19518 2.04018C9.5895 2.0829 9.97577 2.17811 10.3221 2.42971C10.5131 2.56849 10.6811 2.73647 10.8198 2.92749C11.0714 3.27379 11.1666 3.66007 11.2094 4.0544C11.2496 4.42561 11.2496 4.88188 11.2495 5.41105V7.58896C11.2496 8.11812 11.2496 8.57439 11.2094 8.94561C11.1666 9.33994 11.0714 9.72621 10.8198 10.0725C10.6811 10.2635 10.5131 10.4315 10.3221 10.5703C9.97577 10.8219 9.5895 10.9171 9.19518 10.9598C8.82398 11 8.36772 11 7.83856 11H4.16073C3.63157 11 3.17531 11 2.80411 10.9598C2.40979 10.9171 2.02352 10.8219 1.67722 10.5703C1.48621 10.4315 1.31824 10.2635 1.17946 10.0725C0.927858 9.72621 0.832652 9.33994 0.78993 8.94561C0.749713 8.5744 0.749733 8.11813 0.749757 7.58896L0.749758 5.45C0.749758 5.43697 0.749758 5.42399 0.749757 5.41104C0.749733 4.88188 0.749713 4.42561 0.78993 4.0544C0.832652 3.66007 0.927858 3.27379 1.17946 2.92749C1.31824 2.73647 1.48621 2.56849 1.67722 2.42971C2.02352 2.17811 2.40979 2.0829 2.80411 2.04018C3.17531 1.99996 3.63157 1.99998 4.16072 2ZM2.96567 3.53145C2.69897 3.56034 2.60687 3.60837 2.55888 3.64324C2.49521 3.6895 2.43922 3.74549 2.39296 3.80916C2.35809 3.85715 2.31007 3.94926 2.28117 4.21597C2.26629 4.35335 2.25844 4.51311 2.25431 4.70832H9.74498C9.74085 4.51311 9.733 4.35335 9.71812 4.21597C9.68922 3.94926 9.6412 3.85715 9.60633 3.80916C9.56007 3.74549 9.50408 3.6895 9.44041 3.64324C9.39242 3.60837 9.30031 3.56034 9.03362 3.53145C8.75288 3.50103 8.37876 3.5 7.79961 3.5H4.19968C3.62053 3.5 3.24641 3.50103 2.96567 3.53145ZM9.74956 6.20832H2.24973V7.55C2.24973 8.12917 2.25076 8.5033 2.28117 8.78404C2.31007 9.05074 2.35809 9.14285 2.39296 9.19084C2.43922 9.25451 2.49521 9.31051 2.55888 9.35677C2.60687 9.39163 2.69897 9.43966 2.96567 9.46856C3.24641 9.49897 3.62053 9.5 4.19968 9.5H7.79961C8.37876 9.5 8.75288 9.49897 9.03362 9.46856C9.30032 9.43966 9.39242 9.39163 9.44041 9.35677C9.50408 9.31051 9.56007 9.25451 9.60633 9.19084C9.6412 9.14285 9.68922 9.05075 9.71812 8.78404C9.74854 8.5033 9.74956 8.12917 9.74956 7.55V6.20832ZM6.74963 8C6.74963 7.58579 7.08541 7.25 7.49961 7.25H8.2496C8.6638 7.25 8.99958 7.58579 8.99958 8C8.99958 8.41422 8.6638 8.75 8.2496 8.75H7.49961C7.08541 8.75 6.74963 8.41422 6.74963 8Z"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
/>
|
|
10
|
+
</Svg>
|
|
11
|
+
);
|
|
12
|
+
|
|
13
|
+
export default SvgCard;
|
package/src/assets/svg/Clock.tsx
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import Svg, { Path, type SvgProps } from 'react-native-svg';
|
|
2
2
|
const SvgClock = (props: SvgProps) => (
|
|
3
|
-
<Svg viewBox="0 0
|
|
3
|
+
<Svg viewBox="0 0 14 14" fill="none" {...props}>
|
|
4
4
|
<Path
|
|
5
5
|
fill={props.fill || '#fff'}
|
|
6
6
|
fillRule="evenodd"
|
|
7
|
-
d="M7 2.99a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-7 5a7 7 0 1 1 14 0 7 7 0 0 1-14 0Zm7-4a1 1 0 0 1 1 1v2.58l1.85 1.85a1 1 0 0 1-1.41 1.42L6.29 8.69A1 1 0 0 1 6 8v-3a1 1 0 0 1 1-1Z"
|
|
8
7
|
clipRule="evenodd"
|
|
8
|
+
d="M7.00235 2C4.24 2 2.00067 4.23858 2.00067 7C2.00067 9.76142 4.24 12 7.00235 12C9.7647 12 12.004 9.76142 12.004 7C12.004 4.23858 9.7647 2 7.00235 2ZM0 7C0 3.13401 3.13506 0 7.00235 0C10.8696 0 14.0047 3.13401 14.0047 7C14.0047 10.866 10.8696 14 7.00235 14C3.13506 14 0 10.866 0 7ZM7.00235 3C7.55482 3 8.00269 3.44771 8.00269 4V6.58579L9.85327 8.43575C10.2439 8.82627 10.2439 9.45944 9.85327 9.84996C9.46262 10.2405 8.82924 10.2405 8.43858 9.84996L6.29501 7.70711C6.10741 7.51957 6.00201 7.26522 6.00201 7V4C6.00201 3.44771 6.44988 3 7.00235 3Z"
|
|
9
9
|
/>
|
|
10
10
|
</Svg>
|
|
11
11
|
);
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import Svg, { Path, type SvgProps } from 'react-native-svg';
|
|
2
|
+
const SvgSettings = (props: SvgProps) => (
|
|
3
|
+
<Svg viewBox="0 0 20 20" fill="none" {...props}>
|
|
4
|
+
<Path
|
|
5
|
+
fill={props.fill || '#fff'}
|
|
6
|
+
fillRule="evenodd"
|
|
7
|
+
d="M11.875 9.0625H10.9375V4.6875H11.25C11.8302 4.6875 12.3866 4.91797 12.7968 5.3282C13.207 5.73844 13.4375 6.29484 13.4375 6.875C13.4375 7.12364 13.5363 7.3621 13.7121 7.53791C13.8879 7.71373 14.1264 7.8125 14.375 7.8125C14.6236 7.8125 14.8621 7.71373 15.0379 7.53791C15.2137 7.3621 15.3125 7.12364 15.3125 6.875C15.3113 5.79794 14.8828 4.76535 14.1213 4.00375C13.3597 3.24215 12.3271 2.81374 11.25 2.8125H10.9375V1.875C10.9375 1.62636 10.8387 1.3879 10.6629 1.21209C10.4871 1.03627 10.2486 0.9375 10 0.9375C9.75136 0.9375 9.5129 1.03627 9.33709 1.21209C9.16127 1.3879 9.0625 1.62636 9.0625 1.875V2.8125H8.75C7.67256 2.8125 6.63925 3.24051 5.87738 4.00238C5.11551 4.76425 4.6875 5.79756 4.6875 6.875C4.6875 7.95244 5.11551 8.98575 5.87738 9.74762C6.63925 10.5095 7.67256 10.9375 8.75 10.9375H9.0625V15.3125H8.125C7.54484 15.3125 6.98844 15.082 6.5782 14.6718C6.16797 14.2616 5.9375 13.7052 5.9375 13.125C5.9375 12.8764 5.83873 12.6379 5.66291 12.4621C5.4871 12.2863 5.24864 12.1875 5 12.1875C4.75136 12.1875 4.5129 12.2863 4.33709 12.4621C4.16127 12.6379 4.0625 12.8764 4.0625 13.125C4.06374 14.2021 4.49215 15.2347 5.25375 15.9963C6.01535 16.7578 7.04794 17.1863 8.125 17.1875H9.0625V18.125C9.0625 18.3736 9.16127 18.6121 9.33709 18.7879C9.5129 18.9637 9.75136 19.0625 10 19.0625C10.2486 19.0625 10.4871 18.9637 10.6629 18.7879C10.8387 18.6121 10.9375 18.3736 10.9375 18.125V17.1875H11.875C12.9524 17.1875 13.9858 16.7595 14.7476 15.9976C15.5095 15.2358 15.9375 14.2024 15.9375 13.125C15.9375 12.0476 15.5095 11.0142 14.7476 10.2524C13.9858 9.49051 12.9524 9.0625 11.875 9.0625ZM8.75 9.0625C8.16984 9.0625 7.61344 8.83203 7.2032 8.4218C6.79297 8.01156 6.5625 7.45516 6.5625 6.875C6.5625 6.29484 6.79297 5.73844 7.2032 5.3282C7.61344 4.91797 8.16984 4.6875 8.75 4.6875H9.0625V9.0625H8.75ZM11.875 15.3125H10.9375V10.9375H11.875C12.4552 10.9375 13.0116 11.168 13.4218 11.5782C13.832 11.9884 14.0625 12.5448 14.0625 13.125C14.0625 13.7052 13.832 14.2616 13.4218 14.6718C13.0116 15.082 12.4552 15.3125 11.875 15.3125Z"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
/>
|
|
10
|
+
</Svg>
|
|
11
|
+
);
|
|
12
|
+
export default SvgSettings;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import Svg, { Path, type SvgProps } from 'react-native-svg';
|
|
2
|
+
const SvgSettings = (props: SvgProps) => (
|
|
3
|
+
<Svg viewBox="0 0 20 20" fill="none" {...props}>
|
|
4
|
+
<Path
|
|
5
|
+
fill={props.fill || '#fff'}
|
|
6
|
+
fillRule="evenodd"
|
|
7
|
+
d="M2.5 6.25C2.5 6.08423 2.56585 5.92526 2.68306 5.80805C2.80027 5.69084 2.95924 5.625 3.125 5.625H6.02891C6.16362 5.17372 6.44038 4.77798 6.81803 4.4966C7.19568 4.21522 7.65405 4.06323 8.125 4.06323C8.59595 4.06323 9.05432 4.21522 9.43197 4.4966C9.80962 4.77798 10.0864 5.17372 10.2211 5.625H16.875C17.0408 5.625 17.1997 5.69084 17.3169 5.80805C17.4342 5.92526 17.5 6.08423 17.5 6.25C17.5 6.41576 17.4342 6.57473 17.3169 6.69194C17.1997 6.80915 17.0408 6.875 16.875 6.875H10.2211C10.0864 7.32627 9.80962 7.72201 9.43197 8.00339C9.05432 8.28477 8.59595 8.43676 8.125 8.43676C7.65405 8.43676 7.19568 8.28477 6.81803 8.00339C6.44038 7.72201 6.16362 7.32627 6.02891 6.875H3.125C2.95924 6.875 2.80027 6.80915 2.68306 6.69194C2.56585 6.57473 2.5 6.41576 2.5 6.25ZM16.875 13.125H15.2211C15.0864 12.6737 14.8096 12.278 14.432 11.9966C14.0543 11.7152 13.5959 11.5632 13.125 11.5632C12.6541 11.5632 12.1957 11.7152 11.818 11.9966C11.4404 12.278 11.1636 12.6737 11.0289 13.125H3.125C2.95924 13.125 2.80027 13.1908 2.68306 13.3081C2.56585 13.4253 2.5 13.5842 2.5 13.75C2.5 13.9158 2.56585 14.0747 2.68306 14.1919C2.80027 14.3091 2.95924 14.375 3.125 14.375H11.0289C11.1636 14.8263 11.4404 15.222 11.818 15.5034C12.1957 15.7848 12.6541 15.9368 13.125 15.9368C13.5959 15.9368 14.0543 15.7848 14.432 15.5034C14.8096 15.222 15.0864 14.8263 15.2211 14.375H16.875C17.0408 14.375 17.1997 14.3091 17.3169 14.1919C17.4342 14.0747 17.5 13.9158 17.5 13.75C17.5 13.5842 17.4342 13.4253 17.3169 13.3081C17.1997 13.1908 17.0408 13.125 16.875 13.125Z"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
/>
|
|
10
|
+
</Svg>
|
|
11
|
+
);
|
|
12
|
+
export default SvgSettings;
|
|
@@ -10,6 +10,7 @@ import ArrowLeftSvg from '../../assets/svg/ArrowLeft';
|
|
|
10
10
|
import ArrowRightSvg from '../../assets/svg/ArrowRight';
|
|
11
11
|
import ArrowTopSvg from '../../assets/svg/ArrowTop';
|
|
12
12
|
import BrowserSvg from '../../assets/svg/Browser';
|
|
13
|
+
import CardSvg from '../../assets/svg/Card';
|
|
13
14
|
import CheckmarkSvg from '../../assets/svg/Checkmark';
|
|
14
15
|
import ChevronBottomSvg from '../../assets/svg/ChevronBottom';
|
|
15
16
|
import ChevronLeftSvg from '../../assets/svg/ChevronLeft';
|
|
@@ -23,6 +24,7 @@ import CoinPlaceholderSvg from '../../assets/svg/CoinPlaceholder';
|
|
|
23
24
|
import CopySvg from '../../assets/svg/Copy';
|
|
24
25
|
import CopySmallSvg from '../../assets/svg/CopySmall';
|
|
25
26
|
import CursorSvg from '../../assets/svg/Cursor';
|
|
27
|
+
import CurrencyDollarSvg from '../../assets/svg/CurrencyDollar';
|
|
26
28
|
import DesktopSvg from '../../assets/svg/Desktop';
|
|
27
29
|
import DisconnectSvg from '../../assets/svg/Disconnect';
|
|
28
30
|
import DiscordSvg from '../../assets/svg/Discord';
|
|
@@ -48,6 +50,7 @@ import QrCodeSvg from '../../assets/svg/QrCode';
|
|
|
48
50
|
import RecycleHorizontalSvg from '../../assets/svg/RecycleHorizontal';
|
|
49
51
|
import RefreshSvg from '../../assets/svg/Refresh';
|
|
50
52
|
import SearchSvg from '../../assets/svg/Search';
|
|
53
|
+
import SettingsSvg from '../../assets/svg/Settings';
|
|
51
54
|
import SwapHorizontalSvg from '../../assets/svg/SwapHorizontal';
|
|
52
55
|
import SwapVerticalSvg from '../../assets/svg/SwapVertical';
|
|
53
56
|
import TelegramSvg from '../../assets/svg/Telegram';
|
|
@@ -71,6 +74,7 @@ const svgOptions: Record<IconType, (props: SvgProps) => JSX.Element> = {
|
|
|
71
74
|
arrowRight: ArrowRightSvg,
|
|
72
75
|
arrowTop: ArrowTopSvg,
|
|
73
76
|
browser: BrowserSvg,
|
|
77
|
+
card: CardSvg,
|
|
74
78
|
checkmark: CheckmarkSvg,
|
|
75
79
|
chevronBottom: ChevronBottomSvg,
|
|
76
80
|
chevronLeft: ChevronLeftSvg,
|
|
@@ -84,6 +88,7 @@ const svgOptions: Record<IconType, (props: SvgProps) => JSX.Element> = {
|
|
|
84
88
|
copy: CopySvg,
|
|
85
89
|
copySmall: CopySmallSvg,
|
|
86
90
|
cursor: CursorSvg,
|
|
91
|
+
currencyDollar: CurrencyDollarSvg,
|
|
87
92
|
desktop: DesktopSvg,
|
|
88
93
|
disconnect: DisconnectSvg,
|
|
89
94
|
discord: DiscordSvg,
|
|
@@ -109,6 +114,7 @@ const svgOptions: Record<IconType, (props: SvgProps) => JSX.Element> = {
|
|
|
109
114
|
recycleHorizontal: RecycleHorizontalSvg,
|
|
110
115
|
refresh: RefreshSvg,
|
|
111
116
|
search: SearchSvg,
|
|
117
|
+
settings: SettingsSvg,
|
|
112
118
|
swapHorizontal: SwapHorizontalSvg,
|
|
113
119
|
swapVertical: SwapVerticalSvg,
|
|
114
120
|
telegram: TelegramSvg,
|
|
@@ -20,6 +20,7 @@ export interface PressableProps extends RNPressableProps {
|
|
|
20
20
|
animationDuration?: number;
|
|
21
21
|
disabled?: boolean;
|
|
22
22
|
pressable?: boolean;
|
|
23
|
+
transparent?: boolean;
|
|
23
24
|
}
|
|
24
25
|
|
|
25
26
|
export function Pressable({
|
|
@@ -28,6 +29,7 @@ export function Pressable({
|
|
|
28
29
|
disabled = false,
|
|
29
30
|
pressable = true,
|
|
30
31
|
onPress,
|
|
32
|
+
transparent = false,
|
|
31
33
|
backgroundColor = 'gray-glass-002',
|
|
32
34
|
pressedBackgroundColor = 'gray-glass-010',
|
|
33
35
|
bounceScale = 0.99, // Scale to 99% of original size
|
|
@@ -80,7 +82,14 @@ export function Pressable({
|
|
|
80
82
|
return (
|
|
81
83
|
<AnimatedPressable
|
|
82
84
|
disabled={disabled || !pressable}
|
|
83
|
-
style={[
|
|
85
|
+
style={[
|
|
86
|
+
// eslint-disable-next-line react-native/no-inline-styles
|
|
87
|
+
{
|
|
88
|
+
backgroundColor: transparent ? 'transparent' : bgColor,
|
|
89
|
+
transform: [{ scale: scaleAnimation.current }]
|
|
90
|
+
},
|
|
91
|
+
style
|
|
92
|
+
]}
|
|
84
93
|
onPressIn={onPressIn}
|
|
85
94
|
onPressOut={onPressOut}
|
|
86
95
|
onPress={onPress}
|
|
@@ -5,8 +5,8 @@ import { useTheme } from '../../hooks/useTheme';
|
|
|
5
5
|
const AnimatedRect = Animated.createAnimatedComponent(Rect);
|
|
6
6
|
|
|
7
7
|
export interface ShimmerProps {
|
|
8
|
-
width?: number;
|
|
9
|
-
height?: number;
|
|
8
|
+
width?: number | string;
|
|
9
|
+
height?: number | string;
|
|
10
10
|
duration?: number;
|
|
11
11
|
borderRadius?: number;
|
|
12
12
|
backgroundColor?: string;
|
|
@@ -28,6 +28,7 @@ export type ButtonProps = NativeProps & {
|
|
|
28
28
|
style?: StyleProp<ViewStyle>;
|
|
29
29
|
iconStyle?: SvgProps['style'];
|
|
30
30
|
loading?: boolean;
|
|
31
|
+
testID?: string;
|
|
31
32
|
};
|
|
32
33
|
|
|
33
34
|
export function Button({
|
|
@@ -41,6 +42,7 @@ export function Button({
|
|
|
41
42
|
iconRight,
|
|
42
43
|
iconStyle,
|
|
43
44
|
loading,
|
|
45
|
+
testID,
|
|
44
46
|
...rest
|
|
45
47
|
}: ButtonProps) {
|
|
46
48
|
const Theme = useTheme();
|
|
@@ -84,6 +86,7 @@ export function Button({
|
|
|
84
86
|
onPressIn={onPressIn}
|
|
85
87
|
onPressOut={onPressOut}
|
|
86
88
|
onPress={onPress}
|
|
89
|
+
testID={testID}
|
|
87
90
|
{...rest}
|
|
88
91
|
>
|
|
89
92
|
<FlexView flexDirection="row" alignItems="center" justifyContent="center">
|
|
@@ -28,7 +28,7 @@ export const getThemedButtonStyle = (
|
|
|
28
28
|
|
|
29
29
|
return {
|
|
30
30
|
...buttonBaseStyle,
|
|
31
|
-
backgroundColor: variant === 'fill' ? theme['accent-100'] : theme['gray-glass-
|
|
31
|
+
backgroundColor: variant === 'fill' ? theme['accent-100'] : theme['gray-glass-005']
|
|
32
32
|
};
|
|
33
33
|
};
|
|
34
34
|
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import { Animated, useAnimatedValue, type StyleProp, type ViewStyle } from 'react-native';
|
|
2
|
+
|
|
3
|
+
import { useEffect } from 'react';
|
|
4
|
+
import { useTheme } from '../../hooks/useTheme';
|
|
5
|
+
import { FlexView } from '../../layout/wui-flex';
|
|
6
|
+
import { Image } from '../../components/wui-image';
|
|
7
|
+
import { Icon } from '../../components/wui-icon';
|
|
8
|
+
import { type IconType } from '../../utils/TypesUtil';
|
|
9
|
+
import { WalletImage } from '../wui-wallet-image';
|
|
10
|
+
import styles from './styles';
|
|
11
|
+
interface Props {
|
|
12
|
+
style?: StyleProp<ViewStyle>;
|
|
13
|
+
leftImage?: string;
|
|
14
|
+
rightImage?: string;
|
|
15
|
+
renderRightPlaceholder?: () => React.ReactElement;
|
|
16
|
+
leftPlaceholderIcon?: IconType;
|
|
17
|
+
rightPlaceholderIcon?: IconType;
|
|
18
|
+
leftItemStyle?: StyleProp<ViewStyle>;
|
|
19
|
+
rightItemStyle?: StyleProp<ViewStyle>;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export function DoubleImageLoader({
|
|
23
|
+
style,
|
|
24
|
+
leftImage,
|
|
25
|
+
rightImage,
|
|
26
|
+
renderRightPlaceholder,
|
|
27
|
+
leftPlaceholderIcon = 'mobile',
|
|
28
|
+
rightPlaceholderIcon = 'browser',
|
|
29
|
+
leftItemStyle,
|
|
30
|
+
rightItemStyle
|
|
31
|
+
}: Props) {
|
|
32
|
+
const Theme = useTheme();
|
|
33
|
+
const leftPosition = useAnimatedValue(10);
|
|
34
|
+
const rightPosition = useAnimatedValue(-10);
|
|
35
|
+
|
|
36
|
+
const animateLeft = () => {
|
|
37
|
+
Animated.loop(
|
|
38
|
+
Animated.sequence([
|
|
39
|
+
Animated.timing(leftPosition, {
|
|
40
|
+
toValue: -5,
|
|
41
|
+
duration: 1500,
|
|
42
|
+
useNativeDriver: true
|
|
43
|
+
}),
|
|
44
|
+
Animated.timing(leftPosition, {
|
|
45
|
+
toValue: 10,
|
|
46
|
+
duration: 1500,
|
|
47
|
+
useNativeDriver: true
|
|
48
|
+
})
|
|
49
|
+
])
|
|
50
|
+
).start();
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
const animateRight = () => {
|
|
54
|
+
Animated.loop(
|
|
55
|
+
Animated.sequence([
|
|
56
|
+
Animated.timing(rightPosition, {
|
|
57
|
+
toValue: 5,
|
|
58
|
+
duration: 1500,
|
|
59
|
+
useNativeDriver: true
|
|
60
|
+
}),
|
|
61
|
+
Animated.timing(rightPosition, {
|
|
62
|
+
toValue: -10,
|
|
63
|
+
duration: 1500,
|
|
64
|
+
useNativeDriver: true
|
|
65
|
+
})
|
|
66
|
+
])
|
|
67
|
+
).start();
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
useEffect(() => {
|
|
71
|
+
animateLeft();
|
|
72
|
+
animateRight();
|
|
73
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
74
|
+
}, []);
|
|
75
|
+
|
|
76
|
+
return (
|
|
77
|
+
<FlexView flexDirection="row" alignItems="center" justifyContent="center" style={style}>
|
|
78
|
+
<Animated.View
|
|
79
|
+
style={[
|
|
80
|
+
styles.itemBorder,
|
|
81
|
+
styles.leftItemBorder,
|
|
82
|
+
{
|
|
83
|
+
transform: [{ translateX: leftPosition }],
|
|
84
|
+
backgroundColor: Theme['bg-200']
|
|
85
|
+
},
|
|
86
|
+
leftItemStyle
|
|
87
|
+
]}
|
|
88
|
+
>
|
|
89
|
+
{leftImage ? (
|
|
90
|
+
<Image
|
|
91
|
+
source={leftImage}
|
|
92
|
+
style={[styles.rightImage, { backgroundColor: Theme['bg-200'] }]}
|
|
93
|
+
/>
|
|
94
|
+
) : (
|
|
95
|
+
<Icon name={leftPlaceholderIcon} size="lg" color="fg-200" />
|
|
96
|
+
)}
|
|
97
|
+
</Animated.View>
|
|
98
|
+
<Animated.View
|
|
99
|
+
style={[
|
|
100
|
+
styles.itemBorder,
|
|
101
|
+
styles.rightItemBorder,
|
|
102
|
+
{
|
|
103
|
+
transform: [{ translateX: rightPosition }],
|
|
104
|
+
backgroundColor: Theme['bg-200']
|
|
105
|
+
},
|
|
106
|
+
rightItemStyle
|
|
107
|
+
]}
|
|
108
|
+
>
|
|
109
|
+
{rightImage ? (
|
|
110
|
+
<WalletImage imageSrc={rightImage} size="lg" border={false} />
|
|
111
|
+
) : (
|
|
112
|
+
renderRightPlaceholder?.() ?? (
|
|
113
|
+
<Icon name={rightPlaceholderIcon} size="lg" color="fg-200" />
|
|
114
|
+
)
|
|
115
|
+
)}
|
|
116
|
+
</Animated.View>
|
|
117
|
+
</FlexView>
|
|
118
|
+
);
|
|
119
|
+
}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
2
|
+
|
|
3
|
+
import { useTheme } from '../../hooks/useTheme';
|
|
4
|
+
import { FlexView } from '../../layout/wui-flex';
|
|
5
|
+
import { Image } from '../../components/wui-image';
|
|
6
|
+
import { Icon } from '../../components/wui-icon';
|
|
7
|
+
import { type IconType } from '../../utils/TypesUtil';
|
|
8
|
+
import { WalletImage } from '../wui-wallet-image';
|
|
9
|
+
import styles from './styles';
|
|
10
|
+
interface Props {
|
|
11
|
+
style?: StyleProp<ViewStyle>;
|
|
12
|
+
leftImage?: string;
|
|
13
|
+
rightImage?: string;
|
|
14
|
+
renderRightPlaceholder?: () => React.ReactElement;
|
|
15
|
+
leftPlaceholderIcon?: IconType;
|
|
16
|
+
rightPlaceholderIcon?: IconType;
|
|
17
|
+
leftItemStyle?: StyleProp<ViewStyle>;
|
|
18
|
+
rightItemStyle?: StyleProp<ViewStyle>;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export function DoubleImageLoader({
|
|
22
|
+
style,
|
|
23
|
+
leftImage,
|
|
24
|
+
rightImage,
|
|
25
|
+
renderRightPlaceholder,
|
|
26
|
+
leftPlaceholderIcon = 'mobile',
|
|
27
|
+
rightPlaceholderIcon = 'browser',
|
|
28
|
+
leftItemStyle,
|
|
29
|
+
rightItemStyle
|
|
30
|
+
}: Props) {
|
|
31
|
+
const Theme = useTheme();
|
|
32
|
+
|
|
33
|
+
return (
|
|
34
|
+
<FlexView flexDirection="row" alignItems="center" justifyContent="center" style={style}>
|
|
35
|
+
<FlexView
|
|
36
|
+
style={[
|
|
37
|
+
styles.itemBorder,
|
|
38
|
+
styles.leftItemBorder,
|
|
39
|
+
{
|
|
40
|
+
backgroundColor: Theme['bg-200']
|
|
41
|
+
},
|
|
42
|
+
leftItemStyle
|
|
43
|
+
]}
|
|
44
|
+
>
|
|
45
|
+
{leftImage ? (
|
|
46
|
+
<Image
|
|
47
|
+
source={leftImage}
|
|
48
|
+
style={[styles.rightImage, { backgroundColor: Theme['bg-200'] }]}
|
|
49
|
+
/>
|
|
50
|
+
) : (
|
|
51
|
+
<Icon name={leftPlaceholderIcon} size="lg" color="fg-200" />
|
|
52
|
+
)}
|
|
53
|
+
</FlexView>
|
|
54
|
+
<FlexView
|
|
55
|
+
style={[
|
|
56
|
+
styles.itemBorder,
|
|
57
|
+
styles.rightItemBorder,
|
|
58
|
+
{
|
|
59
|
+
backgroundColor: Theme['bg-200']
|
|
60
|
+
},
|
|
61
|
+
rightItemStyle
|
|
62
|
+
]}
|
|
63
|
+
>
|
|
64
|
+
{rightImage ? (
|
|
65
|
+
<WalletImage imageSrc={rightImage} size="lg" border={false} />
|
|
66
|
+
) : (
|
|
67
|
+
renderRightPlaceholder?.() ?? (
|
|
68
|
+
<Icon name={rightPlaceholderIcon} size="lg" color="fg-200" />
|
|
69
|
+
)
|
|
70
|
+
)}
|
|
71
|
+
</FlexView>
|
|
72
|
+
</FlexView>
|
|
73
|
+
);
|
|
74
|
+
}
|