@servicetitan/anvil2-ext-atlas 0.0.14 → 0.1.0

package/dist/index.js

@@ -1,2 +1,17 @@
-export { D as DummyComponent } from './DummyComponent-ac_BQfhC.js';
+export { A as AtlasHeader } from './atlas-header-jdAIcEpa.js';
+export { C as ChatWindow } from './chat-window-BEkLTYNg.js';
+export { C as ChatComposerRich } from './chat-composer-rich-BM5hoC1f.js';
+export { C as Content } from './content-acT_RzNQ.js';
+export { F as Footer } from './footer-DezXey1O.js';
+export { H as Header } from './header-DgkrbsFN.js';
+export { I as InfiniteContent } from './infinite-content-B4ojfnZH.js';
+export { L as Loader } from './loader-DYmcO1Y_.js';
+export { M as MarkdownText } from './markdown-text-CKN0oo8R.js';
+export { A as AssistantMessage, M as MarkdownMessage, S as SmallAction, a as SystemMessage, T as Thinking, U as UserMessage } from './user-message-DCOP95qA.js';
+export { N as NotificationCard } from './notification-card-B38ZC7k4.js';
+export { C as ConfirmationCard, M as MultipleRecommendationCard, S as SingleRecommendationCard } from './single-recommendation-card-G78KiWnb.js';
+export { W as Welcome } from './welcome-BY6k2z0K.js';
+export { S as Spinner } from './spinner-QnlThoJs.js';
+export { S as Suggestion, a as SuggestionList } from './suggestion-pJLJZyjg.js';
+export { T as Toolbox, U as UserFeedback } from './toolbox-B-mWIaVL.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/infinite-content-B4ojfnZH.js

@@ -0,0 +1,144 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef, useCallback, useEffect, Fragment } from 'react';
+import { c as classNames } from './index-DDXI3m_u.js';
+import { Flex } from '@servicetitan/anvil2';
+import { S as Spinner } from './spinner-QnlThoJs.js';
+
+import './infinite-content.css';const useInfiniteScroll = ({
+  hasMore,
+  isLoading,
+  onLoadMore,
+  rootMargin = "100px",
+  threshold = 0.1
+}) => {
+  const sentinelRef = useRef(null);
+  const handleIntersection = useCallback(
+    (entries) => {
+      const [entry] = entries;
+      if (entry.isIntersecting && hasMore && !isLoading) {
+        onLoadMore();
+      }
+    },
+    [hasMore, isLoading, onLoadMore]
+  );
+  useEffect(() => {
+    const sentinel = sentinelRef.current;
+    if (!sentinel) {
+      return;
+    }
+    const observer = new IntersectionObserver(handleIntersection, {
+      rootMargin,
+      threshold
+    });
+    observer.observe(sentinel);
+    return () => {
+      observer.unobserve(sentinel);
+      observer.disconnect();
+    };
+  }, [handleIntersection, rootMargin, threshold]);
+  return {
+    sentinelRef
+  };
+};
+
+const useScrollCallback = ({
+  onScrollDown,
+  onScrollTop,
+  threshold = 50,
+  element
+} = {}) => {
+  const lastScrollTop = useRef(0);
+  const hasTriggeredScrollDown = useRef(false);
+  const handleScroll = useCallback(() => {
+    const scrollTop = element ? element.scrollTop : window.scrollY || document.documentElement.scrollTop;
+    if (scrollTop >= threshold && !hasTriggeredScrollDown.current) {
+      hasTriggeredScrollDown.current = true;
+      onScrollDown?.();
+    }
+    if (scrollTop === 0 && hasTriggeredScrollDown.current) {
+      hasTriggeredScrollDown.current = false;
+      onScrollTop?.();
+    }
+    lastScrollTop.current = scrollTop;
+  }, [onScrollDown, onScrollTop, threshold, element]);
+  useEffect(() => {
+    if (!element) {
+      return;
+    }
+    const targetElement = element;
+    targetElement.addEventListener("scroll", handleScroll, { passive: true });
+    return () => {
+      targetElement.removeEventListener("scroll", handleScroll);
+    };
+  }, [handleScroll, element]);
+  return {
+    lastScrollTop: lastScrollTop.current,
+    hasTriggeredScrollDown: hasTriggeredScrollDown.current
+  };
+};
+
+const sentinel = "_sentinel_10sf8_19";
+const styles = {
+	"infinite-content": "_infinite-content_10sf8_1",
+	"loading-more": "_loading-more_10sf8_11",
+	sentinel: sentinel
+};
+
+const InfiniteContent = ({
+  children,
+  loading = false,
+  className,
+  hasMore = false,
+  onLoadMore = () => {
+  },
+  loadingMore = false,
+  rootMargin = "200px",
+  threshold = 0.1,
+  renderLoadingMore,
+  renderEndMessage,
+  onScrollDown,
+  onScrollTop,
+  scrollThreshold = 50,
+  scrollContainerRef
+}) => {
+  const containerRef = useRef(null);
+  const { sentinelRef } = useInfiniteScroll({
+    hasMore,
+    isLoading: loadingMore,
+    onLoadMore: () => {
+      onLoadMore();
+    },
+    rootMargin,
+    threshold
+  });
+  useScrollCallback({
+    onScrollDown,
+    onScrollTop,
+    threshold: scrollThreshold,
+    element: scrollContainerRef?.current ?? containerRef.current
+  });
+  const showInitialLoading = loading && (!children || Array.isArray(children) && children.length === 0);
+  return /* @__PURE__ */ jsx(
+    Flex,
+    {
+      ref: containerRef,
+      className: classNames(styles["infinite-content"], className),
+      children: showInitialLoading ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        children,
+        loadingMore && hasMore && /* @__PURE__ */ jsx("div", { className: styles["loading-more"], children: renderLoadingMore ? renderLoadingMore() : /* @__PURE__ */ jsx(Spinner, {}) }),
+        hasMore && /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: sentinelRef,
+            className: styles["sentinel"],
+            "aria-hidden": "true"
+          }
+        ),
+        !hasMore && children && /* @__PURE__ */ jsx("div", { children: renderEndMessage ? renderEndMessage() : null })
+      ] })
+    }
+  );
+};
+
+export { InfiniteContent as I };
+//# sourceMappingURL=infinite-content-B4ojfnZH.js.map

package/dist/infinite-content-B4ojfnZH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"infinite-content-B4ojfnZH.js","sources":["../src/components/infinite-content/hooks/use-infinite-scroll.ts","../src/components/infinite-content/hooks/use-scroll-callback.ts","../src/components/infinite-content/infinite-content.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\n\ninterface UseInfiniteScrollOptions {\n  hasMore: boolean;\n  isLoading: boolean;\n  onLoadMore: () => void;\n  rootMargin?: string;\n  threshold?: number;\n}\n\nexport const useInfiniteScroll = ({\n  hasMore,\n  isLoading,\n  onLoadMore,\n  rootMargin = \"100px\",\n  threshold = 0.1,\n}: UseInfiniteScrollOptions) => {\n  const sentinelRef = useRef<HTMLDivElement>(null);\n\n  const handleIntersection = useCallback(\n    (entries: IntersectionObserverEntry[]) => {\n      const [entry] = entries;\n\n      if (entry.isIntersecting && hasMore && !isLoading) {\n        onLoadMore();\n      }\n    },\n    [hasMore, isLoading, onLoadMore],\n  );\n\n  useEffect(() => {\n    const sentinel = sentinelRef.current;\n    if (!sentinel) {\n      return;\n    }\n\n    const observer = new IntersectionObserver(handleIntersection, {\n      rootMargin,\n      threshold,\n    });\n\n    observer.observe(sentinel);\n\n    return () => {\n      observer.unobserve(sentinel);\n      observer.disconnect();\n    };\n  }, [handleIntersection, rootMargin, threshold]);\n\n  return {\n    sentinelRef,\n  };\n};\n","import { useCallback, useEffect, useRef } from \"react\";\n\ninterface UseScrollCallbackOptions {\n  onScrollDown?: () => void;\n  onScrollTop?: () => void;\n  threshold?: number;\n  element?: HTMLElement | null;\n}\n\nexport const useScrollCallback = ({\n  onScrollDown,\n  onScrollTop,\n  threshold = 50,\n  element,\n}: UseScrollCallbackOptions = {}) => {\n  const lastScrollTop = useRef(0);\n  const hasTriggeredScrollDown = useRef(false);\n\n  const handleScroll = useCallback(() => {\n    const scrollTop = element\n      ? element.scrollTop\n      : window.scrollY || document.documentElement.scrollTop;\n\n    // Check if scrolled down past threshold\n    if (scrollTop >= threshold && !hasTriggeredScrollDown.current) {\n      hasTriggeredScrollDown.current = true;\n      onScrollDown?.();\n    }\n\n    // Check if scrolled back to top\n    if (scrollTop === 0 && hasTriggeredScrollDown.current) {\n      hasTriggeredScrollDown.current = false;\n      onScrollTop?.();\n    }\n\n    lastScrollTop.current = scrollTop;\n  }, [onScrollDown, onScrollTop, threshold, element]);\n\n  useEffect(() => {\n    if (!element) {\n      return;\n    }\n\n    const targetElement = element;\n\n    targetElement.addEventListener(\"scroll\", handleScroll, { passive: true });\n\n    return () => {\n      targetElement.removeEventListener(\"scroll\", handleScroll);\n    };\n  }, [handleScroll, element]);\n\n  return {\n    lastScrollTop: lastScrollTop.current,\n    hasTriggeredScrollDown: hasTriggeredScrollDown.current,\n  };\n};\n","import {\n  FC,\n  Fragment,\n  PropsWithChildren,\n  ReactNode,\n  RefObject,\n  useRef,\n} from \"react\";\nimport classNames from \"classnames\";\nimport { Flex } from \"@servicetitan/anvil2\";\n\nimport { Spinner } from \"../spinner\";\n\nimport { useInfiniteScroll } from \"./hooks/use-infinite-scroll\";\nimport { useScrollCallback } from \"./hooks/use-scroll-callback\";\n\nimport styles from \"./infinite-content.module.scss\";\n\nexport interface InfiniteContentProps {\n  loading?: boolean;\n  className?: string;\n  hasMore?: boolean;\n  onLoadMore?: () => void;\n  loadingMore?: boolean;\n  rootMargin?: string;\n  threshold?: number;\n  renderLoadingMore?: () => ReactNode;\n  renderEndMessage?: () => ReactNode;\n  onScrollDown?: () => void;\n  onScrollTop?: () => void;\n  scrollThreshold?: number;\n  scrollContainerRef?: RefObject<HTMLElement>;\n}\n\nexport const InfiniteContent: FC<PropsWithChildren<InfiniteContentProps>> = ({\n  children,\n  loading = false,\n  className,\n  hasMore = false,\n  onLoadMore = () => {},\n  loadingMore = false,\n  rootMargin = \"200px\",\n  threshold = 0.1,\n  renderLoadingMore,\n  renderEndMessage,\n  onScrollDown,\n  onScrollTop,\n  scrollThreshold = 50,\n  scrollContainerRef,\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const { sentinelRef } = useInfiniteScroll({\n    hasMore,\n    isLoading: loadingMore,\n    onLoadMore: () => {\n      onLoadMore();\n    },\n    rootMargin,\n    threshold,\n  });\n\n  useScrollCallback({\n    onScrollDown,\n    onScrollTop,\n    threshold: scrollThreshold,\n    element: scrollContainerRef?.current ?? containerRef.current,\n  });\n\n  // Show initial loading state only when there are no messages yet\n  const showInitialLoading =\n    loading &&\n    (!children || (Array.isArray(children) && children.length === 0));\n\n  return (\n    <Flex\n      ref={containerRef}\n      className={classNames(styles[\"infinite-content\"], className)}\n    >\n      {showInitialLoading ? (\n        <Spinner />\n      ) : (\n        <Fragment>\n          {children}\n\n          {/* Loading more indicator */}\n          {loadingMore && hasMore && (\n            <div className={styles[\"loading-more\"]}>\n              {renderLoadingMore ? renderLoadingMore() : <Spinner />}\n            </div>\n          )}\n\n          {/* Infinite scroll sentinel - invisible trigger element */}\n          {hasMore && (\n            <div\n              ref={sentinelRef}\n              className={styles[\"sentinel\"]}\n              aria-hidden=\"true\"\n            />\n          )}\n\n          {/* End of list indicator */}\n          {!hasMore && children && (\n            <div>{renderEndMessage ? renderEndMessage() : null}</div>\n          )}\n        </Fragment>\n      )}\n    </Flex>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/infinite-content.css

@@ -0,0 +1,25 @@
+@layer starter, reset, base, state, application;
+
+._infinite-content_10sf8_1 {
+  flex-grow: 1;
+  padding: var(--size-2);
+  box-sizing: border-box;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+._loading-more_10sf8_11 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: var(--size-2);
+  min-height: 60px;
+}
+
+._sentinel_10sf8_19 {
+  height: 1px;
+  margin: 10px 0;
+  visibility: hidden;
+}

package/dist/infinite-content.d.ts

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

package/dist/infinite-content.js

@@ -0,0 +1,2 @@
+export { I as InfiniteContent } from './infinite-content-B4ojfnZH.js';
+//# sourceMappingURL=infinite-content.js.map

package/dist/infinite-content.js.map

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

package/dist/loader-DYmcO1Y_.js

@@ -0,0 +1,48 @@
+import { jsx } from 'react/jsx-runtime';
+import { Flex } from '@servicetitan/anvil2';
+import { m as motion, e as easeInOut } from './proxy-B3m3ViIw.js';
+
+const dotVariants = {
+  bounce: (i) => ({
+    y: [0, -15, 0],
+    transition: {
+      duration: 1.2,
+      ease: easeInOut,
+      repeat: Infinity,
+      delay: i * 0.15
+    }
+  })
+};
+const Loader = () => {
+  return /* @__PURE__ */ jsx(
+    Flex,
+    {
+      role: "status",
+      "aria-label": "Loading message",
+      style: {
+        paddingBlockStart: "var(--size-2)",
+        marginBlockStart: "var(--size-3)"
+      },
+      "data-chromatic": "ignore",
+      children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          custom: i,
+          variants: dotVariants,
+          animate: "bounce",
+          "data-chromatic": "ignore",
+          style: {
+            width: "8px",
+            height: "8px",
+            borderRadius: "50%",
+            background: "var(--foreground-color-primary)"
+          }
+        },
+        i
+      ))
+    }
+  );
+};
+
+export { Loader as L };
+//# sourceMappingURL=loader-DYmcO1Y_.js.map

package/dist/loader-DYmcO1Y_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader-DYmcO1Y_.js","sources":["../src/components/loader/loader.tsx"],"sourcesContent":["import { FC } from \"react\";\nimport { easeInOut, motion } from \"framer-motion\";\nimport { Flex } from \"@servicetitan/anvil2\";\n\nconst dotVariants = {\n  bounce: (i: number) => ({\n    y: [0, -15, 0],\n    transition: {\n      duration: 1.2,\n      ease: easeInOut,\n      repeat: Infinity,\n      delay: i * 0.15,\n    },\n  }),\n};\n\nexport const Loader: FC = () => {\n  return (\n    <Flex\n      role=\"status\"\n      aria-label=\"Loading message\"\n      style={{\n        paddingBlockStart: \"var(--size-2)\",\n        marginBlockStart: \"var(--size-3)\",\n      }}\n      data-chromatic=\"ignore\"\n    >\n      {[0, 1, 2].map((i) => (\n        <motion.div\n          key={i}\n          custom={i}\n          variants={dotVariants}\n          animate=\"bounce\"\n          data-chromatic=\"ignore\"\n          style={{\n            width: \"8px\",\n            height: \"8px\",\n            borderRadius: \"50%\",\n            background: \"var(--foreground-color-primary)\",\n          }}\n        />\n      ))}\n    </Flex>\n  );\n};\n"],"names":[],"mappings":";;;;AAIA,MAAM,WAAA,GAAc;AAAA,EAClB,MAAA,EAAQ,CAAC,CAAA,MAAe;AAAA,IACtB,CAAA,EAAG,CAAC,CAAA,EAAG,GAAA,EAAK,CAAC,CAAA;AAAA,IACb,UAAA,EAAY;AAAA,MACV,QAAA,EAAU,GAAA;AAAA,MACV,IAAA,EAAM,SAAA;AAAA,MACN,MAAA,EAAQ,QAAA;AAAA,MACR,OAAO,CAAA,GAAI;AAAA;AACb,GACF;AACF,CAAA;AAEO,MAAM,SAAa,MAAM;AAC9B,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,YAAA,EAAW,iBAAA;AAAA,MACX,KAAA,EAAO;AAAA,QACL,iBAAA,EAAmB,eAAA;AAAA,QACnB,gBAAA,EAAkB;AAAA,OACpB;AAAA,MACA,gBAAA,EAAe,QAAA;AAAA,MAEd,WAAC,CAAA,EAAG,CAAA,EAAG,CAAC,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,qBACd,GAAA;AAAA,QAAC,MAAA,CAAO,GAAA;AAAA,QAAP;AAAA,UAEC,MAAA,EAAQ,CAAA;AAAA,UACR,QAAA,EAAU,WAAA;AAAA,UACV,OAAA,EAAQ,QAAA;AAAA,UACR,gBAAA,EAAe,QAAA;AAAA,UACf,KAAA,EAAO;AAAA,YACL,KAAA,EAAO,KAAA;AAAA,YACP,MAAA,EAAQ,KAAA;AAAA,YACR,YAAA,EAAc,KAAA;AAAA,YACd,UAAA,EAAY;AAAA;AACd,SAAA;AAAA,QAVK;AAAA,OAYR;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/loader.d.ts

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

package/dist/loader.js

@@ -0,0 +1,2 @@
+export { L as Loader } from './loader-DYmcO1Y_.js';
+//# sourceMappingURL=loader.js.map

package/dist/loader.js.map

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

package/dist/markdown-text-CKN0oo8R.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { M as Markdown, r as remarkGfm } from './index-DFEn2XpE.js';
+
+import './markdown-text.css';const styles = {
+	"markdown-content": "_markdown-content_14gyi_1"
+};
+
+const MarkdownText = ({ text = "" }) => {
+  return /* @__PURE__ */ jsx("div", { className: styles["markdown-content"], children: /* @__PURE__ */ jsx(Markdown, { remarkPlugins: [remarkGfm], children: text }) });
+};
+
+export { MarkdownText as M };
+//# sourceMappingURL=markdown-text-CKN0oo8R.js.map

package/dist/markdown-text-CKN0oo8R.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-text-CKN0oo8R.js","sources":["../src/components/markdown-text/markdown-text.tsx"],"sourcesContent":["import { FC } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport remarkGfm from \"remark-gfm\";\n\nimport styles from \"./markdown-text.module.scss\";\n\nexport interface MarkdownTextProps {\n  text: string;\n}\n\nexport const MarkdownText: FC<MarkdownTextProps> = ({ text = \"\" }) => {\n  return (\n    <div className={styles[\"markdown-content\"]}>\n      <ReactMarkdown remarkPlugins={[remarkGfm]}>{text}</ReactMarkdown>\n    </div>\n  );\n};\n"],"names":["ReactMarkdown"],"mappings":";;;;;;;AAUO,MAAM,YAAA,GAAsC,CAAC,EAAE,IAAA,GAAO,IAAG,KAAM;AACpE,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,kBAAkB,CAAA,EACvC,QAAA,kBAAA,GAAA,CAACA,QAAA,EAAA,EAAc,aAAA,EAAe,CAAC,SAAS,CAAA,EAAI,gBAAK,CAAA,EACnD,CAAA;AAEJ;;;;"}

package/dist/markdown-text.css

@@ -0,0 +1,45 @@
+@layer starter, reset, base, state, application;
+._markdown-content_14gyi_1  h1,
+._markdown-content_14gyi_1  h2,
+._markdown-content_14gyi_1  h3,
+._markdown-content_14gyi_1  h4 {
+  font-size: 1rem;
+  margin-top: 0;
+}
+._markdown-content_14gyi_1  p {
+  margin: 0 0 var(--size-2);
+}
+._markdown-content_14gyi_1  pre {
+  background-color: #f6f8fa;
+  border-radius: var(--border-radius-large);
+  padding: var(--size-4);
+  overflow: auto;
+}
+._markdown-content_14gyi_1  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_14gyi_1  pre code {
+  background-color: transparent;
+  padding: 0;
+}
+._markdown-content_14gyi_1  ul,
+._markdown-content_14gyi_1  ol {
+  padding-left: 2em;
+  margin: 0 0 1em;
+}
+._markdown-content_14gyi_1  table {
+  border-collapse: collapse;
+  width: 100%;
+  margin: 1em 0;
+}
+._markdown-content_14gyi_1  th,
+._markdown-content_14gyi_1  td {
+  border: 1px solid #d0d7de;
+  padding: 6px 13px;
+}
+._markdown-content_14gyi_1  th {
+  background-color: #f6f8fa;
+}

package/dist/markdown-text.d.ts

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

package/dist/markdown-text.js

@@ -0,0 +1,2 @@
+export { M as MarkdownText } from './markdown-text-CKN0oo8R.js';
+//# sourceMappingURL=markdown-text.js.map

package/dist/markdown-text.js.map

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

package/dist/messages.d.ts

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

package/dist/messages.js

@@ -0,0 +1,2 @@
+export { A as AssistantMessage, M as MarkdownMessage, S as SmallAction, a as SystemMessage, T as Thinking, U as UserMessage } from './user-message-DCOP95qA.js';
+//# sourceMappingURL=messages.js.map

package/dist/messages.js.map

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

package/dist/notification-card-B38ZC7k4.js

@@ -0,0 +1,59 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Card, Flex, Text } from '@servicetitan/anvil2';
+import { M as MarkdownText } from './markdown-text-CKN0oo8R.js';
+
+const NotificationCard = ({
+  title,
+  message,
+  timestamp,
+  onClick,
+  unread = false
+}) => {
+  return /* @__PURE__ */ jsx(
+    Card,
+    {
+      onClick,
+      style: {
+        cursor: "pointer"
+      },
+      children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, style: { width: "100%" }, children: [
+        /* @__PURE__ */ jsxs(Flex, { alignItems: "center", justifyContent: "space-between", children: [
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              size: "medium",
+              style: {
+                color: "#0067E4",
+                whiteSpace: "nowrap",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                width: "75%"
+              },
+              children: unread ? /* @__PURE__ */ jsx("b", { children: title }) : title
+            }
+          ),
+          /* @__PURE__ */ jsx(Flex, { alignItems: "center", gap: 1, children: /* @__PURE__ */ jsxs(Text, { size: "small", style: { color: "#6B6B6B" }, children: [
+            timestamp,
+            unread && /* @__PURE__ */ jsx(
+              "span",
+              {
+                style: {
+                  display: "inline-block",
+                  width: 12,
+                  height: 12,
+                  borderRadius: "50%",
+                  background: "#E23D18",
+                  marginLeft: 8
+                }
+              }
+            )
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsx(Text, { size: "small", style: { color: "#6B6B6B" }, children: unread ? /* @__PURE__ */ jsx("b", { children: /* @__PURE__ */ jsx(MarkdownText, { text: message }) }) : /* @__PURE__ */ jsx(MarkdownText, { text: message }) })
+      ] })
+    }
+  );
+};
+
+export { NotificationCard as N };
+//# sourceMappingURL=notification-card-B38ZC7k4.js.map

package/dist/notification-card-B38ZC7k4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-card-B38ZC7k4.js","sources":["../src/components/notification-card/notification-card.tsx"],"sourcesContent":["import { FC } from \"react\";\nimport { Card, Flex, Text } from \"@servicetitan/anvil2\";\n\nimport { MarkdownText } from \"../markdown-text\";\n\ninterface NotificationCardProps {\n  title: string;\n  message: string;\n  timestamp: string;\n  unread?: boolean;\n  onClick?: () => void;\n}\n\nexport const NotificationCard: FC<NotificationCardProps> = ({\n  title,\n  message,\n  timestamp,\n  onClick,\n  unread = false,\n}) => {\n  return (\n    <Card\n      onClick={onClick}\n      style={{\n        cursor: \"pointer\",\n      }}\n    >\n      <Flex direction=\"column\" gap={2} style={{ width: \"100%\" }}>\n        <Flex alignItems=\"center\" justifyContent=\"space-between\">\n          <Text\n            size=\"medium\"\n            style={{\n              color: \"#0067E4\",\n              whiteSpace: \"nowrap\",\n              overflow: \"hidden\",\n              textOverflow: \"ellipsis\",\n              width: \"75%\",\n            }}\n          >\n            {unread ? <b>{title}</b> : title}\n          </Text>\n          <Flex alignItems=\"center\" gap={1}>\n            <Text size=\"small\" style={{ color: \"#6B6B6B\" }}>\n              {timestamp}\n              {unread && (\n                <span\n                  style={{\n                    display: \"inline-block\",\n                    width: 12,\n                    height: 12,\n                    borderRadius: \"50%\",\n                    background: \"#E23D18\",\n                    marginLeft: 8,\n                  }}\n                />\n              )}\n            </Text>\n          </Flex>\n        </Flex>\n\n        <Text size=\"small\" style={{ color: \"#6B6B6B\" }}>\n          {unread ? (\n            <b>\n              <MarkdownText text={message} />\n            </b>\n          ) : (\n            <MarkdownText text={message} />\n          )}\n        </Text>\n      </Flex>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;AAaO,MAAM,mBAA8C,CAAC;AAAA,EAC1D,KAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA,GAAS;AACX,CAAA,KAAM;AACJ,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,MAAA,EAAQ;AAAA,OACV;AAAA,MAEA,QAAA,kBAAA,IAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,GAAA,EAAK,GAAG,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAO,EACtD,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,IAAA,EAAA,EAAK,UAAA,EAAW,QAAA,EAAS,cAAA,EAAe,eAAA,EACvC,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,KAAA,EAAO;AAAA,gBACL,KAAA,EAAO,SAAA;AAAA,gBACP,UAAA,EAAY,QAAA;AAAA,gBACZ,QAAA,EAAU,QAAA;AAAA,gBACV,YAAA,EAAc,UAAA;AAAA,gBACd,KAAA,EAAO;AAAA,eACT;AAAA,cAEC,QAAA,EAAA,MAAA,mBAAS,GAAA,CAAC,GAAA,EAAA,EAAG,QAAA,EAAA,KAAA,EAAM,CAAA,GAAO;AAAA;AAAA,WAC7B;AAAA,0BACA,GAAA,CAAC,IAAA,EAAA,EAAK,UAAA,EAAW,QAAA,EAAS,KAAK,CAAA,EAC7B,QAAA,kBAAA,IAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,KAAA,EAAO,EAAE,KAAA,EAAO,WAAU,EAC1C,QAAA,EAAA;AAAA,YAAA,SAAA;AAAA,YACA,MAAA,oBACC,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,KAAA,EAAO;AAAA,kBACL,OAAA,EAAS,cAAA;AAAA,kBACT,KAAA,EAAO,EAAA;AAAA,kBACP,MAAA,EAAQ,EAAA;AAAA,kBACR,YAAA,EAAc,KAAA;AAAA,kBACd,UAAA,EAAY,SAAA;AAAA,kBACZ,UAAA,EAAY;AAAA;AACd;AAAA;AACF,WAAA,EAEJ,CAAA,EACF;AAAA,SAAA,EACF,CAAA;AAAA,wBAEA,GAAA,CAAC,QAAK,IAAA,EAAK,OAAA,EAAQ,OAAO,EAAE,KAAA,EAAO,SAAA,EAAU,EAC1C,QAAA,EAAA,MAAA,mBACC,GAAA,CAAC,OACC,QAAA,kBAAA,GAAA,CAAC,YAAA,EAAA,EAAa,MAAM,OAAA,EAAS,CAAA,EAC/B,oBAEA,GAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAM,OAAA,EAAS,CAAA,EAEjC;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/notification-card.d.ts

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

package/dist/notification-card.js

@@ -0,0 +1,2 @@
+export { N as NotificationCard } from './notification-card-B38ZC7k4.js';
+//# sourceMappingURL=notification-card.js.map

package/dist/notification-card.js.map

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