@scandit/web-datacapture-label 7.4.0-beta.1 → 7.4.0-beta.2

package/build/js/chunks/chunk-633AVEFK.js

@@ -1 +0,0 @@
-import {b}from'./chunk-5R7Q5YTS.js';import {a as a$3}from'./chunk-ZTERM2E3.js';import {a as a$5}from'./chunk-WPDZTOAV.js';import {a as a$4}from'./chunk-BO7GK2X2.js';import {a as a$2}from'./chunk-3FUUGYCW.js';import {a as a$6}from'./chunk-PB6TETN2.js';import {a as a$9}from'./chunk-CWOXTL6A.js';import {a as a$1}from'./chunk-2BXP3X3H.js';import {a as a$7}from'./chunk-SUEFKTEN.js';import {a as a$8}from'./chunk-ZU6C4VWO.js';import {a}from'./chunk-SYDG6PPD.js';import {Color,ScanditIconType,FrameSourceState,Logger}from'@scandit/web-datacapture-core';import {nativeHandle}from'@scandit/web-datacapture-core/build/js/private/nativeHandle.js';import {Backdrop}from'@scandit/web-datacapture-core/build/js/private/ui/atoms/Backdrop.js';import {Card}from'@scandit/web-datacapture-core/build/js/private/ui/atoms/Card.js';import {CardListEvents}from'@scandit/web-datacapture-core/build/js/private/ui/atoms/CardList.js';import {SecondaryBlue60,SecondaryBlue10}from'@scandit/web-datacapture-core/build/js/private/ui/colors.js';function I(c){let t=btoa(c).replace(/=/g,"");return /^[a-z]/.test(t)?t:`id-${t}`}function P({name:c,type:t,label:a,value:e,errorMessage:o,required:r}){let i=Card.create(),s=a$9.create(),n=a$6.create();return n.errorMessage=o,n.type=t,n.label=a,n.value=e,n.required=r,n.name=c,s.append(n),i.append(s),i.backgroundColor=Color.fromHex("#fff"),i.id=I(c),i}var A={3:"Paused",4:"Finished",2:"In complete scan",1:"In partial scan",0:"Idle"};var f=class f{constructor(t,a,e){this.listener={onValidationFlowLabelCaptured:t=>{}};this.onWorkerMessageHandler=this.onWorkerMessage.bind(this);this.onInputManuallyButtonClickHandler=this.onInputManuallyButtonClick.bind(this);this.onSubmitButtonClickHandler=this.onSubmitButtonClick.bind(this);this.onRestartButtonClickHandler=this.onRestartButtonClick.bind(this);this.onBackButtonClickHandler=this.onBackButton.bind(this);this.onContextUpdatedListenerHandler=this.onContextUpdatedListener.bind(this);this.onTextInputAimerIconClickHandler=this.onTextInputAimerIconClick.bind(this);this.onTextInputClearIconClickHandler=this.onTextInputClearIconClick.bind(this);this.currentInput=null;this.onCardListClickHandler=this.onCardListClick.bind(this);this.onClickOutsideHandler=this.onClickOutside.bind(this);this[nativeHandle]=t,this.validationFlowHandler=a,this.validationSettings=e;}static async withLabelCaptureForView(t,a$2){var n;let e=await a().workerCommand("validationFlowOverlayForLabelCapture",{payload:{labelCaptureHandle:t[nativeHandle]}}),o=await t.validationFlowHandler(),r=await a$1.create(),i=new f(e,o,r);i.labelCapture=t,a().addWorkerListener(i.onWorkerMessageHandler),await a$2.addOverlay(i),(n=t.context)==null||n.updateListeners.add(i.onContextUpdatedListenerHandler),await i.addLabelValidationFlowViewToDataCaptureView(a$2),await i.validationFlowHandler.startCompleteLabelScan("");let s=await i.validationFlowHandler.validationFlowFields();return i.initializeCards(s),s.length===1&&(await i.onInputManuallyButtonClickHandler(),await i.onTextInputAimerIconClickHandler()),i}async applySettings(t){this.validationSettings=t,await a().workerCommand("validationFlowOverlayApplySettings",{payload:{overlayHandle:this[nativeHandle],settingsHandle:t[nativeHandle]}});}toJSONObject(){return {type:"ValidationFlowOverlay",nativeHandle:this[nativeHandle]}}async addLabelValidationFlowViewToDataCaptureView(t){for(let a of [a$2,a$3,a$4,b,a$5,a$6])a.register();this.layout=a$5.create(),this.cardListContainer=b.create(),this.cardListContainer.slot="card-list",this.cardListContainer.hidden=true,this.backAndRestartButton=a$3.create(),this.backAndRestartButton.variant="restart",this.submitButton=a$2.create(),this.submitButton.ariaLabel="Submit",this.submitButton.backgroundColor=SecondaryBlue60,this.submitButton.iconColor=Color.fromHex("#fff"),this.submitButton.icon=ScanditIconType.Checkmark,this.cardListContainer.append(this.backAndRestartButton,this.submitButton),this.inputManuallyButton=a$4.create(),this.inputManuallyButton.slot="bottom-button",this.inputManuallyButton.textContent=this.validationSettings.manualInputButtonText,this.layout.append(this.cardListContainer,this.inputManuallyButton),this.backdrop=Backdrop.create(),this.backdrop.slot="backdrop",this.layout.append(this.backdrop),t.htmlElement.prepend(this.layout),this.inputManuallyButton.addEventListener("click",this.onInputManuallyButtonClickHandler),this.submitButton.addEventListener("click",this.onSubmitButtonClickHandler),this.backAndRestartButton.addEventListener("restart",this.onRestartButtonClickHandler),this.backAndRestartButton.addEventListener("back",this.onBackButtonClickHandler),this.layout.addEventListener("click",this.onClickOutsideHandler),this.cardListContainer.addEventListener("on-button-container-click",this.onClickOutsideHandler),this.cardListContainer.addEventListener(CardListEvents.Tap,this.onCardListClickHandler),this.cardListContainer.addEventListener("text-input-aimer-icon-click",this.onTextInputAimerIconClickHandler),this.cardListContainer.addEventListener("text-input-clear-icon-click",this.onTextInputClearIconClickHandler);}onContextUpdatedListener(t){t.type==="removeOverlay"&&t.newValue===this&&(this.inputManuallyButton.removeEventListener("click",this.onInputManuallyButtonClickHandler),this.submitButton.removeEventListener("click",this.onSubmitButtonClickHandler),this.backAndRestartButton.removeEventListener("restart",this.onRestartButtonClickHandler),this.backAndRestartButton.removeEventListener("back",this.onBackButtonClickHandler),this.layout.removeEventListener("click",this.onClickOutsideHandler),this.cardListContainer.removeEventListener("on-button-container-click",this.onClickOutsideHandler),this.cardListContainer.removeEventListener(CardListEvents.Tap,this.onCardListClickHandler),this.cardListContainer.removeEventListener("text-input-aimer-icon-click",this.onTextInputAimerIconClickHandler),this.cardListContainer.removeEventListener("text-input-clear-icon-click",this.onTextInputClearIconClickHandler),this.layout.remove());}hasClickedOutsideOfCardList(t){return t.type==="on-button-container-click"&&t.target instanceof b||t.type==="click"&&t.target instanceof a$5||t.type==="click"&&t.target instanceof Backdrop}async onClickOutside(t){if(this.hasClickedOutsideOfCardList(t)){if(!this.currentInput)return;await this.validationFlowHandler.pauseScan();let a=await this.validationFlowHandler.updateFieldValue(this.currentInput.name,this.currentInput.value);this.currentInput.required?this.setCardAndInputValidity(this.currentInput.closest(Card.tag),a):this.currentInput.value!==""&&this.setCardAndInputValidity(this.currentInput.closest(Card.tag),a);}}initializeCards(t){var e;let a=[];for(let o of t){let r=o.getLabelField(),i=P({name:r.name,type:"text",label:r.isRequired?`${r.name} *`:r.name,value:(e=r.text)!=null?e:"",errorMessage:r.isRequired?this.validationSettings.requiredFieldErrorText:this.validationSettings.validationErrorText,required:r.isRequired});a.push(i);}this.cardListContainer.renderCards(a);}async onCardListClick(t){let a=t.detail.card;this.currentInput=a==null?void 0:a.querySelector(a$6.tag),!(!a||!this.currentInput)&&(this.currentInput.showKeyboard(1e3,()=>{this.cardListContainer.focusCard(a);}),this.resetCardTextInputField(a,false),this.backAndRestartButton.variant="back",this.submitButton.hide(),await this.validationFlowHandler.pauseScan(),await this.cardListContainer.unshiftCard(a),await this.cardListContainer.collapse());}async onTextInputAimerIconClick(t){var e,o;this.currentInput=(e=t==null?void 0:t.detail.target)!=null?e:this.cardListContainer.cards[0].querySelector(a$6.tag);let a=(o=this.currentInput)==null?void 0:o.closest(Card.tag);a&&(await this.cardListContainer.unshiftCard(a),this.backAndRestartButton.variant="back",this.submitButton.hide(),this.cardListContainer.unfocusCard(a),await this.cardListContainer.collapse()),await this.validationFlowHandler.startPartialLabelScan([this.currentInput.name]);}async onTextInputClearIconClick(t){let a=t.detail.target.closest(Card.tag),e=t.detail.target;this.resetCardTextInputField(a),await this.validationFlowHandler.pauseScan();let o=await this.validationFlowHandler.updateFieldValue(e.name,"");await this.cardListContainer.unshiftCard(a),!this.cardListContainer.isCollapsed()&&e.required&&this.setCardAndInputValidity(a,o);}async onInputManuallyButtonClick(){this.showCardListAndHideInputManuallyButton(),await this.validationFlowHandler.pauseScan();}async onSubmitButtonClick(){this.currentInput=null;let t=await this.validationFlowHandler.onFinishFlowRequested();if(t.type==="result"){let a=t.result.map(e=>a$7.fromJSONObject(e));this.handleOnFieldsScanned(a),a.every(e=>e.isValid())&&this.listener.onValidationFlowLabelCaptured(a.map(e=>e.getLabelField())),await this.cardListContainer.expand();}}async onRestartButtonClick(){this.resetAllCardsTextInputFields(),this.hideCardListAndShowInputManuallyButton(),this.submitButton.show(),await this.validationFlowHandler.pauseScan(),await this.validationFlowHandler.startCompleteLabelScan("");}async onBackButton(){if(!this.currentInput)return;await this.validationFlowHandler.pauseScan();let t=await this.validationFlowHandler.updateFieldValue(this.currentInput.name,this.currentInput.value);this.currentInput.required?this.setCardAndInputValidity(this.currentInput.closest(Card.tag),t):this.currentInput.value!==""&&this.setCardAndInputValidity(this.currentInput.closest(Card.tag),t),this.cardListContainer.expand(),this.submitButton.show();}resetCardTextInputField(t,a=true){this.setCardAndInputValidity(t,true),t.backgroundColor=Color.fromHex("#fff");let e=t.querySelector(a$6.tag);a&&(e.value="");}resetAllCardsTextInputFields(){for(let t of this.cardListContainer.cards)this.resetCardTextInputField(t);}async standByCamera(){var t;await((t=this.labelCapture.context.frameSource)==null?void 0:t.switchToDesiredState(FrameSourceState.Standby));}async activateCamera(){var t;await((t=this.labelCapture.context.frameSource)==null?void 0:t.switchToDesiredState(FrameSourceState.On));}setCardAndInputValidity(t,a){a?t.removeAttribute("with-border"):t.setAttribute("with-border",""),t.backgroundColor=a?SecondaryBlue10:Color.fromHex("#fff");let e=t==null?void 0:t.querySelector(a$6.tag);e&&(e.invalid=!a);}async handleLabelIsMissingRequiredFieldState(t){for(let a of t){let e=this.cardListContainer.getCardBySelector(`#${I(a.getLabelField().name)}`);e!=null&&this.setCardAndInputValidity(e,a.isValid());}}handleOnFinished(){this.backAndRestartButton.variant="restart";}showCardListAndHideInputManuallyButton(){this.cardListContainer.hidden=false,this.inputManuallyButton.hidden=true;}hideCardListAndShowInputManuallyButton(){this.cardListContainer.hidden=true,this.inputManuallyButton.hidden=false;}handleOnFieldsScanned(t){var a,e,o,r;this.cardListContainer.hidden&&this.showCardListAndHideInputManuallyButton();for(let i of t){let s=i.getLabelField(),n=this.cardListContainer.getCardBySelector(`#${I(s.name)}`),b=n==null?void 0:n.querySelector(a$6.tag);if(!(!n||!b))switch(s.type){case a$8.Text:b.value=(a=s.text)!=null?a:"",this.setCardAndInputValidity(n,i.isValid());break;case a$8.Barcode:b.value=(r=(o=(e=s.barcode)==null?void 0:e.data)!=null?o:s.text)!=null?r:"",this.setCardAndInputValidity(n,i.isValid());break}}}async handleScanTimeout(){this.showCardListAndHideInputManuallyButton(),await this.validationFlowHandler.pauseScan();}async handleInPauseScan(){await Promise.all([this.backdrop.show(),this.standByCamera()]);}async handleInCompleteScan(){await Promise.all([this.backdrop.hide(),this.activateCamera()]);}async handleInPartialScan(){await Promise.all([this.backdrop.hide(),this.activateCamera()]);}async onWorkerMessage(t){switch(t.type){case "validationFlowListenerOnFieldsScanned":{this.handleOnFieldsScanned(t.payload.fields.map(a=>a$7.fromJSONObject(a)));break}case "validationFlowListenerOnScanTimeout":{await this.handleScanTimeout();break}case "validationFlowListenerOnLabelIsMissingRequiredField":{let a=t.payload.fields.map(e=>a$7.fromJSONObject(e));await this.handleLabelIsMissingRequiredFieldState(a);break}case "validationFlowListenerOnStateChanged":{switch(Logger.debug(`Validation flow overlay: entering in ${A[t.payload.state]} state`),t.payload.state){case 4:this.handleOnFinished();break;case 2:await this.handleInCompleteScan();break;case 1:await this.handleInPartialScan();break;case 3:await this.handleInPauseScan();break}break}}}},x=f;export{x as a};

package/build/js/chunks/chunk-F47VOOOA.js

@@ -1 +0,0 @@
-var t={"scandit-datacapture-sdk-label-simd-pthreads.wasm":{bytes:7677562},"scandit-datacapture-sdk-label.wasm":{bytes:7644452},"scandit-datacapture-sdk-label-pthreads.wasm":{bytes:7764816},"scandit-datacapture-sdk-label-simd.wasm":{bytes:7556699}};export{t as a};

package/build/js/chunks/chunk-SPN5R3Z5.js

@@ -1 +0,0 @@
-import {a}from'./chunk-P7B72XJK.js';import {a as a$2}from'./chunk-2WECOW4F.js';import {a as a$1}from'./chunk-SYDG6PPD.js';import {CameraSettings,FocusGestureStrategy,VideoResolution,convertToPublicFrameData}from'@scandit/web-datacapture-core';import {nativeHandle}from'@scandit/web-datacapture-core/build/js/private/nativeHandle.js';import {warnMultithreadingUnavailable}from'@scandit/web-datacapture-core/build/js/private/utils/warnMultithreadingUnavailable.js';var l=class l{constructor(e,a){this.skipSerialization=true;this.listeners=new Set;this.workerListener=this.onWorkerMessage.bind(this);this[nativeHandle]=e,this.context=a;}async validationFlowHandler(){return this._validationFlowHandler||(this._validationFlowHandler=await a.create(this)),this._validationFlowHandler}static createRecommendedCameraSettings(){let e=CameraSettings.fromJSON({preferredResolution:VideoResolution.FullHD,zoomFactor:1,zoomGestureZoomFactor:1,focusGestureStrategy:FocusGestureStrategy.ManualUntilCapture});return e.setProperty("grayScaleFrameReader",true),e}static async forContext(e,a){warnMultithreadingUnavailable();let o=await a$1().workerCommand("labelCaptureForContext",{payload:{settingsHandle:a[nativeHandle]}}),i=new l(o,e);return await e.addNativeMode(i),i}async isEnabled(){return a$1().workerCommand("labelCaptureIsEnabled",{payload:{labelCaptureHandle:this[nativeHandle]}})}async setEnabled(e){await a$1().workerCommand("labelCaptureSetEnabled",{payload:{enabled:e,labelCaptureHandle:this[nativeHandle]}});}async applySettings(e){await a$1().workerCommand("labelCaptureApplySettings",{payload:{settingsHandle:e[nativeHandle],labelCaptureHandle:this[nativeHandle]}});}addListener(e){var a;this.listeners.add(e),(a=e.didStartObservingLabelCapture)==null||a.call(e,this),this.listeners.size===1&&(a$1().addWorkerListener(this.workerListener),a$1().workerCommand("labelCaptureAddListener",{payload:{labelCaptureHandle:this[nativeHandle]}}));}removeListener(e){var a;this.listeners.delete(e),(a=e.didStopObservingLabelCapture)==null||a.call(e,this),this.listeners.size===0&&(a$1().removeWorkerListener(this.workerListener),a$1().workerCommand("labelCaptureRemoveListener",{payload:{labelCaptureHandle:this[nativeHandle]}}));}onWorkerMessage(e){switch(e.type){case "labelCaptureOnObservationStarted":this.didStartObservingLabelCapture();break;case "labelCaptureOnObservationStopped":this.didStopObservingLabelCapture();break;case "labelCaptureOnSessionUpdated":this.didUpdateSession(e.payload.session,e.payload.data);break}}didStartObservingLabelCapture(){var e;for(let a of this.listeners)(e=a.didStartObservingLabelCapture)==null||e.call(a,this);}didStopObservingLabelCapture(){var e;for(let a of this.listeners)(e=a.didStopObservingLabelCapture)==null||e.call(a,this);}didUpdateSession(e,a){var n;let o=a$2.fromJSON(e),i=convertToPublicFrameData(a,this.context);for(let s of this.listeners)(n=s.didUpdateSession)==null||n.call(s,this,o,i);}},b=l;export{b as a};