@dotss/tictoccroc 0.4.2 → 0.6.0

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

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

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

@@ -1,109 +1,84 @@
-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: _,
-  systemMessageType: a,
-  content: p,
-  ctaType: l,
-  ctaTargetId: h,
-  subCtaTargetTable: u,
-  subCtaTargetId: f,
-  onAction: i,
-  onView: n,
-  inlineCSS: g,
-  ...S
-}) {
-  const {
-    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,
-    {
-      ref: r,
-      ml: 4,
-      mr: 4,
-      pt: 1,
-      pb: 1,
-      ...S,
-      inlineCSS: {
-        overflowAnchor: "none",
-        ...g
-      },
-      children: /* @__PURE__ */ e(
-        d,
-        {
-          flexDirection: "column",
-          p: 3,
-          inlineCSS: {
-            width: "100%",
-            backgroundColor: t ? b[10] : C[10],
-            borderRadius: 8
-          },
-          children: /* @__PURE__ */ c(
-            o,
-            {
-              tag: "p",
-              variant: "b4R",
-              color: t ? "pink.80" : "grey.60",
-              inlineCSS: {
-                position: "relative",
-                "& > span": {
-                  fontWeight: 700
-                }
-              },
-              children: [
-                /* @__PURE__ */ e(o, { tag: "span", variant: "h5B", color: t ? "pink.80" : "grey.60", children: "알림" }),
-                " ",
-                p,
-                l && /* @__PURE__ */ c(R, { children: [
-                  /* @__PURE__ */ e(
-                    o,
-                    {
-                      tag: "span",
-                      "aria-hidden": !0,
-                      inlineCSS: {
-                        display: "inline-block",
-                        minWidth: 87
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    y,
-                    {
-                      variant: "text",
-                      size: "xSmall",
-                      color: "secondary",
-                      endAdornment: /* @__PURE__ */ e(E, { name: "ChevronRightLine" }),
-                      onClick: x,
-                      "aria-haspopup": "dialog",
-                      "aria-controls": "system-message-action",
-                      inlineCSS: {
-                        position: "absolute",
-                        right: 0,
-                        bottom: -2,
-                        fontWeight: 700
-                      },
-                      children: "더 알아보기"
-                    }
-                  )
-                ] })
-              ]
-            }
-          )
-        }
-      )
-    }
-  );
+import e from "../../../hooks/useInView/index.mjs";
+import { useEffect as t, useImperativeHandle as n, useRef as r } from "react";
+import { Button as i, Flexbox as a, Icon as o, Typography as s } from "@dotss/ui";
+import c from "@dotss/ui/core/useTheme";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region shared/components/ChatKit/SystemMessage/SystemMessage.tsx
+function f({ children: f, ref: p, id: m, systemMessageType: h, content: g, ctaType: _, ctaTargetId: v, subCtaTargetTable: y, subCtaTargetId: b, onAction: x, onView: S, inlineCSS: C, ...w }) {
+	let { palette: { grey: T, pink: E } } = c(), D = r(null);
+	n(p, () => D.current);
+	let { isInView: O } = e(D), k = ["DIRECT_TRADE_WORD_DETECTED"].includes(h), A = () => x?.({
+		systemMessageType: h,
+		ctaType: _,
+		ctaTargetId: v,
+		subCtaTargetTable: y,
+		subCtaTargetId: b
+	});
+	return t(() => {
+		O && S?.();
+	}, [O, S]), /* @__PURE__ */ u(a, {
+		ref: D,
+		ml: 4,
+		mr: 4,
+		pt: 1,
+		pb: 1,
+		...w,
+		inlineCSS: {
+			overflowAnchor: "none",
+			...C
+		},
+		children: /* @__PURE__ */ u(a, {
+			flexDirection: "column",
+			p: 3,
+			inlineCSS: {
+				width: "100%",
+				backgroundColor: k ? E[10] : T[10],
+				borderRadius: 8
+			},
+			children: /* @__PURE__ */ d(s, {
+				tag: "p",
+				variant: "b4R",
+				color: k ? "pink.80" : "grey.60",
+				inlineCSS: {
+					position: "relative",
+					"& > span": { fontWeight: 700 }
+				},
+				children: [
+					/* @__PURE__ */ u(s, {
+						tag: "span",
+						variant: "h5B",
+						color: k ? "pink.80" : "grey.60",
+						children: "알림"
+					}),
+					" ",
+					g,
+					_ && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(s, {
+						tag: "span",
+						"aria-hidden": !0,
+						inlineCSS: {
+							display: "inline-block",
+							minWidth: 87
+						}
+					}), /* @__PURE__ */ u(i, {
+						variant: "text",
+						size: "xSmall",
+						color: "secondary",
+						endAdornment: /* @__PURE__ */ u(o, { name: "ChevronRightLine" }),
+						onClick: A,
+						"aria-haspopup": "dialog",
+						"aria-controls": "system-message-action",
+						inlineCSS: {
+							position: "absolute",
+							right: 0,
+							bottom: -2,
+							fontWeight: 700
+						},
+						children: "더 알아보기"
+					})] })
+				]
+			})
+		})
+	});
 }
-export {
-  L as default
-};
+//#endregion
+export { f as default };

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

@@ -1,6 +1,6 @@
-function t({ content: e }) {
-  return `알림, ${e}`;
+//#region shared/components/ChatKit/SystemMessage/SystemMessage.utils.ts
+function e({ content: e }) {
+	return `알림, ${e}`;
 }
-export {
-  t as getSystemMessageLabel
-};
+//#endregion
+export { e as getSystemMessageLabel };

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

@@ -1,8 +1,7 @@
-import t from "./SystemMessage.mjs";
-import { default as s } from "./(Actions)/DirectTrageRiskInfoBottomSheet/DirectTrageRiskInfoBottomSheet.mjs";
-import { getSystemMessageLabel as m } from "./SystemMessage.utils.mjs";
-export {
-  s as DirectTradeRiskInfoBottomSheet,
-  t as default,
-  m as getSystemMessageLabel
-};
+import e from "./SystemMessage.mjs";
+import t from "./(Actions)/DirectTrageRiskInfoBottomSheet/DirectTrageRiskInfoBottomSheet.mjs";
+import { getSystemMessageLabel as n } from "./SystemMessage.utils.mjs";
+//#region shared/components/ChatKit/SystemMessage/index.ts
+var r = e;
+//#endregion
+export { t as DirectTradeRiskInfoBottomSheet, r as default, n as getSystemMessageLabel };