decord/alpha/source/modules/quests/native/QuestOrbsRewardModal.native.tsx

// Module ID: 10960
// Function ID: 10961
// Name: QuestOrbsRewardModal
// Dependencies: [32, 5, 19, 17, 4834, 1372, 1980, 5942, 21, 5048, 10960, 1981, 4845, 576, 8486, 6129, 6178, 1115, 6085, 8459, 1365, 10961, 10962, 10963, 504, 8503, 1094, 10899, 10964, 10883, 5945, 10965, 6730, 4841, 5465, 2]
// Exports: default, openQuestOrbsRewardModal

// Module 10960 (QuestOrbsRewardModal)
import nativeDefault from "native" /* 576 */;
import utils_PlatformUtils from "utils/PlatformUtils" /* 1365 */;
import ModalActionCreatorsDefault from "ModalActionCreators" /* 5048 */;
import FastImageDefault from "FastImage" /* 6085 */;
import XSmallIcon from "XSmallIcon" /* 6178 */;
import APNGPlayer from "APNGPlayer" /* 8459 */;
import OrbsIcon from "OrbsIcon" /* 8486 */;
import _modDef10961 from "module_10961" /* 10961 */;
import _modDef10962 from "module_10962" /* 10962 */;
import _modDef10963 from "module_10963" /* 10963 */;
import _slicedToArray from "module_32" /* 32 */;
import asyncGeneratorStep from "asyncGeneratorStep" /* 5 */;
import noop from "module_19" /* 19 */;
import AccessibilityStore from "AccessibilityStore" /* 4834 */;
import UserStore from "UserStore" /* 1372 */;
import AppStateStore from "AppStateStore" /* 1980 */;

const require = globalThis.__r;

require = fn;
function OrbsBalance(balance) {
  const tmp = closure_19();
  const obj = { children: null };
  const items = [map1(OrbsIcon.OrbsIcon, { size: "xs", color: nativeDefault.colors.WHITE, style: tmp.orbsIcon }), map1(React6, { style: tmp.spacer }), balance.balance];
  obj.children = items;
  return __initData(closure_1_14, obj);
}
function CancelButton() {
  const tmp = closure_17();
  _require = tmp;
  let obj = {
    onPress() {
      ModalActionCreatorsDefault.popWithKey(QuestOrbsRewardModal);
    },
    backImage() {
      const obj = { size: "lg", style: null };
      const items = [closeButtonIcon.closeButtonIcon];
      obj.style = items;
      return map1(XSmallIcon.XSmallIcon, obj);
    },
    accessibilityLabel: null,
    displayMode: "minimal",
    style: null
  };
  const intl = require("util").intl;
  obj.accessibilityLabel = intl.string(require("util").t.cpT0Cq);
  obj.style = tmp.closeButton;
  return closure_13(require("module_6129").HeaderBackButton, obj);
}
function StaticOrb() {
  const obj = { style: { width: "100%", height: "100%" }, children: null };
  const obj2 = { source: null, style: null, fade: false };
  const obj3 = { uri: null };
  const tmp = closure_25();
  obj3.uri = _modDef10961;
  obj2.source = obj3;
  obj2.style = tmp.animatedOrb;
  obj.children = map1(FastImageDefault, obj2);
  return map1(React6, obj);
}
function AnimatedOrbContainer(isAppActive) {
  isAppActive = isAppActive.isAppActive;
  first = undefined;
  closure_1 = undefined;
  first1 = undefined;
  closure_3 = undefined;
  c4 = undefined;
  const tmp = closure_25();
  [first, closure_1] = noop.useState(false);
  [first1, closure_3] = noop.useState(false);
  [tmp7, c4] = noop.useState(true);
  const callback = noop.useCallback(() => {
    closure_1(true);
  }, []);
  const items = [first, first1];
  const callback1 = noop.useCallback(() => {
    closure_3(true);
  }, []);
  const effect = noop.useEffect(() => {
    if (timeout) {
      if (first1) {
        const _setTimeout = setTimeout;
        timeout = setTimeout(() => {
          closure_1_4(false);
        }, 1450);
        return () => clearTimeout(closure_0);
      }
    }
  }, items);
  const obj = { style: { width: "100%", height: "100%" }, children: null };
  let tmp13 = !first;
  if (!first) {
    tmp13 = !first1;
  }
  if (tmp13) {
    const obj2 = { style: { height: "100%" } };
    tmp13 = map1(tmp12, obj2);
  }
  const items1 = [tmp13, , ];
  const obj3 = { uri: _modDef10962, style: null, onLoad: null, animate: null };
  const items2 = [tmp.animatedOrb, ];
  let obj4 = tmp15Result;
  if (!tmp15Result) {
    obj4 = !first1;
  }
  if (obj4) {
    obj4 = { opacity: 0 };
  }
  items2[1] = obj4;
  obj3.style = items2;
  obj3.onLoad = callback1;
  let tmp19 = !tmp15Result;
  if (!tmp15Result) {
    tmp19 = isAppActive;
  }
  obj3.animate = tmp19;
  items1[1] = map1(closure_24, obj3);
  if (tmp15Result) {
    const obj5 = { uri: _modDef10963, style: null, onLoad: null, animate: null };
    const items3 = [tmp.animatedOrb];
    obj5.style = items3;
    obj5.onLoad = callback;
    obj5.animate = isAppActive;
    tmp15Result = tmp15(tmp16, obj5);
  }
  items1[2] = tmp15Result;
  obj.children = items1;
  return __initData(React6, obj);
}
get_ActivityIndicator = fn(17);
({ ActivityIndicator: metroRequire, StyleSheet: closure_7, View: closure_8 } = get_ActivityIndicator);
const RewardFilterTypes = fn(5942).RewardFilterTypes;
const jsxProd = fn(21);
({ jsx: map1, Fragment: closure_14, jsxs: closure_15 } = jsxProd);
const QuestOrbsRewardModal = "QuestOrbsRewardModal";
let createStyles = fn(4845);
let obj = { closeButton: { alignSelf: "flex-start", marginHorizontal: nativeDefault.space.PX_16, zIndex: 999 }, closeButtonIcon: null };
let obj3 = { alignSelf: "flex-start", marginHorizontal: nativeDefault.space.PX_16, zIndex: 999 };
obj.closeButtonIcon = { tintColor: nativeDefault.colors.WHITE };
let closure_17 = createStyles.createStyles(obj);
createStyles = fn(4845);
let closure_18 = createStyles.createStyles(() => {
  const obj = { root: { flex: 1, backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOW }, background: React5.absoluteFillObject, loading: null, header: null, main: null, animation: null, body: null, title: null, buttonsContainer: null };
  const obj2 = { flex: 1, backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOW };
  const merged = Object.assign(React5.absoluteFillObject);
  obj.loading = { justifyContent: "center", alignItems: "center", backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOW };
  obj.header = { flexDirection: "row", alignItems: "flex-end", justifyContent: "flex-end" };
  obj.main = { flex: 2 };
  obj.animation = { flex: 3 };
  const obj3 = { justifyContent: "center", alignItems: "center", backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOW };
  obj.body = { flex: 2, flexDirection: "column", justifyContent: "center", gap: nativeDefault.space.PX_16 };
  const obj4 = { flex: 2, flexDirection: "column", justifyContent: "center", gap: nativeDefault.space.PX_16 };
  obj.title = { textAlign: "center", marginHorizontal: nativeDefault.space.PX_32 };
  const obj5 = { textAlign: "center", marginHorizontal: nativeDefault.space.PX_32 };
  obj.buttonsContainer = { padding: nativeDefault.space.PX_24, gap: nativeDefault.space.PX_16 };
  return obj;
});
createStyles = fn(4845);
let obj5 = { orbsIcon: null, spacer: { width: 2 } };
const obj8 = { transform: null };
let items = [{ translateY: 3 }];
obj8.transform = items;
obj5.orbsIcon = obj8;
let closure_19 = createStyles.createStyles(obj5);
let closure_22 = noop.memo((onLoad) => {
  const uri = onLoad.uri;
  let flag = onLoad.animate;
  if (flag === undefined) {
    flag = true;
  }
  const items = [uri];
  const effect = noop.useEffect(() => {
    FastImageDefault.preload(uri);
  }, items);
  return closure_13(FastImageDefault, { source: { uri }, style: { width: "100%", height: "100%" }, resizeMode: "cover", enableAnimation: flag, onLoad: onLoad.onLoad, usesSmallCache: false, fade: false }, "orb-animate-" + flag);
});
let closure_23 = noop.memo((animate) => {
  let flag = animate.animate;
  ({ uri, onLoad } = animate);
  if (flag === undefined) {
    flag = true;
  }
  const ref = noop.useRef(null);
  const aPNGPlayerControls = APNGPlayer.useAPNGPlayerControls(ref);
  const items = [flag, aPNGPlayerControls];
  const effect = noop.useEffect(() => {
    if (flag) {
      obj.play();
    } else {
      obj.stop();
    }
  }, items);
  return map1(APNGPlayer.APNGPlayer, { ref, url, autoplay: false, style: { width: "100%", height: "100%" }, onLoad });
});
let closure_24 = noop.memo((animate) => {
  let flag = animate.animate;
  ({ uri, style, onLoad } = animate);
  if (flag === undefined) {
    flag = true;
  }
  return map1(React6, { style, renderToHardwareTextureAndroid: true, needsOffscreenAlphaCompositing: true, children: map1(utils_PlatformUtils.isAndroid() ? closure_23 : closure_22, { uri, onLoad, animate: flag }) });
});
createStyles = fn(4845);
let closure_25 = createStyles.createStyles({ animatedOrb: { position: "absolute", height: "130%", width: "130%", left: "-15%", top: "-15%", pointerEvents: "none" } });
const size = fn(2);
let result = size.fileFinishedImporting("modules/quests/native/QuestOrbsRewardModal.native.tsx");

export default function QuestOrbsRewardModal(quest) {
  quest = quest.quest;
  let num;
  c1 = undefined;
  let tmp = closure_18();
  let stringResult = dependencyMap;
  const items = [AccessibilityStore];
  const stateFromStores = num(504).useStateFromStores(items, () => useReducedMotion.useReducedMotion);
  let obj = num(504);
  num = num(8503).useFetchVirtualCurrencyBalance().balance;
  let obj2 = num(8503);
  [tmp6, c1] = noop.useState(false);
  const tmp5 = _slicedToArray(noop.useState(false), 2);
  const items1 = [AppStateStore];
  const stateFromStores1 = num(504).useStateFromStores(items1, () => state.getState());
  const obj4 = num(504);
  const items2 = [UserStore];
  const userStatus = quest.userStatus;
  let num2;
  const stateFromStores2 = num(504).useStateFromStores(items2, () => currentUser.getCurrentUser());
  if (userStatus != null) {
    num2 = userStatus.orbQuantityClaimed;
  }
  if (num2 == null) {
    num2 = tmp2(10899).getQuestOrbRewardQuantityForUser(quest.config, stateFromStores2);
    const tmp2Result = tmp2(10899);
  }
  const effect = obj3.useEffect(() => {
    num(10964).applyOrientationLock("PORTRAIT");
    return () => {
      const result = num(dependencyMap[28]).restoreDefaultOrientationLock();
    };
  }, []);
  const callback = obj3.useCallback(() => {
    _undefined(true);
  }, []);
  let string = obj3.useCallback(() => {
    _undefined(5048).popWithKey(QuestOrbsRewardModal);
    const obj = _undefined(5048);
    const obj2 = num(10883);
    obj2.openQuestHome({ filter: constants.VIRTUAL_CURRENCY, fromContent: num(5945).QuestContent.REWARD_MODAL });
  }, []);
  const obj6 = { style: tmp.root, children: null };
  const obj7 = { style: absoluteFill.absoluteFill, accessible: false, accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", children: closure_13(num(10965).OrbsRewardBackground, { style: tmp.background, onReady: callback }) };
  const items3 = [closure_13(closure_8, obj7), , ];
  let tmp13Result = !tmp6;
  if (!tmp6) {
    const obj9 = { style: tmp.loading, children: tmp13(closure_6, { animating: true }) };
    tmp13Result = tmp13(tmp12, obj9);
  }
  items3[1] = tmp13Result;
  if (!tmp6) {
    items3[2] = tmp6;
    obj6.children = items3;
    return tmp11(tmp12, obj6);
  } else {
    const rect = { style: null, top: true, bottom: true, left: true, right: true, children: null };
    const items4 = [tmp.main];
    rect.style = items4;
    const obj10 = { style: tmp.header, children: tmp13(CancelButton, {}) };
    const items5 = [tmp13(tmp12, obj10), , , ];
    const obj11 = { style: tmp.animation, accessible: false, accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", children: null };
    if (stateFromStores) {
      let tmp13Result2 = tmp13(StaticOrb, {});
    } else {
      const obj12 = { isAppActive: stateFromStores1 === num(1094).AppStates.ACTIVE };
      tmp13Result2 = tmp13(AnimatedOrbContainer, obj12);
    }
    obj11.children = tmp13Result2;
    items5[1] = tmp13(tmp12, obj11);
    let obj13 = { style: tmp.body, children: null };
    const obj14 = { variant: "heading-xl/bold", color: "text-overlay-light", style: tmp.title, children: null };
    let intl = tmp2(1115).intl;
    if (num2 == null) {
      num2 = 0;
    }
    const obj15 = { count: num2 };
    obj14.children = intl.format(tmp2(1115).t.FIilK5, obj15);
    let items6 = [tmp13(tmp2(4841).Heading, obj14), ];
    let obj16 = { variant: "text-md/normal", color: "text-overlay-light", style: tmp.title, children: null };
    if (num == null) {
      num = 0;
    }
    if (num >= 4100) {
      const intl3 = tmp2(1115).intl;
      const obj17 = {
        balanceHook() {
              return map1(OrbsBalance, { balance: num }, "balance");
            },
        profileDecoHook() {
              const obj = { variant: "text-md/semibold", color: "text-overlay-light", children: null };
              const intl = num(1115).intl;
              obj.children = intl.string(num(1115).t.pGDUH9);
              return closure_1_13(num(4841).Text, obj, "profileDeco");
            }
      };
      let formatResult = intl3.format(tmp2(1115).t["2dz2AL"], obj17);
    } else {
      const intl2 = tmp2(1115).intl;
      const obj18 = {
        balanceHook() {
              return map1(OrbsBalance, { balance: num }, "balance");
            }
      };
      formatResult = intl2.format(tmp2(1115).t.rKHvlX, obj18);
    }
    obj16.children = formatResult;
    items6[1] = tmp13(tmp2(4841).Text, obj16);
    obj13.children = items6;
    items5[2] = tmp11(tmp12, obj13);
    const obj19 = { style: tmp.buttonsContainer, children: null };
    items6 = tmp2(5465).Button;
    const obj20 = { onPress: string, variant: "primary", size: "lg", text: null };
    obj16 = tmp2(1115).intl;
    string = obj16.string;
    stringResult = string(tmp2(1115).t.uJAMFX);
    obj20.text = stringResult;
    tmp = tmp13(items6, obj20);
    obj19.children = tmp;
    obj13 = tmp13(tmp12, obj19);
    items5[3] = obj13;
    rect.children = items5;
    tmp11(tmp2(6730).SafeAreaPaddingView, rect);
  }
};
export const openQuestOrbsRewardModal = function openQuestOrbsRewardModal(quest) {
  ModalActionCreatorsDefault.pushLazy(asyncGeneratorStep(async () => {
    await require("asyncRequireImpl")(paths[10], paths.paths);
    return arg1.default;
  }), { quest: quest.quest }, QuestOrbsRewardModal);
};