@wlloyalty/wll-react-sdk 1.0.93 → 1.0.95

package/dist/index.d.ts

@@ -256,6 +256,7 @@ type DerivedColors = {
 };
 type DesaturationType = BadgeTileType.Specific | BadgeTileType.Latest;
 type BaseThemeObject = {
+    fontFamily: string;
     accent: string;
     background: string;
     errorPrimary: string;

package/dist/native.js

@@ -1620,6 +1620,7 @@ var commonStyles = reactNative.StyleSheet.create({
     },
 });
 var defaultTheme = {
+    fontFamily: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif',
     background: '#F0F0F0',
     text: '#000000',
     primary: '#392ed7',
@@ -1681,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]); });
 };
 /**
@@ -1917,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);
@@ -1935,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) {
@@ -2299,7 +2319,13 @@ var Text = function (_a) {
         }
     };
     var variantStyle = getVariantStyle(variant);
-    return jsxRuntimeExports.jsx(reactNative.Text, __assign({ style: [variantStyle, style] }, props));
+    return (jsxRuntimeExports.jsx(reactNative.Text, __assign({ style: [
+            variantStyle,
+            style,
+            {
+                fontFamily: theme.fontFamily,
+            },
+        ] }, props)));
 };
 
 var MAX_WIDTH = 1080;