@learncard/react 2.11.0 → 2.12.0

package/dist/cjs/{Lightbox-d72e19ba.js → Lightbox-e2996736.js}

@@ -40,6 +40,78 @@ const X = ({ className = "", strokeWidth = "2" }) => {
   );
 };
 
+var __async$2 = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+const isOpenableUrl = (url) => {
+  var _a;
+  try {
+    const base = typeof window === "undefined" ? void 0 : (_a = window.location) == null ? void 0 : _a.href;
+    const { protocol } = new URL(url, base);
+    return protocol === "https:" || protocol === "http:";
+  } catch (e) {
+    return false;
+  }
+};
+const defaultOpener = (url) => {
+  if (typeof window === "undefined") return;
+  window.open(url, "_blank", "noopener,noreferrer");
+};
+let opener = defaultOpener;
+const setExternalUrlOpener = (fn) => {
+  opener = fn != null ? fn : defaultOpener;
+};
+const openExternalUrl = (url) => __async$2(null, null, function* () {
+  if (!url || !isOpenableUrl(url)) return;
+  yield opener(url);
+});
+
+const ExternalVideoFallback = ({
+  url,
+  thumbnailUrl,
+  label = "Watch on YouTube",
+  className = ""
+}) => /* @__PURE__ */ React__default["default"].createElement(
+  "button",
+  {
+    type: "button",
+    onClick: (e) => {
+      e.stopPropagation();
+      openExternalUrl(url);
+    },
+    "aria-label": label,
+    className: `relative w-full h-full flex flex-col items-center justify-center gap-[16px] overflow-hidden rounded-md bg-black ${className}`
+  },
+  thumbnailUrl && /* @__PURE__ */ React__default["default"].createElement(
+    "img",
+    {
+      src: thumbnailUrl,
+      alt: "",
+      "aria-hidden": "true",
+      className: "absolute inset-0 w-full h-full object-cover opacity-60"
+    }
+  ),
+  /* @__PURE__ */ React__default["default"].createElement("div", { className: "relative w-[64px] h-[64px] rounded-full bg-white/95 flex items-center justify-center" }, /* @__PURE__ */ React__default["default"].createElement("svg", { viewBox: "0 0 24 24", className: "w-[28px] h-[28px] ml-[4px]", "aria-hidden": "true" }, /* @__PURE__ */ React__default["default"].createElement("path", { d: "M8 5v14l11-7z", fill: "#000" }))),
+  /* @__PURE__ */ React__default["default"].createElement("span", { className: "relative text-white text-base font-semibold" }, label)
+);
+
 var __async$1 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -60,6 +132,19 @@ var __async$1 = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
+const canEmbedVideoIframe = (platform) => {
+  var _a;
+  if (platform && platform !== "youtube") return true;
+  if (typeof window === "undefined") return true;
+  const protocol = (_a = window.location) == null ? void 0 : _a.protocol;
+  return protocol === "https:" || protocol === "http:";
+};
+const getExternalVideoUrl = (metadata, fallbackUrl) => {
+  if ((metadata == null ? void 0 : metadata.type) === "youtube" && metadata.videoId) {
+    return `https://www.youtube.com/watch?v=${metadata.videoId}`;
+  }
+  return fallbackUrl;
+};
 const getVideoMetadata = (url) => __async$1(null, null, function* () {
   var _a, _b, _c;
   try {
@@ -256,7 +341,7 @@ const Lightbox = ({
           alt: ""
         }
       ),
-      currentItem.type === "video" && (videoMetadata == null ? void 0 : videoMetadata.embedUrl) && /* @__PURE__ */ React__default["default"].createElement("div", { className: "relative w-[90vw] max-w-[800px] aspect-video" }, /* @__PURE__ */ React__default["default"].createElement(
+      currentItem.type === "video" && (videoMetadata == null ? void 0 : videoMetadata.embedUrl) && /* @__PURE__ */ React__default["default"].createElement("div", { className: "relative w-[90vw] max-w-[800px] aspect-video" }, canEmbedVideoIframe(videoMetadata.type) ? /* @__PURE__ */ React__default["default"].createElement(
         "iframe",
         {
           src: videoMetadata.embedUrl,
@@ -266,12 +351,25 @@ const Lightbox = ({
           allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
           allowFullScreen: true
         }
+      ) : /* @__PURE__ */ React__default["default"].createElement(
+        ExternalVideoFallback,
+        {
+          url: getExternalVideoUrl(videoMetadata, currentItem.url),
+          thumbnailUrl: videoMetadata.thumbnailUrl,
+          className: "absolute top-0 left-0"
+        }
       ))
     ),
     document.body
   );
 };
 
+exports.ExternalVideoFallback = ExternalVideoFallback;
 exports.Lightbox = Lightbox;
 exports.X = X;
-//# sourceMappingURL=Lightbox-d72e19ba.js.map
+exports.canEmbedVideoIframe = canEmbedVideoIframe;
+exports.getExternalVideoUrl = getExternalVideoUrl;
+exports.getVideoMetadata = getVideoMetadata;
+exports.openExternalUrl = openExternalUrl;
+exports.setExternalUrlOpener = setExternalUrlOpener;
+//# sourceMappingURL=Lightbox-e2996736.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Lightbox-e2996736.js","sources":["../../src/components/svgs/X.tsx","../../src/helpers/externalUrl.helpers.ts","../../src/components/Lightbox/ExternalVideoFallback.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 ExternalUrlOpener = (url: string) => void | Promise<void>;\n\n/**\n * Attachment URLs come from credentials issued by arbitrary third parties, so\n * they are untrusted input. Handing a `javascript:` (or `data:`) URL to\n * `window.open` can execute script in the app's own origin — `noopener` does\n * not prevent that. Only ever open real web URLs.\n */\nconst isOpenableUrl = (url: string): boolean => {\n    try {\n        const base = typeof window === 'undefined' ? undefined : window.location?.href;\n        const { protocol } = new URL(url, base);\n\n        return protocol === 'https:' || protocol === 'http:';\n    } catch {\n        return false;\n    }\n};\n\nconst defaultOpener: ExternalUrlOpener = url => {\n    if (typeof window === 'undefined') return;\n\n    window.open(url, '_blank', 'noopener,noreferrer');\n};\n\nlet opener: ExternalUrlOpener = defaultOpener;\n\n/**\n * Register a platform-specific way to open external URLs.\n *\n * This package has no native dependencies, so `window.open` is the default. Hosts\n * running inside a native shell should register their own opener at startup —\n * `learn-card-base` registers Capacitor's `Browser.open`, which presents the URL\n * in an in-app browser instead of kicking the user out to Safari.\n *\n * Pass `undefined` to restore the default.\n */\nexport const setExternalUrlOpener = (fn: ExternalUrlOpener | undefined): void => {\n    opener = fn ?? defaultOpener;\n};\n\n/**\n * Open a URL outside of the current document, using the registered opener.\n *\n * Non-web schemes are dropped rather than forwarded — see `isOpenableUrl`.\n */\nexport const openExternalUrl = async (url: string): Promise<void> => {\n    if (!url || !isOpenableUrl(url)) return;\n\n    await opener(url);\n};\n","import React from 'react';\n\nimport { openExternalUrl } from '../../helpers/externalUrl.helpers';\n\nexport type ExternalVideoFallbackProps = {\n    /** Public `watch` URL opened when the user taps play. */\n    url: string;\n    /** Poster frame, when we managed to resolve one. */\n    thumbnailUrl?: string | null;\n    label?: string;\n    className?: string;\n};\n\n/**\n * Stand-in for a video `<iframe>` in documents where third-party embeds cannot\n * play — see `canEmbedVideoIframe`. Renders the poster frame with a play button\n * that hands playback off to an external browser.\n */\nexport const ExternalVideoFallback: React.FC<ExternalVideoFallbackProps> = ({\n    url,\n    thumbnailUrl,\n    label = 'Watch on YouTube',\n    className = '',\n}) => (\n    <button\n        type=\"button\"\n        onClick={e => {\n            e.stopPropagation();\n            openExternalUrl(url);\n        }}\n        aria-label={label}\n        className={`relative w-full h-full flex flex-col items-center justify-center gap-[16px] overflow-hidden rounded-md bg-black ${className}`}\n    >\n        {thumbnailUrl && (\n            <img\n                src={thumbnailUrl}\n                alt=\"\"\n                aria-hidden=\"true\"\n                className=\"absolute inset-0 w-full h-full object-cover opacity-60\"\n            />\n        )}\n\n        <div className=\"relative w-[64px] h-[64px] rounded-full bg-white/95 flex items-center justify-center\">\n            <svg viewBox=\"0 0 24 24\" className=\"w-[28px] h-[28px] ml-[4px]\" aria-hidden=\"true\">\n                <path d=\"M8 5v14l11-7z\" fill=\"#000\" />\n            </svg>\n        </div>\n\n        <span className=\"relative text-white text-base font-semibold\">{label}</span>\n    </button>\n);\n\nexport default ExternalVideoFallback;\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\n/**\n * Whether a third-party video `<iframe>` embed can be expected to work in the\n * current document.\n *\n * YouTube's embed endpoint validates the `Referer` header and returns an\n * unplayable player (\"Error 153: Video player configuration error\") when it is\n * missing or not `http(s)`. Capacitor's iOS WebView serves the app from\n * `capacitor://localhost`, and WKWebView will not send a custom-scheme URL as a\n * referrer, so every YouTube embed fails inside the native iOS app.\n *\n * Android is unaffected (Capacitor serves it from `https://localhost`), as is\n * the web app. Rather than sniffing for Capacitor — which would drag a native\n * dependency into this package — we test the actual condition YouTube cares\n * about: is this document served over `http(s)`?\n *\n * Pass `platform` where it is known. Only YouTube rejects embeds this way —\n * Vimeo, Google Drive and Loom serve their players regardless of referrer — so\n * without the hint we stay conservative and treat any video as at risk.\n */\nexport const canEmbedVideoIframe = (platform?: VideoPlatform): boolean => {\n    if (platform && platform !== 'youtube') return true;\n\n    if (typeof window === 'undefined') return true;\n\n    const protocol = window.location?.protocol;\n\n    return protocol === 'https:' || protocol === 'http:';\n};\n\n/** Public `watch` URL for a video, used when we have to hand playback off to an external browser. */\nexport const getExternalVideoUrl = (\n    metadata: VideoMetadata | null | undefined,\n    fallbackUrl: string\n): string => {\n    if (metadata?.type === 'youtube' && metadata.videoId) {\n        return `https://www.youtube.com/watch?v=${metadata.videoId}`;\n    }\n\n    return fallbackUrl;\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 {\n    canEmbedVideoIframe,\n    getExternalVideoUrl,\n    getVideoMetadata,\n    VideoMetadata,\n} from '../../helpers/video.helpers';\nimport ExternalVideoFallback from './ExternalVideoFallback';\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                    {canEmbedVideoIframe(videoMetadata.type) ? (\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                    ) : (\n                        <ExternalVideoFallback\n                            url={getExternalVideoUrl(videoMetadata, currentItem.url)}\n                            thumbnailUrl={videoMetadata.thumbnailUrl}\n                            className=\"absolute top-0 left-0\"\n                        />\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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"}

package/dist/cjs/{MeritBadgeDisplayCard-6edd0a69.js → MeritBadgeDisplayCard-d50cfb5e.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var VerifierStateBadgeAndText = require('./VerifierStateBadgeAndText-54065ad8.js');
-var credential_helpers = require('./credential.helpers-cf5b7e3c.js');
+var VerifierStateBadgeAndText = require('./VerifierStateBadgeAndText-934239ab.js');
+var credential_helpers = require('./credential.helpers-17a10601.js');
 var UserProfilePicture = require('./UserProfilePicture-80675455.js');
 var index = require('./index-5488badc.js');
-var types_esm = require('./types.esm-e775534b.js');
-var Lightbox = require('./Lightbox-d72e19ba.js');
+var types_esm = require('./types.esm-73624b33.js');
+var Lightbox = require('./Lightbox-e2996736.js');
 var ThreeDots = require('./DotsThreeOutline.svg');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -1019,4 +1019,4 @@ const MeritBadgeDisplayCard = ({
 exports.MeritBadgeBackFace = MeritBadgeBackFace;
 exports.MeritBadgeDisplayCard = MeritBadgeDisplayCard;
 exports.MeritBadgeFrontFace = MeritBadgeFrontFace;
-//# sourceMappingURL=MeritBadgeDisplayCard-6edd0a69.js.map
+//# sourceMappingURL=MeritBadgeDisplayCard-d50cfb5e.js.map