@wlloyalty/wll-react-sdk 1.0.97 → 1.0.99

package/dist/web.js

@@ -8229,13 +8229,18 @@ var isValidColor = function (color) {
  */
 var validateTheme = function (theme) {
   var requiredColors = ['accent', 'background', 'primary', 'surface', '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;
 };
@@ -8246,7 +8251,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);
     return null;
@@ -8463,12 +8472,6 @@ var createTheme = function (baseTheme) {
     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),
@@ -8504,14 +8507,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) {
@@ -18923,6 +18918,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 /*#__PURE__*/React__namespace.createElement(Text$3, __assign({
     style: [baseTextStyle, variantStyle, style]
   }, props));