@focus-reactive/payload-plugin-translator 0.1.0

package/dist/client/entities/translation/api/queries/useDocumentTranslation.js

@@ -0,0 +1,55 @@
+import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { ofetch } from 'ofetch';
+import { useCallback } from 'react';
+import { useTranslateKitConfig } from '../../../../app/config';
+import { handleNextApiError } from '../../../../shared/lib/errors/handleApiError';
+const getDocumentTranslationQueryKey = ({ collection, id })=>{
+    return [
+        'document-translation-status',
+        collection,
+        id
+    ];
+};
+const POLLING_INTERVAL_MILLISECONDS = 20000 // 20 sec
+;
+export function useDocumentTranslation({ collection, id }, options) {
+    const queryClient = useQueryClient();
+    const { basePath } = useTranslateKitConfig();
+    const query = useQuery({
+        queryKey: getDocumentTranslationQueryKey({
+            collection,
+            id
+        }),
+        queryFn: async ({ signal })=>{
+            return handleNextApiError(async ()=>{
+                const response = await ofetch(`/api${basePath}/document/${collection}/${id}`, {
+                    method: 'get',
+                    signal
+                });
+                return response.data;
+            });
+        },
+        enabled: options?.enabled,
+        refetchInterval: (query)=>{
+            return query.state.data?.status === 'failed' || query.state.data?.status === 'completed' ? false : POLLING_INTERVAL_MILLISECONDS;
+        }
+    });
+    const invalidate = useCallback(()=>{
+        queryClient.invalidateQueries({
+            queryKey: getDocumentTranslationQueryKey({
+                collection,
+                id
+            })
+        });
+    }, [
+        collection,
+        id,
+        queryClient
+    ]);
+    return {
+        ...query,
+        invalidate
+    };
+}
+
+//# sourceMappingURL=useDocumentTranslation.js.map

package/dist/client/entities/translation/api/queries/useDocumentTranslation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/client/entities/translation/api/queries/useDocumentTranslation.ts"],"sourcesContent":["import { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { ofetch } from 'ofetch'\nimport type { CollectionSlug } from 'payload'\nimport { useCallback } from 'react'\n\nimport { useTranslateKitConfig } from '../../../../app/config'\nimport { handleNextApiError } from '../../../../shared/lib/errors/handleApiError'\nimport type { DocumentTranslation } from '../../model/types'\n\ntype Props = {\n  collection: CollectionSlug\n  id: string\n}\n\ntype Options = {\n  enabled?: boolean\n}\n\nconst getDocumentTranslationQueryKey = ({ collection, id }: Props) => {\n  return ['document-translation-status', collection, id]\n}\n\nconst POLLING_INTERVAL_MILLISECONDS = 20000 // 20 sec\n\nexport function useDocumentTranslation({ collection, id }: Props, options?: Options) {\n  const queryClient = useQueryClient()\n  const { basePath } = useTranslateKitConfig()\n\n  const query = useQuery<DocumentTranslation, Error, DocumentTranslation>({\n    queryKey: getDocumentTranslationQueryKey({ collection, id }),\n    queryFn: async ({ signal }) => {\n      return handleNextApiError(async () => {\n        const response = await ofetch<{ data: DocumentTranslation }>(`/api${basePath}/document/${collection}/${id}`, {\n          method: 'get',\n          signal,\n        })\n\n        return response.data\n      })\n    },\n    enabled: options?.enabled,\n    refetchInterval: (query) => {\n      return query.state.data?.status === 'failed' || query.state.data?.status === 'completed'\n        ? false\n        : POLLING_INTERVAL_MILLISECONDS\n    },\n  })\n\n  const invalidate = useCallback(() => {\n    queryClient.invalidateQueries({ queryKey: getDocumentTranslationQueryKey({ collection, id }) })\n  }, [collection, id, queryClient])\n\n  return { ...query, invalidate }\n}\n"],"names":["useQuery","useQueryClient","ofetch","useCallback","useTranslateKitConfig","handleNextApiError","getDocumentTranslationQueryKey","collection","id","POLLING_INTERVAL_MILLISECONDS","useDocumentTranslation","options","queryClient","basePath","query","queryKey","queryFn","signal","response","method","data","enabled","refetchInterval","state","status","invalidate","invalidateQueries"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,cAAc,QAAQ,wBAAuB;AAChE,SAASC,MAAM,QAAQ,SAAQ;AAE/B,SAASC,WAAW,QAAQ,QAAO;AAEnC,SAASC,qBAAqB,QAAQ,yBAAwB;AAC9D,SAASC,kBAAkB,QAAQ,+CAA8C;AAYjF,MAAMC,iCAAiC,CAAC,EAAEC,UAAU,EAAEC,EAAE,EAAS;IAC/D,OAAO;QAAC;QAA+BD;QAAYC;KAAG;AACxD;AAEA,MAAMC,gCAAgC,MAAM,SAAS;;AAErD,OAAO,SAASC,uBAAuB,EAAEH,UAAU,EAAEC,EAAE,EAAS,EAAEG,OAAiB;IACjF,MAAMC,cAAcX;IACpB,MAAM,EAAEY,QAAQ,EAAE,GAAGT;IAErB,MAAMU,QAAQd,SAA0D;QACtEe,UAAUT,+BAA+B;YAAEC;YAAYC;QAAG;QAC1DQ,SAAS,OAAO,EAAEC,MAAM,EAAE;YACxB,OAAOZ,mBAAmB;gBACxB,MAAMa,WAAW,MAAMhB,OAAsC,CAAC,IAAI,EAAEW,SAAS,UAAU,EAAEN,WAAW,CAAC,EAAEC,IAAI,EAAE;oBAC3GW,QAAQ;oBACRF;gBACF;gBAEA,OAAOC,SAASE,IAAI;YACtB;QACF;QACAC,SAASV,SAASU;QAClBC,iBAAiB,CAACR;YAChB,OAAOA,MAAMS,KAAK,CAACH,IAAI,EAAEI,WAAW,YAAYV,MAAMS,KAAK,CAACH,IAAI,EAAEI,WAAW,cACzE,QACAf;QACN;IACF;IAEA,MAAMgB,aAAatB,YAAY;QAC7BS,YAAYc,iBAAiB,CAAC;YAAEX,UAAUT,+BAA+B;gBAAEC;gBAAYC;YAAG;QAAG;IAC/F,GAAG;QAACD;QAAYC;QAAII;KAAY;IAEhC,OAAO;QAAE,GAAGE,KAAK;QAAEW;IAAW;AAChC"}

package/dist/client/entities/translation/index.d.ts

@@ -0,0 +1,21 @@
+import { useCancelCollectionTranslations } from './api/mutations/useCancelCollectionTranslations';
+import { useCancelDocumentTranslation } from './api/mutations/useCancelDocumentTranslation';
+import { useQueueDocumentTranslation } from './api/mutations/useQueueDocumentTranslation';
+import { useRunDocumentTranslation } from './api/mutations/useRunDocumentTranslation';
+import { useCollectionTranslationStatus } from './api/queries/useCollectionTranslationStatus';
+import { useDocumentTranslation } from './api/queries/useDocumentTranslation';
+export { CompletedTranslationStatus } from './ui/CompletedTranslationStatus';
+export { FailedTranslationStatus } from './ui/FailedTranslationStatus';
+export { RunningTranslationStatus } from './ui/RunningTranslationStatus';
+export declare const TranslationsApi: {
+    useRunDocumentTranslation: typeof useRunDocumentTranslation;
+    useQueueDocumentTranslation: typeof useQueueDocumentTranslation;
+    useDocumentTranslation: typeof useDocumentTranslation;
+    useCancelDocumentTranslation: typeof useCancelDocumentTranslation;
+    useCollectionTranslationStatus: typeof useCollectionTranslationStatus;
+    useCancelCollectionTranslations: typeof useCancelCollectionTranslations;
+};
+export { PendingTranslationStatus } from './ui/PendingTranslationStatus';
+export type { DocumentTranslation, DocumentTranslationCompleted, DocumentTranslationFailed, DocumentTranslationPending, DocumentTranslationRunning, CollectionTranslationStatus, CollectionTranslationStatusItem, GroupedCollectionTranslationStatus, } from './model/types';
+export { DocumentTranslationStatus } from './model/enums';
+//# sourceMappingURL=index.d.ts.map

package/dist/client/entities/translation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/entities/translation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,+BAA+B,EAAE,MAAM,iDAAiD,CAAA;AACjG,OAAO,EAAE,4BAA4B,EAAE,MAAM,8CAA8C,CAAA;AAC3F,OAAO,EAAE,2BAA2B,EAAE,MAAM,6CAA6C,CAAA;AACzF,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAA;AACrF,OAAO,EAAE,8BAA8B,EAAE,MAAM,8CAA8C,CAAA;AAC7F,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAA;AAE7E,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAA;AAC5E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAA;AAExE,eAAO,MAAM,eAAe;;;;;;;CAO3B,CAAA;AAED,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAA;AAExE,YAAY,EACV,mBAAmB,EACnB,4BAA4B,EAC5B,yBAAyB,EACzB,0BAA0B,EAC1B,0BAA0B,EAC1B,2BAA2B,EAC3B,+BAA+B,EAC/B,kCAAkC,GACnC,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA"}

package/dist/client/entities/translation/index.js

@@ -0,0 +1,21 @@
+import { useCancelCollectionTranslations } from './api/mutations/useCancelCollectionTranslations';
+import { useCancelDocumentTranslation } from './api/mutations/useCancelDocumentTranslation';
+import { useQueueDocumentTranslation } from './api/mutations/useQueueDocumentTranslation';
+import { useRunDocumentTranslation } from './api/mutations/useRunDocumentTranslation';
+import { useCollectionTranslationStatus } from './api/queries/useCollectionTranslationStatus';
+import { useDocumentTranslation } from './api/queries/useDocumentTranslation';
+export { CompletedTranslationStatus } from './ui/CompletedTranslationStatus';
+export { FailedTranslationStatus } from './ui/FailedTranslationStatus';
+export { RunningTranslationStatus } from './ui/RunningTranslationStatus';
+export const TranslationsApi = {
+    useRunDocumentTranslation,
+    useQueueDocumentTranslation,
+    useDocumentTranslation,
+    useCancelDocumentTranslation,
+    useCollectionTranslationStatus,
+    useCancelCollectionTranslations
+};
+export { PendingTranslationStatus } from './ui/PendingTranslationStatus';
+export { DocumentTranslationStatus } from './model/enums';
+
+//# sourceMappingURL=index.js.map

package/dist/client/entities/translation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/entities/translation/index.ts"],"sourcesContent":["import { useCancelCollectionTranslations } from './api/mutations/useCancelCollectionTranslations'\nimport { useCancelDocumentTranslation } from './api/mutations/useCancelDocumentTranslation'\nimport { useQueueDocumentTranslation } from './api/mutations/useQueueDocumentTranslation'\nimport { useRunDocumentTranslation } from './api/mutations/useRunDocumentTranslation'\nimport { useCollectionTranslationStatus } from './api/queries/useCollectionTranslationStatus'\nimport { useDocumentTranslation } from './api/queries/useDocumentTranslation'\n\nexport { CompletedTranslationStatus } from './ui/CompletedTranslationStatus'\nexport { FailedTranslationStatus } from './ui/FailedTranslationStatus'\nexport { RunningTranslationStatus } from './ui/RunningTranslationStatus'\n\nexport const TranslationsApi = {\n  useRunDocumentTranslation,\n  useQueueDocumentTranslation,\n  useDocumentTranslation,\n  useCancelDocumentTranslation,\n  useCollectionTranslationStatus,\n  useCancelCollectionTranslations,\n}\n\nexport { PendingTranslationStatus } from './ui/PendingTranslationStatus'\n\nexport type {\n  DocumentTranslation,\n  DocumentTranslationCompleted,\n  DocumentTranslationFailed,\n  DocumentTranslationPending,\n  DocumentTranslationRunning,\n  CollectionTranslationStatus,\n  CollectionTranslationStatusItem,\n  GroupedCollectionTranslationStatus,\n} from './model/types'\n\nexport { DocumentTranslationStatus } from './model/enums'\n"],"names":["useCancelCollectionTranslations","useCancelDocumentTranslation","useQueueDocumentTranslation","useRunDocumentTranslation","useCollectionTranslationStatus","useDocumentTranslation","CompletedTranslationStatus","FailedTranslationStatus","RunningTranslationStatus","TranslationsApi","PendingTranslationStatus","DocumentTranslationStatus"],"mappings":"AAAA,SAASA,+BAA+B,QAAQ,kDAAiD;AACjG,SAASC,4BAA4B,QAAQ,+CAA8C;AAC3F,SAASC,2BAA2B,QAAQ,8CAA6C;AACzF,SAASC,yBAAyB,QAAQ,4CAA2C;AACrF,SAASC,8BAA8B,QAAQ,+CAA8C;AAC7F,SAASC,sBAAsB,QAAQ,uCAAsC;AAE7E,SAASC,0BAA0B,QAAQ,kCAAiC;AAC5E,SAASC,uBAAuB,QAAQ,+BAA8B;AACtE,SAASC,wBAAwB,QAAQ,gCAA+B;AAExE,OAAO,MAAMC,kBAAkB;IAC7BN;IACAD;IACAG;IACAJ;IACAG;IACAJ;AACF,EAAC;AAED,SAASU,wBAAwB,QAAQ,gCAA+B;AAaxE,SAASC,yBAAyB,QAAQ,gBAAe"}

package/dist/client/entities/translation/model/enums.d.ts

@@ -0,0 +1,7 @@
+export declare enum DocumentTranslationStatus {
+    PENDING = "pending",
+    FAILED = "failed",
+    RUNNING = "running",
+    COMPLETED = "completed"
+}
+//# sourceMappingURL=enums.d.ts.map

package/dist/client/entities/translation/model/enums.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../../src/client/entities/translation/model/enums.ts"],"names":[],"mappings":"AAAA,oBAAY,yBAAyB;IACnC,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,SAAS,cAAc;CACxB"}

package/dist/client/entities/translation/model/enums.js

@@ -0,0 +1,9 @@
+export var DocumentTranslationStatus = /*#__PURE__*/ function(DocumentTranslationStatus) {
+    DocumentTranslationStatus["PENDING"] = "pending";
+    DocumentTranslationStatus["FAILED"] = "failed";
+    DocumentTranslationStatus["RUNNING"] = "running";
+    DocumentTranslationStatus["COMPLETED"] = "completed";
+    return DocumentTranslationStatus;
+}({});
+
+//# sourceMappingURL=enums.js.map

package/dist/client/entities/translation/model/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/client/entities/translation/model/enums.ts"],"sourcesContent":["export enum DocumentTranslationStatus {\n  PENDING = 'pending',\n  FAILED = 'failed',\n  RUNNING = 'running',\n  COMPLETED = 'completed',\n}\n"],"names":["DocumentTranslationStatus"],"mappings":"AAAA,OAAO,IAAA,AAAKA,mDAAAA;;;;;WAAAA;MAKX"}

package/dist/client/entities/translation/model/types.d.ts

@@ -0,0 +1,48 @@
+import type { DocumentTranslationStatus } from './enums';
+type InputData = {
+    source_lng: string;
+    target_lng: string;
+};
+export type DocumentTranslationPending = {
+    id: string;
+    status: DocumentTranslationStatus.PENDING;
+    created_at: string;
+    updated_at: string;
+    input: InputData;
+};
+export type DocumentTranslationFailed = {
+    id: string;
+    status: DocumentTranslationStatus.FAILED;
+    created_at: string;
+    updated_at: string;
+    input: InputData;
+    error: {
+        message: string;
+    };
+};
+export type DocumentTranslationRunning = {
+    id: string;
+    status: DocumentTranslationStatus.RUNNING;
+    created_at: string;
+    updated_at: string;
+    input: InputData;
+};
+export type DocumentTranslationCompleted = {
+    id: string;
+    status: DocumentTranslationStatus.COMPLETED;
+    created_at: string;
+    updated_at: string;
+    completed_at: string;
+    input: InputData;
+};
+export type DocumentTranslation = DocumentTranslationCompleted | DocumentTranslationRunning | DocumentTranslationFailed | DocumentTranslationPending | null;
+export type CollectionTranslationStatusItem = {
+    id: string;
+    status: DocumentTranslationStatus;
+};
+export type CollectionTranslationStatus = {
+    docs: Array<CollectionTranslationStatusItem>;
+};
+export type GroupedCollectionTranslationStatus = Record<DocumentTranslationStatus, CollectionTranslationStatusItem[]>;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/client/entities/translation/model/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/client/entities/translation/model/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAExD,KAAK,SAAS,GAAG;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,yBAAyB,CAAC,OAAO,CAAA;IACzC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG;IACtC,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,yBAAyB,CAAC,MAAM,CAAA;IACxC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE;QACL,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;CACF,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,yBAAyB,CAAC,OAAO,CAAA;IACzC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,4BAA4B,GAAG;IACzC,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,yBAAyB,CAAC,SAAS,CAAA;IAC3C,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAC3B,4BAA4B,GAC5B,0BAA0B,GAC1B,yBAAyB,GACzB,0BAA0B,GAC1B,IAAI,CAAA;AAER,MAAM,MAAM,+BAA+B,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,yBAAyB,CAAA;CAAE,CAAA;AAE/F,MAAM,MAAM,2BAA2B,GAAG;IACxC,IAAI,EAAE,KAAK,CAAC,+BAA+B,CAAC,CAAA;CAC7C,CAAA;AAED,MAAM,MAAM,kCAAkC,GAAG,MAAM,CAAC,yBAAyB,EAAE,+BAA+B,EAAE,CAAC,CAAA"}

package/dist/client/entities/translation/model/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/client/entities/translation/model/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/client/entities/translation/model/types.ts"],"sourcesContent":["import type { DocumentTranslationStatus } from './enums'\n\ntype InputData = {\n  source_lng: string\n  target_lng: string\n}\n\nexport type DocumentTranslationPending = {\n  id: string\n  status: DocumentTranslationStatus.PENDING\n  created_at: string\n  updated_at: string\n  input: InputData\n}\n\nexport type DocumentTranslationFailed = {\n  id: string\n  status: DocumentTranslationStatus.FAILED\n  created_at: string\n  updated_at: string\n  input: InputData\n  error: {\n    message: string\n  }\n}\n\nexport type DocumentTranslationRunning = {\n  id: string\n  status: DocumentTranslationStatus.RUNNING\n  created_at: string\n  updated_at: string\n  input: InputData\n}\n\nexport type DocumentTranslationCompleted = {\n  id: string\n  status: DocumentTranslationStatus.COMPLETED\n  created_at: string\n  updated_at: string\n  completed_at: string\n  input: InputData\n}\n\nexport type DocumentTranslation =\n  | DocumentTranslationCompleted\n  | DocumentTranslationRunning\n  | DocumentTranslationFailed\n  | DocumentTranslationPending\n  | null\n\nexport type CollectionTranslationStatusItem = { id: string; status: DocumentTranslationStatus }\n\nexport type CollectionTranslationStatus = {\n  docs: Array<CollectionTranslationStatusItem>\n}\n\nexport type GroupedCollectionTranslationStatus = Record<DocumentTranslationStatus, CollectionTranslationStatusItem[]>\n"],"names":[],"mappings":"AAwDA,WAAqH"}

package/dist/client/entities/translation/ui/CompletedTranslationStatus/CompletedTranslationStatus.d.ts

@@ -0,0 +1,8 @@
+type CompletedTranslationStatusProps = {
+    completed_at: string;
+    sourceLocale: string;
+    targetLocale: string;
+};
+export declare function CompletedTranslationStatus({ completed_at, sourceLocale, targetLocale, }: CompletedTranslationStatusProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CompletedTranslationStatus.d.ts.map

package/dist/client/entities/translation/ui/CompletedTranslationStatus/CompletedTranslationStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompletedTranslationStatus.d.ts","sourceRoot":"","sources":["../../../../../../src/client/entities/translation/ui/CompletedTranslationStatus/CompletedTranslationStatus.tsx"],"names":[],"mappings":"AAQA,KAAK,+BAA+B,GAAG;IACrC,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,wBAAgB,0BAA0B,CAAC,EACzC,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,EAAE,+BAA+B,+BA0BjC"}

package/dist/client/entities/translation/ui/CompletedTranslationStatus/CompletedTranslationStatus.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LanguageTranslateIcon } from '../../../../shared/lib/assets/icons/LanguageTranslateIcon';
+import Button from '../../../../shared/ui/Button';
+import StatusIndicator from '../../../../shared/ui/StatusIndicator';
+import Tooltip from '../../../../shared/ui/Tooltip';
+import { TranslationDirection } from '../TranslationDirection';
+import styles from './styles.module.scss';
+export function CompletedTranslationStatus({ completed_at, sourceLocale, targetLocale }) {
+    return /*#__PURE__*/ _jsxs(StatusIndicator, {
+        className: styles.indicator,
+        $color: "green",
+        title: "Completed",
+        children: [
+            /*#__PURE__*/ _jsx(Tooltip, {
+                sideOffset: 12,
+                side: "bottom",
+                content: /*#__PURE__*/ _jsxs("time", {
+                    dateTime: completed_at,
+                    children: [
+                        "Completed at:",
+                        ' ',
+                        new Date(completed_at).toLocaleString(undefined, {
+                            year: 'numeric',
+                            month: 'short',
+                            day: 'numeric',
+                            hour: '2-digit',
+                            minute: '2-digit'
+                        })
+                    ]
+                }),
+                children: /*#__PURE__*/ _jsx(Button, {
+                    type: "button",
+                    $variant: "unstyled",
+                    children: /*#__PURE__*/ _jsx(LanguageTranslateIcon, {})
+                })
+            }),
+            /*#__PURE__*/ _jsx(TranslationDirection, {
+                sourceLocale: sourceLocale,
+                targetLocale: targetLocale
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=CompletedTranslationStatus.js.map

package/dist/client/entities/translation/ui/CompletedTranslationStatus/CompletedTranslationStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/client/entities/translation/ui/CompletedTranslationStatus/CompletedTranslationStatus.tsx"],"sourcesContent":["import { LanguageTranslateIcon } from '../../../../shared/lib/assets/icons/LanguageTranslateIcon'\nimport Button from '../../../../shared/ui/Button'\nimport StatusIndicator from '../../../../shared/ui/StatusIndicator'\nimport Tooltip from '../../../../shared/ui/Tooltip'\nimport { TranslationDirection } from '../TranslationDirection'\n\nimport styles from './styles.module.scss'\n\ntype CompletedTranslationStatusProps = {\n  completed_at: string\n  sourceLocale: string\n  targetLocale: string\n}\n\nexport function CompletedTranslationStatus({\n  completed_at,\n  sourceLocale,\n  targetLocale,\n}: CompletedTranslationStatusProps) {\n  return (\n    <StatusIndicator className={styles.indicator} $color=\"green\" title=\"Completed\">\n      <Tooltip\n        sideOffset={12}\n        side=\"bottom\"\n        content={\n          <time dateTime={completed_at}>\n            Completed at:{' '}\n            {new Date(completed_at).toLocaleString(undefined, {\n              year: 'numeric',\n              month: 'short',\n              day: 'numeric',\n              hour: '2-digit',\n              minute: '2-digit',\n            })}\n          </time>\n        }\n      >\n        <Button type=\"button\" $variant=\"unstyled\">\n          <LanguageTranslateIcon />\n        </Button>\n      </Tooltip>\n      <TranslationDirection sourceLocale={sourceLocale} targetLocale={targetLocale} />\n    </StatusIndicator>\n  )\n}\n"],"names":["LanguageTranslateIcon","Button","StatusIndicator","Tooltip","TranslationDirection","styles","CompletedTranslationStatus","completed_at","sourceLocale","targetLocale","className","indicator","$color","title","sideOffset","side","content","time","dateTime","Date","toLocaleString","undefined","year","month","day","hour","minute","type","$variant"],"mappings":";AAAA,SAASA,qBAAqB,QAAQ,4DAA2D;AACjG,OAAOC,YAAY,+BAA8B;AACjD,OAAOC,qBAAqB,wCAAuC;AACnE,OAAOC,aAAa,gCAA+B;AACnD,SAASC,oBAAoB,QAAQ,0BAAyB;AAE9D,OAAOC,YAAY,uBAAsB;AAQzC,OAAO,SAASC,2BAA2B,EACzCC,YAAY,EACZC,YAAY,EACZC,YAAY,EACoB;IAChC,qBACE,MAACP;QAAgBQ,WAAWL,OAAOM,SAAS;QAAEC,QAAO;QAAQC,OAAM;;0BACjE,KAACV;gBACCW,YAAY;gBACZC,MAAK;gBACLC,uBACE,MAACC;oBAAKC,UAAUX;;wBAAc;wBACd;wBACb,IAAIY,KAAKZ,cAAca,cAAc,CAACC,WAAW;4BAChDC,MAAM;4BACNC,OAAO;4BACPC,KAAK;4BACLC,MAAM;4BACNC,QAAQ;wBACV;;;0BAIJ,cAAA,KAACzB;oBAAO0B,MAAK;oBAASC,UAAS;8BAC7B,cAAA,KAAC5B;;;0BAGL,KAACI;gBAAqBI,cAAcA;gBAAcC,cAAcA;;;;AAGtE"}

package/dist/client/entities/translation/ui/CompletedTranslationStatus/CompletedTranslationStatus.jsx

@@ -0,0 +1,25 @@
+import { LanguageTranslateIcon } from '../../../../shared/lib/assets/icons/LanguageTranslateIcon';
+import Button from '../../../../shared/ui/Button';
+import StatusIndicator from '../../../../shared/ui/StatusIndicator';
+import Tooltip from '../../../../shared/ui/Tooltip';
+import { TranslationDirection } from '../TranslationDirection';
+import styles from './styles.module.scss';
+export function CompletedTranslationStatus({ completed_at, sourceLocale, targetLocale, }) {
+    return (<StatusIndicator className={styles.indicator} $color="green" title="Completed">
+      <Tooltip sideOffset={12} side="bottom" content={<time dateTime={completed_at}>
+            Completed at:{' '}
+            {new Date(completed_at).toLocaleString(undefined, {
+                year: 'numeric',
+                month: 'short',
+                day: 'numeric',
+                hour: '2-digit',
+                minute: '2-digit',
+            })}
+          </time>}>
+        <Button type="button" $variant="unstyled">
+          <LanguageTranslateIcon />
+        </Button>
+      </Tooltip>
+      <TranslationDirection sourceLocale={sourceLocale} targetLocale={targetLocale}/>
+    </StatusIndicator>);
+}

package/dist/client/entities/translation/ui/CompletedTranslationStatus/index.d.ts

@@ -0,0 +1,2 @@
+export { CompletedTranslationStatus } from './CompletedTranslationStatus';
+//# sourceMappingURL=index.d.ts.map

package/dist/client/entities/translation/ui/CompletedTranslationStatus/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/client/entities/translation/ui/CompletedTranslationStatus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAA"}

package/dist/client/entities/translation/ui/CompletedTranslationStatus/index.js

@@ -0,0 +1,3 @@
+export { CompletedTranslationStatus } from './CompletedTranslationStatus';
+
+//# sourceMappingURL=index.js.map

package/dist/client/entities/translation/ui/CompletedTranslationStatus/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/client/entities/translation/ui/CompletedTranslationStatus/index.ts"],"sourcesContent":["export { CompletedTranslationStatus } from './CompletedTranslationStatus'\n"],"names":["CompletedTranslationStatus"],"mappings":"AAAA,SAASA,0BAA0B,QAAQ,+BAA8B"}

package/dist/client/entities/translation/ui/FailedTranslationStatus/FailedTranslationStatus.d.ts

@@ -0,0 +1,10 @@
+type FailedTranslationStatusProps = {
+    message: string;
+    sourceLocale: string;
+    targetLocale: string;
+    isLoading?: boolean;
+    onRetry: () => void;
+};
+export declare function FailedTranslationStatus({ onRetry, message, isLoading, sourceLocale, targetLocale, }: FailedTranslationStatusProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FailedTranslationStatus.d.ts.map

package/dist/client/entities/translation/ui/FailedTranslationStatus/FailedTranslationStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FailedTranslationStatus.d.ts","sourceRoot":"","sources":["../../../../../../src/client/entities/translation/ui/FailedTranslationStatus/FailedTranslationStatus.tsx"],"names":[],"mappings":"AAUA,KAAK,4BAA4B,GAAG;IAClC,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,OAAO,EACP,SAAS,EACT,YAAY,EACZ,YAAY,GACb,EAAE,4BAA4B,+BA0B9B"}

package/dist/client/entities/translation/ui/FailedTranslationStatus/FailedTranslationStatus.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LanguageTranslateIcon } from '../../../../shared/lib/assets/icons/LanguageTranslateIcon';
+import { ReloadIcon } from '../../../../shared/lib/assets/icons/ReloadIcon';
+import Button from '../../../../shared/ui/Button';
+import Divider from '../../../../shared/ui/Divider';
+import StatusIndicator from '../../../../shared/ui/StatusIndicator';
+import Tooltip from '../../../../shared/ui/Tooltip';
+import { TranslationDirection } from '../TranslationDirection';
+import styles from './styles.module.scss';
+export function FailedTranslationStatus({ onRetry, message, isLoading, sourceLocale, targetLocale }) {
+    return /*#__PURE__*/ _jsxs(StatusIndicator, {
+        $color: "red",
+        title: "Failed",
+        children: [
+            /*#__PURE__*/ _jsx(Tooltip, {
+                sideOffset: 12,
+                side: "bottom",
+                content: message,
+                children: /*#__PURE__*/ _jsx(Button, {
+                    type: "button",
+                    $variant: "unstyled",
+                    children: /*#__PURE__*/ _jsx(LanguageTranslateIcon, {})
+                })
+            }),
+            /*#__PURE__*/ _jsx(TranslationDirection, {
+                sourceLocale: sourceLocale,
+                targetLocale: targetLocale
+            }),
+            /*#__PURE__*/ _jsx(Divider, {
+                className: styles.divider,
+                $orientation: "vertical",
+                $size: "sm"
+            }),
+            /*#__PURE__*/ _jsx(Tooltip, {
+                side: "bottom",
+                sideOffset: 12,
+                content: "Retry",
+                children: /*#__PURE__*/ _jsx(Button, {
+                    $variant: "light",
+                    $size: "sm",
+                    $isIconButton: true,
+                    "aria-label": "Retry failed translation",
+                    type: "button",
+                    onClick: onRetry,
+                    disabled: isLoading,
+                    $isLoading: isLoading,
+                    children: /*#__PURE__*/ _jsx(ReloadIcon, {})
+                })
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=FailedTranslationStatus.js.map

package/dist/client/entities/translation/ui/FailedTranslationStatus/FailedTranslationStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/client/entities/translation/ui/FailedTranslationStatus/FailedTranslationStatus.tsx"],"sourcesContent":["import { LanguageTranslateIcon } from '../../../../shared/lib/assets/icons/LanguageTranslateIcon'\nimport { ReloadIcon } from '../../../../shared/lib/assets/icons/ReloadIcon'\nimport Button from '../../../../shared/ui/Button'\nimport Divider from '../../../../shared/ui/Divider'\nimport StatusIndicator from '../../../../shared/ui/StatusIndicator'\nimport Tooltip from '../../../../shared/ui/Tooltip'\nimport { TranslationDirection } from '../TranslationDirection'\n\nimport styles from './styles.module.scss'\n\ntype FailedTranslationStatusProps = {\n  message: string\n  sourceLocale: string\n  targetLocale: string\n  isLoading?: boolean\n  onRetry: () => void\n}\n\nexport function FailedTranslationStatus({\n  onRetry,\n  message,\n  isLoading,\n  sourceLocale,\n  targetLocale,\n}: FailedTranslationStatusProps) {\n  return (\n    <StatusIndicator $color=\"red\" title=\"Failed\">\n      <Tooltip sideOffset={12} side=\"bottom\" content={message}>\n        <Button type=\"button\" $variant=\"unstyled\">\n          <LanguageTranslateIcon />\n        </Button>\n      </Tooltip>\n      <TranslationDirection sourceLocale={sourceLocale} targetLocale={targetLocale} />\n      <Divider className={styles.divider} $orientation=\"vertical\" $size=\"sm\" />\n      <Tooltip side=\"bottom\" sideOffset={12} content=\"Retry\">\n        <Button\n          $variant=\"light\"\n          $size=\"sm\"\n          $isIconButton\n          aria-label=\"Retry failed translation\"\n          type=\"button\"\n          onClick={onRetry}\n          disabled={isLoading}\n          $isLoading={isLoading}\n        >\n          <ReloadIcon />\n        </Button>\n      </Tooltip>\n    </StatusIndicator>\n  )\n}\n"],"names":["LanguageTranslateIcon","ReloadIcon","Button","Divider","StatusIndicator","Tooltip","TranslationDirection","styles","FailedTranslationStatus","onRetry","message","isLoading","sourceLocale","targetLocale","$color","title","sideOffset","side","content","type","$variant","className","divider","$orientation","$size","$isIconButton","aria-label","onClick","disabled","$isLoading"],"mappings":";AAAA,SAASA,qBAAqB,QAAQ,4DAA2D;AACjG,SAASC,UAAU,QAAQ,iDAAgD;AAC3E,OAAOC,YAAY,+BAA8B;AACjD,OAAOC,aAAa,gCAA+B;AACnD,OAAOC,qBAAqB,wCAAuC;AACnE,OAAOC,aAAa,gCAA+B;AACnD,SAASC,oBAAoB,QAAQ,0BAAyB;AAE9D,OAAOC,YAAY,uBAAsB;AAUzC,OAAO,SAASC,wBAAwB,EACtCC,OAAO,EACPC,OAAO,EACPC,SAAS,EACTC,YAAY,EACZC,YAAY,EACiB;IAC7B,qBACE,MAACT;QAAgBU,QAAO;QAAMC,OAAM;;0BAClC,KAACV;gBAAQW,YAAY;gBAAIC,MAAK;gBAASC,SAASR;0BAC9C,cAAA,KAACR;oBAAOiB,MAAK;oBAASC,UAAS;8BAC7B,cAAA,KAACpB;;;0BAGL,KAACM;gBAAqBM,cAAcA;gBAAcC,cAAcA;;0BAChE,KAACV;gBAAQkB,WAAWd,OAAOe,OAAO;gBAAEC,cAAa;gBAAWC,OAAM;;0BAClE,KAACnB;gBAAQY,MAAK;gBAASD,YAAY;gBAAIE,SAAQ;0BAC7C,cAAA,KAAChB;oBACCkB,UAAS;oBACTI,OAAM;oBACNC,aAAa;oBACbC,cAAW;oBACXP,MAAK;oBACLQ,SAASlB;oBACTmB,UAAUjB;oBACVkB,YAAYlB;8BAEZ,cAAA,KAACV;;;;;AAKX"}

package/dist/client/entities/translation/ui/FailedTranslationStatus/FailedTranslationStatus.jsx

@@ -0,0 +1,24 @@
+import { LanguageTranslateIcon } from '../../../../shared/lib/assets/icons/LanguageTranslateIcon';
+import { ReloadIcon } from '../../../../shared/lib/assets/icons/ReloadIcon';
+import Button from '../../../../shared/ui/Button';
+import Divider from '../../../../shared/ui/Divider';
+import StatusIndicator from '../../../../shared/ui/StatusIndicator';
+import Tooltip from '../../../../shared/ui/Tooltip';
+import { TranslationDirection } from '../TranslationDirection';
+import styles from './styles.module.scss';
+export function FailedTranslationStatus({ onRetry, message, isLoading, sourceLocale, targetLocale, }) {
+    return (<StatusIndicator $color="red" title="Failed">
+      <Tooltip sideOffset={12} side="bottom" content={message}>
+        <Button type="button" $variant="unstyled">
+          <LanguageTranslateIcon />
+        </Button>
+      </Tooltip>
+      <TranslationDirection sourceLocale={sourceLocale} targetLocale={targetLocale}/>
+      <Divider className={styles.divider} $orientation="vertical" $size="sm"/>
+      <Tooltip side="bottom" sideOffset={12} content="Retry">
+        <Button $variant="light" $size="sm" $isIconButton aria-label="Retry failed translation" type="button" onClick={onRetry} disabled={isLoading} $isLoading={isLoading}>
+          <ReloadIcon />
+        </Button>
+      </Tooltip>
+    </StatusIndicator>);
+}

package/dist/client/entities/translation/ui/FailedTranslationStatus/index.d.ts

@@ -0,0 +1,2 @@
+export { FailedTranslationStatus } from './FailedTranslationStatus';
+//# sourceMappingURL=index.d.ts.map

package/dist/client/entities/translation/ui/FailedTranslationStatus/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/client/entities/translation/ui/FailedTranslationStatus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA"}

package/dist/client/entities/translation/ui/FailedTranslationStatus/index.js

@@ -0,0 +1,3 @@
+export { FailedTranslationStatus } from './FailedTranslationStatus';
+
+//# sourceMappingURL=index.js.map

package/dist/client/entities/translation/ui/FailedTranslationStatus/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/client/entities/translation/ui/FailedTranslationStatus/index.ts"],"sourcesContent":["export { FailedTranslationStatus } from './FailedTranslationStatus'\n"],"names":["FailedTranslationStatus"],"mappings":"AAAA,SAASA,uBAAuB,QAAQ,4BAA2B"}

package/dist/client/entities/translation/ui/PendingTranslationStatus/PendingTranslationStatus.d.ts

@@ -0,0 +1,12 @@
+type TranslationStatusProps = {
+    onCancel: () => void;
+    onRun: () => void;
+    isLoading?: boolean;
+    disabled?: boolean;
+    sourceLocale: string;
+    targetLocale: string;
+    createdAt: string;
+};
+export declare function PendingTranslationStatus({ onCancel, onRun, isLoading, disabled, sourceLocale, targetLocale, createdAt, }: TranslationStatusProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=PendingTranslationStatus.d.ts.map

package/dist/client/entities/translation/ui/PendingTranslationStatus/PendingTranslationStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PendingTranslationStatus.d.ts","sourceRoot":"","sources":["../../../../../../src/client/entities/translation/ui/PendingTranslationStatus/PendingTranslationStatus.tsx"],"names":[],"mappings":"AAUA,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,SAAS,GACV,EAAE,sBAAsB,+BAuDxB"}

package/dist/client/entities/translation/ui/PendingTranslationStatus/PendingTranslationStatus.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TrashIcon } from '@payloadcms/ui/icons/Trash';
+import { LanguageTranslateIcon } from '../../../../shared/lib/assets/icons/LanguageTranslateIcon';
+import { ReloadIcon } from '../../../../shared/lib/assets/icons/ReloadIcon';
+import Button from '../../../../shared/ui/Button';
+import Divider from '../../../../shared/ui/Divider';
+import StatusIndicator from '../../../../shared/ui/StatusIndicator';
+import Tooltip from '../../../../shared/ui/Tooltip';
+import { TranslationDirection } from '../TranslationDirection';
+export function PendingTranslationStatus({ onCancel, onRun, isLoading, disabled, sourceLocale, targetLocale, createdAt }) {
+    return /*#__PURE__*/ _jsxs(StatusIndicator, {
+        $color: "gray",
+        $animated: true,
+        title: "Pending",
+        children: [
+            /*#__PURE__*/ _jsx(Tooltip, {
+                side: "bottom",
+                sideOffset: 12,
+                content: /*#__PURE__*/ _jsxs("time", {
+                    dateTime: createdAt,
+                    children: [
+                        "Created at:",
+                        ' ',
+                        new Date(createdAt).toLocaleString(undefined, {
+                            year: 'numeric',
+                            month: 'short',
+                            day: 'numeric',
+                            hour: '2-digit',
+                            minute: '2-digit'
+                        })
+                    ]
+                }),
+                children: /*#__PURE__*/ _jsx(Button, {
+                    type: "button",
+                    $variant: "unstyled",
+                    children: /*#__PURE__*/ _jsx(LanguageTranslateIcon, {})
+                })
+            }),
+            /*#__PURE__*/ _jsx(TranslationDirection, {
+                sourceLocale: sourceLocale,
+                targetLocale: targetLocale
+            }),
+            /*#__PURE__*/ _jsx(Divider, {
+                $size: "sm",
+                $orientation: "vertical"
+            }),
+            /*#__PURE__*/ _jsx(Tooltip, {
+                sideOffset: 12,
+                side: "bottom",
+                content: "Cancel",
+                children: /*#__PURE__*/ _jsx(Button, {
+                    $variant: "light",
+                    $size: "sm",
+                    $isIconButton: true,
+                    "aria-label": "Cancel",
+                    type: "button",
+                    onClick: onCancel,
+                    disabled: isLoading || disabled,
+                    $isLoading: isLoading,
+                    children: /*#__PURE__*/ _jsx(TrashIcon, {})
+                })
+            }),
+            /*#__PURE__*/ _jsx(Tooltip, {
+                sideOffset: 12,
+                side: "bottom",
+                content: "Run queued translation",
+                children: /*#__PURE__*/ _jsx(Button, {
+                    $variant: "light",
+                    $size: "sm",
+                    $isIconButton: true,
+                    "aria-label": "Run queued translation",
+                    type: "button",
+                    onClick: onRun,
+                    disabled: isLoading || disabled,
+                    $isLoading: isLoading,
+                    children: /*#__PURE__*/ _jsx(ReloadIcon, {})
+                })
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=PendingTranslationStatus.js.map

package/dist/client/entities/translation/ui/PendingTranslationStatus/PendingTranslationStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/client/entities/translation/ui/PendingTranslationStatus/PendingTranslationStatus.tsx"],"sourcesContent":["import { TrashIcon } from '@payloadcms/ui/icons/Trash'\n\nimport { LanguageTranslateIcon } from '../../../../shared/lib/assets/icons/LanguageTranslateIcon'\nimport { ReloadIcon } from '../../../../shared/lib/assets/icons/ReloadIcon'\nimport Button from '../../../../shared/ui/Button'\nimport Divider from '../../../../shared/ui/Divider'\nimport StatusIndicator from '../../../../shared/ui/StatusIndicator'\nimport Tooltip from '../../../../shared/ui/Tooltip'\nimport { TranslationDirection } from '../TranslationDirection'\n\ntype TranslationStatusProps = {\n  onCancel: () => void\n  onRun: () => void\n  isLoading?: boolean\n  disabled?: boolean\n  sourceLocale: string\n  targetLocale: string\n  createdAt: string\n}\n\nexport function PendingTranslationStatus({\n  onCancel,\n  onRun,\n  isLoading,\n  disabled,\n  sourceLocale,\n  targetLocale,\n  createdAt,\n}: TranslationStatusProps) {\n  return (\n    <StatusIndicator $color=\"gray\" $animated title=\"Pending\">\n      <Tooltip\n        side=\"bottom\"\n        sideOffset={12}\n        content={\n          <time dateTime={createdAt}>\n            Created at:{' '}\n            {new Date(createdAt).toLocaleString(undefined, {\n              year: 'numeric',\n              month: 'short',\n              day: 'numeric',\n              hour: '2-digit',\n              minute: '2-digit',\n            })}\n          </time>\n        }\n      >\n        <Button type=\"button\" $variant=\"unstyled\">\n          <LanguageTranslateIcon />\n        </Button>\n      </Tooltip>\n      <TranslationDirection sourceLocale={sourceLocale} targetLocale={targetLocale} />\n      <Divider $size=\"sm\" $orientation=\"vertical\" />\n      <Tooltip sideOffset={12} side=\"bottom\" content=\"Cancel\">\n        <Button\n          $variant=\"light\"\n          $size=\"sm\"\n          $isIconButton\n          aria-label=\"Cancel\"\n          type=\"button\"\n          onClick={onCancel}\n          disabled={isLoading || disabled}\n          $isLoading={isLoading}\n        >\n          <TrashIcon />\n        </Button>\n      </Tooltip>\n      <Tooltip sideOffset={12} side=\"bottom\" content=\"Run queued translation\">\n        <Button\n          $variant=\"light\"\n          $size=\"sm\"\n          $isIconButton\n          aria-label=\"Run queued translation\"\n          type=\"button\"\n          onClick={onRun}\n          disabled={isLoading || disabled}\n          $isLoading={isLoading}\n        >\n          <ReloadIcon />\n        </Button>\n      </Tooltip>\n    </StatusIndicator>\n  )\n}\n"],"names":["TrashIcon","LanguageTranslateIcon","ReloadIcon","Button","Divider","StatusIndicator","Tooltip","TranslationDirection","PendingTranslationStatus","onCancel","onRun","isLoading","disabled","sourceLocale","targetLocale","createdAt","$color","$animated","title","side","sideOffset","content","time","dateTime","Date","toLocaleString","undefined","year","month","day","hour","minute","type","$variant","$size","$orientation","$isIconButton","aria-label","onClick","$isLoading"],"mappings":";AAAA,SAASA,SAAS,QAAQ,6BAA4B;AAEtD,SAASC,qBAAqB,QAAQ,4DAA2D;AACjG,SAASC,UAAU,QAAQ,iDAAgD;AAC3E,OAAOC,YAAY,+BAA8B;AACjD,OAAOC,aAAa,gCAA+B;AACnD,OAAOC,qBAAqB,wCAAuC;AACnE,OAAOC,aAAa,gCAA+B;AACnD,SAASC,oBAAoB,QAAQ,0BAAyB;AAY9D,OAAO,SAASC,yBAAyB,EACvCC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,YAAY,EACZC,YAAY,EACZC,SAAS,EACc;IACvB,qBACE,MAACV;QAAgBW,QAAO;QAAOC,SAAS;QAACC,OAAM;;0BAC7C,KAACZ;gBACCa,MAAK;gBACLC,YAAY;gBACZC,uBACE,MAACC;oBAAKC,UAAUR;;wBAAW;wBACb;wBACX,IAAIS,KAAKT,WAAWU,cAAc,CAACC,WAAW;4BAC7CC,MAAM;4BACNC,OAAO;4BACPC,KAAK;4BACLC,MAAM;4BACNC,QAAQ;wBACV;;;0BAIJ,cAAA,KAAC5B;oBAAO6B,MAAK;oBAASC,UAAS;8BAC7B,cAAA,KAAChC;;;0BAGL,KAACM;gBAAqBM,cAAcA;gBAAcC,cAAcA;;0BAChE,KAACV;gBAAQ8B,OAAM;gBAAKC,cAAa;;0BACjC,KAAC7B;gBAAQc,YAAY;gBAAID,MAAK;gBAASE,SAAQ;0BAC7C,cAAA,KAAClB;oBACC8B,UAAS;oBACTC,OAAM;oBACNE,aAAa;oBACbC,cAAW;oBACXL,MAAK;oBACLM,SAAS7B;oBACTG,UAAUD,aAAaC;oBACvB2B,YAAY5B;8BAEZ,cAAA,KAACX;;;0BAGL,KAACM;gBAAQc,YAAY;gBAAID,MAAK;gBAASE,SAAQ;0BAC7C,cAAA,KAAClB;oBACC8B,UAAS;oBACTC,OAAM;oBACNE,aAAa;oBACbC,cAAW;oBACXL,MAAK;oBACLM,SAAS5B;oBACTE,UAAUD,aAAaC;oBACvB2B,YAAY5B;8BAEZ,cAAA,KAACT;;;;;AAKX"}

package/dist/client/entities/translation/ui/PendingTranslationStatus/PendingTranslationStatus.jsx

@@ -0,0 +1,38 @@
+import { TrashIcon } from '@payloadcms/ui/icons/Trash';
+import { LanguageTranslateIcon } from '../../../../shared/lib/assets/icons/LanguageTranslateIcon';
+import { ReloadIcon } from '../../../../shared/lib/assets/icons/ReloadIcon';
+import Button from '../../../../shared/ui/Button';
+import Divider from '../../../../shared/ui/Divider';
+import StatusIndicator from '../../../../shared/ui/StatusIndicator';
+import Tooltip from '../../../../shared/ui/Tooltip';
+import { TranslationDirection } from '../TranslationDirection';
+export function PendingTranslationStatus({ onCancel, onRun, isLoading, disabled, sourceLocale, targetLocale, createdAt, }) {
+    return (<StatusIndicator $color="gray" $animated title="Pending">
+      <Tooltip side="bottom" sideOffset={12} content={<time dateTime={createdAt}>
+            Created at:{' '}
+            {new Date(createdAt).toLocaleString(undefined, {
+                year: 'numeric',
+                month: 'short',
+                day: 'numeric',
+                hour: '2-digit',
+                minute: '2-digit',
+            })}
+          </time>}>
+        <Button type="button" $variant="unstyled">
+          <LanguageTranslateIcon />
+        </Button>
+      </Tooltip>
+      <TranslationDirection sourceLocale={sourceLocale} targetLocale={targetLocale}/>
+      <Divider $size="sm" $orientation="vertical"/>
+      <Tooltip sideOffset={12} side="bottom" content="Cancel">
+        <Button $variant="light" $size="sm" $isIconButton aria-label="Cancel" type="button" onClick={onCancel} disabled={isLoading || disabled} $isLoading={isLoading}>
+          <TrashIcon />
+        </Button>
+      </Tooltip>
+      <Tooltip sideOffset={12} side="bottom" content="Run queued translation">
+        <Button $variant="light" $size="sm" $isIconButton aria-label="Run queued translation" type="button" onClick={onRun} disabled={isLoading || disabled} $isLoading={isLoading}>
+          <ReloadIcon />
+        </Button>
+      </Tooltip>
+    </StatusIndicator>);
+}

package/dist/client/entities/translation/ui/PendingTranslationStatus/index.d.ts

@@ -0,0 +1,2 @@
+export { PendingTranslationStatus } from './PendingTranslationStatus';
+//# sourceMappingURL=index.d.ts.map

package/dist/client/entities/translation/ui/PendingTranslationStatus/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/client/entities/translation/ui/PendingTranslationStatus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA"}