kyd-shared-badge 0.3.63 → 0.3.64

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kyd-shared-badge",
-  "version": "0.3.63",
+  "version": "0.3.64",
   "private": false,
   "main": "./src/index.ts",
   "module": "./src/index.ts",
@@ -23,6 +23,7 @@
     "@chatscope/chat-ui-kit-styles": "^1.4.0",
     "ai": "5.0.47",
     "i18n-iso-countries": "^7.14.0",
+    "next-auth": "^4.24.11",
     "react-hot-toast": "^2.6.0",
     "react-icons": "^5.5.0",
     "recharts": "^2.15.4",

package/src/SharedBadgeDisplay.tsx

@@ -348,7 +348,7 @@ const SharedBadgeDisplay = ({ badgeData, chatProps, headless }: { badgeData: Pub
             resume={resumeJson}
             roleName={roleName}
             badgeId={badgeId}
-            isPublic={true}
+            isPublic={badgeData.isPublic}
             showDownloadButton={true}
           />
         </div>

package/src/components/ResumeView.tsx

@@ -1,6 +1,8 @@
 'use client';
 
-import { useState, useMemo } from 'react';
+import { useState } from 'react';
+import { Spinner } from './spinner';
+import { useSession } from 'next-auth/react';
 
 type ResumeJSON = Partial<{
   header: Partial<{ name: string; title: string; contact: Partial<{ email: string; phone: string; location: string; links: string[] }> }>;
@@ -18,7 +20,6 @@ interface ResumeViewProps {
   roleName?: string;
   badgeId?: string;
   isPublic?: boolean;
-  idToken?: string;
   showDownloadButton?: boolean;
 }
 
@@ -38,8 +39,9 @@ const Row = ({ label, value }: { label: string; value?: string }) => {
   );
 };
 
-export default function ResumeView({ resume, roleName, badgeId, isPublic, idToken, showDownloadButton }: ResumeViewProps) {
+export default function ResumeView({ resume, roleName, badgeId, isPublic, showDownloadButton }: ResumeViewProps) {
   const [isDownloading, setIsDownloading] = useState(false);
+  const { data: session } = useSession();
 
   const header = resume?.header || {};
   const contact = header?.contact || {} as any;
@@ -59,6 +61,7 @@ export default function ResumeView({ resume, roleName, badgeId, isPublic, idToke
       const apiGatewayUrl = process.env.NEXT_PUBLIC_API_GATEWAY_URL;
       if (!apiGatewayUrl) throw new Error('API not configured');
       const usePublic = !!isPublic;
+      const idToken = (session as any)?.id_token;
       const path = usePublic ? `/share/badge/${badgeId}/resume` : `/user/assessment/${badgeId}/resume`;
       const res = await fetch(`${apiGatewayUrl}${path}`, {
         method: 'GET',
@@ -98,7 +101,7 @@ export default function ResumeView({ resume, roleName, badgeId, isPublic, idToke
             className={'px-3 py-2 text-sm rounded-md border'}
             style={{ borderColor: 'var(--icon-button-secondary)', color: 'var(--text-main)', background: 'var(--content-card-background)' }}
           >
-            {isDownloading ? 'Preparing…' : 'Download Resume (.docx)'}
+            {isDownloading ? <Spinner /> : 'Download Resume (.docx)'}
           </button>
         ) : null}
       </div>

package/src/components/spinner.tsx

@@ -0,0 +1,12 @@
+'use client'
+import React from 'react'
+
+export function Spinner() {
+  return (
+    <div className="animate-spin rounded-full h-6 w-6 border-b-2 border-[var(--icon-accent-hover)]"></div>
+  )
+}
+
+export default Spinner
+
+