// Module ID: 14861
// Function ID: 14862
// Name: SafetyHubViolationsContainer
// Dependencies: [32, 19, 17, 8548, 8537, 1074, 21, 4636, 576, 9179, 8711, 4632, 1114, 13660, 11287, 8536, 11, 14862, 8538, 4839, 12008, 1896, 12012, 504, 1242, 12010, 2]
// Exports: ConnectedSafetyHubViolationsContainer

// Module 14861 (SafetyHubViolationsContainer)
import nativeDefault from "native" /* 576 */;
import util from "util" /* 1114 */;
import AnalyticsUtilsDefault from "AnalyticsUtils" /* 1242 */;
import asyncRequireImpl from "asyncRequireImpl" /* 1896 */;
import Text_Text from "Text/Text" /* 4632 */;
import ModalActionCreatorsDefault from "ModalActionCreators" /* 4839 */;
import SafetyHubUtils from "SafetyHubUtils" /* 8536 */;
import SafetyHubModels from "SafetyHubModels" /* 8538 */;
import WarningIcon from "WarningIcon" /* 8711 */;
import TouchableHitBoxDefault from "TouchableHitBox" /* 9179 */;
import useSafetyHubClassifications from "useSafetyHubClassifications" /* 12010 */;
import _slicedToArray from "module_32" /* 32 */;
import noop from "module_19" /* 19 */;
import SafetyHubStore from "SafetyHubStore" /* 8548 */;

require = fn;
function SafetyHubViolationsHeader(count) {
  ({ onClick, opened, status } = count);
  const tmp = closure_14();
  const obj = { onPress: onClick, style: null, children: null };
  const items = [tmp.header];
  obj.style = items;
  const obj2 = { style: null, children: null };
  const items1 = [tmp.iconBackground];
  obj2.style = items1;
  const colors = nativeDefault.colors;
  obj2.children = closure_1_11(WarningIcon.WarningIcon, { color: "active" === status ? colors.INTERACTIVE_TEXT_DEFAULT : colors.ICON_MUTED, size: "xs" });
  const items2 = [closure_1_11(timestampProducer, obj2), , ];
  const obj4 = { style: null, children: null };
  const items3 = [tmp.headerTextContainer];
  obj4.style = items3;
  const intl = tmp7(1114).intl;
  const formatToPlainString = intl.formatToPlainString;
  const t = tmp7(1114).t;
  if ("active" === status) {
    const obj5 = { count: str.toString() };
    let formatToPlainStringResult = formatToPlainString(t.IeV2oY, obj5);
  } else {
    const obj6 = { count: str.toString() };
    formatToPlainStringResult = formatToPlainString(t.fZAHBT, obj6);
  }
  const items4 = [closure_1_11(Text_Text.Text, { variant: "heading-sm/semibold", children: formatToPlainStringResult }), ];
  const intl2 = tmp7(1114).intl;
  const string = intl2.string;
  const t2 = tmp7(1114).t;
  if ("active" === status) {
    let stringResult = string(t2.XJ2YVR);
  } else {
    stringResult = string(t2.SzGV0g);
  }
  items4[1] = closure_1_11(Text_Text.Text, { variant: "text-xxs/normal", color: "text-muted", children: stringResult });
  obj4.children = items4;
  items2[1] = closure_1_12(timestampProducer, obj4);
  if (opened) {
    let ChevronSmallDownIcon = tmp7(13660).ChevronSmallUpIcon;
  } else {
    ChevronSmallDownIcon = tmp7(11287).ChevronSmallDownIcon;
  }
  const obj7 = { size: "md", style: null };
  const items5 = [tmp.chevron];
  obj7.style = items5;
  items2[2] = closure_1_11(ChevronSmallDownIcon, obj7);
  obj.children = items2;
  return closure_1_12(TouchableHitBoxDefault, obj);
}
function EmptyActiveState() {
  const obj = { style: null, children: null };
  const items = [closure_14().emptyState];
  obj.style = items;
  const obj2 = { variant: "heading-sm/extrabold", children: null };
  const intl = util.intl;
  obj2.children = intl.string(util.t.reLFaV);
  const items1 = [closure_1_11(Text_Text.Text, obj2), ];
  const obj3 = { variant: "text-xs/normal", children: null };
  const intl2 = util.intl;
  obj3.children = intl2.string(util.t.ERdH1o);
  items1[1] = closure_1_11(Text_Text.Text, obj3);
  obj.children = items1;
  return closure_1_12(timestampProducer, obj);
}
function EmptyExpiredState() {
  const obj = { style: null, children: null };
  const items = [closure_14().emptyState];
  obj.style = items;
  const obj2 = { variant: "text-xs/normal", children: null };
  const intl = util.intl;
  obj2.children = intl.string(util.t.RV3AXf);
  obj.children = closure_1_11(Text_Text.Text, obj2);
  return closure_1_11(timestampProducer, obj);
}
function RelativeIncidentTime(timestamp) {
  const obj = { style: closure_14().incidentDate, children: null };
  const obj2 = { variant: "text-xs/medium", children: SafetyHubUtils.getClassificationRelativeIncidentTime(timestamp.timestamp) };
  obj.children = closure_1_11(Text_Text.Text, obj2);
  return closure_1_11(timestampProducer, obj);
}
function NewBadge() {
  const tmp = closure_14();
  const obj = { style: null, children: null };
  const items = [, ];
  ({ incidentDate: arr[0], incidentDateNew: arr[1] } = tmp);
  obj.style = items;
  const obj2 = { variant: "text-xs/medium", color: "text-overlay-light", style: tmp.newText, children: null };
  const intl = util.intl;
  obj2.children = intl.string(util.t.QKMRC4);
  obj.children = closure_1_11(Text_Text.Text, obj2);
  return closure_1_11(timestampProducer, obj);
}
function ClassificationDetail(classification) {
  classification = classification.classification;
  const tmp = closure_14();
  const id = classification.id;
  const description = classification.description;
  const guild_metadata = classification.guild_metadata;
  let obj = description(guild_metadata[16]);
  const tmp2 = description;
  const extractTimestampResult = description(guild_metadata[16]).extractTimestamp(id);
  const tmp5 = id;
  const isNewClassification = id(guild_metadata[17]).useIsNewClassification(classification);
  const items = [description, guild_metadata];
  const items1 = [tmp.detailContainerOuter, ];
  let prop = null;
  const memo = noop.useMemo(() => {
    function hook(children, arg1) {
      return closure_1_11(id(guild_metadata[11]).Text, { variant: "heading-md/extrabold", children }, arg1);
    }
    let obj2 = { description, descriptionHook: hook };
    let tmp4 = null;
    if (null != guild_metadata) {
      let member_type;
      if (tmp3 != tmp4) {
        member_type = tmp3.member_type;
      }
      let Lb0HVv = require;
      let obj = dependencyMap;
      if (member_type === SafetyHubModels.MemberType.OWNER) {
        const intl3 = Lb0HVv(1114).intl;
        Lb0HVv = Lb0HVv(1114).t.Lb0HVv;
        obj = {};
        const merged = Object.assign(obj2);
        tmp4 = tmp3 == tmp4;
        obj2 = undefined;
        if (!tmp4) {
          obj2 = tmp3.name;
        }
        obj.guildName = obj2;
        let formatResult = intl3.format(Lb0HVv, obj);
      } else {
        const intl2 = Lb0HVv(1114).intl;
        const obj4 = { classification_type: tmp2, classificationHook: hook, guildName: null };
        let name;
        if (tmp3 != tmp4) {
          name = tmp3.name;
        }
        obj4.guildName = name;
        formatResult = intl2.format(Lb0HVv(1114).t.rmpEPD, obj4);
      }
    } else {
      const intl = util.intl;
      return intl.format(util.t.QY4g5t, obj2);
    }
  }, items);
  if (isNewClassification) {
    prop = tmp.detailContainerOuterNew;
  }
  const obj3 = { style: items1, children: null };
  items1[1] = prop;
  let obj4 = {
    onPress() {
      ModalActionCreatorsDefault.pushLazy(asyncRequireImpl(12008, dependencyMap.paths), { classificationId: id, source: React6.StandingTab });
    },
    children: null
  };
  const obj5 = { style: null, children: null };
  const items2 = [tmp.detailContainerInner];
  obj5.style = items2;
  let obj2 = id(guild_metadata[17]);
  if (isNewClassification) {
    let tmp8Result = tmp8(NewBadge, {});
  } else {
    const obj6 = { timestamp: extractTimestampResult };
    tmp8Result = tmp8(RelativeIncidentTime, obj6);
  }
  const items3 = [tmp8Result, closure_11(tmp5(guild_metadata[11]).Text, { variant: "heading-md/normal", children: memo })];
  obj5.children = items3;
  obj4.children = closure_12(closure_6, obj5);
  obj3.children = closure_11(tmp2(guild_metadata[9]), obj4);
  return closure_11(closure_6, obj3);
}
class SafetyHubViolationsContainer {
  constructor(arg0) {
    ({ status, classifications } = global);
    closure_1 = undefined;
    closure_2 = undefined;
    closure_3 = undefined;
    closure_4 = undefined;
    closure_5 = undefined;
    closure_6 = undefined;
    closure_7 = undefined;
    closure_8 = undefined;
    tmp = closure_14();
    tmp2 = closure_3(closure_4.useState(false), 2);
    first = tmp2[0];
    closure_1 = first;
    closure_2 = tmp2[1];
    tmp4 = closure_3(closure_4.useState(3), 2);
    first1 = tmp4[0];
    closure_3 = first1;
    closure_4 = tmp4[1];
    tmp6 = classifications;
    tmp7 = closure_2;
    obj = classifications(closure_2[22]);
    safetyHubAccountStanding = obj.useSafetyHubAccountStanding();
    closure_5 = safetyHubAccountStanding;
    obj2 = classifications(closure_2[23]);
    items = [];
    items[0] = closure_7;
    stateFromStores = obj2.useStateFromStores(items, () => memo.getIsDsaEligible());
    closure_6 = stateFromStores;
    items1 = [, ];
    items1[0] = classifications;
    items1[1] = first1;
    memo = closure_4.useMemo(() => classifications.slice(0, first1), items1);
    closure_7 = memo;
    items2 = [, , , ];
    items2[0] = first;
    items2[1] = safetyHubAccountStanding.state;
    items2[2] = memo;
    items2[3] = stateFromStores;
    effect = closure_4.useEffect(() => {
      if (first) {
        const obj2 = { action: React7.ViewViolationsDropdown, account_standing: safetyHubAccountStanding.state, classification_ids: memo.map((id) => Number(id.id)), source: React6.StandingTab, is_violative_content_shown: false, is_dsa_eligible: stateFromStores };
        AnalyticsUtilsDefault.track(AnalyticEvents.SAFETY_HUB_ACTION, obj2);
      }
    }, items2);
    num = 3;
    if (classifications.length - memo.length <= 3) {
      num = classifications.length - memo.length;
    }
    closure_8 = num;
    tmp11 = jsxs;
    tmp12 = closure_6;
    obj1 = { style: null, children: null };
    items3 = [];
    items3[0] = tmp.container;
    obj1.style = items3;
    tmp13 = jsx;
    obj13 = {
      status,
      onClick() {
            return closure_2((arg0) => !arg0);
          },
      opened: first,
      count: classifications.length
    };
    items4 = [, ];
    items4[0] = jsx(SafetyHubViolationsHeader, obj13);
    if (first) {
      obj14 = { style: null };
      items5 = [];
      items5[0] = tmp.separator;
      obj14.style = items5;
      items6 = [, , , , ];
      items6[0] = tmp13(tmp12, obj14);
      num2 = 0;
      tmp14 = memo.length > 0 && memo.map((classification) => closure_1_11(ClassificationDetail, { classification }, classification.id));
      items6[1] = tmp14;
      tmp11Result = memo.length < classifications.length;
      if (tmp11Result) {
        tmp16 = Fragment;
        obj15 = { children: null };
        obj16 = { style: null };
        items7 = [];
        items7[0] = tmp.separator;
        obj16.style = items7;
        items8 = [, ];
        items8[0] = tmp13(tmp12, obj16);
        obj17 = { style: null, children: null };
        items9 = [];
        items9[0] = tmp.moreButtonContainer;
        obj17.style = items9;
        tmp17 = closure_5;
        obj18 = { style: null, onPress: null, children: null };
        items10 = [];
        items10[0] = tmp.moreButton;
        obj18.style = items10;
        obj18.onPress = function onPress() {
          return closure_4((arg0) => arg0 + num);
        };
        obj19 = { variant: "heading-sm/semibold", children: null };
        intl = tmp6(tmp7[12]).intl;
        obj20 = { nextPageSize: null };
        obj20.nextPageSize = num;
        obj19.children = intl.format(tmp6(tmp7[12]).t["9Ml56H"], obj20);
        obj18.children = tmp13(tmp6(tmp7[11]).Text, obj19);
        obj17.children = tmp13(closure_5, obj18);
        items8[1] = tmp13(tmp12, obj17);
        obj15.children = items8;
        tmp11Result = tmp11(Fragment, obj15);
      }
      items6[2] = tmp11Result;
      tmp13Result = 0 === memo.length;
      if (tmp13Result) {
        str = "active";
        tmp13Result = "active" === status;
      }
      if (tmp13Result) {
        tmp19 = EmptyActiveState;
        tmp13Result = tmp13(EmptyActiveState, {});
      }
      items6[3] = tmp13Result;
      tmp13Result1 = 0 === memo.length;
      if (tmp13Result1) {
        str2 = "expired";
        tmp13Result1 = "expired" === status;
      }
      if (tmp13Result1) {
        tmp21 = EmptyExpiredState;
        tmp13Result1 = tmp13(EmptyExpiredState, {});
      }
      obj21 = { children: null };
      items6[4] = tmp13Result1;
      obj21.children = items6;
      first = tmp11(tmp12, obj21);
    }
    items4[1] = first;
    obj1.children = items4;
    return tmp11(tmp12, obj1);
  }
}
get_ActivityIndicator = fn(17);
({ Pressable: hasOwnProperty, View: metroRequire } = get_ActivityIndicator);
const SafetyHubConstants = fn(8537);
({ SafetyHubAnalyticsActionSource: closure_8, SafetyHubAnalyticsActions: closure_9 } = SafetyHubConstants);
const AnalyticEvents = fn(1074).AnalyticEvents;
const jsxProd = fn(21);
({ jsx: closure_11, jsxs: closure_12, Fragment: map1 } = jsxProd);
const createStyles = fn(4636);
let obj2 = { connectedContainer: { display: "flex", marginTop: nativeDefault.space.PX_12, marginBottom: 36, gap: nativeDefault.space.PX_12 }, container: null, header: null, detailContainerOuter: null, detailContainerOuterNew: null, detailContainerInner: null, iconBackground: null, chevron: null, incidentDate: null, incidentDateNew: null, newText: null, emptyState: null, separator: null, moreButtonContainer: null, moreButton: null, headerTextContainer: null };
let obj3 = { display: "flex", marginTop: nativeDefault.space.PX_12, marginBottom: 36, gap: nativeDefault.space.PX_12 };
obj2.container = { backgroundColor: nativeDefault.colors.CARD_BACKGROUND_DEFAULT, borderRadius: nativeDefault.radii.md, padding: nativeDefault.space.PX_8, width: "100%" };
let obj4 = { backgroundColor: nativeDefault.colors.CARD_BACKGROUND_DEFAULT, borderRadius: nativeDefault.radii.md, padding: nativeDefault.space.PX_8, width: "100%" };
obj2.header = { display: "flex", flexDirection: "row", alignItems: "center", gap: nativeDefault.space.PX_16, width: "100%" };
let obj5 = { display: "flex", flexDirection: "row", alignItems: "center", gap: nativeDefault.space.PX_16, width: "100%" };
obj2.detailContainerOuter = { backgroundColor: nativeDefault.colors.BACKGROUND_MOD_STRONG, borderRadius: nativeDefault.radii.md, padding: nativeDefault.space.PX_12, marginTop: 10 };
let obj6 = { backgroundColor: nativeDefault.colors.BACKGROUND_MOD_STRONG, borderRadius: nativeDefault.radii.md, padding: nativeDefault.space.PX_12, marginTop: 10 };
obj2.detailContainerOuterNew = { borderColor: nativeDefault.colors.CONTROL_PRIMARY_BACKGROUND_DEFAULT, borderWidth: 1, borderStyle: "solid" };
let obj7 = { borderColor: nativeDefault.colors.CONTROL_PRIMARY_BACKGROUND_DEFAULT, borderWidth: 1, borderStyle: "solid" };
obj2.detailContainerInner = { display: "flex", gap: nativeDefault.space.PX_8 };
let obj8 = { display: "flex", gap: nativeDefault.space.PX_8 };
obj2.iconBackground = { display: "flex", borderRadius: nativeDefault.radii.round, backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOWEST, justifyContent: "center", alignItems: "center", padding: 6 };
obj2.chevron = { marginLeft: "auto" };
let obj9 = { display: "flex", borderRadius: nativeDefault.radii.round, backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOWEST, justifyContent: "center", alignItems: "center", padding: 6 };
obj2.incidentDate = { alignSelf: "flex-start", backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOWEST, borderRadius: nativeDefault.radii.md, paddingVertical: nativeDefault.space.PX_4, paddingHorizontal: nativeDefault.space.PX_8 };
let obj10 = { alignSelf: "flex-start", backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOWEST, borderRadius: nativeDefault.radii.md, paddingVertical: nativeDefault.space.PX_4, paddingHorizontal: nativeDefault.space.PX_8 };
obj2.incidentDateNew = { backgroundColor: nativeDefault.colors.BACKGROUND_BRAND, color: nativeDefault.colors.CONTROL_PRIMARY_TEXT_DEFAULT };
obj2.newText = { textTransform: "capitalize" };
let obj11 = { backgroundColor: nativeDefault.colors.BACKGROUND_BRAND, color: nativeDefault.colors.CONTROL_PRIMARY_TEXT_DEFAULT };
obj2.emptyState = { display: "flex", alignItems: "center", backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOWER, borderRadius: nativeDefault.radii.md, gap: nativeDefault.space.PX_8, marginTop: nativeDefault.space.PX_8, paddingTop: nativeDefault.space.PX_24, paddingBottom: nativeDefault.space.PX_24 };
let size = { height: 1, width: "100%", backgroundColor: nativeDefault.colors.BORDER_SUBTLE, marginTop: 10 };
obj2.separator = size;
obj2.moreButtonContainer = { display: "flex", alignItems: "center", justifyContent: "center" };
const size1 = { display: "flex", alignItems: "center", justifyContent: "center", borderBottomEndRadius: nativeDefault.radii.xs, borderBottomStartRadius: nativeDefault.radii.xs, backgroundColor: nativeDefault.colors.BACKGROUND_MOD_MUTED, height: 29, width: 207 };
obj2.moreButton = size1;
obj2.headerTextContainer = { flexShrink: 0, flexGrow: 1, gap: 2 };
const value = createStyles.createStyles(obj2);
size = fn(2);
const result = size.fileFinishedImporting("modules/safety_hub/native/SafetyHubViolationsContainer.tsx");

export default SafetyHubViolationsContainer;
export const ConnectedSafetyHubViolationsContainer = function ConnectedSafetyHubViolationsContainer() {
  const tmp = closure_14();
  const activeSafetyHubClassifications = useSafetyHubClassifications.useActiveSafetyHubClassifications();
  const expiredSafetyHubClassifications = useSafetyHubClassifications.useExpiredSafetyHubClassifications();
  if (0 !== activeSafetyHubClassifications.length) {
    const obj3 = { style: null, children: null };
    const items = [tmp.connectedContainer];
    obj3.style = items;
    const obj4 = { status: "active", classifications: activeSafetyHubClassifications };
    const items1 = [closure_1_11(SafetyHubViolationsContainer, obj4), ];
    const obj5 = { status: "expired", classifications: expiredSafetyHubClassifications };
    items1[1] = closure_1_11(SafetyHubViolationsContainer, obj5);
    obj3.children = items1;
    let tmp2 = closure_1_12(timestampProducer, obj3);
  } else {
    tmp2 = null;
  }
  return tmp2;
};