/**** (c) Valve Corporation. Use is governed by the terms of the Steam Subscriber Agreement http://store.steampowered.com/subscriber_agreement/.
 ****/
(self.webpackChunkcommunity = self.webpackChunkcommunity || []).push([
  [8138],
  {
    35471: (e) => {
      e.exports = {
        AvatarRow: "_2_WvK_kw61MeIY0BLQuTYk",
        Avatar: "_27tBXgfdEAfkIIkBVcHcz7",
        AvatarImgCtn: "_38rbzqVaeYFSog5HY2wIfA",
        AvatarCropPreview: "_2Oe26ilBQ7C8rjQMvDsmgp",
        AvatarFrame: "_3ySvFQWUuRAY6Vx1d5Efkw",
        Large: "EYMShwguH1_ideNSQzvMS",
        Medium: "_14qK3ssEIfafgHxF-tSLUd",
        Small: "_2pCRw3iWEG_XNKhAxycr9t",
        size: "_2jOhbF8XC1faroHD7ujZfC",
        AvatarDialog: "_1p-WxvRlOfiudkoGE7ksJy",
        AvatarDialogBody: "_39Ovvp_JpX-r2RWezUkAdX",
        AvatarDialogTop: "aCrGPGVeH6HvzyPW8PaAj",
        AvatarDialogUploadArea: "_22EnaYFQb5I0kYtH2UHEhV",
        AvatarSaveActions: "_1c6Pv0fgCBFtwWexhQwIT-",
        Error: "eo3iM5FQXIYFjV6icGtOt",
        HideDefaultAvatar: "_6zU6FltqwlftPqcXGNwdg",
      };
    },
    45301: (e) => {
      e.exports = {
        AvatarCollectionHeader: "_27Q-8T7of0bKkwA3zlx1kz",
        AvatarCollectionName: "_2pum1YNak3hPxNcovBkHLM",
        AvatarCollection: "_1UoAvYFtO-OEv3DMwZCL8A",
        AvatarCollectionSingleRowWrapper: "_1vTT_zTYgCMac88oxQi3Ha",
        ExpandButtonContainer: "_1gQbx3Kj8dnEC2lP45X6kS",
        AvatarCollectionSingleRow: "BT8ZjnpbIcKCaGUGlVd-v",
        AvatarRowSpacer: "_3g0nrYJivLhKmdWlHk1uhD",
        AvatarPreview: "_29CGQrIvjYllKwVQKe8d8R",
        Large: "_1aa4CwlUeZE1tRZGOsRPx9",
        FramePreview: "_16w1DqxiJ7Hou6al4RGELE",
        DefaultAvatarFrame: "Z3REHSppX48KICnAjjh90",
        DefaultAvatarFrameContent: "_2TBs_xzgkuwXPkgIBiITOJ",
        CollectionGroup: "_2kbA6NLESf88_j1ERdI8Gv",
        Title: "_2Gy0LT9CY0HBBCjrM9Ffs7",
        Primary: "_24kMLN7TtIY39bpBnG9XZv",
        CollectionGroupAvatars: "wWso7JTRLQM-cuJ7gvxf3",
      };
    },
    90713: (e) => {
      e.exports = {
        Badge: "_2ODUBJas15JwSZWN9fWb07",
        BadgeImage: "_3M7FE3-Qhs3rPPI1uEviqM",
        BadgeDetails: "_3Y40HABkqaQQVn7lIX0Rm9",
        GameName: "k5TyflBXF_FmpbYNKfggk",
        Active: "_1r9u8u8kKtPi6zOrEDoLzY",
        FavoriteBadge: "_3lkNZaOsD0rSbyrItINirx",
        BadgeOption: "P1MG7839XeRbNLY9PPQ38",
      };
    },
    53841: (e) => {
      e.exports = {
        Group: "_1yHxtA_qbj9xWiLkUiovpE",
        GroupAvatar: "_1C_n640PvrV_-DCXwOeCZY",
        GroupDetails: "aUFBJvbETNq6EL-n8KopY",
        Active: "_12sHAG2Fad1srfzqUDKzBF",
        FavoriteGroup: "_2XwzRFYfrwfarnDmtGb8Hj",
        GroupOption: "_3neyrJugKgECRdGVuulTG5",
      };
    },
    30082: (e) => {
      e.exports = {
        MiniProfilePreview: "_1MWlWL7ZhPBM6BDFnIiZC-",
        MiniProfileBackgroundOption: "_1kB6_rUcA_VRp7MER6E0Vi",
        Preview: "_1JFlRrkeYJegFK8xCBRfYw",
        Active: "B-qJhQJWkxUckMndLyqeR",
        Details: "_3-aXJM9nyOBORZvUQyQ3ap",
        BlankBackground: "_19sKX1Sg9icPcVJAPT7kN0",
        PreviewVideo: "_3PAmyizPC3zW2TZLRI8I9P",
        Title: "_2l5zy4BaLwvaZNuUvyQnU6",
        App: "xmRMR8QAsdIDgZA0PoBxy",
        WithVideo: "_1BBISLCwQa0DE2a_Xy6Icq",
      };
    },
    26075: (e) => {
      e.exports = {
        EquippedBackgroundBlock: "_1PihrEGH3HghW5Q87-82wa",
        EquippedBackgroundPreview: "_2k_2LLU5UqpUgiNx2F04-w",
        BackgroundOption: "_189ERe_A-jhzSSRw4f2Hw",
        Preview: "_2Zeggw-2qC5ma2qpjzHRlF",
        Active: "evPn26xhwAuh_SlWNY26E",
        Details: "_1xKo7wTahW2CJNXn4Gfkxj",
        PreviewVideo: "_2zA7YWc8urB45EvldeF88g",
        WithVideo: "_3muY5fT_nvt4gikS1bVHmO",
        Title: "o0PlP8_WMy75QKdhVlbov",
        App: "_3yGh0iLXIo7GSx2Pg69p8j",
        ProfileBackgroundEquipOptions: "RS77Un974Vp7lUC-yWzSj",
        HideEquipOptions: "_1XNnrCt7ro_dtfW9NhPTVH",
        ProfileBackgroundEquipOption: "_3Hc2RndZ1VBwa3ChKjT5r_",
      };
    },
    78091: (e) => {
      e.exports = {
        Shell: "_2kqKZFxhF8XvzaoAekjV7m",
        Navigation: "_33Kl16vpskBOQpwINGA8ah",
        NavLink: "_3rtIpqfC_9VWz4DRSTPach",
        ExternalLink: "_1xCANgh2DSCcadDX6X0PpT",
        Disabled: "k9wPoKS3UeY-ju9JEoeZZ",
        Active: "_3H7Awq1oAhxrdDo3ANR4mu",
        ProfileEditStoreLink: "_3iaJsP4avEYu4oI9gP8Gro",
        PageContent: "_23XE60ehNyeIhLHf5L7QPl",
        ProfileEditLine: "_58Mghr8vhm_-IZP3Mkcb_",
        BackToProfileCtn: "_1YOt2792y012GM8bOQs0kh",
      };
    },
    49622: (e) => {
      e.exports = {
        ProfileModifierPreview: "OhBEtbgKwv_tF8ApEBKW1",
        ProfileModifierOption: "_3NIiYdehUu4wAz6rNXR_OB",
        Preview: "_2GvFUUI49ePmg62crk2qDO",
        Active: "_3nePJyNcthWMTkF4NSI7aI",
        Details: "v3WjrE9N9goFIJQPWYt2y",
        BlankBackground: "Gd3-pJ25GXL-bDaQAnChb",
        Title: "_3be6DMXFaQOXetdgMvAlAB",
        App: "_2SYZ_HWvH4AGrrsvCxfhv",
      };
    },
    38945: (e) => {
      e.exports = {
        ProfilePreview: "sJ5StnbpDdxWmTGb1GPaI",
        PaintRadial0: "_3ygvjjstY4gEw5KnTovscL",
        PaintRadial1: "_1iVdB4h9VHJh3-Y2uaYV_a",
        ThemeBackground: "_2cgol9Az0EgKe5fq221xB1",
        ProfilePagePreviewCtn: "jnA47pnC2fs47Uo4apcHu",
        BackgroundPosition: "_2iCc5ucakNB4NVioWadFOk",
        Background: "_3gdqW4BrRxMHh-BiNB6op0",
        FullScreen: "_3wfiB3fzVjHX4d37oNIrws",
        ProfilePreviewPosition: "_2YO8vzkqzPjjFQ2DkjOdUE",
        ProfilePreviewCtn: "uyN_gy4zQkYOLt9JjhqwO",
      };
    },
    20644: (e) => {
      e.exports = {
        ProfileThemePicker: "_37I7qqfjDrrodNn7HMcUDt",
        ThemePickerDisabled: "_1gBl2q9swlXkDKS1stCsJI",
        ProfileThemePreviewCtn: "_3PwJq2PZopqeihMUUx3DFr",
        ThemesDisabledNotice: "_3GOAIB03esypNEP7awK6mV",
        Notice: "_2fpuQBcIAw_0cP_FLqJqBR",
        ProfileTheme: "_39ksjd1_LKKPt0CIOhnMF7",
        Option: "_2aQ08chNRS9DgKjACdNLuA",
        Details: "mHggMG8QHavW0I9eosXGZ",
        Preview: "_36oStJXlvGWLdFxYUgNyg-",
        Active: "_1axztkRY8LVC4m3V8pYDb3",
        PreviewCtn: "_33SnKgfa_4ZtACekXcqli0",
        EditBackground: "_1idPP7NJkL8W_tzA70RqD_",
        PaintRadial0: "_18laVD4VvL_F7TfqStTAlc",
        PaintRadial1: "W_TqKQWMZV-fb62eqJZLF",
        ProfilePreview: "MneEOvQdS_KqFNR9i_Uxz",
      };
    },
    19838: (e) => {
      e.exports = {
        formattingButtons: "_2T2D7Afq6aW35s3wV5Tgkz",
        formattingButton: "LhNoIaEKN1cIpOrnt59wq",
        summaryTextArea: "_2ipSt29jAqoPXf-_iTAL0-",
      };
    },
    31270: (e) => {
      e.exports = {
        ProfileEditRoot: "_1lBbVHO5WRsyO1b79tnWM7",
        ItemPicker: "n1M1oAE4l0f1dxNm_ux2s",
        ItemPickerCtn: "_20EDLy9ziFgZhS3jI4b1FG",
        ItemPickerList: "SMUuC8C6RWRfyx8muAw-S",
        PickerPreviewDialog: "_20HXbZxc7PM5Cr1hOzK2SC",
        PickerPreviewBody: "_2sArlom6cS_SfcD2RzzHW2",
        PickerPreviewItems: "_2N5uyja8fIs2OYuVFmwXLH",
        SaveCancelButtons: "_2KJ8a96V8ilTQR7aQd6wsC",
        ProfileRow: "_302o-E1lWNsjmNpOpQSdDC",
        ProfileCol: "_3tMGe9MfyRH0586o3fy4n5",
        ProfileBox: "uwqwoAlIVWyJ8l71i77-i",
        ProfileBoxTitle: "_2CGYg9che0ONznDOoGhp9Y",
        ProfileBoxContent: "_3s6BBoF1hXm0yeOzoVsAQj",
        ShortLeftCol: "_1tHO9JW5QgfwCm1zzF3wgo",
        HTMLErrorBox: "_2MfLNiVZp5dIGmdFChe4Dg",
        HTMLErrorBoxAppear: "_1QYzncYqyxT6XGGW0-0gTG",
        CooldownNotice: "_2kl3Ad3oDakegWuvxJmSOH",
        ErrorMessage: "_3j9lmAnUKBFcmX-wJ4iTF7",
        DisabledInputCtn: "ZePu4IVRyGY6qjrJ4cgua",
      };
    },
    56420: (e) => {
      e.exports = {
        SnoozeContainer: "_1DsumfIa3MlkzUV9EXY5W9",
        SnoozeZ: "_2n0EiKMGRP-r_BI5tDtttu",
        none: "T3Fb5KTXwIHM2B-ThTvEs",
        Medium: "_1iYPlsChibPe7Ga9B3c5Wm",
        Large: "_3BESV4eFnr4EnaSaJSdk6T",
        Dim: "rpZ9bKyFXYvNQvgtKn5GV",
        Z1: "_2hnF3M_l4xdIdQ4CkN7LYB",
        Z2: "VmQTOrz5MPOWte5C9K7YS",
        Z3: "_29mtadjX8N6pRn5TX1nA0o",
        hoverParent: "_3-8cByP2koYzHwgZqjvFA",
        animating: "_2rXc7hLg6bohWZ-JpRcYEB",
        Snoring: "_38wIVgo1WjvGqL5ZsmpmiX",
      };
    },
    85198: (e) => {
      e.exports = {
        miniProfile: "_2QPdq7GZ_03AD1ioPixVXW",
        miniProfileContent: "_1xTATKELHR-lRS_s3A4yzd",
        miniProfileHeader: "_3CZcHyWskP9Hc5t7AOo75A",
        miniProfilePlayer: "_2jZ0A5VjGTNGTQm03FbLrF",
        playerContent: "_2-pwJCHlrc7zxN4iup2TR7",
        miniProfileBackground: "_3HzZhZyBuR0K4qXaQoHMxI",
        miniProfileBackgroundBlur: "xUosYQXZvivPCxe-KwpvT",
        miniProfileVideoBackground: "_2ZqfbNDeHFU_qaf3X3_Jjv",
        miniProfileVideoBackgroundContainer: "_3MrYvAGQ-g7bNccn6VJNpK",
        miniProfileBackdropBlur: "_1QhpYlQvI1J05uCM2I2e3X",
        miniProfileBlocked: "_39Jef4sV4jnGy6XES6JdVs",
        miniProfileNotFriends: "_3Ea91LEoevcAXAuoA2-uLa",
        notFriends: "_2zgR7xa30ESr7HTdIXFpx_",
        SnoozeContainer: "_1cAsx42HMUFngn5IALUvH0",
        miniProfileHover: "_2AWayy-K0ZoNKv_Fr3CT_R",
        miniprofile_arrow: "_1YsNonjqp5KW66H9OqH1uE",
        left: "_1qS_btEzAb6Qf5ngmgbhmz",
        playerAvatar: "_36eQg-jp1ebbdaE6PBniHu",
        Frame: "_2nPONxDUmK4rQXzK4Y3vG2",
        avatarStatus: "_1YdpXFoH7P9pEEXDMITSHu",
        miniProfileAvatarStatus: "_1k5YkN8kx48i2TZ6kG9muA",
        personaName: "qiP8aEgNz331tt6X4NMNW",
        hasNickname: "_2TAWSrfSd1CiZ9WSYsc69c",
        personaNameLabel: "_2VUw8xyYCaD1WduLCK3nlW",
        nickName: "h_So5GaEfmXOgB9hCC0Is",
        persona: "_3c5GOobmMUyjAWTosaUKUS",
        personaAndIcons: "_1p9kf3ahuMynhiqV1RC7aC",
        awayStatusLabel: "_1FgWIOIaRCAekjhGj0zFWq",
        nickname: "_1SWhpi9ByGQrwHGQgTJCF5",
        playerNicknameBracket: "_3qa8cpVZ8PcsB3PpYNfVgb",
        notInOrWatchingGame: "_1NkB7RuIs66QCtsv4kxeCu",
        miniProfileBottom: "_26ga2HHZL2HlK6wwFImcgX",
        miniProfileGameContainer: "_7-U6jtoeGvesTm7JFGH0-",
        gameLogo: "A0XYrZMFUpzFpMU7qBrhJ",
        ingame: "_24oQzlBma4VdZUDiSBaYFA",
        richPresence: "_39T3EbAEqqKrJl5rX1-qPW",
        gameState: "_3Hxc3f2ZlkYTKbrxVoS9sq",
        watchingbroadcast: "_3hSAG74hI2XkboOz8Vpg5L",
        watchingbroadcastThumbnail: "FmBWyeU1wuwOi6NsbQ4c2",
        gameContent: "_3YwnZTz_58lZ5anORkzDg3",
        miniProfileFeaturedContainer: "_1KDhdcZYSzJ8bcqGIVKlWI",
        favoriteBadgeIcon: "qP4hsoQxxvaLVT3Gkm4J8",
        badgeIcon: "_1oWOaeg_sFX88v15LwM2PO",
        featuredLabels: "_39hariVfr4A85k8c2TC_x1",
        friendPlayerLevelNum: "_3vvwMiUuxFKnz-LwGwe5Do",
        featuredTitle: "_2mCgtDakdGp_qrKcyIcZii",
        mutualFriends: "_3AWk3BnPfsx8KJEGVge4Cr",
        featuredSubTitle: "_3DelZ7HZu1TfU115lLc7vl",
      };
    },
    70342: (e) => {
      e.exports = {
        "duration-app-launch": "800ms",
        PersonaStatusIcon: "KxAI_M9gWx3OnKSshHOs6",
        MobilePhoneIcon: "_1iRFj5lJrMqMnRb3GZYPSw",
        SteamDeckIcon: "_2oLqcfqHHKKAK0WfzjXMg_",
        VRIcon: "_368tz9TSOLGiG2mNMLScMz",
      };
    },
    43047: (e) => {
      e.exports = {
        avatarHolder: "nibodjvvrm86uCfnnAn4g",
        avatarStatus: "_3xUpb5DWXPFNcHHIcv-9pe",
        avatar: "_3h-QRJGxnVOIExtHD1R0f2",
        avatarFrame: "X_mJE4BYV5StDPwZhSiAu",
        avatarFrameImg: "_3fM0F85j3aWVzr4RJM9-eu",
      };
    },
    19939: (e) => {
      e.exports = {
        DefaultTheme: "tedMfud89T5ZrUuQ8lAqa",
        CosmicTheme: "_17vHyc7XLi7gzu2oXAzl5a",
        SummerTheme: "_2skFv_DvfYIlpykYdWu7xV",
        MidnightTheme: "M8Pf4xHIhZLaD7sf8J3vu",
        DarkModeTheme: "_2p-_xCU5_sEJ9phLJw-z_3",
        SteelTheme: "xdD8LlOZDqnQ4lJDHdXGW",
        PinkTealTheme: "_3M7clERndkEKPNIhBohVMW",
        MutedRedTheme: "_3lp4RPxbavagP3nVyYOqZR",
        SteamGreenTheme: "_335yQcbM4tv-C34Oxp247l",
        BlueRedTheme: "_2wH82wp5kaa9YD2ljk9RES",
        GoldBurgundyTheme: "YGKfXNHlIS_8t5PbZ990c",
        VibrantBlueTheme: "_3DOwBWizAt9lgmPWTYUHGM",
        GoldenProfileDebutTheme: "_3BHT2anoumk7shbvRYLwFK",
        WinterProfile2020Theme: "_3jPiA59YTBrjF0Yke8xtNc",
        GoldenWeekProfile2021Theme: "_24NEVre-U6vI5Uy2EbOWXo",
        Summer2021Theme: "_2bB_m6htDqAvdWtyyUGztf",
        MutedBlueTheme: "_3-7Wke7qwH61HrZRnXuxmv",
        GoldTheme: "l3sX-a8OUjKBofHsEf91k",
        BurntOrangeTheme: "_37pNJIGOi3wXudkvWXoSml",
        FlatGreyTheme: "_2AFCapxkkQ1VOQHq5zlYQC",
        PurpleTheme: "KM8jQtPy2nL-Nk9L8yGP",
        GreenSlimeTheme: "FdC8cnFr-QlxSBx3MwbCE",
        GhostTheme: "_1JZpez3LJOrJQwH9KGB0RI",
        ColorNightmareTheme: "_2LNsd64hsGzgmRbQ8WSHSh",
        MurugiahTheme: "_22BXC8Rv2JkvXu3mmagICl",
        Winter2021Theme: "X0_g81BFvECaAe-ByasOs",
        Lunar2022Theme: "_1NSMHkt3eWfSDC6LEzKeJn",
        SteamDeckTheme: "_2aDQKbd2fBPJ0D_2CiGhRT",
      };
    },
    39821: (e, t, a) => {
      "use strict";
      a.d(t, { s: () => r });
      let r = { ProfileURL: "" };
    },
    84524: (e, t, a) => {
      "use strict";
      a.r(t), a.d(t, { ProfileEditRoutes: () => ja, default: () => Za });
      var r = a(39821),
        i = a(34629),
        s = a(41735),
        n = a.n(s),
        o = a(14947),
        l = a(77350),
        m = a(51006),
        c = a(75844),
        d = a(90626),
        h = a(51383),
        u = a(52038),
        p = a(61859),
        v = a(83141),
        _ = a(85198),
        g = a.n(_),
        f = a(10622),
        P = a(1035),
        E = a(55263),
        C = a(14771),
        A = a(78327);
      const y = C.Kp.PerMinute;
      class S {
        constructor(e) {
          (this.m_bLoadingData = !1),
            (this.m_rtLastLoad = 0),
            (this.m_communityData = void 0),
            (0, o.Gn)(this),
            (this.m_accountid = e);
        }
        get community_data() {
          return this.m_communityData;
        }
        get community_data_ready() {
          return void 0 !== this.m_communityData;
        }
        get player_level() {
          return this.m_communityData && this.m_communityData.level;
        }
        get player_level_class() {
          return this.m_communityData && this.m_communityData.level_class;
        }
        get player_badge() {
          return this.m_communityData && this.m_communityData.favorite_badge;
        }
        get profile_background() {
          return (
            this.m_communityData && this.m_communityData.profile_background
          );
        }
        Reload() {
          (this.m_rtLastLoad = 0), this.EnsureCommunityDataLoaded();
        }
        EnsureCommunityDataLoaded() {
          const e = this.m_communityData || this.m_bLoadingData,
            t = Date.now() > this.m_rtLastLoad + 1e3 * y;
          (!e || (t && !this.m_bLoadingData)) &&
            ((this.m_bLoadingData = !0),
            n()
              .get(
                A.TS.CHAT_BASE_URL +
                  "miniprofile/" +
                  this.m_accountid +
                  "/json/?origin=" +
                  (0, A.xv)(),
              )
              .then((e) => {
                let t = e.data;
                "number" == typeof t.level &&
                  "string" == typeof t.level_class &&
                  (this.m_communityData = t),
                  (this.m_bLoadingData = !1),
                  (this.m_rtLastLoad = Date.now());
              })
              .catch((e) => {
                this.m_bLoadingData = !1;
              }));
        }
      }
      (0, i.Cg)([o.sH], S.prototype, "m_communityData", void 0);
      let I = class extends d.Component {
        render() {
          const { community_data: e } = this.props;
          let t = e && e.favorite_badge;
          return t
            ? d.createElement(
                "div",
                {
                  className: (0, u.A)(
                    g().miniProfileFeaturedContainer,
                    this.props.className,
                  ),
                },
                d.createElement(
                  "div",
                  { className: g().favoriteBadgeIcon },
                  d.createElement("img", {
                    src: t.icon,
                    className: g().badgeIcon,
                  }),
                ),
                d.createElement(
                  "div",
                  {
                    className: (0, u.A)(
                      g().featuredLabels,
                      g().favoriteBadgeDescription,
                    ),
                  },
                  d.createElement(
                    "div",
                    { className: g().featuredTitle },
                    t.name,
                  ),
                  d.createElement(
                    "div",
                    { className: g().featuredSubTitle },
                    (0, p.we)("#Hover_BadgeXP", t.xp),
                  ),
                ),
              )
            : null;
        }
      };
      I = (0, i.Cg)([c.PA], I);
      let w = class extends d.Component {
        render() {
          const { community_data: e, className: t } = this.props;
          return e
            ? d.createElement(
                "div",
                { className: (0, u.A)(g().miniProfileFeaturedContainer, t) },
                d.createElement(
                  "div",
                  { className: e.level_class },
                  d.createElement(
                    "span",
                    { className: g().friendPlayerLevelNum },
                    e.level,
                  ),
                ),
                d.createElement(
                  "div",
                  { className: g().featuredLabels },
                  d.createElement(
                    "div",
                    { className: g().featuredTitle },
                    (0, p.we)("#Hover_SteamLevel") + " ",
                  ),
                ),
              )
            : null;
        }
      };
      w = (0, i.Cg)([c.PA], w);
      let B = class extends d.Component {
        render() {
          var e;
          let t = this.props.persona,
            a = this.props.community_data;
          return d.createElement(
            "div",
            {
              className: (0, u.A)(
                g().miniProfileGameContainer,
                this.props.className,
              ),
            },
            (null === (e = null == a ? void 0 : a.in_game) || void 0 === e
              ? void 0
              : e.logo) &&
              d.createElement("img", {
                className: g().gameLogo,
                src: a.in_game.logo,
              }),
            d.createElement(
              "div",
              {
                className: (0, u.A)(
                  g().gameContent,
                  g().persona,
                  g().ingame,
                  g().ellipsis,
                ),
              },
              d.createElement(
                "div",
                { className: g().gameState },
                (0, p.we)(
                  t.is_in_nonsteam_game
                    ? "#PersonaStateInNonSteamGame"
                    : "#PersonaStateInGame",
                ),
              ),
              this.props.persona.GetCurrentGameName(),
              this.props.persona.HasCurrentGameRichPresence() &&
                d.createElement(
                  "div",
                  { className: g().richPresence },
                  this.props.persona.GetCurrentGameRichPresence(),
                ),
              this.props.in_game_section_additional,
            ),
          );
        }
      };
      function G(e) {
        var t;
        const { appID: a } = e,
          [r] = (0, E.t7)(a, { include_assets_without_overrides: !0 }),
          i =
            null === (t = null == r ? void 0 : r.GetAssetsWithoutOverrides()) ||
            void 0 === t
              ? void 0
              : t.GetHeaderURL();
        return i
          ? d.createElement("img", { className: g().gameLogo, src: i })
          : null;
      }
      B = (0, i.Cg)([c.PA], B);
      let N = class extends d.Component {
        render() {
          let e,
            t,
            a = this.props.broadcast_description;
          return (
            a && ((e = (0, p.we)("#PersonaStateWatchingBroadcast")), (t = a)),
            d.createElement(
              "div",
              {
                className: (0, u.A)(
                  g().miniProfileGameContainer,
                  this.props.className,
                ),
              },
              this.props.persona.m_broadcastAppId &&
                d.createElement(G, {
                  appID: this.props.persona.m_broadcastAppId,
                }),
              d.createElement(
                "div",
                {
                  className: (0, u.A)(
                    g().gameContent,
                    g().persona,
                    g().watchingbroadcast,
                    g().ellipsis,
                  ),
                },
                d.createElement("div", { className: g().gameState }, e),
                t && d.createElement("div", { className: g().richPresence }, t),
                d.createElement(
                  "div",
                  { className: g().watchingbroadcastThumbnail },
                  this.props.broadcast_thumbnail,
                ),
              ),
            )
          );
        }
      };
      N = (0, i.Cg)([c.PA], N);
      let b = class extends d.Component {
        render() {
          const {
            className: e,
            persona: t,
            data_loader: a,
            community_data_override: r,
            nickname: i,
            is_friend: s,
            is_blocked: n,
            friend_relationship: o,
            broadcast_description: l,
            broadcast_thumbnail: m,
            mutual_friends: c,
            in_game_section_additional: _,
            bottom_section_additional: P,
            ...E
          } = this.props;
          let C = a.community_data;
          r && (C = { ...C, ...r });
          const A = Object.keys((C && C.profile_background) || {}).length > 0;
          let y,
            S = g().miniProfileContent;
          t.is_ingame
            ? (y = d.createElement(B, {
                ...this.props,
                community_data: C,
                className: A ? g().miniProfileBackdropBlur : void 0,
              }))
            : t.is_watchingbroadcast
              ? (y = d.createElement(N, {
                  ...this.props,
                  className: A ? g().miniProfileBackdropBlur : void 0,
                }))
              : (S += " " + g().notInOrWatchingGame);
          let G = !0,
            b = !1,
            R = !1;
          s || ((S += " " + g().notFriends), (G = !1)),
            n && ((S += " " + g().communicationBlocked), (R = !0));
          let T,
            M = void 0 !== i,
            F = t.is_awayOrSnooze;
          return (
            (T = M
              ? d.createElement(
                  "div",
                  null,
                  d.createElement(
                    "div",
                    { className: g().personaAndIcons },
                    d.createElement(
                      "div",
                      { className: (0, u.A)(g().personaName, g().nickName) },
                      d.createElement(
                        "div",
                        { className: g().personaNameLabel },
                        this.props.nickname,
                      ),
                      d.createElement(
                        "div",
                        {
                          className: g().playerNicknameBracket,
                          title: (0, p.we)("#isNickname"),
                        },
                        "*",
                      ),
                    ),
                    d.createElement(h.X, { persona: t }),
                  ),
                  d.createElement(
                    "div",
                    { className: (0, u.A)(g().personaName, g().hasNickname) },
                    "( ",
                    d.createElement(
                      "div",
                      { className: g().personaNameLabel },
                      t.m_strPlayerName,
                    ),
                    " )",
                  ),
                )
              : d.createElement(
                  "div",
                  { className: g().personaAndIcons },
                  d.createElement(
                    "div",
                    { className: g().personaName },
                    d.createElement(
                      "div",
                      { className: g().personaNameLabel },
                      t.m_strPlayerName,
                    ),
                  ),
                  d.createElement(h.X, { persona: t }),
                )),
            2 == this.props.friend_relationship && (b = !0),
            d.createElement(
              d.Fragment,
              null,
              d.createElement(
                "div",
                {
                  key: t.GetAccountID(),
                  className: (0, u.A)(this.props.className, g().miniProfile),
                  ...E,
                },
                d.createElement(
                  "div",
                  { className: S },
                  d.createElement(L, { community_data: C, persona: t }),
                  d.createElement(
                    "div",
                    { className: g().miniProfileHeader },
                    d.createElement(
                      "div",
                      {
                        className: (0, u.A)(
                          g().miniProfilePlayer,
                          t.online_state,
                          F && g().isAway,
                          (0, f.rO)(t),
                        ),
                      },
                      d.createElement(k, {
                        persona: this.props.persona,
                        community_data: C,
                      }),
                      F &&
                        d.createElement(v.p, {
                          persona: t,
                          animating: !0,
                          className: g().SnoozeContainer,
                          size: "large",
                        }),
                      d.createElement(
                        "div",
                        { className: g().playerContent },
                        d.createElement(
                          "div",
                          { className: g().playerName },
                          d.createElement(
                            "div",
                            { className: g().persona },
                            T,
                            F &&
                              d.createElement(
                                "div",
                                { className: g().awayStatusLabel },
                                (0, p.we)("#PersonaStateAway"),
                              ),
                            !t.is_online &&
                              d.createElement(
                                "div",
                                { className: g().awayStatusLabel },
                                this.props.persona.GetLocalizedOnlineStatus(),
                              ),
                            "online" == t.online_state &&
                              !F &&
                              d.createElement(
                                "div",
                                { className: g().awayStatusLabel },
                                (0, p.we)("#PersonaStateOnline"),
                              ),
                            !G &&
                              d.createElement(
                                "div",
                                { className: g().miniProfileNotFriends },
                                b
                                  ? (0, p.we)(
                                      "#Friend_Menu_NotAFriendRequesting",
                                    )
                                  : (0, p.we)("#Friend_Menu_NotAFriendLabel"),
                              ),
                            R &&
                              d.createElement(
                                "div",
                                { className: g().miniProfileBlocked },
                                (0, p.we)("#PersonaStateBlocked"),
                              ),
                          ),
                        ),
                      ),
                    ),
                  ),
                  y,
                  d.createElement(
                    "div",
                    {
                      className: (0, u.A)(
                        g().miniProfileBottom,
                        A && g().miniProfileBackdropBlur,
                      ),
                    },
                    d.createElement(I, { community_data: C }),
                    d.createElement(w, { community_data: C }),
                  ),
                  P,
                  d.createElement(
                    "div",
                    { className: g().mutualFriends },
                    this.props.mutual_friends,
                  ),
                ),
              ),
            )
          );
        }
      };
      b = (0, i.Cg)([c.PA], b);
      const L = ({ community_data: e, persona: t }) => {
          if (e && e.profile_background) {
            const { image: t, ...a } = e.profile_background;
            if (Object.keys(a).length)
              return d.createElement(
                "div",
                {
                  className: g().miniProfileVideoBackgroundContainer,
                  key: a["video/webm"] || a["video/mp4"] || "image",
                },
                d.createElement(
                  "video",
                  {
                    className: g().miniProfileVideoBackground,
                    playsInline: !0,
                    muted: !0,
                    autoPlay: !0,
                    loop: !0,
                    poster: t,
                  },
                  Object.keys(a).map((e) =>
                    d.createElement("source", { key: e, src: a[e], type: e }),
                  ),
                ),
              );
            if (t)
              return d.createElement(
                "div",
                { className: g().miniProfileVideoBackgroundContainer },
                d.createElement("img", {
                  className: g().miniProfileVideoBackground,
                  src: t,
                }),
              );
          }
          return d.createElement(
            "div",
            { className: g().miniProfileBackground },
            d.createElement("img", {
              className: g().miniProfileBackgroundBlur,
              src: t.avatar_url,
            }),
          );
        },
        k = (e) => {
          const { persona: t, community_data: a, size: r, ...i } = e,
            s =
              a &&
              a.avatar_frame &&
              d.createElement("img", {
                src: a.avatar_frame,
                className: g().Frame,
              }),
            n = a && a.animated_avatar,
            o = {
              size: r || "X-Large",
              statusPosition: "bottom",
              className: g().playerAvatar,
            };
          return n
            ? d.createElement(P.Ul, { ...i, strAvatarURL: n, ...o }, s)
            : d.createElement(P.i8, { persona: t, ...i, ...o }, s);
        };
      var R = a(17720),
        T = a(65739),
        M = a(68033),
        F = a(56545),
        D = a(37403);
      class H {
        constructor(e) {
          (this.m_rgPreviousAvatars = []),
            (0, o.Gn)(this),
            (this.m_SteamInterface = e);
        }
        GetAvatarHistory() {
          return this.StartLoadIfNeeded(), this.m_rgPreviousAvatars || [];
        }
        RefreshAvatarHistory() {
          this.m_promiseLoading = this.LoadAvatarHistory();
        }
        async BWaitForLoad() {
          return this.StartLoadIfNeeded(), this.m_promiseLoading;
        }
        StartLoadIfNeeded() {
          this.m_promiseLoading ||
            (this.m_promiseLoading = this.LoadAvatarHistory());
        }
        async LoadAvatarHistory() {
          const e = F.w.Init(D.Vc);
          e.SetBodyFields({
            steamid: A.iA.steamid,
            filter_user_uploaded_only: !0,
          });
          let t = await D.BE.GetAvatarHistory(
            this.m_SteamInterface.GetServiceTransport(),
            e,
          );
          return (
            1 == t.GetEResult()
              ? ((this.m_rgPreviousAvatars = []),
                t
                  .Body()
                  .toObject()
                  .avatars.map((e) => {
                    this.m_rgPreviousAvatars.push({
                      avatar_hash: e.avatar_sha1,
                      timestamp: e.timestamp,
                    });
                  }))
              : console.error(
                  "Error when calling CommunityService.GetAvatarHistory: EResult=${msgResponse.GetEResult()}",
                ),
            !!this.m_rgPreviousAvatars
          );
        }
        async SetPreviousAvatar(e) {
          let t = e.GetAvatarHash();
          for (let a = 0; a < this.m_rgPreviousAvatars.length; ++a)
            if (this.m_rgPreviousAvatars[a].avatar_hash == t)
              return this.SelectAvatar(e, t);
          return 42;
        }
        async SelectAvatar(e, t) {
          let a = new FormData();
          a.append("sessionid", A.TS.SESSIONID),
            a.append("json", "1"),
            a.append("sha", t);
          let r =
            (
              await n().post(
                `${A.TS.COMMUNITY_BASE_URL}actions/selectPreviousAvatar`,
                a,
              )
            ).data.success || 2;
          return 1 == r && e.CommitAvatarHash(), r;
        }
      }
      (0, i.Cg)([o.sH], H.prototype, "m_rgPreviousAvatars", void 0);
      class O {
        constructor() {
          (this.m_AvatarData = void 0), (0, o.Gn)(this);
        }
        GetRecentGameAvatars() {
          return (
            this.StartLoadIfNeeded(),
            (this.m_AvatarData && this.m_AvatarData.rgRecentGames) || []
          );
        }
        GetOwnedGameAvatars() {
          return (
            this.StartLoadIfNeeded(),
            (this.m_AvatarData && this.m_AvatarData.rgOwnedGames) || []
          );
        }
        GetOtherGameAvatars() {
          return (
            this.StartLoadIfNeeded(),
            (this.m_AvatarData && this.m_AvatarData.rgOtherGames) || []
          );
        }
        async BWaitForLoad() {
          return this.StartLoadIfNeeded(), this.m_promiseLoading;
        }
        StartLoadIfNeeded() {
          this.m_promiseLoading ||
            (this.m_promiseLoading = this.LoadOGGAvatars());
        }
        async LoadOGGAvatars() {
          let e = await n().get(
            `${A.TS.COMMUNITY_BASE_URL}actions/GameAvatars/?json=1&l=${A.TS.LANGUAGE}`,
          );
          return (this.m_AvatarData = e.data || null), !!e.data;
        }
        async SetPlayerOGGAvatar(e) {
          let t,
            a = (function* (e) {
              for (let t of [
                e.GetRecentGameAvatars(),
                e.GetOwnedGameAvatars(),
                e.GetOtherGameAvatars(),
              ])
                for (let e of t) yield e;
            })(this),
            r = e.GetAvatarHash();
          for (; (t = a.next().value); ) {
            let a = t.avatars.find((e) => e.avatar_hash == r);
            if (a) return this.SelectGameAvatar(e, t.appid, a.ordinal);
          }
          return 42;
        }
        async SelectGameAvatar(e, t, a) {
          let r = new FormData();
          r.append("sessionid", A.TS.SESSIONID),
            r.append("json", "1"),
            r.append("selectedAvatar", "" + a);
          let i =
            (
              await n().post(
                `${A.TS.COMMUNITY_BASE_URL}ogg/${t}/selectAvatar`,
                r,
              )
            ).data.success || 2;
          return 1 == i && e.CommitAvatarHash(), i;
        }
      }
      function U(e) {
        switch (e) {
          case 1:
            return (0, p.we)("#Privacy_Private");
          case 2:
            return (0, p.we)("#Privacy_FriendsOnly");
          case 3:
            return (0, p.we)("#Privacy_Public");
          default:
            return "";
        }
      }
      function x(e, t) {
        return e < t ? e : t;
      }
      (0, i.Cg)([o.sH.shallow], O.prototype, "m_AvatarData", void 0);
      class q {
        constructor(e, t) {
          (this.m_PrivacySettings = void 0),
            (this.m_eCommentPermission = void 0),
            (this.m_eSaveStateByKey = new Map()),
            (this.m_eCommentSaveState = 0),
            (0, o.Gn)(this),
            (this.m_PrivacySettings = e),
            (this.m_eCommentPermission = t);
        }
        GetPrivacySetting(e) {
          return "PrivacyOwnedGames" == e
            ? x(
                this.m_PrivacySettings.PrivacyProfile,
                this.m_PrivacySettings.PrivacyOwnedGames,
              )
            : "PrivacyPlaytime" == e
              ? x(
                  this.GetPrivacySetting("PrivacyOwnedGames"),
                  this.m_PrivacySettings.PrivacyPlaytime,
                )
              : "PrivacyInventory" == e
                ? x(
                    this.m_PrivacySettings.PrivacyProfile,
                    this.m_PrivacySettings.PrivacyInventory,
                  )
                : "PrivacyInventoryGifts" == e
                  ? x(
                      this.GetPrivacySetting("PrivacyInventory"),
                      this.m_PrivacySettings.PrivacyInventoryGifts,
                    )
                  : "PrivacyFriendsList" == e
                    ? x(
                        this.m_PrivacySettings.PrivacyProfile,
                        this.m_PrivacySettings.PrivacyFriendsList,
                      )
                    : this.m_PrivacySettings[e];
        }
        get CommentPermission() {
          return this.m_eCommentPermission;
        }
        GetSaveState(e) {
          return this.m_eSaveStateByKey.get(e) || 0;
        }
        GetCommentSaveState() {
          return this.m_eCommentSaveState;
        }
        ChangePrivacySetting(e, t, a) {
          if (this.m_PrivacySettings[e] == t) return;
          this.m_PrivacySettings[e] = t;
          let r = this.SavePrivacy(),
            i = a || e;
          r
            ? (this.m_eSaveStateByKey.set(i, 1),
              r.then((e) => {
                e
                  ? this.m_eSaveStateByKey.set(i, 2)
                  : this.m_eSaveStateByKey.set(i, 3);
              }))
            : this.m_eSaveStateByKey.set(i, 0);
        }
        ChangeCommentPermission(e) {
          if (this.m_eCommentPermission == e) return;
          this.m_eCommentPermission = e;
          let t = this.SavePrivacy();
          t
            ? ((this.m_eCommentSaveState = 1),
              t.then((e) => {
                this.m_eCommentSaveState = e ? 2 : 3;
              }))
            : (this.m_eCommentSaveState = 0);
        }
        SavePrivacy() {
          let e = new FormData();
          return (
            e.append("sessionid", A.TS.SESSIONID),
            e.append("Privacy", JSON.stringify(this.m_PrivacySettings)),
            e.append(
              "eCommentPermission",
              JSON.stringify(this.m_eCommentPermission),
            ),
            n()
              .post(r.s.ProfileURL + "ajaxsetprivacy/", e)
              .then((e) => {
                let t = e.data;
                if (1 != t.success)
                  return (
                    window.ShowAlertDialog(
                      (0, p.we)("#Error_Error"),
                      (0, p.we)("#Error_CommentEditFailed"),
                    ),
                    !1
                  );
                let a = t.Privacy;
                return (
                  a &&
                    a.PrivacySettings &&
                    a.eCommentPermission &&
                    (0, o.h5)(() => {
                      (this.m_PrivacySettings = a.PrivacySettings),
                        (this.m_eCommentPermission = a.eCommentPermission);
                    }),
                  !0
                );
              })
              .catch(
                (e) => (
                  window.ShowAlertDialog(
                    (0, p.we)("#Error_Error"),
                    (0, p.we)("#Error_CommentEditFailed"),
                  ),
                  !1
                ),
              )
          );
        }
      }
      (0, i.Cg)([o.sH], q.prototype, "m_PrivacySettings", void 0),
        (0, i.Cg)([o.sH], q.prototype, "m_eCommentPermission", void 0),
        (0, i.Cg)([o.sH], q.prototype, "m_eSaveStateByKey", void 0),
        (0, i.Cg)([o.sH], q.prototype, "m_eCommentSaveState", void 0);
      var Q = a(37735);
      class W {
        constructor(e, t, a) {
          (this.m_rgBadges = []),
            (this.m_FavoriteBadge = void 0),
            (0, o.Gn)(this),
            (this.m_CMInterface = e),
            (this.m_AppInfoStore = t);
          const r = a.rgBadges,
            i = a.FavoriteBadge;
          if (!Array.isArray(r))
            for (let e in r) {
              const t = r[e];
              let a;
              (a =
                "communityitemid" in t
                  ? new X(t, this.m_AppInfoStore)
                  : new K(t)),
                this.m_rgBadges.push(a),
                i &&
                  a.BIsFavoriteBadge(i) &&
                  (this.m_CommittedFavoriteBadge = this.m_FavoriteBadge = a);
            }
        }
        get Badges() {
          return this.m_rgBadges;
        }
        get FavoriteBadge() {
          return this.m_FavoriteBadge;
        }
        get FavoriteBadgeID() {
          return this.m_FavoriteBadge
            ? this.m_FavoriteBadge.GetFavoriteBadgeID()
            : {};
        }
        SetFavoriteBadge(e) {
          this.m_FavoriteBadge = e;
        }
        RevertFavoriteBadge() {
          this.m_FavoriteBadge = this.m_CommittedFavoriteBadge;
        }
        BFavoriteBadgeUncomitted() {
          return this.m_FavoriteBadge != this.m_CommittedFavoriteBadge;
        }
        async CommitFavoriteBadgeChanges() {
          if (this.m_FavoriteBadge == this.m_CommittedFavoriteBadge) return 1;
          let e = this.FavoriteBadgeID,
            t = F.w.Init(Q.Hr);
          e.badgeid
            ? t.Body().set_badgeid(e.badgeid)
            : e.communityitemid &&
              t.Body().set_communityitemid(e.communityitemid);
          let a = await Q.xt.SetFavoriteBadge(
            this.m_CMInterface.GetServiceTransport(),
            t,
          );
          return (
            1 == a.GetEResult() &&
              (this.m_CommittedFavoriteBadge = this.m_FavoriteBadge),
            a.GetEResult()
          );
        }
        GetFavoriteBadgePreview() {
          return this.m_FavoriteBadge
            ? {
                name: this.m_FavoriteBadge.GetName(),
                xp: parseInt(this.m_FavoriteBadge.GetXP()),
                level: 0,
                description: this.m_FavoriteBadge.GetGameName(),
                icon: this.m_FavoriteBadge.GetIconURL(),
              }
            : null;
        }
      }
      (0, i.Cg)([o.sH], W.prototype, "m_FavoriteBadge", void 0),
        (0, i.Cg)([o.XI], W.prototype, "SetFavoriteBadge", null),
        (0, i.Cg)([o.XI], W.prototype, "RevertFavoriteBadge", null);
      class z {
        constructor(e) {
          (this.m_strIconURL = e.icon),
            (this.m_strName = e.name),
            (this.m_strXP = e.xp);
        }
        GetIconURL() {
          return this.m_strIconURL;
        }
        GetName() {
          return this.m_strName;
        }
        GetXP() {
          return this.m_strXP;
        }
        GetGameName() {
          return "";
        }
        BIsFoil() {
          return !1;
        }
      }
      class K extends z {
        constructor(e) {
          super(e), (this.m_unBadgeID = e.badgeid);
        }
        GetFavoriteBadgeID() {
          return { badgeid: this.m_unBadgeID };
        }
        BIsFavoriteBadge(e) {
          return e.badgeid && e.badgeid == this.m_unBadgeID;
        }
      }
      class X extends z {
        constructor(e, t) {
          super(e),
            (this.m_ulCommunityItemID = e.communityitemid),
            (this.m_usItemType = e.item_type),
            (this.m_unAppID = e.appid),
            (this.m_unBorderColor = e.border_color),
            (this.m_AppInfoStore = t);
        }
        GetFavoriteBadgeID() {
          return { communityitemid: this.m_ulCommunityItemID };
        }
        BIsFavoriteBadge(e) {
          return (
            e.communityitemid && e.communityitemid == this.m_ulCommunityItemID
          );
        }
        GetGameName() {
          return this.m_AppInfoStore.GetAppInfo(this.m_unAppID).name;
        }
        BIsFoil() {
          return 1 == this.m_unBorderColor;
        }
      }
      var V = a(58222),
        Y = a(6144);
      function j(e) {
        return ee(e.image_small);
      }
      function J(e) {
        return ee(e.image_large);
      }
      function Z(e) {
        return (function (e, t, a) {
          return e
            ? e.image_large
              ? `${A.TS.COMMUNITY_CDN_URL}economy/profilebackground/${e.image_large}?size=${t}x${a}`
              : null
            : `${A.TS.COMMUNITY_CDN_URL}public/images/profile/2020/bg_dots.png`;
        })(e, 252, 160);
      }
      function $(e, t = !1) {
        let a = {},
          r = t
            ? (function (e) {
                return ee(e.movie_webm_small) || ee(e.movie_webm);
              })(e)
            : (function (e) {
                return ee(e.movie_webm);
              })(e);
        r && (a["video/webm"] = r);
        let i = t
          ? (function (e) {
              return ee(e.movie_mp4_small) || ee(e.movie_mp4);
            })(e)
          : (function (e) {
              return ee(e.movie_mp4);
            })(e);
        return i && (a["video/mp4"] = i), a;
      }
      function ee(e) {
        return e ? `${A.TS.MEDIA_CDN_COMMUNITY_URL}images/${e}` : null;
      }
      class te {
        constructor(e, t, a) {
          (this.m_Backgrounds = new ae(this)),
            (this.m_MiniProfileBackgrounds = new ae(this)),
            (this.m_Avatars = new ae(this)),
            (this.m_AvatarFrames = new ae(this)),
            (this.m_ProfileModifiers = new ae(this)),
            (this.m_OnAvatarEquipmentChangedCallbacks = new Y.lu()),
            (this.m_mapGoldenProfileConfigByAppID = new Map()),
            (0, o.Gn)(this),
            (this.m_SteamInterface = e),
            (this.m_AppInfoStore = t);
          for (let e of a) this.m_mapGoldenProfileConfigByAppID.set(e.appid, e);
          this.Initialize();
        }
        get AppInfoStore() {
          return this.m_AppInfoStore;
        }
        async GetOwnedBackgrounds() {
          return (
            this.m_Backgrounds.m_rgOwnedItems ||
              (await this.m_Backgrounds.SetItems(
                (await this.m_promiseOwned).Body().profile_backgrounds(),
              )),
            this.m_Backgrounds.m_rgOwnedItems
          );
        }
        GetEquippedBackground() {
          return (
            this.m_Backgrounds.m_bEquippedLoaded ||
              (async () => {
                this.m_Backgrounds.LoadEquipped(
                  (await this.m_promiseEquipped).Body().profile_background(!1),
                );
              })(),
            this.m_Backgrounds.m_EquippedItem
          );
        }
        SetEquippedBackground(e) {
          this.m_Backgrounds.SetEquipped(e);
        }
        GetEquippedBackgroundFlags() {
          return this.m_Backgrounds.m_EquipFlags || 0;
        }
        SetEquippedBackgroundFlags(e) {
          this.m_Backgrounds.SetEquippedFlags(e);
        }
        BIsBackgroundUncomitted() {
          return this.m_Backgrounds.BIsUncomitted();
        }
        async SetAndEquipProfileBackground(e) {
          if (
            (this.m_Backgrounds.SetEquipped(e),
            this.m_Backgrounds.BIsUncomitted())
          ) {
            {
              let e = F.w.Init(Q.F5);
              e.Body().set_communityitemid(
                this.m_Backgrounds.m_EquippedItem &&
                  this.m_Backgrounds.m_EquippedItem.communityitemid,
              );
              let t = await Q.xt.SetProfileBackground(
                this.m_SteamInterface.GetServiceTransport(),
                e,
              );
              if (1 != t.GetEResult()) return t.GetEResult();
            }
            if (
              this.m_Backgrounds.m_EquippedItem &&
              this.m_Backgrounds.m_EquippedItem.communityitemid
            ) {
              let e = F.w.Init(Q.MK);
              e
                .Body()
                .set_communityitemid(
                  this.m_Backgrounds.m_EquippedItem.communityitemid,
                ),
                e.Body().set_flags(this.m_Backgrounds.m_EquipFlags);
              let t = await Q.xt.SetEquippedProfileItemFlags(
                this.m_SteamInterface.GetServiceTransport(),
                e,
              );
              1 != t.GetEResult() &&
                console.error(
                  `Error when calling PlayerService.SetEquippedProfileItemFlags: EResult=${t.GetEResult()}`,
                );
            }
          }
          return this.m_Backgrounds.SetComitted(), 1;
        }
        RevertBackgroundChanges() {
          this.m_Backgrounds.Revert();
        }
        async GetOwnedMiniProfileBackgrounds() {
          return (
            this.m_MiniProfileBackgrounds.m_rgOwnedItems ||
              (await this.m_MiniProfileBackgrounds.SetItems(
                (await this.m_promiseOwned).Body().mini_profile_backgrounds(),
              )),
            this.m_MiniProfileBackgrounds.m_rgOwnedItems
          );
        }
        GetEquippedMiniProfileBackground() {
          return (
            this.m_MiniProfileBackgrounds.m_bEquippedLoaded ||
              (async () => {
                this.m_MiniProfileBackgrounds.LoadEquipped(
                  (await this.m_promiseEquipped)
                    .Body()
                    .mini_profile_background(!1),
                );
              })(),
            this.m_MiniProfileBackgrounds.m_EquippedItem
          );
        }
        SetEquippedMiniProfileBackground(e) {
          this.m_MiniProfileBackgrounds.SetEquipped(e);
        }
        BIsMiniProfileBackgroundUncomitted() {
          return this.m_MiniProfileBackgrounds.BIsUncomitted();
        }
        async CommitMiniProfileChanges() {
          if (this.m_MiniProfileBackgrounds.BIsUncomitted()) {
            let e = F.w.Init(Q.A6);
            e.Body().set_communityitemid(
              this.m_MiniProfileBackgrounds.m_EquippedItem &&
                this.m_MiniProfileBackgrounds.m_EquippedItem.communityitemid,
            );
            let t = await Q.xt.SetMiniProfileBackground(
              this.m_SteamInterface.GetServiceTransport(),
              e,
            );
            if (1 != t.GetEResult()) return t.GetEResult();
          }
          return (
            this.m_MiniProfileBackgrounds.SetComitted(),
            this.m_OnAvatarEquipmentChangedCallbacks.Dispatch(),
            1
          );
        }
        RevertMiniProfileBackgroundChanges() {
          this.m_MiniProfileBackgrounds.Revert();
        }
        BIsAvatarUncomitted() {
          return (
            this.m_Avatars.BIsUncomitted() ||
            this.m_AvatarFrames.BIsUncomitted()
          );
        }
        async CommitAvatarChanges() {
          let e, t;
          if (this.m_Avatars.BIsUncomitted()) {
            let t = F.w.Init(Q.UM);
            t
              .Body()
              .set_communityitemid(
                this.m_Avatars.m_EquippedItem &&
                  this.m_Avatars.m_EquippedItem.communityitemid,
              ),
              (e = Q.xt.SetAnimatedAvatar(
                this.m_SteamInterface.GetServiceTransport(),
                t,
              ));
          }
          if (this.m_AvatarFrames.BIsUncomitted()) {
            let e = F.w.Init(Q.C0);
            e
              .Body()
              .set_communityitemid(
                this.m_AvatarFrames.m_EquippedItem &&
                  this.m_AvatarFrames.m_EquippedItem.communityitemid,
              ),
              (t = Q.xt.SetAvatarFrame(
                this.m_SteamInterface.GetServiceTransport(),
                e,
              ));
          }
          const [a, r] = await Promise.all([e, t]);
          return a && 1 != a.GetEResult()
            ? a.GetEResult()
            : r && 1 != r.GetEResult()
              ? r.GetEResult()
              : (this.m_Avatars.SetComitted(),
                this.m_AvatarFrames.SetComitted(),
                this.m_OnAvatarEquipmentChangedCallbacks.Dispatch(),
                1);
        }
        RevertAvatarChanges() {
          this.m_Avatars.Revert(), this.m_AvatarFrames.Revert();
        }
        AddOnAvatarEquipmentChangedCallback(e) {
          this.m_OnAvatarEquipmentChangedCallbacks.Register(e);
        }
        async GetOwnedAvatars() {
          return (
            this.m_Avatars.m_rgOwnedItems ||
              (await this.m_Avatars.SetItems(
                (await this.m_promiseOwned).Body().animated_avatars(),
              )),
            this.m_Avatars.m_rgOwnedItems
          );
        }
        GetEquippedAvatar() {
          return (
            this.m_Avatars.m_bEquippedLoaded ||
              (async () => {
                this.m_Avatars.LoadEquipped(
                  (await this.m_promiseEquipped).Body().animated_avatar(!1),
                );
              })(),
            this.m_Avatars.m_EquippedItem
          );
        }
        GetCommittedEquippedAvatar() {
          return (
            this.m_Avatars.m_bEquippedLoaded ||
              (async () => {
                this.m_Avatars.LoadEquipped(
                  (await this.m_promiseEquipped).Body().animated_avatar(!1),
                );
              })(),
            this.m_Avatars.m_CommittedEquippedItem
          );
        }
        SetEquippedAvatar(e, t = !1) {
          this.m_Avatars.SetEquipped(e, t);
        }
        async GetOwnedAvatarFrames() {
          return (
            this.m_AvatarFrames.m_rgOwnedItems ||
              (await this.m_AvatarFrames.SetItems(
                (await this.m_promiseOwned).Body().avatar_frames(),
              )),
            this.m_AvatarFrames.m_rgOwnedItems
          );
        }
        GetEquippedAvatarFrame() {
          return (
            this.m_AvatarFrames.m_bEquippedLoaded ||
              (async () => {
                this.m_AvatarFrames.LoadEquipped(
                  (await this.m_promiseEquipped).Body().avatar_frame(!1),
                );
              })(),
            this.m_AvatarFrames.m_EquippedItem
          );
        }
        GetCommittedEquippedAvatarFrame() {
          return (
            this.m_AvatarFrames.m_bEquippedLoaded ||
              (async () => {
                this.m_AvatarFrames.LoadEquipped(
                  (await this.m_promiseEquipped).Body().avatar_frame(!1),
                );
              })(),
            this.m_AvatarFrames.m_CommittedEquippedItem
          );
        }
        SetEquippedAvatarFrame(e) {
          this.m_AvatarFrames.SetEquipped(e);
        }
        async GetOwnedProfileModifiers() {
          return (
            this.m_ProfileModifiers.m_rgOwnedItems ||
              (await this.m_ProfileModifiers.SetItems(
                (await this.m_promiseOwned).Body().profile_modifiers(),
              )),
            this.m_ProfileModifiers.m_rgOwnedItems
          );
        }
        GetEquippedProfileModifier() {
          return (
            this.m_ProfileModifiers.m_bEquippedLoaded ||
              (async () => {
                this.m_ProfileModifiers.LoadEquipped(
                  (await this.m_promiseEquipped).Body().profile_modifier(!1),
                );
              })(),
            this.m_ProfileModifiers.m_EquippedItem
          );
        }
        GetCommittedEquippedProfileModifier() {
          return (
            this.m_ProfileModifiers.m_bEquippedLoaded ||
              (async () => {
                this.m_ProfileModifiers.LoadEquipped(
                  (await this.m_promiseEquipped).Body().profile_modifier(!1),
                );
              })(),
            this.m_ProfileModifiers.m_CommittedEquippedItem
          );
        }
        BHasAnyProfileModifiers() {
          return (
            this.GetOwnedProfileModifiers(),
            !!this.m_ProfileModifiers.GetOwnedItemCount()
          );
        }
        SetEquippedProfileModifier(e) {
          this.m_ProfileModifiers.SetEquipped(e);
        }
        RevertProfileModifierChanges() {
          this.m_ProfileModifiers.Revert();
        }
        ReloadEquippedItems() {
          let e = F.w.Init(Q.aK);
          e.Body().set_steamid(A.iA.steamid),
            e.Body().set_language(A.TS.LANGUAGE),
            (this.m_promiseEquipped = Q.xt.GetProfileItemsEquipped(
              this.m_SteamInterface.GetServiceTransport(),
              e,
            )),
            this.m_AvatarFrames.SetEquipped(null, !0),
            (this.m_AvatarFrames.m_bEquippedLoaded = !1),
            this.GetEquippedAvatarFrame(),
            this.m_Backgrounds.SetEquipped(null, !0),
            (this.m_Backgrounds.m_bEquippedLoaded = !1),
            this.GetEquippedBackground(),
            this.m_MiniProfileBackgrounds.SetEquipped(null, !0),
            (this.m_MiniProfileBackgrounds.m_bEquippedLoaded = !1),
            this.GetEquippedMiniProfileBackground();
        }
        async CommitProfileModifierChanges() {
          if (this.m_ProfileModifiers.BIsUncomitted()) {
            let e = !1;
            if (
              this.m_ProfileModifiers.m_CommittedEquippedItem &&
              this.m_ProfileModifiers.m_CommittedEquippedItem !=
                this.m_ProfileModifiers.m_EquippedItem
            ) {
              let t = F.w.Init(V.fp);
              t
                .Body()
                .set_communityitemid(
                  this.m_ProfileModifiers.m_CommittedEquippedItem
                    .communityitemid,
                ),
                t
                  .Body()
                  .set_appid(
                    this.m_ProfileModifiers.m_CommittedEquippedItem.appid,
                  ),
                t.Body().set_activate(!1);
              let a = await V.uy.ActivateProfileModifierItem(
                this.m_SteamInterface.GetServiceTransport(),
                t,
              );
              if (1 != a.GetEResult()) return a.GetEResult();
              e = !0;
            }
            if (this.m_ProfileModifiers.m_EquippedItem) {
              let t = F.w.Init(V.fp);
              t
                .Body()
                .set_communityitemid(
                  this.m_ProfileModifiers.m_EquippedItem.communityitemid,
                ),
                t
                  .Body()
                  .set_appid(this.m_ProfileModifiers.m_EquippedItem.appid),
                t.Body().set_activate(!0);
              let a = await V.uy.ActivateProfileModifierItem(
                this.m_SteamInterface.GetServiceTransport(),
                t,
              );
              if (1 != a.GetEResult()) return a.GetEResult();
              e = !0;
            }
            this.m_ProfileModifiers.SetComitted(),
              e &&
                (0, o.h5)(() => {
                  this.ReloadEquippedItems();
                });
          }
          return 1;
        }
        BIsLegacyGoldenProfile(e) {
          return this.m_mapGoldenProfileConfigByAppID.has(e);
        }
        GetGoldenProfileConfigValue(e) {
          let t = this.GetEquippedProfileModifier();
          if (!t) return null;
          let a = this.m_mapGoldenProfileConfigByAppID.get(t.appid);
          return a ? a[e] : null;
        }
        GetProfileModifierCSSURL() {
          return this.GetGoldenProfileConfigValue("css_url");
        }
        GetProfileModifierAvatarFrameURL() {
          return this.GetGoldenProfileConfigValue("frame_url");
        }
        GetProfileModifierMiniProfileBackground() {
          return this.GetGoldenProfileConfigValue("miniprofile_background");
        }
        GetProfileModifierMiniProfileBackgroundMovies() {
          return this.GetGoldenProfileConfigValue("miniprofile_movie");
        }
        async Initialize() {
          let e = F.w.Init(Q.Yk);
          e.Body().set_language(A.TS.LANGUAGE),
            (this.m_promiseOwned = Q.xt.GetProfileItemsOwned(
              this.m_SteamInterface.GetServiceTransport(),
              e,
            ));
          let t = F.w.Init(Q.aK);
          t.Body().set_steamid(A.iA.steamid),
            t.Body().set_language(A.TS.LANGUAGE),
            (this.m_promiseEquipped = Q.xt.GetProfileItemsEquipped(
              this.m_SteamInterface.GetServiceTransport(),
              t,
            ));
        }
      }
      (0, i.Cg)([o.XI], te.prototype, "RevertBackgroundChanges", null),
        (0, i.Cg)(
          [o.XI],
          te.prototype,
          "RevertMiniProfileBackgroundChanges",
          null,
        ),
        (0, i.Cg)([o.XI], te.prototype, "RevertAvatarChanges", null),
        (0, i.Cg)([o.XI], te.prototype, "ReloadEquippedItems", null);
      class ae {
        constructor(e) {
          (this.m_cItemsOwned = void 0),
            (this.m_bEquippedLoaded = !1),
            (this.m_bUnsavedChanges = !1),
            (this.m_CommittedEquippedItem = void 0),
            (this.m_EquippedItem = void 0),
            (this.m_EquipFlags = void 0),
            (0, o.Gn)(this),
            (this.m_parent = e);
        }
        GetOwnedItemCount() {
          return this.m_cItemsOwned;
        }
        async SetItems(e) {
          let t = e.map((e) => e.toObject());
          (this.m_rgOwnedItems = (await this.FillAppNames(t)).reverse()),
            (this.m_cItemsOwned = this.m_rgOwnedItems.length);
        }
        async LoadEquipped(e) {
          if (void 0 !== e && e.communityitemid()) {
            let t = e.toObject();
            if (t) {
              let [e] = await this.FillAppNames([t]);
              (0, o.h5)(() => {
                (this.m_CommittedEquippedItem = this.m_EquippedItem = e),
                  (this.m_EquipFlags = e && e.equipped_flags);
              });
            }
            this.m_bEquippedLoaded = !0;
          }
        }
        SetEquipped(e, t = !1) {
          (this.m_EquippedItem = e),
            (this.m_bEquippedLoaded = !0),
            t
              ? this.SetComitted()
              : (e &&
                    (!this.m_CommittedEquippedItem ||
                      this.m_CommittedEquippedItem.communityitemid !=
                        e.communityitemid ||
                      this.m_CommittedEquippedItem.equipped_flags !=
                        this.m_EquipFlags)) ||
                  (!e && this.m_CommittedEquippedItem)
                ? (this.m_bUnsavedChanges = !0)
                : (this.m_bUnsavedChanges = !1);
        }
        SetEquippedFlags(e) {
          this.m_EquipFlags = e;
        }
        BIsUncomitted() {
          return this.m_bUnsavedChanges;
        }
        SetComitted() {
          (this.m_bUnsavedChanges = !1),
            (this.m_CommittedEquippedItem = this.m_EquippedItem),
            this.m_CommittedEquippedItem &&
              (this.m_CommittedEquippedItem.equipped_flags = this.m_EquipFlags);
        }
        Revert() {
          (this.m_EquippedItem = this.m_CommittedEquippedItem),
            (this.m_EquipFlags =
              this.m_EquippedItem && this.m_EquippedItem.equipped_flags),
            (this.m_bUnsavedChanges = !1);
        }
        async FillAppNames(e) {
          await this.m_parent.AppInfoStore.EnsureAppInfoForAppIDs(
            e.map((e) => e.appid),
          );
          for (let t of e)
            t.app_name = t.appid
              ? this.m_parent.AppInfoStore.GetAppInfo(t.appid).name
              : "";
          return e;
        }
      }
      (0, i.Cg)([o.sH], ae.prototype, "m_cItemsOwned", void 0),
        (0, i.Cg)([o.sH], ae.prototype, "m_bUnsavedChanges", void 0),
        (0, i.Cg)([o.sH], ae.prototype, "m_CommittedEquippedItem", void 0),
        (0, i.Cg)([o.sH], ae.prototype, "m_EquippedItem", void 0),
        (0, i.Cg)([o.sH], ae.prototype, "m_EquipFlags", void 0),
        (0, i.Cg)([o.XI], ae.prototype, "SetEquipped", null),
        (0, i.Cg)([o.XI], ae.prototype, "SetEquippedFlags", null),
        (0, i.Cg)([o.XI], ae.prototype, "Revert", null);
      class re {
        constructor(e, t, a, r, i, s) {
          (this.m_strDisplayCountry = void 0),
            (this.m_strDisplayState = void 0),
            (this.m_strDisplayCity = void 0),
            (this.m_strCountryCode = void 0),
            (this.m_strStateCode = void 0),
            (this.m_strCityCode = void 0),
            (this.m_bStateSelectionAvailable = !1),
            (this.m_bCitySelectionAvailable = !1),
            (0, o.Gn)(this),
            (this.m_strDisplayCountry = e),
            (this.m_strDisplayState = a),
            (this.m_strDisplayCity = i),
            (this.m_strCountryCode = t),
            (this.m_strStateCode = r),
            (this.m_strCityCode = s),
            this.m_strStateCode
              ? (this.m_bStateSelectionAvailable = !0)
              : this.m_strCountryCode && this.GetCountryList(),
            (this.m_bCitySelectionAvailable = !!this.m_strStateCode);
        }
        get Country() {
          return this.m_strDisplayCountry;
        }
        get CountryCode() {
          return this.m_strCountryCode;
        }
        SetCountry(e, t) {
          e != this.m_strCountryCode &&
            ((this.m_strStateCode = ""),
            (this.m_strDisplayState = ""),
            (this.m_strCityCode = ""),
            (this.m_strDisplayCity = "")),
            (this.m_strCountryCode = e),
            (this.m_strDisplayCountry = t),
            this.FindAndSetActiveCountry(),
            this.FindAndSetActiveState();
        }
        BIsStateSelectionAvailable() {
          return this.m_bStateSelectionAvailable;
        }
        get State() {
          return this.m_strDisplayState;
        }
        get StateCode() {
          return this.m_strStateCode;
        }
        SetState(e, t) {
          e != this.m_strStateCode &&
            ((this.m_strCityCode = ""), (this.m_strDisplayCity = "")),
            (this.m_strStateCode = e),
            (this.m_strDisplayState = t),
            this.FindAndSetActiveState();
        }
        BIsCitySelectionAvailable() {
          return this.m_bCitySelectionAvailable;
        }
        get City() {
          return this.m_strDisplayCity;
        }
        get CityCode() {
          return this.m_strCityCode;
        }
        SetCity(e, t) {
          (this.m_strCityCode = e), (this.m_strDisplayCity = t);
        }
        async GetCountryList() {
          return this.m_rgCountryList
            ? this.m_rgCountryList
            : (this.m_promiseLoadCountries ||
                ((this.m_promiseLoadCountries = n()
                  .get(A.TS.COMMUNITY_BASE_URL + "/actions/QueryLocations/")
                  .then((e) => e.data)),
                this.m_promiseLoadCountries.then(
                  (e) => {
                    (this.m_rgCountryList = e),
                      (this.m_promiseLoadCountries = null),
                      this.FindAndSetActiveCountry();
                  },
                  () => {
                    this.m_promiseLoadCountries = null;
                  },
                )),
              this.m_promiseLoadCountries);
        }
        FindAndSetActiveCountry() {
          (this.m_CountryCur =
            this.m_strCountryCode &&
            this.m_rgCountryList.find(
              (e) => e.countrycode == this.m_strCountryCode,
            )),
            (this.m_bStateSelectionAvailable =
              this.m_CountryCur && !!this.m_CountryCur.hasstates);
        }
        async GetStateList() {
          this.m_CountryCur || (await this.GetCountryList());
          let e = this.m_CountryCur;
          return e && e.hasstates
            ? void 0 !== e.states
              ? e.states
              : (e.stateloader ||
                  ((e.stateloader = n()
                    .get(
                      A.TS.COMMUNITY_BASE_URL +
                        `/actions/QueryLocations/${e.countrycode}/`,
                    )
                    .then((e) => e.data)),
                  e.stateloader.then(
                    (t) => {
                      (e.states = t || []),
                        delete e.stateloader,
                        this.FindAndSetActiveState();
                    },
                    () => {
                      delete e.stateloader;
                    },
                  )),
                e.stateloader)
            : [];
        }
        FindAndSetActiveState() {
          (this.m_StateCur =
            this.m_CountryCur &&
            this.m_CountryCur.states &&
            this.m_CountryCur.states.find(
              (e) => e.statecode == this.m_strStateCode,
            )),
            (this.m_bCitySelectionAvailable = !!this.m_StateCur);
        }
        async GetCityList() {
          this.m_StateCur || (await this.GetStateList());
          let e = this.m_StateCur;
          return e
            ? void 0 !== e.cities
              ? e.cities
              : (e.cityloader ||
                  ((e.cityloader = n()
                    .get(
                      A.TS.COMMUNITY_BASE_URL +
                        `/actions/QueryLocations/${e.countrycode}/${e.statecode}`,
                    )
                    .then((e) => e.data)),
                  e.cityloader.then(
                    (t) => {
                      (e.cities = t || []), delete e.cityloader;
                    },
                    () => {
                      delete e.cityloader;
                    },
                  )),
                e.cityloader)
            : [];
        }
      }
      (0, i.Cg)([o.sH], re.prototype, "m_strDisplayCountry", void 0),
        (0, i.Cg)([o.sH], re.prototype, "m_strDisplayState", void 0),
        (0, i.Cg)([o.sH], re.prototype, "m_strDisplayCity", void 0),
        (0, i.Cg)([o.sH], re.prototype, "m_strCountryCode", void 0),
        (0, i.Cg)([o.sH], re.prototype, "m_strStateCode", void 0),
        (0, i.Cg)([o.sH], re.prototype, "m_strCityCode", void 0),
        (0, i.Cg)([o.sH], re.prototype, "m_bStateSelectionAvailable", void 0),
        (0, i.Cg)([o.sH], re.prototype, "m_bCitySelectionAvailable", void 0),
        (0, i.Cg)([o.XI], re.prototype, "SetCountry", null),
        (0, i.Cg)([o.XI], re.prototype, "SetState", null),
        (0, i.Cg)([o.XI], re.prototype, "SetCity", null),
        (0, i.Cg)([o.XI], re.prototype, "FindAndSetActiveCountry", null),
        (0, i.Cg)([o.XI], re.prototype, "FindAndSetActiveState", null);
      class ie {
        constructor(e, t, a) {
          (this.m_ActiveTheme = void 0),
            (0, o.Gn)(this),
            (this.m_CMInterface = e),
            (this.m_rgAvailableThemes = a.map((e) => ({
              ...e,
              theme_id: e.theme_id || "Default",
              title: (0, p.we)(e.title),
            }))),
            void 0 === t || "" === t.theme_id
              ? this.SetActiveTheme("Default", !0)
              : ((this.m_ActiveTheme = t), (this.m_ComittedActiveTheme = t));
        }
        get ActiveTheme() {
          return this.m_ActiveTheme;
        }
        get AvailableThemes() {
          return this.m_rgAvailableThemes;
        }
        SetActiveTheme(e, t = !1) {
          for (let a of this.m_rgAvailableThemes)
            if (e === a.theme_id) {
              (this.m_ActiveTheme = a), t && (this.m_ComittedActiveTheme = a);
              break;
            }
        }
        BActiveThemeUncomitted() {
          return (
            this.m_ActiveTheme.theme_id != this.m_ComittedActiveTheme.theme_id
          );
        }
        RevertActiveTheme() {
          this.m_ActiveTheme = this.m_ComittedActiveTheme;
        }
        async CommitActiveTheme() {
          let e = F.w.Init(Q.yo);
          e.Body().set_theme_id(
            "Default" == this.ActiveTheme.theme_id
              ? ""
              : this.ActiveTheme.theme_id,
          );
          const t = await Q.xt.SetProfileTheme(
            this.m_CMInterface.GetServiceTransport(),
            e,
          );
          return (
            1 == t.GetEResult() &&
              (this.m_ComittedActiveTheme = this.ActiveTheme),
            t.GetEResult()
          );
        }
      }
      (0, i.Cg)([o.sH], ie.prototype, "m_ActiveTheme", void 0),
        (0, i.Cg)([o.XI], ie.prototype, "RevertActiveTheme", null);
      var se = a(85044);
      async function ne(e, t) {
        let a;
        if (t instanceof FormData) a = t;
        else {
          a = new FormData();
          for (const e in t) a.append(e, t[e]);
        }
        a.append("type", e),
          a.append("sessionID", A.TS.SESSIONID),
          a.append("json", "1");
        const i = `${r.s.ProfileURL}edit/`;
        try {
          let e = await n().post(i, a);
          return {
            eResult: e.data.success,
            strHTMLError: e.data.errmsg,
            strRedirectURL: e.data.redirect,
          };
        } catch (e) {
          return {
            eResult: 35,
            strHTMLError: (0, p.we)("#ConnectionTrouble_FailedToConnect"),
          };
        }
      }
      class oe {
        constructor(e) {
          (this.m_PrimaryGroup = void 0),
            (this.m_bLoaded = !1),
            (0, o.Gn)(this),
            e &&
              (this.m_CommittedPrimaryGroup = this.m_PrimaryGroup =
                new le(new R.b(e.steamid), e.name, e.avatarHash));
        }
        get PrimaryGroup() {
          return this.m_PrimaryGroup;
        }
        SetPrimaryGroup(e) {
          this.m_PrimaryGroup = e;
        }
        BGroupsLoaded() {
          return this.m_bLoaded;
        }
        BHasAnyGroups() {
          return this.m_rgUserGroups.length > 0;
        }
        GetUserGroups() {
          return (
            this.m_bLoaded || this.StartUserGroupLoad(), this.m_rgUserGroups
          );
        }
        async BWaitForUserGroups() {
          return this.StartUserGroupLoad(), this.m_promiseLoading;
        }
        StartUserGroupLoad() {
          this.m_promiseLoading ||
            (this.m_promiseLoading = this.LoadUserGroups());
        }
        async LoadUserGroups() {
          let e = await n().get(
            `${r.s.ProfileURL}ajaxgroupinvite?select_primary=1&json=1`,
          );
          return (
            (0, o.h5)(() => {
              e.data &&
                (this.m_rgUserGroups = e.data.map(
                  (e) => new le(new R.b(e.steamid), e.name, e.avatarHash),
                )),
                (this.m_bLoaded = !0);
            }),
            !!e.data
          );
        }
        BPrimaryGroupUncomitted() {
          return (
            (this.m_PrimaryGroup &&
              this.m_PrimaryGroup.GetSteamID().GetAccountID()) !=
            (this.m_CommittedPrimaryGroup &&
              this.m_CommittedPrimaryGroup.GetSteamID().GetAccountID())
          );
        }
        async CommitPrimaryGroup() {
          let e = await ne("favoriteclan", {
            primary_group_steamid: this.m_PrimaryGroup
              .GetSteamID()
              .ConvertTo64BitString(),
          });
          return (
            1 == e.eResult &&
              (this.m_CommittedPrimaryGroup = this.m_PrimaryGroup),
            e
          );
        }
        RevertPrimaryGroupChanges() {
          this.m_PrimaryGroup = this.m_CommittedPrimaryGroup;
        }
      }
      (0, i.Cg)([o.sH], oe.prototype, "m_PrimaryGroup", void 0),
        (0, i.Cg)([o.sH], oe.prototype, "m_bLoaded", void 0),
        (0, i.Cg)([o.XI], oe.prototype, "SetPrimaryGroup", null),
        (0, i.Cg)([o.XI], oe.prototype, "RevertPrimaryGroupChanges", null);
      class le {
        constructor(e, t, a) {
          (this.m_steamID = e),
            (this.m_strName = t),
            (this.m_strAvatarHash = a);
        }
        GetSteamID() {
          return this.m_steamID;
        }
        GetName() {
          return this.m_strName;
        }
        GetAvatarURL(e) {
          return (0, se.t)(
            this.m_strAvatarHash || "0000000000000000000000000000000000000000",
            e,
          );
        }
      }
      class me {
        constructor(e, t, a) {
          (this.m_OGGAvatars = new O()),
            (this.m_EmoticonStore = new M.T()),
            (this.m_EmoticonHoverStore = new T.h()),
            (this.m_Profile = new ce(e)),
            (this.m_WebAPI = a),
            (this.m_AppInfoStore = new m.Mi()),
            this.m_AppInfoStore.Init(this.m_WebAPI),
            this.m_AppInfoStore.SetCacheStorage(new l.A()),
            (this.m_ProfileBadges = new W(
              this.m_WebAPI,
              this.m_AppInfoStore,
              t,
            )),
            (this.m_ProfileItems = new te(
              this.m_WebAPI,
              this.m_AppInfoStore,
              e.rgGoldenProfileData,
            )),
            (this.m_ProfileTheme = new ie(
              this.m_WebAPI,
              e.ActiveTheme,
              e.rgAvailableThemes,
            )),
            (this.m_ProfilePrivacy = new q(
              e.Privacy.PrivacySettings,
              e.Privacy.eCommentPermission,
            )),
            (this.m_AvatarHistory = new H(this.m_WebAPI)),
            this.m_ProfileItems.AddOnAvatarEquipmentChangedCallback(() => {
              this.m_Profile.MiniProfileData.Reload(),
                this.m_AvatarHistory.RefreshAvatarHistory();
            });
        }
        get ServiceTransport() {
          return this.m_WebAPI.GetServiceTransport();
        }
        get Profile() {
          return this.m_Profile;
        }
        get ProfileBadges() {
          return this.m_ProfileBadges;
        }
        get ProfileItems() {
          return this.m_ProfileItems;
        }
        get ProfileTheme() {
          return this.m_ProfileTheme;
        }
        get ProfilePrivacy() {
          return this.m_ProfilePrivacy;
        }
        get OGGAvatarStore() {
          return this.m_OGGAvatars;
        }
        get AvatarHistory() {
          return this.m_AvatarHistory;
        }
        get EmoticonStore() {
          return this.m_EmoticonStore;
        }
        get EmoticonHoverStore() {
          return this.m_EmoticonHoverStore;
        }
        get MiniProfileOverrideData() {
          return {
            favorite_badge: this.m_ProfileBadges.GetFavoriteBadgePreview(),
          };
        }
      }
      class ce {
        constructor(e) {
          (this.m_strPersonaName = void 0),
            (this.m_strCommittedPersonaName = void 0),
            (this.m_strCustomURL = void 0),
            (this.m_strRealName = void 0),
            (this.m_strSummary = void 0),
            (this.m_strAvatarHash = void 0),
            (this.m_strCommittedAvatarHash = void 0),
            (this.m_Preferences = void 0),
            (0, o.Gn)(this),
            (this.m_strPersonaName = e.strPersonaName),
            (this.m_strCustomURL = e.strCustomURL),
            (this.m_strRealName = e.strRealName),
            (this.m_strSummary = e.strSummary),
            (this.m_Preferences = e.ProfilePreferences),
            this.SetBasicInfoChangesComitted(),
            (this.m_strCommittedAvatarHash = this.m_strAvatarHash =
              e.strAvatarHash);
          const {
            LocationData: {
              locCountry: t,
              locCountryCode: a,
              locState: r,
              locStateCode: i,
              locCity: s,
              locCityCode: n,
            },
          } = e;
          (this.m_Location = new re(t, a, r, i, s, n)),
            (this.m_GroupList = new oe(e.PrimaryGroup));
          const l = new R.b(A.iA.steamid);
          (this.m_MiniProfileData = new S(l.GetAccountID())),
            (this.m_persona = new f.Z(l)),
            (0, o.fm)(() => {
              this.BuildPersonaStateObject();
            }),
            (this.m_rtPersonaNameBannedUntil =
              e.rtPersonaNameBannedUntil || void 0),
            (this.m_rtProfileSummaryBannedUntil =
              e.rtProfileSummaryBannedUntil || void 0),
            (this.m_rtAvatarBannedUntil = e.rtAvatarBannedUntil || void 0);
        }
        RevertBasicInfoChanges() {
          (this.m_strPersonaName = this.m_strCommittedPersonaName),
            (this.m_strCustomURL = this.m_strComittedCustomURL),
            (this.m_strRealName = this.m_strComittedRealName),
            (this.m_strSummary = this.m_strComittedSummary);
        }
        SetBasicInfoChangesComitted() {
          (this.m_strCommittedPersonaName = this.m_strPersonaName),
            (this.m_strComittedCustomURL = this.m_strCustomURL),
            (this.m_strComittedRealName = this.m_strRealName),
            (this.m_strComittedSummary = this.m_strSummary);
        }
        NotifyRNMobileAppStateChanged() {
          const e = Reflect.get(window, "ReactNativeWebView");
          if (null == e ? void 0 : e.postMessage) {
            const t = {
              event_name: "personastatechanged",
              steamid: A.iA.steamid,
            };
            e.postMessage(JSON.stringify(t));
          }
        }
        GetPersonaName() {
          return this.m_strPersonaName;
        }
        GetComittedPersonaName() {
          return this.m_strCommittedPersonaName;
        }
        SetPersonaName(e) {
          this.m_strPersonaName = e;
        }
        GetRealName() {
          return this.m_strRealName;
        }
        SetRealName(e) {
          this.m_strRealName = e;
        }
        GetCustomURL() {
          return this.m_strCustomURL;
        }
        SetCustomURL(e) {
          this.m_strCustomURL = e;
        }
        GetConstructedURL() {
          return this.m_strCustomURL
            ? `${A.TS.COMMUNITY_BASE_URL}id/${this.m_strCustomURL}/`
            : `${A.TS.COMMUNITY_BASE_URL}profiles/${A.iA.steamid}/`;
        }
        GetAvatarHash() {
          return this.m_strAvatarHash;
        }
        GetCommittedAvatarHash() {
          return this.m_strCommittedAvatarHash;
        }
        GetSummary() {
          return this.m_strSummary;
        }
        SetSummary(e) {
          this.m_strSummary = e;
        }
        GetPreferences() {
          return this.m_Preferences;
        }
        SetPreferences(e) {
          this.m_Preferences = e;
        }
        GetPrimaryGroupSteamID() {
          return (
            this.m_GroupList.PrimaryGroup &&
            this.m_GroupList.PrimaryGroup.GetSteamID()
          );
        }
        get GroupList() {
          return this.m_GroupList;
        }
        get Location() {
          return this.m_Location;
        }
        get MiniProfileData() {
          return (
            this.m_MiniProfileData.EnsureCommunityDataLoaded(),
            this.m_MiniProfileData
          );
        }
        get PersonaState() {
          return this.m_persona;
        }
        BuildPersonaStateObject() {
          (this.m_persona.m_strPlayerName = this.m_strPersonaName),
            (this.m_persona.m_strAvatarHash = this.m_strAvatarHash),
            (this.m_persona.m_ePersonaState = 1);
        }
        async UploadAvatar(e) {
          let t = new FormData();
          t.append("avatar", e),
            t.append("type", "player_avatar_image"),
            t.append("sId", A.iA.steamid),
            t.append("sessionid", A.TS.SESSIONID),
            t.append("doSub", "1"),
            t.append("json", "1");
          let a = !1,
            r = "";
          try {
            let e = await n().post(
              `${A.TS.COMMUNITY_BASE_URL}actions/FileUploader/`,
              t,
            );
            e.data && e.data.success
              ? ((a = !0), this.SetAvatarHash(e.data.hash, !0))
              : (r =
                  (e.data && e.data.message) ||
                  (0, p.we)("#Chat_Settings_Error_ServerError"));
          } catch (e) {
            r =
              (e.response && e.response.data.message) ||
              (0, p.we)("#Chat_Settings_Error_ServerError");
          }
          return { bSuccess: a, strError: r };
        }
        SetAvatarHash(e, t = !1) {
          (this.m_strAvatarHash = e), t && this.CommitAvatarHash();
        }
        BHasUncomittedAvatarChanges() {
          return this.m_strAvatarHash != this.m_strCommittedAvatarHash;
        }
        CommitAvatarHash() {
          this.m_strCommittedAvatarHash = this.m_strAvatarHash;
        }
        RevertToComittedAvatarHash() {
          this.m_strAvatarHash = this.m_strCommittedAvatarHash;
        }
        BIsPersonaNameChangeOnCooldown() {
          return !!this.m_rtPersonaNameBannedUntil;
        }
        GetPersonaNameCooldownEndRTime() {
          return this.m_rtPersonaNameBannedUntil;
        }
        BIsProfileSummaryChangeOnCooldown() {
          return !!this.m_rtProfileSummaryBannedUntil;
        }
        GetProfileSummaryCooldownEndRTime() {
          return this.m_rtProfileSummaryBannedUntil;
        }
        BIsAvatarChangeOnCooldown() {
          return !!this.m_rtAvatarBannedUntil;
        }
        GetAvatarChangeCooldownEndRTime() {
          return this.m_rtAvatarBannedUntil;
        }
      }
      (ce.k_strPersonaNameCooldownSupportURL =
        "https://support.steampowered.com/kb_article.php?ref=4045-USHJ-3810"),
        (ce.k_strProfileSummaryCooldownSupportURL =
          "https://support.steampowered.com/kb_article.php?ref=4045-USHJ-3810"),
        (ce.k_strAvatarCooldownSupportURL =
          "https://support.steampowered.com/kb_article.php?ref=4045-USHJ-3810"),
        (0, i.Cg)([o.sH], ce.prototype, "m_strPersonaName", void 0),
        (0, i.Cg)([o.sH], ce.prototype, "m_strCommittedPersonaName", void 0),
        (0, i.Cg)([o.sH], ce.prototype, "m_strCustomURL", void 0),
        (0, i.Cg)([o.sH], ce.prototype, "m_strRealName", void 0),
        (0, i.Cg)([o.sH], ce.prototype, "m_strSummary", void 0),
        (0, i.Cg)([o.sH], ce.prototype, "m_strAvatarHash", void 0),
        (0, i.Cg)([o.sH], ce.prototype, "m_strCommittedAvatarHash", void 0),
        (0, i.Cg)([o.sH], ce.prototype, "m_Preferences", void 0),
        (0, i.Cg)([o.XI], ce.prototype, "RevertBasicInfoChanges", null),
        (0, i.Cg)([o.XI], ce.prototype, "SetAvatarHash", null),
        (0, i.Cg)([o.XI], ce.prototype, "RevertToComittedAvatarHash", null);
      var de = a(92757),
        he = a(2160),
        ue = a(23809),
        pe = (a(64641), a(72739)),
        ve = a(35471),
        _e = a(33737),
        ge = a(73745),
        fe = a(45301);
      let Pe = class extends d.Component {
        constructor() {
          super(...arguments), (this.state = { bReady: !1 });
        }
        async componentDidMount() {
          let e;
          ([this.m_rgAvatars, e] = await Promise.all([
            this.props.ProfileItems.GetOwnedAvatars(),
            this.props.OGGAvatars.BWaitForLoad(),
          ])),
            this.setState({ bReady: !0 });
        }
        SelectAnimatedAvatar(e) {
          this.props.Profile.RevertToComittedAvatarHash(),
            this.props.ProfileItems.SetEquippedAvatar(e),
            this.props.fnOnCollapse();
        }
        SelectOGGAvatar(e) {
          this.props.Profile.SetAvatarHash(e),
            this.props.ProfileItems.SetEquippedAvatar(null),
            this.props.fnOnCollapse();
        }
        SelectPreviousAvatar(e) {
          this.props.Profile.SetAvatarHash(e),
            this.props.ProfileItems.SetEquippedAvatar(null),
            this.props.fnOnCollapse();
        }
        GetTopAvatars(e = 4) {
          let t;
          if (((t = this.m_rgAvatars.slice(0, e)), t.length < e)) {
            const a = this.props.AvatarHistory.GetAvatarHistory();
            for (
              let r = 0;
              r < a.length && (t.push(a[r]), !(t.length >= e));
              ++r
            );
          }
          if (t.length < e) {
            let a = (function* (e) {
              for (let t of [
                e.GetRecentGameAvatars(),
                e.GetOwnedGameAvatars(),
                e.GetOtherGameAvatars(),
              ])
                for (let e of t) for (let t of e.avatars) yield t;
            })(this.props.OGGAvatars);
            for (
              let r = a.next();
              r.value && (t.push(r.value), !(t.length >= e));
              r = a.next()
            );
          }
          return t;
        }
        render() {
          if (!this.state.bReady) return !1;
          const {
            bExpanded: e,
            fnOnExpand: t,
            OGGAvatars: a,
            AvatarHistory: r,
            fnOnCollapse: i,
          } = this.props;
          if (e)
            return d.createElement(
              "div",
              { className: fe.AvatarCollection },
              d.createElement(
                Ce,
                null,
                (0, p.we)("#Profile_Edit_Avatar_YourAvatars"),
              ),
              d.createElement(Se, {
                rgAnimatedAvatars: this.m_rgAvatars,
                OGGAvatars: a,
                AvatarHistory: r,
                onSelectAnimatedAvatar: this.SelectAnimatedAvatar,
                onSelectOGGAvatar: this.SelectOGGAvatar,
                onSelectPreviousAvatar: this.SelectPreviousAvatar,
              }),
            );
          {
            let e = this.GetTopAvatars();
            return d.createElement(
              "div",
              { className: fe.AvatarCollection },
              d.createElement(
                Ce,
                null,
                (0, p.we)("#Profile_Edit_Avatar_YourAvatars"),
              ),
              d.createElement(
                "div",
                { className: fe.AvatarCollectionSingleRowWrapper },
                d.createElement(
                  "div",
                  { className: fe.AvatarCollectionSingleRow },
                  e.map((e) =>
                    "communityitemid" in e
                      ? d.createElement(
                          d.Fragment,
                          { key: e.communityitemid },
                          d.createElement(Ae, {
                            avatar: e,
                            onSelected: this.SelectAnimatedAvatar,
                            large: !0,
                          }),
                          d.createElement("div", {
                            className: fe.AvatarRowSpacer,
                          }),
                        )
                      : "timestamp" in e
                        ? d.createElement(
                            d.Fragment,
                            { key: e.avatar_hash },
                            d.createElement(ye, {
                              hash: e.avatar_hash,
                              onSelected: this.SelectPreviousAvatar,
                              large: !0,
                            }),
                            d.createElement("div", {
                              className: fe.AvatarRowSpacer,
                            }),
                          )
                        : d.createElement(
                            d.Fragment,
                            { key: e.avatar_hash },
                            d.createElement(ye, {
                              hash: e.avatar_hash,
                              onSelected: this.SelectOGGAvatar,
                              large: !0,
                            }),
                            d.createElement("div", {
                              className: fe.AvatarRowSpacer,
                            }),
                          ),
                  ),
                ),
              ),
              d.createElement(
                "div",
                { className: fe.ExpandButtonContainer },
                d.createElement(
                  _e.$n,
                  { onClick: t },
                  (0, p.we)("#Profile_Edit_Avatar_SeeAll"),
                ),
              ),
            );
          }
        }
      };
      (0, i.Cg)([ge.oI], Pe.prototype, "SelectAnimatedAvatar", null),
        (0, i.Cg)([ge.oI], Pe.prototype, "SelectOGGAvatar", null),
        (0, i.Cg)([ge.oI], Pe.prototype, "SelectPreviousAvatar", null),
        (Pe = (0, i.Cg)([c.PA], Pe));
      const Ee = Pe,
        Ce = ({ children: e }) =>
          d.createElement(
            "div",
            { className: fe.AvatarCollectionHeader },
            d.createElement("div", { className: fe.AvatarCollectionName }, e),
          );
      class Ae extends d.Component {
        constructor() {
          super(...arguments), (this.state = { bHovered: !1 });
        }
        OnMouseEnter() {
          this.setState({ bHovered: !0 });
        }
        OnMouseLeave() {
          this.setState({ bHovered: !1 });
        }
        onSelected() {
          this.props.onSelected(this.props.avatar);
        }
        render() {
          const { avatar: e, large: t } = this.props,
            { bHovered: a } = this.state;
          return d.createElement(
            "div",
            {
              className: (0, u.A)(fe.AvatarPreview, fe.Animated, t && fe.Large),
              onMouseEnter: this.OnMouseEnter,
              onMouseLeave: this.OnMouseLeave,
              onClick: this.onSelected,
            },
            d.createElement("img", {
              src: a || ze ? j(e) : J(e),
              loading: "lazy",
            }),
          );
        }
      }
      (0, i.Cg)([ge.oI], Ae.prototype, "OnMouseEnter", null),
        (0, i.Cg)([ge.oI], Ae.prototype, "OnMouseLeave", null),
        (0, i.Cg)([ge.oI], Ae.prototype, "onSelected", null);
      const ye = ({ hash: e, onSelected: t, large: a }) =>
          d.createElement(
            "div",
            {
              className: (0, u.A)(fe.AvatarPreview, fe.Static, a && fe.Large),
              onClick: () => t(e),
            },
            d.createElement("img", {
              src: (0, f.tp)(e, a ? "full" : "medium"),
              loading: "lazy",
            }),
          ),
        Se = (0, c.PA)(
          ({
            rgAnimatedAvatars: e,
            OGGAvatars: t,
            AvatarHistory: a,
            onSelectAnimatedAvatar: r,
            onSelectOGGAvatar: i,
            onSelectPreviousAvatar: s,
          }) => {
            let n = a.GetAvatarHistory(),
              o = [...t.GetRecentGameAvatars(), ...t.GetOwnedGameAvatars()];
            return d.createElement(
              d.Fragment,
              null,
              d.createElement(Ie, { rgAnimatedAvatars: e, onSelected: r }),
              d.createElement(we, { rgAvatars: n, onSelected: s }),
              d.createElement(Be, {
                rgAvatars: o,
                onSelected: i,
                title: (0, p.we)("#Profile_Edit_YourGameAvatars"),
              }),
              o.length < 20 &&
                d.createElement(Be, {
                  rgAvatars: t.GetOtherGameAvatars(),
                  onSelected: i,
                  title: (0, p.we)("#Profile_Edit_MoreGameAvatars"),
                }),
            );
          },
        ),
        Ie = ({ rgAnimatedAvatars: e, onSelected: t }) =>
          e.length
            ? d.createElement(
                "div",
                { className: (0, u.A)(fe.CollectionGroup, fe.Primary) },
                d.createElement(
                  "div",
                  { className: fe.Title },
                  (0, p.we)("#Profile_Edit_PurchasedFromRewardsStore"),
                ),
                d.createElement(
                  "div",
                  { className: fe.CollectionGroupAvatars },
                  e.map((e) =>
                    d.createElement(Ae, {
                      key: e.communityitemid,
                      avatar: e,
                      onSelected: t,
                    }),
                  ),
                ),
              )
            : null,
        we = (0, c.PA)(({ rgAvatars: e, onSelected: t }) =>
          e.length
            ? d.createElement(
                "div",
                { className: (0, u.A)(fe.CollectionGroup, fe.Primary) },
                d.createElement(
                  "div",
                  { className: fe.Title },
                  (0, p.we)("#Profile_Edit_YourPreviousAvatars"),
                ),
                d.createElement(
                  "div",
                  { className: fe.CollectionGroupAvatars },
                  e.map((e) =>
                    d.createElement(ye, {
                      key: e.avatar_hash,
                      hash: e.avatar_hash,
                      onSelected: t,
                    }),
                  ),
                ),
              )
            : null,
        ),
        Be = ({ rgAvatars: e, onSelected: t, title: a }) =>
          e.length
            ? d.createElement(
                "div",
                { className: (0, u.A)(fe.CollectionGroup, fe.Primary) },
                d.createElement("div", { className: fe.Title }, a),
                e.map((e) =>
                  d.createElement(Ge, { key: e.appid, game: e, onSelected: t }),
                ),
              )
            : null,
        Ge = ({ game: e, onSelected: t }) =>
          d.createElement(
            "div",
            { className: fe.CollectionGroup },
            d.createElement("div", { className: fe.Title }, e.name),
            d.createElement(
              "div",
              { className: fe.CollectionGroupAvatars },
              e.avatars.map((e) =>
                d.createElement(ye, {
                  key: e.avatar_hash,
                  hash: e.avatar_hash,
                  onSelected: t,
                }),
              ),
            ),
          );
      var Ne = a(84811);
      class be extends d.Component {
        constructor() {
          super(...arguments), (this.state = { bReady: !1 });
        }
        async componentDidMount() {
          (this.m_rgFrames =
            await this.props.ProfileItems.GetOwnedAvatarFrames()),
            this.setState({ bReady: !0 });
        }
        SelectFrame(e) {
          this.props.ProfileItems.SetEquippedAvatarFrame(e),
            this.props.fnOnCollapse();
        }
        render() {
          if (!this.state.bReady) return !1;
          const {
            bExpanded: e,
            ProfileItems: t,
            fnOnExpand: a,
            fnOnCollapse: r,
          } = this.props;
          if (e)
            return d.createElement(
              "div",
              { className: fe.AvatarCollection },
              d.createElement(
                Ce,
                null,
                (0, p.we)("#Profile_Edit_Avatar_YourFrames"),
              ),
              d.createElement(
                Ne.tH,
                null,
                d.createElement(Re, {
                  rgFrames: this.m_rgFrames,
                  ProfileItems: t,
                  onSelected: this.SelectFrame,
                }),
              ),
            );
          {
            let e = this.m_rgFrames.slice(0, 2),
              r = this.m_rgFrames.length > 2;
            return d.createElement(
              "div",
              { className: fe.AvatarCollection },
              d.createElement(
                Ce,
                null,
                (0, p.we)("#Profile_Edit_Avatar_YourFrames"),
              ),
              d.createElement(
                "div",
                { className: fe.AvatarCollectionSingleRowWrapper },
                d.createElement(
                  "div",
                  {
                    className: (0, u.A)(
                      fe.AvatarCollectionSingleRow,
                      fe.ThreeColumns,
                    ),
                  },
                  d.createElement(ke, {
                    onSelected: this.SelectFrame,
                    large: !0,
                    ProfileItems: t,
                  }),
                  d.createElement("div", { className: fe.AvatarRowSpacer }),
                  d.createElement(
                    Ne.tH,
                    null,
                    e.map((e) =>
                      d.createElement(
                        d.Fragment,
                        { key: e.communityitemid },
                        d.createElement(Le, {
                          frame: e,
                          onSelected: this.SelectFrame,
                          large: !0,
                        }),
                        d.createElement("div", {
                          className: fe.AvatarRowSpacer,
                        }),
                      ),
                    ),
                  ),
                ),
              ),
              r &&
                d.createElement(
                  "div",
                  { className: fe.ExpandButtonContainer },
                  d.createElement(
                    _e.$n,
                    { onClick: a },
                    (0, p.we)("#Profile_Edit_Avatar_SeeAll"),
                  ),
                ),
            );
          }
        }
      }
      (0, i.Cg)([ge.oI], be.prototype, "SelectFrame", null);
      class Le extends d.Component {
        constructor() {
          super(...arguments), (this.state = { bHovered: !1 });
        }
        OnMouseEnter() {
          this.setState({ bHovered: !0 });
        }
        OnMouseLeave() {
          this.setState({ bHovered: !1 });
        }
        onSelected() {
          this.props.onSelected(this.props.frame);
        }
        render() {
          const { frame: e, large: t } = this.props,
            { bHovered: a } = this.state;
          return d.createElement(
            "div",
            {
              className: (0, u.A)(fe.FramePreview, t && fe.Large),
              onMouseEnter: this.OnMouseEnter,
              onMouseLeave: this.OnMouseLeave,
              onClick: this.onSelected,
            },
            d.createElement("img", { src: a || ze ? j(e) : J(e) }),
          );
        }
      }
      (0, i.Cg)([ge.oI], Le.prototype, "OnMouseEnter", null),
        (0, i.Cg)([ge.oI], Le.prototype, "OnMouseLeave", null),
        (0, i.Cg)([ge.oI], Le.prototype, "onSelected", null);
      const ke = (0, c.PA)(({ onSelected: e, ProfileItems: t, large: a }) => {
          let r = t.GetProfileModifierAvatarFrameURL();
          return r
            ? d.createElement(
                "div",
                {
                  className: (0, u.A)(fe.FramePreview, a && fe.Large),
                  onClick: () => e(null),
                },
                d.createElement("img", { src: r }),
              )
            : d.createElement(
                "div",
                {
                  className: (0, u.A)(
                    fe.FramePreview,
                    a && fe.Large,
                    fe.DefaultAvatarFramePreview,
                  ),
                  onClick: () => e(null),
                },
                d.createElement(
                  "div",
                  { className: fe.DefaultAvatarFrame },
                  d.createElement("div", {
                    className: fe.DefaultAvatarFrameContent,
                  }),
                ),
              );
        }),
        Re = ({ rgFrames: e, ProfileItems: t, onSelected: a }) =>
          d.createElement(
            "div",
            { className: (0, u.A)(fe.CollectionGroup, fe.Primary) },
            d.createElement(
              "div",
              { className: fe.Title },
              (0, p.we)("#Profile_Edit_PurchasedFromRewardsStore"),
            ),
            d.createElement(
              "div",
              { className: fe.CollectionGroupAvatars },
              d.createElement(ke, { onSelected: a, ProfileItems: t }),
              e.map((e) =>
                d.createElement(Le, {
                  key: e.communityitemid,
                  frame: e,
                  onSelected: a,
                }),
              ),
            ),
          );
      var Te = a(31270),
        Me = (a(9154), a(91675));
      const Fe = ({ title: e, className: t, children: a }) =>
          d.createElement(
            "div",
            { className: (0, u.A)(Te.ProfileBox, t) },
            d.createElement("div", { className: Te.ProfileBoxTitle }, e),
            d.createElement(
              "div",
              { className: Te.ProfileBoxContent },
              d.createElement(Ne.tH, null, a),
            ),
          ),
        De = ({ onSave: e, onCancel: t, disabled: a }) =>
          d.createElement(
            "div",
            { className: Te.SaveCancelButtons },
            d.createElement(
              _e.jn,
              { onClick: e, disabled: a },
              (0, p.we)("#Button_Save"),
            ),
            d.createElement(_e.$n, { onClick: t }, (0, p.we)("#Button_Cancel")),
          );
      function He(e) {
        return (0, p.we)(e).replace(/%s/g, "");
      }
      class Oe extends d.Component {
        constructor() {
          super(...arguments),
            (this.state = { activeItem: void 0, bSaving: !1 });
        }
        static getDerivedStateFromProps(e, t) {
          return {
            activeItem: void 0 !== t.activeItem ? t.activeItem : e.ActiveItem,
          };
        }
        async CommitChanges() {
          this.setState({ bSaving: !0 });
          await this.props.fnCommitChanges(this.state.activeItem);
          this.setState({ bSaving: !1 });
        }
        async RevertChanges() {
          this.setState({ activeItem: this.props.ActiveItem }),
            this.props.fnRevertChanges();
        }
        OnItemSelected(e) {
          this.setState({ activeItem: e });
        }
        render() {
          const {
              strDialogTitle: e,
              ActiveItem: t,
              className: a,
              fnRenderPreview: r,
              ...i
            } = this.props,
            { activeItem: s, bSaving: n } = this.state;
          return d.createElement(
            _e.nB,
            { className: (0, u.A)(Te.PickerPreviewDialog, a) },
            d.createElement(de.XG, {
              when: !i.fnIsSameItem(s, this.props.ActiveItem),
              message: (0, p.we)("#Profile_Edit_UnsavedChangesWarning"),
            }),
            d.createElement(
              "div",
              { className: Te.PickerPreviewBody },
              d.createElement(
                "div",
                { className: Te.PickerPreview },
                d.createElement(Ne.tH, null, r(s)),
              ),
              e && d.createElement(_e.Y9, null, e),
              d.createElement(
                "div",
                { className: Te.PickerPreviewItems },
                d.createElement(
                  Ne.tH,
                  null,
                  d.createElement(xe, {
                    ...i,
                    onItemSelected: this.OnItemSelected,
                    activeItem: s,
                  }),
                ),
              ),
              d.createElement(De, {
                onSave: this.CommitChanges,
                onCancel: this.RevertChanges,
                disabled: n,
              }),
            ),
          );
        }
      }
      function Ue(e) {
        return e ? e.toLocaleLowerCase().replace(/\W/g, "") : "";
      }
      (0, i.Cg)([ge.oI], Oe.prototype, "CommitChanges", null),
        (0, i.Cg)([ge.oI], Oe.prototype, "RevertChanges", null),
        (0, i.Cg)([ge.oI], Oe.prototype, "OnItemSelected", null);
      class xe extends d.Component {
        constructor() {
          super(...arguments),
            (this.state = { strSearch: "" }),
            (this.m_rgSearchableItems = null),
            (this.m_refRootDiv = d.createRef());
        }
        async componentDidMount() {
          if (null === this.m_rgSearchableItems) {
            const {
                getItems: e,
                getSearchFields: t,
                onItemSelected: a,
              } = this.props,
              r = await e();
            this.m_fnSearchFieldsDisposer = (0, o.fm)(() => {
              (this.m_rgSearchableItems = r.map((e, r) => ({
                key: "" + r,
                normalized_search_strings: t && t(e).map(Ue),
                OnSelected: () => {
                  a(e);
                },
                item: e,
              }))),
                this.props.RenderDefaultComponent &&
                  this.m_rgSearchableItems.unshift({
                    key: "default",
                    normalized_search_strings: [""],
                    OnSelected: () => {
                      a(null);
                    },
                    item: null,
                  }),
                this.forceUpdate();
            });
          }
        }
        componentWillUnmount() {
          this.m_fnSearchFieldsDisposer && this.m_fnSearchFieldsDisposer();
        }
        BuildFilterPredicate() {
          const { strSearch: e } = this.state;
          if (e && e.trim().length) {
            let t = e
              .toLocaleLowerCase()
              .split(/\W/)
              .filter((e) => e.trim().length > 0);
            return (e) => {
              for (let a of t) {
                let t = !1;
                for (let r of e.normalized_search_strings)
                  if (r.includes(a)) {
                    t = !0;
                    break;
                  }
                if (!t) return !1;
              }
              return !0;
            };
          }
          return null;
        }
        OnSearchChange(e) {
          let t = e.currentTarget.value;
          this.setState((e) => {
            let a = { strSearch: t };
            if (!e.strSearch && t) {
              let e = this.m_refRootDiv.current.getBoundingClientRect();
              (a.nHeight = e.height), (a.nWidth = e.width);
            } else e.strSearch && !t && ((a.nHeight = null), (a.nWidth = null));
            return a;
          });
        }
        render() {
          const {
              ItemComponent: e,
              RenderDefaultComponent: t,
              getSearchFields: a,
              activeItem: r,
              fnIsSameItem: i,
              classNameItemPicker: s,
            } = this.props,
            { strSearch: n, nWidth: o, nHeight: l } = this.state;
          if (null === this.m_rgSearchableItems) return null;
          let m = this.BuildFilterPredicate(),
            c = {};
          o && l && (c = { width: o + "px", height: l + "px" });
          let h =
            i ||
            function (e, t) {
              return e == t;
            };
          return d.createElement(
            "div",
            {
              className: (0, u.A)(Te.ItemPicker, s),
              ref: this.m_refRootDiv,
              style: c,
            },
            a &&
              d.createElement(
                "div",
                { className: Te.ItemPickeFilter },
                d.createElement(_e.pd, {
                  value: n,
                  label: (0, p.we)("#ItemPicker_Filter"),
                  autoFocus: !0,
                  onChange: this.OnSearchChange,
                }),
              ),
            d.createElement(
              "div",
              { className: Te.ItemPickerCtn },
              d.createElement(
                "div",
                { className: Te.ItemPickerList },
                this.m_rgSearchableItems.map((a) =>
                  m && !m(a)
                    ? null
                    : a.item
                      ? d.createElement(
                          Ne.tH,
                          { key: a.key },
                          d.createElement(e, {
                            Item: a.item,
                            onSelected: a.OnSelected,
                            active: r && h(a.item, r),
                          }),
                        )
                      : d.createElement(
                          Ne.tH,
                          { key: a.key },
                          t({ onSelected: a.OnSelected, active: !r }),
                        ),
                ),
              ),
            ),
          );
        }
      }
      (0, i.Cg)([ge.oI], xe.prototype, "OnSearchChange", null);
      const qe = ({ strHTMLError: e }) =>
          e
            ? d.createElement(
                "div",
                { className: Te.HTMLErrorBox },
                d.createElement(
                  "b",
                  null,
                  (0, p.we)("#Error_Generic_Label"),
                  " ",
                ),
                d.createElement("span", {
                  className: Te.HTMLError,
                  dangerouslySetInnerHTML: { __html: e },
                }),
              )
            : null,
        Qe = ({
          strCooldownLabel: e,
          rtCooldownEnd: t,
          strCooldownDescHTML: a,
          children: r,
        }) => {
          if (!t) return d.createElement(d.Fragment, null, r);
          const i = Math.max(0, t - Date.now() / 1e3);
          return d.createElement(
            "div",
            { className: Te.CooldownNotice },
            d.createElement(
              "div",
              { className: Te.HTMLErrorBox },
              d.createElement(
                "div",
                { className: Te.ErrorMessage },
                e,
                " ",
                (0, p.Hq)(i, { eSuffix: Me.a8.None, bForceSingleUnits: !0 }),
                " ",
              ),
              d.createElement("div", {
                dangerouslySetInnerHTML: { __html: a },
              }),
            ),
            d.createElement("div", { className: Te.DisabledInputCtn }, r),
          );
        },
        We = d.lazy(() =>
          Promise.all([a.e(4922), a.e(5278)]).then(a.bind(a, 66884)),
        ),
        ze = !0;
      let Ke = class extends d.Component {
        render() {
          return d.createElement(Ye, { ...this.props });
        }
      };
      Ke = (0, i.Cg)([c.PA], Ke);
      const Xe = Ke;
      class Ve extends d.Component {
        componentDidMount() {
          document
            .querySelector(".profile_small_header_avatar")
            .classList.add(ve.HideDefaultAvatar),
            (this.m_disposer = (0, o.fm)(() => {
              const { Profile: e, ProfileItems: t } = this.props,
                a = Je(
                  e.GetCommittedAvatarHash(),
                  t.GetCommittedEquippedAvatar(),
                  "small",
                  { disableAnimation: !0 },
                );
              document
                .querySelectorAll(".user_avatar > img")
                .forEach((e) => (e.src = a));
            }));
        }
        componentWillUnmount() {
          document
            .querySelector(".profile_small_header_avatar")
            .classList.remove(ve.HideDefaultAvatar),
            this.m_disposer();
        }
        render() {
          const { Profile: e, ProfileItems: t } = this.props;
          return pe.createPortal(
            d.createElement(tt, { Profile: e, ProfileItems: t }),
            document.querySelector(".profile_small_header_avatar"),
          );
        }
      }
      class Ye extends d.Component {
        constructor() {
          super(...arguments),
            (this.state = {
              uploadImage: null,
              strUploadError: "",
              bAvatarCollectionExpanded: !1,
              bFrameCollectionExpanded: !1,
              bSaving: !1,
              bHTMLError: !1,
            }),
            (this.cropRef = d.createRef());
        }
        OnUploadSelected(e) {
          this.setState({
            uploadImage: e,
            bAvatarCollectionExpanded: !1,
            bFrameCollectionExpanded: !1,
          });
        }
        OnShowAllAvatarsClicked() {
          this.setState({
            bAvatarCollectionExpanded: !0,
            bFrameCollectionExpanded: !1,
          });
        }
        OnShowAllFramesClicked() {
          this.setState({
            bAvatarCollectionExpanded: !1,
            bFrameCollectionExpanded: !0,
          });
        }
        Reset() {
          (this.cropRef = d.createRef()),
            this.setState({
              uploadImage: null,
              strUploadError: "",
              bAvatarCollectionExpanded: !1,
              bFrameCollectionExpanded: !1,
              bHTMLError: !1,
            });
        }
        RevertChanges() {
          this.props.ProfileItems.RevertAvatarChanges(),
            this.props.Profile.RevertToComittedAvatarHash(),
            this.Reset();
        }
        async OnSave() {
          this.setState({ bSaving: !0 }),
            this.state.uploadImage
              ? await this.SaveUpload()
              : await this.CommitChanges(),
            this.setState({ bSaving: !1 }),
            this.props.Profile.NotifyRNMobileAppStateChanged();
        }
        async SaveUpload() {
          var e;
          const { Profile: t, ProfileItems: a, AvatarHistory: r } = this.props,
            i = await t.UploadAvatar(
              await (null === (e = this.cropRef.current) || void 0 === e
                ? void 0
                : e.getBlob()),
            );
          i.bSuccess
            ? (this.setState({ uploadImage: null, strUploadError: "" }),
              (this.cropRef = d.createRef()),
              a.SetEquippedAvatar(null, !0),
              r.RefreshAvatarHistory(),
              this.setState({
                bHTMLError: 1 !== (await a.CommitAvatarChanges()),
              }))
            : this.setState({ strUploadError: i.strError });
        }
        async CommitChanges() {
          const {
              Profile: e,
              ProfileItems: t,
              OGGAvatars: a,
              AvatarHistory: r,
            } = this.props,
            [i, s, n] = await Promise.all([
              t.CommitAvatarChanges(),
              e.BHasUncomittedAvatarChanges()
                ? a.SetPlayerOGGAvatar(e)
                : Promise.resolve(1),
              e.BHasUncomittedAvatarChanges()
                ? r.SetPreviousAvatar(e)
                : Promise.resolve(1),
            ]);
          this.setState({ bHTMLError: 1 !== i || (1 !== s && 1 !== n) }),
            r.RefreshAvatarHistory();
        }
        componentWillUnmount() {
          this.RevertChanges();
        }
        render() {
          const {
              Profile: e,
              ProfileItems: t,
              OGGAvatars: a,
              AvatarHistory: r,
            } = this.props,
            {
              uploadImage: i,
              bAvatarCollectionExpanded: s,
              bFrameCollectionExpanded: n,
              bSaving: o,
            } = this.state,
            l = {
              Profile: e,
              ProfileItems: t,
              OGGAvatars: a,
              AvatarHistory: r,
              fnOnCollapse: this.Reset,
            };
          return d.createElement(
            _e.nB,
            { className: ve.AvatarDialog },
            d.createElement(de.XG, {
              when: t.BIsAvatarUncomitted(),
              message: (0, p.we)("#Profile_Edit_UnsavedChangesWarning"),
            }),
            d.createElement(
              "div",
              { className: ve.AvatarDialogBody },
              d.createElement(_e.Y9, null, (0, p.we)("#Profile_FieldAvatar")),
              d.createElement(
                _e.a3,
                null,
                (0, p.we)("#Profile_Edit_Avatar_Instructions"),
              ),
              d.createElement(qe, {
                strHTMLError: this.state.bHTMLError
                  ? (0, p.we)("#ConnectionTrouble_FailedToConnect")
                  : "",
              }),
              d.createElement(
                je,
                { Profile: e },
                d.createElement(
                  "div",
                  { className: ve.AvatarDialogTop },
                  d.createElement(Ze, { Profile: e, ProfileItems: t }),
                  d.createElement(
                    "div",
                    { className: ve.AvatarDialogUploadArea },
                    d.createElement(et, {
                      OnAvatarSelected: this.OnUploadSelected,
                      disabled: this.state.bSaving,
                      strError: this.state.strUploadError,
                    }),
                    d.createElement(
                      "div",
                      null,
                      (0, p.we)("#Profile_Edit_Avatar_UploadInstructions"),
                    ),
                  ),
                ),
                i &&
                  d.createElement(
                    d.Suspense,
                    { fallback: null },
                    d.createElement(We, { imageData: i, ref: this.cropRef }),
                  ),
                !i &&
                  !n &&
                  d.createElement(Ee, {
                    ...l,
                    bExpanded: s,
                    fnOnExpand: this.OnShowAllAvatarsClicked,
                  }),
                !i &&
                  !s &&
                  d.createElement(be, {
                    ...l,
                    bExpanded: n,
                    fnOnExpand: this.OnShowAllFramesClicked,
                  }),
              ),
            ),
            d.createElement(De, {
              onSave: this.OnSave,
              onCancel: this.RevertChanges,
              disabled: o || e.BIsAvatarChangeOnCooldown(),
            }),
          );
        }
      }
      (0, i.Cg)([ge.oI], Ye.prototype, "OnUploadSelected", null),
        (0, i.Cg)([ge.oI], Ye.prototype, "OnShowAllAvatarsClicked", null),
        (0, i.Cg)([ge.oI], Ye.prototype, "OnShowAllFramesClicked", null),
        (0, i.Cg)([ge.oI], Ye.prototype, "Reset", null),
        (0, i.Cg)([ge.oI], Ye.prototype, "RevertChanges", null),
        (0, i.Cg)([ge.oI], Ye.prototype, "OnSave", null),
        (0, i.Cg)([ge.oI], Ye.prototype, "SaveUpload", null),
        (0, i.Cg)([ge.oI], Ye.prototype, "CommitChanges", null);
      const je = ({ Profile: e, children: t }) =>
        e.BIsAvatarChangeOnCooldown()
          ? d.createElement(
              Qe,
              {
                rtCooldownEnd: e.GetAvatarChangeCooldownEndRTime(),
                strCooldownLabel: (0, p.we)("#Profile_AvatarUploadingBanned"),
                strCooldownDescHTML: (0, p.we)(
                  "#Profile_AvatarUploadingBanned_Desc",
                  ce.k_strAvatarCooldownSupportURL,
                ),
              },
              t,
            )
          : d.createElement(d.Fragment, null, t);
      function Je(e, t, a, r) {
        return t
          ? (null == r ? void 0 : r.disableAnimation)
            ? J(t)
            : j(t)
          : (0, se.t)(e || se.d, a);
      }
      const Ze = (0, c.PA)(({ Profile: e, ProfileItems: t }) => {
          const a = e.GetAvatarHash(),
            r = t.GetEquippedAvatar(),
            i = t.GetEquippedAvatarFrame();
          let s = !i && t.GetEquippedProfileModifier();
          s && !t.BIsLegacyGoldenProfile(s.appid) && (s = null);
          let n = null;
          return (
            s ? (n = t.GetProfileModifierAvatarFrameURL()) : i && (n = j(i)),
            d.createElement(
              "div",
              { className: ve.AvatarRow },
              d.createElement($e, {
                sizeClassName: ve.Large,
                sizePx: 184,
                avatarURL: Je(a, r, "full"),
                frameURL: n,
                isGolden: !!s,
              }),
              d.createElement($e, {
                sizeClassName: ve.Medium,
                sizePx: 64,
                avatarURL: Je(a, r, "medium"),
                frameURL: n,
                isGolden: !!s,
              }),
              d.createElement($e, {
                sizeClassName: ve.Small,
                sizePx: 32,
                avatarURL: Je(a, r, "small"),
                frameURL: n,
                isGolden: !!s,
              }),
            )
          );
        }),
        $e = ({
          sizeClassName: e,
          sizePx: t,
          avatarURL: a,
          frameURL: r,
          isGolden: i,
        }) =>
          d.createElement(
            "div",
            { className: (0, u.A)(ve.Avatar, e) },
            d.createElement(
              "div",
              { className: ve.AvatarImgCtn },
              d.createElement("div", { className: ve.AvatarCropPreview }),
              r &&
                d.createElement(
                  "div",
                  { className: ve.AvatarFrame },
                  d.createElement("img", { src: r }),
                ),
              i && d.createElement("div", { className: "goldenAvatarOverlay" }),
              d.createElement("img", { src: a }),
            ),
            d.createElement("div", { className: ve.size }, t, "px"),
          );
      function et(e) {
        const { OnAvatarSelected: t, disabled: a, strError: r } = e,
          i = d.useRef(void 0),
          s = d.useCallback(() => {
            var e;
            const a =
              null === (e = i.current) || void 0 === e ? void 0 : e.files;
            (null == a ? void 0 : a.length) > 0 &&
              a[0].type.startsWith("image/") &&
              (t(a[0]), (i.current.value = null));
          }, [t]);
        return d.createElement(
          d.Fragment,
          null,
          d.createElement("input", {
            type: "file",
            accept: "image/*",
            style: { display: "none" },
            ref: i,
            onInput: s,
          }),
          !!r && d.createElement("div", { className: ve.Error }, r),
          d.createElement(
            _e.$n,
            { onClick: () => i.current.click(), disabled: a },
            (0, p.we)("#Profile_UploadAvatar"),
          ),
        );
      }
      const tt = (0, c.PA)(({ Profile: e, ProfileItems: t }) => {
        const a = Je(
            e.GetCommittedAvatarHash(),
            t.GetCommittedEquippedAvatar(),
            "full",
          ),
          r = t.GetCommittedEquippedAvatarFrame();
        let i = null;
        return (
          !r && t.GetCommittedEquippedProfileModifier()
            ? (i = t.GetProfileModifierAvatarFrameURL())
            : r && (i = j(r)),
          d.createElement(
            "div",
            { className: (0, u.A)(ve.Avatar, ve.Medium) },
            d.createElement(
              "div",
              { className: ve.AvatarImgCtn },
              i &&
                d.createElement(
                  "div",
                  { className: ve.AvatarFrame },
                  d.createElement("img", { src: i }),
                ),
              d.createElement("img", { src: a }),
            ),
          )
        );
      });
      var at = a(53418),
        rt = a(61819),
        it = a(26408);
      function st(e) {
        const {
          Profile: { Location: t },
        } = e;
        return d.createElement(
          d.Fragment,
          null,
          d.createElement(ot, { LocationStore: t }),
          d.createElement(lt, { LocationStore: t }),
          d.createElement(mt, { LocationStore: t }),
        );
      }
      async function nt(e, t) {
        const a = await e();
        return [
          { label: (0, p.we)("#Profile_LocationDoNotDisplay"), value: null },
          ...a.map(t).sort((e, t) => e.label.localeCompare(t.label)),
        ];
      }
      const ot = (0, c.PA)((e) => {
          const { LocationStore: t } = e,
            { CountryCode: a } = t,
            [r, i] = d.useState([]),
            [s, n] = d.useState();
          d.useEffect(() => {
            (async () => {
              var e;
              const a = await nt(
                () => t.GetCountryList(),
                (e) => ({ label: e.countryname, value: e.countrycode }),
              );
              i(a),
                n(
                  null !== (e = a.find((e) => e.value == t.CountryCode)) &&
                    void 0 !== e
                    ? e
                    : a.length > 0
                      ? a[0]
                      : void 0,
                );
            })();
          }, [t]);
          const o = d.useCallback(
            (e) => {
              t.SetCountry(e.value, e.value && e.label), n(e);
            },
            [t],
          );
          return d.createElement(
            "div",
            { className: "DialogInputLabelGroup" },
            d.createElement("input", {
              type: "hidden",
              name: "country",
              value: a || "",
            }),
            d.createElement(
              "div",
              { className: "DialogLabel" },
              (0, p.we)("#Profile_FieldCountry"),
              " ",
              d.createElement(it.o, {
                tooltip: He("#Profile_DescriptionLocation"),
              }),
            ),
            d.createElement(rt.Ay, {
              isSearchable: !0,
              className: "react-select-container",
              classNamePrefix: "react-select",
              onChange: o,
              value: s,
              options: r,
              defaultMenuIsOpen: !1,
            }),
          );
        }),
        lt = (0, c.PA)((e) => {
          const { LocationStore: t } = e,
            { StateCode: a } = t,
            [r, i] = d.useState([]),
            [s, n] = d.useState();
          d.useEffect(() => {
            (async () => {
              var e;
              const a = await nt(
                () => t.GetStateList(),
                (e) => ({ label: e.statename, value: e.statecode }),
              );
              i(a),
                n(
                  null !== (e = a.find((e) => e.value == t.StateCode)) &&
                    void 0 !== e
                    ? e
                    : a.length > 0
                      ? a[0]
                      : void 0,
                );
            })();
          }, [t, t.CountryCode]);
          const o = d.useCallback(
            (e) => {
              t.SetState(e.value, e.value && e.label), n(e);
            },
            [t],
          );
          return d.createElement(
            "div",
            { className: "DialogInputLabelGroup" },
            d.createElement("input", {
              type: "hidden",
              name: "state",
              value: a || "",
            }),
            t.BIsStateSelectionAvailable() &&
              d.createElement(
                d.Fragment,
                null,
                d.createElement(
                  "div",
                  { className: "DialogLabel" },
                  (0, p.we)("#Profile_FieldState"),
                ),
                d.createElement(rt.Ay, {
                  isSearchable: !0,
                  className: "react-select-container",
                  classNamePrefix: "react-select",
                  onChange: o,
                  value: s,
                  options: r,
                  defaultMenuIsOpen: !1,
                }),
              ),
          );
        }),
        mt = (0, c.PA)((e) => {
          const { LocationStore: t } = e,
            { CityCode: a } = t,
            [r, i] = d.useState([]),
            [s, n] = d.useState();
          d.useEffect(() => {
            (async () => {
              var e;
              const a = await nt(
                () => t.GetCityList(),
                (e) => ({ label: e.cityname, value: "" + e.cityid }),
              );
              i(a),
                n(
                  null !== (e = a.find((e) => e.value == t.CityCode)) &&
                    void 0 !== e
                    ? e
                    : a.length > 0
                      ? a[0]
                      : void 0,
                );
            })();
          }, [t, t.CountryCode, t.StateCode]);
          const o = d.useCallback(
            (e) => {
              t.SetCity(e.value, e.value && e.label), n(e);
            },
            [t],
          );
          return d.createElement(
            "div",
            { className: "DialogInputLabelGroup" },
            d.createElement("input", {
              type: "hidden",
              name: "city",
              value: a || "",
            }),
            t.BIsCitySelectionAvailable() &&
              d.createElement(
                d.Fragment,
                null,
                d.createElement(
                  "div",
                  { className: "DialogLabel" },
                  (0, p.we)("#Profile_FieldCity"),
                ),
                d.createElement(rt.Ay, {
                  isSearchable: !0,
                  className: "react-select-container",
                  classNamePrefix: "react-select",
                  onChange: o,
                  value: s,
                  options: r,
                  defaultMenuIsOpen: !1,
                }),
              ),
          );
        });
      var ct = a(283),
        dt = a(19838);
      class ht extends d.Component {
        constructor() {
          super(...arguments),
            (this.state = { strSummary: "" }),
            (this.m_refTextInput = d.createRef());
        }
        static getDerivedStateFromProps(e) {
          return { strSummary: e.Profile.GetSummary() };
        }
        OnChange(e) {
          this.SetInputValue(e.currentTarget.value);
        }
        InsertEmoticon(e, t) {
          t || this.m_refTextInput.current.focus(),
            this.InsertAtCursor(`:${e}:`);
        }
        InsertAtCursor(e) {
          let t = this.m_refTextInput.current.textarea,
            a = t.value,
            r = a.substr(0, t.selectionStart) + e + a.substr(t.selectionEnd),
            i = t.selectionStart + e.length;
          this.SetInputValue(r, () => {
            t.selectionStart = t.selectionEnd = i;
          });
        }
        SetInputValue(e, t) {
          this.setState({ strSummary: e }, t), this.props.Profile.SetSummary(e);
        }
        render() {
          const {
              EmoticonStore: e,
              EmoticonHoverStore: t,
              Profile: a,
            } = this.props,
            { strSummary: r } = this.state;
          return d.createElement(
            ut,
            { Profile: a },
            d.createElement(_e.Cl, {
              nMinHeight: 40,
              name: "summary",
              rows: 3,
              cols: 40,
              onChange: this.OnChange,
              className: dt.summaryTextArea,
              value: r,
              ref: this.m_refTextInput,
            }),
            d.createElement(
              "div",
              { className: dt.formattingButtons },
              d.createElement(ct.A, {
                className: dt.formattingButton,
                disabled: !1,
                OnEmoticonSelected: this.InsertEmoticon,
                emoticonHoverStore: t,
                emoticonStore: e,
              }),
            ),
          );
        }
      }
      (0, i.Cg)([ge.oI], ht.prototype, "OnChange", null),
        (0, i.Cg)([ge.oI], ht.prototype, "InsertEmoticon", null);
      const ut = ({ Profile: e, children: t }) =>
        e.BIsProfileSummaryChangeOnCooldown()
          ? d.createElement(
              Qe,
              {
                rtCooldownEnd: e.GetProfileSummaryCooldownEndRTime(),
                strCooldownLabel: (0, p.we)("#Profile_ProfileSummaryCooldown"),
                strCooldownDescHTML: (0, p.we)(
                  "#Profile_ProfileSummaryCooldown_Desc",
                  ce.k_strProfileSummaryCooldownSupportURL,
                ),
              },
              t,
            )
          : d.createElement(d.Fragment, null, t);
      class pt extends d.Component {
        constructor() {
          super(...arguments), (this.state = { bSaving: !1, strHTMLError: "" });
        }
        OnSubmit(e) {
          e.preventDefault(), this.CommitChanges(e.currentTarget);
        }
        async CommitChanges(e) {
          this.setState({ bSaving: !0, strHTMLError: "" });
          let t = await ne("profileSave", new FormData(e));
          t.strRedirectURL
            ? (window.location.href = `${t.strRedirectURL}/info`)
            : (this.props.Profile.SetBasicInfoChangesComitted(),
              t.strHTMLError
                ? this.setState({ strHTMLError: t.strHTMLError })
                : this.setState({ strHTMLError: "" }),
              this.setState({ bSaving: !1 }),
              this.props.Profile.NotifyRNMobileAppStateChanged());
        }
        RevertChanges() {
          const { Profile: e } = this.props;
          e.RevertBasicInfoChanges(), this.setState({ strHTMLError: "" });
        }
        render() {
          const {
              Profile: e,
              EmoticonStore: t,
              EmoticonHoverStore: a,
            } = this.props,
            { bSaving: i, strHTMLError: s } = this.state;
          return d.createElement(
            "form",
            {
              method: "POST",
              action: `${r.s.ProfileURL}edit/info`,
              onSubmit: this.OnSubmit,
            },
            d.createElement("input", {
              type: "hidden",
              name: "sessionID",
              value: A.TS.SESSIONID,
            }),
            d.createElement("input", {
              type: "hidden",
              name: "type",
              value: "profileSave",
            }),
            d.createElement("input", {
              type: "hidden",
              name: "weblink_1_title",
              value: "",
            }),
            d.createElement("input", {
              type: "hidden",
              name: "weblink_1_url",
              value: "",
            }),
            d.createElement("input", {
              type: "hidden",
              name: "weblink_2_title",
              value: "",
            }),
            d.createElement("input", {
              type: "hidden",
              name: "weblink_2_url",
              value: "",
            }),
            d.createElement("input", {
              type: "hidden",
              name: "weblink_3_title",
              value: "",
            }),
            d.createElement("input", {
              type: "hidden",
              name: "weblink_3_url",
              value: "",
            }),
            d.createElement(_e.Y9, null, (0, p.we)("#Profile_About")),
            d.createElement(_e.a3, null, d.createElement(vt, null)),
            d.createElement(qe, { strHTMLError: s }),
            d.createElement(
              Fe,
              { title: (0, p.we)("#Profile_Edit_BasicInfo") },
              d.createElement(_t, { Profile: e }),
              !(0, he.nA)(A.TS.EREALM) && d.createElement(Pt, { Profile: e }),
            ),
            !(0, he.nA)(A.TS.EREALM) &&
              d.createElement(
                Fe,
                { title: (0, p.we)("#Profile_Edit_Location") },
                d.createElement(st, { Profile: e }),
              ),
            !(0, he.nA)(A.TS.EREALM) &&
              d.createElement(
                Fe,
                { title: (0, p.we)("#Profile_FieldSummary") },
                d.createElement(ht, {
                  Profile: e,
                  EmoticonStore: t,
                  EmoticonHoverStore: a,
                }),
              ),
            !(0, he.nA)(A.TS.EREALM) &&
              d.createElement(
                Fe,
                { title: (0, p.we)("#Profile_Edit_Preferences") },
                d.createElement(Ct, { Profile: e }),
              ),
            d.createElement(De, { onCancel: this.RevertChanges, disabled: i }),
          );
        }
      }
      (0, i.Cg)([ge.oI], pt.prototype, "OnSubmit", null),
        (0, i.Cg)([ge.oI], pt.prototype, "RevertChanges", null);
      class vt extends d.Component {
        render() {
          return d.createElement(
            "div",
            { style: { display: "block" } },
            d.createElement(at.f, {
              text: (0, p.we)(
                (0, he.nA)(A.TS.EREALM)
                  ? "#Profile_Edit_About_Instructions_SteamChina"
                  : "#Profile_Edit_About_Instructions",
              ),
            }),
          );
        }
      }
      let _t = class extends d.Component {
        OnPersonaNameChange(e) {
          this.props.Profile.SetPersonaName(e.target.value);
        }
        OnRealNameChange(e) {
          this.props.Profile.SetRealName(e.target.value);
        }
        render() {
          const { Profile: e } = this.props;
          return d.createElement(
            d.Fragment,
            null,
            d.createElement(
              gt,
              { Profile: e },
              d.createElement(_e.pd, {
                label: (0, p.we)("#Profile_FieldProfileName"),
                disabled: e.BIsPersonaNameChangeOnCooldown(),
                name: "personaName",
                value: e.GetPersonaName(),
                onChange: this.OnPersonaNameChange,
              }),
            ),
            !(0, he.nA)(A.TS.EREALM) &&
              d.createElement(
                ft,
                { Profile: e },
                d.createElement(_e.pd, {
                  label: (0, p.we)("#Profile_FieldRealName"),
                  disabled: e.BIsProfileSummaryChangeOnCooldown(),
                  tooltip: He("#Profile_DescriptionRealName"),
                  name: "real_name",
                  value: e.GetRealName(),
                  onChange: this.OnRealNameChange,
                }),
              ),
          );
        }
      };
      (0, i.Cg)([ge.oI], _t.prototype, "OnPersonaNameChange", null),
        (0, i.Cg)([ge.oI], _t.prototype, "OnRealNameChange", null),
        (_t = (0, i.Cg)([c.PA], _t));
      const gt = ({ Profile: e, children: t }) =>
          e.BIsPersonaNameChangeOnCooldown()
            ? d.createElement(
                Qe,
                {
                  rtCooldownEnd: e.GetPersonaNameCooldownEndRTime(),
                  strCooldownLabel: (0, p.we)("#Profile_PersonaNameCooldown"),
                  strCooldownDescHTML: (0, p.we)(
                    "#Profile_PersonaNameCooldown_Desc",
                    ce.k_strPersonaNameCooldownSupportURL,
                  ),
                },
                t,
              )
            : d.createElement(d.Fragment, null, t),
        ft = ({ Profile: e, children: t }) =>
          e.BIsProfileSummaryChangeOnCooldown()
            ? d.createElement(
                Qe,
                {
                  rtCooldownEnd: e.GetProfileSummaryCooldownEndRTime(),
                  strCooldownLabel: (0, p.we)("#Profile_RealNameCooldown"),
                  strCooldownDescHTML: (0, p.we)(
                    "#Profile_RealNameCooldown_Desc",
                    ce.k_strProfileSummaryCooldownSupportURL,
                  ),
                },
                t,
              )
            : d.createElement(d.Fragment, null, t);
      let Pt = class extends d.Component {
        OnProfileURLChange(e) {
          this.props.Profile.SetCustomURL(e.target.value);
        }
        render() {
          const { Profile: e } = this.props;
          return d.createElement(
            d.Fragment,
            null,
            d.createElement(_e.pd, {
              label: (0, p.we)("#Profile_FieldCustomURL"),
              tooltip: He("#Profile_DescriptionCustomURL"),
              name: "customURL",
              value: e.GetCustomURL(),
              onChange: this.OnProfileURLChange,
              description: (0, p.we)(
                "#Profile_ProfileAvailableAtURL",
                e.GetConstructedURL(),
              ),
            }),
          );
        }
      };
      (0, i.Cg)([ge.oI], Pt.prototype, "OnProfileURLChange", null),
        (Pt = (0, i.Cg)([c.PA], Pt));
      let Et = class extends d.Component {
        componentDidMount() {
          this.m_disposer = (0, o.fm)(() => {
            const { Profile: e } = this.props;
            document
              .querySelectorAll(".persona_name_text_content")
              .forEach((t) => (t.textContent = e.GetComittedPersonaName()));
          });
        }
        componentWillUnmount() {
          this.m_disposer();
        }
        render() {
          return null;
        }
      };
      Et = (0, i.Cg)([c.PA], Et);
      let Ct = class extends d.Component {
        OnProfileAwardsCheckboxChecked(e) {
          let { Profile: t } = this.props,
            a = e,
            r = t.GetPreferences();
          (r.hide_profile_awards = a), t.SetPreferences(r);
        }
        render() {
          const { Profile: e } = this.props,
            t = e.GetPreferences();
          return d.createElement(
            "div",
            null,
            d.createElement(_e.Yh, {
              label: (0, p.we)("#Profile_Preferences_HideProfileAwards"),
              checked: t.hide_profile_awards,
              onChange: this.OnProfileAwardsCheckboxChecked,
            }),
            d.createElement("input", {
              type: "hidden",
              name: "hide_profile_awards",
              value: t.hide_profile_awards ? 1 : 0,
            }),
          );
        }
      };
      (0, i.Cg)([ge.oI], Ct.prototype, "OnProfileAwardsCheckboxChecked", null),
        (Ct = (0, i.Cg)([c.PA], Ct));
      var At = a(90713);
      let yt = class extends d.Component {
        constructor() {
          super(...arguments), (this.state = { bSaving: !1, strHTMLError: "" });
        }
        async CommitFavoriteBadge() {
          const e = this.props.Badges;
          this.setState({ bSaving: !0 }),
            1 != (await e.CommitFavoriteBadgeChanges())
              ? this.setState({
                  strHTMLError: (0, p.we)("#ConnectionTrouble_FailedToConnect"),
                })
              : this.setState({ strHTMLError: "" }),
            this.setState({ bSaving: !1 });
        }
        RevertFavoriteBadge() {
          this.props.Badges.RevertFavoriteBadge(),
            this.setState({ strHTMLError: "" });
        }
        componentWillUnmount() {
          this.props.Badges.RevertFavoriteBadge();
        }
        render() {
          const { Badges: e } = this.props,
            { bSaving: t, strHTMLError: a } = this.state;
          let r = e.FavoriteBadge;
          return d.createElement(
            Ne.tH,
            null,
            d.createElement(de.XG, {
              when: e.BFavoriteBadgeUncomitted(),
              message: (0, p.we)("#Profile_Edit_UnsavedChangesWarning"),
            }),
            d.createElement(
              _e.Y9,
              null,
              (0, p.we)("#Profile_Edit_FavoriteBadge"),
            ),
            d.createElement(
              _e.a3,
              null,
              (0, p.we)("#Profile_Edit_Badge_Instructions"),
            ),
            d.createElement(qe, { strHTMLError: a }),
            r && d.createElement(It, { badge: r }),
            !r && d.createElement(wt, { count: e.Badges.length }),
            d.createElement(xe, {
              getSearchFields: Bt,
              getItems: async () => e.Badges,
              onItemSelected: (t) => {
                e.SetFavoriteBadge(t);
              },
              ItemComponent: Gt,
            }),
            d.createElement(De, {
              onSave: this.CommitFavoriteBadge,
              onCancel: this.RevertFavoriteBadge,
              disabled: t,
            }),
          );
        }
      };
      (0, i.Cg)([ge.oI], yt.prototype, "CommitFavoriteBadge", null),
        (0, i.Cg)([ge.oI], yt.prototype, "RevertFavoriteBadge", null),
        (yt = (0, i.Cg)([c.PA], yt));
      const St = yt,
        It = ({ badge: e, children: t }) =>
          d.createElement(
            "div",
            { className: (0, u.A)(At.Badge, At.FavoriteBadge) },
            d.createElement("img", {
              className: At.BadgeImage,
              src: e.GetIconURL(),
            }),
            d.createElement(
              "div",
              { className: At.BadgeDetails },
              d.createElement("div", { className: At.BadgeName }, e.GetName()),
              d.createElement(
                "div",
                { className: At.GameName },
                e.GetGameName(),
              ),
            ),
          ),
        wt = ({ count: e, children: t }) =>
          d.createElement(
            "div",
            { className: (0, u.A)(At.Badge, At.FavoriteBadge) },
            d.createElement("img", {
              className: At.BadgeImage,
              src: `${A.TS.COMMUNITY_CDN_URL}public/images/trans.gif`,
            }),
            d.createElement(
              "div",
              { className: At.BadgeDetails },
              d.createElement(
                "div",
                { className: At.BadgeName },
                "None selected",
              ),
              d.createElement(
                "div",
                { className: At.GameName },
                `${e} badges available`,
              ),
            ),
          ),
        Bt = (e) => [e.GetName(), e.GetGameName()],
        Gt = ({ Item: e, onSelected: t }) => {
          const a = e;
          return d.createElement(
            "div",
            { className: (0, u.A)(At.Badge, At.BadgeOption), onClick: t },
            d.createElement("img", {
              className: At.BadgeImage,
              src: a.GetIconURL(),
              loading: "lazy",
            }),
            d.createElement(
              "div",
              { className: At.BadgeDetails },
              d.createElement("div", { className: At.BadgeName }, a.GetName()),
              d.createElement(
                "div",
                { className: At.GameName },
                a.GetGameName(),
              ),
            ),
          );
        };
      var Nt = a(53841);
      let bt = class extends d.Component {
        constructor() {
          super(...arguments), (this.state = { bSaving: !1, strHTMLError: "" });
        }
        async CommitFavoriteGroup() {
          const e = this.props.Profile.GroupList;
          this.setState({ bSaving: !0 });
          let t = await e.CommitPrimaryGroup();
          t.strHTMLError
            ? this.setState({ strHTMLError: t.strHTMLError })
            : this.setState({ strHTMLError: "" }),
            this.setState({ bSaving: !1 });
        }
        RevertFavoriteGroup() {
          this.props.Profile.GroupList.RevertPrimaryGroupChanges(),
            this.setState({ strHTMLError: "" });
        }
        componentWillUnmount() {
          this.props.Profile.GroupList.RevertPrimaryGroupChanges();
        }
        render() {
          const { Profile: e } = this.props,
            { bSaving: t, strHTMLError: a } = this.state,
            r = e.GroupList,
            i = r.PrimaryGroup;
          return d.createElement(
            d.Fragment,
            null,
            d.createElement(de.XG, {
              when: r.BPrimaryGroupUncomitted(),
              message: (0, p.we)("#Profile_Edit_UnsavedChangesWarning"),
            }),
            d.createElement(
              _e.Y9,
              null,
              (0, p.we)("#Profile_Edit_FavoriteGroup"),
            ),
            d.createElement(
              _e.a3,
              null,
              (0, p.we)("#Profile_Edit_Group_Instructions"),
            ),
            d.createElement(qe, { strHTMLError: a }),
            i && d.createElement(kt, { group: i }),
            d.createElement(xe, {
              getSearchFields: Rt,
              getItems: async () => (
                await r.BWaitForUserGroups(), r.GetUserGroups()
              ),
              onItemSelected: (e) => {
                r.SetPrimaryGroup(e);
              },
              ItemComponent: Tt,
            }),
            d.createElement(De, {
              onSave: this.CommitFavoriteGroup,
              onCancel: this.RevertFavoriteGroup,
              disabled: t,
            }),
          );
        }
      };
      (0, i.Cg)([ge.oI], bt.prototype, "CommitFavoriteGroup", null),
        (0, i.Cg)([ge.oI], bt.prototype, "RevertFavoriteGroup", null),
        (bt = (0, i.Cg)([c.PA], bt));
      const Lt = bt,
        kt = ({ group: e, children: t }) =>
          d.createElement(
            "div",
            { className: (0, u.A)(Nt.Group, Nt.FavoriteGroup) },
            d.createElement("img", {
              className: Nt.GroupAvatar,
              src: e.GetAvatarURL("full"),
            }),
            d.createElement(
              "div",
              { className: Nt.GroupDetails },
              d.createElement("div", { className: Nt.GroupName }, e.GetName()),
            ),
          ),
        Rt = (e) => [e.GetName()],
        Tt = ({ Item: e, onSelected: t }) => {
          const a = e;
          return d.createElement(
            "div",
            { className: (0, u.A)(Nt.Group, Nt.GroupOption), onClick: t },
            d.createElement("img", {
              className: Nt.GroupAvatar,
              src: a.GetAvatarURL("full"),
              loading: "lazy",
            }),
            d.createElement(
              "div",
              { className: Nt.GroupDetails },
              d.createElement("div", { className: Nt.GroupName }, a.GetName()),
            ),
          );
        };
      var Mt = a(30082);
      const Ft = ({ Item: e, small: t }) => {
          let a = $(e, t);
          return 0 == Object.keys(a).length
            ? null
            : d.createElement(
                "video",
                {
                  loop: !0,
                  preload: "none",
                  muted: !0,
                  autoPlay: !0,
                  playsInline: !0,
                },
                Object.keys(a).map((e) =>
                  d.createElement("source", { key: e, src: a[e], type: e }),
                ),
              );
        },
        Dt = ({ Background: e, className: t, small: a }) =>
          e
            ? d.createElement(
                "div",
                { className: t },
                d.createElement(Ft, { Item: e, small: a }),
              )
            : null;
      function Ht(e) {
        e.currentTarget.querySelector("video").play();
      }
      function Ot(e) {
        return [e.item_title, e.app_name];
      }
      function Ut(e, t) {
        return e ? !!t && e.communityitemid === t.communityitemid : !t;
      }
      let xt = class extends d.Component {
        RevertChanges() {
          this.props.ProfileEdit.ProfileItems.RevertMiniProfileBackgroundChanges();
        }
        render() {
          const { ProfileEdit: e } = this.props,
            { Profile: t, ProfileItems: a, MiniProfileOverrideData: r } = e,
            { MiniProfileData: i, PersonaState: s } = t;
          return d.createElement(
            d.Fragment,
            null,
            d.createElement(
              _e.Y9,
              null,
              (0, p.we)("#Profile_Edit_MiniProfile"),
            ),
            d.createElement(
              _e.a3,
              null,
              (0, p.we)("#Profile_Edit_MiniProfile_Instructions"),
            ),
            d.createElement(Qt, {
              ProfileItems: a,
              Profile: t,
              MiniProfileOverrideData: r,
              onDismiss: this.RevertChanges,
            }),
          );
        }
      };
      (0, i.Cg)([ge.oI], xt.prototype, "RevertChanges", null),
        (xt = (0, i.Cg)([c.PA], xt));
      const qt = xt,
        Qt = (0, c.PA)(
          ({
            Profile: e,
            ProfileItems: t,
            MiniProfileOverrideData: a,
            onDismiss: r,
          }) => {
            let i = t.GetEquippedProfileModifier();
            return (
              i && !t.BIsLegacyGoldenProfile(i.appid) && (i = null),
              d.createElement(Oe, {
                fnRevertChanges: r,
                getSearchFields: Ot,
                getItems: () => t.GetOwnedMiniProfileBackgrounds(),
                fnCommitChanges: async (e) => (
                  t.SetEquippedMiniProfileBackground(e),
                  t.CommitMiniProfileChanges()
                ),
                ItemComponent: zt,
                RenderDefaultComponent: ({ onSelected: e, active: t }) =>
                  d.createElement(Kt, {
                    onSelected: e,
                    active: t,
                    Modifier: i,
                  }),
                ActiveItem: t.GetEquippedMiniProfileBackground(),
                fnIsSameItem: Ut,
                fnRenderPreview: (r) =>
                  d.createElement(Wt, {
                    MiniProfileBackground: r,
                    Profile: e,
                    ProfileItems: t,
                    MiniProfileOverrideData: a,
                  }),
              })
            );
          },
        ),
        Wt = ({
          MiniProfileBackground: e,
          MiniProfileOverrideData: t,
          Profile: a,
          ProfileItems: r,
        }) => {
          const { MiniProfileData: i, PersonaState: s } = a;
          let n;
          if (e) {
            n = $(e);
            let t = J(e);
            t && (n.image = t);
          } else {
            n = r.GetProfileModifierMiniProfileBackgroundMovies();
            let e = r.GetProfileModifierMiniProfileBackground();
            e && (n.image = e);
          }
          return d.createElement(
            d.Fragment,
            null,
            d.createElement(
              "div",
              { className: Mt.MiniProfileDialogPreviewCtn },
              d.createElement(b, {
                persona: s,
                className: Mt.MiniProfilePreview,
                data_loader: i,
                community_data_override: { ...t, profile_background: n },
              }),
            ),
          );
        },
        zt = ({ Item: e, onSelected: t, children: a, active: r }) => {
          let i = $(e),
            s = Object.keys(i).length > 0;
          return d.createElement(
            "div",
            {
              className: (0, u.A)(
                Mt.MiniProfileBackgroundOption,
                s && Mt.WithVideo,
                r && Mt.Active,
              ),
              onClick: t,
              onMouseEnter: s ? Ht : void 0,
            },
            d.createElement(
              "div",
              { className: Mt.Preview },
              d.createElement("img", { src: J(e), loading: "lazy" }),
              s &&
                d.createElement(
                  "div",
                  { className: Mt.PreviewVideo },
                  d.createElement(Ft, { Item: e }),
                ),
            ),
            d.createElement(
              "div",
              { className: Mt.Details },
              d.createElement(
                "div",
                null,
                d.createElement("div", { className: Mt.Title }, e.item_title),
                d.createElement("div", { className: Mt.App }, e.app_name),
              ),
              a,
            ),
          );
        },
        Kt = ({ Modifier: e, onSelected: t, children: a, active: r }) =>
          e
            ? d.createElement(zt, { Item: e, onSelected: t, active: r })
            : d.createElement(
                "div",
                {
                  className: (0, u.A)(
                    Mt.MiniProfileBackgroundOption,
                    r && Mt.Active,
                  ),
                  onClick: t,
                },
                d.createElement(
                  "div",
                  { className: (0, u.A)(Mt.Preview, Mt.BlankBackground) },
                  d.createElement("img", {
                    src: `${A.TS.COMMUNITY_CDN_URL}public/images/trans.gif`,
                    loading: "lazy",
                  }),
                ),
                d.createElement(
                  "div",
                  { className: Mt.Details },
                  d.createElement(
                    "div",
                    null,
                    d.createElement(
                      "div",
                      { className: Mt.Title },
                      (0, p.we)("#Profile_Edit_DefaultBlankBackground"),
                    ),
                    d.createElement("div", { className: Mt.App }),
                  ),
                  a,
                ),
              );
      var Xt = a(88997),
        Vt = a(68451),
        Yt = a(65946);
      let jt = class extends d.Component {
        render() {
          let e = this.props.PrivacyStore;
          return d.createElement(
            "div",
            { className: "ProfilePrivacyRoot" },
            d.createElement(
              Jt,
              {
                PrivacyStore: e,
                strLabel: (0, p.we)("#ProfilePrivacy_BasicDetails"),
                strReadOnlySetting: U(3),
              },
              (0, p.we)("#ProfilePrivacy_BasicDetails_Desc"),
            ),
            d.createElement("div", { className: "ProfilePrivacyHR" }),
            d.createElement(
              Jt,
              {
                PrivacyStore: e,
                strLabel: (0, p.we)("#ProfilePrivacy_Profile"),
                PrivacyKey: "PrivacyProfile",
              },
              d.createElement(
                "p",
                null,
                (0, p.we)("#ProfilePrivacy_Profile_Desc"),
              ),
              d.createElement(
                "p",
                null,
                (0, p.we)("#ProfilePrivacy_Profile_Desc2"),
              ),
            ),
            d.createElement(
              "div",
              { className: "ProfilePrivacyRoot_Indent" },
              d.createElement(
                Jt,
                {
                  PrivacyStore: e,
                  strLabel: (0, p.we)("#ProfilePrivacy_GameLibrary"),
                  PrivacyKey: "PrivacyOwnedGames",
                  LimitPrivacyKey: "PrivacyProfile",
                },
                (0, p.we)("#ProfilePrivacy_GameLibrary_Desc"),
                1 != e.GetPrivacySetting("PrivacyOwnedGames") &&
                  d.createElement(
                    aa,
                    {
                      PrivacyStore: e,
                      PrivacyKey: "PrivacyPlaytime",
                      LimitPrivacyKey: "PrivacyOwnedGames",
                    },
                    (0, p.we)("#ProfilePrivacy_Playtime"),
                  ),
              ),
              d.createElement("div", { className: "ProfilePrivacyHR" }),
              d.createElement(
                Jt,
                {
                  PrivacyStore: e,
                  strLabel: (0, p.we)("#ProfilePrivacy_FriendsList"),
                  PrivacyKey: "PrivacyFriendsList",
                  LimitPrivacyKey: "PrivacyProfile",
                },
                (0, p.we)("#ProfilePrivacy_FriendsList_Desc"),
              ),
              d.createElement("div", { className: "ProfilePrivacyHR" }),
              d.createElement(
                Jt,
                {
                  PrivacyStore: e,
                  strLabel: (0, p.we)("#ProfilePrivacy_Inventory"),
                  PrivacyKey: "PrivacyInventory",
                  LimitPrivacyKey: "PrivacyProfile",
                },
                (0, p.PP)(
                  "#ProfilePrivacy_Inventory_Desc",
                  d.createElement(
                    "a",
                    { href: r.s.ProfileURL + "inventory/" },
                    (0, p.we)("#ProfilePrivacy_Inventory_Inventory"),
                  ),
                  d.createElement(
                    "a",
                    { href: r.s.ProfileURL + "inventory/#753_6" },
                    (0, p.we)("#ProfilePrivacy_Inventory_TradingCards"),
                  ),
                ),
                1 != e.GetPrivacySetting("PrivacyInventory") &&
                  d.createElement(
                    aa,
                    {
                      PrivacyStore: e,
                      PrivacyKey: "PrivacyInventoryGifts",
                      LimitPrivacyKey: "PrivacyInventory",
                    },
                    (0, p.we)("#ProfilePrivacy_Gifts"),
                  ),
              ),
              d.createElement("div", { className: "ProfilePrivacyHR" }),
              d.createElement(
                Zt,
                null,
                (0, p.we)("#ProfilePrivacy_Comments"),
                ":",
                d.createElement(ra, { PrivacyStore: e }),
              ),
              !(0, he.nA)(A.TS.EREALM) &&
                d.createElement("div", { className: "ProfilePrivacyHR" }),
              !(0, he.nA)(A.TS.EREALM) &&
                d.createElement(
                  Jt,
                  {
                    PrivacyStore: e,
                    strLabel: (0, p.we)("#ProfilePrivacy_UGC"),
                    strReadOnlySetting: (0, p.we)("#Privacy_PerItem"),
                  },
                  (0, p.PP)(
                    "#ProfilePrivacy_UGC_Desc",
                    d.createElement(
                      "a",
                      { href: r.s.ProfileURL + "screenshots/" },
                      (0, p.we)("#ProfilePrivacy_UGC_Desc_Screenshots"),
                    ),
                    d.createElement(
                      "a",
                      { href: r.s.ProfileURL + "myworkshopfiles/" },
                      (0, p.we)("#ProfilePrivacy_UGC_Desc_WorkshopItems"),
                    ),
                  ),
                ),
            ),
          );
        }
      };
      function Jt(e) {
        let t;
        return (
          (t = e.strReadOnlySetting
            ? d.createElement(ia, { strLabel: e.strReadOnlySetting })
            : d.createElement(ea, {
                PrivacyStore: e.PrivacyStore,
                PrivacyKey: e.PrivacyKey,
                LimitPrivacyKey: e.LimitPrivacyKey,
              })),
          d.createElement(
            d.Fragment,
            null,
            d.createElement(Zt, null, e.strLabel, ":", t),
            d.createElement($t, null, e.children),
          )
        );
      }
      function Zt(e) {
        return d.createElement(
          "div",
          { className: "ProfilePrivacyHeader" },
          e.children,
        );
      }
      function $t(e) {
        return d.createElement(
          "div",
          { className: "ProfilePrivacyDesc" },
          e.children,
        );
      }
      jt = (0, i.Cg)([c.PA], jt);
      const ea = (0, c.PA)(function (e) {
        const {
            PrivacyStore: t,
            PrivacyKey: a,
            LimitPrivacyKey: r,
            children: i,
          } = e,
          s = d.useCallback(() => {
            if (r) return t.GetPrivacySetting(r);
          }, [t, r]),
          n = d.useCallback(
            (e) => {
              t.ChangePrivacySetting(a, e);
            },
            [t, a],
          ),
          o = d.useCallback(
            (e) => {
              let r = t.GetPrivacySetting(a);
              (0, Xt.lX)(
                d.createElement(sa, {
                  OnChange: n,
                  eCurrentPrivacy: r,
                  eMinPrivacy: s(),
                }),
                e,
                { bOverlapHorizontal: !0 },
              );
            },
            [t, a, n, s],
          );
        let l = U(t.GetPrivacySetting(a));
        return d.createElement(
          d.Fragment,
          null,
          d.createElement(
            "div",
            { className: "ProfilePrivacyDropDown", onClick: o },
            l,
            d.createElement("img", {
              className: "ProfilePrivacyDropDown_Arrow",
              src:
                A.TS.COMMUNITY_CDN_URL +
                "public/images/skin_1/actionArrowDnWhite.gif",
            }),
          ),
          d.createElement(ta, { eSaveState: t.GetSaveState(a) }),
        );
      });
      function ta(e) {
        switch (e.eSaveState) {
          case 1:
            return d.createElement(
              "div",
              { className: "PrivacySaveNotice Saving" },
              (0, p.we)("#Shared_Saving"),
            );
          case 3:
            return d.createElement(
              "div",
              { className: "PrivacySaveNotice Error" },
              (0, p.we)("#Error_Error"),
            );
          case 2:
            return d.createElement(
              "div",
              { className: "PrivacySaveNotice Saved" },
              (0, p.we)("#Shared_Saved"),
            );
          default:
            return null;
        }
      }
      function aa(e) {
        const {
            PrivacyStore: t,
            PrivacyKey: a,
            LimitPrivacyKey: r,
            children: i,
          } = e,
          s = d.useCallback(
            (e) => {
              let i = e.currentTarget.checked ? 1 : 3;
              t.ChangePrivacySetting(a, i, r);
            },
            [t, a, r],
          );
        let n = 1 == (0, Yt.q3)(() => t.GetPrivacySetting(a));
        return d.createElement(
          "div",
          { className: "ProfilePrivacyCheckbox" },
          d.createElement(
            "label",
            null,
            d.createElement("input", {
              className: "ProfilePrivacyCheckbox_Input",
              type: "checkbox",
              checked: n,
              onChange: s,
            }),
            d.createElement(
              "div",
              { className: "ProfilePrivacyCheckbox_Desc" },
              i,
            ),
          ),
        );
      }
      let ra = class extends d.Component {
        constructor(e) {
          super(e), (this.state = { eSaveState: 0 });
        }
        OnClick(e) {
          let t = this.props.PrivacyStore.CommentPermission;
          (0, Xt.lX)(
            d.createElement(na, {
              OnChange: this.OnSettingChanged,
              eCurrentPermission: t,
              eMinPrivacy:
                this.props.PrivacyStore.GetPrivacySetting("PrivacyProfile"),
            }),
            e,
            { bOverlapHorizontal: !0 },
          );
        }
        OnSettingChanged(e) {
          this.props.PrivacyStore.ChangeCommentPermission(e);
        }
        render() {
          let e = this.props.PrivacyStore.CommentPermission,
            t = this.props.PrivacyStore.GetPrivacySetting("PrivacyProfile"),
            a = (function (e) {
              switch (e) {
                case 0:
                  return (0, p.we)("#Privacy_FriendsOnly");
                case 1:
                  return (0, p.we)("#Privacy_Public");
                case 2:
                  return (0, p.we)("#Privacy_Private");
                default:
                  return "";
              }
            })(((r = e), 1 == (i = t) ? 2 : 2 == i && 1 == r ? 0 : r));
          var r, i;
          return d.createElement(
            d.Fragment,
            null,
            d.createElement(
              "div",
              { className: "ProfilePrivacyDropDown", onClick: this.OnClick },
              a,
              d.createElement("img", {
                className: "ProfilePrivacyDropDown_Arrow",
                src:
                  A.TS.COMMUNITY_CDN_URL +
                  "public/images/skin_1/actionArrowDnWhite.gif",
              }),
            ),
            d.createElement(ta, {
              eSaveState: this.props.PrivacyStore.GetCommentSaveState(),
            }),
          );
        }
      };
      function ia(e) {
        return d.createElement(
          "div",
          { className: "ProfilePrivacyDropDown readonly" },
          e.strLabel,
        );
      }
      (0, i.Cg)([ge.oI], ra.prototype, "OnClick", null),
        (0, i.Cg)([ge.oI], ra.prototype, "OnSettingChanged", null),
        (ra = (0, i.Cg)([c.PA], ra));
      class sa extends d.Component {
        render() {
          let e = this.props.eMinPrivacy;
          return d.createElement(
            Vt.tz,
            null,
            (!e || e >= 3) &&
              d.createElement(
                Vt.kt,
                { onSelected: () => this.props.OnChange(3) },
                (0, p.we)("#Privacy_Public"),
              ),
            (!e || e >= 2) &&
              d.createElement(
                Vt.kt,
                { onSelected: () => this.props.OnChange(2) },
                (0, p.we)("#Privacy_FriendsOnly"),
              ),
            d.createElement(
              Vt.kt,
              { onSelected: () => this.props.OnChange(1) },
              (0, p.we)("#Privacy_Private"),
            ),
          );
        }
      }
      class na extends d.Component {
        render() {
          let e = this.props.eMinPrivacy;
          return d.createElement(
            Vt.tz,
            null,
            (!e || e >= 3) &&
              d.createElement(
                Vt.kt,
                {
                  onSelected: () => this.props.OnChange(1),
                  title: (0, p.we)("#Profile_CommentPermission_Public_Desc"),
                },
                (0, p.we)("#Privacy_Public"),
              ),
            (!e || e >= 2) &&
              d.createElement(
                Vt.kt,
                {
                  onSelected: () => this.props.OnChange(0),
                  title: (0, p.we)(
                    "#Profile_CommentPermission_FriendsOnly_Desc",
                  ),
                },
                (0, p.we)("#Privacy_FriendsOnly"),
              ),
            d.createElement(
              Vt.kt,
              {
                onSelected: () => this.props.OnChange(2),
                title: (0, p.we)("#Profile_CommentPermission_Private_Desc"),
              },
              (0, p.we)("#Privacy_Private"),
            ),
          );
        }
      }
      var oa = a(26075),
        la = a(38945),
        ma = a(19939),
        ca = a(97875);
      const da = ({ className: e, width: t, height: a, theme: r }) => {
          r || (r = "Default"), (r += "Theme");
          const [i, s] = (0, ca.l)(),
            [n, o] = (0, ca.l)();
          return d.createElement(
            "svg",
            {
              width: t || "401",
              height: a || "399",
              viewBox: "0 0 401 399",
              fill: "none",
              xmlns: "http://www.w3.org/2000/svg",
              className: (0, u.A)(e, la.ProfilePreview, ma[r]),
            },
            d.createElement("rect", {
              y: "13",
              width: "401",
              height: "386",
              fill: "#373C42",
            }),
            d.createElement("rect", {
              x: "0.5",
              y: "13.5",
              width: "400",
              height: "385",
              stroke: "black",
              strokeOpacity: "0.5",
            }),
            d.createElement("rect", {
              x: "26",
              y: "33",
              width: "61",
              height: "61",
              rx: "10",
              fill: "#272B30",
            }),
            d.createElement("path", {
              d: "M57.0246 64.052C63.4696 64.052 68.6942 58.8273 68.6942 52.3823C68.6942 45.9373 63.4696 40.7126 57.0246 40.7126C50.5796 40.7126 45.3549 45.9373 45.3549 52.3823C45.3549 58.8273 50.5796 64.052 57.0246 64.052Z",
              fill: "#444A51",
            }),
            d.createElement("path", {
              d: "M77.4319 72.8873C76.6734 68.1167 70.0792 66.5175 65.3744 65.0024C63.1235 66.918 60.2118 68.0792 57.0246 68.0792C53.8374 68.0792 50.9262 66.918 48.6753 65.0024C43.97 66.5175 37.3763 68.1167 36.6172 72.8873C35.2667 81.3728 47.8848 86.2873 57.0246 86.2873C66.1648 86.2873 78.7825 81.3728 77.4319 72.8873Z",
              fill: "#444A51",
            }),
            d.createElement("rect", {
              x: "299",
              y: "50",
              width: "91",
              height: "31.882",
              rx: "3",
              fill: "#272B30",
            }),
            d.createElement("rect", {
              x: "299",
              y: "87",
              width: "44",
              height: "10",
              rx: "3",
              fill: "#272B30",
            }),
            d.createElement("rect", {
              x: "346",
              y: "87",
              width: "44",
              height: "10",
              rx: "3",
              fill: "#272B30",
            }),
            d.createElement("rect", {
              x: "299",
              y: "104.091",
              width: "91",
              height: "240.254",
              rx: "3",
              fill: "#272B30",
            }),
            d.createElement("rect", {
              x: "103",
              y: "57",
              width: "82",
              height: "6",
              rx: "3",
              fill: "#444A51",
            }),
            d.createElement("rect", {
              x: "103",
              y: "67",
              width: "82",
              height: "6",
              rx: "3",
              fill: "#444A51",
            }),
            d.createElement("rect", {
              x: "26",
              y: "117.755",
              width: "260",
              height: "87.6755",
              rx: "3",
              fill: "#272B30",
            }),
            d.createElement("rect", {
              x: "32",
              y: "182.755",
              width: "246",
              height: "17",
              rx: "3",
              fill: "#262B31",
            }),
            d.createElement("rect", {
              x: "37",
              y: "185.755",
              width: "21",
              height: "4",
              rx: "2",
              fill: "#373C42",
            }),
            d.createElement("rect", {
              x: "37",
              y: "192.755",
              width: "12",
              height: "4",
              rx: "2",
              fill: "#373C42",
            }),
            d.createElement("rect", {
              x: "71",
              y: "185.755",
              width: "21",
              height: "4",
              rx: "2",
              fill: "#373C42",
            }),
            d.createElement("rect", {
              x: "71",
              y: "192.755",
              width: "12",
              height: "4",
              rx: "2",
              fill: "#373C42",
            }),
            d.createElement("path", {
              d: "M26 120.755C26 119.098 27.3431 117.755 29 117.755H283C284.657 117.755 286 119.098 286 120.755V131.755H26V120.755Z",
              fill: "#444A51",
            }),
            d.createElement("rect", {
              x: "35",
              y: "120.755",
              width: "37",
              height: "7",
              rx: "3",
              fill: "#373C42",
            }),
            d.createElement("rect", {
              x: "103",
              y: "38.0502",
              width: "57",
              height: "11.3864",
              rx: "3",
              fill: "#4F555C",
            }),
            d.createElement("rect", {
              x: "299",
              y: "32",
              width: "35",
              height: "11",
              rx: "3",
              fill: "#4F555C",
            }),
            d.createElement("rect", {
              x: "26",
              y: "214.54",
              width: "260",
              height: "167.381",
              rx: "3",
              fill: "#272B30",
            }),
            d.createElement("rect", {
              x: "32",
              y: "358.54",
              width: "246",
              height: "17",
              rx: "3",
              fill: "#262B31",
            }),
            d.createElement("rect", {
              x: "37",
              y: "361.54",
              width: "21",
              height: "4",
              rx: "2",
              fill: "#373C42",
            }),
            d.createElement("rect", {
              x: "37",
              y: "368.54",
              width: "12",
              height: "4",
              rx: "2",
              fill: "#373C42",
            }),
            d.createElement("rect", {
              x: "71",
              y: "361.54",
              width: "21",
              height: "4",
              rx: "2",
              fill: "#373C42",
            }),
            d.createElement("rect", {
              x: "71",
              y: "368.54",
              width: "12",
              height: "4",
              rx: "2",
              fill: "#373C42",
            }),
            d.createElement("path", {
              d: "M26 217.54C26 215.883 27.3431 214.54 29 214.54H283C284.657 214.54 286 215.883 286 217.54V228.54H26V217.54Z",
              fill: "#444A51",
            }),
            d.createElement("rect", {
              x: "35",
              y: "217.54",
              width: "37",
              height: "7",
              rx: "3",
              fill: "#373C42",
            }),
            d.createElement("circle", {
              cx: "347.5",
              cy: "37.5",
              r: "8.5",
              stroke: "#4F555C",
              strokeWidth: "2",
            }),
            d.createElement("rect", {
              x: "41",
              y: "144",
              width: "31",
              height: "31",
              rx: "5",
              fill: "#373C42",
            }),
            d.createElement("rect", {
              x: "36",
              y: "241",
              width: "111",
              height: "31",
              rx: "5",
              fill: "#373C42",
            }),
            d.createElement("rect", {
              x: "36",
              y: "283",
              width: "111",
              height: "31",
              rx: "5",
              fill: "#373C42",
            }),
            d.createElement("rect", {
              x: "161",
              y: "241",
              width: "111",
              height: "31",
              rx: "5",
              fill: "#373C42",
            }),
            d.createElement("rect", {
              x: "161",
              y: "283",
              width: "111",
              height: "31",
              rx: "5",
              fill: "#373C42",
            }),
            d.createElement("rect", {
              x: "91",
              y: "144",
              width: "31",
              height: "31",
              rx: "5",
              fill: "#373C42",
            }),
            d.createElement("rect", {
              x: "141",
              y: "144",
              width: "31",
              height: "31",
              rx: "5",
              fill: "#373C42",
            }),
            d.createElement("rect", {
              x: "191",
              y: "144",
              width: "31",
              height: "31",
              rx: "5",
              fill: "#373C42",
            }),
            d.createElement("rect", {
              x: "241",
              y: "144",
              width: "31",
              height: "31",
              rx: "5",
              fill: "#373C42",
            }),
            d.createElement("rect", {
              y: "13",
              width: "401",
              height: "382",
              fill: "var(--gradient-background)",
              fillOpacity: "0.23",
              className: la.ThemeBackground,
            }),
            d.createElement("rect", {
              y: "13",
              width: "401",
              height: "382",
              fill: s,
              className: la.PaintRadial0,
            }),
            d.createElement("rect", {
              y: "13",
              width: "401",
              height: "382",
              fill: o,
              className: la.PaintRadial1,
            }),
            d.createElement(
              "defs",
              null,
              d.createElement(
                "radialGradient",
                {
                  id: i,
                  cx: "0",
                  cy: "0",
                  r: "1",
                  gradientUnits: "userSpaceOnUse",
                  gradientTransform:
                    "translate(11 126) rotate(9.77175) scale(182.65 191.735)",
                },
                d.createElement("stop", { stopColor: "var(--gradient-left)" }),
                d.createElement("stop", {
                  offset: "1",
                  stopColor: "var(--gradient-background-left)",
                  stopOpacity: "0",
                }),
              ),
              d.createElement(
                "radialGradient",
                {
                  id: n,
                  cx: "0",
                  cy: "0",
                  r: "1",
                  gradientUnits: "userSpaceOnUse",
                  gradientTransform:
                    "translate(385 148) rotate(-164.809) scale(312.935 328.499)",
                },
                d.createElement("stop", {
                  offset: "0.348958",
                  stopColor: "var(--gradient-right)",
                }),
                d.createElement("stop", {
                  offset: "1",
                  stopColor: "var(--gradient-background-right)",
                  stopOpacity: "0",
                }),
              ),
            ),
          );
        },
        ha = (0, c.PA)(({ ProfileItems: e, Background: t, theme: a }) => {
          void 0 === t && (t = e.GetEquippedBackground());
          let r = t && t.movie_webm,
            i = t && t.tiled,
            s = t ? J(t) : Z(null);
          const n = t && !i && 1 == e.GetEquippedBackgroundFlags();
          let o = null;
          return (
            i &&
              (o = {
                backgroundImage: `url( ${s} )`,
                backgroundRepeat: "repeat",
                backgroundSize: "125px 125px",
              }),
            d.createElement(
              "div",
              { style: o, className: la.ProfilePagePreviewCtn },
              d.createElement(
                "div",
                { className: la.BackgroundPosition },
                d.createElement(
                  "div",
                  { className: (0, u.A)(la.Background, n && la.FullScreen) },
                  !r && !i && d.createElement("img", { src: s }),
                  r && d.createElement(Dt, { Background: t, className: "" }),
                ),
              ),
              d.createElement(
                "div",
                { className: la.ProfilePreviewPosition },
                d.createElement(
                  "div",
                  { className: la.ProfilePreviewCtn },
                  d.createElement(da, {
                    className: la.ProfilePreview,
                    width: "50%",
                    height: "auto",
                    theme: a,
                  }),
                ),
              ),
            )
          );
        });
      let ua = class extends d.Component {
        constructor() {
          super(...arguments), (this.state = { equipFlags: 0 });
        }
        async componentDidMount() {
          const { ProfileItems: e } = this.props;
          await e.GetEquippedBackground();
        }
        async CommitChanges(e) {
          const { ProfileItems: t } = this.props;
          return t.SetAndEquipProfileBackground(e);
        }
        RevertChanges() {
          const { ProfileItems: e } = this.props;
          e.RevertBackgroundChanges();
        }
        render() {
          const { ProfileItems: e, ProfileTheme: t } = this.props;
          e.GetEquippedBackground();
          let a = e.GetEquippedProfileModifier();
          return (
            a && !e.BIsLegacyGoldenProfile(a.appid) && (a = null),
            d.createElement(
              d.Fragment,
              null,
              d.createElement(
                _e.Y9,
                null,
                (0, p.we)("#Profile_Edit_ChooseBackground"),
              ),
              d.createElement(
                _e.a3,
                null,
                (0, p.we)("#Profile_Edit_Background_Instructions"),
              ),
              d.createElement(Oe, {
                className: oa.BackgroundPickerPage,
                getSearchFields: Ot,
                getItems: () => e.GetOwnedBackgrounds(),
                fnCommitChanges: this.CommitChanges,
                fnRevertChanges: this.RevertChanges,
                ItemComponent: Pa,
                RenderDefaultComponent: ({ onSelected: e, active: t }) =>
                  d.createElement(Ea, {
                    Modifier: a,
                    onSelected: e,
                    active: t,
                  }),
                ActiveItem: e.GetEquippedBackground(),
                fnIsSameItem: Ut,
                fnRenderPreview: (a) =>
                  d.createElement(ga, {
                    Background: a,
                    ProfileItems: e,
                    theme: t.ActiveTheme.theme_id,
                  }),
              }),
            )
          );
        }
      };
      (0, i.Cg)([ge.oI], ua.prototype, "CommitChanges", null),
        (0, i.Cg)([ge.oI], ua.prototype, "RevertChanges", null),
        (ua = (0, i.Cg)([c.PA], ua));
      const pa = ua,
        va = ({ label: e, currentFlag: t, flag: a, onSelect: r }) =>
          d.createElement(
            "div",
            { className: oa.ProfileBackgroundEquipOption },
            d.createElement(_e.Od, {
              checked: t == a,
              disabled: t == a,
              onChange: (e) => {
                e && r(a);
              },
              label: e,
            }),
          );
      let _a = class extends d.Component {
        OnChange(e) {
          this.props.ProfileItems.SetEquippedBackgroundFlags(e);
        }
        render() {
          let { Background: e, ProfileItems: t } = this.props;
          const a = !e || (null == e ? void 0 : e.tiled),
            r = t.GetEquippedBackgroundFlags();
          let i = d.createElement(va, {
              flag: 1,
              currentFlag: r,
              onSelect: this.OnChange,
              label: (0, p.we)("#Profile_Edit_BackgroundEquipFlag_FullScreen"),
            }),
            s = d.createElement(va, {
              flag: 0,
              currentFlag: r,
              onSelect: this.OnChange,
              label: (0, p.we)(
                "#Profile_Edit_BackgroundEquipFlag_OriginalSize",
              ),
            });
          return d.createElement(
            "div",
            {
              className: (0, u.A)(
                oa.ProfileBackgroundEquipOptions,
                a && oa.HideEquipOptions,
              ),
            },
            i,
            s,
          );
        }
      };
      (0, i.Cg)([ge.oI], _a.prototype, "OnChange", null),
        (_a = (0, i.Cg)([c.PA], _a));
      const ga = (0, c.PA)(({ Background: e, ProfileItems: t, theme: a }) =>
          d.createElement(
            "div",
            null,
            d.createElement(ha, {
              Background: e,
              ProfileItems: t,
              key: e && e.communityitemid,
              theme: a,
            }),
            d.createElement(_a, { ProfileItems: t, Background: e }),
          ),
        ),
        fa = ({ Background: e, children: t }) =>
          d.createElement(
            "div",
            { className: oa.Details },
            d.createElement(
              "div",
              null,
              d.createElement(
                "div",
                { className: oa.Title },
                e
                  ? e.item_title
                  : (0, p.we)("#Profile_Edit_DefaultBlankBackground"),
              ),
              d.createElement("div", { className: oa.App }, e && e.app_name),
            ),
            t,
          ),
        Pa = ({ Item: e, onSelected: t, active: a, children: r }) => {
          let i = !!e.movie_webm;
          return d.createElement(
            "div",
            {
              className: (0, u.A)(
                oa.BackgroundOption,
                i && oa.WithVideo,
                a && oa.Active,
              ),
              onClick: t,
              onMouseEnter: i ? Ht : void 0,
            },
            d.createElement(
              "div",
              { className: oa.Preview },
              d.createElement("img", { src: Z(e), loading: "lazy" }),
              d.createElement(Dt, {
                Background: e,
                className: oa.PreviewVideo,
                small: !0,
              }),
            ),
            d.createElement(fa, { Background: e }, r),
          );
        },
        Ea = ({ onSelected: e, Modifier: t, active: a, children: r }) =>
          t
            ? d.createElement(Pa, { Item: t, onSelected: e, active: a })
            : d.createElement(
                "div",
                {
                  className: (0, u.A)(oa.BackgroundOption, a && oa.Active),
                  onClick: e,
                },
                d.createElement(
                  "div",
                  { className: oa.Preview },
                  d.createElement("img", { src: Z(null) }),
                ),
                d.createElement(fa, { Background: null }, r),
              );
      var Ca = a(17083),
        Aa = a(78091);
      class ya extends d.Component {
        render() {
          const {
            root: e,
            currentPath: t,
            linksAvailable: a,
            children: i,
          } = this.props;
          return d.createElement(
            d.Fragment,
            null,
            d.createElement(
              "div",
              { className: Aa.BackToProfileCtn },
              d.createElement(
                "a",
                { href: r.s.ProfileURL },
                (0, p.we)("#Profile_ReturnToYourProfile"),
              ),
            ),
            d.createElement(
              "div",
              { className: Aa.Shell },
              d.createElement(Sa, {
                root: e,
                currentPath: t,
                linksAvailable: a,
              }),
              d.createElement(
                "div",
                { className: Aa.PageContent },
                d.createElement(Ne.tH, null, i),
              ),
            ),
          );
        }
      }
      const Sa = ({ root: e, currentPath: t, linksAvailable: a }) => {
          const r = { root: e, currentPath: t },
            i = ja;
          return d.createElement(
            "div",
            { className: Aa.Navigation },
            d.createElement(
              Ia,
              { ...r, to: i.Info() },
              (0, p.we)("#Profile_Edit_BasicInfo"),
            ),
            d.createElement(
              Ia,
              { ...r, to: i.Avatar() },
              (0, p.we)("#Profile_FieldAvatar"),
            ),
            d.createElement(
              Ia,
              { ...r, to: i.Background() },
              (0, p.we)("#Profile_FieldProfileBackground"),
            ),
            d.createElement(
              Ia,
              { ...r, to: i.MiniProfile() },
              (0, p.we)("#Profile_Edit_MiniProfile"),
            ),
            d.createElement(
              Ia,
              { ...r, to: i.Theme() },
              (0, p.we)("#Profile_Edit_Theme"),
            ),
            d.createElement(
              Ia,
              {
                ...r,
                to: i.ProfileModifier(),
                fnVisible: a.ProfileModifierAvailable,
              },
              (0, p.we)("#Profile_Edit_ProfileModifier"),
            ),
            d.createElement(
              Ia,
              { ...r, to: i.FavoriteBadge(), fnVisible: a.BadgesAvailable },
              (0, p.we)("#Profile_Edit_FavoriteBadge"),
            ),
            d.createElement(
              Ia,
              { ...r, to: i.FavoriteGroup(), fnVisible: a.GroupsAvailable },
              (0, p.we)("#Profile_Edit_FavoriteGroup"),
            ),
            d.createElement(
              Ia,
              { ...r, to: i.Showcases(), fnVisible: a.ShowcasesAvailable },
              (0, p.we)("#Profile_Edit_FeaturedShowcase"),
            ),
            d.createElement("div", { className: Aa.ProfileEditLine }),
            d.createElement(
              Ia,
              { ...r, to: i.Privacy() },
              (0, p.we)("#Profile_EditPrivacySettings"),
            ),
            d.createElement(
              "div",
              { className: Aa.ProfileEditStoreLink },
              d.createElement(
                "a",
                {
                  className: (0, u.A)(Aa.ExternalLink),
                  href: `${A.TS.STORE_BASE_URL}points/`,
                },
                (0, p.we)("#SteamPointsShop"),
              ),
            ),
          );
        },
        Ia = (0, c.PA)(
          ({
            root: e,
            currentPath: t,
            to: a,
            fnVisible: r,
            fnDisabled: i,
            children: s,
          }) => {
            const n = `${e}${a}`,
              o = n == t;
            if (!o && r && !r()) return null;
            const l = i && i(),
              m = !!l;
            let c;
            return (
              l && (c = (e) => e.preventDefault()),
              d.createElement(
                Ca.k2,
                {
                  className: (0, u.A)(
                    Aa.NavLink,
                    o && Aa.Active,
                    m && Aa.Disabled,
                  ),
                  to: n,
                  onClick: c,
                  title: l,
                },
                s,
              )
            );
          },
        );
      var wa = a(49622);
      let Ba = class extends d.Component {
        constructor() {
          super(...arguments), (this.state = { bDialogActive: !1 });
        }
        ShowDialog() {
          this.setState({ bDialogActive: !0 });
        }
        HideDialog() {
          this.setState({ bDialogActive: !1 });
        }
        render() {
          const { ProfileItems: e } = this.props;
          return e.BHasAnyProfileModifiers()
            ? d.createElement(La, {
                active: this.state.bDialogActive,
                ProfileItems: e,
                onDismiss: this.HideDialog,
              })
            : null;
        }
      };
      (0, i.Cg)([ge.oI], Ba.prototype, "ShowDialog", null),
        (0, i.Cg)([ge.oI], Ba.prototype, "HideDialog", null),
        (Ba = (0, i.Cg)([c.PA], Ba));
      const Ga = Ba,
        Na = (0, c.PA)(({ ProfileItems: e }) => {
          let t = e.GetProfileModifierCSSURL();
          return t
            ? d.createElement("link", {
                rel: "stylesheet",
                type: "text/css",
                href: t,
              })
            : null;
        }),
        ba = ({ ProfileModifier: e }) => {
          const t = e
              ? J(e)
              : `${A.TS.COMMUNITY_CDN_URL}public/images/trans.gif`,
            a = e
              ? e.item_title
              : (0, p.we)("#Profile_Edit_DefaultBlankBackground"),
            r = e ? e.app_name : "";
          return d.createElement(
            d.Fragment,
            null,
            d.createElement(
              "div",
              { className: wa.ProfileModifierBody },
              d.createElement("img", {
                className: wa.GoldenProfileItemImage,
                src: t,
              }),
              d.createElement("div", { className: wa.GoldenProfileTitle }, a),
              d.createElement("div", { className: wa.GoldenProfileApp }, r),
            ),
          );
        };
      let La = class extends d.Component {
        OnDismiss() {
          this.props.ProfileItems.RevertProfileModifierChanges(),
            this.props.onDismiss();
        }
        render() {
          const { ProfileItems: e } = this.props;
          return d.createElement(
            d.Fragment,
            null,
            d.createElement(
              _e.Y9,
              null,
              (0, p.we)("#Profile_Edit_ProfileModifier"),
            ),
            d.createElement(
              _e.a3,
              null,
              (0, p.we)("#Profile_Edit_ProfileModifier_Instructions"),
            ),
            d.createElement(Oe, {
              fnRevertChanges: this.OnDismiss,
              getSearchFields: Ot,
              getItems: () => e.GetOwnedProfileModifiers(),
              fnCommitChanges: async (t) => (
                e.SetEquippedProfileModifier(t),
                e.CommitProfileModifierChanges()
              ),
              ItemComponent: ka,
              RenderDefaultComponent: ({ onSelected: e, active: t }) =>
                d.createElement(Ra, { onSelected: e, active: t }),
              ActiveItem: e.GetEquippedProfileModifier(),
              fnIsSameItem: Ut,
              fnRenderPreview: (e) =>
                d.createElement(ba, { ProfileModifier: e }),
            }),
          );
        }
      };
      (0, i.Cg)([ge.oI], La.prototype, "OnDismiss", null),
        (La = (0, i.Cg)([c.PA], La));
      const ka = ({ Item: e, onSelected: t, children: a, active: r }) =>
          d.createElement(
            "div",
            {
              className: (0, u.A)(wa.ProfileModifierOption, r && wa.Active),
              onClick: t,
            },
            d.createElement(
              "div",
              { className: wa.Preview },
              d.createElement("img", { src: J(e), loading: "lazy" }),
            ),
            d.createElement(
              "div",
              { className: wa.Details },
              d.createElement(
                "div",
                null,
                d.createElement("div", { className: wa.Title }, e.item_title),
                d.createElement("div", { className: wa.App }, e.app_name),
              ),
              a,
            ),
          ),
        Ra = ({ onSelected: e, children: t, active: a }) =>
          d.createElement(
            "div",
            {
              className: (0, u.A)(wa.ProfileModifierOption, a && wa.Active),
              onClick: e,
            },
            d.createElement(
              "div",
              { className: (0, u.A)(wa.Preview, wa.BlankBackground) },
              d.createElement("img", {
                src: `${A.TS.COMMUNITY_CDN_URL}public/images/trans.gif`,
                loading: "lazy",
              }),
            ),
            d.createElement(
              "div",
              { className: wa.Details },
              d.createElement(
                "div",
                null,
                d.createElement(
                  "div",
                  { className: wa.Title },
                  (0, p.we)("#ProfileModifier_DisabledTitle"),
                ),
                d.createElement("div", { className: wa.App }),
              ),
              t,
            ),
          );
      var Ta = a(20644);
      let Ma = class extends d.Component {
        constructor() {
          super(...arguments), (this.state = { bSaving: !1, strHTMLError: "" });
        }
        async CommitChanges(e) {
          const { ProfileTheme: t } = this.props;
          this.setState({ bSaving: !0, strHTMLError: "" }),
            t.SetActiveTheme(e.theme_id);
          let a = await t.CommitActiveTheme();
          return (
            1 != a &&
              this.setState({
                strHTMLError: (0, p.we)("#ConnectionTrouble_FailedToConnect"),
              }),
            this.setState({ bSaving: !1 }),
            a
          );
        }
        RevertChanges() {
          const { ProfileTheme: e } = this.props;
          this.setState({ strHTMLError: "" }), e.RevertActiveTheme();
        }
        render() {
          const { ProfileTheme: e, ProfileItems: t } = this.props;
          let a = !!t.GetEquippedProfileModifier();
          return d.createElement(
            d.Fragment,
            null,
            d.createElement(_e.Y9, null, (0, p.we)("#Profile_Edit_Theme")),
            d.createElement(
              _e.a3,
              null,
              (0, p.we)("#Profile_Edit_Theme_Instructions"),
            ),
            d.createElement(qe, { strHTMLError: this.state.strHTMLError }),
            a && d.createElement(xa, null),
            d.createElement(Oe, {
              getSearchFields: null,
              ActiveItem: e.ActiveTheme,
              getItems: async () => e.AvailableThemes,
              fnCommitChanges: this.CommitChanges,
              fnRevertChanges: this.RevertChanges,
              fnRenderPreview: (e) =>
                d.createElement(Ha, { Theme: e, ProfileItems: t }),
              fnIsSameItem: Oa,
              ItemComponent: Ua,
              classNameItemPicker: Ta.ProfileThemePicker,
              className: (0, u.A)(a && Ta.ThemePickerDisabled),
            }),
          );
        }
      };
      (0, i.Cg)([ge.oI], Ma.prototype, "CommitChanges", null),
        (0, i.Cg)([ge.oI], Ma.prototype, "RevertChanges", null),
        (Ma = (0, i.Cg)([c.PA], Ma));
      const Fa = Ma,
        Da = ({ Theme: e, children: t }) => {
          let a;
          return (
            (a =
              "string" == typeof e
                ? e + "Theme"
                : ((null == e ? void 0 : e.theme_id) || "Default") + "Theme"),
            d.createElement("div", { className: ma[a] }, t)
          );
        },
        Ha = (0, c.PA)(({ Theme: e, ProfileItems: t }) =>
          d.createElement(
            "div",
            { className: Ta.ProfileThemePreviewCtn },
            d.createElement(ha, { ProfileItems: t, theme: e.theme_id }),
          ),
        ),
        Oa = (e, t) => (e && e.theme_id) === (t && t.theme_id),
        Ua = ({ Item: e, onSelected: t, active: a, children: r }) => {
          const i = e.theme_id + "Theme",
            s = `ThemeOption${i}`;
          return d.createElement(
            "div",
            {
              className: (0, u.A)(
                Ta.ProfileTheme,
                t && Ta.Option,
                a && Ta.Active,
                ma[i],
              ),
              onClick: t,
            },
            d.createElement(
              "div",
              { className: Ta.PreviewCtn },
              d.createElement(
                "svg",
                {
                  className: (0, u.A)(Ta.Preview),
                  viewBox: "0 0 382 382",
                  width: "100%",
                  height: "100%",
                },
                d.createElement("rect", {
                  width: "382",
                  height: "382",
                  fill: "var(--edit-background)",
                  className: Ta.EditBackground,
                }),
                d.createElement("rect", {
                  width: "382",
                  height: "382",
                  fill: "var(--gradient-background)",
                  fillOpacity: "0.23",
                  className: Ta.ThemeBackground,
                }),
                d.createElement("rect", {
                  width: "382",
                  height: "382",
                  fill: `url(#${s}paint0_radial)`,
                  className: Ta.PaintRadial0,
                }),
                d.createElement("rect", {
                  width: "382",
                  height: "382",
                  fill: `url(#${s}paint1_radial)`,
                  className: Ta.PaintRadial1,
                }),
                d.createElement(
                  "defs",
                  null,
                  d.createElement(
                    "radialGradient",
                    {
                      id: `${s}paint0_radial`,
                      cx: "0",
                      cy: "0",
                      r: "1",
                      gradientUnits: "userSpaceOnUse",
                      gradientTransform:
                        "translate(11 126) rotate(9.77175) scale(182.65 191.735)",
                    },
                    d.createElement("stop", {
                      stopColor: "var(--gradient-left)",
                    }),
                    d.createElement("stop", {
                      offset: "1",
                      stopColor: "var(--gradient-background-left)",
                      stopOpacity: "0",
                    }),
                  ),
                  d.createElement(
                    "radialGradient",
                    {
                      id: `${s}paint1_radial`,
                      cx: "0",
                      cy: "0",
                      r: "1",
                      gradientUnits: "userSpaceOnUse",
                      gradientTransform:
                        "translate(385 148) rotate(-164.809) scale(312.935 328.499)",
                    },
                    d.createElement("stop", {
                      offset: "0.348958",
                      stopColor: "var(--gradient-right)",
                    }),
                    d.createElement("stop", {
                      offset: "1",
                      stopColor: "var(--gradient-background-right)",
                      stopOpacity: "0",
                    }),
                  ),
                ),
              ),
            ),
            d.createElement(
              "div",
              { className: Ta.Details },
              d.createElement("div", { className: Ta.Title }, e.title),
              r,
            ),
          );
        },
        xa = ({ children: e }) =>
          d.createElement(
            "div",
            { className: Ta.ThemesDisabledNotice },
            d.createElement(
              "div",
              { className: Ta.Notice },
              (0, p.we)("#Profile_Edit_GoldenProfileOverridesTheme"),
            ),
          );
      class qa extends d.Component {
        constructor() {
          super(...arguments),
            (this.m_refDiv = d.createRef()),
            (this.state = { bSaving: !1, strHTMLError: "" });
        }
        OnSubmit(e) {
          e.preventDefault(), this.CommitChanges(e.currentTarget);
        }
        async CommitChanges(e) {
          this.setState({ bSaving: !0, strHTMLError: "" });
          let t = await ne("showcases", new FormData(e));
          t.strHTMLError
            ? this.setState({ strHTMLError: t.strHTMLError })
            : this.setState({ strHTMLError: "" }),
            this.setState({ bSaving: !1 });
        }
        RevertChanges() {
          window.location.href = r.s.ProfileURL;
        }
        componentDidMount() {
          this.props.elShowcases &&
            ((this.props.elShowcases.style.display = ""),
            this.m_refDiv.current.appendChild(this.props.elShowcases));
        }
        render() {
          const { bSaving: e, strHTMLError: t } = this.state,
            { ProfileTheme: a } = this.props;
          return d.createElement(
            Da,
            { Theme: a.ActiveTheme },
            d.createElement(
              "form",
              { onSubmit: this.OnSubmit },
              d.createElement(
                _e.Y9,
                null,
                (0, p.we)("#Profile_Edit_FeaturedShowcase"),
              ),
              d.createElement(
                _e.a3,
                null,
                (0, p.oW)(
                  "#Profile_Edit_Showcase_Instructions",
                  d.createElement("a", {
                    href: A.TS.STORE_BASE_URL + "points/",
                  }),
                ),
              ),
              d.createElement(qe, { strHTMLError: t }),
              d.createElement("div", { ref: this.m_refDiv }),
              d.createElement(De, {
                onCancel: this.RevertChanges,
                disabled: e,
              }),
            ),
          );
        }
      }
      let Qa, Wa, za;
      function Ka(e) {
        const [t, a] = d.useState(!1),
          i = (0, ue.TR)();
        if (
          (d.useEffect(() => {
            za ||
              (za = (async function (e) {
                let t = (0, A.Tc)("config", "profile_config");
                t && Object.assign(r.s, t),
                  (Qa = new me(
                    (0, A.Tc)("profile-edit", "profile_edit_config"),
                    (0, A.Tc)("profile-badges", "profile_edit_config"),
                    e,
                  )),
                  (0, he.nA)(A.TS.EREALM) ||
                    Qa.Profile.GroupList.GetUserGroups(),
                  (Wa = document.getElementById("showcases"));
              })(i)),
              za.then(() => a(!0));
          }, [i]),
          d.useLayoutEffect(() => {
            if (t)
              for (let e of [
                "profile_edit_main_content",
                "profile_edit_leftcol",
              ]) {
                let t = document.getElementById(e);
                t && (t.style.visibility = "");
              }
          }, [t]),
          !t)
        )
          return null;
        const s = e.match.url,
          n = Qa,
          {
            Profile: o,
            ProfileItems: l,
            ProfileTheme: m,
            EmoticonStore: c,
            EmoticonHoverStore: h,
          } = n,
          u = ja,
          p = {
            ProfileModifierAvailable: () => l.BHasAnyProfileModifiers(),
            BadgesAvailable: () =>
              !(0, he.nA)(A.TS.EREALM) && n.ProfileBadges.Badges.length > 0,
            GroupsAvailable: () =>
              !(0, he.nA)(A.TS.EREALM) &&
              (!o.GroupList.BGroupsLoaded() || o.GroupList.BHasAnyGroups()),
            ShowcasesAvailable: () => null != Wa,
          };
        return d.createElement(
          d.Fragment,
          null,
          d.createElement(Na, { ProfileItems: l }),
          d.createElement(Et, { Profile: o }),
          d.createElement(Ve, { Profile: o, ProfileItems: l }),
          d.createElement(
            ya,
            { root: s, currentPath: e.location.pathname, linksAvailable: p },
            d.createElement(
              de.dO,
              null,
              d.createElement(
                de.qh,
                { path: `${s}${u.Info()}` },
                d.createElement(pt, {
                  Profile: o,
                  EmoticonStore: c,
                  EmoticonHoverStore: h,
                }),
              ),
              d.createElement(
                de.qh,
                { path: `${s}${u.Avatar()}` },
                d.createElement(Xe, {
                  Profile: o,
                  ProfileItems: l,
                  OGGAvatars: n.OGGAvatarStore,
                  AvatarHistory: n.AvatarHistory,
                }),
              ),
              d.createElement(
                de.qh,
                { path: `${s}${u.Background()}` },
                d.createElement(pa, { ProfileTheme: m, ProfileItems: l }),
              ),
              d.createElement(
                de.qh,
                { path: `${s}${u.MiniProfile()}` },
                d.createElement(qt, { ProfileEdit: n }),
              ),
              d.createElement(
                de.qh,
                { path: `${s}${u.Theme()}` },
                d.createElement(Fa, { ProfileTheme: m, ProfileItems: l }),
              ),
              d.createElement(
                de.qh,
                { path: `${s}${u.ProfileModifier()}` },
                d.createElement(Ga, { ProfileItems: l }),
              ),
              !(0, he.nA)(A.TS.EREALM) &&
                d.createElement(
                  de.qh,
                  { path: `${s}${u.FavoriteBadge()}` },
                  d.createElement(St, { Badges: n.ProfileBadges }),
                ),
              !(0, he.nA)(A.TS.EREALM) &&
                d.createElement(
                  de.qh,
                  { path: `${s}${u.FavoriteGroup()}` },
                  d.createElement(Lt, { Profile: o }),
                ),
              d.createElement(
                de.qh,
                { path: `${s}${u.Privacy()}` },
                d.createElement(jt, { PrivacyStore: n.ProfilePrivacy }),
              ),
              d.createElement(
                de.qh,
                { path: `${s}${u.Showcases()}` },
                d.createElement(qa, { elShowcases: Wa, ProfileTheme: m }),
              ),
              d.createElement(
                de.qh,
                null,
                d.createElement(de.rd, { to: `${s}${u.Info()}` }),
              ),
            ),
          ),
        );
      }
      (0, i.Cg)([ge.oI], qa.prototype, "OnSubmit", null),
        (0, i.Cg)([ge.oI], qa.prototype, "RevertChanges", null);
      var Xa = a(50050),
        Va = a(6813);
      const Ya = {
          ProfileEdit: () => "edit",
          ProfilePrivacy: () => "edit/settings",
          Games: () => "games",
          ItemCollection: () => "itemcollection",
        },
        ja = {
          Info: () => "/info",
          Avatar: () => "/avatar",
          Background: () => "/background",
          MiniProfile: () => "/miniprofile",
          Theme: () => "/theme",
          ProfileModifier: () => "/goldenprofile",
          FavoriteBadge: () => "/favoritebadge",
          FavoriteGroup: () => "/favoritegroup",
          Privacy: () => "/settings",
          Showcases: () => "/showcases",
        };
      function Ja(e) {
        return d.createElement(
          "div",
          null,
          d.createElement(Xa.Ay, { targetType: 3 }),
        );
      }
      function Za(e) {
        const t = e.match.path;
        return d.createElement(
          de.dO,
          null,
          d.createElement(de.qh, {
            path: `${t}/${Ya.ProfileEdit()}`,
            render: (e) => d.createElement(Ka, { ...e }),
          }),
          d.createElement(de.qh, {
            path: `${t}`,
            render: (e) =>
              d.createElement(Va.X, {
                config: {
                  "profile-rewards": () => d.createElement(Ja, { ...e }),
                },
              }),
          }),
        );
      }
    },
    83141: (e, t, a) => {
      "use strict";
      a.d(t, { p: () => m });
      var r = a(34629),
        i = a(90626),
        s = a(75844),
        n = a(52038),
        o = a(56420),
        l = a.n(o);
      let m = class extends i.Component {
        static get hoverClass() {
          return l().hoverParent;
        }
        render() {
          const {
            persona: e,
            animating: t,
            className: a,
            size: r,
            dim: s,
            ...o
          } = this.props;
          let m = "";
          return (
            "medium" == r ? (m = l().Medium) : "large" == r && (m = l().Large),
            i.createElement(
              "div",
              {
                className: (0, n.A)(
                  l().SnoozeContainer,
                  e.online_state,
                  a,
                  t && l().animating,
                  m,
                  s && l().Dim,
                ),
                ...o,
              },
              i.createElement(
                "div",
                { "data-text": "Z", className: (0, n.A)(l().SnoozeZ, l().Z1) },
                "Z",
              ),
              i.createElement(
                "div",
                { "data-text": "Z", className: (0, n.A)(l().SnoozeZ, l().Z2) },
                "Z",
              ),
              i.createElement(
                "div",
                { "data-text": "Z", className: (0, n.A)(l().SnoozeZ, l().Z3) },
                "Z",
              ),
            )
          );
        }
      };
      m = (0, r.Cg)([s.PA], m);
    },
    10622: (e, t, a) => {
      "use strict";
      a.d(t, { Z: () => d, dV: () => m.d, rO: () => c, tp: () => m.t });
      var r = a(34629),
        i = a(14947),
        s = a(31561),
        n = a(51006),
        o = a(61859),
        l = a(78327),
        m = a(85044);
      function c(e) {
        let t = "offline";
        return (
          e &&
            (e.is_ingame
              ? (t = "ingame")
              : e.m_broadcastAccountId
                ? (t = "watchingbroadcast")
                : e.is_online && (t = "online"),
            e.is_awayOrSnooze && (t += " awayOrSnooze")),
          t
        );
      }
      class d {
        constructor(e) {
          (this.m_bInitialized = !1),
            (this.m_ePersonaState = 0),
            (this.m_unGamePlayedAppID = 0),
            (this.m_gameid = "0"),
            (this.m_unPersonaStateFlags = 0),
            (this.m_strPlayerName = ""),
            (this.m_strAvatarHash = m.d),
            (this.m_strAccountName = ""),
            (this.m_rtLastSeenOnline = 0),
            (this.m_strGameExtraInfo = ""),
            (this.m_unGameServerIP = 0),
            (this.m_unGameServerPort = 0),
            (this.m_game_lobby_id = ""),
            (this.m_bPlayerNamePending = !1),
            (this.m_bAvatarPending = !1),
            (this.m_broadcastId = void 0),
            (this.m_broadcastAccountId = void 0),
            (this.m_broadcastAppId = void 0),
            (this.m_broadcastViewerCount = void 0),
            (this.m_strBroadcastTitle = void 0),
            (this.m_bCommunityBanned = void 0),
            (this.m_bOnSteamDeck = !1),
            (this.m_mapRichPresence = i.sH.map()),
            (this.m_bNameInitialized = !1),
            (this.m_bStatusInitialized = !1),
            (this.m_strProfileURL = void 0),
            (0, i.Gn)(this),
            (this.m_steamid = e);
        }
        Reset() {
          (this.m_ePersonaState = 0),
            (this.m_unGamePlayedAppID = 0),
            (this.m_gameid = "0"),
            (this.m_strGameExtraInfo = ""),
            (this.m_unGameServerIP = 0),
            (this.m_unGameServerPort = 0),
            (this.m_game_lobby_id = ""),
            this.m_mapRichPresence.clear(),
            (this.m_broadcastId = void 0),
            (this.m_broadcastAccountId = void 0),
            (this.m_broadcastAppId = void 0),
            (this.m_broadcastViewerCount = void 0),
            (this.m_strBroadcastTitle = void 0),
            (this.m_bOnSteamDeck = !1);
        }
        GetAccountID() {
          return this.m_steamid.GetAccountID();
        }
        get is_online() {
          return 0 != this.m_ePersonaState && 7 != this.m_ePersonaState;
        }
        get is_ingame() {
          return (
            this.is_online &&
            (0 != this.m_unGamePlayedAppID || "0" != this.m_gameid)
          );
        }
        get is_watchingbroadcast() {
          return !!this.m_broadcastAccountId;
        }
        get is_in_nonsteam_game() {
          return 0 == this.m_unGamePlayedAppID && "0" != this.m_gameid;
        }
        get is_in_joinable_game() {
          return (
            this.has_joinable_game_flag ||
            this.is_in_valid_lobby ||
            this.has_server_ip
          );
        }
        get has_joinable_game_flag() {
          var e;
          return (
            0 !=
            (2 &
              (null !== (e = this.m_unPersonaStateFlags) && void 0 !== e
                ? e
                : 0))
          );
        }
        get connect_string() {
          return this.m_mapRichPresence.get("connect");
        }
        get is_in_valid_lobby() {
          return null != this.m_game_lobby_id && "0" != this.m_game_lobby_id;
        }
        get has_server_ip() {
          return 0 != this.m_unGameServerIP;
        }
        get is_awayOrSnooze() {
          return 3 == this.m_ePersonaState || 4 == this.m_ePersonaState;
        }
        HasStateFlag(e) {
          var t;
          return (
            0 !=
            ((null !== (t = this.m_unPersonaStateFlags) && void 0 !== t
              ? t
              : 0) &
              e)
          );
        }
        get last_seen_online() {
          return this.m_rtLastSeenOnline;
        }
        ClearStateOnDisconnect() {
          0 != this.m_ePersonaState && this.Reset();
        }
        get is_golden() {
          return this.HasStateFlag(4);
        }
        IsOnSteamDeck() {
          return this.m_bOnSteamDeck;
        }
        GetCurrentGameName() {
          return this.m_strGameExtraInfo
            ? this.m_strGameExtraInfo
            : this.m_unGamePlayedAppID
              ? n.Vw.GetAppInfo(this.m_unGamePlayedAppID).name
              : "";
        }
        GetCurrentGameIconURL() {
          return this.m_unGamePlayedAppID
            ? n.Vw.GetAppInfo(this.m_unGamePlayedAppID).icon_url
            : "";
        }
        BIsAppInfoReady() {
          return (
            !this.m_unGamePlayedAppID ||
            n.Vw.GetAppInfo(this.m_unGamePlayedAppID).is_initialized
          );
        }
        HasCurrentGameRichPresence() {
          return this.m_mapRichPresence.has("steam_display");
        }
        HasRichPresenceForViewGameInfo() {
          return !!(
            this.m_mapRichPresence.has("status") ||
            this.m_mapRichPresence.has("connect") ||
            this.m_mapRichPresence.has("connect_private")
          );
        }
        GetCurrentGameRichPresence() {
          if (this.HasCurrentGameRichPresence()) {
            let e = n.Vw.GetRichPresenceLoc(this.m_unGamePlayedAppID);
            if (e) {
              let t = this.m_mapRichPresence.get("steam_display");
              return e.Localize(t, this.m_mapRichPresence);
            }
          } else if (this.HasStateFlag(8))
            return (0, o.we)("#PersonaStateRemotePlayTogether");
          return "";
        }
        GetOfflineStatusUpdateRate() {
          if (0 == this.last_seen_online) return 3e4;
          const e = 3600;
          let t = 1e3;
          const a = n.Vw.CMInterface.GetServerRTime32() - this.last_seen_online;
          return (t *= a > 86400 ? e : a > 7200 ? 60 : 15), t;
        }
        GetOfflineStatusTime() {
          if (0 == this.last_seen_online)
            return (0, o.we)("#PersonaStateOffline");
          let e = this.GetOfflineStatusUpdateRate();
          (!l.TS.IN_MOBILE || e <= 60) && (0, s.tB)(e);
          let t = n.Vw.CMInterface.GetServerRTime32() - this.last_seen_online;
          return t < 60
            ? (0, o.we)("#PersonaStateLastSeen_JustNow")
            : (0, o.we)("#PersonaStateLastSeen", (0, o.Hq)(t));
        }
        GetLocalizedOnlineStatus() {
          switch (this.m_ePersonaState) {
            case 0:
            case 7:
              return this.GetOfflineStatusTime();
            case 1:
              return (0, o.we)("#PersonaStateOnline");
            case 2:
              return (0, o.we)("#PersonaStateBusy");
            case 3:
              return (0, o.we)("#PersonaStateAway");
            case 4:
              return (0, o.we)("#PersonaStateSnooze");
            case 5:
              return (0, o.we)("#PersonaStateLookingToTrade");
            case 6:
              return (0, o.we)("#PersonaStateLookingToPlay");
            default:
              return "";
          }
        }
        get has_public_party_beacon() {
          return this.m_mapRichPresence.has("__beacon") && this.is_ingame;
        }
        get player_group() {
          return this.m_mapRichPresence.has("steam_player_group")
            ? this.m_mapRichPresence.get("steam_player_group")
            : "";
        }
        get player_group_size() {
          return this.m_mapRichPresence.has("steam_player_group_size")
            ? Number.parseInt(
                this.m_mapRichPresence.get("steam_player_group_size"),
              )
            : 0;
        }
        get online_state() {
          return this.is_online
            ? this.is_ingame
              ? "in-game"
              : this.m_broadcastAccountId
                ? "watchingbroadcast"
                : "online"
            : "offline";
        }
        BHasAvatarSet() {
          return this.m_strAvatarHash != m.d;
        }
        get avatar_url() {
          return (0, m.t)(this.m_strAvatarHash);
        }
        get avatar_url_medium() {
          return (0, m.t)(this.m_strAvatarHash, "medium");
        }
        get avatar_url_full() {
          return (0, m.t)(this.m_strAvatarHash, "full");
        }
        static SortStatusComparator(e, t, a) {
          if (t.has_public_party_beacon) {
            if (!a.has_public_party_beacon) return -1;
          } else {
            if (a.has_public_party_beacon) return 1;
            if (t.is_ingame) {
              if (!a.is_ingame) return -1;
              if (!e) return 0;
              if (t.is_awayOrSnooze) {
                if (!a.is_awayOrSnooze) return 1;
              } else if (a.is_awayOrSnooze) return -1;
            } else if (a.is_ingame) return 1;
          }
          if (t.is_online) {
            if (!a.is_online) return -1;
          } else if (a.is_online) return 1;
          if (e)
            if (t.is_awayOrSnooze) {
              if (!a.is_awayOrSnooze) return 1;
            } else if (a.is_awayOrSnooze) return -1;
          return 0;
        }
        GetCommunityProfileURL() {
          return this.m_strProfileURL
            ? `${l.TS.COMMUNITY_BASE_URL}id/${this.m_strProfileURL}/`
            : `${l.TS.COMMUNITY_BASE_URL}profiles/${this.m_steamid.ConvertTo64BitString()}/`;
        }
      }
      (0, r.Cg)([i.sH], d.prototype, "m_bInitialized", void 0),
        (0, r.Cg)([i.sH], d.prototype, "m_ePersonaState", void 0),
        (0, r.Cg)([i.sH], d.prototype, "m_unGamePlayedAppID", void 0),
        (0, r.Cg)([i.sH], d.prototype, "m_gameid", void 0),
        (0, r.Cg)([i.sH], d.prototype, "m_unPersonaStateFlags", void 0),
        (0, r.Cg)([i.sH], d.prototype, "m_strPlayerName", void 0),
        (0, r.Cg)([i.sH], d.prototype, "m_strAvatarHash", void 0),
        (0, r.Cg)([i.sH], d.prototype, "m_strAccountName", void 0),
        (0, r.Cg)([i.sH], d.prototype, "m_rtLastSeenOnline", void 0),
        (0, r.Cg)([i.sH], d.prototype, "m_strGameExtraInfo", void 0),
        (0, r.Cg)([i.sH], d.prototype, "m_unGameServerIP", void 0),
        (0, r.Cg)([i.sH], d.prototype, "m_unGameServerPort", void 0),
        (0, r.Cg)([i.sH], d.prototype, "m_game_lobby_id", void 0),
        (0, r.Cg)([i.sH], d.prototype, "m_bPlayerNamePending", void 0),
        (0, r.Cg)([i.sH], d.prototype, "m_bAvatarPending", void 0),
        (0, r.Cg)([i.sH], d.prototype, "m_broadcastId", void 0),
        (0, r.Cg)([i.sH], d.prototype, "m_broadcastAccountId", void 0),
        (0, r.Cg)([i.sH], d.prototype, "m_broadcastAppId", void 0),
        (0, r.Cg)([i.sH], d.prototype, "m_broadcastViewerCount", void 0),
        (0, r.Cg)([i.sH], d.prototype, "m_strBroadcastTitle", void 0),
        (0, r.Cg)([i.sH], d.prototype, "m_bCommunityBanned", void 0),
        (0, r.Cg)([i.sH], d.prototype, "m_bOnSteamDeck", void 0);
    },
    51383: (e, t, a) => {
      "use strict";
      a.d(t, { X: () => h });
      var r = a(90626),
        i = a(75844),
        s = a(61859),
        n = a(10622),
        o = a(52038),
        l = a(12155),
        m = a(70342),
        c = a.n(m),
        d = a(97232);
      const h = (0, i.PA)((e) => {
        const { persona: t, className: a, ...i } = e;
        if (!t) return null;
        if (!t.is_online) return null;
        const m = t.HasStateFlag(512),
          h = t.HasStateFlag(2048),
          u = t.IsOnSteamDeck(),
          p = !u && !h && t.HasStateFlag(1024);
        return r.createElement(
          r.Fragment,
          null,
          m &&
            r.createElement(
              "div",
              {
                className: (0, o.A)(
                  a,
                  c().PersonaStatusIcon,
                  c().MobilePhoneIcon,
                  (0, n.rO)(t),
                ),
                title: (0, s.we)("#Platform_Hint_Mobile"),
                ...i,
              },
              r.createElement(d.rf, null),
            ),
          h &&
            r.createElement(
              "div",
              {
                className: (0, o.A)(
                  a,
                  c().PersonaStatusIcon,
                  c().VRIcon,
                  (0, n.rO)(t),
                ),
                title: (0, s.we)("#Platform_Hint_VR"),
                ...i,
              },
              r.createElement(l.MUh, null),
            ),
          p &&
            r.createElement(
              "div",
              {
                className: (0, o.A)(
                  a,
                  c().PersonaStatusIcon,
                  c().BigPictureIcon,
                  (0, n.rO)(t),
                ),
                title: (0, s.we)("#Platform_Hint_BigPicture"),
                ...i,
              },
              r.createElement(l.bPr, null),
            ),
          u &&
            r.createElement(
              "div",
              {
                className: (0, o.A)(
                  a,
                  c().PersonaStatusIcon,
                  c().SteamDeckIcon,
                  (0, n.rO)(t),
                ),
                title: (0, s.we)("#Platform_Hint_SteamDeck"),
                ...i,
              },
              r.createElement(l.DQe, null),
            ),
        );
      });
    },
    1035: (e, t, a) => {
      "use strict";
      a.d(t, { Ul: () => v, i8: () => _ });
      var r = a(34629),
        i = a(90626),
        s = a(75844),
        n = a(10622),
        o = a(52038),
        l = a(78327),
        m = a(3088);
      const c =
          "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gODAK/9sAQwAGBAUGBQQGBgUGBwcGCAoQCgoJCQoUDg8MEBcUGBgXFBYWGh0lHxobIxwWFiAsICMmJykqKRkfLTAtKDAlKCko/9sAQwEHBwcKCAoTCgoTKBoWGigoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgo/8AAEQgAQABAAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A8Inmk8+T94/3j/EfWmedJ/z0f/vo0T/6+T/eP86ZQA/zpP8Ano//AH0aPOk/56P/AN9GmVo6Loeq65M0Wj6ddXrr94QRF9v1I6fjQBR86T/no/8A30aPOk/56P8A99GtHW/Dus6GV/tjS7yyD8K00RVW+h6GsugB/nSf89H/AO+jT4JpPPj/AHj/AHh/EfWoafB/r4/94fzoAJ/9fJ/vH+dMp8/+vk/3j/OmUAXdE099W1mw06Jgsl3PHApPYswUH9a+qPF3iHSPhF4S0+003TxK0hMcEAbZvIA3SO2OvIz6k18nW88ttcRz28jxTRMHSRGKsrA5BBHQg1b1TWdT1fy/7V1G8vfLzs+0TNJtz1xknHQUAfUXw+8c6Z8UdN1HS9V0xIpUTM1s7eYkiE43KcAgg/lxg180+NtEHhzxZqmkqxdLWcojHqUPK598EV9CfBbwpF4G8J3fiLxA4trm5hEsnmceRCOQD/tHqR9B1r568a63/wAJH4r1TVghRLqYuinqE6KD74AoAxafB/r4/wDeH86ZT4P9fH/vD+dABP8A6+T/AHj/ADplPn/18n+8f50ygArt/gtpltq/xK0e2vYxJArPMUYZDFEZhn2yBXEV0/w203VNX8YWdloOoHTtQkWQx3IZl2gISeV55AI/GgD1H9pvxPdi/s/DcDGOz8pbqfHWRizBQfYbc/U+1eD12PxW0fWtE8Tpa+I9UOqXpt0cTl2bCEthctz1B/OuOoAKfB/r4/8AeH86ZT4P9fH/ALw/nQAT/wCvk/3j/OmVNPDJ58n7t/vH+E+tM8mT/nm//fJoAZV7Q9Xv9C1KLUNJuGtryMEJIoBIyCD1BHQmqnkyf883/wC+TR5Mn/PN/wDvk0AaHiHXtT8RX4vdau2u7oIIxIygHaCSBwB6msyn+TJ/zzf/AL5NHkyf883/AO+TQAynwf6+P/eH86PJk/55v/3yafBDJ58f7t/vD+E+tAH/2Q==",
        d =
          a.p +
          "images/applications/community/avatar_default_full.jpg?v=valveisgoodatcaching";
      var h = a(43047),
        u = a.n(h),
        p = a(81393);
      const v = i.memo(function (e) {
        const {
            strAvatarURL: t,
            size: a = "Medium",
            className: r,
            statusStyle: s,
            statusPosition: n,
            children: l,
            ...h
          } = e,
          v = i.useMemo(() => {
            const e = [];
            return (
              t && e.push(t),
              e.push(
                (function (e) {
                  switch (e) {
                    case "X-Small":
                    case "Small":
                      return "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAIAAgAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A/P4mW5nmllmeSR3LMzMSSc1a07R73V72KzsILi9u5TiOC2RpJHPoFGSarQ/ef6n+de4fAn9oaL4D+DfGX9i6Uf8AhO9XSKDT9eZY3WxiDZcBGByTkn0JCZBxQB41qeiX+iXslnqNtdWF3H9+3uo2jkX6q2CKpgy208MsUzxyI4ZWViCDmvsr9rrUdT1j9nb4T6h8RBbH4qXUs0zMsSxXJ04hivnKoAU5MPGBg7uM7q+NpvvJ9R/OgAh+8/1P867T4POI/iz4Mc6U+u7NZtG/suPbuu8TKfKG4hct93njnmuKIltp5opYXjkRyrKykEHNWbDVbvSr63vbKaezvLeRZYbi3ZkkidTlWVhyCCMgjpQB6l+1F411nx58dPFWpa5a3mnXaXP2ZNOvXVpLKNBhYflJUY5PB5JJ6k15LN95PqP51a1PWr7WtQnvtRuLm/vrhzJNc3TtJLIx6lmbJJ9zVQCW5nhiiheSR3CqqqSSc0Af/9k=";
                    case "Medium":
                    case "MediumLarge":
                      return c;
                    case "Large":
                    case "X-Large":
                    case "FillArea":
                      return d;
                    default:
                      return (0, p.z)(e, `Unhandled size ${e}`), c;
                  }
                })(a),
              ),
              e
            );
          }, [t, a]);
        return i.createElement(
          "div",
          {
            className: (0, o.A)(
              u().avatarHolder,
              "avatarHolder",
              "no-drag",
              a,
              r,
            ),
            ...h,
          },
          i.createElement("div", {
            className: (0, o.A)(u().avatarStatus, "avatarStatus", n),
            style: s,
          }),
          i.createElement(m.c, {
            className: (0, o.A)(u().avatar, "avatar"),
            rgSources: v,
            draggable: !1,
          }),
          l,
        );
      });
      let _ = class extends i.Component {
        render() {
          const {
            persona: e,
            size: t = "Medium",
            animatedAvatar: a,
            className: r,
            ...s
          } = this.props;
          let m = "";
          return (
            a && a.image_small && 0 != a.image_small.length
              ? (m = l.TS.MEDIA_CDN_COMMUNITY_URL + "images/" + a.image_small)
              : e &&
                ((m = e.avatar_url_medium),
                "Small" == t || "X-Small" == t
                  ? (m = e.avatar_url)
                  : ("Large" != t && "X-Large" != t && "FillArea" != t) ||
                    (m = e.avatar_url_full)),
            i.createElement(v, {
              strAvatarURL: m,
              size: t,
              className: (0, o.A)((0, n.rO)(e), r),
              ...s,
            })
          );
        }
      };
      _ = (0, r.Cg)([s.PA], _);
      const g = (0, s.PA)((e) => {
        const { profileItem: t, className: a, bDisableAnimation: r, ...s } = e;
        if (!t || !t.image_small || 0 == t.image_small.length) return null;
        let n = r ? t.image_large : t.image_small;
        return (
          n || (n = t.image_small),
          n.startsWith("https://") ||
            (n = l.TS.MEDIA_CDN_COMMUNITY_URL + "images/" + n),
          i.createElement(
            "div",
            { className: (0, o.A)(u().avatarFrame, a, "avatarFrame"), ...s },
            i.createElement("img", { className: u().avatarFrameImg, src: n }),
          )
        );
      });
      let f = class extends i.Component {
        constructor(e) {
          super(e),
            (this.state = { bAnimate: "None" != this.props.loopDuration }),
            (this.m_timer = 0);
        }
        componentDidMount() {
          this.props.bParentHovered || this.SetupAnimationTimer();
        }
        SetupAnimationTimer() {
          let e = 0;
          switch (this.props.loopDuration) {
            case "Short":
              e = 2500;
              break;
            case "Medium":
              e = 5e3;
              break;
            case "Long":
              e = 1e4;
          }
          0 != e &&
            (this.setState({ bAnimate: "None" != this.props.loopDuration }),
            (this.m_timer = window.setTimeout(
              () => this.setState({ bAnimate: !1 }),
              e,
            )));
        }
        StopAnimationTimer() {
          this.m_timer &&
            (window.clearTimeout(this.m_timer), (this.m_timer = 0));
        }
        onHover() {
          this.SetupAnimationTimer();
        }
        componentWillUnmount() {
          this.StopAnimationTimer();
        }
        componentDidUpdate(e) {
          this.props.loopDuration != e.loopDuration &&
            ("None" == this.props.loopDuration
              ? (this.setState({ bAnimate: !1 }), this.StopAnimationTimer())
              : "Infinite" == this.props.loopDuration
                ? (this.setState({ bAnimate: !0 }), this.StopAnimationTimer())
                : (this.setState({ bAnimate: !0 }),
                  this.SetupAnimationTimer())),
            this.props.bParentHovered != e.bParentHovered &&
              (this.props.bParentHovered &&
              "None" != this.props.loopDuration &&
              "Infinite" != this.props.loopDuration
                ? (this.setState({ bAnimate: !0 }), this.StopAnimationTimer())
                : this.state.bAnimate && this.SetupAnimationTimer());
        }
        render() {
          let {
            loopDuration: e,
            animatedAvatar: t,
            avatarFrame: a,
            children: r,
            style: s,
            bLimitProfileFrameAnimationTime: n,
            bParentHovered: o,
            ...l
          } = this.props;
          return (
            l.onClick && (s = { ...s, cursor: "pointer" }),
            this.state.bAnimate || (t = null),
            i.createElement(
              "div",
              {
                onMouseEnter: () =>
                  this.setState({
                    bAnimate: "None" != this.props.loopDuration,
                  }),
                onMouseLeave: () => this.SetupAnimationTimer(),
              },
              i.createElement(
                _,
                { animatedAvatar: t, ...l },
                r,
                i.createElement(g, {
                  profileItem: a,
                  bDisableAnimation: n && !this.state.bAnimate,
                }),
              ),
            )
          );
        }
      };
      f = (0, r.Cg)([s.PA], f);
    },
  },
]);
