@camunda/camunda-composite-components 0.2.7-rc.1 → 0.2.9-rc.0

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

@@ -5,7 +5,7 @@ export const getOrg = async (stage, accessToken, orgId) => {
     headers.Authorization = `Bearer ${accessToken}`;
     headers["Content-Type"] = "application/json";
     try {
-        const response = await fetch(`https://accounts.${stage}/api/organizations/my`, {
+        const response = await fetch(`https://accounts.${stage}/external/organizations/my`, {
             method: "GET",
             headers,
         });
@@ -22,7 +22,7 @@ export const getClusters = async (stage, accessToken, orgId) => {
     headers.Authorization = `Bearer ${accessToken}`;
     headers["Content-Type"] = "application/json";
     try {
-        const response = await fetch(`https://console.${stage}/api/orgs/${orgId}/clusters`, {
+        const response = await fetch(`https://console.${stage}/external/organizations/${orgId}/clusters`, {
             method: "GET",
             headers,
         });

package/lib/esm/components/c3-cluster-tag/c3-cluster-tag.js

@@ -11,7 +11,8 @@ export const C3ClusterTag = (props) => {
 };
 function generateFromInput(props) {
     const foundCluster = props.allClusters?.find((cluster) => cluster.uuid === props.clusterUuid);
-    if (foundCluster?.labels?.camunda && foundCluster.labels.camunda.length > 0) {
+    if (foundCluster?.labels?.camunda &&
+        foundCluster?.labels?.camunda?.length > 0) {
         const label = foundCluster.labels.camunda[0];
         return getColorForStage(label) &&
             props.conditionalRendering(label) ? (React.createElement(Tag, { type: getColorForStage(label) }, label)) : (React.createElement(React.Fragment, null));

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

@@ -49,9 +49,7 @@ export type Tab = {
 };
 export type Organization = {
     uuid: string;
-    organizationToSalesPlan?: {
-        salesPlan?: {
-            salesPlanType: string;
-        };
+    salesPlan?: {
+        type: string;
     };
 };

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

@@ -42,8 +42,7 @@ export const HelpCenter = ({ configuration, organization, persona, email, audien
                         clusterIds: clusters.map((cluster) => cluster.uuid),
                         email,
                         currentOrgId: organization?.uuid ?? "",
-                        salesPlanType: organization?.organizationToSalesPlan?.salesPlan?.salesPlanType ??
-                            "",
+                        salesPlanType: organization?.salesPlan?.type ?? "",
                         flags,
                         accessToken: token,
                     });
@@ -60,7 +59,7 @@ export const HelpCenter = ({ configuration, organization, persona, email, audien
         header = "Share your feedback";
         content = (React.createElement(Feedback, { audience: audience, theme: theme, mixpanelTrack: mixpanelTrack, setHeader: (head) => {
                 header = head;
-            }, salesPlanType: organization?.organizationToSalesPlan?.salesPlan?.salesPlanType ?? "" }));
+            }, salesPlanType: organization?.salesPlan?.type ?? "" }));
     }
     else if (activeTab === "recommendations" &&
         Object.keys(tabTiles).length === 0 &&
@@ -107,8 +106,7 @@ export const HelpCenter = ({ configuration, organization, persona, email, audien
                     else {
                         return undefined;
                     }
-                })(), origin: origin, type: tab?.tiletype || "grid", tiles: tabTiles[activeTab], mixpanelTrack: mixpanelTrack, salesPlanType: organization?.organizationToSalesPlan?.salesPlan?.salesPlanType ??
-                    "" }));
+                })(), origin: origin, type: tab?.tiletype || "grid", tiles: tabTiles[activeTab], mixpanelTrack: mixpanelTrack, salesPlanType: organization?.salesPlan?.type ?? "" }));
         }
     }
     const tabBar = [

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

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

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

@@ -37,7 +37,7 @@ const ClusterTagWrapper = styled.div `
 		padding: 0 1rem;
 	}
 `;
-export const C3Navigation = ({ app, appBar, forwardRef, navbar, orgSideBar, infoSideBar, infoButton, helpCenter, actionButtons, userSideBar, notificationSideBar, clusterUuid, tweaks, }) => {
+export const C3Navigation = ({ app, appBar, forwardRef, navbar, orgSideBar, infoSideBar, infoButton, helpCenter, actionButtons, userSideBar, notificationSideBar, clusterUuid, options, }) => {
     const isLargeScreen = useMediaQuery(`(min-width: ${BREAKPOINT_LG_WIDTH}`);
     const appBarElementsLength = appBar.elements?.length ?? 0;
     const displayAppBar = appBarElementsLength > 0 || (!isLargeScreen && navbar.elements.length > 0);
@@ -88,7 +88,7 @@ export const C3Navigation = ({ app, appBar, forwardRef, navbar, orgSideBar, info
                                         }, type: tag.color }, tag.label));
                                 }),
                             clusterUuid && (React.createElement(ClusterTagWrapper, null,
-                                React.createElement(C3ClusterTag, { clusterUuid: clusterUuid, conditionalRendering: tweaks?.conditionalTagRendering }))),
+                                React.createElement(C3ClusterTag, { clusterUuid: clusterUuid, conditionalRendering: options?.conditionalTagRendering }))),
                             navbar.orgName && (React.createElement("div", { className: "bodyText", style: {
                                     fontSize: "14px",
                                     lineHeight: "3rem",

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

@@ -66,7 +66,7 @@ export interface C3NavigationProps {
     navbar: C3NavigationNavBarProps;
     forwardRef?: React.ForwardRefExoticComponent<any>;
     clusterUuid?: string;
-    tweaks?: {
+    options?: {
         conditionalTagRendering?: (stage: CamundaClusterStage) => boolean;
     };
 }

package/lib/esm/components/c3-user-configuration/c3-profile-provider/c3-profile-provider.js

@@ -18,8 +18,9 @@ export const C3ProfileProvider = ({ children }) => {
     const [resolvedTheme, setResolvedTheme] = useState(defaultTheme);
     const [clusters, setClusters] = useState(null);
     useEffect(() => {
-        if (!decodedToken)
+        if (!decodedToken) {
             return;
+        }
         const { audience } = decodedToken;
         const decodedAudience = typeof audience === "string" ? audience : audience?.[0];
         if (decodedAudience) {
@@ -27,7 +28,7 @@ export const C3ProfileProvider = ({ children }) => {
                 setClusters(res);
             });
         }
-    }, [config?.userToken, config?.activeOrganizationId]);
+    }, [config?.userToken, config?.activeOrganizationId, decodedToken]);
     useEffect(() => {
         const updateSystemTheme = ({ matches }) => {
             if (themeRef.current === "system")

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@camunda/camunda-composite-components",
-	"version": "0.2.7-rc.1",
+	"version": "0.2.9-rc.0",
 	"scripts": {
 		"clean": "rimraf lib/",
 		"build": "yarn clean && tsc",
@@ -26,8 +26,8 @@
 		"test": "yarn test:ts && yarn test:storybook && yarn test:visual-regression:docker"
 	},
 	"devDependencies": {
-		"@babel/core": "7.22.19",
-		"@babel/preset-env": "7.22.15",
+		"@babel/core": "7.22.20",
+		"@babel/preset-env": "7.22.20",
 		"@babel/preset-react": "7.22.15",
 		"@babel/preset-typescript": "7.22.15",
 		"@carbon/react": "1.37.0",