@rsc-labs/medusa-store-analytics-v2/.medusa/server/src/ui-components/customers/customers-by-new-chart.js

Get analytics data about your store

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CustomersByNewChart = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
/*
 * Copyright 2024 RSC-Labs, https://rsoftcon.com/
 *
 * MIT License
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
const ui_1 = require("@medusajs/ui");
const material_1 = require("@mui/material");
const chart_components_1 = require("../common/chart-components");
const react_1 = require("react");
const helpers_1 = require("../utils/helpers");
const CustomersByNewChart = ({ dateRange, dateRangeCompareTo, compareEnabled }) => {
    const [data, setData] = (0, react_1.useState)(undefined);
    const [error, setError] = (0, react_1.useState)(undefined);
    const [isLoading, setLoading] = (0, react_1.useState)(true);
    (0, react_1.useEffect)(() => {
        setLoading(true);
    }, [dateRange, dateRangeCompareTo]);
    (0, react_1.useEffect)(() => {
        if (!isLoading) {
            return;
        }
        fetch(`/admin/customers-analytics/history?${(0, helpers_1.deduceDateUrlParams)(dateRange, dateRangeCompareTo).toString()}`, {
            credentials: "include",
        })
            .then((res) => res.json())
            .then((result) => {
            setData(result);
            setLoading(false);
        })
            .catch((error) => {
            setError(error);
            console.error(error);
        });
    }, [isLoading]);
    if (isLoading) {
        return (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 12 });
    }
    if (error) {
        const trueError = error;
        const errorText = `Error when loading data. It shouldn't have happened - please raise an issue. For developer: ${trueError?.response?.data?.message}`;
        return (0, jsx_runtime_1.jsx)(ui_1.Alert, { variant: "error", children: errorText });
    }
    if (data == undefined || data.analytics == undefined) {
        return (0, jsx_runtime_1.jsx)(ui_1.Heading, { level: "h3", children: "Cannot get customers" });
    }
    if (data.analytics.dateRangeFrom && data.analytics.dateRangeTo) {
        const rawChartData = {
            current: data.analytics.current.map(currentData => {
                return {
                    date: new Date(currentData.date),
                    value: currentData.customerCount
                };
            }),
            previous: data.analytics.previous.map(previousData => {
                return {
                    date: new Date(previousData.date),
                    value: previousData.customerCount
                };
            }),
        };
        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ui_1.Heading, { level: "h3", children: "New customers by time" }), (0, jsx_runtime_1.jsx)(chart_components_1.ChartCurrentPrevious, { rawChartData: rawChartData, fromDate: new Date(data.analytics.dateRangeFrom), toDate: new Date(data.analytics.dateRangeTo), fromCompareDate: data.analytics.dateRangeFromCompareTo ? new Date(data.analytics.dateRangeFromCompareTo) : undefined, toCompareDate: data.analytics.dateRangeToCompareTo ? new Date(data.analytics.dateRangeToCompareTo) : undefined, compareEnabled: compareEnabled })] }));
    }
    else {
        return (0, jsx_runtime_1.jsx)(ui_1.Heading, { level: "h3", children: "No customers" });
    }
};
exports.CustomersByNewChart = CustomersByNewChart;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tZXJzLWJ5LW5ldy1jaGFydC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy91aS1jb21wb25lbnRzL2N1c3RvbWVycy9jdXN0b21lcnMtYnktbmV3LWNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUE7Ozs7Ozs7Ozs7R0FVRztBQUVILHFDQUE4QztBQUM5Qyw0Q0FBaUQ7QUFFakQsaUVBQWtFO0FBQ2xFLGlDQUE0QztBQUM1Qyw4Q0FBdUQ7QUFrQmhELE1BQU0sbUJBQW1CLEdBQUcsQ0FBQyxFQUFDLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxjQUFjLEVBQXFGLEVBQUUsRUFBRTtJQUV6SyxNQUFNLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxHQUFHLElBQUEsZ0JBQVEsRUFBdUMsU0FBUyxDQUFDLENBQUE7SUFFakYsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxJQUFBLGdCQUFRLEVBQU0sU0FBUyxDQUFDLENBQUM7SUFFbkQsTUFBTSxDQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsR0FBRyxJQUFBLGdCQUFRLEVBQUMsSUFBSSxDQUFDLENBQUE7SUFFOUMsSUFBQSxpQkFBUyxFQUFDLEdBQUcsRUFBRTtRQUNiLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNuQixDQUFDLEVBQUUsQ0FBQyxTQUFTLEVBQUUsa0JBQWtCLENBQUMsQ0FBQyxDQUFBO0lBRW5DLElBQUEsaUJBQVMsRUFBQyxHQUFHLEVBQUU7UUFDYixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDZixPQUFPO1FBQ1QsQ0FBQztRQUVELEtBQUssQ0FBQyxzQ0FBc0MsSUFBQSw2QkFBbUIsRUFBQyxTQUFTLEVBQUUsa0JBQWtCLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRSxFQUFFO1lBQzNHLFdBQVcsRUFBRSxTQUFTO1NBQ3ZCLENBQUM7YUFDRCxJQUFJLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEVBQUUsQ0FBQzthQUN6QixJQUFJLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUNmLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQTtZQUNmLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUNuQixDQUFDLENBQUM7YUFDRCxLQUFLLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUNmLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNoQixPQUFPLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3ZCLENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVmLElBQUksU0FBUyxFQUFFLENBQUM7UUFDZCxPQUFPLHVCQUFDLDJCQUFnQixJQUFDLElBQUksRUFBRSxFQUFFLEdBQUcsQ0FBQTtJQUN0QyxDQUFDO0lBRUQsSUFBSSxLQUFLLEVBQUUsQ0FBQztRQUNWLE1BQU0sU0FBUyxHQUFHLEtBQVksQ0FBQztRQUMvQixNQUFNLFNBQVMsR0FBRywrRkFBK0YsU0FBUyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUE7UUFDckosT0FBTyx1QkFBQyxVQUFLLElBQUMsT0FBTyxFQUFDLE9BQU8sWUFBRSxTQUFTLEdBQVMsQ0FBQTtJQUNuRCxDQUFDO0lBRUQsSUFBSSxJQUFJLElBQUksU0FBUyxJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksU0FBUyxFQUFFLENBQUM7UUFDckQsT0FBTyx1QkFBQyxZQUFPLElBQUMsS0FBSyxFQUFDLElBQUkscUNBQStCLENBQUE7SUFDM0QsQ0FBQztJQUVELElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUMvRCxNQUFNLFlBQVksR0FBRztZQUNuQixPQUFPLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLFdBQVcsQ0FBQyxFQUFFO2dCQUNoRCxPQUFPO29CQUNMLElBQUksRUFBRSxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDO29CQUNoQyxLQUFLLEVBQUUsV0FBVyxDQUFDLGFBQWE7aUJBQ2pDLENBQUM7WUFDSixDQUFDLENBQUM7WUFDRixRQUFRLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFlBQVksQ0FBQyxFQUFFO2dCQUNuRCxPQUFPO29CQUNMLElBQUksRUFBRSxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO29CQUNqQyxLQUFLLEVBQUUsWUFBWSxDQUFDLGFBQWE7aUJBQ2xDLENBQUM7WUFDSixDQUFDLENBQUM7U0FDSCxDQUFDO1FBQ0YsT0FBTyxDQUNMLDZEQUNFLHVCQUFDLFlBQU8sSUFBQyxLQUFLLEVBQUMsSUFBSSxzQ0FBZ0MsRUFDbkQsdUJBQUMsdUNBQW9CLElBQ25CLFlBQVksRUFBRSxZQUFZLEVBQzFCLFFBQVEsRUFBRSxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxFQUNoRCxNQUFNLEVBQUUsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLENBQUMsRUFDNUMsZUFBZSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsc0JBQXNCLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsc0JBQXNCLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUNwSCxhQUFhLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQzlHLGNBQWMsRUFBRSxjQUFjLEdBQzlCLElBQ0QsQ0FDSixDQUFBO0lBQ0gsQ0FBQztTQUFNLENBQUM7UUFDTixPQUFPLHVCQUFDLFlBQU8sSUFBQyxLQUFLLEVBQUMsSUFBSSw2QkFBdUIsQ0FBQTtJQUNuRCxDQUFDO0FBQ0gsQ0FBQyxDQUFBO0FBNUVZLFFBQUEsbUJBQW1CLHVCQTRFL0IifQ==