@instincthub/react-ui 0.1.26 → 0.1.28

package/dist/src/components/status/MultiPurposeModal.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,typeof as t,objectSpread2 as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as r,jsx as o}from"react/jsx-runtime";import i,{useState as l,useRef as a,useCallback as c,useEffect as u,useMemo as s}from"react";import d from"@mui/icons-material/CloseOutlined";var m=i.memo((function(m){var h=m.isOpen,v=m.onClose,f=m.title,b=m.size,g=void 0===b?"medium":b,y=m.height,p=void 0===y?"70vh":y,C=m.children,S=m.showFooter,N=void 0!==S&&S,E=m.footerContent,T=m.showCloseButton,w=void 0===T||T,O=m.closeOnOverlayClick,k=void 0===O||O,A=m.className,R=void 0===A?"":A,F=m.disableScroll,P=void 0===F||F,B=m.handleSubmit,j=m.removeForm,x=void 0!==j&&j,z=m.enableContentRefresh,I=m.refreshStrategy,M=void 0===I?"smart":I,V=m.preserveScrollPosition,_=void 0===V||V,H=l(!1),L=e(H,2),U=L[0],X=L[1],q=l(0),D=e(q,2),G=D[0],J=D[1],K=l(0),Q=e(K,2),W=Q[0],Y=Q[1],Z=a(null),$=a(C),ee=a({}),te=!1===z?"none":!0===z?"aggressive":M,ne=c((function(e,n){return t(e)!==t(n)||(!e!=!n||(!(!Array.isArray(e)||!Array.isArray(n)||e.length===n.length)||!(!i.isValidElement(e)||!i.isValidElement(n)||e.type===n.type)))}),[]),re=c((function(){var e,t=document.activeElement;t&&null!==(e=Z.current)&&void 0!==e&&e.contains(t)&&(ee.current={id:t.id,value:t.value,selectionStart:t.selectionStart,selectionEnd:t.selectionEnd})}),[]),oe=c((function(){ee.current.id&&setTimeout((function(){var e=document.getElementById(ee.current.id);e&&(e.focus(),void 0!==ee.current.value&&"value"in e&&(e.value=ee.current.value,null!==ee.current.selectionStart&&void 0!==ee.current.selectionStart&&null!==ee.current.selectionEnd&&void 0!==ee.current.selectionEnd&&e.setSelectionRange(ee.current.selectionStart,ee.current.selectionEnd))),ee.current={}}),0)}),[]);u((function(){var e;if("none"!==te){var t=0,n=document.activeElement&&(null===(e=Z.current)||void 0===e?void 0:e.contains(document.activeElement))&&["INPUT","TEXTAREA","SELECT"].includes(document.activeElement.tagName);if(_&&Z.current&&(t=Z.current.scrollTop),"aggressive"===te)n&&re(),J((function(e){return e+1})),n&&oe();else if("smart"===te){ne($.current,C)&&!n&&Y((function(e){return e+1})),$.current=C}_&&t>0&&setTimeout((function(){Z.current&&(Z.current.scrollTop=t)}),0)}}),[C,te,_,ne,re,oe]),u((function(){var e;return h?(X(!0),P&&(document.body.style.overflow="hidden")):e=setTimeout((function(){X(!1),P&&(document.body.style.overflow="")}),300),function(){e&&clearTimeout(e),P&&(document.body.style.overflow="")}}),[h,P]);var ie=c((function(e){e.target===e.currentTarget&&k&&v()}),[k,v]),le=s((function(){return{small:"ihub-modal-small",medium:"ihub-modal-medium",large:"ihub-modal-large",full:"ihub-modal-full"}[g]}),[g]),ae=s((function(){return"ihub-modal-content ".concat(le," ").concat(R)}),[le,R]),ce=s((function(){return"ihub-modal ".concat(h?"ihub-modal-open":"ihub-modal-closing")}),[h]),ue=s((function(){return f||w?r("div",{className:"ihub-modal-header",children:[f&&o("h2",{id:"ihub-modal-title",className:"ihub-modal-title",children:f}),w&&o("button",{type:"button",className:"ihub-close-it",onClick:v,"aria-label":"Close modal",children:o(d,{})})]}):null}),[f,w,v]),se=s((function(){return N?o("div",{className:"ihub-modal-footer",children:E||r("div",{className:"ihub-buttons",children:[o("button",{className:"ihub-outlined-btn",onClick:v,type:"button",children:"Cancel"}),o("button",{className:"ihub-important-btn",type:B?"submit":"button",children:B?"Confirm":"Close"})]})}):null}),[N,E,v,B]);if(!U&&!h)return null;var de={ref:Z,className:"ihub-modal-body ihub-txt-modal",style:{height:p},key:function(){switch(te){case"none":default:return;case"smart":return W;case"aggressive":return G}}()};return o("div",{className:ce,onClick:ie,role:"dialog","aria-modal":"true","aria-labelledby":f?"ihub-modal-title":void 0,children:x?r("div",{className:ae,children:[ue,o("div",n(n({},de),{},{children:C})),se]}):o("form",{onSubmit:B,children:r("div",{className:ae,children:[ue,o("div",n(n({},de),{},{children:C})),se]})})})}),(function(e,n){if(e.isOpen!==n.isOpen)return!1;var r=!1===e.enableContentRefresh?"none":!0===e.enableContentRefresh?"aggressive":e.refreshStrategy||"smart",o=!1===n.enableContentRefresh?"none":!0===n.enableContentRefresh?"aggressive":n.refreshStrategy||"smart";if("none"===o);else if("smart"===o){if(e.children!==n.children&&t(e.children)!==t(n.children))return!1}else if("aggressive"===o&&e.children!==n.children)return!1;return e.footerContent===n.footerContent&&(e.title===n.title&&(e.size===n.size&&e.height===n.height&&e.showFooter===n.showFooter&&e.showCloseButton===n.showCloseButton&&e.closeOnOverlayClick===n.closeOnOverlayClick&&e.className===n.className&&e.disableScroll===n.disableScroll&&e.handleSubmit===n.handleSubmit&&e.removeForm===n.removeForm&&r===o&&e.preserveScrollPosition===n.preserveScrollPosition))}));m.displayName="MultiPurposeModal";export{m as default};
+import{slicedToArray as e,typeof as t,objectSpread2 as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as r,jsx as o}from"react/jsx-runtime";import i,{useState as l,useRef as a,useCallback as c,useEffect as u,useMemo as s}from"react";import d from"@mui/icons-material/CloseOutlined";var m=i.memo(function(m){var h=m.isOpen,v=m.onClose,f=m.title,b=m.size,g=void 0===b?"medium":b,y=m.height,p=void 0===y?"70vh":y,C=m.children,S=m.showFooter,N=void 0!==S&&S,E=m.footerContent,T=m.showCloseButton,w=void 0===T||T,O=m.closeOnOverlayClick,k=void 0===O||O,A=m.className,R=void 0===A?"":A,F=m.disableScroll,P=void 0===F||F,B=m.handleSubmit,j=m.removeForm,x=void 0!==j&&j,z=m.enableContentRefresh,I=m.refreshStrategy,M=void 0===I?"smart":I,V=m.preserveScrollPosition,_=void 0===V||V,H=l(!1),L=e(H,2),U=L[0],X=L[1],q=l(0),D=e(q,2),G=D[0],J=D[1],K=l(0),Q=e(K,2),W=Q[0],Y=Q[1],Z=a(null),$=a(C),ee=a({}),te=!1===z?"none":!0===z?"aggressive":M,ne=c(function(e,n){return t(e)!==t(n)||(!e!=!n||(!(!Array.isArray(e)||!Array.isArray(n)||e.length===n.length)||!(!i.isValidElement(e)||!i.isValidElement(n)||e.type===n.type)))},[]),re=c(function(){var e,t=document.activeElement;t&&null!==(e=Z.current)&&void 0!==e&&e.contains(t)&&(ee.current={id:t.id,value:t.value,selectionStart:t.selectionStart,selectionEnd:t.selectionEnd})},[]),oe=c(function(){ee.current.id&&setTimeout(function(){var e=document.getElementById(ee.current.id);e&&(e.focus(),void 0!==ee.current.value&&"value"in e&&(e.value=ee.current.value,null!==ee.current.selectionStart&&void 0!==ee.current.selectionStart&&null!==ee.current.selectionEnd&&void 0!==ee.current.selectionEnd&&e.setSelectionRange(ee.current.selectionStart,ee.current.selectionEnd))),ee.current={}},0)},[]);u(function(){var e;if("none"!==te){var t=0,n=document.activeElement&&(null===(e=Z.current)||void 0===e?void 0:e.contains(document.activeElement))&&["INPUT","TEXTAREA","SELECT"].includes(document.activeElement.tagName);if(_&&Z.current&&(t=Z.current.scrollTop),"aggressive"===te)n&&re(),J(function(e){return e+1}),n&&oe();else if("smart"===te){ne($.current,C)&&!n&&Y(function(e){return e+1}),$.current=C}_&&t>0&&setTimeout(function(){Z.current&&(Z.current.scrollTop=t)},0)}},[C,te,_,ne,re,oe]),u(function(){var e;return h?(X(!0),P&&(document.body.style.overflow="hidden")):e=setTimeout(function(){X(!1),P&&(document.body.style.overflow="")},300),function(){e&&clearTimeout(e),P&&(document.body.style.overflow="")}},[h,P]);var ie=c(function(e){e.target===e.currentTarget&&k&&v()},[k,v]),le=s(function(){return{small:"ihub-modal-small",medium:"ihub-modal-medium",large:"ihub-modal-large",full:"ihub-modal-full"}[g]},[g]),ae=s(function(){return"ihub-modal-content ".concat(le," ").concat(R)},[le,R]),ce=s(function(){return"ihub-modal ".concat(h?"ihub-modal-open":"ihub-modal-closing")},[h]),ue=s(function(){return f||w?r("div",{className:"ihub-modal-header",children:[f&&o("h2",{id:"ihub-modal-title",className:"ihub-modal-title",children:f}),w&&o("button",{type:"button",className:"ihub-close-it",onClick:v,"aria-label":"Close modal",children:o(d,{})})]}):null},[f,w,v]),se=s(function(){return N?o("div",{className:"ihub-modal-footer",children:E||r("div",{className:"ihub-buttons",children:[o("button",{className:"ihub-outlined-btn",onClick:v,type:"button",children:"Cancel"}),o("button",{className:"ihub-important-btn",type:B?"submit":"button",children:B?"Confirm":"Close"})]})}):null},[N,E,v,B]);if(!U&&!h)return null;var de={ref:Z,className:"ihub-modal-body ihub-txt-modal",style:{height:p},key:function(){switch(te){case"none":default:return;case"smart":return W;case"aggressive":return G}}()};return o("div",{className:ce,onClick:ie,role:"dialog","aria-modal":"true","aria-labelledby":f?"ihub-modal-title":void 0,children:x?r("div",{className:ae,children:[ue,o("div",n(n({},de),{},{children:C})),se]}):o("form",{onSubmit:B,children:r("div",{className:ae,children:[ue,o("div",n(n({},de),{},{children:C})),se]})})})},function(e,n){if(e.isOpen!==n.isOpen)return!1;var r=!1===e.enableContentRefresh?"none":!0===e.enableContentRefresh?"aggressive":e.refreshStrategy||"smart",o=!1===n.enableContentRefresh?"none":!0===n.enableContentRefresh?"aggressive":n.refreshStrategy||"smart";if("none"===o);else if("smart"===o){if(e.children!==n.children&&t(e.children)!==t(n.children))return!1}else if("aggressive"===o&&e.children!==n.children)return!1;return e.footerContent===n.footerContent&&(e.title===n.title&&(e.size===n.size&&e.height===n.height&&e.showFooter===n.showFooter&&e.showCloseButton===n.showCloseButton&&e.closeOnOverlayClick===n.closeOnOverlayClick&&e.className===n.className&&e.disableScroll===n.disableScroll&&e.handleSubmit===n.handleSubmit&&e.removeForm===n.removeForm&&r===o&&e.preserveScrollPosition===n.preserveScrollPosition))});m.displayName="MultiPurposeModal";export{m as default};
 //# sourceMappingURL=MultiPurposeModal.js.map

package/dist/src/components/status/ReactTimeTracker.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,asyncToGenerator as r,regeneratorRuntime as i,objectSpread2 as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useRef as s,useState as n,useEffect as c}from"react";import{IN_DEV_MODE as o,reqOptions as l,API_HOST_URL as u}from"../lib/helpFunction.js";import{useParams as a}from"next/navigation";import{useDispatch as d,useSelector as p}from"../lib/redux/store.js";import"../lib/redux/slices/courseSlice/courseFilterSubject.js";import"../lib/redux/slices/courseSlice/courseFilterLevel.js";import"../lib/redux/slices/courseSlice/courseFilterDuration.js";import"../lib/redux/slices/courseSlice/courseSearch.js";import"../lib/redux/slices/courseSlice/stepQuestions.js";import"../lib/redux/slices/courseSlice/stepContent.js";import"../lib/redux/slices/courseSlice/courseDetails.js";import"../lib/redux/slices/courseSlice/videoTimestamp.js";import"../lib/redux/slices/courseSlice/videoEndCountdown.js";import"../lib/redux/slices/courseSlice/videoTimestampObject.js";import"../lib/redux/slices/courseSlice/courseModules.js";import"../lib/redux/slices/courseSlice/courseOverview.js";import"../lib/redux/slices/courseSlice/selectedCourses.js";import"../lib/redux/slices/navigationSlice/appToggle.js";import"../lib/redux/slices/navigationSlice/toggleCreateCourse.js";import"../lib/redux/slices/navigationSlice/toggleCreateCohort.js";import"../lib/redux/slices/navigationSlice/confirmDelete.js";import{selectIPAdress as m}from"../lib/redux/slices/navigationSlice/selectors.js";import{IPAdress as b}from"../lib/redux/slices/navigationSlice/IPAdress.js";import"../lib/redux/slices/navigationSlice/settingsToggle.js";import"../lib/redux/slices/navigationSlice/userLocation.js";import"../lib/redux/slices/navigationSlice/searchValue.js";import"../lib/redux/slices/navigationSlice/currentPromo.js";import"../lib/redux/slices/navigationSlice/courseNextStep.js";import"../lib/redux/slices/channelSlice/activeChannel.js";import"../lib/redux/slices/channelSlice/channelDetails.js";import"../lib/redux/slices/channelSlice/instructorChannelList.js";import"../lib/redux/slices/channelSlice/channelHandle.js";import"../lib/redux/slices/generics/objectSlice.js";import"../lib/redux/slices/generics/arraySlice.js";import"../lib/redux/slices/messageSlice/feedbackToggle.js";import"../lib/redux/slices/messageSlice/statusMessageState.js";import"../lib/redux/slices/utilsSlice/screenSize.js";import"../lib/redux/slices/authSlice/channelCallbackUrl.js";import"../lib/redux/slices/authSlice/unsplashObject.js";function x(x){var v=x.channel_username,f=void 0===v?null:v,S=x.session,j=x.endpoint,g=void 0===j?"/api/user-ip-address":j,h=d(),w=p(m),y=s(new Date),k=s(null),T=s(!1),C=a().channel||f,D=n("visible"),_=e(D,2),E=_[0],L=_[1];c((function(){"undefined"!=typeof document&&L(document.visibilityState)}),[]);var O=function(){var e=document.visibilityState;L(e),"hidden"===e?(k.current=new Date,T.current=!0):(y.current=new Date,k.current=null)},P=function(){k.current=new Date,T.current=!0,L((function(e){return"idle"===e?"idle_update":"idle"}))};return c((function(){if("undefined"!=typeof document)return y.current=new Date,document.addEventListener("visibilitychange",O),document.addEventListener("idle",P),function(){y.current&&!k.current&&(k.current=new Date,T.current=!0),document.removeEventListener("visibilitychange",O),document.removeEventListener("idle",P)}}),[]),c((function(){if(null==w||!w.ip_address){var e=function(){var e=r(i().mark((function e(){var r,t;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,fetch(g||"");case 3:if((r=e.sent).ok){e.next=6;break}throw new Error("HTTP error! Status: ".concat(r.status));case 6:return e.next=8,r.json();case 8:t=e.sent,h(b.actions.set(t)),e.next=15;break;case 12:e.prev=12,e.t0=e.catch(0),console.error("Error fetching IP address:",e.t0);case 15:case"end":return e.stop()}}),e,null,[[0,12]])})));return function(){return e.apply(this,arguments)}}();e()}}),[h,null==w?void 0:w.ip_address,g]),c((function(){var e=function(){var e=r(i().mark((function e(){var r,s,n,c,a,d,p;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(T.current&&y.current&&k.current){e.next=2;break}return e.abrupt("return");case 2:if(!((s=Math.round((k.current.getTime()-y.current.getTime())/1e3))<=0)){e.next=6;break}return T.current=!1,e.abrupt("return");case 6:if(n=t(t({},w),{},{seconds:s,url:"undefined"!=typeof window?window.location.href:"",datetime_start:y.current.toISOString(),datetime_end:k.current.toISOString(),user:(null==S||null===(r=S.user)||void 0===r?void 0:r.id)||""}),e.prev=7,C){e.next=11;break}return console.warn("Cannot send time data: handle is undefined"),e.abrupt("return");case 11:return c=JSON.stringify(n),a=l("POST",c,null,"json"),e.next=15,fetch("".concat(u,"history/").concat(C,"/timespent/"),a);case 15:if(201!==(d=e.sent).status){e.next=26;break}if(T.current=!1,!o){e.next=24;break}return console.log("Time spent sent to server successfully!"),e.next=22,d.json();case 22:p=e.sent,console.log(p);case 24:e.next=27;break;case 26:console.error("Server responded with status: ".concat(d.status));case 27:e.next=32;break;case 29:e.prev=29,e.t0=e.catch(7),console.error("Couldn't send time data:",e.t0);case 32:case"end":return e.stop()}}),e,null,[[7,29]])})));return function(){return e.apply(this,arguments)}}();return e(),function(){T.current&&e()}}),[E,S,w,C]),null}export{x as default};
+import{slicedToArray as e,asyncToGenerator as i,regenerator as r,objectSpread2 as s}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useRef as t,useState as n,useEffect as c}from"react";import{IN_DEV_MODE as o,reqOptions as l,API_HOST_URL as u}from"../lib/helpFunction.js";import{useParams as a}from"next/navigation";import{useDispatch as d,useSelector as m}from"../lib/redux/store.js";import"../lib/redux/slices/courseSlice/courseFilterSubject.js";import"../lib/redux/slices/courseSlice/courseFilterLevel.js";import"../lib/redux/slices/courseSlice/courseFilterDuration.js";import"../lib/redux/slices/courseSlice/courseSearch.js";import"../lib/redux/slices/courseSlice/stepQuestions.js";import"../lib/redux/slices/courseSlice/stepContent.js";import"../lib/redux/slices/courseSlice/courseDetails.js";import"../lib/redux/slices/courseSlice/videoTimestamp.js";import"../lib/redux/slices/courseSlice/videoEndCountdown.js";import"../lib/redux/slices/courseSlice/videoTimestampObject.js";import"../lib/redux/slices/courseSlice/courseModules.js";import"../lib/redux/slices/courseSlice/courseOverview.js";import"../lib/redux/slices/courseSlice/selectedCourses.js";import"../lib/redux/slices/navigationSlice/appToggle.js";import"../lib/redux/slices/navigationSlice/toggleCreateCourse.js";import"../lib/redux/slices/navigationSlice/toggleCreateCohort.js";import"../lib/redux/slices/navigationSlice/confirmDelete.js";import{selectIPAdress as p}from"../lib/redux/slices/navigationSlice/selectors.js";import{IPAdress as b}from"../lib/redux/slices/navigationSlice/IPAdress.js";import"../lib/redux/slices/navigationSlice/settingsToggle.js";import"../lib/redux/slices/navigationSlice/userLocation.js";import"../lib/redux/slices/navigationSlice/searchValue.js";import"../lib/redux/slices/navigationSlice/currentPromo.js";import"../lib/redux/slices/navigationSlice/courseNextStep.js";import"../lib/redux/slices/channelSlice/activeChannel.js";import"../lib/redux/slices/channelSlice/channelDetails.js";import"../lib/redux/slices/channelSlice/instructorChannelList.js";import"../lib/redux/slices/channelSlice/channelHandle.js";import"../lib/redux/slices/generics/objectSlice.js";import"../lib/redux/slices/generics/arraySlice.js";import"../lib/redux/slices/messageSlice/feedbackToggle.js";import"../lib/redux/slices/messageSlice/statusMessageState.js";import"../lib/redux/slices/utilsSlice/screenSize.js";import"../lib/redux/slices/authSlice/channelCallbackUrl.js";import"../lib/redux/slices/authSlice/unsplashObject.js";function v(v){var f=v.channel_username,S=void 0===f?null:f,j=v.session,g=v.endpoint,x=void 0===g?"/api/user-ip-address":g,h=d(),w=m(p),y=t(new Date),T=t(null),k=t(!1),C=a().channel||S,D=n("visible"),_=e(D,2),E=_[0],L=_[1];c(function(){"undefined"!=typeof document&&L(document.visibilityState)},[]);var O=function(){var e=document.visibilityState;L(e),"hidden"===e?(T.current=new Date,k.current=!0):(y.current=new Date,T.current=null)},P=function(){T.current=new Date,k.current=!0,L(function(e){return"idle"===e?"idle_update":"idle"})};return c(function(){if("undefined"!=typeof document)return y.current=new Date,document.addEventListener("visibilitychange",O),document.addEventListener("idle",P),function(){y.current&&!T.current&&(T.current=new Date,k.current=!0),document.removeEventListener("visibilitychange",O),document.removeEventListener("idle",P)}},[]),c(function(){if(null==w||!w.ip_address){var e=function(){var e=i(r().m(function e(){var i,s,t;return r().w(function(e){for(;;)switch(e.p=e.n){case 0:return e.p=0,e.n=1,fetch(x||"");case 1:if((i=e.v).ok){e.n=2;break}throw new Error("HTTP error! Status: ".concat(i.status));case 2:return e.n=3,i.json();case 3:s=e.v,h(b.actions.set(s)),e.n=5;break;case 4:e.p=4,t=e.v,console.error("Error fetching IP address:",t);case 5:return e.a(2)}},e,null,[[0,4]])}));return function(){return e.apply(this,arguments)}}();e()}},[h,null==w?void 0:w.ip_address,x]),c(function(){var e=function(){var e=i(r().m(function e(){var i,t,n,c,a,d,m,p;return r().w(function(e){for(;;)switch(e.p=e.n){case 0:if(k.current&&y.current&&T.current){e.n=1;break}return e.a(2);case 1:if(!((t=Math.round((T.current.getTime()-y.current.getTime())/1e3))<=0)){e.n=2;break}return k.current=!1,e.a(2);case 2:if(n=s(s({},w),{},{seconds:t,url:"undefined"!=typeof window?window.location.href:"",datetime_start:y.current.toISOString(),datetime_end:T.current.toISOString(),user:(null==j||null===(i=j.user)||void 0===i?void 0:i.id)||""}),e.p=3,C){e.n=4;break}return console.warn("Cannot send time data: handle is undefined"),e.a(2);case 4:return c=JSON.stringify(n),a=l("POST",c,null,"json"),e.n=5,fetch("".concat(u,"history/").concat(C,"/timespent/"),a);case 5:if(201!==(d=e.v).status){e.n=8;break}if(k.current=!1,!o){e.n=7;break}return console.log("Time spent sent to server successfully!"),e.n=6,d.json();case 6:m=e.v,console.log(m);case 7:e.n=9;break;case 8:console.error("Server responded with status: ".concat(d.status));case 9:e.n=11;break;case 10:e.p=10,p=e.v,console.error("Couldn't send time data:",p);case 11:return e.a(2)}},e,null,[[3,10]])}));return function(){return e.apply(this,arguments)}}();return e(),function(){k.current&&e()}},[E,j,w,C]),null}export{v as default};
 //# sourceMappingURL=ReactTimeTracker.js.map

package/dist/src/components/status/SessionHandleProvider.js

@@ -1,2 +1,2 @@
-import{slicedToArray as n,asyncToGenerator as e,regeneratorRuntime as t,objectSpread2 as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as a,Fragment as o}from"react/jsx-runtime";import{useMemo as c,useState as l,useCallback as i,useEffect as s}from"react";import{reqOptions as u,API_HOST_URL as d}from"../lib/helpFunction.js";import{useParams as f}from"next/navigation";import{useSession as h}from"../../../node_modules/next-auth/react.js";import{openToast as m}from"../lib/modals/modals.js";import v from"./Error500.js";function p(p){var x,b=p.children,g=p.endpointPath,j=void 0===g?null:g,k=f().channel,w=h(),T=w.data,E=w.update,y=T,P=c((function(){var n;return null==y||null===(n=y.channels)||void 0===n||null===(n=n.active)||void 0===n?void 0:n.username}),[null==y||null===(x=y.channels)||void 0===x||null===(x=x.active)||void 0===x?void 0:x.username]),R=c((function(){return null==y?void 0:y.accessToken}),[null==y?void 0:y.accessToken]),_=l(!0),C=n(_,2),F=C[0],U=C[1],q=i(e(t().mark((function n(){var e,a,o,c,l,i,s,f;return t().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(R&&k){n.next=2;break}return n.abrupt("return");case 2:return e=u("PUT",null,R),o=(a=j||"channels/instructor-channel/selected/").endsWith("/")?"".concat(a).concat(k,"/"):"".concat(a,"/").concat(k,"/"),c="".concat(d).concat(o),n.prev=6,n.next=9,fetch(c,e);case 9:if((i=n.sent).ok){n.next=12;break}throw new Error("Request failed with status: ".concat(i.status));case 12:return n.next=14,i.json();case 14:null!=(s=n.sent)&&null!==(l=s.active)&&void 0!==l&&l.id&&y?E(r(r({},y),{},{channels:s})):(m((null==s?void 0:s.detail)||"Channel switching failed",400),U(!1)),n.next=24;break;case 18:n.prev=18,n.t0=n.catch(6),f=n.t0 instanceof Error?n.t0.message:"Failed to fetch channel data",console.error("Error fetching channel data:",n.t0),m(f,500),U(!1);case 24:case"end":return n.stop()}}),n,null,[[6,18]])}))),[R,k,j,y,E]),A=c((function(){if(!k||"string"!=typeof k)return!0;return["null","undefined","false","true",""," "].includes(k)}),[k]);return s((function(){P&&k&&P!==k&&(A?(m("Invalid handle!",400),U(!1)):q())}),[P,k,A,q]),F?a(o,{children:b}):a(v,{msg:'"'.concat(k,'" is not a valid channel handle. Check the URL; it must be a valid channel username.')})}export{p as default};
+import{slicedToArray as n,asyncToGenerator as e,regenerator as a,objectSpread2 as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as r,Fragment as o}from"react/jsx-runtime";import{useMemo as l,useState as c,useCallback as i,useEffect as s}from"react";import{reqOptions as u,API_HOST_URL as d}from"../lib/helpFunction.js";import{useParams as f}from"next/navigation";import{useSession as h}from"../../../node_modules/.pnpm/next-auth@5.0.0-beta.30_nex_47c79ebfa19822a09895b2cd89073049/node_modules/next-auth/react.js";import{openToast as m}from"../lib/modals/modals.js";import v from"./Error500.js";function p(p){var b,g=p.children,j=p.endpointPath,k=void 0===j?null:j,w=f().channel,x=h(),_=x.data,T=x.update,E=_,y=l(function(){var n;return null==E||null===(n=E.channels)||void 0===n||null===(n=n.active)||void 0===n?void 0:n.username},[null==E||null===(b=E.channels)||void 0===b||null===(b=b.active)||void 0===b?void 0:b.username]),P=l(function(){return null==E?void 0:E.accessToken},[null==E?void 0:E.accessToken]),C=c(!0),F=n(C,2),R=F[0],U=F[1],q=i(e(a().m(function n(){var e,r,o,l,c,i,s,f,h;return a().w(function(n){for(;;)switch(n.p=n.n){case 0:if(P&&w){n.n=1;break}return n.a(2);case 1:return e=u("PUT",null,P),o=(r=k||"channels/instructor-channel/selected/").endsWith("/")?"".concat(r).concat(w,"/"):"".concat(r,"/").concat(w,"/"),l="".concat(d).concat(o),n.p=2,n.n=3,fetch(l,e);case 3:if((i=n.v).ok){n.n=4;break}throw new Error("Request failed with status: ".concat(i.status));case 4:return n.n=5,i.json();case 5:null!=(s=n.v)&&null!==(c=s.active)&&void 0!==c&&c.id&&E?T(t(t({},E),{},{channels:s})):(m((null==s?void 0:s.detail)||"Channel switching failed",400),U(!1)),n.n=7;break;case 6:n.p=6,h=n.v,f=h instanceof Error?h.message:"Failed to fetch channel data",console.error("Error fetching channel data:",h),m(f,500),U(!1);case 7:return n.a(2)}},n,null,[[2,6]])})),[P,w,k,E,T]),A=l(function(){if(!w||"string"!=typeof w)return!0;return["null","undefined","false","true",""," "].includes(w)},[w]);return s(function(){y&&w&&y!==w&&(A?(m("Invalid handle!",400),U(!1)):q())},[y,w,A,q]),R?r(o,{children:g}):r(v,{msg:'"'.concat(w,'" is not a valid channel handle. Check the URL; it must be a valid channel username.')})}export{p as default};
 //# sourceMappingURL=SessionHandleProvider.js.map

package/dist/src/components/tabs/Tabs.js

@@ -1,2 +1,2 @@
-import{slicedToArray as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useEffect as n}from"react";var c=function(c){var r=c.items,o=c.defaultActiveTab,d=c.onChange,l=c.variant,s=void 0===l?"default":l,u=c.className,b=void 0===u?"":u,v=c.tabsContainerClassName,m=void 0===v?"":v,h=c.contentClassName,f=void 0===h?"":h,p=i(o||(r.length>0?r[0].id:"")),N=a(p,2),C=N[0],g=N[1];n((function(){o&&g(o)}),[o]);var x=r.find((function(a){return a.id===C}))||r[0];return t("div",{className:"ihub-tabs-container ".concat(b),children:[e("div",{className:function(){var a="ihub-tabs-header";switch(s){case"bordered":return"".concat(a," ihub-tabs-bordered ").concat(m);case"pills":return"".concat(a," ihub-tabs-pills ").concat(m);default:return"".concat(a," ").concat(m)}}(),children:r.map((function(a,t){return e("div",{className:(i=a.id,n=a.disabled,c=i===C?"ihub-tab-active":"",r=n?"ihub-tab-disabled":"","".concat("ihub-tab-item"," ").concat(c," ").concat(r)),onClick:function(){var t;(t=a).disabled||(g(t.id),d&&d(t))},role:"tab","aria-selected":C===a.id,tabIndex:a.disabled?-1:0,children:a.label},a.id||t);var i,n,c,r}))}),(null==x?void 0:x.content)&&e("div",{className:"ihub-tab-content ".concat(f),children:x.content})]})};export{c as default};
+import{slicedToArray as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useEffect as n}from"react";var c=function(c){var r=c.items,o=c.defaultActiveTab,d=c.onChange,l=c.variant,s=void 0===l?"default":l,u=c.className,b=void 0===u?"":u,v=c.tabsContainerClassName,m=void 0===v?"":v,h=c.contentClassName,f=void 0===h?"":h,p=i(o||(r.length>0?r[0].id:"")),N=a(p,2),C=N[0],g=N[1];n(function(){o&&g(o)},[o]);var x=r.find(function(a){return a.id===C})||r[0];return t("div",{className:"ihub-tabs-container ".concat(b),children:[e("div",{className:function(){var a="ihub-tabs-header";switch(s){case"bordered":return"".concat(a," ihub-tabs-bordered ").concat(m);case"pills":return"".concat(a," ihub-tabs-pills ").concat(m);default:return"".concat(a," ").concat(m)}}(),children:r.map(function(a,t){return e("div",{className:(i=a.id,n=a.disabled,c=i===C?"ihub-tab-active":"",r=n?"ihub-tab-disabled":"","".concat("ihub-tab-item"," ").concat(c," ").concat(r)),onClick:function(){var t;(t=a).disabled||(g(t.id),d&&d(t))},role:"tab","aria-selected":C===a.id,tabIndex:a.disabled?-1:0,children:a.label},a.id||t);var i,n,c,r})}),(null==x?void 0:x.content)&&e("div",{className:"ihub-tab-content ".concat(f),children:x.content})]})};export{c as default};
 //# sourceMappingURL=Tabs.js.map

package/dist/src/components/tabs/VerticalTabs.js

@@ -1,2 +1,2 @@
-import{slicedToArray as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,jsx as n}from"react/jsx-runtime";import{useState as e,useEffect as t}from"react";var l=function(l){var c=l.items,d=l.defaultActiveTab,o=l.onChange,r=l.className,s=void 0===r?"":r,u=l.tabsContainerClassName,v=void 0===u?"":u,b=l.contentClassName,m=void 0===b?"":b,h=e(c.length>0?c[0]:null),f=i(h,2),p=f[0],N=f[1];t((function(){if(d){var i=c.find((function(i){return d===i.id}));N(i)}}),[d]);return a("div",{className:"ihub-vtabs-container ".concat(s),children:[n("div",{className:"ihub-vtabs-sidebar ".concat(v),children:c.map((function(i){return a("div",{className:(e=i.id,t=i.disabled,l=e===(null==p?void 0:p.id)?"ihub-vtab-active":"",d=t?"ihub-vtab-disabled":"","".concat("ihub-vtab-item"," ").concat(l," ").concat(d)),onClick:function(){return a=i,void(null!==(n=c.find((function(i){return i.id===a.id})))&&void 0!==n&&n.disabled||(N(a),o&&o(a)));var a,n},role:"tab","aria-selected":(null==p?void 0:p.id)===i.id,tabIndex:i.disabled?-1:0,children:[i.icon&&n("span",{className:"ihub-vtab-icon",children:i.icon}),n("span",{className:"ihub-vtab-label",children:i.label})]},i.id);var e,t,l,d}))}),(null==p?void 0:p.content)&&n("div",{className:"ihub-vtab-content ".concat(m),children:null==p?void 0:p.content})]})};export{l as default};
+import{slicedToArray as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,jsx as n}from"react/jsx-runtime";import{useState as e,useEffect as t}from"react";var l=function(l){var c=l.items,d=l.defaultActiveTab,o=l.onChange,r=l.className,s=void 0===r?"":r,u=l.tabsContainerClassName,v=void 0===u?"":u,b=l.contentClassName,m=void 0===b?"":b,h=e(c.length>0?c[0]:null),f=i(h,2),p=f[0],N=f[1];t(function(){if(d){var i=c.find(function(i){return d===i.id});N(i)}},[d]);return a("div",{className:"ihub-vtabs-container ".concat(s),children:[n("div",{className:"ihub-vtabs-sidebar ".concat(v),children:c.map(function(i){return a("div",{className:(e=i.id,t=i.disabled,l=e===(null==p?void 0:p.id)?"ihub-vtab-active":"",d=t?"ihub-vtab-disabled":"","".concat("ihub-vtab-item"," ").concat(l," ").concat(d)),onClick:function(){return a=i,void(null!==(n=c.find(function(i){return i.id===a.id}))&&void 0!==n&&n.disabled||(N(a),o&&o(a)));var a,n},role:"tab","aria-selected":(null==p?void 0:p.id)===i.id,tabIndex:i.disabled?-1:0,children:[i.icon&&n("span",{className:"ihub-vtab-icon",children:i.icon}),n("span",{className:"ihub-vtab-label",children:i.label})]},i.id);var e,t,l,d})}),(null==p?void 0:p.content)&&n("div",{className:"ihub-vtab-content ".concat(m),children:null==p?void 0:p.content})]})};export{l as default};
 //# sourceMappingURL=VerticalTabs.js.map

package/dist/src/components/theme/ChangeStyleVariable.js

@@ -1,2 +1,2 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o}from"react/jsx-runtime";import{useState as e,useEffect as t}from"react";import n from"./LoadingAnimate.js";function a(a){var l=a.primaryColor,i=a.variables,m=void 0===i?{}:i,s=a.onComplete,u=e(!0),c=r(u,2),p=c[0],f=c[1];return t((function(){var o=document.querySelector(":root");o?(l&&o.style.setProperty("--DarkCyan",l),Object.entries(m).forEach((function(e){var t=r(e,2),n=t[0],a=t[1];o.style.setProperty("--".concat(n),a)})),f(!1),null==s||s()):console.error("Root element not found")}),[l,m,s]),p?o(n,{}):null}export{a as default};
+import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o}from"react/jsx-runtime";import{useState as e,useEffect as t}from"react";import n from"./LoadingAnimate.js";function a(a){var l=a.primaryColor,i=a.variables,m=void 0===i?{}:i,s=a.onComplete,u=e(!0),c=r(u,2),p=c[0],f=c[1];return t(function(){var o=document.querySelector(":root");o?(l&&o.style.setProperty("--DarkCyan",l),Object.entries(m).forEach(function(e){var t=r(e,2),n=t[0],a=t[1];o.style.setProperty("--".concat(n),a)}),f(!1),null==s||s()):console.error("Root element not found")},[l,m,s]),p?o(n,{}):null}export{a as default};
 //# sourceMappingURL=ChangeStyleVariable.js.map

package/dist/src/components/theme/DarkModeProvider.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as r}from"react/jsx-runtime";import{useState as t,useCallback as n,useEffect as o,createContext as i}from"react";var a=i(void 0);function d(i){var d=i.children,c=i.defaultTheme,f=void 0===c?"Device":c,m=i.onChange,u=t(f),s=e(u,2),l=s[0],v=s[1],h=n((function(){return"undefined"==typeof window?f:localStorage.getItem("theme")||f}),[f]),p=n((function(e){if("undefined"!=typeof window){var r,t=document.documentElement;if(t.classList.remove("DarkMode","LightMode"),"Device"===e)r=window.matchMedia("(prefers-color-scheme: dark)").matches?"DarkMode":"LightMode";else r=e;return t.classList.add(r),r}}),[]),w=n((function(e){"undefined"!=typeof window&&localStorage.setItem("theme",e),v(e);var r=p(e);r&&m&&m(r)}),[p,m]);o((function(){var e=h();v(e);var r,t,n=p(e);if(n&&m&&m(n),"undefined"!=typeof window){var o=window.matchMedia("(prefers-color-scheme: dark)");return t=function(){if("Device"===localStorage.getItem("theme")){var e=p("Device");e&&m&&m(e)}},(r=o).addEventListener?(r.addEventListener("change",t),function(){return r.removeEventListener("change",t)}):(r.addListener(t),function(){return r.removeListener(t)})}}),[h,p,m]);var g={theme:l,setTheme:w};return r(a.Provider,{value:g,children:d})}export{d as default};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as r}from"react/jsx-runtime";import{useState as t,useCallback as n,useEffect as o,createContext as i}from"react";var a=i(void 0);function d(i){var d=i.children,c=i.defaultTheme,f=void 0===c?"Device":c,m=i.onChange,u=t(f),s=e(u,2),l=s[0],v=s[1],h=n(function(){return"undefined"==typeof window?f:localStorage.getItem("theme")||f},[f]),p=n(function(e){if("undefined"!=typeof window){var r,t=document.documentElement;if(t.classList.remove("DarkMode","LightMode"),"Device"===e)r=window.matchMedia("(prefers-color-scheme: dark)").matches?"DarkMode":"LightMode";else r=e;return t.classList.add(r),r}},[]),w=n(function(e){"undefined"!=typeof window&&localStorage.setItem("theme",e),v(e);var r=p(e);r&&m&&m(r)},[p,m]);o(function(){var e=h();v(e);var r,t,n=p(e);if(n&&m&&m(n),"undefined"!=typeof window){var o=window.matchMedia("(prefers-color-scheme: dark)");return t=function(){if("Device"===localStorage.getItem("theme")){var e=p("Device");e&&m&&m(e)}},(r=o).addEventListener?(r.addEventListener("change",t),function(){return r.removeEventListener("change",t)}):(r.addListener(t),function(){return r.removeListener(t)})}},[h,p,m]);var g={theme:l,setTheme:w};return r(a.Provider,{value:g,children:d})}export{d as default};
 //# sourceMappingURL=DarkModeProvider.js.map

package/dist/src/components/theme/SessionProviders.js

@@ -1,2 +1,2 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as e}from"react/jsx-runtime";import{SessionProvider as t}from"../../../node_modules/next-auth/react.js";import{useState as o,useEffect as n}from"react";function i(i){var l=i.children,c=i.refetchInterval,a=void 0===c?43200:c,u=i.refetchOnWindowFocus,f=void 0===u||u,d=o(!1),m=r(d,2),s=m[0],h=m[1];return n((function(){h(!0)}),[]),e(t,{refetchInterval:a,refetchOnWindowFocus:f,children:s?l:null})}export{i as default};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as r}from"react/jsx-runtime";import{SessionProvider as t}from"../../../node_modules/.pnpm/next-auth@5.0.0-beta.30_nex_47c79ebfa19822a09895b2cd89073049/node_modules/next-auth/react.js";import{useState as o,useEffect as n}from"react";function a(a){var c=a.children,i=a.refetchInterval,l=void 0===i?43200:i,u=a.refetchOnWindowFocus,d=void 0===u||u,f=o(!1),m=e(f,2),s=m[0],p=m[1];return n(function(){p(!0)},[]),r(t,{refetchInterval:l,refetchOnWindowFocus:d,children:s?c:null})}export{a as default};
 //# sourceMappingURL=SessionProviders.js.map

package/dist/src/components/theme/signout/SessionExpiresLogout.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,asyncToGenerator as n,regeneratorRuntime as i}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as r,Fragment as a}from"react/jsx-runtime";import{useState as s,useEffect as t}from"react";import{getData as o}from"../../lib/auth/dbRequestst.js";import l from"./SignOutSession.js";function u(u){var d,c=u.children,v=u.session,p=u.expiredMessage,f=void 0===p?"Your logged in session has expired!":p,m=u.disableValidation,h=void 0!==m&&m,b=u.onSessionInvalid,g=s("loading"),k=e(g,2),x=k[0],w=k[1],_=(null==v||null===(d=v.user)||void 0===d?void 0:d.name)||(null==v?void 0:v.user)||{},j=(null==_?void 0:_.token)||(null==_?void 0:_.accessToken);return t((function(){var e=!0;function r(){return(r=n(i().mark((function n(){var r,a;return i().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(!h){n.next=3;break}return e&&w("valid"),n.abrupt("return");case 3:if(v){n.next=6;break}return e&&w("invalid"),n.abrupt("return");case 6:if(n.prev=6,!(new Date(null==v?void 0:v.expires)<new Date)&&j){n.next=12;break}return console.warn("Session expired or token is missing"),e&&(w("invalid"),b&&b()),n.abrupt("return");case 12:return r={path:"auth/skills/validate-user-token/?access_token=".concat(j,"&user_uuid=").concat(null==_?void 0:_.uuid),token:j,auth_sk:!0},n.next=15,o(r);case 15:a=n.sent,e&&"Unauthorized"!==(null==a?void 0:a.detail)&&"Not found."!==(null==a?void 0:a.detail)&&null!=a&&a.detail?e&&w("valid"):e&&(w("invalid"),b&&b()),n.next=23;break;case 19:n.prev=19,n.t0=n.catch(6),console.error("Error during session validation:",n.t0),e&&w("valid");case 23:case"end":return n.stop()}}),n,null,[[6,19]])})))).apply(this,arguments)}return function(){r.apply(this,arguments)}(),function(){e=!1}}),[v,h,b]),"loading"===x?r("div",{className:"ihub-session-loading",children:r("div",{className:"ihub-session-loading-spinner"})}):"invalid"===x&&null!=v&&v.user?r(l,{message:f}):r(a,{children:c})}export{u as default};
+import{slicedToArray as n,asyncToGenerator as e,regenerator as i}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as a,Fragment as r}from"react/jsx-runtime";import{useState as s,useEffect as o}from"react";import{getData as l}from"../../lib/auth/dbRequestst.js";import t from"./SignOutSession.js";function u(u){var d,c=u.children,v=u.session,p=u.expiredMessage,f=void 0===p?"Your logged in session has expired!":p,m=u.disableValidation,h=void 0!==m&&m,g=u.onSessionInvalid,k=s("loading"),b=n(k,2),x=b[0],w=b[1],_=(null==v||null===(d=v.user)||void 0===d?void 0:d.name)||(null==v?void 0:v.user)||{},j=(null==_?void 0:_.token)||(null==_?void 0:_.accessToken);return o(function(){var n=!0;function a(){return(a=e(i().m(function e(){var a,r,s;return i().w(function(e){for(;;)switch(e.p=e.n){case 0:if(!h){e.n=1;break}return n&&w("valid"),e.a(2);case 1:if(v){e.n=2;break}return n&&w("invalid"),e.a(2);case 2:if(e.p=2,!(new Date(null==v?void 0:v.expires)<new Date)&&j){e.n=3;break}return console.warn("Session expired or token is missing"),n&&(w("invalid"),g&&g()),e.a(2);case 3:return a={path:"auth/skills/validate-user-token/?access_token=".concat(j,"&user_uuid=").concat(null==_?void 0:_.uuid),token:j,auth_sk:!0},e.n=4,l(a);case 4:r=e.v,n&&"Unauthorized"!==(null==r?void 0:r.detail)&&"Not found."!==(null==r?void 0:r.detail)&&null!=r&&r.detail?n&&w("valid"):n&&(w("invalid"),g&&g()),e.n=6;break;case 5:e.p=5,s=e.v,console.error("Error during session validation:",s),n&&w("valid");case 6:return e.a(2)}},e,null,[[2,5]])}))).apply(this,arguments)}return function(){a.apply(this,arguments)}(),function(){n=!1}},[v,h,g]),"loading"===x?a("div",{className:"ihub-session-loading",children:a("div",{className:"ihub-session-loading-spinner"})}):"invalid"===x&&null!=v&&v.user?a(t,{message:f}):a(r,{children:c})}export{u as default};
 //# sourceMappingURL=SessionExpiresLogout.js.map

package/dist/src/components/ui/Action.js

@@ -1,2 +1,2 @@
-import{slicedToArray as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,Fragment as o,jsx as e}from"react/jsx-runtime";import t from"react";import a from"next/link";var r=function(r){var c=r.label,d=r.onClick,l=r.href,s=r.variant,u=void 0===s?"primary":s,h=r.size,m=void 0===h?"medium":h,f=r.fullWidth,p=void 0!==f&&f,b=r.disabled,v=void 0!==b&&b,w=r.iconBefore,k=r.iconAfter,N=r.className,g=void 0===N?"":N,C=r.target,y=r.type,B=void 0===y?"button":y,L=r.animated,j=void 0!==L&&L,x=r.dropdown,P=void 0!==x&&x,E=r.dropdownItems,A=void 0===E?[]:E,W=r.dropdownPosition,_=void 0===W?"right":W,z=t.useState(!1),D=i(z,2),H=D[0],I=D[1],M=t.useRef(null);t.useEffect((function(){var i=function(i){M.current&&!M.current.contains(i.target)&&I(!1)};return H&&document.addEventListener("mousedown",i),function(){document.removeEventListener("mousedown",i)}}),[H]);var R=["ihub-action","ihub-action-".concat(u),"ihub-action-".concat(m),p?"ihub-action-full-width":"",v?"ihub-action-disabled":"",j?"ihub-action-animated":"",P?"ihub-action-with-dropdown":"",g].filter(Boolean).join(" "),S=n(o,{children:[w&&e("span",{className:"ihub-action-icon-before",children:w}),e("span",{className:"ihub-action-label",children:c}),P&&e("span",{className:"ihub-action-dropdown-icon",children:e("svg",{width:"12",height:"7",viewBox:"0 0 12 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:"primary"===u?{color:"#fff"}:{},children:e("path",{d:"M1 1L6 6L11 1",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),!P&&k&&e("span",{className:"ihub-action-icon-after",children:k})]}),T=H&&P&&A.length>0&&e("div",{className:"ihub-action-dropdown-menu ihub-action-dropdown-".concat(_),onClick:function(i){return i.stopPropagation()},children:A.map((function(i,t){var r=["ihub-action-dropdown-item",i.disabled?"ihub-action-dropdown-item-disabled":"",i.className||""].filter(Boolean).join(" "),c=n(o,{children:[i.iconBefore&&e("span",{className:"ihub-action-dropdown-item-icon",children:i.iconBefore}),e("span",{className:"ihub-action-dropdown-item-label",children:i.label})]});return i.href&&!i.disabled?e(a,{href:i.href,className:r,onClick:function(){i.onClick&&i.onClick(),I(!1)},children:c},t):e("button",{className:r,onClick:function(){!i.disabled&&i.onClick&&(i.onClick(),I(!1))},disabled:i.disabled,type:"button",children:c},t)}))});return function(i){return P?n("div",{className:"ihub-action-dropdown-container",ref:M,children:[i,T]}):i}(!l||v||P?e("button",{type:B,className:R,onClick:P?function(i){P&&(i.preventDefault(),i.stopPropagation(),I((function(i){return!i})))}:d,disabled:v,children:S}):e(a,{href:l,className:R,target:C,onClick:d,children:S}))};export{r as default};
+import{slicedToArray as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,Fragment as o,jsx as e}from"react/jsx-runtime";import t from"react";import a from"next/link";var r=function(r){var c=r.label,d=r.onClick,l=r.href,s=r.variant,u=void 0===s?"primary":s,h=r.size,m=void 0===h?"medium":h,f=r.fullWidth,p=void 0!==f&&f,b=r.disabled,v=void 0!==b&&b,w=r.iconBefore,k=r.iconAfter,N=r.className,g=void 0===N?"":N,C=r.target,y=r.type,B=void 0===y?"button":y,L=r.animated,j=void 0!==L&&L,x=r.dropdown,P=void 0!==x&&x,E=r.dropdownItems,A=void 0===E?[]:E,W=r.dropdownPosition,_=void 0===W?"right":W,z=t.useState(!1),D=i(z,2),H=D[0],I=D[1],M=t.useRef(null);t.useEffect(function(){var i=function(i){M.current&&!M.current.contains(i.target)&&I(!1)};return H&&document.addEventListener("mousedown",i),function(){document.removeEventListener("mousedown",i)}},[H]);var R=["ihub-action","ihub-action-".concat(u),"ihub-action-".concat(m),p?"ihub-action-full-width":"",v?"ihub-action-disabled":"",j?"ihub-action-animated":"",P?"ihub-action-with-dropdown":"",g].filter(Boolean).join(" "),S=n(o,{children:[w&&e("span",{className:"ihub-action-icon-before",children:w}),e("span",{className:"ihub-action-label",children:c}),P&&e("span",{className:"ihub-action-dropdown-icon",children:e("svg",{width:"12",height:"7",viewBox:"0 0 12 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:"primary"===u?{color:"#fff"}:{},children:e("path",{d:"M1 1L6 6L11 1",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),!P&&k&&e("span",{className:"ihub-action-icon-after",children:k})]}),T=H&&P&&A.length>0&&e("div",{className:"ihub-action-dropdown-menu ihub-action-dropdown-".concat(_),onClick:function(i){return i.stopPropagation()},children:A.map(function(i,t){var r=["ihub-action-dropdown-item",i.disabled?"ihub-action-dropdown-item-disabled":"",i.className||""].filter(Boolean).join(" "),c=n(o,{children:[i.iconBefore&&e("span",{className:"ihub-action-dropdown-item-icon",children:i.iconBefore}),e("span",{className:"ihub-action-dropdown-item-label",children:i.label})]});return i.href&&!i.disabled?e(a,{href:i.href,className:r,onClick:function(){i.onClick&&i.onClick(),I(!1)},children:c},t):e("button",{className:r,onClick:function(){!i.disabled&&i.onClick&&(i.onClick(),I(!1))},disabled:i.disabled,type:"button",children:c},t)})});return function(i){return P?n("div",{className:"ihub-action-dropdown-container",ref:M,children:[i,T]}):i}(!l||v||P?e("button",{type:B,className:R,onClick:P?function(i){P&&(i.preventDefault(),i.stopPropagation(),I(function(i){return!i}))}:d,disabled:v,children:S}):e(a,{href:l,className:R,target:C,onClick:d,children:S}))};export{r as default};
 //# sourceMappingURL=Action.js.map

package/dist/src/components/ui/Action.js.map

@@ -1 +1 @@
-{"version":3,"file":"Action.js","sources":["../../../../src/components/ui/Action.tsx"],"sourcesContent":["import React from \"react\";\r\nimport Link from \"next/link\";\r\n\r\n/**\r\n * Defines the structure of a dropdown item\r\n */\r\nexport interface ActionDropdownItem {\r\n  /** Text label to display for the dropdown item */\r\n  label: string | React.ReactNode;\r\n  /** Click handler function */\r\n  onClick?: () => void;\r\n  /** Link destination if the dropdown item is a link */\r\n  href?: string;\r\n  /** Icon to display before the label */\r\n  iconBefore?: React.ReactNode;\r\n  /** Whether the item is disabled */\r\n  disabled?: boolean;\r\n  /** Optional additional class names */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * ActionProps interface defines all possible props for the Action component\r\n */\r\ninterface ActionProps {\r\n  /** Text label to display in the action element */\r\n  label: string | React.ReactNode;\r\n  /** Click handler function */\r\n  onClick?: () => void;\r\n  /** Link destination if the action is a link */\r\n  href?: string;\r\n  /** Visual style variant */\r\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"danger\" | \"text\";\r\n  /** Size variation */\r\n  size?: \"small\" | \"medium\" | \"large\";\r\n  /** Whether the action should take up full width of container */\r\n  fullWidth?: boolean;\r\n  /** Whether the action is disabled */\r\n  disabled?: boolean;\r\n  /** Icon to display before the label */\r\n  iconBefore?: React.ReactNode;\r\n  /** Icon to display after the label */\r\n  iconAfter?: React.ReactNode;\r\n  /** Optional additional class names */\r\n  className?: string;\r\n  /** Target attribute for links */\r\n  target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\r\n  /** Type attribute for buttons */\r\n  type?: \"button\" | \"submit\" | \"reset\";\r\n  /** Whether to add animation effect */\r\n  animated?: boolean;\r\n  /** Whether to show a dropdown menu */\r\n  dropdown?: boolean;\r\n  /** Items to display in the dropdown menu */\r\n  dropdownItems?: ActionDropdownItem[];\r\n  /** Position of the dropdown menu */\r\n  dropdownPosition?: \"left\" | \"right\" | \"center\";\r\n}\r\n\r\n/**\r\n * Action component\r\n * A versatile Action component that can be rendered as a button or link\r\n * with various styles, sizes, icon options, and dropdown functionality\r\n * @example\r\n * <Action\r\n *  label=\"Click Me\"\r\n * onClick={() => alert('Action clicked!')}\r\n * variant=\"primary\"\r\n * size=\"medium\"\r\n * fullWidth={false}\r\n * disabled={false}\r\n * iconBefore={<Icon />}\r\n * />\r\n */\r\nconst Action: React.FC<ActionProps> = ({\r\n  label,\r\n  onClick,\r\n  href,\r\n  variant = \"primary\",\r\n  size = \"medium\",\r\n  fullWidth = false,\r\n  disabled = false,\r\n  iconBefore,\r\n  iconAfter,\r\n  className = \"\",\r\n  target,\r\n  type = \"button\",\r\n  animated = false,\r\n  dropdown = false,\r\n  dropdownItems = [],\r\n  dropdownPosition = \"right\",\r\n}) => {\r\n  // State to manage dropdown visibility\r\n  const [isDropdownOpen, setIsDropdownOpen] = React.useState(false);\r\n  const dropdownRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  // Handle opening/closing the dropdown\r\n  const toggleDropdown = (e: React.MouseEvent) => {\r\n    if (dropdown) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      setIsDropdownOpen((prev) => !prev);\r\n    }\r\n  };\r\n\r\n  // Close dropdown when clicking outside\r\n  React.useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(event.target as Node)\r\n      ) {\r\n        setIsDropdownOpen(false);\r\n      }\r\n    };\r\n\r\n    if (isDropdownOpen) {\r\n      document.addEventListener(\"mousedown\", handleClickOutside);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [isDropdownOpen]);\r\n\r\n  // Construct class names based on props\r\n  const baseClasses = [\r\n    \"ihub-action\",\r\n    `ihub-action-${variant}`,\r\n    `ihub-action-${size}`,\r\n    fullWidth ? \"ihub-action-full-width\" : \"\",\r\n    disabled ? \"ihub-action-disabled\" : \"\",\r\n    animated ? \"ihub-action-animated\" : \"\",\r\n    dropdown ? \"ihub-action-with-dropdown\" : \"\",\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n\r\n  // Common content for both button and link\r\n  const content = (\r\n    <>\r\n      {iconBefore && (\r\n        <span className=\"ihub-action-icon-before\">{iconBefore}</span>\r\n      )}\r\n      <span className=\"ihub-action-label\">{label}</span>\r\n      {dropdown && (\r\n        <span className=\"ihub-action-dropdown-icon\">\r\n          <svg\r\n            width=\"12\"\r\n            height=\"7\"\r\n            viewBox=\"0 0 12 7\"\r\n            fill=\"none\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            style={variant === \"primary\" ? { color: \"#fff\" } : {}}\r\n          >\r\n            <path\r\n              d=\"M1 1L6 6L11 1\"\r\n              stroke=\"currentColor\"\r\n              strokeWidth=\"2\"\r\n              strokeLinecap=\"round\"\r\n              strokeLinejoin=\"round\"\r\n            />\r\n          </svg>\r\n        </span>\r\n      )}\r\n      {!dropdown && iconAfter && (\r\n        <span className=\"ihub-action-icon-after\">{iconAfter}</span>\r\n      )}\r\n    </>\r\n  );\r\n\r\n  // Dropdown menu\r\n  const dropdownMenu = isDropdownOpen &&\r\n    dropdown &&\r\n    dropdownItems.length > 0 && (\r\n      <div\r\n        className={`ihub-action-dropdown-menu ihub-action-dropdown-${dropdownPosition}`}\r\n        onClick={(e) => e.stopPropagation()}\r\n      >\r\n        {dropdownItems.map((item, index) => {\r\n          const itemClasses = [\r\n            \"ihub-action-dropdown-item\",\r\n            item.disabled ? \"ihub-action-dropdown-item-disabled\" : \"\",\r\n            item.className || \"\",\r\n          ]\r\n            .filter(Boolean)\r\n            .join(\" \");\r\n\r\n          const itemContent = (\r\n            <>\r\n              {item.iconBefore && (\r\n                <span className=\"ihub-action-dropdown-item-icon\">\r\n                  {item.iconBefore}\r\n                </span>\r\n              )}\r\n              <span className=\"ihub-action-dropdown-item-label\">\r\n                {item.label}\r\n              </span>\r\n            </>\r\n          );\r\n\r\n          if (item.href && !item.disabled) {\r\n            return (\r\n              <Link\r\n                key={index}\r\n                href={item.href}\r\n                className={itemClasses}\r\n                onClick={() => {\r\n                  if (item.onClick) item.onClick();\r\n                  setIsDropdownOpen(false);\r\n                }}\r\n              >\r\n                {itemContent}\r\n              </Link>\r\n            );\r\n          }\r\n\r\n          return (\r\n            <button\r\n              key={index}\r\n              className={itemClasses}\r\n              onClick={() => {\r\n                if (!item.disabled && item.onClick) {\r\n                  item.onClick();\r\n                  setIsDropdownOpen(false);\r\n                }\r\n              }}\r\n              disabled={item.disabled}\r\n              type=\"button\"\r\n            >\r\n              {itemContent}\r\n            </button>\r\n          );\r\n        })}\r\n      </div>\r\n    );\r\n\r\n  // Wrapper to contain both the action and dropdown\r\n  const renderWithDropdown = (actionElement: React.ReactElement) => {\r\n    if (!dropdown) return actionElement;\r\n\r\n    return (\r\n      <div className=\"ihub-action-dropdown-container\" ref={dropdownRef}>\r\n        {actionElement}\r\n        {dropdownMenu}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  // Render the appropriate element\r\n  const actionElement =\r\n    href && !disabled && !dropdown ? (\r\n      <Link\r\n        href={href}\r\n        className={baseClasses}\r\n        target={target}\r\n        onClick={onClick}\r\n      >\r\n        {content}\r\n      </Link>\r\n    ) : (\r\n      <button\r\n        type={type}\r\n        className={baseClasses}\r\n        onClick={dropdown ? toggleDropdown : onClick}\r\n        disabled={disabled}\r\n      >\r\n        {content}\r\n      </button>\r\n    );\r\n\r\n  return renderWithDropdown(actionElement);\r\n};\r\n\r\nexport default Action;\r\n"],"names":["Action","_ref","label","onClick","href","_ref$variant","variant","_ref$size","size","_ref$fullWidth","fullWidth","_ref$disabled","disabled","iconBefore","iconAfter","_ref$className","className","target","_ref$type","type","_ref$animated","animated","_ref$dropdown","dropdown","_ref$dropdownItems","dropdownItems","_ref$dropdownPosition","dropdownPosition","_React$useState","React","useState","_React$useState2","_slicedToArray","isDropdownOpen","setIsDropdownOpen","dropdownRef","useRef","useEffect","handleClickOutside","event","current","contains","document","addEventListener","removeEventListener","baseClasses","concat","filter","Boolean","join","content","_jsxs","_Fragment","children","_jsx","width","height","viewBox","fill","xmlns","style","color","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","dropdownMenu","length","e","stopPropagation","map","item","index","itemClasses","itemContent","Link","actionElement","ref","renderWithDropdown","preventDefault","prev"],"mappings":"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"}
+{"version":3,"file":"Action.js","sources":["../../../../src/components/ui/Action.tsx"],"sourcesContent":["import React from \"react\";\r\nimport Link from \"next/link\";\r\n\r\n/**\r\n * Defines the structure of a dropdown item\r\n */\r\nexport interface ActionDropdownItem {\r\n  /** Text label to display for the dropdown item */\r\n  label: string | React.ReactNode;\r\n  /** Click handler function */\r\n  onClick?: () => void;\r\n  /** Link destination if the dropdown item is a link */\r\n  href?: string;\r\n  /** Icon to display before the label */\r\n  iconBefore?: React.ReactNode;\r\n  /** Whether the item is disabled */\r\n  disabled?: boolean;\r\n  /** Optional additional class names */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * ActionProps interface defines all possible props for the Action component\r\n */\r\ninterface ActionProps {\r\n  /** Text label to display in the action element */\r\n  label: string | React.ReactNode;\r\n  /** Click handler function */\r\n  onClick?: () => void;\r\n  /** Link destination if the action is a link */\r\n  href?: string;\r\n  /** Visual style variant */\r\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"danger\" | \"text\";\r\n  /** Size variation */\r\n  size?: \"small\" | \"medium\" | \"large\";\r\n  /** Whether the action should take up full width of container */\r\n  fullWidth?: boolean;\r\n  /** Whether the action is disabled */\r\n  disabled?: boolean;\r\n  /** Icon to display before the label */\r\n  iconBefore?: React.ReactNode;\r\n  /** Icon to display after the label */\r\n  iconAfter?: React.ReactNode;\r\n  /** Optional additional class names */\r\n  className?: string;\r\n  /** Target attribute for links */\r\n  target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\r\n  /** Type attribute for buttons */\r\n  type?: \"button\" | \"submit\" | \"reset\";\r\n  /** Whether to add animation effect */\r\n  animated?: boolean;\r\n  /** Whether to show a dropdown menu */\r\n  dropdown?: boolean;\r\n  /** Items to display in the dropdown menu */\r\n  dropdownItems?: ActionDropdownItem[];\r\n  /** Position of the dropdown menu */\r\n  dropdownPosition?: \"left\" | \"right\" | \"center\";\r\n}\r\n\r\n/**\r\n * Action component\r\n * A versatile Action component that can be rendered as a button or link\r\n * with various styles, sizes, icon options, and dropdown functionality\r\n * @example\r\n * <Action\r\n *  label=\"Click Me\"\r\n * onClick={() => alert('Action clicked!')}\r\n * variant=\"primary\"\r\n * size=\"medium\"\r\n * fullWidth={false}\r\n * disabled={false}\r\n * iconBefore={<Icon />}\r\n * />\r\n */\r\nconst Action: React.FC<ActionProps> = ({\r\n  label,\r\n  onClick,\r\n  href,\r\n  variant = \"primary\",\r\n  size = \"medium\",\r\n  fullWidth = false,\r\n  disabled = false,\r\n  iconBefore,\r\n  iconAfter,\r\n  className = \"\",\r\n  target,\r\n  type = \"button\",\r\n  animated = false,\r\n  dropdown = false,\r\n  dropdownItems = [],\r\n  dropdownPosition = \"right\",\r\n}) => {\r\n  // State to manage dropdown visibility\r\n  const [isDropdownOpen, setIsDropdownOpen] = React.useState(false);\r\n  const dropdownRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  // Handle opening/closing the dropdown\r\n  const toggleDropdown = (e: React.MouseEvent) => {\r\n    if (dropdown) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      setIsDropdownOpen((prev) => !prev);\r\n    }\r\n  };\r\n\r\n  // Close dropdown when clicking outside\r\n  React.useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(event.target as Node)\r\n      ) {\r\n        setIsDropdownOpen(false);\r\n      }\r\n    };\r\n\r\n    if (isDropdownOpen) {\r\n      document.addEventListener(\"mousedown\", handleClickOutside);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [isDropdownOpen]);\r\n\r\n  // Construct class names based on props\r\n  const baseClasses = [\r\n    \"ihub-action\",\r\n    `ihub-action-${variant}`,\r\n    `ihub-action-${size}`,\r\n    fullWidth ? \"ihub-action-full-width\" : \"\",\r\n    disabled ? \"ihub-action-disabled\" : \"\",\r\n    animated ? \"ihub-action-animated\" : \"\",\r\n    dropdown ? \"ihub-action-with-dropdown\" : \"\",\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n\r\n  // Common content for both button and link\r\n  const content = (\r\n    <>\r\n      {iconBefore && (\r\n        <span className=\"ihub-action-icon-before\">{iconBefore}</span>\r\n      )}\r\n      <span className=\"ihub-action-label\">{label}</span>\r\n      {dropdown && (\r\n        <span className=\"ihub-action-dropdown-icon\">\r\n          <svg\r\n            width=\"12\"\r\n            height=\"7\"\r\n            viewBox=\"0 0 12 7\"\r\n            fill=\"none\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            style={variant === \"primary\" ? { color: \"#fff\" } : {}}\r\n          >\r\n            <path\r\n              d=\"M1 1L6 6L11 1\"\r\n              stroke=\"currentColor\"\r\n              strokeWidth=\"2\"\r\n              strokeLinecap=\"round\"\r\n              strokeLinejoin=\"round\"\r\n            />\r\n          </svg>\r\n        </span>\r\n      )}\r\n      {!dropdown && iconAfter && (\r\n        <span className=\"ihub-action-icon-after\">{iconAfter}</span>\r\n      )}\r\n    </>\r\n  );\r\n\r\n  // Dropdown menu\r\n  const dropdownMenu = isDropdownOpen &&\r\n    dropdown &&\r\n    dropdownItems.length > 0 && (\r\n      <div\r\n        className={`ihub-action-dropdown-menu ihub-action-dropdown-${dropdownPosition}`}\r\n        onClick={(e) => e.stopPropagation()}\r\n      >\r\n        {dropdownItems.map((item, index) => {\r\n          const itemClasses = [\r\n            \"ihub-action-dropdown-item\",\r\n            item.disabled ? \"ihub-action-dropdown-item-disabled\" : \"\",\r\n            item.className || \"\",\r\n          ]\r\n            .filter(Boolean)\r\n            .join(\" \");\r\n\r\n          const itemContent = (\r\n            <>\r\n              {item.iconBefore && (\r\n                <span className=\"ihub-action-dropdown-item-icon\">\r\n                  {item.iconBefore}\r\n                </span>\r\n              )}\r\n              <span className=\"ihub-action-dropdown-item-label\">\r\n                {item.label}\r\n              </span>\r\n            </>\r\n          );\r\n\r\n          if (item.href && !item.disabled) {\r\n            return (\r\n              <Link\r\n                key={index}\r\n                href={item.href}\r\n                className={itemClasses}\r\n                onClick={() => {\r\n                  if (item.onClick) item.onClick();\r\n                  setIsDropdownOpen(false);\r\n                }}\r\n              >\r\n                {itemContent}\r\n              </Link>\r\n            );\r\n          }\r\n\r\n          return (\r\n            <button\r\n              key={index}\r\n              className={itemClasses}\r\n              onClick={() => {\r\n                if (!item.disabled && item.onClick) {\r\n                  item.onClick();\r\n                  setIsDropdownOpen(false);\r\n                }\r\n              }}\r\n              disabled={item.disabled}\r\n              type=\"button\"\r\n            >\r\n              {itemContent}\r\n            </button>\r\n          );\r\n        })}\r\n      </div>\r\n    );\r\n\r\n  // Wrapper to contain both the action and dropdown\r\n  const renderWithDropdown = (actionElement: React.ReactElement) => {\r\n    if (!dropdown) return actionElement;\r\n\r\n    return (\r\n      <div className=\"ihub-action-dropdown-container\" ref={dropdownRef}>\r\n        {actionElement}\r\n        {dropdownMenu}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  // Render the appropriate element\r\n  const actionElement =\r\n    href && !disabled && !dropdown ? (\r\n      <Link\r\n        href={href}\r\n        className={baseClasses}\r\n        target={target}\r\n        onClick={onClick}\r\n      >\r\n        {content}\r\n      </Link>\r\n    ) : (\r\n      <button\r\n        type={type}\r\n        className={baseClasses}\r\n        onClick={dropdown ? toggleDropdown : onClick}\r\n        disabled={disabled}\r\n      >\r\n        {content}\r\n      </button>\r\n    );\r\n\r\n  return renderWithDropdown(actionElement);\r\n};\r\n\r\nexport default Action;\r\n"],"names":["Action","_ref","label","onClick","href","_ref$variant","variant","_ref$size","size","_ref$fullWidth","fullWidth","_ref$disabled","disabled","iconBefore","iconAfter","_ref$className","className","target","_ref$type","type","_ref$animated","animated","_ref$dropdown","dropdown","_ref$dropdownItems","dropdownItems","_ref$dropdownPosition","dropdownPosition","_React$useState","React","useState","_React$useState2","_slicedToArray","isDropdownOpen","setIsDropdownOpen","dropdownRef","useRef","useEffect","handleClickOutside","event","current","contains","document","addEventListener","removeEventListener","baseClasses","concat","filter","Boolean","join","content","_jsxs","_Fragment","children","_jsx","width","height","viewBox","fill","xmlns","style","color","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","dropdownMenu","length","e","stopPropagation","map","item","index","itemClasses","itemContent","Link","actionElement","ref","renderWithDropdown","preventDefault","prev"],"mappings":"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"}

package/dist/src/components/ui/ColorPicker.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,asyncToGenerator as r,regeneratorRuntime as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as o}from"react/jsx-runtime";import{useState as t,useRef as c,useEffect as i}from"react";var l=["#ff0000","#ff4500","#ff8c00","#ffd700","#ffff00","#9acd32","#32cd32","#00ff00","#00fa9a","#00ffff","#00bfff","#0000ff","#4169e1","#8a2be2","#9400d3","#ff1493","#ff69b4","#ffc0cb","#ffffff","#f5f5f5","#d3d3d3","#808080","#000000","#800000","#008000"],s=function(e){var r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return r?{r:parseInt(r[1],16),g:parseInt(r[2],16),b:parseInt(r[3],16)}:null},u=function(u){var d=u.id,f=u.label,h=u.defaultColor,p=void 0===h?"#000000":h,b=u.name,m=u.className,v=void 0===m?"":m,g=u.showButton,w=void 0===g||g,k=u.onChange,y=u.CUSTOM_COLORS,N=u.hidePreview,x=void 0!==N&&N,C=u.hideFormats,E=void 0!==C&&C,M=u.hideEyeDropper,D=void 0!==M&&M,L=t(!w),B=e(L,2),H=B[0],F=B[1],I=t(p),P=e(I,2),R=P[0],S=P[1],$=t(p),A=e($,2),G=A[0],O=A[1],T=t(!1),_=e(T,2),j=_[0],V=_[1],z=c(null),K=c(null),U=t(!1),X=e(U,2),q=X[0],J=X[1];i((function(){J("EyeDropper"in window)}),[]),i((function(){var e=function(e){z.current&&!z.current.contains(e.target)&&F(!1)};return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}}),[]);var Q,W,Y=function(e){S(e),O(e),V(!1),null==k||k(e),w&&F(!1)},Z=function(){var e=r(a().mark((function e(){var r,n;return a().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!("EyeDropper"in window)){e.next=12;break}return e.prev=1,r=new window.EyeDropper,e.next=5,r.open();case 5:n=e.sent,Y(n.sRGBHex),e.next=12;break;case 9:e.prev=9,e.t0=e.catch(1),console.error("EyeDropper failed:",e.t0);case 12:case"end":return e.stop()}}),e,null,[[1,9]])})));return function(){return e.apply(this,arguments)}}();return n("div",{ref:z,className:"ihub-color-picker ".concat(v),children:[f&&o("label",{htmlFor:d,className:"ihub-fs-sm ihub-mb-1 ihub-d-inline-block",children:f}),b&&o("input",{type:"hidden",name:b,defaultValue:R}),w?n("button",{type:"button",className:"ihub-color-picker-toggle",onClick:function(){return F(!H)},"aria-expanded":H,"aria-haspopup":"true",style:{backgroundColor:R},children:[o("span",{className:"ihub-color-preview",style:{backgroundColor:R}}),o("span",{className:(Q=R,W=s(Q),W&&(.299*W.r+.587*W.g+.114*W.b)/255<.5?"ihub-text-white":"ihub-color-value"),children:R})]}):null,H&&n("div",{className:"ihub-color-picker-panel",role:"dialog","aria-label":"Color picker",onKeyDown:function(e){"Escape"===e.key&&F(!1)},children:[!x&&o("div",{className:"ihub-color-preview-large",style:{backgroundColor:R}}),!E&&n("div",{className:"ihub-color-formats",children:[n("div",{className:"ihub-format-item",children:[o("span",{children:"HEX:"}),o("input",{id:d,ref:K,type:"text",value:G,onChange:function(e){var r=e.target.value;O(r);var a,n=/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(a=r)||/^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/.test(a)||/^hsl\(\s*(\d{1,3})\s*,\s*(\d{1,3})%\s*,\s*(\d{1,3})%\s*\)$/.test(a)?a:null;n?(S(n),V(!1),null==k||k(n)):V(!0)},className:"ihub-color-input ".concat(j?"ihub-error":""),placeholder:"#000000","aria-label":"Hex color value"})]}),n("div",{className:"ihub-format-item",children:[o("span",{children:"RGB:"}),o("span",{className:"ihub-format-value",children:function(e){var r=s(e);return r?"rgb(".concat(r.r,", ").concat(r.g,", ").concat(r.b,")"):e}(R)})]}),n("div",{className:"ihub-format-item",children:[o("span",{children:"HSL:"}),o("span",{className:"ihub-format-value",children:function(e){var r=s(e);if(r){var a=function(e,r,a){e/=255,r/=255,a/=255;var n=Math.max(e,r,a),o=Math.min(e,r,a),t=0,c=0,i=(n+o)/2;if(n!==o){var l=n-o;switch(c=i>.5?l/(2-n-o):l/(n+o),n){case e:t=(r-a)/l+(r<a?6:0);break;case r:t=(a-e)/l+2;break;case a:t=(e-r)/l+4}t/=6}return{h:360*t,s:100*c,l:100*i}}(r.r,r.g,r.b);return"hsl(".concat(Math.round(a.h),", ").concat(Math.round(a.s),"%, ").concat(Math.round(a.l),"%)")}return e}(R)})]})]}),!D&&q&&n("button",{type:"button",className:"ihub-eyedropper-btn",onClick:Z,"aria-label":"Pick color from screen",children:[o("svg",{viewBox:"0 0 24 24",width:"16",height:"16",fill:"currentColor",children:o("path",{d:"M20.71 5.63l-2.34-2.34a1 1 0 00-1.41 0l-3.12 3.12-3.2-3.2a1 1 0 00-1.41 0L7.88 4.58a1 1 0 000 1.41l3.13 3.13L3 17.25V21h3.75l8.01-8.01 3.13 3.13a1 1 0 001.41 0l1.38-1.38a1 1 0 000-1.41l-3.2-3.2 3.23-3.23a1 1 0 000-1.27z"})}),"Pick Color"]}),o("div",{className:"ihub-color-grid",children:(y||l).map((function(e,r){return o("button",{type:"button",className:"ihub-color-swatch ".concat(R===e?"ihub-selected":""),style:{backgroundColor:e},onClick:function(){return Y(e)},"aria-label":"Select color ".concat(e),tabIndex:H?0:-1},e)}))})]})]})};export{u as default};
+import{slicedToArray as e,asyncToGenerator as r,regenerator as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as o}from"react/jsx-runtime";import{useState as t,useRef as i,useEffect as l}from"react";var c=["#ff0000","#ff4500","#ff8c00","#ffd700","#ffff00","#9acd32","#32cd32","#00ff00","#00fa9a","#00ffff","#00bfff","#0000ff","#4169e1","#8a2be2","#9400d3","#ff1493","#ff69b4","#ffc0cb","#ffffff","#f5f5f5","#d3d3d3","#808080","#000000","#800000","#008000"],s=function(e){var r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return r?{r:parseInt(r[1],16),g:parseInt(r[2],16),b:parseInt(r[3],16)}:null},u=function(u){var d=u.id,f=u.label,h=u.defaultColor,b=void 0===h?"#000000":h,p=u.name,m=u.className,v=void 0===m?"":m,g=u.showButton,w=void 0===g||g,y=u.onChange,k=u.CUSTOM_COLORS,N=u.hidePreview,C=void 0!==N&&N,x=u.hideFormats,E=void 0!==x&&x,M=u.hideEyeDropper,D=void 0!==M&&M,L=t(!w),B=e(L,2),H=B[0],F=B[1],I=t(b),P=e(I,2),S=P[0],$=P[1],A=t(b),G=e(A,2),O=G[0],R=G[1],T=t(!1),_=e(T,2),j=_[0],V=_[1],z=i(null),K=i(null),U=t(!1),X=e(U,2),q=X[0],J=X[1];l(function(){J("EyeDropper"in window)},[]),l(function(){var e=function(e){z.current&&!z.current.contains(e.target)&&F(!1)};return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}},[]);var Q,W,Y=function(e){$(e),R(e),V(!1),null==y||y(e),w&&F(!1)},Z=function(){var e=r(a().m(function e(){var r,n,o;return a().w(function(e){for(;;)switch(e.p=e.n){case 0:if(!("EyeDropper"in window)){e.n=4;break}return e.p=1,r=new window.EyeDropper,e.n=2,r.open();case 2:n=e.v,Y(n.sRGBHex),e.n=4;break;case 3:e.p=3,o=e.v,console.error("EyeDropper failed:",o);case 4:return e.a(2)}},e,null,[[1,3]])}));return function(){return e.apply(this,arguments)}}();return n("div",{ref:z,className:"ihub-color-picker ".concat(v),children:[f&&o("label",{htmlFor:d,className:"ihub-fs-sm ihub-mb-1 ihub-d-inline-block",children:f}),p&&o("input",{type:"hidden",name:p,defaultValue:S}),w?n("button",{type:"button",className:"ihub-color-picker-toggle",onClick:function(){return F(!H)},"aria-expanded":H,"aria-haspopup":"true",style:{backgroundColor:S},children:[o("span",{className:"ihub-color-preview",style:{backgroundColor:S}}),o("span",{className:(Q=S,W=s(Q),W&&(.299*W.r+.587*W.g+.114*W.b)/255<.5?"ihub-text-white":"ihub-color-value"),children:S})]}):null,H&&n("div",{className:"ihub-color-picker-panel",role:"dialog","aria-label":"Color picker",onKeyDown:function(e){"Escape"===e.key&&F(!1)},children:[!C&&o("div",{className:"ihub-color-preview-large",style:{backgroundColor:S}}),!E&&n("div",{className:"ihub-color-formats",children:[n("div",{className:"ihub-format-item",children:[o("span",{children:"HEX:"}),o("input",{id:d,ref:K,type:"text",value:O,onChange:function(e){var r=e.target.value;R(r);var a,n=/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(a=r)||/^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/.test(a)||/^hsl\(\s*(\d{1,3})\s*,\s*(\d{1,3})%\s*,\s*(\d{1,3})%\s*\)$/.test(a)?a:null;n?($(n),V(!1),null==y||y(n)):V(!0)},className:"ihub-color-input ".concat(j?"ihub-error":""),placeholder:"#000000","aria-label":"Hex color value"})]}),n("div",{className:"ihub-format-item",children:[o("span",{children:"RGB:"}),o("span",{className:"ihub-format-value",children:function(e){var r=s(e);return r?"rgb(".concat(r.r,", ").concat(r.g,", ").concat(r.b,")"):e}(S)})]}),n("div",{className:"ihub-format-item",children:[o("span",{children:"HSL:"}),o("span",{className:"ihub-format-value",children:function(e){var r=s(e);if(r){var a=function(e,r,a){e/=255,r/=255,a/=255;var n=Math.max(e,r,a),o=Math.min(e,r,a),t=0,i=0,l=(n+o)/2;if(n!==o){var c=n-o;switch(i=l>.5?c/(2-n-o):c/(n+o),n){case e:t=(r-a)/c+(r<a?6:0);break;case r:t=(a-e)/c+2;break;case a:t=(e-r)/c+4}t/=6}return{h:360*t,s:100*i,l:100*l}}(r.r,r.g,r.b);return"hsl(".concat(Math.round(a.h),", ").concat(Math.round(a.s),"%, ").concat(Math.round(a.l),"%)")}return e}(S)})]})]}),!D&&q&&n("button",{type:"button",className:"ihub-eyedropper-btn",onClick:Z,"aria-label":"Pick color from screen",children:[o("svg",{viewBox:"0 0 24 24",width:"16",height:"16",fill:"currentColor",children:o("path",{d:"M20.71 5.63l-2.34-2.34a1 1 0 00-1.41 0l-3.12 3.12-3.2-3.2a1 1 0 00-1.41 0L7.88 4.58a1 1 0 000 1.41l3.13 3.13L3 17.25V21h3.75l8.01-8.01 3.13 3.13a1 1 0 001.41 0l1.38-1.38a1 1 0 000-1.41l-3.2-3.2 3.23-3.23a1 1 0 000-1.27z"})}),"Pick Color"]}),o("div",{className:"ihub-color-grid",children:(k||c).map(function(e,r){return o("button",{type:"button",className:"ihub-color-swatch ".concat(S===e?"ihub-selected":""),style:{backgroundColor:e},onClick:function(){return Y(e)},"aria-label":"Select color ".concat(e),tabIndex:H?0:-1},e)})})]})]})};export{u as default};
 //# sourceMappingURL=ColorPicker.js.map