@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 t=require("input-otp"),e=require("react"),n=require("clsx");function r(t){return t&&t.__esModule?t:{default:t}}var a=r(e),o=r(n),i=Object.defineProperty,u=Object.defineProperties,l=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,m=(t,e,n)=>e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,h=(t,e)=>{for(var n in e||(e={}))d.call(e,n)&&m(t,n,e[n]);if(s)for(var n of s(e))c.call(e,n)&&m(t,n,e[n]);return t},f="SUI-OTPInput-module-root-wwPpn",g="SUI-OTPInput-module-inputRoot-jkviO",w="SUI-OTPInput-module-inputs-MO9YY",b="SUI-OTPInput-module-label-uqr06",v="SUI-OTPInput-module-errorLabel-3AWYV",p="SUI-OTPInput-module-resendContainer-eOH31",y="SUI-OTPInput-module-resend-IcTLo",M="SUI-OTPInput-module-resendActive-Id97P",S="SUI-OTPInput-module-time-RyRk2",P="SUI-Slot-module-slot-QvdLC",k="SUI-Slot-module-slotActive-GLSyp",x="SUI-Slot-module-slotDisabled-NoGFU",O="SUI-Slot-module-slotError-SKIPw",C="SUI-Slot-module-caretRoot-gGAxC",T="SUI-Slot-module-caret-vz2Rq",D=({char:t,hasFakeCaret:e,isActive:n,disabled:r,inputClassName:i,error:u=!1})=>a.default.createElement("div",{className:o.default(P,h({[x]:r,[k]:n,[O]:u},i?{[i]:!0}:{}))},null!==t&&a.default.createElement("div",null,t),e?a.default.createElement("div",{className:C},a.default.createElement("div",{className:T})):null),E=t=>`RFE-${t}`,N=(t,e,n,r=!1)=>{if("undefined"==typeof window)return;const a={data:e};r?window.localStorage.setItem(t,JSON.stringify(a)):window.localStorage.setItem(E(t),JSON.stringify(a))},W=(t,e=!1)=>{"undefined"!=typeof window&&(e?window.localStorage.removeItem(t):window.localStorage.removeItem(E(t)))},I=(t,e=!1)=>{if("undefined"==typeof window)return null;let n,r;if(n=e?window.localStorage.getItem(t):window.localStorage.getItem(E(t)),!n)return null;if(e)return r=JSON.parse(n),r;{r=JSON.parse(n);const{data:e,expire:a}=r;if(a){if(a<(new Date).getTime())return W(t),null}return e}},Y=6048e5,q=Symbol.for("constructDateFrom");function F(t,e){return"function"==typeof t?t(e):t&&"object"==typeof t&&q in t?t[q](e):t instanceof Date?new t.constructor(e):new Date(e)}function j(t,e){return F(e||t,t)}function H(t,e,n){return function(t,e){return F(t,+j(t)+e)}(t,1e3*e)}var L={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 z(t){return(e={})=>{const n=e.width?String(e.width):t.defaultWidth;return t.formats[n]||t.formats[t.defaultWidth]}}var A={date:z({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:z({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:z({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},U={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function G(t){return(e,n)=>{let r;if("formatting"===((null==n?void 0:n.context)?String(n.context):"standalone")&&t.formattingValues){const e=t.defaultFormattingWidth||t.defaultWidth,a=(null==n?void 0:n.width)?String(n.width):e;r=t.formattingValues[a]||t.formattingValues[e]}else{const e=t.defaultWidth,a=(null==n?void 0:n.width)?String(n.width):t.defaultWidth;r=t.values[a]||t.values[e]}return r[t.argumentCallback?t.argumentCallback(e):e]}}function Q(t){return(e,n={})=>{const r=n.width,a=r&&t.matchPatterns[r]||t.matchPatterns[t.defaultMatchWidth],o=e.match(a);if(!o)return null;const i=o[0],u=r&&t.parsePatterns[r]||t.parsePatterns[t.defaultParseWidth],l=Array.isArray(u)?function(t,e){for(let n=0;n<t.length;n++)if(e(t[n]))return n;return}(u,t=>t.test(i)):function(t,e){for(const n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e(t[n]))return n;return}(u,t=>t.test(i));let s;s=t.valueCallback?t.valueCallback(l):l,s=n.valueCallback?n.valueCallback(s):s;return{value:s,rest:e.slice(i.length)}}}var R,X={code:"en-US",formatDistance:(t,e,n)=>{let r;const a=L[t];return r="string"==typeof a?a:1===e?a.one:a.other.replace("{{count}}",e.toString()),(null==n?void 0:n.addSuffix)?n.comparison&&n.comparison>0?"in "+r:r+" ago":r},formatLong:A,formatRelative:(t,e,n,r)=>U[t],localize:{ordinalNumber:(t,e)=>{const n=Number(t),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:G({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:G({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:t=>t-1}),month:G({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:G({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:G({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:(R={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:t=>parseInt(t,10)},(t,e={})=>{const n=t.match(R.matchPattern);if(!n)return null;const r=n[0],a=t.match(R.parsePattern);if(!a)return null;let o=R.valueCallback?R.valueCallback(a[0]):a[0];return o=e.valueCallback?e.valueCallback(o):o,{value:o,rest:t.slice(r.length)}}),era:Q({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:Q({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:t=>t+1}),month:Q({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:Q({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:Q({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}},$={};function B(){return $}function J(t){const e=j(t),n=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return n.setUTCFullYear(e.getFullYear()),+t-+n}function _(t,e){const n=j(t,void 0);return n.setHours(0,0,0,0),n}function V(t,e,n){const[r,a]=function(t,...e){const n=F.bind(null,e.find(t=>"object"==typeof t));return e.map(n)}(0,t,e),o=_(r),i=_(a),u=+o-J(o),l=+i-J(i);return Math.round((u-l)/864e5)}function K(t,e){const n=j(t,void 0),r=V(n,function(t){const e=j(t,void 0);return e.setFullYear(e.getFullYear(),0,1),e.setHours(0,0,0,0),e}(n));return r+1}function Z(t,e){var n,r,a,o,i,u,l,s;const d=B(),c=null!=(s=null!=(l=null!=(o=null!=(a=null==e?void 0:e.weekStartsOn)?a:null==(r=null==(n=null==e?void 0:e.locale)?void 0:n.options)?void 0:r.weekStartsOn)?o:d.weekStartsOn)?l:null==(u=null==(i=d.locale)?void 0:i.options)?void 0:u.weekStartsOn)?s:0,m=j(t,null==e?void 0:e.in),h=m.getDay(),f=(h<c?7:0)+h-c;return m.setDate(m.getDate()-f),m.setHours(0,0,0,0),m}function tt(t,e){return Z(t,(n=h({},e),u(n,l({weekStartsOn:1}))));var n}function et(t,e){const n=j(t,void 0),r=n.getFullYear(),a=F(n,0);a.setFullYear(r+1,0,4),a.setHours(0,0,0,0);const o=tt(a),i=F(n,0);i.setFullYear(r,0,4),i.setHours(0,0,0,0);const u=tt(i);return n.getTime()>=o.getTime()?r+1:n.getTime()>=u.getTime()?r:r-1}function nt(t,e){const n=j(t,void 0),r=+tt(n)-+function(t){const e=et(t),n=F(t,0);return n.setFullYear(e,0,4),n.setHours(0,0,0,0),tt(n)}(n);return Math.round(r/Y)+1}function rt(t,e){var n,r,a,o,i,u,l,s;const d=j(t,null==e?void 0:e.in),c=d.getFullYear(),m=B(),h=null!=(s=null!=(l=null!=(o=null!=(a=null==e?void 0:e.firstWeekContainsDate)?a:null==(r=null==(n=null==e?void 0:e.locale)?void 0:n.options)?void 0:r.firstWeekContainsDate)?o:m.firstWeekContainsDate)?l:null==(u=null==(i=m.locale)?void 0:i.options)?void 0:u.firstWeekContainsDate)?s:1,f=F((null==e?void 0:e.in)||t,0);f.setFullYear(c+1,0,h),f.setHours(0,0,0,0);const g=Z(f,e),w=F((null==e?void 0:e.in)||t,0);w.setFullYear(c,0,h),w.setHours(0,0,0,0);const b=Z(w,e);return+d>=+g?c+1:+d>=+b?c:c-1}function at(t,e){const n=j(t,null==e?void 0:e.in),r=+Z(n,e)-+function(t,e){var n,r,a,o,i,u,l,s;const d=B(),c=null!=(s=null!=(l=null!=(o=null!=(a=null==e?void 0:e.firstWeekContainsDate)?a:null==(r=null==(n=null==e?void 0:e.locale)?void 0:n.options)?void 0:r.firstWeekContainsDate)?o:d.firstWeekContainsDate)?l:null==(u=null==(i=d.locale)?void 0:i.options)?void 0:u.firstWeekContainsDate)?s:1,m=rt(t,e),h=F((null==e?void 0:e.in)||t,0);return h.setFullYear(m,0,c),h.setHours(0,0,0,0),Z(h,e)}(n,e);return Math.round(r/Y)+1}function ot(t,e){return(t<0?"-":"")+Math.abs(t).toString().padStart(e,"0")}var it={y(t,e){const n=t.getFullYear(),r=n>0?n:1-n;return ot("yy"===e?r%100:r,e.length)},M(t,e){const n=t.getMonth();return"M"===e?String(n+1):ot(n+1,2)},d:(t,e)=>ot(t.getDate(),e.length),a(t,e){const n=t.getHours()/12>=1?"pm":"am";switch(e){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:(t,e)=>ot(t.getHours()%12||12,e.length),H:(t,e)=>ot(t.getHours(),e.length),m:(t,e)=>ot(t.getMinutes(),e.length),s:(t,e)=>ot(t.getSeconds(),e.length),S(t,e){const n=e.length,r=t.getMilliseconds();return ot(Math.trunc(r*Math.pow(10,n-3)),e.length)}},ut="midnight",lt="noon",st="morning",dt="afternoon",ct="evening",mt="night",ht={G:function(t,e,n){const r=t.getFullYear()>0?1:0;switch(e){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(t,e,n){if("yo"===e){const e=t.getFullYear(),r=e>0?e:1-e;return n.ordinalNumber(r,{unit:"year"})}return it.y(t,e)},Y:function(t,e,n,r){const a=rt(t,r),o=a>0?a:1-a;if("YY"===e){return ot(o%100,2)}return"Yo"===e?n.ordinalNumber(o,{unit:"year"}):ot(o,e.length)},R:function(t,e){return ot(et(t),e.length)},u:function(t,e){return ot(t.getFullYear(),e.length)},Q:function(t,e,n){const r=Math.ceil((t.getMonth()+1)/3);switch(e){case"Q":return String(r);case"QQ":return ot(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(t,e,n){const r=Math.ceil((t.getMonth()+1)/3);switch(e){case"q":return String(r);case"qq":return ot(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(t,e,n){const r=t.getMonth();switch(e){case"M":case"MM":return it.M(t,e);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(t,e,n){const r=t.getMonth();switch(e){case"L":return String(r+1);case"LL":return ot(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(t,e,n,r){const a=at(t,r);return"wo"===e?n.ordinalNumber(a,{unit:"week"}):ot(a,e.length)},I:function(t,e,n){const r=nt(t);return"Io"===e?n.ordinalNumber(r,{unit:"week"}):ot(r,e.length)},d:function(t,e,n){return"do"===e?n.ordinalNumber(t.getDate(),{unit:"date"}):it.d(t,e)},D:function(t,e,n){const r=K(t);return"Do"===e?n.ordinalNumber(r,{unit:"dayOfYear"}):ot(r,e.length)},E:function(t,e,n){const r=t.getDay();switch(e){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(t,e,n,r){const a=t.getDay(),o=(a-r.weekStartsOn+8)%7||7;switch(e){case"e":return String(o);case"ee":return ot(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(t,e,n,r){const a=t.getDay(),o=(a-r.weekStartsOn+8)%7||7;switch(e){case"c":return String(o);case"cc":return ot(o,e.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(t,e,n){const r=t.getDay(),a=0===r?7:r;switch(e){case"i":return String(a);case"ii":return ot(a,e.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(t,e,n){const r=t.getHours()/12>=1?"pm":"am";switch(e){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(t,e,n){const r=t.getHours();let a;switch(a=12===r?lt:0===r?ut:r/12>=1?"pm":"am",e){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(t,e,n){const r=t.getHours();let a;switch(a=r>=17?ct:r>=12?dt:r>=4?st:mt,e){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(t,e,n){if("ho"===e){let e=t.getHours()%12;return 0===e&&(e=12),n.ordinalNumber(e,{unit:"hour"})}return it.h(t,e)},H:function(t,e,n){return"Ho"===e?n.ordinalNumber(t.getHours(),{unit:"hour"}):it.H(t,e)},K:function(t,e,n){const r=t.getHours()%12;return"Ko"===e?n.ordinalNumber(r,{unit:"hour"}):ot(r,e.length)},k:function(t,e,n){let r=t.getHours();return 0===r&&(r=24),"ko"===e?n.ordinalNumber(r,{unit:"hour"}):ot(r,e.length)},m:function(t,e,n){return"mo"===e?n.ordinalNumber(t.getMinutes(),{unit:"minute"}):it.m(t,e)},s:function(t,e,n){return"so"===e?n.ordinalNumber(t.getSeconds(),{unit:"second"}):it.s(t,e)},S:function(t,e){return it.S(t,e)},X:function(t,e,n){const r=t.getTimezoneOffset();if(0===r)return"Z";switch(e){case"X":return gt(r);case"XXXX":case"XX":return wt(r);default:return wt(r,":")}},x:function(t,e,n){const r=t.getTimezoneOffset();switch(e){case"x":return gt(r);case"xxxx":case"xx":return wt(r);default:return wt(r,":")}},O:function(t,e,n){const r=t.getTimezoneOffset();switch(e){case"O":case"OO":case"OOO":return"GMT"+ft(r,":");default:return"GMT"+wt(r,":")}},z:function(t,e,n){const r=t.getTimezoneOffset();switch(e){case"z":case"zz":case"zzz":return"GMT"+ft(r,":");default:return"GMT"+wt(r,":")}},t:function(t,e,n){return ot(Math.trunc(+t/1e3),e.length)},T:function(t,e,n){return ot(+t,e.length)}};function ft(t,e=""){const n=t>0?"-":"+",r=Math.abs(t),a=Math.trunc(r/60),o=r%60;return 0===o?n+String(a):n+String(a)+e+ot(o,2)}function gt(t,e){if(t%60==0){return(t>0?"-":"+")+ot(Math.abs(t)/60,2)}return wt(t,e)}function wt(t,e=""){const n=t>0?"-":"+",r=Math.abs(t);return n+ot(Math.trunc(r/60),2)+e+ot(r%60,2)}var bt=(t,e)=>{switch(t){case"P":return e.date({width:"short"});case"PP":return e.date({width:"medium"});case"PPP":return e.date({width:"long"});default:return e.date({width:"full"})}},vt=(t,e)=>{switch(t){case"p":return e.time({width:"short"});case"pp":return e.time({width:"medium"});case"ppp":return e.time({width:"long"});default:return e.time({width:"full"})}},pt={p:vt,P:(t,e)=>{const n=t.match(/(P+)(p+)?/)||[],r=n[1],a=n[2];if(!a)return bt(t,e);let o;switch(r){case"P":o=e.dateTime({width:"short"});break;case"PP":o=e.dateTime({width:"medium"});break;case"PPP":o=e.dateTime({width:"long"});break;default:o=e.dateTime({width:"full"})}return o.replace("{{date}}",bt(r,e)).replace("{{time}}",vt(a,e))}},yt=/^D+$/,Mt=/^Y+$/,St=["D","DD","YY","YYYY"];function Pt(t){return!(!((e=t)instanceof Date||"object"==typeof e&&"[object Date]"===Object.prototype.toString.call(e))&&"number"!=typeof t||isNaN(+j(t)));var e}var kt=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,xt=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Ot=/^'([^]*?)'?$/,Ct=/''/g,Tt=/[a-zA-Z]/;function Dt(t,e,n){var r,a,o,i,u,l,s,d,c,m,h,f,g;const w=B(),b=null!=(r=null!=void 0?undefined:w.locale)?r:X,v=null!=(s=null!=(l=null!=(o=null!=void 0?undefined:null==(a=null==void 0?void 0:undefined.options)?void 0:a.firstWeekContainsDate)?o:w.firstWeekContainsDate)?l:null==(u=null==(i=w.locale)?void 0:i.options)?void 0:u.firstWeekContainsDate)?s: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=j(t,void 0);if(!Pt(y))throw new RangeError("Invalid time value");let M=e.match(xt).map(t=>{const e=t[0];if("p"===e||"P"===e){return(0,pt[e])(t,b.formatLong)}return t}).join("").match(kt).map(t=>{if("''"===t)return{isToken:!1,value:"'"};const e=t[0];if("'"===e)return{isToken:!1,value:Et(t)};if(ht[e])return{isToken:!0,value:t};if(e.match(Tt))throw new RangeError("Format string contains an unescaped latin alphabet character `"+e+"`");return{isToken:!1,value:t}});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(t){return Mt.test(t)}(r)||function(t){return yt.test(t)}(r))&&function(t,e,n){const r=function(t,e,n){const r="Y"===t[0]?"years":"days of the month";return`Use \`${t.toLowerCase()}\` instead of \`${t}\` (in \`${e}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}(t,e,n);if(console.warn(r),St.includes(t))throw new RangeError(r)}(r,e,String(t));return(0,ht[r[0]])(y,r,b.localize,S)}).join("")}function Et(t){const e=t.match(Ot);return e?e[1].replace(Ct,"'"):t}var Nt=t=>Dt(H(new Date(0),t),"mm:ss"),Wt=e.forwardRef(({name:n,length:r,onChange:i,format:u=null,separator:l="-",timer:s=null,onComplete:d=()=>({}),onResend:c=()=>({}),value:m="",error:h=null,label:P=null,resendLabel:k="Resend",inputClassName:x=null,labelClassName:O=null,errorClassName:C=null,disabled:T=!1},E)=>{const[Y,q]=(t=>{let n=I(t);const r=I(`${t}_TIMER`);if(r&&null!==n&&n>0){const t=(+new Date-r)/1e3-1;t>1&&(n-=Math.floor(t),n<0&&(n=0))}const[a,o]=e.useState(null!=n?n:120),i=e.useRef(null);return e.useEffect(()=>(i.current=setInterval(()=>{o(t=>t>0?t-1:0)},1e3),()=>{i.current&&clearInterval(i.current)}),[]),[a,e.useCallback((t=120)=>{o(t)},[])]})(n),F=e.useCallback(()=>{W(n),W(`${n}_TIMER`),q(),i({target:{name:n,value:""}}),c()},[c,q,n,i]);e.useEffect(()=>{s&&(N(n,Y),N(`${n}_TIMER`,+new Date))},[n,Y,s]);const j=e.useMemo(()=>"string"==typeof h?h:"object"==typeof h&&(null==h?void 0:h.message)?h.message:null,[h]),H=e.useMemo(()=>a.default.createElement("label",{htmlFor:n,className:o.default(b,{[O||""]:O})},P),[n,P,O]),L=e.useCallback(t=>{i({target:{name:n,value:t}})},[i,n]),z=(t,e)=>a.default.createElement(D,{key:e,hasFakeCaret:t.hasFakeCaret,isActive:t.isActive,char:t.char,inputClassName:null!=x?x:"",disabled:T,error:"boolean"==typeof h&&h});return a.default.createElement("div",{className:o.default(f)},a.default.createElement("div",{className:o.default(g)},P&&H,a.default.createElement(t.OTPInput,{maxLength:r,value:m,ref:E,onChange:L,onComplete:d,disabled:T,render:({slots:t})=>a.default.createElement("div",{className:w},u?((t,e)=>{const n=[],r=t.reduce((t,e,n)=>{const r=0===n?e:t[n-1]+e;return t.push(r),t},[]);return t.forEach((t,a)=>{const o=0===a?0:r[a-1],i=r[a],u=e.slice(o,i).map((t,e)=>z(t,`${e}_${a}`));n.push(...u),l&&i!==e.length&&n.push(l)}),n})(u,t):t.map(z))}),a.default.createElement("div",{className:p},a.default.createElement("div",null,j&&a.default.createElement("span",{className:o.default(v,{[C||""]:C})},j)),s&&a.default.createElement(a.default.Fragment,null,0===Y?a.default.createElement("button",{type:"button",className:o.default(y,{[M]:!Y}),disabled:0!==Y,onClick:F},k):a.default.createElement("div",{className:S},Nt(Y))))))});Wt.displayName="OTPInput";var It=Wt;module.exports=It;