@nuskin/react-mysite-elements 1.6.0-comx-2229.10 → 1.6.0-comx-2229.12

package/dist/common/shopping-dashboard/TranslationKeys/ProductOfferDashboardTranslationKeys.d.ts

@@ -75,6 +75,10 @@ export declare const ProductOfferDashboardTranslationKeys: {
             };
         };
         readonly offerSort: {
+            readonly label: {
+                readonly key: "productOfferDashboard.filter.offerSort.label";
+                readonly fallback: "Sort By";
+            };
             readonly byRevenue: {
                 readonly key: "productOfferDashboard.filter.offerSort.byRevenue";
                 readonly fallback: "Revenue";

package/dist/common/shopping-dashboard/TranslationKeys/ShoppingDashboardTranslationKeys.d.ts

@@ -472,6 +472,10 @@ export declare const ShoppingDashboardTranslationKeys: {
             readonly key: "shoppingDashboard.defaults.zeroTrend";
             readonly fallback: "+0%";
         };
+        readonly labelValueSeparator: {
+            readonly key: "shoppingDashboard.defaults.labelValueSeparator";
+            readonly fallback: ":";
+        };
         readonly noValue: {
             readonly key: "shoppingDashboard.defaults.noValue";
             readonly fallback: "--";

package/dist/common/shopping-dashboard/index.d.ts

@@ -33,8 +33,6 @@ export type { ColumnDef, DataTableProps } from './shared/DataTable';
 export type { PaginationProps } from './shared/Pagination';
 export type { PageHeaderProps } from './shared/PageHeader';
 export type { FilterBarProps } from './shared/FilterBar';
-export { mockStats, mockTopProducts, mockConversionData, mockSignupData, mockCategories, mockOrders, mockSignupDetails, } from './fixtures';
-export { mockProductOfferStats, mockTopOffers } from './fixtures/mockProductOfferData';
 export { getTrendIcon, getTrendColor } from './utils/trendUtils';
 export { formatDateRangeLabel, formatShortDate, formatDisplayDate, formatDateRange, formatISODate, } from './utils/dateFormat';
 export { DAYS_MAP, DATE_RANGE_LABELS, getDaysFromDateRange, getDateRangeLabel } from './utils/dateConstants';

package/dist/common/shopping-dashboard/shared/FullViewComponents.styled.d.ts

@@ -22,6 +22,7 @@ export declare const ChartSection: import("@emotion/styled").StyledComponent<imp
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const ChartTitle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const ChartTitleButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export declare const ChartContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/common/shopping-dashboard/shared/Signups/SignupsChart.styled.d.ts

@@ -13,7 +13,7 @@ export declare const HeaderActionsContainer: import("@emotion/styled").StyledCom
 export declare const ChartTitle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export declare const FilterDropdown: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/dist/common/shopping-dashboard/shared/TopCategories/TopCategoriesPieChart.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
-import type { CategoryRevenue, CategorySortOption, MarketOption } from '../../types.d';
+import type { CategoryRevenue, CategorySortOption } from '../../types.d';
 export interface TopCategoriesPieChartProps {
     readonly categories: CategoryRevenue[];
     readonly categorySort: CategorySortOption;
     readonly isLoading?: boolean;
     readonly title?: string;
-    readonly market?: MarketOption;
     readonly summaryChangePct?: number | null;
     readonly onSortChange?: (sort: CategorySortOption) => void;
     readonly onTitleClick?: () => void;

package/dist/common/shopping-dashboard/shared/TopPerformingOffers/TopPerformingOffersPieChart.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
-import type { TopPerformingOffer, OfferSortOption, MarketOption } from '../../types.d';
+import type { TopPerformingOffer, OfferSortOption } from '../../types.d';
 export interface TopPerformingOffersPieChartProps {
     readonly offers: TopPerformingOffer[];
     readonly offerSort: OfferSortOption;
     readonly isLoading?: boolean;
     readonly title?: string;
-    readonly market?: MarketOption;
     readonly summaryChangePct?: number | null;
     readonly onSortChange?: (sort: OfferSortOption) => void;
     readonly onTitleClick?: () => void;

package/dist/common/shopping-dashboard/shared/TopProducts/ProductsFullView.d.ts

@@ -7,6 +7,7 @@ export interface ProductsFullViewProps {
     readonly productSort: ProductSortOption;
     readonly markets?: ReadonlyArray<MarketFilterOption>;
     readonly isLoading?: boolean;
+    readonly currencyCode?: string;
     readonly onBack?: () => void;
     readonly onDateRangeChange?: (range: DateRangeOption) => void;
     readonly onMarketChange?: (market: MarketOption) => void;

package/dist/common/shopping-dashboard/utils/dataUtils.d.ts

@@ -24,7 +24,19 @@ export declare function usePaginatedItems<T>(items: T[], currentPage: number, it
  * @returns The locale string (e.g., 'en-US', 'en-IN', 'en-CA')
  */
 export declare function getLocaleFromMarketCode(marketCode?: string): string;
-export declare function formatMoney(value: number, currencyCode?: string, locale?: string, fractionDigits?: number): string;
+/**
+ * Formats a monetary amount with currency code displayed as text prefix.
+ * Examples:
+ * - formatMoney(6701.12, 'AUD') → "AUD 6,701.12"
+ * - formatMoney(6701.12, 'USD') → "USD 6,701.12"
+ * - formatMoney(6701.12, 'INR') → "INR 6,701.12"
+ *
+ * @param value - The monetary amount
+ * @param currencyCode - ISO 4217 currency code (e.g., 'USD', 'AUD', 'INR')
+ * @param minimumFractionDigits - Minimum decimal places (default: 2)
+ * @returns Formatted currency string with code as text prefix
+ */
+export declare function formatMoney(value: number, currencyCode?: string, minimumFractionDigits?: number): string;
 export declare function capitalizeFirstLetter(text: string): string;
 /**
  * Gets the numeric value from a SignupDataPoint based on the selected signup view.

package/dist/common/shopping-dashboard/utils/trendUtils.d.ts

@@ -1,5 +1,25 @@
 import React from 'react';
 import type { TrendDirection } from '../shared/types';
+/**
+ * Shared threshold below which a percentage change is treated as "no meaningful change"
+ * and rendered as a neutral trend rather than a misleading +/-0.0x% up/down arrow.
+ */
+export declare const TREND_NEUTRAL_THRESHOLD = 0.1;
+export interface ConversionTrendPoint {
+    readonly rate: number;
+}
+export interface ConversionTrendResult {
+    readonly direction: TrendDirection;
+    readonly value: string;
+}
+/**
+ * Computes the conversion-rate trend shown in both the widget chart and its full-view
+ * counterpart. Prefers the API-supplied summaryChangePct when present; otherwise derives
+ * the change from the first and last points of the filtered series. The neutral threshold
+ * is applied consistently in every branch so backend-provided and locally-computed trends
+ * never diverge on what counts as "no change".
+ */
+export declare function computeConversionTrend(summaryChangePct: number | null | undefined, filteredData: readonly ConversionTrendPoint[], noChangeText: string, noDataText?: string): ConversionTrendResult;
 export declare function parseTrendPercent(value?: string | number): number | null;
 export declare function resolveTrendDirection(value?: string | number): TrendDirection;
 export declare function calculateWeightedRevenueTrend<T>(items: readonly T[], getRevenue: (item: T) => number, getTrend: (item: T) => string | number | undefined): {
@@ -7,6 +27,14 @@ export declare function calculateWeightedRevenueTrend<T>(items: readonly T[], ge
     formatted: string;
 };
 export declare function getTrendDirectionLabel(direction: TrendDirection): string;
+/**
+ * Determines trend direction from string value.
+ * Treats +0% as neutral to avoid misleading indicators.
+ * This is a simplified version for direct string parsing.
+ * @param trendValue Percentage change (e.g., "+5.5", "-2.1", "+0")
+ * @returns 'up' | 'down' | 'neutral'
+ */
+export declare function getTrendDirection(trendValue?: string): TrendDirection;
 export declare function getTrendIcon(direction: TrendDirection): React.ReactNode;
 export declare function getTrendColor(direction: TrendDirection): string;
 export interface PieChartLabelProps {