decord/source/modules/user_profile/native/UserProfileAboutMeCard.tsx

// Module ID: 11958
// Function ID: 11959
// Name: Heading
// Dependencies: [19, 17, 1946, 1942, 1862, 5563, 676, 1479, 21, 4189, 3893, 712, 4185, 1236, 11959, 589, 4996, 11, 9762, 5566, 11960, 1297, 8200, 5515, 8107, 11961, 8359, 4157, 4041, 1222, 5635, 4048, 1579, 11962, 4600, 5562, 2]
// Exports: default

// Module 11958 (Heading)
import GuildIconSizes from "GuildIconSizes";
import { View } from "DISCORD_EPOCH";
import _getSystemLocale from "_getSystemLocale";
import trackCommunicationDisabled from "trackCommunicationDisabled";
import createGuildRecordFromRust from "createGuildRecordFromRust";
import ARBITRARY_LARGE_OFFSET from "ARBITRARY_LARGE_OFFSET";
import { Routes } from "ME";
import { AppLauncherRouteName } from "APP_LAUNCHER_BUILT_IN_SECTION_ICON";
import jsxProd from "Button";
import createCacheKey from "createCacheKey";

let UserProfileThemeTypes;
let closure_12;
let map1;
let metroImportAll;
let unpackModuleId;
const require = arg1;
function Heading(children) {
  let headingSpacing;
  let headingVariant;
  const themeType = children.themeType;
  let tmp;
  if (null != themeType) {
    tmp = dependencyMap[themeType];
  }
  if (tmp == null) {
    tmp = closure_14;
  }
  ({ headingVariant, headingSpacing } = tmp);
  let variant = require(3893) /* map */.useToken(importDefault(712).modules.mobile.USER_PROFILE_ABOUT_ME_HEADING_TEXT_STYLE);
  if (variant == null) {
    variant = headingVariant;
  }
  return closure_11(require(4185) /* Text */.Text, { accessibilityRole: "header", variant, color: "user-profile-about-me-heading-text", style: { marginBottom }, children: children.children });
}
function TextWithIcon(themeType) {
  let accessibilityLabel;
  let children;
  let icon;
  themeType = themeType.themeType;
  ({ icon, children, accessibilityLabel } = themeType);
  let tmp2;
  if (null != themeType) {
    tmp2 = dependencyMap[themeType];
  }
  if (tmp2 == null) {
    tmp2 = closure_14;
  }
  const obj = { style: items, accessible: true, accessibilityLabel, children: null };
  items = [callback3().textWithIcon, { columnGap: tmp2.columnGap }];
  const items1 = [icon, callback(require(4185) /* Text */.Text, { variant: tmp2.textVariant, color: "text-default", children })];
  obj[3] = items1;
  return callback2(View, obj);
}
function Bio(arg0) {
  let displayProfile;
  let lineClamp;
  let pendingBio;
  let themeType;
  let userId;
  ({ displayProfile, themeType } = arg0);
  let tmp;
  ({ userId, pendingBio, lineClamp } = arg0);
  if (null != themeType) {
    tmp = dependencyMap[themeType];
  }
  if (tmp == null) {
    tmp = closure_14;
  }
  let previewBio;
  if (displayProfile != null) {
    previewBio = displayProfile.getPreviewBio(pendingBio);
  }
  let tmp4 = null;
  if (null != previewBio) {
    tmp4 = null;
    if ("" !== previewBio) {
      let obj = { children: null };
      obj = { themeType: null, children: null };
      obj[0] = themeType;
      const intl = require(1236) /* getSystemLocale */.intl;
      obj[1] = intl.string(require(1236) /* getSystemLocale */.t.ZzAR2Y);
      const items = [callback(Heading, obj), ];
      obj = { bio: null, userId: null, textVariant: null, lineClamp: null };
      obj[0] = previewBio;
      obj[1] = userId;
      obj[2] = tmp.textVariant;
      obj[3] = lineClamp;
      items[1] = callback(importDefault(11959), obj);
      obj[0] = items;
      tmp4 = callback2(View, obj);
    }
  }
  return tmp4;
}
function MemberJoinDates(userId) {
  let columnGap;
  let importDefault;
  let textVariant;
  let themeType;
  userId = userId.userId;
  ({ guildId: importDefault, themeType } = userId);
  let tmp2;
  if (null != themeType) {
    tmp2 = dependencyMap[themeType];
  }
  if (tmp2 == null) {
    tmp2 = closure_14;
  }
  ({ textVariant, columnGap } = tmp2);
  let obj = userId(589);
  const items = [_getSystemLocale];
  const stateFromStores = obj.useStateFromStores(items, () => locale.locale);
  let obj1 = userId(589);
  const items1 = [createGuildRecordFromRust];
  const stateFromStores1 = obj1.useStateFromStores(items1, () => {
    let guild = null;
    if (null != closure_1) {
      guild = outer1_7.getGuild(tmp);
    }
    return guild;
  });
  let obj2 = userId(589);
  const items2 = [trackCommunicationDisabled];
  const stateFromStores2 = obj2.useStateFromStores(items2, () => {
    let member = null;
    if (null != closure_1) {
      member = outer1_6.getMember(tmp, userId);
    }
    return member;
  });
  let obj3 = userId(4996);
  let obj4 = importDefault(11);
  const createdAtDate = obj3.getCreatedAtDate(obj4.extractTimestamp(userId), stateFromStores);
  let obj5 = userId(4996);
  let joinedAt;
  if (stateFromStores2 != null) {
    joinedAt = stateFromStores2.joinedAt;
  }
  const createdAtDate1 = obj5.getCreatedAtDate(joinedAt, stateFromStores);
  obj = { themeType, children: null };
  const intl = tmp4(1236).intl;
  obj[1] = intl.string(userId(1236).t.a6XYD9);
  const items3 = [callback(Heading, obj), ];
  obj = { style: items4, children: null };
  items4 = [callback3().memberJoinDates, { columnGap }];
  obj1 = { themeType, icon: callback(tmp4(9762).ClydeIcon, { size: "xs" }), accessibilityLabel: null, children: null };
  const intl2 = tmp4(1236).intl;
  obj1[2] = intl2.formatToPlainString(userId(1236).t["9t7w53"], { date: createdAtDate });
  obj1[3] = createdAtDate;
  const items5 = [callback(TextWithIcon, obj1), ];
  let tmp13Result = null != stateFromStores1 && null != createdAtDate1;
  if (tmp13Result) {
    obj2 = { children: null };
    obj3 = { variant: null, color: "text-default", accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", children: null };
    obj3[0] = textVariant;
    obj3[4] = closure_8;
    const items6 = [tmp15(tmp4(4185).Text, obj3), ];
    obj4 = { themeType: null, icon: null, accessibilityLabel: null, children: null };
    obj4[0] = themeType;
    obj5 = { guild: null, size: null };
    obj5[0] = stateFromStores1;
    obj5[1] = tmp4(5566).GuildIconSizes.XXSMALL;
    obj4[1] = tmp15(importDefault(5566), obj5);
    const intl3 = tmp4(1236).intl;
    const obj6 = { guildName: null, date: null };
    obj6[0] = stateFromStores1.name;
    obj6[1] = createdAtDate1;
    obj4[2] = intl3.formatToPlainString(tmp4(1236).t.FdLNDK, obj6);
    obj4[3] = createdAtDate1;
    items6[1] = tmp15(TextWithIcon, obj4);
    obj2[0] = items6;
    tmp13Result = tmp13(closure_13, obj2);
    const tmp9Result = importDefault(5566);
  }
  const obj7 = { children: null };
  items5[1] = tmp13Result;
  obj[1] = items5;
  items3[1] = closure_12(View, obj);
  obj7[0] = items3;
  return closure_12(View, obj7);
}
function FriendsSinceDate(themeType) {
  themeType = themeType.themeType;
  let tmp;
  if (null != themeType) {
    tmp = dependencyMap[themeType];
  }
  if (tmp == null) {
    tmp = closure_14;
  }
  let obj = require(11960) /* useFriendsSinceDate */;
  const friendsSinceDate = obj.useFriendsSinceDate(themeType.userId);
  let tmp6 = null;
  if (null != friendsSinceDate) {
    obj = { children: null };
    obj = { themeType: null, children: null };
    obj[0] = themeType;
    const intl = tmp3(1236).intl;
    obj[1] = intl.string(tmp3(1236).t.wlTO8v);
    const items = [callback(Heading, obj), ];
    const obj1 = { variant: null, color: "text-default", children: null };
    obj1[0] = tmp.textVariant;
    obj1[2] = friendsSinceDate;
    items[1] = callback(tmp3(4185).Text, obj1);
    obj[0] = items;
    tmp6 = callback2(View, obj);
  }
  return tmp6;
}
function PolicyLinks(arg0) {
  let privacyPolicyUrl;
  let termsOfServiceUrl;
  let themeType;
  ({ termsOfServiceUrl, privacyPolicyUrl, themeType } = arg0);
  if (null != termsOfServiceUrl) {
    let obj = { themeType: null, children: null };
    obj[0] = themeType;
    const intl = require(1236) /* getSystemLocale */.intl;
    obj[1] = intl.string(require(1236) /* getSystemLocale */.t.l6DP2n);
    const items = [callback(Heading, obj), ];
    obj = { style: null, children: null };
    obj[0] = tmp.policyLinks;
    let tmp5Result = null != termsOfServiceUrl;
    if (tmp5Result) {
      obj = { url: null, label: null, themeType: null };
      obj[0] = termsOfServiceUrl;
      const intl2 = tmp7(1236).intl;
      obj[1] = intl2.string(tmp7(1236).t.s7STcY);
      obj[2] = themeType;
      tmp5Result = tmp5(PolicyLink, obj);
    }
    const items1 = [tmp5Result, ];
    tmp5Result = null != privacyPolicyUrl;
    if (tmp5Result) {
      const obj1 = { url: null, label: null, themeType: null };
      obj1[0] = privacyPolicyUrl;
      const intl3 = tmp7(1236).intl;
      obj1[1] = intl3.string(tmp7(1236).t.kH3JR5);
      obj1[2] = themeType;
      tmp5Result = tmp5(PolicyLink, obj1);
    }
    const obj2 = { children: null };
    items1[1] = tmp5Result;
    obj[1] = items1;
    items[1] = closure_12(View, obj);
    obj2[0] = items;
    let tmp3Result = tmp3(tmp4, obj2);
  } else {
    tmp3Result = null;
  }
  return tmp3Result;
}
function PolicyLink(children) {
  let require;
  let themeType;
  ({ url: require, themeType } = children);
  let tmp;
  if (null != themeType) {
    tmp = dependencyMap[themeType];
  }
  if (tmp == null) {
    tmp = closure_14;
  }
  let obj = {
    accessibilityRole: "link",
    onPress() {
      let obj = outer1_0(outer1_2[22]);
      obj = { href: closure_0 };
      return obj.handleClick(obj);
    },
    children: null
  };
  obj[2] = callback(require(4185) /* Text */.Text, { variant: tmp.textVariant, color: "text-link", children: children.label });
  return callback(require(1297) /* Button */.PressableOpacity, obj);
}
function BotSlashCommands(channel) {
  let application;
  let applicationId;
  let commandIds;
  let commands;
  let themeType;
  channel = channel.channel;
  let analyticsLocations;
  let context;
  application = undefined;
  ({ applicationId, commandIds, themeType } = channel);
  analyticsLocations = analyticsLocations(context[23])().analyticsLocations;
  let obj = channel(context[24]);
  context = obj.useUserProfileAnalyticsContext().context;
  const tmp = callback3();
  ({ commands, application } = analyticsLocations(context[25])(channel, applicationId, commandIds));
  const items = [application, , , , ];
  ({ id: arr[1], guild_id: arr[2] } = channel);
  items[3] = context;
  items[4] = analyticsLocations;
  let tmp8Result = null;
  if (null != commands) {
    tmp8Result = null;
    if (0 !== commands.length) {
      obj = { themeType: null, children: null };
      obj[0] = themeType;
      const intl2 = tmp3(tmp2[13]).intl;
      obj[1] = intl2.string(tmp3(tmp2[13]).t["0hKkS+"]);
      const items1 = [callback(Heading, obj), , ];
      obj = { style: null, children: null };
      obj[0] = tmp.slashCommands;
      obj[1] = commands.map((command) => outer1_11(analyticsLocations(context[33]), { application, channel, command }, command.id));
      items1[1] = callback(View, obj);
      let tmp10Result = null != application && null != application.bot;
      if (tmp10Result) {
        const obj1 = { size: "sm", variant: "tertiary", text: null, onPress: null };
        const intl = tmp3(tmp2[13]).intl;
        obj1[2] = intl.string(tmp3(tmp2[13]).t.VEfKyb);
        obj1[3] = tmp5;
        tmp10Result = tmp10(tmp3(tmp2[34]).Button, obj1);
      }
      const obj2 = { children: null };
      items1[2] = tmp10Result;
      obj2[0] = items1;
      tmp8Result = closure_12(View, obj2);
      tmp10 = callback;
      const tmp8 = closure_12;
      let tmp9 = View;
    }
  }
  return tmp8Result;
}
({ DIVIDER_DOT: metroImportAll, UserProfileThemeTypes } = ARBITRARY_LARGE_OFFSET);
({ jsx: unpackModuleId, jsxs: closure_12, Fragment: map1 } = jsxProd);
let closure_14 = { headingVariant: "text-sm/semibold", textVariant: "text-md/normal", headingSpacing: 8, rowGap: 24, columnGap: 6 };
let closure_15 = { [UserProfileThemeTypes.PREVIEW]: { headingVariant: "text-xs/semibold", textVariant: "text-sm/normal", headingSpacing: 4, rowGap: 12, columnGap: 3 } };
let closure_16 = createCacheKey.createStyles({ card: { flexDirection: "column" }, textWithIcon: { flexDirection: "row", alignItems: "center" }, memberJoinDates: { flexDirection: "row", flexWrap: "wrap" }, slashCommands: { flex: 1, flexDirection: "row", flexWrap: "wrap", marginBottom: 12 }, policyLinks: { rowGap: 8 } });
const result = require("_getSystemLocale").fileFinishedImporting("modules/user_profile/native/UserProfileAboutMeCard.tsx");

export default function UserProfileAboutMeCard(arg0) {
  let bioLineClamp;
  let channel;
  let displayProfile;
  let pendingBio;
  let style;
  let themeType;
  let userId;
  ({ userId, displayProfile, channel, themeType } = arg0);
  ({ pendingBio, bioLineClamp, style } = arg0);
  let tmp2;
  if (null != themeType) {
    tmp2 = dependencyMap[themeType];
  }
  if (tmp2 == null) {
    tmp2 = closure_14;
  }
  let application;
  if (displayProfile != null) {
    application = displayProfile.application;
  }
  let obj = { style: items, children: null };
  items = [callback3().card, { rowGap: tmp2.rowGap }, style];
  const tmp = callback3();
  const tmp5 = closure_12;
  const items1 = [callback(Bio, { userId, displayProfile, pendingBio, themeType, lineClamp: bioLineClamp }), , , , ];
  obj = { userId, guildId: null, themeType: null };
  let guildId;
  if (displayProfile != null) {
    guildId = displayProfile.guildId;
  }
  obj[1] = guildId;
  obj[2] = themeType;
  items1[1] = callback(MemberJoinDates, obj);
  items1[2] = callback(FriendsSinceDate, { userId, themeType });
  let termsOfServiceUrl;
  if (application != null) {
    termsOfServiceUrl = application.termsOfServiceUrl;
  }
  obj = { termsOfServiceUrl, privacyPolicyUrl: null, themeType: null };
  let privacyPolicyUrl;
  if (application != null) {
    privacyPolicyUrl = application.privacyPolicyUrl;
  }
  obj[1] = privacyPolicyUrl;
  obj[2] = themeType;
  items1[3] = callback(PolicyLinks, obj);
  let prop;
  if (application != null) {
    prop = application.popularApplicationCommandIds;
  }
  let tmp7Result = null != prop && null != channel;
  if (tmp7Result) {
    const obj1 = { applicationId: null, channel: null, commandIds: null, themeType: null };
    obj1[0] = application.id;
    obj1[1] = channel;
    obj1[2] = application.popularApplicationCommandIds;
    obj1[3] = themeType;
    tmp7Result = tmp7(BotSlashCommands, obj1);
  }
  items1[4] = tmp7Result;
  obj[1] = items1;
  return tmp5(importDefault(5562), obj);
};