// Module ID: 16127
// Function ID: 16128
// Name: GuildFolderSettingsScene
// Dependencies: [32, 19, 17, 5390, 16128, 21, 4478, 8226, 5603, 4445, 16129, 2008, 709, 4927, 7717, 1233, 6001, 5608, 685, 14490, 5504, 586, 16126, 6017, 2]
// Exports: default

// Module 16127 (GuildFolderSettingsScene)
import closure_3 from "_slicedToArray" /* 32 */;
import closure_4 from "noop" /* 19 */;
import get_ActivityIndicator from "get ActivityIndicator" /* 17 */;
import closure_7 from "insertUnsortedGuilds" /* 5390 */;
import { DEFAULT_FOLDER_COLOR } from "DEFAULT_FOLDER_COLOR" /* 16128 */;
import jsxProd from "jsxProd" /* 21 */;
import createCacheKey from "createCacheKey" /* 4478 */;

const require = arg1;
function GuildFolderSettingsScene(color) {
  color = color.color;
  const onColorChange = color.onColorChange;
  ({ name, onNameChange } = color);
  const tmp = callback3();
  const items = [color, onColorChange];
  let obj = { style: tmp.scrollView, keyboardShouldPersistTaps: "always", contentInset: { top: 0 }, automaticallyAdjustContentInsets: false, contentContainerStyle: null, children: null };
  obj = { padding: null, paddingBottom: null };
  const callback = React.useCallback(() => {
    closure_1_5.dismiss();
    let obj = onColorChange(closure_1_2[9]);
    obj = { color, onSelect: onColorChange };
    obj.openLazy(color(closure_1_2[11])(closure_1_2[10], closure_1_2.paths), "RoleColorPicker", obj);
  }, items);
  obj[0] = onColorChange(709).space.PX_16;
  obj[1] = 38 + onColorChange(5603)().insets.bottom;
  obj[4] = obj;
  obj = { spacing: onColorChange(709).space.PX_16, children: null };
  obj1 = { label: null, placeholder: null, value: null, onChange: null, maxLength: 32, autoFocus: true, isClearable: true };
  const intl = color(1233).intl;
  obj1[0] = intl.string(color(1233).t.tGRbjA);
  const intl2 = color(1233).intl;
  obj1[1] = intl2.string(color(1233).t.xV9hVh);
  obj1[2] = name;
  obj1[3] = onNameChange;
  const items1 = [callback(color(7717).TextInput, obj1), ];
  const obj2 = { hasIcons: false, children: null };
  const obj3 = { label: null, subLabel: null, onPress: null, arrow: true, trailing: null };
  const intl3 = color(1233).intl;
  obj3[0] = intl3.string(color(1233).t.xpurRF);
  obj3[1] = color(685).int2hex(color);
  obj3[2] = callback;
  obj3[4] = callback(onColorChange(14490), { color, style: tmp.colorBlock });
  obj2[1] = callback(color(5608).TableRow, obj3);
  items1[1] = callback(color(6001).TableRowGroup, obj2);
  obj[1] = items1;
  obj[5] = callback2(color(4927).Stack, obj);
  return callback(closure_6, obj);
}
({ Keyboard: c5, ScrollView: closure_6 } = get_ActivityIndicator);
({ jsx: c9, jsxs: c10 } = jsxProd);
let closure_11 = createCacheKey.createStyles({ scrollView: { flex: 1 }, colorBlock: { marginHorizontal: 0, marginVertical: 0, minWidth: 24, height: 24, borderRadius: 3 } });
let c13 = "Folder Settings";
let result = require("set").fileFinishedImporting("modules/guilds_bar/native/GuildsBarFolderSettingsModal.tsx");

export default function GuildFolderSettingsModal(folderId) {
  folderId = folderId.folderId;
  let first;
  dependencyMap = undefined;
  let first1;
  let React;
  closure_5 = undefined;
  let callback;
  let callback1;
  let obj = folderId(586);
  const items = [callback1];
  const items1 = [folderId];
  const stateFromStoresObject = obj.useStateFromStoresObject(items, () => {
    const guildFolderById = callback1.getGuildFolderById(folderId);
    let folderName;
    if (guildFolderById != null) {
      folderName = guildFolderById.folderName;
    }
    let str = "";
    if (null != folderName) {
      str = guildFolderById.folderName;
    }
    const obj = { initialFolderName: str, initialFolderColor: null };
    let folderColor;
    if (guildFolderById != null) {
      folderColor = guildFolderById.folderColor;
    }
    obj[1] = null != folderColor ? guildFolderById.folderColor : closure_1_8;
    return obj;
  }, items1);
  ({ initialFolderName, initialFolderColor } = stateFromStoresObject);
  const tmp4 = first1(React.useState(initialFolderName), 2);
  first = tmp4[0];
  dependencyMap = tmp4[1];
  const tmp6 = first1(React.useState(initialFolderColor), 2);
  first1 = tmp6[0];
  React = tmp6[1];
  closure_5 = tmp8;
  const items2 = [folderId, first, first1];
  callback = obj2.useCallback(() => {
    dependencyMap = first1;
    const guildFolders = callback1.getGuildFolders();
    folderId(8226).saveGuildFolders(guildFolders.map((folderId) => {
      let tmp = folderId;
      if (folderId.folderId === closure_0) {
        const obj = {};
        const merged = Object.assign(folderId);
        obj.folderName = closure_1;
        obj.folderColor = closure_2;
        tmp = obj;
      }
      return tmp;
    }));
    let obj = folderId(8226);
    const result = folderId(16126).hideGuildsBarFolderModal();
  }, items2);
  callback1 = obj2.useCallback(() => {
    const result = folderId(16126).hideGuildsBarFolderModal();
  }, []);
  const items3 = [first1, first, first !== initialFolderName || first1 !== initialFolderColor, callback, callback1];
  const memo = obj2.useMemo(() => {
    let obj = {
      name: first,
      onNameChange(arg0) {
        return callback(arg0);
      },
      color: first1,
      onColorChange(arg0) {
        return callback2(arg0);
      }
    };
    obj = {
      render() {
        obj = {};
        const merged = Object.assign(obj);
        return closure_1_9(closure_1_12, obj);
      },
      title: null,
      headerLeft: null,
      headerRight: null
    };
    const intl = folderId(1233).intl;
    obj[1] = intl.string(folderId(1233).t.Dx7im5);
    obj[2] = folderId(5504).getHeaderCloseButton(callback1);
    if (closure_5) {
      const intl2 = tmp3(1233).intl;
      let fn = tmp3(5504).getHeaderTextButton(intl2.string(tmp3(1233).t["R3BPH+"]), callback);
      const tmp3Result = tmp3(5504);
    } else {
      fn = () => null;
    }
    obj[3] = fn;
    return { [closure_1_13]: obj };
  }, items3);
  obj = { screens: memo, initialRouteName: c13 };
  return callback(folderId(6017).Navigator, obj);
};