@learncard/react 2.12.3 → 2.12.4

package/dist/esm/UserProfilePicture-50c34186.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserProfilePicture-50c34186.js","sources":["../../src/components/UserProfilePicture/UserProfilePicture.tsx"],"sourcesContent":["import React from 'react';\n\nconst PersonSilhouette: React.FC<{ className?: string }> = ({ className = '' }) => (\n    <svg\n        width=\"22\"\n        height=\"22\"\n        viewBox=\"0 0 22 22\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={className}\n    >\n        <path\n            d=\"M10.7115 13.5488C6.86057 13.5488 3.57129 14.156 3.57129 16.5845C3.57129 19.014 6.84004 19.6426 10.7115 19.6426C14.5624 19.6426 17.8516 19.0363 17.8516 16.6069C17.8516 14.1774 14.5838 13.5488 10.7115 13.5488Z\"\n            fill=\"#353E64\"\n        />\n        <path\n            opacity=\"0.4\"\n            d=\"M10.7115 11.2361C13.3347 11.2361 15.4365 9.13345 15.4365 6.51113C15.4365 3.88881 13.3347 1.78613 10.7115 1.78613C8.08913 1.78613 5.98645 3.88881 5.98645 6.51113C5.98645 9.13345 8.08913 11.2361 10.7115 11.2361Z\"\n            fill=\"#353E64\"\n        />\n    </svg>\n);\n\nconst FingerprintIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n    <svg\n        width=\"32\"\n        height=\"31\"\n        viewBox=\"0 0 32 31\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={className}\n    >\n        <path\n            d=\"M15.612 10.3663C21.746 10.3665 26.7187 15.339 26.7187 21.473C26.7187 23.722 24.8953 25.5453 22.6462 25.5454C20.3972 25.5454 18.5738 23.7222 18.5738 21.473C18.5738 19.8373 17.2476 18.5113 15.612 18.5112C13.9763 18.5112 12.6502 19.8372 12.6502 21.473C12.6502 24.103 13.6282 26.5011 15.2418 28.3294C15.7824 28.9423 15.7241 29.8778 15.1117 30.4191C14.4985 30.9602 13.5617 30.902 13.0204 30.2889C10.9478 27.9403 9.68847 24.8519 9.68847 21.473C9.68847 18.2015 12.3406 15.5494 15.612 15.5494C18.8834 15.5495 21.5356 18.2015 21.5356 21.473C21.5356 22.0864 22.0328 22.5836 22.6462 22.5836C23.2596 22.5835 23.7569 22.0862 23.7569 21.473C23.7569 16.9748 20.1102 13.3282 15.612 13.3281C11.1137 13.3281 7.46712 16.9746 7.46712 21.473C7.46712 22.498 7.65616 23.4759 7.99933 24.3755C8.29047 25.1394 7.90699 25.9958 7.14318 26.2874C6.37916 26.5787 5.52292 26.1951 5.23133 25.4313C4.76156 24.1997 4.50533 22.8644 4.50533 21.473C4.50533 15.339 9.47799 10.3663 15.612 10.3663ZM15.4645 21.5019C16.2659 21.3392 17.0486 21.8576 17.2115 22.6589C17.7602 25.3619 20.1527 27.3964 23.0165 27.3965C23.217 27.3965 23.415 27.3869 23.6094 27.3677C24.4233 27.2868 25.1484 27.8814 25.2292 28.6953C25.3096 29.5088 24.7165 30.2339 23.9031 30.3149C23.6113 30.3438 23.315 30.3583 23.0165 30.3583C18.7164 30.3582 15.1311 27.305 14.3076 23.2489C14.145 22.4475 14.6635 21.6649 15.4645 21.5019ZM15.612 5.18313C22.9079 5.18344 29.0803 9.97908 31.1556 16.5863C31.4005 17.3663 30.9665 18.198 30.1867 18.4432C29.4067 18.688 28.575 18.2542 28.3298 17.4743C26.6312 12.0658 21.5773 8.14523 15.612 8.14492C9.64668 8.14505 4.59309 12.0658 2.89428 17.4743C2.64921 18.2542 1.81744 18.6879 1.03739 18.4432C0.257211 18.1981 -0.176617 17.3666 0.0684418 16.5863C2.14387 9.97898 8.31608 5.18326 15.612 5.18313ZM15.612 0C21.2529 0.000192516 26.3708 2.25505 30.1071 5.90911C30.6913 6.4809 30.7017 7.41857 30.1304 8.0032C29.5586 8.58772 28.6209 8.59782 28.0362 8.02633C24.8309 4.89168 20.4478 2.96198 15.612 2.96179C10.7762 2.96185 6.39334 4.89163 3.18787 8.02633C2.60327 8.59809 1.66569 8.58756 1.09378 8.0032C0.522099 7.41847 0.532273 6.48093 1.11693 5.90911C4.85343 2.255 9.97118 5.92358e-05 15.612 0Z\"\n            fill=\"currentColor\"\n        />\n    </svg>\n);\n\n// Copied / Adapted from learn-card-base\nexport const UserProfilePicture: React.FC<{\n    customContainerClass?: string;\n    customImageClass?: string;\n    user?: any;\n    alt?: string;\n    children?: React.ReactNode | null;\n    avatarColor?: string;\n    avatarFingerprintColor?: string;\n    avatarTextClassName?: string;\n    avatarIconClassName?: string;\n    avatarSilhouetteClassName?: string;\n    avatarFallbackVariant?: 'initial' | 'fingerprint';\n}> = ({\n    customContainerClass,\n    customImageClass,\n    user,\n    alt,\n    children,\n    avatarColor,\n    avatarFingerprintColor,\n    avatarTextClassName,\n    avatarIconClassName,\n    avatarSilhouetteClassName,\n    avatarFallbackVariant = 'initial',\n}) => {\n    const baseColor = avatarColor || 'bg-grayscale-700';\n    const src = user?.image || user?.profileImage;\n    const [errored, setErrored] = React.useState(false);\n\n    // Reset the error flag whenever the source changes (e.g. good URL after a bad one).\n    React.useEffect(() => {\n        setErrored(false);\n    }, [src]);\n\n    const letterToDisplay =\n        user?.displayName?.substring(0, 1) ||\n        user?.profileId?.substring(0, 1) ||\n        user?.name?.substring(0, 1) ||\n        user?.email?.substring(0, 1) ||\n        '';\n\n    if (!src || errored) {\n        const fingerprintIconClassName = `${avatarIconClassName || 'w-[60%] h-[60%]'} ${\n            avatarFingerprintColor || 'text-white/85'\n        }`;\n\n        return (\n            <div\n                className={`rounded-full flex items-center justify-center font-poppins font-semibold uppercase select-none text-white text-2xl ${customContainerClass} ${baseColor}`}\n            >\n                {avatarFallbackVariant === 'fingerprint' ? (\n                    <FingerprintIcon className={fingerprintIconClassName} />\n                ) : letterToDisplay ? (\n                    <span className={avatarTextClassName || ''}>{letterToDisplay}</span>\n                ) : (\n                    <PersonSilhouette\n                        className={avatarSilhouetteClassName || avatarIconClassName}\n                    />\n                )}\n                {children}\n            </div>\n        );\n    }\n\n    return (\n        <div className={`relative select-none ${customContainerClass}`}>\n            <img\n                className={`rounded-full ${customImageClass}`}\n                alt={alt || 'user'}\n                src={src}\n                referrerPolicy=\"no-referrer\"\n                onError={() => setErrored(true)}\n            />\n            {children}\n        </div>\n    );\n};\n\nexport default UserProfilePicture;\n"],"names":[],"mappings":"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"}