// Module ID: 12713
// Function ID: 12714
// Name: UserProfileEditNote
// Dependencies: [32, 19, 17, 673, 21, 4478, 1498, 12707, 5503, 9229, 4340, 7617, 1233, 12714, 4474, 7817, 2]
// Exports: default

// Module 12713 (UserProfileEditNote)
import closure_3 from "_slicedToArray" /* 32 */;
import closure_4 from "noop" /* 19 */;
import { ScrollView } from "get ActivityIndicator" /* 17 */;
import { NOTE_MAX_LENGTH } from "ME" /* 673 */;
import jsxProd from "jsxProd" /* 21 */;
import createCacheKey from "createCacheKey" /* 4478 */;

const require = arg1;
({ jsx: error, jsxs: closure_8 } = jsxProd);
let closure_9 = createCacheKey.createStyles({ contentContainer: { paddingVertical: 24, paddingHorizontal: 16, gap: 8 } });
const result = require("set").fileFinishedImporting("modules/user_profile/native/UserProfileEditNote.tsx");

export default function UserProfileEditNote(userId) {
  userId = userId.userId;
  const onSave = userId.onSave;
  const onClose = userId.onClose;
  let navigation;
  let note;
  let first;
  closure_6 = undefined;
  let obj = userId(onClose[6]);
  navigation = obj.useNavigation();
  const tmp5 = onSave(onClose[7])(userId);
  note = tmp5.note;
  obj1 = note;
  let str = note;
  if (note == null) {
    str = "";
  }
  const tmp6 = navigation(note.useState(str), 2);
  first = tmp6[0];
  closure_6 = tmp8;
  const items = [navigation, userId, note, first, onSave, onClose];
  const layoutEffect = obj1.useLayoutEffect(() => {
    let obj = {
      headerLeft: userId(onClose[8]).getHeaderConditionalBackButton(() => new Promise((arg0) => {
        closure_0 = arg0;
        let str = closure_4;
        if (closure_4 == null) {
          str = "";
        }
        const tmp = closure_1_2;
        const tmp2 = closure_1_1(closure_1_2[9]);
        tmp2({
          hasEdits: str !== closure_5,
          onHasEdits: closure_1_0(closure_1_2[10]).dismissKeyboard,
          resetPending() {
            let str = closure_4;
            if (closure_4 == null) {
              str = "";
            }
            return closure_6(str);
          },
          onConfirm() {
            callback(true);
            if (closure_1_2 != null) {
              closure_1_2();
            }
          }
        });
      })),
      headerRight(arg0) {
        const obj = {};
        const merged = Object.assign(arg0);
        const intl = closure_1_0(closure_1_2[12]).intl;
        obj.label = intl.string(closure_1_0(closure_1_2[12]).t["R3BPH+"]);
        let str = closure_4;
        if (closure_4 == null) {
          str = "";
        }
        obj.disabled = str === closure_5;
        obj.onPress = function onPress() {
          closure_1_1(closure_1_2[13]).updateNote(closure_0, closure_5);
          if (callback != null) {
            callback();
          }
          if (callback2 != null) {
            callback2();
          }
        };
        return closure_1_7(closure_1_0(closure_1_2[11]).HeaderTextButton, obj);
      }
    };
    navigation.setOptions(obj);
  }, items);
  obj = { contentContainerStyle: callback2().contentContainer, keyboardShouldPersistTaps: "always", children: null };
  obj = { variant: "text-sm/semibold", children: null };
  let intl = tmp2(tmp3[12]).intl;
  obj[1] = intl.string(userId(onClose[12]).t["mQKv+v"]);
  const items1 = [callback(userId(onClose[14]).Text, obj), ];
  obj1 = { value: first, onChange: tmp8, maxLength: closure_6, autoFocus: true, autoCorrect: false, autoCapitalize: "none", placeholder: null, accessibilityLabel: null };
  const intl2 = tmp2(tmp3[12]).intl;
  const string = intl2.string;
  const t = tmp2(tmp3[12]).t;
  if (tmp5.loading) {
    let stringResult = string(t["WLKx/9"]);
  } else {
    stringResult = string(t.tRZR6T);
  }
  obj1[6] = stringResult;
  const intl3 = tmp2(tmp3[12]).intl;
  obj1[7] = intl3.string(userId(onClose[12]).t["mQKv+v"]);
  items1[1] = callback(userId(onClose[15]).TextArea, obj1);
  obj[2] = items1;
  return closure_8(first, obj);
};