@zydon/common 2.8.76 → 2.8.78

package/dist/types/overviewAnalytics.d.ts

@@ -0,0 +1,88 @@
+import { ReactNode } from 'react';
+import { ViewMode } from './analytics.js';
+
+interface RevenueGoalDashboardSeriesItem {
+    label: string;
+    realized: number;
+    forecast: number;
+    goal: number;
+}
+interface RevenueGoalDashboardKpis {
+    forecast: number;
+    realized: number;
+    goal: number;
+    achievement: number;
+    gap: number;
+}
+interface RevenueGoalDashboard {
+    kpis: RevenueGoalDashboardKpis;
+    series: RevenueGoalDashboardSeriesItem[];
+}
+interface RevenueGoalAiSummary {
+    brief: string;
+    detail: string;
+}
+interface QuotationDashboardSeriesItem {
+    label: string;
+    quotation_value: number;
+    quotation_count: number;
+    quotation_percentage: number;
+    order_value: number;
+    order_count: number;
+    order_percentage: number;
+}
+interface QuotationDashboard {
+    series: QuotationDashboardSeriesItem[];
+}
+interface SalesForecastDashboardSeriesItem {
+    label: string;
+    realized_value: number;
+    realized_count: number;
+    realized_percentage: number;
+    forecast_value: number;
+    forecast_count: number;
+    forecast_percentage: number;
+}
+interface SalesForecastDashboard {
+    series: SalesForecastDashboardSeriesItem[];
+}
+interface OverviewDetailOrder {
+    id: string;
+    partner?: {
+        id: string;
+        name: string;
+    };
+    total_value: number;
+    negotiation_date?: Date | string;
+    status?: string;
+}
+interface OverviewDetailBaseProps {
+    open: boolean;
+    onClose: VoidFunction;
+    label: string;
+    viewMode: ViewMode;
+    selectedYear: number;
+    totalValue: number;
+}
+interface OverviewDetailProps {
+    open: boolean;
+    onClose: VoidFunction;
+    title: string;
+    viewMode: ViewMode;
+    selectedYear: number;
+    totalValue: number;
+    periodLabel: string;
+    suffix: string;
+    rows: OverviewDetailOrder[];
+    total: number;
+    isLoading: boolean;
+    isFetching: boolean;
+    page: number;
+    perPage: number;
+    onSearch: (value: string) => void;
+    onPaginationChange: (page: number, pageSize: number) => void;
+    buildPartnerLink?: (partnerId: string) => string;
+    mobileItemSlot?: (row: OverviewDetailOrder) => ReactNode;
+}
+
+export { OverviewDetailBaseProps, OverviewDetailOrder, OverviewDetailProps, QuotationDashboard, QuotationDashboardSeriesItem, RevenueGoalAiSummary, RevenueGoalDashboard, RevenueGoalDashboardKpis, RevenueGoalDashboardSeriesItem, SalesForecastDashboard, SalesForecastDashboardSeriesItem };

package/dist/types/overviewAnalytics.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=overviewAnalytics.js.map

package/dist/types/overviewAnalytics.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/types/partnerAnalysis.d.ts

@@ -0,0 +1,91 @@
+declare enum RankingType {
+    SALE_TOTAL_VALUE = "SALE_TOTAL_VALUE",
+    SALE_COUNT = "SALE_COUNT",
+    SALE_AVERAGE_VALUE = "SALE_AVERAGE_VALUE"
+}
+declare enum AbcCurve {
+    A = "A",
+    B = "B",
+    C = "C"
+}
+declare enum SellerPortfolioQueryType {
+    CLASSIFICATION = "CLASSIFICATION",
+    ABC_CURVE = "ABC_CURVE"
+}
+interface RankingItem {
+    partner_external_id: string;
+    partner_name: string;
+    total_value_by_customer: number;
+    total_sale_value: number;
+}
+interface Ranking {
+    items: RankingItem[];
+}
+interface PortfolioBreakdownItem {
+    status: string;
+    count: number;
+    percentage: number;
+}
+interface PortfolioBreakdown {
+    total: number;
+    breakdown: PortfolioBreakdownItem[];
+}
+interface AbcCurveBreakdownItem {
+    curve: AbcCurve;
+    count: number;
+    percentage: number;
+}
+interface AbcCurveBreakdown {
+    total: number;
+    breakdown: AbcCurveBreakdownItem[];
+}
+interface SellerPortfolioBreakdownEntry {
+    count: number;
+    percentage: number;
+}
+interface SellerPortfolioItem {
+    seller_external_id: string;
+    seller_name: string;
+    breakdown: Record<string, SellerPortfolioBreakdownEntry>;
+}
+interface SellerPortfolio {
+    items: SellerPortfolioItem[];
+}
+interface ByProfileItem {
+    profile: string;
+    count: number;
+    percentage: number;
+}
+interface ByProfile {
+    items: ByProfileItem[];
+}
+interface DashboardPartnerSaleAnalysis {
+    last_sale_external_id: string;
+    sale_count: number;
+    last_sale_negotiation_date: string;
+    total_sale_value: number;
+}
+interface DashboardPartner {
+    external_id: string;
+    name: string;
+    tax_id: string;
+    main_seller_external_id: string;
+    classification: string;
+    abc_curve: string;
+    sale_analysis: DashboardPartnerSaleAnalysis;
+    state: string;
+}
+declare enum Status {
+    ACTIVE = "ACTIVE",
+    AT_RISK = "AT_RISK",
+    INACTIVE = "INACTIVE",
+    LOST = "LOST",
+    NEW_CLIENT = "NEW_CLIENT",
+    PROSPECT = "PROSPECT"
+}
+declare const STATUS_OPTIONS: Record<Status, {
+    label: string;
+    color: string;
+}>;
+
+export { AbcCurve, AbcCurveBreakdown, AbcCurveBreakdownItem, ByProfile, ByProfileItem, DashboardPartner, DashboardPartnerSaleAnalysis, PortfolioBreakdown, PortfolioBreakdownItem, Ranking, RankingItem, RankingType, STATUS_OPTIONS, SellerPortfolio, SellerPortfolioBreakdownEntry, SellerPortfolioItem, SellerPortfolioQueryType, Status };

package/dist/types/partnerAnalysis.js

@@ -0,0 +1,2 @@
+export { b as AbcCurve, a as RankingType, e as STATUS_OPTIONS, c as SellerPortfolioQueryType, d as Status } from '../chunk-BHYLHO5P.js';
+//# sourceMappingURL=partnerAnalysis.js.map

package/dist/types/partnerAnalysis.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/utils/buildExportPayload.js

@@ -1,5 +1,5 @@
-import '../chunk-M62EJMQ6.js';
 import '../chunk-4P2L7UJA.js';
+import '../chunk-M62EJMQ6.js';
 
 var u=(t,e)=>{if(!(!t?.fields||!e))return t.fields.find(r=>r.name===e||r.filter_field_name===e)},i=(t,e)=>{if(!e)return;let r=u(t,e);return t?.fields?r?.filter_field_name||r?.name:e},f=(t,e)=>{if(!(!t?.fields||!e||e.length===0))return e.filter(r=>r!=="ACTIONS")},l=(t,e)=>{let r=e?.trim();if(!r)return;let n=i(t,t?.description_field_name)||i(t,"name");if(n)return {operator:"AND",groups:[{operator:"AND",conditionals:[{fieldName:n,conditional:"LIKE",value:[r]}]}]}},p=(t,e,r)=>{if(!e||!r)return;let n=i(t,e);if(n)return {fieldName:n,sortType:r==="desc"?"DESC":"ASC"}},c=({metadata:t,visibleFieldNames:e,search:r,sort:n,dir:s})=>{let o=f(t,e),d=l(t,r),a=p(t,n,s);return {...o&&{criteria:o},...d&&{filter:d},...a&&{sort:a}}},y=c;
 

package/dist/utils/chart.d.ts

@@ -0,0 +1,6 @@
+declare const MONTH_SHORT_LABELS: string[];
+declare const MONTH_FULL_LABELS: string[];
+declare const formatMonthLabel: (label: string) => string;
+declare const formatDayLabel: (label: string) => string;
+
+export { MONTH_FULL_LABELS, MONTH_SHORT_LABELS, formatDayLabel, formatMonthLabel };

package/dist/utils/chart.js

@@ -0,0 +1,2 @@
+export { b as MONTH_FULL_LABELS, a as MONTH_SHORT_LABELS, d as formatDayLabel, c as formatMonthLabel } from '../chunk-FYG3YWFZ.js';
+//# sourceMappingURL=chart.js.map

package/dist/utils/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/utils/periodDates.d.ts

@@ -0,0 +1,20 @@
+import { FilterPeriod, FilterDateState } from '../types/analytics.js';
+
+declare const periodOptions: {
+    label: string;
+    value: FilterPeriod;
+}[];
+declare function getPeriodDates(period: FilterPeriod): {
+    start_date: Date;
+    end_date: Date;
+};
+declare function getDefaultFilterDateState(): FilterDateState;
+declare function getFilterDateStateFor(period: FilterPeriod): FilterDateState;
+declare function findMatchingPeriod(startDate: Date | null, endDate: Date | null): FilterPeriod;
+declare function toFilterDateState(form: {
+    period: FilterPeriod;
+    start_date: Date | null;
+    end_date: Date | null;
+}): FilterDateState;
+
+export { findMatchingPeriod, getDefaultFilterDateState, getFilterDateStateFor, getPeriodDates, periodOptions, toFilterDateState };

package/dist/utils/periodDates.js

@@ -0,0 +1,3 @@
+export { e as findMatchingPeriod, c as getDefaultFilterDateState, d as getFilterDateStateFor, b as getPeriodDates, a as periodOptions, f as toFilterDateState } from '../chunk-SP5U3DJP.js';
+import '../chunk-ANEPP6QT.js';
+//# sourceMappingURL=periodDates.js.map

package/dist/utils/periodDates.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zydon/common",
-  "version": "2.8.76",
+  "version": "2.8.78",
   "license": "MIT",
   "type": "module",
   "module": "./dist/index.js",
@@ -42,6 +42,18 @@
       "import": "./dist/components/*/index.js",
       "types": "./dist/components/*/index.d.ts"
     },
+    "./components/Analytics": {
+      "import": "./dist/components/Analytics/index.js",
+      "types": "./dist/components/Analytics/index.d.ts"
+    },
+    "./components/Analytics/OverviewAnalytics": {
+      "import": "./dist/components/Analytics/OverviewAnalytics/index.js",
+      "types": "./dist/components/Analytics/OverviewAnalytics/index.d.ts"
+    },
+    "./components/Analytics/PartnerAnalysis": {
+      "import": "./dist/components/Analytics/PartnerAnalysis/index.js",
+      "types": "./dist/components/Analytics/PartnerAnalysis/index.d.ts"
+    },
     "./contexts/*": {
       "import": "./dist/contexts/*/index.js",
       "types": "./dist/contexts/*/index.d.ts"
@@ -148,6 +160,7 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-hook-form": "^7.53.0",
+    "recharts": "^3.8.1",
     "ts-jest": "^29.2.5",
     "tsup": "6.6.0",
     "typescript": "5.3.3",
@@ -190,7 +203,8 @@
     "@mui/x-date-pickers-pro": "^7.14.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-hook-form": "^7.53.0"
+    "react-hook-form": "^7.53.0",
+    "recharts": "^3.7.0"
   },
   "jest-junit": {
     "outputDirectory": "./reports",

package/dist/{index-5a5e5dc8.d.ts → index-c8f1e6e7.d.ts}

@@ -286,10 +286,13 @@ declare const components: {
     MuiTimelineDot: {
         defaultProps?: Partial<_mui_lab_TimelineDot.TimelineDotProps> | undefined;
         styleOverrides?: Partial<_mui_material_styles_overrides.OverridesStyleRules<keyof _mui_lab_TimelineDot.TimelineDotClasses, "MuiTimelineDot", {
-            transitions: _mui_material.Transitions;
+            cssVarPrefix: string;
+            zIndex: _mui_material.ZIndex;
+            direction: _mui_system.Direction;
+            opacity: _mui_material.Opacity;
+            typography: _mui_material.TypographyVariants;
             palette: _mui_material.Palette;
             colorSchemes: Record<_mui_material.SupportedColorScheme, _mui_material.ColorSystem>;
-            cssVarPrefix: string;
             vars: _mui_material.ThemeVars;
             getCssVar: (field: _mui_material.ThemeCssVar, ...vars: _mui_material.ThemeCssVar[]) => string;
             getColorSchemeSelector: (colorScheme: _mui_material.SupportedColorScheme) => string;
@@ -300,16 +303,13 @@ declare const components: {
             spacing: _mui_system.Spacing;
             breakpoints: _mui_system.Breakpoints;
             shape: _mui_system.Shape;
-            typography: _mui_material.TypographyVariants;
+            transitions: _mui_material.Transitions;
             shadows: _mui_material.Shadows;
             mixins: _mui_material.Mixins;
-            zIndex: _mui_material.ZIndex;
-            direction: _mui_system.Direction;
             shouldSkipGeneratingVar: (keys: string[], value: string | number) => boolean;
             unstable_sxConfig: _mui_system.SxConfig;
             unstable_sx: (props: _mui_system.SxProps<_mui_material.Theme>) => _mui_styled_engine.CSSObject;
             applyStyles: _mui_system.ApplyStyles<"light" | "dark">;
-            opacity: _mui_material.Opacity;
             overlays: _mui_material.Overlays;
             customShadows: CustomShadows;
             unstable_strictMode?: boolean | undefined;
@@ -326,10 +326,13 @@ declare const components: {
     MuiTimelineConnector: {
         defaultProps?: Partial<_mui_lab_TimelineConnector.TimelineConnectorProps> | undefined;
         styleOverrides?: Partial<_mui_material_styles_overrides.OverridesStyleRules<"root", "MuiTimelineConnector", {
-            transitions: _mui_material.Transitions;
+            cssVarPrefix: string;
+            zIndex: _mui_material.ZIndex;
+            direction: _mui_system.Direction;
+            opacity: _mui_material.Opacity;
+            typography: _mui_material.TypographyVariants;
             palette: _mui_material.Palette;
             colorSchemes: Record<_mui_material.SupportedColorScheme, _mui_material.ColorSystem>;
-            cssVarPrefix: string;
             vars: _mui_material.ThemeVars;
             getCssVar: (field: _mui_material.ThemeCssVar, ...vars: _mui_material.ThemeCssVar[]) => string;
             getColorSchemeSelector: (colorScheme: _mui_material.SupportedColorScheme) => string;
@@ -340,16 +343,13 @@ declare const components: {
             spacing: _mui_system.Spacing;
             breakpoints: _mui_system.Breakpoints;
             shape: _mui_system.Shape;
-            typography: _mui_material.TypographyVariants;
+            transitions: _mui_material.Transitions;
             shadows: _mui_material.Shadows;
             mixins: _mui_material.Mixins;
-            zIndex: _mui_material.ZIndex;
-            direction: _mui_system.Direction;
             shouldSkipGeneratingVar: (keys: string[], value: string | number) => boolean;
             unstable_sxConfig: _mui_system.SxConfig;
             unstable_sx: (props: _mui_system.SxProps<_mui_material.Theme>) => _mui_styled_engine.CSSObject;
             applyStyles: _mui_system.ApplyStyles<"light" | "dark">;
-            opacity: _mui_material.Opacity;
             overlays: _mui_material.Overlays;
             customShadows: CustomShadows;
             unstable_strictMode?: boolean | undefined;