@servicetitan/anvil2-ext-atlas 0.0.14 → 0.1.0

package/dist/toolbox-B-mWIaVL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbox-B-mWIaVL.js","sources":["../../anvil2/dist/assets/icons/material/round/refresh.svg","../../anvil2/dist/assets/icons/material/round/check.svg","../../anvil2/dist/assets/icons/material/round/content_copy.svg","../../anvil2/dist/assets/icons/material/round/error.svg","../../anvil2/dist/assets/icons/material/round/outlined_flag.svg","../../anvil2/dist/assets/icons/material/round/stop_circle.svg","../../anvil2/dist/assets/icons/material/round/volume_down.svg","../../anvil2/dist/assets/icons/st/response_dislike.svg","../../anvil2/dist/assets/icons/st/response_disliked.svg","../../anvil2/dist/assets/icons/st/response_like.svg","../../anvil2/dist/assets/icons/st/response_liked.svg","../src/components/toolbox/toolbox.enums.ts","../src/components/toolbox/toolbox.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgRefresh = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M17.65 6.35a7.95 7.95 0 0 0-6.48-2.31c-3.67.37-6.69 3.35-7.1 7.02C3.52 15.91 7.27 20 12 20a7.98 7.98 0 0 0 7.21-4.56c.32-.67-.16-1.44-.9-1.44-.37 0-.72.2-.88.53a5.994 5.994 0 0 1-6.8 3.31c-2.22-.49-4.01-2.3-4.48-4.52A6.002 6.002 0 0 1 12 6c1.66 0 3.14.69 4.22 1.78l-1.51 1.51c-.63.63-.19 1.71.7 1.71H19c.55 0 1-.45 1-1V6.41c0-.89-1.08-1.34-1.71-.71l-.64.65z\" }));\nexport default SvgRefresh;\n","import * as React from \"react\";\nconst SvgCheck = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M9 16.17 5.53 12.7a.996.996 0 1 0-1.41 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71a.996.996 0 1 0-1.41-1.41L9 16.17z\" }));\nexport default SvgCheck;\n","import * as React from \"react\";\nconst SvgContentCopy = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M15 20H5V7c0-.55-.45-1-1-1s-1 .45-1 1v13c0 1.1.9 2 2 2h10c.55 0 1-.45 1-1s-.45-1-1-1zm5-4V4c0-1.1-.9-2-2-2H9c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h9c1.1 0 2-.9 2-2zm-2 0H9V4h9v12z\" }));\nexport default SvgContentCopy;\n","import * as React from \"react\";\nconst SvgError = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 11c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z\" }));\nexport default SvgError;\n","import * as React from \"react\";\nconst SvgOutlinedFlag = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"m14 6-.72-1.45c-.17-.34-.52-.55-.9-.55H6c-.55 0-1 .45-1 1v15c0 .55.45 1 1 1s1-.45 1-1v-6h5l.72 1.45a1 1 0 0 0 .89.55H19c.55 0 1-.45 1-1V7c0-.55-.45-1-1-1h-5zm4 8h-4l-1-2H7V6h5l1 2h5v6z\" }));\nexport default SvgOutlinedFlag;\n","import * as React from \"react\";\nconst SvgStopCircle = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm3 14H9c-.55 0-1-.45-1-1V9c0-.55.45-1 1-1h6c.55 0 1 .45 1 1v6c0 .55-.45 1-1 1z\" }));\nexport default SvgStopCircle;\n","import * as React from \"react\";\nconst SvgVolumeDown = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M18.5 12A4.5 4.5 0 0 0 16 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 10v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.41c0-.89-1.08-1.34-1.71-.71L9 9H6c-.55 0-1 .45-1 1z\" }));\nexport default SvgVolumeDown;\n","import * as React from \"react\";\nconst SvgResponseDislike = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M14.99 4.62H6c-.8 0-1.52.48-1.83 1.21L.91 13.44c-.85 1.98.6 4.18 2.75 4.18h5.65l-.95 4.58c-.1.5.05 1.01.41 1.37.29.29.67.43 1.05.43s.77-.15 1.06-.44l5.53-5.54c.37-.37.58-.88.58-1.41V6.62c0-1.1-.9-2-2-2m-4.33 16.33.61-2.92.5-2.41H3.66c-.47 0-.72-.28-.83-.45a.97.97 0 0 1-.08-.95L6 6.62h8.99v9.99zm8.285-15.184.02-.206a1.013 1.013 0 0 1 1.984 0l.02.206v10.492a1.012 1.012 0 1 1-2.024 0z\" }));\nexport default SvgResponseDislike;\n","import * as React from \"react\";\nconst SvgResponseDisliked = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M14.99 4.62H6c-.8 0-1.52.48-1.83 1.21L.91 13.44c-.85 1.98.6 4.18 2.75 4.18h5.65l-.95 4.58c-.1.5.05 1.01.41 1.37.29.29.67.43 1.05.43s.77-.15 1.06-.44l5.53-5.54c.37-.37.58-.88.58-1.41V6.62c0-1.1-.9-2-2-2m3.955 1.146.02-.206a1.013 1.013 0 0 1 1.984 0l.02.206v10.492a1.012 1.012 0 1 1-2.024 0z\" }));\nexport default SvgResponseDisliked;\n","import * as React from \"react\";\nconst SvgResponseLike = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M6.753 21.684h8.99c.8 0 1.52-.48 1.83-1.21l3.26-7.61c.85-1.98-.6-4.18-2.75-4.18h-5.65l.95-4.58c.1-.5-.05-1.01-.41-1.37-.29-.29-.67-.43-1.05-.43s-.77.15-1.06.44l-5.53 5.54c-.37.37-.58.88-.58 1.41v9.99c0 1.1.9 2 2 2m4.33-16.33-.61 2.92-.5 2.41h8.11c.47 0 .72.28.83.45a.97.97 0 0 1 .08.95l-3.25 7.6h-8.99v-9.99zM2.799 20.682l-.02.205a1.013 1.013 0 0 1-1.984 0l-.02-.205V10.19a1.012 1.012 0 1 1 2.024 0z\" }));\nexport default SvgResponseLike;\n","import * as React from \"react\";\nconst SvgResponseLiked = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M6.753 21.684h8.99c.8 0 1.52-.48 1.83-1.21l3.26-7.61c.85-1.98-.6-4.18-2.75-4.18h-5.65l.95-4.58c.1-.5-.05-1.01-.41-1.37-.29-.29-.67-.43-1.05-.43s-.77.15-1.06.44l-5.53 5.54c-.37.37-.58.88-.58 1.41v9.99c0 1.1.9 2 2 2m-3.954-1.002-.02.205a1.013 1.013 0 0 1-1.984 0l-.02-.205V10.19a1.012 1.012 0 1 1 2.024 0z\" }));\nexport default SvgResponseLiked;\n","export enum UserFeedback {\n  None = \"None\",\n  Positive = \"Positive\",\n  Negative = \"Negative\",\n}\n","import { FC, useCallback, useState } from \"react\";\nimport { Button, Flex, Text, Tooltip } from \"@servicetitan/anvil2\";\nimport IconCheck from \"@servicetitan/anvil2/assets/icons/material/round/check.svg\";\nimport IconContentCopy from \"@servicetitan/anvil2/assets/icons/material/round/content_copy.svg\";\nimport IconError from \"@servicetitan/anvil2/assets/icons/material/round/error.svg\";\nimport IconOutlinedFlag from \"@servicetitan/anvil2/assets/icons/material/round/outlined_flag.svg\";\nimport IconRefresh from \"@servicetitan/anvil2/assets/icons/material/round/refresh.svg\";\nimport IconStopCircle from \"@servicetitan/anvil2/assets/icons/material/round/stop_circle.svg\";\nimport IconVolumeDown from \"@servicetitan/anvil2/assets/icons/material/round/volume_down.svg\";\nimport IconResponseDislike from \"@servicetitan/anvil2/assets/icons/st/response_dislike.svg\";\nimport IconResponseDisliked from \"@servicetitan/anvil2/assets/icons/st/response_disliked.svg\";\nimport IconResponseLike from \"@servicetitan/anvil2/assets/icons/st/response_like.svg\";\nimport IconResponseLiked from \"@servicetitan/anvil2/assets/icons/st/response_liked.svg\";\n\nimport { UserFeedback } from \"./toolbox.enums\";\n\nenum EventState {\n  None,\n  Loading,\n  Success,\n  Error,\n}\n\nexport interface ToolboxProps {\n  text?: string;\n  onRetry?: () => Promise<void>;\n  onLike?: () => Promise<void>;\n  onDislike?: () => Promise<void>;\n  onFlag?: () => Promise<void>;\n  onPlay?: () => Promise<void>;\n  currentFeedback?: UserFeedback;\n}\n\nconst copy = {\n  icons: {\n    [EventState.None]: IconContentCopy,\n    [EventState.Loading]: IconContentCopy,\n    [EventState.Success]: IconCheck,\n    [EventState.Error]: IconError,\n  },\n  tooltips: {\n    [EventState.None]: \"Copy response\",\n    [EventState.Loading]: \"Copying...\",\n    [EventState.Success]: \"Response copied\",\n    [EventState.Error]: \"Copy failed\",\n  },\n};\n\nconst play = {\n  icons: {\n    [EventState.None]: IconVolumeDown,\n    [EventState.Loading]: IconVolumeDown,\n    [EventState.Success]: IconStopCircle,\n    [EventState.Error]: IconError,\n  },\n  tooltips: {\n    [EventState.None]: \"Play response\",\n    [EventState.Loading]: \"Starting playback...\",\n    [EventState.Success]: \"Stop playing\",\n    [EventState.Error]: \"Error playing response\",\n  },\n};\n\nconst retry = {\n  icons: {\n    [EventState.None]: IconRefresh,\n    [EventState.Loading]: IconRefresh,\n    [EventState.Success]: IconRefresh,\n    [EventState.Error]: IconRefresh,\n  },\n  tooltips: {\n    [EventState.None]: \"Retry response\",\n    [EventState.Loading]: \"Retrying...\",\n    [EventState.Success]: \"Retry successful\",\n    [EventState.Error]: \"Retry failed\",\n  },\n};\n\nconst flag = {\n  icons: {\n    [EventState.None]: IconOutlinedFlag,\n    [EventState.Loading]: IconOutlinedFlag,\n    [EventState.Success]: IconOutlinedFlag,\n    [EventState.Error]: IconOutlinedFlag,\n  },\n  tooltips: {\n    [EventState.None]: \"Flag response\",\n    [EventState.Loading]: \"Flagging...\",\n    [EventState.Success]: \"Flagged successfully\",\n    [EventState.Error]: \"Flag failed\",\n  },\n};\n\nexport const Toolbox: FC<ToolboxProps> = ({\n  text,\n  onRetry,\n  onLike,\n  onDislike,\n  onFlag,\n  onPlay,\n  currentFeedback,\n}) => {\n  const [isCopied, setIsCopied] = useState(EventState.None);\n  const [isSpeaking, setIsSpeaking] = useState(EventState.None);\n  const [isRetrying, setIsRetrying] = useState(EventState.None);\n  const [isFlagging, setIsFlagging] = useState(EventState.None);\n\n  const handleCopy = useCallback(async () => {\n    if (!text) {\n      return;\n    }\n\n    try {\n      setIsCopied(EventState.Loading);\n      await window.navigator.clipboard.writeText(text);\n      setIsCopied(EventState.Success);\n    } catch {\n      setIsCopied(EventState.Error);\n      // Silent fail - could optionally show a toast notification here\n    } finally {\n      // Reset the copied state after 3 seconds\n      setTimeout(() => {\n        setIsCopied(EventState.None);\n      }, 3000);\n    }\n  }, [text]);\n\n  const handlePlay = useCallback(async () => {\n    if (!onPlay) {\n      return;\n    }\n\n    try {\n      setIsSpeaking(EventState.Loading);\n      await onPlay();\n      setIsSpeaking(EventState.Success);\n      // Reset after play completes\n      setTimeout(() => {\n        setIsSpeaking(EventState.None);\n      }, 1000);\n    } catch {\n      setIsSpeaking(EventState.Error);\n      setTimeout(() => {\n        setIsSpeaking(EventState.None);\n      }, 3000);\n    }\n  }, [onPlay]);\n\n  const handleRetry = useCallback(async () => {\n    if (!onRetry) {\n      return;\n    }\n\n    try {\n      setIsRetrying(EventState.Loading);\n      await onRetry();\n      setIsRetrying(EventState.Success);\n    } catch {\n      setIsRetrying(EventState.Error);\n    }\n  }, [onRetry]);\n\n  const handleLike = useCallback(async () => {\n    if (!onLike) {\n      return;\n    }\n\n    try {\n      await onLike();\n    } catch {\n      // Handle error silently\n    }\n  }, [onLike]);\n\n  const handleDislike = useCallback(async () => {\n    if (!onDislike) {\n      return;\n    }\n\n    try {\n      await onDislike();\n    } catch {\n      // Handle error silently\n    }\n  }, [onDislike]);\n\n  const handleFlag = useCallback(async () => {\n    if (!onFlag) {\n      return;\n    }\n\n    try {\n      setIsFlagging(EventState.Loading);\n      await onFlag();\n      setIsFlagging(EventState.Success);\n      setTimeout(() => {\n        setIsFlagging(EventState.None);\n      }, 3000);\n    } catch {\n      setIsFlagging(EventState.Error);\n      setTimeout(() => {\n        setIsFlagging(EventState.None);\n      }, 3000);\n    }\n  }, [onFlag]);\n\n  return (\n    <Flex direction=\"column\">\n      <Flex>\n        <Tooltip>\n          <Tooltip.Trigger>\n            <Button\n              icon={copy.icons[isCopied]}\n              size=\"small\"\n              appearance=\"ghost\"\n              onClick={handleCopy}\n              disabled={!text}\n            />\n          </Tooltip.Trigger>\n          <Tooltip.Content>{copy.tooltips[isCopied]}</Tooltip.Content>\n        </Tooltip>\n        {onPlay && (\n          <Tooltip>\n            <Tooltip.Trigger>\n              <Button\n                size=\"small\"\n                appearance=\"ghost\"\n                icon={play.icons[isSpeaking]}\n                onClick={handlePlay}\n                disabled={!onPlay}\n              />\n            </Tooltip.Trigger>\n            <Tooltip.Content>{play.tooltips[isSpeaking]}</Tooltip.Content>\n          </Tooltip>\n        )}\n        {onRetry && (\n          <Tooltip>\n            <Tooltip.Trigger>\n              <Button\n                icon={retry.icons[isRetrying]}\n                size=\"small\"\n                appearance=\"ghost\"\n                onClick={handleRetry}\n                disabled={!onRetry}\n              />\n            </Tooltip.Trigger>\n            <Tooltip.Content>{retry.tooltips[isRetrying]}</Tooltip.Content>\n          </Tooltip>\n        )}\n        {currentFeedback !== UserFeedback.Negative && (\n          <Tooltip>\n            <Tooltip.Trigger>\n              <Button\n                icon={\n                  currentFeedback === UserFeedback.Positive\n                    ? IconResponseLiked\n                    : IconResponseLike\n                }\n                size=\"small\"\n                appearance=\"ghost\"\n                onClick={handleLike}\n                disabled={!onLike}\n              />\n            </Tooltip.Trigger>\n            <Tooltip.Content>\n              {currentFeedback === UserFeedback.Positive\n                ? \"Remove like\"\n                : \"Like response\"}\n            </Tooltip.Content>\n          </Tooltip>\n        )}\n        {currentFeedback !== UserFeedback.Positive && (\n          <Tooltip>\n            <Tooltip.Trigger>\n              <Button\n                icon={\n                  currentFeedback === UserFeedback.Negative\n                    ? IconResponseDisliked\n                    : IconResponseDislike\n                }\n                size=\"small\"\n                appearance=\"ghost\"\n                onClick={handleDislike}\n                disabled={!onDislike}\n              />\n            </Tooltip.Trigger>\n            <Tooltip.Content>\n              {currentFeedback === UserFeedback.Negative\n                ? \"Remove dislike\"\n                : \"Dislike response\"}\n            </Tooltip.Content>\n          </Tooltip>\n        )}\n        {onFlag && (\n          <Tooltip>\n            <Tooltip.Trigger>\n              <Button\n                icon={flag.icons[isFlagging]}\n                size=\"small\"\n                appearance=\"ghost\"\n                onClick={handleFlag}\n                disabled={!onFlag}\n              />\n            </Tooltip.Trigger>\n            <Tooltip.Content>{flag.tooltips[isFlagging]}</Tooltip.Content>\n          </Tooltip>\n        )}\n      </Flex>\n      {currentFeedback !== UserFeedback.None && (\n        <Text subdued size=\"small\">\n          Thank you for your feedback!\n        </Text>\n      )}\n    </Flex>\n  );\n};\n"],"names":["UserFeedback","IconContentCopy","IconCheck","IconError","IconVolumeDown","IconStopCircle","IconRefresh","IconOutlinedFlag","IconResponseLiked","IconResponseLike","IconResponseDisliked","IconResponseDislike"],"mappings":"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"}

package/dist/toolbox.d.ts

@@ -0,0 +1,2 @@
+export * from './components/toolbox/index'
+export {}

package/dist/toolbox.js

@@ -0,0 +1,2 @@
+export { T as Toolbox, U as UserFeedback } from './toolbox-B-mWIaVL.js';
+//# sourceMappingURL=toolbox.js.map

package/dist/toolbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/user-message-DCOP95qA.js

@@ -0,0 +1,247 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Flex, Text, Button, Icon, Card, RadioGroup, Radio } from '@servicetitan/anvil2';
+import { L as Loader } from './loader-DYmcO1Y_.js';
+import { A as AtlasHeader } from './atlas-header-jdAIcEpa.js';
+import { c as classNames } from './index-DDXI3m_u.js';
+import { S as SvgRefresh, T as Toolbox } from './toolbox-B-mWIaVL.js';
+import { M as Markdown, r as remarkGfm } from './index-DFEn2XpE.js';
+
+import './user-message.css';const styles = {
+	"error-color": "_error-color_vvdwq_7",
+	"markdown-content": "_markdown-content_vvdwq_40"};
+
+const ErrorMessage = ({
+  error,
+  message,
+  onRetry,
+  className
+}) => {
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      className,
+      style: { marginInlineStart: "var(--size-2)" },
+      justifyContent: "space-between",
+      gap: 2,
+      children: [
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            size: "medium",
+            className: classNames({
+              [styles["error-color"]]: error
+            }),
+            children: /* @__PURE__ */ jsx("i", { children: error || message })
+          }
+        ),
+        onRetry && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            size: "small",
+            appearance: "ghost",
+            onClick: onRetry,
+            flexShrink: 0,
+            children: [
+              "Retry",
+              /* @__PURE__ */ jsx(Icon, { svg: SvgRefresh, size: "medium" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+
+const AssistantMessage = ({
+  error,
+  onRetry,
+  message,
+  className,
+  assistant,
+  svgIcon
+}) => {
+  return /* @__PURE__ */ jsxs(Flex, { direction: "column", className, children: [
+    /* @__PURE__ */ jsx(AtlasHeader, { svgIcon, assistant }),
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+      message && !error && /* @__PURE__ */ jsx(Text, { size: "medium", children: message }),
+      error && /* @__PURE__ */ jsx(ErrorMessage, { error, message, onRetry }),
+      !message && !error && /* @__PURE__ */ jsx(Loader, {})
+    ] })
+  ] });
+};
+
+const MarkdownMessage = ({
+  error,
+  message,
+  className,
+  assistant,
+  svgIcon,
+  onRetry,
+  toolboxProps
+}) => {
+  return /* @__PURE__ */ jsxs(Flex, { gap: 2, direction: "column", className, children: [
+    /* @__PURE__ */ jsx(AtlasHeader, { svgIcon, assistant }),
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+      message && !error && /* @__PURE__ */ jsx("div", { className: styles["markdown-content"], children: /* @__PURE__ */ jsx(Markdown, { remarkPlugins: [remarkGfm], children: message }) }),
+      /* @__PURE__ */ jsx(Toolbox, { text: message, ...toolboxProps }),
+      error && /* @__PURE__ */ jsx(ErrorMessage, { error, message, onRetry }),
+      !message && !error && /* @__PURE__ */ jsx(Loader, {})
+    ] })
+  ] });
+};
+const Thinking = ({
+  error,
+  message,
+  className,
+  assistant,
+  svgIcon,
+  onRetry,
+  toolboxProps: _toolboxProps
+}) => {
+  return /* @__PURE__ */ jsxs(Flex, { direction: "column", className, children: [
+    /* @__PURE__ */ jsx(AtlasHeader, { svgIcon, assistant }),
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+      /* @__PURE__ */ jsx(Loader, {}),
+      error && /* @__PURE__ */ jsx(ErrorMessage, { error, message, onRetry })
+    ] })
+  ] });
+};
+
+const SmallAction = ({
+  recommendationId,
+  message,
+  description,
+  onReject,
+  onAccept,
+  buttonDisabled = false,
+  className
+}) => {
+  return /* @__PURE__ */ jsxs(Flex, { direction: "column", className, children: [
+    /* @__PURE__ */ jsx(AtlasHeader, {}),
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
+      /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+        /* @__PURE__ */ jsx(Text, { size: "medium", children: message }),
+        description && /* @__PURE__ */ jsx(Text, { size: "small", children: description })
+      ] }),
+      /* @__PURE__ */ jsxs(Flex, { alignItems: "flex-start", gap: 1, children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            appearance: "ghost",
+            onClick: () => onReject(recommendationId),
+            disabled: buttonDisabled,
+            children: "Reject"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            appearance: "primary",
+            style: { width: "50%" },
+            onClick: () => onAccept(recommendationId),
+            disabled: buttonDisabled,
+            children: "Accept"
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+
+const SystemMessage = ({
+  message,
+  radioOptions,
+  onRadioChange,
+  buttonText,
+  onSubmit,
+  buttonDisabled = false
+}) => {
+  return /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+    /* @__PURE__ */ jsx(AtlasHeader, {}),
+    /* @__PURE__ */ jsx(Text, { size: "medium", children: message }),
+    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
+      /* @__PURE__ */ jsx(
+        RadioGroup,
+        {
+          onChange: (e) => onRadioChange(e.target.value),
+          children: radioOptions.map((option) => /* @__PURE__ */ jsx(
+            Radio,
+            {
+              name: "action",
+              value: option.value,
+              label: option.label,
+              description: option.description
+            },
+            option.value
+          ))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          appearance: "primary",
+          style: { width: "100%" },
+          onClick: onSubmit,
+          disabled: buttonDisabled,
+          children: buttonText
+        }
+      )
+    ] }) })
+  ] });
+};
+
+const UserMessage = ({
+  message,
+  className,
+  isError,
+  onRetry
+}) => {
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      direction: "column",
+      alignItems: "flex-end",
+      className,
+      gap: 2,
+      children: [
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            size: "small",
+            subdued: isError,
+            alignItems: "flex-start",
+            style: {
+              padding: "8px 12px 8px 16px",
+              borderRadius: "24px 24px 0px 24px",
+              boxSizing: "border-box",
+              fontFamily: "var(--typography-paragraph-font-family, 'Nunito Sans')",
+              fontSize: "var(--typography-paragraph-size-default, 16px)",
+              fontWeight: "400",
+              lineHeight: "var(--typography-paragraph-line-height-default, 24px)",
+              backgroundColor: isError ? "var(--background-color-danger)" : "var(--background-color-stronger)",
+              color: isError ? "var(--foreground-color-on-danger)" : "var(--foreground-color)"
+            },
+            children: message
+          }
+        ),
+        isError && /* @__PURE__ */ jsxs(Flex, { justifyContent: "flex-end", alignItems: "center", children: [
+          /* @__PURE__ */ jsx(Text, { variant: "body", size: "small", className: styles["error-color"], children: "Message not delivered" }),
+          onRetry && /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "small",
+              appearance: "ghost",
+              style: { marginInlineStart: "var(--size-2)" },
+              onClick: onRetry,
+              icon: { after: SvgRefresh },
+              children: "Retry"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+
+export { AssistantMessage as A, MarkdownMessage as M, SmallAction as S, Thinking as T, UserMessage as U, SystemMessage as a };
+//# sourceMappingURL=user-message-DCOP95qA.js.map

package/dist/user-message-DCOP95qA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-message-DCOP95qA.js","sources":["../src/components/messages/error-message.tsx","../src/components/messages/assistant-message.tsx","../src/components/messages/markdown-message.tsx","../src/components/messages/small-action.tsx","../src/components/messages/system-message.tsx","../src/components/messages/user-message.tsx"],"sourcesContent":["import { FC } from \"react\";\nimport classNames from \"classnames\";\nimport { Button, Flex, Icon, Text } from \"@servicetitan/anvil2\";\nimport IconRefresh from \"@servicetitan/anvil2/assets/icons/material/round/refresh.svg\";\n\nimport styles from \"./message.module.scss\";\nexport interface ErrorMessageProps {\n  error: string | boolean;\n  message?: string;\n  onRetry?: () => void;\n  className?: string;\n}\n\nexport const ErrorMessage: FC<ErrorMessageProps> = ({\n  error,\n  message,\n  onRetry,\n  className,\n}) => {\n  return (\n    <Flex\n      className={className}\n      style={{ marginInlineStart: \"var(--size-2)\" }}\n      justifyContent=\"space-between\"\n      gap={2}\n    >\n      <Text\n        size=\"medium\"\n        className={classNames({\n          [styles[\"error-color\"]]: error,\n        })}\n      >\n        <i>{error || message}</i>\n      </Text>\n      {onRetry && (\n        <Button\n          size=\"small\"\n          appearance=\"ghost\"\n          onClick={onRetry}\n          flexShrink={0}\n        >\n          Retry\n          <Icon svg={IconRefresh} size=\"medium\" />\n        </Button>\n      )}\n    </Flex>\n  );\n};\n","import { FC } from \"react\";\nimport { Flex, Svg, Text } from \"@servicetitan/anvil2\";\n\nimport { Loader } from \"../loader\";\n\nimport { ErrorMessage } from \"./error-message\";\nimport { MessageProps } from \"./message-interface\";\nimport { AtlasHeader } from \"../atlas-header\";\n\nexport interface AssistantMessageProps extends MessageProps {\n  error?: string | boolean;\n  svgIcon?: Svg;\n  assistant?: string;\n  onRetry?: () => void;\n}\n\nexport const AssistantMessage: FC<AssistantMessageProps> = ({\n  error,\n  onRetry,\n  message,\n  className,\n  assistant,\n  svgIcon,\n}) => {\n  return (\n    <Flex direction=\"column\" className={className}>\n      <AtlasHeader svgIcon={svgIcon} assistant={assistant} />\n      <Flex direction=\"column\">\n        {message && !error && <Text size=\"medium\">{message}</Text>}\n        {error && (\n          <ErrorMessage error={error} message={message} onRetry={onRetry} />\n        )}\n        {!message && !error && <Loader />}\n      </Flex>\n    </Flex>\n  );\n};\n","import { FC } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport remarkGfm from \"remark-gfm\";\nimport { Flex, Svg } from \"@servicetitan/anvil2\";\n\nimport { AtlasHeader } from \"../atlas-header\";\nimport { ErrorMessage } from \"./error-message\";\nimport { Loader } from \"../loader\";\nimport { MessageProps } from \"./message-interface\";\nimport { Toolbox, ToolboxProps } from \"../toolbox\";\n\nimport styles from \"./message.module.scss\";\n\nexport interface MarkdownMessageProps extends MessageProps {\n  error?: string;\n  svgIcon?: Svg;\n  assistant?: string;\n  onRetry?: () => void;\n  toolboxProps?: Omit<ToolboxProps, \"text\">;\n}\n\nexport const MarkdownMessage: FC<MarkdownMessageProps> = ({\n  error,\n  message,\n  className,\n  assistant,\n  svgIcon,\n  onRetry,\n  toolboxProps,\n}) => {\n  return (\n    <Flex gap={2} direction=\"column\" className={className}>\n      <AtlasHeader svgIcon={svgIcon} assistant={assistant} />\n      <Flex direction=\"column\">\n        {message && !error && (\n          <div className={styles[\"markdown-content\"]}>\n            <ReactMarkdown remarkPlugins={[remarkGfm]}>{message}</ReactMarkdown>\n          </div>\n        )}\n        <Toolbox text={message} {...toolboxProps} />\n        {error && (\n          <ErrorMessage error={error} message={message} onRetry={onRetry} />\n        )}\n        {!message && !error && <Loader />}\n      </Flex>\n    </Flex>\n  );\n};\n\nexport const Thinking: FC<MarkdownMessageProps> = ({\n  error,\n  message,\n  className,\n  assistant,\n  svgIcon,\n  onRetry,\n  toolboxProps: _toolboxProps,\n}) => {\n  return (\n    <Flex direction=\"column\" className={className}>\n      <AtlasHeader svgIcon={svgIcon} assistant={assistant} />\n      <Flex direction=\"column\">\n        <Loader />\n        {error && (\n          <ErrorMessage error={error} message={message} onRetry={onRetry} />\n        )}\n      </Flex>\n    </Flex>\n  );\n};\n","import { FC } from \"react\";\nimport { Button, Flex, Text } from \"@servicetitan/anvil2\";\n\nimport { MessageProps } from \"./message-interface\";\nimport { AtlasHeader } from \"../atlas-header\";\n\nexport interface SmallActionProps extends MessageProps {\n  recommendationId: string;\n  message: string;\n  description?: string;\n  buttonText?: string;\n  onReject: (recommendationId: string) => void | undefined;\n  onAccept: (recommendationId: string) => void | undefined;\n  buttonDisabled?: boolean;\n  className?: string;\n}\n\nexport const SmallAction: FC<SmallActionProps> = ({\n  recommendationId,\n  message,\n  description,\n  onReject,\n  onAccept,\n  buttonDisabled = false,\n  className,\n}) => {\n  return (\n    <Flex direction=\"column\" className={className}>\n      <AtlasHeader />\n      <Flex direction=\"column\" gap={2}>\n        <Flex direction=\"column\">\n          <Text size=\"medium\">{message}</Text>\n          {description && <Text size=\"small\">{description}</Text>}\n        </Flex>\n        <Flex alignItems=\"flex-start\" gap={1}>\n          <Button\n            appearance=\"ghost\"\n            onClick={() => onReject(recommendationId)}\n            disabled={buttonDisabled}\n          >\n            Reject\n          </Button>\n          <Button\n            appearance=\"primary\"\n            style={{ width: \"50%\" }}\n            onClick={() => onAccept(recommendationId)}\n            disabled={buttonDisabled}\n          >\n            Accept\n          </Button>\n        </Flex>\n      </Flex>\n    </Flex>\n  );\n};\n","import { FC } from \"react\";\nimport {\n  Button,\n  Card,\n  Flex,\n  Radio,\n  RadioGroup,\n  Text,\n} from \"@servicetitan/anvil2\";\n\nimport { MessageProps } from \"./message-interface\";\nimport { AtlasHeader } from \"../atlas-header\";\ninterface SystemMessageRadioOption {\n  label: string;\n  description?: string;\n  value: string;\n}\n\ninterface SystemMessageProps extends MessageProps {\n  message: string;\n  radioOptions: SystemMessageRadioOption[];\n  selectedValue: string;\n  onRadioChange: (value: string) => void;\n  buttonText: string;\n  onSubmit: () => void;\n  buttonDisabled?: boolean;\n}\n\nexport const SystemMessage: FC<SystemMessageProps> = ({\n  message,\n  radioOptions,\n  onRadioChange,\n  buttonText,\n  onSubmit,\n  buttonDisabled = false,\n}) => {\n  return (\n    <Flex direction=\"column\">\n      <AtlasHeader />\n      <Text size=\"medium\">{message}</Text>\n      <Card>\n        <Flex direction=\"column\" gap={2}>\n          <RadioGroup\n            onChange={(e) =>\n              onRadioChange((e.target as HTMLInputElement).value)\n            }\n          >\n            {radioOptions.map((option) => (\n              <Radio\n                key={option.value}\n                name=\"action\"\n                value={option.value}\n                label={option.label}\n                description={option.description}\n              />\n            ))}\n          </RadioGroup>\n          <Button\n            appearance=\"primary\"\n            style={{ width: \"100%\" }}\n            onClick={onSubmit}\n            disabled={buttonDisabled}\n          >\n            {buttonText}\n          </Button>\n        </Flex>\n      </Card>\n    </Flex>\n  );\n};\n","import { FC } from \"react\";\nimport { Button, Flex, Text } from \"@servicetitan/anvil2\";\nimport IconRefresh from \"@servicetitan/anvil2/assets/icons/material/round/refresh.svg\";\n\nimport styles from \"./message.module.scss\";\n\nexport interface ChatMessage {\n  content: string;\n  type: \"user\" | \"assistant\" | \"system\";\n}\n\ninterface UserMessageProps {\n  message: string;\n  className?: string;\n  isError?: boolean;\n  onRetry?: () => void;\n}\n\nexport const UserMessage: FC<UserMessageProps> = ({\n  message,\n  className,\n  isError,\n  onRetry,\n}) => {\n  return (\n    <Flex\n      direction=\"column\"\n      alignItems=\"flex-end\"\n      className={className}\n      gap={2}\n    >\n      <Text\n        size=\"small\"\n        subdued={isError}\n        alignItems=\"flex-start\"\n        style={{\n          padding: \"8px 12px 8px 16px\",\n          borderRadius: \"24px 24px 0px 24px\",\n          boxSizing: \"border-box\",\n          fontFamily: \"var(--typography-paragraph-font-family, 'Nunito Sans')\",\n          fontSize: \"var(--typography-paragraph-size-default, 16px)\",\n          fontWeight: \"400\",\n          lineHeight: \"var(--typography-paragraph-line-height-default, 24px)\",\n          backgroundColor: isError\n            ? \"var(--background-color-danger)\"\n            : \"var(--background-color-stronger)\",\n          color: isError\n            ? \"var(--foreground-color-on-danger)\"\n            : \"var(--foreground-color)\",\n        }}\n      >\n        {message}\n      </Text>\n      {isError && (\n        <Flex justifyContent=\"flex-end\" alignItems=\"center\">\n          <Text variant=\"body\" size=\"small\" className={styles[\"error-color\"]}>\n            Message not delivered\n          </Text>\n          {onRetry && (\n            <Button\n              size=\"small\"\n              appearance=\"ghost\"\n              style={{ marginInlineStart: \"var(--size-2)\" }}\n              onClick={onRetry}\n              icon={{ after: IconRefresh }}\n            >\n              Retry\n            </Button>\n          )}\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n"],"names":["IconRefresh","ReactMarkdown"],"mappings":"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"}

package/dist/user-message.css

@@ -0,0 +1,170 @@
+@layer starter, reset, base, state, application;
+
+._message-wrapper_vvdwq_1 {
+  width: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+
+._error-color_vvdwq_7 {
+  color: var(--foreground-color-danger);
+}
+
+._message_vvdwq_1 {
+  max-width: 70%;
+  padding: var(--size-1) 12px;
+  border-radius: 8px;
+  overflow-wrap: break-word;
+  background-color: #f0f0f0;
+  color: #000;
+}
+._message_vvdwq_1._user_vvdwq_19 {
+  background-color: #dcf8c6;
+}
+
+._left_vvdwq_23 {
+  justify-content: flex-start;
+}
+
+._right_vvdwq_27 {
+  justify-content: flex-end;
+}
+
+._user-wrapper_vvdwq_31 {
+  justify-content: flex-end;
+}
+
+._message-list_vvdwq_35 {
+  max-height: 400px;
+  overflow-y: auto;
+}
+
+._markdown-content_vvdwq_40  h1 {
+  color: #000;
+  font-family: var(--typography-heading-font-family, "Nunito Sans");
+  font-size: var(--typography-heading-size-large, 24px);
+  font-style: normal;
+  font-weight: 800;
+  line-height: var(--typography-heading-line-height-large, 30px);
+  letter-spacing: var(--typography-heading-letter-spacing-large, -0.12px);
+  margin: 0 0 var(--size-2);
+}
+._markdown-content_vvdwq_40  h2 {
+  color: #000;
+  font-family: var(--typography-heading-font-family, "Nunito Sans");
+  font-size: var(--typography-heading-size-default, 20px);
+  font-style: normal;
+  font-weight: 800;
+  line-height: var(--typography-heading-line-height-default, 25px);
+  letter-spacing: var(--typography-heading-letter-spacing-default, -0.05px);
+  margin: 0 0 var(--size-2);
+}
+._markdown-content_vvdwq_40  h3 {
+  color: #000;
+  font-family: var(--typography-heading-font-family, "Nunito Sans");
+  font-size: var(--typography-heading-size-small, 16px);
+  font-style: normal;
+  font-weight: 800;
+  line-height: var(--typography-heading-line-height-small, 20px);
+  letter-spacing: var(--typography-heading-letter-spacing-small, 0);
+  margin: 0 0 var(--size-2);
+}
+._markdown-content_vvdwq_40  p {
+  margin: 0 0 var(--size-2) 0;
+  color: #000;
+  font-family: var(--typography-paragraph-font-family, "Nunito Sans");
+  font-size: var(--typography-paragraph-size-default, 16px);
+  font-style: normal;
+  font-weight: var(--font-weight-regular, 400);
+  line-height: var(--typography-paragraph-line-height-default, 24px);
+}
+._markdown-content_vvdwq_40  pre {
+  background-color: #f6f8fa;
+  border-radius: var(--border-radius-large);
+  padding: var(--size-4);
+  overflow: auto;
+}
+._markdown-content_vvdwq_40  code {
+  background-color: rgba(175, 184, 193, 0.2);
+  border-radius: var(--border-radius-large);
+  padding: 0.2em 0.4em;
+  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+}
+._markdown-content_vvdwq_40  pre code {
+  background-color: transparent;
+  padding: 0;
+}
+._markdown-content_vvdwq_40  ul,
+._markdown-content_vvdwq_40  ol {
+  padding-left: var(--size-8);
+  margin: 0 0 1em;
+  color: #000;
+  font-family: var(--typography-paragraph-font-family, "Nunito Sans");
+  font-size: var(--typography-paragraph-size-default, 16px);
+  font-style: normal;
+  font-weight: var(--font-weight-regular, 400);
+  line-height: var(--typography-paragraph-line-height-default, 24px);
+}
+._markdown-content_vvdwq_40  li {
+  color: #000;
+  font-family: var(--typography-paragraph-font-family, "Nunito Sans");
+  font-size: var(--typography-paragraph-size-default, 16px);
+  font-style: normal;
+  font-weight: var(--font-weight-regular, 400);
+  line-height: var(--typography-paragraph-line-height-default, 24px);
+}
+._markdown-content_vvdwq_40  strong,
+._markdown-content_vvdwq_40  b {
+  color: #000;
+  font-family: var(--typography-paragraph-font-family, "Nunito Sans");
+  font-size: var(--typography-paragraph-size-default, 16px);
+  font-style: normal;
+  font-weight: var(--font-weight-bold, 700);
+  line-height: var(--typography-paragraph-line-height-default, 24px);
+}
+._markdown-content_vvdwq_40  em,
+._markdown-content_vvdwq_40  i {
+  color: #000;
+  font-family: var(--typography-paragraph-font-family, "Nunito Sans");
+  font-size: var(--typography-paragraph-size-default, 16px);
+  font-style: italic;
+  font-weight: var(--font-weight-regular, 400);
+  line-height: var(--typography-paragraph-line-height-default, 24px);
+}
+._markdown-content_vvdwq_40  a {
+  color: var(--foreground-color-primary, #0265dc);
+  font-family: var(--typography-paragraph-font-family, "Nunito Sans");
+  font-size: var(--typography-paragraph-size-default, 16px);
+  font-style: normal;
+  font-weight: var(--font-weight-regular, 400);
+  line-height: var(--typography-paragraph-line-height-default, 24px);
+}
+._markdown-content_vvdwq_40  table {
+  border-collapse: collapse;
+  width: 100%;
+  margin: 1em 0;
+}
+._markdown-content_vvdwq_40  th {
+  border: 1px solid var(--Light-Border-Border-Grey, #dfe0e1);
+  background: var(--Light-Surface-Surface-Grey-Subdued, #f7f7f7);
+  padding: 6px 13px;
+  color: var(--Light-Text-Text-Default, #141414);
+  font-size: var(--typescale-2, 14px);
+  font-style: normal;
+  font-weight: var(--font-weight-semibold, 600);
+  line-height: 150%;
+}
+._markdown-content_vvdwq_40  td {
+  border: 1px solid var(--Light-Border-Border-Grey, #dfe0e1);
+  background: var(--Light-Surface-Surface-Default, #fff);
+  padding: 6px 13px;
+  color: var(--Light-Text-Text-Default, #141414);
+  font-size: var(--typescale-2, 14px);
+  font-style: normal;
+  font-weight: var(--font-weight-regular, 400);
+  line-height: 150%;
+}
+
+._message-icon_vvdwq_166 {
+  display: flex;
+}

package/dist/welcome-BY6k2z0K.js

@@ -0,0 +1,57 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Flex, Text, Button } from '@servicetitan/anvil2';
+
+import './welcome.css';const welcome = "_welcome_1tshw_1";
+const illustration = "_illustration_1tshw_12";
+const styles = {
+	"welcome-root": "_welcome-root_1tshw_1",
+	welcome: welcome,
+	illustration: illustration
+};
+
+const Welcome = ({
+  onContinue,
+  title,
+  subtitle,
+  continueButtonId
+}) => {
+  return /* @__PURE__ */ jsxs(Flex, { direction: "column", className: styles["welcome-root"], children: [
+    /* @__PURE__ */ jsx(Flex, { className: styles["welcome"], children: /* @__PURE__ */ jsx("div", { className: styles["illustration"] }) }),
+    /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        direction: "column",
+        alignItems: "center",
+        style: {
+          paddingInline: "var(--size-3)",
+          paddingBlock: "var(--size-4)"
+        },
+        children: [
+          /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+            /* @__PURE__ */ jsx(Text, { variant: "headline", size: "small", el: "h2", children: title }),
+            /* @__PURE__ */ jsx(Text, { variant: "headline", size: "small", el: "h4", children: subtitle }),
+            /* @__PURE__ */ jsx(Text, { children: "I'm your AI assistant, here to help you find answers faster and make your experience smoother. While I do my best to share helpful and accurate info, this chat isn't a substitute for professional or legal advice when it really counts." }),
+            /* @__PURE__ */ jsx("br", {}),
+            /* @__PURE__ */ jsx(Text, { children: "By continuing, you're using this feature responsibly and agree that your input may help us improve the experience over time." }),
+            /* @__PURE__ */ jsx("br", {}),
+            /* @__PURE__ */ jsx(Text, { alignSelf: "flex-start", children: "Let's get started." }),
+            /* @__PURE__ */ jsx("br", {})
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              id: continueButtonId,
+              appearance: "primary",
+              size: "medium",
+              onClick: onContinue,
+              children: "Continue"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+
+export { Welcome as W };
+//# sourceMappingURL=welcome-BY6k2z0K.js.map

package/dist/welcome-BY6k2z0K.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"welcome-BY6k2z0K.js","sources":["../src/components/screens/welcome.tsx"],"sourcesContent":["import { FC, PropsWithChildren } from \"react\";\nimport { Button, Flex, Text } from \"@servicetitan/anvil2\";\n\nimport styles from \"./welcome.module.scss\";\n\nexport interface WelcomeProps {\n  onContinue: () => void;\n  title?: string;\n  subtitle?: string;\n  continueButtonId?: string;\n}\n\nexport const Welcome: FC<PropsWithChildren<WelcomeProps>> = ({\n  onContinue,\n  title,\n  subtitle,\n  continueButtonId,\n}) => {\n  return (\n    <Flex direction=\"column\" className={styles[\"welcome-root\"]}>\n      <Flex className={styles[\"welcome\"]}>\n        <div className={styles[\"illustration\"]} />\n      </Flex>\n      <Flex\n        direction=\"column\"\n        alignItems=\"center\"\n        style={{\n          paddingInline: \"var(--size-3)\",\n          paddingBlock: \"var(--size-4)\",\n        }}\n      >\n        <Flex direction=\"column\">\n          <Text variant=\"headline\" size=\"small\" el=\"h2\">\n            {title}\n          </Text>\n          <Text variant=\"headline\" size=\"small\" el=\"h4\">\n            {subtitle}\n          </Text>\n          <Text>\n            I&apos;m your AI assistant, here to help you find answers faster and\n            make your experience smoother. While I do my best to share helpful\n            and accurate info, this chat isn&apos;t a substitute for\n            professional or legal advice when it really counts.\n          </Text>\n          <br />\n          <Text>\n            By continuing, you&apos;re using this feature responsibly and agree\n            that your input may help us improve the experience over time.\n          </Text>\n\n          <br />\n          <Text alignSelf=\"flex-start\">Let&apos;s get started.</Text>\n          <br />\n        </Flex>\n        <Button\n          id={continueButtonId}\n          appearance=\"primary\"\n          size=\"medium\"\n          onClick={onContinue}\n        >\n          Continue\n        </Button>\n      </Flex>\n    </Flex>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAYO,MAAM,UAA+C,CAAC;AAAA,EAC3D,UAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,KAAM;AACJ,EAAA,4BACG,IAAA,EAAA,EAAK,SAAA,EAAU,UAAS,SAAA,EAAW,MAAA,CAAO,cAAc,CAAA,EACvD,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,SAAS,CAAA,EAC/B,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,cAAc,CAAA,EAAG,CAAA,EAC1C,CAAA;AAAA,oBACA,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,QAAA;AAAA,QACV,UAAA,EAAW,QAAA;AAAA,QACX,KAAA,EAAO;AAAA,UACL,aAAA,EAAe,eAAA;AAAA,UACf,YAAA,EAAc;AAAA,SAChB;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,IAAA,EAAA,EAAK,WAAU,QAAA,EACd,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,QAAK,OAAA,EAAQ,UAAA,EAAW,MAAK,OAAA,EAAQ,EAAA,EAAG,MACtC,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,4BACA,GAAA,CAAC,QAAK,OAAA,EAAQ,UAAA,EAAW,MAAK,OAAA,EAAQ,EAAA,EAAG,MACtC,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,4BACA,GAAA,CAAC,QAAK,QAAA,EAAA,4OAAA,EAKN,CAAA;AAAA,gCACC,IAAA,EAAA,EAAG,CAAA;AAAA,4BACJ,GAAA,CAAC,QAAK,QAAA,EAAA,8HAAA,EAGN,CAAA;AAAA,gCAEC,IAAA,EAAA,EAAG,CAAA;AAAA,4BACJ,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAa,QAAA,EAAA,oBAAA,EAAuB,CAAA;AAAA,gCACnD,IAAA,EAAA,EAAG;AAAA,WAAA,EACN,CAAA;AAAA,0BACA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAI,gBAAA;AAAA,cACJ,UAAA,EAAW,SAAA;AAAA,cACX,IAAA,EAAK,QAAA;AAAA,cACL,OAAA,EAAS,UAAA;AAAA,cACV,QAAA,EAAA;AAAA;AAAA;AAED;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;"}