@nuskin/react-mysite-elements 1.6.0-comx-2229.9 → 1.6.0-comx-2229.11

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/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/utils/dataUtils.d.ts

@@ -24,7 +24,14 @@ 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 by placing the currency code directly in front of the
+ * raw value, e.g. "USD1000" or "USD1234.5". No symbol, locale, grouping, rounding
+ * or other number formatting is applied.
+ * When no currency code is provided, or it is not a 3-letter code, falls back to a
+ * "$" prefix. Non-finite values are treated as 0.
+ */
+export declare function formatMoney(value: number, currencyCode?: string): 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

@@ -7,6 +7,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 {