@wlloyalty/wll-react-sdk 1.0.66 → 1.0.68

package/dist/types/components/atoms/Icon/index.d.ts

@@ -1,6 +1,6 @@
-import * as LucideIcons from 'lucide-react';
+import * as LucideReactIcons from 'lucide-react';
 import { ViewProps } from 'react-native';
-type IconName = keyof typeof LucideIcons;
+type IconName = keyof typeof LucideReactIcons;
 type IconProps = {
     name: IconName;
     color?: string;

package/dist/types/components/organisms/TierTileUpdated/styles.d.ts

@@ -30,7 +30,5 @@ export declare const useTierTileStyles: () => {
     };
     name: {
         marginBottom: number;
-        numberOfLines: number;
-        ellipsizeMode: string;
     };
 };

package/dist/web.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var Color = require('color');
-var LucideIcons = require('lucide-react');
+var LucideReactIcons = require('lucide-react');
 
 function _interopNamespaceDefault(e) {
 	var n = Object.create(null);
@@ -22,7 +22,7 @@ function _interopNamespaceDefault(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-var LucideIcons__namespace = /*#__PURE__*/_interopNamespaceDefault(LucideIcons);
+var LucideReactIcons__namespace = /*#__PURE__*/_interopNamespaceDefault(LucideReactIcons);
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -9398,7 +9398,7 @@ var isValidColor = function (color) {
  * @returns Boolean indicating if theme is valid
  */
 var validateTheme = function (theme) {
-  var requiredColors = ['accent', 'background', 'errorPrimary', 'negative', 'pageButtonBackground', 'pageButtonText', 'positive', 'primary', 'surface', 'surfaceText', 'text'];
+  var requiredColors = ['accent', 'background', 'primary', 'surface', 'surfaceText', 'positive', 'negative', 'text'];
   return requiredColors.every(function (color) {
     return theme[color] && isValidColor(theme[color]);
   });
@@ -10060,6 +10060,15 @@ var Button = function (_a) {
   });
 };
 
+var LucideReactNativeIcons;
+if (Platform$1.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,
@@ -10069,18 +10078,34 @@ var Icon = function (_a) {
     _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 = Platform$1.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(View$2, __assign({}, props, {
-    children: jsxRuntimeExports.jsx(LucideIcon, {
-      color: color,
-      size: size,
-      strokeWidth: strokeWidth
-    })
-  }));
+  if (Platform$1.OS === 'web') {
+    return jsxRuntimeExports.jsx(View$2, __assign({}, props, {
+      children: jsxRuntimeExports.jsx(LucideIcon, {
+        color: color,
+        size: size,
+        strokeWidth: strokeWidth
+      })
+    }));
+  } else {
+    return jsxRuntimeExports.jsx(View$2, __assign({}, props, {
+      children: jsxRuntimeExports.jsx(LucideIcon, {
+        color: color,
+        size: size,
+        strokeWidth: strokeWidth
+      })
+    }));
+  }
 };
 
 var _excluded$8 = ["animating", "color", "hidesWhenStopped", "size", "style"];
@@ -23259,9 +23284,7 @@ var useTierTileStyles = function () {
       resizeMode: 'cover'
     },
     name: {
-      marginBottom: 0,
-      numberOfLines: 1,
-      ellipsizeMode: 'tail'
+      marginBottom: 0
     }
   });
 };