@learncard/react 2.11.0 → 2.12.0

package/src/components/VCDisplayCard2/VCDisplayCard2.tsx

@@ -43,6 +43,32 @@ export type CredentialIconType = {
     color?: string;
 };
 
+export type VCDisplayCardVariant = 'ribbon' | 'award' | 'certificate' | 'id';
+
+/**
+ * Returns the visual branch VCDisplayCard2 will render. Preview hosts use this
+ * to preserve their specialized-card spacing while the ribbon card owns its
+ * wider horizontal safe area.
+ */
+export const getVCDisplayCardVariant = (
+    credential?: VC | BoostAchievementCredential,
+    categoryType?: LCCategoryEnum | string,
+    formattedDisplayType?: string
+): VCDisplayCardVariant => {
+    const resolvedDisplayType = (
+        credential?.display?.displayType ?? formattedDisplayType
+    )?.toLocaleLowerCase();
+
+    if (categoryType === LCCategoryEnum.meritBadge || resolvedDisplayType === 'award') {
+        return 'award';
+    }
+
+    if (resolvedDisplayType === 'certificate') return 'certificate';
+    if (resolvedDisplayType === 'id' || categoryType === LCCategoryEnum.id) return 'id';
+
+    return 'ribbon';
+};
+
 export type VCDisplayCard2Props = {
     categoryType?: LCCategoryEnum;
     credential: VC | BoostAchievementCredential;
@@ -157,19 +183,30 @@ export const VCDisplayCard2: React.FC<VCDisplayCard2Props> = ({
     const isFront = isFrontOverride ?? _isFront;
     const setIsFront = setIsFrontOverride ?? _setIsFront;
 
-    const [headerHeight, setHeaderHeight] = useState(100); // 79 is the height if the header is one line
-    const [headerWidth, setHeaderWidth] = useState(0);
+    const [headerHeight, setHeaderHeight] = useState(79);
 
     const headerRef = useRef<HTMLHeadingElement>(null);
 
     useLayoutEffect(() => {
-        // Needs a small setTimeout otherwise it'll be wrong sometimes with multiline header.
-        //   Probably because of the interaction with FitText
-        setTimeout(() => {
-            setHeaderHeight(headerRef.current?.clientHeight || 100);
-            setHeaderWidth(headerRef.current?.clientWidth ?? 0);
-        }, 10);
-    });
+        const header = headerRef.current;
+        if (!header) return;
+
+        // Keep the ribbon tails aligned when a long title makes the center
+        // section taller than its normal single-line height.
+        const updateHeaderHeight = () => setHeaderHeight(header.clientHeight || 79);
+
+        updateHeaderHeight();
+        if (typeof ResizeObserver === 'undefined') return;
+
+        const resizeObserver = new ResizeObserver(updateHeaderHeight);
+        resizeObserver.observe(header);
+
+        return () => resizeObserver.disconnect();
+    }, []);
+
+    // The tails start 10px below the center ribbon and visually overlap its
+    // lower border, so they are slightly shorter than the measured header.
+    const ribbonEndHeight = Math.max(headerHeight - 4, 75).toString();
 
     let worstVerificationStatus = verificationItems.reduce(
         (
@@ -204,10 +241,13 @@ export const VCDisplayCard2: React.FC<VCDisplayCard2Props> = ({
 
     const _title = titleOverride || title;
 
-    const resolvedDisplayType =
-        credential?.display?.displayType ?? formattedDisplayType?.toLocaleLowerCase();
+    const displayCardVariant = getVCDisplayCardVariant(
+        credential,
+        categoryType,
+        formattedDisplayType
+    );
 
-    if (categoryType === LCCategoryEnum.meritBadge || resolvedDisplayType === 'award') {
+    if (displayCardVariant === 'award') {
         return (
             <MeritBadgeDisplayCard
                 credential={credential}
@@ -241,7 +281,7 @@ export const VCDisplayCard2: React.FC<VCDisplayCard2Props> = ({
         );
     }
 
-    if (resolvedDisplayType === 'certificate') {
+    if (displayCardVariant === 'certificate') {
         return (
             <CertificateDisplayCard
                 credential={credential}
@@ -273,7 +313,7 @@ export const VCDisplayCard2: React.FC<VCDisplayCard2Props> = ({
                 onVerifierClick={onVerifierClick}
             />
         );
-    } else if (resolvedDisplayType === 'id' || categoryType === 'ID') {
+    } else if (displayCardVariant === 'id') {
         return (
             <div>
                 <VCIDDisplayCard
@@ -314,7 +354,7 @@ export const VCDisplayCard2: React.FC<VCDisplayCard2Props> = ({
         'vc-card-header-main-title text-[#18224E] pt-[3px] leading-[80%] text-[32px]';
 
     return (
-        <Flipper className="w-full" flipKey={isFront}>
+        <Flipper className="vc-display-card-ribbon-safe-area w-full" flipKey={isFront}>
             <Flipped flipId="card">
                 <section
                     className="vc-display-card font-poppins flex flex-col items-center border-solid border-[5px] border-white rounded-[30px] z-10 min-h-[800px] max-w-[400px] relative bg-white shadow-3xl"
@@ -325,14 +365,14 @@ export const VCDisplayCard2: React.FC<VCDisplayCard2Props> = ({
                         <RibbonEnd
                             side="left"
                             className="absolute left-[-30px] top-[50px] z-0"
-                            height={'75'}
+                            height={ribbonEndHeight}
                         />
                     </Flipped>
                     <Flipped inverseFlipId="card">
                         <RibbonEnd
                             side="right"
                             className="absolute right-[-30px] top-[50px] z-0"
-                            height={'75'}
+                            height={ribbonEndHeight}
                         />
                     </Flipped>
 
@@ -351,7 +391,7 @@ export const VCDisplayCard2: React.FC<VCDisplayCard2Props> = ({
                                 text={_title ?? ''}
                                 maxFontSize={32}
                                 minFontSize={20}
-                                width={((headerWidth ?? 290) - 40).toString()}
+                                width="100%"
                                 className={headerFitTextClassName}
                             />
                         </h1>
@@ -390,7 +430,7 @@ export const VCDisplayCard2: React.FC<VCDisplayCard2Props> = ({
                                     text={_title ?? ''}
                                     maxFontSize={32}
                                     minFontSize={20}
-                                    width={((headerWidth ?? 290) - 40).toString()}
+                                    width="100%"
                                     className={headerFitTextClassName}
                                 />
                             </h1>

package/src/components/VCDisplayCard2/__tests__/FitText.test.tsx

@@ -0,0 +1,140 @@
+// @vitest-environment jsdom
+
+import React from 'react';
+import { render } from '@testing-library/react';
+import { afterEach, beforeEach, describe, expect, test, vi } from 'vitest';
+import type { MockInstance } from 'vitest';
+
+import FitText from '../FitText';
+
+let resizeObserverCallback: ResizeObserverCallback;
+let clientWidth = 212;
+let scrollWidth = 400;
+
+const observe = vi.fn();
+const disconnect = vi.fn();
+
+class ResizeObserverMock {
+    constructor(callback: ResizeObserverCallback) {
+        resizeObserverCallback = callback;
+    }
+
+    observe = observe;
+    disconnect = disconnect;
+    unobserve = vi.fn();
+}
+
+describe('FitText', () => {
+    let clientWidthSpy: MockInstance<[], number>;
+    let scrollWidthSpy: MockInstance<[], number>;
+
+    beforeEach(() => {
+        clientWidth = 212;
+        scrollWidth = 400;
+        observe.mockClear();
+        disconnect.mockClear();
+
+        vi.stubGlobal('ResizeObserver', ResizeObserverMock);
+        clientWidthSpy = vi
+            .spyOn(HTMLElement.prototype, 'clientWidth', 'get')
+            .mockImplementation(() => clientWidth);
+        scrollWidthSpy = vi
+            .spyOn(HTMLElement.prototype, 'scrollWidth', 'get')
+            .mockImplementation(function () {
+                const fontSize = Number.parseFloat(this.style.fontSize) || 100;
+                return (scrollWidth * fontSize) / 100;
+            });
+    });
+
+    afterEach(() => {
+        clientWidthSpy.mockRestore();
+        scrollWidthSpy.mockRestore();
+        vi.unstubAllGlobals();
+    });
+
+    test('refits only when the observed width changes', () => {
+        const { container, getByText } = render(
+            <FitText text="A responsive ribbon title" width="100%" maxFontSize={100} />
+        );
+
+        const observedElement = container.firstElementChild as Element;
+
+        resizeObserverCallback(
+            [
+                {
+                    contentRect: { width: 200, height: 40 },
+                    target: observedElement,
+                } as ResizeObserverEntry,
+            ],
+            {} as ResizeObserver
+        );
+        const readsAfterFirstResize = scrollWidthSpy.mock.calls.length;
+
+        resizeObserverCallback(
+            [
+                {
+                    contentRect: { width: 200, height: 80 },
+                    target: observedElement,
+                } as ResizeObserverEntry,
+            ],
+            {} as ResizeObserver
+        );
+
+        expect(scrollWidthSpy).toHaveBeenCalledTimes(readsAfterFirstResize);
+
+        clientWidth = 172;
+        resizeObserverCallback(
+            [
+                {
+                    contentRect: { width: 160, height: 80 },
+                    target: observedElement,
+                } as ResizeObserverEntry,
+            ],
+            {} as ResizeObserver
+        );
+
+        expect(scrollWidthSpy.mock.calls.length).toBeGreaterThan(readsAfterFirstResize);
+        expect(getByText('A responsive ribbon title').style.fontSize).toBe('40px');
+    });
+
+    test('wraps only after reaching the minimum font size', () => {
+        clientWidth = 112;
+        scrollWidth = 1_200;
+
+        const { getByText } = render(
+            <FitText
+                text="An exceptionally long ribbon title"
+                width="100%"
+                minFontSize={10}
+                maxFontSize={100}
+            />
+        );
+        const textElement = getByText('An exceptionally long ribbon title');
+
+        expect(textElement.style.fontSize).toBe('10px');
+        expect(textElement.style.whiteSpace).toBe('normal');
+    });
+
+    test('keeps the maximum font size when the text fits', () => {
+        clientWidth = 350;
+        scrollWidth = 200;
+
+        const { getByText } = render(
+            <FitText text="Short title" width="100%" minFontSize={10} maxFontSize={32} />
+        );
+
+        expect(getByText('Short title').style.fontSize).toBe('32px');
+    });
+
+    test('still fits when ResizeObserver is unavailable', () => {
+        vi.stubGlobal('ResizeObserver', undefined);
+        clientWidth = 350;
+        scrollWidth = 200;
+
+        const { getByText } = render(
+            <FitText text="Short title" width="100%" minFontSize={10} maxFontSize={32} />
+        );
+
+        expect(getByText('Short title').style.fontSize).toBe('32px');
+    });
+});

package/src/components/VCDisplayCard2/__tests__/VCDisplayCard2Variant.test.ts

@@ -0,0 +1,31 @@
+import type { VC } from '@learncard/types';
+
+import { getVCDisplayCardVariant } from '../VCDisplayCard2';
+import { LCCategoryEnum } from '../../../types';
+
+const credentialWithDisplayType = (displayType: string): VC =>
+    ({ display: { displayType } } as unknown as VC);
+
+describe('getVCDisplayCardVariant', () => {
+    it('uses the ribbon layout for a generic credential', () => {
+        expect(getVCDisplayCardVariant({} as VC)).toBe('ribbon');
+    });
+
+    it('detects each specialized display type', () => {
+        expect(getVCDisplayCardVariant(credentialWithDisplayType('award'))).toBe('award');
+        expect(getVCDisplayCardVariant(credentialWithDisplayType('certificate'))).toBe(
+            'certificate'
+        );
+        expect(getVCDisplayCardVariant(credentialWithDisplayType('id'))).toBe('id');
+        expect(getVCDisplayCardVariant(credentialWithDisplayType('ID'))).toBe('id');
+    });
+
+    it('uses category metadata when display metadata is absent', () => {
+        expect(getVCDisplayCardVariant({} as VC, LCCategoryEnum.meritBadge)).toBe('award');
+        expect(getVCDisplayCardVariant({} as VC, LCCategoryEnum.id)).toBe('id');
+    });
+
+    it('uses the formatted display type as a final fallback', () => {
+        expect(getVCDisplayCardVariant({} as VC, undefined, 'Certificate')).toBe('certificate');
+    });
+});

package/src/helpers/externalUrl.helpers.ts

@@ -0,0 +1,51 @@
+export type ExternalUrlOpener = (url: string) => void | Promise<void>;
+
+/**
+ * Attachment URLs come from credentials issued by arbitrary third parties, so
+ * they are untrusted input. Handing a `javascript:` (or `data:`) URL to
+ * `window.open` can execute script in the app's own origin — `noopener` does
+ * not prevent that. Only ever open real web URLs.
+ */
+const isOpenableUrl = (url: string): boolean => {
+    try {
+        const base = typeof window === 'undefined' ? undefined : window.location?.href;
+        const { protocol } = new URL(url, base);
+
+        return protocol === 'https:' || protocol === 'http:';
+    } catch {
+        return false;
+    }
+};
+
+const defaultOpener: ExternalUrlOpener = url => {
+    if (typeof window === 'undefined') return;
+
+    window.open(url, '_blank', 'noopener,noreferrer');
+};
+
+let opener: ExternalUrlOpener = defaultOpener;
+
+/**
+ * Register a platform-specific way to open external URLs.
+ *
+ * This package has no native dependencies, so `window.open` is the default. Hosts
+ * running inside a native shell should register their own opener at startup —
+ * `learn-card-base` registers Capacitor's `Browser.open`, which presents the URL
+ * in an in-app browser instead of kicking the user out to Safari.
+ *
+ * Pass `undefined` to restore the default.
+ */
+export const setExternalUrlOpener = (fn: ExternalUrlOpener | undefined): void => {
+    opener = fn ?? defaultOpener;
+};
+
+/**
+ * Open a URL outside of the current document, using the registered opener.
+ *
+ * Non-web schemes are dropped rather than forwarded — see `isOpenableUrl`.
+ */
+export const openExternalUrl = async (url: string): Promise<void> => {
+    if (!url || !isOpenableUrl(url)) return;
+
+    await opener(url);
+};

package/src/helpers/video.helpers.ts

@@ -7,6 +7,47 @@ export type VideoMetadata = {
     thumbnailUrl: string | null;
 };
 
+/**
+ * Whether a third-party video `<iframe>` embed can be expected to work in the
+ * current document.
+ *
+ * YouTube's embed endpoint validates the `Referer` header and returns an
+ * unplayable player ("Error 153: Video player configuration error") when it is
+ * missing or not `http(s)`. Capacitor's iOS WebView serves the app from
+ * `capacitor://localhost`, and WKWebView will not send a custom-scheme URL as a
+ * referrer, so every YouTube embed fails inside the native iOS app.
+ *
+ * Android is unaffected (Capacitor serves it from `https://localhost`), as is
+ * the web app. Rather than sniffing for Capacitor — which would drag a native
+ * dependency into this package — we test the actual condition YouTube cares
+ * about: is this document served over `http(s)`?
+ *
+ * Pass `platform` where it is known. Only YouTube rejects embeds this way —
+ * Vimeo, Google Drive and Loom serve their players regardless of referrer — so
+ * without the hint we stay conservative and treat any video as at risk.
+ */
+export const canEmbedVideoIframe = (platform?: VideoPlatform): boolean => {
+    if (platform && platform !== 'youtube') return true;
+
+    if (typeof window === 'undefined') return true;
+
+    const protocol = window.location?.protocol;
+
+    return protocol === 'https:' || protocol === 'http:';
+};
+
+/** Public `watch` URL for a video, used when we have to hand playback off to an external browser. */
+export const getExternalVideoUrl = (
+    metadata: VideoMetadata | null | undefined,
+    fallbackUrl: string
+): string => {
+    if (metadata?.type === 'youtube' && metadata.videoId) {
+        return `https://www.youtube.com/watch?v=${metadata.videoId}`;
+    }
+
+    return fallbackUrl;
+};
+
 export const getVideoMetadata = async (url: string): Promise<VideoMetadata> => {
     try {
         const parsed = new URL(url);

package/src/index.ts

@@ -10,6 +10,11 @@ export * from './helpers/useScrollBorders';
 // Export DID display helpers
 export * from './helpers/did-display.helpers';
 
+// Export video embed capability helpers + the external-URL opener seam that
+// native hosts (Capacitor) register into
+export * from './helpers/video.helpers';
+export * from './helpers/externalUrl.helpers';
+
 // Export credential lifecycle (revoked/suspended) treatment helper
 export * from './helpers/lifecycle.helpers';
 

package/dist/cjs/BoostGenericCard-feaf99bd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoostGenericCard-feaf99bd.js","sources":["../../src/components/BoostGenericCard/AlignmentSkillsCount.tsx","../../src/helpers/display.helpers.ts","../../src/helpers/lifecycle.helpers.ts","../../src/components/BoostGenericCard/BoostGenericCard.tsx"],"sourcesContent":["import React from 'react';\nimport PuzzlePiece from '../svgs/PuzzlePiece';\nimport { VC } from '@learncard/types';\nimport { categorizeSkills } from '../../helpers/credential.helpers';\n\ntype AlignmentSkillsCountProps = {\n    credential?: VC;\n    onClick?: () => void;\n    className?: string;\n};\n\nconst AlignmentSkillsCount: React.FC<AlignmentSkillsCountProps> = ({\n    credential,\n    onClick,\n    className = '',\n}) => {\n    if (!credential) return <></>;\n\n    const achievement = (credential?.credentialSubject as any)?.achievement;\n    let alignmentCount = achievement?.alignment?.length || 0;\n\n    if (alignmentCount === 0 && credential.skills?.length > 0) {\n        // fallback to legacy skills field if present and no alignments\n        const skillsMap = categorizeSkills(credential.skills ?? []);\n\n        // Calculate total count of skills and subskills\n        const totalSkills: any = Object.values(skillsMap).reduce(\n            (total: any, category: any) => total + category?.length,\n            0\n        );\n        const totalSubskills: any = Object.values(skillsMap).reduce(\n            (total: any, category: any) => total + (category?.totalSubskillsCount || 0),\n            0\n        );\n\n        const total: any = totalSkills + totalSubskills;\n        alignmentCount = total;\n    }\n\n    return (\n        <div\n            role={onClick ? ('button' as const) : undefined}\n            onClick={onClick}\n            className={`px-[10px] py-[2px] flex gap-[3px] items-center rounded-[5px] overflow-hidden bg-violet-100 ${className}`}\n        >\n            <PuzzlePiece className=\"w-[20px] h-[20px] text-grayscale-800\" version=\"filled\" />\n            <p className=\"text-[12px] text-grayscale-800 font-poppins font-[600]\">\n                {`${alignmentCount} Skill${alignmentCount !== 1 ? 's' : ''}`}\n            </p>\n        </div>\n    );\n};\n\nexport default AlignmentSkillsCount;\n","import { LCCategoryEnum } from '../types';\n\nimport { BadgeDisplayIcon } from '../components/svgs/BadgeDisplayIcon';\nimport { CertificateDisplayIcon } from '../components/svgs/CertificateDisplayIcon';\nimport { IDDisplayIcon } from '../components/svgs/IDDisplayIcon';\nimport { CourseDisplayIcon } from '../components/svgs/CourseDisplayIcon';\nimport { AwardDisplayIcon } from '../components/svgs/AwardDisplayIcon';\n\nexport enum DisplayTypeEnum {\n    Badge = 'badge',\n    Certificate = 'certificate',\n    ID = 'id',\n    Course = 'course',\n    Award = 'award',\n}\n\nexport const getDefaultDisplayType = (category: string): DisplayTypeEnum => {\n    if (category === LCCategoryEnum.socialBadge || category === LCCategoryEnum.workHistory) {\n        return DisplayTypeEnum.Badge;\n    }\n\n    if (category === LCCategoryEnum.id || category === LCCategoryEnum.membership) {\n        return DisplayTypeEnum.ID;\n    }\n\n    if (\n        category === LCCategoryEnum.achievement ||\n        category === LCCategoryEnum.accommodations ||\n        category === LCCategoryEnum.accomplishments ||\n        category === LCCategoryEnum.learningHistory\n    ) {\n        return DisplayTypeEnum.Certificate;\n    }\n\n    return DisplayTypeEnum.Badge;\n};\n\nexport const getDisplayIcon = (displayType: DisplayTypeEnum): React.FC<{ className?: string }> => {\n    switch (displayType) {\n        case DisplayTypeEnum.Badge:\n            return BadgeDisplayIcon;\n        case DisplayTypeEnum.Certificate:\n            return CertificateDisplayIcon;\n        case DisplayTypeEnum.ID:\n            return IDDisplayIcon;\n        case DisplayTypeEnum.Course:\n            return CourseDisplayIcon;\n        case DisplayTypeEnum.Award:\n            return AwardDisplayIcon;\n        default:\n            return BadgeDisplayIcon;\n    }\n};\n","import type { CSSProperties } from 'react';\n\nexport type CredentialLifecycleStatus = 'active' | 'revoked' | 'suspended';\n\nexport type LifecycleTreatment = {\n    /** True when the credential is revoked or suspended. */\n    isInactive: boolean;\n    /** Inline filter for media (images / thumbnails); `undefined` when active.\n     *  Inline style (not a Tailwind class) so it applies regardless of whether the\n     *  consumer app's Tailwind scans this package or generates the utility. */\n    mediaStyle: CSSProperties | undefined;\n    /** Inline style for de-emphasizing text; `undefined` when active. */\n    textStyle: CSSProperties | undefined;\n    /** Pill background color for the status chip (only meaningful when `isInactive`). */\n    pillBg: string;\n};\n\nconst REVOKED_COLOR = '#DC2626'; // red-600\nconst SUSPENDED_COLOR = '#D97706'; // amber-600\n\n/**\n * Shared visual treatment for a revoked/suspended credential, used by both the\n * grid card (`BoostGenericCard`) and the list row (`BoostListItem`) so the two\n * views stay in sync. Values are inert (`isInactive: false`, `undefined` styles)\n * for active credentials.\n */\nexport const getLifecycleTreatment = (\n    status: CredentialLifecycleStatus = 'active'\n): LifecycleTreatment => {\n    const isInactive = status === 'revoked' || status === 'suspended';\n\n    return {\n        isInactive,\n        mediaStyle: isInactive ? { filter: 'grayscale(1) brightness(0.9)' } : undefined,\n        textStyle: isInactive ? { filter: 'grayscale(1)', opacity: 0.6 } : undefined,\n        pillBg: status === 'suspended' ? SUSPENDED_COLOR : REVOKED_COLOR,\n    };\n};\n","import React from 'react';\nimport { BoostGenericCardProps, WalletCategoryTypes } from '../../types';\nimport { TYPE_TO_IMG_SRC, TYPE_TO_WALLET_DARK_COLOR } from '../../constants';\nimport { DisplayTypeEnum, getDisplayIcon } from '../../helpers/display.helpers';\nimport AlignmentSkillsCount from './AlignmentSkillsCount';\nimport ThreeDotVertical from '../svgs/ThreeDotVertical';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport BadgeThumbnailImg from '../BadgeThumbnailImg/BadgeThumbnailImg';\nimport { getLifecycleTreatment } from '../../helpers/lifecycle.helpers';\nimport { useT } from '../../i18n';\n\nexport const BoostGenericCard: React.FC<BoostGenericCardProps> = ({\n    title,\n    customTitle,\n    thumbImgSrc,\n    customThumbClass = '',\n    customHeaderClass = '',\n    type = WalletCategoryTypes.achievements,\n    className,\n    onCheckClick,\n    showChecked,\n    checkStatus,\n    customThumbComponent,\n    innerOnClick,\n    bgImgSrc,\n    issuerName,\n    customIssuerName,\n    dateDisplay,\n    customDateDisplay,\n    optionsTriggerOnClick,\n    verifierBadge,\n    credential,\n    isInSkillsModal,\n    displayType,\n    linkedCredentialsCount = 0,\n    linkedCredentialsClassName = '',\n    checkBtnClass = '',\n    lifecycleStatus = 'active',\n}) => {\n    const t = useT();\n    const thumbClass = TYPE_TO_WALLET_DARK_COLOR[type]\n        ? `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}`\n        : 'bg-grayscale-50';\n    const defaultThumbClass = `small-boost-card-thumb flex h-[110px] w-[110px] my-[10px] mx-auto ${thumbClass} overflow-hidden flex-col justify-center items-center rounded-full ${customThumbClass}`;\n    const imgSrc = thumbImgSrc?.trim() !== '' ? thumbImgSrc : TYPE_TO_IMG_SRC[type];\n\n    const handleInnerClick = () => innerOnClick?.();\n    const handleOptionsClick = () => optionsTriggerOnClick?.();\n\n    const DisplayIcon = getDisplayIcon(displayType as DisplayTypeEnum);\n\n    // Shared revoked/suspended treatment (see getLifecycleTreatment). Inline styles are\n    // used (not Tailwind classes) because the consumer app's Tailwind doesn't scan this\n    // package and it ships no utility CSS, so utility classes here have no backing rule.\n    const {\n        isInactive,\n        mediaStyle: inactiveMediaStyle,\n        textStyle: inactiveTextStyle,\n        pillBg,\n    } = getLifecycleTreatment(lifecycleStatus);\n    const pillLabel = t(`credential.lifecycle.${lifecycleStatus}`);\n    const pillLeft = showChecked ? 'left-[44px]' : 'left-[8px]';\n\n    return (\n        <div\n            className={`flex bg-white flex-col shadow-bottom relative p-0 w-[160px] h-[285px] rounded-[20px] overflow-hidden ${className}`}\n        >\n            {isInactive && (\n                <span\n                    className={`absolute top-[8px] ${pillLeft} z-20 rounded-full px-[9px] py-[3px] text-[10px] font-extrabold uppercase tracking-wide text-white`}\n                    style={{ backgroundColor: pillBg }}\n                >\n                    {pillLabel}\n                </span>\n            )}\n\n            {optionsTriggerOnClick && (\n                <section\n                    className=\"absolute cursor-pointer h-[30px] w-[30px] top-[5px] right-[5px] rounded-full bg-white/70 flex items-center justify-center z-20\"\n                    onClick={handleOptionsClick}\n                >\n                    <ThreeDotVertical className=\"h-[20px] w-[20px] text-grayscale-900\" />\n                </section>\n            )}\n\n            {bgImgSrc && (\n                <section\n                    className=\"absolute top-[-50px] left-0 rounded-b-full overflow-hidden z-0\"\n                    style={inactiveMediaStyle}\n                >\n                    <img className=\"h-full w-full object-cover\" src={bgImgSrc} />\n                </section>\n            )}\n\n            <button\n                type=\"button\"\n                className=\"z-10 flex flex-col flex-grow\"\n                onClick={handleInnerClick}\n            >\n                {/* Thumbnail — filter on the wrapper so it desaturates a\n                    customThumbComponent too, not just the default thumb section. */}\n                <div style={inactiveMediaStyle}>\n                    {customThumbComponent || (\n                        <section className={defaultThumbClass}>\n                            {thumbImgSrc?.trim() ? (\n                                <BadgeThumbnailImg\n                                    className=\"w-full h-full rounded-full object-cover\"\n                                    src={thumbImgSrc}\n                                    alt=\"Credential Achievement\"\n                                />\n                            ) : (\n                                <img\n                                    className=\"max-w-full p-0 object-cover rounded-full\"\n                                    src={imgSrc}\n                                />\n                            )}\n                        </section>\n                    )}\n                </div>\n\n                {/* Details Section: grows to fill available space */}\n                <section\n                    className={`flex flex-col flex-grow items-center justify-end pt-1 w-full ${\n                        linkedCredentialsCount === 0 ? 'pb-[20px]' : ''\n                    }`}\n                >\n                    <div className=\"px-1 flex flex-col items-center justify-center w-full\">\n                        {/* Title - dynamically size based on length */}\n                        {!customTitle ? (\n                            <p\n                                className={`\n                                ${customHeaderClass}\n                                font-medium text-center text-grayscale-900 line-clamp-2\n                                h-[50px] flex items-center justify-center\n                                ${\n                                    (title?.length ?? 0) > 35\n                                        ? 'text-[13px] leading-tight'\n                                        : 'text-[16px]'\n                                }\n                            `}\n                                style={inactiveTextStyle}\n                                title={title}\n                            >\n                                {title}\n                            </p>\n                        ) : (\n                            customTitle\n                        )}\n\n                        {/* Verifier & Issuer */}\n                        <div className=\"mt-1 w-full px-4 text-center\">\n                            <span className=\"line-clamp-2 break-words text-[12px] leading-snug text-grayscale-700\">\n                                {verifierBadge && (\n                                    <span className=\"mr-1 inline-block align-middle\">\n                                        {verifierBadge}\n                                    </span>\n                                )}\n                                {customIssuerName || (\n                                    <span className=\"font-bold\" style={inactiveTextStyle}>\n                                        {issuerName}\n                                    </span>\n                                )}\n                            </span>\n                        </div>\n\n                        {/* Date */}\n                        {customDateDisplay || (\n                            <span className=\"text-[11px] text-grayscale-700 mt-1\">\n                                {dateDisplay}\n                            </span>\n                        )}\n\n                        {/* Skills count if in modal */}\n                        {isInSkillsModal && credential && (\n                            <AlignmentSkillsCount\n                                credential={credential}\n                                onClick={handleInnerClick}\n                                className=\"mt-[16px]\"\n                            />\n                        )}\n                    </div>\n\n                    {/* Linked Credentials moved inside details */}\n                    {linkedCredentialsCount > 0 && (\n                        <div\n                            className={`mt-auto flex items-center justify-center py-1 w-full ${linkedCredentialsClassName}`}\n                        >\n                            <DisplayIcon className=\"h-[20px] w-[20px] text-grayscale-900\" />\n                            <span className=\"ml-1 text-sm font-semibold text-grayscale-900\">\n                                +{linkedCredentialsCount} Linked\n                            </span>\n                        </div>\n                    )}\n                </section>\n            </button>\n\n            {/* Optional Check Button overlay */}\n            {showChecked && (\n                <div className=\"absolute top-[5px] left-[5px] z-20\">\n                    <CircleCheckButton\n                        checked={checkStatus}\n                        onClick={onCheckClick}\n                        className={checkBtnClass}\n                    />\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default BoostGenericCard;\n"],"names":["React","categorizeSkills","total","PuzzlePiece","BadgeDisplayIcon","CertificateDisplayIcon","IDDisplayIcon","CourseDisplayIcon","AwardDisplayIcon","WalletCategoryTypes","useT","TYPE_TO_WALLET_DARK_COLOR","TYPE_TO_IMG_SRC","ThreeDotVertical","BadgeThumbnailImg","CircleCheckButton"],"mappings":"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"}

package/dist/cjs/Lightbox-d72e19ba.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Lightbox-d72e19ba.js","sources":["../../src/components/svgs/X.tsx","../../src/helpers/video.helpers.ts","../../src/components/Lightbox/Lightbox.tsx"],"sourcesContent":["import React from 'react';\n\ntype XProps = {\n    className?: string;\n    strokeWidth?: string;\n};\n\nconst X: React.FC<XProps> = ({ className = '', strokeWidth = '2' }) => {\n    return (\n        <svg\n            viewBox=\"0 0 32 32\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className={className}\n            aria-label=\"X\"\n        >\n            <path\n                d=\"M25 7L7 25\"\n                stroke=\"currentColor\"\n                strokeWidth={strokeWidth}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M25 25L7 7\"\n                stroke=\"currentColor\"\n                strokeWidth={strokeWidth}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n};\n\nexport default X;\n","export type VideoPlatform = 'youtube' | 'vimeo' | 'drive' | 'loom' | 'unknown';\n\nexport type VideoMetadata = {\n    type: VideoPlatform;\n    videoId: string | null;\n    embedUrl: string | null;\n    thumbnailUrl: string | null;\n};\n\nexport const getVideoMetadata = async (url: string): Promise<VideoMetadata> => {\n    try {\n        const parsed = new URL(url);\n        const host = parsed.hostname.replace(/^www\\./, '');\n        let id: string | null = null;\n\n        // YouTube\n        if (host === 'youtu.be' || host.includes('youtube.com')) {\n            if (host === 'youtu.be') {\n                id = parsed.pathname.slice(1);\n            } else {\n                id =\n                    parsed.searchParams.get('v') ||\n                    parsed.pathname.split('/').filter(Boolean).pop() ||\n                    null;\n            }\n            if (id) {\n                let thumb = `https://img.youtube.com/vi/${id}/maxresdefault.jpg`;\n                try {\n                    const res = await fetch(thumb, { method: 'HEAD' });\n                    if (!res.ok) thumb = `https://img.youtube.com/vi/${id}/hqdefault.jpg`;\n                } catch {\n                    thumb = `https://img.youtube.com/vi/${id}/hqdefault.jpg`;\n                }\n                return {\n                    type: 'youtube',\n                    videoId: id,\n                    embedUrl: `https://www.youtube.com/embed/${id}`,\n                    thumbnailUrl: thumb,\n                };\n            }\n        }\n\n        // Vimeo\n        if (host.includes('vimeo.com')) {\n            const match = url.match(/vimeo\\.com\\/(\\d+)/);\n            id = match?.[1] ?? null;\n            if (id) {\n                try {\n                    const oembed = `https://vimeo.com/api/oembed.json?url=${encodeURIComponent(\n                        url\n                    )}`;\n                    const data = await fetch(oembed).then(r => r.json());\n                    return {\n                        type: 'vimeo',\n                        videoId: id,\n                        embedUrl: `https://player.vimeo.com/video/${id}`,\n                        thumbnailUrl: data.thumbnail_url,\n                    };\n                } catch (e) {\n                    // Fallback if oEmbed fails\n                    return {\n                        type: 'vimeo',\n                        videoId: id,\n                        embedUrl: `https://player.vimeo.com/video/${id}`,\n                        thumbnailUrl: null,\n                    };\n                }\n            }\n        }\n\n        // Google Drive\n        if (host === 'drive.google.com' || host === 'docs.google.com') {\n            const match = parsed.pathname.match(/\\/d\\/([^/]+)/);\n            id = match?.[1] ?? parsed.searchParams.get('id');\n            if (id) {\n                return {\n                    type: 'drive',\n                    videoId: id,\n                    embedUrl: `https://drive.google.com/file/d/${id}/preview`,\n                    thumbnailUrl: `https://drive.google.com/thumbnail?sz=w320-h320&id=${id}`,\n                };\n            }\n        }\n\n        // Loom\n        if (host === 'loom.com') {\n            const match = parsed.pathname.match(/\\/(?:share|embed|watch)\\/([A-Za-z0-9]+)/);\n            id = match?.[1] ?? null;\n            if (id) {\n                const embedUrl = `https://www.loom.com/embed/${id}`;\n                try {\n                    const oembedUrl = `https://www.loom.com/api/oembed?url=${encodeURIComponent(\n                        url\n                    )}`;\n                    const response = await fetch(oembedUrl);\n                    if (!response.ok) {\n                        throw new Error(`oEmbed API returned ${response.status}`);\n                    }\n                    const data = await response.json();\n                    return {\n                        type: 'loom',\n                        videoId: id,\n                        embedUrl,\n                        thumbnailUrl: data.thumbnail_url,\n                    };\n                } catch (e) {\n                    // Fallback if oEmbed fails\n                    console.warn('Loom oEmbed fetch failed:', e);\n                    return {\n                        type: 'loom',\n                        videoId: id,\n                        embedUrl,\n                        thumbnailUrl: null,\n                    };\n                }\n            }\n        }\n\n        // Fallback\n        return { type: 'unknown', videoId: null, embedUrl: null, thumbnailUrl: null };\n    } catch (e) {\n        console.error('getVideoMetadata error:', e);\n        return { type: 'unknown', videoId: null, embedUrl: null, thumbnailUrl: null };\n    }\n};\n","import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport X from '../svgs/X';\n\nimport { getVideoMetadata, VideoMetadata } from '../../helpers/video.helpers';\n\nexport type LightboxItemType = 'photo' | 'video';\n\nexport type LightboxItem = {\n    url: string;\n    type: LightboxItemType;\n};\n\nexport type LightboxImage = LightboxItem & {\n    type: 'photo';\n    alt?: string;\n};\n\nexport type LightboxVideo = LightboxItem & {\n    type: 'video';\n};\n\nexport type LightboxProps = {\n    items: LightboxItem[];\n    currentUrl: string | undefined;\n    setCurrentUrl: (url: string | undefined) => void;\n    showCloseButton?: boolean;\n    enableImageClick?: boolean;\n};\n\nexport const Lightbox: React.FC<LightboxProps> = ({\n    items,\n    currentUrl,\n    setCurrentUrl,\n    showCloseButton = true,\n    enableImageClick = false,\n}) => {\n    const currentItem = items.find(item => item.url === currentUrl);\n    const innerRef = useRef<HTMLImageElement>(null);\n    const [videoMetadata, setVideoMetadata] = useState<VideoMetadata | null>(null);\n\n    const goToNextItem = useCallback(() => {\n        const currentIndex = items.findIndex(item => item.url === currentUrl);\n        const nextItem = items.at((currentIndex + 1) % items.length);\n        if (nextItem) setCurrentUrl(nextItem.url);\n    }, [currentUrl, items, setCurrentUrl]);\n\n    const goToPreviousItem = useCallback(() => {\n        const currentIndex = items.findIndex(item => item.url === currentUrl);\n        const previousItem = items.at((currentIndex - 1 + items.length) % items.length);\n        if (previousItem) setCurrentUrl(previousItem.url);\n    }, [currentUrl, items, setCurrentUrl]);\n\n    useEffect(() => {\n        const keydownListener = (e: KeyboardEvent) => {\n            if (!currentUrl || !currentItem) return;\n\n            if (e.key === 'Escape') {\n                e.preventDefault();\n                setCurrentUrl(undefined);\n            }\n\n            if (e.key === 'ArrowRight') {\n                e.preventDefault();\n                goToNextItem();\n            }\n\n            if (e.key === 'ArrowLeft') {\n                e.preventDefault();\n                goToPreviousItem();\n            }\n        };\n\n        window.addEventListener('keydown', keydownListener);\n        return () => window.removeEventListener('keydown', keydownListener);\n    }, [currentUrl, currentItem, goToNextItem, goToPreviousItem, setCurrentUrl]);\n\n    useEffect(() => {\n        const fetchMetadata = async () => {\n            if (currentItem?.type === 'video') {\n                const metadata = await getVideoMetadata(currentItem.url);\n                setVideoMetadata(metadata);\n            } else {\n                setVideoMetadata(null);\n            }\n        };\n\n        fetchMetadata();\n    }, [currentItem]);\n\n    if (!currentUrl || !currentItem) return null;\n\n    return createPortal(\n        <div\n            className=\"absolute top-0 left-0 w-screen h-screen bg-[rgba(0,0,0,0.9)] text-white flex justify-center items-center z-[999999]\"\n            onClick={e => {\n                if (e.target !== innerRef.current) {\n                    setCurrentUrl(undefined);\n                }\n            }}\n        >\n            {showCloseButton && (\n                <button onClick={() => setCurrentUrl(undefined)}>\n                    <X className=\"absolute w-[30px] h-[30px] top-[20px] right-[20px] cursor-pointer text-white z-[999999]\" />\n                </button>\n            )}\n            {currentItem.type === 'photo' && (\n                <img\n                    className=\"cursor-pointer max-w-[90vw] max-h-[90vh]\"\n                    src={currentUrl}\n                    onClick={() => enableImageClick && window.open(currentUrl, '_blank')}\n                    ref={innerRef}\n                    alt=\"\"\n                />\n            )}\n\n            {currentItem.type === 'video' && videoMetadata?.embedUrl && (\n                <div className=\"relative w-[90vw] max-w-[800px] aspect-video\">\n                    <iframe\n                        src={videoMetadata.embedUrl}\n                        className=\"absolute top-0 left-0 w-full h-full rounded-md\"\n                        title=\"Video player\"\n                        frameBorder=\"0\"\n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                        allowFullScreen\n                    />\n                </div>\n            )}\n        </div>,\n        document.body\n    );\n};\n"],"names":["React","__async","useRef","useState","useCallback","useEffect","createPortal"],"mappings":"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"}