@wlloyalty/wll-react-sdk 1.0.95 → 1.0.97

package/dist/web.js

@@ -6599,7 +6599,7 @@ function isPrimaryPointerDown(domEvent) {
  * when touches end and start again.
  */
 
-var __DEV__$5 = process.env.NODE_ENV !== 'production';
+var __DEV__$4 = process.env.NODE_ENV !== 'production';
 var MAX_TOUCH_BANK = 20;
 function timestampForTouch(touch) {
   // The legacy internal implementation provides "timeStamp", which has been
@@ -6642,7 +6642,7 @@ function getTouchIdentifier(_ref) {
   if (identifier == null) {
     console.error('Touch object is missing identifier.');
   }
-  if (__DEV__$5) {
+  if (__DEV__$4) {
     if (identifier > MAX_TOUCH_BANK) {
       console.error('Touch identifier %s is greater than maximum supported %s which causes ' + 'performance issues backfilling array locations for all of the indices.', identifier, MAX_TOUCH_BANK);
     }
@@ -6740,7 +6740,7 @@ class ResponderTouchHistoryStore {
             break;
           }
         }
-        if (__DEV__$5) {
+        if (__DEV__$4) {
           var activeRecord = touchBank[touchHistory.indexOfSingleActiveTouch];
           if (!(activeRecord != null && activeRecord.touchActive)) {
             console.error('Cannot find single active touch.');
@@ -8228,11 +8228,16 @@ 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]);
+  // 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);
+  }
+  return missingOrInvalidColors.length === 0;
 };
 /**
  * Safely creates a Color instance with error handling
@@ -8458,14 +8463,12 @@ var createTheme = function (baseTheme) {
     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
-    });
-  }
+  // 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),
@@ -8501,16 +8504,14 @@ 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'
-      });
-    }
+    // 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) {
@@ -10932,9 +10933,9 @@ function _isEntirelyVisible(top, bottom, viewportHeight) {
 }
 var ViewabilityHelper$1 = ViewabilityHelper;
 
-var __DEV__$4 = process.env.NODE_ENV !== 'production';
+var __DEV__$3 = process.env.NODE_ENV !== 'production';
 var VirtualizedListContext = /*#__PURE__*/React__namespace.createContext(null);
-if (__DEV__$4) {
+if (__DEV__$3) {
   VirtualizedListContext.displayName = 'VirtualizedListContext';
 }
 
@@ -11304,7 +11305,7 @@ Object.defineProperty(nullthrows$2.exports, '__esModule', {value: true});
 var nullthrowsExports = nullthrows$2.exports;
 var nullthrows$1 = /*@__PURE__*/getDefaultExportFromCjs(nullthrowsExports);
 
-var __DEV__$3 = process.env.NODE_ENV !== 'production';
+var __DEV__$2 = process.env.NODE_ENV !== 'production';
 var ON_EDGE_REACHED_EPSILON = 0.001;
 var _usedIndexForKey = false;
 var _keylessItemComponentName = '';
@@ -12013,7 +12014,7 @@ class VirtualizedList extends StateSafePureComponent {
       console.warn("initialScrollIndex \"" + initialScrollIndex + "\" is not valid (list has " + itemCount + " items)");
       this._hasWarned.initialScrollIndex = true;
     }
-    if (__DEV__$3 && !this._hasWarned.flexWrap) {
+    if (__DEV__$2 && !this._hasWarned.flexWrap) {
       // $FlowFixMe[underconstrained-implicit-instantiation]
       var flatStyles = StyleSheet$1.flatten(this.props.contentContainerStyle);
       if (flatStyles != null && flatStyles.flexWrap === 'wrap') {
@@ -13965,7 +13966,7 @@ var AnimatedWithChildren$1 = AnimatedWithChildren;
  * @format
  */
 
-var __DEV__$2 = process.env.NODE_ENV !== 'production';
+var __DEV__$1 = process.env.NODE_ENV !== 'production';
 var linear = t => t;
 
 /**
@@ -13978,7 +13979,7 @@ function createInterpolation(config) {
   }
   var outputRange = config.outputRange;
   var inputRange = config.inputRange;
-  if (__DEV__$2) {
+  if (__DEV__$1) {
     checkInfiniteRange('outputRange', outputRange);
     checkInfiniteRange('inputRange', inputRange);
     checkValidInputRange(inputRange);
@@ -14193,7 +14194,7 @@ class AnimatedInterpolation extends AnimatedWithChildren$1 {
     return range.map(NativeAnimatedHelper.transformDataType);
   }
   __getNativeConfig() {
-    if (__DEV__$2) {
+    if (__DEV__$1) {
       NativeAnimatedHelper.validateInterpolation(this._config);
     }
     return {
@@ -14482,7 +14483,7 @@ var AnimatedValue$1 = AnimatedValue;
  * @format
  */
 
-var __DEV__$1 = process.env.NODE_ENV !== 'production';
+var __DEV__ = process.env.NODE_ENV !== 'production';
 function attachNativeEvent(viewRef, eventName, argMapping) {
   // Find animated values in `argMapping` and create an array representing their
   // key path inside the `nativeEvent` object. Ex.: ['contentOffset', 'x'].
@@ -14576,7 +14577,7 @@ class AnimatedEvent {
   __getHandler() {
     var _this = this;
     if (this.__isNative) {
-      if (__DEV__$1) {
+      if (__DEV__) {
         var _validatedMapping = false;
         return function () {
           for (var _len = arguments.length, args = new Array(_len), _key2 = 0; _key2 < _len; _key2++) {
@@ -14597,7 +14598,7 @@ class AnimatedEvent {
       for (var _len2 = arguments.length, args = new Array(_len2), _key3 = 0; _key3 < _len2; _key3++) {
         args[_key3] = arguments[_key3];
       }
-      if (__DEV__$1 && !validatedMapping) {
+      if (__DEV__ && !validatedMapping) {
         validateMapping(_this._argMapping, args);
         validatedMapping = true;
       }
@@ -18919,10 +18920,11 @@ var Text = function (_a) {
     }
   };
   var variantStyle = getVariantStyle(variant);
+  var baseTextStyle = {
+    fontFamily: theme.fontFamily
+  };
   return /*#__PURE__*/React__namespace.createElement(Text$3, __assign({
-    style: [variantStyle, style, {
-      fontFamily: theme.fontFamily
-    }]
+    style: [baseTextStyle, variantStyle, style]
   }, props));
 };
 
@@ -20401,11 +20403,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
     }
   });
 };