@start-base/react-form-elements/OTPInput/index.js

Simplify form elements and form management. Selection of user friendly inputs and wide customization abilities to match your design and functionality.

"use strict";var e=require("input-otp"),t=require("react"),n=require("clsx");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(t),o=r(n),i=Object.defineProperty,u=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,d=(e,t,n)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,c=(e,t)=>{for(var n in t||(t={}))s.call(t,n)&&d(e,n,t[n]);if(u)for(var n of u(t))l.call(t,n)&&d(e,n,t[n]);return e},m="SUI-OTPInput-module-root-wwPpn",h="SUI-OTPInput-module-inputRoot-jkviO",f="SUI-OTPInput-module-inputs-MO9YY",g="SUI-OTPInput-module-label-uqr06",w="SUI-OTPInput-module-errorLabel-3AWYV",b="SUI-OTPInput-module-resendContainer-eOH31",v="SUI-OTPInput-module-resend-IcTLo",p="SUI-OTPInput-module-resendActive-Id97P",y="SUI-OTPInput-module-time-RyRk2",M="SUI-Slot-module-slot-QvdLC",S="SUI-Slot-module-slotActive-GLSyp",P="SUI-Slot-module-slotDisabled-NoGFU",k="SUI-Slot-module-slotError-SKIPw",x="SUI-Slot-module-caretRoot-gGAxC",T="SUI-Slot-module-caret-vz2Rq",O=({char:e,hasFakeCaret:t,isActive:n,disabled:r,inputClassName:i,error:u=!1})=>a.default.createElement("div",{className:o.default(M,c({[P]:r,[S]:n,[k]:u},i?{[i]:!0}:{}))},null!==e&&a.default.createElement("div",null,e),t?a.default.createElement("div",{className:x},a.default.createElement("div",{className:T})):null),C=e=>`RFE-${e}`,N=(e,t,n,r=!1)=>{if("undefined"==typeof window)return;const a={data:t};r?window.localStorage.setItem(e,JSON.stringify(a)):window.localStorage.setItem(C(e),JSON.stringify(a))},D=(e,t=!1)=>{"undefined"!=typeof window&&(t?window.localStorage.removeItem(e):window.localStorage.removeItem(C(e)))},E=(e,t=!1)=>{if("undefined"==typeof window)return null;let n,r;if(n=t?window.localStorage.getItem(e):window.localStorage.getItem(C(e)),!n)return null;if(t)return r=JSON.parse(n),r;{r=JSON.parse(n);const{data:t,expire:a}=r;if(a){if(a<(new Date).getTime())return D(e),null}return t}};function W(e){const t=Object.prototype.toString.call(e);return e instanceof Date||"object"==typeof e&&"[object Date]"===t?new e.constructor(+e):"number"==typeof e||"[object Number]"===t||"string"==typeof e||"[object String]"===t?new Date(e):new Date(NaN)}function I(e,t){return e instanceof Date?new e.constructor(t):new Date(t)}function Y(e,t){return function(e,t){return I(e,+W(e)+t)}(e,1e3*t)}var q={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function F(e){return(t={})=>{const n=t.width?String(t.width):e.defaultWidth;return e.formats[n]||e.formats[e.defaultWidth]}}var j={date:F({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:F({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:F({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},H={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function L(e){return(t,n)=>{let r;if("formatting"===((null==n?void 0:n.context)?String(n.context):"standalone")&&e.formattingValues){const t=e.defaultFormattingWidth||e.defaultWidth,a=(null==n?void 0:n.width)?String(n.width):t;r=e.formattingValues[a]||e.formattingValues[t]}else{const t=e.defaultWidth,a=(null==n?void 0:n.width)?String(n.width):e.defaultWidth;r=e.values[a]||e.values[t]}return r[e.argumentCallback?e.argumentCallback(t):t]}}function z(e){return(t,n={})=>{const r=n.width,a=r&&e.matchPatterns[r]||e.matchPatterns[e.defaultMatchWidth],o=t.match(a);if(!o)return null;const i=o[0],u=r&&e.parsePatterns[r]||e.parsePatterns[e.defaultParseWidth],s=Array.isArray(u)?function(e,t){for(let n=0;n<e.length;n++)if(t(e[n]))return n;return}(u,(e=>e.test(i))):function(e,t){for(const n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t(e[n]))return n;return}(u,(e=>e.test(i)));let l;l=e.valueCallback?e.valueCallback(s):s,l=n.valueCallback?n.valueCallback(l):l;return{value:l,rest:t.slice(i.length)}}}var A,U={code:"en-US",formatDistance:(e,t,n)=>{let r;const a=q[e];return r="string"==typeof a?a:1===t?a.one:a.other.replace("{{count}}",t.toString()),(null==n?void 0:n.addSuffix)?n.comparison&&n.comparison>0?"in "+r:r+" ago":r},formatLong:j,formatRelative:(e,t,n,r)=>H[e],localize:{ordinalNumber:(e,t)=>{const n=Number(e),r=n%100;if(r>20||r<10)switch(r%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},era:L({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:L({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:e=>e-1}),month:L({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:L({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:L({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:(A={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)},(e,t={})=>{const n=e.match(A.matchPattern);if(!n)return null;const r=n[0],a=e.match(A.parsePattern);if(!a)return null;let o=A.valueCallback?A.valueCallback(a[0]):a[0];return o=t.valueCallback?t.valueCallback(o):o,{value:o,rest:e.slice(r.length)}}),era:z({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:z({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:e=>e+1}),month:z({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:z({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:z({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}},G={};function Q(){return G}var R=6048e5;function X(e){const t=W(e);return t.setHours(0,0,0,0),t}function $(e){const t=W(e),n=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return n.setUTCFullYear(t.getFullYear()),+e-+n}function B(e){const t=W(e),n=function(e,t){const n=X(e),r=X(t),a=+n-$(n),o=+r-$(r);return Math.round((a-o)/864e5)}(t,function(e){const t=W(e),n=I(e,0);return n.setFullYear(t.getFullYear(),0,1),n.setHours(0,0,0,0),n}(t));return n+1}function J(e,t){var n,r,a,o,i,u,s,l;const d=Q(),c=null!=(l=null!=(s=null!=(o=null!=(a=null==t?void 0:t.weekStartsOn)?a:null==(r=null==(n=null==t?void 0:t.locale)?void 0:n.options)?void 0:r.weekStartsOn)?o:d.weekStartsOn)?s:null==(u=null==(i=d.locale)?void 0:i.options)?void 0:u.weekStartsOn)?l:0,m=W(e),h=m.getDay(),f=(h<c?7:0)+h-c;return m.setDate(m.getDate()-f),m.setHours(0,0,0,0),m}function _(e){return J(e,{weekStartsOn:1})}function V(e){const t=W(e),n=t.getFullYear(),r=I(e,0);r.setFullYear(n+1,0,4),r.setHours(0,0,0,0);const a=_(r),o=I(e,0);o.setFullYear(n,0,4),o.setHours(0,0,0,0);const i=_(o);return t.getTime()>=a.getTime()?n+1:t.getTime()>=i.getTime()?n:n-1}function K(e){const t=W(e),n=+_(t)-+function(e){const t=V(e),n=I(e,0);return n.setFullYear(t,0,4),n.setHours(0,0,0,0),_(n)}(t);return Math.round(n/R)+1}function Z(e,t){var n,r,a,o,i,u,s,l;const d=W(e),c=d.getFullYear(),m=Q(),h=null!=(l=null!=(s=null!=(o=null!=(a=null==t?void 0:t.firstWeekContainsDate)?a:null==(r=null==(n=null==t?void 0:t.locale)?void 0:n.options)?void 0:r.firstWeekContainsDate)?o:m.firstWeekContainsDate)?s:null==(u=null==(i=m.locale)?void 0:i.options)?void 0:u.firstWeekContainsDate)?l:1,f=I(e,0);f.setFullYear(c+1,0,h),f.setHours(0,0,0,0);const g=J(f,t),w=I(e,0);w.setFullYear(c,0,h),w.setHours(0,0,0,0);const b=J(w,t);return d.getTime()>=g.getTime()?c+1:d.getTime()>=b.getTime()?c:c-1}function ee(e,t){const n=W(e),r=+J(n,t)-+function(e,t){var n,r,a,o,i,u,s,l;const d=Q(),c=null!=(l=null!=(s=null!=(o=null!=(a=null==t?void 0:t.firstWeekContainsDate)?a:null==(r=null==(n=null==t?void 0:t.locale)?void 0:n.options)?void 0:r.firstWeekContainsDate)?o:d.firstWeekContainsDate)?s:null==(u=null==(i=d.locale)?void 0:i.options)?void 0:u.firstWeekContainsDate)?l:1,m=Z(e,t),h=I(e,0);return h.setFullYear(m,0,c),h.setHours(0,0,0,0),J(h,t)}(n,t);return Math.round(r/R)+1}function te(e,t){return(e<0?"-":"")+Math.abs(e).toString().padStart(t,"0")}var ne={y(e,t){const n=e.getFullYear(),r=n>0?n:1-n;return te("yy"===t?r%100:r,t.length)},M(e,t){const n=e.getMonth();return"M"===t?String(n+1):te(n+1,2)},d:(e,t)=>te(e.getDate(),t.length),a(e,t){const n=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return n.toUpperCase();case"aaa":return n;case"aaaaa":return n[0];default:return"am"===n?"a.m.":"p.m."}},h:(e,t)=>te(e.getHours()%12||12,t.length),H:(e,t)=>te(e.getHours(),t.length),m:(e,t)=>te(e.getMinutes(),t.length),s:(e,t)=>te(e.getSeconds(),t.length),S(e,t){const n=t.length,r=e.getMilliseconds();return te(Math.trunc(r*Math.pow(10,n-3)),t.length)}},re="midnight",ae="noon",oe="morning",ie="afternoon",ue="evening",se="night",le={G:function(e,t,n){const r=e.getFullYear()>0?1:0;switch(t){case"G":case"GG":case"GGG":return n.era(r,{width:"abbreviated"});case"GGGGG":return n.era(r,{width:"narrow"});default:return n.era(r,{width:"wide"})}},y:function(e,t,n){if("yo"===t){const t=e.getFullYear(),r=t>0?t:1-t;return n.ordinalNumber(r,{unit:"year"})}return ne.y(e,t)},Y:function(e,t,n,r){const a=Z(e,r),o=a>0?a:1-a;if("YY"===t){return te(o%100,2)}return"Yo"===t?n.ordinalNumber(o,{unit:"year"}):te(o,t.length)},R:function(e,t){return te(V(e),t.length)},u:function(e,t){return te(e.getFullYear(),t.length)},Q:function(e,t,n){const r=Math.ceil((e.getMonth()+1)/3);switch(t){case"Q":return String(r);case"QQ":return te(r,2);case"Qo":return n.ordinalNumber(r,{unit:"quarter"});case"QQQ":return n.quarter(r,{width:"abbreviated",context:"formatting"});case"QQQQQ":return n.quarter(r,{width:"narrow",context:"formatting"});default:return n.quarter(r,{width:"wide",context:"formatting"})}},q:function(e,t,n){const r=Math.ceil((e.getMonth()+1)/3);switch(t){case"q":return String(r);case"qq":return te(r,2);case"qo":return n.ordinalNumber(r,{unit:"quarter"});case"qqq":return n.quarter(r,{width:"abbreviated",context:"standalone"});case"qqqqq":return n.quarter(r,{width:"narrow",context:"standalone"});default:return n.quarter(r,{width:"wide",context:"standalone"})}},M:function(e,t,n){const r=e.getMonth();switch(t){case"M":case"MM":return ne.M(e,t);case"Mo":return n.ordinalNumber(r+1,{unit:"month"});case"MMM":return n.month(r,{width:"abbreviated",context:"formatting"});case"MMMMM":return n.month(r,{width:"narrow",context:"formatting"});default:return n.month(r,{width:"wide",context:"formatting"})}},L:function(e,t,n){const r=e.getMonth();switch(t){case"L":return String(r+1);case"LL":return te(r+1,2);case"Lo":return n.ordinalNumber(r+1,{unit:"month"});case"LLL":return n.month(r,{width:"abbreviated",context:"standalone"});case"LLLLL":return n.month(r,{width:"narrow",context:"standalone"});default:return n.month(r,{width:"wide",context:"standalone"})}},w:function(e,t,n,r){const a=ee(e,r);return"wo"===t?n.ordinalNumber(a,{unit:"week"}):te(a,t.length)},I:function(e,t,n){const r=K(e);return"Io"===t?n.ordinalNumber(r,{unit:"week"}):te(r,t.length)},d:function(e,t,n){return"do"===t?n.ordinalNumber(e.getDate(),{unit:"date"}):ne.d(e,t)},D:function(e,t,n){const r=B(e);return"Do"===t?n.ordinalNumber(r,{unit:"dayOfYear"}):te(r,t.length)},E:function(e,t,n){const r=e.getDay();switch(t){case"E":case"EE":case"EEE":return n.day(r,{width:"abbreviated",context:"formatting"});case"EEEEE":return n.day(r,{width:"narrow",context:"formatting"});case"EEEEEE":return n.day(r,{width:"short",context:"formatting"});default:return n.day(r,{width:"wide",context:"formatting"})}},e:function(e,t,n,r){const a=e.getDay(),o=(a-r.weekStartsOn+8)%7||7;switch(t){case"e":return String(o);case"ee":return te(o,2);case"eo":return n.ordinalNumber(o,{unit:"day"});case"eee":return n.day(a,{width:"abbreviated",context:"formatting"});case"eeeee":return n.day(a,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(a,{width:"short",context:"formatting"});default:return n.day(a,{width:"wide",context:"formatting"})}},c:function(e,t,n,r){const a=e.getDay(),o=(a-r.weekStartsOn+8)%7||7;switch(t){case"c":return String(o);case"cc":return te(o,t.length);case"co":return n.ordinalNumber(o,{unit:"day"});case"ccc":return n.day(a,{width:"abbreviated",context:"standalone"});case"ccccc":return n.day(a,{width:"narrow",context:"standalone"});case"cccccc":return n.day(a,{width:"short",context:"standalone"});default:return n.day(a,{width:"wide",context:"standalone"})}},i:function(e,t,n){const r=e.getDay(),a=0===r?7:r;switch(t){case"i":return String(a);case"ii":return te(a,t.length);case"io":return n.ordinalNumber(a,{unit:"day"});case"iii":return n.day(r,{width:"abbreviated",context:"formatting"});case"iiiii":return n.day(r,{width:"narrow",context:"formatting"});case"iiiiii":return n.day(r,{width:"short",context:"formatting"});default:return n.day(r,{width:"wide",context:"formatting"})}},a:function(e,t,n){const r=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"aaa":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return n.dayPeriod(r,{width:"narrow",context:"formatting"});default:return n.dayPeriod(r,{width:"wide",context:"formatting"})}},b:function(e,t,n){const r=e.getHours();let a;switch(a=12===r?ae:0===r?re:r/12>=1?"pm":"am",t){case"b":case"bb":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"bbb":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return n.dayPeriod(a,{width:"narrow",context:"formatting"});default:return n.dayPeriod(a,{width:"wide",context:"formatting"})}},B:function(e,t,n){const r=e.getHours();let a;switch(a=r>=17?ue:r>=12?ie:r>=4?oe:se,t){case"B":case"BB":case"BBB":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"BBBBB":return n.dayPeriod(a,{width:"narrow",context:"formatting"});default:return n.dayPeriod(a,{width:"wide",context:"formatting"})}},h:function(e,t,n){if("ho"===t){let t=e.getHours()%12;return 0===t&&(t=12),n.ordinalNumber(t,{unit:"hour"})}return ne.h(e,t)},H:function(e,t,n){return"Ho"===t?n.ordinalNumber(e.getHours(),{unit:"hour"}):ne.H(e,t)},K:function(e,t,n){const r=e.getHours()%12;return"Ko"===t?n.ordinalNumber(r,{unit:"hour"}):te(r,t.length)},k:function(e,t,n){let r=e.getHours();return 0===r&&(r=24),"ko"===t?n.ordinalNumber(r,{unit:"hour"}):te(r,t.length)},m:function(e,t,n){return"mo"===t?n.ordinalNumber(e.getMinutes(),{unit:"minute"}):ne.m(e,t)},s:function(e,t,n){return"so"===t?n.ordinalNumber(e.getSeconds(),{unit:"second"}):ne.s(e,t)},S:function(e,t){return ne.S(e,t)},X:function(e,t,n){const r=e.getTimezoneOffset();if(0===r)return"Z";switch(t){case"X":return ce(r);case"XXXX":case"XX":return me(r);default:return me(r,":")}},x:function(e,t,n){const r=e.getTimezoneOffset();switch(t){case"x":return ce(r);case"xxxx":case"xx":return me(r);default:return me(r,":")}},O:function(e,t,n){const r=e.getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+de(r,":");default:return"GMT"+me(r,":")}},z:function(e,t,n){const r=e.getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+de(r,":");default:return"GMT"+me(r,":")}},t:function(e,t,n){return te(Math.trunc(e.getTime()/1e3),t.length)},T:function(e,t,n){return te(e.getTime(),t.length)}};function de(e,t=""){const n=e>0?"-":"+",r=Math.abs(e),a=Math.trunc(r/60),o=r%60;return 0===o?n+String(a):n+String(a)+t+te(o,2)}function ce(e,t){if(e%60==0){return(e>0?"-":"+")+te(Math.abs(e)/60,2)}return me(e,t)}function me(e,t=""){const n=e>0?"-":"+",r=Math.abs(e);return n+te(Math.trunc(r/60),2)+t+te(r%60,2)}var he=(e,t)=>{switch(e){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});default:return t.date({width:"full"})}},fe=(e,t)=>{switch(e){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});default:return t.time({width:"full"})}},ge={p:fe,P:(e,t)=>{const n=e.match(/(P+)(p+)?/)||[],r=n[1],a=n[2];if(!a)return he(e,t);let o;switch(r){case"P":o=t.dateTime({width:"short"});break;case"PP":o=t.dateTime({width:"medium"});break;case"PPP":o=t.dateTime({width:"long"});break;default:o=t.dateTime({width:"full"})}return o.replace("{{date}}",he(r,t)).replace("{{time}}",fe(a,t))}},we=/^D+$/,be=/^Y+$/,ve=["D","DD","YY","YYYY"];function pe(e){if(!(t=e,t instanceof Date||"object"==typeof t&&"[object Date]"===Object.prototype.toString.call(t)||"number"==typeof e))return!1;var t;const n=W(e);return!isNaN(Number(n))}var ye=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,Me=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Se=/^'([^]*?)'?$/,Pe=/''/g,ke=/[a-zA-Z]/;function xe(e,t,n){var r,a,o,i,u,s,l,d,c,m,h,f,g;const w=Q(),b=null!=(r=null!=void 0?undefined:w.locale)?r:U,v=null!=(l=null!=(s=null!=(o=null!=void 0?undefined:null==(a=null==void 0?void 0:undefined.options)?void 0:a.firstWeekContainsDate)?o:w.firstWeekContainsDate)?s:null==(u=null==(i=w.locale)?void 0:i.options)?void 0:u.firstWeekContainsDate)?l:1,p=null!=(g=null!=(f=null!=(c=null!=void 0?undefined:null==(d=null==void 0?void 0:undefined.options)?void 0:d.weekStartsOn)?c:w.weekStartsOn)?f:null==(h=null==(m=w.locale)?void 0:m.options)?void 0:h.weekStartsOn)?g:0,y=W(e);if(!pe(y))throw new RangeError("Invalid time value");let M=t.match(Me).map((e=>{const t=e[0];if("p"===t||"P"===t){return(0,ge[t])(e,b.formatLong)}return e})).join("").match(ye).map((e=>{if("''"===e)return{isToken:!1,value:"'"};const t=e[0];if("'"===t)return{isToken:!1,value:Te(e)};if(le[t])return{isToken:!0,value:e};if(t.match(ke))throw new RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return{isToken:!1,value:e}}));b.localize.preprocessor&&(M=b.localize.preprocessor(y,M));const S={firstWeekContainsDate:v,weekStartsOn:p,locale:b};return M.map((n=>{if(!n.isToken)return n.value;const r=n.value;(function(e){return be.test(e)}(r)||function(e){return we.test(e)}(r))&&function(e,t,n){const r=function(e,t,n){const r="Y"===e[0]?"years":"days of the month";return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}(e,t,n);if(console.warn(r),ve.includes(e))throw new RangeError(r)}(r,t,String(e));return(0,le[r[0]])(y,r,b.localize,S)})).join("")}function Te(e){const t=e.match(Se);return t?t[1].replace(Pe,"'"):e}var Oe=e=>xe(Y(new Date(0),e),"mm:ss"),Ce=t.forwardRef((({name:n,length:r,onChange:i,format:u=null,separator:s="-",timer:l=null,onComplete:d=()=>({}),onResend:c=()=>({}),value:M="",error:S=null,label:P=null,resendLabel:k="Resend",inputClassName:x=null,labelClassName:T=null,errorClassName:C=null,disabled:W=!1},I)=>{const[Y,q]=(e=>{let n=E(e);const r=E(`${e}_TIMER`);if(r&&null!==n&&n>0){const e=(+new Date-r)/1e3-1;e>1&&(n-=Math.floor(e),n<0&&(n=0))}const[a,o]=t.useState(null!=n?n:120),i=t.useRef(null);return t.useEffect((()=>(i.current=setInterval((()=>{o((e=>e>0?e-1:0))}),1e3),()=>{i.current&&clearInterval(i.current)})),[]),[a,t.useCallback(((e=120)=>{o(e)}),[])]})(n),F=t.useCallback((()=>{D(n),D(`${n}_TIMER`),q(),i({target:{name:n,value:""}}),c()}),[c,q,n,i]);t.useEffect((()=>{l&&(N(n,Y),N(`${n}_TIMER`,+new Date))}),[n,Y,l]);const j=t.useMemo((()=>"string"==typeof S?S:"object"==typeof S&&(null==S?void 0:S.message)?S.message:null),[S]),H=t.useMemo((()=>a.default.createElement("label",{htmlFor:n,className:o.default(g,{[T||""]:T})},P)),[n,P,T]),L=t.useCallback((e=>{i({target:{name:n,value:e}})}),[i,n]),z=(e,t)=>a.default.createElement(O,{key:t,hasFakeCaret:e.hasFakeCaret,isActive:e.isActive,char:e.char,inputClassName:null!=x?x:"",disabled:W,error:"boolean"==typeof S&&S});return a.default.createElement("div",{className:o.default(m)},a.default.createElement("div",{className:o.default(h)},P&&H,a.default.createElement(e.OTPInput,{maxLength:r,value:M,ref:I,onChange:L,onComplete:d,disabled:W,render:({slots:e})=>a.default.createElement("div",{className:f},u?((e,t)=>{const n=[],r=e.reduce(((e,t,n)=>{const r=0===n?t:e[n-1]+t;return e.push(r),e}),[]);return e.forEach(((e,a)=>{const o=0===a?0:r[a-1],i=r[a],u=t.slice(o,i).map(((e,t)=>z(e,`${t}_${a}`)));n.push(...u),s&&i!==t.length&&n.push(s)})),n})(u,e):e.map(z))}),a.default.createElement("div",{className:b},a.default.createElement("div",null,j&&a.default.createElement("span",{className:o.default(w,{[C||""]:C})},j)),l&&a.default.createElement(a.default.Fragment,null,0===Y?a.default.createElement("button",{type:"button",className:o.default(v,{[p]:!Y}),disabled:0!==Y,onClick:F},k):a.default.createElement("div",{className:y},Oe(Y))))))}));Ce.displayName="OTPInput";var Ne=Ce;module.exports=Ne;