@useinsider/guido 3.16.0-beta.efbb91f → 3.16.0-beta.fe1df65

package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts

@@ -58,6 +58,10 @@ export declare const ATTR_PRODUCT_OLD_PRICE = "productOldPrice";
 export declare const ATTR_PRODUCT_OMNIBUS_PRICE = "productOmnibusPrice";
 export declare const ATTR_PRODUCT_OMNIBUS_DISCOUNT = "productOmnibusDiscount";
 export declare const ATTR_PRODUCT_BUTTON = "productButton";
+export declare const ATTR_RECOMMENDATION_TITLE = "recommendationTitle";
+export declare const CSS_CLASS_TITLE_CELL = "ins-recommendation-title";
+/** Title cell — the only `esd-block-text` living outside the product containers. */
+export declare const SELECTOR_TITLE_CELL = ".ins-recommendation-title";
 /**
  * Custom attribute constants
  * Used for dynamically added product attributes in Card Composition

package/dist/src/extensions/Blocks/Recommendation/controls/cardComposition/index.d.ts

@@ -33,6 +33,8 @@ export declare class RecommendationCardCompositionControl extends CommonControl
     private _normalizeComposition;
     private _readCustomAttributesFromNode;
     private _readVisibilityFromRows;
+    private _withTitlePresence;
+    private _hasTitle;
     private _getDefaultVisibilities;
     private _extractVisibilityFromRows;
     private _parseVisibilityValue;
@@ -187,6 +189,14 @@ export declare class RecommendationCardCompositionControl extends CommonControl
      */
     private _buildCompositionHtml;
     private _applyVisibilityToBlock;
+    private _applyTitleVisibilityToBlock;
+    private _resolveTitleInjection;
+    private _findTitleRows;
+    private _findTitleRowsByClass;
+    private _isSpacerRow;
+    private _findTitleContainerBody;
+    private _readInnerHtml;
+    private _defaultTitleParagraph;
     /**
      * Finds the composition array index for the Nth custom attribute (0-based).
      * Scans left-to-right, counting only entries with the custom prefix.

package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts

@@ -11,6 +11,7 @@
  */
 export { RecommendationBlockControl, CONTROL_BLOCK_ID, AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductCountControl, PRODUCT_COUNT_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID, PricePlacementControl, PRICE_PLACEMENT_CONTROL_ID, } from './main';
 export * from './main/utils';
+export { TitleControls } from './title';
 export { NameControls } from './name';
 export { PriceControls } from './price';
 export { OldPriceControls } from './oldPrice';

package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts

@@ -70,6 +70,7 @@ export interface RegenerateProductRowsOptions {
     /** Optional: pass composition directly to avoid stale DOM reads after setAttribute */
     composition?: string[];
 }
+export declare function getMainContainerTbody(currentNode: ImmutableHtmlNode): ImmutableHtmlNode | null;
 /**
  * Regenerates only the mobile product container rows and commits in a single apply().
  * Standalone entry point for callers that change mobile-only settings

package/dist/src/extensions/Blocks/Recommendation/controls/title/index.d.ts

@@ -0,0 +1,86 @@
+export declare const TitleControls: {
+    readonly align: {
+        new (): {
+            getId(): string;
+            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+            getParentControlId(): string;
+            api: import("@stripoinc/ui-editor-extensions").ControlApi;
+            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
+            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        };
+    };
+    readonly color: {
+        new (): {
+            getId(): string;
+            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+            getParentControlId(): string;
+            api: import("@stripoinc/ui-editor-extensions").ControlApi;
+            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
+            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        };
+    };
+    readonly size: {
+        new (): {
+            getId(): string;
+            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+            getParentControlId(): string;
+            api: import("@stripoinc/ui-editor-extensions").ControlApi;
+            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
+            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        };
+    };
+    readonly style: {
+        new (): {
+            getId(): string;
+            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+            getParentControlId(): string;
+            api: import("@stripoinc/ui-editor-extensions").ControlApi;
+            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
+            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        };
+    };
+    readonly fontFamily: {
+        new (): {
+            getId(): string;
+            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+            getParentControlId(): string;
+            api: import("@stripoinc/ui-editor-extensions").ControlApi;
+            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
+            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        };
+    };
+    readonly background: {
+        new (): {
+            getId(): string;
+            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+            getAdditionalModifications(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+            getParentControlId(): string;
+            api: import("@stripoinc/ui-editor-extensions").ControlApi;
+            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
+            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        };
+    };
+    readonly paddings: {
+        new (): {
+            getId(): string;
+            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+            getParentControlId(): string;
+            api: import("@stripoinc/ui-editor-extensions").ControlApi;
+            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
+            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        };
+    };
+};

package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts

@@ -286,11 +286,6 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
      * every block's recommendationConfigs across user edits.
      */
     hasInvalidBlock(): boolean;
-    /**
-     * Per-instance counterpart to `hasInvalidBlock`: the ids of every block
-     * that fails required-field validation, one drawer row each (SD-147430).
-     */
-    invalidBlockIds(): string[];
     fetchRecommendationProducts(): Promise<void>;
     _doFetchProducts(): Promise<void>;
 }>;

package/dist/src/extensions/Blocks/Recommendation/templates/titleRows.d.ts

@@ -0,0 +1,13 @@
+export declare const DEFAULT_TITLE_TEXT = "You May Also Like!";
+export declare const DEFAULT_TITLE_PARAGRAPH: string;
+/**
+ * Builds the two block-level title rows: the title itself and the spacer below it.
+ * Both carry the same `recommendation-attribute-row` tagging a card attribute row has,
+ * so the Card Composition toggle hides the pair together and the compiler's
+ * `[data-visibility="0"]` sweep drops both — no leading gap when the title is off.
+ * @param paragraphHtml - Full `<p>` markup rendered inside the title cell
+ * @param visible - Whether the title starts visible
+ * @param spacerHeightPx - Height of the spacer row below the title
+ * @returns HTML string with the title row followed by its spacer row
+ */
+export declare function buildTitleRows(paragraphHtml?: string, visible?: boolean, spacerHeightPx?: number): string;

package/dist/src/extensions/Blocks/Recommendation/utils/productIds.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Builds the request/URL `productId` value from raw product ID segments.
+ * Trimming happens here — NOT on input change — so the user's in-progress
+ * text (trailing commas, spaces) is never rewritten under the caret (SD-147111).
+ */
+export declare function sanitizeProductIds(ids: readonly (string | number | null | undefined)[]): string;

package/dist/src/stores/config.d.ts

@@ -2106,11 +2106,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
             };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => number;
-    /**
-     * Transactional campaigns keep the hard save block. Reactive getter, so
-     * consumers stay safe in setup where a raw config read snapshots null (SD-147945).
-     */
-    isTransactional(): boolean;
     /**
      * Get the username
      */

package/dist/src/utils/templatePreparation.d.ts

@@ -15,36 +15,6 @@ import type { SavedTemplateDetails } from '@@/Types/stripo';
  * same source), so it is reliably present regardless of how the block was added.
  */
 export declare function getHtmlReferencedUnsubscribePages(html: string): number[];
-/**
- * Hydrates the recommendation extension store from the persisted `esd-ext-config`
- * JSON blob on each `.recommendation-block-v2` element in the raw editor HTML.
- *
- * Why this runs before `compileHtml`:
- *   The HTML compiler's `prepareRecommendationBlocks` rule asks
- *   `useRecommendation.buildCampaignUrl(id)` to assemble each block's API URL
- *   from `blockStates[id].recommendationConfigs`. That Pinia entry is normally
- *   populated by `RecommendationBlockControl._syncNodeConfigToStore`, which
- *   only fires when the user *selects* the block. Saving without ever
- *   selecting a migrated block would otherwise build the URL from empty/
- *   default state and the campaign URL would not be saved.
- *
- * Why we read raw HTML, not compiled HTML:
- *   Stripo's `compileEmail()` strips editor-only attributes (`esd-*`) from the
- *   compiled output, so `esd-ext-config` is gone by the time the compiler
- *   pipeline sees the HTML. The raw HTML from `getTemplateData()` preserves
- *   the attribute as the migrator wrote it.
- *
- * Reference data pre-load:
- *   When the template has recommendation blocks, this also pre-loads the
- *   shared reference data (languages / currency list) so the save-time
- *   required-fields validator can check each block's locale and currency
- *   against the partner's real options. Best-effort — on a fetch failure the
- *   validator degrades to its empty-list guard (`requiredFields.ts`) instead
- *   of blocking the save or stranding the Save button.
- */
-declare function hydrateRecommendationStoreFromRawHtml(rawHtml: string): Promise<void>;
 export declare const useTemplatePreparation: () => {
     prepareTemplateDetails: () => Promise<Omit<SavedTemplateDetails, "metadata">>;
-    hydrateRecommendationStore: typeof hydrateRecommendationStoreFromRawHtml;
 };
-export {};

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

@@ -43,7 +43,9 @@ const n = `.esd-x,
 .recommendation-block-v2 .product-omnibus-discount ue-node-actions,
 .recommendation-block-v2 .product-omnibus-discount ue-node-panel,
 .recommendation-block-v2 .product-button ue-node-actions,
-.recommendation-block-v2 .product-button ue-node-panel {
+.recommendation-block-v2 .product-button ue-node-panel,
+.recommendation-block-v2 .ins-recommendation-title ue-node-actions,
+.recommendation-block-v2 .ins-recommendation-title ue-node-panel {
     display: none !important;
 }
 

package/dist/stores/config.js

@@ -1,8 +1,8 @@
-import { MessageType as o } from "../@types/config/schemas.js";
+import "../@types/config/schemas.js";
 import "../@types/config/defaults.js";
-import { parseConfig as r } from "../@types/config/validator.js";
-import { defineStore as a } from "pinia";
-const g = a("guido-config", {
+import { parseConfig as o } from "../@types/config/validator.js";
+import { defineStore as r } from "pinia";
+const f = r("guido-config", {
   state: () => ({
     initialized: !1,
     config: null
@@ -113,13 +113,6 @@ const g = a("guido-config", {
       var e, n;
       return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.messageType) ?? 1;
     },
-    /**
-     * Transactional campaigns keep the hard save block. Reactive getter, so
-     * consumers stay safe in setup where a raw config read snapshots null (SD-147945).
-     */
-    isTransactional() {
-      return this.messageType === o.TRANSACTIONAL;
-    },
     /**
      * Get the username
      */
@@ -150,7 +143,7 @@ const g = a("guido-config", {
      * Initialize the config store with validated configuration
      */
     init(i) {
-      const e = r(i);
+      const e = o(i);
       this.config = e, this.initialized = !0;
     },
     /**
@@ -162,5 +155,5 @@ const g = a("guido-config", {
   }
 });
 export {
-  g as useConfigStore
+  f as useConfigStore
 };

package/dist/utils/templatePreparation.js

@@ -1,27 +1,27 @@
-import { useActionsApi as R } from "../composables/useActionsApi.js";
+import { useActionsApi as k } from "../composables/useActionsApi.js";
 import { useConfig as U } from "../composables/useConfig.js";
 import { useHtmlCompiler as x } from "../composables/useHtmlCompiler.js";
 import { DEFAULT_CURRENCY as d, DEFAULT_NODE_CONFIG as s } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { useRecommendationExtensionStore as T } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useRecommendationExtensionStore as C } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { mapLegacyStrategy as L } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
 import { DATA_ATTRIBUTES as A } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { parsePageList as N } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useDynamicContentStore as z } from "../stores/dynamic-content.js";
-import { useEditorStore as _ } from "../stores/editor.js";
-import { useUnsubscribeStore as v } from "../stores/unsubscribe.js";
-import { assignTrackingIds as O } from "./linkTrackingIds.js";
-function M(m) {
+import { parsePageList as R } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useDynamicContentStore as N } from "../stores/dynamic-content.js";
+import { useEditorStore as z } from "../stores/editor.js";
+import { useUnsubscribeStore as _ } from "../stores/unsubscribe.js";
+import { assignTrackingIds as v } from "./linkTrackingIds.js";
+function O(m) {
   const n = new DOMParser().parseFromString(m, "text/html").querySelectorAll(`[${A.PAGE_LIST}]`), t = [];
   return n.forEach((i) => {
     const o = i.getAttribute(A.PAGE_LIST);
-    o && t.push(...N(o));
+    o && t.push(...R(o));
   }), [...new Set(t)];
 }
-async function C(m) {
+async function M(m) {
   const a = new DOMParser().parseFromString(m, "text/html").querySelectorAll(".recommendation-block-v2");
   if (a.length === 0)
     return;
-  const n = T();
+  const n = C();
   a.forEach((t) => {
     var r, l, g, f, c;
     const i = t.getAttribute("recommendation-id"), o = i ? Number(i) : NaN;
@@ -68,39 +68,39 @@ async function C(m) {
   }
 }
 const Z = () => {
-  const m = z(), u = _(), a = v(), { getCompiledEmail: n, getTemplateData: t, updateHtmlAndCss: i } = R(), { compileHtml: o, compileAmpHtml: p } = x(), { isFeatureEnabled: e } = U();
+  const m = N(), u = z(), a = _(), { getCompiledEmail: n, getTemplateData: t, updateHtmlAndCss: i } = k(), { compileHtml: o, compileAmpHtml: p } = x(), { isFeatureEnabled: e } = U();
   return {
     prepareTemplateDetails: async () => {
       let { html: r, css: l, syncModulesIds: g = [] } = await t();
       if (e("linkTrackingIds"))
         try {
-          const { html: y, changed: I, nextSeq: k } = O(r, u.trackIdSessionFloor);
-          u.trackIdSessionFloor = k, I && (r = y, await i(y, l));
+          const { html: y, changed: H, nextSeq: I } = v(r, u.trackIdSessionFloor);
+          u.trackIdSessionFloor = I, H && (r = y, await i(y, l));
         } catch (y) {
           console.error("Tracking-id step failed, saving anyway:", y);
         }
-      const { html: f, ampHtml: c = "", ampErrors: w = [] } = await n({
+      const { html: f, ampHtml: c = "", ampErrors: T = [] } = await n({
         minimize: !0,
         resetDataSavedFlag: !1
       });
-      a.selectedUnsubscribePages.length && await a.fetchTemplates(), await C(r);
-      const { compiledHtml: D, stats: S, appliedRules: E } = o(f), P = c && p(c).compiledHtml, F = m.getSelectedDynamicContentList, H = T(), b = M(r);
+      a.selectedUnsubscribePages.length && await a.fetchTemplates(), await M(r);
+      const { compiledHtml: w, stats: S, appliedRules: D } = o(f), E = c && p(c).compiledHtml, P = m.getSelectedDynamicContentList, F = C(), b = O(r);
       return console.debug("HTML Compilation Stats:", {
         originalSize: S.originalSize,
         compiledSize: S.compiledSize,
         reduction: `${S.reductionPercentage.toFixed(2)}%`,
-        appliedRules: E,
+        appliedRules: D,
         executionTime: `${S.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: F,
-        compiledHtml: D,
+        dynamicContentList: P,
+        compiledHtml: w,
         rawHtml: r,
         css: l,
-        ampHtml: P,
-        ampErrors: w,
+        ampHtml: E,
+        ampErrors: T,
         modules: g.map(Number),
         recommendation: {
-          campaignUrls: H.recommendationCampaignUrls,
+          campaignUrls: F.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
@@ -108,13 +108,10 @@ const Z = () => {
           config: b
         }
       };
-    },
-    // Exposed so the back/test validate-only path can seed the reco store the
-    // same way a full save does (required-field findings depend on it).
-    hydrateRecommendationStore: C
+    }
   };
 };
 export {
-  M as getHtmlReferencedUnsubscribePages,
+  O as getHtmlReferencedUnsubscribePages,
   Z as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.16.0-beta.efbb91f",
+  "version": "3.16.0-beta.fe1df65",
   "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/components/organisms/validation/ValidationErrorDrawer.vue.js

@@ -1,20 +0,0 @@
-import n from "./ValidationErrorDrawer.vue2.js";
-/* empty css                           */
-import s from "../../../_virtual/_plugin-vue2_normalizer.js";
-var i = function() {
-  var r = this, o = r._self._c, t = r._self._setupProxy;
-  return o(t.WpDrawer, { attrs: { id: "guido__validation-error-drawer", size: "small", "footer-button-group-options": t.footerButtonGroupOptions, status: t.store.isDrawerOpen, "title-text": t.titleText }, on: { onCloseEvent: t.handleClose, primaryButtonEvent: t.handleClose, secondaryButtonEvent: t.handleSecondary } }, [o("div", { staticClass: "d-f f-d-c validation-error-list" }, r._l(t.rows, function(e, a) {
-    return o("div", { key: a, staticClass: "d-f a-i-c validation-error-row" }, [o(t.InIcons, { staticClass: "validation-error-row__icon i-c-12", attrs: { name: "filled-caution-triangle" } }), o("span", { staticClass: "validation-error-row__text" }, [r._v(r._s(e))])], 1);
-  }), 0)]);
-}, l = [], _ = /* @__PURE__ */ s(
-  n,
-  i,
-  l,
-  !1,
-  null,
-  "cbfabe9a"
-);
-const u = _.exports;
-export {
-  u as default
-};

package/dist/components/organisms/validation/ValidationErrorDrawer.vue2.js

@@ -1,61 +0,0 @@
-import { defineComponent as S, ref as v, computed as a } from "vue";
-import g from "../../wrappers/WpDrawer.vue.js";
-import { useBack as h } from "../../../composables/useGuidoActions.js";
-import { useSave as _ } from "../../../composables/useSave.js";
-import { useTranslations as b } from "../../../composables/useTranslations.js";
-import { useConfigStore as w } from "../../../stores/config.js";
-import { useEditorStore as B } from "../../../stores/editor.js";
-import { useSaveValidationStore as T } from "../../../stores/save-validation.js";
-import { InIcons as x } from "@useinsider/design-system-vue";
-const L = /* @__PURE__ */ S({
-  __name: "ValidationErrorDrawer",
-  setup(C) {
-    const o = b(), t = T(), n = B(), s = w(), { saveWithErrors: i } = _(), l = h(), r = v(!1), d = a(() => `${o("email-editor.validation-errors")} (${t.errorCount})`), m = a(() => {
-      const e = {
-        primaryButton: {
-          styling: "solid",
-          type: "primary",
-          labelText: o("email-editor.update-design")
-        }
-      };
-      return t.intent === "back" ? e.secondaryButton = {
-        styling: "solid",
-        type: "subtle-primary",
-        labelText: o("email-editor.leave-without-saving")
-      } : !s.isTransactional && t.intent !== "test" && (e.secondaryButton = {
-        styling: "solid",
-        type: "subtle-primary",
-        labelText: o("email-editor.save-and-continue"),
-        loadingStatus: r.value
-      }), e;
-    }), p = a(() => t.errors.map((e) => {
-      const y = e.detail ? ` (${e.detail})` : "";
-      return `${e.message}${y}`;
-    })), f = () => {
-      t.isDrawerOpen && t.close();
-    }, c = async () => {
-      if (!r.value) {
-        r.value = !0, n.loadingStatus = !0;
-        try {
-          await i() ? t.close() : n.loadingStatus = !1;
-        } catch {
-          n.loadingStatus = !1;
-        } finally {
-          r.value = !1;
-        }
-      }
-    }, u = () => {
-      t.close(), l();
-    };
-    return { __sfc: !0, trans: o, store: t, editorStore: n, configStore: s, saveWithErrors: i, handleBack: l, isSaving: r, titleText: d, footerButtonGroupOptions: m, rows: p, handleClose: f, handleSaveAndContinue: c, handleDiscardAndLeave: u, handleSecondary: () => {
-      if (t.intent === "back") {
-        u();
-        return;
-      }
-      c();
-    }, WpDrawer: g, InIcons: x };
-  }
-});
-export {
-  L as default
-};