@reown/appkit-ui-react-native 2.0.0-alpha.2 → 2.0.0-alpha.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.
- package/lib/commonjs/assets/svg/Reown.js +47 -0
- package/lib/commonjs/assets/svg/Reown.js.map +1 -0
- package/lib/commonjs/components/wui-card/styles.js +1 -0
- package/lib/commonjs/components/wui-card/styles.js.map +1 -1
- package/lib/commonjs/components/wui-icon/index.js +2 -0
- package/lib/commonjs/components/wui-icon/index.js.map +1 -1
- package/lib/commonjs/components/wui-modal/index.js +138 -0
- package/lib/commonjs/components/wui-modal/index.js.map +1 -0
- package/lib/commonjs/components/wui-modal/styles.js +31 -0
- package/lib/commonjs/components/wui-modal/styles.js.map +1 -0
- package/lib/commonjs/composites/wui-account-button/index.js +2 -2
- package/lib/commonjs/composites/wui-account-button/index.js.map +1 -1
- package/lib/commonjs/composites/wui-button/index.js +5 -5
- package/lib/commonjs/composites/wui-button/index.js.map +1 -1
- package/lib/commonjs/composites/wui-card-select/index.js +1 -1
- package/lib/commonjs/composites/wui-card-select/index.js.map +1 -1
- package/lib/commonjs/composites/wui-chip/index.js +5 -5
- package/lib/commonjs/composites/wui-chip/index.js.map +1 -1
- package/lib/commonjs/composites/wui-email-input/index.js +3 -3
- package/lib/commonjs/composites/wui-email-input/index.js.map +1 -1
- package/lib/commonjs/composites/wui-input-text/index.js +2 -2
- package/lib/commonjs/composites/wui-input-text/index.js.map +1 -1
- package/lib/commonjs/composites/wui-link/index.js +4 -4
- package/lib/commonjs/composites/wui-link/index.js.map +1 -1
- package/lib/commonjs/composites/wui-list-transaction/index.js +2 -2
- package/lib/commonjs/composites/wui-list-transaction/index.js.map +1 -1
- package/lib/commonjs/composites/wui-logo-select/index.js +1 -1
- package/lib/commonjs/composites/wui-logo-select/index.js.map +1 -1
- package/lib/commonjs/composites/wui-otp/index.js +1 -1
- package/lib/commonjs/composites/wui-otp/index.js.map +1 -1
- package/lib/commonjs/composites/wui-qr-code/index.js +6 -24
- package/lib/commonjs/composites/wui-qr-code/index.js.map +1 -1
- package/lib/commonjs/composites/wui-qr-code/styles.js +0 -3
- package/lib/commonjs/composites/wui-qr-code/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-search-bar/index.js +2 -2
- package/lib/commonjs/composites/wui-search-bar/index.js.map +1 -1
- package/lib/commonjs/composites/wui-tabs/index.js +2 -2
- package/lib/commonjs/composites/wui-tabs/index.js.map +1 -1
- package/lib/commonjs/composites/wui-toggle/index.js +2 -2
- package/lib/commonjs/composites/wui-toggle/index.js.map +1 -1
- package/lib/commonjs/composites/wui-token-button/index.js +4 -4
- package/lib/commonjs/composites/wui-token-button/index.js.map +1 -1
- package/lib/commonjs/composites/wui-transaction-visual/index.js +3 -3
- package/lib/commonjs/composites/wui-transaction-visual/index.js.map +1 -1
- package/lib/commonjs/composites/wui-wallet-image/index.js +2 -2
- package/lib/commonjs/composites/wui-wallet-image/index.js.map +1 -1
- package/lib/commonjs/index.js +7 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/layout/wui-flex/index.js +3 -0
- package/lib/commonjs/layout/wui-flex/index.js.map +1 -1
- package/lib/commonjs/utils/UiUtil.js +1 -1
- package/lib/commonjs/utils/UiUtil.js.map +1 -1
- package/lib/module/assets/svg/Reown.js +42 -0
- package/lib/module/assets/svg/Reown.js.map +1 -0
- package/lib/module/components/wui-card/styles.js +1 -0
- package/lib/module/components/wui-card/styles.js.map +1 -1
- package/lib/module/components/wui-icon/index.js +2 -0
- package/lib/module/components/wui-icon/index.js.map +1 -1
- package/lib/module/components/wui-modal/index.js +133 -0
- package/lib/module/components/wui-modal/index.js.map +1 -0
- package/lib/module/components/wui-modal/styles.js +27 -0
- package/lib/module/components/wui-modal/styles.js.map +1 -0
- package/lib/module/composites/wui-account-button/index.js +2 -2
- package/lib/module/composites/wui-account-button/index.js.map +1 -1
- package/lib/module/composites/wui-button/index.js +5 -5
- package/lib/module/composites/wui-button/index.js.map +1 -1
- package/lib/module/composites/wui-card-select/index.js +1 -1
- package/lib/module/composites/wui-card-select/index.js.map +1 -1
- package/lib/module/composites/wui-chip/index.js +5 -5
- package/lib/module/composites/wui-chip/index.js.map +1 -1
- package/lib/module/composites/wui-email-input/index.js +3 -3
- package/lib/module/composites/wui-email-input/index.js.map +1 -1
- package/lib/module/composites/wui-input-text/index.js +2 -2
- package/lib/module/composites/wui-input-text/index.js.map +1 -1
- package/lib/module/composites/wui-link/index.js +4 -4
- package/lib/module/composites/wui-link/index.js.map +1 -1
- package/lib/module/composites/wui-list-transaction/index.js +2 -2
- package/lib/module/composites/wui-list-transaction/index.js.map +1 -1
- package/lib/module/composites/wui-logo-select/index.js +1 -1
- package/lib/module/composites/wui-logo-select/index.js.map +1 -1
- package/lib/module/composites/wui-otp/index.js +1 -1
- package/lib/module/composites/wui-otp/index.js.map +1 -1
- package/lib/module/composites/wui-qr-code/index.js +6 -24
- package/lib/module/composites/wui-qr-code/index.js.map +1 -1
- package/lib/module/composites/wui-qr-code/styles.js +0 -3
- package/lib/module/composites/wui-qr-code/styles.js.map +1 -1
- package/lib/module/composites/wui-search-bar/index.js +2 -2
- package/lib/module/composites/wui-search-bar/index.js.map +1 -1
- package/lib/module/composites/wui-tabs/index.js +2 -2
- package/lib/module/composites/wui-tabs/index.js.map +1 -1
- package/lib/module/composites/wui-toggle/index.js +2 -2
- package/lib/module/composites/wui-toggle/index.js.map +1 -1
- package/lib/module/composites/wui-token-button/index.js +4 -4
- package/lib/module/composites/wui-token-button/index.js.map +1 -1
- package/lib/module/composites/wui-transaction-visual/index.js +3 -3
- package/lib/module/composites/wui-transaction-visual/index.js.map +1 -1
- package/lib/module/composites/wui-wallet-image/index.js +2 -2
- package/lib/module/composites/wui-wallet-image/index.js.map +1 -1
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/layout/wui-flex/index.js +3 -0
- package/lib/module/layout/wui-flex/index.js.map +1 -1
- package/lib/module/utils/UiUtil.js +1 -1
- package/lib/module/utils/UiUtil.js.map +1 -1
- package/lib/typescript/assets/svg/Reown.d.ts +4 -0
- package/lib/typescript/assets/svg/Reown.d.ts.map +1 -0
- package/lib/typescript/components/wui-card/styles.d.ts +1 -0
- package/lib/typescript/components/wui-card/styles.d.ts.map +1 -1
- package/lib/typescript/components/wui-icon/index.d.ts.map +1 -1
- package/lib/typescript/components/wui-modal/index.d.ts +8 -0
- package/lib/typescript/components/wui-modal/index.d.ts.map +1 -0
- package/lib/typescript/components/wui-modal/styles.d.ts +24 -0
- package/lib/typescript/components/wui-modal/styles.d.ts.map +1 -0
- package/lib/typescript/composites/wui-qr-code/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-qr-code/styles.d.ts +0 -3
- package/lib/typescript/composites/wui-qr-code/styles.d.ts.map +1 -1
- package/lib/typescript/composites/wui-token-button/index.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/layout/wui-flex/index.d.ts +3 -0
- package/lib/typescript/layout/wui-flex/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/lib/typescript/utils/UiUtil.d.ts +1 -1
- package/lib/typescript/utils/UiUtil.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/assets/svg/Reown.tsx +40 -0
- package/src/components/wui-card/styles.ts +1 -0
- package/src/components/wui-icon/index.tsx +2 -0
- package/src/components/wui-modal/index.tsx +139 -0
- package/src/components/wui-modal/styles.ts +25 -0
- package/src/composites/wui-account-button/index.tsx +2 -2
- package/src/composites/wui-button/index.tsx +5 -5
- package/src/composites/wui-card-select/index.tsx +1 -1
- package/src/composites/wui-chip/index.tsx +5 -5
- package/src/composites/wui-email-input/index.tsx +3 -3
- package/src/composites/wui-input-text/index.tsx +1 -1
- package/src/composites/wui-link/index.tsx +4 -4
- package/src/composites/wui-list-transaction/index.tsx +2 -2
- package/src/composites/wui-logo-select/index.tsx +1 -1
- package/src/composites/wui-otp/index.tsx +1 -1
- package/src/composites/wui-qr-code/index.tsx +5 -17
- package/src/composites/wui-qr-code/styles.ts +0 -3
- package/src/composites/wui-search-bar/index.tsx +2 -2
- package/src/composites/wui-tabs/index.tsx +2 -2
- package/src/composites/wui-toggle/index.tsx +2 -2
- package/src/composites/wui-token-button/index.tsx +4 -2
- package/src/composites/wui-transaction-visual/index.tsx +4 -4
- package/src/composites/wui-wallet-image/index.tsx +2 -2
- package/src/index.ts +1 -0
- package/src/layout/wui-flex/index.tsx +6 -0
- package/src/utils/TypesUtil.ts +1 -0
- package/src/utils/UiUtil.ts +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-qr-code/styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-qr-code/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;AAGA,wBAWG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-token-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AASpE,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,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-token-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AASpE,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,2CAgDlB"}
|
|
@@ -35,6 +35,7 @@ export { ListTransaction, type ListTransactionProps } from './composites/wui-lis
|
|
|
35
35
|
export { ListWallet, type ListWalletProps } from './composites/wui-list-wallet';
|
|
36
36
|
export { Logo, type LogoProps } from './composites/wui-logo';
|
|
37
37
|
export { LogoSelect, type LogoSelectProps } from './composites/wui-logo-select';
|
|
38
|
+
export { Modal, type ModalProps } from './components/wui-modal';
|
|
38
39
|
export { NetworkButton, type NetworkButtonProps } from './composites/wui-network-button';
|
|
39
40
|
export { NetworkImage, type NetworkImageProps } from './composites/wui-network-image';
|
|
40
41
|
export { NumericKeyboard, type NumericKeyboardProps } from './composites/wui-numeric-keyboard';
|
|
@@ -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":"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"}
|
|
@@ -10,6 +10,9 @@ export interface FlexViewProps {
|
|
|
10
10
|
flexShrink?: FlexShrinkType;
|
|
11
11
|
alignItems?: FlexAlignType;
|
|
12
12
|
alignSelf?: FlexAlignType;
|
|
13
|
+
rowGap?: SpacingType;
|
|
14
|
+
gap?: SpacingType;
|
|
15
|
+
columnGap?: SpacingType;
|
|
13
16
|
justifyContent?: FlexJustifyContentType;
|
|
14
17
|
padding?: SpacingType | SpacingType[];
|
|
15
18
|
margin?: SpacingType | SpacingType[];
|
|
@@ -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;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,
|
|
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,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,GAAG,CAAC,EAAE,WAAW,CAAC;IAClB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,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,2CA2B5C"}
|
|
@@ -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' | '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' | 'email' | 'mobile' | 'more' | 'networkPlaceholder' | 'nftPlaceholder' | 'off' | 'paperplane' | 'qrCode' | 'recycleHorizontal' | 'refresh' | 'search' | 'settings' | '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' | 'email' | 'mobile' | 'more' | 'networkPlaceholder' | 'nftPlaceholder' | 'off' | 'paperplane' | 'qrCode' | 'recycleHorizontal' | 'refresh' | 'reown' | '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' | 'email' | '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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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { SpacingType, TruncateOptions } from './TypesUtil';
|
|
2
2
|
export declare const UiUtil: {
|
|
3
|
-
getSpacingStyles(spacing: SpacingType | SpacingType[], index
|
|
3
|
+
getSpacingStyles(spacing: SpacingType | SpacingType[], index?: number): number | undefined;
|
|
4
4
|
generateAvatarColors(address?: string): string[];
|
|
5
5
|
hexToRgb(hex: string): [number, number, number];
|
|
6
6
|
tintColor(rgb: [number, number, number], tint: number): [number, number, number];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/UiUtil.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEhE,eAAO,MAAM,MAAM;8BACS,WAAW,GAAG,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"UiUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/UiUtil.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEhE,eAAO,MAAM,MAAM;8BACS,WAAW,GAAG,WAAW,EAAE,UAAU,MAAM;mCAUtC,MAAM;kBAiBvB,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;mBAUhC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,QAAQ,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;kEASlB,eAAe;wBAgBzD,MAAM;qCAIO,MAAM,GAAG,MAAM,GAAG,SAAS;CAe7D,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reown/appkit-ui-react-native",
|
|
3
|
-
"version": "2.0.0-alpha.
|
|
3
|
+
"version": "2.0.0-alpha.3",
|
|
4
4
|
"main": "lib/commonjs/index.js",
|
|
5
5
|
"types": "lib/typescript/index.d.ts",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"access": "public"
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@reown/appkit-common-react-native": "2.0.0-alpha.
|
|
42
|
+
"@reown/appkit-common-react-native": "2.0.0-alpha.3",
|
|
43
43
|
"polished": "4.3.1",
|
|
44
44
|
"qrcode": "1.5.3"
|
|
45
45
|
},
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import Svg, { Path, type SvgProps } from 'react-native-svg';
|
|
2
|
+
const SvgReown = (props: SvgProps) => (
|
|
3
|
+
<Svg viewBox="0 0 60 16" fill="none" {...props}>
|
|
4
|
+
<Path
|
|
5
|
+
d="M9.3335 4.66667C9.3335 2.08934 11.4229 0 14.0002 0H20.6669C23.2442 0 25.3335 2.08934 25.3335 4.66667V11.3333C25.3335 13.9106 23.2442 16 20.6669 16H14.0002C11.4229 16 9.3335 13.9106 9.3335 11.3333V4.66667Z"
|
|
6
|
+
fill="#363636"
|
|
7
|
+
/>
|
|
8
|
+
<Path d="M15.6055 11.0003L17.9448 4.66699H18.6316L16.2923 11.0003H15.6055Z" fill="#F6F6F6" />
|
|
9
|
+
<Path
|
|
10
|
+
d="M0 4.33333C0 1.9401 1.9401 0 4.33333 0C6.72657 0 8.66669 1.9401 8.66669 4.33333V11.6667C8.66669 14.0599 6.72657 16 4.33333 16C1.9401 16 0 14.0599 0 11.6667V4.33333Z"
|
|
11
|
+
fill="#363636"
|
|
12
|
+
/>
|
|
13
|
+
<Path d="M3.9165 9.99934V9.16602H4.74983V9.99934H3.9165Z" fill="#F6F6F6" />
|
|
14
|
+
<Path
|
|
15
|
+
d="M26 8C26 3.58172 29.3517 0 33.4863 0H52.5137C56.6483 0 60 3.58172 60 8C60 12.4183 56.6483 16 52.5137 16H33.4863C29.3517 16 26 12.4183 26 8Z"
|
|
16
|
+
fill="#363636"
|
|
17
|
+
/>
|
|
18
|
+
<Path
|
|
19
|
+
d="M49.3687 9.95834V6.26232H50.0213V6.81966C50.256 6.40899 50.7326 6.16699 51.2606 6.16699C52.0599 6.16699 52.6173 6.67299 52.6173 7.65566V9.95834H51.972V7.69234C51.972 7.04696 51.6053 6.70966 51.07 6.70966C50.4906 6.70966 50.0213 7.17168 50.0213 7.82433V9.95834H49.3687Z"
|
|
20
|
+
fill="#F6F6F6"
|
|
21
|
+
/>
|
|
22
|
+
<Path
|
|
23
|
+
d="M45.2538 9.95773L44.5718 6.26172H45.1877L45.6717 9.31242L46.3098 7.30306H46.9184L47.5491 9.29041L48.0404 6.26172H48.6564L47.9744 9.95773H47.2411L46.6178 8.03641L45.9871 9.95773H45.2538Z"
|
|
24
|
+
fill="#F6F6F6"
|
|
25
|
+
/>
|
|
26
|
+
<Path
|
|
27
|
+
d="M42.3709 10.0536C41.2489 10.0536 40.5889 9.21765 40.5889 8.1103C40.5889 7.01035 41.2489 6.16699 42.3709 6.16699C43.4929 6.16699 44.1529 7.01035 44.1529 8.1103C44.1529 9.21765 43.4929 10.0536 42.3709 10.0536ZM42.3709 9.51096C43.1775 9.51096 43.4856 8.82164 43.4856 8.10296C43.4856 7.39163 43.1775 6.70966 42.3709 6.70966C41.5642 6.70966 41.2562 7.39163 41.2562 8.10296C41.2562 8.82164 41.5642 9.51096 42.3709 9.51096Z"
|
|
28
|
+
fill="#F6F6F6"
|
|
29
|
+
/>
|
|
30
|
+
<Path
|
|
31
|
+
d="M38.2805 10.0536C37.1952 10.0536 36.5132 9.22499 36.5132 8.1103C36.5132 7.00302 37.1952 6.16699 38.2805 6.16699C39.1972 6.16699 40.0038 6.68766 39.9159 8.27896H37.1805C37.2319 8.96103 37.5472 9.5183 38.2805 9.5183C38.7718 9.5183 39.0945 9.21765 39.2045 8.87299H39.8499C39.7472 9.48903 39.1679 10.0536 38.2805 10.0536ZM37.1952 7.78765H39.2852C39.2338 7.04696 38.8892 6.70232 38.2805 6.70232C37.6132 6.70232 37.2832 7.18635 37.1952 7.78765Z"
|
|
32
|
+
fill="#F6F6F6"
|
|
33
|
+
/>
|
|
34
|
+
<Path
|
|
35
|
+
d="M33.3828 9.95773V6.26172H34.0501V6.88506C34.2848 6.47439 34.6882 6.26172 35.1061 6.26172H35.9935V6.88506H35.0548C34.4682 6.88506 34.0501 7.26638 34.0501 8.00706V9.95773H33.3828Z"
|
|
36
|
+
fill="#F6F6F6"
|
|
37
|
+
/>
|
|
38
|
+
</Svg>
|
|
39
|
+
);
|
|
40
|
+
export default SvgReown;
|
|
@@ -49,6 +49,7 @@ import PaperplaneSvg from '../../assets/svg/Paperplane';
|
|
|
49
49
|
import QrCodeSvg from '../../assets/svg/QrCode';
|
|
50
50
|
import RecycleHorizontalSvg from '../../assets/svg/RecycleHorizontal';
|
|
51
51
|
import RefreshSvg from '../../assets/svg/Refresh';
|
|
52
|
+
import ReownSvg from '../../assets/svg/Reown';
|
|
52
53
|
import SearchSvg from '../../assets/svg/Search';
|
|
53
54
|
import SettingsSvg from '../../assets/svg/Settings';
|
|
54
55
|
import SwapHorizontalSvg from '../../assets/svg/SwapHorizontal';
|
|
@@ -113,6 +114,7 @@ const svgOptions: Record<IconType, (props: SvgProps) => JSX.Element> = {
|
|
|
113
114
|
qrCode: QrCodeSvg,
|
|
114
115
|
recycleHorizontal: RecycleHorizontalSvg,
|
|
115
116
|
refresh: RefreshSvg,
|
|
117
|
+
reown: ReownSvg,
|
|
116
118
|
search: SearchSvg,
|
|
117
119
|
settings: SettingsSvg,
|
|
118
120
|
swapHorizontal: SwapHorizontalSvg,
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
import { useEffect, useRef, useState } from 'react';
|
|
2
|
+
import {
|
|
3
|
+
useWindowDimensions,
|
|
4
|
+
Modal as RNModal,
|
|
5
|
+
type ModalProps as RNModalProps,
|
|
6
|
+
TouchableOpacity,
|
|
7
|
+
Animated
|
|
8
|
+
} from 'react-native';
|
|
9
|
+
import { useTheme } from '../../hooks/useTheme';
|
|
10
|
+
import styles from './styles';
|
|
11
|
+
|
|
12
|
+
export type ModalProps = Pick<
|
|
13
|
+
RNModalProps,
|
|
14
|
+
'visible' | 'onDismiss' | 'testID' | 'onRequestClose'
|
|
15
|
+
> & {
|
|
16
|
+
children: React.ReactNode;
|
|
17
|
+
onBackdropPress?: () => void;
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
export function Modal({ visible, onBackdropPress, onRequestClose, testID, children }: ModalProps) {
|
|
21
|
+
const Theme = useTheme();
|
|
22
|
+
const { height } = useWindowDimensions();
|
|
23
|
+
|
|
24
|
+
const backdropOpacity = useRef(new Animated.Value(0)).current;
|
|
25
|
+
const translateY = useRef(new Animated.Value(height)).current;
|
|
26
|
+
const [showBackdrop, setShowBackdrop] = useState(false);
|
|
27
|
+
const [modalVisible, setModalVisible] = useState(false);
|
|
28
|
+
const [contentHeight, setContentHeight] = useState(0);
|
|
29
|
+
|
|
30
|
+
const onContentLayout = (event: any) => {
|
|
31
|
+
const { height: measuredHeight } = event.nativeEvent.layout;
|
|
32
|
+
setContentHeight(measuredHeight);
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
// Handle modal visibility
|
|
36
|
+
useEffect(() => {
|
|
37
|
+
if (visible) {
|
|
38
|
+
setModalVisible(true);
|
|
39
|
+
setShowBackdrop(true);
|
|
40
|
+
}
|
|
41
|
+
}, [visible]);
|
|
42
|
+
|
|
43
|
+
// Handle backdrop animation
|
|
44
|
+
useEffect(() => {
|
|
45
|
+
let backdropAnimation: Animated.CompositeAnimation;
|
|
46
|
+
|
|
47
|
+
if (visible) {
|
|
48
|
+
backdropAnimation = Animated.timing(backdropOpacity, {
|
|
49
|
+
toValue: 1,
|
|
50
|
+
duration: 300,
|
|
51
|
+
useNativeDriver: true
|
|
52
|
+
});
|
|
53
|
+
backdropAnimation.start();
|
|
54
|
+
} else if (modalVisible) {
|
|
55
|
+
backdropAnimation = Animated.timing(backdropOpacity, {
|
|
56
|
+
toValue: 0,
|
|
57
|
+
duration: 250,
|
|
58
|
+
useNativeDriver: true
|
|
59
|
+
});
|
|
60
|
+
backdropAnimation.start(() => {
|
|
61
|
+
setShowBackdrop(false);
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
return () => {
|
|
66
|
+
backdropAnimation?.stop();
|
|
67
|
+
};
|
|
68
|
+
}, [visible, modalVisible, backdropOpacity]);
|
|
69
|
+
|
|
70
|
+
// Handle modal position animation + visibility
|
|
71
|
+
useEffect(() => {
|
|
72
|
+
let modalAnimation: Animated.CompositeAnimation;
|
|
73
|
+
|
|
74
|
+
if (visible && modalVisible) {
|
|
75
|
+
// Calculate the target position (screen height - card height)
|
|
76
|
+
const targetY = contentHeight > 0 ? height - contentHeight : height * 0.2; // fallback to 20% from bottom
|
|
77
|
+
|
|
78
|
+
modalAnimation = Animated.spring(translateY, {
|
|
79
|
+
toValue: targetY,
|
|
80
|
+
damping: 25,
|
|
81
|
+
stiffness: 220,
|
|
82
|
+
mass: 1,
|
|
83
|
+
useNativeDriver: true
|
|
84
|
+
});
|
|
85
|
+
modalAnimation.start();
|
|
86
|
+
} else if (!visible && modalVisible) {
|
|
87
|
+
// Hide modal to the bottom of the screen. Not using spring as it blocks the UI for a bit when closed
|
|
88
|
+
modalAnimation = Animated.timing(translateY, {
|
|
89
|
+
toValue: height,
|
|
90
|
+
duration: 150,
|
|
91
|
+
useNativeDriver: true
|
|
92
|
+
});
|
|
93
|
+
modalAnimation.start(() => {
|
|
94
|
+
setModalVisible(false);
|
|
95
|
+
});
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
return () => {
|
|
99
|
+
modalAnimation?.stop();
|
|
100
|
+
};
|
|
101
|
+
}, [visible, modalVisible, translateY, height, contentHeight]);
|
|
102
|
+
|
|
103
|
+
// Reset animation values when modal is fully closed
|
|
104
|
+
useEffect(() => {
|
|
105
|
+
if (!modalVisible) {
|
|
106
|
+
translateY.setValue(height);
|
|
107
|
+
backdropOpacity.setValue(0);
|
|
108
|
+
}
|
|
109
|
+
}, [modalVisible, translateY, backdropOpacity, height]);
|
|
110
|
+
|
|
111
|
+
return (
|
|
112
|
+
<>
|
|
113
|
+
{showBackdrop ? (
|
|
114
|
+
<Animated.View style={[styles.outerBackdrop, { opacity: backdropOpacity }]} />
|
|
115
|
+
) : null}
|
|
116
|
+
<RNModal
|
|
117
|
+
visible={modalVisible}
|
|
118
|
+
transparent
|
|
119
|
+
animationType="none"
|
|
120
|
+
statusBarTranslucent
|
|
121
|
+
onRequestClose={onRequestClose}
|
|
122
|
+
testID={testID}
|
|
123
|
+
>
|
|
124
|
+
{showBackdrop ? (
|
|
125
|
+
<TouchableOpacity
|
|
126
|
+
style={styles.innerBackdropTouchable}
|
|
127
|
+
activeOpacity={1}
|
|
128
|
+
onPress={onBackdropPress}
|
|
129
|
+
/>
|
|
130
|
+
) : null}
|
|
131
|
+
<Animated.View
|
|
132
|
+
style={[styles.modal, { backgroundColor: Theme['bg-100'], transform: [{ translateY }] }]}
|
|
133
|
+
>
|
|
134
|
+
<Animated.View onLayout={onContentLayout}>{children}</Animated.View>
|
|
135
|
+
</Animated.View>
|
|
136
|
+
</RNModal>
|
|
137
|
+
</>
|
|
138
|
+
);
|
|
139
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { StyleSheet } from 'react-native';
|
|
2
|
+
import { BorderRadius } from '../../utils/ThemeUtil';
|
|
3
|
+
|
|
4
|
+
export default StyleSheet.create({
|
|
5
|
+
outerBackdrop: {
|
|
6
|
+
position: 'absolute',
|
|
7
|
+
top: 0,
|
|
8
|
+
left: 0,
|
|
9
|
+
right: 0,
|
|
10
|
+
bottom: 0,
|
|
11
|
+
backgroundColor: 'rgba(0, 0, 0, 0.5)'
|
|
12
|
+
},
|
|
13
|
+
innerBackdropTouchable: {
|
|
14
|
+
flexGrow: 1
|
|
15
|
+
},
|
|
16
|
+
modal: {
|
|
17
|
+
borderTopLeftRadius: BorderRadius.l,
|
|
18
|
+
borderTopRightRadius: BorderRadius.l,
|
|
19
|
+
position: 'absolute',
|
|
20
|
+
top: 0,
|
|
21
|
+
left: 0,
|
|
22
|
+
right: 0,
|
|
23
|
+
bottom: 0
|
|
24
|
+
}
|
|
25
|
+
});
|
|
@@ -114,11 +114,11 @@ export function AccountButton({
|
|
|
114
114
|
borderWidth={2}
|
|
115
115
|
style={[styles.image, !avatarSrc && styles.avatarPlaceholder]}
|
|
116
116
|
/>
|
|
117
|
-
{address
|
|
117
|
+
{address ? (
|
|
118
118
|
<Text variant="paragraph-500" color="fg-200" style={styles.address}>
|
|
119
119
|
{formattedAddress}
|
|
120
120
|
</Text>
|
|
121
|
-
)}
|
|
121
|
+
) : null}
|
|
122
122
|
</View>
|
|
123
123
|
</AnimatedPressable>
|
|
124
124
|
);
|
|
@@ -90,15 +90,15 @@ export function Button({
|
|
|
90
90
|
{...rest}
|
|
91
91
|
>
|
|
92
92
|
<FlexView flexDirection="row" alignItems="center" justifyContent="center">
|
|
93
|
-
{iconLeft
|
|
93
|
+
{iconLeft ? (
|
|
94
94
|
<Icon
|
|
95
95
|
color={iconColor}
|
|
96
96
|
name={iconLeft}
|
|
97
97
|
size={iconSize}
|
|
98
98
|
style={[styles.iconLeft, iconStyle]}
|
|
99
99
|
/>
|
|
100
|
-
)}
|
|
101
|
-
{loading
|
|
100
|
+
) : null}
|
|
101
|
+
{loading ? <LoadingSpinner color={iconColor} size="md" /> : null}
|
|
102
102
|
{!loading &&
|
|
103
103
|
(typeof children === 'string' ? (
|
|
104
104
|
<Text
|
|
@@ -110,14 +110,14 @@ export function Button({
|
|
|
110
110
|
) : (
|
|
111
111
|
children
|
|
112
112
|
))}
|
|
113
|
-
{iconRight
|
|
113
|
+
{iconRight ? (
|
|
114
114
|
<Icon
|
|
115
115
|
color={iconColor}
|
|
116
116
|
name={iconRight}
|
|
117
117
|
size={iconSize}
|
|
118
118
|
style={[styles.iconRight, iconStyle]}
|
|
119
119
|
/>
|
|
120
|
-
)}
|
|
120
|
+
) : null}
|
|
121
121
|
</FlexView>
|
|
122
122
|
</AnimatedPressable>
|
|
123
123
|
);
|
|
@@ -80,7 +80,7 @@ export function Chip({
|
|
|
80
80
|
onPressOut={onPressOut}
|
|
81
81
|
onPress={handlePress}
|
|
82
82
|
>
|
|
83
|
-
{imageSrc
|
|
83
|
+
{imageSrc ? (
|
|
84
84
|
<Image
|
|
85
85
|
style={[
|
|
86
86
|
styles.image,
|
|
@@ -90,22 +90,22 @@ export function Chip({
|
|
|
90
90
|
]}
|
|
91
91
|
source={imageSrc}
|
|
92
92
|
/>
|
|
93
|
-
)}
|
|
94
|
-
{leftIcon
|
|
93
|
+
) : null}
|
|
94
|
+
{leftIcon ? <Icon name={leftIcon} color={themedTextColor as ColorType} /> : null}
|
|
95
95
|
<Text
|
|
96
96
|
variant={size === 'md' ? 'paragraph-600' : 'small-600'}
|
|
97
97
|
style={[styles.link, { color: Theme[themedTextColor] }]}
|
|
98
98
|
>
|
|
99
99
|
{label}
|
|
100
100
|
</Text>
|
|
101
|
-
{rightIcon
|
|
101
|
+
{rightIcon ? (
|
|
102
102
|
<Icon
|
|
103
103
|
name={rightIcon}
|
|
104
104
|
size={iconSize}
|
|
105
105
|
color={themedTextColor as ColorType}
|
|
106
106
|
style={styles.icon}
|
|
107
107
|
/>
|
|
108
|
-
)}
|
|
108
|
+
) : null}
|
|
109
109
|
</AnimatedPressable>
|
|
110
110
|
);
|
|
111
111
|
}
|
|
@@ -84,7 +84,7 @@ export function EmailInput({
|
|
|
84
84
|
return (
|
|
85
85
|
<RightIcon
|
|
86
86
|
loading={loading}
|
|
87
|
-
showChevron={submitEnabled
|
|
87
|
+
showChevron={submitEnabled ? !errorMessage : false}
|
|
88
88
|
onPress={handleChevronPress}
|
|
89
89
|
/>
|
|
90
90
|
);
|
|
@@ -107,11 +107,11 @@ export function EmailInput({
|
|
|
107
107
|
>
|
|
108
108
|
{rightIconTemplate()}
|
|
109
109
|
</InputText>
|
|
110
|
-
{errorMessage
|
|
110
|
+
{errorMessage ? (
|
|
111
111
|
<Text color="error-100" variant="tiny-500" style={styles.text}>
|
|
112
112
|
{errorMessage}
|
|
113
113
|
</Text>
|
|
114
|
-
)}
|
|
114
|
+
) : null}
|
|
115
115
|
</View>
|
|
116
116
|
);
|
|
117
117
|
}
|
|
@@ -113,7 +113,7 @@ export const InputText = forwardRef<InputRef, InputTextProps>(
|
|
|
113
113
|
disabled && { backgroundColor: Theme['gray-glass-002'] }
|
|
114
114
|
]}
|
|
115
115
|
>
|
|
116
|
-
{icon
|
|
116
|
+
{icon ? <Icon name={icon} size="md" color="fg-275" style={styles.icon} /> : null}
|
|
117
117
|
<TextInput
|
|
118
118
|
ref={inputRef}
|
|
119
119
|
onFocus={handleFocus}
|
|
@@ -54,15 +54,15 @@ export function Link({
|
|
|
54
54
|
{...rest}
|
|
55
55
|
>
|
|
56
56
|
<FlexView flexDirection="row" alignItems="center" justifyContent="center">
|
|
57
|
-
{iconLeft
|
|
57
|
+
{iconLeft ? (
|
|
58
58
|
<Icon color={_color} name={iconLeft} size={iconSize} style={styles.iconLeft} />
|
|
59
|
-
)}
|
|
59
|
+
) : null}
|
|
60
60
|
<Text variant={size === 'md' ? 'paragraph-600' : 'small-600'} color={_color}>
|
|
61
61
|
{children}
|
|
62
62
|
</Text>
|
|
63
|
-
{iconRight
|
|
63
|
+
{iconRight ? (
|
|
64
64
|
<Icon color={_color} name={iconRight} size={iconSize} style={styles.iconRight} />
|
|
65
|
-
)}
|
|
65
|
+
) : null}
|
|
66
66
|
</FlexView>
|
|
67
67
|
</AnimatedPressable>
|
|
68
68
|
);
|
|
@@ -38,7 +38,7 @@ export function ListTransaction({
|
|
|
38
38
|
<FlexView flexDirection="row" alignItems="center" style={styles.middleContainer}>
|
|
39
39
|
<FlexView justifyContent="center" alignItems="flex-start">
|
|
40
40
|
<FlexView flexDirection="row" alignItems="center">
|
|
41
|
-
{type
|
|
41
|
+
{type ? (
|
|
42
42
|
<IconBox
|
|
43
43
|
icon={getIcon(type)}
|
|
44
44
|
size="sm"
|
|
@@ -47,7 +47,7 @@ export function ListTransaction({
|
|
|
47
47
|
border
|
|
48
48
|
borderColor="bg-100"
|
|
49
49
|
/>
|
|
50
|
-
)}
|
|
50
|
+
) : null}
|
|
51
51
|
<Text variant="paragraph-500" color="fg-100">
|
|
52
52
|
{getTypeLabel(type)}
|
|
53
53
|
</Text>
|
|
@@ -29,7 +29,7 @@ export function LogoSelect({ logo, disabled, style, onPress }: LogoSelectProps)
|
|
|
29
29
|
style={[styles.box, { backgroundColor: animatedValue }, style]}
|
|
30
30
|
disabled={disabled}
|
|
31
31
|
>
|
|
32
|
-
<Logo logo={logo} style={disabled
|
|
32
|
+
<Logo logo={logo} style={disabled ? styles.disabled : null} />
|
|
33
33
|
</AnimatedPressable>
|
|
34
34
|
);
|
|
35
35
|
}
|
|
@@ -82,7 +82,7 @@ export function Otp({ length, style, onChangeText, autoFocus }: OtpProps) {
|
|
|
82
82
|
<View style={styles.container}>
|
|
83
83
|
{Array.from({ length }).map((_, index) => (
|
|
84
84
|
<InputNumeric
|
|
85
|
-
autoFocus={autoFocus
|
|
85
|
+
autoFocus={autoFocus ? index === 0 : undefined}
|
|
86
86
|
key={index}
|
|
87
87
|
style={style}
|
|
88
88
|
value={value[index] || ''}
|
|
@@ -4,8 +4,6 @@ import Svg from 'react-native-svg';
|
|
|
4
4
|
import { Icon } from '../../components/wui-icon';
|
|
5
5
|
import { Image } from '../../components/wui-image';
|
|
6
6
|
import { Shimmer } from '../../components/wui-shimmer';
|
|
7
|
-
import { Text } from '../../components/wui-text';
|
|
8
|
-
import { FlexView } from '../../layout/wui-flex';
|
|
9
7
|
import { QRCodeUtil } from '../../utils/QRCodeUtil';
|
|
10
8
|
import { BorderRadius, LightTheme, Spacing } from '../../utils/ThemeUtil';
|
|
11
9
|
import type { IconType } from '../../utils/TypesUtil';
|
|
@@ -21,8 +19,6 @@ export interface QrCodeProps {
|
|
|
21
19
|
style?: StyleProp<ViewStyle>;
|
|
22
20
|
}
|
|
23
21
|
|
|
24
|
-
const LABEL_HEIGHT = 18;
|
|
25
|
-
|
|
26
22
|
export function QrCode({ size, uri, imageSrc, testID, arenaClear, icon, style }: QrCodeProps) {
|
|
27
23
|
const Theme = LightTheme;
|
|
28
24
|
const containerPadding = Spacing.l;
|
|
@@ -71,20 +67,12 @@ export function QrCode({ size, uri, imageSrc, testID, arenaClear, icon, style }:
|
|
|
71
67
|
]}
|
|
72
68
|
testID={testID}
|
|
73
69
|
>
|
|
74
|
-
<
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
{logoTemplate()}
|
|
79
|
-
</FlexView>
|
|
80
|
-
<Text variant="small-500" color="fg-150" style={[styles.label, { height: LABEL_HEIGHT }]}>
|
|
81
|
-
UX by{' '}
|
|
82
|
-
<Text variant="small-500" color="inverse-000">
|
|
83
|
-
Reown
|
|
84
|
-
</Text>
|
|
85
|
-
</Text>
|
|
70
|
+
<Svg height={qrSize} width={qrSize}>
|
|
71
|
+
{dots}
|
|
72
|
+
</Svg>
|
|
73
|
+
{logoTemplate()}
|
|
86
74
|
</View>
|
|
87
75
|
) : (
|
|
88
|
-
<Shimmer width={size} height={size
|
|
76
|
+
<Shimmer width={size} height={size} borderRadius={BorderRadius.l} />
|
|
89
77
|
);
|
|
90
78
|
}
|
|
@@ -41,7 +41,7 @@ export function SearchBar({
|
|
|
41
41
|
returnKeyType="search"
|
|
42
42
|
disableFullscreenUI
|
|
43
43
|
>
|
|
44
|
-
{showClear
|
|
44
|
+
{showClear ? (
|
|
45
45
|
<InputElement
|
|
46
46
|
icon="close"
|
|
47
47
|
style={{ marginRight: Spacing['4xs'] }}
|
|
@@ -51,7 +51,7 @@ export function SearchBar({
|
|
|
51
51
|
handleChangeText('');
|
|
52
52
|
}}
|
|
53
53
|
/>
|
|
54
|
-
)}
|
|
54
|
+
) : null}
|
|
55
55
|
</InputText>
|
|
56
56
|
</FlexView>
|
|
57
57
|
);
|