@wlloyalty/wll-react-sdk 1.0.93 → 1.0.95

package/dist/types/types/theme.d.ts

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

package/dist/types/utils/storybookThemes.d.ts

@@ -6,6 +6,7 @@ export declare const storyBookThemes: {
         background: string;
         surface: string;
         surfaceText: string;
+        fontFamily: string;
         errorPrimary: string;
         negative: string;
         pageButtonBackground: string;
@@ -19,6 +20,7 @@ export declare const storyBookThemes: {
         background: string;
         surface: string;
         surfaceText: string;
+        fontFamily: string;
         errorPrimary: string;
         negative: string;
         pageButtonBackground: string;
@@ -33,6 +35,7 @@ export declare const storyBookThemes: {
         accent: string;
         surface: string;
         surfaceText: string;
+        fontFamily: string;
         errorPrimary: string;
         negative: string;
         pageButtonBackground: string;
@@ -45,6 +48,7 @@ export declare const storyBookThemes: {
         background: string;
         surface: string;
         surfaceText: string;
+        fontFamily: string;
         errorPrimary: string;
         negative: string;
         pageButtonBackground: string;
@@ -58,6 +62,7 @@ export declare const storyBookThemes: {
         background: string;
         surface: string;
         surfaceText: string;
+        fontFamily: string;
         errorPrimary: string;
         negative: string;
         pageButtonBackground: string;

package/dist/web.js

@@ -6599,7 +6599,7 @@ function isPrimaryPointerDown(domEvent) {
  * when touches end and start again.
  */
 
-var __DEV__$4 = process.env.NODE_ENV !== 'production';
+var __DEV__$5 = 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__$4) {
+  if (__DEV__$5) {
     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__$4) {
+        if (__DEV__$5) {
           var activeRecord = touchBank[touchHistory.indexOfSingleActiveTouch];
           if (!(activeRecord != null && activeRecord.touchActive)) {
             console.error('Cannot find single active touch.');
@@ -7949,6 +7949,7 @@ var commonStyles = StyleSheet$1.create({
   }
 });
 var defaultTheme = {
+  fontFamily: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif',
   background: '#F0F0F0',
   text: '#000000',
   primary: '#392ed7',
@@ -8228,6 +8229,7 @@ var isValidColor = function (color) {
  */
 var validateTheme = function (theme) {
   var requiredColors = ['accent', 'background', 'primary', 'surface', 'surfaceText', 'positive', 'negative', 'text'];
+  // fontFamily is optional - it has a default value in defaultTheme
   return requiredColors.every(function (color) {
     return theme[color] && isValidColor(theme[color]);
   });
@@ -8456,6 +8458,14 @@ 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
+    });
+  }
   return __assign(__assign({}, mergedTheme), {
     sizes: sizes,
     derivedBackground: getDerivedColor(mergedTheme.background),
@@ -8491,6 +8501,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) {
@@ -10912,9 +10932,9 @@ function _isEntirelyVisible(top, bottom, viewportHeight) {
 }
 var ViewabilityHelper$1 = ViewabilityHelper;
 
-var __DEV__$3 = process.env.NODE_ENV !== 'production';
+var __DEV__$4 = process.env.NODE_ENV !== 'production';
 var VirtualizedListContext = /*#__PURE__*/React__namespace.createContext(null);
-if (__DEV__$3) {
+if (__DEV__$4) {
   VirtualizedListContext.displayName = 'VirtualizedListContext';
 }
 
@@ -11284,7 +11304,7 @@ Object.defineProperty(nullthrows$2.exports, '__esModule', {value: true});
 var nullthrowsExports = nullthrows$2.exports;
 var nullthrows$1 = /*@__PURE__*/getDefaultExportFromCjs(nullthrowsExports);
 
-var __DEV__$2 = process.env.NODE_ENV !== 'production';
+var __DEV__$3 = process.env.NODE_ENV !== 'production';
 var ON_EDGE_REACHED_EPSILON = 0.001;
 var _usedIndexForKey = false;
 var _keylessItemComponentName = '';
@@ -11993,7 +12013,7 @@ class VirtualizedList extends StateSafePureComponent {
       console.warn("initialScrollIndex \"" + initialScrollIndex + "\" is not valid (list has " + itemCount + " items)");
       this._hasWarned.initialScrollIndex = true;
     }
-    if (__DEV__$2 && !this._hasWarned.flexWrap) {
+    if (__DEV__$3 && !this._hasWarned.flexWrap) {
       // $FlowFixMe[underconstrained-implicit-instantiation]
       var flatStyles = StyleSheet$1.flatten(this.props.contentContainerStyle);
       if (flatStyles != null && flatStyles.flexWrap === 'wrap') {
@@ -13945,7 +13965,7 @@ var AnimatedWithChildren$1 = AnimatedWithChildren;
  * @format
  */
 
-var __DEV__$1 = process.env.NODE_ENV !== 'production';
+var __DEV__$2 = process.env.NODE_ENV !== 'production';
 var linear = t => t;
 
 /**
@@ -13958,7 +13978,7 @@ function createInterpolation(config) {
   }
   var outputRange = config.outputRange;
   var inputRange = config.inputRange;
-  if (__DEV__$1) {
+  if (__DEV__$2) {
     checkInfiniteRange('outputRange', outputRange);
     checkInfiniteRange('inputRange', inputRange);
     checkValidInputRange(inputRange);
@@ -14173,7 +14193,7 @@ class AnimatedInterpolation extends AnimatedWithChildren$1 {
     return range.map(NativeAnimatedHelper.transformDataType);
   }
   __getNativeConfig() {
-    if (__DEV__$1) {
+    if (__DEV__$2) {
       NativeAnimatedHelper.validateInterpolation(this._config);
     }
     return {
@@ -14462,7 +14482,7 @@ var AnimatedValue$1 = AnimatedValue;
  * @format
  */
 
-var __DEV__ = process.env.NODE_ENV !== 'production';
+var __DEV__$1 = 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'].
@@ -14556,7 +14576,7 @@ class AnimatedEvent {
   __getHandler() {
     var _this = this;
     if (this.__isNative) {
-      if (__DEV__) {
+      if (__DEV__$1) {
         var _validatedMapping = false;
         return function () {
           for (var _len = arguments.length, args = new Array(_len), _key2 = 0; _key2 < _len; _key2++) {
@@ -14577,7 +14597,7 @@ class AnimatedEvent {
       for (var _len2 = arguments.length, args = new Array(_len2), _key3 = 0; _key3 < _len2; _key3++) {
         args[_key3] = arguments[_key3];
       }
-      if (__DEV__ && !validatedMapping) {
+      if (__DEV__$1 && !validatedMapping) {
         validateMapping(_this._argMapping, args);
         validatedMapping = true;
       }
@@ -18900,7 +18920,9 @@ var Text = function (_a) {
   };
   var variantStyle = getVariantStyle(variant);
   return /*#__PURE__*/React__namespace.createElement(Text$3, __assign({
-    style: [variantStyle, style]
+    style: [variantStyle, style, {
+      fontFamily: theme.fontFamily
+    }]
   }, props));
 };