@dotss/tictoccroc 0.4.2 → 0.6.0

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

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

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

@@ -1,53 +1,33 @@
-import n from "dayjs";
-import o 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 "선생님 선택하러 가기";
-    case "PLAY_CONTENT_EXPLORE":
-      return "놀이콘텐츠 둘러보기";
-    default:
-      return "";
-  }
+import e from "../../../utils/getCareTypeLabel/index.mjs";
+import t from "dayjs";
+//#region shared/components/ChatKit/BotMessage/BotMessage.utils.ts
+function n(e) {
+	switch (e) {
+		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 "선생님 선택하러 가기";
+		case "PLAY_CONTENT_EXPLORE": 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 c = n(`${e.careStartDate} ${e.careStartTime}`).format(
-    "A h:mm"
-  ), t = n(`${e.careStartDate} ${e.careEndTime}`).format(
-    "A h:mm"
-  );
-  return {
-    dateRangeText: a,
-    timeRangeText: `${c} ~ ${t}`,
-    careType: o(e.firstCareType)
-  };
+function r(n) {
+	let r = n;
+	if (!r) return null;
+	let i;
+	i = r.totalCareCount > 1 ? `${t(r.careStartDate).format("M월 D일(ddd)")}부터 / 총 ${r.totalCareCount}회` : t(r.careStartDate).format("M월 D일(ddd)");
+	let a = t(`${r.careStartDate} ${r.careStartTime}`).format("A h:mm"), o = t(`${r.careStartDate} ${r.careEndTime}`).format("A h:mm");
+	return {
+		dateRangeText: i,
+		timeRangeText: `${a} ~ ${o}`,
+		careType: e(r.firstCareType)
+	};
 }
-function T({
-  title: r,
-  content: e,
-  offer: a,
-  regDatetime: c
-}) {
-  const t = C(a);
-  return `안내, ${r}, ${e ? `${e}, ` : ""}${t ? `${t.dateRangeText}, ${t.timeRangeText}, ${t.careType}, ` : ""}${n(c).format("YYYY년 MM월 DD일 A h:mm")}`;
+function i({ title: e, content: n, offer: i, regDatetime: a }) {
+	let o = r(i);
+	return `안내, ${e}, ${n ? `${n}, ` : ""}${o ? `${o.dateRangeText}, ${o.timeRangeText}, ${o.careType}, ` : ""}${t(a).format("YYYY년 MM월 DD일 A h:mm")}`;
 }
-export {
-  T as getBotMessageLabel,
-  C as getClassInfo,
-  u as getCtaButtonText
-};
+//#endregion
+export { i as getBotMessageLabel, r as getClassInfo, n as getCtaButtonText };

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

@@ -1,8 +1,6 @@
-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
-};
+import { getBotMessageLabel as e, getClassInfo as t, getCtaButtonText as n } from "./BotMessage.utils.mjs";
+import r from "./BotMessage.mjs";
+//#region shared/components/ChatKit/BotMessage/index.ts
+var i = r;
+//#endregion
+export { i as default, e as getBotMessageLabel, t as getClassInfo, n as getCtaButtonText };

package/dist/shared/components/ChatKit/InputBar/InputBar.fallback.mjs

@@ -1,85 +1,65 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { Flexbox as o, IconButton as l } from "@dotss/ui";
-import p from "@dotss/ui/core/useTheme";
-const n = 24;
-function b() {
-  const {
-    palette: { grey: r, background: t },
-    spacing: i
-  } = p();
-  return /* @__PURE__ */ e(
-    o,
-    {
-      pt: 2,
-      pb: 2,
-      pl: 4,
-      pr: 4,
-      gap: 1,
-      "aria-busy": !0,
-      alignItems: "center",
-      inlineCSS: {
-        cursor: "wait",
-        borderTop: `1px solid ${r[10]}`,
-        backgroundColor: r.white
-      },
-      children: /* @__PURE__ */ a(
-        o,
-        {
-          alignItems: "center",
-          pt: 2,
-          pb: 2,
-          pl: 4,
-          flexGrow: 1,
-          inlineCSS: {
-            position: "relative",
-            paddingRight: i.content(12),
-            border: `1px solid ${r[10]}`,
-            borderRadius: 20,
-            backgroundColor: t.primary
-          },
-          children: [
-            /* @__PURE__ */ e(
-              o,
-              {
-                tag: "textarea",
-                readOnly: !0,
-                flexGrow: 1,
-                disabled: !0,
-                inlineCSS: {
-                  cursor: "wait",
-                  height: n,
-                  lineHeight: `${n}px`,
-                  border: "none",
-                  outline: "none",
-                  backgroundColor: "transparent",
-                  resize: "none",
-                  scrollbarWidth: "none",
-                  "&::-webkit-scrollbar": {
-                    display: "none"
-                  }
-                }
-              }
-            ),
-            /* @__PURE__ */ e(
-              l,
-              {
-                name: "ArrowUpwardLine",
-                variant: "filled",
-                disabled: !0,
-                inlineCSS: {
-                  cursor: "wait !important",
-                  position: "absolute",
-                  right: 0,
-                  bottom: 0
-                }
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
+import { Flexbox as e, IconButton as t } from "@dotss/ui";
+import n from "@dotss/ui/core/useTheme";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region shared/components/ChatKit/InputBar/InputBar.fallback.tsx
+var a = 24;
+function o() {
+	let { palette: { grey: o, background: s }, spacing: c } = n();
+	return /* @__PURE__ */ r(e, {
+		pt: 2,
+		pb: 2,
+		pl: 4,
+		pr: 4,
+		gap: 1,
+		"aria-busy": !0,
+		alignItems: "center",
+		inlineCSS: {
+			cursor: "wait",
+			borderTop: `1px solid ${o[10]}`,
+			backgroundColor: o.white
+		},
+		children: /* @__PURE__ */ i(e, {
+			alignItems: "center",
+			pt: 2,
+			pb: 2,
+			pl: 4,
+			flexGrow: 1,
+			inlineCSS: {
+				position: "relative",
+				paddingRight: c.content(12),
+				border: `1px solid ${o[10]}`,
+				borderRadius: 20,
+				backgroundColor: s.primary
+			},
+			children: [/* @__PURE__ */ r(e, {
+				tag: "textarea",
+				readOnly: !0,
+				flexGrow: 1,
+				disabled: !0,
+				inlineCSS: {
+					cursor: "wait",
+					height: a,
+					lineHeight: `${a}px`,
+					border: "none",
+					outline: "none",
+					backgroundColor: "transparent",
+					resize: "none",
+					scrollbarWidth: "none",
+					"&::-webkit-scrollbar": { display: "none" }
+				}
+			}), /* @__PURE__ */ r(t, {
+				name: "ArrowUpwardLine",
+				variant: "filled",
+				disabled: !0,
+				inlineCSS: {
+					cursor: "wait !important",
+					position: "absolute",
+					right: 0,
+					bottom: 0
+				}
+			})]
+		})
+	});
 }
-export {
-  b as default
-};
+//#endregion
+export { o as default };