@deenruv/merchant-plugin 1.0.17-dev.18 → 1.0.17-dev.23

package/dist/plugin-ui/graphql/mutations.js

@@ -15,3 +15,9 @@ export const saveMerchantPlatformSettings = mutation({
 export const removeOrphanItems = mutation({
     removeOrphanItems: [{ platform: $("platform", "String!") }, true],
 });
+export const sendAllProductsToMerchantPlatform = mutation({
+    sendAllProductsToMerchantPlatform: [
+        { platform: $("platform", "String!") },
+        true,
+    ],
+});

package/dist/plugin-ui/graphql/queries.d.ts

@@ -1,15 +1,16 @@
-export declare const getMerchantPlatformSettings: import("@graphql-typed-document-node/core").TypedDocumentNode<{
+import type { TypedDocumentNode } from "@graphql-typed-document-node/core";
+export declare const getMerchantPlatformSettings: TypedDocumentNode<{
     getMerchantPlatformSettings?: {
-        entries?: {
+        entries: {
             value: string;
             key: string;
-        }[] | undefined;
+        }[];
         platform: string;
     } | undefined;
 }, {} & {
     platform: string;
 }>;
-export declare const getMerchantPlatformInfo: import("@graphql-typed-document-node/core").TypedDocumentNode<{
+export declare const getMerchantPlatformInfo: TypedDocumentNode<{
     getMerchantPlatformInfo?: {
         isValidConnection: boolean;
         productsCount: number;
@@ -17,3 +18,53 @@ export declare const getMerchantPlatformInfo: import("@graphql-typed-document-no
 }, {} & {
     platform: string;
 }>;
+export type GoogleMerchantDiagnostic = {
+    checkedAt?: string;
+    connectionStatus?: string;
+    dataSourceVerified?: boolean;
+    disapprovedProductsCount?: number;
+    isValidConnection: boolean;
+    issues?: Array<{
+        code: string;
+        description: string;
+        offerId: string;
+        severity: string;
+    }>;
+    issuesCount?: number;
+    lastError?: {
+        code: string;
+        message: string;
+        retryable: boolean;
+    };
+    latencyMs?: number;
+    productsCount: number;
+};
+export type MerchantSyncRunSummary = {
+    createdAt: string;
+    errorSummary?: string;
+    failed: number;
+    finishedAt?: string;
+    id: string;
+    items: Array<{
+        attempts: number;
+        errorCode?: string;
+        errorMessage?: string;
+        offerId: string;
+        operation: string;
+        status: string;
+    }>;
+    status: string;
+    succeeded: number;
+    total: number;
+    trigger: string;
+};
+export declare const getGoogleMerchantDiagnostic: TypedDocumentNode<{
+    getMerchantPlatformInfo?: GoogleMerchantDiagnostic[] | undefined;
+}, {
+    [key: string]: any;
+}>;
+export declare const getGoogleMerchantSyncHistory: TypedDocumentNode<{
+    getMerchantSyncHistory: MerchantSyncRunSummary[];
+}, {
+    take?: number | undefined;
+}>;

package/dist/plugin-ui/graphql/queries.js

@@ -2,6 +2,7 @@ import { typedGql } from "../zeus/typedDocumentNode";
 import { scalars } from "./scalars";
 import { merchantPlatformSettingsSelector } from "./mutations";
 import { $ } from "../zeus/index";
+import { gql } from "graphql-tag";
 const query = typedGql("query", { scalars });
 export const getMerchantPlatformSettings = query({
     getMerchantPlatformSettings: [
@@ -15,3 +16,51 @@ export const getMerchantPlatformInfo = query({
         { isValidConnection: true, productsCount: true },
     ],
 });
+export const getGoogleMerchantDiagnostic = gql `
+  query GetGoogleMerchantDiagnostic {
+    getMerchantPlatformInfo(platform: "google") {
+      isValidConnection
+      productsCount
+      connectionStatus
+      dataSourceVerified
+      checkedAt
+      latencyMs
+      disapprovedProductsCount
+      issuesCount
+      lastError {
+        code
+        message
+        retryable
+      }
+      issues {
+        offerId
+        code
+        description
+        severity
+      }
+    }
+  }
+`;
+export const getGoogleMerchantSyncHistory = gql `
+  query GetGoogleMerchantSyncHistory($take: Int) {
+    getMerchantSyncHistory(platform: "google", take: $take) {
+      id
+      createdAt
+      trigger
+      status
+      total
+      succeeded
+      failed
+      errorSummary
+      finishedAt
+      items {
+        offerId
+        operation
+        status
+        errorCode
+        errorMessage
+        attempts
+      }
+    }
+  }
+`;

package/dist/plugin-ui/pages/GooglePage.js

@@ -1,14 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Label, Input, PageBlock, useLazyQuery, useMutation, Checkbox, Button, } from "@deenruv/react-ui-devkit";
-import { getMerchantPlatformInfo, getMerchantPlatformSettings, } from "../graphql/queries";
-import { removeOrphanItems, saveMerchantPlatformSettings, } from "../graphql/mutations";
+import { getGoogleMerchantDiagnostic, getGoogleMerchantSyncHistory, getMerchantPlatformSettings, } from "../graphql/queries";
+import { removeOrphanItems, saveMerchantPlatformSettings, sendAllProductsToMerchantPlatform, } from "../graphql/mutations";
 import { toast } from "sonner";
 export const GooglePage = () => {
     const [fetchMerchantPlatformSettings] = useLazyQuery(getMerchantPlatformSettings);
-    const [fetchMerchantPlatformInfo] = useLazyQuery(getMerchantPlatformInfo);
+    const [fetchMerchantPlatformInfo] = useLazyQuery(getGoogleMerchantDiagnostic);
+    const [fetchSyncHistory] = useLazyQuery(getGoogleMerchantSyncHistory);
     const [mutate] = useMutation(saveMerchantPlatformSettings);
     const [removeOldItems] = useMutation(removeOrphanItems);
+    const [sendAllProducts] = useMutation(sendAllProductsToMerchantPlatform);
+    const [diagnostic, setDiagnostic] = useState(null);
+    const [syncHistory, setSyncHistory] = useState([]);
     const [serviceInfo, setServiceInfo] = useState({
         productsCount: 0,
         connectionStatus: false,
@@ -42,6 +46,8 @@ export const GooglePage = () => {
         brand: "",
         merchantId: "",
         dataSource: "",
+        contentLanguage: "pl",
+        feedLabel: "PL",
         credentials: "",
         autoUpdate: true,
         firstSync: true,
@@ -49,9 +55,10 @@ export const GooglePage = () => {
     const refetch = async () => {
         try {
             setIsLoading(true);
-            const [settingsData, infoData] = await Promise.all([
+            const [settingsData, infoData, historyData] = await Promise.all([
                 fetchMerchantPlatformSettings({ platform: "google" }),
-                fetchMerchantPlatformInfo({ platform: "google" }),
+                fetchMerchantPlatformInfo(),
+                fetchSyncHistory({ take: 10 }),
             ]);
             const settings = settingsData?.getMerchantPlatformSettings?.entries?.reduce((acc, { key, value }) => {
                 if (key === "brand") {
@@ -63,6 +70,12 @@ export const GooglePage = () => {
                 if (key === "dataSource") {
                     acc.dataSource = value;
                 }
+                if (key === "contentLanguage") {
+                    acc.contentLanguage = value;
+                }
+                if (key === "feedLabel") {
+                    acc.feedLabel = value;
+                }
                 if (key === "credentials") {
                     acc.credentials = value;
                 }
@@ -75,9 +88,12 @@ export const GooglePage = () => {
                 return acc;
             }, {});
             setSettingsForm((prev) => ({ ...prev, ...settings }));
+            const currentDiagnostic = infoData?.getMerchantPlatformInfo?.[0];
+            setDiagnostic(currentDiagnostic ?? null);
+            setSyncHistory(historyData?.getMerchantSyncHistory ?? []);
             setServiceInfo({
-                productsCount: infoData?.getMerchantPlatformInfo?.[0]?.productsCount || 0,
-                connectionStatus: infoData?.getMerchantPlatformInfo?.[0]?.isValidConnection || false,
+                productsCount: currentDiagnostic?.productsCount || 0,
+                connectionStatus: currentDiagnostic?.isValidConnection || false,
             });
             setIsLoading(false);
         }
@@ -111,7 +127,7 @@ export const GooglePage = () => {
         }
         catch (error) {
             console.error(error);
-            toast.error("Failed to save settings");
+            toast.error(`Failed to save settings: ${error instanceof Error ? error.message : "Unknown error"}`);
         }
     };
     return (_jsx(PageBlock, { children: _jsxs("div", { style: { position: "relative" }, className: "flex flex-col p-4 relative max-w-[800px] mx-auto", children: [isLoading && (_jsx("div", { style: {
@@ -138,7 +154,13 @@ export const GooglePage = () => {
                                             }) })] })] }), _jsxs("div", { className: "w-full flex flex-col gap-2", children: [_jsx(Label, { children: "Data source" }), _jsx(Input, { className: "w-full", placeholder: "accounts/{merchantId}/dataSources/{id}", required: true, value: settingsForm.dataSource, onChange: (e) => setSettingsForm({
                                         ...settingsForm,
                                         dataSource: e.target.value,
-                                    }) })] }), _jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col", children: [_jsx(Label, { children: "Google Account Credentials" }), _jsx(Input, { style: {
+                                    }) })] }), _jsxs("div", { className: "flex justify-between gap-4", children: [_jsxs("div", { className: "w-full flex flex-col gap-2", children: [_jsx(Label, { children: "Content language" }), _jsx(Input, { required: true, value: settingsForm.contentLanguage, onChange: (e) => setSettingsForm({
+                                                ...settingsForm,
+                                                contentLanguage: e.target.value,
+                                            }) })] }), _jsxs("div", { className: "w-full flex flex-col gap-2", children: [_jsx(Label, { children: "Feed label" }), _jsx(Input, { required: true, value: settingsForm.feedLabel, onChange: (e) => setSettingsForm({
+                                                ...settingsForm,
+                                                feedLabel: e.target.value,
+                                            }) })] })] }), _jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col", children: [_jsx(Label, { children: "Google Account Credentials" }), _jsx(Input, { style: {
                                                 border: "none",
                                                 backgroundColor: "transparent",
                                                 background: "none",
@@ -148,15 +170,31 @@ export const GooglePage = () => {
                                             }) }), _jsx(Label, { htmlFor: "google-account-credentials", children: "Auto update on Product's change" })] })] }), _jsx("div", { className: "flex justify-end", children: _jsxs("div", { className: "flex items-center gap-4", children: [_jsxs("div", { className: "flex gap-2", children: [_jsx(Label, { htmlFor: "auto-update-on-products-change", children: "Update ALL products with saving" }), _jsx(Checkbox, { id: "auto-update-on-products-change", checked: settingsForm.firstSync, onCheckedChange: (checked) => setSettingsForm({
                                                     ...settingsForm,
                                                     firstSync: typeof checked === "boolean" ? checked : false,
-                                                }) })] }), _jsx(Button, { children: "Save" })] }) })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx("span", { children: "Connection status" }), serviceInfo.connectionStatus ? _jsx("div", { children: "\uD83D\uDC9A" }) : _jsx("div", { children: "\uD83D\uDC94" })] }), serviceInfo.connectionStatus ? (_jsx("div", { className: "mt-8", children: _jsx(Button, { onClick: async () => {
+                                                }) })] }), _jsx(Button, { children: "Save" })] }) })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx("span", { children: "Connection status" }), _jsx("strong", { children: serviceInfo.connectionStatus ? "Connected" : "Disconnected" })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx("span", { children: "Products count" }), _jsx("span", { children: serviceInfo.productsCount })] }), _jsxs("div", { className: "flex flex-col gap-1 text-sm", children: [_jsxs("span", { children: ["Diagnostic: ", diagnostic?.connectionStatus ?? "UNKNOWN"] }), _jsxs("span", { children: ["Data source verified:", " ", diagnostic?.dataSourceVerified ? "yes" : "no"] }), _jsxs("span", { children: ["Latency: ", diagnostic?.latencyMs ?? 0, " ms"] }), _jsxs("span", { children: ["Disapproved products: ", diagnostic?.disapprovedProductsCount ?? 0] }), _jsxs("span", { children: ["Product issues: ", diagnostic?.issuesCount ?? 0] }), diagnostic?.lastError ? (_jsxs("div", { className: "rounded border border-red-400 p-2 text-red-700", children: [diagnostic.lastError.code, ": ", diagnostic.lastError.message] })) : null, (diagnostic?.issues ?? []).slice(0, 20).map((issue) => (_jsxs("div", { className: "rounded border border-amber-400 p-2", children: [issue.offerId, " \u00B7 ", issue.severity, " \u00B7 ", issue.code, ":", " ", issue.description] }, `${issue.offerId}-${issue.code}`)))] }), _jsxs("div", { className: "mt-4 flex gap-2", children: [_jsx(Button, { type: "button", onClick: async () => {
+                                await refetch();
+                                toast.success("Connection diagnostic completed");
+                            }, children: "Test connection" }), _jsx(Button, { type: "button", onClick: async () => {
+                                try {
+                                    await sendAllProducts({ platform: "google" });
+                                    toast.success("Full synchronization queued");
+                                    await refetch();
+                                }
+                                catch (error) {
+                                    console.error(error);
+                                    toast.error("Failed to queue full synchronization");
+                                }
+                            }, children: "Synchronize all" })] }), serviceInfo.connectionStatus ? (_jsx("div", { className: "mt-8", children: _jsx(Button, { onClick: async () => {
                             try {
                                 await removeOldItems({ platform: "google" });
-                                toast.success("Old items removed successfully");
+                                toast.success("Orphan cleanup queued");
                                 refetch();
                             }
                             catch (error) {
                                 console.error(error);
-                                toast.error("Failed to remove old items");
+                                toast.error("Failed to queue orphan cleanup");
                             }
-                        }, children: "Remove old items" }) })) : null] }) }));
+                        }, children: "Remove old items" }) })) : null, _jsxs("div", { className: "mt-8 flex flex-col gap-2", children: [_jsx("h3", { className: "font-semibold", children: "Recent synchronizations" }), syncHistory.length === 0 ? (_jsx("span", { children: "No synchronization history" })) : (syncHistory.map((run) => (_jsxs("div", { className: "rounded border p-2 text-sm", children: [_jsxs("div", { children: [run.status, " \u00B7 ", run.succeeded, "/", run.total, " successful \u00B7", " ", run.failed, " failed"] }), _jsx("div", { children: new Date(run.createdAt).toLocaleString() }), run.errorSummary ? (_jsx("div", { className: "text-red-700", children: run.errorSummary })) : null, run.items
+                                    .filter((item) => item.status === "FAILED")
+                                    .slice(0, 20)
+                                    .map((item) => (_jsxs("div", { className: "mt-1 text-red-700", children: [item.offerId, " \u00B7 ", item.errorCode ?? "ERROR", " \u00B7 attempts:", " ", item.attempts, " \u00B7 ", item.errorMessage] }, `${run.id}-${item.offerId}-${item.operation}`)))] }, run.id))))] })] }) }));
 };

package/dist/plugin-ui/zeus/const.js

@@ -116,6 +116,13 @@ export const AllTypesProps = {
         zone: {},
         getMerchantPlatformSettings: {},
         getMerchantPlatformInfo: {},
+        getMerchantSyncHistory: {},
+        chartMetric: {
+            input: "ChartMetricInput"
+        },
+        orderSummaryMetric: {
+            input: "OrderSummaryMetricInput"
+        },
         getInpostOrganizations: {
             input: "GetInpostOrganizationsInput"
         },
@@ -1178,6 +1185,21 @@ export const AllTypesProps = {
     SaveMerchantPlatformSettingInput: {
         entries: "MerchantPlatformSettingInput"
     },
+    MetricRangeType: "enum",
+    MetricIntervalType: "enum",
+    ChartMetricType: "enum",
+    BetterMetricRangeInput: {
+        start: "DateTime",
+        end: "DateTime"
+    },
+    OrderSummaryMetricInput: {
+        range: "BetterMetricRangeInput"
+    },
+    ChartMetricInput: {
+        range: "BetterMetricRangeInput",
+        interval: "MetricIntervalType",
+        types: "ChartMetricType"
+    },
     SetInpostShippingMethodConfigInput: {},
     GetInpostOrganizationsInput: {},
     MetricInterval: "enum",
@@ -1698,6 +1720,10 @@ export const ReturnTypes = {
         zone: "Zone",
         getMerchantPlatformSettings: "MerchantPlatformSettingsEntity",
         getMerchantPlatformInfo: "MerchantPlatformInfo",
+        getMerchantSyncHistory: "MerchantSyncRun",
+        additionalOrderStates: "AdditionalOrderState",
+        chartMetric: "ChartMetrics",
+        orderSummaryMetric: "OrderSummaryMetrics",
         getInpostConfig: "InpostConfig",
         getInpostOrganizations: "InpostOrganizationResponse",
         metricSummary: "MetricSummary"
@@ -3606,7 +3632,84 @@ export const ReturnTypes = {
     },
     MerchantPlatformInfo: {
         isValidConnection: "Boolean",
-        productsCount: "Int"
+        productsCount: "Int",
+        connectionStatus: "String",
+        dataSourceVerified: "Boolean",
+        checkedAt: "DateTime",
+        latencyMs: "Int",
+        disapprovedProductsCount: "Int",
+        issuesCount: "Int",
+        lastError: "MerchantPlatformError",
+        issues: "MerchantProductIssue"
+    },
+    MerchantPlatformError: {
+        code: "String",
+        message: "String",
+        retryable: "Boolean"
+    },
+    MerchantProductIssue: {
+        offerId: "String",
+        code: "String",
+        description: "String",
+        severity: "String"
+    },
+    MerchantSyncItem: {
+        id: "ID",
+        offerId: "String",
+        operation: "String",
+        status: "String",
+        errorCode: "String",
+        errorMessage: "String",
+        attempts: "Int"
+    },
+    MerchantSyncRun: {
+        id: "ID",
+        createdAt: "DateTime",
+        platform: "String",
+        trigger: "String",
+        status: "String",
+        jobId: "String",
+        total: "Int",
+        succeeded: "Int",
+        failed: "Int",
+        errorSummary: "String",
+        startedAt: "DateTime",
+        finishedAt: "DateTime",
+        items: "MerchantSyncItem"
+    },
+    AdditionalOrderState: {
+        state: "String",
+        selectedByDefault: "Boolean"
+    },
+    ChartDataType: {
+        type: "ChartMetricType",
+        title: "String",
+        entries: "ChartEntry"
+    },
+    ChartMetrics: {
+        data: "ChartDataType"
+    },
+    OrderSummaryMetrics: {
+        data: "OrderSummaryDataMetric"
+    },
+    OrderSummaryDataMetric: {
+        currencyCode: "CurrencyCode",
+        total: "Float",
+        totalWithTax: "Float",
+        orderCount: "Float",
+        averageOrderValue: "Float",
+        averageOrderValueWithTax: "Float",
+        productCount: "Float"
+    },
+    ChartEntryAdditionalData: {
+        id: "String",
+        name: "String",
+        quantity: "Float"
+    },
+    ChartEntry: {
+        intervalTick: "Int",
+        value: "Float",
+        additionalData: "ChartEntryAdditionalData"
     },
     InpostConfig: {
         shippingMethodId: "ID",