@nuskin/react-mysite-elements 1.5.0-ui-fixes.4 → 1.5.0-ui-fixes.6

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

@@ -21,6 +21,7 @@ export interface MysiteDashboardWithNavigationProps {
     readonly conversionData?: ConversionDataPoint[];
     readonly signupData?: SignupDataPoint[];
     readonly categories?: CategoryRevenue[];
+    readonly categoriesSummaryChangePct?: number | null;
     readonly orders?: OrderHistory[];
     readonly signups?: SignupDetail[];
     readonly isLoading?: boolean;

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

@@ -16,6 +16,7 @@ export interface ShoppingDashboardProps {
     readonly signupView?: SignupViewOption;
     readonly conversionFilter?: ConversionFilterOption;
     readonly categorySort?: CategorySortOption;
+    readonly categoriesSummaryChangePct?: number | null;
     readonly markets?: ReadonlyArray<MarketFilterOption>;
     readonly onDateRangeChange?: (range: DateRangeOption) => void;
     readonly onMarketChange?: (market: MarketOption) => void;
@@ -27,6 +28,10 @@ export interface ShoppingDashboardProps {
     readonly onConversionTitleClick?: () => void;
     readonly onSignupsTitleClick?: () => void;
     readonly onCategoriesToTitleClick?: () => void;
+    readonly onProductsExport?: () => void;
+    readonly onConversionExport?: () => void;
+    readonly onSignupsExport?: () => void;
+    readonly onCategoriesExport?: () => void;
 }
 export declare const ShoppingDashboard: React.FC<ShoppingDashboardProps>;
 export default ShoppingDashboard;

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

@@ -224,6 +224,18 @@ export declare const ProductOfferDashboardTranslationKeys: {
             readonly key: "productOfferDashboard.defaults.noData";
             readonly fallback: "--";
         };
+        readonly byRevenue: {
+            readonly key: "productOfferDashboard.defaults.byRevenue";
+            readonly fallback: "Revenue";
+        };
+        readonly byUnits: {
+            readonly key: "productOfferDashboard.defaults.byUnits";
+            readonly fallback: "Units";
+        };
+        readonly byVolume: {
+            readonly key: "productOfferDashboard.defaults.byVolume";
+            readonly fallback: "Volume";
+        };
     };
 };
 export declare function getTranslation(entry: TranslationEntry): string;

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

@@ -12,24 +12,10 @@ export declare const ShoppingDashboardTranslationKeys: {
             readonly key: "shoppingDashboard.stats.revenue";
             readonly fallback: "Total Revenue";
         };
-        readonly volume: {
-            readonly key: "shoppingDashboard.stats.volume";
-            readonly fallback: "Volume";
-        };
         readonly visits: {
             readonly key: "shoppingDashboard.stats.visits";
             readonly fallback: "Site Visits";
         };
-        readonly subtitle: {
-            readonly dcSv: {
-                readonly key: "shoppingDashboard.stats.subtitle.dcSv";
-                readonly fallback: "DC-SV";
-            };
-            readonly conversionRate: {
-                readonly key: "shoppingDashboard.stats.subtitle.conversionRate";
-                readonly fallback: "Conversion Rate";
-            };
-        };
         readonly trend: {
             readonly increased: {
                 readonly key: "shoppingDashboard.stats.trend.increased";
@@ -87,52 +73,12 @@ export declare const ShoppingDashboardTranslationKeys: {
                 readonly key: "shoppingDashboard.filter.productSort.label";
                 readonly fallback: "Sort By";
             };
-            readonly units: {
-                readonly key: "shoppingDashboard.filter.productSort.units";
-                readonly fallback: "Units";
-            };
-            readonly revenue: {
-                readonly key: "shoppingDashboard.filter.productSort.revenue";
-                readonly fallback: "Revenue";
-            };
-            readonly volume: {
-                readonly key: "shoppingDashboard.filter.productSort.volume";
-                readonly fallback: "Volume";
-            };
-            readonly byUnits: {
-                readonly key: "shoppingDashboard.filter.productSort.byUnits";
-                readonly fallback: "By: Units";
-            };
-            readonly byRevenue: {
-                readonly key: "shoppingDashboard.filter.productSort.byRevenue";
-                readonly fallback: "By: Revenue";
-            };
-            readonly byVolume: {
-                readonly key: "shoppingDashboard.filter.productSort.byVolume";
-                readonly fallback: "By: Volume";
-            };
         };
         readonly signupView: {
             readonly label: {
                 readonly key: "shoppingDashboard.filter.signupView.label";
                 readonly fallback: "Show";
             };
-            readonly all: {
-                readonly key: "shoppingDashboard.filter.signupView.all";
-                readonly fallback: "All";
-            };
-            readonly members: {
-                readonly key: "shoppingDashboard.filter.signupView.members";
-                readonly fallback: "Members";
-            };
-            readonly retail: {
-                readonly key: "shoppingDashboard.filter.signupView.retail";
-                readonly fallback: "Retail";
-            };
-            readonly brandAffiliates: {
-                readonly key: "shoppingDashboard.filter.signupView.brandAffiliates";
-                readonly fallback: "Brand Affiliates";
-            };
             readonly showAll: {
                 readonly key: "shoppingDashboard.filter.signupView.showAll";
                 readonly fallback: "Show: All";
@@ -151,10 +97,6 @@ export declare const ShoppingDashboardTranslationKeys: {
             };
         };
         readonly conversionType: {
-            readonly all: {
-                readonly key: "shoppingDashboard.filter.conversionType.all";
-                readonly fallback: "All";
-            };
             readonly standard: {
                 readonly key: "shoppingDashboard.filter.conversionType.standard";
                 readonly fallback: "Standard";
@@ -164,16 +106,6 @@ export declare const ShoppingDashboardTranslationKeys: {
                 readonly fallback: "Subscription";
             };
         };
-        readonly categorySort: {
-            readonly byRevenue: {
-                readonly key: "shoppingDashboard.filter.categorySort.byRevenue";
-                readonly fallback: "By: Revenue";
-            };
-            readonly byTrend: {
-                readonly key: "shoppingDashboard.filter.categorySort.byTrend";
-                readonly fallback: "By: Trend";
-            };
-        };
     };
     readonly widget: {
         readonly topProducts: {
@@ -185,14 +117,6 @@ export declare const ShoppingDashboardTranslationKeys: {
                 readonly key: "shoppingDashboard.widget.topProducts.viewAll";
                 readonly fallback: "View All Products";
             };
-            readonly units: {
-                readonly key: "shoppingDashboard.widget.topProducts.units";
-                readonly fallback: "Units";
-            };
-            readonly revenue: {
-                readonly key: "shoppingDashboard.widget.topProducts.revenue";
-                readonly fallback: "Revenue";
-            };
             readonly loading: {
                 readonly key: "shoppingDashboard.widget.topProducts.loading";
                 readonly fallback: "Loading products...";
@@ -225,24 +149,12 @@ export declare const ShoppingDashboardTranslationKeys: {
                 readonly key: "shoppingDashboard.widget.topProducts.revenueSuffix";
                 readonly fallback: "revenue";
             };
-            readonly dcSvSuffix: {
-                readonly key: "shoppingDashboard.widget.topProducts.dcSvSuffix";
-                readonly fallback: "DC-SV";
-            };
             readonly rank: {
                 readonly key: "shoppingDashboard.widget.topProducts.rank";
                 readonly fallback: "Rank";
             };
-            readonly trend: {
-                readonly key: "shoppingDashboard.widget.topProducts.trend";
-                readonly fallback: "Trend";
-            };
         };
         readonly conversionRate: {
-            readonly title: {
-                readonly key: "shoppingDashboard.widget.conversionRate.title";
-                readonly fallback: "Conversion Rate";
-            };
             readonly formula: {
                 readonly key: "shoppingDashboard.widget.conversionRate.formula";
                 readonly fallback: "Orders ÷ Site visits";
@@ -263,14 +175,6 @@ export declare const ShoppingDashboardTranslationKeys: {
                 readonly key: "shoppingDashboard.widget.conversionRate.filterAriaLabel";
                 readonly fallback: "Filter conversion rate by customer type";
             };
-            readonly noData: {
-                readonly key: "shoppingDashboard.widget.conversionRate.noData";
-                readonly fallback: "No data";
-            };
-            readonly noChange: {
-                readonly key: "shoppingDashboard.widget.conversionRate.noChange";
-                readonly fallback: "No change";
-            };
             readonly tooltipOrders: {
                 readonly key: "shoppingDashboard.widget.conversionRate.tooltipOrders";
                 readonly fallback: "orders";
@@ -293,18 +197,6 @@ export declare const ShoppingDashboardTranslationKeys: {
                 readonly key: "shoppingDashboard.widget.signups.total";
                 readonly fallback: "Total";
             };
-            readonly members: {
-                readonly key: "shoppingDashboard.widget.signups.members";
-                readonly fallback: "Members";
-            };
-            readonly retail: {
-                readonly key: "shoppingDashboard.widget.signups.retail";
-                readonly fallback: "Retail";
-            };
-            readonly brandAffiliates: {
-                readonly key: "shoppingDashboard.widget.signups.brandAffiliates";
-                readonly fallback: "Brand Affiliates";
-            };
             readonly chartAriaLabel: {
                 readonly key: "shoppingDashboard.widget.signups.chartAriaLabel";
                 readonly fallback: "Signups multi-line chart showing Total, Members, Retail, and Brand Affiliates";
@@ -317,14 +209,6 @@ export declare const ShoppingDashboardTranslationKeys: {
                 readonly key: "shoppingDashboard.widget.signups.filterAriaLabel";
                 readonly fallback: "Filter signups view";
             };
-            readonly noData: {
-                readonly key: "shoppingDashboard.widget.signups.noData";
-                readonly fallback: "No data";
-            };
-            readonly noChange: {
-                readonly key: "shoppingDashboard.widget.signups.noChange";
-                readonly fallback: "No change";
-            };
             readonly totalSignupsInPeriod: {
                 readonly key: "shoppingDashboard.widget.signups.totalSignupsInPeriod";
                 readonly fallback: "Total sign-ups in period";
@@ -339,14 +223,6 @@ export declare const ShoppingDashboardTranslationKeys: {
                 readonly key: "shoppingDashboard.widget.topCategories.title";
                 readonly fallback: "Top Categories";
             };
-            readonly revenue: {
-                readonly key: "shoppingDashboard.widget.topCategories.revenue";
-                readonly fallback: "Revenue";
-            };
-            readonly units: {
-                readonly key: "shoppingDashboard.widget.topCategories.units";
-                readonly fallback: "Units";
-            };
             readonly empty: {
                 readonly key: "shoppingDashboard.widget.topCategories.empty";
                 readonly fallback: "No category data available";
@@ -373,6 +249,14 @@ export declare const ShoppingDashboardTranslationKeys: {
                 readonly key: "shoppingDashboard.widget.menu.fullView";
                 readonly fallback: "Full View";
             };
+            readonly viewDetails: {
+                readonly key: "shoppingDashboard.widget.menu.viewDetails";
+                readonly fallback: "View Details";
+            };
+            readonly exportData: {
+                readonly key: "shoppingDashboard.widget.menu.exportData";
+                readonly fallback: "Export Data";
+            };
         };
     };
     readonly navigation: {
@@ -426,14 +310,6 @@ export declare const ShoppingDashboardTranslationKeys: {
                     readonly key: "shoppingDashboard.fullView.signups.columns.name";
                     readonly fallback: "Name";
                 };
-                readonly date: {
-                    readonly key: "shoppingDashboard.fullView.signups.columns.date";
-                    readonly fallback: "Date";
-                };
-                readonly type: {
-                    readonly key: "shoppingDashboard.fullView.signups.columns.type";
-                    readonly fallback: "Type";
-                };
                 readonly email: {
                     readonly key: "shoppingDashboard.fullView.signups.columns.email";
                     readonly fallback: "Email";
@@ -454,18 +330,10 @@ export declare const ShoppingDashboardTranslationKeys: {
                     readonly key: "shoppingDashboard.fullView.conversionRate.columns.orderId";
                     readonly fallback: "Order ID";
                 };
-                readonly date: {
-                    readonly key: "shoppingDashboard.fullView.conversionRate.columns.date";
-                    readonly fallback: "Date";
-                };
                 readonly customer: {
                     readonly key: "shoppingDashboard.fullView.conversionRate.columns.customer";
                     readonly fallback: "Customer";
                 };
-                readonly type: {
-                    readonly key: "shoppingDashboard.fullView.conversionRate.columns.type";
-                    readonly fallback: "Type";
-                };
                 readonly items: {
                     readonly key: "shoppingDashboard.fullView.conversionRate.columns.items";
                     readonly fallback: "Items";
@@ -506,10 +374,6 @@ export declare const ShoppingDashboardTranslationKeys: {
                     readonly key: "shoppingDashboard.fullView.products.columns.unitsSold";
                     readonly fallback: "Units Sold";
                 };
-                readonly revenue: {
-                    readonly key: "shoppingDashboard.fullView.products.columns.revenue";
-                    readonly fallback: "Revenue";
-                };
                 readonly volume: {
                     readonly key: "shoppingDashboard.fullView.products.columns.volume";
                     readonly fallback: "Volume (DC-SV)";
@@ -530,18 +394,10 @@ export declare const ShoppingDashboardTranslationKeys: {
                     readonly key: "shoppingDashboard.fullView.categories.columns.category";
                     readonly fallback: "Category";
                 };
-                readonly revenue: {
-                    readonly key: "shoppingDashboard.fullView.categories.columns.revenue";
-                    readonly fallback: "Revenue";
-                };
                 readonly percentOfTotal: {
                     readonly key: "shoppingDashboard.fullView.categories.columns.percentOfTotal";
                     readonly fallback: "% of Total";
                 };
-                readonly trend: {
-                    readonly key: "shoppingDashboard.fullView.categories.columns.trend";
-                    readonly fallback: "Trend";
-                };
             };
             readonly allCategoriesTitle: {
                 readonly key: "shoppingDashboard.fullView.categories.allCategoriesTitle";
@@ -590,6 +446,78 @@ export declare const ShoppingDashboardTranslationKeys: {
             readonly key: "shoppingDashboard.defaults.noValue";
             readonly fallback: "--";
         };
+        readonly noData: {
+            readonly key: "shoppingDashboard.defaults.noData";
+            readonly fallback: "No data";
+        };
+        readonly noChange: {
+            readonly key: "shoppingDashboard.defaults.noChange";
+            readonly fallback: "No change";
+        };
+        readonly byRevenue: {
+            readonly key: "shoppingDashboard.defaults.byRevenue";
+            readonly fallback: "By: Revenue";
+        };
+        readonly byUnits: {
+            readonly key: "shoppingDashboard.defaults.byUnits";
+            readonly fallback: "By: Units";
+        };
+        readonly byVolume: {
+            readonly key: "shoppingDashboard.defaults.byVolume";
+            readonly fallback: "By: Volume";
+        };
+        readonly byTrend: {
+            readonly key: "shoppingDashboard.defaults.byTrend";
+            readonly fallback: "By: Trend";
+        };
+        readonly all: {
+            readonly key: "shoppingDashboard.defaults.all";
+            readonly fallback: "All";
+        };
+        readonly members: {
+            readonly key: "shoppingDashboard.defaults.members";
+            readonly fallback: "Members";
+        };
+        readonly retail: {
+            readonly key: "shoppingDashboard.defaults.retail";
+            readonly fallback: "Retail";
+        };
+        readonly brandAffiliates: {
+            readonly key: "shoppingDashboard.defaults.brandAffiliates";
+            readonly fallback: "Brand Affiliates";
+        };
+        readonly revenue: {
+            readonly key: "shoppingDashboard.defaults.revenue";
+            readonly fallback: "Revenue";
+        };
+        readonly units: {
+            readonly key: "shoppingDashboard.defaults.units";
+            readonly fallback: "Units";
+        };
+        readonly volume: {
+            readonly key: "shoppingDashboard.defaults.volume";
+            readonly fallback: "Volume";
+        };
+        readonly conversionRate: {
+            readonly key: "shoppingDashboard.defaults.conversionRate";
+            readonly fallback: "Conversion Rate";
+        };
+        readonly trend: {
+            readonly key: "shoppingDashboard.defaults.trend";
+            readonly fallback: "Trend";
+        };
+        readonly date: {
+            readonly key: "shoppingDashboard.defaults.date";
+            readonly fallback: "Date";
+        };
+        readonly type: {
+            readonly key: "shoppingDashboard.defaults.type";
+            readonly fallback: "Type";
+        };
+        readonly dcSv: {
+            readonly key: "shoppingDashboard.defaults.dcSv";
+            readonly fallback: "DC-SV";
+        };
     };
 };
 type TranslationEntry = {

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

@@ -9,5 +9,6 @@ export interface ConversionRateChartProps {
     readonly summaryChangePct?: number | null;
     readonly onFilterChange?: (filter: ConversionFilterOption) => void;
     readonly onTitleClick?: () => void;
+    readonly onExport?: () => void;
 }
 export declare const ConversionRateChart: React.NamedExoticComponent<ConversionRateChartProps>;

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

@@ -7,5 +7,6 @@ export interface SignupsChartProps {
     readonly title?: string;
     readonly onViewChange?: (view: SignupViewOption) => void;
     readonly onTitleClick?: () => void;
+    readonly onExport?: () => void;
 }
 export declare const SignupsChart: React.NamedExoticComponent<SignupsChartProps>;

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

@@ -5,6 +5,7 @@ export interface CategoriesFullViewProps {
     readonly dateRange: DateRangeOption;
     readonly market: MarketOption;
     readonly categorySort: CategorySortOption;
+    readonly summaryChangePct?: number | null;
     readonly markets?: ReadonlyArray<MarketFilterOption>;
     readonly isLoading?: boolean;
     readonly onBack?: () => void;

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

@@ -5,7 +5,9 @@ export interface TopCategoriesPieChartProps {
     readonly categorySort: CategorySortOption;
     readonly isLoading?: boolean;
     readonly title?: string;
+    readonly summaryChangePct?: number | null;
     readonly onSortChange?: (sort: CategorySortOption) => void;
     readonly onTitleClick?: () => void;
+    readonly onExport?: () => void;
 }
 export declare const TopCategoriesPieChart: React.NamedExoticComponent<TopCategoriesPieChartProps>;

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

@@ -7,5 +7,6 @@ export interface TopPerformingOffersPieChartProps {
     readonly title?: string;
     readonly onSortChange?: (sort: OfferSortOption) => void;
     readonly onTitleClick?: () => void;
+    readonly onExport?: () => void;
 }
 export declare const TopPerformingOffersPieChart: React.NamedExoticComponent<TopPerformingOffersPieChartProps>;

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

@@ -7,5 +7,6 @@ export interface TopSellingProductsListProps {
     readonly maxProducts?: number;
     readonly onSortChange?: (sort: ProductSortOption) => void;
     readonly onTitleClick?: () => void;
+    readonly onExport?: () => void;
 }
 export declare const TopSellingProductsList: React.NamedExoticComponent<TopSellingProductsListProps>;

package/dist/common/shopping-dashboard/shared/WidgetMenu.d.ts

@@ -2,5 +2,6 @@ import React from 'react';
 export interface WidgetMenuProps {
     readonly widgetId?: string;
     readonly onFullView?: () => void;
+    readonly onExport?: () => void;
 }
 export declare const WidgetMenu: React.FC<WidgetMenuProps>;

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

@@ -7,3 +7,4 @@ export declare function usePaginatedItems<T>(items: T[], currentPage: number, it
     pageItems: T[];
 };
 export declare function formatMoney(value: number, currencyCode?: string, locale?: string, fractionDigits?: number): string;
+export declare function capitalizeFirstLetter(text: string): string;