// Module ID: 10958 // Function ID: 10959 // Name: PremiumGiftBackgroundAnimation // Dependencies: [32, 19, 17, 4628, 21, 4636, 504, 8187, 10959, 5610, 2] // Exports: default // Module 10958 (PremiumGiftBackgroundAnimation) import PremiumGiftingUtils from "PremiumGiftingUtils" /* 8187 */; import GiftAnimationData from "GiftAnimationData" /* 10959 */; import _slicedToArray from "module_32" /* 32 */; import noop from "module_19" /* 19 */; import AccessibilityStore from "AccessibilityStore" /* 4628 */; require = fn; const View = fn(17).View; const jsxProd = fn(21); ({ jsx: closure_7, jsxs: closure_8 } = jsxProd); const createStyles = fn(4636); let closure_9 = createStyles.createStyles({ container: { display: "flex", alignItems: "flex-end", justifyContent: "center", flexDirection: "row" }, consistentHeight: { height: 300 }, animation: { maxWidth: 375, width: "100%", height: "auto" }, baseAnimation: { position: "absolute", bottom: 0 }, lottie: { height: 275 } }); const size = fn(2); const result = size.fileFinishedImporting("modules/premium/native/gifting/PremiumGiftBackgroundAnimation.android.tsx"); export default function PremiumGiftBackgroundAnimation(giftStyle) { giftStyle = giftStyle.giftStyle; let consistentHeight = giftStyle.withConsistentHeight; let ref; let first; let first1; closure_9 = undefined; const tmp = closure_9(); const items = [first1]; const stateFromStores = giftStyle(ref[6]).useStateFromStores(items, () => first1.useReducedMotion); ref = first.useRef(null); const ref1 = first.useRef(null); const tmp7 = ref1(first.useState(giftStyle(ref[7]).AnimationState.ACTION), 2); first = tmp7[0]; closure_5 = tmp7[1]; const tmp9 = ref1(first.useState(undefined), 2); first1 = tmp9[0]; closure_7 = tmp9[1]; const tmp11 = ref1(first.useState(undefined), 2); const first2 = tmp11[0]; closure_9 = tmp11[1]; const tmp13 = ref1(first.useState(false), 2); const first3 = tmp13[0]; closure_11 = tmp13[1]; const items1 = [giftStyle]; const items2 = [giftStyle]; const memo = first.useMemo(() => GiftAnimationData.getGiftAnimationData(giftStyle, PremiumGiftingUtils.AnimationState.ACTION), items1); const memo1 = first.useMemo(() => GiftAnimationData.getGiftAnimationData(giftStyle, PremiumGiftingUtils.AnimationState.LOOP), items2); const obj = giftStyle(ref[6]); const lottieType = giftStyle(ref[8]).getLottieType(giftStyle); const items3 = [first2, first1, giftStyle, first]; const memo2 = first.useMemo(() => { if (first1 !== giftStyle) { closure_7(tmp); let tmp8 = first !== PremiumGiftingUtils.AnimationState.LOOP; if (tmp8) { tmp8 = null != first2; } closure_11(tmp8); closure_5(PremiumGiftingUtils.AnimationState.ACTION); } }, items3); const items4 = [first, first3]; const items5 = [first]; const callback = first.useCallback((arg0) => { if (first3) { closure_11(false); } else { if (!tmp4) { closure_9(tmp2(8187).AnimationState.ACTION); closure_5(tmp2(8187).AnimationState.LOOP); } tmp4 = first === PremiumGiftingUtils.AnimationState.LOOP || arg0; } }, items4); const effect = first.useEffect(() => { if (first === PremiumGiftingUtils.AnimationState.LOOP) { const current2 = ref.current; if (current2 != null) { current2.reset(); } } else { const current = ref1.current; if (current != null) { current.reset(); } } }, items5); const items6 = [stateFromStores]; const effect1 = first.useEffect(() => { if (stateFromStores) { const current = ref.current; if (current != null) { current.reset(); } } }, items6); const items7 = [tmp.container, ]; if (consistentHeight) { consistentHeight = tmp.consistentHeight; } const obj3 = { style: items7, children: null }; items7[1] = consistentHeight; const items8 = [, , , ]; ({ baseAnimation: arr9[0], animation: arr9[1] } = tmp); const obj2 = giftStyle(ref[8]); const tmp22 = first2; const tmp23 = closure_5; const tmp25 = stateFromStores; const tmp26 = stateFromStores(ref[9]); items8[2] = lottieType === giftStyle(ref[8]).LottieType.LOTTIE && tmp.lottie; let num = 0; if (first1 === giftStyle) { num = 0; if (first !== tmp2(tmp3[7]).AnimationState.LOOP) { num = 1; } } const tmp27 = lottieType === giftStyle(ref[8]).LottieType.LOTTIE && tmp.lottie; items8[3] = { opacity: num }; const items9 = [closure_7(tmp26, { style: items8, hardwareAccelerationAndroid: lottieType === giftStyle(ref[8]).LottieType.LOTTIE, ref, source: memo, autoPlay: !stateFromStores, onAnimationFinish: callback, loop: false }), ]; const items10 = [tmp.animation, , ]; const obj4 = { style: items8, hardwareAccelerationAndroid: lottieType === giftStyle(ref[8]).LottieType.LOTTIE, ref, source: memo, autoPlay: !stateFromStores, onAnimationFinish: callback, loop: false }; const tmp25Result = tmp25(ref[9]); items10[1] = lottieType === giftStyle(ref[8]).LottieType.LOTTIE && tmp.lottie; let num2 = 0; if (first1 === giftStyle) { num2 = 0; if (first === tmp2(tmp3[7]).AnimationState.LOOP) { num2 = 1; } } const obj5 = { style: items10, hardwareAccelerationAndroid: lottieType === giftStyle(ref[8]).LottieType.LOTTIE, ref: ref1, source: memo1, autoPlay: null, loop: true }; items10[2] = { opacity: num2 }; let tmp31 = !stateFromStores; if (!stateFromStores) { tmp31 = first === tmp2(tmp3[7]).AnimationState.LOOP; } obj5.autoPlay = tmp31; items9[1] = closure_7(tmp25Result, obj5); obj3.children = items9; return tmp22(tmp23, obj3); };