@start-base/react-form-elements
Version:
Simplify form elements and form management. Selection of user friendly inputs and wide customization abilities to match your design and functionality.
1 lines • 24 kB
JavaScript
import{OTPInput as t}from"input-otp";import e,{forwardRef as n,useCallback as r,useEffect as a,useMemo as o,useState as i,useRef as u}from"react";import s from"clsx";var l=Object.defineProperty,c=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,h=(t,e,n)=>e in t?l(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,f=(t,e)=>{for(var n in e||(e={}))d.call(e,n)&&h(t,n,e[n]);if(c)for(var n of c(e))m.call(e,n)&&h(t,n,e[n]);return t},g="SUI-OTPInput-module-root-wwPpn",w="SUI-OTPInput-module-inputRoot-jkviO",b="SUI-OTPInput-module-inputs-MO9YY",v="SUI-OTPInput-module-label-uqr06",p="SUI-OTPInput-module-errorLabel-3AWYV",y="SUI-OTPInput-module-resendContainer-eOH31",M="SUI-OTPInput-module-resend-IcTLo",S="SUI-OTPInput-module-resendActive-Id97P",P="SUI-OTPInput-module-time-RyRk2",k="SUI-Slot-module-slot-QvdLC",x="SUI-Slot-module-slotActive-GLSyp",T="SUI-Slot-module-slotDisabled-NoGFU",O="SUI-Slot-module-slotError-SKIPw",N="SUI-Slot-module-caretRoot-gGAxC",D="SUI-Slot-module-caret-vz2Rq",C=({char:t,hasFakeCaret:n,isActive:r,disabled:a,inputClassName:o,error:i=!1})=>e.createElement("div",{className:s(k,f({[T]:a,[x]:r,[O]:i},o?{[o]:!0}:{}))},null!==t&&e.createElement("div",null,t),n?e.createElement("div",{className:N},e.createElement("div",{className:D})):null),W=t=>`RFE-${t}`,E=(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(W(t),JSON.stringify(a))},I=(t,e=!1)=>{"undefined"!=typeof window&&(e?window.localStorage.removeItem(t):window.localStorage.removeItem(W(t)))},Y=(t,e=!1)=>{if("undefined"==typeof window)return null;let n,r;if(n=e?window.localStorage.getItem(t):window.localStorage.getItem(W(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 I(t),null}return e}};function F(t){const e=Object.prototype.toString.call(t);return t instanceof Date||"object"==typeof t&&"[object Date]"===e?new t.constructor(+t):"number"==typeof t||"[object Number]"===e||"string"==typeof t||"[object String]"===e?new Date(t):new Date(NaN)}function q(t,e){return t instanceof Date?new t.constructor(e):new Date(e)}function j(t,e){return function(t,e){return q(t,+F(t)+e)}(t,1e3*e)}var H={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 L(t){return(e={})=>{const n=e.width?String(e.width):t.defaultWidth;return t.formats[n]||t.formats[t.defaultWidth]}}var z={date:L({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:L({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:L({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},A={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function U(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 G(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],s=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 l;l=t.valueCallback?t.valueCallback(s):s,l=n.valueCallback?n.valueCallback(l):l;return{value:l,rest:e.slice(i.length)}}}var Q,R={code:"en-US",formatDistance:(t,e,n)=>{let r;const a=H[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:z,formatRelative:(t,e,n,r)=>A[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:U({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:U({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:U({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:U({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:U({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:(Q={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:t=>parseInt(t,10)},(t,e={})=>{const n=t.match(Q.matchPattern);if(!n)return null;const r=n[0],a=t.match(Q.parsePattern);if(!a)return null;let o=Q.valueCallback?Q.valueCallback(a[0]):a[0];return o=e.valueCallback?e.valueCallback(o):o,{value:o,rest:t.slice(r.length)}}),era:G({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:G({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:G({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:G({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:G({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}},X={};function $(){return X}var B=6048e5;function J(t){const e=F(t);return e.setHours(0,0,0,0),e}function V(t){const e=F(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 K(t){const e=F(t),n=function(t,e){const n=J(t),r=J(e),a=+n-V(n),o=+r-V(r);return Math.round((a-o)/864e5)}(e,function(t){const e=F(t),n=q(t,0);return n.setFullYear(e.getFullYear(),0,1),n.setHours(0,0,0,0),n}(e));return n+1}function _(t,e){var n,r,a,o,i,u,s,l;const c=$(),d=null!=(l=null!=(s=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:c.weekStartsOn)?s:null==(u=null==(i=c.locale)?void 0:i.options)?void 0:u.weekStartsOn)?l:0,m=F(t),h=m.getDay(),f=(h<d?7:0)+h-d;return m.setDate(m.getDate()-f),m.setHours(0,0,0,0),m}function Z(t){return _(t,{weekStartsOn:1})}function tt(t){const e=F(t),n=e.getFullYear(),r=q(t,0);r.setFullYear(n+1,0,4),r.setHours(0,0,0,0);const a=Z(r),o=q(t,0);o.setFullYear(n,0,4),o.setHours(0,0,0,0);const i=Z(o);return e.getTime()>=a.getTime()?n+1:e.getTime()>=i.getTime()?n:n-1}function et(t){const e=F(t),n=+Z(e)-+function(t){const e=tt(t),n=q(t,0);return n.setFullYear(e,0,4),n.setHours(0,0,0,0),Z(n)}(e);return Math.round(n/B)+1}function nt(t,e){var n,r,a,o,i,u,s,l;const c=F(t),d=c.getFullYear(),m=$(),h=null!=(l=null!=(s=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)?s:null==(u=null==(i=m.locale)?void 0:i.options)?void 0:u.firstWeekContainsDate)?l:1,f=q(t,0);f.setFullYear(d+1,0,h),f.setHours(0,0,0,0);const g=_(f,e),w=q(t,0);w.setFullYear(d,0,h),w.setHours(0,0,0,0);const b=_(w,e);return c.getTime()>=g.getTime()?d+1:c.getTime()>=b.getTime()?d:d-1}function rt(t,e){const n=F(t),r=+_(n,e)-+function(t,e){var n,r,a,o,i,u,s,l;const c=$(),d=null!=(l=null!=(s=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:c.firstWeekContainsDate)?s:null==(u=null==(i=c.locale)?void 0:i.options)?void 0:u.firstWeekContainsDate)?l:1,m=nt(t,e),h=q(t,0);return h.setFullYear(m,0,d),h.setHours(0,0,0,0),_(h,e)}(n,e);return Math.round(r/B)+1}function at(t,e){return(t<0?"-":"")+Math.abs(t).toString().padStart(e,"0")}var ot={y(t,e){const n=t.getFullYear(),r=n>0?n:1-n;return at("yy"===e?r%100:r,e.length)},M(t,e){const n=t.getMonth();return"M"===e?String(n+1):at(n+1,2)},d:(t,e)=>at(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)=>at(t.getHours()%12||12,e.length),H:(t,e)=>at(t.getHours(),e.length),m:(t,e)=>at(t.getMinutes(),e.length),s:(t,e)=>at(t.getSeconds(),e.length),S(t,e){const n=e.length,r=t.getMilliseconds();return at(Math.trunc(r*Math.pow(10,n-3)),e.length)}},it="midnight",ut="noon",st="morning",lt="afternoon",ct="evening",dt="night",mt={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 ot.y(t,e)},Y:function(t,e,n,r){const a=nt(t,r),o=a>0?a:1-a;if("YY"===e){return at(o%100,2)}return"Yo"===e?n.ordinalNumber(o,{unit:"year"}):at(o,e.length)},R:function(t,e){return at(tt(t),e.length)},u:function(t,e){return at(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 at(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 at(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 ot.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 at(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=rt(t,r);return"wo"===e?n.ordinalNumber(a,{unit:"week"}):at(a,e.length)},I:function(t,e,n){const r=et(t);return"Io"===e?n.ordinalNumber(r,{unit:"week"}):at(r,e.length)},d:function(t,e,n){return"do"===e?n.ordinalNumber(t.getDate(),{unit:"date"}):ot.d(t,e)},D:function(t,e,n){const r=K(t);return"Do"===e?n.ordinalNumber(r,{unit:"dayOfYear"}):at(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 at(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 at(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 at(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?ut:0===r?it: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?lt:r>=4?st:dt,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 ot.h(t,e)},H:function(t,e,n){return"Ho"===e?n.ordinalNumber(t.getHours(),{unit:"hour"}):ot.H(t,e)},K:function(t,e,n){const r=t.getHours()%12;return"Ko"===e?n.ordinalNumber(r,{unit:"hour"}):at(r,e.length)},k:function(t,e,n){let r=t.getHours();return 0===r&&(r=24),"ko"===e?n.ordinalNumber(r,{unit:"hour"}):at(r,e.length)},m:function(t,e,n){return"mo"===e?n.ordinalNumber(t.getMinutes(),{unit:"minute"}):ot.m(t,e)},s:function(t,e,n){return"so"===e?n.ordinalNumber(t.getSeconds(),{unit:"second"}):ot.s(t,e)},S:function(t,e){return ot.S(t,e)},X:function(t,e,n){const r=t.getTimezoneOffset();if(0===r)return"Z";switch(e){case"X":return ft(r);case"XXXX":case"XX":return gt(r);default:return gt(r,":")}},x:function(t,e,n){const r=t.getTimezoneOffset();switch(e){case"x":return ft(r);case"xxxx":case"xx":return gt(r);default:return gt(r,":")}},O:function(t,e,n){const r=t.getTimezoneOffset();switch(e){case"O":case"OO":case"OOO":return"GMT"+ht(r,":");default:return"GMT"+gt(r,":")}},z:function(t,e,n){const r=t.getTimezoneOffset();switch(e){case"z":case"zz":case"zzz":return"GMT"+ht(r,":");default:return"GMT"+gt(r,":")}},t:function(t,e,n){return at(Math.trunc(t.getTime()/1e3),e.length)},T:function(t,e,n){return at(t.getTime(),e.length)}};function ht(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+at(o,2)}function ft(t,e){if(t%60==0){return(t>0?"-":"+")+at(Math.abs(t)/60,2)}return gt(t,e)}function gt(t,e=""){const n=t>0?"-":"+",r=Math.abs(t);return n+at(Math.trunc(r/60),2)+e+at(r%60,2)}var wt=(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"})}},bt=(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"})}},vt={p:bt,P:(t,e)=>{const n=t.match(/(P+)(p+)?/)||[],r=n[1],a=n[2];if(!a)return wt(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}}",wt(r,e)).replace("{{time}}",bt(a,e))}},pt=/^D+$/,yt=/^Y+$/,Mt=["D","DD","YY","YYYY"];function St(t){if(!(e=t,e instanceof Date||"object"==typeof e&&"[object Date]"===Object.prototype.toString.call(e)||"number"==typeof t))return!1;var e;const n=F(t);return!isNaN(Number(n))}var Pt=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,kt=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,xt=/^'([^]*?)'?$/,Tt=/''/g,Ot=/[a-zA-Z]/;function Nt(t,e,n){var r,a,o,i,u,s,l,c,d,m,h,f,g;const w=$(),b=null!=(r=null!=void 0?undefined:w.locale)?r:R,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!=(d=null!=void 0?undefined:null==(c=null==void 0?void 0:undefined.options)?void 0:c.weekStartsOn)?d:w.weekStartsOn)?f:null==(h=null==(m=w.locale)?void 0:m.options)?void 0:h.weekStartsOn)?g:0,y=F(t);if(!St(y))throw new RangeError("Invalid time value");let M=e.match(kt).map((t=>{const e=t[0];if("p"===e||"P"===e){return(0,vt[e])(t,b.formatLong)}return t})).join("").match(Pt).map((t=>{if("''"===t)return{isToken:!1,value:"'"};const e=t[0];if("'"===e)return{isToken:!1,value:Dt(t)};if(mt[e])return{isToken:!0,value:t};if(e.match(Ot))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 yt.test(t)}(r)||function(t){return pt.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),Mt.includes(t))throw new RangeError(r)}(r,e,String(t));return(0,mt[r[0]])(y,r,b.localize,S)})).join("")}function Dt(t){const e=t.match(xt);return e?e[1].replace(Tt,"'"):t}var Ct=t=>Nt(j(new Date(0),t),"mm:ss"),Wt=n((({name:n,length:l,onChange:c,format:d=null,separator:m="-",timer:h=null,onComplete:f=()=>({}),onResend:k=()=>({}),value:x="",error:T=null,label:O=null,resendLabel:N="Resend",inputClassName:D=null,labelClassName:W=null,errorClassName:F=null,disabled:q=!1},j)=>{const[H,L]=(t=>{let e=Y(t);const n=Y(`${t}_TIMER`);if(n&&null!==e&&e>0){const t=(+new Date-n)/1e3-1;t>1&&(e-=Math.floor(t),e<0&&(e=0))}const[o,s]=i(null!=e?e:120),l=u(null);return a((()=>(l.current=setInterval((()=>{s((t=>t>0?t-1:0))}),1e3),()=>{l.current&&clearInterval(l.current)})),[]),[o,r(((t=120)=>{s(t)}),[])]})(n),z=r((()=>{I(n),I(`${n}_TIMER`),L(),c({target:{name:n,value:""}}),k()}),[k,L,n,c]);a((()=>{h&&(E(n,H),E(`${n}_TIMER`,+new Date))}),[n,H,h]);const A=o((()=>"string"==typeof T?T:"object"==typeof T&&(null==T?void 0:T.message)?T.message:null),[T]),U=o((()=>e.createElement("label",{htmlFor:n,className:s(v,{[W||""]:W})},O)),[n,O,W]),G=r((t=>{c({target:{name:n,value:t}})}),[c,n]),Q=(t,n)=>e.createElement(C,{key:n,hasFakeCaret:t.hasFakeCaret,isActive:t.isActive,char:t.char,inputClassName:null!=D?D:"",disabled:q,error:"boolean"==typeof T&&T});return e.createElement("div",{className:s(g)},e.createElement("div",{className:s(w)},O&&U,e.createElement(t,{maxLength:l,value:x,ref:j,onChange:G,onComplete:f,disabled:q,render:({slots:t})=>e.createElement("div",{className:b},d?((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)=>Q(t,`${e}_${a}`)));n.push(...u),m&&i!==e.length&&n.push(m)})),n})(d,t):t.map(Q))}),e.createElement("div",{className:y},e.createElement("div",null,A&&e.createElement("span",{className:s(p,{[F||""]:F})},A)),h&&e.createElement(e.Fragment,null,0===H?e.createElement("button",{type:"button",className:s(M,{[S]:!H}),disabled:0!==H,onClick:z},N):e.createElement("div",{className:P},Ct(H))))))}));Wt.displayName="OTPInput";var Et=Wt;export{Et as default};