@kiosinc/commons-rn 0.1.71 → 0.1.73
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/components/FirebaseMedia.js +21 -9
- package/lib/commonjs/components/FirebaseMedia.js.map +1 -1
- package/lib/commonjs/components/PhoneInput.js +4 -1
- package/lib/commonjs/components/PhoneInput.js.map +1 -1
- package/lib/module/components/FirebaseMedia.js +21 -9
- package/lib/module/components/FirebaseMedia.js.map +1 -1
- package/lib/module/components/PhoneInput.js +4 -1
- package/lib/module/components/PhoneInput.js.map +1 -1
- package/lib/typescript/src/components/FirebaseMedia.d.ts +2 -1
- package/lib/typescript/src/components/FirebaseMedia.d.ts.map +1 -1
- package/lib/typescript/src/components/PhoneInput.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/FirebaseMedia.tsx +104 -82
- package/src/components/PhoneInput.tsx +2 -0
|
@@ -13,12 +13,17 @@ var _View = require("./View");
|
|
|
13
13
|
var _IconButton = require("./IconButton");
|
|
14
14
|
var _ContentLoaderList = require("./ContentLoaderList");
|
|
15
15
|
var _reactNative = require("react-native");
|
|
16
|
+
var _Card = require("./Card");
|
|
16
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
18
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
18
19
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
19
20
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
20
21
|
const FirebaseMedia = exports.FirebaseMedia = /*#__PURE__*/_react.default.memo(({
|
|
21
22
|
uri,
|
|
23
|
+
borderRadius = '10',
|
|
24
|
+
borderWidth = 1,
|
|
25
|
+
borderColor = 'onBackground',
|
|
26
|
+
onPress,
|
|
22
27
|
...rest
|
|
23
28
|
}) => {
|
|
24
29
|
const [status, setStatus] = (0, _react.useState)('loading');
|
|
@@ -45,15 +50,21 @@ const FirebaseMedia = exports.FirebaseMedia = /*#__PURE__*/_react.default.memo((
|
|
|
45
50
|
setStatus('failed');
|
|
46
51
|
}
|
|
47
52
|
}, [uri]);
|
|
48
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
53
|
+
return /*#__PURE__*/_react.default.createElement(_Card.Card, _extends({
|
|
54
|
+
bg: 'transparent',
|
|
55
|
+
mode: "contained"
|
|
56
|
+
}, onPress ? {
|
|
57
|
+
onPress
|
|
58
|
+
} : {}), /*#__PURE__*/_react.default.createElement(_View.View, _extends({
|
|
49
59
|
overflow: 'hidden'
|
|
50
|
-
}, rest,
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
60
|
+
}, rest, {
|
|
61
|
+
borderRadius: borderRadius,
|
|
62
|
+
borderColor: borderColor,
|
|
63
|
+
borderWidth: borderWidth,
|
|
64
|
+
height: rest.height ? rest.height : '100%',
|
|
65
|
+
width: rest.width ? rest.width : '100%'
|
|
55
66
|
}), !!firebaseURI && type === 'image' && /*#__PURE__*/_react.default.createElement(_reactNativeFastImage.default, {
|
|
56
|
-
style: styles.
|
|
67
|
+
style: styles.fullWidthHeight,
|
|
57
68
|
source: {
|
|
58
69
|
uri: firebaseURI
|
|
59
70
|
},
|
|
@@ -64,6 +75,7 @@ const FirebaseMedia = exports.FirebaseMedia = /*#__PURE__*/_react.default.memo((
|
|
|
64
75
|
setStatus('failed');
|
|
65
76
|
}
|
|
66
77
|
}), !!firebaseURI && type === 'video' && /*#__PURE__*/_react.default.createElement(_reactNativeVideo.default, _extends({}, rest, {
|
|
78
|
+
style: styles.fullWidthHeight,
|
|
67
79
|
source: {
|
|
68
80
|
uri: firebaseURI
|
|
69
81
|
},
|
|
@@ -90,10 +102,10 @@ const FirebaseMedia = exports.FirebaseMedia = /*#__PURE__*/_react.default.memo((
|
|
|
90
102
|
}) : /*#__PURE__*/_react.default.createElement(_placeholderImage.default, {
|
|
91
103
|
height: "100%",
|
|
92
104
|
width: "100%"
|
|
93
|
-
}))));
|
|
105
|
+
})))));
|
|
94
106
|
});
|
|
95
107
|
const styles = _reactNative.StyleSheet.create({
|
|
96
|
-
|
|
108
|
+
fullWidthHeight: {
|
|
97
109
|
height: '100%',
|
|
98
110
|
width: '100%'
|
|
99
111
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeFastImage","_interopRequireDefault","_placeholderImage","_reactNativeVideo","_AssetManager","_View","_IconButton","_ContentLoaderList","_reactNative","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","FirebaseMedia","exports","React","memo","uri","rest","status","setStatus","useState","firebaseURI","type","setFirebaseURI","useEffect","AssetManager","getAssetURL","then","assetDetails","catch","createElement","View","overflow","height","width","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeFastImage","_interopRequireDefault","_placeholderImage","_reactNativeVideo","_AssetManager","_View","_IconButton","_ContentLoaderList","_reactNative","_Card","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","FirebaseMedia","exports","React","memo","uri","borderRadius","borderWidth","borderColor","onPress","rest","status","setStatus","useState","firebaseURI","type","setFirebaseURI","useEffect","AssetManager","getAssetURL","then","assetDetails","catch","createElement","Card","bg","mode","View","overflow","height","width","style","styles","fullWidthHeight","onLoad","onError","top","bottom","right","left","position","alignItems","justifyContent","ContentLoaderList","count","radius","IconButton","icon","StyleSheet","create"],"sourceRoot":"../../../src","sources":["components/FirebaseMedia.tsx"],"mappings":"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"}
|
|
@@ -30,7 +30,10 @@ const PhoneInput = ({
|
|
|
30
30
|
onChangePhoneNumber(value.replace(country.callingCode, ''));
|
|
31
31
|
}
|
|
32
32
|
}, [onChangePhoneNumber, onChangeSelectedCountry, value]);
|
|
33
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNativeInternationalPhoneNumber.default, _extends({
|
|
33
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNativeInternationalPhoneNumber.default, _extends({
|
|
34
|
+
selectionColor: theme.colors.primary,
|
|
35
|
+
cursorColor: theme.colors.primary
|
|
36
|
+
}, rest, getStyles(theme, errorMessage), {
|
|
34
37
|
placeholder: "Phone Number",
|
|
35
38
|
onBlur: onBlur,
|
|
36
39
|
onChangePhoneNumber: onChangePhoneNumber,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeInternationalPhoneNumber","_reactNativePaper","_View","_IconButton","_Text","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","PhoneInput","errorMessage","onBlur","onChangePhoneNumber","value","selectedCountry","onChangeSelectedCountry","rest","theme","useTheme","useEffect","country","getCountryByPhoneNumber","replace","callingCode","createElement","Fragment","getStyles","placeholder","defaultCountry","View","flexDirection","alignItems","pb","IconButton","icon","size","width","margin","bg","iconColor","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeInternationalPhoneNumber","_reactNativePaper","_View","_IconButton","_Text","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","PhoneInput","errorMessage","onBlur","onChangePhoneNumber","value","selectedCountry","onChangeSelectedCountry","rest","theme","useTheme","useEffect","country","getCountryByPhoneNumber","replace","callingCode","createElement","Fragment","selectionColor","colors","primary","cursorColor","getStyles","placeholder","defaultCountry","View","flexDirection","alignItems","pb","IconButton","icon","size","width","margin","bg","iconColor","error","Text","variant","color","exports","modalStyles","onBackground","flag","backgroundColor","background","countryButton","borderRadius","noCountryContainer","backdrop","countryName","countriesList","modal","searchInput","phoneInputStyles","caret","input","container","height","marginTop","borderWidth","borderColor","outline","flagContainer","paddingHorizontal","paddingLeft"],"sourceRoot":"../../../src","sources":["components/PhoneInput.tsx"],"mappings":"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"}
|
|
@@ -8,8 +8,13 @@ import { View } from './View';
|
|
|
8
8
|
import { IconButton } from './IconButton';
|
|
9
9
|
import { ContentLoaderList } from './ContentLoaderList';
|
|
10
10
|
import { StyleSheet } from 'react-native';
|
|
11
|
+
import { Card } from './Card';
|
|
11
12
|
export const FirebaseMedia = /*#__PURE__*/React.memo(({
|
|
12
13
|
uri,
|
|
14
|
+
borderRadius = '10',
|
|
15
|
+
borderWidth = 1,
|
|
16
|
+
borderColor = 'onBackground',
|
|
17
|
+
onPress,
|
|
13
18
|
...rest
|
|
14
19
|
}) => {
|
|
15
20
|
const [status, setStatus] = useState('loading');
|
|
@@ -36,15 +41,21 @@ export const FirebaseMedia = /*#__PURE__*/React.memo(({
|
|
|
36
41
|
setStatus('failed');
|
|
37
42
|
}
|
|
38
43
|
}, [uri]);
|
|
39
|
-
return /*#__PURE__*/React.createElement(
|
|
44
|
+
return /*#__PURE__*/React.createElement(Card, _extends({
|
|
45
|
+
bg: 'transparent',
|
|
46
|
+
mode: "contained"
|
|
47
|
+
}, onPress ? {
|
|
48
|
+
onPress
|
|
49
|
+
} : {}), /*#__PURE__*/React.createElement(View, _extends({
|
|
40
50
|
overflow: 'hidden'
|
|
41
|
-
}, rest,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
51
|
+
}, rest, {
|
|
52
|
+
borderRadius: borderRadius,
|
|
53
|
+
borderColor: borderColor,
|
|
54
|
+
borderWidth: borderWidth,
|
|
55
|
+
height: rest.height ? rest.height : '100%',
|
|
56
|
+
width: rest.width ? rest.width : '100%'
|
|
46
57
|
}), !!firebaseURI && type === 'image' && /*#__PURE__*/React.createElement(FastImage, {
|
|
47
|
-
style: styles.
|
|
58
|
+
style: styles.fullWidthHeight,
|
|
48
59
|
source: {
|
|
49
60
|
uri: firebaseURI
|
|
50
61
|
},
|
|
@@ -55,6 +66,7 @@ export const FirebaseMedia = /*#__PURE__*/React.memo(({
|
|
|
55
66
|
setStatus('failed');
|
|
56
67
|
}
|
|
57
68
|
}), !!firebaseURI && type === 'video' && /*#__PURE__*/React.createElement(VideoOriginal, _extends({}, rest, {
|
|
69
|
+
style: styles.fullWidthHeight,
|
|
58
70
|
source: {
|
|
59
71
|
uri: firebaseURI
|
|
60
72
|
},
|
|
@@ -81,10 +93,10 @@ export const FirebaseMedia = /*#__PURE__*/React.memo(({
|
|
|
81
93
|
}) : /*#__PURE__*/React.createElement(PlaceHolderImage, {
|
|
82
94
|
height: "100%",
|
|
83
95
|
width: "100%"
|
|
84
|
-
}))));
|
|
96
|
+
})))));
|
|
85
97
|
});
|
|
86
98
|
const styles = StyleSheet.create({
|
|
87
|
-
|
|
99
|
+
fullWidthHeight: {
|
|
88
100
|
height: '100%',
|
|
89
101
|
width: '100%'
|
|
90
102
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useState","FastImage","PlaceHolderImage","VideoOriginal","AssetManager","View","IconButton","ContentLoaderList","StyleSheet","FirebaseMedia","memo","uri","rest","status","setStatus","firebaseURI","type","setFirebaseURI","getAssetURL","then","assetDetails","catch","createElement","_extends","overflow","height","width","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","FastImage","PlaceHolderImage","VideoOriginal","AssetManager","View","IconButton","ContentLoaderList","StyleSheet","Card","FirebaseMedia","memo","uri","borderRadius","borderWidth","borderColor","onPress","rest","status","setStatus","firebaseURI","type","setFirebaseURI","getAssetURL","then","assetDetails","catch","createElement","_extends","bg","mode","overflow","height","width","style","styles","fullWidthHeight","source","onLoad","onError","top","bottom","right","left","position","alignItems","justifyContent","count","radius","icon","create"],"sourceRoot":"../../../src","sources":["components/FirebaseMedia.tsx"],"mappings":"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"}
|
|
@@ -22,7 +22,10 @@ export const PhoneInput = ({
|
|
|
22
22
|
onChangePhoneNumber(value.replace(country.callingCode, ''));
|
|
23
23
|
}
|
|
24
24
|
}, [onChangePhoneNumber, onChangeSelectedCountry, value]);
|
|
25
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PhoneInputOriginal, _extends({
|
|
25
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PhoneInputOriginal, _extends({
|
|
26
|
+
selectionColor: theme.colors.primary,
|
|
27
|
+
cursorColor: theme.colors.primary
|
|
28
|
+
}, rest, getStyles(theme, errorMessage), {
|
|
26
29
|
placeholder: "Phone Number",
|
|
27
30
|
onBlur: onBlur,
|
|
28
31
|
onChangePhoneNumber: onChangePhoneNumber,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","PhoneInputOriginal","getCountryByPhoneNumber","useTheme","View","IconButton","Text","PhoneInput","errorMessage","onBlur","onChangePhoneNumber","value","selectedCountry","onChangeSelectedCountry","rest","theme","country","replace","callingCode","createElement","Fragment","_extends","getStyles","placeholder","defaultCountry","flexDirection","alignItems","pb","icon","size","width","margin","bg","iconColor","
|
|
1
|
+
{"version":3,"names":["React","useEffect","PhoneInputOriginal","getCountryByPhoneNumber","useTheme","View","IconButton","Text","PhoneInput","errorMessage","onBlur","onChangePhoneNumber","value","selectedCountry","onChangeSelectedCountry","rest","theme","country","replace","callingCode","createElement","Fragment","_extends","selectionColor","colors","primary","cursorColor","getStyles","placeholder","defaultCountry","flexDirection","alignItems","pb","icon","size","width","margin","bg","iconColor","error","variant","color","modalStyles","onBackground","flag","backgroundColor","background","countryButton","borderRadius","noCountryContainer","backdrop","countryName","countriesList","modal","searchInput","phoneInputStyles","caret","input","container","height","marginTop","borderWidth","borderColor","outline","flagContainer","paddingHorizontal","paddingLeft"],"sourceRoot":"../../../src","sources":["components/PhoneInput.tsx"],"mappings":"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"}
|
|
@@ -6,8 +6,9 @@ import { ThemeType } from '../theme';
|
|
|
6
6
|
type RestyleProps = SpacingProps<ThemeType> & SpacingShorthandProps<ThemeType> & LayoutProps<ThemeType> & PositionProps<ThemeType> & BorderProps<ThemeType> & BackgroundColorProps<ThemeType> & BackgroundColorShorthandProps<ThemeType>;
|
|
7
7
|
type TFirebaseMedia = {
|
|
8
8
|
uri: string;
|
|
9
|
+
onPress?: () => void;
|
|
9
10
|
};
|
|
10
11
|
type Props = Omit<RestyleProps & FastImageProps & TFirebaseMedia & VideoProperties, 'source'>;
|
|
11
|
-
export declare const FirebaseMedia: React.MemoExoticComponent<({ uri, ...rest }: Props) => JSX.Element>;
|
|
12
|
+
export declare const FirebaseMedia: React.MemoExoticComponent<({ uri, borderRadius, borderWidth, borderColor, onPress, ...rest }: Props) => JSX.Element>;
|
|
12
13
|
export {};
|
|
13
14
|
//# sourceMappingURL=FirebaseMedia.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FirebaseMedia.d.ts","sourceRoot":"","sources":["../../../../src/components/FirebaseMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAkB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EACL,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,qBAAqB,EACrB,WAAW,EACX,aAAa,EACb,6BAA6B,EAC9B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"FirebaseMedia.d.ts","sourceRoot":"","sources":["../../../../src/components/FirebaseMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAkB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EACL,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,qBAAqB,EACrB,WAAW,EACX,aAAa,EACb,6BAA6B,EAC9B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAQrC,KAAK,YAAY,GAAG,YAAY,CAAC,SAAS,CAAC,GACzC,qBAAqB,CAAC,SAAS,CAAC,GAChC,WAAW,CAAC,SAAS,CAAC,GACtB,aAAa,CAAC,SAAS,CAAC,GACxB,WAAW,CAAC,SAAS,CAAC,GACtB,oBAAoB,CAAC,SAAS,CAAC,GAC/B,6BAA6B,CAAC,SAAS,CAAC,CAAC;AAE3C,KAAK,cAAc,GAAG;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,KAAK,KAAK,GAAG,IAAI,CACf,YAAY,GAAG,cAAc,GAAG,cAAc,GAAG,eAAe,EAChE,QAAQ,CACT,CAAC;AAEF,eAAO,MAAM,aAAa,gGAQrB,KAAK,iBAgGT,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../src/components/PhoneInput.tsx"],"names":[],"mappings":";AACA,OAA2B,EACzB,QAAQ,EAER,KAAK,eAAe,IAAI,uBAAuB,EAChD,MAAM,yCAAyC,CAAC;AAMjD,KAAK,eAAe,GAAG;IACrB,eAAe,EAAE,QAAQ,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,uBAAuB,CAAC;AAE5B,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC;AAEhC,eAAO,MAAM,UAAU,4GAQpB,eAAe,
|
|
1
|
+
{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../src/components/PhoneInput.tsx"],"names":[],"mappings":";AACA,OAA2B,EACzB,QAAQ,EAER,KAAK,eAAe,IAAI,uBAAuB,EAChD,MAAM,yCAAyC,CAAC;AAMjD,KAAK,eAAe,GAAG;IACrB,eAAe,EAAE,QAAQ,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,uBAAuB,CAAC;AAE5B,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC;AAEhC,eAAO,MAAM,UAAU,4GAQpB,eAAe,gBA2CjB,CAAC"}
|
package/package.json
CHANGED
|
@@ -18,6 +18,7 @@ import { View } from './View';
|
|
|
18
18
|
import { IconButton } from './IconButton';
|
|
19
19
|
import { ContentLoaderList } from './ContentLoaderList';
|
|
20
20
|
import { StyleSheet } from 'react-native';
|
|
21
|
+
import { Card } from './Card';
|
|
21
22
|
|
|
22
23
|
type RestyleProps = SpacingProps<ThemeType> &
|
|
23
24
|
SpacingShorthandProps<ThemeType> &
|
|
@@ -29,6 +30,7 @@ type RestyleProps = SpacingProps<ThemeType> &
|
|
|
29
30
|
|
|
30
31
|
type TFirebaseMedia = {
|
|
31
32
|
uri: string;
|
|
33
|
+
onPress?: () => void;
|
|
32
34
|
};
|
|
33
35
|
|
|
34
36
|
type Props = Omit<
|
|
@@ -36,94 +38,114 @@ type Props = Omit<
|
|
|
36
38
|
'source'
|
|
37
39
|
>;
|
|
38
40
|
|
|
39
|
-
export const FirebaseMedia = React.memo(
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
41
|
+
export const FirebaseMedia = React.memo(
|
|
42
|
+
({
|
|
43
|
+
uri,
|
|
44
|
+
borderRadius = '10',
|
|
45
|
+
borderWidth = 1,
|
|
46
|
+
borderColor = 'onBackground',
|
|
47
|
+
onPress,
|
|
48
|
+
...rest
|
|
49
|
+
}: Props) => {
|
|
50
|
+
const [status, setStatus] = useState<'loading' | 'failed' | 'success'>(
|
|
51
|
+
'loading'
|
|
52
|
+
);
|
|
53
|
+
const [{ uri: firebaseURI, type }, setFirebaseURI] = useState({
|
|
54
|
+
uri: null,
|
|
55
|
+
type: 'image',
|
|
56
|
+
});
|
|
47
57
|
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
58
|
+
useEffect(() => {
|
|
59
|
+
if (uri) {
|
|
60
|
+
setStatus('loading');
|
|
61
|
+
AssetManager.getAssetURL(uri)
|
|
62
|
+
.then((assetDetails) => {
|
|
63
|
+
if (assetDetails) {
|
|
64
|
+
setFirebaseURI(assetDetails);
|
|
65
|
+
} else {
|
|
66
|
+
setStatus('failed');
|
|
67
|
+
}
|
|
68
|
+
})
|
|
69
|
+
.catch(() => {
|
|
56
70
|
setStatus('failed');
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
} else {
|
|
63
|
-
setStatus('failed');
|
|
64
|
-
}
|
|
65
|
-
}, [uri]);
|
|
71
|
+
});
|
|
72
|
+
} else {
|
|
73
|
+
setStatus('failed');
|
|
74
|
+
}
|
|
75
|
+
}, [uri]);
|
|
66
76
|
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
})}
|
|
76
|
-
>
|
|
77
|
-
{!!firebaseURI && type === 'image' && (
|
|
78
|
-
<FastImage
|
|
79
|
-
style={styles.image}
|
|
80
|
-
source={{ uri: firebaseURI }}
|
|
81
|
-
onLoad={() => {
|
|
82
|
-
setStatus('success');
|
|
83
|
-
}}
|
|
84
|
-
onError={() => {
|
|
85
|
-
setStatus('failed');
|
|
86
|
-
}}
|
|
87
|
-
/>
|
|
88
|
-
)}
|
|
89
|
-
|
|
90
|
-
{!!firebaseURI && type === 'video' && (
|
|
91
|
-
<VideoOriginal
|
|
92
|
-
{...rest}
|
|
93
|
-
source={{ uri: firebaseURI }}
|
|
94
|
-
onLoad={() => {
|
|
95
|
-
setStatus('success');
|
|
96
|
-
}}
|
|
97
|
-
onError={() => {
|
|
98
|
-
setStatus('failed');
|
|
99
|
-
}}
|
|
100
|
-
/>
|
|
101
|
-
)}
|
|
102
|
-
<View
|
|
103
|
-
top={0}
|
|
104
|
-
bottom={0}
|
|
105
|
-
right={0}
|
|
106
|
-
left={0}
|
|
107
|
-
position="absolute"
|
|
108
|
-
alignItems="center"
|
|
109
|
-
justifyContent="center"
|
|
77
|
+
return (
|
|
78
|
+
<Card
|
|
79
|
+
bg={'transparent'}
|
|
80
|
+
mode="contained"
|
|
81
|
+
{...(onPress
|
|
82
|
+
? {
|
|
83
|
+
onPress,
|
|
84
|
+
}
|
|
85
|
+
: {})}
|
|
110
86
|
>
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
}
|
|
87
|
+
<View
|
|
88
|
+
overflow={'hidden'}
|
|
89
|
+
{...rest}
|
|
90
|
+
borderRadius={borderRadius}
|
|
91
|
+
borderColor={borderColor}
|
|
92
|
+
borderWidth={borderWidth}
|
|
93
|
+
height={rest.height ? rest.height : '100%'}
|
|
94
|
+
width={rest.width ? rest.width : '100%'}
|
|
95
|
+
>
|
|
96
|
+
{!!firebaseURI && type === 'image' && (
|
|
97
|
+
<FastImage
|
|
98
|
+
style={styles.fullWidthHeight}
|
|
99
|
+
source={{ uri: firebaseURI }}
|
|
100
|
+
onLoad={() => {
|
|
101
|
+
setStatus('success');
|
|
102
|
+
}}
|
|
103
|
+
onError={() => {
|
|
104
|
+
setStatus('failed');
|
|
105
|
+
}}
|
|
106
|
+
/>
|
|
107
|
+
)}
|
|
108
|
+
|
|
109
|
+
{!!firebaseURI && type === 'video' && (
|
|
110
|
+
<VideoOriginal
|
|
111
|
+
{...rest}
|
|
112
|
+
style={styles.fullWidthHeight}
|
|
113
|
+
source={{ uri: firebaseURI }}
|
|
114
|
+
onLoad={() => {
|
|
115
|
+
setStatus('success');
|
|
116
|
+
}}
|
|
117
|
+
onError={() => {
|
|
118
|
+
setStatus('failed');
|
|
119
|
+
}}
|
|
120
|
+
/>
|
|
121
|
+
)}
|
|
122
|
+
<View
|
|
123
|
+
top={0}
|
|
124
|
+
bottom={0}
|
|
125
|
+
right={0}
|
|
126
|
+
left={0}
|
|
127
|
+
position="absolute"
|
|
128
|
+
alignItems="center"
|
|
129
|
+
justifyContent="center"
|
|
130
|
+
>
|
|
131
|
+
{status === 'loading' && (
|
|
132
|
+
<ContentLoaderList count={1} radius={10} height="100%" />
|
|
133
|
+
)}
|
|
134
|
+
{status === 'failed' &&
|
|
135
|
+
(uri ? (
|
|
136
|
+
<IconButton icon="image-broken-variant" />
|
|
137
|
+
) : (
|
|
138
|
+
<PlaceHolderImage height="100%" width="100%" />
|
|
139
|
+
))}
|
|
140
|
+
</View>
|
|
141
|
+
</View>
|
|
142
|
+
</Card>
|
|
143
|
+
);
|
|
144
|
+
}
|
|
145
|
+
);
|
|
124
146
|
|
|
125
147
|
const styles = StyleSheet.create({
|
|
126
|
-
|
|
148
|
+
fullWidthHeight: {
|
|
127
149
|
height: '100%',
|
|
128
150
|
width: '100%',
|
|
129
151
|
},
|