@nocios/crudify-ui 1.2.16 → 1.2.20
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.
|
@@ -32,13 +32,17 @@ var _ConfigurationManager = class _ConfigurationManager {
|
|
|
32
32
|
* Resolve configuration from all sources with proper priority
|
|
33
33
|
*/
|
|
34
34
|
resolveConfig(propsConfig = {}) {
|
|
35
|
+
console.log("\u{1F50D} ConfigurationManager - resolveConfig called with props:", propsConfig);
|
|
35
36
|
if (this.resolvedConfig && this.isConfigStillValid(propsConfig)) {
|
|
37
|
+
console.log("\u{1F50D} ConfigurationManager - Using cached config");
|
|
36
38
|
return this.resolvedConfig;
|
|
37
39
|
}
|
|
38
40
|
try {
|
|
39
41
|
this.configError = null;
|
|
40
42
|
const envConfig = this.getEnvConfig();
|
|
41
43
|
const cookieConfig = this.getCookieConfig();
|
|
44
|
+
console.log("\u{1F50D} ConfigurationManager - envConfig:", envConfig);
|
|
45
|
+
console.log("\u{1F50D} ConfigurationManager - cookieConfig:", cookieConfig);
|
|
42
46
|
const configSource = {
|
|
43
47
|
env: "default",
|
|
44
48
|
publicApiKey: "default",
|
|
@@ -53,6 +57,10 @@ var _ConfigurationManager = class _ConfigurationManager {
|
|
|
53
57
|
const appName = this.resolveValue("appName", propsConfig.appName, envConfig.appName, cookieConfig.appName, "Crudify App", configSource);
|
|
54
58
|
const logo = this.resolveValue("logo", propsConfig.logo, envConfig.logo, cookieConfig.logo, "", configSource);
|
|
55
59
|
const colors = this.resolveValue("colors", propsConfig.colors, envConfig.colors, cookieConfig.colors, {}, configSource);
|
|
60
|
+
console.log("\u{1F50D} ConfigurationManager - Resolved values:");
|
|
61
|
+
console.log(" - publicApiKey:", publicApiKey, "from:", configSource.publicApiKey);
|
|
62
|
+
console.log(" - env:", env, "from:", configSource.env);
|
|
63
|
+
console.log(" - loginActions:", loginActions, "from:", configSource.loginActions);
|
|
56
64
|
if (!publicApiKey) {
|
|
57
65
|
throw new Error(
|
|
58
66
|
"publicApiKey es requerido. Proporci\xF3nalo v\xEDa:\n1. Props: <CrudifyDataProvider publicApiKey={...} />\n2. Variable de entorno: VITE_TEST_PUBLIC_API_KEY\n3. Cookie: publicApiKey"
|
|
@@ -945,6 +953,14 @@ var CrudifyDataProvider = ({
|
|
|
945
953
|
logo,
|
|
946
954
|
colors
|
|
947
955
|
}) => {
|
|
956
|
+
console.log("\u{1F50D} CrudifyDataProvider - Received props:", {
|
|
957
|
+
env,
|
|
958
|
+
publicApiKey,
|
|
959
|
+
loginActions,
|
|
960
|
+
appName,
|
|
961
|
+
logo,
|
|
962
|
+
colors
|
|
963
|
+
});
|
|
948
964
|
const [config, setConfig] = useState(null);
|
|
949
965
|
const [isConfigured, setIsConfigured] = useState(false);
|
|
950
966
|
const [configError, setConfigError] = useState(null);
|
package/dist/index.js
CHANGED
|
@@ -189,13 +189,17 @@ var init_ConfigurationManager = __esm({
|
|
|
189
189
|
* Resolve configuration from all sources with proper priority
|
|
190
190
|
*/
|
|
191
191
|
resolveConfig(propsConfig = {}) {
|
|
192
|
+
console.log("\u{1F50D} ConfigurationManager - resolveConfig called with props:", propsConfig);
|
|
192
193
|
if (this.resolvedConfig && this.isConfigStillValid(propsConfig)) {
|
|
194
|
+
console.log("\u{1F50D} ConfigurationManager - Using cached config");
|
|
193
195
|
return this.resolvedConfig;
|
|
194
196
|
}
|
|
195
197
|
try {
|
|
196
198
|
this.configError = null;
|
|
197
199
|
const envConfig = this.getEnvConfig();
|
|
198
200
|
const cookieConfig = this.getCookieConfig();
|
|
201
|
+
console.log("\u{1F50D} ConfigurationManager - envConfig:", envConfig);
|
|
202
|
+
console.log("\u{1F50D} ConfigurationManager - cookieConfig:", cookieConfig);
|
|
199
203
|
const configSource = {
|
|
200
204
|
env: "default",
|
|
201
205
|
publicApiKey: "default",
|
|
@@ -210,6 +214,10 @@ var init_ConfigurationManager = __esm({
|
|
|
210
214
|
const appName = this.resolveValue("appName", propsConfig.appName, envConfig.appName, cookieConfig.appName, "Crudify App", configSource);
|
|
211
215
|
const logo = this.resolveValue("logo", propsConfig.logo, envConfig.logo, cookieConfig.logo, "", configSource);
|
|
212
216
|
const colors = this.resolveValue("colors", propsConfig.colors, envConfig.colors, cookieConfig.colors, {}, configSource);
|
|
217
|
+
console.log("\u{1F50D} ConfigurationManager - Resolved values:");
|
|
218
|
+
console.log(" - publicApiKey:", publicApiKey, "from:", configSource.publicApiKey);
|
|
219
|
+
console.log(" - env:", env, "from:", configSource.env);
|
|
220
|
+
console.log(" - loginActions:", loginActions, "from:", configSource.loginActions);
|
|
213
221
|
if (!publicApiKey) {
|
|
214
222
|
throw new Error(
|
|
215
223
|
"publicApiKey es requerido. Proporci\xF3nalo v\xEDa:\n1. Props: <CrudifyDataProvider publicApiKey={...} />\n2. Variable de entorno: VITE_TEST_PUBLIC_API_KEY\n3. Cookie: publicApiKey"
|
|
@@ -1029,6 +1037,14 @@ var init_CrudifyDataProvider = __esm({
|
|
|
1029
1037
|
logo,
|
|
1030
1038
|
colors
|
|
1031
1039
|
}) => {
|
|
1040
|
+
console.log("\u{1F50D} CrudifyDataProvider - Received props:", {
|
|
1041
|
+
env,
|
|
1042
|
+
publicApiKey,
|
|
1043
|
+
loginActions,
|
|
1044
|
+
appName,
|
|
1045
|
+
logo,
|
|
1046
|
+
colors
|
|
1047
|
+
});
|
|
1032
1048
|
const [config, setConfig] = (0, import_react5.useState)(null);
|
|
1033
1049
|
const [isConfigured, setIsConfigured] = (0, import_react5.useState)(false);
|
|
1034
1050
|
const [configError, setConfigError] = (0, import_react5.useState)(null);
|
|
@@ -1365,13 +1381,18 @@ var CrudifyProvider = ({ config, children }) => {
|
|
|
1365
1381
|
const [error, setError] = (0, import_react3.useState)(null);
|
|
1366
1382
|
const [isInitialized, setIsInitialized] = (0, import_react3.useState)(false);
|
|
1367
1383
|
const [initializationKey, setInitializationKey] = (0, import_react3.useState)("");
|
|
1384
|
+
console.log("\u{1F50D} CrudifyProvider - Received config:", config);
|
|
1368
1385
|
(0, import_react3.useEffect)(() => {
|
|
1386
|
+
console.log("\u{1F50D} CrudifyProvider - useEffect - config.publicApiKey:", config.publicApiKey);
|
|
1387
|
+
console.log("\u{1F50D} CrudifyProvider - useEffect - full config:", config);
|
|
1369
1388
|
if (!config.publicApiKey) {
|
|
1389
|
+
console.log("\u274C CrudifyProvider - No publicApiKey provided, setting error");
|
|
1370
1390
|
setError("No publicApiKey provided");
|
|
1371
1391
|
setIsLoading(false);
|
|
1372
1392
|
setIsInitialized(false);
|
|
1373
1393
|
return;
|
|
1374
1394
|
}
|
|
1395
|
+
console.log("\u2705 CrudifyProvider - publicApiKey found, proceeding with initialization");
|
|
1375
1396
|
const currentKey = `${config.publicApiKey}-${config.env}`;
|
|
1376
1397
|
if (currentKey === initializationKey && isInitialized) {
|
|
1377
1398
|
setIsLoading(false);
|
|
@@ -2767,13 +2788,43 @@ var CrudifyInitializer2 = ({ children, fallback }) => {
|
|
|
2767
2788
|
// src/components/CrudifyLogin/hooks/useCrudifyLogin.ts
|
|
2768
2789
|
var import_react10 = require("react");
|
|
2769
2790
|
init_cookies();
|
|
2791
|
+
|
|
2792
|
+
// src/hooks/useCrudifyConfig.ts
|
|
2793
|
+
init_CrudifyDataProvider();
|
|
2794
|
+
var useCrudifyConfig = () => {
|
|
2795
|
+
const {
|
|
2796
|
+
config,
|
|
2797
|
+
isConfigured,
|
|
2798
|
+
configError,
|
|
2799
|
+
configSource,
|
|
2800
|
+
refreshConfig,
|
|
2801
|
+
getDebugInfo
|
|
2802
|
+
} = useCrudifyDataContext();
|
|
2803
|
+
return {
|
|
2804
|
+
config,
|
|
2805
|
+
isConfigured,
|
|
2806
|
+
configError,
|
|
2807
|
+
configSource,
|
|
2808
|
+
rawConfig: config?.rawConfig || {},
|
|
2809
|
+
refreshConfig,
|
|
2810
|
+
getDebugInfo
|
|
2811
|
+
};
|
|
2812
|
+
};
|
|
2813
|
+
|
|
2814
|
+
// src/components/CrudifyLogin/hooks/useCrudifyLogin.ts
|
|
2770
2815
|
var useCrudifyLogin = (config, _options = {}) => {
|
|
2816
|
+
const { config: dataProviderConfig, isConfigured } = useCrudifyConfig();
|
|
2817
|
+
console.log("\u{1F50D} useCrudifyLogin - Input config:", config);
|
|
2818
|
+
console.log("\u{1F50D} useCrudifyLogin - DataProvider config:", dataProviderConfig);
|
|
2819
|
+
console.log("\u{1F50D} useCrudifyLogin - IsConfigured:", isConfigured);
|
|
2771
2820
|
const finalConfig = (0, import_react10.useMemo)(() => {
|
|
2772
|
-
const publicApiKey = config.publicApiKey || getCookie("publicApiKey") || null;
|
|
2773
|
-
|
|
2821
|
+
const publicApiKey = config.publicApiKey || (isConfigured ? dataProviderConfig?.publicApiKey : null) || getCookie("publicApiKey") || null;
|
|
2822
|
+
console.log("\u{1F50D} useCrudifyLogin - Resolved publicApiKey:", publicApiKey);
|
|
2823
|
+
console.log("\u{1F50D} useCrudifyLogin - Sources - props:", config.publicApiKey, "dataProvider:", dataProviderConfig?.publicApiKey, "cookie:", getCookie("publicApiKey"));
|
|
2824
|
+
const rawEnv = config.env || (isConfigured ? dataProviderConfig?.env : null) || getCookie("environment") || "prod";
|
|
2774
2825
|
const env = ["dev", "stg", "prod"].includes(rawEnv) ? rawEnv : "prod";
|
|
2775
|
-
const appName = config.appName || getCookie("appName") || "Crudia";
|
|
2776
|
-
const loginActions = config.loginActions || (() => {
|
|
2826
|
+
const appName = config.appName || (isConfigured ? dataProviderConfig?.appName : null) || getCookie("appName") || "Crudia";
|
|
2827
|
+
const loginActions = config.loginActions || (isConfigured ? dataProviderConfig?.loginActions : null) || (() => {
|
|
2777
2828
|
try {
|
|
2778
2829
|
const cookieValue = getCookie("loginActions");
|
|
2779
2830
|
return cookieValue ? cookieValue.split(",").map((action) => action.trim()).filter(Boolean) : [];
|
|
@@ -2781,13 +2832,15 @@ var useCrudifyLogin = (config, _options = {}) => {
|
|
|
2781
2832
|
return [];
|
|
2782
2833
|
}
|
|
2783
2834
|
})();
|
|
2784
|
-
|
|
2835
|
+
const finalResult = {
|
|
2785
2836
|
publicApiKey,
|
|
2786
2837
|
env,
|
|
2787
2838
|
appName,
|
|
2788
2839
|
loginActions
|
|
2789
2840
|
};
|
|
2790
|
-
|
|
2841
|
+
console.log("\u{1F50D} useCrudifyLogin - Final config result:", finalResult);
|
|
2842
|
+
return finalResult;
|
|
2843
|
+
}, [config, dataProviderConfig, isConfigured]);
|
|
2791
2844
|
return { config: finalConfig };
|
|
2792
2845
|
};
|
|
2793
2846
|
|
|
@@ -3556,28 +3609,6 @@ var useCrudifyData = () => {
|
|
|
3556
3609
|
};
|
|
3557
3610
|
};
|
|
3558
3611
|
|
|
3559
|
-
// src/hooks/useCrudifyConfig.ts
|
|
3560
|
-
init_CrudifyDataProvider();
|
|
3561
|
-
var useCrudifyConfig = () => {
|
|
3562
|
-
const {
|
|
3563
|
-
config,
|
|
3564
|
-
isConfigured,
|
|
3565
|
-
configError,
|
|
3566
|
-
configSource,
|
|
3567
|
-
refreshConfig,
|
|
3568
|
-
getDebugInfo
|
|
3569
|
-
} = useCrudifyDataContext();
|
|
3570
|
-
return {
|
|
3571
|
-
config,
|
|
3572
|
-
isConfigured,
|
|
3573
|
-
configError,
|
|
3574
|
-
configSource,
|
|
3575
|
-
rawConfig: config?.rawConfig || {},
|
|
3576
|
-
refreshConfig,
|
|
3577
|
-
getDebugInfo
|
|
3578
|
-
};
|
|
3579
|
-
};
|
|
3580
|
-
|
|
3581
3612
|
// src/hooks/useCrudifyInstance.ts
|
|
3582
3613
|
var import_react15 = require("react");
|
|
3583
3614
|
var import_crudify_browser7 = __toESM(require("@nocios/crudify-browser"));
|
package/dist/index.mjs
CHANGED
|
@@ -10,7 +10,7 @@ import {
|
|
|
10
10
|
secureSessionStorage,
|
|
11
11
|
tokenManager,
|
|
12
12
|
useCrudifyDataContext
|
|
13
|
-
} from "./chunk-
|
|
13
|
+
} from "./chunk-UAYA54B3.mjs";
|
|
14
14
|
|
|
15
15
|
// src/index.ts
|
|
16
16
|
import { default as default2 } from "@nocios/crudify-browser";
|
|
@@ -117,13 +117,18 @@ var CrudifyProvider = ({ config, children }) => {
|
|
|
117
117
|
const [error, setError] = useState2(null);
|
|
118
118
|
const [isInitialized, setIsInitialized] = useState2(false);
|
|
119
119
|
const [initializationKey, setInitializationKey] = useState2("");
|
|
120
|
+
console.log("\u{1F50D} CrudifyProvider - Received config:", config);
|
|
120
121
|
useEffect2(() => {
|
|
122
|
+
console.log("\u{1F50D} CrudifyProvider - useEffect - config.publicApiKey:", config.publicApiKey);
|
|
123
|
+
console.log("\u{1F50D} CrudifyProvider - useEffect - full config:", config);
|
|
121
124
|
if (!config.publicApiKey) {
|
|
125
|
+
console.log("\u274C CrudifyProvider - No publicApiKey provided, setting error");
|
|
122
126
|
setError("No publicApiKey provided");
|
|
123
127
|
setIsLoading(false);
|
|
124
128
|
setIsInitialized(false);
|
|
125
129
|
return;
|
|
126
130
|
}
|
|
131
|
+
console.log("\u2705 CrudifyProvider - publicApiKey found, proceeding with initialization");
|
|
127
132
|
const currentKey = `${config.publicApiKey}-${config.env}`;
|
|
128
133
|
if (currentKey === initializationKey && isInitialized) {
|
|
129
134
|
setIsLoading(false);
|
|
@@ -1515,13 +1520,42 @@ var CrudifyInitializer = ({ children, fallback }) => {
|
|
|
1515
1520
|
|
|
1516
1521
|
// src/components/CrudifyLogin/hooks/useCrudifyLogin.ts
|
|
1517
1522
|
import { useMemo as useMemo2 } from "react";
|
|
1523
|
+
|
|
1524
|
+
// src/hooks/useCrudifyConfig.ts
|
|
1525
|
+
var useCrudifyConfig = () => {
|
|
1526
|
+
const {
|
|
1527
|
+
config,
|
|
1528
|
+
isConfigured,
|
|
1529
|
+
configError,
|
|
1530
|
+
configSource,
|
|
1531
|
+
refreshConfig,
|
|
1532
|
+
getDebugInfo
|
|
1533
|
+
} = useCrudifyDataContext();
|
|
1534
|
+
return {
|
|
1535
|
+
config,
|
|
1536
|
+
isConfigured,
|
|
1537
|
+
configError,
|
|
1538
|
+
configSource,
|
|
1539
|
+
rawConfig: config?.rawConfig || {},
|
|
1540
|
+
refreshConfig,
|
|
1541
|
+
getDebugInfo
|
|
1542
|
+
};
|
|
1543
|
+
};
|
|
1544
|
+
|
|
1545
|
+
// src/components/CrudifyLogin/hooks/useCrudifyLogin.ts
|
|
1518
1546
|
var useCrudifyLogin = (config, _options = {}) => {
|
|
1547
|
+
const { config: dataProviderConfig, isConfigured } = useCrudifyConfig();
|
|
1548
|
+
console.log("\u{1F50D} useCrudifyLogin - Input config:", config);
|
|
1549
|
+
console.log("\u{1F50D} useCrudifyLogin - DataProvider config:", dataProviderConfig);
|
|
1550
|
+
console.log("\u{1F50D} useCrudifyLogin - IsConfigured:", isConfigured);
|
|
1519
1551
|
const finalConfig = useMemo2(() => {
|
|
1520
|
-
const publicApiKey = config.publicApiKey || getCookie("publicApiKey") || null;
|
|
1521
|
-
|
|
1552
|
+
const publicApiKey = config.publicApiKey || (isConfigured ? dataProviderConfig?.publicApiKey : null) || getCookie("publicApiKey") || null;
|
|
1553
|
+
console.log("\u{1F50D} useCrudifyLogin - Resolved publicApiKey:", publicApiKey);
|
|
1554
|
+
console.log("\u{1F50D} useCrudifyLogin - Sources - props:", config.publicApiKey, "dataProvider:", dataProviderConfig?.publicApiKey, "cookie:", getCookie("publicApiKey"));
|
|
1555
|
+
const rawEnv = config.env || (isConfigured ? dataProviderConfig?.env : null) || getCookie("environment") || "prod";
|
|
1522
1556
|
const env = ["dev", "stg", "prod"].includes(rawEnv) ? rawEnv : "prod";
|
|
1523
|
-
const appName = config.appName || getCookie("appName") || "Crudia";
|
|
1524
|
-
const loginActions = config.loginActions || (() => {
|
|
1557
|
+
const appName = config.appName || (isConfigured ? dataProviderConfig?.appName : null) || getCookie("appName") || "Crudia";
|
|
1558
|
+
const loginActions = config.loginActions || (isConfigured ? dataProviderConfig?.loginActions : null) || (() => {
|
|
1525
1559
|
try {
|
|
1526
1560
|
const cookieValue = getCookie("loginActions");
|
|
1527
1561
|
return cookieValue ? cookieValue.split(",").map((action) => action.trim()).filter(Boolean) : [];
|
|
@@ -1529,13 +1563,15 @@ var useCrudifyLogin = (config, _options = {}) => {
|
|
|
1529
1563
|
return [];
|
|
1530
1564
|
}
|
|
1531
1565
|
})();
|
|
1532
|
-
|
|
1566
|
+
const finalResult = {
|
|
1533
1567
|
publicApiKey,
|
|
1534
1568
|
env,
|
|
1535
1569
|
appName,
|
|
1536
1570
|
loginActions
|
|
1537
1571
|
};
|
|
1538
|
-
|
|
1572
|
+
console.log("\u{1F50D} useCrudifyLogin - Final config result:", finalResult);
|
|
1573
|
+
return finalResult;
|
|
1574
|
+
}, [config, dataProviderConfig, isConfigured]);
|
|
1539
1575
|
return { config: finalConfig };
|
|
1540
1576
|
};
|
|
1541
1577
|
|
|
@@ -2324,27 +2360,6 @@ var useCrudifyData = () => {
|
|
|
2324
2360
|
};
|
|
2325
2361
|
};
|
|
2326
2362
|
|
|
2327
|
-
// src/hooks/useCrudifyConfig.ts
|
|
2328
|
-
var useCrudifyConfig = () => {
|
|
2329
|
-
const {
|
|
2330
|
-
config,
|
|
2331
|
-
isConfigured,
|
|
2332
|
-
configError,
|
|
2333
|
-
configSource,
|
|
2334
|
-
refreshConfig,
|
|
2335
|
-
getDebugInfo
|
|
2336
|
-
} = useCrudifyDataContext();
|
|
2337
|
-
return {
|
|
2338
|
-
config,
|
|
2339
|
-
isConfigured,
|
|
2340
|
-
configError,
|
|
2341
|
-
configSource,
|
|
2342
|
-
rawConfig: config?.rawConfig || {},
|
|
2343
|
-
refreshConfig,
|
|
2344
|
-
getDebugInfo
|
|
2345
|
-
};
|
|
2346
|
-
};
|
|
2347
|
-
|
|
2348
2363
|
// src/hooks/useCrudifyInstance.ts
|
|
2349
2364
|
import { useCallback as useCallback4 } from "react";
|
|
2350
2365
|
import crudify5 from "@nocios/crudify-browser";
|
|
@@ -2370,7 +2385,7 @@ var useCrudifyInstance = () => {
|
|
|
2370
2385
|
}
|
|
2371
2386
|
try {
|
|
2372
2387
|
console.log("\u{1F504} useCrudifyInstance - waitForReady: Using CrudifyInitializer.waitForInitialization()");
|
|
2373
|
-
const { crudifyInitializer: crudifyInitializer2 } = await import("./CrudifyDataProvider-
|
|
2388
|
+
const { crudifyInitializer: crudifyInitializer2 } = await import("./CrudifyDataProvider-VQUGF4OL.mjs");
|
|
2374
2389
|
await crudifyInitializer2.waitForInitialization();
|
|
2375
2390
|
console.log("\u2705 useCrudifyInstance - waitForReady: CrudifyInitializer completed");
|
|
2376
2391
|
if (!crudifyInitializer2.isReady()) {
|
|
@@ -2512,7 +2527,7 @@ var useCrudifyInstance = () => {
|
|
|
2512
2527
|
};
|
|
2513
2528
|
var getCrudifyInstanceAsync = async () => {
|
|
2514
2529
|
console.log("\u{1F504} getCrudifyInstanceAsync - Starting");
|
|
2515
|
-
const { crudifyInitializer: crudifyInitializer2 } = await import("./CrudifyDataProvider-
|
|
2530
|
+
const { crudifyInitializer: crudifyInitializer2 } = await import("./CrudifyDataProvider-VQUGF4OL.mjs");
|
|
2516
2531
|
console.log("\u{1F504} getCrudifyInstanceAsync - Checking if ready");
|
|
2517
2532
|
console.log(" - crudifyInitializer.isReady():", crudifyInitializer2.isReady());
|
|
2518
2533
|
console.log(" - crudifyInitializer.getStatus():", crudifyInitializer2.getStatus());
|
|
@@ -2531,7 +2546,7 @@ var getCrudifyInstanceAsync = async () => {
|
|
|
2531
2546
|
return crudify5;
|
|
2532
2547
|
};
|
|
2533
2548
|
var getCrudifyInstanceSync = async () => {
|
|
2534
|
-
const { crudifyInitializer: crudifyInitializer2 } = await import("./CrudifyDataProvider-
|
|
2549
|
+
const { crudifyInitializer: crudifyInitializer2 } = await import("./CrudifyDataProvider-VQUGF4OL.mjs");
|
|
2535
2550
|
if (!crudifyInitializer2.isReady()) {
|
|
2536
2551
|
throw new Error("Crudify not ready. Use getCrudifyInstanceAsync() or call this from within a React component using useCrudifyInstance()");
|
|
2537
2552
|
}
|