@lokalise/harmony 2.0.7 → 2.0.8

package/dist/harmony136.mjs

@@ -1,9 +1,15 @@
-const logoLink = "_logoLink_1baxb_1";
-const styles = {
-  logoLink
+import { jsx } from "react/jsx-runtime";
+import { useSidebar } from "./harmony110.mjs";
+import { MenuItem } from "@lokalise/louis";
+import { canAccessTeamSettings } from "./harmony111.mjs";
+const TeamSettingsMenuItem = () => {
+  const { jwt } = useSidebar();
+  if (!canAccessTeamSettings(jwt)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(MenuItem, { href: "/team", children: "Team settings" });
 };
 export {
-  styles as default,
-  logoLink
+  TeamSettingsMenuItem
 };
 //# sourceMappingURL=harmony136.mjs.map

package/dist/harmony136.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony136.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"harmony136.mjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/TeamSettingsMenuItem/TeamSettingsMenuItem.tsx"],"sourcesContent":["import { useSidebar } from '@components/Sidebar/hooks/useSidebar'\nimport { MenuItem } from '@lokalise/louis'\nimport { canAccessTeamSettings } from '@utils/user/permissions'\n\n/**\n * A menu item component for navigating to the team settings page.\n * It checks the current user's permissions using the Sidebar context\n * and renders nothing if the user does not have access.\n *\n * @example\n * ```\n * <TeamSettingsMenuItem />\n * ```\n *\n * @note This component must be used within a Sidebar Context.\n */\n\nexport const TeamSettingsMenuItem = () => {\n\tconst { jwt } = useSidebar()\n\n\tif (!canAccessTeamSettings(jwt)) {\n\t\treturn null\n\t}\n\n\treturn <MenuItem href=\"/team\">Team settings</MenuItem>\n}\n"],"names":[],"mappings":";;;;AAiBO,MAAM,uBAAuB,MAAM;AACnC,QAAA,EAAE,IAAI,IAAI,WAAW;AAEvB,MAAA,CAAC,sBAAsB,GAAG,GAAG;AACzB,WAAA;AAAA,EAAA;AAGR,SAAQ,oBAAA,UAAA,EAAS,MAAK,SAAQ,UAAa,iBAAA;AAC5C;"}

package/dist/harmony137.cjs

@@ -1,18 +1,25 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const shortcutMenu = "_shortcutMenu_ujdmb_1";
-const shortcutLabel = "_shortcutLabel_ujdmb_5";
-const dropdownButton = "_dropdownButton_ujdmb_12";
-const dropdownButtonActive = "_dropdownButtonActive_ujdmb_30";
-const styles = {
-  shortcutMenu,
-  shortcutLabel,
-  dropdownButton,
-  dropdownButtonActive
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const useSidebar = require("./harmony110.cjs");
+const TeamMenuItem = require("./harmony135.cjs");
+const TeamSwitch_module = require("./harmony162.cjs");
+const TeamSwitch = ({ onSwitchTeam }) => {
+  var _a, _b;
+  const {
+    data: { otherTeams }
+  } = useSidebar.useSidebar();
+  if (((_a = otherTeams.result) == null ? void 0 : _a.length) === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-testid": "sidebar-team-switch",
+      className: `flex-col items-stretch ${TeamSwitch_module.default.teamsContainer}`,
+      children: (_b = otherTeams.result) == null ? void 0 : _b.map((team) => /* @__PURE__ */ jsxRuntime.jsx(TeamMenuItem.TeamMenuItem, { team, onClick: onSwitchTeam, hidePlanLabel: true }, team.id))
+    }
+  );
 };
-exports.default = styles;
-exports.dropdownButton = dropdownButton;
-exports.dropdownButtonActive = dropdownButtonActive;
-exports.shortcutLabel = shortcutLabel;
-exports.shortcutMenu = shortcutMenu;
+exports.TeamSwitch = TeamSwitch;
 //# sourceMappingURL=harmony137.cjs.map

package/dist/harmony137.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony137.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"harmony137.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/TeamSwitch/TeamSwitch.tsx"],"sourcesContent":["import { useSidebar } from '@components/Sidebar/hooks/useSidebar'\nimport type { SidebarTeam } from '@components/Sidebar/types'\nimport { TeamMenuItem } from '../TeamMenuItem/TeamMenuItem'\nimport styles from './TeamSwitch.module.css'\n\n/**\n * A component that displays a list of available teams for switching.\n * It automatically excludes the current team from the list and renders\n * nothing if there are no other teams available.\n *\n * Uses the Sidebar context to access the list of other teams and\n * renders each team as a TeamMenuItem with click functionality.\n *\n * @example\n * ```tsx\n * <TeamSwitch\n *   onSwitchTeam={(team) => {\n *     console.log(`Switching to team: ${team.name}`);\n *     // Handle team switch logic\n *   }}\n * />\n * ```\n *\n * @note This component must be used within a Sidebar Context\n */\n\ntype TeamSwitchProps = {\n\tonSwitchTeam: (team: SidebarTeam) => void\n}\n\nexport const TeamSwitch = ({ onSwitchTeam }: TeamSwitchProps) => {\n\tconst {\n\t\tdata: { otherTeams },\n\t} = useSidebar()\n\n\tif (otherTeams.result?.length === 0) {\n\t\treturn null\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tdata-testid=\"sidebar-team-switch\"\n\t\t\tclassName={`flex-col items-stretch ${styles.teamsContainer}`}\n\t\t>\n\t\t\t{otherTeams.result?.map((team) => (\n\t\t\t\t<TeamMenuItem team={team} key={team.id} onClick={onSwitchTeam} hidePlanLabel />\n\t\t\t))}\n\t\t</div>\n\t)\n}\n"],"names":["useSidebar","jsx","styles","TeamMenuItem"],"mappings":";;;;;;AA8BO,MAAM,aAAa,CAAC,EAAE,mBAAoC;;AAC1D,QAAA;AAAA,IACL,MAAM,EAAE,WAAW;AAAA,MAChBA,sBAAW;AAEX,QAAA,gBAAW,WAAX,mBAAmB,YAAW,GAAG;AAC7B,WAAA;AAAA,EAAA;AAIP,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,eAAY;AAAA,MACZ,WAAW,0BAA0BC,kBAAA,QAAO,cAAc;AAAA,MAEzD,WAAW,gBAAA,WAAA,mBAAQ,IAAI,CAAC,SACvBD,2BAAAA,IAAAE,aAAA,cAAA,EAAa,MAA0B,SAAS,cAAc,eAAa,KAA7C,GAAA,KAAK,EAAyC;AAAA,IAC7E;AAAA,EACF;AAEF;;"}

package/dist/harmony137.mjs

@@ -1,18 +1,25 @@
-const shortcutMenu = "_shortcutMenu_ujdmb_1";
-const shortcutLabel = "_shortcutLabel_ujdmb_5";
-const dropdownButton = "_dropdownButton_ujdmb_12";
-const dropdownButtonActive = "_dropdownButtonActive_ujdmb_30";
-const styles = {
-  shortcutMenu,
-  shortcutLabel,
-  dropdownButton,
-  dropdownButtonActive
+import { jsx } from "react/jsx-runtime";
+import { useSidebar } from "./harmony110.mjs";
+import { TeamMenuItem } from "./harmony135.mjs";
+import styles from "./harmony162.mjs";
+const TeamSwitch = ({ onSwitchTeam }) => {
+  var _a, _b;
+  const {
+    data: { otherTeams }
+  } = useSidebar();
+  if (((_a = otherTeams.result) == null ? void 0 : _a.length) === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-testid": "sidebar-team-switch",
+      className: `flex-col items-stretch ${styles.teamsContainer}`,
+      children: (_b = otherTeams.result) == null ? void 0 : _b.map((team) => /* @__PURE__ */ jsx(TeamMenuItem, { team, onClick: onSwitchTeam, hidePlanLabel: true }, team.id))
+    }
+  );
 };
 export {
-  styles as default,
-  dropdownButton,
-  dropdownButtonActive,
-  shortcutLabel,
-  shortcutMenu
+  TeamSwitch
 };
 //# sourceMappingURL=harmony137.mjs.map

package/dist/harmony137.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony137.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"harmony137.mjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/TeamSwitch/TeamSwitch.tsx"],"sourcesContent":["import { useSidebar } from '@components/Sidebar/hooks/useSidebar'\nimport type { SidebarTeam } from '@components/Sidebar/types'\nimport { TeamMenuItem } from '../TeamMenuItem/TeamMenuItem'\nimport styles from './TeamSwitch.module.css'\n\n/**\n * A component that displays a list of available teams for switching.\n * It automatically excludes the current team from the list and renders\n * nothing if there are no other teams available.\n *\n * Uses the Sidebar context to access the list of other teams and\n * renders each team as a TeamMenuItem with click functionality.\n *\n * @example\n * ```tsx\n * <TeamSwitch\n *   onSwitchTeam={(team) => {\n *     console.log(`Switching to team: ${team.name}`);\n *     // Handle team switch logic\n *   }}\n * />\n * ```\n *\n * @note This component must be used within a Sidebar Context\n */\n\ntype TeamSwitchProps = {\n\tonSwitchTeam: (team: SidebarTeam) => void\n}\n\nexport const TeamSwitch = ({ onSwitchTeam }: TeamSwitchProps) => {\n\tconst {\n\t\tdata: { otherTeams },\n\t} = useSidebar()\n\n\tif (otherTeams.result?.length === 0) {\n\t\treturn null\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tdata-testid=\"sidebar-team-switch\"\n\t\t\tclassName={`flex-col items-stretch ${styles.teamsContainer}`}\n\t\t>\n\t\t\t{otherTeams.result?.map((team) => (\n\t\t\t\t<TeamMenuItem team={team} key={team.id} onClick={onSwitchTeam} hidePlanLabel />\n\t\t\t))}\n\t\t</div>\n\t)\n}\n"],"names":[],"mappings":";;;;AA8BO,MAAM,aAAa,CAAC,EAAE,mBAAoC;;AAC1D,QAAA;AAAA,IACL,MAAM,EAAE,WAAW;AAAA,MAChB,WAAW;AAEX,QAAA,gBAAW,WAAX,mBAAmB,YAAW,GAAG;AAC7B,WAAA;AAAA,EAAA;AAIP,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,eAAY;AAAA,MACZ,WAAW,0BAA0B,OAAO,cAAc;AAAA,MAEzD,WAAW,gBAAA,WAAA,mBAAQ,IAAI,CAAC,SACvB,oBAAA,cAAA,EAAa,MAA0B,SAAS,cAAc,eAAa,KAA7C,GAAA,KAAK,EAAyC;AAAA,IAC7E;AAAA,EACF;AAEF;"}

package/dist/harmony138.cjs

@@ -1,10 +1,39 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const featureFlagContext = React.createContext(void 0);
-const teamContext = React.createContext(void 0);
-const projectPermissionsContext = React.createContext({});
-exports.featureFlagContext = featureFlagContext;
-exports.projectPermissionsContext = projectPermissionsContext;
-exports.teamContext = teamContext;
+const jsxRuntime = require("react/jsx-runtime");
+const useSidebar = require("./harmony110.cjs");
+const louis = require("@lokalise/louis");
+const plan = require("./harmony11.cjs");
+const permissions = require("./harmony111.cjs");
+const UpgradeIcon = require("./harmony140.cjs");
+const UpgradeMenuItem_module = require("./harmony163.cjs");
+const UpgradeMenuItem = ({ href }) => {
+  const {
+    jwt,
+    data: { currentTeam }
+  } = useSidebar.useSidebar();
+  if (!jwt || !permissions.canUpgradePlan(jwt) || !currentTeam.result) {
+    return null;
+  }
+  const isOnFreePlan = plan.isFreePlan(jwt.planId);
+  const trialDaysLeft = currentTeam.result.trialDaysLeft;
+  const daysNoun = trialDaysLeft === 1 ? "day" : "days";
+  const ctaMessage = isOnFreePlan ? "Your team is currently on the Free plan" : `Free trial ends in ${trialDaysLeft} ${daysNoun}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    louis.MenuItem,
+    {
+      "data-testid": "sidebar-upgrade-menu-item",
+      href,
+      className: `flex-col gap-1 items-start ${UpgradeMenuItem_module.default.container}`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: UpgradeMenuItem_module.default.planCta, children: ctaMessage }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-row items-center gap-1 ${UpgradeMenuItem_module.default.upgradeIconWrapper}`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(UpgradeIcon.UpgradeIcon, {}),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "See upgrade options" })
+        ] })
+      ]
+    }
+  );
+};
+exports.UpgradeMenuItem = UpgradeMenuItem;
 //# sourceMappingURL=harmony138.cjs.map

package/dist/harmony138.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony138.cjs","sources":["../src/features/permissions/context/ActionsContext.tsx"],"sourcesContent":["import type {\n\tFeatureFlag,\n\tLegacyProjectPermission,\n\tProjectPermission,\n\tProjectType,\n\tTeamRole,\n} from '@features/permissions/types'\nimport { createContext } from 'react'\n\nexport const featureFlagContext = createContext<FeatureFlag[] | undefined>(undefined)\n\nexport const teamContext = createContext<TeamRole | undefined>(undefined)\n\ntype ProjectPermissionsContextType = {\n\tpermissions?: (ProjectPermission | LegacyProjectPermission)[]\n\tprojectType?: ProjectType\n}\nexport const projectPermissionsContext = createContext<ProjectPermissionsContextType>({})\n"],"names":["createContext"],"mappings":";;;AASa,MAAA,qBAAqBA,oBAAyC,MAAS;AAEvE,MAAA,cAAcA,oBAAoC,MAAS;AAM3D,MAAA,4BAA4BA,MAA6C,cAAA,CAAE,CAAA;;;;"}
+{"version":3,"file":"harmony138.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/UpgradeMenuItem/UpgradeMenuItem.tsx"],"sourcesContent":["import { useSidebar } from '@components/Sidebar/hooks/useSidebar'\nimport { MenuItem } from '@lokalise/louis'\nimport { isFreePlan } from '@utils'\nimport { canUpgradePlan } from '@utils/user/permissions'\nimport { UpgradeIcon } from '../UpgradeIcon/UpgradeIcon'\nimport styles from './UpgradeMenuItem.module.css'\n\n/**\n * A menu item component that displays upgrade call-to-action information.\n * Only renders when upgrade options should be shown (determined by context).\n *\n * The component displays different messages based on the team's current plan:\n * - For free plans: \"Your team is currently on the Free plan\"\n * - For trial plans: \"Free trial ends in X days\"\n *\n * Includes an upgrade icon and \"See upgrade options\" text, styled to draw attention\n * to the upgrade opportunity.\n *\n * @example\n * ```tsx\n * <UpgradeMenuItem href=\"/pricing\" />\n * ```\n *\n * @note This component must be used within a Sidebar Context\n */\n\ntype UpgradeMenuItemProps = {\n\thref: string\n}\n\nexport const UpgradeMenuItem = ({ href }: UpgradeMenuItemProps) => {\n\tconst {\n\t\tjwt,\n\t\tdata: { currentTeam },\n\t} = useSidebar()\n\n\tif (!jwt || !canUpgradePlan(jwt) || !currentTeam.result) {\n\t\treturn null\n\t}\n\n\tconst isOnFreePlan = isFreePlan(jwt.planId)\n\n\tconst trialDaysLeft = currentTeam.result.trialDaysLeft\n\n\tconst daysNoun = trialDaysLeft === 1 ? 'day' : 'days'\n\tconst ctaMessage = isOnFreePlan\n\t\t? 'Your team is currently on the Free plan'\n\t\t: `Free trial ends in ${trialDaysLeft} ${daysNoun}`\n\n\treturn (\n\t\t<MenuItem\n\t\t\tdata-testid=\"sidebar-upgrade-menu-item\"\n\t\t\thref={href}\n\t\t\tclassName={`flex-col gap-1 items-start ${styles.container}`}\n\t\t>\n\t\t\t<span className={styles.planCta}>{ctaMessage}</span>\n\t\t\t<div className={`flex-row items-center gap-1 ${styles.upgradeIconWrapper}`}>\n\t\t\t\t<UpgradeIcon />\n\t\t\t\t<span>See upgrade options</span>\n\t\t\t</div>\n\t\t</MenuItem>\n\t)\n}\n"],"names":["useSidebar","canUpgradePlan","isFreePlan","jsxs","MenuItem","styles","jsx","UpgradeIcon"],"mappings":";;;;;;;;;AA8BO,MAAM,kBAAkB,CAAC,EAAE,WAAiC;AAC5D,QAAA;AAAA,IACL;AAAA,IACA,MAAM,EAAE,YAAY;AAAA,MACjBA,sBAAW;AAEX,MAAA,CAAC,OAAO,CAACC,YAAA,eAAe,GAAG,KAAK,CAAC,YAAY,QAAQ;AACjD,WAAA;AAAA,EAAA;AAGF,QAAA,eAAeC,KAAAA,WAAW,IAAI,MAAM;AAEpC,QAAA,gBAAgB,YAAY,OAAO;AAEnC,QAAA,WAAW,kBAAkB,IAAI,QAAQ;AAC/C,QAAM,aAAa,eAChB,4CACA,sBAAsB,aAAa,IAAI,QAAQ;AAGjD,SAAAC,2BAAA;AAAA,IAACC,MAAA;AAAA,IAAA;AAAA,MACA,eAAY;AAAA,MACZ;AAAA,MACA,WAAW,8BAA8BC,uBAAA,QAAO,SAAS;AAAA,MAEzD,UAAA;AAAA,QAAAC,2BAAA,IAAC,QAAK,EAAA,WAAWD,uBAAO,QAAA,SAAU,UAAW,YAAA;AAAA,wCAC5C,OAAI,EAAA,WAAW,+BAA+BA,+BAAO,kBAAkB,IACvE,UAAA;AAAA,UAAAC,2BAAA,IAACC,YAAY,aAAA,EAAA;AAAA,UACbD,2BAAAA,IAAC,UAAK,UAAmB,sBAAA,CAAA;AAAA,QAAA,EAC1B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACD;AAEF;;"}

package/dist/harmony138.mjs

@@ -1,10 +1,39 @@
-import { createContext } from "react";
-const featureFlagContext = createContext(void 0);
-const teamContext = createContext(void 0);
-const projectPermissionsContext = createContext({});
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useSidebar } from "./harmony110.mjs";
+import { MenuItem } from "@lokalise/louis";
+import { isFreePlan } from "./harmony11.mjs";
+import { canUpgradePlan } from "./harmony111.mjs";
+import { UpgradeIcon } from "./harmony140.mjs";
+import styles from "./harmony163.mjs";
+const UpgradeMenuItem = ({ href }) => {
+  const {
+    jwt,
+    data: { currentTeam }
+  } = useSidebar();
+  if (!jwt || !canUpgradePlan(jwt) || !currentTeam.result) {
+    return null;
+  }
+  const isOnFreePlan = isFreePlan(jwt.planId);
+  const trialDaysLeft = currentTeam.result.trialDaysLeft;
+  const daysNoun = trialDaysLeft === 1 ? "day" : "days";
+  const ctaMessage = isOnFreePlan ? "Your team is currently on the Free plan" : `Free trial ends in ${trialDaysLeft} ${daysNoun}`;
+  return /* @__PURE__ */ jsxs(
+    MenuItem,
+    {
+      "data-testid": "sidebar-upgrade-menu-item",
+      href,
+      className: `flex-col gap-1 items-start ${styles.container}`,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: styles.planCta, children: ctaMessage }),
+        /* @__PURE__ */ jsxs("div", { className: `flex-row items-center gap-1 ${styles.upgradeIconWrapper}`, children: [
+          /* @__PURE__ */ jsx(UpgradeIcon, {}),
+          /* @__PURE__ */ jsx("span", { children: "See upgrade options" })
+        ] })
+      ]
+    }
+  );
+};
 export {
-  featureFlagContext,
-  projectPermissionsContext,
-  teamContext
+  UpgradeMenuItem
 };
 //# sourceMappingURL=harmony138.mjs.map

package/dist/harmony138.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony138.mjs","sources":["../src/features/permissions/context/ActionsContext.tsx"],"sourcesContent":["import type {\n\tFeatureFlag,\n\tLegacyProjectPermission,\n\tProjectPermission,\n\tProjectType,\n\tTeamRole,\n} from '@features/permissions/types'\nimport { createContext } from 'react'\n\nexport const featureFlagContext = createContext<FeatureFlag[] | undefined>(undefined)\n\nexport const teamContext = createContext<TeamRole | undefined>(undefined)\n\ntype ProjectPermissionsContextType = {\n\tpermissions?: (ProjectPermission | LegacyProjectPermission)[]\n\tprojectType?: ProjectType\n}\nexport const projectPermissionsContext = createContext<ProjectPermissionsContextType>({})\n"],"names":[],"mappings":";AASa,MAAA,qBAAqB,cAAyC,MAAS;AAEvE,MAAA,cAAc,cAAoC,MAAS;AAM3D,MAAA,4BAA4B,cAA6C,CAAE,CAAA;"}
+{"version":3,"file":"harmony138.mjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/UpgradeMenuItem/UpgradeMenuItem.tsx"],"sourcesContent":["import { useSidebar } from '@components/Sidebar/hooks/useSidebar'\nimport { MenuItem } from '@lokalise/louis'\nimport { isFreePlan } from '@utils'\nimport { canUpgradePlan } from '@utils/user/permissions'\nimport { UpgradeIcon } from '../UpgradeIcon/UpgradeIcon'\nimport styles from './UpgradeMenuItem.module.css'\n\n/**\n * A menu item component that displays upgrade call-to-action information.\n * Only renders when upgrade options should be shown (determined by context).\n *\n * The component displays different messages based on the team's current plan:\n * - For free plans: \"Your team is currently on the Free plan\"\n * - For trial plans: \"Free trial ends in X days\"\n *\n * Includes an upgrade icon and \"See upgrade options\" text, styled to draw attention\n * to the upgrade opportunity.\n *\n * @example\n * ```tsx\n * <UpgradeMenuItem href=\"/pricing\" />\n * ```\n *\n * @note This component must be used within a Sidebar Context\n */\n\ntype UpgradeMenuItemProps = {\n\thref: string\n}\n\nexport const UpgradeMenuItem = ({ href }: UpgradeMenuItemProps) => {\n\tconst {\n\t\tjwt,\n\t\tdata: { currentTeam },\n\t} = useSidebar()\n\n\tif (!jwt || !canUpgradePlan(jwt) || !currentTeam.result) {\n\t\treturn null\n\t}\n\n\tconst isOnFreePlan = isFreePlan(jwt.planId)\n\n\tconst trialDaysLeft = currentTeam.result.trialDaysLeft\n\n\tconst daysNoun = trialDaysLeft === 1 ? 'day' : 'days'\n\tconst ctaMessage = isOnFreePlan\n\t\t? 'Your team is currently on the Free plan'\n\t\t: `Free trial ends in ${trialDaysLeft} ${daysNoun}`\n\n\treturn (\n\t\t<MenuItem\n\t\t\tdata-testid=\"sidebar-upgrade-menu-item\"\n\t\t\thref={href}\n\t\t\tclassName={`flex-col gap-1 items-start ${styles.container}`}\n\t\t>\n\t\t\t<span className={styles.planCta}>{ctaMessage}</span>\n\t\t\t<div className={`flex-row items-center gap-1 ${styles.upgradeIconWrapper}`}>\n\t\t\t\t<UpgradeIcon />\n\t\t\t\t<span>See upgrade options</span>\n\t\t\t</div>\n\t\t</MenuItem>\n\t)\n}\n"],"names":[],"mappings":";;;;;;;AA8BO,MAAM,kBAAkB,CAAC,EAAE,WAAiC;AAC5D,QAAA;AAAA,IACL;AAAA,IACA,MAAM,EAAE,YAAY;AAAA,MACjB,WAAW;AAEX,MAAA,CAAC,OAAO,CAAC,eAAe,GAAG,KAAK,CAAC,YAAY,QAAQ;AACjD,WAAA;AAAA,EAAA;AAGF,QAAA,eAAe,WAAW,IAAI,MAAM;AAEpC,QAAA,gBAAgB,YAAY,OAAO;AAEnC,QAAA,WAAW,kBAAkB,IAAI,QAAQ;AAC/C,QAAM,aAAa,eAChB,4CACA,sBAAsB,aAAa,IAAI,QAAQ;AAGjD,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,eAAY;AAAA,MACZ;AAAA,MACA,WAAW,8BAA8B,OAAO,SAAS;AAAA,MAEzD,UAAA;AAAA,QAAA,oBAAC,QAAK,EAAA,WAAW,OAAO,SAAU,UAAW,YAAA;AAAA,6BAC5C,OAAI,EAAA,WAAW,+BAA+B,OAAO,kBAAkB,IACvE,UAAA;AAAA,UAAA,oBAAC,aAAY,EAAA;AAAA,UACb,oBAAC,UAAK,UAAmB,sBAAA,CAAA;AAAA,QAAA,EAC1B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACD;AAEF;"}

package/dist/harmony139.cjs

@@ -1,20 +1,24 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ActionsContext = require("./harmony138.cjs");
-const React = require("react");
-const useActionResolverPayload = () => {
-  const teamRole = React.useContext(ActionsContext.teamContext);
-  const enabledFeatureFlags = React.useContext(ActionsContext.featureFlagContext);
-  const { permissions: projectPermissions, projectType } = React.useContext(ActionsContext.projectPermissionsContext);
-  return React.useMemo(
-    () => ({
-      enabledFeatureFlags,
-      teamRole,
-      projectPermissions,
-      projectType
-    }),
-    [enabledFeatureFlags, teamRole, projectPermissions, projectType]
-  );
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const menuContainer = "_menuContainer_1phdw_10";
+const profileButton = "_profileButton_1phdw_20";
+const profileImage = "_profileImage_1phdw_33";
+const profileImageHighlight = "_profileImageHighlight_1phdw_41";
+const profileImageUpgradeIcon = "_profileImageUpgradeIcon_1phdw_45";
+const userIconWrapper = "_userIconWrapper_1phdw_51";
+const styles = {
+  menuContainer,
+  profileButton,
+  profileImage,
+  profileImageHighlight,
+  profileImageUpgradeIcon,
+  userIconWrapper
 };
-exports.useActionResolverPayload = useActionResolverPayload;
+exports.default = styles;
+exports.menuContainer = menuContainer;
+exports.profileButton = profileButton;
+exports.profileImage = profileImage;
+exports.profileImageHighlight = profileImageHighlight;
+exports.profileImageUpgradeIcon = profileImageUpgradeIcon;
+exports.userIconWrapper = userIconWrapper;
 //# sourceMappingURL=harmony139.cjs.map

package/dist/harmony139.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony139.cjs","sources":["../src/features/permissions/hooks/useActionResolverPayload.ts"],"sourcesContent":["import {\n\tfeatureFlagContext,\n\tprojectPermissionsContext,\n\tteamContext,\n} from '@features/permissions/context/ActionsContext'\nimport type { ActionResolverPayload } from '@features/permissions/types'\nimport { useContext, useMemo } from 'react'\n\nexport const useActionResolverPayload = (): ActionResolverPayload => {\n\tconst teamRole = useContext(teamContext)\n\tconst enabledFeatureFlags = useContext(featureFlagContext)\n\tconst { permissions: projectPermissions, projectType } = useContext(projectPermissionsContext)\n\n\treturn useMemo(\n\t\t() =>\n\t\t\t({\n\t\t\t\tenabledFeatureFlags,\n\t\t\t\tteamRole,\n\t\t\t\tprojectPermissions,\n\t\t\t\tprojectType,\n\t\t\t}) satisfies ActionResolverPayload,\n\t\t[enabledFeatureFlags, teamRole, projectPermissions, projectType],\n\t)\n}\n"],"names":["useContext","teamContext","featureFlagContext","projectPermissionsContext","useMemo"],"mappings":";;;;AAQO,MAAM,2BAA2B,MAA6B;AAC9D,QAAA,WAAWA,iBAAWC,0BAAW;AACjC,QAAA,sBAAsBD,iBAAWE,iCAAkB;AACzD,QAAM,EAAE,aAAa,oBAAoB,YAAY,IAAIF,MAAAA,WAAWG,eAAAA,yBAAyB;AAEtF,SAAAC,MAAA;AAAA,IACN,OACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,CAAC,qBAAqB,UAAU,oBAAoB,WAAW;AAAA,EAChE;AACD;;"}
+{"version":3,"file":"harmony139.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/harmony139.mjs

@@ -1,20 +1,24 @@
-import { teamContext, featureFlagContext, projectPermissionsContext } from "./harmony138.mjs";
-import { useContext, useMemo } from "react";
-const useActionResolverPayload = () => {
-  const teamRole = useContext(teamContext);
-  const enabledFeatureFlags = useContext(featureFlagContext);
-  const { permissions: projectPermissions, projectType } = useContext(projectPermissionsContext);
-  return useMemo(
-    () => ({
-      enabledFeatureFlags,
-      teamRole,
-      projectPermissions,
-      projectType
-    }),
-    [enabledFeatureFlags, teamRole, projectPermissions, projectType]
-  );
+const menuContainer = "_menuContainer_1phdw_10";
+const profileButton = "_profileButton_1phdw_20";
+const profileImage = "_profileImage_1phdw_33";
+const profileImageHighlight = "_profileImageHighlight_1phdw_41";
+const profileImageUpgradeIcon = "_profileImageUpgradeIcon_1phdw_45";
+const userIconWrapper = "_userIconWrapper_1phdw_51";
+const styles = {
+  menuContainer,
+  profileButton,
+  profileImage,
+  profileImageHighlight,
+  profileImageUpgradeIcon,
+  userIconWrapper
 };
 export {
-  useActionResolverPayload
+  styles as default,
+  menuContainer,
+  profileButton,
+  profileImage,
+  profileImageHighlight,
+  profileImageUpgradeIcon,
+  userIconWrapper
 };
 //# sourceMappingURL=harmony139.mjs.map

package/dist/harmony139.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony139.mjs","sources":["../src/features/permissions/hooks/useActionResolverPayload.ts"],"sourcesContent":["import {\n\tfeatureFlagContext,\n\tprojectPermissionsContext,\n\tteamContext,\n} from '@features/permissions/context/ActionsContext'\nimport type { ActionResolverPayload } from '@features/permissions/types'\nimport { useContext, useMemo } from 'react'\n\nexport const useActionResolverPayload = (): ActionResolverPayload => {\n\tconst teamRole = useContext(teamContext)\n\tconst enabledFeatureFlags = useContext(featureFlagContext)\n\tconst { permissions: projectPermissions, projectType } = useContext(projectPermissionsContext)\n\n\treturn useMemo(\n\t\t() =>\n\t\t\t({\n\t\t\t\tenabledFeatureFlags,\n\t\t\t\tteamRole,\n\t\t\t\tprojectPermissions,\n\t\t\t\tprojectType,\n\t\t\t}) satisfies ActionResolverPayload,\n\t\t[enabledFeatureFlags, teamRole, projectPermissions, projectType],\n\t)\n}\n"],"names":[],"mappings":";;AAQO,MAAM,2BAA2B,MAA6B;AAC9D,QAAA,WAAW,WAAW,WAAW;AACjC,QAAA,sBAAsB,WAAW,kBAAkB;AACzD,QAAM,EAAE,aAAa,oBAAoB,YAAY,IAAI,WAAW,yBAAyB;AAEtF,SAAA;AAAA,IACN,OACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,CAAC,qBAAqB,UAAU,oBAAoB,WAAW;AAAA,EAChE;AACD;"}
+{"version":3,"file":"harmony139.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/harmony14.cjs

@@ -1,58 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const apiContracts = require("@lokalise/api-contracts");
-const projectTypes = require("./harmony48.cjs");
-const createProject = apiContracts.buildPayloadRoute({
-  description: "Create a new project",
-  requestHeaderSchema: projectTypes.PROJECT_API_BASE_HEADERS_SCHEMA,
-  method: "post",
-  pathResolver: () => "/projects",
-  requestBodySchema: projectTypes.CREATE_PROJECT_REQUEST_BODY_SCHEMA,
-  successResponseBodySchema: projectTypes.PROJECT_SCHEMA
-});
-const listProjects = apiContracts.buildGetRoute({
-  description: "List all projects",
-  requestHeaderSchema: projectTypes.PROJECT_API_BASE_HEADERS_SCHEMA,
-  pathResolver: () => "/projects",
-  requestQuerySchema: projectTypes.LIST_PROJECTS_REQUEST_QUERY_SCHEMA,
-  successResponseBodySchema: projectTypes.LIST_PROJECTS_SUCCESS_RESPONSE_BODY
-});
-const retrieveProject = apiContracts.buildGetRoute({
-  description: "Retrieve a project",
-  requestHeaderSchema: projectTypes.PROJECT_API_BASE_HEADERS_SCHEMA,
-  requestPathParamsSchema: projectTypes.PROJECT_ID_PATH_PARAM_SCHEMA,
-  pathResolver: ({ projectId }) => `/projects/${projectId}`,
-  successResponseBodySchema: projectTypes.PROJECT_SCHEMA
-});
-const updateProject = apiContracts.buildPayloadRoute({
-  description: "Update a project",
-  requestHeaderSchema: projectTypes.PROJECT_API_BASE_HEADERS_SCHEMA,
-  method: "put",
-  requestPathParamsSchema: projectTypes.PROJECT_ID_PATH_PARAM_SCHEMA,
-  pathResolver: ({ projectId }) => `/projects/${projectId}`,
-  requestBodySchema: projectTypes.UPDATE_PROJECT_REQUEST_BODY_SCHEMA,
-  successResponseBodySchema: projectTypes.PROJECT_SCHEMA
-});
-const getProjectPermissionMeta = apiContracts.buildGetRoute({
-  description: "Get meta data about project permissions and roles",
-  requestHeaderSchema: projectTypes.PROJECT_API_BASE_HEADERS_SCHEMA,
-  requestPathParamsSchema: projectTypes.PROJECT_ID_PATH_PARAM_SCHEMA,
-  pathResolver: ({ projectId }) => `/projects/${projectId}/permission-meta`,
-  successResponseBodySchema: projectTypes.GET_PROJECT_PERMISSION_META_RESPONSE_BODY_SCHEMA
-});
-const deleteProject = apiContracts.buildDeleteRoute({
-  description: "Delete a project",
-  requestHeaderSchema: projectTypes.PROJECT_API_BASE_HEADERS_SCHEMA,
-  requestPathParamsSchema: projectTypes.PROJECT_ID_PATH_PARAM_SCHEMA,
-  pathResolver: ({ projectId }) => `/projects/${projectId}`,
-  successResponseBodySchema: projectTypes.DELETE_PROJECT_RESPONSE_SCHEMA,
-  //Default should be false, but sendByDeleteRoute isn't inferring the type correctly
-  isEmptyResponseExpected: false
-});
-exports.createProject = createProject;
-exports.deleteProject = deleteProject;
-exports.getProjectPermissionMeta = getProjectPermissionMeta;
-exports.listProjects = listProjects;
-exports.retrieveProject = retrieveProject;
-exports.updateProject = updateProject;
+const dateFns = require("date-fns");
+const tz = require("@date-fns/tz");
+const formatDate = (date, format = "PP") => dateFns.format(date, format);
+const formatDateTz = (date, timezone, format = "PP") => {
+  const tzDate = new tz.TZDate(date, timezone);
+  return dateFns.format(tzDate, format);
+};
+exports.formatDate = formatDate;
+exports.formatDateTz = formatDateTz;
 //# sourceMappingURL=harmony14.cjs.map

package/dist/harmony14.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony14.cjs","sources":["../src/features/publicApi/projects.ts"],"sourcesContent":["import { buildDeleteRoute, buildGetRoute, buildPayloadRoute } from '@lokalise/api-contracts'\nimport {\n\tCREATE_PROJECT_REQUEST_BODY_SCHEMA,\n\tDELETE_PROJECT_RESPONSE_SCHEMA,\n\tGET_PROJECT_PERMISSION_META_RESPONSE_BODY_SCHEMA,\n\tLIST_PROJECTS_REQUEST_QUERY_SCHEMA,\n\tLIST_PROJECTS_SUCCESS_RESPONSE_BODY,\n\tPROJECT_API_BASE_HEADERS_SCHEMA,\n\tPROJECT_ID_PATH_PARAM_SCHEMA,\n\tPROJECT_SCHEMA,\n\tUPDATE_PROJECT_REQUEST_BODY_SCHEMA,\n} from './types/projectTypes'\n\n/**\n * Public API router definition for creating a new project\n */\nexport const createProject = buildPayloadRoute({\n\tdescription: 'Create a new project',\n\n\trequestHeaderSchema: PROJECT_API_BASE_HEADERS_SCHEMA,\n\n\tmethod: 'post',\n\tpathResolver: () => '/projects',\n\trequestBodySchema: CREATE_PROJECT_REQUEST_BODY_SCHEMA,\n\n\tsuccessResponseBodySchema: PROJECT_SCHEMA,\n})\n\n/**\n * Public API router definition for listing all projects\n */\nexport const listProjects = buildGetRoute({\n\tdescription: 'List all projects',\n\n\trequestHeaderSchema: PROJECT_API_BASE_HEADERS_SCHEMA,\n\n\tpathResolver: () => '/projects',\n\trequestQuerySchema: LIST_PROJECTS_REQUEST_QUERY_SCHEMA,\n\n\tsuccessResponseBodySchema: LIST_PROJECTS_SUCCESS_RESPONSE_BODY,\n})\n\n/**\n * Public API router definition for retrieving a project\n */\nexport const retrieveProject = buildGetRoute({\n\tdescription: 'Retrieve a project',\n\n\trequestHeaderSchema: PROJECT_API_BASE_HEADERS_SCHEMA,\n\n\trequestPathParamsSchema: PROJECT_ID_PATH_PARAM_SCHEMA,\n\tpathResolver: ({ projectId }) => `/projects/${projectId}`,\n\n\tsuccessResponseBodySchema: PROJECT_SCHEMA,\n})\n\n/**\n * Public API router definition for updating a project\n */\nexport const updateProject = buildPayloadRoute({\n\tdescription: 'Update a project',\n\n\trequestHeaderSchema: PROJECT_API_BASE_HEADERS_SCHEMA,\n\n\tmethod: 'put',\n\trequestPathParamsSchema: PROJECT_ID_PATH_PARAM_SCHEMA,\n\tpathResolver: ({ projectId }) => `/projects/${projectId}`,\n\trequestBodySchema: UPDATE_PROJECT_REQUEST_BODY_SCHEMA,\n\n\tsuccessResponseBodySchema: PROJECT_SCHEMA,\n})\n\nexport const getProjectPermissionMeta = buildGetRoute({\n\tdescription: 'Get meta data about project permissions and roles',\n\n\trequestHeaderSchema: PROJECT_API_BASE_HEADERS_SCHEMA,\n\n\trequestPathParamsSchema: PROJECT_ID_PATH_PARAM_SCHEMA,\n\tpathResolver: ({ projectId }) => `/projects/${projectId}/permission-meta`,\n\n\tsuccessResponseBodySchema: GET_PROJECT_PERMISSION_META_RESPONSE_BODY_SCHEMA,\n})\n\nexport const deleteProject = buildDeleteRoute({\n\tdescription: 'Delete a project',\n\n\trequestHeaderSchema: PROJECT_API_BASE_HEADERS_SCHEMA,\n\n\trequestPathParamsSchema: PROJECT_ID_PATH_PARAM_SCHEMA,\n\tpathResolver: ({ projectId }) => `/projects/${projectId}`,\n\n\tsuccessResponseBodySchema: DELETE_PROJECT_RESPONSE_SCHEMA,\n\n\t//Default should be false, but sendByDeleteRoute isn't inferring the type correctly\n\tisEmptyResponseExpected: false,\n})\n"],"names":["buildPayloadRoute","PROJECT_API_BASE_HEADERS_SCHEMA","CREATE_PROJECT_REQUEST_BODY_SCHEMA","PROJECT_SCHEMA","buildGetRoute","LIST_PROJECTS_REQUEST_QUERY_SCHEMA","LIST_PROJECTS_SUCCESS_RESPONSE_BODY","PROJECT_ID_PATH_PARAM_SCHEMA","UPDATE_PROJECT_REQUEST_BODY_SCHEMA","GET_PROJECT_PERMISSION_META_RESPONSE_BODY_SCHEMA","buildDeleteRoute","DELETE_PROJECT_RESPONSE_SCHEMA"],"mappings":";;;;AAgBO,MAAM,gBAAgBA,aAAAA,kBAAkB;AAAA,EAC9C,aAAa;AAAA,EAEb,qBAAqBC,aAAA;AAAA,EAErB,QAAQ;AAAA,EACR,cAAc,MAAM;AAAA,EACpB,mBAAmBC,aAAA;AAAA,EAEnB,2BAA2BC,aAAAA;AAC5B,CAAC;AAKM,MAAM,eAAeC,aAAAA,cAAc;AAAA,EACzC,aAAa;AAAA,EAEb,qBAAqBH,aAAA;AAAA,EAErB,cAAc,MAAM;AAAA,EACpB,oBAAoBI,aAAA;AAAA,EAEpB,2BAA2BC,aAAAA;AAC5B,CAAC;AAKM,MAAM,kBAAkBF,aAAAA,cAAc;AAAA,EAC5C,aAAa;AAAA,EAEb,qBAAqBH,aAAA;AAAA,EAErB,yBAAyBM,aAAA;AAAA,EACzB,cAAc,CAAC,EAAE,UAAU,MAAM,aAAa,SAAS;AAAA,EAEvD,2BAA2BJ,aAAAA;AAC5B,CAAC;AAKM,MAAM,gBAAgBH,aAAAA,kBAAkB;AAAA,EAC9C,aAAa;AAAA,EAEb,qBAAqBC,aAAA;AAAA,EAErB,QAAQ;AAAA,EACR,yBAAyBM,aAAA;AAAA,EACzB,cAAc,CAAC,EAAE,UAAU,MAAM,aAAa,SAAS;AAAA,EACvD,mBAAmBC,aAAA;AAAA,EAEnB,2BAA2BL,aAAAA;AAC5B,CAAC;AAEM,MAAM,2BAA2BC,aAAAA,cAAc;AAAA,EACrD,aAAa;AAAA,EAEb,qBAAqBH,aAAA;AAAA,EAErB,yBAAyBM,aAAA;AAAA,EACzB,cAAc,CAAC,EAAE,UAAU,MAAM,aAAa,SAAS;AAAA,EAEvD,2BAA2BE,aAAAA;AAC5B,CAAC;AAEM,MAAM,gBAAgBC,aAAAA,iBAAiB;AAAA,EAC7C,aAAa;AAAA,EAEb,qBAAqBT,aAAA;AAAA,EAErB,yBAAyBM,aAAA;AAAA,EACzB,cAAc,CAAC,EAAE,UAAU,MAAM,aAAa,SAAS;AAAA,EAEvD,2BAA2BI,aAAA;AAAA;AAAA,EAG3B,yBAAyB;AAC1B,CAAC;;;;;;;"}
+{"version":3,"file":"harmony14.cjs","sources":["../src/utils/i18n/date/date.ts"],"sourcesContent":["import { format as dateFnsFormat } from 'date-fns'\nexport type DateFormat =\n\t| 'PP'\n\t| 'PP H:mm:ss'\n\t| 'PPpp'\n\t| 'LLLL y'\n\t| 'LLLL do'\n\t| 'dd-MM-yyyy'\n\t| 'MMM dd, yyyy HH:mm'\n\t| 'yyyy-MM-dd'\n\t| 'yyyy-MM-dd H:mm:ss'\n\nexport const formatDate = (date: Date, format: DateFormat = 'PP'): string =>\n\tdateFnsFormat(date, format)\n\nimport { TZDate } from '@date-fns/tz'\n\nexport const formatDateTz = (date: Date, timezone: string, format: DateFormat = 'PP'): string => {\n\tconst tzDate = new TZDate(date, timezone)\n\treturn dateFnsFormat(tzDate, format)\n}\n"],"names":["dateFnsFormat","TZDate"],"mappings":";;;;AAYO,MAAM,aAAa,CAAC,MAAY,SAAqB,SAC3DA,QAAAA,OAAc,MAAM,MAAM;AAIpB,MAAM,eAAe,CAAC,MAAY,UAAkB,SAAqB,SAAiB;AAChG,QAAM,SAAS,IAAIC,UAAO,MAAM,QAAQ;AACjC,SAAAD,QAAA,OAAc,QAAQ,MAAM;AACpC;;;"}

package/dist/harmony14.mjs

@@ -1,58 +1,12 @@
-import { buildPayloadRoute, buildGetRoute, buildDeleteRoute } from "@lokalise/api-contracts";
-import { PROJECT_SCHEMA, CREATE_PROJECT_REQUEST_BODY_SCHEMA, PROJECT_API_BASE_HEADERS_SCHEMA, LIST_PROJECTS_SUCCESS_RESPONSE_BODY, LIST_PROJECTS_REQUEST_QUERY_SCHEMA, PROJECT_ID_PATH_PARAM_SCHEMA, UPDATE_PROJECT_REQUEST_BODY_SCHEMA, GET_PROJECT_PERMISSION_META_RESPONSE_BODY_SCHEMA, DELETE_PROJECT_RESPONSE_SCHEMA } from "./harmony48.mjs";
-const createProject = buildPayloadRoute({
-  description: "Create a new project",
-  requestHeaderSchema: PROJECT_API_BASE_HEADERS_SCHEMA,
-  method: "post",
-  pathResolver: () => "/projects",
-  requestBodySchema: CREATE_PROJECT_REQUEST_BODY_SCHEMA,
-  successResponseBodySchema: PROJECT_SCHEMA
-});
-const listProjects = buildGetRoute({
-  description: "List all projects",
-  requestHeaderSchema: PROJECT_API_BASE_HEADERS_SCHEMA,
-  pathResolver: () => "/projects",
-  requestQuerySchema: LIST_PROJECTS_REQUEST_QUERY_SCHEMA,
-  successResponseBodySchema: LIST_PROJECTS_SUCCESS_RESPONSE_BODY
-});
-const retrieveProject = buildGetRoute({
-  description: "Retrieve a project",
-  requestHeaderSchema: PROJECT_API_BASE_HEADERS_SCHEMA,
-  requestPathParamsSchema: PROJECT_ID_PATH_PARAM_SCHEMA,
-  pathResolver: ({ projectId }) => `/projects/${projectId}`,
-  successResponseBodySchema: PROJECT_SCHEMA
-});
-const updateProject = buildPayloadRoute({
-  description: "Update a project",
-  requestHeaderSchema: PROJECT_API_BASE_HEADERS_SCHEMA,
-  method: "put",
-  requestPathParamsSchema: PROJECT_ID_PATH_PARAM_SCHEMA,
-  pathResolver: ({ projectId }) => `/projects/${projectId}`,
-  requestBodySchema: UPDATE_PROJECT_REQUEST_BODY_SCHEMA,
-  successResponseBodySchema: PROJECT_SCHEMA
-});
-const getProjectPermissionMeta = buildGetRoute({
-  description: "Get meta data about project permissions and roles",
-  requestHeaderSchema: PROJECT_API_BASE_HEADERS_SCHEMA,
-  requestPathParamsSchema: PROJECT_ID_PATH_PARAM_SCHEMA,
-  pathResolver: ({ projectId }) => `/projects/${projectId}/permission-meta`,
-  successResponseBodySchema: GET_PROJECT_PERMISSION_META_RESPONSE_BODY_SCHEMA
-});
-const deleteProject = buildDeleteRoute({
-  description: "Delete a project",
-  requestHeaderSchema: PROJECT_API_BASE_HEADERS_SCHEMA,
-  requestPathParamsSchema: PROJECT_ID_PATH_PARAM_SCHEMA,
-  pathResolver: ({ projectId }) => `/projects/${projectId}`,
-  successResponseBodySchema: DELETE_PROJECT_RESPONSE_SCHEMA,
-  //Default should be false, but sendByDeleteRoute isn't inferring the type correctly
-  isEmptyResponseExpected: false
-});
+import { format } from "date-fns";
+import { TZDate } from "@date-fns/tz";
+const formatDate = (date, format$1 = "PP") => format(date, format$1);
+const formatDateTz = (date, timezone, format$1 = "PP") => {
+  const tzDate = new TZDate(date, timezone);
+  return format(tzDate, format$1);
+};
 export {
-  createProject,
-  deleteProject,
-  getProjectPermissionMeta,
-  listProjects,
-  retrieveProject,
-  updateProject
+  formatDate,
+  formatDateTz
 };
 //# sourceMappingURL=harmony14.mjs.map

package/dist/harmony14.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony14.mjs","sources":["../src/features/publicApi/projects.ts"],"sourcesContent":["import { buildDeleteRoute, buildGetRoute, buildPayloadRoute } from '@lokalise/api-contracts'\nimport {\n\tCREATE_PROJECT_REQUEST_BODY_SCHEMA,\n\tDELETE_PROJECT_RESPONSE_SCHEMA,\n\tGET_PROJECT_PERMISSION_META_RESPONSE_BODY_SCHEMA,\n\tLIST_PROJECTS_REQUEST_QUERY_SCHEMA,\n\tLIST_PROJECTS_SUCCESS_RESPONSE_BODY,\n\tPROJECT_API_BASE_HEADERS_SCHEMA,\n\tPROJECT_ID_PATH_PARAM_SCHEMA,\n\tPROJECT_SCHEMA,\n\tUPDATE_PROJECT_REQUEST_BODY_SCHEMA,\n} from './types/projectTypes'\n\n/**\n * Public API router definition for creating a new project\n */\nexport const createProject = buildPayloadRoute({\n\tdescription: 'Create a new project',\n\n\trequestHeaderSchema: PROJECT_API_BASE_HEADERS_SCHEMA,\n\n\tmethod: 'post',\n\tpathResolver: () => '/projects',\n\trequestBodySchema: CREATE_PROJECT_REQUEST_BODY_SCHEMA,\n\n\tsuccessResponseBodySchema: PROJECT_SCHEMA,\n})\n\n/**\n * Public API router definition for listing all projects\n */\nexport const listProjects = buildGetRoute({\n\tdescription: 'List all projects',\n\n\trequestHeaderSchema: PROJECT_API_BASE_HEADERS_SCHEMA,\n\n\tpathResolver: () => '/projects',\n\trequestQuerySchema: LIST_PROJECTS_REQUEST_QUERY_SCHEMA,\n\n\tsuccessResponseBodySchema: LIST_PROJECTS_SUCCESS_RESPONSE_BODY,\n})\n\n/**\n * Public API router definition for retrieving a project\n */\nexport const retrieveProject = buildGetRoute({\n\tdescription: 'Retrieve a project',\n\n\trequestHeaderSchema: PROJECT_API_BASE_HEADERS_SCHEMA,\n\n\trequestPathParamsSchema: PROJECT_ID_PATH_PARAM_SCHEMA,\n\tpathResolver: ({ projectId }) => `/projects/${projectId}`,\n\n\tsuccessResponseBodySchema: PROJECT_SCHEMA,\n})\n\n/**\n * Public API router definition for updating a project\n */\nexport const updateProject = buildPayloadRoute({\n\tdescription: 'Update a project',\n\n\trequestHeaderSchema: PROJECT_API_BASE_HEADERS_SCHEMA,\n\n\tmethod: 'put',\n\trequestPathParamsSchema: PROJECT_ID_PATH_PARAM_SCHEMA,\n\tpathResolver: ({ projectId }) => `/projects/${projectId}`,\n\trequestBodySchema: UPDATE_PROJECT_REQUEST_BODY_SCHEMA,\n\n\tsuccessResponseBodySchema: PROJECT_SCHEMA,\n})\n\nexport const getProjectPermissionMeta = buildGetRoute({\n\tdescription: 'Get meta data about project permissions and roles',\n\n\trequestHeaderSchema: PROJECT_API_BASE_HEADERS_SCHEMA,\n\n\trequestPathParamsSchema: PROJECT_ID_PATH_PARAM_SCHEMA,\n\tpathResolver: ({ projectId }) => `/projects/${projectId}/permission-meta`,\n\n\tsuccessResponseBodySchema: GET_PROJECT_PERMISSION_META_RESPONSE_BODY_SCHEMA,\n})\n\nexport const deleteProject = buildDeleteRoute({\n\tdescription: 'Delete a project',\n\n\trequestHeaderSchema: PROJECT_API_BASE_HEADERS_SCHEMA,\n\n\trequestPathParamsSchema: PROJECT_ID_PATH_PARAM_SCHEMA,\n\tpathResolver: ({ projectId }) => `/projects/${projectId}`,\n\n\tsuccessResponseBodySchema: DELETE_PROJECT_RESPONSE_SCHEMA,\n\n\t//Default should be false, but sendByDeleteRoute isn't inferring the type correctly\n\tisEmptyResponseExpected: false,\n})\n"],"names":[],"mappings":";;AAgBO,MAAM,gBAAgB,kBAAkB;AAAA,EAC9C,aAAa;AAAA,EAEb,qBAAqB;AAAA,EAErB,QAAQ;AAAA,EACR,cAAc,MAAM;AAAA,EACpB,mBAAmB;AAAA,EAEnB,2BAA2B;AAC5B,CAAC;AAKM,MAAM,eAAe,cAAc;AAAA,EACzC,aAAa;AAAA,EAEb,qBAAqB;AAAA,EAErB,cAAc,MAAM;AAAA,EACpB,oBAAoB;AAAA,EAEpB,2BAA2B;AAC5B,CAAC;AAKM,MAAM,kBAAkB,cAAc;AAAA,EAC5C,aAAa;AAAA,EAEb,qBAAqB;AAAA,EAErB,yBAAyB;AAAA,EACzB,cAAc,CAAC,EAAE,UAAU,MAAM,aAAa,SAAS;AAAA,EAEvD,2BAA2B;AAC5B,CAAC;AAKM,MAAM,gBAAgB,kBAAkB;AAAA,EAC9C,aAAa;AAAA,EAEb,qBAAqB;AAAA,EAErB,QAAQ;AAAA,EACR,yBAAyB;AAAA,EACzB,cAAc,CAAC,EAAE,UAAU,MAAM,aAAa,SAAS;AAAA,EACvD,mBAAmB;AAAA,EAEnB,2BAA2B;AAC5B,CAAC;AAEM,MAAM,2BAA2B,cAAc;AAAA,EACrD,aAAa;AAAA,EAEb,qBAAqB;AAAA,EAErB,yBAAyB;AAAA,EACzB,cAAc,CAAC,EAAE,UAAU,MAAM,aAAa,SAAS;AAAA,EAEvD,2BAA2B;AAC5B,CAAC;AAEM,MAAM,gBAAgB,iBAAiB;AAAA,EAC7C,aAAa;AAAA,EAEb,qBAAqB;AAAA,EAErB,yBAAyB;AAAA,EACzB,cAAc,CAAC,EAAE,UAAU,MAAM,aAAa,SAAS;AAAA,EAEvD,2BAA2B;AAAA;AAAA,EAG3B,yBAAyB;AAC1B,CAAC;"}
+{"version":3,"file":"harmony14.mjs","sources":["../src/utils/i18n/date/date.ts"],"sourcesContent":["import { format as dateFnsFormat } from 'date-fns'\nexport type DateFormat =\n\t| 'PP'\n\t| 'PP H:mm:ss'\n\t| 'PPpp'\n\t| 'LLLL y'\n\t| 'LLLL do'\n\t| 'dd-MM-yyyy'\n\t| 'MMM dd, yyyy HH:mm'\n\t| 'yyyy-MM-dd'\n\t| 'yyyy-MM-dd H:mm:ss'\n\nexport const formatDate = (date: Date, format: DateFormat = 'PP'): string =>\n\tdateFnsFormat(date, format)\n\nimport { TZDate } from '@date-fns/tz'\n\nexport const formatDateTz = (date: Date, timezone: string, format: DateFormat = 'PP'): string => {\n\tconst tzDate = new TZDate(date, timezone)\n\treturn dateFnsFormat(tzDate, format)\n}\n"],"names":["format","dateFnsFormat"],"mappings":";;AAYO,MAAM,aAAa,CAAC,MAAYA,WAAqB,SAC3DC,OAAc,MAAMD,QAAM;AAIpB,MAAM,eAAe,CAAC,MAAY,UAAkBA,WAAqB,SAAiB;AAChG,QAAM,SAAS,IAAI,OAAO,MAAM,QAAQ;AACjC,SAAAC,OAAc,QAAQD,QAAM;AACpC;"}

package/dist/harmony140.cjs

@@ -1,11 +1,24 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const hasAny = (seed, ...items) => {
-  if (!seed) return false;
-  if (items.length === 0) return false;
-  const seedArray = Array.isArray(seed) ? seed : [seed];
-  if (seedArray.length === 0) return false;
-  return items.some((item) => seedArray.includes(item));
+const jsxRuntime = require("react/jsx-runtime");
+const louis = require("@lokalise/louis");
+const clsx = require("./harmony92.cjs");
+const UpgradeIcon_module = require("./harmony164.cjs");
+const UpgradeIcon = ({ className = "" }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "aria-label": "Upgrade Icon",
+      className: clsx.clsx(
+        UpgradeIcon_module.default.iconContainer,
+        "flex-row",
+        "items-center",
+        "justify-center",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(louis.CaretUpIcon, {})
+    }
+  );
 };
-exports.hasAny = hasAny;
+exports.UpgradeIcon = UpgradeIcon;
 //# sourceMappingURL=harmony140.cjs.map

package/dist/harmony140.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony140.cjs","sources":["../src/features/permissions/utils/hasAny.ts"],"sourcesContent":["export const hasAny = <T extends string>(seed: T | T[] | undefined, ...items: T[]) => {\n\tif (!seed) return false\n\tif (items.length === 0) return false\n\tconst seedArray = Array.isArray(seed) ? seed : [seed]\n\tif (seedArray.length === 0) return false\n\treturn items.some((item) => seedArray.includes(item))\n}\n"],"names":[],"mappings":";;AAAa,MAAA,SAAS,CAAmB,SAA8B,UAAe;AACjF,MAAA,CAAC,KAAa,QAAA;AACd,MAAA,MAAM,WAAW,EAAU,QAAA;AAC/B,QAAM,YAAY,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI;AAChD,MAAA,UAAU,WAAW,EAAU,QAAA;AACnC,SAAO,MAAM,KAAK,CAAC,SAAS,UAAU,SAAS,IAAI,CAAC;AACrD;;"}
+{"version":3,"file":"harmony140.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/UpgradeIcon/UpgradeIcon.tsx"],"sourcesContent":["import { CaretUpIcon } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport styles from './UpgradeIcon.module.css'\n\ntype UpgradeIconProps = {\n\tclassName?: string\n}\n\nexport const UpgradeIcon = ({ className = '' }: UpgradeIconProps) => {\n\treturn (\n\t\t<div\n\t\t\taria-label={'Upgrade Icon'}\n\t\t\tclassName={clsx(\n\t\t\t\tstyles.iconContainer,\n\t\t\t\t'flex-row',\n\t\t\t\t'items-center',\n\t\t\t\t'justify-center',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<CaretUpIcon />\n\t\t</div>\n\t)\n}\n"],"names":["jsx","clsx","styles","CaretUpIcon"],"mappings":";;;;;;AAQO,MAAM,cAAc,CAAC,EAAE,YAAY,SAA2B;AAEnE,SAAAA,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,cAAY;AAAA,MACZ,WAAWC,KAAA;AAAA,QACVC,mBAAAA,QAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,MAEA,yCAACC,MAAAA,aAAY,CAAA,CAAA;AAAA,IAAA;AAAA,EACd;AAEF;;"}

package/dist/harmony140.mjs

@@ -1,11 +1,24 @@
-const hasAny = (seed, ...items) => {
-  if (!seed) return false;
-  if (items.length === 0) return false;
-  const seedArray = Array.isArray(seed) ? seed : [seed];
-  if (seedArray.length === 0) return false;
-  return items.some((item) => seedArray.includes(item));
+import { jsx } from "react/jsx-runtime";
+import { CaretUpIcon } from "@lokalise/louis";
+import { clsx } from "./harmony92.mjs";
+import styles from "./harmony164.mjs";
+const UpgradeIcon = ({ className = "" }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-label": "Upgrade Icon",
+      className: clsx(
+        styles.iconContainer,
+        "flex-row",
+        "items-center",
+        "justify-center",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(CaretUpIcon, {})
+    }
+  );
 };
 export {
-  hasAny
+  UpgradeIcon
 };
 //# sourceMappingURL=harmony140.mjs.map

package/dist/harmony140.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony140.mjs","sources":["../src/features/permissions/utils/hasAny.ts"],"sourcesContent":["export const hasAny = <T extends string>(seed: T | T[] | undefined, ...items: T[]) => {\n\tif (!seed) return false\n\tif (items.length === 0) return false\n\tconst seedArray = Array.isArray(seed) ? seed : [seed]\n\tif (seedArray.length === 0) return false\n\treturn items.some((item) => seedArray.includes(item))\n}\n"],"names":[],"mappings":"AAAa,MAAA,SAAS,CAAmB,SAA8B,UAAe;AACjF,MAAA,CAAC,KAAa,QAAA;AACd,MAAA,MAAM,WAAW,EAAU,QAAA;AAC/B,QAAM,YAAY,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI;AAChD,MAAA,UAAU,WAAW,EAAU,QAAA;AACnC,SAAO,MAAM,KAAK,CAAC,SAAS,UAAU,SAAS,IAAI,CAAC;AACrD;"}
+{"version":3,"file":"harmony140.mjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/UpgradeIcon/UpgradeIcon.tsx"],"sourcesContent":["import { CaretUpIcon } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport styles from './UpgradeIcon.module.css'\n\ntype UpgradeIconProps = {\n\tclassName?: string\n}\n\nexport const UpgradeIcon = ({ className = '' }: UpgradeIconProps) => {\n\treturn (\n\t\t<div\n\t\t\taria-label={'Upgrade Icon'}\n\t\t\tclassName={clsx(\n\t\t\t\tstyles.iconContainer,\n\t\t\t\t'flex-row',\n\t\t\t\t'items-center',\n\t\t\t\t'justify-center',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<CaretUpIcon />\n\t\t</div>\n\t)\n}\n"],"names":[],"mappings":";;;;AAQO,MAAM,cAAc,CAAC,EAAE,YAAY,SAA2B;AAEnE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,cAAY;AAAA,MACZ,WAAW;AAAA,QACV,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,MAEA,8BAAC,aAAY,CAAA,CAAA;AAAA,IAAA;AAAA,EACd;AAEF;"}