@servicetitan/anvil2-ext-atlas 0.0.14 → 0.1.0

package/dist/recommendations.d.ts

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

package/dist/recommendations.js

@@ -0,0 +1,2 @@
+export { C as ConfirmationCard, M as MultipleRecommendationCard, S as SingleRecommendationCard } from './single-recommendation-card-G78KiWnb.js';
+//# sourceMappingURL=recommendations.js.map

package/dist/recommendations.js.map

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

package/dist/screens.d.ts

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

package/dist/screens.js

@@ -0,0 +1,2 @@
+export { W as Welcome } from './welcome-BY6k2z0K.js';
+//# sourceMappingURL=screens.js.map

package/dist/screens.js.map

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

package/dist/single-recommendation-card-G78KiWnb.js

@@ -0,0 +1,199 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo, useState } from 'react';
+import { Flex, Text, Card, Button, Link, Checkbox, Overflow, RadioGroup, Radio } from '@servicetitan/anvil2';
+import { A as AtlasHeader } from './atlas-header-jdAIcEpa.js';
+
+const ConfirmationCard = ({
+  recommendationId,
+  actions,
+  message,
+  onSubmit,
+  description,
+  className,
+  submitted
+}) => {
+  const { buttonActions, linkActions } = useMemo(() => {
+    const buttons = [];
+    const links = [];
+    actions.forEach((action) => {
+      if (action.type?.toLowerCase() === "link") {
+        links.push(action);
+      } else {
+        buttons.push(action);
+      }
+    });
+    return { buttonActions: buttons, linkActions: links };
+  }, [actions]);
+  const handleSubmit = (action) => {
+    onSubmit({
+      sourceMessageId: recommendationId,
+      optionIds: [],
+      actionId: action.id,
+      parameters: {
+        url: action.url
+      }
+    });
+  };
+  return /* @__PURE__ */ jsxs(Flex, { direction: "column", className, children: [
+    /* @__PURE__ */ jsx(AtlasHeader, {}),
+    /* @__PURE__ */ jsx(Text, { size: "medium", children: message }),
+    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 3, children: [
+      description && /* @__PURE__ */ jsx(Text, { size: "small", children: description }),
+      /* @__PURE__ */ jsxs(Flex, { alignItems: "flex-start", gap: 1, children: [
+        buttonActions.map((action) => /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "medium",
+            appearance: action.type?.toLowerCase() ?? "primary",
+            onClick: () => handleSubmit(action),
+            disabled: submitted,
+            children: action.name
+          },
+          action.id
+        )),
+        linkActions.map((action) => /* @__PURE__ */ jsx(
+          Link,
+          {
+            quiet: true,
+            appearance: "primary",
+            onClick: () => handleSubmit(action),
+            children: action.name
+          },
+          action.id
+        ))
+      ] })
+    ] }) })
+  ] });
+};
+
+const MultipleRecommendationCard = ({
+  recommendationId,
+  message,
+  options,
+  actions,
+  onSubmit,
+  submitted,
+  selected
+}) => {
+  const [localSelectedValues, setLocalSelectedValues] = useState([]);
+  const handleCheckboxChange = (value, checked) => {
+    if (checked) {
+      setLocalSelectedValues((prev) => [...prev, value]);
+    } else {
+      setLocalSelectedValues((prev) => prev.filter((v) => v !== value));
+    }
+  };
+  const handleSubmit = (id) => {
+    onSubmit({
+      sourceMessageId: recommendationId,
+      optionIds: localSelectedValues,
+      actionId: id
+    });
+  };
+  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: [
+      options?.map((option) => /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          disabled: submitted,
+          name: "action",
+          value: option.id,
+          checked: !submitted ? localSelectedValues.includes(option.id ?? "") : selected?.includes(option.id),
+          onChange: (e) => handleCheckboxChange(
+            option.id ?? "",
+            e?.target?.checked ?? false
+          ),
+          label: option.label,
+          description: option.description ? /* @__PURE__ */ jsx(
+            Overflow.Text,
+            {
+              rows: 2,
+              expandable: true,
+              expandText: "Show more...",
+              collapseText: "Show less...",
+              children: option.description && /* @__PURE__ */ jsx(Text, { subdued: true, size: "small", children: option.description })
+            }
+          ) : void 0
+        },
+        option.id
+      )),
+      /* @__PURE__ */ jsx(Flex, { justifyContent: "flex-start", gap: 2, children: actions?.map((action) => /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "medium",
+          appearance: action.type?.toLowerCase() ?? "primary",
+          onClick: () => handleSubmit(action.id),
+          disabled: submitted,
+          children: action.name
+        },
+        action.id
+      )) })
+    ] }) })
+  ] });
+};
+
+const SingleRecommendationCard = ({
+  recommendationId,
+  message,
+  options,
+  actions,
+  onSubmit,
+  submitted = false,
+  selected
+}) => {
+  const [localSelectedValue, setLocalSelectedValue] = useState("");
+  const handleRadioChange = (value) => {
+    setLocalSelectedValue(value);
+  };
+  const handleSubmit = (id) => {
+    onSubmit({
+      sourceMessageId: recommendationId,
+      optionIds: localSelectedValue ? [localSelectedValue] : [],
+      actionId: id
+    });
+  };
+  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, { children: options?.map((option) => /* @__PURE__ */ jsx(
+        Radio,
+        {
+          disabled: submitted,
+          name: "action",
+          value: option.id,
+          checked: !submitted ? localSelectedValue === option.id : selected?.includes(option.id ?? ""),
+          onChange: () => handleRadioChange(option.id),
+          label: option.label,
+          description: option.description ? /* @__PURE__ */ jsx(
+            Overflow.Text,
+            {
+              rows: 2,
+              expandable: true,
+              expandText: "Show more...",
+              collapseText: "Show less...",
+              children: option.description && /* @__PURE__ */ jsx(Text, { subdued: true, size: "small", children: option.description })
+            }
+          ) : void 0
+        },
+        option.id
+      )) }),
+      /* @__PURE__ */ jsx(Flex, { justifyContent: "flex-start", gap: 2, children: actions?.map((action) => /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "medium",
+          appearance: action.type?.toLowerCase() ?? "primary",
+          onClick: () => handleSubmit(action.id),
+          disabled: submitted || !localSelectedValue,
+          children: action.name
+        },
+        action.id
+      )) })
+    ] }) })
+  ] });
+};
+
+export { ConfirmationCard as C, MultipleRecommendationCard as M, SingleRecommendationCard as S };
+//# sourceMappingURL=single-recommendation-card-G78KiWnb.js.map

package/dist/single-recommendation-card-G78KiWnb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"single-recommendation-card-G78KiWnb.js","sources":["../src/components/recommendations/confirmation-card/confirmation-card.tsx","../src/components/recommendations/multiple-recommendation-card/multiple-recommendation-card.tsx","../src/components/recommendations/single-recommendation-card/single-recommendation-card.tsx"],"sourcesContent":["import { FC, useMemo } from \"react\";\nimport {\n  Button,\n  ButtonAppearance,\n  Card,\n  Flex,\n  Link,\n  Text,\n} from \"@servicetitan/anvil2\";\n\nimport {\n  BaseRecommendationProps,\n  ConfirmationResponse,\n  RecommendationAction,\n} from \"../shared-interfaces\";\nimport { AtlasHeader } from \"../../atlas-header\";\n\nexport interface ConfirmationRecommendationProps extends BaseRecommendationProps {\n  recommendationId?: string;\n  message: string;\n  description?: string;\n  onSubmit: (confirmationResponse: ConfirmationResponse) => void;\n  className?: string;\n}\n\nexport const ConfirmationCard: FC<ConfirmationRecommendationProps> = ({\n  recommendationId,\n  actions,\n  message,\n  onSubmit,\n  description,\n  className,\n  submitted,\n}) => {\n  const { buttonActions, linkActions } = useMemo(() => {\n    const buttons: RecommendationAction[] = [];\n    const links: RecommendationAction[] = [];\n\n    actions.forEach((action) => {\n      if (action.type?.toLowerCase() === \"link\") {\n        links.push(action);\n      } else {\n        buttons.push(action);\n      }\n    });\n\n    return { buttonActions: buttons, linkActions: links };\n  }, [actions]);\n\n  const handleSubmit = (action: RecommendationAction) => {\n    onSubmit({\n      sourceMessageId: recommendationId,\n      optionIds: [],\n      actionId: action.id,\n      parameters: {\n        url: action.url,\n      },\n    });\n  };\n\n  return (\n    <Flex direction=\"column\" className={className}>\n      <AtlasHeader />\n      <Text size=\"medium\">{message}</Text>\n      <Card>\n        <Flex direction=\"column\" gap={3}>\n          {description && <Text size=\"small\">{description}</Text>}\n          <Flex alignItems=\"flex-start\" gap={1}>\n            {buttonActions.map((action) => (\n              <Button\n                size=\"medium\"\n                key={action.id}\n                appearance={\n                  (action.type?.toLowerCase() as ButtonAppearance) ?? \"primary\"\n                }\n                onClick={() => handleSubmit(action)}\n                disabled={submitted}\n              >\n                {action.name}\n              </Button>\n            ))}\n            {linkActions.map((action) => (\n              <Link\n                quiet\n                appearance=\"primary\"\n                key={action.id}\n                onClick={() => handleSubmit(action)}\n              >\n                {action.name}\n              </Link>\n            ))}\n          </Flex>\n        </Flex>\n      </Card>\n    </Flex>\n  );\n};\n","import { FC, useState } from \"react\";\nimport {\n  Button,\n  ButtonAppearance,\n  Card,\n  Checkbox,\n  Flex,\n  Overflow,\n  Text,\n} from \"@servicetitan/anvil2\";\n\nimport { BaseRecommendationProps, Options } from \"../shared-interfaces\";\nimport { AtlasHeader } from \"../../atlas-header\";\ninterface MultipleRecommendationProps extends BaseRecommendationProps {\n  options: Options[];\n}\n\nexport const MultipleRecommendationCard: FC<MultipleRecommendationProps> = ({\n  recommendationId,\n  message,\n  options,\n  actions,\n  onSubmit,\n  submitted,\n  selected,\n}) => {\n  const [localSelectedValues, setLocalSelectedValues] = useState<string[]>([]);\n\n  const handleCheckboxChange = (value: string, checked: boolean) => {\n    if (checked) {\n      setLocalSelectedValues((prev) => [...prev, value]);\n    } else {\n      setLocalSelectedValues((prev) => prev.filter((v) => v !== value));\n    }\n  };\n\n  const handleSubmit = (id: string) => {\n    onSubmit({\n      sourceMessageId: recommendationId,\n      optionIds: localSelectedValues,\n      actionId: id,\n    });\n  };\n\n  return (\n    <Flex direction=\"column\">\n      <AtlasHeader />\n      <Text size=\"medium\">{message}</Text>\n      <Card>\n        <Flex direction=\"column\" gap={2}>\n          {options?.map((option) => (\n            <Checkbox\n              disabled={submitted}\n              name=\"action\"\n              key={option.id}\n              value={option.id}\n              checked={\n                !submitted\n                  ? localSelectedValues.includes(option.id ?? \"\")\n                  : selected?.includes(option.id)\n              }\n              onChange={(e) =>\n                handleCheckboxChange(\n                  option.id ?? \"\",\n                  e?.target?.checked ?? false,\n                )\n              }\n              label={option.label}\n              description={\n                option.description ? (\n                  <Overflow.Text\n                    rows={2}\n                    expandable\n                    expandText=\"Show more...\"\n                    collapseText=\"Show less...\"\n                  >\n                    {option.description && (\n                      <Text subdued size=\"small\">\n                        {option.description}\n                      </Text>\n                    )}\n                  </Overflow.Text>\n                ) : undefined\n              }\n            />\n          ))}\n          <Flex justifyContent=\"flex-start\" gap={2}>\n            {actions?.map((action) => (\n              <Button\n                size=\"medium\"\n                key={action.id}\n                appearance={\n                  (action.type?.toLowerCase() as ButtonAppearance) ?? \"primary\"\n                }\n                onClick={() => handleSubmit(action.id!)}\n                disabled={submitted}\n              >\n                {action.name}\n              </Button>\n            ))}\n          </Flex>\n        </Flex>\n      </Card>\n    </Flex>\n  );\n};\n","import { FC, useState } from \"react\";\nimport {\n  Button,\n  ButtonAppearance,\n  Card,\n  Flex,\n  Overflow,\n  Radio,\n  RadioGroup,\n  Text,\n} from \"@servicetitan/anvil2\";\n\nimport { BaseRecommendationProps, Options } from \"../shared-interfaces\";\nimport { AtlasHeader } from \"../../atlas-header\";\ninterface SingleRecommendationProps extends BaseRecommendationProps {\n  options: Options[];\n}\n\nexport const SingleRecommendationCard: FC<SingleRecommendationProps> = ({\n  recommendationId,\n  message,\n  options,\n  actions,\n  onSubmit,\n  submitted = false,\n  selected,\n}) => {\n  const [localSelectedValue, setLocalSelectedValue] = useState<string>(\"\");\n\n  const handleRadioChange = (value: string) => {\n    setLocalSelectedValue(value);\n  };\n\n  const handleSubmit = (id: string) => {\n    onSubmit({\n      sourceMessageId: recommendationId,\n      optionIds: localSelectedValue ? [localSelectedValue] : [],\n      actionId: id,\n    });\n  };\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            {options?.map((option) => (\n              <Radio\n                disabled={submitted}\n                key={option.id}\n                name=\"action\"\n                value={option.id}\n                checked={\n                  !submitted\n                    ? localSelectedValue === option.id\n                    : selected?.includes(option.id ?? \"\")\n                }\n                onChange={() => handleRadioChange(option.id!)}\n                label={option.label}\n                description={\n                  option.description ? (\n                    <Overflow.Text\n                      rows={2}\n                      expandable\n                      expandText=\"Show more...\"\n                      collapseText=\"Show less...\"\n                    >\n                      {option.description && (\n                        <Text subdued size=\"small\">\n                          {option.description}\n                        </Text>\n                      )}\n                    </Overflow.Text>\n                  ) : undefined\n                }\n              />\n            ))}\n          </RadioGroup>\n          <Flex justifyContent=\"flex-start\" gap={2}>\n            {actions?.map((action) => (\n              <Button\n                size=\"medium\"\n                key={action.id}\n                appearance={\n                  (action.type?.toLowerCase() as ButtonAppearance) ?? \"primary\"\n                }\n                onClick={() => handleSubmit(action.id!)}\n                disabled={submitted || !localSelectedValue}\n              >\n                {action.name}\n              </Button>\n            ))}\n          </Flex>\n        </Flex>\n      </Card>\n    </Flex>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/spinner-QnlThoJs.js

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import { Flex } from '@servicetitan/anvil2';
+
+import './spinner.css';const loader = "_loader_yk7zm_1";
+const styles = {
+	loader: loader};
+
+const Spinner = () => {
+  return /* @__PURE__ */ jsx(
+    Flex,
+    {
+      role: "status",
+      "aria-label": "Loading content",
+      alignItems: "center",
+      justifyContent: "center",
+      grow: 1,
+      children: /* @__PURE__ */ jsx("span", { className: styles["loader"] })
+    }
+  );
+};
+
+export { Spinner as S };
+//# sourceMappingURL=spinner-QnlThoJs.js.map

package/dist/spinner-QnlThoJs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-QnlThoJs.js","sources":["../src/components/spinner/spinner.tsx"],"sourcesContent":["import { Flex } from \"@servicetitan/anvil2\";\n\nimport styles from \"./spinner.module.scss\";\n\nexport const Spinner = () => {\n  return (\n    <Flex\n      role=\"status\"\n      aria-label=\"Loading content\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      grow={1}\n    >\n      <span className={styles[\"loader\"]} />\n    </Flex>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAIO,MAAM,UAAU,MAAM;AAC3B,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,YAAA,EAAW,iBAAA;AAAA,MACX,UAAA,EAAW,QAAA;AAAA,MACX,cAAA,EAAe,QAAA;AAAA,MACf,IAAA,EAAM,CAAA;AAAA,MAEN,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,QAAQ,CAAA,EAAG;AAAA;AAAA,GACrC;AAEJ;;;;"}

package/dist/spinner.css

@@ -0,0 +1,21 @@
+@layer starter, reset, base, state, application;
+
+._loader_yk7zm_1 {
+  width: 48px;
+  height: 48px;
+  border: 5px solid var(--color-cyan-400);
+  border-bottom-color: transparent;
+  border-radius: var(--border-radius-circular);
+  display: inline-block;
+  box-sizing: border-box;
+  animation: _rotation_yk7zm_1 1s linear infinite;
+}
+
+@keyframes _rotation_yk7zm_1 {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

package/dist/spinner.d.ts

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

package/dist/spinner.js

@@ -0,0 +1,2 @@
+export { S as Spinner } from './spinner-QnlThoJs.js';
+//# sourceMappingURL=spinner.js.map

package/dist/spinner.js.map

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

package/dist/suggestion-pJLJZyjg.js

@@ -0,0 +1,33 @@
+import { jsx } from 'react/jsx-runtime';
+import { ButtonCompound, Card, Text, Flex } from '@servicetitan/anvil2';
+
+const Suggestion = ({ text, onClick }) => {
+  return /* @__PURE__ */ jsx(ButtonCompound, { onClick: () => onClick(text), children: /* @__PURE__ */ jsx(Card, { padding: "small", children: /* @__PURE__ */ jsx(Text, { variant: "body", size: "small", children: text }) }) });
+};
+const SuggestionList = ({ suggestions, onSelect }) => {
+  if (suggestions?.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    Flex,
+    {
+      gap: 1,
+      style: {
+        flexWrap: "wrap",
+        paddingInline: "var(--size-4)",
+        paddingBlockStart: "var(--size-1)"
+      },
+      children: suggestions.map((suggestion) => /* @__PURE__ */ jsx(
+        Suggestion,
+        {
+          text: suggestion,
+          onClick: () => onSelect(suggestion)
+        },
+        suggestion
+      ))
+    }
+  );
+};
+
+export { Suggestion as S, SuggestionList as a };
+//# sourceMappingURL=suggestion-pJLJZyjg.js.map

package/dist/suggestion-pJLJZyjg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestion-pJLJZyjg.js","sources":["../src/components/suggestion/suggestion.tsx"],"sourcesContent":["import { FC } from \"react\";\nimport { ButtonCompound, Card, Flex, Text } from \"@servicetitan/anvil2\";\n\ninterface SuggestionProps {\n  text: string;\n  onClick: (suggestion: string) => void;\n}\n\nexport const Suggestion: FC<SuggestionProps> = ({ text, onClick }) => {\n  return (\n    <ButtonCompound onClick={() => onClick(text)}>\n      <Card padding=\"small\">\n        <Text variant=\"body\" size=\"small\">\n          {text}\n        </Text>\n      </Card>\n    </ButtonCompound>\n  );\n};\n\nexport const SuggestionList: FC<{\n  suggestions: string[];\n  onSelect: (text: string) => void;\n}> = ({ suggestions, onSelect }) => {\n  if (suggestions?.length === 0) {\n    return null;\n  }\n\n  return (\n    <Flex\n      gap={1}\n      style={{\n        flexWrap: \"wrap\",\n        paddingInline: \"var(--size-4)\",\n        paddingBlockStart: \"var(--size-1)\",\n      }}\n    >\n      {suggestions.map((suggestion) => (\n        <Suggestion\n          key={suggestion}\n          text={suggestion}\n          onClick={() => onSelect(suggestion)}\n        />\n      ))}\n    </Flex>\n  );\n};\n"],"names":[],"mappings":";;;AAQO,MAAM,UAAA,GAAkC,CAAC,EAAE,IAAA,EAAM,SAAQ,KAAM;AACpE,EAAA,2BACG,cAAA,EAAA,EAAe,OAAA,EAAS,MAAM,OAAA,CAAQ,IAAI,GACzC,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAQ,OAAA,EACZ,QAAA,kBAAA,GAAA,CAAC,QAAK,OAAA,EAAQ,MAAA,EAAO,MAAK,OAAA,EACvB,QAAA,EAAA,IAAA,EACH,GACF,CAAA,EACF,CAAA;AAEJ;AAEO,MAAM,cAAA,GAGR,CAAC,EAAE,WAAA,EAAa,UAAS,KAAM;AAClC,EAAA,IAAI,WAAA,EAAa,WAAW,CAAA,EAAG;AAC7B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,CAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,QAAA,EAAU,MAAA;AAAA,QACV,aAAA,EAAe,eAAA;AAAA,QACf,iBAAA,EAAmB;AAAA,OACrB;AAAA,MAEC,QAAA,EAAA,WAAA,CAAY,GAAA,CAAI,CAAC,UAAA,qBAChB,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UAEC,IAAA,EAAM,UAAA;AAAA,UACN,OAAA,EAAS,MAAM,QAAA,CAAS,UAAU;AAAA,SAAA;AAAA,QAF7B;AAAA,OAIR;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/suggestion.d.ts

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

package/dist/suggestion.js

@@ -0,0 +1,2 @@
+export { S as Suggestion, a as SuggestionList } from './suggestion-pJLJZyjg.js';
+//# sourceMappingURL=suggestion.js.map

package/dist/suggestion.js.map

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

package/dist/toolbox-B-mWIaVL.js

@@ -0,0 +1,272 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useState, useCallback } from 'react';
+import { Flex, Tooltip, Button, Text } from '@servicetitan/anvil2';
+
+const 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" }));
+
+const 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" }));
+
+const 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" }));
+
+const 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" }));
+
+const 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" }));
+
+const 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" }));
+
+const 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" }));
+
+const 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" }));
+
+const 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" }));
+
+const 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" }));
+
+const 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" }));
+
+var UserFeedback = /* @__PURE__ */ ((UserFeedback2) => {
+  UserFeedback2["None"] = "None";
+  UserFeedback2["Positive"] = "Positive";
+  UserFeedback2["Negative"] = "Negative";
+  return UserFeedback2;
+})(UserFeedback || {});
+
+const copy = {
+  icons: {
+    [0 /* None */]: SvgContentCopy,
+    [1 /* Loading */]: SvgContentCopy,
+    [2 /* Success */]: SvgCheck,
+    [3 /* Error */]: SvgError
+  },
+  tooltips: {
+    [0 /* None */]: "Copy response",
+    [1 /* Loading */]: "Copying...",
+    [2 /* Success */]: "Response copied",
+    [3 /* Error */]: "Copy failed"
+  }
+};
+const play = {
+  icons: {
+    [0 /* None */]: SvgVolumeDown,
+    [1 /* Loading */]: SvgVolumeDown,
+    [2 /* Success */]: SvgStopCircle,
+    [3 /* Error */]: SvgError
+  },
+  tooltips: {
+    [0 /* None */]: "Play response",
+    [1 /* Loading */]: "Starting playback...",
+    [2 /* Success */]: "Stop playing",
+    [3 /* Error */]: "Error playing response"
+  }
+};
+const retry = {
+  icons: {
+    [0 /* None */]: SvgRefresh,
+    [1 /* Loading */]: SvgRefresh,
+    [2 /* Success */]: SvgRefresh,
+    [3 /* Error */]: SvgRefresh
+  },
+  tooltips: {
+    [0 /* None */]: "Retry response",
+    [1 /* Loading */]: "Retrying...",
+    [2 /* Success */]: "Retry successful",
+    [3 /* Error */]: "Retry failed"
+  }
+};
+const flag = {
+  icons: {
+    [0 /* None */]: SvgOutlinedFlag,
+    [1 /* Loading */]: SvgOutlinedFlag,
+    [2 /* Success */]: SvgOutlinedFlag,
+    [3 /* Error */]: SvgOutlinedFlag
+  },
+  tooltips: {
+    [0 /* None */]: "Flag response",
+    [1 /* Loading */]: "Flagging...",
+    [2 /* Success */]: "Flagged successfully",
+    [3 /* Error */]: "Flag failed"
+  }
+};
+const Toolbox = ({
+  text,
+  onRetry,
+  onLike,
+  onDislike,
+  onFlag,
+  onPlay,
+  currentFeedback
+}) => {
+  const [isCopied, setIsCopied] = useState(0 /* None */);
+  const [isSpeaking, setIsSpeaking] = useState(0 /* None */);
+  const [isRetrying, setIsRetrying] = useState(0 /* None */);
+  const [isFlagging, setIsFlagging] = useState(0 /* None */);
+  const handleCopy = useCallback(async () => {
+    if (!text) {
+      return;
+    }
+    try {
+      setIsCopied(1 /* Loading */);
+      await window.navigator.clipboard.writeText(text);
+      setIsCopied(2 /* Success */);
+    } catch {
+      setIsCopied(3 /* Error */);
+    } finally {
+      setTimeout(() => {
+        setIsCopied(0 /* None */);
+      }, 3e3);
+    }
+  }, [text]);
+  const handlePlay = useCallback(async () => {
+    if (!onPlay) {
+      return;
+    }
+    try {
+      setIsSpeaking(1 /* Loading */);
+      await onPlay();
+      setIsSpeaking(2 /* Success */);
+      setTimeout(() => {
+        setIsSpeaking(0 /* None */);
+      }, 1e3);
+    } catch {
+      setIsSpeaking(3 /* Error */);
+      setTimeout(() => {
+        setIsSpeaking(0 /* None */);
+      }, 3e3);
+    }
+  }, [onPlay]);
+  const handleRetry = useCallback(async () => {
+    if (!onRetry) {
+      return;
+    }
+    try {
+      setIsRetrying(1 /* Loading */);
+      await onRetry();
+      setIsRetrying(2 /* Success */);
+    } catch {
+      setIsRetrying(3 /* Error */);
+    }
+  }, [onRetry]);
+  const handleLike = useCallback(async () => {
+    if (!onLike) {
+      return;
+    }
+    try {
+      await onLike();
+    } catch {
+    }
+  }, [onLike]);
+  const handleDislike = useCallback(async () => {
+    if (!onDislike) {
+      return;
+    }
+    try {
+      await onDislike();
+    } catch {
+    }
+  }, [onDislike]);
+  const handleFlag = useCallback(async () => {
+    if (!onFlag) {
+      return;
+    }
+    try {
+      setIsFlagging(1 /* Loading */);
+      await onFlag();
+      setIsFlagging(2 /* Success */);
+      setTimeout(() => {
+        setIsFlagging(0 /* None */);
+      }, 3e3);
+    } catch {
+      setIsFlagging(3 /* Error */);
+      setTimeout(() => {
+        setIsFlagging(0 /* None */);
+      }, 3e3);
+    }
+  }, [onFlag]);
+  return /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+    /* @__PURE__ */ jsxs(Flex, { children: [
+      /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(Tooltip.Trigger, { children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            icon: copy.icons[isCopied],
+            size: "small",
+            appearance: "ghost",
+            onClick: handleCopy,
+            disabled: !text
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Tooltip.Content, { children: copy.tooltips[isCopied] })
+      ] }),
+      onPlay && /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(Tooltip.Trigger, { children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "small",
+            appearance: "ghost",
+            icon: play.icons[isSpeaking],
+            onClick: handlePlay,
+            disabled: !onPlay
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Tooltip.Content, { children: play.tooltips[isSpeaking] })
+      ] }),
+      onRetry && /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(Tooltip.Trigger, { children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            icon: retry.icons[isRetrying],
+            size: "small",
+            appearance: "ghost",
+            onClick: handleRetry,
+            disabled: !onRetry
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Tooltip.Content, { children: retry.tooltips[isRetrying] })
+      ] }),
+      currentFeedback !== UserFeedback.Negative && /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(Tooltip.Trigger, { children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            icon: currentFeedback === UserFeedback.Positive ? SvgResponseLiked : SvgResponseLike,
+            size: "small",
+            appearance: "ghost",
+            onClick: handleLike,
+            disabled: !onLike
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Tooltip.Content, { children: currentFeedback === UserFeedback.Positive ? "Remove like" : "Like response" })
+      ] }),
+      currentFeedback !== UserFeedback.Positive && /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(Tooltip.Trigger, { children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            icon: currentFeedback === UserFeedback.Negative ? SvgResponseDisliked : SvgResponseDislike,
+            size: "small",
+            appearance: "ghost",
+            onClick: handleDislike,
+            disabled: !onDislike
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Tooltip.Content, { children: currentFeedback === UserFeedback.Negative ? "Remove dislike" : "Dislike response" })
+      ] }),
+      onFlag && /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(Tooltip.Trigger, { children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            icon: flag.icons[isFlagging],
+            size: "small",
+            appearance: "ghost",
+            onClick: handleFlag,
+            disabled: !onFlag
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Tooltip.Content, { children: flag.tooltips[isFlagging] })
+      ] })
+    ] }),
+    currentFeedback !== UserFeedback.None && /* @__PURE__ */ jsx(Text, { subdued: true, size: "small", children: "Thank you for your feedback!" })
+  ] });
+};
+
+export { SvgRefresh as S, Toolbox as T, UserFeedback as U };
+//# sourceMappingURL=toolbox-B-mWIaVL.js.map