@camunda/camunda-composite-components 0.3.1-rc.13 → 0.3.1-rc.14

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

@@ -1,7 +1,6 @@
 import { C3NotificationsProps } from "../components/c3-navigation/c3-navigation.types";
 import { Theme } from "../components/c3-user-configuration/c3-profile-provider/c3-profile-provider";
-import { Organization } from "../utils/camunda.types";
-import { Cluster } from "../utils/camunda.types";
+import { Cluster, Organization } from "../components/c3-help-center/c3-help-center.types";
 export type Profile = {
     theme: Theme;
 };

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

@@ -1,9 +1,15 @@
 import React, { FC, PropsWithChildren } from "react";
+import { HelpCenterHintType } from "./help-center-hint";
 export type C3HelpCenterContextValue = {
     openHelpCenter: (showTabId?: string) => void;
     setIsHelpCenterOpen: (isOpen: boolean) => void;
     isHelpCenterOpen: boolean;
     showTabId?: string | null;
+    showHint: boolean;
+    setShowHint: (showHint: boolean) => void;
+    setShowHintOnClose: (showHintOnClose: boolean) => void;
+    hintType: HelpCenterHintType;
+    setHintType: (hintType: HelpCenterHintType) => void;
 };
 export declare const C3HelpCenterContext: React.Context<C3HelpCenterContextValue>;
 export declare const C3HelpCenterProvider: FC<PropsWithChildren>;

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

@@ -3,26 +3,45 @@ export const C3HelpCenterContext = React.createContext({
     openHelpCenter: () => undefined,
     setIsHelpCenterOpen: () => undefined,
     isHelpCenterOpen: false,
+    showHint: false,
+    setShowHint: () => undefined,
+    setShowHintOnClose: () => undefined,
+    hintType: "onboarding",
+    setHintType: () => undefined,
 });
 export const C3HelpCenterProvider = ({ children }) => {
     const [isHelpCenterOpen, setIsHelpCenterOpen] = useState(false);
     const [activeTabId, setActiveTabId] = useState(null);
+    const [showHint, setShowHint] = useState(false);
+    const [showHintOnClose, setShowHintOnClose] = useState(false);
+    const [hintType, setHintType] = useState("onboarding");
     const openHelpCenter = (showTabId) => {
         if (!isHelpCenterOpen) {
             setIsHelpCenterOpen(true);
+            setShowHint(false);
         }
         if (showTabId)
             setActiveTabId(showTabId);
     };
     useEffect(() => {
-        if (!isHelpCenterOpen)
+        if (!isHelpCenterOpen) {
             setActiveTabId(null);
+            if (showHintOnClose) {
+                setShowHintOnClose(false);
+                setTimeout(() => setShowHint(true), 240);
+            }
+        }
     }, [isHelpCenterOpen]);
     return (React.createElement(C3HelpCenterContext.Provider, { value: {
             openHelpCenter,
             setIsHelpCenterOpen,
             isHelpCenterOpen,
             showTabId: activeTabId,
+            showHint,
+            setShowHint,
+            setShowHintOnClose,
+            hintType,
+            setHintType,
         } }, children));
 };
 export const useC3HelpCenter = () => React.useContext(C3HelpCenterContext);

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

@@ -9,7 +9,7 @@ import { defaultTheme, useC3Profile, } from "../c3-user-configuration/c3-profile
 import { resolveTheme, } from "../c3-user-configuration/c3-profile-provider/carbon-theme-provider";
 import { useC3HelpCenter } from "./c3-help-center-provider";
 export const C3HelpCenter = ({ autoStartSurvey, origin, flags, onRequestClose, mixpanelTrack: customMixpanelTrack, onRequestOpen, theme, onPersonaChange, activeTab, }) => {
-    const { isHelpCenterOpen: isOpen, setIsHelpCenterOpen } = useC3HelpCenter();
+    const { isHelpCenterOpen: isOpen, setIsHelpCenterOpen, setShowHintOnClose, } = useC3HelpCenter();
     const { userToken, decodedToken, activeOrganizationId, handleTheme, decodedAudience, analyticsTrack, } = useC3UserConfiguration() || {};
     const { theme: themeConfig, isEnabled, reloadClusters } = useC3Profile();
     const themeHandlingEnabled = isEnabled && !!handleTheme && !!themeConfig;
@@ -90,6 +90,9 @@ export const C3HelpCenter = ({ autoStartSurvey, origin, flags, onRequestClose, m
         const tabs = helpCenterConfig.tabs;
         const firstTab = tabs[0].id;
         if (isOpen) {
+            if (autoStartSurvey && !persona?.wasShown) {
+                setShowHintOnClose(true);
+            }
             if (persona && !persona.wasShown && decodedAudience) {
                 updatePersona({
                     newPersona: { ...persona, wasShown: true },

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

@@ -34,6 +34,12 @@ export interface TileConfig {
     bool: string;
     prerequestites: Prerequestite[] | boolean;
 }
+export type Cluster = {
+    uuid: string;
+    labels?: {
+        camunda: string[];
+    };
+};
 export type Tab = {
     id: string;
     label: string;
@@ -41,3 +47,10 @@ export type Tab = {
     tiles: TileConfig[];
     tiletype: TabType;
 };
+export type Organization = {
+    uuid: string;
+    name: string;
+    salesPlan?: {
+        type: string;
+    };
+};

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

@@ -0,0 +1,3 @@
+import React, { PropsWithChildren } from "react";
+export type HelpCenterHintType = "help-center" | "onboarding";
+export declare const HelpCenterHint: React.FC<PropsWithChildren>;

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

@@ -0,0 +1,17 @@
+import React from "react";
+import { Button, Toggletip, ToggletipActions, ToggletipContent, } from "@carbon/react";
+import { useC3HelpCenter } from "./c3-help-center-provider";
+export const HelpCenterHint = ({ children }) => {
+    const { showHint, setShowHint, hintType } = useC3HelpCenter();
+    return showHint ? (React.createElement(Toggletip, { defaultOpen: true, 
+        // eslint-disable-next-line
+        // @ts-ignore
+        align: "bottom-right" },
+        children,
+        React.createElement(ToggletipContent, null,
+            React.createElement("p", null, hintType === "help-center"
+                ? "Access the Help Center at any time to see your recommendations, discover guides, tutorials, or to share feedback."
+                : "Access the onboarding survey from the Help Center to get personalized next steps and educational content."),
+            React.createElement(ToggletipActions, null,
+                React.createElement(Button, { size: "sm", onClick: () => setShowHint(false) }, "Got it"))))) : (children);
+};

package/lib/esm/components/c3-navigation/{c3-navigation-appbar/c3-navigation-appbar.d.ts → c3-navigation-appbar.d.ts}

@@ -1,3 +1,3 @@
 import React from "react";
-import { C3NavigationProps } from "../c3-navigation.types";
+import { C3NavigationProps } from "./c3-navigation.types";
 export declare const C3NavigationAppBar: React.FC<C3NavigationProps>;

package/lib/esm/components/c3-navigation/{c3-navigation-appbar/c3-navigation-appbar.js → c3-navigation-appbar.js}

@@ -1,74 +1,25 @@
-import React, { useEffect, useState } from "react";
+import React, { useState } from "react";
 import { Close } from "@carbon/react/icons";
-import { useOnClickOutside } from "../helpers";
-import { HeaderGlobalAction, HeaderMenuItem, HeaderSideNavItems, SideNavItems, SideNavLink, SideNavMenu, SideNavMenuItem, } from "@carbon/react";
-import { C3AppMenuIcon } from "../../../assets/c3-icons";
-import { useC3Profile } from "../../c3-user-configuration/c3-profile-provider/c3-profile-provider";
-import { useC3UserConfiguration } from "../../c3-user-configuration/c3-user-configuration-provider";
-import { APPS } from "../../../utils/camunda";
-import { NavWrapper, SideNav } from "./components";
+import { useOnClickOutside } from "./helpers";
+import { HeaderGlobalAction, HeaderMenuItem, HeaderSideNavItems, SideNav as CarbonSideNav, SideNavItems, SideNavLink, SideNavMenu, SideNavMenuItem, } from "@carbon/react";
+import { C3AppMenuIcon } from "../../icons/c3-icons";
+import styled from "styled-components";
+const NavWrapper = styled.div `
+	.cds--side-nav__overlay {
+		display: none;
+	}
+`;
+const SideNav = styled(CarbonSideNav) `
+	visibility: ${({ expanded }) => (expanded ? "visible" : "hidden")};
+	display: grid;
+	grid-auto-flow: row;
+	grid-auto-rows: max-content 1fr;
+	border-right: ${({ expanded }) => expanded ? "1px solid var(--cds-border-subtle)" : undefined};
+	overflow-y: auto;
+`;
 export const C3NavigationAppBar = ({ appBar, forwardRef, navbar, }) => {
-    const { currentApp, decodedAudience, analyticsTrack } = useC3UserConfiguration();
-    const { clusters, activeOrg } = useC3Profile();
     const [appBarOpen, setAppBarOpen] = useState(appBar.isOpen);
     const [panelRef, iconRef] = useOnClickOutside(() => setAppBarOpen(false));
-    const [appElements, setAppElements] = useState([]);
-    if ((!appBar.elements && !appBar.appTeaser) ||
-        (appBar.appTeaser && Object.keys(appBar.appTeaser).length === 0))
-        console.warn("No app elements or app teaser pages provided. Please provide at least one of them.");
-    useEffect(() => {
-        if (appBar.elements)
-            return;
-        const defaultElements = [];
-        APPS.forEach((app) => {
-            if (!decodedAudience || !currentApp)
-                return;
-            const element = {
-                key: app,
-                label: app.charAt(0).toUpperCase() + app.slice(1),
-                active: currentApp === app,
-            };
-            if (app === "console") {
-                element.href = `https://console.${decodedAudience}/${activeOrg?.uuid}`;
-            }
-            else if (app === "modeler") {
-                const hasPermission = activeOrg?.permissions.org.webide.read;
-                if (hasPermission) {
-                    element.href =
-                        currentApp === "modeler"
-                            ? ""
-                            : `https://modeler.${decodedAudience}/login?returnUrl=/org/${activeOrg?.uuid}`;
-                }
-            }
-            else {
-                const hasAppReadPermission = activeOrg?.permissions.cluster[app]?.read;
-                const clustersToRender = clusters?.filter(({ status, urls }) => status[app] === "Healthy" && urls[app] && hasAppReadPermission);
-                if (clustersToRender?.length === 1) {
-                    element.href = clustersToRender?.[0].urls[app];
-                }
-                else if (clustersToRender && clustersToRender.length > 1) {
-                    element.subElements = clustersToRender.map((cluster, index) => ({
-                        key: `${app}-${cluster.uuid}-${index}`,
-                        label: cluster.name,
-                        href: cluster.urls[app],
-                        onClick: () => {
-                            setAppBarOpen(false);
-                            analyticsTrack?.(`${app}:open`, { currentApp: app });
-                        },
-                    }));
-                }
-                else if (hasAppReadPermission) {
-                    if (appBar.appTeaser?.[app]?.routeProps) {
-                        element.routeProps = appBar.appTeaser?.[app]?.routeProps;
-                    }
-                }
-            }
-            if (element.href || element.routeProps || element.subElements)
-                defaultElements.push(element);
-        });
-        setAppElements(defaultElements);
-    }, [JSON.stringify(clusters)]);
-    const appBarElements = appBar.elements || (clusters ? appElements : null);
     return (React.createElement(React.Fragment, null,
         React.createElement(HeaderGlobalAction, { ref: iconRef, "aria-label": "Camunda components", isActive: appBarOpen, onClick: () => {
                 setAppBarOpen(!appBarOpen);
@@ -87,8 +38,8 @@ export const C3NavigationAppBar = ({ appBar, forwardRef, navbar, }) => {
                                 setAppBarOpen(false);
                             }
                         } }, element.label)))))),
-                    appBarElements &&
-                        appBarElements.map((element) => {
+                    appBar.elements &&
+                        appBar.elements.map((element) => {
                             if (element.subElements && element.subElements.length > 0) {
                                 return (React.createElement(SideNavMenu, { large: true, title: element.label, key: element.key }, element.subElements.map((subElement) => (React.createElement(SideNavMenuItem, { as: subElement.routeProps && forwardRef, key: subElement.key, href: subElement.href, target: subElement.href ? subElement.target : undefined, ...subElement.routeProps, onClick: () => {
                                         if (subElement.onClick) {

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

@@ -56,16 +56,8 @@ export type C3NavigationNotificationsSideBarProps = C3NavigationSideBarBaseProps
     type: "notifications";
     onLinkClick?: (meta: Notification["meta"]) => void;
 };
-type AppTeaserRoute = {
-    routeProps: any;
-};
 export type C3NavigationAppBarProps = C3NavigationSideBarBaseProps & {
     type: "app";
-    appTeaser?: {
-        operate?: AppTeaserRoute;
-        tasklist?: AppTeaserRoute;
-        optimize?: AppTeaserRoute;
-    };
 };
 export type C3NavigationSideBarProps = {
     callbacks?: {
@@ -73,4 +65,3 @@ export type C3NavigationSideBarProps = {
         afterClosing?: () => void;
     };
 } & (C3NavigationOrgSideBarProps | C3NavigationInfoSideBarProps | C3NavigationUserSideBarProps | C3NavigationNotificationsSideBarProps);
-export {};

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

@@ -2,7 +2,7 @@ import { Button } from "@carbon/react";
 import { Notification as NotificationIcon } from "@carbon/react/icons";
 import React, { useContext, useEffect, useRef, useState } from "react";
 import styled from "styled-components";
-import { C3BellIcon, C3NotificationsUnreadIcon } from "../../../assets/c3-icons";
+import { C3BellIcon, C3NotificationsUnreadIcon } from "../../../icons/c3-icons";
 import C3NotificationContainer, { NotificationDescription, NotificationTitle, } from "../c3-notification-provider/c3-notification-container";
 import { C3NotificationContext } from "../c3-notification-provider/c3-notification-provider";
 import C3NavigationSideBar from "./c3-navigation-sidebar";

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

@@ -5,16 +5,17 @@ import { C3NotificationSidebar } from "./c3-navigation-sidebar/c3-notification-s
 import C3OrgSidebar from "./c3-navigation-sidebar/c3-org-sidebar";
 import C3UserSidebar from "./c3-navigation-sidebar/c3-user-sidebar";
 import { useMediaQuery } from "./helpers";
-import { C3NavigationAppBar } from "./c3-navigation-appbar/c3-navigation-appbar";
+import { C3NavigationAppBar } from "./c3-navigation-appbar";
 import styled from "styled-components";
 import C3ActionButtons from "./c3-navigation-actions/c3-action-buttons";
-import { CamundaLogo } from "../../assets/c3-icons";
+import { CamundaLogo } from "../../icons/c3-icons";
 import { InfoButton } from "./c3-info-button";
 import { C3SidebarStateProvider } from "./c3-navigation-sidebar/c3-sidebar-state-provider";
 import { C3HelpCenter } from "../c3-help-center/c3-help-center";
 import { C3ClusterTag } from "../c3-cluster-tag/c3-cluster-tag";
 import { useC3HelpCenter } from "../c3-help-center/c3-help-center-provider";
 import { useC3Profile } from "../c3-user-configuration/c3-profile-provider/c3-profile-provider";
+import { HelpCenterHint } from "../c3-help-center/help-center-hint";
 /**
  * UI SHELL
  * Docs: https://react.carbondesignsystem.com/?path=/story/components-ui-shell--fixed-side-nav
@@ -40,13 +41,11 @@ const ClusterTagWrapper = styled.div `
 	}
 `;
 export const C3Navigation = ({ app, appBar, forwardRef, navbar, orgSideBar, infoSideBar, infoButton, helpCenter, actionButtons, userSideBar, notificationSideBar, clusterUuid, options, }) => {
-    const { setIsHelpCenterOpen, isHelpCenterOpen } = useC3HelpCenter();
+    const { openHelpCenter } = useC3HelpCenter();
     const { activeOrg } = useC3Profile();
     const isLargeScreen = useMediaQuery(`(min-width: ${BREAKPOINT_LG_WIDTH}`);
     const appBarElementsLength = appBar.elements?.length ?? 0;
-    const displayAppBar = appBarElementsLength > 0 ||
-        appBar.appTeaser ||
-        (!isLargeScreen && navbar.elements.length > 0);
+    const displayAppBar = appBarElementsLength > 0 || (!isLargeScreen && navbar.elements.length > 0);
     const orgName = activeOrg?.name || navbar.orgName;
     if (app.prefix)
         console.warn("The `prefix` prop is deprecated and will be removed in a future release. It has been replaced with a Camunda icon.");
@@ -112,9 +111,8 @@ export const C3Navigation = ({ app, appBar, forwardRef, navbar, orgSideBar, info
                                 ...orgSideBar,
                                 type: "org",
                             } })),
-                        infoButton || helpCenter ? (React.createElement(InfoButton, { onClick: infoButton
-                                ? infoButton.onClick
-                                : () => setIsHelpCenterOpen(!isHelpCenterOpen) })) : (infoSideBar && (React.createElement(C3InfoSidebar, { sideBar: { ...infoSideBar, type: "info" } }))),
+                        infoButton || helpCenter ? (React.createElement(HelpCenterHint, null,
+                            React.createElement(InfoButton, { onClick: infoButton ? infoButton.onClick : () => openHelpCenter() }))) : (infoSideBar && (React.createElement(C3InfoSidebar, { sideBar: { ...infoSideBar, type: "info" } }))),
                         userSideBar && (React.createElement(C3UserSidebar, { sideBar: {
                                 ...userSideBar,
                                 type: "user",

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

@@ -5,7 +5,6 @@ export declare function createAppProps(): C3NavigationAppProps;
 export declare function createAppBarProps(options?: {
     isOpen?: boolean;
     elements?: Array<C3NavigationElementProps>;
-    useElementsFromConfig?: boolean;
 }): C3NavigationProps["appBar"];
 export declare function createNavBarBarProps({ orgName, elements, }?: {
     elements?: C3NavigationNavBarProps["elements"];

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

@@ -13,74 +13,51 @@ export function createAppProps() {
 export function createAppBarProps(options = {}) {
     return {
         isOpen: Boolean(options?.isOpen),
-        appTeaser: options.useElementsFromConfig
-            ? {
-                operate: {
-                    routeProps: {
-                        onClick: () => console.log("Redirecting to Operate app teaser page..."),
-                    },
-                },
-                optimize: {
-                    routeProps: {
-                        onClick: () => console.log("Redirecting to Optimize app teaser page..."),
-                    },
-                },
-                tasklist: {
-                    routeProps: {
-                        onClick: () => console.log("Redirecting to Tasklist app teaser page..."),
+        elements: options?.elements ?? [
+            {
+                key: "console",
+                label: "Console",
+                active: true,
+            },
+            {
+                key: "modeler",
+                label: "Modeler",
+                active: false,
+                routeProps: { onClick: () => console.log("Redirecting to Modeler...") },
+            },
+            {
+                key: "operate",
+                label: "Operate",
+                active: false,
+                target: "_blank",
+                href: "https://camunda.com/",
+            },
+            {
+                key: "tasklist",
+                label: "Task List",
+                active: false,
+                subElements: [
+                    {
+                        key: "cluster-a",
+                        label: "Cluster A",
+                        href: "https://camunda.com/",
+                        target: "_blank",
                     },
-                },
-            }
-            : undefined,
-        elements: options.useElementsFromConfig
-            ? undefined
-            : options?.elements ?? [
-                {
-                    key: "console",
-                    label: "Console",
-                    active: true,
-                },
-                {
-                    key: "modeler",
-                    label: "Modeler",
-                    active: false,
-                    routeProps: {
-                        onClick: () => console.log("Redirecting to Modeler..."),
+                    {
+                        key: "cluster-b",
+                        label: "Cluster B",
+                        onClick: () => console.log("Redirecting to Tasklist..."),
                     },
-                },
-                {
-                    key: "operate",
-                    label: "Operate",
-                    active: false,
-                    target: "_blank",
-                    href: "https://camunda.com/",
-                },
-                {
-                    key: "tasklist",
-                    label: "Task List",
-                    active: false,
-                    subElements: [
-                        {
-                            key: "cluster-a",
-                            label: "Cluster A",
-                            href: "https://camunda.com/",
-                            target: "_blank",
-                        },
-                        {
-                            key: "cluster-b",
-                            label: "Cluster B",
+                    {
+                        key: "cluster-c",
+                        label: "Cluster C",
+                        routeProps: {
                             onClick: () => console.log("Redirecting to Tasklist..."),
                         },
-                        {
-                            key: "cluster-c",
-                            label: "Cluster C",
-                            routeProps: {
-                                onClick: () => console.log("Redirecting to Tasklist..."),
-                            },
-                        },
-                    ],
-                },
-            ],
+                    },
+                ],
+            },
+        ],
         elementClicked: (element) => console.log(`event coming from the appBarProps: ${element} has been clicked`),
     };
 }

package/lib/esm/components/c3-onboarding-survey/onboardingSurvey.js

@@ -4,7 +4,9 @@ import { OnboardingModal } from "./onboardingModal";
 import { OnboardingPage } from "./onboardingPage";
 import { OnboardingStep } from "./step";
 import { Body01 } from "../styles";
+import { useC3HelpCenter } from "../c3-help-center/c3-help-center-provider";
 export const OnboardingSurvey = ({ appTheme, persona, userFirstName, syncPersona, setPersona, mixpanelTrack, onRequestClose, onboardingConfiguration, isLoadingConfig, modal, origin, }) => {
+    const { setHintType } = useC3HelpCenter();
     const [step, setStep] = useState(persona?.nextStep ?? 0);
     const [isDoingAsyncWork, setIsDoingAsyncWork] = useState(false);
     React.useEffect(() => {
@@ -20,6 +22,7 @@ export const OnboardingSurvey = ({ appTheme, persona, userFirstName, syncPersona
             },
         };
         if (committedStep >= onboardingConfiguration.steps.length) {
+            setHintType("help-center");
             newPersona.nextStep = 0;
             newPersona.complete = true;
             await syncPersona(newPersona, true);

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

@@ -1,6 +1,6 @@
 import React, { FC, PropsWithChildren } from "react";
 import { ResolvedTheme } from "./carbon-theme-provider";
-import { Cluster, Organization } from "../../../utils/camunda.types";
+import { Cluster, Organization } from "../../c3-help-center/c3-help-center.types";
 export type Theme = "light" | "dark" | "system";
 export declare const defaultTheme: "light";
 export type C3ProfileContextValue = {

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

@@ -54,9 +54,6 @@ export const C3ProfileProvider = ({ children }) => {
         JSON.stringify(decodedToken),
         decodedAudience,
     ]);
-    useEffect(() => {
-        loadClusters();
-    }, [activeOrg]);
     useEffect(() => {
         const updateSystemTheme = ({ matches }) => {
             if (themeRef.current === "system")

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

@@ -8,7 +8,6 @@ type C3UserConfigurationBase = {
     userToken: string;
     getNewUserToken: () => Promise<string>;
     analyticsTrack?: MixPanelTrack;
-    currentApp?: "console" | "modeler" | "tasklist" | "operate" | "optimize";
 };
 type C3UserConfigurationWithEndpoints = C3UserConfigurationBase & {
     endpoints: Endpoints;

package/lib/esm/index.d.ts

@@ -7,8 +7,6 @@ export { C3NavigationSideBarBaseProps } from "./components/c3-navigation/c3-navi
 export { C3NavigationAppProps, C3NavigationElementProps, C3NavigationNavBarProps, C3NavigationProps, } from "./components/c3-navigation/c3-navigation.types";
 export { useC3Profile } from "./components/c3-user-configuration/c3-profile-provider/c3-profile-provider";
 export { C3UserConfiguration, default as C3UserConfigurationProvider, } from "./components/c3-user-configuration/c3-user-configuration-provider";
-export { C3AppMenuIcon } from "./assets/c3-icons";
-export { C3IconProps } from "./assets/c3-icons.types";
+export { C3AppMenuIcon } from "./icons/c3-icons";
+export { C3IconProps } from "./icons/c3-icons.types";
 export { useC3HelpCenter } from "./components/c3-help-center/c3-help-center-provider";
-export { C3AppTeaserPage, C3AppTeaserPageProps, } from "./components/c3-app-teaser/c3-app-teaser-page";
-export * from "./assets/appTeaserPreviews";

package/lib/esm/index.js

@@ -4,7 +4,5 @@ export { C3EmptyState } from "./components/c3-empty-state/c3-empty-state";
 export { default as C3Navigation } from "./components/c3-navigation";
 export { useC3Profile } from "./components/c3-user-configuration/c3-profile-provider/c3-profile-provider";
 export { default as C3UserConfigurationProvider, } from "./components/c3-user-configuration/c3-user-configuration-provider";
-export { C3AppMenuIcon } from "./assets/c3-icons";
+export { C3AppMenuIcon } from "./icons/c3-icons";
 export { useC3HelpCenter } from "./components/c3-help-center/c3-help-center-provider";
-export { C3AppTeaserPage, } from "./components/c3-app-teaser/c3-app-teaser-page";
-export * from "./assets/appTeaserPreviews";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@camunda/camunda-composite-components",
-	"version": "0.3.1-rc.13",
+	"version": "0.3.1-rc.14",
 	"scripts": {
 		"clean": "rimraf lib/",
 		"build": "yarn clean && tsc",