@wlloyalty/wll-react-sdk 1.0.96 → 1.0.98

package/dist/web.js

@@ -8228,11 +8228,12 @@ var isValidColor = function (color) {
  * @returns Boolean indicating if theme is valid
  */
 var validateTheme = function (theme) {
-  var requiredColors = ['accent', 'background', 'primary', 'surface', 'surfaceText', 'positive', 'negative', 'text'];
+  var requiredColors = ['accent', 'background', 'primary', 'surface', 'surfaceText', '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
@@ -8458,12 +8459,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),
@@ -8499,14 +8494,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) {
@@ -18915,10 +18902,12 @@ var Text = function (_a) {
     }
   };
   var variantStyle = getVariantStyle(variant);
+  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: [variantStyle, style, {
-      fontFamily: theme.fontFamily
-    }]
+    style: [baseTextStyle, variantStyle, style]
   }, props));
 };
 
@@ -20397,11 +20386,13 @@ var useSectionHeaderStyles = function () {
       fontSize: useResponsiveValue(theme.sizes.xxxl, theme.sizes.xl, isDesktop, isTablet),
       marginBottom: useResponsiveValue(theme.sizes.xxs, theme.sizes.xxxs, isDesktop, isTablet),
       fontWeight: '700',
-      color: theme.text
+      color: theme.text,
+      fontFamily: theme.fontFamily
     },
     sectionDescription: {
       fontSize: useResponsiveValue(theme.sizes.xxl, theme.sizes.md, isDesktop, isTablet),
-      color: theme.alphaDerivedText[80]
+      color: theme.alphaDerivedText[80],
+      fontFamily: theme.fontFamily
     }
   });
 };