108 lines
3.8 KiB
TypeScript
108 lines
3.8 KiB
TypeScript
// Module ID: 10348
|
|
// Function ID: 10349
|
|
// Name: AnimatedImage
|
|
// Dependencies: [32, 19, 17, 4669, 21, 4668, 712, 589, 9254, 501, 7737, 5454, 4739, 2]
|
|
// Exports: default
|
|
|
|
// Module 10348 (AnimatedImage)
|
|
import ThemesDefault from "Themes" /* 712 */;
|
|
import Text from "Text" /* 4739 */;
|
|
import closure_3 from "_slicedToArray" /* 32 */;
|
|
import closure_4 from "noop" /* 19 */;
|
|
import { View } from "get ActivityIndicator" /* 17 */;
|
|
import closure_6 from "maybeApplyNoTextColorForLightCustomTheme" /* 4669 */;
|
|
import jsxProd from "jsxProd" /* 21 */;
|
|
import createCacheKey from "createCacheKey" /* 4668 */;
|
|
|
|
require = arg1;
|
|
function AnimatedImage(arg0) {
|
|
({ imageUrl, style, shouldAnimate } = arg0);
|
|
if (shouldAnimate === undefined) {
|
|
shouldAnimate = true;
|
|
}
|
|
let stateFromStores;
|
|
let aPNGPlayerControls;
|
|
let first;
|
|
let React;
|
|
let obj = shouldAnimate(aPNGPlayerControls[7]);
|
|
const items = [closure_6];
|
|
stateFromStores = obj.useStateFromStores(items, () => useReducedMotion.useReducedMotion);
|
|
let num = null;
|
|
const ref = React.useRef(null);
|
|
aPNGPlayerControls = shouldAnimate(aPNGPlayerControls[8]).useAPNGPlayerControls(ref);
|
|
const tmp6 = first(React.useState(false), 2);
|
|
first = tmp6[0];
|
|
React = tmp6[1];
|
|
const items1 = [shouldAnimate, aPNGPlayerControls, stateFromStores];
|
|
const effect = React.useEffect(() => {
|
|
let isAndroidResult = shouldAnimate(aPNGPlayerControls[9]).isAndroid();
|
|
if (isAndroidResult) {
|
|
isAndroidResult = !stateFromStores;
|
|
}
|
|
if (isAndroidResult) {
|
|
if (shouldAnimate) {
|
|
aPNGPlayerControls.seek(0);
|
|
callback(true);
|
|
} else {
|
|
callback(false);
|
|
aPNGPlayerControls.stop();
|
|
}
|
|
}
|
|
}, items1);
|
|
const obj2 = shouldAnimate(aPNGPlayerControls[8]);
|
|
const tmp9 = stateFromStores;
|
|
if (first) {
|
|
num = 100;
|
|
}
|
|
stateFromStores(aPNGPlayerControls[10])(() => {
|
|
if (first) {
|
|
aPNGPlayerControls.play();
|
|
}
|
|
}, num);
|
|
const tmp10 = stateFromStores(aPNGPlayerControls[10]);
|
|
if (tmpResult.isAndroid()) {
|
|
if (!stateFromStores) {
|
|
obj = { ref: null, url: null, autoplay: false, style: null };
|
|
obj[0] = ref;
|
|
obj[1] = imageUrl;
|
|
obj[3] = style;
|
|
let tmp13 = callback(tmp(tmp2[8]).APNGPlayer, obj);
|
|
}
|
|
return tmp13;
|
|
}
|
|
tmp13 = callback(tmp9(tmp2[11]), { style, resizeMode: "contain", source: { uri: imageUrl } });
|
|
}
|
|
({ jsx: error, jsxs: closure_8 } = jsxProd);
|
|
let closure_9 = createCacheKey.createStyles(() => {
|
|
let obj = { container: null, image: null, textContainer: null };
|
|
obj = { flexDirection: "row", alignItems: "center", gap: ThemesDefault.space.PX_12 };
|
|
obj[0] = obj;
|
|
obj = { width: ThemesDefault.space.PX_40, height: ThemesDefault.space.PX_40, borderRadius: ThemesDefault.radii.xs };
|
|
obj[1] = obj;
|
|
obj[2] = { flex: 1 };
|
|
return obj;
|
|
});
|
|
const result = require("set").fileFinishedImporting("modules/premium/native/components/PremiumGiftPromotionDetails.tsx");
|
|
|
|
export default function PremiumGiftPromotionDetails(imageUrl) {
|
|
imageUrl = imageUrl.imageUrl;
|
|
({ style, title, subtitle, shouldAnimate } = imageUrl);
|
|
const tmp = callback2();
|
|
let obj = { style: items, children: null };
|
|
items = [tmp.container, style];
|
|
let tmp4 = null != imageUrl;
|
|
if (tmp4) {
|
|
obj = { style: null, imageUrl: null, shouldAnimate: null };
|
|
obj[0] = tmp.image;
|
|
obj[1] = imageUrl;
|
|
obj[2] = shouldAnimate;
|
|
tmp4 = callback(AnimatedImage, obj);
|
|
}
|
|
const items1 = [tmp4, ];
|
|
obj = { style: tmp.textContainer, children: null };
|
|
const items2 = [callback(Text.Text, { variant: "text-md/bold", color: "text-default", children: title }), callback(Text.Text, { variant: "text-sm/medium", color: "text-default", children: subtitle })];
|
|
obj[1] = items2;
|
|
items1[1] = closure_8(View, obj);
|
|
obj[1] = items1;
|
|
return closure_8(View, obj);
|
|
};
|