@descope/sdk-mixins 0.2.0 → 0.2.1
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.cjs.js +36 -2
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.d.ts +122 -122
- package/dist/index.esm.js +36 -2
- package/dist/index.esm.js.map +1 -1
- package/package.json +4 -4
package/dist/index.d.ts
CHANGED
|
@@ -57,8 +57,8 @@ interface ProjectConfiguration {
|
|
|
57
57
|
declare const configMixin: <T extends CustomElementConstructor>(superclass: T) => {
|
|
58
58
|
new (...args: any): {
|
|
59
59
|
readonly config: any;
|
|
60
|
-
"__#
|
|
61
|
-
"__#
|
|
60
|
+
"__#12018@#_configResource": any;
|
|
61
|
+
"__#12018@#fetchConfig": () => Promise<{
|
|
62
62
|
projectConfig: ProjectConfiguration;
|
|
63
63
|
executionContext: {
|
|
64
64
|
geo: string;
|
|
@@ -69,12 +69,12 @@ declare const configMixin: <T extends CustomElementConstructor>(superclass: T) =
|
|
|
69
69
|
headers: Record<string, string>;
|
|
70
70
|
}>;
|
|
71
71
|
readonly projectId: string;
|
|
72
|
-
"__#
|
|
72
|
+
"__#12017@#handleError"(attrName: string, newValue: string): void;
|
|
73
73
|
init(): Promise<void>;
|
|
74
|
-
"__#
|
|
74
|
+
"__#12016@#observeMappings": {};
|
|
75
75
|
observeAttribute(attrName: string, onAttrChange: (attrName: string, value: string) => void): () => any;
|
|
76
76
|
observeAttributes(attrs: string[], cb: (attrName: string, value: string) => void): () => void;
|
|
77
|
-
"__#
|
|
77
|
+
"__#12015@#isInit": boolean;
|
|
78
78
|
connectedCallback: (() => void) & (() => void) & (() => void);
|
|
79
79
|
accessKey: string;
|
|
80
80
|
readonly accessKeyLabel: string;
|
|
@@ -385,8 +385,8 @@ declare const configMixin: <T extends CustomElementConstructor>(superclass: T) =
|
|
|
385
385
|
tabIndex: number;
|
|
386
386
|
blur(): void;
|
|
387
387
|
focus(options?: FocusOptions): void;
|
|
388
|
-
"__#
|
|
389
|
-
"__#
|
|
388
|
+
"__#12014@#logger": Logger;
|
|
389
|
+
"__#12014@#wrapLogger": ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger);
|
|
390
390
|
logger: Logger;
|
|
391
391
|
onLogEvent: ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void);
|
|
392
392
|
};
|
|
@@ -395,12 +395,12 @@ declare const configMixin: <T extends CustomElementConstructor>(superclass: T) =
|
|
|
395
395
|
declare const createValidateAttributesMixin: {
|
|
396
396
|
(mappings: Record<string, CheckValueFn | string>): <T extends CustomElementConstructor>(superclass: T) => {
|
|
397
397
|
new (...args: any): {
|
|
398
|
-
"__#
|
|
398
|
+
"__#12017@#handleError"(attrName: string, newValue: string | null): void;
|
|
399
399
|
init(): Promise<void>;
|
|
400
|
-
"__#
|
|
400
|
+
"__#12016@#observeMappings": {};
|
|
401
401
|
observeAttribute(attrName: string, onAttrChange: (attrName: string, value: string) => void): () => any;
|
|
402
402
|
observeAttributes(attrs: string[], cb: (attrName: string, value: string) => void): () => void;
|
|
403
|
-
"__#
|
|
403
|
+
"__#12015@#isInit": boolean;
|
|
404
404
|
connectedCallback: (() => void) & (() => void) & (() => void);
|
|
405
405
|
accessKey: string;
|
|
406
406
|
readonly accessKeyLabel: string;
|
|
@@ -711,8 +711,8 @@ declare const createValidateAttributesMixin: {
|
|
|
711
711
|
tabIndex: number;
|
|
712
712
|
blur(): void;
|
|
713
713
|
focus(options?: FocusOptions): void;
|
|
714
|
-
"__#
|
|
715
|
-
"__#
|
|
714
|
+
"__#12014@#logger": Logger;
|
|
715
|
+
"__#12014@#wrapLogger": ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger);
|
|
716
716
|
logger: Logger;
|
|
717
717
|
onLogEvent: ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void);
|
|
718
718
|
};
|
|
@@ -725,8 +725,8 @@ declare const logLevels: readonly ["error", "warn", "info", "debug"];
|
|
|
725
725
|
type LogLevel = (typeof logLevels)[number];
|
|
726
726
|
declare const loggerMixin: <T extends CustomElementConstructor>(superclass: T) => {
|
|
727
727
|
new (...params: any[]): {
|
|
728
|
-
"__#
|
|
729
|
-
"__#
|
|
728
|
+
"__#12014@#logger": Logger;
|
|
729
|
+
"__#12014@#wrapLogger"(logger: Partial<Logger>): Logger;
|
|
730
730
|
logger: Logger;
|
|
731
731
|
onLogEvent(logLevel: LogLevel, data: any[]): void;
|
|
732
732
|
accessKey: string;
|
|
@@ -1049,19 +1049,19 @@ type DebuggerMessage = {
|
|
|
1049
1049
|
|
|
1050
1050
|
declare const debuggerMixin: <T extends CustomElementConstructor>(superclass: T) => {
|
|
1051
1051
|
new (...params: any[]): {
|
|
1052
|
-
"__#
|
|
1052
|
+
"__#12020@#debuggerEle": HTMLElement & {
|
|
1053
1053
|
updateData: (data: DebuggerMessage | DebuggerMessage[]) => void;
|
|
1054
1054
|
};
|
|
1055
|
-
"__#
|
|
1056
|
-
"__#
|
|
1055
|
+
"__#12020@#disableDebugger"(): void;
|
|
1056
|
+
"__#12020@#enableDebugger"(): Promise<void>;
|
|
1057
1057
|
attributeChangedCallback: (attrName: string, oldValue: string | null, newValue: string | null) => void;
|
|
1058
1058
|
readonly debug: boolean;
|
|
1059
|
-
"__#
|
|
1059
|
+
"__#12020@#handleDebugMode"(): void;
|
|
1060
1060
|
onLogEvent(logLevel: LogLevel, args: any[]): void;
|
|
1061
1061
|
init(): Promise<void>;
|
|
1062
|
-
"__#
|
|
1063
|
-
"__#
|
|
1064
|
-
"__#
|
|
1062
|
+
"__#12020@#updateDebuggerMessages"(title: string, description: string): void;
|
|
1063
|
+
"__#12014@#logger": Logger;
|
|
1064
|
+
"__#12014@#wrapLogger"(logger: Partial<Logger>): Logger;
|
|
1065
1065
|
logger: Logger;
|
|
1066
1066
|
accessKey: string;
|
|
1067
1067
|
readonly accessKeyLabel: string;
|
|
@@ -1372,7 +1372,7 @@ declare const debuggerMixin: <T extends CustomElementConstructor>(superclass: T)
|
|
|
1372
1372
|
tabIndex: number;
|
|
1373
1373
|
blur(): void;
|
|
1374
1374
|
focus(options?: FocusOptions): void;
|
|
1375
|
-
"__#
|
|
1375
|
+
"__#12015@#isInit": boolean;
|
|
1376
1376
|
};
|
|
1377
1377
|
} & T;
|
|
1378
1378
|
|
|
@@ -1380,21 +1380,21 @@ type ErrorCb = (error: string) => void;
|
|
|
1380
1380
|
type LoadCb = () => void;
|
|
1381
1381
|
declare const descopeUiMixin: <T extends CustomElementConstructor>(superclass: T) => {
|
|
1382
1382
|
new (...args: any): {
|
|
1383
|
-
"__#
|
|
1384
|
-
"__#
|
|
1385
|
-
"__#
|
|
1386
|
-
"__#
|
|
1387
|
-
"__#
|
|
1388
|
-
"__#
|
|
1389
|
-
"__#
|
|
1390
|
-
"__#
|
|
1383
|
+
"__#12021@#errorCbsSym": symbol;
|
|
1384
|
+
"__#12021@#loadCbsSym": symbol;
|
|
1385
|
+
"__#12021@#getComponentsVersion"(): Promise<any>;
|
|
1386
|
+
"__#12021@#exposeAlternateEvents"(scriptEle: HTMLScriptElement): void;
|
|
1387
|
+
"__#12021@#handleFallbackScript"(errorCbs: ErrorCb[], loadCbs: LoadCb[]): Promise<void>;
|
|
1388
|
+
"__#12021@#registerEvents"(scriptEle: HTMLScriptElement): void;
|
|
1389
|
+
"__#12021@#getDescopeUiLoadingScript"(): Promise<HTMLElement>;
|
|
1390
|
+
"__#12021@#descopeUi": Promise<any>;
|
|
1391
1391
|
readonly descopeUi: Promise<any>;
|
|
1392
|
-
"__#
|
|
1392
|
+
"__#12021@#loadDescopeUiComponent"(componentName: string): Promise<any>;
|
|
1393
1393
|
loadDescopeUiComponents(templateOrComponentNames: HTMLTemplateElement | string[]): Promise<any[]>;
|
|
1394
|
-
"__#
|
|
1394
|
+
"__#12021@#getDescopeUi"(): Promise<unknown>;
|
|
1395
1395
|
readonly config: any;
|
|
1396
|
-
"__#
|
|
1397
|
-
"__#
|
|
1396
|
+
"__#12018@#_configResource": any;
|
|
1397
|
+
"__#12018@#fetchConfig": () => Promise<{
|
|
1398
1398
|
projectConfig: ProjectConfiguration;
|
|
1399
1399
|
executionContext: {
|
|
1400
1400
|
geo: string;
|
|
@@ -1405,12 +1405,12 @@ declare const descopeUiMixin: <T extends CustomElementConstructor>(superclass: T
|
|
|
1405
1405
|
headers: Record<string, string>;
|
|
1406
1406
|
}>;
|
|
1407
1407
|
readonly projectId: string;
|
|
1408
|
-
"__#
|
|
1408
|
+
"__#12017@#handleError"(attrName: string, newValue: string): void;
|
|
1409
1409
|
init(): Promise<void>;
|
|
1410
|
-
"__#
|
|
1410
|
+
"__#12016@#observeMappings": {};
|
|
1411
1411
|
observeAttribute(attrName: string, onAttrChange: (attrName: string, value: string) => void): () => any;
|
|
1412
1412
|
observeAttributes(attrs: string[], cb: (attrName: string, value: string) => void): () => void;
|
|
1413
|
-
"__#
|
|
1413
|
+
"__#12015@#isInit": boolean;
|
|
1414
1414
|
connectedCallback: (() => void) & (() => void) & (() => void);
|
|
1415
1415
|
accessKey: string;
|
|
1416
1416
|
readonly accessKeyLabel: string;
|
|
@@ -1721,8 +1721,8 @@ declare const descopeUiMixin: <T extends CustomElementConstructor>(superclass: T
|
|
|
1721
1721
|
tabIndex: number;
|
|
1722
1722
|
blur(): void;
|
|
1723
1723
|
focus(options?: FocusOptions): void;
|
|
1724
|
-
"__#
|
|
1725
|
-
"__#
|
|
1724
|
+
"__#12014@#logger": Logger;
|
|
1725
|
+
"__#12014@#wrapLogger": ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger);
|
|
1726
1726
|
logger: Logger;
|
|
1727
1727
|
onLogEvent: ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void);
|
|
1728
1728
|
};
|
|
@@ -1730,7 +1730,7 @@ declare const descopeUiMixin: <T extends CustomElementConstructor>(superclass: T
|
|
|
1730
1730
|
|
|
1731
1731
|
declare const modalMixin: <T extends CustomElementConstructor>(superclass: T) => {
|
|
1732
1732
|
new (...args: any): {
|
|
1733
|
-
"__#
|
|
1733
|
+
"__#12025@#ModalDriverWrapper": {
|
|
1734
1734
|
new (refOrRefFn: Element | (() => HTMLElement), config: {
|
|
1735
1735
|
logger: {
|
|
1736
1736
|
error(...data: any[]): void;
|
|
@@ -1740,7 +1740,7 @@ declare const modalMixin: <T extends CustomElementConstructor>(superclass: T) =>
|
|
|
1740
1740
|
};
|
|
1741
1741
|
}): {
|
|
1742
1742
|
setContent(template: HTMLTemplateElement): void;
|
|
1743
|
-
"__#
|
|
1743
|
+
"__#12024@#private": any;
|
|
1744
1744
|
beforeOpen: () => void | Promise<void>;
|
|
1745
1745
|
afterClose: () => void;
|
|
1746
1746
|
nodeName: string;
|
|
@@ -1748,7 +1748,7 @@ declare const modalMixin: <T extends CustomElementConstructor>(superclass: T) =>
|
|
|
1748
1748
|
open(): Promise<void>;
|
|
1749
1749
|
reset(): void;
|
|
1750
1750
|
remove(): void;
|
|
1751
|
-
"__#
|
|
1751
|
+
"__#12022@#private": any;
|
|
1752
1752
|
logger: {
|
|
1753
1753
|
error(...data: any[]): void;
|
|
1754
1754
|
warn(...data: any[]): void;
|
|
@@ -1761,21 +1761,21 @@ declare const modalMixin: <T extends CustomElementConstructor>(superclass: T) =>
|
|
|
1761
1761
|
};
|
|
1762
1762
|
createModal(config?: Record<string, string>): ModalDriver;
|
|
1763
1763
|
init(): Promise<void>;
|
|
1764
|
-
"__#
|
|
1765
|
-
"__#
|
|
1766
|
-
"__#
|
|
1767
|
-
"__#
|
|
1768
|
-
"__#
|
|
1769
|
-
"__#
|
|
1770
|
-
"__#
|
|
1771
|
-
"__#
|
|
1764
|
+
"__#12021@#errorCbsSym": symbol;
|
|
1765
|
+
"__#12021@#loadCbsSym": symbol;
|
|
1766
|
+
"__#12021@#getComponentsVersion"(): Promise<any>;
|
|
1767
|
+
"__#12021@#exposeAlternateEvents"(scriptEle: HTMLScriptElement): void;
|
|
1768
|
+
"__#12021@#handleFallbackScript"(errorCbs: ((error: string) => void)[], loadCbs: (() => void)[]): Promise<void>;
|
|
1769
|
+
"__#12021@#registerEvents"(scriptEle: HTMLScriptElement): void;
|
|
1770
|
+
"__#12021@#getDescopeUiLoadingScript"(): Promise<HTMLElement>;
|
|
1771
|
+
"__#12021@#descopeUi": Promise<any>;
|
|
1772
1772
|
readonly descopeUi: Promise<any>;
|
|
1773
|
-
"__#
|
|
1773
|
+
"__#12021@#loadDescopeUiComponent"(componentName: string): Promise<any>;
|
|
1774
1774
|
loadDescopeUiComponents(templateOrComponentNames: HTMLTemplateElement | string[]): Promise<any[]>;
|
|
1775
|
-
"__#
|
|
1775
|
+
"__#12021@#getDescopeUi"(): Promise<unknown>;
|
|
1776
1776
|
readonly config: any;
|
|
1777
|
-
"__#
|
|
1778
|
-
"__#
|
|
1777
|
+
"__#12018@#_configResource": any;
|
|
1778
|
+
"__#12018@#fetchConfig": () => Promise<{
|
|
1779
1779
|
projectConfig: ProjectConfiguration;
|
|
1780
1780
|
executionContext: {
|
|
1781
1781
|
geo: string;
|
|
@@ -1786,11 +1786,11 @@ declare const modalMixin: <T extends CustomElementConstructor>(superclass: T) =>
|
|
|
1786
1786
|
headers: Record<string, string>;
|
|
1787
1787
|
}>;
|
|
1788
1788
|
readonly projectId: string;
|
|
1789
|
-
"__#
|
|
1790
|
-
"__#
|
|
1789
|
+
"__#12017@#handleError"(attrName: string, newValue: string): void;
|
|
1790
|
+
"__#12016@#observeMappings": {};
|
|
1791
1791
|
observeAttribute(attrName: string, onAttrChange: (attrName: string, value: string) => void): () => any;
|
|
1792
1792
|
observeAttributes(attrs: string[], cb: (attrName: string, value: string) => void): () => void;
|
|
1793
|
-
"__#
|
|
1793
|
+
"__#12015@#isInit": boolean;
|
|
1794
1794
|
connectedCallback: (() => void) & (() => void) & (() => void) & (() => void);
|
|
1795
1795
|
accessKey: string;
|
|
1796
1796
|
readonly accessKeyLabel: string;
|
|
@@ -2101,8 +2101,8 @@ declare const modalMixin: <T extends CustomElementConstructor>(superclass: T) =>
|
|
|
2101
2101
|
tabIndex: number;
|
|
2102
2102
|
blur(): void;
|
|
2103
2103
|
focus(options?: FocusOptions): void;
|
|
2104
|
-
"__#
|
|
2105
|
-
"__#
|
|
2104
|
+
"__#12014@#logger": Logger;
|
|
2105
|
+
"__#12014@#wrapLogger": ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger);
|
|
2106
2106
|
logger: Logger;
|
|
2107
2107
|
onLogEvent: ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void);
|
|
2108
2108
|
contentRootElement: HTMLElement;
|
|
@@ -2112,7 +2112,7 @@ declare const modalMixin: <T extends CustomElementConstructor>(superclass: T) =>
|
|
|
2112
2112
|
|
|
2113
2113
|
declare const notificationsMixin: <T extends CustomElementConstructor>(superclass: T) => {
|
|
2114
2114
|
new (...args: any): {
|
|
2115
|
-
"__#
|
|
2115
|
+
"__#12026@#NotificationDriverWrapper": {
|
|
2116
2116
|
new (refOrRefFn: Element | (() => HTMLElement), config: {
|
|
2117
2117
|
logger: {
|
|
2118
2118
|
error(...data: any[]): void;
|
|
@@ -2126,7 +2126,7 @@ declare const notificationsMixin: <T extends CustomElementConstructor>(superclas
|
|
|
2126
2126
|
close(): void;
|
|
2127
2127
|
show(): void;
|
|
2128
2128
|
remove(): void;
|
|
2129
|
-
"__#
|
|
2129
|
+
"__#12022@#private": any;
|
|
2130
2130
|
logger: {
|
|
2131
2131
|
error(...data: any[]): void;
|
|
2132
2132
|
warn(...data: any[]): void;
|
|
@@ -2152,7 +2152,7 @@ declare const notificationsMixin: <T extends CustomElementConstructor>(superclas
|
|
|
2152
2152
|
close(): void;
|
|
2153
2153
|
show(): void;
|
|
2154
2154
|
remove(): void;
|
|
2155
|
-
"__#
|
|
2155
|
+
"__#12022@#private": any;
|
|
2156
2156
|
logger: {
|
|
2157
2157
|
error(...data: any[]): void;
|
|
2158
2158
|
warn(...data: any[]): void;
|
|
@@ -2163,21 +2163,21 @@ declare const notificationsMixin: <T extends CustomElementConstructor>(superclas
|
|
|
2163
2163
|
readonly ele: Element;
|
|
2164
2164
|
};
|
|
2165
2165
|
init(): Promise<void>;
|
|
2166
|
-
"__#
|
|
2167
|
-
"__#
|
|
2168
|
-
"__#
|
|
2169
|
-
"__#
|
|
2170
|
-
"__#
|
|
2171
|
-
"__#
|
|
2172
|
-
"__#
|
|
2173
|
-
"__#
|
|
2166
|
+
"__#12021@#errorCbsSym": symbol;
|
|
2167
|
+
"__#12021@#loadCbsSym": symbol;
|
|
2168
|
+
"__#12021@#getComponentsVersion"(): Promise<any>;
|
|
2169
|
+
"__#12021@#exposeAlternateEvents"(scriptEle: HTMLScriptElement): void;
|
|
2170
|
+
"__#12021@#handleFallbackScript"(errorCbs: ((error: string) => void)[], loadCbs: (() => void)[]): Promise<void>;
|
|
2171
|
+
"__#12021@#registerEvents"(scriptEle: HTMLScriptElement): void;
|
|
2172
|
+
"__#12021@#getDescopeUiLoadingScript"(): Promise<HTMLElement>;
|
|
2173
|
+
"__#12021@#descopeUi": Promise<any>;
|
|
2174
2174
|
readonly descopeUi: Promise<any>;
|
|
2175
|
-
"__#
|
|
2175
|
+
"__#12021@#loadDescopeUiComponent"(componentName: string): Promise<any>;
|
|
2176
2176
|
loadDescopeUiComponents(templateOrComponentNames: HTMLTemplateElement | string[]): Promise<any[]>;
|
|
2177
|
-
"__#
|
|
2177
|
+
"__#12021@#getDescopeUi"(): Promise<unknown>;
|
|
2178
2178
|
readonly config: any;
|
|
2179
|
-
"__#
|
|
2180
|
-
"__#
|
|
2179
|
+
"__#12018@#_configResource": any;
|
|
2180
|
+
"__#12018@#fetchConfig": () => Promise<{
|
|
2181
2181
|
projectConfig: ProjectConfiguration;
|
|
2182
2182
|
executionContext: {
|
|
2183
2183
|
geo: string;
|
|
@@ -2188,11 +2188,11 @@ declare const notificationsMixin: <T extends CustomElementConstructor>(superclas
|
|
|
2188
2188
|
headers: Record<string, string>;
|
|
2189
2189
|
}>;
|
|
2190
2190
|
readonly projectId: string;
|
|
2191
|
-
"__#
|
|
2192
|
-
"__#
|
|
2191
|
+
"__#12017@#handleError"(attrName: string, newValue: string): void;
|
|
2192
|
+
"__#12016@#observeMappings": {};
|
|
2193
2193
|
observeAttribute(attrName: string, onAttrChange: (attrName: string, value: string) => void): () => any;
|
|
2194
2194
|
observeAttributes(attrs: string[], cb: (attrName: string, value: string) => void): () => void;
|
|
2195
|
-
"__#
|
|
2195
|
+
"__#12015@#isInit": boolean;
|
|
2196
2196
|
connectedCallback: (() => void) & (() => void) & (() => void) & (() => void);
|
|
2197
2197
|
accessKey: string;
|
|
2198
2198
|
readonly accessKeyLabel: string;
|
|
@@ -2503,8 +2503,8 @@ declare const notificationsMixin: <T extends CustomElementConstructor>(superclas
|
|
|
2503
2503
|
tabIndex: number;
|
|
2504
2504
|
blur(): void;
|
|
2505
2505
|
focus(options?: FocusOptions): void;
|
|
2506
|
-
"__#
|
|
2507
|
-
"__#
|
|
2506
|
+
"__#12014@#logger": Logger;
|
|
2507
|
+
"__#12014@#wrapLogger": ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger);
|
|
2508
2508
|
logger: Logger;
|
|
2509
2509
|
onLogEvent: ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void);
|
|
2510
2510
|
contentRootElement: HTMLElement;
|
|
@@ -2515,11 +2515,11 @@ declare const notificationsMixin: <T extends CustomElementConstructor>(superclas
|
|
|
2515
2515
|
type OnAttrChange = (attrName: string, value: string | null) => void;
|
|
2516
2516
|
declare const observeAttributesMixin: <T extends CustomElementConstructor>(superclass: T) => {
|
|
2517
2517
|
new (...params: any[]): {
|
|
2518
|
-
"__#
|
|
2518
|
+
"__#12016@#observeMappings": {};
|
|
2519
2519
|
init(): Promise<void>;
|
|
2520
2520
|
observeAttribute(attrName: string, onAttrChange: OnAttrChange): () => any;
|
|
2521
2521
|
observeAttributes(attrs: string[], cb: OnAttrChange): () => void;
|
|
2522
|
-
"__#
|
|
2522
|
+
"__#12015@#isInit": boolean;
|
|
2523
2523
|
connectedCallback: (() => void) & (() => void);
|
|
2524
2524
|
accessKey: string;
|
|
2525
2525
|
readonly accessKeyLabel: string;
|
|
@@ -2830,8 +2830,8 @@ declare const observeAttributesMixin: <T extends CustomElementConstructor>(super
|
|
|
2830
2830
|
tabIndex: number;
|
|
2831
2831
|
blur(): void;
|
|
2832
2832
|
focus(options?: FocusOptions): void;
|
|
2833
|
-
"__#
|
|
2834
|
-
"__#
|
|
2833
|
+
"__#12014@#logger": Logger;
|
|
2834
|
+
"__#12014@#wrapLogger"(logger: Partial<Logger>): Logger;
|
|
2835
2835
|
logger: Logger;
|
|
2836
2836
|
onLogEvent(logLevel: "error" | "warn" | "info" | "debug", data: any[]): void;
|
|
2837
2837
|
};
|
|
@@ -2846,12 +2846,12 @@ declare const staticResourcesMixin: <T extends CustomElementConstructor>(supercl
|
|
|
2846
2846
|
headers: Record<string, string>;
|
|
2847
2847
|
}>;
|
|
2848
2848
|
readonly projectId: string;
|
|
2849
|
-
"__#
|
|
2849
|
+
"__#12017@#handleError"(attrName: string, newValue: string): void;
|
|
2850
2850
|
init(): Promise<void>;
|
|
2851
|
-
"__#
|
|
2851
|
+
"__#12016@#observeMappings": {};
|
|
2852
2852
|
observeAttribute(attrName: string, onAttrChange: (attrName: string, value: string) => void): () => any;
|
|
2853
2853
|
observeAttributes(attrs: string[], cb: (attrName: string, value: string) => void): () => void;
|
|
2854
|
-
"__#
|
|
2854
|
+
"__#12015@#isInit": boolean;
|
|
2855
2855
|
connectedCallback: (() => void) & (() => void) & (() => void);
|
|
2856
2856
|
accessKey: string;
|
|
2857
2857
|
readonly accessKeyLabel: string;
|
|
@@ -3162,8 +3162,8 @@ declare const staticResourcesMixin: <T extends CustomElementConstructor>(supercl
|
|
|
3162
3162
|
tabIndex: number;
|
|
3163
3163
|
blur(): void;
|
|
3164
3164
|
focus(options?: FocusOptions): void;
|
|
3165
|
-
"__#
|
|
3166
|
-
"__#
|
|
3165
|
+
"__#12014@#logger": Logger;
|
|
3166
|
+
"__#12014@#wrapLogger": ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger);
|
|
3167
3167
|
logger: Logger;
|
|
3168
3168
|
onLogEvent: ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void);
|
|
3169
3169
|
};
|
|
@@ -3173,18 +3173,18 @@ type ThemeOptions = 'light' | 'dark' | 'os';
|
|
|
3173
3173
|
declare const themeMixin: <T extends CustomElementConstructor>(superclass: T) => {
|
|
3174
3174
|
new (...params: any[]): {
|
|
3175
3175
|
readonly theme: ThemeOptions;
|
|
3176
|
-
"__#
|
|
3177
|
-
"__#
|
|
3178
|
-
readonly "__#
|
|
3179
|
-
"__#
|
|
3180
|
-
"__#
|
|
3181
|
-
"__#
|
|
3182
|
-
"__#
|
|
3176
|
+
"__#12027@#_themeResource": Promise<void | Record<string, any>>;
|
|
3177
|
+
"__#12027@#fetchTheme"(): Promise<Record<string, any>>;
|
|
3178
|
+
readonly "__#12027@#themeResource": Promise<void | Record<string, any>>;
|
|
3179
|
+
"__#12027@#loadGlobalStyle"(): Promise<void>;
|
|
3180
|
+
"__#12027@#loadComponentsStyle"(): Promise<void>;
|
|
3181
|
+
"__#12027@#loadFonts"(): Promise<void>;
|
|
3182
|
+
"__#12027@#applyTheme"(): Promise<void>;
|
|
3183
3183
|
init(): Promise<void>;
|
|
3184
|
-
"__#
|
|
3184
|
+
"__#12016@#observeMappings": {} & {} & {} & {} & {};
|
|
3185
3185
|
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);
|
|
3186
3186
|
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);
|
|
3187
|
-
"__#
|
|
3187
|
+
"__#12015@#isInit": boolean;
|
|
3188
3188
|
connectedCallback: (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void);
|
|
3189
3189
|
accessKey: string;
|
|
3190
3190
|
readonly accessKeyLabel: string;
|
|
@@ -3495,15 +3495,15 @@ declare const themeMixin: <T extends CustomElementConstructor>(superclass: T) =>
|
|
|
3495
3495
|
tabIndex: number;
|
|
3496
3496
|
blur(): void;
|
|
3497
3497
|
focus(options?: FocusOptions): void;
|
|
3498
|
-
"__#
|
|
3499
|
-
"__#
|
|
3498
|
+
"__#12014@#logger": Logger;
|
|
3499
|
+
"__#12014@#wrapLogger": ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger);
|
|
3500
3500
|
logger: Logger;
|
|
3501
3501
|
onLogEvent: ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void);
|
|
3502
3502
|
contentRootElement: HTMLElement;
|
|
3503
3503
|
rootElement: HTMLElement;
|
|
3504
3504
|
readonly config: any;
|
|
3505
|
-
"__#
|
|
3506
|
-
"__#
|
|
3505
|
+
"__#12018@#_configResource": any;
|
|
3506
|
+
"__#12018@#fetchConfig": (() => Promise<{
|
|
3507
3507
|
projectConfig: ProjectConfiguration;
|
|
3508
3508
|
executionContext: {
|
|
3509
3509
|
geo: string;
|
|
@@ -3525,19 +3525,19 @@ declare const themeMixin: <T extends CustomElementConstructor>(superclass: T) =>
|
|
|
3525
3525
|
headers: Record<string, string>;
|
|
3526
3526
|
}>);
|
|
3527
3527
|
readonly projectId: string;
|
|
3528
|
-
"__#
|
|
3529
|
-
"__#
|
|
3530
|
-
"__#
|
|
3531
|
-
"__#
|
|
3532
|
-
"__#
|
|
3533
|
-
"__#
|
|
3534
|
-
"__#
|
|
3535
|
-
"__#
|
|
3536
|
-
"__#
|
|
3528
|
+
"__#12017@#handleError": ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void);
|
|
3529
|
+
"__#12021@#errorCbsSym": symbol;
|
|
3530
|
+
"__#12021@#loadCbsSym": symbol;
|
|
3531
|
+
"__#12021@#getComponentsVersion"(): Promise<any>;
|
|
3532
|
+
"__#12021@#exposeAlternateEvents"(scriptEle: HTMLScriptElement): void;
|
|
3533
|
+
"__#12021@#handleFallbackScript"(errorCbs: ((error: string) => void)[], loadCbs: (() => void)[]): Promise<void>;
|
|
3534
|
+
"__#12021@#registerEvents"(scriptEle: HTMLScriptElement): void;
|
|
3535
|
+
"__#12021@#getDescopeUiLoadingScript"(): Promise<HTMLElement>;
|
|
3536
|
+
"__#12021@#descopeUi": Promise<any>;
|
|
3537
3537
|
readonly descopeUi: Promise<any>;
|
|
3538
|
-
"__#
|
|
3538
|
+
"__#12021@#loadDescopeUiComponent"(componentName: string): Promise<any>;
|
|
3539
3539
|
loadDescopeUiComponents(templateOrComponentNames: HTMLTemplateElement | string[]): Promise<any[]>;
|
|
3540
|
-
"__#
|
|
3540
|
+
"__#12021@#getDescopeUi"(): Promise<unknown>;
|
|
3541
3541
|
};
|
|
3542
3542
|
} & T;
|
|
3543
3543
|
|
|
@@ -3547,8 +3547,8 @@ declare const createStateManagementMixin: <State, CaseReducers extends SliceCase
|
|
|
3547
3547
|
new (...args: any): {
|
|
3548
3548
|
actions: _reduxjs_toolkit.CaseReducerActions<CaseReducers, Name> & AsyncActions;
|
|
3549
3549
|
subscribe: <SelectorR = State extends Draft<infer S> ? S : State>(cb: (state: SelectorR) => void, selector?: (state: State) => SelectorR) => Unsubscribe;
|
|
3550
|
-
"__#
|
|
3551
|
-
"__#
|
|
3550
|
+
"__#12014@#logger": Logger;
|
|
3551
|
+
"__#12014@#wrapLogger"(logger: Partial<Logger>): Logger;
|
|
3552
3552
|
logger: Logger;
|
|
3553
3553
|
onLogEvent(logLevel: "error" | "warn" | "info" | "debug", data: any[]): void;
|
|
3554
3554
|
accessKey: string;
|
|
@@ -3875,8 +3875,8 @@ declare const formMixin: <T extends CustomElementConstructor>(superclass: T) =>
|
|
|
3875
3875
|
getFormFieldNames(rootEle: ElementOrEmpty): string[];
|
|
3876
3876
|
disableFormField(rootEle: ElementOrEmpty, name: string): void;
|
|
3877
3877
|
removeFormField(rootEle: ElementOrEmpty, name: string): void;
|
|
3878
|
-
"__#
|
|
3879
|
-
"__#
|
|
3878
|
+
"__#12014@#logger": Logger;
|
|
3879
|
+
"__#12014@#wrapLogger"(logger: Partial<Logger>): Logger;
|
|
3880
3880
|
logger: Logger;
|
|
3881
3881
|
onLogEvent(logLevel: "error" | "warn" | "info" | "debug", data: any[]): void;
|
|
3882
3882
|
accessKey: string;
|
|
@@ -4511,7 +4511,7 @@ declare const initElementMixin: <T extends CustomElementConstructor>(superclass:
|
|
|
4511
4511
|
|
|
4512
4512
|
declare const initLifecycleMixin: <T extends CustomElementConstructor>(superclass: T) => {
|
|
4513
4513
|
new (...params: any[]): {
|
|
4514
|
-
"__#
|
|
4514
|
+
"__#12015@#isInit": boolean;
|
|
4515
4515
|
connectedCallback(): void;
|
|
4516
4516
|
init(): Promise<void>;
|
|
4517
4517
|
accessKey: string;
|
|
@@ -4829,12 +4829,12 @@ declare const initLifecycleMixin: <T extends CustomElementConstructor>(superclas
|
|
|
4829
4829
|
declare const projectIdMixin: <T extends CustomElementConstructor>(superclass: T) => {
|
|
4830
4830
|
new (...args: any): {
|
|
4831
4831
|
readonly projectId: string;
|
|
4832
|
-
"__#
|
|
4832
|
+
"__#12017@#handleError"(attrName: string, newValue: string): void;
|
|
4833
4833
|
init(): Promise<void>;
|
|
4834
|
-
"__#
|
|
4834
|
+
"__#12016@#observeMappings": {};
|
|
4835
4835
|
observeAttribute(attrName: string, onAttrChange: (attrName: string, value: string) => void): () => any;
|
|
4836
4836
|
observeAttributes(attrs: string[], cb: (attrName: string, value: string) => void): () => void;
|
|
4837
|
-
"__#
|
|
4837
|
+
"__#12015@#isInit": boolean;
|
|
4838
4838
|
connectedCallback: (() => void) & (() => void) & (() => void);
|
|
4839
4839
|
accessKey: string;
|
|
4840
4840
|
readonly accessKeyLabel: string;
|
|
@@ -5145,8 +5145,8 @@ declare const projectIdMixin: <T extends CustomElementConstructor>(superclass: T
|
|
|
5145
5145
|
tabIndex: number;
|
|
5146
5146
|
blur(): void;
|
|
5147
5147
|
focus(options?: FocusOptions): void;
|
|
5148
|
-
"__#
|
|
5149
|
-
"__#
|
|
5148
|
+
"__#12014@#logger": Logger;
|
|
5149
|
+
"__#12014@#wrapLogger": ((logger: Partial<Logger>) => Logger) & ((logger: Partial<Logger>) => Logger);
|
|
5150
5150
|
logger: Logger;
|
|
5151
5151
|
onLogEvent: ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void);
|
|
5152
5152
|
};
|
package/dist/index.esm.js
CHANGED
|
@@ -570,6 +570,20 @@ const loadFont = (url) => {
|
|
|
570
570
|
font.rel = 'stylesheet';
|
|
571
571
|
document.head.appendChild(font);
|
|
572
572
|
};
|
|
573
|
+
const loadDevTheme = async () => {
|
|
574
|
+
const componentsUrl = localStorage.getItem(UI_COMPONENTS_URL_KEY);
|
|
575
|
+
const descopeDevUrl = componentsUrl === null || componentsUrl === void 0 ? void 0 : componentsUrl.replace(/[^\/]+$/, 'DescopeDev.js');
|
|
576
|
+
// eslint-disable-next-line no-console
|
|
577
|
+
console.warn('Trying to load DescopeDev.js from', descopeDevUrl);
|
|
578
|
+
await import(descopeDevUrl);
|
|
579
|
+
if (globalThis.DescopeDev) {
|
|
580
|
+
const { themeToStyle, defaultTheme, darkTheme } = globalThis.DescopeDev;
|
|
581
|
+
return {
|
|
582
|
+
light: themeToStyle(defaultTheme),
|
|
583
|
+
dark: themeToStyle(darkTheme),
|
|
584
|
+
};
|
|
585
|
+
}
|
|
586
|
+
};
|
|
573
587
|
|
|
574
588
|
const themeValidation = (_, theme) => (theme || false) &&
|
|
575
589
|
theme !== 'light' &&
|
|
@@ -611,8 +625,28 @@ const themeMixin = createSingletonMixin((superclass) => {
|
|
|
611
625
|
_ThemeMixinClass_instances = new WeakSet(),
|
|
612
626
|
_ThemeMixinClass_fetchTheme = async function _ThemeMixinClass_fetchTheme() {
|
|
613
627
|
try {
|
|
614
|
-
const { body } = await this.fetchStaticResource(THEME_FILENAME, 'json');
|
|
615
|
-
|
|
628
|
+
const { body: fetchedTheme } = await this.fetchStaticResource(THEME_FILENAME, 'json');
|
|
629
|
+
// In development mode, we sometimes want to override the UI components URL
|
|
630
|
+
// The override components might have a different theme, so we need to merge it with the project theme in order to see the components correctly
|
|
631
|
+
if (process.env.NODE_ENV === 'development') {
|
|
632
|
+
if (localStorage === null || localStorage === void 0 ? void 0 : localStorage.getItem(UI_COMPONENTS_URL_KEY)) {
|
|
633
|
+
try {
|
|
634
|
+
this.logger.warn('You are in DEV mode, and UI components override URL was found\ntrying to merge project theme with the default theme of the UI components');
|
|
635
|
+
const devTheme = await loadDevTheme();
|
|
636
|
+
if (devTheme) {
|
|
637
|
+
fetchedTheme.light.components = Object.assign(Object.assign({}, devTheme.light.components), fetchedTheme.light.components);
|
|
638
|
+
fetchedTheme.dark.components = Object.assign(Object.assign({}, devTheme.dark.components), fetchedTheme.dark.components);
|
|
639
|
+
this.logger.warn('Theme was merged successfully');
|
|
640
|
+
// eslint-disable-next-line no-console
|
|
641
|
+
console.log('%cNOTICE! This is not the theme that will be used in production!\n\nMake sure to test it without the override UI components URL!', 'color: black; background-color:yellow; font-size: x-large');
|
|
642
|
+
}
|
|
643
|
+
}
|
|
644
|
+
catch (e) {
|
|
645
|
+
this.logger.error('Failed to merge UI components theme\n', e);
|
|
646
|
+
}
|
|
647
|
+
}
|
|
648
|
+
}
|
|
649
|
+
return fetchedTheme;
|
|
616
650
|
}
|
|
617
651
|
catch (e) {
|
|
618
652
|
this.logger.error('Cannot fetch theme file', 'make sure that your projectId & flowId are correct');
|