@instincthub/react-ui 0.0.1 → 0.0.3

package/dist/src/assets/svgs/SVGs.jsx

@@ -0,0 +1,38 @@
+export const SVGs = {
+  next: require("./Next.svg").default,
+  previous: require("./previous.svg").default,
+  cloud: require("./cloud.svg").default.src,
+  play: require("./play.svg").default,
+  email: require("./location.svg").default,
+  location: require("./location.svg").default,
+  phone: require("./phone.svg").default,
+  facebook: require("./facebook.svg").default.src,
+  youtube: require("./youtube.svg").default.src,
+  instagram: require("./instagram.svg").default.src,
+  gobackward: require("./gobackward.svg").default,
+  goforward: require("./goforward.svg").default,
+  playF: require("./playF.svg").default,
+  pauseF: require("./pauseF.svg").default,
+  w_youtube: require("./w_youtube.svg").default,
+  linkedin: require("./linkedin.svg").default,
+  NotFound: require("./NotFound.svg").default.src,
+  visibility: require("./visibility_FILL0_wght400_GRAD0_opsz48.svg").default
+    .src,
+  visibility_off: require("./visibility_off_FILL0_wght400_GRAD0_opsz48.svg")
+    .default.src,
+  Trophy: require("./trophy-circle.svg").default,
+  chevronUp: require("./chevron.up.circle.svg").default,
+  TrophyCircle: require("./trophy.circle.fill.svg").default,
+  climb: require("./climb.svg").default,
+  Vector: require("./Vector.svg").default,
+  twitter: require("./twitter.svg").default,
+  medal: require("./medal.svg").default,
+  plane: require("./plane.svg").default,
+  squareAndArrow: require("./square.and.arrow.up.svg").default,
+  uploads: require("./upload.svg").default,
+  settings: require("./video-icons/settings.svg").default.src,
+  highVolume: require("./video-icons/high-volume.svg").default.src,
+  halfVolume: require("./video-icons/half-volume.svg").default.src,
+  muteVolume: require("./video-icons/mute-volume.svg").default.src,
+  fullScreen: require("./video-icons/full-screen.svg").default.src,
+};

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

@@ -1 +1 @@
-{"version":3,"file":"AnimatedBox.js","sources":["../../../../src/components/forms/AnimatedBox.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { useState, useEffect } from \"react\";\r\n\r\n// Define component as a Functional Component (FC)\r\nfunction AnimatedBox() {\r\n  const [animationClass, setAnimationClass] = useState<string>(\"\");\r\n\r\n  // Add animation class when the component mounts\r\n  useEffect(() => {\r\n    setAnimationClass(\"animate\");\r\n  }, []);\r\n\r\n  return (\r\n    <div\r\n      className={`empty-box ${animationClass}`}\r\n      style={{\r\n        width: \"100%\",\r\n        height: \"100%\",\r\n        minHeight: \"100px\",\r\n        backgroundColor: \"var(--DarkCyan)\",\r\n        borderRadius: \"8px\",\r\n        opacity: animationClass\r\n          ? 1\r\n          : 0 /* Initially hide, then show when animated */,\r\n        transition: \"opacity 0.5s ease-in-out\",\r\n      }}\r\n    ></div>\r\n  );\r\n}\r\n\r\nexport default AnimatedBox;\r\n"],"names":["AnimatedBox","_useState","useState","_useState2","_slicedToArray","animationClass","setAnimationClass","useEffect","_jsx","className","concat","style","width","height","minHeight","backgroundColor","borderRadius","opacity","transition"],"mappings":"uKAIA,SAASA,IACP,IAAAC,EAA4CC,EAAiB,IAAGC,EAAAC,EAAAH,EAAA,GAAzDI,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAOxC,OAJAI,GAAU,WACRD,EAAkB,UACnB,GAAE,IAGDE,SACEC,UAASC,aAAAA,OAAeL,GACxBM,MAAO,CACLC,MAAO,OACPC,OAAQ,OACRC,UAAW,QACXC,gBAAiB,kBACjBC,aAAc,MACdC,QAASZ,EACL,EACA,EACJa,WAAY,6BAIpB"}
+{"version":3,"file":"AnimatedBox.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+import{slicedToArray as e,typeof as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useState as r,useRef as l,useEffect as u}from"react";var i=function(i){var c=r(""),o=e(c,2),s=o[0],d=o[1],m=r(""),p=e(m,2),h=p[0],g=p[1],f=r(""),v=e(f,2),b=v[0],N=v[1],y=r(""),x=e(y,2),w=x[0],D=x[1],Y=r(""),A=e(Y,2),C=A[0],q=A[1],F=r(!!i.defaultValues&&new Date(i.defaultValues)),M=e(F,2),j=M[0],k=M[1],E=l(null),I=l(null),L=l(null),S=(new Date).getFullYear()-(i.maxAge||0),T=(new Date).getFullYear()-(i.minAge||0);u((function(){var e="".concat(C,"-").concat(w,"-").concat(b);g(e),i.inputEvent&&i.inputEvent(i.names,e)}),[C,w,b,i.names,i.inputEvent]);var V=function(e){return e<10?"0".concat(e):e.toString()};j&&"object"===a(j)&&(N(V(j.getDate()+1)),D(V(j.getMonth()+1)),q(j.getFullYear().toString()),k(!1));var _=function(e){var a=new Date;N(V(a.getDate()+e)),D(V(a.getMonth()+1)),q(a.getFullYear().toString())};return t("div",{className:i.name,children:n("div",{className:"field",children:[t("h5",{className:"mt-3",children:i.labels}),t("input",{type:"text",hidden:!0,defaultValue:h,name:i.names}),n("div",{className:"ihub-date-input-container ".concat(s?"date-err":""),children:[t("input",{ref:E,type:"text",value:b,onChange:function(e){var a=e.target.value.replace(/[^0-9]/g,"");N(a),2===e.target.value.length&&I.current&&I.current.focus(),parseInt(e.target.value,10)>31&&N("31")},placeholder:"DD",maxLength:2,required:i.requireds,className:"ihub-date-input"}),t("input",{ref:I,type:"text",value:w,onChange:function(e){var a=e.target.value.replace(/[^0-9]/g,"");D(a),2===e.target.value.length&&L.current&&L.current.focus(),parseInt(e.target.value,10)>12&&D("12")},placeholder:"MM",maxLength:2,required:i.requireds,className:"ihub-date-input"}),t("input",{ref:L,type:"text",value:C,onChange:function(e){var a=e.target.value.replace(/[^0-9]/g,""),t=4===a.length,n=parseInt(a,10);t&&i.maxAge&&n<S?d("Only from ".concat(i.maxAge," years and below are allowed.")):t&&i.minAge&&n>T?d("Only from ".concat(i.minAge," years and above are allowed.")):(q(a),d(""))},placeholder:"YYYY",maxLength:4,required:i.requireds,className:"ihub-date-input ihub-date-year"})]}),t("p",{className:"fs-1 fw-bold ihub-is_invalid",children:s}),i.controls?n("p",{className:"ihub-auto-date",children:[t("span",{className:"ihub-set-today",onClick:function(){return _(0)},children:"Today"}),t("span",{className:"ihub-separator",children:"|"}),t("span",{className:"ihub-set-tomorrow",onClick:function(){return _(1)},children:"Tomorrow"}),t("span",{className:"ihub-separator",children:"|"}),t("span",{className:"ihub-clear-date",onClick:function(){N(""),D(""),q("")},children:"Clear"})]}):""]})})};export{i as default};
+//# sourceMappingURL=DateInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateInput.js","sources":["../../../../src/components/forms/DateInput.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, ChangeEvent } from \"react\";\r\n\r\ninterface DateInputProps {\r\n  labels: string;\r\n  names: string;\r\n  name?: string;\r\n  maxAge?: number;\r\n  minAge?: number;\r\n  defaultValues?: string;\r\n  requireds?: boolean;\r\n  controls?: boolean;\r\n  inputEvent?: (name: string, value: string) => void;\r\n}\r\n\r\n/*\r\n    <DateInput labels=\"Year Founded\" names='founded' maxAge={17} minAge={10} />\r\n*/\r\n\r\nconst DateInput: React.FC<DateInputProps> = (props) => {\r\n  const [errMsg, setErrMsg] = useState<string>(\"\");\r\n  const [date, setDate] = useState<string>(\"\");\r\n  const [day, setDay] = useState<string>(\"\");\r\n  const [month, setMonth] = useState<string>(\"\");\r\n  const [year, setYear] = useState<string>(\"\");\r\n  const [defaultDateObjects, setDefaultDateObjects] = useState<Date | false>(\r\n    props.defaultValues ? new Date(props.defaultValues) : false\r\n  );\r\n\r\n  const dayRef = useRef<HTMLInputElement>(null);\r\n  const monthRef = useRef<HTMLInputElement>(null);\r\n  const yearRef = useRef<HTMLInputElement>(null);\r\n\r\n  // Calculate the maximum allowed year based on maxAge prop\r\n  const maxAllowedYear = new Date().getFullYear() - (props.maxAge || 0);\r\n  const minAllowedYear = new Date().getFullYear() - (props.minAge || 0);\r\n\r\n  useEffect(() => {\r\n    const strDate = `${year}-${month}-${day}`;\r\n    setDate(strDate);\r\n    if (props.inputEvent) props.inputEvent(props.names, strDate);\r\n  }, [year, month, day, props.names, props.inputEvent]);\r\n\r\n  const handleDayChange = (event: ChangeEvent<HTMLInputElement>) => {\r\n    // Remove any non-numeric characters\r\n    const numericValue = event.target.value.replace(/[^0-9]/g, \"\");\r\n    setDay(numericValue);\r\n    if (event.target.value.length === 2 && monthRef.current)\r\n      monthRef.current.focus();\r\n    if (parseInt(event.target.value, 10) > 31) setDay(\"31\");\r\n  };\r\n\r\n  const handleMonthChange = (event: ChangeEvent<HTMLInputElement>) => {\r\n    const numericValue = event.target.value.replace(/[^0-9]/g, \"\");\r\n    setMonth(numericValue);\r\n    if (event.target.value.length === 2 && yearRef.current)\r\n      yearRef.current.focus();\r\n    if (parseInt(event.target.value, 10) > 12) setMonth(\"12\");\r\n  };\r\n\r\n  const handleYearChange = (event: ChangeEvent<HTMLInputElement>) => {\r\n    // Remove any non-numeric characters\r\n    const numericValue = event.target.value.replace(/[^0-9]/g, \"\");\r\n    const yearInput = numericValue;\r\n    const fourDigits = yearInput.length === 4;\r\n    const inputYear = parseInt(yearInput, 10);\r\n\r\n    if (fourDigits && props.maxAge && inputYear < maxAllowedYear) {\r\n      setErrMsg(`Only from ${props.maxAge} years and below are allowed.`);\r\n    } else if (fourDigits && props.minAge && inputYear > minAllowedYear) {\r\n      setErrMsg(`Only from ${props.minAge} years and above are allowed.`);\r\n    } else {\r\n      setYear(yearInput);\r\n      setErrMsg(\"\");\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    setDay(lessThanTen(defaultDateObjects.getDate() + 1));\r\n    setMonth(lessThanTen(defaultDateObjects.getMonth() + 1));\r\n    setYear(defaultDateObjects.getFullYear().toString());\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    setDay(lessThanTen(dateObjects.getDate() + add));\r\n    setMonth(lessThanTen(dateObjects.getMonth() + 1));\r\n    setYear(dateObjects.getFullYear().toString());\r\n  };\r\n\r\n  const clearDate = (): void => {\r\n    setDay(\"\");\r\n    setMonth(\"\");\r\n    setYear(\"\");\r\n  };\r\n\r\n  return (\r\n    <div className={props.name}>\r\n      <div className=\"field\">\r\n        <h5 className=\"mt-3\">{props.labels}</h5>\r\n        <input type=\"text\" hidden defaultValue={date} name={props.names} />\r\n        <div\r\n          className={`ihub-date-input-container ${errMsg ? \"date-err\" : \"\"}`}\r\n        >\r\n          <input\r\n            ref={dayRef}\r\n            type=\"text\"\r\n            value={day}\r\n            onChange={handleDayChange}\r\n            placeholder=\"DD\"\r\n            maxLength={2}\r\n            required={props.requireds}\r\n            className=\"ihub-date-input\"\r\n          />\r\n          <input\r\n            ref={monthRef}\r\n            type=\"text\"\r\n            value={month}\r\n            onChange={handleMonthChange}\r\n            placeholder=\"MM\"\r\n            maxLength={2}\r\n            required={props.requireds}\r\n            className=\"ihub-date-input\"\r\n          />\r\n          <input\r\n            ref={yearRef}\r\n            type=\"text\"\r\n            value={year}\r\n            onChange={handleYearChange}\r\n            placeholder=\"YYYY\"\r\n            maxLength={4}\r\n            required={props.requireds}\r\n            className=\"ihub-date-input ihub-date-year\"\r\n          />\r\n        </div>\r\n        <p className=\"fs-1 fw-bold ihub-is_invalid\">{errMsg}</p>\r\n\r\n        {props.controls ? (\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        ) : (\r\n          \"\"\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default DateInput;\r\n"],"names":["DateInput","props","_useState","useState","_useState2","_slicedToArray","errMsg","setErrMsg","_useState3","_useState4","date","setDate","_useState5","_useState6","day","setDay","_useState7","_useState8","month","setMonth","_useState9","_useState10","year","setYear","_useState11","defaultValues","Date","_useState12","defaultDateObjects","setDefaultDateObjects","dayRef","useRef","monthRef","yearRef","maxAllowedYear","getFullYear","maxAge","minAllowedYear","minAge","useEffect","strDate","concat","inputEvent","names","lessThanTen","num","toString","_typeof","getDate","getMonth","setToday","add","dateObjects","_jsx","className","name","children","_jsxs","labels","type","hidden","defaultValue","ref","value","onChange","event","numericValue","target","replace","length","current","focus","parseInt","placeholder","maxLength","required","requireds","yearInput","fourDigits","inputYear","controls","onClick"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import{slicedToArray as e,typeof as a,objectSpread2 as t,defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n,jsxs as u}from"react/jsx-runtime";import{useState as i,useRef as l,useEffect as o}from"react";var c=function(c){var s=i(""),h=e(s,2),d=h[0],m=h[1],p=i(!!c.defaultValues&&new Date(c.defaultValues)),y=e(p,2),g=y[0],f=y[1],b=i({day:"",month:"",year:"",hour:"",minute:""}),v=e(b,2),N=v[0],x=v[1],q=l(null),C=l(null),M=l(null),w=l(null),D=l(null),Y=function(e){var a=e.target,n=a.name,u=a.value.replace(/[^0-9]/g,"");x((function(e){return t(t({},e),{},r({},n,u))})),"day"===n&&2===u.length&&C.current?C.current.focus():"month"===n&&2===u.length&&M.current?M.current.focus():"year"===n&&4===u.length&&w.current?w.current.focus():"hour"===n&&2===u.length&&D.current&&D.current.focus()},H=function(e){return e<10?"0".concat(e):e.toString()};g&&"object"===a(g)&&(x({day:H(g.getDate()),month:H(g.getMonth()+1),year:g.getFullYear().toString(),hour:H(g.getHours()),minute:H(g.getMinutes())}),f(!1));var L=function(e){var a=new Date;x({day:H(a.getDate()+e),month:H(a.getMonth()+1),year:a.getFullYear().toString(),hour:H(a.getHours()),minute:H(a.getMinutes())})};return o((function(){m("".concat(N.year,"-").concat(N.month,"-").concat(N.day," ").concat(N.hour,":").concat(N.minute,":00.000000"))}),[N.year,N.month,N.day,N.hour,N.minute]),n("div",{className:c.names,children:u("div",{className:"field",children:[n("h5",{className:"mt-3",children:c.labels}),n("input",{type:"text",hidden:!0,defaultValue:d&&N.day?d:"",name:c.names}),u("div",{className:"ihub-datetime-container",children:[u("div",{className:"ihub-date-wrapper",children:[n("input",{type:"text",name:"day",value:N.day,onChange:Y,maxLength:2,placeholder:"DD",ref:q,required:c.requireds,className:"ihub-date-input"}),n("input",{type:"text",name:"month",value:N.month,onChange:Y,maxLength:2,placeholder:"MM",ref:C,required:c.requireds,className:"ihub-date-input"}),n("input",{type:"text",name:"year",value:N.year,onChange:Y,maxLength:4,placeholder:"YYYY",ref:M,className:"ihub-date-input ihub-date-year",required:c.requireds})]}),n("div",{className:"ihub-datetime-separator",children:"-"}),u("div",{className:"ihub-time-wrapper",children:[n("input",{type:"text",name:"hour",value:N.hour,onChange:Y,maxLength:2,placeholder:"HH",ref:w,required:c.requireds,className:"ihub-date-input"}),n("input",{type:"text",name:"minute",value:N.minute,onChange:Y,maxLength:2,placeholder:"MM",ref:D,required:c.requireds,className:"ihub-date-input"})]})]}),u("p",{className:"ihub-auto-date",children:[n("span",{className:"ihub-set-today",onClick:function(){return L(0)},children:"Today"}),n("span",{className:"ihub-separator",children:"|"}),n("span",{className:"ihub-set-tomorrow",onClick:function(){return L(1)},children:"Tomorrow"}),n("span",{className:"ihub-separator",children:"|"}),n("span",{className:"ihub-clear-date",onClick:function(){x({day:"",month:"",year:"",hour:"",minute:""})},children:"Clear"})]})]})})};export{c as default};
+//# sourceMappingURL=DateTimeInput.js.map

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

@@ -0,0 +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":["DateTimeInput","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","labels","type","hidden","defaultValue","onChange","maxLength","placeholder","ref","required","requireds","onClick"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +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":["DropFile","_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","_jsx","href"],"mappings":"0RAQA,IAAMA,EAAoC,SAA5BC,GAGT,IAFHC,EAAMD,EAANC,OAAMC,EAAAF,EACNG,WAAAA,OAAa,IAAHD,EAAG,kFAAiFA,EAE9FE,EAAgCC,EAAiB,IAAGC,EAAAC,EAAAH,EAAA,GAA7CI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAEtBI,EAAiBC,GACrB,SAACC,GACC,IAAMC,EAAOD,EAAc,GAC3BH,EAAYI,EAAKC,MACjBb,EAAOY,EACT,GACA,CAACZ,IAGHc,EAAsDC,EAAY,CAChEN,eAAAA,EACAO,OAAQ,CACN,2BAA4B,CAAC,QAAS,QACtC,WAAY,CAAC,SAEfC,SAAU,IANJC,EAAYJ,EAAZI,aAAcC,EAAaL,EAAbK,cAAeC,EAAYN,EAAZM,aASrC,OACEC,EAAA,MAAA,CAAKC,UAAU,gBAAeC,SAAA,CAC5BF,EAAS,MAAAG,EAAAA,EAAA,GAAAN,KAAc,GAAA,CAAEI,UAAU,qBAAoBC,SAAA,CACrDE,EAAW,QAAAD,EAAAL,CAAAA,EAAAA,MAETM,EAA8B,IAD/BL,EAC+B,CAAAG,SAAA,2BAK1B,CAAAA,SAAA,6EAGLhB,GAAYc,EAAA,IAAA,CAAAE,SAAA,CAAA,SAAUhB,UAEvBA,GACAc,EAAK,MAAA,CAAAC,UAAU,yBACbC,SAAA,CAAAE,EAAA,IAAA,CAAAF,SAAA,4EAIAE,EAAA,IAAA,CAAGC,KAAMxB,EAAUqB,SAAA,2BAK7B"}

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

@@ -0,0 +1,2 @@
+import{slicedToArray as e,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,jsx as n}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 a;(void 0===e||["Enter","Tab",","].includes(e.key))&&(e&&e.preventDefault(),/^\S+@\S+\.\S+$/.test(h)&&(a=h.split(",").map((function(e){return e.trim()})),s.includes(a[0])?E("Email already exist in the group."):(m((function(e){return[].concat(t(e),t(a))})),l&&l((function(e){return[].concat(t(e),t(a))})),f(""),x&&E(""))))};return a("div",{className:"ihub-email-list ".concat(u||""),children:[n("ul",{className:"field",children:s.map((function(e,i){return a("li",{className:"ihub-email-item",children:[n("span",{className:"ihub-email-text",children:e}),n("span",{onClick:function(){return function(e){m((function(a){return[].concat(t(a.slice(0,e)),t(a.slice(e+1)))}))}(i)},className:"material-symbols-outlined ihub-email-icon",children:"close"})]},i)}))}),n("input",{name:u,hidden:!0,value:s.join(",")}),n("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&&n("p",{className:"ihub-notes ihub-is_invalid",children:x})]})};export{r as default};
+//# sourceMappingURL=EmailList.js.map

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

@@ -0,0 +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":["EmailList","_ref","setEmailListValue","names","_useState","useState","_useState2","_slicedToArray","emails","setEmails","_useState3","_useState4","newEmail","setNewEmail","_useState5","_useState6","setNewGroupEmail","_useState7","_useState8","message","setMessage","handleKeyPress","e","newEmails","undefined","includes","key","preventDefault","test","split","map","email","trim","prevEmails","concat","_toConsumableArray","_jsxs","className","children","_jsx","index","onClick","slice","handleEmailDelete","name","hidden","value","join","type","onChange","target","length","onBlur","onKeyDown","placeholder"],"mappings":"yLAOA,IAAMA,EAAsC,SAA7BC,GAA8D,IAA9BC,EAAiBD,EAAjBC,kBAAmBC,EAAKF,EAALE,MAChEC,EAA4BC,EAAmB,IAAGC,EAAAC,EAAAH,EAAA,GAA3CI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GACxBI,EAAgCL,EAAiB,IAAGM,EAAAJ,EAAAG,EAAA,GAA7CE,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAC5BG,EAA0CT,EAAmB,IAAGU,EAAAR,EAAAO,EAAA,GAA5CC,EAAA,GAAEC,IAAAA,EAAgBD,EAAA,GACtCE,EAA8BZ,EAAiB,IAAGa,EAAAX,EAAAU,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,KAMChB,KAjCbW,EAAYX,EAASiB,MAAM,KAAKC,KAAI,SAACC,GAAK,OAAKA,EAAMC,UAEtDxB,EAAOiB,SAASF,EAAU,IAY7BH,EAAW,sCARXX,GAAU,SAACwB,GAAU,MAAAC,GAAAA,OAAAC,EAASF,GAAUE,EAAKZ,GAAS,IAEtDrB,GACEA,GAAkB,SAAC+B,GAAU,MAAAC,GAAAA,OAAAC,EAASF,GAAUE,EAAKZ,GAAS,IAChEV,EAAY,IACZM,GAAWC,EAAW,QA8C1B,OACEgB,EAAK,MAAA,CAAAC,6BAASH,OAAqB/B,GAAS,IAC1CmC,SAAA,CAAAC,EAAA,KAAA,CAAIF,UAAU,QAAOC,SAClB9B,EAAOsB,KAAI,SAACC,EAAOS,GAAK,OACvBJ,EAAgB,KAAA,CAAAC,UAAU,kBAAiBC,SAAA,CACzCC,EAAM,OAAA,CAAAF,UAAU,kBAAmBC,SAAAP,IACnCQ,EACE,OAAA,CAAAE,QAAS,WAAF,OA9CO,SAACD,GACzB/B,GAAU,SAACwB,GAAU,MAAAC,GAAAA,OAAAC,EAChBF,EAAWS,MAAM,EAAGF,IAAML,EAC1BF,EAAWS,MAAMF,EAAQ,IAAE,IA2CPG,CAAkBH,EAAM,EACvCH,UAAU,4CAGLC,SAAA,YAPAE,QAWbD,EAAA,QAAA,CAAOK,KAAMzC,EAAO0C,QAAM,EAACC,MAAOtC,EAAOuC,KAAK,OAC9CR,EACE,QAAA,CAAAS,KAAK,OACLF,MAAOlC,EACPqC,SArCoB,SAAC3B,GACzB,IAAMC,EAAYD,EAAE4B,OAAOJ,MAAMjB,MAAM,KAAKC,KAAI,SAACC,GAAK,OAAKA,EAAMC,UAC7DT,EAAU4B,OAAS,EACrBnC,EAAiBO,GAEjBV,EAAYS,EAAE4B,OAAOJ,QAiCnBM,OA7BkB,SAAC9B,GAGnBA,EAAE4B,OAAOJ,QACXzB,IACAC,EAAE4B,OAAOJ,MAAQ,KAyBfO,UAAWhC,EACXiC,YAAY,yCACZjB,UAAU,eAEXlB,GAAWoB,EAAA,IAAA,CAAGF,UAAU,6BAA4BC,SAAEnB,MAG7D"}

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

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

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

@@ -0,0 +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":["FilterArray","_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","onClick","_jsx","type","defaultValue","toUpperCase","name","required","map","option","handleOptionClick"],"mappings":"iLAkBA,IAAMA,EAA0C,SAA/BC,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,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAjDI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAC5BI,EAAgCL,EAAiBb,GAAcmB,EAAAJ,EAAAG,EAAA,GAAxDE,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAa5B,OAJAG,GAAU,WACRD,EAAYrB,EACd,GAAG,CAACA,IAGFuB,EAAA,MAAA,CACEC,UAAS,eAAAC,OAAiBjB,EAAO,gBAAkB,IACnDkB,MAAO,CAAEC,MAAOrB,GAAgB,SAChCsB,GAAEH,MAAAA,OAAQtB,GAAO0B,SAAA,CAEjBN,EAAK,MAAA,CAAAC,UAAU,mBAAmBM,QAAS,WAAF,OAAQb,GAAaD,EAAS,EACrEa,SAAA,CAAAN,EAAA,MAAA,CAAAM,SAAA,CACEE,WACEC,KAAK,OACLC,aAAe/B,EAA0CkB,EAA1BA,aAAAA,EAAAA,EAAUc,cACzCC,KAAMhC,EACNqB,UAAU,qBACVY,SAAU7B,EACC,YAAAI,GAAaR,IAE1B4B,EAAA,IAAA,CAAAF,SAAIT,GAAY,WAEjBhB,GAAU2B,EAAO,QAAA,CAAAP,UAAU,qBAAoBK,SAAEzB,IAClD2B,EAAM,OAAA,CAAAP,UAAU,wDAEjBR,GACCe,EAAK,MAAA,CAAAP,UAAU,gCACZ1B,EAAQuC,KAAI,SAACC,GAAM,OAClBP,EAEE,MAAA,CAAAP,UAAU,oBACVM,QAAS,WAAF,OAtCO,SAACQ,GACzBjB,EAAYiB,GACZjC,GAAoBA,EAAiBiC,GACrC7B,GAAiBA,EAAcC,GAAc,GAAI4B,GACjDrB,GAAY,GAkCasB,CAAkBD,EAAO,WAEvCA,GAJIA,UAWnB"}

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

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

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

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

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

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

@@ -0,0 +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":["FilterObjects","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","onClick","status","_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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"}

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

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

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

@@ -0,0 +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":["FormError","_ref","errors","status","_jsxs","className","children","_jsx","Object","keys","length","_Object$keys","map","field","index","_errors$field","error","e","console","log"],"mappings":"kDAOA,IAAMA,EAAsC,SAA7BC,GAAoD,IAApBC,EAAMD,EAANC,OAAQC,EAAMF,EAANE,OACrD,IACE,OAAe,MAAXA,EAEAC,EAAA,MAAA,CAAKC,UAAU,kBACbC,SAAA,CAAAF,EAAA,KAAA,CAAAE,SAAA,CAAA,SAAWH,EAAM,QACjBI,EACE,MAAA,CAAAD,SAAAC,EAAA,IAAA,CAAAD,SAAA,qDAIc,MAAXH,EAEPC,EAAA,MAAA,CAAKC,UAAU,kBACbC,SAAA,CAAAF,EAAA,KAAA,CAAAE,SAAA,CAAA,SAAWH,EAAM,QACjBI,EACE,MAAA,CAAAD,SAAAC,EAAA,IAAA,CAAAD,SAAA,8BAIGJ,EAEPE,EAAK,MAAA,CAAAC,UAAU,gCACbD,EAAW,KAAA,CAAAE,SAAA,CAAA,SAAAH,EAAc,QACxBK,OAAOC,KAAKP,GAAQQ,OAAS,GAC5BH,EAAA,MAAA,CAAAD,iBAAAK,EACGH,OAAOC,KAAKP,UAAO,IAAAS,OAAA,EAAnBA,EAAqBC,KAAI,SAACC,EAAOC,GAAK,IAAAC,EAAA,OACrCR,kBACgB,UAAbL,EAAOW,UAAM,IAAAE,OAAA,EAAbA,EAAeH,KAAI,SAACI,EAAOF,GAAK,OAC/BV,EACE,IAAA,CAAAE,SAAA,CAAAF,EAAA,SAAA,CAAAE,SAAA,CAASO,EAAK,WAAaG,IADrBF,OAFFA,WAaf,KApBY,IAAAH,CAqBpB,CAAC,MAAOM,GAEP,OADAC,QAAQC,IAAIF,GACL,IACR,CACH"}

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +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":["HandleError","_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":"2HAYA,IAAMA,EAA0C,SAA/BC,GAKZ,IAJHC,EAAMD,EAANC,OACAC,EAAKF,EAALE,MACYF,EAAZG,iBACAC,EAAMJ,EAANI,OAEMC,EAASC,IASf,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,EAAqBH,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"}

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +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":["Logout","router","useRouter","removeAllCookies","cookies","document","cookie","split","i","length","eqPos","indexOf","name","substr","trim","concat","handleLogout","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","push","error","console","stop","apply","this","arguments","_jsx","onClick","className","type","children"],"mappings":"8LAMA,IAAMA,EAAmB,WACvB,IAAMC,EAASC,IAKTC,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,EAAAC,IAAAC,MAAG,SAAAC,IAAA,OAAAF,IAAAG,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EACnB,IAEEtB,IACAF,EAAOyB,KAAK,kBACb,CAAC,MAAOC,GACPC,QAAQD,MAAM,uCAAwCA,EACvD,CAAA,KAAA,EAAA,IAAA,MAAA,OAAAJ,EAAAM,OAAA,GAAAR,EACF,KAAA,OAAA,WARiB,OAAAJ,EAAAa,MAAAC,KAAAC,UAAA,EAAA,GAUlB,OACEC,EAAA,SAAA,CAAQC,QAASlB,EAAcmB,UAAU,cAAcC,KAAK,SAAQC,SAAA,UAIxE"}

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +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":["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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +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":["MultipleEmail","_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","type","onClick","newItems","filter","i","handleDelete","placeholder","onKeyDown","evt","key","trimmedValue","trim","_toConsumableArray","onChange","target","onPaste","emails","clipboardData","getData","match","toBeAdded","length"],"mappings":"yLAMA,IAAMA,EAA8C,SAAjCC,GAAwD,IAApBC,EAAcD,EAAdC,eACrDC,EAA0BC,EAAmB,IAAGC,EAAAC,EAAAH,EAAA,GAAzCI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GACtBI,EAA0BL,EAAiB,IAAGM,EAAAJ,EAAAG,EAAA,GAAvCE,EAAKD,EAAA,GAAEE,EAAQF,EAAA,GACtBG,EAA0BT,EAAwB,MAAKU,EAAAR,EAAAO,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,SAAKC,UAAU,sBAAsBC,SArDlB,SAACC,GACpBA,EAAEC,iBACFC,QAAQC,IAAG,GAAAV,OAAId,KAoDZyB,SAAA,CAAAzB,EAAM0B,KAAI,SAACC,GAAI,OACdT,EAAK,MAAA,CAAAC,UAAU,0BACbS,EAAI,IAAA,CAAAH,SAAAE,IACJC,EAAA,SAAA,CACEC,KAAK,SACLV,UAAU,cACVW,QAAS,WAAF,OArEI,SAACH,GACpB,IAAMI,EAAW/B,EAAMgC,QAAO,SAACC,GAAC,OAAKA,IAAMN,KAC3C1B,EAAS8B,GAELpC,GACFA,EAAeoC,GAgEMG,CAAaP,EAAK,EAAAF,SAAA,QALDE,EAS9B,IAGRC,EACE,QAAA,CAAAT,UAAS,cAAAL,OAAgBN,EAAQ,iBAAmB,IACpDJ,MAAOA,EACP+B,YAAY,yCACZC,UAvGgB,SAACC,GACrB,GAAI,CAAC,QAAS,MAAO,KAAKrB,SAASqB,EAAIC,KAAM,CAC3CD,EAAIf,iBAEJ,IAAMiB,EAAenC,EAAMoC,OAE3B,GAAID,GAAgB7B,EAAQ6B,GAAe,CACzC,IAAMR,KAAQjB,OAAA2B,EAAOzC,GAAOuC,CAAAA,IAC5BtC,EAAS8B,GACT1B,EAAS,IAELV,GACFA,EAAeoC,EAElB,CACF,GAyFGW,SAtFe,SAACL,GACpBhC,EAASgC,EAAIM,OAAOvC,OACpBK,EAAS,OAqFLmC,QApEc,SAACP,GACnBA,EAAIf,iBAEJ,IACMuB,EADQR,EAAIS,cAAcC,QAAQ,QACnBC,MAAM,sCAE3B,GAAIH,EAAQ,CACV,IAAMI,EAAYJ,EAAOb,QAAO,SAACrB,GAAK,OAAME,EAASF,MAErD,GAAIsC,EAAUC,OAAQ,CACpB,IAAMnB,EAAQjB,GAAAA,OAAA2B,EAAOzC,GAAKyC,EAAKQ,IAC/BhD,EAAS8B,GAELpC,GACFA,EAAeoC,EAElB,CACF,KAsDEvB,GAASoB,EAAG,IAAA,CAAAT,UAAU,sBAAcX,MAG3C"}

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +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"],"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

@@ -0,0 +1,2 @@
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as i,jsxs 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.names,u=s.labels,c=s.requireds,d=void 0!==c&&c,m=s.defaultValues,p=void 0===m?"":m,f=s.setValues,v=s.inputEvent,h=r(!1),b=e(h,2),N=b[0],y=b[1],g=r(""),w=e(g,2),x=w[0],V=w[1],_=r(!1),E=e(_,2),j=E[0],q=E[1];return n((function(){V(p)}),[p]),i("div",{className:o,children:i("div",{className:"field",children:a("div",{className:"ihub-password-wrapper",children:[a("div",{className:"input_icon",children:[i("input",{type:N?"text":"password",id:"password",name:o,required:d,value:x,onChange:function(e){var i,a=e.target.value;if(a!==p){V(a);var r=null===(i=e.target.parentElement)||void 0===i?void 0:i.parentElement;a?(null==r||r.classList.add("value"),f&&f(a),v&&v(o,a)):null==r||r.classList.remove("value")}},onFocus:function(){return q(!0)},onMouseOut:function(){return q(!1)}}),i("div",{onClick:function(){y((function(e){return!e}))},className:"symbols ihub-d-inline",children:i(N?l:t,{})})]}),i("span",{className:"text_label ".concat(j||x?"focused":""),children:u})]})})})}export{s as default};
+//# sourceMappingURL=PasswordField.js.map

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

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

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +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":["PhoneNumberInput","props","_useState","useState","countryObjects","find","c","phonecode","phoneCode","_useState2","_slicedToArray","selectedCountry","setSelectedCountry","_useState3","defaultValues","mobile","_useState4","phoneNumber","setPhoneNumber","_jsxs","className","children","_jsx","onChange","event","selectedCountryCode","target","value","country","inputEvent","name","map","index","flag","type","names","placeholder","maxLength"],"mappings":"+MAyBA,IAAMA,EAAoD,SAACC,GAEzD,IAAAC,EAA8CC,EAC5CC,EAAeC,MAAK,SAACC,GAAC,OAAKA,EAAEC,aAAeN,EAAMO,WAAa,MAAM,KACnEJ,EAAe,IAClBK,EAAAC,EAAAR,EAAA,GAHMS,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAM1CI,EAAsCV,EACpCF,EAAMa,cAAcC,QAAU,IAC/BC,EAAAN,EAAAG,EAAA,GAFMI,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GA4BlC,OACEG,EAAA,MAAA,CAAKC,UAAU,yBACbC,SAAA,CAAAF,EAAA,MAAA,CAAKC,UAAU,oBACbC,SAAA,CAAAC,EAAA,SAAA,CACEC,SA5BoB,SAACC,GAC3B,IAAMC,EAAsBD,EAAME,OAAOC,MACnCC,EAAUxB,EAAeC,MAC7B,SAACuB,GAAO,OAAKA,EAAQrB,YAAckB,KAGjCG,GACFhB,EAAmBgB,GAGjB3B,EAAM4B,YACR5B,EAAM4B,WAAWL,IAkBbG,MAAOhB,EAAgBJ,UACvBuB,KAAK,aACLV,UAAU,sBAETC,SAAAjB,EAAe2B,KAAI,SAACH,EAASI,GAAK,OACjCb,YAAoBQ,MAAOC,EAAQrB,UAChCc,SAAA,CAAAV,EAAgBJ,YAAcqB,EAAQrB,UACrCY,EAAM,OAAA,CAAAC,UAAU,cAAaC,SAAA,CAAEO,EAAQE,KAAa,OAEpD,GAEFR,EAAM,OAAA,CAAAF,UAAU,uBAAeQ,EAAQK,OAAa,IACpDd,EAAM,OAAA,CAAAC,UAAU,cAAaC,SAAA,CAAA,IAAGO,EAAQrB,eAP7ByB,QAYjBV,EAAA,QAAA,CACEY,KAAK,MACLJ,KAAM7B,EAAMkC,MACZR,MAAOV,EACPM,SAnCwB,SAC9BC,GAEAN,EAAeM,EAAME,OAAOC,OACxB1B,EAAM4B,YACR5B,EAAM4B,WAAWL,IA+BbY,YAAY,qBACZC,UAAW,GACXjB,UAAU,wBAIdD,EAAG,IAAA,CAAAC,UAAU,iBAAgBC,SAAA,CAAA,IACzBV,EAAgBJ,UAAY,IAAAU,OAItC"}

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

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as a}from"react/jsx-runtime";var i=function(i){var l=function(e){i.setSelectedValue&&i.setSelectedValue(e.target.value)};return i.options&&0!==i.options.length?e("div",{className:i.names,children:[a("h5",{className:"mt-3",children:i.labels}),a("div",{className:"ihub-field",children:a("div",{className:"ihub-radio-wrapper",children:i.options.map((function(t,n){return a("div",{className:"ihub-radio-parent",children:e("label",{className:"ihub-radio",children:[a("input",{type:"radio",name:i.names,id:i.names+n,value:t.id,required:0===n&&i.requireds,onChange:l,defaultChecked:i.defaultValues===t.id}),a("span",{className:"ihub-label-title",children:t.title?t.title:t.name})]})},n)}))})})]}):null};export{i as default};
+//# sourceMappingURL=RadioField.js.map

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

@@ -0,0 +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":["RadioField","props","handleOptionChange","event","setSelectedValue","target","value","options","length","_jsxs","className","names","children","_jsx","labels","map","option","index","type","name","id","required","requireds","onChange","defaultChecked","defaultValues","title"],"mappings":"kDAiBA,IAAMA,EAAwC,SAACC,GAC7C,IAAMC,EAAqB,SAACC,GACtBF,EAAMG,kBACRH,EAAMG,iBAAiBD,EAAME,OAAOC,QAIxC,OAAKL,EAAMM,SAAoC,IAAzBN,EAAMM,QAAQC,OAKlCC,EAAK,MAAA,CAAAC,UAAWT,EAAMU,MAAKC,SAAA,CACzBC,EAAI,KAAA,CAAAH,UAAU,OAAME,SAAEX,EAAMa,SAE5BD,EAAA,MAAA,CAAKH,UAAU,aACbE,SAAAC,EAAA,MAAA,CAAKH,UAAU,8BACZT,EAAMM,QAAQQ,KAAI,SAACC,EAAQC,GAC1B,OACEJ,SAAKH,UAAU,oBACbE,SAAAH,EAAA,QAAA,CAAOC,UAAU,uBACfG,EACE,QAAA,CAAAK,KAAK,QACLC,KAAMlB,EAAMU,MACZS,GAAInB,EAAMU,MAAQM,EAClBX,MAAOU,EAAOI,GACdC,SAAoB,IAAVJ,GAAchB,EAAMqB,UAC9BC,SAAUrB,EACVsB,eACEvB,EAAMwB,gBAAkBT,EAAOI,KAGnCP,UAAMH,UAAU,mBACbE,SAAAI,EAAOU,MAAQV,EAAOU,MAAQV,EAAOG,WAdJF,aAX3C,IAmCX"}

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

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

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

@@ -0,0 +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":["RadioSimple","_ref","ids","names","values","labels","checked","inputEvent","_jsx","className","children","_jsxs","htmlFor","type","name","id","value","onChange","e","defaultChecked"],"mappings":"kDAWA,IAAMA,EAA0C,SAA/BC,GAOZ,IANHC,EAAGD,EAAHC,IACAC,EAAKF,EAALE,MACAC,EAAMH,EAANG,OACAC,EAAMJ,EAANI,OACAC,EAAOL,EAAPK,QACAC,EAAUN,EAAVM,WAMA,OACEC,EAAA,UAAA,CAASC,UAAU,iBAAgBC,SACjCC,EAAO,QAAA,CAAAC,QAASV,EAAKO,UAAU,mBAC7BC,SAAA,CAAAF,EAAA,QAAA,CACEC,UAAU,mBACVI,KAAK,QACLC,KAAMX,EACNY,GAAIb,EACJc,MAAOZ,EACPa,SAbY,SAACC,GACfX,GAAYA,EAAWW,IAarBC,eAAgBb,IAElBE,EAAA,OAAA,CAAMC,UAAU,sBAChBD,EAAA,IAAA,CAAGC,UAAU,eAAcC,SAAEL,QAIrC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReactTimeAgo.js","sources":["../../../../src/components/forms/ReactTimeAgo.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\r\n\r\ninterface TimeAgoProps {\r\n  date: string | number | Date;\r\n  live?: boolean;\r\n  updateInterval?: number;\r\n  formatter?: (value: number, unit: string) => string;\r\n}\r\n\r\nconst DEFAULT_FORMATTER = (value: number, unit: string): string => {\r\n  const unitStr = value === 1 ? unit : `${unit}s`;\r\n  return `${value} ${unitStr} ago`;\r\n};\r\n\r\nconst ReactTimeAgo: React.FC<TimeAgoProps> = ({\r\n  date,\r\n  live = true,\r\n  updateInterval = 60000, // 1 minute default\r\n  formatter = DEFAULT_FORMATTER,\r\n}) => {\r\n  const [timeAgo, setTimeAgo] = useState<string>(\"\");\r\n\r\n  const calculateTimeAgo = (): string => {\r\n    const now = new Date();\r\n    const past = new Date(date);\r\n    const diff = Math.floor((now.getTime() - past.getTime()) / 1000); // diff in seconds\r\n\r\n    // Time units in seconds\r\n    const units = [\r\n      { name: \"year\", seconds: 31536000 },\r\n      { name: \"month\", seconds: 2592000 },\r\n      { name: \"week\", seconds: 604800 },\r\n      { name: \"day\", seconds: 86400 },\r\n      { name: \"hour\", seconds: 3600 },\r\n      { name: \"minute\", seconds: 60 },\r\n      { name: \"second\", seconds: 1 },\r\n    ];\r\n\r\n    // Handle future dates\r\n    if (diff < 0) {\r\n      return \"in the future\";\r\n    }\r\n\r\n    // Just now\r\n    if (diff < 5) {\r\n      return \"just now\";\r\n    }\r\n\r\n    // Find the appropriate unit\r\n    for (const unit of units) {\r\n      const value = Math.floor(diff / unit.seconds);\r\n      if (value >= 1) {\r\n        return formatter(value, unit.name);\r\n      }\r\n    }\r\n\r\n    return formatter(diff, \"second\");\r\n  };\r\n\r\n  useEffect(() => {\r\n    // Initial calculation\r\n    setTimeAgo(calculateTimeAgo());\r\n\r\n    // Set up live updates if enabled\r\n    let intervalId: NodeJS.Timeout | null = null;\r\n\r\n    if (live) {\r\n      intervalId = setInterval(() => {\r\n        setTimeAgo(calculateTimeAgo());\r\n      }, updateInterval);\r\n    }\r\n\r\n    // Clean up\r\n    return () => {\r\n      if (intervalId) {\r\n        clearInterval(intervalId);\r\n      }\r\n    };\r\n  }, [date, live, updateInterval]);\r\n\r\n  return <span className=\"ihub-time-ago\">{timeAgo}</span>;\r\n};\r\n\r\nexport default ReactTimeAgo;\r\n"],"names":["DEFAULT_FORMATTER","value","unit","unitStr","concat","ReactTimeAgo","_ref","date","_ref$live","live","_ref$updateInterval","updateInterval","_ref$formatter","formatter","_useState","useState","_useState2","_slicedToArray","timeAgo","setTimeAgo","calculateTimeAgo","now","Date","past","diff","Math","floor","getTime","_i","_units","name","seconds","length","useEffect","intervalId","setInterval","clearInterval","_jsx","className","children"],"mappings":"uKASA,IAAMA,EAAoB,SAACC,EAAeC,GACxC,IAAMC,EAAoB,IAAVF,EAAcC,EAAIE,GAAAA,OAAMF,EAAO,KAC/C,MAAA,GAAAE,OAAUH,EAAKG,KAAAA,OAAID,EAAO,OAC5B,EAEME,EAAuC,SAA3BC,GAKb,IAJHC,EAAID,EAAJC,KAAIC,EAAAF,EACJG,KAAAA,OAAO,IAAHD,GAAOA,EAAAE,EAAAJ,EACXK,eAAAA,OAAiB,IAAHD,EAAG,IAAKA,EAAAE,EAAAN,EACtBO,UAAAA,OAAYb,IAAHY,EAAGZ,EAAiBY,EAE7BE,EAA8BC,EAAiB,IAAGC,EAAAC,EAAAH,EAAA,GAA3CI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAEpBI,EAAmB,WACvB,IAAMC,EAAM,IAAIC,KACVC,EAAO,IAAID,KAAKf,GAChBiB,EAAOC,KAAKC,OAAOL,EAAIM,UAAYJ,EAAKI,WAAa,KAc3D,GAAIH,EAAO,EACT,MAAO,gBAIT,GAAIA,EAAO,EACT,MAAO,WAIT,IAAA,IAAAI,EAAA,EAAAC,EArBc,CACZ,CAAEC,KAAM,OAAQC,QAAS,SACzB,CAAED,KAAM,QAASC,QAAS,QAC1B,CAAED,KAAM,OAAQC,QAAS,QACzB,CAAED,KAAM,MAAOC,QAAS,OACxB,CAAED,KAAM,OAAQC,QAAS,MACzB,CAAED,KAAM,SAAUC,QAAS,IAC3B,CAAED,KAAM,SAAUC,QAAS,IAcLH,EAAAC,EAAAG,OAAAJ,IAAE,CAArB,IAAM1B,EAAI2B,EAAAD,GACP3B,EAAQwB,KAAKC,MAAMF,EAAOtB,EAAK6B,SACrC,GAAI9B,GAAS,EACX,OAAOY,EAAUZ,EAAOC,EAAK4B,KAEhC,CAED,OAAOjB,EAAUW,EAAM,WAwBzB,OArBAS,GAAU,WAERd,EAAWC,KAGX,IAAIc,EAAoC,KASxC,OAPIzB,IACFyB,EAAaC,aAAY,WACvBhB,EAAWC,IACZ,GAAET,IAIE,WACDuB,GACFE,cAAcF,GAGnB,GAAE,CAAC3B,EAAME,EAAME,IAET0B,UAAMC,UAAU,gBAAiBC,SAAArB,GAC1C"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReadTermsAndCondition.js","sources":["../../../../src/components/forms/ReadTermsAndCondition.tsx"],"sourcesContent":["import Link from \"next/link\";\r\nimport { useState } from \"react\";\r\n\r\ninterface ReadTermsAndConditionProps {\r\n  names?: string;\r\n  setTermsStatus: (status: boolean) => void;\r\n}\r\n\r\nexport default function ReadTermsAndCondition({ names, setTermsStatus }: ReadTermsAndConditionProps) {\r\n  const [checked, setChecked] = useState<boolean>(false);\r\n  \r\n  const handleCheckboxClick = () => {\r\n    const newCheckedState = !checked;\r\n    setChecked(newCheckedState);\r\n    setTermsStatus(newCheckedState);\r\n  };\r\n\r\n  return (\r\n    <div className=\"ihub-react-terms\">\r\n      <p>\r\n        Please read and accept the{\" \"}\r\n        <Link href=\"https://instincthub.com/policies/terms-and-conditions\" className=\"ihub-link\">\r\n          terms and conditions\r\n        </Link>{\" \"}\r\n        before submitting this form. By submitting this form, you agree to comply with the terms and conditions.\r\n      </p>\r\n\r\n      <label htmlFor=\"id_accept_terms_and_conditions\" className=\"ihub-label-cbx\" onClick={handleCheckboxClick}>\r\n        <input\r\n          name={names}\r\n          id=\"id_accept_terms_and_conditions\"\r\n          type=\"checkbox\"\r\n          hidden\r\n          data-id=\"Seminars\"\r\n          value={checked ? \"true\" : \"false\"}\r\n          checked={checked}\r\n          readOnly\r\n        />\r\n        <div className=\"ihub-checkbox\">\r\n          <svg width=\"20px\" height=\"20px\" viewBox=\"0 0 20 20\">\r\n            <path d=\"M3,1 L17,1 L17,1 C18.1045695,1 19,1.8954305 19,3 L19,17 L19,17 C19,18.1045695 18.1045695,19 17,19 L3,19 L3,19 C1.8954305,19 1,18.1045695 1,17 L1,3 L1,3 C1,1.8954305 1.8954305,1 3,1 Z\"></path>\r\n            <polyline points=\"4 11 8 15 16 6\"></polyline>\r\n          </svg>\r\n        </div>\r\n        <span>Agree</span>\r\n      </label>\r\n    </div>\r\n  );\r\n}"],"names":["ReadTermsAndCondition","_ref","names","setTermsStatus","_useState","useState","_useState2","_slicedToArray","checked","setChecked","_jsxs","className","children","_jsx","Link","href","htmlFor","onClick","newCheckedState","name","id","type","hidden","value","readOnly","width","height","viewBox","d","points"],"mappings":"2LAQwB,SAAAA,EAAqBC,GAAsD,IAAnDC,EAAKD,EAALC,MAAOC,EAAcF,EAAdE,eACrDC,EAA8BC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAA/CI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAQ1B,OACEI,EAAK,MAAA,CAAAC,UAAU,6BACbD,EAC6B,IAAA,CAAAE,SAAA,CAAA,6BAAA,IAC3BC,EAACC,EAAI,CAACC,KAAK,wDAAwDJ,UAAU,8CAErE,IAEN,8GAEJD,EAAO,QAAA,CAAAM,QAAQ,iCAAiCL,UAAU,iBAAiBM,QAhBnD,WAC1B,IAAMC,GAAmBV,EACzBC,EAAWS,GACXf,EAAee,IAcXN,SAAA,CAAAC,EAAA,QAAA,CACEM,KAAMjB,EACNkB,GAAG,iCACHC,KAAK,WACLC,QAAM,EAAA,UACE,WACRC,MAAOf,EAAU,OAAS,QAC1BA,QAASA,EACTgB,UACA,IACFX,EAAK,MAAA,CAAAF,UAAU,gBAAeC,SAC5BF,EAAK,MAAA,CAAAe,MAAM,OAAOC,OAAO,OAAOC,QAAQ,YACtCf,SAAA,CAAAC,EAAA,OAAA,CAAMe,EAAE,2LACRf,EAAU,WAAA,CAAAgB,OAAO,wBAGrBhB,EAAkB,OAAA,CAAAD,SAAA,eAI1B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField.js","sources":["../../../../src/components/forms/SearchField.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { useRouter } from \"next/navigation\";\r\n\r\ninterface SearchFieldProps {\r\n  labels?: string;\r\n  setSearchValues?: (value: string) => void;\r\n}\r\n\r\nconst SearchField: React.FC<SearchFieldProps> = ({ labels, setSearchValues }) => {\r\n  const router = useRouter();\r\n\r\n  const handleUpdateQueryParam = (value: string): void => {\r\n    // Update the search params onChange\r\n    const query = new URLSearchParams(window.location.search);\r\n    query.set(\"search\", value);\r\n    \r\n    const newUrl = \r\n      window.location.pathname + \"?\" + query.toString() + \r\n      window.location.hash;\r\n      \r\n    router.replace(newUrl);\r\n  };\r\n\r\n  return (\r\n    <div className=\"ihub-search-field event-input\">\r\n      <div className=\"ihub-search-set\">\r\n        <div className=\"ihub-input-div\">\r\n          <svg \r\n            className=\"ihub-search-icon\" \r\n            width=\"20\" \r\n            height=\"20\" \r\n            viewBox=\"0 0 24 24\" \r\n            fill=\"none\" \r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n          >\r\n            <path \r\n              d=\"M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z\" \r\n              stroke=\"currentColor\" \r\n              strokeWidth=\"2\" \r\n              strokeLinecap=\"round\" \r\n              strokeLinejoin=\"round\"\r\n            />\r\n            <path \r\n              d=\"M21 21L16.65 16.65\" \r\n              stroke=\"currentColor\" \r\n              strokeWidth=\"2\" \r\n              strokeLinecap=\"round\" \r\n              strokeLinejoin=\"round\"\r\n            />\r\n          </svg>\r\n        </div>\r\n        <div>\r\n          <input\r\n            className=\"ihub-event-input\"\r\n            type=\"text\"\r\n            name=\"name\"\r\n            placeholder={`Search ${labels ? labels : \"Blog\"} ...`}\r\n            onChange={(e) => {\r\n              handleUpdateQueryParam(e.target.value);\r\n              setSearchValues && setSearchValues(e.target.value);\r\n            }}\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SearchField;"],"names":["SearchField","_ref","labels","setSearchValues","router","useRouter","_jsx","className","children","_jsxs","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","type","name","placeholder","concat","onChange","e","value","query","URLSearchParams","window","location","search","set","newUrl","pathname","toString","hash","replace","handleUpdateQueryParam","target"],"mappings":"8FAQA,IAAMA,EAA0C,SAA/BC,GAA+D,IAA7BC,EAAMD,EAANC,OAAQC,EAAeF,EAAfE,gBACnDC,EAASC,IAcf,OACEC,EAAK,MAAA,CAAAC,UAAU,gCACbC,SAAAC,EAAA,MAAA,CAAKF,UAAU,kBAAiBC,SAAA,CAC9BF,EAAK,MAAA,CAAAC,UAAU,iBACbC,SAAAC,EAAA,MAAA,CACEF,UAAU,mBACVG,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAENN,SAAA,CAAAF,EAAA,OAAA,CACES,EAAE,oHACFC,OAAO,eACPC,YAAY,IACZC,cAAc,QACdC,eAAe,UAEjBb,EACE,OAAA,CAAAS,EAAE,qBACFC,OAAO,eACPC,YAAY,IACZC,cAAc,QACdC,eAAe,eAIrBb,EACE,MAAA,CAAAE,SAAAF,EAAA,QAAA,CACEC,UAAU,mBACVa,KAAK,OACLC,KAAK,OACLC,YAAW,UAAAC,OAAYrB,GAAkB,OAAY,QACrDsB,SAAU,SAACC,IA9CU,SAACC,GAE9B,IAAMC,EAAQ,IAAIC,gBAAgBC,OAAOC,SAASC,QAClDJ,EAAMK,IAAI,SAAUN,GAEpB,IAAMO,EACJJ,OAAOC,SAASI,SAAW,IAAMP,EAAMQ,WACvCN,OAAOC,SAASM,KAElBhC,EAAOiC,QAAQJ,GAsCLK,CAAuBb,EAAEc,OAAOb,OAChCvB,GAAmBA,EAAgBsB,EAAEc,OAAOb,MAC9C,UAMZ"}

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

@@ -0,0 +1,2 @@
+import{objectWithoutProperties as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as e,jsxs as r}from"react/jsx-runtime";import i from"react";var s=["step","counts","widths"],a=function(a){var o=a.step,c=a.counts,n=a.widths,l=void 0===n?"400px":n;return t(a,s),e("div",{className:"ihub-progress-bar-container",style:{maxWidth:l},children:c.map((function(t,s){return r(i.Fragment,{children:[e("div",{className:"ihub-progress-step ".concat(o>=t?"ihub-step-active":""),children:t}),c.length!==s+1&&e("div",{className:"ihub-progress-line",style:{width:"calc(100% / ".concat(c.length,")")}})]},s)}))})};export{a as default};
+//# sourceMappingURL=StepProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepProgressBar.js","sources":["../../../../src/components/forms/StepProgressBar.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface StepProgressBarProps {\r\n  step: number;\r\n  counts: number[];\r\n  widths?: string;\r\n  [key: string]: any;\r\n}\r\n\r\nconst StepProgressBar: React.FC<StepProgressBarProps> = ({ \r\n  step, \r\n  counts, \r\n  widths = \"400px\", \r\n  ...props \r\n}) => {\r\n  return (\r\n    <div className=\"ihub-progress-bar-container\" style={{ maxWidth: widths }}>\r\n      {counts.map((num, index) => (\r\n        <React.Fragment key={index}>\r\n          <div \r\n            className={`ihub-progress-step ${step >= num ? \"ihub-step-active\" : \"\"}`}\r\n          >\r\n            {num}\r\n          </div>\r\n          {(counts.length !== index + 1) && (\r\n            <div \r\n              className=\"ihub-progress-line\" \r\n              style={{ width: `calc(100% / ${counts.length})` }}\r\n            />\r\n          )}\r\n        </React.Fragment>\r\n      ))}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default StepProgressBar;"],"names":["StepProgressBar","_ref","step","counts","_ref$widths","widths","_objectWithoutProperties","_excluded","_jsx","className","style","maxWidth","children","map","num","index","_jsxs","React","Fragment","concat","length","width"],"mappings":"iMASMA,EAAkD,SAAnCC,GAKhB,IAJHC,EAAID,EAAJC,KACAC,EAAMF,EAANE,OAAMC,EAAAH,EACNI,OAAAA,OAAS,IAAHD,EAAG,QAAOA,EAGhB,OAFQE,EAAAL,EAAAM,GAGNC,EAAK,MAAA,CAAAC,UAAU,8BAA8BC,MAAO,CAAEC,SAAUN,GAAQO,SACrET,EAAOU,KAAI,SAACC,EAAKC,GAAK,OACrBC,EAACC,EAAMC,SAAQ,CAAAN,SAAA,CACbJ,SACEC,UAAS,sBAAAU,OAAwBjB,GAAQY,EAAM,mBAAqB,IAAIF,SAEvEE,IAEDX,EAAOiB,SAAWL,EAAQ,GAC1BP,EAAA,MAAA,CACEC,UAAU,qBACVC,MAAO,CAAEW,MAAKF,eAAAA,OAAiBhB,EAAOiB,OAAM,UAT7BL,OAgB7B"}

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

@@ -1,2 +1,2 @@
-import{jsx as s,jsxs as t}from"react/jsx-runtime";import i from"../svgs/ChevronRightIcon.js";function n(n){return s("div",{className:"ihub-react-button ihub-no-icon",children:t("button",{type:"submit",id:"SubmitBtn",className:"ihub-submit-btn ihub-important-btn ihub-anime-button-chevron",disabled:!(0!==n.status&&!n.disableds),children:[0===n.status&&s("svg",{className:"ihub-bt-spinner",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",children:s("path",{d:"M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z"})}),s("span",{children:n.labels}),s(i,{fills:"#fff",ids:"animate",widths:"16",heights:"16"})]})})}export{n as default};
+import{jsx as t,jsxs as i}from"react/jsx-runtime";import s from"@mui/icons-material/ChevronRight";function e(e){return t("div",{className:"ihub-react-button ihub-no-icon",children:i("button",{type:"submit",id:"SubmitBtn",className:"ihub-submit-btn ihub-important-btn ihub-anime-button-chevron",disabled:!(0!==e.status&&!e.disableds),children:[0===e.status&&t("svg",{className:"ihub-bt-spinner",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",children:t("path",{d:"M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z"})}),t("span",{children:e.labels}),t(s,{style:{color:"#ffffff"},id:"animate",width:"16",height:"16"})]})})}export{e as default};
 //# sourceMappingURL=SubmitBtn.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SubmitBtn.js","sources":["../../../../src/components/forms/SubmitBtn.tsx"],"sourcesContent":["import React from \"react\";\r\nimport ChevronRightIcon from \"../svgs/ChevronRightIcon\";\r\n\r\ninterface SubmitBtnProps {\r\n  labels: string;\r\n  status?: number;\r\n  disableds?: boolean;\r\n}\r\n\r\nfunction SubmitBtn(props: SubmitBtnProps) {\r\n  return (\r\n    <div className=\"ihub-react-button ihub-no-icon\">\r\n      <button\r\n        type=\"submit\"\r\n        id=\"SubmitBtn\"\r\n        className=\"ihub-submit-btn ihub-important-btn ihub-anime-button-chevron\"\r\n        disabled={props.status === 0 || props.disableds ? true : false}\r\n      >\r\n        {props.status === 0 && (\r\n          <svg\r\n            className=\"ihub-bt-spinner\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            viewBox=\"0 0 512 512\"\r\n          >\r\n            <path d=\"M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z\"></path>\r\n          </svg>\r\n        )}\r\n        <span>{props.labels}</span>\r\n        <ChevronRightIcon fills=\"#fff\" ids=\"animate\" widths=\"16\" heights=\"16\" />\r\n      </button>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default SubmitBtn;\r\n"],"names":["SubmitBtn","props","_jsx","className","children","_jsxs","type","id","disabled","status","disableds","xmlns","viewBox","d","labels","ChevronRightIcon","fills","ids","widths","heights"],"mappings":"6FASA,SAASA,EAAUC,GACjB,OACEC,SAAKC,UAAU,iCACbC,SAAAC,EAAA,SAAA,CACEC,KAAK,SACLC,GAAG,YACHJ,UAAU,+DACVK,WAA2B,IAAjBP,EAAMQ,SAAgBR,EAAMS,WAErCN,SAAA,CAAiB,IAAjBH,EAAMQ,QACLP,EAAA,MAAA,CACEC,UAAU,kBACVQ,MAAM,6BACNC,QAAQ,cAAaR,SAErBF,UAAMW,EAAE,ykBAGZX,EAAA,OAAA,CAAAE,SAAOH,EAAMa,SACbZ,EAACa,GAAiBC,MAAM,OAAOC,IAAI,UAAUC,OAAO,KAAKC,QAAQ,WAIzE"}
+{"version":3,"file":"SubmitBtn.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useState as i,useMemo as l}from"react";var a=function(a){var n=a.data,c=i(""),o=e(c,2),u=o[0],d=o[1],h=l((function(){return n.filter((function(e){return e.title.toLowerCase().includes(u.toLowerCase())}))}),[n,u]);return t("div",{className:"ihub-table-container",children:[r("div",{className:"ihub-table-filter",children:r("input",{type:"text",placeholder:"Filter by title...",value:u,onChange:function(e){d(e.target.value)},className:"ihub-table-filter-input"})}),t("table",{className:"ihub-table",children:[r("thead",{children:t("tr",{children:[r("th",{children:"No"}),r("th",{children:"Column 1"})]})}),r("tbody",{children:h.map((function(e,i){return t("tr",{children:[r("td",{children:i+1}),r("td",{children:e.title})]},e.id)}))})]})]})};export{a as default};
+//# sourceMappingURL=Tables.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tables.js","sources":["../../../../src/components/forms/Tables.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\r\n\r\ninterface TableItem {\r\n  id: string | number;\r\n  title: string;\r\n  // Uncomment as needed\r\n  // column2: string;\r\n  // column3: string;\r\n  // column4: string;\r\n  // column5: string;\r\n  // column6: string;\r\n}\r\n\r\ninterface TablesProps {\r\n  data: TableItem[];\r\n}\r\n\r\nconst Tables: React.FC<TablesProps> = ({ data }) => {\r\n  const [filter, setFilter] = useState('');\r\n\r\n  const handleFilterChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    setFilter(e.target.value);\r\n  };\r\n\r\n  const filteredData = useMemo(() => {\r\n    return data.filter(item => \r\n      item.title.toLowerCase().includes(filter.toLowerCase())\r\n    );\r\n  }, [data, filter]);\r\n\r\n  return (\r\n    <div className=\"ihub-table-container\">\r\n      <div className=\"ihub-table-filter\">\r\n        <input \r\n          type=\"text\" \r\n          placeholder=\"Filter by title...\" \r\n          value={filter} \r\n          onChange={handleFilterChange}\r\n          className=\"ihub-table-filter-input\"\r\n        />\r\n      </div>\r\n      <table className=\"ihub-table\">\r\n        <thead>\r\n          <tr>\r\n            <th>No</th>\r\n            <th>Column 1</th>\r\n            {/* <th>Column 2</th>\r\n            <th>Column 3</th>\r\n            <th>Column 4</th>\r\n            <th>Column 5</th>\r\n            <th>Column 6</th> */}\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          {filteredData.map((item, index) => (\r\n            <tr key={item.id}>\r\n              <td>{index+1}</td>\r\n              <td>{item.title}</td>\r\n              {/* <td>{item.column2}</td>\r\n              <td>{item.column3}</td>\r\n              <td>{item.column4}</td>\r\n              <td>{item.column5}</td>\r\n              <td>{item.column6}</td> */}\r\n            </tr>\r\n          ))}\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Tables;"],"names":["Tables","_ref","data","_useState","useState","_useState2","_slicedToArray","filter","setFilter","filteredData","useMemo","item","title","toLowerCase","includes","_jsxs","className","_jsx","type","placeholder","value","onChange","e","target","children","map","index","id"],"mappings":"+KAiBA,IAAMA,EAAgC,SAA1BC,GAAuC,IAAVC,EAAID,EAAJC,KACvCC,EAA4BC,EAAS,IAAGC,EAAAC,EAAAH,EAAA,GAAjCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAMlBI,EAAeC,GAAQ,WAC3B,OAAOR,EAAKK,QAAO,SAAAI,GAAI,OACrBA,EAAKC,MAAMC,cAAcC,SAASP,EAAOM,iBAE7C,GAAG,CAACX,EAAMK,IAEV,OACEQ,EAAK,MAAA,CAAAC,UAAU,iCACbC,EAAK,MAAA,CAAAD,UAAU,6BACbC,EACE,QAAA,CAAAC,KAAK,OACLC,YAAY,qBACZC,MAAOb,EACPc,SAjBmB,SAACC,GAC1Bd,EAAUc,EAAEC,OAAOH,QAiBbJ,UAAU,8BAGdD,EAAA,QAAA,CAAOC,UAAU,uBACfC,EACE,QAAA,CAAAO,SAAAT,EAAA,KAAA,CAAAS,SAAA,CACEP,EAAW,KAAA,CAAAO,SAAA,OACXP,mCAQJA,EACG,QAAA,CAAAO,SAAAf,EAAagB,KAAI,SAACd,EAAMe,GAAK,OAC5BX,kBACEE,EAAK,KAAA,CAAAO,SAAAE,EAAM,IACXT,EAAA,KAAA,CAAAO,SAAKb,EAAKC,UAFHD,EAAKgB,cAc1B"}

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

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as a}from"react/jsx-runtime";var t=function(t){return e("div",{className:t.names,children:e("div",{className:"ihub-field",children:a("div",{className:"ihub-textarea-wrapper ".concat(t.defaultValues?"ihub-value":""),children:[e("textarea",{name:t.names,rows:t.rows,defaultValue:t.defaultValues,onChange:function(e){t.setValues&&t.setValues(e.target.value),t.inputEvent&&t.inputEvent(e),function(e){var a,t;e.target.value?null===(a=e.target.parentElement)||void 0===a||a.classList.add("ihub-value"):null===(t=e.target.parentElement)||void 0===t||t.classList.remove("ihub-value")}(e)},placeholder:t.placeholder,maxLength:void 0!==t.maxLengths?Number(t.maxLengths):void 0}),e("span",{className:"ihub-textarea-label",children:t.labels})]})})})};export{t as default};
+//# sourceMappingURL=TextArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sources":["../../../../src/components/forms/TextArea.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface TextAreaProps {\r\n  names: string;\r\n  labels: string;\r\n  rows?: number;\r\n  defaultValues?: string;\r\n  placeholder?: string;\r\n  maxLengths?: number | string;\r\n  setValues?: (value: string) => void;\r\n  inputEvent?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\r\n}\r\n\r\nconst TextArea: React.FC<TextAreaProps> = (props) => {\r\n  const showLabel = (e: React.ChangeEvent<HTMLTextAreaElement>): void => {\r\n    if (e.target.value) e.target.parentElement?.classList.add(\"ihub-value\");\r\n    else e.target.parentElement?.classList.remove(\"ihub-value\");\r\n  };\r\n  \r\n  const handleInput = (e: React.ChangeEvent<HTMLTextAreaElement>): void => {\r\n    if (props.setValues) props.setValues(e.target.value);\r\n    if (props.inputEvent) props.inputEvent(e);\r\n    showLabel(e);\r\n  };\r\n  \r\n  return (\r\n    <div className={props.names}>\r\n      <div className=\"ihub-field\">\r\n        <div className={`ihub-textarea-wrapper ${props.defaultValues ? \"ihub-value\" : \"\"}`}>\r\n          <textarea\r\n            name={props.names}\r\n            rows={props.rows}\r\n            defaultValue={props.defaultValues}\r\n            onChange={handleInput}\r\n            placeholder={props.placeholder}\r\n            maxLength={props.maxLengths !== undefined ? Number(props.maxLengths) : undefined}\r\n          ></textarea>\r\n          <span className=\"ihub-textarea-label\">{props.labels}</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default TextArea;"],"names":["TextArea","props","_jsx","className","names","children","_jsxs","concat","defaultValues","name","rows","defaultValue","onChange","e","setValues","target","value","inputEvent","_e$target$parentEleme","_e$target$parentEleme2","parentElement","classList","add","remove","showLabel","placeholder","maxLength","undefined","maxLengths","Number","labels"],"mappings":"kDAaA,IAAMA,EAAoC,SAACC,GAYzC,OACEC,SAAKC,UAAWF,EAAMG,eACpBF,EAAK,MAAA,CAAAC,UAAU,aAAYE,SACzBC,SAAKH,UAAS,yBAAAI,OAA2BN,EAAMO,cAAgB,aAAe,IAC5EH,SAAA,CAAAH,EAAA,WAAA,CACEO,KAAMR,EAAMG,MACZM,KAAMT,EAAMS,KACZC,aAAcV,EAAMO,cACpBI,SAdU,SAACC,GACfZ,EAAMa,WAAWb,EAAMa,UAAUD,EAAEE,OAAOC,OAC1Cf,EAAMgB,YAAYhB,EAAMgB,WAAWJ,GAPvB,SAACA,GAAmD,IAAAK,EAAAC,EAChEN,EAAEE,OAAOC,MAA6BE,QAAtBA,EAAAL,EAAEE,OAAOK,yBAAaF,GAAtBA,EAAwBG,UAAUC,IAAI,cAC/BH,QAAtBA,EAAAN,EAAEE,OAAOK,yBAAaD,GAAtBA,EAAwBE,UAAUE,OAAO,cAM9CC,CAAUX,IAYFY,YAAaxB,EAAMwB,YACnBC,eAAgCC,IAArB1B,EAAM2B,WAA2BC,OAAO5B,EAAM2B,iBAAcD,IAEzEzB,EAAM,OAAA,CAAAC,UAAU,sBAAqBE,SAAEJ,EAAM6B,eAKvD"}

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

@@ -0,0 +1,2 @@
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as r,jsx as i}from"react/jsx-runtime";import{useState as t}from"react";import a from"./ReactTimeAgo.js";var n=function(n){var o=n.content,c=n.children,l=t(!1),s=e(l,2),m=s[0],u=s[1];return r("div",{className:"ihub-tooltip-container",onMouseEnter:function(){return u(!0)},onMouseLeave:function(){return u(!1)},children:[c,m&&i("div",{className:"ihub-tip-wrapper",children:i("div",{className:"ihub-tooltip",children:Array.isArray(o)?o.map((function(e,t){return r("div",{className:"ihub-tip-item",children:[i("p",{children:e.feedback}),i("p",{className:"ihub-timestamp",children:i(a,{date:new Date(e.timestamp)})})]},t)})):o})})]})};export{n as default};
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/forms/Tooltip.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport ReactTimeAgo from \"./ReactTimeAgo\";\r\n\r\ninterface TooltipContent {\r\n  feedback: string;\r\n  timestamp: string | number | Date;\r\n}\r\n\r\ninterface TooltipProps {\r\n  content: string | TooltipContent[];\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst Tooltip: React.FC<TooltipProps> = ({ content, children }) => {\r\n  const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n\r\n  const handleMouseEnter = () => setShowTooltip(true);\r\n  const handleMouseLeave = () => setShowTooltip(false);\r\n\r\n  return (\r\n    <div\r\n      className=\"ihub-tooltip-container\"\r\n      onMouseEnter={handleMouseEnter}\r\n      onMouseLeave={handleMouseLeave}\r\n    >\r\n      {children}\r\n      {showTooltip && (\r\n        <div className=\"ihub-tip-wrapper\">\r\n          <div className=\"ihub-tooltip\">\r\n            {Array.isArray(content)\r\n              ? content.map((option, index) => (\r\n                  <div key={index} className=\"ihub-tip-item\">\r\n                    <p>{option.feedback}</p>\r\n                    <p className=\"ihub-timestamp\">\r\n                      <ReactTimeAgo date={new Date(option.timestamp)} />\r\n                    </p>\r\n                  </div>\r\n                ))\r\n              : content}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Tooltip;"],"names":["Tooltip","_ref","content","children","_useState","useState","_useState2","_slicedToArray","showTooltip","setShowTooltip","_jsxs","className","onMouseEnter","onMouseLeave","_jsx","Array","isArray","map","option","index","feedback","ReactTimeAgo","date","Date","timestamp"],"mappings":"mMAaA,IAAMA,EAAkC,SAA3BC,GAAqD,IAAvBC,EAAOD,EAAPC,QAASC,EAAQF,EAARE,SAClDC,EAAsCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAvDI,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAKlC,OACEI,EAAA,MAAA,CACEC,UAAU,yBACVC,aANqB,WAAH,OAASH,GAAe,EAAK,EAO/CI,aANqB,WAAH,OAASJ,GAAe,EAAM,EAMlBN,SAAA,CAE7BA,EACAK,GACCM,EAAK,MAAA,CAAAH,UAAU,4BACbG,EAAK,MAAA,CAAAH,UAAU,wBACZI,MAAMC,QAAQd,GACXA,EAAQe,KAAI,SAACC,EAAQC,GAAK,OACxBT,SAAiBC,UAAU,gBACzBR,SAAA,CAAAW,EAAA,IAAA,CAAAX,SAAIe,EAAOE,WACXN,EAAG,IAAA,CAAAH,UAAU,iBAAgBR,SAC3BW,EAACO,EAAY,CAACC,KAAM,IAAIC,KAAKL,EAAOM,iBAH9BL,EAMX,IACDjB,QAMhB"}