@wlloyalty/wll-react-sdk 1.0.66 → 1.0.68

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import * as LucideIcons from 'lucide-react';
+import * as LucideReactIcons from 'lucide-react';
 import * as react_native from 'react-native';
 import { ViewProps, ImageSourcePropType, StyleProp, ViewStyle, TextProps as TextProps$1, TextStyle, ImageProps } from 'react-native';
 import * as React$1 from 'react';
@@ -304,7 +304,7 @@ type ButtonProps = {
 };
 declare const Button: ({ title, onPress, variant, disabled, accessibilityLabel, accessibilityHint, testID, }: ButtonProps) => JSX.Element;
 
-type IconName = keyof typeof LucideIcons;
+type IconName = keyof typeof LucideReactIcons;
 type IconProps = {
     name: IconName;
     color?: string;

package/dist/native.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var reactNative = require('react-native');
 var Color = require('color');
-var LucideIcons = require('lucide-react');
+var LucideReactIcons = require('lucide-react');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -23,7 +23,7 @@ function _interopNamespaceDefault(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-var LucideIcons__namespace = /*#__PURE__*/_interopNamespaceDefault(LucideIcons);
+var LucideReactIcons__namespace = /*#__PURE__*/_interopNamespaceDefault(LucideReactIcons);
 
 var jsxRuntime = {exports: {}};
 
@@ -1669,14 +1669,11 @@ var validateTheme = function (theme) {
     var requiredColors = [
         'accent',
         'background',
-        'errorPrimary',
-        'negative',
-        'pageButtonBackground',
-        'pageButtonText',
-        'positive',
         'primary',
         'surface',
         'surfaceText',
+        'positive',
+        'negative',
         'text',
     ];
     return requiredColors.every(function (color) { return theme[color] && isValidColor(theme[color]); });
@@ -2102,14 +2099,35 @@ var Button = function (_a) {
         }, onPress: onPress, disabled: disabled, accessible: true, role: "button", accessibilityLabel: accessibilityLabel || title, accessibilityHint: accessibilityHint, accessibilityState: { disabled: disabled }, testID: testID, children: jsxRuntimeExports.jsx(reactNative.Text, { style: [styles.text, textStyle], children: title }) }));
 };
 
+var LucideReactNativeIcons;
+if (reactNative.Platform.OS !== 'web') {
+    // This dynamic import pattern helps with tree-shaking for web builds
+    try {
+        LucideReactNativeIcons = require('lucide-react-native');
+    }
+    catch (e) {
+        console.warn('lucide-react-native is not installed. Icons may not render correctly on native platforms.');
+    }
+}
 var Icon = function (_a) {
     var name = _a.name, _b = _a.color, color = _b === void 0 ? 'black' : _b, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.strokeWidth, strokeWidth = _d === void 0 ? 2 : _d, props = __rest(_a, ["name", "color", "size", "strokeWidth"]);
-    var LucideIcon = LucideIcons__namespace[name];
+    // Choose the appropriate icon library based on platform
+    var iconLib = reactNative.Platform.OS === 'web' ? LucideReactIcons__namespace : LucideReactNativeIcons;
+    if (!iconLib) {
+        console.warn('Icon library not available for this platform');
+        return null;
+    }
+    var LucideIcon = iconLib[name];
     if (!LucideIcon) {
         console.warn("Icon \"".concat(name, "\" not found in Lucide icons"));
         return null;
     }
-    return (jsxRuntimeExports.jsx(reactNative.View, __assign({}, props, { children: jsxRuntimeExports.jsx(LucideIcon, { color: color, size: size, strokeWidth: strokeWidth }) })));
+    if (reactNative.Platform.OS === 'web') {
+        return (jsxRuntimeExports.jsx(reactNative.View, __assign({}, props, { children: jsxRuntimeExports.jsx(LucideIcon, { color: color, size: size, strokeWidth: strokeWidth }) })));
+    }
+    else {
+        return (jsxRuntimeExports.jsx(reactNative.View, __assign({}, props, { children: jsxRuntimeExports.jsx(LucideIcon, { color: color, size: size, strokeWidth: strokeWidth }) })));
+    }
 };
 
 var LoadingIndicator = function () {
@@ -4562,8 +4580,6 @@ var useTierTileStyles = function () {
         },
         name: {
             marginBottom: 0,
-            numberOfLines: 1,
-            ellipsizeMode: 'tail',
         },
     });
 };