@smileid/web-components 11.0.0 → 11.0.2

package/dist/src/components/end-user-consent/src/index.js

@@ -0,0 +1,14 @@
+(()=>{var H=Object.create;var C=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames,M=Object.getOwnPropertySymbols,T=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var _=(f,n,l)=>n in f?C(f,n,{enumerable:!0,configurable:!0,writable:!0,value:l}):f[n]=l,B=(f,n)=>{for(var l in n||(n={}))A.call(n,l)&&_(f,l,n[l]);if(M)for(var l of M(n))j.call(n,l)&&_(f,l,n[l]);return f};var N=(f,n)=>()=>(n||f((n={exports:{}}).exports,n),n.exports);var $=(f,n,l,c)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of z(n))!A.call(f,i)&&i!==l&&C(f,i,{get:()=>n[i],enumerable:!(c=Z(n,i))||c.enumerable});return f};var q=(f,n,l)=>(l=f!=null?H(T(f)):{},$(n||!f||!f.__esModule?C(l,"default",{value:f,enumerable:!0}):l,f));var D=N((v,x)=>{(function(f,n,l){"use strict";var c=function(e,t,r){r=i.extend({},i.options,r);var s=i.runValidations(e,t,r),a,o;if(s.some(function(d){return i.isPromise(d.error)}))throw new Error("Use validate.async if you want support for promises");return c.processValidationResults(s,r)},i=c;i.extend=function(e){return[].slice.call(arguments,1).forEach(function(t){for(var r in t)e[r]=t[r]}),e},i.extend(c,{version:{major:0,minor:13,patch:1,metadata:null,toString:function(){var e=i.format("%{major}.%{minor}.%{patch}",i.version);return i.isEmpty(i.version.metadata)||(e+="+"+i.version.metadata),e}},Promise:typeof Promise<"u"?Promise:null,EMPTY_STRING_REGEXP:/^\s*$/,runValidations:function(e,t,r){var s=[],a,o,d,h,u,p,m;(i.isDomElement(e)||i.isJqueryElement(e))&&(e=i.collectFormValues(e));for(a in t){d=i.getDeepObjectValue(e,a),h=i.result(t[a],d,e,a,r,t);for(o in h){if(u=i.validators[o],!u)throw m=i.format("Unknown validator %{name}",{name:o}),new Error(m);p=h[o],p=i.result(p,d,e,a,r,t),p&&s.push({attribute:a,value:d,validator:o,globalOptions:r,attributes:e,options:p,error:u.call(u,d,p,a,e,r)})}}return s},processValidationResults:function(e,t){e=i.pruneEmptyErrors(e,t),e=i.expandMultipleErrors(e,t),e=i.convertErrorMessages(e,t);var r=t.format||"grouped";if(typeof i.formatters[r]=="function")e=i.formatters[r](e);else throw new Error(i.format("Unknown format %{format}",t));return i.isEmpty(e)?void 0:e},async:function(e,t,r){r=i.extend({},i.async.options,r);var s=r.wrapErrors||function(o){return o};r.cleanAttributes!==!1&&(e=i.cleanAttributes(e,t));var a=i.runValidations(e,t,r);return new i.Promise(function(o,d){i.waitForResults(a).then(function(){var h=i.processValidationResults(a,r);h?d(new s(h,r,e,t)):o(e)},function(h){d(h)})})},single:function(e,t,r){return r=i.extend({},i.single.options,r,{format:"flat",fullMessages:!1}),i({single:e},{single:t},r)},waitForResults:function(e){return e.reduce(function(t,r){return i.isPromise(r.error)?t.then(function(){return r.error.then(function(s){r.error=s||null})}):t},new i.Promise(function(t){t()}))},result:function(e){var t=[].slice.call(arguments,1);return typeof e=="function"&&(e=e.apply(null,t)),e},isNumber:function(e){return typeof e=="number"&&!isNaN(e)},isFunction:function(e){return typeof e=="function"},isInteger:function(e){return i.isNumber(e)&&e%1===0},isBoolean:function(e){return typeof e=="boolean"},isObject:function(e){return e===Object(e)},isDate:function(e){return e instanceof Date},isDefined:function(e){return e!=null},isPromise:function(e){return!!e&&i.isFunction(e.then)},isJqueryElement:function(e){return e&&i.isString(e.jquery)},isDomElement:function(e){return!e||!e.querySelectorAll||!e.querySelector?!1:i.isObject(document)&&e===document?!0:typeof HTMLElement=="object"?e instanceof HTMLElement:e&&typeof e=="object"&&e!==null&&e.nodeType===1&&typeof e.nodeName=="string"},isEmpty:function(e){var t;if(!i.isDefined(e))return!0;if(i.isFunction(e))return!1;if(i.isString(e))return i.EMPTY_STRING_REGEXP.test(e);if(i.isArray(e))return e.length===0;if(i.isDate(e))return!1;if(i.isObject(e)){for(t in e)return!1;return!0}return!1},format:i.extend(function(e,t){return i.isString(e)?e.replace(i.format.FORMAT_REGEXP,function(r,s,a){return s==="%"?"%{"+a+"}":String(t[a])}):e},{FORMAT_REGEXP:/(%?)%\{([^\}]+)\}/g}),prettify:function(e){return i.isNumber(e)?e*100%1===0?""+e:parseFloat(Math.round(e*100)/100).toFixed(2):i.isArray(e)?e.map(function(t){return i.prettify(t)}).join(", "):i.isObject(e)?i.isDefined(e.toString)?e.toString():JSON.stringify(e):(e=""+e,e.replace(/([^\s])\.([^\s])/g,"$1 $2").replace(/\\+/g,"").replace(/[_-]/g," ").replace(/([a-z])([A-Z])/g,function(t,r,s){return""+r+" "+s.toLowerCase()}).toLowerCase())},stringifyValue:function(e,t){var r=t&&t.prettify||i.prettify;return r(e)},isString:function(e){return typeof e=="string"},isArray:function(e){return{}.toString.call(e)==="[object Array]"},isHash:function(e){return i.isObject(e)&&!i.isArray(e)&&!i.isFunction(e)},contains:function(e,t){return i.isDefined(e)?i.isArray(e)?e.indexOf(t)!==-1:t in e:!1},unique:function(e){return i.isArray(e)?e.filter(function(t,r,s){return s.indexOf(t)==r}):e},forEachKeyInKeypath:function(e,t,r){if(i.isString(t)){var s="",a,o=!1;for(a=0;a<t.length;++a)switch(t[a]){case".":o?(o=!1,s+="."):(e=r(e,s,!1),s="");break;case"\\":o?(o=!1,s+="\\"):o=!0;break;default:o=!1,s+=t[a];break}return r(e,s,!0)}},getDeepObjectValue:function(e,t){if(i.isObject(e))return i.forEachKeyInKeypath(e,t,function(r,s){if(i.isObject(r))return r[s]})},collectFormValues:function(e,t){var r={},s,a,o,d,h,u;if(i.isJqueryElement(e)&&(e=e[0]),!e)return r;for(t=t||{},d=e.querySelectorAll("input[name], textarea[name]"),s=0;s<d.length;++s)if(o=d.item(s),!i.isDefined(o.getAttribute("data-ignored"))){var p=o.name.replace(/\./g,"\\\\.");u=i.sanitizeFormValue(o.value,t),o.type==="number"?u=u?+u:null:o.type==="checkbox"?o.attributes.value?o.checked||(u=r[p]||null):u=o.checked:o.type==="radio"&&(o.checked||(u=r[p]||null)),r[p]=u}for(d=e.querySelectorAll("select[name]"),s=0;s<d.length;++s)if(o=d.item(s),!i.isDefined(o.getAttribute("data-ignored"))){if(o.multiple){u=[];for(a in o.options)h=o.options[a],h&&h.selected&&u.push(i.sanitizeFormValue(h.value,t))}else{var m=typeof o.options[o.selectedIndex]<"u"?o.options[o.selectedIndex].value:"";u=i.sanitizeFormValue(m,t)}r[o.name]=u}return r},sanitizeFormValue:function(e,t){return t.trim&&i.isString(e)&&(e=e.trim()),t.nullify!==!1&&e===""?null:e},capitalize:function(e){return i.isString(e)?e[0].toUpperCase()+e.slice(1):e},pruneEmptyErrors:function(e){return e.filter(function(t){return!i.isEmpty(t.error)})},expandMultipleErrors:function(e){var t=[];return e.forEach(function(r){i.isArray(r.error)?r.error.forEach(function(s){t.push(i.extend({},r,{error:s}))}):t.push(r)}),t},convertErrorMessages:function(e,t){t=t||{};var r=[],s=t.prettify||i.prettify;return e.forEach(function(a){var o=i.result(a.error,a.value,a.attribute,a.options,a.attributes,a.globalOptions);if(!i.isString(o)){r.push(a);return}o[0]==="^"?o=o.slice(1):t.fullMessages!==!1&&(o=i.capitalize(s(a.attribute))+" "+o),o=o.replace(/\\\^/g,"^"),o=i.format(o,{value:i.stringifyValue(a.value,t)}),r.push(i.extend({},a,{error:o}))}),r},groupErrorsByAttribute:function(e){var t={};return e.forEach(function(r){var s=t[r.attribute];s?s.push(r):t[r.attribute]=[r]}),t},flattenErrorsToArray:function(e){return e.map(function(t){return t.error}).filter(function(t,r,s){return s.indexOf(t)===r})},cleanAttributes:function(e,t){function r(o,d,h){return i.isObject(o[d])?o[d]:o[d]=h?!0:{}}function s(o){var d={},h,u;for(u in o)o[u]&&i.forEachKeyInKeypath(d,u,r);return d}function a(o,d){if(!i.isObject(o))return o;var h=i.extend({},o),u,p;for(p in o)u=d[p],i.isObject(u)?h[p]=a(h[p],u):u||delete h[p];return h}return!i.isObject(t)||!i.isObject(e)?{}:(t=s(t),a(e,t))},exposeModule:function(e,t,r,s,a){r?(s&&s.exports&&(r=s.exports=e),r.validate=e):(t.validate=e,e.isFunction(a)&&a.amd&&a([],function(){return e}))},warn:function(e){typeof console<"u"&&console.warn&&console.warn("[validate.js] "+e)},error:function(e){typeof console<"u"&&console.error&&console.error("[validate.js] "+e)}}),c.validators={presence:function(e,t){if(t=i.extend({},this.options,t),t.allowEmpty!==!1?!i.isDefined(e):i.isEmpty(e))return t.message||this.message||"can't be blank"},length:function(e,t,r){if(i.isDefined(e)){t=i.extend({},this.options,t);var s=t.is,a=t.maximum,o=t.minimum,d=t.tokenizer||function(m){return m},h,u=[];e=d(e);var p=e.length;if(!i.isNumber(p))return t.message||this.notValid||"has an incorrect length";if(i.isNumber(s)&&p!==s&&(h=t.wrongLength||this.wrongLength||"is the wrong length (should be %{count} characters)",u.push(i.format(h,{count:s}))),i.isNumber(o)&&p<o&&(h=t.tooShort||this.tooShort||"is too short (minimum is %{count} characters)",u.push(i.format(h,{count:o}))),i.isNumber(a)&&p>a&&(h=t.tooLong||this.tooLong||"is too long (maximum is %{count} characters)",u.push(i.format(h,{count:a}))),u.length>0)return t.message||u}},numericality:function(e,t,r,s,a){if(i.isDefined(e)){t=i.extend({},this.options,t);var o=[],d,h,u={greaterThan:function(g,b){return g>b},greaterThanOrEqualTo:function(g,b){return g>=b},equalTo:function(g,b){return g===b},lessThan:function(g,b){return g<b},lessThanOrEqualTo:function(g,b){return g<=b},divisibleBy:function(g,b){return g%b===0}},p=t.prettify||a&&a.prettify||i.prettify;if(i.isString(e)&&t.strict){var m="^-?(0|[1-9]\\d*)";if(t.onlyInteger||(m+="(\\.\\d+)?"),m+="$",!new RegExp(m).test(e))return t.message||t.notValid||this.notValid||this.message||"must be a valid number"}if(t.noStrings!==!0&&i.isString(e)&&!i.isEmpty(e)&&(e=+e),!i.isNumber(e))return t.message||t.notValid||this.notValid||this.message||"is not a number";if(t.onlyInteger&&!i.isInteger(e))return t.message||t.notInteger||this.notInteger||this.message||"must be an integer";for(d in u)if(h=t[d],i.isNumber(h)&&!u[d](e,h)){var y="not"+i.capitalize(d),O=t[y]||this[y]||this.message||"must be %{type} %{count}";o.push(i.format(O,{count:h,type:p(d)}))}if(t.odd&&e%2!==1&&o.push(t.notOdd||this.notOdd||this.message||"must be odd"),t.even&&e%2!==0&&o.push(t.notEven||this.notEven||this.message||"must be even"),o.length)return t.message||o}},datetime:i.extend(function(e,t){if(!i.isFunction(this.parse)||!i.isFunction(this.format))throw new Error("Both the parse and format functions needs to be set to use the datetime/date validator");if(i.isDefined(e)){t=i.extend({},this.options,t);var r,s=[],a=t.earliest?this.parse(t.earliest,t):NaN,o=t.latest?this.parse(t.latest,t):NaN;if(e=this.parse(e,t),isNaN(e)||t.dateOnly&&e%864e5!==0)return r=t.notValid||t.message||this.notValid||"must be a valid date",i.format(r,{value:arguments[0]});if(!isNaN(a)&&e<a&&(r=t.tooEarly||t.message||this.tooEarly||"must be no earlier than %{date}",r=i.format(r,{value:this.format(e,t),date:this.format(a,t)}),s.push(r)),!isNaN(o)&&e>o&&(r=t.tooLate||t.message||this.tooLate||"must be no later than %{date}",r=i.format(r,{date:this.format(o,t),value:this.format(e,t)}),s.push(r)),s.length)return i.unique(s)}},{parse:null,format:null}),date:function(e,t){return t=i.extend({},t,{dateOnly:!0}),i.validators.datetime.call(i.validators.datetime,e,t)},format:function(e,t){(i.isString(t)||t instanceof RegExp)&&(t={pattern:t}),t=i.extend({},this.options,t);var r=t.message||this.message||"is invalid",s=t.pattern,a;if(i.isDefined(e)&&(!i.isString(e)||(i.isString(s)&&(s=new RegExp(t.pattern,t.flags)),a=s.exec(e),!a||a[0].length!=e.length)))return r},inclusion:function(e,t){if(i.isDefined(e)&&(i.isArray(t)&&(t={within:t}),t=i.extend({},this.options,t),!i.contains(t.within,e))){var r=t.message||this.message||"^%{value} is not included in the list";return i.format(r,{value:e})}},exclusion:function(e,t){if(i.isDefined(e)&&(i.isArray(t)&&(t={within:t}),t=i.extend({},this.options,t),!!i.contains(t.within,e))){var r=t.message||this.message||"^%{value} is restricted";return i.isString(t.within[e])&&(e=t.within[e]),i.format(r,{value:e})}},email:i.extend(function(e,t){t=i.extend({},this.options,t);var r=t.message||this.message||"is not a valid email";if(i.isDefined(e)&&(!i.isString(e)||!this.PATTERN.exec(e)))return r},{PATTERN:/^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])$/i}),equality:function(e,t,r,s,a){if(i.isDefined(e)){i.isString(t)&&(t={attribute:t}),t=i.extend({},this.options,t);var o=t.message||this.message||"is not equal to %{attribute}";if(i.isEmpty(t.attribute)||!i.isString(t.attribute))throw new Error("The attribute must be a non empty string");var d=i.getDeepObjectValue(s,t.attribute),h=t.comparator||function(p,m){return p===m},u=t.prettify||a&&a.prettify||i.prettify;if(!h(e,d,t,r,s))return i.format(o,{attribute:u(t.attribute)})}},url:function(e,t){if(i.isDefined(e)){t=i.extend({},this.options,t);var r=t.message||this.message||"is not a valid url",s=t.schemes||this.schemes||["http","https"],a=t.allowLocal||this.allowLocal||!1,o=t.allowDataUrl||this.allowDataUrl||!1;if(!i.isString(e))return r;var d="^(?:(?:"+s.join("|")+")://)(?:\\S+(?::\\S*)?@)?(?:",h="(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))";if(a?h+="?":d+="(?!(?:10|127)(?:\\.\\d{1,3}){3})(?!(?:169\\.254|192\\.168)(?:\\.\\d{1,3}){2})(?!172\\.(?:1[6-9]|2\\d|3[0-1])(?:\\.\\d{1,3}){2})",d+="(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[1-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*"+h+")(?::\\d{2,5})?(?:[/?#]\\S*)?$",o){var u="\\w+\\/[-+.\\w]+(?:;[\\w=]+)*",p="[A-Za-z0-9-_.!~\\*'();\\/?:@&=+$,%]*",m="data:(?:"+u+")?(?:;base64)?,"+p;d="(?:"+d+")|(?:^"+m+"$)"}var y=new RegExp(d,"i");if(!y.exec(e))return r}},type:i.extend(function(e,t,r,s,a){if(i.isString(t)&&(t={type:t}),!!i.isDefined(e)){var o=i.extend({},this.options,t),d=o.type;if(!i.isDefined(d))throw new Error("No type was specified");var h;if(i.isFunction(d)?h=d:h=this.types[d],!i.isFunction(h))throw new Error("validate.validators.type.types."+d+" must be a function.");if(!h(e,o,r,s,a)){var u=t.message||this.messages[d]||this.message||o.message||(i.isFunction(d)?"must be of the correct type":"must be of type %{type}");return i.isFunction(u)&&(u=u(e,t,r,s,a)),i.format(u,{attribute:i.prettify(r),type:d})}}},{types:{object:function(e){return i.isObject(e)&&!i.isArray(e)},array:i.isArray,integer:i.isInteger,number:i.isNumber,string:i.isString,date:i.isDate,boolean:i.isBoolean},messages:{}})},c.formatters={detailed:function(e){return e},flat:i.flattenErrorsToArray,grouped:function(e){var t;e=i.groupErrorsByAttribute(e);for(t in e)e[t]=i.flattenErrorsToArray(e[t]);return e},constraint:function(e){var t;e=i.groupErrorsByAttribute(e);for(t in e)e[t]=e[t].map(function(r){return r.validator}).sort();return e}},c.exposeModule(c,this,f,n,l)}).call(v,typeof v<"u"?v:null,typeof x<"u"?x:null,typeof define<"u"?define:null)});var R="\n  .text-xs {\n    font-size: 0.75rem;\n    line-height: 1rem;\n  }\n  .text-sm {\n    font-size: 0.875rem;\n    line-height: 1.125rem;\n  }\n  .text-base {\n    font-size: 1rem;\n    line-height: 1rem;\n  }\n  .text-lg {\n    font-size: 1.125rem;\n    line-height: 1.75rem;\n  }\n  .text-xl {\n    font-size: 1.25rem;\n    line-height: 1.75rem;\n  }\n  .text-2xl {\n    font-size: 1.5rem;\n    line-height: 2rem;\n  }\n  .text-3xl {\n    font-size: 1.875rem;\n    line-height: 2.25rem;\n  }\n  .text-4xl {\n    font-size: 2rem;\n    line-height: 2.5rem;\n  }\n  .text-5xl {\n    font-size: 2.25rem;\n    line-height: 2.5rem;\n  }\n  .font-bold {\n    font-weight: 700;\n  }\n  .font-semibold {\n    font-weight: 600;\n  }\n  .font-medium {\n    font-weight: 500;\n  }\n  .font-normal {\n    font-weight: 400;\n  }\n",F=R;var U=f=>'<link rel="preconnect" href="https://fonts.gstatic.com" />\n<link\n  href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap"\n  rel="stylesheet"\n  as="style"\n/>\n<style>\n'.concat(F,"\n:host {\n    --theme-color: ").concat(f||"#001096",';\n    --color-active: #001096;\n    --color-default: #2d2b2a;\n    --color-disabled: #848282;\n    --web-digital-blue: #001096;\n  }\n\n  * {\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  img {\n    height: auto;\n    max-width: 100%;\n  }\n\n  video {\n    background-color: black;\n  }\n\n  a {\n    color: currentColor;\n    text-decoration: none;\n  }\n\n  svg {\n    max-width: 100%;\n  }\n\n  .color-gray {\n    color: #797979;\n  }\n\n  .color-red {\n    color: red;\n  }\n\n  .color-richblue {\n    color: #4e6577;\n  }\n\n  .color-richblue-shade {\n    color: #0e1b42;\n  }\n\n  .color-digital-blue {\n    color: var(--web-digital-blue) !important;\n  }\n\n  .color-deep-blue {\n    color: #001096;\n  }\n\n  .title-color {\n    color: ').concat(f||"#001096",";\n  }\n  \n  .theme-color {\n    color: ").concat(f||"#001096",';\n  }\n\n  .center {\n    text-align: center;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .font-size-small {\n    font-size: 0.75rem;\n  }\n\n  .font-size-large {\n    font-size: 1.5rem;\n  }\n\n  .text-transform-uppercase {\n    text-transform: uppercase;\n  }\n\n  [id*=-"screen"] {\n    min-block-size: 100%;\n  }\n\n  [data-variant~="full-width"] {\n    inline-size: 100%;\n  }\n\n  .flow > * + * {\n    margin-top: var(--flow-space, 1rem);\n  }\n\n  .button {\n    --button-color: ').concat(f||"var(--active-color)",';\n    -webkit-appearance: none;\n    appearance: none;\n    border-radius: 2.5rem;\n    border: 0;\n    background-color: transparent;\n    color: #fff;\n    cursor: pointer;\n    display: block;\n    font-size: 18px;\n    font-weight: 600;\n    padding: 0.75rem 1.5rem;\n    text-align: center;\n  }\n\n  .button:hover,\n  .button:focus,\n  .button:active {\n    --button-color: var(--color-default);\n  }\n\n  .button:disabled {\n    --button-color: var(--color-disabled);\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    padding: 0px;\n    color: var(--button-color);\n    background-color: transparent;\n  }\n\n  .icon-btn {\n    appearance: none;\n    background: none;\n    border: none;\n    color: hsl(0deg 0% 94%);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 4px 8px;\n  }\n  .justify-right {\n    justify-content: end !important;\n  }\n  .nav {\n    display: flex;\n    justify-content: space-between;\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: 11px;\n    color: rgb(21, 31, 114);\n  }\n\n\n  .selfie-capture-review-image {\n    overflow: hidden;\n    aspect-ratio: 1/1;\n  }\n\n  #review-image {\n    scale: 1.75;\n  }\n\n  @media (max-aspect-ratio: 1/1) {\n    #review-image {\n      transform: scaleX(-1) translateY(-10%);\n    }\n  }\n\n  .tips,\n  .powered-by {\n    align-items: center;\n    border-radius: 0.25rem;\n    color: #4e6577;\n    display: flex;\n    justify-content: center;\n    letter-spacing: 0.075em;\n  }\n\n  .powered-by {\n    box-shadow: 0px 2.57415px 2.57415px rgba(0, 0, 0, 0.06);\n    display: inline-flex;\n    font-size: 0.5rem;\n  }\n\n  .tips {\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 17rem;\n  }\n\n  .tips > * + *,\n  .powered-by > * + * {\n    display: inline-block;\n    margin-left: 0.5em;\n  }\n\n  .powered-by .company {\n    color: #18406d;\n    font-weight: 700;\n    letter-spacing: 0.15rem;\n  }\n\n  .logo-mark {\n    background-color: #004071;\n    display: inline-block;\n    padding: 0.25em 0.5em;\n  }\n\n  .logo-mark svg {\n    height: auto;\n    justify-self: center;\n    width: 0.75em;\n  }\n\n  #document-capture-instructions-screen,\n  #back-of-document-capture-instructions-screen {\n    padding-block: 2rem;\n    display: flex;\n    flex-direction: column;\n    max-block-size: 100%;\n    max-inline-size: 40ch;\n    justify-content: space-between;\n  }\n\n  #document-capture-instructions-screen header p {\n    margin-block: 0 !important;\n  }\n\n  .description {\n    color: var(--neutral-off-black, #2D2B2A);\n    text-align: center;\n\n    /* p */\n    font-family: DM Sans;\n    font-size: 0.875rem;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 18px;\n  }\n\n  .padding-bottom-2 {\n    padding-bottom: 2rem;\n  }\n\n  .instructions-wrapper {\n    display: inline-flex;\n    flex-direction: column;\n    gap: 1.5rem;\n    margin-block-start: 2rem;\n    margin-block-end: 2rem;\n  }\n  .instructions {\n    display: flex;\n    align-items: center;\n    text-align: initial;\n  }\n\n  .instructions svg {\n    flex-shrink: 0;\n    margin-inline-end: 2rem;\n  }\n\n  .instructions p {\n    margin-block: 0;\n  }\n\n  .instruction {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n\n  .instruction-body {\n    font-size: 0.75rem;\n  }\n\n  .instruction-header {\n    color: ').concat(f,';\n  }\n\n  .flex-column {\n    display: flex;\n    flex-direction: column;\n  }\n\n  @keyframes spin {\n    0% {\n        transform: translate3d(-50%, -50%, 0) rotate(0deg);\n    }\n    100% {\n        transform: translate3d(-50%, -50%, 0) rotate(360deg);\n    }\n}\n\n.spinner {\n    animation: 1.5s linear infinite spin;\n    animation-play-state: inherit;\n    border: solid 5px #cfd0d1;\n    border-bottom-color: var(--color-active);\n    border-radius: 50%;\n    content: "";\n    display: block;\n    height: 25px;\n    width: 25px;\n    will-change: transform;\n    position: relative;\n    top: .675rem;\n    left: 1.25rem;\n    }\n\n</style>'),L=U;var V=q(D(),1);function E(f,n){return fetch(f,{body:JSON.stringify(n),cache:"no-cache",headers:{Accept:"application/json","Content-Type":"application/json"},method:"POST",mode:"cors"})}function G(){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\n                --color-richblue: #043C93;\n                --color-theme: ".concat(this.themeColor,";\n\n                --color-active: #2D2B2A;\n                --color-default: #001096;\n                --color-disabled: #848282;\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            }\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: 1.5rem;\n                font-weight: 700;\n            }\n\n            button, input, select, textarea {\n                font: inherit\n            }\n\n            label,\n            input,\n            select,\n            textarea {\n                --flow-space: .5rem;\n                display: block;\n                width: 100%;\n            }\n\n            input,\n            select,\n            textarea {\n                border: 1px solid #d1d8d6;\n                border-radius: .5rem;\n                padding: .75rem 1rem;\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(--color-active);\n            }\n\n            button:disabled {\n                --button-color: var(--color-disabled);\n            }\n\n            button[data-type='icon'] {\n                height: 2rem;\n                padding: 0;\n                width: 2rem;\n                background: transparent;\n            }\n\n            input {\n                font: inherit;\n            }\n\n            fieldset {\n                margin: 0;\n                border: none;\n            }\n\n            .font-weight:bold {\n                font-weight: bold;\n            }\n\n            .justify-right {\n                justify-content: end !important;\n            }\n            .nav {\n                display: flex;\n                justify-content: space-between;\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: 11px;\n                color: ").concat(this.themeColor||"rgb(21, 31, 114)",';\n            }\n\n            #error,\n            .validation-message {\n                color: red;\n                text-transform: capitalize;\n            }\n\n            .input-group {\n                --flow-space: 1.5rem;\n                text-align: initial;\n            }\n\n            .input-radio {\n                --flow-space: 1.5rem;\n                background-color: #F8F8F8;\n                border-radius: .5rem;\n                padding: .625rem 1rem;\n                display: flex;\n                align-items: center;\n            }\n\n            .otp-mode {\n                display: flex;\n                align-items: center;\n                text-align: initial;\n            }\n\n            .otp-mode :first-child {\n                margin: 0;\n                margin-inline-end: 1rem;\n            }\n\n            .otp-mode :nth-child(2n) {\n                --flow-space: .5rem;\n            }\n\n            .input-radio [type=\'radio\'] {\n                border-radius: 50%;\n                inline-size: 2rem;\n                block-size: 2rem;\n                margin-inline-end: .5rem;\n                background-color: white;\n                border: .125rem solid #f5f5f5;\n            }\n\n            #totp-token {\n                block-size: 3rem;\n                inline-size: 20rem;\n                max-inline-size: 100%;\n                background-color: #F5F5F5;\n                border: none;\n                border-bottom: 2px solid #2F718D;\n                font-size: 1.5rem;\n                text-align: center;\n                font-weight: 700;\n                letter-spacing: 2rem;\n                padding: .5rem 1rem;\n                margin-inline: auto;\n            }\n\n            @keyframes spin {\n                0% {\n                    transform: translate3d(-50%, -50%, 0) rotate(0deg);\n                }\n                100% {\n                    transform: translate3d(-50%, -50%, 0) rotate(360deg);\n                }\n            }\n\n            .spinner {\n                animation: 1.5s linear infinite spin;\n                animation-play-state: inherit;\n                border: solid 5px #cfd0d1;\n                border-bottom-color: var(--color-active);\n                border-radius: 50%;\n                content: "";\n                display: block;\n                height: 25px;\n                width: 25px;\n                will-change: transform;\n                position: relative;\n                top: .675rem;\n                left: 1.25rem;\n            }\n        </style>\n\n        <div class=\'flow center\' id=\'id-entry\'>\n            <div class="nav">\n                <div class="back-wrapper">\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="').concat(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">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\'>Close SmileIdentity Verification frame</span>\n                </button>\n            </div>\n            <h1>\n                Enter your ').concat(this.idTypeLabel,"\n            </h1>\n\n            <form name='id-entry-form' class='flow' novalidate style='--flow-space: 5.5rem'>\n                <div id='id-number' class=\"input-group flow\">\n                    <label class='required' for=\"id_number\">\n                        ").concat(this.idTypeLabel,"\n                    </label>\n\n                    <input aria-required='true' id=\"id_number\" name=\"id_number\"\n                        maxlength='11' placeholder='' />\n\n                    <p>\n                        <small>").concat(this.idHint,'</small>\n                    </p>\n                </div>\n\n                <button data-variant=\'solid\' id=\'query-otp-modes\' type=\'submit\'>\n                    <span class=\'text\'>Continue</span>\n                    <svg aria-hidden=\'true\' 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                    <span hidden class=\'spinner\'></span>\n                </button>\n            </form>\n        </div>\n\n        <div hidden class=\'flow center\' id=\'select-mode\'>\n            <div class="nav">\n                <div class="back-wrapper">\n                    <button type=\'button\' data-type=\'icon\' id="back-to-entry-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="').concat(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\">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'>Close SmileIdentity Verification frame</span>\n                </button>\n            </div>\n            <h1>\n                Select contact method\n            </h1>\n\n            <form name='select-mode-form' novalidate style='--flow-space: 4.25rem' id='otp-entry' class='flow center'>\n                <fieldset class='flow center'>\n                    <legend class='flow' style='--flow-space: 1.5rem'>\n                        <p>\n                            NIBSS, the data custodian of BVN,&nbsp;\n                            will send you a One-Time Password (OTP) \n                        </p>\n\n                        <p>\n                            <small>\n                                The request will be from Chams Plc, who is NIBSS' technical partner.\n                            </small>\n                        </p>\n                    </legend>\n\n                    <div class='flow center'>\n                        ").concat(this.modes.length?this.modes.map(f=>'<label class=\'input-radio\'>\n                                <input type="radio" id="" name="mode" value="'.concat(Object.keys(f)[0],"\">\n                                <div class='otp-mode'>\n                                    ").concat(Object.keys(f)[0].includes("sms")?'\n                                        <svg xmlns="http://www.w3.org/2000/svg" width="29" height="37" fill="none">\n                                            <path stroke="#2F718D" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.697 24.12c4.914 0 7.37 0 8.897-1.652 1.527-1.651 1.527-4.31 1.527-9.625 0-5.316 0-7.974-1.527-9.625-1.526-1.651-3.983-1.651-8.897-1.651h-5.211c-4.914 0-7.37 0-8.897 1.651-1.527 1.651-1.527 4.31-1.527 9.625 0 5.316 0 7.974 1.527 9.625.85.92 1.991 1.328 3.685 1.508"/>\n                                            <g filter="url(#sms)">\n                                                <path stroke="#2F718D" stroke-linecap="round" stroke-width="2" d="M16.697 24.12c-1.61 0-3.384.703-5.005 1.613-2.602 1.462-3.903 2.193-4.545 1.727-.64-.465-.52-1.91-.277-4.799l.055-.656" shape-rendering="crispEdges"/>\n                                            </g>\n                                            <defs>\n                                                <filter id="sms" width="20.023" height="15.595" x="1.675" y="21.005" 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="4"/>\n                                                    <feGaussianBlur stdDeviation="2"/>\n                                                    <feComposite in2="hardAlpha" operator="out"/>\n                                                    <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n                                                    <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_2_404"/>\n                                                    <feBlend in="SourceGraphic" in2="effect1_dropShadow_2_404" result="shape"/>\n                                                </filter>\n                                            </defs>\n                                        </svg>\n                                    ':'\n                                        <svg xmlns="http://www.w3.org/2000/svg" width="35" height="24" fill="none">\n                                            <path stroke="#2F718D" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.062 4.367c0-1.437 1.221-2.603 2.727-2.603h21.815c1.506 0 2.727 1.166 2.727 2.603v15.62c0 1.438-1.221 2.604-2.727 2.604H6.789c-1.506 0-2.727-1.166-2.727-2.604V4.367Z"/>\n                                            <g filter="url(#message)">\n                                                <path stroke="#2F718D" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5.426 3.066 8.647 7.338c2.067 1.754 5.18 1.754 7.247 0l8.648-7.338" shape-rendering="crispEdges"/>\n                                            </g>\n                                            <defs>\n                                                <filter id="message" width="34.042" height="18.154" x=".676" y="2.316" 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="4"/>\n                                                    <feGaussianBlur stdDeviation="2"/>\n                                                    <feComposite in2="hardAlpha" operator="out"/>\n                                                    <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n                                                    <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_2_394"/>\n                                                    <feBlend in="SourceGraphic" in2="effect1_dropShadow_2_394" result="shape"/>\n                                                </filter>\n                                            </defs>\n                                        </svg>\n                                    ',"\n                                    <div class='flow'>\n                                        <p>\n                                            ").concat(Object.values(f)[0],"\n                                        </p>\n                                        <p>\n                                            <small>\n                                                An OTP will be sent by ").concat(Object.keys(f)[0].includes("sms")?"sms":"email"," to verify your identity\n                                            </small>\n                                        </p>\n                                    </div>\n                                </div>\n                            </label>")).join("\n"):"No modes yet","\n                    </div>\n                </fieldset>\n\n                <button data-variant='ghost' id='contact-methods-outdated' style='--flow-space: .5rem' class='' type='button'>\n                    I am no longer using any of these options\n                </button>\n\n                <button data-variant='solid' id='select-otp-mode' type='submit'>\n                    <span class='text'>Continue</span>\n                    <svg aria-hidden='true' 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                    <span hidden class='spinner'></span>\n                </button>\n            </form>\n        </div>\n\n        <div hidden class='flow center' id='otp-verification'>\n            <div class=\"nav justify-right\">\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'>Close SmileIdentity Verification frame</span>\n                </button>\n            </div>\n            <h1>\n                OTP Verification\n            </h1>\n\n            <div style='--flow-space: 4.25rem' id='otp-entry'>\n                <form name='otp-submission-form' novalidate style='--flow-space: 1.5rem' class='flow center'>\n                    <label for='totp-token'>\n                        Enter the OTP sent to <span class='font-weight:bold'>").concat(this.selectedOtpDeliveryMode,"</span>\n                    </label>\n                    <input type='text' id='totp-token' maxlength='6' inputmode='numeric' autocomplete='one-time-code' />\n\n                    <p>\n                        Didn't receive the OTP").concat(this.selectedOtpDeliveryMode?" at <span class='font-weight:bold'>".concat(this.selectedOtpDeliveryMode,"</span>?"):"?","\n                    </p>\n\n                    <button style='--flow-space: .5rem' data-variant='ghost' class='try-another-method' type='button'>\n                        Try another contact method\n                    </button>\n\n                    <button data-variant='solid' id='submit-otp' type='submit'>\n                        <span class='text'>Submit</span>\n                        <svg aria-hidden='true' 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                        <span hidden class='spinner'></span>\n                    </button>\n                </form>\n            </div>\n        </div>\n    ")}var k=class extends HTMLElement{constructor(){super(),this.templateString=G.bind(this),this.render=()=>this.templateString(),this.attachShadow({mode:"open"}),this.modes=[],this["otp-delivery-mode"]="",this.queryOtpModes=this.queryOtpModes.bind(this),this.selectOtpMode=this.selectOtpMode.bind(this),this.submitOtp=this.submitOtp.bind(this),this.switchContactMethod=this.switchContactMethod.bind(this),this.handleTotpConsentGrant=this.handleTotpConsentGrant.bind(this),this.handleTotpConsentContactMethodsOutdated=this.handleTotpConsentContactMethodsOutdated.bind(this),this.pages=[]}static get observedAttributes(){return["modes","otp-delivery-mode"]}attributeChangedCallback(n){switch(n){case"modes":case"otp-delivery-mode":{let l=document.createElement("template");l.innerHTML=this.render();let c=l.content.cloneNode(!0).querySelector("#".concat(this.activeScreen.id));c.hidden=!1,this.shadowRoot.replaceChild(c,this.activeScreen),this.setUpEventListeners(),this.setActiveScreen(c);break}default:break}}setUpEventListeners(){this.idEntryScreen=this.shadowRoot.querySelector("#id-entry"),this.selectModeScreen=this.shadowRoot.querySelector("#select-mode"),this.otpVerificationScreen=this.shadowRoot.querySelector("#otp-verification"),this.activeScreen||(this.activeScreen=this.idEntryScreen),this.queryOtpModesButton=this.idEntryScreen.querySelector("#query-otp-modes"),this.backButton=this.idEntryScreen.querySelector("#back-button"),this.selectOtpModeButton=this.selectModeScreen.querySelector("#select-otp-mode"),this.entryBackbutton=this.selectModeScreen.querySelector("#back-to-entry-button"),this.contactMethodsOutdatedButton=this.selectModeScreen.querySelector("#contact-methods-outdated"),this.submitOtpButton=this.otpVerificationScreen.querySelector("#submit-otp"),this.switchContactMethodButton=this.otpVerificationScreen.querySelector(".try-another-method");let n=this.shadowRoot.querySelectorAll(".close-iframe");this.idNumberInput=this.idEntryScreen.querySelector("#id_number"),this.modeInputs=this.selectModeScreen.querySelectorAll('[name="mode"]'),this.otpInput=this.otpVerificationScreen.querySelector("#totp-token"),this.queryOtpModesButton.addEventListener("click",l=>this.queryOtpModes(l)),this.selectOtpModeButton.addEventListener("click",l=>this.selectOtpMode(l)),this.submitOtpButton.addEventListener("click",l=>this.submitOtp(l)),this.switchContactMethodButton.addEventListener("click",l=>this.switchContactMethod(l)),this.contactMethodsOutdatedButton.addEventListener("click",l=>this.handleTotpConsentContactMethodsOutdated(l)),this.entryBackbutton.addEventListener("click",()=>{this.handleBackClick()}),this.backButton.addEventListener("click",()=>{this.handleBackClick()}),n.forEach(l=>{l.addEventListener("click",()=>{this.closeWindow()},!1)})}closeWindow(){let n=window.parent;[n.parent,n].forEach(l=>{l.postMessage("SmileIdentity::Close","*")})}handleBackClick(){let n=this.pages.pop();n?this.setActiveScreen(n):this.dispatchEvent(new CustomEvent("end-user-consent.totp.cancelled",{}))}connectedCallback(){let n=document.createElement("template");n.innerHTML=this.render(),this.shadowRoot.appendChild(n.content.cloneNode(!0)),this.setUpEventListeners()}switchContactMethod(){this.queryOtpModes()}resetForm(){this.activeScreen.querySelectorAll("[aria-invalid]").forEach(c=>c.removeAttribute("aria-invalid")),this.activeScreen.querySelectorAll(".validation-message").forEach(c=>c.remove())}handleIdNumberValidationErrors(n){Object.keys(n).forEach(c=>{let i=this.activeScreen.querySelector("#".concat(c));i.setAttribute("aria-invalid","true"),i.setAttribute("aria-describedby","".concat(c,"-hint"));let e=document.createElement("div");e.setAttribute("id","".concat(c,"-hint")),e.setAttribute("class","validation-message"),e.textContent=n[c][0],i.insertAdjacentElement("afterend",e)})}handleActiveScreenErrors(n){let l=this.activeScreen.querySelector('[type="submit"]'),c=document.createElement("div");c.setAttribute("class","validation-message"),c.textContent=n,l.insertAdjacentElement("beforebegin",c)}validateIdNumber(n){let l={id_number:{format:new RegExp(this.idRegex),presence:{allowEmpty:!1,message:"is required"}}},c=(0,V.default)({id_number:n},l);return c&&this.handleIdNumberValidationErrors(c),c}async queryOtpModes(n){n&&(n.preventDefault(),this.resetForm());let l=this.validateIdNumber(this.idNumberInput.value);if(localStorage.setItem("idNumber",this.idNumberInput.value||this.idNumber),!l){let c={country:this.country,id_number:this.idNumber,id_type:this.idType,partner_id:this.partnerId,token:this.token},i="".concat(this.baseUrl,"/totp_consent");try{this.toggleLoading();let e=await E(i,c),t=await e.json();this.toggleLoading(),e.ok?(this.sessionId=t.session_id,this.modes=t.modes,this.setActiveScreen(this.selectModeScreen),this.setAttribute("modes",t.modes)):this.handleActiveScreenErrors(t.error)}catch(e){this.toggleLoading(),this.handleActiveScreenErrors(e.message)}}}async selectOtpMode(n){n.preventDefault(),this.resetForm(),this.mode=Array.prototype.find.call(this.modeInputs,i=>i.checked).value;let l={country:this.country,id_number:this.idNumber,id_type:this.idType,mode:this.mode,partner_id:this.partnerId,session_id:this.sessionId,token:this.token},c="".concat(this.baseUrl,"/totp_consent/mode");try{this.toggleLoading();let i=await E(c,l),e=await i.json();this.toggleLoading(),i.ok?(this.selectedOtpDeliveryMode=this.modes.filter(t=>t[this.mode])[0][this.mode],this.setActiveScreen(this.otpVerificationScreen),this.setAttribute("otp-delivery-mode",this.selectedOtpDeliveryMode)):this.handleActiveScreenErrors(e.error)}catch(i){this.toggleLoading(),this.handleActiveScreenErrors(i.message)}}async submitOtp(n){n.preventDefault(),this.resetForm(),this.otp=this.otpInput.value;let l={country:this.country,id_number:this.idNumber,id_type:this.idType,otp:this.otp,partner_id:this.partnerId,session_id:this.sessionId,token:this.token},c="".concat(this.baseUrl,"/totp_consent/otp");try{this.toggleLoading();let i=await E(c,l),e=await i.json();this.toggleLoading(),i.ok?this.handleTotpConsentGrant(n):this.handleActiveScreenErrors(e.error)}catch(i){this.toggleLoading(),this.handleActiveScreenErrors(i.message)}}toggleLoading(){let n=this.activeScreen.querySelector('button[type="submit"]'),l=n.querySelector(".text"),c=n.querySelector("svg"),i=n.querySelector(".spinner");n.toggleAttribute("disabled"),l.toggleAttribute("hidden"),c.toggleAttribute("hidden"),i.toggleAttribute("hidden")}setActiveScreen(n){this.activeScreen.hidden=!0,n.hidden=!1,this.activeScreen=n}get baseUrl(){return this.getAttribute("base-url")}get country(){return this.getAttribute("country")}get idHint(){return this.getAttribute("id-hint")||"Your BVN should be 11 digits long"}get idNumber(){return localStorage.getItem("idNumber")}get idRegex(){return this.getAttribute("id-regex")}get idType(){return this.getAttribute("id-type")}get idTypeLabel(){return this.getAttribute("id-type-label")}get partnerId(){return this.getAttribute("partner-id")}get partnerName(){return this.getAttribute("partner-name")}get token(){return this.getAttribute("token")}get themeColor(){return this.getAttribute("theme-color")||"#001096"}get hideBack(){return this.hasAttribute("hide-back")}get showNavigation(){return this.hasAttribute("show-navigation")}handleTotpConsentGrant(){let n=new CustomEvent("end-user-consent.totp.granted",{detail:{consented:{contact_information:!0,document_information:!0,personal_details:!0},id_number:this.idNumber,session_id:this.sessionId}});this.dispatchEvent(n)}handleTotpConsentContactMethodsOutdated(){let n="end-user-consent.totp.denied.contact-methods-outdated",l=new CustomEvent(n,{detail:{data:{id_number:this.idNumber,session_id:this.sessionId},message:n}});this.dispatchEvent(l)}};"customElements"in window&&!window.customElements.get("totp-consent")&&window.customElements.define("totp-consent",k);var S=class extends HTMLElement{constructor(){super();let n=document.createElement("template");n.innerHTML='\n        <p style=\'margin-inline: auto; max-inline-size: 10rem\'>\n          <svg viewBox="0 0 90 9" fill="none" xmlns="http://www.w3.org/2000/svg">\n            <path d="M0.544 7V1.4H2.616C3.064 1.4 3.43467 1.47467 3.728 1.624C4.02133 1.77333 4.24 1.97867 4.384 2.24C4.528 2.50133 4.6 2.79467 4.6 3.12C4.6 3.42933 4.53067 3.71467 4.392 3.976C4.25333 4.232 4.03733 4.44 3.744 4.6C3.45067 4.75467 3.07467 4.832 2.616 4.832H1.568V7H0.544ZM1.568 4H2.552C2.90933 4 3.16533 3.92267 3.32 3.768C3.48 3.608 3.56 3.392 3.56 3.12C3.56 2.84267 3.48 2.62667 3.32 2.472C3.16533 2.312 2.90933 2.232 2.552 2.232H1.568V4ZM7.08025 7.096C6.69625 7.096 6.34958 7.008 6.04025 6.832C5.73625 6.656 5.49358 6.41333 5.31225 6.104C5.13625 5.78933 5.04825 5.42667 5.04825 5.016C5.04825 4.60533 5.13892 4.24533 5.32025 3.936C5.50158 3.62133 5.74425 3.376 6.04825 3.2C6.35758 3.024 6.70425 2.936 7.08825 2.936C7.46692 2.936 7.80825 3.024 8.11225 3.2C8.42158 3.376 8.66425 3.62133 8.84025 3.936C9.02158 4.24533 9.11225 4.60533 9.11225 5.016C9.11225 5.42667 9.02158 5.78933 8.84025 6.104C8.66425 6.41333 8.42158 6.656 8.11225 6.832C7.80292 7.008 7.45892 7.096 7.08025 7.096ZM7.08025 6.208C7.34692 6.208 7.57892 6.10933 7.77625 5.912C7.97358 5.70933 8.07225 5.41067 8.07225 5.016C8.07225 4.62133 7.97358 4.32533 7.77625 4.128C7.57892 3.92533 7.34958 3.824 7.08825 3.824C6.81625 3.824 6.58158 3.92533 6.38425 4.128C6.19225 4.32533 6.09625 4.62133 6.09625 5.016C6.09625 5.41067 6.19225 5.70933 6.38425 5.912C6.58158 6.10933 6.81358 6.208 7.08025 6.208ZM10.6632 7L9.50319 3.032H10.5192L11.2072 5.888L12.0072 3.032H13.1432L13.9432 5.888L14.6392 3.032H15.6552L14.4872 7H13.4232L12.5752 4.032L11.7272 7H10.6632ZM18.0886 7.096C17.6886 7.096 17.334 7.01067 17.0246 6.84C16.7153 6.66933 16.4726 6.42933 16.2966 6.12C16.1206 5.81067 16.0326 5.45333 16.0326 5.048C16.0326 4.63733 16.118 4.272 16.2886 3.952C16.4646 3.632 16.7046 3.384 17.0086 3.208C17.318 3.02667 17.6806 2.936 18.0966 2.936C18.486 2.936 18.83 3.02133 19.1286 3.192C19.4273 3.36267 19.6593 3.59733 19.8246 3.896C19.9953 4.18933 20.0806 4.51733 20.0806 4.88C20.0806 4.93867 20.078 5 20.0726 5.064C20.0726 5.128 20.07 5.19467 20.0646 5.264H17.0486C17.07 5.57333 17.1766 5.816 17.3686 5.992C17.566 6.168 17.8033 6.256 18.0806 6.256C18.2886 6.256 18.462 6.21067 18.6006 6.12C18.7446 6.024 18.8513 5.90133 18.9206 5.752H19.9606C19.886 6.00267 19.7606 6.232 19.5846 6.44C19.414 6.64267 19.2006 6.80267 18.9446 6.92C18.694 7.03733 18.4086 7.096 18.0886 7.096ZM18.0966 3.768C17.846 3.768 17.6246 3.84 17.4326 3.984C17.2406 4.12267 17.118 4.336 17.0646 4.624H19.0406C19.0246 4.36267 18.9286 4.15467 18.7526 4C18.5766 3.84533 18.358 3.768 18.0966 3.768ZM20.9419 7V3.032H21.8539L21.9499 3.776C22.0939 3.52 22.2885 3.31733 22.5339 3.168C22.7845 3.01333 23.0779 2.936 23.4139 2.936V4.016H23.1259C22.9019 4.016 22.7019 4.05067 22.5259 4.12C22.3499 4.18933 22.2112 4.30933 22.1099 4.48C22.0139 4.65067 21.9659 4.888 21.9659 5.192V7H20.9419ZM25.9714 7.096C25.5714 7.096 25.2168 7.01067 24.9074 6.84C24.5981 6.66933 24.3554 6.42933 24.1794 6.12C24.0034 5.81067 23.9154 5.45333 23.9154 5.048C23.9154 4.63733 24.0008 4.272 24.1714 3.952C24.3474 3.632 24.5874 3.384 24.8914 3.208C25.2008 3.02667 25.5634 2.936 25.9794 2.936C26.3688 2.936 26.7128 3.02133 27.0114 3.192C27.3101 3.36267 27.5421 3.59733 27.7074 3.896C27.8781 4.18933 27.9634 4.51733 27.9634 4.88C27.9634 4.93867 27.9608 5 27.9554 5.064C27.9554 5.128 27.9528 5.19467 27.9474 5.264H24.9314C24.9528 5.57333 25.0594 5.816 25.2514 5.992C25.4488 6.168 25.6861 6.256 25.9634 6.256C26.1714 6.256 26.3448 6.21067 26.4834 6.12C26.6274 6.024 26.7341 5.90133 26.8034 5.752H27.8434C27.7688 6.00267 27.6434 6.232 27.4674 6.44C27.2968 6.64267 27.0834 6.80267 26.8274 6.92C26.5768 7.03733 26.2914 7.096 25.9714 7.096ZM25.9794 3.768C25.7288 3.768 25.5074 3.84 25.3154 3.984C25.1234 4.12267 25.0008 4.336 24.9474 4.624H26.9234C26.9074 4.36267 26.8114 4.15467 26.6354 4C26.4594 3.84533 26.2408 3.768 25.9794 3.768ZM30.6487 7.096C30.2754 7.096 29.942 7.00533 29.6487 6.824C29.3554 6.64267 29.1234 6.39467 28.9527 6.08C28.782 5.76533 28.6967 5.408 28.6967 5.008C28.6967 4.608 28.782 4.25333 28.9527 3.944C29.1234 3.62933 29.3554 3.384 29.6487 3.208C29.942 3.02667 30.2754 2.936 30.6487 2.936C30.9474 2.936 31.2087 2.992 31.4327 3.104C31.6567 3.216 31.838 3.37333 31.9767 3.576V1.24H33.0007V7H32.0887L31.9767 6.432C31.8487 6.608 31.678 6.76267 31.4647 6.896C31.2567 7.02933 30.9847 7.096 30.6487 7.096ZM30.8647 6.2C31.1954 6.2 31.4647 6.09067 31.6727 5.872C31.886 5.648 31.9927 5.36267 31.9927 5.016C31.9927 4.66933 31.886 4.38667 31.6727 4.168C31.4647 3.944 31.1954 3.832 30.8647 3.832C30.5394 3.832 30.27 3.94133 30.0567 4.16C29.8434 4.37867 29.7367 4.66133 29.7367 5.008C29.7367 5.35467 29.8434 5.64 30.0567 5.864C30.27 6.088 30.5394 6.2 30.8647 6.2ZM38.3017 7.096C38.003 7.096 37.7417 7.04 37.5177 6.928C37.2937 6.816 37.1124 6.65867 36.9737 6.456L36.8617 7H35.9497V1.24H36.9737V3.6C37.1017 3.424 37.2697 3.26933 37.4777 3.136C37.691 3.00267 37.9657 2.936 38.3017 2.936C38.675 2.936 39.0084 3.02667 39.3017 3.208C39.595 3.38933 39.827 3.63733 39.9977 3.952C40.1684 4.26667 40.2537 4.624 40.2537 5.024C40.2537 5.424 40.1684 5.78133 39.9977 6.096C39.827 6.40533 39.595 6.65067 39.3017 6.832C39.0084 7.008 38.675 7.096 38.3017 7.096ZM38.0857 6.2C38.411 6.2 38.6804 6.09067 38.8937 5.872C39.107 5.65333 39.2137 5.37067 39.2137 5.024C39.2137 4.67733 39.107 4.392 38.8937 4.168C38.6804 3.944 38.411 3.832 38.0857 3.832C37.755 3.832 37.483 3.944 37.2697 4.168C37.0617 4.38667 36.9577 4.66933 36.9577 5.016C36.9577 5.36267 37.0617 5.648 37.2697 5.872C37.483 6.09067 37.755 6.2 38.0857 6.2ZM41.3051 8.76L42.2251 6.736H41.9851L40.4411 3.032H41.5531L42.6651 5.824L43.8251 3.032H44.9131L42.3931 8.76H41.3051Z" fill="#001096"/>\n            <g clipPath="url(#clip0_1923_23296)">\n                <path d="M58.5141 6.02913C58.5644 6.37005 58.8092 6.77098 59.4839 6.77098C60.0578 6.77098 60.336 6.56623 60.336 6.23338C60.336 5.90053 60.142 5.75579 59.788 5.71292L58.5988 5.58482C57.5612 5.47387 56.9539 4.86819 56.9539 3.87872C56.9539 2.77779 57.7801 2.04401 59.4335 2.04401C61.2135 2.04401 61.9221 2.88874 61.9894 3.88679H60.3195C60.2687 3.51157 59.965 3.27253 59.442 3.27253C58.9783 3.27253 58.6577 3.44349 58.6577 3.75062C58.6577 3.99774 58.8097 4.18534 59.2141 4.21964L60.1844 4.30486C61.4918 4.41582 62.0397 5.04672 62.0397 6.0962C62.0397 7.21377 61.3477 7.999 59.4504 7.999C57.5532 7.999 56.9534 7.02667 56.8691 6.02862H58.5141V6.02913Z" fill="#001096" />\n                <path d="M70.1965 5.28736V7.85484H68.5431V5.56019C68.5431 5.09925 68.3746 4.80069 67.9194 4.80069C67.4212 4.80069 67.2108 5.11639 67.2108 5.78159V7.85484H65.5824V5.56019C65.5824 5.09925 65.4133 4.80069 64.9581 4.80069C64.4605 4.80069 64.2496 5.11639 64.2496 5.78159V7.85484H62.5967V3.58932H64.2496V4.24644C64.5113 3.75171 64.9581 3.45265 65.6586 3.45265C66.3592 3.45265 66.8309 3.7855 67.0587 4.35689C67.3285 3.80265 67.7842 3.45265 68.5351 3.45265C69.6735 3.45265 70.197 4.16928 70.197 5.28736H70.1965Z" fill="#001096" />\n                <path d="M70.9785 3.8535V2.18118H72.6319V3.8535H70.9785ZM70.9785 7.85476V4.2504H72.6319V7.85476H70.9785Z" fill="#001096" />\n                <path d="M73.4121 7.85475V2.18167H75.065V7.85525H73.4121V7.85475Z" fill="#001096" />\n                <path d="M78.7264 6.53958H80.3579C80.1968 7.3243 79.5696 7.99151 78.0179 7.99151C76.2294 7.99151 75.6221 6.8568 75.6221 5.71351C75.6221 4.48499 76.3391 3.45265 78.0179 3.45265C79.8653 3.45265 80.3629 4.59594 80.3629 5.77302C80.3629 5.91776 80.3539 6.05443 80.3374 6.13966H77.2336C77.3178 6.68583 77.5881 6.89059 78.0518 6.89059C78.3729 6.89059 78.6083 6.73526 78.7269 6.53908L78.7264 6.53958ZM77.2416 5.21877H78.8022C78.7519 4.77497 78.5404 4.52785 78.0428 4.52785C77.5791 4.52785 77.3348 4.70689 77.2416 5.21877Z" fill="#001096" />\n                <path d="M83.5907 7.85476H81.8994L81.9034 2.18118H83.5902L83.5912 7.85476H83.5907Z" fill="#001096" />\n                <path d="M89.9995 5.00535C89.9995 6.46434 89.1474 7.85475 87.3345 7.85475H84.3652V2.18167H87.3345C89.1479 2.18167 89.9995 3.54686 89.9995 5.00535ZM86.9376 6.5067C87.8401 6.5067 88.2364 5.99482 88.2364 5.00535C88.2364 4.01588 87.8226 3.52971 86.9376 3.52971H86.06V6.5067H86.9376Z" fill="#001096" />\n                <path d="M52.2123 3.88737H48V7.86846H52.2123V3.88737Z" fill="#001096" />\n                <path d="M53.2359 0C53.2165 0 53.1975 0.00201727 53.1786 0.00252159C53.1591 0.00252159 53.1402 0 53.1207 0C52.0457 0 51.0869 0.708567 51.0869 2.27044V3.8888H55.2882V2.27044C55.2882 0.708567 54.3174 0 53.2359 0Z" fill="#FF9B00" />\n            </g>\n            <defs>\n                <clipPath id="clip0_1923_23296">\n                    <rect width="42" height="8" fill="white" transform="translate(48)" />\n                </clipPath>\n            </defs>\n          </svg>\n        </p>\n      ',this.attachShadow({mode:"open"}).appendChild(n.content.cloneNode(!0))}};window.customElements&&!window.customElements.get("powered-by-smile-id")&&window.customElements.define("powered-by-smile-id",S);function I(){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: ".concat(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: ").concat(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    ").concat(L(this.themeColor),"\n    <div id='consent-screen'>\n      <section class='flow center'>\n        <div class=\"nav ").concat(this.hideBack?"justify-right":"",'">\n          <div class="back-wrapper" ').concat(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="').concat(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">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\'>Close SmileIdentity Verification frame</span>\n          </button>\n        </div>\n        <img alt=\'\' width=\'50\' height=\'50\' src=\'').concat(this.partnerLogoURL,"' />\n        <p class='demo-tip' ").concat(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            This consent screen is for illustrative purposes only. Demo App does not collect personal ID data.\n          </span>\n        </p>\n        <h1 class=\'text-base font-bold\'>\n          <span class=\'theme\'>').concat(this.partnerName,"</span>\n          wants to access your\n          <span class='theme'>").concat(this.idTypeLabel,"</span>\n          information\n        </h1>\n        <p class='text-base font-normal'>\n          This will allow ").concat(this.partnerName,' to:\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\'>Process your personal details</p>\n            <p class=\'text-xs font-medium processing-list__items-item__description\'>Partner can process your names, DoB and gender</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\'>Process your contact information</p>\n            <p class=\'text-xs font-medium processing-list__items-item__description\'>Partner can process your phone numbers and address</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\'>Process your document information</p>\n            <p class=\'text-xs font-medium processing-list__items-item__description\'>Partner can process your photo, ID expiration date, country of issuance and document number</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          You can view <span class=\'theme\'>').concat(this.partnerName,"</span>'s privacy policy\n          <a class='theme' href='").concat(this.partnerPolicyURL,"' rel='noreferer noopener' target='_blank'>here</a>\n        </p>\n\n        <p style='--flow-space: .75rem'>\n          By choosing \"Allow\", you grant\n          <span class='theme'>").concat(this.partnerName,"</span>\n          consent to process your personal data to offer you this service\n        </p>\n      </section>\n\n      <section class='flow' style='--flow-space: 2.5rem'>\n        <button id='allow' data-variant='solid'>\n          Allow\n        </button>\n\n        <button id='cancel' data-variant='ghost' class='color-danger' style='--flow-space: 1.5rem'>\n          Cancel\n        </button>\n      </section>\n    </div>\n\n    <totp-consent\n      hidden\n      base-url='").concat(this.baseUrl,"'\n      country='").concat(this.country,"'\n      id-hint='").concat(this.idHint,"'\n      id-regex='").concat(this.idRegex,"'\n      id-type='").concat(this.idType,"'\n      id-type-label='").concat(this.idTypeLabel,"'\n      partner-id='").concat(this.partnerId,"'\n      partner-name='").concat(this.partnerName,"'\n      token='").concat(this.token,"'\n      theme-color='").concat(this.themeColor,"'\n      ").concat(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          Consent Denied\n        </h1>\n\n        <p class=\'color-grey\' style=\'--flow-space: 1rem\'>\n          We cannot verify you without your consent\n        </p>\n\n        <p>\n          Wish to correct that?\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        Go Back\n      </button>\n\n      <button data-variant=\'outline\' id=\'confirm-consent-rejection\' style=\'--flow-space: 1rem; border-radius: 2rem\'>\n        No, Cancel Verification\n      </button>\n\n      ').concat(this.hideAttribution?"":"<powered-by-smile-id></powered-by-smile-id>","\n    </div>\n  ")}var w=class extends HTMLElement{constructor(){super(),this.idRequiresTotpConsent=["BVN_MFA"],this.templateString=I.bind(this),this.render=()=>this.templateString(),this.attachShadow({mode:"open"})}connectedCallback(){this.pages=[];let n=document.createElement("template");n.innerHTML=this.render(),this.shadowRoot.appendChild(n.content.cloneNode(!0)),this.consentScreen=this.shadowRoot.querySelector("#consent-screen"),this.totpConsentApp=this.shadowRoot.querySelector("totp-consent"),this.consentRejectedScreen=this.shadowRoot.querySelector("#consent-rejected-screen"),this.allowButton=this.shadowRoot.querySelector("#allow"),this.rejectButton=this.shadowRoot.querySelector("#cancel"),this.backToConsentButton=this.shadowRoot.querySelector("#back-to-consent"),this.confirmConsentRejectionButton=this.shadowRoot.querySelector("#confirm-consent-rejection"),this.backButton=this.shadowRoot.querySelector("#back-button");let l=this.shadowRoot.querySelectorAll(".close-iframe");this.allowButton.addEventListener("click",c=>this.handleConsentGrant(c)),this.rejectButton.addEventListener("click",c=>this.handleConsentGrant(c)),this.backToConsentButton.addEventListener("click",()=>this.setActiveScreen(this.consentScreen)),this.confirmConsentRejectionButton.addEventListener("click",c=>this.handleConsentRejection(c)),this.totpConsentApp.addEventListener("end-user-consent.totp.denied.contact-methods-outdated",c=>this.handleTotpConsentEvents(c)),this.totpConsentApp.addEventListener("end-user-consent.totp.granted",c=>this.handleTotpConsentEvents(c)),this.totpConsentApp.addEventListener("end-user-consent.totp.cancelled",c=>this.handleBackEvents(c)),this.backButton.addEventListener("click",c=>{this.handleBackEvents(c)}),l.forEach(c=>{c.addEventListener("click",()=>{this.closeWindow()},!1)}),this.activeScreen=this.consentScreen}setActiveScreen(n){this.activeScreen.hidden=!0,n.hidden=!1,this.activeScreen=n}get baseUrl(){return this.getAttribute("base-url")}get country(){return this.getAttribute("country")}get demoMode(){return!!this.hasAttribute("demo-mode")}get hideBack(){return this.hasAttribute("hide-back-to-host")}get idHint(){return this.getAttribute("id-hint")||"Your BVN should be 11 digits long"}get hideAttribution(){return this.hasAttribute("hide-attribution")}get idRegex(){return this.getAttribute("id-regex")}get idType(){return this.getAttribute("id-type")}get idTypeLabel(){return this.getAttribute("id-type-label")}get partnerId(){return this.getAttribute("partner-id")}get partnerName(){return this.getAttribute("partner-name")}get partnerLogoURL(){return this.getAttribute("partner-logo")}get partnerPolicyURL(){return this.getAttribute("policy-url")}get themeColor(){return this.getAttribute("theme-color")||"#151F72"}get token(){return this.getAttribute("token")}handleConsentGrant(n){let l=n.target===this.allowButton;l?this.idRequiresTotpConsent.includes(this.idType)?(this.setActiveScreen(this.totpConsentApp),this.pages.push(this.consentScreen)):this.dispatchEvent(new CustomEvent("end-user-consent.granted",{detail:{consented:{contact_information:l,document_information:l,personal_details:l}}})):this.setActiveScreen(this.consentRejectedScreen)}handleConsentRejection(){this.dispatchEvent(new CustomEvent("end-user-consent.denied"))}handleTotpConsentEvents(n){let l=new CustomEvent(n.type,{detail:B({},n.detail)});this.dispatchEvent(l)}handleBackEvents(){let n=this.pages.pop();n?this.setActiveScreen(n):this.dispatchEvent(new CustomEvent("end-user-consent.cancelled"))}closeWindow(){window.parent.postMessage("SmileIdentity::Close","*")}};"customElements"in window&&!window.customElements.get("end-user-consent")&&window.customElements.define("end-user-consent",w);})();
+/*! Bundled license information:
+
+validate.js/validate.js:
+  (*!
+   * validate.js 0.13.1
+   *
+   * (c) 2013-2019 Nicklas Ansman, 2013 Wrapp
+   * Validate.js may be freely distributed under the MIT license.
+   * For all details and documentation:
+   * http://validatejs.org/
+   *)
+*/
+//# sourceMappingURL=index.js.map