@tipp/ui 2.3.24 → 2.3.26

package/dist/icon.js

@@ -28,8 +28,10 @@ import {
   DoubleArrowLeftIcon,
   DoubleArrowRightIcon,
   DownloadIcon,
+  EnterFullScreenIcon,
   EnvelopeClosedIcon,
   ExclamationTriangleIcon,
+  ExitFullScreenIcon,
   ExitIcon,
   FaceIcon,
   FileIcon,
@@ -55,6 +57,7 @@ import {
   ReloadIcon,
   ResetIcon,
   RocketIcon,
+  RotateCounterClockwiseIcon,
   RowsIcon,
   SewingPinFilledIcon,
   Share1Icon,
@@ -67,7 +70,7 @@ import {
   UpdateIcon,
   UploadIcon,
   VideoIcon
-} from "./chunk-LTEJYJUM.js";
+} from "./chunk-DLP4UUNG.js";
 import "./chunk-VD7AQ7HK.js";
 import {
   MicIcon
@@ -152,8 +155,10 @@ export {
   DoubleArrowRightIcon,
   DownloadIcon,
   EndCallIcon,
+  EnterFullScreenIcon,
   EnvelopeClosedIcon,
   ExclamationTriangleIcon,
+  ExitFullScreenIcon,
   ExitIcon,
   FaceIcon,
   FileIcon,
@@ -181,6 +186,7 @@ export {
   ReloadIcon,
   ResetIcon,
   RocketIcon,
+  RotateCounterClockwiseIcon,
   RowsIcon,
   SewingPinFilledIcon,
   Share1Icon,

package/dist/index.cjs

@@ -168,8 +168,10 @@ __export(index_exports, {
   EllipsisTooltip: () => EllipsisTooltip,
   Em: () => import_themes21.Em,
   EndCallIcon: () => EndCallIcon,
+  EnterFullScreenIcon: () => import_react_icons2.EnterFullScreenIcon,
   EnvelopeClosedIcon: () => import_react_icons2.EnvelopeClosedIcon,
   ExclamationTriangleIcon: () => import_react_icons2.ExclamationTriangleIcon,
+  ExitFullScreenIcon: () => import_react_icons2.ExitFullScreenIcon,
   ExitIcon: () => import_react_icons2.ExitIcon,
   ExpandTable: () => ExpandTable,
   FaceIcon: () => import_react_icons2.FaceIcon,
@@ -231,6 +233,7 @@ __export(index_exports, {
   ResetIcon: () => import_react_icons2.ResetIcon,
   RocketIcon: () => import_react_icons2.RocketIcon,
   Root: () => Root7,
+  RotateCounterClockwiseIcon: () => import_react_icons2.RotateCounterClockwiseIcon,
   RowsIcon: () => import_react_icons2.RowsIcon,
   ScrollArea: () => import_themes35.ScrollArea,
   Section: () => import_themes36.Section,
@@ -283,7 +286,7 @@ __export(index_exports, {
   oneOnOneNoteTextReplacer: () => oneOnOneNoteTextReplacer,
   parseTimeOption: () => parseTimeOption,
   scrollTo: () => scrollTo,
-  toast: () => import_react_toastify2.toast,
+  toast: () => toast,
   uiProps: () => uiProps,
   useCurriculumContext: () => useCurriculumContext,
   useDynamicForm: () => useDynamicForm,
@@ -779,6 +782,7 @@ function Root3(props) {
   (0, import_react10.useEffect)(() => {
     const prevOpen = prevOpenRef.current;
     const currentOpen = props.open;
+    prevOpenRef.current = currentOpen;
     if (prevOpen === true && currentOpen === false && !cleanupExecutedRef.current) {
       cleanupExecutedRef.current = true;
       const timer = setTimeout(() => {
@@ -797,8 +801,14 @@ function Root3(props) {
         cleanupExecutedRef.current = false;
       };
     }
-    prevOpenRef.current = currentOpen;
   }, [props.open]);
+  (0, import_react10.useEffect)(() => {
+    return () => {
+      if (prevOpenRef.current === true) {
+        document.body.style.pointerEvents = "";
+      }
+    };
+  }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadixDialog.Root, __spreadValues({}, props));
 }
 var Dialog = {
@@ -1936,30 +1946,21 @@ var Drawer = {
 };
 
 // src/atoms/toast.tsx
-var import_react_icons3 = require("@radix-ui/react-icons");
-var import_react_toastify = require("react-toastify");
-var import_react_toastify2 = require("react-toastify");
+var import_sonner = require("sonner");
 var import_jsx_runtime39 = require("react/jsx-runtime");
-function CloseButton() {
-  return null;
-}
+var toast = Object.assign(import_sonner.toast, {
+  warn: import_sonner.toast.warning
+});
 function ToastContainer(props) {
+  const { style } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-    import_react_toastify.ToastContainer,
-    __spreadValues({
-      autoClose: 5e3,
-      closeButton: CloseButton,
-      closeOnClick: true,
-      draggable: true,
-      hideProgressBar: true,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_icons3.InfoCircledIcon, {}),
-      newestOnTop: true,
-      pauseOnFocusLoss: true,
-      pauseOnHover: true,
+    import_sonner.Toaster,
+    {
+      closeButton: false,
+      duration: 5e5,
       position: "bottom-right",
-      rtl: false,
-      style: { zIndex: 999999 }
-    }, props)
+      style: __spreadValues({ zIndex: 999999 }, style)
+    }
   );
 }
 
@@ -2787,7 +2788,7 @@ var getRenderCustomHeader = (props) => {
 
 // src/molecules/dot-navigation.tsx
 var import_react28 = require("react");
-var import_react_icons4 = require("@radix-ui/react-icons");
+var import_react_icons3 = require("@radix-ui/react-icons");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 function DotNavigation(props) {
   const { dotCount, onClick, dotIndex, defaultDotIndex, onChangeDotIndex } = props;
@@ -2817,7 +2818,7 @@ function DotNavigation(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes22.Flex, { children: dotCount ? Array.from({ length: dotCount }, (_, i) => i).map((_, index) => {
     const isSelected = currentDot === index;
     return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-      import_react_icons4.DotFilledIcon,
+      import_react_icons3.DotFilledIcon,
       {
         height: "24px",
         onClick: () => {
@@ -2988,7 +2989,7 @@ var Stepper = {
 
 // src/molecules/tag-selector.tsx
 var import_react30 = require("react");
-var import_react_icons5 = require("@radix-ui/react-icons");
+var import_react_icons4 = require("@radix-ui/react-icons");
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var OPTION_HEIGHT = 32;
 var stopDefaultEvents = (e) => {
@@ -3204,7 +3205,7 @@ function TagSelector(props) {
                     onDelete(item.id);
                   },
                   variant: "transparent",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_icons5.Cross1Icon, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_icons4.Cross1Icon, {})
                 }
               )
             ] }, item.id);
@@ -3224,7 +3225,7 @@ function TagSelector(props) {
         ]
       }
     ),
-    focus ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_icons5.MagnifyingGlassIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_icons5.ChevronRightIcon, {})
+    focus ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_icons4.MagnifyingGlassIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_icons4.ChevronRightIcon, {})
   ] });
   return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_themes29.Popover.Root, { open: Boolean(filteredOptions.length) && propsOpen || open, children: [
     /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes29.Popover.Trigger, { style: { position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
@@ -3442,7 +3443,7 @@ function LearningPost(props) {
 }
 
 // src/molecules/force-refresh.tsx
-var import_react_icons6 = require("@radix-ui/react-icons");
+var import_react_icons5 = require("@radix-ui/react-icons");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 function CodeSize3(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
@@ -3463,7 +3464,7 @@ function ForceRefresh() {
       "1. \uD06C\uB86C \uBE0C\uB77C\uC6B0\uC800 \uC624\uB978\uCABD \uC0C1\uB2E8\uC758",
       " ",
       /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(CodeSize3, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_icons6.DotsVerticalIcon, { height: "13px" }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_icons5.DotsVerticalIcon, { height: "13px" }),
         "\uB354\uBCF4\uAE30"
       ] }),
       "\uC544\uC774\uCF58\uC744 \uD074\uB9AD\uD569\uB2C8\uB2E4."
@@ -3495,7 +3496,7 @@ function ForceRefresh() {
       "3. \uAC1C\uBC1C\uC790 \uB3C4\uAD6C\uAC00 \uC5F4\uB9AC\uBA74, \uBE0C\uB77C\uC6B0\uC800 \uC0C1\uB2E8\uC5D0 \uC788\uB294",
       " ",
       /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(CodeSize3, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_icons6.ReloadIcon, { style: { paddingRight: "5px" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_icons5.ReloadIcon, { style: { paddingRight: "5px" } }),
         "\uC0C8\uB85C\uACE0\uCE68 \uBC84\uD2BC"
       ] }),
       "\uC744 \uC6B0\uD074\uB9AD\uD569\uB2C8\uB2E4."
@@ -3795,7 +3796,7 @@ var RadioButtonCard = {
 };
 
 // src/molecules/download-card.tsx
-var import_react_icons7 = require("@radix-ui/react-icons");
+var import_react_icons6 = require("@radix-ui/react-icons");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function DownloadCard({
   fileName,
@@ -3811,7 +3812,7 @@ function DownloadCard({
       style: { width: "100%", height: 56 },
       variant: "soft",
       children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_themes22.Flex, { align: "center", gap: "3", pl: "4", width: "100%", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Typo, { color: "gray", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react_icons7.DownloadIcon, { height: 20, width: 20 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Typo, { color: "gray", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react_icons6.DownloadIcon, { height: 20, width: 20 }) }),
         /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_themes22.Flex, { align: "start", direction: "column", gap: "1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
             Typo,
@@ -4188,7 +4189,7 @@ var curriculum_video_default = CurriculumVideo;
 
 // src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx
 var import_react39 = require("react");
-var import_react_icons8 = require("@radix-ui/react-icons");
+var import_react_icons7 = require("@radix-ui/react-icons");
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/curriculum-review-context.tsx
 var import_react37 = require("react");
@@ -5238,8 +5239,8 @@ function CurriculumReview(props) {
                   onClick: onClickCloseDrawer,
                   variant: "ghost",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes6.Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_icons8.Cross1Icon, { height: 20, width: 20 }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes6.Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_icons8.Cross1Icon, { height: 16, width: 16 }) })
+                    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes6.Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_icons7.Cross1Icon, { height: 20, width: 20 }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes6.Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_icons7.Cross1Icon, { height: 16, width: 16 }) })
                   ]
                 }
               ) }),
@@ -6309,7 +6310,7 @@ function DescriptionJsonRender(props) {
 
 // src/molecules/training-info-guideline.tsx
 var import_react46 = require("react");
-var import_react_icons9 = require("@radix-ui/react-icons");
+var import_react_icons8 = require("@radix-ui/react-icons");
 var import_jsx_runtime92 = require("react/jsx-runtime");
 function TrainingInfoGuideline({
   values,
@@ -6337,7 +6338,7 @@ function TrainingInfoGuidelineItem({
       TrainingInfoGuidelineButton,
       {
         description: "\uD30C\uC77C \uB2E4\uC6B4\uB85C\uB4DC",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react_icons9.FileTextIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react_icons8.FileTextIcon, {}),
         onClick: () => {
           onClickFileDownload({ url: value.url, filename: value.filename });
         },
@@ -6351,7 +6352,7 @@ function TrainingInfoGuidelineItem({
         TrainingInfoGuidelineButton,
         {
           description: "\uC601\uC0C1 \uC790\uB8CC",
-          icon: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react_icons9.VideoIcon, {}),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react_icons8.VideoIcon, {}),
           title: value.videoTitle
         }
       ) }),
@@ -7898,7 +7899,7 @@ function CoachingCustomerInfoSmall({
 
 // src/app/platform/userInfos/utils.tsx
 var import_date_fns3 = require("date-fns");
-var import_react_icons10 = require("@radix-ui/react-icons");
+var import_react_icons9 = require("@radix-ui/react-icons");
 var import_jsx_runtime100 = require("react/jsx-runtime");
 var infoList = [
   { label: "\uC774\uB984", getValue: (customer) => customer == null ? void 0 : customer.username },
@@ -7982,7 +7983,7 @@ function CopyButton(props) {
       },
       style: { marginLeft: "0", marginTop: "0" },
       variant: "transparent",
-      children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_icons10.CopyIcon, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_icons9.CopyIcon, {})
     }
   );
 }
@@ -8375,7 +8376,7 @@ function EditCoachingTime(props) {
       const endAt = getDateFromValue(values.date, values.endTime);
       props.onClickSave && props.onClickSave(startAt, endAt);
     } else {
-      import_react_toastify2.toast.error("\uC785\uB825 \uAC12\uC774 \uC720\uD6A8\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.");
+      toast.error("\uC785\uB825 \uAC12\uC774 \uC720\uD6A8\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.");
     }
   }, [checkTimeError, props, values.date, values.endTime, values.startTime]);
   return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_themes6.Box, { width: { initial: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Form.Root, { children: [
@@ -8441,7 +8442,7 @@ function EditCoachingTime(props) {
 var import_react53 = require("react");
 
 // src/app/platform/on-offline-radio-card.tsx
-var import_react_icons11 = require("@radix-ui/react-icons");
+var import_react_icons10 = require("@radix-ui/react-icons");
 var import_jsx_runtime107 = require("react/jsx-runtime");
 var SERVICE_TYPE = {
   onlineCoaching: "onlineCoaching",
@@ -8465,11 +8466,11 @@ function OnOfflineRadioCard(props) {
     }, props), {
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(RadioButtonCard.Item, { value: SERVICE_TYPE.onlineCoaching, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_themes22.Flex, { align: "center", gap: "2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react_icons11.GlobeIcon, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react_icons10.GlobeIcon, {}) }),
           /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Typo, { children: "\uC628\uB77C\uC778" })
         ] }) }),
         /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(RadioButtonCard.Item, { value: SERVICE_TYPE.offlineCoaching, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_themes22.Flex, { align: "center", gap: "2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react_icons11.BackpackIcon, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react_icons10.BackpackIcon, {}) }),
           /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Typo, { children: "\uC624\uD504\uB77C\uC778" })
         ] }) })
       ]
@@ -8684,7 +8685,7 @@ function ReservationCard(props) {
   (0, import_react55.useEffect)(() => {
     if (!minTime || !editValues.date || readonly) return;
     if (editValues.date < minTime) {
-      import_react_toastify2.toast.warn("\uC120\uD0DD \uAC00\uB2A5\uD55C \uC2DC\uAC04\uB300\uB85C \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
+      toast.warn("\uC120\uD0DD \uAC00\uB2A5\uD55C \uC2DC\uAC04\uB300\uB85C \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
       setEditValues((prev) => {
         return __spreadProps(__spreadValues({}, prev), {
           date: minTime
@@ -8695,7 +8696,7 @@ function ReservationCard(props) {
   (0, import_react55.useEffect)(() => {
     if (!maxTime || !editValues.date || readonly) return;
     if (editValues.date > maxTime) {
-      import_react_toastify2.toast.warn("\uC120\uD0DD \uAC00\uB2A5\uD55C \uC2DC\uAC04\uB300\uB85C \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
+      toast.warn("\uC120\uD0DD \uAC00\uB2A5\uD55C \uC2DC\uAC04\uB300\uB85C \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
       setEditValues((prev) => {
         return __spreadProps(__spreadValues({}, prev), {
           date: maxTime
@@ -9147,8 +9148,10 @@ function CurriculumCard(props) {
   EllipsisTooltip,
   Em,
   EndCallIcon,
+  EnterFullScreenIcon,
   EnvelopeClosedIcon,
   ExclamationTriangleIcon,
+  ExitFullScreenIcon,
   ExitIcon,
   ExpandTable,
   FaceIcon,
@@ -9210,6 +9213,7 @@ function CurriculumCard(props) {
   ResetIcon,
   RocketIcon,
   Root,
+  RotateCounterClockwiseIcon,
   RowsIcon,
   ScrollArea,
   Section,