UNPKG

@rsc-labs/medusa-store-analytics-v2

Version:
20 lines (19 loc) 1.94 kB
import { jsxs, jsx } from "react/jsx-runtime"; import { Heading } from "@medusajs/ui"; import { Grid } from "@mui/material"; import { PercentageComparison } from "../../common/percentage-comparison.js"; import { IconComparison } from "../../common/icon-comparison.js"; const RepeatCustomerRateNummber = ({ repeatCustomerRateResponse, compareEnabled }) => { const currentPercentage = repeatCustomerRateResponse.analytics.current !== void 0 && repeatCustomerRateResponse.analytics.current.returnCustomerRate !== void 0 ? parseInt(repeatCustomerRateResponse.analytics.current.returnCustomerRate) : void 0; const previousPercentage = repeatCustomerRateResponse.analytics.previous !== void 0 && repeatCustomerRateResponse.analytics.previous.returnCustomerRate !== void 0 ? parseInt(repeatCustomerRateResponse.analytics.previous.returnCustomerRate) : void 0; return /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", spacing: 2, children: [ /* @__PURE__ */ jsx(Grid, { item: true, children: currentPercentage !== void 0 ? /* @__PURE__ */ jsx(Heading, { level: "h1", children: `${currentPercentage}%` }) : /* @__PURE__ */ jsx(Heading, { level: "h3", children: `No orders or customers` }) }), compareEnabled && repeatCustomerRateResponse.analytics.dateRangeFromCompareTo && currentPercentage !== void 0 && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", children: [ /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(IconComparison, { current: currentPercentage, previous: previousPercentage ? previousPercentage : void 0 }) }), previousPercentage !== void 0 && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(PercentageComparison, { current: currentPercentage.toString(), previous: previousPercentage.toString(), label: "%" }) }) ] }) }) ] }); }; export { RepeatCustomerRateNummber };