@lokalise/harmony 1.27.3-exp-teamTypes.1 → 1.27.3

package/README.md

@@ -1,6 +1,7 @@
-# harmony
+# Harmony
+
 A temporary shared library designed to house reusable components, such as molecules and organisms, exclusively for the Expert and Flow platforms during the migration period. This library will be retired upon the completion of the migration and the establishment of the unified next-gen platform.
- 
+
 ## Storybook
 https://lokalise.github.io/harmony/?path=/story/app-shell-navigationpanel--default&args=sticky:!true
 
@@ -33,15 +34,15 @@ export const authenticationHeaderBuilder = HeaderBuilder.create()
         JwtAuthHeaderBuilderMiddleware({
             // Provide a way to refresh the token - there are utility functions to help with this in the frontend
             refreshToken: refreshExpiredToken(authHttpClient, getTeamId),
-            
+
             // Setup a source for the current token - there are utility functions to help with this in the frontend
             getCurrentToken: getJwtTokenFromCookie,
 
             // Additionally, you can promote a classic session to an authenticated session
             // when configuring a client in the context of a classic PHP CSRF session.
-            // this `promoteClassicSession` method will automatically promote the session to JWT 
+            // this `promoteClassicSession` method will automatically promote the session to JWT
             generateNewToken: generateTokenFromClassicSession(authHttpClient, getCsrfTokenFromCookie, getTeamId),
-            
+
             // Optionally, you can provide a callback to be notified when a new token is issued
             onNewTokenIssued: (token) => {
                 // Do something with the new token
@@ -78,9 +79,9 @@ import { type TeamUserResponse, getTeamUser } from '@lokalise/harmony';
 import { Client } from 'undici'
 
 const result: TeamUserResponse = async (client: Client) => {
-    return sendByGetRoute(client, getTeamUser, { 
+    return sendByGetRoute(client, getTeamUser, {
         pathParams: { teamId, userId },
         headers: { 'authorization': `Bearer token` }
     });
 }
-```
+```

package/dist/harmony.cjs

@@ -199,12 +199,9 @@ exports.LIST_TEAMS_QUERY_SCHEMA = teamTypes.LIST_TEAMS_QUERY_SCHEMA;
 exports.LIST_TEAMS_RESPONSE_SCHEMA = teamTypes.LIST_TEAMS_RESPONSE_SCHEMA;
 exports.RETRIEVE_TEAM_PATH_PARAMS_SCHEMA = teamTypes.RETRIEVE_TEAM_PATH_PARAMS_SCHEMA;
 exports.RETRIEVE_TEAM_RESPONSE_SCHEMA = teamTypes.RETRIEVE_TEAM_RESPONSE_SCHEMA;
-exports.TEAMS_QUOTA_ALLOWED_SCHEMA = teamTypes.TEAMS_QUOTA_ALLOWED_SCHEMA;
-exports.TEAMS_QUOTA_METRICS = teamTypes.TEAMS_QUOTA_METRICS;
-exports.TEAMS_QUOTA_METRICS_SCHEMA = teamTypes.TEAMS_QUOTA_METRICS_SCHEMA;
-exports.TEAMS_QUOTA_USAGE_SCHEMA = teamTypes.TEAMS_QUOTA_USAGE_SCHEMA;
 exports.TEAM_API_BASE_HEADERS_SCHEMA = teamTypes.TEAM_API_BASE_HEADERS_SCHEMA;
 exports.TEAM_QUOTA_ALLOWED_SCHEMA = teamTypes.TEAM_QUOTA_ALLOWED_SCHEMA;
+exports.TEAM_QUOTA_METRICS = teamTypes.TEAM_QUOTA_METRICS;
 exports.TEAM_QUOTA_METRICS_SCHEMA = teamTypes.TEAM_QUOTA_METRICS_SCHEMA;
 exports.TEAM_QUOTA_USAGE_SCHEMA = teamTypes.TEAM_QUOTA_USAGE_SCHEMA;
 exports.TEAM_USER_API_BASE_HEADERS_SCHEMA = teamUserTypes.TEAM_USER_API_BASE_HEADERS_SCHEMA;

package/dist/harmony.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"harmony.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/harmony.css

@@ -122,7 +122,8 @@
 	color: var(--lok-color-background-action-primary-default);
 	background-color: var(--lok-color-background-surface-fore);
 }
-._dropdownButton_13l5r_1 {
+._dropdownButton_1naek_1 {
+	cursor: pointer;
 	display: flex;
 	justify-content: center;
 	align-items: center;
@@ -139,7 +140,7 @@
 	}
 }
 
-._dropdownButtonActive_13l5r_18 {
+._dropdownButtonActive_1naek_19 {
 	color: var(--lok-color-background-action-primary-default);
 	background-color: var(--lok-color-background-surface-fore);
 }

package/dist/harmony.mjs

@@ -55,7 +55,7 @@ import { CREATE_PROJECT_REQUEST_BODY_SCHEMA, GET_PROJECT_PERMISSION_META_RESPONS
 import { GET_SCORE_REQUEST_QUERY_SCHEMA, GET_SCORE_RESPONSE_SCHEMA, ISSUE_SCHEMA, SEVERITY_ENUM } from "./harmony56.mjs";
 import { API_PLUGIN_HEADER_SCHEMA, APU_TOKEN_AUTH_HEADER_SCHEMA, AUTHENTICATION_HEADERS_SCHEMA, AUTHORIZATION_HEADER_SCHEMA, BASE_API_ENDPOINT_HEADER_SCHEMA } from "./harmony57.mjs";
 import { TEAM_ROLE_SCHEMA } from "./harmony58.mjs";
-import { LIST_TEAMS_QUERY_SCHEMA, LIST_TEAMS_RESPONSE_SCHEMA, RETRIEVE_TEAM_PATH_PARAMS_SCHEMA, RETRIEVE_TEAM_RESPONSE_SCHEMA, TEAMS_QUOTA_ALLOWED_SCHEMA, TEAMS_QUOTA_METRICS, TEAMS_QUOTA_METRICS_SCHEMA, TEAMS_QUOTA_USAGE_SCHEMA, TEAM_API_BASE_HEADERS_SCHEMA, TEAM_QUOTA_ALLOWED_SCHEMA, TEAM_QUOTA_METRICS_SCHEMA, TEAM_QUOTA_USAGE_SCHEMA } from "./harmony59.mjs";
+import { LIST_TEAMS_QUERY_SCHEMA, LIST_TEAMS_RESPONSE_SCHEMA, RETRIEVE_TEAM_PATH_PARAMS_SCHEMA, RETRIEVE_TEAM_RESPONSE_SCHEMA, TEAM_API_BASE_HEADERS_SCHEMA, TEAM_QUOTA_ALLOWED_SCHEMA, TEAM_QUOTA_METRICS, TEAM_QUOTA_METRICS_SCHEMA, TEAM_QUOTA_USAGE_SCHEMA } from "./harmony59.mjs";
 import { TEAM_USER_API_BASE_HEADERS_SCHEMA, TEAM_USER_PATH_PARAMS_SCHEMA, TEAM_USER_RESPONSE_SCHEMA, TEAM_USER_SCHEMA } from "./harmony60.mjs";
 import { JWT_TOKEN_SCHEMA, USER_TOKEN_REQUEST_HEADER_SCHEMA } from "./harmony61.mjs";
 export {
@@ -127,12 +127,9 @@ export {
   SidebarTaskLanguageStatuses,
   SidebarTaskStatuses,
   SidebarTaskTypeOptions,
-  TEAMS_QUOTA_ALLOWED_SCHEMA,
-  TEAMS_QUOTA_METRICS,
-  TEAMS_QUOTA_METRICS_SCHEMA,
-  TEAMS_QUOTA_USAGE_SCHEMA,
   TEAM_API_BASE_HEADERS_SCHEMA,
   TEAM_QUOTA_ALLOWED_SCHEMA,
+  TEAM_QUOTA_METRICS,
   TEAM_QUOTA_METRICS_SCHEMA,
   TEAM_QUOTA_USAGE_SCHEMA,
   TEAM_ROLE_SCHEMA,

package/dist/harmony100.cjs

@@ -1,10 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const TaskEvents = {
-  TaskCompleted: "task_completed",
-  TaskClosed: "task_closed",
-  Refresh: "refresh",
-  ShowDialog: "show_dialog"
-};
-exports.TaskEvents = TaskEvents;
+const React = require("react");
+const TasksContext = React.createContext({});
+const useTasks = () => React.useContext(TasksContext);
+exports.TasksContext = TasksContext;
+exports.useTasks = useTasks;
 //# sourceMappingURL=harmony100.cjs.map

package/dist/harmony100.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony100.cjs","sources":["../src/components/Sidebar/Widgets/Tasks/utils/taskEvents.ts"],"sourcesContent":["import type { TypesFromMap } from '@utils'\n\nexport const TaskEvents = {\n\tTaskCompleted: 'task_completed',\n\tTaskClosed: 'task_closed',\n\tRefresh: 'refresh',\n\tShowDialog: 'show_dialog',\n} as const\n\nexport type TaskEvent = TypesFromMap<typeof TaskEvents>\n\ntype SingleTaskPayload = {\n\ttaskId: string | number\n}\n\ntype DispatchTaskEventPayload =\n\t| {\n\t\t\tname: typeof TaskEvents.TaskCompleted\n\t\t\tdetail: SingleTaskPayload\n\t  }\n\t| {\n\t\t\tname: typeof TaskEvents.TaskClosed\n\t\t\tdetail: SingleTaskPayload\n\t  }\n\t| {\n\t\t\tname: typeof TaskEvents.Refresh\n\t  }\n\t| {\n\t\t\tname: typeof TaskEvents.ShowDialog\n\t  }\n\nexport const dispatchTaskEvent = (props: DispatchTaskEventPayload) => {\n\tconst { name } = props\n\tdocument.dispatchEvent(new CustomEvent(name, { detail: 'detail' in props ? props.detail : {} }))\n}\n"],"names":[],"mappings":";;AAEO,MAAM,aAAa;AAAA,EACzB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,YAAY;AACb;;"}
+{"version":3,"file":"harmony100.cjs","sources":["../src/components/Sidebar/Widgets/Tasks/TasksContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { SidebarTasksContextProps } from './types'\n\nexport const TasksContext = createContext({} as SidebarTasksContextProps)\n\nexport const useTasks = () => useContext(TasksContext)\n"],"names":["createContext","useContext"],"mappings":";;;AAGa,MAAA,eAAeA,MAAc,cAAA,CAA8B,CAAA;AAE3D,MAAA,WAAW,MAAMC,MAAAA,WAAW,YAAY;;;"}

package/dist/harmony100.mjs

@@ -1,10 +1,8 @@
-const TaskEvents = {
-  TaskCompleted: "task_completed",
-  TaskClosed: "task_closed",
-  Refresh: "refresh",
-  ShowDialog: "show_dialog"
-};
+import { createContext, useContext } from "react";
+const TasksContext = createContext({});
+const useTasks = () => useContext(TasksContext);
 export {
-  TaskEvents
+  TasksContext,
+  useTasks
 };
 //# sourceMappingURL=harmony100.mjs.map

package/dist/harmony100.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony100.mjs","sources":["../src/components/Sidebar/Widgets/Tasks/utils/taskEvents.ts"],"sourcesContent":["import type { TypesFromMap } from '@utils'\n\nexport const TaskEvents = {\n\tTaskCompleted: 'task_completed',\n\tTaskClosed: 'task_closed',\n\tRefresh: 'refresh',\n\tShowDialog: 'show_dialog',\n} as const\n\nexport type TaskEvent = TypesFromMap<typeof TaskEvents>\n\ntype SingleTaskPayload = {\n\ttaskId: string | number\n}\n\ntype DispatchTaskEventPayload =\n\t| {\n\t\t\tname: typeof TaskEvents.TaskCompleted\n\t\t\tdetail: SingleTaskPayload\n\t  }\n\t| {\n\t\t\tname: typeof TaskEvents.TaskClosed\n\t\t\tdetail: SingleTaskPayload\n\t  }\n\t| {\n\t\t\tname: typeof TaskEvents.Refresh\n\t  }\n\t| {\n\t\t\tname: typeof TaskEvents.ShowDialog\n\t  }\n\nexport const dispatchTaskEvent = (props: DispatchTaskEventPayload) => {\n\tconst { name } = props\n\tdocument.dispatchEvent(new CustomEvent(name, { detail: 'detail' in props ? props.detail : {} }))\n}\n"],"names":[],"mappings":"AAEO,MAAM,aAAa;AAAA,EACzB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,YAAY;AACb;"}
+{"version":3,"file":"harmony100.mjs","sources":["../src/components/Sidebar/Widgets/Tasks/TasksContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { SidebarTasksContextProps } from './types'\n\nexport const TasksContext = createContext({} as SidebarTasksContextProps)\n\nexport const useTasks = () => useContext(TasksContext)\n"],"names":[],"mappings":";AAGa,MAAA,eAAe,cAAc,CAA8B,CAAA;AAE3D,MAAA,WAAW,MAAM,WAAW,YAAY;"}

package/dist/harmony101.cjs

@@ -1,21 +1,43 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const zod = require("zod");
-const teamRoleTypes = require("./harmony58.cjs");
-const JWT_TOKEN_PAYLOAD_SCHEMA = zod.z.object({
-  userId: zod.z.number(),
-  userUuid: zod.z.string().uuid(),
-  teamId: zod.z.number(),
-  teamUuid: zod.z.string().uuid(),
-  userTeamRole: teamRoleTypes.TEAM_ROLE_SCHEMA,
-  userEmail: zod.z.string().email(),
-  userName: zod.z.string(),
-  userCurrentTeamId: zod.z.number(),
-  planId: zod.z.number(),
-  planName: zod.z.string(),
-  isProviderAlpha: zod.z.boolean(),
-  isFullyAuthenticated: zod.z.boolean(),
-  exp: zod.z.number()
-});
-exports.JWT_TOKEN_PAYLOAD_SCHEMA = JWT_TOKEN_PAYLOAD_SCHEMA;
+const jsxRuntime = require("react/jsx-runtime");
+const louis = require("@lokalise/louis");
+const useEffectOnce = require("./harmony11.cjs");
+const TaskOverview = require("./harmony113.cjs");
+const TasksContext = require("./harmony100.cjs");
+const taskEvents = require("./harmony103.cjs");
+const TasksPopover_module = require("./harmony114.cjs");
+const TasksPopover = () => {
+  const { tasks, onTasksWidgetOpen, loadingTasks, fetchTasks } = TasksContext.useTasks();
+  useEffectOnce.useEffectOnce(() => {
+    const handleTaskPopoverOpen = async () => {
+      const contextTasks = await fetchTasks();
+      onTasksWidgetOpen == null ? void 0 : onTasksWidgetOpen({ tasks: contextTasks });
+    };
+    handleTaskPopoverOpen();
+    document.addEventListener(taskEvents.TaskEvents.TaskCompleted, fetchTasks);
+    document.addEventListener(taskEvents.TaskEvents.TaskClosed, fetchTasks);
+    document.addEventListener(taskEvents.TaskEvents.Refresh, fetchTasks);
+    return () => {
+      document.removeEventListener(taskEvents.TaskEvents.TaskCompleted, fetchTasks);
+      document.removeEventListener(taskEvents.TaskEvents.TaskClosed, fetchTasks);
+      document.removeEventListener(taskEvents.TaskEvents.Refresh, fetchTasks);
+    };
+  });
+  if (loadingTasks) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "sidebar-tasks-loading-popover", className: TasksPopover_module.default.loadingContainer, children: /* @__PURE__ */ jsxRuntime.jsx(louis.Loading, {}) });
+  }
+  if (tasks.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": "sidebar-no-tasks-popover", className: TasksPopover_module.default.noTasksContainer, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: TasksPopover_module.default.noTasksHeading, children: "No tasks" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: TasksPopover_module.default.noTasksText, children: [
+        "Your incoming tasks will appear here.",
+        /* @__PURE__ */ jsxRuntime.jsx("br", {}),
+        /* @__PURE__ */ jsxRuntime.jsx(louis.Link, { href: "https://docs.lokalise.com/translation-workflow/tasks", target: "_new", children: "Learn more" })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "sidebar-tasks-popover", className: TasksPopover_module.default.tasksContainer, children: tasks.map((task) => /* @__PURE__ */ jsxRuntime.jsx(TaskOverview.TaskOverview, { task }, task.id)) });
+};
+exports.TasksPopover = TasksPopover;
 //# sourceMappingURL=harmony101.cjs.map

package/dist/harmony101.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony101.cjs","sources":["../src/features/auth/core/types/jwtTokenPayload.ts"],"sourcesContent":["import { z } from 'zod'\nimport { TEAM_ROLE_SCHEMA } from '../../../publicApi/types/teamRoleTypes'\n\nexport const JWT_TOKEN_PAYLOAD_SCHEMA = z.object({\n\tuserId: z.number(),\n\tuserUuid: z.string().uuid(),\n\tteamId: z.number(),\n\tteamUuid: z.string().uuid(),\n\tuserTeamRole: TEAM_ROLE_SCHEMA,\n\tuserEmail: z.string().email(),\n\tuserName: z.string(),\n\tuserCurrentTeamId: z.number(),\n\tplanId: z.number(),\n\tplanName: z.string(),\n\tisProviderAlpha: z.boolean(),\n\tisFullyAuthenticated: z.boolean(),\n\texp: z.number(),\n})\nexport type JwtTokenPayload = z.infer<typeof JWT_TOKEN_PAYLOAD_SCHEMA>\n"],"names":["z","TEAM_ROLE_SCHEMA"],"mappings":";;;;AAGa,MAAA,2BAA2BA,MAAE,OAAO;AAAA,EAChD,QAAQA,MAAE,OAAO;AAAA,EACjB,UAAUA,IAAA,EAAE,OAAO,EAAE,KAAK;AAAA,EAC1B,QAAQA,MAAE,OAAO;AAAA,EACjB,UAAUA,IAAA,EAAE,OAAO,EAAE,KAAK;AAAA,EAC1B,cAAcC,cAAA;AAAA,EACd,WAAWD,IAAA,EAAE,OAAO,EAAE,MAAM;AAAA,EAC5B,UAAUA,MAAE,OAAO;AAAA,EACnB,mBAAmBA,MAAE,OAAO;AAAA,EAC5B,QAAQA,MAAE,OAAO;AAAA,EACjB,UAAUA,MAAE,OAAO;AAAA,EACnB,iBAAiBA,MAAE,QAAQ;AAAA,EAC3B,sBAAsBA,MAAE,QAAQ;AAAA,EAChC,KAAKA,MAAE,OAAO;AACf,CAAC;;"}
+{"version":3,"file":"harmony101.cjs","sources":["../src/components/Sidebar/Widgets/Tasks/TasksPopover/TasksPopover.tsx"],"sourcesContent":["import { Link, Loading } from '@lokalise/louis'\nimport { useEffectOnce } from '@utils'\nimport { TaskOverview } from '../TaskOverview/TaskOverview'\nimport { useTasks } from '../TasksContext'\nimport type { SidebarTask } from '../types'\nimport { TaskEvents } from '../utils/taskEvents'\nimport styles from './TasksPopover.module.css'\n\nexport const TasksPopover = () => {\n\tconst { tasks, onTasksWidgetOpen, loadingTasks, fetchTasks } = useTasks()\n\n\tuseEffectOnce(() => {\n\t\tconst handleTaskPopoverOpen = async () => {\n\t\t\tconst contextTasks = await fetchTasks()\n\t\t\tonTasksWidgetOpen?.({ tasks: contextTasks })\n\t\t}\n\n\t\thandleTaskPopoverOpen()\n\n\t\tdocument.addEventListener(TaskEvents.TaskCompleted, fetchTasks)\n\t\tdocument.addEventListener(TaskEvents.TaskClosed, fetchTasks)\n\t\tdocument.addEventListener(TaskEvents.Refresh, fetchTasks)\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(TaskEvents.TaskCompleted, fetchTasks)\n\t\t\tdocument.removeEventListener(TaskEvents.TaskClosed, fetchTasks)\n\t\t\tdocument.removeEventListener(TaskEvents.Refresh, fetchTasks)\n\t\t}\n\t})\n\n\tif (loadingTasks) {\n\t\treturn (\n\t\t\t<div data-testid=\"sidebar-tasks-loading-popover\" className={styles.loadingContainer}>\n\t\t\t\t<Loading />\n\t\t\t</div>\n\t\t)\n\t}\n\n\tif (tasks.length === 0) {\n\t\treturn (\n\t\t\t<div data-testid=\"sidebar-no-tasks-popover\" className={styles.noTasksContainer}>\n\t\t\t\t<h3 className={styles.noTasksHeading}>No tasks</h3>\n\t\t\t\t<div className={styles.noTasksText}>\n\t\t\t\t\tYour incoming tasks will appear here.\n\t\t\t\t\t<br />\n\t\t\t\t\t<Link href=\"https://docs.lokalise.com/translation-workflow/tasks\" target=\"_new\">\n\t\t\t\t\t\tLearn more\n\t\t\t\t\t</Link>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t)\n\t}\n\n\treturn (\n\t\t<div data-testid=\"sidebar-tasks-popover\" className={styles.tasksContainer}>\n\t\t\t{tasks.map((task: SidebarTask) => (\n\t\t\t\t<TaskOverview key={task.id} task={task} />\n\t\t\t))}\n\t\t</div>\n\t)\n}\n"],"names":["useTasks","useEffectOnce","TaskEvents","jsx","styles","Loading","jsxs","Link","TaskOverview"],"mappings":";;;;;;;;;AAQO,MAAM,eAAe,MAAM;AACjC,QAAM,EAAE,OAAO,mBAAmB,cAAc,WAAA,IAAeA,aAAAA,SAAS;AAExEC,gBAAAA,cAAc,MAAM;AACnB,UAAM,wBAAwB,YAAY;AACnC,YAAA,eAAe,MAAM,WAAW;AAClB,6DAAA,EAAE,OAAO;IAC9B;AAEsB,0BAAA;AAEb,aAAA,iBAAiBC,sBAAW,eAAe,UAAU;AACrD,aAAA,iBAAiBA,sBAAW,YAAY,UAAU;AAClD,aAAA,iBAAiBA,sBAAW,SAAS,UAAU;AAExD,WAAO,MAAM;AACH,eAAA,oBAAoBA,sBAAW,eAAe,UAAU;AACxD,eAAA,oBAAoBA,sBAAW,YAAY,UAAU;AACrD,eAAA,oBAAoBA,sBAAW,SAAS,UAAU;AAAA,IAC5D;AAAA,EAAA,CACA;AAED,MAAI,cAAc;AAEhB,WAAAC,2BAAA,IAAC,SAAI,eAAY,iCAAgC,WAAWC,4BAAO,kBAClE,UAACD,2BAAAA,IAAAE,MAAAA,SAAA,CAAA,CAAQ,EACV,CAAA;AAAA,EAAA;AAIE,MAAA,MAAM,WAAW,GAAG;AACvB,2CACE,OAAI,EAAA,eAAY,4BAA2B,WAAWD,oBAAAA,QAAO,kBAC7D,UAAA;AAAA,MAAAD,2BAAA,IAAC,MAAG,EAAA,WAAWC,oBAAO,QAAA,gBAAgB,UAAQ,YAAA;AAAA,MAC7CE,2BAAA,KAAA,OAAA,EAAI,WAAWF,oBAAAA,QAAO,aAAa,UAAA;AAAA,QAAA;AAAA,uCAElC,MAAG,EAAA;AAAA,uCACHG,MAAAA,MAAK,EAAA,MAAK,wDAAuD,QAAO,QAAO,UAEhF,aAAA,CAAA;AAAA,MAAA,EACD,CAAA;AAAA,IAAA,GACD;AAAA,EAAA;AAIF,wCACE,OAAI,EAAA,eAAY,yBAAwB,WAAWH,oBAAAA,QAAO,gBACzD,UAAA,MAAM,IAAI,CAAC,SACVD,2BAAA,IAAAK,2BAAA,EAA2B,QAAT,KAAK,EAAgB,CACxC,GACF;AAEF;;"}

package/dist/harmony101.mjs

@@ -1,21 +1,43 @@
-import { z } from "zod";
-import { TEAM_ROLE_SCHEMA } from "./harmony58.mjs";
-const JWT_TOKEN_PAYLOAD_SCHEMA = z.object({
-  userId: z.number(),
-  userUuid: z.string().uuid(),
-  teamId: z.number(),
-  teamUuid: z.string().uuid(),
-  userTeamRole: TEAM_ROLE_SCHEMA,
-  userEmail: z.string().email(),
-  userName: z.string(),
-  userCurrentTeamId: z.number(),
-  planId: z.number(),
-  planName: z.string(),
-  isProviderAlpha: z.boolean(),
-  isFullyAuthenticated: z.boolean(),
-  exp: z.number()
-});
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loading, Link } from "@lokalise/louis";
+import { useEffectOnce } from "./harmony11.mjs";
+import { TaskOverview } from "./harmony113.mjs";
+import { useTasks } from "./harmony100.mjs";
+import { TaskEvents } from "./harmony103.mjs";
+import styles from "./harmony114.mjs";
+const TasksPopover = () => {
+  const { tasks, onTasksWidgetOpen, loadingTasks, fetchTasks } = useTasks();
+  useEffectOnce(() => {
+    const handleTaskPopoverOpen = async () => {
+      const contextTasks = await fetchTasks();
+      onTasksWidgetOpen == null ? void 0 : onTasksWidgetOpen({ tasks: contextTasks });
+    };
+    handleTaskPopoverOpen();
+    document.addEventListener(TaskEvents.TaskCompleted, fetchTasks);
+    document.addEventListener(TaskEvents.TaskClosed, fetchTasks);
+    document.addEventListener(TaskEvents.Refresh, fetchTasks);
+    return () => {
+      document.removeEventListener(TaskEvents.TaskCompleted, fetchTasks);
+      document.removeEventListener(TaskEvents.TaskClosed, fetchTasks);
+      document.removeEventListener(TaskEvents.Refresh, fetchTasks);
+    };
+  });
+  if (loadingTasks) {
+    return /* @__PURE__ */ jsx("div", { "data-testid": "sidebar-tasks-loading-popover", className: styles.loadingContainer, children: /* @__PURE__ */ jsx(Loading, {}) });
+  }
+  if (tasks.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { "data-testid": "sidebar-no-tasks-popover", className: styles.noTasksContainer, children: [
+      /* @__PURE__ */ jsx("h3", { className: styles.noTasksHeading, children: "No tasks" }),
+      /* @__PURE__ */ jsxs("div", { className: styles.noTasksText, children: [
+        "Your incoming tasks will appear here.",
+        /* @__PURE__ */ jsx("br", {}),
+        /* @__PURE__ */ jsx(Link, { href: "https://docs.lokalise.com/translation-workflow/tasks", target: "_new", children: "Learn more" })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsx("div", { "data-testid": "sidebar-tasks-popover", className: styles.tasksContainer, children: tasks.map((task) => /* @__PURE__ */ jsx(TaskOverview, { task }, task.id)) });
+};
 export {
-  JWT_TOKEN_PAYLOAD_SCHEMA
+  TasksPopover
 };
 //# sourceMappingURL=harmony101.mjs.map

package/dist/harmony101.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony101.mjs","sources":["../src/features/auth/core/types/jwtTokenPayload.ts"],"sourcesContent":["import { z } from 'zod'\nimport { TEAM_ROLE_SCHEMA } from '../../../publicApi/types/teamRoleTypes'\n\nexport const JWT_TOKEN_PAYLOAD_SCHEMA = z.object({\n\tuserId: z.number(),\n\tuserUuid: z.string().uuid(),\n\tteamId: z.number(),\n\tteamUuid: z.string().uuid(),\n\tuserTeamRole: TEAM_ROLE_SCHEMA,\n\tuserEmail: z.string().email(),\n\tuserName: z.string(),\n\tuserCurrentTeamId: z.number(),\n\tplanId: z.number(),\n\tplanName: z.string(),\n\tisProviderAlpha: z.boolean(),\n\tisFullyAuthenticated: z.boolean(),\n\texp: z.number(),\n})\nexport type JwtTokenPayload = z.infer<typeof JWT_TOKEN_PAYLOAD_SCHEMA>\n"],"names":[],"mappings":";;AAGa,MAAA,2BAA2B,EAAE,OAAO;AAAA,EAChD,QAAQ,EAAE,OAAO;AAAA,EACjB,UAAU,EAAE,OAAO,EAAE,KAAK;AAAA,EAC1B,QAAQ,EAAE,OAAO;AAAA,EACjB,UAAU,EAAE,OAAO,EAAE,KAAK;AAAA,EAC1B,cAAc;AAAA,EACd,WAAW,EAAE,OAAO,EAAE,MAAM;AAAA,EAC5B,UAAU,EAAE,OAAO;AAAA,EACnB,mBAAmB,EAAE,OAAO;AAAA,EAC5B,QAAQ,EAAE,OAAO;AAAA,EACjB,UAAU,EAAE,OAAO;AAAA,EACnB,iBAAiB,EAAE,QAAQ;AAAA,EAC3B,sBAAsB,EAAE,QAAQ;AAAA,EAChC,KAAK,EAAE,OAAO;AACf,CAAC;"}
+{"version":3,"file":"harmony101.mjs","sources":["../src/components/Sidebar/Widgets/Tasks/TasksPopover/TasksPopover.tsx"],"sourcesContent":["import { Link, Loading } from '@lokalise/louis'\nimport { useEffectOnce } from '@utils'\nimport { TaskOverview } from '../TaskOverview/TaskOverview'\nimport { useTasks } from '../TasksContext'\nimport type { SidebarTask } from '../types'\nimport { TaskEvents } from '../utils/taskEvents'\nimport styles from './TasksPopover.module.css'\n\nexport const TasksPopover = () => {\n\tconst { tasks, onTasksWidgetOpen, loadingTasks, fetchTasks } = useTasks()\n\n\tuseEffectOnce(() => {\n\t\tconst handleTaskPopoverOpen = async () => {\n\t\t\tconst contextTasks = await fetchTasks()\n\t\t\tonTasksWidgetOpen?.({ tasks: contextTasks })\n\t\t}\n\n\t\thandleTaskPopoverOpen()\n\n\t\tdocument.addEventListener(TaskEvents.TaskCompleted, fetchTasks)\n\t\tdocument.addEventListener(TaskEvents.TaskClosed, fetchTasks)\n\t\tdocument.addEventListener(TaskEvents.Refresh, fetchTasks)\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(TaskEvents.TaskCompleted, fetchTasks)\n\t\t\tdocument.removeEventListener(TaskEvents.TaskClosed, fetchTasks)\n\t\t\tdocument.removeEventListener(TaskEvents.Refresh, fetchTasks)\n\t\t}\n\t})\n\n\tif (loadingTasks) {\n\t\treturn (\n\t\t\t<div data-testid=\"sidebar-tasks-loading-popover\" className={styles.loadingContainer}>\n\t\t\t\t<Loading />\n\t\t\t</div>\n\t\t)\n\t}\n\n\tif (tasks.length === 0) {\n\t\treturn (\n\t\t\t<div data-testid=\"sidebar-no-tasks-popover\" className={styles.noTasksContainer}>\n\t\t\t\t<h3 className={styles.noTasksHeading}>No tasks</h3>\n\t\t\t\t<div className={styles.noTasksText}>\n\t\t\t\t\tYour incoming tasks will appear here.\n\t\t\t\t\t<br />\n\t\t\t\t\t<Link href=\"https://docs.lokalise.com/translation-workflow/tasks\" target=\"_new\">\n\t\t\t\t\t\tLearn more\n\t\t\t\t\t</Link>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t)\n\t}\n\n\treturn (\n\t\t<div data-testid=\"sidebar-tasks-popover\" className={styles.tasksContainer}>\n\t\t\t{tasks.map((task: SidebarTask) => (\n\t\t\t\t<TaskOverview key={task.id} task={task} />\n\t\t\t))}\n\t\t</div>\n\t)\n}\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,eAAe,MAAM;AACjC,QAAM,EAAE,OAAO,mBAAmB,cAAc,WAAA,IAAe,SAAS;AAExE,gBAAc,MAAM;AACnB,UAAM,wBAAwB,YAAY;AACnC,YAAA,eAAe,MAAM,WAAW;AAClB,6DAAA,EAAE,OAAO;IAC9B;AAEsB,0BAAA;AAEb,aAAA,iBAAiB,WAAW,eAAe,UAAU;AACrD,aAAA,iBAAiB,WAAW,YAAY,UAAU;AAClD,aAAA,iBAAiB,WAAW,SAAS,UAAU;AAExD,WAAO,MAAM;AACH,eAAA,oBAAoB,WAAW,eAAe,UAAU;AACxD,eAAA,oBAAoB,WAAW,YAAY,UAAU;AACrD,eAAA,oBAAoB,WAAW,SAAS,UAAU;AAAA,IAC5D;AAAA,EAAA,CACA;AAED,MAAI,cAAc;AAEhB,WAAA,oBAAC,SAAI,eAAY,iCAAgC,WAAW,OAAO,kBAClE,UAAC,oBAAA,SAAA,CAAA,CAAQ,EACV,CAAA;AAAA,EAAA;AAIE,MAAA,MAAM,WAAW,GAAG;AACvB,gCACE,OAAI,EAAA,eAAY,4BAA2B,WAAW,OAAO,kBAC7D,UAAA;AAAA,MAAA,oBAAC,MAAG,EAAA,WAAW,OAAO,gBAAgB,UAAQ,YAAA;AAAA,MAC7C,qBAAA,OAAA,EAAI,WAAW,OAAO,aAAa,UAAA;AAAA,QAAA;AAAA,4BAElC,MAAG,EAAA;AAAA,4BACH,MAAK,EAAA,MAAK,wDAAuD,QAAO,QAAO,UAEhF,aAAA,CAAA;AAAA,MAAA,EACD,CAAA;AAAA,IAAA,GACD;AAAA,EAAA;AAIF,6BACE,OAAI,EAAA,eAAY,yBAAwB,WAAW,OAAO,gBACzD,UAAA,MAAM,IAAI,CAAC,SACV,oBAAA,cAAA,EAA2B,QAAT,KAAK,EAAgB,CACxC,GACF;AAEF;"}

package/dist/harmony102.cjs

@@ -1,17 +1,63 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jwtTokenPayload = require("./harmony15.cjs");
-const _NewJwtIssuedEvent = class _NewJwtIssuedEvent extends CustomEvent {
-  constructor(token) {
-    super(_NewJwtIssuedEvent.eventName, {
-      detail: { token, payload: jwtTokenPayload.parseJwtTokenPayload(token.accessToken) }
-    });
-  }
+const jsxRuntime = require("react/jsx-runtime");
+const useEffectOnce = require("./harmony11.cjs");
+const React = require("react");
+const TasksContext = require("./harmony100.cjs");
+const taskEvents = require("./harmony103.cjs");
+const TasksProvider = ({ children, config }) => {
+  const [tasks, setTasks] = React.useState([]);
+  const [loadingTasks, setLoadingTasks] = React.useState(true);
+  const [tasksCount, setTaskCount] = React.useState(0);
+  const {
+    getProjectUrl,
+    onLanguageCompleteConfirm,
+    onTasksWidgetOpen,
+    langNameOnClick,
+    langProgressOnClick,
+    taskTitleOnClick
+  } = config;
+  const { getTasks, getTasksCount } = config;
+  const fetchTasks = async () => {
+    setLoadingTasks(true);
+    const result = await getTasks();
+    setTasks(result);
+    setLoadingTasks(false);
+    return result;
+  };
+  const fetchTaskCount = async () => {
+    const result = await getTasksCount();
+    setTaskCount(result);
+  };
+  useEffectOnce.useEffectOnce(() => {
+    fetchTaskCount();
+    document.addEventListener(taskEvents.TaskEvents.TaskCompleted, fetchTaskCount);
+    document.addEventListener(taskEvents.TaskEvents.TaskClosed, fetchTaskCount);
+    document.addEventListener(taskEvents.TaskEvents.Refresh, fetchTaskCount);
+    return () => {
+      document.removeEventListener(taskEvents.TaskEvents.TaskCompleted, fetchTaskCount);
+      document.removeEventListener(taskEvents.TaskEvents.TaskClosed, fetchTaskCount);
+      document.removeEventListener(taskEvents.TaskEvents.Refresh, fetchTaskCount);
+    };
+  });
+  const providerValue = {
+    fetchTasks,
+    tasks,
+    tasksCount,
+    loadingTasks,
+    getProjectUrl,
+    onLanguageCompleteConfirm,
+    onTasksWidgetOpen,
+    langNameOnClick,
+    langProgressOnClick,
+    taskTitleOnClick
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(TasksContext.TasksContext.Provider, { value: providerValue, children });
 };
-__publicField(_NewJwtIssuedEvent, "eventName", "new-jwt-issued");
-let NewJwtIssuedEvent = _NewJwtIssuedEvent;
-exports.NewJwtIssuedEvent = NewJwtIssuedEvent;
+const withTasksContext = (WrappedComponent) => function withTasksContextFn(props) {
+  const { config, ...rest } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(TasksProvider, { config, children: /* @__PURE__ */ jsxRuntime.jsx(WrappedComponent, { ...rest }) });
+};
+exports.TasksProvider = TasksProvider;
+exports.withTasksContext = withTasksContext;
 //# sourceMappingURL=harmony102.cjs.map

package/dist/harmony102.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony102.cjs","sources":["../src/features/auth/frontend/events/NewJwtIssuedEvent.ts"],"sourcesContent":["import type { JwtTokenPayload } from '@features/auth/core/types/jwtTokenPayload'\nimport { parseJwtTokenPayload } from '@features/auth/core/utils/jwtTokenPayload'\nimport type { JwtToken } from '@features/publicApi/types/userTokenTypes'\n\ntype NewJwtIssuedEventDetail = {\n\ttoken: JwtToken\n\tpayload: JwtTokenPayload | undefined\n}\n\n/**\n * This event is emitted when a new JWT token is issued or refreshed.\n */\nexport class NewJwtIssuedEvent extends CustomEvent<NewJwtIssuedEventDetail> {\n\tstatic readonly eventName = 'new-jwt-issued' as const\n\n\tconstructor(token: JwtToken) {\n\t\tsuper(NewJwtIssuedEvent.eventName, {\n\t\t\tdetail: { token, payload: parseJwtTokenPayload(token.accessToken) },\n\t\t})\n\t}\n}\n\nexport const isNewJwtIssuedEvent = (event: Event): event is NewJwtIssuedEvent =>\n\tevent.type === NewJwtIssuedEvent.eventName\n\ndeclare global {\n\tinterface WindowEventMap {\n\t\t[NewJwtIssuedEvent.eventName]: NewJwtIssuedEvent\n\t}\n}\n"],"names":["parseJwtTokenPayload"],"mappings":";;;;;;AAYO,MAAM,qBAAN,MAAM,2BAA0B,YAAqC;AAAA,EAG3E,YAAY,OAAiB;AAC5B,UAAM,mBAAkB,WAAW;AAAA,MAClC,QAAQ,EAAE,OAAO,SAASA,gBAAAA,qBAAqB,MAAM,WAAW,EAAE;AAAA,IAAA,CAClE;AAAA,EAAA;AAEH;AAPC,cADY,oBACI,aAAY;AADtB,IAAM,oBAAN;;"}
+{"version":3,"file":"harmony102.cjs","sources":["../src/components/Sidebar/Widgets/Tasks/TasksProvider.tsx"],"sourcesContent":["import { useEffectOnce } from '@utils'\nimport { type FC, type PropsWithChildren, useState } from 'react'\nimport { TasksContext } from './TasksContext'\nimport type { SidebarTask, SidebarTasksConfig, SidebarTasksContextProps } from './types'\nimport { TaskEvents } from './utils/taskEvents'\n\ntype TasksProviderProps = PropsWithChildren<{\n\tconfig: SidebarTasksConfig\n}>\n\nexport const TasksProvider = ({ children, config }: TasksProviderProps) => {\n\tconst [tasks, setTasks] = useState<SidebarTask[]>([])\n\tconst [loadingTasks, setLoadingTasks] = useState(true)\n\n\tconst [tasksCount, setTaskCount] = useState(0)\n\n\tconst {\n\t\tgetProjectUrl,\n\t\tonLanguageCompleteConfirm,\n\t\tonTasksWidgetOpen,\n\t\tlangNameOnClick,\n\t\tlangProgressOnClick,\n\t\ttaskTitleOnClick,\n\t} = config\n\n\tconst { getTasks, getTasksCount } = config\n\n\tconst fetchTasks = async () => {\n\t\tsetLoadingTasks(true)\n\t\tconst result = await getTasks()\n\t\tsetTasks(result)\n\t\tsetLoadingTasks(false)\n\t\treturn result\n\t}\n\n\tconst fetchTaskCount = async () => {\n\t\tconst result = await getTasksCount()\n\t\tsetTaskCount(result)\n\t}\n\n\tuseEffectOnce(() => {\n\t\tfetchTaskCount()\n\n\t\tdocument.addEventListener(TaskEvents.TaskCompleted, fetchTaskCount)\n\t\tdocument.addEventListener(TaskEvents.TaskClosed, fetchTaskCount)\n\t\tdocument.addEventListener(TaskEvents.Refresh, fetchTaskCount)\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(TaskEvents.TaskCompleted, fetchTaskCount)\n\t\t\tdocument.removeEventListener(TaskEvents.TaskClosed, fetchTaskCount)\n\t\t\tdocument.removeEventListener(TaskEvents.Refresh, fetchTaskCount)\n\t\t}\n\t})\n\n\tconst providerValue: SidebarTasksContextProps = {\n\t\tfetchTasks,\n\t\ttasks,\n\t\ttasksCount,\n\t\tloadingTasks,\n\t\tgetProjectUrl,\n\t\tonLanguageCompleteConfirm,\n\t\tonTasksWidgetOpen,\n\t\tlangNameOnClick,\n\t\tlangProgressOnClick,\n\t\ttaskTitleOnClick,\n\t}\n\n\treturn <TasksContext.Provider value={providerValue}>{children}</TasksContext.Provider>\n}\n\nexport const withTasksContext = <P extends { config: SidebarTasksConfig }>(\n\tWrappedComponent: FC<Omit<P, 'config'>>,\n) =>\n\tfunction withTasksContextFn(props: P) {\n\t\tconst { config, ...rest } = props\n\n\t\treturn (\n\t\t\t<TasksProvider config={config}>\n\t\t\t\t<WrappedComponent {...rest} />\n\t\t\t</TasksProvider>\n\t\t)\n\t}\n"],"names":["useState","useEffectOnce","TaskEvents","TasksContext"],"mappings":";;;;;;;AAUO,MAAM,gBAAgB,CAAC,EAAE,UAAU,aAAiC;AAC1E,QAAM,CAAC,OAAO,QAAQ,IAAIA,MAAAA,SAAwB,CAAA,CAAE;AACpD,QAAM,CAAC,cAAc,eAAe,IAAIA,MAAAA,SAAS,IAAI;AAErD,QAAM,CAAC,YAAY,YAAY,IAAIA,MAAAA,SAAS,CAAC;AAEvC,QAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACG;AAEE,QAAA,EAAE,UAAU,cAAA,IAAkB;AAEpC,QAAM,aAAa,YAAY;AAC9B,oBAAgB,IAAI;AACd,UAAA,SAAS,MAAM,SAAS;AAC9B,aAAS,MAAM;AACf,oBAAgB,KAAK;AACd,WAAA;AAAA,EACR;AAEA,QAAM,iBAAiB,YAAY;AAC5B,UAAA,SAAS,MAAM,cAAc;AACnC,iBAAa,MAAM;AAAA,EACpB;AAEAC,gBAAAA,cAAc,MAAM;AACJ,mBAAA;AAEN,aAAA,iBAAiBC,sBAAW,eAAe,cAAc;AACzD,aAAA,iBAAiBA,sBAAW,YAAY,cAAc;AACtD,aAAA,iBAAiBA,sBAAW,SAAS,cAAc;AAE5D,WAAO,MAAM;AACH,eAAA,oBAAoBA,sBAAW,eAAe,cAAc;AAC5D,eAAA,oBAAoBA,sBAAW,YAAY,cAAc;AACzD,eAAA,oBAAoBA,sBAAW,SAAS,cAAc;AAAA,IAChE;AAAA,EAAA,CACA;AAED,QAAM,gBAA0C;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAEA,wCAAQC,aAAAA,aAAa,UAAb,EAAsB,OAAO,eAAgB,UAAS;AAC/D;AAEO,MAAM,mBAAmB,CAC/B,qBAEA,SAAS,mBAAmB,OAAU;AACrC,QAAM,EAAE,QAAQ,GAAG,KAAA,IAAS;AAE5B,wCACE,eAAc,EAAA,QACd,yCAAC,kBAAkB,EAAA,GAAG,KAAM,CAAA,GAC7B;AAEF;;;"}

package/dist/harmony102.mjs

@@ -1,17 +1,63 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { parseJwtTokenPayload } from "./harmony15.mjs";
-const _NewJwtIssuedEvent = class _NewJwtIssuedEvent extends CustomEvent {
-  constructor(token) {
-    super(_NewJwtIssuedEvent.eventName, {
-      detail: { token, payload: parseJwtTokenPayload(token.accessToken) }
-    });
-  }
+import { jsx } from "react/jsx-runtime";
+import { useEffectOnce } from "./harmony11.mjs";
+import { useState } from "react";
+import { TasksContext } from "./harmony100.mjs";
+import { TaskEvents } from "./harmony103.mjs";
+const TasksProvider = ({ children, config }) => {
+  const [tasks, setTasks] = useState([]);
+  const [loadingTasks, setLoadingTasks] = useState(true);
+  const [tasksCount, setTaskCount] = useState(0);
+  const {
+    getProjectUrl,
+    onLanguageCompleteConfirm,
+    onTasksWidgetOpen,
+    langNameOnClick,
+    langProgressOnClick,
+    taskTitleOnClick
+  } = config;
+  const { getTasks, getTasksCount } = config;
+  const fetchTasks = async () => {
+    setLoadingTasks(true);
+    const result = await getTasks();
+    setTasks(result);
+    setLoadingTasks(false);
+    return result;
+  };
+  const fetchTaskCount = async () => {
+    const result = await getTasksCount();
+    setTaskCount(result);
+  };
+  useEffectOnce(() => {
+    fetchTaskCount();
+    document.addEventListener(TaskEvents.TaskCompleted, fetchTaskCount);
+    document.addEventListener(TaskEvents.TaskClosed, fetchTaskCount);
+    document.addEventListener(TaskEvents.Refresh, fetchTaskCount);
+    return () => {
+      document.removeEventListener(TaskEvents.TaskCompleted, fetchTaskCount);
+      document.removeEventListener(TaskEvents.TaskClosed, fetchTaskCount);
+      document.removeEventListener(TaskEvents.Refresh, fetchTaskCount);
+    };
+  });
+  const providerValue = {
+    fetchTasks,
+    tasks,
+    tasksCount,
+    loadingTasks,
+    getProjectUrl,
+    onLanguageCompleteConfirm,
+    onTasksWidgetOpen,
+    langNameOnClick,
+    langProgressOnClick,
+    taskTitleOnClick
+  };
+  return /* @__PURE__ */ jsx(TasksContext.Provider, { value: providerValue, children });
+};
+const withTasksContext = (WrappedComponent) => function withTasksContextFn(props) {
+  const { config, ...rest } = props;
+  return /* @__PURE__ */ jsx(TasksProvider, { config, children: /* @__PURE__ */ jsx(WrappedComponent, { ...rest }) });
 };
-__publicField(_NewJwtIssuedEvent, "eventName", "new-jwt-issued");
-let NewJwtIssuedEvent = _NewJwtIssuedEvent;
 export {
-  NewJwtIssuedEvent
+  TasksProvider,
+  withTasksContext
 };
 //# sourceMappingURL=harmony102.mjs.map

package/dist/harmony102.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony102.mjs","sources":["../src/features/auth/frontend/events/NewJwtIssuedEvent.ts"],"sourcesContent":["import type { JwtTokenPayload } from '@features/auth/core/types/jwtTokenPayload'\nimport { parseJwtTokenPayload } from '@features/auth/core/utils/jwtTokenPayload'\nimport type { JwtToken } from '@features/publicApi/types/userTokenTypes'\n\ntype NewJwtIssuedEventDetail = {\n\ttoken: JwtToken\n\tpayload: JwtTokenPayload | undefined\n}\n\n/**\n * This event is emitted when a new JWT token is issued or refreshed.\n */\nexport class NewJwtIssuedEvent extends CustomEvent<NewJwtIssuedEventDetail> {\n\tstatic readonly eventName = 'new-jwt-issued' as const\n\n\tconstructor(token: JwtToken) {\n\t\tsuper(NewJwtIssuedEvent.eventName, {\n\t\t\tdetail: { token, payload: parseJwtTokenPayload(token.accessToken) },\n\t\t})\n\t}\n}\n\nexport const isNewJwtIssuedEvent = (event: Event): event is NewJwtIssuedEvent =>\n\tevent.type === NewJwtIssuedEvent.eventName\n\ndeclare global {\n\tinterface WindowEventMap {\n\t\t[NewJwtIssuedEvent.eventName]: NewJwtIssuedEvent\n\t}\n}\n"],"names":[],"mappings":";;;;AAYO,MAAM,qBAAN,MAAM,2BAA0B,YAAqC;AAAA,EAG3E,YAAY,OAAiB;AAC5B,UAAM,mBAAkB,WAAW;AAAA,MAClC,QAAQ,EAAE,OAAO,SAAS,qBAAqB,MAAM,WAAW,EAAE;AAAA,IAAA,CAClE;AAAA,EAAA;AAEH;AAPC,cADY,oBACI,aAAY;AADtB,IAAM,oBAAN;"}
+{"version":3,"file":"harmony102.mjs","sources":["../src/components/Sidebar/Widgets/Tasks/TasksProvider.tsx"],"sourcesContent":["import { useEffectOnce } from '@utils'\nimport { type FC, type PropsWithChildren, useState } from 'react'\nimport { TasksContext } from './TasksContext'\nimport type { SidebarTask, SidebarTasksConfig, SidebarTasksContextProps } from './types'\nimport { TaskEvents } from './utils/taskEvents'\n\ntype TasksProviderProps = PropsWithChildren<{\n\tconfig: SidebarTasksConfig\n}>\n\nexport const TasksProvider = ({ children, config }: TasksProviderProps) => {\n\tconst [tasks, setTasks] = useState<SidebarTask[]>([])\n\tconst [loadingTasks, setLoadingTasks] = useState(true)\n\n\tconst [tasksCount, setTaskCount] = useState(0)\n\n\tconst {\n\t\tgetProjectUrl,\n\t\tonLanguageCompleteConfirm,\n\t\tonTasksWidgetOpen,\n\t\tlangNameOnClick,\n\t\tlangProgressOnClick,\n\t\ttaskTitleOnClick,\n\t} = config\n\n\tconst { getTasks, getTasksCount } = config\n\n\tconst fetchTasks = async () => {\n\t\tsetLoadingTasks(true)\n\t\tconst result = await getTasks()\n\t\tsetTasks(result)\n\t\tsetLoadingTasks(false)\n\t\treturn result\n\t}\n\n\tconst fetchTaskCount = async () => {\n\t\tconst result = await getTasksCount()\n\t\tsetTaskCount(result)\n\t}\n\n\tuseEffectOnce(() => {\n\t\tfetchTaskCount()\n\n\t\tdocument.addEventListener(TaskEvents.TaskCompleted, fetchTaskCount)\n\t\tdocument.addEventListener(TaskEvents.TaskClosed, fetchTaskCount)\n\t\tdocument.addEventListener(TaskEvents.Refresh, fetchTaskCount)\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(TaskEvents.TaskCompleted, fetchTaskCount)\n\t\t\tdocument.removeEventListener(TaskEvents.TaskClosed, fetchTaskCount)\n\t\t\tdocument.removeEventListener(TaskEvents.Refresh, fetchTaskCount)\n\t\t}\n\t})\n\n\tconst providerValue: SidebarTasksContextProps = {\n\t\tfetchTasks,\n\t\ttasks,\n\t\ttasksCount,\n\t\tloadingTasks,\n\t\tgetProjectUrl,\n\t\tonLanguageCompleteConfirm,\n\t\tonTasksWidgetOpen,\n\t\tlangNameOnClick,\n\t\tlangProgressOnClick,\n\t\ttaskTitleOnClick,\n\t}\n\n\treturn <TasksContext.Provider value={providerValue}>{children}</TasksContext.Provider>\n}\n\nexport const withTasksContext = <P extends { config: SidebarTasksConfig }>(\n\tWrappedComponent: FC<Omit<P, 'config'>>,\n) =>\n\tfunction withTasksContextFn(props: P) {\n\t\tconst { config, ...rest } = props\n\n\t\treturn (\n\t\t\t<TasksProvider config={config}>\n\t\t\t\t<WrappedComponent {...rest} />\n\t\t\t</TasksProvider>\n\t\t)\n\t}\n"],"names":[],"mappings":";;;;;AAUO,MAAM,gBAAgB,CAAC,EAAE,UAAU,aAAiC;AAC1E,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,CAAA,CAAE;AACpD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,IAAI;AAErD,QAAM,CAAC,YAAY,YAAY,IAAI,SAAS,CAAC;AAEvC,QAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACG;AAEE,QAAA,EAAE,UAAU,cAAA,IAAkB;AAEpC,QAAM,aAAa,YAAY;AAC9B,oBAAgB,IAAI;AACd,UAAA,SAAS,MAAM,SAAS;AAC9B,aAAS,MAAM;AACf,oBAAgB,KAAK;AACd,WAAA;AAAA,EACR;AAEA,QAAM,iBAAiB,YAAY;AAC5B,UAAA,SAAS,MAAM,cAAc;AACnC,iBAAa,MAAM;AAAA,EACpB;AAEA,gBAAc,MAAM;AACJ,mBAAA;AAEN,aAAA,iBAAiB,WAAW,eAAe,cAAc;AACzD,aAAA,iBAAiB,WAAW,YAAY,cAAc;AACtD,aAAA,iBAAiB,WAAW,SAAS,cAAc;AAE5D,WAAO,MAAM;AACH,eAAA,oBAAoB,WAAW,eAAe,cAAc;AAC5D,eAAA,oBAAoB,WAAW,YAAY,cAAc;AACzD,eAAA,oBAAoB,WAAW,SAAS,cAAc;AAAA,IAChE;AAAA,EAAA,CACA;AAED,QAAM,gBAA0C;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAEA,6BAAQ,aAAa,UAAb,EAAsB,OAAO,eAAgB,UAAS;AAC/D;AAEO,MAAM,mBAAmB,CAC/B,qBAEA,SAAS,mBAAmB,OAAU;AACrC,QAAM,EAAE,QAAQ,GAAG,KAAA,IAAS;AAE5B,6BACE,eAAc,EAAA,QACd,8BAAC,kBAAkB,EAAA,GAAG,KAAM,CAAA,GAC7B;AAEF;"}

package/dist/harmony103.cjs

@@ -1,19 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function buildGetRoute(params) {
-  return {
-    isEmptyResponseExpected: params.isEmptyResponseExpected ?? false,
-    isNonJSONResponseExpected: params.isNonJSONResponseExpected ?? false,
-    method: "get",
-    pathResolver: params.pathResolver,
-    requestHeaderSchema: params.requestHeaderSchema,
-    requestPathParamsSchema: params.requestPathParamsSchema,
-    requestQuerySchema: params.requestQuerySchema,
-    successResponseBodySchema: params.successResponseBodySchema,
-    description: params.description,
-    responseSchemasByStatusCode: params.responseSchemasByStatusCode,
-    metadata: params.metadata
-  };
-}
-exports.buildGetRoute = buildGetRoute;
+const TaskEvents = {
+  TaskCompleted: "task_completed",
+  TaskClosed: "task_closed",
+  Refresh: "refresh",
+  ShowDialog: "show_dialog"
+};
+exports.TaskEvents = TaskEvents;
 //# sourceMappingURL=harmony103.cjs.map

package/dist/harmony103.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony103.cjs","sources":["../node_modules/@lokalise/universal-ts-utils/dist/public/api-contracts/apiContracts.js"],"sourcesContent":["const EMPTY_PARAMS = {};\nexport function buildPayloadRoute(params) {\n    return {\n        isEmptyResponseExpected: params.isEmptyResponseExpected ?? false,\n        isNonJSONResponseExpected: params.isNonJSONResponseExpected ?? false,\n        method: params.method,\n        pathResolver: params.pathResolver,\n        requestBodySchema: params.requestBodySchema,\n        requestHeaderSchema: params.requestHeaderSchema,\n        requestPathParamsSchema: params.requestPathParamsSchema,\n        requestQuerySchema: params.requestQuerySchema,\n        successResponseBodySchema: params.successResponseBodySchema,\n        description: params.description,\n        responseSchemasByStatusCode: params.responseSchemasByStatusCode,\n        metadata: params.metadata,\n    };\n}\nexport function buildGetRoute(params) {\n    return {\n        isEmptyResponseExpected: params.isEmptyResponseExpected ?? false,\n        isNonJSONResponseExpected: params.isNonJSONResponseExpected ?? false,\n        method: 'get',\n        pathResolver: params.pathResolver,\n        requestHeaderSchema: params.requestHeaderSchema,\n        requestPathParamsSchema: params.requestPathParamsSchema,\n        requestQuerySchema: params.requestQuerySchema,\n        successResponseBodySchema: params.successResponseBodySchema,\n        description: params.description,\n        responseSchemasByStatusCode: params.responseSchemasByStatusCode,\n        metadata: params.metadata,\n    };\n}\nexport function buildDeleteRoute(params) {\n    return {\n        isEmptyResponseExpected: params.isEmptyResponseExpected ?? true,\n        isNonJSONResponseExpected: params.isNonJSONResponseExpected ?? false,\n        method: 'delete',\n        pathResolver: params.pathResolver,\n        requestHeaderSchema: params.requestHeaderSchema,\n        requestPathParamsSchema: params.requestPathParamsSchema,\n        requestQuerySchema: params.requestQuerySchema,\n        successResponseBodySchema: params.successResponseBodySchema,\n        description: params.description,\n        responseSchemasByStatusCode: params.responseSchemasByStatusCode,\n        metadata: params.metadata,\n    };\n}\n/**\n * This method maps given route definition to a string of the format '/static-path-part/:path-param-value'\n */\nexport function mapRouteToPath(\n// biome-ignore lint/suspicious/noExplicitAny: We don't care about types here, we just need Zod schema\nrouteDefinition) {\n    if (!routeDefinition.requestPathParamsSchema) {\n        return routeDefinition.pathResolver(EMPTY_PARAMS);\n    }\n    const shape = routeDefinition.requestPathParamsSchema.shape;\n    const resolverParams = {};\n    for (const key of Object.keys(shape)) {\n        resolverParams[key] = `:${key}`;\n    }\n    return routeDefinition.pathResolver(resolverParams);\n}\n//# sourceMappingURL=apiContracts.js.map"],"names":[],"mappings":";;AAiBO,SAAS,cAAc,QAAQ;AAClC,SAAO;AAAA,IACH,yBAAyB,OAAO,2BAA2B;AAAA,IAC3D,2BAA2B,OAAO,6BAA6B;AAAA,IAC/D,QAAQ;AAAA,IACR,cAAc,OAAO;AAAA,IACrB,qBAAqB,OAAO;AAAA,IAC5B,yBAAyB,OAAO;AAAA,IAChC,oBAAoB,OAAO;AAAA,IAC3B,2BAA2B,OAAO;AAAA,IAClC,aAAa,OAAO;AAAA,IACpB,6BAA6B,OAAO;AAAA,IACpC,UAAU,OAAO;AAAA,EACpB;AACL;;","x_google_ignoreList":[0]}
+{"version":3,"file":"harmony103.cjs","sources":["../src/components/Sidebar/Widgets/Tasks/utils/taskEvents.ts"],"sourcesContent":["import type { TypesFromMap } from '@utils'\n\nexport const TaskEvents = {\n\tTaskCompleted: 'task_completed',\n\tTaskClosed: 'task_closed',\n\tRefresh: 'refresh',\n\tShowDialog: 'show_dialog',\n} as const\n\nexport type TaskEvent = TypesFromMap<typeof TaskEvents>\n\ntype SingleTaskPayload = {\n\ttaskId: string | number\n}\n\ntype DispatchTaskEventPayload =\n\t| {\n\t\t\tname: typeof TaskEvents.TaskCompleted\n\t\t\tdetail: SingleTaskPayload\n\t  }\n\t| {\n\t\t\tname: typeof TaskEvents.TaskClosed\n\t\t\tdetail: SingleTaskPayload\n\t  }\n\t| {\n\t\t\tname: typeof TaskEvents.Refresh\n\t  }\n\t| {\n\t\t\tname: typeof TaskEvents.ShowDialog\n\t  }\n\nexport const dispatchTaskEvent = (props: DispatchTaskEventPayload) => {\n\tconst { name } = props\n\tdocument.dispatchEvent(new CustomEvent(name, { detail: 'detail' in props ? props.detail : {} }))\n}\n"],"names":[],"mappings":";;AAEO,MAAM,aAAa;AAAA,EACzB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,YAAY;AACb;;"}

package/dist/harmony103.mjs

@@ -1,19 +1,10 @@
-function buildGetRoute(params) {
-  return {
-    isEmptyResponseExpected: params.isEmptyResponseExpected ?? false,
-    isNonJSONResponseExpected: params.isNonJSONResponseExpected ?? false,
-    method: "get",
-    pathResolver: params.pathResolver,
-    requestHeaderSchema: params.requestHeaderSchema,
-    requestPathParamsSchema: params.requestPathParamsSchema,
-    requestQuerySchema: params.requestQuerySchema,
-    successResponseBodySchema: params.successResponseBodySchema,
-    description: params.description,
-    responseSchemasByStatusCode: params.responseSchemasByStatusCode,
-    metadata: params.metadata
-  };
-}
+const TaskEvents = {
+  TaskCompleted: "task_completed",
+  TaskClosed: "task_closed",
+  Refresh: "refresh",
+  ShowDialog: "show_dialog"
+};
 export {
-  buildGetRoute
+  TaskEvents
 };
 //# sourceMappingURL=harmony103.mjs.map

package/dist/harmony103.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony103.mjs","sources":["../node_modules/@lokalise/universal-ts-utils/dist/public/api-contracts/apiContracts.js"],"sourcesContent":["const EMPTY_PARAMS = {};\nexport function buildPayloadRoute(params) {\n    return {\n        isEmptyResponseExpected: params.isEmptyResponseExpected ?? false,\n        isNonJSONResponseExpected: params.isNonJSONResponseExpected ?? false,\n        method: params.method,\n        pathResolver: params.pathResolver,\n        requestBodySchema: params.requestBodySchema,\n        requestHeaderSchema: params.requestHeaderSchema,\n        requestPathParamsSchema: params.requestPathParamsSchema,\n        requestQuerySchema: params.requestQuerySchema,\n        successResponseBodySchema: params.successResponseBodySchema,\n        description: params.description,\n        responseSchemasByStatusCode: params.responseSchemasByStatusCode,\n        metadata: params.metadata,\n    };\n}\nexport function buildGetRoute(params) {\n    return {\n        isEmptyResponseExpected: params.isEmptyResponseExpected ?? false,\n        isNonJSONResponseExpected: params.isNonJSONResponseExpected ?? false,\n        method: 'get',\n        pathResolver: params.pathResolver,\n        requestHeaderSchema: params.requestHeaderSchema,\n        requestPathParamsSchema: params.requestPathParamsSchema,\n        requestQuerySchema: params.requestQuerySchema,\n        successResponseBodySchema: params.successResponseBodySchema,\n        description: params.description,\n        responseSchemasByStatusCode: params.responseSchemasByStatusCode,\n        metadata: params.metadata,\n    };\n}\nexport function buildDeleteRoute(params) {\n    return {\n        isEmptyResponseExpected: params.isEmptyResponseExpected ?? true,\n        isNonJSONResponseExpected: params.isNonJSONResponseExpected ?? false,\n        method: 'delete',\n        pathResolver: params.pathResolver,\n        requestHeaderSchema: params.requestHeaderSchema,\n        requestPathParamsSchema: params.requestPathParamsSchema,\n        requestQuerySchema: params.requestQuerySchema,\n        successResponseBodySchema: params.successResponseBodySchema,\n        description: params.description,\n        responseSchemasByStatusCode: params.responseSchemasByStatusCode,\n        metadata: params.metadata,\n    };\n}\n/**\n * This method maps given route definition to a string of the format '/static-path-part/:path-param-value'\n */\nexport function mapRouteToPath(\n// biome-ignore lint/suspicious/noExplicitAny: We don't care about types here, we just need Zod schema\nrouteDefinition) {\n    if (!routeDefinition.requestPathParamsSchema) {\n        return routeDefinition.pathResolver(EMPTY_PARAMS);\n    }\n    const shape = routeDefinition.requestPathParamsSchema.shape;\n    const resolverParams = {};\n    for (const key of Object.keys(shape)) {\n        resolverParams[key] = `:${key}`;\n    }\n    return routeDefinition.pathResolver(resolverParams);\n}\n//# sourceMappingURL=apiContracts.js.map"],"names":[],"mappings":"AAiBO,SAAS,cAAc,QAAQ;AAClC,SAAO;AAAA,IACH,yBAAyB,OAAO,2BAA2B;AAAA,IAC3D,2BAA2B,OAAO,6BAA6B;AAAA,IAC/D,QAAQ;AAAA,IACR,cAAc,OAAO;AAAA,IACrB,qBAAqB,OAAO;AAAA,IAC5B,yBAAyB,OAAO;AAAA,IAChC,oBAAoB,OAAO;AAAA,IAC3B,2BAA2B,OAAO;AAAA,IAClC,aAAa,OAAO;AAAA,IACpB,6BAA6B,OAAO;AAAA,IACpC,UAAU,OAAO;AAAA,EACpB;AACL;","x_google_ignoreList":[0]}
+{"version":3,"file":"harmony103.mjs","sources":["../src/components/Sidebar/Widgets/Tasks/utils/taskEvents.ts"],"sourcesContent":["import type { TypesFromMap } from '@utils'\n\nexport const TaskEvents = {\n\tTaskCompleted: 'task_completed',\n\tTaskClosed: 'task_closed',\n\tRefresh: 'refresh',\n\tShowDialog: 'show_dialog',\n} as const\n\nexport type TaskEvent = TypesFromMap<typeof TaskEvents>\n\ntype SingleTaskPayload = {\n\ttaskId: string | number\n}\n\ntype DispatchTaskEventPayload =\n\t| {\n\t\t\tname: typeof TaskEvents.TaskCompleted\n\t\t\tdetail: SingleTaskPayload\n\t  }\n\t| {\n\t\t\tname: typeof TaskEvents.TaskClosed\n\t\t\tdetail: SingleTaskPayload\n\t  }\n\t| {\n\t\t\tname: typeof TaskEvents.Refresh\n\t  }\n\t| {\n\t\t\tname: typeof TaskEvents.ShowDialog\n\t  }\n\nexport const dispatchTaskEvent = (props: DispatchTaskEventPayload) => {\n\tconst { name } = props\n\tdocument.dispatchEvent(new CustomEvent(name, { detail: 'detail' in props ? props.detail : {} }))\n}\n"],"names":[],"mappings":"AAEO,MAAM,aAAa;AAAA,EACzB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,YAAY;AACb;"}