From 07dc7ecbf50e1fecca9025af9d4dd056b128de55 Mon Sep 17 00:00:00 2001 From: Prafulrakhade Date: Fri, 6 Dec 2024 09:01:58 +0000 Subject: [PATCH] deploy: 98f0c474c8fde8eee2940f010f019899a2070dfa --- ...ometricInterfaceIntegrator-stories.60d148c7.iframe.bundle.js | 1 + ...ometricInterfaceIntegrator-stories.f6a3fcef.iframe.bundle.js | 1 - iframe.html | 2 +- project.json | 2 +- release-0.9.0/project.json | 2 +- ...d.iframe.bundle.js => runtime~main.5bb83d21.iframe.bundle.js | 2 +- 6 files changed, 5 insertions(+), 5 deletions(-) create mode 100644 SecureBiometricInterfaceIntegrator-stories.60d148c7.iframe.bundle.js delete mode 100644 SecureBiometricInterfaceIntegrator-stories.f6a3fcef.iframe.bundle.js rename runtime~main.4589df8d.iframe.bundle.js => runtime~main.5bb83d21.iframe.bundle.js (99%) diff --git a/SecureBiometricInterfaceIntegrator-stories.60d148c7.iframe.bundle.js b/SecureBiometricInterfaceIntegrator-stories.60d148c7.iframe.bundle.js new file mode 100644 index 0000000..ae5ef4a --- /dev/null +++ b/SecureBiometricInterfaceIntegrator-stories.60d148c7.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkstorybook_example=self.webpackChunkstorybook_example||[]).push([[349],{"./stories/SecureBiometricInterfaceIntegrator.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,WithCustomStyle:()=>WithCustomStyle,__namedExportsOrder:()=>__namedExportsOrder,default:()=>SecureBiometricInterfaceIntegrator_stories});var dist=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),react=__webpack_require__("./node_modules/react/index.js");const face_sign_in_namespaceObject=__webpack_require__.p+"static/media/face_sign_in.ce54d30e.png",fingerprint_sign_in_namespaceObject=__webpack_require__.p+"static/media/fingerprint_sign_in.c6c2bbea.png",iris_sign_in_namespaceObject=__webpack_require__.p+"static/media/iris_sign_in.fac39aaf.png",default_namespaceObject={Dn:["ar","ara"]};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),sbd=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!../secure-biometric-interface-integrator/lib/sbd.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(sbd.Z,options);sbd.Z&&sbd.Z.locals&&sbd.Z.locals;const localStorageService={getDeviceInfos:()=>JSON.parse(localStorage.getItem("deviceInfo")||"[]"),clearDiscoveredDevices:()=>{localStorage.getItem("discover")&&localStorage.removeItem("discover")},clearDeviceInfos:()=>{localStorage.getItem("deviceInfo")&&localStorage.removeItem("deviceInfo")},addDiscoveredDevices:(port,discoveredDevices)=>{let discover={};localStorage.getItem("discover")||localStorage.setItem("discover",JSON.stringify(discover));const discover_data=localStorage.getItem("discover");null!==discover_data&&(discover=JSON.parse(discover_data),discover[port]=discoveredDevices,localStorage.setItem("discover",JSON.stringify(discover)))},addDeviceInfos:(port,decodedDeviceInfo)=>{let deviceInfo={};localStorage.getItem("deviceInfo")||localStorage.setItem("deviceInfo",JSON.stringify(deviceInfo));const discover_data=localStorage.getItem("deviceInfo");null!==discover_data&&(deviceInfo=JSON.parse(discover_data),deviceInfo[port]=decodedDeviceInfo,localStorage.setItem("deviceInfo",JSON.stringify(deviceInfo)))}};var axios=__webpack_require__("../secure-biometric-interface-integrator/node_modules/axios/lib/axios.js"),browser=__webpack_require__("../secure-biometric-interface-integrator/node_modules/jose/dist/browser/index.js");const{addDeviceInfos,addDiscoveredDevices,clearDeviceInfos,clearDiscoveredDevices}={...localStorageService},BioType_FACE="Face",BioType_FINGER="Finger",BioType_IRIS="Iris";class SbiService{sbiConfig;constructor(sbiConfig){this.sbiConfig={env:this.nullCheckStr(sbiConfig.env,"Staging"),irisBioSubtypes:this.nullCheckStr(sbiConfig.irisBioSubtypes,"UNKNOWN"),fingerBioSubtypes:this.nullCheckStr(sbiConfig.fingerBioSubtypes,"UNKNOWN"),faceCaptureCount:this.nullCheckNum(sbiConfig.faceCaptureCount,"1"),faceCaptureScore:this.nullCheckNum(sbiConfig.faceCaptureScore,"70"),fingerCaptureCount:this.nullCheckNum(sbiConfig.fingerCaptureCount,"1"),fingerCaptureScore:this.nullCheckNum(sbiConfig.fingerCaptureScore,"70"),irisCaptureCount:this.nullCheckNum(sbiConfig.irisCaptureCount,"1"),irisCaptureScore:this.nullCheckNum(sbiConfig.irisCaptureScore,"70"),portRange:this.nullCheckStr(sbiConfig.portRange,"4501-4600"),captureTimeout:this.convertToMs(sbiConfig.captureTimeout,"30000"),discTimeout:this.convertToMs(sbiConfig.discTimeout,"15000"),dinfoTimeout:this.convertToMs(sbiConfig.dinfoTimeout,"30000"),domainUri:this.nullCheckStr(sbiConfig.domainUri,window.origin)}}convertToMs=(current,defaultVal)=>null==current||""===current||isNaN(current)?defaultVal:(1e3*current).toString();nullCheckNum=(current,defaultVal)=>null==current||""===current||isNaN(current)?defaultVal:current.toString();nullCheckStr=(current,defaultVal)=>null==current||""===current?defaultVal:current.toString();capture_Auth=async(host,port,transactionId,specVersion,type,deviceId)=>{let count=1,requestedScore=70,bioSubType=["UNKNOWN"];switch(type){case BioType_FACE:count=this.sbiConfig.faceCaptureCount,requestedScore=this.sbiConfig.faceCaptureScore,bioSubType=null;break;case BioType_FINGER:count=this.sbiConfig.fingerCaptureCount,requestedScore=this.sbiConfig.fingerCaptureScore,bioSubType=this.sbiConfig.fingerBioSubtypes.split(",").map((x=>x.trim()));break;case BioType_IRIS:count=this.sbiConfig.irisCaptureCount,requestedScore=this.sbiConfig.irisCaptureScore,bioSubType=this.sbiConfig.irisBioSubtypes.split(",").map((x=>x.trim()))}let request={env:this.sbiConfig.env,purpose:"Auth",specVersion,timeout:this.sbiConfig.captureTimeout,captureTime:(new Date).toISOString(),domainUri:this.sbiConfig.domainUri,transactionId,bio:[{type,count,bioSubType,requestedScore,deviceId,deviceSubId:"0",previousHash:""}],customOpts:null},endpoint=host+":"+port+"/capture",response=await(0,axios.Z)({method:"CAPTURE",url:endpoint,data:request,headers:{"Content-Type":"application/json"}});return response?.data};mosipdisc_DiscoverDevicesAsync=async host=>{clearDiscoveredDevices(),clearDeviceInfos();let[fromPort,tillPort]=this.sbiConfig?.portRange?.split("-")?.map((x=>Number(x.trim())))??[4501,4600];!isNaN(fromPort)&&!isNaN(tillPort)&&fromPort>=4501&&tillPort<=4600&&fromPort<=tillPort||([fromPort,tillPort]=[4501,4600]);let discoverRequestList=[];for(let i=fromPort;i<=tillPort;i++)discoverRequestList.push(discoverRequestBuilder(host,i,this.sbiConfig.discTimeout,this.sbiConfig.dinfoTimeout));return axios.Z.all(discoverRequestList)}}const discoverRequestBuilder=async(host,port,discTimeout,dinfoTimeout)=>{let endpoint=host+":"+port+"/device";return(0,axios.Z)({method:"MOSIPDISC",url:endpoint,data:{type:"Biometric Device"},timeout:discTimeout}).then((async response=>{null!==response?.data&&(addDiscoveredDevices(port,response.data),await mosipdinfo_DeviceInfo(host,port,dinfoTimeout))})).catch((error=>{}))},mosipdinfo_DeviceInfo=async(host,port,dinfoTimeout)=>{let endpoint=host+":"+port+"/info";await(0,axios.Z)({method:"MOSIPDINFO",url:endpoint,timeout:dinfoTimeout}).then((async response=>{if(null!==response?.data){var decodedDeviceDetails=await decodeAndValidateDeviceInfo(response.data);addDeviceInfos(port,decodedDeviceDetails)}})).catch((error=>{}))},decodeAndValidateDeviceInfo=async deviceInfoList=>{var deviceDetailList=[];for(let i=0;i"L1"===deviceInfo.certification&&"Auth"===deviceInfo.purpose,decodeJWT=async signed_jwt=>await browser.t5(signed_jwt);var i18next=__webpack_require__("../secure-biometric-interface-integrator/node_modules/i18next/dist/esm/i18next.js");const en_namespaceObject=JSON.parse('{"scan_and_verify":"Scan and Verify","scan":"Scan","cancel":"Cancel","capture":"Capture","capture_and_verify":"Capture and Verify","capture_timeout":"Capture Timeout","scanning_devices_msg":"Scanning Devices. Please Wait...","device_disc_failed":"Device discovery failed","device_not_found_msg":"Device Not Found. Please Check the Connectivity and Retry.","capture_initiated_msg":"{{modality}} capture initiated on {{deviceModel}}","Face":"Face","Finger":"Finger","Iris":"Iris","biometric_capture_failed_msg":"Biometric Capture Failed","invalid_state_msg":"{{deviceName}} device is {{deviceState}}","READY":"READY","NOTREADY":"NOT READY","BUSY":"BUSY","NOTREGISTERED":"NOT REGISTERED","select_a_device":"Select a device","no_options":"No Options"}'),ar_namespaceObject=JSON.parse('{"scan_and_verify":"المسح والتحقق","scan":"مسح","cancel":"يلغي","capture":"يأسر","capture_and_verify":"التقط وتحقق","capture_timeout":"مهلة الالتقاط","scanning_devices_msg":"أجهزة المسح. انتظر من فضلك...","device_disc_failed":"فشل اكتشاف الجهاز","device_not_found_msg":"لم يتم العثور علي الجهازيرجى التحقق من الاتصال وإعادة المحاولة","capture_initiated_msg":"تم بدء الالتقاط {{modality}} في {{deviceModel}}","Face":"وجه","Finger":"اصبع اليد","Iris":"قزحية","biometric_capture_failed_msg":"فشل التقاط المقاييس الحيوية","invalid_state_msg":"الجهاز {{deviceName}} هو {{deviceState}}","READY":"مستعد","NOTREADY":"غير جاهز","BUSY":"مشغول","NOTREGISTERED":"غير مسجل","select_a_device":"اختر جهازا","no_options":"لا يوجد خيارات"}'),hi_namespaceObject=JSON.parse('{"scan_and_verify":"स्कैन और सत्यापित करें","scan":"स्कैन","cancel":"रद्द करो","capture":"कब्ज़ा करना","capture_and_verify":"कब्जा करना और सत्यापित करना","capture_timeout":"कब्ज़ा का समय समाप्त","scanning_devices_msg":"स्कैनिंग डिवाइस। कृपया प्रतीक्षा करें...","device_disc_failed":"डिवाइस डिस्कवरी विफल","device_not_found_msg":"युक्ति नहीं मिला। कृपया कनेक्टिविटी जांचें और पुनः प्रयास करें।","capture_initiated_msg":"{{modality}} कैप्चर शुरू किया गया {{deviceModel}}","Face":"चेहरा","Finger":"उँगलिया","Iris":"आँख की पुतली","biometric_capture_failed_msg":"बायोमेट्रिक कैप्चर विफल","invalid_state_msg":"{{deviceName}} डिवाइस {{deviceState}} है","READY":"तैयार","NOTREADY":"तैयार नहीं है","BUSY":"व्यस्त","NOTREGISTERED":"पंजीकृत नहीं है","select_a_device":"एक उपकरण का चयन करें","no_options":"कोई विकल्प नहीं"}'),kn_namespaceObject=JSON.parse('{"scan_and_verify":"ಸ್ಕ್ಯಾನ್ ಮಾಡಿ ಮತ್ತು ಪರಿಶೀಲಿಸಿ","scan":"ಸ್ಕ್ಯಾನ್","cancel":"ರದ್ದುಮಾಡು","capture":"ಸೆರೆಹಿಡಿಯು","capture_and_verify":"ಸೆರೆಹಿಡಿಯಿರಿ ಮತ್ತು ಪರಿಶೀಲಿಸಿ","capture_timeout":"ಕ್ಯಾಪ್ಚರ್ ಸಮಯ ಮೀರಿದೆ","scanning_devices_msg":"ಸ್ಕ್ಯಾನಿಂಗ್ ಸಾಧನಗಳು. ದಯಮಾಡಿ ನಿರೀಕ್ಷಿಸಿ...","device_disc_failed":"ಸಾಧನ ಅನ್ವೇಷಣೆ ವಿಫಲವಾಗಿದೆ","device_not_found_msg":"ಸಾಧನ ಕಂಡುಬಂದಿಲ್ಲ ದಯವಿಟ್ಟು ಸಂಪರ್ಕವನ್ನು ಪರಿಶೀಲಿಸಿ ಮತ್ತು ಮರುಪ್ರಯತ್ನಿಸಿ","capture_initiated_msg":"{{modality}} ಕ್ಯಾಪ್ಚರ್ ಅನ್ನು {{deviceModel}} ನಲ್ಲಿ ಪ್ರಾರಂಭಿಸಲಾಗಿದೆ","Face":"ಮುಖ","Finger":"ಬೆರಳು","Iris":"ಐರಿಸ್","biometric_capture_failed_msg":"ಬಯೋಮೆಟ್ರಿಕ್ ಕ್ಯಾಪ್ಚರ್ ವಿಫಲವಾಗಿದೆ","invalid_state_msg":"{{deviceName}} ಸಾಧನ {{deviceState}}","READY":"ಸಿದ್ಧವಾದ","NOTREADY":"ಸಿದ್ಧವಾಗಿಲ್ಲ","BUSY":"ನಿರತ","NOTREGISTERED":"ನೋಂದಣಿಯಾಗಿಲ್ಲ","select_a_device":"ಸಾಧನವನ್ನು ಆಯ್ಕೆಮಾಡಿ","no_options":"ಆಯ್ಕೆಗಳಿಲ್ಲ"}'),ta_namespaceObject=JSON.parse('{"scan_and_verify":"ஸ்கேன் செய்து சரிபார்க்கவும்","scan":"ஊடுகதிர்","cancel":"ரத்து செய்","capture":"பிடிப்பு","capture_and_verify":"பிடித்து சரிபார்க்கவும்","capture_timeout":"பிடிப்பு நேரம் முடிந்தது","scanning_devices_msg":"சாதனங்களை ஸ்கேன் செய்தல். தயவுசெய்து காத்திருங்கள் ...","device_disc_failed":"சாதன கண்டுபிடிப்பு தோல்வியடைந்தது","device_not_found_msg":"சாதனம் கிடைக்கவில்லை இணைப்பைச் சரிபார்த்து மீண்டும் முயற்சிக்கவும்","capture_initiated_msg":"{{modality}} பிடிப்பு {{deviceModel}} இல் தொடங்கப்பட்டது","Face":"முகம்","Finger":"விரல்","Iris":"ஐரிஸ்","biometric_capture_failed_msg":"பயோமெட்ரிக் பிடிப்பு தோல்வியடைந்தது","invalid_state_msg":"{{deviceName}} சாதனம் {{deviceState}}","READY":"தயார்","NOTREADY":"தயாராக இல்லை","BUSY":"பரபரப்பு","NOTREGISTERED":"பதிவு செய்யப்படவில்லை","select_a_device":"சாதனத்தைத் தேர்ந்தெடுக்கவும்","no_options":"விருப்பங்கள் இல்லை"}'),resources={en:{translation:en_namespaceObject},ar:{translation:ar_namespaceObject},hi:{translation:hi_namespaceObject},kn:{translation:kn_namespaceObject},ta:{translation:ta_namespaceObject},eng:{translation:en_namespaceObject},ara:{translation:ar_namespaceObject},hin:{translation:hi_namespaceObject},kan:{translation:kn_namespaceObject},tam:{translation:ta_namespaceObject}};i18next.ZP.init({debug:!1,fallbackLng:"en",interpolation:{escapeValue:!1},resources});const attributeExceptions=["role","dataset","d","r","cx","cy","width","height","viewBox","fill"],customExceptions=["autocorrect","tabindex","aria-autocomplete","aria-expanded","aria-haspopup","aria-label","aria-hidden","data-deviceid","data-value","focusable","name"],styleVarExceptions=["--sbd-dropdown__option_panelbg_normal","--sbd-dropdown__option_panelbg_hover","--sbd-dropdown__option_panelbg_selected","--sbd-dropdown__control_bordercolor_normal","--sbd-dropdown__control_bordercolor_hover","--sbd-dropdown__control_bordercolor_selected"],appendText=(el,text)=>{const textNode=document.createTextNode(text);el.appendChild(textNode)},appendArray=(el,children)=>{children.forEach((child=>{Array.isArray(child)?appendArray(el,child):child instanceof window.Element?el.appendChild(child):"string"!=typeof child&&"number"!=typeof child||appendText(el,child)}))},isSvg=type=>["path","svg","circle"].includes(type),makeElement=(type,textOrPropsOrChild,...otherChildren)=>{const el=isSvg(type)?document.createElementNS("http://www.w3.org/2000/svg",type):document.createElement(type);return Array.isArray(textOrPropsOrChild)?appendArray(el,textOrPropsOrChild):textOrPropsOrChild instanceof window.Element?el.appendChild(textOrPropsOrChild):"string"==typeof textOrPropsOrChild||"number"==typeof textOrPropsOrChild?appendText(el,textOrPropsOrChild):"object"==typeof textOrPropsOrChild&&Object.keys(textOrPropsOrChild).forEach((propName=>{if(propName in el||attributeExceptions.includes(propName)||customExceptions.includes(propName)){const value=textOrPropsOrChild[propName];"style"===propName?((el,styles)=>{styles?Object.keys(styles).forEach((styleName=>{styleName in el.style?el.style[styleName]=styles[styleName]:styleVarExceptions.includes(styleName)?el.style.setProperty(styleName,styles[styleName]):console.warn(`${styleName} is not a valid style for a <${el.tagName.toLowerCase()}>`)})):el.removeAttribute("styles")})(el,value):"dataset"===propName?((el,dataAttributes)=>{Object.keys(dataAttributes).forEach((dataAttribute=>{el.setAttribute(`data-${dataAttribute}`,dataAttributes[dataAttribute])}))})(el,value):isSvg(type)&&"className"===propName?el.className.baseVal=value:"function"==typeof value||"className"===propName?el[propName]=value:value&&el.setAttribute(propName,value)}else console.warn(`${propName} is not a valid property of a <${type}>`)})),otherChildren&&appendArray(el,otherChildren),el},elements_button=(...args)=>makeElement("button",...args),div=(...args)=>makeElement("div",...args),span=(...args)=>makeElement("span",...args),svg=(...args)=>makeElement("svg",...args),path=(...args)=>makeElement("path",...args),img=(...args)=>makeElement("img",...args);function loadingIndicator(msg,isRtl=!1){return div({role:"status",className:"sbd-flex sbd-justify-center sbd-items-center"},svg({className:"sbd-mr-2 sbd-w-8 sbd-h-8 sbd-text-gray-200 sbd-animate-spin sbd-dark:text-gray-600 sbd-fill-blue-600",viewBox:"0 0 100 101",fill:"none","aria-hidden":"true",style:{width:"2.5rem",height:"2.5rem"}},path({d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor"}),path({d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentFill"})),msg?span({className:"sbd-sr-only"+(isRtl?" sbd-mr-2":"")},msg):"")}const states_DISCOVERING="DISCOVERING",states_LOADED="LOADED",states_AUTHENTICATING="AUTHENTICATING",ErrorCode_DEVICE_NOT_FOUND="device_not_found_msg",ErrorCode_BIOMETRIC_CAPTURE_FAILED="biometric_capture_failed_msg",ErrorCode_DEVICE_DISCOVERY_FAILED="device_disc_failed",DeviceStateStatus={Ready:"READY","Not Ready":"NOTREADY",Busy:"BUSY","Not Registered":"NOTREGISTERED"},DeviceState={READY:{value:"READY",name:"Ready",class:"ready",symbol:"●"},NOTREADY:{value:"NOTREADY",name:"Not Ready",class:"not-ready",symbol:"●"},BUSY:{value:"BUSY",name:"Busy",class:"busy",symbol:"●"},NOTREGISTERED:{value:"NOTREGISTERED",name:"Not Registered",class:"not-registered",symbol:"◎"}},DEFAULT_PROPS={buttonLabel:"scan_and_verify",disable:!1,langCode:"en",sbiEnv:{env:"Staging",captureTimeout:30,irisBioSubtypes:"UNKNOWN",fingerBioSubtypes:"UNKNOWN",faceCaptureCount:1,faceCaptureScore:70,fingerCaptureCount:1,fingerCaptureScore:70,irisCaptureCount:1,irisCaptureScore:70,portRange:"4501-4600",discTimeout:15,dinfoTimeout:30,domainUri:`${window.origin}`},customStyle:{selectBoxStyle:{borderColor:"#cccccc",borderColorActive:"#2684ff",borderColorHover:"#b3b3b3",panelBgColor:"#fff",panelBgColorHover:"#deebff",panelBgColorActive:"#2684ff"},refreshButtonStyle:{iconUniCode:"↻"}}};class SecureBiometricInterface{modalityIconPath={Face:face_sign_in_namespaceObject,Finger:fingerprint_sign_in_namespaceObject,Iris:iris_sign_in_namespaceObject};status="";timer="";errorState=null;modalityDevices=[];selectedDevice=null;host="http://127.0.0.1";discoveryCancellationFlag=!0;buffertTime=4e3;defaultDiscTimeout=15;constructor(container,props){container||(document.body.appendChild(div({id:"secure-biometric-interface-integration"})),container=document.querySelector("#secure-biometric-interface-integration")),this.container=container,this.props={...DEFAULT_PROPS,...props,langCode:props.langCode||DEFAULT_PROPS.langCode,buttonLabel:props.buttonLabel||DEFAULT_PROPS.buttonLabel},this.sbiService=new SbiService(props?.sbiEnv??void 0),i18next.ZP.changeLanguage(this.props.langCode),this.isRtl=default_namespaceObject.Dn.includes(this.props.langCode),this.scanDevices()}renderComponent(){this.container.replaceChildren(this.generateSekeleton())}selectBtnActive=()=>{this.container.querySelectorAll(".sbd-dropdown__option")?.length&&this.container.querySelector(".sbd-dropdown__container").classList.toggle("active")};removeSelect=()=>{const rEl=this.container.querySelector(".sbd-dropdown__option.selected");rEl&&rEl.classList.remove("selected")};setPlaceholder(data=null){null===data&&(data=this.modalityDevices.length?"Select your option":"no_options");const placeholder=this.container.querySelector(".sbd-dropdown__single-value");return placeholder?(placeholder.innerHTML=i18next.ZP.t(data),placeholder):div({className:"sbd-dropdown__single-value"},i18next.ZP.t(data))}generateLoadingIndicator=()=>{const elemArray=[loadingIndicator(this.generateStatusMessage(),this.isRtl)];return this.status===states_DISCOVERING&&elemArray.push(div({className:"sbd-mt-2"},elements_button({className:"sbd-cursor-pointer sbd-block sbd-w-full sbd-font-medium sbd-rounded-lg sbd-text-sm sbd-px-5 sbd-py-2 sbd-text-center sbd-border-2 sbd-border-gray sbd-bg-white sbd-hover:bg-gray-100 sbd-text-gray-900",onclick:()=>this.cancelLoadingIndicator()},i18next.ZP.t("cancel")))),div({},elemArray)};generateErrorStateDiv=(msg,fullWidth=!0)=>div({className:(fullWidth?"sbd-w-full ":"")+"sbd-p-2 sbd-mt-1 sbd-mb-2 sbd-text-center sbd-text-sm sbd-rounded-lg sbd-text-red-700 sbd-bg-red-100 ",role:"alert"},i18next.ZP.t(msg));optionSelection=(deviceId=this.selectedDevice?.deviceId??"")=>{const el=this.container.querySelector("[id^='deviceOption"+deviceId+"']");if(null==el)return;this.removeSelect();const sbdOption=el.closest(".sbd-dropdown__option");deviceId&&deviceId!==this.selectedDevice.deviceId&&(this.selectedDevice=this.modalityDevices.find((_=>_.deviceId===deviceId))),sbdOption.classList.add("selected"),this.setPlaceholder(sbdOption.innerHTML),this.container.querySelector(".sbd-dropdown__container").classList.remove("active"),this.selectedDevice.status!==DeviceStateStatus.Ready&&this.generateVerifyButtonDiv(i18next.ZP.t("invalid_state_msg",{deviceName:this.selectedDevice.text,deviceState:i18next.ZP.t(this.selectedDevice.status)}))};handleScan=()=>this.scanDevices(!0);scanAndVerify=()=>this.startCapture();bioSelectOptionLabel=e=>div({className:"sbd-flex sbd-items-center h-7"},[img({className:"w-7",src:e.icon,alt:e.text}),span({className:"sbd-text-xs"+(this.isRtl?" sbd-mr-2":" sbd-ml-2")},e.text),span({className:DeviceState[e.status].class+(this.isRtl?" sbd-mr-auto sbd-ml-2":" sbd-ml-auto sbd-mr-2")})]);generateOptionElement(arr){if(arr?.length){const optionStyle={...this.props.customStyle?.selectBoxStyle?.panelBgColor&&{"--sbd-dropdown__option_panelbg_normal":this.props.customStyle?.selectBoxStyle?.panelBgColor},...this.props.customStyle?.selectBoxStyle?.panelBgColorHover&&{"--sbd-dropdown__option_panelbg_hover":this.props.customStyle?.selectBoxStyle?.panelBgColorHover},...this.props.customStyle?.selectBoxStyle?.panelBgColorActive&&{"--sbd-dropdown__option_panelbg_selected":this.props.customStyle?.selectBoxStyle?.panelBgColorActive}};return arr.map((item=>div({id:"deviceOption"+item.deviceId,className:"sbd-dropdown__option",style:optionStyle,onclick:()=>this.optionSelection(item.deviceId)},this.bioSelectOptionLabel(item))))}return this.setPlaceholder("device_not_found_msg"),null}generateDropdownMenuList(){return div({className:"sbd-dropdown__menu-list"},this.generateOptionElement(this.modalityDevices))}generateDropdown(){const singleValue=this.setPlaceholder(),inputContainer=div({className:"sbd-dropdown__input-container","data-value":""},((...args)=>makeElement("input",...args))({className:"sbd-dropdown__input",autocapitalize:"none",autocomplete:"off",autocorrect:"off",id:"react-select-5-input",spellcheck:"false",tabindex:"0",type:"text","aria-autocomplete":"list","aria-expanded":"false","aria-haspopup":"true","aria-label":"Modality Device Select",role:"combobox",value:""})),valueContainer=div({className:"sbd-dropdown__value-container"},singleValue,inputContainer),indicators=div({className:"sbd-dropdown__indicators",onclick:()=>this.selectBtnActive()},span({className:"sbd-dropdown__indicator-separator"}),div({className:"sbd-dropdown__indicator-container","aria-hidden":"true"},svg({className:"sbd-dropdown__indicator-svg",height:"20",width:"20",viewBox:"0 0 20 20","aria-hidden":"true",focusable:"false"},path({d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"})))),controlStyle={...this.props.customStyle?.selectBoxStyle?.borderColor&&{"--sbd-dropdown__control_bordercolor_normal":this.props.customStyle?.selectBoxStyle?.borderColor},...this.props.customStyle?.selectBoxStyle?.borderColorHover&&{"--sbd-dropdown__control_bordercolor_hover":this.props.customStyle?.selectBoxStyle?.borderColorHover},...this.props.customStyle?.selectBoxStyle?.borderColorActive&&{"--sbd-dropdown__control_bordercolor_selected":this.props.customStyle?.selectBoxStyle?.borderColorActive}},dropdownControl=div({className:"sbd-dropdown__control",style:controlStyle},[valueContainer,indicators]),dropdownMenu=div({className:"sbd-dropdown__menu"},this.generateDropdownMenuList());return div({className:"sbd-dropdown__container sbd-block rounded sbd-bg-white sbd-shadow sbd-w-full"+(this.isRtl?" sbd-ml-2":" sbd-mr-2"),name:"modality_device",id:"modality_device","aria-label":"Modality Device Select"},[dropdownControl,dropdownMenu])}generateVerifyButton(){const buttonStyle={...this.props.customStyle?.verifyButtonStyle?.background&&{background:this.props.customStyle?.verifyButtonStyle?.background},...this.props.customStyle?.verifyButtonStyle?.color&&{color:this.props.customStyle?.verifyButtonStyle?.color}};return elements_button({className:"sbd-cursor-pointer sbd-block sbd-w-full sbd-font-medium sbd-rounded-lg sbd-text-sm sbd-px-5 sbd-py-2 sbd-text-center sbd-border sbd-border-2"+(this.props.disable?" sbd-text-slate-400 sbd-cursor-disable":" sbd-bg-gradient sbd-text-white"),style:this.props.disable?null:buttonStyle,onclick:()=>this.scanAndVerify(),disabled:this.props.disable},i18next.ZP.t(this.props.buttonLabel))}generateRefreshButton(){return elements_button({type:"button",className:"sbd-cursor-pointer sbd-flex sbd-items-center sbd-ml-auto sbd-text-gray-900 sbd-bg-white sbd-shadow border sbd-border-gray-300 sbd-hover:bg-gray-100 sbd-font-medium sbd-rounded-lg sbd-text-lg sbd-px-3 sbd-py-1 sbd-ml-1",onclick:()=>this.handleScan()},this.props.customStyle?.refreshButtonStyle?.iconUniCode??"↻")}generateDropdownDiv(){return div({className:"sbd-flex sbd-flex-col sbd-justify-center sbd-w-full sbd-mb-4"},((...args)=>makeElement("label",...args))({htmlFor:"modality_device",className:"block mb-2 text-xs font-medium text-gray-900 text-opacity-70"},i18next.ZP.t("select_a_device")),div({className:"sbd-flex sbd-items-stretch"},this.generateDropdown(),this.generateRefreshButton()))}generateVerifyButtonDiv(onlyErrorState=null){const elemArray=[];(onlyErrorState||null!==this.errorState)&&elemArray.push(this.generateErrorStateDiv(onlyErrorState??(i18next.ZP.exists(this.errorState.errorCode)?i18next.ZP.t(this.errorState.errorCode):this.errorState.defaultMsg),!1)),this.modalityDevices.length>0&&this.selectedDevice.status===DeviceStateStatus.Ready&&elemArray.push(this.generateVerifyButton());const verifyButtonData=div({className:"sbd-flex sbd-flex-col sbd-w-full"},elemArray),verifyButton=this.container.querySelector(".sbd-verify-button-div");return verifyButton?(verifyButton.innerHTML="",verifyButton.appendChild(verifyButtonData),verifyButton):div({className:"sbd-flex sbd-py-2 sbd-verify-button-div"},verifyButtonData)}generateSecureBiometricInterfaceComponent(){return[this.generateDropdownDiv(),this.generateVerifyButtonDiv()]}generateStatusMessage=()=>{let statusMsg="";return this.status===states_AUTHENTICATING?statusMsg=i18next.ZP.t("capture_initiated_msg",{modality:i18next.ZP.t(this.selectedDevice.type),deviceModel:this.selectedDevice.model}):this.status===states_DISCOVERING&&(statusMsg=i18next.ZP.t("scanning_devices_msg")),statusMsg};generateSekeleton=()=>div({className:"sbd-flex sbd-flex-col sbd-exosekeleton",dir:this.isRtl?"rtl":"ltr"},this.status===states_LOADED?this.generateSecureBiometricInterfaceComponent():this.generateLoadingIndicator());statusChanged(status){this.status=status;const exoskeleton=this.container.querySelector(".sbd-exosekeleton");exoskeleton&&(exoskeleton.innerHTML="",status===states_LOADED?(appendArray(exoskeleton,this.generateSecureBiometricInterfaceComponent()),this.selectedDevice&&this.optionSelection()):exoskeleton.appendChild(this.generateLoadingIndicator()))}sendErrorMsg(error){this.props.onErrored&&"function"==typeof this.props.onErrored&&this.props.onErrored(error)}cancelLoadingIndicator(){this.discoveryCancellationFlag=!0,this.errorStateChanged({errorCode:ErrorCode_DEVICE_NOT_FOUND,defaultMsg:"Device not found"},!1),this.statusChanged(states_LOADED)}errorStateChanged(error,render=!0){this.errorState=error,null!==error&&this.sendErrorMsg(error),null!==error&&render&&this.generateVerifyButtonDiv()}populateDropdownOption(){this.generateDropdownMenuList(),this.optionSelection()}async startCapture(){this.errorStateChanged(null);const selectedDevice=this.selectedDevice;if(null==selectedDevice)return void this.errorStateChanged({errorCode:ErrorCode_DEVICE_NOT_FOUND,defaultMsg:"Device not found"});let biometricResponse=null;try{if(this.statusChanged(states_AUTHENTICATING),biometricResponse=await this.sbiService.capture_Auth(this.host,selectedDevice.port,this.props.transactionId,selectedDevice.specVersion,selectedDevice.type,selectedDevice.deviceId),this.statusChanged(states_LOADED),"0"!==biometricResponse?.biometrics[0]?.error?.errorCode)return void this.errorStateChanged({errorCode:biometricResponse.biometrics[0].error.errorCode,defaultMsg:biometricResponse.biometrics[0].error.errorInfo})}catch(error){return this.statusChanged(states_LOADED),void this.errorStateChanged({errorCode:ErrorCode_BIOMETRIC_CAPTURE_FAILED,defaultMsg:"Biometric capture failed"})}this.props.onCapture(biometricResponse)}scanDevices(forceScan=!1){if(forceScan||!this.modalityDevices?.length||!this.selectedDevice){this.errorStateChanged(null),this.discoveryCancellationFlag=!1;try{this.statusChanged(states_DISCOVERING),this.discoverDeviceAsync(this.host)}catch(error){this.errorStateChanged({errorCode:ErrorCode_DEVICE_DISCOVERY_FAILED,defaultMsg:"Device discovery failed"})}}}async discoverDeviceAsync(host){this.modalityDevices=[],this.selectedDevice=null;const discTimeout=this.props.sbiEnv.discTimeout||this.defaultDiscTimeout;let discoverDeviceTill=(new Date).setSeconds((new Date).getSeconds()+discTimeout);for(;!this.discoveryCancellationFlag&&discoverDeviceTill>new Date&&(await this.sbiService.mosipdisc_DiscoverDevicesAsync(host),!(localStorageService.getDeviceInfos()&&Object.keys(localStorageService.getDeviceInfos()).length>0));)await new Promise((r=>setTimeout(r,this.buffertTime)));this.discoveryCancellationFlag=!1,localStorageService.getDeviceInfos()||Object.keys(localStorageService.getDeviceInfos()).length>0?(this.errorStateChanged(null),this.refreshDeviceList(),this.statusChanged(states_LOADED)):(this.errorStateChanged({errorCode:ErrorCode_DEVICE_NOT_FOUND,defaultMsg:"Device not found"},!1),this.statusChanged(states_LOADED))}refreshDeviceList(){let deviceInfosPortsWise=localStorageService.getDeviceInfos();if(!deviceInfosPortsWise)return this.modalityDevices=[],void this.errorStateChanged({errorCode:ErrorCode_DEVICE_NOT_FOUND,defaultMsg:"No devices found"});let modalityDevices=[];Object.keys(deviceInfosPortsWise).forEach((port=>{let deviceInfos=deviceInfosPortsWise[port];deviceInfos?.forEach((deviceInfo=>{if("string"!=typeof deviceInfo.digitalId){let deviceDetail={port,specVersion:deviceInfo?.specVersion[0],type:deviceInfo?.digitalId.type,deviceId:deviceInfo?.deviceId,model:deviceInfo?.digitalId.model,serialNo:deviceInfo?.digitalId.serialNo,text:deviceInfo?.digitalId.make+"-"+deviceInfo?.digitalId.model,value:deviceInfo?.digitalId.serialNo,icon:this.modalityIconPath[deviceInfo?.digitalId.type],status:DeviceStateStatus[deviceInfo?.deviceStatus]};modalityDevices.push(deviceDetail)}}))})),this.modalityDevices=modalityDevices,0!==modalityDevices.length?(this.selectedDevice=modalityDevices?.find((_=>_.status===DeviceState.READY.value))??modalityDevices[0],this.populateDropdownOption()):this.errorStateChanged({errorCode:ErrorCode_DEVICE_NOT_FOUND,defaultMsg:"No devices found"})}}let myDevice=null;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function SecureBiomtericInterfaceIntegrator({buttonLabel,disable,langCode,sbiEnv,customStyle,transactionId,onCapture,onErrored,id}){return(0,react.useEffect)((()=>{(({container,...args})=>{myDevice=new SecureBiometricInterface(container,{...args}),myDevice.renderComponent(),myDevice.container})({container:document.getElementById(id),buttonLabel,disable,langCode,sbiEnv,customStyle,transactionId,onCapture,onErrored})}),[buttonLabel,disable,langCode,sbiEnv,customStyle,onCapture,onErrored]),(0,jsx_runtime.jsx)("div",{style:{width:"100%",background:"#f6f6f2"},children:(0,jsx_runtime.jsx)("div",{style:{margin:"auto",width:"50%",border:"3px solid #d8d8d8",padding:"50px",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,jsx_runtime.jsx)("div",{id})})})}SecureBiomtericInterfaceIntegrator.displayName="SecureBiomtericInterfaceIntegrator",SecureBiomtericInterfaceIntegrator.__docgenInfo={description:"",methods:[],displayName:"SecureBiomtericInterfaceIntegrator"};const SecureBiometricInterfaceIntegrator=SecureBiomtericInterfaceIntegrator;var _a,_b,_c,_d,_e,_f,__assign=function(){return __assign=Object.assign||function(t){for(var s,i=1,n=arguments.length;i\n\n // in javascript\n SecureBiometricInterface.init({\n container: document.getElementById("secure-biometric-interface-integrator"),\n buttonLabel: "scan_and_verify",\n sbiEnv: {\n env: "Staging",\n captureTimeout: 30,\n irisBioSubtypes: "UNKNOWN",\n fingerBioSubtypes: "UNKNOWN",\n faceCaptureCount: 1,\n faceCaptureScore: 70,\n fingerCaptureCount: 1,\n fingerCaptureScore: 70,\n irisCaptureCount: 1,\n irisCaptureScore: 70,\n portRange: "4501-4502",\n discTimeout: 6,\n dinfoTimeout: 30,\n domainUri: `'.concat(window.origin,'`,\n },\n langCode: "en",\n disable: false,\n transactionId: "123456789",\n onCapture: (e) => {\n console.log("*******************gettiing the biometric response");\n console.log(e);\n },\n onErrored: (e) => {\n console.log("**********getting error from secure bio device");\n console.log(e);\n },\n });\n ')}}};var WithCustomStyle={args:{id:"sbi_story_with_custom_style",buttonLabel:"scan_and_verify",disable:!1,langCode:"en",sbiEnv,customStyle,onCapture:function(e){return(0,dist.aD)("onCapture")(e)},onErrored:function(e){return(0,dist.aD)("onErrored")(e)}}};WithCustomStyle.parameters={docs:{source:{code:'\n
\n\n // in javascript\n SecureBiometricInterface.init({\n container: document.getElementById("secure-biometric-interface-integrator"),\n buttonLabel: "scan_and_verify",\n sbiEnv: {\n env: "Staging",\n captureTimeout: 30,\n irisBioSubtypes: "UNKNOWN",\n fingerBioSubtypes: "UNKNOWN",\n faceCaptureCount: 1,\n faceCaptureScore: 70,\n fingerCaptureCount: 1,\n fingerCaptureScore: 70,\n irisCaptureCount: 1,\n irisCaptureScore: 70,\n portRange: "4501-4502",\n discTimeout: 6,\n dinfoTimeout: 30,\n domainUri: `'.concat(window.origin,'`,\n },\n customStyle: {\n selectBoxStyle: {\n borderColor: "#cccccc",\n borderColorActive: "#2684ff",\n borderColorHover: "#b3b3b3",\n panelBgColor: "#fff",\n panelBgColorHover: "#deebff",\n panelBgColorActive: "#2684ff",\n },\n refreshButtonStyle: {\n iconUniCode: "↻",\n },\n verifyButtonStyle: {\n background: "#A9D8E0",\n color: "#140111"\n }\n }\n langCode: "en",\n disable: false,\n transactionId: "123456789",\n onCapture: (e) => {\n console.log("*******************gettiing the biometric response");\n console.log(e);\n },\n onErrored: (e) => {\n console.log("**********getting error from secure bio device");\n console.log(e);\n },\n });\n ')}}},Primary.parameters=__assign(__assign({},Primary.parameters),{docs:__assign(__assign({},null===(_a=Primary.parameters)||void 0===_a?void 0:_a.docs),{source:__assign({originalSource:'{\n args: {\n id: "sbi_story",\n buttonLabel: "scan_and_verify",\n disable: false,\n langCode: "en",\n sbiEnv,\n onCapture: (e: any) => action("onCapture")(e),\n onErrored: (e: any) => action("onErrored")(e)\n }\n}'},null===(_c=null===(_b=Primary.parameters)||void 0===_b?void 0:_b.docs)||void 0===_c?void 0:_c.source)})}),WithCustomStyle.parameters=__assign(__assign({},WithCustomStyle.parameters),{docs:__assign(__assign({},null===(_d=WithCustomStyle.parameters)||void 0===_d?void 0:_d.docs),{source:__assign({originalSource:'{\n args: {\n id: "sbi_story_with_custom_style",\n buttonLabel: "scan_and_verify",\n disable: false,\n langCode: "en",\n sbiEnv,\n customStyle,\n onCapture: (e: any) => action("onCapture")(e),\n onErrored: (e: any) => action("onErrored")(e)\n }\n}'},null===(_f=null===(_e=WithCustomStyle.parameters)||void 0===_e?void 0:_e.docs)||void 0===_f?void 0:_f.source)})});const __namedExportsOrder=["Primary","WithCustomStyle"]},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!../secure-biometric-interface-integrator/lib/sbd.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_example_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_storybook_example_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_storybook_example_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_storybook_example_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_storybook_example_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_storybook_example_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'/* display flex related css start */\n.sbd-flex {\n display: flex;\n}\n.sbd-block {\n display: block;\n}\n.sbd-flex-col {\n flex-direction: column;\n}\n.sbd-justify-center {\n justify-content: center;\n}\n.sbd-items-center {\n align-items: center;\n}\n.sbd-items-stretch {\n align-items: stretch;\n}\n/* display flex related css end */\n\n/* utility related css start */\n.sbd-w-8 {\n width: 2rem;\n}\n.sbd-h-8 {\n height: 2rem;\n}\n.sbd-h-full {\n height: 100%;\n}\n.sbd-w-full {\n width: 100%;\n}\n.sbd-text-white {\n --sbd-text-opacity: 1;\n color: rgb(255, 255, 255, var(--sbd-text-opacity));\n}\n.sbd-text-slate-400 {\n --sbd-text-opacity: 1;\n color: rgb(148, 163, 184, var(--sbd-text-opacity));\n}\n.sbd-text-gray-900 {\n --sbd-text-opacity: 1;\n color: #1a202c;\n color: rgba(26, 32, 44, var(--sbd-text-opacity));\n}\n.sbd-text-gray-200 {\n --text-opacity: 1;\n color: #edf2f7;\n color: rgba(229, 231, 235, var);\n}\n.sbd-text-red-700 {\n --sbd-text-opacity: 1;\n color: #c53030;\n color: rgba(197, 48, 48, var(--sbd-text-opacity));\n}\n.sbd-bg-red-100 {\n --sbd-bg-opacity: 1;\n background-color: #fff5f5;\n background-color: rgba(255, 245, 245, var(--sbd-bg-opacity));\n}\n.sbd-text-sm {\n font-size: 0.875rem;\n}\n.sbd-bg-white {\n --sbd-bg-opacity: 1;\n background-color: #fff;\n background-color: rgba(255, 255, 255, var(--sbd-bg-opacity));\n}\n.sbd-shadow {\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n}\n.sbd-border-gray-300 {\n --sbd-border-opacity: 1;\n border-color: #e2e8f0;\n border-color: rgba(226, 232, 240, var(--sbd-border-opacity));\n}\n.sbd-hover\\:bg-gray-100:hover {\n --sbd-bg-opacity: 1;\n background-color: #f7fafc;\n background-color: rgba(247, 250, 252, var(--sbd-bg-opacity));\n}\n.sbd-font-medium {\n font-weight: 500;\n}\n.sbd-font-semibold {\n font-weight: 600;\n}\n.sbd-rounded-lg {\n border-radius: 0.5rem;\n}\n.sbd-text-lg {\n font-size: 1.125rem;\n}\n.sbd-text-xs {\n font-size: 0.75rem;\n}\n.sbd-text-opacity-70 {\n --sbd-text-opacity: 70;\n}\n.sbd-px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n.sbd-py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n.sbd-py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n.sbd-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n.sbd-p-2 {\n padding: 0.5rem;\n}\n.sbd-ml-1 {\n margin-left: 0.25rem;\n}\n.sbd-mt-1 {\n margin-top: 0.25rem;\n}\n.sbd-mt-2 {\n margin-top: 0.5rem;\n}\n.sbd-mb-1 {\n margin-bottom: 0.25rem;\n}\n.sbd-mb-2 {\n margin-bottom: 0.5rem;\n}\n.sbd-mb-4 {\n margin-bottom: 1rem;\n}\n.sbd-ml-2 {\n margin-left: 0.5rem;\n}\n.sbd-ml-auto {\n margin-left: auto !important;\n}\n.sbd-mr-auto {\n margin-right: auto !important;\n}\n.sbd-mr-2 {\n margin-right: 0.5rem;\n}\n.sbd-bottom-0 {\n bottom: 0;\n}\n.sbd-left-0 {\n left: 0;\n}\n.sbd-border {\n border-width: 1px;\n}\n.sbd-border-2 {\n border-width: 2px;\n}\n.sbd-bg-opacity-70 {\n --sbd-bg-opacity: 0.7;\n}\n.sbd-dark\\:text-gray-600 {\n --text-opacity: 1;\n color: #718096;\n color: rgba(75, 85, 99, var(--text-opacity));\n}\n.sbd-fill-blue-600 {\n fill: #2563eb;\n}\n.sbd-sr-only {\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n/* utility related css end */\n\n/* verify button related css start */\n.sbd-cursor-pointer {\n cursor: pointer;\n}\n.sbd-bg-gradient {\n --sbd-gradient-from: #06b6d4;\n --sbd-gradient-to: #3b82f6;\n --sbd-gradient-stops: var(--sbd-gradient-from), var(--sbd-gradient-to);\n background-image: linear-gradient(to top, var(--sbd-gradient-stops));\n}\n.sbd-bg-gradient:hover {\n background-image: linear-gradient(to bottom, var(--sbd-gradient-stops));\n}\n.sbd-cursor-disable {\n cursor: not-allowed;\n}\n/* verify button related css end */\n\n/* dropdown related css start */\n.sbd-dropdown__container.active .sbd-dropdown__menu {\n display: block;\n}\n.sbd-dropdown__control,\n.sbd-dropdown__indicators {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n}\n.sbd-dropdown__placeholder,\n.sbd-dropdown__single-value {\n margin-left: 2px;\n margin-right: 2px;\n grid-area: 1/1/2/3;\n box-sizing: border-box;\n}\n.sbd-dropdown__container {\n position: relative;\n box-sizing: border-box;\n}\n.sbd-dropdown__container .sbd-dropdown__menu {\n display: none;\n}\n.sbd-dropdown__control {\n -webkit-align-items: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: default;\n display: flex;\n -webkit-box-flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-pack: justify;\n -webkit-justify-content: space-between;\n justify-content: space-between;\n min-height: 38px;\n outline: 0 !important;\n position: relative;\n -webkit-transition: 0.1s;\n transition: 0.1s;\n background-color: #fff;\n border-radius: 4px;\n border: 1px solid var(--sbd-dropdown__control_bordercolor_normal, #ccc);\n box-shadow: 0 0 0 1px var(--sbd-dropdown__control_bordercolor_normal, #ccc);\n box-sizing: border-box;\n}\n.sbd-dropdown__control:hover {\n border-color: var(--sbd-dropdown__control_bordercolor_hover, #b3b3b3);\n box-shadow: 0 0 0 1px var(--sbd-dropdown__control_bordercolor_hover, #b3b3b3);\n}\n.sbd-dropdown__control:focus-within {\n border-color: var(--sbd-dropdown__control_bordercolor_selected, #2684ff);\n box-shadow: 0 0 0 1px\n var(--sbd-dropdown__control_bordercolor_selected, #2684ff);\n}\n.sbd-dropdown__value-container {\n -webkit-align-items: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n display: grid;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1 1 0%;\n -webkit-box-flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-overflow-scrolling: touch;\n position: relative;\n overflow: hidden;\n padding: 2px 8px;\n box-sizing: border-box;\n}\n.sbd-dropdown__placeholder {\n color: #7f7f7f;\n}\n.sbd-dropdown__single-value {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #333;\n}\n.sbd-dropdown__input-container {\n visibility: visible;\n -webkit-flex: 1 1 auto;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n display: inline-grid;\n grid-area: 1/1/2/3;\n grid-template-columns: 0 min-content;\n margin: 2px;\n padding-bottom: 2px;\n padding-top: 2px;\n color: #333;\n box-sizing: border-box;\n}\n.sbd-dropdown__input {\n content: attr(data-value) " ";\n visibility: hidden;\n white-space: pre;\n grid-area: 1/2;\n font: inherit;\n min-width: 2px;\n border: 0;\n margin: 0;\n outline: 0;\n padding: 0;\n}\n.sbd-dropdown__indicators {\n -webkit-align-items: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-align-self: stretch;\n -ms-flex-item-align: stretch;\n align-self: stretch;\n display: flex;\n -webkit-flex-shrink: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n box-sizing: border-box;\n}\n.sbd-dropdown__indicator-separator {\n -webkit-align-self: stretch;\n -ms-flex-item-align: stretch;\n align-self: stretch;\n width: 1px;\n background-color: #ccc;\n margin-bottom: 8px;\n margin-top: 8px;\n box-sizing: border-box;\n}\n.sbd-dropdown__menu,\n.sbd-dropdown__option {\n width: 100%;\n background-color: var(--sbd-dropdown__option_panelbg_normal, #fff);\n box-sizing: border-box;\n}\n.sbd-dropdown__indicator-container {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-transition: color 150ms;\n transition: color 150ms;\n color: #ccc;\n padding: 8px;\n box-sizing: border-box;\n}\n.sbd-dropdown__indicator-container:hover {\n color: #999;\n}\n.sbd-dropdown__indicator-svg {\n display: inline-block;\n fill: currentcolor;\n line-height: 1;\n stroke: currentcolor;\n stroke-width: 0;\n}\n.sbd-dropdown__menu {\n top: 100%;\n position: absolute;\n z-index: 1;\n border-radius: 4px;\n box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1);\n margin-bottom: 8px;\n margin-top: 8px;\n}\n.sbd-dropdown__menu-list {\n max-height: 300px;\n overflow-y: auto;\n position: relative;\n -webkit-overflow-scrolling: touch;\n padding-bottom: 4px;\n padding-top: 4px;\n box-sizing: border-box;\n}\n.sbd-dropdown__option {\n cursor: default;\n display: block;\n font-size: inherit;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n padding: 8px 12px;\n color: inherit;\n}\n.selected.sbd-dropdown__option,\n.selected.sbd-dropdown__option:hover {\n background-color: var(--sbd-dropdown__option_panelbg_selected, #2684ff);\n color: #fff;\n}\n.disabled.sbd-dropdown__option,\n.disabled.sbd-dropdown__option:hover {\n background-color: #fff;\n color: gray;\n}\n.sbd-dropdown__option:hover {\n background-color: var(--sbd-dropdown__option_panelbg_hover, #deebff);\n}\n.sbd-dropdown__option:active {\n background-color: var(--sbd-dropdown__option_panelbg_selected, #2684ff);\n}\n.sbd-dropdown__A11yText {\n z-index: 9999;\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n height: 1px;\n width: 1px;\n position: absolute;\n overflow: hidden;\n padding: 0;\n white-space: nowrap;\n}\n/* dropdown related css end */\n\n/* device status css start */\n.ready {\n height: 8px;\n width: 8px;\n border-radius: 50%;\n border: 1px solid #fff;\n background: green;\n}\n.busy,\n.not-ready {\n border-radius: 50%;\n height: 8px;\n width: 8px;\n}\n.not-ready {\n border: 1px solid #fff;\n background: gray;\n}\n.busy {\n border: 1px solid #fff;\n background: orange;\n}\n.not-registered {\n height: 8px;\n width: 8px;\n border-radius: 50%;\n border: 2px solid gray;\n background: #fff;\n}\n/* device status css end */\n\n/* spinner css start */\n@keyframes spin {\n 100% {\n transform: rotate(360deg);\n }\n}\n.sbd-animate-spin {\n animation: spin 1s linear infinite;\n}\n/* spinner css end */\n\n.sbd-border-gray {\n border: 1px solid var(--sbd-dropdown__control_bordercolor_normal, #ccc);\n box-shadow: 0 0 0 1px var(--sbd-dropdown__control_bordercolor_normal, #ccc);\n}\n',"",{version:3,sources:["webpack://./../secure-biometric-interface-integrator/lib/sbd.css"],names:[],mappings:"AAAA,mCAAmC;AACnC;EACE,aAAa;AACf;AACA;EACE,cAAc;AAChB;AACA;EACE,sBAAsB;AACxB;AACA;EACE,uBAAuB;AACzB;AACA;EACE,mBAAmB;AACrB;AACA;EACE,oBAAoB;AACtB;AACA,iCAAiC;;AAEjC,8BAA8B;AAC9B;EACE,WAAW;AACb;AACA;EACE,YAAY;AACd;AACA;EACE,YAAY;AACd;AACA;EACE,WAAW;AACb;AACA;EACE,qBAAqB;EACrB,kDAAkD;AACpD;AACA;EACE,qBAAqB;EACrB,kDAAkD;AACpD;AACA;EACE,qBAAqB;EACrB,cAAc;EACd,gDAAgD;AAClD;AACA;EACE,iBAAiB;EACjB,cAAc;EACd,+BAA+B;AACjC;AACA;EACE,qBAAqB;EACrB,cAAc;EACd,iDAAiD;AACnD;AACA;EACE,mBAAmB;EACnB,yBAAyB;EACzB,4DAA4D;AAC9D;AACA;EACE,mBAAmB;AACrB;AACA;EACE,mBAAmB;EACnB,sBAAsB;EACtB,4DAA4D;AAC9D;AACA;EACE,2EAA2E;AAC7E;AACA;EACE,uBAAuB;EACvB,qBAAqB;EACrB,4DAA4D;AAC9D;AACA;EACE,mBAAmB;EACnB,yBAAyB;EACzB,4DAA4D;AAC9D;AACA;EACE,gBAAgB;AAClB;AACA;EACE,gBAAgB;AAClB;AACA;EACE,qBAAqB;AACvB;AACA;EACE,mBAAmB;AACrB;AACA;EACE,kBAAkB;AACpB;AACA;EACE,sBAAsB;AACxB;AACA;EACE,qBAAqB;EACrB,sBAAsB;AACxB;AACA;EACE,oBAAoB;EACpB,uBAAuB;AACzB;AACA;EACE,mBAAmB;EACnB,sBAAsB;AACxB;AACA;EACE,iBAAiB;EACjB,oBAAoB;AACtB;AACA;EACE,eAAe;AACjB;AACA;EACE,oBAAoB;AACtB;AACA;EACE,mBAAmB;AACrB;AACA;EACE,kBAAkB;AACpB;AACA;EACE,sBAAsB;AACxB;AACA;EACE,qBAAqB;AACvB;AACA;EACE,mBAAmB;AACrB;AACA;EACE,mBAAmB;AACrB;AACA;EACE,4BAA4B;AAC9B;AACA;EAC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",sourcesContent:['/* display flex related css start */\n.sbd-flex {\n display: flex;\n}\n.sbd-block {\n display: block;\n}\n.sbd-flex-col {\n flex-direction: column;\n}\n.sbd-justify-center {\n justify-content: center;\n}\n.sbd-items-center {\n align-items: center;\n}\n.sbd-items-stretch {\n align-items: stretch;\n}\n/* display flex related css end */\n\n/* utility related css start */\n.sbd-w-8 {\n width: 2rem;\n}\n.sbd-h-8 {\n height: 2rem;\n}\n.sbd-h-full {\n height: 100%;\n}\n.sbd-w-full {\n width: 100%;\n}\n.sbd-text-white {\n --sbd-text-opacity: 1;\n color: rgb(255, 255, 255, var(--sbd-text-opacity));\n}\n.sbd-text-slate-400 {\n --sbd-text-opacity: 1;\n color: rgb(148, 163, 184, var(--sbd-text-opacity));\n}\n.sbd-text-gray-900 {\n --sbd-text-opacity: 1;\n color: #1a202c;\n color: rgba(26, 32, 44, var(--sbd-text-opacity));\n}\n.sbd-text-gray-200 {\n --text-opacity: 1;\n color: #edf2f7;\n color: rgba(229, 231, 235, var);\n}\n.sbd-text-red-700 {\n --sbd-text-opacity: 1;\n color: #c53030;\n color: rgba(197, 48, 48, var(--sbd-text-opacity));\n}\n.sbd-bg-red-100 {\n --sbd-bg-opacity: 1;\n background-color: #fff5f5;\n background-color: rgba(255, 245, 245, var(--sbd-bg-opacity));\n}\n.sbd-text-sm {\n font-size: 0.875rem;\n}\n.sbd-bg-white {\n --sbd-bg-opacity: 1;\n background-color: #fff;\n background-color: rgba(255, 255, 255, var(--sbd-bg-opacity));\n}\n.sbd-shadow {\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n}\n.sbd-border-gray-300 {\n --sbd-border-opacity: 1;\n border-color: #e2e8f0;\n border-color: rgba(226, 232, 240, var(--sbd-border-opacity));\n}\n.sbd-hover\\:bg-gray-100:hover {\n --sbd-bg-opacity: 1;\n background-color: #f7fafc;\n background-color: rgba(247, 250, 252, var(--sbd-bg-opacity));\n}\n.sbd-font-medium {\n font-weight: 500;\n}\n.sbd-font-semibold {\n font-weight: 600;\n}\n.sbd-rounded-lg {\n border-radius: 0.5rem;\n}\n.sbd-text-lg {\n font-size: 1.125rem;\n}\n.sbd-text-xs {\n font-size: 0.75rem;\n}\n.sbd-text-opacity-70 {\n --sbd-text-opacity: 70;\n}\n.sbd-px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n.sbd-py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n.sbd-py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n.sbd-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n.sbd-p-2 {\n padding: 0.5rem;\n}\n.sbd-ml-1 {\n margin-left: 0.25rem;\n}\n.sbd-mt-1 {\n margin-top: 0.25rem;\n}\n.sbd-mt-2 {\n margin-top: 0.5rem;\n}\n.sbd-mb-1 {\n margin-bottom: 0.25rem;\n}\n.sbd-mb-2 {\n margin-bottom: 0.5rem;\n}\n.sbd-mb-4 {\n margin-bottom: 1rem;\n}\n.sbd-ml-2 {\n margin-left: 0.5rem;\n}\n.sbd-ml-auto {\n margin-left: auto !important;\n}\n.sbd-mr-auto {\n margin-right: auto !important;\n}\n.sbd-mr-2 {\n margin-right: 0.5rem;\n}\n.sbd-bottom-0 {\n bottom: 0;\n}\n.sbd-left-0 {\n left: 0;\n}\n.sbd-border {\n border-width: 1px;\n}\n.sbd-border-2 {\n border-width: 2px;\n}\n.sbd-bg-opacity-70 {\n --sbd-bg-opacity: 0.7;\n}\n.sbd-dark\\:text-gray-600 {\n --text-opacity: 1;\n color: #718096;\n color: rgba(75, 85, 99, var(--text-opacity));\n}\n.sbd-fill-blue-600 {\n fill: #2563eb;\n}\n.sbd-sr-only {\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n/* utility related css end */\n\n/* verify button related css start */\n.sbd-cursor-pointer {\n cursor: pointer;\n}\n.sbd-bg-gradient {\n --sbd-gradient-from: #06b6d4;\n --sbd-gradient-to: #3b82f6;\n --sbd-gradient-stops: var(--sbd-gradient-from), var(--sbd-gradient-to);\n background-image: linear-gradient(to top, var(--sbd-gradient-stops));\n}\n.sbd-bg-gradient:hover {\n background-image: linear-gradient(to bottom, var(--sbd-gradient-stops));\n}\n.sbd-cursor-disable {\n cursor: not-allowed;\n}\n/* verify button related css end */\n\n/* dropdown related css start */\n.sbd-dropdown__container.active .sbd-dropdown__menu {\n display: block;\n}\n.sbd-dropdown__control,\n.sbd-dropdown__indicators {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n}\n.sbd-dropdown__placeholder,\n.sbd-dropdown__single-value {\n margin-left: 2px;\n margin-right: 2px;\n grid-area: 1/1/2/3;\n box-sizing: border-box;\n}\n.sbd-dropdown__container {\n position: relative;\n box-sizing: border-box;\n}\n.sbd-dropdown__container .sbd-dropdown__menu {\n display: none;\n}\n.sbd-dropdown__control {\n -webkit-align-items: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: default;\n display: flex;\n -webkit-box-flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-pack: justify;\n -webkit-justify-content: space-between;\n justify-content: space-between;\n min-height: 38px;\n outline: 0 !important;\n position: relative;\n -webkit-transition: 0.1s;\n transition: 0.1s;\n background-color: #fff;\n border-radius: 4px;\n border: 1px solid var(--sbd-dropdown__control_bordercolor_normal, #ccc);\n box-shadow: 0 0 0 1px var(--sbd-dropdown__control_bordercolor_normal, #ccc);\n box-sizing: border-box;\n}\n.sbd-dropdown__control:hover {\n border-color: var(--sbd-dropdown__control_bordercolor_hover, #b3b3b3);\n box-shadow: 0 0 0 1px var(--sbd-dropdown__control_bordercolor_hover, #b3b3b3);\n}\n.sbd-dropdown__control:focus-within {\n border-color: var(--sbd-dropdown__control_bordercolor_selected, #2684ff);\n box-shadow: 0 0 0 1px\n var(--sbd-dropdown__control_bordercolor_selected, #2684ff);\n}\n.sbd-dropdown__value-container {\n -webkit-align-items: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n display: grid;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1 1 0%;\n -webkit-box-flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-overflow-scrolling: touch;\n position: relative;\n overflow: hidden;\n padding: 2px 8px;\n box-sizing: border-box;\n}\n.sbd-dropdown__placeholder {\n color: #7f7f7f;\n}\n.sbd-dropdown__single-value {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #333;\n}\n.sbd-dropdown__input-container {\n visibility: visible;\n -webkit-flex: 1 1 auto;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n display: inline-grid;\n grid-area: 1/1/2/3;\n grid-template-columns: 0 min-content;\n margin: 2px;\n padding-bottom: 2px;\n padding-top: 2px;\n color: #333;\n box-sizing: border-box;\n}\n.sbd-dropdown__input {\n content: attr(data-value) " ";\n visibility: hidden;\n white-space: pre;\n grid-area: 1/2;\n font: inherit;\n min-width: 2px;\n border: 0;\n margin: 0;\n outline: 0;\n padding: 0;\n}\n.sbd-dropdown__indicators {\n -webkit-align-items: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-align-self: stretch;\n -ms-flex-item-align: stretch;\n align-self: stretch;\n display: flex;\n -webkit-flex-shrink: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n box-sizing: border-box;\n}\n.sbd-dropdown__indicator-separator {\n -webkit-align-self: stretch;\n -ms-flex-item-align: stretch;\n align-self: stretch;\n width: 1px;\n background-color: #ccc;\n margin-bottom: 8px;\n margin-top: 8px;\n box-sizing: border-box;\n}\n.sbd-dropdown__menu,\n.sbd-dropdown__option {\n width: 100%;\n background-color: var(--sbd-dropdown__option_panelbg_normal, #fff);\n box-sizing: border-box;\n}\n.sbd-dropdown__indicator-container {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-transition: color 150ms;\n transition: color 150ms;\n color: #ccc;\n padding: 8px;\n box-sizing: border-box;\n}\n.sbd-dropdown__indicator-container:hover {\n color: #999;\n}\n.sbd-dropdown__indicator-svg {\n display: inline-block;\n fill: currentcolor;\n line-height: 1;\n stroke: currentcolor;\n stroke-width: 0;\n}\n.sbd-dropdown__menu {\n top: 100%;\n position: absolute;\n z-index: 1;\n border-radius: 4px;\n box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1);\n margin-bottom: 8px;\n margin-top: 8px;\n}\n.sbd-dropdown__menu-list {\n max-height: 300px;\n overflow-y: auto;\n position: relative;\n -webkit-overflow-scrolling: touch;\n padding-bottom: 4px;\n padding-top: 4px;\n box-sizing: border-box;\n}\n.sbd-dropdown__option {\n cursor: default;\n display: block;\n font-size: inherit;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n padding: 8px 12px;\n color: inherit;\n}\n.selected.sbd-dropdown__option,\n.selected.sbd-dropdown__option:hover {\n background-color: var(--sbd-dropdown__option_panelbg_selected, #2684ff);\n color: #fff;\n}\n.disabled.sbd-dropdown__option,\n.disabled.sbd-dropdown__option:hover {\n background-color: #fff;\n color: gray;\n}\n.sbd-dropdown__option:hover {\n background-color: var(--sbd-dropdown__option_panelbg_hover, #deebff);\n}\n.sbd-dropdown__option:active {\n background-color: var(--sbd-dropdown__option_panelbg_selected, #2684ff);\n}\n.sbd-dropdown__A11yText {\n z-index: 9999;\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n height: 1px;\n width: 1px;\n position: absolute;\n overflow: hidden;\n padding: 0;\n white-space: nowrap;\n}\n/* dropdown related css end */\n\n/* device status css start */\n.ready {\n height: 8px;\n width: 8px;\n border-radius: 50%;\n border: 1px solid #fff;\n background: green;\n}\n.busy,\n.not-ready {\n border-radius: 50%;\n height: 8px;\n width: 8px;\n}\n.not-ready {\n border: 1px solid #fff;\n background: gray;\n}\n.busy {\n border: 1px solid #fff;\n background: orange;\n}\n.not-registered {\n height: 8px;\n width: 8px;\n border-radius: 50%;\n border: 2px solid gray;\n background: #fff;\n}\n/* device status css end */\n\n/* spinner css start */\n@keyframes spin {\n 100% {\n transform: rotate(360deg);\n }\n}\n.sbd-animate-spin {\n animation: spin 1s linear infinite;\n}\n/* spinner css end */\n\n.sbd-border-gray {\n border: 1px solid var(--sbd-dropdown__control_bordercolor_normal, #ccc);\n box-shadow: 0 0 0 1px var(--sbd-dropdown__control_bordercolor_normal, #ccc);\n}\n'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file diff --git a/SecureBiometricInterfaceIntegrator-stories.f6a3fcef.iframe.bundle.js b/SecureBiometricInterfaceIntegrator-stories.f6a3fcef.iframe.bundle.js deleted file mode 100644 index eeb5de6..0000000 --- a/SecureBiometricInterfaceIntegrator-stories.f6a3fcef.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkstorybook_example=self.webpackChunkstorybook_example||[]).push([[349],{"./stories/SecureBiometricInterfaceIntegrator.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,WithCustomStyle:()=>WithCustomStyle,__namedExportsOrder:()=>__namedExportsOrder,default:()=>SecureBiometricInterfaceIntegrator_stories});var dist=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),react=__webpack_require__("./node_modules/react/index.js");const face_sign_in_namespaceObject=__webpack_require__.p+"static/media/face_sign_in.ce54d30e.png",fingerprint_sign_in_namespaceObject=__webpack_require__.p+"static/media/fingerprint_sign_in.c6c2bbea.png",iris_sign_in_namespaceObject=__webpack_require__.p+"static/media/iris_sign_in.fac39aaf.png",default_namespaceObject={Dn:["ar","ara"]};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),sbd=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!../secure-biometric-interface-integrator/lib/sbd.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(sbd.Z,options);sbd.Z&&sbd.Z.locals&&sbd.Z.locals;const localStorageService={getDeviceInfos:()=>JSON.parse(localStorage.getItem("deviceInfo")||"[]"),clearDiscoveredDevices:()=>{localStorage.getItem("discover")&&localStorage.removeItem("discover")},clearDeviceInfos:()=>{localStorage.getItem("deviceInfo")&&localStorage.removeItem("deviceInfo")},addDiscoveredDevices:(port,discoveredDevices)=>{let discover={};localStorage.getItem("discover")||localStorage.setItem("discover",JSON.stringify(discover));const discover_data=localStorage.getItem("discover");null!==discover_data&&(discover=JSON.parse(discover_data),discover[port]=discoveredDevices,localStorage.setItem("discover",JSON.stringify(discover)))},addDeviceInfos:(port,decodedDeviceInfo)=>{let deviceInfo={};localStorage.getItem("deviceInfo")||localStorage.setItem("deviceInfo",JSON.stringify(deviceInfo));const discover_data=localStorage.getItem("deviceInfo");null!==discover_data&&(deviceInfo=JSON.parse(discover_data),deviceInfo[port]=decodedDeviceInfo,localStorage.setItem("deviceInfo",JSON.stringify(deviceInfo)))}};var axios=__webpack_require__("../secure-biometric-interface-integrator/node_modules/axios/lib/axios.js"),browser=__webpack_require__("../secure-biometric-interface-integrator/node_modules/jose/dist/browser/index.js");const{addDeviceInfos,addDiscoveredDevices,clearDeviceInfos,clearDiscoveredDevices}={...localStorageService},BioType_FACE="Face",BioType_FINGER="Finger",BioType_IRIS="Iris";class SbiService{sbiConfig;constructor(sbiConfig={env:"Staging",captureTimeout:30,irisBioSubtypes:"UNKNOWN",fingerBioSubtypes:"UNKNOWN",faceCaptureCount:1,faceCaptureScore:70,fingerCaptureCount:1,fingerCaptureScore:70,irisCaptureCount:1,irisCaptureScore:70,portRange:"4501-4600",discTimeout:15,dinfoTimeout:30,domainUri:`${window.origin}`}){this.sbiConfig=sbiConfig}capture_Auth=async(host,port,transactionId,specVersion,type,deviceId)=>{let count=1,requestedScore=70,bioSubType=["UNKNOWN"];switch(type){case BioType_FACE:count=this.sbiConfig.faceCaptureCount,requestedScore=this.sbiConfig.faceCaptureScore,bioSubType=null;break;case BioType_FINGER:count=this.sbiConfig.fingerCaptureCount,requestedScore=this.sbiConfig.fingerCaptureScore,bioSubType=this.sbiConfig.fingerBioSubtypes.split(",").map((x=>x.trim()));break;case BioType_IRIS:count=this.sbiConfig.irisCaptureCount,requestedScore=this.sbiConfig.irisCaptureScore,bioSubType=this.sbiConfig.irisBioSubtypes.split(",").map((x=>x.trim()))}let request={env:this.sbiConfig.env,purpose:"Auth",specVersion,timeout:1e3*this.sbiConfig.captureTimeout,captureTime:(new Date).toISOString(),domainUri:this.sbiConfig.domainUri,transactionId,bio:[{type,count,bioSubType,requestedScore,deviceId,deviceSubId:0,previousHash:""}],customOpts:null},endpoint=host+":"+port+"/capture",response=await(0,axios.Z)({method:"CAPTURE",url:endpoint,data:request,headers:{"Content-Type":"application/json"}});return response?.data};mosipdisc_DiscoverDevicesAsync=async host=>{clearDiscoveredDevices(),clearDeviceInfos();let[fromPort,tillPort]=this.sbiConfig?.portRange?.split("-")?.map((x=>Number(x.trim())))??[4501,4600];!isNaN(fromPort)&&!isNaN(tillPort)&&fromPort>=4501&&tillPort<=4600&&fromPort<=tillPort||([fromPort,tillPort]=[4501,4600]);let discoverRequestList=[];for(let i=fromPort;i<=tillPort;i++)discoverRequestList.push(discoverRequestBuilder(host,i,this.sbiConfig.discTimeout,this.sbiConfig.dinfoTimeout));return axios.Z.all(discoverRequestList)}}const discoverRequestBuilder=async(host,port,discTimeout,dinfoTimeout)=>{let endpoint=host+":"+port+"/device";return(0,axios.Z)({method:"MOSIPDISC",url:endpoint,data:{type:"Biometric Device"},timeout:1e3*discTimeout}).then((async response=>{null!==response?.data&&(addDiscoveredDevices(port,response.data),await mosipdinfo_DeviceInfo(host,port,dinfoTimeout))})).catch((error=>{}))},mosipdinfo_DeviceInfo=async(host,port,dinfoTimeout)=>{let endpoint=host+":"+port+"/info";await(0,axios.Z)({method:"MOSIPDINFO",url:endpoint,timeout:1e3*dinfoTimeout}).then((async response=>{if(null!==response?.data){var decodedDeviceDetails=await decodeAndValidateDeviceInfo(response.data);addDeviceInfos(port,decodedDeviceDetails)}})).catch((error=>{}))},decodeAndValidateDeviceInfo=async deviceInfoList=>{var deviceDetailList=[];for(let i=0;i"L1"===deviceInfo.certification&&"Auth"===deviceInfo.purpose,decodeJWT=async signed_jwt=>await browser.t5(signed_jwt);var i18next=__webpack_require__("../secure-biometric-interface-integrator/node_modules/i18next/dist/esm/i18next.js");const en_namespaceObject=JSON.parse('{"scan_and_verify":"Scan and Verify","scan":"Scan","cancel":"Cancel","capture":"Capture","capture_and_verify":"Capture and Verify","capture_timeout":"Capture Timeout","scanning_devices_msg":"Scanning Devices. Please Wait...","device_disc_failed":"Device discovery failed","device_not_found_msg":"Device Not Found. Please Check the Connectivity and Retry.","capture_initiated_msg":"{{modality}} capture initiated on {{deviceModel}}","Face":"Face","Finger":"Finger","Iris":"Iris","biometric_capture_failed_msg":"Biometric Capture Failed","invalid_state_msg":"{{deviceName}} device is {{deviceState}}","READY":"READY","NOTREADY":"NOT READY","BUSY":"BUSY","NOTREGISTERED":"NOT REGISTERED","select_a_device":"Select a device","no_options":"No Options"}'),ar_namespaceObject=JSON.parse('{"scan_and_verify":"المسح والتحقق","scan":"مسح","cancel":"يلغي","capture":"يأسر","capture_and_verify":"التقط وتحقق","capture_timeout":"مهلة الالتقاط","scanning_devices_msg":"أجهزة المسح. انتظر من فضلك...","device_disc_failed":"فشل اكتشاف الجهاز","device_not_found_msg":"لم يتم العثور علي الجهازيرجى التحقق من الاتصال وإعادة المحاولة","capture_initiated_msg":"تم بدء الالتقاط {{modality}} في {{deviceModel}}","Face":"وجه","Finger":"اصبع اليد","Iris":"قزحية","biometric_capture_failed_msg":"فشل التقاط المقاييس الحيوية","invalid_state_msg":"الجهاز {{deviceName}} هو {{deviceState}}","READY":"مستعد","NOTREADY":"غير جاهز","BUSY":"مشغول","NOTREGISTERED":"غير مسجل","select_a_device":"اختر جهازا","no_options":"لا يوجد خيارات"}'),hi_namespaceObject=JSON.parse('{"scan_and_verify":"स्कैन और सत्यापित करें","scan":"स्कैन","cancel":"रद्द करो","capture":"कब्ज़ा करना","capture_and_verify":"कब्जा करना और सत्यापित करना","capture_timeout":"कब्ज़ा का समय समाप्त","scanning_devices_msg":"स्कैनिंग डिवाइस। कृपया प्रतीक्षा करें...","device_disc_failed":"डिवाइस डिस्कवरी विफल","device_not_found_msg":"युक्ति नहीं मिला। कृपया कनेक्टिविटी जांचें और पुनः प्रयास करें।","capture_initiated_msg":"{{modality}} कैप्चर शुरू किया गया {{deviceModel}}","Face":"चेहरा","Finger":"उँगलिया","Iris":"आँख की पुतली","biometric_capture_failed_msg":"बायोमेट्रिक कैप्चर विफल","invalid_state_msg":"{{deviceName}} डिवाइस {{deviceState}} है","READY":"तैयार","NOTREADY":"तैयार नहीं है","BUSY":"व्यस्त","NOTREGISTERED":"पंजीकृत नहीं है","select_a_device":"एक उपकरण का चयन करें","no_options":"कोई विकल्प नहीं"}'),kn_namespaceObject=JSON.parse('{"scan_and_verify":"ಸ್ಕ್ಯಾನ್ ಮಾಡಿ ಮತ್ತು ಪರಿಶೀಲಿಸಿ","scan":"ಸ್ಕ್ಯಾನ್","cancel":"ರದ್ದುಮಾಡು","capture":"ಸೆರೆಹಿಡಿಯು","capture_and_verify":"ಸೆರೆಹಿಡಿಯಿರಿ ಮತ್ತು ಪರಿಶೀಲಿಸಿ","capture_timeout":"ಕ್ಯಾಪ್ಚರ್ ಸಮಯ ಮೀರಿದೆ","scanning_devices_msg":"ಸ್ಕ್ಯಾನಿಂಗ್ ಸಾಧನಗಳು. ದಯಮಾಡಿ ನಿರೀಕ್ಷಿಸಿ...","device_disc_failed":"ಸಾಧನ ಅನ್ವೇಷಣೆ ವಿಫಲವಾಗಿದೆ","device_not_found_msg":"ಸಾಧನ ಕಂಡುಬಂದಿಲ್ಲ ದಯವಿಟ್ಟು ಸಂಪರ್ಕವನ್ನು ಪರಿಶೀಲಿಸಿ ಮತ್ತು ಮರುಪ್ರಯತ್ನಿಸಿ","capture_initiated_msg":"{{modality}} ಕ್ಯಾಪ್ಚರ್ ಅನ್ನು {{deviceModel}} ನಲ್ಲಿ ಪ್ರಾರಂಭಿಸಲಾಗಿದೆ","Face":"ಮುಖ","Finger":"ಬೆರಳು","Iris":"ಐರಿಸ್","biometric_capture_failed_msg":"ಬಯೋಮೆಟ್ರಿಕ್ ಕ್ಯಾಪ್ಚರ್ ವಿಫಲವಾಗಿದೆ","invalid_state_msg":"{{deviceName}} ಸಾಧನ {{deviceState}}","READY":"ಸಿದ್ಧವಾದ","NOTREADY":"ಸಿದ್ಧವಾಗಿಲ್ಲ","BUSY":"ನಿರತ","NOTREGISTERED":"ನೋಂದಣಿಯಾಗಿಲ್ಲ","select_a_device":"ಸಾಧನವನ್ನು ಆಯ್ಕೆಮಾಡಿ","no_options":"ಆಯ್ಕೆಗಳಿಲ್ಲ"}'),ta_namespaceObject=JSON.parse('{"scan_and_verify":"ஸ்கேன் செய்து சரிபார்க்கவும்","scan":"ஊடுகதிர்","cancel":"ரத்து செய்","capture":"பிடிப்பு","capture_and_verify":"பிடித்து சரிபார்க்கவும்","capture_timeout":"பிடிப்பு நேரம் முடிந்தது","scanning_devices_msg":"சாதனங்களை ஸ்கேன் செய்தல். தயவுசெய்து காத்திருங்கள் ...","device_disc_failed":"சாதன கண்டுபிடிப்பு தோல்வியடைந்தது","device_not_found_msg":"சாதனம் கிடைக்கவில்லை இணைப்பைச் சரிபார்த்து மீண்டும் முயற்சிக்கவும்","capture_initiated_msg":"{{modality}} பிடிப்பு {{deviceModel}} இல் தொடங்கப்பட்டது","Face":"முகம்","Finger":"விரல்","Iris":"ஐரிஸ்","biometric_capture_failed_msg":"பயோமெட்ரிக் பிடிப்பு தோல்வியடைந்தது","invalid_state_msg":"{{deviceName}} சாதனம் {{deviceState}}","READY":"தயார்","NOTREADY":"தயாராக இல்லை","BUSY":"பரபரப்பு","NOTREGISTERED":"பதிவு செய்யப்படவில்லை","select_a_device":"சாதனத்தைத் தேர்ந்தெடுக்கவும்","no_options":"விருப்பங்கள் இல்லை"}'),resources={en:{translation:en_namespaceObject},ar:{translation:ar_namespaceObject},hi:{translation:hi_namespaceObject},kn:{translation:kn_namespaceObject},ta:{translation:ta_namespaceObject},eng:{translation:en_namespaceObject},ara:{translation:ar_namespaceObject},hin:{translation:hi_namespaceObject},kan:{translation:kn_namespaceObject},tam:{translation:ta_namespaceObject}};i18next.ZP.init({debug:!1,fallbackLng:"en",interpolation:{escapeValue:!1},resources});const attributeExceptions=["role","dataset","d","r","cx","cy","width","height","viewBox","fill"],customExceptions=["autocorrect","tabindex","aria-autocomplete","aria-expanded","aria-haspopup","aria-label","aria-hidden","data-deviceid","data-value","focusable","name"],styleVarExceptions=["--sbd-dropdown__option_panelbg_normal","--sbd-dropdown__option_panelbg_hover","--sbd-dropdown__option_panelbg_selected","--sbd-dropdown__control_bordercolor_normal","--sbd-dropdown__control_bordercolor_hover","--sbd-dropdown__control_bordercolor_selected"],appendText=(el,text)=>{const textNode=document.createTextNode(text);el.appendChild(textNode)},appendArray=(el,children)=>{children.forEach((child=>{Array.isArray(child)?appendArray(el,child):child instanceof window.Element?el.appendChild(child):"string"!=typeof child&&"number"!=typeof child||appendText(el,child)}))},isSvg=type=>["path","svg","circle"].includes(type),makeElement=(type,textOrPropsOrChild,...otherChildren)=>{const el=isSvg(type)?document.createElementNS("http://www.w3.org/2000/svg",type):document.createElement(type);return Array.isArray(textOrPropsOrChild)?appendArray(el,textOrPropsOrChild):textOrPropsOrChild instanceof window.Element?el.appendChild(textOrPropsOrChild):"string"==typeof textOrPropsOrChild||"number"==typeof textOrPropsOrChild?appendText(el,textOrPropsOrChild):"object"==typeof textOrPropsOrChild&&Object.keys(textOrPropsOrChild).forEach((propName=>{if(propName in el||attributeExceptions.includes(propName)||customExceptions.includes(propName)){const value=textOrPropsOrChild[propName];"style"===propName?((el,styles)=>{styles?Object.keys(styles).forEach((styleName=>{styleName in el.style?el.style[styleName]=styles[styleName]:styleVarExceptions.includes(styleName)?el.style.setProperty(styleName,styles[styleName]):console.warn(`${styleName} is not a valid style for a <${el.tagName.toLowerCase()}>`)})):el.removeAttribute("styles")})(el,value):"dataset"===propName?((el,dataAttributes)=>{Object.keys(dataAttributes).forEach((dataAttribute=>{el.setAttribute(`data-${dataAttribute}`,dataAttributes[dataAttribute])}))})(el,value):isSvg(type)&&"className"===propName?el.className.baseVal=value:"function"==typeof value||"className"===propName?el[propName]=value:value&&el.setAttribute(propName,value)}else console.warn(`${propName} is not a valid property of a <${type}>`)})),otherChildren&&appendArray(el,otherChildren),el},elements_button=(...args)=>makeElement("button",...args),div=(...args)=>makeElement("div",...args),span=(...args)=>makeElement("span",...args),svg=(...args)=>makeElement("svg",...args),path=(...args)=>makeElement("path",...args),img=(...args)=>makeElement("img",...args);function loadingIndicator(msg,isRtl=!1){return div({role:"status",className:"sbd-flex sbd-justify-center sbd-items-center"},svg({className:"sbd-mr-2 sbd-w-8 sbd-h-8 sbd-text-gray-200 sbd-animate-spin sbd-dark:text-gray-600 sbd-fill-blue-600",viewBox:"0 0 100 101",fill:"none","aria-hidden":"true",style:{width:"2.5rem",height:"2.5rem"}},path({d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor"}),path({d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentFill"})),msg?span({className:"sbd-sr-only"+(isRtl?" sbd-mr-2":"")},msg):"")}const states_DISCOVERING="DISCOVERING",states_LOADED="LOADED",states_AUTHENTICATING="AUTHENTICATING",ErrorCode_DEVICE_NOT_FOUND="device_not_found_msg",ErrorCode_BIOMETRIC_CAPTURE_FAILED="biometric_capture_failed_msg",ErrorCode_DEVICE_DISCOVERY_FAILED="device_disc_failed",DeviceStateStatus={Ready:"READY","Not Ready":"NOTREADY",Busy:"BUSY","Not Registered":"NOTREGISTERED"},DeviceState={READY:{value:"READY",name:"Ready",class:"ready",symbol:"●"},NOTREADY:{value:"NOTREADY",name:"Not Ready",class:"not-ready",symbol:"●"},BUSY:{value:"BUSY",name:"Busy",class:"busy",symbol:"●"},NOTREGISTERED:{value:"NOTREGISTERED",name:"Not Registered",class:"not-registered",symbol:"◎"}},DEFAULT_PROPS={buttonLabel:"scan_and_verify",disable:!1,langCode:"en",sbiEnv:{env:"Staging",captureTimeout:30,irisBioSubtypes:"UNKNOWN",fingerBioSubtypes:"UNKNOWN",faceCaptureCount:1,faceCaptureScore:70,fingerCaptureCount:1,fingerCaptureScore:70,irisCaptureCount:1,irisCaptureScore:70,portRange:"4501-4600",discTimeout:15,dinfoTimeout:30,domainUri:`${window.origin}`},customStyle:{selectBoxStyle:{borderColor:"#cccccc",borderColorActive:"#2684ff",borderColorHover:"#b3b3b3",panelBgColor:"#fff",panelBgColorHover:"#deebff",panelBgColorActive:"#2684ff"},refreshButtonStyle:{iconUniCode:"↻"}}};class SecureBiometricInterface{modalityIconPath={Face:face_sign_in_namespaceObject,Finger:fingerprint_sign_in_namespaceObject,Iris:iris_sign_in_namespaceObject};status="";timer="";errorState=null;modalityDevices=[];selectedDevice=null;host="http://127.0.0.1";discoveryCancellationFlag=!0;buffertTime=4e3;defaultDiscTimeout=15;constructor(container,props){container||(document.body.appendChild(div({id:"secure-biometric-interface-integration"})),container=document.querySelector("#secure-biometric-interface-integration")),this.container=container,this.props={...DEFAULT_PROPS,...props,langCode:props.langCode||DEFAULT_PROPS.langCode,buttonLabel:props.buttonLabel||DEFAULT_PROPS.buttonLabel},this.sbiService=new SbiService(props?.sbiEnv??void 0),i18next.ZP.changeLanguage(this.props.langCode),this.isRtl=default_namespaceObject.Dn.includes(this.props.langCode),this.scanDevices()}renderComponent(){this.container.replaceChildren(this.generateSekeleton())}selectBtnActive=()=>{this.container.querySelectorAll(".sbd-dropdown__option")?.length&&this.container.querySelector(".sbd-dropdown__container").classList.toggle("active")};removeSelect=()=>{const rEl=this.container.querySelector(".sbd-dropdown__option.selected");rEl&&rEl.classList.remove("selected")};setPlaceholder(data=null){null===data&&(data=this.modalityDevices.length?"Select your option":"no_options");const placeholder=this.container.querySelector(".sbd-dropdown__single-value");return placeholder?(placeholder.innerHTML=i18next.ZP.t(data),placeholder):div({className:"sbd-dropdown__single-value"},i18next.ZP.t(data))}generateLoadingIndicator=()=>{const elemArray=[loadingIndicator(this.generateStatusMessage(),this.isRtl)];return this.status===states_DISCOVERING&&elemArray.push(div({className:"sbd-mt-2"},elements_button({className:"sbd-cursor-pointer sbd-block sbd-w-full sbd-font-medium sbd-rounded-lg sbd-text-sm sbd-px-5 sbd-py-2 sbd-text-center sbd-border-2 sbd-border-gray sbd-bg-white sbd-hover:bg-gray-100 sbd-text-gray-900",onclick:()=>this.cancelLoadingIndicator()},i18next.ZP.t("cancel")))),div({},elemArray)};generateErrorStateDiv=(msg,fullWidth=!0)=>div({className:(fullWidth?"sbd-w-full ":"")+"sbd-p-2 sbd-mt-1 sbd-mb-2 sbd-text-center sbd-text-sm sbd-rounded-lg sbd-text-red-700 sbd-bg-red-100 ",role:"alert"},i18next.ZP.t(msg));optionSelection=(deviceId=this.selectedDevice?.deviceId??"")=>{const el=this.container.querySelector("[id^='deviceOption"+deviceId+"']");if(null==el)return;this.removeSelect();const sbdOption=el.closest(".sbd-dropdown__option");deviceId&&deviceId!==this.selectedDevice.deviceId&&(this.selectedDevice=this.modalityDevices.find((_=>_.deviceId===deviceId))),sbdOption.classList.add("selected"),this.setPlaceholder(sbdOption.innerHTML),this.container.querySelector(".sbd-dropdown__container").classList.remove("active"),this.selectedDevice.status!==DeviceStateStatus.Ready&&this.generateVerifyButtonDiv(i18next.ZP.t("invalid_state_msg",{deviceName:this.selectedDevice.text,deviceState:i18next.ZP.t(this.selectedDevice.status)}))};handleScan=()=>this.scanDevices(!0);scanAndVerify=()=>this.startCapture();bioSelectOptionLabel=e=>div({className:"sbd-flex sbd-items-center h-7"},[img({className:"w-7",src:e.icon,alt:e.text}),span({className:"sbd-text-xs"+(this.isRtl?" sbd-mr-2":" sbd-ml-2")},e.text),span({className:DeviceState[e.status].class+(this.isRtl?" sbd-mr-auto sbd-ml-2":" sbd-ml-auto sbd-mr-2")})]);generateOptionElement(arr){if(arr?.length){const optionStyle={...this.props.customStyle?.selectBoxStyle?.panelBgColor&&{"--sbd-dropdown__option_panelbg_normal":this.props.customStyle?.selectBoxStyle?.panelBgColor},...this.props.customStyle?.selectBoxStyle?.panelBgColorHover&&{"--sbd-dropdown__option_panelbg_hover":this.props.customStyle?.selectBoxStyle?.panelBgColorHover},...this.props.customStyle?.selectBoxStyle?.panelBgColorActive&&{"--sbd-dropdown__option_panelbg_selected":this.props.customStyle?.selectBoxStyle?.panelBgColorActive}};return arr.map((item=>div({id:"deviceOption"+item.deviceId,className:"sbd-dropdown__option",style:optionStyle,onclick:()=>this.optionSelection(item.deviceId)},this.bioSelectOptionLabel(item))))}return this.setPlaceholder("device_not_found_msg"),null}generateDropdownMenuList(){return div({className:"sbd-dropdown__menu-list"},this.generateOptionElement(this.modalityDevices))}generateDropdown(){const singleValue=this.setPlaceholder(),inputContainer=div({className:"sbd-dropdown__input-container","data-value":""},((...args)=>makeElement("input",...args))({className:"sbd-dropdown__input",autocapitalize:"none",autocomplete:"off",autocorrect:"off",id:"react-select-5-input",spellcheck:"false",tabindex:"0",type:"text","aria-autocomplete":"list","aria-expanded":"false","aria-haspopup":"true","aria-label":"Modality Device Select",role:"combobox",value:""})),valueContainer=div({className:"sbd-dropdown__value-container"},singleValue,inputContainer),indicators=div({className:"sbd-dropdown__indicators",onclick:()=>this.selectBtnActive()},span({className:"sbd-dropdown__indicator-separator"}),div({className:"sbd-dropdown__indicator-container","aria-hidden":"true"},svg({className:"sbd-dropdown__indicator-svg",height:"20",width:"20",viewBox:"0 0 20 20","aria-hidden":"true",focusable:"false"},path({d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"})))),controlStyle={...this.props.customStyle?.selectBoxStyle?.borderColor&&{"--sbd-dropdown__control_bordercolor_normal":this.props.customStyle?.selectBoxStyle?.borderColor},...this.props.customStyle?.selectBoxStyle?.borderColorHover&&{"--sbd-dropdown__control_bordercolor_hover":this.props.customStyle?.selectBoxStyle?.borderColorHover},...this.props.customStyle?.selectBoxStyle?.borderColorActive&&{"--sbd-dropdown__control_bordercolor_selected":this.props.customStyle?.selectBoxStyle?.borderColorActive}},dropdownControl=div({className:"sbd-dropdown__control",style:controlStyle},[valueContainer,indicators]),dropdownMenu=div({className:"sbd-dropdown__menu"},this.generateDropdownMenuList());return div({className:"sbd-dropdown__container sbd-block rounded sbd-bg-white sbd-shadow sbd-w-full"+(this.isRtl?" sbd-ml-2":" sbd-mr-2"),name:"modality_device",id:"modality_device","aria-label":"Modality Device Select"},[dropdownControl,dropdownMenu])}generateVerifyButton(){const buttonStyle={...this.props.customStyle?.verifyButtonStyle?.background&&{background:this.props.customStyle?.verifyButtonStyle?.background},...this.props.customStyle?.verifyButtonStyle?.color&&{color:this.props.customStyle?.verifyButtonStyle?.color}};return elements_button({className:"sbd-cursor-pointer sbd-block sbd-w-full sbd-font-medium sbd-rounded-lg sbd-text-sm sbd-px-5 sbd-py-2 sbd-text-center sbd-border sbd-border-2"+(this.props.disable?" sbd-text-slate-400 sbd-cursor-disable":" sbd-bg-gradient sbd-text-white"),style:this.props.disable?null:buttonStyle,onclick:()=>this.scanAndVerify(),disabled:this.props.disable},i18next.ZP.t(this.props.buttonLabel))}generateRefreshButton(){return elements_button({type:"button",className:"sbd-cursor-pointer sbd-flex sbd-items-center sbd-ml-auto sbd-text-gray-900 sbd-bg-white sbd-shadow border sbd-border-gray-300 sbd-hover:bg-gray-100 sbd-font-medium sbd-rounded-lg sbd-text-lg sbd-px-3 sbd-py-1 sbd-ml-1",onclick:()=>this.handleScan()},this.props.customStyle?.refreshButtonStyle?.iconUniCode??"↻")}generateDropdownDiv(){return div({className:"sbd-flex sbd-flex-col sbd-justify-center sbd-w-full sbd-mb-4"},((...args)=>makeElement("label",...args))({htmlFor:"modality_device",className:"block mb-2 text-xs font-medium text-gray-900 text-opacity-70"},i18next.ZP.t("select_a_device")),div({className:"sbd-flex sbd-items-stretch"},this.generateDropdown(),this.generateRefreshButton()))}generateVerifyButtonDiv(onlyErrorState=null){const elemArray=[];(onlyErrorState||null!==this.errorState)&&elemArray.push(this.generateErrorStateDiv(onlyErrorState??(i18next.ZP.exists(this.errorState.errorCode)?i18next.ZP.t(this.errorState.errorCode):this.errorState.defaultMsg),!1)),this.modalityDevices.length>0&&this.selectedDevice.status===DeviceStateStatus.Ready&&elemArray.push(this.generateVerifyButton());const verifyButtonData=div({className:"sbd-flex sbd-flex-col sbd-w-full"},elemArray),verifyButton=this.container.querySelector(".sbd-verify-button-div");return verifyButton?(verifyButton.innerHTML="",verifyButton.appendChild(verifyButtonData),verifyButton):div({className:"sbd-flex sbd-py-2 sbd-verify-button-div"},verifyButtonData)}generateSecureBiometricInterfaceComponent(){return[this.generateDropdownDiv(),this.generateVerifyButtonDiv()]}generateStatusMessage=()=>{let statusMsg="";return this.status===states_AUTHENTICATING?statusMsg=i18next.ZP.t("capture_initiated_msg",{modality:i18next.ZP.t(this.selectedDevice.type),deviceModel:this.selectedDevice.model}):this.status===states_DISCOVERING&&(statusMsg=i18next.ZP.t("scanning_devices_msg")),statusMsg};generateSekeleton=()=>div({className:"sbd-flex sbd-flex-col sbd-exosekeleton",dir:this.isRtl?"rtl":"ltr"},this.status===states_LOADED?this.generateSecureBiometricInterfaceComponent():this.generateLoadingIndicator());statusChanged(status){this.status=status;const exoskeleton=this.container.querySelector(".sbd-exosekeleton");exoskeleton&&(exoskeleton.innerHTML="",status===states_LOADED?(appendArray(exoskeleton,this.generateSecureBiometricInterfaceComponent()),this.selectedDevice&&this.optionSelection()):exoskeleton.appendChild(this.generateLoadingIndicator()))}sendErrorMsg(error){this.props.onErrored&&"function"==typeof this.props.onErrored&&this.props.onErrored(error)}cancelLoadingIndicator(){this.discoveryCancellationFlag=!0,this.errorStateChanged({errorCode:ErrorCode_DEVICE_NOT_FOUND,defaultMsg:"Device not found"},!1),this.statusChanged(states_LOADED)}errorStateChanged(error,render=!0){this.errorState=error,null!==error&&this.sendErrorMsg(error),null!==error&&render&&this.generateVerifyButtonDiv()}populateDropdownOption(){this.generateDropdownMenuList(),this.optionSelection()}async startCapture(){this.errorStateChanged(null);const selectedDevice=this.selectedDevice;if(null==selectedDevice)return void this.errorStateChanged({errorCode:ErrorCode_DEVICE_NOT_FOUND,defaultMsg:"Device not found"});let biometricResponse=null;try{if(this.statusChanged(states_AUTHENTICATING),biometricResponse=await this.sbiService.capture_Auth(this.host,selectedDevice.port,this.props.transactionId,selectedDevice.specVersion,selectedDevice.type,selectedDevice.deviceId),this.statusChanged(states_LOADED),"0"!==biometricResponse?.biometrics[0]?.error?.errorCode)return void this.errorStateChanged({errorCode:biometricResponse.biometrics[0].error.errorCode,defaultMsg:biometricResponse.biometrics[0].error.errorInfo})}catch(error){return this.statusChanged(states_LOADED),void this.errorStateChanged({errorCode:ErrorCode_BIOMETRIC_CAPTURE_FAILED,defaultMsg:"Biometric capture failed"})}this.props.onCapture(biometricResponse)}scanDevices(forceScan=!1){if(forceScan||!this.modalityDevices?.length||!this.selectedDevice){this.errorStateChanged(null),this.discoveryCancellationFlag=!1;try{this.statusChanged(states_DISCOVERING),this.discoverDeviceAsync(this.host)}catch(error){this.errorStateChanged({errorCode:ErrorCode_DEVICE_DISCOVERY_FAILED,defaultMsg:"Device discovery failed"})}}}async discoverDeviceAsync(host){this.modalityDevices=[],this.selectedDevice=null;const discTimeout=this.props.sbiEnv.discTimeout||this.defaultDiscTimeout;let discoverDeviceTill=(new Date).setSeconds((new Date).getSeconds()+discTimeout);for(;!this.discoveryCancellationFlag&&discoverDeviceTill>new Date&&(await this.sbiService.mosipdisc_DiscoverDevicesAsync(host),!(localStorageService.getDeviceInfos()&&Object.keys(localStorageService.getDeviceInfos()).length>0));)await new Promise((r=>setTimeout(r,this.buffertTime)));this.discoveryCancellationFlag=!1,localStorageService.getDeviceInfos()||Object.keys(localStorageService.getDeviceInfos()).length>0?(this.errorStateChanged(null),this.refreshDeviceList(),this.statusChanged(states_LOADED)):(this.errorStateChanged({errorCode:ErrorCode_DEVICE_NOT_FOUND,defaultMsg:"Device not found"},!1),this.statusChanged(states_LOADED))}refreshDeviceList(){let deviceInfosPortsWise=localStorageService.getDeviceInfos();if(!deviceInfosPortsWise)return this.modalityDevices=[],void this.errorStateChanged({errorCode:ErrorCode_DEVICE_NOT_FOUND,defaultMsg:"No devices found"});let modalityDevices=[];Object.keys(deviceInfosPortsWise).forEach((port=>{let deviceInfos=deviceInfosPortsWise[port];deviceInfos?.forEach((deviceInfo=>{if("string"!=typeof deviceInfo.digitalId){let deviceDetail={port,specVersion:deviceInfo?.specVersion[0],type:deviceInfo?.digitalId.type,deviceId:deviceInfo?.deviceId,model:deviceInfo?.digitalId.model,serialNo:deviceInfo?.digitalId.serialNo,text:deviceInfo?.digitalId.make+"-"+deviceInfo?.digitalId.model,value:deviceInfo?.digitalId.serialNo,icon:this.modalityIconPath[deviceInfo?.digitalId.type],status:DeviceStateStatus[deviceInfo?.deviceStatus]};modalityDevices.push(deviceDetail)}}))})),this.modalityDevices=modalityDevices,0!==modalityDevices.length?(this.selectedDevice=modalityDevices?.find((_=>_.status===DeviceState.READY.value))??modalityDevices[0],this.populateDropdownOption()):this.errorStateChanged({errorCode:ErrorCode_DEVICE_NOT_FOUND,defaultMsg:"No devices found"})}}let myDevice=null;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function SecureBiomtericInterfaceIntegrator({buttonLabel,disable,langCode,sbiEnv,customStyle,transactionId,onCapture,onErrored,id}){return(0,react.useEffect)((()=>{(({container,...args})=>{myDevice=new SecureBiometricInterface(container,{...args}),myDevice.renderComponent(),myDevice.container})({container:document.getElementById(id),buttonLabel,disable,langCode,sbiEnv,customStyle,transactionId,onCapture,onErrored})}),[buttonLabel,disable,langCode,sbiEnv,customStyle,onCapture,onErrored]),(0,jsx_runtime.jsx)("div",{style:{width:"100%",background:"#f6f6f2"},children:(0,jsx_runtime.jsx)("div",{style:{margin:"auto",width:"50%",border:"3px solid #d8d8d8",padding:"50px",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,jsx_runtime.jsx)("div",{id})})})}SecureBiomtericInterfaceIntegrator.displayName="SecureBiomtericInterfaceIntegrator",SecureBiomtericInterfaceIntegrator.__docgenInfo={description:"",methods:[],displayName:"SecureBiomtericInterfaceIntegrator"};const SecureBiometricInterfaceIntegrator=SecureBiomtericInterfaceIntegrator;var _a,_b,_c,_d,_e,_f,__assign=function(){return __assign=Object.assign||function(t){for(var s,i=1,n=arguments.length;i\n\n // in javascript\n SecureBiometricInterface.init({\n container: document.getElementById("secure-biometric-interface-integrator"),\n buttonLabel: "scan_and_verify",\n sbiEnv: {\n env: "Staging",\n captureTimeout: 30,\n irisBioSubtypes: "UNKNOWN",\n fingerBioSubtypes: "UNKNOWN",\n faceCaptureCount: 1,\n faceCaptureScore: 70,\n fingerCaptureCount: 1,\n fingerCaptureScore: 70,\n irisCaptureCount: 1,\n irisCaptureScore: 70,\n portRange: "4501-4502",\n discTimeout: 6,\n dinfoTimeout: 30,\n domainUri: `'.concat(window.origin,'`,\n },\n langCode: "en",\n disable: false,\n transactionId: "123456789",\n onCapture: (e) => {\n console.log("*******************gettiing the biometric response");\n console.log(e);\n },\n onErrored: (e) => {\n console.log("**********getting error from secure bio device");\n console.log(e);\n },\n });\n ')}}};var WithCustomStyle={args:{id:"sbi_story_with_custom_style",buttonLabel:"scan_and_verify",disable:!1,langCode:"en",sbiEnv,customStyle,onCapture:function(e){return(0,dist.aD)("onCapture")(e)},onErrored:function(e){return(0,dist.aD)("onErrored")(e)}}};WithCustomStyle.parameters={docs:{source:{code:'\n
\n\n // in javascript\n SecureBiometricInterface.init({\n container: document.getElementById("secure-biometric-interface-integrator"),\n buttonLabel: "scan_and_verify",\n sbiEnv: {\n env: "Staging",\n captureTimeout: 30,\n irisBioSubtypes: "UNKNOWN",\n fingerBioSubtypes: "UNKNOWN",\n faceCaptureCount: 1,\n faceCaptureScore: 70,\n fingerCaptureCount: 1,\n fingerCaptureScore: 70,\n irisCaptureCount: 1,\n irisCaptureScore: 70,\n portRange: "4501-4502",\n discTimeout: 6,\n dinfoTimeout: 30,\n domainUri: `'.concat(window.origin,'`,\n },\n customStyle: {\n selectBoxStyle: {\n borderColor: "#cccccc",\n borderColorActive: "#2684ff",\n borderColorHover: "#b3b3b3",\n panelBgColor: "#fff",\n panelBgColorHover: "#deebff",\n panelBgColorActive: "#2684ff",\n },\n refreshButtonStyle: {\n iconUniCode: "↻",\n },\n verifyButtonStyle: {\n background: "#A9D8E0",\n color: "#140111"\n }\n }\n langCode: "en",\n disable: false,\n transactionId: "123456789",\n onCapture: (e) => {\n console.log("*******************gettiing the biometric response");\n console.log(e);\n },\n onErrored: (e) => {\n console.log("**********getting error from secure bio device");\n console.log(e);\n },\n });\n ')}}},Primary.parameters=__assign(__assign({},Primary.parameters),{docs:__assign(__assign({},null===(_a=Primary.parameters)||void 0===_a?void 0:_a.docs),{source:__assign({originalSource:'{\n args: {\n id: "sbi_story",\n buttonLabel: "scan_and_verify",\n disable: false,\n langCode: "en",\n sbiEnv,\n onCapture: (e: any) => action("onCapture")(e),\n onErrored: (e: any) => action("onErrored")(e)\n }\n}'},null===(_c=null===(_b=Primary.parameters)||void 0===_b?void 0:_b.docs)||void 0===_c?void 0:_c.source)})}),WithCustomStyle.parameters=__assign(__assign({},WithCustomStyle.parameters),{docs:__assign(__assign({},null===(_d=WithCustomStyle.parameters)||void 0===_d?void 0:_d.docs),{source:__assign({originalSource:'{\n args: {\n id: "sbi_story_with_custom_style",\n buttonLabel: "scan_and_verify",\n disable: false,\n langCode: "en",\n sbiEnv,\n customStyle,\n onCapture: (e: any) => action("onCapture")(e),\n onErrored: (e: any) => action("onErrored")(e)\n }\n}'},null===(_f=null===(_e=WithCustomStyle.parameters)||void 0===_e?void 0:_e.docs)||void 0===_f?void 0:_f.source)})});const __namedExportsOrder=["Primary","WithCustomStyle"]},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!../secure-biometric-interface-integrator/lib/sbd.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_example_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_storybook_example_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_storybook_example_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_storybook_example_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_storybook_example_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_storybook_example_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'/* display flex related css start */\n.sbd-flex {\n display: flex;\n}\n.sbd-block {\n display: block;\n}\n.sbd-flex-col {\n flex-direction: column;\n}\n.sbd-justify-center {\n justify-content: center;\n}\n.sbd-items-center {\n align-items: center;\n}\n.sbd-items-stretch {\n align-items: stretch;\n}\n/* display flex related css end */\n\n/* utility related css start */\n.sbd-w-8 {\n width: 2rem;\n}\n.sbd-h-8 {\n height: 2rem;\n}\n.sbd-h-full {\n height: 100%;\n}\n.sbd-w-full {\n width: 100%;\n}\n.sbd-text-white {\n --sbd-text-opacity: 1;\n color: rgb(255, 255, 255, var(--sbd-text-opacity));\n}\n.sbd-text-slate-400 {\n --sbd-text-opacity: 1;\n color: rgb(148, 163, 184, var(--sbd-text-opacity));\n}\n.sbd-text-gray-900 {\n --sbd-text-opacity: 1;\n color: #1a202c;\n color: rgba(26, 32, 44, var(--sbd-text-opacity));\n}\n.sbd-text-gray-200 {\n --text-opacity: 1;\n color: #edf2f7;\n color: rgba(229, 231, 235, var);\n}\n.sbd-text-red-700 {\n --sbd-text-opacity: 1;\n color: #c53030;\n color: rgba(197, 48, 48, var(--sbd-text-opacity));\n}\n.sbd-bg-red-100 {\n --sbd-bg-opacity: 1;\n background-color: #fff5f5;\n background-color: rgba(255, 245, 245, var(--sbd-bg-opacity));\n}\n.sbd-text-sm {\n font-size: 0.875rem;\n}\n.sbd-bg-white {\n --sbd-bg-opacity: 1;\n background-color: #fff;\n background-color: rgba(255, 255, 255, var(--sbd-bg-opacity));\n}\n.sbd-shadow {\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n}\n.sbd-border-gray-300 {\n --sbd-border-opacity: 1;\n border-color: #e2e8f0;\n border-color: rgba(226, 232, 240, var(--sbd-border-opacity));\n}\n.sbd-hover\\:bg-gray-100:hover {\n --sbd-bg-opacity: 1;\n background-color: #f7fafc;\n background-color: rgba(247, 250, 252, var(--sbd-bg-opacity));\n}\n.sbd-font-medium {\n font-weight: 500;\n}\n.sbd-font-semibold {\n font-weight: 600;\n}\n.sbd-rounded-lg {\n border-radius: 0.5rem;\n}\n.sbd-text-lg {\n font-size: 1.125rem;\n}\n.sbd-text-xs {\n font-size: 0.75rem;\n}\n.sbd-text-opacity-70 {\n --sbd-text-opacity: 70;\n}\n.sbd-px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n.sbd-py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n.sbd-py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n.sbd-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n.sbd-p-2 {\n padding: 0.5rem;\n}\n.sbd-ml-1 {\n margin-left: 0.25rem;\n}\n.sbd-mt-1 {\n margin-top: 0.25rem;\n}\n.sbd-mt-2 {\n margin-top: 0.5rem;\n}\n.sbd-mb-1 {\n margin-bottom: 0.25rem;\n}\n.sbd-mb-2 {\n margin-bottom: 0.5rem;\n}\n.sbd-mb-4 {\n margin-bottom: 1rem;\n}\n.sbd-ml-2 {\n margin-left: 0.5rem;\n}\n.sbd-ml-auto {\n margin-left: auto !important;\n}\n.sbd-mr-auto {\n margin-right: auto !important;\n}\n.sbd-mr-2 {\n margin-right: 0.5rem;\n}\n.sbd-bottom-0 {\n bottom: 0;\n}\n.sbd-left-0 {\n left: 0;\n}\n.sbd-border {\n border-width: 1px;\n}\n.sbd-border-2 {\n border-width: 2px;\n}\n.sbd-bg-opacity-70 {\n --sbd-bg-opacity: 0.7;\n}\n.sbd-dark\\:text-gray-600 {\n --text-opacity: 1;\n color: #718096;\n color: rgba(75, 85, 99, var(--text-opacity));\n}\n.sbd-fill-blue-600 {\n fill: #2563eb;\n}\n.sbd-sr-only {\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n/* utility related css end */\n\n/* verify button related css start */\n.sbd-cursor-pointer {\n cursor: pointer;\n}\n.sbd-bg-gradient {\n --sbd-gradient-from: #06b6d4;\n --sbd-gradient-to: #3b82f6;\n --sbd-gradient-stops: var(--sbd-gradient-from), var(--sbd-gradient-to);\n background-image: linear-gradient(to top, var(--sbd-gradient-stops));\n}\n.sbd-bg-gradient:hover {\n background-image: linear-gradient(to bottom, var(--sbd-gradient-stops));\n}\n.sbd-cursor-disable {\n cursor: not-allowed;\n}\n/* verify button related css end */\n\n/* dropdown related css start */\n.sbd-dropdown__container.active .sbd-dropdown__menu {\n display: block;\n}\n.sbd-dropdown__control,\n.sbd-dropdown__indicators {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n}\n.sbd-dropdown__placeholder,\n.sbd-dropdown__single-value {\n margin-left: 2px;\n margin-right: 2px;\n grid-area: 1/1/2/3;\n box-sizing: border-box;\n}\n.sbd-dropdown__container {\n position: relative;\n box-sizing: border-box;\n}\n.sbd-dropdown__container .sbd-dropdown__menu {\n display: none;\n}\n.sbd-dropdown__control {\n -webkit-align-items: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: default;\n display: flex;\n -webkit-box-flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-pack: justify;\n -webkit-justify-content: space-between;\n justify-content: space-between;\n min-height: 38px;\n outline: 0 !important;\n position: relative;\n -webkit-transition: 0.1s;\n transition: 0.1s;\n background-color: #fff;\n border-radius: 4px;\n border: 1px solid var(--sbd-dropdown__control_bordercolor_normal, #ccc);\n box-shadow: 0 0 0 1px var(--sbd-dropdown__control_bordercolor_normal, #ccc);\n box-sizing: border-box;\n}\n.sbd-dropdown__control:hover {\n border-color: var(--sbd-dropdown__control_bordercolor_hover, #b3b3b3);\n box-shadow: 0 0 0 1px var(--sbd-dropdown__control_bordercolor_hover, #b3b3b3);\n}\n.sbd-dropdown__control:focus-within {\n border-color: var(--sbd-dropdown__control_bordercolor_selected, #2684ff);\n box-shadow: 0 0 0 1px\n var(--sbd-dropdown__control_bordercolor_selected, #2684ff);\n}\n.sbd-dropdown__value-container {\n -webkit-align-items: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n display: grid;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1 1 0%;\n -webkit-box-flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-overflow-scrolling: touch;\n position: relative;\n overflow: hidden;\n padding: 2px 8px;\n box-sizing: border-box;\n}\n.sbd-dropdown__placeholder {\n color: #7f7f7f;\n}\n.sbd-dropdown__single-value {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #333;\n}\n.sbd-dropdown__input-container {\n visibility: visible;\n -webkit-flex: 1 1 auto;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n display: inline-grid;\n grid-area: 1/1/2/3;\n grid-template-columns: 0 min-content;\n margin: 2px;\n padding-bottom: 2px;\n padding-top: 2px;\n color: #333;\n box-sizing: border-box;\n}\n.sbd-dropdown__input {\n content: attr(data-value) " ";\n visibility: hidden;\n white-space: pre;\n grid-area: 1/2;\n font: inherit;\n min-width: 2px;\n border: 0;\n margin: 0;\n outline: 0;\n padding: 0;\n}\n.sbd-dropdown__indicators {\n -webkit-align-items: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-align-self: stretch;\n -ms-flex-item-align: stretch;\n align-self: stretch;\n display: flex;\n -webkit-flex-shrink: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n box-sizing: border-box;\n}\n.sbd-dropdown__indicator-separator {\n -webkit-align-self: stretch;\n -ms-flex-item-align: stretch;\n align-self: stretch;\n width: 1px;\n background-color: #ccc;\n margin-bottom: 8px;\n margin-top: 8px;\n box-sizing: border-box;\n}\n.sbd-dropdown__menu,\n.sbd-dropdown__option {\n width: 100%;\n background-color: var(--sbd-dropdown__option_panelbg_normal, #fff);\n box-sizing: border-box;\n}\n.sbd-dropdown__indicator-container {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-transition: color 150ms;\n transition: color 150ms;\n color: #ccc;\n padding: 8px;\n box-sizing: border-box;\n}\n.sbd-dropdown__indicator-container:hover {\n color: #999;\n}\n.sbd-dropdown__indicator-svg {\n display: inline-block;\n fill: currentcolor;\n line-height: 1;\n stroke: currentcolor;\n stroke-width: 0;\n}\n.sbd-dropdown__menu {\n top: 100%;\n position: absolute;\n z-index: 1;\n border-radius: 4px;\n box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1);\n margin-bottom: 8px;\n margin-top: 8px;\n}\n.sbd-dropdown__menu-list {\n max-height: 300px;\n overflow-y: auto;\n position: relative;\n -webkit-overflow-scrolling: touch;\n padding-bottom: 4px;\n padding-top: 4px;\n box-sizing: border-box;\n}\n.sbd-dropdown__option {\n cursor: default;\n display: block;\n font-size: inherit;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n padding: 8px 12px;\n color: inherit;\n}\n.selected.sbd-dropdown__option,\n.selected.sbd-dropdown__option:hover {\n background-color: var(--sbd-dropdown__option_panelbg_selected, #2684ff);\n color: #fff;\n}\n.disabled.sbd-dropdown__option,\n.disabled.sbd-dropdown__option:hover {\n background-color: #fff;\n color: gray;\n}\n.sbd-dropdown__option:hover {\n background-color: var(--sbd-dropdown__option_panelbg_hover, #deebff);\n}\n.sbd-dropdown__option:active {\n background-color: var(--sbd-dropdown__option_panelbg_selected, #2684ff);\n}\n.sbd-dropdown__A11yText {\n z-index: 9999;\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n height: 1px;\n width: 1px;\n position: absolute;\n overflow: hidden;\n padding: 0;\n white-space: nowrap;\n}\n/* dropdown related css end */\n\n/* device status css start */\n.ready {\n height: 8px;\n width: 8px;\n border-radius: 50%;\n border: 1px solid #fff;\n background: green;\n}\n.busy,\n.not-ready {\n border-radius: 50%;\n height: 8px;\n width: 8px;\n}\n.not-ready {\n border: 1px solid #fff;\n background: gray;\n}\n.busy {\n border: 1px solid #fff;\n background: orange;\n}\n.not-registered {\n height: 8px;\n width: 8px;\n border-radius: 50%;\n border: 2px solid gray;\n background: #fff;\n}\n/* device status css end */\n\n/* spinner css start */\n@keyframes spin {\n 100% {\n transform: rotate(360deg);\n }\n}\n.sbd-animate-spin {\n animation: spin 1s linear infinite;\n}\n/* spinner css end */\n\n.sbd-border-gray {\n border: 1px solid var(--sbd-dropdown__control_bordercolor_normal, #ccc);\n box-shadow: 0 0 0 1px var(--sbd-dropdown__control_bordercolor_normal, #ccc);\n}\n',"",{version:3,sources:["webpack://./../secure-biometric-interface-integrator/lib/sbd.css"],names:[],mappings:"AAAA,mCAAmC;AACnC;EACE,aAAa;AACf;AACA;EACE,cAAc;AAChB;AACA;EACE,sBAAsB;AACxB;AACA;EACE,uBAAuB;AACzB;AACA;EACE,mBAAmB;AACrB;AACA;EACE,oBAAoB;AACtB;AACA,iCAAiC;;AAEjC,8BAA8B;AAC9B;EACE,WAAW;AACb;AACA;EACE,YAAY;AACd;AACA;EACE,YAAY;AACd;AACA;EACE,WAAW;AACb;AACA;EACE,qBAAqB;EACrB,kDAAkD;AACpD;AACA;EACE,qBAAqB;EACrB,kDAAkD;AACpD;AACA;EACE,qBAAqB;EACrB,cAAc;EACd,gDAAgD;AAClD;AACA;EACE,iBAAiB;EACjB,cAAc;EACd,+BAA+B;AACjC;AACA;EACE,qBAAqB;EACrB,cAAc;EACd,iDAAiD;AACnD;AACA;EACE,mBAAmB;EACnB,yBAAyB;EACzB,4DAA4D;AAC9D;AACA;EACE,mBAAmB;AACrB;AACA;EACE,mBAAmB;EACnB,sBAAsB;EACtB,4DAA4D;AAC9D;AACA;EACE,2EAA2E;AAC7E;AACA;EACE,uBAAuB;EACvB,qBAAqB;EACrB,4DAA4D;AAC9D;AACA;EACE,mBAAmB;EACnB,yBAAyB;EACzB,4DAA4D;AAC9D;AACA;EACE,gBAAgB;AAClB;AACA;EACE,gBAAgB;AAClB;AACA;EACE,qBAAqB;AACvB;AACA;EACE,mBAAmB;AACrB;AACA;EACE,kBAAkB;AACpB;AACA;EACE,sBAAsB;AACxB;AACA;EACE,qBAAqB;EACrB,sBAAsB;AACxB;AACA;EACE,oBAAoB;EACpB,uBAAuB;AACzB;AACA;EACE,mBAAmB;EACnB,sBAAsB;AACxB;AACA;EACE,iBAAiB;EACjB,oBAAoB;AACtB;AACA;EACE,eAAe;AACjB;AACA;EACE,oBAAoB;AACtB;AACA;EACE,mBAAmB;AACrB;AACA;EACE,kBAAkB;AACpB;AACA;EACE,sBAAsB;AACxB;AACA;EACE,qBAAqB;AACvB;AACA;EACE,mBAAmB;AACrB;AACA;EACE,mBAAmB;AACrB;AACA;EACE,4BAA4B;AAC9B;AACA;EAC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",sourcesContent:['/* display flex related css start */\n.sbd-flex {\n display: flex;\n}\n.sbd-block {\n display: block;\n}\n.sbd-flex-col {\n flex-direction: column;\n}\n.sbd-justify-center {\n justify-content: center;\n}\n.sbd-items-center {\n align-items: center;\n}\n.sbd-items-stretch {\n align-items: stretch;\n}\n/* display flex related css end */\n\n/* utility related css start */\n.sbd-w-8 {\n width: 2rem;\n}\n.sbd-h-8 {\n height: 2rem;\n}\n.sbd-h-full {\n height: 100%;\n}\n.sbd-w-full {\n width: 100%;\n}\n.sbd-text-white {\n --sbd-text-opacity: 1;\n color: rgb(255, 255, 255, var(--sbd-text-opacity));\n}\n.sbd-text-slate-400 {\n --sbd-text-opacity: 1;\n color: rgb(148, 163, 184, var(--sbd-text-opacity));\n}\n.sbd-text-gray-900 {\n --sbd-text-opacity: 1;\n color: #1a202c;\n color: rgba(26, 32, 44, var(--sbd-text-opacity));\n}\n.sbd-text-gray-200 {\n --text-opacity: 1;\n color: #edf2f7;\n color: rgba(229, 231, 235, var);\n}\n.sbd-text-red-700 {\n --sbd-text-opacity: 1;\n color: #c53030;\n color: rgba(197, 48, 48, var(--sbd-text-opacity));\n}\n.sbd-bg-red-100 {\n --sbd-bg-opacity: 1;\n background-color: #fff5f5;\n background-color: rgba(255, 245, 245, var(--sbd-bg-opacity));\n}\n.sbd-text-sm {\n font-size: 0.875rem;\n}\n.sbd-bg-white {\n --sbd-bg-opacity: 1;\n background-color: #fff;\n background-color: rgba(255, 255, 255, var(--sbd-bg-opacity));\n}\n.sbd-shadow {\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n}\n.sbd-border-gray-300 {\n --sbd-border-opacity: 1;\n border-color: #e2e8f0;\n border-color: rgba(226, 232, 240, var(--sbd-border-opacity));\n}\n.sbd-hover\\:bg-gray-100:hover {\n --sbd-bg-opacity: 1;\n background-color: #f7fafc;\n background-color: rgba(247, 250, 252, var(--sbd-bg-opacity));\n}\n.sbd-font-medium {\n font-weight: 500;\n}\n.sbd-font-semibold {\n font-weight: 600;\n}\n.sbd-rounded-lg {\n border-radius: 0.5rem;\n}\n.sbd-text-lg {\n font-size: 1.125rem;\n}\n.sbd-text-xs {\n font-size: 0.75rem;\n}\n.sbd-text-opacity-70 {\n --sbd-text-opacity: 70;\n}\n.sbd-px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n.sbd-py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n.sbd-py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n.sbd-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n.sbd-p-2 {\n padding: 0.5rem;\n}\n.sbd-ml-1 {\n margin-left: 0.25rem;\n}\n.sbd-mt-1 {\n margin-top: 0.25rem;\n}\n.sbd-mt-2 {\n margin-top: 0.5rem;\n}\n.sbd-mb-1 {\n margin-bottom: 0.25rem;\n}\n.sbd-mb-2 {\n margin-bottom: 0.5rem;\n}\n.sbd-mb-4 {\n margin-bottom: 1rem;\n}\n.sbd-ml-2 {\n margin-left: 0.5rem;\n}\n.sbd-ml-auto {\n margin-left: auto !important;\n}\n.sbd-mr-auto {\n margin-right: auto !important;\n}\n.sbd-mr-2 {\n margin-right: 0.5rem;\n}\n.sbd-bottom-0 {\n bottom: 0;\n}\n.sbd-left-0 {\n left: 0;\n}\n.sbd-border {\n border-width: 1px;\n}\n.sbd-border-2 {\n border-width: 2px;\n}\n.sbd-bg-opacity-70 {\n --sbd-bg-opacity: 0.7;\n}\n.sbd-dark\\:text-gray-600 {\n --text-opacity: 1;\n color: #718096;\n color: rgba(75, 85, 99, var(--text-opacity));\n}\n.sbd-fill-blue-600 {\n fill: #2563eb;\n}\n.sbd-sr-only {\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n/* utility related css end */\n\n/* verify button related css start */\n.sbd-cursor-pointer {\n cursor: pointer;\n}\n.sbd-bg-gradient {\n --sbd-gradient-from: #06b6d4;\n --sbd-gradient-to: #3b82f6;\n --sbd-gradient-stops: var(--sbd-gradient-from), var(--sbd-gradient-to);\n background-image: linear-gradient(to top, var(--sbd-gradient-stops));\n}\n.sbd-bg-gradient:hover {\n background-image: linear-gradient(to bottom, var(--sbd-gradient-stops));\n}\n.sbd-cursor-disable {\n cursor: not-allowed;\n}\n/* verify button related css end */\n\n/* dropdown related css start */\n.sbd-dropdown__container.active .sbd-dropdown__menu {\n display: block;\n}\n.sbd-dropdown__control,\n.sbd-dropdown__indicators {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n}\n.sbd-dropdown__placeholder,\n.sbd-dropdown__single-value {\n margin-left: 2px;\n margin-right: 2px;\n grid-area: 1/1/2/3;\n box-sizing: border-box;\n}\n.sbd-dropdown__container {\n position: relative;\n box-sizing: border-box;\n}\n.sbd-dropdown__container .sbd-dropdown__menu {\n display: none;\n}\n.sbd-dropdown__control {\n -webkit-align-items: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: default;\n display: flex;\n -webkit-box-flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-pack: justify;\n -webkit-justify-content: space-between;\n justify-content: space-between;\n min-height: 38px;\n outline: 0 !important;\n position: relative;\n -webkit-transition: 0.1s;\n transition: 0.1s;\n background-color: #fff;\n border-radius: 4px;\n border: 1px solid var(--sbd-dropdown__control_bordercolor_normal, #ccc);\n box-shadow: 0 0 0 1px var(--sbd-dropdown__control_bordercolor_normal, #ccc);\n box-sizing: border-box;\n}\n.sbd-dropdown__control:hover {\n border-color: var(--sbd-dropdown__control_bordercolor_hover, #b3b3b3);\n box-shadow: 0 0 0 1px var(--sbd-dropdown__control_bordercolor_hover, #b3b3b3);\n}\n.sbd-dropdown__control:focus-within {\n border-color: var(--sbd-dropdown__control_bordercolor_selected, #2684ff);\n box-shadow: 0 0 0 1px\n var(--sbd-dropdown__control_bordercolor_selected, #2684ff);\n}\n.sbd-dropdown__value-container {\n -webkit-align-items: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n display: grid;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1 1 0%;\n -webkit-box-flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-overflow-scrolling: touch;\n position: relative;\n overflow: hidden;\n padding: 2px 8px;\n box-sizing: border-box;\n}\n.sbd-dropdown__placeholder {\n color: #7f7f7f;\n}\n.sbd-dropdown__single-value {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #333;\n}\n.sbd-dropdown__input-container {\n visibility: visible;\n -webkit-flex: 1 1 auto;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n display: inline-grid;\n grid-area: 1/1/2/3;\n grid-template-columns: 0 min-content;\n margin: 2px;\n padding-bottom: 2px;\n padding-top: 2px;\n color: #333;\n box-sizing: border-box;\n}\n.sbd-dropdown__input {\n content: attr(data-value) " ";\n visibility: hidden;\n white-space: pre;\n grid-area: 1/2;\n font: inherit;\n min-width: 2px;\n border: 0;\n margin: 0;\n outline: 0;\n padding: 0;\n}\n.sbd-dropdown__indicators {\n -webkit-align-items: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-align-self: stretch;\n -ms-flex-item-align: stretch;\n align-self: stretch;\n display: flex;\n -webkit-flex-shrink: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n box-sizing: border-box;\n}\n.sbd-dropdown__indicator-separator {\n -webkit-align-self: stretch;\n -ms-flex-item-align: stretch;\n align-self: stretch;\n width: 1px;\n background-color: #ccc;\n margin-bottom: 8px;\n margin-top: 8px;\n box-sizing: border-box;\n}\n.sbd-dropdown__menu,\n.sbd-dropdown__option {\n width: 100%;\n background-color: var(--sbd-dropdown__option_panelbg_normal, #fff);\n box-sizing: border-box;\n}\n.sbd-dropdown__indicator-container {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-transition: color 150ms;\n transition: color 150ms;\n color: #ccc;\n padding: 8px;\n box-sizing: border-box;\n}\n.sbd-dropdown__indicator-container:hover {\n color: #999;\n}\n.sbd-dropdown__indicator-svg {\n display: inline-block;\n fill: currentcolor;\n line-height: 1;\n stroke: currentcolor;\n stroke-width: 0;\n}\n.sbd-dropdown__menu {\n top: 100%;\n position: absolute;\n z-index: 1;\n border-radius: 4px;\n box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1);\n margin-bottom: 8px;\n margin-top: 8px;\n}\n.sbd-dropdown__menu-list {\n max-height: 300px;\n overflow-y: auto;\n position: relative;\n -webkit-overflow-scrolling: touch;\n padding-bottom: 4px;\n padding-top: 4px;\n box-sizing: border-box;\n}\n.sbd-dropdown__option {\n cursor: default;\n display: block;\n font-size: inherit;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n padding: 8px 12px;\n color: inherit;\n}\n.selected.sbd-dropdown__option,\n.selected.sbd-dropdown__option:hover {\n background-color: var(--sbd-dropdown__option_panelbg_selected, #2684ff);\n color: #fff;\n}\n.disabled.sbd-dropdown__option,\n.disabled.sbd-dropdown__option:hover {\n background-color: #fff;\n color: gray;\n}\n.sbd-dropdown__option:hover {\n background-color: var(--sbd-dropdown__option_panelbg_hover, #deebff);\n}\n.sbd-dropdown__option:active {\n background-color: var(--sbd-dropdown__option_panelbg_selected, #2684ff);\n}\n.sbd-dropdown__A11yText {\n z-index: 9999;\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n height: 1px;\n width: 1px;\n position: absolute;\n overflow: hidden;\n padding: 0;\n white-space: nowrap;\n}\n/* dropdown related css end */\n\n/* device status css start */\n.ready {\n height: 8px;\n width: 8px;\n border-radius: 50%;\n border: 1px solid #fff;\n background: green;\n}\n.busy,\n.not-ready {\n border-radius: 50%;\n height: 8px;\n width: 8px;\n}\n.not-ready {\n border: 1px solid #fff;\n background: gray;\n}\n.busy {\n border: 1px solid #fff;\n background: orange;\n}\n.not-registered {\n height: 8px;\n width: 8px;\n border-radius: 50%;\n border: 2px solid gray;\n background: #fff;\n}\n/* device status css end */\n\n/* spinner css start */\n@keyframes spin {\n 100% {\n transform: rotate(360deg);\n }\n}\n.sbd-animate-spin {\n animation: spin 1s linear infinite;\n}\n/* spinner css end */\n\n.sbd-border-gray {\n border: 1px solid var(--sbd-dropdown__control_bordercolor_normal, #ccc);\n box-shadow: 0 0 0 1px var(--sbd-dropdown__control_bordercolor_normal, #ccc);\n}\n'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file diff --git a/iframe.html b/iframe.html index 82833ed..d83923a 100644 --- a/iframe.html +++ b/iframe.html @@ -348,7 +348,7 @@ window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":"tag"};