128 lines
6.8 KiB
TypeScript
128 lines
6.8 KiB
TypeScript
// Module ID: 14170
|
|
// Function ID: 14171
|
|
// Name: BountiesRecapOrbsBackground
|
|
// Dependencies: [19, 17, 4247, 21, 712, 4255, 500, 9275, 14171, 8764, 14172, 1581, 589, 14173, 4251, 1236, 9297, 4665, 2]
|
|
// Exports: BountiesScrollRecapPage
|
|
|
|
// Module 14170 (BountiesRecapOrbsBackground)
|
|
import "noop";
|
|
import get_ActivityIndicator from "Button";
|
|
import maybeApplyNoTextColorForLightCustomTheme from "maybeApplyNoTextColorForLightCustomTheme";
|
|
import jsxProd from "jsxProd";
|
|
import createCacheKey from "createCacheKey";
|
|
|
|
let c3;
|
|
let c4;
|
|
let closure_6;
|
|
let error;
|
|
const require = arg1;
|
|
function BountiesRecapOrbsBackground(arg0) {
|
|
let reducedMotion;
|
|
let style;
|
|
({ style, reducedMotion } = arg0);
|
|
let obj = require(500) /* set */;
|
|
if (obj.isAndroid()) {
|
|
obj = { style: null, needsOffscreenAlphaCompositing: true, renderToHardwareTextureAndroid: true, pointerEvents: "none", children: null };
|
|
obj[0] = style;
|
|
obj = { url: null, style: null, autoplay: null };
|
|
obj[0] = importDefault(14171);
|
|
obj[1] = closure_3.absoluteFillObject;
|
|
obj[2] = !reducedMotion;
|
|
obj[4] = tmp3(tmp(9275).APNGPlayer, obj);
|
|
let tmp3Result = tmp3(closure_4, obj);
|
|
} else {
|
|
const obj1 = { source: null, style: null, resizeMode: "contain", paused: null, disableFocus: true, preventsDisplaySleepDuringVideoPlayback: false, importantForAccessibility: "no-hide-descendants" };
|
|
const obj2 = { uri: null };
|
|
obj2[0] = importDefault(14172);
|
|
obj1[0] = obj2;
|
|
obj1[1] = style;
|
|
obj1[3] = reducedMotion;
|
|
tmp3Result = tmp3(tmp(8764).VideoComponent, obj1);
|
|
}
|
|
return tmp3Result;
|
|
}
|
|
({ StyleSheet: c3, View: c4 } = get_ActivityIndicator);
|
|
({ jsx: closure_6, jsxs: error } = jsxProd);
|
|
const lg = require("Themes").radii.lg;
|
|
let closure_9 = createCacheKey.createStyles(() => {
|
|
let obj = { root: null, content: null, centeredCopy: null, orbsBackground: null, headerLabel: null, titleRow: null, actions: null, orbAmount: null };
|
|
obj = { overflow: "hidden", borderRadius: lg, backgroundColor: importDefault(712).colors.MOBILE_ACTIONSHEET_BACKGROUND };
|
|
obj[0] = obj;
|
|
obj = { flex: 1, paddingHorizontal: importDefault(712).space.PX_24, justifyContent: "center", alignItems: "center" };
|
|
obj[1] = obj;
|
|
obj[2] = { alignItems: "center", width: "100%" };
|
|
obj[3] = { position: "absolute", top: 0, left: 0, right: 0, height: "40%", zIndex: 1 };
|
|
obj[4] = { paddingBottom: importDefault(712).space.PX_4, textTransform: "uppercase" };
|
|
const obj1 = { paddingBottom: importDefault(712).space.PX_4, textTransform: "uppercase" };
|
|
obj[5] = { flexDirection: "row", alignItems: "center", justifyContent: "center", paddingBottom: importDefault(712).space.PX_24, gap: importDefault(712).space.PX_8 };
|
|
const obj2 = { flexDirection: "row", alignItems: "center", justifyContent: "center", paddingBottom: importDefault(712).space.PX_24, gap: importDefault(712).space.PX_8 };
|
|
obj[6] = { position: "absolute", left: importDefault(712).space.PX_24, right: importDefault(712).space.PX_24, gap: importDefault(712).space.PX_12 };
|
|
const obj3 = { position: "absolute", left: importDefault(712).space.PX_24, right: importDefault(712).space.PX_24, gap: importDefault(712).space.PX_12 };
|
|
let num = 0;
|
|
if (obj7.isIOS()) {
|
|
num = 6;
|
|
}
|
|
obj[7] = { marginTop: num, lineHeight: 46 };
|
|
return obj;
|
|
});
|
|
const result = require("maybeApplyNoTextColorForLightCustomTheme").fileFinishedImporting("modules/quests/native/BountiesModal/BountiesScrollRecapPage.tsx");
|
|
|
|
export const BountiesScrollRecapPage = function BountiesScrollRecapPage(orbAmount) {
|
|
let onClose;
|
|
let style;
|
|
orbAmount = orbAmount.orbAmount;
|
|
({ onClose, style } = orbAmount);
|
|
const tmp = callback3();
|
|
let obj = require(589) /* initialize */;
|
|
const items = [maybeApplyNoTextColorForLightCustomTheme];
|
|
const stateFromStores = obj.useStateFromStores(items, () => useReducedMotion.useReducedMotion);
|
|
obj = { style: items1, pointerEvents: "box-none", children: null };
|
|
items1 = [tmp.root, style];
|
|
obj = { style: closure_3.absoluteFillObject, pointerEvents: "none", children: null };
|
|
const obj1 = { source: null, style: null, resizeMode: "cover", paused: null, disableFocus: true, preventsDisplaySleepDuringVideoPlayback: false, importantForAccessibility: "no-hide-descendants" };
|
|
const obj2 = { uri: null };
|
|
obj2[0] = importDefault(14173);
|
|
obj1[0] = obj2;
|
|
obj1[1] = closure_3.absoluteFillObject;
|
|
obj1[3] = stateFromStores;
|
|
const items2 = [callback(require(8764) /* VideoComponent */.VideoComponent, obj1), callback(BountiesRecapOrbsBackground, { style: tmp.orbsBackground, reducedMotion: stateFromStores })];
|
|
obj[2] = items2;
|
|
const items3 = [callback2(closure_4, obj), ];
|
|
const obj4 = { style: tmp.content, pointerEvents: "box-none", children: null };
|
|
const obj5 = { style: tmp.centeredCopy, pointerEvents: "none", children: null };
|
|
const obj6 = { variant: "text-xs/bold", color: "text-brand", style: tmp.headerLabel, children: null };
|
|
const intl = require(1236) /* getSystemLocale */.intl;
|
|
obj6[3] = intl.string(require(1236) /* getSystemLocale */.t.d6Rrn6);
|
|
const items4 = [callback(require(4251) /* Text */.Text, obj6), , ];
|
|
const obj7 = { accessible: true, accessibilityRole: "text", accessibilityLabel: "+" + orbAmount, children: null };
|
|
const obj8 = { style: tmp.titleRow, children: null };
|
|
const items5 = [callback(require(9297) /* OrbsIcon */.OrbsIcon, { size: "lg", color: "icon-strong", accessible: false }), ];
|
|
const obj9 = { variant: "display-lg", color: "text-strong", accessible: false, style: tmp.orbAmount, children: null };
|
|
obj9[4] = "+" + orbAmount;
|
|
items5[1] = callback(require(4251) /* Text */.Text, obj9);
|
|
obj8[1] = items5;
|
|
obj7[3] = callback2(closure_4, obj8);
|
|
items4[1] = callback(closure_4, obj7);
|
|
const obj10 = { variant: "text-md/medium", color: "text-muted", style: { textAlign: "center" }, children: null };
|
|
const intl2 = require(1236) /* getSystemLocale */.intl;
|
|
obj10[3] = intl2.string(require(1236) /* getSystemLocale */.t.x0Ffz3);
|
|
items4[2] = callback(require(4251) /* Text */.Text, obj10);
|
|
obj5[2] = items4;
|
|
const items6 = [callback2(closure_4, obj5), ];
|
|
const obj11 = { style: null, children: null };
|
|
const items7 = [tmp.actions, ];
|
|
const obj3 = { style: tmp.orbsBackground, reducedMotion: stateFromStores };
|
|
const tmp2 = importDefault(1581)();
|
|
items7[1] = { bottom: importDefault(1581)().bottom + importDefault(712).space.PX_8 };
|
|
obj11[0] = items7;
|
|
const obj13 = { grow: true, variant: "primary", text: null, size: "lg", onPress: null };
|
|
const intl3 = require(1236) /* getSystemLocale */.intl;
|
|
obj13[2] = intl3.string(require(1236) /* getSystemLocale */.t.i4jeWR);
|
|
obj13[4] = onClose;
|
|
obj11[1] = callback(require(4665) /* Button */.Button, obj13);
|
|
items6[1] = callback(closure_4, obj11);
|
|
obj4[2] = items6;
|
|
items3[1] = callback2(closure_4, obj4);
|
|
obj[2] = items3;
|
|
return callback2(closure_4, obj);
|
|
};
|