@focus-reactive/payload-plugin-translator 0.1.4 → 0.1.5

package/dist/server/shared/utils/index.d.ts

@@ -7,4 +7,3 @@ export { pipe } from './pipe';
 export { filterLocalizedFields } from './filterLocalizedFields';
 export { LazyMap } from './LazyMap';
 export type { LazyMapOptions } from './LazyMap';
-//# sourceMappingURL=index.d.ts.map

package/dist/server/shared/utils/isEmpty.d.ts

@@ -6,4 +6,3 @@
  * Use composition with type-specific checks (e.g., isEmptyRichText) for those.
  */
 export declare function isEmpty(value: unknown): boolean;
-//# sourceMappingURL=isEmpty.d.ts.map

package/dist/server/shared/utils/isObject.d.ts

@@ -2,4 +2,3 @@
  * Type guard: Checks if value is a non-null object.
  */
 export declare function isObject(value: unknown): value is Record<string, unknown>;
-//# sourceMappingURL=isObject.d.ts.map

package/dist/server/shared/utils/normalizePath.d.ts

@@ -13,4 +13,3 @@
  * normalizePath('  ')             // ''
  */
 export declare function normalizePath(path: string): string;
-//# sourceMappingURL=normalizePath.d.ts.map

package/dist/server/shared/utils/pipe.d.ts

@@ -2,4 +2,3 @@
  * Composes functions left-to-right, passing the result of each to the next.
  */
 export declare const pipe: <T>(...fns: Array<(x: T) => T>) => (x: T) => T;
-//# sourceMappingURL=pipe.d.ts.map

package/dist/server/shared/utils/setByPath.d.ts

@@ -8,4 +8,3 @@
  * setByPath(obj, 'arr.0.x', 1) // { arr: [{ x: 1 }] }
  */
 export declare function setByPath(obj: Record<string, unknown>, path: string, value: unknown): void;
-//# sourceMappingURL=setByPath.d.ts.map

package/dist/types/AccessGuard.d.ts

@@ -9,4 +9,3 @@ export interface AccessGuard {
         req: R;
     }): Promise<boolean> | boolean;
 }
-//# sourceMappingURL=AccessGuard.d.ts.map

package/dist/types/index.d.ts

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

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@focus-reactive/payload-plugin-translator",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Translation plugin for Payload CMS 3.x. Automatically translate your localized content using any translation provider.",
   "type": "module",
   "license": "MIT",
-  "author": "Siarhei Parkhamchuk <siarhei.parkhamchuk@focusreactive.com>",
+  "author": "FocusReactive <ship@focusreactive.com>",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/focusreactive/payload-plugin-translator.git",
-    "directory": "plugin"
+    "url": "https://github.com/focusreactive/payload-plugins",
+    "directory": "packages/payload-plugin-translator"
   },
   "bugs": {
-    "url": "https://github.com/focusreactive/payload-plugin-translator/issues"
+    "url": "https://github.com/focusreactive/payload-plugins/issues"
   },
-  "homepage": "https://github.com/focusreactive/payload-plugin-translator#readme",
+  "homepage": "https://github.com/focusreactive/payload-plugins/tree/main/packages/payload-plugin-translator",
   "keywords": [
     "payload",
     "payloadcms",
@@ -24,37 +24,38 @@
     "openai",
     "ai-translation"
   ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
     },
     "./client/*": {
-      "import": "./dist/client/*",
-      "types": "./dist/client/*"
+      "import": "./dist/client/*.js",
+      "types": "./dist/client/*.d.ts"
     }
   },
   "files": [
     "dist",
     "!dist/**/*.test.*",
-    "!dist/**/*.map",
-    "README.md",
-    "LICENSE"
+    "!dist/**/*.map"
   ],
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "prepublishOnly": "pnpm build",
-    "build": "pnpm build:types && pnpm build:swc && pnpm build:styles",
-    "build:types": "tsc -p tsconfig.build.json --emitDeclarationOnly --outDir dist",
-    "build:swc": "swc ./src -d ./dist --strip-leading-paths --ignore '**/*.test.ts' --ignore '**/__tests__/**' --ignore '**/__mocks__/**'",
-    "build:styles": "copyfiles -u 1 \"src/**/*.scss\" dist",
+    "build": "bun run clean && bun run build:swc && bun run build:types && bun run copyfiles",
+    "build:swc": "swc ./src -d ./dist --config-file .swcrc --strip-leading-paths --ignore '**/*.test.ts' --ignore '**/*.d.ts' --ignore '**/__tests__/**' --ignore '**/__mocks__/**'",
+    "build:types": "tsc --emitDeclarationOnly --outDir dist",
+    "copyfiles": "copyfiles -u 1 \"src/**/*.scss\" dist",
+    "clean": "rm -rf dist",
+    "dev": "bun run build:swc -- --watch",
     "lint": "eslint src",
     "lint:fix": "eslint src --fix",
     "test": "vitest run",
     "test:watch": "vitest",
-    "typecheck": "tsc --noEmit"
+    "check-types": "tsc --noEmit"
   },
   "peerDependencies": {
     "@payloadcms/richtext-lexical": "^3.76.0",
@@ -76,21 +77,21 @@
     "openai": "^4.50.0"
   },
   "devDependencies": {
-    "@eslint/js": "^9",
-    "@payloadcms/richtext-lexical": "^3.76.0",
-    "@payloadcms/ui": "^3.76.0",
-    "@swc/cli": "^0.5.2",
-    "@swc/core": "^1.10.0",
-    "@types/react": "^19.0.0",
-    "@vitest/coverage-v8": "^3.2.4",
-    "copyfiles": "^2.4.1",
-    "eslint": "^9",
+    "@payloadcms/richtext-lexical": "3.79.0",
+    "@payloadcms/ui": "3.79.0",
+    "@swc/cli": "0.4.0",
+    "@swc/core": "1.7.0",
+    "@types/react": "19.2.9",
+    "@vitest/coverage-v8": "3.2.4",
+    "copyfiles": "2.4.1",
+    "eslint": "9.0.0",
+    "eslint-config-prettier": "9.0.0",
+    "next": "15.4.11",
+    "payload": "3.79.0",
+    "react": "19.0.0",
+    "typescript": "5.5.2",
     "eslint-plugin-react-hooks": "6.0.0-rc.2",
-    "next": "^15.0.0",
-    "payload": "^3.76.0",
-    "react": "^19.0.0",
-    "typescript": "^5.7.0",
-    "typescript-eslint": "^8.56.0",
-    "vitest": "^3.0.0"
+    "typescript-eslint": "8.0.0",
+    "vitest": "3.2.4"
   }
 }

package/dist/client/app/cache/CacheProvider.jsx

@@ -1,11 +0,0 @@
-'use client';
-import { QueryClientProvider } from '@tanstack/react-query';
-import { CacheClientProviderFactory } from '../../shared/providers/CacheClientProvider';
-import { TranslateKitConfigProvider } from '../config';
-const queryClient = new CacheClientProviderFactory().create('client');
-export function CacheProvider({ basePath, children }) {
-    return (<TranslateKitConfigProvider basePath={basePath}>
-      <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
-    </TranslateKitConfigProvider>);
-}
-export default CacheProvider;

package/dist/client/app/config/TranslateKitConfigContext.jsx

@@ -1,13 +0,0 @@
-'use client';
-import { createContext, useContext, useMemo } from 'react';
-const defaultConfig = {
-    basePath: '/translate',
-};
-const TranslateKitConfigContext = createContext(defaultConfig);
-export function TranslateKitConfigProvider({ basePath = defaultConfig.basePath, children, }) {
-    const value = useMemo(() => ({ basePath }), [basePath]);
-    return <TranslateKitConfigContext.Provider value={value}>{children}</TranslateKitConfigContext.Provider>;
-}
-export function useTranslateKitConfig() {
-    return useContext(TranslateKitConfigContext);
-}

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

@@ -1,25 +0,0 @@
-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/FailedTranslationStatus/FailedTranslationStatus.jsx

@@ -1,24 +0,0 @@
-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/PendingTranslationStatus/PendingTranslationStatus.jsx

@@ -1,38 +0,0 @@
-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/RunningTranslationStatus/RunningTranslationStatus.jsx

@@ -1,32 +0,0 @@
-import { TrashIcon } from '@payloadcms/ui/icons/Trash';
-import { LanguageTranslateIcon } from '../../../../shared/lib/assets/icons/LanguageTranslateIcon';
-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 RunningTranslationStatus({ onCancel, isLoading, disabled, sourceLocale, targetLocale, createdAt, }) {
-    return (<StatusIndicator $animated $color="blue" title="In Progress">
-      <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>
-    </StatusIndicator>);
-}

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

@@ -1,16 +0,0 @@
-import styles from './styles.module.scss';
-export const TranslationDirection = ({ sourceLocale, targetLocale, className }) => {
-    return (<div className={`${styles.container} ${className || ''}`} role="group" aria-label={`Translation from ${sourceLocale} to ${targetLocale}`}>
-      <span className={styles.locale} aria-label={`Source language: ${sourceLocale}`}>
-        {sourceLocale.toLowerCase()}
-      </span>
-
-      <div className={styles.arrow} aria-hidden="true">
-        →
-      </div>
-
-      <span className={styles.locale} aria-label={`Target language: ${targetLocale}`}>
-        {targetLocale.toLowerCase()}
-      </span>
-    </div>);
-};

package/dist/client/features/collection-translation-form/ui/CollectionTranslationForm.jsx

@@ -1,25 +0,0 @@
-import { FormProvider } from 'react-hook-form';
-import Button from '../../../shared/ui/Button';
-import FormSelectLocale from '../../../shared/ui/form/FormSelectLocale';
-import { FormSelectStrategy } from '../../../shared/ui/form/FormSelectStrategy';
-import { FormCheckboxPublish } from '../../../shared/ui/form/FormCheckboxPublish';
-import { FORM_FIELDS } from '../model/constants';
-import styles from './styles.module.scss';
-export function CollectionTranslationForm({ form, onSubmit, selectedCount, hasDrafts, }) {
-    return (<FormProvider {...form}>
-      <fieldset className={styles.fieldset}>
-        <div className={styles.row}>
-          <div className={styles['locale-group']}>
-            <FormSelectLocale label="From" className={styles['select-locale-field']} size="md" name={FORM_FIELDS.SOURCE_LNG}/>
-            <FormSelectLocale label="To" className={styles['select-locale-field']} size="md" name={FORM_FIELDS.TARGET_LNG}/>
-          </div>
-          <FormSelectStrategy className={styles['strategy-field']} name={FORM_FIELDS.STRATEGY} size="md"/>
-        </div>
-        {hasDrafts && <FormCheckboxPublish name={FORM_FIELDS.PUBLISH_ON_TRANSLATION}/>}
-        <input {...form.register(FORM_FIELDS.HIDDEN_COLLECTION_SLUG)} type="hidden"/>
-        <Button $variant="filled" disabled={form.formState.isSubmitting || selectedCount === 0} className={styles['submit-button']} onClick={form.handleSubmit(onSubmit)} type="submit" $size="md" $isLoading={form.formState.isSubmitting}>
-          {selectedCount ? `Queue ${selectedCount} translations` : 'Queue translations'}
-        </Button>
-      </fieldset>
-    </FormProvider>);
-}

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

@@ -1,23 +0,0 @@
-'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/ui/CollectionTranslationProgress.jsx

@@ -1,47 +0,0 @@
-'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/ui/DocumentTranslationProgressFailed.jsx

@@ -1,19 +0,0 @@
-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/ui/DocumentTranslationProgressPending.jsx

@@ -1,34 +0,0 @@
-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/ui/DocumentTranslationProgressRunning.jsx

@@ -1,19 +0,0 @@
-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/ui/OpenDocumentTranslationPopup.jsx

@@ -1,15 +0,0 @@
-'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 Popup from '../../../shared/ui/Popup';
-import styles from './styles.module.scss';
-function OpenDocumentTranslationPopup({ children, isLoading }) {
-    const [isPopupOpen, popupOpen] = useToggle();
-    return (<Popup $align="start" onOpenChange={popupOpen.setValue} $trigger={<Button $size="md" $variant="filled" $isIconButton className={styles['popup-trigger-button']} aria-label="Open translation options" onClick={popupOpen.setTrue} disabled={isLoading} $isLoading={isLoading}>
-          <LanguageTranslateIcon />
-        </Button>} open={isPopupOpen}>
-      <div className={styles['popup-content']}>{children({ close: popupOpen.setFalse })}</div>
-    </Popup>);
-}
-export default OpenDocumentTranslationPopup;

package/dist/client/features/translate-document-form/ui/DocumentTranslationForm.jsx

@@ -1,24 +0,0 @@
-import { FormProvider } from 'react-hook-form';
-import Button from '../../../shared/ui/Button';
-import FormSelectLocale from '../../../shared/ui/form/FormSelectLocale';
-import { FormSelectStrategy } from '../../../shared/ui/form/FormSelectStrategy';
-import { FormCheckboxPublish } from '../../../shared/ui/form/FormCheckboxPublish';
-import { FORM_FIELDS } from '../model/constants';
-import styles from './styles.module.scss';
-export function DocumentTranslationForm({ form, onSubmit, hasDrafts }) {
-    return (<FormProvider {...form}>
-      <fieldset className={styles.fieldset}>
-        <div className={styles.row}>
-          <FormSelectLocale label="From" name={FORM_FIELDS.SOURCE_LNG}/>
-          <FormSelectLocale label="To" name={FORM_FIELDS.TARGET_LNG}/>
-        </div>
-        <FormSelectStrategy name={FORM_FIELDS.STRATEGY}/>
-        {hasDrafts && <FormCheckboxPublish name={FORM_FIELDS.PUBLISH_ON_TRANSLATION}/>}
-        <input {...form.register(FORM_FIELDS.HIDDEN_COLLECTION_SLUG)} type="hidden"/>
-        <input {...form.register(FORM_FIELDS.HIDDEN_COLLECTION_ID)} type="hidden"/>
-        <Button $variant="filled" disabled={form.formState.isSubmitting} className={styles['submit-button']} onClick={form.handleSubmit(onSubmit)} type="submit" $size="lg" $isLoading={form.formState.isSubmitting}>
-          Queue Translation
-        </Button>
-      </fieldset>
-    </FormProvider>);
-}

package/dist/client/shared/lib/assets/icons/LanguageTranslateIcon.jsx

@@ -1,4 +0,0 @@
-export const LanguageTranslateIcon = () => (<svg fill="currentColor" width="1em" height="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
-    <path d="M478.33,433.6l-90-218a22,22,0,0,0-40.67,0l-90,218a22,22,0,1,0,40.67,16.79L316.66,406H419.33l18.33,44.39A22,22,0,0,0,458,464a22,22,0,0,0,20.32-30.4ZM334.83,362,368,281.65,401.17,362Z"/>
-    <path d="M267.84,342.92a22,22,0,0,0-4.89-30.7c-.2-.15-15-11.13-36.49-34.73,39.65-53.68,62.11-114.75,71.27-143.49H330a22,22,0,0,0,0-44H214V70a22,22,0,0,0-44,0V90H54a22,22,0,0,0,0,44H251.25c-9.52,26.95-27.05,69.5-53.79,108.36-31.41-41.68-43.08-68.65-43.17-68.87a22,22,0,0,0-40.58,17c.58,1.38,14.55,34.23,52.86,83.93.92,1.19,1.83,2.35,2.74,3.51-39.24,44.35-77.74,71.86-93.85,80.74a22,22,0,1,0,21.07,38.63c2.16-1.18,48.6-26.89,101.63-85.59,22.52,24.08,38,35.44,38.93,36.1a22,22,0,0,0,30.75-4.9Z"/>
-  </svg>);

package/dist/client/shared/lib/assets/icons/QuestionCircleIcon.jsx

@@ -1,3 +0,0 @@
-export const QuestionCircleIcon = () => (<svg width="1em" height="1em" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="none">
-    <path fill="currentColor" fillRule="evenodd" clipRule="evenodd" d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm9 3a1 1 0 11-2 0 1 1 0 012 0zM6.92 6.085c.081-.16.19-.299.34-.398.145-.097.371-.187.74-.187.28 0 .553.087.738.225.167.127.262.285.262.478 0 .39-.152.586-.293.732a2.138 2.138 0 01-.508.39l-.024.014c-.178.107-.357.214-.504.395-.15.185-.25.427-.25.75a.75.75 0 001.5 0c0-.088.024-.137.054-.175.035-.045.1-.098.195-.15l.029-.018c.152-.09.381-.226.594-.424.213-.197.523-.534.523-1.114 0-.57-.282-1.023-.656-1.306-.356-.27-.816-.392-1.26-.392-.6 0-1.068.167-1.418.39-.345.218-.583.498-.748.793a.75.75 0 001.326.704z"/>
-  </svg>);

package/dist/client/shared/lib/assets/icons/ReloadIcon.jsx

@@ -1,3 +0,0 @@
-export const ReloadIcon = () => (<svg width="1em" height="1em" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="none">
-    <path fill="currentColor" d="M7.248 1.307A.75.75 0 118.252.193l2.5 2.25a.75.75 0 010 1.114l-2.5 2.25a.75.75 0 01-1.004-1.114l1.29-1.161a4.5 4.5 0 103.655 2.832.75.75 0 111.398-.546A6 6 0 118.018 2l-.77-.693z"/>
-  </svg>);

package/dist/client/shared/ui/Alert/Alert.jsx

@@ -1,33 +0,0 @@
-import classNames from 'classnames';
-import React from 'react';
-import styles from './styles.module.scss';
-const getRole = (variant) => {
-    switch (variant) {
-        case 'error':
-            return 'alert';
-        case 'warning':
-            return 'alert';
-        case 'info':
-            return 'status';
-        default:
-            return 'status';
-    }
-};
-const getAriaLive = (variant) => {
-    switch (variant) {
-        case 'error':
-            return 'assertive';
-        case 'warning':
-            return 'polite';
-        case 'info':
-            return 'polite';
-        default:
-            return 'polite';
-    }
-};
-const Alert = ({ variant = 'transparent', children, className }) => {
-    return (<div className={classNames(styles.alert, styles[`alert--${variant}`], className)} role={getRole(variant)} aria-live={getAriaLive(variant)} aria-atomic="true">
-      {children}
-    </div>);
-};
-export default Alert;