369 lines
14 KiB
TypeScript
369 lines
14 KiB
TypeScript
// Module ID: 14522
|
|
// Function ID: 14523
|
|
// Name: ChangeLogScreen
|
|
// Dependencies: [19, 17, 676, 1930, 21, 4193, 712, 3905, 698, 8119, 14523, 5145, 8146, 1236, 4721, 8344, 9642, 1297, 7870, 1474, 7871, 1481, 5147, 3775, 7872, 4189, 4399, 5574, 2]
|
|
// Exports: default
|
|
|
|
// Module 14522 (ChangeLogScreen)
|
|
import importAllResult from "useWindowDimensions";
|
|
import { View } from "Button";
|
|
import { AnalyticEvents } from "ME";
|
|
import { CHANGELOG_MODAL_KEY } from "CHANGELOG_MODAL_KEY";
|
|
import jsxProd from "Link";
|
|
import createCacheKey from "createCacheKey";
|
|
import createCacheKey from "createCacheKey";
|
|
|
|
let error;
|
|
let metroImportAll;
|
|
let require = arg1;
|
|
class ChangeLogScreen {
|
|
constructor(arg0) {
|
|
fn = global.onClose;
|
|
changelog = undefined;
|
|
loaded = undefined;
|
|
useNavigation = undefined;
|
|
tmp = changelog;
|
|
tmp2 = useNavigation;
|
|
obj = require("createCacheKey");
|
|
legacyClassComponentStyles = obj.useLegacyClassComponentStyles(jsxs);
|
|
obj2 = require("useChangelog");
|
|
currentChangelog = obj2.useCurrentChangelog();
|
|
changelog = currentChangelog.changelog;
|
|
loaded = currentChangelog.loaded;
|
|
size = require("useWindowDimensions")();
|
|
diff = size.width - 36;
|
|
result = diff * c9;
|
|
result1 = 0.5 * size.height;
|
|
tmp6 = c9;
|
|
bound = Math.min(result, result1);
|
|
if (result1 < result) {
|
|
diff = result1 / tmp6;
|
|
}
|
|
tmpResult = require("Link");
|
|
navigation = tmpResult.useNavigation();
|
|
useNavigation = navigation;
|
|
if (null == fn) {
|
|
fn = function o() {
|
|
return navigation.goBack();
|
|
};
|
|
}
|
|
items = [, ];
|
|
items[0] = changelog;
|
|
items[1] = navigation;
|
|
effect = __esModule.useEffect(() => {
|
|
if (null != changelog) {
|
|
let obj = { headerTitle: null };
|
|
obj[0] = function headerTitle() {
|
|
let obj = { title: null, subtitle: null };
|
|
const intl = outer1_0(outer1_2[13]).intl;
|
|
obj[0] = intl.string(outer1_0(outer1_2[13]).t.LRmNAl);
|
|
const intl2 = outer1_0(outer1_2[13]).intl;
|
|
if (null != date.date) {
|
|
if ("" !== tmp4.date) {
|
|
let toDateResult = outer1_1(outer1_2[23])(tmp4.date).toDate();
|
|
const obj2 = outer1_1(outer1_2[23])(tmp4.date);
|
|
}
|
|
obj = { date: null };
|
|
obj[0] = toDateResult;
|
|
obj[1] = intl2.formatToPlainString(tmp3, obj);
|
|
return outer1_7(outer1_0(outer1_2[22]).NavigatorHeader, obj);
|
|
}
|
|
toDateResult = new Date();
|
|
};
|
|
navigation.setOptions(obj);
|
|
}
|
|
}, items);
|
|
items1 = [, ];
|
|
items1[0] = loaded;
|
|
items1[1] = changelog;
|
|
effect1 = __esModule.useEffect(() => {
|
|
if (loaded) {
|
|
if (null != changelog) {
|
|
return () => outer1_1(outer1_2[24]).markChangelogAsSeen(closure_0.id, closure_0.date);
|
|
}
|
|
}
|
|
}, items1);
|
|
if (currentChangelog.clientTooOld) {
|
|
tmp20 = jsx;
|
|
tmp21 = View;
|
|
obj = { style: null, children: null };
|
|
obj[0] = legacyClassComponentStyles.empty;
|
|
obj1 = { variant: "heading-lg/medium", children: null };
|
|
intl2 = require("getSystemLocale").intl;
|
|
obj1[1] = intl2.string(require("getSystemLocale").t.V9ospk);
|
|
obj[1] = jsx(require("Text").Text, obj1);
|
|
tmp15 = jsx(View, obj);
|
|
} else if (null == changelog) {
|
|
tmp16 = jsx;
|
|
obj2 = { style: null, children: null };
|
|
obj2[0] = legacyClassComponentStyles.empty;
|
|
tmp17 = View;
|
|
Text = require("Text").Text;
|
|
obj3 = { variant: "text-md/semibold", children: null };
|
|
intl = require("getSystemLocale").intl;
|
|
string = intl.string;
|
|
t = require("getSystemLocale").t;
|
|
if (loaded) {
|
|
t = string(t.O1iRT8);
|
|
obj3[1] = t;
|
|
obj3 = tmp16(Text, obj3);
|
|
obj2[1] = obj3;
|
|
tmp18 = obj2;
|
|
} else {
|
|
obj3[1] = string(t.ZTNur7);
|
|
obj2[1] = tmp16(Text, obj3);
|
|
tmp18 = obj2;
|
|
}
|
|
tmp16Result = tmp16(tmp17, tmp18);
|
|
} else {
|
|
tmp13 = jsx;
|
|
tmp14 = ChangeLog;
|
|
obj4 = { onClose: null, height: null, width: null, changeLog: null };
|
|
obj4[0] = fn;
|
|
obj4[1] = bound;
|
|
obj4[2] = diff;
|
|
obj4[3] = changelog;
|
|
tmp15 = jsx(ChangeLog, obj4);
|
|
}
|
|
return tmp15;
|
|
}
|
|
}
|
|
function hideChangeLog() {
|
|
importDefault(4399).popWithKey(CHANGELOG_MODAL_KEY);
|
|
}
|
|
let c3 = importAllResult;
|
|
({ jsx: error, jsxs: metroImportAll } = jsxProd);
|
|
let c9 = 0.5625;
|
|
createCacheKey = { video: { alignSelf: "center" }, videoWrapper: { marginBottom: 8 }, videoSpecial: null, videoOverlay: null, playButton: null, playIcon: null, empty: null };
|
|
createCacheKey = { borderRadius: require("Themes").radii.xs, overflow: "hidden" };
|
|
createCacheKey[2] = createCacheKey;
|
|
createCacheKey[3] = { position: "absolute", width: "100%", height: "100%" };
|
|
createCacheKey[4] = { position: "absolute", top: "50%", left: "50%", marginLeft: -28, marginTop: -28, borderRadius: require("Themes").radii.round, backgroundColor: require("Themes").colors.BACKGROUND_SURFACE_HIGH, width: 56, height: 56 };
|
|
createCacheKey[5] = { width: 21, height: 21 };
|
|
createCacheKey[6] = { width: "100%", height: 240, alignItems: "center", paddingTop: 48 };
|
|
createCacheKey = createCacheKey.createLegacyClassComponentStyles(createCacheKey);
|
|
let obj2 = { bulletPoint: null, listItem: null, listText: null, listItemContent: null };
|
|
let obj1 = { position: "absolute", top: "50%", left: "50%", marginLeft: -28, marginTop: -28, borderRadius: require("Themes").radii.round, backgroundColor: require("Themes").colors.BACKGROUND_SURFACE_HIGH, width: 56, height: 56 };
|
|
obj2[0] = { width: 7, height: 7, borderRadius: 3.5, marginRight: 13, marginTop: 7, backgroundColor: require("Themes").colors.BACKGROUND_MOD_STRONG };
|
|
obj2[1] = { flexDirection: "row", marginLeft: 4, marginBottom: 8 };
|
|
createCacheKey = { color: require("Themes").colors.TEXT_DEFAULT, fontSize: 14, lineHeight: 18, flex: 1 };
|
|
obj2[2] = createCacheKey;
|
|
obj2[3] = { flexDirection: "column", flex: 1 };
|
|
let closure_11 = createCacheKey.createLegacyClassComponentStyles(obj2);
|
|
const PureComponent = importAllResult.PureComponent;
|
|
class ListItem extends PureComponent {
|
|
}
|
|
ListItem.prototype["render"] = function render() {
|
|
const children = this.props.children;
|
|
const tmp = callback2(this.context);
|
|
let obj = { style: tmp.listItem, children: null };
|
|
obj = { style: tmp.bulletPoint };
|
|
const items = [callback(View, obj), ];
|
|
obj = { style: tmp.listText, children: null };
|
|
let childrenResult = children;
|
|
if (typeof children !== "disabledUntil") {
|
|
const obj1 = { style: null };
|
|
obj1[0] = tmp.listText;
|
|
childrenResult = children(obj1);
|
|
}
|
|
obj[1] = childrenResult;
|
|
items[1] = callback(View, obj);
|
|
obj[1] = items;
|
|
return closure_8(View, obj);
|
|
};
|
|
ListItem.contextType = require("ManaContext").ThemeContext;
|
|
const PureComponent2 = importAllResult.PureComponent;
|
|
class ChangeLog extends PureComponent2 {
|
|
constructor() {
|
|
applyArgumentsResult = HermesBuiltin.applyArguments(new.target, new.target);
|
|
closure_0 = applyArgumentsResult;
|
|
applyArgumentsResult.mountedAt = 0;
|
|
applyArgumentsResult.ref = __esModule.createRef();
|
|
applyArgumentsResult.maxScrolledPercentage = 0;
|
|
applyArgumentsResult.state = { ytVideoReady: false };
|
|
applyArgumentsResult.handleScroll = function handleScroll(contentOffset) {
|
|
applyArgumentsResult.maxScrolledPercentage = Math.min(Math.max(applyArgumentsResult.maxScrolledPercentage, (contentOffset.contentOffset.y + contentOffset.layoutMeasurement.height) / contentOffset.contentSize.height), 1);
|
|
};
|
|
applyArgumentsResult.playVideo = function playVideo() {
|
|
let height;
|
|
let image;
|
|
let video;
|
|
let width;
|
|
let obj = applyArgumentsResult;
|
|
const props = applyArgumentsResult.props;
|
|
({ video, image } = props.changeLog);
|
|
({ width, height } = props);
|
|
if (null == video) {
|
|
if (null == image) {
|
|
return null;
|
|
}
|
|
}
|
|
if (null != video) {
|
|
obj = { videoURI: null };
|
|
obj[0] = video;
|
|
} else {
|
|
obj = { uri: null };
|
|
obj[0] = image;
|
|
}
|
|
obj.track(outer1_5.CHANGE_LOG_VIDEO_INTERACTED);
|
|
const current = obj.ref.current;
|
|
if (null != current) {
|
|
const obj1 = { initialSources: null, disableDownload: true, shareable: false, analyticsSource: "Change Log", originViewOrOriginLayout: null };
|
|
const obj2 = {};
|
|
const merged = Object.assign(obj);
|
|
obj2.width = width;
|
|
obj2.height = height;
|
|
const items = [obj2];
|
|
obj1[0] = items;
|
|
obj1[4] = current;
|
|
applyArgumentsResult(outer1_2[9]).openMediaModal(obj1);
|
|
const obj4 = applyArgumentsResult(outer1_2[9]);
|
|
}
|
|
};
|
|
return applyArgumentsResult;
|
|
}
|
|
}
|
|
const prototype = ChangeLog.prototype;
|
|
prototype["componentDidMount"] = function componentDidMount() {
|
|
this.mountedAt = Date.now();
|
|
this.track(AnalyticEvents.CHANGE_LOG_OPENED);
|
|
};
|
|
prototype["componentWillUnmount"] = function componentWillUnmount() {
|
|
this.track(AnalyticEvents.CHANGE_LOG_CLOSED);
|
|
};
|
|
prototype["track"] = function track(arg0) {
|
|
let obj = arg1;
|
|
if (arg1 === undefined) {
|
|
obj = {};
|
|
}
|
|
const self = this;
|
|
const changeLog = this.props.changeLog;
|
|
if (null != changeLog) {
|
|
obj = { change_log_id: null };
|
|
const _HermesInternal = HermesInternal;
|
|
obj[0] = "" + changeLog.date + ":" + changeLog.revision;
|
|
const merged = Object.assign(obj);
|
|
let tmp10 = obj;
|
|
if (arg0 === AnalyticEvents.CHANGE_LOG_CLOSED) {
|
|
obj = { seconds_open: null, max_scrolled_percentage: null };
|
|
const _Math = Math;
|
|
const _Date = Date;
|
|
obj[0] = Math.round((Date.now() - self.mountedAt) / 1000);
|
|
const _parseInt = parseInt;
|
|
const maxScrolledPercentage = self.maxScrolledPercentage;
|
|
obj[1] = 100 * parseInt(maxScrolledPercentage.toPrecision(4), 10);
|
|
const merged1 = Object.assign(obj);
|
|
tmp10 = obj;
|
|
}
|
|
importDefault(698).track(arg0, tmp10);
|
|
const obj2 = importDefault(698);
|
|
}
|
|
};
|
|
prototype["renderVideo"] = function renderVideo() {
|
|
let changeLog;
|
|
let height;
|
|
let image;
|
|
let onClose;
|
|
let video;
|
|
let youtube_video_id;
|
|
let self = this;
|
|
self = this;
|
|
const tmp = createCacheKey(this.context);
|
|
const props = this.props;
|
|
({ changeLog, height, onClose } = props);
|
|
({ video, image, youtube_video_id } = changeLog);
|
|
if (null != video) {
|
|
let obj = { videoURI: null };
|
|
obj[0] = video;
|
|
} else if (null == image) {
|
|
let tmp4Result = null;
|
|
if (null != youtube_video_id) {
|
|
obj = { style: null, onAccessibilityEscape: null, children: null };
|
|
obj[0] = tmp.videoWrapper;
|
|
obj[1] = onClose;
|
|
const obj1 = { height: null, play: false, videoId: null, onReady: null, useLocalHTML: true };
|
|
obj1[0] = height;
|
|
obj1[2] = youtube_video_id;
|
|
obj1[3] = function onReady() {
|
|
return self.setState({ ytVideoReady: true });
|
|
};
|
|
const items = [callback(importDefault(14523), obj1), ];
|
|
let tmp6Result = null;
|
|
if (!tmp2) {
|
|
const obj2 = { style: null, source: null };
|
|
obj2[0] = tmp.videoOverlay;
|
|
const obj3 = { uri: null };
|
|
const _HermesInternal = HermesInternal;
|
|
obj3[0] = "https://i.ytimg.com/vi/" + youtube_video_id + "/hqdefault.jpg";
|
|
obj2[1] = obj3;
|
|
tmp6Result = tmp6(tmp7(5145), obj2);
|
|
const tmp7Result = tmp7(5145);
|
|
}
|
|
items[1] = tmp6Result;
|
|
obj[2] = items;
|
|
tmp4Result = closure_8(View, obj);
|
|
const tmp4 = closure_8;
|
|
const tmp5 = View;
|
|
tmp6 = callback;
|
|
tmp7 = importDefault;
|
|
}
|
|
return tmp4Result;
|
|
} else {
|
|
obj = { uri: null };
|
|
obj[0] = image;
|
|
}
|
|
const obj4 = { style: tmp.videoWrapper, onAccessibilityEscape: onClose, children: null };
|
|
const obj5 = { ref: self.ref, style: tmp.videoSpecial, children: null };
|
|
const obj6 = { style: tmp.video, src: obj, width: props.width, height, paused: true, canOpenFullscreen: true, unmutedOnFullScreen: true, accessibilityLabel: null, onPress: null };
|
|
const intl = self(1236).intl;
|
|
obj6[7] = intl.string(self(1236).t.zHeo07);
|
|
obj6[8] = function onPress() {
|
|
self.track(outer1_5.CHANGE_LOG_VIDEO_INTERACTED);
|
|
};
|
|
const items1 = [callback(importDefault(8146), obj6), ];
|
|
let tmp12Result = null;
|
|
if (null != video) {
|
|
const obj7 = { accessibilityLabel: "Play Video", accessibilityRole: "button", style: null, onPress: null, children: null };
|
|
obj7[2] = tmp.videoOverlay;
|
|
obj7[3] = self.playVideo;
|
|
const obj8 = { accessibilityLabel: "Play Video", accessibilityRole: "button", source: null, onPress: null, style: null, iconSize: null, iconStyle: null };
|
|
obj8[2] = tmp15(9642);
|
|
obj8[3] = self.playVideo;
|
|
obj8[4] = tmp.playButton;
|
|
obj8[5] = tmp18(1297).IconSizes.CUSTOM;
|
|
obj8[6] = tmp.playIcon;
|
|
obj7[4] = tmp12(tmp15(8344), obj8);
|
|
tmp12Result = tmp12(tmp18(4721).PressableOpacity, obj7);
|
|
const tmp15Result = tmp15(8344);
|
|
}
|
|
items1[1] = tmp12Result;
|
|
obj5[2] = items1;
|
|
obj4[2] = closure_8(View, obj5);
|
|
return callback(View, obj4);
|
|
};
|
|
prototype["render"] = function render() {
|
|
const obj = {};
|
|
const merged = Object.assign(this.props);
|
|
obj.video = this.renderVideo();
|
|
obj.onScroll = this.handleScroll;
|
|
return callback(importDefault(7870), obj);
|
|
};
|
|
ChangeLog.contextType = require("ManaContext").ThemeContext;
|
|
let obj3 = { width: 7, height: 7, borderRadius: 3.5, marginRight: 13, marginTop: 7, backgroundColor: require("Themes").colors.BACKGROUND_MOD_STRONG };
|
|
let result = require("ME").fileFinishedImporting("components_native/ChangeLogModal.tsx");
|
|
|
|
export default function ChangelogModal() {
|
|
const screens = importAllResult.useMemo(() => {
|
|
let obj = { CHANGELOG: null };
|
|
obj = { name: "CHANGELOG", headerLeft: null, render: null };
|
|
obj[1] = callback(table[22]).getHeaderCloseButton(closure_14);
|
|
obj[2] = function render() {
|
|
return callback(closure_13, { onClose: closure_14 });
|
|
};
|
|
obj[0] = obj;
|
|
return obj;
|
|
}, []);
|
|
return callback(require(5574) /* NavigationStack */.Navigator, { screens, initialRouteName: "CHANGELOG" });
|
|
};
|
|
export { ListItem };
|
|
export { ChangeLogScreen };
|