@wlloyalty/wll-react-sdk 1.0.95 → 1.0.97

package/dist/native.js

@@ -1678,12 +1678,15 @@ var validateTheme = function (theme) {
         'primary',
         'surface',
         'surfaceText',
-        'positive',
-        'negative',
         'text',
     ];
     // fontFamily is optional - it has a default value in defaultTheme
-    return requiredColors.every(function (color) { return theme[color] && isValidColor(theme[color]); });
+    // Log missing or invalid colors for debugging
+    var missingOrInvalidColors = requiredColors.filter(function (color) { return !theme[color] || !isValidColor(theme[color]); });
+    if (missingOrInvalidColors.length > 0) {
+        console.warn('[WLL SDK] Missing or invalid required colors:', missingOrInvalidColors);
+    }
+    return missingOrInvalidColors.length === 0;
 };
 /**
  * Safely creates a Color instance with error handling
@@ -1919,14 +1922,12 @@ 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
-        });
-    }
+    // Always log theme information to help with debugging
+    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);
@@ -1945,16 +1946,14 @@ 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'
-            });
-        }
+        // Always log theme updates to help with debugging
+        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) {
@@ -2319,13 +2318,10 @@ var Text = function (_a) {
         }
     };
     var variantStyle = getVariantStyle(variant);
-    return (jsxRuntimeExports.jsx(reactNative.Text, __assign({ style: [
-            variantStyle,
-            style,
-            {
-                fontFamily: theme.fontFamily,
-            },
-        ] }, props)));
+    var baseTextStyle = {
+        fontFamily: theme.fontFamily,
+    };
+    return jsxRuntimeExports.jsx(reactNative.Text, __assign({ style: [baseTextStyle, variantStyle, style] }, props));
 };
 
 var MAX_WIDTH = 1080;
@@ -3531,10 +3527,12 @@ var useSectionHeaderStyles = function () {
             marginBottom: useResponsiveValue(theme.sizes.xxs, theme.sizes.xxxs, isDesktop, isTablet),
             fontWeight: '700',
             color: theme.text,
+            fontFamily: theme.fontFamily,
         },
         sectionDescription: {
             fontSize: useResponsiveValue(theme.sizes.xxl, theme.sizes.md, isDesktop, isTablet),
             color: theme.alphaDerivedText[80],
+            fontFamily: theme.fontFamily,
         },
     });
 };