@nuskin/react-mysite-elements 1.5.0-ui-fixes.9 → 1.5.0-ui-fixes.10

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

@@ -46,6 +46,10 @@ export interface MysiteDashboardWithNavigationProps {
     readonly onConversionFilterChange?: (filter: ConversionFilterOption) => void;
     readonly onCategorySortChange?: (sort: CategorySortOption) => void;
     readonly onViewChange?: (view: MysiteDashboardView) => void;
+    readonly onProductsExport?: () => void;
+    readonly onConversionExport?: () => void;
+    readonly onSignupsExport?: () => void;
+    readonly onCategoriesExport?: () => void;
 }
 export declare const MysiteDashboardWithNavigation: React.FC<MysiteDashboardWithNavigationProps>;
 export default MysiteDashboardWithNavigation;

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

@@ -218,6 +218,24 @@ export declare const ShoppingDashboardTranslationKeys: {
                 readonly fallback: "No sign-up trend data available.";
             };
         };
+        readonly compareTo: {
+            readonly last7days: {
+                readonly key: "shoppingDashboard.widget.compareTo.last7days";
+                readonly fallback: "compared to this time 7 days ago";
+            };
+            readonly last30days: {
+                readonly key: "shoppingDashboard.widget.compareTo.last30days";
+                readonly fallback: "compared to this time last month";
+            };
+            readonly last90days: {
+                readonly key: "shoppingDashboard.widget.compareTo.last90days";
+                readonly fallback: "compared to this time 90 days ago";
+            };
+            readonly thisMonth: {
+                readonly key: "shoppingDashboard.widget.compareTo.thisMonth";
+                readonly fallback: "compared to this time last month";
+            };
+        };
         readonly topCategories: {
             readonly title: {
                 readonly key: "shoppingDashboard.widget.topCategories.title";

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

@@ -42,4 +42,6 @@ export { calculateTotalPages, paginateItems, sortByNumericProperty, calculatePer
 export { buildDefaultMarketOptions, resolveMarketOptions } from './utils/marketOptions';
 export { useProductOfferWidgetExports } from './hooks/useProductOfferWidgetExports';
 export { exportRowsToExcel, normalizeExcelFileName, normalizeExcelSheetName } from './utils/excelExport';
+export type { ExcelExportColumn, ExcelExportOptions } from './utils/excelExport';
+export { getComparedToText } from './utils/comparisonTextUtils';
 export { exportTopPerformingOffers, exportTopProducts } from './utils/productOfferExport';

package/dist/common/shopping-dashboard/shared/ConversionRate/ConversionRateChart.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
-import type { ConversionDataPoint, ConversionFilterOption } from '../../types.d';
+import type { ConversionDataPoint, ConversionFilterOption, DateRangeOption } from '../../types.d';
 export interface ConversionRateChartProps {
     readonly conversionData: ConversionDataPoint[];
     readonly conversionFilter: ConversionFilterOption;
+    readonly dateRange?: DateRangeOption;
     readonly isLoading?: boolean;
     readonly title?: string;
     readonly summaryRate?: number;

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

@@ -1,8 +1,9 @@
 import React from 'react';
-import type { SignupDataPoint, SignupViewOption } from '../../types.d';
+import type { SignupDataPoint, SignupViewOption, DateRangeOption } from '../../types.d';
 export interface SignupsChartProps {
     readonly signupData: SignupDataPoint[];
     readonly signupView: SignupViewOption;
+    readonly dateRange?: DateRangeOption;
     readonly isLoading?: boolean;
     readonly title?: string;
     readonly onViewChange?: (view: SignupViewOption) => void;

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

@@ -0,0 +1,8 @@
+import type { DateRangeOption } from '../types.d';
+/**
+ * Generates dynamic comparison text based on the selected date range.
+ * Uses translation keys for internationalization support.
+ * @param dateRange The selected date range option
+ * @returns Dynamic comparison text like "compared to this time 7 days ago"
+ */
+export declare function getComparedToText(dateRange: DateRangeOption): string;

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

@@ -8,3 +8,17 @@ export declare function usePaginatedItems<T>(items: T[], currentPage: number, it
 };
 export declare function formatMoney(value: number, currencyCode?: string, locale?: string, fractionDigits?: number): string;
 export declare function capitalizeFirstLetter(text: string): string;
+/**
+ * Gets the numeric value from a SignupDataPoint based on the selected signup view.
+ * Maps the signup view option to the corresponding data field:
+ * - 'all' → total
+ * - 'members' → members
+ * - 'retail' → retail
+ * - 'brandAffiliates' → brandAffiliates
+ */
+export declare function getSignupValueByView(dataPoint: {
+    readonly total: number;
+    readonly members: number;
+    readonly retail: number;
+    readonly brandAffiliates: number;
+}, view: 'all' | 'members' | 'retail' | 'brandAffiliates'): number;

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

@@ -1,4 +1,5 @@
 import type { DateRangeOption } from '../types.d';
+export declare const DEFAULT_DATE_RANGE: DateRangeOption;
 export declare const DAYS_MAP: Record<DateRangeOption, number>;
 export declare const DATE_RANGE_LABELS: Record<DateRangeOption, string>;
 export declare function getDaysFromDateRange(dateRange: DateRangeOption): number;