@dotss/tictoccroc 0.0.14 → 0.0.16

package/dist/index.mjs

@@ -6,131 +6,162 @@ import { default as m } from "./shared/components/MediaDialog/MediaDialog.mjs";
 import { default as x } from "./shared/components/MediaDialog/MediaBlock/MediaBlock.mjs";
 import { default as c } from "./shared/components/MediaDialog/MediaDialogContent/MediaDialogContent.mjs";
 import { default as g } from "./shared/components/MediaDialog/MediaDialogFooter/MediaDialogFooter.mjs";
-import { default as C } from "./shared/components/MediaDialog/MediaDialogToolbar/MediaDialogToolbar.mjs";
+import { default as A } from "./shared/components/MediaDialog/MediaDialogToolbar/MediaDialogToolbar.mjs";
 import { default as y } from "./shared/components/Swiper/Swiper.mjs";
-import { default as k } from "./shared/components/Swiper/SwiperBlock/SwiperBlock.mjs";
-import { default as v } from "./shared/components/Carousel/Carousel.mjs";
-import { default as I } from "./shared/components/Carousel/CarouselSlide/CarouselSlide.mjs";
-import { default as T } from "./shared/components/TimePicker/TimePicker.mjs";
-import { default as P } from "./shared/components/Roller/Roller.mjs";
-import { default as w } from "./shared/components/Roller/RollerBlock/RollerBlock.mjs";
-import { default as E } from "./shared/components/Image/Image.mjs";
-import { default as L } from "./shared/components/Image/Image.error.mjs";
+import { default as B } from "./shared/components/Swiper/SwiperBlock/SwiperBlock.mjs";
+import { default as k } from "./shared/components/Carousel/Carousel.mjs";
+import { default as T } from "./shared/components/Carousel/CarouselSlide/CarouselSlide.mjs";
+import { default as h } from "./shared/components/TimePicker/TimePicker.mjs";
+import { default as F } from "./shared/components/Roller/Roller.mjs";
+import { default as R } from "./shared/components/Roller/RollerBlock/RollerBlock.mjs";
+import { default as L } from "./shared/components/Image/Image.mjs";
+import { default as G } from "./shared/components/Image/Image.error.mjs";
 import { default as N } from "./shared/components/Calendar/Calendar.mjs";
-import { default as j } from "./shared/components/Masonry/Masonry.mjs";
-import { default as V } from "./shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
+import { default as U } from "./shared/components/Masonry/Masonry.mjs";
+import { default as j } from "./shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
 import { default as z } from "./shared/components/LoadingAnnouncer/LoadingAnnouncer.mjs";
-import { default as J } from "./shared/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
-import { default as W } from "./shared/utils/getImageUrl/getImageUrl.mjs";
-import { default as Y } from "./shared/utils/isServer/isServer.mjs";
-import { default as _ } from "./shared/utils/getTimeRange/getTimeRange.mjs";
-import { default as ee } from "./shared/utils/getDateRange/getDateRange.mjs";
-import { default as te } from "./shared/utils/isAndroid/isAndroid.mjs";
-import { default as re } from "./shared/utils/isApp/isApp.mjs";
-import { default as le } from "./shared/utils/isDesktop/isDesktop.mjs";
-import { default as ue } from "./shared/utils/birthDateToAge/birthDateToAge.mjs";
-import { default as me } from "./shared/utils/objectToQueryString/objectToQueryString.mjs";
-import { default as xe } from "./shared/utils/getVimeoId/getVimeoId.mjs";
-import { default as ce } from "./shared/utils/parseQueryString/parseQueryString.mjs";
-import { default as ge } from "./shared/utils/share/share.mjs";
-import { default as Ce } from "./shared/utils/dayFlagToDay/dayFlagToDay.mjs";
-import { default as ye } from "./teacher/profile/components/ProfileSummary/ProfileSummary.mjs";
-import { default as ke } from "./teacher/profile/components/StatBadgeCollection/StatBadgeCollection.mjs";
-import { default as ve } from "./teacher/profile/components/StatBadgeCollection/StatBadge/StatBadge.mjs";
-import { default as Ie } from "./teacher/profile/components/ActivityGallery/ActivityGallery.mjs";
-import { default as Te } from "./teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs";
-import { default as Pe } from "./teacher/profile/components/CertificateSection/CertificateSection.mjs";
-import { default as we } from "./teacher/profile/components/CertificateSection/CertificateItem/CertificateItem.mjs";
-import { default as Ee } from "./teacher/profile/components/CareerSection/CareerSection.mjs";
-import { default as Le } from "./teacher/profile/components/CareerSection/CareerItem/CareerItem.mjs";
-import { default as Ne } from "./teacher/profile/components/EducationSection/EducationSection.mjs";
-import { default as je } from "./teacher/profile/components/EducationSection/EducationItem/EducationItem.mjs";
-import { default as Ve } from "./teacher/profile/components/PreferredActivityKeywordGroup/PreferredActivityKeywordGroup.mjs";
-import { default as ze } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.mjs";
-import { getPreferredAgeKeywords as Je } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.utils.mjs";
-import { default as We } from "./teacher/profile/components/AbilityCollection/AbilityCollection.mjs";
-import { default as Ye } from "./teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.mjs";
-import { getAbilityCollection as _e } from "./teacher/profile/components/AbilityCollection/AbilityCollection.utils.mjs";
-import { default as eo } from "./teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs";
-import { default as to } from "./teacher/profile/components/ClassNotesSection/ClassNotesSection.mjs";
-import { default as ro } from "./teacher/profile/components/ClassNotesSection/ClassNote/ClassNote.mjs";
-import { default as lo } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.mjs";
-import { getChildLabel as so } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.utils.mjs";
-import { default as po } from "./teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs";
-import { default as io } from "./teacher/home/components/TextAccount/TextAccount.mjs";
-import { default as no } from "./teacher/home/components/TextAccount/TextAccount.fallback.mjs";
-import { default as Ao } from "./teacher/home/components/Carousel1Account/Carousel1Account.mjs";
-import { default as So } from "./teacher/home/components/Carousel1Account/Carousel1Account.fallback.mjs";
-import { default as bo } from "./teacher/home/components/Carousel2Account/Carousel2Account.mjs";
-import { default as Bo } from "./teacher/home/components/Carousel2Account/Carousel2Account.fallback.mjs";
-import { default as Do } from "./teacher/home/components/BannerAccount/BannerAccount.mjs";
-import { default as ho } from "./teacher/home/components/BannerAccount/BannerAccount.fallback.mjs";
+import { default as J } from "./shared/components/ChatKit/Message/Message.mjs";
+import { default as W } from "./shared/components/ChatKit/Message/Message.fallback.mjs";
+import { getMessageLabel as Y, markMessageGroupBoundaries as Z } from "./shared/components/ChatKit/Message/Message.utils.mjs";
+import { default as $ } from "./shared/components/ChatKit/SystemMessage/SystemMessage.mjs";
+import { default as ae } from "./shared/components/ChatKit/SystemMessage/(Actions)/DirectTrageRiskInfoBottomSheet/DirectTrageRiskInfoBottomSheet.mjs";
+import { getSystemMessageLabel as oe } from "./shared/components/ChatKit/SystemMessage/SystemMessage.utils.mjs";
+import { default as fe } from "./shared/components/ChatKit/BotMessage/BotMessage.mjs";
+import { getBotMessageLabel as se, getClassInfo as ue, getCtaButtonText as de } from "./shared/components/ChatKit/BotMessage/BotMessage.utils.mjs";
+import { default as pe } from "./shared/components/ChatKit/InputBar/InputBar.mjs";
+import { default as ie } from "./shared/components/ChatKit/InputBar/InputBar.fallback.mjs";
+import { default as ne } from "./shared/components/ChatKit/Seperator/Seperator.mjs";
+import { default as Se } from "./shared/components/ChatKit/UnreadMessagePill/UnreadMessagePill.mjs";
+import { default as Ce } from "./shared/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
+import { default as be } from "./shared/hooks/useInView/useInView.mjs";
+import { default as Me } from "./shared/utils/getImageUrl/getImageUrl.mjs";
+import { default as Ie } from "./shared/utils/isServer/isServer.mjs";
+import { default as De } from "./shared/utils/getTimeRange/getTimeRange.mjs";
+import { default as ve } from "./shared/utils/getDateRange/getDateRange.mjs";
+import { default as Pe } from "./shared/utils/isAndroid/isAndroid.mjs";
+import { default as we } from "./shared/utils/isApp/isApp.mjs";
+import { default as Ee } from "./shared/utils/isDesktop/isDesktop.mjs";
+import { default as Ke } from "./shared/utils/birthDateToAge/birthDateToAge.mjs";
+import { default as Qe } from "./shared/utils/objectToQueryString/objectToQueryString.mjs";
+import { default as Ve } from "./shared/utils/getVimeoId/getVimeoId.mjs";
+import { default as qe } from "./shared/utils/parseQueryString/parseQueryString.mjs";
+import { default as He } from "./shared/utils/share/share.mjs";
+import { default as Oe } from "./shared/utils/dayFlagToDay/dayFlagToDay.mjs";
+import { default as Xe } from "./shared/utils/getCareTypeLabel/getCareTypeLabel.mjs";
+import { default as Ze } from "./teacher/profile/components/ProfileSummary/ProfileSummary.mjs";
+import { default as $e } from "./teacher/profile/components/StatBadgeCollection/StatBadgeCollection.mjs";
+import { default as aa } from "./teacher/profile/components/StatBadgeCollection/StatBadge/StatBadge.mjs";
+import { default as oa } from "./teacher/profile/components/ActivityGallery/ActivityGallery.mjs";
+import { default as fa } from "./teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs";
+import { default as sa } from "./teacher/profile/components/CertificateSection/CertificateSection.mjs";
+import { default as da } from "./teacher/profile/components/CertificateSection/CertificateItem/CertificateItem.mjs";
+import { default as pa } from "./teacher/profile/components/CareerSection/CareerSection.mjs";
+import { default as ia } from "./teacher/profile/components/CareerSection/CareerItem/CareerItem.mjs";
+import { default as na } from "./teacher/profile/components/EducationSection/EducationSection.mjs";
+import { default as Sa } from "./teacher/profile/components/EducationSection/EducationItem/EducationItem.mjs";
+import { default as Ca } from "./teacher/profile/components/PreferredActivityKeywordGroup/PreferredActivityKeywordGroup.mjs";
+import { default as ba } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.mjs";
+import { getPreferredAgeKeywords as Ma } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.utils.mjs";
+import { default as Ia } from "./teacher/profile/components/AbilityCollection/AbilityCollection.mjs";
+import { default as Da } from "./teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.mjs";
+import { getAbilityCollection as va } from "./teacher/profile/components/AbilityCollection/AbilityCollection.utils.mjs";
+import { default as Pa } from "./teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs";
+import { default as wa } from "./teacher/profile/components/ClassNotesSection/ClassNotesSection.mjs";
+import { default as Ea } from "./teacher/profile/components/ClassNotesSection/ClassNote/ClassNote.mjs";
+import { default as Ka } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.mjs";
+import { getChildLabel as Qa } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.utils.mjs";
+import { default as Va } from "./teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs";
+import { default as qa } from "./teacher/home/components/TextAccount/TextAccount.mjs";
+import { default as Ha } from "./teacher/home/components/TextAccount/TextAccount.fallback.mjs";
+import { default as Oa } from "./teacher/home/components/Carousel1Account/Carousel1Account.mjs";
+import { default as Xa } from "./teacher/home/components/Carousel1Account/Carousel1Account.fallback.mjs";
+import { default as Za } from "./teacher/home/components/Carousel2Account/Carousel2Account.mjs";
+import { default as $a } from "./teacher/home/components/Carousel2Account/Carousel2Account.fallback.mjs";
+import { default as at } from "./teacher/home/components/BannerAccount/BannerAccount.mjs";
+import { default as ot } from "./teacher/home/components/BannerAccount/BannerAccount.fallback.mjs";
 export {
-  Ye as AbilityBadge,
-  We as AbilityCollection,
-  Ie as ActivityGallery,
-  Te as ActivityGalleryItem,
-  eo as AvailableScheduleSection,
-  Do as BannerAccount,
-  ho as BannerAccountFallback,
+  Da as AbilityBadge,
+  Ia as AbilityCollection,
+  oa as ActivityGallery,
+  fa as ActivityGalleryItem,
+  Pa as AvailableScheduleSection,
+  at as BannerAccount,
+  ot as BannerAccountFallback,
+  fe as BotMessage,
   N as Calendar,
-  Le as CareerItem,
-  Ee as CareerSection,
-  v as Carousel,
-  Ao as Carousel1Account,
-  So as Carousel1AccountFallback,
-  bo as Carousel2Account,
-  Bo as Carousel2AccountFallback,
-  I as CarouselSlide,
-  we as CertificateItem,
-  Pe as CertificateSection,
-  ro as ClassNote,
-  to as ClassNotesSection,
-  je as EducationItem,
-  Ne as EducationSection,
-  E as Image,
-  L as ImageError,
+  ia as CareerItem,
+  pa as CareerSection,
+  k as Carousel,
+  Oa as Carousel1Account,
+  Xa as Carousel1AccountFallback,
+  Za as Carousel2Account,
+  $a as Carousel2AccountFallback,
+  T as CarouselSlide,
+  da as CertificateItem,
+  sa as CertificateSection,
+  Ea as ClassNote,
+  wa as ClassNotesSection,
+  ae as DirectTradeRiskInfoBottomSheet,
+  Sa as EducationItem,
+  na as EducationSection,
+  L as Image,
+  G as ImageError,
+  pe as InputBar,
+  ie as InputBarFallback,
   z as LoadingAnnouncer,
-  j as Masonry,
-  V as MasonryBlock,
+  U as Masonry,
+  j as MasonryBlock,
   x as MediaBlock,
   m as MediaDialog,
   c as MediaDialogContent,
   g as MediaDialogFooter,
-  C as MediaDialogToolbar,
-  po as ParentReviewCard,
-  lo as ParentReviewSection,
-  Ve as PreferredActivityKeywordGroup,
-  ze as PreferredAgeGroup,
-  ye as ProfileSummary,
-  P as Roller,
-  w as RollerBlock,
+  A as MediaDialogToolbar,
+  J as Message,
+  W as MessageFallback,
+  Va as ParentReviewCard,
+  Ka as ParentReviewSection,
+  Ca as PreferredActivityKeywordGroup,
+  ba as PreferredAgeGroup,
+  Ze as ProfileSummary,
+  F as Roller,
+  R as RollerBlock,
   l as ScheduleBlock,
   r as ScheduleEvent,
   t as Scheduler,
-  ve as StatBadge,
-  ke as StatBadgeCollection,
+  ne as Seperator,
+  aa as StatBadge,
+  $e as StatBadgeCollection,
   y as Swiper,
-  k as SwiperBlock,
-  io as TextAccount,
-  no as TextAccountFallback,
-  T as TimePicker,
-  ue as birthDateToAge,
-  Ce as dayFlagToDay,
-  _e as getAbilityCollection,
+  B as SwiperBlock,
+  $ as SystemMessage,
+  qa as TextAccount,
+  Ha as TextAccountFallback,
+  h as TimePicker,
+  Se as UnreadMessagePill,
+  Ke as birthDateToAge,
+  Oe as dayFlagToDay,
+  va as getAbilityCollection,
   u as getAvailableDateRange,
-  so as getChildLabel,
-  ee as getDateRange,
-  W as getImageUrl,
-  Je as getPreferredAgeKeywords,
-  _ as getTimeRange,
-  xe as getVimeoId,
-  te as isAndroid,
-  re as isApp,
-  le as isDesktop,
-  Y as isServer,
-  me as objectToQueryString,
-  ce as parseQueryString,
-  ge as share,
-  J as useIsomorphicLayoutEffect
+  se as getBotMessageLabel,
+  Xe as getCareTypeLabel,
+  Qa as getChildLabel,
+  ue as getClassInfo,
+  de as getCtaButtonText,
+  ve as getDateRange,
+  Me as getImageUrl,
+  Y as getMessageLabel,
+  Ma as getPreferredAgeKeywords,
+  oe as getSystemMessageLabel,
+  De as getTimeRange,
+  Ve as getVimeoId,
+  Pe as isAndroid,
+  we as isApp,
+  Ee as isDesktop,
+  Ie as isServer,
+  Z as markMessageGroupBoundaries,
+  Qe as objectToQueryString,
+  qe as parseQueryString,
+  He as share,
+  be as useInView,
+  Ce as useIsomorphicLayoutEffect
 };

package/dist/shared/components/ChatKit/BotMessage/BotMessage.d.ts

@@ -0,0 +1,29 @@
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
+export type BotMessageType = 'MATCHING_SUCCEEDED' | 'TEACHER_INQUIRED' | 'PARENT_CHANGED_OFFER_SCHEDULE' | 'PARENT_CHANGED_MATCHING_SCHEDULE' | 'TEACHER_APPLIED' | 'PARENT_SENT_OFFER' | 'TARGET_MATCHING_SUCCEEDED' | 'APPLICATION_MATCHING_SUCCEEDED' | 'PARENT_REFUSED_APPLICATION' | 'TEACHER_REFUSED_OFFER' | 'PARENT_CANCELED_MATCHING' | 'TEACHER_CANCELED_MATCHING' | 'TEACHER_COMPLETED_CARE' | 'ADMIN_CANCELED_MATCHING';
+export type BotMessageCtaType = 'MY_CLASS_CHECK' | 'OFFER_CHECK' | 'CHANGE_INFO_CHECK' | 'MY_APPLICATION_INFO_VIEW' | 'CARE_NOTE_CHECK' | 'TEACHER_SELECTION';
+export interface BotMessageOffer {
+    careStartDate: string;
+    careStartTime: string;
+    careEndTime: string;
+    firstCareType: string;
+    secondCareType: string;
+    totalCareCount: number;
+}
+export interface BotMessageProps extends Omit<FlexboxProps, 'id' | 'title'> {
+    id: string | number;
+    botMessageType: BotMessageType;
+    ctaType?: BotMessageCtaType | null;
+    ctaTargetTable?: string | null;
+    ctaTargetId?: number | null;
+    mine: boolean;
+    avatarUrl?: string;
+    title: string;
+    content: string;
+    unreadUserCount: number;
+    offer: object | null;
+    regDatetime: string;
+    onAction?: (botMessageType: BotMessageType, ctaType?: BotMessageCtaType | null, ctaTargetId?: number | null) => void;
+    onView?: () => void;
+}
+declare function BotMessage({ id, botMessageType, ctaType, ctaTargetId, mine, avatarUrl, title, content, unreadUserCount, offer, regDatetime, onAction, onView, inlineCSS, ...props }: BotMessageProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export default BotMessage;

package/dist/shared/components/ChatKit/BotMessage/BotMessage.mjs

@@ -0,0 +1,174 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { useRef as H, useEffect as M } from "react";
+import { Flexbox as n, Typography as e, Button as E } from "@dotss/ui";
+import F from "@dotss/ui/core/useTheme";
+import L from "dayjs";
+import { getClassInfo as $, getCtaButtonText as q } from "./BotMessage.utils.mjs";
+import z from "../../Image/Image.mjs";
+import G from "../../../hooks/useInView/useInView.mjs";
+import S from "../../../utils/getCareTypeLabel/getCareTypeLabel.mjs";
+function A({
+  id: J,
+  botMessageType: y,
+  ctaType: s,
+  ctaTargetId: C,
+  mine: a,
+  avatarUrl: g,
+  title: b,
+  content: p,
+  unreadUserCount: h,
+  offer: v,
+  regDatetime: T,
+  onAction: o,
+  onView: l,
+  inlineCSS: R,
+  ...w
+}) {
+  const {
+    palette: { brand: I, grey: m, background: B },
+    spacing: d
+  } = F(), f = H(null), { isInView: u } = G(f), x = q(s), i = v, j = [
+    S(i == null ? void 0 : i.firstCareType),
+    S(i == null ? void 0 : i.secondCareType)
+  ].filter(Boolean).filter((k) => k !== "-").join("+"), c = $(i), D = () => o == null ? void 0 : o(y, s, C);
+  return M(() => {
+    u && (l == null || l());
+  }, [u, l]), /* @__PURE__ */ t(
+    n,
+    {
+      ref: f,
+      alignItems: "flex-end",
+      justifyContent: "flex-end",
+      gap: 1,
+      pl: 4,
+      pr: 4,
+      flexDirection: a ? "row" : "row-reverse",
+      ...w,
+      inlineCSS: {
+        overflowAnchor: "none",
+        ...R
+      },
+      children: [
+        /* @__PURE__ */ r(e, { visuallyHidden: !0, children: "안내" }),
+        /* @__PURE__ */ t(
+          n,
+          {
+            flexDirection: "column",
+            alignItems: a ? "flex-end" : "flex-start",
+            inlineCSS: {
+              whiteSpace: "nowrap"
+            },
+            children: [
+              a && h > 0 && /* @__PURE__ */ r(
+                e,
+                {
+                  tag: "span",
+                  variant: "c5B",
+                  "aria-hidden": !0,
+                  inlineCSS: {
+                    color: I.primary.text
+                  },
+                  children: h
+                }
+              ),
+              /* @__PURE__ */ r(
+                e,
+                {
+                  tag: "span",
+                  variant: "c5R",
+                  color: "etc.dimmed01",
+                  "aria-hidden": !0,
+                  inlineCSS: {
+                    whiteSpace: "nowrap"
+                  },
+                  children: L(T).format("A h:mm")
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(
+          n,
+          {
+            alignItems: "flex-start",
+            flexDirection: a ? "row-reverse" : "row",
+            gap: 3,
+            p: 4,
+            "aria-hidden": !0,
+            inlineCSS: {
+              backgroundColor: m.white,
+              borderRadius: 12,
+              border: `1px solid ${m[20]}`
+            },
+            children: [
+              g && /* @__PURE__ */ r(
+                z,
+                {
+                  src: g,
+                  width: 32,
+                  height: 32,
+                  alt: "째깍악어 선생님 심볼",
+                  role: "presentation"
+                }
+              ),
+              /* @__PURE__ */ t(n, { flexDirection: "column", children: [
+                /* @__PURE__ */ r(e, { tag: "p", variant: "h4B", children: b }),
+                p && /* @__PURE__ */ r(
+                  e,
+                  {
+                    tag: "p",
+                    variant: "b3R",
+                    inlineCSS: {
+                      marginTop: d.content(1)
+                    },
+                    children: p
+                  }
+                ),
+                c && /* @__PURE__ */ t(
+                  n,
+                  {
+                    mt: 2,
+                    p: 2,
+                    flexDirection: "column",
+                    inlineCSS: {
+                      borderRadius: d.content(2),
+                      backgroundColor: B.primary
+                    },
+                    children: [
+                      /* @__PURE__ */ t(e, { tag: "dl", children: [
+                        /* @__PURE__ */ r(e, { tag: "dt", visuallyHidden: !0, children: "날짜" }),
+                        /* @__PURE__ */ r(e, { tag: "dd", variant: "b4M", children: c.dateRangeText })
+                      ] }),
+                      /* @__PURE__ */ t(e, { tag: "dl", children: [
+                        /* @__PURE__ */ r(e, { tag: "dt", visuallyHidden: !0, children: "시간" }),
+                        /* @__PURE__ */ r(e, { tag: "dd", variant: "b4R", color: "grey.70", children: c.timeRangeText })
+                      ] }),
+                      /* @__PURE__ */ t(e, { tag: "dl", children: [
+                        /* @__PURE__ */ r(e, { tag: "dt", visuallyHidden: !0, children: "돌봄 유형" }),
+                        /* @__PURE__ */ r(e, { tag: "dd", variant: "b4R", color: "grey.70", children: j })
+                      ] })
+                    ]
+                  }
+                ),
+                x && /* @__PURE__ */ r(
+                  E,
+                  {
+                    color: "secondary",
+                    onClick: D,
+                    inlineCSS: {
+                      marginTop: d.content(2)
+                    },
+                    children: x
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  A as default
+};

package/dist/shared/components/ChatKit/BotMessage/BotMessage.utils.d.ts

@@ -0,0 +1,8 @@
+import { BotMessageCtaType, BotMessageProps } from '.';
+export declare function getCtaButtonText(ctaType?: BotMessageCtaType | null): "" | "공고 확인하기" | "변경내용 확인하기" | "나의 지원 내역 보러가기" | "돌봄노트 확인하기" | "선생님 선택하러 가기";
+export declare function getClassInfo(offer: object): {
+    dateRangeText: string;
+    timeRangeText: string;
+    careType: string;
+} | null;
+export declare function getBotMessageLabel({ title, content, offer, regDatetime }: Pick<BotMessageProps, 'title' | 'content' | 'offer' | 'regDatetime'>): string;

package/dist/shared/components/ChatKit/BotMessage/BotMessage.utils.mjs

@@ -0,0 +1,51 @@
+import n from "dayjs";
+import c from "../../../utils/getCareTypeLabel/getCareTypeLabel.mjs";
+function u(r) {
+  switch (r) {
+    case "MY_CLASS_CHECK":
+      return "공고 확인하기";
+    case "OFFER_CHECK":
+      return "공고 확인하기";
+    case "CHANGE_INFO_CHECK":
+      return "변경내용 확인하기";
+    case "MY_APPLICATION_INFO_VIEW":
+      return "나의 지원 내역 보러가기";
+    case "CARE_NOTE_CHECK":
+      return "돌봄노트 확인하기";
+    case "TEACHER_SELECTION":
+      return "선생님 선택하러 가기";
+    default:
+      return "";
+  }
+}
+function C(r) {
+  const e = r;
+  if (!e)
+    return null;
+  let a;
+  e.totalCareCount > 1 ? a = `${n(e.careStartDate).format("M월 D일(ddd)")}부터 / 총 ${e.totalCareCount}회` : a = n(e.careStartDate).format("M월 D일(ddd)");
+  const o = n(`${e.careStartDate} ${e.careStartTime}`).format(
+    "A h:mm"
+  ), t = n(`${e.careStartDate} ${e.careEndTime}`).format(
+    "A h:mm"
+  );
+  return {
+    dateRangeText: a,
+    timeRangeText: `${o} ~ ${t}`,
+    careType: c(e.firstCareType)
+  };
+}
+function f({
+  title: r,
+  content: e,
+  offer: a,
+  regDatetime: o
+}) {
+  const t = C(a);
+  return `안내, ${r}, ${e ? `${e}, ` : ""}${t ? `${t.dateRangeText}, ${t.timeRangeText}, ${t.careType}, ` : ""}${n(o).format("YYYY년 MM월 DD일 A h:mm")}`;
+}
+export {
+  f as getBotMessageLabel,
+  C as getClassInfo,
+  u as getCtaButtonText
+};

package/dist/shared/components/ChatKit/BotMessage/index.d.ts

@@ -0,0 +1,4 @@
+import { default as BotMessage, BotMessageCtaType, BotMessageOffer, BotMessageProps, BotMessageType } from './BotMessage';
+export { getClassInfo, getCtaButtonText, getBotMessageLabel } from './BotMessage.utils';
+export type { BotMessageProps, BotMessageCtaType, BotMessageType, BotMessageOffer };
+export default BotMessage;

package/dist/shared/components/ChatKit/BotMessage/index.mjs

@@ -0,0 +1,8 @@
+import e from "./BotMessage.mjs";
+import { getBotMessageLabel as s, getClassInfo as g, getCtaButtonText as r } from "./BotMessage.utils.mjs";
+export {
+  e as default,
+  s as getBotMessageLabel,
+  g as getClassInfo,
+  r as getCtaButtonText
+};

package/dist/shared/components/ChatKit/InputBar/InputBar.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithRef } from 'react';
+import { InlineCSS } from '@dotss/ui/typings/component';
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
+export interface InputBarProps extends ComponentPropsWithRef<'textarea'>, InlineCSS {
+    wrapperProps?: FlexboxProps;
+    onSend?: () => void;
+}
+declare function InputBar({ wrapperProps, inlineCSS, onSend, value, ref, ...props }: InputBarProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export default InputBar;

package/dist/shared/components/ChatKit/InputBar/InputBar.fallback.d.ts

@@ -0,0 +1,2 @@
+declare function InputBarFallback(): import("@emotion/react/jsx-runtime").JSX.Element;
+export default InputBarFallback;