// Module ID: 12239
// Function ID: 12240
// Name: FriendRequestNote
// Dependencies: [32, 19, 17, 3830, 676, 21, 4193, 712, 3866, 589, 12240, 4189, 4604, 8742, 1236, 2]
// Exports: default

// Module 12239 (FriendRequestNote)
import _slicedToArray from "_slicedToArray";
import noop from "noop";
import get_ActivityIndicator from "get ActivityIndicator";
import upsertRelationship from "upsertRelationship";
import { RelationshipTypes } from "ME";
import jsxProd from "jsxProd";
import createCacheKey from "createCacheKey";

let c4;
let c5;
let c9;
let metroImportAll;
const require = arg1;
({ Pressable: c4, View: c5 } = get_ActivityIndicator);
({ jsx: metroImportAll, jsxs: c9 } = jsxProd);
createCacheKey = { container: null, spoiler: null, hidden: null };
createCacheKey = { width: "100%", position: "relative", padding: require("Themes").space.PX_12, borderRadius: require("Themes").radii.md, minHeight: 56, flexDirection: "row", alignItems: "center" };
createCacheKey[0] = createCacheKey;
createCacheKey[1] = { position: "absolute", top: 0, left: 0, right: 0, bottom: 0, justifyContent: "center", alignItems: "center", borderRadius: require("Themes").radii.md };
createCacheKey[2] = { opacity: 0 };
createCacheKey = createCacheKey.createStyles(createCacheKey);
let obj1 = { position: "absolute", top: 0, left: 0, right: 0, bottom: 0, justifyContent: "center", alignItems: "center", borderRadius: require("Themes").radii.md };
let result = require("get ActivityIndicator").fileFinishedImporting("modules/people/native/FriendRequestNote.tsx");

export default function FriendRequestNote(styles) {
  let analyticsLocation;
  let backgroundColor;
  let c3;
  let require;
  let tmp7;
  ({ userId: require, backgroundColor, analyticsLocation } = styles);
  let note;
  let React;
  const tmp = createCacheKey();
  const HideFriendRequestNotes = require(analyticsLocation[8]).HideFriendRequestNotes;
  const setting = HideFriendRequestNotes.useSetting();
  let obj = require(analyticsLocation[9]);
  const items = [upsertRelationship];
  const stateFromStoresObject = obj.useStateFromStoresObject(items, () => ({ note: outer1_6.getNote(closure_0), type: outer1_6.getRelationshipType(closure_0) }));
  note = stateFromStoresObject.note;
  [tmp7, c3] = note(React.useState(stateFromStoresObject.type === RelationshipTypes.PENDING_OUTGOING), 2);
  const items1 = [analyticsLocation, note];
  const callback = React.useCallback(() => {
    _undefined(true);
    let obj = outer1_0(analyticsLocation[10]);
    obj = { analyticsLocation, noteLength: null };
    let num;
    if (note != null) {
      num = note.length;
    }
    if (num == null) {
      num = 0;
    }
    obj[1] = num;
    const result = obj.trackViewFriendRequestNote(obj);
  }, items1);
  let tmp13Result = null;
  if (!setting) {
    tmp13Result = null;
    if (null != note) {
      tmp13Result = null;
      if ("" !== note) {
        obj = { style: null, onPress: null, children: null };
        const items2 = [tmp.container, styles.styles];
        obj[0] = items2;
        obj[1] = callback;
        let hidden;
        if (!tmp7) {
          hidden = tmp.hidden;
        }
        obj = { style: null, children: null };
        obj[0] = hidden;
        const obj1 = { accessible: null, accessibilityElementsHidden: null, accessibilityLabel: null, variant: "redesign/message-preview/normal", children: null };
        obj1[0] = tmp7;
        obj1[1] = !tmp7;
        obj1[2] = str;
        obj1[4] = note;
        obj[1] = closure_8(tmp2(tmp3[11]).Text, obj1);
        const items3 = [closure_8(closure_5, obj), ];
        let tmp15Result = null;
        if (!tmp7) {
          const items4 = [tmp.spoiler, ];
          let tmp12;
          if (null != backgroundColor) {
            const obj2 = { backgroundColor: null };
            obj2[0] = backgroundColor;
            tmp12 = obj2;
          }
          const obj3 = { style: null, children: null };
          items4[1] = tmp12;
          obj3[0] = items4;
          const obj4 = { icon: null, variant: "secondary", size: "sm", onPress: null, text: null };
          obj4[0] = tmp15(tmp2(tmp3[13]).EyeIcon, { size: "sm" });
          obj4[3] = callback;
          const intl = tmp2(tmp3[14]).intl;
          obj4[4] = intl.string(tmp2(tmp3[14]).t.sB0q4C);
          obj3[1] = tmp15(tmp2(tmp3[12]).Button, obj4);
          tmp15Result = tmp15(tmp16, obj3);
        }
        items3[1] = tmp15Result;
        obj[2] = items3;
        tmp13Result = closure_9(closure_4, obj);
        const tmp13 = closure_9;
        const tmp14 = closure_4;
      }
    }
  }
  return tmp13Result;
};