@dotss/tictoccroc 0.11.2 → 0.12.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.
Files changed (24) hide show
  1. package/dist/index.mjs +100 -96
  2. package/dist/parent/b2b/components/ActionButtons/ActionButtons.mjs +5 -5
  3. package/dist/shared/components/Image/Image.d.ts +1 -0
  4. package/dist/shared/components/Image/Image.mjs +102 -97
  5. package/dist/shared/utils/getHoverChildrenScaleStyle/getHoverChildrenScaleStyle.d.ts +18 -0
  6. package/dist/shared/utils/getHoverChildrenScaleStyle/getHoverChildrenScaleStyle.mjs +9 -0
  7. package/dist/shared/utils/getHoverChildrenScaleStyle/getHoverChildrenScaleStyle.test.d.ts +1 -0
  8. package/dist/shared/utils/getHoverChildrenScaleStyle/index.d.ts +2 -0
  9. package/dist/shared/utils/getHoverChildrenScaleStyle/index.mjs +5 -0
  10. package/dist/shared/utils/index.d.ts +1 -0
  11. package/dist/shared/utils/index.mjs +2 -1
  12. package/dist/teacher/home/components/Carousel1Account/Carousel1Account.mjs +12 -12
  13. package/dist/teacher/home/components/Carousel2Account/Carousel2Account.mjs +14 -14
  14. package/dist/teacher/profile/components/KokTeacherCard/KokTeacherCard.d.ts +21 -0
  15. package/dist/teacher/profile/components/KokTeacherCard/KokTeacherCard.mjs +202 -0
  16. package/dist/teacher/profile/components/KokTeacherCard/KokTeacherCard.utils.d.ts +15 -0
  17. package/dist/teacher/profile/components/KokTeacherCard/KokTeacherCard.utils.mjs +175 -0
  18. package/dist/teacher/profile/components/KokTeacherCard/index.d.ts +4 -0
  19. package/dist/teacher/profile/components/KokTeacherCard/index.mjs +6 -0
  20. package/dist/teacher/profile/components/ProfileSummary/index.d.ts +1 -0
  21. package/dist/teacher/profile/components/ProfileSummary/index.mjs +4 -3
  22. package/dist/teacher/profile/components/index.d.ts +2 -0
  23. package/dist/teacher/profile/components/index.mjs +27 -24
  24. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -4,106 +4,110 @@ import n from "./shared/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffec
4
4
  import r from "./shared/utils/getImageUrl/index.mjs";
5
5
  import i from "./shared/components/Image/Image.error.mjs";
6
6
  import a from "./shared/components/Image/index.mjs";
7
- import o from "./teacher/profile/components/ProfileSummary/index.mjs";
8
- import s from "./teacher/profile/components/StatBadgeCollection/StatBadge/index.mjs";
9
- import c from "./teacher/profile/components/StatBadgeCollection/index.mjs";
10
- import l from "./shared/components/Masonry/MasonryBlock/index.mjs";
11
- import u from "./shared/utils/combineRef/index.mjs";
12
- import d from "./shared/hooks/useCombineRef/useCombineRef.mjs";
13
- import f from "./teacher/profile/components/ActivityGallery/ActivityGalleryItem/index.mjs";
14
- import p from "./shared/components/Masonry/index.mjs";
15
- import m from "./teacher/profile/components/ActivityGallery/index.mjs";
16
- import h from "./teacher/profile/components/CertificateSection/CertificateItem/index.mjs";
17
- import g from "./teacher/profile/components/CertificateSection/index.mjs";
18
- import _ from "./teacher/profile/components/CareerSection/CareerItem/index.mjs";
19
- import v from "./teacher/profile/components/CareerSection/index.mjs";
20
- import y from "./teacher/profile/components/EducationSection/EducationItem/index.mjs";
21
- import b from "./teacher/profile/components/EducationSection/index.mjs";
22
- import x from "./teacher/profile/components/PreferredActivityKeywordGroup/index.mjs";
23
- import { getPreferredAgeKeywords as S } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.utils.mjs";
24
- import C from "./teacher/profile/components/PreferredAgeGroup/index.mjs";
25
- import { getAbilityCollection as w } from "./teacher/profile/components/AbilityCollection/AbilityCollection.utils.mjs";
26
- import T from "./teacher/profile/components/AbilityCollection/AbilityBadge/index.mjs";
27
- import E from "./teacher/profile/components/AbilityCollection/index.mjs";
28
- import D from "./shared/components/Scheduler/ScheduleEvent/index.mjs";
29
- import O from "./shared/utils/dayFlagToDay/index.mjs";
30
- import k from "./shared/utils/getDateRange/index.mjs";
31
- import A from "./shared/utils/getTimeRange/index.mjs";
32
- import { getAvailableDateRange as j } from "./shared/components/Scheduler/Scheduler.utils.mjs";
33
- import M from "./shared/components/Scheduler/ScheduleBlock/index.mjs";
34
- import N from "./shared/components/Scheduler/index.mjs";
35
- import P from "./teacher/profile/components/AvailableScheduleSection/index.mjs";
36
- import F from "./shared/components/Roller/RollerBlock/index.mjs";
37
- import I from "./shared/utils/birthDateToAge/index.mjs";
38
- import L from "./teacher/profile/components/CareNoteSection/CareNote/index.mjs";
39
- import R from "./shared/components/Roller/index.mjs";
40
- import z from "./teacher/profile/components/CareNoteSection/index.mjs";
41
- import { getChildLabel as B } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.utils.mjs";
42
- import V from "./teacher/profile/components/ParentReviewSection/ParentReviewCard/index.mjs";
43
- import H from "./teacher/profile/components/ParentReviewSection/index.mjs";
7
+ import { getLastActiveText as o } from "./teacher/profile/components/ProfileSummary/ProfileSummary.utils.mjs";
8
+ import s from "./teacher/profile/components/ProfileSummary/index.mjs";
9
+ import c from "./teacher/profile/components/StatBadgeCollection/StatBadge/index.mjs";
10
+ import l from "./teacher/profile/components/StatBadgeCollection/index.mjs";
11
+ import u from "./shared/components/Masonry/MasonryBlock/index.mjs";
12
+ import d from "./shared/utils/combineRef/index.mjs";
13
+ import f from "./shared/hooks/useCombineRef/useCombineRef.mjs";
14
+ import p from "./teacher/profile/components/ActivityGallery/ActivityGalleryItem/index.mjs";
15
+ import m from "./shared/components/Masonry/index.mjs";
16
+ import h from "./teacher/profile/components/ActivityGallery/index.mjs";
17
+ import g from "./teacher/profile/components/CertificateSection/CertificateItem/index.mjs";
18
+ import _ from "./teacher/profile/components/CertificateSection/index.mjs";
19
+ import v from "./teacher/profile/components/CareerSection/CareerItem/index.mjs";
20
+ import y from "./teacher/profile/components/CareerSection/index.mjs";
21
+ import b from "./teacher/profile/components/EducationSection/EducationItem/index.mjs";
22
+ import x from "./teacher/profile/components/EducationSection/index.mjs";
23
+ import S from "./teacher/profile/components/PreferredActivityKeywordGroup/index.mjs";
24
+ import { getPreferredAgeKeywords as C } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.utils.mjs";
25
+ import w from "./teacher/profile/components/PreferredAgeGroup/index.mjs";
26
+ import { getAbilityCollection as T } from "./teacher/profile/components/AbilityCollection/AbilityCollection.utils.mjs";
27
+ import E from "./teacher/profile/components/AbilityCollection/AbilityBadge/index.mjs";
28
+ import D from "./teacher/profile/components/AbilityCollection/index.mjs";
29
+ import O from "./shared/components/Scheduler/ScheduleEvent/index.mjs";
30
+ import k from "./shared/utils/dayFlagToDay/index.mjs";
31
+ import A from "./shared/utils/getDateRange/index.mjs";
32
+ import j from "./shared/utils/getTimeRange/index.mjs";
33
+ import { getAvailableDateRange as M } from "./shared/components/Scheduler/Scheduler.utils.mjs";
34
+ import N from "./shared/components/Scheduler/ScheduleBlock/index.mjs";
35
+ import P from "./shared/components/Scheduler/index.mjs";
36
+ import F from "./teacher/profile/components/AvailableScheduleSection/index.mjs";
37
+ import I from "./shared/components/Roller/RollerBlock/index.mjs";
38
+ import L from "./shared/utils/birthDateToAge/index.mjs";
39
+ import R from "./teacher/profile/components/CareNoteSection/CareNote/index.mjs";
40
+ import z from "./shared/components/Roller/index.mjs";
41
+ import B from "./teacher/profile/components/CareNoteSection/index.mjs";
42
+ import { getChildLabel as V } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.utils.mjs";
43
+ import H from "./teacher/profile/components/ParentReviewSection/ParentReviewCard/index.mjs";
44
+ import U from "./teacher/profile/components/ParentReviewSection/index.mjs";
45
+ import { getBadgeLabel as W, getCareActivityLabel as G, getChargeLabel as K, getNote as q, getPictureLabel as J, getStrengthLabel as Y } from "./teacher/profile/components/KokTeacherCard/KokTeacherCard.utils.mjs";
46
+ import X from "./teacher/profile/components/KokTeacherCard/index.mjs";
44
47
  import "./teacher/profile/components/index.mjs";
45
- import U from "./shared/components/LoadingAnnouncer/index.mjs";
46
- import W from "./teacher/home/components/TextAccount/TextAccount.fallback.mjs";
47
- import G from "./teacher/home/components/TextAccount/index.mjs";
48
- import K from "./shared/components/Carousel/CarouselSlide/index.mjs";
49
- import q from "./shared/components/Carousel/index.mjs";
50
- import J from "./teacher/home/components/Carousel1Account/Carousel1Account.fallback.mjs";
51
- import Y from "./teacher/home/components/Carousel1Account/index.mjs";
52
- import X from "./teacher/home/components/Carousel2Account/Carousel2Account.fallback.mjs";
53
- import Z from "./teacher/home/components/Carousel2Account/index.mjs";
54
- import Q from "./shared/components/Swiper/SwiperBlock/index.mjs";
55
- import $ from "./shared/components/MediaDialog/MediaBlock/index.mjs";
56
- import ee from "./shared/components/Swiper/index.mjs";
57
- import te from "./teacher/home/components/BannerAccount/BannerAccount.fallback.mjs";
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";
48
+ import Z from "./shared/components/LoadingAnnouncer/index.mjs";
49
+ import Q from "./teacher/home/components/TextAccount/TextAccount.fallback.mjs";
50
+ import $ from "./teacher/home/components/TextAccount/index.mjs";
51
+ import ee from "./shared/components/Carousel/CarouselSlide/index.mjs";
52
+ import te from "./shared/components/Carousel/index.mjs";
53
+ import ne from "./teacher/home/components/Carousel1Account/Carousel1Account.fallback.mjs";
54
+ import re from "./teacher/home/components/Carousel1Account/index.mjs";
55
+ import ie from "./teacher/home/components/Carousel2Account/Carousel2Account.fallback.mjs";
56
+ import ae from "./teacher/home/components/Carousel2Account/index.mjs";
57
+ import oe from "./shared/components/Swiper/SwiperBlock/index.mjs";
58
+ import se from "./shared/components/MediaDialog/MediaBlock/index.mjs";
59
+ import ce from "./shared/components/Swiper/index.mjs";
60
+ import le from "./teacher/home/components/BannerAccount/BannerAccount.fallback.mjs";
61
+ import ue from "./teacher/home/components/BannerAccount/index.mjs";
62
+ import de from "./teacher/home/components/SingleAccount/SingleAccount.fallback.mjs";
63
+ import fe from "./teacher/home/components/SingleAccount/index.mjs";
61
64
  import "./teacher/home/components/index.mjs";
62
- import ae from "./parent/notification/utils/sanitize/sanitize.mjs";
65
+ import pe from "./parent/notification/utils/sanitize/sanitize.mjs";
63
66
  import "./parent/notification/utils/index.mjs";
64
- import oe from "./parent/notification/components/NotificationCard/index.mjs";
67
+ import me from "./parent/notification/components/NotificationCard/index.mjs";
65
68
  import "./parent/notification/components/index.mjs";
66
- import { t as se } from "./convertMdToHtml-Bmk0brLK.js";
69
+ import { t as he } from "./convertMdToHtml-Bmk0brLK.js";
67
70
  import "./parent/b2b/utils/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";
71
+ import ge from "./parent/b2b/components/ActionButtons/index.mjs";
72
+ import _e from "./parent/b2b/components/BottomNotes/index.mjs";
73
+ import ve from "./shared/components/TextField/index.mjs";
74
+ import ye from "./parent/b2b/components/EmployeeNumberField/index.mjs";
75
+ import be from "./parent/b2b/components/NameField/index.mjs";
76
+ import { isSuccess as xe, isValid as Se } from "./parent/b2b/components/PhoneNumberField/PhoneNumberField.utils.mjs";
77
+ import Ce from "./parent/b2b/components/PhoneNumberField/index.mjs";
78
+ import we from "./parent/b2b/components/Title/index.mjs";
79
+ import Te from "./shared/components/MediaDialog/MediaDialogContent/index.mjs";
80
+ import Ee from "./shared/components/MediaDialog/MediaDialogFooter/index.mjs";
81
+ import De from "./shared/components/MediaDialog/MediaDialogToolbar/index.mjs";
82
+ import Oe from "./shared/components/MediaDialog/index.mjs";
83
+ import ke from "./shared/components/TimePicker/index.mjs";
84
+ import Ae from "./shared/components/Calendar/index.mjs";
85
+ import je from "./shared/components/ChatKit/Message/Message.fallback.mjs";
86
+ import { getMessageLabel as Me, markMessageGroupBoundaries as Ne } from "./shared/components/ChatKit/Message/Message.utils.mjs";
87
+ import Pe from "./shared/components/ChatKit/Message/index.mjs";
88
+ import { getImageMessageLabel as Fe, getPhotoAssetMessage as Ie } from "./shared/components/ChatKit/ImageMessage/ImageMessage.utils.mjs";
89
+ import Le from "./shared/components/ChatKit/ImageMessage/index.mjs";
90
+ import Re from "./shared/components/ChatKit/SystemMessage/(Actions)/DirectTrageRiskInfoBottomSheet/DirectTrageRiskInfoBottomSheet.mjs";
91
+ import { getSystemMessageLabel as ze } from "./shared/components/ChatKit/SystemMessage/SystemMessage.utils.mjs";
92
+ import Be from "./shared/components/ChatKit/SystemMessage/index.mjs";
93
+ import { getBotMessageLabel as Ve, getCtaButtonText as He } from "./shared/components/ChatKit/BotMessage/BotMessage.utils.mjs";
94
+ import Ue from "./shared/components/ChatKit/BotMessage/index.mjs";
95
+ import We from "./shared/components/ChatKit/InputBar/InputBar.fallback.mjs";
96
+ import Ge from "./shared/components/ChatKit/InputBar/index.mjs";
97
+ import Ke from "./shared/components/ChatKit/Seperator/index.mjs";
98
+ import qe from "./shared/components/ChatKit/UnreadMessagePill/index.mjs";
99
+ import Je from "./parent/b2b/components/TopLogo/index.mjs";
97
100
  import "./parent/b2b/components/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";
101
+ import Ye from "./shared/utils/isAndroid/index.mjs";
102
+ import Xe from "./shared/utils/isIos/index.mjs";
103
+ import Ze from "./shared/utils/isApp/index.mjs";
104
+ import Qe from "./shared/utils/isDesktop/index.mjs";
105
+ import $e from "./shared/utils/ageToBirthDate/index.mjs";
106
+ import et from "./shared/utils/objectToQueryString/index.mjs";
107
+ import tt from "./shared/utils/getVimeoId/index.mjs";
108
+ import nt from "./shared/utils/parseQueryString/index.mjs";
109
+ import rt from "./shared/utils/share/index.mjs";
110
+ import it from "./shared/utils/getCareTypeLabel/index.mjs";
111
+ import at from "./shared/utils/getHoverChildrenScaleStyle/index.mjs";
108
112
  import "./shared/utils/index.mjs";
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 };
113
+ export { E as AbilityBadge, D as AbilityCollection, ge as ActionButtons, h as ActivityGallery, p as ActivityGalleryItem, F as AvailableScheduleSection, ue as BannerAccount, le as BannerAccountFallback, Ue as BotMessage, _e as BottomNotes, Ae as Calendar, R as CareNote, B as CareNoteSection, v as CareerItem, y as CareerSection, te as Carousel, re as Carousel1Account, ne as Carousel1AccountFallback, ae as Carousel2Account, ie as Carousel2AccountFallback, ee as CarouselSlide, g as CertificateItem, _ as CertificateSection, Re as DirectTradeRiskInfoBottomSheet, b as EducationItem, x as EducationSection, ye as EmployeeNumberField, a as Image, i as ImageError, Le as ImageMessage, Ge as InputBar, We as InputBarFallback, X as KokTeacherCard, Z as LoadingAnnouncer, m as Masonry, u as MasonryBlock, se as MediaBlock, Oe as MediaDialog, Te as MediaDialogContent, Ee as MediaDialogFooter, De as MediaDialogToolbar, Pe as Message, je as MessageFallback, be as NameField, me as NotificationCard, H as ParentReviewCard, U as ParentReviewSection, Ce as PhoneNumberField, S as PreferredActivityKeywordGroup, w as PreferredAgeGroup, s as ProfileSummary, z as Roller, I as RollerBlock, N as ScheduleBlock, O as ScheduleEvent, P as Scheduler, Ke as Seperator, fe as SingleAccount, de as SingleAccountFallback, c as StatBadge, l as StatBadgeCollection, ce as Swiper, oe as SwiperBlock, Be as SystemMessage, $ as TextAccount, Q as TextAccountFallback, ve as TextField, ke as TimePicker, we as Title, Je as TopLogo, qe as UnreadMessagePill, $e as ageToBirthDate, L as birthDateToAge, d as combineRef, he as convertMdToHtml, k as dayFlagToDay, T as getAbilityCollection, M as getAvailableDateRange, W as getBadgeLabel, Ve as getBotMessageLabel, G as getCareActivityLabel, it as getCareTypeLabel, K as getChargeLabel, V as getChildLabel, He as getCtaButtonText, A as getDateRange, at as getHoverChildrenScaleStyle, Fe as getImageMessageLabel, r as getImageUrl, o as getLastActiveText, Me as getMessageLabel, q as getNote, Ie as getPhotoAssetMessage, J as getPictureLabel, C as getPreferredAgeKeywords, Y as getStrengthLabel, ze as getSystemMessageLabel, j as getTimeRange, tt as getVimeoId, Ye as isAndroid, Ze as isApp, Qe as isDesktop, Xe as isIos, t as isServer, xe as isSuccess, Se as isValid, Ne as markMessageGroupBoundaries, et as objectToQueryString, nt as parseQueryString, pe as sanitize, rt as share, f as useCombineRef, e as useInView, n as useIsomorphicLayoutEffect };
package/dist/parent/b2b/components/ActionButtons/ActionButtons.mjs CHANGED
@@ -1,21 +1,21 @@
1
1
  import { jsx as e, jsxs as t } from "react/jsx-runtime";
2
- import n from "@dotss/ui/Flexbox";
3
- import r from "@dotss/ui/Button";
2
+ import n from "@dotss/ui/Button";
3
+ import r from "@dotss/ui/Flexbox";
4
4
  //#region parent/b2b/components/ActionButtons/ActionButtons.tsx
5
5
  function i({ topButtonOnClick: i, bottomButtonOnClick: a, topButtonLabel: o, topButtonProps: s, bottomButtonLabel: c, bottomButtonProps: l, ...u }) {
6
- return /* @__PURE__ */ t(n, {
6
+ return /* @__PURE__ */ t(r, {
7
7
  flexDirection: "column",
8
8
  gap: 2,
9
9
  inlineCSS: { width: "100%" },
10
10
  ...u,
11
- children: [/* @__PURE__ */ e(r, {
11
+ children: [/* @__PURE__ */ e(n, {
12
12
  type: "button",
13
13
  color: "secondary",
14
14
  size: "large",
15
15
  onClick: i,
16
16
  ...s,
17
17
  children: o || "인증하기"
18
- }), /* @__PURE__ */ e(r, {
18
+ }), /* @__PURE__ */ e(n, {
19
19
  size: "large",
20
20
  onClick: a,
21
21
  ...l,
package/dist/shared/components/Image/Image.d.ts CHANGED
@@ -21,6 +21,7 @@ export interface ImageProps extends Omit<HTMLProps<HTMLImageElement>, 'onError'>
21
21
  enableFallback?: boolean;
22
22
  enableErrorFallback?: boolean;
23
23
  renderErrorFallback?: () => ReactNode;
24
+ enableHoverScale?: boolean;
24
25
  }
25
26
  declare const Image: import('react').ForwardRefExoticComponent<Omit<ImageProps, "ref"> & import('react').RefAttributes<HTMLImageElement>>;
26
27
  export default Image;
package/dist/shared/components/Image/Image.mjs CHANGED
@@ -2,53 +2,54 @@ import e from "../../hooks/useInView/index.mjs";
2
2
  import t from "../../hooks/useIsomorphicLayoutEffect/index.mjs";
3
3
  import n from "../../utils/getImageUrl/index.mjs";
4
4
  import r from "./Image.error.mjs";
5
- import { convertHeicToPng as ee, isHeicSource as i } from "./Image.utils.mjs";
6
- import { forwardRef as a, useEffect as o, useImperativeHandle as s, useRef as c, useState as l } from "react";
7
- import { Flexbox as u, Skeleton as d } from "@dotss/ui";
8
- import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
5
+ import { convertHeicToPng as ee, isHeicSource as te } from "./Image.utils.mjs";
6
+ import { forwardRef as i, useEffect as a, useImperativeHandle as ne, useRef as o, useState as s } from "react";
7
+ import { Flexbox as c, Skeleton as l } from "@dotss/ui";
8
+ import u from "@dotss/ui/hooks/useCheckHoverPossible/useCheckHoverPossible";
9
+ import { Fragment as re, jsx as d, jsxs as f } from "react/jsx-runtime";
9
10
  //#region shared/components/Image/Image.tsx
10
- var h = a(({ src: a, width: h, height: g, fit: _ = "cover", position: v = "center", alt: y, scale: b = 2, onLoad: x, onLazyLoad: S, lazy: C = !1, borderRadius: w, disabledResizing: T = !1, withIntrinsicRatio: E = !1, enableBlurPlaceholder: D = !1, enableFallback: O = !1, enableErrorFallback: k = !0, renderErrorFallback: A, wrapperProps: j = {}, inViewOptions: te = {}, onError: M, ...N }, P) => {
11
- let F = c(null), I = c(!1), L = c(null), R = c(M);
12
- R.current = M, s(P, () => L.current);
11
+ var p = i(({ src: i, width: p, height: m, fit: h = "cover", position: g = "center", alt: _, scale: v = 2, onLoad: y, onLazyLoad: b, lazy: x = !1, borderRadius: S, disabledResizing: C = !1, withIntrinsicRatio: w = !1, enableBlurPlaceholder: T = !1, enableFallback: E = !1, enableErrorFallback: D = !0, renderErrorFallback: O, enableHoverScale: k = !1, wrapperProps: A = {}, inViewOptions: j = {}, onError: M, ...N }, P) => {
12
+ let F = o(null), I = o(!1), L = o(null), R = o(M);
13
+ R.current = M, ne(P, () => L.current);
13
14
  let { isInView: z } = e(F, {
14
15
  threshold: .4,
15
- ...te
16
- }), [B, V] = l(!1), [H, U] = l(!1), [W, G] = l(!1), [K, ne] = l(!1), [q, J] = l(n({
16
+ ...j
17
+ }), { isHoverPossible: B } = u(), [V, ie] = s(!1), [H, U] = s(!1), [W, G] = s(!1), [K, ae] = s(!1), [q, J] = s(n({
17
18
  mode: "original",
18
- src: a,
19
- width: h,
20
- height: g,
21
- fit: _,
22
- position: v,
23
- scale: b,
24
- disabledResizing: T
25
- })), Y = i(a), X = D ? n({
19
+ src: i,
20
+ width: p,
21
+ height: m,
22
+ fit: h,
23
+ position: g,
24
+ scale: v,
25
+ disabledResizing: C
26
+ })), Y = te(i), X = T ? n({
26
27
  mode: "blur",
27
- src: a,
28
- width: h,
29
- fit: _,
30
- position: v,
28
+ src: i,
29
+ width: p,
30
+ fit: h,
31
+ position: g,
31
32
  scale: 1 / 3,
32
- disabledResizing: T
33
+ disabledResizing: C
33
34
  }) : null, Z = (e) => {
34
- U(!0), G(!1), typeof x == "function" && x(e);
35
+ U(!0), G(!1), typeof y == "function" && y(e);
35
36
  }, Q = (e) => {
36
37
  Y && !q.startsWith("blob:") || (typeof M == "function" && M(e.nativeEvent), G(!0), U(!1));
37
- }, $ = () => ne(!0);
38
- return o(() => {
39
- if (C && F.current) {
38
+ }, $ = () => ae(!0);
39
+ return a(() => {
40
+ if (x && F.current) {
40
41
  let e = () => {
41
- z && V(!0);
42
+ z && ie(!0);
42
43
  };
43
44
  return e(), window.appScreenContent?.addEventListener("scroll", e), window.addEventListener("resize", e), window.addEventListener("orientationchange", e), () => {
44
45
  window.appScreenContent?.removeEventListener("scroll", e), window.removeEventListener("resize", e), window.removeEventListener("orientationchange", e);
45
46
  };
46
47
  }
47
- }), o(() => {
48
- typeof S == "function" && B && !I.current && (I.current = !0, S());
49
- }, [S, B]), t(() => {
48
+ }), a(() => {
49
+ typeof b == "function" && V && !I.current && (I.current = !0, b());
50
+ }, [b, V]), t(() => {
50
51
  let e = L.current, t = !1, n = (e) => {
51
- ee(a).then((n) => {
52
+ ee(i).then((n) => {
52
53
  t || (J(URL.createObjectURL(n)), e.onload = () => {
53
54
  e.style.opacity = "1", U(!0), G(!1), e.onload = null, e.onerror = null;
54
55
  }, e.onerror = () => {
@@ -61,77 +62,79 @@ var h = a(({ src: a, width: h, height: g, fit: _ = "cover", position: v = "cente
61
62
  })));
62
63
  });
63
64
  };
64
- return e?.complete ? Y ? e.src.startsWith("blob:") || (e.style.transition = "opacity 0.3s", e.style.opacity = "0", n(e)) : e.naturalWidth > 0 ? (e.style.transition = "none", e.style.opacity = "1", U(!0)) : (e.style.opacity = "0", G(!0)) : e && (e.style.transition = "opacity 0.3s", e.style.opacity = "0", e.onload = () => {
65
+ return e?.complete ? Y ? e.src.startsWith("blob:") || (e.style.transition = "opacity 0.3s, transform 0.3s", e.style.opacity = "0", n(e)) : e.naturalWidth > 0 ? (e.style.transition = "transform 0.3s", e.style.opacity = "1", U(!0)) : (e.style.opacity = "0", G(!0)) : e && (e.style.transition = "opacity 0.3s, transform 0.3s", e.style.opacity = "0", e.onload = () => {
65
66
  e.style.opacity = "1", U(!0), e.onload = null;
66
67
  }, e.onerror = () => {
67
68
  if (!Y) {
68
69
  G(!0), e.onerror = null;
69
70
  return;
70
71
  }
71
- G(!1), e.style.transition = "opacity 0.3s", e.style.opacity = "0", n(e);
72
+ G(!1), e.style.transition = "opacity 0.3s, transform 0.3s", e.style.opacity = "0", n(e);
72
73
  }), () => {
73
74
  t = !0, e && (e.onload = null, e.onerror = null);
74
75
  };
75
76
  }, [
76
- B,
77
- a,
77
+ V,
78
+ i,
78
79
  Y
79
- ]), o(() => {
80
+ ]), a(() => {
80
81
  J(n({
81
82
  mode: "original",
82
- src: a,
83
- width: h,
84
- height: g,
85
- fit: _,
86
- position: v,
87
- scale: b,
88
- disabledResizing: T
83
+ src: i,
84
+ width: p,
85
+ height: m,
86
+ fit: h,
87
+ position: g,
88
+ scale: v,
89
+ disabledResizing: C
89
90
  }));
90
91
  }, [
91
- a,
92
+ i,
93
+ p,
94
+ m,
92
95
  h,
93
96
  g,
94
- _,
95
97
  v,
96
- b,
97
- T
98
- ]), C ? /* @__PURE__ */ m(u, {
99
- ...j,
98
+ C
99
+ ]), x ? /* @__PURE__ */ f(c, {
100
+ ...A,
100
101
  ref: F,
101
- inlineCSS: E ? {
102
+ inlineCSS: w ? {
102
103
  position: "relative",
103
- paddingTop: `calc(100% / ${h} * ${g})`,
104
+ paddingTop: `calc(100% / ${p} * ${m})`,
104
105
  minWidth: "100%",
105
- borderRadius: w,
106
+ borderRadius: S,
106
107
  overflow: "hidden",
107
- ...j?.inlineCSS
108
+ ...k && B && { "&:hover img": { transform: "scale(1.03)" } },
109
+ ...A?.inlineCSS
108
110
  } : {
109
111
  position: "relative",
110
- width: h,
111
- minWidth: h,
112
- height: g,
113
- borderRadius: w,
112
+ width: p,
113
+ minWidth: p,
114
+ height: m,
115
+ borderRadius: S,
114
116
  overflow: "hidden",
115
- ...j?.inlineCSS
117
+ ...k && B && { "&:hover img": { transform: "scale(1.03)" } },
118
+ ...A?.inlineCSS
116
119
  },
117
120
  children: [
118
- O && /* @__PURE__ */ p(d, {
121
+ E && /* @__PURE__ */ d(l, {
119
122
  width: "100%",
120
123
  height: "100%",
121
- borderRadius: w || 0,
124
+ borderRadius: S || 0,
122
125
  inlineCSS: {
123
126
  position: "absolute",
124
127
  top: 0,
125
128
  left: 0,
126
- opacity: H || D && K ? 0 : 1,
129
+ opacity: H || T && K ? 0 : 1,
127
130
  transition: "opacity 0.3s"
128
131
  }
129
132
  }),
130
- D && X && B && /* @__PURE__ */ p("img", {
133
+ T && X && V && /* @__PURE__ */ d("img", {
131
134
  src: X,
132
135
  alt: "",
133
- width: h,
134
- height: g,
136
+ width: p,
137
+ height: m,
135
138
  onLoad: $,
136
139
  draggable: !1,
137
140
  style: {
@@ -142,17 +145,17 @@ var h = a(({ src: a, width: h, height: g, fit: _ = "cover", position: v = "cente
142
145
  height: "100%",
143
146
  filter: "blur(5px)",
144
147
  opacity: K && !H ? 1 : 0,
145
- transition: "opacity 0.3s",
146
- objectFit: _,
147
- objectPosition: v
148
+ transition: "opacity 0.3s, transform 0.3s",
149
+ objectFit: h,
150
+ objectPosition: g
148
151
  }
149
152
  }),
150
- B && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("img", {
153
+ V && /* @__PURE__ */ f(re, { children: [/* @__PURE__ */ d("img", {
151
154
  ref: L,
152
155
  src: q,
153
- alt: y,
154
- width: h,
155
- height: g,
156
+ alt: _,
157
+ width: p,
158
+ height: m,
156
159
  onLoad: Z,
157
160
  onError: Q,
158
161
  "aria-hidden": W,
@@ -164,49 +167,51 @@ var h = a(({ src: a, width: h, height: g, fit: _ = "cover", position: v = "cente
164
167
  left: 0,
165
168
  width: "100%",
166
169
  height: "100%",
167
- transition: "opacity 0.3s",
170
+ transition: "opacity 0.3s, transform 0.3s",
168
171
  ...N.style
169
172
  }
170
- }), k && W && (A?.() || /* @__PURE__ */ p(r, {}))] })
173
+ }), D && W && (O?.() || /* @__PURE__ */ d(r, {}))] })
171
174
  ]
172
- }) : /* @__PURE__ */ m(u, {
173
- ...j,
175
+ }) : /* @__PURE__ */ f(c, {
176
+ ...A,
174
177
  ref: F,
175
- inlineCSS: E ? {
178
+ inlineCSS: w ? {
176
179
  position: "relative",
177
- paddingTop: `calc(100% / ${h} * ${g})`,
180
+ paddingTop: `calc(100% / ${p} * ${m})`,
178
181
  minWidth: "100%",
179
182
  transition: "padding-top 0.2s",
180
- borderRadius: w,
183
+ borderRadius: S,
181
184
  overflow: "hidden",
182
- ...j?.inlineCSS
185
+ ...k && B && { "&:hover img": { transform: "scale(1.03)" } },
186
+ ...A?.inlineCSS
183
187
  } : {
184
188
  position: "relative",
185
- width: h,
186
- minWidth: h,
187
- height: g,
188
- borderRadius: w,
189
+ width: p,
190
+ minWidth: p,
191
+ height: m,
192
+ borderRadius: S,
189
193
  overflow: "hidden",
190
- ...j?.inlineCSS
194
+ ...k && B && { "&:hover img": { transform: "scale(1.03)" } },
195
+ ...A?.inlineCSS
191
196
  },
192
197
  children: [
193
- O && /* @__PURE__ */ p(d, {
198
+ E && /* @__PURE__ */ d(l, {
194
199
  width: "100%",
195
200
  height: "100%",
196
- borderRadius: w || 0,
201
+ borderRadius: S || 0,
197
202
  inlineCSS: {
198
203
  position: "absolute",
199
204
  top: 0,
200
205
  left: 0,
201
- opacity: H || D && K ? 0 : 1,
206
+ opacity: H || T && K ? 0 : 1,
202
207
  transition: "opacity 0.3s"
203
208
  }
204
209
  }),
205
- D && X && /* @__PURE__ */ p("img", {
210
+ T && X && /* @__PURE__ */ d("img", {
206
211
  src: X,
207
212
  alt: "",
208
- width: h,
209
- height: g,
213
+ width: p,
214
+ height: m,
210
215
  onLoad: $,
211
216
  draggable: !1,
212
217
  style: {
@@ -220,12 +225,12 @@ var h = a(({ src: a, width: h, height: g, fit: _ = "cover", position: v = "cente
220
225
  transition: "opacity 0.3s"
221
226
  }
222
227
  }),
223
- /* @__PURE__ */ p("img", {
228
+ /* @__PURE__ */ d("img", {
224
229
  ref: L,
225
230
  src: q,
226
- alt: y,
227
- width: h,
228
- height: g,
231
+ alt: _,
232
+ width: p,
233
+ height: m,
229
234
  onLoad: Z,
230
235
  onError: Q,
231
236
  "aria-hidden": W,
@@ -237,13 +242,13 @@ var h = a(({ src: a, width: h, height: g, fit: _ = "cover", position: v = "cente
237
242
  left: 0,
238
243
  width: "100%",
239
244
  height: "100%",
240
- transition: "opacity 0.3s",
245
+ transition: "opacity 0.3s, transform 0.3s",
241
246
  ...N.style
242
247
  }
243
248
  }),
244
- k && W && (A?.() || /* @__PURE__ */ p(r, {}))
249
+ D && W && (O?.() || /* @__PURE__ */ d(r, {}))
245
250
  ]
246
251
  });
247
252
  });
248
253
  //#endregion
249
- export { h as default };
254
+ export { p as default };
package/dist/shared/utils/getHoverChildrenScaleStyle/getHoverChildrenScaleStyle.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ import { CSSProperties } from 'react';
2
+ interface GetHoverChildrenScaleStyleProps {
3
+ selector: keyof HTMLElementTagNameMap;
4
+ scale?: number;
5
+ transitionDuration?: number;
6
+ transitionTimingFunction?: CSSProperties['transitionTimingFunction'];
7
+ disabled?: boolean;
8
+ }
9
+ export default function getHoverChildrenScaleStyle({ selector, scale, disabled, transitionDuration, transitionTimingFunction }: GetHoverChildrenScaleStyleProps): {
10
+ [x: string]: {
11
+ transition: string;
12
+ transform?: undefined;
13
+ } | {
14
+ transform: string;
15
+ transition?: undefined;
16
+ };
17
+ };
18
+ export {};
package/dist/shared/utils/getHoverChildrenScaleStyle/getHoverChildrenScaleStyle.mjs ADDED
@@ -0,0 +1,9 @@
1
+ //#region shared/utils/getHoverChildrenScaleStyle/getHoverChildrenScaleStyle.ts
2
+ function e({ selector: e, scale: t = 1.03, disabled: n = !1, transitionDuration: r = .3, transitionTimingFunction: i = "ease-in-out" }) {
3
+ return n ? {} : {
4
+ [`& ${e}`]: { transition: `transform ${r}s ${i}` },
5
+ [`&:hover ${e}`]: { transform: `scale(${t})` }
6
+ };
7
+ }
8
+ //#endregion
9
+ export { e as default };