// Module ID: 9932
// Function ID: 76822
// Name: EmptyCustomizeCommunity
// Dependencies: [31, 27, 4992, 1838, 4143, 3948, 5059, 5060, 653, 1853, 4327, 33, 4131, 689, 5053, 3841, 4067, 566, 9933, 9934, 1273, 1212, 4127, 5066, 5145, 5460, 5482, 1557, 9935, 5058, 5070, 5064, 5150, 1392, 1327, 3835, 3992, 4132, 9936, 4099, 5155, 1935, 4661, 5452, 5146, 2]
// Exports: default

// Module 9932 (EmptyCustomizeCommunity)
import _updateOnboardingResponses from "_updateOnboardingResponses";
import get_ActivityIndicator from "useSafeAreaInsets";
import _isNativeReflectConstruct from "_isNativeReflectConstruct";
import closure_8 from "_createForOfIteratorHelperLoose";
import closure_9 from "_isNativeReflectConstruct";
import closure_10 from "_isNativeReflectConstruct";
import closure_11 from "_isNativeReflectConstruct";
import _createForOfIteratorHelperLoose from "_createForOfIteratorHelperLoose";
import { EMOJI_URL_BASE_SIZE } from "set";
import { ReadStateTypes } from "ReadStateTypes";
import jsxProd from "getAvatarURL";
import _createForOfIteratorHelperLoose from "_createForOfIteratorHelperLoose";
import importDefaultResult from "createTextStyle";

let closure_12;
let closure_13;
let closure_16;
let closure_17;
let closure_18;
let closure_4;
let closure_5;
let closure_6;
const require = arg1;
function EmptyCustomizeCommunity(setTab) {
  setTab = setTab.setTab;
  const tmp = _createForOfIteratorHelperLoose();
  let obj = setTab(3841);
  let obj1 = setTab(566);
  const items = [closure_10];
  const importDefault = obj1.useStateFromStores(items, () => outer1_10.getGuildId());
  obj = { style: tmp.emptyContainer };
  obj = { style: tmp.emptyContainerImage };
  if (isThemeDarkResult) {
    let tmp9 = 9933;
  } else {
    tmp9 = 9934;
  }
  obj.source = importDefault(tmp9);
  const items1 = [callback(closure_5, obj), , ];
  obj1 = { style: tmp.emptyContainerHeader };
  const intl = setTab(1212).intl;
  obj1.children = intl.string(setTab(1212).t.leKHQz);
  items1[1] = callback(setTab(1273).LegacyText, obj1);
  const obj2 = { variant: "text-sm/medium", color: "text-subtle" };
  const intl2 = setTab(1212).intl;
  obj2.children = intl2.format(setTab(1212).t["jH+ktB"], {
    onBrowseChannels() {
      if (null != closure_1) {
        setTab(outer1_12.BROWSE);
      }
    }
  });
  items1[2] = callback(setTab(4127).Text, obj2);
  obj.children = items1;
  return closure_17(closure_4, obj);
}
function PromptTitle(item) {
  item = item.item;
  let obj = { style: _createForOfIteratorHelperLoose().titleContainer };
  obj = { variant: "text-md/semibold", color: "mobile-text-heading-primary" };
  const items = [item.title, ];
  let tmp4 = null;
  if (item.required) {
    obj = { variant: "text-md/bold", color: "text-feedback-critical", children: [" ", "*"] };
    tmp4 = callback2(require(4127) /* Text */.Text, obj);
  }
  items[1] = tmp4;
  obj.children = items;
  obj.children = callback2(require(4127) /* Text */.Heading, obj);
  return closure_16(closure_4, obj);
}
function PromptHelpText(arg0) {
  let _prompt;
  let helpText;
  let helpTextAdditional;
  let importDefault;
  let require;
  ({ guildId: require, prompt: _prompt, selectedOptionIds: importDefault } = arg0);
  let found;
  let obj = require(found[17]);
  const items = [closure_8];
  found = undefined;
  const stateFromStores = obj.useStateFromStores(items, () => outer1_8.getGuild(closure_0));
  if (null != _prompt) {
    const options = _prompt.options;
    if (null != options) {
      found = options.filter((id) => closure_1.includes(id.id));
    }
  }
  const items1 = [found];
  const items2 = [found];
  const memo = React.useMemo(() => {
    if (null != found) {
      let selectedRoleIds = outer1_0(found[23]).getSelectedRoleIds(found);
      const obj = outer1_0(found[23]);
    } else {
      const _Set = Set;
      selectedRoleIds = new Set();
    }
    return selectedRoleIds;
  }, items1);
  const memo1 = React.useMemo(() => {
    if (null != found) {
      let selectedChannelIds = outer1_0(found[23]).getSelectedChannelIds(found);
      const obj = outer1_0(found[23]);
    } else {
      const _Set = Set;
      selectedChannelIds = new Set();
    }
    return selectedChannelIds;
  }, items2);
  obj = {
    guild: stateFromStores,
    prompt: _prompt,
    selectedRoleIds: memo,
    selectedChannelIds: memo1,
    itemHook(children) {
      const obj = { variant: "text-xs/medium", color: "mobile-text-heading-primary", children };
      return outer1_16(outer1_0(found[22]).Text, obj, arg1);
    }
  };
  const tmp = _createForOfIteratorHelperLoose();
  ({ helpText, helpTextAdditional } = importDefault(found[24])(obj));
  if ("" !== helpText) {
    obj = { style: tmp.helpText, variant: "text-xs/medium", color: "text-default" };
    const items3 = [helpText, " ", helpTextAdditional];
    obj.children = items3;
    let tmp7 = callback2(require(found[22]).Text, obj);
  } else {
    tmp7 = null;
  }
  return tmp7;
}
function ConnectionsPrompt(guildId) {
  guildId = guildId.guildId;
  const tmp = _createForOfIteratorHelperLoose();
  let obj = guildId(566);
  const items = [closure_11];
  const stateFromStores = obj.useStateFromStores(items, () => outer1_11.getConnections(guildId));
  let tmp2 = null;
  if (0 !== stateFromStores.length) {
    obj = { style: tmp.connectionsPromptContainer };
    obj = { style: tmp.connectionsTitle, variant: "text-md/semibold", color: "mobile-text-heading-primary" };
    const intl = guildId(1212).intl;
    obj.children = intl.string(guildId(1212).t.eDVMrA);
    const items1 = [callback(guildId(4127).Text, obj), , ];
    const obj1 = { variant: "text-xs/medium", color: "text-muted" };
    const intl2 = guildId(1212).intl;
    obj1.children = intl2.string(guildId(1212).t.BozOXu);
    items1[1] = callback(guildId(4127).Text, obj1);
    const obj2 = {
      style: tmp.connectionsContainer,
      children: stateFromStores.map((connection) => {
          const obj = { connection, guildId, location: outer1_1(outer1_2[26]).CHANNELS_AND_ROLES };
          return outer1_16(outer1_1(outer1_2[25]), obj, arg1);
        })
    };
    items1[2] = callback(closure_4, obj2);
    obj.children = items1;
    tmp2 = callback2(closure_4, obj);
  }
  return tmp2;
}
function DropdownOption(option) {
  option = option.option;
  const tmp = _createForOfIteratorHelperLoose();
  let obj = option(566);
  const items = [_isNativeReflectConstruct];
  const stateFromStores = obj.useStateFromStores(items, () => {
    const emoji = option.emoji;
    let id;
    if (null != emoji) {
      id = emoji.id;
    }
    let usableCustomEmojiById = null;
    if (null != id) {
      const emoji2 = option.emoji;
      let id1;
      if (null != emoji2) {
        id1 = emoji2.id;
      }
      usableCustomEmojiById = outer1_7.getUsableCustomEmojiById(id1);
    }
    return usableCustomEmojiById;
  });
  let emoji = option.emoji;
  let id;
  if (null != emoji) {
    id = emoji.id;
  }
  let tmp8Result = null != id;
  if (!tmp8Result) {
    let emoji2 = option.emoji;
    let name;
    if (null != emoji2) {
      name = emoji2.name;
    }
    tmp8Result = null != name;
  }
  obj = { style: tmp.dropdownPill };
  if (tmp8Result) {
    obj = { style: tmp.emojiContainer };
    const obj1 = {};
    ({ optionTextEmoji: obj4.textEmojiStyle, optionImageEmoji: obj4.fastImageStyle } = tmp);
    let emojiURL;
    if (null != stateFromStores) {
      const obj2 = {};
      ({ id: obj6.id, animated: obj6.animated } = stateFromStores);
      obj2.size = EMOJI_URL_BASE_SIZE;
      emojiURL = importDefault(1392).getEmojiURL(obj2);
      const obj5 = importDefault(1392);
    }
    obj1.src = emojiURL;
    const emoji3 = option.emoji;
    let name1;
    if (null != emoji3) {
      name1 = emoji3.name;
    }
    let str = "";
    if (null != name1) {
      str = name1;
    }
    obj1.name = str;
    obj.children = callback(importDefault(5150), obj1);
    tmp8Result = callback(closure_4, obj);
    const tmp10 = callback;
    const tmp13 = importDefault(5150);
    const tmp8 = callback;
    const tmp9 = closure_4;
  }
  const items1 = [tmp8Result, callback(option(4127).Text, { variant: "text-md/semibold", children: option.title })];
  obj.children = items1;
  return closure_17(closure_4, obj);
}
function DropdownPrompt(guildId) {
  guildId = guildId.guildId;
  const _prompt = guildId.prompt;
  const tmp = _createForOfIteratorHelperLoose();
  const isNew = _prompt.isNew;
  let obj = guildId(isNew[17]);
  const items = [closure_11];
  const stateFromStoresArray = obj.useStateFromStoresArray(items, () => outer1_11.getOnboardingResponsesForPrompt(guildId, _prompt.id));
  const mapped = stateFromStoresArray.map((arg0) => {
    let closure_0 = arg0;
    const options = _prompt.options;
    return options.find((id) => id.id === closure_0);
  });
  const found = mapped.filter(guildId(isNew[34]).isNotNullish);
  let obj1 = guildId(isNew[35]);
  const token = obj1.useToken(_prompt(isNew[13]).colors.BACKGROUND_BRAND);
  let obj2 = guildId(isNew[36]);
  const fn = function c() {
    if (isNew) {
      let combined = concat(tmp, "FF");
    } else {
      combined = concat(tmp, "00");
    }
    let obj = {};
    const obj2 = guildId(isNew[36]);
    obj = { duration: 1 };
    const Easing = guildId(isNew[36]).Easing;
    obj.easing = Easing.in(guildId(isNew[36]).Easing.ease);
    const obj3 = guildId(isNew[37]);
    const withTimingResult = guildId(isNew[37]).withTiming(combined, obj);
    const obj5 = guildId(isNew[36]);
    obj = { duration: 300 };
    const combined1 = "" + token + "00";
    const Easing2 = guildId(isNew[36]).Easing;
    obj.easing = Easing2.out(guildId(isNew[36]).Easing.ease);
    obj.borderColor = obj2.withSequence(withTimingResult, obj5.withDelay(500, guildId(isNew[37]).withTiming(combined1, obj)));
    return obj;
  };
  obj = { isNew, brandColor: token, withSequence: guildId(isNew[36]).withSequence, withTiming: guildId(isNew[37]).withTiming, Easing: guildId(isNew[36]).Easing, withDelay: guildId(isNew[36]).withDelay };
  fn.__closure = obj;
  fn.__workletHash = 16609373875235;
  fn.__initData = closure_20;
  const animatedStyle = obj2.useAnimatedStyle(fn);
  const handleSelectOption = _prompt(isNew[38])(guildId).handleSelectOption;
  const items1 = [guildId, _prompt, handleSelectOption, stateFromStoresArray.length];
  const callback = stateFromStoresArray.useCallback(() => {
    let obj = _prompt(isNew[39]);
    obj = {
      guildId,
      promptId: _prompt.id,
      onSelect(arg0, arg1) {
        let required = !arg1;
        if (required) {
          required = outer1_1.required;
        }
        if (required) {
          required = 1 === outer1_3.length;
        }
        if (!required) {
          let tmp6 = null != arg1;
          if (tmp6) {
            tmp6 = arg1;
          }
          outer1_5(outer1_1, arg0, tmp6);
          const tmp3 = outer1_5;
          const tmp4 = outer1_1;
        }
      },
      canBeNew: !_prompt.isNew,
      returnToCustomize: true
    };
    obj.openLazy(guildId(isNew[41])(isNew[40], isNew.paths), "DropdownOptions", obj);
  }, items1);
  obj = { style: items2 };
  items2 = [tmp.promptContainer, animatedStyle];
  let isNew2 = _prompt.isNew;
  if (isNew2) {
    obj1 = { color: guildId(isNew[20]).BadgeColors.BRAND };
    const intl = guildId(isNew[21]).intl;
    obj1.text = intl.string(guildId(isNew[21]).t.y2b7CA);
    ({ badge: obj6.style, badgeText: obj6.textStyle } = tmp);
    isNew2 = callback(guildId(isNew[20]).TextBadge, obj1);
  }
  const items3 = [isNew2, callback(PromptTitle, { item: _prompt }), , ];
  obj2 = { style: tmp.dropdownContainer, onPress: callback };
  let tmp10 = 0 === found.length;
  if (tmp10) {
    let obj3 = { style: tmp.emptyDropdownText, variant: "text-sm/normal", color: "text-muted" };
    const intl2 = guildId(isNew[21]).intl;
    obj3.children = intl2.string(guildId(isNew[21]).t.GmSvdA);
    tmp10 = callback(guildId(isNew[22]).Text, obj3);
  }
  const items4 = [tmp10, found.map((id) => outer1_16(outer1_26, { option: id }, id.id)), ];
  const obj4 = { style: tmp.dropdownIconContainer, children: callback(handleSelectOption, { style: tmp.dropdownIcon, source: _prompt(isNew[43]) }) };
  items4[2] = callback(token, obj4);
  obj2.children = items4;
  items3[2] = closure_17(guildId(isNew[42]).PressableHighlight, obj2);
  items3[3] = callback(PromptHelpText, { guildId, prompt: _prompt, selectedOptionIds: stateFromStoresArray });
  obj.children = items3;
  return closure_17(_prompt(isNew[36]).View, obj);
}
function MultipleChoicePrompt(guildId) {
  guildId = guildId.guildId;
  const _prompt = guildId.prompt;
  const tmp = _createForOfIteratorHelperLoose();
  const isNew = _prompt.isNew;
  let obj = guildId(isNew[17]);
  const items = [closure_11];
  const stateFromStoresArray = obj.useStateFromStoresArray(items, () => outer1_11.getOnboardingResponsesForPrompt(guildId, _prompt.id));
  const handleSelectOption = _prompt(isNew[38])(guildId).handleSelectOption;
  let obj1 = guildId(isNew[35]);
  const token = obj1.useToken(_prompt(isNew[13]).colors.BACKGROUND_BRAND);
  const fn = function u() {
    if (isNew) {
      let combined = concat(tmp, "FF");
    } else {
      combined = concat(tmp, "00");
    }
    let obj = {};
    const obj2 = guildId(isNew[36]);
    obj = { duration: 1 };
    const Easing = guildId(isNew[36]).Easing;
    obj.easing = Easing.in(guildId(isNew[36]).Easing.ease);
    const obj3 = guildId(isNew[37]);
    const withTimingResult = guildId(isNew[37]).withTiming(combined, obj);
    const obj5 = guildId(isNew[36]);
    obj = { duration: 300 };
    const combined1 = "" + token + "00";
    const Easing2 = guildId(isNew[36]).Easing;
    obj.easing = Easing2.out(guildId(isNew[36]).Easing.ease);
    obj.borderColor = obj2.withSequence(withTimingResult, obj5.withDelay(500, guildId(isNew[37]).withTiming(combined1, obj)));
    return obj;
  };
  obj = { isNew, brandColor: token, withSequence: guildId(isNew[36]).withSequence, withTiming: guildId(isNew[37]).withTiming, Easing: guildId(isNew[36]).Easing, withDelay: guildId(isNew[36]).withDelay };
  fn.__closure = obj;
  fn.__workletHash = 12802766002208;
  fn.__initData = closure_21;
  const animatedStyle = guildId(isNew[36]).useAnimatedStyle(fn);
  obj = { style: items1 };
  items1 = [tmp.promptContainer, animatedStyle];
  let isNew2 = _prompt.isNew;
  if (isNew2) {
    obj1 = { color: guildId(isNew[20]).BadgeColors.BRAND };
    const intl = guildId(isNew[21]).intl;
    obj1.text = intl.string(guildId(isNew[21]).t.y2b7CA);
    ({ badge: obj6.style, badgeText: obj6.textStyle } = tmp);
    isNew2 = callback(guildId(isNew[20]).TextBadge, obj1);
  }
  const items2 = [isNew2, callback(PromptTitle, { item: _prompt }), , ];
  const options = _prompt.options;
  items2[2] = options.map((id) => {
    let closure_0 = id;
    const obj = {
      guildId: closure_0,
      option: id,
      selected: stateFromStoresArray.includes(id.id),
      onSelect(arg0) {
        let required = !arg0;
        if (required) {
          required = outer1_1.required;
        }
        if (required) {
          required = 1 === outer1_3.length;
        }
        if (!required) {
          let tmp7 = null != arg0;
          if (tmp7) {
            tmp7 = arg0;
          }
          outer1_4(outer1_1, closure_0, tmp7);
          const tmp4 = outer1_4;
          const tmp5 = outer1_1;
        }
      },
      suppressMemberCount: true,
      canBeNew: !_prompt.isNew
    };
    return outer1_16(_prompt(isNew[44]), obj, id.id);
  });
  items2[3] = callback(PromptHelpText, { guildId, prompt: _prompt, selectedOptionIds: stateFromStoresArray });
  obj.children = items2;
  return closure_17(_prompt(isNew[36]).View, obj);
}
({ View: closure_4, Image: closure_5, ScrollView: closure_6 } = get_ActivityIndicator);
({ GuildOnboardingTab: closure_12, OnboardingPromptType: closure_13 } = _createForOfIteratorHelperLoose);
({ jsx: closure_16, jsxs: closure_17, Fragment: closure_18 } = jsxProd);
_createForOfIteratorHelperLoose = {};
_createForOfIteratorHelperLoose = { paddingHorizontal: require("_createForOfIteratorHelperLoose").space.PX_16 };
_createForOfIteratorHelperLoose.container = _createForOfIteratorHelperLoose;
_createForOfIteratorHelperLoose.sheetTitle = { marginTop: require("_createForOfIteratorHelperLoose").space.PX_16 };
let obj1 = { marginTop: require("_createForOfIteratorHelperLoose").space.PX_16 };
_createForOfIteratorHelperLoose.promptContainer = { position: "relative", backgroundColor: require("_createForOfIteratorHelperLoose").colors.BACKGROUND_SURFACE_HIGH, marginTop: require("_createForOfIteratorHelperLoose").space.PX_12, padding: require("_createForOfIteratorHelperLoose").space.PX_12, borderRadius: require("_createForOfIteratorHelperLoose").radii.md, borderWidth: 2, borderStyle: "solid" };
let obj3 = { flexDirection: "row", alignItems: "center", marginBottom: require("_createForOfIteratorHelperLoose").space.PX_12 };
_createForOfIteratorHelperLoose.titleContainer = obj3;
_createForOfIteratorHelperLoose.badge = { position: "absolute", top: -6, right: -6 };
_createForOfIteratorHelperLoose.badgeText = { fontWeight: "bold" };
let obj2 = { position: "relative", backgroundColor: require("_createForOfIteratorHelperLoose").colors.BACKGROUND_SURFACE_HIGH, marginTop: require("_createForOfIteratorHelperLoose").space.PX_12, padding: require("_createForOfIteratorHelperLoose").space.PX_12, borderRadius: require("_createForOfIteratorHelperLoose").radii.md, borderWidth: 2, borderStyle: "solid" };
_createForOfIteratorHelperLoose.dropdownContainer = { borderRadius: require("_createForOfIteratorHelperLoose").radii.lg, backgroundColor: require("_createForOfIteratorHelperLoose").colors.BACKGROUND_BASE_LOWEST, padding: require("_createForOfIteratorHelperLoose").space.PX_8, paddingRight: require("_createForOfIteratorHelperLoose").space.PX_32, minHeight: 48, marginBottom: require("_createForOfIteratorHelperLoose").space.PX_12, display: "flex", flexDirection: "row", flexWrap: "wrap", alignItems: "center", position: "relative" };
let obj4 = { borderRadius: require("_createForOfIteratorHelperLoose").radii.lg, backgroundColor: require("_createForOfIteratorHelperLoose").colors.BACKGROUND_BASE_LOWEST, padding: require("_createForOfIteratorHelperLoose").space.PX_8, paddingRight: require("_createForOfIteratorHelperLoose").space.PX_32, minHeight: 48, marginBottom: require("_createForOfIteratorHelperLoose").space.PX_12, display: "flex", flexDirection: "row", flexWrap: "wrap", alignItems: "center", position: "relative" };
_createForOfIteratorHelperLoose.emptyDropdownText = { marginVertical: require("_createForOfIteratorHelperLoose").space.PX_12, marginLeft: require("_createForOfIteratorHelperLoose").space.PX_4 };
let obj5 = { marginVertical: require("_createForOfIteratorHelperLoose").space.PX_12, marginLeft: require("_createForOfIteratorHelperLoose").space.PX_4 };
_createForOfIteratorHelperLoose.dropdownPill = { borderRadius: require("_createForOfIteratorHelperLoose").radii.sm, backgroundColor: require("_createForOfIteratorHelperLoose").colors.BACKGROUND_BASE_LOW, padding: 6, marginRight: require("_createForOfIteratorHelperLoose").space.PX_8, marginTop: require("_createForOfIteratorHelperLoose").space.PX_8, display: "flex", flexDirection: "row", alignItems: "center" };
_createForOfIteratorHelperLoose.emojiContainer = { display: "flex", alignItems: "center" };
let obj6 = { borderRadius: require("_createForOfIteratorHelperLoose").radii.sm, backgroundColor: require("_createForOfIteratorHelperLoose").colors.BACKGROUND_BASE_LOW, padding: 6, marginRight: require("_createForOfIteratorHelperLoose").space.PX_8, marginTop: require("_createForOfIteratorHelperLoose").space.PX_8, display: "flex", flexDirection: "row", alignItems: "center" };
_createForOfIteratorHelperLoose.dropdownIconContainer = { position: "absolute", right: require("_createForOfIteratorHelperLoose").space.PX_4, top: require("_createForOfIteratorHelperLoose").space.PX_12 };
_createForOfIteratorHelperLoose.dropdownIcon = { height: 32, width: 32 };
_createForOfIteratorHelperLoose.optionTextEmoji = { fontSize: 18, lineHeight: 22, marginRight: 6 };
_createForOfIteratorHelperLoose.optionImageEmoji = { height: 22, width: 22, marginRight: 6 };
let obj7 = { position: "absolute", right: require("_createForOfIteratorHelperLoose").space.PX_4, top: require("_createForOfIteratorHelperLoose").space.PX_12 };
_createForOfIteratorHelperLoose.helpText = { marginTop: require("_createForOfIteratorHelperLoose").space.PX_4 };
let obj8 = { marginTop: require("_createForOfIteratorHelperLoose").space.PX_4 };
_createForOfIteratorHelperLoose.sectionSeparator = { marginTop: require("_createForOfIteratorHelperLoose").space.PX_24, marginBottom: require("_createForOfIteratorHelperLoose").space.PX_16, height: 1, backgroundColor: require("_createForOfIteratorHelperLoose").colors.BORDER_SUBTLE };
_createForOfIteratorHelperLoose.emptyContainer = { height: 400, display: "flex", alignItems: "center", justifyContent: "center" };
let obj10 = { width: 120, height: 80, marginBottom: require("_createForOfIteratorHelperLoose").space.PX_16 };
_createForOfIteratorHelperLoose.emptyContainerImage = obj10;
let obj11 = {};
let obj9 = { marginTop: require("_createForOfIteratorHelperLoose").space.PX_24, marginBottom: require("_createForOfIteratorHelperLoose").space.PX_16, height: 1, backgroundColor: require("_createForOfIteratorHelperLoose").colors.BORDER_SUBTLE };
const merged = Object.assign(require("createTextStyle")(require("ME").Fonts.DISPLAY_SEMIBOLD, require("_createForOfIteratorHelperLoose").colors.MOBILE_TEXT_HEADING_PRIMARY, 18));
obj11["marginBottom"] = require("_createForOfIteratorHelperLoose").space.PX_4;
_createForOfIteratorHelperLoose.emptyContainerHeader = obj11;
_createForOfIteratorHelperLoose.connectionsContainer = { marginTop: require("_createForOfIteratorHelperLoose").space.PX_12 };
const obj12 = { marginTop: require("_createForOfIteratorHelperLoose").space.PX_12 };
_createForOfIteratorHelperLoose.connectionsPromptContainer = { marginTop: require("_createForOfIteratorHelperLoose").space.PX_12 };
const obj13 = { marginTop: require("_createForOfIteratorHelperLoose").space.PX_12 };
_createForOfIteratorHelperLoose.connectionsTitle = { marginBottom: require("_createForOfIteratorHelperLoose").space.PX_4 };
_createForOfIteratorHelperLoose = _createForOfIteratorHelperLoose.createStyles(_createForOfIteratorHelperLoose);
let closure_20 = { code: "function CustomizeCommunityTsx1(){const{isNew,brandColor,withSequence,withTiming,Easing,withDelay}=this.__closure;const rawBorderColor=isNew?brandColor+\"FF\":brandColor+\"00\";const borderColor=withSequence(withTiming(rawBorderColor,{duration:1,easing:Easing.in(Easing.ease)}),withDelay(500,withTiming(brandColor+\"00\",{duration:300,easing:Easing.out(Easing.ease)})));return{borderColor:borderColor};}" };
let closure_21 = { code: "function CustomizeCommunityTsx2(){const{isNew,brandColor,withSequence,withTiming,Easing,withDelay}=this.__closure;const rawBorderColor=isNew?brandColor+\"FF\":brandColor+\"00\";const borderColor=withSequence(withTiming(rawBorderColor,{duration:1,easing:Easing.in(Easing.ease)}),withDelay(500,withTiming(brandColor+\"00\",{duration:300,easing:Easing.out(Easing.ease)})));return{borderColor:borderColor};}" };
const obj14 = { marginBottom: require("_createForOfIteratorHelperLoose").space.PX_4 };
let result = require("_isNativeReflectConstruct").fileFinishedImporting("modules/guild_onboarding/native/CustomizeCommunity.tsx");

export default function CustomizeCommunity(guildId) {
  let newAnswersCount;
  let newOnboardingPrompts;
  let onboardingPrompts;
  let onboardingPromptsRaw;
  let onboardingPromptsWithNewAnswers;
  guildId = guildId.guildId;
  let tmp = _createForOfIteratorHelperLoose();
  const bottom = stateFromStores(1557)().bottom;
  let obj = guildId(566);
  const items = [closure_9];
  stateFromStores = obj.useStateFromStores(items, () => outer1_9.hasUnread(guildId, outer1_15.GUILD_ONBOARDING_QUESTION));
  let obj1 = guildId(566);
  const items1 = [closure_8];
  const stateFromStores1 = obj1.useStateFromStores(items1, () => {
    const guild = outer1_8.getGuild(guildId);
    let prop;
    if (null != guild) {
      prop = guild.latestOnboardingQuestionId;
    }
    return prop;
  });
  let tmp4 = stateFromStores(9935)(guildId);
  ({ newOnboardingPrompts, onboardingPromptsWithNewAnswers, onboardingPrompts } = tmp4);
  const items2 = [guildId, stateFromStores, stateFromStores1];
  ({ onboardingPromptsRaw, newAnswersCount } = tmp4);
  const effect = React.useEffect(() => {
    let tmp = null != guildId;
    if (tmp) {
      tmp = outer1_11.shouldFetchPrompts(guildId) || stateFromStores;
      const tmp4 = outer1_11.shouldFetchPrompts(guildId) || stateFromStores;
    }
    if (tmp) {
      const onboardingPrompts = guildId(outer1_2[29]).fetchOnboardingPrompts(guildId);
      const obj = guildId(outer1_2[29]);
    }
  }, items2);
  const items3 = [guildId];
  const effect1 = React.useEffect(() => null != guildId ? (() => {
    guildId(outer2_2[30]).ackGuildFeature(outer1_0, outer2_15.GUILD_ONBOARDING_QUESTION, outer2_11.ackIdForGuild(outer1_0));
    const obj = guildId(outer2_2[30]);
    const result = stateFromStores(outer2_2[31]).updateOnboardingResponses(outer1_0);
  }) : undefined, items3);
  const items4 = [guildId];
  const callback = React.useCallback((type) => {
    type = type.type;
    if (outer1_13.MULTIPLE_CHOICE === type) {
      let obj = { guildId, prompt: type };
      return outer1_16(outer1_28, obj, type.id);
    } else if (outer1_13.DROPDOWN === type) {
      obj = { guildId, prompt: type };
      return outer1_16(outer1_27, obj, type.id);
    }
  }, items4);
  if (0 === onboardingPromptsRaw.length) {
    obj = { style: tmp.container };
    obj = { paddingBottom: bottom + stateFromStores(689).space.PX_16 };
    obj.contentContainerStyle = obj;
    obj1 = { setTab: guildId.setTab };
    obj.children = callback(EmptyCustomizeCommunity, obj1);
    let tmp32Result = callback(closure_6, obj);
  } else {
    const obj2 = { style: tmp.container };
    const obj3 = { paddingBottom: bottom + stateFromStores(689).space.PX_16 };
    obj2.contentContainerStyle = obj3;
    let tmp8 = newOnboardingPrompts.length > 0 || onboardingPromptsWithNewAnswers.length > 0;
    if (tmp8) {
      const obj4 = {};
      const obj5 = { style: tmp.sheetTitle, variant: "text-md/medium", color: "mobile-text-heading-primary" };
      const intl = guildId(1212).intl;
      const obj6 = { count: newOnboardingPrompts.length + newAnswersCount };
      obj5.children = intl.format(guildId(1212).t.iB5Gqe, obj6);
      const items5 = [callback(guildId(4127).Text, obj5), newOnboardingPrompts.map(callback), onboardingPromptsWithNewAnswers.map(callback), ];
      const obj7 = { style: tmp.sectionSeparator };
      items5[3] = callback(closure_4, obj7);
      obj4.children = items5;
      tmp8 = callback2(closure_18, obj4);
    }
    const items6 = [tmp8, , ];
    let tmp16 = onboardingPrompts.length > 0;
    if (tmp16) {
      const obj8 = {};
      const obj9 = { style: tmp.sheetTitle, variant: "text-md/medium", color: "mobile-text-heading-primary" };
      const intl2 = guildId(1212).intl;
      obj9.children = intl2.string(guildId(1212).t.BGkaer);
      const items7 = [callback(guildId(4127).Text, obj9), , ];
      const obj10 = { variant: "text-xs/medium", color: "text-muted" };
      const intl3 = guildId(1212).intl;
      obj10.children = intl3.string(guildId(1212).t.r6Vm8T);
      items7[1] = callback(guildId(4127).Text, obj10);
      items7[2] = onboardingPrompts.map(callback);
      obj8.children = items7;
      tmp16 = callback2(closure_18, obj8);
    }
    items6[1] = tmp16;
    const obj11 = { guildId };
    items6[2] = callback(ConnectionsPrompt, obj11);
    obj2.children = items6;
    tmp32Result = callback2(closure_6, obj2);
    const tmp32 = callback2;
    const tmp33 = closure_6;
  }
  return tmp32Result;
};