@descope/audit-management-widget 0.1.4 → 0.1.6

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 
       /**
-       * @descope/audit-management-widget v0.1.4
+       * @descope/audit-management-widget v0.1.6
        */
       import{createSingletonMixin as e,compose as t,createTemplate as i,debounce as s,withMemCache as o}from"@descope/sdk-helpers";import{__awaiter as r,__classPrivateFieldGet as a,__classPrivateFieldSet as n}from"tslib";import{projectIdMixin as d,observeAttributesMixin as c,loggerMixin as l,createValidateAttributesMixin as u,createStateManagementMixin as h,initLifecycleMixin as g,staticResourcesMixin as m,descopeUiMixin as v,initElementMixin as p,debuggerMixin as f,themeMixin as w}from"@descope/sdk-mixins";import{TextFieldDriver as b,SingleSelectDriver as y,GridDriver as k}from"@descope/sdk-component-drivers";import{createAsyncThunk as R}from"@reduxjs/toolkit";import{createSelector as C}from"reselect";import x from"@descope/web-js-sdk";const I=e=>e.selectedAuditId,L=C((e=>e.auditList.data),(e=>e.map((e=>Object.assign(Object.assign({},e),{occurredFormatted:(null==e?void 0:e.occurred)?new Date(Number(null==e?void 0:e.occurred)||0).toLocaleString():"N/A"})))));C(I,L,((e,t)=>t.find((t=>e===t.id)))),C(I,(e=>!!e));const j=R("audit/search",((e,{extra:{api:t},getState:i})=>{const s=i().searchParams;return t.audit.search(Object.assign(Object.assign({},s),e))})),A=(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)}))}))})(j)({onPending:(e,t)=>{e.searchParams=Object.assign(Object.assign({},e.searchParams),t.meta.arg)},onFulfilled:(e,t)=>{e.auditList.data=t.payload}},(W=e=>e.auditList,{onFulfilled:e=>{W(e).loading=!1},onPending:e=>{W(e).loading=!0,W(e).error=null},onRejected:(e,t)=>{W(e).loading=!1,W(e).error=t.error}}));var W;const D={action:j,reducer:A},S={auditList:{data:[],loading:!1,error:null},searchParams:{text:"",sort:[]},selectedAuditId:""},$={search:"/v1/mgmt/audit/search"},O=({text:e,sort:t})=>r(void 0,void 0,void 0,(function*(){return new Promise((i=>{const s=[];for(let e=1;e<9;e+=1)s.push({id:`Audit ${e}`,action:`Action ${e}`,actorId:`Actor ${e}`,type:"info",method:`Method ${e}`,userId:`User ${e}`,device:`Device ${e}`,geo:`Geo ${e}`,remoteAddress:`127.0.0.${e}`,externalIds:[`Login ID ${e}`],occurred:(new Date).getTime()});t.forEach((e=>{s.sort(((t,i)=>{var s,o;return e.desc?null===(o=i[e.field])||void 0===o?void 0:o.localeCompare(t[e.field]):null===(s=t[e.field])||void 0===s?void 0:s.localeCompare(i[e.field])}))})),i(s.filter((t=>t.id.toLowerCase().includes(e.toLowerCase())||t.action.toLowerCase().includes(e.toLowerCase())||t.type.toLowerCase().includes(e.toLowerCase())||t.device.toLowerCase().includes(e.toLowerCase())||t.method.toLowerCase().includes(e.toLowerCase())||t.geo.toLowerCase().includes(e.toLowerCase())||t.remoteAddress.toLowerCase().includes(e.toLowerCase())||t.externalIds.includes(e.toLowerCase())||t.userId.toLowerCase().includes(e.toLowerCase()))))}))})),P=({httpClient:e,tenant:t,mock:i})=>({search:({page:s,limit:o=1e4,text:a,sort:n,from:d}={})=>r(void 0,void 0,void 0,(function*(){if(i)return O({page:s,limit:o,text:a,sort:n},t);const c=yield e.post($.search,{limit:o,page:s,text:a,sort:n,from:d},{queryParams:{tenant:t}});yield(e=>r(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)})))(c);return(yield c.json()).audits}))}),M=e((e=>{var i,s,o,h;const g=t(d,c,l,u({tenant:u.missingAttrValidator}))(e);return h=class extends g{constructor(){super(...arguments),i.add(this),s.set(this,void 0)}get baseUrl(){return this.getAttribute("base-url")}get tenant(){return this.getAttribute("tenant")}get mock(){return this.getAttribute("mock")}get api(){return a(this,s,"f")||a(this,i,"m",o).call(this),a(this,s,"f")}init(){const e=Object.create(null,{init:{get:()=>super.init}});var t;return r(this,void 0,void 0,(function*(){yield null===(t=e.init)||void 0===t?void 0:t.call(this),this.observeAttributes(["project-id","base-url","tenant"],(()=>{a(this,s,"f")&&a(this,i,"m",o).call(this)}))}))}},s=new WeakMap,i=new WeakSet,o=function(){this.logger.debug("creating an sdk instance"),n(this,s,((e,t,i)=>{const s=x(Object.assign(Object.assign({},e),{persistTokens:!0}));return{audit:P({httpClient:s.httpClient,tenant:t,mock:i})}})({projectId:this.projectId,baseUrl:this.baseUrl},this.tenant,"true"===this.mock),"f")},h})),E=e((e=>{const i=t(h({name:"widget",initialState:S,reducers:{setSelectedAuditId:(e,{payload:t})=>{e.selectedAuditId=t}},extraReducers:e=>{D.reducer(e)},asyncActions:{searchAudit:D.action}}),g,l,M)(e);return class extends i{constructor(...e){super(...e),this.state=S,this.subscribe((e=>{this.logger.debug("State update:",e),this.state=e}))}}})),T=e((e=>{const i=t(m,u({"widget-id":u.missingAttrValidator}))(e);return class extends i{get widgetId(){return this.getAttribute("widget-id")}fetchWidgetPage(e){return r(this,void 0,void 0,(function*(){return(yield this.fetchStaticResource(`audit-management-widget/${this.widgetId}/${e}`,"text")).body}))}}})),H=e((e=>{var s,o,n;return n=class extends(t(l,g,v,p,T,E)(e)){constructor(){super(...arguments),s.add(this)}onWidgetRootReady(){return r(this,void 0,void 0,(function*(){}))}init(){const e=Object.create(null,{init:{get:()=>super.init}});var t;return r(this,void 0,void 0,(function*(){yield null===(t=e.init)||void 0===t?void 0:t.call(this),yield Promise.all([a(this,s,"m",o).call(this)]),this.onWidgetRootReady()}))}},s=new WeakSet,o=function(){return r(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))}))},n})),U=e((e=>{var i,o,n,d,c;return c=class extends(t(l,H,E)(e)){constructor(){super(...arguments),i.add(this),o.set(this,s((()=>{const e=this.rangeInput.value,t=new Date;let i;switch(e){case"minuets15":i=t.setMinutes(t.getMinutes()-15);break;case"hour":i=t.setHours(t.getHours()-1);break;case"hour6":i=t.setHours(t.getHours()-6);break;case"day":default:i=t.setDate(t.getDate()-1);break;case"day3":i=t.setDate(t.getDate()-3);break;case"week":i=t.setDate(t.getDate()-7);break;case"week2":i=t.setDate(t.getDate()-14);break;case"month":i=t.setMonth(t.getMonth()-1)}this.actions.searchAudit({text:this.searchInput.value,from:Math.floor(new Date(i).getTime())})})))}onWidgetRootReady(){const e=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});var t;return r(this,void 0,void 0,(function*(){yield null===(t=e.onWidgetRootReady)||void 0===t?void 0:t.call(this),a(this,i,"m",n).call(this),a(this,i,"m",d).call(this)}))}},o=new WeakMap,i=new WeakSet,n=function(){var e;this.searchInput=new b(null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector('[data-id="search-input"]'),{logger:this.logger}),this.searchInput.onInput(a(this,o,"f"))},d=function(){var e;this.rangeInput=new y(null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector('[data-id="range-input"]'),{logger:this.logger}),this.rangeInput.onInput(a(this,o,"f"))},c})),q=e((e=>{var i,s,n,d;return d=class extends(t(E,l,H)(e)){constructor(){super(...arguments),i.add(this),n.set(this,o((e=>{this.auditTable.data=e})))}onWidgetRootReady(){const e=Object.create(null,{onWidgetRootReady:{get:()=>super.onWidgetRootReady}});var t;return r(this,void 0,void 0,(function*(){yield null===(t=e.onWidgetRootReady)||void 0===t?void 0:t.call(this),a(this,i,"m",s).call(this),a(this,n,"f").call(this,L(this.state)),this.subscribe(a(this,n,"f").bind(this),L)}))}},n=new WeakMap,i=new WeakSet,s=function(){var e;this.auditTable=new k(null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector('[data-id="audit-table"]'),{logger:this.logger}),this.auditTable.onSelectedItemsChange((e=>{this.actions.setSelectedAuditId(e.detail.value.map((({id:e})=>e)))}))},d})),F=e((e=>class extends(t(f,w,q,U)(e)){init(){const e=Object.create(null,{init:{get:()=>super.init}});var t;return r(this,void 0,void 0,(function*(){yield null===(t=e.init)||void 0===t?void 0:t.call(this)}))}})),N=t((e=>class extends(F(e)){}))(HTMLElement);customElements.define("descope-audit-management-widget",N);export{N as default};
 //# sourceMappingURL=index.js.map

package/dist/index.d.ts

@@ -67,11 +67,11 @@ declare const AuditManagementWidget: {
                 search: (config: SearchAuditConfig) => Promise<Audit[]>;
             };
         };
-        "__#12017@#handleError": ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void);
-        "__#12016@#observeMappings": {};
+        "__#12022@#handleError": ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void);
+        "__#12021@#observeMappings": {};
         observeAttribute: ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any);
         observeAttributes: ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void);
-        "__#12015@#isInit": boolean;
+        "__#12020@#isInit": boolean;
         connectedCallback: (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void);
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -787,13 +787,13 @@ declare const AuditManagementWidget: {
         tabIndex: number;
         blur: (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void);
         focus: ((options?: FocusOptions) => void) & ((options?: FocusOptions) => void) & ((options?: FocusOptions) => void) & ((options?: FocusOptions) => void) & ((options?: FocusOptions) => void) & ((options?: FocusOptions) => void) & ((options?: FocusOptions) => void) & ((options?: FocusOptions) => void) & ((options?: FocusOptions) => void) & ((options?: FocusOptions) => void) & ((options?: FocusOptions) => void) & ((options?: FocusOptions) => void);
-        "__#12014@#logger": {
+        "__#12019@#logger": {
             error(...data: any[]): void;
             warn(...data: any[]): void;
             info(...data: any[]): void;
             debug(...data: any[]): void;
         };
-        "__#12014@#wrapLogger": ((logger: Partial<{
+        "__#12019@#wrapLogger": ((logger: Partial<{
             error(...data: any[]): void;
             warn(...data: any[]): void;
             info(...data: any[]): void;
@@ -1343,21 +1343,21 @@ declare const AuditManagementWidget: {
         }>);
         contentRootElement: HTMLElement;
         rootElement: HTMLElement;
-        "__#12021@#errorCbsSym": symbol;
-        "__#12021@#loadCbsSym": symbol;
-        "__#12021@#getComponentsVersion": (() => Promise<any>) & (() => Promise<any>);
-        "__#12021@#exposeAlternateEvents": ((scriptEle: HTMLScriptElement) => void) & ((scriptEle: HTMLScriptElement) => void);
-        "__#12021@#handleFallbackScript": ((errorCbs: ((error: string) => void)[], loadCbs: (() => void)[]) => Promise<void>) & ((errorCbs: ((error: string) => void)[], loadCbs: (() => void)[]) => Promise<void>);
-        "__#12021@#registerEvents": ((scriptEle: HTMLScriptElement) => void) & ((scriptEle: HTMLScriptElement) => void);
-        "__#12021@#getDescopeUiLoadingScript": (() => Promise<HTMLElement>) & (() => Promise<HTMLElement>);
-        "__#12021@#descopeUi": Promise<any>;
+        "__#12026@#errorCbsSym": symbol;
+        "__#12026@#loadCbsSym": symbol;
+        "__#12026@#getComponentsVersion": (() => Promise<any>) & (() => Promise<any>);
+        "__#12026@#exposeAlternateEvents": ((scriptEle: HTMLScriptElement) => void) & ((scriptEle: HTMLScriptElement) => void);
+        "__#12026@#handleFallbackScript": ((errorCbs: ((error: string) => void)[], loadCbs: (() => void)[]) => Promise<void>) & ((errorCbs: ((error: string) => void)[], loadCbs: (() => void)[]) => Promise<void>);
+        "__#12026@#registerEvents": ((scriptEle: HTMLScriptElement) => void) & ((scriptEle: HTMLScriptElement) => void);
+        "__#12026@#getDescopeUiLoadingScript": (() => Promise<HTMLElement>) & (() => Promise<HTMLElement>);
+        "__#12026@#descopeUi": Promise<any>;
         readonly descopeUi: Promise<any>;
-        "__#12021@#loadDescopeUiComponent": ((componentName: string) => Promise<any>) & ((componentName: string) => Promise<any>);
+        "__#12026@#loadDescopeUiComponent": ((componentName: string) => Promise<any>) & ((componentName: string) => Promise<any>);
         loadDescopeUiComponents: ((templateOrComponentNames: string[] | HTMLTemplateElement) => Promise<any[]>) & ((templateOrComponentNames: string[] | HTMLTemplateElement) => Promise<any[]>);
-        "__#12021@#getDescopeUi": (() => Promise<unknown>) & (() => Promise<unknown>);
+        "__#12026@#getDescopeUi": (() => Promise<unknown>) & (() => Promise<unknown>);
         readonly config: any;
-        "__#12018@#_configResource": any;
-        "__#12018@#fetchConfig": (() => Promise<{
+        "__#12023@#_configResource": any;
+        "__#12023@#fetchConfig": (() => Promise<{
             projectConfig: _descope_sdk_mixins.ProjectConfiguration;
             executionContext: {
                 geo: string;
@@ -1391,14 +1391,14 @@ declare const AuditManagementWidget: {
             data?: Record<string, string>;
         }[]) => void;
         readonly theme: _descope_sdk_mixins.ThemeOptions;
-        "__#12027@#_themeResource": Promise<void | Record<string, any>>;
-        "__#12027@#fetchTheme"(): Promise<Record<string, any>>;
-        readonly "__#12027@#themeResource": Promise<void | Record<string, any>>;
-        "__#12027@#loadGlobalStyle"(): Promise<void>;
-        "__#12027@#loadComponentsStyle"(): Promise<void>;
-        "__#12027@#loadFonts"(): Promise<void>;
-        "__#12027@#applyTheme"(): Promise<void>;
-        "__#12020@#debuggerEle": HTMLElement & {
+        "__#12032@#_themeResource": Promise<void | Record<string, any>>;
+        "__#12032@#fetchTheme"(): Promise<Record<string, any>>;
+        readonly "__#12032@#themeResource": Promise<void | Record<string, any>>;
+        "__#12032@#loadGlobalStyle"(): Promise<void>;
+        "__#12032@#loadComponentsStyle"(): Promise<void>;
+        "__#12032@#loadFonts"(): Promise<void>;
+        "__#12032@#applyTheme"(): Promise<void>;
+        "__#12025@#debuggerEle": HTMLElement & {
             updateData: (data: {
                 title: string;
                 description?: string;
@@ -1407,11 +1407,11 @@ declare const AuditManagementWidget: {
                 description?: string;
             }[]) => void;
         };
-        "__#12020@#disableDebugger"(): void;
-        "__#12020@#enableDebugger"(): Promise<void>;
+        "__#12025@#disableDebugger"(): void;
+        "__#12025@#enableDebugger"(): Promise<void>;
         readonly debug: boolean;
-        "__#12020@#handleDebugMode"(): void;
-        "__#12020@#updateDebuggerMessages"(title: string, description: string): void;
+        "__#12025@#handleDebugMode"(): void;
+        "__#12025@#updateDebuggerMessages"(title: string, description: string): void;
     };
 };