@camunda/camunda-composite-components 0.15.2-rc.0 → 0.17.0

package/README.md

@@ -71,7 +71,7 @@ return (
 
 - [Console team](https://confluence.camunda.com/display/HAN/Console+Team)
   started this, their C4 repo can be found
-  [here](https://github.com/camunda-cloud/camunda-cloud-management-apps/tree/main/packages/c4)
+  [here](https://github.com/camunda/camunda-cloud-management-apps/tree/main/packages/c4)
 - [Identity team](https://github.com/camunda/team-identity):
   [c4-identity](https://github.com/camunda-cloud/c4-identity)
 

package/lib/esm/package.json

@@ -1,18 +1,18 @@
 {
     "name": "@camunda/camunda-composite-components",
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/camunda-cloud/camunda-composite-components.git"
+    "version": "0.17.0",
+    "publishConfig": {
+        "access": "public",
+        "registry": "https://registry.npmjs.org/"
     },
-    "version": "0.15.1",
     "scripts": {
         "clean": "rimraf lib/",
-        "build": "yarn clean && tsc",
+        "build": "pnpm clean && tsc",
         "storybook": "storybook dev -p 6006",
-        "start": "yarn storybook",
-        "build:storybook": "storybook build",
-        "build:all": "yarn build && yarn build:storybook",
-        "serve:storybook": "serve ./storybook-static -p 6006 -n -L",
+        "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",
         "format": "prettier --write .",
         "lint": "eslint src/",
@@ -20,14 +20,15 @@
         "test:ts": "tsc --noEmit --project ./tsconfig.json",
         "test:storybook": "TEST_A11Y=true test-storybook",
         "test:storybook:smoke": "test-storybook",
-        "start:docker-storybook": "yarn build:storybook && docker-compose up -d && docker-compose exec c3-visual-regression yarn serve:storybook",
-        "test:visual-regression": "wait-on http://localhost:6006 && PWTEST_SKIP_TEST_OUTPUT=1 yarn playwright test",
-        "test:visual-regression:ui": "yarn test:playwright --ui",
-        "report:visual-regression": "yarn playwright show-report",
-        "update:visual-regression": "yarn playwright test --update-snapshots",
-        "test:visual-regression:docker": "docker exec -it -t c3-visual-regression yarn test:visual-regression",
-        "update:visual-regression:docker": "docker exec -it -t c3-visual-regression yarn update:visual-regression",
-        "test": "yarn test:ts && yarn test:storybook && yarn test:visual-regression:docker"
+        "start:docker-storybook": "pnpm build-storybook && docker-compose up -d && 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 serve:storybook & wait-on http://localhost:6006 && pnpm test:storybook && pnpm test:visual-regression:docker",
+        "test": "pnpm test:ts"
     },
     "devDependencies": {
         "@babel/core": "7.25.7",
@@ -57,8 +58,8 @@
         "@types/event-source-polyfill": "1.0.5",
         "@types/mixpanel-browser": "2.49.0",
         "@types/node": "20.12.4",
-        "@types/react": "18.2.74",
-        "@types/react-dom": "18.2.24",
+        "@types/react": "18.0.28",
+        "@types/react-dom": "18.0.11",
         "@types/styled-components": "5.1.34",
         "@typescript-eslint/eslint-plugin": "7.17.0",
         "@typescript-eslint/parser": "7.17.0",
@@ -89,7 +90,7 @@
         "storybook": "8.2.9",
         "style-loader": "4.0.0",
         "styled-components": "6.1.8",
-        "typescript": "5.4.4",
+        "typescript": "4.9.5",
         "wait-on": "7.2.0",
         "webpack": "5.94.0"
     },
@@ -112,6 +113,5 @@
         "/lib"
     ],
     "author": "Camunda",
-    "license": "Apache-2.0",
-    "packageManager": "yarn@4.3.1"
+    "license": "Apache-2.0"
 }

package/lib/esm/src/assets/c3-icons.d.ts

@@ -1,6 +1,5 @@
-import React from "react";
 import { C3IconProps } from "./c3-icons.types";
-export declare const C3AppMenuIcon: ({ size }: C3IconProps) => React.JSX.Element;
-export declare const C3NotificationsUnreadIcon: ({ size }: C3IconProps) => React.JSX.Element;
-export declare const C3BellIcon: ({ size }: C3IconProps) => React.JSX.Element;
-export declare const CamundaLogo: () => React.JSX.Element;
+export declare const C3AppMenuIcon: ({ size }: C3IconProps) => JSX.Element;
+export declare const C3NotificationsUnreadIcon: ({ size }: C3IconProps) => JSX.Element;
+export declare const C3BellIcon: ({ size }: C3IconProps) => JSX.Element;
+export declare const CamundaLogo: () => JSX.Element;

package/lib/esm/src/components/c3-app-teaser/app-teaser-cards.d.ts

@@ -1,8 +1,7 @@
-import React from "react";
 import { AppTeaserCardProps } from "./app-teaster-card";
 type AppTeaserCardsProps = {
     title: string;
-    subtitle: React.JSX.Element;
+    subtitle: JSX.Element;
     cards: AppTeaserCardProps[];
     cta: {
         text: string;
@@ -13,5 +12,5 @@ type AppTeaserCardsProps = {
     };
     subtext: string;
 };
-export declare const AppTeaserCards: ({ title, subtitle, cards, cta, subtext, }: AppTeaserCardsProps) => React.JSX.Element;
+export declare const AppTeaserCards: ({ title, subtitle, cards, cta, subtext, }: AppTeaserCardsProps) => JSX.Element;
 export {};

package/lib/esm/src/components/c3-app-teaser/app-teaster-card.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 export type AppTeaserCardProps = {
     grid?: {
         column?: number | string;
@@ -11,4 +11,4 @@ export type AppTeaserCardProps = {
     };
     description: ReactNode;
 };
-export declare const AppTeaserCard: (props: AppTeaserCardProps) => React.JSX.Element;
+export declare const AppTeaserCard: (props: AppTeaserCardProps) => JSX.Element;

package/lib/esm/src/components/c3-data-table/link-button/link-button.types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface LinkButtonProps {
     onClick: () => void;
     label: string;

package/lib/esm/src/components/c3-empty-state/c3-empty-state.d.ts

@@ -1,3 +1,2 @@
 import { C3EmptyStateProps } from "./c3-empty-state.types";
-import React from "react";
-export declare const C3EmptyState: ({ icon, heading, description, button, link, }: C3EmptyStateProps) => React.JSX.Element;
+export declare const C3EmptyState: ({ icon, heading, description, button, link, }: C3EmptyStateProps) => JSX.Element;

package/lib/esm/src/components/c3-help-center/help-center-hint.d.ts

@@ -1,2 +1,3 @@
-import React, { PropsWithChildren } from "react";
-export declare const HelpCenterHint: React.FC<PropsWithChildren>;
+export declare const HelpCenterHint: ({ children }: {
+    children: JSX.Element;
+}) => JSX.Element;

package/lib/esm/src/components/c3-help-center/styles.d.ts

@@ -1,5 +1,4 @@
-import { ModalBodyProps, ModalHeaderProps } from "@carbon/react";
 import { FC } from "react";
 export declare const headingStyles: import("styled-components").RuleSet<object>;
-export declare const StyledModalHeader: FC<ModalHeaderProps>;
-export declare const StyledModalBody: FC<ModalBodyProps>;
+export declare const StyledModalHeader: FC<any>;
+export declare const StyledModalBody: FC<any>;

package/lib/esm/src/components/c3-help-center/styles.js

@@ -1,6 +1,6 @@
 import styled, { css } from "styled-components";
 import { body01, heading01, heading02, heading03, heading04, heading05, heading06, } from "../styles";
-import { ModalBody, ModalHeader, } from "@carbon/react";
+import { ModalBody, ModalHeader } from "@carbon/react";
 export const headingStyles = css `
 	h1 {
 		${heading06}

package/lib/esm/src/components/c3-help-center/tabs/feedback.js

@@ -41,7 +41,10 @@ export const Feedback = (props) => {
     React.useEffect(() => {
         switch (selectedType) {
             case ReportType.Feedback:
-                setContent({ title: Title.Feedback, placeholder: Placeholder.Feedback });
+                setContent({
+                    title: Title.Feedback,
+                    placeholder: Placeholder.Feedback,
+                });
                 break;
             case ReportType.Bug:
                 setContent({ title: Title.Bug, placeholder: Placeholder.Bug });

package/lib/esm/src/components/c3-help-center/tabs/tabContent.d.ts

@@ -1,4 +1,4 @@
-import React, { FC } from "react";
+import { FC } from "react";
 import { Dict } from "mixpanel-browser";
 import { WpCardType } from "../c3-help-center.types";
 export declare const TAB_TYPES: {
@@ -6,7 +6,7 @@ export declare const TAB_TYPES: {
     readonly Column: "column";
 };
 export type TabType = (typeof TAB_TYPES)[keyof typeof TAB_TYPES];
-export declare const TileWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const TileWrapper: any;
 export declare const TabContent: FC<{
     onboarding: {
         complete: boolean;

package/lib/esm/src/components/c3-navigation/c3-navigation-actions/c3-action-buttons.types.d.ts

@@ -1,6 +1,6 @@
-import React, { ReactElement } from "react";
+import { ReactElement } from "react";
 export interface C3ActionButtonElement {
-    element: React.JSX.Element;
+    element: JSX.Element;
 }
 export interface C3ActionButtonSimple {
     label: string;

package/lib/esm/src/components/c3-navigation/c3-navigation-appbar/c3-navigation-appbar.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { C3NavigationProps } from "../c3-navigation.types";
+export type LoadingStatus = "inactive" | "active" | "finished" | "error";
 export declare const C3NavigationAppBar: React.FC<C3NavigationProps>;

package/lib/esm/src/components/c3-navigation/c3-navigation-appbar/c3-navigation-appbar.js

@@ -25,8 +25,8 @@ const getClustersToRender = (clusters, activeOrg, appToNavigateTo) => {
         endpoints[appToNavigateTo] &&
         // either the user has appreadpermissions on this app
         (activeOrg?.permissions?.cluster?.[appToNavigateTo]?.read ||
-            //  OR this is a 8.7+ cluster - in this case we also allow rendering this item
-            [1, 2, 3, 4, 5, 6].every((pre7Minor) => !generation.name.includes(`8.${pre7Minor}`))));
+            //  OR this is a 8.8+ cluster - in this case we also allow rendering this item
+            [1, 2, 3, 4, 5, 6, 7].every((pre8Minor) => !generation.name.includes(`8.${pre8Minor}`))));
 };
 const OrgPickerModal = ({ isOpen, onCancel, orgs, activeOrg, loadingStatus, appToNavigateTo, domain, }) => {
     const hasNoTeams = Object.values(orgs ?? {})?.every(({ org }) => {

package/lib/esm/src/components/c3-navigation/c3-navigation-appbar/components.d.ts

@@ -1,6 +1,6 @@
 import { FC } from "react";
 import { SideNavProps } from "carbon-components-react";
-export declare const NavWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const NavWrapper: any;
 export declare const SideNav: FC<SideNavProps & {
     ref: unknown;
 }>;

package/lib/esm/src/components/c3-navigation/c3-navigation-sidebar/c3-navigation-sidebar-element.d.ts

@@ -1,12 +1,11 @@
 import { C3NavigationElementProps } from "../c3-navigation.types";
 import { C3NavigationSideBarProps } from "./c3-navigation-sidebar.types";
-import React from "react";
 declare const C3NavigationSidebarElement: (props: {
     element: C3NavigationElementProps;
     index: number;
-    itemTabIndex?: number;
+    itemTabIndex?: number | undefined;
     sideBar: C3NavigationSideBarProps;
     setSideBarOpen: (open: boolean) => void;
     scrollBarWidth: number;
-}) => React.JSX.Element;
+}) => JSX.Element;
 export default C3NavigationSidebarElement;

package/lib/esm/src/components/c3-navigation/c3-navigation-sidebar/c3-navigation-sidebar.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactElement, ReactNode } from "react";
+import { ReactElement, ReactNode } from "react";
 import { C3NavigationSideBarProps } from "./c3-navigation-sidebar.types";
 declare const C3NavigationSideBar: (props: {
     sideBar: C3NavigationSideBarProps;
@@ -6,5 +6,5 @@ declare const C3NavigationSideBar: (props: {
     children?: ReactNode;
     version?: ReactNode;
     bottomChildren?: ReactNode;
-}) => React.JSX.Element;
+}) => JSX.Element;
 export default C3NavigationSideBar;

package/lib/esm/src/components/c3-navigation/c3-navigation-sidebar/c3-navigation-sidebar.js

@@ -61,7 +61,7 @@ const C3NavigationSideBar = (props) => {
         , { 
             // eslint-disable-next-line
             // @ts-ignore
-            ref: setIconRef, "aria-label": `Open ${sideBar.ariaLabel}`, "aria-expanded": isOpen, "aria-controls": id, onClick: () => {
+            ref: setIconRef, "aria-label": sideBar.tooltip ?? `Open ${sideBar.ariaLabel}`, "aria-expanded": isOpen, "aria-controls": id, onClick: () => {
                 setIsOpen(!isOpen);
             }, isActive: isOpen, tooltipAlignment: sideBar.type === "user" ? "end" : "center", 
             /* eslint-disable-next-line @typescript-eslint/ban-ts-comment */

package/lib/esm/src/components/c3-navigation/c3-navigation-sidebar/c3-navigation-sidebar.types.d.ts

@@ -1,8 +1,8 @@
 import { C3NavigationElementProps } from "../c3-navigation.types";
 import { Notification } from "../../../api/notifications";
-import React from "react";
 export type C3NavigationSideBarBaseProps = {
     ariaLabel?: string;
+    tooltip?: string;
     isOpen?: boolean;
     onOpen?: () => void;
     closeOnClick?: boolean;
@@ -38,7 +38,7 @@ export type C3NavigationUserSideBarProps = C3NavigationSideBarBaseProps & {
     type: "user";
     version?: string;
     customElements?: {
-        customSection?: React.JSX.Element;
+        customSection?: JSX.Element;
         profile?: {
             label: string;
             user: {
@@ -61,7 +61,7 @@ export type C3NavigationNotificationsSideBarProps = C3NavigationSideBarBaseProps
     onLinkClick?: (meta: Notification["meta"]) => void;
 };
 type AppTeaserRouteProps = any;
-export type C3NavigationAppBarProps = C3NavigationSideBarBaseProps & {
+export type C3NavigationAppBarProps = Omit<C3NavigationSideBarBaseProps, "tooltip"> & {
     type: "app";
     appTeaserRouteProps?: {
         operate?: AppTeaserRouteProps;

package/lib/esm/src/components/c3-navigation/c3-navigation.d.ts

@@ -1,7 +1,6 @@
-import React from "react";
 import { C3NavigationProps } from "./c3-navigation.types";
 export declare const SECOND = 1000;
 export declare const MINUTE: number;
 export declare const HOUR: number;
 export declare const DAY: number;
-export declare const C3Navigation: ({ app, appBar, forwardRef, navbar, orgSideBar, infoSideBar, infoButton, helpCenter, actionButtons, userSideBar, notificationSideBar, clusterUuid, options, }: C3NavigationProps) => React.JSX.Element;
+export declare const C3Navigation: ({ app, appBar, forwardRef, navbar, orgSideBar, infoSideBar, infoButton, helpCenter, actionButtons, userSideBar, notificationSideBar, clusterUuid, options, }: C3NavigationProps) => JSX.Element;

package/lib/esm/src/components/c3-navigation/c3-navigation.types.d.ts

@@ -1,10 +1,10 @@
+/// <reference types="react" />
 import { Tag } from "@carbon/react";
 import { Endpoints, Stage } from "../../api/endpoints.const";
 import { C3NavigationAppBarProps, C3NavigationInfoSideBarProps, C3NavigationNotificationsSideBarProps, C3NavigationOrgSideBarProps, C3NavigationUserSideBarProps } from "./c3-navigation-sidebar/c3-navigation-sidebar.types";
 import { C3ActionButtonsProps } from "./c3-navigation-actions/c3-action-buttons.types";
 import { C3HelpCenterProps } from "../c3-help-center/c3-help-center";
 import { CamundaClusterStage } from "../c3-cluster-tag/c3-cluster-tag.types";
-import { CarbonIconType } from "@carbon/react/icons";
 export interface C3NavigationAppProps {
     prefix?: string;
     name: string;
@@ -39,7 +39,7 @@ export interface C3NavigationNavBarProps {
         label: string;
         key: string;
         color?: React.ComponentProps<typeof Tag>["type"];
-        renderIcon?: CarbonIconType;
+        renderIcon?: any;
         tooltip?: {
             content: React.ReactNode;
             buttonLabel: string;

package/lib/esm/src/components/c3-navigation/c3-notification-provider/c3-notification-container.d.ts

@@ -1,8 +1,8 @@
-import React, { FC } from "react";
+import { FC } from "react";
 import { Notification as NotificationProps } from "../../../api/notifications";
-export declare const NotificationTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>;
-export declare const NotificationDescription: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>;
-export declare const LinkContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const NotificationTitle: any;
+export declare const NotificationDescription: any;
+export declare const LinkContainer: any;
 declare const C3NotificationContainer: FC<NotificationProps & {
     onRead: () => void;
     onDismiss: () => void;

package/lib/esm/src/components/c3-navigation/c3-org-sidebar/c3-org-sidebar.js

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { Button, FormLabel, TreeNode, TreeView, } from "@carbon/react";
+import { Button, FormLabel, TreeNode, TreeView } from "@carbon/react";
 import { Enterprise } from "@carbon/react/icons";
 import C3NavigationSideBar from "../c3-navigation-sidebar/c3-navigation-sidebar";
 import { SwitcherDivider } from "../c3-navigation-sidebar/components";

package/lib/esm/src/components/c3-navigation/c3-org-sidebar/components.d.ts

@@ -1,24 +1,18 @@
-import React, { FC } from "react";
-import { ModalProps } from "@carbon/react/es/components/Modal/Modal";
+import { FC } from "react";
 import { DropdownProps } from "@carbon/react/lib/components/Dropdown/Dropdown";
 import { Organization } from "../../../utils/camunda.types";
-export declare const ActiveOrgWrapperCustom: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const ActiveOrgWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $scrollBarWidth: number;
-}>>;
-export declare const ActiveSuperorgWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $scrollBarWidth: number;
-}>>;
-export declare const ActiveOrgNameWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const ActiveOrgName: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isCustomized?: boolean | undefined;
-}>>;
+import { LoadingStatus } from "../c3-navigation-appbar/c3-navigation-appbar";
+export declare const ActiveOrgWrapperCustom: any;
+export declare const ActiveOrgWrapper: any;
+export declare const ActiveSuperorgWrapper: any;
+export declare const ActiveOrgNameWrapper: any;
+export declare const ActiveOrgName: any;
 export declare const ConfirmLeaveModal: FC<{
     isOpen: boolean;
     orgName: string;
     onConfirm: () => void;
     onCancel: () => void;
-    loadingStatus: ModalProps["loadingStatus"];
+    loadingStatus: LoadingStatus;
 }>;
 export declare const ManageOrgOverflowMenu: FC<{
     canManage: boolean;
@@ -32,4 +26,4 @@ export declare const ManageOrgOverflowMenu: FC<{
 export declare const StyledDropdown: FC<DropdownProps<Organization> & {
     $scrollBarWidth: number;
 }>;
-export declare const OrgListWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const OrgListWrapper: any;

package/lib/esm/src/components/c3-navigation/c3-org-sidebar/components.js

@@ -65,7 +65,7 @@ export const ManageOrgOverflowMenu = ({ canManage, canLeave, isLastOrg, isOrgMem
         : isLastOrg
             ? "You need to be a member of at least one organization. Join a different organization first if you wish to leave."
             : "Owners cannot leave an organization directly. Assign another user as an owner if you wish to leave.";
-    return (React.createElement(StyledOverflowMenu, { size: "sm", flipped: true, "aria-label": "Organization options menu", "data-floating-menu-container": "cds--header-panel", align: "top-right" },
+    return (React.createElement(StyledOverflowMenu, { size: "sm", flipped: true, "aria-label": "Organization options menu", "data-floating-menu-container": "cds--header-panel", ...{ align: "top-right" } },
         canManage && (React.createElement(OverflowMenuItem, { itemText: "Manage organization", onClick: onManage, "aria-label": `Manage organization - ${orgName}` })),
         canLeave ? (leaveMenuItem) : (React.createElement(PopoverWrapper, { open: isPopoverShown, label: popoverLabel, align: "bottom-right" },
             leaveMenuItem,

package/lib/esm/src/components/c3-navigation/stories/story-helpers.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { C3NavigationAppProps, C3NavigationElementProps, C3NavigationNavBarProps, C3NavigationProps } from "../c3-navigation.types";
 import { C3HelpCenterProps } from "../../c3-help-center/c3-help-center";
 export declare function createAppProps(): C3NavigationAppProps;
@@ -26,7 +25,7 @@ export declare function createOrgSideBarProps(options: {
 }): C3NavigationProps["orgSideBar"];
 export declare function createUserSideBarProps(options: {
     isOpen: boolean;
-    customSection?: React.JSX.Element;
+    customSection?: JSX.Element;
     hideThemeSelector?: boolean;
 }): C3NavigationProps["userSideBar"];
 export declare function createNotificationSideBarProps(options: {

package/lib/esm/src/components/c3-onboarding-survey/onboardingModal.d.ts

@@ -1,24 +1,23 @@
-import { ModalBodyProps } from "@carbon/react";
 import React, { FC } from "react";
-export declare const StyledModalBody: FC<ModalBodyProps>;
+export declare const StyledModalBody: FC<any>;
 export declare const OnboardingModal: ({ isDoingAsyncWork, heading, headingLabel, primaryButtonText, primaryButtonDisabled, secondaryButtonText, tertiaryButtonText, loadingText, error, danger, theme, onRequestClose, onSecondary, onPrimary, onTertiary, children, }: {
     isDoingAsyncWork: boolean;
     heading: string;
-    headingLabel?: string;
+    headingLabel?: string | undefined;
     primaryButtonText: string;
-    primaryButtonDisabled?: boolean;
-    secondaryButtonText?: string;
-    tertiaryButtonText?: string;
+    primaryButtonDisabled?: boolean | undefined;
+    secondaryButtonText?: string | undefined;
+    tertiaryButtonText?: string | undefined;
     loadingText: string;
     error?: {
         title: string;
         description: string;
-    };
-    danger?: boolean;
+    } | undefined;
+    danger?: boolean | undefined;
     theme: string;
     onRequestClose: (skip: boolean) => void;
-    onSecondary?: () => void;
-    onPrimary?: () => void;
-    onTertiary?: () => void;
+    onSecondary?: (() => void) | undefined;
+    onPrimary?: (() => void) | undefined;
+    onTertiary?: (() => void) | undefined;
     children?: React.ReactNode;
 }) => JSX.Element;

package/lib/esm/src/components/c3-onboarding-survey/onboardingPage.d.ts

@@ -2,19 +2,19 @@ import React from "react";
 export declare const OnboardingPage: ({ isDoingAsyncWork, heading, headingLabel, primaryButtonText, primaryButtonDisabled, secondaryButtonText, tertiaryButtonText, loadingText, error, danger, onSecondary, onPrimary, onTertiary, children, }: {
     isDoingAsyncWork: boolean;
     heading: string;
-    headingLabel?: string;
+    headingLabel?: string | undefined;
     primaryButtonText: string;
-    primaryButtonDisabled?: boolean;
-    secondaryButtonText?: string;
-    tertiaryButtonText?: string;
+    primaryButtonDisabled?: boolean | undefined;
+    secondaryButtonText?: string | undefined;
+    tertiaryButtonText?: string | undefined;
     loadingText: string;
     error?: {
         title: string;
         description: string;
-    };
-    danger?: boolean;
-    onSecondary?: () => void;
-    onPrimary?: () => void;
-    onTertiary?: () => void;
+    } | undefined;
+    danger?: boolean | undefined;
+    onSecondary?: (() => void) | undefined;
+    onPrimary?: (() => void) | undefined;
+    onTertiary?: (() => void) | undefined;
     children?: React.ReactNode;
 }) => JSX.Element;

package/lib/esm/src/components/c3-page/c3-tabs/c3-tabs.types.d.ts

@@ -8,7 +8,7 @@ export interface C3TabsProps {
 export interface C3TabProps {
     id: string;
     label: string;
-    content: React.JSX.Element;
+    content: React.ReactNode;
     visible?: boolean;
     initializeTab?: () => void;
 }

package/lib/esm/src/components/c3-user-configuration/c3-profile-provider/c3-profile-provider.d.ts

@@ -1,4 +1,4 @@
-import React, { FC, PropsWithChildren } from "react";
+import React from "react";
 import { ResolvedTheme } from "./carbon-theme-provider";
 import { Cluster, Organization } from "../../../utils/camunda.types";
 import { RequestResponse } from "../../../api/api";
@@ -18,5 +18,7 @@ export type C3ProfileContextValue = {
     loadClustersById: (orgId: string) => Promise<RequestResponse<Cluster[] | null>> | undefined;
 };
 export declare const C3ProfileContext: React.Context<C3ProfileContextValue>;
-export declare const C3ProfileProvider: FC<PropsWithChildren>;
+export declare const C3ProfileProvider: ({ children }: {
+    children: JSX.Element;
+}) => JSX.Element;
 export declare const useC3Profile: () => C3ProfileContextValue;

package/lib/esm/src/components/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const heading01: import("styled-components").RuleSet<object>;
 export declare const heading02: import("styled-components").RuleSet<object>;
 export declare const heading03: import("styled-components").RuleSet<object>;
@@ -6,9 +5,9 @@ export declare const heading04: import("styled-components").RuleSet<object>;
 export declare const heading05: import("styled-components").RuleSet<object>;
 export declare const heading06: import("styled-components").RuleSet<object>;
 export declare const body02: import("styled-components").RuleSet<object>;
-export declare const Body02: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>;
+export declare const Body02: any;
 export declare const body01: import("styled-components").RuleSet<object>;
-export declare const Body01: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>;
+export declare const Body01: any;
 export declare const label01: import("styled-components").RuleSet<object>;
 export declare const fontMapping: import("styled-components").RuleSet<object>;
-export declare const DefaultStyleWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const DefaultStyleWrapper: any;

package/lib/esm/src/hooks/useApi.d.ts

@@ -6,9 +6,9 @@ type OnError = () => void;
 declare const useApi: <R = undefined>({ queryFn, queryKey, onSuccess, onError, enabled, }: {
     queryFn: QueryFn<R>;
     queryKey: unknown[];
-    enabled?: boolean;
-    onSuccess?: OnSuccess<R>;
-    onError?: OnError;
+    enabled?: boolean | undefined;
+    onSuccess?: OnSuccess<R> | undefined;
+    onError?: OnError | undefined;
 }) => {
     data: R | null;
     setData: import("react").Dispatch<import("react").SetStateAction<R | null>>;

package/package.json

@@ -1,117 +1,116 @@
 {
-	"name": "@camunda/camunda-composite-components",
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/camunda-cloud/camunda-composite-components.git"
-	},
-	"version": "0.15.2-rc.0",
-	"scripts": {
-		"clean": "rimraf lib/",
-		"build": "yarn clean && tsc",
-		"storybook": "storybook dev -p 6006",
-		"start": "yarn storybook",
-		"build:storybook": "storybook build",
-		"build:all": "yarn build && yarn build:storybook",
-		"serve:storybook": "serve ./storybook-static -p 6006 -n -L",
-		"prepare": "husky",
-		"format": "prettier --write .",
-		"lint": "eslint 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",
-		"start:docker-storybook": "yarn build:storybook && docker-compose up -d && docker-compose exec c3-visual-regression yarn serve:storybook",
-		"test:visual-regression": "wait-on http://localhost:6006 && PWTEST_SKIP_TEST_OUTPUT=1 yarn playwright test",
-		"test:visual-regression:ui": "yarn test:playwright --ui",
-		"report:visual-regression": "yarn playwright show-report",
-		"update:visual-regression": "yarn playwright test --update-snapshots",
-		"test:visual-regression:docker": "docker exec -it -t c3-visual-regression yarn test:visual-regression",
-		"update:visual-regression:docker": "docker exec -it -t c3-visual-regression yarn update:visual-regression",
-		"test": "yarn test:ts && yarn test:storybook && yarn test:visual-regression:docker"
-	},
-	"devDependencies": {
-		"@babel/core": "7.25.7",
-		"@babel/preset-env": "7.25.7",
-		"@babel/preset-react": "7.25.7",
-		"@babel/preset-typescript": "7.25.7",
-		"@carbon/react": "1.69.0",
-		"@mdx-js/react": "3.0.1",
-		"@playwright/test": "1.45.2",
-		"@semantic-release/changelog": "6.0.3",
-		"@semantic-release/git": "10.0.1",
-		"@storybook/addon-a11y": "8.2.9",
-		"@storybook/addon-actions": "8.2.9",
-		"@storybook/addon-docs": "8.2.9",
-		"@storybook/addon-essentials": "8.2.9",
-		"@storybook/addon-interactions": "8.2.9",
-		"@storybook/addon-links": "8.2.9",
-		"@storybook/addon-mdx-gfm": "8.2.9",
-		"@storybook/addon-webpack5-compiler-babel": "3.0.3",
-		"@storybook/blocks": "8.2.9",
-		"@storybook/preset-scss": "1.0.3",
-		"@storybook/react": "8.2.9",
-		"@storybook/react-webpack5": "8.2.9",
-		"@storybook/test": "8.2.9",
-		"@storybook/test-runner": "0.19.1",
-		"@types/carbon-components-react": "7.55.10",
-		"@types/event-source-polyfill": "1.0.5",
-		"@types/mixpanel-browser": "2.49.0",
-		"@types/node": "20.12.4",
-		"@types/react": "18.2.74",
-		"@types/react-dom": "18.2.24",
-		"@types/styled-components": "5.1.34",
-		"@typescript-eslint/eslint-plugin": "7.17.0",
-		"@typescript-eslint/parser": "7.17.0",
-		"axe-playwright": "2.0.1",
-		"babel-loader": "9.2.1",
-		"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": "0.8.0",
-		"event-source-polyfill": "1.0.31",
-		"husky": "9.1.2",
-		"mixpanel-browser": "2.49.0",
-		"prettier": "3.3.3",
-		"react": "18.2.0",
-		"react-dom": "18.2.0",
-		"rimraf": "6.0.1",
-		"sass": "1.74.1",
-		"sass-loader": "14.1.1",
-		"semantic-release": "23.0.7",
-		"serve": "14.2.1",
-		"storybook": "8.2.9",
-		"style-loader": "4.0.0",
-		"styled-components": "6.1.8",
-		"typescript": "5.4.4",
-		"wait-on": "7.2.0",
-		"webpack": "5.94.0"
-	},
-	"dependencies": {
-		"jwt-decode": "4.0.0",
-		"react-error-boundary": "4.0.13",
-		"react-markdown": "8.0.7"
-	},
-	"peerDependencies": {
-		"@carbon/react": "1.x",
-		"event-source-polyfill": "1.0.x",
-		"react": "18.x",
-		"react-dom": "18.x",
-		"styled-components": "5.x || 6.x"
-	},
-	"description": "Camunda Composite Components",
-	"main": "./lib/esm/src/index.js",
-	"types": "./lib/esm/src/index.d.ts",
-	"files": [
-		"/lib"
-	],
-	"author": "Camunda",
-	"license": "Apache-2.0",
-	"packageManager": "yarn@4.3.1"
-}
+  "name": "@camunda/camunda-composite-components",
+  "version": "0.17.0",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@babel/core": "7.25.7",
+    "@babel/preset-env": "7.25.7",
+    "@babel/preset-react": "7.25.7",
+    "@babel/preset-typescript": "7.25.7",
+    "@carbon/react": "1.69.0",
+    "@mdx-js/react": "3.0.1",
+    "@playwright/test": "1.45.2",
+    "@semantic-release/changelog": "6.0.3",
+    "@semantic-release/git": "10.0.1",
+    "@storybook/addon-a11y": "8.2.9",
+    "@storybook/addon-actions": "8.2.9",
+    "@storybook/addon-docs": "8.2.9",
+    "@storybook/addon-essentials": "8.2.9",
+    "@storybook/addon-interactions": "8.2.9",
+    "@storybook/addon-links": "8.2.9",
+    "@storybook/addon-mdx-gfm": "8.2.9",
+    "@storybook/addon-webpack5-compiler-babel": "3.0.3",
+    "@storybook/blocks": "8.2.9",
+    "@storybook/preset-scss": "1.0.3",
+    "@storybook/react": "8.2.9",
+    "@storybook/react-webpack5": "8.2.9",
+    "@storybook/test": "8.2.9",
+    "@storybook/test-runner": "0.19.1",
+    "@types/carbon-components-react": "7.55.10",
+    "@types/event-source-polyfill": "1.0.5",
+    "@types/mixpanel-browser": "2.49.0",
+    "@types/node": "20.12.4",
+    "@types/react": "18.0.28",
+    "@types/react-dom": "18.0.11",
+    "@types/styled-components": "5.1.34",
+    "@typescript-eslint/eslint-plugin": "7.17.0",
+    "@typescript-eslint/parser": "7.17.0",
+    "axe-playwright": "2.0.1",
+    "babel-loader": "9.2.1",
+    "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": "0.8.0",
+    "event-source-polyfill": "1.0.31",
+    "husky": "9.1.2",
+    "mixpanel-browser": "2.49.0",
+    "prettier": "3.3.3",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "rimraf": "6.0.1",
+    "sass": "1.74.1",
+    "sass-loader": "14.1.1",
+    "semantic-release": "23.0.7",
+    "serve": "14.2.1",
+    "storybook": "8.2.9",
+    "style-loader": "4.0.0",
+    "styled-components": "6.1.8",
+    "typescript": "4.9.5",
+    "wait-on": "7.2.0",
+    "webpack": "5.94.0"
+  },
+  "dependencies": {
+    "jwt-decode": "4.0.0",
+    "react-error-boundary": "4.0.13",
+    "react-markdown": "8.0.7"
+  },
+  "peerDependencies": {
+    "@carbon/react": "1.x",
+    "event-source-polyfill": "1.0.x",
+    "react": "18.x",
+    "react-dom": "18.x",
+    "styled-components": "5.x || 6.x"
+  },
+  "description": "Camunda Composite Components",
+  "main": "./lib/esm/src/index.js",
+  "types": "./lib/esm/src/index.d.ts",
+  "files": [
+    "/lib"
+  ],
+  "author": "Camunda",
+  "license": "Apache-2.0",
+  "scripts": {
+    "clean": "rimraf lib/",
+    "build": "pnpm clean && tsc",
+    "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",
+    "format": "prettier --write .",
+    "lint": "eslint 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",
+    "start:docker-storybook": "pnpm build-storybook && docker-compose up -d && 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 serve:storybook & wait-on http://localhost:6006 && pnpm test:storybook && pnpm test:visual-regression:docker",
+    "test": "pnpm test:ts"
+  }
+}

package/LICENSE

@@ -1,201 +0,0 @@
-                                 Apache License
-                           Version 2.0, January 2004
-                        http://www.apache.org/licenses/
-
-TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-1.  Definitions.
-
-    "License" shall mean the terms and conditions for use, reproduction,
-    and distribution as defined by Sections 1 through 9 of this document.
-
-    "Licensor" shall mean the copyright owner or entity authorized by
-    the copyright owner that is granting the License.
-
-    "Legal Entity" shall mean the union of the acting entity and all
-    other entities that control, are controlled by, or are under common
-    control with that entity. For the purposes of this definition,
-    "control" means (i) the power, direct or indirect, to cause the
-    direction or management of such entity, whether by contract or
-    otherwise, or (ii) ownership of fifty percent (50%) or more of the
-    outstanding shares, or (iii) beneficial ownership of such entity.
-
-    "You" (or "Your") shall mean an individual or Legal Entity
-    exercising permissions granted by this License.
-
-    "Source" form shall mean the preferred form for making modifications,
-    including but not limited to software source code, documentation
-    source, and configuration files.
-
-    "Object" form shall mean any form resulting from mechanical
-    transformation or translation of a Source form, including but
-    not limited to compiled object code, generated documentation,
-    and conversions to other media types.
-
-    "Work" shall mean the work of authorship, whether in Source or
-    Object form, made available under the License, as indicated by a
-    copyright notice that is included in or attached to the work
-    (an example is provided in the Appendix below).
-
-    "Derivative Works" shall mean any work, whether in Source or Object
-    form, that is based on (or derived from) the Work and for which the
-    editorial revisions, annotations, elaborations, or other modifications
-    represent, as a whole, an original work of authorship. For the purposes
-    of this License, Derivative Works shall not include works that remain
-    separable from, or merely link (or bind by name) to the interfaces of,
-    the Work and Derivative Works thereof.
-
-    "Contribution" shall mean any work of authorship, including
-    the original version of the Work and any modifications or additions
-    to that Work or Derivative Works thereof, that is intentionally
-    submitted to Licensor for inclusion in the Work by the copyright owner
-    or by an individual or Legal Entity authorized to submit on behalf of
-    the copyright owner. For the purposes of this definition, "submitted"
-    means any form of electronic, verbal, or written communication sent
-    to the Licensor or its representatives, including but not limited to
-    communication on electronic mailing lists, source code control systems,
-    and issue tracking systems that are managed by, or on behalf of, the
-    Licensor for the purpose of discussing and improving the Work, but
-    excluding communication that is conspicuously marked or otherwise
-    designated in writing by the copyright owner as "Not a Contribution."
-
-    "Contributor" shall mean Licensor and any individual or Legal Entity
-    on behalf of whom a Contribution has been received by Licensor and
-    subsequently incorporated within the Work.
-
-2.  Grant of Copyright License. Subject to the terms and conditions of
-    this License, each Contributor hereby grants to You a perpetual,
-    worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-    copyright license to reproduce, prepare Derivative Works of,
-    publicly display, publicly perform, sublicense, and distribute the
-    Work and such Derivative Works in Source or Object form.
-
-3.  Grant of Patent License. Subject to the terms and conditions of
-    this License, each Contributor hereby grants to You a perpetual,
-    worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-    (except as stated in this section) patent license to make, have made,
-    use, offer to sell, sell, import, and otherwise transfer the Work,
-    where such license applies only to those patent claims licensable
-    by such Contributor that are necessarily infringed by their
-    Contribution(s) alone or by combination of their Contribution(s)
-    with the Work to which such Contribution(s) was submitted. If You
-    institute patent litigation against any entity (including a
-    cross-claim or counterclaim in a lawsuit) alleging that the Work
-    or a Contribution incorporated within the Work constitutes direct
-    or contributory patent infringement, then any patent licenses
-    granted to You under this License for that Work shall terminate
-    as of the date such litigation is filed.
-
-4.  Redistribution. You may reproduce and distribute copies of the
-    Work or Derivative Works thereof in any medium, with or without
-    modifications, and in Source or Object form, provided that You
-    meet the following conditions:
-
-    (a) You must give any other recipients of the Work or
-    Derivative Works a copy of this License; and
-
-    (b) You must cause any modified files to carry prominent notices
-    stating that You changed the files; and
-
-    (c) You must retain, in the Source form of any Derivative Works
-    that You distribute, all copyright, patent, trademark, and
-    attribution notices from the Source form of the Work,
-    excluding those notices that do not pertain to any part of
-    the Derivative Works; and
-
-    (d) If the Work includes a "NOTICE" text file as part of its
-    distribution, then any Derivative Works that You distribute must
-    include a readable copy of the attribution notices contained
-    within such NOTICE file, excluding those notices that do not
-    pertain to any part of the Derivative Works, in at least one
-    of the following places: within a NOTICE text file distributed
-    as part of the Derivative Works; within the Source form or
-    documentation, if provided along with the Derivative Works; or,
-    within a display generated by the Derivative Works, if and
-    wherever such third-party notices normally appear. The contents
-    of the NOTICE file are for informational purposes only and
-    do not modify the License. You may add Your own attribution
-    notices within Derivative Works that You distribute, alongside
-    or as an addendum to the NOTICE text from the Work, provided
-    that such additional attribution notices cannot be construed
-    as modifying the License.
-
-    You may add Your own copyright statement to Your modifications and
-    may provide additional or different license terms and conditions
-    for use, reproduction, or distribution of Your modifications, or
-    for any such Derivative Works as a whole, provided Your use,
-    reproduction, and distribution of the Work otherwise complies with
-    the conditions stated in this License.
-
-5.  Submission of Contributions. Unless You explicitly state otherwise,
-    any Contribution intentionally submitted for inclusion in the Work
-    by You to the Licensor shall be under the terms and conditions of
-    this License, without any additional terms or conditions.
-    Notwithstanding the above, nothing herein shall supersede or modify
-    the terms of any separate license agreement you may have executed
-    with Licensor regarding such Contributions.
-
-6.  Trademarks. This License does not grant permission to use the trade
-    names, trademarks, service marks, or product names of the Licensor,
-    except as required for reasonable and customary use in describing the
-    origin of the Work and reproducing the content of the NOTICE file.
-
-7.  Disclaimer of Warranty. Unless required by applicable law or
-    agreed to in writing, Licensor provides the Work (and each
-    Contributor provides its Contributions) on an "AS IS" BASIS,
-    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-    implied, including, without limitation, any warranties or conditions
-    of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-    PARTICULAR PURPOSE. You are solely responsible for determining the
-    appropriateness of using or redistributing the Work and assume any
-    risks associated with Your exercise of permissions under this License.
-
-8.  Limitation of Liability. In no event and under no legal theory,
-    whether in tort (including negligence), contract, or otherwise,
-    unless required by applicable law (such as deliberate and grossly
-    negligent acts) or agreed to in writing, shall any Contributor be
-    liable to You for damages, including any direct, indirect, special,
-    incidental, or consequential damages of any character arising as a
-    result of this License or out of the use or inability to use the
-    Work (including but not limited to damages for loss of goodwill,
-    work stoppage, computer failure or malfunction, or any and all
-    other commercial damages or losses), even if such Contributor
-    has been advised of the possibility of such damages.
-
-9.  Accepting Warranty or Additional Liability. While redistributing
-    the Work or Derivative Works thereof, You may choose to offer,
-    and charge a fee for, acceptance of support, warranty, indemnity,
-    or other liability obligations and/or rights consistent with this
-    License. However, in accepting such obligations, You may act only
-    on Your own behalf and on Your sole responsibility, not on behalf
-    of any other Contributor, and only if You agree to indemnify,
-    defend, and hold each Contributor harmless for any liability
-    incurred by, or claims asserted against, such Contributor by reason
-    of your accepting any such warranty or additional liability.
-
-END OF TERMS AND CONDITIONS
-
-APPENDIX: How to apply the Apache License to your work.
-
-      To apply the Apache License to your work, attach the following
-      boilerplate notice, with the fields enclosed by brackets "[]"
-      replaced with your own identifying information. (Don't include
-      the brackets!)  The text should be enclosed in the appropriate
-      comment syntax for the file format. We also recommend that a
-      file or class name and description of purpose be included on the
-      same "printed page" as the copyright notice for easier
-      identification within third-party archives.
-
-Copyright 2021 - present Camunda Services GmbH
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-       http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.