@wlloyalty/wll-react-sdk 1.0.113 → 1.1.0

package/dist/types/mocks/tiles/roundupTile.d.ts

@@ -2,6 +2,10 @@ import { CTALinkTarget, RoundupTileConfig, TileHeight, TileType } from '../../ty
 export type RoundupTileMockConfig = Partial<RoundupTileConfig> & {
     active?: boolean;
     tileHeight?: TileHeight;
+    defaultLocale?: string;
+    details?: any[];
+    locale?: string;
+    balance?: number;
 };
 export declare const createRoundupTileMock: (config?: RoundupTileMockConfig) => {
     id: string;
@@ -13,11 +17,14 @@ export declare const createRoundupTileMock: (config?: RoundupTileMockConfig) =>
     priority: number;
     configuration: {
         title: string | null;
-        amount: number;
-        amountPrefix: string | null;
-        amountSuffix: string | null;
         artworkUrl: string | null;
         ctaLink: string | null | undefined;
         ctaLinkTarget: CTALinkTarget | undefined;
+        defaultLocale: string;
+        details: any[];
+        locale: string;
+        balance: number | undefined;
+        amountPrefix: string | null | undefined;
+        amountSuffix: string | null | undefined;
     };
 };

package/dist/types/types/tile.d.ts

@@ -49,7 +49,7 @@ export declare class RoundupTileConfig {
     amountPrefix?: string | null;
     amountSuffix?: string | null;
     artworkUrl?: string | null;
-    amount?: number;
+    balance?: number;
     ctaLink?: string | null;
     ctaLinkTarget?: CTALinkTarget;
 }

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

@@ -1,3 +1,9 @@
+/**
+ * Cleans up a number by removing any whitespace and ensuring it's a valid number
+ * @param value The number to clean up
+ * @returns A cleaned up number as a number
+ */
+export declare const cleanNumber: (value: number) => number;
 /**
  * Applies a multiplier to a base value. Handles string multipliers by converting them to numbers.
  * If the multiplier is invalid (NaN, null, undefined), defaults to 1.

package/dist/web.js

@@ -22505,6 +22505,36 @@ TierTile.Full = TierTileFull;
 TierTile.Half = TierTileHalf;
 TierTile.Empty = TierTileEmpty;
 
+/**
+ * Renders formatted points value for a Roundup Tile.
+ *
+ * @returns JSX.Element or null if points are undefined or zero
+ */
+var RoundupTileFormattedPoints = function () {
+  var tileContext = useTileContext();
+  if (!isContextValid(tileContext)) return null;
+  var _a = tileContext.configuration,
+    _b = _a.balance,
+    balance = _b === void 0 ? 0 : _b,
+    _c = _a.amountPrefix,
+    amountPrefix = _c === void 0 ? '' : _c,
+    _d = _a.amountSuffix,
+    amountSuffix = _d === void 0 ? '' : _d;
+  if (balance === undefined) return null;
+  var fullPointsText = "".concat(amountPrefix).concat(cleanNumber(balance)).concat(amountSuffix).trim();
+  return /*#__PURE__*/React.createElement(View$2, {
+    testID: "roundup-tile-amount",
+    role: "article",
+    accessibilityLabel: "Amount: ".concat(fullPointsText)
+  }, /*#__PURE__*/React.createElement(Row, {
+    align: "center",
+    justify: "start"
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "caption",
+    testID: "roundup-tile-value"
+  }, fullPointsText)));
+};
+
 /**
  * Custom hook that returns the styles for the RoundupTile component.
  * Applies responsive styling based on the current device.
@@ -22564,44 +22594,6 @@ var useRoundupTileStyles = function (isFullSize) {
   });
 };
 
-/**
- * Renders formatted points value for a Roundup Tile.
- *
- * @returns JSX.Element or null if points are undefined or zero
- */
-var RoundupTileFormattedPoints = function () {
-  var styles = useRoundupTileStyles();
-  var tileContext = useTileContext();
-  if (!isContextValid(tileContext)) return null;
-  var _a = tileContext.configuration,
-    _b = _a.amountPrefix,
-    amountPrefix = _b === void 0 ? '' : _b,
-    _c = _a.amountSuffix,
-    amountSuffix = _c === void 0 ? '' : _c,
-    _d = _a.amount,
-    amount = _d === void 0 ? 0 : _d;
-  if (amount === undefined) return null;
-  var fullPointsText = "".concat(amountPrefix).concat(amount, " ").concat(amountSuffix).trim();
-  return /*#__PURE__*/React.createElement(View$2, {
-    testID: "roundup-tile-amount",
-    role: "article",
-    accessibilityLabel: "Amount: ".concat(fullPointsText)
-  }, /*#__PURE__*/React.createElement(Row, {
-    align: "center",
-    justify: "start"
-  }, amountPrefix ? (/*#__PURE__*/React.createElement(Text, {
-    variant: "caption",
-    testID: "roundup-tile-prefix"
-  }, amountPrefix)) : null, /*#__PURE__*/React.createElement(Text, {
-    variant: "caption",
-    testID: "roundup-tile-value"
-  }, amount), amountSuffix ? (/*#__PURE__*/React.createElement(Text, {
-    variant: "caption",
-    style: styles.suffix,
-    testID: "roundup-tile-suffix"
-  }, amountSuffix)) : null));
-};
-
 /**
  * Renders the media of a Points Tile.
  *