decord/beta/source/modules/oauth2/native/ConnectAccountStep.tsx

// Module ID: 9370
// Function ID: 9371
// Name: ConnectAccountStep
// Dependencies: [19, 17, 5017, 502, 1376, 21, 4790, 580, 558, 568, 4725, 504, 5534, 1401, 4642, 7442, 9371, 1181, 8212, 4786, 1119, 5220, 4744, 4740, 2]

// Module 9370 (ConnectAccountStep)
import c from "c" /* 568 */;
import nativeDefault from "native" /* 580 */;
import util from "util" /* 1119 */;
import AvatarUtils from "AvatarUtils" /* 1401 */;
import shared from "shared" /* 4642 */;
import useThemeDefault from "useTheme" /* 4725 */;
import CheckmarkLargeIcon from "CheckmarkLargeIcon" /* 4740 */;
import Text_Text from "Text/Text" /* 4786 */;
import PlatformsDefault from "Platforms" /* 5534 */;
import ApplicationActionCreatorsDefault from "ApplicationActionCreators" /* 7442 */;
import authorizeConnectionDefault from "authorizeConnection" /* 9371 */;
import noop from "module_19" /* 19 */;
import ApplicationStore from "ApplicationStore" /* 5017 */;
import AuthenticationStore from "AuthenticationStore" /* 502 */;
import UserStore from "UserStore" /* 1376 */;

require = fn;
const View = fn(17).View;
const jsxProd = fn(21);
({ jsx: closure_8, jsxs: closure_9 } = jsxProd);
const createStyles = fn(4790);
let obj2 = { container: { flexDirection: "column", gap: 16, width: "100%" }, header: { flexDirection: "column", alignItems: "center", gap: 8, marginBottom: 8 }, headerIcons: { flexDirection: "row", alignItems: "center", gap: 16, marginBottom: 8 }, card: { flexDirection: "row", alignItems: "center", gap: 12, padding: 16, backgroundColor: nativeDefault.colors.BACKGROUND_SURFACE_HIGH, borderColor: nativeDefault.colors.BORDER_SUBTLE, borderWidth: 1, borderRadius: nativeDefault.radii.md }, cardName: { flex: 1, minWidth: 0 }, cardInfo: { flex: 1, minWidth: 0, flexDirection: "column", gap: 2 }, platformIcon: null, platformIconSmall: null, infoNotice: null, infoText: null, divider: null };
let size = { width: 40, height: 40, borderRadius: nativeDefault.radii.sm };
obj2.platformIcon = size;
const size1 = { width: 32, height: 32, borderRadius: nativeDefault.radii.sm };
obj2.platformIconSmall = size1;
let obj3 = { flexDirection: "row", alignItems: "center", gap: 12, padding: 16, backgroundColor: nativeDefault.colors.BACKGROUND_SURFACE_HIGH, borderColor: nativeDefault.colors.BORDER_SUBTLE, borderWidth: 1, borderRadius: nativeDefault.radii.md };
obj2.infoNotice = { flexDirection: "row", alignItems: "flex-start", gap: 8, padding: 12, backgroundColor: nativeDefault.colors.BACKGROUND_FEEDBACK_INFO, borderColor: nativeDefault.colors.ICON_FEEDBACK_INFO, borderWidth: 1, borderRadius: nativeDefault.radii.sm };
obj2.infoText = { flex: 1 };
let obj4 = { flexDirection: "row", alignItems: "flex-start", gap: 8, padding: 12, backgroundColor: nativeDefault.colors.BACKGROUND_FEEDBACK_INFO, borderColor: nativeDefault.colors.ICON_FEEDBACK_INFO, borderWidth: 1, borderRadius: nativeDefault.radii.sm };
obj2.divider = { height: 1, backgroundColor: nativeDefault.colors.BORDER_SUBTLE, marginVertical: 8 };
let closure_10 = createStyles.createStyles(obj2);
fn(558);
let obj5 = { height: 1, backgroundColor: nativeDefault.colors.BORDER_SUBTLE, marginVertical: 8 };
const ReactCompilerGating = fn(558);
const tmp3 = ReactCompilerGating.isReactCompilerEnabled() ? ((clientId) => {
  const cResult = clientId(568).c(69);
  clientId = clientId.clientId;
  const platformType = clientId.platformType;
  const tmp4 = closure_10();
  const tmp6 = platformType(4725)();
  if (cResult[0] === Symbol.for("react.memo_cache_sentinel")) {
    const items = [ApplicationStore];
    cResult[0] = items;
    let first = items;
  } else {
    first = cResult[0];
  }
  if (cResult[1] !== clientId) {
    const fn = function x() {
      return ApplicationStore.getApplication(clientId);
    };
    const items1 = [clientId];
    cResult[1] = clientId;
    cResult[2] = fn;
    cResult[3] = items1;
    let tmp10 = items1;
    let tmp9 = fn;
  } else {
    tmp9 = cResult[2];
    tmp10 = cResult[3];
  }
  const obj = clientId(568);
  const stateFromStores = clientId(504).useStateFromStores(first, tmp9, tmp10);
  if (cResult[4] === Symbol.for("react.memo_cache_sentinel")) {
    const items2 = [AuthenticationStore, UserStore];
    class C {
      constructor() {
        currentUser = null;
        if (null != closure_1_6.getId()) {
          tmp2 = closure_1_7;
          currentUser = closure_1_7.getCurrentUser();
        }
        return currentUser;
      }
    }
    cResult[4] = items2;
    cResult[5] = C;
    let tmp13 = C;
    let tmp12 = items2;
  } else {
    tmp12 = cResult[4];
    tmp13 = cResult[5];
  }
  const tmpResult = clientId(504);
  const stateFromStores1 = clientId(504).useStateFromStores(tmp12, tmp13);
  if (cResult[6] === platformType) {
    if (cResult[9] !== stateFromStores) {
      let applicationIconSource;
      if (null != stateFromStores) {
        ({ id: obj8.id, icon: obj8.icon } = stateFromStores);
        applicationIconSource = tmp5(1401).getApplicationIconSource({ id: null, icon: null });
        const obj2 = { id: null, icon: null };
        const tmp5Result = tmp5(1401);
      }
      cResult[9] = stateFromStores;
      class C {
        constructor() {
          currentUser = null;
          if (null != closure_1_6.getId()) {
            tmp2 = closure_1_7;
            currentUser = closure_1_7.getCurrentUser();
          }
          return currentUser;
        }
      }
      cResult[10] = applicationIconSource;
      let tmp20 = applicationIconSource;
    } else {
      tmp20 = cResult[10];
    }
    if (cResult[11] !== stateFromStores1) {
      let userAvatarSource;
      if (null != stateFromStores1) {
        userAvatarSource = tmp5(1401).getUserAvatarSource(stateFromStores1);
        const tmp5Result3 = tmp5(1401);
      }
      cResult[11] = stateFromStores1;
      class C {
        constructor() {
          currentUser = null;
          if (null != closure_1_6.getId()) {
            tmp2 = closure_1_7;
            currentUser = closure_1_7.getCurrentUser();
          }
          return currentUser;
        }
      }
      cResult[12] = userAvatarSource;
      let tmp23 = userAvatarSource;
    } else {
      tmp23 = cResult[12];
    }
    let str;
    class C {
      constructor() {
        currentUser = null;
        if (null != closure_1_6.getId()) {
          tmp2 = closure_1_7;
          currentUser = closure_1_7.getCurrentUser();
        }
        return currentUser;
      }
    }
    if (str == null) {
      str = "";
    }
    if (cResult[13] !== clientId) {
      class G {
        constructor() {
          obj = closure_1(closure_2[15]);
          application = obj.fetchApplication(clientId);
          return;
        }
      }
      const items3 = [clientId];
      cResult[13] = clientId;
      class C {
        constructor() {
          currentUser = null;
          if (null != closure_1_6.getId()) {
            tmp2 = closure_1_7;
            currentUser = closure_1_7.getCurrentUser();
          }
          return currentUser;
        }
      }
      cResult[14] = items3;
      cResult[15] = G;
      let tmp28 = G;
      const tmp27 = items3;
    } else {
      class G {
        constructor() {
          obj = closure_1(closure_2[15]);
          application = obj.fetchApplication(clientId);
          return;
        }
      }
      tmp28 = cResult[15];
    }
    const effect = noop.useEffect(tmp28, tmp27);
    if (cResult[16] !== platformType) {
      class P {
        constructor() {
          obj = { platformType, location: "OAuth2 Connect Account Step" };
          tmp = closure_1(closure_2[16])(obj);
          return;
        }
      }
      cResult[16] = platformType;
      cResult[17] = P;
      class C {
        constructor() {
          currentUser = null;
          if (null != closure_1_6.getId()) {
            tmp2 = closure_1_7;
            currentUser = closure_1_7.getCurrentUser();
          }
          return currentUser;
        }
      }
    } else {
      class P {
        constructor() {
          obj = { platformType, location: "OAuth2 Connect Account Step" };
          tmp = closure_1(closure_2[16])(obj);
          return;
        }
      }
    }
    const container = tmp4.container;
    if (cResult[18] !== tmp20) {
      class P {
        constructor() {
          obj = { platformType, location: "OAuth2 Connect Account Step" };
          tmp = closure_1(closure_2[16])(obj);
          return;
        }
      }
      const obj3 = { source: tmp20, size: null };
      const Avatar = tmp(1181).Avatar;
      obj3.size = tmp(1181).AvatarSizes.XLARGE;
      class C {
        constructor() {
          currentUser = null;
          if (null != closure_1_6.getId()) {
            tmp2 = closure_1_7;
            currentUser = closure_1_7.getCurrentUser();
          }
          return currentUser;
        }
      }
      cResult[18] = tmp20;
      cResult[19] = tmp32;
    } else {
      class P {
        constructor() {
          obj = { platformType, location: "OAuth2 Connect Account Step" };
          tmp = closure_1(closure_2[16])(obj);
          return;
        }
      }
    }
    const _Symbol = Symbol;
    if (cResult[20] === Symbol.for("react.memo_cache_sentinel")) {
      class P {
        constructor() {
          obj = { platformType, location: "OAuth2 Connect Account Step" };
          tmp = closure_1(closure_2[16])(obj);
          return;
        }
      }
      const obj4 = { color: tmp5(580).colors.INTERACTIVE_TEXT_DEFAULT, size: "md" };
      const tmp34 = closure_8(tmp(8212).MoreHorizontalIcon, obj4);
      class C {
        constructor() {
          currentUser = null;
          if (null != closure_1_6.getId()) {
            tmp2 = closure_1_7;
            currentUser = closure_1_7.getCurrentUser();
          }
          return currentUser;
        }
      }
      cResult[20] = tmp34;
      const tmp33 = tmp34;
    } else {
      class P {
        constructor() {
          obj = { platformType, location: "OAuth2 Connect Account Step" };
          tmp = closure_1(closure_2[16])(obj);
          return;
        }
      }
    }
    if (cResult[21] !== tmp23) {
      class P {
        constructor() {
          obj = { platformType, location: "OAuth2 Connect Account Step" };
          tmp = closure_1(closure_2[16])(obj);
          return;
        }
      }
      const obj6 = { source: tmp23, size: null };
      const Avatar2 = tmp(1181).Avatar;
      obj6.size = tmp(1181).AvatarSizes.XLARGE;
      class C {
        constructor() {
          currentUser = null;
          if (null != closure_1_6.getId()) {
            tmp2 = closure_1_7;
            currentUser = closure_1_7.getCurrentUser();
          }
          return currentUser;
        }
      }
      cResult[21] = tmp23;
      cResult[22] = tmp36;
    } else {
      class P {
        constructor() {
          obj = { platformType, location: "OAuth2 Connect Account Step" };
          tmp = closure_1(closure_2[16])(obj);
          return;
        }
      }
    }
    if (cResult[23] === tmp4.headerIcons) {
      class P {
        constructor() {
          obj = { platformType, location: "OAuth2 Connect Account Step" };
          tmp = closure_1(closure_2[16])(obj);
          return;
        }
      }
    }
    const obj7 = { style: tmp4.headerIcons, children: null };
    const items4 = [tmp31, tmp33, tmp35];
    obj7.children = items4;
    const tmp40 = closure_9(View, obj7);
    cResult[23] = tmp4.headerIcons;
    cResult[24] = tmp31;
    cResult[25] = tmp35;
    cResult[26] = tmp40;
  }
  const tmpResult3 = clientId(504);
  value = platformType(5534).get(platformType);
  if (null == value) {
    class P {
      constructor() {
        obj = { platformType, location: "OAuth2 Connect Account Step" };
        tmp = closure_1(closure_2[16])(obj);
        return;
      }
    }
    cResult[6] = platformType;
    cResult[7] = tmp6;
    class C {
      constructor() {
        currentUser = null;
        if (null != closure_1_6.getId()) {
          tmp2 = closure_1_7;
          currentUser = closure_1_7.getCurrentUser();
        }
        return currentUser;
      }
    }
  } else {
    class P {
      constructor() {
        obj = { platformType, location: "OAuth2 Connect Account Step" };
        tmp = closure_1(closure_2[16])(obj);
        return;
      }
    }
    const icon = value.icon;
    const source = obj5.makeSource(tmp(4642).isThemeLight(tmp6) ? icon.lightPNG : icon.darkPNG);
    const tmpResult4 = tmp(4642);
  }
}) : ((clientId) => {
  clientId = clientId.clientId;
  const platformType = clientId.platformType;
  const platformName = clientId.platformName;
  const tmp = closure_10();
  const tmp4 = platformType(4725)();
  const items = [ApplicationStore];
  const items1 = [clientId];
  const stateFromStores = clientId(504).useStateFromStores(items, () => ApplicationStore.getApplication(clientId), items1);
  const obj = clientId(504);
  const items2 = [AuthenticationStore, UserStore];
  const stateFromStores1 = clientId(504).useStateFromStores(items2, () => {
    currentUser = null;
    if (null != id.getId()) {
      currentUser = currentUser.getCurrentUser();
    }
    return currentUser;
  });
  const obj2 = clientId(504);
  value = platformType(5534).get(platformType);
  if (null == value) {
    let applicationIconSource;
    if (null != stateFromStores) {
      ({ id: obj7.id, icon: obj7.icon } = stateFromStores);
      applicationIconSource = tmp2(1401).getApplicationIconSource({ id: null, icon: null });
      const obj4 = { id: null, icon: null };
      const tmp2Result = tmp2(1401);
    }
    let userAvatarSource;
    if (null != stateFromStores1) {
      userAvatarSource = tmp2(1401).getUserAvatarSource(stateFromStores1);
      const tmp2Result2 = tmp2(1401);
    }
    let str;
    if (stateFromStores != null) {
      str = stateFromStores.name;
    }
    if (str == null) {
      str = "";
    }
    const items3 = [clientId];
    const effect = noop.useEffect(() => {
      const application = ApplicationActionCreatorsDefault.fetchApplication(clientId);
    }, items3);
    const obj5 = { style: tmp.container, children: null };
    const obj6 = { style: tmp.header, children: null };
    const obj8 = { style: tmp.headerIcons, children: null };
    const obj9 = { source: applicationIconSource, size: tmp5(1181).AvatarSizes.XLARGE };
    const items4 = [closure_8(tmp5(1181).Avatar, obj9), , ];
    const obj10 = { color: tmp2(580).colors.INTERACTIVE_TEXT_DEFAULT, size: "md" };
    items4[1] = closure_8(tmp5(8212).MoreHorizontalIcon, obj10);
    const obj11 = { source: userAvatarSource, size: tmp5(1181).AvatarSizes.XLARGE };
    items4[2] = closure_8(tmp5(1181).Avatar, obj11);
    obj8.children = items4;
    const items5 = [closure_9(View, obj8), , ];
    const obj12 = { variant: "text-lg/normal", color: "text-default", children: null };
    const intl = tmp5(1119).intl;
    obj12.children = intl.string(tmp5(1119).t.uT1CPa);
    items5[1] = closure_8(tmp5(4786).Text, obj12);
    const obj13 = { variant: "heading-xl/semibold", color: "mobile-text-heading-primary", children: str };
    items5[2] = closure_8(tmp5(4786).Text, obj13);
    obj6.children = items5;
    const items6 = [closure_9(View, obj6), , , ];
    const obj14 = { variant: "text-sm/normal", color: "text-default", children: null };
    const intl2 = tmp5(1119).intl;
    const obj15 = { applicationName: str, platformName };
    obj14.children = intl2.format(tmp5(1119).t["aJRE/Q"], obj15);
    items6[1] = closure_8(tmp5(4786).Text, obj14);
    const obj16 = { style: tmp.card, children: null };
    let tmp16Result = null;
    if (null != null) {
      const obj17 = { source: null, style: tmp.platformIcon, disableColor: true };
      tmp16Result = tmp16(tmp5(1181).Icon, obj17);
    }
    const items7 = [tmp16Result, , ];
    const obj18 = { variant: "text-md/medium", style: tmp.cardName, color: "text-default", children: platformName };
    items7[1] = closure_8(tmp5(4786).Text, obj18);
    const obj19 = {
      variant: "primary",
      size: "sm",
      onPress() {
          authorizeConnectionDefault({ platformType, location: "OAuth2 Connect Account Step" });
        },
      text: null
    };
    const intl3 = tmp5(1119).intl;
    obj19.text = intl3.string(tmp5(1119).t.S0W8Z5);
    items7[2] = closure_8(tmp5(5220).Button, obj19);
    obj16.children = items7;
    items6[2] = closure_9(View, obj16);
    const obj20 = { style: tmp.infoNotice, children: null };
    const obj21 = { color: tmp2(580).colors.ICON_FEEDBACK_INFO, size: "sm" };
    const items8 = [closure_8(tmp5(4744).CircleInformationIcon, obj21), ];
    const obj22 = { variant: "text-sm/normal", color: "text-default", style: tmp.infoText, children: null };
    const intl4 = tmp5(1119).intl;
    const obj23 = { platformName, applicationName: str };
    obj22.children = intl4.format(tmp5(1119).t["8psEFX"], obj23);
    items8[1] = closure_8(tmp5(4786).Text, obj22);
    obj20.children = items8;
    items6[3] = closure_9(View, obj20);
    obj5.children = items6;
    return closure_9(View, obj5);
  } else {
    const tmp5Result = tmp5(1401);
    const icon = value.icon;
    const source = tmp5Result.makeSource(tmp5(4642).isThemeLight(tmp4) ? icon.lightPNG : icon.darkPNG);
    const tmp5Result2 = tmp5(4642);
  }
});
size = fn(2);
const result = size.fileFinishedImporting("modules/oauth2/native/ConnectAccountStep.tsx");

export default tmp3;
export const ConnectedAccountCard = ReactCompilerGating.isReactCompilerEnabled() ? ((arg0) => {
  const cResult = c.c(38);
  ({ platformType, platformName, connectedAccount, applicationName } = arg0);
  const tmp4 = closure_10();
  const tmp6 = useThemeDefault();
  if (cResult[0] === platformType) {
    if (cResult[1] === tmp6) {
      let tmp7 = cResult[2];
    }
    if (cResult[3] !== platformName) {
      const intl = tmp(1119).intl;
      const obj2 = { platformName };
      const formatResult = intl.format(tmp(1119).t["+oaRw3"], obj2);
      cResult[3] = platformName;
      cResult[4] = formatResult;
      let tmp10 = formatResult;
    } else {
      tmp10 = cResult[4];
    }
    if (cResult[5] !== tmp10) {
      const obj3 = { variant: "text-sm/normal", color: "text-default", children: tmp10 };
      const tmp14 = closure_1_8(tmp(4786).Text, obj3);
      cResult[5] = tmp10;
      cResult[6] = tmp14;
      let tmp12 = tmp14;
    } else {
      tmp12 = cResult[6];
    }
    if (cResult[7] === tmp7) {
      if (cResult[8] === tmp4.platformIconSmall) {
        let tmp16 = cResult[9];
      }
      if (cResult[10] !== connectedAccount.name) {
        const obj4 = { variant: "text-md/medium", color: "mobile-text-heading-primary", children: connectedAccount.name };
        const tmp21 = closure_1_8(tmp(4786).Text, obj4);
        cResult[10] = connectedAccount.name;
        cResult[11] = tmp21;
        let tmp19 = tmp21;
      } else {
        tmp19 = cResult[11];
      }
      if (cResult[12] === connectedAccount.id) {
        if (cResult[13] === platformName) {
          let tmp22 = cResult[14];
        }
        if (cResult[15] !== tmp22) {
          const obj5 = { variant: "text-xs/normal", color: "text-muted", children: tmp22 };
          const tmp26 = closure_1_8(tmp(4786).Text, obj5);
          cResult[15] = tmp22;
          cResult[16] = tmp26;
          let tmp24 = tmp26;
        } else {
          tmp24 = cResult[16];
        }
        if (cResult[17] === tmp4.cardInfo) {
          if (cResult[18] === tmp24) {
            if (cResult[19] === tmp19) {
              let tmp27 = cResult[20];
            }
            const _Symbol = Symbol;
            if (cResult[21] === Symbol.for("react.memo_cache_sentinel")) {
              const obj6 = { color: tmp5(580).colors.TEXT_FEEDBACK_POSITIVE, size: "sm" };
              const tmp34 = closure_1_8(tmp(4740).CheckmarkLargeIcon, obj6);
              cResult[21] = tmp34;
              let tmp32 = tmp34;
            } else {
              tmp32 = cResult[21];
            }
            if (cResult[22] === tmp4.card) {
              if (cResult[23] === tmp27) {
                if (cResult[24] === tmp16) {
                  let tmp35 = cResult[25];
                }
                if (cResult[26] !== applicationName) {
                  const intl3 = tmp(1119).intl;
                  const obj7 = { applicationName };
                  const formatResult1 = intl3.format(tmp(1119).t.pyRNXJ, obj7);
                  cResult[26] = applicationName;
                  cResult[27] = formatResult1;
                  let tmp39 = formatResult1;
                } else {
                  tmp39 = cResult[27];
                }
                if (cResult[28] !== tmp39) {
                  const obj8 = { variant: "text-sm/normal", color: "text-default", children: tmp39 };
                  const tmp43 = closure_1_8(tmp(4786).Text, obj8);
                  cResult[28] = tmp39;
                  cResult[29] = tmp43;
                  let tmp41 = tmp43;
                } else {
                  tmp41 = cResult[29];
                }
                if (cResult[30] !== tmp4.divider) {
                  const obj9 = { style: tmp4.divider };
                  const tmp47 = closure_1_8(View, obj9);
                  cResult[30] = tmp4.divider;
                  cResult[31] = tmp47;
                  let tmp44 = tmp47;
                } else {
                  tmp44 = cResult[31];
                }
                if (cResult[32] === tmp4.container) {
                  if (cResult[33] === tmp35) {
                    if (cResult[34] === tmp41) {
                      if (cResult[35] === tmp44) {
                        if (cResult[36] === tmp12) {
                          let tmp48 = cResult[37];
                        }
                        return tmp48;
                      }
                    }
                  }
                }
                const obj10 = { style: tmp4.container, children: null };
                const items = [tmp12, tmp35, tmp41, tmp44];
                obj10.children = items;
                const tmp51 = options(View, obj10);
                cResult[32] = tmp4.container;
                cResult[33] = tmp35;
                cResult[34] = tmp41;
                cResult[35] = tmp44;
                cResult[36] = tmp12;
                cResult[37] = tmp51;
                tmp48 = tmp51;
              }
            }
            const obj11 = { style: tmp15, children: null };
            const items1 = [tmp16, tmp27, tmp32];
            obj11.children = items1;
            const tmp38 = options(View, obj11);
            cResult[22] = tmp4.card;
            cResult[23] = tmp27;
            cResult[24] = tmp16;
            cResult[25] = tmp38;
            tmp35 = tmp38;
          }
        }
        const obj12 = { style: tmp4.cardInfo, children: null };
        const items2 = [tmp19, tmp24];
        obj12.children = items2;
        const tmp30 = options(View, obj12);
        cResult[17] = tmp4.cardInfo;
        cResult[18] = tmp24;
        cResult[19] = tmp19;
        cResult[20] = tmp30;
        tmp27 = tmp30;
      }
      const intl2 = tmp(1119).intl;
      const obj13 = { platformName, connectedAccountId: connectedAccount.id };
      const formatResult2 = intl2.format(tmp(1119).t.Dkd7sE, obj13);
      cResult[12] = connectedAccount.id;
      cResult[13] = platformName;
      cResult[14] = formatResult2;
      tmp22 = formatResult2;
    }
    let tmp17 = null;
    if (null != tmp7) {
      const obj14 = { source: tmp7, style: tmp4.platformIconSmall, disableColor: true };
      tmp17 = closure_1_8(tmp(1181).Icon, obj14);
    }
    cResult[7] = tmp7;
    cResult[8] = tmp4.platformIconSmall;
    cResult[9] = tmp17;
    tmp16 = tmp17;
  }
  value = PlatformsDefault.get(platformType);
  if (null == value) {
    cResult[0] = platformType;
    cResult[1] = tmp6;
    cResult[2] = null;
    tmp7 = null;
  } else {
    const tmpResult = tmp(1401);
    const icon = value.icon;
    const source = tmpResult.makeSource(tmp(4642).isThemeLight(tmp6) ? icon.lightPNG : icon.darkPNG);
    const tmpResult2 = tmp(4642);
  }
}) : ((arg0) => {
  ({ platformName, connectedAccount } = arg0);
  ({ platformType, applicationName } = arg0);
  const tmp = closure_10();
  const tmp4 = useThemeDefault();
  value = PlatformsDefault.get(platformType);
  if (null == value) {
    const obj4 = { style: tmp.container, children: null };
    const obj5 = { variant: "text-sm/normal", color: "text-default", children: null };
    const intl = util.intl;
    const obj6 = { platformName };
    obj5.children = intl.format(util.t["+oaRw3"], obj6);
    const items = [closure_1_8(Text_Text.Text, obj5), , , ];
    const obj7 = { style: tmp.card, children: null };
    let tmp10Result = null;
    if (null != null) {
      const obj8 = { source: null, style: tmp.platformIconSmall, disableColor: true };
      tmp10Result = tmp10(tmp11(1181).Icon, obj8);
    }
    const items1 = [tmp10Result, , ];
    const obj9 = { style: tmp.cardInfo, children: null };
    const obj10 = { variant: "text-md/medium", color: "mobile-text-heading-primary", children: connectedAccount.name };
    const items2 = [closure_1_8(Text_Text.Text, obj10), ];
    const obj11 = { variant: "text-xs/normal", color: "text-muted", children: null };
    const intl2 = tmp11(1119).intl;
    const obj12 = { platformName, connectedAccountId: connectedAccount.id };
    obj11.children = intl2.format(util.t.Dkd7sE, obj12);
    items2[1] = closure_1_8(Text_Text.Text, obj11);
    obj9.children = items2;
    items1[1] = options(View, obj9);
    const obj13 = { color: nativeDefault.colors.TEXT_FEEDBACK_POSITIVE, size: "sm" };
    items1[2] = closure_1_8(CheckmarkLargeIcon.CheckmarkLargeIcon, obj13);
    obj7.children = items1;
    items[1] = options(View, obj7);
    const obj14 = { variant: "text-sm/normal", color: "text-default", children: null };
    const intl3 = tmp11(1119).intl;
    const obj15 = { applicationName };
    obj14.children = intl3.format(util.t.pyRNXJ, obj15);
    items[2] = closure_1_8(Text_Text.Text, obj14);
    const obj16 = { style: tmp.divider };
    items[3] = closure_1_8(View, obj16);
    obj4.children = items;
    return options(View, obj4);
  } else {
    const obj2 = AvatarUtils;
    const icon = value.icon;
    const source = obj2.makeSource(shared.isThemeLight(tmp4) ? icon.lightPNG : icon.darkPNG);
  }
});