@lifi/widget 3.18.4 → 3.19.0-beta.0

package/dist/esm/hooks/timer/useStopwatch.js

@@ -1,41 +0,0 @@
-import { useCallback, useState } from 'react';
-import { useInterval } from './useInterval.js';
-import { getSecondsFromPrevTime, getTimeFromSeconds } from './utils.js';
-const DEFAULT_DELAY = 1000;
-// This implementation was taken from the common js project - https://www.npmjs.com/package/react-timer-hook
-// modified to work in the Widget codebase with Typescript
-export function useStopwatch({ autoStart, offsetTimestamp, }) {
-    const [passedSeconds, setPassedSeconds] = useState(getSecondsFromPrevTime(offsetTimestamp, true) || 0);
-    const [prevTime, setPrevTime] = useState(new Date());
-    const [seconds, setSeconds] = useState(passedSeconds + getSecondsFromPrevTime(prevTime, true));
-    const [isRunning, setIsRunning] = useState(autoStart);
-    const start = useCallback(() => {
-        const newPrevTime = new Date();
-        setPrevTime(newPrevTime);
-        setIsRunning(true);
-        setSeconds(passedSeconds + getSecondsFromPrevTime(newPrevTime, true));
-    }, [passedSeconds]);
-    const pause = useCallback(() => {
-        setPassedSeconds(seconds);
-        setIsRunning(false);
-    }, [seconds]);
-    const reset = useCallback((offset = offsetTimestamp, newAutoStart = true) => {
-        const newPassedSeconds = getSecondsFromPrevTime(offset, true) || 0;
-        const newPrevTime = new Date();
-        setPrevTime(newPrevTime);
-        setPassedSeconds(newPassedSeconds);
-        setIsRunning(newAutoStart);
-        setSeconds(newPassedSeconds + getSecondsFromPrevTime(newPrevTime, true));
-    }, [offsetTimestamp]);
-    useInterval(() => {
-        setSeconds(passedSeconds + getSecondsFromPrevTime(prevTime, true));
-    }, isRunning ? DEFAULT_DELAY : 0);
-    return {
-        ...getTimeFromSeconds(seconds),
-        start,
-        pause,
-        reset,
-        isRunning,
-    };
-}
-//# sourceMappingURL=useStopwatch.js.map

package/dist/esm/hooks/timer/useStopwatch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useStopwatch.js","sourceRoot":"","sources":["../../../../src/hooks/timer/useStopwatch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAEvE,MAAM,aAAa,GAAG,IAAI,CAAA;AAO1B,4GAA4G;AAC5G,0DAA0D;AAC1D,MAAM,UAAU,YAAY,CAAC,EAC3B,SAAS,EACT,eAAe,GACG;IAClB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,sBAAsB,CAAC,eAAe,EAAE,IAAI,CAAC,IAAI,CAAC,CACnD,CAAA;IACD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC,CAAA;IACpD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CACpC,aAAa,GAAG,sBAAsB,CAAC,QAAQ,EAAE,IAAI,CAAC,CACvD,CAAA;IACD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAA;IAErD,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,MAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAA;QAC9B,WAAW,CAAC,WAAW,CAAC,CAAA;QACxB,YAAY,CAAC,IAAI,CAAC,CAAA;QAClB,UAAU,CAAC,aAAa,GAAG,sBAAsB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAA;IACvE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,gBAAgB,CAAC,OAAO,CAAC,CAAA;QACzB,YAAY,CAAC,KAAK,CAAC,CAAA;IACrB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,MAAM,KAAK,GAAG,WAAW,CACvB,CAAC,MAAM,GAAG,eAAe,EAAE,YAAY,GAAG,IAAI,EAAE,EAAE;QAChD,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;QAClE,MAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAA;QAC9B,WAAW,CAAC,WAAW,CAAC,CAAA;QACxB,gBAAgB,CAAC,gBAAgB,CAAC,CAAA;QAClC,YAAY,CAAC,YAAY,CAAC,CAAA;QAC1B,UAAU,CAAC,gBAAgB,GAAG,sBAAsB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAA;IAC1E,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAA;IAED,WAAW,CACT,GAAG,EAAE;QACH,UAAU,CAAC,aAAa,GAAG,sBAAsB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAA;IACpE,CAAC,EACD,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAC9B,CAAA;IAED,OAAO;QACL,GAAG,kBAAkB,CAAC,OAAO,CAAC;QAC9B,KAAK;QACL,KAAK;QACL,KAAK;QACL,SAAS;KACV,CAAA;AACH,CAAC"}

package/dist/esm/hooks/timer/utils.d.ts

@@ -1,12 +0,0 @@
-export declare function getTimeFromSeconds(secs: number): {
-    totalSeconds: number;
-    seconds: number;
-    minutes: number;
-    hours: number;
-    days: number;
-};
-export declare function getSecondsFromExpiry(expiry: Date, shouldRound?: boolean): number;
-export declare function getSecondsFromPrevTime(prevTime: Date, shouldRound?: boolean): number;
-export declare function validateExpiryTimestamp(expiryTimestamp: Date): boolean;
-export declare function validateOnExpire(onExpire: () => void): boolean;
-export declare function getDelayFromExpiryTimestamp(expiryTimestamp: Date, defaultDelay: number): number;

package/dist/esm/hooks/timer/utils.js

@@ -1,55 +0,0 @@
-export function getTimeFromSeconds(secs) {
-    const totalSeconds = Math.ceil(secs);
-    const days = Math.floor(totalSeconds / (60 * 60 * 24));
-    const hours = Math.floor((totalSeconds % (60 * 60 * 24)) / (60 * 60));
-    const minutes = Math.floor((totalSeconds % (60 * 60)) / 60);
-    const seconds = Math.floor(totalSeconds % 60);
-    return {
-        totalSeconds,
-        seconds,
-        minutes,
-        hours,
-        days,
-    };
-}
-export function getSecondsFromExpiry(expiry, shouldRound) {
-    const now = new Date().getTime();
-    const milliSecondsDistance = expiry.getTime() - now;
-    if (milliSecondsDistance > 0) {
-        const val = milliSecondsDistance / 1000;
-        return shouldRound ? Math.round(val) : val;
-    }
-    return 0;
-}
-export function getSecondsFromPrevTime(prevTime, shouldRound) {
-    const now = new Date().getTime();
-    const milliSecondsDistance = now - prevTime.getTime();
-    if (milliSecondsDistance > 0) {
-        const val = milliSecondsDistance / 1000;
-        return shouldRound ? Math.round(val) : val;
-    }
-    return 0;
-}
-export function validateExpiryTimestamp(expiryTimestamp) {
-    const isValid = new Date(expiryTimestamp).getTime() > 0;
-    if (!isValid) {
-        console.warn('useTimer Invalid expiryTimestamp settings', expiryTimestamp);
-    }
-    return isValid;
-}
-export function validateOnExpire(onExpire) {
-    const isValid = onExpire && typeof onExpire === 'function';
-    if (onExpire && !isValid) {
-        console.warn('useTimer Invalid onExpire settings function', onExpire);
-    }
-    return isValid;
-}
-export function getDelayFromExpiryTimestamp(expiryTimestamp, defaultDelay) {
-    if (!validateExpiryTimestamp(expiryTimestamp)) {
-        return 0;
-    }
-    const seconds = getSecondsFromExpiry(expiryTimestamp);
-    const extraMilliSeconds = Math.floor((seconds - Math.floor(seconds)) * 1000);
-    return extraMilliSeconds > 0 ? extraMilliSeconds : defaultDelay;
-}
-//# sourceMappingURL=utils.js.map

package/dist/esm/hooks/timer/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/hooks/timer/utils.ts"],"names":[],"mappings":"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"}

package/src/components/Timer/RouteTimer.tsx

@@ -1,33 +0,0 @@
-import type { RouteExtended } from '@lifi/sdk'
-
-import { useStopwatch } from '../../hooks/timer/useStopwatch.js'
-import { useSettings } from '../../stores/settings/useSettings.js'
-import { formatTimer } from '../../utils/timer.js'
-import { TimerContent } from './TimerContent.js'
-
-export const RouteTimer: React.FC<{
-  route: RouteExtended
-}> = ({ route }) => {
-  const firstActiveStep = route?.steps.find((step) => step.execution)
-  const firstActiveProcess = firstActiveStep?.execution?.process.at(0)
-
-  const startTime = new Date(firstActiveProcess?.startedAt ?? Date.now())
-  const { seconds, minutes, days, hours } = useStopwatch({
-    autoStart: true,
-    offsetTimestamp: startTime,
-  })
-
-  const { language } = useSettings(['language'])
-
-  return (
-    <TimerContent>
-      {formatTimer({
-        days,
-        hours,
-        seconds,
-        minutes,
-        locale: language,
-      })}
-    </TimerContent>
-  )
-}

package/src/hooks/timer/useStopwatch.ts

@@ -1,65 +0,0 @@
-import { useCallback, useState } from 'react'
-import { useInterval } from './useInterval.js'
-import { getSecondsFromPrevTime, getTimeFromSeconds } from './utils.js'
-
-const DEFAULT_DELAY = 1000
-
-interface UseStopwatchProps {
-  offsetTimestamp: Date
-  autoStart?: boolean
-}
-
-// This implementation was taken from the common js project - https://www.npmjs.com/package/react-timer-hook
-// modified to work in the Widget codebase with Typescript
-export function useStopwatch({
-  autoStart,
-  offsetTimestamp,
-}: UseStopwatchProps) {
-  const [passedSeconds, setPassedSeconds] = useState(
-    getSecondsFromPrevTime(offsetTimestamp, true) || 0
-  )
-  const [prevTime, setPrevTime] = useState(new Date())
-  const [seconds, setSeconds] = useState(
-    passedSeconds + getSecondsFromPrevTime(prevTime, true)
-  )
-  const [isRunning, setIsRunning] = useState(autoStart)
-
-  const start = useCallback(() => {
-    const newPrevTime = new Date()
-    setPrevTime(newPrevTime)
-    setIsRunning(true)
-    setSeconds(passedSeconds + getSecondsFromPrevTime(newPrevTime, true))
-  }, [passedSeconds])
-
-  const pause = useCallback(() => {
-    setPassedSeconds(seconds)
-    setIsRunning(false)
-  }, [seconds])
-
-  const reset = useCallback(
-    (offset = offsetTimestamp, newAutoStart = true) => {
-      const newPassedSeconds = getSecondsFromPrevTime(offset, true) || 0
-      const newPrevTime = new Date()
-      setPrevTime(newPrevTime)
-      setPassedSeconds(newPassedSeconds)
-      setIsRunning(newAutoStart)
-      setSeconds(newPassedSeconds + getSecondsFromPrevTime(newPrevTime, true))
-    },
-    [offsetTimestamp]
-  )
-
-  useInterval(
-    () => {
-      setSeconds(passedSeconds + getSecondsFromPrevTime(prevTime, true))
-    },
-    isRunning ? DEFAULT_DELAY : 0
-  )
-
-  return {
-    ...getTimeFromSeconds(seconds),
-    start,
-    pause,
-    reset,
-    isRunning,
-  }
-}

package/src/hooks/timer/utils.ts

@@ -1,64 +0,0 @@
-export function getTimeFromSeconds(secs: number) {
-  const totalSeconds = Math.ceil(secs)
-  const days = Math.floor(totalSeconds / (60 * 60 * 24))
-  const hours = Math.floor((totalSeconds % (60 * 60 * 24)) / (60 * 60))
-  const minutes = Math.floor((totalSeconds % (60 * 60)) / 60)
-  const seconds = Math.floor(totalSeconds % 60)
-
-  return {
-    totalSeconds,
-    seconds,
-    minutes,
-    hours,
-    days,
-  }
-}
-
-export function getSecondsFromExpiry(expiry: Date, shouldRound?: boolean) {
-  const now = new Date().getTime()
-  const milliSecondsDistance = expiry.getTime() - now
-  if (milliSecondsDistance > 0) {
-    const val = milliSecondsDistance / 1000
-    return shouldRound ? Math.round(val) : val
-  }
-  return 0
-}
-
-export function getSecondsFromPrevTime(prevTime: Date, shouldRound?: boolean) {
-  const now = new Date().getTime()
-  const milliSecondsDistance = now - prevTime.getTime()
-  if (milliSecondsDistance > 0) {
-    const val = milliSecondsDistance / 1000
-    return shouldRound ? Math.round(val) : val
-  }
-  return 0
-}
-
-export function validateExpiryTimestamp(expiryTimestamp: Date) {
-  const isValid = new Date(expiryTimestamp).getTime() > 0
-  if (!isValid) {
-    console.warn('useTimer Invalid expiryTimestamp settings', expiryTimestamp)
-  }
-  return isValid
-}
-
-export function validateOnExpire(onExpire: () => void) {
-  const isValid = onExpire && typeof onExpire === 'function'
-  if (onExpire && !isValid) {
-    console.warn('useTimer Invalid onExpire settings function', onExpire)
-  }
-  return isValid
-}
-
-export function getDelayFromExpiryTimestamp(
-  expiryTimestamp: Date,
-  defaultDelay: number
-) {
-  if (!validateExpiryTimestamp(expiryTimestamp)) {
-    return 0
-  }
-
-  const seconds = getSecondsFromExpiry(expiryTimestamp)
-  const extraMilliSeconds = Math.floor((seconds - Math.floor(seconds)) * 1000)
-  return extraMilliSeconds > 0 ? extraMilliSeconds : defaultDelay
-}