// Module ID: 15628
// Function ID: 15629
// Name: CutoutGuildIcon
// Dependencies: [32, 19, 17, 1891, 8898, 21, 4303, 712, 8293, 5779, 589, 4239, 7304, 8912, 4036, 4713, 1483, 4846, 14297, 4299, 1236, 4153, 2]
// Exports: default

// Module 15628 (CutoutGuildIcon)
import _slicedToArray from "_slicedToArray";
import Text from "Text";
import get_ActivityIndicator from "PressableBase";
import createGuildRecordFromRust from "createGuildRecordFromRust";
import filterStaffGuild from "filterStaffGuild";
import jsxProd from "AccessibilityAnnouncer";
import createCacheKey from "createCacheKey";

let c10;
let c5;
let c9;
let closure_6;
const require = arg1;
function CutoutGuildIcon(guild) {
  let obj = { style: { width: 24, height: 24 }, children: null };
  obj = { cutouts: null, children: null };
  obj = { shape: null, x: 18, y: -4, width: 32, height: 32, cornerRadius: null };
  const tmp = createCacheKey();
  obj[0] = require(8293) /* SolidCutout */.CutoutShape.RoundedRect;
  obj[5] = importDefault(712).radii.md;
  const items = [obj];
  obj[0] = items;
  const obj1 = { guild: guild.guild, size: null, style: null };
  const tmp2 = importDefault(8293);
  obj1[1] = require(5779) /* GuildIconSizes */.GuildIconSizes.XSMALL;
  obj1[2] = tmp.guildIconBG;
  obj[1] = callback(importDefault(5779), obj1);
  obj[1] = callback(tmp2, obj);
  return callback(closure_6, obj);
}
({ ActivityIndicator: c5, View: closure_6 } = get_ActivityIndicator);
({ jsx: c9, jsxs: c10 } = jsxProd);
createCacheKey = { container: null, guildIconBG: null, refreshMorePillContainer: null };
createCacheKey = { alignSelf: "center", alignItems: "center", flexDirection: "row", paddingRight: 12, paddingLeft: 8, paddingVertical: 6, borderRadius: require("Themes").radii.round, backgroundColor: require("Themes").colors.BACKGROUND_BRAND };
createCacheKey[0] = createCacheKey;
createCacheKey[1] = { backgroundColor: require("Themes").colors.BACKGROUND_BASE_LOWER };
createCacheKey[2] = { position: "absolute", top: 0, left: 0, height: 32, width: "100%", zIndex: 100 };
createCacheKey = createCacheKey.createStyles(createCacheKey);
let closure_12 = { overshootClamping: true, stiffness: 20, damping: 15, mass: 0.03 };
let closure_14 = { code: "function NewContentPillTsx1(){const{withSpring,showingPill,springConfig}=this.__closure;return{transform:[{translateY:withSpring(showingPill?12:0,springConfig)}],opacity:withSpring(showingPill?1:0,springConfig,'respect-motion-settings')};}" };
let closure_15 = { code: "function NewContentPillTsx2(){const{showingPill}=this.__closure;return{pointerEvents:showingPill?'box-none':'none'};}" };
let obj1 = { backgroundColor: require("Themes").colors.BACKGROUND_BASE_LOWER };
const result = require("get ActivityIndicator").fileFinishedImporting("modules/icymi/native/NewContentPill.tsx");

export default function NewContentPill(onPress) {
  onPress = onPress.onPress;
  const isRefreshing = onPress.isRefreshing;
  let stateFromStoresArray;
  let stateFromStores;
  let first;
  let closure_5;
  let closure_6;
  let createGuildRecordFromRust;
  let first1;
  let isFocused;
  let first2;
  let createCacheKey;
  let tmp = createCacheKey();
  let obj = onPress(stateFromStoresArray[10]);
  let items = [first1];
  stateFromStoresArray = obj.useStateFromStoresArray(items, () => first1.getNewUnreadDehydratedItems());
  let obj1 = onPress(stateFromStoresArray[10]);
  const items1 = [first1];
  stateFromStores = obj1.useStateFromStores(items1, () => first1.hasNewContent(), []);
  let obj2 = first;
  const tmp7 = stateFromStores(first.useState(stateFromStoresArray), 2);
  first = tmp7[0];
  closure_5 = tmp7[1];
  const items2 = [first];
  closure_6 = first.useMemo(() => {
    const items = [];
    const item = first.forEach((data) => {
      let arr = items;
      if (items.length < items(outer1_2[12]).MIN_ITEMS_FOR_NEW_PILL) {
        const tmpResult = items(outer1_2[13]);
        if (tmp4) {
          arr = arr.push(data.data.guild_id);
        }
        tmp4 = items(outer1_2[13]).isGuildItem(data) && !arr.includes(data.data.guild_id);
      }
    });
    return items;
  }, items2);
  let obj3 = onPress(stateFromStoresArray[10]);
  const items3 = [createGuildRecordFromRust];
  const stateFromStoresArray1 = obj3.useStateFromStoresArray(items3, () => {
    const mapped = closure_6.map((arg0) => guild.getGuild(arg0));
    return mapped.filter(Boolean);
  });
  const tmp11 = stateFromStores(first.useState(false), 2);
  createGuildRecordFromRust = tmp11[1];
  first1 = stateFromStores;
  if (stateFromStores) {
    first1 = tmp11[0];
  }
  let tmp2Result = tmp2(tmp3[14]);
  const fn = function y() {
    let obj = onPress(stateFromStoresArray[15]);
    let num = 0;
    if (first1) {
      num = 12;
    }
    obj = { transform: null, opacity: null };
    obj = { translateY: obj.withSpring(num, outer1_12) };
    const items = [obj];
    obj[0] = items;
    let num2 = 0;
    if (first1) {
      num2 = 1;
    }
    obj[1] = onPress(stateFromStoresArray[15]).withSpring(num2, outer1_12, "respect-motion-settings");
    return obj;
  };
  obj = { withSpring: tmp2(tmp3[15]).withSpring, showingPill: first1, springConfig: closure_12 };
  fn.__closure = obj;
  fn.__workletHash = 13655660855782;
  fn.__initData = closure_14;
  const animatedStyle = tmp2Result.useAnimatedStyle(fn);
  tmp2Result = tmp2(tmp3[14]);
  class C {
    constructor() {
      pointerEvents = "none";
      if (c8) {
        pointerEvents = "box-none";
      }
      return { pointerEvents };
    }
  }
  C.__closure = { showingPill: first1 };
  C.__workletHash = 876312391659;
  C.__initData = closure_15;
  const animatedProps = tmp2Result.useAnimatedProps(C);
  const tmp10 = isRefreshing(stateFromStoresArray[11])();
  const tmp6 = stateFromStores;
  isFocused = onPress(stateFromStoresArray[16]).useIsFocused();
  const tmp6Result = tmp6(obj2.useState(false), 2);
  first2 = tmp6Result[0];
  createCacheKey = tmp6Result[1];
  const items4 = [stateFromStores, isFocused, first2];
  const layoutEffect = obj2.useLayoutEffect(() => {
    let tmp = first2;
    if (!first2) {
      if (isFocused) {
        if (stateFromStores) {
          callback2(false);
        }
        callback3(isFocused);
      }
    }
    if (tmp) {
      tmp = isFocused;
    }
    if (tmp) {
      tmp = !stateFromStores;
    }
    if (tmp) {
      callback2(true);
    }
  }, items4);
  const items5 = [isRefreshing, stateFromStoresArray, stateFromStores];
  const effect = obj2.useEffect(() => {
    if (!isRefreshing) {
      callback(stateFromStoresArray);
    }
  }, items5);
  const items6 = [onPress];
  const callback = obj2.useCallback(() => {
    onPress();
  }, items6);
  if (0 === stateFromStoresArray1.length) {
    obj = { style: null, animatedProps: null, children: null };
    const items7 = [tmp.refreshMorePillContainer, animatedStyle];
    obj[0] = items7;
    obj[1] = animatedProps;
    obj1 = { onPress: null, style: null, children: null };
    obj1[0] = callback;
    obj1[1] = tmp.container;
    const items8 = [isFocused(tmp2(tmp3[18]).ArrowSmallUpIcon, { size: "md", color: "interactive-text-active" }), ];
    obj2 = { style: null, variant: "heading-md/bold", color: "interactive-text-active", children: null };
    obj2[0] = { marginLeft: 4 };
    const intl = tmp2(tmp3[20]).intl;
    obj2[3] = intl.string(tmp2(tmp3[20]).t["4Nl0Rl"]);
    items8[1] = isFocused(tmp2(tmp3[19]).Text, obj2);
    obj1[2] = items8;
    obj[2] = first2(tmp2(tmp3[17]).PressableOpacity, obj1);
    let tmp30Result = isFocused(tmp9(tmp3[14]).View, obj);
  } else {
    obj3 = { style: null, animatedProps: null, children: null };
    const items9 = [tmp.refreshMorePillContainer, animatedStyle];
    obj3[0] = items9;
    obj3[1] = animatedProps;
    const obj4 = { onPress: null, style: null, children: null };
    obj4[0] = callback;
    obj4[1] = tmp.container;
    if (isRefreshing) {
      const tmp21 = closure_5;
      const tmp2Result2 = tmp2(tmp3[21]);
      let unsafe_rawColors = tmp9(tmp3[7]).unsafe_rawColors;
      const isThemeDarkResult = tmp2(tmp3[21]).isThemeDark(tmp10);
      unsafe_rawColors = { color: null };
      unsafe_rawColors[0] = tmp2(tmp3[21]).isThemeDark(tmp10) ? unsafe_rawColors.WHITE : unsafe_rawColors.PRIMARY_500;
      tmp30Result = tmp30(tmp21, unsafe_rawColors);
      const tmp23 = tmp2(tmp3[21]).isThemeDark(tmp10) ? unsafe_rawColors.WHITE : unsafe_rawColors.PRIMARY_500;
    } else {
      const items10 = [tmp30(tmp2(tmp3[18]).ArrowSmallUpIcon, { size: "md", color: "interactive-text-active" }), , ];
      const substr = stateFromStoresArray1.slice(0, stateFromStoresArray1.length - 1);
      items10[1] = substr.map((guild) => {
        let num = 4;
        if (arg1 > 0) {
          num = -2;
        }
        obj = { style: { marginLeft: num }, children: tmp(closure_13, obj) };
        obj = { guild };
        return isFocused(closure_6, obj, guild.id);
      });
      let num2 = 4;
      if (stateFromStoresArray1.length > 1) {
        num2 = -2;
      }
      const obj5 = { style: null, children: null };
      const obj6 = { marginLeft: null };
      obj6[0] = num2;
      obj5[0] = obj6;
      const obj7 = { guild: null, size: null, style: null };
      obj7[0] = stateFromStoresArray1[stateFromStoresArray1.length - 1];
      obj7[1] = tmp2(tmp3[9]).GuildIconSizes.XSMALL;
      obj7[2] = tmp.guildIconBG;
      obj5[1] = tmp30(tmp9(tmp3[9]), obj7);
      items10[2] = tmp30(closure_6, obj5);
      obj4[2] = items10;
      obj3[2] = tmp31(tmp32, obj4);
      tmp30Result = tmp30(tmp9(tmp3[14]).View, obj3);
      const tmp25 = closure_6;
      const tmp9Result = tmp9(tmp3[9]);
    }
    tmp31 = first2;
  }
  return tmp30Result;
};