@dotss/tictoccroc 0.0.9 → 0.0.11

package/dist/index.mjs

@@ -9,15 +9,15 @@ import { default as g } from "./shared/components/MediaDialog/MediaDialogFooter/
 import { default as y } from "./shared/components/MediaDialog/MediaDialogToolbar/MediaDialogToolbar.mjs";
 import { default as A } from "./shared/components/Swiper/Swiper.mjs";
 import { default as v } from "./shared/components/Swiper/SwiperBlock/SwiperBlock.mjs";
-import { default as B } from "./shared/components/Carousel/Carousel.mjs";
+import { default as h } from "./shared/components/Carousel/Carousel.mjs";
 import { default as I } from "./shared/components/Carousel/CarouselSlide/CarouselSlide.mjs";
 import { default as M } from "./shared/components/TimePicker/TimePicker.mjs";
 import { default as R } from "./shared/components/Roller/Roller.mjs";
 import { default as T } from "./shared/components/Roller/RollerBlock/RollerBlock.mjs";
 import { default as G } from "./shared/components/Image/Image.mjs";
-import { default as K } from "./shared/components/Calendar/Calendar.mjs";
-import { default as Q } from "./shared/components/Masonry/Masonry.mjs";
-import { default as F } from "./shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
+import { default as F } from "./shared/components/Calendar/Calendar.mjs";
+import { default as N } from "./shared/components/Masonry/Masonry.mjs";
+import { default as j } from "./shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
 import { default as V } from "./shared/components/LoadingAnnouncer/LoadingAnnouncer.mjs";
 import { default as z } from "./shared/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
 import { default as J } from "./shared/utils/getImageUrl/getImageUrl.mjs";
@@ -32,77 +32,79 @@ import { default as se } from "./shared/utils/objectToQueryString/objectToQueryS
 import { default as ue } from "./shared/utils/getVimeoId/getVimeoId.mjs";
 import { default as ie } from "./shared/utils/parseQueryString/parseQueryString.mjs";
 import { default as ce } from "./shared/utils/share/share.mjs";
-import { default as ge } from "./teacher/profile/components/ProfileSummary/ProfileSummary.mjs";
-import { default as ye } from "./teacher/profile/components/StatBadgeCollection/StatBadgeCollection.mjs";
-import { default as Ae } from "./teacher/profile/components/StatBadgeCollection/StatBadge/StatBadge.mjs";
-import { default as ve } from "./teacher/profile/components/ActivityGallery/ActivityGallery.mjs";
-import { default as Be } from "./teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs";
-import { default as Ie } from "./teacher/profile/components/CertificateSection/CertificateSection.mjs";
-import { default as Me } from "./teacher/profile/components/CertificateSection/CertificateItem/CertificateItem.mjs";
-import { default as Re } from "./teacher/profile/components/CareerSection/CareerSection.mjs";
-import { default as Te } from "./teacher/profile/components/CareerSection/CareerItem/CareerItem.mjs";
-import { default as Ge } from "./teacher/profile/components/EducationSection/EducationSection.mjs";
-import { default as Ke } from "./teacher/profile/components/EducationSection/EducationItem/EducationItem.mjs";
-import { default as Qe } from "./teacher/profile/components/PreferredActivityKeywordGroup/PreferredActivityKeywordGroup.mjs";
-import { default as Fe } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.mjs";
-import { getPreferredAgeKeywords as Ve } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.utils.mjs";
-import { default as ze } from "./teacher/profile/components/AbilityCollection/AbilityCollection.mjs";
-import { default as Je } from "./teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.mjs";
-import { getAbilityCollection as We } from "./teacher/profile/components/AbilityCollection/AbilityCollection.utils.mjs";
-import { default as Ye } from "./teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs";
-import { default as _e } from "./teacher/profile/components/ClassNotesSection/ClassNotesSection.mjs";
-import { default as et } from "./teacher/profile/components/ClassNotesSection/ClassNote/ClassNote.mjs";
-import { default as ot } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.mjs";
-import { getChildLabel as at } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.utils.mjs";
-import { default as lt } from "./teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs";
+import { default as ge } from "./shared/utils/dayFlagToDay/dayFlagToDay.mjs";
+import { default as ye } from "./teacher/profile/components/ProfileSummary/ProfileSummary.mjs";
+import { default as Ae } from "./teacher/profile/components/StatBadgeCollection/StatBadgeCollection.mjs";
+import { default as ve } from "./teacher/profile/components/StatBadgeCollection/StatBadge/StatBadge.mjs";
+import { default as he } from "./teacher/profile/components/ActivityGallery/ActivityGallery.mjs";
+import { default as Ie } from "./teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs";
+import { default as Me } from "./teacher/profile/components/CertificateSection/CertificateSection.mjs";
+import { default as Re } from "./teacher/profile/components/CertificateSection/CertificateItem/CertificateItem.mjs";
+import { default as Te } from "./teacher/profile/components/CareerSection/CareerSection.mjs";
+import { default as Ge } from "./teacher/profile/components/CareerSection/CareerItem/CareerItem.mjs";
+import { default as Fe } from "./teacher/profile/components/EducationSection/EducationSection.mjs";
+import { default as Ne } from "./teacher/profile/components/EducationSection/EducationItem/EducationItem.mjs";
+import { default as je } from "./teacher/profile/components/PreferredActivityKeywordGroup/PreferredActivityKeywordGroup.mjs";
+import { default as Ve } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.mjs";
+import { getPreferredAgeKeywords as ze } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.utils.mjs";
+import { default as Je } from "./teacher/profile/components/AbilityCollection/AbilityCollection.mjs";
+import { default as We } from "./teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.mjs";
+import { getAbilityCollection as Ye } from "./teacher/profile/components/AbilityCollection/AbilityCollection.utils.mjs";
+import { default as _e } from "./teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs";
+import { default as et } from "./teacher/profile/components/ClassNotesSection/ClassNotesSection.mjs";
+import { default as ot } from "./teacher/profile/components/ClassNotesSection/ClassNote/ClassNote.mjs";
+import { default as at } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.mjs";
+import { getChildLabel as lt } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.utils.mjs";
+import { default as st } from "./teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs";
 export {
-  Je as AbilityBadge,
-  ze as AbilityCollection,
-  ve as ActivityGallery,
-  Be as ActivityGalleryItem,
-  Ye as AvailableScheduleSection,
-  K as Calendar,
-  Te as CareerItem,
-  Re as CareerSection,
-  B as Carousel,
+  We as AbilityBadge,
+  Je as AbilityCollection,
+  he as ActivityGallery,
+  Ie as ActivityGalleryItem,
+  _e as AvailableScheduleSection,
+  F as Calendar,
+  Ge as CareerItem,
+  Te as CareerSection,
+  h as Carousel,
   I as CarouselSlide,
-  Me as CertificateItem,
-  Ie as CertificateSection,
-  et as ClassNote,
-  _e as ClassNotesSection,
-  Ke as EducationItem,
-  Ge as EducationSection,
+  Re as CertificateItem,
+  Me as CertificateSection,
+  ot as ClassNote,
+  et as ClassNotesSection,
+  Ne as EducationItem,
+  Fe as EducationSection,
   G as Image,
   V as LoadingAnnouncer,
-  Q as Masonry,
-  F as MasonryBlock,
+  N as Masonry,
+  j as MasonryBlock,
   i as MediaBlock,
   u as MediaDialog,
   c as MediaDialogContent,
   g as MediaDialogFooter,
   y as MediaDialogToolbar,
-  lt as ParentReviewCard,
-  ot as ParentReviewSection,
-  Qe as PreferredActivityKeywordGroup,
-  Fe as PreferredAgeGroup,
-  ge as ProfileSummary,
+  st as ParentReviewCard,
+  at as ParentReviewSection,
+  je as PreferredActivityKeywordGroup,
+  Ve as PreferredAgeGroup,
+  ye as ProfileSummary,
   R as Roller,
   T as RollerBlock,
   l as ScheduleBlock,
   a as ScheduleEvent,
   o as Scheduler,
-  Ae as StatBadge,
-  ye as StatBadgeCollection,
+  ve as StatBadge,
+  Ae as StatBadgeCollection,
   A as Swiper,
   v as SwiperBlock,
   M as TimePicker,
   le as birthDateToAge,
-  We as getAbilityCollection,
+  ge as dayFlagToDay,
+  Ye as getAbilityCollection,
   s as getAvailableDateRange,
-  at as getChildLabel,
+  lt as getChildLabel,
   _ as getDateRange,
   J as getImageUrl,
-  Ve as getPreferredAgeKeywords,
+  ze as getPreferredAgeKeywords,
   Y as getTimeRange,
   ue as getVimeoId,
   ee as isAndroid,

package/dist/shared/components/Scheduler/Scheduler.utils.d.ts

@@ -1,5 +1,6 @@
 import { Dayjs } from 'dayjs';
 import { ScheduleEventProps } from './ScheduleEvent/ScheduleEvent';
+import { DayFlag } from '../../typings/common';
 export interface ScheduleEventWithRange extends ScheduleEventProps {
     start: number;
     end: number;
@@ -27,7 +28,7 @@ export declare function getAvailableDateRange(startDate: string | Date | Dayjs,
         endDate: string;
         startTime: number;
         endTime: number;
-        weekDay: string | number;
+        dayFlag: DayFlag[];
         oneDayDate: string | null;
     }[];
     mergedTimeBlocks: boolean;

package/dist/shared/components/Scheduler/Scheduler.utils.mjs

@@ -1,7 +1,8 @@
 import s from "dayjs";
-import g from "../../utils/getDateRange/getDateRange.mjs";
-import y from "../../utils/getTimeRange/getTimeRange.mjs";
-function M(u, n = []) {
+import g from "../../utils/dayFlagToDay/dayFlagToDay.mjs";
+import v from "../../utils/getDateRange/getDateRange.mjs";
+import E from "../../utils/getTimeRange/getTimeRange.mjs";
+function C(u, n = []) {
   const a = Array.from({ length: 7 }, (e, f) => u.add(f, "day")), i = u, o = u.add(6, "day").endOf("day"), m = n.map((e) => {
     const f = s(e.startDate), t = s(e.endDate).endOf("day"), r = f.isBefore(i) ? i : f, c = t.isAfter(o) ? o : t, l = r.diff(i, "day"), p = c.diff(r, "day") + 1;
     return {
@@ -12,12 +13,12 @@ function M(u, n = []) {
   }).filter((e) => e.start <= 6 && e.end >= 0);
   return { days: a.map((e) => e), scheduleEvents: m };
 }
-function _(u, n) {
+function O(u, n) {
   return u.filter(
     (a) => s(a.startDate).isBefore(n.endOf("day")) && s(a.endDate).isAfter(n.startOf("day"))
   );
 }
-function Y(u, n) {
+function x(u, n) {
   const a = n.startOf("day"), i = n.endOf("day"), m = [...u.filter(
     (t) => s(t.startDate).isBefore(i) && s(t.endDate).isAfter(a)
   ).map((t) => ({
@@ -62,20 +63,20 @@ function D(u) {
   const i = n.length;
   return a.forEach((o) => o.totalColumns = i), a;
 }
-function C(u) {
+function A(u) {
   const n = s(u);
   return n.hour() * 60 + n.minute();
 }
-function O(u, n, {
+function b(u, n, {
   schedules: a,
   mergedTimeBlocks: i = !1
 }) {
-  return g(u, n).flatMap(({ value: o }, m) => {
-    const e = a.filter(({ startDate: r, endDate: c, weekDay: l }) => {
+  return v(u, n).flatMap(({ value: o }, m) => {
+    const e = a.filter(({ startDate: r, endDate: c, dayFlag: l }) => {
       const p = s(r), h = s(c);
-      return p.isAfter(o) || h.isBefore(o) ? !1 : String(l) === o.getDay().toString();
+      return p.isAfter(o) || h.isBefore(o) ? !1 : l.some((y) => g(y) === s(o).day());
     }).filter(({ oneDayDate: r }) => r ? s(r).isSame(o, "date") : !0).flatMap(
-      ({ id: r, startTime: c, endTime: l }) => y(Number(c), Number(l), {
+      ({ id: r, startTime: c, endTime: l }) => E(Number(c), Number(l), {
         step: i ? l - c : void 0,
         pairs: !i
       }).map(({ value: p, label: h }) => ({
@@ -95,9 +96,9 @@ function O(u, n, {
 }
 export {
   D as assignColumnsToGroup,
-  M as generateWeek,
-  O as getAvailableDateRange,
-  _ as getDayScheduleEvents,
-  C as getMinutesFromMidnight,
-  Y as resolvePositionedScheduleEventsForDate
+  C as generateWeek,
+  b as getAvailableDateRange,
+  O as getDayScheduleEvents,
+  A as getMinutesFromMidnight,
+  x as resolvePositionedScheduleEventsForDate
 };

package/dist/shared/typings/common.d.ts

@@ -0,0 +1,9 @@
+export declare const enum DayFlag {
+    SUN = "SUN",
+    MON = "MON",
+    TUE = "TUE",
+    WED = "WED",
+    THU = "THU",
+    FRI = "FRI",
+    SAT = "SAT"
+}

package/dist/shared/typings/common.mjs

@@ -0,0 +1,4 @@
+var U = /* @__PURE__ */ ((T) => (T.SUN = "SUN", T.MON = "MON", T.TUE = "TUE", T.WED = "WED", T.THU = "THU", T.FRI = "FRI", T.SAT = "SAT", T))(U || {});
+export {
+  U as DayFlag
+};

package/dist/shared/typings/index.d.ts

@@ -0,0 +1 @@
+export * from './common';

package/dist/shared/typings/index.mjs

@@ -0,0 +1,4 @@
+import { DayFlag as r } from "./common.mjs";
+export {
+  r as DayFlag
+};

package/dist/shared/utils/dayFlagToDay/dayFlagToDay.d.ts

@@ -0,0 +1,2 @@
+import { DayFlag } from '../../typings/common';
+export default function dayFlagToDay(dayFlag?: DayFlag): 1 | 0 | 2 | 4 | 3 | 5 | 6 | null;

package/dist/shared/utils/dayFlagToDay/dayFlagToDay.mjs

@@ -0,0 +1,24 @@
+import { DayFlag as r } from "../../typings/common.mjs";
+function t(e) {
+  switch (e) {
+    case r.SUN:
+      return 0;
+    case r.MON:
+      return 1;
+    case r.TUE:
+      return 2;
+    case r.WED:
+      return 3;
+    case r.THU:
+      return 4;
+    case r.FRI:
+      return 5;
+    case r.SAT:
+      return 6;
+    default:
+      return null;
+  }
+}
+export {
+  t as default
+};

package/dist/shared/utils/dayFlagToDay/dayFlagToDay.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/shared/utils/dayFlagToDay/index.d.ts

@@ -0,0 +1,2 @@
+import { default as dayFlagToDay } from './dayFlagToDay';
+export default dayFlagToDay;

package/dist/shared/utils/dayFlagToDay/index.mjs

@@ -0,0 +1,4 @@
+import o from "./dayFlagToDay.mjs";
+export {
+  o as default
+};

package/dist/shared/utils/index.d.ts

@@ -10,3 +10,4 @@ export { default as objectToQueryString } from './objectToQueryString';
 export { default as getVimeoId } from './getVimeoId';
 export { default as parseQueryString } from './parseQueryString';
 export { default as share } from './share';
+export { default as dayFlagToDay } from './dayFlagToDay';

package/dist/shared/utils/index.mjs

@@ -1,26 +1,28 @@
 import { default as t } from "./getImageUrl/getImageUrl.mjs";
 import { default as o } from "./isServer/isServer.mjs";
 import { default as s } from "./getTimeRange/getTimeRange.mjs";
-import { default as d } from "./getDateRange/getDateRange.mjs";
-import { default as u } from "./isAndroid/isAndroid.mjs";
+import { default as p } from "./getDateRange/getDateRange.mjs";
+import { default as l } from "./isAndroid/isAndroid.mjs";
 import { default as x } from "./isApp/isApp.mjs";
 import { default as i } from "./isDesktop/isDesktop.mjs";
-import { default as A } from "./birthDateToAge/birthDateToAge.mjs";
-import { default as S } from "./objectToQueryString/objectToQueryString.mjs";
-import { default as b } from "./getVimeoId/getVimeoId.mjs";
-import { default as y } from "./parseQueryString/parseQueryString.mjs";
+import { default as y } from "./birthDateToAge/birthDateToAge.mjs";
+import { default as T } from "./objectToQueryString/objectToQueryString.mjs";
+import { default as S } from "./getVimeoId/getVimeoId.mjs";
+import { default as h } from "./parseQueryString/parseQueryString.mjs";
 import { default as Q } from "./share/share.mjs";
+import { default as c } from "./dayFlagToDay/dayFlagToDay.mjs";
 export {
-  A as birthDateToAge,
-  d as getDateRange,
+  y as birthDateToAge,
+  c as dayFlagToDay,
+  p as getDateRange,
   t as getImageUrl,
   s as getTimeRange,
-  b as getVimeoId,
-  u as isAndroid,
+  S as getVimeoId,
+  l as isAndroid,
   x as isApp,
   i as isDesktop,
   o as isServer,
-  S as objectToQueryString,
-  y as parseQueryString,
+  T as objectToQueryString,
+  h as parseQueryString,
   Q as share
 };

package/dist/teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.mjs

@@ -7,8 +7,8 @@ function F({
   name: t,
   iconBasePath: b,
   completed: d,
-  detail: { open: S, label: m, description: p, onClose: s, onClickApply: g },
-  ...o
+  detail: { open: S, label: m, description: p, onClose: s, onClickApply: o },
+  ...g
 }) {
   const {
     palette: { brand: l },
@@ -27,8 +27,8 @@ function F({
         "aria-controls": `ability-badge-detail-${t}`,
         "aria-expanded": S,
         gap: 2,
-        ...o,
-        inlineCSS: { width: "100%", cursor: "pointer", ...o == null ? void 0 : o.inlineCSS },
+        ...g,
+        inlineCSS: { width: "100%", cursor: "pointer", ...g == null ? void 0 : g.inlineCSS },
         children: [
           /* @__PURE__ */ i(
             h,
@@ -96,7 +96,7 @@ function F({
                     alignItems: "center",
                     justifyContent: "center",
                     gap: 2,
-                    mb: d ? 4 : void 0,
+                    mb: d || typeof o != "function" ? 4 : void 0,
                     children: [
                       /* @__PURE__ */ i(e, { tag: "h3", variant: "h3B", id: `ability-badge-detail-name-${t}`, children: t }),
                       /* @__PURE__ */ i(v, { variant: "outlined", color: "blue", size: "small", children: m }),
@@ -116,7 +116,7 @@ function F({
                     ]
                   }
                 ),
-                !d && typeof g == "function" && /* @__PURE__ */ r(
+                !d && typeof o == "function" && /* @__PURE__ */ r(
                   a,
                   {
                     mt: 2,
@@ -432,7 +432,7 @@ function F({
               ]
             }
           ),
-          !d && typeof g == "function" && /* @__PURE__ */ i(R, { children: /* @__PURE__ */ i(L, { size: "large", onClick: g, children: "신청하기" }) })
+          !d && typeof o == "function" && /* @__PURE__ */ i(R, { children: /* @__PURE__ */ i(L, { size: "large", onClick: o, children: "신청하기" }) })
         ]
       }
     )

package/dist/teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs

@@ -1,6 +1,6 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { forwardRef as w, useState as S } from "react";
-import { Flexbox as n, Typography as o, Button as k, Icon as I } from "@dotss/ui";
+import { Flexbox as l, Typography as o, Button as k, Icon as I } from "@dotss/ui";
 import R from "@dotss/ui/core/useTheme";
 import D from "@dotss/ui/Switch";
 import j from "../../../../shared/components/Image/Image.mjs";
@@ -10,7 +10,7 @@ const M = w(
   function({
     children: g,
     title: m = "수업 가능 일정",
-    action: c,
+    action: r,
     footer: d,
     flat: s = !1,
     schedulerProps: p,
@@ -20,12 +20,12 @@ const M = w(
   }, v) {
     const {
       palette: { grey: b, background: f }
-    } = R(), [t, C] = S(!1), x = () => C((r) => !r), y = (r) => {
+    } = R(), [t, C] = S(!1), x = () => C((c) => !c), y = (c) => {
       var u;
-      return (u = i.onChange) == null ? void 0 : u.call(i, r);
+      return (u = i.onChange) == null ? void 0 : u.call(i, c);
     };
-    return /* @__PURE__ */ l(
-      n,
+    return /* @__PURE__ */ n(
+      l,
       {
         ref: v,
         tag: "section",
@@ -40,9 +40,9 @@ const M = w(
         },
         children: [
           /* @__PURE__ */ e(o, { id: "available-schedule-section-title", tag: "h2", variant: "h2B", children: m }),
-          i.active && /* @__PURE__ */ l(n, { flexDirection: "column", gap: 2, children: [
-            /* @__PURE__ */ l(
-              n,
+          i.active && /* @__PURE__ */ n(l, { flexDirection: "column", gap: 2, children: [
+            /* @__PURE__ */ n(
+              l,
               {
                 flexDirection: "column",
                 inlineCSS: {
@@ -54,7 +54,7 @@ const M = w(
                   overflow: "hidden"
                 },
                 children: [
-                  !s && /* @__PURE__ */ e(n, { pt: 4 }),
+                  !s && /* @__PURE__ */ e(l, { pt: 4 }),
                   /* @__PURE__ */ e(
                     A,
                     {
@@ -87,10 +87,10 @@ const M = w(
                 ]
               }
             ),
-            d && /* @__PURE__ */ e(n, { id: "available-schedule-section-footer", tag: "footer", pl: 12, pr: 2, children: d })
+            d && /* @__PURE__ */ e(l, { id: "available-schedule-section-footer", tag: "footer", pl: 12, pr: 2, children: d })
           ] }),
-          typeof i.onChange == "function" && /* @__PURE__ */ l(
-            n,
+          typeof i.onChange == "function" && /* @__PURE__ */ n(
+            l,
             {
               alignItems: "center",
               justifyContent: "space-between",
@@ -105,6 +105,8 @@ const M = w(
                   {
                     selected: !!i.active,
                     onChange: y,
+                    selectedLabel: "활동중",
+                    unselectedLabel: "쉬는중",
                     inputProps: {
                       id: "available-schedule-section-switch"
                     }
@@ -113,8 +115,8 @@ const M = w(
               ]
             }
           ),
-          !i.active && /* @__PURE__ */ l(
-            n,
+          !i.active && /* @__PURE__ */ n(
+            l,
             {
               role: "status",
               pt: 5,
@@ -170,8 +172,8 @@ const M = w(
               ]
             }
           ),
-          c && /* @__PURE__ */ e(
-            n,
+          r && /* @__PURE__ */ e(
+            l,
             {
               mt: 2,
               alignItems: "center",
@@ -179,7 +181,7 @@ const M = w(
               inlineCSS: {
                 width: "inherit"
               },
-              children: c
+              children: r
             }
           )
         ]

package/dist/teacher/profile/components/CareerSection/CareerItem/CareerItem.mjs

@@ -66,8 +66,7 @@ function T({
             ),
             /* @__PURE__ */ e(h, { id: `career-item-title-${b}`, tag: "p", variant: "b2M", children: [
               v,
-              f === "VERIFIED" && // TODO 아이콘 교체 필요
-              /* @__PURE__ */ i(
+              f === "VERIFIED" && /* @__PURE__ */ i(
                 d,
                 {
                   name: "InfoFill",

package/dist/teacher/profile/components/ProfileSummary/ProfileSummary.mjs

@@ -1,49 +1,47 @@
-import { jsxs as n, jsx as e, Fragment as w } from "react/jsx-runtime";
-import { useState as R, useRef as J, useEffect as B } from "react";
-import { Flexbox as t, Typography as o, Icon as p, Label as G, Button as K } from "@dotss/ui";
-import O from "@dotss/ui/core/useTheme";
-import L from "dayjs";
-import W from "../../../../shared/components/Image/Image.mjs";
-function Q({
+import { jsxs as n, jsx as e, Fragment as C } from "react/jsx-runtime";
+import { useState as R, useRef as F, useEffect as J } from "react";
+import { Flexbox as r, Typography as t, Icon as d, Label as B, Button as A } from "@dotss/ui";
+import G from "@dotss/ui/core/useTheme";
+import K from "dayjs";
+import O from "../../../../shared/components/Image/Image.mjs";
+import { getLastActiveText as W } from "./ProfileSummary.utils.mjs";
+function Y({
   avatar: i,
-  introduction: r,
-  name: h,
-  grade: y,
-  activeHours: b = 0,
-  rating: f = 0,
-  reviewCount: g = 0,
-  adronment: k,
-  lastActiveAt: E,
-  action: D
+  introduction: l,
+  name: u,
+  grade: f,
+  activeHours: S = 0,
+  rating: h = 0,
+  reviewCount: p = 0,
+  adronment: L,
+  lastActiveAt: x,
+  action: v
 }) {
   const {
-    palette: { background: C, brand: I, etc: z },
+    palette: { background: y, brand: E, etc: k },
     spacing: a
-  } = O(), [u, M] = R(!1), [$, j] = R(!1), x = J(null), T = b >= 0 && g > 0, m = E ? L(E) : null, v = (l) => {
-    const c = L(), s = c.diff(l, "minute"), S = c.diff(l, "hour"), d = c.diff(l, "day");
-    return s < 1 ? "방금 전 활동" : s < 60 ? `${s}분 전 활동` : S < 24 ? `${S}시간 전 활동` : d < 7 ? `${d}일 전 활동` : d < 14 ? "1주 이내 활동" : d < 21 ? "2주 이내 활동" : d < 28 ? "3주 이내 활동" : d <= 30 ? "한 달 이내 활동" : null;
-  }, H = (l) => {
-    var c, s;
-    switch (l.key) {
+  } = G(), [m, D] = R(!1), [z, T] = R(!1), b = F(null), w = S >= 0 && p > 0, c = x ? K(x) : null, I = c ? W(c) : null, j = (o) => {
+    var s, g;
+    switch (o.key) {
       case "Enter":
-        l.preventDefault(), (c = i.onClick) == null || c.call(i, l);
+        o.preventDefault(), (s = i.onClick) == null || s.call(i, o);
         break;
       case " ":
-        l.preventDefault(), (s = i.onClick) == null || s.call(i, l);
+        o.preventDefault(), (g = i.onClick) == null || g.call(i, o);
         break;
     }
-  }, F = () => M((l) => !l);
-  return B(() => {
-    const l = () => {
-      if (!x.current) return;
-      const c = x.current, s = parseInt(window.getComputedStyle(c).lineHeight), S = c.scrollHeight, d = Math.ceil(S / s);
-      j(d > 4);
+  }, M = () => D((o) => !o);
+  return J(() => {
+    const o = () => {
+      if (!b.current) return;
+      const s = b.current, g = parseInt(window.getComputedStyle(s).lineHeight), $ = s.scrollHeight, H = Math.ceil($ / g);
+      T(H > 4);
     };
-    return l(), window.addEventListener("resize", l), () => {
-      window.removeEventListener("resize", l);
+    return o(), window.addEventListener("resize", o), () => {
+      window.removeEventListener("resize", o);
     };
-  }, [r.aboutMe]), /* @__PURE__ */ n(
-    t,
+  }, [l.aboutMe]), /* @__PURE__ */ n(
+    r,
     {
       tag: "section",
       flexDirection: "column",
@@ -53,14 +51,14 @@ function Q({
         width: "100%"
       },
       children: [
-        /* @__PURE__ */ n(t, { alignItems: "flex-start", gap: 4, children: [
-          /* @__PURE__ */ n(t, { flexDirection: "column", gap: 2, alignItems: "center", justifyContent: "center", children: [
+        /* @__PURE__ */ n(r, { alignItems: "center", gap: 4, children: [
+          /* @__PURE__ */ n(r, { flexDirection: "column", gap: 2, alignItems: "center", justifyContent: "center", children: [
             /* @__PURE__ */ n(
-              t,
+              r,
               {
                 role: typeof i.onClick == "function" ? "button" : void 0,
                 tabIndex: typeof i.onClick == "function" ? 0 : -1,
-                onKeyDown: H,
+                onKeyDown: j,
                 onClick: i.onClick,
                 alignItems: "center",
                 justifyContent: "center",
@@ -73,26 +71,27 @@ function Q({
                   width: 88,
                   height: 88,
                   overflow: "hidden",
-                  backgroundColor: C.primary,
+                  backgroundColor: y.primary,
                   cursor: typeof i.onClick == "function" ? "pointer" : void 0
                 },
                 children: [
                   i.src && /* @__PURE__ */ e(
-                    W,
+                    O,
                     {
                       width: 88,
                       height: 88,
                       src: i.src,
-                      alt: `${h} 선생님 프로필 이미지`,
+                      alt: `${u} 선생님 프로필 이미지`,
                       fit: "cover",
                       borderRadius: 100,
+                      role: "presentation",
                       style: {
                         objectFit: "cover"
                       }
                     }
                   ),
                   !i.src && !i.placeholder && /* @__PURE__ */ n(
-                    t,
+                    r,
                     {
                       role: "status",
                       flexDirection: "column",
@@ -100,7 +99,7 @@ function Q({
                       justifyContent: "center",
                       children: [
                         /* @__PURE__ */ e(
-                          o,
+                          t,
                           {
                             tag: "p",
                             variant: "c3M",
@@ -109,14 +108,14 @@ function Q({
                             children: "프로필 사진"
                           }
                         ),
-                        /* @__PURE__ */ e(o, { tag: "span", variant: "c5R", color: "etc.red", "aria-hidden": !0, children: "(필수)" })
+                        /* @__PURE__ */ e(t, { tag: "span", variant: "c5R", color: "etc.red", "aria-hidden": !0, children: "(필수)" })
                       ]
                     }
                   ),
                   !i.src && i.placeholder && i.placeholder,
-                  i.status === "REJECTED" && /* @__PURE__ */ n(w, { children: [
+                  i.status === "REJECTED" && /* @__PURE__ */ n(C, { children: [
                     /* @__PURE__ */ e(
-                      t,
+                      r,
                       {
                         alignItems: "center",
                         justifyContent: "center",
@@ -127,13 +126,13 @@ function Q({
                           width: "100%",
                           height: "100%",
                           opacity: 0.8,
-                          backgroundColor: C.primary,
+                          backgroundColor: y.primary,
                           zIndex: 1
                         }
                       }
                     ),
                     /* @__PURE__ */ e(
-                      p,
+                      d,
                       {
                         name: "AlertFill",
                         size: "xSmall",
@@ -147,177 +146,168 @@ function Q({
                         }
                       }
                     ),
-                    /* @__PURE__ */ e(o, { role: "status", visuallyHidden: !0, children: "프로필 사진이 반려되었어요. 다시 등록해주세요." })
+                    /* @__PURE__ */ e(t, { role: "status", visuallyHidden: !0, children: "프로필 사진이 반려되었어요. 다시 등록해주세요." })
                   ] })
                 ]
               }
             ),
-            (m == null ? void 0 : m.isValid()) && /* @__PURE__ */ e(o, { tag: "p", variant: "c3M", color: "grey.50", children: v(m) })
+            (c == null ? void 0 : c.isValid()) && /* @__PURE__ */ e(
+              t,
+              {
+                tag: "p",
+                variant: "c3M",
+                color: "grey.50",
+                inlineCSS: {
+                  visibility: I ? void 0 : "hidden"
+                },
+                children: I || "활동 정보 없음"
+              }
+            )
           ] }),
-          /* @__PURE__ */ n(
-            t,
-            {
-              flexDirection: "column",
-              justifyContent: "flex-start",
-              gap: 3,
-              pt: 0.75,
-              pb: 0.75,
-              flexGrow: 1,
-              children: [
-                /* @__PURE__ */ n(
-                  t,
-                  {
-                    alignItems: "center",
-                    gap: 2,
-                    flexWrap: "wrap",
-                    inlineCSS: {
-                      maxHeight: 30
-                    },
-                    children: [
-                      y && /* @__PURE__ */ e(
-                        G,
-                        {
-                          variant: "outlined",
-                          size: "small",
-                          color: "blue",
-                          "aria-label": `${h} 선생님의 등급: ${y}`,
-                          children: y
-                        }
-                      ),
-                      /* @__PURE__ */ n(
-                        o,
-                        {
-                          tag: "p",
-                          variant: "h2B",
-                          "aria-label": `${h} 선생님`,
-                          inlineCSS: {
-                            flexGrow: 1,
-                            "& > span": {
-                              marginLeft: a.content(1),
-                              fontWeight: 400
+          /* @__PURE__ */ n(r, { flexDirection: "column", justifyContent: "flex-start", gap: 3, flexGrow: 1, children: [
+            /* @__PURE__ */ n(r, { alignItems: "center", gap: 2, flexWrap: "wrap", children: [
+              f && /* @__PURE__ */ e(B, { variant: "outlined", size: "small", color: "blue", "aria-label": `${f} 등급`, children: f }),
+              /* @__PURE__ */ n(
+                t,
+                {
+                  tag: "p",
+                  variant: "h2B",
+                  "aria-label": `${u} 선생님`,
+                  inlineCSS: {
+                    flexGrow: 1,
+                    "& > span": {
+                      marginLeft: a.content(1),
+                      fontWeight: 400
+                    }
+                  },
+                  children: [
+                    u,
+                    /* @__PURE__ */ e("span", { "aria-hidden": !0, children: "선생님" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e(
+                r,
+                {
+                  alignItems: "center",
+                  inlineCSS: {
+                    maxHeight: 30
+                  },
+                  children: L
+                }
+              )
+            ] }),
+            /* @__PURE__ */ n(
+              r,
+              {
+                pl: 4,
+                pr: 4,
+                pt: 2,
+                pb: 2,
+                justifyContent: "space-around",
+                alignItems: "center",
+                gap: 5,
+                "aria-hidden": !w,
+                inlineCSS: {
+                  borderRadius: 8,
+                  backgroundColor: y.primary,
+                  visibility: w ? void 0 : "hidden"
+                },
+                children: [
+                  /* @__PURE__ */ n(r, { alignItems: "center", role: "group", "aria-label": `누적 수업 ${S}시간`, children: [
+                    /* @__PURE__ */ e(d, { name: "TimeLine", size: "xSmall", color: "grey.70" }),
+                    /* @__PURE__ */ e(
+                      t,
+                      {
+                        tag: "p",
+                        variant: "h4B",
+                        inlineCSS: {
+                          marginLeft: a.content(1),
+                          color: E.primary.text
+                        },
+                        children: S.toLocaleString()
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      t,
+                      {
+                        tag: "span",
+                        variant: "b5R",
+                        color: "grey.70",
+                        inlineCSS: {
+                          marginLeft: a.content(0.5)
+                        },
+                        children: "시간"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ n(
+                    r,
+                    {
+                      alignItems: "center",
+                      role: "group",
+                      "aria-label": h > 0 ? `평점 ${h}, 리뷰 ${p}개` : `평점 집계중, 리뷰 ${p}개`,
+                      children: [
+                        /* @__PURE__ */ e(d, { name: "ReviewLine", size: "xSmall", color: "grey.70" }),
+                        h > 0 ? /* @__PURE__ */ n(C, { children: [
+                          /* @__PURE__ */ e(
+                            t,
+                            {
+                              tag: "p",
+                              variant: "h4B",
+                              inlineCSS: {
+                                marginLeft: a.content(1),
+                                color: E.primary.text
+                              },
+                              children: h.toLocaleString()
                             }
-                          },
-                          children: [
-                            h,
-                            /* @__PURE__ */ e("span", { "aria-hidden": !0, children: "선생님" })
-                          ]
-                        }
-                      ),
-                      k
-                    ]
-                  }
-                ),
-                T && /* @__PURE__ */ n(
-                  t,
-                  {
-                    pl: 4,
-                    pr: 4,
-                    pt: 2,
-                    pb: 2,
-                    justifyContent: "space-around",
-                    alignItems: "center",
-                    gap: 5,
-                    inlineCSS: {
-                      borderRadius: 8,
-                      backgroundColor: C.primary
-                    },
-                    children: [
-                      /* @__PURE__ */ n(t, { alignItems: "center", role: "group", "aria-label": `누적 수업 ${b}시간`, children: [
-                        /* @__PURE__ */ e(p, { name: "TimeLine", size: "xSmall", color: "grey.70" }),
-                        /* @__PURE__ */ e(
-                          o,
+                          ),
+                          /* @__PURE__ */ n(
+                            t,
+                            {
+                              tag: "span",
+                              variant: "b5R",
+                              color: "grey.70",
+                              inlineCSS: {
+                                marginLeft: a.content(0.5)
+                              },
+                              children: [
+                                "(",
+                                p.toLocaleString(),
+                                ")"
+                              ]
+                            }
+                          )
+                        ] }) : /* @__PURE__ */ e(
+                          t,
                           {
                             tag: "p",
-                            variant: "h4B",
-                            inlineCSS: {
-                              marginLeft: a.content(1),
-                              color: I.primary.text
-                            },
-                            children: b.toLocaleString()
-                          }
-                        ),
-                        /* @__PURE__ */ e(
-                          o,
-                          {
-                            tag: "span",
-                            variant: "b5R",
+                            variant: "h4R",
                             color: "grey.70",
                             inlineCSS: {
-                              marginLeft: a.content(0.5)
+                              marginLeft: a.content(1)
                             },
-                            children: "시간"
+                            children: "집계중"
                           }
                         )
-                      ] }),
-                      /* @__PURE__ */ n(
-                        t,
-                        {
-                          alignItems: "center",
-                          role: "group",
-                          "aria-label": f > 0 ? `평점 ${f}, 리뷰 ${g}개` : `평점 집계중, 리뷰 ${g}개`,
-                          children: [
-                            /* @__PURE__ */ e(p, { name: "ReviewFill", size: "xSmall", color: "grey.70" }),
-                            f > 0 ? /* @__PURE__ */ n(w, { children: [
-                              /* @__PURE__ */ e(
-                                o,
-                                {
-                                  tag: "p",
-                                  variant: "h4B",
-                                  inlineCSS: {
-                                    marginLeft: a.content(1),
-                                    color: I.primary.text
-                                  },
-                                  children: f.toLocaleString()
-                                }
-                              ),
-                              /* @__PURE__ */ n(
-                                o,
-                                {
-                                  tag: "span",
-                                  variant: "b5R",
-                                  color: "grey.70",
-                                  inlineCSS: {
-                                    marginLeft: a.content(0.5)
-                                  },
-                                  children: [
-                                    "(",
-                                    g.toLocaleString(),
-                                    ")"
-                                  ]
-                                }
-                              )
-                            ] }) : /* @__PURE__ */ e(
-                              o,
-                              {
-                                tag: "p",
-                                variant: "h4R",
-                                color: "grey.70",
-                                inlineCSS: {
-                                  marginLeft: a.content(1)
-                                },
-                                children: "집계중"
-                              }
-                            )
-                          ]
-                        }
-                      )
-                    ]
-                  }
-                )
-              ]
-            }
-          )
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          ] })
         ] }),
         /* @__PURE__ */ n(
-          t,
+          r,
           {
             flexDirection: "column",
             inlineCSS: {
               position: "relative"
             },
             children: [
-              (!r.summary || !r.aboutMe) && !r.placeholder && /* @__PURE__ */ n(
-                o,
+              (!l.summary || !l.aboutMe) && !l.placeholder && /* @__PURE__ */ n(
+                t,
                 {
                   tag: "p",
                   variant: "b4R",
@@ -325,7 +315,7 @@ function Q({
                   "aria-label": "작성된 프로필 소개가 없어요.",
                   inlineCSS: {
                     "& > span": {
-                      color: z.red
+                      color: k.red
                     }
                   },
                   children: [
@@ -334,22 +324,22 @@ function Q({
                   ]
                 }
               ),
-              (!r.summary || !r.aboutMe) && r.placeholder && r.placeholder,
-              r.summary && r.aboutMe && /* @__PURE__ */ n(w, { children: [
-                r.status === "REJECTED" && /* @__PURE__ */ e(o, { role: "status", visuallyHidden: !0, children: "프로필 소개가 반려되었어요. 다시 작성해주세요." }),
+              (!l.summary || !l.aboutMe) && l.placeholder && l.placeholder,
+              l.summary && l.aboutMe && /* @__PURE__ */ n(C, { children: [
+                l.status === "REJECTED" && /* @__PURE__ */ e(t, { role: "status", visuallyHidden: !0, children: "프로필 소개가 반려되었어요. 다시 작성해주세요." }),
                 /* @__PURE__ */ n(
-                  o,
+                  t,
                   {
                     tag: "dl",
                     variant: "b4M",
-                    color: r.status === "REJECTED" ? "grey.30" : void 0,
+                    color: l.status === "REJECTED" ? "grey.30" : void 0,
                     inlineCSS: {
                       display: "flex",
                       alignItems: "center"
                     },
                     children: [
-                      r.status === "REJECTED" && /* @__PURE__ */ e(
-                        p,
+                      l.status === "REJECTED" && /* @__PURE__ */ e(
+                        d,
                         {
                           name: "AlertFill",
                           size: "xSmall",
@@ -359,55 +349,55 @@ function Q({
                           }
                         }
                       ),
-                      /* @__PURE__ */ e(t, { tag: "dt", visuallyHidden: !0, children: "한 줄 소개" }),
-                      /* @__PURE__ */ e("dd", { children: r.summary })
+                      /* @__PURE__ */ e(r, { tag: "dt", visuallyHidden: !0, children: "한 줄 소개" }),
+                      /* @__PURE__ */ e("dd", { children: l.summary })
                     ]
                   }
                 ),
                 /* @__PURE__ */ n(
-                  o,
+                  t,
                   {
-                    ref: x,
+                    ref: b,
                     id: "about-me",
                     tag: "dl",
                     variant: "b4R",
-                    color: r.status === "REJECTED" ? "grey.30" : "grey.70",
-                    lineClamp: u ? void 0 : 4,
+                    color: l.status === "REJECTED" ? "grey.30" : "grey.70",
+                    lineClamp: m ? void 0 : 4,
                     inlineCSS: {
                       marginTop: a.content(2),
                       whiteSpace: "pre-wrap"
                     },
                     children: [
-                      /* @__PURE__ */ e(t, { tag: "dt", visuallyHidden: !0, children: "자기소개" }),
-                      /* @__PURE__ */ e("dd", { children: r.aboutMe })
+                      /* @__PURE__ */ e(r, { tag: "dt", visuallyHidden: !0, children: "자기소개" }),
+                      /* @__PURE__ */ e("dd", { children: l.aboutMe })
                     ]
                   }
                 )
               ] }),
-              $ && /* @__PURE__ */ e(
-                K,
+              z && /* @__PURE__ */ e(
+                A,
                 {
                   variant: "text",
                   size: "xSmall",
                   color: "secondary",
-                  endAdornment: /* @__PURE__ */ e(p, { name: u ? "ChevronUpLine" : "ChevronDownLine" }),
-                  onClick: F,
-                  "aria-expanded": u,
+                  endAdornment: /* @__PURE__ */ e(d, { name: m ? "ChevronUpLine" : "ChevronDownLine" }),
+                  onClick: M,
+                  "aria-expanded": m,
                   "aria-controls": "about-me",
                   inlineCSS: {
                     marginLeft: "auto"
                   },
-                  children: u ? "접기" : "더보기"
+                  children: m ? "접기" : "더 보기"
                 }
               )
             ]
           }
         ),
-        D
+        v
       ]
     }
   );
 }
 export {
-  Q as default
+  Y as default
 };

package/dist/teacher/profile/components/ProfileSummary/ProfileSummary.utils.d.ts

@@ -0,0 +1,2 @@
+import { Dayjs } from 'dayjs';
+export declare function getLastActiveText(lastActiveDate: Dayjs): string | null;

package/dist/teacher/profile/components/ProfileSummary/ProfileSummary.utils.mjs

@@ -0,0 +1,8 @@
+import u from "dayjs";
+function o(f) {
+  const n = u(), i = n.diff(f, "minute"), t = n.diff(f, "hour"), r = n.diff(f, "day");
+  return i < 1 ? "방금 전 활동" : i < 60 ? `${i}분 전 활동` : t < 24 ? `${t}시간 전 활동` : r < 7 ? `${r}일 전 활동` : r < 14 ? "1주 이내 활동" : r < 21 ? "2주 이내 활동" : r < 28 ? "3주 이내 활동" : r <= 30 ? "한 달 이내 활동" : null;
+}
+export {
+  o as getLastActiveText
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dotss/tictoccroc",
   "type": "module",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "description": "Tictoccroc shared components, hooks, utils, and APIs for Dotss",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
@@ -66,6 +66,14 @@
     "./shared/utils/*": {
       "import": "./dist/shared/utils/*/index.mjs",
       "types": "./dist/shared/utils/*/index.d.ts"
+    },
+    "./shared/typings": {
+      "import": "./dist/shared/typings/index.mjs",
+      "types": "./dist/shared/typings/index.d.ts"
+    },
+    "./shared/typings/*": {
+      "import": "./dist/shared/typings/*/index.mjs",
+      "types": "./dist/shared/typings/*/index.d.ts"
     }
   },
   "devDependencies": {