@descope/user-profile-widget 0.0.32 → 0.0.34

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 
       /**
-       * @descope/user-profile-widget v0.0.32
+       * @descope/user-profile-widget v0.0.34
        */
-      import{__awaiter as t,__classPrivateFieldGet as e,__classPrivateFieldSet as i}from"tslib";import{createSingletonMixin as s,compose as o,createTemplate as r,kebabCase as n,withMemCache as d}from"@descope/sdk-helpers";import a from"@descope/web-component";import{projectIdMixin as l,observeAttributesMixin as h,loggerMixin as c,createStateManagementMixin as u,initLifecycleMixin as f,staticResourcesMixin as g,createValidateAttributesMixin as v,descopeUiMixin as p,initElementMixin as w,modalMixin as m,debuggerMixin as b,themeMixin as y}from"@descope/sdk-mixins";import{FlowDriver as R,AvatarDriver as W,UserAttributeDriver as k,UserAuthMethodDriver as M,ButtonDriver as U}from"@descope/sdk-component-drivers";import{createSelector as S}from"reselect";import{createAsyncThunk as j}from"@reduxjs/toolkit";import I from"@descope/web-js-sdk";import"@descope/core-js-sdk";const C=t=>t.me.data,A=S(C,(t=>t.picture)),x=S(C,(t=>t.email)),O=S(C,(t=>t.verifiedEmail)),q=S(C,(t=>t.name)),E=S(C,(t=>t.phone)),P=S(C,(t=>t.verifiedPhone)),F=S(C,(t=>t.webauthn));S(C,(t=>t.password));const T=t=>(...e)=>i=>{i.addCase(t.pending,((t,i)=>{e.forEach((({onPending:e})=>{null==e||e(t,i)}))})),i.addCase(t.fulfilled,((t,i)=>{e.forEach((({onFulfilled:e})=>{null==e||e(t,i)}))})),i.addCase(t.rejected,((t,i)=>{e.forEach((({onRejected:e})=>{null==e||e(t,i)}))}))},L=j("users/me",((t,{extra:{api:e}})=>e.user.me())),N=T(L)({onFulfilled:(t,e)=>{t.me.data=e.payload}},($=t=>t.me,{onFulfilled:t=>{$(t).loading=!1},onPending:t=>{$(t).loading=!0,$(t).error=null},onRejected:(t,e)=>{$(t).loading=!1,$(t).error=e.error}}));var $;const D={action:L,reducer:N},H=j("users/logout",((t,{extra:{api:e}})=>e.user.logout())),B={action:H,reducer:T(H)({})},J={me:{loading:!1,error:null,data:{}}},V={me:"/v1/auth/me"},z=()=>t(void 0,void 0,void 0,(function*(){return new Promise((t=>{t({loginIds:["user@company.com"],externalIds:["user@company.com"],userId:"user-1",name:"Test User",email:"user@company.com",roleNames:["Role"],phone:"+1-202-555-010",verifiedEmail:!0,verifiedPhone:!0,userTenants:[],status:"enabled",editable:!0,createdTime:(new Date).getTime(),customAttributes:{},familyName:"",givenName:"",middleName:"",picture:void 0,password:!0,SAML:!1,test:!1,TOTP:!1,webauthn:!0})}))})),G=({httpClient:e,mock:i})=>({me:()=>t(void 0,void 0,void 0,(function*(){if(i)return z();const s=yield e.get(V.me);return yield(e=>t(void 0,void 0,void 0,(function*(){const t=yield e.text(),i=JSON.parse(t);if(!e.ok){const t=`${i.errorDescription}${i.errorMessage?`: ${i.errorMessage}`:""}`;throw Error(t||`${e.status} ${e.statusText}`)}e.json=()=>Promise.resolve(i),e.text=()=>Promise.resolve(t)})))(s),s.json()}))}),K=s((s=>{var r,n,d,a;const u=o(l,h,c)(s);return a=class extends u{constructor(){super(...arguments),r.add(this),n.set(this,void 0)}get baseUrl(){return this.getAttribute("base-url")}get widgetId(){return this.getAttribute("widget-id")}get mock(){return this.getAttribute("mock")}get api(){return e(this,n,"f")||e(this,r,"m",d).call(this),e(this,n,"f")}init(){const i=Object.create(null,{init:{get:()=>super.init}});var s;return t(this,void 0,void 0,(function*(){yield null===(s=i.init)||void 0===s?void 0:s.call(this),this.observeAttributes(["project-id","base-url"],(()=>{e(this,n,"f")&&e(this,r,"m",d).call(this)}))}))}},n=new WeakMap,r=new WeakSet,d=function(){this.logger.debug("creating an sdk instance"),i(this,n,((e,i,s)=>{const o=I(Object.assign(Object.assign({},e),{persistTokens:!0,baseHeaders:{"x-descope-widget-type":"user-profile-widget","x-descope-widget-id":s,"x-descope-widget-version":"0.0.32"}}));return{user:Object.assign(Object.assign({},G({httpClient:o.httpClient,mock:i})),{logout:i?()=>t(void 0,void 0,void 0,(function*(){})):o.logout})}})({projectId:this.projectId,baseUrl:this.baseUrl},"true"===this.mock,this.widgetId),"f")},a})),Q=s((t=>{const e=o(u({name:"widget",initialState:J,reducers:{},extraReducers:t=>{D.reducer(t),B.reducer(t)},asyncActions:{getMe:D.action,logout:B.action}}),f,c,K)(t);return class extends e{constructor(...t){super(...t),this.state=J,this.subscribe((t=>{this.logger.debug("State update:",t),this.state=t}))}}})),X=s((e=>{const i=o(g,v({"widget-id":v.missingAttrValidator}))(e);return class extends i{get widgetId(){return this.getAttribute("widget-id")}fetchWidgetPage(e){return t(this,void 0,void 0,(function*(){return(yield this.fetchStaticResource(`user-profile-widget/${this.widgetId}/${e}`,"text")).body}))}}})),Y=s((i=>{var s,n,d;return d=class extends(o(c,f,p,w,X,Q)(i)){constructor(){super(...arguments),s.add(this)}onWidgetRootReady(){return t(this,void 0,void 0,(function*(){}))}init(){const i=Object.create(null,{init:{get:()=>super.init}});var o;return t(this,void 0,void 0,(function*(){yield null===(o=i.init)||void 0===o?void 0:o.call(this),yield Promise.all([this.actions.getMe(),e(this,s,"m",n).call(this)]),this.onWidgetRootReady()}))}},s=new WeakSet,n=function(){return t(this,void 0,void 0,(function*(){const t=r(yield this.fetchWidgetPage("root.html"));yield this.loadDescopeUiComponents(t),this.contentRootElement.append(t.content.cloneNode(!0))}))},d})),Z=(t={})=>{const e=r("<descope-wc></descope-wc>");return Object.entries(t).forEach((([t,i])=>{e.content.querySelector("descope-wc").setAttribute(n(t),i)})),e};function _(t){return new URLSearchParams(window.location.search).get(t)}const tt=s((s=>{var r,n,a,l,h,u,f,g,v;return v=class extends(o(Q,c,Y,m)(s)){constructor(){super(...arguments),r.add(this),n.set(this,void 0),a.set(this,void 0),f.set(this,d((t=>{this.avatar.image=t}))),g.set(this,d((t=>{this.avatar.displayName=t})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});var s;return t(this,void 0,void 0,(function*(){yield null===(s=i.onWidgetRootReady)||void 0===s?void 0:s.call(this),e(this,r,"m",u).call(this),e(this,r,"m",l).call(this),e(this,f,"f").call(this,A(this.state)),e(this,g,"f").call(this,q(this.state)),this.subscribe(e(this,f,"f").bind(this),A),this.subscribe(e(this,g,"f").bind(this),q)}))}},n=new WeakMap,a=new WeakMap,f=new WeakMap,g=new WeakMap,r=new WeakSet,l=function(){i(this,n,this.createModal({"data-id":"update-pic"}),"f"),i(this,a,new R((()=>{var t;return null===(t=e(this,n,"f").ele)||void 0===t?void 0:t.querySelector("descope-wc")}),{logger:this.logger}),"f"),e(this,n,"f").afterClose=e(this,r,"m",h).bind(this),e(this,r,"m",h).call(this)},h=function(){e(this,n,"f").setContent(Z({projectId:this.projectId,flowId:this.avatar.flowId,baseUrl:this.baseUrl})),e(this,a,"f").onSuccess((()=>{e(this,n,"f").close(),this.actions.getMe()}))},u=function(){this.avatar=new W((()=>{var t;return null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("descope-avatar")}),{logger:this.logger}),this.avatar.onClick((()=>{e(this,n,"f").open()}))},v})),et=s((s=>{var r,n,a,l,h,u,f,g,v,p,w,b,y;return y=class extends(o(Q,c,Y,m)(s)){constructor(){super(...arguments),r.add(this),n.set(this,void 0),a.set(this,void 0),l.set(this,void 0),h.set(this,void 0),w.set(this,d((t=>{this.emailUserAttr.value=t}))),b.set(this,d((t=>{this.emailUserAttr.badgeLabel=t?"":"Unverified"})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});var s;return t(this,void 0,void 0,(function*(){yield null===(s=i.onWidgetRootReady)||void 0===s?void 0:s.call(this),e(this,r,"m",p).call(this),e(this,r,"m",u).call(this),e(this,r,"m",g).call(this),e(this,w,"f").call(this,x(this.state)),e(this,b,"f").call(this,O(this.state)),this.subscribe(e(this,w,"f").bind(this),x),this.subscribe(e(this,b,"f").bind(this),O)}))}},n=new WeakMap,a=new WeakMap,l=new WeakMap,h=new WeakMap,w=new WeakMap,b=new WeakMap,r=new WeakSet,u=function(){i(this,n,this.createModal({"data-id":"edit-email"}),"f"),i(this,a,new R((()=>{var t;return null===(t=e(this,n,"f").ele)||void 0===t?void 0:t.querySelector("descope-wc")}),{logger:this.logger}),"f"),e(this,n,"f").afterClose=e(this,r,"m",f).bind(this),e(this,r,"m",f).call(this)},f=function(){e(this,n,"f").setContent(Z({projectId:this.projectId,flowId:this.emailUserAttr.editFlowId,baseUrl:this.baseUrl})),e(this,a,"f").onSuccess((()=>{e(this,n,"f").close(),this.actions.getMe()}))},g=function(){i(this,l,this.createModal({"data-id":"delete-email"}),"f"),i(this,h,new R((()=>{var t;return null===(t=e(this,l,"f").ele)||void 0===t?void 0:t.querySelector("descope-wc")}),{logger:this.logger}),"f"),e(this,l,"f").afterClose=e(this,r,"m",v).bind(this),e(this,r,"m",v).call(this)},v=function(){e(this,l,"f").setContent(Z({projectId:this.projectId,flowId:this.emailUserAttr.deleteFlowId,baseUrl:this.baseUrl})),e(this,h,"f").onSuccess((()=>{e(this,l,"f").close(),this.actions.getMe()}))},p=function(){this.emailUserAttr=new k((()=>{var t;return null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('descope-user-attribute[data-id="email"]')}),{logger:this.logger}),this.emailUserAttr.onEditClick((()=>{e(this,n,"f").open()})),this.emailUserAttr.onDeleteClick((()=>{e(this,l,"f").open()}))},y})),it=s((s=>{var r,n,a,l,h,u,f,g,v,p,w,b;return b=class extends(o(Q,c,Y,m)(s)){constructor(){super(...arguments),r.add(this),n.set(this,void 0),a.set(this,void 0),l.set(this,void 0),h.set(this,void 0),w.set(this,d((t=>{this.nameUserAttr.value=t})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});var s;return t(this,void 0,void 0,(function*(){yield null===(s=i.onWidgetRootReady)||void 0===s?void 0:s.call(this),e(this,r,"m",p).call(this),e(this,r,"m",u).call(this),e(this,r,"m",g).call(this),e(this,w,"f").call(this,q(this.state)),this.subscribe(e(this,w,"f").bind(this),q)}))}},n=new WeakMap,a=new WeakMap,l=new WeakMap,h=new WeakMap,w=new WeakMap,r=new WeakSet,u=function(){i(this,n,this.createModal({"data-id":"edit-name"}),"f"),i(this,a,new R((()=>{var t;return null===(t=e(this,n,"f").ele)||void 0===t?void 0:t.querySelector("descope-wc")}),{logger:this.logger}),"f"),e(this,n,"f").afterClose=e(this,r,"m",f).bind(this),e(this,r,"m",f).call(this)},f=function(){e(this,n,"f").setContent(Z({projectId:this.projectId,flowId:this.nameUserAttr.editFlowId,baseUrl:this.baseUrl})),e(this,a,"f").onSuccess((()=>{e(this,n,"f").close(),this.actions.getMe()}))},g=function(){i(this,l,this.createModal({"data-id":"delete-name"}),"f"),i(this,h,new R((()=>{var t;return null===(t=e(this,l,"f").ele)||void 0===t?void 0:t.querySelector("descope-wc")}),{logger:this.logger}),"f"),e(this,l,"f").afterClose=e(this,r,"m",v).bind(this),e(this,r,"m",v).call(this)},v=function(){e(this,l,"f").setContent(Z({projectId:this.projectId,flowId:this.nameUserAttr.deleteFlowId,baseUrl:this.baseUrl})),e(this,h,"f").onSuccess((()=>{e(this,l,"f").close(),this.actions.getMe()}))},p=function(){this.nameUserAttr=new k((()=>{var t;return null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('descope-user-attribute[data-id="name"]')}),{logger:this.logger}),this.nameUserAttr.onEditClick((()=>{e(this,n,"f").open()})),this.nameUserAttr.onDeleteClick((()=>{e(this,l,"f").open()}))},b})),st=s((s=>{var r,n,a,l,h,u,f,g,v,p,w,b,y;return y=class extends(o(Q,c,Y,m)(s)){constructor(){super(...arguments),r.add(this),n.set(this,void 0),a.set(this,void 0),l.set(this,void 0),h.set(this,void 0),w.set(this,d((t=>{this.phoneUserAttr.value=t}))),b.set(this,d((t=>{this.phoneUserAttr.badgeLabel=t?"":"Unverified"})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});var s;return t(this,void 0,void 0,(function*(){yield null===(s=i.onWidgetRootReady)||void 0===s?void 0:s.call(this),e(this,r,"m",p).call(this),e(this,r,"m",u).call(this),e(this,r,"m",g).call(this),e(this,w,"f").call(this,E(this.state)),e(this,b,"f").call(this,P(this.state)),this.subscribe(e(this,w,"f").bind(this),E),this.subscribe(e(this,b,"f").bind(this),P)}))}},n=new WeakMap,a=new WeakMap,l=new WeakMap,h=new WeakMap,w=new WeakMap,b=new WeakMap,r=new WeakSet,u=function(){i(this,n,this.createModal({"data-id":"edit-phone"}),"f"),i(this,a,new R((()=>{var t;return null===(t=e(this,n,"f").ele)||void 0===t?void 0:t.querySelector("descope-wc")}),{logger:this.logger}),"f"),e(this,n,"f").afterClose=e(this,r,"m",f).bind(this),e(this,r,"m",f).call(this)},f=function(){e(this,n,"f").setContent(Z({projectId:this.projectId,flowId:this.phoneUserAttr.editFlowId,baseUrl:this.baseUrl})),e(this,a,"f").onSuccess((()=>{e(this,n,"f").close(),this.actions.getMe()}))},g=function(){i(this,l,this.createModal({"data-id":"delete-phone"}),"f"),i(this,h,new R((()=>{var t;return null===(t=e(this,l,"f").ele)||void 0===t?void 0:t.querySelector("descope-wc")}),{logger:this.logger}),"f"),e(this,l,"f").afterClose=e(this,r,"m",v).bind(this),e(this,r,"m",v).call(this)},v=function(){e(this,l,"f").setContent(Z({projectId:this.projectId,flowId:this.phoneUserAttr.deleteFlowId,baseUrl:this.baseUrl})),e(this,h,"f").onSuccess((()=>{e(this,l,"f").close(),this.actions.getMe()}))},p=function(){this.phoneUserAttr=new k((()=>{var t;return null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('descope-user-attribute[data-id="phone"]')}),{logger:this.logger}),this.phoneUserAttr.onEditClick((()=>{e(this,n,"f").open()})),this.phoneUserAttr.onDeleteClick((()=>{e(this,l,"f").open()}))},y})),ot=s((s=>{var r,n,a,l,h,u,f,g;return g=class extends(o(Q,c,Y,m)(s)){constructor(){super(...arguments),r.add(this),n.set(this,void 0),a.set(this,void 0),f.set(this,d((t=>{this.passkeyUserAuthMethod.fulfilled=t})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});var s;return t(this,void 0,void 0,(function*(){yield null===(s=i.onWidgetRootReady)||void 0===s?void 0:s.call(this),e(this,r,"m",u).call(this),e(this,r,"m",l).call(this),e(this,f,"f").call(this,F(this.state)),this.subscribe(e(this,f,"f").bind(this),F)}))}},n=new WeakMap,a=new WeakMap,f=new WeakMap,r=new WeakSet,l=function(){i(this,n,this.createModal({"data-id":"passkey"}),"f"),i(this,a,new R((()=>{var t;return null===(t=e(this,n,"f").ele)||void 0===t?void 0:t.querySelector("descope-wc")}),{logger:this.logger}),"f"),e(this,n,"f").afterClose=e(this,r,"m",h).bind(this),e(this,r,"m",h).call(this)},h=function(){e(this,n,"f").setContent(Z({projectId:this.projectId,flowId:this.passkeyUserAuthMethod.flowId,baseUrl:this.baseUrl})),e(this,a,"f").onSuccess((()=>{e(this,n,"f").close(),this.actions.getMe()}))},u=function(){this.passkeyUserAuthMethod=new M((()=>{var t;return null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('descope-user-auth-method[data-id="passkey"]')}),{logger:this.logger}),this.passkeyUserAuthMethod.onButtonClick((()=>{e(this,n,"f").open()}))},g})),rt=s((s=>{var r,n,d,a,l,h,u;return u=class extends(o(Q,c,Y,m)(s)){constructor(){super(...arguments),r.add(this),n.set(this,void 0),d.set(this,void 0)}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});var s;return t(this,void 0,void 0,(function*(){yield null===(s=i.onWidgetRootReady)||void 0===s?void 0:s.call(this),e(this,r,"m",h).call(this),e(this,r,"m",a).call(this)}))}},n=new WeakMap,d=new WeakMap,r=new WeakSet,a=function(){i(this,n,this.createModal({"data-id":"password"}),"f"),i(this,d,new R((()=>{var t;return null===(t=e(this,n,"f").ele)||void 0===t?void 0:t.querySelector("descope-wc")}),{logger:this.logger}),"f"),e(this,n,"f").afterClose=e(this,r,"m",l).bind(this),e(this,r,"m",l).call(this)},l=function(){e(this,n,"f").setContent(Z({projectId:this.projectId,flowId:this.passwordUserAuthMethod.flowId,baseUrl:this.baseUrl})),e(this,d,"f").onSuccess((()=>{e(this,n,"f").close()}))},h=function(){this.passwordUserAuthMethod=new M((()=>{var t;return null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('descope-user-auth-method[data-id="password"]')}),{logger:this.logger}),this.passwordUserAuthMethod.onButtonClick((()=>{e(this,n,"f").open()}))},u})),nt=s((i=>{var s,r,n;return n=class extends(o(Q,c,Y,m)(i)){constructor(){super(...arguments),s.add(this)}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});var o;return t(this,void 0,void 0,(function*(){yield null===(o=i.onWidgetRootReady)||void 0===o?void 0:o.call(this),e(this,s,"m",r).call(this)}))}},s=new WeakSet,r=function(){this.logout=new U((()=>{var t;return null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('descope-button[data-id="logout"]')}),{logger:this.logger}),this.logout.onClick((()=>t(this,void 0,void 0,(function*(){yield this.actions.logout(),this.dispatchEvent(new CustomEvent("logout"))}))))},n})),dt="widget-flow",at=s((i=>{var s,r,n;return n=class extends(o(f,m,Q,c)(i)){constructor(){super(...arguments),s.add(this)}init(){const i=Object.create(null,{init:{get:()=>super.init}});var o;return t(this,void 0,void 0,(function*(){yield null===(o=i.init)||void 0===o?void 0:o.call(this);const t=_(dt);t&&(!function(t){if(window.history.replaceState&&_(t)){const e=new URL(window.location.href),i=new URLSearchParams(e.search);i.delete(t),e.search=i.toString(),window.history.replaceState({},"",e.toString())}}(dt),e(this,s,"m",r).call(this,t))}))}},s=new WeakSet,r=function(t){const e=this.createModal({"data-id":"redirect-flow"});e.setContent(Z({projectId:this.projectId,flowId:t,baseUrl:this.baseUrl}));const i=new R((()=>{var t;return null===(t=e.ele)||void 0===t?void 0:t.querySelector("descope-wc")}),{logger:this.logger});i.onSuccess((()=>{e.close(),this.actions.getMe()})),e.afterClose=()=>{e.remove()},e.open()},n})),lt=s((e=>class extends(o(b,y,at,et,tt,it,st,ot,rt,nt)(e)){init(){const e=Object.create(null,{init:{get:()=>super.init}});var i;return t(this,void 0,void 0,(function*(){yield null===(i=e.init)||void 0===i?void 0:i.call(this)}))}})),ht=o((e=>class extends(lt(e)){init(){const e=Object.create(null,{init:{get:()=>super.init}});var i;return t(this,void 0,void 0,(function*(){yield null===(i=e.init)||void 0===i?void 0:i.call(this),a.sdkConfigOverrides={baseHeaders:{"x-descope-widget-type":"user-profile-widget","x-descope-widget-id":this.getAttribute("widget-id"),"x-descope-widget-version":"0.0.32"}}}))}}))(HTMLElement);customElements.define("descope-user-profile-widget",ht);export{ht as default};
+      import{__awaiter as t,__classPrivateFieldGet as e,__classPrivateFieldSet as i}from"tslib";import{createSingletonMixin as s,compose as o,createTemplate as r,kebabCase as n,withMemCache as d}from"@descope/sdk-helpers";import a from"@descope/web-component";import{projectIdMixin as l,observeAttributesMixin as h,loggerMixin as c,createStateManagementMixin as u,initLifecycleMixin as f,staticResourcesMixin as g,createValidateAttributesMixin as v,descopeUiMixin as p,initElementMixin as w,modalMixin as m,debuggerMixin as b,themeMixin as y}from"@descope/sdk-mixins";import{FlowDriver as R,AvatarDriver as W,UserAttributeDriver as k,UserAuthMethodDriver as M,ButtonDriver as U}from"@descope/sdk-component-drivers";import{createSelector as S}from"reselect";import{createAsyncThunk as j}from"@reduxjs/toolkit";import I from"@descope/web-js-sdk";import"@descope/core-js-sdk";const C=t=>t.me.data,A=S(C,(t=>t.picture)),x=S(C,(t=>t.email)),O=S(C,(t=>t.verifiedEmail)),q=S(C,(t=>t.name)),E=S(C,(t=>t.phone)),P=S(C,(t=>t.verifiedPhone)),F=S(C,(t=>t.webauthn));S(C,(t=>t.password));const T=t=>(...e)=>i=>{i.addCase(t.pending,((t,i)=>{e.forEach((({onPending:e})=>{null==e||e(t,i)}))})),i.addCase(t.fulfilled,((t,i)=>{e.forEach((({onFulfilled:e})=>{null==e||e(t,i)}))})),i.addCase(t.rejected,((t,i)=>{e.forEach((({onRejected:e})=>{null==e||e(t,i)}))}))},L=j("users/me",((t,{extra:{api:e}})=>e.user.me())),N=T(L)({onFulfilled:(t,e)=>{t.me.data=e.payload}},($=t=>t.me,{onFulfilled:t=>{$(t).loading=!1},onPending:t=>{$(t).loading=!0,$(t).error=null},onRejected:(t,e)=>{$(t).loading=!1,$(t).error=e.error}}));var $;const D={action:L,reducer:N},H=j("users/logout",((t,{extra:{api:e}})=>e.user.logout())),B={action:H,reducer:T(H)({})},J={me:{loading:!1,error:null,data:{}}},V={me:"/v1/auth/me"},z=()=>t(void 0,void 0,void 0,(function*(){return new Promise((t=>{t({loginIds:["user@company.com"],externalIds:["user@company.com"],userId:"user-1",name:"Test User",email:"user@company.com",roleNames:["Role"],phone:"+1-202-555-010",verifiedEmail:!0,verifiedPhone:!0,userTenants:[],status:"enabled",editable:!0,createdTime:(new Date).getTime(),customAttributes:{},familyName:"",givenName:"",middleName:"",picture:void 0,password:!0,SAML:!1,test:!1,TOTP:!1,webauthn:!0})}))})),G=({httpClient:e,mock:i})=>({me:()=>t(void 0,void 0,void 0,(function*(){if(i)return z();const s=yield e.get(V.me);return yield(e=>t(void 0,void 0,void 0,(function*(){const t=yield e.text(),i=JSON.parse(t);if(!e.ok){const t=`${i.errorDescription}${i.errorMessage?`: ${i.errorMessage}`:""}`;throw Error(t||`${e.status} ${e.statusText}`)}e.json=()=>Promise.resolve(i),e.text=()=>Promise.resolve(t)})))(s),s.json()}))}),K=s((s=>{var r,n,d,a;const u=o(l,h,c)(s);return a=class extends u{constructor(){super(...arguments),r.add(this),n.set(this,void 0)}get baseUrl(){return this.getAttribute("base-url")}get widgetId(){return this.getAttribute("widget-id")}get mock(){return this.getAttribute("mock")}get api(){return e(this,n,"f")||e(this,r,"m",d).call(this),e(this,n,"f")}init(){const i=Object.create(null,{init:{get:()=>super.init}});var s;return t(this,void 0,void 0,(function*(){yield null===(s=i.init)||void 0===s?void 0:s.call(this),this.observeAttributes(["project-id","base-url"],(()=>{e(this,n,"f")&&e(this,r,"m",d).call(this)}))}))}},n=new WeakMap,r=new WeakSet,d=function(){this.logger.debug("creating an sdk instance"),i(this,n,((e,i,s)=>{const o=I(Object.assign(Object.assign({},e),{persistTokens:!0,baseHeaders:{"x-descope-widget-type":"user-profile-widget","x-descope-widget-id":s,"x-descope-widget-version":"0.0.34"}}));return{user:Object.assign(Object.assign({},G({httpClient:o.httpClient,mock:i})),{logout:i?()=>t(void 0,void 0,void 0,(function*(){})):o.logout})}})({projectId:this.projectId,baseUrl:this.baseUrl},"true"===this.mock,this.widgetId),"f")},a})),Q=s((t=>{const e=o(u({name:"widget",initialState:J,reducers:{},extraReducers:t=>{D.reducer(t),B.reducer(t)},asyncActions:{getMe:D.action,logout:B.action}}),f,c,K)(t);return class extends e{constructor(...t){super(...t),this.state=J,this.subscribe((t=>{this.logger.debug("State update:",t),this.state=t}))}}})),X=s((e=>{const i=o(g,v({"widget-id":v.missingAttrValidator}))(e);return class extends i{get widgetId(){return this.getAttribute("widget-id")}fetchWidgetPage(e){return t(this,void 0,void 0,(function*(){return(yield this.fetchStaticResource(`user-profile-widget/${this.widgetId}/${e}`,"text")).body}))}}})),Y=s((i=>{var s,n,d;return d=class extends(o(c,f,p,w,X,Q)(i)){constructor(){super(...arguments),s.add(this)}onWidgetRootReady(){return t(this,void 0,void 0,(function*(){}))}init(){const i=Object.create(null,{init:{get:()=>super.init}});var o;return t(this,void 0,void 0,(function*(){yield null===(o=i.init)||void 0===o?void 0:o.call(this),yield Promise.all([this.actions.getMe(),e(this,s,"m",n).call(this)]),this.onWidgetRootReady()}))}},s=new WeakSet,n=function(){return t(this,void 0,void 0,(function*(){const t=r(yield this.fetchWidgetPage("root.html"));yield this.loadDescopeUiComponents(t),this.contentRootElement.append(t.content.cloneNode(!0))}))},d})),Z=(t={})=>{const e=r("<descope-wc></descope-wc>");return Object.entries(t).forEach((([t,i])=>{e.content.querySelector("descope-wc").setAttribute(n(t),i)})),e};function _(t){return new URLSearchParams(window.location.search).get(t)}const tt=s((s=>{var r,n,a,l,h,u,f,g,v;return v=class extends(o(Q,c,Y,m)(s)){constructor(){super(...arguments),r.add(this),n.set(this,void 0),a.set(this,void 0),f.set(this,d((t=>{this.avatar.image=t}))),g.set(this,d((t=>{this.avatar.displayName=t})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});var s;return t(this,void 0,void 0,(function*(){yield null===(s=i.onWidgetRootReady)||void 0===s?void 0:s.call(this),e(this,r,"m",u).call(this),e(this,r,"m",l).call(this),e(this,f,"f").call(this,A(this.state)),e(this,g,"f").call(this,q(this.state)),this.subscribe(e(this,f,"f").bind(this),A),this.subscribe(e(this,g,"f").bind(this),q)}))}},n=new WeakMap,a=new WeakMap,f=new WeakMap,g=new WeakMap,r=new WeakSet,l=function(){i(this,n,this.createModal({"data-id":"update-pic"}),"f"),i(this,a,new R((()=>{var t;return null===(t=e(this,n,"f").ele)||void 0===t?void 0:t.querySelector("descope-wc")}),{logger:this.logger}),"f"),e(this,n,"f").afterClose=e(this,r,"m",h).bind(this),e(this,r,"m",h).call(this)},h=function(){e(this,n,"f").setContent(Z({projectId:this.projectId,flowId:this.avatar.flowId,baseUrl:this.baseUrl})),e(this,a,"f").onSuccess((()=>{e(this,n,"f").close(),this.actions.getMe()}))},u=function(){this.avatar=new W((()=>{var t;return null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("descope-avatar")}),{logger:this.logger}),this.avatar.onClick((()=>{e(this,n,"f").open()}))},v})),et=s((s=>{var r,n,a,l,h,u,f,g,v,p,w,b,y;return y=class extends(o(Q,c,Y,m)(s)){constructor(){super(...arguments),r.add(this),n.set(this,void 0),a.set(this,void 0),l.set(this,void 0),h.set(this,void 0),w.set(this,d((t=>{this.emailUserAttr.value=t}))),b.set(this,d((t=>{this.emailUserAttr.badgeLabel=t?"":"Unverified"})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});var s;return t(this,void 0,void 0,(function*(){yield null===(s=i.onWidgetRootReady)||void 0===s?void 0:s.call(this),e(this,r,"m",p).call(this),e(this,r,"m",u).call(this),e(this,r,"m",g).call(this),e(this,w,"f").call(this,x(this.state)),e(this,b,"f").call(this,O(this.state)),this.subscribe(e(this,w,"f").bind(this),x),this.subscribe(e(this,b,"f").bind(this),O)}))}},n=new WeakMap,a=new WeakMap,l=new WeakMap,h=new WeakMap,w=new WeakMap,b=new WeakMap,r=new WeakSet,u=function(){i(this,n,this.createModal({"data-id":"edit-email"}),"f"),i(this,a,new R((()=>{var t;return null===(t=e(this,n,"f").ele)||void 0===t?void 0:t.querySelector("descope-wc")}),{logger:this.logger}),"f"),e(this,n,"f").afterClose=e(this,r,"m",f).bind(this),e(this,r,"m",f).call(this)},f=function(){e(this,n,"f").setContent(Z({projectId:this.projectId,flowId:this.emailUserAttr.editFlowId,baseUrl:this.baseUrl})),e(this,a,"f").onSuccess((()=>{e(this,n,"f").close(),this.actions.getMe()}))},g=function(){i(this,l,this.createModal({"data-id":"delete-email"}),"f"),i(this,h,new R((()=>{var t;return null===(t=e(this,l,"f").ele)||void 0===t?void 0:t.querySelector("descope-wc")}),{logger:this.logger}),"f"),e(this,l,"f").afterClose=e(this,r,"m",v).bind(this),e(this,r,"m",v).call(this)},v=function(){e(this,l,"f").setContent(Z({projectId:this.projectId,flowId:this.emailUserAttr.deleteFlowId,baseUrl:this.baseUrl})),e(this,h,"f").onSuccess((()=>{e(this,l,"f").close(),this.actions.getMe()}))},p=function(){this.emailUserAttr=new k((()=>{var t;return null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('descope-user-attribute[data-id="email"]')}),{logger:this.logger}),this.emailUserAttr.onEditClick((()=>{e(this,n,"f").open()})),this.emailUserAttr.onDeleteClick((()=>{e(this,l,"f").open()}))},y})),it=s((s=>{var r,n,a,l,h,u,f,g,v,p,w,b;return b=class extends(o(Q,c,Y,m)(s)){constructor(){super(...arguments),r.add(this),n.set(this,void 0),a.set(this,void 0),l.set(this,void 0),h.set(this,void 0),w.set(this,d((t=>{this.nameUserAttr.value=t})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});var s;return t(this,void 0,void 0,(function*(){yield null===(s=i.onWidgetRootReady)||void 0===s?void 0:s.call(this),e(this,r,"m",p).call(this),e(this,r,"m",u).call(this),e(this,r,"m",g).call(this),e(this,w,"f").call(this,q(this.state)),this.subscribe(e(this,w,"f").bind(this),q)}))}},n=new WeakMap,a=new WeakMap,l=new WeakMap,h=new WeakMap,w=new WeakMap,r=new WeakSet,u=function(){i(this,n,this.createModal({"data-id":"edit-name"}),"f"),i(this,a,new R((()=>{var t;return null===(t=e(this,n,"f").ele)||void 0===t?void 0:t.querySelector("descope-wc")}),{logger:this.logger}),"f"),e(this,n,"f").afterClose=e(this,r,"m",f).bind(this),e(this,r,"m",f).call(this)},f=function(){e(this,n,"f").setContent(Z({projectId:this.projectId,flowId:this.nameUserAttr.editFlowId,baseUrl:this.baseUrl})),e(this,a,"f").onSuccess((()=>{e(this,n,"f").close(),this.actions.getMe()}))},g=function(){i(this,l,this.createModal({"data-id":"delete-name"}),"f"),i(this,h,new R((()=>{var t;return null===(t=e(this,l,"f").ele)||void 0===t?void 0:t.querySelector("descope-wc")}),{logger:this.logger}),"f"),e(this,l,"f").afterClose=e(this,r,"m",v).bind(this),e(this,r,"m",v).call(this)},v=function(){e(this,l,"f").setContent(Z({projectId:this.projectId,flowId:this.nameUserAttr.deleteFlowId,baseUrl:this.baseUrl})),e(this,h,"f").onSuccess((()=>{e(this,l,"f").close(),this.actions.getMe()}))},p=function(){this.nameUserAttr=new k((()=>{var t;return null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('descope-user-attribute[data-id="name"]')}),{logger:this.logger}),this.nameUserAttr.onEditClick((()=>{e(this,n,"f").open()})),this.nameUserAttr.onDeleteClick((()=>{e(this,l,"f").open()}))},b})),st=s((s=>{var r,n,a,l,h,u,f,g,v,p,w,b,y;return y=class extends(o(Q,c,Y,m)(s)){constructor(){super(...arguments),r.add(this),n.set(this,void 0),a.set(this,void 0),l.set(this,void 0),h.set(this,void 0),w.set(this,d((t=>{this.phoneUserAttr.value=t}))),b.set(this,d((t=>{this.phoneUserAttr.badgeLabel=t?"":"Unverified"})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});var s;return t(this,void 0,void 0,(function*(){yield null===(s=i.onWidgetRootReady)||void 0===s?void 0:s.call(this),e(this,r,"m",p).call(this),e(this,r,"m",u).call(this),e(this,r,"m",g).call(this),e(this,w,"f").call(this,E(this.state)),e(this,b,"f").call(this,P(this.state)),this.subscribe(e(this,w,"f").bind(this),E),this.subscribe(e(this,b,"f").bind(this),P)}))}},n=new WeakMap,a=new WeakMap,l=new WeakMap,h=new WeakMap,w=new WeakMap,b=new WeakMap,r=new WeakSet,u=function(){i(this,n,this.createModal({"data-id":"edit-phone"}),"f"),i(this,a,new R((()=>{var t;return null===(t=e(this,n,"f").ele)||void 0===t?void 0:t.querySelector("descope-wc")}),{logger:this.logger}),"f"),e(this,n,"f").afterClose=e(this,r,"m",f).bind(this),e(this,r,"m",f).call(this)},f=function(){e(this,n,"f").setContent(Z({projectId:this.projectId,flowId:this.phoneUserAttr.editFlowId,baseUrl:this.baseUrl})),e(this,a,"f").onSuccess((()=>{e(this,n,"f").close(),this.actions.getMe()}))},g=function(){i(this,l,this.createModal({"data-id":"delete-phone"}),"f"),i(this,h,new R((()=>{var t;return null===(t=e(this,l,"f").ele)||void 0===t?void 0:t.querySelector("descope-wc")}),{logger:this.logger}),"f"),e(this,l,"f").afterClose=e(this,r,"m",v).bind(this),e(this,r,"m",v).call(this)},v=function(){e(this,l,"f").setContent(Z({projectId:this.projectId,flowId:this.phoneUserAttr.deleteFlowId,baseUrl:this.baseUrl})),e(this,h,"f").onSuccess((()=>{e(this,l,"f").close(),this.actions.getMe()}))},p=function(){this.phoneUserAttr=new k((()=>{var t;return null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('descope-user-attribute[data-id="phone"]')}),{logger:this.logger}),this.phoneUserAttr.onEditClick((()=>{e(this,n,"f").open()})),this.phoneUserAttr.onDeleteClick((()=>{e(this,l,"f").open()}))},y})),ot=s((s=>{var r,n,a,l,h,u,f,g;return g=class extends(o(Q,c,Y,m)(s)){constructor(){super(...arguments),r.add(this),n.set(this,void 0),a.set(this,void 0),f.set(this,d((t=>{this.passkeyUserAuthMethod.fulfilled=t})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});var s;return t(this,void 0,void 0,(function*(){yield null===(s=i.onWidgetRootReady)||void 0===s?void 0:s.call(this),e(this,r,"m",u).call(this),e(this,r,"m",l).call(this),e(this,f,"f").call(this,F(this.state)),this.subscribe(e(this,f,"f").bind(this),F)}))}},n=new WeakMap,a=new WeakMap,f=new WeakMap,r=new WeakSet,l=function(){i(this,n,this.createModal({"data-id":"passkey"}),"f"),i(this,a,new R((()=>{var t;return null===(t=e(this,n,"f").ele)||void 0===t?void 0:t.querySelector("descope-wc")}),{logger:this.logger}),"f"),e(this,n,"f").afterClose=e(this,r,"m",h).bind(this),e(this,r,"m",h).call(this)},h=function(){e(this,n,"f").setContent(Z({projectId:this.projectId,flowId:this.passkeyUserAuthMethod.flowId,baseUrl:this.baseUrl})),e(this,a,"f").onSuccess((()=>{e(this,n,"f").close(),this.actions.getMe()}))},u=function(){this.passkeyUserAuthMethod=new M((()=>{var t;return null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('descope-user-auth-method[data-id="passkey"]')}),{logger:this.logger}),this.passkeyUserAuthMethod.onButtonClick((()=>{e(this,n,"f").open()}))},g})),rt=s((s=>{var r,n,d,a,l,h,u;return u=class extends(o(Q,c,Y,m)(s)){constructor(){super(...arguments),r.add(this),n.set(this,void 0),d.set(this,void 0)}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});var s;return t(this,void 0,void 0,(function*(){yield null===(s=i.onWidgetRootReady)||void 0===s?void 0:s.call(this),e(this,r,"m",h).call(this),e(this,r,"m",a).call(this)}))}},n=new WeakMap,d=new WeakMap,r=new WeakSet,a=function(){i(this,n,this.createModal({"data-id":"password"}),"f"),i(this,d,new R((()=>{var t;return null===(t=e(this,n,"f").ele)||void 0===t?void 0:t.querySelector("descope-wc")}),{logger:this.logger}),"f"),e(this,n,"f").afterClose=e(this,r,"m",l).bind(this),e(this,r,"m",l).call(this)},l=function(){e(this,n,"f").setContent(Z({projectId:this.projectId,flowId:this.passwordUserAuthMethod.flowId,baseUrl:this.baseUrl})),e(this,d,"f").onSuccess((()=>{e(this,n,"f").close()}))},h=function(){this.passwordUserAuthMethod=new M((()=>{var t;return null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('descope-user-auth-method[data-id="password"]')}),{logger:this.logger}),this.passwordUserAuthMethod.onButtonClick((()=>{e(this,n,"f").open()}))},u})),nt=s((i=>{var s,r,n;return n=class extends(o(Q,c,Y,m)(i)){constructor(){super(...arguments),s.add(this)}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});var o;return t(this,void 0,void 0,(function*(){yield null===(o=i.onWidgetRootReady)||void 0===o?void 0:o.call(this),e(this,s,"m",r).call(this)}))}},s=new WeakSet,r=function(){this.logout=new U((()=>{var t;return null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('descope-button[data-id="logout"]')}),{logger:this.logger}),this.logout.onClick((()=>t(this,void 0,void 0,(function*(){yield this.actions.logout(),this.dispatchEvent(new CustomEvent("logout"))}))))},n})),dt="widget-flow",at=s((i=>{var s,r,n;return n=class extends(o(f,m,Q,c)(i)){constructor(){super(...arguments),s.add(this)}init(){const i=Object.create(null,{init:{get:()=>super.init}});var o;return t(this,void 0,void 0,(function*(){yield null===(o=i.init)||void 0===o?void 0:o.call(this);const t=_(dt);t&&(!function(t){if(window.history.replaceState&&_(t)){const e=new URL(window.location.href),i=new URLSearchParams(e.search);i.delete(t),e.search=i.toString(),window.history.replaceState({},"",e.toString())}}(dt),e(this,s,"m",r).call(this,t))}))}},s=new WeakSet,r=function(t){const e=this.createModal({"data-id":"redirect-flow"});e.setContent(Z({projectId:this.projectId,flowId:t,baseUrl:this.baseUrl}));const i=new R((()=>{var t;return null===(t=e.ele)||void 0===t?void 0:t.querySelector("descope-wc")}),{logger:this.logger});i.onSuccess((()=>{e.close(),this.actions.getMe()})),e.afterClose=()=>{e.remove()},e.open()},n})),lt=s((e=>class extends(o(b,y,at,et,tt,it,st,ot,rt,nt)(e)){init(){const e=Object.create(null,{init:{get:()=>super.init}});var i;return t(this,void 0,void 0,(function*(){yield null===(i=e.init)||void 0===i?void 0:i.call(this)}))}})),ht=o((e=>class extends(lt(e)){init(){const e=Object.create(null,{init:{get:()=>super.init}});var i;return t(this,void 0,void 0,(function*(){yield null===(i=e.init)||void 0===i?void 0:i.call(this),a.sdkConfigOverrides={baseHeaders:{"x-descope-widget-type":"user-profile-widget","x-descope-widget-id":this.getAttribute("widget-id"),"x-descope-widget-version":"0.0.34"}}}))}}))(HTMLElement);customElements.define("descope-user-profile-widget",ht);export{ht as default};
 //# sourceMappingURL=index.js.map

package/dist/index.d.ts

@@ -13,12 +13,12 @@ type State = {
 };
 
 declare const UserProfileWidget: {
-    new (...args: any): {
+    new (...params: any[]): {
         init(): Promise<void>;
         logout: _descope_sdk_component_drivers.ButtonDriver;
         "__#16@#initLogout"(): void;
         onWidgetRootReady: (() => Promise<void>) & (() => Promise<void>) & (() => Promise<void>) & (() => Promise<void>) & (() => Promise<void>) & (() => Promise<void>) & (() => Promise<void>);
-        "__#12031@#ModalDriverWrapper": new (refOrRefFn: Element | (() => HTMLElement), config: {
+        "__#12121@#ModalDriverWrapper": new (refOrRefFn: Element | (() => HTMLElement), config: {
             logger: {
                 error(...data: any[]): void;
                 warn(...data: any[]): void;
@@ -27,7 +27,7 @@ declare const UserProfileWidget: {
             };
         }) => {
             setContent(template: HTMLTemplateElement): void;
-            "__#12030@#private": any;
+            "__#12120@#private": any;
             beforeOpen: () => void | Promise<void>;
             afterClose: () => void;
             nodeName: string;
@@ -35,7 +35,7 @@ declare const UserProfileWidget: {
             open(): Promise<void>;
             reset(): void;
             remove(): void;
-            "__#12028@#private": any;
+            "__#12118@#private": any;
             logger: {
                 error(...data: any[]): void;
                 warn(...data: any[]): void;
@@ -46,21 +46,21 @@ declare const UserProfileWidget: {
             readonly ele: Element;
         };
         createModal(config?: Record<string, string>): _descope_sdk_component_drivers.ModalDriver;
-        "__#12027@#errorCbsSym": symbol;
-        "__#12027@#loadCbsSym": symbol;
-        "__#12027@#getComponentsVersion": (() => Promise<any>) & (() => Promise<any>) & (() => Promise<any>);
-        "__#12027@#exposeAlternateEvents": ((scriptEle: HTMLScriptElement) => void) & ((scriptEle: HTMLScriptElement) => void) & ((scriptEle: HTMLScriptElement) => void);
-        "__#12027@#handleFallbackScript": ((errorCbs: ((error: string) => void)[], loadCbs: (() => void)[]) => Promise<void>) & ((errorCbs: ((error: string) => void)[], loadCbs: (() => void)[]) => Promise<void>) & ((errorCbs: ((error: string) => void)[], loadCbs: (() => void)[]) => Promise<void>);
-        "__#12027@#registerEvents": ((scriptEle: HTMLScriptElement) => void) & ((scriptEle: HTMLScriptElement) => void) & ((scriptEle: HTMLScriptElement) => void);
-        "__#12027@#getDescopeUiLoadingScript": (() => Promise<HTMLElement>) & (() => Promise<HTMLElement>) & (() => Promise<HTMLElement>);
-        "__#12027@#descopeUi": Promise<any>;
+        "__#12117@#errorCbsSym": symbol;
+        "__#12117@#loadCbsSym": symbol;
+        "__#12117@#getComponentsVersion": (() => Promise<any>) & (() => Promise<any>) & (() => Promise<any>);
+        "__#12117@#exposeAlternateEvents": ((scriptEle: HTMLScriptElement) => void) & ((scriptEle: HTMLScriptElement) => void) & ((scriptEle: HTMLScriptElement) => void);
+        "__#12117@#handleFallbackScript": ((errorCbs: ((error: string) => void)[], loadCbs: (() => void)[]) => Promise<void>) & ((errorCbs: ((error: string) => void)[], loadCbs: (() => void)[]) => Promise<void>) & ((errorCbs: ((error: string) => void)[], loadCbs: (() => void)[]) => Promise<void>);
+        "__#12117@#registerEvents": ((scriptEle: HTMLScriptElement) => void) & ((scriptEle: HTMLScriptElement) => void) & ((scriptEle: HTMLScriptElement) => void);
+        "__#12117@#getDescopeUiLoadingScript": (() => Promise<HTMLElement>) & (() => Promise<HTMLElement>) & (() => Promise<HTMLElement>);
+        "__#12117@#descopeUi": Promise<any>;
         readonly descopeUi: Promise<any>;
-        "__#12027@#loadDescopeUiComponent": ((componentName: string) => Promise<any>) & ((componentName: string) => Promise<any>) & ((componentName: string) => Promise<any>);
+        "__#12117@#loadDescopeUiComponent": ((componentName: string) => Promise<any>) & ((componentName: string) => Promise<any>) & ((componentName: string) => Promise<any>);
         loadDescopeUiComponents: ((templateOrComponentNames: string[] | HTMLTemplateElement) => Promise<any[]>) & ((templateOrComponentNames: string[] | HTMLTemplateElement) => Promise<any[]>) & ((templateOrComponentNames: string[] | HTMLTemplateElement) => Promise<any[]>);
-        "__#12027@#getDescopeUi": (() => Promise<unknown>) & (() => Promise<unknown>) & (() => Promise<unknown>);
+        "__#12117@#getDescopeUi": (() => Promise<unknown>) & (() => Promise<unknown>) & (() => Promise<unknown>);
         readonly config: any;
-        "__#12024@#_configResource": any;
-        "__#12024@#fetchConfig": (() => Promise<{
+        "__#12114@#_configResource": any;
+        "__#12114@#fetchConfig": (() => Promise<{
             projectConfig: _descope_sdk_mixins.ProjectConfiguration;
             executionContext: {
                 geo: string;
@@ -100,16 +100,7 @@ declare const UserProfileWidget: {
             body: F_2 extends "json" ? Record<string, any> : string;
             headers: Record<string, string>;
         }>);
-        readonly projectId: string;
-        "__#12023@#handleError": ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void);
-        "__#12022@#observeMappings": {};
-        observeAttribute: ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any);
-        observeAttributes: ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void);
-        "__#12021@#isInit": boolean;
-        connectedCallback: (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & {
-            (): void;
-            (): void;
-        } & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void);
+        readonly baseUrl: string;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -214,6 +205,10 @@ declare const UserProfileWidget: {
             (attrName: string, oldValue: string, newValue: string): void;
             (attrName: string, oldValue: string, newValue: string): void;
         } & ((attrName: string, oldValue: string, newValue: string) => void) & ((attrName: string, oldValue: string, newValue: string) => void) & ((attrName: string, oldValue: string, newValue: string) => void) & ((attrName: string, oldValue: string, newValue: string) => void) & ((attrName: string, oldValue: string, newValue: string) => void) & ((attrName: string, oldValue: string, newValue: string) => void) & ((attrName: string, oldValue: string, newValue: string) => void) & ((attrName: string, oldValue: string, newValue: string) => void);
+        connectedCallback: (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & {
+            (): void;
+            (): void;
+        } & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void);
         readonly attributes: NamedNodeMap;
         readonly classList: DOMTokenList;
         className: string;
@@ -862,13 +857,19 @@ declare const UserProfileWidget: {
         tabIndex: number;
         blur: (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void);
         focus: ((options?: FocusOptions) => void) & ((options?: FocusOptions) => void) & ((options?: FocusOptions) => void) & ((options?: FocusOptions) => void) & ((options?: FocusOptions) => void) & ((options?: FocusOptions) => void) & ((options?: FocusOptions) => void) & ((options?: FocusOptions) => void) & ((options?: FocusOptions) => void) & ((options?: FocusOptions) => void) & ((options?: FocusOptions) => void) & ((options?: FocusOptions) => void) & ((options?: FocusOptions) => void);
-        "__#12020@#logger": {
+        readonly projectId: string;
+        "__#12113@#handleError": ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void);
+        "__#12112@#observeMappings": {};
+        observeAttribute: ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any);
+        observeAttributes: ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void);
+        "__#12111@#isInit": boolean;
+        "__#12110@#logger": {
             error(...data: any[]): void;
             warn(...data: any[]): void;
             info(...data: any[]): void;
             debug(...data: any[]): void;
         };
-        "__#12020@#wrapLogger": ((logger: Partial<{
+        "__#12110@#wrapLogger": ((logger: Partial<{
             error(...data: any[]): void;
             warn(...data: any[]): void;
             info(...data: any[]): void;
@@ -1207,7 +1208,6 @@ declare const UserProfileWidget: {
             };
         };
         "__#8@#createSdk": (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void);
-        readonly baseUrl: string;
         readonly widgetId: string;
         readonly mock: string;
         readonly api: {
@@ -1802,14 +1802,14 @@ declare const UserProfileWidget: {
         "__#11@#onValueBadgeLabelUpdate": (isEmailVerified: any) => void;
         "__#17@#createFlowRedirectModal"(widgetFlow: string): void;
         readonly theme: _descope_sdk_mixins.ThemeOptions;
-        "__#12033@#_themeResource": Promise<void | Record<string, any>>;
-        "__#12033@#fetchTheme"(): Promise<Record<string, any>>;
-        readonly "__#12033@#themeResource": Promise<void | Record<string, any>>;
-        "__#12033@#loadGlobalStyle"(): Promise<void>;
-        "__#12033@#loadComponentsStyle"(): Promise<void>;
-        "__#12033@#loadFonts"(): Promise<void>;
-        "__#12033@#applyTheme"(): Promise<void>;
-        "__#12026@#debuggerEle": HTMLElement & {
+        "__#12123@#_themeResource": Promise<void | Record<string, any>>;
+        "__#12123@#fetchTheme"(): Promise<Record<string, any>>;
+        readonly "__#12123@#themeResource": Promise<void | Record<string, any>>;
+        "__#12123@#loadGlobalStyle"(): Promise<void>;
+        "__#12123@#loadComponentsStyle"(): Promise<void>;
+        "__#12123@#loadFonts"(): Promise<void>;
+        "__#12123@#applyTheme"(): Promise<void>;
+        "__#12116@#debuggerEle": HTMLElement & {
             updateData: (data: {
                 title: string;
                 description?: string;
@@ -1818,11 +1818,11 @@ declare const UserProfileWidget: {
                 description?: string;
             }[]) => void;
         };
-        "__#12026@#disableDebugger"(): void;
-        "__#12026@#enableDebugger"(): Promise<void>;
+        "__#12116@#disableDebugger"(): void;
+        "__#12116@#enableDebugger"(): Promise<void>;
         readonly debug: boolean;
-        "__#12026@#handleDebugMode"(): void;
-        "__#12026@#updateDebuggerMessages"(title: string, description: string): void;
+        "__#12116@#handleDebugMode"(): void;
+        "__#12116@#updateDebuggerMessages"(title: string, description: string): void;
     };
 };