// Module ID: 11448
// Function ID: 11449
// Name: BadgeDirectoryView
// Dependencies: [19, 17, 1372, 8422, 1074, 11449, 21, 4722, 576, 1478, 4718, 11443, 1612, 504, 8427, 11450, 1115, 11446, 7578, 5144, 5747, 2]
// Exports: default

// Module 11448 (BadgeDirectoryView)
import nativeDefault from "native" /* 576 */;
import Text_Text from "Text/Text" /* 4718 */;
import BadgeDirectoryActionCreators from "BadgeDirectoryActionCreators" /* 8427 */;
import BadgeCatalogIconDefault from "BadgeCatalogIcon" /* 11443 */;
import BadgeUtils from "BadgeUtils" /* 11450 */;
import noop from "module_19" /* 19 */;
import UserStore from "UserStore" /* 1372 */;
import BadgeDirectoryStore from "BadgeDirectoryStore" /* 8422 */;

require = fn;
function BadgeSection(children) {
  ({ badges, tileSize: require, emptyText } = children);
  let map = closure_12();
  if (0 === badges.length) {
    if (null == emptyText) {
      return null;
    }
  }
  let obj = { style: map.section, children: null };
  let items = [closure_10(Text_Text.Text, { variant: "text-md/medium", color: "text-strong", children: children.title }), ];
  if (badges.length > 0) {
    const obj2 = { style: map.grid, children: null };
    map = badges.map;
    obj2.children = map((accessibilityLabel) => {
      const obj = { style: null, accessible: true, accessibilityLabel: accessibilityLabel.name, children: closure_2_10(BadgeCatalogIconDefault, { badge: accessibilityLabel, size: 44 }) };
      const items = [map.tile, ];
      const size = { width: height, height };
      items[1] = size;
      obj.style = items;
      return closure_2_10(hasOwnProperty, obj, accessibilityLabel.badge_id);
    });
    let tmp4Result = tmp4(tmp3, obj2);
  } else {
    const obj3 = { variant: "text-md/medium", color: "text-muted", children: emptyText };
    tmp4Result = tmp4(Text_Text.Text, obj3);
  }
  items[1] = tmp4Result;
  obj.children = items;
  closure_11(closure_5, obj);
}
get_ActivityIndicator = fn(17);
({ ScrollView: closure_4, View: hasOwnProperty } = get_ActivityIndicator);
const UserSettingsSections = fn(1074).UserSettingsSections;
let closure_9 = fn(11449).UserProfileEditAutoFocusElement;
const jsxProd = fn(21);
({ jsx: c10, jsxs: closure_11 } = jsxProd);
const createStyles = fn(4722);
let obj2 = { container: { flex: 1, backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOWER }, content: null, centered: null, section: null, grid: null, tile: null, footer: null };
let obj3 = { flex: 1, backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOWER };
obj2.content = { paddingHorizontal: nativeDefault.space.PX_16, paddingTop: nativeDefault.space.PX_16, paddingBottom: nativeDefault.space.PX_24, gap: nativeDefault.space.PX_48 };
let obj4 = { paddingHorizontal: nativeDefault.space.PX_16, paddingTop: nativeDefault.space.PX_16, paddingBottom: nativeDefault.space.PX_24, gap: nativeDefault.space.PX_48 };
obj2.centered = { flex: 1, alignItems: "center", justifyContent: "center", gap: nativeDefault.space.PX_16, padding: nativeDefault.space.PX_32 };
let obj5 = { flex: 1, alignItems: "center", justifyContent: "center", gap: nativeDefault.space.PX_16, padding: nativeDefault.space.PX_32 };
obj2.section = { gap: nativeDefault.space.PX_16 };
let obj6 = { gap: nativeDefault.space.PX_16 };
obj2.grid = { flexDirection: "row", flexWrap: "wrap", gap: nativeDefault.space.PX_12 };
const obj7 = { flexDirection: "row", flexWrap: "wrap", gap: nativeDefault.space.PX_12 };
obj2.tile = { alignItems: "center", justifyContent: "center", borderRadius: nativeDefault.radii.sm, backgroundColor: nativeDefault.colors.BACKGROUND_MOD_SUBTLE };
let obj8 = { alignItems: "center", justifyContent: "center", borderRadius: nativeDefault.radii.sm, backgroundColor: nativeDefault.colors.BACKGROUND_MOD_SUBTLE };
obj2.footer = { paddingHorizontal: nativeDefault.space.PX_16, paddingTop: nativeDefault.space.PX_16 };
let closure_12 = createStyles.createStyles(obj2);
let size = fn(2);
let result = size.fileFinishedImporting("modules/badges/native/BadgeDirectoryView.tsx");

export default function BadgeDirectoryView(targetUserId) {
  targetUserId = undefined;
  let stateFromStoresArray;
  const tmp = closure_12();
  let stringResult1 = stateFromStoresArray;
  const diff = targetUserId(stateFromStoresArray[9])().width - 2 * targetUserId(stateFromStoresArray[8]).space.PX_16;
  let result = 3 * targetUserId(stateFromStoresArray[8]).space.PX_12;
  let items = [tmp.footer, { paddingBottom: targetUserId(stateFromStoresArray[12])().bottom + targetUserId(stateFromStoresArray[8]).space.PX_16 }];
  let obj = { paddingBottom: targetUserId(stateFromStoresArray[12])().bottom + targetUserId(stateFromStoresArray[8]).space.PX_16 };
  const items1 = [UserStore];
  const stateFromStores = targetUserId(stateFromStoresArray[13]).useStateFromStores(items1, () => {
    currentUser = currentUser.getCurrentUser();
    let id;
    if (currentUser != null) {
      id = currentUser.id;
    }
    return id;
  });
  let obj2 = targetUserId(stateFromStoresArray[13]);
  const items2 = [UserStore];
  const stateFromStores1 = targetUserId(stateFromStoresArray[13]).useStateFromStores(items2, () => {
    let tmp2;
    if (null != targetUserId) {
      const user = UserStore.getUser(tmp);
      let username;
      if (user != null) {
        username = user.username;
      }
      tmp2 = username;
    }
    return tmp2;
  });
  let tmp9 = stateFromStores;
  if (null != targetUserId && targetUserId !== stateFromStores) {
    tmp9 = targetUserId;
  }
  targetUserId = tmp9;
  let obj3 = targetUserId(stateFromStoresArray[13]);
  const items3 = [BadgeDirectoryStore];
  const items4 = [tmp9];
  stateFromStoresArray = targetUserId(stringResult1[13]).useStateFromStoresArray(items3, () => {
    if (null != targetUserId) {
      let badges = BadgeDirectoryStore.getBadges(tmp);
    } else {
      badges = [];
    }
    return badges;
  }, items4);
  const tmp5Result = targetUserId(stringResult1[13]);
  const items5 = [BadgeDirectoryStore];
  const items6 = [tmp9];
  const stateFromStores2 = targetUserId(stringResult1[13]).useStateFromStores(items5, () => {
    let hasCatalogForResult = null != targetUserId;
    if (hasCatalogForResult) {
      hasCatalogForResult = BadgeDirectoryStore.hasCatalogFor(tmp);
    }
    return hasCatalogForResult;
  }, items6);
  const tmp5Result3 = targetUserId(stringResult1[13]);
  const items7 = [BadgeDirectoryStore];
  const items8 = [tmp9];
  const items9 = [tmp9];
  const stateFromStores3 = targetUserId(stringResult1[13]).useStateFromStores(items7, () => BadgeDirectoryStore.hasCatalogFetchErrorFor(targetUserId), items8);
  const effect = noop.useEffect(() => {
    if (null != targetUserId) {
      if (!tmp2) {
        const badgeDirectory = BadgeDirectoryActionCreators.fetchBadgeDirectory(tmp);
      }
      tmp2 = BadgeDirectoryStore.hasCatalogFor(tmp) && !BadgeDirectoryStore.isCatalogStaleFor(tmp);
    }
  }, items9);
  const items10 = [stateFromStoresArray];
  const memo = noop.useMemo(() => BadgeUtils.getDirectoryBadges(stateFromStoresArray), items10);
  const owned = memo.owned;
  if (null != targetUserId && targetUserId !== stateFromStores) {
    if (null != stateFromStores1) {
      const intl2 = tmp5(stringResult1[16]).intl;
      const obj4 = { username: stateFromStores1 };
      let formatToPlainStringResult = intl2.formatToPlainString(tmp5(stringResult1[16]).t.EIcwoe, obj4);
    }
    const items11 = [tmp9];
    const callback = obj7.useCallback(() => {
      if (null != targetUserId) {
        const badgeDirectory = BadgeDirectoryActionCreators.fetchBadgeDirectory(tmp, { isRetry: true });
      }
    }, items11);
    const callback1 = obj7.useCallback(() => {
      const result = targetUserId(stateFromStoresArray[17]).closeBadgeDirectoryScreen();
      const obj = targetUserId(stateFromStoresArray[17]);
      const obj3 = { screen: constants.PROFILE_CUSTOMIZATION, params: { autoFocusElement: constants2.BADGES } };
      targetUserId(stateFromStoresArray[18]).openUserSettings(obj3);
    }, []);
    let string = obj7.useCallback(() => {
      const result = targetUserId(stateFromStoresArray[17]).closeBadgeDirectoryScreen();
      const obj = targetUserId(stateFromStoresArray[17]);
      const result1 = targetUserId(stateFromStoresArray[17]).openBadgeDirectoryScreen();
    }, []);
    if (!stateFromStores2) {
      if (stateFromStores3) {
        const obj5 = { style: tmp.centered, children: null };
        const obj6 = { variant: "text-md/semibold", children: null };
        const intl3 = tmp5(stringResult1[16]).intl;
        obj6.children = intl3.string(tmp5(stringResult1[16]).t.iufib1);
        const items12 = [closure_10(tmp5(stringResult1[10]).Text, obj6), , ];
        const obj8 = { variant: "text-md/normal", color: "text-subtle", children: null };
        const intl4 = tmp5(stringResult1[16]).intl;
        obj8.children = intl4.string(tmp5(stringResult1[16]).t.eAn6z2);
        items12[1] = closure_10(tmp5(stringResult1[10]).Text, obj8);
        const obj9 = { variant: "secondary", size: "sm", onPress: callback, text: null };
        const intl5 = tmp5(stringResult1[16]).intl;
        obj9.text = intl5.string(tmp5(stringResult1[16]).t["7NqTJn"]);
        items12[2] = closure_10(tmp5(stringResult1[19]).Button, obj9);
        obj5.children = items12;
        return closure_11(closure_5, obj5);
      }
    }
    if (!stateFromStores2) {
      const obj10 = { style: tmp.centered, children: closure_10(tmp5(stringResult1[20]).ActivityIndicator, {}) };
      closure_10(closure_5, obj10);
    }
    let result1 = (diff - result) / 4;
    const obj11 = { style: tmp.container, children: null };
    const obj12 = { contentContainerStyle: tmp.content, children: null };
    const obj13 = { title: formatToPlainStringResult, badges: owned, tileSize: result1, emptyText: null };
    let stringResult;
    if (!tmp8) {
      const intl6 = tmp5(stringResult1[16]).intl;
      stringResult = intl6.string(tmp5(stringResult1[16]).t.Qno0jg);
    }
    obj13.emptyText = stringResult;
    const items13 = [closure_10(BadgeSection, obj13), ];
    let tmp28Result = !tmp8;
    if (!tmp8) {
      const obj14 = { title: null, badges: null, tileSize: null };
      const intl7 = tmp5(stringResult1[16]).intl;
      obj14.title = intl7.string(tmp5(stringResult1[16]).t["0YzU//"]);
      obj14.badges = tmp15;
      obj14.tileSize = result1;
      tmp28Result = tmp28(tmp29, obj14);
    }
    items13[1] = tmp28Result;
    obj12.children = items13;
    const items14 = [closure_11(closure_4, obj12), ];
    if (tmp8) {
      const obj15 = { style: items, children: null };
      const obj16 = { variant: "secondary", onPress: string, text: null };
      const intl9 = tmp5(stringResult1[16]).intl;
      string = intl9.string;
      stringResult1 = string(tmp5(stringResult1[16]).t.msyp90);
      obj16.text = stringResult1;
      items = tmp28(tmp5(stringResult1[19]).Button, obj16);
      obj15.children = items;
      let tmp28Result2 = tmp28(tmp26, obj15);
    } else {
      tmp28Result2 = owned.length > 0;
      if (tmp28Result2) {
        const obj17 = { style: items, children: null };
        const obj18 = { variant: "secondary", onPress: callback1, text: null };
        const intl8 = tmp5(stringResult1[16]).intl;
        obj18.text = intl8.string(tmp5(stringResult1[16]).t["6CLLyH"]);
        obj17.children = tmp28(tmp5(stringResult1[19]).Button, obj18);
        tmp28Result2 = tmp28(tmp26, obj17);
      }
    }
    items14[1] = tmp28Result2;
    obj11.children = items14;
    closure_11(closure_5, obj11);
  }
  const intl = tmp5(stringResult1[16]).intl;
  formatToPlainStringResult = intl.string(tmp5(stringResult1[16]).t.UqnlQF);
};