@dotss/tictoccroc 0.10.0 → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -56,52 +56,54 @@ import $ from "./shared/components/MediaDialog/MediaBlock/index.mjs";
56
56
  import ee from "./shared/components/Swiper/index.mjs";
57
57
  import te from "./teacher/home/components/BannerAccount/BannerAccount.fallback.mjs";
58
58
  import ne from "./teacher/home/components/BannerAccount/index.mjs";
59
+ import re from "./teacher/home/components/SingleAccount/SingleAccount.fallback.mjs";
60
+ import ie from "./teacher/home/components/SingleAccount/index.mjs";
59
61
  import "./teacher/home/components/index.mjs";
60
- import re from "./parent/notification/utils/sanitize/sanitize.mjs";
62
+ import ae from "./parent/notification/utils/sanitize/sanitize.mjs";
61
63
  import "./parent/notification/utils/index.mjs";
62
- import ie from "./parent/notification/components/NotificationCard/index.mjs";
64
+ import oe from "./parent/notification/components/NotificationCard/index.mjs";
63
65
  import "./parent/notification/components/index.mjs";
64
- import { t as ae } from "./convertMdToHtml-Bmk0brLK.js";
66
+ import { t as se } from "./convertMdToHtml-Bmk0brLK.js";
65
67
  import "./parent/b2b/utils/index.mjs";
66
- import oe from "./parent/b2b/components/ActionButtons/index.mjs";
67
- import se from "./parent/b2b/components/BottomNotes/index.mjs";
68
- import ce from "./shared/components/TextField/index.mjs";
69
- import le from "./parent/b2b/components/EmployeeNumberField/index.mjs";
70
- import ue from "./parent/b2b/components/NameField/index.mjs";
71
- import { isSuccess as de, isValid as fe } from "./parent/b2b/components/PhoneNumberField/PhoneNumberField.utils.mjs";
72
- import pe from "./parent/b2b/components/PhoneNumberField/index.mjs";
73
- import me from "./parent/b2b/components/Title/index.mjs";
74
- import he from "./shared/components/MediaDialog/MediaDialogContent/index.mjs";
75
- import ge from "./shared/components/MediaDialog/MediaDialogFooter/index.mjs";
76
- import _e from "./shared/components/MediaDialog/MediaDialogToolbar/index.mjs";
77
- import ve from "./shared/components/MediaDialog/index.mjs";
78
- import ye from "./shared/components/TimePicker/index.mjs";
79
- import be from "./shared/components/Calendar/index.mjs";
80
- import xe from "./shared/components/ChatKit/Message/Message.fallback.mjs";
81
- import { getMessageLabel as Se, markMessageGroupBoundaries as Ce } from "./shared/components/ChatKit/Message/Message.utils.mjs";
82
- import we from "./shared/components/ChatKit/Message/index.mjs";
83
- import { getImageMessageLabel as Te, getPhotoAssetMessage as Ee } from "./shared/components/ChatKit/ImageMessage/ImageMessage.utils.mjs";
84
- import De from "./shared/components/ChatKit/ImageMessage/index.mjs";
85
- import Oe from "./shared/components/ChatKit/SystemMessage/(Actions)/DirectTrageRiskInfoBottomSheet/DirectTrageRiskInfoBottomSheet.mjs";
86
- import { getSystemMessageLabel as ke } from "./shared/components/ChatKit/SystemMessage/SystemMessage.utils.mjs";
87
- import Ae from "./shared/components/ChatKit/SystemMessage/index.mjs";
88
- import { getBotMessageLabel as je, getCtaButtonText as Me } from "./shared/components/ChatKit/BotMessage/BotMessage.utils.mjs";
89
- import Ne from "./shared/components/ChatKit/BotMessage/index.mjs";
90
- import Pe from "./shared/components/ChatKit/InputBar/InputBar.fallback.mjs";
91
- import Fe from "./shared/components/ChatKit/InputBar/index.mjs";
92
- import Ie from "./shared/components/ChatKit/Seperator/index.mjs";
93
- import Le from "./shared/components/ChatKit/UnreadMessagePill/index.mjs";
94
- import Re from "./parent/b2b/components/TopLogo/index.mjs";
68
+ import ce from "./parent/b2b/components/ActionButtons/index.mjs";
69
+ import le from "./parent/b2b/components/BottomNotes/index.mjs";
70
+ import ue from "./shared/components/TextField/index.mjs";
71
+ import de from "./parent/b2b/components/EmployeeNumberField/index.mjs";
72
+ import fe from "./parent/b2b/components/NameField/index.mjs";
73
+ import { isSuccess as pe, isValid as me } from "./parent/b2b/components/PhoneNumberField/PhoneNumberField.utils.mjs";
74
+ import he from "./parent/b2b/components/PhoneNumberField/index.mjs";
75
+ import ge from "./parent/b2b/components/Title/index.mjs";
76
+ import _e from "./shared/components/MediaDialog/MediaDialogContent/index.mjs";
77
+ import ve from "./shared/components/MediaDialog/MediaDialogFooter/index.mjs";
78
+ import ye from "./shared/components/MediaDialog/MediaDialogToolbar/index.mjs";
79
+ import be from "./shared/components/MediaDialog/index.mjs";
80
+ import xe from "./shared/components/TimePicker/index.mjs";
81
+ import Se from "./shared/components/Calendar/index.mjs";
82
+ import Ce from "./shared/components/ChatKit/Message/Message.fallback.mjs";
83
+ import { getMessageLabel as we, markMessageGroupBoundaries as Te } from "./shared/components/ChatKit/Message/Message.utils.mjs";
84
+ import Ee from "./shared/components/ChatKit/Message/index.mjs";
85
+ import { getImageMessageLabel as De, getPhotoAssetMessage as Oe } from "./shared/components/ChatKit/ImageMessage/ImageMessage.utils.mjs";
86
+ import ke from "./shared/components/ChatKit/ImageMessage/index.mjs";
87
+ import Ae from "./shared/components/ChatKit/SystemMessage/(Actions)/DirectTrageRiskInfoBottomSheet/DirectTrageRiskInfoBottomSheet.mjs";
88
+ import { getSystemMessageLabel as je } from "./shared/components/ChatKit/SystemMessage/SystemMessage.utils.mjs";
89
+ import Me from "./shared/components/ChatKit/SystemMessage/index.mjs";
90
+ import { getBotMessageLabel as Ne, getCtaButtonText as Pe } from "./shared/components/ChatKit/BotMessage/BotMessage.utils.mjs";
91
+ import Fe from "./shared/components/ChatKit/BotMessage/index.mjs";
92
+ import Ie from "./shared/components/ChatKit/InputBar/InputBar.fallback.mjs";
93
+ import Le from "./shared/components/ChatKit/InputBar/index.mjs";
94
+ import Re from "./shared/components/ChatKit/Seperator/index.mjs";
95
+ import ze from "./shared/components/ChatKit/UnreadMessagePill/index.mjs";
96
+ import Be from "./parent/b2b/components/TopLogo/index.mjs";
95
97
  import "./parent/b2b/components/index.mjs";
96
- import ze from "./shared/utils/isAndroid/index.mjs";
97
- import Be from "./shared/utils/isIos/index.mjs";
98
- import Ve from "./shared/utils/isApp/index.mjs";
99
- import He from "./shared/utils/isDesktop/index.mjs";
100
- import Ue from "./shared/utils/ageToBirthDate/index.mjs";
101
- import We from "./shared/utils/objectToQueryString/index.mjs";
102
- import Ge from "./shared/utils/getVimeoId/index.mjs";
103
- import Ke from "./shared/utils/parseQueryString/index.mjs";
104
- import qe from "./shared/utils/share/index.mjs";
105
- import Je from "./shared/utils/getCareTypeLabel/index.mjs";
98
+ import Ve from "./shared/utils/isAndroid/index.mjs";
99
+ import He from "./shared/utils/isIos/index.mjs";
100
+ import Ue from "./shared/utils/isApp/index.mjs";
101
+ import We from "./shared/utils/isDesktop/index.mjs";
102
+ import Ge from "./shared/utils/ageToBirthDate/index.mjs";
103
+ import Ke from "./shared/utils/objectToQueryString/index.mjs";
104
+ import qe from "./shared/utils/getVimeoId/index.mjs";
105
+ import Je from "./shared/utils/parseQueryString/index.mjs";
106
+ import Ye from "./shared/utils/share/index.mjs";
107
+ import Xe from "./shared/utils/getCareTypeLabel/index.mjs";
106
108
  import "./shared/utils/index.mjs";
107
- export { T as AbilityBadge, E as AbilityCollection, oe as ActionButtons, m as ActivityGallery, f as ActivityGalleryItem, P as AvailableScheduleSection, ne as BannerAccount, te as BannerAccountFallback, Ne as BotMessage, se as BottomNotes, be as Calendar, L as CareNote, z as CareNoteSection, _ as CareerItem, v as CareerSection, q as Carousel, Y as Carousel1Account, J as Carousel1AccountFallback, Z as Carousel2Account, X as Carousel2AccountFallback, K as CarouselSlide, h as CertificateItem, g as CertificateSection, Oe as DirectTradeRiskInfoBottomSheet, y as EducationItem, b as EducationSection, le as EmployeeNumberField, a as Image, i as ImageError, De as ImageMessage, Fe as InputBar, Pe as InputBarFallback, U as LoadingAnnouncer, p as Masonry, l as MasonryBlock, $ as MediaBlock, ve as MediaDialog, he as MediaDialogContent, ge as MediaDialogFooter, _e as MediaDialogToolbar, we as Message, xe as MessageFallback, ue as NameField, ie as NotificationCard, V as ParentReviewCard, H as ParentReviewSection, pe as PhoneNumberField, x as PreferredActivityKeywordGroup, C as PreferredAgeGroup, o as ProfileSummary, R as Roller, F as RollerBlock, M as ScheduleBlock, D as ScheduleEvent, N as Scheduler, Ie as Seperator, s as StatBadge, c as StatBadgeCollection, ee as Swiper, Q as SwiperBlock, Ae as SystemMessage, G as TextAccount, W as TextAccountFallback, ce as TextField, ye as TimePicker, me as Title, Re as TopLogo, Le as UnreadMessagePill, Ue as ageToBirthDate, I as birthDateToAge, u as combineRef, ae as convertMdToHtml, O as dayFlagToDay, w as getAbilityCollection, j as getAvailableDateRange, je as getBotMessageLabel, Je as getCareTypeLabel, B as getChildLabel, Me as getCtaButtonText, k as getDateRange, Te as getImageMessageLabel, r as getImageUrl, Se as getMessageLabel, Ee as getPhotoAssetMessage, S as getPreferredAgeKeywords, ke as getSystemMessageLabel, A as getTimeRange, Ge as getVimeoId, ze as isAndroid, Ve as isApp, He as isDesktop, Be as isIos, t as isServer, de as isSuccess, fe as isValid, Ce as markMessageGroupBoundaries, We as objectToQueryString, Ke as parseQueryString, re as sanitize, qe as share, d as useCombineRef, e as useInView, n as useIsomorphicLayoutEffect };
109
+ export { T as AbilityBadge, E as AbilityCollection, ce as ActionButtons, m as ActivityGallery, f as ActivityGalleryItem, P as AvailableScheduleSection, ne as BannerAccount, te as BannerAccountFallback, Fe as BotMessage, le as BottomNotes, Se as Calendar, L as CareNote, z as CareNoteSection, _ as CareerItem, v as CareerSection, q as Carousel, Y as Carousel1Account, J as Carousel1AccountFallback, Z as Carousel2Account, X as Carousel2AccountFallback, K as CarouselSlide, h as CertificateItem, g as CertificateSection, Ae as DirectTradeRiskInfoBottomSheet, y as EducationItem, b as EducationSection, de as EmployeeNumberField, a as Image, i as ImageError, ke as ImageMessage, Le as InputBar, Ie as InputBarFallback, U as LoadingAnnouncer, p as Masonry, l as MasonryBlock, $ as MediaBlock, be as MediaDialog, _e as MediaDialogContent, ve as MediaDialogFooter, ye as MediaDialogToolbar, Ee as Message, Ce as MessageFallback, fe as NameField, oe as NotificationCard, V as ParentReviewCard, H as ParentReviewSection, he as PhoneNumberField, x as PreferredActivityKeywordGroup, C as PreferredAgeGroup, o as ProfileSummary, R as Roller, F as RollerBlock, M as ScheduleBlock, D as ScheduleEvent, N as Scheduler, Re as Seperator, ie as SingleAccount, re as SingleAccountFallback, s as StatBadge, c as StatBadgeCollection, ee as Swiper, Q as SwiperBlock, Me as SystemMessage, G as TextAccount, W as TextAccountFallback, ue as TextField, xe as TimePicker, ge as Title, Be as TopLogo, ze as UnreadMessagePill, Ge as ageToBirthDate, I as birthDateToAge, u as combineRef, se as convertMdToHtml, O as dayFlagToDay, w as getAbilityCollection, j as getAvailableDateRange, Ne as getBotMessageLabel, Xe as getCareTypeLabel, B as getChildLabel, Pe as getCtaButtonText, k as getDateRange, De as getImageMessageLabel, r as getImageUrl, we as getMessageLabel, Oe as getPhotoAssetMessage, S as getPreferredAgeKeywords, je as getSystemMessageLabel, A as getTimeRange, qe as getVimeoId, Ve as isAndroid, Ue as isApp, We as isDesktop, He as isIos, t as isServer, pe as isSuccess, me as isValid, Te as markMessageGroupBoundaries, Ke as objectToQueryString, Je as parseQueryString, ae as sanitize, Ye as share, d as useCombineRef, e as useInView, n as useIsomorphicLayoutEffect };
@@ -0,0 +1,15 @@
1
+ import { ReactNode, SyntheticEvent } from 'react';
2
+ import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
3
+ import { ImageProps } from '../../../../shared/components/Image';
4
+ import { BannerProps } from '..';
5
+ export interface SingleAccountProps extends Omit<FlexboxProps, 'title' | 'id'> {
6
+ id: number;
7
+ title: ReactNode;
8
+ banners: Array<BannerProps & {
9
+ image?: string;
10
+ }>;
11
+ onClickBanner?: (url: string, bannerId: number, e: SyntheticEvent) => void;
12
+ imageProps?: Partial<ImageProps>;
13
+ }
14
+ declare function SingleAccount({ id, title, banners, onClickBanner, imageProps, ...props }: SingleAccountProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
15
+ export default SingleAccount;
@@ -0,0 +1,2 @@
1
+ declare function SingleAccountFallback(): import("@emotion/react/jsx-runtime").JSX.Element;
2
+ export default SingleAccountFallback;
@@ -0,0 +1,32 @@
1
+ import e from "../../../../shared/components/LoadingAnnouncer/index.mjs";
2
+ import t from "@dotss/ui/core/useTheme";
3
+ import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
4
+ import a from "@dotss/ui/Flexbox";
5
+ import o from "@dotss/ui/Skeleton";
6
+ //#region teacher/home/components/SingleAccount/SingleAccount.fallback.tsx
7
+ function s() {
8
+ let { spacing: s } = t();
9
+ return /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(e, {}), /* @__PURE__ */ i(a, {
10
+ tag: "section",
11
+ flexDirection: "column",
12
+ "aria-busy": !0,
13
+ inlineCSS: {
14
+ width: "100%",
15
+ overflow: "hidden",
16
+ cursor: "wait"
17
+ },
18
+ children: [/* @__PURE__ */ r(o, {
19
+ height: 30,
20
+ inlineCSS: {
21
+ width: "50%",
22
+ marginBottom: s.content(4)
23
+ }
24
+ }), /* @__PURE__ */ r(o, {
25
+ height: 230,
26
+ borderRadius: 12,
27
+ inlineCSS: { width: "100%" }
28
+ })]
29
+ })] });
30
+ }
31
+ //#endregion
32
+ export { s as default };
@@ -0,0 +1,58 @@
1
+ import e from "../../../../shared/components/Image/index.mjs";
2
+ import t from "@dotss/ui/core/useTheme";
3
+ import { jsx as n, jsxs as r } from "react/jsx-runtime";
4
+ import i from "@dotss/ui/Flexbox";
5
+ import a from "@dotss/ui/Typography";
6
+ //#region teacher/home/components/SingleAccount/SingleAccount.tsx
7
+ var o = 360, s = 252, c = 12;
8
+ function l({ id: l, title: u, banners: d, onClickBanner: f, imageProps: p, ...m }) {
9
+ let { spacing: h } = t(), [g] = d, _ = (e, t) => (n) => {
10
+ f && typeof f == "function" && (n.stopPropagation(), n.preventDefault(), f(e, t, n));
11
+ };
12
+ return g ? /* @__PURE__ */ r(i, {
13
+ tag: "section",
14
+ flexDirection: "column",
15
+ "aria-labelledby": `banner-account-single-${l}`,
16
+ inlineCSS: { width: "100%" },
17
+ ...m,
18
+ children: [/* @__PURE__ */ n(a, {
19
+ id: `banner-account-single-${l}`,
20
+ tag: "h2",
21
+ variant: "h2B",
22
+ inlineCSS: {
23
+ whiteSpace: "pre-wrap",
24
+ wordBreak: "keep-all",
25
+ marginBottom: h.content(4)
26
+ },
27
+ children: u
28
+ }), /* @__PURE__ */ n(i, {
29
+ tag: "a",
30
+ href: g.url,
31
+ draggable: !1,
32
+ onClick: _(g.url, g.id),
33
+ inlineCSS: {
34
+ width: "100%",
35
+ borderRadius: c
36
+ },
37
+ children: /* @__PURE__ */ n(e, {
38
+ src: g.image || "",
39
+ width: o,
40
+ height: s,
41
+ alt: `${g.title} 이미지`,
42
+ draggable: !1,
43
+ borderRadius: c,
44
+ enableFallback: !0,
45
+ enableErrorFallback: !0,
46
+ withIntrinsicRatio: !0,
47
+ wrapperProps: { inlineCSS: { width: "100%" } },
48
+ style: {
49
+ width: "100%",
50
+ objectFit: "cover"
51
+ },
52
+ ...p
53
+ })
54
+ })]
55
+ }) : null;
56
+ }
57
+ //#endregion
58
+ export { l as default };
@@ -0,0 +1,4 @@
1
+ import { default as SingleAccount, SingleAccountProps } from './SingleAccount';
2
+ import { default as SingleAccountFallback } from './SingleAccount.fallback';
3
+ export { SingleAccount, SingleAccountFallback, type SingleAccountProps };
4
+ export default SingleAccount;
@@ -0,0 +1,6 @@
1
+ import e from "./SingleAccount.mjs";
2
+ import t from "./SingleAccount.fallback.mjs";
3
+ //#region teacher/home/components/SingleAccount/index.ts
4
+ var n = e;
5
+ //#endregion
6
+ export { e as SingleAccount, t as SingleAccountFallback, n as default };
@@ -8,7 +8,9 @@ export { default as TextAccount } from './TextAccount';
8
8
  export { default as Carousel1Account } from './Carousel1Account';
9
9
  export { default as Carousel2Account } from './Carousel2Account';
10
10
  export { default as BannerAccount } from './BannerAccount';
11
+ export { default as SingleAccount } from './SingleAccount';
11
12
  export * from './TextAccount';
12
13
  export * from './Carousel1Account';
13
14
  export * from './Carousel2Account';
14
15
  export * from './BannerAccount';
16
+ export * from './SingleAccount';
@@ -6,4 +6,6 @@ import i from "./Carousel2Account/Carousel2Account.fallback.mjs";
6
6
  import a from "./Carousel2Account/index.mjs";
7
7
  import o from "./BannerAccount/BannerAccount.fallback.mjs";
8
8
  import s from "./BannerAccount/index.mjs";
9
- export { s as BannerAccount, o as BannerAccountFallback, r as Carousel1Account, n as Carousel1AccountFallback, a as Carousel2Account, i as Carousel2AccountFallback, t as TextAccount, e as TextAccountFallback };
9
+ import c from "./SingleAccount/SingleAccount.fallback.mjs";
10
+ import l from "./SingleAccount/index.mjs";
11
+ export { s as BannerAccount, o as BannerAccountFallback, r as Carousel1Account, n as Carousel1AccountFallback, a as Carousel2Account, i as Carousel2AccountFallback, l as SingleAccount, c as SingleAccountFallback, t as TextAccount, e as TextAccountFallback };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dotss/tictoccroc",
3
3
  "type": "module",
4
- "version": "0.10.0",
4
+ "version": "0.11.0",
5
5
  "description": "Tictoccroc shared components, hooks, utils, and APIs for Dotss",
6
6
  "main": "./dist/index.mjs",
7
7
  "module": "./dist/index.mjs",