@focus-reactive/payload-plugin-translator 0.1.0

package/dist/client/features/collection-translation-popup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/features/collection-translation-popup/index.ts"],"sourcesContent":["export { default } from './ui/CollectionTranslationPopup'\n"],"names":["default"],"mappings":"AAAA,SAASA,OAAO,QAAQ,kCAAiC"}

package/dist/client/features/collection-translation-popup/ui/CollectionTranslationPopup.d.ts

@@ -0,0 +1,8 @@
+import type { PropsWithChildren } from 'react';
+type CollectionTranslationPopupProps = PropsWithChildren<{
+    translationInProgress: boolean;
+    selectedCount: number;
+}>;
+declare function CollectionTranslationPopup({ children, translationInProgress, selectedCount, }: CollectionTranslationPopupProps): import("react").JSX.Element;
+export default CollectionTranslationPopup;
+//# sourceMappingURL=CollectionTranslationPopup.d.ts.map

package/dist/client/features/collection-translation-popup/ui/CollectionTranslationPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionTranslationPopup.d.ts","sourceRoot":"","sources":["../../../../../src/client/features/collection-translation-popup/ui/CollectionTranslationPopup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAU9C,KAAK,+BAA+B,GAAG,iBAAiB,CAAC;IACvD,qBAAqB,EAAE,OAAO,CAAA;IAC9B,aAAa,EAAE,MAAM,CAAA;CACtB,CAAC,CAAA;AAEF,iBAAS,0BAA0B,CAAC,EAClC,QAAQ,EACR,qBAAqB,EACrB,aAAa,GACd,EAAE,+BAA+B,+BAgCjC;AAED,eAAe,0BAA0B,CAAA"}

package/dist/client/features/collection-translation-popup/ui/CollectionTranslationPopup.js

@@ -0,0 +1,48 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { LanguageTranslateIcon } from '../../../shared/lib/assets/icons/LanguageTranslateIcon';
+import { useToggle } from '../../../shared/lib/utils/react/useToggle';
+import Button from '../../../shared/ui/Button';
+import ColorIndicator from '../../../shared/ui/ColorIndicator';
+import Popup from '../../../shared/ui/Popup';
+import styles from './styles.module.scss';
+function CollectionTranslationPopup({ children, translationInProgress, selectedCount }) {
+    const [isPopupOpen, popupOpen] = useToggle();
+    return /*#__PURE__*/ _jsx(Popup, {
+        $align: "start",
+        onOpenChange: popupOpen.setValue,
+        $trigger: /*#__PURE__*/ _jsxs(Button, {
+            $size: "md",
+            $variant: "filled",
+            className: styles['popup-trigger-button'],
+            "aria-label": "Open translation options",
+            onClick: popupOpen.setTrue,
+            children: [
+                translationInProgress && /*#__PURE__*/ _jsx(ColorIndicator, {
+                    title: "Translations In Progress",
+                    $animated: true,
+                    $color: "blue"
+                }),
+                /*#__PURE__*/ _jsx(LanguageTranslateIcon, {}),
+                selectedCount > 0 && !translationInProgress && /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx("span", {
+                            className: styles.arrow,
+                            "aria-hidden": "true",
+                            children: "→"
+                        }),
+                        selectedCount
+                    ]
+                })
+            ]
+        }),
+        open: isPopupOpen,
+        children: /*#__PURE__*/ _jsx("div", {
+            className: styles['popup-content'],
+            children: children
+        })
+    });
+}
+export default CollectionTranslationPopup;
+
+//# sourceMappingURL=CollectionTranslationPopup.js.map

package/dist/client/features/collection-translation-popup/ui/CollectionTranslationPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/client/features/collection-translation-popup/ui/CollectionTranslationPopup.tsx"],"sourcesContent":["'use client'\n\nimport type { PropsWithChildren } from 'react'\n\nimport { LanguageTranslateIcon } from '../../../shared/lib/assets/icons/LanguageTranslateIcon'\nimport { useToggle } from '../../../shared/lib/utils/react/useToggle'\nimport Button from '../../../shared/ui/Button'\nimport ColorIndicator from '../../../shared/ui/ColorIndicator'\nimport Popup from '../../../shared/ui/Popup'\n\nimport styles from './styles.module.scss'\n\ntype CollectionTranslationPopupProps = PropsWithChildren<{\n  translationInProgress: boolean\n  selectedCount: number\n}>\n\nfunction CollectionTranslationPopup({\n  children,\n  translationInProgress,\n  selectedCount,\n}: CollectionTranslationPopupProps) {\n  const [isPopupOpen, popupOpen] = useToggle()\n\n  return (\n    <Popup\n      $align=\"start\"\n      onOpenChange={popupOpen.setValue}\n      $trigger={\n        <Button\n          $size=\"md\"\n          $variant=\"filled\"\n          className={styles['popup-trigger-button']}\n          aria-label=\"Open translation options\"\n          onClick={popupOpen.setTrue}\n        >\n          {translationInProgress && <ColorIndicator title=\"Translations In Progress\" $animated $color=\"blue\" />}\n          <LanguageTranslateIcon />\n          {selectedCount > 0 && !translationInProgress && (\n            <>\n              <span className={styles.arrow} aria-hidden=\"true\">\n                →\n              </span>\n              {selectedCount}\n            </>\n          )}\n        </Button>\n      }\n      open={isPopupOpen}\n    >\n      <div className={styles['popup-content']}>{children}</div>\n    </Popup>\n  )\n}\n\nexport default CollectionTranslationPopup\n"],"names":["LanguageTranslateIcon","useToggle","Button","ColorIndicator","Popup","styles","CollectionTranslationPopup","children","translationInProgress","selectedCount","isPopupOpen","popupOpen","$align","onOpenChange","setValue","$trigger","$size","$variant","className","aria-label","onClick","setTrue","title","$animated","$color","span","arrow","aria-hidden","open","div"],"mappings":"AAAA;;AAIA,SAASA,qBAAqB,QAAQ,yDAAwD;AAC9F,SAASC,SAAS,QAAQ,4CAA2C;AACrE,OAAOC,YAAY,4BAA2B;AAC9C,OAAOC,oBAAoB,oCAAmC;AAC9D,OAAOC,WAAW,2BAA0B;AAE5C,OAAOC,YAAY,uBAAsB;AAOzC,SAASC,2BAA2B,EAClCC,QAAQ,EACRC,qBAAqB,EACrBC,aAAa,EACmB;IAChC,MAAM,CAACC,aAAaC,UAAU,GAAGV;IAEjC,qBACE,KAACG;QACCQ,QAAO;QACPC,cAAcF,UAAUG,QAAQ;QAChCC,wBACE,MAACb;YACCc,OAAM;YACNC,UAAS;YACTC,WAAWb,MAAM,CAAC,uBAAuB;YACzCc,cAAW;YACXC,SAAST,UAAUU,OAAO;;gBAEzBb,uCAAyB,KAACL;oBAAemB,OAAM;oBAA2BC,SAAS;oBAACC,QAAO;;8BAC5F,KAACxB;gBACAS,gBAAgB,KAAK,CAACD,uCACrB;;sCACE,KAACiB;4BAAKP,WAAWb,OAAOqB,KAAK;4BAAEC,eAAY;sCAAO;;wBAGjDlB;;;;;QAKTmB,MAAMlB;kBAEN,cAAA,KAACmB;YAAIX,WAAWb,MAAM,CAAC,gBAAgB;sBAAGE;;;AAGhD;AAEA,eAAeD,2BAA0B"}

package/dist/client/features/collection-translation-popup/ui/CollectionTranslationPopup.jsx

@@ -0,0 +1,23 @@
+'use client';
+import { LanguageTranslateIcon } from '../../../shared/lib/assets/icons/LanguageTranslateIcon';
+import { useToggle } from '../../../shared/lib/utils/react/useToggle';
+import Button from '../../../shared/ui/Button';
+import ColorIndicator from '../../../shared/ui/ColorIndicator';
+import Popup from '../../../shared/ui/Popup';
+import styles from './styles.module.scss';
+function CollectionTranslationPopup({ children, translationInProgress, selectedCount, }) {
+    const [isPopupOpen, popupOpen] = useToggle();
+    return (<Popup $align="start" onOpenChange={popupOpen.setValue} $trigger={<Button $size="md" $variant="filled" className={styles['popup-trigger-button']} aria-label="Open translation options" onClick={popupOpen.setTrue}>
+          {translationInProgress && <ColorIndicator title="Translations In Progress" $animated $color="blue"/>}
+          <LanguageTranslateIcon />
+          {selectedCount > 0 && !translationInProgress && (<>
+              <span className={styles.arrow} aria-hidden="true">
+                →
+              </span>
+              {selectedCount}
+            </>)}
+        </Button>} open={isPopupOpen}>
+      <div className={styles['popup-content']}>{children}</div>
+    </Popup>);
+}
+export default CollectionTranslationPopup;

package/dist/client/features/collection-translation-progress/index.d.ts

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

package/dist/client/features/collection-translation-progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/features/collection-translation-progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAA"}

package/dist/client/features/collection-translation-progress/index.js

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

package/dist/client/features/collection-translation-progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/features/collection-translation-progress/index.ts"],"sourcesContent":["export { CollectionTranslationProgress } from './ui/CollectionTranslationProgress'\n"],"names":["CollectionTranslationProgress"],"mappings":"AAAA,SAASA,6BAA6B,QAAQ,qCAAoC"}

package/dist/client/features/collection-translation-progress/ui/CollectionTranslationProgress.d.ts

@@ -0,0 +1,9 @@
+import type { GroupedCollectionTranslationStatus } from '../../../entities/translation';
+type CollectionTranslationProgressProps = {
+    collection: string;
+    data: GroupedCollectionTranslationStatus | undefined;
+    isPending: boolean;
+};
+export declare function CollectionTranslationProgress({ collection, data, isPending }: CollectionTranslationProgressProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CollectionTranslationProgress.d.ts.map

package/dist/client/features/collection-translation-progress/ui/CollectionTranslationProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionTranslationProgress.d.ts","sourceRoot":"","sources":["../../../../../src/client/features/collection-translation-progress/ui/CollectionTranslationProgress.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,+BAA+B,CAAA;AASvF,KAAK,kCAAkC,GAAG;IACxC,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,kCAAkC,GAAG,SAAS,CAAA;IACpD,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,6BAA6B,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,kCAAkC,+BAiEhH"}

package/dist/client/features/collection-translation-progress/ui/CollectionTranslationProgress.js

@@ -0,0 +1,108 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ShimmerEffect } from '@payloadcms/ui';
+import { TrashIcon } from '@payloadcms/ui/icons/Trash';
+import { TranslationsApi } from '../../../entities/translation';
+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 styles from './styles.module.scss';
+export function CollectionTranslationProgress({ collection, data, isPending }) {
+    const cancelPendingTranslations = TranslationsApi.useCancelCollectionTranslations();
+    return /*#__PURE__*/ _jsxs("div", {
+        className: styles.container,
+        children: [
+            isPending && /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx(ShimmerEffect, {
+                        width: "100%",
+                        height: 32
+                    }),
+                    /*#__PURE__*/ _jsx(ShimmerEffect, {
+                        width: "100%",
+                        height: 32
+                    }),
+                    /*#__PURE__*/ _jsx(ShimmerEffect, {
+                        width: "100%",
+                        height: 32
+                    }),
+                    /*#__PURE__*/ _jsx(ShimmerEffect, {
+                        width: "100%",
+                        height: 32
+                    })
+                ]
+            }),
+            data && /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsxs(StatusIndicator, {
+                        className: styles['status-indicator'],
+                        title: "Completed",
+                        $color: "green",
+                        children: [
+                            /*#__PURE__*/ _jsx(LanguageTranslateIcon, {}),
+                            /*#__PURE__*/ _jsx("b", {
+                                children: data.completed.length
+                            })
+                        ]
+                    }, "completed"),
+                    /*#__PURE__*/ _jsxs(StatusIndicator, {
+                        className: styles['status-indicator'],
+                        title: "Failed",
+                        $color: "red",
+                        children: [
+                            /*#__PURE__*/ _jsx(LanguageTranslateIcon, {}),
+                            /*#__PURE__*/ _jsx("b", {
+                                children: data.failed.length
+                            })
+                        ]
+                    }, "failed"),
+                    /*#__PURE__*/ _jsxs(StatusIndicator, {
+                        className: styles['status-indicator'],
+                        title: "In progress",
+                        $animated: data.running.length > 0,
+                        $color: "blue",
+                        children: [
+                            /*#__PURE__*/ _jsx(LanguageTranslateIcon, {}),
+                            /*#__PURE__*/ _jsx("b", {
+                                children: data.running.length
+                            })
+                        ]
+                    }, "running"),
+                    /*#__PURE__*/ _jsxs(StatusIndicator, {
+                        className: styles['status-indicator'],
+                        title: "Pending",
+                        $animated: data.pending.length > 0,
+                        $color: "gray",
+                        children: [
+                            /*#__PURE__*/ _jsx(LanguageTranslateIcon, {}),
+                            /*#__PURE__*/ _jsx("b", {
+                                children: data.pending.length
+                            }),
+                            /*#__PURE__*/ _jsx(Tooltip, {
+                                sideOffset: 12,
+                                side: "bottom",
+                                content: "Cancel translations",
+                                children: /*#__PURE__*/ _jsx(Button, {
+                                    $variant: "light",
+                                    $size: "sm",
+                                    $isIconButton: true,
+                                    "aria-label": "Cancel all queued translation",
+                                    type: "button",
+                                    onClick: ()=>cancelPendingTranslations.mutateAsync({
+                                            collection
+                                        }),
+                                    disabled: cancelPendingTranslations.isPending || !data.pending.length,
+                                    $isLoading: cancelPendingTranslations.isPending,
+                                    children: /*#__PURE__*/ _jsx(TrashIcon, {})
+                                })
+                            })
+                        ]
+                    }, "pending")
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=CollectionTranslationProgress.js.map

package/dist/client/features/collection-translation-progress/ui/CollectionTranslationProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/client/features/collection-translation-progress/ui/CollectionTranslationProgress.tsx"],"sourcesContent":["'use client'\n\nimport { ShimmerEffect } from '@payloadcms/ui'\nimport { TrashIcon } from '@payloadcms/ui/icons/Trash'\n\nimport type { GroupedCollectionTranslationStatus } from '../../../entities/translation'\nimport { TranslationsApi } from '../../../entities/translation'\nimport { 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'\n\nimport styles from './styles.module.scss'\n\ntype CollectionTranslationProgressProps = {\n  collection: string\n  data: GroupedCollectionTranslationStatus | undefined\n  isPending: boolean\n}\n\nexport function CollectionTranslationProgress({ collection, data, isPending }: CollectionTranslationProgressProps) {\n  const cancelPendingTranslations = TranslationsApi.useCancelCollectionTranslations()\n\n  return (\n    <div className={styles.container}>\n      {isPending && (\n        <>\n          <ShimmerEffect width=\"100%\" height={32}></ShimmerEffect>\n          <ShimmerEffect width=\"100%\" height={32}></ShimmerEffect>\n          <ShimmerEffect width=\"100%\" height={32}></ShimmerEffect>\n          <ShimmerEffect width=\"100%\" height={32}></ShimmerEffect>\n        </>\n      )}\n\n      {data && (\n        <>\n          <StatusIndicator className={styles['status-indicator']} title=\"Completed\" key=\"completed\" $color=\"green\">\n            <LanguageTranslateIcon />\n            <b>{data.completed.length}</b>\n          </StatusIndicator>\n\n          <StatusIndicator className={styles['status-indicator']} title=\"Failed\" key=\"failed\" $color=\"red\">\n            <LanguageTranslateIcon />\n            <b>{data.failed.length}</b>\n          </StatusIndicator>\n\n          <StatusIndicator\n            className={styles['status-indicator']}\n            title=\"In progress\"\n            $animated={data.running.length > 0}\n            key=\"running\"\n            $color=\"blue\"\n          >\n            <LanguageTranslateIcon />\n            <b>{data.running.length}</b>\n          </StatusIndicator>\n\n          <StatusIndicator\n            className={styles['status-indicator']}\n            title=\"Pending\"\n            $animated={data.pending.length > 0}\n            key=\"pending\"\n            $color=\"gray\"\n          >\n            <LanguageTranslateIcon />\n            <b>{data.pending.length}</b>\n            <Tooltip sideOffset={12} side=\"bottom\" content=\"Cancel translations\">\n              <Button\n                $variant=\"light\"\n                $size=\"sm\"\n                $isIconButton\n                aria-label=\"Cancel all queued translation\"\n                type=\"button\"\n                onClick={() => cancelPendingTranslations.mutateAsync({ collection })}\n                disabled={cancelPendingTranslations.isPending || !data.pending.length}\n                $isLoading={cancelPendingTranslations.isPending}\n              >\n                <TrashIcon />\n              </Button>\n            </Tooltip>\n          </StatusIndicator>\n        </>\n      )}\n    </div>\n  )\n}\n"],"names":["ShimmerEffect","TrashIcon","TranslationsApi","LanguageTranslateIcon","Button","StatusIndicator","Tooltip","styles","CollectionTranslationProgress","collection","data","isPending","cancelPendingTranslations","useCancelCollectionTranslations","div","className","container","width","height","title","$color","b","completed","length","failed","$animated","running","pending","sideOffset","side","content","$variant","$size","$isIconButton","aria-label","type","onClick","mutateAsync","disabled","$isLoading"],"mappings":"AAAA;;AAEA,SAASA,aAAa,QAAQ,iBAAgB;AAC9C,SAASC,SAAS,QAAQ,6BAA4B;AAGtD,SAASC,eAAe,QAAQ,gCAA+B;AAC/D,SAASC,qBAAqB,QAAQ,yDAAwD;AAC9F,OAAOC,YAAY,4BAA2B;AAC9C,OAAOC,qBAAqB,qCAAoC;AAChE,OAAOC,aAAa,6BAA4B;AAEhD,OAAOC,YAAY,uBAAsB;AAQzC,OAAO,SAASC,8BAA8B,EAAEC,UAAU,EAAEC,IAAI,EAAEC,SAAS,EAAsC;IAC/G,MAAMC,4BAA4BV,gBAAgBW,+BAA+B;IAEjF,qBACE,MAACC;QAAIC,WAAWR,OAAOS,SAAS;;YAC7BL,2BACC;;kCACE,KAACX;wBAAciB,OAAM;wBAAOC,QAAQ;;kCACpC,KAAClB;wBAAciB,OAAM;wBAAOC,QAAQ;;kCACpC,KAAClB;wBAAciB,OAAM;wBAAOC,QAAQ;;kCACpC,KAAClB;wBAAciB,OAAM;wBAAOC,QAAQ;;;;YAIvCR,sBACC;;kCACE,MAACL;wBAAgBU,WAAWR,MAAM,CAAC,mBAAmB;wBAAEY,OAAM;wBAA4BC,QAAO;;0CAC/F,KAACjB;0CACD,KAACkB;0CAAGX,KAAKY,SAAS,CAACC,MAAM;;;uBAFmD;kCAK9E,MAAClB;wBAAgBU,WAAWR,MAAM,CAAC,mBAAmB;wBAAEY,OAAM;wBAAsBC,QAAO;;0CACzF,KAACjB;0CACD,KAACkB;0CAAGX,KAAKc,MAAM,CAACD,MAAM;;;uBAFmD;kCAK3E,MAAClB;wBACCU,WAAWR,MAAM,CAAC,mBAAmB;wBACrCY,OAAM;wBACNM,WAAWf,KAAKgB,OAAO,CAACH,MAAM,GAAG;wBAEjCH,QAAO;;0CAEP,KAACjB;0CACD,KAACkB;0CAAGX,KAAKgB,OAAO,CAACH,MAAM;;;uBAJnB;kCAON,MAAClB;wBACCU,WAAWR,MAAM,CAAC,mBAAmB;wBACrCY,OAAM;wBACNM,WAAWf,KAAKiB,OAAO,CAACJ,MAAM,GAAG;wBAEjCH,QAAO;;0CAEP,KAACjB;0CACD,KAACkB;0CAAGX,KAAKiB,OAAO,CAACJ,MAAM;;0CACvB,KAACjB;gCAAQsB,YAAY;gCAAIC,MAAK;gCAASC,SAAQ;0CAC7C,cAAA,KAAC1B;oCACC2B,UAAS;oCACTC,OAAM;oCACNC,aAAa;oCACbC,cAAW;oCACXC,MAAK;oCACLC,SAAS,IAAMxB,0BAA0ByB,WAAW,CAAC;4CAAE5B;wCAAW;oCAClE6B,UAAU1B,0BAA0BD,SAAS,IAAI,CAACD,KAAKiB,OAAO,CAACJ,MAAM;oCACrEgB,YAAY3B,0BAA0BD,SAAS;8CAE/C,cAAA,KAACV;;;;uBAhBD;;;;;AAwBhB"}

package/dist/client/features/collection-translation-progress/ui/CollectionTranslationProgress.jsx

@@ -0,0 +1,47 @@
+'use client';
+import { ShimmerEffect } from '@payloadcms/ui';
+import { TrashIcon } from '@payloadcms/ui/icons/Trash';
+import { TranslationsApi } from '../../../entities/translation';
+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 styles from './styles.module.scss';
+export function CollectionTranslationProgress({ collection, data, isPending }) {
+    const cancelPendingTranslations = TranslationsApi.useCancelCollectionTranslations();
+    return (<div className={styles.container}>
+      {isPending && (<>
+          <ShimmerEffect width="100%" height={32}></ShimmerEffect>
+          <ShimmerEffect width="100%" height={32}></ShimmerEffect>
+          <ShimmerEffect width="100%" height={32}></ShimmerEffect>
+          <ShimmerEffect width="100%" height={32}></ShimmerEffect>
+        </>)}
+
+      {data && (<>
+          <StatusIndicator className={styles['status-indicator']} title="Completed" key="completed" $color="green">
+            <LanguageTranslateIcon />
+            <b>{data.completed.length}</b>
+          </StatusIndicator>
+
+          <StatusIndicator className={styles['status-indicator']} title="Failed" key="failed" $color="red">
+            <LanguageTranslateIcon />
+            <b>{data.failed.length}</b>
+          </StatusIndicator>
+
+          <StatusIndicator className={styles['status-indicator']} title="In progress" $animated={data.running.length > 0} key="running" $color="blue">
+            <LanguageTranslateIcon />
+            <b>{data.running.length}</b>
+          </StatusIndicator>
+
+          <StatusIndicator className={styles['status-indicator']} title="Pending" $animated={data.pending.length > 0} key="pending" $color="gray">
+            <LanguageTranslateIcon />
+            <b>{data.pending.length}</b>
+            <Tooltip sideOffset={12} side="bottom" content="Cancel translations">
+              <Button $variant="light" $size="sm" $isIconButton aria-label="Cancel all queued translation" type="button" onClick={() => cancelPendingTranslations.mutateAsync({ collection })} disabled={cancelPendingTranslations.isPending || !data.pending.length} $isLoading={cancelPendingTranslations.isPending}>
+                <TrashIcon />
+              </Button>
+            </Tooltip>
+          </StatusIndicator>
+        </>)}
+    </div>);
+}

package/dist/client/features/document-translation-progress-failed/index.d.ts

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

package/dist/client/features/document-translation-progress-failed/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/features/document-translation-progress-failed/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iCAAiC,EAAE,MAAM,wCAAwC,CAAA"}

package/dist/client/features/document-translation-progress-failed/index.js

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

package/dist/client/features/document-translation-progress-failed/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/features/document-translation-progress-failed/index.ts"],"sourcesContent":["export { DocumentTranslationProgressFailed } from './ui/DocumentTranslationProgressFailed'\n"],"names":["DocumentTranslationProgressFailed"],"mappings":"AAAA,SAASA,iCAAiC,QAAQ,yCAAwC"}

package/dist/client/features/document-translation-progress-failed/ui/DocumentTranslationProgressFailed.d.ts

@@ -0,0 +1,7 @@
+import type { DocumentTranslationFailed } from '../../../entities/translation';
+type DocumentTranslationProgressFailedProps = {
+    data: DocumentTranslationFailed;
+};
+export declare function DocumentTranslationProgressFailed({ data }: DocumentTranslationProgressFailedProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=DocumentTranslationProgressFailed.d.ts.map

package/dist/client/features/document-translation-progress-failed/ui/DocumentTranslationProgressFailed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentTranslationProgressFailed.d.ts","sourceRoot":"","sources":["../../../../../src/client/features/document-translation-progress-failed/ui/DocumentTranslationProgressFailed.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAA;AAG9E,KAAK,sCAAsC,GAAG;IAC5C,IAAI,EAAE,yBAAyB,CAAA;CAChC,CAAA;AAED,wBAAgB,iCAAiC,CAAC,EAAE,IAAI,EAAE,EAAE,sCAAsC,+BAwBjG"}

package/dist/client/features/document-translation-progress-failed/ui/DocumentTranslationProgressFailed.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { toast } from '@payloadcms/ui';
+import { FailedTranslationStatus, TranslationsApi } from '../../../entities/translation';
+export function DocumentTranslationProgressFailed({ data }) {
+    const runQueuedTranslationApi = TranslationsApi.useRunDocumentTranslation();
+    const handleRunDocumentTranslation = async ()=>{
+        try {
+            await runQueuedTranslationApi.mutateAsync({
+                id: data.id
+            });
+        } catch (e) {
+            if (e instanceof Error) {
+                toast.error(e.message);
+            } else {
+                toast.error('Error running document translation');
+            }
+        }
+    };
+    return /*#__PURE__*/ _jsx(FailedTranslationStatus, {
+        onRetry: handleRunDocumentTranslation,
+        isLoading: runQueuedTranslationApi.isPending,
+        sourceLocale: data.input.source_lng,
+        targetLocale: data.input.target_lng,
+        message: data.error.message
+    });
+}
+
+//# sourceMappingURL=DocumentTranslationProgressFailed.js.map

package/dist/client/features/document-translation-progress-failed/ui/DocumentTranslationProgressFailed.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/client/features/document-translation-progress-failed/ui/DocumentTranslationProgressFailed.tsx"],"sourcesContent":["import { toast } from '@payloadcms/ui'\n\nimport type { DocumentTranslationFailed } from '../../../entities/translation'\nimport { FailedTranslationStatus, TranslationsApi } from '../../../entities/translation'\n\ntype DocumentTranslationProgressFailedProps = {\n  data: DocumentTranslationFailed\n}\n\nexport function DocumentTranslationProgressFailed({ data }: DocumentTranslationProgressFailedProps) {\n  const runQueuedTranslationApi = TranslationsApi.useRunDocumentTranslation()\n\n  const handleRunDocumentTranslation = async () => {\n    try {\n      await runQueuedTranslationApi.mutateAsync({ id: data.id })\n    } catch (e) {\n      if (e instanceof Error) {\n        toast.error(e.message)\n      } else {\n        toast.error('Error running document translation')\n      }\n    }\n  }\n\n  return (\n    <FailedTranslationStatus\n      onRetry={handleRunDocumentTranslation}\n      isLoading={runQueuedTranslationApi.isPending}\n      sourceLocale={data.input.source_lng}\n      targetLocale={data.input.target_lng}\n      message={data.error.message}\n    />\n  )\n}\n"],"names":["toast","FailedTranslationStatus","TranslationsApi","DocumentTranslationProgressFailed","data","runQueuedTranslationApi","useRunDocumentTranslation","handleRunDocumentTranslation","mutateAsync","id","e","Error","error","message","onRetry","isLoading","isPending","sourceLocale","input","source_lng","targetLocale","target_lng"],"mappings":";AAAA,SAASA,KAAK,QAAQ,iBAAgB;AAGtC,SAASC,uBAAuB,EAAEC,eAAe,QAAQ,gCAA+B;AAMxF,OAAO,SAASC,kCAAkC,EAAEC,IAAI,EAA0C;IAChG,MAAMC,0BAA0BH,gBAAgBI,yBAAyB;IAEzE,MAAMC,+BAA+B;QACnC,IAAI;YACF,MAAMF,wBAAwBG,WAAW,CAAC;gBAAEC,IAAIL,KAAKK,EAAE;YAAC;QAC1D,EAAE,OAAOC,GAAG;YACV,IAAIA,aAAaC,OAAO;gBACtBX,MAAMY,KAAK,CAACF,EAAEG,OAAO;YACvB,OAAO;gBACLb,MAAMY,KAAK,CAAC;YACd;QACF;IACF;IAEA,qBACE,KAACX;QACCa,SAASP;QACTQ,WAAWV,wBAAwBW,SAAS;QAC5CC,cAAcb,KAAKc,KAAK,CAACC,UAAU;QACnCC,cAAchB,KAAKc,KAAK,CAACG,UAAU;QACnCR,SAAST,KAAKQ,KAAK,CAACC,OAAO;;AAGjC"}

package/dist/client/features/document-translation-progress-failed/ui/DocumentTranslationProgressFailed.jsx

@@ -0,0 +1,19 @@
+import { toast } from '@payloadcms/ui';
+import { FailedTranslationStatus, TranslationsApi } from '../../../entities/translation';
+export function DocumentTranslationProgressFailed({ data }) {
+    const runQueuedTranslationApi = TranslationsApi.useRunDocumentTranslation();
+    const handleRunDocumentTranslation = async () => {
+        try {
+            await runQueuedTranslationApi.mutateAsync({ id: data.id });
+        }
+        catch (e) {
+            if (e instanceof Error) {
+                toast.error(e.message);
+            }
+            else {
+                toast.error('Error running document translation');
+            }
+        }
+    };
+    return (<FailedTranslationStatus onRetry={handleRunDocumentTranslation} isLoading={runQueuedTranslationApi.isPending} sourceLocale={data.input.source_lng} targetLocale={data.input.target_lng} message={data.error.message}/>);
+}

package/dist/client/features/document-translation-progress-pending/index.d.ts

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

package/dist/client/features/document-translation-progress-pending/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/features/document-translation-progress-pending/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kCAAkC,EAAE,MAAM,yCAAyC,CAAA"}

package/dist/client/features/document-translation-progress-pending/index.js

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

package/dist/client/features/document-translation-progress-pending/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/features/document-translation-progress-pending/index.ts"],"sourcesContent":["export { DocumentTranslationProgressPending } from './ui/DocumentTranslationProgressPending'\n"],"names":["DocumentTranslationProgressPending"],"mappings":"AAAA,SAASA,kCAAkC,QAAQ,0CAAyC"}

package/dist/client/features/document-translation-progress-pending/ui/DocumentTranslationProgressPending.d.ts

@@ -0,0 +1,7 @@
+import type { DocumentTranslationPending } from '../../../entities/translation';
+type DocumentTranslationProgressPendingProps = {
+    data: DocumentTranslationPending;
+};
+export declare function DocumentTranslationProgressPending({ data }: DocumentTranslationProgressPendingProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=DocumentTranslationProgressPending.d.ts.map

package/dist/client/features/document-translation-progress-pending/ui/DocumentTranslationProgressPending.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentTranslationProgressPending.d.ts","sourceRoot":"","sources":["../../../../../src/client/features/document-translation-progress-pending/ui/DocumentTranslationProgressPending.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAA;AAI/E,KAAK,uCAAuC,GAAG;IAC7C,IAAI,EAAE,0BAA0B,CAAA;CACjC,CAAA;AAED,wBAAgB,kCAAkC,CAAC,EAAE,IAAI,EAAE,EAAE,uCAAuC,+BAsCnG"}

package/dist/client/features/document-translation-progress-pending/ui/DocumentTranslationProgressPending.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { toast } from '@payloadcms/ui';
+import { TranslationsApi } from '../../../entities/translation';
+import { PendingTranslationStatus } from '../../../entities/translation';
+export function DocumentTranslationProgressPending({ data }) {
+    const cancelDocumentTranslationApi = TranslationsApi.useCancelDocumentTranslation();
+    const runQueuedTranslationApi = TranslationsApi.useRunDocumentTranslation();
+    const handleCancelDocumentTranslation = async ()=>{
+        try {
+            await cancelDocumentTranslationApi.mutateAsync({
+                id: data.id
+            });
+        } catch (e) {
+            if (e instanceof Error) {
+                toast.error(e.message);
+            } else {
+                toast.error('Error canceling document translation');
+            }
+        }
+    };
+    const handleRunDocumentTranslation = async ()=>{
+        try {
+            await runQueuedTranslationApi.mutateAsync({
+                id: data.id
+            });
+        } catch (e) {
+            if (e instanceof Error) {
+                toast.error(e.message);
+            } else {
+                toast.error('Error running document translation');
+            }
+        }
+    };
+    return /*#__PURE__*/ _jsx(PendingTranslationStatus, {
+        onRun: handleRunDocumentTranslation,
+        createdAt: data.created_at,
+        sourceLocale: data.input.source_lng,
+        targetLocale: data.input.target_lng,
+        isLoading: cancelDocumentTranslationApi.isPending || runQueuedTranslationApi.isPending,
+        onCancel: handleCancelDocumentTranslation
+    });
+}
+
+//# sourceMappingURL=DocumentTranslationProgressPending.js.map

package/dist/client/features/document-translation-progress-pending/ui/DocumentTranslationProgressPending.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/client/features/document-translation-progress-pending/ui/DocumentTranslationProgressPending.tsx"],"sourcesContent":["import { toast } from '@payloadcms/ui'\n\nimport type { DocumentTranslationPending } from '../../../entities/translation'\nimport { TranslationsApi } from '../../../entities/translation'\nimport { PendingTranslationStatus } from '../../../entities/translation'\n\ntype DocumentTranslationProgressPendingProps = {\n  data: DocumentTranslationPending\n}\n\nexport function DocumentTranslationProgressPending({ data }: DocumentTranslationProgressPendingProps) {\n  const cancelDocumentTranslationApi = TranslationsApi.useCancelDocumentTranslation()\n  const runQueuedTranslationApi = TranslationsApi.useRunDocumentTranslation()\n\n  const handleCancelDocumentTranslation = async () => {\n    try {\n      await cancelDocumentTranslationApi.mutateAsync({ id: data.id })\n    } catch (e) {\n      if (e instanceof Error) {\n        toast.error(e.message)\n      } else {\n        toast.error('Error canceling document translation')\n      }\n    }\n  }\n\n  const handleRunDocumentTranslation = async () => {\n    try {\n      await runQueuedTranslationApi.mutateAsync({ id: data.id })\n    } catch (e) {\n      if (e instanceof Error) {\n        toast.error(e.message)\n      } else {\n        toast.error('Error running document translation')\n      }\n    }\n  }\n\n  return (\n    <PendingTranslationStatus\n      onRun={handleRunDocumentTranslation}\n      createdAt={data.created_at}\n      sourceLocale={data.input.source_lng}\n      targetLocale={data.input.target_lng}\n      isLoading={cancelDocumentTranslationApi.isPending || runQueuedTranslationApi.isPending}\n      onCancel={handleCancelDocumentTranslation}\n    />\n  )\n}\n"],"names":["toast","TranslationsApi","PendingTranslationStatus","DocumentTranslationProgressPending","data","cancelDocumentTranslationApi","useCancelDocumentTranslation","runQueuedTranslationApi","useRunDocumentTranslation","handleCancelDocumentTranslation","mutateAsync","id","e","Error","error","message","handleRunDocumentTranslation","onRun","createdAt","created_at","sourceLocale","input","source_lng","targetLocale","target_lng","isLoading","isPending","onCancel"],"mappings":";AAAA,SAASA,KAAK,QAAQ,iBAAgB;AAGtC,SAASC,eAAe,QAAQ,gCAA+B;AAC/D,SAASC,wBAAwB,QAAQ,gCAA+B;AAMxE,OAAO,SAASC,mCAAmC,EAAEC,IAAI,EAA2C;IAClG,MAAMC,+BAA+BJ,gBAAgBK,4BAA4B;IACjF,MAAMC,0BAA0BN,gBAAgBO,yBAAyB;IAEzE,MAAMC,kCAAkC;QACtC,IAAI;YACF,MAAMJ,6BAA6BK,WAAW,CAAC;gBAAEC,IAAIP,KAAKO,EAAE;YAAC;QAC/D,EAAE,OAAOC,GAAG;YACV,IAAIA,aAAaC,OAAO;gBACtBb,MAAMc,KAAK,CAACF,EAAEG,OAAO;YACvB,OAAO;gBACLf,MAAMc,KAAK,CAAC;YACd;QACF;IACF;IAEA,MAAME,+BAA+B;QACnC,IAAI;YACF,MAAMT,wBAAwBG,WAAW,CAAC;gBAAEC,IAAIP,KAAKO,EAAE;YAAC;QAC1D,EAAE,OAAOC,GAAG;YACV,IAAIA,aAAaC,OAAO;gBACtBb,MAAMc,KAAK,CAACF,EAAEG,OAAO;YACvB,OAAO;gBACLf,MAAMc,KAAK,CAAC;YACd;QACF;IACF;IAEA,qBACE,KAACZ;QACCe,OAAOD;QACPE,WAAWd,KAAKe,UAAU;QAC1BC,cAAchB,KAAKiB,KAAK,CAACC,UAAU;QACnCC,cAAcnB,KAAKiB,KAAK,CAACG,UAAU;QACnCC,WAAWpB,6BAA6BqB,SAAS,IAAInB,wBAAwBmB,SAAS;QACtFC,UAAUlB;;AAGhB"}

package/dist/client/features/document-translation-progress-pending/ui/DocumentTranslationProgressPending.jsx

@@ -0,0 +1,34 @@
+import { toast } from '@payloadcms/ui';
+import { TranslationsApi } from '../../../entities/translation';
+import { PendingTranslationStatus } from '../../../entities/translation';
+export function DocumentTranslationProgressPending({ data }) {
+    const cancelDocumentTranslationApi = TranslationsApi.useCancelDocumentTranslation();
+    const runQueuedTranslationApi = TranslationsApi.useRunDocumentTranslation();
+    const handleCancelDocumentTranslation = async () => {
+        try {
+            await cancelDocumentTranslationApi.mutateAsync({ id: data.id });
+        }
+        catch (e) {
+            if (e instanceof Error) {
+                toast.error(e.message);
+            }
+            else {
+                toast.error('Error canceling document translation');
+            }
+        }
+    };
+    const handleRunDocumentTranslation = async () => {
+        try {
+            await runQueuedTranslationApi.mutateAsync({ id: data.id });
+        }
+        catch (e) {
+            if (e instanceof Error) {
+                toast.error(e.message);
+            }
+            else {
+                toast.error('Error running document translation');
+            }
+        }
+    };
+    return (<PendingTranslationStatus onRun={handleRunDocumentTranslation} createdAt={data.created_at} sourceLocale={data.input.source_lng} targetLocale={data.input.target_lng} isLoading={cancelDocumentTranslationApi.isPending || runQueuedTranslationApi.isPending} onCancel={handleCancelDocumentTranslation}/>);
+}

package/dist/client/features/document-translation-progress-running/index.d.ts

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

package/dist/client/features/document-translation-progress-running/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/features/document-translation-progress-running/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kCAAkC,EAAE,MAAM,yCAAyC,CAAA"}

package/dist/client/features/document-translation-progress-running/index.js

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

package/dist/client/features/document-translation-progress-running/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/features/document-translation-progress-running/index.ts"],"sourcesContent":["export { DocumentTranslationProgressRunning } from './ui/DocumentTranslationProgressRunning'\n"],"names":["DocumentTranslationProgressRunning"],"mappings":"AAAA,SAASA,kCAAkC,QAAQ,0CAAyC"}

package/dist/client/features/document-translation-progress-running/ui/DocumentTranslationProgressRunning.d.ts

@@ -0,0 +1,7 @@
+import type { DocumentTranslationRunning } from '../../../entities/translation';
+type DocumentTranslationProgressRunningProps = {
+    data: DocumentTranslationRunning;
+};
+export declare function DocumentTranslationProgressRunning({ data }: DocumentTranslationProgressRunningProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=DocumentTranslationProgressRunning.d.ts.map

package/dist/client/features/document-translation-progress-running/ui/DocumentTranslationProgressRunning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentTranslationProgressRunning.d.ts","sourceRoot":"","sources":["../../../../../src/client/features/document-translation-progress-running/ui/DocumentTranslationProgressRunning.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAA;AAG/E,KAAK,uCAAuC,GAAG;IAC7C,IAAI,EAAE,0BAA0B,CAAA;CACjC,CAAA;AAED,wBAAgB,kCAAkC,CAAC,EAAE,IAAI,EAAE,EAAE,uCAAuC,+BAwBnG"}

package/dist/client/features/document-translation-progress-running/ui/DocumentTranslationProgressRunning.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { toast } from '@payloadcms/ui';
+import { RunningTranslationStatus, TranslationsApi } from '../../../entities/translation';
+export function DocumentTranslationProgressRunning({ data }) {
+    const cancelDocumentTranslationApi = TranslationsApi.useCancelDocumentTranslation();
+    const handleCancelDocumentTranslation = async ()=>{
+        try {
+            await cancelDocumentTranslationApi.mutateAsync({
+                id: data.id
+            });
+        } catch (e) {
+            if (e instanceof Error) {
+                toast.error(e.message);
+            } else {
+                toast.error('Error canceling document translation');
+            }
+        }
+    };
+    return /*#__PURE__*/ _jsx(RunningTranslationStatus, {
+        createdAt: data.created_at,
+        sourceLocale: data.input.source_lng,
+        targetLocale: data.input.target_lng,
+        isLoading: cancelDocumentTranslationApi.isPending,
+        onCancel: handleCancelDocumentTranslation
+    });
+}
+
+//# sourceMappingURL=DocumentTranslationProgressRunning.js.map

package/dist/client/features/document-translation-progress-running/ui/DocumentTranslationProgressRunning.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/client/features/document-translation-progress-running/ui/DocumentTranslationProgressRunning.tsx"],"sourcesContent":["import { toast } from '@payloadcms/ui'\n\nimport type { DocumentTranslationRunning } from '../../../entities/translation'\nimport { RunningTranslationStatus, TranslationsApi } from '../../../entities/translation'\n\ntype DocumentTranslationProgressRunningProps = {\n  data: DocumentTranslationRunning\n}\n\nexport function DocumentTranslationProgressRunning({ data }: DocumentTranslationProgressRunningProps) {\n  const cancelDocumentTranslationApi = TranslationsApi.useCancelDocumentTranslation()\n\n  const handleCancelDocumentTranslation = async () => {\n    try {\n      await cancelDocumentTranslationApi.mutateAsync({ id: data.id })\n    } catch (e) {\n      if (e instanceof Error) {\n        toast.error(e.message)\n      } else {\n        toast.error('Error canceling document translation')\n      }\n    }\n  }\n\n  return (\n    <RunningTranslationStatus\n      createdAt={data.created_at}\n      sourceLocale={data.input.source_lng}\n      targetLocale={data.input.target_lng}\n      isLoading={cancelDocumentTranslationApi.isPending}\n      onCancel={handleCancelDocumentTranslation}\n    />\n  )\n}\n"],"names":["toast","RunningTranslationStatus","TranslationsApi","DocumentTranslationProgressRunning","data","cancelDocumentTranslationApi","useCancelDocumentTranslation","handleCancelDocumentTranslation","mutateAsync","id","e","Error","error","message","createdAt","created_at","sourceLocale","input","source_lng","targetLocale","target_lng","isLoading","isPending","onCancel"],"mappings":";AAAA,SAASA,KAAK,QAAQ,iBAAgB;AAGtC,SAASC,wBAAwB,EAAEC,eAAe,QAAQ,gCAA+B;AAMzF,OAAO,SAASC,mCAAmC,EAAEC,IAAI,EAA2C;IAClG,MAAMC,+BAA+BH,gBAAgBI,4BAA4B;IAEjF,MAAMC,kCAAkC;QACtC,IAAI;YACF,MAAMF,6BAA6BG,WAAW,CAAC;gBAAEC,IAAIL,KAAKK,EAAE;YAAC;QAC/D,EAAE,OAAOC,GAAG;YACV,IAAIA,aAAaC,OAAO;gBACtBX,MAAMY,KAAK,CAACF,EAAEG,OAAO;YACvB,OAAO;gBACLb,MAAMY,KAAK,CAAC;YACd;QACF;IACF;IAEA,qBACE,KAACX;QACCa,WAAWV,KAAKW,UAAU;QAC1BC,cAAcZ,KAAKa,KAAK,CAACC,UAAU;QACnCC,cAAcf,KAAKa,KAAK,CAACG,UAAU;QACnCC,WAAWhB,6BAA6BiB,SAAS;QACjDC,UAAUhB;;AAGhB"}

package/dist/client/features/document-translation-progress-running/ui/DocumentTranslationProgressRunning.jsx

@@ -0,0 +1,19 @@
+import { toast } from '@payloadcms/ui';
+import { RunningTranslationStatus, TranslationsApi } from '../../../entities/translation';
+export function DocumentTranslationProgressRunning({ data }) {
+    const cancelDocumentTranslationApi = TranslationsApi.useCancelDocumentTranslation();
+    const handleCancelDocumentTranslation = async () => {
+        try {
+            await cancelDocumentTranslationApi.mutateAsync({ id: data.id });
+        }
+        catch (e) {
+            if (e instanceof Error) {
+                toast.error(e.message);
+            }
+            else {
+                toast.error('Error canceling document translation');
+            }
+        }
+    };
+    return (<RunningTranslationStatus createdAt={data.created_at} sourceLocale={data.input.source_lng} targetLocale={data.input.target_lng} isLoading={cancelDocumentTranslationApi.isPending} onCancel={handleCancelDocumentTranslation}/>);
+}

package/dist/client/features/open-document-translation-popup/index.d.ts

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

package/dist/client/features/open-document-translation-popup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/features/open-document-translation-popup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,mCAAmC,CAAA"}