345 lines
16 KiB
TypeScript
345 lines
16 KiB
TypeScript
// Module ID: 13855
|
|
// Function ID: 106149
|
|
// Name: FamilyCenterActivityCardPrefaceText
|
|
// Dependencies: [31, 27, 5766, 653, 33, 4131, 689, 6201, 6200, 5827, 11051, 1212, 2199, 1273, 13856, 4127, 8278, 4338, 13857, 1935, 6493, 13858, 13859, 11048, 4099, 3831, 3970, 8184, 675, 10675, 13860, 13861, 13862, 13865, 13872, 2]
|
|
// Exports: default
|
|
|
|
// Module 13855 (FamilyCenterActivityCardPrefaceText)
|
|
import importAllResult from "FamilyCenterActivityTotal";
|
|
import { View } from "ItemSelectorActionSheet";
|
|
import items from "items";
|
|
import { AnalyticEvents } from "ME";
|
|
import jsxProd from "FamilyCenterActivitySectionHeader";
|
|
import _createForOfIteratorHelperLoose from "_createForOfIteratorHelperLoose";
|
|
import _createForOfIteratorHelperLoose from "_createForOfIteratorHelperLoose";
|
|
import _createForOfIteratorHelperLoose from "_createForOfIteratorHelperLoose";
|
|
import _createForOfIteratorHelperLoose from "_createForOfIteratorHelperLoose";
|
|
|
|
let closure_5;
|
|
let closure_6;
|
|
let closure_8;
|
|
let closure_9;
|
|
let require = arg1;
|
|
function FamilyCenterActivityCardPrefaceText() {
|
|
const tmp = callback3();
|
|
const tmp2 = importDefault(6201)();
|
|
let obj = require(6200) /* useUserIdsForLinkStatus */;
|
|
const activeLinkUserIds = obj.useActiveLinkUserIds();
|
|
let obj1 = require(5827) /* getActivityTypeTextConfigs */;
|
|
const activityWindowTimestampFormatter = obj1.getActivityWindowTimestampFormatter(tmp2);
|
|
let obj2 = require(6200) /* useUserIdsForLinkStatus */;
|
|
const activityWindowTimeStamp = obj2.useActivityWindowTimeStamp(activityWindowTimestampFormatter);
|
|
let obj3 = require(11051) /* useAgeSpecificText */;
|
|
const intl = require(1212) /* getSystemLocale */.intl;
|
|
obj = { activeLinks: activeLinkUserIds.length };
|
|
const intl2 = require(1212) /* getSystemLocale */.intl;
|
|
const ageSpecificText = obj3.useAgeSpecificText(intl.formatToPlainString(importDefault(2199).tazvHQ, obj), intl2.string(importDefault(2199).KrLnkE));
|
|
obj = { style: tmp.container };
|
|
let tmp9 = null;
|
|
if (!tmp2) {
|
|
obj1 = { color: tmp.icon.color, source: importDefault(13856), style: tmp.icon };
|
|
tmp9 = callback(require(1273) /* Button */.Icon, obj1);
|
|
}
|
|
const items = [tmp9, , ];
|
|
obj2 = { style: tmp.text, variant: "text-xs/semibold", color: "text-subtle" };
|
|
let tmp15 = ageSpecificText;
|
|
if (activeLinkUserIds.length > 1) {
|
|
tmp15 = ageSpecificText;
|
|
if (tmp2) {
|
|
tmp15 = activityWindowTimeStamp;
|
|
}
|
|
}
|
|
obj2.children = tmp15;
|
|
items[1] = callback(require(4127) /* Text */.Text, obj2);
|
|
obj3 = {
|
|
onPress() {
|
|
outer1_1(outer1_2[17]).pushLazy(outer1_0(outer1_2[19])(outer1_2[18], outer1_2.paths));
|
|
}
|
|
};
|
|
const formatToPlainStringResult = intl.formatToPlainString(importDefault(2199).tazvHQ, obj);
|
|
const tmp14 = callback;
|
|
const tmp7 = closure_9;
|
|
const tmp8 = View;
|
|
const obj4 = { color: tmp.icon.color, source: importDefault(6493), size: require(1273) /* Button */.Icon.Sizes.EXTRA_SMALL, style: tmp.icon };
|
|
obj3.children = callback(require(1273) /* Button */.Icon, obj4);
|
|
items[2] = callback(importDefault(8278), obj3);
|
|
obj.children = items;
|
|
return tmp7(tmp8, obj);
|
|
}
|
|
function FamilyCenterHeaderSubText() {
|
|
const tmp = importDefault(6201)();
|
|
let obj = require(6200) /* useUserIdsForLinkStatus */;
|
|
const activeLinkUserIds = obj.useActiveLinkUserIds();
|
|
const activityWindowTimestampFormatter = require(5827) /* getActivityTypeTextConfigs */.getActivityWindowTimestampFormatter(tmp);
|
|
require(6200) /* useUserIdsForLinkStatus */;
|
|
if (!tmp) {
|
|
obj = { variant: "text-sm/medium", color: "text-muted", children: tmp4 };
|
|
let tmp5 = callback(require(4127) /* Text */.Text, obj);
|
|
} else {
|
|
tmp5 = null;
|
|
}
|
|
return tmp5;
|
|
}
|
|
class FamilyCenterActivityCardHeader {
|
|
constructor() {
|
|
obj = require("useUserIdsForLinkStatus");
|
|
activeLinkUserIds = obj.useActiveLinkUserIds();
|
|
tmp = require("useIsInAdultAgeGroup")();
|
|
obj2 = require("useSelectedTeenUser");
|
|
selectedTeenUser = obj2.useSelectedTeenUser();
|
|
if (undefined === selectedTeenUser) {
|
|
return null;
|
|
} else {
|
|
if (!tmp) {
|
|
tmp3 = jsx;
|
|
tmp4 = View;
|
|
obj = {};
|
|
tmp5 = f106162;
|
|
obj1 = {};
|
|
obj1.user = selectedTeenUser;
|
|
obj.children = jsx(f106162, obj1);
|
|
tmp6 = jsx(View, obj);
|
|
tmp9 = tmp6;
|
|
} else {
|
|
num = 1;
|
|
}
|
|
tmp7 = jsx;
|
|
tmp8 = FamilyCenterActivityCardAccountSelect;
|
|
tmp6 = jsx(FamilyCenterActivityCardAccountSelect, {});
|
|
}
|
|
return;
|
|
}
|
|
}
|
|
class FamilyCenterActivityCardAccountSelect {
|
|
constructor() {
|
|
tmp = FamilyCenterActivityCardAccount();
|
|
obj = require("useUserIdsForLinkStatus");
|
|
activeLinkUsers = obj.useActiveLinkUsers();
|
|
useActiveLinkUsers = activeLinkUsers;
|
|
obj2 = require("useSelectedTeenUser");
|
|
selectedTeenUser = obj2.useSelectedTeenUser();
|
|
closure_1 = selectedTeenUser;
|
|
obj3 = require("useFamilyCenterActions");
|
|
obj = {
|
|
onSuccess() {
|
|
return selectedTeenUser(selectTeenUser[24]).hideActionSheet(outer1_10);
|
|
},
|
|
onError() {
|
|
const intl = activeLinkUsers(selectTeenUser[11]).intl;
|
|
return activeLinkUsers(selectTeenUser[25]).presentFailedToast(intl.string(selectedTeenUser(selectTeenUser[12]).Wu8BK2));
|
|
}
|
|
};
|
|
selectTeenUser = obj3.useFamilyCenterActions(obj).selectTeenUser;
|
|
items = [];
|
|
items[0] = activeLinkUsers;
|
|
f106157 = f106157.useMemo(() => activeLinkUsers.map((id) => {
|
|
const obj = {};
|
|
const name = selectedTeenUser(selectTeenUser[26]).getName(id);
|
|
const obj2 = selectedTeenUser(selectTeenUser[26]);
|
|
obj.label = "" + name + " (" + selectedTeenUser(selectTeenUser[26]).getUserTag(id) + ")";
|
|
obj.value = id.id;
|
|
return obj;
|
|
}), items);
|
|
tmp4 = null;
|
|
if (undefined !== selectedTeenUser) {
|
|
tmp5 = jsx;
|
|
tmp6 = View;
|
|
obj1 = {};
|
|
tmp7 = jsxs;
|
|
tmp8 = closure_1;
|
|
tmp9 = selectTeenUser;
|
|
num = 16;
|
|
obj2 = {};
|
|
obj2.style = tmp.touch;
|
|
str = "spinbutton";
|
|
obj2.accessibilityRole = "spinbutton";
|
|
obj2.onPress = function onPress() {
|
|
if (undefined !== selectedTeenUser) {
|
|
let obj = selectedTeenUser(selectTeenUser[24]);
|
|
obj = {};
|
|
const intl = activeLinkUsers(selectTeenUser[11]).intl;
|
|
obj.title = intl.string(selectedTeenUser(selectTeenUser[12]).vORl9Q);
|
|
obj.items = closure_3;
|
|
obj.onItemSelect = function onItemSelect(arg0) {
|
|
let tmp = null != arg0;
|
|
if (tmp) {
|
|
tmp = arg0 !== outer1_1.id;
|
|
}
|
|
if (tmp) {
|
|
outer1_2(arg0);
|
|
let obj = selectedTeenUser(selectTeenUser[28]);
|
|
obj = { action: outer2_5.SelectTeen };
|
|
obj.track(outer2_7.FAMILY_CENTER_ACTION, obj);
|
|
}
|
|
setImmediate(() => {
|
|
selectedTeenUser(selectTeenUser[24]).hideActionSheet(outer3_10);
|
|
});
|
|
};
|
|
obj.selectedItem = selectedTeenUser.id;
|
|
obj.hasIcons = false;
|
|
obj.openLazy(activeLinkUsers(selectTeenUser[19])(selectTeenUser[27], selectTeenUser.paths), outer1_10, obj);
|
|
const tmp4 = activeLinkUsers(selectTeenUser[19])(selectTeenUser[27], selectTeenUser.paths);
|
|
}
|
|
};
|
|
tmp11 = jsx;
|
|
tmp12 = f106162;
|
|
obj3 = {};
|
|
obj3.user = selectedTeenUser;
|
|
flag = true;
|
|
obj3.inSelector = true;
|
|
tmp10 = require("_isNativeReflectConstruct");
|
|
items1 = [, ];
|
|
items1[0] = jsx(f106162, obj3);
|
|
tmp13 = jsx;
|
|
tmp14 = useActiveLinkUsers;
|
|
num2 = 13;
|
|
obj4 = {};
|
|
obj4.style = tmp.icon;
|
|
obj4.size = require("Button").Icon.Sizes.MEDIUM;
|
|
num3 = 29;
|
|
obj4.source = require("registerAsset");
|
|
items1[1] = jsx(require("Button").Icon, obj4);
|
|
obj2.children = items1;
|
|
obj1.children = jsxs(tmp10, obj2);
|
|
tmp4 = jsx(View, obj1);
|
|
}
|
|
return tmp4;
|
|
}
|
|
}
|
|
({ FamilyCenterAction: closure_5, TeenActionDisplayType: closure_6 } = items);
|
|
({ jsx: closure_8, jsxs: closure_9 } = jsxProd);
|
|
const FamilyCenterTeenAccountSelect = "FamilyCenterTeenAccountSelect";
|
|
let obj = { container: { display: "flex", flexDirection: "row", alignItems: "center" } };
|
|
obj = { color: require("_createForOfIteratorHelperLoose").colors.ICON_SUBTLE, width: require("_createForOfIteratorHelperLoose").space.PX_16, height: require("_createForOfIteratorHelperLoose").space.PX_16 };
|
|
obj.icon = obj;
|
|
_createForOfIteratorHelperLoose = { marginHorizontal: require("_createForOfIteratorHelperLoose").space.PX_4 };
|
|
obj.text = _createForOfIteratorHelperLoose;
|
|
let closure_11 = _createForOfIteratorHelperLoose.createStyles(obj);
|
|
let obj2 = {};
|
|
let obj3 = { display: "flex", flexDirection: "row", alignItems: "center", padding: require("_createForOfIteratorHelperLoose").space.PX_12, flex: 1, backgroundColor: require("_createForOfIteratorHelperLoose").colors.BACKGROUND_SURFACE_HIGHEST, borderTopLeftRadius: require("_createForOfIteratorHelperLoose").radii.md, borderTopRightRadius: require("_createForOfIteratorHelperLoose").radii.md };
|
|
obj2.header = obj3;
|
|
let obj4 = { borderRadius: require("Button").AVATAR_SIZE_MAP[require("Button").AvatarSizes.NORMAL] / 2, backgroundColor: require("_createForOfIteratorHelperLoose").colors.BACKGROUND_SURFACE_HIGH };
|
|
obj2.avatar = obj4;
|
|
_createForOfIteratorHelperLoose = { marginRight: require("_createForOfIteratorHelperLoose").space.PX_12, alignItems: "flex-start" };
|
|
obj2.avatarContainer = _createForOfIteratorHelperLoose;
|
|
const obj6 = { display: "flex", flexDirection: "column", width: "100%", paddingRight: require("_createForOfIteratorHelperLoose").space.PX_16 };
|
|
obj2.userHeader = obj6;
|
|
obj2.nonSelectorHeader = { flex: 1, paddingRight: require("_createForOfIteratorHelperLoose").space.PX_16 };
|
|
let closure_12 = _createForOfIteratorHelperLoose.createStyles(obj2);
|
|
const memoResult = importAllResult.memo((arg0) => {
|
|
let inSelector;
|
|
let user;
|
|
({ user, inSelector } = arg0);
|
|
const tmp = callback4();
|
|
const AvatarSizes = require(1273) /* Button */.AvatarSizes;
|
|
let obj = { style: tmp.header };
|
|
obj = { style: tmp.avatarContainer, children: callback(require(1273) /* Button */.Avatar, obj) };
|
|
obj = { avatarStyle: tmp.avatar, user, guildId: undefined, disablePlaceholder: true, avatarDecoration: user.avatarDecoration, size: inSelector ? AvatarSizes.SMALL : AvatarSizes.NORMAL };
|
|
const items = [callback(View, obj), ];
|
|
const obj1 = {};
|
|
const items1 = [tmp.userHeader, ];
|
|
let nonSelectorHeader;
|
|
if (!inSelector) {
|
|
nonSelectorHeader = tmp.nonSelectorHeader;
|
|
}
|
|
items1[1] = nonSelectorHeader;
|
|
obj1.style = items1;
|
|
const items2 = [callback(importDefault(13858), { user }), callback(FamilyCenterHeaderSubText, {})];
|
|
obj1.children = items2;
|
|
items[1] = closure_9(View, obj1);
|
|
obj.children = items;
|
|
return closure_9(View, obj);
|
|
});
|
|
memoResult.displayName = "FamilyCenterActivityCardAccount";
|
|
const obj8 = {};
|
|
const obj9 = { display: "flex", flexDirection: "row", alignItems: "center", justifyContent: "flex-start", backgroundColor: require("_createForOfIteratorHelperLoose").colors.BACKGROUND_SURFACE_HIGHEST };
|
|
const merged = Object.assign(require("_createForOfIteratorHelperLoose").shadows.SHADOW_LOW);
|
|
obj8.touch = obj9;
|
|
const obj7 = { flex: 1, paddingRight: require("_createForOfIteratorHelperLoose").space.PX_16 };
|
|
items = [{ rotate: "90deg" }];
|
|
obj8.icon = { color: require("_createForOfIteratorHelperLoose").colors.INTERACTIVE_TEXT_DEFAULT, width: require("_createForOfIteratorHelperLoose").space.PX_24, height: require("_createForOfIteratorHelperLoose").space.PX_24, transform: items, marginHorizontal: require("_createForOfIteratorHelperLoose").space.PX_8 };
|
|
let closure_14 = _createForOfIteratorHelperLoose.createStyles(obj8);
|
|
const obj11 = {};
|
|
_createForOfIteratorHelperLoose = { marginTop: require("_createForOfIteratorHelperLoose").space.PX_16 };
|
|
obj11.card = _createForOfIteratorHelperLoose;
|
|
const obj10 = { color: require("_createForOfIteratorHelperLoose").colors.INTERACTIVE_TEXT_DEFAULT, width: require("_createForOfIteratorHelperLoose").space.PX_24, height: require("_createForOfIteratorHelperLoose").space.PX_24, transform: items, marginHorizontal: require("_createForOfIteratorHelperLoose").space.PX_8 };
|
|
obj11.preface = { display: "flex", marginBottom: require("_createForOfIteratorHelperLoose").space.PX_12 };
|
|
const obj13 = { display: "flex", marginBottom: require("_createForOfIteratorHelperLoose").space.PX_12 };
|
|
obj11.container = { backgroundColor: require("_createForOfIteratorHelperLoose").colors.BACKGROUND_SURFACE_HIGH, borderRadius: require("_createForOfIteratorHelperLoose").radii.md };
|
|
const obj15 = { padding: require("_createForOfIteratorHelperLoose").space.PX_16, display: "flex", flexDirection: "column", gap: require("_createForOfIteratorHelperLoose").space.PX_32 };
|
|
obj11.content = obj15;
|
|
_createForOfIteratorHelperLoose = { display: "flex", flexDirection: "row", flexWrap: "wrap", justifyContent: "space-between", gap: require("_createForOfIteratorHelperLoose").space.PX_8 };
|
|
obj11.totals = _createForOfIteratorHelperLoose;
|
|
obj11.first = { width: "100%" };
|
|
obj11.other = { width: "48.5%" };
|
|
const obj17 = { display: "flex", flexDirection: "column", gap: require("_createForOfIteratorHelperLoose").space.PX_32 };
|
|
obj11.activities = obj17;
|
|
const obj14 = { backgroundColor: require("_createForOfIteratorHelperLoose").colors.BACKGROUND_SURFACE_HIGH, borderRadius: require("_createForOfIteratorHelperLoose").radii.md };
|
|
obj11.settingsControls = { marginTop: require("_createForOfIteratorHelperLoose").space.PX_24 };
|
|
let closure_15 = _createForOfIteratorHelperLoose.createStyles(obj11);
|
|
const obj18 = { marginTop: require("_createForOfIteratorHelperLoose").space.PX_24 };
|
|
const result = require("items").fileFinishedImporting("modules/parent_tools/native/FamilyCenterActivityCard.tsx");
|
|
|
|
export default function FamilyCenterActivityCard() {
|
|
const tmp = callback6();
|
|
const require = tmp;
|
|
let obj = require(13859) /* useSelectedTeenUser */;
|
|
const selectedTeenUser = obj.useSelectedTeenUser();
|
|
require(13860) /* useActionTotalsForDisplayType */;
|
|
if (undefined === selectedTeenUser) {
|
|
return null;
|
|
} else {
|
|
let obj3 = require(5827) /* getActivityTypeTextConfigs */;
|
|
const sortedActivityTypeConfigs = obj3.getSortedActivityTypeConfigs();
|
|
obj = { style: tmp.card };
|
|
obj = { style: tmp.preface, children: callback(FamilyCenterActivityCardPrefaceText, {}) };
|
|
const items = [callback(View, obj), , ];
|
|
const obj1 = { style: tmp.container };
|
|
const items1 = [callback(FamilyCenterActivityCardHeader, {}), ];
|
|
const obj2 = { style: tmp.content };
|
|
obj3 = { style: tmp.totals };
|
|
const found = sortedActivityTypeConfigs.filter((arg0) => {
|
|
let tmp;
|
|
[tmp] = arg0;
|
|
return tmp !== outer1_6.GIFTS;
|
|
});
|
|
obj3.children = found.map((arg0, arg1) => {
|
|
let tmp;
|
|
[tmp, ] = arg0;
|
|
const obj = {};
|
|
if (0 === arg1) {
|
|
let other = tmp.first;
|
|
} else {
|
|
other = tmp.other;
|
|
}
|
|
obj.style = other;
|
|
obj.children = outer1_8(outer1_1(outer1_2[31]), { displayType: tmp });
|
|
return outer1_8(outer1_4, obj, "total-" + tmp);
|
|
});
|
|
const items2 = [callback(View, obj3), callback(importDefault(13862), {}), ];
|
|
let tmp7 = null;
|
|
if (tmp4) {
|
|
const obj4 = {
|
|
style: tmp.activities,
|
|
children: sortedActivityTypeConfigs.map((arg0) => {
|
|
let tmp;
|
|
[tmp, ] = arg0;
|
|
return outer1_8(outer1_1(outer1_2[33]), { displayType }, "section-" + displayType);
|
|
})
|
|
};
|
|
tmp7 = callback(View, obj4);
|
|
}
|
|
items2[2] = tmp7;
|
|
obj2.children = items2;
|
|
items1[1] = closure_9(View, obj2);
|
|
obj1.children = items1;
|
|
items[1] = closure_9(View, obj1);
|
|
const obj5 = { style: tmp.settingsControls, children: callback(importDefault(13872), {}) };
|
|
items[2] = callback(View, obj5);
|
|
obj.children = items;
|
|
return closure_9(View, obj);
|
|
}
|
|
};
|
|
export const FamilyCenterActivityCardAccount = memoResult;
|
|
export { FamilyCenterActivityCardHeader };
|
|
export { FamilyCenterActivityCardAccountSelect };
|