@descope/user-profile-widget 0.7.2 → 0.7.4
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.
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +46 -41
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- 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.7.
|
|
3
|
+
* @descope/user-profile-widget v0.7.4
|
|
4
4
|
*/
|
|
5
|
-
import{__awaiter as e,__classPrivateFieldGet as t,__classPrivateFieldSet as i}from"tslib";import{createTemplate as s,kebabCase as o,isPlainObject as r,createSingletonMixin as n,compose as a,withMemCache as l}from"@descope/sdk-helpers";import{projectIdMixin as d,observeAttributesMixin as h,loggerMixin as c,baseUrlMixin as u,cookieConfigMixin as f,createStateManagementMixin as v,initLifecycleMixin as g,modalMixin as m,themeMixin as p,staticResourcesMixin as w,createValidateAttributesMixin as b,descopeUiMixin as C,initElementMixin as y,notificationsMixin as U,debuggerMixin as k}from"@descope/sdk-mixins";import{FlowDriver as S,AvatarDriver as R,UserAttributeDriver as M,ButtonDriver as W,UserAuthMethodDriver as I,DeviceListDriver as A}from"@descope/sdk-component-drivers";import{createAsyncThunk as j}from"@reduxjs/toolkit";import"@descope/core-js-sdk";import N from"@descope/web-js-sdk";import{createSelector as x}from"reselect";import"@descope/web-component";const T=(e={})=>{const t=s("<descope-wc></descope-wc>");return Object.entries(e).forEach((([e,i])=>{t.content.querySelector("descope-wc").setAttribute(o(e),(e=>"string"==typeof e?e:r(e)?JSON.stringify(e):"")(i))})),t};function L(e){return new URLSearchParams(window.location.search).get(e)}const F=e=>(...t)=>i=>{i.addCase(e.pending,((e,i)=>{t.forEach((({onPending:t})=>{null==t||t(e,i)}))})),i.addCase(e.fulfilled,((e,i)=>{t.forEach((({onFulfilled:t})=>{null==t||t(e,i)}))})),i.addCase(e.rejected,((e,i)=>{t.forEach((({onRejected:t})=>{null==t||t(e,i)}))}))},O=e=>({onFulfilled:t=>{e(t).loading=!1},onPending:t=>{e(t).loading=!0,e(t).error=null},onRejected:(t,i)=>{e(t).loading=!1,e(t).error=i.error}}),D=j("users/me",((e,{extra:{api:t}})=>t.user.me())),E=F(D)({onFulfilled:(e,t)=>{e.me.data=t.payload}},O((e=>e.me))),q={action:D,reducer:E},P=j("users/devices",((e,{extra:{api:t}})=>t.device.devices(e))),$=F(P)({onFulfilled:(e,t)=>{e.devices.data=t.payload.devices}},O((e=>e.devices))),B={action:P,reducer:$},H=j("users/logout",((e,{extra:{api:t}})=>t.user.logout())),V={action:H,reducer:F(H)({})},Z={me:{loading:!1,error:null,data:{}},devices:{loading:!1,error:null,data:[]},notifications:[]},J={me:"/v1/auth/me",devices:"/v1/mgmt/user/trusteddevices/list"},X=t=>e(void 0,void 0,void 0,(function*(){const e=yield t.text(),i=JSON.parse(e);if(!t.ok){const e=`${i.errorDescription}${i.errorMessage?`: ${i.errorMessage}`:""}`;throw Error(e||`${t.status} ${t.statusText}`)}t.json=()=>Promise.resolve(i),t.text=()=>Promise.resolve(e)})),z=()=>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:[],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=()=>({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}]}),Y=({httpClient:t,mock:i})=>({me:()=>e(void 0,void 0,void 0,(function*(){if(i)return z();const e=yield t.get(J.me);return yield X(e),e.json()}))}),_=({httpClient:t,mock:i})=>({devices:s=>e(void 0,[s],void 0,(function*({userId:e}){if(i)return G();const s=yield t.post(J.devices,{identifiers:[e]});return yield X(s),s.json()}))}),K=n((s=>{var o,r,n,l;const v=a(d,h,c,u,f)(s);return l=class extends v{constructor(){super(...arguments),o.add(this),r.set(this,void 0)}get widgetId(){return this.getAttribute("widget-id")}get mock(){return this.getAttribute("mock")}get api(){return t(this,r,"f")||t(this,o,"m",n).call(this),t(this,r,"f")}init(){const i=Object.create(null,{init:{get:()=>super.init}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.init)||void 0===e?void 0:e.call(this),this.observeAttributes(["project-id","base-url"],(()=>{t(this,r,"f")&&t(this,o,"m",n).call(this)}))}))}},r=new WeakMap,o=new WeakSet,n=function(){this.logger.debug("creating an sdk instance"),i(this,r,((t,i,s)=>{const o=N(Object.assign(Object.assign({},t),{persistTokens:!0,baseHeaders:{"x-descope-widget-type":"user-profile-widget","x-descope-widget-id":s,"x-descope-widget-version":"0.7.2"}}));return{user:Object.assign(Object.assign({},Y({httpClient:o.httpClient,mock:i})),{logout:i?()=>e(void 0,void 0,void 0,(function*(){})):o.logout}),device:Object.assign({},_({httpClient:o.httpClient,mock:i}))}})({projectId:this.projectId,baseUrl:this.baseUrl,refreshCookieName:this.refreshCookieName},"true"===this.mock,this.widgetId),"f")},l})),Q=n((e=>{const t=a(v({name:"widget",initialState:Z,reducers:{clearNotifications:e=>{e.notifications=[]}},extraReducers:e=>{q.reducer(e),B.reducer(e),V.reducer(e)},asyncActions:{getMe:q.action,listDevices:B.action,logout:V.action}}),g,c,K)(e);return class extends t{constructor(...e){super(...e),this.state=Z,this.subscribe((e=>{this.logger.debug("State update:",e),this.state=e}))}}})),ee="widget-flow",te=n((i=>{var s,o,r;return r=class extends(a(g,m,Q,f,c,p)(i)){constructor(){super(...arguments),s.add(this)}init(){const i=Object.create(null,{init:{get:()=>super.init}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.init)||void 0===e?void 0:e.call(this);const r=L(ee);r&&(!function(e){if(window.history.replaceState&&L(e)){const t=new URL(window.location.href),i=new URLSearchParams(t.search);i.delete(e),t.search=i.toString(),window.history.replaceState({},"",t.toString())}}(ee),t(this,s,"m",o).call(this,r))}))}},s=new WeakSet,o=function(e){const t=this.createModal({"data-id":"redirect-flow"});t.setContent(T({projectId:this.projectId,flowId:e,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme}));new S((()=>{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()},r})),ie=e=>e.me.data,se=x(ie,(e=>e.userId)),oe=x(ie,(e=>e.picture)),re=x(ie,(e=>e.email)),ne=x(ie,(e=>e.verifiedEmail)),ae=x(ie,(e=>e.name)),le=x(ie,(e=>e.phone)),de=x(ie,(e=>e.verifiedPhone)),he=x(ie,(e=>e.webauthn));x(ie,(e=>e.password));const ce=x(ie,(e=>e.TOTP)),ue=x(ie,(e=>e.customAttributes)),fe=x(ie,(e=>({givenName:e.givenName,middleName:e.middleName,familyName:e.familyName}))),ve=x((e=>e.devices.data),(e=>e.map((({id:e,name:t,deviceType:i,lastLoginTime:s,isCurrentDevice:o})=>({id:e,name:t,deviceType:i,lastLoginDate:1e3*parseInt(s,10),isCurrent:o}))))),ge=e=>e.notifications,me=n((t=>{const i=a(w,b({"widget-id":b.missingAttrValidator}))(t);return class extends i{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=n((i=>{var o,r,n;return n=class extends(a(c,g,C,y,me,Q)(i)){constructor(){super(...arguments),o.add(this)}onWidgetRootReady(){return e(this,void 0,void 0,(function*(){}))}init(){const i=Object.create(null,{init:{get:()=>super.init}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.init)||void 0===e?void 0:e.call(this),yield this.actions.getMe(),yield Promise.all([this.actions.listDevices({userId:se(this.state)}),t(this,o,"m",r).call(this)]),yield this.onWidgetRootReady(),this.dispatchEvent(new CustomEvent("ready"))}))}},o=new WeakSet,r=function(){return e(this,void 0,void 0,(function*(){const e=s(yield this.fetchWidgetPage("root.html"));yield this.loadDescopeUiComponents(e),this.contentRootElement.append(e.content.cloneNode(!0))}))},n})),we=n((e=>class extends(a(p,h)(e)){syncFlowTheme(e){e.theme=this.theme,this.observeAttributes(["theme"],(()=>{e.theme=this.theme}))}})),be=n((s=>{var o,r,n,d,h,u,v,g,w;return w=class extends(a(we,p,Q,c,f,pe,m)(s)){constructor(){super(...arguments),o.add(this),r.set(this,void 0),n.set(this,void 0),v.set(this,l((e=>{this.avatar.image=e}))),g.set(this,l((e=>{this.avatar.displayName=e})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,o,"m",u).call(this),t(this,o,"m",d).call(this),t(this,v,"f").call(this,oe(this.state)),t(this,g,"f").call(this,ae(this.state)),this.subscribe(t(this,v,"f").bind(this),oe),this.subscribe(t(this,g,"f").bind(this),ae)}))}},r=new WeakMap,n=new WeakMap,v=new WeakMap,g=new WeakMap,o=new WeakSet,d=function(){this.avatar.flowId&&(i(this,r,this.createModal({"data-id":"update-pic"}),"f"),i(this,n,new S((()=>{var e;return null===(e=t(this,r,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,r,"f").afterClose=t(this,o,"m",h).bind(this),t(this,o,"m",h).call(this),this.syncFlowTheme(t(this,n,"f")))},h=function(){t(this,r,"f").setContent(T({projectId:this.projectId,flowId:this.avatar.flowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),t(this,n,"f").onSuccess((()=>{t(this,r,"f").close(),this.actions.getMe()}))},u=function(){this.avatar=new R((()=>{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,r,"f"))||void 0===e||e.open()}))},w})),Ce=n((s=>{var o,r,n,d,h,u,v,g,p,w,b,C,y;return y=class extends(a(we,Q,c,pe,f,m)(s)){constructor(){super(...arguments),o.add(this),r.set(this,void 0),n.set(this,void 0),d.set(this,void 0),h.set(this,void 0),b.set(this,l((e=>{this.emailUserAttr.value=e}))),C.set(this,l((e=>{this.emailUserAttr.badgeLabel=e?"":"Unverified"})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,o,"m",w).call(this),t(this,o,"m",u).call(this),t(this,o,"m",g).call(this),t(this,b,"f").call(this,re(this.state)),t(this,C,"f").call(this,ne(this.state)),this.subscribe(t(this,b,"f").bind(this),re),this.subscribe(t(this,C,"f").bind(this),ne)}))}},r=new WeakMap,n=new WeakMap,d=new WeakMap,h=new WeakMap,b=new WeakMap,C=new WeakMap,o=new WeakSet,u=function(){this.emailUserAttr.editFlowId&&(i(this,r,this.createModal({"data-id":"edit-email"}),"f"),i(this,n,new S((()=>{var e;return null===(e=t(this,r,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,r,"f").afterClose=t(this,o,"m",v).bind(this),t(this,o,"m",v).call(this),this.syncFlowTheme(t(this,n,"f")))},v=function(){t(this,r,"f").setContent(T({projectId:this.projectId,flowId:this.emailUserAttr.editFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),t(this,n,"f").onSuccess((()=>{t(this,r,"f").close(),this.actions.getMe()}))},g=function(){this.emailUserAttr.deleteFlowId&&(i(this,d,this.createModal({"data-id":"delete-email"}),"f"),i(this,h,new S((()=>{var e;return null===(e=t(this,d,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,d,"f").afterClose=t(this,o,"m",p).bind(this),t(this,o,"m",p).call(this),this.syncFlowTheme(t(this,h,"f")))},p=function(){t(this,d,"f").setContent(T({projectId:this.projectId,flowId:this.emailUserAttr.deleteFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),t(this,h,"f").onSuccess((()=>{t(this,d,"f").close(),this.actions.getMe()}))},w=function(){this.emailUserAttr=new M((()=>{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,r,"f"))||void 0===e||e.open()})),this.emailUserAttr.onDeleteClick((()=>{var e;null===(e=t(this,d,"f"))||void 0===e||e.open()}))},y})),ye=n((i=>{var s,o,r;return r=class extends(a(Q,c,pe,m)(i)){constructor(){super(...arguments),s.add(this)}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,s,"m",o).call(this)}))}},s=new WeakSet,o=function(){this.logout=new W((()=>{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"))}))))},r})),Ue=n((s=>{var o,r,n,d,h,u,v,g,p,w,b,C;return C=class extends(a(we,Q,c,pe,f,m)(s)){constructor(){super(...arguments),o.add(this),r.set(this,void 0),n.set(this,void 0),d.set(this,void 0),h.set(this,void 0),b.set(this,l((e=>{this.nameUserAttr.value=e})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,o,"m",w).call(this),t(this,o,"m",u).call(this),t(this,o,"m",g).call(this),t(this,b,"f").call(this,ae(this.state)),this.subscribe(t(this,b,"f").bind(this),ae)}))}},r=new WeakMap,n=new WeakMap,d=new WeakMap,h=new WeakMap,b=new WeakMap,o=new WeakSet,u=function(){this.nameUserAttr.editFlowId&&(i(this,r,this.createModal({"data-id":"edit-name"}),"f"),i(this,n,new S((()=>{var e;return null===(e=t(this,r,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,r,"f").afterClose=t(this,o,"m",v).bind(this),t(this,o,"m",v).call(this),this.syncFlowTheme(t(this,n,"f")))},v=function(){t(this,r,"f").setContent(T({projectId:this.projectId,flowId:this.nameUserAttr.editFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),t(this,n,"f").onSuccess((()=>{t(this,r,"f").close(),this.actions.getMe()}))},g=function(){this.nameUserAttr.deleteFlowId&&(i(this,d,this.createModal({"data-id":"delete-name"}),"f"),i(this,h,new S((()=>{var e;return null===(e=t(this,d,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,d,"f").afterClose=t(this,o,"m",p).bind(this),t(this,o,"m",p).call(this),this.syncFlowTheme(t(this,h,"f")))},p=function(){t(this,d,"f").setContent(T({projectId:this.projectId,flowId:this.nameUserAttr.deleteFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),t(this,h,"f").onSuccess((()=>{t(this,d,"f").close(),this.actions.getMe()}))},w=function(){this.nameUserAttr=new M((()=>{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,r,"f"))||void 0===e||e.open()})),this.nameUserAttr.onDeleteClick((()=>{var e;null===(e=t(this,d,"f"))||void 0===e||e.open()}))},C})),ke=n((s=>{var o,r,n,d,h,u,v,g,p,w,b,C;return C=class extends(a(we,Q,c,pe,f,m)(s)){constructor(){super(...arguments),o.add(this),r.set(this,void 0),n.set(this,void 0),d.set(this,void 0),h.set(this,void 0),b.set(this,l((e=>{this.passkeyUserAuthMethod.fulfilled=e})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,o,"m",w).call(this),t(this,o,"m",u).call(this),t(this,o,"m",g).call(this),t(this,b,"f").call(this,he(this.state)),this.subscribe(t(this,b,"f").bind(this),he)}))}},r=new WeakMap,n=new WeakMap,d=new WeakMap,h=new WeakMap,b=new WeakMap,o=new WeakSet,u=function(){this.passkeyUserAuthMethod.flowId&&(i(this,r,this.createModal({"data-id":"add-passkey"}),"f"),i(this,n,new S((()=>{var e;return null===(e=t(this,r,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,r,"f").afterClose=t(this,o,"m",v).bind(this),t(this,o,"m",v).call(this),this.syncFlowTheme(t(this,n,"f")))},v=function(){t(this,r,"f").setContent(T({projectId:this.projectId,flowId:this.passkeyUserAuthMethod.flowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),t(this,n,"f").onSuccess((()=>{t(this,r,"f").close(),this.actions.getMe()}))},g=function(){this.passkeyUserAuthMethod.fulfilledFlowId&&(i(this,d,this.createModal({"data-id":"remove-passkey"}),"f"),i(this,h,new S((()=>{var e;return null===(e=t(this,d,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,d,"f").afterClose=t(this,o,"m",p).bind(this),t(this,o,"m",p).call(this),this.syncFlowTheme(t(this,h,"f")))},p=function(){t(this,d,"f").setContent(T({projectId:this.projectId,flowId:this.passkeyUserAuthMethod.fulfilledFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),t(this,h,"f").onSuccess((()=>{t(this,d,"f").close(),this.actions.getMe()}))},w=function(){this.passkeyUserAuthMethod=new I((()=>{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,r,"f"))||void 0===e||e.open()})),this.passkeyUserAuthMethod.onFulfilledButtonClick((()=>{var e;null===(e=t(this,d,"f"))||void 0===e||e.open()}))},C})),Se=n((s=>{var o,r,n,l,d,h;return h=class extends(a(we,Q,c,pe,f,m)(s)){constructor(){super(...arguments),o.add(this),r.set(this,void 0),n.set(this,void 0)}initPasswordAuthMethod(){this.passwordUserAuthMethod=new I((()=>{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,r,"f"))||void 0===e||e.open()}))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.onWidgetRootReady)||void 0===e?void 0:e.call(this),this.initPasswordAuthMethod(),t(this,o,"m",l).call(this)}))}},r=new WeakMap,n=new WeakMap,o=new WeakSet,l=function(){this.passwordUserAuthMethod.flowId&&(i(this,r,this.createModal({"data-id":"password"}),"f"),i(this,n,new S((()=>{var e;return null===(e=t(this,r,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,r,"f").afterClose=t(this,o,"m",d).bind(this),t(this,o,"m",d).call(this),this.syncFlowTheme(t(this,n,"f")))},d=function(){t(this,r,"f").setContent(T({projectId:this.projectId,flowId:this.passwordUserAuthMethod.flowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),t(this,n,"f").onSuccess((()=>{t(this,r,"f").close()}))},h})),Re=n((s=>{var o,r,n,d,h,u,v,g,p,w,b,C,y;return y=class extends(a(we,Q,c,pe,f,m)(s)){constructor(){super(...arguments),o.add(this),r.set(this,void 0),n.set(this,void 0),d.set(this,void 0),h.set(this,void 0),b.set(this,l((e=>{this.phoneUserAttr.value=e}))),C.set(this,l((e=>{this.phoneUserAttr.badgeLabel=e?"":"Unverified"})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,o,"m",w).call(this),t(this,o,"m",u).call(this),t(this,o,"m",g).call(this),t(this,b,"f").call(this,le(this.state)),t(this,C,"f").call(this,de(this.state)),this.subscribe(t(this,b,"f").bind(this),le),this.subscribe(t(this,C,"f").bind(this),de)}))}},r=new WeakMap,n=new WeakMap,d=new WeakMap,h=new WeakMap,b=new WeakMap,C=new WeakMap,o=new WeakSet,u=function(){this.phoneUserAttr.editFlowId&&(i(this,r,this.createModal({"data-id":"edit-phone"}),"f"),i(this,n,new S((()=>{var e;return null===(e=t(this,r,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,r,"f").afterClose=t(this,o,"m",v).bind(this),t(this,o,"m",v).call(this),this.syncFlowTheme(t(this,n,"f")))},v=function(){t(this,r,"f").setContent(T({projectId:this.projectId,flowId:this.phoneUserAttr.editFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),t(this,n,"f").onSuccess((()=>{t(this,r,"f").close(),this.actions.getMe()}))},g=function(){this.phoneUserAttr.deleteFlowId&&(i(this,d,this.createModal({"data-id":"delete-phone"}),"f"),i(this,h,new S((()=>{var e;return null===(e=t(this,d,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,d,"f").afterClose=t(this,o,"m",p).bind(this),t(this,o,"m",p).call(this),this.syncFlowTheme(t(this,h,"f")))},p=function(){t(this,d,"f").setContent(T({projectId:this.projectId,flowId:this.phoneUserAttr.deleteFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),t(this,h,"f").onSuccess((()=>{t(this,d,"f").close(),this.actions.getMe()}))},w=function(){this.phoneUserAttr=new M((()=>{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,r,"f"))||void 0===e||e.open()})),this.phoneUserAttr.onDeleteClick((()=>{var e;null===(e=t(this,d,"f"))||void 0===e||e.open()}))},y})),Me=n((s=>{var o,r,n,d,h,u,v,g;return g=class extends(a(we,Q,c,pe,f,m)(s)){constructor(){super(...arguments),o.add(this),r.set(this,void 0),n.set(this,void 0),v.set(this,l((e=>{this.totpUserAuthMethod.fulfilled=e})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,o,"m",u).call(this),t(this,o,"m",d).call(this),t(this,v,"f").call(this,ce(this.state)),this.subscribe(t(this,v,"f").bind(this),ce)}))}},r=new WeakMap,n=new WeakMap,v=new WeakMap,o=new WeakSet,d=function(){this.totpUserAuthMethod.flowId&&(i(this,r,this.createModal({"data-id":"totp"}),"f"),i(this,n,new S((()=>{var e;return null===(e=t(this,r,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,r,"f").afterClose=t(this,o,"m",h).bind(this),t(this,o,"m",h).call(this),this.syncFlowTheme(t(this,n,"f")))},h=function(){t(this,r,"f").setContent(T({projectId:this.projectId,flowId:this.totpUserAuthMethod.flowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),t(this,n,"f").onSuccess((()=>{t(this,r,"f").close(),this.actions.getMe()}))},u=function(){this.totpUserAuthMethod=new I((()=>{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,r,"f"))||void 0===e||e.open()}))},g})),We=n((i=>{var s,o,r,n,d,h,u,v,g,p,w;return w=class extends(a(we,Q,c,pe,f,m)(i)){constructor(){super(...arguments),s.add(this),o.set(this,{}),r.set(this,{}),n.set(this,{}),d.set(this,{}),v.set(this,l((e=>{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.",""),r=e[o],n=new M(i,{logger:this.logger});n.value=(r||"").toString(),t(this,s,"m",g).call(this,i,o,n),t(this,s,"m",p).call(this,i,o,n)}))})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,v,"f").call(this,fe(this.state)),this.subscribe(t(this,v,"f").bind(this),fe)}))}},o=new WeakMap,r=new WeakMap,n=new WeakMap,d=new WeakMap,v=new WeakMap,s=new WeakSet,h=function(e){var i,s;null===(i=t(this,o,"f")[e])||void 0===i||i.setContent(T({projectId:this.projectId,flowId:e,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),null===(s=t(this,r,"f")[e])||void 0===s||s.onSuccess((()=>{var i;null===(i=t(this,o,"f")[e])||void 0===i||i.close(),this.actions.getMe()}))},u=function(e){var i,s;null===(i=t(this,n,"f")[e])||void 0===i||i.setContent(T({projectId:this.projectId,flowId:e,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),null===(s=t(this,d,"f")[e])||void 0===s||s.onSuccess((()=>{var i;null===(i=t(this,n,"f")[e])||void 0===i||i.close(),this.actions.getMe()}))},g=function(e,i,n){const a=e.getAttribute("edit-flow-id");a&&(t(this,o,"f")[a]=this.createModal({"data-id":`edit-${i}`}),t(this,r,"f")[a]=new S((()=>{var e,i;return null===(i=null===(e=t(this,o,"f")[a])||void 0===e?void 0:e.ele)||void 0===i?void 0:i.querySelector("descope-wc")}),{logger:this.logger}),t(this,o,"f")[a].afterClose=t(this,s,"m",h).bind(this,a),n.onEditClick((()=>{var e,i;null===(i=null===(e=t(this,o,"f"))||void 0===e?void 0:e[a])||void 0===i||i.open()})),t(this,s,"m",h).call(this,a),this.syncFlowTheme(t(this,r,"f")[a]))},p=function(e,i,o){const r=e.getAttribute("delete-flow-id");r&&(t(this,n,"f")[r]=this.createModal({"data-id":`delete-${i}`}),t(this,d,"f")[r]=new S((()=>{var e,i;return null===(i=null===(e=t(this,n,"f")[r])||void 0===e?void 0:e.ele)||void 0===i?void 0:i.querySelector("descope-wc")}),{logger:this.logger}),t(this,n,"f")[r].afterClose=t(this,s,"m",u).bind(this,r),o.onDeleteClick((()=>{var e,i;null===(i=null===(e=t(this,n,"f"))||void 0===e?void 0:e[r])||void 0===i||i.open()})),t(this,s,"m",u).call(this,r),this.syncFlowTheme(t(this,d,"f")[r]))},w}));var Ie;!function(e){e.TEXT="text",e.NUMBER="number",e.BOOLEAN="boolean",e.SINGLE_SELECT="singleSelect",e.ARRAY="array",e.DATE="date"}(Ie||(Ie={}));const Ae=n((i=>{var s,o,r,n,d,h,u,v,g,p,w;return o=class extends(a(we,Q,c,pe,f,m)(i)){constructor(){super(...arguments),s.add(this),r.set(this,{}),n.set(this,{}),d.set(this,{}),h.set(this,{}),g.set(this,l((e=>{var i;const r=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelectorAll('descope-user-attribute[data-id^="customAttributes."]');Array.from(r).forEach((i=>{const r=i.getAttribute("data-id").replace("customAttributes.",""),n=i.getAttribute("data-type")||Ie.TEXT,a=e[r],l=new M(i,{logger:this.logger});l.value=o.getFormattedValue(n,a),t(this,s,"m",p).call(this,i,r,l),t(this,s,"m",w).call(this,i,r,l)}))})))}static getFormattedValue(e,t){return e===Ie.DATE&&t?new Date(t).toLocaleString():e===Ie.BOOLEAN&&void 0!==t?t?"True":"False":(t||"").toString()}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,g,"f").call(this,ue(this.state)),this.subscribe(t(this,g,"f").bind(this),ue)}))}},r=new WeakMap,n=new WeakMap,d=new WeakMap,h=new WeakMap,g=new WeakMap,s=new WeakSet,u=function(e){var i,s;null===(i=t(this,r,"f")[e])||void 0===i||i.setContent(T({projectId:this.projectId,flowId:e,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),null===(s=t(this,n,"f")[e])||void 0===s||s.onSuccess((()=>{var i;null===(i=t(this,r,"f")[e])||void 0===i||i.close(),this.actions.getMe()}))},v=function(e){var i,s;null===(i=t(this,d,"f")[e])||void 0===i||i.setContent(T({projectId:this.projectId,flowId:e,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),null===(s=t(this,h,"f")[e])||void 0===s||s.onSuccess((()=>{var i;null===(i=t(this,d,"f")[e])||void 0===i||i.close(),this.actions.getMe()}))},p=function(e,i,o){const a=e.getAttribute("edit-flow-id");a&&(t(this,r,"f")[a]=this.createModal({"data-id":`edit-${i}`}),t(this,n,"f")[a]=new S((()=>{var e,i;return null===(i=null===(e=t(this,r,"f")[a])||void 0===e?void 0:e.ele)||void 0===i?void 0:i.querySelector("descope-wc")}),{logger:this.logger}),t(this,r,"f")[a].afterClose=t(this,s,"m",u).bind(this,a),o.onEditClick((()=>{var e,i;null===(i=null===(e=t(this,r,"f"))||void 0===e?void 0:e[a])||void 0===i||i.open()})),t(this,s,"m",u).call(this,a),this.syncFlowTheme(t(this,n,"f")[a]))},w=function(e,i,o){const r=e.getAttribute("delete-flow-id");r&&(t(this,d,"f")[r]=this.createModal({"data-id":`delete-${i}`}),t(this,h,"f")[r]=new S((()=>{var e,i;return null===(i=null===(e=t(this,d,"f")[r])||void 0===e?void 0:e.ele)||void 0===i?void 0:i.querySelector("descope-wc")}),{logger:this.logger}),t(this,d,"f")[r].afterClose=t(this,s,"m",v).bind(this,r),o.onDeleteClick((()=>{var e,i;null===(i=null===(e=t(this,d,"f"))||void 0===e?void 0:e[r])||void 0===i||i.open()})),t(this,s,"m",v).call(this,r),this.syncFlowTheme(t(this,h,"f")[r]))},o})),je=n((s=>{var o,r,n,d,h,u,v;return v=class extends(a(we,p,Q,c,f,pe,m)(s)){constructor(){super(...arguments),o.add(this),r.set(this,void 0),n.set(this,void 0),this.updateDeviceList=l((e=>{this.deviceList.data=e}))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,o,"m",u).call(this,ve(this.state)),t(this,o,"m",d).call(this),this.subscribe(this.updateDeviceList.bind(this),ve)}))}},r=new WeakMap,n=new WeakMap,o=new WeakSet,d=function(){this.deviceList.flowId&&(i(this,r,this.createModal({"data-id":"untrust-device"}),"f"),i(this,n,new S((()=>{var e;return null===(e=t(this,r,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,r,"f").afterClose=()=>t(this,o,"m",h).call(this,""),this.syncFlowTheme(t(this,n,"f")))},h=function(e=""){t(this,r,"f").setContent(T({projectId:this.projectId,flowId:this.deviceList.flowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,form:{deviceId:e}})),t(this,n,"f").onSuccess((()=>{t(this,r,"f").close(),this.actions.listDevices({userId:se(this.state)})}))},u=function(e){this.deviceList=new A((()=>{var e;return null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("descope-trusted-devices")}),{logger:this.logger}),this.deviceList.onRemoveDeviceClick((({id:e})=>{var i;t(this,o,"m",h).call(this,e),null===(i=t(this,r,"f"))||void 0===i||i.open()})),this.deviceList.data=e},v}));const Ne={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},xe=n((i=>{var s,o,r,n,d;return d=class extends(a(c,Q,U,g)(i)){constructor(){super(...arguments),s.add(this),n.set(this,l((e=>{e.length&&(e.forEach((({type:e,msg:i})=>{const n=t(this,s,"m",r).call(this,e);n.setContent(t(this,s,"m",o).call(this,{type:e,msg:i})),n.show()})),setTimeout((()=>this.actions.clearNotifications())))})))}init(){const i=Object.create(null,{init:{get:()=>super.init}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.init)||void 0===e?void 0:e.call(this),this.subscribe(t(this,n,"f").bind(this),ge)}))}},n=new WeakMap,s=new WeakSet,o=function({type:e,msg:t}){const i=Ne[e],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)||""}${t}${s.outerHTML}`},r=function(e){return this.createNotification({mode:e,duration:"error"===e?0:3e3,position:"bottom-start",size:"sm"})},d})),Te=n((t=>class extends(a(k,p,te,Ae,Ce,be,Ue,Re,ke,Se,Me,We,ye,je,xe)(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)}))}})),Le=a((t=>class extends(Te(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.7.2"}}}))}}))(HTMLElement);customElements.define("descope-user-profile-widget",Le);export{Le as default};
|
|
5
|
+
import{__awaiter as e,__classPrivateFieldGet as t,__classPrivateFieldSet as i}from"tslib";import{createTemplate as s,kebabCase as o,isPlainObject as r,createSingletonMixin as n,compose as a,withMemCache as l}from"@descope/sdk-helpers";import{projectIdMixin as d,observeAttributesMixin as h,loggerMixin as c,baseUrlMixin as u,cookieConfigMixin as f,createStateManagementMixin as v,initLifecycleMixin as g,modalMixin as m,themeMixin as p,staticResourcesMixin as w,createValidateAttributesMixin as b,descopeUiMixin as C,initElementMixin as y,notificationsMixin as U,debuggerMixin as k}from"@descope/sdk-mixins";import{FlowDriver as S,AvatarDriver as R,UserAttributeDriver as M,ButtonDriver as W,UserAuthMethodDriver as I,DeviceListDriver as A}from"@descope/sdk-component-drivers";import{createAsyncThunk as j}from"@reduxjs/toolkit";import"@descope/core-js-sdk";import N from"@descope/web-js-sdk";import{createSelector as x}from"reselect";import"@descope/web-component";const T=(e={})=>{const t=s("<descope-wc></descope-wc>");return Object.entries(e).forEach((([e,i])=>{t.content.querySelector("descope-wc").setAttribute(o(e),(e=>"string"==typeof e?e:r(e)?JSON.stringify(e):"")(i))})),t};function L(e){return new URLSearchParams(window.location.search).get(e)}const F=e=>(...t)=>i=>{i.addCase(e.pending,((e,i)=>{t.forEach((({onPending:t})=>{null==t||t(e,i)}))})),i.addCase(e.fulfilled,((e,i)=>{t.forEach((({onFulfilled:t})=>{null==t||t(e,i)}))})),i.addCase(e.rejected,((e,i)=>{t.forEach((({onRejected:t})=>{null==t||t(e,i)}))}))},O=e=>({onFulfilled:t=>{e(t).loading=!1},onPending:t=>{e(t).loading=!0,e(t).error=null},onRejected:(t,i)=>{e(t).loading=!1,e(t).error=i.error}}),E=j("users/me",((e,{extra:{api:t}})=>t.user.me())),D=F(E)({onFulfilled:(e,t)=>{e.me.data=t.payload}},O((e=>e.me))),q={action:E,reducer:D},P=j("users/devices",((e,{extra:{api:t}})=>t.device.devices(e))),$=F(P)({onFulfilled:(e,t)=>{e.devices.data=t.payload.devices}},O((e=>e.devices))),B={action:P,reducer:$},H=j("users/logout",((e,{extra:{api:t}})=>t.user.logout())),V={action:H,reducer:F(H)({})},Z={me:{loading:!1,error:null,data:{}},devices:{loading:!1,error:null,data:[]},notifications:[]},J={me:"/v1/auth/me",devices:"/v1/mgmt/user/trusteddevices/list"},X=t=>e(void 0,void 0,void 0,(function*(){const e=yield t.text(),i=JSON.parse(e);if(!t.ok){const e=`${i.errorDescription}${i.errorMessage?`: ${i.errorMessage}`:""}`;throw Error(e||`${t.status} ${t.statusText}`)}t.json=()=>Promise.resolve(i),t.text=()=>Promise.resolve(e)})),z=()=>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:[],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=()=>({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}]}),Y=({httpClient:t,mock:i})=>({me:()=>e(void 0,void 0,void 0,(function*(){if(i)return z();const e=yield t.get(J.me);return yield X(e),e.json()}))}),_=({httpClient:t,mock:i})=>({devices:s=>e(void 0,[s],void 0,(function*({userId:e}){if(i)return G();const s=yield t.post(J.devices,{identifiers:[e]});return yield X(s),s.json()}))}),K=n((s=>{var o,r,n,l;const v=a(d,h,c,u,f)(s);return l=class extends v{constructor(){super(...arguments),o.add(this),r.set(this,void 0)}get widgetId(){return this.getAttribute("widget-id")}get mock(){return this.getAttribute("mock")}get api(){return t(this,r,"f")||t(this,o,"m",n).call(this),t(this,r,"f")}init(){const i=Object.create(null,{init:{get:()=>super.init}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.init)||void 0===e?void 0:e.call(this),this.observeAttributes(["project-id","base-url"],(()=>{t(this,r,"f")&&t(this,o,"m",n).call(this)}))}))}},r=new WeakMap,o=new WeakSet,n=function(){this.logger.debug("creating an sdk instance"),i(this,r,((t,i,s)=>{const o=N(Object.assign(Object.assign({},t),{persistTokens:!0,baseHeaders:{"x-descope-widget-type":"user-profile-widget","x-descope-widget-id":s,"x-descope-widget-version":"0.7.4"}}));return{user:Object.assign(Object.assign({},Y({httpClient:o.httpClient,mock:i})),{logout:i?()=>e(void 0,void 0,void 0,(function*(){})):o.logout}),device:Object.assign({},_({httpClient:o.httpClient,mock:i}))}})({projectId:this.projectId,baseUrl:this.baseUrl,refreshCookieName:this.refreshCookieName},"true"===this.mock,this.widgetId),"f")},l})),Q=n((e=>{const t=a(v({name:"widget",initialState:Z,reducers:{clearNotifications:e=>{e.notifications=[]}},extraReducers:e=>{q.reducer(e),B.reducer(e),V.reducer(e)},asyncActions:{getMe:q.action,listDevices:B.action,logout:V.action}}),g,c,K)(e);return class extends t{constructor(...e){super(...e),this.state=Z,this.subscribe((e=>{this.logger.debug("State update:",e),this.state=e}))}}})),ee="widget-flow",te=n((i=>{var s,o,r;return r=class extends(a(g,m,Q,f,c,p)(i)){constructor(){super(...arguments),s.add(this)}init(){const i=Object.create(null,{init:{get:()=>super.init}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.init)||void 0===e?void 0:e.call(this);const r=L(ee);r&&(!function(e){if(window.history.replaceState&&L(e)){const t=new URL(window.location.href),i=new URLSearchParams(t.search);i.delete(e),t.search=i.toString(),window.history.replaceState({},"",t.toString())}}(ee),t(this,s,"m",o).call(this,r))}))}},s=new WeakSet,o=function(e){const t=this.createModal({"data-id":"redirect-flow"});t.setContent(T({projectId:this.projectId,flowId:e,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme}));new S((()=>{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()},r})),ie=e=>e.me.data,se=x(ie,(e=>e.userId)),oe=x(ie,(e=>e.picture)),re=x(ie,(e=>e.email)),ne=x(ie,(e=>e.verifiedEmail)),ae=x(ie,(e=>e.name)),le=x(ie,(e=>e.phone)),de=x(ie,(e=>e.verifiedPhone)),he=x(ie,(e=>e.webauthn));x(ie,(e=>e.password));const ce=x(ie,(e=>e.TOTP)),ue=x(ie,(e=>e.customAttributes)),fe=x(ie,(e=>({givenName:e.givenName,middleName:e.middleName,familyName:e.familyName}))),ve=x((e=>e.devices.data),(e=>e.map((({id:e,name:t,deviceType:i,lastLoginTime:s,isCurrentDevice:o})=>({id:e,name:t,deviceType:i,lastLoginDate:1e3*parseInt(s,10),isCurrent:o}))))),ge=e=>e.notifications,me=n((t=>{const i=a(w,b({"widget-id":b.missingAttrValidator}))(t);return class extends i{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=n((i=>{var o,r,n;return n=class extends(a(c,g,C,y,me,Q)(i)){constructor(){super(...arguments),o.add(this)}onWidgetRootReady(){return e(this,void 0,void 0,(function*(){}))}init(){const i=Object.create(null,{init:{get:()=>super.init}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.init)||void 0===e?void 0:e.call(this),yield this.actions.getMe(),yield t(this,o,"m",r).call(this),yield this.onWidgetRootReady(),this.dispatchEvent(new CustomEvent("ready"))}))}},o=new WeakSet,r=function(){return e(this,void 0,void 0,(function*(){const e=s(yield this.fetchWidgetPage("root.html"));yield this.loadDescopeUiComponents(e),this.contentRootElement.append(e.content.cloneNode(!0))}))},n})),we=n((e=>class extends(a(p,h)(e)){syncFlowTheme(e){e.theme=this.theme,this.observeAttributes(["theme"],(()=>{e.theme=this.theme}))}})),be=n((s=>{var o,r,n,d,h,u,v,g,w;return w=class extends(a(we,p,Q,c,f,pe,m)(s)){constructor(){super(...arguments),o.add(this),r.set(this,void 0),n.set(this,void 0),v.set(this,l((e=>{this.avatar.image=e}))),g.set(this,l((e=>{this.avatar.displayName=e})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,o,"m",u).call(this),t(this,o,"m",d).call(this),t(this,v,"f").call(this,oe(this.state)),t(this,g,"f").call(this,ae(this.state)),this.subscribe(t(this,v,"f").bind(this),oe),this.subscribe(t(this,g,"f").bind(this),ae)}))}},r=new WeakMap,n=new WeakMap,v=new WeakMap,g=new WeakMap,o=new WeakSet,d=function(){this.avatar.flowId&&(i(this,r,this.createModal({"data-id":"update-pic"}),"f"),i(this,n,new S((()=>{var e;return null===(e=t(this,r,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,r,"f").afterClose=t(this,o,"m",h).bind(this),t(this,o,"m",h).call(this),this.syncFlowTheme(t(this,n,"f")))},h=function(){t(this,r,"f").setContent(T({projectId:this.projectId,flowId:this.avatar.flowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),t(this,n,"f").onSuccess((()=>{t(this,r,"f").close(),this.actions.getMe()}))},u=function(){this.avatar=new R((()=>{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,r,"f"))||void 0===e||e.open()}))},w})),Ce=n((s=>{var o,r,n,d,h,u,v,g,p,w,b,C,y;return y=class extends(a(we,Q,c,pe,f,m)(s)){constructor(){super(...arguments),o.add(this),r.set(this,void 0),n.set(this,void 0),d.set(this,void 0),h.set(this,void 0),b.set(this,l((e=>{this.emailUserAttr.value=e}))),C.set(this,l((e=>{this.emailUserAttr.badgeLabel=e?"":"Unverified"})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,o,"m",w).call(this),t(this,o,"m",u).call(this),t(this,o,"m",g).call(this),t(this,b,"f").call(this,re(this.state)),t(this,C,"f").call(this,ne(this.state)),this.subscribe(t(this,b,"f").bind(this),re),this.subscribe(t(this,C,"f").bind(this),ne)}))}},r=new WeakMap,n=new WeakMap,d=new WeakMap,h=new WeakMap,b=new WeakMap,C=new WeakMap,o=new WeakSet,u=function(){this.emailUserAttr.editFlowId&&(i(this,r,this.createModal({"data-id":"edit-email"}),"f"),i(this,n,new S((()=>{var e;return null===(e=t(this,r,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,r,"f").afterClose=t(this,o,"m",v).bind(this),t(this,o,"m",v).call(this),this.syncFlowTheme(t(this,n,"f")))},v=function(){t(this,r,"f").setContent(T({projectId:this.projectId,flowId:this.emailUserAttr.editFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),t(this,n,"f").onSuccess((()=>{t(this,r,"f").close(),this.actions.getMe()}))},g=function(){this.emailUserAttr.deleteFlowId&&(i(this,d,this.createModal({"data-id":"delete-email"}),"f"),i(this,h,new S((()=>{var e;return null===(e=t(this,d,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,d,"f").afterClose=t(this,o,"m",p).bind(this),t(this,o,"m",p).call(this),this.syncFlowTheme(t(this,h,"f")))},p=function(){t(this,d,"f").setContent(T({projectId:this.projectId,flowId:this.emailUserAttr.deleteFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),t(this,h,"f").onSuccess((()=>{t(this,d,"f").close(),this.actions.getMe()}))},w=function(){this.emailUserAttr=new M((()=>{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,r,"f"))||void 0===e||e.open()})),this.emailUserAttr.onDeleteClick((()=>{var e;null===(e=t(this,d,"f"))||void 0===e||e.open()}))},y})),ye=n((i=>{var s,o,r;return r=class extends(a(Q,c,pe,m)(i)){constructor(){super(...arguments),s.add(this)}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,s,"m",o).call(this)}))}},s=new WeakSet,o=function(){this.logout=new W((()=>{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"))}))))},r})),Ue=n((s=>{var o,r,n,d,h,u,v,g,p,w,b,C;return C=class extends(a(we,Q,c,pe,f,m)(s)){constructor(){super(...arguments),o.add(this),r.set(this,void 0),n.set(this,void 0),d.set(this,void 0),h.set(this,void 0),b.set(this,l((e=>{this.nameUserAttr.value=e})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,o,"m",w).call(this),t(this,o,"m",u).call(this),t(this,o,"m",g).call(this),t(this,b,"f").call(this,ae(this.state)),this.subscribe(t(this,b,"f").bind(this),ae)}))}},r=new WeakMap,n=new WeakMap,d=new WeakMap,h=new WeakMap,b=new WeakMap,o=new WeakSet,u=function(){this.nameUserAttr.editFlowId&&(i(this,r,this.createModal({"data-id":"edit-name"}),"f"),i(this,n,new S((()=>{var e;return null===(e=t(this,r,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,r,"f").afterClose=t(this,o,"m",v).bind(this),t(this,o,"m",v).call(this),this.syncFlowTheme(t(this,n,"f")))},v=function(){t(this,r,"f").setContent(T({projectId:this.projectId,flowId:this.nameUserAttr.editFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),t(this,n,"f").onSuccess((()=>{t(this,r,"f").close(),this.actions.getMe()}))},g=function(){this.nameUserAttr.deleteFlowId&&(i(this,d,this.createModal({"data-id":"delete-name"}),"f"),i(this,h,new S((()=>{var e;return null===(e=t(this,d,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,d,"f").afterClose=t(this,o,"m",p).bind(this),t(this,o,"m",p).call(this),this.syncFlowTheme(t(this,h,"f")))},p=function(){t(this,d,"f").setContent(T({projectId:this.projectId,flowId:this.nameUserAttr.deleteFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),t(this,h,"f").onSuccess((()=>{t(this,d,"f").close(),this.actions.getMe()}))},w=function(){this.nameUserAttr=new M((()=>{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,r,"f"))||void 0===e||e.open()})),this.nameUserAttr.onDeleteClick((()=>{var e;null===(e=t(this,d,"f"))||void 0===e||e.open()}))},C})),ke=n((s=>{var o,r,n,d,h,u,v,g,p,w,b,C;return C=class extends(a(we,Q,c,pe,f,m)(s)){constructor(){super(...arguments),o.add(this),r.set(this,void 0),n.set(this,void 0),d.set(this,void 0),h.set(this,void 0),b.set(this,l((e=>{this.passkeyUserAuthMethod.fulfilled=e})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,o,"m",w).call(this),t(this,o,"m",u).call(this),t(this,o,"m",g).call(this),t(this,b,"f").call(this,he(this.state)),this.subscribe(t(this,b,"f").bind(this),he)}))}},r=new WeakMap,n=new WeakMap,d=new WeakMap,h=new WeakMap,b=new WeakMap,o=new WeakSet,u=function(){this.passkeyUserAuthMethod.flowId&&(i(this,r,this.createModal({"data-id":"add-passkey"}),"f"),i(this,n,new S((()=>{var e;return null===(e=t(this,r,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,r,"f").afterClose=t(this,o,"m",v).bind(this),t(this,o,"m",v).call(this),this.syncFlowTheme(t(this,n,"f")))},v=function(){t(this,r,"f").setContent(T({projectId:this.projectId,flowId:this.passkeyUserAuthMethod.flowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),t(this,n,"f").onSuccess((()=>{t(this,r,"f").close(),this.actions.getMe()}))},g=function(){this.passkeyUserAuthMethod.fulfilledFlowId&&(i(this,d,this.createModal({"data-id":"remove-passkey"}),"f"),i(this,h,new S((()=>{var e;return null===(e=t(this,d,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,d,"f").afterClose=t(this,o,"m",p).bind(this),t(this,o,"m",p).call(this),this.syncFlowTheme(t(this,h,"f")))},p=function(){t(this,d,"f").setContent(T({projectId:this.projectId,flowId:this.passkeyUserAuthMethod.fulfilledFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),t(this,h,"f").onSuccess((()=>{t(this,d,"f").close(),this.actions.getMe()}))},w=function(){this.passkeyUserAuthMethod=new I((()=>{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,r,"f"))||void 0===e||e.open()})),this.passkeyUserAuthMethod.onFulfilledButtonClick((()=>{var e;null===(e=t(this,d,"f"))||void 0===e||e.open()}))},C})),Se=n((s=>{var o,r,n,l,d,h;return h=class extends(a(we,Q,c,pe,f,m)(s)){constructor(){super(...arguments),o.add(this),r.set(this,void 0),n.set(this,void 0)}initPasswordAuthMethod(){this.passwordUserAuthMethod=new I((()=>{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,r,"f"))||void 0===e||e.open()}))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.onWidgetRootReady)||void 0===e?void 0:e.call(this),this.initPasswordAuthMethod(),t(this,o,"m",l).call(this)}))}},r=new WeakMap,n=new WeakMap,o=new WeakSet,l=function(){this.passwordUserAuthMethod.flowId&&(i(this,r,this.createModal({"data-id":"password"}),"f"),i(this,n,new S((()=>{var e;return null===(e=t(this,r,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,r,"f").afterClose=t(this,o,"m",d).bind(this),t(this,o,"m",d).call(this),this.syncFlowTheme(t(this,n,"f")))},d=function(){t(this,r,"f").setContent(T({projectId:this.projectId,flowId:this.passwordUserAuthMethod.flowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),t(this,n,"f").onSuccess((()=>{t(this,r,"f").close()}))},h})),Re=n((s=>{var o,r,n,d,h,u,v,g,p,w,b,C,y;return y=class extends(a(we,Q,c,pe,f,m)(s)){constructor(){super(...arguments),o.add(this),r.set(this,void 0),n.set(this,void 0),d.set(this,void 0),h.set(this,void 0),b.set(this,l((e=>{this.phoneUserAttr.value=e}))),C.set(this,l((e=>{this.phoneUserAttr.badgeLabel=e?"":"Unverified"})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,o,"m",w).call(this),t(this,o,"m",u).call(this),t(this,o,"m",g).call(this),t(this,b,"f").call(this,le(this.state)),t(this,C,"f").call(this,de(this.state)),this.subscribe(t(this,b,"f").bind(this),le),this.subscribe(t(this,C,"f").bind(this),de)}))}},r=new WeakMap,n=new WeakMap,d=new WeakMap,h=new WeakMap,b=new WeakMap,C=new WeakMap,o=new WeakSet,u=function(){this.phoneUserAttr.editFlowId&&(i(this,r,this.createModal({"data-id":"edit-phone"}),"f"),i(this,n,new S((()=>{var e;return null===(e=t(this,r,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,r,"f").afterClose=t(this,o,"m",v).bind(this),t(this,o,"m",v).call(this),this.syncFlowTheme(t(this,n,"f")))},v=function(){t(this,r,"f").setContent(T({projectId:this.projectId,flowId:this.phoneUserAttr.editFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),t(this,n,"f").onSuccess((()=>{t(this,r,"f").close(),this.actions.getMe()}))},g=function(){this.phoneUserAttr.deleteFlowId&&(i(this,d,this.createModal({"data-id":"delete-phone"}),"f"),i(this,h,new S((()=>{var e;return null===(e=t(this,d,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,d,"f").afterClose=t(this,o,"m",p).bind(this),t(this,o,"m",p).call(this),this.syncFlowTheme(t(this,h,"f")))},p=function(){t(this,d,"f").setContent(T({projectId:this.projectId,flowId:this.phoneUserAttr.deleteFlowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),t(this,h,"f").onSuccess((()=>{t(this,d,"f").close(),this.actions.getMe()}))},w=function(){this.phoneUserAttr=new M((()=>{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,r,"f"))||void 0===e||e.open()})),this.phoneUserAttr.onDeleteClick((()=>{var e;null===(e=t(this,d,"f"))||void 0===e||e.open()}))},y})),Me=n((s=>{var o,r,n,d,h,u,v,g;return g=class extends(a(we,Q,c,pe,f,m)(s)){constructor(){super(...arguments),o.add(this),r.set(this,void 0),n.set(this,void 0),v.set(this,l((e=>{this.totpUserAuthMethod.fulfilled=e})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,o,"m",u).call(this),t(this,o,"m",d).call(this),t(this,v,"f").call(this,ce(this.state)),this.subscribe(t(this,v,"f").bind(this),ce)}))}},r=new WeakMap,n=new WeakMap,v=new WeakMap,o=new WeakSet,d=function(){this.totpUserAuthMethod.flowId&&(i(this,r,this.createModal({"data-id":"totp"}),"f"),i(this,n,new S((()=>{var e;return null===(e=t(this,r,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,r,"f").afterClose=t(this,o,"m",h).bind(this),t(this,o,"m",h).call(this),this.syncFlowTheme(t(this,n,"f")))},h=function(){t(this,r,"f").setContent(T({projectId:this.projectId,flowId:this.totpUserAuthMethod.flowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),t(this,n,"f").onSuccess((()=>{t(this,r,"f").close(),this.actions.getMe()}))},u=function(){this.totpUserAuthMethod=new I((()=>{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,r,"f"))||void 0===e||e.open()}))},g})),We=n((i=>{var s,o,r,n,d,h,u,v,g,p,w;return w=class extends(a(we,Q,c,pe,f,m)(i)){constructor(){super(...arguments),s.add(this),o.set(this,{}),r.set(this,{}),n.set(this,{}),d.set(this,{}),v.set(this,l((e=>{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.",""),r=e[o],n=new M(i,{logger:this.logger});n.value=(r||"").toString(),t(this,s,"m",g).call(this,i,o,n),t(this,s,"m",p).call(this,i,o,n)}))})))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,v,"f").call(this,fe(this.state)),this.subscribe(t(this,v,"f").bind(this),fe)}))}},o=new WeakMap,r=new WeakMap,n=new WeakMap,d=new WeakMap,v=new WeakMap,s=new WeakSet,h=function(e){var i,s;null===(i=t(this,o,"f")[e])||void 0===i||i.setContent(T({projectId:this.projectId,flowId:e,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),null===(s=t(this,r,"f")[e])||void 0===s||s.onSuccess((()=>{var i;null===(i=t(this,o,"f")[e])||void 0===i||i.close(),this.actions.getMe()}))},u=function(e){var i,s;null===(i=t(this,n,"f")[e])||void 0===i||i.setContent(T({projectId:this.projectId,flowId:e,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),null===(s=t(this,d,"f")[e])||void 0===s||s.onSuccess((()=>{var i;null===(i=t(this,n,"f")[e])||void 0===i||i.close(),this.actions.getMe()}))},g=function(e,i,n){const a=e.getAttribute("edit-flow-id");a&&(t(this,o,"f")[a]=this.createModal({"data-id":`edit-${i}`}),t(this,r,"f")[a]=new S((()=>{var e,i;return null===(i=null===(e=t(this,o,"f")[a])||void 0===e?void 0:e.ele)||void 0===i?void 0:i.querySelector("descope-wc")}),{logger:this.logger}),t(this,o,"f")[a].afterClose=t(this,s,"m",h).bind(this,a),n.onEditClick((()=>{var e,i;null===(i=null===(e=t(this,o,"f"))||void 0===e?void 0:e[a])||void 0===i||i.open()})),t(this,s,"m",h).call(this,a),this.syncFlowTheme(t(this,r,"f")[a]))},p=function(e,i,o){const r=e.getAttribute("delete-flow-id");r&&(t(this,n,"f")[r]=this.createModal({"data-id":`delete-${i}`}),t(this,d,"f")[r]=new S((()=>{var e,i;return null===(i=null===(e=t(this,n,"f")[r])||void 0===e?void 0:e.ele)||void 0===i?void 0:i.querySelector("descope-wc")}),{logger:this.logger}),t(this,n,"f")[r].afterClose=t(this,s,"m",u).bind(this,r),o.onDeleteClick((()=>{var e,i;null===(i=null===(e=t(this,n,"f"))||void 0===e?void 0:e[r])||void 0===i||i.open()})),t(this,s,"m",u).call(this,r),this.syncFlowTheme(t(this,d,"f")[r]))},w}));var Ie;!function(e){e.TEXT="text",e.NUMBER="number",e.BOOLEAN="boolean",e.SINGLE_SELECT="singleSelect",e.ARRAY="array",e.DATE="date"}(Ie||(Ie={}));const Ae=n((i=>{var s,o,r,n,d,h,u,v,g,p,w;return o=class extends(a(we,Q,c,pe,f,m)(i)){constructor(){super(...arguments),s.add(this),r.set(this,{}),n.set(this,{}),d.set(this,{}),h.set(this,{}),g.set(this,l((e=>{var i;const r=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelectorAll('descope-user-attribute[data-id^="customAttributes."]');Array.from(r).forEach((i=>{const r=i.getAttribute("data-id").replace("customAttributes.",""),n=i.getAttribute("data-type")||Ie.TEXT,a=e[r],l=new M(i,{logger:this.logger});l.value=o.getFormattedValue(n,a),t(this,s,"m",p).call(this,i,r,l),t(this,s,"m",w).call(this,i,r,l)}))})))}static getFormattedValue(e,t){return e===Ie.DATE&&t?new Date(t).toLocaleString():e===Ie.BOOLEAN&&void 0!==t?t?"True":"False":(t||"").toString()}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.onWidgetRootReady)||void 0===e?void 0:e.call(this),t(this,g,"f").call(this,ue(this.state)),this.subscribe(t(this,g,"f").bind(this),ue)}))}},r=new WeakMap,n=new WeakMap,d=new WeakMap,h=new WeakMap,g=new WeakMap,s=new WeakSet,u=function(e){var i,s;null===(i=t(this,r,"f")[e])||void 0===i||i.setContent(T({projectId:this.projectId,flowId:e,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),null===(s=t(this,n,"f")[e])||void 0===s||s.onSuccess((()=>{var i;null===(i=t(this,r,"f")[e])||void 0===i||i.close(),this.actions.getMe()}))},v=function(e){var i,s;null===(i=t(this,d,"f")[e])||void 0===i||i.setContent(T({projectId:this.projectId,flowId:e,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme})),null===(s=t(this,h,"f")[e])||void 0===s||s.onSuccess((()=>{var i;null===(i=t(this,d,"f")[e])||void 0===i||i.close(),this.actions.getMe()}))},p=function(e,i,o){const a=e.getAttribute("edit-flow-id");a&&(t(this,r,"f")[a]=this.createModal({"data-id":`edit-${i}`}),t(this,n,"f")[a]=new S((()=>{var e,i;return null===(i=null===(e=t(this,r,"f")[a])||void 0===e?void 0:e.ele)||void 0===i?void 0:i.querySelector("descope-wc")}),{logger:this.logger}),t(this,r,"f")[a].afterClose=t(this,s,"m",u).bind(this,a),o.onEditClick((()=>{var e,i;null===(i=null===(e=t(this,r,"f"))||void 0===e?void 0:e[a])||void 0===i||i.open()})),t(this,s,"m",u).call(this,a),this.syncFlowTheme(t(this,n,"f")[a]))},w=function(e,i,o){const r=e.getAttribute("delete-flow-id");r&&(t(this,d,"f")[r]=this.createModal({"data-id":`delete-${i}`}),t(this,h,"f")[r]=new S((()=>{var e,i;return null===(i=null===(e=t(this,d,"f")[r])||void 0===e?void 0:e.ele)||void 0===i?void 0:i.querySelector("descope-wc")}),{logger:this.logger}),t(this,d,"f")[r].afterClose=t(this,s,"m",v).bind(this,r),o.onDeleteClick((()=>{var e,i;null===(i=null===(e=t(this,d,"f"))||void 0===e?void 0:e[r])||void 0===i||i.open()})),t(this,s,"m",v).call(this,r),this.syncFlowTheme(t(this,h,"f")[r]))},o})),je=n((s=>{var o,r,n,d,h,u,v,g;return g=class extends(a(we,p,Q,c,f,pe,m)(s)){constructor(){super(...arguments),o.add(this),r.set(this,void 0),n.set(this,void 0),this.updateDeviceList=l((e=>{this.deviceList.data=e}))}onWidgetRootReady(){const i=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.onWidgetRootReady)||void 0===e?void 0:e.call(this),this.deviceList=new A((()=>{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",v).call(this),t(this,o,"m",u).call(this,ve(this.state)),t(this,o,"m",d).call(this),this.subscribe(this.updateDeviceList.bind(this),ve))}))}},r=new WeakMap,n=new WeakMap,o=new WeakSet,d=function(){this.deviceList.flowId&&(i(this,r,this.createModal({"data-id":"untrust-device"}),"f"),i(this,n,new S((()=>{var e;return null===(e=t(this,r,"f").ele)||void 0===e?void 0:e.querySelector("descope-wc")}),{logger:this.logger}),"f"),t(this,r,"f").afterClose=()=>t(this,o,"m",h).call(this,""),this.syncFlowTheme(t(this,n,"f")))},h=function(e=""){t(this,r,"f").setContent(T({projectId:this.projectId,flowId:this.deviceList.flowId,baseUrl:this.baseUrl,baseStaticUrl:this.baseStaticUrl,baseCdnUrl:this.baseCdnUrl,refreshCookieName:this.refreshCookieName,theme:this.theme,form:{deviceId:e}})),t(this,n,"f").onSuccess((()=>{t(this,r,"f").close(),this.actions.listDevices({userId:se(this.state)})}))},u=function(e){this.deviceList.onRemoveDeviceClick((({id:e})=>{var i;t(this,o,"m",h).call(this,e),null===(i=t(this,r,"f"))||void 0===i||i.open()})),this.deviceList.data=e},v=function(){return e(this,void 0,void 0,(function*(){yield this.actions.listDevices({userId:se(this.state)})}))},g}));const Ne={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},xe=n((i=>{var s,o,r,n,d;return d=class extends(a(c,Q,U,g)(i)){constructor(){super(...arguments),s.add(this),n.set(this,l((e=>{e.length&&(e.forEach((({type:e,msg:i})=>{const n=t(this,s,"m",r).call(this,e);n.setContent(t(this,s,"m",o).call(this,{type:e,msg:i})),n.show()})),setTimeout((()=>this.actions.clearNotifications())))})))}init(){const i=Object.create(null,{init:{get:()=>super.init}});return e(this,void 0,void 0,(function*(){var e;yield null===(e=i.init)||void 0===e?void 0:e.call(this),this.subscribe(t(this,n,"f").bind(this),ge)}))}},n=new WeakMap,s=new WeakSet,o=function({type:e,msg:t}){const i=Ne[e],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)||""}${t}${s.outerHTML}`},r=function(e){return this.createNotification({mode:e,duration:"error"===e?0:3e3,position:"bottom-start",size:"sm"})},d})),Te=n((t=>class extends(a(k,p,te,Ae,Ce,be,Ue,Re,ke,Se,Me,We,ye,je,xe)(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)}))}})),Le=a((t=>class extends(Te(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.7.4"}}}))}}))(HTMLElement);customElements.define("descope-user-profile-widget",Le);export{Le as default};
|
|
6
6
|
//# sourceMappingURL=index.js.map
|