@qratilabs/qrati-connect 1.13.0 → 1.14.0

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## [1.13.1](https://github.com/qrati-labs/qrati-connect-js/compare/v1.13.0...v1.13.1) (2025-04-05)
+
+
+### Bug Fixes
+
+* include organization in useSession for custom authentication handling ([d860781](https://github.com/qrati-labs/qrati-connect-js/commit/d860781e6d2fa2ec832620405cf5a275eb42825f))
+
+# [1.13.0](https://github.com/qrati-labs/qrati-connect-js/compare/v1.12.0...v1.13.0) (2025-04-05)
+
+
+### Bug Fixes
+
+* add console log for parsed query string in PublicEvents component ([ffbf3bf](https://github.com/qrati-labs/qrati-connect-js/commit/ffbf3bf218156cdb5e7fae2e5e524b6dc97bc400))
+* handle loading states in AuthLayout with Shimmer component ([6a69450](https://github.com/qrati-labs/qrati-connect-js/commit/6a6945054107d9ef920e5267923a148d6f03215d))
+* update Vite config to include custom CSS file name and remove unnecessary file copy ([fa51e42](https://github.com/qrati-labs/qrati-connect-js/commit/fa51e42e55c733645c0468a93fccc23bbd23aa87))
+
+
+### Features
+
+* add router prop to QratiConnect component and update PropsContext documentation ([379563b](https://github.com/qrati-labs/qrati-connect-js/commit/379563b81c29ca7eb9445717db4ebec75ccd98ee))
+
 # [1.12.0](https://github.com/qrati-labs/qrati-connect-js/compare/v1.11.6...v1.12.0) (2025-04-05)
 
 

package/element/5JEHKHWA.js

@@ -0,0 +1 @@
+import{a,u as s,j as c,S as r,N as e,d as l,c as t,P as i,T as n,O as q}from"./DKcmOmR2.js";const d=()=>{var d;const o=a(),{initializing:m,organization:x,user:h}=s();return m?c.jsxs("div",{className:"qc-mx-auto qc-max-w-lg qc-space-y-8 qc-py-8",children:[c.jsx(r,{className:"qc-h-8"}),c.jsx(r,{className:"qc-h-8"}),c.jsx(r,{className:"qc-h-8"}),c.jsx(r,{className:"qc-h-8"})]}):h?c.jsx(e,{replace:!0,to:(null==(d=null==o?void 0:o.state)?void 0:d.referrer)||"/"}):!x||null!=x&&x.customAuth?null:c.jsxs("div",{className:"qc-bg-primary qc-mx-auto qc-mt-24 qc-min-h-[80vh] qc-max-w-md",children:[c.jsxs("div",{className:"qc-my-8 qc-flex qc-w-full qc-justify-around",children:[c.jsx(l,{to:i.LOGIN,state:null==o?void 0:o.state,className:t(o.pathname===i.LOGIN?"qc-border-brand":"qc-border-primary","qc-flex-1 qc-border-2 qc-border-x-0 qc-border-t-0 qc-pb-2"),children:c.jsx(n,{variant:"h5",align:"center",children:"Login"})}),c.jsx(l,{to:i.REGISTER,state:null==o?void 0:o.state,className:t(o.pathname===i.REGISTER?"qc-border-brand":"qc-border-primary","qc-flex-1 qc-border-2 qc-border-x-0 qc-border-t-0 qc-pb-2"),children:c.jsx(n,{variant:"h5",align:"center",children:"Register"})})]}),c.jsx(q,{})]})};export{d as default};

package/element/6NIg1eO8.js

@@ -0,0 +1 @@
+import{l as e,j as t,c as r,T as a,u as c,J as s,a as n,t as o,v as l,k as i,A as d,K as m,S as q,x as u,N as h,P as g,E as x,n as p,G as f,L as v}from"./DKcmOmR2.js";import{D as j,a as b,b as y,c as N,d as w}from"./BJeRZFhR.js";import{L as E}from"./CRGcSDLv.js";import{V as k}from"./hC6jt2K2.js";const C=(e,t)=>`${Number.parseFloat((null==e?void 0:e.toFixed(t))??0)}`,S=(e,t)=>{switch(Math.floor(Math.abs(e-t))){case 0:return"qc-bg-green-500";case 1:return"qc-bg-lime-500";case 2:return"qc-bg-yellow-500";case 3:return"qc-bg-orange-500";case 4:return"qc-bg-red-500";default:return"qc-bg-primary-500"}},T=(e,t)=>{switch(Math.floor(Math.abs(e-t))){case 0:return"qc-border-t-green-500";case 1:return"qc-border-t-lime-500";case 2:return"qc-border-t-yellow-500";case 3:return"qc-border-t-orange-500";case 4:return"qc-border-t-red-500";default:return"qc-border-t-color-500"}},_=({position:e,maxPosition:r=4,content:a,isOverlapping:c,colorclsx:s,borderColorclsx:n})=>{const o=e/r*100;let l="qc-transform qc--translate-x-1/2 qc-left-1/2";e<2?l="qc-left-0":e>3&&(l="qc-right-0 qc-transform qc--translate-x-full");const i=c?"qc--top-1.5":"qc-bottom-full";return t.jsxs("div",{className:"qc-relative",children:[t.jsx("div",{style:{left:`${o}%`},className:`qc-absolute ${i} qc-text-a11y qc-mb-0.5 qc-w-fit qc-whitespace-nowrap qc-rounded-md qc-px-2 qc-py-1 qc-text-sm md:qc-mb-1 ${l} qc-transition-all qc-duration-500 qc-ease-in-out ${s}`,children:a}),t.jsx("div",{style:{left:`${o}%`},className:`qc-absolute ${i} qc--mb-1.5 qc-size-0 qc-border-x-4 qc-border-t-[1rem] qc-border-transparent ${l} qc-transition-all qc-duration-500 qc-ease-in-out ${n}`})]})},O=a=>{const{crowdScore:c,userScore:s}=a,[n,o]=e.useState(0);e.useEffect((()=>{setTimeout((()=>{o(s-1)}),300)}),[s]);const l=c-1,i=s-1,d=Math.abs(l-i)<1;return t.jsxs("div",{className:r("qc-relative qc-h-4",d?"qc-mb-3":"qc-mb-0"),children:[t.jsx("div",{className:"qc-absolute qc-top-1/2 qc-h-0.5 qc-w-full qc-bg-border-primary-light"}),t.jsx("div",{style:{left:(l<n?l:n)/4*100+"%",right:`calc(100% - ${(l<n?n:l)/4*100}%)`},className:r("qc-absolute qc-top-1/2 qc-h-1 qc-rounded",S(l,i))}),t.jsx(_,{position:l,content:`crowd · ${C(c,1)}`,isOverlapping:!1,colorclsx:"qc-bg-brand",borderColorclsx:"qc-border-t-brand-light"}),t.jsx(_,{position:n,content:`you · ${C(s,1)}`,isOverlapping:d,colorclsx:S(l,i),borderColorclsx:T(l,i)})]})},I=e.lazy((()=>import("./BFjZbgyH.js").then((e=>e.i)))),R=e.lazy((()=>import("./BkKNsCZB.js"))),z=({feedback:r})=>{const c="#374151",[s,n]=e.useState(10);return e.useEffect((()=>{const e=(r&&r.parameters||[]).reduce(((e,t)=>e+Math.abs(parseFloat(t.crowdRating)-parseFloat(t.userRating))),0);n(e.toFixed?e.toFixed(2):0)}),[r]),r?t.jsxs("div",{className:"",children:[r.rateCount<=0&&t.jsxs("div",{className:"qc--mt-4 qc-mb-4 qc-flex qc-flex-col qc-items-center",children:[t.jsx(R,{className:"qc-h-56",src:"https://res.cloudinary.com/dxtjlcra0/raw/upload/v1740374960/star-explode_h2nytb.lottie",autoplay:!0,loop:!0}),t.jsx(a,{variant:"h5",align:"center",children:"Congratulations! You are the first to rate"})]}),r.rateCount>0&&t.jsxs("div",{className:"qc-mt-4",children:[(r.parameters||[]).map((e=>t.jsxs("div",{className:"qc-mt-4 qc-space-y-4",children:[t.jsx(a,{variant:"h5",children:e.name}),t.jsx(O,{crowdScore:parseFloat(e.crowdRating),userScore:parseFloat(e.userRating)})]},e.name))),t.jsxs("div",{className:"qc-mt-4 qc-flex qc-w-full qc-flex-col qc-items-center",children:[t.jsx(I,{nrOfLevels:10,percent:(10-s)/10,colors:["#ef4444","#22c55e"],textColor:c,needleColor:c,needleBaseColor:c}),t.jsx(a,{variant:"h6",children:"Alignment with crowd"})]})]})]}):null},$=({text:e,className:a})=>{const{props:{textClassName:s}}=c();return t.jsxs("div",{className:"qc-relative "+a,children:[t.jsx("div",{className:"qc-absolute qc-inset-0 qc-flex qc-items-center",children:t.jsx("div",{className:"qc-h-[0.05rem] qc-w-full qc-bg-gradient-to-r qc-from-transparent qc-via-text-primary-light qc-to-transparent"})}),!!e&&t.jsx("div",{className:"qc-relative qc-flex qc-justify-center",children:t.jsx("span",{className:r("qc-text-primary qc-px-2 qc-font-medium",s),children:e})})]})},A=e.lazy((()=>import("./BkKNsCZB.js"))),P=({parameter:e,selected:a,onChange:c,showValues:n=!0})=>t.jsxs("div",{className:"qc-mb-8 qc-flex qc-w-full qc-flex-col qc-gap-2 lg:qc-mb-12 lg:qc-gap-4",children:[t.jsx($,{className:"md:qc-hidden",text:e.name,textClassName:"qc-bg-secondary qc-text-sm qc-text-brand-light"}),t.jsx("h3",{className:"qc-hidden qc-text-xl qc-font-semibold qc-text-brand-light md:qc-block",children:e.name}),t.jsx("div",{className:"qc-grid qc-w-full qc-grid-cols-5 qc-gap-1 lg:qc-gap-2",children:(e.tooltips||[]).map((o=>{const l=`${e._id}-option-${o.value}`;return t.jsxs("div",{children:[t.jsxs("button",{className:r("qc-border-brand qc-shadow-outer qc-flex qc-size-full qc-min-h-12 qc-items-center qc-justify-center qc-rounded qc-border qc-transition-all qc-duration-100 active:qc-scale-90",a===o.value?"qc-bg-brand":"qc-bg-primary"),onClick:()=>{a!==o.value&&c&&c(o.value)},children:[e.mode===s.TEXT&&t.jsx("div",{className:r("qc-p-1 qc-text-center qc-text-xs qc-font-semibold md:qc-p-2 md:qc-text-base",a===o.value?"qc-text-a11y":"qc-text-primary"),children:o.label}),e.mode===s.IMAGE&&t.jsx("img",{className:"qc-h-12 qc-w-auto qc-rounded-md qc-object-contain lg:qc-h-16",src:o.imageUrl,alt:o.value}),e.mode===s.LOTTIE&&t.jsx(A,{className:"qc-h-16 qc-w-auto qc-rounded-md qc-object-contain lg:qc-h-24",src:o.imageUrl,autoplay:!0,loop:!0})]}),n&&t.jsx("div",{className:"qc-mt-1 qc-w-full qc-text-center",children:t.jsx("span",{className:"qc-text-primary qc-inline-flex qc-items-center qc-px-2 qc-py-[0.0625] qc-text-xs qc-font-medium md:qc-px-3 md:qc-py-0.5",children:o.value})})]},l)}))})]});var F,M,U=function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var a,c,s=r.call(e),n=[];try{for(;(void 0===t||t-- >0)&&!(a=s.next()).done;)n.push(a.value)}catch(e){c={error:e}}finally{try{a&&!a.done&&(r=s.return)&&r.call(s)}finally{if(c)throw c.error}}return n};function L(e,t,r,a,c,s,n,o,l,i,d){var m,q,u,h;if(0!==n)if(n!==r-t+(s-c)){for(var g=r-t,x=s-c,p=Math.floor(x/2),f={},v=-n-1;v<=n+1;++v)f[v]={d:1/0,segments:0,direct:F.none};for(var j=((m={})[-n-1]={d:1/0,segments:0,direct:F.none},m[n+1]={d:1/0,segments:0,direct:F.none},m),b=0;b<=p;++b){q=U([j,f],2),f=q[0],j=q[1];var y=function(r){var s=b+r;if(0===b&&0===s)return f[r]={d:0,segments:0,direct:o},"continue";var n=[{direct:F.horizontal,d:f[r-1].d+1,segments:f[r-1].segments+(f[r-1].direct&F.horizontal?0:1)},{direct:F.vertical,d:j[r+1].d+1,segments:j[r+1].segments+(j[r+1].direct&F.vertical?0:1)}];s>0&&s<=g&&b>0&&b<=x&&i(e[t+s-1],a[c+b-1])&&n.push({direct:F.diagonal,d:j[r].d,segments:j[r].segments+(j[r].direct&F.diagonal?0:1)});var l=n.reduce((function(e,t){return e.d>t.d||e.d===t.d&&e.segments>t.segments?t:e}));n.forEach((function(e){l.d===e.d&&l.segments===e.segments&&(l.direct|=e.direct)})),f[r]=l};for(v=-n;v<=n;++v)y(v)}var N={};for(v=-n-1;v<=n+1;++v)N[v]={d:1/0,segments:0,direct:F.none};var w=((u={})[-n-1]={d:1/0,segments:0,direct:F.none},u[n+1]={d:1/0,segments:0,direct:F.none},u);for(b=x;b>=p;--b){h=U([w,N],2),N=h[0],w=h[1];var E=function(r){var s=b+r;if(b===x&&s===g)return N[r]={d:0,segments:0,direct:l},"continue";var n=[{direct:F.horizontal,d:N[r+1].d+1,segments:N[r+1].segments+(N[r+1].direct&F.horizontal?0:1)},{direct:F.vertical,d:w[r-1].d+1,segments:w[r-1].segments+(w[r-1].direct&F.vertical?0:1)}];s>=0&&s<g&&b>=0&&b<x&&i(e[t+s],a[c+b])&&n.push({direct:F.diagonal,d:w[r].d,segments:w[r].segments+(w[r].direct&F.diagonal?0:1)});var o=n.reduce((function(e,t){return e.d>t.d||e.d===t.d&&e.segments>t.segments?t:e}));n.forEach((function(e){o.d===e.d&&o.segments===e.segments&&(o.direct|=e.direct)})),N[r]=o};for(v=n;v>=-n;--v)E(v)}var k={k:-1,d:1/0,segments:0,direct:F.none};for(v=-n;v<=n;++v){var C=f[v].d+N[v].d;if(C<k.d)k.k=v,k.d=C,k.segments=f[v].segments+N[v].segments+(f[v].segments&N[v].segments?0:1),k.direct=N[v].direct;else if(C===k.d){var S=f[v].segments+N[v].segments+(f[v].segments&N[v].segments?0:1);(S<k.segments||S===k.segments&&!(k.direct&F.diagonal)&&N[v].direct&F.diagonal)&&(k.k=v,k.d=C,k.segments=S,k.direct=N[v].direct)}}p+k.k===0&&0===p&&(p++,f[k.k].direct=N[k.k].direct,N[k.k].direct=w[k.k].direct),L(e,t,t+p+k.k,a,c,c+p,f[k.k].d,o,N[k.k].direct,i,d),L(e,t+p+k.k,r,a,c+p,s,N[k.k].d,f[k.k].direct,l,i,d)}else(o&F.horizontal?1:0)+(l&F.vertical?1:0)>=(o&F.vertical?1:0)+(l&F.horizontal?1:0)?(t!==r&&d("remove",e,t,r,a,c,c),c!==s&&d("add",e,r,r,a,c,s)):(c!==s&&d("add",e,t,t,a,c,s),t!==r&&d("remove",e,t,r,a,s,s));else d("same",e,t,r,a,c,s)}function G(e,t,r,a){var c=function(e,t,r){for(var a=e.length,c=t.length,s=a+c,n={1:0},o=0;o<=s;++o)for(var l=-o;l<=o;l+=2){for(var i=void 0,d=(i=l===-o||l!==o&&n[l-1]+1<n[l+1]?n[l+1]:n[l-1]+1)-l;i<a&&d<c&&r(e[i],t[d]);)i++,d++;if(i===a&&d===c)return o;n[l]=i}return-1}(e,t,r);L(e,0,e.length,t,0,t.length,c,F.diagonal,F.all,r,a)}(M=F||(F={}))[M.none=0]="none",M[M.horizontal=1]="horizontal",M[M.vertical=2]="vertical",M[M.diagonal=4]="diagonal",M[M.all=7]="all";const D=(e,t,r)=>function(e,t,r){void 0===r&&(r=function(e,t){return e===t});var a={removed:[],added:[]};return G(e,t,r,(function(e,t,r,c,s,n,o){if("add"===e)for(var l=n;l<o;++l)a.added.push(s[l]);else if("remove"===e)for(l=r;l<c;++l)a.removed.push(t[l])})),a}(e||[],t||[],r),V=()=>{const r=n(),{eventSlug:s,contentId:C}=o(),{props:{organizationId:S,loginUrl:T},user:_,getAccessToken:O,loadingUser:I,organization:R}=c(),[$,A]=e.useState(!1),[F,M]=e.useState(null),[U,L]=e.useState([]),[G,V]=e.useState(null),[W,B]=e.useState("contain"),[J,K]=e.useState({}),[X,Y]=e.useState(null),[H,Q]=e.useState(!1),[Z,ee]=e.useState(!0),[te,re]=e.useState(null),{loading:ae,event:ce,parameters:se}=l({eventSlug:s});e.useEffect((()=>{ce&&_&&ne(ce._id)}),[ce,_]);const ne=async e=>{A(!0);try{const t=await i.get(d.CONTENT_FOR_CURATION,{headers:{"x-org-id":S},searchParams:{accessToken:await O(),eventId:e,page:1,limit:10}}).json();if(t.error)throw new Error(t.error);const r=C?t.data.filter((e=>e._id!==C)):t.data;let a,c=r;if(C){const e=await i.get(d.ELIGIBLE_TO_CURATE,{headers:{"x-org-id":S},searchParams:{accessToken:await O(),contentId:C}}).json();if(e.error)throw new Error(e.error);const t=e.data;c=t?[t,...r]:r||[],a=t&&t.ratingStatus===m.OWN?"Sorry, you cannot rate your own content":t&&t.ratingStatus===m.CURATED?"Sorry, you have already rated this photo.":null}const s=await i.get(d.GET_EVENT_POINTS,{headers:{"x-org-id":S},searchParams:{accessToken:await O(),eventId:e}}).json();if(s.error)throw new Error(s.error);V(s.data),L(c),M(a)}catch(e){console.error("Failed to fetch contents",e)}A(!1)},oe=()=>{const e=U.slice(1);M(null),Y(null),K({}),e.length===v?(async e=>{var t;try{const r=await i.get(d.CONTENT_FOR_CURATION,{headers:{"x-org-id":S},searchParams:{accessToken:await O(),eventId:null==ce?void 0:ce._id,page:1,limit:10}});if(r.error)throw new Error(r.error);if((null==(t=null==r?void 0:r.data)?void 0:t.length)>0){const t=D(e,r.data,((e,t)=>e._id===t._id)),a=[...e,...t.added];L(a)}}catch(e){console.error(e)}})(e):L(e),ee(!0)};if(I)return t.jsx(q,{className:"qc-mx-auto qc-h-6 qc-w-64"});if(!_){if(!R.customAuth)return t.jsx(h,{to:g.LOGIN,state:{referrer:r.pathname}});if(!T)return t.jsx(u,{title:"Please login to upload content"});window.history.pushState({},"",T)}return t.jsx("div",{className:"qc-min-h-[80vh]",children:$||ae?t.jsxs("div",{className:"qc-mt-8 qc-grid qc-grid-cols-1 qc-gap-6 md:qc-grid-cols-2",children:[t.jsx(q,{className:"qc-h-64 qc-w-full md:qc-h-[30rem] md:qc-max-h-screen md:qc-rounded"}),t.jsx("div",{className:"qc-space-y-8",children:Array.from({length:2}).map(((e,r)=>t.jsxs("div",{className:"qc-space-y-4",children:[t.jsx(q,{className:"qc-h-8 qc-w-36"}),t.jsx("div",{className:"qc-flex qc-w-full qc-gap-4",children:Array.from({length:5}).map(((e,r)=>t.jsx(q,{className:"qc-h-24 qc-w-full sm:qc-h-32"},r)))})]},r)))})]}):t.jsxs("div",{className:"qc-mt-6 lg:qc-mt-9",children:[(null==ce?void 0:ce.status)===x.CLOSED&&t.jsx(a,{variant:"h3",color:"brand",align:"center",children:"Event is now closed. Thank you for participating!"}),(null==ce?void 0:ce.status)===x.OPEN&&U.length<=0&&t.jsx(a,{variant:"h3",color:"brand",align:"center",children:"No content to rate. Please find another event to rate contents."}),(null==ce?void 0:ce.status)===x.OPEN&&U.length>0&&t.jsx("div",{children:t.jsxs("div",{className:"qc-grid qc-grid-cols-1 qc-gap-6 md:qc-grid-cols-2",children:[t.jsxs("div",{className:"qc-relative qc-mt-4 qc-w-full",children:[U[0].type===p.IMAGE&&t.jsx(E,{sizeMode:W,src:U[0].url,alt:U[0].caption,blurhash:U[0].blurhash,wrapperClassName:"qc-w-full qc-h-60 md:qc-h-[30rem] md:qc-max-h-screen md:qc-rounded"}),U[0].type===p.VIDEO&&t.jsx("div",{className:"qc-mx-auto qc-h-80 qc-w-fit qc-overflow-hidden qc-rounded sm:qc-h-[30rem]",children:t.jsx(k,{fit:W,src:U[0].url,loop:!0,playing:Z,volume:0,muted:!0,onPlay:()=>ee(!0),onPause:()=>ee(!1),onEnd:()=>ee(!1)})}),U[0].caption&&U[0].caption.length>0&&t.jsx("div",{className:"qc-bg-primary qc-absolute qc-bottom-0 qc-w-full qc-bg-opacity-75 qc-p-2",children:t.jsx(a,{variant:"body3",lines:"2",children:U[0].caption})}),U.length>1&&t.jsx("img",{style:{display:"none"},src:U[1].url,alt:"Next image"})]}),t.jsxs("div",{className:"qc-px-2 md:qc-px-4",children:[!F&&se&&se.map((e=>t.jsx(P,{parameter:e,selected:J[e._id],onChange:t=>K({...J,[e._id]:t})},e._id))),te&&t.jsx(a,{variant:"h5",color:"error",children:te}),F&&t.jsx(a,{variant:"h5",color:"error",children:F}),se&&t.jsx(f,{type:"button",color:"brand",className:"qc-mt-4 qc-w-full",disabled:H,loading:H,icon:"material-symbols:check-rounded",onClick:F?oe:async()=>{if(se.length<1)return void re("no parameters found");if(Object.keys(J).length<se.length)return void re("please select your ratings");re(null),Q(!0);const e=await i.post(d.CURATE_CONTENT,{headers:{"x-org-id":S},json:{accessToken:await O(),eventId:ce._id,contentId:U[0]._id,parameterCount:se.length,userRatings:se.map((e=>({parameterId:e._id,weight:e.weight,rate:J[e._id]}))),inappropriate:""}}).json();if(e.error)re(e.error);else{const t=e.data,r=t.crowdRatings||{},a={parameters:se.map((e=>{var a,c;return{name:e.name,crowdRating:r[e._id],userRating:null==(c=null==(a=t.ratings)?void 0:a.find((t=>t.parameterId===e._id)))?void 0:c.rate}})),similarity:t.similarity||null,points:t.points||0,rateCount:t.rateCount||0};Y(a);const c={...G};c.curate+=ce.activityScores.curate,V(c)}Q(!1)},children:F?"Rate Next Image":H?"Rating...":"Submit"})]})]})}),t.jsx(j,{open:!!X,onOpenChange:e=>!e&&oe(),children:t.jsxs(b,{children:[t.jsxs(y,{children:[t.jsxs(N,{className:"qc-hidden",children:[null==ce?void 0:ce.pointName,": ",(null==G?void 0:G.upload)+(null==G?void 0:G.curate)]}),t.jsx(w,{className:"qc-hidden",children:"We are here to help you"})]}),t.jsxs("div",{className:"qc-space-y-3 qc-px-3 qc-pb-6 lg:qc-px-6",children:[t.jsx(z,{feedback:X}),t.jsx(f,{fullWidth:!0,color:"brand",onClick:oe,children:"Next"})]})]})})]})})};export{V as default};