npm - @instincthub/react-ui - Versions diffs - 0.0.3 → 0.0.4 - Mend

@instincthub/react-ui 0.0.3 → 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1893) hide show

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

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

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

	@@ -1 +1 @@
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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"}
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":["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","jsxs","jsx","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 CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterObjects.js","sources":["../../../../src/components/forms/FilterObjects.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\r\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\r\nimport { setCookie } from \"../lib/helpFunction\";\r\n\r\n// Define interfaces for the component\r\ninterface FilterObjectsOption {\r\n id: string \| number;\r\n title: string;\r\n [key: string]: any; // For any additional properties\r\n}\r\n\r\ninterface FilterObjectsProps {\r\n options: FilterObjectsOption[];\r\n defaultValues?: FilterObjectsOption \| string \| number;\r\n names: string;\r\n labels?: string;\r\n setSelectedValues?: (name: string, value: FilterObjectsOption) => void;\r\n defaultWidth?: string;\r\n requireds?: boolean;\r\n errs?: boolean;\r\n setArrayProps?: (arrayProps: any[], option: FilterObjectsOption) => void;\r\n arrayProps?: any[];\r\n dataNames?: string;\r\n setCookies?: string;\r\n setObjects?: (option: FilterObjectsOption) => void;\r\n status?: number;\r\n upperCases?: boolean;\r\n}\r\n\r\nconst FilterObjects: React.FC<FilterObjectsProps> = (props) => {\r\n const [isActive, setIsActive] = useState<boolean>(false);\r\n const [selected, setSelected] = useState<string>(\"Choose...\");\r\n const [objects, setObjects] = useState<FilterObjectsOption[]>([]);\r\n const [id, setID] = useState<string \| number>(\"\");\r\n\r\n useEffect(() => {\r\n /* \r\n Objects throws error when you loop with map or forEach.\r\n Solution: convert objects list to array.\r\n */\r\n let obj: FilterObjectsOption[] = [];\r\n for (const i in props.options) {\r\n if (props.options[i].id === props.defaultValues) {\r\n setSelected(props.options[i].title);\r\n setID(props.options[i].id);\r\n }\r\n obj.push(props.options[i]);\r\n }\r\n setObjects(obj);\r\n }, [props.options, props.defaultValues]);\r\n\r\n useEffect(() => {\r\n // Update default ID and Selected states\r\n if (typeof props.defaultValues === \"object\" && props.defaultValues?.id) {\r\n // If objects was passed as a props\r\n setSelected(props.defaultValues.title);\r\n setID(props.defaultValues.id);\r\n } else if (props.defaultValues) {\r\n // If ID was passed as a props\r\n const obj = props.options.find((i) => i.id === props.defaultValues);\r\n if (obj?.id) {\r\n setSelected(obj.title);\r\n setID(obj.id);\r\n }\r\n } else {\r\n // if none default values\r\n setSelected(\"Choose...\");\r\n setID(\"\");\r\n }\r\n }, [props.defaultValues, props.options]);\r\n\r\n const handleOptionClick = (option: FilterObjectsOption, title: string): void => {\r\n setSelected(title);\r\n setID(option.id);\r\n setIsActive(false);\r\n props.setSelectedValues && props.setSelectedValues(props.names, option);\r\n props.setObjects && props.setObjects(option);\r\n props.setArrayProps && props.setArrayProps(props.arrayProps \|\| [], option);\r\n if (props.setCookies) {\r\n setCookie(props.setCookies, JSON.stringify(option), 365);\r\n }\r\n };\r\n\r\n return (\r\n <div\r\n className={`ihub-select ${props.errs ? \"ihub-form-err\" : \"\"}`}\r\n style={{ width: props.defaultWidth \|\| \"300px\" }}\r\n >\r\n <div\r\n className=\"ihub-select__btn\"\r\n onClick={() => props.status !== 0 && setIsActive(!isActive)}\r\n >\r\n <div className={props.status === 0 ? \"disabled\" : \"\"}>\r\n <input\r\n type=\"text\"\r\n className=\"ihub-select__input\"\r\n value={props.upperCases ? String(id).toUpperCase() : id \|\| \"\"}\r\n id={\"id_\" + props.names}\r\n name={props.names}\r\n required={props.requireds}\r\n data-name={props.dataNames \|\| props.names}\r\n readOnly\r\n />\r\n <p>{selected \|\| \"...\"}</p>\r\n </div>\r\n {props.labels && (\r\n <label className=\"ihub-select__label\">{props.labels}</label>\r\n )}\r\n\r\n <div className=\"search_btn\">\r\n {props.status === 0 ? (\r\n <div className=\"ihub-select__loader\"></div>\r\n ) : (\r\n <ExpandMoreIcon />\r\n )}\r\n </div>\r\n </div>\r\n {isActive && (\r\n <div className=\"ihub-select__content\">\r\n {objects.map((option, index) => (\r\n <div\r\n className=\"ihub-select__item\"\r\n onClick={() => handleOptionClick(option, option.title)}\r\n key={index}\r\n >\r\n {option.title}\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default FilterObjects;"],"names":["~~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":"~~8RA6BA~~,~~IAAMA~~,~~EAA8C,SAACC,~~GACnD,IAAAC,EAAgCC,~~GAAkB~~,GAAMC,EAAAC,~~EAAAH~~,EAAA,GAAjDI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAC5BI,EAAgCL,~~EAAiB~~,aAAYM,EAAAJ,~~EAAAG~~,EAAA,GAAtDE,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAC5BG,EAA8BT,~~EAAgC~~,IAAGU,EAAAR,~~EAAAO~~,EAAA,GAA1DE,EAAOD,EAAA,GAAEE,EAAUF,EAAA,GAC1BG,EAAoBb,~~EAA0B~~,IAAGc,EAAAZ,~~EAAAW~~,EAAA,GAA1CE,EAAED,EAAA,GAAEE,EAAKF,EAAA,GAEhBG,~~GAAU~~,WAKR,IAAIC,EAA6B,GACjC,IAAK,IAAMC,KAAKrB,EAAMsB,QAChBtB,EAAMsB,QAAQD,GAAGJ,KAAOjB,EAAMuB,gBAChCb,EAAYV,EAAMsB,QAAQD,GAAGG,OAC7BN,EAAMlB,EAAMsB,QAAQD,GAAGJ,KAEzBG,EAAIK,KAAKzB,EAAMsB,QAAQD,IAEzBP,EAAWM,EACZ,GAAE,CAACpB,EAAMsB,QAAStB,EAAMuB,gBAEzBJ,~~GAAU~~,WAAK,IAAAO,EAEb,GAAmC,WAA/BC,~~EAAO3B~~,EAAMuB,gBAAiDG,QAAvBA,EAAI1B,EAAMuB,yBAAaG,GAAnBA,EAAqBT,GAElEP,EAAYV,EAAMuB,cAAcC,OAChCN,EAAMlB,EAAMuB,cAAcN,SACrB,GAAIjB,EAAMuB,cAAe,CAE9B,IAAMH,EAAMpB,EAAMsB,QAAQM,MAAK,SAACP,GAAC,OAAKA,EAAEJ,KAAOjB,EAAMuB,iBACjDH,SAAAA,EAAKH,KACPP,EAAYU,EAAII,OAChBN,EAAME,EAAIH,IAEb,MAECP,EAAY,aACZQ,EAAM,GAET,GAAE,CAAClB,EAAMuB,cAAevB,EAAMsB,UAc/B,OACEO,~~EACE~~,MAAA,CAAAC,UAAS,eAAAC,OAAiB/B,EAAMgC,KAAO,gBAAkB,IACzDC,MAAO,CAAEC,MAAOlC,EAAMmC,cAAgB,SAEtCC,SAAA,CAAAP,~~EAAA~~,MAAA,~~CACEC~~,UAAU,~~mBACVO~~,QAAS,WAAF,OAAyB,~~IAAjBrC~~,~~EAAMsC~~,~~QAAgBhC~~,GAAaD,EAAS,EAAA+B,SAAA,CAE3DP,~~EAAK~~,MAAA,~~CAAAC~~,UAA4B,IAAjB9B,~~EAAMsC~~,OAAe,WAAa,~~GAAEF~~,SAAA,~~CAClDG~~,~~EACE~~,QAAA,CAAAC,KAAK,~~OACLV~~,UAAU,~~qBACVW~~,~~MAAOzC~~,~~EAAM0C~~,WAAaC,~~OAAO1B~~,~~GAAI2B~~,~~cAAgB3B~~,GAAM,GAC3DA,GAAI,MAAQjB,~~EAAM6C~~,MAClBC,~~KAAM9C~~,~~EAAM6C~~,MACZE,~~SAAU/C~~,~~EAAMgD~~,UACL,~~YAAAhD~~,~~EAAMiD~~,~~WAAajD~~,~~EAAM6C~~,MACpCK,UACA,~~IACFX~~,~~EAAI~~,IAAA,~~CAAAH~~,SAAA3B,GAAY,WAEjBT,~~EAAMmD~~,~~QACLZ~~,~~EAAA~~,QAAA,~~CAAOT~~,UAAU,qBAAoBM,SAAEpC,~~EAAMmD~~,SAG/CZ,~~EAAA~~,MAAA,~~CAAKT~~,UAAU,aAAYM,SACP,IAAjBpC,~~EAAMsC~~,OACLC,~~EAAK~~,MAAA,~~CAAAT~~,UAAU,~~wBAEfS~~,~~EAACa~~,EAAc,~~SAIpB/C~~,~~GACCkC~~,~~EAAA~~,MAAA,~~CAAKT~~,UAAU,uBAAsBM,SAClCvB,~~EAAQwC~~,KAAI,SAACC,EAAQC,GAAK,~~OACzBhB~~,~~EAAA~~,MAAA,~~CACET~~,UAAU,~~oBACVO~~,QAAS,WAAF,OAnDO,~~SAACiB~~,~~EAA6B9B~~,GACtDd,EAAYc,GACZN,~~EAAMoC~~,~~EAAOrC~~,IACbX,GAAY,GACZN,~~EAAMwD~~,~~mBAAqBxD~~,~~EAAMwD~~,~~kBAAkBxD~~,~~EAAM6C~~,MAAOS,~~GAChEtD~~,EAAMc,YAAcd,EAAMc,~~WAAWwC~~,~~GACrCtD~~,~~EAAMyD~~,~~eAAiBzD~~,~~EAAMyD~~,~~cAAczD~~,~~EAAM0D~~,YAAc,GAAIJ,GAC/~~DtD~~,~~EAAM2D~~,YACRC,~~EAAU5D~~,~~EAAM2D~~,WAAYE,KAAKC,UAAUR,GAAS,KA2C7BS,CAAkBT,EAAQA,~~EAAO9B~~,MAAM,~~WAGrD8B~~,~~EAAO9B~~,~~OAFH+B~~,UASnB"}
1	+ {"version":3,"file":"FilterObjects.js","sources":["../../../../src/components/forms/FilterObjects.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\r\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\r\nimport { setCookie } from \"../lib/helpFunction\";\r\n\r\n// Define interfaces for the component\r\ninterface FilterObjectsOption {\r\n id: string \| number;\r\n title: string;\r\n [key: string]: any; // For any additional properties\r\n}\r\n\r\ninterface FilterObjectsProps {\r\n options: FilterObjectsOption[];\r\n defaultValues?: FilterObjectsOption \| string \| number;\r\n names: string;\r\n labels?: string;\r\n setSelectedValues?: (name: string, value: FilterObjectsOption) => void;\r\n defaultWidth?: string;\r\n requireds?: boolean;\r\n errs?: boolean;\r\n setArrayProps?: (arrayProps: any[], option: FilterObjectsOption) => void;\r\n arrayProps?: any[];\r\n dataNames?: string;\r\n setCookies?: string;\r\n setObjects?: (option: FilterObjectsOption) => void;\r\n status?: number;\r\n upperCases?: boolean;\r\n}\r\n\r\nconst FilterObjects: React.FC<FilterObjectsProps> = (props) => {\r\n const [isActive, setIsActive] = useState<boolean>(false);\r\n const [selected, setSelected] = useState<string>(\"Choose...\");\r\n const [objects, setObjects] = useState<FilterObjectsOption[]>([]);\r\n const [id, setID] = useState<string \| number>(\"\");\r\n\r\n useEffect(() => {\r\n /* \r\n Objects throws error when you loop with map or forEach.\r\n Solution: convert objects list to array.\r\n */\r\n let obj: FilterObjectsOption[] = [];\r\n for (const i in props.options) {\r\n if (props.options[i].id === props.defaultValues) {\r\n setSelected(props.options[i].title);\r\n setID(props.options[i].id);\r\n }\r\n obj.push(props.options[i]);\r\n }\r\n setObjects(obj);\r\n }, [props.options, props.defaultValues]);\r\n\r\n useEffect(() => {\r\n // Update default ID and Selected states\r\n if (typeof props.defaultValues === \"object\" && props.defaultValues?.id) {\r\n // If objects was passed as a props\r\n setSelected(props.defaultValues.title);\r\n setID(props.defaultValues.id);\r\n } else if (props.defaultValues) {\r\n // If ID was passed as a props\r\n const obj = props.options.find((i) => i.id === props.defaultValues);\r\n if (obj?.id) {\r\n setSelected(obj.title);\r\n setID(obj.id);\r\n }\r\n } else {\r\n // if none default values\r\n setSelected(\"Choose...\");\r\n setID(\"\");\r\n }\r\n }, [props.defaultValues, props.options]);\r\n\r\n const handleOptionClick = (option: FilterObjectsOption, title: string): void => {\r\n setSelected(title);\r\n setID(option.id);\r\n setIsActive(false);\r\n props.setSelectedValues && props.setSelectedValues(props.names, option);\r\n props.setObjects && props.setObjects(option);\r\n props.setArrayProps && props.setArrayProps(props.arrayProps \|\| [], option);\r\n if (props.setCookies) {\r\n setCookie(props.setCookies, JSON.stringify(option), 365);\r\n }\r\n };\r\n\r\n return (\r\n <div\r\n className={`ihub-select ${props.errs ? \"ihub-form-err\" : \"\"}`}\r\n style={{ width: props.defaultWidth \|\| \"300px\" }}\r\n >\r\n <div\r\n className=\"ihub-select__btn\"\r\n onClick={() => props.status !== 0 && setIsActive(!isActive)}\r\n >\r\n <div className={props.status === 0 ? \"disabled\" : \"\"}>\r\n <input\r\n type=\"text\"\r\n className=\"ihub-select__input\"\r\n value={props.upperCases ? String(id).toUpperCase() : id \|\| \"\"}\r\n id={\"id_\" + props.names}\r\n name={props.names}\r\n required={props.requireds}\r\n data-name={props.dataNames \|\| props.names}\r\n readOnly\r\n />\r\n <p>{selected \|\| \"...\"}</p>\r\n </div>\r\n {props.labels && (\r\n <label className=\"ihub-select__label\">{props.labels}</label>\r\n )}\r\n\r\n <div className=\"search_btn\">\r\n {props.status === 0 ? (\r\n <div className=\"ihub-select__loader\"></div>\r\n ) : (\r\n <ExpandMoreIcon />\r\n )}\r\n </div>\r\n </div>\r\n {isActive && (\r\n <div className=\"ihub-select__content\">\r\n {objects.map((option, index) => (\r\n <div\r\n className=\"ihub-select__item\"\r\n onClick={() => handleOptionClick(option, option.title)}\r\n key={index}\r\n >\r\n {option.title}\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default FilterObjects;"],"names":["props","_useState","useState","_useState2","_slicedToArray","isActive","setIsActive","_useState3","_useState4","selected","setSelected","_useState5","_useState6","objects","setObjects","_useState7","_useState8","id","setID","useEffect","obj","i","options","defaultValues","title","push","_props$defaultValues","_typeof","find","_jsxs","className","concat","errs","style","width","defaultWidth","children","jsxs","onClick","status","_jsx","jsx","type","value","upperCases","String","toUpperCase","names","name","required","requireds","dataNames","readOnly","labels","ExpandMoreIcon","map","option","index","setSelectedValues","setArrayProps","arrayProps","setCookies","setCookie","JSON","stringify","handleOptionClick"],"mappings":"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"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FormError.js","sources":["../../../../src/components/forms/FormError.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface FormErrorProps {\r\n errors?: Record<string, string[]>;\r\n status?: number;\r\n}\r\n\r\nconst FormError: React.FC<FormErrorProps> = ({ errors, status }) => {\r\n try {\r\n if (status === 500) {\r\n return (\r\n <div className=\"ihub-form-error\">\r\n <h4>Error {status}: </h4>\r\n <div>\r\n <p>- The server couldn't process your request.</p>\r\n </div>\r\n </div>\r\n );\r\n } else if (status === 404) {\r\n return (\r\n <div className=\"ihub-form-error\">\r\n <h4>Error {status}: </h4>\r\n <div>\r\n <p>- Details not found.</p>\r\n </div>\r\n </div>\r\n );\r\n } else if (errors) {\r\n return (\r\n <div className=\"ihub-form-error err\">\r\n <h4>Error {status}: </h4>\r\n {Object.keys(errors).length > 0 && (\r\n <div>\r\n {Object.keys(errors)?.map((field, index) => (\r\n <div key={index}>\r\n {errors[field]?.map((error, index) => (\r\n <p key={index}>\r\n <strong>{field}:</strong> {error}\r\n </p>\r\n ))}\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n return null;\r\n } catch (e) {\r\n console.log(e);\r\n return null;\r\n }\r\n};\r\n\r\nexport default FormError;"],"names":["~~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"}
1	+ {"version":3,"file":"FormError.js","sources":["../../../../src/components/forms/FormError.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface FormErrorProps {\r\n errors?: Record<string, string[]>;\r\n status?: number;\r\n}\r\n\r\nconst FormError: React.FC<FormErrorProps> = ({ errors, status }) => {\r\n try {\r\n if (status === 500) {\r\n return (\r\n <div className=\"ihub-form-error\">\r\n <h4>Error {status}: </h4>\r\n <div>\r\n <p>- The server couldn't process your request.</p>\r\n </div>\r\n </div>\r\n );\r\n } else if (status === 404) {\r\n return (\r\n <div className=\"ihub-form-error\">\r\n <h4>Error {status}: </h4>\r\n <div>\r\n <p>- Details not found.</p>\r\n </div>\r\n </div>\r\n );\r\n } else if (errors) {\r\n return (\r\n <div className=\"ihub-form-error err\">\r\n <h4>Error {status}: </h4>\r\n {Object.keys(errors).length > 0 && (\r\n <div>\r\n {Object.keys(errors)?.map((field, index) => (\r\n <div key={index}>\r\n {errors[field]?.map((error, index) => (\r\n <p key={index}>\r\n <strong>{field}:</strong> {error}\r\n </p>\r\n ))}\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n return null;\r\n } catch (e) {\r\n console.log(e);\r\n return null;\r\n }\r\n};\r\n\r\nexport default FormError;"],"names":["_ref","errors","status","_jsxs","className","children","jsxs","_jsx","jsx","Object","keys","length","_Object$keys","map","field","index","_errors$field","error","e","console","log"],"mappings":"uHAO4C,SAA7BA,GAAoD,IAApBC,EAAMD,EAANC,OAAQC,EAAMF,EAANE,OACrD,IACE,OAAe,MAAXA,EAEAC,EAAAA,KAAA,MAAA,CAAKC,UAAU,kBACbC,SAAA,CAAAF,EAAAG,KAAA,KAAA,CAAAD,SAAA,CAAA,SAAWH,EAAM,QACjBK,EACEC,IAAA,MAAA,CAAAH,SAAAE,EAAAC,IAAA,IAAA,CAAAH,SAAA,qDAIc,MAAXH,EAEPC,EAAAA,KAAA,MAAA,CAAKC,UAAU,kBACbC,SAAA,CAAAF,EAAAG,KAAA,KAAA,CAAAD,SAAA,CAAA,SAAWH,EAAM,QACjBK,EACEC,IAAA,MAAA,CAAAH,SAAAE,EAAAC,IAAA,IAAA,CAAAH,SAAA,8BAIGJ,EAEPE,EAAAA,KAAK,MAAA,CAAAC,UAAU,gCACbD,EAAWG,KAAA,KAAA,CAAAD,SAAA,CAAA,SAAAH,EAAc,QACxBO,OAAOC,KAAKT,GAAQU,OAAS,GAC5BJ,EAAAC,IAAA,MAAA,CAAAH,iBAAAO,EACGH,OAAOC,KAAKT,UAAO,IAAAW,OAAA,EAAnBA,EAAqBC,KAAI,SAACC,EAAOC,GAAK,IAAAC,EAAA,OACrCT,EAAAA,oBACgB,UAAbN,EAAOa,UAAM,IAAAE,OAAA,EAAbA,EAAeH,KAAI,SAACI,EAAOF,GAAK,OAC/BZ,EAAAA,KACE,IAAA,CAAAE,SAAA,CAAAF,EAAAG,KAAA,SAAA,CAAAD,SAAA,CAASS,EAAK,WAAaG,IADrBF,OAFFA,WAaf,KApBY,IAAAH,CAqBpB,CAAC,MAAOM,GAEP,OADAC,QAAQC,IAAIF,GACL,IACR,CACH"}

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

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

package/dist/src/components/forms/HandleError.js.map CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

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