@amityco/react-native-social-uikit 4.0.0-03e2bf8.0

package/lib/commonjs/components/LoadingImage/index.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var Progress = _interopRequireWildcard(require("react-native-progress"));
+var _reactNativeSvg = require("react-native-svg");
+var _fileProvider = require("../../providers/file-provider");
+var _svgXmlList = require("../../svg/svg-xml-list");
+var _styles = require("./styles");
+var _reactNativePaper = require("react-native-paper");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const LoadingImage = ({
+  source,
+  onClose,
+  index,
+  onLoadFinish,
+  isUploaded = false,
+  fileId = '',
+  isEditMode = false
+}) => {
+  const theme = (0, _reactNativePaper.useTheme)();
+  const [loading, setLoading] = (0, _react.useState)(true);
+  const [progress, setProgress] = (0, _react.useState)(0);
+  const [isProcess, setIsProcess] = (0, _react.useState)(false);
+  const styles = (0, _styles.createStyles)();
+  const handleLoadEnd = () => {
+    setLoading(false);
+  };
+  (0, _react.useEffect)(() => {
+    if (progress === 100) {
+      setIsProcess(true);
+    }
+  }, [progress]);
+  const uploadFileToAmity = (0, _react.useCallback)(async () => {
+    const file = await (0, _fileProvider.uploadImageFile)(source, percent => {
+      setProgress(percent);
+    });
+    if (file) {
+      var _file$, _file$2, _file$3;
+      setIsProcess(false);
+      handleLoadEnd();
+      onLoadFinish && onLoadFinish((_file$ = file[0]) === null || _file$ === void 0 ? void 0 : _file$.fileId, ((_file$2 = file[0]) === null || _file$2 === void 0 ? void 0 : _file$2.fileUrl) + '?size=medium', (_file$3 = file[0]) === null || _file$3 === void 0 ? void 0 : _file$3.attributes.name, index, source);
+    }
+  }, [index, onLoadFinish, source]);
+  const handleDelete = async () => {
+    if (fileId) {
+      onClose && onClose(source);
+      if (!isEditMode) {
+        await (0, _fileProvider.deleteAmityFile)(fileId);
+      }
+    }
+  };
+  (0, _react.useEffect)(() => {
+    if (isUploaded) {
+      setLoading(false);
+    } else {
+      uploadFileToAmity();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isUploaded, source]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    source: {
+      uri: source
+    },
+    style: [styles.image, loading ? styles.loadingImage : styles.loadedImage]
+  }), loading && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.overlay
+  }, isProcess ? /*#__PURE__*/_react.default.createElement(Progress.CircleSnail, {
+    size: 60,
+    borderColor: "transparent"
+  }) : /*#__PURE__*/_react.default.createElement(Progress.Circle, {
+    progress: progress / 100,
+    size: 60,
+    borderColor: "transparent",
+    unfilledColor: "#ffffff"
+  })), !loading && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: styles.closeButton,
+    onPress: handleDelete
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.SvgXml, {
+    xml: (0, _svgXmlList.closeIcon)(theme.colors.base),
+    width: "12",
+    height: "12"
+  })));
+};
+var _default = exports.default = LoadingImage;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/LoadingImage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","Progress","_reactNativeSvg","_fileProvider","_svgXmlList","_styles","_reactNativePaper","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LoadingImage","source","onClose","index","onLoadFinish","isUploaded","fileId","isEditMode","theme","useTheme","loading","setLoading","useState","progress","setProgress","isProcess","setIsProcess","styles","createStyles","handleLoadEnd","useEffect","uploadFileToAmity","useCallback","file","uploadImageFile","percent","_file$","_file$2","_file$3","fileUrl","attributes","name","handleDelete","deleteAmityFile","createElement","View","style","container","Image","uri","image","loadingImage","loadedImage","overlay","CircleSnail","size","borderColor","Circle","unfilledColor","TouchableOpacity","closeButton","onPress","SvgXml","xml","closeIcon","colors","base","width","height","_default","exports"],"sourceRoot":"../../../../src","sources":["components/LoadingImage/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/LoadingImage/styles.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createStyles = void 0;
+var _reactNative = require("react-native");
+const createStyles = () => {
+  return _reactNative.StyleSheet.create({
+    container: {
+      flex: 1,
+      position: 'relative',
+      maxWidth: _reactNative.Dimensions.get('window').height / 4,
+      height: _reactNative.Dimensions.get('window').height / 5,
+      margin: 3
+    },
+    image: {
+      flex: 1,
+      width: '100%',
+      height: '100%',
+      resizeMode: 'cover',
+      borderRadius: 5
+    },
+    overlay: {
+      ..._reactNative.StyleSheet.absoluteFillObject,
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    progressBar: {
+      marginVertical: 10
+    },
+    loadingImage: {
+      opacity: 0.5
+    },
+    loadedImage: {
+      opacity: 1
+    },
+    closeButton: {
+      position: 'absolute',
+      top: 7,
+      right: 7,
+      padding: 7,
+      backgroundColor: 'rgba(255, 255, 255, 0.4)',
+      borderRadius: 72
+    }
+  });
+};
+exports.createStyles = createStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/LoadingImage/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","createStyles","StyleSheet","create","container","flex","position","maxWidth","Dimensions","get","height","margin","image","width","resizeMode","borderRadius","overlay","absoluteFillObject","justifyContent","alignItems","progressBar","marginVertical","loadingImage","opacity","loadedImage","closeButton","top","right","padding","backgroundColor","exports"],"sourceRoot":"../../../../src","sources":["components/LoadingImage/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAChC,OAAOC,uBAAU,CAACC,MAAM,CAAC;IACvBC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,UAAU;MACpBC,QAAQ,EAAEC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAACC,MAAM,GAAG,CAAC;MAC7CA,MAAM,EAAEF,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAACC,MAAM,GAAG,CAAC;MAC3CC,MAAM,EAAE;IACV,CAAC;IACDC,KAAK,EAAE;MACLP,IAAI,EAAE,CAAC;MACPQ,KAAK,EAAE,MAAM;MACbH,MAAM,EAAE,MAAM;MACdI,UAAU,EAAE,OAAO;MACnBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACP,GAAGd,uBAAU,CAACe,kBAAkB;MAChCC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,WAAW,EAAE;MACXC,cAAc,EAAE;IAClB,CAAC;IACDC,YAAY,EAAE;MACZC,OAAO,EAAE;IACX,CAAC;IACDC,WAAW,EAAE;MACXD,OAAO,EAAE;IACX,CAAC;IACDE,WAAW,EAAE;MACXnB,QAAQ,EAAE,UAAU;MACpBoB,GAAG,EAAE,CAAC;MACNC,KAAK,EAAE,CAAC;MACRC,OAAO,EAAE,CAAC;MACVC,eAAe,EAAE,0BAA0B;MAC3Cd,YAAY,EAAE;IAChB;EACF,CAAC,CAAC;AACJ,CAAC;AAACe,OAAA,CAAA7B,YAAA,GAAAA,YAAA","ignoreList":[]}

package/lib/commonjs/components/LoadingIndicator/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = LoadingIndicator;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _styles = require("./styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function LoadingIndicator({
+  propStyle,
+  size = 20,
+  color = 'gray'
+}) {
+  let style = _styles.styles.container;
+  if (propStyle !== undefined) {
+    style = [_styles.styles.container, propStyle];
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: style
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
+    size: size,
+    color: color
+  }));
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/LoadingIndicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styles","e","__esModule","default","LoadingIndicator","propStyle","size","color","style","styles","container","undefined","createElement","View","ActivityIndicator"],"sourceRoot":"../../../../src","sources":["components/LoadingIndicator/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,OAAA,GAAAF,OAAA;AAAkC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnB,SAASG,gBAAgBA,CAAC;EACvCC,SAAS;EACTC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG;AAKV,CAAC,EAAE;EACD,IAAIC,KAA2B,GAAGC,cAAM,CAACC,SAAS;EAClD,IAAIL,SAAS,KAAKM,SAAS,EAAE;IAC3BH,KAAK,GAAG,CAACC,cAAM,CAACC,SAAS,EAAEL,SAAS,CAAC;EACvC;EACA,oBACET,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACb,YAAA,CAAAc,IAAI;IAACL,KAAK,EAAEA;EAAM,gBACjBZ,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACb,YAAA,CAAAe,iBAAiB;IAACR,IAAI,EAAEA,IAAK;IAACC,KAAK,EAAEA;EAAM,CAAE,CAC1C,CAAC;AAEX","ignoreList":[]}

package/lib/commonjs/components/LoadingIndicator/styles.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.styles = void 0;
+var _reactNative = require("react-native");
+const styles = exports.styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/LoadingIndicator/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","styles","exports","StyleSheet","create","container","flex","justifyContent","alignItems"],"sourceRoot":"../../../../src","sources":["components/LoadingIndicator/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAGE,uBAAU,CAACC,MAAM,CAAC;EACtCC,SAAS,EAAE;IACTC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/LoadingOverlay/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoadingOverlay = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _styles = require("./styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const LoadingOverlay = ({
+  isLoading,
+  loadingText
+}) => {
+  if (!isLoading) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _styles.styles.overlay
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _styles.styles.indicatorContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
+    size: "large",
+    color: "#fff"
+  }), loadingText && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _styles.styles.loadingText
+  }, loadingText)));
+};
+exports.LoadingOverlay = LoadingOverlay;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/LoadingOverlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styles","e","__esModule","default","LoadingOverlay","isLoading","loadingText","createElement","View","style","styles","overlay","indicatorContainer","ActivityIndicator","size","color","Text","exports"],"sourceRoot":"../../../../src","sources":["components/LoadingOverlay/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAAkC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAO3B,MAAMG,cAA6C,GAAGA,CAAC;EAC5DC,SAAS;EACTC;AACF,CAAC,KAAK;EACJ,IAAI,CAACD,SAAS,EAAE;IACd,OAAO,IAAI;EACb;EAEA,oBACET,MAAA,CAAAO,OAAA,CAAAI,aAAA,CAACR,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,cAAM,CAACC;EAAQ,gBAC1Bf,MAAA,CAAAO,OAAA,CAAAI,aAAA,CAACR,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,cAAM,CAACE;EAAmB,gBACrChB,MAAA,CAAAO,OAAA,CAAAI,aAAA,CAACR,YAAA,CAAAc,iBAAiB;IAACC,IAAI,EAAC,OAAO;IAACC,KAAK,EAAC;EAAM,CAAE,CAAC,EAC9CT,WAAW,iBAAIV,MAAA,CAAAO,OAAA,CAAAI,aAAA,CAACR,YAAA,CAAAiB,IAAI;IAACP,KAAK,EAAEC,cAAM,CAACJ;EAAY,GAAEA,WAAkB,CAChE,CACF,CAAC;AAEX,CAAC;AAACW,OAAA,CAAAb,cAAA,GAAAA,cAAA","ignoreList":[]}

package/lib/commonjs/components/LoadingOverlay/styles.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.styles = void 0;
+var _reactNative = require("react-native");
+const styles = exports.styles = _reactNative.StyleSheet.create({
+  overlay: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    backgroundColor: 'transparent',
+    zIndex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  indicatorContainer: {
+    backgroundColor: 'rgba(0,0,0,0.7)',
+    padding: 20,
+    borderRadius: 8,
+    alignItems: 'center'
+  },
+  loadingText: {
+    marginTop: 10,
+    fontSize: 16,
+    fontWeight: '600',
+    color: '#fff'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/LoadingOverlay/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","styles","exports","StyleSheet","create","overlay","absoluteFillObject","backgroundColor","zIndex","alignItems","justifyContent","indicatorContainer","padding","borderRadius","loadingText","marginTop","fontSize","fontWeight","color"],"sourceRoot":"../../../../src","sources":["components/LoadingOverlay/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAGE,uBAAU,CAACC,MAAM,CAAC;EACtCC,OAAO,EAAE;IACP,GAAGF,uBAAU,CAACG,kBAAkB;IAChCC,eAAe,EAAE,aAAa;IAC9BC,MAAM,EAAE,CAAC;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,kBAAkB,EAAE;IAClBJ,eAAe,EAAE,iBAAiB;IAClCK,OAAO,EAAE,EAAE;IACXC,YAAY,EAAE,CAAC;IACfJ,UAAU,EAAE;EACd,CAAC;EACDK,WAAW,EAAE;IACXC,SAAS,EAAE,EAAE;IACbC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/LoadingVideo/index.js

@@ -0,0 +1,147 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var Progress = _interopRequireWildcard(require("react-native-progress"));
+var _reactNativeSvg = require("react-native-svg");
+var _fileProvider = require("../../providers/file-provider");
+var _svgXmlList = require("../../svg/svg-xml-list");
+var _styles = require("./styles");
+var _reactNativeVideo = _interopRequireDefault(require("react-native-video"));
+var _native = require("@react-navigation/native");
+var _reactNativePaper = require("react-native-paper");
+var _reactNativeCompressor = require("react-native-compressor");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/* eslint-disable react-hooks/exhaustive-deps */
+
+const LoadingVideo = ({
+  source,
+  onClose,
+  index,
+  onLoadFinish,
+  isUploaded = false,
+  thumbNail,
+  onPlay,
+  fileId,
+  isEditMode = false
+}) => {
+  const theme = (0, _reactNativePaper.useTheme)();
+  const [loading, setLoading] = (0, _react.useState)(true);
+  const [progress, setProgress] = (0, _react.useState)(0);
+  const [isProcess, setIsProcess] = (0, _react.useState)(false);
+  const [thumbNailImage, setThumbNailImage] = (0, _react.useState)(thumbNail ?? '');
+  const styles = (0, _styles.createStyles)();
+  const [playingUri, setPlayingUri] = (0, _react.useState)('');
+  const [isPause, setIsPause] = (0, _react.useState)(true);
+  const navigation = (0, _native.useNavigation)();
+  const playVideoFullScreen = fileUrl => {
+    if (_reactNative.Platform.OS === 'ios') {
+      setPlayingUri(fileUrl);
+    } else {
+      setIsPause(true);
+      navigation.navigate('VideoPlayer', {
+        source: source
+      });
+    }
+  };
+  const onClosePlayer = () => {
+    setIsPause(true);
+    setPlayingUri('');
+  };
+  const handleLoadEnd = () => {
+    setLoading(false);
+  };
+  const processThumbNail = async () => {
+    const thumbNail = await (0, _reactNativeCompressor.createVideoThumbnail)(source);
+    setThumbNailImage(thumbNail.path);
+  };
+  (0, _react.useEffect)(() => {
+    processThumbNail();
+  }, [thumbNail]);
+  (0, _react.useEffect)(() => {
+    if (progress === 100) {
+      setIsProcess(true);
+    }
+  }, [progress]);
+  const uploadFileToAmity = (0, _react.useCallback)(async () => {
+    const file = await (0, _fileProvider.uploadVideoFile)(source, percent => {
+      setProgress(percent);
+    });
+    if (file) {
+      var _file$, _file$2, _file$3;
+      setIsProcess(false);
+      handleLoadEnd();
+      onLoadFinish && onLoadFinish((_file$ = file[0]) === null || _file$ === void 0 ? void 0 : _file$.fileId, (_file$2 = file[0]) === null || _file$2 === void 0 ? void 0 : _file$2.fileUrl, (_file$3 = file[0]) === null || _file$3 === void 0 ? void 0 : _file$3.attributes.name, index, source, thumbNail);
+    }
+  }, [source]);
+  const handleDelete = async () => {
+    if (fileId) {
+      if (!isEditMode) {
+        await (0, _fileProvider.deleteAmityFile)(fileId);
+      }
+      onClose && onClose(source, fileId);
+    }
+  };
+  (0, _react.useEffect)(() => {
+    if (isUploaded) {
+      setLoading(false);
+    } else {
+      uploadFileToAmity();
+    }
+  }, [fileId, isUploaded, source]);
+  const handleOnPlay = () => {
+    setIsPause(!isPause);
+    playVideoFullScreen(source);
+    onPlay && onPlay(source);
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, !loading && isPause && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: styles.playButton,
+    onPress: handleOnPlay
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.SvgXml, {
+    xml: _svgXmlList.playBtn,
+    width: "50",
+    height: "50"
+  })), playingUri && !isPause ? /*#__PURE__*/_react.default.createElement(_reactNativeVideo.default, {
+    controls: true,
+    style: styles.image,
+    source: {
+      uri: playingUri
+    },
+    onFullscreenPlayerWillDismiss: onClosePlayer,
+    paused: isPause
+  }) : thumbNailImage ? /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    resizeMode: "cover",
+    source: {
+      uri: thumbNailImage
+    },
+    style: [styles.image, loading ? styles.loadingImage : styles.loadedImage]
+  }) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.image
+  }), loading ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.overlay
+  }, isProcess ? /*#__PURE__*/_react.default.createElement(Progress.CircleSnail, {
+    size: 60,
+    borderColor: "transparent"
+  }) : /*#__PURE__*/_react.default.createElement(Progress.Circle, {
+    progress: progress / 100,
+    size: 60,
+    borderColor: "transparent",
+    unfilledColor: "#ffffff"
+  })) : /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: styles.closeButton,
+    onPress: handleDelete
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.SvgXml, {
+    xml: (0, _svgXmlList.closeIcon)(theme.colors.base),
+    width: "12",
+    height: "12"
+  })));
+};
+var _default = exports.default = LoadingVideo;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/LoadingVideo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","Progress","_reactNativeSvg","_fileProvider","_svgXmlList","_styles","_reactNativeVideo","_interopRequireDefault","_native","_reactNativePaper","_reactNativeCompressor","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LoadingVideo","source","onClose","index","onLoadFinish","isUploaded","thumbNail","onPlay","fileId","isEditMode","theme","useTheme","loading","setLoading","useState","progress","setProgress","isProcess","setIsProcess","thumbNailImage","setThumbNailImage","styles","createStyles","playingUri","setPlayingUri","isPause","setIsPause","navigation","useNavigation","playVideoFullScreen","fileUrl","Platform","OS","navigate","onClosePlayer","handleLoadEnd","processThumbNail","createVideoThumbnail","path","useEffect","uploadFileToAmity","useCallback","file","uploadVideoFile","percent","_file$","_file$2","_file$3","attributes","name","handleDelete","deleteAmityFile","handleOnPlay","createElement","View","style","container","TouchableOpacity","playButton","onPress","SvgXml","xml","playBtn","width","height","controls","image","uri","onFullscreenPlayerWillDismiss","paused","Image","resizeMode","loadingImage","loadedImage","overlay","CircleSnail","size","borderColor","Circle","unfilledColor","closeButton","closeIcon","colors","base","_default","exports"],"sourceRoot":"../../../../src","sources":["components/LoadingVideo/index.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,QAAA,GAAAH,uBAAA,CAAAC,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAIA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAC,sBAAA,CAAAR,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AAEA,IAAAU,iBAAA,GAAAV,OAAA;AAEA,IAAAW,sBAAA,GAAAX,OAAA;AAA+D,SAAAQ,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAb,wBAAAa,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAjB,uBAAA,YAAAA,CAAAa,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAtB/D;;AA0CA,MAAMgB,YAAY,GAAGA,CAAC;EACpBC,MAAM;EACNC,OAAO;EACPC,KAAK;EACLC,YAAY;EACZC,UAAU,GAAG,KAAK;EAClBC,SAAS;EACTC,MAAM;EACNC,MAAM;EACNC,UAAU,GAAG;AACI,CAAC,KAAK;EACvB,MAAMC,KAAK,GAAG,IAAAC,0BAAQ,EAAC,CAAe;EACtC,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAI,CAAC;EAC5C,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAF,eAAQ,EAAC,CAAC,CAAC;EAC3C,MAAM,CAACG,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAJ,eAAQ,EAAU,KAAK,CAAC;EAC1D,MAAM,CAACK,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAN,eAAQ,EAACR,SAAS,IAAI,EAAE,CAAC;EACrE,MAAMe,MAAM,GAAG,IAAAC,oBAAY,EAAC,CAAC;EAC7B,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAV,eAAQ,EAAS,EAAE,CAAC;EACxD,MAAM,CAACW,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAZ,eAAQ,EAAU,IAAI,CAAC;EACrD,MAAMa,UAAU,GAAG,IAAAC,qBAAa,EAAiC,CAAC;EAElE,MAAMC,mBAAmB,GAAIC,OAAe,IAAK;IAC/C,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;MACzBR,aAAa,CAACM,OAAO,CAAC;IACxB,CAAC,MAAM;MACLJ,UAAU,CAAC,IAAI,CAAC;MAChBC,UAAU,CAACM,QAAQ,CAAC,aAAa,EAAE;QAAEhC,MAAM,EAAEA;MAAO,CAAC,CAAC;IACxD;EACF,CAAC;EACD,MAAMiC,aAAa,GAAGA,CAAA,KAAM;IAC1BR,UAAU,CAAC,IAAI,CAAC;IAChBF,aAAa,CAAC,EAAE,CAAC;EACnB,CAAC;EAED,MAAMW,aAAa,GAAGA,CAAA,KAAM;IAC1BtB,UAAU,CAAC,KAAK,CAAC;EACnB,CAAC;EAED,MAAMuB,gBAAgB,GAAG,MAAAA,CAAA,KAAY;IACnC,MAAM9B,SAAS,GAAG,MAAM,IAAA+B,2CAAoB,EAACpC,MAAM,CAAC;IACpDmB,iBAAiB,CAACd,SAAS,CAACgC,IAAI,CAAC;EACnC,CAAC;EACD,IAAAC,gBAAS,EAAC,MAAM;IACdH,gBAAgB,CAAC,CAAC;EACpB,CAAC,EAAE,CAAC9B,SAAS,CAAC,CAAC;EAEf,IAAAiC,gBAAS,EAAC,MAAM;IACd,IAAIxB,QAAQ,KAAK,GAAG,EAAE;MACpBG,YAAY,CAAC,IAAI,CAAC;IACpB;EACF,CAAC,EAAE,CAACH,QAAQ,CAAC,CAAC;EAEd,MAAMyB,iBAAiB,GAAG,IAAAC,kBAAW,EAAC,YAAY;IAChD,MAAMC,IAAuB,GAAG,MAAM,IAAAC,6BAAe,EACnD1C,MAAM,EACL2C,OAAe,IAAK;MACnB5B,WAAW,CAAC4B,OAAO,CAAC;IACtB,CACF,CAAC;IACD,IAAIF,IAAI,EAAE;MAAA,IAAAG,MAAA,EAAAC,OAAA,EAAAC,OAAA;MACR7B,YAAY,CAAC,KAAK,CAAC;MACnBiB,aAAa,CAAC,CAAC;MACf/B,YAAY,IACVA,YAAY,EAAAyC,MAAA,GACVH,IAAI,CAAC,CAAC,CAAC,cAAAG,MAAA,uBAAPA,MAAA,CAASrC,MAAM,GAAAsC,OAAA,GACfJ,IAAI,CAAC,CAAC,CAAC,cAAAI,OAAA,uBAAPA,OAAA,CAAShB,OAAO,GAAAiB,OAAA,GAChBL,IAAI,CAAC,CAAC,CAAC,cAAAK,OAAA,uBAAPA,OAAA,CAASC,UAAU,CAACC,IAAI,EACxB9C,KAAK,EACLF,MAAM,EACNK,SACF,CAAC;IACL;EACF,CAAC,EAAE,CAACL,MAAM,CAAC,CAAC;EAEZ,MAAMiD,YAAY,GAAG,MAAAA,CAAA,KAAY;IAC/B,IAAI1C,MAAM,EAAE;MACV,IAAI,CAACC,UAAU,EAAE;QACf,MAAM,IAAA0C,6BAAe,EAAC3C,MAAgB,CAAC;MACzC;MAEAN,OAAO,IAAIA,OAAO,CAACD,MAAM,EAAEO,MAAM,CAAC;IACpC;EACF,CAAC;EACD,IAAA+B,gBAAS,EAAC,MAAM;IACd,IAAIlC,UAAU,EAAE;MACdQ,UAAU,CAAC,KAAK,CAAC;IACnB,CAAC,MAAM;MACL2B,iBAAiB,CAAC,CAAC;IACrB;EACF,CAAC,EAAE,CAAChC,MAAM,EAAEH,UAAU,EAAEJ,MAAM,CAAC,CAAC;EAEhC,MAAMmD,YAAY,GAAGA,CAAA,KAAM;IACzB1B,UAAU,CAAC,CAACD,OAAO,CAAC;IACpBI,mBAAmB,CAAC5B,MAAM,CAAC;IAC3BM,MAAM,IAAIA,MAAM,CAACN,MAAM,CAAC;EAC1B,CAAC;EAED,oBACElC,MAAA,CAAAgB,OAAA,CAAAsE,aAAA,CAACnF,YAAA,CAAAoF,IAAI;IAACC,KAAK,EAAElC,MAAM,CAACmC;EAAU,GAC3B,CAAC5C,OAAO,IAAIa,OAAO,iBAClB1D,MAAA,CAAAgB,OAAA,CAAAsE,aAAA,CAACnF,YAAA,CAAAuF,gBAAgB;IAACF,KAAK,EAAElC,MAAM,CAACqC,UAAW;IAACC,OAAO,EAAEP;EAAa,gBAChErF,MAAA,CAAAgB,OAAA,CAAAsE,aAAA,CAACjF,eAAA,CAAAwF,MAAM;IAACC,GAAG,EAAEC,mBAAQ;IAACC,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC;EAAI,CAAE,CAC9B,CACnB,EACAzC,UAAU,IAAI,CAACE,OAAO,gBACrB1D,MAAA,CAAAgB,OAAA,CAAAsE,aAAA,CAAC7E,iBAAA,CAAAO,OAAK;IACJkF,QAAQ;IACRV,KAAK,EAAElC,MAAM,CAAC6C,KAAM;IACpBjE,MAAM,EAAE;MAAEkE,GAAG,EAAE5C;IAAW,CAAE;IAC5B6C,6BAA6B,EAAElC,aAAc;IAC7CmC,MAAM,EAAE5C;EAAQ,CACjB,CAAC,GACAN,cAAc,gBAChBpD,MAAA,CAAAgB,OAAA,CAAAsE,aAAA,CAACnF,YAAA,CAAAoG,KAAK;IACJC,UAAU,EAAC,OAAO;IAClBtE,MAAM,EAAE;MAAEkE,GAAG,EAAEhD;IAAe,CAAE;IAChCoC,KAAK,EAAE,CACLlC,MAAM,CAAC6C,KAAK,EACZtD,OAAO,GACFS,MAAM,CAACmD,YAAY,GACnBnD,MAAM,CAACoD,WAA0B;EACtC,CACH,CAAC,gBAEF1G,MAAA,CAAAgB,OAAA,CAAAsE,aAAA,CAACnF,YAAA,CAAAoF,IAAI;IAACC,KAAK,EAAElC,MAAM,CAAC6C;EAAM,CAAE,CAC7B,EAEAtD,OAAO,gBACN7C,MAAA,CAAAgB,OAAA,CAAAsE,aAAA,CAACnF,YAAA,CAAAoF,IAAI;IAACC,KAAK,EAAElC,MAAM,CAACqD;EAAQ,GACzBzD,SAAS,gBACRlD,MAAA,CAAAgB,OAAA,CAAAsE,aAAA,CAAClF,QAAQ,CAACwG,WAAW;IAACC,IAAI,EAAE,EAAG;IAACC,WAAW,EAAC;EAAa,CAAE,CAAC,gBAE5D9G,MAAA,CAAAgB,OAAA,CAAAsE,aAAA,CAAClF,QAAQ,CAAC2G,MAAM;IACd/D,QAAQ,EAAEA,QAAQ,GAAG,GAAI;IACzB6D,IAAI,EAAE,EAAG;IACTC,WAAW,EAAC,aAAa;IACzBE,aAAa,EAAC;EAAS,CACxB,CAEC,CAAC,gBAEPhH,MAAA,CAAAgB,OAAA,CAAAsE,aAAA,CAACnF,YAAA,CAAAuF,gBAAgB;IAACF,KAAK,EAAElC,MAAM,CAAC2D,WAAY;IAACrB,OAAO,EAAET;EAAa,gBACjEnF,MAAA,CAAAgB,OAAA,CAAAsE,aAAA,CAACjF,eAAA,CAAAwF,MAAM;IAACC,GAAG,EAAE,IAAAoB,qBAAS,EAACvE,KAAK,CAACwE,MAAM,CAACC,IAAI,CAAE;IAACpB,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC;EAAI,CAAE,CACnD,CAEhB,CAAC;AAEX,CAAC;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAtG,OAAA,GACaiB,YAAY","ignoreList":[]}

package/lib/commonjs/components/LoadingVideo/styles.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createStyles = void 0;
+var _reactNative = require("react-native");
+const {
+  height,
+  width
+} = _reactNative.Dimensions.get('window');
+const createStyles = () => {
+  return _reactNative.StyleSheet.create({
+    container: {
+      flex: 1,
+      width: '100%',
+      minWidth: width * 0.25,
+      height: height / 6,
+      margin: 3
+    },
+    image: {
+      flex: 1,
+      width: '100%',
+      height: '100%',
+      resizeMode: 'cover',
+      borderRadius: 5,
+      backgroundColor: '#bcbcbc'
+    },
+    thumbnail: {
+      flex: 1,
+      width: width,
+      height: height,
+      borderRadius: 5
+    },
+    overlay: {
+      position: 'absolute',
+      top: '50%',
+      left: '50%',
+      transform: [{
+        translateX: -25
+      }, {
+        translateY: -25
+      }]
+    },
+    progressBar: {
+      marginVertical: 10
+    },
+    loadingImage: {
+      opacity: 0.5
+    },
+    loadedImage: {
+      opacity: 1
+    },
+    closeButton: {
+      position: 'absolute',
+      top: 7,
+      right: 7,
+      padding: 7,
+      backgroundColor: 'rgba(255, 255, 255, 0.4)',
+      borderRadius: 72
+    },
+    playButton: {
+      width: 100,
+      height: 100,
+      borderRadius: 50,
+      position: 'absolute',
+      top: '50%',
+      left: '50%',
+      transform: [{
+        translateX: -25
+      }, {
+        translateY: -25
+      }],
+      zIndex: 1
+    }
+  });
+};
+exports.createStyles = createStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/LoadingVideo/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","height","width","Dimensions","get","createStyles","StyleSheet","create","container","flex","minWidth","margin","image","resizeMode","borderRadius","backgroundColor","thumbnail","overlay","position","top","left","transform","translateX","translateY","progressBar","marginVertical","loadingImage","opacity","loadedImage","closeButton","right","padding","playButton","zIndex","exports"],"sourceRoot":"../../../../src","sources":["components/LoadingVideo/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,MAAM;EAAEC,MAAM;EAAEC;AAAM,CAAC,GAAGC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC;AAE3C,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAChC,OAAOC,uBAAU,CAACC,MAAM,CAAC;IACvBC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPP,KAAK,EAAE,MAAM;MACbQ,QAAQ,EAAER,KAAK,GAAG,IAAI;MACtBD,MAAM,EAAEA,MAAM,GAAG,CAAC;MAClBU,MAAM,EAAE;IACV,CAAC;IACDC,KAAK,EAAE;MACLH,IAAI,EAAE,CAAC;MACPP,KAAK,EAAE,MAAM;MACbD,MAAM,EAAE,MAAM;MACdY,UAAU,EAAE,OAAO;MACnBC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAE;IACnB,CAAC;IACDC,SAAS,EAAE;MACTP,IAAI,EAAE,CAAC;MACPP,KAAK,EAAEA,KAAK;MACZD,MAAM,EAAEA,MAAM;MACda,YAAY,EAAE;IAChB,CAAC;IACDG,OAAO,EAAE;MACPC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,KAAK;MACXC,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAE,CAAC;MAAG,CAAC,EAAE;QAAEC,UAAU,EAAE,CAAC;MAAG,CAAC;IACtD,CAAC;IACDC,WAAW,EAAE;MACXC,cAAc,EAAE;IAClB,CAAC;IACDC,YAAY,EAAE;MACZC,OAAO,EAAE;IACX,CAAC;IACDC,WAAW,EAAE;MACXD,OAAO,EAAE;IACX,CAAC;IACDE,WAAW,EAAE;MACXX,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNW,KAAK,EAAE,CAAC;MACRC,OAAO,EAAE,CAAC;MACVhB,eAAe,EAAE,0BAA0B;MAC3CD,YAAY,EAAE;IAChB,CAAC;IACDkB,UAAU,EAAE;MACV9B,KAAK,EAAE,GAAG;MACVD,MAAM,EAAE,GAAG;MACXa,YAAY,EAAE,EAAE;MAChBI,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,KAAK;MACXC,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAE,CAAC;MAAG,CAAC,EAAE;QAAEC,UAAU,EAAE,CAAC;MAAG,CAAC,CAAC;MACrDU,MAAM,EAAE;IACV;EACF,CAAC,CAAC;AACJ,CAAC;AAACC,OAAA,CAAA7B,YAAA,GAAAA,YAAA","ignoreList":[]}