@smart-link/rn-im 1.0.1

package/dist/components/ChatAvatar/ChatAvatarId.js

@@ -0,0 +1,92 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const useImSelector_1 = require("../../hooks/useImSelector");
+const react_1 = require("react");
+const init_1 = require("../../init");
+const ChatAvatarLocal_1 = __importDefault(require("./ChatAvatarLocal"));
+const user_1 = require("../../api/user");
+const ChatAvatarId = (_a) => {
+    var { id, fileId: fileIdProp, priority } = _a, ret = __rest(_a, ["id", "fileId", "priority"]);
+    const avatars = (0, useImSelector_1.useAvatars)();
+    const [fileId, setFileId] = (0, react_1.useState)(fileIdProp);
+    const newFileId = avatars[id];
+    // console.log('ChatAvatarId: ', ret.name, newFileId,)
+    (0, react_1.useEffect)(() => {
+        if (priority === 'outside' && fileIdProp) {
+            setFileId(fileIdProp);
+            (0, init_1.getImManager)().updateAvatar({ avatarsId: id, url: fileIdProp });
+            return;
+        }
+        (0, init_1.getImManager)().loadAvatarFromCache(id).then((cacheFileId) => __awaiter(void 0, void 0, void 0, function* () {
+            // console.log('ChatAvatarId cacheFileId: ', ret.name, cacheFileId,)
+            if (!cacheFileId) {
+                try {
+                    // 通过接口请求头像
+                    const { data: [user] } = yield (0, user_1.queryUserByIds)([id]);
+                    if (user === null || user === void 0 ? void 0 : user.avatars) {
+                        setFileId(user.avatars);
+                        (0, init_1.getImManager)().updateAvatar({ avatarsId: id, url: user.avatars });
+                    }
+                    else {
+                        setFileId('');
+                    }
+                }
+                catch (e) {
+                    console.log('queryUserByIds error: ', e);
+                }
+            }
+            else {
+                setFileId(cacheFileId);
+            }
+        }));
+    }, [id, priority, newFileId, fileIdProp]);
+    return (<ChatAvatarLocal_1.default fileId={fileId} {...ret}/>);
+};
+exports.default = ChatAvatarId;

package/dist/components/ChatAvatar/ChatAvatarLocal.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ChatAvatarProps {
+    fileId?: string;
+    size: number;
+    name?: string;
+    defaultAvatar?: any;
+}
+declare const ChatAvatarLocal: ({ fileId, size, name, defaultAvatar }: ChatAvatarProps) => React.JSX.Element;
+export default ChatAvatarLocal;

package/dist/components/ChatAvatar/ChatAvatarLocal.js

@@ -0,0 +1,76 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const rn_ui_1 = require("@smart-link/rn-ui");
+const react_2 = require("react");
+const init_1 = require("../../init");
+const file_1 = require("../../utils/file");
+const react_native_fs_1 = __importDefault(require("react-native-fs"));
+;
+// 防止重复下载
+const downloadMap = Object.create(null);
+const ChatAvatarLocal = ({ fileId, size, name, defaultAvatar }) => {
+    const [avatar, setAvatar] = (0, react_2.useState)('');
+    const loadAvatar = () => __awaiter(void 0, void 0, void 0, function* () {
+        console.log('loadResourceFromCache: ', fileId);
+        if (fileId) {
+            const imManager = (0, init_1.getImManager)();
+            const localPath = yield imManager.loadResourceFromCache(fileId);
+            console.log('loadResourceFromCache: ', localPath);
+            if (localPath) {
+                const exists = yield react_native_fs_1.default.exists(localPath);
+                if (exists) {
+                    setAvatar((0, file_1.toAbsolutePath)(localPath));
+                    return;
+                }
+            }
+            if (downloadMap[fileId]) {
+                return;
+            }
+            downloadMap[fileId] = true;
+            try {
+                console.log('imManager.download: ', fileId, Number.isNaN(Number(fileId)));
+                if (Number.isNaN(Number(fileId))) {
+                    // 下载头像文件
+                    const localPath = yield imManager.download({
+                        fileId,
+                        filename: `${fileId}.jpg`,
+                        resourceType: 'avatars',
+                    });
+                    setAvatar((0, file_1.toAbsolutePath)(localPath));
+                    // 更新资源
+                    imManager.updateResource({
+                        url: fileId,
+                        localPath,
+                    });
+                }
+                else {
+                    setAvatar(fileId);
+                }
+            }
+            catch (e) {
+                downloadMap[fileId] = false;
+            }
+        }
+    });
+    (0, react_2.useEffect)(() => {
+        loadAvatar();
+    }, [fileId]);
+    return (<rn_ui_1.Avatar src={avatar} icon={<react_native_1.Image style={{ width: size, height: size }} source={defaultAvatar}/>} style={size ? { width: size, height: size } : {}}>
+            {name === null || name === void 0 ? void 0 : name[0]}
+        </rn_ui_1.Avatar>);
+};
+exports.default = ChatAvatarLocal;

package/dist/components/ChatAvatar/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ChatAvatar';
+export * from './ChatAvatar';

package/dist/components/ChatAvatar/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var ChatAvatar_1 = require("./ChatAvatar");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ChatAvatar_1).default; } });
+__exportStar(require("./ChatAvatar"), exports);

package/dist/components/Favicon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type Props = {
+    url?: string;
+    size: number;
+};
+declare const _default: React.MemoExoticComponent<({ url, size }: Props) => React.JSX.Element>;
+export default _default;

package/dist/components/Favicon.js

@@ -0,0 +1,74 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_native_fast_image_1 = __importDefault(require("react-native-fast-image"));
+const Favicon = ({ url, size = 40 }) => {
+    const [favicon, setFavicon] = react_1.default.useState();
+    (0, react_1.useEffect)(() => {
+        if (!url)
+            return;
+        getFavicon(url).then((favicon) => {
+            console.log('favicon: ', favicon);
+            setFavicon(favicon);
+        });
+    }, [url]);
+    return (<react_native_fast_image_1.default style={{ width: size, height: size }} source={favicon ? { uri: favicon } : {}}/>);
+};
+const faviconCache = new Map();
+const getFavicon = (url) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a;
+    // 手动解析 URL 的 origin
+    const urlParts = url.match(/^(https?:\/\/[^\/?#]+)/);
+    const origin = urlParts ? urlParts[0] : '';
+    if (faviconCache.has(origin)) {
+        return faviconCache.get(origin);
+    }
+    const response = yield fetch(url);
+    if (!response.ok) {
+        return null;
+    }
+    const html = yield response.text();
+    const favicon = (_a = html.match(/<link.*?rel=".*icon".*?href="(.*?)"/)) === null || _a === void 0 ? void 0 : _a[1];
+    if (favicon) {
+        let icon = favicon.startsWith('http') ? favicon : origin + favicon;
+        faviconCache.set(origin, icon);
+        return icon;
+    }
+    return null;
+});
+exports.default = (0, react_1.memo)(Favicon);

package/dist/components/FormatTimeText.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { TextProps } from "react-native";
+export interface FormatTimeTextProps extends TextProps {
+    time: number;
+    showDetail?: boolean;
+}
+declare const FormatTimeText: React.FC<FormatTimeTextProps>;
+export default FormatTimeText;

package/dist/components/FormatTimeText.js

@@ -0,0 +1,24 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const useFormatMsgTime_1 = __importDefault(require("../hooks/useFormatMsgTime"));
+const FormatTimeText = (_a) => {
+    var { time, showDetail = true } = _a, retProps = __rest(_a, ["time", "showDetail"]);
+    return <react_native_1.Text {...retProps}>{(0, useFormatMsgTime_1.default)(time, showDetail)}</react_native_1.Text>;
+};
+exports.default = FormatTimeText;

package/dist/components/Highlighter.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TextStyle } from 'react-native';
+type HighlighterProps = {
+    style?: TextStyle;
+    searchWord: string;
+    textToHighlight: string;
+};
+declare const _default: React.MemoExoticComponent<({ style, searchWord, textToHighlight }: HighlighterProps) => React.JSX.Element>;
+export default _default;

package/dist/components/Highlighter.js

@@ -0,0 +1,42 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const rn_ui_1 = require("@smart-link/rn-ui");
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const Highlighter = ({ style, searchWord, textToHighlight }) => {
+    const theme = (0, rn_ui_1.useTheme)();
+    // 高亮显示搜索关键字
+    return (<react_native_1.Text style={style}>
+            {textToHighlight.split(new RegExp(`(${searchWord})`, 'gi')).map((part, index) => {
+            return part.toLowerCase() === searchWord.toLowerCase() ? (<react_native_1.Text key={index} style={{
+                    color: theme.primaryColor,
+                }}>
+                        {part}
+                    </react_native_1.Text>) : (part);
+        })}
+        </react_native_1.Text>);
+};
+exports.default = (0, react_1.memo)(Highlighter);

package/dist/components/IndicatorText.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface IndicatorTextProps {
+    text: string;
+    loadingColor?: string;
+    fontSize?: number;
+    color?: string;
+    style?: object;
+}
+declare const IndicatorText: React.NamedExoticComponent<IndicatorTextProps>;
+export default IndicatorText;

package/dist/components/IndicatorText.js

@@ -0,0 +1,47 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const rn_ui_1 = require("@smart-link/rn-ui");
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const IndicatorText = (0, react_1.memo)(props => {
+    const { text, loadingColor = '#fff', fontSize = (0, rn_ui_1.dp)(18), color = '#fff', style } = props;
+    return (<react_native_1.View style={[styles.indicatorText, style]}>
+            <react_native_1.ActivityIndicator size="small" color={loadingColor} animating={true}/>
+            <react_native_1.Text numberOfLines={1} style={[styles.text, { fontSize, color }]}>
+                {text}
+            </react_native_1.Text>
+        </react_native_1.View>);
+});
+const styles = react_native_1.StyleSheet.create({
+    indicatorText: {
+        flexDirection: 'row',
+    },
+    text: {
+        maxWidth: (0, rn_ui_1.dp)(280),
+        marginLeft: (0, rn_ui_1.dp)(5),
+    },
+});
+exports.default = IndicatorText;

package/dist/components/LocalImage.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ImageStyle, StyleProp } from 'react-native';
+import { ImageResizeMode } from 'react-native/Libraries/Image/ImageResizeMode';
+declare const LocalImage: React.NamedExoticComponent<LocalImageProps>;
+export interface LocalImageProps {
+    style?: StyleProp<ImageStyle>;
+    resizeMode?: ImageResizeMode;
+    localPath: string;
+}
+export default LocalImage;

package/dist/components/LocalImage.js

@@ -0,0 +1,37 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const file_1 = require("../utils/file");
+const LocalImage = (0, react_1.memo)(props => {
+    const { style, resizeMode, localPath } = props;
+    let source = localPath;
+    if (Object.prototype.toString.call(localPath) === '[object String]') {
+        source = { uri: (0, file_1.toAbsolutePath)(localPath) };
+    }
+    return <react_native_1.Image style={style} resizeMode={resizeMode} source={source}/>;
+});
+exports.default = LocalImage;

package/dist/components/NetworkUnconnected.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const NetworkUnconnected: React.MemoExoticComponent<() => React.JSX.Element>;
+export default NetworkUnconnected;

package/dist/components/NetworkUnconnected.js

@@ -0,0 +1,55 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const rn_ui_1 = require("@smart-link/rn-ui");
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const useTranslation_1 = __importDefault(require("../hooks/useTranslation"));
+const NetworkUnconnected = (0, react_1.memo)(() => {
+    const { t } = (0, useTranslation_1.default)();
+    return (<react_native_1.View style={styles.network}>
+            <react_native_1.Text style={styles.text} numberOfLines={1}>
+                {t('checkNetwork')}
+            </react_native_1.Text>
+        </react_native_1.View>);
+});
+const styles = react_native_1.StyleSheet.create({
+    network: {
+        flexDirection: 'row',
+        paddingVertical: (0, rn_ui_1.dp)(10),
+        backgroundColor: '#feebeb',
+        justifyContent: 'center',
+    },
+    text: {
+        color: '#666',
+        lineHeight: (0, rn_ui_1.dp)(21),
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+});
+exports.default = NetworkUnconnected;

package/dist/components/PopoverWrapper.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { NativeTouchEvent } from 'react-native';
+type PopoverWrapperProps = {
+    visible: boolean;
+    showArrow: boolean;
+    fullscreen?: boolean;
+    measureTarget?: boolean;
+    nativeEvent?: NativeTouchEvent;
+    children: React.ReactNode;
+    onClose: () => void;
+};
+declare const _default: React.MemoExoticComponent<({ showArrow, measureTarget, visible, fullscreen, nativeEvent, children, onClose }: PopoverWrapperProps) => React.JSX.Element>;
+export default _default;

package/dist/components/PopoverWrapper.js

@@ -0,0 +1,78 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const popover_1 = require("@smart-link/rn-ui/dist/components/popover");
+const rn_ui_1 = require("@smart-link/rn-ui");
+const elements_1 = require("@react-navigation/elements");
+const PopoverWrapper = ({ showArrow = true, measureTarget = true, visible, fullscreen, nativeEvent, children, onClose }) => {
+    var _a, _b;
+    const { height, width } = react_native_1.Dimensions.get('window');
+    const headerHeight = (0, elements_1.useHeaderHeight)();
+    const [contentHeight, setContentHeight] = (0, react_1.useState)(0);
+    const [fromRect, setFromRect] = (0, react_1.useState)({ x: (_a = nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.pageX) !== null && _a !== void 0 ? _a : 0,
+        y: (_b = nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.pageY) !== null && _b !== void 0 ? _b : 0,
+        width: 0,
+        height: 0, });
+    const onLayout = (0, react_1.useCallback)((event) => {
+        setContentHeight(event.nativeEvent.layout.height);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (!measureTarget && (nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.pageX)) {
+            setFromRect(prev => { var _a, _b; return (Object.assign(Object.assign({}, prev), { x: (_a = nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.pageX) !== null && _a !== void 0 ? _a : 0, y: ((_b = nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.pageY) !== null && _b !== void 0 ? _b : 0) - react_native_1.StatusBar.currentHeight })); });
+        }
+        if (!measureTarget || !(nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.target))
+            return;
+        const callback = (_x, _y, width, height, x, y) => {
+            setFromRect({
+                x,
+                y,
+                width,
+                height,
+            });
+        };
+        react_native_1.NativeModules.UIManager.measure(nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.target, callback);
+    }, [visible, measureTarget, nativeEvent]);
+    const padding = (0, rn_ui_1.dp)(12);
+    const viewHeight = height - react_native_1.StatusBar.currentHeight - 46 - 48 - padding * 2;
+    return (<popover_1.PopoverBase calculateStatusBar useNativeDriver showArrow={showArrow} duration={100} contentStyle={styles.content} backgroundStyle={styles.bg} visible={visible} fromRect={fromRect} placement={fromRect.y + contentHeight > viewHeight ? 'top' : 'bottom'} displayArea={measureTarget ? {
+            x: padding,
+            y: headerHeight,
+            width: width - padding * 2,
+            height: height - react_native_1.StatusBar.currentHeight - 46 - headerHeight - padding * 2,
+        } : undefined} onClose={onClose}>
+            <react_native_1.View onLayout={onLayout}>{children}</react_native_1.View>
+        </popover_1.PopoverBase>);
+};
+const styles = react_native_1.StyleSheet.create({
+    bg: {
+        backgroundColor: 'transparent',
+    },
+    content: {
+        borderRadius: (0, rn_ui_1.dp)(6),
+    },
+});
+exports.default = (0, react_1.memo)(PopoverWrapper);

package/dist/components/VideoPlayer.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+declare const VideoPlayer: React.MemoExoticComponent<() => React.JSX.Element | null>;
+export interface PlayBarProps {
+    paused: boolean;
+    currentTime: number;
+    duration: number;
+    onPause: () => void;
+    onResume: () => void;
+    onPressSeek: (value: number) => void;
+    onMoveSeek: (value: number) => void;
+    onReleaseSeek: (value: number) => void;
+}
+export default VideoPlayer;