UNPKG

nsaicomponents

Version:

Lightweight, customizable UI components for React including Modal, Button, Loader, Captcha, Backdrop, Dialog and Typography

1 lines 26.7 kB
(()=>{var e={72:(e,t,n)=>{"use strict";var r,o=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),i=[];function a(e){for(var t=-1,n=0;n<i.length;n++)if(i[n].identifier===e){t=n;break}return t}function l(e,t){for(var n={},r=[],o=0;o<e.length;o++){var l=e[o],c=t.base?l[0]+t.base:l[0],u=n[c]||0,s="".concat(c," ").concat(u);n[c]=u+1;var f=a(s),d={css:l[1],media:l[2],sourceMap:l[3]};-1!==f?(i[f].references++,i[f].updater(d)):i.push({identifier:s,updater:y(d,t),references:1}),r.push(s)}return r}function c(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var i=n.nc;i&&(r.nonce=i)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var a=o(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var u,s=(u=[],function(e,t){return u[e]=t,u.filter(Boolean).join("\n")});function f(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=s(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function d(e,t,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var p=null,m=0;function y(e,t){var n,r,o;if(t.singleton){var i=m++;n=p||(p=c(t)),r=f.bind(null,n,i,!1),o=f.bind(null,n,i,!0)}else n=c(t),r=d.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=(void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r));var n=l(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=a(n[r]);i[o].references--}for(var c=l(e,t),u=0;u<n.length;u++){var s=a(n[u]);0===i[s].references&&(i[s].updater(),i.splice(s,1))}n=c}}}},314:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n,r,o,i=e[1]||"",a=e[3];if(!a)return i;if(t&&"function"==typeof btoa){var l=(n=a,r=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),o="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),"/*# ".concat(o," */")),c=a.sources.map((function(e){return"/*# sourceURL=".concat(a.sourceRoot||"").concat(e," */")}));return[i].concat(c).concat([l]).join("\n")}return[i].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var l=0;l<e.length;l++){var c=[].concat(e[l]);r&&o[c[0]]||(n&&(c[2]?c[2]="".concat(n," and ").concat(c[2]):c[2]=n),t.push(c))}},t}},626:(e,t,n)=>{(t=n(314)(!1)).push([e.id,"@keyframes spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes dotBounce {\n from {\n transform: translateY(0);\n opacity: 1;\n }\n to {\n transform: translateY(-60%);\n opacity: 0.5;\n }\n}\n\n@keyframes pulse {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.dots-spinner div {\n will-change: transform, opacity;\n}\n\n/* App.css */\n.loading-spinner {\n border-radius: 50%;\n animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n",""]),e.exports=t},893:(e,t,n)=>{var r=n(72),o=n(626);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);r(o,{insert:"head",singleton:!1}),e.exports=o.locals||{}}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var i=t[r]={id:r,exports:{}};return e[r](i,i.exports,n),i.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.nc=void 0;var r={};(()=>{"use strict";n.r(r),n.d(r,{Button:()=>h,Captcha:()=>A,CustomBackdrop:()=>z,Dialog:()=>F,DialogActions:()=>X,DialogContent:()=>_,DialogContentText:()=>J,DialogTitle:()=>Y,Loader:()=>s,Modal:()=>j,Typography:()=>U});const e=require("react");var t=n.n(e);function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){c(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function c(e,t,n){return(t=function(e){var t=function(e){if("object"!=o(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=o(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==o(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}n(893);var u=function(e){var n=e.width,r=void 0===n?"100%":n,o=e.height,i=void 0===o?20:o,a=e.style,c=void 0===a?{}:a;return t().createElement("div",{style:l({width:r,height:i,backgroundColor:"#e0e0e0",borderRadius:4,animation:"pulse 1.5s infinite"},c)})};const s=function(e){var n,r=e.size,o=void 0===r?40:r,a=e.color,l=e.loading,c=void 0===l||l,s=e.speed,f=void 0===s?1:s,d=e.thickness,p=void 0===d?4:d,m=e.variant,y=void 0===m?"default":m,b=e.children,g=function(){var e,t;return a||("undefined"!=typeof window&&(null===(e=(t=window).matchMedia)||void 0===e?void 0:e.call(t,"(prefers-color-scheme: dark)").matches)?"#1976d2":"dodgerblue")};return c?"dots"===y?t().createElement("div",{className:"dots-spinner",style:{display:"flex",gap:4}},(n=Array(3),function(e){if(Array.isArray(e))return i(e)}(n)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(n)||function(e,t){if(e){if("string"==typeof e)return i(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map((function(e,n){return t().createElement("div",{key:n,style:{width:o/5,height:o/5,borderRadius:"50%",backgroundColor:g(),animation:"dotBounce ".concat(f,"s infinite alternate"),animationDelay:"".concat(.2*n,"s")}})})),b&&t().createElement("div",null,b)):"skeleton"===y?t().createElement(u,{width:2*o,height:o/2}):t().createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"}},t().createElement("div",{role:"status","aria-label":"Loading",className:"loading-spinner",style:{width:o,height:o,border:"".concat(p,"px solid ").concat(g()),borderTop:"".concat(p,"px solid transparent"),borderRadius:"50%",animation:"spin ".concat(f,"s linear infinite")}}),b&&t().createElement("div",{style:{marginTop:8}},b)):null};function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}var d=["children","variant","color","size","type","style","fullWidth","disabled","loading","loadingPosition","hideChildrenWhenLoading","textDecoration","textTransform","hoverBackgroundColor","hoverColor","onClick","bgColor"];function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(null,arguments)}function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function b(e,t,n){return(t=function(e){var t=function(e){if("object"!=f(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==f(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var g={primary:"#1976d2",secondary:"#9c27b0",inherit:"inherit",success:"green"},v={small:{padding:"4px 10px",fontSize:13,minWidth:64,height:32},medium:{padding:"8px 14px",fontSize:14,minWidth:64,height:36},large:{padding:"8px 22px",fontSize:15,minWidth:64,height:40}};const h=function(n){var r=n.children,o=n.variant,i=void 0===o?"contained":o,a=n.color,l=void 0===a?"primary":a,c=n.size,u=void 0===c?"medium":c,s=n.type,f=void 0===s?"button":s,m=n.style,b=void 0===m?{}:m,h=n.fullWidth,x=void 0!==h&&h,S=n.disabled,O=void 0!==S&&S,w=n.loading,j=void 0!==w&&w,P=n.loadingPosition,C=void 0===P?"start":P,E=n.hideChildrenWhenLoading,k=void 0!==E&&E,T=n.textDecoration,D=void 0===T?"none":T,z=n.textTransform,W=void 0===z?"uppercase":z,M=n.hoverBackgroundColor,A=n.hoverColor,I=n.onClick,H=n.bgColor,R=void 0===H?g.primary:H,B=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(n,d),L=(0,e.useRef)("btn-".concat(Math.random().toString(36).substr(2,9))).current,N=O||j,U=function(e,t){switch(e){case"contained":return{base:{color:"#fff",border:"none",boxShadow:"0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12)"},backgroundColor:t,textColor:"#fff"};case"outlined":return{base:{backgroundColor:"transparent",border:"1px solid ".concat(t)},textColor:t};default:return{base:{backgroundColor:"transparent",border:"none"},textColor:t}}}(i,R||g[l]||l),F=U.base,Y=U.backgroundColor,_=U.textColor,J=y(y(y(y(y({},F),v[u]),{},{display:"inline-flex",alignItems:"center",justifyContent:"center",width:x?"100%":"auto",borderRadius:4,cursor:N?"not-allowed":"pointer",opacity:N?.5:1,transition:"all 0.2s ease",textDecoration:D,textTransform:W,lineHeight:1.5,fontFamily:"inherit"},M?{}:{backgroundColor:Y}),A?{}:{color:_}),b),X=t().createElement("span",{style:{width:16,height:16,border:"2px solid currentColor",borderTopColor:"transparent",borderRadius:"50%",animation:"spin 1s linear infinite",display:"inline-block",flexShrink:0,margin:"start"===C?"0 8px 0 0":"end"===C?"0 0 0 8px":"0"}});return t().createElement(t().Fragment,null,t().createElement("style",null,"\n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n .".concat(L," {\n ").concat(M?"background-color: ".concat(Y,";"):"","\n ").concat(A?"color: ".concat(_,";"):"","\n }\n\n .").concat(L,":hover {\n ").concat(M?"background-color: ".concat(M,";"):"","\n ").concat(A?"color: ".concat(A,";"):"","\n }\n ")),t().createElement("button",p({type:f,disabled:N,"aria-busy":j,onClick:I,className:L,style:J},B),j&&"start"===C&&X,j&&k?null:r,j&&"end"===C&&X,j&&"center"===C&&X))};function x(e){return x="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},x(e)}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(e,t,n){return(t=function(e){var t=function(e){if("object"!=x(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=x(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==x(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const j=function(n){var r=n.open,o=void 0!==r&&r,i=n.onClose,a=void 0===i?function(){}:i,l=n.title,c=n.children,u=n.showBackdrop,s=void 0===u||u,f=n.showClose,d=void 0===f||f,p=n.actions,m=n.className,y=void 0===m?"":m,b=n.style,g=void 0===b?{}:b,v=n.closeOnBackdropClick,h=void 0!==v&&v,x=n.closeOnEscape,S=void 0!==x&&x,w=n.position,j=void 0===w?"center":w,P=n.size,C=void 0===P?"md":P,E=n.fullScreen,k=void 0!==E&&E;if((0,e.useEffect)((function(){return o&&(document.body.style.overflow="hidden"),function(){return document.body.style.overflow=""}}),[o]),(0,e.useEffect)((function(){if(o&&S){var e=function(e){"Escape"===e.key&&a()};return document.addEventListener("keydown",e),function(){return document.removeEventListener("keydown",e)}}}),[o,S,a]),!o)return null;var T={sm:360,md:600,lg:960};return t().createElement("div",{role:"dialog","aria-modal":"true","aria-labelledby":"modal-title","aria-describedby":"modal-content",className:y,style:{position:"fixed",inset:0,zIndex:1300,backgroundColor:s?"rgba(0, 0, 0, 0.5)":"transparent",display:"flex",justifyContent:"center",alignItems:"center"},onClick:h?a:void 0},t().createElement("div",{style:O(O({display:"flex",flexDirection:"column",position:"fixed",zIndex:1400,backgroundColor:"#fff",borderRadius:k?0:8,padding:0,width:k?"100%":T[C]||T.md,height:k?"100%":"auto",maxHeight:k?"100vh":"90vh",boxShadow:"0 4px 20px rgba(0,0,0,0.2)",overflow:"hidden"},{center:{top:"50%",left:"50%",transform:"translate(-50%, -50%)"},top:{top:"10%",left:"50%",transform:"translateX(-50%)"},bottom:{bottom:"10%",left:"50%",transform:"translateX(-50%)"},left:{top:"50%",left:"10%",transform:"translateY(-50%)"},right:{top:"50%",right:"10%",transform:"translateY(-50%)"}}[j]),g),onClick:function(e){return e.stopPropagation()}},(l||d)&&t().createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"16px 24px",borderBottom:"1px solid #ddd",flexShrink:0}},l?t().createElement("h3",{id:"modal-title",style:{margin:0,fontSize:20}},l):t().createElement("div",null),d&&t().createElement("button",{onClick:a,"aria-label":"Close modal",style:{background:"transparent",border:"none",fontSize:24,cursor:"pointer",lineHeight:1}},"×")),t().createElement("div",{id:"modal-content",style:{flexGrow:1,overflowY:"auto",padding:"16px 24px"}},c),p&&t().createElement("div",{style:{padding:"16px 24px",borderTop:"1px solid #ddd",textAlign:"right",flexShrink:0}},p)))};function P(e){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},P(e)}function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function k(e,t,n){return(t=function(e){var t=function(e){if("object"!=P(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=P(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==P(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var T={position:"fixed",top:0,left:0,width:"100vw",height:"100vh",backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",alignItems:"center",justifyContent:"center",transition:"opacity 0.3s ease"},D={width:"48px",height:"48px",border:"4px solid rgba(255, 255, 255, 0.3)",borderTop:"4px solid white",borderRadius:"50%",animation:"custom-spin 1s linear infinite"};const z=function(e){var n=e.open,r=e.onClick,o=e.zIndex,i=void 0===o?1300:o,a=e.showSpinner,l=void 0!==a&&a,c=e.children,u=e.backgroundColor,s=e.opacity;if(!n)return null;var f=E(E({},T),{},{backgroundColor:null!=u?u:"rgba(0, 0, 0, ".concat(null!=s?s:.5,")"),zIndex:i});return t().createElement(t().Fragment,null,t().createElement("style",null,"\n@keyframes custom-spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n"),t().createElement("div",{style:f,onClick:r},l?t().createElement("div",{style:D}):c))};function W(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return M(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?M(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function M(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}const A=function(n){var r=n.length,o=void 0===r?6:r,i=n.onChange,a=void 0===i?function(){}:i,l=n.width,c=void 0===l?120:l,u=n.height,s=void 0===u?40:u,f=n.background,d=void 0===f?"#eef5f9":f,p=n.fontSize,m=void 0===p?22:p,y=n.error,b=void 0!==y&&y,g=(0,e.useRef)(null),v=W((0,e.useState)(""),2),h=v[0],x=v[1],S=W((0,e.useState)(""),2),O=S[0],w=S[1],j=function(){var e=Array.from({length:o}).map((function(){return"23456789ABCDEFGHJKLMNPQRSTUVWXYZ"[Math.floor(32*Math.random())]})).join("");x(e),w("")};return(0,e.useEffect)((function(){j()}),[]),(0,e.useEffect)((function(){g.current&&h&&function(e,t){var n=e.getContext("2d");n.clearRect(0,0,c,s),n.fillStyle=d,n.fillRect(0,0,c,s);for(var r=0;r<5;r++)n.strokeStyle="rgba(0,0,255,".concat(Math.random(),")"),n.beginPath(),n.moveTo(Math.random()*c,Math.random()*s),n.lineTo(Math.random()*c,Math.random()*s),n.stroke();n.font="bold ".concat(m,"px Arial"),n.textBaseline="middle",n.fillStyle="#111";for(var o=c/(t.length+1),i=0;i<t.length;i++){var a=t[i],l=o*(i+.5),u=s/2,f=.6*(Math.random()-.5);n.save(),n.translate(l,u),n.rotate(f),n.fillText(a,-m/2.5,0),n.restore()}for(var p=0;p<20;p++)n.fillStyle="rgba(0,0,255,0.3)",n.beginPath(),n.arc(Math.random()*c,Math.random()*s,1,0,2*Math.PI),n.fill()}(g.current,h)}),[h]),(0,e.useEffect)((function(){a(O,h)}),[O]),t().createElement("div",null,t().createElement("div",{style:{display:"flex",alignItems:"center",gap:"12px"}},t().createElement("div",{style:{display:"flex",border:"1px solid #ccc",borderRadius:"5px",overflow:"hidden"}},t().createElement("canvas",{ref:g,width:c,height:s}),t().createElement("div",{onClick:j,style:{cursor:"pointer",background:"#fff",display:"flex",alignItems:"center",justifyContent:"center",width:"40px",borderLeft:"1px solid #ccc"},title:"Refresh"},"♻️")),t().createElement("input",{type:"text",placeholder:"Enter CAPTCHA",value:O,onChange:function(e){return w(e.target.value)},style:{padding:"2px 10px",border:"1px solid #888",borderRadius:"6px",minWidth:"140px",height:"36px"}})),b&&t().createElement("div",{style:{color:"red",fontSize:"0.9rem",marginTop:"6px"}},"Enter characters as displayed in image"))};function I(e){return I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},I(e)}var H=["variant","children","color","align","fontWeight","gutterBottom","noWrap","as","style"];function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){L(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function L(e,t,n){return(t=function(e){var t=function(e){if("object"!=I(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=I(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==I(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var N={h1:{tag:"h1",fontSize:"6rem",fontWeight:300,lineHeight:1.167,letterSpacing:"-0.01562em"},h2:{tag:"h2",fontSize:"3.75rem",fontWeight:300,lineHeight:1.2,letterSpacing:"-0.00833em"},h3:{tag:"h3",fontSize:"3rem",fontWeight:400,lineHeight:1.167,letterSpacing:"0em"},h4:{tag:"h4",fontSize:"2.125rem",fontWeight:400,lineHeight:1.235,letterSpacing:"0.00735em"},h5:{tag:"h5",fontSize:"1.5rem",fontWeight:400,lineHeight:1.334,letterSpacing:"0em"},h6:{tag:"h6",fontSize:"1.25rem",fontWeight:500,lineHeight:1.6,letterSpacing:"0.0075em"},subtitle1:{tag:"p",fontSize:"1rem",fontWeight:400,lineHeight:1.75,letterSpacing:"0.00938em"},subtitle2:{tag:"p",fontSize:"0.875rem",fontWeight:500,lineHeight:1.57,letterSpacing:"0.00714em"},body1:{tag:"p",fontSize:"1rem",fontWeight:400,lineHeight:1.5,letterSpacing:"0.00938em"},body2:{tag:"p",fontSize:"0.875rem",fontWeight:400,lineHeight:1.43,letterSpacing:"0.01071em"},caption:{tag:"span",fontSize:"0.75rem",fontWeight:400,lineHeight:1.66,letterSpacing:"0.03333em"},overline:{tag:"span",fontSize:"0.75rem",fontWeight:400,lineHeight:2.66,letterSpacing:"0.08333em",textTransform:"uppercase"}};const U=function(e){var n=e.variant,r=void 0===n?"body1":n,o=e.children,i=e.color,a=void 0===i?"#000":i,l=e.align,c=void 0===l?"left":l,u=e.fontWeight,s=e.gutterBottom,f=void 0!==s&&s,d=e.noWrap,p=void 0!==d&&d,m=e.as,y=e.style,b=void 0===y?{}:y,g=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,H),v=N[r]||{tag:"span",fontSize:"1rem",fontWeight:400,lineHeight:1.5,letterSpacing:"0em"},h=m||v.tag,x=B({margin:0,padding:0,color:a,fontSize:v.fontSize,fontWeight:null!=u?u:v.fontWeight,fontFamily:'"Roboto", "Helvetica", "Arial", sans-serif',lineHeight:v.lineHeight,letterSpacing:v.letterSpacing,textAlign:c,textTransform:v.textTransform||"none",marginBottom:f?"0.35em":"0px",whiteSpace:p?"nowrap":void 0,overflow:p?"hidden":void 0,textOverflow:p?"ellipsis":void 0},b);return t().createElement(h,B({style:x},g),o)};var F=function(e){var n=e.open,r=e.onClose,o=e.children;return n?t().createElement("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0,0,0,0.5)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e3},onClick:r},t().createElement("div",{style:{backgroundColor:"#fff",borderRadius:"8px",maxWidth:"500px",width:"100%",boxShadow:"0 5px 15px rgba(0, 0, 0, 0.3)",overflow:"hidden"},onClick:function(e){return e.stopPropagation()}},o)):null},Y=function(e){var n=e.children;return t().createElement("div",{style:{fontSize:"1.25rem",fontWeight:"600",padding:"16px",borderBottom:"1px solid #ddd"}},n)},_=function(e){var n=e.children;return t().createElement("div",{style:{padding:"16px"}},n)},J=function(e){var n=e.children;return t().createElement("p",{style:{margin:0,color:"#555"}},n)},X=function(e){var n=e.children;return t().createElement("div",{style:{display:"flex",justifyContent:"flex-end",gap:"8px",padding:"8px 16px",borderTop:"1px solid #ddd"}},n)}})(),module.exports=r})();