@instincthub/react-ui 0.0.4 → 0.0.6

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

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

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

@@ -0,0 +1,2 @@
+import{slicedToArray as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t,jsxs as a}from"react/jsx-runtime";import{forwardRef as e,useState as n,useEffect as r,useCallback as o}from"react";import s from"@mui/icons-material/ChevronRight";var c=e((function(e,c){var u=e.label,l=e.status,m=void 0===l?1:l,d=e.type,b=void 0===d?"submit":d,f=e.name,v=e.variant,p=void 0===v?"important":v,h=e.disabled,g=void 0!==h&&h,w=e.onClick,z=e.autoResetTimeout,y=void 0===z?3e4:z,N=e.className,x=void 0===N?"":N,B=e.ariaLabel,T=e.id,C=void 0===T?"submitBtn":T,M=e.testId,j=void 0===M?"submit-button":M,k=n(m),R=i(k,2),S=R[0],_=R[1];r((function(){_(m)}),[m]),r((function(){if(0===S&&y>0){var i=setTimeout((function(){_(1)}),y);return function(){return clearTimeout(i)}}}),[S,y]);var A=o((function(i){w&&w(i)}),[w]),H=0===S,I=g||H;return t("div",{className:"ihub-submit-btn-wrapper",children:a("button",{ref:c,type:b,name:f,id:C,"data-testid":j,className:"ihub-submit-btn ".concat(p,"-btn ihub-anime-button-chevron ").concat(H?"ihub-rolling":""," ").concat(x),disabled:I,onClick:A,"aria-label":B||("string"==typeof u?u:""),"aria-busy":H,children:[H&&t("svg",{className:"ihub-bt-spinner",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512","aria-hidden":"true",role:"presentation",fill:"#fff",children:t("path",{d:"M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z"})}),u,"icon"!==p&&t(s,{fill:"#fff",id:"animate",width:"16",height:"16"})]})})}));c.displayName="SubmitButton";export{c as default};
+//# sourceMappingURL=SubmitButton.js.map

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

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

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

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import t from"@mui/icons-material/GroupWorkOutlined";var i=function(){return e("tr",{children:e("td",{colSpan:99,children:r("div",{className:"ihub-empty-state",children:[e(t,{}),e("h4",{children:"No Data"}),e("p",{children:"You have no cohort with the selected category."})]})})})};export{i as default};
+//# sourceMappingURL=TBodyNoData.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TBodyNoData.js","sources":["../../../../src/components/forms/TBodyNoData.tsx"],"sourcesContent":["import React from \"react\";\r\nimport GroupWorkOutlinedIcon from \"@mui/icons-material/GroupWorkOutlined\";\r\n\r\nconst TBodyNoData: React.FC = () => {\r\n  return (\r\n    <tr>\r\n      <td colSpan={99}>\r\n        <div className=\"ihub-empty-state\">\r\n          <GroupWorkOutlinedIcon />\r\n          <h4>No Data</h4>\r\n          <p>You have no cohort with the selected category.</p>\r\n        </div>\r\n      </td>\r\n    </tr>\r\n  );\r\n};\r\n\r\nexport default TBodyNoData;\r\n"],"names":["TBodyNoData","_jsx","colSpan","children","_jsxs","className","GroupWorkOutlinedIcon"],"mappings":"uGAGA,IAAMA,EAAwB,WAC5B,OACEC,iBACEA,EAAI,KAAA,CAAAC,QAAS,GAAEC,SACbC,EAAK,MAAA,CAAAC,UAAU,6BACbJ,EAACK,EAAwB,CAAA,GACzBL,EAAgB,KAAA,CAAAE,SAAA,YAChBF,yEAKV"}

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

@@ -0,0 +1,2 @@
+import{jsxs as r,jsx as t}from"react/jsx-runtime";import i from"@mui/icons-material/ArrowDownwardOutlined";import o from"@mui/icons-material/ArrowUpwardOutlined";var e=function(e){var a=e.keys,n=e.labels,d=e.sorted,m=e.widths,s=void 0===m?"auto":m,u=e.handleSort;return r("th",{onClick:function(){return u(a)},className:"ihub-thead-sort ".concat(d===a?"ihub-sorted":""),style:{minWidth:s},children:[n,t(d!==a?i:o,{})]})};export{e as default};
+//# sourceMappingURL=THeadSortBtn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"THeadSortBtn.js","sources":["../../../../src/components/forms/THeadSortBtn.tsx"],"sourcesContent":["import React from \"react\";\r\nimport ArrowDownwardOutlinedIcon from \"@mui/icons-material/ArrowDownwardOutlined\";\r\nimport ArrowUpwardOutlinedIcon from \"@mui/icons-material/ArrowUpwardOutlined\";\r\n\r\n/**\r\n * Props interface for the THeadSortBtn component\r\n * @interface THeadSortBtnProps\r\n */\r\ninterface THeadSortBtnProps {\r\n  /** The key used for sorting */\r\n  keys: string;\r\n  /** The content to display in the table header */\r\n  labels: React.ReactNode;\r\n  /** The currently sorted column key */\r\n  sorted: string;\r\n  /** Optional minimum width for the column */\r\n  widths?: string;\r\n  /** Function to call when clicking the sort button */\r\n  handleSort: (key: string) => void;\r\n}\r\n\r\n/**\r\n * A sortable table header component with up/down arrows to indicate sort direction\r\n *\r\n * @param {THeadSortBtnProps} props - Component props\r\n * @returns {JSX.Element} - Rendered component\r\n */\r\nconst THeadSortBtn: React.FC<THeadSortBtnProps> = ({\r\n  keys,\r\n  labels,\r\n  sorted,\r\n  widths = \"auto\",\r\n  handleSort,\r\n}) => {\r\n  return (\r\n    <th\r\n      onClick={() => handleSort(keys)}\r\n      className={`ihub-thead-sort ${sorted === keys ? \"ihub-sorted\" : \"\"}`}\r\n      style={{ minWidth: widths }}\r\n    >\r\n      {labels}\r\n      {sorted !== keys ? (\r\n        <ArrowDownwardOutlinedIcon />\r\n      ) : (\r\n        <ArrowUpwardOutlinedIcon />\r\n      )}\r\n    </th>\r\n  );\r\n};\r\n\r\nexport default THeadSortBtn;\r\n"],"names":["THeadSortBtn","_ref","keys","labels","sorted","_ref$widths","widths","handleSort","_jsxs","onClick","className","concat","style","minWidth","children","_jsx","ArrowDownwardOutlinedIcon","ArrowUpwardOutlinedIcon"],"mappings":"kKA2BA,IAAMA,EAA4C,SAAhCC,GAMb,IALHC,EAAID,EAAJC,KACAC,EAAMF,EAANE,OACAC,EAAMH,EAANG,OAAMC,EAAAJ,EACNK,OAAAA,OAAS,IAAHD,EAAG,OAAMA,EACfE,EAAUN,EAAVM,WAEA,OACEC,EACE,KAAA,CAAAC,QAAS,WAAF,OAAQF,EAAWL,EAAK,EAC/BQ,UAAS,mBAAAC,OAAqBP,IAAWF,EAAO,cAAgB,IAChEU,MAAO,CAAEC,SAAUP,GAElBQ,SAAA,CAAAX,EAECY,EADDX,IAAWF,EACTc,EAEAC,EAF4B,CAAA,KAMrC"}

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

@@ -0,0 +1,2 @@
+import{slicedToArray as e,asyncToGenerator as r,regeneratorRuntime as t,toConsumableArray as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n}from"react/jsx-runtime";import{useState as o}from"react";import{reqOptions as s,fetchAPI as l}from"../lib/helpFunction.js";import i from"./THeadSortBtn.js";var u=function(u){var c=o(!1),h=e(c,2),m=h[0],d=h[1],p=o(""),f=e(p,2),b=f[0],y=f[1],k=s("GET",null,u.token,!1,u.handle),v=function(){var e=r(t().mark((function e(r){var n,o,s;return t().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=[],m){e.next=8;break}return e.next=4,l(d,"".concat(u.urlPath,"?limit=36500"),k,!0);case 4:o=e.sent,n=a(o.results),e.next=9;break;case 8:n=a(m.results);case 9:r===b?(u.onChange&&u.onChange(u.urlPath,!0),y("")):(s=r.replaceAll(" ","_").toLowerCase(),n.sort((function(e,r){var t=e[s],a=r[s];return t>a?-1:t<a?1:0})),u.setData(n),u.setNext(""),y(r));case 10:case"end":return e.stop()}}),e)})));return function(r){return e.apply(this,arguments)}}();return n("thead",{children:n("tr",{children:u.headerItems.map((function(e,r){return e.key?n(i,{handleSort:v,sorted:b,labels:e.label,keys:e.key,widths:e.width},r):n("th",{style:{minWidth:e.width||"auto"},children:e.label},r)}))})})};export{u as default};
+//# sourceMappingURL=THeadSortList.js.map

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Tables.js","sources":["../../../../src/components/forms/Tables.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\r\n\r\ninterface TableItem {\r\n  id: string | number;\r\n  title: string;\r\n  // Uncomment as needed\r\n  // column2: string;\r\n  // column3: string;\r\n  // column4: string;\r\n  // column5: string;\r\n  // column6: string;\r\n}\r\n\r\ninterface TablesProps {\r\n  data: TableItem[];\r\n}\r\n\r\nconst Tables: React.FC<TablesProps> = ({ data }) => {\r\n  const [filter, setFilter] = useState('');\r\n\r\n  const handleFilterChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    setFilter(e.target.value);\r\n  };\r\n\r\n  const filteredData = useMemo(() => {\r\n    return data.filter(item => \r\n      item.title.toLowerCase().includes(filter.toLowerCase())\r\n    );\r\n  }, [data, filter]);\r\n\r\n  return (\r\n    <div className=\"ihub-table-container\">\r\n      <div className=\"ihub-table-filter\">\r\n        <input \r\n          type=\"text\" \r\n          placeholder=\"Filter by title...\" \r\n          value={filter} \r\n          onChange={handleFilterChange}\r\n          className=\"ihub-table-filter-input\"\r\n        />\r\n      </div>\r\n      <table className=\"ihub-table\">\r\n        <thead>\r\n          <tr>\r\n            <th>No</th>\r\n            <th>Column 1</th>\r\n            {/* <th>Column 2</th>\r\n            <th>Column 3</th>\r\n            <th>Column 4</th>\r\n            <th>Column 5</th>\r\n            <th>Column 6</th> */}\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          {filteredData.map((item, index) => (\r\n            <tr key={item.id}>\r\n              <td>{index+1}</td>\r\n              <td>{item.title}</td>\r\n              {/* <td>{item.column2}</td>\r\n              <td>{item.column3}</td>\r\n              <td>{item.column4}</td>\r\n              <td>{item.column5}</td>\r\n              <td>{item.column6}</td> */}\r\n            </tr>\r\n          ))}\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Tables;"],"names":["_ref","data","_useState","useState","_useState2","_slicedToArray","filter","setFilter","filteredData","useMemo","item","title","toLowerCase","includes","_jsxs","className","_jsx","jsx","type","placeholder","value","onChange","e","target","jsxs","children","map","index","id"],"mappings":"sMAiBsC,SAA1BA,GAAuC,IAAVC,EAAID,EAAJC,KACvCC,EAA4BC,EAAQA,SAAC,IAAGC,EAAAC,EAAAA,cAAAH,EAAA,GAAjCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAMlBI,EAAeC,EAAAA,SAAQ,WAC3B,OAAOR,EAAKK,QAAO,SAAAI,GAAI,OACrBA,EAAKC,MAAMC,cAAcC,SAASP,EAAOM,iBAE7C,GAAG,CAACX,EAAMK,IAEV,OACEQ,EAAAA,KAAK,MAAA,CAAAC,UAAU,iCACbC,EAAKC,IAAA,MAAA,CAAAF,UAAU,6BACbC,EACEC,IAAA,QAAA,CAAAC,KAAK,OACLC,YAAY,qBACZC,MAAOd,EACPe,SAjBmB,SAACC,GAC1Bf,EAAUe,EAAEC,OAAOH,QAiBbL,UAAU,8BAGdD,EAAAU,KAAA,QAAA,CAAOT,UAAU,uBACfC,EACEC,IAAA,QAAA,CAAAQ,SAAAX,EAAAU,KAAA,KAAA,CAAAC,SAAA,CACET,EAAWC,IAAA,KAAA,CAAAQ,SAAA,OACXT,uCAQJA,EACGC,IAAA,QAAA,CAAAQ,SAAAjB,EAAakB,KAAI,SAAChB,EAAMiB,GAAK,OAC5Bb,EAAAA,qBACEE,EAAKC,IAAA,KAAA,CAAAQ,SAAAE,EAAM,IACXX,EAAAC,IAAA,KAAA,CAAAQ,SAAKf,EAAKC,UAFHD,EAAKkB,cAc1B"}
+{"version":3,"file":"Tables.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(a){return e.jsx("div",{className:a.names,children:e.jsx("div",{className:"ihub-field",children:e.jsxs("div",{className:"ihub-textarea-wrapper ".concat(a.defaultValues?"ihub-value":""),children:[e.jsx("textarea",{name:a.names,rows:a.rows,defaultValue:a.defaultValues,onChange:function(e){a.setValues&&a.setValues(e.target.value),a.inputEvent&&a.inputEvent(e),function(e){var a,t;e.target.value?null===(a=e.target.parentElement)||void 0===a||a.classList.add("ihub-value"):null===(t=e.target.parentElement)||void 0===t||t.classList.remove("ihub-value")}(e)},placeholder:a.placeholder,maxLength:void 0!==a.maxLengths?Number(a.maxLengths):void 0}),e.jsx("span",{className:"ihub-textarea-label",children:a.labels})]})})})};
+import{jsxs as e,jsx as a}from"react/jsx-runtime";var l=function(l){return e("div",{className:l.name,children:[a("div",{className:"ihub-field",children:e("div",{className:"ihub-textarea-wrapper ".concat(l.defaultValue?"ihub-value":""),children:[a("textarea",{name:l.name,rows:l.rows,defaultValue:l.defaultValue,className:"ihub-textarea ".concat(l.clasName||""),disabled:l.disabled,required:l.required,onChange:function(e){l.setValue&&l.setValue(e.target.value),l.onChange&&l.onChange(e),function(e){var a,l;e.target.value?null===(a=e.target.parentElement)||void 0===a||a.classList.add("ihub-value"):null===(l=e.target.parentElement)||void 0===l||l.classList.remove("ihub-value")}(e)},placeholder:l.placeholder,maxLength:void 0!==l.maxLength?Number(l.maxLength):void 0}),a("span",{className:"ihub-textarea-label",children:l.label})]})}),l.helperText&&!l.error&&a("p",{className:"ihub-notes",children:l.helperText}),l.error&&a("p",{className:"ihub-notes ihub-is_invalid",children:l.error}),l.note&&a("p",{className:"ihub-input-notes",id:"".concat(l.id,"-note"),children:l.note})]})};export{l as default};
 //# sourceMappingURL=TextArea.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../../src/components/forms/TextArea.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface TextAreaProps {\r\n  names: string;\r\n  labels: string;\r\n  rows?: number;\r\n  defaultValues?: string;\r\n  placeholder?: string;\r\n  maxLengths?: number | string;\r\n  setValues?: (value: string) => void;\r\n  inputEvent?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\r\n}\r\n\r\nconst TextArea: React.FC<TextAreaProps> = (props) => {\r\n  const showLabel = (e: React.ChangeEvent<HTMLTextAreaElement>): void => {\r\n    if (e.target.value) e.target.parentElement?.classList.add(\"ihub-value\");\r\n    else e.target.parentElement?.classList.remove(\"ihub-value\");\r\n  };\r\n  \r\n  const handleInput = (e: React.ChangeEvent<HTMLTextAreaElement>): void => {\r\n    if (props.setValues) props.setValues(e.target.value);\r\n    if (props.inputEvent) props.inputEvent(e);\r\n    showLabel(e);\r\n  };\r\n  \r\n  return (\r\n    <div className={props.names}>\r\n      <div className=\"ihub-field\">\r\n        <div className={`ihub-textarea-wrapper ${props.defaultValues ? \"ihub-value\" : \"\"}`}>\r\n          <textarea\r\n            name={props.names}\r\n            rows={props.rows}\r\n            defaultValue={props.defaultValues}\r\n            onChange={handleInput}\r\n            placeholder={props.placeholder}\r\n            maxLength={props.maxLengths !== undefined ? Number(props.maxLengths) : undefined}\r\n          ></textarea>\r\n          <span className=\"ihub-textarea-label\">{props.labels}</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default TextArea;"],"names":["props","_jsx","className","names","jsx","children","_jsxs","concat","defaultValues","name","rows","defaultValue","onChange","e","setValues","target","value","inputEvent","_e$target$parentEleme","_e$target$parentEleme2","parentElement","classList","add","remove","showLabel","placeholder","maxLength","undefined","maxLengths","Number","labels"],"mappings":"uHAa0C,SAACA,GAYzC,OACEC,EAAAA,WAAKC,UAAWF,EAAMG,eACpBF,EAAKG,IAAA,MAAA,CAAAF,UAAU,aAAYG,SACzBC,cAAKJ,UAAS,yBAAAK,OAA2BP,EAAMQ,cAAgB,aAAe,IAC5EH,SAAA,CAAAJ,EAAAG,IAAA,WAAA,CACEK,KAAMT,EAAMG,MACZO,KAAMV,EAAMU,KACZC,aAAcX,EAAMQ,cACpBI,SAdU,SAACC,GACfb,EAAMc,WAAWd,EAAMc,UAAUD,EAAEE,OAAOC,OAC1ChB,EAAMiB,YAAYjB,EAAMiB,WAAWJ,GAPvB,SAACA,GAAmD,IAAAK,EAAAC,EAChEN,EAAEE,OAAOC,MAA6BE,QAAtBA,EAAAL,EAAEE,OAAOK,yBAAaF,GAAtBA,EAAwBG,UAAUC,IAAI,cAC/BH,QAAtBA,EAAAN,EAAEE,OAAOK,yBAAaD,GAAtBA,EAAwBE,UAAUE,OAAO,cAM9CC,CAAUX,IAYFY,YAAazB,EAAMyB,YACnBC,eAAgCC,IAArB3B,EAAM4B,WAA2BC,OAAO7B,EAAM4B,iBAAcD,IAEzE1B,EAAMG,IAAA,OAAA,CAAAF,UAAU,sBAAqBG,SAAEL,EAAM8B,eAKvD"}
+{"version":3,"file":"TextArea.js","sources":["../../../../src/components/forms/TextArea.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface TextAreaProps {\r\n  name: string;\r\n  label: string;\r\n  required?: boolean;\r\n  disabled?: boolean;\r\n  rows?: number;\r\n  defaultValue?: string;\r\n  placeholder?: string;\r\n  clasName?: string;\r\n  maxLength?: number | string;\r\n  note?: string;\r\n  error?: string;\r\n  helperText?: string;\r\n  id?: string;\r\n  setValue?: (value: string) => void;\r\n  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\r\n}\r\n\r\n/**\r\n * TextArea component\r\n * @example\r\n * ```tsx\r\n * <TextArea\r\n *   name=\"textArea\"\r\n *   label=\"Text Area\"\r\n *   rows={10}\r\n *   defaultValue=\"Default value\"\r\n * />\r\n * ```\r\n * Props interface for the TextArea component\r\n * @property {string} name - The name of the TextArea\r\n * @property {string} label - The label of the TextArea\r\n * @property {boolean} [required] - Whether the TextArea is required\r\n * @property {boolean} [disabled] - Whether the TextArea is disabled\r\n * @property {number} rows - The number of rows of the TextArea\r\n * @property {string} defaultValue - The default value of the TextArea\r\n * @property {string} placeholder - The placeholder of the TextArea\r\n * @property {string} [clasName] - The class name of the TextArea\r\n * @property {number | string} maxLength - The max length of the TextArea\r\n * @property {string} note - The note of the TextArea\r\n * @property {string} error - The error message of the TextArea\r\n * @property {string} helperText - The helper text of the TextArea\r\n * @property {string} id - The id of the TextArea\r\n * @property {(value: string) => void} setValue - The function to set the value of the TextArea\r\n * @property {(e: React.ChangeEvent<HTMLTextAreaElement>) => void} onChange - The function to handle the change of the TextArea\r\n * @returns {React.ReactElement} The TextArea component\r\n */\r\nconst TextArea: React.FC<TextAreaProps> = (props) => {\r\n  const showLabel = (e: React.ChangeEvent<HTMLTextAreaElement>): void => {\r\n    if (e.target.value) e.target.parentElement?.classList.add(\"ihub-value\");\r\n    else e.target.parentElement?.classList.remove(\"ihub-value\");\r\n  };\r\n\r\n  const handleInput = (e: React.ChangeEvent<HTMLTextAreaElement>): void => {\r\n    if (props.setValue) props.setValue(e.target.value);\r\n    if (props.onChange) props.onChange(e);\r\n    showLabel(e);\r\n  };\r\n\r\n  return (\r\n    <div className={props.name}>\r\n      <div className=\"ihub-field\">\r\n        <div\r\n          className={`ihub-textarea-wrapper ${\r\n            props.defaultValue ? \"ihub-value\" : \"\"\r\n          }`}\r\n        >\r\n          <textarea\r\n            name={props.name}\r\n            rows={props.rows}\r\n            defaultValue={props.defaultValue}\r\n            className={`ihub-textarea ${props.clasName || \"\"}`}\r\n            disabled={props.disabled}\r\n            required={props.required}\r\n            onChange={handleInput}\r\n            placeholder={props.placeholder}\r\n            maxLength={\r\n              props.maxLength !== undefined\r\n                ? Number(props.maxLength)\r\n                : undefined\r\n            }\r\n          ></textarea>\r\n          <span className=\"ihub-textarea-label\">{props.label}</span>\r\n        </div>\r\n      </div>\r\n      {props.helperText && !props.error && <p className=\"ihub-notes\">{props.helperText}</p>}\r\n\r\n      {props.error && <p className=\"ihub-notes ihub-is_invalid\">{props.error}</p>}\r\n\r\n      {props.note && (\r\n        <p className=\"ihub-input-notes\" id={`${props.id}-note`}>\r\n          {props.note}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default TextArea;\r\n"],"names":["TextArea","props","_jsxs","className","name","children","_jsx","concat","defaultValue","rows","clasName","disabled","required","onChange","e","setValue","target","value","_e$target$parentEleme","_e$target$parentEleme2","parentElement","classList","add","remove","showLabel","placeholder","maxLength","undefined","Number","label","helperText","error","note","id"],"mappings":"kDAiDA,IAAMA,EAAoC,SAACC,GAYzC,OACEC,EAAK,MAAA,CAAAC,UAAWF,EAAMG,KACpBC,SAAA,CAAAC,EAAA,MAAA,CAAKH,UAAU,aACbE,SAAAH,EAAA,MAAA,CACEC,UAAS,yBAAAI,OACPN,EAAMO,aAAe,aAAe,IAGtCH,SAAA,CAAAC,EAAA,WAAA,CACEF,KAAMH,EAAMG,KACZK,KAAMR,EAAMQ,KACZD,aAAcP,EAAMO,aACpBL,UAAS,iBAAAI,OAAmBN,EAAMS,UAAY,IAC9CC,SAAUV,EAAMU,SAChBC,SAAUX,EAAMW,SAChBC,SArBU,SAACC,GACfb,EAAMc,UAAUd,EAAMc,SAASD,EAAEE,OAAOC,OACxChB,EAAMY,UAAUZ,EAAMY,SAASC,GAPnB,SAACA,GAAmD,IAAAI,EAAAC,EAChEL,EAAEE,OAAOC,MAA6BC,QAAtBA,EAAAJ,EAAEE,OAAOI,yBAAaF,GAAtBA,EAAwBG,UAAUC,IAAI,cAC/BH,QAAtBA,EAAAL,EAAEE,OAAOI,yBAAaD,GAAtBA,EAAwBE,UAAUE,OAAO,cAM9CC,CAAUV,IAmBFW,YAAaxB,EAAMwB,YACnBC,eACsBC,IAApB1B,EAAMyB,UACFE,OAAO3B,EAAMyB,gBACbC,IAGRrB,UAAMH,UAAU,sBAAqBE,SAAEJ,EAAM4B,aAGhD5B,EAAM6B,aAAe7B,EAAM8B,OAASzB,EAAG,IAAA,CAAAH,UAAU,sBAAcF,EAAM6B,aAErE7B,EAAM8B,OAASzB,EAAG,IAAA,CAAAH,UAAU,sCAA8BF,EAAM8B,QAEhE9B,EAAM+B,MACL1B,EAAG,IAAA,CAAAH,UAAU,mBAAmB8B,MAAE1B,OAAKN,EAAMgC,GAAS,SACnD5B,SAAAJ,EAAM+B,SAKjB"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react");exports.default=function(t){var s=a.useRef(null);return e.jsx("div",{className:"ihub-field-container ".concat(t.names),children:e.jsxs("div",{className:"ihub-field",children:[e.jsxs("div",{className:"ihub-wrapper ".concat(void 0!==t.defaultValues||!1===t.defaultValues||t.actives||"file"===t.types?"ihub-value":""),"data-text-transform":t.TextTransform||"none",children:[e.jsx("input",{ref:s,type:t.types,name:t.names,required:t.requireds,defaultValue:"boolean"==typeof t.defaultValues?t.defaultValues.toString():t.defaultValues,id:t.ids,maxLength:t.maxLengths,onChange:function(e){s.current&&"lowercase"===t.TextTransform&&(s.current.value=s.current.value.toLowerCase());var a=e.target.value;"tel"===t.types&&((a=a.replace(/[^0-9+]/g,"")).includes("+")&&(a="+"+a.replace(/[^0-9]/g,"")),a.length>15&&(a=a.slice(0,15)),e.target.value=a),t.setValues&&t.setValues(a),t.onChange&&t.onChange(e),t.inputTarget&&t.inputTarget(e.target),t.setNameValue&&t.setNameValue(t.names,a),t.setArrayProps&&t.arrayProps&&t.setArrayProps(t.arrayProps,a),function(e){var a,t;e.target.value?null===(a=e.target.parentElement)||void 0===a||a.classList.add("ihub-value"):null===(t=e.target.parentElement)||void 0===t||t.classList.remove("ihub-value")}(e)},className:"ihub-input ".concat("auto"===t.widths?"ihub-width-auto":""),readOnly:!!t.disableds&&t.disableds}),e.jsx("span",{className:"ihub-text-label",children:t.labels})]}),t.notes&&e.jsx("p",{className:"ihub-notes",children:t.notes})]})})};
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useRef as t}from"react";function r(r){var l=t(null);return e("div",{className:"ihub-field-container ".concat(r.name),children:a("div",{className:"ihub-field",children:[a("div",{className:"ihub-wrapper ".concat(void 0!==r.defaultValue||!1===r.defaultValue||r.active||"file"===r.type?"ihub-value":""),"data-text-transform":r.TextTransform||"none",children:[e("input",{ref:l,type:r.type,name:r.name,required:r.required,defaultValue:"boolean"==typeof r.defaultValue?r.defaultValue.toString():r.defaultValue,id:r.id,maxLength:r.maxLength,onChange:function(e){l.current&&"lowercase"===r.TextTransform&&(l.current.value=l.current.value.toLowerCase());var a=e.target.value;"tel"===r.type&&((a=a.replace(/[^0-9+]/g,"")).includes("+")&&(a="+"+a.replace(/[^0-9]/g,"")),a.length>15&&(a=a.slice(0,15)),e.target.value=a),r.setValue&&r.setValue(a),r.onChange&&r.onChange(e),r.inputTarget&&r.inputTarget(e.target),r.setNameValue&&r.setNameValue(r.name,a),r.setArrayProps&&r.arrayProps&&r.setArrayProps(r.arrayProps,a),function(e){var a,t;e.target.value?null===(a=e.target.parentElement)||void 0===a||a.classList.add("ihub-value"):null===(t=e.target.parentElement)||void 0===t||t.classList.remove("ihub-value")}(e)},className:"ihub-input ".concat("auto"===r.width?"ihub-width-auto":""),readOnly:!!r.disabled&&r.disabled}),e("span",{className:"ihub-text-label",children:r.label})]}),r.note&&e("p",{className:"ihub-input-notes",children:r.note})]})})}export{r as default};
 //# sourceMappingURL=TextField.js.map

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

@@ -0,0 +1,2 @@
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,jsx as i}from"react/jsx-runtime";import{useState as t,useEffect as o}from"react";var l=function(l){var n=l.name,r=l.initialState,c=void 0!==r&&r,g=l.onChange,s=l.className,u=void 0===s?"":s,d=l.disabled,h=void 0!==d&&d,b=l.size,m=void 0===b?"medium":b,v=l.label,p=l.labelPosition,f=void 0===p?"right":p,N=l.noAnimation,k=void 0!==N&&N,C=l.activeColor,y=void 0===C?"--DarkCyan":C,x=l.id,j=l.ariaLabel,w=t(c),A=e(w,2),P=A[0],S=A[1],T=x||"toggle-".concat(Math.random().toString(36).substring(2,11));o((function(){S(c)}),[c]);var _=function(){if(!h){var e=!P;S(e),g&&g(e)}};return a("div",{className:"ihub-toggle-container ".concat("left"===f?"ihub-toggle-reverse":""," ").concat(u),children:[v&&i("label",{htmlFor:T,className:"ihub-toggle-label",children:v}),a("div",{className:"ihub-toggle-wrapper ".concat(function(){switch(m){case"small":return"ihub-toggle-sm";case"large":return"ihub-toggle-lg";default:return""}}()," ").concat(h?"ihub-toggle-disabled":""),children:[n&&i("input",{type:"hidden",name:n,defaultValue:P?"true":"false"}),i("input",{type:"checkbox",id:T,className:"ihub-toggle-input ihub-ghost",checked:P,onChange:_,disabled:h,"aria-label":j||"Toggle"}),i("div",{className:"ihub-toggle-track ".concat(P?"ihub-toggle-active":""," ").concat(k?"ihub-toggle-no-animation":""),style:P?{backgroundColor:"var(".concat(y,")")}:void 0,onClick:_,role:"presentation",children:i("div",{className:"ihub-toggle-thumb"})})]})]})};export{l as default};
+//# sourceMappingURL=ToggleButton.js.map

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/forms/Tooltip.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport ReactTimeAgo from \"./ReactTimeAgo\";\r\n\r\ninterface TooltipContent {\r\n  feedback: string;\r\n  timestamp: string | number | Date;\r\n}\r\n\r\ninterface TooltipProps {\r\n  content: string | TooltipContent[];\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst Tooltip: React.FC<TooltipProps> = ({ content, children }) => {\r\n  const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n\r\n  const handleMouseEnter = () => setShowTooltip(true);\r\n  const handleMouseLeave = () => setShowTooltip(false);\r\n\r\n  return (\r\n    <div\r\n      className=\"ihub-tooltip-container\"\r\n      onMouseEnter={handleMouseEnter}\r\n      onMouseLeave={handleMouseLeave}\r\n    >\r\n      {children}\r\n      {showTooltip && (\r\n        <div className=\"ihub-tip-wrapper\">\r\n          <div className=\"ihub-tooltip\">\r\n            {Array.isArray(content)\r\n              ? content.map((option, index) => (\r\n                  <div key={index} className=\"ihub-tip-item\">\r\n                    <p>{option.feedback}</p>\r\n                    <p className=\"ihub-timestamp\">\r\n                      <ReactTimeAgo date={new Date(option.timestamp)} />\r\n                    </p>\r\n                  </div>\r\n                ))\r\n              : content}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Tooltip;"],"names":["_ref","content","children","_useState","useState","_useState2","_slicedToArray","showTooltip","setShowTooltip","_jsxs","className","onMouseEnter","onMouseLeave","_jsx","jsx","Array","isArray","map","option","index","feedback","ReactTimeAgo","date","Date","timestamp"],"mappings":"qOAawC,SAA3BA,GAAqD,IAAvBC,EAAOD,EAAPC,QAASC,EAAQF,EAARE,SAClDC,EAAsCC,EAAQA,UAAU,GAAMC,EAAAC,EAAAA,cAAAH,EAAA,GAAvDI,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAKlC,OACEI,EAAAA,KAAA,MAAA,CACEC,UAAU,yBACVC,aANqB,WAAH,OAASH,GAAe,EAAK,EAO/CI,aANqB,WAAH,OAASJ,GAAe,EAAM,EAMlBN,SAAA,CAE7BA,EACAK,GACCM,EAAAA,IAAK,MAAA,CAAAH,UAAU,4BACbG,EAAKC,IAAA,MAAA,CAAAJ,UAAU,wBACZK,MAAMC,QAAQf,GACXA,EAAQgB,KAAI,SAACC,EAAQC,GAAK,OACxBV,EAAAA,YAAiBC,UAAU,gBACzBR,SAAA,CAAAW,EAAAC,IAAA,IAAA,CAAAZ,SAAIgB,EAAOE,WACXP,EAAGC,IAAA,IAAA,CAAAJ,UAAU,iBAAgBR,SAC3BW,MAACQ,UAAY,CAACC,KAAM,IAAIC,KAAKL,EAAOM,iBAH9BL,EAMX,IACDlB,QAMhB"}
+{"version":3,"file":"Tooltip.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),s=require("react/jsx-runtime"),a=require("react"),n=require("next/link"),i=require("next/image"),l=require("../lib/json/unsplashDefaultObject.js"),r=require("../lib/helpFunction.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=t(n),o=t(i);exports.default=function(n){var i,t,c,d,h,p,v=n.useDispatch,m=n.useSelector,b=n.selectUnsplashObject,f=n.unsplashObject,x=n.height,j=void 0===x?"100vh":x,g=n.width,y=void 0===g?"100%":g,N=n.borderRadius,k=void 0===N?"8px":N,w=n.overlayIntensity,_=void 0===w?.2:w,D=n.onImageClick,S=v(),q=m(b),E=a.useState(!0),O=e.slicedToArray(E,2),T=O[0],C=O[1],A=a.useState(!1),I=e.slicedToArray(A,2),L=I[0],P=I[1],R=a.useState(null),U=e.slicedToArray(R,2),F=U[0],B=U[1],H=function(){var s=e.asyncToGenerator(e.regeneratorRuntime().mark((function s(){var a,i,t;return e.regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!L){e.next=2;break}return e.abrupt("return");case 2:if(P(!0),B(null),r.IN_DEV_MODE){e.next=26;break}return e.prev=5,e.next=8,fetch("https://api.unsplash.com/photos/random?query=".concat(n.category,"&client_id=").concat(process.env.NEXT_PUBLIC_UNSPLASH_ACCESS_KEY));case 8:if((a=e.sent).ok){e.next=11;break}throw new Error("Failed to fetch: ".concat(a.status," ").concat(a.statusText));case 11:return e.next=13,a.json();case 13:i=e.sent,t=l.unsplashDefaultObject,null!=i&&i.id&&(t=i),S(f.actions.add(t)),e.next=24;break;case 19:e.prev=19,e.t0=e.catch(5),console.error("Error fetching random image:",e.t0),B("Failed to load image. Please try again."),S(f.actions.add(l.unsplashDefaultObject));case 24:e.next=27;break;case 26:S(f.actions.add(l.unsplashDefaultObject));case 27:P(!1);case 28:case"end":return e.stop()}}),s,null,[[5,19]])})));return function(){return s.apply(this,arguments)}}();a.useEffect((function(){H()}),[n.category]);return s.jsxs("div",{className:"ihub-unsplash-container",style:{width:y,borderRadius:k,height:j,background:(null==q?void 0:q.color)||"#f5f5f5"},children:[T&&s.jsx("div",{className:"ihub-unsplash-loader",children:s.jsx("div",{className:"ihub-unsplash-spinner"})}),F&&s.jsxs("div",{className:"ihub-unsplash-error",children:[s.jsx("p",{children:F}),s.jsx("button",{onClick:H,disabled:L,children:"Try Again"})]}),s.jsxs("div",{className:"ihub-unsplash-image-container ".concat(T?"ihub-unsplash-loading":""),onClick:D,children:[s.jsx(o.default,{src:(null==q||null===(i=q.urls)||void 0===i?void 0:i.regular)||"",alt:(null==q?void 0:q.alt_description)||n.category||"Unsplash image",className:"ihub-unsplash-image",fill:!0,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",priority:!0,onLoad:function(){C(!1)},style:{objectFit:"cover",borderRadius:k}}),s.jsx("div",{className:"ihub-unsplash-overlay",style:{opacity:_}}),s.jsxs("div",{className:"ihub-unsplash-info",children:[(null==q?void 0:q.description)&&s.jsx("p",{className:"ihub-unsplash-description",children:q.description}),s.jsxs("div",{className:"ihub-unsplash-metadata",children:[(null==q||null===(t=q.user)||void 0===t||null===(t=t.profile_image)||void 0===t?void 0:t.small)&&s.jsx(o.default,{src:q.user.profile_image.small,alt:(null===(c=q.user)||void 0===c?void 0:c.name)||"Photographer",width:24,height:24,className:"ihub-unsplash-avatar"}),s.jsxs("div",{className:"ihub-unsplash-user-info",children:[s.jsx(u.default,{href:(null==q||null===(d=q.user)||void 0===d||null===(d=d.links)||void 0===d?void 0:d.html)||"#",target:"_blank",rel:"noopener noreferrer",className:"ihub-unsplash-username",children:(null==q||null===(h=q.user)||void 0===h?void 0:h.name)||"Unknown"}),(null==q||null===(p=q.user)||void 0===p?void 0:p.location)&&s.jsx("span",{className:"ihub-unsplash-location",children:q.user.location})]}),s.jsxs("div",{className:"ihub-unsplash-stats",children:[(null==q?void 0:q.created_at)&&s.jsx("span",{className:"ihub-unsplash-date",children:function(e){if(!e)return"";var s=new Date(e);return new Intl.DateTimeFormat("en-US",{year:"numeric",month:"long",day:"numeric"}).format(s)}(q.created_at)}),void 0!==(null==q?void 0:q.likes)&&s.jsxs("span",{className:"ihub-unsplash-likes",children:[s.jsx("span",{className:"ihub-unsplash-heart",children:"♥"})," ",q.likes]})]})]})]})]}),s.jsx("div",{className:"ihub-unsplash-actions",children:s.jsx("button",{className:"ihub-unsplash-refresh",onClick:H,disabled:L,"aria-label":"Load a new image",title:"Load a new image",children:L?"Loading...":"Refresh Image"})})]})};
+import{slicedToArray as e,asyncToGenerator as a,regeneratorRuntime as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as i,jsx as s}from"react/jsx-runtime";import{useState as l,useEffect as r}from"react";import t from"next/link";import o from"next/image";import{unsplashDefaultObject as c}from"../lib/json/unsplashDefaultObject.js";import{IN_DEV_MODE as u}from"../lib/helpFunction.js";var d=function(d){var h,p,m,v,b,f,g=d.useDispatch,N=d.useSelector,k=d.selectUnsplashObject,y=d.unsplashObject,x=d.height,w=void 0===x?"100vh":x,_=d.width,j=void 0===_?"100%":_,C=d.borderRadius,L=void 0===C?"8px":C,S=d.overlayIntensity,T=void 0===S?.2:S,U=d.onImageClick,E=g(),F=N(k),I=l(!0),P=e(I,2),R=P[0],A=P[1],D=l(!1),O=e(D,2),B=O[0],H=O[1],q=l(null),z=e(q,2),G=z[0],K=z[1],X=function(){var e=a(n().mark((function e(){var a,i,s;return n().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!B){e.next=2;break}return e.abrupt("return");case 2:if(H(!0),K(null),u){e.next=26;break}return e.prev=5,e.next=8,fetch("https://api.unsplash.com/photos/random?query=".concat(d.category,"&client_id=").concat(process.env.NEXT_PUBLIC_UNSPLASH_ACCESS_KEY));case 8:if((a=e.sent).ok){e.next=11;break}throw new Error("Failed to fetch: ".concat(a.status," ").concat(a.statusText));case 11:return e.next=13,a.json();case 13:i=e.sent,s=c,null!=i&&i.id&&(s=i),E(y.actions.add(s)),e.next=24;break;case 19:e.prev=19,e.t0=e.catch(5),console.error("Error fetching random image:",e.t0),K("Failed to load image. Please try again."),E(y.actions.add(c));case 24:e.next=27;break;case 26:E(y.actions.add(c));case 27:H(!1);case 28:case"end":return e.stop()}}),e,null,[[5,19]])})));return function(){return e.apply(this,arguments)}}();r((function(){X()}),[d.category]);return i("div",{className:"ihub-unsplash-container",style:{width:j,borderRadius:L,height:w,background:(null==F?void 0:F.color)||"#f5f5f5"},children:[R&&s("div",{className:"ihub-unsplash-loader",children:s("div",{className:"ihub-unsplash-spinner"})}),G&&i("div",{className:"ihub-unsplash-error",children:[s("p",{children:G}),s("button",{onClick:X,disabled:B,children:"Try Again"})]}),i("div",{className:"ihub-unsplash-image-container ".concat(R?"ihub-unsplash-loading":""),onClick:U,children:[s(o,{src:(null==F||null===(h=F.urls)||void 0===h?void 0:h.regular)||"",alt:(null==F?void 0:F.alt_description)||d.category||"Unsplash image",className:"ihub-unsplash-image",fill:!0,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",priority:!0,onLoad:function(){A(!1)},style:{objectFit:"cover",borderRadius:L}}),s("div",{className:"ihub-unsplash-overlay",style:{opacity:T}}),i("div",{className:"ihub-unsplash-info",children:[(null==F?void 0:F.description)&&s("p",{className:"ihub-unsplash-description",children:F.description}),i("div",{className:"ihub-unsplash-metadata",children:[(null==F||null===(p=F.user)||void 0===p||null===(p=p.profile_image)||void 0===p?void 0:p.small)&&s(o,{src:F.user.profile_image.small,alt:(null===(m=F.user)||void 0===m?void 0:m.name)||"Photographer",width:24,height:24,className:"ihub-unsplash-avatar"}),i("div",{className:"ihub-unsplash-user-info",children:[s(t,{href:(null==F||null===(v=F.user)||void 0===v||null===(v=v.links)||void 0===v?void 0:v.html)||"#",target:"_blank",rel:"noopener noreferrer",className:"ihub-unsplash-username",children:(null==F||null===(b=F.user)||void 0===b?void 0:b.name)||"Unknown"}),(null==F||null===(f=F.user)||void 0===f?void 0:f.location)&&s("span",{className:"ihub-unsplash-location",children:F.user.location})]}),i("div",{className:"ihub-unsplash-stats",children:[(null==F?void 0:F.created_at)&&s("span",{className:"ihub-unsplash-date",children:function(e){if(!e)return"";var a=new Date(e);return new Intl.DateTimeFormat("en-US",{year:"numeric",month:"long",day:"numeric"}).format(a)}(F.created_at)}),void 0!==(null==F?void 0:F.likes)&&i("span",{className:"ihub-unsplash-likes",children:[s("span",{className:"ihub-unsplash-heart",children:"♥"})," ",F.likes]})]})]})]})]}),s("div",{className:"ihub-unsplash-actions",children:s("button",{className:"ihub-unsplash-refresh",onClick:X,disabled:B,"aria-label":"Load a new image",title:"Load a new image",children:B?"Loading...":"Refresh Image"})})]})};export{d as default};
 //# sourceMappingURL=UnsplashRandomImage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UnsplashRandomImage.js","sources":["../../../../src/components/forms/UnsplashRandomImage.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\r\nimport Link from \"next/link\";\r\nimport Image from \"next/image\";\r\nimport { unsplashDefaultObject } from \"../lib/json/unsplashDefaultObject\";\r\nimport { IN_DEV_MODE } from \"../lib/helpFunction\";\r\n\r\n/**\r\n * Represents an Unsplash user\r\n */\r\nexport interface UnsplashUser {\r\n  name: string;\r\n  links?: {\r\n    html?: string;\r\n  };\r\n  profile_image?: {\r\n    small?: string;\r\n  };\r\n  location?: string;\r\n}\r\n\r\n/**\r\n * Represents image URLs from Unsplash\r\n */\r\nexport interface UnsplashUrls {\r\n  regular: string;\r\n  raw?: string;\r\n  full?: string;\r\n  small?: string;\r\n  thumb?: string;\r\n}\r\n\r\n/**\r\n * Represents the Unsplash image data structure\r\n */\r\nexport interface UnsplashObject {\r\n  id?: string;\r\n  urls?: UnsplashUrls;\r\n  user?: UnsplashUser;\r\n  alt_description?: string;\r\n  description?: string;\r\n  color?: string;\r\n  created_at?: string;\r\n  likes?: number;\r\n}\r\n\r\n/**\r\n * Redux action type for unsplash object\r\n */\r\nexport interface UnsplashAction {\r\n  add: (payload: UnsplashObject) => { type: string; payload: UnsplashObject };\r\n}\r\n\r\n/**\r\n * Props for the UnsplashRandomImage component\r\n */\r\nexport interface UnsplashRandomImageProps {\r\n  /** Search category for Unsplash images */\r\n  category: string;\r\n  /** Optional className for styling */\r\n  className?: string;\r\n  /** Redux dispatch hook */\r\n  useDispatch: () => any;\r\n  /** Redux selector hook */\r\n  useSelector: <T>(selector: (state: any) => T) => T;\r\n  /** Redux selector function for unsplash object */\r\n  selectUnsplashObject: (state: any) => UnsplashObject;\r\n  /** Redux slice for unsplash object */\r\n  unsplashObject: {\r\n    actions: UnsplashAction;\r\n  };\r\n  /** Optional height (default: 100vh) */\r\n  height?: string;\r\n  /** Optional width (default: 100%) */\r\n  width?: string;\r\n  /** Optional border radius (default: 8px) */\r\n  borderRadius?: string;\r\n  /** Optional overlay intensity (0-1, default: 0.2) */\r\n  overlayIntensity?: number;\r\n  /** Function to handle image click */\r\n  onImageClick?: () => void;\r\n}\r\n\r\n/**\r\n * Component that fetches and displays a random image from Unsplash based on a category\r\n * with enhanced UI and functionality\r\n */\r\nconst UnsplashRandomImage: React.FC<UnsplashRandomImageProps> = (props) => {\r\n  const {\r\n    useDispatch,\r\n    useSelector,\r\n    selectUnsplashObject,\r\n    unsplashObject,\r\n    height = \"100vh\",\r\n    width = \"100%\",\r\n    borderRadius = \"8px\",\r\n    overlayIntensity = 0.2,\r\n    onImageClick,\r\n  } = props;\r\n\r\n  const dispatch = useDispatch();\r\n  const unsplashData = useSelector(selectUnsplashObject);\r\n  const [isLoading, setIsLoading] = useState<boolean>(true);\r\n  const [isFetching, setIsFetching] = useState<boolean>(false);\r\n  const [error, setError] = useState<string | null>(null);\r\n\r\n  // Format the creation date\r\n  const formatDate = (dateString?: string): string => {\r\n    if (!dateString) return \"\";\r\n    const date = new Date(dateString);\r\n    return new Intl.DateTimeFormat(\"en-US\", {\r\n      year: \"numeric\",\r\n      month: \"long\",\r\n      day: \"numeric\",\r\n    }).format(date);\r\n  };\r\n\r\n  // Refresh image - can be called on button click\r\n  const refreshImage = async (): Promise<void> => {\r\n    if (isFetching) return;\r\n\r\n    setIsFetching(true);\r\n    setError(null);\r\n\r\n    if (!IN_DEV_MODE) {\r\n      try {\r\n        const response = await fetch(\r\n          `https://api.unsplash.com/photos/random?query=${props.category}&client_id=${process.env.NEXT_PUBLIC_UNSPLASH_ACCESS_KEY}`\r\n        );\r\n\r\n        if (!response.ok) {\r\n          throw new Error(\r\n            `Failed to fetch: ${response.status} ${response.statusText}`\r\n          );\r\n        }\r\n\r\n        const req = await response.json();\r\n        let res_obj: UnsplashObject = unsplashDefaultObject;\r\n\r\n        if (req?.id) {\r\n          res_obj = req;\r\n        }\r\n\r\n        dispatch(unsplashObject.actions.add(res_obj));\r\n      } catch (error) {\r\n        console.error(\"Error fetching random image:\", error);\r\n        setError(\"Failed to load image. Please try again.\");\r\n        // Still dispatch default object as fallback\r\n        dispatch(unsplashObject.actions.add(unsplashDefaultObject));\r\n      }\r\n    } else {\r\n      dispatch(unsplashObject.actions.add(unsplashDefaultObject));\r\n    }\r\n\r\n    setIsFetching(false);\r\n  };\r\n\r\n  useEffect(() => {\r\n    refreshImage();\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [props.category]);\r\n\r\n  // Handle image load completion\r\n  const handleImageLoad = () => {\r\n    setIsLoading(false);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className=\"ihub-unsplash-container\"\r\n      style={{\r\n        width: width,\r\n        borderRadius: borderRadius,\r\n        height: height,\r\n        background: unsplashData?.color || \"#f5f5f5\",\r\n      }}\r\n    >\r\n      {isLoading && (\r\n        <div className=\"ihub-unsplash-loader\">\r\n          <div className=\"ihub-unsplash-spinner\"></div>\r\n        </div>\r\n      )}\r\n\r\n      {error && (\r\n        <div className=\"ihub-unsplash-error\">\r\n          <p>{error}</p>\r\n          <button onClick={refreshImage} disabled={isFetching}>\r\n            Try Again\r\n          </button>\r\n        </div>\r\n      )}\r\n\r\n      <div\r\n        className={`ihub-unsplash-image-container ${\r\n          isLoading ? \"ihub-unsplash-loading\" : \"\"\r\n        }`}\r\n        onClick={onImageClick}\r\n      >\r\n        <Image\r\n          src={unsplashData?.urls?.regular || \"\"}\r\n          alt={\r\n            unsplashData?.alt_description || props.category || \"Unsplash image\"\r\n          }\r\n          className=\"ihub-unsplash-image\"\r\n          fill\r\n          sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\"\r\n          priority\r\n          onLoad={handleImageLoad}\r\n          style={{ objectFit: \"cover\", borderRadius: borderRadius }}\r\n        />\r\n\r\n        <div\r\n          className=\"ihub-unsplash-overlay\"\r\n          style={{ opacity: overlayIntensity }}\r\n        ></div>\r\n\r\n        <div className=\"ihub-unsplash-info\">\r\n          {unsplashData?.description && (\r\n            <p className=\"ihub-unsplash-description\">\r\n              {unsplashData.description}\r\n            </p>\r\n          )}\r\n\r\n          <div className=\"ihub-unsplash-metadata\">\r\n            {unsplashData?.user?.profile_image?.small && (\r\n              <Image\r\n                src={unsplashData.user.profile_image.small}\r\n                alt={unsplashData.user?.name || \"Photographer\"}\r\n                width={24}\r\n                height={24}\r\n                className=\"ihub-unsplash-avatar\"\r\n              />\r\n            )}\r\n\r\n            <div className=\"ihub-unsplash-user-info\">\r\n              <Link\r\n                href={unsplashData?.user?.links?.html || \"#\"}\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                className=\"ihub-unsplash-username\"\r\n              >\r\n                {unsplashData?.user?.name || \"Unknown\"}\r\n              </Link>\r\n\r\n              {unsplashData?.user?.location && (\r\n                <span className=\"ihub-unsplash-location\">\r\n                  {unsplashData.user.location}\r\n                </span>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"ihub-unsplash-stats\">\r\n              {unsplashData?.created_at && (\r\n                <span className=\"ihub-unsplash-date\">\r\n                  {formatDate(unsplashData.created_at)}\r\n                </span>\r\n              )}\r\n\r\n              {unsplashData?.likes !== undefined && (\r\n                <span className=\"ihub-unsplash-likes\">\r\n                  <span className=\"ihub-unsplash-heart\">♥</span>{\" \"}\r\n                  {unsplashData.likes}\r\n                </span>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"ihub-unsplash-actions\">\r\n        <button\r\n          className=\"ihub-unsplash-refresh\"\r\n          onClick={refreshImage}\r\n          disabled={isFetching}\r\n          aria-label=\"Load a new image\"\r\n          title=\"Load a new image\"\r\n        >\r\n          {isFetching ? \"Loading...\" : \"Refresh Image\"}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default UnsplashRandomImage;\r\n"],"names":["props","_unsplashData$urls","_unsplashData$user","_unsplashData$user2","_unsplashData$user3","_unsplashData$user4","_unsplashData$user5","useDispatch","useSelector","selectUnsplashObject","unsplashObject","_props$height","height","_props$width","width","_props$borderRadius","borderRadius","_props$overlayIntensi","overlayIntensity","onImageClick","dispatch","unsplashData","_useState","useState","_useState2","_slicedToArray","isLoading","setIsLoading","_useState3","_useState4","isFetching","setIsFetching","_useState5","_useState6","error","setError","refreshImage","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","req","res_obj","regeneratorRuntime","wrap","_context","prev","next","abrupt","IN_DEV_MODE","fetch","concat","category","process","env","NEXT_PUBLIC_UNSPLASH_ACCESS_KEY","sent","ok","Error","status","statusText","json","unsplashDefaultObject","id","actions","add","t0","console","stop","apply","this","arguments","useEffect","_jsxs","className","style","background","color","children","_jsx","jsx","jsxs","onClick","disabled","Image","src","urls","regular","alt","alt_description","fill","sizes","priority","onLoad","objectFit","opacity","description","user","profile_image","small","name","Link","href","links","html","target","rel","location","created_at","dateString","date","Date","Intl","DateTimeFormat","year","month","day","format","formatDate","undefined","likes","title"],"mappings":"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"}
+{"version":3,"file":"UnsplashRandomImage.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/forms/radio-btn/RadioButton.js

@@ -0,0 +1,2 @@
+import{jsxs as a,jsx as e}from"react/jsx-runtime";var i=function(i){var r=i.id,d=i.name,c=i.value,o=i.label,l=i.checked,n=void 0!==l&&l,s=i.disabled,h=void 0!==s&&s,t=i.onChange,u=i.required,b=void 0!==u&&u,m=i.className,p=void 0===m?"":m,v=i.error,N=i.helpText,f=i.fontSize,x=void 0===f?"ihub-fs-sm":f;return a("div",{className:"ihub-radio-wrapper ".concat(p," ").concat(h?"ihub-radio-disabled":""," ").concat(v?"ihub-radio-error":""),children:[a("div",{className:"ihub-radio-container",children:[e("input",{type:"radio",id:r,name:d,value:c,checked:n,disabled:h,onChange:t,required:b,"aria-invalid":!!v,"aria-describedby":"".concat(r,"-").concat(v?"error":N?"help":""),className:"ihub-radio-input"}),a("label",{className:"ihub-radio-label",htmlFor:r,children:[e("span",{className:"ihub-radio-custom","aria-hidden":"true"}),e("span",{className:"ihub-radio-text ".concat(x),children:o}),b&&e("span",{className:"ihub-required-mark","aria-hidden":"true",children:"*"})]})]}),N&&!v&&e("div",{id:"".concat(r,"-help"),className:"ihub-radio-help-text",children:N}),v&&e("div",{id:"".concat(r,"-error"),className:"ihub-radio-error-message",role:"alert",children:v})]})};export{i as default};
+//# sourceMappingURL=RadioButton.js.map

package/dist/src/components/forms/radio-btn/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sources":["../../../../../src/components/forms/radio-btn/RadioButton.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\n/**\r\n * Props for the RadioButton component\r\n * @interface RadioButtonProps\r\n */\r\ninterface RadioButtonProps {\r\n  /** Unique identifier for the radio button */\r\n  id: string;\r\n  /** Name attribute for the radio input (for grouping) */\r\n  name: string;\r\n  /** Value of the radio button */\r\n  value: string;\r\n  /** Label text to display */\r\n  label: string;\r\n  /** Whether the radio button is checked */\r\n  checked?: boolean;\r\n  /** Whether the radio button is disabled */\r\n  disabled?: boolean;\r\n  /** Callback function when the radio button changes */\r\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n  /** Whether the input is required */\r\n  required?: boolean;\r\n  /** Additional CSS classes */\r\n  className?: string;\r\n  /** Error message to display */\r\n  error?: string;\r\n  /** Help text to provide additional context */\r\n  helpText?: string;\r\n  /** Font size of the radio button */\r\n  fontSize?: string;\r\n}\r\n\r\n/**\r\n * A customizable, accessible radio button component\r\n * @example\r\n * ```tsx\r\n * <RadioButton\r\n *  id=\"radio-button-1\"\r\n *  name=\"radio-button-group\"\r\n *  value=\"radio-button-1\"\r\n *  label=\"Radio Button 1\"\r\n * />\r\n * ```\r\n * @param id Unique identifier for the radio button\r\n * @param name Name attribute for the radio input (for grouping)\r\n * @param value Value of the radio button\r\n * @param label Label text to display\r\n * @param checked Whether the radio button is checked\r\n * @param disabled Whether the radio button is disabled\r\n * @param onChange Callback function when the radio button changes\r\n * @param required Whether the radio button is required\r\n * @param className Additional CSS classes\r\n * @param error Error message to display\r\n * @param helpText Help text to provide additional context\r\n * @param fontSize Font size of the radio button\r\n */\r\nconst RadioButton: React.FC<RadioButtonProps> = ({\r\n  id,\r\n  name,\r\n  value,\r\n  label,\r\n  checked = false,\r\n  disabled = false,\r\n  onChange,\r\n  required = false,\r\n  className = \"\",\r\n  error,\r\n  helpText,\r\n  fontSize = \"ihub-fs-sm\",\r\n}) => {\r\n  return (\r\n    <div\r\n      className={`ihub-radio-wrapper ${className} ${\r\n        disabled ? \"ihub-radio-disabled\" : \"\"\r\n      } ${error ? \"ihub-radio-error\" : \"\"}`}\r\n    >\r\n      <div className=\"ihub-radio-container\">\r\n        <input\r\n          type=\"radio\"\r\n          id={id}\r\n          name={name}\r\n          value={value}\r\n          checked={checked}\r\n          disabled={disabled}\r\n          onChange={onChange}\r\n          required={required}\r\n          aria-invalid={!!error}\r\n          aria-describedby={`${id}-${error ? \"error\" : helpText ? \"help\" : \"\"}`}\r\n          className=\"ihub-radio-input\"\r\n        />\r\n        <label className=\"ihub-radio-label\" htmlFor={id}>\r\n          <span className=\"ihub-radio-custom\" aria-hidden=\"true\"></span>\r\n          <span className={`ihub-radio-text ${fontSize}`}>{label}</span>\r\n          {required && (\r\n            <span className=\"ihub-required-mark\" aria-hidden=\"true\">\r\n              *\r\n            </span>\r\n          )}\r\n        </label>\r\n      </div>\r\n\r\n      {helpText && !error && (\r\n        <div id={`${id}-help`} className=\"ihub-radio-help-text\">\r\n          {helpText}\r\n        </div>\r\n      )}\r\n\r\n      {error && (\r\n        <div\r\n          id={`${id}-error`}\r\n          className=\"ihub-radio-error-message\"\r\n          role=\"alert\"\r\n        >\r\n          {error}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default RadioButton;\r\n"],"names":["RadioButton","_ref","id","name","value","label","_ref$checked","checked","_ref$disabled","disabled","onChange","_ref$required","required","_ref$className","className","error","helpText","_ref$fontSize","fontSize","_jsxs","concat","children","_jsx","type","htmlFor","role"],"mappings":"kDAyDA,IAAMA,EAA0C,SAA/BC,GAaZ,IAZHC,EAAED,EAAFC,GACAC,EAAIF,EAAJE,KACAC,EAAKH,EAALG,MACAC,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAAAP,EACfQ,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAQT,EAARS,SAAQC,EAAAV,EACRW,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAZ,EAChBa,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAKd,EAALc,MACAC,EAAQf,EAARe,SAAQC,EAAAhB,EACRiB,SAAAA,OAAW,IAAHD,EAAG,aAAYA,EAEvB,OACEE,EACE,MAAA,CAAAL,UAAS,sBAAAM,OAAwBN,OAASM,OACxCX,EAAW,sBAAwB,GACrC,KAAAW,OAAIL,EAAQ,mBAAqB,IAEjCM,SAAA,CAAAF,EAAA,MAAA,CAAKL,UAAU,iCACbQ,EACE,QAAA,CAAAC,KAAK,QACLrB,GAAIA,EACJC,KAAMA,EACNC,MAAOA,EACPG,QAASA,EACTE,SAAUA,EACVC,SAAUA,EACVE,SAAUA,EACI,iBAAEG,EAAK,sBAAAK,OACAlB,EAAE,KAAAkB,OAAIL,EAAQ,QAAUC,EAAW,OAAS,IACjEF,UAAU,qBAEZK,EAAO,QAAA,CAAAL,UAAU,mBAAmBU,QAAStB,YAC3CoB,EAAM,OAAA,CAAAR,UAAU,oBAAmB,cAAa,SAChDQ,EAAM,OAAA,CAAAR,UAASM,mBAAAA,OAAqBF,GAAaG,SAAAhB,IAChDO,GACCU,EAAA,OAAA,CAAMR,UAAU,mCAAiC,OAAMO,SAAA,YAO5DL,IAAaD,GACZO,EAAA,MAAA,CAAKpB,GAAEkB,GAAAA,OAAKlB,EAAS,SAAEY,UAAU,gCAC9BE,IAIJD,GACCO,EAAA,MAAA,CACEpB,GAAEkB,GAAAA,OAAKlB,EAAU,UACjBY,UAAU,2BACVW,KAAK,QAEJJ,SAAAN,MAKX"}

package/dist/src/components/forms/radio-btn/RadioGroup.js

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import r from"./RadioButton.js";var a=function(a){var d=a.label,o=a.name,n=a.options,l=a.selectedValue,c=a.onChange,u=a.required,s=void 0!==u&&u,t=a.error,h=a.className,p=void 0===h?"":h,m=a.inline,b=void 0!==m&&m,v=a.id,g=a.description,N=v||"radio-group-".concat(o),f=g?"".concat(N,"-description"):void 0;return e("fieldset",{className:"ihub-radio-group ".concat(p," ").concat(b?"ihub-radio-group-inline":""," ").concat(t?"ihub-radio-group-error":""),id:N,"aria-required":s,"aria-describedby":f,"aria-invalid":!!t,children:[e("legend",{className:"ihub-radio-group-legend",children:[d,s&&i("span",{className:"ihub-required-mark","aria-hidden":"true",children:"*"})]}),g&&i("div",{id:f,className:"ihub-radio-group-description",children:g}),i("div",{className:"ihub-radio-options",children:n.map((function(e){return i(r,{id:e.id,name:o,value:e.value,label:e.label,checked:l===e.value,disabled:e.disabled,onChange:c,required:s,helpText:e.helpText},e.id)}))}),t&&i("div",{className:"ihub-radio-group-error-message",role:"alert",children:t})]})};export{a as default};
+//# sourceMappingURL=RadioGroup.js.map

package/dist/src/components/forms/radio-btn/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sources":["../../../../../src/components/forms/radio-btn/RadioGroup.tsx"],"sourcesContent":["import React from \"react\";\r\nimport RadioButton from \"./RadioButton\";\r\n\r\n/**\r\n * Interface for radio option items\r\n */\r\ninterface RadioOption {\r\n  /** Unique identifier for the option */\r\n  id: string;\r\n  /** Value of the option */\r\n  value: string;\r\n  /** Display label for the option */\r\n  label: string;\r\n  /** Whether the option is disabled */\r\n  disabled?: boolean;\r\n  /** Help text for this specific option */\r\n  helpText?: string;\r\n}\r\n\r\n/**\r\n * Props for the RadioGroup component\r\n */\r\ninterface RadioGroupProps {\r\n  /** Group label that describes the collection of options */\r\n  label: string;\r\n  /** Name attribute for all radio inputs in the group */\r\n  name: string;\r\n  /** Array of radio options to display */\r\n  options: RadioOption[];\r\n  /** Currently selected value */\r\n  selectedValue?: string;\r\n  /** Callback function when selection changes */\r\n  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n  /** Whether the field group is required */\r\n  required?: boolean;\r\n  /** Error message for the entire group */\r\n  error?: string;\r\n  /** Additional CSS classes */\r\n  className?: string;\r\n  /** Whether to display radio buttons inline horizontally */\r\n  inline?: boolean;\r\n  /** ID for the fieldset element */\r\n  id?: string;\r\n  /** Additional description for the group */\r\n  description?: string;\r\n}\r\n\r\n/**\r\n * A component for grouping related radio buttons with a common label\r\n */\r\nconst RadioGroup: React.FC<RadioGroupProps> = ({\r\n  label,\r\n  name,\r\n  options,\r\n  selectedValue,\r\n  onChange,\r\n  required = false,\r\n  error,\r\n  className = \"\",\r\n  inline = false,\r\n  id,\r\n  description,\r\n}) => {\r\n  const groupId = id || `radio-group-${name}`;\r\n  const descriptionId = description ? `${groupId}-description` : undefined;\r\n\r\n  return (\r\n    <fieldset\r\n      className={`ihub-radio-group ${className} ${\r\n        inline ? \"ihub-radio-group-inline\" : \"\"\r\n      } ${error ? \"ihub-radio-group-error\" : \"\"}`}\r\n      id={groupId}\r\n      aria-required={required}\r\n      aria-describedby={descriptionId}\r\n      aria-invalid={!!error}\r\n    >\r\n      <legend className=\"ihub-radio-group-legend\">\r\n        {label}\r\n        {required && (\r\n          <span className=\"ihub-required-mark\" aria-hidden=\"true\">\r\n            *\r\n          </span>\r\n        )}\r\n      </legend>\r\n\r\n      {description && (\r\n        <div id={descriptionId} className=\"ihub-radio-group-description\">\r\n          {description}\r\n        </div>\r\n      )}\r\n\r\n      <div className=\"ihub-radio-options\">\r\n        {options.map((option) => (\r\n          <RadioButton\r\n            key={option.id}\r\n            id={option.id}\r\n            name={name}\r\n            value={option.value}\r\n            label={option.label}\r\n            checked={selectedValue === option.value}\r\n            disabled={option.disabled}\r\n            onChange={onChange}\r\n            required={required}\r\n            helpText={option.helpText}\r\n          />\r\n        ))}\r\n      </div>\r\n\r\n      {error && (\r\n        <div className=\"ihub-radio-group-error-message\" role=\"alert\">\r\n          {error}\r\n        </div>\r\n      )}\r\n    </fieldset>\r\n  );\r\n};\r\n\r\nexport default RadioGroup;\r\n"],"names":["RadioGroup","_ref","label","name","options","selectedValue","onChange","_ref$required","required","error","_ref$className","className","_ref$inline","inline","id","description","groupId","concat","descriptionId","undefined","_jsxs","children","_jsx","map","option","RadioButton","value","checked","disabled","helpText","role"],"mappings":"kFAkDA,IAAMA,EAAwC,SAA9BC,GAYX,IAXHC,EAAKD,EAALC,MACAC,EAAIF,EAAJE,KACAC,EAAOH,EAAPG,QACAC,EAAaJ,EAAbI,cACAC,EAAQL,EAARK,SAAQC,EAAAN,EACRO,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAKR,EAALQ,MAAKC,EAAAT,EACLU,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAX,EACdY,OAAAA,OAAS,IAAHD,GAAQA,EACdE,EAAEb,EAAFa,GACAC,EAAWd,EAAXc,YAEMC,EAAUF,kBAAEG,OAAmBd,GAC/Be,EAAgBH,EAAW,GAAAE,OAAMD,uBAAwBG,EAE/D,OACEC,EACE,WAAA,CAAAT,UAAS,oBAAAM,OAAsBN,OAASM,OACtCJ,EAAS,0BAA4B,GACvC,KAAAI,OAAIR,EAAQ,yBAA2B,IACvCK,GAAIE,EAAO,gBACIR,EACG,mBAAAU,mBACFT,EAEhBY,SAAA,CAAAD,EAAA,SAAA,CAAQT,UAAU,0BACfU,SAAA,CAAAnB,EACAM,GACCc,EAAA,OAAA,CAAMX,UAAU,qBAAiC,cAAA,yBAMpDI,GACCO,EAAA,MAAA,CAAKR,GAAII,EAAeP,UAAU,+BAC/BU,SAAAN,IAILO,EAAK,MAAA,CAAAX,UAAU,qBAAoBU,SAChCjB,EAAQmB,KAAI,SAACC,GAAM,OAClBF,EAACG,EAAW,CAEVX,GAAIU,EAAOV,GACXX,KAAMA,EACNuB,MAAOF,EAAOE,MACdxB,MAAOsB,EAAOtB,MACdyB,QAAStB,IAAkBmB,EAAOE,MAClCE,SAAUJ,EAAOI,SACjBtB,SAAUA,EACVE,SAAUA,EACVqB,SAAUL,EAAOK,UATZL,EAAOV,SAcjBL,GACCa,EAAK,MAAA,CAAAX,UAAU,iCAAiCmB,KAAK,QAClDT,SAAAZ,MAKX"}

package/dist/src/components/forms/uploads/FileUploader.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("primereact/fileupload"),s=require("../../lib/helpFunction.js"),a=require("@aws-sdk/client-s3"),o=require("../../lib/modals.js");function c(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}exports.default=function(i){var u=t.useState(null),l=e.slicedToArray(u,2),p=l[0],d=l[1],m=t.useState(i.labels||"Drag and drop files here to upload."),f=e.slicedToArray(m,2),_=f[0],y=f[1],v=t.useState(0),h=e.slicedToArray(v,2),b=h[0],S=h[1],g=function(){var r=e.asyncToGenerator(e.regeneratorRuntime().mark((function r(t){return e.regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:d(t.files[0]),S(0);case 2:case"end":return e.stop()}}),r)})));return function(e){return r.apply(this,arguments)}}(),x=function(){var r=e.asyncToGenerator(e.regeneratorRuntime().mark((function r(){var t,n,u,l,d,m,f,_,y,v,h,b,g,x,E;return e.regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(p){e.next=2;break}return e.abrupt("return");case 2:if(e.prev=2,t=new a.S3Client({region:process.env.NEXT_PUBLIC_AWS_REGION,endpoint:process.env.NEXT_PUBLIC_AWS_S3_ENDPOINT_URL,credentials:{accessKeyId:process.env.NEXT_PUBLIC_AWS_ACCESS_KEY_ID||"",secretAccessKey:process.env.NEXT_PUBLIC_AWS_SECRET_ACCESS_KEY||""}}),n=(new Date).toISOString(),u=s.slugifyFileName("".concat(i.username||"anonymous","-").concat(n,"-").concat(p.name)),l=s.IN_DEV_MODE?"test-env__".concat(u):u,d="video/*"===i.accepts?process.env.NEXT_PUBLIC_AWS_LOCATION:process.env.NEXT_PUBLIC_AWS_LOCATION_FILES,m=process.env.NEXT_PUBLIC_AWS_BUCKET_NAME||"",f="".concat(d,"/").concat(l),!(p.size<104857600)){e.next=25;break}return e.next=14,Promise.resolve().then((function(){return c(require("@aws-sdk/client-s3"))}));case 14:return _=e.sent,y=_.PutObjectCommand,S(10),v=new y({Bucket:m,Key:f,Body:p,ContentType:p.type,ACL:"public-read"}),h=setInterval((function(){S((function(e){return Math.min(e+5,95)}))}),300),e.next=21,t.send(v);case 21:clearInterval(h),S(100),e.next=33;break;case 25:return e.next=27,Promise.resolve().then((function(){return c(require("@aws-sdk/lib-storage"))}));case 27:return b=e.sent,g=b.Upload,(x=new g({client:t,params:{Bucket:m,Key:f,Body:p,ContentType:p.type,ACL:"public-read"}})).on("httpUploadProgress",(function(e){var r=Math.round(e.loaded/e.total*100);S(r)})),e.next=33,x.done();case 33:o.openToast("File Uploaded Successfully!"),E={bucket:m,title:p.name,key:l,content_type:p.type,size:p.size,location:"".concat(s.FILE_URL,"creators/").concat(l)},i.setResponse&&i.setResponse(E),i.setValues&&i.setValues(i.names||"",E.key),i.setModules&&i.setModules(i.module||"",i.names||"",E.key),i.setSteps&&i.setSteps(i.module||"",i.step||"",i.names||"",E.key),e.next=46;break;case 41:e.prev=41,e.t0=e.catch(2),console.error("Upload error:",e.t0),o.openToast("Error uploading file!",400),S(0);case 46:case"end":return e.stop()}}),r,null,[[2,41]])})));return function(){return r.apply(this,arguments)}}();return r.jsxs("div",{className:"ihub-uploader card primereact",children:[r.jsx("h3",{children:i.headers}),r.jsx(n.FileUpload,{name:"upload",customUpload:!0,accept:i.accepts||"*",maxFileSize:i.maxFileSize||0,onSelect:g,uploadHandler:x,emptyTemplate:r.jsx("p",{className:"m-0",children:_}),onError:function(){return y("Upload failed, try again!")},progressBarTemplate:function(){return r.jsx("div",{className:"ihub-progress",children:r.jsxs("div",{className:"ihub-progress-bar",style:{width:"".concat(b,"%")},children:[b,"%"]})})},itemTemplate:b?function(){return b&&b<100?r.jsx("div",{className:"ihub-progress",children:r.jsxs("div",{className:"ihub-progress-bar",style:{width:"".concat(b,"%")},children:[b,"%"]})}):100===b?r.jsx("p",{children:"Processing..."}):null}:void 0,pt:{content:{className:"surface-ground"},message:{root:{className:"w-1rem"}}}})]})};
+import{slicedToArray as e,asyncToGenerator as r,regeneratorRuntime as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as s}from"react/jsx-runtime";import{useState as a}from"react";import{FileUpload as o}from"primereact/fileupload";import{FILE_URL as c,slugifyFileName as i,IN_DEV_MODE as l}from"../../lib/helpFunction.js";import{S3Client as p}from"@aws-sdk/client-s3";import{openToast as u}from"../../lib/modals/modals.js";var d=function(d){var m=a(null),f=e(m,2),_=f[0],v=f[1],h=a(d.labels||"Drag and drop files here to upload."),y=e(h,2),S=y[0],b=y[1],N=a(0),C=e(N,2),E=C[0],T=C[1],g=function(){var e=r(t().mark((function e(r){return t().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:v(r.files[0]),T(0);case 2:case"end":return e.stop()}}),e)})));return function(r){return e.apply(this,arguments)}}(),I=function(){var e=r(t().mark((function e(){var r,n,s,a,o,m,f,v,h,y,S,b,N,C,E;return t().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(_){e.next=2;break}return e.abrupt("return");case 2:if(e.prev=2,r=new p({region:process.env.NEXT_PUBLIC_AWS_REGION,endpoint:process.env.NEXT_PUBLIC_AWS_S3_ENDPOINT_URL,credentials:{accessKeyId:process.env.NEXT_PUBLIC_AWS_ACCESS_KEY_ID||"",secretAccessKey:process.env.NEXT_PUBLIC_AWS_SECRET_ACCESS_KEY||""}}),n=(new Date).toISOString(),s=i("".concat(d.username||"anonymous","-").concat(n,"-").concat(_.name)),a=l?"test-env__".concat(s):s,o="video/*"===d.accepts?process.env.NEXT_PUBLIC_AWS_LOCATION:process.env.NEXT_PUBLIC_AWS_LOCATION_FILES,m=process.env.NEXT_PUBLIC_AWS_BUCKET_NAME||"",f="".concat(o,"/").concat(a),!(_.size<104857600)){e.next=25;break}return e.next=14,import("@aws-sdk/client-s3");case 14:return v=e.sent,h=v.PutObjectCommand,T(10),y=new h({Bucket:m,Key:f,Body:_,ContentType:_.type,ACL:"public-read"}),S=setInterval((function(){T((function(e){return Math.min(e+5,95)}))}),300),e.next=21,r.send(y);case 21:clearInterval(S),T(100),e.next=33;break;case 25:return e.next=27,import("@aws-sdk/lib-storage");case 27:return b=e.sent,N=b.Upload,(C=new N({client:r,params:{Bucket:m,Key:f,Body:_,ContentType:_.type,ACL:"public-read"}})).on("httpUploadProgress",(function(e){var r=Math.round(e.loaded/e.total*100);T(r)})),e.next=33,C.done();case 33:u("File Uploaded Successfully!"),E={bucket:m,title:_.name,key:a,content_type:_.type,size:_.size,location:"".concat(c,"creators/").concat(a)},d.setResponse&&d.setResponse(E),d.setValues&&d.setValues(d.names||"",E.key),d.setModules&&d.setModules(d.module||"",d.names||"",E.key),d.setSteps&&d.setSteps(d.module||"",d.step||"",d.names||"",E.key),e.next=46;break;case 41:e.prev=41,e.t0=e.catch(2),console.error("Upload error:",e.t0),u("Error uploading file!",400),T(0);case 46:case"end":return e.stop()}}),e,null,[[2,41]])})));return function(){return e.apply(this,arguments)}}();return n("div",{className:"ihub-uploader card primereact",children:[s("h3",{children:d.headers}),s(o,{name:"upload",customUpload:!0,accept:d.accepts||"*",maxFileSize:d.maxFileSize||0,onSelect:g,uploadHandler:I,emptyTemplate:s("p",{className:"m-0",children:S}),onError:function(){return b("Upload failed, try again!")},progressBarTemplate:function(){return s("div",{className:"ihub-progress",children:n("div",{className:"ihub-progress-bar",style:{width:"".concat(E,"%")},children:[E,"%"]})})},itemTemplate:E?function(){return E&&E<100?s("div",{className:"ihub-progress",children:n("div",{className:"ihub-progress-bar",style:{width:"".concat(E,"%")},children:[E,"%"]})}):100===E?s("p",{children:"Processing..."}):null}:void 0,pt:{content:{className:"surface-ground"},message:{root:{className:"w-1rem"}}}})]})};export{d as default};
 //# sourceMappingURL=FileUploader.js.map

package/dist/src/components/forms/uploads/FileUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.js","sources":["../../../../../src/components/forms/uploads/FileUploader.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport { FileUpload } from \"primereact/fileupload\";\r\nimport { FILE_URL, IN_DEV_MODE, slugifyFileName } from \"../../lib/helpFunction\";\r\nimport { S3Client } from \"@aws-sdk/client-s3\";\r\nimport { openToast } from \"../../lib/modals\";\r\n\r\ninterface S3UploadResponse {\r\n  bucket: string;\r\n  title: string;\r\n  key: string;\r\n  content_type: string;\r\n  size: number;\r\n  location: string;\r\n}\r\n\r\ninterface FileUploaderProps {\r\n  headers?: string;\r\n  labels?: string;\r\n  accepts?: string;\r\n  maxFileSize?: number;\r\n  names?: string;\r\n  module?: string;\r\n  step?: string;\r\n  username?: string | null;\r\n  setResponse?: (response: S3UploadResponse) => void;\r\n  setValues?: (name: string, value: string) => void;\r\n  setModules?: (module: string, name: string, value: string) => void;\r\n  setSteps?: (\r\n    module: string,\r\n    step: string,\r\n    name: string,\r\n    value: string\r\n  ) => void;\r\n}\r\n\r\nconst FileUploader: React.FC<FileUploaderProps> = (props) => {\r\n  const [selectedFile, setSelectedFile] = useState<File | null>(null);\r\n  const [message, setMessage] = useState<string>(\r\n    props.labels || \"Drag and drop files here to upload.\"\r\n  );\r\n  const [uploadPercentage, setUploadPercentage] = useState<number>(0);\r\n\r\n  const handleFileChange = async (event: { files: File[] }) => {\r\n    setSelectedFile(event.files[0]);\r\n    setUploadPercentage(0);\r\n  };\r\n\r\n  const handleUpload = async () => {\r\n    if (!selectedFile) {\r\n      return;\r\n    }\r\n\r\n    try {\r\n      // Initialize S3 client\r\n      const s3Client = new S3Client({\r\n        region: process.env.NEXT_PUBLIC_AWS_REGION,\r\n        endpoint: process.env.NEXT_PUBLIC_AWS_S3_ENDPOINT_URL,\r\n        credentials: {\r\n          accessKeyId: process.env.NEXT_PUBLIC_AWS_ACCESS_KEY_ID || \"\",\r\n          secretAccessKey: process.env.NEXT_PUBLIC_AWS_SECRET_ACCESS_KEY || \"\",\r\n        },\r\n      });\r\n\r\n      // Create unique key for the file\r\n      const timestamp = new Date().toISOString();\r\n      const uniqueKey = slugifyFileName(\r\n        `${props.username || \"anonymous\"}-${timestamp}-${selectedFile.name}`\r\n      );\r\n      const prefixUniqueKey = IN_DEV_MODE\r\n        ? `test-env__${uniqueKey}`\r\n        : uniqueKey;\r\n\r\n      // Set file location\r\n      const keyLocation =\r\n        props.accepts === \"video/*\"\r\n          ? process.env.NEXT_PUBLIC_AWS_LOCATION\r\n          : process.env.NEXT_PUBLIC_AWS_LOCATION_FILES;\r\n\r\n      const bucketName = process.env.NEXT_PUBLIC_AWS_BUCKET_NAME || \"\";\r\n      const fullKey = `${keyLocation}/${prefixUniqueKey}`;\r\n\r\n      // Decide between single-part and multipart upload based on file size\r\n      const FILE_SIZE_THRESHOLD = 100 * 1024 * 1024; // 100 MB threshold\r\n\r\n      if (selectedFile.size < FILE_SIZE_THRESHOLD) {\r\n        // For smaller files, use simple upload\r\n        const { PutObjectCommand } = await import(\"@aws-sdk/client-s3\");\r\n\r\n        setUploadPercentage(10); // Start progress\r\n\r\n        const putCommand = new PutObjectCommand({\r\n          Bucket: bucketName,\r\n          Key: fullKey,\r\n          Body: selectedFile,\r\n          ContentType: selectedFile.type,\r\n          ACL: \"public-read\",\r\n        });\r\n\r\n        // Use a timer to simulate progress\r\n        const simulateProgress = setInterval(() => {\r\n          setUploadPercentage((prev) => Math.min(prev + 5, 95));\r\n        }, 300);\r\n\r\n        await s3Client.send(putCommand);\r\n        clearInterval(simulateProgress);\r\n        setUploadPercentage(100);\r\n      } else {\r\n        // For larger files, use multipart upload\r\n        // 1. Initiate multipart upload\r\n        const { Upload } = await import(\"@aws-sdk/lib-storage\");\r\n\r\n        // Create uploader with proper progress tracking\r\n        const upload = new Upload({\r\n          client: s3Client,\r\n          params: {\r\n            Bucket: bucketName,\r\n            Key: fullKey,\r\n            Body: selectedFile,\r\n            ContentType: selectedFile.type,\r\n            ACL: \"public-read\",\r\n          },\r\n        });\r\n\r\n        // Add progress tracking\r\n        upload.on(\"httpUploadProgress\", (progress: any) => {\r\n          const percentage = Math.round(\r\n            (progress.loaded / progress.total) * 100\r\n          );\r\n          setUploadPercentage(percentage);\r\n        });\r\n\r\n        // Execute the upload\r\n        await upload.done();\r\n      }\r\n\r\n      // Upload completed successfully\r\n      openToast(\"File Uploaded Successfully!\");\r\n\r\n      const res: S3UploadResponse = {\r\n        bucket: bucketName,\r\n        title: selectedFile.name,\r\n        key: prefixUniqueKey,\r\n        content_type: selectedFile.type,\r\n        size: selectedFile.size,\r\n        location: `${FILE_URL}creators/${prefixUniqueKey}`,\r\n      };\r\n\r\n      props.setResponse && props.setResponse(res);\r\n      props.setValues && props.setValues(props.names || \"\", res.key);\r\n      props.setModules &&\r\n        props.setModules(props.module || \"\", props.names || \"\", res.key);\r\n      props.setSteps &&\r\n        props.setSteps(\r\n          props.module || \"\",\r\n          props.step || \"\",\r\n          props.names || \"\",\r\n          res.key\r\n        );\r\n    } catch (error) {\r\n      console.error(\"Upload error:\", error);\r\n      openToast(\"Error uploading file!\", 400);\r\n      setUploadPercentage(0);\r\n    }\r\n  };\r\n\r\n  // Custom progress bar template\r\n  const progressBarTemplate = () => {\r\n    return (\r\n      <div className=\"ihub-progress\">\r\n        <div\r\n          className=\"ihub-progress-bar\"\r\n          style={{ width: `${uploadPercentage}%` }}\r\n        >\r\n          {uploadPercentage}%\r\n        </div>\r\n      </div>\r\n    );\r\n  };\r\n\r\n  // Custom item template\r\n  const handleItemTemplate = () => {\r\n    if (uploadPercentage && uploadPercentage < 100) {\r\n      return (\r\n        <div className=\"ihub-progress\">\r\n          <div\r\n            className=\"ihub-progress-bar\"\r\n            style={{ width: `${uploadPercentage}%` }}\r\n          >\r\n            {uploadPercentage}%\r\n          </div>\r\n        </div>\r\n      );\r\n    } else if (uploadPercentage === 100) {\r\n      return <p>Processing...</p>;\r\n    }\r\n    return null;\r\n  };\r\n\r\n  return (\r\n    <div className=\"ihub-uploader card primereact\">\r\n      <h3>{props.headers}</h3>\r\n      <FileUpload\r\n        name=\"upload\"\r\n        customUpload={true}\r\n        accept={props.accepts || \"*\"}\r\n        maxFileSize={props.maxFileSize || 0}\r\n        onSelect={handleFileChange}\r\n        uploadHandler={handleUpload}\r\n        emptyTemplate={<p className=\"m-0\">{message}</p>}\r\n        onError={() => setMessage(\"Upload failed, try again!\")}\r\n        progressBarTemplate={progressBarTemplate}\r\n        itemTemplate={uploadPercentage ? handleItemTemplate : undefined}\r\n        pt={{\r\n          content: { className: \"surface-ground\" },\r\n          message: {\r\n            root: {\r\n              className: \"w-1rem\",\r\n            },\r\n          },\r\n        }}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default FileUploader;\r\n"],"names":["props","_useState","useState","_useState2","_slicedToArray","selectedFile","setSelectedFile","_useState3","labels","_useState4","message","setMessage","_useState5","_useState6","uploadPercentage","setUploadPercentage","handleFileChange","_ref","_asyncToGenerator","_regeneratorRuntime","regeneratorRuntime","mark","_callee","event","wrap","_context","prev","next","files","stop","_x","apply","this","arguments","handleUpload","_ref2","_callee2","s3Client","timestamp","uniqueKey","prefixUniqueKey","keyLocation","bucketName","fullKey","_yield$import","PutObjectCommand","putCommand","simulateProgress","_yield$import2","Upload","upload","res","_context2","abrupt","S3Client","region","process","env","NEXT_PUBLIC_AWS_REGION","endpoint","NEXT_PUBLIC_AWS_S3_ENDPOINT_URL","credentials","accessKeyId","NEXT_PUBLIC_AWS_ACCESS_KEY_ID","secretAccessKey","NEXT_PUBLIC_AWS_SECRET_ACCESS_KEY","Date","toISOString","slugifyFileName","concat","username","name","IN_DEV_MODE","accepts","NEXT_PUBLIC_AWS_LOCATION","NEXT_PUBLIC_AWS_LOCATION_FILES","NEXT_PUBLIC_AWS_BUCKET_NAME","size","Promise","resolve","then","_interopNamespace","require","sent","Bucket","Key","Body","ContentType","type","ACL","setInterval","Math","min","send","clearInterval","client","params","on","progress","percentage","round","loaded","total","done","openToast","bucket","title","key","content_type","location","FILE_URL","setResponse","setValues","names","setModules","module","setSteps","step","t0","console","error","_jsxs","className","children","_jsx","headers","jsx","FileUpload","customUpload","accept","maxFileSize","onSelect","uploadHandler","emptyTemplate","onError","progressBarTemplate","jsxs","style","width","itemTemplate","undefined","pt","content","root"],"mappings":"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"}
+{"version":3,"file":"FileUploader.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/forms/uploads/IhubFileUploader.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("../../lib/helpFunction.js"),s=require("@aws-sdk/client-s3"),i=require("@aws-sdk/lib-storage"),a=require("../../lib/modals.js");exports.default=function(o){var l=o.header,c=o.label,u=void 0===c?"Drag and drop files here or click to browse":c,d=o.accept,p=void 0===d?"*":d,h=o.maxFileSize,x=void 0===h?0:h,m=o.name,v=void 0===m?"upload":m,b=o.module,f=void 0===b?"":b,j=o.step,y=void 0===j?"":j,g=o.username,N=void 0===g?null:g,C=o.onUploadComplete,_=o.setValues,k=o.setModules,w=o.setSteps,L=o.className,E=void 0===L?"":L,S=r.useState(null),T=e.slicedToArray(S,2),B=T[0],A=T[1],I=r.useState(!1),U=e.slicedToArray(I,2),P=U[0],W=U[1],M=r.useState(0),D=e.slicedToArray(M,2),z=D[0],F=D[1],O=r.useState("idle"),R=e.slicedToArray(O,2),q=R[0],K=R[1],X=r.useState(""),H=e.slicedToArray(X,2),V=H[0],G=H[1],Y=r.useRef(null),Q=function(e){if(0===e)return"0 Bytes";var n=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,n)).toFixed(2))+" "+["Bytes","KB","MB","GB"][n]},J=function(e){G(""),function(e){var n;if("*"===p)return!0;var r=e.type,t=".".concat(null===(n=e.name.split(".").pop())||void 0===n?void 0:n.toLowerCase());return!!p.split(",").map((function(e){return e.trim()})).some((function(e){if(e.startsWith("."))return t===e.toLowerCase();if(e.endsWith("/*")){var n=e.replace("/*","");return r.startsWith("".concat(n,"/"))}return r===e}))||(G("File type not accepted. Please upload a file matching: ".concat(p)),!1)}(e)&&function(e){if(x&&e.size>x){var n=Q(x);return G("File size exceeds the maximum limit of ".concat(n)),!1}return!0}(e)&&(A(e),K("idle"),F(0))},Z=function(){var n=e.asyncToGenerator(e.regeneratorRuntime().mark((function n(){var r,o,l,c,u,d,h,x,m,b,j;return e.regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(B){e.next=3;break}return G("Please select a file first"),e.abrupt("return");case 3:if(K("uploading"),G(""),e.prev=5,r=new s.S3Client({region:process.env.NEXT_PUBLIC_AWS_REGION,endpoint:process.env.NEXT_PUBLIC_AWS_S3_ENDPOINT_URL,requestChecksumCalculation:"WHEN_REQUIRED",credentials:{accessKeyId:process.env.NEXT_PUBLIC_AWS_ACCESS_KEY_ID||"",secretAccessKey:process.env.NEXT_PUBLIC_AWS_SECRET_ACCESS_KEY||""}}),o=(new Date).toISOString(),l=t.slugifyFileName("".concat(N||"anonymous","-").concat(o,"-").concat(B.name)),c=t.IN_DEV_MODE?"test-env__".concat(l):l,u="video/*"===p?process.env.NEXT_PUBLIC_AWS_LOCATION:process.env.NEXT_PUBLIC_AWS_LOCATION_FILES,d=process.env.NEXT_PUBLIC_AWS_BUCKET_NAME||"",h="".concat(u,"/").concat(c),!(B.size<104857600)){e.next=24;break}return F(10),x=new s.PutObjectCommand({Bucket:d,Key:h,Body:B,ContentType:B.type,ACL:"public-read"}),m=setInterval((function(){F((function(e){return Math.min(e+5,95)}))}),300),e.next=20,r.send(x);case 20:clearInterval(m),F(100),e.next=28;break;case 24:return(b=new i.Upload({client:r,params:{Bucket:d,Key:h,Body:B,ContentType:B.type,ACL:"public-read"}})).on("httpUploadProgress",(function(e){var n=Math.round(e.loaded/e.total*100);F(n)})),e.next=28,b.done();case 28:K("success"),a.openToast("File Uploaded Successfully!"),j={bucket:d,title:B.name,key:c,content_type:B.type,size:B.size,location:"".concat(t.FILE_URL,"creators/").concat(c)},C&&C(j),_&&_(v,j.key),k&&k(f,v,j.key),w&&w(f,y,v,j.key),setTimeout((function(){A(null),K("idle"),F(0)}),3e3),e.next=45;break;case 38:e.prev=38,e.t0=e.catch(5),console.error("Upload error:",e.t0),K("error"),G("Error uploading file. Please try again."),a.openToast("Error uploading file!",400),F(0);case 45:case"end":return e.stop()}}),n,null,[[5,38]])})));return function(){return n.apply(this,arguments)}}(),$=function(){A(null),K("idle"),F(0),G("")};return n.jsxs("div",{className:"ihub-uploader ".concat(E),children:[l&&n.jsx("h3",{className:"ihub-uploader-header",children:l}),n.jsxs("div",{className:"ihub-uploader-container",children:[!B&&n.jsxs("div",{className:"ihub-uploader-dropzone ".concat(P?"ihub-uploader-dropzone-active":""),onDragOver:function(e){e.preventDefault(),e.stopPropagation(),W(!0)},onDragLeave:function(e){e.preventDefault(),e.stopPropagation(),W(!1)},onDrop:function(e){e.preventDefault(),e.stopPropagation(),W(!1);var n=e.dataTransfer.files;n&&n.length>0&&J(n[0])},onClick:function(){Y.current&&Y.current.click()},children:[n.jsx("div",{className:"ihub-uploader-icon",children:n.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[n.jsx("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),n.jsx("polyline",{points:"17 8 12 3 7 8"}),n.jsx("line",{x1:"12",y1:"3",x2:"12",y2:"15"})]})}),n.jsx("p",{className:"ihub-uploader-text",children:u}),n.jsx("p",{className:"ihub-uploader-hint",children:x>0&&"Maximum file size: ".concat(Q(x))}),n.jsx("input",{ref:Y,type:"file",accept:p,onChange:function(e){var n=e.target.files;n&&n.length>0&&J(n[0])},className:"ihub-uploader-input"})]}),B&&n.jsxs("div",{className:"ihub-uploader-preview",children:[n.jsxs("div",{className:"ihub-uploader-file-info",children:[n.jsx("div",{className:"ihub-uploader-file-icon",children:B.type.startsWith("image/")?n.jsx("img",{src:URL.createObjectURL(B),alt:B.name,className:"ihub-uploader-thumbnail"}):n.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[n.jsx("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),n.jsx("polyline",{points:"14 2 14 8 20 8"}),n.jsx("line",{x1:"16",y1:"13",x2:"8",y2:"13"}),n.jsx("line",{x1:"16",y1:"17",x2:"8",y2:"17"}),n.jsx("polyline",{points:"10 9 9 9 8 9"})]})}),n.jsxs("div",{className:"ihub-uploader-file-details",children:[n.jsx("p",{className:"ihub-uploader-file-name",children:B.name}),n.jsx("p",{className:"ihub-uploader-file-size",children:Q(B.size)})]})]}),"uploading"===q&&n.jsx("div",{className:"ihub-uploader-progress",children:n.jsx("div",{className:"ihub-uploader-progress-bar",style:{width:"".concat(z,"%")},children:n.jsxs("span",{className:"ihub-uploader-progress-text",children:[z,"%"]})})}),n.jsxs("div",{className:"ihub-uploader-actions",children:["idle"===q&&n.jsxs(n.Fragment,{children:[n.jsx("button",{className:"ihub-uploader-upload-btn ihub-important-btn",onClick:Z,children:"Upload"}),n.jsx("button",{className:"ihub-uploader-cancel-btn outlined-btn",onClick:$,children:"Cancel"})]}),"uploading"===q&&n.jsx("button",{className:"ihub-uploader-cancel-btn outlined-btn",onClick:$,children:"Cancel"}),"success"===q&&n.jsxs("div",{className:"ihub-uploader-success",children:[n.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[n.jsx("path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14"}),n.jsx("polyline",{points:"22 4 12 14.01 9 11.01"})]}),n.jsx("span",{children:"Upload Complete"})]}),"error"===q&&n.jsxs(n.Fragment,{children:[n.jsx("button",{className:"ihub-uploader-retry-btn ihub-important-btn",onClick:Z,children:"Retry"}),n.jsx("button",{className:"ihub-uploader-cancel-btn outlined-btn",onClick:$,children:"Cancel"})]})]})]}),V&&n.jsxs("div",{className:"ihub-uploader-error",children:[n.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[n.jsx("circle",{cx:"12",cy:"12",r:"10"}),n.jsx("line",{x1:"12",y1:"8",x2:"12",y2:"12"}),n.jsx("line",{x1:"12",y1:"16",x2:"12.01",y2:"16"})]}),n.jsx("span",{children:V})]})]})]})};
+import{slicedToArray as e,asyncToGenerator as n,regeneratorRuntime as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as o,Fragment as i}from"react/jsx-runtime";import{useState as a,useRef as l}from"react";import{FILE_URL as s,slugifyFileName as c,IN_DEV_MODE as u}from"../../lib/helpFunction.js";import{S3Client as d,PutObjectCommand as p}from"@aws-sdk/client-s3";import{Upload as h}from"@aws-sdk/lib-storage";import{openToast as m}from"../../lib/modals/modals.js";function v(v){var f=v.header,b=v.label,g=void 0===b?"Drag and drop files here or click to browse":b,y=v.accept,N=void 0===y?"*":y,k=v.maxFileSize,C=void 0===k?0:k,w=v.name,x=void 0===w?"upload":w,_=v.module,L=void 0===_?"":_,E=v.step,B=void 0===E?"":E,S=v.username,I=void 0===S?null:S,T=v.onUploadComplete,U=v.setValues,A=v.setModules,P=v.setSteps,W=v.className,M=void 0===W?"":W,z=a(null),D=e(z,2),j=D[0],O=D[1],R=a(!1),F=e(R,2),K=F[0],X=F[1],H=a(0),G=e(H,2),V=G[0],Y=G[1],q=a("idle"),Q=e(q,2),J=Q[0],Z=Q[1],$=a(""),ee=e($,2),ne=ee[0],re=ee[1],te=l(null),oe=function(e){if(0===e)return"0 Bytes";var n=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,n)).toFixed(2))+" "+["Bytes","KB","MB","GB"][n]},ie=function(e){re(""),function(e){var n;if("*"===N)return!0;var r=e.type,t=".".concat(null===(n=e.name.split(".").pop())||void 0===n?void 0:n.toLowerCase());return!!N.split(",").map((function(e){return e.trim()})).some((function(e){if(e.startsWith("."))return t===e.toLowerCase();if(e.endsWith("/*")){var n=e.replace("/*","");return r.startsWith("".concat(n,"/"))}return r===e}))||(re("File type not accepted. Please upload a file matching: ".concat(N)),!1)}(e)&&function(e){if(C&&e.size>C){var n=oe(C);return re("File size exceeds the maximum limit of ".concat(n)),!1}return!0}(e)&&(O(e),Z("idle"),Y(0))},ae=function(){var e=n(r().mark((function e(){var n,t,o,i,a,l,v,f,b,g,y;return r().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(j){e.next=3;break}return re("Please select a file first"),e.abrupt("return");case 3:if(Z("uploading"),re(""),e.prev=5,n=new d({region:process.env.NEXT_PUBLIC_AWS_REGION,endpoint:process.env.NEXT_PUBLIC_AWS_S3_ENDPOINT_URL,requestChecksumCalculation:"WHEN_REQUIRED",credentials:{accessKeyId:process.env.NEXT_PUBLIC_AWS_ACCESS_KEY_ID||"",secretAccessKey:process.env.NEXT_PUBLIC_AWS_SECRET_ACCESS_KEY||""}}),t=(new Date).toISOString(),o=c("".concat(I||"anonymous","-").concat(t,"-").concat(j.name)),i=u?"test-env__".concat(o):o,a="video/*"===N?process.env.NEXT_PUBLIC_AWS_LOCATION:process.env.NEXT_PUBLIC_AWS_LOCATION_FILES,l=process.env.NEXT_PUBLIC_AWS_BUCKET_NAME||"",v="".concat(a,"/").concat(i),!(j.size<104857600)){e.next=24;break}return Y(10),f=new p({Bucket:l,Key:v,Body:j,ContentType:j.type,ACL:"public-read"}),b=setInterval((function(){Y((function(e){return Math.min(e+5,95)}))}),300),e.next=20,n.send(f);case 20:clearInterval(b),Y(100),e.next=28;break;case 24:return(g=new h({client:n,params:{Bucket:l,Key:v,Body:j,ContentType:j.type,ACL:"public-read"}})).on("httpUploadProgress",(function(e){var n=Math.round(e.loaded/e.total*100);Y(n)})),e.next=28,g.done();case 28:Z("success"),m("File Uploaded Successfully!"),y={bucket:l,title:j.name,key:i,content_type:j.type,size:j.size,location:"".concat(s,"creators/").concat(i)},T&&T(y),U&&U(x,y.key),A&&A(L,x,y.key),P&&P(L,B,x,y.key),setTimeout((function(){O(null),Z("idle"),Y(0)}),3e3),e.next=45;break;case 38:e.prev=38,e.t0=e.catch(5),console.error("Upload error:",e.t0),Z("error"),re("Error uploading file. Please try again."),m("Error uploading file!",400),Y(0);case 45:case"end":return e.stop()}}),e,null,[[5,38]])})));return function(){return e.apply(this,arguments)}}(),le=function(){O(null),Z("idle"),Y(0),re("")};return t("div",{className:"ihub-uploader ".concat(M),children:[f&&o("h3",{className:"ihub-uploader-header",children:f}),t("div",{className:"ihub-uploader-container",children:[!j&&t("div",{className:"ihub-uploader-dropzone ".concat(K?"ihub-uploader-dropzone-active":""),onDragOver:function(e){e.preventDefault(),e.stopPropagation(),X(!0)},onDragLeave:function(e){e.preventDefault(),e.stopPropagation(),X(!1)},onDrop:function(e){e.preventDefault(),e.stopPropagation(),X(!1);var n=e.dataTransfer.files;n&&n.length>0&&ie(n[0])},onClick:function(){te.current&&te.current.click()},children:[o("div",{className:"ihub-uploader-icon",children:t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[o("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),o("polyline",{points:"17 8 12 3 7 8"}),o("line",{x1:"12",y1:"3",x2:"12",y2:"15"})]})}),o("p",{className:"ihub-uploader-text",children:g}),o("p",{className:"ihub-uploader-hint",children:C>0&&"Maximum file size: ".concat(oe(C))}),o("input",{ref:te,type:"file",accept:N,onChange:function(e){var n=e.target.files;n&&n.length>0&&ie(n[0])},className:"ihub-uploader-input"})]}),j&&t("div",{className:"ihub-uploader-preview",children:[t("div",{className:"ihub-uploader-file-info",children:[o("div",{className:"ihub-uploader-file-icon",children:j.type.startsWith("image/")?o("img",{src:URL.createObjectURL(j),alt:j.name,className:"ihub-uploader-thumbnail"}):t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[o("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),o("polyline",{points:"14 2 14 8 20 8"}),o("line",{x1:"16",y1:"13",x2:"8",y2:"13"}),o("line",{x1:"16",y1:"17",x2:"8",y2:"17"}),o("polyline",{points:"10 9 9 9 8 9"})]})}),t("div",{className:"ihub-uploader-file-details",children:[o("p",{className:"ihub-uploader-file-name",children:j.name}),o("p",{className:"ihub-uploader-file-size",children:oe(j.size)})]})]}),"uploading"===J&&o("div",{className:"ihub-uploader-progress",children:o("div",{className:"ihub-uploader-progress-bar",style:{width:"".concat(V,"%")},children:t("span",{className:"ihub-uploader-progress-text",children:[V,"%"]})})}),t("div",{className:"ihub-uploader-actions",children:["idle"===J&&t(i,{children:[o("button",{className:"ihub-uploader-upload-btn ihub-important-btn",onClick:ae,children:"Upload"}),o("button",{className:"ihub-uploader-cancel-btn outlined-btn",onClick:le,children:"Cancel"})]}),"uploading"===J&&o("button",{className:"ihub-uploader-cancel-btn outlined-btn",onClick:le,children:"Cancel"}),"success"===J&&t("div",{className:"ihub-uploader-success",children:[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[o("path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14"}),o("polyline",{points:"22 4 12 14.01 9 11.01"})]}),o("span",{children:"Upload Complete"})]}),"error"===J&&t(i,{children:[o("button",{className:"ihub-uploader-retry-btn ihub-important-btn",onClick:ae,children:"Retry"}),o("button",{className:"ihub-uploader-cancel-btn outlined-btn",onClick:le,children:"Cancel"})]})]})]}),ne&&t("div",{className:"ihub-uploader-error",children:[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[o("circle",{cx:"12",cy:"12",r:"10"}),o("line",{x1:"12",y1:"8",x2:"12",y2:"12"}),o("line",{x1:"12",y1:"16",x2:"12.01",y2:"16"})]}),o("span",{children:ne})]})]})]})}export{v as default};
 //# sourceMappingURL=IhubFileUploader.js.map

package/dist/src/components/lib/auth/actions.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("next-auth/react"),r=require("next/navigation"),t=function(){var n=e.asyncToGenerator(e.regeneratorRuntime().mark((function n(){var r;return e.regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:"undefined"!=typeof window&&(r=encodeURIComponent(window.location.href),window.location.href="".concat(window.location.origin,"/auth/login?callbackUrl=").concat(r));case 1:case"end":return e.stop()}}),n)})));return function(){return n.apply(this,arguments)}}(),o=function(){var n=e.asyncToGenerator(e.regeneratorRuntime().mark((function n(){var t;return e.regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:"undefined"!=typeof window&&(t=encodeURIComponent(window.location.href),r.useRouter().push("/auth/signup?callbackUrl=".concat(t)));case 1:case"end":return e.stop()}}),n)})));return function(){return n.apply(this,arguments)}}(),a=function(){var r=e.asyncToGenerator(e.regeneratorRuntime().mark((function r(){return e.regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if("undefined"==typeof window){e.next=4;break}return e.next=3,n.signOut({redirect:!1});case 3:window.location.reload();case 4:case"end":return e.stop()}}),r)})));return function(){return r.apply(this,arguments)}}();exports.login=t,exports.logout=a,exports.signup=o;
+import{asyncToGenerator as r,regeneratorRuntime as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{signOut as n}from"next-auth/react";import"next/navigation";var t=function(){var t=r(e().mark((function r(){return e().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if("undefined"==typeof window){r.next=4;break}return r.next=3,n({redirect:!1});case 3:window.location.reload();case 4:case"end":return r.stop()}}),r)})));return function(){return t.apply(this,arguments)}}();export{t as logout};
 //# sourceMappingURL=actions.js.map

package/dist/src/components/lib/auth/dbRequestst.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("../helpFunction.js"),r={path:"",data:null,token:null,method:"GET",type:null,channel:""};function n(e){return a.apply(this,arguments)}function a(){return(a=e.asyncToGenerator(e.regeneratorRuntime().mark((function n(a){var u,o,c,s;return e.regeneratorRuntime().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return u=e.objectSpread2(e.objectSpread2({},r),a),n.prev=1,o=t.API_HOST_URL+u.path,c=t.reqOptions(u.method||"GET",u.data,u.token,u.type||null,u.channel),n.next=6,fetch(o,c);case 6:if(401!==(s=n.sent).status&&403!==s.status){n.next=9;break}return n.abrupt("return",{detail:"Unauthorized"});case 9:if(404!==s.status){n.next=11;break}return n.abrupt("return",{detail:"Not found."});case 11:return n.next=13,s.json();case 13:return n.abrupt("return",n.sent);case 16:throw n.prev=16,n.t0=n.catch(1),console.error(n.t0),new Error("Couldn't fetch data from ".concat(u.path));case 20:case"end":return n.stop()}}),n,null,[[1,16]])})))).apply(this,arguments)}function u(){return(u=e.asyncToGenerator(e.regeneratorRuntime().mark((function r(a){var u,o;return e.regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return u=t.extractSubDomain(a)||{field:"",value:""},o={path:"channels/".concat(u.field,"/").concat(u.value,"/")},e.next=4,n(o);case 4:return e.abrupt("return",e.sent);case 5:case"end":return e.stop()}}),r)})))).apply(this,arguments)}exports.getChannel=function(e){return u.apply(this,arguments)},exports.getData=n;
+import{asyncToGenerator as t,regeneratorRuntime as e,objectSpread2 as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{reqOptions as n,extractSubDomain as a,API_HOST_URL as u}from"../helpFunction.js";var o={host_url:u,path:"",data:null,token:null,method:"GET",type:null,channel:""};function s(t){return c.apply(this,arguments)}function c(){return(c=t(e().mark((function t(a){var u,s,c,l;return e().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return u=r(r({},o),a),t.prev=1,s=u.host_url+u.path,c=n(u.method||"GET",u.data,u.token,u.type||null,u.channel),t.next=6,fetch(s,c);case 6:if(401!==(l=t.sent).status&&403!==l.status){t.next=9;break}return t.abrupt("return",{detail:"Unauthorized"});case 9:if(404!==l.status){t.next=11;break}return t.abrupt("return",{detail:"Not found."});case 11:return t.next=13,l.json();case 13:return t.abrupt("return",t.sent);case 16:throw t.prev=16,t.t0=t.catch(1),console.error(t.t0),new Error("Couldn't fetch data from ".concat(u.path));case 20:case"end":return t.stop()}}),t,null,[[1,16]])})))).apply(this,arguments)}function l(t){return p.apply(this,arguments)}function p(){return(p=t(e().mark((function t(r){var n,u;return e().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n=a(r)||{field:"",value:""},u={path:"channels/".concat(n.field,"/").concat(n.value,"/")},t.next=4,s(u);case 4:return t.abrupt("return",t.sent);case 5:case"end":return t.stop()}}),t)})))).apply(this,arguments)}export{l as getChannel,s as getData};
 //# sourceMappingURL=dbRequestst.js.map

package/dist/src/components/lib/auth/dbRequestst.js.map

@@ -1 +1 @@
-{"version":3,"file":"dbRequestst.js","sources":["../../../../../src/components/lib/auth/dbRequestst.ts"],"sourcesContent":["import { extractSubDomain, reqOptions, API_HOST_URL } from \"../helpFunction\";\r\n\r\n// Define interfaces for parameters\r\ninterface RequestParams {\r\n  path: string;\r\n  data?: any;\r\n  token?: string | null;\r\n  method?: \"GET\" | \"POST\" | \"PUT\" | \"DELETE\" | \"PATCH\";\r\n  type?: \"json\" | \"form-data\" | null | false;\r\n  channel?: string;\r\n}\r\n\r\ninterface DomainObjects {\r\n  field: string;\r\n  value: string;\r\n}\r\n\r\n// Default parameters with proper types\r\nconst defaultParams: RequestParams = {\r\n  path: \"\",\r\n  data: null,\r\n  token: null,\r\n  method: \"GET\",\r\n  type: null,\r\n  channel: \"\",\r\n};\r\n\r\n/**\r\n * Fetches data from the API\r\n * @param params Request parameters\r\n * @returns Promise with the response data\r\n */\r\nexport async function getData(params: Partial<RequestParams>): Promise<any> {\r\n  const _par: RequestParams = { ...defaultParams, ...params };\r\n\r\n  try {\r\n    // Get the initial course list belonging to a channel..\r\n    const endpoint = API_HOST_URL + _par.path;\r\n    const options = reqOptions(\r\n      _par.method || \"GET\",\r\n      _par.data,\r\n      _par.token,\r\n      _par.type || null,\r\n      _par.channel\r\n    );\r\n    const response = await fetch(endpoint, options);\r\n\r\n    if (response.status === 401 || response.status === 403) {\r\n      return { detail: \"Unauthorized\" };\r\n    }\r\n\r\n    if (response.status === 404) return { detail: \"Not found.\" };\r\n\r\n    return await response.json();\r\n  } catch (e) {\r\n    console.error(e);\r\n    throw new Error(`Couldn't fetch data from ${_par.path}`);\r\n  }\r\n}\r\n\r\n/**\r\n * Gets channel information based on host\r\n * @param host The hostname to extract subdomain from\r\n * @returns Promise with channel data\r\n */\r\nexport async function getChannel(host: string): Promise<any> {\r\n  const domainObjects: DomainObjects = extractSubDomain(host) || {\r\n    field: \"\",\r\n    value: \"\",\r\n  };\r\n  const funcParams: RequestParams = {\r\n    path: `channels/${domainObjects.field}/${domainObjects.value}/`,\r\n  };\r\n  return await getData(funcParams);\r\n}\r\n"],"names":["defaultParams","path","data","token","method","type","channel","getData","_x","_getData","apply","this","arguments","_asyncToGenerator","asyncToGenerator","_regeneratorRuntime","regeneratorRuntime","mark","_callee","params","_par","endpoint","options","response","wrap","_context","prev","next","_objectSpread","objectSpread2","API_HOST_URL","reqOptions","fetch","sent","status","abrupt","detail","json","t0","console","error","Error","concat","stop","_getChannel","_callee2","host","domainObjects","funcParams","_context2","extractSubDomain","field","value","getChannel","_x2"],"mappings":"uKAkBMA,EAA+B,CACnCC,KAAM,GACNC,KAAM,KACNC,MAAO,KACPC,OAAQ,MACRC,KAAM,KACNC,QAAS,IAQWC,SAAAA,EAAOC,GAAA,OAAAC,EAAAC,MAAAC,KAAAC,UAAA,CA4B7B,SAAAH,IAFC,OAEDA,EAAAI,EAAAC,iBAAAC,EAAAC,qBAAAC,MA5BO,SAAAC,EAAuBC,GAA8B,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,OAAAR,EAAAC,qBAAAQ,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAYvD,OAXGP,EAAIQ,EAAAC,cAAAD,EAAAC,cAAuB7B,CAAAA,EAAAA,GAAkBmB,GAAMM,EAAAC,KAAA,EAIjDL,EAAWS,EAAAA,aAAeV,EAAKnB,KAC/BqB,EAAUS,EAAUA,WACxBX,EAAKhB,QAAU,MACfgB,EAAKlB,KACLkB,EAAKjB,MACLiB,EAAKf,MAAQ,KACbe,EAAKd,SACNmB,EAAAE,KAAA,EACsBK,MAAMX,EAAUC,GAAQ,KAAA,EAAjC,GAEU,OAFlBC,EAAQE,EAAAQ,MAEDC,QAAsC,MAApBX,EAASW,OAAc,CAAAT,EAAAE,KAAA,EAAA,KAAA,CAAA,OAAAF,EAAAU,OAC7C,SAAA,CAAEC,OAAQ,iBAAgB,KAAA,EAAA,GAGX,MAApBb,EAASW,OAAc,CAAAT,EAAAE,KAAA,GAAA,KAAA,CAAA,OAAAF,EAAAU,OAAS,SAAA,CAAEC,OAAQ,eAAc,KAAA,GAAA,OAAAX,EAAAE,KAAA,GAE/CJ,EAASc,OAAM,KAAA,GAAA,OAAAZ,EAAAU,OAAAV,SAAAA,EAAAQ,MAAA,KAAA,GAEX,MAFWR,EAAAC,KAAA,GAAAD,EAAAa,GAAAb,EAAA,MAAA,GAE5Bc,QAAQC,MAAKf,EAAAa,IACP,IAAIG,MAAKC,4BAAAA,OAA6BtB,EAAKnB,OAAO,KAAA,GAAA,IAAA,MAAA,OAAAwB,EAAAkB,OAAA,GAAAzB,EAAA,KAAA,CAAA,CAAA,EAAA,KAE3D,MAAAR,MAAAC,KAAAC,UAAA,CAgBA,SAAAgC,IAAA,OAAAA,EAAA/B,EAAAC,iBAAAC,EAAAC,qBAAAC,MATM,SAAA4B,EAA0BC,GAAY,IAAAC,EAAAC,EAAA,OAAAjC,EAAAC,qBAAAQ,MAAA,SAAAyB,GAAA,cAAAA,EAAAvB,KAAAuB,EAAAtB,MAAA,KAAA,EAO1C,OANKoB,EAA+BG,EAAAA,iBAAiBJ,IAAS,CAC7DK,MAAO,GACPC,MAAO,IAEHJ,EAA4B,CAChC/C,KAAI,YAAAyC,OAAcK,EAAcI,MAAK,KAAAT,OAAIK,EAAcK,MAAK,MAC7DH,EAAAtB,KAAA,EACYpB,EAAQyC,GAAW,KAAA,EAAA,OAAAC,EAAAd,OAAAc,SAAAA,EAAAhB,MAAA,KAAA,EAAA,IAAA,MAAA,OAAAgB,EAAAN,OAAA,GAAAE,EACjC,MAAAnC,MAAAC,KAAAC,UAAA,oBATqByC,SAAUC,GAAA,OAAAV,EAAAlC,MAAAC,KAAAC,UAAA"}
+{"version":3,"file":"dbRequestst.js","sources":["../../../../../src/components/lib/auth/dbRequestst.ts"],"sourcesContent":["import _ from \"lodash\";\r\nimport { extractSubDomain, reqOptions, API_HOST_URL } from \"../helpFunction\";\r\n\r\n// Define interfaces for parameters\r\ninterface RequestParams {\r\n  host_url?: string;\r\n  path: string;\r\n  data?: any;\r\n  token?: string | null;\r\n  method?: \"GET\" | \"POST\" | \"PUT\" | \"DELETE\" | \"PATCH\";\r\n  type?: \"json\" | \"form-data\" | null | false;\r\n  channel?: string;\r\n}\r\n\r\ninterface DomainObjects {\r\n  field: string;\r\n  value: string;\r\n}\r\n\r\n// Default parameters with proper types\r\nconst defaultParams: RequestParams = {\r\n  host_url: API_HOST_URL,\r\n  path: \"\",\r\n  data: null,\r\n  token: null,\r\n  method: \"GET\",\r\n  type: null,\r\n  channel: \"\",\r\n};\r\n\r\n/**\r\n * Fetches data from the API\r\n * @example\r\n * ```ts\r\n * const data = await getData({ path: \"/api/data\", token: \"your_token\" });\r\n * ```\r\n * @param params Request parameters\r\n * @param params.host_url The host url to use for the request (optional)\r\n * @param params.path The path to the API endpoint (required) eg. \"sis/${handle}/student/\"\r\n * @param params.token The token to use for the request (optional)\r\n * @param params.method The method to use for the request (optional)\r\n * @param params.type The type of the request (optional)\r\n * @param params.channel The channel to use for the request (optional)\r\n * @returns Promise with the response data\r\n */\r\nexport async function getData(params: Partial<RequestParams>): Promise<any> {\r\n  const _par: RequestParams = { ...defaultParams, ...params };\r\n\r\n  try {\r\n    // Get the initial course list belonging to a channel..\r\n    const endpoint = _par.host_url + _par.path;\r\n    const options = reqOptions(\r\n      _par.method || \"GET\",\r\n      _par.data,\r\n      _par.token,\r\n      _par.type || null,\r\n      _par.channel\r\n    );\r\n    const response = await fetch(endpoint, options);\r\n\r\n    if (response.status === 401 || response.status === 403) {\r\n      return { detail: \"Unauthorized\" };\r\n    }\r\n\r\n    if (response.status === 404) return { detail: \"Not found.\" };\r\n\r\n    return await response.json();\r\n  } catch (e) {\r\n    console.error(e);\r\n    throw new Error(`Couldn't fetch data from ${_par.path}`);\r\n  }\r\n}\r\n\r\n/**\r\n * Gets channel information based on host\r\n * @param host The hostname to extract subdomain from\r\n * @returns Promise with channel data\r\n */\r\nexport async function getChannel(host: string): Promise<any> {\r\n  const domainObjects: DomainObjects = extractSubDomain(host) || {\r\n    field: \"\",\r\n    value: \"\",\r\n  };\r\n  const funcParams: RequestParams = {\r\n    path: `channels/${domainObjects.field}/${domainObjects.value}/`,\r\n  };\r\n  return await getData(funcParams);\r\n}\r\n"],"names":["defaultParams","host_url","API_HOST_URL","path","data","token","method","type","channel","getData","_x","_getData","apply","this","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee","params","_par","endpoint","options","response","wrap","_context","prev","next","_objectSpread","reqOptions","fetch","sent","status","abrupt","detail","json","t0","console","error","Error","concat","stop","getChannel","_x2","_getChannel","_callee2","host","domainObjects","funcParams","_context2","extractSubDomain","field","value"],"mappings":"wNAoBA,IAAMA,EAA+B,CACnCC,SAAUC,EACVC,KAAM,GACNC,KAAM,KACNC,MAAO,KACPC,OAAQ,MACRC,KAAM,KACNC,QAAS,IAkBWC,SAAAA,EAAOC,GAAA,OAAAC,EAAAC,MAAAC,KAAAC,UAAA,CA4B7B,SAAAH,IAFC,OAEDA,EAAAI,EAAAC,IAAAC,MA5BO,SAAAC,EAAuBC,GAA8B,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,OAAAP,IAAAQ,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAYvD,OAXGP,EAAIQ,EAAAA,EAAuB5B,CAAAA,EAAAA,GAAkBmB,GAAMM,EAAAC,KAAA,EAIjDL,EAAWD,EAAKnB,SAAWmB,EAAKjB,KAChCmB,EAAUO,EACdT,EAAKd,QAAU,MACfc,EAAKhB,KACLgB,EAAKf,MACLe,EAAKb,MAAQ,KACba,EAAKZ,SACNiB,EAAAE,KAAA,EACsBG,MAAMT,EAAUC,GAAQ,KAAA,EAAjC,GAEU,OAFlBC,EAAQE,EAAAM,MAEDC,QAAsC,MAApBT,EAASS,OAAc,CAAAP,EAAAE,KAAA,EAAA,KAAA,CAAA,OAAAF,EAAAQ,OAC7C,SAAA,CAAEC,OAAQ,iBAAgB,KAAA,EAAA,GAGX,MAApBX,EAASS,OAAc,CAAAP,EAAAE,KAAA,GAAA,KAAA,CAAA,OAAAF,EAAAQ,OAAS,SAAA,CAAEC,OAAQ,eAAc,KAAA,GAAA,OAAAT,EAAAE,KAAA,GAE/CJ,EAASY,OAAM,KAAA,GAAA,OAAAV,EAAAQ,OAAAR,SAAAA,EAAAM,MAAA,KAAA,GAEX,MAFWN,EAAAC,KAAA,GAAAD,EAAAW,GAAAX,EAAA,MAAA,GAE5BY,QAAQC,MAAKb,EAAAW,IACP,IAAIG,MAAKC,4BAAAA,OAA6BpB,EAAKjB,OAAO,KAAA,GAAA,IAAA,MAAA,OAAAsB,EAAAgB,OAAA,GAAAvB,EAAA,KAAA,CAAA,CAAA,EAAA,KAE3D,MAAAN,MAAAC,KAAAC,UAAA,CAOqB4B,SAAAA,EAAUC,GAAA,OAAAC,EAAAhC,MAAAC,KAAAC,UAAA,CAS/B,SAAA8B,IAAA,OAAAA,EAAA7B,EAAAC,IAAAC,MATM,SAAA4B,EAA0BC,GAAY,IAAAC,EAAAC,EAAA,OAAAhC,IAAAQ,MAAA,SAAAyB,GAAA,cAAAA,EAAAvB,KAAAuB,EAAAtB,MAAA,KAAA,EAO1C,OANKoB,EAA+BG,EAAiBJ,IAAS,CAC7DK,MAAO,GACPC,MAAO,IAEHJ,EAA4B,CAChC7C,KAAI,YAAAqC,OAAcO,EAAcI,MAAK,KAAAX,OAAIO,EAAcK,MAAK,MAC7DH,EAAAtB,KAAA,EACYlB,EAAQuC,GAAW,KAAA,EAAA,OAAAC,EAAAhB,OAAAgB,SAAAA,EAAAlB,MAAA,KAAA,EAAA,IAAA,MAAA,OAAAkB,EAAAR,OAAA,GAAAI,EACjC,MAAAjC,MAAAC,KAAAC,UAAA"}

package/dist/src/components/lib/charts.js

@@ -0,0 +1,2 @@
+import{slicedToArray as e,toConsumableArray as t,objectSpread2 as a,defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";var n=function(t,a){return t.map((function(t){var r={name:"",value:0};return Object.entries(a).forEach((function(a){var n=e(a,2),c=n[0],o=n[1];t.hasOwnProperty(c)&&(r[o]=t[c])})),r}))},c=function(a,r,n){var c=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"sum",o={};return a.forEach((function(e){var t=String(e[r]||"Unknown"),a=Number(e[n]||0);o[t]||(o[t]=[]),o[t].push(a)})),Object.entries(o).map((function(a){var r=e(a,2),n=r[0],o=r[1],i=0;switch(c){case"sum":i=o.reduce((function(e,t){return e+t}),0);break;case"avg":i=o.reduce((function(e,t){return e+t}),0)/o.length;break;case"max":i=Math.max.apply(Math,t(o));break;case"min":i=Math.min.apply(Math,t(o))}return{name:n,value:i}}))},o=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"full";return e.map((function(e){var c,o=new Date(e[t]);switch(n){case"month":c=o.toLocaleString("default",{month:"short"});break;case"day":c=o.toLocaleString("default",{day:"2-digit"});break;case"year":c=o.getFullYear().toString();break;case"time":c=o.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"});break;case"month-year":c=o.toLocaleString("default",{month:"short",year:"numeric"});break;default:c=o.toLocaleDateString()}return a(a({},e),{},r({},t,c))}))},i=function(e,t,r){for(var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},c=[],o=new Date(e);o<=t;){var i=void 0;switch(r){case"day":i=o.toLocaleDateString();break;case"week":var u=new Date(o.getFullYear(),0,1),l=(o.getTime()-u.getTime())/864e5,s=Math.ceil((l+u.getDay()+1)/7);i="Week ".concat(s,", ").concat(o.getFullYear());break;case"month":i=o.toLocaleString("default",{month:"short",year:"numeric"});break;case"year":i=o.getFullYear().toString()}var h=a({name:i,value:0,date:new Date(o)},n);switch(c.push(h),r){case"day":o.setDate(o.getDate()+1);break;case"week":o.setDate(o.getDate()+7);break;case"month":o.setMonth(o.getMonth()+1);break;case"year":o.setFullYear(o.getFullYear()+1)}}return c},u=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return e>=1e3&&e<1e6?"".concat(t).concat((e/1e3).toFixed(1),"k").concat(a):e>=1e6?"".concat(t).concat((e/1e6).toFixed(1),"M").concat(a):e%1!=0?"".concat(t).concat(e.toFixed(1)).concat(a):"".concat(t).concat(e).concat(a)},l=function(e,t){return 0===t?e>0?100:0:(e-t)/Math.abs(t)*100},s=function(e){for(var t=["#00838f","#bc658d","#69779b","#00c5a2","#756c83","#432160","#415b90","#314a52","#a03c78","#6f539b","#3c5186","#0fabbc"],a=[],r=0;r<e;r++)a.push(t[r%t.length]);return a};export{l as calculatePercentageChange,i as createTimeSeriesTemplate,u as formatChartValue,o as formatDateForChart,s as generateChartColors,c as groupAndAggregateData,n as transformChartData};
+//# sourceMappingURL=charts.js.map

package/dist/src/components/lib/charts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts.js","sources":["../../../../src/components/lib/charts.ts"],"sourcesContent":["import { ChartDataPointType } from \"@/types/charts\";\r\n\r\n/**\r\n * Formats a number for display in charts\r\n * @param value The number to format\r\n * @param prefix Optional prefix (e.g. '\r\n\r\n/**\r\n * Transforms raw data for use in charts\r\n * @param data Raw data array\r\n * @param keyMap Mapping of source keys to destination keys\r\n * @returns Transformed data array\r\n */\r\nexport const transformChartData = <T extends Record<string, any>>(\r\n  data: T[],\r\n  keyMap: Record<string, string>\r\n): ChartDataPointType[] => {\r\n  return data.map((item) => {\r\n    const transformedItem: ChartDataPointType = { name: \"\", value: 0 };\r\n\r\n    // Map keys according to the provided keyMap\r\n    Object.entries(keyMap).forEach(([sourceKey, targetKey]) => {\r\n      if (item.hasOwnProperty(sourceKey)) {\r\n        transformedItem[targetKey] = item[sourceKey];\r\n      }\r\n    });\r\n\r\n    return transformedItem;\r\n  });\r\n};\r\n\r\n/**\r\n * Groups data by a specified key and aggregates values\r\n * @param data Array of data points\r\n * @param groupByKey Key to group by\r\n * @param valueKey Key containing values to aggregate\r\n * @param aggregationType Type of aggregation to perform\r\n * @returns Grouped and aggregated data\r\n */\r\nexport const groupAndAggregateData = <T extends Record<string, any>>(\r\n  data: T[],\r\n  groupByKey: string,\r\n  valueKey: string,\r\n  aggregationType: \"sum\" | \"avg\" | \"max\" | \"min\" = \"sum\"\r\n): ChartDataPointType[] => {\r\n  // Group the data\r\n  const groupedData: Record<string, number[]> = {};\r\n\r\n  data.forEach((item) => {\r\n    const groupValue = String(item[groupByKey] || \"Unknown\");\r\n    const value = Number(item[valueKey] || 0);\r\n\r\n    if (!groupedData[groupValue]) {\r\n      groupedData[groupValue] = [];\r\n    }\r\n\r\n    groupedData[groupValue].push(value);\r\n  });\r\n\r\n  // Aggregate the values in each group\r\n  return Object.entries(groupedData).map(([name, values]) => {\r\n    let value = 0;\r\n\r\n    switch (aggregationType) {\r\n      case \"sum\":\r\n        value = values.reduce((sum, val) => sum + val, 0);\r\n        break;\r\n      case \"avg\":\r\n        value = values.reduce((sum, val) => sum + val, 0) / values.length;\r\n        break;\r\n      case \"max\":\r\n        value = Math.max(...values);\r\n        break;\r\n      case \"min\":\r\n        value = Math.min(...values);\r\n        break;\r\n    }\r\n\r\n    return { name, value };\r\n  });\r\n};\r\n\r\n/**\r\n * Formats date values for chart display\r\n * @param data Array of data points\r\n * @param dateKey Key containing date values\r\n * @param format Format to convert date to ('month', 'day', 'year', 'time', etc.)\r\n * @returns Data with formatted date values\r\n */\r\nexport const formatDateForChart = <T extends Record<string, any>>(\r\n  data: T[],\r\n  dateKey: string,\r\n  format: \"month\" | \"day\" | \"year\" | \"full\" | \"time\" | \"month-year\" = \"full\"\r\n): T[] => {\r\n  return data.map((item) => {\r\n    const date = new Date(item[dateKey]);\r\n    let formattedDate: string;\r\n\r\n    switch (format) {\r\n      case \"month\":\r\n        formattedDate = date.toLocaleString(\"default\", { month: \"short\" });\r\n        break;\r\n      case \"day\":\r\n        formattedDate = date.toLocaleString(\"default\", { day: \"2-digit\" });\r\n        break;\r\n      case \"year\":\r\n        formattedDate = date.getFullYear().toString();\r\n        break;\r\n      case \"time\":\r\n        formattedDate = date.toLocaleTimeString([], {\r\n          hour: \"2-digit\",\r\n          minute: \"2-digit\",\r\n        });\r\n        break;\r\n      case \"month-year\":\r\n        formattedDate = date.toLocaleString(\"default\", {\r\n          month: \"short\",\r\n          year: \"numeric\",\r\n        });\r\n        break;\r\n      case \"full\":\r\n      default:\r\n        formattedDate = date.toLocaleDateString();\r\n        break;\r\n    }\r\n\r\n    return { ...item, [dateKey]: formattedDate };\r\n  });\r\n};\r\n\r\n/**\r\n * Creates a data series from a time range with optional default values\r\n * @param startDate Start date of the range\r\n * @param endDate End date of the range\r\n * @param interval Time interval between points ('day', 'week', 'month', 'year')\r\n * @param defaultValues Default values for each data point\r\n * @returns Array of data points covering the time range\r\n */\r\nexport const createTimeSeriesTemplate = (\r\n  startDate: Date,\r\n  endDate: Date,\r\n  interval: \"day\" | \"week\" | \"month\" | \"year\",\r\n  defaultValues: Record<string, any> = {}\r\n): ChartDataPointType[] => {\r\n  const result: ChartDataPointType[] = [];\r\n  const current = new Date(startDate);\r\n\r\n  while (current <= endDate) {\r\n    let name: string;\r\n\r\n    switch (interval) {\r\n      case \"day\":\r\n        name = current.toLocaleDateString();\r\n        break;\r\n      case \"week\":\r\n        // Get the week number\r\n        const firstDayOfYear = new Date(current.getFullYear(), 0, 1);\r\n        const pastDaysOfYear =\r\n          (current.getTime() - firstDayOfYear.getTime()) / 86400000;\r\n        const weekNum = Math.ceil(\r\n          (pastDaysOfYear + firstDayOfYear.getDay() + 1) / 7\r\n        );\r\n        name = `Week ${weekNum}, ${current.getFullYear()}`;\r\n        break;\r\n      case \"month\":\r\n        name = current.toLocaleString(\"default\", {\r\n          month: \"short\",\r\n          year: \"numeric\",\r\n        });\r\n        break;\r\n      case \"year\":\r\n        name = current.getFullYear().toString();\r\n        break;\r\n    }\r\n\r\n    // Create data point with default values\r\n    const dataPoint: ChartDataPointType = {\r\n      name,\r\n      value: 0,\r\n      date: new Date(current),\r\n      ...defaultValues,\r\n    };\r\n\r\n    result.push(dataPoint);\r\n\r\n    // Increment the date\r\n    switch (interval) {\r\n      case \"day\":\r\n        current.setDate(current.getDate() + 1);\r\n        break;\r\n      case \"week\":\r\n        current.setDate(current.getDate() + 7);\r\n        break;\r\n      case \"month\":\r\n        current.setMonth(current.getMonth() + 1);\r\n        break;\r\n      case \"year\":\r\n        current.setFullYear(current.getFullYear() + 1);\r\n        break;\r\n    }\r\n  }\r\n\r\n  return result;\r\n};\r\n\r\n/*\r\n * @param suffix Optional suffix (e.g. '%')\r\n * @returns Formatted number as string\r\n */\r\nexport const formatChartValue = (\r\n  value: number,\r\n  prefix: string = \"\",\r\n  suffix: string = \"\"\r\n): string => {\r\n  // Handle thousands\r\n  if (value >= 1000 && value < 1000000) {\r\n    return `${prefix}${(value / 1000).toFixed(1)}k${suffix}`;\r\n  }\r\n\r\n  // Handle millions\r\n  if (value >= 1000000) {\r\n    return `${prefix}${(value / 1000000).toFixed(1)}M${suffix}`;\r\n  }\r\n\r\n  // Handle decimals\r\n  if (value % 1 !== 0) {\r\n    return `${prefix}${value.toFixed(1)}${suffix}`;\r\n  }\r\n\r\n  return `${prefix}${value}${suffix}`;\r\n};\r\n\r\n/**\r\n * Calculates the percentage change between two values\r\n * @param currentValue The current value\r\n * @param previousValue The previous value to compare against\r\n * @returns Percentage change as a number\r\n */\r\nexport const calculatePercentageChange = (\r\n  currentValue: number,\r\n  previousValue: number\r\n): number => {\r\n  if (previousValue === 0) return currentValue > 0 ? 100 : 0;\r\n\r\n  return ((currentValue - previousValue) / Math.abs(previousValue)) * 100;\r\n};\r\n\r\n/**\r\n * Generates colors from InstinctHub color palette\r\n * @param count Number of colors needed\r\n * @returns Array of color hex codes\r\n */\r\nexport const generateChartColors = (count: number): string[] => {\r\n  // InstinctHub color palette based on CSS variables\r\n  const colorPalette = [\r\n    \"#00838f\", // DarkCyan\r\n    \"#bc658d\", // TurkishRose\r\n    \"#69779b\", // Rhythm\r\n    \"#00c5a2\", // CaribbeanGreen\r\n    \"#756c83\", // OldLavender\r\n    \"#432160\", // AmericanPurple\r\n    \"#415b90\", // ChineseBlue\r\n    \"#314a52\", // DarkSlateGray\r\n    \"#a03c78\", // MaximumRedPurple\r\n    \"#6f539b\", // DarkLavender\r\n    \"#3c5186\", // MetallicBlue\r\n    \"#0fabbc\", // TiffanyBlue\r\n  ];\r\n\r\n  // If we need more colors than available, cycle through them\r\n  const result: string[] = [];\r\n  for (let i = 0; i < count; i++) {\r\n    result.push(colorPalette[i % colorPalette.length]);\r\n  }\r\n\r\n  return result;\r\n};\r\n"],"names":["transformChartData","data","keyMap","map","item","transformedItem","name","value","Object","entries","forEach","_ref","_ref2","_slicedToArray","sourceKey","targetKey","hasOwnProperty","groupAndAggregateData","groupByKey","valueKey","aggregationType","arguments","length","undefined","groupedData","groupValue","String","Number","push","_ref3","_ref4","values","reduce","sum","val","Math","max","apply","_toConsumableArray","min","formatDateForChart","dateKey","format","formattedDate","date","Date","toLocaleString","month","day","getFullYear","toString","toLocaleTimeString","hour","minute","year","toLocaleDateString","_objectSpread","_defineProperty","createTimeSeriesTemplate","startDate","endDate","interval","defaultValues","result","current","firstDayOfYear","pastDaysOfYear","getTime","weekNum","ceil","getDay","concat","dataPoint","setDate","getDate","setMonth","getMonth","setFullYear","formatChartValue","prefix","suffix","toFixed","calculatePercentageChange","currentValue","previousValue","abs","generateChartColors","count","colorPalette","i"],"mappings":"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"}

package/dist/src/components/lib/convertArrayToObject.js

@@ -0,0 +1,2 @@
+function e(e){return e.reduce((function(e,n){return e[n.id]=n,e}),{})}export{e as default};
+//# sourceMappingURL=convertArrayToObject.js.map

package/dist/src/components/lib/convertArrayToObject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertArrayToObject.js","sources":["../../../../src/components/lib/convertArrayToObject.ts"],"sourcesContent":["// Define the shape of each category item\r\ntype Category = {\r\n  id: string;\r\n  title: string;\r\n  status: boolean;\r\n};\r\n\r\n// Define the shape of the final object where keys are strings (the ids)\r\ntype CategoriesObject = {\r\n  [key: string]: Category;\r\n};\r\n\r\n/**\r\n * Converts an array of category objects into an object\r\n * where each key is the `id` of the category.\r\n * @example\r\n * ```ts\r\n * const categories = [\r\n *   { id: \"1\", title: \"Category 1\", status: true },\r\n *   { id: \"2\", title: \"Category 2\", status: false },\r\n * ];\r\n * const categoriesObject = convertArrayToObject(categories);\r\n * console.log(categoriesObject);\r\n * // Output:\r\n * {\r\n *   \"1\": { id: \"1\", title: \"Category 1\", status: true },\r\n *   \"2\": { id: \"2\", title: \"Category 2\", status: false },\r\n * }\r\n * ```\r\n * @param arr - Array of Category items\r\n * @returns An object with category ids as keys and category objects as values\r\n */\r\nexport default function convertArrayToObject(\r\n  arr: Category[]\r\n): CategoriesObject {\r\n  return arr.reduce((acc: CategoriesObject, item: Category) => {\r\n    acc[item.id] = item; // Use the item's id as the key\r\n    return acc;\r\n  }, {}); // Start with an empty object\r\n}\r\n"],"names":["convertArrayToObject","arr","reduce","acc","item","id"],"mappings":"AAgCwB,SAAAA,EACtBC,GAEA,OAAOA,EAAIC,QAAO,SAACC,EAAuBC,GAExC,OADAD,EAAIC,EAAKC,IAAMD,EACRD,CACR,GAAE,CAAE,EACP"}