@wlloyalty/wll-react-sdk 1.0.96 → 1.0.98

package/dist/native.js

@@ -1678,12 +1678,11 @@ 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]); });
+    var missingOrInvalidColors = requiredColors.filter(function (color) { return !theme[color] || !isValidColor(theme[color]); });
+    return missingOrInvalidColors.length === 0;
 };
 /**
  * Safely creates a Color instance with error handling
@@ -1919,12 +1918,6 @@ function useResponsive() {
 var createTheme = function (baseTheme) {
     if (baseTheme === void 0) { baseTheme = {}; }
     var mergedTheme = __assign(__assign({}, defaultTheme), baseTheme);
-    // 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);
@@ -1943,14 +1936,6 @@ var WllSdkProvider = function (_a) {
         if (!validateTheme(themeToUse)) {
             console.warn('Invalid theme provided. Some required colors are missing or invalid.');
         }
-        // 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) {
@@ -2315,13 +2300,11 @@ 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,
+    };
+    // NOTE: We must apply fontFamily as base style to ensure it's always applied
+    return jsxRuntimeExports.jsx(reactNative.Text, __assign({ style: [baseTextStyle, variantStyle, style] }, props));
 };
 
 var MAX_WIDTH = 1080;
@@ -3527,10 +3510,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,
         },
     });
 };