@instincthub/react-ui 0.0.4 → 0.0.5

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ReadTermsAndCondition.js","sources":["../../../../src/components/forms/ReadTermsAndCondition.tsx"],"sourcesContent":["import Link from \"next/link\";\r\nimport { useState } from \"react\";\r\n\r\ninterface ReadTermsAndConditionProps {\r\n  names?: string;\r\n  setTermsStatus: (status: boolean) => void;\r\n}\r\n\r\nexport default function ReadTermsAndCondition({ names, setTermsStatus }: ReadTermsAndConditionProps) {\r\n  const [checked, setChecked] = useState<boolean>(false);\r\n  \r\n  const handleCheckboxClick = () => {\r\n    const newCheckedState = !checked;\r\n    setChecked(newCheckedState);\r\n    setTermsStatus(newCheckedState);\r\n  };\r\n\r\n  return (\r\n    <div className=\"ihub-react-terms\">\r\n      <p>\r\n        Please read and accept the{\" \"}\r\n        <Link href=\"https://instincthub.com/policies/terms-and-conditions\" className=\"ihub-link\">\r\n          terms and conditions\r\n        </Link>{\" \"}\r\n        before submitting this form. By submitting this form, you agree to comply with the terms and conditions.\r\n      </p>\r\n\r\n      <label htmlFor=\"id_accept_terms_and_conditions\" className=\"ihub-label-cbx\" onClick={handleCheckboxClick}>\r\n        <input\r\n          name={names}\r\n          id=\"id_accept_terms_and_conditions\"\r\n          type=\"checkbox\"\r\n          hidden\r\n          data-id=\"Seminars\"\r\n          value={checked ? \"true\" : \"false\"}\r\n          checked={checked}\r\n          readOnly\r\n        />\r\n        <div className=\"ihub-checkbox\">\r\n          <svg width=\"20px\" height=\"20px\" viewBox=\"0 0 20 20\">\r\n            <path d=\"M3,1 L17,1 L17,1 C18.1045695,1 19,1.8954305 19,3 L19,17 L19,17 C19,18.1045695 18.1045695,19 17,19 L3,19 L3,19 C1.8954305,19 1,18.1045695 1,17 L1,3 L1,3 C1,1.8954305 1.8954305,1 3,1 Z\"></path>\r\n            <polyline points=\"4 11 8 15 16 6\"></polyline>\r\n          </svg>\r\n        </div>\r\n        <span>Agree</span>\r\n      </label>\r\n    </div>\r\n  );\r\n}"],"names":["_ref","names","setTermsStatus","_useState","useState","_useState2","_slicedToArray","checked","setChecked","_jsxs","className","jsxs","children","_jsx","Link","href","htmlFor","onClick","newCheckedState","jsx","name","id","type","hidden","value","readOnly","width","height","viewBox","d","points"],"mappings":"gTAQwB,SAAqBA,GAAsD,IAAnDC,EAAKD,EAALC,MAAOC,EAAcF,EAAdE,eACrDC,EAA8BC,EAAQA,UAAU,GAAMC,EAAAC,EAAAA,cAAAH,EAAA,GAA/CI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAQ1B,OACEI,EAAAA,KAAK,MAAA,CAAAC,UAAU,6BACbD,EAC6BE,KAAA,IAAA,CAAAC,SAAA,CAAA,6BAAA,IAC3BC,EAAAA,IAACC,EAAAA,QAAI,CAACC,KAAK,wDAAwDL,UAAU,8CAErE,IAEN,8GAEJD,EAAOE,KAAA,QAAA,CAAAK,QAAQ,iCAAiCN,UAAU,iBAAiBO,QAhBnD,WAC1B,IAAMC,GAAmBX,EACzBC,EAAWU,GACXhB,EAAegB,IAcXN,SAAA,CAAAC,EAAAM,IAAA,QAAA,CACEC,KAAMnB,EACNoB,GAAG,iCACHC,KAAK,WACLC,QAAM,EAAA,UACE,WACRC,MAAOjB,EAAU,OAAS,QAC1BA,QAASA,EACTkB,UACA,IACFZ,EAAKM,IAAA,MAAA,CAAAT,UAAU,gBAAeE,SAC5BH,EAAKE,KAAA,MAAA,CAAAe,MAAM,OAAOC,OAAO,OAAOC,QAAQ,YACtChB,SAAA,CAAAC,EAAAM,IAAA,OAAA,CAAMU,EAAE,2LACRhB,EAAUM,IAAA,WAAA,CAAAW,OAAO,wBAGrBjB,EAAkBM,IAAA,OAAA,CAAAP,SAAA,eAI1B"}
+{"version":3,"file":"ReadTermsAndCondition.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SearchField.js","sources":["../../../../src/components/forms/SearchField.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { useRouter } from \"next/navigation\";\r\n\r\ninterface SearchFieldProps {\r\n  labels?: string;\r\n  setSearchValues?: (value: string) => void;\r\n}\r\n\r\nconst SearchField: React.FC<SearchFieldProps> = ({ labels, setSearchValues }) => {\r\n  const router = useRouter();\r\n\r\n  const handleUpdateQueryParam = (value: string): void => {\r\n    // Update the search params onChange\r\n    const query = new URLSearchParams(window.location.search);\r\n    query.set(\"search\", value);\r\n    \r\n    const newUrl = \r\n      window.location.pathname + \"?\" + query.toString() + \r\n      window.location.hash;\r\n      \r\n    router.replace(newUrl);\r\n  };\r\n\r\n  return (\r\n    <div className=\"ihub-search-field event-input\">\r\n      <div className=\"ihub-search-set\">\r\n        <div className=\"ihub-input-div\">\r\n          <svg \r\n            className=\"ihub-search-icon\" \r\n            width=\"20\" \r\n            height=\"20\" \r\n            viewBox=\"0 0 24 24\" \r\n            fill=\"none\" \r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n          >\r\n            <path \r\n              d=\"M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z\" \r\n              stroke=\"currentColor\" \r\n              strokeWidth=\"2\" \r\n              strokeLinecap=\"round\" \r\n              strokeLinejoin=\"round\"\r\n            />\r\n            <path \r\n              d=\"M21 21L16.65 16.65\" \r\n              stroke=\"currentColor\" \r\n              strokeWidth=\"2\" \r\n              strokeLinecap=\"round\" \r\n              strokeLinejoin=\"round\"\r\n            />\r\n          </svg>\r\n        </div>\r\n        <div>\r\n          <input\r\n            className=\"ihub-event-input\"\r\n            type=\"text\"\r\n            name=\"name\"\r\n            placeholder={`Search ${labels ? labels : \"Blog\"} ...`}\r\n            onChange={(e) => {\r\n              handleUpdateQueryParam(e.target.value);\r\n              setSearchValues && setSearchValues(e.target.value);\r\n            }}\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SearchField;"],"names":["_ref","labels","setSearchValues","router","useRouter","_jsx","className","children","_jsxs","jsxs","jsx","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","type","name","placeholder","concat","onChange","e","value","query","URLSearchParams","window","location","search","set","newUrl","pathname","toString","hash","replace","handleUpdateQueryParam","target"],"mappings":"oJAQgD,SAA/BA,GAA+D,IAA7BC,EAAMD,EAANC,OAAQC,EAAeF,EAAfE,gBACnDC,EAASC,EAAAA,YAcf,OACEC,EAAAA,IAAK,MAAA,CAAAC,UAAU,gCACbC,SAAAC,EAAAC,KAAA,MAAA,CAAKH,UAAU,kBAAiBC,SAAA,CAC9BF,EAAKK,IAAA,MAAA,CAAAJ,UAAU,iBACbC,SAAAC,EAAAC,KAAA,MAAA,CACEH,UAAU,mBACVK,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAENR,SAAA,CAAAF,EAAAK,IAAA,OAAA,CACEM,EAAE,oHACFC,OAAO,eACPC,YAAY,IACZC,cAAc,QACdC,eAAe,UAEjBf,EACEK,IAAA,OAAA,CAAAM,EAAE,qBACFC,OAAO,eACPC,YAAY,IACZC,cAAc,QACdC,eAAe,eAIrBf,EACEK,IAAA,MAAA,CAAAH,SAAAF,EAAAK,IAAA,QAAA,CACEJ,UAAU,mBACVe,KAAK,OACLC,KAAK,OACLC,YAAW,UAAAC,OAAYvB,GAAkB,OAAY,QACrDwB,SAAU,SAACC,IA9CU,SAACC,GAE9B,IAAMC,EAAQ,IAAIC,gBAAgBC,OAAOC,SAASC,QAClDJ,EAAMK,IAAI,SAAUN,GAEpB,IAAMO,EACJJ,OAAOC,SAASI,SAAW,IAAMP,EAAMQ,WACvCN,OAAOC,SAASM,KAElBlC,EAAOmC,QAAQJ,GAsCLK,CAAuBb,EAAEc,OAAOb,OAChCzB,GAAmBA,EAAgBwB,EAAEc,OAAOb,MAC9C,UAMZ"}
+{"version":3,"file":"SearchField.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

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

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

@@ -0,0 +1,2 @@
+import{slicedToArray as e,asyncToGenerator as n,regeneratorRuntime as r,typeof as i,toConsumableArray as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t,jsxs as c}from"react/jsx-runtime";import{memo as l,useState as o,useEffect as s,useCallback as u}from"react";import"next-auth/react";import"next/navigation";import{reqOptions as h,API_HOST_URL as m}from"../lib/helpFunction.js";import"../lib/utils.js";import d from"@mui/icons-material/SearchOutlined";import b from"@mui/icons-material/Check";import p from"@mui/icons-material/CloseOutlined";function f(l){var f=l.label,v=l.token,g=l.handle,N=l.setSelected,k=l.appLabel,x=l.modelName,y=l.filterChannel,C=void 0!==y&&y,_=l.limit_query,j=void 0===_?5:_,w=l.limit_select,E=void 0===w?0:w,T=l.key_name,S=void 0===T?"title":T,U=l.placeholder,q=void 0===U?"Search by Username or Email":U,A=l.searchUrl,D=l.selected,G=l.err,H=void 0!==G&&G,O=o(""),P=e(O,2),R=P[0],B=P[1],F=o([]),K=e(F,2),L=K[0],z=K[1],I=o(!1),J=e(I,2),M=J[0],Q=J[1],V=o(null),W=e(V,2),X=W[0],Y=W[1];s((function(){D&&D.length>0&&0===L.length&&z(D)}),[D]);var Z=u(n(r().mark((function e(){var n,i,a,t,c;return r().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return Q(!0),Y(null),n=h("GET",null,v),i=A?A.includes("/?")?"".concat(A,"&search=").concat(R):"".concat(A,"?search=").concat(R):k?"".concat(m,"channels/").concat(g,"/dynamic-search/?app_label=").concat(k,"&model_name=").concat(x,"&value=").concat(R,"&filter_channel=").concat(C):"".concat(m,"auth/").concat(g,"/search-user/").concat(R,"/?limit=").concat(j),e.prev=4,e.next=7,fetch(i,n);case 7:if((a=e.sent).ok){e.next=10;break}throw new Error("HTTP error ".concat(a.status));case 10:return e.next=12,a.json();case 12:t=e.sent,z(t.results||[]),e.next=22;break;case 16:e.prev=16,e.t0=e.catch(4),c=e.t0 instanceof Error?e.t0.message:"Unknown error occurred",console.error("Error fetching search results:",c),Y(c),z([]);case 22:return e.prev=22,Q(!1),e.finish(22);case 25:case"end":return e.stop()}}),e,null,[[4,16,22,25]])}))),[R,v,A,k,x,g,C,j]),$=u((function(e){"Enter"===e.key&&(e.preventDefault(),Z())}),[Z]),ee=u((function(){B(""),z([]),Y(null)}),[]),ne=u((function(e){return D.some((function(n){return("object"===i(n)?null==n?void 0:n.id:n)===((null==e?void 0:e.username)||(null==e?void 0:e.id))}))}),[D]),re=u((function(e){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=D.find((function(n){return n.id===e.id}));n?N(D.filter((function(n){return n.id!==e.id}))):!r&&(0===E||D.length<E)?N([].concat(a(D),[e])):1===E&&N([e])}),[D,N,E]);return t("div",{className:"ihub-react-search-container",children:c("div",{className:"ihub-react-search card",children:[f&&t("h4",{className:"ihub-fs-sm ihub-mt-2 ihub-mb-2",children:f}),c("div",{className:"ihub-search-input",children:[t("input",{type:"text",placeholder:q,onKeyDown:$,value:R,onChange:function(e){return B(e.target.value)},disabled:M}),c("div",{className:"ihub-search-icons",children:[R&&t(p,{onClick:ee,className:"ihub-search-icon ihub-close-icon"}),t(d,{onClick:Z,className:"ihub-search-icon ihub-search-button ".concat(M?"ihub-disabled":"")})]})]}),M&&t("div",{className:"ihub-loading",children:"Searching..."}),X&&t("div",{className:"ihub-search-error",children:X}),c("ul",{className:"ihub-search-results",children:[null==L?void 0:L.map((function(e,n){return c("li",{className:"ihub-search-result-item ihub-valid",onClick:function(){return re(e)},children:[ne(e)&&t(b,{className:"ihub-check-icon",style:{position:"relative",top:"5px",marginRight:"10px"}}),e[S]||e.title,ne(e)?t(p,{className:"ihub-delete-icon ihub-ml-auto",onClick:function(){return re(e,!0)}}):""]},"".concat(e.id||e.username||n))})),M||X||L.length||D.length?"":t("li",{className:"ihub-no-results",children:"No available options"})]}),H&&t("p",{className:"ihub-error",children:"This field is required"})]})})}var v=l(f);export{v as default};
+//# sourceMappingURL=SearchObjectsFromDB.js.map

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

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

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

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

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

@@ -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 t=function(t){return e("div",{className:t.name,children:[a("div",{className:"ihub-field",children:e("div",{className:"ihub-textarea-wrapper ".concat(t.defaultValue?"ihub-value":""),children:[a("textarea",{name:t.name,rows:t.rows,defaultValue:t.defaultValue,onChange:function(e){t.setValue&&t.setValue(e.target.value),t.onChange&&t.onChange(e),function(e){var a,t;e.target.value?null===(a=e.target.parentElement)||void 0===a||a.classList.add("ihub-value"):null===(t=e.target.parentElement)||void 0===t||t.classList.remove("ihub-value")}(e)},placeholder:t.placeholder,maxLength:void 0!==t.maxLength?Number(t.maxLength):void 0}),a("span",{className:"ihub-textarea-label",children:t.label})]})}),t.note&&a("p",{className:"ihub-input-notes",children:t.note})]})};export{t 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  rows?: number;\r\n  defaultValue?: string;\r\n  placeholder?: string;\r\n  maxLength?: number | string;\r\n  note?: 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 {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 {number | string} maxLength - The max length of the TextArea\r\n * @property {string} note - The note 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 className={`ihub-textarea-wrapper ${props.defaultValue ? \"ihub-value\" : \"\"}`}>\r\n          <textarea\r\n            name={props.name}\r\n            rows={props.rows}\r\n            defaultValue={props.defaultValue}\r\n            onChange={handleInput}\r\n            placeholder={props.placeholder}\r\n            maxLength={props.maxLength !== undefined ? Number(props.maxLength) : undefined}\r\n          ></textarea>\r\n          <span className=\"ihub-textarea-label\">{props.label}</span>\r\n        </div>\r\n      </div>\r\n      {props.note && <p className=\"ihub-input-notes\">{props.note}</p>}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default TextArea;"],"names":["TextArea","props","_jsxs","className","name","children","_jsx","concat","defaultValue","rows","onChange","e","setValue","target","value","_e$target$parentEleme","_e$target$parentEleme2","parentElement","classList","add","remove","showLabel","placeholder","maxLength","undefined","Number","label","note"],"mappings":"kDAqCA,IAAMA,EAAoC,SAACC,GAYzC,OACEC,EAAK,MAAA,CAAAC,UAAWF,EAAMG,KAAIC,SAAA,CACxBC,EAAK,MAAA,CAAAH,UAAU,sBACbD,EAAK,MAAA,CAAAC,UAAS,yBAAAI,OAA2BN,EAAMO,aAAe,aAAe,IAC3EH,SAAA,CAAAC,EAAA,WAAA,CACEF,KAAMH,EAAMG,KACZK,KAAMR,EAAMQ,KACZD,aAAcP,EAAMO,aACpBE,SAdU,SAACC,GACfV,EAAMW,UAAUX,EAAMW,SAASD,EAAEE,OAAOC,OACxCb,EAAMS,UAAUT,EAAMS,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,IAYFW,YAAarB,EAAMqB,YACnBC,eAA+BC,IAApBvB,EAAMsB,UAA0BE,OAAOxB,EAAMsB,gBAAaC,IAEvElB,EAAA,OAAA,CAAMH,UAAU,sBAAuBE,SAAAJ,EAAMyB,aAGhDzB,EAAM0B,MAAQrB,EAAG,IAAA,CAAAH,UAAU,mBAAoBE,SAAAJ,EAAM0B,SAG5D"}

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