@chekinapp/ui 0.0.94 → 0.0.95

package/dist/index.d.cts

@@ -3404,8 +3404,10 @@ declare function useSwitchSectionActive(preloadedSectionActive: boolean | undefi
 
 type Props$1 = {
     seconds: number;
+    enabled?: boolean;
+    onFinish?: () => void;
 };
-declare const useTimer: ({ seconds }: Props$1) => {
+declare const useTimer: ({ seconds, enabled, onFinish }: Props$1) => {
     timeLeft: number;
     isTimerRunning: boolean;
     resetTimer: () => void;

package/dist/index.d.ts

@@ -3404,8 +3404,10 @@ declare function useSwitchSectionActive(preloadedSectionActive: boolean | undefi
 
 type Props$1 = {
     seconds: number;
+    enabled?: boolean;
+    onFinish?: () => void;
 };
-declare const useTimer: ({ seconds }: Props$1) => {
+declare const useTimer: ({ seconds, enabled, onFinish }: Props$1) => {
     timeLeft: number;
     isTimerRunning: boolean;
     resetTimer: () => void;

package/dist/index.js

@@ -3392,9 +3392,14 @@ function useSwitchSectionActive(preloadedSectionActive, { canToggle, onToggle, o
 
 // src/hooks/use-timer.ts
 import { useEffect as useEffect19, useState as useState15 } from "react";
-var useTimer = ({ seconds }) => {
+var useTimer = ({ seconds, enabled = true, onFinish }) => {
   const [timeLeft, setTimeLeft] = useState15(seconds);
-  const [isTimerRunning, setIsTimerRunning] = useState15(true);
+  const [isTimerRunning, setIsTimerRunning] = useState15(enabled);
+  const handleOnFinish = useEvent(onFinish);
+  useEffect19(() => {
+    setTimeLeft(seconds);
+    setIsTimerRunning(enabled);
+  }, [enabled, seconds]);
   useEffect19(() => {
     if (!isTimerRunning) return;
     const timer = setInterval(() => {
@@ -3409,9 +3414,14 @@ var useTimer = ({ seconds }) => {
     }, 1e3);
     return () => clearInterval(timer);
   }, [isTimerRunning]);
+  useEffect19(() => {
+    if (timeLeft <= 0) {
+      handleOnFinish();
+    }
+  }, [timeLeft]);
   const resetTimer = () => {
     setTimeLeft(seconds);
-    setIsTimerRunning(true);
+    setIsTimerRunning(enabled);
   };
   return {
     timeLeft,
@@ -3421,9 +3431,9 @@ var useTimer = ({ seconds }) => {
 };
 
 // src/hooks/use-timeout.ts
-import { useEffect as useEffect20, useMemo as useMemo2, useRef as useRef12 } from "react";
+import { useEffect as useEffect20, useMemo as useMemo2, useRef as useRef13 } from "react";
 function useTimeout(callback, ms = 0) {
-  const timeoutId = useRef12();
+  const timeoutId = useRef13();
   const memoizedCallback = useEvent(callback);
   const handler = useMemo2(() => {
     return {
@@ -3577,10 +3587,10 @@ function useIframeFocusTrapFallback(contentRef, onKeyDown) {
 }
 
 // src/hooks/use-reset-after-request-status.ts
-import { useEffect as useEffect22, useRef as useRef13 } from "react";
+import { useEffect as useEffect22, useRef as useRef14 } from "react";
 var ResetStatusTimeoutMs = 2e3;
 function useResetAfterRequestStatus({ status, reset }) {
-  const stateTimeoutRef = useRef13();
+  const stateTimeoutRef = useRef14();
   const handleReset = useEvent(reset);
   const isNotIdle = ["success", "error"].includes(status);
   useEffect22(() => {
@@ -3595,10 +3605,10 @@ function useResetAfterRequestStatus({ status, reset }) {
 }
 
 // src/hooks/use-promised-modal-controls.ts
-import { useRef as useRef14 } from "react";
+import { useRef as useRef15 } from "react";
 var usePromisedModalControls = () => {
   const { closeModal, isOpen, openModal } = useModalControls();
-  const resolveRef = useRef14();
+  const resolveRef = useRef15();
   const openModalWithPromise = async () => {
     openModal();
     return new Promise((resolve) => {
@@ -4541,7 +4551,7 @@ ExternalLink.displayName = "ExternalLink";
 import {
   useCallback as useCallback17,
   useEffect as useEffect24,
-  useRef as useRef16,
+  useRef as useRef17,
   useState as useState19
 } from "react";
 import { useTranslation as useTranslation8 } from "react-i18next";
@@ -4571,7 +4581,7 @@ function ExpandableContent({
   ...props
 }) {
   const { t } = useTranslation8();
-  const contentRef = useRef16(null);
+  const contentRef = useRef17(null);
   const [contentHeight, setContentHeight] = useState19(0);
   const [internalOpen, setInternalOpen] = useState19(defaultOpen);
   const isOpen = open ?? internalOpen;
@@ -5070,7 +5080,7 @@ function extractDigits(str) {
 }
 
 // src/input-otp/useInputOTP.ts
-import { useCallback as useCallback19, useEffect as useEffect25, useMemo as useMemo3, useRef as useRef17, useState as useState22 } from "react";
+import { useCallback as useCallback19, useEffect as useEffect25, useMemo as useMemo3, useRef as useRef18, useState as useState22 } from "react";
 function useInputOTP({
   maxLength,
   value,
@@ -5080,10 +5090,10 @@ function useInputOTP({
   error
 }) {
   const [activeIndex, setActiveIndex] = useState22(-1);
-  const inputRefs = useRef17([]);
-  const containerRef = useRef17(null);
-  const blurTimeoutRef = useRef17();
-  const slotsRef = useRef17(Array.from({ length: maxLength }, () => ""));
+  const inputRefs = useRef18([]);
+  const containerRef = useRef18(null);
+  const blurTimeoutRef = useRef18();
+  const slotsRef = useRef18(Array.from({ length: maxLength }, () => ""));
   const slots = useMemo3(() => {
     const nextSlots = Array.from({ length: maxLength }, () => "");
     for (let index = 0; index < Math.min(value.length, maxLength); index += 1) {
@@ -6151,7 +6161,7 @@ function ImageFullScreenView({ src, alt, onClose }) {
 }
 
 // src/modal/Modal.tsx
-import { forwardRef as forwardRef30, useRef as useRef18 } from "react";
+import { forwardRef as forwardRef30, useRef as useRef19 } from "react";
 import { X as X4 } from "lucide-react";
 import { jsx as jsx71, jsxs as jsxs44 } from "react/jsx-runtime";
 var preventDefault = (event) => {
@@ -6181,7 +6191,7 @@ function Modal({
   overlayClassName,
   size = "auto"
 }) {
-  const contentRef = useRef18(null);
+  const contentRef = useRef19(null);
   useScrollFrameIntoView(open, { elementRef: contentRef });
   const handleClose = () => {
     onOpenChange?.(false);
@@ -6758,7 +6768,7 @@ var LegacyMultiSelect = forwardRef33(LegacyMultiSelectInner);
 
 // src/legacy-fields/select/InfinitySelect.tsx
 import { useVirtualizer } from "@tanstack/react-virtual";
-import { useCallback as useCallback21, useEffect as useEffect26, useId as useId7, useRef as useRef19, useState as useState27 } from "react";
+import { useCallback as useCallback21, useEffect as useEffect26, useId as useId7, useRef as useRef20, useState as useState27 } from "react";
 import { jsx as jsx79, jsxs as jsxs50 } from "react/jsx-runtime";
 function LegacyInfinitySelect({
   label,
@@ -6774,7 +6784,7 @@ function LegacyInfinitySelect({
   maxHeight = 300
 }) {
   const id = useId7();
-  const parentRef = useRef19(null);
+  const parentRef = useRef20(null);
   const [isOpen, setIsOpen] = useState27(false);
   const virtualizer = useVirtualizer({
     count: hasNextPage ? options.length + 1 : options.length,
@@ -7500,11 +7510,11 @@ function RatingRadioGroupList({ children }) {
 }
 
 // src/rating-radio-group/useRatingPreview.ts
-import { useRef as useRef20, useState as useState29 } from "react";
+import { useRef as useRef21, useState as useState29 } from "react";
 var TOUCH_END_DELAY = 100;
 function useRatingPreview() {
   const [hoverValue, setHoverValue] = useState29(void 0);
-  const isTouchDevice = useRef20(false);
+  const isTouchDevice = useRef21(false);
   const handleContainerMouseLeave = () => {
     setHoverValue(void 0);
   };
@@ -8801,7 +8811,7 @@ var VALUE_PART = 1;
 var getSidebarState = (stateName) => document.cookie.split("; ").find((row) => row.startsWith(`${stateName}=`))?.split("=")[VALUE_PART] === "true";
 
 // src/signature-canvas/SignatureCanvas.tsx
-import { forwardRef as forwardRef41, useEffect as useEffect29, useRef as useRef21 } from "react";
+import { forwardRef as forwardRef41, useEffect as useEffect29, useRef as useRef22 } from "react";
 import { Trans, useTranslation as useTranslation17 } from "react-i18next";
 import ReactSignatureCanvas from "react-signature-pad-wrapper";
 
@@ -8832,7 +8842,7 @@ var SIGNATURE_PROPS = {
 var SignatureCanvas = forwardRef41(
   ({ onClear, hasSignature, onEnd, onEnable, className, enabled }, ref) => {
     const { t } = useTranslation17();
-    const internalRef = useRef21(null);
+    const internalRef = useRef22(null);
     const combinedRef = useCombinedRef(ref, internalRef);
     useEffect29(() => {
       if (!onEnd) return;
@@ -9932,10 +9942,10 @@ function TimelineDescription({ className, asChild, ...props }) {
 import { Toaster, toast as toast2 } from "sonner";
 
 // src/toaster/useUpdateToast.ts
-import { useCallback as useCallback25, useRef as useRef22 } from "react";
+import { useCallback as useCallback25, useRef as useRef23 } from "react";
 import { toast } from "sonner";
 function useUpdateToast({ id }) {
-  const toastIdRef = useRef22("");
+  const toastIdRef = useRef23("");
   const getToastOptions = useCallback25(
     (options) => ({
       id: toastIdRef.current,
@@ -10452,7 +10462,7 @@ function VideoModal({
 }
 
 // src/video-player/VideoPlayer.tsx
-import { useEffect as useEffect33, useRef as useRef24, useState as useState34 } from "react";
+import { useEffect as useEffect33, useRef as useRef25, useState as useState34 } from "react";
 import { useTranslation as useTranslation22 } from "react-i18next";
 import {
   Loader2 as Loader23,
@@ -10476,9 +10486,9 @@ function VideoPlayer({
   autoPlay = false
 }) {
   const { t } = useTranslation22();
-  const videoRef = useRef24(null);
-  const iframeRef = useRef24(null);
-  const containerRef = useRef24(null);
+  const videoRef = useRef25(null);
+  const iframeRef = useRef25(null);
+  const containerRef = useRef25(null);
   const [isPlaying, setIsPlaying] = useState34(false);
   const [isMuted, setIsMuted] = useState34(false);
   const [currentTime, setCurrentTime] = useState34(0);
@@ -10774,7 +10784,7 @@ import {
   useCallback as useCallback27,
   useImperativeHandle,
   useMemo as useMemo7,
-  useRef as useRef25,
+  useRef as useRef26,
   useState as useState35
 } from "react";
 import { isFirefox, isMobile as isMobile2 } from "react-device-detect";
@@ -11116,10 +11126,10 @@ var Webcam = memo7(
         videoSourceDeviceId
       ]);
       const isMirroredInCSS = mirrored === void 0 && !isMobileOrTablet();
-      const webcamRef = useRef25(null);
-      const scanAreaRef = useRef25(null);
-      const canvasRef = useRef25(null);
-      const containerRef = useRef25(null);
+      const webcamRef = useRef26(null);
+      const scanAreaRef = useRef26(null);
+      const canvasRef = useRef26(null);
+      const containerRef = useRef26(null);
       const { handleUserMediaError } = useErrorHandler({
         onError: (errorDetails) => {
           onDisabled?.(true);