import { LockIcon as f } from "./accelbyte-widgets307.mjs";
import { LogoutIcon as v } from "./accelbyte-widgets308.mjs";
import { ShopBagIcon as d } from "./accelbyte-widgets309.mjs";
import { UserIcon as p } from "./accelbyte-widgets310.mjs";
import { VoucherIcon as E } from "./accelbyte-widgets311.mjs";
import { Ctx as n } from "./accelbyte-widgets33.mjs";
import { FeatureFlags as s } from "./accelbyte-widgets57.mjs";
import { AccPath as t } from "./accelbyte-widgets34.mjs";
import { FeUtils as P } from "./accelbyte-widgets45.mjs";
import m from "classnames";
import { menuVisibility as i } from "./accelbyte-widgets134.mjs";
import e from "react";
import { Trans as r } from "react-i18next";
import { NavLink as o } from "react-router-dom";
import "./accelbyte-widgets312.mjs";
const R = ({
  onLogout: l,
  showMenu: c,
  onClick: a,
  isCustomElement: u
}) => {
  const N = !c;
  return /* @__PURE__ */ e.createElement(
    "nav",
    {
      className: m(
        u ? "top-auto" : "top-full",
        "userProfileNavContainer",
        N && "closed",
        !n.hasFeature(s.isGetLauncherVisible) && "right-0"
      )
    },
    i.redeemCode() && /* @__PURE__ */ e.createElement(o, { className: "userProfileNavLink", to: t.RedeemCode.makePath(), onClick: a }, /* @__PURE__ */ e.createElement(E, { className: "userProfileNavLinkIcon" }), /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(r, { i18nKey: "Navigation.links.redeemCode" }, "Redeem Code"))),
    /* @__PURE__ */ e.createElement(o, { className: "userProfileNavLink", to: t.Overview.makePath(), onClick: a }, /* @__PURE__ */ e.createElement(p, { className: "userProfileNavLinkIcon" }), /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(r, { i18nKey: "Navigation.links.myAccount" }, "My Account"))),
    i.changePassword() && /* @__PURE__ */ e.createElement(o, { className: "userProfileNavLink", to: t.ChangePassword.makePath(), onClick: a }, /* @__PURE__ */ e.createElement(f, { className: "userProfileNavLinkIcon" }), /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(r, { i18nKey: "Navigation.links.changePassword" }, "Password & Security"))),
    /* @__PURE__ */ e.createElement("div", { className: "navigationDivider" }),
    n.hasFeature(s.isOrderHistoryVisible) && /* @__PURE__ */ e.createElement(o, { className: "userProfileNavLink", to: t.OrderHistory.makePath(), onClick: a }, /* @__PURE__ */ e.createElement(d, { className: "userProfileNavLinkIcon" }), /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(r, { i18nKey: "Navigation.links.orderHistory" }, "Order History"))),
    /* @__PURE__ */ e.createElement("div", { className: m("navigationDivider", P.separatorVisibility([!!i.orderHistory()], "hide")) }),
    /* @__PURE__ */ e.createElement(
      "button",
      {
        className: "userProfileNavLink",
        onClick: () => {
          l(), a();
        }
      },
      /* @__PURE__ */ e.createElement(v, { className: "userProfileNavLinkIcon" }),
      /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(r, { i18nKey: "Navigation.links.logout" }, "Logout"))
    )
  );
};
export {
  R as UserProfileNavContainer
};
