@adyen/adyen-web/dist/es-legacy/components/internal/Countdown/index.js

[](https://www.npmjs.com/package/@adyen/adyen-web)

import{createElement as e}from"../../../external/preact/dist/preact.js";import{getTimeDifference as t}from"./utils.js";import{useRef as s,useState as n,useEffect as o}from"../../../external/preact/hooks/dist/hooks.js";import{useCountdownA11yReporter as a}from"./useCountdownA11yReporter.js";function r({minutesFromNow:r,onTick:c=()=>{},onCompleted:m=()=>{}}){const u=s((e=>{const t=6e4*e,s=(new Date).getTime();return{startTime:new Date(s),endTime:new Date(s+t)}})(r)),{startTime:i,endTime:p}=u.current,[d,l]=n({minutes:"--",seconds:"--",percentage:0});return a(d),o(()=>{const e=setInterval(()=>{const{minutes:e,seconds:s,percentage:n,completed:o}=t(i,p);if(o)m();else{const t={minutes:e,seconds:s,percentage:n};l(t),c(t)}},1e3);return()=>{clearInterval(e)}},[]),e("span",{className:"adyen-checkout__countdown",role:"timer"},e("span",{className:"countdown__minutes"},d.minutes),e("span",{className:"countdown__separator"},":"),e("span",{className:"countdown__seconds"},d.seconds))}export{r as default};
//# sourceMappingURL=index.js.map