// Module ID: 11267
// Function ID: 11268
// Name: EditCustomStatusWithPreview
// Dependencies: [32, 19, 17, 1372, 11268, 1074, 1375, 21, 4638, 576, 5208, 1115, 1177, 7048, 11269, 1241, 11263, 504, 11270, 11271, 4489, 11273, 5054, 11274, 7091, 11299, 11072, 4504, 11301, 7978, 5710, 4634, 11041, 8736, 5773, 5691, 4605, 11347, 1897, 11349, 4595, 1365, 1626, 4841, 7110, 2]
// Exports: default

// Module 11267 (EditCustomStatusWithPreview)
import nativeDefault from "native" /* 576 */;
import util from "util" /* 1115 */;
import native from "native" /* 1177 */;
import AnalyticsUtilsDefault from "AnalyticsUtils" /* 1241 */;
import asyncRequireImpl from "asyncRequireImpl" /* 1897 */;
import shared from "shared" /* 4489 */;
import ChatInputUtils from "ChatInputUtils" /* 4504 */;
import ActionSheetActionCreatorsDefault from "ActionSheetActionCreators" /* 4605 */;
import ModalActionCreatorsDefault from "ModalActionCreators" /* 4841 */;
import setAccessibilityFocus from "setAccessibilityFocus" /* 5054 */;
import Pressables from "Pressables" /* 5208 */;
import NavigatorHeader from "NavigatorHeader" /* 5710 */;
import _modDef7048 from "module_7048" /* 7048 */;
import maybeShowDiscardChangesAlertDefault from "maybeShowDiscardChangesAlert" /* 11072 */;
import setCustomStatusDefault from "setCustomStatus" /* 11271 */;
import removeCustomStatusDefault from "removeCustomStatus" /* 11273 */;
import openEmojiPickerActionSheet from "openEmojiPickerActionSheet" /* 11274 */;
import CustomStatusPreviewDefault from "CustomStatusPreview" /* 11301 */;
import _slicedToArray from "module_32" /* 32 */;
import noop from "module_19" /* 19 */;
import UserStore from "UserStore" /* 1372 */;

require = fn;
function ClearInputButton(onPress) {
  const obj = { style: { borderRadius: 10, paddingLeft: 8 }, accessibilityRole: "button", accessibilityLabel: null, onPress: null, hitSlop: null, children: null };
  const intl = util.intl;
  obj.accessibilityLabel = intl.string(util.t.VkKicb);
  obj.onPress = onPress.onPress;
  obj.hitSlop = { top: 8, bottom: 8, right: 8 };
  const tmp = closure_15();
  obj.children = map1(native.Icon, { source: _modDef7048, style: closure_15().closeIcon, size: native.Icon.Sizes.SMALL });
  return map1(Pressables.PressableOpacity, obj);
}
function EditCustomStatusWithPreview(navigation) {
  navigation = navigation.navigation;
  const onClose = navigation.onClose;
  const analyticsLocations = navigation.analyticsLocations;
  let _prompt = navigation.prompt;
  let stateFromStores;
  value = undefined;
  closure_6 = undefined;
  let first1;
  maxLength = undefined;
  let first2;
  let onChange;
  c11 = undefined;
  let callback;
  let ref1;
  let callback2;
  let callback3;
  let ref2;
  let ref;
  let memo;
  let callback7;
  if (null == _prompt) {
    _prompt = onClose(analyticsLocations[14])();
  }
  ref = stateFromStores.useRef(_prompt);
  const items = [analyticsLocations];
  const effect = obj.useEffect(() => {
    AnalyticsUtilsDefault.track(constants.OPEN_MODAL, { type: constants2.EDIT_CUSTOM_STATUS_MODAL_WITH_PREVIEW, location_stack: analyticsLocations });
  }, items);
  const tmp5 = callback3();
  const customStatusActivity = navigation(analyticsLocations[16]).useCustomStatusActivity();
  const obj2 = navigation(analyticsLocations[16]);
  const items1 = [first1];
  stateFromStores = navigation(analyticsLocations[17]).useStateFromStores(items1, () => first1.getCurrentUser());
  let str;
  const obj3 = navigation(analyticsLocations[17]);
  if (customStatusActivity != null) {
    str = customStatusActivity.state;
  }
  if (str == null) {
    str = "";
  }
  const tmp13 = ref(stateFromStores.useState(str), 2);
  value = tmp13[0];
  closure_6 = tmp15;
  let emoji;
  if (customStatusActivity != null) {
    emoji = customStatusActivity.emoji;
  }
  if (emoji == null) {
    emoji = null;
  }
  const tmp12Result = ref(stateFromStores.useState(emoji), 2);
  first1 = tmp12Result[0];
  maxLength = tmp19;
  const tmp12Result2 = ref(stateFromStores.useState(onClose(analyticsLocations[18])()), 2);
  first2 = tmp12Result2[0];
  onChange = tmp12Result2[1];
  if (null != ref.current) {
    let current = ref.current;
    let labelResult = current.label();
  } else {
    let intl = tmp6(tmp7[11]).intl;
    labelResult = intl.string(tmp6(tmp7[11]).t.xod367);
  }
  c11 = labelResult;
  const items2 = [value, first1, first2, onClose, analyticsLocations];
  callback = obj.useCallback(() => {
    const obj = { text, emojiInfo: first1, clearAfter: first2, analyticsLocations, prompt: null };
    const current = ref.current;
    obj.prompt = current;
    setCustomStatusDefault(obj);
    const AccessibilityAnnouncer = shared.AccessibilityAnnouncer;
    const intl = util.intl;
    AccessibilityAnnouncer.announce(intl.string(util.t.Og40Yn));
    onClose();
  }, items2);
  const items3 = [onClose];
  const callback1 = obj.useCallback(() => {
    removeCustomStatusDefault();
    const timerId = setTimeout(() => {
      const AccessibilityAnnouncer = navigation(4489).AccessibilityAnnouncer;
      const intl = navigation(1115).intl;
      AccessibilityAnnouncer.announce(intl.string(navigation(1115).t.YdUwBS));
    }, 300);
    onClose();
  }, items3);
  ref1 = obj.useRef(null);
  callback2 = obj.useCallback(() => {
    const result = setAccessibilityFocus.setAccessibilityFocus({ ref: ref1, delay: 500 });
  }, []);
  const items4 = [callback2];
  callback3 = obj.useCallback((id) => {
    const obj = { id: id.id, name: null, animated: null };
    if (null == id.id) {
      if (null != id.surrogates) {
        if ("" !== id.surrogates) {
          let str2 = id.surrogates;
        }
        obj.name = str2;
        obj.animated = id.animated;
        tmp(obj);
        callback2();
      }
    }
    str2 = id.name;
    if (str2 == null) {
      str2 = "";
    }
  }, items4);
  const items5 = [callback3, callback2];
  const items6 = [tmp12Result[1], tmp13[1]];
  const callback4 = obj.useCallback(() => {
    const result = openEmojiPickerActionSheet.openEmojiPickerActionSheet({ onPressEmoji: callback3, onClose: callback2, pickerIntention: EmojiIntention.STATUS });
  }, items5);
  const callback5 = obj.useCallback(() => {
    closure_8(null);
    closure_6("");
  }, items6);
  ref2 = obj.useRef(null);
  const ref3 = stateFromStores.useRef(null);
  const insets = tmp10(tmp7[24])({ includeKeyboardHeight: true, isKeyboardAwareOnIOS: false }).insets;
  const obj4 = { insets, inputs: null, scrollViewRef: ref3 };
  const items7 = [{ ref: ref2 }];
  obj4.inputs = items7;
  const callback6 = obj.useCallback(() => {
    const current = ref2.current;
    if (current != null) {
      current.blur();
    }
  }, []);
  ref = obj.useRef({ statusText: value, statusEmoji: first1, clearAfter: first2 });
  const items8 = [value, first1, first2];
  memo = obj.useMemo(() => {
    let tmp2 = first !== ref.current.statusText;
    if (!tmp2) {
      tmp2 = first1 !== tmp.current.statusEmoji;
    }
    if (!tmp2) {
      tmp2 = first2 !== tmp.current.clearAfter;
    }
    return tmp2;
  }, items8);
  const items9 = [memo, onClose];
  callback7 = obj.useCallback(() => {
    const obj = { hasEdits: memo, onHasEdits: ChatInputUtils.dismissKeyboard, resetPending, onConfirm: onClose };
    maybeShowDiscardChangesAlertDefault(obj);
  }, items9);
  const items10 = [stateFromStores, value, first1, labelResult];
  const items11 = [navigation, callback, memo, callback7];
  const memo1 = obj.useMemo(() => {
    let tmp2 = null;
    if (null != stateFromStores) {
      const obj = { user: tmp, pendingStatusText, pendingStatusEmoji: first1, placeholderText };
      tmp2 = map1(CustomStatusPreviewDefault, obj);
    }
    return tmp2;
  }, items10);
  const layoutEffect = obj.useLayoutEffect(() => {
    let obj = {
      headerRight() {
        const obj = { label: null, onPress: null, disabled: null };
        const intl = navigation(analyticsLocations[11]).intl;
        obj.label = intl.string(navigation(analyticsLocations[11]).t["R3BPH+"]);
        obj.onPress = onPress;
        obj.disabled = !memo;
        return ref1(navigation(analyticsLocations[29]).HeaderTextButton, obj);
      },
      headerLeft: NavigatorHeader.getHeaderCloseButton(callback7)
    };
    navigation.setOptions(obj);
  }, items11);
  if (null == stateFromStores) {
    return null;
  } else {
    const obj5 = { style: tmp5.container, children: null };
    const obj6 = { style: tmp5.previewContainer, children: memo1 };
    const items12 = [ref1(closure_6, obj6), , , ];
    const obj7 = { style: tmp5.statusSection, children: null };
    const obj8 = { style: tmp5.statusSectionHeader, children: null };
    const obj9 = { accessibilityRole: "header", variant: "text-sm/semibold", color: "text-default", children: null };
    const intl5 = tmp6(tmp7[11]).intl;
    obj9.children = intl5.string(tmp6(tmp7[11]).t.zOdg0A);
    obj8.children = ref1(tmp6(tmp7[31]).Text, obj9);
    const items13 = [ref1(closure_6, obj8), ];
    const obj10 = { style: tmp5.statusInput, children: null };
    const obj11 = { style: tmp5.statusInputRow, children: null };
    const obj12 = { ref: ref1, accessibilityLabel: null, accessibilityValue: null, accessibilityRole: "button", onPress: null, children: null };
    const intl6 = tmp6(tmp7[11]).intl;
    obj12.accessibilityLabel = intl6.string(tmp6(tmp7[11]).t.WkfRZP);
    let name;
    if (first1 != null) {
      name = first1.name;
    }
    const obj13 = { text: name };
    obj12.accessibilityValue = obj13;
    obj12.onPress = callback4;
    const obj14 = { emoji: first1, size: 20, style: tmp5.emoji, withPlaceholder: true };
    obj12.children = ref1(tmp10(tmp7[32]), obj14);
    const items14 = [ref1(tmp6(tmp7[10]).PressableOpacity, obj12), , ];
    const obj15 = { ref: ref2, maxLength, placeholder: labelResult, placeholderTextColor: tmp5.inputPlaceholder.color, accessibilityLabel: null, onSubmitEditing: null, onFocus: null, style: null, value: null, onChange: null, autoCorrect: false, showBorder: false, showTopContainer: false, autoCapitalize: "none", inputTextStyle: null, multiline: true, submitBehavior: "blurAndSubmit", returnKeyType: "done", autoFocus: true };
    const intl2 = tmp6(tmp7[11]).intl;
    obj15.accessibilityLabel = intl2.string(tmp6(tmp7[11]).t.xalUlT);
    obj15.onSubmitEditing = callback6;
    obj15.onFocus = tmp10(tmp7[25])(obj4).onFocus;
    obj15.style = tmp5.status;
    obj15.value = value;
    obj15.onChange = tmp15;
    obj15.inputTextStyle = tmp5.statusText;
    items14[1] = ref1(tmp10(tmp7[33]), obj15);
    let tmp48Result = null != first1;
    if (!tmp48Result) {
      tmp48Result = "" !== value;
    }
    if (tmp48Result) {
      const obj16 = { onPress: callback5 };
      tmp48Result = tmp48(ref2, obj16);
    }
    items14[2] = tmp48Result;
    obj11.children = items14;
    obj10.children = callback2(closure_6, obj11);
    items13[1] = ref1(closure_6, obj10);
    obj7.children = items13;
    items12[1] = callback2(closure_6, obj7);
    const obj17 = { hasIcons: false, children: null };
    const obj18 = { label: null, arrow: true, onPress: null, trailing: null };
    const intl3 = tmp6(tmp7[11]).intl;
    obj18.label = intl3.string(tmp6(tmp7[11]).t["+14vvU"]);
    obj18.onPress = function onPress() {
      ChatInputUtils.dismissKeyboard();
      ActionSheetActionCreatorsDefault.openLazy(asyncRequireImpl(11347, dependencyMap.paths), "ClearAfterOptionsActionSheet", { initialValue: first2, onChange });
    };
    const obj19 = { variant: "text-sm/medium", children: tmp10(tmp7[39])(first2) };
    obj18.trailing = ref1(tmp6(tmp7[31]).Text, obj19);
    obj17.children = ref1(tmp6(tmp7[35]).TableRow, obj18);
    items12[2] = ref1(tmp6(tmp7[34]).TableRowGroup, obj17);
    let tmp48Result3 = null != customStatusActivity;
    if (tmp48Result3) {
      const obj20 = { hasIcons: true, children: null };
      const obj21 = { icon: null, label: null, onPress: null, variant: "danger" };
      const obj22 = { color: tmp10(tmp7[9]).colors.TEXT_FEEDBACK_CRITICAL };
      obj21.icon = tmp48(tmp6(tmp7[40]).TrashIcon, obj22);
      const intl4 = tmp6(tmp7[11]).intl;
      obj21.label = intl4.string(tmp6(tmp7[11]).t.wO53tu);
      obj21.onPress = callback1;
      obj20.children = tmp48(tmp6(tmp7[35]).TableRow, obj21);
      tmp48Result3 = tmp48(tmp6(tmp7[34]).TableRowGroup, obj20);
    }
    items12[3] = tmp48Result3;
    obj5.children = items12;
    const tmp46Result = callback2(closure_6, obj5);
    const tmp10Result = tmp10(tmp7[33]);
    if (tmp6Result.isAndroid()) {
      const obj23 = { ref: ref3, keyboardShouldPersistTaps: "always", contentContainerStyle: null, children: null };
      const obj24 = { paddingBottom: insets.bottom };
      obj23.contentContainerStyle = obj24;
      obj23.children = tmp46Result;
      let tmp48Result4 = tmp48(value, obj23);
    } else {
      const obj25 = { keyboardShouldPersistTaps: "always", children: tmp46Result };
      tmp48Result4 = tmp48(tmp6(tmp7[42]).KeyboardAwareScrollView, obj25);
    }
    return tmp48Result4;
  }
  const tmp11 = onClose(analyticsLocations[18])();
}
get_ActivityIndicator = fn(17);
({ ScrollView: hasOwnProperty, View: metroRequire } = get_ActivityIndicator);
const STATUS_MAX_LENGTH = fn(11268).STATUS_MAX_LENGTH;
const Constants = fn(1074);
({ AnalyticEvents: closure_9, AnalyticsSections: c10, NOOP: closure_11, Fonts } = Constants);
const EmojiIntention = fn(1375).EmojiIntention;
const jsxProd = fn(21);
({ jsx: map1, jsxs: closure_14 } = jsxProd);
const createStyles = fn(4638);
let obj2 = { container: { flexGrow: 1, padding: 16, rowGap: 24 }, statusSection: { rowGap: 8 }, statusInput: { flexDirection: "column", rowGap: 4, backgroundColor: nativeDefault.colors.INPUT_BACKGROUND_DEFAULT, borderRadius: nativeDefault.radii.lg, padding: 12 }, statusInputRow: { flexDirection: "row", alignItems: "center" }, emoji: { marginRight: 8 }, status: null, statusText: null, inputPlaceholder: null, previewContainer: null, closeIcon: null, statusSectionHeader: null };
let obj3 = { flexDirection: "column", rowGap: 4, backgroundColor: nativeDefault.colors.INPUT_BACKGROUND_DEFAULT, borderRadius: nativeDefault.radii.lg, padding: 12 };
obj2.status = { color: nativeDefault.colors.TEXT_STRONG, lineHeight: 16, flexGrow: 1, alignSelf: "flex-start", paddingVertical: 0, paddingHorizontal: 0 };
let obj4 = { color: nativeDefault.colors.TEXT_STRONG, lineHeight: 16, flexGrow: 1, alignSelf: "flex-start", paddingVertical: 0, paddingHorizontal: 0 };
obj2.statusText = { fontSize: 16, fontFamily: Fonts.PRIMARY_MEDIUM, color: nativeDefault.colors.TEXT_STRONG, flexGrow: 1, height: "auto", textAlignVertical: "center" };
let obj5 = { fontSize: 16, fontFamily: Fonts.PRIMARY_MEDIUM, color: nativeDefault.colors.TEXT_STRONG, flexGrow: 1, height: "auto", textAlignVertical: "center" };
obj2.inputPlaceholder = { color: nativeDefault.colors.TEXT_MUTED };
const merged = Object.assign(nativeDefault.shadows.SHADOW_LOW);
obj2.previewContainer = { alignItems: "center" };
let obj6 = { color: nativeDefault.colors.TEXT_MUTED };
let obj7 = { alignItems: "center" };
obj2.closeIcon = { tintColor: nativeDefault.colors.INTERACTIVE_TEXT_DEFAULT, flexShrink: 0 };
obj2.statusSectionHeader = { flexDirection: "row", alignItems: "center", justifyContent: "space-between" };
let closure_15 = createStyles.createStyles(obj2);
const size = fn(2);
let result = size.fileFinishedImporting("modules/custom_status/native/EditCustomStatusWithPreview.tsx");

export default function EditCustomStatusWithPreviewModal(analyticsLocations) {
  analyticsLocations = analyticsLocations.analyticsLocations;
  const _prompt = analyticsLocations.prompt;
  const items = [analyticsLocations, _prompt];
  const memo = noop.useMemo(() => {
    let obj = { root: null };
    const obj2 = { title: null, headerTitle: null, headerLeft: null, ignoreKeyboard: true, render: null };
    let intl = util.intl;
    obj2.title = intl.string(util.t.Iuzg8R);
    obj2.headerTitle = function headerTitle() {
      const obj = { title: null };
      const intl = analyticsLocations(1115).intl;
      obj.title = intl.string(analyticsLocations(1115).t.Iuzg8R);
      return closure_1_13(analyticsLocations(7978).GenericHeaderTitle, obj);
    };
    obj2.headerLeft = NavigatorHeader.getHeaderCloseButton(ModalActionCreatorsDefault.pop);
    obj2.render = function render(arg0, navigation) {
      return closure_2_13(EditCustomStatusWithPreview, { navigation, onClose: _prompt(dependencyMap[43]).pop, analyticsLocations, prompt: _prompt });
    };
    obj.root = obj2;
    return obj;
  }, items);
  let obj = { initialRouteName: "root", screens: memo, headerStatusBarHeight: 12, headerStyle: null };
  let obj2 = analyticsLocations(1365);
  const tmp2 = closure_13;
  let obj3;
  if (!tmp3Result.isAndroid()) {
    obj3 = { height: 56 };
  }
  obj.headerStyle = obj3;
  return tmp2(analyticsLocations(7110).Navigator, obj);
};