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

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

@@ -18,6 +18,7 @@ export const C3HelpCenter = ({ autoStartSurvey, origin, flags, isOpen, onRequest
     const [userId, setUserId] = useState("");
     const [token, setToken] = useState("");
     const [audience, setAudience] = useState("");
+    const [organizationId, setOrganizationId] = useState(null);
     const [organization, setOrganization] = useState(null);
     const [clusters, setClusters] = useState([]);
     const [helpCenterConfig, setHelpCenterConfig] = useState(defaultHelpCenterConfig);
@@ -75,11 +76,15 @@ export const C3HelpCenter = ({ autoStartSurvey, origin, flags, isOpen, onRequest
         }
     };
     React.useEffect(() => {
-        if (token !== userToken && !!userToken) {
+        const tokenChanged = token !== userToken && !!userToken;
+        const orgChanged = organizationId !== activeOrganizationId && !!activeOrganizationId;
+        if (tokenChanged)
             setToken(userToken);
+        if (orgChanged)
+            setOrganizationId(activeOrganizationId);
+        if (tokenChanged || orgChanged)
             fetchData();
-        }
-    }, [userToken]);
+    }, [userToken, activeOrganizationId]);
     React.useEffect(() => {
         const tabs = helpCenterConfig.tabs;
         const firstTab = tabs[0].id;

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

@@ -1,4 +1,4 @@
-import { Button, Checkbox, FileUploaderDropContainer, FileUploaderItem, InlineLoading, RadioTile, Stack, TextArea, Tooltip, } from "@carbon/react";
+import { ActionableNotification, Button, Checkbox, FileUploaderDropContainer, FileUploaderItem, InlineLoading, RadioTile, Stack, TextArea, Tooltip, } from "@carbon/react";
 import React, { useState } from "react";
 import { Idea, Debug, Information, Chat } from "@carbon/react/icons";
 import { submitFeedback } from "../../../api/help-center";
@@ -144,6 +144,7 @@ export const Feedback = (props) => {
             React.createElement("div", null,
                 React.createElement(Stack, null,
                     !orgIsEnterPriseOrPaidCC && (React.createElement("h5", { style: { marginBottom: "-16px" } }, content.title)),
+                    orgIsEnterPriseOrPaidCC && (React.createElement(ActionableNotification, { inline: true, lowContrast: true, kind: "info", title: "If you are looking to get technical support, please use our Jira support system", hideCloseButton: true, style: { maxWidth: "100%" }, actionButtonLabel: "Open a ticket", onActionButtonClick: () => window.open("https://jira.camunda.com/projects/SUPPORT/queues", "_blank") })),
                     React.createElement(TextArea, { labelText: "", id: "feedback-text", placeholder: content.placeholder, rows: 4, onChange: (event) => {
                             setSuggestion(event.target.value);
                         }, value: suggestion }),
@@ -162,20 +163,21 @@ export const Feedback = (props) => {
                                             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: (() => {
-                                    return file.size > 5000000;
-                                })(), status: "edit", errorSubject: "File exceeds size limit.", size: "lg", style: { marginTop: "-32px", maxWidth: "100%" }, onDelete: () => {
-                                    setFile(undefined);
-                                } }));
-                        }
-                        else {
-                            return (React.createElement(FileUploaderDropContainer, { labelText: "Drag and drop file here or click to upload", multiple: false, accept: ["image/jpeg", "image/jpg", "image/png"], onAddFiles: (_evt, { addedFiles }) => {
-                                    setFile(addedFiles[0]);
-                                }, style: { marginTop: "-32px", maxWidth: "100%" } }));
-                        }
-                    })(),
+                    !orgIsEnterPriseOrPaidCC &&
+                        (() => {
+                            if (file !== undefined) {
+                                return (React.createElement(FileUploaderItem, { name: file.name, iconDescription: "Delete file", invalid: (() => {
+                                        return file.size > 5000000;
+                                    })(), status: "edit", errorSubject: "File exceeds size limit.", size: "lg", style: { marginTop: "-32px", maxWidth: "100%" }, onDelete: () => {
+                                        setFile(undefined);
+                                    } }));
+                            }
+                            else {
+                                return (React.createElement(FileUploaderDropContainer, { labelText: "Drag and drop file here or click to upload", multiple: false, accept: ["image/jpeg", "image/jpg", "image/png"], onAddFiles: (_evt, { addedFiles }) => {
+                                        setFile(addedFiles[0]);
+                                    }, style: { marginTop: "-32px", maxWidth: "100%" } }));
+                            }
+                        })(),
                     !orgIsEnterPriseOrPaidCC && (React.createElement("div", null,
                         React.createElement(Checkbox, { id: "allow-contact", labelText: "Camunda may contact me about my feedback", checked: allowContact, onChange: () => {
                                 setAllowContact(!allowContact);

package/package.json

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