@camunda/camunda-composite-components 0.21.1 → 0.21.3

package/lib/esm/package.json

@@ -1,6 +1,7 @@
 {
     "name": "@camunda/camunda-composite-components",
-    "version": "0.21.1",
+    "version": "0.21.3",
+    "type": "module",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org/"
@@ -12,20 +13,19 @@
     },
     "scripts": {
         "clean": "rimraf lib/",
-        "build": "pnpm clean && tsc",
+        "build": "pnpm clean && tsc && node fix-esm-imports.mjs",
         "storybook": "storybook dev -p 6006",
         "start": "pnpm storybook",
         "build-storybook": "storybook build",
         "build:all": "pnpm build && pnpm build-storybook",
         "serve:storybook": "npx --yes serve ./storybook-static -p 6006 -n -L",
-        "prepare": "husky",
         "docker:setup": "pnpm install && npx playwright install",
         "format": "prettier --write .",
-        "lint": "eslint src/",
+        "lint": "biome lint ./src",
         "lint:fix": "eslint --fix src/",
         "test:ts": "tsc --noEmit --project ./tsconfig.json",
-        "test:storybook": "TEST_A11Y=true test-storybook",
-        "test:storybook:smoke": "test-storybook",
+        "test:storybook": "vitest run",
+        "test:storybook:watch": "vitest",
         "start:docker-storybook": "pnpm build-storybook && docker-compose up -d && docker-compose exec c3-visual-regression pnpm docker:setup && docker-compose exec c3-visual-regression pnpm serve:storybook",
         "test:visual-regression": "wait-on http://localhost:6006 && pnpm playwright test",
         "test:visual-regression:ui": "pnpm playwright test --ui",
@@ -33,62 +33,52 @@
         "update:visual-regression": "pnpm playwright test --update-snapshots",
         "test:visual-regression:docker": "docker exec -it -t c3-visual-regression pnpm test:visual-regression",
         "update:visual-regression:docker": "docker exec -it -t c3-visual-regression pnpm update:visual-regression",
-        "test:all": "pnpm test:ts && pnpm serve:storybook & pnpm wait-on http://localhost:6006 && pnpm test:storybook && pnpm test:visual-regression:docker",
+        "test:all": "pnpm test:ts && pnpm test:storybook",
         "test": "pnpm test:ts"
     },
     "devDependencies": {
-        "@babel/core": "7.25.7",
-        "@babel/preset-env": "7.25.7",
-        "@babel/preset-react": "7.25.7",
-        "@babel/preset-typescript": "7.25.7",
+        "@auth0/auth0-spa-js": "^2.8.0",
+        "@camunda-cloud/shared-types": "workspace:*",
         "@carbon/react": "1.90.0",
-        "@mdx-js/react": "3.0.1",
+        "@chromatic-com/storybook": "^4.1.2",
+        "@mdx-js/react": "^3.1.1",
         "@playwright/test": "1.56.1",
-        "@storybook/addon-a11y": "9.1.4",
-        "@storybook/addon-docs": "^9.1.4",
-        "@storybook/addon-links": "9.1.4",
-        "@storybook/addon-webpack5-compiler-babel": "3.0.6",
-        "@storybook/preset-scss": "1.0.3",
-        "@storybook/react-webpack5": "9.1.4",
-        "@storybook/test-runner": "0.23.0",
+        "@storybook/addon-a11y": "^10.0.7",
+        "@storybook/addon-docs": "^10.0.7",
+        "@storybook/addon-links": "^10.0.7",
+        "@storybook/addon-vitest": "^10.0.8",
+        "@storybook/react": "^10.0.7",
+        "@storybook/react-vite": "^10.0.7",
         "@types/event-source-polyfill": "1.0.5",
-        "@types/react": "18.3.12",
-        "@types/react-dom": "18.3.2",
         "@types/mixpanel-browser": "2.49.0",
         "@types/node": "22.13.14",
+        "@types/react": "18.3.12",
+        "@types/react-dom": "18.3.2",
         "@types/semver": "^7.5.8",
-        "@typescript-eslint/eslint-plugin": "7.17.0",
-        "@typescript-eslint/parser": "7.17.0",
-        "axe-playwright": "2.2.2",
-        "babel-loader": "9.2.1",
+        "@vitejs/plugin-react": "^5.1.1",
+        "@vitest/browser": "^4.0.13",
+        "@vitest/browser-playwright": "^4.0.13",
         "conventional-changelog-conventionalcommits": "7.0.2",
-        "copyfiles": "2.4.1",
-        "css-loader": "7.1.0",
-        "eslint": "8.57.0",
-        "eslint-config-prettier": "9.1.0",
         "eslint-import-resolver-typescript": "3.6.1",
-        "eslint-plugin-import": "2.29.1",
-        "eslint-plugin-prettier": "5.2.1",
-        "eslint-plugin-react": "7.35.0",
-        "eslint-plugin-react-hooks": "4.6.2",
-        "eslint-plugin-storybook": "9.1.4",
+        "eslint-plugin-react": "7.37.2",
+        "eslint-plugin-react-hooks": "5.0.0",
+        "eslint-plugin-storybook": "^10.0.7",
         "event-source-polyfill": "1.0.31",
-        "husky": "9.1.2",
         "mixpanel-browser": "2.49.0",
-        "prettier": "3.3.3",
+        "playwright": "^1.56.1",
         "react": "19.1.0",
         "react-dom": "19.1.0",
         "react-is": "^19.1.0",
         "rimraf": "6.0.1",
         "sass": "1.74.1",
-        "sass-loader": "14.1.1",
         "serve": "14.2.4",
-        "storybook": "^9.1.4",
-        "style-loader": "4.0.0",
+        "storybook": "^10.0.7",
         "styled-components": "6.1.8",
         "typescript": "5.8.3",
-        "wait-on": "8.0.2",
-        "webpack": "5.94.0"
+        "typescript-eslint": "^8.46.4",
+        "vite": "^7.2.2",
+        "vitest": "^4.0.13",
+        "wait-on": "8.0.2"
     },
     "dependencies": {
         "jwt-decode": "4.0.0",

package/lib/esm/src/api/api.d.ts

@@ -1,15 +1,15 @@
-import { Endpoints, Stage } from "./endpoints.const";
+import { type Endpoints, type Stage } from './endpoints.const';
 export interface RequestPayload {
     url: string;
-    base?: "notifications" | "accounts";
+    base?: 'notifications' | 'accounts';
     stage?: Stage;
     endpoints?: Endpoints;
-    method?: "get" | "post" | "put" | "delete" | "patch";
+    method?: 'get' | 'post' | 'put' | 'delete' | 'patch';
     headers?: {
         [key: string]: string;
     };
-    type?: "json" | "text" | "form" | "none";
-    responseType?: "json" | "text" | "none";
+    type?: 'json' | 'text' | 'form' | 'none';
+    responseType?: 'json' | 'text' | 'none';
     camundaAuth?: {
         token: string;
         refreshTokenMethod?: () => Promise<string>;

package/lib/esm/src/api/api.js

@@ -1,5 +1,5 @@
-import { getEndpoint, NOTIFICATIONS, ACCOUNTS, } from "./endpoints.const";
-import { JWTUtils } from "./jwt.utils";
+import { ACCOUNTS, getEndpoint, NOTIFICATIONS, } from './endpoints.const.js';
+import { JWTUtils } from './jwt.utils.js';
 export const request = async (payload) => {
     const headers = {};
     if (payload.camundaAuth) {
@@ -12,18 +12,18 @@ export const request = async (payload) => {
             headers.Authorization = `Bearer ${payload.camundaAuth.token}`;
         }
     }
-    const type = payload.type ?? "json";
+    const type = payload.type ?? 'json';
     if (type) {
         switch (type) {
-            case "json":
-                headers["Content-Type"] = "application/json";
+            case 'json':
+                headers['Content-Type'] = 'application/json';
                 break;
-            case "text":
-                headers["Content-Type"] = "text/plain";
+            case 'text':
+                headers['Content-Type'] = 'text/plain';
                 break;
         }
     }
-    const body = payload.body && type === "json"
+    const body = payload.body && type === 'json'
         ? JSON.stringify(payload.body)
         : payload.body instanceof FormData
             ? payload.body
@@ -31,7 +31,7 @@ export const request = async (payload) => {
     let base;
     if (payload.base) {
         switch (payload.base) {
-            case "notifications":
+            case 'notifications':
                 if (payload.endpoints?.notifications) {
                     base = payload.endpoints.notifications;
                 }
@@ -39,7 +39,7 @@ export const request = async (payload) => {
                     base = getEndpoint(payload.stage, NOTIFICATIONS);
                 }
                 break;
-            case "accounts":
+            case 'accounts':
                 if (payload.endpoints?.accounts) {
                     base = payload.endpoints.accounts;
                 }
@@ -51,7 +51,7 @@ export const request = async (payload) => {
     const url = base ? `${base}/${payload.url}` : payload.url;
     try {
         const response = await fetch(url, {
-            method: payload.method ? payload.method.toUpperCase() : "GET",
+            method: payload.method ? payload.method.toUpperCase() : 'GET',
             headers,
             body,
             signal: payload?.signal,
@@ -68,10 +68,10 @@ export const request = async (payload) => {
         const responseType = payload.responseType ?? type;
         let res;
         switch (responseType) {
-            case "json":
+            case 'json':
                 res = await response.json();
                 break;
-            case "text":
+            case 'text':
                 res = await response.text();
                 break;
             default:
@@ -81,7 +81,7 @@ export const request = async (payload) => {
     }
     catch (error) {
         if (payload.enableLogs)
-            console.error("API request failed:", error);
+            console.error('API request failed:', error);
         return { success: false, error: error?.toString() };
     }
 };

package/lib/esm/src/api/clusters.d.ts

@@ -1,5 +1,5 @@
-import { EventSourcePolyfill } from "event-source-polyfill";
-import { Endpoints, Stage } from "./endpoints.const";
+import { EventSourcePolyfill } from 'event-source-polyfill';
+import { type Endpoints, type Stage } from './endpoints.const';
 export interface C3ClustersProps {
     stage?: Stage;
     endpoints?: Endpoints;

package/lib/esm/src/api/clusters.js

@@ -1,5 +1,5 @@
-import { EventSourcePolyfill } from "event-source-polyfill";
-import { CONSOLE, getEndpointByOptions, } from "./endpoints.const";
+import { EventSourcePolyfill } from 'event-source-polyfill';
+import { CONSOLE, getEndpointByOptions, } from './endpoints.const.js';
 export class ClustersService {
     static clustersStream(options) {
         const baseUrl = getEndpointByOptions({
@@ -12,9 +12,9 @@ export class ClustersService {
             },
             heartbeatTimeout: 2 * 60 * 1000,
         });
-        source.onmessage = function (event) {
+        source.onmessage = (event) => {
             const data = JSON.parse(event.data);
-            const clusterChangeEvent = new CustomEvent("clusterchange", {
+            const clusterChangeEvent = new CustomEvent('clusterchange', {
                 detail: data,
             });
             window.dispatchEvent(clusterChangeEvent);

package/lib/esm/src/api/endpoints.const.d.ts

@@ -13,7 +13,7 @@ export declare const NOTIFICATIONS: Endpoint;
 export declare const ACCOUNTS: Endpoint;
 export declare const CONSOLE: Endpoint;
 export declare const STATUS: Endpoint;
-export type Stage = "dev" | "int" | "prod";
+export type Stage = 'dev' | 'int' | 'prod';
 export declare function getEndpoint(stage: Stage, endpoint: Endpoint): string;
 export declare function getEndpointByOptions(options: {
     stage?: Stage;

package/lib/esm/src/api/endpoints.const.js

@@ -1,34 +1,34 @@
 export const NOTIFICATIONS = {
-    id: "notifications",
-    dev: "https://notifications.cloud.dev.ultrawombat.com",
-    int: "https://notifications.cloud.ultrawombat.com",
-    prod: "https://notifications.cloud.camunda.io",
+    id: 'notifications',
+    dev: 'https://notifications.cloud.dev.ultrawombat.com',
+    int: 'https://notifications.cloud.ultrawombat.com',
+    prod: 'https://notifications.cloud.camunda.io',
 };
 export const ACCOUNTS = {
-    id: "accounts",
-    dev: "https://accounts.cloud.dev.ultrawombat.com",
-    int: "https://accounts.cloud.ultrawombat.com",
-    prod: "https://accounts.cloud.camunda.io",
+    id: 'accounts',
+    dev: 'https://accounts.cloud.dev.ultrawombat.com',
+    int: 'https://accounts.cloud.ultrawombat.com',
+    prod: 'https://accounts.cloud.camunda.io',
 };
 export const CONSOLE = {
-    id: "console",
-    dev: "https://console.cloud.dev.ultrawombat.com",
-    int: "https://console.cloud.ultrawombat.com",
-    prod: "https://console.cloud.camunda.io",
+    id: 'console',
+    dev: 'https://console.cloud.dev.ultrawombat.com',
+    int: 'https://console.cloud.ultrawombat.com',
+    prod: 'https://console.cloud.camunda.io',
 };
 export const STATUS = {
-    id: "status",
-    dev: "https://camundaultrawombat.statuspage.io/",
-    int: "https://camundaultrawombat.statuspage.io/",
-    prod: "https://status.camunda.io",
+    id: 'status',
+    dev: 'https://camundaultrawombat.statuspage.io/',
+    int: 'https://camundaultrawombat.statuspage.io/',
+    prod: 'https://status.camunda.io',
 };
 export function getEndpoint(stage, endpoint) {
     switch (stage) {
-        case "dev":
+        case 'dev':
             return endpoint.dev;
-        case "int":
+        case 'int':
             return endpoint.int;
-        case "prod":
+        case 'prod':
             return endpoint.prod;
         default:
             throw new Error(`Unknown stage: ${stage}`);
@@ -36,7 +36,7 @@ export function getEndpoint(stage, endpoint) {
 }
 export function getEndpointByOptions(options) {
     switch (options.endpoint.id) {
-        case "notifications":
+        case 'notifications':
             if (options.endpoints?.notifications) {
                 return options.endpoints.notifications;
             }
@@ -44,7 +44,7 @@ export function getEndpointByOptions(options) {
                 return getEndpoint(options.stage, options.endpoint);
             }
             break;
-        case "accounts":
+        case 'accounts':
             if (options.endpoints?.accounts) {
                 return options.endpoints.accounts;
             }
@@ -52,7 +52,7 @@ export function getEndpointByOptions(options) {
                 return getEndpoint(options.stage, options.endpoint);
             }
             break;
-        case "console":
+        case 'console':
             if (options.endpoints?.console) {
                 return options.endpoints.console;
             }

package/lib/esm/src/api/help-center.d.ts

@@ -1,7 +1,7 @@
-import { HelpCenterConfig } from "../components/c3-help-center/defaultHelpCenterConfig";
-import { Persona, TileConfig, WpCardType } from "../components/c3-help-center/c3-help-center.types";
-import { OnboardingConfig } from "../components/c3-onboarding-survey/defaultOnboardingConfig";
-import { RequestPayload, RequestResponse } from "./api";
+import type { Persona, TileConfig, WpCardType } from '../components/c3-help-center/c3-help-center.types';
+import type { HelpCenterConfig } from '../components/c3-help-center/defaultHelpCenterConfig';
+import type { OnboardingConfig } from '../components/c3-onboarding-survey/defaultOnboardingConfig';
+import { type RequestPayload, type RequestResponse } from './api';
 export declare const getConfig: (accessToken: string, audience: string, orgId: string) => Promise<RequestResponse<HelpCenterConfig | null>>;
 export declare const getTiles: ({ accessToken, tileConfig, salesPlanType, clusterIds, persona, flags, cloudAudience, signal, }: {
     accessToken: string;

package/lib/esm/src/api/help-center.js

@@ -1,5 +1,5 @@
-import { recommendations } from "../components/c3-help-center/recommendations";
-import { request } from "./api";
+import { recommendations } from '../components/c3-help-center/recommendations.js';
+import { request } from './api.js';
 export const getConfig = async (accessToken, audience, orgId) => {
     return await request({
         url: `https://helpcenter.${audience}/helpcenter/config/${orgId}`,
@@ -12,8 +12,8 @@ export const getTiles = async ({ accessToken, tileConfig, salesPlanType, cluster
     const availableTileTypes = recommendations(persona, flags, tileConfig, salesPlanType, clusterIds?.length > 0);
     if (availableTileTypes.length) {
         return await request({
-            url: `https://helpcenter.${cloudAudience}/cards?card_id=${availableTileTypes.join(",")}`,
-            responseType: "json",
+            url: `https://helpcenter.${cloudAudience}/cards?card_id=${availableTileTypes.join(',')}`,
+            responseType: 'json',
             camundaAuth: { token: accessToken },
             signal,
         });
@@ -23,29 +23,29 @@ export const getTiles = async ({ accessToken, tileConfig, salesPlanType, cluster
 export const getOnboardingConfig = ({ camundaAuth, audience, orgId, }) => request({
     url: `https://helpcenter.${audience}/survey/config/${orgId}`,
     camundaAuth,
-    type: "json",
+    type: 'json',
 });
 export const updatePersona = async ({ newPersona, audience, accessToken, orgId, userId, }) => request({
     url: `https://helpcenter.${audience}/persona`,
-    method: "patch",
+    method: 'patch',
     camundaAuth: { token: accessToken },
-    type: "json",
+    type: 'json',
     body: { persona: newPersona, userId, orgId },
-    responseType: "text",
+    responseType: 'text',
 });
 export const submitSurvey = async ({ audience, token, data, }) => request({
-    method: "post",
+    method: 'post',
     url: `https://helpcenter.${audience}/survey/submit`,
     camundaAuth: { token },
-    type: "json",
+    type: 'json',
     body: { data },
-    responseType: "text",
+    responseType: 'text',
 });
 export const submitFeedback = async ({ token, audience, formData, }) => request({
-    method: "post",
+    method: 'post',
     url: `https://helpcenter.${audience}/feedback/submit`,
     camundaAuth: { token },
     body: formData,
-    type: "form",
-    responseType: "text",
+    type: 'form',
+    responseType: 'text',
 });

package/lib/esm/src/api/jwt.utils.js

@@ -1,14 +1,12 @@
 export class JWTUtils {
     static decode(token) {
-        const base64Url = token.split(".")[1];
-        const base64 = base64Url.replace(/-/g, "+").replace(/_/g, "/");
+        const base64Url = token.split('.')[1];
+        const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
         const jsonPayload = decodeURIComponent(window
             .atob(base64)
-            .split("")
-            .map(function (c) {
-            return "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2);
-        })
-            .join(""));
+            .split('')
+            .map((c) => '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2))
+            .join(''));
         return JSON.parse(jsonPayload);
     }
     static getExpiration(token) {

package/lib/esm/src/api/notifications.d.ts

@@ -1,5 +1,5 @@
-import { C3NotificationsProps } from "../components/c3-navigation/c3-navigation.types";
-import { RequestResponse } from "./api";
+import type { C3NotificationsProps } from '../components/c3-navigation/c3-navigation.types';
+import { type RequestResponse } from './api';
 export interface Notification {
     uuid: string;
     userId?: string;
@@ -24,18 +24,18 @@ export interface Notification {
         };
     };
 }
-export type AnalyticsEvent = "notification-panel-opened" | "notification-clicked-cta";
+export type AnalyticsEvent = 'notification-panel-opened' | 'notification-clicked-cta';
 export declare class NotificationService {
     static getNotifications(options: C3NotificationsProps): Promise<RequestResponse<Notification[]>>;
     static sendAnalyticsEvent(options: C3NotificationsProps, eventOptions: {
         event: AnalyticsEvent;
         id?: string;
     }): void;
-    static changeState(options: C3NotificationsProps, notificationId: string, operation: "read" | "dismiss"): void;
+    static changeState(options: C3NotificationsProps, notificationId: string, operation: 'read' | 'dismiss'): void;
     static markManyAsRead(options: C3NotificationsProps, notificationIds: string[]): void;
     static dismissAll(options: C3NotificationsProps, orgId: string): void;
     static notificationsStream(options: C3NotificationsProps, handler: (notification: Notification) => void): void;
     static updateNotifications(allNotifications: Notification[], newNotification: Notification): Notification[];
-    static updateNotificationState(allNotifications: Notification[], notificationId: string, newState: "read" | "dismiss"): Notification[];
-    static updateNotificationStates(allNotifications: Notification[], notificationIds: string[], newState: "read" | "dismiss"): Notification[];
+    static updateNotificationState(allNotifications: Notification[], notificationId: string, newState: 'read' | 'dismiss'): Notification[];
+    static updateNotificationStates(allNotifications: Notification[], notificationIds: string[], newState: 'read' | 'dismiss'): Notification[];
 }

package/lib/esm/src/api/notifications.js

@@ -1,11 +1,11 @@
-import { EventSourcePolyfill } from "event-source-polyfill";
-import { request } from "./api";
-import { getEndpointByOptions, NOTIFICATIONS } from "./endpoints.const";
+import { EventSourcePolyfill } from 'event-source-polyfill';
+import { request } from './api.js';
+import { getEndpointByOptions, NOTIFICATIONS } from './endpoints.const.js';
 export class NotificationService {
     static async getNotifications(options) {
         return await request({
-            method: "get",
-            base: "notifications",
+            method: 'get',
+            base: 'notifications',
             stage: options.stage,
             endpoints: options.endpoints,
             camundaAuth: {
@@ -17,8 +17,8 @@ export class NotificationService {
     }
     static sendAnalyticsEvent(options, eventOptions) {
         request({
-            method: "post",
-            base: "notifications",
+            method: 'post',
+            base: 'notifications',
             stage: options.stage,
             endpoints: options.endpoints,
             camundaAuth: {
@@ -29,14 +29,14 @@ export class NotificationService {
             body: {
                 id: eventOptions.id,
             },
-            type: "json",
-            responseType: "text",
+            type: 'json',
+            responseType: 'text',
         });
     }
     static changeState(options, notificationId, operation) {
         request({
-            method: "patch",
-            base: "notifications",
+            method: 'patch',
+            base: 'notifications',
             stage: options.stage,
             endpoints: options.endpoints,
             camundaAuth: {
@@ -51,8 +51,8 @@ export class NotificationService {
             return;
         }
         request({
-            method: "patch",
-            base: "notifications",
+            method: 'patch',
+            base: 'notifications',
             stage: options.stage,
             endpoints: options.endpoints,
             camundaAuth: {
@@ -63,7 +63,7 @@ export class NotificationService {
             body: {
                 uuids: notificationIds,
             },
-            type: "json",
+            type: 'json',
         });
     }
     static dismissAll(options, orgId) {
@@ -71,8 +71,8 @@ export class NotificationService {
             return;
         }
         request({
-            method: "patch",
-            base: "notifications",
+            method: 'patch',
+            base: 'notifications',
             stage: options.stage,
             endpoints: options.endpoints,
             camundaAuth: {
@@ -80,7 +80,7 @@ export class NotificationService {
                 refreshTokenMethod: options.getNewUserToken,
             },
             url: `notifications/dismissAll?orgId=${orgId}`,
-            type: "json",
+            type: 'json',
         });
     }
     static notificationsStream(options, handler) {
@@ -95,7 +95,7 @@ export class NotificationService {
                 },
                 heartbeatTimeout: 1000 * 60 * 60,
             });
-            source.onmessage = function (event) {
+            source.onmessage = (event) => {
                 try {
                     const notification = JSON.parse(event.data);
                     if (!notification.keepAlive) {
@@ -108,7 +108,7 @@ export class NotificationService {
                 }
             };
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            source.onerror = function (_event) {
+            source.onerror = (_event) => {
                 // ignore
             };
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -124,7 +124,7 @@ export class NotificationService {
         const updatedNotifications = allNotifications
             .slice()
             .filter((currentNotification) => currentNotification.uuid !== newNotification.uuid);
-        if (newNotification.state === "read" || newNotification.state === "new") {
+        if (newNotification.state === 'read' || newNotification.state === 'new') {
             updatedNotifications.push(newNotification);
         }
         updatedNotifications.sort((a, b) => b.timestamp - a.timestamp);
@@ -134,10 +134,10 @@ export class NotificationService {
         let updatedNotifications = allNotifications.slice();
         let foundNotification;
         switch (newState) {
-            case "dismiss":
+            case 'dismiss':
                 updatedNotifications = updatedNotifications.filter((notification) => notification.uuid !== notificationId);
                 break;
-            case "read":
+            case 'read':
                 foundNotification = updatedNotifications.find((currentNotification) => currentNotification.uuid === notificationId);
                 if (foundNotification) {
                     foundNotification.state = newState;
@@ -150,10 +150,10 @@ export class NotificationService {
         let updatedNotifications = allNotifications.slice();
         let foundNotifications = [];
         switch (newState) {
-            case "dismiss":
+            case 'dismiss':
                 updatedNotifications = updatedNotifications.filter((notification) => !notificationIds.includes(notification.uuid));
                 break;
-            case "read":
+            case 'read':
                 foundNotifications = updatedNotifications.filter((notification) => notificationIds.includes(notification.uuid));
                 foundNotifications.forEach((foundNotification) => {
                     foundNotification.state = newState;

package/lib/esm/src/api/organizations.d.ts

@@ -1,4 +1,4 @@
-import { RequestResponse } from "./api";
+import { type RequestResponse } from './api';
 export type StartingPrice = {
     amount: number;
     currency: string;

package/lib/esm/src/api/organizations.js

@@ -1,11 +1,11 @@
-import { request } from "./api";
+import { request } from './api.js';
 export const getStartingPrice = async ({ token, audience, }) => request({
     url: `https://accounts.${audience}/external/organizations/startingPrice`,
     camundaAuth: { token },
-    responseType: "json",
+    responseType: 'json',
 });
 export const leaveOrganization = async ({ token, audience, orgId, }) => request({
     url: `https://accounts.${audience}/external/organizations/${orgId}/membership`,
     camundaAuth: { token },
-    method: "delete",
+    method: 'delete',
 });