@nuskin/react-mysite-elements 1.5.0-ui-fixes.11 → 1.5.0-ui-fixes.13

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

@@ -19,9 +19,11 @@ export interface MysiteDashboardWithNavigationProps {
     readonly stats?: DashboardStats | null;
     readonly topProducts?: TopProduct[];
     readonly conversionData?: ConversionDataPoint[];
+    readonly conversionPriceTypeTrend?: ConversionDataPoint[];
     readonly signupData?: SignupDataPoint[];
     readonly categories?: CategoryRevenue[];
     readonly categoriesSummaryChangePct?: number | null;
+    readonly conversionSummaryChangePct?: number | null;
     readonly orders?: OrderHistory[];
     readonly signups?: SignupDetail[];
     readonly isLoading?: boolean;

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

@@ -17,6 +17,7 @@ export interface ShoppingDashboardProps {
     readonly conversionFilter?: ConversionFilterOption;
     readonly categorySort?: CategorySortOption;
     readonly categoriesSummaryChangePct?: number | null;
+    readonly conversionSummaryChangePct?: number | null;
     readonly markets?: ReadonlyArray<MarketFilterOption>;
     readonly onDateRangeChange?: (range: DateRangeOption) => void;
     readonly onMarketChange?: (market: MarketOption) => void;

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

@@ -97,13 +97,13 @@ export declare const ShoppingDashboardTranslationKeys: {
             };
         };
         readonly conversionType: {
-            readonly standard: {
-                readonly key: "shoppingDashboard.filter.conversionType.standard";
-                readonly fallback: "Standard";
+            readonly retail: {
+                readonly key: "shoppingDashboard.filter.conversionType.retail";
+                readonly fallback: "Retail";
             };
-            readonly subscription: {
-                readonly key: "shoppingDashboard.filter.conversionType.subscription";
-                readonly fallback: "Subscription";
+            readonly member: {
+                readonly key: "shoppingDashboard.filter.conversionType.member";
+                readonly fallback: "Member";
             };
         };
     };

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

@@ -1 +1 @@
-export { mockStats, mockTopProducts, mockConversionData, mockConversionDataStandard, mockConversionDataSubscription, mockSignupData, mockCategories, mockOrders, mockSignupDetails, } from './mockDashboardData';
+export { mockStats, mockTopProducts, mockConversionData, mockConversionDataRetail, mockConversionDataMember, mockSignupData, mockCategories, mockOrders, mockSignupDetails, } from './mockDashboardData';

package/dist/common/shopping-dashboard/fixtures/mockDashboardData.d.ts

@@ -2,8 +2,8 @@ import type { DashboardStats, TopProduct, ConversionDataPoint, SignupDataPoint,
 export declare const mockStats: DashboardStats;
 export declare const mockTopProducts: TopProduct[];
 export declare const mockConversionData: ConversionDataPoint[];
-export declare const mockConversionDataStandard: ConversionDataPoint[];
-export declare const mockConversionDataSubscription: ConversionDataPoint[];
+export declare const mockConversionDataRetail: ConversionDataPoint[];
+export declare const mockConversionDataMember: ConversionDataPoint[];
 export declare const mockSignupData: SignupDataPoint[];
 export declare const mockCategories: CategoryRevenue[];
 export declare const mockOrders: OrderHistory[];

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

@@ -2,6 +2,7 @@ import React from 'react';
 import type { ConversionDataPoint, OrderHistory, DateRangeOption, MarketOption, MarketFilterOption, ConversionFilterOption } from '../../types.d';
 export interface ConversionRateFullViewProps {
     readonly conversionData: ConversionDataPoint[];
+    readonly priceTypeTrend?: ConversionDataPoint[];
     readonly orders: OrderHistory[];
     readonly dateRange: DateRangeOption;
     readonly market: MarketOption;

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

@@ -43,8 +43,15 @@ export declare const ChartLegendContainer: import("@emotion/styled").StyledCompo
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const LegendItem: 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>, {}, {}>;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    $color?: string;
+}, {}, {}>;
 export declare const ComparisonTextMobile: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | 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<HTMLSpanElement> | null | undefined;
 }, "p" | "style" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "children" | "classes" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "typography" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const OrderIdColumnCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const TrendValueText: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const TrendComparisonText: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const MetricSectionWrapper: 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/SignupsFullView.styled.d.ts

@@ -23,3 +23,5 @@ export declare const LegendItem: import("@emotion/styled").StyledComponent<impor
     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 NameColumnCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const TrendAbsoluteChangeText: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const TrendPercentageChangeText: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/common/shopping-dashboard/stories/ConversionRateChart.stories.d.ts

@@ -5,5 +5,5 @@ type Story = StoryObj<ComponentType>;
 declare const _default: Meta<ComponentType>;
 export default _default;
 export declare const Default: Story;
-export declare const Standard: Story;
+export declare const Retail: Story;
 export declare const Loading: Story;

package/dist/common/shopping-dashboard/stories/ConversionRateFullView.stories.d.ts

@@ -5,6 +5,6 @@ type Story = StoryObj<ComponentType>;
 declare const _default: Meta<ComponentType>;
 export default _default;
 export declare const Default: Story;
-export declare const StandardFilter: Story;
-export declare const SubscriptionFilter: Story;
+export declare const RetailFilter: Story;
+export declare const MemberFilter: Story;
 export declare const Loading: Story;

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

@@ -0,0 +1,3 @@
+import type { ConversionDataPoint, ConversionFilterOption } from '../types.d';
+export declare function matchesConversionFilter(point: ConversionDataPoint, filter: ConversionFilterOption): boolean;
+export declare function filterConversionData(conversionData: readonly ConversionDataPoint[], filter: ConversionFilterOption): ConversionDataPoint[];

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

@@ -0,0 +1,6 @@
+import type { ConversionDataPoint } from '../types.d';
+export declare const PRICE_TYPE_SERIES_PREFIX = "rate__";
+export declare function priceTypeSeriesKey(priceType: string): string;
+export declare function priceTypeColor(priceType: string, index: number): string;
+export declare function collectPriceTypes(conversionData: readonly ConversionDataPoint[]): string[];
+export declare function toSeriesPoint(point: ConversionDataPoint, priceTypes: readonly string[]): ConversionDataPoint & Record<string, unknown>;

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

@@ -9,3 +9,15 @@ export declare function calculateWeightedRevenueTrend<T>(items: readonly T[], ge
 export declare function getTrendDirectionLabel(direction: TrendDirection): string;
 export declare function getTrendIcon(direction: TrendDirection): React.ReactNode;
 export declare function getTrendColor(direction: TrendDirection): string;
+export interface PieChartLabelProps {
+    cx: number;
+    cy: number;
+    midAngle: number;
+    innerRadius: number;
+    outerRadius: number;
+    percentage: number;
+}
+export declare function renderPieChartLabel(props: PieChartLabelProps, options?: {
+    fontSize?: string;
+    fontWeight?: string;
+}): React.ReactNode;