decord/source/modules/multi_account/native/ManageAccountsModal.tsx

// Module ID: 16535
// Function ID: 16536
// Name: ManageAccountsModal
// Dependencies: [32, 5, 19, 17, 502, 4485, 1372, 12565, 12566, 16536, 1074, 21, 8035, 4640, 576, 504, 1177, 4985, 1115, 12569, 5210, 15429, 16103, 4376, 4641, 8421, 1241, 7237, 16537, 16104, 12575, 16538, 5703, 8748, 11358, 7114, 7984, 11082, 16129, 6703, 7054, 16128, 2]

// Module 16535 (ManageAccountsModal)
import nativeDefault from "native" /* 576 */;
import util from "util" /* 1115 */;
import AnalyticsUtilsDefault from "AnalyticsUtils" /* 1241 */;
import timing from "timing" /* 4641 */;
import actions_AlertActionCreatorsDefault from "actions/AlertActionCreators" /* 4985 */;
import HeaderShared from "HeaderShared" /* 7984 */;
import getNavigationModalPresentationDefault from "getNavigationModalPresentation" /* 11082 */;
import MultiAccountActionCreatorsAll from "MultiAccountActionCreators" /* 12569 */;
import _slicedToArray from "module_32" /* 32 */;
import asyncGeneratorStep from "asyncGeneratorStep" /* 5 */;
import noop from "module_19" /* 19 */;
import AuthenticationStore from "AuthenticationStore" /* 502 */;
import StreamerModeStore from "StreamerModeStore" /* 4485 */;
import UserStore from "UserStore" /* 1372 */;

const require = globalThis.__r;

require = fn;
function RemoveMultiAccountUserButton(user) {
  user = user.user;
  importDefault = undefined;
  closure_2 = async function _handlePressRemove(arg0, value) {
    if (v3 === 2) {
      v3 = 3;
      throw new TypeError("Generator functions may not be called on executing generators");
    } else if (tmp4 === 3) {
      if (arg0 === 1) {
        throw value;
      } else if (arg0 === 2) {
        const obj2 = { value, done: true };
        return obj2;
      } else {
        return { value: "HermesInternal", done: null };
      }
    } else {
      try {
        v3 = 2;
        if (0 === v1) {
          if (arg0 === 1) {
            v3 = 3;
            throw value;
          } else if (arg0 === 2) {
            v3 = 3;
            const obj3 = { value, done: true };
            return obj3;
          } else {
            const obj4 = { title: null, body: null, confirmText: null, confirmColor: null, cancelText: null, isDismissable: true };
            const intl = tmp2(1115).intl;
            obj4.title = intl.string(tmp2(1115).t.n0Fbg6);
            const intl2 = tmp2(1115).intl;
            const obj5 = { username };
            obj4.body = intl2.formatToPlainString(tmp2(1115).t.phEQmS, obj5);
            const intl3 = tmp2(1115).intl;
            obj4.confirmText = intl3.string(tmp2(1115).t.N86XcP);
            obj4.confirmColor = tmp2(1177).ButtonColors.RED;
            const intl4 = tmp2(1115).intl;
            obj4.cancelText = intl4.string(tmp2(1115).t["ETE/oC"]);
            v1 = 1;
            v3 = 1;
            const obj7 = { value: v1(4985).confirm(obj4), done: false };
            return obj7;
          }
        } else if (arg0 === 1) {
          v3 = 3;
          throw value;
        } else if (arg0 === 2) {
          v3 = 3;
          const obj8 = { value, done: true };
          return obj8;
        } else {
          if (value) {
            v3(12569).removeAccount(closure_128_0.id);
            const obj = v3(12569);
          }
          v3 = 3;
          return { value: "HermesInternal", done: null };
        }
      } catch (tmp11) {
        v3 = tmp;
        throw tmp11;
      }
    }
  };
  const items = [StreamerModeStore];
  let stateFromStores = user(504).useStateFromStores(items, () => StreamerModeStore.hidePersonalInformation);
  let obj = user(504);
  const items1 = [UserStore];
  const stateFromStores1 = user(504).useStateFromStores(items1, () => currentUser.getCurrentUser());
  let id;
  if (stateFromStores1 != null) {
    id = stateFromStores1.id;
  }
  if (id === user.id) {
    return closure_18(tmp(1177).Spacer, { size: 21 });
  } else {
    const username = user.username;
    importDefault = username;
    if (!stateFromStores) {
      stateFromStores = "0" === user.discriminator;
    }
    if (!stateFromStores) {
      const _HermesInternal = HermesInternal;
      importDefault = username + "#" + user.discriminator;
    }
    let obj3 = { accessibilityRole: "button", accessibilityLabel: null, onPress: null, children: null };
    let intl = tmp(1115).intl;
    obj3.accessibilityLabel = intl.string(tmp(1115).t.lSLMaU);
    obj3.onPress = function handlePressRemove() {
      const self = this;
      const apply = closure_2.apply;
      if (typeof apply === "unknown") {
        let applyArgumentsResult = HermesBuiltin.applyArguments(self);
      } else {
        applyArgumentsResult = apply(self, arguments);
      }
      return applyArgumentsResult;
    };
    let obj4 = { color: nativeDefault.colors.ICON_FEEDBACK_CRITICAL };
    obj3.children = closure_18(tmp(15429).CircleMinusIcon, obj4);
    return closure_18(tmp(5210).PressableOpacity, obj3);
  }
  let obj2 = user(504);
}
function ManageAccounts(isEditing) {
  isEditing = isEditing.isEditing;
  const navigation = isEditing.navigation;
  let multiAccountUsers;
  const tmp = closure_21();
  closure_2 = tmp;
  multiAccountUsers = isEditing(multiAccountUsers[22]).useMultiAccountUsers().multiAccountUsers;
  let obj = isEditing(multiAccountUsers[22]);
  const items = [AuthenticationStore];
  const currentUserId = isEditing(multiAccountUsers[15]).useStateFromStoresObject(items, () => ({ currentUserId: id.getId() })).currentUserId;
  let obj2 = isEditing(multiAccountUsers[15]);
  const sharedValue = isEditing(multiAccountUsers[23]).useSharedValue(0);
  let obj3 = isEditing(multiAccountUsers[23]);
  let fn = function l() {
    const obj = { width: timing.withTiming(sharedValue.get(), { duration }) };
    return obj;
  };
  let obj4 = isEditing(multiAccountUsers[23]);
  fn.__closure = { withTiming: isEditing(multiAccountUsers[24]).withTiming, leadingWidth: sharedValue, MANAGE_EDIT_TRANSITION_DURATION: duration };
  fn.__workletHash = 3389178545077;
  fn.__initData = __initData;
  noop = obj4.useAnimatedStyle(fn);
  component = navigation(multiAccountUsers[25])(isEditing);
  const effect = noop.useEffect(() => {
    let tmp2 = null != closure_7;
    if (tmp2) {
      tmp2 = tmp !== isEditing;
    }
    if (tmp2) {
      let num = 0;
      if (isEditing) {
        num = 37;
      }
      const result = sharedValue.set(num);
    }
  });
  let obj6 = { style: tmp.container, bottom: true, children: null };
  let obj7 = {
    data: multiAccountUsers,
    onRowMoved: function handleUserMove(arg0) {
      ({ from, to } = arg0);
      closure_2(multiAccountUsers[19]).moveAccount(from, to);
    },
    disableSorting: !isEditing,
    wrapperStyles: tmp.sortableListView,
    renderRow(user, arg1) {
      closure_0 = user;
      let obj = { user, onPressUser: null, showActiveAccountLabel: true, leading: null, trailing: null, delayLongPress: null };
      let fn = null;
      if (!closure_0) {
        fn = () => {
          if (!isEditing) {
            if (tmp.id !== currentUserId) {
              if (tmp.tokenStatus === MultiAccountTokenStatus.INVALID) {
                navigation.push(constants3.LOGIN);
                AnalyticsUtilsDefault.track(constants2.LOGIN_VIEWED, { source: "multi_account_invalid_user" });
              } else {
                MultiAccountActionCreatorsAll.switchAccount(tmp.id, undefined, constants.MANAGE_ACCOUNTS_MODAL);
              }
            }
          }
        };
      }
      obj.onPressUser = fn;
      let obj2 = { component: navigation(multiAccountUsers[23]).View, transitionEnter: true, transitionLeave: true, style, children: null };
      let tmpResult = tmp5;
      if (closure_0) {
        const obj3 = { duration, children: null };
        const obj4 = { user };
        obj3.children = tmp(RemoveMultiAccountUserButton, obj4);
        tmpResult = tmp(tmp2(tmp3[31]), obj3);
        const tmp2Result = tmp2(tmp3[31]);
      }
      obj2.children = tmpResult;
      obj.leading = closure_1_18(isEditing(multiAccountUsers[30]).TransitionGroup, obj2);
      const obj5 = { component, transitionEnter: true, transitionLeave: true, transitionAppear: true, style: closure_2.trailingIconContainer, children: null };
      const tmp2Result2 = navigation(multiAccountUsers[31]);
      const obj6 = { duration, style: closure_2.trailingIcon, children: null };
      if (closure_0) {
        obj6.children = tmp(tmp6(tmp3[32]).DragIcon, {});
        let tmpResult2 = tmp(tmp2Result2, obj6, "drag");
      } else {
        const obj7 = { user };
        obj6.children = tmp(tmp6(tmp3[29]).AccountStatusIcon, obj7);
        tmpResult2 = tmp(tmp2Result2, obj6, "status");
      }
      obj5.children = tmpResult2;
      obj.trailing = closure_1_18(isEditing(multiAccountUsers[30]).TransitionGroup, obj5);
      let num;
      if (closure_0) {
        num = 100;
      }
      obj.delayLongPress = num;
      return closure_1_18(navigation(multiAccountUsers[29]), obj, arg1);
    },
    keyboardShouldPersistTaps: "handled",
    scrollEventThrottle: 16,
    scrollEnabled: true,
    footer: null
  };
  let obj5 = { withTiming: isEditing(multiAccountUsers[24]).withTiming, leadingWidth: sharedValue, MANAGE_EDIT_TRANSITION_DURATION: duration };
  const tmp5 = duration;
  const obj8 = { component, transitionEnter: true, transitionLeave: true, transitionAppear: true, children: null };
  let tmp8Result = !isEditing;
  if (!isEditing) {
    const obj9 = { duration: tmp5, children: null };
    const obj10 = { leading: null, label: null, onPress: null };
    const obj11 = { color: tmp6(tmp3[14]).colors.TEXT_LINK };
    obj10.leading = tmp8(tmp2(tmp3[34]).CirclePlusIcon, obj11);
    const obj12 = { style: tmp.addAccountLabel, text: null };
    let intl = tmp2(tmp3[18]).intl;
    obj12.text = intl.string(tmp2(tmp3[18]).t.bPP34Q);
    obj10.label = tmp8(tmp2(tmp3[33]).FormRow.Label, obj12);
    obj10.onPress = function handlePressAddAccount() {
      if (multiAccountUsers.length >= map1) {
        const obj3 = { title: null, body: null, isDismissable: true };
        const intl = util.intl;
        obj3.title = intl.string(util.t.w7wfXi);
        const intl2 = util.intl;
        const obj4 = { maxNumAccounts: tmp };
        obj3.body = intl2.formatToPlainString(util.t.WOyelG, obj4);
        actions_AlertActionCreatorsDefault.show(obj3);
      } else {
        navigation.push(constants3.LOGIN);
        AnalyticsUtilsDefault.track(constants2.LOGIN_VIEWED, { source: "multi_account_add_account" });
      }
    };
    obj9.children = tmp8(tmp2(tmp3[33]).FormRow, obj10);
    tmp8Result = tmp8(tmp6(tmp3[31]), obj9);
    const tmp6Result = tmp6(tmp3[31]);
  }
  obj8.children = tmp8Result;
  obj7.footer = closure_18(isEditing(multiAccountUsers[30]).TransitionGroup, obj8);
  obj6.children = closure_18(navigation(multiAccountUsers[28]), obj7);
  return closure_18(isEditing(multiAccountUsers[27]).SafeAreaPaddingView, obj6);
}
const View = fn(17).View;
const MultiAccountTokenStatus = fn(12565).MultiAccountTokenStatus;
let Constants = fn(12566);
({ MANAGE_EDIT_TRANSITION_DURATION: closure_12, MAX_ACCOUNTS: map1, MultiAccountSwitchLocation: closure_14 } = Constants);
const ManageAccountsScreens = fn(16536).ManageAccountsScreens;
Constants = fn(1074);
({ AnalyticEvents: closure_16, AuthStates: closure_17 } = Constants);
const jsxProd = fn(21);
({ jsx: closure_18, jsxs: closure_19 } = jsxProd);
const NativeStackNavigator = fn(8035);
let closure_20 = NativeStackNavigator.createNativeStackNavigator();
const createStyles = fn(4640);
let obj = { container: { backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOW, flex: 1, paddingTop: 16 }, sortableListView: null, addAccountLabel: null, trailingIconContainer: null, trailingIcon: null };
let obj4 = { backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOW, flex: 1, paddingTop: 16 };
obj.sortableListView = { flex: 1, backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOW };
let obj5 = { flex: 1, backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOW };
obj.addAccountLabel = { color: nativeDefault.colors.TEXT_LINK };
obj.trailingIconContainer = { width: 24, height: 24 };
obj.trailingIcon = { position: "absolute" };
let closure_21 = createStyles.createStyles(obj);
const __initData = { code: "function ManageAccountsModalTsx1(){const{withTiming,leadingWidth,MANAGE_EDIT_TRANSITION_DURATION}=this.__closure;return{width:withTiming(leadingWidth.get(),{duration:MANAGE_EDIT_TRANSITION_DURATION})};}" };
let obj6 = { color: nativeDefault.colors.TEXT_LINK };
const size = fn(2);
let result = size.fileFinishedImporting("modules/multi_account/native/ManageAccountsModal.tsx");

export default noop.memo(function ManageAccountsModal(initialRouteName) {
  let MANAGE_ACCOUNTS = initialRouteName.initialRouteName;
  if (MANAGE_ACCOUNTS === undefined) {
    MANAGE_ACCOUNTS = ManageAccountsScreens.MANAGE_ACCOUNTS;
  }
  _require = undefined;
  c1 = undefined;
  c2 = undefined;
  _require = require("Navigator").useAccessibilityNativeStackOptions();
  let obj = require("Navigator");
  [c1, c2] = noop.useState(false);
  let obj2 = {
    initialRouteName: MANAGE_ACCOUNTS,
    screenOptions(arg0) {
      const obj = {
        headerTitle(children) {
          const merged = Object.assign(children, Object.assign({ children: 0 }));
          const merged1 = Object.assign(merged);
          return closure_1_18(closure_1_0(dependencyMap[36]).GenericHeaderTitle, { title: children.children });
        },
        headerLeft: null,
        headerTitleAlign: "center"
      };
      let renderModalCloseImage;
      if (!c1) {
        renderModalCloseImage = HeaderShared.getRenderModalCloseImage(tmp);
      }
      obj.headerLeft = renderModalCloseImage;
      let merged = Object.assign(closure_0);
      let merged1 = Object.assign(getNavigationModalPresentationDefault());
      return obj;
    },
    children: null
  };
  const items = [
    closure_18(closure_20.Screen, {
      name: ManageAccountsScreens.MANAGE_ACCOUNTS,
      options() {
        const obj = { title: null, headerRight: null };
        const intl = util.intl;
        obj.title = intl.string(util.t.WbFpq4);
        const getRenderHeaderTextButton = HeaderShared.getRenderHeaderTextButton;
        const intl2 = util.intl;
        const string = intl2.string;
        const t = util.t;
        if (c1) {
          let renderHeaderTextButton = getRenderHeaderTextButton(string(t.i4jeWR), () => closure_1_2(false));
        } else {
          renderHeaderTextButton = getRenderHeaderTextButton(string(t.bt75uw), () => closure_1_2(true));
        }
        obj.headerRight = renderHeaderTextButton;
        return obj;
      },
      children(navigation) {
        return collapsedCategories(ManageAccounts, { isEditing, navigation: navigation.navigation });
      }
    }),
    closure_18(closure_20.Screen, {
      name: ManageAccountsScreens.ACCOUNT_DISABLED_OR_DELETION_SCHEDULED,
      options() {
        const obj = { title: null };
        const intl = closure_0(1115).intl;
        obj.title = intl.string(closure_0(1115).t.WbFpq4);
        return obj;
      },
      children() {
        return closure_1_18(isEditing(16129), {
          handleLogin(login, password, undelete) {
            isEditing(6703).login({ login, password, undelete });
          },
          onReset() {
            isEditing(6703).loginReset(true);
          }
        });
      }
    }),
    closure_18(closure_20.Screen, {
      name: ManageAccountsScreens.LOGIN,
      options() {
        return { headerShown: false };
      },
      children() {
        return closure_1_18(isEditing(7054), { isMultiAccount: true });
      }
    }),
    closure_18(closure_20.Screen, {
      name: ManageAccountsScreens.MFA,
      options() {
        return { headerShown: false };
      },
      children() {
        return closure_1_18(isEditing(16128), { isMultiAccount: true });
      }
    })
  ];
  obj2.children = items;
  return closure_19(closure_20.Navigator, obj2);
});