@descope/user-profile-widget 0.10.2 → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/cjs/index.js +2 -2
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +2 -2
  4. package/dist/esm/index.js.map +1 -1
  5. package/dist/index.d.ts +739 -184
  6. package/dist/index.js +3 -3
  7. package/dist/index.js.map +1 -1
  8. package/package.json +6 -6
package/dist/esm/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  /**
3
- * @descope/user-profile-widget v0.10.2
3
+ * @descope/user-profile-widget v0.11.0
4
4
  */
5
- import{__awaiter as t,__classPrivateFieldGet as e,__classPrivateFieldSet as i}from"tslib";import{createTemplate as s,kebabCase as o,isPlainObject as n,decodeJWT as r,createSingletonMixin as l,compose as a,withMemCache as d}from"@descope/sdk-helpers";import{projectIdMixin as h,observeAttributesMixin as c,loggerMixin as u,baseUrlMixin as f,cookieConfigMixin as v,DEFAULT_STYLE_ID as g,createStateManagementMixin as m,initLifecycleMixin as p,modalMixin as w,themeMixin as b,staticResourcesMixin as y,createValidateAttributesMixin as C,descopeUiMixin as U,initElementMixin as k,notificationsMixin as I,debuggerMixin as S}from"@descope/sdk-mixins";import{FlowDriver as R,AvatarDriver as M,UserAttributeDriver as W,ButtonDriver as A,UserAuthMethodDriver as j,DeviceListDriver as T,TenantSelectorDriver as N,GenericFlowButtonDriver as x}from"@descope/sdk-component-drivers";import{createAsyncThunk as F}from"@reduxjs/toolkit";import L,{getSessionToken as E}from"@descope/web-js-sdk";import{createSelector as O}from"reselect";import"@descope/core-js-sdk";import"@descope/web-component";const D=(t={})=>{const e=s("<descope-wc></descope-wc>");return Object.entries(t).forEach((([t,i])=>{e.content.querySelector("descope-wc").setAttribute(o(t),(t=>"string"==typeof t?t:n(t)?JSON.stringify(t):"")(i))})),e};function q(t){return new URLSearchParams(window.location.search).get(t)}const P=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)}))}))},$=t=>({onFulfilled:e=>{t(e).loading=!1},onPending:e=>{t(e).loading=!0,t(e).error=null},onRejected:(e,i)=>{t(e).loading=!1,t(e).error=i.error}}),B=F("users/me",((t,{extra:{api:e}})=>e.user.me())),H=P(B)({onFulfilled:(t,e)=>{t.me.data=e.payload}},$((t=>t.me))),V={action:B,reducer:H},Z=F("users/devices",((t,{extra:{api:e}})=>e.device.devices(t))),J=P(Z)({onFulfilled:(t,e)=>{t.devices.data=e.payload.devices}},$((t=>t.devices))),X={action:Z,reducer:J},z=F("users/logout",((t,{extra:{api:e}})=>e.user.logout())),G={action:z,reducer:P(z)({})},Y=t=>{if(!t)return null;const e=r(t);return(null==e?void 0:e.dct)||null},_=t=>t.me.data,K=O(_,(t=>t.userId)),Q=O(_,(t=>t.picture)),tt=O(_,(t=>t.email)),et=O(_,(t=>t.verifiedEmail)),it=O(_,(t=>t.name)),st=O(_,(t=>t.phone)),ot=O(_,(t=>t.verifiedPhone)),nt=O(tt,et,((t,e)=>t&&""!==t.trim()&&!e?"Unverified":"")),rt=O(st,ot,((t,e)=>t&&""!==t.trim()&&!e?"Unverified":"")),lt=O(_,(t=>t.webauthn));O(_,(t=>t.password));const at=O(_,(t=>t.TOTP)),dt=O(_,(t=>t.customAttributes)),ht=O(_,(t=>({givenName:t.givenName,middleName:t.middleName,familyName:t.familyName}))),ct=O((t=>t.devices.data),(t=>t.map((({id:t,name:e,deviceType:i,lastLoginTime:s,isCurrentDevice:o})=>({id:t,name:e,deviceType:i,lastLoginDate:1e3*parseInt(s,10),isCurrent:o}))))),ut=t=>t.notifications,ft=O(_,(t=>t.userTenants||[])),vt=t=>t.tenant.currentTenantId,gt=F("tenant/select",((e,i)=>t(void 0,[e,i],void 0,(function*(t,{extra:{api:e},getState:i}){if(t===vt(i()))return null;const s=yield e.user.setCurrentTenant(t),o=s.sessionJwt||s.sessionToken;try{return{tenantId:Y(o)}}catch(t){return console.error("Failed to switch tenant:",t),null}})))),mt={action:gt,reducer:P(gt)({onPending:t=>{t.tenant.previousTenantId=t.tenant.currentTenantId},onFulfilled:(t,e)=>{var i;t.tenant.currentTenantId=null===(i=e.payload)||void 0===i?void 0:i.tenantId,t.tenant.previousTenantId=null},onRejected:t=>{t.tenant.currentTenantId=t.tenant.previousTenantId,t.tenant.previousTenantId=null}},$((t=>t.selectTenant)),(({getErrorMsg:t,getSuccessMsg:e})=>({onFulfilled:(t,i)=>{if(e){const s=e(i);s&&t.notifications.push({type:"success",msg:s})}},onRejected:(e,i)=>{if(t){const s=t(i);s&&e.notifications.push({type:"error",msg:s})}}}))({getErrorMsg:t=>{var e,i;const s=(null===(e=t.error)||void 0===e?void 0:e.message)||"";return"Error"===(null===(i=t.error)||void 0===i?void 0:i.name)?s:`${s||"Error"}`}}))},pt={me:{loading:!1,error:null,data:{}},devices:{loading:!1,error:null,data:[]},tenant:{currentTenantId:null,previousTenantId:null},selectTenant:{loading:!1,error:null},notifications:[]},wt={me:"/v1/auth/me",devices:"/v1/mgmt/user/trusteddevices/list",selectTenant:"/v1/auth/tenant/select"},bt=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)})),yt=[{tenantName:"Tenant 1",tenantId:"tn1",roleNames:["Role"]},{tenantName:"Tenant 2",tenantId:"tn2",roleNames:["Role"]}],Ct=()=>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:yt,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})}))})),Ut=()=>({devices:[{id:"device-id-1",name:"Device 1",deviceType:"desktop",lastLoginDate:17359776e5,isCurrent:!1},{id:"device-id-2",name:"Device 2",deviceType:"mobile",lastLoginDate:17387505e5,isCurrentDevice:!0},{id:"device-id-3",name:"Device 3",deviceType:"tablet",lastLoginDate:17412642e5,isCurrent:!1},{id:"device-id-4",name:"Device 4",deviceType:"unknown",lastLoginDate:17440371e5,isCurrent:!1},{id:"device-id-5",name:"Device 5",deviceType:"desktop",lastLoginDate:174672e7,isCurrent:!1}]}),kt=({httpClient:e,mock:i})=>({me:()=>t(void 0,void 0,void 0,(function*(){if(i)return Ct();const t=yield e.get(wt.me);return yield bt(t),t.json()})),setCurrentTenant:i=>t(void 0,void 0,void 0,(function*(){const t=yield e.post(wt.selectTenant,{tenant:i});return yield bt(t),t.json()}))}),It=({httpClient:e,mock:i})=>({devices:s=>t(void 0,[s],void 0,(function*({userId:t}){if(i)return Ut();const s=yield e.post(wt.devices,{identifiers:[t]});return yield bt(s),s.json()}))}),St=l((s=>{var o,n,r,l;const d=a(h,c,u,f,v)(s);return l=class extends d{constructor(){super(...arguments),o.add(this),n.set(this,void 0)}get widgetId(){return this.getAttribute("widget-id")}get mock(){return this.getAttribute("mock")}get styleId(){return this.getAttribute("style-id")||g}get api(){return e(this,n,"f")||e(this,o,"m",r).call(this),e(this,n,"f")}init(){const i=Object.create(null,{init:{get:()=>super.init}});return t(this,void 0,void 0,(function*(){var t;yield null===(t=i.init)||void 0===t?void 0:t.call(this),this.observeAttributes(["project-id","base-url"],(()=>{e(this,n,"f")&&e(this,o,"m",r).call(this)}))}))}},n=new WeakMap,o=new WeakSet,r=function(){this.logger.debug("creating an sdk instance"),i(this,n,((e,i,s)=>{const o=L(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.10.2"}}));return{user:Object.assign(Object.assign({},kt({httpClient:o.httpClient,mock:i})),{logout:i?()=>t(void 0,void 0,void 0,(function*(){})):o.logout}),device:Object.assign({},It({httpClient:o.httpClient,mock:i}))}})({projectId:this.projectId,baseUrl:this.baseUrl,refreshCookieName:this.refreshCookieName},"true"===this.mock,this.widgetId),"f")},l})),Rt=l((t=>{const e=a(m({name:"widget",initialState:pt,reducers:{clearNotifications:t=>{t.notifications=[]},setCurrentTenantId:(t,{payload:e})=>{t.tenant.currentTenantId=e}},extraReducers:t=>{V.reducer(t),X.reducer(t),G.reducer(t),mt.reducer(t)},asyncActions:{getMe:V.action,listDevices:X.action,logout:G.action,selectTenant:mt.action}}),p,u,St)(t);return class extends e{constructor(...t){super(...t),this.state=pt,this.subscribe((t=>{this.logger.debug("State update:",t),this.state=t}))}}})),Mt="widget-flow",Wt=l((i=>{var s,o,n;return n=class extends(a(p,w,Rt,v,u,b)(i)){constructor(){super(...arguments),s.add(this)}init(){const i=Object.create(null,{init:{get:()=>super.init}});return t(this,void 0,void 0,(function*(){var t;yield null===(t=i.init)||void 0===t?void 0:t.call(this);const n=q(Mt);n&&(!function(t){if(window.history.replaceState&&q(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())}}(Mt),e(this,s,"m",o).call(this,n))}))}},s=new WeakSet,o=function(t){const e=this.createModal({"data-id":"redirect-flow"});e.setContent(D({projectId:this.projectId,flowId:t,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId}));new R((()=>{var t;return null===(t=e.ele)||void 0===t?void 0:t.querySelector("descope-wc")}),{logger:this.logger}).onSuccess((()=>{e.close(),this.actions.getMe()})),e.afterClose=()=>{e.remove()},e.open()},n})),At=l((e=>{const i=a(y,C({"widget-id":C.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}))}}})),jt=l((i=>{var o,n,r;return r=class extends(a(u,p,U,k,At,Rt)(i)){constructor(){super(...arguments),o.add(this)}onWidgetRootReady(){return t(this,void 0,void 0,(function*(){}))}init(){const i=Object.create(null,{init:{get:()=>super.init}});return t(this,void 0,void 0,(function*(){var t;yield null===(t=i.init)||void 0===t?void 0:t.call(this),yield this.actions.getMe(),yield e(this,o,"m",n).call(this),yield this.onWidgetRootReady(),this.dispatchEvent(new CustomEvent("ready"))}))}},o=new WeakSet,n=function(){return t(this,void 0,void 0,(function*(){const t=s(yield this.fetchWidgetPage("root.html"));yield this.loadDescopeUiComponents(t),this.contentRootElement.append(t.content.cloneNode(!0))}))},r})),Tt=l((t=>class extends(a(b,c)(t)){syncFlowTheme(t){t.theme=this.theme,this.observeAttributes(["theme"],(()=>{t.theme=this.theme}))}})),Nt=l((s=>{var o,n,r,l,h,c,f,g,m;return m=class extends(a(Tt,b,Rt,u,v,jt,w)(s)){constructor(){super(...arguments),o.add(this),n.set(this,void 0),r.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}});return t(this,void 0,void 0,(function*(){var t;yield null===(t=i.onWidgetRootReady)||void 0===t?void 0:t.call(this),e(this,o,"m",c).call(this),e(this,o,"m",l).call(this),e(this,f,"f").call(this,Q(this.state)),e(this,g,"f").call(this,it(this.state)),this.subscribe(e(this,f,"f").bind(this),Q),this.subscribe(e(this,g,"f").bind(this),it)}))}},n=new WeakMap,r=new WeakMap,f=new WeakMap,g=new WeakMap,o=new WeakSet,l=function(){this.avatar.flowId&&(i(this,n,this.createModal({"data-id":"update-pic"}),"f"),i(this,r,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,o,"m",h).bind(this),e(this,o,"m",h).call(this),this.syncFlowTheme(e(this,r,"f")))},h=function(){e(this,n,"f").setContent(D({projectId:this.projectId,flowId:this.avatar.flowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),e(this,r,"f").onSuccess((()=>{e(this,n,"f").close(),this.actions.getMe()}))},c=function(){this.avatar=new M((()=>{var t;return null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("descope-avatar")}),{logger:this.logger}),this.avatar.onClick((()=>{var t;null===(t=e(this,n,"f"))||void 0===t||t.open()}))},m})),xt=l((s=>{var o,n,r,l,h,c,f,g,m,p,b,y,C;return C=class extends(a(Tt,Rt,u,jt,v,w)(s)){constructor(){super(...arguments),o.add(this),n.set(this,void 0),r.set(this,void 0),l.set(this,void 0),h.set(this,void 0),b.set(this,d((t=>{this.emailUserAttr.value=t}))),y.set(this,d((t=>{this.emailUserAttr.badgeLabel=t})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return t(this,void 0,void 0,(function*(){var t;yield null===(t=i.onWidgetRootReady)||void 0===t?void 0:t.call(this),e(this,o,"m",p).call(this),e(this,o,"m",c).call(this),e(this,o,"m",g).call(this),e(this,b,"f").call(this,tt(this.state)),e(this,y,"f").call(this,nt(this.state)),this.subscribe(e(this,b,"f").bind(this),tt),this.subscribe(e(this,y,"f").bind(this),nt)}))}},n=new WeakMap,r=new WeakMap,l=new WeakMap,h=new WeakMap,b=new WeakMap,y=new WeakMap,o=new WeakSet,c=function(){this.emailUserAttr.editFlowId&&(i(this,n,this.createModal({"data-id":"edit-email"}),"f"),i(this,r,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,o,"m",f).bind(this),e(this,o,"m",f).call(this),this.syncFlowTheme(e(this,r,"f")))},f=function(){e(this,n,"f").setContent(D({projectId:this.projectId,flowId:this.emailUserAttr.editFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),e(this,r,"f").onSuccess((()=>{e(this,n,"f").close(),this.actions.getMe()}))},g=function(){this.emailUserAttr.deleteFlowId&&(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,o,"m",m).bind(this),e(this,o,"m",m).call(this),this.syncFlowTheme(e(this,h,"f")))},m=function(){e(this,l,"f").setContent(D({projectId:this.projectId,flowId:this.emailUserAttr.deleteFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),e(this,h,"f").onSuccess((()=>{e(this,l,"f").close(),this.actions.getMe()}))},p=function(){this.emailUserAttr=new W((()=>{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((()=>{var t;null===(t=e(this,n,"f"))||void 0===t||t.open()})),this.emailUserAttr.onDeleteClick((()=>{var t;null===(t=e(this,l,"f"))||void 0===t||t.open()}))},C})),Ft=l((i=>{var s,o,n;return n=class extends(a(Rt,u,jt,w)(i)){constructor(){super(...arguments),s.add(this)}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return t(this,void 0,void 0,(function*(){var t;yield null===(t=i.onWidgetRootReady)||void 0===t?void 0:t.call(this),e(this,s,"m",o).call(this)}))}},s=new WeakSet,o=function(){this.logout=new A((()=>{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})),Lt=l((s=>{var o,n,r,l,h,c,f,g,m,p,b,y;return y=class extends(a(Tt,Rt,u,jt,v,w)(s)){constructor(){super(...arguments),o.add(this),n.set(this,void 0),r.set(this,void 0),l.set(this,void 0),h.set(this,void 0),b.set(this,d((t=>{this.nameUserAttr.value=t})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return t(this,void 0,void 0,(function*(){var t;yield null===(t=i.onWidgetRootReady)||void 0===t?void 0:t.call(this),e(this,o,"m",p).call(this),e(this,o,"m",c).call(this),e(this,o,"m",g).call(this),e(this,b,"f").call(this,it(this.state)),this.subscribe(e(this,b,"f").bind(this),it)}))}},n=new WeakMap,r=new WeakMap,l=new WeakMap,h=new WeakMap,b=new WeakMap,o=new WeakSet,c=function(){this.nameUserAttr.editFlowId&&(i(this,n,this.createModal({"data-id":"edit-name"}),"f"),i(this,r,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,o,"m",f).bind(this),e(this,o,"m",f).call(this),this.syncFlowTheme(e(this,r,"f")))},f=function(){e(this,n,"f").setContent(D({projectId:this.projectId,flowId:this.nameUserAttr.editFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),e(this,r,"f").onSuccess((()=>{e(this,n,"f").close(),this.actions.getMe()}))},g=function(){this.nameUserAttr.deleteFlowId&&(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,o,"m",m).bind(this),e(this,o,"m",m).call(this),this.syncFlowTheme(e(this,h,"f")))},m=function(){e(this,l,"f").setContent(D({projectId:this.projectId,flowId:this.nameUserAttr.deleteFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),e(this,h,"f").onSuccess((()=>{e(this,l,"f").close(),this.actions.getMe()}))},p=function(){this.nameUserAttr=new W((()=>{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((()=>{var t;null===(t=e(this,n,"f"))||void 0===t||t.open()})),this.nameUserAttr.onDeleteClick((()=>{var t;null===(t=e(this,l,"f"))||void 0===t||t.open()}))},y})),Et=l((s=>{var o,n,r,l,h,c,f,g,m,p,b,y;return y=class extends(a(Tt,Rt,u,jt,v,w)(s)){constructor(){super(...arguments),o.add(this),n.set(this,void 0),r.set(this,void 0),l.set(this,void 0),h.set(this,void 0),b.set(this,d((t=>{this.passkeyUserAuthMethod.fulfilled=t})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return t(this,void 0,void 0,(function*(){var t;yield null===(t=i.onWidgetRootReady)||void 0===t?void 0:t.call(this),e(this,o,"m",p).call(this),e(this,o,"m",c).call(this),e(this,o,"m",g).call(this),e(this,b,"f").call(this,lt(this.state)),this.subscribe(e(this,b,"f").bind(this),lt)}))}},n=new WeakMap,r=new WeakMap,l=new WeakMap,h=new WeakMap,b=new WeakMap,o=new WeakSet,c=function(){this.passkeyUserAuthMethod.flowId&&(i(this,n,this.createModal({"data-id":"add-passkey"}),"f"),i(this,r,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,o,"m",f).bind(this),e(this,o,"m",f).call(this),this.syncFlowTheme(e(this,r,"f")))},f=function(){e(this,n,"f").setContent(D({projectId:this.projectId,flowId:this.passkeyUserAuthMethod.flowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),e(this,r,"f").onSuccess((()=>{e(this,n,"f").close(),this.actions.getMe()}))},g=function(){this.passkeyUserAuthMethod.fulfilledFlowId&&(i(this,l,this.createModal({"data-id":"remove-passkey"}),"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,o,"m",m).bind(this),e(this,o,"m",m).call(this),this.syncFlowTheme(e(this,h,"f")))},m=function(){e(this,l,"f").setContent(D({projectId:this.projectId,flowId:this.passkeyUserAuthMethod.fulfilledFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),e(this,h,"f").onSuccess((()=>{e(this,l,"f").close(),this.actions.getMe()}))},p=function(){this.passkeyUserAuthMethod=new j((()=>{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.onUnfulfilledButtonClick((()=>{var t;null===(t=e(this,n,"f"))||void 0===t||t.open()})),this.passkeyUserAuthMethod.onFulfilledButtonClick((()=>{var t;null===(t=e(this,l,"f"))||void 0===t||t.open()}))},y})),Ot=l((s=>{var o,n,r,l,d,h;return h=class extends(a(Tt,Rt,u,jt,v,w)(s)){constructor(){super(...arguments),o.add(this),n.set(this,void 0),r.set(this,void 0)}initPasswordAuthMethod(){this.passwordUserAuthMethod=new j((()=>{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.onUnfulfilledButtonClick((()=>{var t;null===(t=e(this,n,"f"))||void 0===t||t.open()}))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return t(this,void 0,void 0,(function*(){var t;yield null===(t=i.onWidgetRootReady)||void 0===t?void 0:t.call(this),this.initPasswordAuthMethod(),e(this,o,"m",l).call(this)}))}},n=new WeakMap,r=new WeakMap,o=new WeakSet,l=function(){this.passwordUserAuthMethod.flowId&&(i(this,n,this.createModal({"data-id":"password"}),"f"),i(this,r,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,o,"m",d).bind(this),e(this,o,"m",d).call(this),this.syncFlowTheme(e(this,r,"f")))},d=function(){e(this,n,"f").setContent(D({projectId:this.projectId,flowId:this.passwordUserAuthMethod.flowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),e(this,r,"f").onSuccess((()=>{e(this,n,"f").close()}))},h})),Dt=l((s=>{var o,n,r,l,h,c,f,g,m,p,b,y,C;return C=class extends(a(Tt,Rt,u,jt,v,w)(s)){constructor(){super(...arguments),o.add(this),n.set(this,void 0),r.set(this,void 0),l.set(this,void 0),h.set(this,void 0),b.set(this,d((t=>{this.phoneUserAttr.value=t}))),y.set(this,d((t=>{this.phoneUserAttr.badgeLabel=t})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return t(this,void 0,void 0,(function*(){var t;yield null===(t=i.onWidgetRootReady)||void 0===t?void 0:t.call(this),e(this,o,"m",p).call(this),e(this,o,"m",c).call(this),e(this,o,"m",g).call(this),e(this,b,"f").call(this,st(this.state)),e(this,y,"f").call(this,rt(this.state)),this.subscribe(e(this,b,"f").bind(this),st),this.subscribe(e(this,y,"f").bind(this),rt)}))}},n=new WeakMap,r=new WeakMap,l=new WeakMap,h=new WeakMap,b=new WeakMap,y=new WeakMap,o=new WeakSet,c=function(){this.phoneUserAttr.editFlowId&&(i(this,n,this.createModal({"data-id":"edit-phone"}),"f"),i(this,r,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,o,"m",f).bind(this),e(this,o,"m",f).call(this),this.syncFlowTheme(e(this,r,"f")))},f=function(){e(this,n,"f").setContent(D({projectId:this.projectId,flowId:this.phoneUserAttr.editFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),e(this,r,"f").onSuccess((()=>{e(this,n,"f").close(),this.actions.getMe()}))},g=function(){this.phoneUserAttr.deleteFlowId&&(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,o,"m",m).bind(this),e(this,o,"m",m).call(this),this.syncFlowTheme(e(this,h,"f")))},m=function(){e(this,l,"f").setContent(D({projectId:this.projectId,flowId:this.phoneUserAttr.deleteFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),e(this,h,"f").onSuccess((()=>{e(this,l,"f").close(),this.actions.getMe()}))},p=function(){this.phoneUserAttr=new W((()=>{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((()=>{var t;null===(t=e(this,n,"f"))||void 0===t||t.open()})),this.phoneUserAttr.onDeleteClick((()=>{var t;null===(t=e(this,l,"f"))||void 0===t||t.open()}))},C})),qt=l((s=>{var o,n,r,l,h,c,f,g,m,p,b,y;return y=class extends(a(Tt,Rt,u,jt,v,w)(s)){constructor(){super(...arguments),o.add(this),n.set(this,void 0),r.set(this,void 0),l.set(this,void 0),h.set(this,void 0),b.set(this,d((t=>{this.totpUserAuthMethod.fulfilled=t})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return t(this,void 0,void 0,(function*(){var t;yield null===(t=i.onWidgetRootReady)||void 0===t?void 0:t.call(this),e(this,o,"m",p).call(this),e(this,o,"m",c).call(this),e(this,o,"m",g).call(this),e(this,b,"f").call(this,at(this.state)),this.subscribe(e(this,b,"f").bind(this),at)}))}},n=new WeakMap,r=new WeakMap,l=new WeakMap,h=new WeakMap,b=new WeakMap,o=new WeakSet,c=function(){this.totpUserAuthMethod.flowId&&(i(this,n,this.createModal({"data-id":"totp"}),"f"),i(this,r,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,o,"m",f).bind(this),e(this,o,"m",f).call(this),this.syncFlowTheme(e(this,r,"f")))},f=function(){e(this,n,"f").setContent(D({projectId:this.projectId,flowId:this.totpUserAuthMethod.flowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),e(this,r,"f").onSuccess((()=>{e(this,n,"f").close(),this.actions.getMe()}))},g=function(){this.totpUserAuthMethod.fulfilledFlowId&&(i(this,l,this.createModal({"data-id":"remove-totp"}),"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,o,"m",m).bind(this),e(this,o,"m",m).call(this),this.syncFlowTheme(e(this,h,"f")))},m=function(){e(this,l,"f").setContent(D({projectId:this.projectId,flowId:this.totpUserAuthMethod.fulfilledFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),e(this,h,"f").onSuccess((()=>{e(this,l,"f").close(),this.actions.getMe()}))},p=function(){this.totpUserAuthMethod=new j((()=>{var t;return null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('descope-user-auth-method[data-id="totp"]')}),{logger:this.logger}),this.totpUserAuthMethod.onUnfulfilledButtonClick((()=>{var t;null===(t=e(this,n,"f"))||void 0===t||t.open()})),this.totpUserAuthMethod.onFulfilledButtonClick((()=>{var t;null===(t=e(this,l,"f"))||void 0===t||t.open()}))},y})),Pt=l((i=>{var s,o,n,r,l,h,c,f,g,m,p;return p=class extends(a(Tt,Rt,u,jt,v,w)(i)){constructor(){super(...arguments),s.add(this),o.set(this,{}),n.set(this,{}),r.set(this,{}),l.set(this,{}),f.set(this,d((t=>{var i;const o=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelectorAll('descope-user-attribute[data-id^="builtin."]');Array.from(o).forEach((i=>{const o=i.getAttribute("data-id").replace("builtin.",""),n=t[o],r=new W(i,{logger:this.logger});r.value=(n||"").toString(),e(this,s,"m",g).call(this,i,o,r),e(this,s,"m",m).call(this,i,o,r)}))})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return t(this,void 0,void 0,(function*(){var t;yield null===(t=i.onWidgetRootReady)||void 0===t?void 0:t.call(this),e(this,f,"f").call(this,ht(this.state)),this.subscribe(e(this,f,"f").bind(this),ht)}))}},o=new WeakMap,n=new WeakMap,r=new WeakMap,l=new WeakMap,f=new WeakMap,s=new WeakSet,h=function(t){var i,s;null===(i=e(this,o,"f")[t])||void 0===i||i.setContent(D({projectId:this.projectId,flowId:t,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),null===(s=e(this,n,"f")[t])||void 0===s||s.onSuccess((()=>{var i;null===(i=e(this,o,"f")[t])||void 0===i||i.close(),this.actions.getMe()}))},c=function(t){var i,s;null===(i=e(this,r,"f")[t])||void 0===i||i.setContent(D({projectId:this.projectId,flowId:t,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),null===(s=e(this,l,"f")[t])||void 0===s||s.onSuccess((()=>{var i;null===(i=e(this,r,"f")[t])||void 0===i||i.close(),this.actions.getMe()}))},g=function(t,i,r){const l=t.getAttribute("edit-flow-id");l&&(e(this,o,"f")[l]=this.createModal({"data-id":`edit-${i}`}),e(this,n,"f")[l]=new R((()=>{var t,i;return null===(i=null===(t=e(this,o,"f")[l])||void 0===t?void 0:t.ele)||void 0===i?void 0:i.querySelector("descope-wc")}),{logger:this.logger}),e(this,o,"f")[l].afterClose=e(this,s,"m",h).bind(this,l),r.onEditClick((()=>{var t,i;null===(i=null===(t=e(this,o,"f"))||void 0===t?void 0:t[l])||void 0===i||i.open()})),e(this,s,"m",h).call(this,l),this.syncFlowTheme(e(this,n,"f")[l]))},m=function(t,i,o){const n=t.getAttribute("delete-flow-id");n&&(e(this,r,"f")[n]=this.createModal({"data-id":`delete-${i}`}),e(this,l,"f")[n]=new R((()=>{var t,i;return null===(i=null===(t=e(this,r,"f")[n])||void 0===t?void 0:t.ele)||void 0===i?void 0:i.querySelector("descope-wc")}),{logger:this.logger}),e(this,r,"f")[n].afterClose=e(this,s,"m",c).bind(this,n),o.onDeleteClick((()=>{var t,i;null===(i=null===(t=e(this,r,"f"))||void 0===t?void 0:t[n])||void 0===i||i.open()})),e(this,s,"m",c).call(this,n),this.syncFlowTheme(e(this,l,"f")[n]))},p}));var $t;!function(t){t.TEXT="text",t.NUMBER="number",t.BOOLEAN="boolean",t.SINGLE_SELECT="singleSelect",t.ARRAY="array",t.DATE="date"}($t||($t={}));const Bt=l((i=>{var s,o,n,r,l,h,c,f,g,m,p;return o=class extends(a(Tt,Rt,u,jt,v,w)(i)){constructor(){super(...arguments),s.add(this),n.set(this,{}),r.set(this,{}),l.set(this,{}),h.set(this,{}),g.set(this,d((t=>{var i;const n=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelectorAll('descope-user-attribute[data-id^="customAttributes."]');Array.from(n).forEach((i=>{const n=i.getAttribute("data-id").replace("customAttributes.",""),r=i.getAttribute("data-type")||$t.TEXT,l=t[n],a=new W(i,{logger:this.logger});a.value=o.getFormattedValue(r,l),e(this,s,"m",m).call(this,i,n,a),e(this,s,"m",p).call(this,i,n,a)}))})))}static getFormattedValue(t,e){return t===$t.DATE&&e?new Date(e).toLocaleString():t===$t.BOOLEAN&&void 0!==e?e?"True":"False":(e||"").toString()}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return t(this,void 0,void 0,(function*(){var t;yield null===(t=i.onWidgetRootReady)||void 0===t?void 0:t.call(this),e(this,g,"f").call(this,dt(this.state)),this.subscribe(e(this,g,"f").bind(this),dt)}))}},n=new WeakMap,r=new WeakMap,l=new WeakMap,h=new WeakMap,g=new WeakMap,s=new WeakSet,c=function(t){var i,s;null===(i=e(this,n,"f")[t])||void 0===i||i.setContent(D({projectId:this.projectId,flowId:t,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),null===(s=e(this,r,"f")[t])||void 0===s||s.onSuccess((()=>{var i;null===(i=e(this,n,"f")[t])||void 0===i||i.close(),this.actions.getMe()}))},f=function(t){var i,s;null===(i=e(this,l,"f")[t])||void 0===i||i.setContent(D({projectId:this.projectId,flowId:t,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),null===(s=e(this,h,"f")[t])||void 0===s||s.onSuccess((()=>{var i;null===(i=e(this,l,"f")[t])||void 0===i||i.close(),this.actions.getMe()}))},m=function(t,i,o){const l=t.getAttribute("edit-flow-id");l&&(e(this,n,"f")[l]=this.createModal({"data-id":`edit-${i}`}),e(this,r,"f")[l]=new R((()=>{var t,i;return null===(i=null===(t=e(this,n,"f")[l])||void 0===t?void 0:t.ele)||void 0===i?void 0:i.querySelector("descope-wc")}),{logger:this.logger}),e(this,n,"f")[l].afterClose=e(this,s,"m",c).bind(this,l),o.onEditClick((()=>{var t,i;null===(i=null===(t=e(this,n,"f"))||void 0===t?void 0:t[l])||void 0===i||i.open()})),e(this,s,"m",c).call(this,l),this.syncFlowTheme(e(this,r,"f")[l]))},p=function(t,i,o){const n=t.getAttribute("delete-flow-id");n&&(e(this,l,"f")[n]=this.createModal({"data-id":`delete-${i}`}),e(this,h,"f")[n]=new R((()=>{var t,i;return null===(i=null===(t=e(this,l,"f")[n])||void 0===t?void 0:t.ele)||void 0===i?void 0:i.querySelector("descope-wc")}),{logger:this.logger}),e(this,l,"f")[n].afterClose=e(this,s,"m",f).bind(this,n),o.onDeleteClick((()=>{var t,i;null===(i=null===(t=e(this,l,"f"))||void 0===t?void 0:t[n])||void 0===i||i.open()})),e(this,s,"m",f).call(this,n),this.syncFlowTheme(e(this,h,"f")[n]))},o})),Ht=l((s=>{var o,n,r,l,h,c,f,g;return g=class extends(a(Tt,b,Rt,u,v,jt,w)(s)){constructor(){super(...arguments),o.add(this),n.set(this,void 0),r.set(this,void 0),this.updateDeviceList=d((t=>{this.deviceList.data=t}))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return t(this,void 0,void 0,(function*(){var t;yield null===(t=i.onWidgetRootReady)||void 0===t?void 0:t.call(this),this.deviceList=new T((()=>{var t;return null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("descope-trusted-devices")}),{logger:this.logger}),this.deviceList.isExists&&(yield e(this,o,"m",f).call(this),e(this,o,"m",c).call(this,ct(this.state)),e(this,o,"m",l).call(this),this.subscribe(this.updateDeviceList.bind(this),ct))}))}},n=new WeakMap,r=new WeakMap,o=new WeakSet,l=function(){this.deviceList.flowId&&(i(this,n,this.createModal({"data-id":"untrust-device"}),"f"),i(this,r,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,o,"m",h).call(this,""),this.syncFlowTheme(e(this,r,"f")))},h=function(t=""){e(this,n,"f").setContent(D({projectId:this.projectId,flowId:this.deviceList.flowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId,form:{deviceId:t}})),e(this,r,"f").onSuccess((()=>{e(this,n,"f").close(),this.actions.listDevices({userId:K(this.state)})}))},c=function(t){this.deviceList.onRemoveDeviceClick((({id:t})=>{var i;e(this,o,"m",h).call(this,t),null===(i=e(this,n,"f"))||void 0===i||i.open()})),this.deviceList.data=t},f=function(){return t(this,void 0,void 0,(function*(){yield this.actions.listDevices({userId:K(this.state)})}))},g}));const Vt={success:(new DOMParser).parseFromString('<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g id="Checkmark">\n<path id="Shape" d="M10.0485 15.6396C9.5799 15.171 8.8201 15.171 8.35147 15.6396C7.88284 16.1082 7.88284 16.868 8.35147 17.3367L12.7072 21.6924C13.1759 22.1611 13.9357 22.1611 14.4043 21.6924L24.7152 11.3815C25.1838 10.9129 25.1838 10.1531 24.7152 9.68448C24.2466 9.21585 23.4868 9.21585 23.0181 9.68448L13.5558 19.1469L10.0485 15.6396Z" fill="currentcolor"/>\n</g>\n</svg>\n',"image/svg+xml").firstChild,error:(new DOMParser).parseFromString('<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g id="Icon">\n<path id="Vector" d="M15.9998 26.6558C10.1118 26.6558 5.34375 21.8878 5.34375 15.9998C5.34375 10.1118 10.1118 5.34375 15.9998 5.34375C21.8878 5.34375 26.6558 10.1118 26.6558 15.9998C26.6558 21.8878 21.8878 26.6558 15.9998 26.6558ZM15.9998 24.4798C20.6718 24.4798 24.4798 20.7038 24.4798 15.9998C24.4798 11.3278 20.7038 7.51975 15.9998 7.51975C11.3278 7.51975 7.51975 11.2958 7.51975 15.9998C7.51975 20.6718 11.2958 24.4798 15.9998 24.4798ZM15.3278 9.34375H16.6718C17.0558 9.34375 17.3438 9.63175 17.3118 9.98375L16.9598 16.9278C16.9598 17.1838 16.7678 17.3438 16.5438 17.3438H15.4558C15.2318 17.3438 15.0398 17.1518 15.0398 16.9278L14.6878 9.98375C14.6878 9.63175 14.9758 9.34375 15.3278 9.34375ZM15.4558 19.4558H16.5438C16.9278 19.4558 17.2158 19.7438 17.1838 20.1278V21.1838C17.1838 21.5678 16.8958 21.8558 16.5438 21.8558H15.4558C15.0718 21.8558 14.7838 21.5678 14.7838 21.1838V20.1278C14.7838 19.7438 15.0718 19.4558 15.4558 19.4558Z" fill="currentcolor"/>\n</g>\n</svg>\n',"image/svg+xml").firstChild},Zt=l((i=>{var s,o,n,r,l;return l=class extends(a(u,Rt,I,p)(i)){constructor(){super(...arguments),s.add(this),r.set(this,d((t=>{t.length&&(t.forEach((({type:t,msg:i})=>{const r=e(this,s,"m",n).call(this,t);r.setContent(e(this,s,"m",o).call(this,{type:t,msg:i})),r.show()})),setTimeout((()=>this.actions.clearNotifications())))})))}init(){const i=Object.create(null,{init:{get:()=>super.init}});return t(this,void 0,void 0,(function*(){var t;yield null===(t=i.init)||void 0===t?void 0:t.call(this),this.subscribe(e(this,r,"f").bind(this),ut)}))}},r=new WeakMap,s=new WeakSet,o=function({type:t,msg:e}){const i=Vt[t],s=Object.assign((new DOMParser).parseFromString('<svg width="2em" height="2em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g id="Icon">\n<path id="Shape" d="M10.6712 12L7.27521 8.60406C6.90826 8.23711 6.90826 7.64216 7.27521 7.27521C7.64216 6.90826 8.23711 6.90826 8.60406 7.27521L12 10.6712L15.3959 7.27521C15.7629 6.90826 16.3578 6.90826 16.7248 7.27521C17.0917 7.64216 17.0917 8.23711 16.7248 8.60406L13.3288 12L16.7248 15.3959C17.0917 15.7629 17.0917 16.3578 16.7248 16.7248C16.3578 17.0917 15.7629 17.0917 15.3959 16.7248L12 13.3288L8.60406 16.7248C8.23711 17.0917 7.64216 17.0917 7.27521 16.7248C6.90826 16.3578 6.90826 15.7629 7.27521 15.3959L10.6712 12Z" fill="currentcolor"/>\n</g>\n</svg>\n',"image/svg+xml").firstChild,{slot:"close"});return`${(null==i?void 0:i.outerHTML)||""}${e}${s.outerHTML}`},n=function(t){return this.createNotification({mode:t,duration:"error"===t?0:3e3,position:"bottom-start",size:"sm"})},l})),Jt=l((s=>{var o,n,r,l,d,h,c,f,v,g,m;return m=class extends(a(Rt,u,jt)(s)){constructor(){super(...arguments),o.add(this),n.set(this,null),l.set(this,(e=>t(this,void 0,void 0,(function*(){const t=e.target.value;yield this.actions.selectTenant(t)})))),d.set(this,(t=>{const s=vt(t);this.tenantSelector.value!==s&&e(this,o,"m",v).call(this,s);const{loading:r,error:l}=t.selectTenant,a=null!==t.tenant.previousTenantId,d=s!==e(this,n,"f");!s||r||l||a||!d||(i(this,n,s,"f"),e(this,o,"m",h).call(this))}))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return t(this,void 0,void 0,(function*(){var t;yield null===(t=i.onWidgetRootReady)||void 0===t?void 0:t.call(this),this.actions.setCurrentTenantId((()=>{const t=E();return Y(t)})()),e(this,o,"m",r).call(this),e(this,o,"m",g).call(this),e(this,o,"m",f).call(this,ft(this.state)),this.subscribe(e(this,d,"f").bind(this))}))}},n=new WeakMap,l=new WeakMap,d=new WeakMap,o=new WeakSet,r=function(){this.tenantSelector=new N((()=>{var t;return null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('descope-combo-box[name="tenantSelector"]')}),{logger:this.logger}),this.tenantSelector.onInput(e(this,l,"f"))},h=function(){const t=vt(this.state);this.dispatchEvent(new CustomEvent("tenant-changed",{bubbles:!0,composed:!0,detail:{tenantId:t}})),this.tenantSelector.shouldReload&&e(this,o,"m",c).call(this)},c=function(){setTimeout((()=>window.location.reload()),this.tenantSelector.refreshTimeout)},f=function(e){return t(this,void 0,void 0,(function*(){const t=e.map((t=>({label:t.tenantName||t.tenantId,value:t.tenantId})));yield this.tenantSelector.setData(t)}))},v=function(t){t&&(this.tenantSelector.value=t)},g=function(){this.tenantSelector.setAllowCustomValue(!0),setTimeout((()=>{e(this,o,"m",v).call(this,vt(this.state)),this.tenantSelector.setAllowCustomValue(!1)}))},m})),Xt=l((s=>{var o,n,r,l,d,h,c,f,v,g,m;return m=class extends(a(Tt,Rt,w,u,jt)(s)){constructor(){super(...arguments),o.add(this),n.set(this,void 0),r.set(this,void 0),l.set(this,[]),d.set(this,null)}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return t(this,void 0,void 0,(function*(){var t;yield null===(t=i.onWidgetRootReady)||void 0===t?void 0:t.call(this),e(this,o,"m",f).call(this),e(this,o,"m",c).call(this),e(this,l,"f").forEach((t=>t.enable()))}))}},n=new WeakMap,r=new WeakMap,l=new WeakMap,d=new WeakMap,o=new WeakSet,h=function(t){const i=new x(t,{logger:this.logger});i.onClick((()=>{e(this,o,"m",g).call(this,i.flowId,K(this.state))})),e(this,l,"f").push(i)},c=function(){var t;const i=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelectorAll("[data-generic-flow-button-id]");Array.from(i).forEach((t=>{e(this,o,"m",h).call(this,t)}))},f=function(){i(this,n,this.createModal({"data-id":"generic-flow-modal"}),"f"),e(this,n,"f").afterClose=()=>{var t;null===(t=e(this,d,"f"))||void 0===t||t.call(this),i(this,d,null,"f")},i(this,r,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"),this.syncFlowTheme(e(this,r,"f"))},v=function(){var t;e(this,n,"f").open(),null===(t=e(this,d,"f"))||void 0===t||t.call(this)},g=function(t,s){e(this,n,"f").setContent(D({projectId:this.projectId,flowId:t,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId,client:{userId:s}}));i(this,d,e(this,r,"f").onPageUpdated((()=>e(this,o,"m",v).call(this))),"f"),e(this,r,"f").onSuccess((()=>{e(this,n,"f").close(),this.actions.getMe()}))},m})),zt=l((e=>class extends(a(S,b,Wt,Bt,xt,Nt,Lt,Dt,Et,Ot,qt,Pt,Ft,Ht,Zt,Jt,Xt)(e)){init(){const e=Object.create(null,{init:{get:()=>super.init}});return t(this,void 0,void 0,(function*(){var t;yield null===(t=e.init)||void 0===t?void 0:t.call(this)}))}})),Gt=a((e=>class extends(zt(e)){init(){const e=Object.create(null,{init:{get:()=>super.init}});return t(this,void 0,void 0,(function*(){var t;yield null===(t=e.init)||void 0===t?void 0:t.call(this);(customElements.get("descope-wc")||(yield import("@descope/web-component").then((t=>t.default)))).sdkConfigOverrides={baseHeaders:{"x-descope-widget-type":"user-profile-widget","x-descope-widget-id":this.getAttribute("widget-id"),"x-descope-widget-version":"0.10.2"}}}))}}))(HTMLElement);customElements.define("descope-user-profile-widget",Gt);export{Gt as default};
5
+ import{__awaiter as e,__classPrivateFieldGet as t,__classPrivateFieldSet as s}from"tslib";import{createTemplate as i,kebabCase as o,isPlainObject as n,decodeJWT as r,createSingletonMixin as a,compose as l,withMemCache as d}from"@descope/sdk-helpers";import{projectIdMixin as h,observeAttributesMixin as c,loggerMixin as u,baseUrlMixin as f,cookieConfigMixin as v,DEFAULT_STYLE_ID as p,createStateManagementMixin as m,initLifecycleMixin as g,modalMixin as w,themeMixin as y,staticResourcesMixin as b,createValidateAttributesMixin as k,descopeUiMixin as C,initElementMixin as U,notificationsMixin as I,debuggerMixin as S}from"@descope/sdk-mixins";import{FlowDriver as R,AvatarDriver as M,UserAttributeDriver as W,ButtonDriver as j,UserAuthMethodDriver as A,DeviceListDriver as T,UserPasskeysDriver as N,TenantSelectorDriver as x,GenericFlowButtonDriver as F}from"@descope/sdk-component-drivers";import{createAsyncThunk as L}from"@reduxjs/toolkit";import E,{getSessionToken as P}from"@descope/web-js-sdk";import{createSelector as O}from"reselect";import"@descope/core-js-sdk";import"@descope/web-component";const D=(e={})=>{const t=i("<descope-wc></descope-wc>");return Object.entries(e).forEach((([e,s])=>{t.content.querySelector("descope-wc").setAttribute(o(e),(e=>"string"==typeof e?e:n(e)?JSON.stringify(e):"")(s))})),t};function q(e){return new URLSearchParams(window.location.search).get(e)}const $=e=>(...t)=>s=>{s.addCase(e.pending,((e,s)=>{t.forEach((({onPending:t})=>{null==t||t(e,s)}))})),s.addCase(e.fulfilled,((e,s)=>{t.forEach((({onFulfilled:t})=>{null==t||t(e,s)}))})),s.addCase(e.rejected,((e,s)=>{t.forEach((({onRejected:t})=>{null==t||t(e,s)}))}))},B=e=>({onFulfilled:t=>{e(t).loading=!1},onPending:t=>{e(t).loading=!0,e(t).error=null},onRejected:(t,s)=>{e(t).loading=!1,e(t).error=s.error}}),H=L("users/me",((e,{extra:{api:t}})=>t.user.me())),V=$(H)({onFulfilled:(e,t)=>{e.me.data=t.payload}},B((e=>e.me))),Z={action:H,reducer:V},J=L("users/devices",((e,{extra:{api:t}})=>t.device.devices(e))),X=$(J)({onFulfilled:(e,t)=>{e.devices.data=t.payload.devices}},B((e=>e.devices))),z={action:J,reducer:X},G=L("users/passkeys",((e,{extra:{api:t}})=>t.passkey.listPasskeys(e))),Y=$(G)({onFulfilled:(e,t)=>{e.passkeys.data=t.payload.passkeys}},B((e=>e.passkeys))),_={action:G,reducer:Y},K=L("users/logout",((e,{extra:{api:t}})=>t.user.logout())),Q={action:K,reducer:$(K)({})},ee=e=>{if(!e)return null;const t=r(e);return(null==t?void 0:t.dct)||null},te=e=>e.me.data,se=O(te,(e=>e.userId)),ie=O(te,(e=>e.picture)),oe=O(te,(e=>e.email)),ne=O(te,(e=>e.verifiedEmail)),re=O(te,(e=>e.name)),ae=O(te,(e=>e.phone)),le=O(te,(e=>e.verifiedPhone)),de=O(oe,ne,((e,t)=>e&&""!==e.trim()&&!t?"Unverified":"")),he=O(ae,le,((e,t)=>e&&""!==e.trim()&&!t?"Unverified":"")),ce=O(te,(e=>e.webauthn));O(te,(e=>e.password));const ue=O(te,(e=>e.TOTP)),fe=O(te,(e=>e.customAttributes)),ve=O(te,(e=>({givenName:e.givenName,middleName:e.middleName,familyName:e.familyName}))),pe=O((e=>e.devices.data),(e=>e.map((({id:e,name:t,deviceType:s,lastLoginTime:i,isCurrentDevice:o})=>({id:e,name:t,deviceType:s,lastLoginDate:1e3*parseInt(i,10),isCurrent:o}))))),me=O((e=>e.passkeys.data),(e=>e.map((({id:e,displayName:t,kind:s,createdTime:i})=>({id:e,name:t,passkeyType:s,createdAt:1e3*i}))))),ge=e=>e.notifications,we=O(te,(e=>e.userTenants||[])),ye=e=>e.tenant.currentTenantId,be=L("tenant/select",((t,s)=>e(void 0,[t,s],void 0,(function*(e,{extra:{api:t},getState:s}){if(e===ye(s()))return null;const i=yield t.user.setCurrentTenant(e),o=i.sessionJwt||i.sessionToken;try{return{tenantId:ee(o)}}catch(e){return console.error("Failed to switch tenant:",e),null}})))),ke={action:be,reducer:$(be)({onPending:e=>{e.tenant.previousTenantId=e.tenant.currentTenantId},onFulfilled:(e,t)=>{var s;e.tenant.currentTenantId=null===(s=t.payload)||void 0===s?void 0:s.tenantId,e.tenant.previousTenantId=null},onRejected:e=>{e.tenant.currentTenantId=e.tenant.previousTenantId,e.tenant.previousTenantId=null}},B((e=>e.selectTenant)),(({getErrorMsg:e,getSuccessMsg:t})=>({onFulfilled:(e,s)=>{if(t){const i=t(s);i&&e.notifications.push({type:"success",msg:i})}},onRejected:(t,s)=>{if(e){const i=e(s);i&&t.notifications.push({type:"error",msg:i})}}}))({getErrorMsg:e=>{var t,s;const i=(null===(t=e.error)||void 0===t?void 0:t.message)||"";return"Error"===(null===(s=e.error)||void 0===s?void 0:s.name)?i:`${i||"Error"}`}}))},Ce={me:{loading:!1,error:null,data:{}},devices:{loading:!1,error:null,data:[]},passkeys:{loading:!1,error:null,data:[]},tenant:{currentTenantId:null,previousTenantId:null},selectTenant:{loading:!1,error:null},notifications:[]},Ue={me:"/v1/auth/me",devices:"/v1/mgmt/user/trusteddevices/list",passkeys:"/v1/mgmt/user/passkeys/list",selectTenant:"/v1/auth/tenant/select"},Ie=t=>e(void 0,void 0,void 0,(function*(){const e=yield t.text(),s=JSON.parse(e);if(!t.ok){const e=`${s.errorDescription}${s.errorMessage?`: ${s.errorMessage}`:""}`;throw Error(e||`${t.status} ${t.statusText}`)}t.json=()=>Promise.resolve(s),t.text=()=>Promise.resolve(e)})),Se=[{tenantName:"Tenant 1",tenantId:"tn1",roleNames:["Role"]},{tenantName:"Tenant 2",tenantId:"tn2",roleNames:["Role"]}],Re=()=>e(void 0,void 0,void 0,(function*(){return new Promise((e=>{e({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:Se,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})}))})),Me=()=>({devices:[{id:"device-id-1",name:"Device 1",deviceType:"desktop",lastLoginDate:17359776e5,isCurrent:!1},{id:"device-id-2",name:"Device 2",deviceType:"mobile",lastLoginDate:17387505e5,isCurrentDevice:!0},{id:"device-id-3",name:"Device 3",deviceType:"tablet",lastLoginDate:17412642e5,isCurrent:!1},{id:"device-id-4",name:"Device 4",deviceType:"unknown",lastLoginDate:17440371e5,isCurrent:!1},{id:"device-id-5",name:"Device 5",deviceType:"desktop",lastLoginDate:174672e7,isCurrent:!1}]}),We=()=>({passkeys:[{id:"vendor-id-1",displayName:"Device 1",kind:"google",createdTime:1735977600,rpId:"example.com"},{id:"vendor-id-2",displayName:"Device 2",kind:"edge",createdTime:1738750500,rpId:"example.com"},{id:"vendor-id-3",displayName:"Device 3",kind:"apple",createdTime:1741264200,rpId:"example.com"}]}),je=({httpClient:t,mock:s})=>({me:()=>e(void 0,void 0,void 0,(function*(){if(s)return Re();const e=yield t.get(Ue.me);return yield Ie(e),e.json()})),setCurrentTenant:s=>e(void 0,void 0,void 0,(function*(){const e=yield t.post(Ue.selectTenant,{tenant:s});return yield Ie(e),e.json()}))}),Ae=({httpClient:t,mock:s})=>({devices:i=>e(void 0,[i],void 0,(function*({userId:e}){if(s)return Me();const i=yield t.post(Ue.devices,{identifiers:[e]});return yield Ie(i),i.json()}))}),Te=({httpClient:t,mock:s})=>({listPasskeys:i=>e(void 0,[i],void 0,(function*({userId:e}){if(s)return We();const i=yield t.post(Ue.passkeys,{loginId:e});return yield Ie(i),i.json()}))}),Ne=a((i=>{var o,n,r,a;const d=l(h,c,u,f,v)(i);return a=class extends d{constructor(){super(...arguments),o.add(this),n.set(this,void 0)}get widgetId(){return this.getAttribute("widget-id")}get mock(){return this.getAttribute("mock")}get styleId(){return this.getAttribute("style-id")||p}get api(){return t(this,n,"f")||t(this,o,"m",r).call(this),t(this,n,"f")}init(){const s=Object.create(null,{init:{get:()=>super.init}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=s.init)||void 0===e?void 0:e.call(this),this.observeAttributes(["project-id","base-url"],(()=>{t(this,n,"f")&&t(this,o,"m",r).call(this)}))}))}},n=new WeakMap,o=new WeakSet,r=function(){this.logger.debug("creating an sdk instance"),s(this,n,((t,s,i)=>{const o=E(Object.assign(Object.assign({},t),{persistTokens:!0,baseHeaders:{"x-descope-widget-type":"user-profile-widget","x-descope-widget-id":i,"x-descope-widget-version":"0.11.0"}}));return{user:Object.assign(Object.assign({},je({httpClient:o.httpClient,mock:s})),{logout:s?()=>e(void 0,void 0,void 0,(function*(){})):o.logout}),device:Object.assign({},Ae({httpClient:o.httpClient,mock:s})),passkey:Object.assign({},Te({httpClient:o.httpClient,mock:s}))}})({projectId:this.projectId,baseUrl:this.baseUrl,refreshCookieName:this.refreshCookieName},"true"===this.mock,this.widgetId),"f")},a})),xe=a((e=>{const t=l(m({name:"widget",initialState:Ce,reducers:{clearNotifications:e=>{e.notifications=[]},setCurrentTenantId:(e,{payload:t})=>{e.tenant.currentTenantId=t}},extraReducers:e=>{Z.reducer(e),z.reducer(e),_.reducer(e),Q.reducer(e),ke.reducer(e)},asyncActions:{getMe:Z.action,listDevices:z.action,listPasskeys:_.action,logout:Q.action,selectTenant:ke.action}}),g,u,Ne)(e);return class extends t{constructor(...e){super(...e),this.state=Ce,this.subscribe((e=>{this.logger.debug("State update:",e),this.state=e}))}}})),Fe="widget-flow",Le=a((s=>{var i,o,n;return n=class extends(l(g,w,xe,v,u,y)(s)){constructor(){super(...arguments),i.add(this)}init(){const s=Object.create(null,{init:{get:()=>super.init}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=s.init)||void 0===e?void 0:e.call(this);const n=q(Fe);n&&(!function(e){if(window.history.replaceState&&q(e)){const t=new URL(window.location.href),s=new URLSearchParams(t.search);s.delete(e),t.search=s.toString(),window.history.replaceState({},"",t.toString())}}(Fe),t(this,i,"m",o).call(this,n))}))}},i=new WeakSet,o=function(e){const t=this.createModal({"data-id":"redirect-flow"});t.setContent(D({projectId:this.projectId,flowId:e,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId}));new R((()=>{var e;return null===(e=t.ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}).onSuccess((()=>{t.close(),this.actions.getMe()})),t.afterClose=()=>{t.remove()},t.open()},n})),Ee=a((t=>{const s=l(b,k({"widget-id":k.missingAttrValidator}))(t);return class extends s{get widgetId(){return this.getAttribute("widget-id")}fetchWidgetPage(t){return e(this,void 0,void 0,(function*(){return(yield this.fetchStaticResource(`user-profile-widget/${this.widgetId}/${t}`,"text")).body}))}}})),Pe=a((s=>{var o,n,r;return r=class extends(l(u,g,C,U,Ee,xe)(s)){constructor(){super(...arguments),o.add(this)}onWidgetRootReady(){return e(this,void 0,void 0,(function*(){}))}init(){const s=Object.create(null,{init:{get:()=>super.init}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=s.init)||void 0===e?void 0:e.call(this),yield this.actions.getMe(),yield t(this,o,"m",n).call(this),yield this.onWidgetRootReady(),this.dispatchEvent(new CustomEvent("ready"))}))}},o=new WeakSet,n=function(){return e(this,void 0,void 0,(function*(){const e=i(yield this.fetchWidgetPage("root.html"));yield this.loadDescopeUiComponents(e),this.contentRootElement.append(e.content.cloneNode(!0))}))},r})),Oe=a((e=>class extends(l(y,c)(e)){syncFlowTheme(e){e.theme=this.theme,this.observeAttributes(["theme"],(()=>{e.theme=this.theme}))}})),De=a((i=>{var o,n,r,a,h,c,f,p,m;return m=class extends(l(Oe,y,xe,u,v,Pe,w)(i)){constructor(){super(...arguments),o.add(this),n.set(this,void 0),r.set(this,void 0),f.set(this,d((e=>{this.avatar.image=e}))),p.set(this,d((e=>{this.avatar.displayName=e})))}onWidgetRootReady(){const s=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=s.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,o,"m",c).call(this),t(this,o,"m",a).call(this),t(this,f,"f").call(this,ie(this.state)),t(this,p,"f").call(this,re(this.state)),this.subscribe(t(this,f,"f").bind(this),ie),this.subscribe(t(this,p,"f").bind(this),re)}))}},n=new WeakMap,r=new WeakMap,f=new WeakMap,p=new WeakMap,o=new WeakSet,a=function(){this.avatar.flowId&&(s(this,n,this.createModal({"data-id":"update-pic"}),"f"),s(this,r,new R((()=>{var e;return null===(e=t(this,n,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,n,"f").afterClose=t(this,o,"m",h).bind(this),t(this,o,"m",h).call(this),this.syncFlowTheme(t(this,r,"f")))},h=function(){t(this,n,"f").setContent(D({projectId:this.projectId,flowId:this.avatar.flowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),t(this,r,"f").onSuccess((()=>{t(this,n,"f").close(),this.actions.getMe()}))},c=function(){this.avatar=new M((()=>{var e;return null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("descope-avatar")}),{logger:this.logger}),this.avatar.onClick((()=>{var e;null===(e=t(this,n,"f"))||void 0===e||e.open()}))},m})),qe=a((i=>{var o,n,r,a,h,c,f,p,m,g,y,b,k;return k=class extends(l(Oe,xe,u,Pe,v,w)(i)){constructor(){super(...arguments),o.add(this),n.set(this,void 0),r.set(this,void 0),a.set(this,void 0),h.set(this,void 0),y.set(this,d((e=>{this.emailUserAttr.value=e}))),b.set(this,d((e=>{this.emailUserAttr.badgeLabel=e})))}onWidgetRootReady(){const s=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=s.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,o,"m",g).call(this),t(this,o,"m",c).call(this),t(this,o,"m",p).call(this),t(this,y,"f").call(this,oe(this.state)),t(this,b,"f").call(this,de(this.state)),this.subscribe(t(this,y,"f").bind(this),oe),this.subscribe(t(this,b,"f").bind(this),de)}))}},n=new WeakMap,r=new WeakMap,a=new WeakMap,h=new WeakMap,y=new WeakMap,b=new WeakMap,o=new WeakSet,c=function(){this.emailUserAttr.editFlowId&&(s(this,n,this.createModal({"data-id":"edit-email"}),"f"),s(this,r,new R((()=>{var e;return null===(e=t(this,n,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,n,"f").afterClose=t(this,o,"m",f).bind(this),t(this,o,"m",f).call(this),this.syncFlowTheme(t(this,r,"f")))},f=function(){t(this,n,"f").setContent(D({projectId:this.projectId,flowId:this.emailUserAttr.editFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),t(this,r,"f").onSuccess((()=>{t(this,n,"f").close(),this.actions.getMe()}))},p=function(){this.emailUserAttr.deleteFlowId&&(s(this,a,this.createModal({"data-id":"delete-email"}),"f"),s(this,h,new R((()=>{var e;return null===(e=t(this,a,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,a,"f").afterClose=t(this,o,"m",m).bind(this),t(this,o,"m",m).call(this),this.syncFlowTheme(t(this,h,"f")))},m=function(){t(this,a,"f").setContent(D({projectId:this.projectId,flowId:this.emailUserAttr.deleteFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),t(this,h,"f").onSuccess((()=>{t(this,a,"f").close(),this.actions.getMe()}))},g=function(){this.emailUserAttr=new W((()=>{var e;return null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector('descope-user-attribute[data-id="email"]')}),{logger:this.logger}),this.emailUserAttr.onEditClick((()=>{var e;null===(e=t(this,n,"f"))||void 0===e||e.open()})),this.emailUserAttr.onDeleteClick((()=>{var e;null===(e=t(this,a,"f"))||void 0===e||e.open()}))},k})),$e=a((s=>{var i,o,n;return n=class extends(l(xe,u,Pe,w)(s)){constructor(){super(...arguments),i.add(this)}onWidgetRootReady(){const s=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=s.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,i,"m",o).call(this)}))}},i=new WeakSet,o=function(){this.logout=new j((()=>{var e;return null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector('descope-button[data-id="logout"]')}),{logger:this.logger}),this.logout.onClick((()=>e(this,void 0,void 0,(function*(){yield this.actions.logout(),this.dispatchEvent(new CustomEvent("logout"))}))))},n})),Be=a((i=>{var o,n,r,a,h,c,f,p,m,g,y,b;return b=class extends(l(Oe,xe,u,Pe,v,w)(i)){constructor(){super(...arguments),o.add(this),n.set(this,void 0),r.set(this,void 0),a.set(this,void 0),h.set(this,void 0),y.set(this,d((e=>{this.nameUserAttr.value=e})))}onWidgetRootReady(){const s=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=s.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,o,"m",g).call(this),t(this,o,"m",c).call(this),t(this,o,"m",p).call(this),t(this,y,"f").call(this,re(this.state)),this.subscribe(t(this,y,"f").bind(this),re)}))}},n=new WeakMap,r=new WeakMap,a=new WeakMap,h=new WeakMap,y=new WeakMap,o=new WeakSet,c=function(){this.nameUserAttr.editFlowId&&(s(this,n,this.createModal({"data-id":"edit-name"}),"f"),s(this,r,new R((()=>{var e;return null===(e=t(this,n,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,n,"f").afterClose=t(this,o,"m",f).bind(this),t(this,o,"m",f).call(this),this.syncFlowTheme(t(this,r,"f")))},f=function(){t(this,n,"f").setContent(D({projectId:this.projectId,flowId:this.nameUserAttr.editFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),t(this,r,"f").onSuccess((()=>{t(this,n,"f").close(),this.actions.getMe()}))},p=function(){this.nameUserAttr.deleteFlowId&&(s(this,a,this.createModal({"data-id":"delete-name"}),"f"),s(this,h,new R((()=>{var e;return null===(e=t(this,a,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,a,"f").afterClose=t(this,o,"m",m).bind(this),t(this,o,"m",m).call(this),this.syncFlowTheme(t(this,h,"f")))},m=function(){t(this,a,"f").setContent(D({projectId:this.projectId,flowId:this.nameUserAttr.deleteFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),t(this,h,"f").onSuccess((()=>{t(this,a,"f").close(),this.actions.getMe()}))},g=function(){this.nameUserAttr=new W((()=>{var e;return null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector('descope-user-attribute[data-id="name"]')}),{logger:this.logger}),this.nameUserAttr.onEditClick((()=>{var e;null===(e=t(this,n,"f"))||void 0===e||e.open()})),this.nameUserAttr.onDeleteClick((()=>{var e;null===(e=t(this,a,"f"))||void 0===e||e.open()}))},b})),He=a((i=>{var o,n,r,a,h,c,f,p,m,g,y,b;return b=class extends(l(Oe,xe,u,Pe,v,w)(i)){constructor(){super(...arguments),o.add(this),n.set(this,void 0),r.set(this,void 0),a.set(this,void 0),h.set(this,void 0),y.set(this,d((e=>{this.passkeyUserAuthMethod.fulfilled=e})))}onWidgetRootReady(){const s=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=s.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,o,"m",g).call(this),t(this,o,"m",c).call(this),t(this,o,"m",p).call(this),t(this,y,"f").call(this,ce(this.state)),this.subscribe(t(this,y,"f").bind(this),ce)}))}},n=new WeakMap,r=new WeakMap,a=new WeakMap,h=new WeakMap,y=new WeakMap,o=new WeakSet,c=function(){this.passkeyUserAuthMethod.flowId&&(s(this,n,this.createModal({"data-id":"add-passkey"}),"f"),s(this,r,new R((()=>{var e;return null===(e=t(this,n,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,n,"f").afterClose=t(this,o,"m",f).bind(this),t(this,o,"m",f).call(this),this.syncFlowTheme(t(this,r,"f")))},f=function(){t(this,n,"f").setContent(D({projectId:this.projectId,flowId:this.passkeyUserAuthMethod.flowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),t(this,r,"f").onSuccess((()=>{t(this,n,"f").close(),this.actions.getMe()}))},p=function(){this.passkeyUserAuthMethod.fulfilledFlowId&&(s(this,a,this.createModal({"data-id":"remove-passkey"}),"f"),s(this,h,new R((()=>{var e;return null===(e=t(this,a,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,a,"f").afterClose=t(this,o,"m",m).bind(this),t(this,o,"m",m).call(this),this.syncFlowTheme(t(this,h,"f")))},m=function(){t(this,a,"f").setContent(D({projectId:this.projectId,flowId:this.passkeyUserAuthMethod.fulfilledFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),t(this,h,"f").onSuccess((()=>{t(this,a,"f").close(),this.actions.getMe()}))},g=function(){this.passkeyUserAuthMethod=new A((()=>{var e;return null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector('descope-user-auth-method[data-id="passkey"]')}),{logger:this.logger}),this.passkeyUserAuthMethod.onUnfulfilledButtonClick((()=>{var e;null===(e=t(this,n,"f"))||void 0===e||e.open()})),this.passkeyUserAuthMethod.onFulfilledButtonClick((()=>{var e;null===(e=t(this,a,"f"))||void 0===e||e.open()}))},b})),Ve=a((i=>{var o,n,r,a,d,h;return h=class extends(l(Oe,xe,u,Pe,v,w)(i)){constructor(){super(...arguments),o.add(this),n.set(this,void 0),r.set(this,void 0)}initPasswordAuthMethod(){this.passwordUserAuthMethod=new A((()=>{var e;return null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector('descope-user-auth-method[data-id="password"]')}),{logger:this.logger}),this.passwordUserAuthMethod.onUnfulfilledButtonClick((()=>{var e;null===(e=t(this,n,"f"))||void 0===e||e.open()}))}onWidgetRootReady(){const s=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=s.onWidgetRootReady)||void 0===e?void 0:e.call(this),this.initPasswordAuthMethod(),t(this,o,"m",a).call(this)}))}},n=new WeakMap,r=new WeakMap,o=new WeakSet,a=function(){this.passwordUserAuthMethod.flowId&&(s(this,n,this.createModal({"data-id":"password"}),"f"),s(this,r,new R((()=>{var e;return null===(e=t(this,n,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,n,"f").afterClose=t(this,o,"m",d).bind(this),t(this,o,"m",d).call(this),this.syncFlowTheme(t(this,r,"f")))},d=function(){t(this,n,"f").setContent(D({projectId:this.projectId,flowId:this.passwordUserAuthMethod.flowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),t(this,r,"f").onSuccess((()=>{t(this,n,"f").close()}))},h})),Ze=a((i=>{var o,n,r,a,h,c,f,p,m,g,y,b,k;return k=class extends(l(Oe,xe,u,Pe,v,w)(i)){constructor(){super(...arguments),o.add(this),n.set(this,void 0),r.set(this,void 0),a.set(this,void 0),h.set(this,void 0),y.set(this,d((e=>{this.phoneUserAttr.value=e}))),b.set(this,d((e=>{this.phoneUserAttr.badgeLabel=e})))}onWidgetRootReady(){const s=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=s.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,o,"m",g).call(this),t(this,o,"m",c).call(this),t(this,o,"m",p).call(this),t(this,y,"f").call(this,ae(this.state)),t(this,b,"f").call(this,he(this.state)),this.subscribe(t(this,y,"f").bind(this),ae),this.subscribe(t(this,b,"f").bind(this),he)}))}},n=new WeakMap,r=new WeakMap,a=new WeakMap,h=new WeakMap,y=new WeakMap,b=new WeakMap,o=new WeakSet,c=function(){this.phoneUserAttr.editFlowId&&(s(this,n,this.createModal({"data-id":"edit-phone"}),"f"),s(this,r,new R((()=>{var e;return null===(e=t(this,n,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,n,"f").afterClose=t(this,o,"m",f).bind(this),t(this,o,"m",f).call(this),this.syncFlowTheme(t(this,r,"f")))},f=function(){t(this,n,"f").setContent(D({projectId:this.projectId,flowId:this.phoneUserAttr.editFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),t(this,r,"f").onSuccess((()=>{t(this,n,"f").close(),this.actions.getMe()}))},p=function(){this.phoneUserAttr.deleteFlowId&&(s(this,a,this.createModal({"data-id":"delete-phone"}),"f"),s(this,h,new R((()=>{var e;return null===(e=t(this,a,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,a,"f").afterClose=t(this,o,"m",m).bind(this),t(this,o,"m",m).call(this),this.syncFlowTheme(t(this,h,"f")))},m=function(){t(this,a,"f").setContent(D({projectId:this.projectId,flowId:this.phoneUserAttr.deleteFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),t(this,h,"f").onSuccess((()=>{t(this,a,"f").close(),this.actions.getMe()}))},g=function(){this.phoneUserAttr=new W((()=>{var e;return null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector('descope-user-attribute[data-id="phone"]')}),{logger:this.logger}),this.phoneUserAttr.onEditClick((()=>{var e;null===(e=t(this,n,"f"))||void 0===e||e.open()})),this.phoneUserAttr.onDeleteClick((()=>{var e;null===(e=t(this,a,"f"))||void 0===e||e.open()}))},k})),Je=a((i=>{var o,n,r,a,h,c,f,p,m,g,y,b;return b=class extends(l(Oe,xe,u,Pe,v,w)(i)){constructor(){super(...arguments),o.add(this),n.set(this,void 0),r.set(this,void 0),a.set(this,void 0),h.set(this,void 0),y.set(this,d((e=>{this.totpUserAuthMethod.fulfilled=e})))}onWidgetRootReady(){const s=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=s.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,o,"m",g).call(this),t(this,o,"m",c).call(this),t(this,o,"m",p).call(this),t(this,y,"f").call(this,ue(this.state)),this.subscribe(t(this,y,"f").bind(this),ue)}))}},n=new WeakMap,r=new WeakMap,a=new WeakMap,h=new WeakMap,y=new WeakMap,o=new WeakSet,c=function(){this.totpUserAuthMethod.flowId&&(s(this,n,this.createModal({"data-id":"totp"}),"f"),s(this,r,new R((()=>{var e;return null===(e=t(this,n,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,n,"f").afterClose=t(this,o,"m",f).bind(this),t(this,o,"m",f).call(this),this.syncFlowTheme(t(this,r,"f")))},f=function(){t(this,n,"f").setContent(D({projectId:this.projectId,flowId:this.totpUserAuthMethod.flowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),t(this,r,"f").onSuccess((()=>{t(this,n,"f").close(),this.actions.getMe()}))},p=function(){this.totpUserAuthMethod.fulfilledFlowId&&(s(this,a,this.createModal({"data-id":"remove-totp"}),"f"),s(this,h,new R((()=>{var e;return null===(e=t(this,a,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,a,"f").afterClose=t(this,o,"m",m).bind(this),t(this,o,"m",m).call(this),this.syncFlowTheme(t(this,h,"f")))},m=function(){t(this,a,"f").setContent(D({projectId:this.projectId,flowId:this.totpUserAuthMethod.fulfilledFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),t(this,h,"f").onSuccess((()=>{t(this,a,"f").close(),this.actions.getMe()}))},g=function(){this.totpUserAuthMethod=new A((()=>{var e;return null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector('descope-user-auth-method[data-id="totp"]')}),{logger:this.logger}),this.totpUserAuthMethod.onUnfulfilledButtonClick((()=>{var e;null===(e=t(this,n,"f"))||void 0===e||e.open()})),this.totpUserAuthMethod.onFulfilledButtonClick((()=>{var e;null===(e=t(this,a,"f"))||void 0===e||e.open()}))},b})),Xe=a((s=>{var i,o,n,r,a,h,c,f,p,m,g;return g=class extends(l(Oe,xe,u,Pe,v,w)(s)){constructor(){super(...arguments),i.add(this),o.set(this,{}),n.set(this,{}),r.set(this,{}),a.set(this,{}),f.set(this,d((e=>{var s;const o=null===(s=this.shadowRoot)||void 0===s?void 0:s.querySelectorAll('descope-user-attribute[data-id^="builtin."]');Array.from(o).forEach((s=>{const o=s.getAttribute("data-id").replace("builtin.",""),n=e[o],r=new W(s,{logger:this.logger});r.value=(n||"").toString(),t(this,i,"m",p).call(this,s,o,r),t(this,i,"m",m).call(this,s,o,r)}))})))}onWidgetRootReady(){const s=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=s.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,f,"f").call(this,ve(this.state)),this.subscribe(t(this,f,"f").bind(this),ve)}))}},o=new WeakMap,n=new WeakMap,r=new WeakMap,a=new WeakMap,f=new WeakMap,i=new WeakSet,h=function(e){var s,i;null===(s=t(this,o,"f")[e])||void 0===s||s.setContent(D({projectId:this.projectId,flowId:e,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),null===(i=t(this,n,"f")[e])||void 0===i||i.onSuccess((()=>{var s;null===(s=t(this,o,"f")[e])||void 0===s||s.close(),this.actions.getMe()}))},c=function(e){var s,i;null===(s=t(this,r,"f")[e])||void 0===s||s.setContent(D({projectId:this.projectId,flowId:e,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),null===(i=t(this,a,"f")[e])||void 0===i||i.onSuccess((()=>{var s;null===(s=t(this,r,"f")[e])||void 0===s||s.close(),this.actions.getMe()}))},p=function(e,s,r){const a=e.getAttribute("edit-flow-id");a&&(t(this,o,"f")[a]=this.createModal({"data-id":`edit-${s}`}),t(this,n,"f")[a]=new R((()=>{var e,s;return null===(s=null===(e=t(this,o,"f")[a])||void 0===e?void 0:e.ele)||void 0===s?void 0:s.querySelector("descope-wc")}),{logger:this.logger}),t(this,o,"f")[a].afterClose=t(this,i,"m",h).bind(this,a),r.onEditClick((()=>{var e,s;null===(s=null===(e=t(this,o,"f"))||void 0===e?void 0:e[a])||void 0===s||s.open()})),t(this,i,"m",h).call(this,a),this.syncFlowTheme(t(this,n,"f")[a]))},m=function(e,s,o){const n=e.getAttribute("delete-flow-id");n&&(t(this,r,"f")[n]=this.createModal({"data-id":`delete-${s}`}),t(this,a,"f")[n]=new R((()=>{var e,s;return null===(s=null===(e=t(this,r,"f")[n])||void 0===e?void 0:e.ele)||void 0===s?void 0:s.querySelector("descope-wc")}),{logger:this.logger}),t(this,r,"f")[n].afterClose=t(this,i,"m",c).bind(this,n),o.onDeleteClick((()=>{var e,s;null===(s=null===(e=t(this,r,"f"))||void 0===e?void 0:e[n])||void 0===s||s.open()})),t(this,i,"m",c).call(this,n),this.syncFlowTheme(t(this,a,"f")[n]))},g}));var ze;!function(e){e.TEXT="text",e.NUMBER="number",e.BOOLEAN="boolean",e.SINGLE_SELECT="singleSelect",e.ARRAY="array",e.DATE="date"}(ze||(ze={}));const Ge=a((s=>{var i,o,n,r,a,h,c,f,p,m,g;return o=class extends(l(Oe,xe,u,Pe,v,w)(s)){constructor(){super(...arguments),i.add(this),n.set(this,{}),r.set(this,{}),a.set(this,{}),h.set(this,{}),p.set(this,d((e=>{var s;const n=null===(s=this.shadowRoot)||void 0===s?void 0:s.querySelectorAll('descope-user-attribute[data-id^="customAttributes."]');Array.from(n).forEach((s=>{const n=s.getAttribute("data-id").replace("customAttributes.",""),r=s.getAttribute("data-type")||ze.TEXT,a=e[n],l=new W(s,{logger:this.logger});l.value=o.getFormattedValue(r,a),t(this,i,"m",m).call(this,s,n,l),t(this,i,"m",g).call(this,s,n,l)}))})))}static getFormattedValue(e,t){return e===ze.DATE&&t?new Date(t).toLocaleString():e===ze.BOOLEAN&&void 0!==t?t?"True":"False":(t||"").toString()}onWidgetRootReady(){const s=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=s.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,p,"f").call(this,fe(this.state)),this.subscribe(t(this,p,"f").bind(this),fe)}))}},n=new WeakMap,r=new WeakMap,a=new WeakMap,h=new WeakMap,p=new WeakMap,i=new WeakSet,c=function(e){var s,i;null===(s=t(this,n,"f")[e])||void 0===s||s.setContent(D({projectId:this.projectId,flowId:e,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),null===(i=t(this,r,"f")[e])||void 0===i||i.onSuccess((()=>{var s;null===(s=t(this,n,"f")[e])||void 0===s||s.close(),this.actions.getMe()}))},f=function(e){var s,i;null===(s=t(this,a,"f")[e])||void 0===s||s.setContent(D({projectId:this.projectId,flowId:e,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),null===(i=t(this,h,"f")[e])||void 0===i||i.onSuccess((()=>{var s;null===(s=t(this,a,"f")[e])||void 0===s||s.close(),this.actions.getMe()}))},m=function(e,s,o){const a=e.getAttribute("edit-flow-id");a&&(t(this,n,"f")[a]=this.createModal({"data-id":`edit-${s}`}),t(this,r,"f")[a]=new R((()=>{var e,s;return null===(s=null===(e=t(this,n,"f")[a])||void 0===e?void 0:e.ele)||void 0===s?void 0:s.querySelector("descope-wc")}),{logger:this.logger}),t(this,n,"f")[a].afterClose=t(this,i,"m",c).bind(this,a),o.onEditClick((()=>{var e,s;null===(s=null===(e=t(this,n,"f"))||void 0===e?void 0:e[a])||void 0===s||s.open()})),t(this,i,"m",c).call(this,a),this.syncFlowTheme(t(this,r,"f")[a]))},g=function(e,s,o){const n=e.getAttribute("delete-flow-id");n&&(t(this,a,"f")[n]=this.createModal({"data-id":`delete-${s}`}),t(this,h,"f")[n]=new R((()=>{var e,s;return null===(s=null===(e=t(this,a,"f")[n])||void 0===e?void 0:e.ele)||void 0===s?void 0:s.querySelector("descope-wc")}),{logger:this.logger}),t(this,a,"f")[n].afterClose=t(this,i,"m",f).bind(this,n),o.onDeleteClick((()=>{var e,s;null===(s=null===(e=t(this,a,"f"))||void 0===e?void 0:e[n])||void 0===s||s.open()})),t(this,i,"m",f).call(this,n),this.syncFlowTheme(t(this,h,"f")[n]))},o})),Ye=a((i=>{var o,n,r,a,h,c,f,p;return p=class extends(l(Oe,y,xe,u,v,Pe,w)(i)){constructor(){super(...arguments),o.add(this),n.set(this,void 0),r.set(this,void 0),this.updateDeviceList=d((e=>{this.deviceList.data=e}))}onWidgetRootReady(){const s=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=s.onWidgetRootReady)||void 0===e?void 0:e.call(this),this.deviceList=new T((()=>{var e;return null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("descope-trusted-devices")}),{logger:this.logger}),this.deviceList.isExists&&(yield t(this,o,"m",f).call(this),t(this,o,"m",c).call(this,pe(this.state)),t(this,o,"m",a).call(this),this.subscribe(this.updateDeviceList.bind(this),pe))}))}},n=new WeakMap,r=new WeakMap,o=new WeakSet,a=function(){this.deviceList.flowId&&(s(this,n,this.createModal({"data-id":"untrust-device"}),"f"),s(this,r,new R((()=>{var e;return null===(e=t(this,n,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,n,"f").afterClose=()=>t(this,o,"m",h).call(this,""),this.syncFlowTheme(t(this,r,"f")))},h=function(e=""){t(this,n,"f").setContent(D({projectId:this.projectId,flowId:this.deviceList.flowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId,form:{deviceId:e}})),t(this,r,"f").onSuccess((()=>{t(this,n,"f").close(),this.actions.listDevices({userId:se(this.state)})}))},c=function(e){this.deviceList.onRemoveDeviceClick((({id:e})=>{var s;t(this,o,"m",h).call(this,e),null===(s=t(this,n,"f"))||void 0===s||s.open()})),this.deviceList.data=e},f=function(){return e(this,void 0,void 0,(function*(){yield this.actions.listDevices({userId:se(this.state)})}))},p})),_e=a((i=>{var o,n,r,a,h,c,f,p,m,g,y,b;return b=class extends(l(Oe,xe,u,Pe,v,w)(i)){constructor(){super(...arguments),o.add(this),n.set(this,void 0),r.set(this,void 0),a.set(this,void 0),h.set(this,void 0),g.set(this,d((e=>{this.actions.listPasskeys({userId:e})}))),this.updatePasskeyList=d((e=>{this.userPasskeys.data=e}))}onWidgetRootReady(){const s=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=s.onWidgetRootReady)||void 0===e?void 0:e.call(this),this.userPasskeys=new N((()=>{var e;return null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("descope-user-passkeys")}),{logger:this.logger}),this.userPasskeys.isExists&&(t(this,o,"m",y).call(this,me(this.state)),t(this,o,"m",c).call(this),t(this,o,"m",p).call(this),this.subscribe(t(this,g,"f").bind(this),se),this.subscribe(this.updatePasskeyList.bind(this),me))}))}},n=new WeakMap,r=new WeakMap,a=new WeakMap,h=new WeakMap,g=new WeakMap,o=new WeakSet,c=function(){this.userPasskeys.addPasskeyFlowId&&(s(this,n,this.createModal({"data-id":"add-user-passkey"}),"f"),s(this,r,new R((()=>{var e;return null===(e=t(this,n,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,n,"f").afterClose=t(this,o,"m",f).bind(this),t(this,o,"m",f).call(this),this.syncFlowTheme(t(this,r,"f")))},f=function(){t(this,n,"f").setContent(D({projectId:this.projectId,flowId:this.userPasskeys.addPasskeyFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId})),t(this,r,"f").onSuccess((()=>{t(this,n,"f").close(),this.actions.getMe(),t(this,g,"f").call(this,se(this.state))}))},p=function(){this.userPasskeys.removePasskeyFlowId&&(s(this,a,this.createModal({"data-id":"remove-user-passkey"}),"f"),s(this,h,new R((()=>{var e;return null===(e=t(this,a,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),this.syncFlowTheme(t(this,h,"f")))},m=function({externalId:e,credentialId:s}){t(this,a,"f").setContent(D({projectId:this.projectId,flowId:this.userPasskeys.removePasskeyFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId,form:{externalId:e,credentialId:s}})),t(this,h,"f").onSuccess((()=>{t(this,a,"f").close(),this.actions.getMe(),t(this,g,"f").call(this,se(this.state))}))},y=function(e){this.updatePasskeyList(e),this.userPasskeys.onAddPasskeyClick((()=>{var e;null===(e=t(this,n,"f"))||void 0===e||e.open()})),this.userPasskeys.onRemovePasskeyClick((({id:e})=>{var s;const i=se(this.state);t(this,o,"m",m).call(this,{externalId:i,credentialId:e}),null===(s=t(this,a,"f"))||void 0===s||s.open()}))},b}));const Ke={success:(new DOMParser).parseFromString('<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g id="Checkmark">\n<path id="Shape" d="M10.0485 15.6396C9.5799 15.171 8.8201 15.171 8.35147 15.6396C7.88284 16.1082 7.88284 16.868 8.35147 17.3367L12.7072 21.6924C13.1759 22.1611 13.9357 22.1611 14.4043 21.6924L24.7152 11.3815C25.1838 10.9129 25.1838 10.1531 24.7152 9.68448C24.2466 9.21585 23.4868 9.21585 23.0181 9.68448L13.5558 19.1469L10.0485 15.6396Z" fill="currentcolor"/>\n</g>\n</svg>\n',"image/svg+xml").firstChild,error:(new DOMParser).parseFromString('<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g id="Icon">\n<path id="Vector" d="M15.9998 26.6558C10.1118 26.6558 5.34375 21.8878 5.34375 15.9998C5.34375 10.1118 10.1118 5.34375 15.9998 5.34375C21.8878 5.34375 26.6558 10.1118 26.6558 15.9998C26.6558 21.8878 21.8878 26.6558 15.9998 26.6558ZM15.9998 24.4798C20.6718 24.4798 24.4798 20.7038 24.4798 15.9998C24.4798 11.3278 20.7038 7.51975 15.9998 7.51975C11.3278 7.51975 7.51975 11.2958 7.51975 15.9998C7.51975 20.6718 11.2958 24.4798 15.9998 24.4798ZM15.3278 9.34375H16.6718C17.0558 9.34375 17.3438 9.63175 17.3118 9.98375L16.9598 16.9278C16.9598 17.1838 16.7678 17.3438 16.5438 17.3438H15.4558C15.2318 17.3438 15.0398 17.1518 15.0398 16.9278L14.6878 9.98375C14.6878 9.63175 14.9758 9.34375 15.3278 9.34375ZM15.4558 19.4558H16.5438C16.9278 19.4558 17.2158 19.7438 17.1838 20.1278V21.1838C17.1838 21.5678 16.8958 21.8558 16.5438 21.8558H15.4558C15.0718 21.8558 14.7838 21.5678 14.7838 21.1838V20.1278C14.7838 19.7438 15.0718 19.4558 15.4558 19.4558Z" fill="currentcolor"/>\n</g>\n</svg>\n',"image/svg+xml").firstChild},Qe=a((s=>{var i,o,n,r,a;return a=class extends(l(u,xe,I,g)(s)){constructor(){super(...arguments),i.add(this),r.set(this,d((e=>{e.length&&(e.forEach((({type:e,msg:s})=>{const r=t(this,i,"m",n).call(this,e);r.setContent(t(this,i,"m",o).call(this,{type:e,msg:s})),r.show()})),setTimeout((()=>this.actions.clearNotifications())))})))}init(){const s=Object.create(null,{init:{get:()=>super.init}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=s.init)||void 0===e?void 0:e.call(this),this.subscribe(t(this,r,"f").bind(this),ge)}))}},r=new WeakMap,i=new WeakSet,o=function({type:e,msg:t}){const s=Ke[e],i=Object.assign((new DOMParser).parseFromString('<svg width="2em" height="2em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g id="Icon">\n<path id="Shape" d="M10.6712 12L7.27521 8.60406C6.90826 8.23711 6.90826 7.64216 7.27521 7.27521C7.64216 6.90826 8.23711 6.90826 8.60406 7.27521L12 10.6712L15.3959 7.27521C15.7629 6.90826 16.3578 6.90826 16.7248 7.27521C17.0917 7.64216 17.0917 8.23711 16.7248 8.60406L13.3288 12L16.7248 15.3959C17.0917 15.7629 17.0917 16.3578 16.7248 16.7248C16.3578 17.0917 15.7629 17.0917 15.3959 16.7248L12 13.3288L8.60406 16.7248C8.23711 17.0917 7.64216 17.0917 7.27521 16.7248C6.90826 16.3578 6.90826 15.7629 7.27521 15.3959L10.6712 12Z" fill="currentcolor"/>\n</g>\n</svg>\n',"image/svg+xml").firstChild,{slot:"close"});return`${(null==s?void 0:s.outerHTML)||""}${t}${i.outerHTML}`},n=function(e){return this.createNotification({mode:e,duration:"error"===e?0:3e3,position:"bottom-start",size:"sm"})},a})),et=a((i=>{var o,n,r,a,d,h,c,f,v,p,m;return m=class extends(l(xe,u,Pe)(i)){constructor(){super(...arguments),o.add(this),n.set(this,null),a.set(this,(t=>e(this,void 0,void 0,(function*(){const e=t.target.value;yield this.actions.selectTenant(e)})))),d.set(this,(e=>{const i=ye(e);this.tenantSelector.value!==i&&t(this,o,"m",v).call(this,i);const{loading:r,error:a}=e.selectTenant,l=null!==e.tenant.previousTenantId,d=i!==t(this,n,"f");!i||r||a||l||!d||(s(this,n,i,"f"),t(this,o,"m",h).call(this))}))}onWidgetRootReady(){const s=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=s.onWidgetRootReady)||void 0===e?void 0:e.call(this),this.actions.setCurrentTenantId((()=>{const e=P();return ee(e)})()),t(this,o,"m",r).call(this),t(this,o,"m",p).call(this),t(this,o,"m",f).call(this,we(this.state)),this.subscribe(t(this,d,"f").bind(this))}))}},n=new WeakMap,a=new WeakMap,d=new WeakMap,o=new WeakSet,r=function(){this.tenantSelector=new x((()=>{var e;return null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector('descope-combo-box[name="tenantSelector"]')}),{logger:this.logger}),this.tenantSelector.onInput(t(this,a,"f"))},h=function(){const e=ye(this.state);this.dispatchEvent(new CustomEvent("tenant-changed",{bubbles:!0,composed:!0,detail:{tenantId:e}})),this.tenantSelector.shouldReload&&t(this,o,"m",c).call(this)},c=function(){setTimeout((()=>window.location.reload()),this.tenantSelector.refreshTimeout)},f=function(t){return e(this,void 0,void 0,(function*(){const e=t.map((e=>({label:e.tenantName||e.tenantId,value:e.tenantId})));yield this.tenantSelector.setData(e)}))},v=function(e){e&&(this.tenantSelector.value=e)},p=function(){this.tenantSelector.setAllowCustomValue(!0),setTimeout((()=>{t(this,o,"m",v).call(this,ye(this.state)),this.tenantSelector.setAllowCustomValue(!1)}))},m})),tt=a((i=>{var o,n,r,a,d,h,c,f,v,p,m;return m=class extends(l(Oe,xe,w,u,Pe)(i)){constructor(){super(...arguments),o.add(this),n.set(this,void 0),r.set(this,void 0),a.set(this,[]),d.set(this,null)}onWidgetRootReady(){const s=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=s.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,o,"m",f).call(this),t(this,o,"m",c).call(this),t(this,a,"f").forEach((e=>e.enable()))}))}},n=new WeakMap,r=new WeakMap,a=new WeakMap,d=new WeakMap,o=new WeakSet,h=function(e){const s=new F(e,{logger:this.logger});s.onClick((()=>{t(this,o,"m",p).call(this,s.flowId,se(this.state))})),t(this,a,"f").push(s)},c=function(){var e;const s=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll("[data-generic-flow-button-id]");Array.from(s).forEach((e=>{t(this,o,"m",h).call(this,e)}))},f=function(){s(this,n,this.createModal({"data-id":"generic-flow-modal"}),"f"),t(this,n,"f").afterClose=()=>{var e;null===(e=t(this,d,"f"))||void 0===e||e.call(this),s(this,d,null,"f")},s(this,r,new R((()=>{var e;return null===(e=t(this,n,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),this.syncFlowTheme(t(this,r,"f"))},v=function(){var e;t(this,n,"f").open(),null===(e=t(this,d,"f"))||void 0===e||e.call(this)},p=function(e,i){t(this,n,"f").setContent(D({projectId:this.projectId,flowId:e,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,"style-id":this.styleId,client:{userId:i}}));s(this,d,t(this,r,"f").onPageUpdated((()=>t(this,o,"m",v).call(this))),"f"),t(this,r,"f").onSuccess((()=>{t(this,n,"f").close(),this.actions.getMe()}))},m})),st=a((t=>class extends(l(S,y,Le,Ge,qe,De,Be,Ze,He,Ve,Je,Xe,$e,Ye,_e,Qe,et,tt)(t)){init(){const t=Object.create(null,{init:{get:()=>super.init}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=t.init)||void 0===e?void 0:e.call(this)}))}})),it=l((t=>class extends(st(t)){init(){const t=Object.create(null,{init:{get:()=>super.init}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=t.init)||void 0===e?void 0:e.call(this);(customElements.get("descope-wc")||(yield import("@descope/web-component").then((e=>e.default)))).sdkConfigOverrides={baseHeaders:{"x-descope-widget-type":"user-profile-widget","x-descope-widget-id":this.getAttribute("widget-id"),"x-descope-widget-version":"0.11.0"}}}))}}))(HTMLElement);customElements.define("descope-user-profile-widget",it);export{it as default};
6
6
  //# sourceMappingURL=index.js.map