@pushwoosh/smart-components-kit 1.5.2 → 1.6.0

package/MediaStorage/CanvaImportDrawer.js

@@ -5,18 +5,12 @@ import { FlexContainer, useAsync, Vertical } from '@pushwoosh/kit-helpers';
 import { CloseIcon } from '@pushwoosh/kit-icons';
 import { Text } from '@pushwoosh/kit-typography';
 import { useSPAContext } from '@pushwoosh/spa-context';
-import { ConsentClosedError, connectCanva, disconnectCanva, PopupBlockedError, UnsafeReturnPageError } from './canva';
+import { ConsentClosedError, connectCanva, disconnectCanva, errorMessage, PopupBlockedError, UnsafeReturnPageError, waitForImport } from './canva';
 import { togglePages } from './canvaPages';
 import { useLang } from './polyglot';
 import { Chips, DesignCaption, DesignTile, EmptyState, FieldLabel, Grid, Segment, SegmentItem, TileImage } from './styles';
 const MAX_PAGES = 10;
 const SEARCH_DELAY_MS = 400;
-const POLL_INTERVAL_MS = 1500;
-const IMPORT_TIMEOUT_MS = 10 * 60 * 1000;
-const errorMessage = (error, fallback) => error instanceof Error && error.message ? error.message : fallback;
-const sleep = ms => new Promise(resolve => {
-  window.setTimeout(resolve, ms);
-});
 /** Drawer that connects the user's Canva and imports pages of a chosen design into the library. */
 export const CanvaImportDrawer = ({
   application,
@@ -162,41 +156,23 @@ export const CanvaImportDrawer = ({
         pages,
         format
       });
-      const startedAt = Date.now();
-      for (;;) {
-        await sleep(POLL_INTERVAL_MS);
-        if (runRef.current !== run) return;
-        if (Date.now() - startedAt > IMPORT_TIMEOUT_MS) {
-          throw new Error(lang({
-            message: 'SMART.MEDIA_STORAGE.CANVA.ERROR'
-          }));
-        }
-        const state = await rpcGateway.canva.GetImport({
-          importId
-        });
-        if (runRef.current !== run) return;
-        if (state.state === 'CANVA_IMPORT_STATE_FAILED') {
-          throw new Error(state.error);
-        }
-        if (state.state === 'CANVA_IMPORT_STATE_DONE') {
-          openToast({
-            title: lang({
-              message: 'SMART.MEDIA_STORAGE.CANVA.SUCCESS'
-            }),
-            type: 'success'
-          });
-          onImported(state.files ?? []);
-          if (isOpenRef.current) onClose();
-          return;
-        }
-        if (state.state === 'CANVA_IMPORT_STATE_UPLOADING') {
-          setProgress(lang({
-            message: 'SMART.MEDIA_STORAGE.CANVA.IMPORTING',
-            done: state.pagesDone,
-            total: state.pagesTotal
-          }));
-        }
-      }
+      const files = await waitForImport(rpcGateway, importId, {
+        isCancelled: () => runRef.current !== run,
+        onProgress: (done, total) => setProgress(lang({
+          message: 'SMART.MEDIA_STORAGE.CANVA.IMPORTING',
+          done,
+          total
+        }))
+      });
+      if (!files) return;
+      openToast({
+        title: lang({
+          message: 'SMART.MEDIA_STORAGE.CANVA.SUCCESS'
+        }),
+        type: 'success'
+      });
+      onImported(files);
+      if (isOpenRef.current) onClose();
     } catch (error) {
       if (runRef.current === run) {
         openToast({

package/MediaStorage/MediaStorage.js

@@ -2,15 +2,16 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useRef, useState } from 'react';
 import { Button, Checkbox, DropdownMenuButton, DropdownMenuItem, DropdownMenuSection, ModalConfirm, useToast } from '@pushwoosh/dumb-components';
 import { FlexContainer, useAsync } from '@pushwoosh/kit-helpers';
-import { CheckIcon, EditIcon, TrashIcon, UploadIcon } from '@pushwoosh/kit-icons';
+import { CheckIcon, DropdownIcon, EditIcon, OpenIcon, TrashIcon, UploadIcon } from '@pushwoosh/kit-icons';
 import { Text } from '@pushwoosh/kit-typography';
 import { useSPAContext } from '@pushwoosh/spa-context';
+import { CANVA_DESIGN_PRESETS } from './canvaEdit';
 import { CanvaImportDrawer } from './CanvaImportDrawer';
 import { CreateCropDrawer } from './CreateCropDrawer';
-import { useDeleteMediaFile, useDeleteMediaFiles } from './hooks';
+import { useCanvaEdit, useDeleteMediaFile, useDeleteMediaFiles } from './hooks';
 import { formatBytes, getCropCaption, getSourceLabel, getThumbUrl, hasVersions } from './mediaFile.utils';
 import { Lang, useLang } from './polyglot';
-import { CountBadge, Dropzone, DropzoneRow, EmptyState, Grid, HiddenInput, SelectionBar, SelectionCount, SourceBadge, Tile, TileActions, TileBadges, TileCheckbox, TileImage, UsageLine, WarningBadge } from './styles';
+import { CanvaActions, CountBadge, Dropzone, DropzoneRow, EmptyState, Grid, HiddenInput, SelectionBar, SelectionCount, SourceBadge, Tile, TileActions, TileBadges, TileCheckbox, TileImage, UsageLine, WarningBadge } from './styles';
 const UPLOAD_PATH = '/api/media/upload';
 const ALLOWED_IMAGE_EXTENSIONS = ['.jpg', '.jpeg', '.png', '.gif', '.webp'];
 const isAllowedImage = file => {
@@ -85,6 +86,14 @@ export const MediaStorage = ({
   const [isCanvaOpen, setIsCanvaOpen] = useState(false);
   const canvaStatusAsync = useAsync(() => rpcGateway.canva.GetStatus({}), [rpcGateway, canvaToken]);
   const canvaStatus = canvaStatusAsync.value;
+  const isCanvaReady = Boolean(canvaStatus?.available && canvaStatus.connected && canvaStatus.tokenValid);
+  const showImportedFirst = () => {
+    if (pageRef.current !== 0) {
+      onPageChange(0);
+    }
+    setReloadToken(token => token + 1);
+  };
+  const canvaEdit = useCanvaEdit(application, Boolean(canvaStatus?.available), showImportedFirst);
   const {
     loading
   } = listAsync;
@@ -271,12 +280,35 @@ export const MediaStorage = ({
         }) : lang({
           message: 'SMART.MEDIA_STORAGE.DROPZONE_HINT'
         })]
-      }), canvaStatus?.available && _jsx(Button, {
-        color: "secondary",
-        onClick: () => setIsCanvaOpen(true),
-        children: lang({
-          message: 'SMART.MEDIA_STORAGE.CANVA.BUTTON'
-        })
+      }), canvaStatus?.available && _jsxs(CanvaActions, {
+        children: [_jsx(Button, {
+          color: "secondary",
+          onClick: () => setIsCanvaOpen(true),
+          children: lang({
+            message: 'SMART.MEDIA_STORAGE.CANVA.BUTTON'
+          })
+        }), isCanvaReady && _jsx(DropdownMenuButton, {
+          color: "secondary",
+          label: lang({
+            message: 'SMART.MEDIA_STORAGE.CANVA.CREATE'
+          }),
+          rightIcon: _jsx(DropdownIcon, {
+            direction: "down",
+            size: "small"
+          }),
+          isLoading: canvaEdit.isSaving,
+          menuPlacement: "bottom-end",
+          children: _jsx(DropdownMenuSection, {
+            children: CANVA_DESIGN_PRESETS.map(preset => _jsx(DropdownMenuItem, {
+              onClick: () => void canvaEdit.create(preset),
+              children: lang({
+                message: preset.messageKey,
+                width: preset.width,
+                height: preset.height
+              })
+            }, preset.messageKey))
+          })
+        })]
       })]
     }), _jsx(HiddenInput, {
       ref: uploadInputRef,
@@ -399,6 +431,20 @@ export const MediaStorage = ({
                 message: 'SMART.MEDIA_STORAGE.CREATE_CROP_HINT'
               }),
               onClick: () => setCreateCropFor(file)
+            }), isCanvaReady && _jsx(Button, {
+              color: "secondary",
+              size: "compact",
+              icon: _jsx(OpenIcon, {
+                size: "small",
+                view: "lined"
+              }),
+              title: lang({
+                message: 'SMART.MEDIA_STORAGE.CANVA.EDIT'
+              }),
+              "aria-label": lang({
+                message: 'SMART.MEDIA_STORAGE.CANVA.EDIT'
+              }),
+              onClick: () => void canvaEdit.edit(file)
             }), _jsx(Button, {
               color: "secondary",
               size: "compact",
@@ -457,12 +503,7 @@ export const MediaStorage = ({
       status: canvaStatus,
       onStatusChange: () => setCanvaToken(token => token + 1),
       onClose: () => setIsCanvaOpen(false),
-      onImported: () => {
-        if (pageRef.current !== 0) {
-          onPageChange(0);
-        }
-        setReloadToken(token => token + 1);
-      }
+      onImported: showImportedFirst
     }), _jsx(CreateCropDrawer, {
       application: application,
       original: createCropFor,

package/MediaStorage/canva.d.ts

@@ -1,4 +1,5 @@
 import type { API as RpcGatewayAPI } from '@pushwoosh/rpc-v2-http-api-data';
+import type { MediaFile } from '@pushwoosh/rpc-v2-http-api-data/media_files';
 /** Error raised when the browser refused to open the Canva consent window. */
 export declare class PopupBlockedError extends Error {
 }
@@ -16,3 +17,14 @@ export declare const isStaticText: (contentType: string | null) => boolean;
 export declare const connectCanva: (rpcGateway: RpcGatewayAPI) => Promise<void>;
 /** Revokes and forgets the signed-in user's Canva connection. */
 export declare const disconnectCanva: (rpcGateway: RpcGatewayAPI) => Promise<unknown>;
+/** Error raised when an import is still not stored after the polling window. */
+export declare class ImportTimeoutError extends Error {
+}
+export declare const errorMessage: (error: unknown, fallback: string) => string;
+type WaitOptions = {
+    isCancelled: () => boolean;
+    onProgress?: (done: number, total: number) => void;
+};
+/** Polls a Canva import until it is stored; null when the caller cancelled. */
+export declare const waitForImport: (rpcGateway: RpcGatewayAPI, importId: string, { isCancelled, onProgress }: WaitOptions) => Promise<MediaFile[] | null>;
+export {};

package/MediaStorage/canva.js

@@ -83,4 +83,31 @@ export const connectCanva = async rpcGateway => {
 /** Revokes and forgets the signed-in user's Canva connection. */
 export const disconnectCanva = rpcGateway => rpcGateway.integrations.DeleteOAuthIntegration({
   provider: PROVIDER
-});
+});
+const IMPORT_POLL_INTERVAL_MS = 1500;
+const IMPORT_TIMEOUT_MS = 10 * 60 * 1000;
+/** Error raised when an import is still not stored after the polling window. */
+export class ImportTimeoutError extends Error {}
+export const errorMessage = (error, fallback) => error instanceof Error && error.message ? error.message : fallback;
+const sleep = ms => new Promise(resolve => {
+  setTimeout(resolve, ms);
+});
+/** Polls a Canva import until it is stored; null when the caller cancelled. */
+export const waitForImport = async (rpcGateway, importId, {
+  isCancelled,
+  onProgress
+}) => {
+  const startedAt = Date.now();
+  for (;;) {
+    await sleep(IMPORT_POLL_INTERVAL_MS);
+    if (isCancelled()) return null;
+    if (Date.now() - startedAt > IMPORT_TIMEOUT_MS) throw new ImportTimeoutError();
+    const state = await rpcGateway.canva.GetImport({
+      importId
+    });
+    if (isCancelled()) return null;
+    if (state.state === 'CANVA_IMPORT_STATE_FAILED') throw new Error(state.error);
+    if (state.state === 'CANVA_IMPORT_STATE_DONE') return state.files ?? [];
+    if (state.state === 'CANVA_IMPORT_STATE_UPLOADING') onProgress?.(state.pagesDone, state.pagesTotal);
+  }
+};

package/MediaStorage/canvaEdit.d.ts

@@ -0,0 +1,30 @@
+import type { API as RpcGatewayAPI } from '@pushwoosh/rpc-v2-http-api-data';
+import type { StartCanvaEditRequest } from '@pushwoosh/rpc-v2-http-api-data/canva';
+/** Query parameter our Canva return page adds to the control panel URL. */
+export declare const CANVA_RETURN_PARAM = "canva_return";
+/** Sizes offered for a new Canva design, per channel. */
+export declare const CANVA_DESIGN_PRESETS: readonly [{
+    readonly messageKey: "SMART.MEDIA_STORAGE.CANVA.PRESET_PUSH";
+    readonly width: 1024;
+    readonly height: 512;
+}, {
+    readonly messageKey: "SMART.MEDIA_STORAGE.CANVA.PRESET_INAPP";
+    readonly width: 1080;
+    readonly height: 1920;
+}, {
+    readonly messageKey: "SMART.MEDIA_STORAGE.CANVA.PRESET_EMAIL";
+    readonly width: 600;
+    readonly height: 300;
+}];
+export type CanvaDesignPreset = (typeof CANVA_DESIGN_PRESETS)[number];
+/** The Media Library page an edit comes back to, wherever the picker was opened. */
+export declare const mediaLibraryUrl: (origin: string, application: string) => string;
+/** Reads the token Canva sent the user back with and drops it from the address bar, so a reload does not replay it. */
+export declare const takeCanvaReturn: (location: Pick<Location, "href">, history: Pick<History, "replaceState" | "state">) => string | null;
+/**
+ * Opens Canva's editor in a new tab. The tab is opened before the request so the browser treats it
+ * as the user's click; Canva later brings that tab back to the Media Library.
+ */
+export declare const openInCanva: (rpcGateway: RpcGatewayAPI, request: StartCanvaEditRequest) => Promise<{
+    copied: boolean;
+}>;

package/MediaStorage/canvaEdit.js

@@ -0,0 +1,50 @@
+import { PopupBlockedError } from './canva';
+/** Query parameter our Canva return page adds to the control panel URL. */
+export const CANVA_RETURN_PARAM = 'canva_return';
+/** Sizes offered for a new Canva design, per channel. */
+export const CANVA_DESIGN_PRESETS = [{
+  messageKey: 'SMART.MEDIA_STORAGE.CANVA.PRESET_PUSH',
+  width: 1024,
+  height: 512
+}, {
+  messageKey: 'SMART.MEDIA_STORAGE.CANVA.PRESET_INAPP',
+  width: 1080,
+  height: 1920
+}, {
+  messageKey: 'SMART.MEDIA_STORAGE.CANVA.PRESET_EMAIL',
+  width: 600,
+  height: 300
+}];
+/** The Media Library page an edit comes back to, wherever the picker was opened. */
+export const mediaLibraryUrl = (origin, application) => `${origin}/applications/${encodeURIComponent(application)}/content/media-storage`;
+/** Reads the token Canva sent the user back with and drops it from the address bar, so a reload does not replay it. */
+export const takeCanvaReturn = (location, history) => {
+  const url = new URL(location.href);
+  const token = url.searchParams.get(CANVA_RETURN_PARAM);
+  if (!token) return null;
+  url.searchParams.delete(CANVA_RETURN_PARAM);
+  history.replaceState(history.state, '', url.toString());
+  return token;
+};
+/**
+ * Opens Canva's editor in a new tab. The tab is opened before the request so the browser treats it
+ * as the user's click; Canva later brings that tab back to the Media Library.
+ */
+export const openInCanva = async (rpcGateway, request) => {
+  const tab = window.open('', '_blank');
+  if (!tab) throw new PopupBlockedError();
+  try {
+    const {
+      editUrl,
+      copied
+    } = await rpcGateway.canva.StartEdit(request);
+    tab.opener = null;
+    tab.location.href = editUrl;
+    return {
+      copied
+    };
+  } catch (error) {
+    tab.close();
+    throw error;
+  }
+};

package/MediaStorage/hooks.d.ts

@@ -1,4 +1,16 @@
+import type { MediaFile } from '@pushwoosh/rpc-v2-http-api-data/media_files';
+import { type CanvaDesignPreset } from './canvaEdit';
 /** Deletes one media file with its own toast; resolves to `true` on success. */
 export declare function useDeleteMediaFile(application: string): (uuid: string) => Promise<boolean>;
 /** Deletes media files in a bounded-concurrency batch; resolves to the number deleted. */
 export declare function useDeleteMediaFiles(application: string): (uuids: string[]) => Promise<number>;
+type CanvaEdit = {
+    /** Opens an image of the library in Canva; the result comes back as its new version. */
+    edit: (file: MediaFile) => Promise<void>;
+    /** Opens a blank Canva design of a preset size; the result comes back as a new image. */
+    create: (preset: CanvaDesignPreset) => Promise<void>;
+    isSaving: boolean;
+};
+/** Sends images to Canva and, on the page Canva returns to, stores what the user brought back. */
+export declare function useCanvaEdit(application: string, isAvailable: boolean, onSaved: () => void): CanvaEdit;
+export {};

package/MediaStorage/hooks.js

@@ -1,6 +1,9 @@
+import { useEffect, useRef, useState } from 'react';
 import { useToast } from '@pushwoosh/dumb-components';
 import { usePersistentFunction } from '@pushwoosh/kit-helpers';
 import { useSPAContext } from '@pushwoosh/spa-context';
+import { errorMessage, PopupBlockedError, waitForImport } from './canva';
+import { mediaLibraryUrl, openInCanva, takeCanvaReturn } from './canvaEdit';
 import { useLang } from './polyglot';
 /** Deletes one media file with its own toast; resolves to `true` on success. */
 export function useDeleteMediaFile(application) {
@@ -84,4 +87,121 @@ export function useDeleteMediaFiles(application) {
     }
     return deleted;
   });
+}
+/** Sends images to Canva and, on the page Canva returns to, stores what the user brought back. */
+export function useCanvaEdit(application, isAvailable, onSaved) {
+  const {
+    rpcGateway
+  } = useSPAContext();
+  const {
+    openToast
+  } = useToast();
+  const lang = useLang();
+  const [isSaving, setIsSaving] = useState(false);
+  const mountedRef = useRef(false);
+  const returnTokenRef = useRef(null);
+  const handleSaved = usePersistentFunction(onSaved);
+  useEffect(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+  useEffect(() => {
+    returnTokenRef.current ??= takeCanvaReturn(window.location, window.history);
+  }, []);
+  const fail = (error, fallback) => {
+    const title = error instanceof PopupBlockedError ? lang({
+      message: 'SMART.MEDIA_STORAGE.CANVA.POPUP_BLOCKED'
+    }) : errorMessage(error, lang({
+      message: fallback
+    }));
+    openToast({
+      title,
+      type: 'error'
+    });
+  };
+  useEffect(() => {
+    if (!isAvailable) return;
+    const token = returnTokenRef.current;
+    if (!token) return;
+    returnTokenRef.current = null;
+    setIsSaving(true);
+    openToast({
+      title: lang({
+        message: 'SMART.MEDIA_STORAGE.CANVA.SAVING'
+      }),
+      type: 'info'
+    });
+    void (async () => {
+      try {
+        const {
+          importId
+        } = await rpcGateway.canva.CompleteEdit({
+          correlationJwt: token
+        });
+        const files = await waitForImport(rpcGateway, importId, {
+          isCancelled: () => !mountedRef.current
+        });
+        if (!files) return;
+        openToast({
+          title: lang({
+            message: 'SMART.MEDIA_STORAGE.CANVA.SAVED'
+          }),
+          type: 'success'
+        });
+        handleSaved();
+      } catch (error) {
+        if (mountedRef.current) fail(error, 'SMART.MEDIA_STORAGE.CANVA.SAVE_ERROR');
+      } finally {
+        if (mountedRef.current) setIsSaving(false);
+      }
+    })();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isAvailable]);
+  const returnUrl = mediaLibraryUrl(window.location.origin, application);
+  const edit = usePersistentFunction(async file => {
+    try {
+      const {
+        copied
+      } = await openInCanva(rpcGateway, {
+        application,
+        target: {
+          type: 'mediaUuid',
+          data: file.uuid
+        },
+        returnUrl
+      });
+      if (copied) openToast({
+        title: lang({
+          message: 'SMART.MEDIA_STORAGE.CANVA.EDIT_COPY'
+        }),
+        type: 'info'
+      });
+    } catch (error) {
+      fail(error, 'SMART.MEDIA_STORAGE.CANVA.EDIT_ERROR');
+    }
+  });
+  const create = usePersistentFunction(async preset => {
+    try {
+      await openInCanva(rpcGateway, {
+        application,
+        target: {
+          type: 'size',
+          data: {
+            width: preset.width,
+            height: preset.height
+          }
+        },
+        returnUrl
+      });
+    } catch (error) {
+      fail(error, 'SMART.MEDIA_STORAGE.CANVA.EDIT_ERROR');
+    }
+  });
+  return {
+    edit,
+    create,
+    isSaving
+  };
 }

package/MediaStorage/polyglot/messages_ar.js

@@ -69,5 +69,15 @@ export const messages = {
   'SMART.MEDIA_STORAGE.CANVA.SUCCESS': 'تم الاستيراد من Canva',
   'SMART.MEDIA_STORAGE.CANVA.POPUP_BLOCKED': 'اسمح بالنوافذ المنبثقة لهذا الموقع لربط Canva',
   'SMART.MEDIA_STORAGE.CANVA.CONNECT_FAILED': 'تعذّر ربط Canva',
-  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'تعذّر الاستيراد من Canva'
+  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'تعذّر الاستيراد من Canva',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT': 'التحرير في Canva',
+  'SMART.MEDIA_STORAGE.CANVA.CREATE': 'الإنشاء في Canva',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_PUSH': 'صورة الإشعار الكبيرة · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_INAPP': 'داخل التطبيق / Rich Media · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_EMAIL': 'رأس البريد الإلكتروني · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.SAVING': 'جارٍ حفظ تصميمك من Canva…',
+  'SMART.MEDIA_STORAGE.CANVA.SAVED': 'تم الحفظ من Canva',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_COPY': 'تصميم Canva لهذه الصورة يخص مستخدمًا آخر — أنت تحرر نسخة',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_ERROR': 'تعذّر فتح Canva',
+  'SMART.MEDIA_STORAGE.CANVA.SAVE_ERROR': 'تعذّر حفظ التصميم من Canva'
 };

package/MediaStorage/polyglot/messages_bn.js

@@ -69,5 +69,15 @@ export const messages = {
   'SMART.MEDIA_STORAGE.CANVA.SUCCESS': 'Canva থেকে ইমপোর্ট হয়েছে',
   'SMART.MEDIA_STORAGE.CANVA.POPUP_BLOCKED': 'Canva সংযুক্ত করতে এই সাইটের জন্য পপ-আপ অনুমতি দিন',
   'SMART.MEDIA_STORAGE.CANVA.CONNECT_FAILED': 'Canva সংযুক্ত করা যায়নি',
-  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'Canva থেকে ইমপোর্ট ব্যর্থ হয়েছে'
+  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'Canva থেকে ইমপোর্ট ব্যর্থ হয়েছে',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT': 'Canva-তে এডিট করুন',
+  'SMART.MEDIA_STORAGE.CANVA.CREATE': 'Canva-তে তৈরি করুন',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_PUSH': 'পুশের বড় ছবি · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_INAPP': 'ইন-অ্যাপ / রিচ মিডিয়া · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_EMAIL': 'ইমেল হেডার · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.SAVING': 'Canva থেকে আপনার ডিজাইন সংরক্ষণ করা হচ্ছে…',
+  'SMART.MEDIA_STORAGE.CANVA.SAVED': 'Canva থেকে সংরক্ষিত হয়েছে',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_COPY': 'এই ছবির Canva ডিজাইনটি অন্য কারও — আপনি একটি কপি এডিট করছেন',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_ERROR': 'Canva খোলা যায়নি',
+  'SMART.MEDIA_STORAGE.CANVA.SAVE_ERROR': 'Canva থেকে ডিজাইন সংরক্ষণ করা যায়নি'
 };

package/MediaStorage/polyglot/messages_de.js

@@ -69,5 +69,15 @@ export const messages = {
   'SMART.MEDIA_STORAGE.CANVA.SUCCESS': 'Aus Canva importiert',
   'SMART.MEDIA_STORAGE.CANVA.POPUP_BLOCKED': 'Erlauben Sie Pop-ups für diese Website, um Canva zu verbinden',
   'SMART.MEDIA_STORAGE.CANVA.CONNECT_FAILED': 'Canva konnte nicht verbunden werden',
-  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'Canva-Import fehlgeschlagen'
+  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'Canva-Import fehlgeschlagen',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT': 'In Canva bearbeiten',
+  'SMART.MEDIA_STORAGE.CANVA.CREATE': 'In Canva erstellen',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_PUSH': 'Großes Push-Bild · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_INAPP': 'In-App / Rich Media · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_EMAIL': 'E-Mail-Header · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.SAVING': 'Design aus Canva wird gespeichert…',
+  'SMART.MEDIA_STORAGE.CANVA.SAVED': 'Aus Canva gespeichert',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_COPY': 'Das Canva-Design dieses Bildes gehört jemand anderem — Sie bearbeiten eine Kopie',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_ERROR': 'Canva konnte nicht geöffnet werden',
+  'SMART.MEDIA_STORAGE.CANVA.SAVE_ERROR': 'Design aus Canva konnte nicht gespeichert werden'
 };

package/MediaStorage/polyglot/messages_en.js

@@ -69,5 +69,15 @@ export const messages = {
   'SMART.MEDIA_STORAGE.CANVA.SUCCESS': 'Imported from Canva',
   'SMART.MEDIA_STORAGE.CANVA.POPUP_BLOCKED': 'Allow pop-ups for this site to connect Canva',
   'SMART.MEDIA_STORAGE.CANVA.CONNECT_FAILED': 'Could not connect Canva',
-  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'Canva import failed'
+  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'Canva import failed',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT': 'Edit in Canva',
+  'SMART.MEDIA_STORAGE.CANVA.CREATE': 'Create in Canva',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_PUSH': 'Push big picture · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_INAPP': 'In-app / Rich Media · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_EMAIL': 'Email header · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.SAVING': 'Saving your design from Canva…',
+  'SMART.MEDIA_STORAGE.CANVA.SAVED': 'Saved from Canva',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_COPY': 'This image’s Canva design belongs to someone else — you are editing a copy',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_ERROR': 'Could not open Canva',
+  'SMART.MEDIA_STORAGE.CANVA.SAVE_ERROR': 'Could not save the design from Canva'
 };

package/MediaStorage/polyglot/messages_es.js

@@ -69,5 +69,15 @@ export const messages = {
   'SMART.MEDIA_STORAGE.CANVA.SUCCESS': 'Importado desde Canva',
   'SMART.MEDIA_STORAGE.CANVA.POPUP_BLOCKED': 'Permite las ventanas emergentes de este sitio para conectar Canva',
   'SMART.MEDIA_STORAGE.CANVA.CONNECT_FAILED': 'No se pudo conectar Canva',
-  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'No se pudo importar desde Canva'
+  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'No se pudo importar desde Canva',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT': 'Editar en Canva',
+  'SMART.MEDIA_STORAGE.CANVA.CREATE': 'Crear en Canva',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_PUSH': 'Imagen grande de push · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_INAPP': 'In-app / Rich Media · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_EMAIL': 'Cabecera de email · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.SAVING': 'Guardando tu diseño de Canva…',
+  'SMART.MEDIA_STORAGE.CANVA.SAVED': 'Guardado desde Canva',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_COPY': 'El diseño de Canva de esta imagen pertenece a otra persona: estás editando una copia',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_ERROR': 'No se pudo abrir Canva',
+  'SMART.MEDIA_STORAGE.CANVA.SAVE_ERROR': 'No se pudo guardar el diseño de Canva'
 };

package/MediaStorage/polyglot/messages_fr.js

@@ -69,5 +69,15 @@ export const messages = {
   'SMART.MEDIA_STORAGE.CANVA.SUCCESS': 'Importé depuis Canva',
   'SMART.MEDIA_STORAGE.CANVA.POPUP_BLOCKED': 'Autorisez les fenêtres pop-up pour ce site afin de connecter Canva',
   'SMART.MEDIA_STORAGE.CANVA.CONNECT_FAILED': 'Impossible de connecter Canva',
-  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'Échec de l’importation depuis Canva'
+  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'Échec de l’importation depuis Canva',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT': 'Modifier dans Canva',
+  'SMART.MEDIA_STORAGE.CANVA.CREATE': 'Créer dans Canva',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_PUSH': 'Grande image push · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_INAPP': 'In-app / Rich Media · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_EMAIL': 'En-tête d’e-mail · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.SAVING': 'Enregistrement du design depuis Canva…',
+  'SMART.MEDIA_STORAGE.CANVA.SAVED': 'Enregistré depuis Canva',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_COPY': 'Le design Canva de cette image appartient à quelqu’un d’autre : vous modifiez une copie',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_ERROR': 'Impossible d’ouvrir Canva',
+  'SMART.MEDIA_STORAGE.CANVA.SAVE_ERROR': 'Impossible d’enregistrer le design depuis Canva'
 };

package/MediaStorage/polyglot/messages_he.js

@@ -69,5 +69,15 @@ export const messages = {
   'SMART.MEDIA_STORAGE.CANVA.SUCCESS': 'יובא מ-Canva',
   'SMART.MEDIA_STORAGE.CANVA.POPUP_BLOCKED': 'אפשרו חלונות קופצים לאתר הזה כדי לחבר את Canva',
   'SMART.MEDIA_STORAGE.CANVA.CONNECT_FAILED': 'לא ניתן לחבר את Canva',
-  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'הייבוא מ-Canva נכשל'
+  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'הייבוא מ-Canva נכשל',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT': 'עריכה ב-Canva',
+  'SMART.MEDIA_STORAGE.CANVA.CREATE': 'יצירה ב-Canva',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_PUSH': 'תמונת פוש גדולה · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_INAPP': 'In-app / Rich Media · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_EMAIL': 'כותרת אימייל · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.SAVING': 'שומרים את העיצוב מ-Canva…',
+  'SMART.MEDIA_STORAGE.CANVA.SAVED': 'נשמר מ-Canva',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_COPY': 'עיצוב ה-Canva של התמונה שייך למשתמש אחר — אתם עורכים עותק',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_ERROR': 'לא ניתן לפתוח את Canva',
+  'SMART.MEDIA_STORAGE.CANVA.SAVE_ERROR': 'לא ניתן לשמור את העיצוב מ-Canva'
 };

package/MediaStorage/polyglot/messages_hi.js

@@ -69,5 +69,15 @@ export const messages = {
   'SMART.MEDIA_STORAGE.CANVA.SUCCESS': 'Canva से इम्पोर्ट हो गया',
   'SMART.MEDIA_STORAGE.CANVA.POPUP_BLOCKED': 'Canva कनेक्ट करने के लिए इस साइट के पॉप-अप की अनुमति दें',
   'SMART.MEDIA_STORAGE.CANVA.CONNECT_FAILED': 'Canva कनेक्ट नहीं हो सका',
-  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'Canva से इम्पोर्ट विफल रहा'
+  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'Canva से इम्पोर्ट विफल रहा',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT': 'Canva में संपादित करें',
+  'SMART.MEDIA_STORAGE.CANVA.CREATE': 'Canva में बनाएं',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_PUSH': 'पुश बड़ी तस्वीर · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_INAPP': 'इन-ऐप / रिच मीडिया · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_EMAIL': 'ईमेल हेडर · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.SAVING': 'Canva से आपका डिज़ाइन सहेजा जा रहा है…',
+  'SMART.MEDIA_STORAGE.CANVA.SAVED': 'Canva से सहेजा गया',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_COPY': 'इस इमेज का Canva डिज़ाइन किसी और का है — आप एक कॉपी संपादित कर रहे हैं',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_ERROR': 'Canva नहीं खुल सका',
+  'SMART.MEDIA_STORAGE.CANVA.SAVE_ERROR': 'Canva से डिज़ाइन सहेजा नहीं जा सका'
 };

package/MediaStorage/polyglot/messages_ja.js

@@ -69,5 +69,15 @@ export const messages = {
   'SMART.MEDIA_STORAGE.CANVA.SUCCESS': 'Canvaからインポートしました',
   'SMART.MEDIA_STORAGE.CANVA.POPUP_BLOCKED': 'Canvaを接続するには、このサイトのポップアップを許可してください',
   'SMART.MEDIA_STORAGE.CANVA.CONNECT_FAILED': 'Canvaを接続できませんでした',
-  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'Canvaからのインポートに失敗しました'
+  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'Canvaからのインポートに失敗しました',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT': 'Canvaで編集',
+  'SMART.MEDIA_STORAGE.CANVA.CREATE': 'Canvaで作成',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_PUSH': 'プッシュの大きな画像 · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_INAPP': 'アプリ内 / リッチメディア · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_EMAIL': 'メールヘッダー · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.SAVING': 'Canvaのデザインを保存しています…',
+  'SMART.MEDIA_STORAGE.CANVA.SAVED': 'Canvaから保存しました',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_COPY': 'この画像のCanvaデザインは別のユーザーのものです。コピーを編集しています',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_ERROR': 'Canvaを開けませんでした',
+  'SMART.MEDIA_STORAGE.CANVA.SAVE_ERROR': 'Canvaのデザインを保存できませんでした'
 };

package/MediaStorage/polyglot/messages_ko.js

@@ -69,5 +69,15 @@ export const messages = {
   'SMART.MEDIA_STORAGE.CANVA.SUCCESS': 'Canva에서 가져왔습니다',
   'SMART.MEDIA_STORAGE.CANVA.POPUP_BLOCKED': 'Canva를 연결하려면 이 사이트의 팝업을 허용하세요',
   'SMART.MEDIA_STORAGE.CANVA.CONNECT_FAILED': 'Canva를 연결할 수 없습니다',
-  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'Canva에서 가져오지 못했습니다'
+  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'Canva에서 가져오지 못했습니다',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT': 'Canva에서 편집',
+  'SMART.MEDIA_STORAGE.CANVA.CREATE': 'Canva에서 만들기',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_PUSH': '푸시 큰 이미지 · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_INAPP': '인앱 / 리치 미디어 · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_EMAIL': '이메일 헤더 · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.SAVING': 'Canva에서 디자인을 저장하는 중…',
+  'SMART.MEDIA_STORAGE.CANVA.SAVED': 'Canva에서 저장했습니다',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_COPY': '이 이미지의 Canva 디자인은 다른 사용자의 것이므로 사본을 편집합니다',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_ERROR': 'Canva를 열 수 없습니다',
+  'SMART.MEDIA_STORAGE.CANVA.SAVE_ERROR': 'Canva에서 디자인을 저장하지 못했습니다'
 };

package/MediaStorage/polyglot/messages_pt.js

@@ -69,5 +69,15 @@ export const messages = {
   'SMART.MEDIA_STORAGE.CANVA.SUCCESS': 'Importado do Canva',
   'SMART.MEDIA_STORAGE.CANVA.POPUP_BLOCKED': 'Permita pop-ups neste site para conectar o Canva',
   'SMART.MEDIA_STORAGE.CANVA.CONNECT_FAILED': 'Não foi possível conectar o Canva',
-  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'Falha ao importar do Canva'
+  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'Falha ao importar do Canva',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT': 'Editar no Canva',
+  'SMART.MEDIA_STORAGE.CANVA.CREATE': 'Criar no Canva',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_PUSH': 'Imagem grande de push · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_INAPP': 'In-app / Rich Media · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_EMAIL': 'Cabeçalho de e-mail · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.SAVING': 'Salvando seu design do Canva…',
+  'SMART.MEDIA_STORAGE.CANVA.SAVED': 'Salvo do Canva',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_COPY': 'O design do Canva desta imagem pertence a outra pessoa — você está editando uma cópia',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_ERROR': 'Não foi possível abrir o Canva',
+  'SMART.MEDIA_STORAGE.CANVA.SAVE_ERROR': 'Não foi possível salvar o design do Canva'
 };

package/MediaStorage/polyglot/messages_ru.js

@@ -69,5 +69,15 @@ export const messages = {
   'SMART.MEDIA_STORAGE.CANVA.SUCCESS': 'Импортировано из Canva',
   'SMART.MEDIA_STORAGE.CANVA.POPUP_BLOCKED': 'Разрешите всплывающие окна для этого сайта, чтобы подключить Canva',
   'SMART.MEDIA_STORAGE.CANVA.CONNECT_FAILED': 'Не удалось подключить Canva',
-  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'Не удалось импортировать из Canva'
+  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'Не удалось импортировать из Canva',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT': 'Редактировать в Canva',
+  'SMART.MEDIA_STORAGE.CANVA.CREATE': 'Создать в Canva',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_PUSH': 'Большая картинка пуша · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_INAPP': 'In-app / Rich Media · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_EMAIL': 'Шапка письма · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.SAVING': 'Сохраняем дизайн из Canva…',
+  'SMART.MEDIA_STORAGE.CANVA.SAVED': 'Сохранено из Canva',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_COPY': 'Дизайн этой картинки в Canva принадлежит другому пользователю — вы правите копию',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_ERROR': 'Не удалось открыть Canva',
+  'SMART.MEDIA_STORAGE.CANVA.SAVE_ERROR': 'Не удалось сохранить дизайн из Canva'
 };

package/MediaStorage/polyglot/messages_th.js

@@ -69,5 +69,15 @@ export const messages = {
   'SMART.MEDIA_STORAGE.CANVA.SUCCESS': 'นำเข้าจาก Canva แล้ว',
   'SMART.MEDIA_STORAGE.CANVA.POPUP_BLOCKED': 'อนุญาตป๊อปอัปสำหรับเว็บไซต์นี้เพื่อเชื่อมต่อ Canva',
   'SMART.MEDIA_STORAGE.CANVA.CONNECT_FAILED': 'ไม่สามารถเชื่อมต่อ Canva ได้',
-  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'นำเข้าจาก Canva ไม่สำเร็จ'
+  'SMART.MEDIA_STORAGE.CANVA.ERROR': 'นำเข้าจาก Canva ไม่สำเร็จ',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT': 'แก้ไขใน Canva',
+  'SMART.MEDIA_STORAGE.CANVA.CREATE': 'สร้างใน Canva',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_PUSH': 'รูปใหญ่ของพุช · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_INAPP': 'In-app / Rich Media · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_EMAIL': 'ส่วนหัวอีเมล · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.SAVING': 'กำลังบันทึกงานออกแบบจาก Canva…',
+  'SMART.MEDIA_STORAGE.CANVA.SAVED': 'บันทึกจาก Canva แล้ว',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_COPY': 'งานออกแบบ Canva ของรูปนี้เป็นของผู้อื่น คุณกำลังแก้ไขสำเนา',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_ERROR': 'เปิด Canva ไม่ได้',
+  'SMART.MEDIA_STORAGE.CANVA.SAVE_ERROR': 'บันทึกงานออกแบบจาก Canva ไม่ได้'
 };

package/MediaStorage/polyglot/messages_zh.js

@@ -69,5 +69,15 @@ export const messages = {
   'SMART.MEDIA_STORAGE.CANVA.SUCCESS': '已从 Canva 导入',
   'SMART.MEDIA_STORAGE.CANVA.POPUP_BLOCKED': '请允许此网站的弹出窗口以连接 Canva',
   'SMART.MEDIA_STORAGE.CANVA.CONNECT_FAILED': '无法连接 Canva',
-  'SMART.MEDIA_STORAGE.CANVA.ERROR': '从 Canva 导入失败'
+  'SMART.MEDIA_STORAGE.CANVA.ERROR': '从 Canva 导入失败',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT': '在 Canva 中编辑',
+  'SMART.MEDIA_STORAGE.CANVA.CREATE': '在 Canva 中创建',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_PUSH': '推送大图 · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_INAPP': '应用内 / 富媒体 · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.PRESET_EMAIL': '邮件页眉 · {{width}}×{{height}}',
+  'SMART.MEDIA_STORAGE.CANVA.SAVING': '正在保存 Canva 中的设计…',
+  'SMART.MEDIA_STORAGE.CANVA.SAVED': '已从 Canva 保存',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_COPY': '此图片的 Canva 设计属于其他用户，你正在编辑副本',
+  'SMART.MEDIA_STORAGE.CANVA.EDIT_ERROR': '无法打开 Canva',
+  'SMART.MEDIA_STORAGE.CANVA.SAVE_ERROR': '无法保存 Canva 中的设计'
 };

package/MediaStorage/polyglot/types.d.ts

@@ -95,4 +95,23 @@ export type MediaStorageMessages = {
     'SMART.MEDIA_STORAGE.CANVA.POPUP_BLOCKED': NoParams;
     'SMART.MEDIA_STORAGE.CANVA.CONNECT_FAILED': NoParams;
     'SMART.MEDIA_STORAGE.CANVA.ERROR': NoParams;
+    'SMART.MEDIA_STORAGE.CANVA.EDIT': NoParams;
+    'SMART.MEDIA_STORAGE.CANVA.CREATE': NoParams;
+    'SMART.MEDIA_STORAGE.CANVA.PRESET_PUSH': {
+        width: number;
+        height: number;
+    };
+    'SMART.MEDIA_STORAGE.CANVA.PRESET_INAPP': {
+        width: number;
+        height: number;
+    };
+    'SMART.MEDIA_STORAGE.CANVA.PRESET_EMAIL': {
+        width: number;
+        height: number;
+    };
+    'SMART.MEDIA_STORAGE.CANVA.SAVING': NoParams;
+    'SMART.MEDIA_STORAGE.CANVA.SAVED': NoParams;
+    'SMART.MEDIA_STORAGE.CANVA.EDIT_COPY': NoParams;
+    'SMART.MEDIA_STORAGE.CANVA.EDIT_ERROR': NoParams;
+    'SMART.MEDIA_STORAGE.CANVA.SAVE_ERROR': NoParams;
 };

package/MediaStorage/styles.d.ts

@@ -38,3 +38,4 @@ export declare const DesignTile: import("styled-components").StyledComponent<"bu
 }, never>;
 export declare const DesignCaption: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const DropzoneRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CanvaActions: import("styled-components").StyledComponent<"div", any, {}, never>;

package/MediaStorage/styles.js

@@ -139,4 +139,8 @@ export const DesignCaption = styled.span.withConfig({
 export const DropzoneRow = styled.div.withConfig({
   displayName: "DropzoneRow",
   componentId: "sc-uu3cbo-29"
-})(["display:flex;align-items:stretch;gap:12px;& > :first-child{flex:1;}"]);
+})(["display:flex;align-items:stretch;gap:12px;& > :first-child{flex:1;}"]);
+export const CanvaActions = styled.div.withConfig({
+  displayName: "CanvaActions",
+  componentId: "sc-uu3cbo-30"
+})(["display:flex;flex-direction:column;justify-content:center;gap:8px;& > *{width:100%;}"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/smart-components-kit",
-  "version": "1.5.2",
+  "version": "1.6.0",
   "description": "Stateful, data-connected React components shared by Pushwoosh micro-frontends",
   "repository": {
     "type": "git",
@@ -17,12 +17,12 @@
   },
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.2",
-    "@pushwoosh/dumb-components": "^2.9.18",
+    "@pushwoosh/dumb-components": "^2.9.19",
     "@pushwoosh/kit-constants": "^2.1.0",
     "@pushwoosh/kit-helpers": "^4.12.7",
-    "@pushwoosh/kit-icons": "^2.3.3",
+    "@pushwoosh/kit-icons": "^2.3.7",
     "@pushwoosh/kit-typography": "^1.8.7",
-    "@pushwoosh/rpc-v2-http-api-data": "^0.2.383",
+    "@pushwoosh/rpc-v2-http-api-data": "^0.2.389",
     "@pushwoosh/spa-context": "^1.8.1",
     "idb-keyval": "^6.2.2",
     "jwt-decode": "^4.0.0",