@useinsider/guido 2.1.0-beta.5c1d75f → 2.1.0-beta.5e38fec

package/dist/composables/useStripo.js

@@ -4,7 +4,7 @@ import { useConfig as v } from "./useConfig.js";
 import { useCustomInterfaceAppearance as A } from "./useCustomInterfaceAppearance.js";
 import { useStripoEventHandler as F } from "./useStripoEventHandler.js";
 import { useToaster as D } from "./useToaster.js";
-import { localePatch as I } from "../config/i18n/index.js";
+import { localePatch as I } from "../config/localePatch/index.js";
 import { displayConditions as M } from "../enums/displayConditions.js";
 import { useStripoApi as U } from "../services/stripoApi.js";
 import P from "../static/styles/customEditorStyle.css.js";

package/dist/config/{i18n/en → localePatch}/index.js

@@ -1,11 +1,13 @@
 import o from "./labels.json.js";
 import t from "./toasters.json.js";
 import r from "./tooltips.json.js";
-const e = {
-  ...o,
-  ...r,
-  ...t
+const p = {
+  en: {
+    ...o,
+    ...r,
+    ...t
+  }
 };
 export {
-  e as en
+  p as localePatch
 };

package/dist/config/{i18n/en → localePatch}/toasters.json.js

@@ -1,4 +1,4 @@
-const e = "Your version has been restored successfully.", o = "Restore Image", t = "Cancel", a = {
+const e = "Your version has been restored successfully.", o = {
   "The image has been deleted.": "The image has been deleted successfully.",
   "Aim for the drop zone!": "Drag and drop your image inside the upload area to continue.",
   "Image processing": "The image upload is in progress. This may take some time.",
@@ -14,14 +14,11 @@ const e = "Your version has been restored successfully.", o = "Restore Image", t
   "Error message from image processing": "The Play Button couldn't be added to the Video Thumbnail right now. You can select another Play Button and try again.",
   "The AI is fine-tuning your result... Please wait! This may take up to 1 minute.": "AI content generation is in progress. This may take some time.",
   "Can not complete AI request. Try again later": "AI content generation couldn't be completed right now. You can reload the editor or wait for a while and try again.",
-  "Http failure response for https://plugins.stripo.email/api/v1/documents/v3/documents/link: 400 OK": "Upload a valid image to continue.",
-  "Http failure response for https://plugins.stripo.email/api/v1/documents/v3/documents/base64: 400 OK": "The video thumbnail couldn’t be uploaded from the URL. Check and update your URL to continue.",
   "AI is processing your request": "AI content generation is in progress. This may take some time.",
-  "Whoops, something went wrong. Our experts are working to resolve this issue. Try again later please": "Your action couldn't be done right now. You can reload the editor or wait for a while and try again.",
   "Unable to paste text. Limit is 256kB. Please trim it down.": "Add a text to Text Block of up to 256KB to continue.",
   "Banner src included merge tag": "The image upload is in progress. This may take some time.",
   "Module deletion error": "The module couldn't be deleted right now. You can wait for a while and try again.",
-  "Can`t delete the module": "The module couldn't be deleted right now. You can wait for a while and try again.",
+  "Module deletion error with action button": "The module couldn't be deleted right now. You can wait for a while and try again.",
   "Block action error": "Your content couldn't added right now. You can wait for a while and try again.",
   history_revert_to_patch: e,
   "There is no connection to the server. Please reload the page or click 'Reconnect' to continue.": "Your server connection is lost. Reload the page to continue.",
@@ -32,7 +29,7 @@ const e = "Your version has been restored successfully.", o = "Restore Image", t
   "Timer update error": "Your action couldn't be undone right now. You can reload the editor or wait for a while and try again.",
   "Cannot edit base64 images": "This image type can't be edited.",
   "Failed to copy URL": "Your Image Link couldn't be copied to clipboard right now. You can wait for a while and try again.",
-  "Error message from image service": "The image couldn’t be uploaded from the URL. Check and update your URL to continue.",
+  "Error message from image service": "The image couldn't be loaded from the URL you entered. Check and update your URL to continue.",
   "Error message from image preload": "The image couldn't be loaded from the URL you entered. Check and update your Image Link to continue.",
   "An error has occurred. Please report the error code to support: {trace_id} and reload the editor. Also, send a bug report with email logs to the development team.": "Your design couldn't be loaded right now. You can reload the page and try again.",
   "The number of requests within your session has been exceeded. Please wait.": "Your requests are being processed. You can wait for a while to take new actions.",
@@ -40,17 +37,12 @@ const e = "Your version has been restored successfully.", o = "Restore Image", t
   "Warning: custom fonts": "Use custom fonts up to 10 to continue.",
   "Image recovery error": "The image couldn't be restored right now. You can wait for a while and try again.",
   "Image moved to trash": "The image has been deleted successfully.",
-  Recover: o,
-  Stop: t,
-  "Can`t delete the image": "The image couldn’t be deleted right now. You can wait for a while and try again.",
-  "Can`t restore the image": "The image couldn’t be restored right now. You can wait for a while and try again.",
   "Image delete error": "The image couldn't be deleted right now. You can wait for a while and try again.",
   "The maximum number of users who can simultaneously work with the sheet has been exceeded. Maximum allowed number: {{max_users_per_model}}": "You can’t edit the design right now as the maximum number of users are currently editing it.",
-  "The monthly limit of Timer basic block is reached. Please change the subscription pricing plan to activate new quotas": "You have reached your monthly limit of Timer Blocks. You can contact your Account Director for more information."
+  "The monthly limit of Timer basic block is reached. Please change the subscription pricing plan to activate new quotas": "You've reached your monthly Timer Block limit for your plan. You can upgrade your plan to add new Timer Block items.",
+  "The monthly limit of Timer basic block is reached.": "You've reached your monthly Timer Block limit for your plan. You can upgrade your plan to add new Timer Block items."
 };
 export {
-  o as Recover,
-  t as Stop,
-  a as default,
+  o as default,
   e as history_revert_to_patch
 };

package/dist/src/config/localePatch/index.d.ts

@@ -0,0 +1,138 @@
+/**
+ * Stripo Editor Translation Overrides
+ *
+ * Custom translations for Stripo editor UI elements.
+ * Translations are stored in JSON files for easier maintenance.
+ *
+ * Reference: https://email-static.useinsider.com/guido/{version}/assets/i18n/en.json
+ * @module config/localePatch
+ */
+/**
+ * Combined locale patch for Stripo editor initialization.
+ * Merges labels, tooltips, and toasters into a single object.
+ */
+export declare const localePatch: {
+    en: {
+        "The image has been deleted.": string;
+        "Aim for the drop zone!": string;
+        "Image processing": string;
+        "Can not get image from an external source.": string;
+        "The selected basic color cannot be added to My Palette. Please choose a different one from the color picker.": string;
+        "Copied to clipboard": string;
+        "The file {fileName} has wrong format {fileFormat}": string;
+        "The file {fileName} size exceeds the allowed size {maxFileSize}": string;
+        "Image link invalid": string;
+        "Image upload failed": string;
+        "Image upload error": string;
+        "Error message from video service": string;
+        "Error message from image processing": string;
+        "The AI is fine-tuning your result... Please wait! This may take up to 1 minute.": string;
+        "Can not complete AI request. Try again later": string;
+        "AI is processing your request": string;
+        "Unable to paste text. Limit is 256kB. Please trim it down.": string;
+        "Banner src included merge tag": string;
+        "Module deletion error": string;
+        "Module deletion error with action button": string;
+        "Block action error": string;
+        history_revert_to_patch: string;
+        "There is no connection to the server. Please reload the page or click 'Reconnect' to continue.": string;
+        "Reconnecting...": string;
+        "Failed to load version history. Contact support for assistance.": string;
+        "Connection restored": string;
+        "Invalid base64 image format. Please replace the image link.": string;
+        "Timer update error": string;
+        "Cannot edit base64 images": string;
+        "Failed to copy URL": string;
+        "Error message from image service": string;
+        "Error message from image preload": string;
+        "An error has occurred. Please report the error code to support: {trace_id} and reload the editor. Also, send a bug report with email logs to the development team.": string;
+        "The number of requests within your session has been exceeded. Please wait.": string;
+        "An error has occurred. Please report the error code to support.": string;
+        "Warning: custom fonts": string;
+        "Image recovery error": string;
+        "Image moved to trash": string;
+        "Image delete error": string;
+        "The maximum number of users who can simultaneously work with the sheet has been exceeded. Maximum allowed number: {{max_users_per_model}}": string;
+        "The monthly limit of Timer basic block is reached. Please change the subscription pricing plan to activate new quotas": string;
+        "The monthly limit of Timer basic block is reached.": string;
+        "Add template/pre-built modules, or structures with containers": string;
+        "Allows uploading and editing images": string;
+        "Allows working on text styles, adding merge tags and lists": string;
+        "Allows designing buttons of any shape, size, and color": string;
+        "Meant to visually separate elements with a horizontal line": string;
+        "Offers 70+ social media icons and chats of different design styles": string;
+        "Helps taking users from emails to necessary pages on your site": string;
+        "Allows adding elements with custom code in emails": string;
+        "Allows applying filters to images and placing text over them": string;
+        "Allows setting thumbnail images & play buttons for videos": string;
+        "Adds a countdown to a specific date. Use the timer in emails for promotions, launches, and events": string;
+        "The \"AMP Carousel\" block is currently being developed. Switch to the Old version of the Editor to access the full functionality needed to continue working on this email. Please note, that all changes you have already made to this email will be saved and available in the Old version": string;
+        "The \"AMP Accordion\" block is currently being development. Switch to the Old version of the Editor to access the full functionality needed to continue working on this email. Please note, that all changes you have already made to this email will be saved and available in the Old version": string;
+        "An AMP Form block lets users collect feedback or run surveys directly in an email. It includes input fields and can be added in the Editor, allowing recipients to respond right from their inbox": string;
+        "Will be applied to the entire email": string;
+        "Background image for the entire email. Some email clients (Windows 10 Mail, Android 4.4, the Gmail app for iOS, and Android for non-Gmail accounts) do not support background images. Thus, we recommend choosing a background color for the entire email similar to the selected image as a fallback.": string;
+        "Repetition of the email background image. In Outlook for Windows, the image will be repeated in any case, regardless of whether this option is enabled or not. To bypass the Outlook limitation, you need to create an image in a third-party editor of the needed color and size so that it fits the entire background size, apply the required graphics to it, upload it, and center-align it in the email. The dimensions of such a background image should be at least 1,920 pixels in width, and the height should be equal to the height of the email.": string;
+        "The standard width of the email varies between 540-700 pixels. <a href=\"https://stripo.email/blog/email-template-size-width-height/\" target=\"_blank\" aria-label=\"Read more about the message width in our blog.\">Read more here</a>": string;
+        "Alignment of the email content area ": string;
+        "Your email will automatically adjust for smaller screens by displaying content in a single column. Side-by-side blocks will be stacked vertically": string;
+        "Your email will display the desktop version on mobile devices. Mobile-specific settings will be turned off in the Editor": string;
+        "Enable the right-to-left (RTL) text direction to build emails easily without coding for recipients using RTL scripts, such as Arabic, Hebrew, Persian, Urdu, etc.": string;
+        "Margins around the email message area": string;
+        "The background image of the stripe. The image will not be displayed in an Outlook app on Windows email clients. We recommend choosing a stripe background color similar to the selected image as a fallback": string;
+        "We automatically calculate the optimal indentation for your text. It depends on font size and line spacing <a href=\"https://en.wikipedia.org/wiki/Leading\" target=\"_blank\">leading<a/>": string;
+        "Padding in the \"Text\" block makes space around the added text.": string;
+        "If an email client doesn't support the non-standard font, a similar standard font will be used instead.": string;
+        "This option ensures the most accurate display of your buttons in MS Outlook email clients by inserting a special VML-code. When this option is activated, the email message size can be increased up to kilobyte for each added button.": string;
+        "Outlook for Windows does not have support for a separate button border width setting": string;
+        "Outlook for Windows does not have a support for the border radius property. We recommend enabling the Outlook support option.": string;
+        "The option \"hover button styles\" (changing colors upon a mouseover) is supported by a limited number of email clients. <a href=\"{link}\" target=\"_blank\">Learn more</a>": string;
+        "Button padding that makes the space around the button text": string;
+        "The icon inside the button will not show in Outlook 2002, 2007, 2010, 2013, 2016, 2019 on Windows.": string;
+        "Margins around the button": string;
+        "It only works with CSS styles, so it is not supported by Outlook on Windows. We recommend enabling the Support for Outlook option.": string;
+        "Not supported by Outlook on Windows, so we recommend enabling the Support for Outlook option in the General Settings tab.": string;
+        "Add content to the email, click it, and choose \u201CSave as a module\u201D. Stripes, Structures, and Containers can be saved as a module.": string;
+        "This feature is only supported by Yahoo! Mail, Ukr.net, AOL, Gmail, iCloud Mail, Outlook 2003, Outlook for Mac and macOS Apple Mail": string;
+        "The aspect ratio of the added image does not match the others. Please replace it to match the {ratio} format": string;
+        "Margins around the image": string;
+        "The image will automatically adjust to the width of the screen on mobile devices that support it": string;
+        "Images won't be adjusted to the width of the screen on mobile devices, which may lead to poor display of images and content": string;
+        "Make the image to fit to the width of a mobile screen. Please note: It only works on devices that have support for media queries.": string;
+        "You have the option of displaying a different image when your countdown timer expires.": string;
+        "Margins around the timer": string;
+        "Not all email clients support the selected link protocol. Check the <a href=\"https://support.stripo.email/en/articles/5332466-what-are-link-protocols-compatible-with-emails\" target=\"_blank\">compatibility guide</a> to learn more about supported clients.": string;
+        "This forces the accordion to only allow one expanded section at any given time. Expanding one section will cause any other open sections to close.": string;
+        "Outlook for Windows does not have support for dashed and dotted borders": string;
+        "Internal padding creates space around containers and blocks": string;
+        "Margins around the separator line": string;
+        "Use your own title and alternative text to each icon": string;
+        "Margins around social network icons": string;
+        "Makes the menu fit to the container width": string;
+        "Margins around elements formed by custom code": string;
+        "Margins around the banner": string;
+        "Creates an anchor for this element. Anchor links in emails are designed to make navigation easier. They help take readers to specific places in the email without the need to scroll. <a href=\"https://support.stripo.email/en/articles/3174098-how-to-apply-anchor-hyperlinks\" target=\"_blank\">Learn more</a> about how it works and how to create one with Stripo.": string;
+        "Include the element in the necessary version of the email, or in both. <a target=\"_blank\" href=\"https://stripo.email/blog/how-to-build-amp-emails-with-stripo/\">Learn more about \u26A1 HTML (AMP HTML).</a>": string;
+        "The element will be included in both MIME versions of the email: classic HTML and AMP HTML": string;
+        "The element will be included only in the HTML MIME version of the email message. The item will be hidden in the AMP HTML version": string;
+        "The element will be included only in the AMP HTML MIME version of the email message. The item will be hidden in the HTML version": string;
+        "This element will not be hidden in email clients  which do not support media queries.": string;
+        "The element will be hidden on Yahoo mobile App, as well as in mobile email client which do not support media queries.": string;
+        "The element already hidden on Desktop. Activating this option you turning off hidden state for Desktop.": string;
+        "The element already hidden on Mobile. Activating this option you turning off hidden state for Mobile.": string;
+        "An anchor link should not exceed more than 150 characters": string;
+        "An alternate text should not exceed more than 255 characters": string;
+        "A HEX color value should not exceed more than 8 symbols": string;
+        "A keyword must have at least 2 characters": string;
+        "Button label should not exceed more than 255 characters": string;
+        "Link Name should not exceed more than 500 characters": string;
+        "Menu Item Name should not exceed more than 255 characters": string;
+        "It is not possible to upload more than 50 files simultaneously. If possible, please try to complete this over a few iterations.": string;
+        "Please enter a valid link": string;
+        "The image with the invalid link cannot be saved to the image gallery": string;
+        "The data source link is unavailable. Please, make sure there is an access to the data source.": string;
+        "The file should not exceed the maximum resolution of {maxImageResolution}px.": string;
+        "The option is disabled because was overridden in the Code editor": string;
+        "Global Styles & Layout": string;
+        "Structures & Modules": string;
+    };
+};

package/dist/static/styles/components/notification.css.js

@@ -23,10 +23,6 @@ ue-notifications-container .alert-message-wrapper.loader {
     color: inherit;
 }
 
-.alert-message-wrapper .alert-message-main {
-    align-items: center;
-}
-
 ue-notifications-container ue-caption .caption {
     color: var(--guido-color-white) !important;
 }

package/dist/static/styles/components/tools.css.js

@@ -1,4 +1,4 @@
-const e = `ue-emoji .emoji-tabs .active-smile-tab {
+const o = `ue-emoji .emoji-tabs .active-smile-tab {
     border-color: var(--guido-color-primary-500);
 }
 
@@ -17,11 +17,7 @@ ue-insert-table .template-cell {
     border: 1px solid var(--guido-color-gray-300);
     box-shadow: var(--guido-box-shadow);
 }
-
-.ue-popover.dark-tiny {
-    text-align: left !important;
-}
 `;
 export {
-  e as default
+  o as default
 };

package/dist/static/styles/variables.css.js

@@ -10,7 +10,6 @@ const o = `:host {
     --guido-color-gray-1: #F0F0F0;
     --guido-color-gray-0: #F9F9F9;
     --guido-color-neutral-800: #222938;
-    --guido-color-neutral-700: #2C3546;
     --guido-color-neutral-200: #DCDFE6;
     --guido-color-neutral-100: #EFF2F4;
     --guido-color-danger-300: #e84342;
@@ -26,7 +25,7 @@ const o = `:host {
     --guido-color-border-onpage-message-error: var(--guido-color-danger-500);
     --guido-color-background-toaster-success: #128745;
     --guido-color-background-toaster-error: var(--guido-color-danger-500);
-    --guido-color-background-toaster-info: var(--guido-color-neutral-700);
+    --guido-color-background-toaster-info: #2C3546;
     --guido-color-background-toaster-warn: #D37400;
 }
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "2.1.0-beta.5c1d75f",
+  "version": "2.1.0-beta.5e38fec",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",

package/dist/config/i18n/index.js

@@ -1,7 +0,0 @@
-import { en as o } from "./en/index.js";
-const c = {
-  en: o
-};
-export {
-  c as localePatch
-};

package/dist/src/config/i18n/en/index.d.ts

@@ -1 +0,0 @@
-export declare const en: Record<string, string>;

package/dist/src/config/i18n/index.d.ts

@@ -1,16 +0,0 @@
-/**
- * Stripo Editor Translation Overrides
- *
- * Custom translations for Stripo editor UI elements.
- * Each language has its own folder with categorized JSON files.
- *
- * Reference: https://email-static.useinsider.com/guido/{version}/assets/i18n/en.json
- * @module config/i18n
- */
-/**
- * Combined locale patch for Stripo editor initialization.
- * Maps language codes to their translation overrides.
- */
-export declare const localePatch: {
-    en: Record<string, string>;
-};