@carbon/ai-chat 0.4.0-rc.2 → 0.4.0-rc.3

package/dist/es/chat.CatastrophicError.js

@@ -0,0 +1,381 @@
+import Restart from "@carbon/icons-react/es/Restart.js";
+
+import { unstable__ChatButton } from "@carbon/react";
+
+import cx from "classnames";
+
+import React from "react";
+
+import { useIntl } from "react-intl";
+
+import { useSelector } from "react-redux";
+
+import { u as uuid } from "./chat.uuid.js";
+
+import { B as BotHeaderExport } from "./chat.BotHeader.js";
+
+import { R as RichTextExport } from "./chat.RichText.js";
+
+import { B as ButtonSizeEnum, a as ButtonKindEnum } from "./chat.carbonTypes.js";
+
+import { O as OverlayPanelName } from "./chat.PageObjectId.js";
+
+import { b as CarbonTheme } from "./chat.dynamic-imports.js";
+
+import "uuid";
+
+import "@carbon/icons-react/es/Home.js";
+
+import "./chat.AppState.js";
+
+import "./chat.usePrevious.js";
+
+import "compute-scroll-into-view";
+
+import "memoize-one";
+
+import "tabbable";
+
+import "./chat.selectors.js";
+
+import "./chat.constants.js";
+
+import "./chat.Header.js";
+
+import "@carbon/web-components/es-custom/components/slug/index.js";
+
+import "@carbon/icons-react/es/Close.js";
+
+import "@carbon/icons-react/es/CloseLarge.js";
+
+import "@carbon/icons-react/es/DownToBottom.js";
+
+import "@carbon/icons-react/es/Menu.js";
+
+import "@carbon/icons-react/es/SidePanelClose.js";
+
+import "@carbon/icons-react/es/SubtractLarge.js";
+
+import "@carbon/web-components/es-custom/components/ai-label/defs.js";
+
+import "@carbon/web-components/es-custom/components/popover/defs.js";
+
+import "@lit/react";
+
+import "tslib";
+
+import "./chat.customElement.js";
+
+import "@carbon/web-components/es-custom/components/skeleton-icon/index.js";
+
+import "lit";
+
+import "bind-decorator";
+
+import "lit/decorators.js";
+
+import "@carbon/web-components/es-custom/components/button/index.js";
+
+import "@carbon/web-components/es-custom/components/overflow-menu/index.js";
+
+import "@carbon/icons-react/es/ChevronDown.js";
+
+import "@carbon/icons-react/es/ChevronUp.js";
+
+import "@floating-ui/react";
+
+import "./chat.HideComponent.js";
+
+import "./chat.actions.js";
+
+import "focus-trap-react";
+
+import "react-dom";
+
+import "@carbon/web-components/es-custom/components/ai-label/ai-label-action-button.js";
+
+import "@carbon/web-components/es-custom/components/ai-label/ai-label.js";
+
+import "lodash-es/throttle.js";
+
+import "dompurify";
+
+import "lit/directives/repeat.js";
+
+import "lit/directives/unsafe-html.js";
+
+import "./chat.htmlUtils.js";
+
+import "./chat.stringUtils.js";
+
+import "./chat.miscUtils.js";
+
+import "./chat.browserUtils.js";
+
+import "detect-browser";
+
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */ function ErrorMessageDark() {
+  const linearGradientID = uuid();
+  return React.createElement("svg", {
+    viewBox: "0 0 80 80"
+  }, React.createElement("defs", null, React.createElement("linearGradient", {
+    id: `${linearGradientID}-1`,
+    x1: "38.91",
+    y1: "4.92",
+    x2: "38.91",
+    y2: "73.85",
+    gradientTransform: "matrix(1, 0, 0, -1, 0, 82)",
+    gradientUnits: "userSpaceOnUse"
+  }, React.createElement("stop", {
+    offset: "0",
+    stopColor: "#262626"
+  }), React.createElement("stop", {
+    offset: "1",
+    stopColor: "#393939"
+  })), React.createElement("linearGradient", {
+    id: `${linearGradientID}-2`,
+    x1: "12.44",
+    y1: "71.21",
+    x2: "76.34",
+    y2: "34.31",
+    gradientTransform: "matrix(1, 0, 0, -1, 0, 82)",
+    gradientUnits: "userSpaceOnUse"
+  }, React.createElement("stop", {
+    offset: "0",
+    stopColor: "#525252"
+  }), React.createElement("stop", {
+    offset: "0.52",
+    stopColor: "#393939"
+  }), React.createElement("stop", {
+    offset: "0.61",
+    stopColor: "#393939"
+  }), React.createElement("stop", {
+    offset: "0.99",
+    stopColor: "#161616"
+  })), React.createElement("linearGradient", {
+    id: `${linearGradientID}-3`,
+    x1: "39.38",
+    y1: "50.63",
+    x2: "52.04",
+    y2: "72.55",
+    gradientTransform: "matrix(1, 0, 0, -1, 0, 82)",
+    gradientUnits: "userSpaceOnUse"
+  }, React.createElement("stop", {
+    offset: "0.11",
+    stopColor: "#6f6f6f",
+    stopOpacity: "0"
+  }), React.createElement("stop", {
+    offset: "0.94",
+    stopColor: "#6f6f6f"
+  }))), React.createElement("rect", {
+    width: "80",
+    height: "80",
+    fill: "none"
+  }), React.createElement("polygon", {
+    points: "59.91 78.34 16.91 53.51 21.77 50.7 64.77 75.53 59.91 78.34",
+    opacity: "0.25",
+    className: "error_message_isolate"
+  }), React.createElement("path", {
+    d: "M39,6.92c12.15,7,22,24,21.92,38S51,64.49,38.83,57.48s-22-24-21.92-38S26.83-.09,39,6.92Z",
+    fill: `url(#${linearGradientID}-1)`
+  }), React.createElement("path", {
+    d: "M42.85,4.68C36.74,1.15,31.2.82,27.2,3.15L23.54,5.28C27.52,3.08,33,3.45,39,6.92c12.15,7,22,24,21.92,38,0,6.77-2.35,11.58-6.13,13.94h-.07c-.32.2,3.66-2.1,3.66-2.1,4-2.3,6.39-7.18,6.41-14.12C64.81,28.7,55,11.69,42.85,4.68Z",
+    fill: `url(#${linearGradientID}-2)`
+  }), React.createElement("path", {
+    d: "M29.11,3.91v.36a19.59,19.59,0,0,1,9.68,3c12,6.94,21.78,23.84,21.74,37.65,0,9.4-4.56,15.23-11.83,15.23a19.59,19.59,0,0,1-9.68-3C27,50.21,17.24,33.32,17.28,19.5c0-9.39,4.56-15.23,11.83-15.23V3.91m0,0c-7.21,0-12.17,5.71-12.2,15.59,0,14,9.77,31,21.92,38a20.18,20.18,0,0,0,9.87,3c7.21,0,12.17-5.71,12.2-15.6C60.9,31,51.13,14,39,6.9a19.94,19.94,0,0,0-9.87-3Z",
+    fill: `url(#${linearGradientID}-3)`
+  }), React.createElement("path", {
+    className: "cls-6",
+    d: "M38.93,49.79a6.83,6.83,0,0,1-2.66-2.51,6.19,6.19,0,0,1-.81-3v-1a2.26,2.26,0,0,1,.81-2c.54-.35,1.43-.17,2.66.54a6.67,6.67,0,0,1,2.61,2.5,6,6,0,0,1,.81,3v1a2.23,2.23,0,0,1-.81,2C41,50.66,40.13,50.49,38.93,49.79ZM37.77,38.16,36,22.77V13l5.81,3.36v9.73L40.17,39.55Z",
+    fill: "#525252"
+  }));
+}
+
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */ function ErrorMessageLight() {
+  const linearGradientID = uuid();
+  return React.createElement("svg", {
+    viewBox: "0 0 80 80"
+  }, React.createElement("defs", null, React.createElement("linearGradient", {
+    id: `${linearGradientID}-1`,
+    x1: "29.96",
+    y1: "36.32",
+    x2: "53.15",
+    y2: "-3.84",
+    gradientTransform: "matrix(1, 0, 0, -1, 0, 82)",
+    gradientUnits: "userSpaceOnUse"
+  }, React.createElement("stop", {
+    offset: "0",
+    stopColor: "#525252",
+    stopOpacity: "0.05"
+  }), React.createElement("stop", {
+    offset: "1",
+    stopOpacity: "0.1"
+  })), React.createElement("linearGradient", {
+    id: `${linearGradientID}-2`,
+    x1: "38.91",
+    y1: "29.41",
+    x2: "38.91",
+    y2: "78.7",
+    gradientTransform: "matrix(1, 0, 0, -1, 0, 82)",
+    gradientUnits: "userSpaceOnUse"
+  }, React.createElement("stop", {
+    offset: "0",
+    stopColor: "#c6c6c6"
+  }), React.createElement("stop", {
+    offset: "0.78",
+    stopColor: "#e0e0e0"
+  })), React.createElement("linearGradient", {
+    id: `${linearGradientID}-3`,
+    x1: "18.08",
+    y1: "67.95",
+    x2: "71.65",
+    y2: "37.02",
+    gradientTransform: "matrix(1, 0, 0, -1, 0, 82)",
+    gradientUnits: "userSpaceOnUse"
+  }, React.createElement("stop", {
+    offset: "0",
+    stopColor: "#e0e0e0"
+  }), React.createElement("stop", {
+    offset: "0.13",
+    stopColor: "#f4f4f4"
+  }), React.createElement("stop", {
+    offset: "0.56",
+    stopColor: "#e0e0e0"
+  }), React.createElement("stop", {
+    offset: "0.62",
+    stopColor: "#d8d8d8"
+  }), React.createElement("stop", {
+    offset: "0.7",
+    stopColor: "#c6c6c6"
+  }), React.createElement("stop", {
+    offset: "0.89",
+    stopColor: "#a8a8a8"
+  }), React.createElement("stop", {
+    offset: "1",
+    stopColor: "#8d8d8d"
+  })), React.createElement("linearGradient", {
+    id: `${linearGradientID}-4`,
+    x1: "27.93",
+    y1: "30.78",
+    x2: "49.86",
+    y2: "68.76",
+    gradientTransform: "matrix(1, 0, 0, -1, 0, 82)",
+    gradientUnits: "userSpaceOnUse"
+  }, React.createElement("stop", {
+    offset: "0.54",
+    stopColor: "#d0d0d0",
+    stopOpacity: "0"
+  }), React.createElement("stop", {
+    offset: "0.82",
+    stopColor: "#f1f1f1",
+    stopOpacity: "0.7"
+  }), React.createElement("stop", {
+    offset: "0.94",
+    stopColor: "#fff"
+  })), React.createElement("linearGradient", {
+    id: `${linearGradientID}-5`,
+    x1: "28.67",
+    y1: "55.68",
+    x2: "47.16",
+    y2: "45.01",
+    gradientTransform: "matrix(1, 0, 0, -1, 0, 82)",
+    gradientUnits: "userSpaceOnUse"
+  }, React.createElement("stop", {
+    offset: "0",
+    stopColor: "#fff"
+  }), React.createElement("stop", {
+    offset: "0.05",
+    stopColor: "#fdfdfd"
+  }), React.createElement("stop", {
+    offset: "0.3",
+    stopColor: "#f6f6f6"
+  }), React.createElement("stop", {
+    offset: "1",
+    stopColor: "#f4f4f4"
+  }))), React.createElement("rect", {
+    width: "80",
+    height: "80",
+    fill: "none"
+  }), React.createElement("polygon", {
+    points: "59.91 78.34 16.91 53.51 21.77 50.7 64.77 75.53 59.91 78.34",
+    fill: `url(#${linearGradientID}-1)`
+  }), React.createElement("path", {
+    d: "M39,6.92c12.15,7,22,24,21.92,38S51,64.49,38.83,57.48s-22-24-21.92-38S26.83-.09,39,6.92Z",
+    fill: `url(#${linearGradientID}-2)`
+  }), React.createElement("path", {
+    d: "M42.85,4.68C36.74,1.15,31.2.82,27.2,3.15L23.54,5.28C27.52,3.08,33,3.45,39,6.92c12.15,7,22,24,21.92,38,0,6.77-2.35,11.58-6.13,13.94h-.07c-.32.2,3.66-2.1,3.66-2.1,4-2.3,6.39-7.18,6.41-14.12C64.81,28.7,55,11.69,42.85,4.68Z",
+    fill: `url(#${linearGradientID}-3)`
+  }), React.createElement("path", {
+    d: "M29.11,3.91v.36a19.59,19.59,0,0,1,9.68,3c12,6.94,21.78,23.84,21.74,37.65,0,9.4-4.56,15.23-11.83,15.23a19.59,19.59,0,0,1-9.68-3C27,50.21,17.24,33.32,17.28,19.5c0-9.39,4.56-15.23,11.83-15.23V3.91m0,0c-7.21,0-12.17,5.71-12.2,15.59,0,14,9.77,31,21.92,38a20.18,20.18,0,0,0,9.87,3c7.21,0,12.17-5.71,12.2-15.6C60.9,31,51.13,14,39,6.9a19.94,19.94,0,0,0-9.87-3Z",
+    fill: `url(#${linearGradientID}-4)`
+  }), React.createElement("path", {
+    d: "M38.93,49.79a6.83,6.83,0,0,1-2.66-2.51,6.19,6.19,0,0,1-.81-3v-1a2.26,2.26,0,0,1,.81-2c.54-.35,1.43-.17,2.66.54a6.67,6.67,0,0,1,2.61,2.5,6,6,0,0,1,.81,3v1a2.23,2.23,0,0,1-.81,2C41,50.66,40.13,50.49,38.93,49.79ZM37.77,38.16,36,22.77V13l5.81,3.36v9.73L40.17,39.55Z",
+    fill: `url(#${linearGradientID}-5)`
+  }));
+}
+
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */ function CatastrophicError({onClose: onClose, languagePack: languagePack, onRestart: onRestart, showHeader: showHeader, botName: botName, headerDisplayName: headerDisplayName}) {
+  const intl = useIntl();
+  const carbonTheme = useSelector(state => state.theme.carbonTheme);
+  const isDarkTheme = carbonTheme === CarbonTheme.G90 || carbonTheme === CarbonTheme.G100;
+  const errorKey = "errors_communicating";
+  const errorBodyText = intl.formatMessage({
+    id: errorKey
+  }, {
+    botName: botName
+  });
+  return React.createElement("div", {
+    className: "WAC"
+  }, showHeader && React.createElement(BotHeaderExport, {
+    headerDisplayName: headerDisplayName,
+    onClose: onClose,
+    onToggleHomeScreen: null,
+    includeWriteableElement: false,
+    testIdPrefix: OverlayPanelName.CATASTROPHIC
+  }), React.createElement("div", {
+    className: cx("WACCatastrophicError", "WACPanelContent", {
+      "WACCatastrophicError--withHeader": showHeader
+    })
+  }, React.createElement("div", {
+    className: "WACCatastrophicError__ErrorTextContainer"
+  }, isDarkTheme && React.createElement(ErrorMessageDark, null), !isDarkTheme && React.createElement(ErrorMessageLight, null), React.createElement("div", {
+    className: "WACCatastrophicError__ErrorHeading"
+  }, languagePack.errors_somethingWrong), React.createElement("div", {
+    className: "WACCatastrophicError__ErrorBody"
+  }, React.createElement(RichTextExport, {
+    text: errorBodyText
+  })), onRestart && React.createElement(unstable__ChatButton, {
+    className: "WACCatastrophicError__RestartButton",
+    kind: ButtonKindEnum.TERTIARY,
+    size: ButtonSizeEnum.SMALL,
+    "aria-label": languagePack.buttons_restart,
+    onClick: onRestart,
+    renderIcon: Restart,
+    type: "button"
+  }, languagePack.buttons_retry))));
+}
+
+const CatastrophicErrorExport = React.memo(CatastrophicError);
+
+export { CatastrophicErrorExport as CatastrophicError, CatastrophicErrorExport as default };