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

// Module ID: 11337
// Function ID: 11338
// Name: OrbsBalance
// Dependencies: [32, 5, 19, 17, 4372, 1922, 7019, 5268, 21, 4611, 11337, 2009, 4380, 712, 9554, 5383, 5432, 1236, 5374, 9533, 501, 11338, 9017, 11339, 11340, 11341, 11342, 589, 9568, 691, 10547, 11343, 11326, 5271, 5434, 4376, 4815, 2]
// Exports: default, openQuestOrbsRewardModal

// Module 11337 (OrbsBalance)
import PlatformTypes from "PlatformTypes" /* 501 */;
import ThemesDefault from "Themes" /* 712 */;
import _modDef4611 from "module_4611" /* 4611 */;
import preloadDefault from "preload" /* 5374 */;
import VideoComponent from "VideoComponent" /* 9017 */;
import OrbsIcon from "OrbsIcon" /* 9554 */;
import metadataDefault from "metadata" /* 11338 */;
import metadataDefault2 from "metadata" /* 11339 */;
import metadataDefault3 from "metadata" /* 11340 */;
import closure_3 from "_slicedToArray" /* 32 */;
import closure_4 from "asyncGeneratorStep" /* 5 */;
import importAllResult from "noop" /* 19 */;
import get_ActivityIndicator from "get ActivityIndicator" /* 17 */;
import closure_9 from "maybeApplyNoTextColorForLightCustomTheme" /* 4372 */;
import closure_10 from "mergeGuildAvatar" /* 1922 */;
import closure_11 from "getState" /* 7019 */;
import { RewardFilterTypes } from "QuestsExperimentLocations" /* 5268 */;
import jsxProd from "jsxProd" /* 21 */;
import createCacheKey from "createCacheKey" /* 4380 */;

require = arg1;
function OrbsBalance(balance) {
  const tmp = callback7();
  let obj = { children: null };
  obj = { size: "xs", color: ThemesDefault.colors.WHITE, style: tmp.orbsIcon };
  const items = [callback3(OrbsIcon.OrbsIcon, obj), , ];
  obj = { style: tmp.spacer };
  items[1] = callback3(closure_8, obj);
  items[2] = balance.balance;
  obj[0] = items;
  return callback4(closure_14, obj);
}
function CancelButton() {
  const tmp = callback5();
  const _require = tmp;
  const obj = {
    onPress() {
      callback(table[9]).popWithKey(closure_16);
    },
    backImage() {
      const style = [lib.closeButtonIcon];
      return closure_1_13(lib(closure_1_2[16]).XSmallIcon, { size: "lg", style });
    },
    accessibilityLabel: null,
    displayMode: "minimal",
    style: null
  };
  const intl = _require(1236).intl;
  obj[2] = intl.string(_require(1236).t.cpT0Cq);
  obj[4] = tmp.closeButton;
  return callback3(_require(5383).HeaderBackButton, obj);
}
function StaticOrb() {
  let obj = { style: { width: "100%", height: "100%" }, children: null };
  obj = { source: null, style: null, fade: false };
  obj = { uri: null };
  const tmp = callback8();
  obj[0] = metadataDefault3;
  obj[0] = obj;
  obj[1] = tmp.animatedOrb;
  obj[1] = callback3(preloadDefault, obj);
  return callback3(closure_8, obj);
}
function AnimatedOrbContainer(isAppActive) {
  isAppActive = isAppActive.isAppActive;
  let first;
  importDefault = undefined;
  let first1;
  let callback;
  c4 = undefined;
  const tmp = callback8();
  const tmp2 = callback(importAllResult.useState(false), 2);
  first = tmp2[0];
  importDefault = tmp2[1];
  const tmp4 = callback(importAllResult.useState(false), 2);
  first1 = tmp4[0];
  callback = tmp4[1];
  [tmp7, c4] = callback(importAllResult.useState(true), 2);
  callback = importAllResult.useCallback(() => {
    callback(true);
  }, []);
  const items = [first, first1];
  const callback1 = importAllResult.useCallback(() => {
    callback2(true);
  }, []);
  const effect = importAllResult.useEffect(() => {
    if (timeout) {
      if (first1) {
        const _setTimeout = setTimeout;
        timeout = setTimeout(() => {
          callback(false);
        }, 1450);
        return () => clearTimeout(closure_0);
      }
    }
  }, items);
  let obj = { style: { width: "100%", height: "100%" }, children: null };
  let tmp13 = !first;
  if (!first) {
    tmp13 = !first1;
  }
  if (tmp13) {
    obj = { style: null };
    obj[0] = { height: "100%" };
    tmp13 = callback3(tmp12, obj);
  }
  const items1 = [tmp13, , ];
  obj = { uri: importDefault(first1[25]), style: null, onLoad: null, animate: null };
  const items2 = [tmp.animatedOrb, ];
  obj1 = tmp15Result;
  if (!tmp15Result) {
    obj1 = !first1;
  }
  if (obj1) {
    obj1 = { opacity: 0 };
  }
  items2[1] = obj1;
  obj[1] = items2;
  obj[2] = callback1;
  let tmp19 = !tmp15Result;
  if (!tmp15Result) {
    tmp19 = isAppActive;
  }
  obj[3] = tmp19;
  items1[1] = callback3(closure_24, obj);
  if (tmp15Result) {
    const obj2 = { uri: null, style: null, onLoad: null, animate: null };
    obj2[0] = importDefault(first1[26]);
    const items3 = [tmp.animatedOrb];
    obj2[1] = items3;
    obj2[2] = callback;
    obj2[3] = isAppActive;
    tmp15Result = tmp15(tmp16, obj2);
  }
  items1[2] = tmp15Result;
  obj[1] = items1;
  return closure_15(closure_8, obj);
}
let c5 = importAllResult;
({ ActivityIndicator: closure_6, StyleSheet: error, View: closure_8 } = get_ActivityIndicator);
({ jsx: map1, Fragment: closure_14, jsxs: closure_15 } = jsxProd);
const QuestOrbsRewardModal = "QuestOrbsRewardModal";
let obj = { closeButton: null, closeButtonIcon: null };
obj = { alignSelf: "flex-start", marginHorizontal: ThemesDefault.space.PX_16, zIndex: 999 };
obj[0] = obj;
createCacheKey = { tintColor: ThemesDefault.colors.WHITE };
obj[1] = createCacheKey;
let closure_17 = createCacheKey.createStyles(obj);
let closure_18 = createCacheKey.createStyles(() => {
  let obj = { root: null, background: null, loading: null, header: null, main: null, animation: null, body: null, title: null, buttonsContainer: null };
  obj = { flex: 1, backgroundColor: ThemesDefault.colors.BACKGROUND_BASE_LOW };
  obj[0] = obj;
  obj[1] = closure_7.absoluteFillObject;
  obj = { justifyContent: "center", alignItems: "center", backgroundColor: ThemesDefault.colors.BACKGROUND_BASE_LOW };
  const merged = Object.assign(closure_7.absoluteFillObject);
  obj[2] = obj;
  obj[3] = { flexDirection: "row", alignItems: "flex-end", justifyContent: "flex-end" };
  obj[4] = { flex: 2 };
  obj[5] = { flex: 3 };
  obj[6] = { flex: 2, flexDirection: "column", justifyContent: "center", gap: ThemesDefault.space.PX_16 };
  obj1 = { flex: 2, flexDirection: "column", justifyContent: "center", gap: ThemesDefault.space.PX_16 };
  obj[7] = { textAlign: "center", marginHorizontal: ThemesDefault.space.PX_32 };
  const obj2 = { textAlign: "center", marginHorizontal: ThemesDefault.space.PX_32 };
  obj[8] = { padding: ThemesDefault.space.PX_24, gap: ThemesDefault.space.PX_16 };
  return obj;
});
let items = [{ translateY: 3 }];
let closure_19 = createCacheKey.createStyles({ orbsIcon: { transform: items }, spacer: { width: 2 } });
let closure_22 = importAllResult.memo((onLoad) => {
  const uri = onLoad.uri;
  let enableAnimation = onLoad.animate;
  if (enableAnimation === undefined) {
    enableAnimation = true;
  }
  const items = [uri];
  const effect = importAllResult.useEffect(() => {
    closure_1_1(closure_1_2[18]).preload(uri);
  }, items);
  return callback3(preloadDefault, { source: { uri }, style: { width: "100%", height: "100%" }, resizeMode: "cover", enableAnimation, onLoad: onLoad.onLoad, usesSmallCache: false, fade: false }, "orb-animate-" + enableAnimation);
});
let closure_23 = importAllResult.memo((animate) => {
  let flag = animate.animate;
  ({ uri, onLoad } = animate);
  if (flag === undefined) {
    flag = true;
  }
  let aPNGPlayerControls;
  const ref = importAllResult.useRef(null);
  aPNGPlayerControls = flag(9533).useAPNGPlayerControls(ref);
  const items = [flag, aPNGPlayerControls];
  const effect = importAllResult.useEffect(() => {
    if (flag) {
      obj.play();
    } else {
      obj.stop();
    }
  }, items);
  return callback3(flag(9533).APNGPlayer, { ref, url, autoplay: false, style: { width: "100%", height: "100%" }, onLoad });
});
let closure_24 = importAllResult.memo((animate) => {
  let flag = animate.animate;
  ({ uri, style, onLoad } = animate);
  if (flag === undefined) {
    flag = true;
  }
  let obj = PlatformTypes;
  obj = { style, renderToHardwareTextureAndroid: true, needsOffscreenAlphaCompositing: true, children: callback3(obj.isAndroid() ? closure_23 : closure_22, { uri, onLoad, animate: flag }) };
  return callback3(closure_8, obj);
});
let closure_25 = importAllResult.memo((arg0) => {
  ({ useReducedMotion, style } = arg0);
  ({ onStaticBgLoad, onAnimatedBgLoad, isAppActive } = arg0);
  let obj = { source: null, style: null, resizeMode: "cover", onLoad: null };
  obj = { uri: metadataDefault };
  obj[0] = obj;
  obj[1] = style;
  obj[3] = onStaticBgLoad;
  const children = [callback3(preloadDefault, obj), ];
  let tmp2Result = !useReducedMotion;
  if (!useReducedMotion) {
    tmp2Result = isAppActive;
  }
  if (tmp2Result) {
    obj = { source: null, style: null, resizeMode: "cover", onLoad: null, disableFocus: true, playInBackground: true, preventsDisplaySleepDuringVideoPlayback: false };
    obj1 = { uri: null };
    obj1[0] = metadataDefault2;
    obj[0] = obj1;
    obj[1] = style;
    obj[3] = onAnimatedBgLoad;
    tmp2Result = callback3(VideoComponent.VideoComponent, obj);
  }
  children[1] = tmp2Result;
  return closure_15(importAllResult.Fragment, { children });
});
let closure_26 = createCacheKey.createStyles({ animatedOrb: { position: "absolute", height: "130%", width: "130%", left: "-15%", top: "-15%", pointerEvents: "none" } });
let result = require("set").fileFinishedImporting("modules/quests/native/QuestOrbsRewardModal.native.tsx");

export default function QuestOrbsRewardModal(quest) {
  quest = quest.quest;
  let num;
  c1 = undefined;
  dependencyMap = undefined;
  let tmp = callback6();
  let stringResult = dependencyMap;
  let obj = num(589);
  const items = [closure_9];
  const stateFromStores = obj.useStateFromStores(items, () => useReducedMotion.useReducedMotion);
  obj1 = num(9568);
  num = obj1.useFetchVirtualCurrencyBalance().balance;
  let obj2 = importAllResult;
  [tmp6, c1] = callback(importAllResult.useState(false), 2);
  const tmp5 = callback(importAllResult.useState(false), 2);
  [tmp8, c2] = callback(importAllResult.useState(false), 2);
  let obj3 = num(589);
  const items1 = [closure_11];
  const stateFromStores1 = obj3.useStateFromStores(items1, () => state.getState());
  let obj4 = num(589);
  const items2 = [closure_10];
  const userStatus = quest.userStatus;
  let num2;
  const stateFromStores2 = obj4.useStateFromStores(items2, () => currentUser.getCurrentUser());
  if (userStatus != null) {
    num2 = userStatus.orbQuantityClaimed;
  }
  if (num2 == null) {
    num2 = tmp2(10547).getQuestOrbRewardQuantityForUser(quest.config, stateFromStores2);
    const tmp2Result = tmp2(10547);
  }
  const tmp11 = stateFromStores1 === num(691).AppStates.ACTIVE;
  const effect = obj2.useEffect(() => {
    num(_undefined2[31]).applyOrientationLock("PORTRAIT");
    return () => {
      const result = callback(table[31]).restoreDefaultOrientationLock();
    };
  }, []);
  callback = obj2.useCallback(() => {
    _undefined(true);
  }, []);
  const callback1 = obj2.useCallback(() => {
    _undefined2(true);
  }, []);
  let string = obj2.useCallback(() => {
    let obj = _undefined(_undefined2[9]);
    obj.popWithKey(closure_16);
    obj = { filter: constants.VIRTUAL_CURRENCY, fromContent: num(_undefined2[33]).QuestContent.REWARD_MODAL };
    num(_undefined2[32]).openQuestHome(obj);
  }, []);
  obj = { style: tmp.root, children: null };
  obj = { style: closure_7.absoluteFill, accessible: false, accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", children: callback3(closure_25, obj1) };
  obj1 = { useReducedMotion: stateFromStores, style: tmp.background, onStaticBgLoad: callback, onAnimatedBgLoad: callback1, isAppActive: tmp11 };
  const items3 = [callback3(closure_8, obj), , ];
  let tmp17Result = !tmp6;
  if (!tmp6) {
    let tmp19 = stateFromStores;
    if (!stateFromStores) {
      tmp19 = !tmp8;
    }
    tmp17Result = tmp19;
  }
  if (tmp17Result) {
    obj2 = { style: null, children: null };
    obj2[0] = tmp.loading;
    obj2[1] = tmp17(closure_6, { animating: true });
    tmp17Result = tmp17(tmp16, obj2);
  }
  items3[1] = tmp17Result;
  if (!tmp6) {
    let tmp21 = !stateFromStores;
    if (!stateFromStores) {
      tmp21 = tmp8;
    }
  }
  if (!tmp6) {
    items3[2] = tmp6;
    obj[1] = items3;
    return tmp15(tmp16, obj);
  } else {
    obj3 = { style: null, top: true, bottom: true, left: true, right: true, children: null };
    const items4 = [tmp.main];
    obj3[0] = items4;
    obj4 = { style: null, children: null };
    obj4[0] = tmp.header;
    obj4[1] = tmp17(CancelButton, {});
    const items5 = [tmp17(tmp16, obj4), , , ];
    const obj5 = { style: null, accessible: false, accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", children: null };
    obj5[0] = tmp.animation;
    if (stateFromStores) {
      tmp17Result = tmp17(StaticOrb, {});
    } else {
      const obj6 = { isAppActive: null };
      obj6[0] = tmp11;
      tmp17Result = tmp17(AnimatedOrbContainer, obj6);
    }
    obj5[4] = tmp17Result;
    items5[1] = tmp17(tmp16, obj5);
    let obj7 = { style: null, children: null };
    obj7[0] = tmp.body;
    const obj8 = { variant: "heading-xl/bold", color: "text-overlay-light", style: null, children: null };
    obj8[2] = tmp.title;
    let intl = tmp2(1236).intl;
    if (num2 == null) {
      num2 = 0;
    }
    const obj9 = { count: null };
    obj9[0] = num2;
    obj8[3] = intl.format(tmp2(1236).t.FIilK5, obj9);
    let items6 = [tmp17(tmp2(4376).Heading, obj8), ];
    let obj10 = { variant: "text-md/normal", color: "text-overlay-light", style: null, children: null };
    obj10[2] = tmp.title;
    if (num == null) {
      num = 0;
    }
    if (num >= 4100) {
      const intl3 = tmp2(1236).intl;
      const obj11 = { balanceHook: null, profileDecoHook: null };
      obj11[0] = function balanceHook() {
        return closure_1_13(closure_1_20, { balance: num }, "balance");
      };
      obj11[1] = function profileDecoHook() {
        const obj = { variant: "text-md/semibold", color: "text-overlay-light", children: null };
        const intl = num(_undefined2[17]).intl;
        obj[2] = intl.string(num(_undefined2[17]).t.pGDUH9);
        return callback(num(_undefined2[35]).Text, obj, "profileDeco");
      };
      let formatResult = intl3.format(tmp2(1236).t["2dz2AL"], obj11);
    } else {
      const intl2 = tmp2(1236).intl;
      const obj12 = { balanceHook: null };
      obj12[0] = function balanceHook() {
        return closure_1_13(closure_1_20, { balance: num }, "balance");
      };
      formatResult = intl2.format(tmp2(1236).t.rKHvlX, obj12);
    }
    obj10[3] = formatResult;
    items6[1] = tmp17(tmp2(4376).Text, obj10);
    obj7[1] = items6;
    items5[2] = tmp15(tmp16, obj7);
    const obj13 = { style: null, children: null };
    obj13[0] = tmp.buttonsContainer;
    items6 = tmp2(4815).Button;
    const obj14 = { onPress: null, variant: "primary", size: "lg", text: null };
    obj14[0] = string;
    obj10 = tmp2(1236).intl;
    string = obj10.string;
    stringResult = string(tmp2(1236).t.uJAMFX);
    obj14[3] = stringResult;
    tmp = tmp17(items6, obj14);
    obj13[1] = tmp;
    obj7 = tmp17(tmp16, obj13);
    items5[3] = obj7;
    obj3[5] = items5;
    tmp15(tmp2(5434).SafeAreaPaddingView, obj3);
  }
};
export const openQuestOrbsRewardModal = function openQuestOrbsRewardModal(quest) {
  _modDef4611.pushLazy(callback2(function*() {
    yield v0(closure_1_2[11])(closure_1_2[10], closure_1_2.paths);
    return arg1.default;
  }), { quest: quest.quest }, QuestOrbsRewardModal);
};