@instincthub/react-ui 0.0.4 → 0.0.5

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimeInput.js","sources":["../../../../src/components/forms/DateTimeInput.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, ChangeEvent } from \"react\";\r\n\r\ninterface DateTimeInputProps {\r\n  labels: string;\r\n  names: string;\r\n  requireds?: boolean;\r\n  defaultValues?: string;\r\n}\r\n\r\ninterface DateState {\r\n  day: string;\r\n  month: string;\r\n  year: string;\r\n  hour: string;\r\n  minute: string;\r\n}\r\n\r\n/* \r\n  <DateTimeInput labels=\"Schedule Call Date\" names='scheduled_date' requireds={true} defaultValues=\"2023-02-27T23:40:00+01:00\"/>\r\n*/\r\n\r\nconst DateTimeInput: React.FC<DateTimeInputProps> = (props) => {\r\n  const [dateObject, setDateObject] = useState<string>(\"\");\r\n  const [defaultDateObjects, setDefaultDateObjects] = useState<Date | false>(\r\n    props.defaultValues ? new Date(props.defaultValues) : false\r\n  );\r\n  const [date, setDate] = useState<DateState>({\r\n    day: \"\",\r\n    month: \"\",\r\n    year: \"\",\r\n    hour: \"\",\r\n    minute: \"\",\r\n  });\r\n\r\n  const dayInputRef = useRef<HTMLInputElement>(null);\r\n  const monthInputRef = useRef<HTMLInputElement>(null);\r\n  const yearInputRef = useRef<HTMLInputElement>(null);\r\n  const hourInputRef = useRef<HTMLInputElement>(null);\r\n  const minuteInputRef = useRef<HTMLInputElement>(null);\r\n\r\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n    const { name, value } = e.target;\r\n    const numericValue = value.replace(/[^0-9]/g, \"\");\r\n    setDate((prevDate) => ({\r\n      ...prevDate,\r\n      [name]: numericValue,\r\n    }));\r\n\r\n    if (name === \"day\" && numericValue.length === 2 && monthInputRef.current) {\r\n      monthInputRef.current.focus();\r\n    } else if (\r\n      name === \"month\" &&\r\n      numericValue.length === 2 &&\r\n      yearInputRef.current\r\n    ) {\r\n      yearInputRef.current.focus();\r\n    } else if (\r\n      name === \"year\" &&\r\n      numericValue.length === 4 &&\r\n      hourInputRef.current\r\n    ) {\r\n      hourInputRef.current.focus();\r\n    } else if (\r\n      name === \"hour\" &&\r\n      numericValue.length === 2 &&\r\n      minuteInputRef.current\r\n    ) {\r\n      minuteInputRef.current.focus();\r\n    }\r\n  };\r\n\r\n  const lessThanTen = (num: number): string => {\r\n    if (num < 10) {\r\n      return `0${num}`;\r\n    } else {\r\n      return num.toString();\r\n    }\r\n  };\r\n\r\n  if (defaultDateObjects && typeof defaultDateObjects === \"object\") {\r\n    // Handle default date time.\r\n    setDate({\r\n      day: lessThanTen(defaultDateObjects.getDate()),\r\n      month: lessThanTen(defaultDateObjects.getMonth() + 1),\r\n      year: defaultDateObjects.getFullYear().toString(),\r\n      hour: lessThanTen(defaultDateObjects.getHours()),\r\n      minute: lessThanTen(defaultDateObjects.getMinutes()),\r\n    });\r\n\r\n    setDefaultDateObjects(false);\r\n  }\r\n\r\n  const setToday = (add: number): void => {\r\n    // add is used to add additional day for tomorrow\r\n    const dateObjects = new Date();\r\n    setDate({\r\n      day: lessThanTen(dateObjects.getDate() + add),\r\n      month: lessThanTen(dateObjects.getMonth() + 1),\r\n      year: dateObjects.getFullYear().toString(),\r\n      hour: lessThanTen(dateObjects.getHours()),\r\n      minute: lessThanTen(dateObjects.getMinutes()),\r\n    });\r\n  };\r\n\r\n  const clearDate = (): void => {\r\n    setDate({\r\n      day: \"\",\r\n      month: \"\",\r\n      year: \"\",\r\n      hour: \"\",\r\n      minute: \"\",\r\n    });\r\n  };\r\n\r\n  useEffect(() => {\r\n    setDateObject(\r\n      `${date.year}-${date.month}-${date.day} ${date.hour}:${date.minute}:00.000000`\r\n    );\r\n  }, [date.year, date.month, date.day, date.hour, date.minute]);\r\n\r\n  return (\r\n    <div className={props.names}>\r\n      <div className=\"field\">\r\n        <h5 className=\"mt-3\">{props.labels}</h5>\r\n        <input\r\n          type=\"text\"\r\n          hidden\r\n          defaultValue={dateObject && date.day ? dateObject : \"\"}\r\n          name={props.names}\r\n        />\r\n        <div className=\"ihub-datetime-container\">\r\n          <div className=\"ihub-date-wrapper\">\r\n            <input\r\n              type=\"text\"\r\n              name=\"day\"\r\n              value={date.day}\r\n              onChange={handleChange}\r\n              maxLength={2}\r\n              placeholder=\"DD\"\r\n              ref={dayInputRef}\r\n              required={props.requireds}\r\n              className=\"ihub-date-input\"\r\n            />\r\n            <input\r\n              type=\"text\"\r\n              name=\"month\"\r\n              value={date.month}\r\n              onChange={handleChange}\r\n              maxLength={2}\r\n              placeholder=\"MM\"\r\n              ref={monthInputRef}\r\n              required={props.requireds}\r\n              className=\"ihub-date-input\"\r\n            />\r\n            <input\r\n              type=\"text\"\r\n              name=\"year\"\r\n              value={date.year}\r\n              onChange={handleChange}\r\n              maxLength={4}\r\n              placeholder=\"YYYY\"\r\n              ref={yearInputRef}\r\n              className=\"ihub-date-input ihub-date-year\"\r\n              required={props.requireds}\r\n            />\r\n          </div>\r\n          <div className=\"ihub-datetime-separator\">-</div>\r\n          <div className=\"ihub-time-wrapper\">\r\n            <input\r\n              type=\"text\"\r\n              name=\"hour\"\r\n              value={date.hour}\r\n              onChange={handleChange}\r\n              maxLength={2}\r\n              placeholder=\"HH\"\r\n              ref={hourInputRef}\r\n              required={props.requireds}\r\n              className=\"ihub-date-input\"\r\n            />\r\n            <input\r\n              type=\"text\"\r\n              name=\"minute\"\r\n              value={date.minute}\r\n              onChange={handleChange}\r\n              maxLength={2}\r\n              placeholder=\"MM\"\r\n              ref={minuteInputRef}\r\n              required={props.requireds}\r\n              className=\"ihub-date-input\"\r\n            />\r\n          </div>\r\n        </div>\r\n        <p className=\"ihub-auto-date\">\r\n          <span className=\"ihub-set-today\" onClick={() => setToday(0)}>\r\n            Today\r\n          </span>\r\n          <span className=\"ihub-separator\">|</span>\r\n          <span className=\"ihub-set-tomorrow\" onClick={() => setToday(1)}>\r\n            Tomorrow\r\n          </span>\r\n          <span className=\"ihub-separator\">|</span>\r\n          <span className=\"ihub-clear-date\" onClick={clearDate}>\r\n            Clear\r\n          </span>\r\n        </p>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default DateTimeInput;\r\n"],"names":["props","_useState","useState","_useState2","_slicedToArray","dateObject","setDateObject","_useState3","defaultValues","Date","_useState4","defaultDateObjects","setDefaultDateObjects","_useState5","day","month","year","hour","minute","_useState6","date","setDate","dayInputRef","useRef","monthInputRef","yearInputRef","hourInputRef","minuteInputRef","handleChange","e","_e$target","target","name","numericValue","value","replace","prevDate","_objectSpread","_defineProperty","length","current","focus","lessThanTen","num","concat","toString","_typeof","getDate","getMonth","getFullYear","getHours","getMinutes","setToday","add","dateObjects","useEffect","_jsx","className","names","children","_jsxs","jsxs","jsx","labels","type","hidden","defaultValue","onChange","maxLength","placeholder","ref","required","requireds","onClick"],"mappings":"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"}
+{"version":3,"file":"DateTimeInput.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+import{slicedToArray as t,asyncToGenerator as e,regeneratorRuntime as r,typeof as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as o,jsx as a}from"react/jsx-runtime";import{utils as u,writeFile as l}from"../../../node_modules/xlsx/xlsx.mjs.js";import{useState as s}from"react";import{openToast as c,openConfirmModal as i}from"../lib/modals/modals.js";import f from"@mui/icons-material/FileDownloadOutlined";import{reqOptions as p,API_HOST_URL as d}from"../lib/helpFunction.js";import m from"./SubmitButton.js";var b=function(b){var h=s(1),x=t(h,2),v=x[0],w=x[1],j=function(){var t=e(r().mark((function t(){var e,n,o;return r().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return w(0),e=p("get",null,b.token),t.next=4,fetch(d+b.urlPath,e);case 4:return n=t.sent,t.next=7,n.json();case 7:return o=t.sent,w(1),t.abrupt("return",o);case 10:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}(),y=function(t){var e=[];return t.results.forEach((function(t){var r={};!function t(e){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";Object.keys(e).forEach((function(a){var u=o?"".concat(o,"_").concat(a):a;Array.isArray(e[a])?e[a].forEach((function(e,o){"object"===n(e)&&null!==e?t(e,"".concat(u,"_").concat(o)):r["".concat(u,"_").concat(o)]=e})):"object"===n(e[a])&&null!==e[a]?t(e[a],u):r[u]=e[a]}))}(t),e.push(r)})),e},_=function(){var t=e(r().mark((function t(e){var n,o,a,s,f,p;return r().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return e&&e.preventDefault(),t.next=4,i("Are you sure you want to download record?");case 4:if(t.sent){t.next=8;break}return w(1),t.abrupt("return");case 8:return t.next=10,j();case 10:if(null==(o=t.sent)||!o.detail){t.next=16;break}return c("".concat(o.detail),400),t.abrupt("return");case 16:if(null!=o&&null!==(n=o.results)&&void 0!==n&&n.length){t.next=19;break}return c("No result was found!",400),t.abrupt("return");case 19:a=y(o),s=u.json_to_sheet(a),f=u.book_new(),u.book_append_sheet(f,s,"Sheet1"),p="".concat(b.fileName||"data",".xlsx"),l(f,p),c("Record was downloaded: ".concat(p));case 26:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}();return b.plainBtn?o("div",{className:"ihub-plain-download",onClick:function(){return _()},role:"button",tabIndex:0,children:[a(f,{style:{position:"relative",top:"5px",marginRight:"10px"}})," ",b.labels?b.labels:"Download"]}):a("form",{onSubmit:_,children:a(m,{label:b.labels?b.labels:"Download",status:v,name:"download"})})};export{b as default};
+//# sourceMappingURL=DownloadAsExcel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadAsExcel.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react/jsx-runtime"),s=require("react"),t=require("../../../node_modules/react-dropzone/dist/es/index.js");exports.default=function(l){var i=l.onDrop,a=l.tmplateUrl,c=void 0===a?"https://github.com/instincthub/images/raw/main/leadcontact_upload_template.xlsx":a,o=s.useState(""),n=e.slicedToArray(o,2),d=n[0],p=n[1],u=s.useCallback((function(e){var r=e[0];p(r.name),i(r)}),[i]),x=t.useDropzone({onDropAccepted:u,accept:{"application/vnd.ms-excel":[".xlsx",".xls"],"text/csv":[".csv"]},maxFiles:1}),h=x.getRootProps,j=x.getInputProps,m=x.isDragActive;return r.jsxs("div",{className:"ihub-dropzone",children:[r.jsxs("div",e.objectSpread2(e.objectSpread2({},h()),{},{className:"ihub-dropzone-wrap",children:[r.jsx("input",e.objectSpread2({},j())),m?r.jsx("p",{children:"Drop the files here ..."}):r.jsx("p",{children:"Drag 'n' drop \".xlsx, .xls, .csv\" files here, or click to select files"}),d&&r.jsxs("p",{children:["File: ",d]})]})),!d&&r.jsxs("div",{className:"ihub-download-template",children:[r.jsx("p",{children:"PS: Existing contact will be update while new contacts will be created."}),r.jsx("a",{href:c,children:"Download Template"})]})]})};
+import{slicedToArray as e,objectSpread2 as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as i}from"react/jsx-runtime";import{useState as l,useCallback as a}from"react";import{useDropzone as o}from"../../../node_modules/react-dropzone/dist/es/index.js";var c=function(c){var s=c.onDrop,n=c.tmplateUrl,p=void 0===n?"https://github.com/instincthub/images/raw/main/leadcontact_upload_template.xlsx":n,d=l(""),m=e(d,2),h=m[0],u=m[1],x=a((function(e){var r=e[0];u(r.name),s(r)}),[s]),v=o({onDropAccepted:x,accept:{"application/vnd.ms-excel":[".xlsx",".xls"],"text/csv":[".csv"]},maxFiles:1}),f=v.getRootProps,b=v.getInputProps,g=v.isDragActive;return t("div",{className:"ihub-dropzone",children:[t("div",r(r({},f()),{},{className:"ihub-dropzone-wrap",children:[i("input",r({},b())),i("p",g?{children:"Drop the files here ..."}:{children:"Drag 'n' drop \".xlsx, .xls, .csv\" files here, or click to select files"}),h&&t("p",{children:["File: ",h]})]})),!h&&t("div",{className:"ihub-download-template",children:[i("p",{children:"PS: Existing contact will be update while new contacts will be created."}),i("a",{href:p,children:"Download Template"})]})]})};export{c as default};
 //# sourceMappingURL=DropFile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropFile.js","sources":["../../../../src/components/forms/DropFile.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\r\nimport { useDropzone, DropzoneOptions } from \"react-dropzone\";\r\n\r\ninterface DropFileProps {\r\n  onDrop: (file: File) => void;\r\n  tmplateUrl: string;\r\n}\r\n\r\nconst DropFile: React.FC<DropFileProps> = ({\r\n  onDrop,\r\n  tmplateUrl = \"https://github.com/instincthub/images/raw/main/leadcontact_upload_template.xlsx\",\r\n}) => {\r\n  const [fileName, setFileName] = useState<string>(\"\");\r\n\r\n  const onDropAccepted = useCallback(\r\n    (acceptedFiles: File[]) => {\r\n      const file = acceptedFiles[0];\r\n      setFileName(file.name);\r\n      onDrop(file);\r\n    },\r\n    [onDrop]\r\n  );\r\n\r\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\r\n    onDropAccepted,\r\n    accept: {\r\n      \"application/vnd.ms-excel\": [\".xlsx\", \".xls\"],\r\n      \"text/csv\": [\".csv\"],\r\n    },\r\n    maxFiles: 1,\r\n  } as DropzoneOptions);\r\n\r\n  return (\r\n    <div className=\"ihub-dropzone\">\r\n      <div {...getRootProps()} className=\"ihub-dropzone-wrap\">\r\n        <input {...getInputProps()} />\r\n        {isDragActive ? (\r\n          <p>Drop the files here ...</p>\r\n        ) : (\r\n          <p>\r\n            Drag 'n' drop \".xlsx, .xls, .csv\" files here, or click to select\r\n            files\r\n          </p>\r\n        )}\r\n\r\n        {fileName && <p>File: {fileName}</p>}\r\n      </div>\r\n      {!fileName && (\r\n        <div className=\"ihub-download-template\">\r\n          <p>\r\n            PS: Existing contact will be update while new contacts will be\r\n            created.\r\n          </p>\r\n          <a href={tmplateUrl}>Download Template</a>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default DropFile;\r\n"],"names":["_ref","onDrop","_ref$tmplateUrl","tmplateUrl","_useState","useState","_useState2","_slicedToArray","fileName","setFileName","onDropAccepted","useCallback","acceptedFiles","file","name","_useDropzone","useDropzone","accept","maxFiles","getRootProps","getInputProps","isDragActive","_jsxs","className","children","_objectSpread","objectSpread2","_jsx","jsx","jsxs","href"],"mappings":"yQAQ0C,SAA5BA,GAGT,IAFHC,EAAMD,EAANC,OAAMC,EAAAF,EACNG,WAAAA,OAAa,IAAHD,EAAG,kFAAiFA,EAE9FE,EAAgCC,EAAQA,SAAS,IAAGC,EAAAC,EAAAA,cAAAH,EAAA,GAA7CI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAEtBI,EAAiBC,eACrB,SAACC,GACC,IAAMC,EAAOD,EAAc,GAC3BH,EAAYI,EAAKC,MACjBb,EAAOY,EACT,GACA,CAACZ,IAGHc,EAAsDC,EAAAA,YAAY,CAChEN,eAAAA,EACAO,OAAQ,CACN,2BAA4B,CAAC,QAAS,QACtC,WAAY,CAAC,SAEfC,SAAU,IANJC,EAAYJ,EAAZI,aAAcC,EAAaL,EAAbK,cAAeC,EAAYN,EAAZM,aASrC,OACEC,EAAAA,KAAA,MAAA,CAAKC,UAAU,gBAAeC,SAAA,CAC5BF,OAAS,MAAAG,EAAAC,cAAAD,EAAAC,cAAA,GAAAP,KAAc,GAAA,CAAEI,UAAU,qBAAoBC,SAAA,CACrDG,EAAAA,IAAW,QAAAF,gBAAAL,CAAAA,EAAAA,MACVC,EACCM,EAAAA,IAA8B,IAAA,CAAAH,SAAA,4BAE9BG,EAGIC,IAAA,IAAA,CAAAJ,SAAA,6EAGLhB,GAAYc,EAAAO,KAAA,IAAA,CAAAL,SAAA,CAAA,SAAUhB,UAEvBA,GACAc,EAAAA,KAAK,MAAA,CAAAC,UAAU,yBACbC,SAAA,CAAAG,EAAAC,IAAA,IAAA,CAAAJ,SAAA,4EAIAG,EAAAC,IAAA,IAAA,CAAGE,KAAM3B,EAAUqB,SAAA,2BAK7B"}
+{"version":3,"file":"DropFile.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react/jsx-runtime"),a=require("react");exports.default=function(r){var n=r.setEmailListValue,i=r.names,l=a.useState([]),s=e.slicedToArray(l,2),u=s[0],o=s[1],c=a.useState(""),m=e.slicedToArray(c,2),d=m[0],p=m[1],h=a.useState([]),b=e.slicedToArray(h,2);b[0];var v=b[1],f=a.useState(""),y=e.slicedToArray(f,2),x=y[0],j=y[1],A=function(t){var a;(void 0===t||["Enter","Tab",","].includes(t.key))&&(t&&t.preventDefault(),/^\S+@\S+\.\S+$/.test(d)&&(a=d.split(",").map((function(e){return e.trim()})),u.includes(a[0])?j("Email already exist in the group."):(o((function(t){return[].concat(e.toConsumableArray(t),e.toConsumableArray(a))})),n&&n((function(t){return[].concat(e.toConsumableArray(t),e.toConsumableArray(a))})),p(""),x&&j(""))))};return t.jsxs("div",{className:"ihub-email-list ".concat(i||""),children:[t.jsx("ul",{className:"field",children:u.map((function(a,r){return t.jsxs("li",{className:"ihub-email-item",children:[t.jsx("span",{className:"ihub-email-text",children:a}),t.jsx("span",{onClick:function(){return function(t){o((function(a){return[].concat(e.toConsumableArray(a.slice(0,t)),e.toConsumableArray(a.slice(t+1)))}))}(r)},className:"material-symbols-outlined ihub-email-icon",children:"close"})]},r)}))}),t.jsx("input",{name:i,hidden:!0,value:u.join(",")}),t.jsx("input",{type:"text",value:d,onChange:function(e){var t=e.target.value.split(",").map((function(e){return e.trim()}));t.length>1?v(t):p(e.target.value)},onBlur:function(e){e.target.value&&(A(),e.target.value="")},onKeyDown:A,placeholder:"Separate emails with commas or 'Enter'",className:"ihub-input"}),x&&t.jsx("p",{className:"ihub-notes ihub-is_invalid",children:x})]})};
+import{slicedToArray as e,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as a}from"react/jsx-runtime";import{useState as i}from"react";var r=function(r){var l=r.setEmailListValue,u=r.names,c=i([]),o=e(c,2),s=o[0],m=o[1],p=i(""),d=e(p,2),h=d[0],f=d[1],v=i([]),b=e(v,2);b[0];var g=b[1],y=i(""),N=e(y,2),x=N[0],E=N[1],S=function(e){var n;(void 0===e||["Enter","Tab",","].includes(e.key))&&(e&&e.preventDefault(),/^\S+@\S+\.\S+$/.test(h)&&(n=h.split(",").map((function(e){return e.trim()})),s.includes(n[0])?E("Email already exist in the group."):(m((function(e){return[].concat(t(e),t(n))})),l&&l((function(e){return[].concat(t(e),t(n))})),f(""),x&&E(""))))};return n("div",{className:"ihub-email-list ".concat(u||""),children:[a("ul",{className:"field",children:s.map((function(e,i){return n("li",{className:"ihub-email-item",children:[a("span",{className:"ihub-email-text",children:e}),a("span",{onClick:function(){return function(e){m((function(n){return[].concat(t(n.slice(0,e)),t(n.slice(e+1)))}))}(i)},className:"material-symbols-outlined ihub-email-icon",children:"close"})]},i)}))}),a("input",{name:u,hidden:!0,value:s.join(",")}),a("input",{type:"text",value:h,onChange:function(e){var t=e.target.value.split(",").map((function(e){return e.trim()}));t.length>1?g(t):f(e.target.value)},onBlur:function(e){e.target.value&&(S(),e.target.value="")},onKeyDown:S,placeholder:"Separate emails with commas or 'Enter'",className:"ihub-input"}),x&&a("p",{className:"ihub-input-notes ihub-is_invalid",children:x})]})};export{r as default};
 //# sourceMappingURL=EmailList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmailList.js","sources":["../../../../src/components/forms/EmailList.tsx"],"sourcesContent":["import React, { useState, KeyboardEvent, ChangeEvent, FocusEvent } from \"react\";\r\n\r\ninterface EmailListProps {\r\n  setEmailListValue?: (value: (prevEmails: string[]) => string[]) => void;\r\n  names?: string;\r\n}\r\n\r\nconst EmailList: React.FC<EmailListProps> = ({ setEmailListValue, names }) => {\r\n  const [emails, setEmails] = useState<string[]>([]);\r\n  const [newEmail, setNewEmail] = useState<string>(\"\");\r\n  const [newGroupEmail, setNewGroupEmail] = useState<string[]>([]);\r\n  const [message, setMessage] = useState<string>(\"\");\r\n\r\n  const handleEmailAdd = (): void => {\r\n    const newEmails = newEmail.split(\",\").map((email) => email.trim());\r\n\r\n    if (!emails.includes(newEmails[0])) {\r\n      // check if email already on the list\r\n\r\n      // add new email to list.\r\n      setEmails((prevEmails) => [...prevEmails, ...newEmails]);\r\n\r\n      setEmailListValue &&\r\n        setEmailListValue((prevEmails) => [...prevEmails, ...newEmails]);\r\n      setNewEmail(\"\");\r\n      message && setMessage(\"\");\r\n    } else {\r\n      // print message if already exist.\r\n      setMessage(\"Email already exist in the group.\");\r\n    }\r\n  };\r\n\r\n  const handleEmailDelete = (index: number): void => {\r\n    setEmails((prevEmails) => [\r\n      ...prevEmails.slice(0, index),\r\n      ...prevEmails.slice(index + 1),\r\n    ]);\r\n  };\r\n\r\n  const isValidEmail = (email: string): boolean => {\r\n    const emailRegex = /^\\S+@\\S+\\.\\S+$/;\r\n    return emailRegex.test(email);\r\n  };\r\n\r\n  const handleKeyPress = (e?: KeyboardEvent<HTMLInputElement>): void => {\r\n    if (e === undefined || [\"Enter\", \"Tab\", \",\"].includes(e.key)) {\r\n      e && e.preventDefault();\r\n      if (isValidEmail(newEmail)) {\r\n        handleEmailAdd();\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>): void => {\r\n    const newEmails = e.target.value.split(\",\").map((email) => email.trim());\r\n    if (newEmails.length > 1) {\r\n      setNewGroupEmail(newEmails);\r\n    } else {\r\n      setNewEmail(e.target.value);\r\n    }\r\n  };\r\n\r\n  const handleInputBlur = (e: FocusEvent<HTMLInputElement>): void => {\r\n    // If the user forgot to add comma\r\n    // The event returns undefined object\r\n    if (e.target.value) {\r\n      handleKeyPress();\r\n      e.target.value = \"\"; // empty the field\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className={`ihub-email-list ${names || \"\"}`}>\r\n      <ul className=\"field\">\r\n        {emails.map((email, index) => (\r\n          <li key={index} className=\"ihub-email-item\">\r\n            <span className=\"ihub-email-text\">{email}</span>\r\n            <span\r\n              onClick={() => handleEmailDelete(index)}\r\n              className=\"material-symbols-outlined ihub-email-icon\"\r\n            >\r\n              close\r\n            </span>\r\n          </li>\r\n        ))}\r\n      </ul>\r\n      <input name={names} hidden value={emails.join(\",\")} />\r\n      <input\r\n        type=\"text\"\r\n        value={newEmail}\r\n        onChange={handleInputChange}\r\n        onBlur={handleInputBlur}\r\n        onKeyDown={handleKeyPress}\r\n        placeholder=\"Separate emails with commas or 'Enter'\"\r\n        className=\"ihub-input\"\r\n      />\r\n      {message && <p className=\"ihub-notes ihub-is_invalid\">{message}</p>}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default EmailList;\r\n"],"names":["_ref","setEmailListValue","names","_useState","useState","_useState2","_slicedToArray","emails","setEmails","_useState3","_useState4","newEmail","setNewEmail","_useState5","_useState6","slicedToArray","setNewGroupEmail","_useState7","_useState8","message","setMessage","handleKeyPress","e","newEmails","undefined","includes","key","preventDefault","test","split","map","email","trim","prevEmails","concat","_toConsumableArray","toConsumableArray","_jsxs","className","children","_jsx","jsx","index","onClick","slice","handleEmailDelete","name","hidden","value","join","type","onChange","target","length","onBlur","onKeyDown","placeholder"],"mappings":"sMAO4C,SAA7BA,GAA8D,IAA9BC,EAAiBD,EAAjBC,kBAAmBC,EAAKF,EAALE,MAChEC,EAA4BC,EAAQA,SAAW,IAAGC,EAAAC,EAAAA,cAAAH,EAAA,GAA3CI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GACxBI,EAAgCL,EAAQA,SAAS,IAAGM,EAAAJ,EAAAA,cAAAG,EAAA,GAA7CE,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAC5BG,EAA0CT,WAAmB,IAAGU,EAAAR,EAAAS,cAAAF,EAAA,GAA5CC,EAAA,GAAEE,IAAAA,EAAgBF,EAAA,GACtCG,EAA8Bb,EAAQA,SAAS,IAAGc,EAAAZ,EAAAA,cAAAW,EAAA,GAA3CE,EAAOD,EAAA,GAAEE,EAAUF,EAAA,GAiCpBG,EAAiB,SAACC,GA/BD,IACfC,QA+BIC,IAANF,GAAmB,CAAC,QAAS,MAAO,KAAKG,SAASH,EAAEI,QACtDJ,GAAKA,EAAEK,iBANU,iBACDC,KAMCjB,KAjCbY,EAAYZ,EAASkB,MAAM,KAAKC,KAAI,SAACC,GAAK,OAAKA,EAAMC,UAEtDzB,EAAOkB,SAASF,EAAU,IAY7BH,EAAW,sCARXZ,GAAU,SAACyB,GAAU,MAAAC,GAAAA,OAAAC,EAAAC,kBAASH,GAAUE,EAAAC,kBAAKb,GAAS,IAEtDtB,GACEA,GAAkB,SAACgC,GAAU,MAAAC,GAAAA,OAAAC,EAAAC,kBAASH,GAAUE,EAAAC,kBAAKb,GAAS,IAChEX,EAAY,IACZO,GAAWC,EAAW,QA8C1B,OACEiB,EAAAA,KAAK,MAAA,CAAAC,6BAASJ,OAAqBhC,GAAS,IAC1CqC,SAAA,CAAAC,EAAAC,IAAA,KAAA,CAAIH,UAAU,QAAOC,SAClBhC,EAAOuB,KAAI,SAACC,EAAOW,GAAK,OACvBL,EAAAA,KAAgB,KAAA,CAAAC,UAAU,kBAAiBC,SAAA,CACzCC,EAAMC,IAAA,OAAA,CAAAH,UAAU,kBAAmBC,SAAAR,IACnCS,EACEC,IAAA,OAAA,CAAAE,QAAS,WAAF,OA9CO,SAACD,GACzBlC,GAAU,SAACyB,GAAU,MAAAC,GAAAA,OAAAC,EAAAA,kBAChBF,EAAWW,MAAM,EAAGF,IAAMP,EAAAA,kBAC1BF,EAAWW,MAAMF,EAAQ,IAAE,IA2CPG,CAAkBH,EAAM,EACvCJ,UAAU,4CAGLC,SAAA,YAPAG,QAWbF,EAAAC,IAAA,QAAA,CAAOK,KAAM5C,EAAO6C,QAAM,EAACC,MAAOzC,EAAO0C,KAAK,OAC9CT,EACEC,IAAA,QAAA,CAAAS,KAAK,OACLF,MAAOrC,EACPwC,SArCoB,SAAC7B,GACzB,IAAMC,EAAYD,EAAE8B,OAAOJ,MAAMnB,MAAM,KAAKC,KAAI,SAACC,GAAK,OAAKA,EAAMC,UAC7DT,EAAU8B,OAAS,EACrBrC,EAAiBO,GAEjBX,EAAYU,EAAE8B,OAAOJ,QAiCnBM,OA7BkB,SAAChC,GAGnBA,EAAE8B,OAAOJ,QACX3B,IACAC,EAAE8B,OAAOJ,MAAQ,KAyBfO,UAAWlC,EACXmC,YAAY,yCACZlB,UAAU,eAEXnB,GAAWqB,EAAAC,IAAA,IAAA,CAAGH,UAAU,6BAA4BC,SAAEpB,MAG7D"}
+{"version":3,"file":"EmailList.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),s=require("react/jsx-runtime"),t=require("react");exports.default=function(r){var a=r.options,i=r.defaultValues,l=void 0===i?"":i,n=r.notUpperCases,u=void 0!==n&&n,c=r.names,d=r.labels,o=r.setSelectedValue,p=r.defaultWidth,m=r.requireds,h=r.errs,_=r.setArrayProps,x=r.arrayProps,b=r.dataNames,f=t.useState(!1),j=e.slicedToArray(f,2),v=j[0],y=j[1],N=t.useState(l),q=e.slicedToArray(N,2),C=q[0],P=q[1];return t.useEffect((function(){P(l)}),[l]),s.jsxs("div",{className:"ihub-select ".concat(h?"ihub-form-err":""),style:{width:p||"300px"},id:"id_".concat(c),children:[s.jsxs("div",{className:"ihub-select__btn",onClick:function(){return y(!v)},children:[s.jsxs("div",{children:[s.jsx("input",{type:"text",defaultValue:u?C:null==C?void 0:C.toUpperCase(),name:c,className:"ihub-select__input",required:m,"data-name":b||c}),s.jsx("p",{children:C||"..."})]}),d&&s.jsx("label",{className:"ihub-select__label",children:d}),s.jsx("span",{className:"material-symbols-outlined",children:"expand_more"})]}),v&&s.jsx("div",{className:"ihub-select__content",children:a.map((function(e){return s.jsx("div",{className:"ihub-select__item",onClick:function(){return function(e){P(e),o&&o(e),_&&_(x||[],e),y(!1)}(e)},children:e},e)}))})]})};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,jsx as i}from"react/jsx-runtime";import{useState as t,useEffect as r}from"react";var l=function(l){var n=l.options,s=l.defaultValue,c=void 0===s?"":s,u=l.notUpperCase,o=void 0!==u&&u,d=l.name,m=l.label,p=l.setValue,h=l.setNameValue,b=l.defaultWidth,f=l.required,_=l.err,v=l.setArrayProps,N=l.arrayProps,y=l.dataName,x=l.notes,C=t(!1),V=e(C,2),P=V[0],j=V[1],k=t(c),q=e(k,2),A=q[0],U=q[1];return r((function(){U(c)}),[c]),a("div",{children:[a("div",{className:"ihub-select ".concat(_?"ihub-form-err":""),style:{width:b||"300px"},id:"id_".concat(d),children:[a("div",{className:"ihub-select__btn",onClick:function(){return j(!P)},children:[a("div",{children:[i("input",{type:"text",defaultValue:o?A:null==A?void 0:A.toUpperCase(),name:d,className:"ihub-select__input",required:f,"data-name":y||d}),i("p",{children:A||"..."})]}),m&&i("label",{className:"ihub-select__label",children:m}),i("span",{className:"material-symbols-outlined",children:"expand_more"})]}),P&&i("div",{className:"ihub-select__content",children:n.map((function(e){return i("div",{className:"ihub-select__item",onClick:function(){return function(e){U(e),p&&p(e),h&&h(d,e),v&&v(N||[],e),j(!1)}(e)},children:e},e)}))})]}),x&&i("p",{className:"ihub-input-notes",children:x})]})};export{l as default};
 //# sourceMappingURL=FilterArray.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterArray.js","sources":["../../../../src/components/forms/FilterArray.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\n\r\n// Define the props interface for the FilterArray component\r\ninterface FilterArrayProps {\r\n  options: string[];\r\n  defaultValues?: string;\r\n  notUpperCases?: boolean;\r\n  names: string;\r\n  labels?: string;\r\n  setSelectedValue?: (value: string) => void;\r\n  defaultWidth?: string;\r\n  requireds?: boolean;\r\n  errs?: boolean;\r\n  setArrayProps?: (arrayProps: any[], option: string) => void;\r\n  arrayProps?: any[];\r\n  dataNames?: string;\r\n}\r\n\r\nconst FilterArray: React.FC<FilterArrayProps> = ({\r\n  options,\r\n  defaultValues = \"\",\r\n  notUpperCases = false,\r\n  names,\r\n  labels,\r\n  setSelectedValue,\r\n  defaultWidth,\r\n  requireds,\r\n  errs,\r\n  setArrayProps,\r\n  arrayProps,\r\n  dataNames,\r\n}) => {\r\n  const [isActive, setIsActive] = useState<boolean>(false);\r\n  const [selected, setSelected] = useState<string>(defaultValues);\r\n\r\n  const handleOptionClick = (option: string): void => {\r\n    setSelected(option);\r\n    setSelectedValue && setSelectedValue(option);\r\n    setArrayProps && setArrayProps(arrayProps || [], option);\r\n    setIsActive(false);\r\n  };\r\n\r\n  useEffect(() => {\r\n    setSelected(defaultValues);\r\n  }, [defaultValues]);\r\n\r\n  return (\r\n    <div \r\n      className={`ihub-select ${errs ? \"ihub-form-err\" : \"\"}`}\r\n      style={{ width: defaultWidth || \"300px\" }}\r\n      id={`id_${names}`}\r\n    >\r\n      <div className=\"ihub-select__btn\" onClick={() => setIsActive(!isActive)}>\r\n        <div>\r\n          <input\r\n            type=\"text\"\r\n            defaultValue={!notUpperCases ? selected?.toUpperCase() : selected}\r\n            name={names}\r\n            className=\"ihub-select__input\"\r\n            required={requireds}\r\n            data-name={dataNames || names}\r\n          />\r\n          <p>{selected || \"...\"}</p>\r\n        </div>\r\n        {labels && <label className=\"ihub-select__label\">{labels}</label>}\r\n        <span className=\"material-symbols-outlined\">expand_more</span>\r\n      </div>\r\n      {isActive && (\r\n        <div className=\"ihub-select__content\">\r\n          {options.map((option) => (\r\n            <div\r\n              key={option}\r\n              className=\"ihub-select__item\"\r\n              onClick={() => handleOptionClick(option)}\r\n            >\r\n              {option}\r\n            </div>\r\n          ))}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default FilterArray;"],"names":["_ref","options","_ref$defaultValues","defaultValues","_ref$notUpperCases","notUpperCases","names","labels","setSelectedValue","defaultWidth","requireds","errs","setArrayProps","arrayProps","dataNames","_useState","useState","_useState2","_slicedToArray","isActive","setIsActive","_useState3","_useState4","selected","setSelected","useEffect","_jsxs","className","concat","style","width","id","children","jsxs","onClick","_jsx","type","defaultValue","toUpperCase","name","required","jsx","map","option","handleOptionClick"],"mappings":"sMAkBgD,SAA/BA,GAaZ,IAZHC,EAAOD,EAAPC,QAAOC,EAAAF,EACPG,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAAJ,EAClBK,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAKN,EAALM,MACAC,EAAMP,EAANO,OACAC,EAAgBR,EAAhBQ,iBACAC,EAAYT,EAAZS,aACAC,EAASV,EAATU,UACAC,EAAIX,EAAJW,KACAC,EAAaZ,EAAbY,cACAC,EAAUb,EAAVa,WACAC,EAASd,EAATc,UAEAC,EAAgCC,EAAQA,UAAU,GAAMC,EAAAC,EAAAA,cAAAH,EAAA,GAAjDI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAC5BI,EAAgCL,EAAQA,SAASb,GAAcmB,EAAAJ,EAAAA,cAAAG,EAAA,GAAxDE,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAa5B,OAJAG,EAAAA,WAAU,WACRD,EAAYrB,EACd,GAAG,CAACA,IAGFuB,EAAAA,KAAA,MAAA,CACEC,UAAS,eAAAC,OAAiBjB,EAAO,gBAAkB,IACnDkB,MAAO,CAAEC,MAAOrB,GAAgB,SAChCsB,GAAEH,MAAAA,OAAQtB,GAAO0B,SAAA,CAEjBN,EAAKO,KAAA,MAAA,CAAAN,UAAU,mBAAmBO,QAAS,WAAF,OAAQd,GAAaD,EAAS,EACrEa,SAAA,CAAAN,EAAAO,KAAA,MAAA,CAAAD,SAAA,CACEG,eACEC,KAAK,OACLC,aAAehC,EAA0CkB,EAA1BA,aAAAA,EAAAA,EAAUe,cACzCC,KAAMjC,EACNqB,UAAU,qBACVa,SAAU9B,EACC,YAAAI,GAAaR,IAE1B6B,EAAAM,IAAA,IAAA,CAAAT,SAAIT,GAAY,WAEjBhB,GAAU4B,EAAOM,IAAA,QAAA,CAAAd,UAAU,qBAAoBK,SAAEzB,IAClD4B,EAAMM,IAAA,OAAA,CAAAd,UAAU,wDAEjBR,GACCgB,EAAKM,IAAA,MAAA,CAAAd,UAAU,gCACZ1B,EAAQyC,KAAI,SAACC,GAAM,OAClBR,EAAAA,IAEE,MAAA,CAAAR,UAAU,oBACVO,QAAS,WAAF,OAtCO,SAACS,GACzBnB,EAAYmB,GACZnC,GAAoBA,EAAiBmC,GACrC/B,GAAiBA,EAAcC,GAAc,GAAI8B,GACjDvB,GAAY,GAkCawB,CAAkBD,EAAO,WAEvCA,GAJIA,UAWnB"}
+{"version":3,"file":"FilterArray.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react/jsx-runtime"),s=require("react");exports.default=function(r){var n=r.selected,i=r.setSelected,l=s.useState(!1),a=e.slicedToArray(l,2),c=a[0],o=a[1];return t.jsxs("div",{className:"select_me",children:[t.jsxs("div",{className:"select-btn",onClick:function(){return o(!c)},children:[t.jsx("input",{type:"text",defaultValue:n,readOnly:!0,className:"input_drop",onChange:function(){}}),t.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M6 9L12 15L18 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),c&&t.jsx("div",{className:"select_content",children:["Last 7days","Last 14 days","This month","Last Month"].map((function(e){return t.jsx("div",{className:"select_items",onClick:function(){i(e),o(!1)},children:e},e)}))})]})};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as n}from"react/jsx-runtime";import{useState as r}from"react";var s=function(s){var i=s.selected,l=s.setSelected,o=r(!1),a=e(o,2),c=a[0],d=a[1];return t("div",{className:"select_me",children:[t("div",{className:"select-btn",onClick:function(){return d(!c)},children:[n("input",{type:"text",defaultValue:i,readOnly:!0,className:"input_drop",onChange:function(){}}),n("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:n("path",{d:"M6 9L12 15L18 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),c&&n("div",{className:"select_content",children:["Last 7days","Last 14 days","This month","Last Month"].map((function(e){return n("div",{className:"select_items",onClick:function(){l(e),d(!1)},children:e},e)}))})]})};export{s as default};
 //# sourceMappingURL=FilterBy.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),s=require("react/jsx-runtime"),t=require("react"),a=require("@mui/icons-material/ExpandMore"),i=require("../lib/helpFunction.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(a);exports.default=function(a){var l=t.useState(!1),u=e.slicedToArray(l,2),n=u[0],o=u[1],d=t.useState("Choose..."),c=e.slicedToArray(d,2),f=c[0],p=c[1],h=t.useState([]),b=e.slicedToArray(h,2),m=b[0],j=b[1],v=t.useState(""),_=e.slicedToArray(v,2),x=_[0],y=_[1];t.useEffect((function(){var e=[];for(var s in a.options)a.options[s].id===a.defaultValues&&(p(a.options[s].title),y(a.options[s].id)),e.push(a.options[s]);j(e)}),[a.options,a.defaultValues]),t.useEffect((function(){var s;if("object"===e.typeof(a.defaultValues)&&null!==(s=a.defaultValues)&&void 0!==s&&s.id)p(a.defaultValues.title),y(a.defaultValues.id);else if(a.defaultValues){var t=a.options.find((function(e){return e.id===a.defaultValues}));null!=t&&t.id&&(p(t.title),y(t.id))}else p("Choose..."),y("")}),[a.defaultValues,a.options]);return s.jsxs("div",{className:"ihub-select ".concat(a.errs?"ihub-form-err":""),style:{width:a.defaultWidth||"300px"},children:[s.jsxs("div",{className:"ihub-select__btn",onClick:function(){return 0!==a.status&&o(!n)},children:[s.jsxs("div",{className:0===a.status?"disabled":"",children:[s.jsx("input",{type:"text",className:"ihub-select__input",value:a.upperCases?String(x).toUpperCase():x||"",id:"id_"+a.names,name:a.names,required:a.requireds,"data-name":a.dataNames||a.names,readOnly:!0}),s.jsx("p",{children:f||"..."})]}),a.labels&&s.jsx("label",{className:"ihub-select__label",children:a.labels}),s.jsx("div",{className:"search_btn",children:0===a.status?s.jsx("div",{className:"ihub-select__loader"}):s.jsx(r.default,{})})]}),n&&s.jsx("div",{className:"ihub-select__content",children:m.map((function(e,t){return s.jsx("div",{className:"ihub-select__item",onClick:function(){return function(e,s){p(s),y(e.id),o(!1),a.setSelectedValues&&a.setSelectedValues(a.names,e),a.setObjects&&a.setObjects(e),a.setArrayProps&&a.setArrayProps(a.arrayProps||[],e),a.setCookies&&i.setCookie(a.setCookies,JSON.stringify(e),365)}(e,e.title)},children:e.title},t)}))})]})};
+import{slicedToArray as e,typeof as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,Fragment as i,jsx as l}from"react/jsx-runtime";import{useState as s,useEffect as r}from"react";import n from"@mui/icons-material/ExpandMore";import{setCookie as o}from"../lib/helpFunction.js";import u from"../ui/viewer/ContentViewer.js";var d=function(d){var c=s(!1),m=e(c,2),p=m[0],f=m[1],h=s("Choose..."),b=e(h,2),v=b[0],_=b[1],N=s([]),V=e(N,2),y=V[0],C=V[1],j=s(""),x=e(j,2),k=x[0],w=x[1];r((function(){var e=[];for(var t in d.options)d.options[t].id===d.defaultValue&&(_(d.options[t].title),w(d.options[t].id)),e.push(d.options[t]);C(e)}),[d.options,d.defaultValue]),r((function(){var e;if("object"===t(d.defaultValue)&&null!==(e=d.defaultValue)&&void 0!==e&&e.id)_(d.defaultValue.title),w(d.defaultValue.id);else if(d.defaultValue){var a=d.options.find((function(e){return e.id===d.defaultValue}));null!=a&&a.id&&(_(a.title),w(a.id))}else _("Choose..."),w("")}),[d.defaultValue,d.options]);return a(i,{children:[a("div",{className:"ihub-select ".concat(d.err?"ihub-form-err":""),style:{width:d.defaultWidth||"300px"},children:[a("div",{className:"ihub-select__btn",onClick:function(){return 0!==d.status&&f(!p)},children:[a("div",{className:0===d.status?"disabled":"",children:[l("input",{type:"text",className:"ihub-select__input",value:d.upperCases?String(k).toUpperCase():k||"",id:"id_"+d.name,name:d.name,required:d.required,"data-name":d.dataName||d.name,readOnly:!0}),l(u,{content:v||"...",showToolbar:!1})]}),d.label&&l("label",{className:"ihub-select__label",children:d.label}),l("div",{className:"search_btn",children:0===d.status?l("div",{className:"ihub-select__loader"}):l(n,{})})]}),p&&l("div",{className:"ihub-select__content",children:y.map((function(e,t){return l("div",{className:"ihub-select__item",onClick:function(){return function(e,t){_(t),w(e.id),f(!1),d.setValue&&d.setValue(e),d.setNameValue&&d.setNameValue(d.name,e),d.setObjects&&d.setObjects(e),d.setArrayProps&&d.setArrayProps(d.arrayProps||[],e),d.setCookies&&o(d.setCookies,JSON.stringify(e),365)}(e,e.title)},children:e.title},t)}))})]}),d.note&&l("p",{className:"ihub-input-notes",children:d.note})]})};export{d as default};
 //# sourceMappingURL=FilterObjects.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterObjects.js","sources":["../../../../src/components/forms/FilterObjects.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\r\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\r\nimport { setCookie } from \"../lib/helpFunction\";\r\n\r\n// Define interfaces for the component\r\ninterface FilterObjectsOption {\r\n  id: string | number;\r\n  title: string;\r\n  [key: string]: any; // For any additional properties\r\n}\r\n\r\ninterface FilterObjectsProps {\r\n  options: FilterObjectsOption[];\r\n  defaultValues?: FilterObjectsOption | string | number;\r\n  names: string;\r\n  labels?: string;\r\n  setSelectedValues?: (name: string, value: FilterObjectsOption) => void;\r\n  defaultWidth?: string;\r\n  requireds?: boolean;\r\n  errs?: boolean;\r\n  setArrayProps?: (arrayProps: any[], option: FilterObjectsOption) => void;\r\n  arrayProps?: any[];\r\n  dataNames?: string;\r\n  setCookies?: string;\r\n  setObjects?: (option: FilterObjectsOption) => void;\r\n  status?: number;\r\n  upperCases?: boolean;\r\n}\r\n\r\nconst FilterObjects: React.FC<FilterObjectsProps> = (props) => {\r\n  const [isActive, setIsActive] = useState<boolean>(false);\r\n  const [selected, setSelected] = useState<string>(\"Choose...\");\r\n  const [objects, setObjects] = useState<FilterObjectsOption[]>([]);\r\n  const [id, setID] = useState<string | number>(\"\");\r\n\r\n  useEffect(() => {\r\n    /* \r\n        Objects throws error when you loop with map or forEach.\r\n        Solution: convert objects list to array.\r\n    */\r\n    let obj: FilterObjectsOption[] = [];\r\n    for (const i in props.options) {\r\n      if (props.options[i].id === props.defaultValues) {\r\n        setSelected(props.options[i].title);\r\n        setID(props.options[i].id);\r\n      }\r\n      obj.push(props.options[i]);\r\n    }\r\n    setObjects(obj);\r\n  }, [props.options, props.defaultValues]);\r\n\r\n  useEffect(() => {\r\n    // Update default ID and Selected states\r\n    if (typeof props.defaultValues === \"object\" && props.defaultValues?.id) {\r\n      // If objects was passed as a props\r\n      setSelected(props.defaultValues.title);\r\n      setID(props.defaultValues.id);\r\n    } else if (props.defaultValues) {\r\n      // If ID was passed as a props\r\n      const obj = props.options.find((i) => i.id === props.defaultValues);\r\n      if (obj?.id) {\r\n        setSelected(obj.title);\r\n        setID(obj.id);\r\n      }\r\n    } else {\r\n      // if none default values\r\n      setSelected(\"Choose...\");\r\n      setID(\"\");\r\n    }\r\n  }, [props.defaultValues, props.options]);\r\n\r\n  const handleOptionClick = (option: FilterObjectsOption, title: string): void => {\r\n    setSelected(title);\r\n    setID(option.id);\r\n    setIsActive(false);\r\n    props.setSelectedValues && props.setSelectedValues(props.names, option);\r\n    props.setObjects && props.setObjects(option);\r\n    props.setArrayProps && props.setArrayProps(props.arrayProps || [], option);\r\n    if (props.setCookies) {\r\n      setCookie(props.setCookies, JSON.stringify(option), 365);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={`ihub-select ${props.errs ? \"ihub-form-err\" : \"\"}`}\r\n      style={{ width: props.defaultWidth || \"300px\" }}\r\n    >\r\n      <div\r\n        className=\"ihub-select__btn\"\r\n        onClick={() => props.status !== 0 && setIsActive(!isActive)}\r\n      >\r\n        <div className={props.status === 0 ? \"disabled\" : \"\"}>\r\n          <input\r\n            type=\"text\"\r\n            className=\"ihub-select__input\"\r\n            value={props.upperCases ? String(id).toUpperCase() : id || \"\"}\r\n            id={\"id_\" + props.names}\r\n            name={props.names}\r\n            required={props.requireds}\r\n            data-name={props.dataNames || props.names}\r\n            readOnly\r\n          />\r\n          <p>{selected || \"...\"}</p>\r\n        </div>\r\n        {props.labels && (\r\n          <label className=\"ihub-select__label\">{props.labels}</label>\r\n        )}\r\n\r\n        <div className=\"search_btn\">\r\n          {props.status === 0 ? (\r\n            <div className=\"ihub-select__loader\"></div>\r\n          ) : (\r\n            <ExpandMoreIcon />\r\n          )}\r\n        </div>\r\n      </div>\r\n      {isActive && (\r\n        <div className=\"ihub-select__content\">\r\n          {objects.map((option, index) => (\r\n            <div\r\n              className=\"ihub-select__item\"\r\n              onClick={() => handleOptionClick(option, option.title)}\r\n              key={index}\r\n            >\r\n              {option.title}\r\n            </div>\r\n          ))}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default FilterObjects;"],"names":["props","_useState","useState","_useState2","_slicedToArray","isActive","setIsActive","_useState3","_useState4","selected","setSelected","_useState5","_useState6","objects","setObjects","_useState7","_useState8","id","setID","useEffect","obj","i","options","defaultValues","title","push","_props$defaultValues","_typeof","find","_jsxs","className","concat","errs","style","width","defaultWidth","children","jsxs","onClick","status","_jsx","jsx","type","value","upperCases","String","toUpperCase","names","name","required","requireds","dataNames","readOnly","labels","ExpandMoreIcon","map","option","index","setSelectedValues","setArrayProps","arrayProps","setCookies","setCookie","JSON","stringify","handleOptionClick"],"mappings":"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"}
+{"version":3,"file":"FilterObjects.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react/jsx-runtime");exports.default=function(e){var s=e.errors,i=e.status;try{return 500===i?r.jsxs("div",{className:"ihub-form-error",children:[r.jsxs("h4",{children:["Error ",i,": "]}),r.jsx("div",{children:r.jsx("p",{children:"- The server couldn't process your request."})})]}):404===i?r.jsxs("div",{className:"ihub-form-error",children:[r.jsxs("h4",{children:["Error ",i,": "]}),r.jsx("div",{children:r.jsx("p",{children:"- Details not found."})})]}):s?r.jsxs("div",{className:"ihub-form-error err",children:[r.jsxs("h4",{children:["Error ",i,": "]}),Object.keys(s).length>0&&r.jsx("div",{children:null===(n=Object.keys(s))||void 0===n?void 0:n.map((function(e,i){var n;return r.jsx("div",{children:null===(n=s[e])||void 0===n?void 0:n.map((function(s,i){return r.jsxs("p",{children:[r.jsxs("strong",{children:[e,":"]})," ",s]},i)}))},i)}))})]}):null;var n}catch(r){return console.log(r),null}};
+import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as e,jsx as n}from"react/jsx-runtime";import{memo as t}from"react";var i=function(t){var i=t.errors,c=t.status;return 500===c?o("The server couldn't process your request.",c):404===c?o("Details not found.",c):i&&Object.keys(i).length>0?e("div",{className:"ihub-form-error err",children:[e("h4",{children:["Error ",c,": "]}),n("div",{children:Object.entries(i).map((function(n){var t=r(n,2),i=t[0],o=t[1];return null==o?void 0:o.map((function(r,n){return e("p",{children:[e("strong",{children:[i,":"]})," ",r]},"".concat(i,"-").concat(n))}))}))})]}):null},o=function(r,t){return e("div",{className:"ihub-form-error",children:[e("h4",{children:["Error ",t,": "]}),n("div",{children:e("p",{children:["- ",r]})})]})},c=t(i);export{c as default};
 //# sourceMappingURL=FormError.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormError.js","sources":["../../../../src/components/forms/FormError.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface FormErrorProps {\r\n  errors?: Record<string, string[]>;\r\n  status?: number;\r\n}\r\n\r\nconst FormError: React.FC<FormErrorProps> = ({ errors, status }) => {\r\n  try {\r\n    if (status === 500) {\r\n      return (\r\n        <div className=\"ihub-form-error\">\r\n          <h4>Error {status}: </h4>\r\n          <div>\r\n            <p>- The server couldn't process your request.</p>\r\n          </div>\r\n        </div>\r\n      );\r\n    } else if (status === 404) {\r\n      return (\r\n        <div className=\"ihub-form-error\">\r\n          <h4>Error {status}: </h4>\r\n          <div>\r\n            <p>- Details not found.</p>\r\n          </div>\r\n        </div>\r\n      );\r\n    } else if (errors) {\r\n      return (\r\n        <div className=\"ihub-form-error err\">\r\n          <h4>Error {status}: </h4>\r\n          {Object.keys(errors).length > 0 && (\r\n            <div>\r\n              {Object.keys(errors)?.map((field, index) => (\r\n                <div key={index}>\r\n                  {errors[field]?.map((error, index) => (\r\n                    <p key={index}>\r\n                      <strong>{field}:</strong> {error}\r\n                    </p>\r\n                  ))}\r\n                </div>\r\n              ))}\r\n            </div>\r\n          )}\r\n        </div>\r\n      );\r\n    }\r\n    return null;\r\n  } catch (e) {\r\n    console.log(e);\r\n    return null;\r\n  }\r\n};\r\n\r\nexport default FormError;"],"names":["_ref","errors","status","_jsxs","className","children","jsxs","_jsx","jsx","Object","keys","length","_Object$keys","map","field","index","_errors$field","error","e","console","log"],"mappings":"uHAO4C,SAA7BA,GAAoD,IAApBC,EAAMD,EAANC,OAAQC,EAAMF,EAANE,OACrD,IACE,OAAe,MAAXA,EAEAC,EAAAA,KAAA,MAAA,CAAKC,UAAU,kBACbC,SAAA,CAAAF,EAAAG,KAAA,KAAA,CAAAD,SAAA,CAAA,SAAWH,EAAM,QACjBK,EACEC,IAAA,MAAA,CAAAH,SAAAE,EAAAC,IAAA,IAAA,CAAAH,SAAA,qDAIc,MAAXH,EAEPC,EAAAA,KAAA,MAAA,CAAKC,UAAU,kBACbC,SAAA,CAAAF,EAAAG,KAAA,KAAA,CAAAD,SAAA,CAAA,SAAWH,EAAM,QACjBK,EACEC,IAAA,MAAA,CAAAH,SAAAE,EAAAC,IAAA,IAAA,CAAAH,SAAA,8BAIGJ,EAEPE,EAAAA,KAAK,MAAA,CAAAC,UAAU,gCACbD,EAAWG,KAAA,KAAA,CAAAD,SAAA,CAAA,SAAAH,EAAc,QACxBO,OAAOC,KAAKT,GAAQU,OAAS,GAC5BJ,EAAAC,IAAA,MAAA,CAAAH,iBAAAO,EACGH,OAAOC,KAAKT,UAAO,IAAAW,OAAA,EAAnBA,EAAqBC,KAAI,SAACC,EAAOC,GAAK,IAAAC,EAAA,OACrCT,EAAAA,oBACgB,UAAbN,EAAOa,UAAM,IAAAE,OAAA,EAAbA,EAAeH,KAAI,SAACI,EAAOF,GAAK,OAC/BZ,EAAAA,KACE,IAAA,CAAAE,SAAA,CAAAF,EAAAG,KAAA,SAAA,CAAAD,SAAA,CAASS,EAAK,WAAaG,IADrBF,OAFFA,WAaf,KApBY,IAAAH,CAqBpB,CAAC,MAAOM,GAEP,OADAC,QAAQC,IAAIF,GACL,IACR,CACH"}
+{"version":3,"file":"FormError.js","sources":["../../../../src/components/forms/FormError.tsx"],"sourcesContent":["import React, { memo } from \"react\";\r\n\r\n/**\r\n * Props for the FormError component\r\n */\r\ninterface FormErrorProps {\r\n  /** Error messages grouped by field */\r\n  errors?: Record<string, string[]> | null;\r\n  /** HTTP status code of the error */\r\n  status?: number;\r\n}\r\n\r\n/**\r\n * Component that displays form validation errors\r\n * @component FormError\r\n * @example\r\n * ```tsx\r\n * <FormError errors={errors} status={status} />\r\n * ```  \r\n * Props interface for the FormError component\r\n * @property {Record<string, string[]> | null} errors - Error messages grouped by field\r\n * @property {number} status - HTTP status code\r\n */\r\nconst FormError = ({ errors, status }: FormErrorProps) => {\r\n  // Handle common HTTP error codes\r\n  if (status === 500) {\r\n    return renderErrorMessage(\r\n      \"The server couldn't process your request.\",\r\n      status\r\n    );\r\n  }\r\n\r\n  if (status === 404) {\r\n    return renderErrorMessage(\"Details not found.\", status);\r\n  }\r\n\r\n  // Handle validation errors from the backend\r\n  if (errors && Object.keys(errors).length > 0) {\r\n    return (\r\n      <div className=\"ihub-form-error err\">\r\n        <h4>Error {status}: </h4>\r\n        <div>\r\n          {Object.entries(errors).map(([field, fieldErrors]) =>\r\n            fieldErrors?.map((error, index) => (\r\n              <p key={`${field}-${index}`}>\r\n                <strong>{field}:</strong> {error}\r\n              </p>\r\n            ))\r\n          )}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return null;\r\n};\r\n\r\n/**\r\n * Helper function to render a simple error message\r\n */\r\nconst renderErrorMessage = (message: string, status?: number) => (\r\n  <div className=\"ihub-form-error\">\r\n    <h4>Error {status}: </h4>\r\n    <div>\r\n      <p>- {message}</p>\r\n    </div>\r\n  </div>\r\n);\r\n\r\n// Memoize the component to prevent unnecessary re-renders\r\nexport default memo(FormError);\r\n"],"names":["FormError","_ref","errors","status","renderErrorMessage","Object","keys","length","_jsxs","className","children","_jsx","entries","map","_ref2","_ref3","_slicedToArray","field","fieldErrors","error","index","concat","message","FormError$1","memo"],"mappings":"8JAuBA,IAAMA,EAAY,SAAHC,GAA0C,IAApCC,EAAMD,EAANC,OAAQC,EAAMF,EAANE,OAE3B,OAAe,MAAXA,EACKC,EACL,4CACAD,GAIW,MAAXA,EACKC,EAAmB,qBAAsBD,GAI9CD,GAAUG,OAAOC,KAAKJ,GAAQK,OAAS,EAEvCC,EAAA,MAAA,CAAKC,UAAU,sBAAqBC,SAAA,CAClCF,EAAW,KAAA,CAAAE,SAAA,CAAA,SAAAP,EAAc,QACzBQ,EACG,MAAA,CAAAD,SAAAL,OAAOO,QAAQV,GAAQW,KAAI,SAAAC,GAAA,IAAAC,EAAAC,EAAAF,EAAA,GAAEG,EAAKF,EAAA,GAAEG,EAAWH,EAAA,GAAA,OAC9CG,aAAAA,EAAAA,EAAaL,KAAI,SAACM,EAAOC,GAAK,OAC5BZ,EAAA,IAAA,CAAAE,SAAA,CACEF,EAAS,SAAA,CAAAE,SAAA,CAAAO,EAAgB,OAAA,IAAEE,IAAK,GAAAE,OADvBJ,OAAKI,OAAID,GAEhB,GACJ,SAOL,IACT,EAKMhB,EAAqB,SAACkB,EAAiBnB,GAAe,OAC1DK,EAAA,MAAA,CAAKC,UAAU,kBACbC,SAAA,CAAAF,EAAA,KAAA,CAAAE,SAAA,CAAA,SAAWP,EAAM,QACjBQ,EAAA,MAAA,CAAAD,SACEF,EAAM,IAAA,CAAAE,SAAA,CAAA,KAAAY,SAEJ,EAIRC,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/HandleError.js.map

@@ -1 +1 @@
-{"version":3,"file":"HandleError.js","sources":["../../../../src/components/forms/HandleError.tsx"],"sourcesContent":["import { useRouter } from \"next/navigation\";\r\n\r\ninterface HandleErrorProps {\r\n  status: number;\r\n  items: Record<string, any>;\r\n  registerForm: HTMLFormElement | null;\r\n  r_path: string | null;\r\n}\r\n\r\n/**\r\n * Processes API error responses and displays appropriate messages or redirects\r\n */\r\nconst HandleError: React.FC<HandleErrorProps> = ({\r\n  status,\r\n  items,\r\n  registerForm,\r\n  r_path,\r\n}) => {\r\n  const router = useRouter();\r\n\r\n  // Helper function to print validation errors (needs to be defined)\r\n  const printErr = (key: string, value: any, index: number): void => {\r\n    // Implementation would go here - this was called in the original code\r\n    // but not defined there\r\n    console.log(`Error for ${key}: ${value} (index: ${index})`);\r\n  };\r\n\r\n  if (typeof document !== \"undefined\") {\r\n    const serverTag = document.querySelector(\".server_err\");\r\n\r\n    if (items) {\r\n      if (status === 400) {\r\n        if (items && (items.user || items.username)) {\r\n          if (items.user && items.user[0] === \"This field must be unique.\") {\r\n            if (serverTag) {\r\n              serverTag.setAttribute(\"style\", \"display: block\");\r\n              serverTag.setAttribute(\r\n                \"style\",\r\n                \"background-color: var(--DarkCyan)\"\r\n              );\r\n\r\n              const currentPath = document.location.pathname;\r\n              if (\r\n                currentPath === \"/register/details\" ||\r\n                currentPath === \"/register/details/\"\r\n              ) {\r\n                const buttonSpan = serverTag.querySelector(\"a button span\");\r\n                if (buttonSpan) {\r\n                  buttonSpan.innerHTML = \"Take Assessment\";\r\n                }\r\n\r\n                const link = serverTag.querySelector(\"a\");\r\n                if (link) {\r\n                  link.setAttribute(\"href\", \"/quiz/\");\r\n                }\r\n              }\r\n\r\n              const heading = serverTag.querySelector(\"h3\");\r\n              if (heading) {\r\n                heading.textContent = \"We already have your details!\";\r\n              }\r\n            }\r\n            router.push(\"#Socials\");\r\n          }\r\n        } else {\r\n          Object.entries(items).forEach((item, index) => {\r\n            const [key, value] = item;\r\n            printErr(key, value, index);\r\n          });\r\n\r\n          const errorElement = document.querySelector(\".server_err\");\r\n          if (errorElement) {\r\n            errorElement.setAttribute(\"style\", \"display: none\");\r\n          }\r\n        }\r\n      } else if (status === 200 || status === 201 || status === 202) {\r\n        if (r_path !== null) {\r\n          router.push(r_path);\r\n        }\r\n      } else if (status === 401) {\r\n        if (serverTag) {\r\n          serverTag.setAttribute(\"style\", \"display: block\");\r\n\r\n          const link = serverTag.querySelector(\"a\");\r\n          if (link) {\r\n            link.innerHTML = \"\";\r\n          }\r\n\r\n          const heading = serverTag.querySelector(\"h3\");\r\n          if (heading && items.detail) {\r\n            heading.textContent = items.detail;\r\n          }\r\n        }\r\n        router.push(\"#Socials\");\r\n      }\r\n    }\r\n  }\r\n\r\n  // Component doesn't render anything\r\n  return null;\r\n};\r\n\r\nexport default HandleError;\r\n"],"names":["_ref","status","items","registerForm","r_path","router","useRouter","document","serverTag","querySelector","user","username","setAttribute","currentPath","location","pathname","buttonSpan","innerHTML","link","heading","textContent","push","Object","entries","forEach","item","index","_item","_slicedToArray","key","value","console","log","concat","printErr","errorElement","detail"],"mappings":"iLAYgD,SAA/BA,GAKZ,IAJHC,EAAMD,EAANC,OACAC,EAAKF,EAALE,MACYF,EAAZG,iBACAC,EAAMJ,EAANI,OAEMC,EAASC,EAAAA,YASf,GAAwB,oBAAbC,SAA0B,CACnC,IAAMC,EAAYD,SAASE,cAAc,eAEzC,GAAIP,EACF,GAAe,MAAXD,EACF,GAAIC,IAAUA,EAAMQ,MAAQR,EAAMS,WAChC,GAAIT,EAAMQ,MAA0B,+BAAlBR,EAAMQ,KAAK,GAAqC,CAChE,GAAIF,EAAW,CACbA,EAAUI,aAAa,QAAS,kBAChCJ,EAAUI,aACR,QACA,qCAGF,IAAMC,EAAcN,SAASO,SAASC,SACtC,GACkB,sBAAhBF,GACgB,uBAAhBA,EACA,CACA,IAAMG,EAAaR,EAAUC,cAAc,iBACvCO,IACFA,EAAWC,UAAY,mBAGzB,IAAMC,EAAOV,EAAUC,cAAc,KACjCS,GACFA,EAAKN,aAAa,OAAQ,SAE7B,CAED,IAAMO,EAAUX,EAAUC,cAAc,MACpCU,IACFA,EAAQC,YAAc,gCAEzB,CACDf,EAAOgB,KAAK,WACb,MACI,CACLC,OAAOC,QAAQrB,GAAOsB,SAAQ,SAACC,EAAMC,GACnC,IAAAC,EAAAC,EAAAA,cAAqBH,EAAI,IA7ClB,SAACI,EAAaC,EAAYJ,GAGzCK,QAAQC,IAAGC,aAAAA,OAAcJ,EAAG,MAAAI,OAAKH,EAAKG,aAAAA,OAAYP,QA2C1CQ,CADUP,EAAA,GAAOA,EAAA,GACID,EACvB,IAEA,IAAMS,EAAe5B,SAASE,cAAc,eACxC0B,GACFA,EAAavB,aAAa,QAAS,gBAEtC,MACI,GAAe,MAAXX,GAA6B,MAAXA,GAA6B,MAAXA,EAC9B,OAAXG,GACFC,EAAOgB,KAAKjB,QAET,GAAe,MAAXH,EAAgB,CACzB,GAAIO,EAAW,CACbA,EAAUI,aAAa,QAAS,kBAEhC,IAAMM,EAAOV,EAAUC,cAAc,KACjCS,IACFA,EAAKD,UAAY,IAGnB,IAAME,EAAUX,EAAUC,cAAc,MACpCU,GAAWjB,EAAMkC,SACnBjB,EAAQC,YAAclB,EAAMkC,OAE/B,CACD/B,EAAOgB,KAAK,WACb,CAEJ,CAGD,OAAO,IACT"}
+{"version":3,"file":"HandleError.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+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 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,_=r(!1),j=e(_,2),C=j[0],w=j[1],A=r(""),D=e(A,2),H=D[0],M=D[1],P=r(0),T=e(P,2),W=T[0],k=T[1],z=function(e){if(""===e||null==e)return"";var a,i="";if("string"==typeof e){var r=e.split(".");r.length>1&&(i="."+r[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&&i?n+i:"number"==typeof e?n+a.toString().substring(a.toString().indexOf(".")):n};n((function(){if(null!=c&&""!==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:[i("input",{type:"hidden",name:o,value:W}),a("div",{className:"ihub-amount-input-container",children:[i("span",{className:"ihub-currency-symbol ".concat(G||C?"":"ihub-ghost"),children:F}),i("input",{id:l||o,type:"text",value:H,onChange:function(e){var a=e.target.value;if(/^[\d,.]*$/.test(a)){var i=a.replace(/,/g,"");if(/^[0-9]*\.?[0-9]*$/.test(i)){var r=""===i?0:parseFloat(i),n=a;a.endsWith(".")||a.match(/\.\d*$/)||(n=z(i)),M(n),k(r),s&&s(r,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&&i("span",{className:"ihub-required",children:"*"})]})]}),S&&i("p",{className:"ihub-error-message",children:S})]})};export{t as default};
+//# sourceMappingURL=InputAmount.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputAmount.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+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/InputNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+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,s=n.value,u=void 0===s?"":s,c=n.placeholder,h=void 0===c?"":c,m=n.required,p=void 0!==m&&m,b=n.type,v=void 0===b?"text":b,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,T=n.onChange,C=n.onBlur,L=n.helperText,O=n.note,w=n.id,A=l(),F=e(A,2),H=F[0],P=F[1],S=l(),k=e(S,2),z=k[0],D=k[1];t((function(){u!==H&&P(u),D(!!u)}),[u]);var E={};return q&&(E["data-text-transform"]=q),i("div",a(a({className:"ihub-wrapper ihub-mb-4 ".concat(z?"ihub-value":""," ").concat(B?"ihub-is_invalid":""," ").concat(j)},E),{},{children:[r("input",{type:v,id:w,name:d,value:H,className:"ihub-input",placeholder:h,required:p,maxLength:f,disabled:N,readOnly:y,onChange:function(e){D(!!e.target.value),P(e.target.value),T&&T(e)},onBlur:C}),i("label",{htmlFor:d,className:"ihub-text-label",children:[o,p&&r("span",{className:"ihub-required",children:"*"})]}),L&&!B&&r("p",{className:"ihub-notes",children:L}),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/InputText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputText.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+import{objectWithoutProperties as e,slicedToArray as a,objectSpread2 as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as o,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(g||""),E="ihub-input ihub-textarea ".concat(u?"ihub-input-error":"");return o("div",{className:"ihub-mb-5 "+D,"data-text-transform":"none"!==x?x:void 0,children:[r("textarea",t(t({},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),t=d?Math.min(a,24*d):a;e.style.height="".concat(t,"px"),k(t)}}(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/InputTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputTextarea.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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.regeneratorRuntime().mark((function r(){return e.regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:try{o(),n.push("/accounts/login")}catch(e){console.error("An error occurred while logging out:",e)}case 1:case"end":return e.stop()}}),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,regeneratorRuntime 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(),a=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=/;")}},i=function(){var n=r(t().mark((function r(){return t().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:try{a(),e.push("/accounts/login")}catch(r){console.error("An error occurred while logging out:",r)}case 1:case"end":return r.stop()}}),r)})));return function(){return n.apply(this,arguments)}}();return n("button",{onClick:i,className:"outline-btn",type:"button",children:"Logout"})};export{e as default};
 //# sourceMappingURL=Logout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Logout.js","sources":["../../../../src/components/forms/Logout.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { useRouter } from \"next/navigation\";\r\n\r\n/**\r\n * Logout component that handles user logout functionality\r\n */\r\nconst Logout: React.FC = () => {\r\n  const router = useRouter();\r\n\r\n  /**\r\n   * Removes all cookies from the browser\r\n   */\r\n  const removeAllCookies = (): void => {\r\n    const cookies = document.cookie.split(\";\");\r\n\r\n    for (let i = 0; i < cookies.length; i++) {\r\n      const cookie = cookies[i];\r\n      const eqPos = cookie.indexOf(\"=\");\r\n      const name = eqPos > -1 ? cookie.substr(0, eqPos).trim() : cookie.trim();\r\n      document.cookie = `${name}=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/;`;\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Handles the logout process\r\n   */\r\n  const handleLogout = async (): Promise<void> => {\r\n    try {\r\n      // Code to log out the user\r\n      removeAllCookies();\r\n      router.push(\"/accounts/login\");\r\n    } catch (error) {\r\n      console.error(\"An error occurred while logging out:\", error);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <button onClick={handleLogout} className=\"outline-btn\" type=\"button\">\r\n      Logout\r\n    </button>\r\n  );\r\n};\r\n\r\nexport default Logout;\r\n"],"names":["router","useRouter","removeAllCookies","cookies","document","cookie","split","i","length","eqPos","indexOf","name","substr","trim","concat","handleLogout","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","regeneratorRuntime","wrap","_context","prev","next","push","error","console","stop","apply","this","arguments","_jsx","onClick","className","type","children"],"mappings":"gNAMyB,WACvB,IAAMA,EAASC,EAAAA,YAKTC,EAAmB,WAGvB,IAFA,IAAMC,EAAUC,SAASC,OAAOC,MAAM,KAE7BC,EAAI,EAAGA,EAAIJ,EAAQK,OAAQD,IAAK,CACvC,IAAMF,EAASF,EAAQI,GACjBE,EAAQJ,EAAOK,QAAQ,KACvBC,EAAOF,GAAS,EAAIJ,EAAOO,OAAO,EAAGH,GAAOI,OAASR,EAAOQ,OAClET,SAASC,OAAM,GAAAS,OAAMH,EAAqD,kDAC3E,GAMGI,EAAY,WAAA,IAAAC,EAAAC,EAAAA,iBAAAC,EAAAA,qBAAAC,MAAG,SAAAC,IAAA,OAAAF,EAAAG,qBAAAC,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EACnB,IAEEvB,IACAF,EAAO0B,KAAK,kBACb,CAAC,MAAOC,GACPC,QAAQD,MAAM,uCAAwCA,EACvD,CAAA,KAAA,EAAA,IAAA,MAAA,OAAAJ,EAAAM,OAAA,GAAAT,EACF,KAAA,OAAA,WARiB,OAAAJ,EAAAc,MAAAC,KAAAC,UAAA,EAAA,GAUlB,OACEC,EAAAA,IAAA,SAAA,CAAQC,QAASnB,EAAcoB,UAAU,cAAcC,KAAK,SAAQC,SAAA,UAIxE"}
+{"version":3,"file":"Logout.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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\";\r\n\r\ninterface MessageDisplayProps {\r\n  messages?: string;\r\n  flag?: \"success\" | \"failed\" | \"note\";\r\n}\r\n\r\n/**\r\n * Component to display various types of messages with different styling\r\n */\r\nconst MessageDisplay: React.FC<MessageDisplayProps> = ({ messages, flag }) => {\r\n  if (!messages) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <div className={`ihub-react-message ${flag ? `ihub-${flag}` : \"\"}`}>\r\n      <p>{messages}</p>\r\n    </div>\r\n  );\r\n};\r\n\r\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\";\r\n\r\ninterface MessageDisplayProps {\r\n  messages?: string;\r\n  flag?: \"success\" | \"failed\" | \"note\";\r\n}\r\n\r\n/**\r\n * Component to display various types of messages with different styling\r\n */\r\nconst MessageDisplay: React.FC<MessageDisplayProps> = ({ messages, flag }) => {\r\n  if (!messages) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <div className={`ihub-react-message ${flag ? `ihub-${flag}` : \"\"}`}>\r\n      <p>{messages}</p>\r\n    </div>\r\n  );\r\n};\r\n\r\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/MultipleEmail.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultipleEmail.js","sources":["../../../../src/components/forms/MultipleEmail.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\n\r\ninterface MultipleEmailProps {\r\n  onEmailsChange?: (emails: string[]) => void;\r\n}\r\n\r\nconst MultipleEmail: React.FC<MultipleEmailProps> = ({ onEmailsChange }) => {\r\n  const [items, setItems] = useState<string[]>([]);\r\n  const [value, setValue] = useState<string>(\"\");\r\n  const [error, setError] = useState<string | null>(null);\r\n\r\n  const handleKeyDown = (evt: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if ([\"Enter\", \"Tab\", \",\"].includes(evt.key)) {\r\n      evt.preventDefault();\r\n\r\n      const trimmedValue = value.trim();\r\n\r\n      if (trimmedValue && isValid(trimmedValue)) {\r\n        const newItems = [...items, trimmedValue];\r\n        setItems(newItems);\r\n        setValue(\"\");\r\n        \r\n        if (onEmailsChange) {\r\n          onEmailsChange(newItems);\r\n        }\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {\r\n    setValue(evt.target.value);\r\n    setError(null);\r\n  };\r\n\r\n  const handleDelete = (item: string) => {\r\n    const newItems = items.filter((i) => i !== item);\r\n    setItems(newItems);\r\n    \r\n    if (onEmailsChange) {\r\n      onEmailsChange(newItems);\r\n    }\r\n  };\r\n\r\n  const handleSubmit = (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    console.log(`${items}`);\r\n  };\r\n\r\n  const handlePaste = (evt: React.ClipboardEvent<HTMLInputElement>) => {\r\n    evt.preventDefault();\r\n\r\n    const paste = evt.clipboardData.getData(\"text\");\r\n    const emails = paste.match(/[\\w\\d\\.-]+@[\\w\\d\\.-]+\\.[\\w\\d\\.-]+/g);\r\n\r\n    if (emails) {\r\n      const toBeAdded = emails.filter((email) => !isInList(email));\r\n      \r\n      if (toBeAdded.length) {\r\n        const newItems = [...items, ...toBeAdded];\r\n        setItems(newItems);\r\n        \r\n        if (onEmailsChange) {\r\n          onEmailsChange(newItems);\r\n        }\r\n      }\r\n    }\r\n  };\r\n\r\n  const isValid = (email: string): boolean => {\r\n    let emailError: string | null = null;\r\n\r\n    if (isInList(email)) {\r\n      emailError = `${email} has already been added.`;\r\n    }\r\n\r\n    if (!isEmail(email)) {\r\n      emailError = `${email} is not a valid email address.`;\r\n    }\r\n\r\n    if (emailError) {\r\n      setError(emailError);\r\n      return false;\r\n    }\r\n\r\n    return true;\r\n  };\r\n\r\n  const isInList = (email: string): boolean => {\r\n    return items.includes(email);\r\n  };\r\n\r\n  const isEmail = (email: string): boolean => {\r\n    return /[\\w\\d\\.-]+@[\\w\\d\\.-]+\\.[\\w\\d\\.-]+/.test(email);\r\n  };\r\n\r\n  return (\r\n    <div className=\"ihub-multiple-email\" onSubmit={handleSubmit}>\r\n      {items.map((item) => (\r\n        <div className=\"ihub-tag-item\" key={item}>\r\n          <p>{item}</p>\r\n          <button\r\n            type=\"button\"\r\n            className=\"ihub-button\"\r\n            onClick={() => handleDelete(item)}\r\n          >\r\n            &times;\r\n          </button>\r\n        </div>\r\n      ))}\r\n\r\n      <input\r\n        className={`ihub-input ${error ? \"ihub-has-error\" : \"\"}`}\r\n        value={value}\r\n        placeholder=\"Separate emails with commas or 'Enter'\"\r\n        onKeyDown={handleKeyDown}\r\n        onChange={handleChange}\r\n        onPaste={handlePaste}\r\n      />\r\n\r\n      {error && <p className=\"ihub-error\">{error}</p>}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default MultipleEmail;"],"names":["_ref","onEmailsChange","_useState","useState","_useState2","_slicedToArray","items","setItems","_useState3","_useState4","value","setValue","_useState5","_useState6","error","setError","isValid","email","emailError","isInList","concat","isEmail","includes","test","_jsxs","className","onSubmit","e","preventDefault","console","log","children","map","item","_jsx","jsx","type","onClick","newItems","filter","i","handleDelete","placeholder","onKeyDown","evt","key","trimmedValue","trim","_toConsumableArray","onChange","target","onPaste","emails","clipboardData","getData","match","toBeAdded","length"],"mappings":"sMAMoD,SAAjCA,GAAwD,IAApBC,EAAcD,EAAdC,eACrDC,EAA0BC,EAAQA,SAAW,IAAGC,EAAAC,EAAAA,cAAAH,EAAA,GAAzCI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GACtBI,EAA0BL,EAAQA,SAAS,IAAGM,EAAAJ,EAAAA,cAAAG,EAAA,GAAvCE,EAAKD,EAAA,GAAEE,EAAQF,EAAA,GACtBG,EAA0BT,EAAQA,SAAgB,MAAKU,EAAAR,EAAAA,cAAAO,EAAA,GAAhDE,EAAKD,EAAA,GAAEE,EAAQF,EAAA,GA2DhBG,EAAU,SAACC,GACf,IAAIC,EAA4B,KAUhC,OARIC,EAASF,KACXC,EAAUE,GAAAA,OAAMH,EAA+B,6BAG5CI,EAAQJ,KACXC,EAAUE,GAAAA,OAAMH,EAAqC,oCAGnDC,IACFH,EAASG,IACF,IAMLC,EAAW,SAACF,GAChB,OAAOX,EAAMgB,SAASL,IAGlBI,EAAU,SAACJ,GACf,MAAO,oCAAoCM,KAAKN,IAGlD,OACEO,EAAAA,YAAKC,UAAU,sBAAsBC,SArDlB,SAACC,GACpBA,EAAEC,iBACFC,QAAQC,IAAG,GAAAV,OAAId,KAoDZyB,SAAA,CAAAzB,EAAM0B,KAAI,SAACC,GAAI,OACdT,EAAAA,KAAK,MAAA,CAAAC,UAAU,0BACbS,EAAIC,IAAA,IAAA,CAAAJ,SAAAE,IACJC,EAAAC,IAAA,SAAA,CACEC,KAAK,SACLX,UAAU,cACVY,QAAS,WAAF,OArEI,SAACJ,GACpB,IAAMK,EAAWhC,EAAMiC,QAAO,SAACC,GAAC,OAAKA,IAAMP,KAC3C1B,EAAS+B,GAELrC,GACFA,EAAeqC,GAgEMG,CAAaR,EAAK,EAAAF,SAAA,QALDE,EAS9B,IAGRC,EACEC,IAAA,QAAA,CAAAV,UAAS,cAAAL,OAAgBN,EAAQ,iBAAmB,IACpDJ,MAAOA,EACPgC,YAAY,yCACZC,UAvGgB,SAACC,GACrB,GAAI,CAAC,QAAS,MAAO,KAAKtB,SAASsB,EAAIC,KAAM,CAC3CD,EAAIhB,iBAEJ,IAAMkB,EAAepC,EAAMqC,OAE3B,GAAID,GAAgB9B,EAAQ8B,GAAe,CACzC,IAAMR,KAAQlB,OAAA4B,EAAAA,kBAAO1C,GAAOwC,CAAAA,IAC5BvC,EAAS+B,GACT3B,EAAS,IAELV,GACFA,EAAeqC,EAElB,CACF,GAyFGW,SAtFe,SAACL,GACpBjC,EAASiC,EAAIM,OAAOxC,OACpBK,EAAS,OAqFLoC,QApEc,SAACP,GACnBA,EAAIhB,iBAEJ,IACMwB,EADQR,EAAIS,cAAcC,QAAQ,QACnBC,MAAM,sCAE3B,GAAIH,EAAQ,CACV,IAAMI,EAAYJ,EAAOb,QAAO,SAACtB,GAAK,OAAME,EAASF,MAErD,GAAIuC,EAAUC,OAAQ,CACpB,IAAMnB,EAAQlB,GAAAA,OAAA4B,EAAAA,kBAAO1C,GAAK0C,EAAAA,kBAAKQ,IAC/BjD,EAAS+B,GAELrC,GACFA,EAAeqC,EAElB,CACF,KAsDExB,GAASoB,EAAGC,IAAA,IAAA,CAAAV,UAAU,sBAAcX,MAG3C"}
+{"version":3,"file":"MultipleEmail.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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';\r\n\r\ninterface PageLoadingProps {\r\n  labels?: string;\r\n}\r\n\r\nexport const PageLoading: React.FC<PageLoadingProps> = ({ labels = '' }) => {\r\n  return (\r\n    <div className=\"ihub-loading container\">\r\n      <p>{labels} Loading...</p>\r\n    </div>\r\n  );\r\n};\r\n\r\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';\r\n\r\ninterface PageLoadingProps {\r\n  labels?: string;\r\n}\r\n\r\nexport const PageLoading: React.FC<PageLoadingProps> = ({ labels = '' }) => {\r\n  return (\r\n    <div className=\"ihub-loading container\">\r\n      <p>{labels} Loading...</p>\r\n    </div>\r\n  );\r\n};\r\n\r\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"),s=require("react"),r=require("@mui/icons-material/Visibility"),t=require("@mui/icons-material/VisibilityOff");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(r),u=a(t);exports.default=function(r){var t=r.names,a=r.labels,n=r.requireds,c=void 0!==n&&n,o=r.defaultValues,d=void 0===o?"":o,f=r.setValues,v=r.inputEvent,p=s.useState(!1),m=e.slicedToArray(p,2),x=m[0],j=m[1],b=s.useState(""),h=e.slicedToArray(b,2),y=h[0],q=h[1],N=s.useState(!1),_=e.slicedToArray(N,2),g=_[0],w=_[1];return s.useEffect((function(){q(d)}),[d]),i.jsx("div",{className:t,children:i.jsx("div",{className:"field",children:i.jsxs("div",{className:"ihub-password-wrapper",children:[i.jsxs("div",{className:"input_icon",children:[i.jsx("input",{type:x?"text":"password",id:"password",name:t,required:c,value:y,onChange:function(e){var i,s=e.target.value;if(s!==d){q(s);var r=null===(i=e.target.parentElement)||void 0===i?void 0:i.parentElement;s?(null==r||r.classList.add("value"),f&&f(s),v&&v(t,s)):null==r||r.classList.remove("value")}},onFocus:function(){return w(!0)},onMouseOut:function(){return w(!1)}}),i.jsx("div",{onClick:function(){j((function(e){return!e}))},className:"symbols ihub-d-inline",children:x?i.jsx(l.default,{}):i.jsx(u.default,{})})]}),i.jsx("span",{className:"text_label ".concat(g||y?"focused":""),children:a})]})})})};
+import{slicedToArray as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as e,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,_=r(!1),g=i(_,2),V=g[0],q=g[1],C=r(""),j=i(C,2),F=j[0],O=j[1],T=r(!1),k=i(T,2);k[0];var A=k[1],B=r(!1),H=i(B,2),M=H[0],P=H[1];n((function(){b!==F&&O(b),P(!!b)}),[b]);return e("div",{className:"ihub-wrapper ihub-mb-4 ".concat(M?"ihub-value":""," ").concat(w?"ihub-is_invalid":""," ").concat(x),children:[a("div",{className:"ihub-password-wrapper",children:e("div",{className:"input_icon",children:[a("input",{type:V?"text":"password",id:o||"password",name:u,required:h,value:F,onChange:function(i){var e=i.target.value;O(e),P(!!e),e&&(v&&v(e),f&&f(i),N&&N(u,e))},onFocus:function(){return A(!0)},onMouseOut:function(){return A(!1)},className:"ihub-input"}),e("label",{htmlFor:u,className:"ihub-text-label",children:[c,h&&a("span",{className:"ihub-required",children:"*"})]}),a("div",{onClick:function(){q((function(i){return!i}))},className:"symbols ihub-d-inline",children:a(V?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/PhoneNumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumberInput.js","sources":["../../../../src/components/forms/PhoneNumberInput.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\n\r\n// Define types for country objects\r\ninterface CountryObject {\r\n  name: string;\r\n  phonecode: string;\r\n  flag: string;\r\n  [key: string]: any;\r\n}\r\n\r\n// Import country objects with proper type\r\nimport countryObjects from \"../lib/json/countryObjects\";\r\n\r\ninterface PhoneNumberInputProps {\r\n  phoneCode?: string;\r\n  defaultValues: {\r\n    mobile?: string;\r\n    [key: string]: any;\r\n  };\r\n  names?: string;\r\n  inputEvent?: (\r\n    event: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>\r\n  ) => void;\r\n}\r\n\r\nconst PhoneNumberInput: React.FC<PhoneNumberInputProps> = (props) => {\r\n  // Get default country\r\n  const [selectedCountry, setSelectedCountry] = useState<CountryObject>(\r\n    countryObjects.find((c) => c.phonecode === (props.phoneCode || \"234\")) ||\r\n      countryObjects[0]\r\n  );\r\n\r\n  // Get default number\r\n  const [phoneNumber, setPhoneNumber] = useState<string>(\r\n    props.defaultValues.mobile || \"\"\r\n  );\r\n\r\n  const handleCountryChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\r\n    const selectedCountryCode = event.target.value;\r\n    const country = countryObjects.find(\r\n      (country) => country.phonecode === selectedCountryCode\r\n    );\r\n\r\n    if (country) {\r\n      setSelectedCountry(country);\r\n    }\r\n\r\n    if (props.inputEvent) {\r\n      props.inputEvent(event);\r\n    }\r\n  };\r\n\r\n  const handlePhoneNumberChange = (\r\n    event: React.ChangeEvent<HTMLInputElement>\r\n  ) => {\r\n    setPhoneNumber(event.target.value);\r\n    if (props.inputEvent) {\r\n      props.inputEvent(event);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"ihub-react-phone-input\">\r\n      <div className=\"ihub-target-phone\">\r\n        <select\r\n          onChange={handleCountryChange}\r\n          value={selectedCountry.phonecode}\r\n          name=\"phone_code\"\r\n          className=\"ihub-country-select\"\r\n        >\r\n          {countryObjects.map((country, index) => (\r\n            <option key={index} value={country.phonecode}>\r\n              {selectedCountry.phonecode !== country.phonecode ? (\r\n                <span className=\"ihub-c-name\">{country.name} </span>\r\n              ) : (\r\n                \"\"\r\n              )}\r\n              <span className=\"ihub-c-flag\">{country.flag}</span>{\" \"}\r\n              <span className=\"ihub-c-code\">+{country.phonecode}</span>\r\n            </option>\r\n          ))}\r\n        </select>\r\n\r\n        <input\r\n          type=\"tel\"\r\n          name={props.names}\r\n          value={phoneNumber}\r\n          onChange={handlePhoneNumberChange}\r\n          placeholder=\"Enter phone number\"\r\n          maxLength={11}\r\n          className=\"ihub-phone-input\"\r\n        />\r\n      </div>\r\n\r\n      <p className=\"ihub-make-bold\">\r\n        +{selectedCountry.phonecode} {phoneNumber}\r\n      </p>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default PhoneNumberInput;\r\n"],"names":["props","_useState","useState","countryObjects","find","c","phonecode","phoneCode","_useState2","_slicedToArray","selectedCountry","setSelectedCountry","_useState3","defaultValues","mobile","_useState4","phoneNumber","setPhoneNumber","_jsxs","className","children","jsxs","_jsx","jsx","onChange","event","selectedCountryCode","target","value","country","inputEvent","name","map","index","flag","type","names","placeholder","maxLength"],"mappings":"iPAyB0D,SAACA,GAEzD,IAAAC,EAA8CC,EAAQA,SACpDC,EAAc,QAACC,MAAK,SAACC,GAAC,OAAKA,EAAEC,aAAeN,EAAMO,WAAa,MAAM,KACnEJ,EAAAA,QAAe,IAClBK,EAAAC,EAAAA,cAAAR,EAAA,GAHMS,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAM1CI,EAAsCV,EAAAA,SACpCF,EAAMa,cAAcC,QAAU,IAC/BC,EAAAN,EAAAA,cAAAG,EAAA,GAFMI,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GA4BlC,OACEG,EAAAA,KAAA,MAAA,CAAKC,UAAU,yBACbC,SAAA,CAAAF,EAAAG,KAAA,MAAA,CAAKF,UAAU,oBACbC,SAAA,CAAAE,EAAAC,IAAA,SAAA,CACEC,SA5BoB,SAACC,GAC3B,IAAMC,EAAsBD,EAAME,OAAOC,MACnCC,EAAU1B,EAAAA,QAAeC,MAC7B,SAACyB,GAAO,OAAKA,EAAQvB,YAAcoB,KAGjCG,GACFlB,EAAmBkB,GAGjB7B,EAAM8B,YACR9B,EAAM8B,WAAWL,IAkBbG,MAAOlB,EAAgBJ,UACvByB,KAAK,aACLZ,UAAU,sBAETC,SAAAjB,EAAAA,QAAe6B,KAAI,SAACH,EAASI,GAAK,OACjCf,EAAAA,eAAoBU,MAAOC,EAAQvB,UAChCc,SAAA,CAAAV,EAAgBJ,YAAcuB,EAAQvB,UACrCY,EAAMG,KAAA,OAAA,CAAAF,UAAU,cAAaC,SAAA,CAAES,EAAQE,KAAa,OAEpD,GAEFT,EAAMC,IAAA,OAAA,CAAAJ,UAAU,uBAAeU,EAAQK,OAAa,IACpDhB,EAAMG,KAAA,OAAA,CAAAF,UAAU,cAAaC,SAAA,CAAA,IAAGS,EAAQvB,eAP7B2B,QAYjBX,EAAAC,IAAA,QAAA,CACEY,KAAK,MACLJ,KAAM/B,EAAMoC,MACZR,MAAOZ,EACPQ,SAnCwB,SAC9BC,GAEAR,EAAeQ,EAAME,OAAOC,OACxB5B,EAAM8B,YACR9B,EAAM8B,WAAWL,IA+BbY,YAAY,qBACZC,UAAW,GACXnB,UAAU,wBAIdD,EAAGG,KAAA,IAAA,CAAAF,UAAU,iBAAgBC,SAAA,CAAA,IACzBV,EAAgBJ,UAAY,IAAAU,OAItC"}
+{"version":3,"file":"PhoneNumberInput.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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 s=function(e){a.setSelectedValue&&a.setSelectedValue(e.target.value)};return a.options&&0!==a.options.length?e.jsxs("div",{className:a.names,children:[e.jsx("h5",{className:"mt-3",children:a.labels}),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.names,id:a.names+l,value:i.id,required:0===l&&a.requireds,onChange:s,defaultChecked:a.defaultValues===i.id}),e.jsx("span",{className:"ihub-label-title",children:i.title?i.title:i.name})]})},l)}))})})]}):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\";\r\n\r\ninterface RadioOption {\r\n  id: string | number;\r\n  title?: string;\r\n  name?: string;\r\n}\r\n\r\ninterface RadioFieldProps {\r\n  options?: RadioOption[];\r\n  names: string;\r\n  labels: string;\r\n  requireds?: boolean;\r\n  defaultValues?: string | number;\r\n  setSelectedValue?: (value: string) => void;\r\n}\r\n\r\nconst RadioField: React.FC<RadioFieldProps> = (props) => {\r\n  const handleOptionChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (props.setSelectedValue) {\r\n      props.setSelectedValue(event.target.value);\r\n    }\r\n  };\r\n\r\n  if (!props.options || props.options.length === 0) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <div className={props.names}>\r\n      <h5 className=\"mt-3\">{props.labels}</h5>\r\n\r\n      <div className=\"ihub-field\">\r\n        <div className=\"ihub-radio-wrapper\">\r\n          {props.options.map((option, index) => {\r\n            return (\r\n              <div className=\"ihub-radio-parent\" key={index}>\r\n                <label className=\"ihub-radio\">\r\n                  <input\r\n                    type=\"radio\"\r\n                    name={props.names}\r\n                    id={props.names + index}\r\n                    value={option.id}\r\n                    required={index === 0 ? props.requireds : false}\r\n                    onChange={handleOptionChange}\r\n                    defaultChecked={\r\n                      props.defaultValues === option.id\r\n                    }\r\n                  />\r\n                  <span className=\"ihub-label-title\">\r\n                    {option.title ? option.title : option.name}\r\n                  </span>\r\n                </label>\r\n              </div>\r\n            );\r\n          })}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default RadioField;"],"names":["props","handleOptionChange","event","setSelectedValue","target","value","options","length","_jsxs","className","names","children","_jsx","jsx","labels","map","option","index","jsxs","type","name","id","required","requireds","onChange","defaultChecked","defaultValues","title"],"mappings":"uHAiB8C,SAACA,GAC7C,IAAMC,EAAqB,SAACC,GACtBF,EAAMG,kBACRH,EAAMG,iBAAiBD,EAAME,OAAOC,QAIxC,OAAKL,EAAMM,SAAoC,IAAzBN,EAAMM,QAAQC,OAKlCC,EAAAA,KAAK,MAAA,CAAAC,UAAWT,EAAMU,MAAKC,SAAA,CACzBC,EAAIC,IAAA,KAAA,CAAAJ,UAAU,OAAME,SAAEX,EAAMc,SAE5BF,EAAAC,IAAA,MAAA,CAAKJ,UAAU,aACbE,SAAAC,EAAAC,IAAA,MAAA,CAAKJ,UAAU,8BACZT,EAAMM,QAAQS,KAAI,SAACC,EAAQC,GAC1B,OACEL,EAAAA,WAAKH,UAAU,oBACbE,SAAAH,EAAAU,KAAA,QAAA,CAAOT,UAAU,uBACfG,EACEC,IAAA,QAAA,CAAAM,KAAK,QACLC,KAAMpB,EAAMU,MACZW,GAAIrB,EAAMU,MAAQO,EAClBZ,MAAOW,EAAOK,GACdC,SAAoB,IAAVL,GAAcjB,EAAMuB,UAC9BC,SAAUvB,EACVwB,eACEzB,EAAM0B,gBAAkBV,EAAOK,KAGnCT,cAAMH,UAAU,mBACbE,SAAAK,EAAOW,MAAQX,EAAOW,MAAQX,EAAOI,WAdJH,aAX3C,IAmCX"}
+{"version":3,"file":"RadioField.js","sources":["../../../../src/components/forms/RadioField.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface RadioOption {\r\n  id: string | number;\r\n  title?: string;\r\n  name?: string;\r\n}\r\n\r\ninterface RadioFieldProps {\r\n  options?: RadioOption[];\r\n  name: string;\r\n  label: string;\r\n  required?: boolean;\r\n  defaultValue?: string | number;\r\n  setSelectedValue?: (value: string) => void;\r\n  setNameIDValueIndex?: (\r\n    name: string,\r\n    id: string,\r\n    value: string,\r\n    index: number\r\n  ) => void;\r\n  note?: string;\r\n}\r\n\r\n/**\r\n *\r\n * @component\r\n * @example\r\n * ```tsx\r\n * import { RadioField } from \"@instincthub/react-ui\";\r\n *\r\n * <RadioField\r\n *   options={[\r\n *     { id: 1, title: \"Option 1\" },\r\n *     { id: 2, title: \"Option 2\" },\r\n *     { id: 3, title: \"Option 3\" },\r\n *   ]}\r\n *   names=\"radioField\"\r\n *   labels=\"Radio Field\"\r\n *   requireds={true}\r\n *   defaultValues={1}\r\n *   setSelectedValue={(value) => {\r\n *     console.log(value);\r\n *   }}\r\n * />\r\n * ```\r\n * Props interface for the RadioField component\r\n * @property {RadioOption[]} options - Array of options for the radio field\r\n * @property {string} names - Name of the input field\r\n * @property {string} labels - Label for the radio field\r\n * @property {boolean} requireds - Whether the field is required\r\n * @property {string | number} defaultValues - Default value for the radio field\r\n * @property {(name: string, id: string, value: string, index: number) => void} setNameIDValueIndex - Callback for setting name, id, value, and index\r\n * @property {(value: string) => void} setSelectedValue - Callback for setting the selected value\r\n */\r\n\r\nconst RadioField: React.FC<RadioFieldProps> = (props) => {\r\n  const handleOptionChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (props.setSelectedValue) {\r\n      props.setSelectedValue(event.target.value);\r\n    }\r\n    if (props.setNameIDValueIndex) {\r\n      props.setNameIDValueIndex(\r\n        props.name,\r\n        String(event.target.dataset.id),\r\n        event.target.value,\r\n        Number(event.target.dataset.index)\r\n      );\r\n    }\r\n  };\r\n\r\n  if (!props.options || props.options.length === 0) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <div className={props.name}>\r\n      <h5 className=\"mt-3\">{props.label}</h5>\r\n\r\n      <div className=\"ihub-field\">\r\n        <div className=\"ihub-radio-wrapper\">\r\n          {props.options.map((option, index) => {\r\n            return (\r\n              <div className=\"ihub-radio-parent\" key={index}>\r\n                <label className=\"ihub-radio\">\r\n                  <input\r\n                    type=\"radio\"\r\n                    name={props.name}\r\n                    id={props.name + index}\r\n                    data-id={option.id}\r\n                    data-index={index}\r\n                    value={option.id}\r\n                    required={index === 0 ? props.required : false}\r\n                    onChange={handleOptionChange}\r\n                    defaultChecked={props.defaultValue === option.id}\r\n                  />\r\n                  <span className=\"ihub-label-title\">\r\n                    {option.title ? option.title : option.name}\r\n                  </span>\r\n                </label>\r\n              </div>\r\n            );\r\n          })}\r\n        </div>\r\n      </div>\r\n      {props.note && <p className=\"ihub-input-notes\">{props.note}</p>}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default RadioField;\r\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,KAAI,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,UAsB/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.ids,i=a.names,l=a.values,r=a.labels,t=a.checked,n=a.inputEvent;return e.jsx("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){n&&n(e)},defaultChecked:t}),e.jsx("span",{className:"ihub-custom-radio"}),e.jsx("p",{className:"ihub-p-label",children:r})]})})};
+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\";\r\n\r\ninterface RadioSimpleProps {\r\n  ids: string;\r\n  names: string;\r\n  values: string | number;\r\n  labels: string;\r\n  checked?: boolean;\r\n  inputEvent?: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n}\r\n\r\nconst RadioSimple: React.FC<RadioSimpleProps> = ({\r\n  ids,\r\n  names,\r\n  values,\r\n  labels,\r\n  checked,\r\n  inputEvent\r\n}) => {\r\n  const handleRadio = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (inputEvent) inputEvent(e);\r\n  };\r\n  \r\n  return (\r\n    <section className=\"ihub-radio-btn\">\r\n      <label htmlFor={ids} className=\"ihub-radio-label\">\r\n        <input\r\n          className=\"ihub-radio-input\"\r\n          type=\"radio\"\r\n          name={names}\r\n          id={ids}\r\n          value={values}\r\n          onChange={handleRadio}\r\n          defaultChecked={checked}\r\n        />\r\n        <span className=\"ihub-custom-radio\" />\r\n        <p className=\"ihub-p-label\">{labels}</p>\r\n      </label>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default RadioSimple;"],"names":["_ref","ids","names","values","labels","checked","inputEvent","_jsx","className","children","_jsxs","jsxs","htmlFor","jsx","type","name","id","value","onChange","e","defaultChecked"],"mappings":"uHAWgD,SAA/BA,GAOZ,IANHC,EAAGD,EAAHC,IACAC,EAAKF,EAALE,MACAC,EAAMH,EAANG,OACAC,EAAMJ,EAANI,OACAC,EAAOL,EAAPK,QACAC,EAAUN,EAAVM,WAMA,OACEC,EAAAA,IAAA,UAAA,CAASC,UAAU,iBAAgBC,SACjCC,EAAOC,KAAA,QAAA,CAAAC,QAASX,EAAKO,UAAU,mBAC7BC,SAAA,CAAAF,EAAAM,IAAA,QAAA,CACEL,UAAU,mBACVM,KAAK,QACLC,KAAMb,EACNc,GAAIf,EACJgB,MAAOd,EACPe,SAbY,SAACC,GACfb,GAAYA,EAAWa,IAarBC,eAAgBf,IAElBE,EAAAM,IAAA,OAAA,CAAML,UAAU,sBAChBD,EAAAM,IAAA,IAAA,CAAGL,UAAU,eAAcC,SAAEL,QAIrC"}
+{"version":3,"file":"RadioSimple.js","sources":["../../../../src/components/forms/RadioSimple.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface RadioSimpleProps {\r\n  id: string;\r\n  name: string;\r\n  value: string | number;\r\n  label: string;\r\n  checked?: boolean;\r\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n  note?: string;\r\n}\r\n\r\n/**\r\n *\r\n * @component\r\n * @example\r\n * ```tsx\r\n * import { RadioSimple } from \"@instincthub/react-ui\";\r\n *\r\n * <RadioSimple\r\n *   id=\"radio-simple\"\r\n *   name=\"radio-simple\"\r\n *   value=\"1\"\r\n *   label=\"Radio Simple\"\r\n *   checked={true}\r\n *   inputEvent={(e) => {\r\n *     console.log(e);\r\n *   }}\r\n * />\r\n * ```\r\n * Props interface for the RadioSimple component\r\n * @property {string} id - ID for the radio input\r\n * @property {string} name - Name for the radio input\r\n * @property {string | number} value - Value for the radio input\r\n * @property {string} label - Label for the radio input\r\n * @property {boolean} checked - Whether the radio input is checked\r\n * @property {(e: React.ChangeEvent<HTMLInputElement>) => void} inputEvent - Callback for input events\r\n */\r\n\r\nconst RadioSimple: React.FC<RadioSimpleProps> = ({\r\n  id,\r\n  name,\r\n  value,\r\n  label,\r\n  checked,\r\n  onChange,\r\n  note,\r\n}) => {\r\n  const handleRadio = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (onChange) onChange(e);\r\n  };\r\n\r\n  return (\r\n    <section className=\"ihub-radio-btn\">\r\n      <label htmlFor={id} className=\"ihub-radio-label\">\r\n        <input\r\n          className=\"ihub-radio-input\"\r\n          type=\"radio\"\r\n          name={name}\r\n          id={id}\r\n          value={value}\r\n          onChange={handleRadio}\r\n          defaultChecked={checked}\r\n        />\r\n        <span className=\"ihub-custom-radio\" />\r\n        <p className=\"ihub-p-label\">{label}</p>\r\n      </label>\r\n      {note && <p className=\"ihub-input-notes\">{note}</p>}\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default RadioSimple;\r\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"}