@camunda/camunda-composite-components 0.22.2 → 0.22.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camunda/camunda-composite-components",
-  "version": "0.22.2",
+  "version": "0.22.4",
   "description": "Camunda Composite Components",
   "bugs": {
     "url": "https://github.com/camunda/camunda-cloud-management-apps/issues"
@@ -29,38 +29,38 @@
     "semver": "7.7.4"
   },
   "devDependencies": {
-    "@auth0/auth0-spa-js": "2.17.0",
-    "@carbon/react": "1.102.0",
-    "@chromatic-com/storybook": "5.0.1",
+    "@auth0/auth0-spa-js": "2.18.0",
+    "@carbon/react": "1.103.0",
+    "@chromatic-com/storybook": "5.0.2",
     "@mdx-js/react": "3.1.1",
     "@playwright/test": "1.58.2",
-    "@storybook/addon-a11y": "10.2.15",
-    "@storybook/addon-docs": "10.2.15",
-    "@storybook/addon-links": "10.2.15",
-    "@storybook/addon-vitest": "10.2.15",
-    "@storybook/react": "10.2.15",
-    "@storybook/react-vite": "10.2.15",
-    "@vitest/browser": "4.0.18",
-    "@vitest/browser-playwright": "4.0.18",
-    "vitest": "4.0.18",
+    "@storybook/addon-a11y": "10.3.1",
+    "@storybook/addon-docs": "10.3.1",
+    "@storybook/addon-links": "10.3.1",
+    "@storybook/addon-vitest": "10.3.1",
+    "@storybook/react": "10.3.1",
+    "@storybook/react-vite": "10.3.1",
+    "@vitest/browser": "4.1.0",
+    "@vitest/browser-playwright": "4.1.0",
+    "vitest": "4.1.0",
     "conventional-changelog-conventionalcommits": "9.3.0",
     "eslint-import-resolver-typescript": "4.4.4",
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "7.0.1",
-    "eslint-plugin-storybook": "10.2.15",
+    "eslint-plugin-storybook": "10.3.1",
     "event-source-polyfill": "1.0.31",
-    "mixpanel-browser": "2.75.0",
+    "mixpanel-browser": "2.76.0",
     "playwright": "1.58.2",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "react-is": "19.2.4",
     "rimraf": "6.1.3",
     "serve": "14.2.6",
-    "storybook": "10.2.15",
-    "styled-components": "6.3.11",
-    "typescript-eslint": "8.56.1",
+    "storybook": "10.3.1",
+    "styled-components": "6.3.12",
+    "typescript-eslint": "8.57.1",
     "wait-on": "9.0.4",
-    "@camunda-cloud/shared-types": "0.0.1"
+    "@camunda/ccma-shared-types": "0.0.2"
   },
   "peerDependencies": {
     "@carbon/react": "1.x",

package/lib/esm/package.json

@@ -1,98 +0,0 @@
-{
-    "name": "@camunda/camunda-composite-components",
-    "version": "0.22.2",
-    "description": "Camunda Composite Components",
-    "bugs": {
-        "url": "https://github.com/camunda/camunda-cloud-management-apps/issues"
-    },
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/camunda/camunda-cloud-management-apps.git",
-        "directory": "packages/c3"
-    },
-    "license": "Apache-2.0",
-    "author": "Camunda",
-    "type": "module",
-    "main": "./lib/esm/src/index.js",
-    "types": "./lib/esm/src/index.d.ts",
-    "files": [
-        "/lib"
-    ],
-    "publishConfig": {
-        "access": "public",
-        "registry": "https://registry.npmjs.org/"
-    },
-    "scripts": {
-        "clean": "rimraf lib/",
-        "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",
-        "docker:setup": "pnpm install && npx playwright install",
-        "format": "prettier --write .",
-        "lint": "biome lint ./src",
-        "lint:fix": "eslint --fix src/",
-        "test:ts": "tsc --noEmit --project ./tsconfig.json",
-        "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",
-        "report:visual-regression": "pnpm playwright show-report",
-        "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 test:storybook",
-        "test": "pnpm test:ts",
-        "typecheck": "tsc --noEmit"
-    },
-    "dependencies": {
-        "jwt-decode": "4.0.0",
-        "react-error-boundary": "6.1.1",
-        "react-markdown": "10.1.0",
-        "semver": "7.7.4"
-    },
-    "devDependencies": {
-        "@auth0/auth0-spa-js": "2.17.0",
-        "@camunda-cloud/shared-types": "workspace:*",
-        "@carbon/react": "1.102.0",
-        "@chromatic-com/storybook": "5.0.1",
-        "@mdx-js/react": "3.1.1",
-        "@playwright/test": "1.58.2",
-        "@storybook/addon-a11y": "10.2.15",
-        "@storybook/addon-docs": "10.2.15",
-        "@storybook/addon-links": "10.2.15",
-        "@storybook/addon-vitest": "10.2.15",
-        "@storybook/react": "10.2.15",
-        "@storybook/react-vite": "10.2.15",
-        "@vitest/browser": "4.0.18",
-        "@vitest/browser-playwright": "4.0.18",
-        "vitest": "4.0.18",
-        "conventional-changelog-conventionalcommits": "9.3.0",
-        "eslint-import-resolver-typescript": "4.4.4",
-        "eslint-plugin-react": "7.37.5",
-        "eslint-plugin-react-hooks": "7.0.1",
-        "eslint-plugin-storybook": "10.2.15",
-        "event-source-polyfill": "1.0.31",
-        "mixpanel-browser": "2.75.0",
-        "playwright": "1.58.2",
-        "react": "19.2.4",
-        "react-dom": "19.2.4",
-        "react-is": "19.2.4",
-        "rimraf": "6.1.3",
-        "serve": "14.2.6",
-        "storybook": "10.2.15",
-        "styled-components": "6.3.11",
-        "typescript-eslint": "8.56.1",
-        "wait-on": "9.0.4"
-    },
-    "peerDependencies": {
-        "@carbon/react": "1.x",
-        "event-source-polyfill": "1.0.x",
-        "react": "18.x || 19.x",
-        "react-dom": "18.x || 19.x",
-        "styled-components": "5.x || 6.x"
-    }
-}

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

@@ -1,29 +0,0 @@
-import { type Endpoints, type Stage } from './endpoints.const';
-export interface RequestPayload {
-    url: string;
-    base?: 'notifications' | 'accounts';
-    stage?: Stage;
-    endpoints?: Endpoints;
-    method?: 'get' | 'post' | 'put' | 'delete' | 'patch';
-    headers?: {
-        [key: string]: string;
-    };
-    type?: 'json' | 'text' | 'form' | 'none';
-    responseType?: 'json' | 'text' | 'none';
-    camundaAuth?: {
-        token: string;
-        refreshTokenMethod?: () => Promise<string>;
-    };
-    body?: string | FormData | {
-        [key: string]: unknown;
-    };
-    enableLogs?: boolean;
-    signal?: AbortSignal;
-}
-export type RequestResponse<R = undefined> = {
-    success: boolean;
-    result?: R;
-    status?: number;
-    error?: string;
-};
-export declare const request: <R = undefined>(payload: RequestPayload) => Promise<RequestResponse<R>>;

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

@@ -1,92 +0,0 @@
-/*
- * Copyright Camunda Services GmbH and/or licensed to Camunda Services GmbH
- * under one or more contributor license agreements. Licensed under a commercial license.
- * You may not use this file except in compliance with the commercial license.
- */
-import { ACCOUNTS, getEndpoint, NOTIFICATIONS, } from './endpoints.const.js';
-import { JWTUtils } from './jwt.utils.js';
-export const request = async (payload) => {
-    const headers = {};
-    if (payload.camundaAuth) {
-        if (JWTUtils.isExpired(payload.camundaAuth.token) &&
-            payload.camundaAuth.refreshTokenMethod) {
-            const newToken = await payload.camundaAuth?.refreshTokenMethod?.();
-            headers.Authorization = `Bearer ${newToken}`;
-        }
-        else {
-            headers.Authorization = `Bearer ${payload.camundaAuth.token}`;
-        }
-    }
-    const type = payload.type ?? 'json';
-    if (type) {
-        switch (type) {
-            case 'json':
-                headers['Content-Type'] = 'application/json';
-                break;
-            case 'text':
-                headers['Content-Type'] = 'text/plain';
-                break;
-        }
-    }
-    const body = payload.body && type === 'json'
-        ? JSON.stringify(payload.body)
-        : payload.body instanceof FormData
-            ? payload.body
-            : undefined;
-    let base;
-    if (payload.base) {
-        switch (payload.base) {
-            case 'notifications':
-                if (payload.endpoints?.notifications) {
-                    base = payload.endpoints.notifications;
-                }
-                else if (payload.stage) {
-                    base = getEndpoint(payload.stage, NOTIFICATIONS);
-                }
-                break;
-            case 'accounts':
-                if (payload.endpoints?.accounts) {
-                    base = payload.endpoints.accounts;
-                }
-                else if (payload.stage) {
-                    base = getEndpoint(payload.stage, ACCOUNTS);
-                }
-        }
-    }
-    const url = base ? `${base}/${payload.url}` : payload.url;
-    try {
-        const response = await fetch(url, {
-            method: payload.method ? payload.method.toUpperCase() : 'GET',
-            headers,
-            body,
-            signal: payload?.signal,
-        });
-        if (response.status >= 400) {
-            if (payload.enableLogs)
-                console.error(response.statusText, response.status);
-            return {
-                success: false,
-                status: response.status,
-                error: response.statusText,
-            };
-        }
-        const responseType = payload.responseType ?? type;
-        let res;
-        switch (responseType) {
-            case 'json':
-                res = await response.json();
-                break;
-            case 'text':
-                res = await response.text();
-                break;
-            default:
-                res = response;
-        }
-        return { success: true, result: res };
-    }
-    catch (error) {
-        if (payload.enableLogs)
-            console.error('API request failed:', error);
-        return { success: false, error: error?.toString() };
-    }
-};

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

@@ -1,10 +0,0 @@
-import { EventSourcePolyfill } from 'event-source-polyfill';
-import { type Endpoints, type Stage } from './endpoints.const';
-export interface C3ClustersProps {
-    stage?: Stage;
-    endpoints?: Endpoints;
-    userToken: string;
-}
-export declare class ClustersService {
-    static clustersStream(options: C3ClustersProps): EventSourcePolyfill;
-}

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

@@ -1,32 +0,0 @@
-/*
- * Copyright Camunda Services GmbH and/or licensed to Camunda Services GmbH
- * under one or more contributor license agreements. Licensed under a commercial license.
- * You may not use this file except in compliance with the commercial license.
- */
-import { EventSourcePolyfill } from 'event-source-polyfill';
-import { CONSOLE, getEndpointByOptions, } from './endpoints.const.js';
-export class ClustersService {
-    static clustersStream(options) {
-        const baseUrl = getEndpointByOptions({
-            ...options,
-            endpoint: CONSOLE,
-        });
-        const source = new EventSourcePolyfill(`${baseUrl}/external/events`, {
-            headers: {
-                authorization: `Bearer ${options.userToken}`,
-            },
-            heartbeatTimeout: 2 * 60 * 1000,
-        });
-        source.onmessage = (event) => {
-            const data = JSON.parse(event.data);
-            const clusterChangeEvent = new CustomEvent('clusterchange', {
-                detail: data,
-            });
-            window.dispatchEvent(clusterChangeEvent);
-        };
-        source.onerror = (_error) => {
-            console.log({ _error });
-        };
-        return source;
-    }
-}

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

@@ -1,22 +0,0 @@
-export interface Endpoint {
-    id: string;
-    dev: string;
-    int: string;
-    prod: string;
-}
-export interface Endpoints {
-    notifications?: string;
-    accounts?: string;
-    console?: string;
-}
-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 declare function getEndpoint(stage: Stage, endpoint: Endpoint): string;
-export declare function getEndpointByOptions(options: {
-    stage?: Stage;
-    endpoints?: Endpoints;
-    endpoint: Endpoint;
-}): string;

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

@@ -1,70 +0,0 @@
-/*
- * Copyright Camunda Services GmbH and/or licensed to Camunda Services GmbH
- * under one or more contributor license agreements. Licensed under a commercial license.
- * You may not use this file except in compliance with the commercial license.
- */
-export const NOTIFICATIONS = {
-    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',
-};
-export const CONSOLE = {
-    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',
-};
-export function getEndpoint(stage, endpoint) {
-    switch (stage) {
-        case 'dev':
-            return endpoint.dev;
-        case 'int':
-            return endpoint.int;
-        case 'prod':
-            return endpoint.prod;
-        default:
-            throw new Error(`Unknown stage: ${stage}`);
-    }
-}
-export function getEndpointByOptions(options) {
-    switch (options.endpoint.id) {
-        case 'notifications':
-            if (options.endpoints?.notifications) {
-                return options.endpoints.notifications;
-            }
-            else if (options.stage) {
-                return getEndpoint(options.stage, options.endpoint);
-            }
-            break;
-        case 'accounts':
-            if (options.endpoints?.accounts) {
-                return options.endpoints.accounts;
-            }
-            else if (options.stage) {
-                return getEndpoint(options.stage, options.endpoint);
-            }
-            break;
-        case 'console':
-            if (options.endpoints?.console) {
-                return options.endpoints.console;
-            }
-            else if (options.stage) {
-                return getEndpoint(options.stage, options.endpoint);
-            }
-            break;
-    }
-    throw new Error(`Missing stage or notifications endpoint`);
-}

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

@@ -1,42 +0,0 @@
-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;
-    tileConfig: TileConfig[];
-    cloudAudience: string;
-    persona: {
-        [id: string]: unknown;
-    };
-    clusterIds: string[];
-    salesPlanType: string;
-    flags: string[];
-    signal?: AbortSignal;
-}) => Promise<RequestResponse<WpCardType[]>>;
-export declare const getOnboardingConfig: ({ camundaAuth, audience, orgId, }: {
-    audience: string;
-    camundaAuth: RequestPayload["camundaAuth"];
-    orgId: string;
-}) => Promise<RequestResponse<OnboardingConfig>>;
-export declare const updatePersona: ({ newPersona, audience, accessToken, orgId, userId, }: {
-    newPersona: Persona;
-    audience: string;
-    orgId: string;
-    userId: string;
-    accessToken: string;
-}) => Promise<RequestResponse<undefined>>;
-export declare const submitSurvey: ({ audience, token, data, }: {
-    audience: string;
-    token: string;
-    data: Persona & {
-        email: string;
-        orgUuid: string;
-    };
-}) => Promise<RequestResponse<undefined>>;
-export declare const submitFeedback: ({ token, audience, formData, }: {
-    token: string;
-    audience: string;
-    formData: FormData;
-}) => Promise<RequestResponse<undefined>>;

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

@@ -1,56 +0,0 @@
-/*
- * Copyright Camunda Services GmbH and/or licensed to Camunda Services GmbH
- * under one or more contributor license agreements. Licensed under a commercial license.
- * You may not use this file except in compliance with the commercial license.
- */
-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}`,
-        camundaAuth: {
-            token: accessToken,
-        },
-    });
-};
-export const getTiles = async ({ accessToken, tileConfig, salesPlanType, clusterIds, persona, flags, cloudAudience, signal, }) => {
-    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',
-            camundaAuth: { token: accessToken },
-            signal,
-        });
-    }
-    return { success: true };
-};
-export const getOnboardingConfig = ({ camundaAuth, audience, orgId, }) => request({
-    url: `https://helpcenter.${audience}/survey/config/${orgId}`,
-    camundaAuth,
-    type: 'json',
-});
-export const updatePersona = async ({ newPersona, audience, accessToken, orgId, userId, }) => request({
-    url: `https://helpcenter.${audience}/persona`,
-    method: 'patch',
-    camundaAuth: { token: accessToken },
-    type: 'json',
-    body: { persona: newPersona, userId, orgId },
-    responseType: 'text',
-});
-export const submitSurvey = async ({ audience, token, data, }) => request({
-    method: 'post',
-    url: `https://helpcenter.${audience}/survey/submit`,
-    camundaAuth: { token },
-    type: 'json',
-    body: { data },
-    responseType: 'text',
-});
-export const submitFeedback = async ({ token, audience, formData, }) => request({
-    method: 'post',
-    url: `https://helpcenter.${audience}/feedback/submit`,
-    camundaAuth: { token },
-    body: formData,
-    type: 'form',
-    responseType: 'text',
-});

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

@@ -1,5 +0,0 @@
-export declare class JWTUtils {
-    static decode(token: string): any;
-    static getExpiration(token: string): number;
-    static isExpired(token: string): boolean;
-}

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

@@ -1,26 +0,0 @@
-/*
- * Copyright Camunda Services GmbH and/or licensed to Camunda Services GmbH
- * under one or more contributor license agreements. Licensed under a commercial license.
- * You may not use this file except in compliance with the commercial license.
- */
-export class JWTUtils {
-    static decode(token) {
-        const base64Url = token.split('.')[1];
-        const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
-        const jsonPayload = decodeURIComponent(window
-            .atob(base64)
-            .split('')
-            .map((c) => '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2))
-            .join(''));
-        return JSON.parse(jsonPayload);
-    }
-    static getExpiration(token) {
-        const decoded = JWTUtils.decode(token);
-        return decoded.exp;
-    }
-    static isExpired(token) {
-        const expiration = JWTUtils.getExpiration(token);
-        const now = new Date().getTime() / 1000;
-        return expiration < now;
-    }
-}

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

@@ -1,41 +0,0 @@
-import type { C3NotificationsProps } from '../components/c3-navigation/c3-navigation.types';
-import { type RequestResponse } from './api';
-export interface Notification {
-    uuid: string;
-    userId?: string;
-    orgId?: string;
-    timestamp: number;
-    source: string;
-    type: string;
-    title: string;
-    description: string;
-    state: string;
-    meta?: {
-        identifier?: string;
-        href?: string;
-        label?: string;
-        entity?: {
-            id: string;
-            type: string;
-        };
-        parentEntity?: {
-            id: string;
-            type: string;
-        };
-    };
-}
-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 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[];
-}