@dotss/tictoccroc 0.0.16 → 0.0.18

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

@@ -1,6 +1,7 @@
 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 BotMessageType = 'MATCHING_SUCCEEDED' | 'TEACHER_INQUIRED' | 'PARENT_CHANGED_OFFER_SCHEDULE' | 'PARENT_CHANGED_MATCHING_SCHEDULE' | 'TEACHER_APPLIED' | 'PARENT_SENT_OFFER' | 'KOK_MATCHING_SUCCEEDED' | 'APPLICATION_MATCHING_SUCCEEDED' | 'PARENT_REJECTED_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 type BotMessageSubCtaType = 'MATCHING';
 export interface BotMessageOffer {
     careStartDate: string;
     careStartTime: string;
@@ -15,6 +16,8 @@ export interface BotMessageProps extends Omit<FlexboxProps, 'id' | 'title'> {
     ctaType?: BotMessageCtaType | null;
     ctaTargetTable?: string | null;
     ctaTargetId?: number | null;
+    subCtaTargetTable?: BotMessageSubCtaType | null;
+    subCtaTargetId?: number | null;
     mine: boolean;
     avatarUrl?: string;
     title: string;
@@ -22,8 +25,14 @@ export interface BotMessageProps extends Omit<FlexboxProps, 'id' | 'title'> {
     unreadUserCount: number;
     offer: object | null;
     regDatetime: string;
-    onAction?: (botMessageType: BotMessageType, ctaType?: BotMessageCtaType | null, ctaTargetId?: number | null) => void;
+    onAction?: (params: {
+        botMessageType: BotMessageType;
+        ctaType?: BotMessageCtaType | null;
+        ctaTargetId?: number | null;
+        subCtaTargetTable?: BotMessageSubCtaType | null;
+        subCtaTargetId?: 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;
+declare function BotMessage({ id, botMessageType, ctaType, ctaTargetId, subCtaTargetTable, subCtaTargetId, 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

@@ -1,37 +1,39 @@
 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 { useRef as E, useEffect as F } from "react";
+import { Flexbox as n, Typography as e, Button as L } from "@dotss/ui";
+import $ from "@dotss/ui/core/useTheme";
+import { getClassInfo as q, getCtaButtonText as z } from "./BotMessage.utils.mjs";
+import G from "../../Image/Image.mjs";
+import J from "../../../hooks/useInView/useInView.mjs";
 import S from "../../../utils/getCareTypeLabel/getCareTypeLabel.mjs";
-function A({
-  id: J,
+import K from "dayjs";
+function O({
+  id: N,
   botMessageType: y,
   ctaType: s,
   ctaTargetId: C,
+  subCtaTargetTable: b,
+  subCtaTargetId: v,
   mine: a,
   avatarUrl: g,
-  title: b,
+  title: T,
   content: p,
   unreadUserCount: h,
-  offer: v,
-  regDatetime: T,
+  offer: R,
+  regDatetime: w,
   onAction: o,
   onView: l,
-  inlineCSS: R,
-  ...w
+  inlineCSS: I,
+  ...B
 }) {
   const {
-    palette: { brand: I, grey: m, background: B },
+    palette: { brand: j, grey: m, background: D },
     spacing: d
-  } = F(), f = H(null), { isInView: u } = G(f), x = q(s), i = v, j = [
+  } = $(), f = E(null), { isInView: u } = J(f), x = z(s), i = R, k = [
     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(() => {
+  ].filter(Boolean).filter((M) => M !== "-").join("+"), c = q(i), H = () => o == null ? void 0 : o({ botMessageType: y, ctaType: s, ctaTargetId: C, subCtaTargetTable: b, subCtaTargetId: v });
+  return F(() => {
     u && (l == null || l());
   }, [u, l]), /* @__PURE__ */ t(
     n,
@@ -43,10 +45,10 @@ function A({
       pl: 4,
       pr: 4,
       flexDirection: a ? "row" : "row-reverse",
-      ...w,
+      ...B,
       inlineCSS: {
         overflowAnchor: "none",
-        ...R
+        ...I
       },
       children: [
         /* @__PURE__ */ r(e, { visuallyHidden: !0, children: "안내" }),
@@ -66,7 +68,7 @@ function A({
                   variant: "c5B",
                   "aria-hidden": !0,
                   inlineCSS: {
-                    color: I.primary.text
+                    color: j.primary.text
                   },
                   children: h
                 }
@@ -81,7 +83,7 @@ function A({
                   inlineCSS: {
                     whiteSpace: "nowrap"
                   },
-                  children: L(T).format("A h:mm")
+                  children: K(w).format("A h:mm")
                 }
               )
             ]
@@ -102,7 +104,7 @@ function A({
             },
             children: [
               g && /* @__PURE__ */ r(
-                z,
+                G,
                 {
                   src: g,
                   width: 32,
@@ -112,7 +114,7 @@ function A({
                 }
               ),
               /* @__PURE__ */ t(n, { flexDirection: "column", children: [
-                /* @__PURE__ */ r(e, { tag: "p", variant: "h4B", children: b }),
+                /* @__PURE__ */ r(e, { tag: "p", variant: "h4B", children: T }),
                 p && /* @__PURE__ */ r(
                   e,
                   {
@@ -132,7 +134,7 @@ function A({
                     flexDirection: "column",
                     inlineCSS: {
                       borderRadius: d.content(2),
-                      backgroundColor: B.primary
+                      backgroundColor: D.primary
                     },
                     children: [
                       /* @__PURE__ */ t(e, { tag: "dl", children: [
@@ -145,16 +147,16 @@ function A({
                       ] }),
                       /* @__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 })
+                        /* @__PURE__ */ r(e, { tag: "dd", variant: "b4R", color: "grey.70", children: k })
                       ] })
                     ]
                   }
                 ),
                 x && /* @__PURE__ */ r(
-                  E,
+                  L,
                   {
                     color: "secondary",
-                    onClick: D,
+                    onClick: H,
                     inlineCSS: {
                       marginTop: d.content(2)
                     },
@@ -170,5 +172,5 @@ function A({
   );
 }
 export {
-  A as default
+  O as default
 };

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

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

package/dist/shared/components/ChatKit/SystemMessage/(Actions)/DirectTrageRiskInfoBottomSheet/DirectTrageRiskInfoBottomSheet.d.ts

@@ -1,7 +1,8 @@
 export interface DirectTradeRiskInfoBottomSheetProps {
+    target: 'parent' | 'teacher';
     open: boolean;
     onClose: () => void;
     onInquire: () => void;
 }
-declare function DirectTradeRiskInfoBottomSheet({ open, onClose, onInquire }: DirectTradeRiskInfoBottomSheetProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function DirectTradeRiskInfoBottomSheet({ target, open, onClose, onInquire }: DirectTradeRiskInfoBottomSheetProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default DirectTradeRiskInfoBottomSheet;

package/dist/shared/components/ChatKit/SystemMessage/(Actions)/DirectTrageRiskInfoBottomSheet/DirectTrageRiskInfoBottomSheet.mjs

@@ -1,23 +1,29 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { BottomSheet as h, BottomSheetTitle as m, BottomSheetContent as s, Typography as t, Flexbox as o, Icon as a, Button as l, BottomSheetAction as p } from "@dotss/ui";
-import S from "@dotss/ui/core/useTheme";
-function x({
-  open: c,
-  onClose: i,
-  onInquire: d
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { BottomSheet as m, BottomSheetTitle as p, BottomSheetContent as s, Typography as n, Flexbox as o, Icon as a, Button as c, BottomSheetAction as S } from "@dotss/ui";
+import b from "@dotss/ui/core/useTheme";
+function u({
+  target: t,
+  open: d,
+  onClose: l,
+  onInquire: h
 }) {
   const {
     palette: { background: g },
     spacing: r
-  } = S();
-  return /* @__PURE__ */ n(h, { id: "system-message-action", open: c, onClose: i, children: [
-    /* @__PURE__ */ e(m, { onClose: i, children: "직거래는 왜 하면 안되나요?" }),
-    /* @__PURE__ */ n(s, { children: [
-      /* @__PURE__ */ n(t, { tag: "p", variant: "h3R", textAlign: "center", children: [
-        /* @__PURE__ */ e(t, { tag: "strong", variant: "h3B", color: "etc.red", children: "직거래" }),
+  } = b();
+  return /* @__PURE__ */ i(m, { id: "system-message-action", open: d, onClose: l, children: [
+    /* @__PURE__ */ e(p, { onClose: l, children: "직거래는 왜 하면 안되나요?" }),
+    /* @__PURE__ */ i(s, { children: [
+      t === "teacher" && /* @__PURE__ */ i(n, { tag: "p", variant: "h3R", textAlign: "center", children: [
+        /* @__PURE__ */ e(n, { tag: "strong", variant: "h3B", color: "etc.red", children: "직거래" }),
         ", 선생님에게 더 불리한 선택이에요."
       ] }),
-      /* @__PURE__ */ e(
+      t === "parent" && /* @__PURE__ */ i(n, { tag: "p", variant: "h4R", textAlign: "center", children: [
+        /* @__PURE__ */ e(n, { tag: "strong", variant: "h4B", color: "etc.red", children: "선생님과 직거래가 적발되면" }),
+        /* @__PURE__ */ e("br", {}),
+        "사고 발생 시 째깍악어의 도움을 받을 수 없어요"
+      ] }),
+      /* @__PURE__ */ i(
         o,
         {
           tag: "aside",
@@ -31,34 +37,61 @@ function x({
             borderRadius: 12,
             backgroundColor: g.primary
           },
-          children: /* @__PURE__ */ n(
-            o,
-            {
-              tag: "ul",
-              flexDirection: "column",
-              gap: 1,
-              inlineCSS: {
-                listStyle: "none",
-                padding: 0,
-                paddingLeft: r.content(2),
-                "& li:before": {
-                  content: '"•"',
-                  display: "inline-block",
-                  maxWidth: 4,
-                  fontSize: 18,
-                  marginRight: r.content(2)
-                }
-              },
-              children: [
-                /* @__PURE__ */ e(t, { tag: "li", variant: "b4R", color: "grey.70", children: "부모님과의 갈등, 수업 취소, 아이 안전사고 발생 시 째깍악어로부터 어떠한 도움도 받을 수 없으며" }),
-                /* @__PURE__ */ e(t, { tag: "li", variant: "b4R", color: "grey.70", children: "직거래가 적발될 경우 경고 없이 활동이 어렵고 바로 계약이 해지돼요" }),
-                /* @__PURE__ */ e(t, { tag: "li", variant: "b4R", color: "grey.70", children: "또한, 영업 방해로 간주되어 법적 조치가 진행될 수 있어요" })
-              ]
-            }
-          )
+          children: [
+            t === "parent" && /* @__PURE__ */ i(
+              o,
+              {
+                tag: "ul",
+                flexDirection: "column",
+                gap: 1,
+                inlineCSS: {
+                  listStyle: "none",
+                  padding: 0,
+                  paddingLeft: r.content(2),
+                  "& li:before": {
+                    content: '"•"',
+                    display: "inline-block",
+                    maxWidth: 4,
+                    fontSize: 18,
+                    marginRight: r.content(2)
+                  }
+                },
+                children: [
+                  /* @__PURE__ */ e(n, { tag: "li", variant: "b4R", color: "grey.70", children: "선생님과의 갈등 및 문제 발생시 째깍악어로부터 어떠한 도움이나 중재를 받으실 수 없고" }),
+                  /* @__PURE__ */ e(n, { tag: "li", variant: "b4R", color: "grey.70", children: "배상책임보험에 가입되지 않아 아이 안전사고 발생 시 보장받기 어려우며" }),
+                  /* @__PURE__ */ e(n, { tag: "li", variant: "b4R", color: "grey.70", children: "영업 방해로 간주되어, 법적 조치가 이루어집니다 (약관 제 42조)" })
+                ]
+              }
+            ),
+            t === "teacher" && /* @__PURE__ */ i(
+              o,
+              {
+                tag: "ul",
+                flexDirection: "column",
+                gap: 1,
+                inlineCSS: {
+                  listStyle: "none",
+                  padding: 0,
+                  paddingLeft: r.content(2),
+                  "& li:before": {
+                    content: '"•"',
+                    display: "inline-block",
+                    maxWidth: 4,
+                    fontSize: 18,
+                    marginRight: r.content(2)
+                  }
+                },
+                children: [
+                  /* @__PURE__ */ e(n, { tag: "li", variant: "b4R", color: "grey.70", children: "부모님과의 갈등, 수업 취소, 아이 안전사고 발생 시 째깍악어로부터 어떠한 도움도 받을 수 없으며" }),
+                  /* @__PURE__ */ e(n, { tag: "li", variant: "b4R", color: "grey.70", children: "직거래가 적발될 경우 경고 없이 활동이 어렵고 바로 계약이 해지돼요" }),
+                  /* @__PURE__ */ e(n, { tag: "li", variant: "b4R", color: "grey.70", children: "또한, 영업 방해로 간주되어 법적 조치가 진행될 수 있어요" })
+                ]
+              }
+            )
+          ]
         }
       ),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ i(
         o,
         {
           tag: "section",
@@ -78,10 +111,11 @@ function x({
                 inlineCSS: { flexShrink: 0 }
               }
             ),
-            /* @__PURE__ */ n(t, { tag: "p", variant: "b4R", color: "etc.orange", children: [
-              "부모님의 직거래 제안이 왔나요? 당황하지 마시고 째깍악어 운영본부에 알려주세요.",
+            /* @__PURE__ */ i(n, { tag: "p", variant: "b4R", color: "etc.orange", children: [
+              t === "teacher" && "부모님의 직거래 제안이 왔나요? 당황하지 마시고 째깍악어 운영본부에 알려주세요.",
+              t === "parent" && "선생님의 직거래 제안이 왔나요? 당황하지 마시고 째깍악어 운영팀에 알려주세요.",
               /* @__PURE__ */ e(
-                t,
+                n,
                 {
                   tag: "span",
                   "aria-hidden": !0,
@@ -93,13 +127,13 @@ function x({
               )
             ] }),
             /* @__PURE__ */ e(
-              l,
+              c,
               {
                 variant: "text",
                 size: "xSmall",
                 color: "secondary",
                 endAdornment: /* @__PURE__ */ e(a, { name: "ChevronRightLine" }),
-                onClick: d,
+                onClick: h,
                 inlineCSS: {
                   position: "absolute",
                   right: 0,
@@ -112,9 +146,9 @@ function x({
         }
       )
     ] }),
-    /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(l, { size: "large", onClick: i, children: "이해했어요" }) })
+    /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(c, { size: "large", onClick: l, children: "이해했어요" }) })
   ] });
 }
 export {
-  x as default
+  u as default
 };

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

@@ -7,9 +7,17 @@ export interface SystemMessageProps extends Omit<FlexboxProps, 'id'> {
     ctaType?: SystemMessageCtaType | null;
     ctaTargetTable?: string | null;
     ctaTargetId?: number | null;
+    subCtaTargetTable?: string | null;
+    subCtaTargetId?: number | null;
     content: string;
-    onAction?: (systemMessageType: SystemMessageType, ctaType?: SystemMessageCtaType | null, ctaTargetId?: number | null) => void;
+    onAction?: (params: {
+        systemMessageType: SystemMessageType;
+        ctaType?: SystemMessageCtaType | null;
+        ctaTargetId?: number | null;
+        subCtaTargetTable?: string | null;
+        subCtaTargetId?: number | null;
+    }) => void;
     onView?: () => void;
 }
-declare function SystemMessage({ children, ref, id, systemMessageType, content, ctaType, ctaTargetId, onAction, onView, inlineCSS, ...props }: SystemMessageProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function SystemMessage({ children, ref, id, systemMessageType, content, ctaType, ctaTargetId, subCtaTargetTable, subCtaTargetId, onAction, onView, inlineCSS, ...props }: SystemMessageProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default SystemMessage;

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

@@ -1,27 +1,29 @@
-import { jsx as e, jsxs as c, Fragment as b } from "react/jsx-runtime";
-import { useRef as x, useImperativeHandle as R, useEffect as v } from "react";
-import { Flexbox as d, Typography as o, Button as D, Icon as k } from "@dotss/ui";
-import y from "@dotss/ui/core/useTheme";
-import E from "../../../hooks/useInView/useInView.mjs";
-function z({
-  children: I,
+import { jsx as e, jsxs as c, Fragment as R } from "react/jsx-runtime";
+import { useRef as v, useImperativeHandle as D, useEffect as k } from "react";
+import { Flexbox as d, Typography as o, Button as y, Icon as E } from "@dotss/ui";
+import I from "@dotss/ui/core/useTheme";
+import T from "../../../hooks/useInView/useInView.mjs";
+function L({
+  children: W,
   ref: m,
-  id: T,
+  id: _,
   systemMessageType: a,
   content: p,
   ctaType: l,
   ctaTargetId: h,
+  subCtaTargetTable: u,
+  subCtaTargetId: f,
   onAction: i,
   onView: n,
-  inlineCSS: u,
-  ...f
+  inlineCSS: g,
+  ...S
 }) {
   const {
-    palette: { grey: g, pink: S }
-  } = y(), r = x(null);
-  R(m, () => r.current);
-  const { isInView: s } = E(r), t = ["DIRECT_TRADE_WORD_DETECTED"].includes(a), C = () => i == null ? void 0 : i(a, l, h);
-  return v(() => {
+    palette: { grey: C, pink: b }
+  } = I(), r = v(null);
+  D(m, () => r.current);
+  const { isInView: s } = T(r), t = ["DIRECT_TRADE_WORD_DETECTED"].includes(a), x = () => i == null ? void 0 : i({ systemMessageType: a, ctaType: l, ctaTargetId: h, subCtaTargetTable: u, subCtaTargetId: f });
+  return k(() => {
     s && (n == null || n());
   }, [s, n]), /* @__PURE__ */ e(
     d,
@@ -31,10 +33,10 @@ function z({
       mr: 4,
       pt: 1,
       pb: 1,
-      ...f,
+      ...S,
       inlineCSS: {
         overflowAnchor: "none",
-        ...u
+        ...g
       },
       children: /* @__PURE__ */ e(
         d,
@@ -43,7 +45,7 @@ function z({
           p: 3,
           inlineCSS: {
             width: "100%",
-            backgroundColor: t ? S[10] : g[10],
+            backgroundColor: t ? b[10] : C[10],
             borderRadius: 8
           },
           children: /* @__PURE__ */ c(
@@ -62,7 +64,7 @@ function z({
                 /* @__PURE__ */ e(o, { tag: "span", variant: "h5B", color: t ? "pink.80" : "grey.60", children: "알림" }),
                 " ",
                 p,
-                l && /* @__PURE__ */ c(b, { children: [
+                l && /* @__PURE__ */ c(R, { children: [
                   /* @__PURE__ */ e(
                     o,
                     {
@@ -75,13 +77,13 @@ function z({
                     }
                   ),
                   /* @__PURE__ */ e(
-                    D,
+                    y,
                     {
                       variant: "text",
                       size: "xSmall",
                       color: "secondary",
-                      endAdornment: /* @__PURE__ */ e(k, { name: "ChevronRightLine" }),
-                      onClick: C,
+                      endAdornment: /* @__PURE__ */ e(E, { name: "ChevronRightLine" }),
+                      onClick: x,
                       "aria-haspopup": "dialog",
                       "aria-controls": "system-message-action",
                       inlineCSS: {
@@ -103,5 +105,5 @@ function z({
   );
 }
 export {
-  z as default
+  L as default
 };

package/dist/teacher/home/components/BannerAccount/BannerAccount.fallback.mjs

@@ -1,10 +1,10 @@
-import { jsxs as r, Fragment as e, jsx as n } from "react/jsx-runtime";
-import { Flexbox as i, Skeleton as o } from "@dotss/ui";
+import { jsxs as n, Fragment as i, jsx as r } from "react/jsx-runtime";
+import { Flexbox as e, Skeleton as o } from "@dotss/ui";
 import t from "../../../../shared/components/LoadingAnnouncer/LoadingAnnouncer.mjs";
 function c() {
-  return /* @__PURE__ */ r(e, { children: [
-    /* @__PURE__ */ n(t, {}),
-    /* @__PURE__ */ n(i, { inlineCSS: { width: "100%" }, children: /* @__PURE__ */ n(o, { height: 100, borderRadius: 12, inlineCSS: { width: "100%" } }) })
+  return /* @__PURE__ */ n(i, { children: [
+    /* @__PURE__ */ r(t, {}),
+    /* @__PURE__ */ r(e, { "aria-busy": !0, inlineCSS: { width: "100%", cursor: "wait" }, children: /* @__PURE__ */ r(o, { height: 100, borderRadius: 12, inlineCSS: { width: "100%" } }) })
   ] });
 }
 export {

package/dist/teacher/home/components/Carousel1Account/Carousel1Account.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode, SyntheticEvent } from 'react';
-import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
 import { ImageProps } from '../../../../shared/components/Image';
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
 import { BannerProps } from '..';
 export interface Carousel1AccountProps extends Omit<FlexboxProps, 'title'> {
     id: string;

package/dist/teacher/home/components/Carousel1Account/Carousel1Account.fallback.mjs

@@ -3,7 +3,7 @@ import d from "@dotss/ui/core/useTheme";
 import r from "@dotss/ui/Flexbox";
 import e from "@dotss/ui/Skeleton";
 import h from "../../../../shared/components/LoadingAnnouncer/LoadingAnnouncer.mjs";
-function s() {
+function S() {
   const { spacing: t } = d();
   return /* @__PURE__ */ n(l, { children: [
     /* @__PURE__ */ i(h, {}),
@@ -12,7 +12,8 @@ function s() {
       {
         tag: "section",
         flexDirection: "column",
-        inlineCSS: { width: "100%", overflow: "hidden" },
+        "aria-busy": !0,
+        inlineCSS: { width: "100%", overflow: "hidden", cursor: "wait" },
         children: [
           /* @__PURE__ */ i(
             e,
@@ -63,5 +64,5 @@ function s() {
   ] });
 }
 export {
-  s as default
+  S as default
 };

package/dist/teacher/home/components/Carousel1Account/Carousel1Account.mjs

@@ -1,54 +1,56 @@
-import { jsx as e, Fragment as f, jsxs as n } from "react/jsx-runtime";
+import { jsx as r, Fragment as f, jsxs as n } from "react/jsx-runtime";
 import b from "@dotss/ui/core/useTheme";
-import c from "@dotss/ui/Flexbox";
-import l from "@dotss/ui/Typography";
+import l from "@dotss/ui/Flexbox";
+import c from "@dotss/ui/Typography";
 import C from "../../../../shared/components/Carousel/Carousel.mjs";
 import S from "../../../../shared/components/Carousel/CarouselSlide/CarouselSlide.mjs";
-import x from "../../../../shared/components/Image/Image.mjs";
+import w from "../../../../shared/components/Image/Image.mjs";
 import "@dotss/ui";
-function I({
-  id: d,
-  title: m,
-  banners: p,
-  onClickBanner: r,
+function D({
+  id: p,
+  title: d,
+  banners: m,
+  onClickBanner: t,
   imageProps: s,
-  ...u
+  ...h
 }) {
-  const { spacing: i } = b(), g = (o) => (t) => {
-    r && typeof r == "function" && (t.stopPropagation(), t.preventDefault(), r(o, t));
+  const { spacing: a } = b(), u = (i) => (e) => {
+    t && typeof t == "function" && (e.stopPropagation(), e.preventDefault(), t(i, e));
   };
-  return /* @__PURE__ */ e(f, { children: /* @__PURE__ */ n(c, { flexDirection: "column", inlineCSS: { width: "100%" }, ...u, children: [
-    /* @__PURE__ */ e(
-      l,
+  return /* @__PURE__ */ r(f, { children: /* @__PURE__ */ n(l, { flexDirection: "column", inlineCSS: { width: "100%" }, ...h, children: [
+    /* @__PURE__ */ r(
+      c,
       {
-        id: `banner-account-carousel1-${d}`,
+        id: `banner-account-carousel1-${p}`,
         variant: "h2B",
         inlineCSS: {
-          paddingLeft: i.content(4),
-          paddingRight: i.content(4),
-          marginBottom: i.content(3)
+          whiteSpace: "pre-wrap",
+          wordBreak: "keep-all",
+          paddingLeft: a.content(4),
+          paddingRight: a.content(4),
+          marginBottom: a.content(3)
         },
-        children: m
+        children: d
       }
     ),
-    /* @__PURE__ */ e(C, { rowCount: 2, step: 1, spacing: 5, children: p.map(({ id: o, title: t, url: a, image: h }) => /* @__PURE__ */ e(S, { children: /* @__PURE__ */ n(
-      c,
+    /* @__PURE__ */ r(C, { rowCount: 2, step: 1, spacing: 5, children: m.map(({ id: i, title: e, url: o, image: g }) => /* @__PURE__ */ r(S, { children: /* @__PURE__ */ n(
+      l,
       {
         tag: "a",
-        href: a,
+        href: o,
         alignItems: "center",
         gap: 4,
         draggable: !1,
-        onClick: g(a),
+        onClick: u(o),
         inlineCSS: { width: 264 },
         children: [
-          /* @__PURE__ */ e(
-            x,
+          /* @__PURE__ */ r(
+            w,
             {
-              src: h || "",
+              src: g || "",
               width: 140,
               height: 98,
-              alt: `${t} 이미지`,
+              alt: `${e} 이미지`,
               "aria-hidden": !0,
               draggable: !1,
               borderRadius: 12,
@@ -58,12 +60,12 @@ function I({
               ...s
             }
           ),
-          /* @__PURE__ */ e(l, { tag: "p", variant: "b2M", lineClamp: 2, children: t })
+          /* @__PURE__ */ r(c, { tag: "p", variant: "b2M", lineClamp: 2, children: e })
         ]
       }
-    ) }, `tictoccroc-carousel1-account-${o}`)) })
+    ) }, `tictoccroc-carousel1-account-${i}`)) })
   ] }) });
 }
 export {
-  I as default
+  D as default
 };