@camunda/camunda-composite-components 0.2.1-rc.0 → 0.2.2-rc.0

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

@@ -55,7 +55,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 ?? "" }));
     }
     else if (activeTab === "recommendations" &&
         Object.keys(tabTiles).length === 0) {

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

@@ -4,5 +4,6 @@ export declare const Feedback: FC<{
     audience: string;
     theme: string;
     setHeader: (header: string) => void;
+    salesPlanType: string;
     mixpanelTrack?: (event: string, data: Dict | undefined) => void;
 }>;

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

@@ -77,6 +77,7 @@ export const Feedback = (props) => {
             console.error(err);
         });
     }
+    const orgIsEnterPriseOrPaidCC = props.salesPlanType === "enterprise" || props.salesPlanType === "paid-cc";
     if (submitted) {
         props.setHeader("");
         return (React.createElement("div", { style: {
@@ -96,10 +97,10 @@ export const Feedback = (props) => {
                     React.createElement(Stack, { gap: 3 },
                         React.createElement("h2", null, "Feedback submitted successfuly"),
                         React.createElement(Stack, { gap: 6 },
-                            React.createElement("p", { style: { maxWidth: "400px" } },
+                            React.createElement("p", { style: { maxWidth: "400px" } }, orgIsEnterPriseOrPaidCC ? (React.createElement(React.Fragment, null, "Your feedback will be forwarded to your Customer Success Manager who will ensure that your inputs are adressed promptly.")) : (React.createElement(React.Fragment, null,
                                 "Thanks for sharing your feedback. ",
                                 React.createElement("br", null),
-                                "We use suggestions like yours to improve our service."),
+                                "We use suggestions like yours to improve our service."))),
                             React.createElement(Stack, { gap: 3 },
                                 React.createElement(Button, { id: "additional-feedback-button", size: "md", onClick: () => {
                                         setSuggestion("");
@@ -112,7 +113,7 @@ export const Feedback = (props) => {
     return (React.createElement("div", { style: { paddingLeft: "256px" } },
         React.createElement(Stack, { gap: 6 },
             React.createElement("p", null, "We actively use this information to fix problems and improve your experience with our products."),
-            React.createElement("div", null,
+            !orgIsEnterPriseOrPaidCC && (React.createElement("div", null,
                 React.createElement("h5", { style: { marginBottom: "12px" } }, "What type of feedback would you like to share?"),
                 React.createElement("div", { style: {
                         display: "flex",
@@ -139,27 +140,28 @@ export const Feedback = (props) => {
                             }, value: ReportType.Bug, style: { minWidth: "200px" } },
                             React.createElement(Stack, null,
                                 React.createElement(Debug, { size: "40" }),
-                                React.createElement("p", null, "Report a bug")))))),
+                                React.createElement("p", null, "Report a bug"))))))),
             React.createElement("div", null,
                 React.createElement(Stack, null,
-                    React.createElement("h5", { style: { marginBottom: "-16px" } }, content.title),
+                    !orgIsEnterPriseOrPaidCC && (React.createElement("h5", { style: { marginBottom: "-16px" } }, content.title)),
                     React.createElement(TextArea, { labelText: "", id: "feedback-text", placeholder: content.placeholder, rows: 4, onChange: (event) => {
                             setSuggestion(event.target.value);
                         }, value: suggestion }),
-                    React.createElement("h5", null,
-                        "Upload file (optional)",
-                        React.createElement(Tooltip, { label: "Please be sure to redact any confidential information, such as intellectual property, addresses or account numbers before uploading files.", 
-                            // eslint-disable-next-line
-                            // @ts-ignore
-                            align: "bottom" },
-                            React.createElement("span", { className: "upload-file" },
-                                React.createElement(Button, { kind: "ghost", renderIcon: Information, iconDescription: "Information", style: {
-                                        marginTop: "-10px",
-                                        backgroundColor: props.theme === "light" ? "#FFFFFF" : "#161616",
-                                        color: props.theme === "light" ? "#161616" : "#F4F4F4",
-                                        paddingLeft: "0px",
-                                    } })))),
-                    React.createElement("p", { className: "cds--label-description", style: { marginTop: "-24px" } }, "Max. file size is 5MB. Supported file types are .jpg and .png."),
+                    !orgIsEnterPriseOrPaidCC && (React.createElement(React.Fragment, null,
+                        React.createElement("h5", null,
+                            "Upload file (optional)",
+                            React.createElement(Tooltip, { label: "Please be sure to redact any confidential information, such as intellectual property, addresses or account numbers before uploading files.", 
+                                // eslint-disable-next-line
+                                // @ts-ignore
+                                align: "bottom" },
+                                React.createElement("span", { className: "upload-file" },
+                                    React.createElement(Button, { kind: "ghost", renderIcon: Information, iconDescription: "Information", style: {
+                                            marginTop: "-10px",
+                                            backgroundColor: props.theme === "light" ? "#FFFFFF" : "#161616",
+                                            color: props.theme === "light" ? "#161616" : "#F4F4F4",
+                                            paddingLeft: "0px",
+                                        } })))),
+                        React.createElement("p", { className: "cds--label-description", style: { marginTop: "-24px" } }, "Max. file size is 5MB. Supported file types are .jpg and .png."))),
                     (() => {
                         if (file !== undefined) {
                             return (React.createElement(FileUploaderItem, { name: file.name, iconDescription: "Delete file", invalid: (() => {
@@ -174,10 +176,10 @@ export const Feedback = (props) => {
                                 }, style: { marginTop: "-32px", maxWidth: "100%" } }));
                         }
                     })(),
-                    React.createElement("div", null,
+                    !orgIsEnterPriseOrPaidCC && (React.createElement("div", null,
                         React.createElement(Checkbox, { id: "allow-contact", labelText: "Camunda may contact me about my feedback", checked: allowContact, onChange: () => {
                                 setAllowContact(!allowContact);
-                            } })),
+                            } }))),
                     React.createElement("div", null,
                         React.createElement("div", null, isDoingAsyncWork ? (React.createElement(InlineLoading, { description: "Submitting feedback...", status: "active", style: { marginLeft: "1rem" } })) : (React.createElement(Button, { kind: "primary", disabled: suggestion.trim().length == 0, onClick: submit }, "Submit feedback")))))))));
 };

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

@@ -5,9 +5,6 @@ import { TAB_TYPES } from "./tabs/tabContent";
 import ReactMarkdown from "react-markdown";
 export const HelpCenterTile = ({ tile, tabType, origin, mixpanelTrack }) => {
     const { title, description, timeToComplete, cta, image, link, card_id } = tile;
-    const linkAction = () => {
-        window.open(link, "blank");
-    };
     if (tabType === TAB_TYPES.Grid) {
         return (React.createElement(Tile, { style: {
                 justifySelf: "start",
@@ -25,8 +22,7 @@ export const HelpCenterTile = ({ tile, tabType, origin, mixpanelTrack }) => {
                         }
                         return content;
                     })()))),
-            React.createElement(Button, { onClick: () => {
-                    linkAction();
+            React.createElement(Button, { as: "a", href: link, target: "_blank", onClick: () => {
                     mixpanelTrack?.(`helpcenter:click`, {
                         from: origin,
                         to: card_id,

package/package.json

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