@wlloyalty/wll-react-sdk 1.0.94 → 1.0.95

package/dist/native.js

@@ -1682,6 +1682,7 @@ var validateTheme = function (theme) {
         'negative',
         'text',
     ];
+    // fontFamily is optional - it has a default value in defaultTheme
     return requiredColors.every(function (color) { return theme[color] && isValidColor(theme[color]); });
 };
 /**
@@ -1918,6 +1919,14 @@ function useResponsive() {
 var createTheme = function (baseTheme) {
     if (baseTheme === void 0) { baseTheme = {}; }
     var mergedTheme = __assign(__assign({}, defaultTheme), baseTheme);
+    // Development mode logging for theme verification
+    if (__DEV__) {
+        console.debug('[WLL SDK] Theme created:', {
+            fontFamily: mergedTheme.fontFamily,
+            baseTheme: baseTheme === null || baseTheme === void 0 ? void 0 : baseTheme.fontFamily,
+            defaultTheme: defaultTheme.fontFamily
+        });
+    }
     return __assign(__assign({}, mergedTheme), { sizes: sizes, derivedBackground: getDerivedColor(mergedTheme.background), primaryText: getReadableTextColor(mergedTheme.primary), accentText: getReadableTextColor(mergedTheme.accent), positiveText: getReadableTextColor(mergedTheme.positive), negativeText: getReadableTextColor(mergedTheme.negative), derivedSurface: getDerivedColorPercentages(mergedTheme.surface), derivedSurfaceText: getDerivedColorPercentages(mergedTheme.surfaceText), alphaDerivedPrimary: getAlphaDerivedColors(mergedTheme.primary), alphaDerivedText: getAlphaDerivedColors(mergedTheme.text) });
 };
 var WllSdkContext = React.createContext(undefined);
@@ -1936,6 +1945,16 @@ var WllSdkProvider = function (_a) {
         if (!validateTheme(themeToUse)) {
             console.warn('Invalid theme provided. Some required colors are missing or invalid.');
         }
+        // Development mode logging for theme updates
+        if (__DEV__) {
+            console.debug('[WLL SDK] Theme update details:', {
+                'providedTheme (full)': providedTheme,
+                'themeToUse.fontFamily': themeToUse.fontFamily,
+                'providedTheme.fontFamily': providedTheme === null || providedTheme === void 0 ? void 0 : providedTheme.fontFamily,
+                'defaultTheme.fontFamily': defaultTheme.fontFamily,
+                'providedTheme keys': providedTheme ? Object.keys(providedTheme) : 'none'
+            });
+        }
         setThemeState(createTheme(themeToUse));
     }, [providedTheme]);
     var setTheme = React.useCallback(function (newTheme) {