@wlloyalty/wll-react-sdk 1.0.112 → 1.1.0

package/dist/types/hooks/useInitialGroupFetch.d.ts

@@ -1,4 +1,4 @@
-import { TGroup } from '../types/group';
+import type { TGroup } from '../types/group';
 type UseInitialGroupFetchProps = {
     id: string;
     setGroupData: (group: TGroup) => void;

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

@@ -20650,50 +20650,41 @@ var useInitialGroupFetch = function (_a) {
   var _c = React.useState(null),
     error = _c[0],
     setError = _c[1];
-  var fetchInProgressRef = React.useRef(false);
   React.useEffect(function () {
-    var isMounted = true;
-    var fetch = function () {
+    var cancelled = false;
+    var fetchGroup = function () {
       return __awaiter(void 0, void 0, void 0, function () {
         var response;
-        var _a;
-        return __generator(this, function (_b) {
-          switch (_b.label) {
+        var _b;
+        return __generator(this, function (_c) {
+          switch (_c.label) {
             case 0:
-              if (fetchInProgressRef.current) {
-                return [2 /*return*/];
-              }
-              fetchInProgressRef.current = true;
-              if (!id || !sdk || !sdk.refreshGroup) {
+              if (!id || !(sdk === null || sdk === void 0 ? void 0 : sdk.refreshGroup)) {
                 setError('Unable to fetch group data: invalid configuration');
                 setIsLoading(false);
                 return [2 /*return*/];
               }
               setIsLoading(true);
               setError(null);
-              _b.label = 1;
+              _c.label = 1;
             case 1:
-              _b.trys.push([1, 3, 4, 5]);
+              _c.trys.push([1, 3, 4, 5]);
               return [4 /*yield*/, sdk.refreshGroup(id)];
             case 2:
-              response = _b.sent();
-              if (!isMounted) return [2 /*return*/];
+              response = _c.sent();
+              if (cancelled) return [2 /*return*/];
               if ((response === null || response === void 0 ? void 0 : response.status) === 'success' && response.data) {
                 setGroupData(response.data);
               } else {
-                setError((_a = response === null || response === void 0 ? void 0 : response.error) !== null && _a !== void 0 ? _a : 'Failed to fetch group data');
+                setError((_b = response === null || response === void 0 ? void 0 : response.error) !== null && _b !== void 0 ? _b : 'Failed to fetch group data');
               }
               return [3 /*break*/, 5];
             case 3:
-              _b.sent();
-              if (isMounted) {
-                setError('An unexpected error occurred.');
-              }
+              _c.sent();
+              if (!cancelled) setError('An unexpected error occurred.');
               return [3 /*break*/, 5];
             case 4:
-              if (isMounted) {
-                setIsLoading(false);
-              }
+              if (!cancelled) setIsLoading(false);
               return [7 /*endfinally*/];
             case 5:
               return [2 /*return*/];
@@ -20701,9 +20692,9 @@ var useInitialGroupFetch = function (_a) {
         });
       });
     };
-    fetch();
+    fetchGroup();
     return function () {
-      isMounted = false;
+      cancelled = true;
     };
   }, [id, sdk, setGroupData]);
   return {
@@ -21528,7 +21519,7 @@ var Group = function (_a) {
     return /*#__PURE__*/React.createElement(View$2, {
       style: {
         flex: 1,
-        padding: theme.sizes.lg
+        padding: IS_MOBILE ? theme.sizes.lg : undefined
       },
       accessible: true,
       accessibilityLabel: "Loading group data"
@@ -22514,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.
@@ -22534,8 +22555,7 @@ var useRoundupTileStyles = function (isFullSize) {
       justifyContent: 'space-between'
     },
     contentContainer: {
-      width: '100%',
-      marginTop: isFullSize ? useResponsiveValue(theme.sizes.xxl, theme.sizes.md, isDesktop, isTablet) : 0
+      width: '100%'
     },
     contentColumn: {
       flexGrow: 1
@@ -22574,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.
  *