@dotss/tictoccroc 0.0.27 → 0.0.29

package/dist/index.mjs

@@ -39,71 +39,72 @@ import { default as Ie } from "./shared/utils/isServer/isServer.mjs";
 import { default as De } from "./shared/utils/getTimeRange/getTimeRange.mjs";
 import { default as ve } from "./shared/utils/getDateRange/getDateRange.mjs";
 import { default as Pe } from "./shared/utils/isAndroid/isAndroid.mjs";
-import { default as we } from "./shared/utils/isApp/isApp.mjs";
-import { default as Ee } from "./shared/utils/isDesktop/isDesktop.mjs";
-import { default as Ke } from "./shared/utils/birthDateToAge/birthDateToAge.mjs";
-import { default as Qe } from "./shared/utils/objectToQueryString/objectToQueryString.mjs";
-import { default as Ve } from "./shared/utils/getVimeoId/getVimeoId.mjs";
-import { default as qe } from "./shared/utils/parseQueryString/parseQueryString.mjs";
-import { default as He } from "./shared/utils/share/share.mjs";
-import { default as Oe } from "./shared/utils/dayFlagToDay/dayFlagToDay.mjs";
-import { default as Xe } from "./shared/utils/getCareTypeLabel/getCareTypeLabel.mjs";
-import { default as Ze } from "./teacher/profile/components/ProfileSummary/ProfileSummary.mjs";
-import { default as $e } from "./teacher/profile/components/StatBadgeCollection/StatBadgeCollection.mjs";
-import { default as aa } from "./teacher/profile/components/StatBadgeCollection/StatBadge/StatBadge.mjs";
-import { default as oa } from "./teacher/profile/components/ActivityGallery/ActivityGallery.mjs";
-import { default as fa } from "./teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs";
-import { default as sa } from "./teacher/profile/components/CertificateSection/CertificateSection.mjs";
-import { default as da } from "./teacher/profile/components/CertificateSection/CertificateItem/CertificateItem.mjs";
-import { default as pa } from "./teacher/profile/components/CareerSection/CareerSection.mjs";
-import { default as ia } from "./teacher/profile/components/CareerSection/CareerItem/CareerItem.mjs";
-import { default as na } from "./teacher/profile/components/EducationSection/EducationSection.mjs";
-import { default as Sa } from "./teacher/profile/components/EducationSection/EducationItem/EducationItem.mjs";
-import { default as Ca } from "./teacher/profile/components/PreferredActivityKeywordGroup/PreferredActivityKeywordGroup.mjs";
-import { default as ba } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.mjs";
-import { getPreferredAgeKeywords as Ma } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.utils.mjs";
-import { default as Ia } from "./teacher/profile/components/AbilityCollection/AbilityCollection.mjs";
-import { default as Da } from "./teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.mjs";
-import { getAbilityCollection as va } from "./teacher/profile/components/AbilityCollection/AbilityCollection.utils.mjs";
-import { default as Pa } from "./teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs";
-import { default as wa } from "./teacher/profile/components/CareNoteSection/CareNoteSection.mjs";
-import { default as Ea } from "./teacher/profile/components/CareNoteSection/CareNote/CareNote.mjs";
-import { default as Ka } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.mjs";
-import { getChildLabel as Qa } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.utils.mjs";
-import { default as Va } from "./teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs";
-import { default as qa } from "./teacher/home/components/TextAccount/TextAccount.mjs";
-import { default as Ha } from "./teacher/home/components/TextAccount/TextAccount.fallback.mjs";
-import { default as Oa } from "./teacher/home/components/Carousel1Account/Carousel1Account.mjs";
-import { default as Xa } from "./teacher/home/components/Carousel1Account/Carousel1Account.fallback.mjs";
-import { default as Za } from "./teacher/home/components/Carousel2Account/Carousel2Account.mjs";
-import { default as $a } from "./teacher/home/components/Carousel2Account/Carousel2Account.fallback.mjs";
-import { default as at } from "./teacher/home/components/BannerAccount/BannerAccount.mjs";
-import { default as ot } from "./teacher/home/components/BannerAccount/BannerAccount.fallback.mjs";
+import { default as we } from "./shared/utils/isIos/isIos.mjs";
+import { default as Ee } from "./shared/utils/isApp/isApp.mjs";
+import { default as Ke } from "./shared/utils/isDesktop/isDesktop.mjs";
+import { default as Qe } from "./shared/utils/birthDateToAge/birthDateToAge.mjs";
+import { default as Ve } from "./shared/utils/objectToQueryString/objectToQueryString.mjs";
+import { default as qe } from "./shared/utils/getVimeoId/getVimeoId.mjs";
+import { default as He } from "./shared/utils/parseQueryString/parseQueryString.mjs";
+import { default as Oe } from "./shared/utils/share/share.mjs";
+import { default as Xe } from "./shared/utils/dayFlagToDay/dayFlagToDay.mjs";
+import { default as Ze } from "./shared/utils/getCareTypeLabel/getCareTypeLabel.mjs";
+import { default as $e } from "./teacher/profile/components/ProfileSummary/ProfileSummary.mjs";
+import { default as aa } from "./teacher/profile/components/StatBadgeCollection/StatBadgeCollection.mjs";
+import { default as oa } from "./teacher/profile/components/StatBadgeCollection/StatBadge/StatBadge.mjs";
+import { default as fa } from "./teacher/profile/components/ActivityGallery/ActivityGallery.mjs";
+import { default as sa } from "./teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs";
+import { default as da } from "./teacher/profile/components/CertificateSection/CertificateSection.mjs";
+import { default as pa } from "./teacher/profile/components/CertificateSection/CertificateItem/CertificateItem.mjs";
+import { default as ia } from "./teacher/profile/components/CareerSection/CareerSection.mjs";
+import { default as na } from "./teacher/profile/components/CareerSection/CareerItem/CareerItem.mjs";
+import { default as Sa } from "./teacher/profile/components/EducationSection/EducationSection.mjs";
+import { default as Ca } from "./teacher/profile/components/EducationSection/EducationItem/EducationItem.mjs";
+import { default as ba } from "./teacher/profile/components/PreferredActivityKeywordGroup/PreferredActivityKeywordGroup.mjs";
+import { default as Ma } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.mjs";
+import { getPreferredAgeKeywords as Ia } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.utils.mjs";
+import { default as Da } from "./teacher/profile/components/AbilityCollection/AbilityCollection.mjs";
+import { default as va } from "./teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.mjs";
+import { getAbilityCollection as Pa } from "./teacher/profile/components/AbilityCollection/AbilityCollection.utils.mjs";
+import { default as wa } from "./teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs";
+import { default as Ea } from "./teacher/profile/components/CareNoteSection/CareNoteSection.mjs";
+import { default as Ka } from "./teacher/profile/components/CareNoteSection/CareNote/CareNote.mjs";
+import { default as Qa } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.mjs";
+import { getChildLabel as Va } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.utils.mjs";
+import { default as qa } from "./teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs";
+import { default as Ha } from "./teacher/home/components/TextAccount/TextAccount.mjs";
+import { default as Oa } from "./teacher/home/components/TextAccount/TextAccount.fallback.mjs";
+import { default as Xa } from "./teacher/home/components/Carousel1Account/Carousel1Account.mjs";
+import { default as Za } from "./teacher/home/components/Carousel1Account/Carousel1Account.fallback.mjs";
+import { default as $a } from "./teacher/home/components/Carousel2Account/Carousel2Account.mjs";
+import { default as at } from "./teacher/home/components/Carousel2Account/Carousel2Account.fallback.mjs";
+import { default as ot } from "./teacher/home/components/BannerAccount/BannerAccount.mjs";
+import { default as ft } from "./teacher/home/components/BannerAccount/BannerAccount.fallback.mjs";
 export {
-  Da as AbilityBadge,
-  Ia as AbilityCollection,
-  oa as ActivityGallery,
-  fa as ActivityGalleryItem,
-  Pa as AvailableScheduleSection,
-  at as BannerAccount,
-  ot as BannerAccountFallback,
+  va as AbilityBadge,
+  Da as AbilityCollection,
+  fa as ActivityGallery,
+  sa as ActivityGalleryItem,
+  wa as AvailableScheduleSection,
+  ot as BannerAccount,
+  ft as BannerAccountFallback,
   fe as BotMessage,
   N as Calendar,
-  Ea as CareNote,
-  wa as CareNoteSection,
-  ia as CareerItem,
-  pa as CareerSection,
+  Ka as CareNote,
+  Ea as CareNoteSection,
+  na as CareerItem,
+  ia as CareerSection,
   k as Carousel,
-  Oa as Carousel1Account,
-  Xa as Carousel1AccountFallback,
-  Za as Carousel2Account,
-  $a as Carousel2AccountFallback,
+  Xa as Carousel1Account,
+  Za as Carousel1AccountFallback,
+  $a as Carousel2Account,
+  at as Carousel2AccountFallback,
   T as CarouselSlide,
-  da as CertificateItem,
-  sa as CertificateSection,
+  pa as CertificateItem,
+  da as CertificateSection,
   ae as DirectTradeRiskInfoBottomSheet,
-  Sa as EducationItem,
-  na as EducationSection,
+  Ca as EducationItem,
+  Sa as EducationSection,
   L as Image,
   G as ImageError,
   pe as InputBar,
@@ -118,50 +119,51 @@ export {
   A as MediaDialogToolbar,
   J as Message,
   W as MessageFallback,
-  Va as ParentReviewCard,
-  Ka as ParentReviewSection,
-  Ca as PreferredActivityKeywordGroup,
-  ba as PreferredAgeGroup,
-  Ze as ProfileSummary,
+  qa as ParentReviewCard,
+  Qa as ParentReviewSection,
+  ba as PreferredActivityKeywordGroup,
+  Ma as PreferredAgeGroup,
+  $e as ProfileSummary,
   F as Roller,
   R as RollerBlock,
   l as ScheduleBlock,
   r as ScheduleEvent,
   t as Scheduler,
   ne as Seperator,
-  aa as StatBadge,
-  $e as StatBadgeCollection,
+  oa as StatBadge,
+  aa as StatBadgeCollection,
   y as Swiper,
   B as SwiperBlock,
   $ as SystemMessage,
-  qa as TextAccount,
-  Ha as TextAccountFallback,
+  Ha as TextAccount,
+  Oa as TextAccountFallback,
   h as TimePicker,
   Se as UnreadMessagePill,
-  Ke as birthDateToAge,
-  Oe as dayFlagToDay,
-  va as getAbilityCollection,
+  Qe as birthDateToAge,
+  Xe as dayFlagToDay,
+  Pa as getAbilityCollection,
   u as getAvailableDateRange,
   se as getBotMessageLabel,
-  Xe as getCareTypeLabel,
-  Qa as getChildLabel,
+  Ze as getCareTypeLabel,
+  Va as getChildLabel,
   ue as getClassInfo,
   de as getCtaButtonText,
   ve as getDateRange,
   Me as getImageUrl,
   Y as getMessageLabel,
-  Ma as getPreferredAgeKeywords,
+  Ia as getPreferredAgeKeywords,
   oe as getSystemMessageLabel,
   De as getTimeRange,
-  Ve as getVimeoId,
+  qe as getVimeoId,
   Pe as isAndroid,
-  we as isApp,
-  Ee as isDesktop,
+  Ee as isApp,
+  Ke as isDesktop,
+  we as isIos,
   Ie as isServer,
   Z as markMessageGroupBoundaries,
-  Qe as objectToQueryString,
-  qe as parseQueryString,
-  He as share,
+  Ve as objectToQueryString,
+  He as parseQueryString,
+  Oe as share,
   be as useInView,
   Ce as useIsomorphicLayoutEffect
 };

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

@@ -1,6 +1,6 @@
-import { jsxs as n, jsx as e, Fragment as A } from "react/jsx-runtime";
-import { useRef as x, useImperativeHandle as J, useEffect as y } from "react";
-import { Flexbox as d, Typography as v, Button as Q, Icon as I, Menu as W, MenuBlock as P, CircularProgressIndicator as X } from "@dotss/ui";
+import { jsxs as n, jsx as e, Fragment as q } from "react/jsx-runtime";
+import { useRef as x, useImperativeHandle as A, useEffect as y } from "react";
+import { Flexbox as d, Typography as v, Button as J, Icon as I, Menu as Q, MenuBlock as P, CircularProgressIndicator as X } from "@dotss/ui";
 import Y from "@dotss/ui/core/useTheme";
 import { useCheckHoverPossible as Z } from "@dotss/ui/hooks";
 import { MenuButton as _ } from "@dotss/ui/Menu";
@@ -33,14 +33,14 @@ function de({
     palette: { brand: k, grey: a, etc: H },
     spacing: E
   } = Y(), { isHoverPossible: K } = Z(), o = x(null), D = x(null), p = x(null);
-  J(R, () => o.current);
+  A(R, () => o.current);
   const F = M(o), L = 300, s = l === "FAILED", N = f.length > L, O = (r) => {
     r === "resend" ? (t == null || t(), p.current = setTimeout(() => {
       S == null || S();
     }, 200)) : r === "delete" && (t == null || t(), p.current = setTimeout(() => {
       b == null || b();
     }, 200));
-  }, q = (r) => {
+  }, W = (r) => {
     (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.currentTarget.click());
   };
   return y(() => {
@@ -74,11 +74,12 @@ function de({
               role: typeof c == "function" ? "button" : void 0,
               tabIndex: typeof c == "function" ? 0 : -1,
               onClick: c,
-              onKeyDown: q,
+              onKeyDown: W,
               "aria-label": typeof c == "function" ? "선생님 프로필 보기" : void 0,
               inlineCSS: {
                 position: "relative",
                 overflow: "hidden",
+                minWidth: 32,
                 cursor: typeof c == "function" ? "pointer" : void 0
               },
               children: /* @__PURE__ */ e(
@@ -127,7 +128,7 @@ function de({
                   }
                 ),
                 N && /* @__PURE__ */ e(
-                  Q,
+                  J,
                   {
                     variant: "text",
                     size: "xSmall",
@@ -143,7 +144,7 @@ function de({
             }
           )
         ] }),
-        s && /* @__PURE__ */ n(A, { children: [
+        s && /* @__PURE__ */ n(q, { children: [
           /* @__PURE__ */ n(
             _,
             {
@@ -194,7 +195,7 @@ function de({
             }
           ),
           /* @__PURE__ */ n(
-            W,
+            Q,
             {
               id: `message-${C}-menu`,
               anchorRef: D,

package/dist/shared/components/Image/Image.mjs

@@ -1,129 +1,155 @@
-import { jsxs as T, jsx as s, Fragment as p } from "react/jsx-runtime";
-import { forwardRef as P, useRef as W, useImperativeHandle as tt, useState as I, useEffect as G } from "react";
-import { Flexbox as J, Skeleton as K } from "@dotss/ui";
-import et from "../../hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
-import N from "../../utils/getImageUrl/getImageUrl.mjs";
-import Q from "./Image.error.mjs";
-const nt = 100, ct = P(
+import { jsxs as U, jsx as c, Fragment as tt } from "react/jsx-runtime";
+import { forwardRef as et, useRef as b, useImperativeHandle as nt, useState as S, useEffect as M } from "react";
+import { Flexbox as z, Skeleton as w } from "@dotss/ui";
+import ot from "../../hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
+import R from "../../utils/getImageUrl/getImageUrl.mjs";
+import F from "./Image.error.mjs";
+const it = 100, dt = et(
   ({
-    src: j,
-    width: n,
-    height: i,
-    fit: h = "cover",
-    position: E = "center",
-    alt: H,
-    scale: X = 2,
-    onLoad: $,
-    onLazyLoad: x,
-    lazy: O = !1,
-    borderRadius: f,
-    disabledResizing: z = !1,
-    withIntrinsicRatio: M = !1,
-    enableBlurPlaceholder: c = !1,
-    enableFallback: R = !1,
-    enableErrorFallback: U = !0,
-    renderErrorFallback: a,
-    wrapperProps: e = {},
-    onError: V,
-    ...u
-  }, Y) => {
-    const m = W(null), _ = W(!1), y = W(null);
-    tt(Y, () => y.current);
-    const [d, Z] = I(!1), [g, v] = I(!1), [S, r] = I(!1), [L, b] = I(!1), q = N({
-      mode: "original",
-      src: j,
-      width: n,
-      height: i,
-      fit: h,
-      position: E,
-      scale: X,
-      disabledResizing: z
-    }), C = c ? N({
+    src: l,
+    width: e,
+    height: o,
+    fit: r = "cover",
+    position: y = "center",
+    alt: V,
+    scale: W = 2,
+    onLoad: _,
+    onLazyLoad: j,
+    lazy: q = !1,
+    borderRadius: u,
+    disabledResizing: L = !1,
+    withIntrinsicRatio: A = !1,
+    enableBlurPlaceholder: g = !1,
+    enableFallback: B = !1,
+    enableErrorFallback: D = !0,
+    renderErrorFallback: d,
+    wrapperProps: n = {},
+    onError: G,
+    ...C
+  }, p) => {
+    const I = b(null), J = b(!1), i = b(null);
+    nt(p, () => i.current);
+    const [v, k] = S(!1), [E, m] = S(!1), [h, f] = S(!1), [x, P] = S(!1), [K, N] = S(
+      R({
+        mode: "original",
+        src: l,
+        width: e,
+        height: o,
+        fit: r,
+        position: y,
+        scale: W,
+        disabledResizing: L
+      })
+    ), Q = l == null ? void 0 : l.endsWith(".heic"), T = g ? R({
       mode: "blur",
-      src: j,
-      width: n,
-      fit: h,
-      position: E,
+      src: l,
+      width: e,
+      fit: r,
+      position: y,
       scale: 1 / 3,
-      disabledResizing: z
-    }) : null, A = (t) => {
-      v(!0), r(!1), typeof $ == "function" && $(t);
-    }, B = (t) => {
-      r(!0), v(!1), typeof V == "function" && V(t.nativeEvent);
-    }, D = () => b(!0);
-    return G(() => {
-      if (O && m.current) {
-        const t = m.current, F = () => {
+      disabledResizing: L
+    }) : null, X = (t) => {
+      m(!0), f(!1), typeof _ == "function" && _(t);
+    }, Y = (t) => {
+      typeof G == "function" && G(t.nativeEvent), f(!0), m(!1);
+    }, Z = () => P(!0);
+    return M(() => {
+      if (q && I.current) {
+        const t = I.current, H = () => {
           if (!t) return !1;
-          const o = t.getBoundingClientRect();
-          return o.bottom >= 0 && o.top <= (window.innerHeight || document.documentElement.clientHeight) + nt;
-        }, l = () => {
-          F() && Z(!0);
-        }, w = () => {
-          var o;
-          (o = window.appScreenContent) == null || o.addEventListener("scroll", l), window.addEventListener("resize", l), window.addEventListener("orientationchange", l);
-        }, k = () => {
-          var o;
-          (o = window.appScreenContent) == null || o.removeEventListener("scroll", l), window.removeEventListener("resize", l), window.removeEventListener("orientationchange", l);
+          const a = t.getBoundingClientRect();
+          return a.bottom >= 0 && a.top <= (window.innerHeight || document.documentElement.clientHeight) + it;
+        }, s = () => {
+          H() && k(!0);
+        }, O = () => {
+          var a;
+          (a = window.appScreenContent) == null || a.addEventListener("scroll", s), window.addEventListener("resize", s), window.addEventListener("orientationchange", s);
+        }, $ = () => {
+          var a;
+          (a = window.appScreenContent) == null || a.removeEventListener("scroll", s), window.removeEventListener("resize", s), window.removeEventListener("orientationchange", s);
         };
-        return l(), w(), k;
+        return s(), O(), $;
       }
-    }), G(() => {
-      typeof x == "function" && d && !_.current && (_.current = !0, x());
-    }, [x, d]), et(() => {
-      const t = y.current;
-      return t != null && t.complete ? t.naturalWidth > 0 ? (t.style.transition = "none", t.style.opacity = "1", v(!0)) : (t.style.opacity = "0", r(!0)) : t && (t.style.transition = "opacity 0.3s", t.style.opacity = "0", t.onload = () => {
-        t.style.opacity = "1", v(!0), t.onload = null;
+    }), M(() => {
+      typeof j == "function" && v && !J.current && (J.current = !0, j());
+    }, [j, v]), ot(() => {
+      const t = i.current;
+      return t != null && t.complete ? t.naturalWidth > 0 ? (t.style.transition = "none", t.style.opacity = "1", m(!0)) : (t.style.opacity = "0", f(!0)) : t && (t.style.transition = "opacity 0.3s", t.style.opacity = "0", t.onload = () => {
+        t.style.opacity = "1", m(!0), t.onload = null;
       }, t.onerror = () => {
-        r(!0), t.onerror = null;
+        if (!Q) {
+          f(!0), t.onerror = null;
+          return;
+        }
+        f(!1), window.fetch(l).then(async (H) => {
+          const s = await H.blob(), O = (await import("heic2any")).default, $ = await O({ blob: s, toType: "image/png" });
+          N(URL.createObjectURL($)), i.current.onload = () => {
+            t.style.opacity = "1", m(!0), f(!1), i.current.onload = null, i.current.onerror = null;
+          }, i.current.onerror = () => {
+            f(!0), m(!1), i.current.onload = null, i.current.onerror = null;
+          };
+        });
       }), () => {
         t && (t.onload = null, t.onerror = null);
       };
-    }, [d]), O ? /* @__PURE__ */ T(
-      J,
+    }, [v, l, Q]), M(() => {
+      N(
+        R({
+          mode: "original",
+          src: l,
+          width: e,
+          height: o,
+          fit: r,
+          position: y,
+          scale: W,
+          disabledResizing: L
+        })
+      );
+    }, [l, e, o, r, y, W, L]), q ? /* @__PURE__ */ U(
+      z,
       {
-        ...e,
-        ref: m,
-        inlineCSS: M ? {
+        ...n,
+        ref: I,
+        inlineCSS: A ? {
           position: "relative",
-          paddingTop: `calc(100% / ${n} * ${i})`,
+          paddingTop: `calc(100% / ${e} * ${o})`,
           minWidth: "100%",
-          borderRadius: f,
+          borderRadius: u,
           overflow: "hidden",
-          ...e == null ? void 0 : e.inlineCSS
+          ...n == null ? void 0 : n.inlineCSS
         } : {
           position: "relative",
-          width: n,
-          minWidth: n,
-          height: i,
-          borderRadius: f,
+          width: e,
+          minWidth: e,
+          height: o,
+          borderRadius: u,
           overflow: "hidden",
-          ...e == null ? void 0 : e.inlineCSS
+          ...n == null ? void 0 : n.inlineCSS
         },
         children: [
-          R && /* @__PURE__ */ s(
-            K,
+          B && /* @__PURE__ */ c(
+            w,
             {
               width: "100%",
               height: "100%",
-              borderRadius: f || 0,
+              borderRadius: u || 0,
               inlineCSS: {
                 position: "absolute",
                 top: 0,
                 left: 0,
-                opacity: g || c && L ? 0 : 1,
+                opacity: E || g && x ? 0 : 1,
                 transition: "opacity 0.3s"
               }
             }
           ),
-          c && C && d && /* @__PURE__ */ s(
+          g && T && v && /* @__PURE__ */ c(
             "img",
             {
-              src: C,
+              src: T,
               alt: "",
-              width: n,
-              height: i,
-              onLoad: D,
+              width: e,
+              height: o,
+              onLoad: Z,
               draggable: !1,
               style: {
                 position: "absolute",
@@ -132,27 +158,27 @@ const nt = 100, ct = P(
                 width: "100%",
                 height: "100%",
                 filter: "blur(5px)",
-                opacity: L && !g ? 1 : 0,
+                opacity: x && !E ? 1 : 0,
                 transition: "opacity 0.3s",
-                objectFit: h,
-                objectPosition: E
+                objectFit: r,
+                objectPosition: y
               }
             }
           ),
-          d && /* @__PURE__ */ T(p, { children: [
-            /* @__PURE__ */ s(
+          v && /* @__PURE__ */ U(tt, { children: [
+            /* @__PURE__ */ c(
               "img",
               {
-                ref: y,
-                src: q,
-                alt: H,
-                width: n,
-                height: i,
-                onLoad: A,
-                onError: B,
-                "aria-hidden": S,
+                ref: i,
+                src: K,
+                alt: V,
+                width: e,
+                height: o,
+                onLoad: X,
+                onError: Y,
+                "aria-hidden": h,
                 draggable: !1,
-                ...u,
+                ...C,
                 style: {
                   position: "absolute",
                   top: 0,
@@ -160,60 +186,60 @@ const nt = 100, ct = P(
                   width: "100%",
                   height: "100%",
                   transition: "opacity 0.3s",
-                  ...u.style
+                  ...C.style
                 }
               }
             ),
-            U && S && ((a == null ? void 0 : a()) || /* @__PURE__ */ s(Q, {}))
+            D && h && ((d == null ? void 0 : d()) || /* @__PURE__ */ c(F, {}))
           ] })
         ]
       }
-    ) : /* @__PURE__ */ T(
-      J,
+    ) : /* @__PURE__ */ U(
+      z,
       {
-        ...e,
-        ref: m,
-        inlineCSS: M ? {
+        ...n,
+        ref: I,
+        inlineCSS: A ? {
           position: "relative",
-          paddingTop: `calc(100% / ${n} * ${i})`,
+          paddingTop: `calc(100% / ${e} * ${o})`,
           minWidth: "100%",
           transition: "padding-top 0.2s",
-          borderRadius: f,
+          borderRadius: u,
           overflow: "hidden",
-          ...e == null ? void 0 : e.inlineCSS
+          ...n == null ? void 0 : n.inlineCSS
         } : {
           position: "relative",
-          width: n,
-          minWidth: n,
-          height: i,
-          borderRadius: f,
+          width: e,
+          minWidth: e,
+          height: o,
+          borderRadius: u,
           overflow: "hidden",
-          ...e == null ? void 0 : e.inlineCSS
+          ...n == null ? void 0 : n.inlineCSS
         },
         children: [
-          R && /* @__PURE__ */ s(
-            K,
+          B && /* @__PURE__ */ c(
+            w,
             {
               width: "100%",
               height: "100%",
-              borderRadius: f || 0,
+              borderRadius: u || 0,
               inlineCSS: {
                 position: "absolute",
                 top: 0,
                 left: 0,
-                opacity: g || c && L ? 0 : 1,
+                opacity: E || g && x ? 0 : 1,
                 transition: "opacity 0.3s"
               }
             }
           ),
-          c && C && /* @__PURE__ */ s(
+          g && T && /* @__PURE__ */ c(
             "img",
             {
-              src: C,
+              src: T,
               alt: "",
-              width: n,
-              height: i,
-              onLoad: D,
+              width: e,
+              height: o,
+              onLoad: Z,
               draggable: !1,
               style: {
                 position: "absolute",
@@ -222,24 +248,24 @@ const nt = 100, ct = P(
                 width: "100%",
                 height: "100%",
                 filter: "blur(5px)",
-                opacity: L && !g ? 1 : 0,
+                opacity: x && !E ? 1 : 0,
                 transition: "opacity 0.3s"
               }
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ c(
             "img",
             {
-              ref: y,
-              src: q,
-              alt: H,
-              width: n,
-              height: i,
-              onLoad: A,
-              onError: B,
-              "aria-hidden": S,
+              ref: i,
+              src: K,
+              alt: V,
+              width: e,
+              height: o,
+              onLoad: X,
+              onError: Y,
+              "aria-hidden": h,
               draggable: !1,
-              ...u,
+              ...C,
               style: {
                 position: "absolute",
                 top: 0,
@@ -247,16 +273,16 @@ const nt = 100, ct = P(
                 width: "100%",
                 height: "100%",
                 transition: "opacity 0.3s",
-                ...u.style
+                ...C.style
               }
             }
           ),
-          U && S && ((a == null ? void 0 : a()) || /* @__PURE__ */ s(Q, {}))
+          D && h && ((d == null ? void 0 : d()) || /* @__PURE__ */ c(F, {}))
         ]
       }
     );
   }
 );
 export {
-  ct as default
+  dt as default
 };

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

@@ -3,6 +3,7 @@ export { default as isServer } from './isServer';
 export { default as getTimeRange } from './getTimeRange';
 export { default as getDateRange } from './getDateRange';
 export { default as isAndroid } from './isAndroid';
+export { default as isIos } from './isIos';
 export { default as isApp } from './isApp';
 export { default as isDesktop } from './isDesktop';
 export { default as birthDateToAge } from './birthDateToAge';

package/dist/shared/utils/index.mjs

@@ -3,28 +3,30 @@ 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 m } from "./isAndroid/isAndroid.mjs";
-import { default as x } from "./isApp/isApp.mjs";
-import { default as i } from "./isDesktop/isDesktop.mjs";
-import { default as y } from "./birthDateToAge/birthDateToAge.mjs";
-import { default as D } from "./objectToQueryString/objectToQueryString.mjs";
-import { default as A } 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";
-import { default as k } from "./getCareTypeLabel/getCareTypeLabel.mjs";
+import { default as x } from "./isIos/isIos.mjs";
+import { default as i } from "./isApp/isApp.mjs";
+import { default as y } from "./isDesktop/isDesktop.mjs";
+import { default as D } from "./birthDateToAge/birthDateToAge.mjs";
+import { default as A } from "./objectToQueryString/objectToQueryString.mjs";
+import { default as S } from "./getVimeoId/getVimeoId.mjs";
+import { default as Q } from "./parseQueryString/parseQueryString.mjs";
+import { default as c } from "./share/share.mjs";
+import { default as k } from "./dayFlagToDay/dayFlagToDay.mjs";
+import { default as C } from "./getCareTypeLabel/getCareTypeLabel.mjs";
 export {
-  y as birthDateToAge,
-  c as dayFlagToDay,
-  k as getCareTypeLabel,
+  D as birthDateToAge,
+  k as dayFlagToDay,
+  C as getCareTypeLabel,
   d as getDateRange,
   r as getImageUrl,
   s as getTimeRange,
-  A as getVimeoId,
+  S as getVimeoId,
   m as isAndroid,
-  x as isApp,
-  i as isDesktop,
+  i as isApp,
+  y as isDesktop,
+  x as isIos,
   o as isServer,
-  D as objectToQueryString,
-  h as parseQueryString,
-  Q as share
+  A as objectToQueryString,
+  Q as parseQueryString,
+  c as share
 };

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

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

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

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

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

@@ -0,0 +1 @@
+export default function isIos(): boolean;

package/dist/shared/utils/isIos/isIos.mjs

@@ -0,0 +1,6 @@
+function t() {
+  return /iphone|ipad|ipod/i.test(navigator.userAgent);
+}
+export {
+  t as default
+};

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dotss/tictoccroc",
   "type": "module",
-  "version": "0.0.27",
+  "version": "0.0.29",
   "description": "Tictoccroc shared components, hooks, utils, and APIs for Dotss",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
@@ -107,7 +107,8 @@
     "@emotion/styled": "^11.14.0",
     "dayjs": "^1.11.13",
     "react": "^18.0.0 || 19.0.0",
-    "react-dom": "^18.0.0 || 19.0.0"
+    "react-dom": "^18.0.0 || 19.0.0",
+    "heic2any": "^0.0.4"
   },
   "publishConfig": {
     "access": "public"