@smileid/web-components 11.1.0 → 11.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/esm/{DocumentCaptureScreens-DHAfE8VG.js → DocumentCaptureScreens-N-0o7eE5.js} +14 -14
  2. package/dist/esm/DocumentCaptureScreens-N-0o7eE5.js.map +1 -0
  3. package/dist/esm/{EndUserConsent-DE6OBSGG.js → EndUserConsent-BgKCCMMn.js} +3 -3
  4. package/dist/esm/{EndUserConsent-DE6OBSGG.js.map → EndUserConsent-BgKCCMMn.js.map} +1 -1
  5. package/dist/esm/{Navigation-kjll5SgE.js → Navigation-DOFYqTZt.js} +2 -2
  6. package/dist/esm/{Navigation-kjll5SgE.js.map → Navigation-DOFYqTZt.js.map} +1 -1
  7. package/dist/esm/{SelfieCaptureScreens-DaREKFi4.js → SelfieCaptureScreens-DKd0f7K8.js} +1568 -1551
  8. package/dist/esm/SelfieCaptureScreens-DKd0f7K8.js.map +1 -0
  9. package/dist/esm/{TotpConsent-DsMJhXD8.js → TotpConsent-BQm8j4-u.js} +2 -2
  10. package/dist/esm/{TotpConsent-DsMJhXD8.js.map → TotpConsent-BQm8j4-u.js.map} +1 -1
  11. package/dist/esm/combobox.js +1 -1
  12. package/dist/esm/document.js +1 -1
  13. package/dist/esm/end-user-consent.js +1 -1
  14. package/dist/esm/{index-LJce6hoU.js → index-Cjzs1eA_.js} +120 -120
  15. package/dist/esm/{index-LJce6hoU.js.map → index-Cjzs1eA_.js.map} +1 -1
  16. package/dist/esm/localisation.js +1 -1
  17. package/dist/esm/main.js +6 -6
  18. package/dist/esm/navigation.js +1 -1
  19. package/dist/esm/{package-BoRHLVSv.js → package-KQ2l43v1.js} +3 -3
  20. package/dist/esm/{package-BoRHLVSv.js.map → package-KQ2l43v1.js.map} +1 -1
  21. package/dist/esm/selfie.js +1 -1
  22. package/dist/esm/smart-camera-web.js +21 -16
  23. package/dist/esm/smart-camera-web.js.map +1 -1
  24. package/dist/esm/totp-consent.js +1 -1
  25. package/dist/package.json +1 -1
  26. package/dist/smart-camera-web.js +45 -45
  27. package/dist/smart-camera-web.js.map +1 -1
  28. package/lib/components/camera-permission/CameraPermission.js +1 -1
  29. package/lib/components/document/src/document-capture/DocumentCapture.js +3 -3
  30. package/lib/components/document/src/document-capture-instructions/DocumentCaptureInstructions.js +3 -3
  31. package/lib/components/document/src/document-capture-review/DocumentCaptureReview.js +3 -3
  32. package/lib/components/selfie/src/SelfieCaptureScreens.js +9 -1
  33. package/lib/components/selfie/src/selfie-capture/SelfieCapture.js +2 -2
  34. package/lib/components/selfie/src/selfie-capture-instructions/SelfieCaptureInstructions.js +3 -3
  35. package/lib/components/selfie/src/selfie-capture-review/SelfieCaptureReview.js +3 -3
  36. package/lib/components/selfie/src/selfie-capture-wrapper/SelfieCaptureWrapper.tsx +97 -46
  37. package/lib/components/signature-pad/package.json +1 -1
  38. package/lib/components/smart-camera-web/src/SmartCameraWeb.js +9 -1
  39. package/package.json +2 -2
  40. package/dist/esm/DocumentCaptureScreens-DHAfE8VG.js.map +0 -1
  41. package/dist/esm/SelfieCaptureScreens-DaREKFi4.js.map +0 -1
  42. package/lib/components/selfie/src/smartselfie-capture/SmartSelfieCapture.stories.js +0 -47
package/dist/esm/{EndUserConsent-DE6OBSGG.js.map → EndUserConsent-BgKCCMMn.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"EndUserConsent-DE6OBSGG.js","sources":["../../lib/components/end-user-consent/src/EndUserConsent.js"],"sourcesContent":["import styles from '../../../styles/src/styles';\nimport '../../totp-consent/src/TotpConsent';\nimport '../../attribution/PoweredBySmileId';\nimport { t, tHtml, getDirection } from '../../../domain/localisation';\n\nfunction templateString() {\n return `\n <style>\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n :host {\n --flow-space: 1.5rem;\n\n --color-dark: #404040;\n --color-grey: #555B69;\n\n --color-success: #1EB244;\n --color-failure: #FFEDEB;\n --color-failure-tint: #F86B58;\n --color-danger: #FF5805;\n \n --color-primary-blue: #151F72;\n --color-richblue: #043C93;\n --color-theme: ${this.themeColor};\n }\n\n html {\n font-family: 'DM Sans', sans-serif;\n }\n\n [hidden] {\n display: none !important;\n }\n\n [disabled] {\n cursor: not-allowed !important;\n filter: grayscale(75%);\n }\n\n .visually-hidden {\n border: 0;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n height: auto;\n margin: 0;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n }\n\n .color-dark {\n color: var(--color-dark);\n }\n\n .color-grey {\n color: var(--color-grey);\n }\n\n .flow > * + * {\n margin-top: var(--flow-space);\n }\n\n .center {\n margin-left: auto;\n margin-right: auto;\n\n text-align: center;\n }\n\n h1 {\n font-size: 20px;\n font-weight: 400;\n }\n\n ol[role=list], ul[role=list] {\n list-style: none;\n padding-left: 0;\n }\n\n button {\n --button-color: var(--color-default);\n --flow-space: 3rem;\n -webkit-appearance: none;\n -moz-appearance: none;\n align-items: center;\n appearance: none;\n background-color: transparent;\n border-radius: 2.5rem;\n border: none;\n color: #ffffff;\n cursor: pointer;\n display: inline-flex;\n font-size: 20px;\n font-weight: 500;\n inline-size: 100%;\n justify-content: center;\n letter-spacing: .05ch;\n line-height: 1;\n padding: 1rem 2.5rem;\n text-align: center;\n text-decoration: none;\n }\n\n button[data-variant='solid'] {\n background-color: var(--button-color);\n border: 2px solid var(--button-color);\n }\n\n button[data-variant='outline'] {\n color: var(--button-color);\n border: 2px solid var(--button-color);\n }\n\n button[data-variant='ghost'] {\n color: var(--button-color);\n }\n\n button:hover,\n button:focus,\n button:active {\n --button-color: var(--theme-color);\n }\n\n button:disabled {\n --button-color: var(--color-disabled);\n }\n\n button[data-type='icon'] {\n align-items: center;\n background-color: transparent;\n border: 0;\n cursor: pointer;\n display: flex;\n padding: 0;\n }\n\n button[data-type='icon'] {\n height: 2rem;\n padding: 0;\n width: 2rem;\n background: transparent;\n }\n\n .nav {\n display: flex;\n justify-content: space-between;\n }\n\n .justify-right {\n justify-content: end !important;\n }\n\n .back-wrapper {\n display: flex;\n align-items: center;\n }\n \n .back-button-text {\n font-size: 11px;\n line-height: 1;\n color: ${this.themeColor} !important;\n }\n\n img {\n border-radius: 50%;\n position: relative;\n }\n\n img::before {\n background-color: #ffffff;\n border-radius: 50%;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n .demo-tip {\n align-items: center;\n background-color: #f5fcff;\n border-radius: .75rem;\n border: 1px solid #A9D1E8;\n color: inherit;\n display: flex;\n font-size: .875rem;\n max-width: 36rem;\n padding: 1rem;\n text-align: left;\n text-decoration: none;\n }\n\n .demo-tip > * + * {\n margin-left: .5rem;\n }\n\n .callout {\n font-size: .875rem;\n padding: 1rem 1.5rem;\n max-width: 20.6875rem;\n }\n\n .processing-list {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 2rem;\n padding-top: 2rem;\n\n }\n\n .processing-list__items {\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n\n .processing-list__items > * + p {\n margin-left: 1rem;\n }\n\n .processing-list__items-item {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n .processing-list__item__title {\n color: var(--color-theme);\n }\n\n .processing-list__items-item__description {\n width: 269px\n }\n\n .theme {\n font-weight: 700;\n color: var(--color-theme);\n }\n\n .tooltip {\n position: relative;\n }\n\n .tooltip__trigger {\n }\n\n .tooltip__trigger:focus + .tooltip__content,\n .tooltip__trigger:hover + .tooltip__content {\n display: flex;\n }\n\n .tooltip__content {\n align-items: flex-start;\n background-color: #ffffff;\n border-radius: .5rem;\n box-shadow: 0px 12px 36px rgba(0, 0, 0, 0.08);\n display: none;\n padding: 1.25rem;\n position: absolute;\n right: 20px;\n bottom: -50px;\n width: 200px;\n }\n\n .tooltip__content > :last-child {\n margin-left: 1rem;\n }\n\n .tooltip__content .title {\n font-size: .75rem;\n font-weight: 700;\n }\n\n .tooltip__content .description {\n --flow-space: .25rem;\n font-size: .625rem;\n color: #6B7280;\n }\n\n svg {\n flex-shrink: 0;\n }\n\n [disabled] {\n cursor: not-allowed;\n filter: opacity(.7);\n }\n\n .credits {\n --flow-space: 2rem;\n margin-inline: auto;\n max-inline-size: 10rem;\n }\n\n .company-name {\n text-transform: uppercase;\n letter-spacing: .1rem;\n border-left: 1px solid #cecece;\n margin-left: .75rem;\n padding-left: .75rem;\n display: inline-flex;\n align-items: center;\n }\n\n .company-name svg {\n margin-right: .5rem;\n }\n #cancel {\n color: var(--color-danger);\n }\n </style>\n ${styles(this.themeColor)}\n <div id='consent-screen' dir='${this.direction}'>\n <section class='flow center'>\n <div class=\"nav ${this.hideBack ? 'justify-right' : ''}\">\n <div class=\"back-wrapper\" ${this.hideBack ? 'hidden' : ''}>\n <button type='button' data-type='icon' id=\"back-button\" class=\"back-button\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\">\n <path fill=\"#DBDBC4\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z\" opacity=\".4\"/>\n <path fill=\"${this.themeColor}\" d=\"M15.5 11.25h-5.19l1.72-1.72c.29-.29.29-.77 0-1.06a.754.754 0 0 0-1.06 0l-3 3c-.29.29-.29.77 0 1.06l3 3c.15.15.34.22.53.22s.38-.07.53-.22c.29-.29.29-.77 0-1.06l-1.72-1.72h5.19c.41 0 .75-.34.75-.75s-.34-.75-.75-.75Z\"/>\n </svg>\n </button>\n <div class=\"back-button-text\">${t('common.back')}</div>\n </div>\n <button data-type='icon' type='button' class='close-iframe'>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\">\n <path fill=\"#DBDBC4\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z\" opacity=\".4\"/>\n <path fill=\"#91190F\" d=\"m13.06 12 2.3-2.3c.29-.29.29-.77 0-1.06a.754.754 0 0 0-1.06 0l-2.3 2.3-2.3-2.3a.754.754 0 0 0-1.06 0c-.29.29-.29.77 0 1.06l2.3 2.3-2.3 2.3c-.29.29-.29.77 0 1.06.15.15.34.22.53.22s.38-.07.53-.22l2.3-2.3 2.3 2.3c.15.15.34.22.53.22s.38-.07.53-.22c.29-.29.29-.77 0-1.06l-2.3-2.3Z\"/>\n </svg>\n <span class='visually-hidden'>${t('common.close')} SmileIdentity Verification frame</span>\n </button>\n </div>\n <img alt='' width='50' height='50' src='${this.partnerLogoURL}' />\n <p class='demo-tip' ${this.demoMode ? '' : 'hidden'}>\n <svg aria-hidden='true' width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"4.46045\" y=\"4.46069\" width=\"47.7205\" height=\"47.7205\" rx=\"23.8603\" fill=\"white\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M35.1578 25.7487H34.2813V23.1195C34.2813 20.2273 31.915 17.861 29.0229 17.861C26.1307 17.861 23.7644 20.2273 23.7644 23.1195V25.7487H22.888C21.3981 25.7487 20.2588 26.888 20.2588 28.3779V34.5128C20.2588 36.0027 21.3981 37.142 22.888 37.142H35.1578C36.6476 37.142 37.787 36.0027 37.787 34.5128V28.3779C37.787 26.888 36.6476 25.7487 35.1578 25.7487ZM25.5171 23.1194C25.5171 21.1913 27.0946 19.6138 29.0227 19.6138C30.9508 19.6138 32.5283 21.1913 32.5283 23.1194V25.7487H25.5171V23.1194ZM35.1577 35.3892C35.6836 35.3892 36.0342 35.0386 36.0342 34.5128V28.3779C36.0342 27.8521 35.6836 27.5015 35.1577 27.5015H22.888C22.3622 27.5015 22.0116 27.8521 22.0116 28.3779V34.5128C22.0116 35.0386 22.3622 35.3892 22.888 35.3892H35.1577Z\" fill=\"#2D9CDB\"/>\n <rect x=\"4.46045\" y=\"4.46069\" width=\"47.7205\" height=\"47.7205\" rx=\"23.8603\" stroke=\"#DDF2F7\" stroke-width=\"7.15808\"/>\n </svg>\n\n <span>\n ${t('consent.demoTip')}\n </span>\n </p>\n <h1 class='text-base font-bold'>\n ${tHtml('consent.accessRequest', {\n idTypeLabel: { className: 'theme', value: this.idTypeLabel },\n partnerName: { className: 'theme', value: this.partnerName },\n })}\n </h1>\n <p class='text-base font-normal'>\n ${tHtml('consent.allowPartner', { partnerName: this.partnerName })}\n </p>\n </section>\n\n <ul role='list' class='processing-list flow' style='--flow-space: 0rem; margin: var(--flow-space) auto;'>\n <li class='processing-list__items'>\n <svg width=\"20\" height=\"24\" viewBox=\"0 0 20 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path opacity=\"0.4\" d=\"M9.49983 0C13.0841 0 15.9894 2.90479 15.9894 6.4883C15.9894 10.0718 13.0841 12.9766 9.49983 12.9766C5.91561 12.9766 3.01025 10.0718 3.01025 6.4883C3.01025 2.90479 5.91561 0 9.49983 0Z\" fill=\"#5E646E\"/>\n <path d=\"M1.47086 20.2288H17.5251C18.0342 20.2288 18.5313 20.1561 19 20.0227C18.3413 15.3646 14.3409 11.7811 9.50001 11.7811C4.65909 11.7811 0.658656 15.3646 0 20.0227C0.468737 20.1561 0.961716 20.2288 1.4749 20.2288\" fill=\"#151F72\"/>\n <path d=\"M14.9238 19.0148L13.8262 17.931C13.8262 17.931 13.6341 17.7956 13.5244 17.7956C13.4146 17.7956 13.3049 17.8498 13.2226 17.931C13.1402 18.0123 13.0854 18.1207 13.0854 18.2291C13.0854 18.3374 13.1402 18.4458 13.2226 18.5271L14.622 19.9089C14.622 19.9089 14.814 20.0443 14.9238 20.0443C15.0335 20.0443 15.1433 19.9901 15.2256 19.9089L17.8323 17.335C17.8323 17.335 17.9421 17.1724 17.9421 17.0369C17.9421 16.9015 17.9146 16.8202 17.8323 16.7389C17.75 16.6576 17.6677 16.6305 17.5579 16.6305C17.4482 16.6305 17.3384 16.6576 17.2835 16.7389L15.0061 18.9877L14.9238 19.0148ZM15.5 24C15.5 24 15.4177 24 15.3902 24C15.3628 24 15.3354 24 15.3079 24C14.0457 23.6207 13.0305 22.8621 12.2073 21.7241C11.4116 20.5862 11 19.3128 11 17.931V15.2217C11 15.0591 11.0549 14.8965 11.1646 14.734C11.2744 14.5714 11.4116 14.4901 11.5488 14.4089L15.1982 13.0542C15.1982 13.0542 15.3902 13 15.5 13C15.6098 13 15.6921 13 15.8018 13.0542L19.4512 14.4089C19.6159 14.4631 19.753 14.5714 19.8354 14.734C19.9177 14.8965 20 15.032 20 15.2217V17.931C20 19.3128 19.5884 20.5862 18.7927 21.7241C17.9969 22.8621 16.9543 23.6478 15.6921 24H15.5Z\" fill=\"#2CC05C\"/>\n </svg> \n <div class='processing-list__items-item'>\n <p class='font-medium text-base processing-list__item__title'>${t('consent.processing.personalDetails.title')}</p>\n <p class='text-xs font-medium processing-list__items-item__description'>${t('consent.processing.personalDetails.description')}</p>\n </div\n </li>\n <li class='processing-list__items'>\n <svg width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M15.0226 7.222C14.8323 7.222 14.642 7.152 14.4918 7.002L12.4888 5.002C12.3491 4.86086 12.2708 4.67043 12.2708 4.472C12.2708 4.27357 12.3491 4.08313 12.4888 3.942C12.7792 3.652 13.2599 3.652 13.5504 3.942L15.0226 5.412L18.4978 1.952C18.7882 1.662 19.269 1.662 19.5594 1.952C19.8498 2.242 19.8498 2.722 19.5594 3.012L15.5534 7.012C15.4032 7.142 15.2129 7.222 15.0226 7.222Z\" fill=\"#2CC05C\"/>\n <path opacity=\"0.4\" d=\"M9.80472 12.71L6.5298 15.98C6.16926 15.66 5.81874 15.33 5.47822 14.99C4.46547 13.972 3.5314 12.8789 2.68403 11.72C1.8628 10.58 1.2018 9.44 0.721083 8.31C0.240361 7.17 0 6.08 0 5.04C0 4.36 0.12018 3.71 0.360541 3.11C0.600902 2.5 0.981474 1.94 1.51227 1.44C2.15323 0.81 2.85429 0.5 3.5954 0.5C3.87582 0.5 4.15624 0.56 4.40662 0.68C4.66701 0.8 4.89735 0.98 5.07762 1.24L7.40111 4.51C7.58138 4.76 7.71158 4.99 7.80171 5.21C7.89185 5.42 7.94192 5.63 7.94192 5.82C7.94192 6.06 7.87182 6.3 7.73161 6.53C7.60141 6.76 7.41113 7 7.17077 7.24L6.40962 8.03C6.29946 8.14 6.24938 8.27 6.24938 8.43C6.24938 8.51 6.2594 8.58 6.27943 8.66C6.30947 8.74 6.33952 8.8 6.35955 8.86C6.53982 9.19 6.85028 9.62 7.29095 10.14C7.74162 10.66 8.22234 11.19 8.74313 11.72C9.10367 12.07 9.45419 12.41 9.80472 12.71Z\" fill=\"#5E646E\"/>\n <path d=\"M20 16.83C19.9987 17.2074 19.9131 17.5798 19.7496 17.92C19.5794 18.28 19.359 18.62 19.0686 18.94C18.5779 19.48 18.037 19.87 17.4261 20.12C17.4161 20.12 17.4061 20.13 17.3961 20.13C16.8052 20.37 16.1642 20.5 15.4732 20.5C14.4517 20.5 13.36 20.26 12.2083 19.77C11.0566 19.28 9.90483 18.62 8.76312 17.79C8.37253 17.5 7.98195 17.21 7.61139 16.9L10.8863 13.63C11.1667 13.84 11.4171 14 11.6274 14.11C11.6775 14.13 11.7376 14.16 11.8077 14.19C11.8878 14.22 11.9679 14.23 12.0581 14.23C12.2283 14.23 12.3585 14.17 12.4687 14.06L13.2298 13.31C13.4802 13.06 13.7206 12.87 13.9509 12.75C14.1813 12.61 14.4116 12.54 14.662 12.54C14.8523 12.54 15.0526 12.58 15.2729 12.67C15.4932 12.76 15.7236 12.89 15.9739 13.06L19.2889 15.41C19.5493 15.59 19.7296 15.8 19.8397 16.05C19.9399 16.3 20 16.55 20 16.83Z\" fill=\"#151F72\"/>\n </svg>\n <div class='processing-list__items-item'>\n <p class='font-medium text-base processing-list__item__title'>${t('consent.processing.contactInfo.title')}</p>\n <p class='text-xs font-medium processing-list__items-item__description'>${t('consent.processing.contactInfo.description')}</p>\n </div\n </li>\n <li class='processing-list__items'>\n <svg width=\"20\" height=\"18\" viewBox=\"0 0 20 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect opacity=\"0.4\" y=\"2\" width=\"19\" height=\"16\" rx=\"4\" fill=\"#5E646E\"/>\n <path d=\"M0 8H19V14C19 16.2091 17.2091 18 15 18H4C1.79086 18 0 16.2091 0 14V8Z\" fill=\"#151F72\"/>\n <path d=\"M4.66669 9C5.77129 9 6.66669 9.89539 6.66669 11C6.66669 12.1046 5.77129 13 4.66669 13C3.56208 13 2.66669 12.1046 2.66669 11C2.66669 9.89539 3.56208 9 4.66669 9Z\" fill=\"#2CC05C\"/>\n <path d=\"M2.41287 15H6.91933C7.06224 15 7.20176 14.9771 7.33333 14.935C7.14845 13.4645 6.02552 12.3333 4.66667 12.3333C3.30781 12.3333 2.18489 13.4645 2 14.935C2.13158 14.9771 2.26996 15 2.41401 15\" fill=\"#2CC05C\"/>\n <rect x=\"10\" y=\"10\" width=\"7\" height=\"1\" rx=\"0.5\" fill=\"#2CC05C\"/>\n <rect x=\"10\" y=\"12\" width=\"5.25\" height=\"1\" rx=\"0.5\" fill=\"#2CC05C\"/>\n <rect x=\"10\" y=\"14\" width=\"3.5\" height=\"1\" rx=\"0.5\" fill=\"#2CC05C\"/>\n <g clip-path=\"url(#clip0_641_419)\">\n <path d=\"M17.7221 0.583344H15.2779C14.2162 0.583344 13.5833 1.21626 13.5833 2.27793V4.71918C13.5833 5.78376 14.2162 6.41668 15.2779 6.41668H17.7191C18.7808 6.41668 19.4137 5.78376 19.4137 4.72209V2.27793C19.4166 1.21626 18.7837 0.583344 17.7221 0.583344Z\" fill=\"#151F72\"/>\n <path d=\"M16.0859 4.54474C16.0279 4.54469 15.9723 4.52161 15.9313 4.48058L15.1059 3.65516C15.0652 3.614 15.0424 3.55845 15.0424 3.50058C15.0424 3.4427 15.0652 3.38716 15.1059 3.34599C15.1904 3.26141 15.3304 3.26141 15.415 3.34599L16.0859 4.01683L17.585 2.51766C17.6696 2.43308 17.8096 2.43308 17.8942 2.51766C17.9788 2.60224 17.9788 2.74224 17.8942 2.82683L16.2404 4.48058C16.1995 4.52161 16.1439 4.54469 16.0859 4.54474Z\" fill=\"#2CC05C\"/>\n </g>\n <defs>\n <clipPath id=\"clip0_641_419\">\n <rect width=\"7\" height=\"7\" fill=\"white\" transform=\"translate(13)\"/>\n </clipPath>\n </defs>\n </svg>\n <div class='processing-list__items-item'>\n <p class='font-medium text-base processing-list__item__title'>${t('consent.processing.documentInfo.title')}</p>\n <p class='text-xs font-medium processing-list__items-item__description'>${t('consent.processing.documentInfo.description')}</p>\n </div\n </li>\n </ul>\n\n <section class='callout | flow center' style='--flow-space: 2rem; margin: var(--flow-space) auto;'>\n <p>\n ${tHtml('consent.privacyPolicy', { partnerName: this.partnerName })}\n <a class='theme' href='${this.partnerPolicyURL}' rel='noreferer noopener' target='_blank'>${t('consent.privacyPolicyLink')}</a>\n </p>\n\n <p style='--flow-space: .75rem'>\n ${tHtml('consent.grantConsent', { partnerName: this.partnerName })}\n </p>\n </section>\n\n <section class='flow' style='--flow-space: 2.5rem'>\n <button id='allow' data-variant='solid'>\n ${t('common.allow')}\n </button>\n\n <button id='cancel' data-variant='ghost' class='color-danger' style='--flow-space: 1.5rem'>\n ${t('common.cancel')}\n </button>\n </section>\n </div>\n\n <totp-consent\n hidden\n base-url='${this.baseUrl}'\n country='${this.country}'\n id-hint='${this.idHint}'\n id-regex='${this.idRegex}'\n id-type='${this.idType}'\n id-type-label='${this.idTypeLabel}'\n partner-id='${this.partnerId}'\n partner-name='${this.partnerName}'\n token='${this.token}'\n theme-color='${this.themeColor}'\n ${this.hideAttribution ? 'hide-attribution' : ''}\n >\n </totp-consent>\n\n <div hidden id='consent-rejected-screen' class='flow'>\n <section class='flow center'>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"185\" height=\"138\" fill=\"none\">\n <g filter=\"url(#a)\">\n <path fill=\"url(#b)\" d=\"M115.503 88.266H70.86a3.443 3.443 0 0 1-3.445-3.444V23.59a3.443 3.443 0 0 1 3.445-3.444h44.643a3.443 3.443 0 0 1 3.444 3.444v61.232a3.443 3.443 0 0 1-3.444 3.444Z\"/>\n </g>\n <path fill=\"#D5DDEA\" d=\"M98.982 71.746H87.38a2.33 2.33 0 0 1-2.334-2.334 2.33 2.33 0 0 1 2.334-2.334h11.603a2.33 2.33 0 0 1 2.334 2.334 2.33 2.33 0 0 1-2.334 2.334Zm5.326 5.054H82.032c-.68 0-1.224-.544-1.224-1.224 0-.68.544-1.224 1.224-1.224h22.276c.68 0 1.224.544 1.224 1.224 0 .657-.544 1.223-1.224 1.223Z\"/>\n <path fill=\"#D9DEEA\" d=\"M108.41 44.439c0 4.578-2.017 8.68-5.213 11.467a15.186 15.186 0 0 1-10.016 3.739 15.09 15.09 0 0 1-10.016-3.762 15.17 15.17 0 0 1-5.212-11.467c0-8.407 6.82-15.228 15.228-15.228 8.407 0 15.229 6.844 15.229 15.251Z\"/>\n <path fill=\"#fff\" d=\"M103.197 55.906a15.187 15.187 0 0 1-10.016 3.739 15.09 15.09 0 0 1-10.016-3.762c1.11-.43 2.56-.997 4.51-1.79a1.87 1.87 0 0 0 .996-.952 1.8 1.8 0 0 0 .159-.77v-3.649c-.068-.068-.113-.159-.159-.227a3.648 3.648 0 0 1-.589-1.586l-.317-.158c-.93.226-.861-.771-1.11-2.697-.091-.793.022-.952.385-1.088l.294-.408c-1.813-4.079-.906-6.64.884-7.546-.59-1.292-.635-1.768-.635-1.768s3.808.635 5.1.386c1.654-.34 4.214.067 5.166 2.266 1.586.611 2.198 1.631 2.334 2.696.136.998-.158 2.085-.453 2.924a1.077 1.077 0 0 1-.068.158c0 .023-.023.046-.023.068-.045.114-.068.204-.113.295-.023.045-.023.09-.045.136-.023.09-.068.181-.09.25 0 .022 0 .022-.023.044l-.069.204a2.466 2.466 0 0 1-.068.227c.023.023.023.068.046.09.25.114.34.34.25 1.043-.228 1.836-.16 2.946-1.111 2.697l-.839 1.45c-.022.159-.045.25-.068.34-.022.272-.022.816-.022 3.807 0 .363.113.703.294.997.204.317.499.59.861.748 0 0 .023 0 .023.023 1.971.838 3.422 1.382 4.532 1.813Z\"/>\n <path fill=\"url(#c)\" d=\"M99.254 42.92c.068-.453-.136-1.042-.294-1.427-.023-.068-.068-.136-.091-.204-.725-1.45-2.357-2.062-3.898-2.153-3.943-.204-4.328.544-5.552-.589.386.567.408 1.496-.181 2.629-.408.793-1.201 1.155-1.926 1.382-1.813-4.079-.907-6.64.883-7.546-.589-1.292-.634-1.768-.634-1.768s3.807.635 5.099.386c1.654-.34 4.215.067 5.167 2.266 1.586.611 2.198 1.631 2.334 2.696.272 1.7-.725 3.58-.907 4.329Z\"/>\n <path fill=\"url(#d)\" d=\"M97.804 53.368v.702h-9.156v-.929a1.8 1.8 0 0 0 .16-.77v-3.649c-.069-.068-.114-.159-.16-.227v-.226c.204.34.454.634.748.906l2.856 2.017c.657.567 1.631.567 2.311.023l2.674-2.402c.09-.068.181-.159.272-.25-.023.272-.023.816-.023 3.807.046.363.136.703.318.998Z\"/>\n <g filter=\"url(#e)\">\n <path fill=\"url(#f)\" d=\"M54.86 77.728H26.15a3.443 3.443 0 0 1-3.445-3.444V34.128a3.443 3.443 0 0 1 3.445-3.445h28.71a3.443 3.443 0 0 1 3.444 3.445v40.179a3.424 3.424 0 0 1-3.444 3.421Z\"/>\n </g>\n <path fill=\"#D5DDEA\" d=\"M44.504 66.33h-8.022a1.615 1.615 0 0 1-1.609-1.61c0-.883.725-1.608 1.609-1.608h8.022c.884 0 1.61.725 1.61 1.609s-.726 1.609-1.61 1.609Zm3.694 3.49H32.811a.837.837 0 0 1-.838-.839c0-.476.385-.838.838-.838h15.387c.476 0 .839.385.839.838a.851.851 0 0 1-.839.839Z\"/>\n <path fill=\"#D9DEEA\" d=\"M51.008 47.453a10.52 10.52 0 0 1-3.603 7.931 10.5 10.5 0 0 1-6.912 2.584c-2.651 0-5.076-.975-6.911-2.584a10.52 10.52 0 0 1-3.604-7.931c0-5.801 4.714-10.515 10.515-10.515 5.802 0 10.515 4.714 10.515 10.515Z\"/>\n <path fill=\"#fff\" d=\"M47.405 55.385a10.5 10.5 0 0 1-6.912 2.584c-2.651 0-5.076-.975-6.912-2.584a87.84 87.84 0 0 0 3.105-1.246c.317-.136.544-.363.68-.658.068-.158.113-.34.113-.543v-2.516a.69.69 0 0 1-.113-.158 2.36 2.36 0 0 1-.408-1.088l-.227-.113c-.634.158-.589-.544-.77-1.859-.068-.544.023-.657.25-.748l.203-.271c-1.246-2.833-.612-4.6.612-5.213-.408-.883-.43-1.223-.43-1.223s2.628.43 3.535.272c1.155-.227 2.9.045 3.557 1.563 1.088.43 1.519 1.133 1.61 1.858.09.703-.114 1.428-.295 2.017-.023.046-.023.068-.045.114 0 .022-.023.022-.023.045l-.068.204c-.023.023-.023.068-.045.09-.023.069-.046.114-.068.182v.023c-.023.045-.046.09-.046.136-.022.068-.045.113-.045.158.023.023.023.045.023.068.18.09.226.227.158.703-.158 1.269-.113 2.04-.77 1.858l-.567 1.02c-.022.113-.045.158-.045.249-.023.181-.023.567-.023 2.629 0 .249.068.475.204.68.136.226.34.407.59.498h.022c1.405.59 2.402.974 3.15 1.27Z\"/>\n <path fill=\"url(#g)\" d=\"M44.708 46.41c.046-.317-.09-.702-.204-.997l-.068-.136c-.498-.997-1.631-1.427-2.696-1.473-2.72-.136-2.992.386-3.83-.407.272.407.294 1.02-.113 1.813-.295.543-.839.793-1.315.951-1.246-2.832-.612-4.6.612-5.212-.408-.884-.43-1.224-.43-1.224s2.628.431 3.535.272c1.155-.226 2.9.046 3.557 1.564 1.088.43 1.519 1.133 1.61 1.858.135 1.179-.544 2.47-.658 2.992Z\"/>\n <path fill=\"url(#h)\" d=\"M43.711 53.64v.498H37.39v-.657a1.37 1.37 0 0 0 .113-.544v-2.515a.69.69 0 0 1-.113-.16v-.135c.136.227.317.453.52.612l1.972 1.382a1.264 1.264 0 0 0 1.61.023l1.858-1.654a.689.689 0 0 0 .18-.182c-.022.181-.022.567-.022 2.629 0 .25.068.498.204.703Z\"/>\n <g filter=\"url(#i)\">\n <path fill=\"url(#j)\" d=\"M159.533 77.728h-28.712a3.443 3.443 0 0 1-3.444-3.444V34.128a3.443 3.443 0 0 1 3.444-3.445h28.712a3.443 3.443 0 0 1 3.445 3.445v40.179a3.424 3.424 0 0 1-3.445 3.421Z\"/>\n </g>\n <path fill=\"#D5DDEA\" d=\"M149.177 66.33h-8.022a1.616 1.616 0 0 1-1.609-1.61c0-.883.726-1.608 1.609-1.608h8.022c.884 0 1.609.725 1.609 1.609.023.884-.702 1.609-1.609 1.609Zm3.694 3.49h-15.387a.836.836 0 0 1-.838-.839c0-.476.385-.838.838-.838h15.387c.476 0 .839.385.839.838a.837.837 0 0 1-.839.839Z\"/>\n <path fill=\"#D9DEEA\" d=\"M155.704 47.453c0 3.172-1.405 6.005-3.604 7.931a10.498 10.498 0 0 1-6.911 2.584c-2.652 0-5.076-.975-6.912-2.584a10.52 10.52 0 0 1-3.603-7.931c0-5.801 4.713-10.515 10.515-10.515 5.801 0 10.515 4.714 10.515 10.515Z\"/>\n <path fill=\"#fff\" d=\"M152.101 55.385a10.501 10.501 0 0 1-6.912 2.584c-2.651 0-5.076-.975-6.912-2.584a87.84 87.84 0 0 0 3.105-1.246c.317-.136.544-.363.68-.658.068-.158.113-.34.113-.543v-2.516a.677.677 0 0 1-.113-.158 2.352 2.352 0 0 1-.408-1.088l-.227-.113c-.634.158-.589-.544-.77-1.859-.068-.544.022-.657.249-.748l.204-.271c-1.246-2.833-.612-4.6.612-5.213-.408-.883-.431-1.223-.431-1.223s2.629.43 3.535.272c1.156-.227 2.901.045 3.558 1.563 1.088.43 1.519 1.133 1.609 1.858.091.703-.113 1.428-.294 2.017-.023.046-.023.068-.046.114 0 .022-.022.022-.022.045l-.068.204c-.023.023-.023.068-.046.09-.022.069-.045.114-.068.182v.023c-.022.045-.045.09-.045.136-.023.068-.045.113-.045.158.022.023.022.045.022.068.182.09.227.227.159.703-.159 1.269-.113 2.04-.77 1.858l-.567 1.02c-.023.113-.045.158-.045.249-.023.181-.023.567-.023 2.629 0 .249.068.475.204.68.136.226.34.407.589.498h.023c1.382.59 2.379.974 3.15 1.27Z\"/>\n <path fill=\"url(#k)\" d=\"M149.382 46.41c.045-.317-.091-.702-.204-.997l-.068-.136c-.499-.997-1.632-1.427-2.697-1.473-2.719-.136-2.991.386-3.83-.407.272.407.295 1.02-.113 1.813-.295.543-.839.793-1.315.951-1.246-2.832-.611-4.6.612-5.212-.408-.884-.43-1.224-.43-1.224s2.628.431 3.535.272c1.156-.226 2.901.046 3.558 1.564 1.088.43 1.518 1.133 1.609 1.858.136 1.179-.521 2.47-.657 2.992Z\"/>\n <path fill=\"url(#l)\" d=\"M148.385 53.64v.498h-6.323v-.657a1.37 1.37 0 0 0 .113-.544v-2.515a.71.71 0 0 1-.113-.16v-.135c.136.227.317.453.521.612l1.972 1.382a1.264 1.264 0 0 0 1.609.023l1.858-1.654a.683.683 0 0 0 .181-.182c-.022.181-.022.567-.022 2.629 0 .25.068.498.204.703Z\"/>\n <path fill=\"#F97B6A\" d=\"M154.163 120.944 125.496 92.3l6.572-6.572 28.644 28.667-6.549 6.549Z\"/>\n <path fill=\"#F97B6A\" d=\"m168.44 135.334-21.982-21.982a4.72 4.72 0 0 1 0-6.662 4.719 4.719 0 0 1 6.663 0l21.981 21.981a4.719 4.719 0 0 1 0 6.663 4.72 4.72 0 0 1-6.662 0Z\"/>\n <path fill=\"url(#m)\" d=\"m166.876 136.739-28.282-28.282c-.657-.657-.657-1.722 0-2.402l7.229-7.229a1.71 1.71 0 0 1 2.403 0l28.281 28.282c.657.657.657 1.722 0 2.402l-7.229 7.229c-.68.657-1.745.657-2.402 0Z\"/>\n <path fill=\"url(#n)\" d=\"M93.045 0c-30.004 0-54.32 24.316-54.32 54.32 0 29.98 24.316 54.319 54.297 54.319 30.004 0 54.32-24.316 54.32-54.32C147.342 24.316 123.026 0 93.045 0Zm0 98.577c-24.09 0-43.6-19.829-43.6-44.28 0-24.452 19.51-44.258 43.6-44.258 24.089 0 43.6 19.829 43.6 44.28 0 24.452-19.534 44.258-43.6 44.258Z\"/>\n <defs>\n <linearGradient id=\"b\" x1=\"93.164\" x2=\"93.164\" y1=\"18.57\" y2=\"89.001\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#FDFEFF\"/>\n <stop offset=\".996\" stop-color=\"#ECF0F5\"/>\n </linearGradient>\n <linearGradient id=\"c\" x1=\"86.316\" x2=\"100.21\" y1=\"38.084\" y2=\"38.084\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#B0BACC\"/>\n <stop offset=\"1\" stop-color=\"#969EAE\"/>\n </linearGradient>\n <linearGradient id=\"d\" x1=\"93.229\" x2=\"93.229\" y1=\"54.105\" y2=\"50.91\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#fff\"/>\n <stop offset=\"1\" stop-color=\"#E2E5EC\"/>\n </linearGradient>\n <linearGradient id=\"f\" x1=\"40.493\" x2=\"40.493\" y1=\"29.595\" y2=\"78.236\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#FDFEFF\"/>\n <stop offset=\".996\" stop-color=\"#ECF0F5\"/>\n </linearGradient>\n <linearGradient id=\"g\" x1=\"35.801\" x2=\"45.385\" y1=\"43.069\" y2=\"43.069\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#B0BACC\"/>\n <stop offset=\"1\" stop-color=\"#969EAE\"/>\n </linearGradient>\n <linearGradient id=\"h\" x1=\"40.552\" x2=\"40.552\" y1=\"54.162\" y2=\"51.953\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#fff\"/>\n <stop offset=\"1\" stop-color=\"#E2E5EC\"/>\n </linearGradient>\n <linearGradient id=\"j\" x1=\"145.166\" x2=\"145.166\" y1=\"29.595\" y2=\"78.236\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#FDFEFF\"/>\n <stop offset=\".996\" stop-color=\"#ECF0F5\"/>\n </linearGradient>\n <linearGradient id=\"k\" x1=\"140.474\" x2=\"150.059\" y1=\"43.069\" y2=\"43.069\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#B0BACC\"/>\n <stop offset=\"1\" stop-color=\"#969EAE\"/>\n </linearGradient>\n <linearGradient id=\"l\" x1=\"145.225\" x2=\"145.225\" y1=\"54.162\" y2=\"51.953\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#fff\"/>\n <stop offset=\"1\" stop-color=\"#E2E5EC\"/>\n </linearGradient>\n <linearGradient id=\"m\" x1=\"138.084\" x2=\"177.007\" y1=\"117.787\" y2=\"117.787\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#FF6551\"/>\n <stop offset=\"1\" stop-color=\"#FF9F92\"/>\n </linearGradient>\n <linearGradient id=\"n\" x1=\"38.676\" x2=\"147.361\" y1=\"54.331\" y2=\"54.331\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#FF6551\"/>\n <stop offset=\"1\" stop-color=\"#FF9F92\"/>\n </linearGradient>\n <filter id=\"a\" width=\"95.532\" height=\"112.12\" x=\"45.415\" y=\"9.146\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\">\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n <feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/>\n <feOffset dy=\"11\"/>\n <feGaussianBlur stdDeviation=\"11\"/>\n <feColorMatrix values=\"0 0 0 0 0.397708 0 0 0 0 0.47749 0 0 0 0 0.575 0 0 0 0.27 0\"/>\n <feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1211:246\"/>\n <feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_1211:246\" result=\"shape\"/>\n </filter>\n <filter id=\"e\" width=\"79.601\" height=\"91.045\" x=\".704\" y=\"19.683\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\">\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n <feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/>\n <feOffset dy=\"11\"/>\n <feGaussianBlur stdDeviation=\"11\"/>\n <feColorMatrix values=\"0 0 0 0 0.397708 0 0 0 0 0.47749 0 0 0 0 0.575 0 0 0 0.27 0\"/>\n <feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1211:246\"/>\n <feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_1211:246\" result=\"shape\"/>\n </filter>\n <filter id=\"i\" width=\"79.601\" height=\"91.045\" x=\"105.377\" y=\"19.683\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\">\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n <feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/>\n <feOffset dy=\"11\"/>\n <feGaussianBlur stdDeviation=\"11\"/>\n <feColorMatrix values=\"0 0 0 0 0.397708 0 0 0 0 0.47749 0 0 0 0 0.575 0 0 0 0.27 0\"/>\n <feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1211:246\"/>\n <feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_1211:246\" result=\"shape\"/>\n </filter>\n </defs>\n </svg>\n\n <h1 style='font-size: 36px; line-height: 1; font-weight: 500; --flow-space: 1.5rem'>\n ${t('consent.denied.title')}\n </h1>\n\n <p class='color-grey' style='--flow-space: 1rem'>\n ${t('consent.denied.message')}\n </p>\n\n <p>\n ${t('consent.denied.prompt')}\n </p>\n </section>\n\n <button data-variant='solid' type='button' id='back-to-consent'>\n <svg style='transform: rotate(.5turn);' width=\"25\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M7 12h11m0 0-4.588-4M18 12l-4.588 4\" stroke=\"#fff\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n ${t('consent.denied.goBack')}\n </button>\n\n <button data-variant='outline' id='confirm-consent-rejection' style='--flow-space: 1rem; border-radius: 2rem'>\n ${t('consent.denied.confirmCancel')}\n </button>\n\n ${this.hideAttribution ? '' : '<powered-by-smile-id></powered-by-smile-id>'}\n </div>\n `;\n}\n\nclass EndUserConsent extends HTMLElement {\n constructor() {\n super();\n\n this.idRequiresTotpConsent = ['BVN_MFA'];\n this.templateString = templateString.bind(this);\n this.render = () => this.templateString();\n\n this.attachShadow({ mode: 'open' });\n }\n\n connectedCallback() {\n this.pages = [];\n const template = document.createElement('template');\n template.innerHTML = this.render();\n\n this.shadowRoot.appendChild(template.content.cloneNode(true));\n\n this.consentScreen = this.shadowRoot.querySelector('#consent-screen');\n this.totpConsentApp = this.shadowRoot.querySelector('totp-consent');\n this.consentRejectedScreen = this.shadowRoot.querySelector(\n '#consent-rejected-screen',\n );\n\n this.allowButton = this.shadowRoot.querySelector('#allow');\n this.rejectButton = this.shadowRoot.querySelector('#cancel');\n this.backToConsentButton =\n this.shadowRoot.querySelector('#back-to-consent');\n this.confirmConsentRejectionButton = this.shadowRoot.querySelector(\n '#confirm-consent-rejection',\n );\n this.backButton = this.shadowRoot.querySelector('#back-button');\n const CloseIframeButtons =\n this.shadowRoot.querySelectorAll('.close-iframe');\n\n this.allowButton.addEventListener('click', (e) =>\n this.handleConsentGrant(e),\n );\n this.rejectButton.addEventListener('click', (e) =>\n this.handleConsentGrant(e),\n );\n\n this.backToConsentButton.addEventListener('click', () =>\n this.setActiveScreen(this.consentScreen),\n );\n this.confirmConsentRejectionButton.addEventListener('click', (e) =>\n this.handleConsentRejection(e),\n );\n\n this.totpConsentApp.addEventListener(\n 'end-user-consent.totp.denied.contact-methods-outdated',\n (e) => this.handleTotpConsentEvents(e),\n );\n this.totpConsentApp.addEventListener('end-user-consent.totp.granted', (e) =>\n this.handleTotpConsentEvents(e),\n );\n this.totpConsentApp.addEventListener(\n 'end-user-consent.totp.cancelled',\n (e) => this.handleBackEvents(e),\n );\n\n this.backButton.addEventListener('click', (e) => {\n this.handleBackEvents(e);\n });\n\n CloseIframeButtons.forEach((button) => {\n button.addEventListener(\n 'click',\n () => {\n this.closeWindow();\n },\n false,\n );\n });\n\n this.activeScreen = this.consentScreen;\n }\n\n setActiveScreen(screen) {\n this.activeScreen.hidden = true;\n screen.hidden = false;\n this.activeScreen = screen;\n }\n\n get baseUrl() {\n return this.getAttribute('base-url');\n }\n\n get country() {\n return this.getAttribute('country');\n }\n\n get demoMode() {\n return !!this.hasAttribute('demo-mode');\n }\n\n get hideBack() {\n return this.hasAttribute('hide-back-to-host');\n }\n\n get idHint() {\n return this.getAttribute('id-hint') || 'Your BVN should be 11 digits long';\n }\n\n get hideAttribution() {\n return this.hasAttribute('hide-attribution');\n }\n\n get idRegex() {\n return this.getAttribute('id-regex');\n }\n\n get idType() {\n return this.getAttribute('id-type');\n }\n\n get idTypeLabel() {\n return this.getAttribute('id-type-label');\n }\n\n get partnerId() {\n return this.getAttribute('partner-id');\n }\n\n get partnerName() {\n return this.getAttribute('partner-name');\n }\n\n get partnerLogoURL() {\n return this.getAttribute('partner-logo');\n }\n\n get partnerPolicyURL() {\n return this.getAttribute('policy-url');\n }\n\n get themeColor() {\n return this.getAttribute('theme-color') || '#151F72';\n }\n\n get direction() {\n return this.getAttribute('dir') || getDirection() || 'ltr';\n }\n\n get token() {\n return this.getAttribute('token');\n }\n\n handleConsentGrant(e) {\n const granted = e.target === this.allowButton;\n\n if (granted) {\n if (this.idRequiresTotpConsent.includes(this.idType)) {\n this.setActiveScreen(this.totpConsentApp);\n this.pages.push(this.consentScreen);\n } else {\n this.dispatchEvent(\n new CustomEvent('end-user-consent.granted', {\n detail: {\n consented: {\n contact_information: granted,\n document_information: granted,\n personal_details: granted,\n },\n },\n }),\n );\n }\n } else {\n this.setActiveScreen(this.consentRejectedScreen);\n }\n }\n\n handleConsentRejection() {\n this.dispatchEvent(new CustomEvent('end-user-consent.denied'));\n }\n\n handleTotpConsentEvents(e) {\n const customEvent = new CustomEvent(e.type, {\n detail: {\n ...e.detail,\n },\n });\n this.dispatchEvent(customEvent);\n }\n\n handleBackEvents() {\n const page = this.pages.pop();\n if (page) {\n this.setActiveScreen(page);\n } else {\n this.dispatchEvent(new CustomEvent('end-user-consent.cancelled'));\n }\n }\n\n closeWindow() {\n const referenceWindow = window.parent;\n referenceWindow.postMessage('SmileIdentity::Close', '*');\n }\n}\n\nif (\n 'customElements' in window &&\n !window.customElements.get('end-user-consent')\n) {\n window.customElements.define('end-user-consent', EndUserConsent);\n}\n\nexport {\n // eslint-disable-next-line import/prefer-default-export\n EndUserConsent,\n};\n"],"names":["templateString","styles","tHtml","EndUserConsent","template","CloseIframeButtons","button","screen","getDirection","e","granted","customEvent","page"],"mappings":"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"}
1
+ {"version":3,"file":"EndUserConsent-BgKCCMMn.js","sources":["../../lib/components/end-user-consent/src/EndUserConsent.js"],"sourcesContent":["import styles from '../../../styles/src/styles';\nimport '../../totp-consent/src/TotpConsent';\nimport '../../attribution/PoweredBySmileId';\nimport { t, tHtml, getDirection } from '../../../domain/localisation';\n\nfunction templateString() {\n return `\n <style>\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n :host {\n --flow-space: 1.5rem;\n\n --color-dark: #404040;\n --color-grey: #555B69;\n\n --color-success: #1EB244;\n --color-failure: #FFEDEB;\n --color-failure-tint: #F86B58;\n --color-danger: #FF5805;\n \n --color-primary-blue: #151F72;\n --color-richblue: #043C93;\n --color-theme: ${this.themeColor};\n }\n\n html {\n font-family: 'DM Sans', sans-serif;\n }\n\n [hidden] {\n display: none !important;\n }\n\n [disabled] {\n cursor: not-allowed !important;\n filter: grayscale(75%);\n }\n\n .visually-hidden {\n border: 0;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n height: auto;\n margin: 0;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n }\n\n .color-dark {\n color: var(--color-dark);\n }\n\n .color-grey {\n color: var(--color-grey);\n }\n\n .flow > * + * {\n margin-top: var(--flow-space);\n }\n\n .center {\n margin-left: auto;\n margin-right: auto;\n\n text-align: center;\n }\n\n h1 {\n font-size: 20px;\n font-weight: 400;\n }\n\n ol[role=list], ul[role=list] {\n list-style: none;\n padding-left: 0;\n }\n\n button {\n --button-color: var(--color-default);\n --flow-space: 3rem;\n -webkit-appearance: none;\n -moz-appearance: none;\n align-items: center;\n appearance: none;\n background-color: transparent;\n border-radius: 2.5rem;\n border: none;\n color: #ffffff;\n cursor: pointer;\n display: inline-flex;\n font-size: 20px;\n font-weight: 500;\n inline-size: 100%;\n justify-content: center;\n letter-spacing: .05ch;\n line-height: 1;\n padding: 1rem 2.5rem;\n text-align: center;\n text-decoration: none;\n }\n\n button[data-variant='solid'] {\n background-color: var(--button-color);\n border: 2px solid var(--button-color);\n }\n\n button[data-variant='outline'] {\n color: var(--button-color);\n border: 2px solid var(--button-color);\n }\n\n button[data-variant='ghost'] {\n color: var(--button-color);\n }\n\n button:hover,\n button:focus,\n button:active {\n --button-color: var(--theme-color);\n }\n\n button:disabled {\n --button-color: var(--color-disabled);\n }\n\n button[data-type='icon'] {\n align-items: center;\n background-color: transparent;\n border: 0;\n cursor: pointer;\n display: flex;\n padding: 0;\n }\n\n button[data-type='icon'] {\n height: 2rem;\n padding: 0;\n width: 2rem;\n background: transparent;\n }\n\n .nav {\n display: flex;\n justify-content: space-between;\n }\n\n .justify-right {\n justify-content: end !important;\n }\n\n .back-wrapper {\n display: flex;\n align-items: center;\n }\n \n .back-button-text {\n font-size: 11px;\n line-height: 1;\n color: ${this.themeColor} !important;\n }\n\n img {\n border-radius: 50%;\n position: relative;\n }\n\n img::before {\n background-color: #ffffff;\n border-radius: 50%;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n .demo-tip {\n align-items: center;\n background-color: #f5fcff;\n border-radius: .75rem;\n border: 1px solid #A9D1E8;\n color: inherit;\n display: flex;\n font-size: .875rem;\n max-width: 36rem;\n padding: 1rem;\n text-align: left;\n text-decoration: none;\n }\n\n .demo-tip > * + * {\n margin-left: .5rem;\n }\n\n .callout {\n font-size: .875rem;\n padding: 1rem 1.5rem;\n max-width: 20.6875rem;\n }\n\n .processing-list {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 2rem;\n padding-top: 2rem;\n\n }\n\n .processing-list__items {\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n\n .processing-list__items > * + p {\n margin-left: 1rem;\n }\n\n .processing-list__items-item {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n .processing-list__item__title {\n color: var(--color-theme);\n }\n\n .processing-list__items-item__description {\n width: 269px\n }\n\n .theme {\n font-weight: 700;\n color: var(--color-theme);\n }\n\n .tooltip {\n position: relative;\n }\n\n .tooltip__trigger {\n }\n\n .tooltip__trigger:focus + .tooltip__content,\n .tooltip__trigger:hover + .tooltip__content {\n display: flex;\n }\n\n .tooltip__content {\n align-items: flex-start;\n background-color: #ffffff;\n border-radius: .5rem;\n box-shadow: 0px 12px 36px rgba(0, 0, 0, 0.08);\n display: none;\n padding: 1.25rem;\n position: absolute;\n right: 20px;\n bottom: -50px;\n width: 200px;\n }\n\n .tooltip__content > :last-child {\n margin-left: 1rem;\n }\n\n .tooltip__content .title {\n font-size: .75rem;\n font-weight: 700;\n }\n\n .tooltip__content .description {\n --flow-space: .25rem;\n font-size: .625rem;\n color: #6B7280;\n }\n\n svg {\n flex-shrink: 0;\n }\n\n [disabled] {\n cursor: not-allowed;\n filter: opacity(.7);\n }\n\n .credits {\n --flow-space: 2rem;\n margin-inline: auto;\n max-inline-size: 10rem;\n }\n\n .company-name {\n text-transform: uppercase;\n letter-spacing: .1rem;\n border-left: 1px solid #cecece;\n margin-left: .75rem;\n padding-left: .75rem;\n display: inline-flex;\n align-items: center;\n }\n\n .company-name svg {\n margin-right: .5rem;\n }\n #cancel {\n color: var(--color-danger);\n }\n </style>\n ${styles(this.themeColor)}\n <div id='consent-screen' dir='${this.direction}'>\n <section class='flow center'>\n <div class=\"nav ${this.hideBack ? 'justify-right' : ''}\">\n <div class=\"back-wrapper\" ${this.hideBack ? 'hidden' : ''}>\n <button type='button' data-type='icon' id=\"back-button\" class=\"back-button\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\">\n <path fill=\"#DBDBC4\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z\" opacity=\".4\"/>\n <path fill=\"${this.themeColor}\" d=\"M15.5 11.25h-5.19l1.72-1.72c.29-.29.29-.77 0-1.06a.754.754 0 0 0-1.06 0l-3 3c-.29.29-.29.77 0 1.06l3 3c.15.15.34.22.53.22s.38-.07.53-.22c.29-.29.29-.77 0-1.06l-1.72-1.72h5.19c.41 0 .75-.34.75-.75s-.34-.75-.75-.75Z\"/>\n </svg>\n </button>\n <div class=\"back-button-text\">${t('common.back')}</div>\n </div>\n <button data-type='icon' type='button' class='close-iframe'>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\">\n <path fill=\"#DBDBC4\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z\" opacity=\".4\"/>\n <path fill=\"#91190F\" d=\"m13.06 12 2.3-2.3c.29-.29.29-.77 0-1.06a.754.754 0 0 0-1.06 0l-2.3 2.3-2.3-2.3a.754.754 0 0 0-1.06 0c-.29.29-.29.77 0 1.06l2.3 2.3-2.3 2.3c-.29.29-.29.77 0 1.06.15.15.34.22.53.22s.38-.07.53-.22l2.3-2.3 2.3 2.3c.15.15.34.22.53.22s.38-.07.53-.22c.29-.29.29-.77 0-1.06l-2.3-2.3Z\"/>\n </svg>\n <span class='visually-hidden'>${t('common.close')} SmileIdentity Verification frame</span>\n </button>\n </div>\n <img alt='' width='50' height='50' src='${this.partnerLogoURL}' />\n <p class='demo-tip' ${this.demoMode ? '' : 'hidden'}>\n <svg aria-hidden='true' width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"4.46045\" y=\"4.46069\" width=\"47.7205\" height=\"47.7205\" rx=\"23.8603\" fill=\"white\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M35.1578 25.7487H34.2813V23.1195C34.2813 20.2273 31.915 17.861 29.0229 17.861C26.1307 17.861 23.7644 20.2273 23.7644 23.1195V25.7487H22.888C21.3981 25.7487 20.2588 26.888 20.2588 28.3779V34.5128C20.2588 36.0027 21.3981 37.142 22.888 37.142H35.1578C36.6476 37.142 37.787 36.0027 37.787 34.5128V28.3779C37.787 26.888 36.6476 25.7487 35.1578 25.7487ZM25.5171 23.1194C25.5171 21.1913 27.0946 19.6138 29.0227 19.6138C30.9508 19.6138 32.5283 21.1913 32.5283 23.1194V25.7487H25.5171V23.1194ZM35.1577 35.3892C35.6836 35.3892 36.0342 35.0386 36.0342 34.5128V28.3779C36.0342 27.8521 35.6836 27.5015 35.1577 27.5015H22.888C22.3622 27.5015 22.0116 27.8521 22.0116 28.3779V34.5128C22.0116 35.0386 22.3622 35.3892 22.888 35.3892H35.1577Z\" fill=\"#2D9CDB\"/>\n <rect x=\"4.46045\" y=\"4.46069\" width=\"47.7205\" height=\"47.7205\" rx=\"23.8603\" stroke=\"#DDF2F7\" stroke-width=\"7.15808\"/>\n </svg>\n\n <span>\n ${t('consent.demoTip')}\n </span>\n </p>\n <h1 class='text-base font-bold'>\n ${tHtml('consent.accessRequest', {\n idTypeLabel: { className: 'theme', value: this.idTypeLabel },\n partnerName: { className: 'theme', value: this.partnerName },\n })}\n </h1>\n <p class='text-base font-normal'>\n ${tHtml('consent.allowPartner', { partnerName: this.partnerName })}\n </p>\n </section>\n\n <ul role='list' class='processing-list flow' style='--flow-space: 0rem; margin: var(--flow-space) auto;'>\n <li class='processing-list__items'>\n <svg width=\"20\" height=\"24\" viewBox=\"0 0 20 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path opacity=\"0.4\" d=\"M9.49983 0C13.0841 0 15.9894 2.90479 15.9894 6.4883C15.9894 10.0718 13.0841 12.9766 9.49983 12.9766C5.91561 12.9766 3.01025 10.0718 3.01025 6.4883C3.01025 2.90479 5.91561 0 9.49983 0Z\" fill=\"#5E646E\"/>\n <path d=\"M1.47086 20.2288H17.5251C18.0342 20.2288 18.5313 20.1561 19 20.0227C18.3413 15.3646 14.3409 11.7811 9.50001 11.7811C4.65909 11.7811 0.658656 15.3646 0 20.0227C0.468737 20.1561 0.961716 20.2288 1.4749 20.2288\" fill=\"#151F72\"/>\n <path d=\"M14.9238 19.0148L13.8262 17.931C13.8262 17.931 13.6341 17.7956 13.5244 17.7956C13.4146 17.7956 13.3049 17.8498 13.2226 17.931C13.1402 18.0123 13.0854 18.1207 13.0854 18.2291C13.0854 18.3374 13.1402 18.4458 13.2226 18.5271L14.622 19.9089C14.622 19.9089 14.814 20.0443 14.9238 20.0443C15.0335 20.0443 15.1433 19.9901 15.2256 19.9089L17.8323 17.335C17.8323 17.335 17.9421 17.1724 17.9421 17.0369C17.9421 16.9015 17.9146 16.8202 17.8323 16.7389C17.75 16.6576 17.6677 16.6305 17.5579 16.6305C17.4482 16.6305 17.3384 16.6576 17.2835 16.7389L15.0061 18.9877L14.9238 19.0148ZM15.5 24C15.5 24 15.4177 24 15.3902 24C15.3628 24 15.3354 24 15.3079 24C14.0457 23.6207 13.0305 22.8621 12.2073 21.7241C11.4116 20.5862 11 19.3128 11 17.931V15.2217C11 15.0591 11.0549 14.8965 11.1646 14.734C11.2744 14.5714 11.4116 14.4901 11.5488 14.4089L15.1982 13.0542C15.1982 13.0542 15.3902 13 15.5 13C15.6098 13 15.6921 13 15.8018 13.0542L19.4512 14.4089C19.6159 14.4631 19.753 14.5714 19.8354 14.734C19.9177 14.8965 20 15.032 20 15.2217V17.931C20 19.3128 19.5884 20.5862 18.7927 21.7241C17.9969 22.8621 16.9543 23.6478 15.6921 24H15.5Z\" fill=\"#2CC05C\"/>\n </svg> \n <div class='processing-list__items-item'>\n <p class='font-medium text-base processing-list__item__title'>${t('consent.processing.personalDetails.title')}</p>\n <p class='text-xs font-medium processing-list__items-item__description'>${t('consent.processing.personalDetails.description')}</p>\n </div\n </li>\n <li class='processing-list__items'>\n <svg width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M15.0226 7.222C14.8323 7.222 14.642 7.152 14.4918 7.002L12.4888 5.002C12.3491 4.86086 12.2708 4.67043 12.2708 4.472C12.2708 4.27357 12.3491 4.08313 12.4888 3.942C12.7792 3.652 13.2599 3.652 13.5504 3.942L15.0226 5.412L18.4978 1.952C18.7882 1.662 19.269 1.662 19.5594 1.952C19.8498 2.242 19.8498 2.722 19.5594 3.012L15.5534 7.012C15.4032 7.142 15.2129 7.222 15.0226 7.222Z\" fill=\"#2CC05C\"/>\n <path opacity=\"0.4\" d=\"M9.80472 12.71L6.5298 15.98C6.16926 15.66 5.81874 15.33 5.47822 14.99C4.46547 13.972 3.5314 12.8789 2.68403 11.72C1.8628 10.58 1.2018 9.44 0.721083 8.31C0.240361 7.17 0 6.08 0 5.04C0 4.36 0.12018 3.71 0.360541 3.11C0.600902 2.5 0.981474 1.94 1.51227 1.44C2.15323 0.81 2.85429 0.5 3.5954 0.5C3.87582 0.5 4.15624 0.56 4.40662 0.68C4.66701 0.8 4.89735 0.98 5.07762 1.24L7.40111 4.51C7.58138 4.76 7.71158 4.99 7.80171 5.21C7.89185 5.42 7.94192 5.63 7.94192 5.82C7.94192 6.06 7.87182 6.3 7.73161 6.53C7.60141 6.76 7.41113 7 7.17077 7.24L6.40962 8.03C6.29946 8.14 6.24938 8.27 6.24938 8.43C6.24938 8.51 6.2594 8.58 6.27943 8.66C6.30947 8.74 6.33952 8.8 6.35955 8.86C6.53982 9.19 6.85028 9.62 7.29095 10.14C7.74162 10.66 8.22234 11.19 8.74313 11.72C9.10367 12.07 9.45419 12.41 9.80472 12.71Z\" fill=\"#5E646E\"/>\n <path d=\"M20 16.83C19.9987 17.2074 19.9131 17.5798 19.7496 17.92C19.5794 18.28 19.359 18.62 19.0686 18.94C18.5779 19.48 18.037 19.87 17.4261 20.12C17.4161 20.12 17.4061 20.13 17.3961 20.13C16.8052 20.37 16.1642 20.5 15.4732 20.5C14.4517 20.5 13.36 20.26 12.2083 19.77C11.0566 19.28 9.90483 18.62 8.76312 17.79C8.37253 17.5 7.98195 17.21 7.61139 16.9L10.8863 13.63C11.1667 13.84 11.4171 14 11.6274 14.11C11.6775 14.13 11.7376 14.16 11.8077 14.19C11.8878 14.22 11.9679 14.23 12.0581 14.23C12.2283 14.23 12.3585 14.17 12.4687 14.06L13.2298 13.31C13.4802 13.06 13.7206 12.87 13.9509 12.75C14.1813 12.61 14.4116 12.54 14.662 12.54C14.8523 12.54 15.0526 12.58 15.2729 12.67C15.4932 12.76 15.7236 12.89 15.9739 13.06L19.2889 15.41C19.5493 15.59 19.7296 15.8 19.8397 16.05C19.9399 16.3 20 16.55 20 16.83Z\" fill=\"#151F72\"/>\n </svg>\n <div class='processing-list__items-item'>\n <p class='font-medium text-base processing-list__item__title'>${t('consent.processing.contactInfo.title')}</p>\n <p class='text-xs font-medium processing-list__items-item__description'>${t('consent.processing.contactInfo.description')}</p>\n </div\n </li>\n <li class='processing-list__items'>\n <svg width=\"20\" height=\"18\" viewBox=\"0 0 20 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect opacity=\"0.4\" y=\"2\" width=\"19\" height=\"16\" rx=\"4\" fill=\"#5E646E\"/>\n <path d=\"M0 8H19V14C19 16.2091 17.2091 18 15 18H4C1.79086 18 0 16.2091 0 14V8Z\" fill=\"#151F72\"/>\n <path d=\"M4.66669 9C5.77129 9 6.66669 9.89539 6.66669 11C6.66669 12.1046 5.77129 13 4.66669 13C3.56208 13 2.66669 12.1046 2.66669 11C2.66669 9.89539 3.56208 9 4.66669 9Z\" fill=\"#2CC05C\"/>\n <path d=\"M2.41287 15H6.91933C7.06224 15 7.20176 14.9771 7.33333 14.935C7.14845 13.4645 6.02552 12.3333 4.66667 12.3333C3.30781 12.3333 2.18489 13.4645 2 14.935C2.13158 14.9771 2.26996 15 2.41401 15\" fill=\"#2CC05C\"/>\n <rect x=\"10\" y=\"10\" width=\"7\" height=\"1\" rx=\"0.5\" fill=\"#2CC05C\"/>\n <rect x=\"10\" y=\"12\" width=\"5.25\" height=\"1\" rx=\"0.5\" fill=\"#2CC05C\"/>\n <rect x=\"10\" y=\"14\" width=\"3.5\" height=\"1\" rx=\"0.5\" fill=\"#2CC05C\"/>\n <g clip-path=\"url(#clip0_641_419)\">\n <path d=\"M17.7221 0.583344H15.2779C14.2162 0.583344 13.5833 1.21626 13.5833 2.27793V4.71918C13.5833 5.78376 14.2162 6.41668 15.2779 6.41668H17.7191C18.7808 6.41668 19.4137 5.78376 19.4137 4.72209V2.27793C19.4166 1.21626 18.7837 0.583344 17.7221 0.583344Z\" fill=\"#151F72\"/>\n <path d=\"M16.0859 4.54474C16.0279 4.54469 15.9723 4.52161 15.9313 4.48058L15.1059 3.65516C15.0652 3.614 15.0424 3.55845 15.0424 3.50058C15.0424 3.4427 15.0652 3.38716 15.1059 3.34599C15.1904 3.26141 15.3304 3.26141 15.415 3.34599L16.0859 4.01683L17.585 2.51766C17.6696 2.43308 17.8096 2.43308 17.8942 2.51766C17.9788 2.60224 17.9788 2.74224 17.8942 2.82683L16.2404 4.48058C16.1995 4.52161 16.1439 4.54469 16.0859 4.54474Z\" fill=\"#2CC05C\"/>\n </g>\n <defs>\n <clipPath id=\"clip0_641_419\">\n <rect width=\"7\" height=\"7\" fill=\"white\" transform=\"translate(13)\"/>\n </clipPath>\n </defs>\n </svg>\n <div class='processing-list__items-item'>\n <p class='font-medium text-base processing-list__item__title'>${t('consent.processing.documentInfo.title')}</p>\n <p class='text-xs font-medium processing-list__items-item__description'>${t('consent.processing.documentInfo.description')}</p>\n </div\n </li>\n </ul>\n\n <section class='callout | flow center' style='--flow-space: 2rem; margin: var(--flow-space) auto;'>\n <p>\n ${tHtml('consent.privacyPolicy', { partnerName: this.partnerName })}\n <a class='theme' href='${this.partnerPolicyURL}' rel='noreferer noopener' target='_blank'>${t('consent.privacyPolicyLink')}</a>\n </p>\n\n <p style='--flow-space: .75rem'>\n ${tHtml('consent.grantConsent', { partnerName: this.partnerName })}\n </p>\n </section>\n\n <section class='flow' style='--flow-space: 2.5rem'>\n <button id='allow' data-variant='solid'>\n ${t('common.allow')}\n </button>\n\n <button id='cancel' data-variant='ghost' class='color-danger' style='--flow-space: 1.5rem'>\n ${t('common.cancel')}\n </button>\n </section>\n </div>\n\n <totp-consent\n hidden\n base-url='${this.baseUrl}'\n country='${this.country}'\n id-hint='${this.idHint}'\n id-regex='${this.idRegex}'\n id-type='${this.idType}'\n id-type-label='${this.idTypeLabel}'\n partner-id='${this.partnerId}'\n partner-name='${this.partnerName}'\n token='${this.token}'\n theme-color='${this.themeColor}'\n ${this.hideAttribution ? 'hide-attribution' : ''}\n >\n </totp-consent>\n\n <div hidden id='consent-rejected-screen' class='flow'>\n <section class='flow center'>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"185\" height=\"138\" fill=\"none\">\n <g filter=\"url(#a)\">\n <path fill=\"url(#b)\" d=\"M115.503 88.266H70.86a3.443 3.443 0 0 1-3.445-3.444V23.59a3.443 3.443 0 0 1 3.445-3.444h44.643a3.443 3.443 0 0 1 3.444 3.444v61.232a3.443 3.443 0 0 1-3.444 3.444Z\"/>\n </g>\n <path fill=\"#D5DDEA\" d=\"M98.982 71.746H87.38a2.33 2.33 0 0 1-2.334-2.334 2.33 2.33 0 0 1 2.334-2.334h11.603a2.33 2.33 0 0 1 2.334 2.334 2.33 2.33 0 0 1-2.334 2.334Zm5.326 5.054H82.032c-.68 0-1.224-.544-1.224-1.224 0-.68.544-1.224 1.224-1.224h22.276c.68 0 1.224.544 1.224 1.224 0 .657-.544 1.223-1.224 1.223Z\"/>\n <path fill=\"#D9DEEA\" d=\"M108.41 44.439c0 4.578-2.017 8.68-5.213 11.467a15.186 15.186 0 0 1-10.016 3.739 15.09 15.09 0 0 1-10.016-3.762 15.17 15.17 0 0 1-5.212-11.467c0-8.407 6.82-15.228 15.228-15.228 8.407 0 15.229 6.844 15.229 15.251Z\"/>\n <path fill=\"#fff\" d=\"M103.197 55.906a15.187 15.187 0 0 1-10.016 3.739 15.09 15.09 0 0 1-10.016-3.762c1.11-.43 2.56-.997 4.51-1.79a1.87 1.87 0 0 0 .996-.952 1.8 1.8 0 0 0 .159-.77v-3.649c-.068-.068-.113-.159-.159-.227a3.648 3.648 0 0 1-.589-1.586l-.317-.158c-.93.226-.861-.771-1.11-2.697-.091-.793.022-.952.385-1.088l.294-.408c-1.813-4.079-.906-6.64.884-7.546-.59-1.292-.635-1.768-.635-1.768s3.808.635 5.1.386c1.654-.34 4.214.067 5.166 2.266 1.586.611 2.198 1.631 2.334 2.696.136.998-.158 2.085-.453 2.924a1.077 1.077 0 0 1-.068.158c0 .023-.023.046-.023.068-.045.114-.068.204-.113.295-.023.045-.023.09-.045.136-.023.09-.068.181-.09.25 0 .022 0 .022-.023.044l-.069.204a2.466 2.466 0 0 1-.068.227c.023.023.023.068.046.09.25.114.34.34.25 1.043-.228 1.836-.16 2.946-1.111 2.697l-.839 1.45c-.022.159-.045.25-.068.34-.022.272-.022.816-.022 3.807 0 .363.113.703.294.997.204.317.499.59.861.748 0 0 .023 0 .023.023 1.971.838 3.422 1.382 4.532 1.813Z\"/>\n <path fill=\"url(#c)\" d=\"M99.254 42.92c.068-.453-.136-1.042-.294-1.427-.023-.068-.068-.136-.091-.204-.725-1.45-2.357-2.062-3.898-2.153-3.943-.204-4.328.544-5.552-.589.386.567.408 1.496-.181 2.629-.408.793-1.201 1.155-1.926 1.382-1.813-4.079-.907-6.64.883-7.546-.589-1.292-.634-1.768-.634-1.768s3.807.635 5.099.386c1.654-.34 4.215.067 5.167 2.266 1.586.611 2.198 1.631 2.334 2.696.272 1.7-.725 3.58-.907 4.329Z\"/>\n <path fill=\"url(#d)\" d=\"M97.804 53.368v.702h-9.156v-.929a1.8 1.8 0 0 0 .16-.77v-3.649c-.069-.068-.114-.159-.16-.227v-.226c.204.34.454.634.748.906l2.856 2.017c.657.567 1.631.567 2.311.023l2.674-2.402c.09-.068.181-.159.272-.25-.023.272-.023.816-.023 3.807.046.363.136.703.318.998Z\"/>\n <g filter=\"url(#e)\">\n <path fill=\"url(#f)\" d=\"M54.86 77.728H26.15a3.443 3.443 0 0 1-3.445-3.444V34.128a3.443 3.443 0 0 1 3.445-3.445h28.71a3.443 3.443 0 0 1 3.444 3.445v40.179a3.424 3.424 0 0 1-3.444 3.421Z\"/>\n </g>\n <path fill=\"#D5DDEA\" d=\"M44.504 66.33h-8.022a1.615 1.615 0 0 1-1.609-1.61c0-.883.725-1.608 1.609-1.608h8.022c.884 0 1.61.725 1.61 1.609s-.726 1.609-1.61 1.609Zm3.694 3.49H32.811a.837.837 0 0 1-.838-.839c0-.476.385-.838.838-.838h15.387c.476 0 .839.385.839.838a.851.851 0 0 1-.839.839Z\"/>\n <path fill=\"#D9DEEA\" d=\"M51.008 47.453a10.52 10.52 0 0 1-3.603 7.931 10.5 10.5 0 0 1-6.912 2.584c-2.651 0-5.076-.975-6.911-2.584a10.52 10.52 0 0 1-3.604-7.931c0-5.801 4.714-10.515 10.515-10.515 5.802 0 10.515 4.714 10.515 10.515Z\"/>\n <path fill=\"#fff\" d=\"M47.405 55.385a10.5 10.5 0 0 1-6.912 2.584c-2.651 0-5.076-.975-6.912-2.584a87.84 87.84 0 0 0 3.105-1.246c.317-.136.544-.363.68-.658.068-.158.113-.34.113-.543v-2.516a.69.69 0 0 1-.113-.158 2.36 2.36 0 0 1-.408-1.088l-.227-.113c-.634.158-.589-.544-.77-1.859-.068-.544.023-.657.25-.748l.203-.271c-1.246-2.833-.612-4.6.612-5.213-.408-.883-.43-1.223-.43-1.223s2.628.43 3.535.272c1.155-.227 2.9.045 3.557 1.563 1.088.43 1.519 1.133 1.61 1.858.09.703-.114 1.428-.295 2.017-.023.046-.023.068-.045.114 0 .022-.023.022-.023.045l-.068.204c-.023.023-.023.068-.045.09-.023.069-.046.114-.068.182v.023c-.023.045-.046.09-.046.136-.022.068-.045.113-.045.158.023.023.023.045.023.068.18.09.226.227.158.703-.158 1.269-.113 2.04-.77 1.858l-.567 1.02c-.022.113-.045.158-.045.249-.023.181-.023.567-.023 2.629 0 .249.068.475.204.68.136.226.34.407.59.498h.022c1.405.59 2.402.974 3.15 1.27Z\"/>\n <path fill=\"url(#g)\" d=\"M44.708 46.41c.046-.317-.09-.702-.204-.997l-.068-.136c-.498-.997-1.631-1.427-2.696-1.473-2.72-.136-2.992.386-3.83-.407.272.407.294 1.02-.113 1.813-.295.543-.839.793-1.315.951-1.246-2.832-.612-4.6.612-5.212-.408-.884-.43-1.224-.43-1.224s2.628.431 3.535.272c1.155-.226 2.9.046 3.557 1.564 1.088.43 1.519 1.133 1.61 1.858.135 1.179-.544 2.47-.658 2.992Z\"/>\n <path fill=\"url(#h)\" d=\"M43.711 53.64v.498H37.39v-.657a1.37 1.37 0 0 0 .113-.544v-2.515a.69.69 0 0 1-.113-.16v-.135c.136.227.317.453.52.612l1.972 1.382a1.264 1.264 0 0 0 1.61.023l1.858-1.654a.689.689 0 0 0 .18-.182c-.022.181-.022.567-.022 2.629 0 .25.068.498.204.703Z\"/>\n <g filter=\"url(#i)\">\n <path fill=\"url(#j)\" d=\"M159.533 77.728h-28.712a3.443 3.443 0 0 1-3.444-3.444V34.128a3.443 3.443 0 0 1 3.444-3.445h28.712a3.443 3.443 0 0 1 3.445 3.445v40.179a3.424 3.424 0 0 1-3.445 3.421Z\"/>\n </g>\n <path fill=\"#D5DDEA\" d=\"M149.177 66.33h-8.022a1.616 1.616 0 0 1-1.609-1.61c0-.883.726-1.608 1.609-1.608h8.022c.884 0 1.609.725 1.609 1.609.023.884-.702 1.609-1.609 1.609Zm3.694 3.49h-15.387a.836.836 0 0 1-.838-.839c0-.476.385-.838.838-.838h15.387c.476 0 .839.385.839.838a.837.837 0 0 1-.839.839Z\"/>\n <path fill=\"#D9DEEA\" d=\"M155.704 47.453c0 3.172-1.405 6.005-3.604 7.931a10.498 10.498 0 0 1-6.911 2.584c-2.652 0-5.076-.975-6.912-2.584a10.52 10.52 0 0 1-3.603-7.931c0-5.801 4.713-10.515 10.515-10.515 5.801 0 10.515 4.714 10.515 10.515Z\"/>\n <path fill=\"#fff\" d=\"M152.101 55.385a10.501 10.501 0 0 1-6.912 2.584c-2.651 0-5.076-.975-6.912-2.584a87.84 87.84 0 0 0 3.105-1.246c.317-.136.544-.363.68-.658.068-.158.113-.34.113-.543v-2.516a.677.677 0 0 1-.113-.158 2.352 2.352 0 0 1-.408-1.088l-.227-.113c-.634.158-.589-.544-.77-1.859-.068-.544.022-.657.249-.748l.204-.271c-1.246-2.833-.612-4.6.612-5.213-.408-.883-.431-1.223-.431-1.223s2.629.43 3.535.272c1.156-.227 2.901.045 3.558 1.563 1.088.43 1.519 1.133 1.609 1.858.091.703-.113 1.428-.294 2.017-.023.046-.023.068-.046.114 0 .022-.022.022-.022.045l-.068.204c-.023.023-.023.068-.046.09-.022.069-.045.114-.068.182v.023c-.022.045-.045.09-.045.136-.023.068-.045.113-.045.158.022.023.022.045.022.068.182.09.227.227.159.703-.159 1.269-.113 2.04-.77 1.858l-.567 1.02c-.023.113-.045.158-.045.249-.023.181-.023.567-.023 2.629 0 .249.068.475.204.68.136.226.34.407.589.498h.023c1.382.59 2.379.974 3.15 1.27Z\"/>\n <path fill=\"url(#k)\" d=\"M149.382 46.41c.045-.317-.091-.702-.204-.997l-.068-.136c-.499-.997-1.632-1.427-2.697-1.473-2.719-.136-2.991.386-3.83-.407.272.407.295 1.02-.113 1.813-.295.543-.839.793-1.315.951-1.246-2.832-.611-4.6.612-5.212-.408-.884-.43-1.224-.43-1.224s2.628.431 3.535.272c1.156-.226 2.901.046 3.558 1.564 1.088.43 1.518 1.133 1.609 1.858.136 1.179-.521 2.47-.657 2.992Z\"/>\n <path fill=\"url(#l)\" d=\"M148.385 53.64v.498h-6.323v-.657a1.37 1.37 0 0 0 .113-.544v-2.515a.71.71 0 0 1-.113-.16v-.135c.136.227.317.453.521.612l1.972 1.382a1.264 1.264 0 0 0 1.609.023l1.858-1.654a.683.683 0 0 0 .181-.182c-.022.181-.022.567-.022 2.629 0 .25.068.498.204.703Z\"/>\n <path fill=\"#F97B6A\" d=\"M154.163 120.944 125.496 92.3l6.572-6.572 28.644 28.667-6.549 6.549Z\"/>\n <path fill=\"#F97B6A\" d=\"m168.44 135.334-21.982-21.982a4.72 4.72 0 0 1 0-6.662 4.719 4.719 0 0 1 6.663 0l21.981 21.981a4.719 4.719 0 0 1 0 6.663 4.72 4.72 0 0 1-6.662 0Z\"/>\n <path fill=\"url(#m)\" d=\"m166.876 136.739-28.282-28.282c-.657-.657-.657-1.722 0-2.402l7.229-7.229a1.71 1.71 0 0 1 2.403 0l28.281 28.282c.657.657.657 1.722 0 2.402l-7.229 7.229c-.68.657-1.745.657-2.402 0Z\"/>\n <path fill=\"url(#n)\" d=\"M93.045 0c-30.004 0-54.32 24.316-54.32 54.32 0 29.98 24.316 54.319 54.297 54.319 30.004 0 54.32-24.316 54.32-54.32C147.342 24.316 123.026 0 93.045 0Zm0 98.577c-24.09 0-43.6-19.829-43.6-44.28 0-24.452 19.51-44.258 43.6-44.258 24.089 0 43.6 19.829 43.6 44.28 0 24.452-19.534 44.258-43.6 44.258Z\"/>\n <defs>\n <linearGradient id=\"b\" x1=\"93.164\" x2=\"93.164\" y1=\"18.57\" y2=\"89.001\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#FDFEFF\"/>\n <stop offset=\".996\" stop-color=\"#ECF0F5\"/>\n </linearGradient>\n <linearGradient id=\"c\" x1=\"86.316\" x2=\"100.21\" y1=\"38.084\" y2=\"38.084\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#B0BACC\"/>\n <stop offset=\"1\" stop-color=\"#969EAE\"/>\n </linearGradient>\n <linearGradient id=\"d\" x1=\"93.229\" x2=\"93.229\" y1=\"54.105\" y2=\"50.91\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#fff\"/>\n <stop offset=\"1\" stop-color=\"#E2E5EC\"/>\n </linearGradient>\n <linearGradient id=\"f\" x1=\"40.493\" x2=\"40.493\" y1=\"29.595\" y2=\"78.236\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#FDFEFF\"/>\n <stop offset=\".996\" stop-color=\"#ECF0F5\"/>\n </linearGradient>\n <linearGradient id=\"g\" x1=\"35.801\" x2=\"45.385\" y1=\"43.069\" y2=\"43.069\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#B0BACC\"/>\n <stop offset=\"1\" stop-color=\"#969EAE\"/>\n </linearGradient>\n <linearGradient id=\"h\" x1=\"40.552\" x2=\"40.552\" y1=\"54.162\" y2=\"51.953\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#fff\"/>\n <stop offset=\"1\" stop-color=\"#E2E5EC\"/>\n </linearGradient>\n <linearGradient id=\"j\" x1=\"145.166\" x2=\"145.166\" y1=\"29.595\" y2=\"78.236\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#FDFEFF\"/>\n <stop offset=\".996\" stop-color=\"#ECF0F5\"/>\n </linearGradient>\n <linearGradient id=\"k\" x1=\"140.474\" x2=\"150.059\" y1=\"43.069\" y2=\"43.069\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#B0BACC\"/>\n <stop offset=\"1\" stop-color=\"#969EAE\"/>\n </linearGradient>\n <linearGradient id=\"l\" x1=\"145.225\" x2=\"145.225\" y1=\"54.162\" y2=\"51.953\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#fff\"/>\n <stop offset=\"1\" stop-color=\"#E2E5EC\"/>\n </linearGradient>\n <linearGradient id=\"m\" x1=\"138.084\" x2=\"177.007\" y1=\"117.787\" y2=\"117.787\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#FF6551\"/>\n <stop offset=\"1\" stop-color=\"#FF9F92\"/>\n </linearGradient>\n <linearGradient id=\"n\" x1=\"38.676\" x2=\"147.361\" y1=\"54.331\" y2=\"54.331\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#FF6551\"/>\n <stop offset=\"1\" stop-color=\"#FF9F92\"/>\n </linearGradient>\n <filter id=\"a\" width=\"95.532\" height=\"112.12\" x=\"45.415\" y=\"9.146\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\">\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n <feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/>\n <feOffset dy=\"11\"/>\n <feGaussianBlur stdDeviation=\"11\"/>\n <feColorMatrix values=\"0 0 0 0 0.397708 0 0 0 0 0.47749 0 0 0 0 0.575 0 0 0 0.27 0\"/>\n <feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1211:246\"/>\n <feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_1211:246\" result=\"shape\"/>\n </filter>\n <filter id=\"e\" width=\"79.601\" height=\"91.045\" x=\".704\" y=\"19.683\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\">\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n <feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/>\n <feOffset dy=\"11\"/>\n <feGaussianBlur stdDeviation=\"11\"/>\n <feColorMatrix values=\"0 0 0 0 0.397708 0 0 0 0 0.47749 0 0 0 0 0.575 0 0 0 0.27 0\"/>\n <feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1211:246\"/>\n <feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_1211:246\" result=\"shape\"/>\n </filter>\n <filter id=\"i\" width=\"79.601\" height=\"91.045\" x=\"105.377\" y=\"19.683\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\">\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n <feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/>\n <feOffset dy=\"11\"/>\n <feGaussianBlur stdDeviation=\"11\"/>\n <feColorMatrix values=\"0 0 0 0 0.397708 0 0 0 0 0.47749 0 0 0 0 0.575 0 0 0 0.27 0\"/>\n <feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1211:246\"/>\n <feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_1211:246\" result=\"shape\"/>\n </filter>\n </defs>\n </svg>\n\n <h1 style='font-size: 36px; line-height: 1; font-weight: 500; --flow-space: 1.5rem'>\n ${t('consent.denied.title')}\n </h1>\n\n <p class='color-grey' style='--flow-space: 1rem'>\n ${t('consent.denied.message')}\n </p>\n\n <p>\n ${t('consent.denied.prompt')}\n </p>\n </section>\n\n <button data-variant='solid' type='button' id='back-to-consent'>\n <svg style='transform: rotate(.5turn);' width=\"25\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M7 12h11m0 0-4.588-4M18 12l-4.588 4\" stroke=\"#fff\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n ${t('consent.denied.goBack')}\n </button>\n\n <button data-variant='outline' id='confirm-consent-rejection' style='--flow-space: 1rem; border-radius: 2rem'>\n ${t('consent.denied.confirmCancel')}\n </button>\n\n ${this.hideAttribution ? '' : '<powered-by-smile-id></powered-by-smile-id>'}\n </div>\n `;\n}\n\nclass EndUserConsent extends HTMLElement {\n constructor() {\n super();\n\n this.idRequiresTotpConsent = ['BVN_MFA'];\n this.templateString = templateString.bind(this);\n this.render = () => this.templateString();\n\n this.attachShadow({ mode: 'open' });\n }\n\n connectedCallback() {\n this.pages = [];\n const template = document.createElement('template');\n template.innerHTML = this.render();\n\n this.shadowRoot.appendChild(template.content.cloneNode(true));\n\n this.consentScreen = this.shadowRoot.querySelector('#consent-screen');\n this.totpConsentApp = this.shadowRoot.querySelector('totp-consent');\n this.consentRejectedScreen = this.shadowRoot.querySelector(\n '#consent-rejected-screen',\n );\n\n this.allowButton = this.shadowRoot.querySelector('#allow');\n this.rejectButton = this.shadowRoot.querySelector('#cancel');\n this.backToConsentButton =\n this.shadowRoot.querySelector('#back-to-consent');\n this.confirmConsentRejectionButton = this.shadowRoot.querySelector(\n '#confirm-consent-rejection',\n );\n this.backButton = this.shadowRoot.querySelector('#back-button');\n const CloseIframeButtons =\n this.shadowRoot.querySelectorAll('.close-iframe');\n\n this.allowButton.addEventListener('click', (e) =>\n this.handleConsentGrant(e),\n );\n this.rejectButton.addEventListener('click', (e) =>\n this.handleConsentGrant(e),\n );\n\n this.backToConsentButton.addEventListener('click', () =>\n this.setActiveScreen(this.consentScreen),\n );\n this.confirmConsentRejectionButton.addEventListener('click', (e) =>\n this.handleConsentRejection(e),\n );\n\n this.totpConsentApp.addEventListener(\n 'end-user-consent.totp.denied.contact-methods-outdated',\n (e) => this.handleTotpConsentEvents(e),\n );\n this.totpConsentApp.addEventListener('end-user-consent.totp.granted', (e) =>\n this.handleTotpConsentEvents(e),\n );\n this.totpConsentApp.addEventListener(\n 'end-user-consent.totp.cancelled',\n (e) => this.handleBackEvents(e),\n );\n\n this.backButton.addEventListener('click', (e) => {\n this.handleBackEvents(e);\n });\n\n CloseIframeButtons.forEach((button) => {\n button.addEventListener(\n 'click',\n () => {\n this.closeWindow();\n },\n false,\n );\n });\n\n this.activeScreen = this.consentScreen;\n }\n\n setActiveScreen(screen) {\n this.activeScreen.hidden = true;\n screen.hidden = false;\n this.activeScreen = screen;\n }\n\n get baseUrl() {\n return this.getAttribute('base-url');\n }\n\n get country() {\n return this.getAttribute('country');\n }\n\n get demoMode() {\n return !!this.hasAttribute('demo-mode');\n }\n\n get hideBack() {\n return this.hasAttribute('hide-back-to-host');\n }\n\n get idHint() {\n return this.getAttribute('id-hint') || 'Your BVN should be 11 digits long';\n }\n\n get hideAttribution() {\n return this.hasAttribute('hide-attribution');\n }\n\n get idRegex() {\n return this.getAttribute('id-regex');\n }\n\n get idType() {\n return this.getAttribute('id-type');\n }\n\n get idTypeLabel() {\n return this.getAttribute('id-type-label');\n }\n\n get partnerId() {\n return this.getAttribute('partner-id');\n }\n\n get partnerName() {\n return this.getAttribute('partner-name');\n }\n\n get partnerLogoURL() {\n return this.getAttribute('partner-logo');\n }\n\n get partnerPolicyURL() {\n return this.getAttribute('policy-url');\n }\n\n get themeColor() {\n return this.getAttribute('theme-color') || '#151F72';\n }\n\n get direction() {\n return this.getAttribute('dir') || getDirection() || 'ltr';\n }\n\n get token() {\n return this.getAttribute('token');\n }\n\n handleConsentGrant(e) {\n const granted = e.target === this.allowButton;\n\n if (granted) {\n if (this.idRequiresTotpConsent.includes(this.idType)) {\n this.setActiveScreen(this.totpConsentApp);\n this.pages.push(this.consentScreen);\n } else {\n this.dispatchEvent(\n new CustomEvent('end-user-consent.granted', {\n detail: {\n consented: {\n contact_information: granted,\n document_information: granted,\n personal_details: granted,\n },\n },\n }),\n );\n }\n } else {\n this.setActiveScreen(this.consentRejectedScreen);\n }\n }\n\n handleConsentRejection() {\n this.dispatchEvent(new CustomEvent('end-user-consent.denied'));\n }\n\n handleTotpConsentEvents(e) {\n const customEvent = new CustomEvent(e.type, {\n detail: {\n ...e.detail,\n },\n });\n this.dispatchEvent(customEvent);\n }\n\n handleBackEvents() {\n const page = this.pages.pop();\n if (page) {\n this.setActiveScreen(page);\n } else {\n this.dispatchEvent(new CustomEvent('end-user-consent.cancelled'));\n }\n }\n\n closeWindow() {\n const referenceWindow = window.parent;\n referenceWindow.postMessage('SmileIdentity::Close', '*');\n }\n}\n\nif (\n 'customElements' in window &&\n !window.customElements.get('end-user-consent')\n) {\n window.customElements.define('end-user-consent', EndUserConsent);\n}\n\nexport {\n // eslint-disable-next-line import/prefer-default-export\n EndUserConsent,\n};\n"],"names":["templateString","styles","tHtml","EndUserConsent","template","CloseIframeButtons","button","screen","getDirection","e","granted","customEvent","page"],"mappings":"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"}
package/dist/esm/{Navigation-kjll5SgE.js → Navigation-DOFYqTZt.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { k as s, t as a } from "./index-LJce6hoU.js";
1
+ import { b as s, t as a } from "./index-Cjzs1eA_.js";
2
2
  class c extends HTMLElement {
3
3
  connectedCallback() {
4
4
  const n = this.attachShadow({ mode: "open" }), i = s(), o = document.createElement("style");
@@ -141,4 +141,4 @@ button[data-type="icon"] {
141
141
  export {
142
142
  c as N
143
143
  };
144
- //# sourceMappingURL=Navigation-kjll5SgE.js.map
144
+ //# sourceMappingURL=Navigation-DOFYqTZt.js.map
package/dist/esm/{Navigation-kjll5SgE.js.map → Navigation-DOFYqTZt.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"Navigation-kjll5SgE.js","sources":["../../lib/components/navigation/src/Navigation.js"],"sourcesContent":["import { t, getDirection } from '../../../domain/localisation';\n\nclass Navigation extends HTMLElement {\n connectedCallback() {\n const shadow = this.attachShadow({ mode: 'open' });\n const direction = getDirection();\n\n const style = document.createElement('style');\n style.textContent = `\n:host {\n display: flex;\n max-inline-size: 100%;\n justify-content: ${this.showBackButton ? 'space-between' : 'flex-end'};\n direction: ${direction};\n}\n\n:host([dir=\"rtl\"]) .back-button svg,\n:host .back-button svg[data-rtl=\"true\"] {\n transform: scaleX(-1);\n}\n\nbutton {\n --button-color: var(--color-default);\n --flow-space: 3rem;\n -webkit-appearance: none;\n -moz-appearance: none;\n align-items: center;\n appearance: none;\n background-color: transparent;\n border-radius: 2.5rem;\n border: none;\n color: #ffffff;\n cursor: pointer;\n display: inline-flex;\n font-size: 1rem;\n font-weight: 500;\n inline-size: 100%;\n justify-content: center;\n letter-spacing: 0.05ch;\n line-height: 1;\n padding: 1rem 2.5rem;\n text-align: center;\n text-decoration: none;\n}\n\nbutton[data-type=\"icon\"] {\n align-items: center;\n background-color: transparent;\n border: 0;\n cursor: pointer;\n display: flex;\n padding: 0;\n width: auto;\n}\n\n:host::part(back-button) {\n display: flex;\n align-items: center;\n}\n\n:host::part(back-button-text) {\n line-height: 1;\n color: ${this.hasThemeColor ? this.themeColor : 'rgb(21, 31, 114)'} !important;\n}\n\n:host::part(close-button) {\n}\n\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n block-size: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n inline-size: 1px;\n}\n `;\n\n const backButton = document.createElement('button');\n backButton.setAttribute('class', 'back-button');\n backButton.setAttribute('data-type', 'icon');\n backButton.setAttribute('part', 'back-button');\n backButton.setAttribute('type', 'button');\n backButton.innerHTML = `\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n data-rtl=\"${direction === 'rtl'}\"\n >\n <path\n fill=\"#DBDBC4\"\n d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z\"\n opacity=\".4\"\n />\n <path\n fill=\"${this.themeColor}\"\n d=\"M15.5 11.25h-5.19l1.72-1.72c.29-.29.29-.77 0-1.06a.754.754 0 0 0-1.06 0l-3 3c-.29.29-.29.77 0 1.06l3 3c.15.15.34.22.53.22s.38-.07.53-.22c.29-.29.29-.77 0-1.06l-1.72-1.72h5.19c.41 0 .75-.34.75-.75s-.34-.75-.75-.75Z\"\n />\n </svg>\n <span part=\"back-button-text\">${t('navigation.back')}</span>\n `;\n\n const closeButton = document.createElement('button');\n closeButton.setAttribute('class', 'close-button');\n closeButton.setAttribute('data-type', 'icon');\n closeButton.setAttribute('part', 'close-button');\n closeButton.setAttribute('type', 'button');\n closeButton.innerHTML = `\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n width=\"24\"\n height=\"24\"\n fill=\"none\"\n >\n <path\n fill=\"#DBDBC4\"\n d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z\"\n opacity=\".4\"\n />\n <path\n fill=\"#91190F\"\n d=\"m13.06 12 2.3-2.3c.29-.29.29-.77 0-1.06a.754.754 0 0 0-1.06 0l-2.3 2.3-2.3-2.3a.754.754 0 0 0-1.06 0c-.29.29-.29.77 0 1.06l2.3 2.3-2.3 2.3c-.29.29-.29.77 0 1.06.15.15.34.22.53.22s.38-.07.53-.22l2.3-2.3 2.3 2.3c.15.15.34.22.53.22s.38-.07.53-.22c.29-.29.29-.77 0-1.06l-2.3-2.3Z\"\n />\n </svg>\n <span class=\"visually-hidden\"\n >${t('navigation.closeVerificationFrame')}</span\n >\n `;\n\n shadow.appendChild(style);\n if (this.showBackButton) shadow.appendChild(backButton);\n shadow.appendChild(closeButton);\n\n // Set language direction attribute on host for CSS selectors\n this.setAttribute('dir', direction);\n\n // Back Button Controls\n this.backButton = backButton;\n this.backButton.addEventListener('click', () => this.handleBack());\n\n // Close Button Controls\n this.closeButton = closeButton;\n this.closeButton.addEventListener('click', () => this.handleClose());\n }\n\n disconnectedCallback() {\n this.backButton.removeEventListener('click', () => this.handleBack());\n this.closeButton.removeEventListener('click', () => this.handleClose());\n }\n\n handleBack() {\n this.dispatchEvent(new CustomEvent('navigation.back'));\n }\n\n handleClose() {\n this.dispatchEvent(new CustomEvent('navigation.close'));\n }\n\n get showBackButton() {\n return !this.hasAttribute('hide-back');\n }\n\n get themeColor() {\n return this.getAttribute('theme-color') || '#001096';\n }\n\n get hasThemeColor() {\n return this.getAttribute('theme-color')?.trim();\n }\n}\n\nif (\n 'customElements' in window &&\n !window.customElements.get('smileid-navigation')\n) {\n window.customElements.define('smileid-navigation', Navigation);\n}\n\nexport default Navigation;\n"],"names":["Navigation","shadow","direction","getDirection","style","backButton","t","closeButton"],"mappings":";AAEA,MAAMA,UAAmB,YAAY;AAAA,EACnC,oBAAoB;AAClB,UAAMC,IAAS,KAAK,aAAa,EAAE,MAAM,OAAM,CAAE,GAC3CC,IAAYC,EAAY,GAExBC,IAAQ,SAAS,cAAc,OAAO;AAC5C,IAAAA,EAAM,cAAc;AAAA;AAAA;AAAA;AAAA,qBAIH,KAAK,iBAAiB,kBAAkB,UAAU;AAAA,eACxDF,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAiDb,KAAK,gBAAgB,KAAK,aAAa,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBhE,UAAMG,IAAa,SAAS,cAAc,QAAQ;AAClD,IAAAA,EAAW,aAAa,SAAS,aAAa,GAC9CA,EAAW,aAAa,aAAa,MAAM,GAC3CA,EAAW,aAAa,QAAQ,aAAa,GAC7CA,EAAW,aAAa,QAAQ,QAAQ,GACxCA,EAAW,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAOPH,MAAc,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAQrB,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA,sCAIKI,EAAE,iBAAiB,CAAC;AAAA;AAGtD,UAAMC,IAAc,SAAS,cAAc,QAAQ;AACnD,IAAAA,EAAY,aAAa,SAAS,cAAc,GAChDA,EAAY,aAAa,aAAa,MAAM,GAC5CA,EAAY,aAAa,QAAQ,cAAc,GAC/CA,EAAY,aAAa,QAAQ,QAAQ,GACzCA,EAAY,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAmBjBD,EAAE,mCAAmC,CAAC;AAAA;AAAA,OAI7CL,EAAO,YAAYG,CAAK,GACpB,KAAK,kBAAgBH,EAAO,YAAYI,CAAU,GACtDJ,EAAO,YAAYM,CAAW,GAG9B,KAAK,aAAa,OAAOL,CAAS,GAGlC,KAAK,aAAaG,GAClB,KAAK,WAAW,iBAAiB,SAAS,MAAM,KAAK,YAAY,GAGjE,KAAK,cAAcE,GACnB,KAAK,YAAY,iBAAiB,SAAS,MAAM,KAAK,aAAa;AAAA,EACrE;AAAA,EAEA,uBAAuB;AACrB,SAAK,WAAW,oBAAoB,SAAS,MAAM,KAAK,YAAY,GACpE,KAAK,YAAY,oBAAoB,SAAS,MAAM,KAAK,aAAa;AAAA,EACxE;AAAA,EAEA,aAAa;AACX,SAAK,cAAc,IAAI,YAAY,iBAAiB,CAAC;AAAA,EACvD;AAAA,EAEA,cAAc;AACZ,SAAK,cAAc,IAAI,YAAY,kBAAkB,CAAC;AAAA,EACxD;AAAA,EAEA,IAAI,iBAAiB;AACnB,WAAO,CAAC,KAAK,aAAa,WAAW;AAAA,EACvC;AAAA,EAEA,IAAI,aAAa;AACf,WAAO,KAAK,aAAa,aAAa,KAAK;AAAA,EAC7C;AAAA,EAEA,IAAI,gBAAgB;AAClB,WAAO,KAAK,aAAa,aAAa,GAAG,KAAI;AAAA,EAC/C;AACF;AAGE,oBAAoB,UACpB,CAAC,OAAO,eAAe,IAAI,oBAAoB,KAE/C,OAAO,eAAe,OAAO,sBAAsBP,CAAU;"}
1
+ {"version":3,"file":"Navigation-DOFYqTZt.js","sources":["../../lib/components/navigation/src/Navigation.js"],"sourcesContent":["import { t, getDirection } from '../../../domain/localisation';\n\nclass Navigation extends HTMLElement {\n connectedCallback() {\n const shadow = this.attachShadow({ mode: 'open' });\n const direction = getDirection();\n\n const style = document.createElement('style');\n style.textContent = `\n:host {\n display: flex;\n max-inline-size: 100%;\n justify-content: ${this.showBackButton ? 'space-between' : 'flex-end'};\n direction: ${direction};\n}\n\n:host([dir=\"rtl\"]) .back-button svg,\n:host .back-button svg[data-rtl=\"true\"] {\n transform: scaleX(-1);\n}\n\nbutton {\n --button-color: var(--color-default);\n --flow-space: 3rem;\n -webkit-appearance: none;\n -moz-appearance: none;\n align-items: center;\n appearance: none;\n background-color: transparent;\n border-radius: 2.5rem;\n border: none;\n color: #ffffff;\n cursor: pointer;\n display: inline-flex;\n font-size: 1rem;\n font-weight: 500;\n inline-size: 100%;\n justify-content: center;\n letter-spacing: 0.05ch;\n line-height: 1;\n padding: 1rem 2.5rem;\n text-align: center;\n text-decoration: none;\n}\n\nbutton[data-type=\"icon\"] {\n align-items: center;\n background-color: transparent;\n border: 0;\n cursor: pointer;\n display: flex;\n padding: 0;\n width: auto;\n}\n\n:host::part(back-button) {\n display: flex;\n align-items: center;\n}\n\n:host::part(back-button-text) {\n line-height: 1;\n color: ${this.hasThemeColor ? this.themeColor : 'rgb(21, 31, 114)'} !important;\n}\n\n:host::part(close-button) {\n}\n\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n block-size: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n inline-size: 1px;\n}\n `;\n\n const backButton = document.createElement('button');\n backButton.setAttribute('class', 'back-button');\n backButton.setAttribute('data-type', 'icon');\n backButton.setAttribute('part', 'back-button');\n backButton.setAttribute('type', 'button');\n backButton.innerHTML = `\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n data-rtl=\"${direction === 'rtl'}\"\n >\n <path\n fill=\"#DBDBC4\"\n d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z\"\n opacity=\".4\"\n />\n <path\n fill=\"${this.themeColor}\"\n d=\"M15.5 11.25h-5.19l1.72-1.72c.29-.29.29-.77 0-1.06a.754.754 0 0 0-1.06 0l-3 3c-.29.29-.29.77 0 1.06l3 3c.15.15.34.22.53.22s.38-.07.53-.22c.29-.29.29-.77 0-1.06l-1.72-1.72h5.19c.41 0 .75-.34.75-.75s-.34-.75-.75-.75Z\"\n />\n </svg>\n <span part=\"back-button-text\">${t('navigation.back')}</span>\n `;\n\n const closeButton = document.createElement('button');\n closeButton.setAttribute('class', 'close-button');\n closeButton.setAttribute('data-type', 'icon');\n closeButton.setAttribute('part', 'close-button');\n closeButton.setAttribute('type', 'button');\n closeButton.innerHTML = `\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n width=\"24\"\n height=\"24\"\n fill=\"none\"\n >\n <path\n fill=\"#DBDBC4\"\n d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z\"\n opacity=\".4\"\n />\n <path\n fill=\"#91190F\"\n d=\"m13.06 12 2.3-2.3c.29-.29.29-.77 0-1.06a.754.754 0 0 0-1.06 0l-2.3 2.3-2.3-2.3a.754.754 0 0 0-1.06 0c-.29.29-.29.77 0 1.06l2.3 2.3-2.3 2.3c-.29.29-.29.77 0 1.06.15.15.34.22.53.22s.38-.07.53-.22l2.3-2.3 2.3 2.3c.15.15.34.22.53.22s.38-.07.53-.22c.29-.29.29-.77 0-1.06l-2.3-2.3Z\"\n />\n </svg>\n <span class=\"visually-hidden\"\n >${t('navigation.closeVerificationFrame')}</span\n >\n `;\n\n shadow.appendChild(style);\n if (this.showBackButton) shadow.appendChild(backButton);\n shadow.appendChild(closeButton);\n\n // Set language direction attribute on host for CSS selectors\n this.setAttribute('dir', direction);\n\n // Back Button Controls\n this.backButton = backButton;\n this.backButton.addEventListener('click', () => this.handleBack());\n\n // Close Button Controls\n this.closeButton = closeButton;\n this.closeButton.addEventListener('click', () => this.handleClose());\n }\n\n disconnectedCallback() {\n this.backButton.removeEventListener('click', () => this.handleBack());\n this.closeButton.removeEventListener('click', () => this.handleClose());\n }\n\n handleBack() {\n this.dispatchEvent(new CustomEvent('navigation.back'));\n }\n\n handleClose() {\n this.dispatchEvent(new CustomEvent('navigation.close'));\n }\n\n get showBackButton() {\n return !this.hasAttribute('hide-back');\n }\n\n get themeColor() {\n return this.getAttribute('theme-color') || '#001096';\n }\n\n get hasThemeColor() {\n return this.getAttribute('theme-color')?.trim();\n }\n}\n\nif (\n 'customElements' in window &&\n !window.customElements.get('smileid-navigation')\n) {\n window.customElements.define('smileid-navigation', Navigation);\n}\n\nexport default Navigation;\n"],"names":["Navigation","shadow","direction","getDirection","style","backButton","t","closeButton"],"mappings":";AAEA,MAAMA,UAAmB,YAAY;AAAA,EACnC,oBAAoB;AAClB,UAAMC,IAAS,KAAK,aAAa,EAAE,MAAM,OAAM,CAAE,GAC3CC,IAAYC,EAAY,GAExBC,IAAQ,SAAS,cAAc,OAAO;AAC5C,IAAAA,EAAM,cAAc;AAAA;AAAA;AAAA;AAAA,qBAIH,KAAK,iBAAiB,kBAAkB,UAAU;AAAA,eACxDF,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAiDb,KAAK,gBAAgB,KAAK,aAAa,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBhE,UAAMG,IAAa,SAAS,cAAc,QAAQ;AAClD,IAAAA,EAAW,aAAa,SAAS,aAAa,GAC9CA,EAAW,aAAa,aAAa,MAAM,GAC3CA,EAAW,aAAa,QAAQ,aAAa,GAC7CA,EAAW,aAAa,QAAQ,QAAQ,GACxCA,EAAW,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAOPH,MAAc,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAQrB,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA,sCAIKI,EAAE,iBAAiB,CAAC;AAAA;AAGtD,UAAMC,IAAc,SAAS,cAAc,QAAQ;AACnD,IAAAA,EAAY,aAAa,SAAS,cAAc,GAChDA,EAAY,aAAa,aAAa,MAAM,GAC5CA,EAAY,aAAa,QAAQ,cAAc,GAC/CA,EAAY,aAAa,QAAQ,QAAQ,GACzCA,EAAY,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAmBjBD,EAAE,mCAAmC,CAAC;AAAA;AAAA,OAI7CL,EAAO,YAAYG,CAAK,GACpB,KAAK,kBAAgBH,EAAO,YAAYI,CAAU,GACtDJ,EAAO,YAAYM,CAAW,GAG9B,KAAK,aAAa,OAAOL,CAAS,GAGlC,KAAK,aAAaG,GAClB,KAAK,WAAW,iBAAiB,SAAS,MAAM,KAAK,YAAY,GAGjE,KAAK,cAAcE,GACnB,KAAK,YAAY,iBAAiB,SAAS,MAAM,KAAK,aAAa;AAAA,EACrE;AAAA,EAEA,uBAAuB;AACrB,SAAK,WAAW,oBAAoB,SAAS,MAAM,KAAK,YAAY,GACpE,KAAK,YAAY,oBAAoB,SAAS,MAAM,KAAK,aAAa;AAAA,EACxE;AAAA,EAEA,aAAa;AACX,SAAK,cAAc,IAAI,YAAY,iBAAiB,CAAC;AAAA,EACvD;AAAA,EAEA,cAAc;AACZ,SAAK,cAAc,IAAI,YAAY,kBAAkB,CAAC;AAAA,EACxD;AAAA,EAEA,IAAI,iBAAiB;AACnB,WAAO,CAAC,KAAK,aAAa,WAAW;AAAA,EACvC;AAAA,EAEA,IAAI,aAAa;AACf,WAAO,KAAK,aAAa,aAAa,KAAK;AAAA,EAC7C;AAAA,EAEA,IAAI,gBAAgB;AAClB,WAAO,KAAK,aAAa,aAAa,GAAG,KAAI;AAAA,EAC/C;AACF;AAGE,oBAAoB,UACpB,CAAC,OAAO,eAAe,IAAI,oBAAoB,KAE/C,OAAO,eAAe,OAAO,sBAAsBP,CAAU;"}