@zydon/common 2.8.77 → 2.8.79

package/dist/types/partnerAnalysis.d.ts

@@ -0,0 +1,68 @@
+import { AbcCurve } from '../utils/partnerAnalysis.js';
+
+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;
+    recurrence?: Record<string, unknown>;
+    sale_analysis: DashboardPartnerSaleAnalysis;
+    state: string;
+}
+
+export { AbcCurveBreakdown, AbcCurveBreakdownItem, ByProfile, ByProfileItem, DashboardPartner, DashboardPartnerSaleAnalysis, PortfolioBreakdown, PortfolioBreakdownItem, Ranking, RankingItem, SellerPortfolio, SellerPortfolioBreakdownEntry, SellerPortfolioItem };

package/dist/types/partnerAnalysis.js

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

package/dist/types/partnerAnalysis.js.map

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

package/dist/utils/analytics.d.ts

@@ -0,0 +1,24 @@
+declare enum ViewMode {
+    MONTHLY = "MONTHLY",
+    DAILY = "DAILY"
+}
+declare const VIEW_MODE_LABELS: Record<ViewMode, string>;
+declare enum ExportFormat {
+    XLSX = "XLSX",
+    PDF = "PDF"
+}
+declare enum FilterPeriod {
+    TODAY = "TODAY",
+    YESTERDAY = "YESTERDAY",
+    LAST_7_DAYS = "LAST_7_DAYS",
+    LAST_28_DAYS = "LAST_28_DAYS",
+    LAST_90_DAYS = "LAST_90_DAYS",
+    LAST_WEEK = "LAST_WEEK",
+    LAST_MONTH = "LAST_MONTH",
+    THIS_MONTH = "THIS_MONTH",
+    THIS_YEAR = "THIS_YEAR",
+    OTHER = "OTHER"
+}
+declare const FILTER_PERIOD_LABELS: Record<FilterPeriod, string>;
+
+export { ExportFormat, FILTER_PERIOD_LABELS, FilterPeriod, VIEW_MODE_LABELS, ViewMode };

package/dist/utils/analytics.js

@@ -0,0 +1,2 @@
+export { c as ExportFormat, e as FILTER_PERIOD_LABELS, d as FilterPeriod, b as VIEW_MODE_LABELS, a as ViewMode } from '../chunk-ERLI5GAP.js';
+//# sourceMappingURL=analytics.js.map

package/dist/utils/analytics.js.map

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

package/dist/utils/partnerAnalysis.d.ts

@@ -0,0 +1,28 @@
+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"
+}
+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, RankingType, STATUS_OPTIONS, SellerPortfolioQueryType, Status };

package/dist/utils/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-K2PWIYEM.js';
+//# sourceMappingURL=partnerAnalysis.js.map

package/dist/utils/partnerAnalysis.js.map

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

package/dist/utils/periodDates.d.ts

@@ -0,0 +1,21 @@
+import { FilterDateState } from '../types/analytics.js';
+import { FilterPeriod } from './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-UWTX4JMW.js';
+import '../chunk-ERLI5GAP.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.77",
+  "version": "2.8.79",
   "license": "MIT",
   "type": "module",
   "module": "./dist/index.js",
@@ -50,6 +50,10 @@
       "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"

package/dist/chunk-UC2R4AXD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Analytics/ChartStyles/styles.ts","../src/components/Analytics/EmptyState/index.tsx","../src/components/Analytics/RotatedTick/index.tsx"],"names":["Box","MuiCard","MuiCardHeader","MuiCheckbox","Stack","styled","ChartCard","theme","ChartCardHeader","ChartWrapper","TooltipContainer","TooltipDivider","TooltipDot","prop","dotColor","LegendContainer","LegendItem","ColoredCheckbox","checkboxColor","SummaryStack","SummaryDivider","EmptyStateContainer","Typography","jsx","jsxs","EmptyState","Icon_default","EmptyState_default","RotatedTick","props","x","y","payload","tickFormatter","index","maxChars","raw","label","RotatedTick_default"],"mappings":"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","sourcesContent":["import Box from '@mui/material/Box';\nimport MuiCard from '@mui/material/Card';\nimport MuiCardHeader from '@mui/material/CardHeader';\nimport MuiCheckbox from '@mui/material/Checkbox';\nimport Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\n\nexport const ChartCard = styled(MuiCard)(({ theme }) => ({\n  width: '100%',\n\n  border: `1px solid ${theme.palette.divider}`,\n\n  boxShadow: 'none',\n  overflow: 'visible',\n}));\n\nexport const ChartCardHeader = styled(MuiCardHeader)(({ theme }) => ({\n  [theme.breakpoints.down('sm')]: {\n    flexWrap: 'wrap',\n    gap: theme.spacing(2),\n\n    '& .MuiCardHeader-action': {\n      width: '100%',\n    },\n  },\n}));\n\nexport const ChartWrapper = styled(Stack)({\n  position: 'relative',\n  width: '100%',\n  overflow: 'visible',\n\n  '& .recharts-wrapper, & .recharts-wrapper *': {\n    outline: 'none !important',\n    boxShadow: 'none !important',\n    WebkitTapHighlightColor: 'transparent',\n  },\n});\n\nexport const TooltipContainer = styled(Box)(({ theme }) => ({\n  backgroundColor: theme.palette.background.paper,\n  border: '1px solid',\n  borderColor: theme.palette.divider,\n  borderRadius: theme.shape.borderRadius,\n  padding: theme.spacing(1.5),\n  boxShadow: theme.shadows[3],\n}));\n\nexport const TooltipDivider = styled(Box)(({ theme }) => ({\n  width: '100%',\n  height: '1px',\n  backgroundColor: theme.palette.divider,\n  marginBottom: theme.spacing(1.5),\n}));\n\nexport const TooltipDot = styled(Box, {\n  shouldForwardProp: prop => prop !== 'dotColor',\n})<{ dotColor: string }>(({ dotColor }) => ({\n  width: 10,\n  height: 10,\n  borderRadius: '50%',\n  backgroundColor: dotColor,\n}));\n\nexport const LegendContainer = styled(Stack)({\n  flexDirection: 'row',\n  flexWrap: 'wrap',\n  justifyContent: 'center',\n  alignItems: 'center',\n  gap: 16,\n  marginTop: 16,\n});\n\nexport const LegendItem = styled(Stack)({\n  flexDirection: 'row',\n  alignItems: 'center',\n  cursor: 'pointer',\n});\n\nexport const ColoredCheckbox = styled(MuiCheckbox, {\n  shouldForwardProp: prop => prop !== 'checkboxColor',\n})<{ checkboxColor: string }>(({ checkboxColor }) => ({\n  color: checkboxColor,\n  '&.Mui-checked': { color: checkboxColor },\n  padding: 4,\n}));\n\nexport const SummaryStack = styled(Stack)({\n  flexDirection: 'row',\n  alignItems: 'flex-start',\n  gap: 32,\n  marginBottom: 24,\n  flexWrap: 'wrap',\n});\n\nexport const SummaryDivider = styled(Box)(({ theme }) => ({\n  width: '1px',\n  height: 40,\n  backgroundColor: theme.palette.divider,\n  alignSelf: 'center',\n}));\n\nexport const EmptyStateContainer = styled(Stack)({\n  minHeight: 350,\n  alignItems: 'center',\n  justifyContent: 'center',\n  gap: 12,\n});\n","import Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport Icon from 'components/Icon';\n\nconst EmptyState = () => {\n  return (\n    <Stack\n      minHeight={300}\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      gap={1.5}\n    >\n      <Icon icon=\"CALENDAR_TODAY\" width={60} color=\"text.secondary\" />\n\n      <Stack textAlign=\"center\">\n        <Typography variant=\"subtitle1\" fontSize=\"subtitle1.fontSize\">\n          Nenhum dado disponível ainda\n        </Typography>\n\n        <Typography\n          variant=\"body2\"\n          fontSize=\"body2.fontSize\"\n          color=\"text.secondary\"\n        >\n          Assim que houver registros, os dados serão exibidos aqui.\n        </Typography>\n      </Stack>\n    </Stack>\n  );\n};\n\nexport default EmptyState;\n","import { RotatedTickProps } from './props';\n\nconst RotatedTick = (props: RotatedTickProps) => {\n  const { x, y, payload, tickFormatter, index = 0, maxChars = 10 } = props;\n  if (x == null || y == null || !payload) return null;\n\n  const raw = tickFormatter\n    ? tickFormatter(payload.value, index)\n    : payload.value;\n  const label = raw.length > maxChars ? `${raw.slice(0, maxChars)}...` : raw;\n\n  return (\n    <g transform={`translate(${x},${y})`}>\n      <text\n        x={0}\n        y={0}\n        dy={4}\n        textAnchor=\"end\"\n        fill=\"#637381\"\n        fontSize={11}\n        transform=\"rotate(-45)\"\n      >\n        {label}\n      </text>\n    </g>\n  );\n};\n\nexport default RotatedTick;\n"]}

package/dist/chunk-Y2SILVOR.js

@@ -1,4 +0,0 @@
-var e=(L=>(L.MONTHLY="MONTHLY",L.DAILY="DAILY",L))(e||{}),M={["MONTHLY"]:"Mensal",["DAILY"]:"Di\xE1rio"},D=(L=>(L.XLSX="XLSX",L.PDF="PDF",L))(D||{});
-
-export { e as a, M as b, D as c };
-//# sourceMappingURL=chunk-Y2SILVOR.js.map

package/dist/chunk-Y2SILVOR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/types/analytics.ts"],"names":["ViewMode","VIEW_MODE_LABELS","ExportFormat"],"mappings":"AAAO,IAAKA,OACVA,EAAA,QAAU,UACVA,EAAA,MAAQ,QAFEA,OAAA,IAKCC,EAA6C,CACxD,CAAC,SAAgB,EAAG,SACpB,CAAC,OAAc,EAAG,WACpB,EAEYC,OACVA,EAAA,KAAO,OACPA,EAAA,IAAM,MAFIA,OAAA","sourcesContent":["export enum ViewMode {\n  MONTHLY = 'MONTHLY',\n  DAILY = 'DAILY',\n}\n\nexport const VIEW_MODE_LABELS: Record<ViewMode, string> = {\n  [ViewMode.MONTHLY]: 'Mensal',\n  [ViewMode.DAILY]: 'Diário',\n};\n\nexport enum ExportFormat {\n  XLSX = 'XLSX',\n  PDF = 'PDF',\n}\n"]}

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

@@ -286,13 +286,10 @@ declare const components: {
     MuiTimelineDot: {
         defaultProps?: Partial<_mui_lab_TimelineDot.TimelineDotProps> | undefined;
         styleOverrides?: Partial<_mui_material_styles_overrides.OverridesStyleRules<keyof _mui_lab_TimelineDot.TimelineDotClasses, "MuiTimelineDot", {
-            cssVarPrefix: string;
-            zIndex: _mui_material.ZIndex;
-            direction: _mui_system.Direction;
-            opacity: _mui_material.Opacity;
-            typography: _mui_material.TypographyVariants;
+            transitions: _mui_material.Transitions;
             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;
@@ -303,13 +300,16 @@ declare const components: {
             spacing: _mui_system.Spacing;
             breakpoints: _mui_system.Breakpoints;
             shape: _mui_system.Shape;
-            transitions: _mui_material.Transitions;
+            typography: _mui_material.TypographyVariants;
             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,13 +326,10 @@ declare const components: {
     MuiTimelineConnector: {
         defaultProps?: Partial<_mui_lab_TimelineConnector.TimelineConnectorProps> | undefined;
         styleOverrides?: Partial<_mui_material_styles_overrides.OverridesStyleRules<"root", "MuiTimelineConnector", {
-            cssVarPrefix: string;
-            zIndex: _mui_material.ZIndex;
-            direction: _mui_system.Direction;
-            opacity: _mui_material.Opacity;
-            typography: _mui_material.TypographyVariants;
+            transitions: _mui_material.Transitions;
             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;
@@ -343,13 +340,16 @@ declare const components: {
             spacing: _mui_system.Spacing;
             breakpoints: _mui_system.Breakpoints;
             shape: _mui_system.Shape;
-            transitions: _mui_material.Transitions;
+            typography: _mui_material.TypographyVariants;
             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;