@reown/appkit-react-native 0.0.0-feat-multi-social-20250714205454 → 0.0.0-feat-multi-social-20250714211631
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/partials/w3m-snackbar/index.js +8 -28
- package/lib/commonjs/partials/w3m-snackbar/index.js.map +1 -1
- package/lib/module/partials/w3m-snackbar/index.js +9 -29
- package/lib/module/partials/w3m-snackbar/index.js.map +1 -1
- package/lib/typescript/partials/w3m-snackbar/index.d.ts.map +1 -1
- package/package.json +5 -5
- package/src/partials/w3m-snackbar/index.tsx +9 -35
|
@@ -19,44 +19,24 @@ function Snackbar() {
|
|
|
19
19
|
const {
|
|
20
20
|
open,
|
|
21
21
|
message,
|
|
22
|
-
variant
|
|
23
|
-
long
|
|
22
|
+
variant
|
|
24
23
|
} = (0, _valtio.useSnapshot)(_appkitCoreReactNative.SnackController.state);
|
|
25
24
|
const componentOpacity = (0, _react.useMemo)(() => new _reactNative.Animated.Value(0), []);
|
|
26
|
-
const timeoutRef = (0, _react.useRef)(null);
|
|
27
25
|
(0, _react.useEffect)(() => {
|
|
28
|
-
if (timeoutRef.current) {
|
|
29
|
-
clearTimeout(timeoutRef.current);
|
|
30
|
-
timeoutRef.current = null;
|
|
31
|
-
}
|
|
32
26
|
if (open) {
|
|
33
27
|
_reactNative.Animated.timing(componentOpacity, {
|
|
34
28
|
toValue: 1,
|
|
35
29
|
duration: 150,
|
|
36
30
|
useNativeDriver: true
|
|
37
31
|
}).start();
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
// eslint-disable-next-line valtio/state-snapshot-rule
|
|
45
|
-
_appkitCoreReactNative.SnackController.hide();
|
|
46
|
-
});
|
|
47
|
-
}, long ? 15000 : 2200);
|
|
32
|
+
} else {
|
|
33
|
+
_reactNative.Animated.timing(componentOpacity, {
|
|
34
|
+
toValue: 0,
|
|
35
|
+
duration: 300,
|
|
36
|
+
useNativeDriver: true
|
|
37
|
+
}).start();
|
|
48
38
|
}
|
|
49
|
-
|
|
50
|
-
if (timeoutRef.current) {
|
|
51
|
-
clearTimeout(timeoutRef.current);
|
|
52
|
-
timeoutRef.current = null;
|
|
53
|
-
}
|
|
54
|
-
if (_appkitCoreReactNative.SnackController.state.open) {
|
|
55
|
-
_appkitCoreReactNative.SnackController.hide();
|
|
56
|
-
componentOpacity.setValue(0);
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
}, [open, long, componentOpacity]);
|
|
39
|
+
}, [open, componentOpacity]);
|
|
60
40
|
return /*#__PURE__*/React.createElement(_appkitUiReactNative.Snackbar, {
|
|
61
41
|
message: message,
|
|
62
42
|
icon: getIcon(variant),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_valtio","require","_react","_reactNative","_appkitCoreReactNative","_appkitUiReactNative","_styles","_interopRequireDefault","e","__esModule","default","getIcon","variant","Snackbar","open","message","
|
|
1
|
+
{"version":3,"names":["_valtio","require","_react","_reactNative","_appkitCoreReactNative","_appkitUiReactNative","_styles","_interopRequireDefault","e","__esModule","default","getIcon","variant","Snackbar","open","message","useSnapshot","SnackController","state","componentOpacity","useMemo","Animated","Value","useEffect","timing","toValue","duration","useNativeDriver","start","React","createElement","icon","iconColor","style","styles","container","opacity"],"sourceRoot":"../../../../src","sources":["partials/w3m-snackbar/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AAA8B,SAAAM,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE9B,MAAMG,OAAO,GAAIC,OAAwC,IAAK;EAC5D,IAAIA,OAAO,KAAK,SAAS,EAAE,OAAO,SAAS;EAE3C,OAAOA,OAAO,KAAK,SAAS,GAAG,WAAW,GAAG,OAAO;AACtD,CAAC;AAEM,SAASC,QAAQA,CAAA,EAAG;EACzB,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEH;EAAQ,CAAC,GAAG,IAAAI,mBAAW,EAACC,sCAAe,CAACC,KAAK,CAAC;EACrE,MAAMC,gBAAgB,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjE,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIT,IAAI,EAAE;MACRO,qBAAQ,CAACG,MAAM,CAACL,gBAAgB,EAAE;QAChCM,OAAO,EAAE,CAAC;QACVC,QAAQ,EAAE,GAAG;QACbC,eAAe,EAAE;MACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IACZ,CAAC,MAAM;MACLP,qBAAQ,CAACG,MAAM,CAACL,gBAAgB,EAAE;QAChCM,OAAO,EAAE,CAAC;QACVC,QAAQ,EAAE,GAAG;QACbC,eAAe,EAAE;MACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IACZ;EACF,CAAC,EAAE,CAACd,IAAI,EAAEK,gBAAgB,CAAC,CAAC;EAE5B,oBACEU,KAAA,CAAAC,aAAA,CAACzB,oBAAA,CAAAQ,QAAiB;IAChBE,OAAO,EAAEA,OAAQ;IACjBgB,IAAI,EAAEpB,OAAO,CAACC,OAAO,CAAE;IACvBoB,SAAS,EAAEpB,OAAO,KAAK,SAAS,GAAG,aAAa,GAAG,WAAY;IAC/DqB,KAAK,EAAE,CAACC,eAAM,CAACC,SAAS,EAAE;MAAEC,OAAO,EAAEjB;IAAiB,CAAC;EAAE,CAC1D,CAAC;AAEN"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useSnapshot } from 'valtio';
|
|
2
|
-
import { useEffect, useMemo
|
|
2
|
+
import { useEffect, useMemo } from 'react';
|
|
3
3
|
import { Animated } from 'react-native';
|
|
4
4
|
import { SnackController } from '@reown/appkit-core-react-native';
|
|
5
5
|
import { Snackbar as SnackbarComponent } from '@reown/appkit-ui-react-native';
|
|
@@ -12,44 +12,24 @@ export function Snackbar() {
|
|
|
12
12
|
const {
|
|
13
13
|
open,
|
|
14
14
|
message,
|
|
15
|
-
variant
|
|
16
|
-
long
|
|
15
|
+
variant
|
|
17
16
|
} = useSnapshot(SnackController.state);
|
|
18
17
|
const componentOpacity = useMemo(() => new Animated.Value(0), []);
|
|
19
|
-
const timeoutRef = useRef(null);
|
|
20
18
|
useEffect(() => {
|
|
21
|
-
if (timeoutRef.current) {
|
|
22
|
-
clearTimeout(timeoutRef.current);
|
|
23
|
-
timeoutRef.current = null;
|
|
24
|
-
}
|
|
25
19
|
if (open) {
|
|
26
20
|
Animated.timing(componentOpacity, {
|
|
27
21
|
toValue: 1,
|
|
28
22
|
duration: 150,
|
|
29
23
|
useNativeDriver: true
|
|
30
24
|
}).start();
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
// eslint-disable-next-line valtio/state-snapshot-rule
|
|
38
|
-
SnackController.hide();
|
|
39
|
-
});
|
|
40
|
-
}, long ? 15000 : 2200);
|
|
25
|
+
} else {
|
|
26
|
+
Animated.timing(componentOpacity, {
|
|
27
|
+
toValue: 0,
|
|
28
|
+
duration: 300,
|
|
29
|
+
useNativeDriver: true
|
|
30
|
+
}).start();
|
|
41
31
|
}
|
|
42
|
-
|
|
43
|
-
if (timeoutRef.current) {
|
|
44
|
-
clearTimeout(timeoutRef.current);
|
|
45
|
-
timeoutRef.current = null;
|
|
46
|
-
}
|
|
47
|
-
if (SnackController.state.open) {
|
|
48
|
-
SnackController.hide();
|
|
49
|
-
componentOpacity.setValue(0);
|
|
50
|
-
}
|
|
51
|
-
};
|
|
52
|
-
}, [open, long, componentOpacity]);
|
|
32
|
+
}, [open, componentOpacity]);
|
|
53
33
|
return /*#__PURE__*/React.createElement(SnackbarComponent, {
|
|
54
34
|
message: message,
|
|
55
35
|
icon: getIcon(variant),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useSnapshot","useEffect","useMemo","
|
|
1
|
+
{"version":3,"names":["useSnapshot","useEffect","useMemo","Animated","SnackController","Snackbar","SnackbarComponent","styles","getIcon","variant","open","message","state","componentOpacity","Value","timing","toValue","duration","useNativeDriver","start","React","createElement","icon","iconColor","style","container","opacity"],"sourceRoot":"../../../../src","sources":["partials/w3m-snackbar/index.tsx"],"mappings":"AAAA,SAASA,WAAW,QAAQ,QAAQ;AACpC,SAASC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAC1C,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,eAAe,QAAmC,iCAAiC;AAC5F,SAASC,QAAQ,IAAIC,iBAAiB,QAAQ,+BAA+B;AAE7E,OAAOC,MAAM,MAAM,UAAU;AAE7B,MAAMC,OAAO,GAAIC,OAAwC,IAAK;EAC5D,IAAIA,OAAO,KAAK,SAAS,EAAE,OAAO,SAAS;EAE3C,OAAOA,OAAO,KAAK,SAAS,GAAG,WAAW,GAAG,OAAO;AACtD,CAAC;AAED,OAAO,SAASJ,QAAQA,CAAA,EAAG;EACzB,MAAM;IAAEK,IAAI;IAAEC,OAAO;IAAEF;EAAQ,CAAC,GAAGT,WAAW,CAACI,eAAe,CAACQ,KAAK,CAAC;EACrE,MAAMC,gBAAgB,GAAGX,OAAO,CAAC,MAAM,IAAIC,QAAQ,CAACW,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjEb,SAAS,CAAC,MAAM;IACd,IAAIS,IAAI,EAAE;MACRP,QAAQ,CAACY,MAAM,CAACF,gBAAgB,EAAE;QAChCG,OAAO,EAAE,CAAC;QACVC,QAAQ,EAAE,GAAG;QACbC,eAAe,EAAE;MACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IACZ,CAAC,MAAM;MACLhB,QAAQ,CAACY,MAAM,CAACF,gBAAgB,EAAE;QAChCG,OAAO,EAAE,CAAC;QACVC,QAAQ,EAAE,GAAG;QACbC,eAAe,EAAE;MACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IACZ;EACF,CAAC,EAAE,CAACT,IAAI,EAAEG,gBAAgB,CAAC,CAAC;EAE5B,oBACEO,KAAA,CAAAC,aAAA,CAACf,iBAAiB;IAChBK,OAAO,EAAEA,OAAQ;IACjBW,IAAI,EAAEd,OAAO,CAACC,OAAO,CAAE;IACvBc,SAAS,EAAEd,OAAO,KAAK,SAAS,GAAG,aAAa,GAAG,WAAY;IAC/De,KAAK,EAAE,CAACjB,MAAM,CAACkB,SAAS,EAAE;MAAEC,OAAO,EAAEb;IAAiB,CAAC;EAAE,CAC1D,CAAC;AAEN"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/partials/w3m-snackbar/index.tsx"],"names":[],"mappings":"AAcA,wBAAgB,QAAQ,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/partials/w3m-snackbar/index.tsx"],"names":[],"mappings":"AAcA,wBAAgB,QAAQ,4CA4BvB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reown/appkit-react-native",
|
|
3
|
-
"version": "0.0.0-feat-multi-social-
|
|
3
|
+
"version": "0.0.0-feat-multi-social-20250714211631",
|
|
4
4
|
"main": "lib/commonjs/index.js",
|
|
5
5
|
"types": "lib/typescript/index.d.ts",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -37,10 +37,10 @@
|
|
|
37
37
|
"access": "public"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@reown/appkit-common-react-native": "0.0.0-feat-multi-social-
|
|
41
|
-
"@reown/appkit-core-react-native": "0.0.0-feat-multi-social-
|
|
42
|
-
"@reown/appkit-siwe-react-native": "0.0.0-feat-multi-social-
|
|
43
|
-
"@reown/appkit-ui-react-native": "0.0.0-feat-multi-social-
|
|
40
|
+
"@reown/appkit-common-react-native": "0.0.0-feat-multi-social-20250714211631",
|
|
41
|
+
"@reown/appkit-core-react-native": "0.0.0-feat-multi-social-20250714211631",
|
|
42
|
+
"@reown/appkit-siwe-react-native": "0.0.0-feat-multi-social-20250714211631",
|
|
43
|
+
"@reown/appkit-ui-react-native": "0.0.0-feat-multi-social-20250714211631",
|
|
44
44
|
"@walletconnect/universal-provider": "2.20.2",
|
|
45
45
|
"valtio": "^1.13.2"
|
|
46
46
|
},
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useSnapshot } from 'valtio';
|
|
2
|
-
import { useEffect, useMemo
|
|
2
|
+
import { useEffect, useMemo } from 'react';
|
|
3
3
|
import { Animated } from 'react-native';
|
|
4
4
|
import { SnackController, type SnackControllerState } from '@reown/appkit-core-react-native';
|
|
5
5
|
import { Snackbar as SnackbarComponent } from '@reown/appkit-ui-react-native';
|
|
@@ -13,50 +13,24 @@ const getIcon = (variant: SnackControllerState['variant']) => {
|
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
export function Snackbar() {
|
|
16
|
-
const { open, message, variant
|
|
16
|
+
const { open, message, variant } = useSnapshot(SnackController.state);
|
|
17
17
|
const componentOpacity = useMemo(() => new Animated.Value(0), []);
|
|
18
|
-
const timeoutRef = useRef<NodeJS.Timeout | null>(null);
|
|
19
18
|
|
|
20
19
|
useEffect(() => {
|
|
21
|
-
if (timeoutRef.current) {
|
|
22
|
-
clearTimeout(timeoutRef.current);
|
|
23
|
-
timeoutRef.current = null;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
20
|
if (open) {
|
|
27
21
|
Animated.timing(componentOpacity, {
|
|
28
22
|
toValue: 1,
|
|
29
23
|
duration: 150,
|
|
30
24
|
useNativeDriver: true
|
|
31
25
|
}).start();
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
useNativeDriver: true
|
|
39
|
-
}).start(() => {
|
|
40
|
-
// eslint-disable-next-line valtio/state-snapshot-rule
|
|
41
|
-
SnackController.hide();
|
|
42
|
-
});
|
|
43
|
-
},
|
|
44
|
-
long ? 15000 : 2200
|
|
45
|
-
);
|
|
26
|
+
} else {
|
|
27
|
+
Animated.timing(componentOpacity, {
|
|
28
|
+
toValue: 0,
|
|
29
|
+
duration: 300,
|
|
30
|
+
useNativeDriver: true
|
|
31
|
+
}).start();
|
|
46
32
|
}
|
|
47
|
-
|
|
48
|
-
return () => {
|
|
49
|
-
if (timeoutRef.current) {
|
|
50
|
-
clearTimeout(timeoutRef.current);
|
|
51
|
-
timeoutRef.current = null;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
if (SnackController.state.open) {
|
|
55
|
-
SnackController.hide();
|
|
56
|
-
componentOpacity.setValue(0);
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
}, [open, long, componentOpacity]);
|
|
33
|
+
}, [open, componentOpacity]);
|
|
60
34
|
|
|
61
35
|
return (
|
|
62
36
|
<SnackbarComponent
|