@wlloyalty/wll-react-sdk 1.0.97 → 1.0.99

package/dist/native.js

@@ -1680,11 +1680,14 @@ var validateTheme = function (theme) {
         'surfaceText',
         'text',
     ];
-    // fontFamily is optional - it has a default value in defaultTheme
-    // 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);
+        console.warn('Theme validation failed. Missing or invalid colors:', missingOrInvalidColors.map(function (color) { return ({
+            color: color,
+            value: theme[color],
+            exists: !!theme[color],
+            isValid: theme[color] ? isValidColor(theme[color]) : false,
+        }); }));
     }
     return missingOrInvalidColors.length === 0;
 };
@@ -1695,7 +1698,11 @@ var validateTheme = function (theme) {
  */
 var createSafeColor = function (color) {
     try {
-        return Color(color);
+        var colorInstance = Color(color);
+        console.log('Original color:', color);
+        console.log('Color instance toString:', colorInstance.toString());
+        console.log('Color instance hex:', colorInstance.hex());
+        return colorInstance;
     }
     catch (error) {
         console.error("Invalid color value: ".concat(color), error);
@@ -1922,12 +1929,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);
@@ -1946,14 +1947,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) {
@@ -2321,6 +2314,7 @@ var Text = function (_a) {
     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));
 };