@soyio/soyio-widget 2.11.3 → 2.12.0

package/README.md

@@ -253,7 +253,7 @@ The **`auth_request`** is a process where, using a previously created `auth_requ
 
   // Widget configuration
   const widgetConfig = {
-    request: "authentication",
+    request: "authentication_request",
     configProps: {
       authRequestId: "<auth request id>",
       customColor: "<custom color>",

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 declare type AuthRequestConfig = {
-    request: 'authentication';
+    request: 'authentication_request';
     configProps: AuthRequestProps;
     onEvent: (data: EventData) => void;
     isSandbox?: boolean;

package/dist/index.js

@@ -197,7 +197,8 @@ const Tt = "https://app.soyio.id", Rt = "https://sandbox.soyio.id", Cn = "https:
   "IDENTITY_SIGNATURE",
   "UNEXPECTED_ERROR",
   "DENIED_CAMERA_PERMISSION",
-  "REJECTED_SIGNATURE"
+  "REJECTED_SIGNATURE",
+  "CLOSE_POPUP"
 ], Rn = "WIDGET_CLOSED", An = 420, On = 720, Nn = 500, Dn = {
   minWidth: "375px",
   maxWidth: "50rem"

package/dist/index.umd.cjs

@@ -32,7 +32,7 @@
     opacity: 1;
     transition: height 0.35s,
     opacity 0.4s 0.1s;
-  `,l}function Zt(){return Math.random().toString(36).substring(2,10)}const nt="https://app.soyio.id",rt="https://sandbox.soyio.id",Xt="https://privacy.soyio.id",Kt="https://privacy-sandbox.soyio.id",Qt=["DISCLOSURE_REQUEST_SUCCESSFUL","IDENTITY_REGISTERED","IDENTITY_SIGNATURE","UNEXPECTED_ERROR","DENIED_CAMERA_PERMISSION","REJECTED_SIGNATURE"],en="WIDGET_CLOSED",tn=420,nn=720,rn=500,on={minWidth:"375px",maxWidth:"50rem"},an={minWidth:"375px",maxWidth:"36rem"},sn={minWidth:"375px",maxWidth:"50rem"};class be{constructor(p){L(this,"iframe",null);L(this,"skeleton",null);L(this,"options");L(this,"appearance");L(this,"tooltipManager");L(this,"defaultIframeCSSConfig",on);L(this,"Skeleton",null);L(this,"defaultUniqueId");this.options=p,this.appearance=p.appearance||null,this.tooltipManager=new F,this.defaultUniqueId=be.generateUniqueId()}static generateUniqueId(){return Zt()}get uniqueIdentifier(){return this.defaultUniqueId}get iframeIdentifier(){return`${this.defaultIframePrefix}-${this.uniqueIdentifier}`}handleHeightChange(p){if(!this.iframe||(this.iframe.style.height=`${p}px`,p>0))return;const{parentElement:g}=this.iframe;g&&(g.style.display="none")}handleIframeReady(){return q(this,null,function*(){this.iframe&&(this.options.onReady&&this.options.onReady(),yield Se(this.iframe,this.appearance,this.uniqueIdentifier),this.skeleton&&this.skeleton.hide())})}handleTooltipChange(p){if(!this.iframe)return;const g=this.iframe.getBoundingClientRect(),{text:l,coordinates:w,isVisible:y}=p,E=w.x+g.left,C=w.y+g.top;y?this.tooltipManager.show(l,E,C):this.tooltipManager.hide()}setupListeners(){return q(this,null,function*(){yield Gt();const p={onHeightChange:this.handleHeightChange.bind(this),onIframeReady:this.handleIframeReady.bind(this),onTooltipChange:this.handleTooltipChange.bind(this),onInfo:this.options.onEvent.bind(this)};tt(this.uniqueIdentifier,p)})}mount(p){return q(this,null,function*(){if(!T)return this;yield this.setupListeners(),Vt(this.iframeIdentifier);const g=Yt(p),l=this.iframeUrl();return this.iframe=Jt(l,this.iframeIdentifier,this.defaultIframeCSSConfig),this.Skeleton&&(this.skeleton=new this.Skeleton(this.uniqueIdentifier),this.skeleton.mount(g)),g.appendChild(this.iframe),this})}unmount(){T&&($t(this.uniqueIdentifier),this.skeleton&&(this.skeleton.hide(),this.skeleton=null),this.iframe&&(this.iframe.remove(),this.iframe=null))}}class un{constructor(p){L(this,"element");L(this,"identifier");this.identifier=`skeleton-${p}`,this.element=document.createElement("div"),this.element.id=this.identifier,this.element.style.cssText=`
+  `,l}function Zt(){return Math.random().toString(36).substring(2,10)}const nt="https://app.soyio.id",rt="https://sandbox.soyio.id",Xt="https://privacy.soyio.id",Kt="https://privacy-sandbox.soyio.id",Qt=["DISCLOSURE_REQUEST_SUCCESSFUL","IDENTITY_REGISTERED","IDENTITY_SIGNATURE","UNEXPECTED_ERROR","DENIED_CAMERA_PERMISSION","REJECTED_SIGNATURE","CLOSE_POPUP"],en="WIDGET_CLOSED",tn=420,nn=720,rn=500,on={minWidth:"375px",maxWidth:"50rem"},an={minWidth:"375px",maxWidth:"36rem"},sn={minWidth:"375px",maxWidth:"50rem"};class be{constructor(p){L(this,"iframe",null);L(this,"skeleton",null);L(this,"options");L(this,"appearance");L(this,"tooltipManager");L(this,"defaultIframeCSSConfig",on);L(this,"Skeleton",null);L(this,"defaultUniqueId");this.options=p,this.appearance=p.appearance||null,this.tooltipManager=new F,this.defaultUniqueId=be.generateUniqueId()}static generateUniqueId(){return Zt()}get uniqueIdentifier(){return this.defaultUniqueId}get iframeIdentifier(){return`${this.defaultIframePrefix}-${this.uniqueIdentifier}`}handleHeightChange(p){if(!this.iframe||(this.iframe.style.height=`${p}px`,p>0))return;const{parentElement:g}=this.iframe;g&&(g.style.display="none")}handleIframeReady(){return q(this,null,function*(){this.iframe&&(this.options.onReady&&this.options.onReady(),yield Se(this.iframe,this.appearance,this.uniqueIdentifier),this.skeleton&&this.skeleton.hide())})}handleTooltipChange(p){if(!this.iframe)return;const g=this.iframe.getBoundingClientRect(),{text:l,coordinates:w,isVisible:y}=p,E=w.x+g.left,C=w.y+g.top;y?this.tooltipManager.show(l,E,C):this.tooltipManager.hide()}setupListeners(){return q(this,null,function*(){yield Gt();const p={onHeightChange:this.handleHeightChange.bind(this),onIframeReady:this.handleIframeReady.bind(this),onTooltipChange:this.handleTooltipChange.bind(this),onInfo:this.options.onEvent.bind(this)};tt(this.uniqueIdentifier,p)})}mount(p){return q(this,null,function*(){if(!T)return this;yield this.setupListeners(),Vt(this.iframeIdentifier);const g=Yt(p),l=this.iframeUrl();return this.iframe=Jt(l,this.iframeIdentifier,this.defaultIframeCSSConfig),this.Skeleton&&(this.skeleton=new this.Skeleton(this.uniqueIdentifier),this.skeleton.mount(g)),g.appendChild(this.iframe),this})}unmount(){T&&($t(this.uniqueIdentifier),this.skeleton&&(this.skeleton.hide(),this.skeleton=null),this.iframe&&(this.iframe.remove(),this.iframe=null))}}class un{constructor(p){L(this,"element");L(this,"identifier");this.identifier=`skeleton-${p}`,this.element=document.createElement("div"),this.element.id=this.identifier,this.element.style.cssText=`
       position: absolute;
       left: 50%;
       top: 50%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soyio/soyio-widget",
-  "version": "2.11.3",
+  "version": "2.12.0",
   "type": "module",
   "main": "./dist/index.umd.cjs",
   "module": "./dist/index.js",