UNPKG

@humanmark/sdk-js

Version:

Browser-native JavaScript SDK for Humanmark human verification challenges

12 lines (11 loc) 17.4 kB
!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode('.humanmark-modal-overlay{--humanmark-sdk-primary-50: #f0edff;--humanmark-sdk-primary-400: #9580ff;--humanmark-sdk-primary-500: #7c63ff;--humanmark-sdk-primary-600: #6b52e5;--humanmark-sdk-primary-700: #5a42c7;--humanmark-sdk-gray-50: #f7f6f9;--humanmark-sdk-gray-200: #e5e2f0;--humanmark-sdk-gray-300: #d0cce0;--humanmark-sdk-gray-400: #a8a3b8;--humanmark-sdk-gray-500: #807a90;--humanmark-sdk-gray-600: #6b6575;--humanmark-sdk-gray-700: #4d4a58;--humanmark-sdk-gray-800: #3d3a48;--humanmark-sdk-gray-900: #322f3d;--humanmark-sdk-gray-950: #282533;--humanmark-sdk-gray-1000: #1c1a26;--humanmark-sdk-success-400: #4ade80;--humanmark-sdk-error-400: #ff6b6b;--humanmark-sdk-white: #ffffff;--humanmark-sdk-transparent: transparent;--humanmark-sdk-primary-alpha-10: rgba(124, 99, 255, .1);--humanmark-sdk-primary-alpha-20: rgba(124, 99, 255, .2);--humanmark-sdk-white-alpha-10: rgba(255, 255, 255, .1);--humanmark-sdk-white-alpha-20: rgba(255, 255, 255, .2);--humanmark-sdk-black-alpha-5: rgba(0, 0, 0, .05);--humanmark-sdk-black-alpha-10: rgba(0, 0, 0, .1);--humanmark-sdk-black-alpha-50: rgba(0, 0, 0, .5);--humanmark-sdk-focus-ring-primary: rgba(124, 99, 255, .4);--humanmark-sdk-shadow-xl: 0 12px 24px rgba(0, 0, 0, .4);--humanmark-sdk-shadow-primary: 0 4px 16px rgba(124, 99, 255, .3);--humanmark-sdk-shadow-success: 0 4px 16px rgba(74, 222, 128, .3)}.humanmark-modal-overlay,:root[data-hm-theme=dark] .humanmark-modal-overlay,:root[data-hm-theme=auto] .humanmark-modal-overlay{--humanmark-sdk-bg-primary: var(--humanmark-sdk-gray-1000);--humanmark-sdk-bg-secondary: var(--humanmark-sdk-gray-950);--humanmark-sdk-bg-elevated: var(--humanmark-sdk-gray-900);--humanmark-sdk-surface-0: var(--humanmark-sdk-gray-1000);--humanmark-sdk-surface-1: var(--humanmark-sdk-gray-950);--humanmark-sdk-surface-2: var(--humanmark-sdk-gray-900);--humanmark-sdk-surface-3: var(--humanmark-sdk-gray-800);--humanmark-sdk-text-primary: var(--humanmark-sdk-white);--humanmark-sdk-text-secondary: var(--humanmark-sdk-gray-200);--humanmark-sdk-text-tertiary: var(--humanmark-sdk-gray-400);--humanmark-sdk-text-disabled: var(--humanmark-sdk-gray-600);--humanmark-sdk-border-default: var(--humanmark-sdk-gray-800);--humanmark-sdk-border-hover: var(--humanmark-sdk-gray-700);--humanmark-sdk-border-subtle: var(--humanmark-sdk-primary-alpha-20);--humanmark-sdk-modal-bg: var(--humanmark-sdk-surface-2);--humanmark-sdk-modal-overlay: var(--humanmark-sdk-black-alpha-50);--humanmark-sdk-qr-container-bg: var(--humanmark-sdk-surface-1);--humanmark-sdk-progress-track: var(--humanmark-sdk-surface-3);--humanmark-sdk-progress-fill: linear-gradient( 135deg, var(--humanmark-sdk-primary-500) 0%, var(--humanmark-sdk-primary-400) 100% );--humanmark-sdk-overlay-light: var(--humanmark-sdk-white-alpha-10);--humanmark-sdk-overlay-medium: var(--humanmark-sdk-white-alpha-20)}:root[data-hm-theme=light] .humanmark-modal-overlay{--humanmark-sdk-bg-primary: var(--humanmark-sdk-white);--humanmark-sdk-bg-secondary: var(--humanmark-sdk-gray-50);--humanmark-sdk-bg-elevated: var(--humanmark-sdk-white);--humanmark-sdk-surface-0: var(--humanmark-sdk-white);--humanmark-sdk-surface-1: var(--humanmark-sdk-white);--humanmark-sdk-surface-2: var(--humanmark-sdk-gray-50);--humanmark-sdk-surface-3: var(--humanmark-sdk-primary-50);--humanmark-sdk-text-primary: var(--humanmark-sdk-gray-1000);--humanmark-sdk-text-secondary: var(--humanmark-sdk-gray-700);--humanmark-sdk-text-tertiary: var(--humanmark-sdk-gray-500);--humanmark-sdk-text-disabled: var(--humanmark-sdk-gray-400);--humanmark-sdk-border-default: var(--humanmark-sdk-gray-200);--humanmark-sdk-border-hover: var(--humanmark-sdk-gray-300);--humanmark-sdk-border-subtle: var(--humanmark-sdk-primary-alpha-10);--humanmark-sdk-modal-bg: var(--humanmark-sdk-white);--humanmark-sdk-modal-overlay: rgba(0, 0, 0, .32);--humanmark-sdk-qr-container-bg: var(--humanmark-sdk-gray-50);--humanmark-sdk-progress-track: var(--humanmark-sdk-gray-200);--humanmark-sdk-progress-fill: linear-gradient( 135deg, var(--humanmark-sdk-primary-500) 0%, var(--humanmark-sdk-primary-400) 100% );--humanmark-sdk-overlay-light: var(--humanmark-sdk-black-alpha-5);--humanmark-sdk-overlay-medium: var(--humanmark-sdk-black-alpha-10);--humanmark-sdk-shadow-xl: 0 12px 24px rgba(0, 0, 0, .12)}@media (prefers-color-scheme: light){:root[data-hm-theme=auto] .humanmark-modal-overlay{--humanmark-sdk-bg-primary: var(--humanmark-sdk-white);--humanmark-sdk-bg-secondary: var(--humanmark-sdk-gray-50);--humanmark-sdk-bg-elevated: var(--humanmark-sdk-white);--humanmark-sdk-surface-0: var(--humanmark-sdk-white);--humanmark-sdk-surface-1: var(--humanmark-sdk-white);--humanmark-sdk-surface-2: var(--humanmark-sdk-gray-50);--humanmark-sdk-surface-3: var(--humanmark-sdk-primary-50);--humanmark-sdk-text-primary: var(--humanmark-sdk-gray-1000);--humanmark-sdk-text-secondary: var(--humanmark-sdk-gray-700);--humanmark-sdk-text-tertiary: var(--humanmark-sdk-gray-500);--humanmark-sdk-text-disabled: var(--humanmark-sdk-gray-400);--humanmark-sdk-border-default: var(--humanmark-sdk-gray-200);--humanmark-sdk-border-hover: var(--humanmark-sdk-gray-300);--humanmark-sdk-border-subtle: var(--humanmark-sdk-primary-alpha-10);--humanmark-sdk-modal-bg: var(--humanmark-sdk-white);--humanmark-sdk-modal-overlay: rgba(0, 0, 0, .32);--humanmark-sdk-qr-container-bg: var(--humanmark-sdk-gray-50);--humanmark-sdk-progress-track: var(--humanmark-sdk-gray-200);--humanmark-sdk-progress-fill: linear-gradient( 135deg, var(--humanmark-sdk-primary-500) 0%, var(--humanmark-sdk-primary-400) 100% );--humanmark-sdk-overlay-light: var(--humanmark-sdk-black-alpha-5);--humanmark-sdk-overlay-medium: var(--humanmark-sdk-black-alpha-10);--humanmark-sdk-shadow-xl: 0 12px 24px rgba(0, 0, 0, .12)}}.humanmark-modal-overlay{all:initial;position:fixed!important;inset:0!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:2147483647!important;isolation:isolate!important;background:var(--humanmark-sdk-modal-overlay, rgba(0, 0, 0, .5))!important;backdrop-filter:blur(8px)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:16px!important;line-height:1.5!important;color:var(--humanmark-sdk-text-primary, #1c1a26)!important;box-sizing:border-box!important;overflow:auto!important;overscroll-behavior:contain!important}.humanmark-modal-overlay *,.humanmark-modal-overlay *:before,.humanmark-modal-overlay *:after{box-sizing:border-box!important}.humanmark-modal-content{background:var(--humanmark-sdk-modal-bg, #322f3d)!important;border-radius:16px!important;padding:32px!important;width:min(450px,90vw)!important;max-height:90vh!important;overflow-y:auto!important;overscroll-behavior:contain!important;position:relative!important;box-shadow:var(--humanmark-sdk-shadow-xl)!important;border:1px solid var(--humanmark-sdk-border-subtle)!important;pointer-events:auto!important;margin:0!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.humanmark-modal-close{position:absolute!important;top:16px!important;right:16px!important;background:transparent!important;border:none!important;cursor:pointer!important;color:var(--humanmark-sdk-text-tertiary, #a8a3b8)!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;transition:all .2s ease!important;padding:0!important;margin:0!important;box-shadow:none!important;transform:none!important;font-size:inherit!important;font-weight:400!important}.humanmark-modal-close svg{width:20px!important;height:20px!important}.humanmark-modal-close:hover{background-color:var( --humanmark-sdk-overlay-light, rgba(255, 255, 255, .1) )!important;color:var(--humanmark-sdk-text-secondary, #e5e2f0)!important}.humanmark-modal-close:active{background-color:var( --humanmark-sdk-overlay-medium, rgba(255, 255, 255, .2) )!important}.humanmark-modal-close:focus{outline:none!important;box-shadow:0 0 0 2px var(--humanmark-sdk-focus-ring-primary, rgba(124, 99, 255, .4))!important}.humanmark-modal-close:focus:not(:focus-visible){box-shadow:none!important}.humanmark-modal-title{margin:0 0 16px!important;padding:0!important;font-size:24px!important;font-weight:600!important;font-style:normal!important;text-align:center!important;text-transform:none!important;color:var(--humanmark-sdk-primary-400)!important;letter-spacing:-.02em!important;line-height:1.2!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.humanmark-modal-title .humanmark-icon{width:1em!important;height:1em!important;display:inline-block!important;flex-shrink:0!important}.humanmark-modal-description{margin:0 0 24px!important;padding:0!important;text-align:center!important;text-transform:none!important;color:var(--humanmark-sdk-text-secondary)!important;font-size:16px!important;font-weight:400!important;font-style:normal!important;line-height:1.5!important;letter-spacing:normal!important}.humanmark-qr-container{text-align:center!important;margin:0 0 24px!important}.humanmark-qr-wrapper{display:inline-block!important;padding:24px!important;background:var(--humanmark-sdk-qr-container-bg)!important;border-radius:12px!important;margin-bottom:16px!important;border:1px solid var(--humanmark-sdk-border-subtle)!important;position:relative!important;overflow:hidden!important}.humanmark-qr-wrapper:before{content:""!important;position:absolute!important;inset:-1px!important;background:linear-gradient(135deg,var(--humanmark-sdk-primary-alpha-10) 0%,transparent 50%,var(--humanmark-sdk-primary-alpha-10) 100%)!important;border-radius:12px!important;opacity:0;animation:humanmark-sdk-gentle-pulse 4s ease-in-out infinite!important;z-index:0!important}.humanmark-qr-wrapper img,.humanmark-qr-wrapper canvas{display:block!important;margin:0 auto!important;border-radius:8px!important;background:var(--humanmark-sdk-transparent)!important;position:relative!important;z-index:1!important}.humanmark-modal-instructions{margin:0!important;text-align:center!important;color:var(--humanmark-sdk-text-tertiary)!important;font-size:14px!important;line-height:1.4!important}.humanmark-verify-button{appearance:none!important;-webkit-appearance:none!important;text-decoration:none!important;text-transform:none!important;font-family:inherit!important;line-height:1.2!important;letter-spacing:normal!important;background:var(--humanmark-sdk-primary-500)!important;color:var(--humanmark-sdk-white)!important;border:none!important;padding:14px 28px!important;border-radius:12px!important;font-size:16px!important;font-weight:500!important;cursor:pointer!important;width:100%!important;min-height:44px!important;margin:16px 0!important;position:relative!important;transition:all .2s ease!important;box-shadow:var(--humanmark-sdk-shadow-primary)!important}.humanmark-verify-button:hover{background:var(--humanmark-sdk-primary-600)!important;transform:translateY(-2px)!important;box-shadow:var(--humanmark-sdk-shadow-primary),0 8px 24px #7c63ff66!important}.humanmark-verify-button:active{transform:translateY(0)!important;background:var(--humanmark-sdk-primary-700)!important;box-shadow:0 2px 8px #7c63ff4d!important}.humanmark-verify-button:focus{outline:none!important;box-shadow:0 0 0 3px var(--humanmark-sdk-focus-ring-primary)!important}.humanmark-error{color:var(--humanmark-sdk-error-400)!important;text-align:center!important;font-size:14px!important;margin-top:12px!important}.humanmark-sr-only{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.humanmark-modal-overlay *:focus-visible{outline:none!important;box-shadow:0 0 0 3px var(--humanmark-sdk-focus-ring-primary)!important}body.humanmark-modal-open{overflow:hidden!important}.humanmark-progress-container{position:absolute!important;bottom:0!important;left:0!important;right:0!important;height:8px!important;background:var(--humanmark-sdk-progress-track)!important;border-radius:0 0 16px 16px!important;overflow:hidden!important}.humanmark-progress-bar{height:100%!important;background:var(--humanmark-sdk-progress-fill)!important;width:100%;transform-origin:right center!important;transition:width .1s linear!important;position:relative!important;box-shadow:0 0 12px #7c63ff99!important}.humanmark-progress-bar:after{content:""!important;position:absolute!important;top:0!important;left:-100%;right:0!important;bottom:0!important;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%)!important;animation:humanmark-sdk-progress-shimmer 1.5s ease-in-out infinite!important}.humanmark-success-container{text-align:center!important;padding:40px 0!important;display:none!important}.humanmark-success-container.humanmark-success-visible{display:block!important;animation:humanmark-sdk-fade-in .3s ease-out!important}.humanmark-success-checkmark{width:80px!important;height:80px!important;margin:0 auto 24px!important;filter:drop-shadow(var(--humanmark-sdk-shadow-success))!important}.humanmark-success-checkmark svg{width:100%!important;height:100%!important}.humanmark-success-checkmark .checkmark-circle{stroke-dasharray:166!important;stroke-dashoffset:166;stroke-width:2!important;stroke-miterlimit:10!important;stroke:var(--humanmark-sdk-success-400)!important;fill:none!important;animation:humanmark-sdk-circle .6s cubic-bezier(.65,0,.45,1) forwards!important}.humanmark-success-checkmark .checkmark-check{transform-origin:50% 50%!important;stroke-dasharray:48!important;stroke-dashoffset:48;stroke:var(--humanmark-sdk-success-400)!important;stroke-width:3!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important;animation:humanmark-sdk-check .3s cubic-bezier(.65,0,.45,1) .6s forwards!important}.humanmark-success-message{font-size:20px!important;font-weight:600!important;color:var(--humanmark-sdk-text-primary)!important;margin-bottom:8px!important}.humanmark-success-submessage{font-size:16px!important;color:var(--humanmark-sdk-text-secondary)!important}.humanmark-modal-body{transition:opacity .3s ease-out!important}.humanmark-modal-body.humanmark-fade-out{opacity:0!important}@keyframes humanmark-sdk-fade-in{0%{opacity:0}to{opacity:1}}@keyframes humanmark-sdk-fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes humanmark-sdk-fade-out{0%{opacity:1}to{opacity:0}}@keyframes humanmark-sdk-fade-out-scale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes humanmark-sdk-gentle-pulse{0%,to{opacity:0}50%{opacity:.6}}@keyframes humanmark-sdk-progress-shimmer{to{left:100%}}@keyframes humanmark-sdk-circle{to{stroke-dashoffset:0}}@keyframes humanmark-sdk-check{to{stroke-dashoffset:0}}.humanmark-modal-overlay{animation:humanmark-sdk-fade-in .3s ease-out!important}.humanmark-modal-content{animation:humanmark-sdk-fade-in-scale .3s ease-out!important}.humanmark-modal-overlay.humanmark-closing{animation:humanmark-sdk-fade-out .3s ease-out forwards!important}.humanmark-modal-overlay.humanmark-closing .humanmark-modal-content{animation:humanmark-sdk-fade-out-scale .3s ease-out forwards!important}@media (max-width: 480px){.humanmark-modal-content{padding:24px!important;width:min(400px,calc(100vw - 32px))!important;max-height:calc(100vh - 32px)!important;border-radius:20px!important;margin:16px!important}.humanmark-modal-close{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;top:12px!important;right:12px!important}.humanmark-progress-container{border-radius:0 0 20px 20px!important}.humanmark-modal-title{font-size:20px!important;gap:6px!important}.humanmark-modal-description{font-size:15px!important}.humanmark-qr-wrapper{padding:20px!important}}.humanmark-hidden{display:none!important}.humanmark-qr-image{display:block!important;margin:0 auto!important}.humanmark-what-is-this{display:block!important;text-align:center!important;margin-top:16px!important;color:var(--humanmark-sdk-primary-400)!important;font-size:14px!important;text-decoration:underline!important;transition:opacity .2s ease!important}.humanmark-what-is-this:hover{opacity:.8!important}.humanmark-what-is-this:focus{outline:none!important;opacity:.8!important}@media (prefers-reduced-motion: reduce){.humanmark-modal-overlay,.humanmark-modal-content,.humanmark-success-container,.humanmark-qr-wrapper:before,.humanmark-progress-bar:after{animation:none!important}.humanmark-modal-close,.humanmark-verify-button,.humanmark-modal-body,.humanmark-progress-bar,.humanmark-what-is-this{transition:none!important}.humanmark-success-checkmark .checkmark-circle,.humanmark-success-checkmark .checkmark-check{animation:none!important;stroke-dashoffset:0!important}}')),document.head.appendChild(a)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}(); import { E, H, b, c, i, d } from "../index-AC1SXkK1.js"; export { E as ErrorCode, H as HumanmarkError, b as HumanmarkSdk, c as HumanmarkVerificationCancelledError, i as isHumanmarkError, d as preloadUIComponents }; //# sourceMappingURL=index.js.map