// Module ID: 12695
// Function ID: 12696
// Name: GuildPowerupsLevelCard
// Dependencies: [19, 17, 4526, 1074, 12696, 21, 4636, 576, 5068, 9505, 7083, 12678, 12657, 4632, 1114, 2428, 12629, 12649, 12697, 12698, 12654, 2]
// Exports: default

// Module 12695 (GuildPowerupsLevelCard)
import nativeDefault from "native" /* 576 */;
import Text_Text from "Text/Text" /* 4632 */;
import LinearGradientDefault from "LinearGradient" /* 5068 */;
import ManaTypeConsolidationExperiment from "ManaTypeConsolidationExperiment" /* 7083 */;
import BoostGemIcon from "BoostGemIcon" /* 9505 */;
import usePowerupActiveStatusDefault from "usePowerupActiveStatus" /* 12629 */;
import useCalculatePowerupCardStatus from "useCalculatePowerupCardStatus" /* 12649 */;
import GuildPowerupsCardFooter from "GuildPowerupsCardFooter" /* 12654 */;
import useGuildPowerupOnShowMoreDefault from "useGuildPowerupOnShowMore" /* 12697 */;
import noop from "module_19" /* 19 */;

const GuildPowerupsCardDefault = tmp5(12698);
require = fn;
function GuildLevelPowerupHeader(arg0) {
  ({ active, nextActive, position } = arg0);
  const tmp = closure_12();
  if (active) {
    if (false !== nextActive) {
      const items = [tmp.boostContainerActive.backgroundColor, tmp.boostContainerActive.backgroundColor];
      let items6 = items;
    }
    const obj = { style: tmp.progressContainer, children: null };
    const obj3 = { start: null, end: null, colors: null, style: null };
    ({ START: obj2.start, END: obj2.end } = React6);
    obj3.colors = items6;
    const items1 = [tmp.progress, , ];
    let progressStart = position === constants.START;
    if (progressStart) {
      progressStart = tmp.progressStart;
    }
    items1[1] = progressStart;
    items1[2] = position === constants.END && tmp.progressEnd;
    obj3.style = items1;
    const items2 = [closure_1_10(LinearGradientDefault, obj3), , ];
    const obj4 = { style: null };
    const items3 = [, ];
    ({ boostContainer: arr6[0], boostContainerBackground: arr6[1] } = tmp);
    obj4.style = items3;
    items2[1] = closure_1_10(View, obj4);
    const items4 = [tmp.boostContainer, ];
    let boostContainerActive = active;
    if (active) {
      boostContainerActive = tmp.boostContainerActive;
    }
    const obj5 = { style: null, children: null };
    items4[1] = boostContainerActive;
    obj5.style = items4;
    const colors = nativeDefault.colors;
    const obj9 = { size: "xs", color: active ? colors.WHITE : colors.TEXT_MUTED };
    obj5.children = closure_1_10(BoostGemIcon.BoostGemIcon, obj9);
    items2[2] = closure_1_10(View, obj5);
    obj.children = items2;
    return closure_1_11(View, obj);
  }
  if (active) {
    if (false === nextActive) {
      const items5 = [tmp.boostContainerActive.backgroundColor, tmp.boostContainerInactive.backgroundColor];
      items6 = items5;
    }
  }
  items6 = [tmp.boostContainerInactive.backgroundColor, tmp.boostContainerInactive.backgroundColor];
}
class GuildPowerupLevelBody {
  constructor(arg0) {
    index = global.index;
    closure_1 = undefined;
    closure_2 = undefined;
    textColor = undefined;
    iconColor = undefined;
    tmp = closure_12();
    closure_1 = tmp;
    tmp3 = closure_2;
    tmp2 = index;
    obj = index(closure_2[10]);
    manaTypeConsolidationExperiment = obj.useManaTypeConsolidationExperiment("GuildPowerupLevelBody");
    closure_2 = manaTypeConsolidationExperiment;
    tmp5 = closure_1;
    tmp6 = closure_1(closure_2[11])(global.isActive);
    textColor = tmp6.textColor;
    iconColor = tmp6.iconColor;
    items = [, , , , ];
    items[0] = index;
    items[1] = iconColor;
    items[2] = textColor;
    items[3] = tmp;
    items[4] = manaTypeConsolidationExperiment;
    tmp8 = iconColor;
    obj1 = { style: tmp.perkRowContainer, children: null };
    items1 = [, ];
    items1[0] = textColor.useMemo(() => {
      if (null == TIER_CARDS[index]) {
        return [];
      } else {
        if (tmp.tier === TIER_3.TIER_3) {
          const perks = tmp.perks;
          let substr = perks.slice(0, -1);
        } else {
          substr = tmp.perks;
        }
        let mapped;
        if (substr != null) {
          mapped = substr.map((perkIcon, index) => {
            const obj2 = { style: closure_1_1.perkRowStyle, children: null };
            const items = [closure_2_10(index(manaTypeConsolidationExperiment[12]).getIconForPerk(perkIcon.perkIcon), { color: color2, size: "sm" }), ];
            const obj4 = { color, style: closure_1_1.perkText, variant: null, children: null };
            let str = "text-sm/medium";
            if (closure_1_2) {
              str = "experimental/body-sm/normal";
            }
            obj4.variant = str;
            obj4.children = perkIcon.getCopy();
            items[1] = closure_2_10(index(manaTypeConsolidationExperiment[13]).Text, obj4);
            obj2.children = items;
            return closure_2_11(iconColor, obj2, "perk-" + closure_1_0 + "-" + index);
          });
        }
        return mapped;
      }
    }, items);
    tmp9 = jsx;
    obj5 = { style: tmp.perkRow, children: null };
    tmp7 = jsxs;
    obj6 = { color: textColor, variant: null, children: null };
    str = "text-sm/medium";
    if (manaTypeConsolidationExperiment) {
      str = "experimental/body-sm/normal";
    }
    obj6.variant = str;
    intl = tmp2(tmp3[14]).intl;
    obj6.children = intl.string(tmp5(tmp3[15]).nIj3LZ);
    obj5.children = tmp9(index(closure_2[13]).Text, obj6);
    items1[1] = tmp9(tmp8, obj5);
    obj1.children = items1;
    return tmp7(tmp8, obj1);
  }
}
const View = fn(17).View;
const GuildPowerupsConstants = fn(4526);
({ LevelCardPosition: hasOwnProperty, PowerupActiveStatusType: metroRequire } = GuildPowerupsConstants);
const Constants = fn(1074);
({ BoostedGuildTiers: closure_7, HorizontalGradient: closure_8 } = Constants);
const TIER_CARDS = fn(12696).TIER_CARDS;
const jsxProd = fn(21);
({ jsx: c10, jsxs: closure_11 } = jsxProd);
const createStyles = fn(4636);
let obj2 = { cardContainer: { flex: 1 }, card: { padding: 0, overflow: "hidden", flex: 1 }, progressContainer: { marginVertical: nativeDefault.space.PX_24, position: "relative" }, progress: null, progressStart: null, progressEnd: null, boostContainerBackground: null, boostContainer: null, boostContainerActive: null, boostContainerInactive: null, contentContainer: null, perkRowContainer: null, perkRow: null, perkRowStyle: null, perkText: null, footerContainer: null };
let obj3 = { marginVertical: nativeDefault.space.PX_24, position: "relative" };
obj2.progress = { height: 6, backgroundColor: nativeDefault.colors.BACKGROUND_MOD_SUBTLE };
let obj4 = { height: 6, backgroundColor: nativeDefault.colors.BACKGROUND_MOD_SUBTLE };
obj2.progressStart = { marginStart: nativeDefault.space.PX_16 };
let obj5 = { marginStart: nativeDefault.space.PX_16 };
obj2.progressEnd = { marginEnd: nativeDefault.space.PX_16, borderTopEndRadius: nativeDefault.radii.round, borderBottomEndRadius: nativeDefault.radii.round };
let size = { backgroundColor: nativeDefault.colors.CARD_BACKGROUND_DEFAULT, width: 28, height: 28, start: nativeDefault.space.PX_16 - 2, top: -11 };
obj2.boostContainerBackground = size;
const size1 = { padding: nativeDefault.space.PX_4, borderRadius: nativeDefault.radii.round, position: "absolute", width: 24, height: 24, top: -9, start: nativeDefault.space.PX_16, alignItems: "center", justifyContent: "center", backgroundColor: nativeDefault.colors.BACKGROUND_MOD_SUBTLE };
obj2.boostContainer = size1;
let obj6 = { marginEnd: nativeDefault.space.PX_16, borderTopEndRadius: nativeDefault.radii.round, borderBottomEndRadius: nativeDefault.radii.round };
obj2.boostContainerActive = { backgroundColor: nativeDefault.unsafe_rawColors.GUILD_BOOSTING_PINK };
let obj7 = { backgroundColor: nativeDefault.unsafe_rawColors.GUILD_BOOSTING_PINK };
obj2.boostContainerInactive = { backgroundColor: nativeDefault.colors.BACKGROUND_MOD_SUBTLE };
const obj8 = { backgroundColor: nativeDefault.colors.BACKGROUND_MOD_SUBTLE };
obj2.contentContainer = { padding: nativeDefault.space.PX_16, paddingTop: 0, flex: 1 };
let obj9 = { padding: nativeDefault.space.PX_16, paddingTop: 0, flex: 1 };
obj2.perkRowContainer = { flexDirection: "column", marginTop: nativeDefault.space.PX_16, gap: nativeDefault.space.PX_8 };
obj2.perkRow = { flexDirection: "row", alignItems: "center" };
obj2.perkRowStyle = { flexDirection: "row", alignItems: "center" };
const obj10 = { flexDirection: "column", marginTop: nativeDefault.space.PX_16, gap: nativeDefault.space.PX_8 };
obj2.perkText = { marginStart: nativeDefault.space.PX_8 };
const obj11 = { marginStart: nativeDefault.space.PX_8 };
obj2.footerContainer = { marginTop: "auto", paddingTop: nativeDefault.space.PX_16 };
let closure_12 = createStyles.createStyles(obj2);
size = fn(2);
const result = size.fileFinishedImporting("modules/premium/powerups/native/GuildPowerupsLevelCard.tsx");

export default function GuildPowerupsLevelCard(arg0) {
  ({ guildId, powerup, nextPowerup, index, isScrollingRef } = arg0);
  const tmp = closure_12();
  const manaTypeConsolidationExperiment = ManaTypeConsolidationExperiment.useManaTypeConsolidationExperiment("GuildPowerupsLevelCard");
  const tmp6 = usePowerupActiveStatusDefault(guildId, powerup);
  const tmp7 = usePowerupActiveStatusDefault(guildId, nextPowerup);
  const calculatePowerupCardStatus = useCalculatePowerupCardStatus.useCalculatePowerupCardStatus(powerup, tmp6, false);
  const tmp9 = useGuildPowerupOnShowMoreDefault(guildId, powerup);
  closure_1 = tmp9;
  if (0 === index) {
    let MIDDLE = constants.START;
  } else if (null == nextPowerup) {
    MIDDLE = constants.END;
  } else {
    MIDDLE = constants.MIDDLE;
  }
  const items = [isScrollingRef, tmp9];
  const callback = noop.useCallback(() => {
    if (!isScrollingRef.current) {
      closure_1();
    }
  }, items);
  const obj3 = { containerStyle: tmp.cardContainer, style: tmp.card, onPress: callback, status: calculatePowerupCardStatus, children: null };
  const obj4 = { position: MIDDLE, active: tmp6.type !== constants2.INACTIVE, nextActive: null };
  let tmp20;
  if (null != nextPowerup) {
    tmp20 = tmp7.type !== constants2.INACTIVE;
  }
  obj4.nextActive = tmp20;
  const items1 = [closure_1_10(GuildLevelPowerupHeader, obj4), ];
  const obj5 = { style: tmp.contentContainer, children: null };
  let str;
  if (manaTypeConsolidationExperiment) {
    str = "text-strong";
  }
  const obj6 = { color: str, variant: null, children: null };
  let str2 = "heading-lg/semibold";
  if (manaTypeConsolidationExperiment) {
    str2 = "experimental/heading-md/semibold";
  }
  obj6.variant = str2;
  obj6.children = powerup.title;
  const items2 = [closure_1_10(Text_Text.Text, obj6), closure_1_10(GuildPowerupLevelBody, { isActive: tmp6.type !== constants2.INACTIVE, index }), ];
  const obj7 = { style: tmp.footerContainer, children: closure_1_10(GuildPowerupsCardFooter.GuildPowerupsCardFooter, { cost: powerup.cost, status: calculatePowerupCardStatus }) };
  items2[2] = closure_1_10(View, obj7);
  obj5.children = items2;
  items1[1] = closure_1_11(View, obj5);
  obj3.children = items1;
  return closure_1_11(GuildPowerupsCardDefault, obj3);
};
export { GuildPowerupLevelBody };