@instincthub/react-ui 0.1.31 → 0.1.33

package/dist/src/components/forms/FormError.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormError.js","sources":["../../../../src/components/forms/FormError.tsx"],"sourcesContent":["import React, { memo } from \"react\";\n\n/**\n * Props for the FormError component\n */\ninterface FormErrorProps {\n  /** Error messages grouped by field */\n  errors?: Record<string, string[]> | null;\n  /** HTTP status code of the error */\n  status?: number;\n  /** Simple error message string */\n  message?: string;\n}\n\n/**\n * Component that displays form validation errors\n * @component FormError\n * @example\n * ```tsx\n * <FormError errors={errors} status={status} />\n * ```  \n * Props interface for the FormError component\n * @property {Record<string, string[]> | null} errors - Error messages grouped by field\n * @property {number} status - HTTP status code\n */\nconst FormError = ({ errors, status, message }: FormErrorProps) => {\n  // Handle simple message prop\n  if (message) {\n    return renderErrorMessage(message, status);\n  }\n\n  // Handle common HTTP error codes\n  if (status === 500) {\n    return renderErrorMessage(\n      \"The server couldn't process your request.\",\n      status\n    );\n  }\n\n  if (status === 404) {\n    return renderErrorMessage(\"Details not found.\", status);\n  }\n\n  // Handle validation errors from the backend\n  if (errors && Object.keys(errors).length > 0) {\n    return (\n      <div className=\"ihub-form-error err\">\n        <h4>Error {status}: </h4>\n        <div>\n          {Object.entries(errors).map(([field, fieldErrors]) =>\n            fieldErrors?.map((error, index) => (\n              <p key={`${field}-${index}`}>\n                <strong>{field}:</strong> {error}\n              </p>\n            ))\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  return null;\n};\n\n/**\n * Helper function to render a simple error message\n */\nconst renderErrorMessage = (message: string, status?: number) => (\n  <div className=\"ihub-form-error\">\n    <h4>Error {status}: </h4>\n    <div>\n      <p>- {message}</p>\n    </div>\n  </div>\n);\n\n// Memoize the component to prevent unnecessary re-renders\nexport default memo(FormError);\n"],"names":["FormError","_ref","errors","status","message","renderErrorMessage","Object","keys","length","_jsxs","className","children","jsxs","_jsx","jsx","entries","map","_ref2","_ref3","_slicedToArray","field","fieldErrors","error","index","concat","FormError$1","memo"],"mappings":"sLAyBMA,EAAY,SAAHC,GAAmD,IAA7CC,EAAMD,EAANC,OAAQC,EAAMF,EAANE,OAAQC,EAAOH,EAAPG,QAEnC,OAAIA,EACKC,EAAmBD,EAASD,GAItB,MAAXA,EACKE,EACL,4CACAF,GAIW,MAAXA,EACKE,EAAmB,qBAAsBF,GAI9CD,GAAUI,OAAOC,KAAKL,GAAQM,OAAS,EAEvCC,EAAAA,KAAA,MAAA,CAAKC,UAAU,sBAAqBC,SAAA,CAClCF,EAAWG,KAAA,KAAA,CAAAD,SAAA,CAAA,SAAAR,EAAc,QACzBU,EACGC,IAAA,MAAA,CAAAH,SAAAL,OAAOS,QAAQb,GAAQc,IAAI,SAAAC,GAAA,IAAAC,EAAAC,EAAAA,cAAAF,EAAA,GAAEG,EAAKF,EAAA,GAAEG,EAAWH,EAAA,GAAA,OAC9CG,aAAAA,EAAAA,EAAaL,IAAI,SAACM,EAAOC,GAAK,OAC5Bd,EAAAA,KAAA,IAAA,CAAAE,SAAA,CACEF,EAASG,KAAA,SAAA,CAAAD,SAAA,CAAAS,EAAgB,OAAA,IAAEE,IAAK,GAAAE,OADvBJ,OAAKI,OAAID,GAEhB,EACJ,QAOL,IACT,EAKMlB,EAAqB,SAACD,EAAiBD,GAAe,OAC1DM,EAAAA,KAAA,MAAA,CAAKC,UAAU,kBACbC,SAAA,CAAAF,EAAAG,KAAA,KAAA,CAAAD,SAAA,CAAA,SAAWR,EAAM,QACjBU,EAAAC,IAAA,MAAA,CAAAH,SACEF,EAAMG,KAAA,IAAA,CAAAD,SAAA,CAAA,KAAAP,SAEJ,EAIRqB,EAAeC,EAAAA,KAAK1B"}
+{"version":3,"file":"FormError.js","sources":["../../../../src/components/forms/FormError.tsx"],"sourcesContent":["import React, { memo } from \"react\";\n\n/**\n * Props for the FormError component\n */\ninterface FormErrorProps {\n  /** Error messages grouped by field */\n  errors?: Record<string, string[]> | null;\n  /** HTTP status code of the error */\n  status?: number;\n  /** Simple error message string */\n  message?: string;\n}\n\n/**\n * Component that displays form validation errors\n * @component FormError\n * @example\n * ```tsx\n * <FormError errors={errors} status={status} />\n * ```  \n * Props interface for the FormError component\n * @property {Record<string, string[]> | null} errors - Error messages grouped by field\n * @property {number} status - HTTP status code\n */\nconst FormError = ({ errors, status, message }: FormErrorProps) => {\n  // Handle simple message prop\n  if (message) {\n    return renderErrorMessage(message, status);\n  }\n\n  // Handle common HTTP error codes\n  if (status === 500) {\n    return renderErrorMessage(\n      \"The server couldn't process your request.\",\n      status\n    );\n  }\n\n  if (status === 404) {\n    return renderErrorMessage(\"Details not found.\", status);\n  }\n\n  // Handle validation errors from the backend\n  if (errors && Object.keys(errors).length > 0) {\n    return (\n      <div className=\"ihub-form-error err\">\n        <h4>Error {status}: </h4>\n        <div>\n          {Object.entries(errors).map(([field, fieldErrors]) =>\n            fieldErrors?.map((error, index) => (\n              <p key={`${field}-${index}`}>\n                <strong>{field}:</strong> {error}\n              </p>\n            ))\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  return null;\n};\n\n/**\n * Helper function to render a simple error message\n */\nconst renderErrorMessage = (message: string, status?: number) => (\n  <div className=\"ihub-form-error\">\n    <h4>Error {status}: </h4>\n    <div>\n      <p>- {message}</p>\n    </div>\n  </div>\n);\n\n// Memoize the component to prevent unnecessary re-renders\nexport default memo(FormError);\n"],"names":["FormError","_ref","errors","status","message","renderErrorMessage","Object","keys","length","_jsxs","className","children","_jsx","entries","map","_ref2","_ref3","_slicedToArray","field","fieldErrors","error","index","concat","FormError$1","memo"],"mappings":"8JAyBA,IAAMA,EAAY,SAAHC,GAAmD,IAA7CC,EAAMD,EAANC,OAAQC,EAAMF,EAANE,OAAQC,EAAOH,EAAPG,QAEnC,OAAIA,EACKC,EAAmBD,EAASD,GAItB,MAAXA,EACKE,EACL,4CACAF,GAIW,MAAXA,EACKE,EAAmB,qBAAsBF,GAI9CD,GAAUI,OAAOC,KAAKL,GAAQM,OAAS,EAEvCC,EAAA,MAAA,CAAKC,UAAU,sBAAqBC,SAAA,CAClCF,EAAW,KAAA,CAAAE,SAAA,CAAA,SAAAR,EAAc,QACzBS,EACG,MAAA,CAAAD,SAAAL,OAAOO,QAAQX,GAAQY,IAAI,SAAAC,GAAA,IAAAC,EAAAC,EAAAF,EAAA,GAAEG,EAAKF,EAAA,GAAEG,EAAWH,EAAA,GAAA,OAC9CG,aAAAA,EAAAA,EAAaL,IAAI,SAACM,EAAOC,GAAK,OAC5BZ,EAAA,IAAA,CAAAE,SAAA,CACEF,EAAS,SAAA,CAAAE,SAAA,CAAAO,EAAgB,OAAA,IAAEE,IAAK,GAAAE,OADvBJ,OAAKI,OAAID,GAEhB,EACJ,QAOL,IACT,EAKMhB,EAAqB,SAACD,EAAiBD,GAAe,OAC1DM,EAAA,MAAA,CAAKC,UAAU,kBACbC,SAAA,CAAAF,EAAA,KAAA,CAAAE,SAAA,CAAA,SAAWR,EAAM,QACjBS,EAAA,MAAA,CAAAD,SACEF,EAAM,IAAA,CAAAE,SAAA,CAAA,KAAAP,SAEJ,EAIRmB,EAAeC,EAAKxB"}

package/dist/src/components/forms/HandleError.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("next/navigation");exports.default=function(t){var s=t.status,a=t.items;t.registerForm;var i=t.r_path,u=r.useRouter();if("undefined"!=typeof document){var o=document.querySelector(".server_err");if(a)if(400===s)if(a&&(a.user||a.username)){if(a.user&&"This field must be unique."===a.user[0]){if(o){o.setAttribute("style","display: block"),o.setAttribute("style","background-color: var(--DarkCyan)");var l=document.location.pathname;if("/register/details"===l||"/register/details/"===l){var n=o.querySelector("a button span");n&&(n.innerHTML="Take Assessment");var c=o.querySelector("a");c&&c.setAttribute("href","/quiz/")}var d=o.querySelector("h3");d&&(d.textContent="We already have your details!")}u.push("#Socials")}}else{Object.entries(a).forEach(function(r,t){var s=e.slicedToArray(r,2);!function(e,r,t){console.log("Error for ".concat(e,": ").concat(r," (index: ").concat(t,")"))}(s[0],s[1],t)});var f=document.querySelector(".server_err");f&&f.setAttribute("style","display: none")}else if(200===s||201===s||202===s)null!==i&&u.push(i);else if(401===s){if(o){o.setAttribute("style","display: block");var y=o.querySelector("a");y&&(y.innerHTML="");var v=o.querySelector("h3");v&&a.detail&&(v.textContent=a.detail)}u.push("#Socials")}}return null};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useRouter as r}from"next/navigation";var t=function(t){var a=t.status,i=t.items;t.registerForm;var s=t.r_path,o=r();if("undefined"!=typeof document){var l=document.querySelector(".server_err");if(i)if(400===a)if(i&&(i.user||i.username)){if(i.user&&"This field must be unique."===i.user[0]){if(l){l.setAttribute("style","display: block"),l.setAttribute("style","background-color: var(--DarkCyan)");var n=document.location.pathname;if("/register/details"===n||"/register/details/"===n){var u=l.querySelector("a button span");u&&(u.innerHTML="Take Assessment");var c=l.querySelector("a");c&&c.setAttribute("href","/quiz/")}var f=l.querySelector("h3");f&&(f.textContent="We already have your details!")}o.push("#Socials")}}else{Object.entries(i).forEach(function(r,t){var a=e(r,2);!function(e,r,t){console.log("Error for ".concat(e,": ").concat(r," (index: ").concat(t,")"))}(a[0],a[1],t)});var d=document.querySelector(".server_err");d&&d.setAttribute("style","display: none")}else if(200===a||201===a||202===a)null!==s&&o.push(s);else if(401===a){if(l){l.setAttribute("style","display: block");var y=l.querySelector("a");y&&(y.innerHTML="");var v=l.querySelector("h3");v&&i.detail&&(v.textContent=i.detail)}o.push("#Socials")}}return null};export{t as default};
 //# sourceMappingURL=HandleError.js.map

package/dist/src/components/forms/InputAmount.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react/jsx-runtime"),a=require("react");exports.default=function(i){var t=i.id,n=i.name,l=i.label,s=i.value,u=i.onChange,c=i.disabled,o=void 0!==c&&c,d=i.readOnly,p=void 0!==d&&d,v=i.placeholder,h=void 0===v?"0.00":v,m=i.min,b=i.max,f=i.required,x=void 0!==f&&f,g=i.currencySymbol,y=void 0===g?"₦":g,j=i.error,N=i.className,S=void 0===N?"":N,q=i.plainDisplay,F=void 0!==q&&q,_=a.useState(!1),O=e.slicedToArray(_,2),A=O[0],B=O[1],T=a.useState(""),$=e.slicedToArray(T,2),C=$[0],M=$[1],P=a.useState(0),w=e.slicedToArray(P,2),D=w[0],E=w[1],H=function(e){if(""===e||null==e)return"";var r,a="";if("string"==typeof e){var i=e.split(".");i.length>1&&(a="."+i[1]),r=parseFloat(e.replace(/,/g,""))}else r=e;if(isNaN(r))return"";var t=r.toString().split(".")[0].replace(/\B(?=(\d{3})+(?!\d))/g,",");return"string"==typeof e&&a?t+a:"number"==typeof e?t+r.toString().substring(r.toString().indexOf(".")):t};a.useEffect(function(){if(null!=s&&""!==s){E(Number(s));var e=H(s);M(e)}else M("")},[s]);if(F){var W=H(s||0);return r.jsxs("p",{className:"ihub-amount-plain ".concat(S||""),children:[y,W||"0.00"]})}var k=""!==C,z="ihub-wrapper".concat(k||A?" ihub-value":"").concat(j?" ihub-is_invalid":"").concat(S?" ".concat(S):"");return r.jsxs("div",{className:z,children:[r.jsx("input",{type:"hidden",name:n,value:D}),r.jsxs("div",{className:"ihub-amount-input-container",children:[r.jsx("span",{className:"ihub-currency-symbol ".concat(k||A?"":"ihub-ghost"),children:y}),r.jsx("input",{id:t||n,type:"text",value:C,onChange:function(e){var r=e.target.value;if(/^[\d,.]*$/.test(r)){var a=r.replace(/,/g,"");if(/^[0-9]*\.?[0-9]*$/.test(a)){var i=""===a?0:parseFloat(a);if(i!==D){var t=r;r.endsWith(".")||r.match(/\.\d*$/)||(t=H(a)),M(t),E(i),u&&u(i,n)}}}},onFocus:function(){B(!0)},onBlur:function(){if(B(!1),C){var e=function(e){return e?parseFloat(e.replace(/,/g,"")):0}(C),r=H(e.toFixed(2));M(r),u&&u(e,n)}},disabled:o,readOnly:p,placeholder:k||A?h:"",className:"ihub-input ihub-amount-input",required:x,min:m,max:b,inputMode:"decimal"}),r.jsxs("label",{htmlFor:t||n,className:"ihub-text-label",children:[l,x&&r.jsx("span",{className:"ihub-required",children:"*"})]})]}),j&&r.jsx("p",{className:"ihub-error-message",children:j})]})};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,jsx as r}from"react/jsx-runtime";import{useState as i,useEffect as n}from"react";var t=function(t){var l=t.id,o=t.name,u=t.label,c=t.value,s=t.onChange,d=t.disabled,p=void 0!==d&&d,m=t.readOnly,h=void 0!==m&&m,v=t.placeholder,f=void 0===v?"0.00":v,b=t.min,g=t.max,y=t.required,N=void 0!==y&&y,x=t.currencySymbol,F=void 0===x?"₦":x,S=t.error,q=t.className,B=void 0===q?"":q,O=t.plainDisplay,$=void 0!==O&&O,_=i(!1),j=e(_,2),C=j[0],w=j[1],A=i(""),D=e(A,2),H=D[0],M=D[1],P=i(0),T=e(P,2),W=T[0],k=T[1],z=function(e){if(""===e||null==e)return"";var a,r="";if("string"==typeof e){var i=e.split(".");i.length>1&&(r="."+i[1]),a=parseFloat(e.replace(/,/g,""))}else a=e;if(isNaN(a))return"";var n=a.toString().split(".")[0].replace(/\B(?=(\d{3})+(?!\d))/g,",");return"string"==typeof e&&r?n+r:"number"==typeof e?n+a.toString().substring(a.toString().indexOf(".")):n};n(function(){if(null!=c&&""!==c){k(Number(c));var e=z(c);M(e)}else M("")},[c]);if($){var E=z(c||0);return a("p",{className:"ihub-amount-plain ".concat(B||""),children:[F,E||"0.00"]})}var G=""!==H,I="ihub-wrapper".concat(G||C?" ihub-value":"").concat(S?" ihub-is_invalid":"").concat(B?" ".concat(B):"");return a("div",{className:I,children:[r("input",{type:"hidden",name:o,value:W}),a("div",{className:"ihub-amount-input-container",children:[r("span",{className:"ihub-currency-symbol ".concat(G||C?"":"ihub-ghost"),children:F}),r("input",{id:l||o,type:"text",value:H,onChange:function(e){var a=e.target.value;if(/^[\d,.]*$/.test(a)){var r=a.replace(/,/g,"");if(/^[0-9]*\.?[0-9]*$/.test(r)){var i=""===r?0:parseFloat(r);if(i!==W){var n=a;a.endsWith(".")||a.match(/\.\d*$/)||(n=z(r)),M(n),k(i),s&&s(i,o)}}}},onFocus:function(){w(!0)},onBlur:function(){if(w(!1),H){var e=function(e){return e?parseFloat(e.replace(/,/g,"")):0}(H),a=z(e.toFixed(2));M(a),s&&s(e,o)}},disabled:p,readOnly:h,placeholder:G||C?f:"",className:"ihub-input ihub-amount-input",required:N,min:b,max:g,inputMode:"decimal"}),a("label",{htmlFor:l||o,className:"ihub-text-label",children:[u,N&&r("span",{className:"ihub-required",children:"*"})]})]}),S&&r("p",{className:"ihub-error-message",children:S})]})};export{t as default};
 //# sourceMappingURL=InputAmount.js.map

package/dist/src/components/forms/InputNumber.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react/jsx-runtime"),a=require("react");exports.default=function(i){var n=i.id,t=i.name,l=i.label,o=i.placeholder,s=i.min,c=i.max,u=i.step,d=void 0===u?1:u,b=i.defaultValue,v=i.value,h=i.required,m=void 0!==h&&h,p=i.disabled,x=void 0!==p&&p,f=i.readOnly,j=void 0!==f&&f,N=i.onChange,g=i.onBlur,y=i.className,S=void 0===y?"":y,F=i.error,q=i.note,C=a.useState(""),_=e.slicedToArray(C,2),A=_[0],B=_[1],O=a.useState(!1),T=e.slicedToArray(O,2),k=T[0],P=T[1],w=a.useState(!1),D=e.slicedToArray(w,2),E=D[0],H=D[1];a.useEffect(function(){void 0!==v?(B(v.toString()),H(!0)):void 0!==b&&(B(b.toString()),H(!0))},[v,b]);var I="ihub-wrapper ".concat(E||k?"ihub-value":""," ").concat(F?"ihub-error":""," ").concat(S);return r.jsxs("div",{className:"ihub-mb-2 "+I,children:[r.jsxs("div",{className:"ihub-number-input-container",children:[r.jsx("input",{id:n||t,name:t,type:"text",className:"ihub-input ihub-number-input",value:A,onChange:function(e){var r=e.target.value;if((""===r||/^-?\d*\.?\d*$/.test(r))&&(B(r),H(""!==r),N)){var a=""===r?null:parseFloat(r);N(a)}},onFocus:function(){P(!0)},onBlur:function(e){if(P(!1),""!==A){var r=parseFloat(A);void 0!==s&&r<s?(r=s,B(s.toString())):void 0!==c&&r>c&&(r=c,B(c.toString())),N&&N(r)}g&&g(e)},placeholder:o,disabled:x,readOnly:j,required:m,"aria-invalid":!!F,"aria-describedby":F?"".concat(t,"-error"):void 0}),r.jsxs("label",{htmlFor:n||t,className:"ihub-text-label",children:[l,m&&r.jsx("span",{className:"ihub-required",children:"*"})]}),r.jsxs("div",{className:"ihub-number-controls",children:[r.jsx("button",{type:"button",className:"ihub-number-increment",onClick:function(){if(!x&&!j){var e=(""===A?0:parseFloat(A))+d;void 0!==c&&e>c&&(e=c),B(e.toString()),H(!0),N&&N(e)}},disabled:x||j||void 0!==c&&""!==A&&parseFloat(A)>=c,"aria-label":"Increment",children:r.jsx("span",{className:"ihub-control-icon",children:"+"})}),r.jsx("button",{type:"button",className:"ihub-number-decrement",onClick:function(){if(!x&&!j){var e=(""===A?0:parseFloat(A))-d;void 0!==s&&e<s&&(e=s),B(e.toString()),H(!0),N&&N(e)}},disabled:x||j||void 0!==s&&""!==A&&parseFloat(A)<=s,"aria-label":"Decrement",children:r.jsx("span",{className:"ihub-control-icon",children:"-"})})]})]}),F&&r.jsx("div",{className:"ihub-error-message",id:"".concat(t,"-error"),children:F}),q&&r.jsx("p",{className:"ihub-input-notes",id:"".concat(t,"-note"),children:q})]})};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,jsx as i}from"react/jsx-runtime";import{useState as r,useEffect as n}from"react";var o=function(o){var t=o.id,l=o.name,c=o.label,d=o.placeholder,u=o.min,s=o.max,b=o.step,m=void 0===b?1:b,h=o.defaultValue,v=o.value,p=o.required,f=void 0!==p&&p,N=o.disabled,g=void 0!==N&&N,F=o.readOnly,y=void 0!==F&&F,S=o.onChange,x=o.onBlur,C=o.className,q=void 0===C?"":C,B=o.error,j=o.note,k=r(""),O=e(k,2),_=O[0],w=O[1],A=r(!1),D=e(A,2),H=D[0],I=D[1],P=r(!1),T=e(P,2),V=T[0],$=T[1];n(function(){void 0!==v?(w(v.toString()),$(!0)):void 0!==h&&(w(h.toString()),$(!0))},[v,h]);var z="ihub-wrapper ".concat(V||H?"ihub-value":""," ").concat(B?"ihub-error":""," ").concat(q);return a("div",{className:"ihub-mb-2 "+z,children:[a("div",{className:"ihub-number-input-container",children:[i("input",{id:t||l,name:l,type:"text",className:"ihub-input ihub-number-input",value:_,onChange:function(e){var a=e.target.value;if((""===a||/^-?\d*\.?\d*$/.test(a))&&(w(a),$(""!==a),S)){var i=""===a?null:parseFloat(a);S(i)}},onFocus:function(){I(!0)},onBlur:function(e){if(I(!1),""!==_){var a=parseFloat(_);void 0!==u&&a<u?(a=u,w(u.toString())):void 0!==s&&a>s&&(a=s,w(s.toString())),S&&S(a)}x&&x(e)},placeholder:d,disabled:g,readOnly:y,required:f,"aria-invalid":!!B,"aria-describedby":B?"".concat(l,"-error"):void 0}),a("label",{htmlFor:t||l,className:"ihub-text-label",children:[c,f&&i("span",{className:"ihub-required",children:"*"})]}),a("div",{className:"ihub-number-controls",children:[i("button",{type:"button",className:"ihub-number-increment",onClick:function(){if(!g&&!y){var e=(""===_?0:parseFloat(_))+m;void 0!==s&&e>s&&(e=s),w(e.toString()),$(!0),S&&S(e)}},disabled:g||y||void 0!==s&&""!==_&&parseFloat(_)>=s,"aria-label":"Increment",children:i("span",{className:"ihub-control-icon",children:"+"})}),i("button",{type:"button",className:"ihub-number-decrement",onClick:function(){if(!g&&!y){var e=(""===_?0:parseFloat(_))-m;void 0!==u&&e<u&&(e=u),w(e.toString()),$(!0),S&&S(e)}},disabled:g||y||void 0!==u&&""!==_&&parseFloat(_)<=u,"aria-label":"Decrement",children:i("span",{className:"ihub-control-icon",children:"-"})})]})]}),B&&i("div",{className:"ihub-error-message",id:"".concat(l,"-error"),children:B}),j&&i("p",{className:"ihub-input-notes",id:"".concat(l,"-note"),children:j})]})};export{o as default};
 //# sourceMappingURL=InputNumber.js.map

package/dist/src/components/forms/InputSearchDropdown.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("react/jsx-runtime"),r=require("react");exports.default=function(t){var a=t.options,i=t.onOptionSelected,s=t.defaultValues,u=void 0===s?"":s,o=t.names,l=t.disableds,c=void 0!==l&&l,d=r.useState(u),h=e.slicedToArray(d,2),f=h[0],m=h[1],p=r.useState([]),v=e.slicedToArray(p,2),x=v[0],g=v[1],j=r.useState(!1),b=e.slicedToArray(j,2),w=b[0],y=b[1];r.useEffect(function(){f&&g(a.filter(function(e){return e.name.toLowerCase()===f.toLowerCase()&&e.name.length===f.length}))},[f,a]);return n.jsxs("div",{className:"ihub-react-search-dropdown",children:[n.jsx("h3",{className:"ihub-react-search-dropdown-title",children:"Search Organisation:"}),n.jsxs("div",{className:"ihub-field",children:[n.jsx("input",{type:"text",value:f,name:o,onChange:function(e){var n=e.target.value;m(n),g(a.filter(function(e){return e.name.toLowerCase()===n.toLowerCase()&&e.name.length===n.length}))},onFocus:function(){return x.length>0&&y(!0)},onBlur:function(){return y(!1)},readOnly:c,className:"ihub-input"}),w&&n.jsx("ul",{className:"ihub-drop-down-list",children:x.map(function(e,r){return n.jsx("li",{onClick:function(){return function(e){m(e.name),g(a),y(!1),i(e)}(e)},children:e.name},r)})})]})]})};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as r}from"react/jsx-runtime";import{useState as t,useEffect as a}from"react";var i=function(i){var o=i.options,l=i.onOptionSelected,u=i.defaultValues,c=void 0===u?"":u,s=i.names,d=i.disableds,m=void 0!==d&&d,h=t(c),f=e(h,2),p=f[0],v=f[1],g=t([]),b=e(g,2),w=b[0],C=b[1],N=t(!1),L=e(N,2),x=L[0],y=L[1];a(function(){p&&C(o.filter(function(e){return e.name.toLowerCase()===p.toLowerCase()&&e.name.length===p.length}))},[p,o]);return n("div",{className:"ihub-react-search-dropdown",children:[r("h3",{className:"ihub-react-search-dropdown-title",children:"Search Organisation:"}),n("div",{className:"ihub-field",children:[r("input",{type:"text",value:p,name:s,onChange:function(e){var n=e.target.value;v(n),C(o.filter(function(e){return e.name.toLowerCase()===n.toLowerCase()&&e.name.length===n.length}))},onFocus:function(){return w.length>0&&y(!0)},onBlur:function(){return y(!1)},readOnly:m,className:"ihub-input"}),x&&r("ul",{className:"ihub-drop-down-list",children:w.map(function(e,n){return r("li",{onClick:function(){return function(e){v(e.name),C(o),y(!1),l(e)}(e)},children:e.name},n)})})]})]})};export{i as default};
 //# sourceMappingURL=InputSearchDropdown.js.map

package/dist/src/components/forms/InputText.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),a=require("react/jsx-runtime"),r=require("react");exports.default=function(i){var t=i.label,l=i.name,s=i.value,n=void 0===s?"":s,u=i.placeholder,o=void 0===u?"":u,c=i.required,d=void 0!==c&&c,h=i.type,p=void 0===h?"text":h,v=i.maxLength,b=i.disabled,x=void 0!==b&&b,m=i.readOnly,j=void 0!==m&&m,f=i.className,N=void 0===f?"":f,g=i.textTransform,y=i.error,q=i.onChange,_=i.onBlur,S=i.helperText,T=i.note,B=i.id,L=i.activeLabel,O=void 0!==L&&L,A=r.useState(),C=e.slicedToArray(A,2),P=C[0],w=C[1],E=r.useState(O),F=e.slicedToArray(E,2),H=F[0],M=F[1];r.useEffect(function(){M(!!O||!!n),n!==P&&w(n)},[n]);var k={};return g&&(k["data-text-transform"]=g),a.jsxs("div",e.objectSpread2(e.objectSpread2({className:"ihub-wrapper ".concat(H?"ihub-value":""," ").concat(y?"ihub-is_invalid":""," ").concat(o?"ihub-has-placeholder":""," ").concat(N)},k),{},{children:[a.jsx("input",{type:p,id:B,name:l,value:P,className:"ihub-input",placeholder:o,required:d,maxLength:v,disabled:x,readOnly:j,onChange:function(e){M(!!e.target.value),w(e.target.value),q&&q(e)},onBlur:_}),a.jsxs("label",{htmlFor:l,className:"ihub-text-label",children:[t,d&&a.jsx("span",{className:"ihub-required",children:"*"})]}),S&&!y&&a.jsx("p",{className:"ihub-notes",children:S}),y&&a.jsx("p",{className:"ihub-notes ihub-is_invalid",children:y}),T&&a.jsx("p",{className:"ihub-input-notes",id:"".concat(B,"-note"),children:T})]}))};
+import{slicedToArray as e,objectSpread2 as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as i,jsx as r}from"react/jsx-runtime";import{useState as l,useEffect as t}from"react";var n=function(n){var o=n.label,d=n.name,c=n.value,s=void 0===c?"":c,u=n.placeholder,h=void 0===u?"":u,m=n.required,p=void 0!==m&&m,v=n.type,b=void 0===v?"text":v,f=n.maxLength,x=n.disabled,N=void 0!==x&&x,g=n.readOnly,y=void 0!==g&&g,_=n.className,j=void 0===_?"":_,q=n.textTransform,B=n.error,L=n.onChange,T=n.onBlur,C=n.helperText,O=n.note,w=n.id,A=n.activeLabel,F=void 0!==A&&A,H=l(),P=e(H,2),S=P[0],k=P[1],z=l(F),D=e(z,2),E=D[0],G=D[1];t(function(){G(!!F||!!s),s!==S&&k(s)},[s]);var I={};return q&&(I["data-text-transform"]=q),i("div",a(a({className:"ihub-wrapper ".concat(E?"ihub-value":""," ").concat(B?"ihub-is_invalid":""," ").concat(h?"ihub-has-placeholder":""," ").concat(j)},I),{},{children:[r("input",{type:b,id:w,name:d,value:S,className:"ihub-input",placeholder:h,required:p,maxLength:f,disabled:N,readOnly:y,onChange:function(e){G(!!e.target.value),k(e.target.value),L&&L(e)},onBlur:T}),i("label",{htmlFor:d,className:"ihub-text-label",children:[o,p&&r("span",{className:"ihub-required",children:"*"})]}),C&&!B&&r("p",{className:"ihub-notes",children:C}),B&&r("p",{className:"ihub-notes ihub-is_invalid",children:B}),O&&r("p",{className:"ihub-input-notes",id:"".concat(w,"-note"),children:O})]}))};export{n as default};
 //# sourceMappingURL=InputText.js.map

package/dist/src/components/forms/InputTextarea.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),a=require("react/jsx-runtime"),t=require("react"),r=["label","error","helperText","minRows","maxRows","autoResize","textTransform","className","value","onChange","onBlur","onFocus","note"];exports.default=function(o){var s=o.label,n=o.error,i=o.helperText,l=o.minRows,c=void 0===l?3:l,u=o.maxRows,h=o.autoResize,d=void 0===h||h,p=o.textTransform,x=void 0===p?"none":p,b=o.className,m=o.value,v=o.onChange,f=o.onBlur,j=o.onFocus,g=o.note,N=e.objectWithoutProperties(o,r),w=t.useState(!1),y=e.slicedToArray(w,2),T=y[0],R=y[1],S=t.useState(m||""),_=e.slicedToArray(S,2),B=_[0],q=_[1],A=t.useState(void 0),C=e.slicedToArray(A,2),F=C[0],M=C[1];t.useEffect(function(){void 0!==m&&q(m)},[m]);var P=T||String(B).length>0,z="ihub-wrapper ihub-textarea-wrapper ".concat(n?"ihub-error":""," ").concat(P?"ihub-value":""," ").concat(N.placeholder?"ihub-has-placeholder":""," ").concat(b||""),H="ihub-input ihub-textarea ".concat(n?"ihub-input-error":"");return a.jsxs("div",{className:z,"data-text-transform":"none"!==x?x:void 0,children:[a.jsx("textarea",e.objectSpread2(e.objectSpread2({},N),{},{className:H,value:B,onChange:function(e){var a=e.target.value;q(a),function(e){if(d){e.style.height="auto";var a=Math.max(e.scrollHeight,c?24*c:72),t=u?Math.min(a,24*u):a;e.style.height="".concat(t,"px"),M(t)}}(e.target),v&&v(e)},onFocus:function(e){R(!0),j&&j(e)},onBlur:function(e){R(!1),f&&f(e)},rows:c,style:F?{height:"".concat(F,"px")}:void 0,placeholder:P?N.placeholder:""})),a.jsx("label",{className:"ihub-text-label",children:s}),(n||i)&&a.jsx("div",{className:"ihub-notes",children:n?a.jsx("span",{className:"ihub-is_invalid ihub-fs-sm",children:n}):i?a.jsx("span",{className:"ihub-fs-sm",children:i}):null}),g&&a.jsx("p",{className:"ihub-input-notes",id:"".concat(name,"-note"),children:g})]})};
+import{objectWithoutProperties as e,slicedToArray as a,objectSpread2 as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useState as n,useEffect as i}from"react";var l=["label","error","helperText","minRows","maxRows","autoResize","textTransform","className","value","onChange","onBlur","onFocus","note"],s=function(s){var c=s.label,u=s.error,h=s.helperText,m=s.minRows,p=void 0===m?3:m,d=s.maxRows,b=s.autoResize,v=void 0===b||b,f=s.textTransform,x=void 0===f?"none":f,g=s.className,N=s.value,w=s.onChange,R=s.onBlur,T=s.onFocus,j=s.note,y=e(s,l),B=n(!1),C=a(B,2),F=C[0],_=C[1],z=n(N||""),H=a(z,2),M=H[0],P=H[1],S=n(void 0),A=a(S,2),W=A[0],k=A[1];i(function(){void 0!==N&&P(N)},[N]);var q=F||String(M).length>0,D="ihub-wrapper ihub-textarea-wrapper ".concat(u?"ihub-error":""," ").concat(q?"ihub-value":""," ").concat(y.placeholder?"ihub-has-placeholder":""," ").concat(g||""),E="ihub-input ihub-textarea ".concat(u?"ihub-input-error":"");return t("div",{className:D,"data-text-transform":"none"!==x?x:void 0,children:[r("textarea",o(o({},y),{},{className:E,value:M,onChange:function(e){var a=e.target.value;P(a),function(e){if(v){e.style.height="auto";var a=Math.max(e.scrollHeight,p?24*p:72),o=d?Math.min(a,24*d):a;e.style.height="".concat(o,"px"),k(o)}}(e.target),w&&w(e)},onFocus:function(e){_(!0),T&&T(e)},onBlur:function(e){_(!1),R&&R(e)},rows:p,style:W?{height:"".concat(W,"px")}:void 0,placeholder:q?y.placeholder:""})),r("label",{className:"ihub-text-label",children:c}),(u||h)&&r("div",{className:"ihub-notes",children:u?r("span",{className:"ihub-is_invalid ihub-fs-sm",children:u}):h?r("span",{className:"ihub-fs-sm",children:h}):null}),j&&r("p",{className:"ihub-input-notes",id:"".concat(name,"-note"),children:j})]})};export{s as default};
 //# sourceMappingURL=InputTextarea.js.map

package/dist/src/components/forms/Logout.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react/jsx-runtime"),t=require("next/navigation");exports.default=function(){var n=t.useRouter(),o=function(){for(var e=document.cookie.split(";"),r=0;r<e.length;r++){var t=e[r],n=t.indexOf("="),o=n>-1?t.substr(0,n).trim():t.trim();document.cookie="".concat(o,"=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/;")}},u=function(){var r=e.asyncToGenerator(e.regenerator().m(function r(){return e.regenerator().w(function(e){for(;;)switch(e.n){case 0:try{o(),n.push("/accounts/login")}catch(e){console.error("An error occurred while logging out:",e)}case 1:return e.a(2)}},r)}));return function(){return r.apply(this,arguments)}}();return r.jsx("button",{onClick:u,className:"outline-btn",type:"button",children:"Logout"})};
+import{asyncToGenerator as r,regenerator as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n}from"react/jsx-runtime";import{useRouter as o}from"next/navigation";var e=function(){var e=o(),i=function(){for(var r=document.cookie.split(";"),t=0;t<r.length;t++){var n=r[t],o=n.indexOf("="),e=o>-1?n.substr(0,o).trim():n.trim();document.cookie="".concat(e,"=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/;")}},a=function(){var n=r(t().m(function r(){return t().w(function(r){for(;;)switch(r.n){case 0:try{i(),e.push("/accounts/login")}catch(r){console.error("An error occurred while logging out:",r)}case 1:return r.a(2)}},r)}));return function(){return n.apply(this,arguments)}}();return n("button",{onClick:a,className:"outline-btn",type:"button",children:"Logout"})};export{e as default};
 //# sourceMappingURL=Logout.js.map

package/dist/src/components/forms/MessageDisplay.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(r){var s=r.messages,t=r.flag;return s?e.jsx("div",{className:"ihub-react-message ".concat(t?"ihub-".concat(t):""),children:e.jsx("p",{children:s})}):null};
+import{jsx as a}from"react/jsx-runtime";var e=function(e){var r=e.messages,c=e.flag;return r?a("div",{className:"ihub-react-message ".concat(c?"ihub-".concat(c):""),children:a("p",{children:r})}):null};export{e as default};
 //# sourceMappingURL=MessageDisplay.js.map

package/dist/src/components/forms/MessageDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageDisplay.js","sources":["../../../../src/components/forms/MessageDisplay.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface MessageDisplayProps {\n  messages?: string;\n  flag?: \"success\" | \"failed\" | \"note\";\n}\n\n/**\n * Component to display various types of messages with different styling\n */\nconst MessageDisplay: React.FC<MessageDisplayProps> = ({ messages, flag }) => {\n  if (!messages) {\n    return null;\n  }\n\n  return (\n    <div className={`ihub-react-message ${flag ? `ihub-${flag}` : \"\"}`}>\n      <p>{messages}</p>\n    </div>\n  );\n};\n\nexport default MessageDisplay;"],"names":["_ref","messages","flag","_jsx","className","concat","children"],"mappings":"uHAUsD,SAAlCA,GAAyD,IAApBC,EAAQD,EAARC,SAAUC,EAAIF,EAAJE,KACjE,OAAKD,EAKHE,EAAAA,WAAKC,UAAS,sBAAAC,OAAwBH,EAAI,QAAAG,OAAWH,GAAS,IAAII,SAChEH,oBAAIF,MALC,IAQX"}
+{"version":3,"file":"MessageDisplay.js","sources":["../../../../src/components/forms/MessageDisplay.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface MessageDisplayProps {\n  messages?: string;\n  flag?: \"success\" | \"failed\" | \"note\";\n}\n\n/**\n * Component to display various types of messages with different styling\n */\nconst MessageDisplay: React.FC<MessageDisplayProps> = ({ messages, flag }) => {\n  if (!messages) {\n    return null;\n  }\n\n  return (\n    <div className={`ihub-react-message ${flag ? `ihub-${flag}` : \"\"}`}>\n      <p>{messages}</p>\n    </div>\n  );\n};\n\nexport default MessageDisplay;"],"names":["MessageDisplay","_ref","messages","flag","_jsx","className","concat","children"],"mappings":"wCAUA,IAAMA,EAAgD,SAAlCC,GAAyD,IAApBC,EAAQD,EAARC,SAAUC,EAAIF,EAAJE,KACjE,OAAKD,EAKHE,SAAKC,UAAS,sBAAAC,OAAwBH,EAAI,QAAAG,OAAWH,GAAS,IAAII,SAChEH,gBAAIF,MALC,IAQX"}

package/dist/src/components/forms/MultipleEmail.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react/jsx-runtime"),r=require("react");exports.default=function(n){var a=n.onEmailsChange,u=r.useState([]),i=e.slicedToArray(u,2),l=i[0],o=i[1],c=r.useState(""),s=e.slicedToArray(c,2),d=s[0],f=s[1],m=r.useState(null),h=e.slicedToArray(m,2),v=h[0],b=h[1],p=function(e){var t=null;return y(e)&&(t="".concat(e," has already been added.")),x(e)||(t="".concat(e," is not a valid email address.")),!t||(b(t),!1)},y=function(e){return l.includes(e)},x=function(e){return/[\w\d\.-]+@[\w\d\.-]+\.[\w\d\.-]+/.test(e)};return t.jsxs("div",{className:"ihub-multiple-email",onSubmit:function(e){e.preventDefault(),console.log("".concat(l))},children:[l.map(function(e){return t.jsxs("div",{className:"ihub-tag-item",children:[t.jsx("p",{children:e}),t.jsx("button",{type:"button",className:"ihub-button",onClick:function(){return function(e){var t=l.filter(function(t){return t!==e});o(t),a&&a(t)}(e)},children:"×"})]},e)}),t.jsx("input",{className:"ihub-input ".concat(v?"ihub-has-error":""),value:d,placeholder:"Separate emails with commas or 'Enter'",onKeyDown:function(t){if(["Enter","Tab",","].includes(t.key)){t.preventDefault();var r=d.trim();if(r&&p(r)){var n=[].concat(e.toConsumableArray(l),[r]);o(n),f(""),a&&a(n)}}},onChange:function(e){f(e.target.value),b(null)},onPaste:function(t){t.preventDefault();var r=t.clipboardData.getData("text").match(/[\w\d\.-]+@[\w\d\.-]+\.[\w\d\.-]+/g);if(r){var n=r.filter(function(e){return!y(e)});if(n.length){var u=[].concat(e.toConsumableArray(l),e.toConsumableArray(n));o(u),a&&a(u)}}}}),v&&t.jsx("p",{className:"ihub-error",children:v})]})};
+import{slicedToArray as n,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as e,jsx as a}from"react/jsx-runtime";import{useState as r}from"react";var i=function(i){var o=i.onEmailsChange,u=r([]),l=n(u,2),c=l[0],s=l[1],d=r(""),f=n(d,2),m=f[0],h=f[1],p=r(null),v=n(p,2),b=v[0],g=v[1],w=function(n){var t=null;return y(n)&&(t="".concat(n," has already been added.")),D(n)||(t="".concat(n," is not a valid email address.")),!t||(g(t),!1)},y=function(n){return c.includes(n)},D=function(n){return/[\w\d\.-]+@[\w\d\.-]+\.[\w\d\.-]+/.test(n)};return e("div",{className:"ihub-multiple-email",onSubmit:function(n){n.preventDefault(),console.log("".concat(c))},children:[c.map(function(n){return e("div",{className:"ihub-tag-item",children:[a("p",{children:n}),a("button",{type:"button",className:"ihub-button",onClick:function(){return function(n){var t=c.filter(function(t){return t!==n});s(t),o&&o(t)}(n)},children:"×"})]},n)}),a("input",{className:"ihub-input ".concat(b?"ihub-has-error":""),value:m,placeholder:"Separate emails with commas or 'Enter'",onKeyDown:function(n){if(["Enter","Tab",","].includes(n.key)){n.preventDefault();var e=m.trim();if(e&&w(e)){var a=[].concat(t(c),[e]);s(a),h(""),o&&o(a)}}},onChange:function(n){h(n.target.value),g(null)},onPaste:function(n){n.preventDefault();var e=n.clipboardData.getData("text").match(/[\w\d\.-]+@[\w\d\.-]+\.[\w\d\.-]+/g);if(e){var a=e.filter(function(n){return!y(n)});if(a.length){var r=[].concat(t(c),t(a));s(r),o&&o(r)}}}}),b&&a("p",{className:"ihub-error",children:b})]})};export{i as default};
 //# sourceMappingURL=MultipleEmail.js.map

package/dist/src/components/forms/PageLoading.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=function(r){var i=r.labels,a=void 0===i?"":i;return e.jsx("div",{className:"ihub-loading container",children:e.jsxs("p",{children:[a," Loading..."]})})};exports.PageLoading=r,exports.default=r;
+import{jsx as r,jsxs as a}from"react/jsx-runtime";var i=function(i){var e=i.labels;return r("div",{className:"ihub-loading container",children:a("p",{children:[void 0===e?"":e," Loading..."]})})};export{i as PageLoading,i as default};
 //# sourceMappingURL=PageLoading.js.map

package/dist/src/components/forms/PageLoading.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLoading.js","sources":["../../../../src/components/forms/PageLoading.tsx"],"sourcesContent":["import React from 'react';\n\ninterface PageLoadingProps {\n  labels?: string;\n}\n\nexport const PageLoading: React.FC<PageLoadingProps> = ({ labels = '' }) => {\n  return (\n    <div className=\"ihub-loading container\">\n      <p>{labels} Loading...</p>\n    </div>\n  );\n};\n\nexport default PageLoading;"],"names":["PageLoading","_ref","_ref$labels","labels","_jsx","className","children","_jsxs","jsxs"],"mappings":"uGAMaA,EAA0C,SAA/BC,GAAmD,IAAAC,EAAAD,EAAjBE,OAAAA,OAAS,IAAHD,EAAG,GAAEA,EACnE,OACEE,EAAAA,IAAK,MAAA,CAAAC,UAAU,yBACbC,SAAAC,EAAAC,KAAA,IAAA,CAAAF,SAAA,CAAIH,EAAM,kBAGhB"}
+{"version":3,"file":"PageLoading.js","sources":["../../../../src/components/forms/PageLoading.tsx"],"sourcesContent":["import React from 'react';\n\ninterface PageLoadingProps {\n  labels?: string;\n}\n\nexport const PageLoading: React.FC<PageLoadingProps> = ({ labels = '' }) => {\n  return (\n    <div className=\"ihub-loading container\">\n      <p>{labels} Loading...</p>\n    </div>\n  );\n};\n\nexport default PageLoading;"],"names":["PageLoading","_ref","_ref$labels","labels","_jsx","className","children","_jsxs"],"mappings":"sDAMaA,EAA0C,SAA/BC,GAAmD,IAAAC,EAAAD,EAAjBE,OACxD,OACEC,EAAK,MAAA,CAAAC,UAAU,yBACbC,SAAAC,EAAA,IAAA,CAAAD,SAAA,MAH6D,IAAHJ,EAAG,GAAEA,EAGrD,kBAGhB"}

package/dist/src/components/forms/PasswordField.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),i=require("react/jsx-runtime"),a=require("react"),r=require("@mui/icons-material/Visibility"),s=require("@mui/icons-material/VisibilityOff");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=t(r),l=t(s);exports.default=function(r){var s=r.id,t=r.name,n=r.label,c=r.note,o=r.required,d=void 0!==o&&o,h=r.value,p=void 0===h?"":h,b=r.setValue,m=r.onChange,f=r.setNameValue,v=r.error,x=r.className,j=r.helperText,N=r.placeholder,y=a.useState(!1),q=e.slicedToArray(y,2),_=q[0],w=q[1],T=a.useState(""),g=e.slicedToArray(T,2),A=g[0],S=g[1],V=a.useState(!1),C=e.slicedToArray(V,2);C[0];var O=C[1],F=a.useState(!1),M=e.slicedToArray(F,2),P=M[0],k=M[1];return a.useEffect(function(){p!==A&&S(p),k(!!p)},[p]),i.jsxs("div",{className:"ihub-wrapper ihub-mb-4 ".concat(P?"ihub-value":""," ").concat(v?"ihub-is_invalid":""," ").concat(x),children:[i.jsx("div",{className:"ihub-password-wrapper",children:i.jsxs("div",{className:"input_icon",children:[i.jsx("input",{type:_?"text":"password",id:s||"password",name:t,required:d,value:A,onChange:function(e){var i=e.target.value;S(i),k(!!i),i&&(b&&b(i),m&&m(e),f&&f(t,i))},onFocus:function(){return O(!0)},onMouseOut:function(){return O(!1)},className:"ihub-input",placeholder:N}),i.jsxs("label",{htmlFor:t,className:"ihub-text-label",children:[n,d&&i.jsx("span",{className:"ihub-required",children:"*"})]}),i.jsx("div",{onClick:function(){w(function(e){return!e})},className:"symbols ihub-d-inline",children:_?i.jsx(u.default,{}):i.jsx(l.default,{})})]})}),j&&!v&&i.jsx("p",{className:"ihub-notes",children:j}),v&&i.jsx("p",{className:"ihub-notes ihub-is_invalid",children:v}),c&&i.jsx("p",{className:"ihub-input-notes",id:"".concat(s,"-note"),children:c})]})};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as i,jsx as a}from"react/jsx-runtime";import{useState as r,useEffect as n}from"react";import l from"@mui/icons-material/Visibility";import t from"@mui/icons-material/VisibilityOff";function s(s){var o=s.id,u=s.name,c=s.label,m=s.note,d=s.required,h=void 0!==d&&d,p=s.value,b=void 0===p?"":p,v=s.setValue,f=s.onChange,N=s.setNameValue,w=s.error,x=s.className,y=s.helperText,_=s.placeholder,g=r(!1),V=e(g,2),q=V[0],C=V[1],j=r(""),F=e(j,2),O=F[0],T=F[1],k=r(!1),A=e(k,2);A[0];var B=A[1],H=r(!1),M=e(H,2),P=M[0],z=M[1];n(function(){b!==O&&T(b),z(!!b)},[b]);return i("div",{className:"ihub-wrapper ihub-mb-4 ".concat(P?"ihub-value":""," ").concat(w?"ihub-is_invalid":""," ").concat(x),children:[a("div",{className:"ihub-password-wrapper",children:i("div",{className:"input_icon",children:[a("input",{type:q?"text":"password",id:o||"password",name:u,required:h,value:O,onChange:function(e){var i=e.target.value;T(i),z(!!i),i&&(v&&v(i),f&&f(e),N&&N(u,i))},onFocus:function(){return B(!0)},onMouseOut:function(){return B(!1)},className:"ihub-input",placeholder:_}),i("label",{htmlFor:u,className:"ihub-text-label",children:[c,h&&a("span",{className:"ihub-required",children:"*"})]}),a("div",{onClick:function(){C(function(e){return!e})},className:"symbols ihub-d-inline",children:a(q?l:t,{})})]})}),y&&!w&&a("p",{className:"ihub-notes",children:y}),w&&a("p",{className:"ihub-notes ihub-is_invalid",children:w}),m&&a("p",{className:"ihub-input-notes",id:"".concat(o,"-note"),children:m})]})}export{s as default};
 //# sourceMappingURL=PasswordField.js.map

package/dist/src/components/forms/PhoneNumberInput.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("react/jsx-runtime"),a=require("react"),t=require("../lib/json/countryObjects.js");exports.default=function(s){var u=a.useState(t.default.find(function(e){return e.phonecode===(s.phoneCode||"234")})||t.default[0]),r=e.slicedToArray(u,2),c=r[0],l=r[1],o=a.useState(s.defaultValues.mobile||""),i=e.slicedToArray(o,2),d=i[0],h=i[1];return n.jsxs("div",{className:"ihub-react-phone-input",children:[n.jsxs("div",{className:"ihub-target-phone",children:[n.jsx("select",{onChange:function(e){var n=e.target.value,a=t.default.find(function(e){return e.phonecode===n});a&&l(a),s.inputEvent&&s.inputEvent(e)},value:c.phonecode,name:"phone_code",className:"ihub-country-select",children:t.default.map(function(e,a){return n.jsxs("option",{value:e.phonecode,children:[c.phonecode!==e.phonecode?n.jsxs("span",{className:"ihub-c-name",children:[e.name," "]}):"",n.jsx("span",{className:"ihub-c-flag",children:e.flag})," ",n.jsxs("span",{className:"ihub-c-code",children:["+",e.phonecode]})]},a)})}),n.jsx("input",{type:"tel",name:s.names,value:d,onChange:function(e){h(e.target.value),s.inputEvent&&s.inputEvent(e)},placeholder:"Enter phone number",maxLength:11,className:"ihub-phone-input"})]}),n.jsxs("p",{className:"ihub-make-bold",children:["+",c.phonecode," ",d]})]})};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as a}from"react/jsx-runtime";import{useState as o}from"react";import t from"../lib/json/countryObjects.js";var c=function(c){var r=o(t.find(function(e){return e.phonecode===(c.phoneCode||"234")})||t[0]),i=e(r,2),l=i[0],u=i[1],p=o(c.defaultValues.mobile||""),h=e(p,2),s=h[0],d=h[1];return n("div",{className:"ihub-react-phone-input",children:[n("div",{className:"ihub-target-phone",children:[a("select",{onChange:function(e){var n=e.target.value,a=t.find(function(e){return e.phonecode===n});a&&u(a),c.inputEvent&&c.inputEvent(e)},value:l.phonecode,name:"phone_code",className:"ihub-country-select",children:t.map(function(e,o){return n("option",{value:e.phonecode,children:[l.phonecode!==e.phonecode?n("span",{className:"ihub-c-name",children:[e.name," "]}):"",a("span",{className:"ihub-c-flag",children:e.flag})," ",n("span",{className:"ihub-c-code",children:["+",e.phonecode]})]},o)})}),a("input",{type:"tel",name:c.names,value:s,onChange:function(e){d(e.target.value),c.inputEvent&&c.inputEvent(e)},placeholder:"Enter phone number",maxLength:11,className:"ihub-phone-input"})]}),n("p",{className:"ihub-make-bold",children:["+",l.phonecode," ",s]})]})};export{c as default};
 //# sourceMappingURL=PhoneNumberInput.js.map

package/dist/src/components/forms/RadioField.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(a){var t=function(e){a.setSelectedValue&&a.setSelectedValue(e.target.value),a.setNameIDValueIndex&&a.setNameIDValueIndex(a.name,String(e.target.dataset.id),e.target.value,Number(e.target.dataset.index))};return a.options&&0!==a.options.length?e.jsxs("div",{className:a.name,children:[e.jsx("h5",{className:"mt-3",children:a.label}),e.jsx("div",{className:"ihub-field",children:e.jsx("div",{className:"ihub-radio-wrapper",children:a.options.map(function(i,l){return e.jsx("div",{className:"ihub-radio-parent",children:e.jsxs("label",{className:"ihub-radio",children:[e.jsx("input",{type:"radio",name:a.name,id:a.name+l,"data-id":i.id,"data-index":l,value:i.id,required:0===l&&a.required,onChange:t,defaultChecked:a.defaultValue===i.id}),e.jsx("span",{className:"ihub-label-title",children:i.title?i.title:i.name})]})},l)})})}),a.note&&e.jsx("p",{className:"ihub-input-notes",children:a.note})]}):null};
+import{jsxs as e,jsx as a}from"react/jsx-runtime";var t=function(t){var i=function(e){t.setSelectedValue&&t.setSelectedValue(e.target.value),t.setNameIDValueIndex&&t.setNameIDValueIndex(t.name,String(e.target.dataset.id),e.target.value,Number(e.target.dataset.index))};return t.options&&0!==t.options.length?e("div",{className:t.name,children:[a("h5",{className:"mt-3",children:t.label}),a("div",{className:"ihub-field",children:a("div",{className:"ihub-radio-wrapper",children:t.options.map(function(l,n){return a("div",{className:"ihub-radio-parent",children:e("label",{className:"ihub-radio",children:[a("input",{type:"radio",name:t.name,id:t.name+n,"data-id":l.id,"data-index":n,value:l.id,required:0===n&&t.required,onChange:i,defaultChecked:t.defaultValue===l.id}),a("span",{className:"ihub-label-title",children:l.title?l.title:l.name})]})},n)})})}),t.note&&a("p",{className:"ihub-input-notes",children:t.note})]}):null};export{t as default};
 //# sourceMappingURL=RadioField.js.map

package/dist/src/components/forms/RadioField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioField.js","sources":["../../../../src/components/forms/RadioField.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface RadioOption {\n  id: string | number;\n  title?: string;\n  name?: string;\n}\n\ninterface RadioFieldProps {\n  options?: RadioOption[];\n  name: string;\n  label: string;\n  required?: boolean;\n  defaultValue?: string | number;\n  setSelectedValue?: (value: string) => void;\n  setNameIDValueIndex?: (\n    name: string,\n    id: string,\n    value: string,\n    index: number\n  ) => void;\n  note?: string;\n}\n\n/**\n *\n * @component\n * @example\n * ```tsx\n * import { RadioField } from \"@instincthub/react-ui\";\n *\n * <RadioField\n *   options={[\n *     { id: 1, title: \"Option 1\" },\n *     { id: 2, title: \"Option 2\" },\n *     { id: 3, title: \"Option 3\" },\n *   ]}\n *   names=\"radioField\"\n *   labels=\"Radio Field\"\n *   requireds={true}\n *   defaultValues={1}\n *   setSelectedValue={(value) => {\n *     console.log(value);\n *   }}\n * />\n * ```\n * Props interface for the RadioField component\n * @property {RadioOption[]} options - Array of options for the radio field\n * @property {string} names - Name of the input field\n * @property {string} labels - Label for the radio field\n * @property {boolean} requireds - Whether the field is required\n * @property {string | number} defaultValues - Default value for the radio field\n * @property {(name: string, id: string, value: string, index: number) => void} setNameIDValueIndex - Callback for setting name, id, value, and index\n * @property {(value: string) => void} setSelectedValue - Callback for setting the selected value\n */\n\nconst RadioField: React.FC<RadioFieldProps> = (props) => {\n  const handleOptionChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (props.setSelectedValue) {\n      props.setSelectedValue(event.target.value);\n    }\n    if (props.setNameIDValueIndex) {\n      props.setNameIDValueIndex(\n        props.name,\n        String(event.target.dataset.id),\n        event.target.value,\n        Number(event.target.dataset.index)\n      );\n    }\n  };\n\n  if (!props.options || props.options.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className={props.name}>\n      <h5 className=\"mt-3\">{props.label}</h5>\n\n      <div className=\"ihub-field\">\n        <div className=\"ihub-radio-wrapper\">\n          {props.options.map((option, index) => {\n            return (\n              <div className=\"ihub-radio-parent\" key={index}>\n                <label className=\"ihub-radio\">\n                  <input\n                    type=\"radio\"\n                    name={props.name}\n                    id={props.name + index}\n                    data-id={option.id}\n                    data-index={index}\n                    value={option.id}\n                    required={index === 0 ? props.required : false}\n                    onChange={handleOptionChange}\n                    defaultChecked={props.defaultValue === option.id}\n                  />\n                  <span className=\"ihub-label-title\">\n                    {option.title ? option.title : option.name}\n                  </span>\n                </label>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n      {props.note && <p className=\"ihub-input-notes\">{props.note}</p>}\n    </div>\n  );\n};\n\nexport default RadioField;\n"],"names":["props","handleOptionChange","event","setSelectedValue","target","value","setNameIDValueIndex","name","String","dataset","id","Number","index","options","length","_jsxs","className","children","_jsx","jsx","label","map","option","jsxs","type","required","onChange","defaultChecked","defaultValue","title","note"],"mappings":"uHAwD8C,SAACA,GAC7C,IAAMC,EAAqB,SAACC,GACtBF,EAAMG,kBACRH,EAAMG,iBAAiBD,EAAME,OAAOC,OAElCL,EAAMM,qBACRN,EAAMM,oBACJN,EAAMO,KACNC,OAAON,EAAME,OAAOK,QAAQC,IAC5BR,EAAME,OAAOC,MACbM,OAAOT,EAAME,OAAOK,QAAQG,SAKlC,OAAKZ,EAAMa,SAAoC,IAAzBb,EAAMa,QAAQC,OAKlCC,EAAAA,KAAK,MAAA,CAAAC,UAAWhB,EAAMO,KAAIU,SAAA,CACxBC,EAAIC,IAAA,KAAA,CAAAH,UAAU,OAAMC,SAAEjB,EAAMoB,QAE5BF,EAAAC,IAAA,MAAA,CAAKH,UAAU,aACbC,SAAAC,EAAAC,IAAA,MAAA,CAAKH,UAAU,8BACZhB,EAAMa,QAAQQ,IAAI,SAACC,EAAQV,GAC1B,OACEM,EAAAA,WAAKF,UAAU,oBACbC,SAAAF,EAAAQ,KAAA,QAAA,CAAOP,UAAU,uBACfE,EACEC,IAAA,QAAA,CAAAK,KAAK,QACLjB,KAAMP,EAAMO,KACZG,GAAIV,EAAMO,KAAOK,YACRU,EAAOZ,GAAE,aACNE,EACZP,MAAOiB,EAAOZ,GACde,SAAoB,IAAVb,GAAcZ,EAAMyB,SAC9BC,SAAUzB,EACV0B,eAAgB3B,EAAM4B,eAAiBN,EAAOZ,KAEhDQ,EAAMC,IAAA,OAAA,CAAAH,UAAU,mBAAkBC,SAC/BK,EAAOO,MAAQP,EAAOO,MAAQP,EAAOf,WAdJK,SAsB/CZ,EAAM8B,MAAQZ,EAAAA,IAAA,IAAA,CAAGF,UAAU,4BAAoBhB,EAAM8B,UAjCjD,IAoCX"}
+{"version":3,"file":"RadioField.js","sources":["../../../../src/components/forms/RadioField.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface RadioOption {\n  id: string | number;\n  title?: string;\n  name?: string;\n}\n\ninterface RadioFieldProps {\n  options?: RadioOption[];\n  name: string;\n  label: string;\n  required?: boolean;\n  defaultValue?: string | number;\n  setSelectedValue?: (value: string) => void;\n  setNameIDValueIndex?: (\n    name: string,\n    id: string,\n    value: string,\n    index: number\n  ) => void;\n  note?: string;\n}\n\n/**\n *\n * @component\n * @example\n * ```tsx\n * import { RadioField } from \"@instincthub/react-ui\";\n *\n * <RadioField\n *   options={[\n *     { id: 1, title: \"Option 1\" },\n *     { id: 2, title: \"Option 2\" },\n *     { id: 3, title: \"Option 3\" },\n *   ]}\n *   names=\"radioField\"\n *   labels=\"Radio Field\"\n *   requireds={true}\n *   defaultValues={1}\n *   setSelectedValue={(value) => {\n *     console.log(value);\n *   }}\n * />\n * ```\n * Props interface for the RadioField component\n * @property {RadioOption[]} options - Array of options for the radio field\n * @property {string} names - Name of the input field\n * @property {string} labels - Label for the radio field\n * @property {boolean} requireds - Whether the field is required\n * @property {string | number} defaultValues - Default value for the radio field\n * @property {(name: string, id: string, value: string, index: number) => void} setNameIDValueIndex - Callback for setting name, id, value, and index\n * @property {(value: string) => void} setSelectedValue - Callback for setting the selected value\n */\n\nconst RadioField: React.FC<RadioFieldProps> = (props) => {\n  const handleOptionChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (props.setSelectedValue) {\n      props.setSelectedValue(event.target.value);\n    }\n    if (props.setNameIDValueIndex) {\n      props.setNameIDValueIndex(\n        props.name,\n        String(event.target.dataset.id),\n        event.target.value,\n        Number(event.target.dataset.index)\n      );\n    }\n  };\n\n  if (!props.options || props.options.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className={props.name}>\n      <h5 className=\"mt-3\">{props.label}</h5>\n\n      <div className=\"ihub-field\">\n        <div className=\"ihub-radio-wrapper\">\n          {props.options.map((option, index) => {\n            return (\n              <div className=\"ihub-radio-parent\" key={index}>\n                <label className=\"ihub-radio\">\n                  <input\n                    type=\"radio\"\n                    name={props.name}\n                    id={props.name + index}\n                    data-id={option.id}\n                    data-index={index}\n                    value={option.id}\n                    required={index === 0 ? props.required : false}\n                    onChange={handleOptionChange}\n                    defaultChecked={props.defaultValue === option.id}\n                  />\n                  <span className=\"ihub-label-title\">\n                    {option.title ? option.title : option.name}\n                  </span>\n                </label>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n      {props.note && <p className=\"ihub-input-notes\">{props.note}</p>}\n    </div>\n  );\n};\n\nexport default RadioField;\n"],"names":["RadioField","props","handleOptionChange","event","setSelectedValue","target","value","setNameIDValueIndex","name","String","dataset","id","Number","index","options","length","_jsxs","className","children","_jsx","label","map","option","type","required","onChange","defaultChecked","defaultValue","title","note"],"mappings":"kDAwDA,IAAMA,EAAwC,SAACC,GAC7C,IAAMC,EAAqB,SAACC,GACtBF,EAAMG,kBACRH,EAAMG,iBAAiBD,EAAME,OAAOC,OAElCL,EAAMM,qBACRN,EAAMM,oBACJN,EAAMO,KACNC,OAAON,EAAME,OAAOK,QAAQC,IAC5BR,EAAME,OAAOC,MACbM,OAAOT,EAAME,OAAOK,QAAQG,SAKlC,OAAKZ,EAAMa,SAAoC,IAAzBb,EAAMa,QAAQC,OAKlCC,EAAK,MAAA,CAAAC,UAAWhB,EAAMO,KAAIU,SAAA,CACxBC,EAAI,KAAA,CAAAF,UAAU,OAAMC,SAAEjB,EAAMmB,QAE5BD,EAAA,MAAA,CAAKF,UAAU,aACbC,SAAAC,EAAA,MAAA,CAAKF,UAAU,8BACZhB,EAAMa,QAAQO,IAAI,SAACC,EAAQT,GAC1B,OACEM,SAAKF,UAAU,oBACbC,SAAAF,EAAA,QAAA,CAAOC,UAAU,uBACfE,EACE,QAAA,CAAAI,KAAK,QACLf,KAAMP,EAAMO,KACZG,GAAIV,EAAMO,KAAOK,YACRS,EAAOX,GAAE,aACNE,EACZP,MAAOgB,EAAOX,GACda,SAAoB,IAAVX,GAAcZ,EAAMuB,SAC9BC,SAAUvB,EACVwB,eAAgBzB,EAAM0B,eAAiBL,EAAOX,KAEhDQ,EAAM,OAAA,CAAAF,UAAU,mBAAkBC,SAC/BI,EAAOM,MAAQN,EAAOM,MAAQN,EAAOd,WAdJK,SAsB/CZ,EAAM4B,MAAQV,EAAA,IAAA,CAAGF,UAAU,4BAAoBhB,EAAM4B,UAjCjD,IAoCX"}

package/dist/src/components/forms/RadioSimple.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(a){var s=a.id,i=a.name,l=a.value,n=a.label,r=a.checked,t=a.onChange,u=a.note;return e.jsxs("section",{className:"ihub-radio-btn",children:[e.jsxs("label",{htmlFor:s,className:"ihub-radio-label",children:[e.jsx("input",{className:"ihub-radio-input",type:"radio",name:i,id:s,value:l,onChange:function(e){t&&t(e)},defaultChecked:r}),e.jsx("span",{className:"ihub-custom-radio"}),e.jsx("p",{className:"ihub-p-label",children:n})]}),u&&e.jsx("p",{className:"ihub-input-notes",children:u})]})};
+import{jsxs as a,jsx as e}from"react/jsx-runtime";var i=function(i){var n=i.id,l=i.name,r=i.value,t=i.label,c=i.checked,s=i.onChange,u=i.note;return a("section",{className:"ihub-radio-btn",children:[a("label",{htmlFor:n,className:"ihub-radio-label",children:[e("input",{className:"ihub-radio-input",type:"radio",name:l,id:n,value:r,onChange:function(a){s&&s(a)},defaultChecked:c}),e("span",{className:"ihub-custom-radio"}),e("p",{className:"ihub-p-label",children:t})]}),u&&e("p",{className:"ihub-input-notes",children:u})]})};export{i as default};
 //# sourceMappingURL=RadioSimple.js.map

package/dist/src/components/forms/RadioSimple.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioSimple.js","sources":["../../../../src/components/forms/RadioSimple.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface RadioSimpleProps {\n  id: string;\n  name: string;\n  value: string | number;\n  label: string;\n  checked?: boolean;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  note?: string;\n}\n\n/**\n *\n * @component\n * @example\n * ```tsx\n * import { RadioSimple } from \"@instincthub/react-ui\";\n *\n * <RadioSimple\n *   id=\"radio-simple\"\n *   name=\"radio-simple\"\n *   value=\"1\"\n *   label=\"Radio Simple\"\n *   checked={true}\n *   inputEvent={(e) => {\n *     console.log(e);\n *   }}\n * />\n * ```\n * Props interface for the RadioSimple component\n * @property {string} id - ID for the radio input\n * @property {string} name - Name for the radio input\n * @property {string | number} value - Value for the radio input\n * @property {string} label - Label for the radio input\n * @property {boolean} checked - Whether the radio input is checked\n * @property {(e: React.ChangeEvent<HTMLInputElement>) => void} inputEvent - Callback for input events\n */\n\nconst RadioSimple: React.FC<RadioSimpleProps> = ({\n  id,\n  name,\n  value,\n  label,\n  checked,\n  onChange,\n  note,\n}) => {\n  const handleRadio = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (onChange) onChange(e);\n  };\n\n  return (\n    <section className=\"ihub-radio-btn\">\n      <label htmlFor={id} className=\"ihub-radio-label\">\n        <input\n          className=\"ihub-radio-input\"\n          type=\"radio\"\n          name={name}\n          id={id}\n          value={value}\n          onChange={handleRadio}\n          defaultChecked={checked}\n        />\n        <span className=\"ihub-custom-radio\" />\n        <p className=\"ihub-p-label\">{label}</p>\n      </label>\n      {note && <p className=\"ihub-input-notes\">{note}</p>}\n    </section>\n  );\n};\n\nexport default RadioSimple;\n"],"names":["_ref","id","name","value","label","checked","onChange","note","_jsxs","className","children","jsxs","htmlFor","_jsx","jsx","type","e","defaultChecked"],"mappings":"uHAuCgD,SAA/BA,GAQZ,IAPHC,EAAED,EAAFC,GACAC,EAAIF,EAAJE,KACAC,EAAKH,EAALG,MACAC,EAAKJ,EAALI,MACAC,EAAOL,EAAPK,QACAC,EAAQN,EAARM,SACAC,EAAIP,EAAJO,KAMA,OACEC,EAAAA,KAAA,UAAA,CAASC,UAAU,iBACjBC,SAAA,CAAAF,EAAAG,KAAA,QAAA,CAAOC,QAASX,EAAIQ,UAAU,mBAC5BC,SAAA,CAAAG,EAAAC,IAAA,QAAA,CACEL,UAAU,mBACVM,KAAK,QACLb,KAAMA,EACND,GAAIA,EACJE,MAAOA,EACPG,SAbY,SAACU,GACfV,GAAUA,EAASU,IAajBC,eAAgBZ,IAElBQ,EAAAC,IAAA,OAAA,CAAML,UAAU,sBAChBI,WAAGJ,UAAU,eAAcC,SAAEN,OAE9BG,GAAQM,EAAAC,IAAA,IAAA,CAAGL,UAAU,mBAAoBC,SAAAH,MAGhD"}
+{"version":3,"file":"RadioSimple.js","sources":["../../../../src/components/forms/RadioSimple.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface RadioSimpleProps {\n  id: string;\n  name: string;\n  value: string | number;\n  label: string;\n  checked?: boolean;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  note?: string;\n}\n\n/**\n *\n * @component\n * @example\n * ```tsx\n * import { RadioSimple } from \"@instincthub/react-ui\";\n *\n * <RadioSimple\n *   id=\"radio-simple\"\n *   name=\"radio-simple\"\n *   value=\"1\"\n *   label=\"Radio Simple\"\n *   checked={true}\n *   inputEvent={(e) => {\n *     console.log(e);\n *   }}\n * />\n * ```\n * Props interface for the RadioSimple component\n * @property {string} id - ID for the radio input\n * @property {string} name - Name for the radio input\n * @property {string | number} value - Value for the radio input\n * @property {string} label - Label for the radio input\n * @property {boolean} checked - Whether the radio input is checked\n * @property {(e: React.ChangeEvent<HTMLInputElement>) => void} inputEvent - Callback for input events\n */\n\nconst RadioSimple: React.FC<RadioSimpleProps> = ({\n  id,\n  name,\n  value,\n  label,\n  checked,\n  onChange,\n  note,\n}) => {\n  const handleRadio = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (onChange) onChange(e);\n  };\n\n  return (\n    <section className=\"ihub-radio-btn\">\n      <label htmlFor={id} className=\"ihub-radio-label\">\n        <input\n          className=\"ihub-radio-input\"\n          type=\"radio\"\n          name={name}\n          id={id}\n          value={value}\n          onChange={handleRadio}\n          defaultChecked={checked}\n        />\n        <span className=\"ihub-custom-radio\" />\n        <p className=\"ihub-p-label\">{label}</p>\n      </label>\n      {note && <p className=\"ihub-input-notes\">{note}</p>}\n    </section>\n  );\n};\n\nexport default RadioSimple;\n"],"names":["RadioSimple","_ref","id","name","value","label","checked","onChange","note","_jsxs","className","children","htmlFor","_jsx","type","e","defaultChecked"],"mappings":"kDAuCA,IAAMA,EAA0C,SAA/BC,GAQZ,IAPHC,EAAED,EAAFC,GACAC,EAAIF,EAAJE,KACAC,EAAKH,EAALG,MACAC,EAAKJ,EAALI,MACAC,EAAOL,EAAPK,QACAC,EAAQN,EAARM,SACAC,EAAIP,EAAJO,KAMA,OACEC,EAAA,UAAA,CAASC,UAAU,iBACjBC,SAAA,CAAAF,EAAA,QAAA,CAAOG,QAASV,EAAIQ,UAAU,mBAC5BC,SAAA,CAAAE,EAAA,QAAA,CACEH,UAAU,mBACVI,KAAK,QACLX,KAAMA,EACND,GAAIA,EACJE,MAAOA,EACPG,SAbY,SAACQ,GACfR,GAAUA,EAASQ,IAajBC,eAAgBV,IAElBO,EAAA,OAAA,CAAMH,UAAU,sBAChBG,OAAGH,UAAU,eAAcC,SAAEN,OAE9BG,GAAQK,EAAA,IAAA,CAAGH,UAAU,mBAAoBC,SAAAH,MAGhD"}

package/dist/src/components/forms/RangeRadio.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(a){var r=a.range,t=a.name,i=a.label,n=a.required,s=a.setSelectedValue,d=a.setNameIDValueIndex,l=a.note,u=Array.from({length:r},function(e,a){return a+1}),c=function(e){s&&s(e.target.value),d&&d(t||"",String(e.target.dataset.id),e.target.value,Number(e.target.dataset.index))};return r?e.jsxs("div",{className:t,children:[e.jsx("h5",{className:"mt-3",children:i}),e.jsx("div",{className:"ihub-field",children:e.jsx("div",{className:"ihub-range-wrapper",children:u.map(function(a,r){return e.jsx("div",{className:"ihub-radio-parent",children:e.jsxs("label",{className:"ihub-radio",children:[e.jsx("input",{type:"radio",name:t,value:a,id:t||""+r,required:0===r&&n,onChange:c,"data-id":t,"data-index":r}),e.jsx("span",{children:a})]})},r)})})}),l&&e.jsx("p",{className:"ihub-input-notes",children:l})]}):null};
+import{jsxs as e,jsx as a}from"react/jsx-runtime";var r=function(r){var n=r.range,t=r.name,i=r.label,d=r.required,l=r.setSelectedValue,u=r.setNameIDValueIndex,s=r.note,c=Array.from({length:n},function(e,a){return a+1}),m=function(e){l&&l(e.target.value),u&&u(t||"",String(e.target.dataset.id),e.target.value,Number(e.target.dataset.index))};return n?e("div",{className:t,children:[a("h5",{className:"mt-3",children:i}),a("div",{className:"ihub-field",children:a("div",{className:"ihub-range-wrapper",children:c.map(function(r,n){return a("div",{className:"ihub-radio-parent",children:e("label",{className:"ihub-radio",children:[a("input",{type:"radio",name:t,value:r,id:t||""+n,required:0===n&&d,onChange:m,"data-id":t,"data-index":n}),a("span",{children:r})]})},n)})})}),s&&a("p",{className:"ihub-input-notes",children:s})]}):null};export{r as default};
 //# sourceMappingURL=RangeRadio.js.map

package/dist/src/components/forms/RangeRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeRadio.js","sources":["../../../../src/components/forms/RangeRadio.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface RangeRadioProps {\n  range: number;\n  name?: string;\n  label: string;\n  required?: boolean;\n  setSelectedValue?: (value: string) => void;\n  setNameIDValueIndex?: (\n    name: string,\n    id: string,\n    value: string,\n    index: number\n  ) => void;\n  note?: string;\n}\n\nconst RangeRadio: React.FC<RangeRadioProps> = ({\n  range,\n  name,\n  label,\n  required,\n  setSelectedValue,\n  setNameIDValueIndex,\n  note,\n}) => {\n  const rangeArray = Array.from({ length: range }, (_, i) => i + 1);\n\n  const handleOptionChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (setSelectedValue) {\n      setSelectedValue(event.target.value);\n    }\n    if (setNameIDValueIndex) {\n      setNameIDValueIndex(\n        name || \"\",\n        String(event.target.dataset.id),\n        event.target.value,\n        Number(event.target.dataset.index)\n      );\n    }\n  };\n\n  if (!range) {\n    return null;\n  }\n\n  return (\n    <div className={name}>\n      <h5 className=\"mt-3\">{label}</h5>\n\n      <div className=\"ihub-field\">\n        <div className=\"ihub-range-wrapper\">\n          {rangeArray.map((option, index) => {\n            return (\n              <div className=\"ihub-radio-parent\" key={index}>\n                <label className=\"ihub-radio\">\n                  <input\n                    type=\"radio\"\n                    name={name}\n                    value={option}\n                    id={name || \"\" + index}\n                    required={index === 0 ? required : false}\n                    onChange={handleOptionChange}\n                    data-id={name}\n                    data-index={index}\n                  />\n                  <span>{option}</span>\n                </label>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n      {note && <p className=\"ihub-input-notes\">{note}</p>}\n    </div>\n  );\n};\n\nexport default RangeRadio;\n"],"names":["_ref","range","name","label","required","setSelectedValue","setNameIDValueIndex","note","rangeArray","Array","from","length","_","i","handleOptionChange","event","target","value","String","dataset","id","Number","index","_jsxs","className","children","_jsx","jsx","map","option","jsxs","type","onChange"],"mappings":"uHAiB8C,SAA9BA,GAQX,IAPHC,EAAKD,EAALC,MACAC,EAAIF,EAAJE,KACAC,EAAKH,EAALG,MACAC,EAAQJ,EAARI,SACAC,EAAgBL,EAAhBK,iBACAC,EAAmBN,EAAnBM,oBACAC,EAAIP,EAAJO,KAEMC,EAAaC,MAAMC,KAAK,CAAEC,OAAQV,GAAS,SAACW,EAAGC,GAAC,OAAKA,EAAI,IAEzDC,EAAqB,SAACC,GACtBV,GACFA,EAAiBU,EAAMC,OAAOC,OAE5BX,GACFA,EACEJ,GAAQ,GACRgB,OAAOH,EAAMC,OAAOG,QAAQC,IAC5BL,EAAMC,OAAOC,MACbI,OAAON,EAAMC,OAAOG,QAAQG,SAKlC,OAAKrB,EAKHsB,EAAAA,KAAA,MAAA,CAAKC,UAAWtB,EACduB,SAAA,CAAAC,EAAAC,IAAA,KAAA,CAAIH,UAAU,OAAMC,SAAEtB,IAEtBuB,EAAKC,IAAA,MAAA,CAAAH,UAAU,aACbC,SAAAC,EAAAC,IAAA,MAAA,CAAKH,UAAU,qBACZC,SAAAjB,EAAWoB,IAAI,SAACC,EAAQP,GACvB,OACEI,EAAAA,IAAA,MAAA,CAAKF,UAAU,oBAAmBC,SAChCF,EAAOO,KAAA,QAAA,CAAAN,UAAU,aACfC,SAAA,CAAAC,EAAAC,IAAA,QAAA,CACEI,KAAK,QACL7B,KAAMA,EACNe,MAAOY,EACPT,GAAIlB,GAAQ,GAAKoB,EACjBlB,SAAoB,IAAVkB,GAAclB,EACxB4B,SAAUlB,EAAkB,UACnBZ,EAAI,aACDoB,IAEdI,EAAAC,IAAA,OAAA,CAAAF,SAAOI,QAZ6BP,SAmB/Cf,GAAQmB,EAAAC,IAAA,IAAA,CAAGH,UAAU,mBAAoBC,SAAAlB,OA9BrC,IAiCX"}
+{"version":3,"file":"RangeRadio.js","sources":["../../../../src/components/forms/RangeRadio.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface RangeRadioProps {\n  range: number;\n  name?: string;\n  label: string;\n  required?: boolean;\n  setSelectedValue?: (value: string) => void;\n  setNameIDValueIndex?: (\n    name: string,\n    id: string,\n    value: string,\n    index: number\n  ) => void;\n  note?: string;\n}\n\nconst RangeRadio: React.FC<RangeRadioProps> = ({\n  range,\n  name,\n  label,\n  required,\n  setSelectedValue,\n  setNameIDValueIndex,\n  note,\n}) => {\n  const rangeArray = Array.from({ length: range }, (_, i) => i + 1);\n\n  const handleOptionChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (setSelectedValue) {\n      setSelectedValue(event.target.value);\n    }\n    if (setNameIDValueIndex) {\n      setNameIDValueIndex(\n        name || \"\",\n        String(event.target.dataset.id),\n        event.target.value,\n        Number(event.target.dataset.index)\n      );\n    }\n  };\n\n  if (!range) {\n    return null;\n  }\n\n  return (\n    <div className={name}>\n      <h5 className=\"mt-3\">{label}</h5>\n\n      <div className=\"ihub-field\">\n        <div className=\"ihub-range-wrapper\">\n          {rangeArray.map((option, index) => {\n            return (\n              <div className=\"ihub-radio-parent\" key={index}>\n                <label className=\"ihub-radio\">\n                  <input\n                    type=\"radio\"\n                    name={name}\n                    value={option}\n                    id={name || \"\" + index}\n                    required={index === 0 ? required : false}\n                    onChange={handleOptionChange}\n                    data-id={name}\n                    data-index={index}\n                  />\n                  <span>{option}</span>\n                </label>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n      {note && <p className=\"ihub-input-notes\">{note}</p>}\n    </div>\n  );\n};\n\nexport default RangeRadio;\n"],"names":["RangeRadio","_ref","range","name","label","required","setSelectedValue","setNameIDValueIndex","note","rangeArray","Array","from","length","_","i","handleOptionChange","event","target","value","String","dataset","id","Number","index","_jsxs","className","children","_jsx","map","option","type","onChange"],"mappings":"kDAiBA,IAAMA,EAAwC,SAA9BC,GAQX,IAPHC,EAAKD,EAALC,MACAC,EAAIF,EAAJE,KACAC,EAAKH,EAALG,MACAC,EAAQJ,EAARI,SACAC,EAAgBL,EAAhBK,iBACAC,EAAmBN,EAAnBM,oBACAC,EAAIP,EAAJO,KAEMC,EAAaC,MAAMC,KAAK,CAAEC,OAAQV,GAAS,SAACW,EAAGC,GAAC,OAAKA,EAAI,IAEzDC,EAAqB,SAACC,GACtBV,GACFA,EAAiBU,EAAMC,OAAOC,OAE5BX,GACFA,EACEJ,GAAQ,GACRgB,OAAOH,EAAMC,OAAOG,QAAQC,IAC5BL,EAAMC,OAAOC,MACbI,OAAON,EAAMC,OAAOG,QAAQG,SAKlC,OAAKrB,EAKHsB,EAAA,MAAA,CAAKC,UAAWtB,EACduB,SAAA,CAAAC,EAAA,KAAA,CAAIF,UAAU,OAAMC,SAAEtB,IAEtBuB,EAAK,MAAA,CAAAF,UAAU,aACbC,SAAAC,EAAA,MAAA,CAAKF,UAAU,qBACZC,SAAAjB,EAAWmB,IAAI,SAACC,EAAQN,GACvB,OACEI,EAAA,MAAA,CAAKF,UAAU,oBAAmBC,SAChCF,EAAO,QAAA,CAAAC,UAAU,aACfC,SAAA,CAAAC,EAAA,QAAA,CACEG,KAAK,QACL3B,KAAMA,EACNe,MAAOW,EACPR,GAAIlB,GAAQ,GAAKoB,EACjBlB,SAAoB,IAAVkB,GAAclB,EACxB0B,SAAUhB,EAAkB,UACnBZ,EAAI,aACDoB,IAEdI,EAAA,OAAA,CAAAD,SAAOG,QAZ6BN,SAmB/Cf,GAAQmB,EAAA,IAAA,CAAGF,UAAU,mBAAoBC,SAAAlB,OA9BrC,IAiCX"}

package/dist/src/components/forms/ReactTimeAgo.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("react/jsx-runtime"),r=require("react"),t=function(e,n){var r=1===e?n:"".concat(n,"s");return"".concat(e," ").concat(r," ago")};exports.default=function(a){var o=a.date,s=a.live,u=void 0===s||s,c=a.updateInterval,i=void 0===c?6e4:c,l=a.formatter,d=void 0===l?t:l,f=r.useState(""),m=e.slicedToArray(f,2),v=m[0],h=m[1],p=function(){var e=new Date,n=new Date(o),r=Math.floor((e.getTime()-n.getTime())/1e3);if(r<0)return"in the future";if(r<5)return"just now";for(var t=0,a=[{name:"year",seconds:31536e3},{name:"month",seconds:2592e3},{name:"week",seconds:604800},{name:"day",seconds:86400},{name:"hour",seconds:3600},{name:"minute",seconds:60},{name:"second",seconds:1}];t<a.length;t++){var s=a[t],u=Math.floor(r/s.seconds);if(u>=1)return d(u,s.name)}return d(r,"second")};return r.useEffect(function(){h(p());var e=null;return u&&(e=setInterval(function(){h(p())},i)),function(){e&&clearInterval(e)}},[o,u,i]),n.jsx("span",{className:"ihub-time-ago",children:v})};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n}from"react/jsx-runtime";import{useState as r,useEffect as t}from"react";var a=function(e,n){var r=1===e?n:"".concat(n,"s");return"".concat(e," ").concat(r," ago")},o=function(o){var s=o.date,c=o.live,i=void 0===c||c,u=o.updateInterval,m=void 0===u?6e4:u,l=o.formatter,d=void 0===l?a:l,f=r(""),v=e(f,2),h=v[0],p=v[1],g=function(){var e=new Date,n=new Date(s),r=Math.floor((e.getTime()-n.getTime())/1e3);if(r<0)return"in the future";if(r<5)return"just now";for(var t=0,a=[{name:"year",seconds:31536e3},{name:"month",seconds:2592e3},{name:"week",seconds:604800},{name:"day",seconds:86400},{name:"hour",seconds:3600},{name:"minute",seconds:60},{name:"second",seconds:1}];t<a.length;t++){var o=a[t],c=Math.floor(r/o.seconds);if(c>=1)return d(c,o.name)}return d(r,"second")};return t(function(){p(g());var e=null;return i&&(e=setInterval(function(){p(g())},m)),function(){e&&clearInterval(e)}},[s,i,m]),n("span",{className:"ihub-time-ago",children:h})};export{o as default};
 //# sourceMappingURL=ReactTimeAgo.js.map

package/dist/src/components/forms/ReadTermsAndCondition.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react/jsx-runtime"),i=require("react");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=s(require("next/link"));exports.default=function(s){var n=s.names,a=s.setTermsStatus,c=i.useState(!1),l=e.slicedToArray(c,2),d=l[0],o=l[1];return t.jsxs("div",{className:"ihub-react-terms",children:[t.jsxs("p",{children:["Please read and accept the"," ",t.jsx(r.default,{href:"https://instincthub.com/policies/terms-and-conditions",className:"ihub-link",children:"terms and conditions"})," ","before submitting this form. By submitting this form, you agree to comply with the terms and conditions."]}),t.jsxs("label",{htmlFor:"id_accept_terms_and_conditions",className:"ihub-label-cbx",onClick:function(){var e=!d;o(e),a(e)},children:[t.jsx("input",{name:n,id:"id_accept_terms_and_conditions",type:"checkbox",hidden:!0,"data-id":"Seminars",value:d?"true":"false",checked:d,readOnly:!0}),t.jsx("div",{className:"ihub-checkbox",children:t.jsxs("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",children:[t.jsx("path",{d:"M3,1 L17,1 L17,1 C18.1045695,1 19,1.8954305 19,3 L19,17 L19,17 C19,18.1045695 18.1045695,19 17,19 L3,19 L3,19 C1.8954305,19 1,18.1045695 1,17 L1,3 L1,3 C1,1.8954305 1.8954305,1 3,1 Z"}),t.jsx("polyline",{points:"4 11 8 15 16 6"})]})}),t.jsx("span",{children:"Agree"})]})]})};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as i,jsx as t}from"react/jsx-runtime";import{useState as n}from"react";import r from"next/link";function a(a){var s=a.names,c=a.setTermsStatus,o=n(!1),l=e(o,2),d=l[0],m=l[1];return i("div",{className:"ihub-react-terms",children:[i("p",{children:["Please read and accept the"," ",t(r,{href:"https://instincthub.com/policies/terms-and-conditions",className:"ihub-link",children:"terms and conditions"})," ","before submitting this form. By submitting this form, you agree to comply with the terms and conditions."]}),i("label",{htmlFor:"id_accept_terms_and_conditions",className:"ihub-label-cbx",onClick:function(){var e=!d;m(e),c(e)},children:[t("input",{name:s,id:"id_accept_terms_and_conditions",type:"checkbox",hidden:!0,"data-id":"Seminars",value:d?"true":"false",checked:d,readOnly:!0}),t("div",{className:"ihub-checkbox",children:i("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",children:[t("path",{d:"M3,1 L17,1 L17,1 C18.1045695,1 19,1.8954305 19,3 L19,17 L19,17 C19,18.1045695 18.1045695,19 17,19 L3,19 L3,19 C1.8954305,19 1,18.1045695 1,17 L1,3 L1,3 C1,1.8954305 1.8954305,1 3,1 Z"}),t("polyline",{points:"4 11 8 15 16 6"})]})}),t("span",{children:"Agree"})]})]})}export{a as default};
 //# sourceMappingURL=ReadTermsAndCondition.js.map

package/dist/src/components/forms/SearchField.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("next/navigation");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(r);exports.default=function(r){var a=r.labels,i=r.setSearchValues,s=r.delay,o=void 0===s?400:s,c=r.className,u=void 0===c?"":c,l=r.name,d=void 0===l?"search":l,h=t.useRouter(),v=t.useSearchParams().get("search")||"",p=n.default.useRef(null);return e.jsx("div",{className:"ihub-search-field event-input ".concat(u),children:e.jsxs("div",{className:"ihub-search-set",children:[e.jsx("div",{className:"ihub-input-div",children:e.jsxs("svg",{className:"ihub-search-icon",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M21 21L16.65 16.65",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}),e.jsx("div",{children:e.jsx("input",{className:"ihub-event-input",type:"text",name:d,placeholder:"Search ".concat(a||"Blog"," ..."),onChange:function(e){var r=e.target.value;p.current&&clearTimeout(p.current),p.current=setTimeout(function(){var e=new URLSearchParams(window.location.search);e.set("search",r);var t=window.location.pathname+"?"+e.toString()+window.location.hash;h.replace(t),i&&i(r)},o)},defaultValue:v})})]})})};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import t from"react";import{useRouter as a,useSearchParams as n}from"next/navigation";var i=function(i){var o=i.labels,c=i.setSearchValues,s=i.delay,l=void 0===s?400:s,h=i.className,u=void 0===h?"":h,d=i.name,m=void 0===d?"search":d,v=a(),p=n().get("search")||"",w=t.useRef(null);return e("div",{className:"ihub-search-field event-input ".concat(u),children:r("div",{className:"ihub-search-set",children:[e("div",{className:"ihub-input-div",children:r("svg",{className:"ihub-search-icon",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e("path",{d:"M21 21L16.65 16.65",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}),e("div",{children:e("input",{className:"ihub-event-input",type:"text",name:m,placeholder:"Search ".concat(o||"Blog"," ..."),onChange:function(e){var r=e.target.value;w.current&&clearTimeout(w.current),w.current=setTimeout(function(){var e=new URLSearchParams(window.location.search);e.set("search",r);var t=window.location.pathname+"?"+e.toString()+window.location.hash;v.replace(t),c&&c(r)},l)},defaultValue:p})})]})})};export{i as default};
 //# sourceMappingURL=SearchField.js.map

package/dist/src/components/forms/SearchFieldDB.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react/jsx-runtime"),a=require("../lib/helpFunction.js"),n=require("@mui/icons-material/SearchRounded"),t=require("next/navigation"),s=require("react");require("../lib/utils.js");var u=require("../lib/queryParameters/index.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=c(n);exports.default=function(n){var c=t.useRouter(),l=n.params.channel,o=n.searchParams.search,h=s.useState(),d=e.slicedToArray(h,2),v=d[0],f=d[1],p=s.useState(o),b=e.slicedToArray(p,2),m=b[0],y=b[1],j=function(e){var r=u.urlQueryHelper({key:"search",value:e,action:"add"});c.replace(r)},x=function(){var r=e.asyncToGenerator(e.regenerator().m(function r(a){var n,t,s=arguments;return e.regenerator().w(function(e){for(;;)switch(e.n){case 0:n=s.length>1&&void 0!==s[1]&&s[1],(13===a.keyCode||n)&&(t=a.currentTarget.value,j(t));case 1:return e.a(2)}},r)}));return function(e){return r.apply(this,arguments)}}(),g=function(){var r=e.asyncToGenerator(e.regenerator().m(function r(){var t,s,u,c,i,h;return e.regenerator().w(function(e){for(;;)switch(e.p=e.n){case 0:return f(0),t=a.reqOptions("GET",null,n.token,!1,l),s="".concat(a.API_HOST_URL).concat(n.urlPath,"search=").concat(o||""),e.p=1,e.n=2,fetch(s,t);case 2:if(200!==(u=e.v).status){e.n=4;break}return e.n=3,u.json();case 3:i=e.v,n.setData(i.results),n.setNext(i.next),null===(c=n.setPrevious)||void 0===c||c.call(n,i.previous);case 4:f(u.status),e.n=6;break;case 5:e.p=5,h=e.v,console.error("Search error:",h),f(500);case 6:return e.a(2)}},r,null,[[1,5]])}));return function(){return r.apply(this,arguments)}}();return s.useEffect(function(){void 0!==o&&(g(),y(o))},[o]),r.jsx("div",{className:"ihub-search-field",children:r.jsxs("div",{className:"ihub-search-courses",children:[r.jsx("input",{type:"search",placeholder:"Search ".concat(n.labels?n.labels:"Items"," ..."),onChange:function(e){y(e.target.value)},value:m||"",onKeyDown:x}),m?r.jsx("svg",{className:"ihub-search-cancel",focusable:"false","aria-hidden":"true",viewBox:"0 0 24 24","data-testid":"CloseIcon",onClick:function(){var e=u.urlQueryHelper({key:"search",value:"",action:"remove"});c.replace(e)},children:r.jsx("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})}):null,r.jsx("div",{className:"ihub-search-btn",children:0===v?r.jsx("div",{className:"ihub-loader"}):r.jsx(i.default,{className:"ihub-material-symbols-outlined",onClick:function(){return j(m)}})})]})})};
+import{slicedToArray as e,asyncToGenerator as r,regenerator as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n,jsxs as t}from"react/jsx-runtime";import{reqOptions as c,API_HOST_URL as s}from"../lib/helpFunction.js";import o from"@mui/icons-material/SearchRounded";import{useRouter as i}from"next/navigation";import{useState as l,useEffect as u}from"react";import"../lib/utils.js";import{urlQueryHelper as h}from"../lib/queryParameters/index.js";var m=function(m){var v=i(),f=m.params.channel,d=m.searchParams.search,p=l(),b=e(p,2),y=b[0],g=b[1],k=l(d),x=e(k,2),N=x[0],j=x[1],w=function(e){var r=h({key:"search",value:e,action:"add"});v.replace(r)},C=function(){var e=r(a().m(function e(r){var n,t,c=arguments;return a().w(function(e){for(;;)switch(e.n){case 0:n=c.length>1&&void 0!==c[1]&&c[1],(13===r.keyCode||n)&&(t=r.currentTarget.value,w(t));case 1:return e.a(2)}},e)}));return function(r){return e.apply(this,arguments)}}(),P=function(){var e=r(a().m(function e(){var r,n,t,o,i,l;return a().w(function(e){for(;;)switch(e.p=e.n){case 0:return g(0),r=c("GET",null,m.token,!1,f),n="".concat(s).concat(m.urlPath,"search=").concat(d||""),e.p=1,e.n=2,fetch(n,r);case 2:if(200!==(t=e.v).status){e.n=4;break}return e.n=3,t.json();case 3:i=e.v,m.setData(i.results),m.setNext(i.next),null===(o=m.setPrevious)||void 0===o||o.call(m,i.previous);case 4:g(t.status),e.n=6;break;case 5:e.p=5,l=e.v,console.error("Search error:",l),g(500);case 6:return e.a(2)}},e,null,[[1,5]])}));return function(){return e.apply(this,arguments)}}();return u(function(){void 0!==d&&(P(),j(d))},[d]),n("div",{className:"ihub-search-field",children:t("div",{className:"ihub-search-courses",children:[n("input",{type:"search",placeholder:"Search ".concat(m.labels?m.labels:"Items"," ..."),onChange:function(e){j(e.target.value)},value:N||"",onKeyDown:C}),N?n("svg",{className:"ihub-search-cancel",focusable:"false","aria-hidden":"true",viewBox:"0 0 24 24","data-testid":"CloseIcon",onClick:function(){var e=h({key:"search",value:"",action:"remove"});v.replace(e)},children:n("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})}):null,n("div",{className:"ihub-search-btn",children:0===y?n("div",{className:"ihub-loader"}):n(o,{className:"ihub-material-symbols-outlined",onClick:function(){return w(N)}})})]})})};export{m as default};
 //# sourceMappingURL=SearchFieldDB.js.map

package/dist/src/components/forms/SearchObjectsFromDB.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react/jsx-runtime"),a=require("react"),n=require("../lib/helpFunction.js");require("../lib/utils.js");var l=require("@mui/icons-material/SearchOutlined"),t=require("@mui/icons-material/Check"),i=require("@mui/icons-material/CloseOutlined");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=c(l),o=c(t),u=c(i),d=function(r){if(!r||!Array.isArray(r))return[];var a,n=[],l=e.createForOfIteratorHelper(r);try{for(l.s();!(a=l.n()).done;){var t=a.value;Array.isArray(t)?n.push.apply(n,e.toConsumableArray(d(t))):t&&"object"===e.typeof(t)&&t.id&&n.push(t)}}catch(e){l.e(e)}finally{l.f()}var i=n.filter(function(e,r,a){return a.findIndex(function(r){return r.id===e.id})===r});return i};function h(l){var t=l.label,i=l.token,c=l.handle,h=l.selected,m=l.setSelected,f=l.appLabel,b=l.modelName,v=l.filterChannel,p=void 0!==v&&v,y=l.limitQuery,j=void 0===y?5:y,x=l.limitSelect,N=void 0===x?0:x,g=l.options,k=l.keyName,C=void 0===k?"title":k,S=l.placeholder,A=void 0===S?"Search by Username or Email":S,_=l.searchUrl,O=l.err,q=void 0!==O&&O,T=l.required,D=void 0!==T&&T,w=a.useState(""),E=e.slicedToArray(w,2),F=E[0],I=E[1],P=a.useState([]),B=e.slicedToArray(P,2),H=B[0],U=B[1],L=a.useState(!1),R=e.slicedToArray(L,2),G=R[0],J=R[1],K=a.useState(null),M=e.slicedToArray(K,2),Q=M[0],z=M[1];a.useEffect(function(){U(g||[])},[g]),a.useEffect(function(){if(h&&h.length>0){var e=d(h);JSON.stringify(e)!==JSON.stringify(h)&&console.warn("SearchObjectsFromDB: Detected malformed selected array. Parent should provide flattened data:",{original:h,expectedFormat:e,keyName:C})}console.log("SearchObjectsFromDB Debug:",{keyName:C,selectedLength:(null==h?void 0:h.length)||0,selectedSample:null==h?void 0:h[0],label:t})},[h,C,t]);var V,W=a.useCallback(e.asyncToGenerator(e.regenerator().m(function r(){var a,l,t,s,o,u;return e.regenerator().w(function(r){for(;;)switch(r.p=r.n){case 0:return J(!0),z(null),a=n.reqOptions("GET",null,i),l=_?_.includes("/?")?"".concat(_,"&search=").concat(F):"".concat(_,"?search=").concat(F):f?"".concat(n.API_HOST_URL,"channels/").concat(c,"/dynamic-search/?app_label=").concat(f,"&model_name=").concat(b,"&value=").concat(F,"&filter_channel=").concat(p):"".concat(n.API_HOST_URL,"auth/").concat(c,"/search-user/").concat(F,"/?limit=").concat(j),r.p=1,r.n=2,fetch(l,a);case 2:if((t=r.v).ok){r.n=3;break}throw new Error("HTTP error ".concat(t.status));case 3:return r.n=4,t.json();case 4:s=r.v,U([].concat(e.toConsumableArray(s.results||[]),e.toConsumableArray(g||[]))),r.n=6;break;case 5:r.p=5,u=r.v,o=u instanceof Error?u.message:"Unknown error occurred",console.error("Error fetching search results:",o),z(o),U(e.toConsumableArray(g||[]));case 6:return r.p=6,J(!1),r.f(6);case 7:return r.a(2)}},r,null,[[1,5,6,7]])})),[F,i,_,f,b,c,p,j]),X=a.useCallback(function(e){"Enter"===e.key&&(e.preventDefault(),W())},[W]),Y=a.useCallback(function(){I(""),U(e.toConsumableArray(g||[])),z(null)},[]),Z=a.useCallback(function(r){return!(!r||!h||0===h.length)&&d(h).some(function(a){if(!a)return!1;var n="object"===e.typeof(a)?null==a?void 0:a.id:a,l=(null==r?void 0:r.username)||(null==r?void 0:r.id);return n===l&&null!=n&&null!=l})},[h]),$=a.useCallback(function(r){var a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(r&&r.id&&h){var n=d(h),l=n.find(function(e){return(null==e?void 0:e.id)===r.id});if(a){var t=n.filter(function(e){return(null==e?void 0:e.id)!==r.id});m(t)}else!l&&(0===N||n.length<N)?m([].concat(e.toConsumableArray(n),[r])):1===N&&m([r])}},[h,m,N]);return r.jsx("div",{className:"ihub-react-search-container",children:r.jsxs("div",{className:"ihub-react-search card",children:[t&&r.jsxs("h4",{className:"ihub-fs-sm ihub-mt-2 ihub-mb-2",children:[t," ",D&&r.jsx("span",{className:"ihub-required",children:"*"})]}),r.jsxs("div",{className:"ihub-search-input",children:[r.jsx("input",{type:"text",placeholder:A,onKeyDown:X,value:F,onChange:function(e){return I(e.target.value)},disabled:G,required:D&&!h.length}),r.jsxs("div",{className:"ihub-search-icons",children:[F&&r.jsx(u.default,{onClick:Y,className:"ihub-search-icon ihub-close-icon"}),r.jsx(s.default,{onClick:W,className:"ihub-search-icon ihub-search-button ".concat(G?"ihub-disabled":"")})]})]}),G&&r.jsx("div",{className:"ihub-loading",children:"Searching..."}),Q&&r.jsx("div",{className:"ihub-search-error",children:Q}),r.jsxs("ul",{className:"ihub-search-results",children:[null==H?void 0:H.map(function(e,a){return r.jsxs("li",{className:"ihub-search-result-item ihub-valid",onClick:function(){return e&&$(e)},children:[Z(e)&&r.jsx(o.default,{className:"ihub-check-icon",style:{position:"relative",top:"5px",marginRight:"10px"}}),e[C]||(null==e?void 0:e.title)||"",Z(e)?r.jsx(u.default,{className:"ihub-delete-icon ihub-ml-auto",onClick:function(){return e&&$(e,!0)}}):""]},"".concat((null==e?void 0:e.id)||(null==e?void 0:e.username)||a))}),G||Q||H.length||h.length?"":r.jsx("li",{className:"ihub-no-results",children:"No available options"})]}),(V=d(h||[]),0===V.length?null:r.jsxs("ul",{className:"ihub-selected-options",children:[r.jsx("h4",{className:"ihub-fs-md",children:"Selected Options:"}),V.map(function(a,n){if(!a||"object"!==e.typeof(a))return console.warn("SearchObjectsFromDB: Invalid item in selected array:",a),null;var l=a,t=l[C]||l.title||l.name||l.full_name||l.name_plus_username||l.display_name||l.username||"Item ".concat(n+1),i=a.id||l.username||"selected-".concat(n);return t&&t!=="Item ".concat(n+1)||console.log("SearchObjectsFromDB: Display text debug:",{item:a,keyName:C,itemKeyName:l[C],title:l.title,name:l.name,fullName:l.full_name,displayText:t}),r.jsxs("li",{children:[r.jsx("span",{children:t}),r.jsx(u.default,{className:"ihub-delete-icon",onClick:function(){return $(a,!0)}})]},i)})]})),q&&r.jsx("p",{className:"ihub-error",children:"This field is required"})]})})}var m=a.memo(h);exports.default=m;
+import{slicedToArray as e,asyncToGenerator as n,regenerator as r,toConsumableArray as a,typeof as i,createForOfIteratorHelper as l}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t,jsxs as c}from"react/jsx-runtime";import{memo as o,useState as s,useEffect as u,useCallback as d}from"react";import{reqOptions as h,API_HOST_URL as m}from"../lib/helpFunction.js";import"../lib/utils.js";import f from"@mui/icons-material/SearchOutlined";import v from"@mui/icons-material/Check";import p from"@mui/icons-material/CloseOutlined";var b=function(e){if(!e||!Array.isArray(e))return[];var n,r=[],t=l(e);try{for(t.s();!(n=t.n()).done;){var c=n.value;Array.isArray(c)?r.push.apply(r,a(b(c))):c&&"object"===i(c)&&c.id&&r.push(c)}}catch(e){t.e(e)}finally{t.f()}var o=r.filter(function(e,n,r){return r.findIndex(function(n){return n.id===e.id})===n});return o};function y(l){var o=l.label,y=l.token,N=l.handle,g=l.selected,k=l.setSelected,S=l.appLabel,j=l.modelName,C=l.filterChannel,O=void 0!==C&&C,_=l.limitQuery,x=void 0===_?5:_,D=l.limitSelect,w=void 0===D?0:D,F=l.options,T=l.keyName,A=void 0===T?"title":T,E=l.placeholder,B=void 0===E?"Search by Username or Email":E,I=l.searchUrl,q=l.err,H=void 0!==q&&q,P=l.required,U=void 0!==P&&P,G=s(""),J=e(G,2),K=J[0],L=J[1],Q=s([]),R=e(Q,2),z=R[0],M=R[1],V=s(!1),W=e(V,2),X=W[0],Y=W[1],Z=s(null),$=e(Z,2),ee=$[0],ne=$[1];u(function(){M(F||[])},[F]),u(function(){if(g&&g.length>0){var e=b(g);JSON.stringify(e)!==JSON.stringify(g)&&console.warn("SearchObjectsFromDB: Detected malformed selected array. Parent should provide flattened data:",{original:g,expectedFormat:e,keyName:A})}console.log("SearchObjectsFromDB Debug:",{keyName:A,selectedLength:(null==g?void 0:g.length)||0,selectedSample:null==g?void 0:g[0],label:o})},[g,A,o]);var re,ae=d(n(r().m(function e(){var n,i,l,t,c,o;return r().w(function(e){for(;;)switch(e.p=e.n){case 0:return Y(!0),ne(null),n=h("GET",null,y),i=I?I.includes("/?")?"".concat(I,"&search=").concat(K):"".concat(I,"?search=").concat(K):S?"".concat(m,"channels/").concat(N,"/dynamic-search/?app_label=").concat(S,"&model_name=").concat(j,"&value=").concat(K,"&filter_channel=").concat(O):"".concat(m,"auth/").concat(N,"/search-user/").concat(K,"/?limit=").concat(x),e.p=1,e.n=2,fetch(i,n);case 2:if((l=e.v).ok){e.n=3;break}throw new Error("HTTP error ".concat(l.status));case 3:return e.n=4,l.json();case 4:t=e.v,M([].concat(a(t.results||[]),a(F||[]))),e.n=6;break;case 5:e.p=5,o=e.v,c=o instanceof Error?o.message:"Unknown error occurred",console.error("Error fetching search results:",c),ne(c),M(a(F||[]));case 6:return e.p=6,Y(!1),e.f(6);case 7:return e.a(2)}},e,null,[[1,5,6,7]])})),[K,y,I,S,j,N,O,x]),ie=d(function(e){"Enter"===e.key&&(e.preventDefault(),ae())},[ae]),le=d(function(){L(""),M(a(F||[])),ne(null)},[]),te=d(function(e){return!(!e||!g||0===g.length)&&b(g).some(function(n){if(!n)return!1;var r="object"===i(n)?null==n?void 0:n.id:n,a=(null==e?void 0:e.username)||(null==e?void 0:e.id);return r===a&&null!=r&&null!=a})},[g]),ce=d(function(e){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(e&&e.id&&g){var r=b(g),i=r.find(function(n){return(null==n?void 0:n.id)===e.id});if(n){var l=r.filter(function(n){return(null==n?void 0:n.id)!==e.id});k(l)}else!i&&(0===w||r.length<w)?k([].concat(a(r),[e])):1===w&&k([e])}},[g,k,w]);return t("div",{className:"ihub-react-search-container",children:c("div",{className:"ihub-react-search card",children:[o&&c("h4",{className:"ihub-fs-sm ihub-mt-2 ihub-mb-2",children:[o," ",U&&t("span",{className:"ihub-required",children:"*"})]}),c("div",{className:"ihub-search-input",children:[t("input",{type:"text",placeholder:B,onKeyDown:ie,value:K,onChange:function(e){return L(e.target.value)},disabled:X,required:U&&!g.length}),c("div",{className:"ihub-search-icons",children:[K&&t(p,{onClick:le,className:"ihub-search-icon ihub-close-icon"}),t(f,{onClick:ae,className:"ihub-search-icon ihub-search-button ".concat(X?"ihub-disabled":"")})]})]}),X&&t("div",{className:"ihub-loading",children:"Searching..."}),ee&&t("div",{className:"ihub-search-error",children:ee}),c("ul",{className:"ihub-search-results",children:[null==z?void 0:z.map(function(e,n){return c("li",{className:"ihub-search-result-item ihub-valid",onClick:function(){return e&&ce(e)},children:[te(e)&&t(v,{className:"ihub-check-icon",style:{position:"relative",top:"5px",marginRight:"10px"}}),e[A]||(null==e?void 0:e.title)||"",te(e)?t(p,{className:"ihub-delete-icon ihub-ml-auto",onClick:function(){return e&&ce(e,!0)}}):""]},"".concat((null==e?void 0:e.id)||(null==e?void 0:e.username)||n))}),X||ee||z.length||g.length?"":t("li",{className:"ihub-no-results",children:"No available options"})]}),(re=b(g||[]),0===re.length?null:c("ul",{className:"ihub-selected-options",children:[t("h4",{className:"ihub-fs-md",children:"Selected Options:"}),re.map(function(e,n){if(!e||"object"!==i(e))return console.warn("SearchObjectsFromDB: Invalid item in selected array:",e),null;var r=e,a=r[A]||r.title||r.name||r.full_name||r.name_plus_username||r.display_name||r.username||"Item ".concat(n+1),l=e.id||r.username||"selected-".concat(n);return a&&a!=="Item ".concat(n+1)||console.log("SearchObjectsFromDB: Display text debug:",{item:e,keyName:A,itemKeyName:r[A],title:r.title,name:r.name,fullName:r.full_name,displayText:a}),c("li",{children:[t("span",{children:a}),t(p,{className:"ihub-delete-icon",onClick:function(){return ce(e,!0)}})]},l)})]})),H&&t("p",{className:"ihub-error",children:"This field is required"})]})})}var N=o(y);export{N as default};
 //# sourceMappingURL=SearchObjectsFromDB.js.map