@useinsider/guido 3.17.0-beta.dc7f4d2 → 3.17.0-beta.e23d5cd

package/dist/static/styles/components/recommendation-strategy.css.js

@@ -0,0 +1,155 @@
+const n = `.strategy-control-header {
+    padding: 16px 16px 0;
+}
+
+.strategy-control-title {
+    margin: 0;
+    color: var(--guido-color-gray-800);
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 24px;
+}
+
+.strategy-control-description-row {
+    padding: 8px 16px 16px;
+}
+
+.strategy-control-description {
+    margin: 0;
+    color: var(--guido-color-gray-600);
+    font-size: 13px;
+    line-height: 16px;
+}
+
+.strategy-control-description a {
+    color: var(--guido-color-primary-500);
+    text-decoration: underline;
+}
+
+.recommendation-controls-container .container.strategy-control-cta-row {
+    grid-template-columns: repeat(2, minmax(0, 180px));
+    justify-content: start;
+    gap: 16px;
+    padding: 0 16px 16px;
+}
+
+.strategy-control-cta {
+    width: 100%;
+}
+
+.strategy-control-cta > .button {
+    display: flex;
+    gap: 8px;
+    justify-content: center;
+    width: 100%;
+    border: none;
+    font-size: 15px;
+    font-weight: 400;
+    line-height: 24px;
+    white-space: nowrap;
+}
+
+.strategy-control-cta.primary > .button:disabled,
+.strategy-control-cta.primary > .button.disabled {
+    opacity: 1;
+    color: var(--guido-color-gray-800);
+    cursor: default;
+}
+
+.strategy-control-name-band {
+    display: flex;
+    align-items: center;
+    min-height: 48px;
+    padding: 0 16px;
+    background-color: var(--guido-color-gray-0);
+}
+
+.strategy-control-name {
+    color: var(--guido-color-gray-800);
+    font-size: 15px;
+    font-weight: 600;
+    line-height: 24px;
+}
+
+.strategy-control-actions {
+    display: flex;
+    align-items: center;
+    padding: 16px;
+}
+
+.strategy-control-action {
+    display: inline-flex;
+    align-items: center;
+    padding: 0;
+    border: none;
+    background: none;
+    font-size: 15px;
+    font-weight: 400;
+    line-height: 24px;
+    cursor: pointer;
+}
+
+.strategy-control-action > span {
+    padding: 0 8px;
+}
+
+.strategy-control-action::before,
+.strategy-control-cta.on > .button::before {
+    content: '';
+    flex: none;
+    width: 24px;
+    height: 24px;
+    background-color: currentcolor;
+    mask-repeat: no-repeat;
+    mask-position: center;
+    mask-size: 24px 24px;
+}
+
+.strategy-control-action--change::before {
+    mask-image: var(--guido-icon-line-change);
+}
+
+.strategy-control-action--remove::before {
+    mask-image: var(--guido-icon-line-delete);
+}
+
+.strategy-control-cta.on > .button::before {
+    mask-image: var(--guido-icon-line-plus);
+}
+
+.strategy-control-action--change {
+    color: var(--guido-color-primary-500);
+}
+
+.strategy-control-action--remove {
+    color: var(--guido-color-danger-500);
+}
+
+.strategy-control-action:hover {
+    text-decoration: underline;
+}
+
+.recommendation-controls-container:not(.strategy-block) .strategy-control-container,
+.recommendation-controls-container.strategy-block .product-count-control-container,
+.recommendation-controls-container.strategy-block .algorithm-control-container,
+.recommendation-controls-container.strategy-block .filters-control-container,
+.recommendation-controls-container.strategy-block .shuffle-control-container {
+    display: none;
+}
+
+.recommendation-controls-container.strategy-block {
+    display: flex;
+    flex-direction: column;
+}
+
+.recommendation-controls-container.strategy-block .price-placement-control-container {
+    order: 1;
+}
+
+.recommendation-controls-container.strategy-block .product-layout-control-container {
+    order: 2;
+}
+`;
+export {
+  n as default
+};

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/dateUtil.js

@@ -1,10 +1,19 @@
-import { DEFAULT_LOCALE as r, DEFAULT as o } from "../enums/date.js";
-const c = () => {
+import { DEFAULT_LOCALE as n, DEFAULT as a, DEFAULT_TZ as c } from "../enums/date.js";
+const m = (t) => t ? t instanceof Date ? t : typeof t == "string" ? t.length === 10 && !Number.isNaN(Number(t)) ? new Date(Number(t) * 1e3) : new Date(t) : typeof t == "number" ? t.toString().length === 10 ? new Date(t * 1e3) : new Date(t) : /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(), s = () => {
   const t = window.l10n;
-  return (t == null ? void 0 : t.locale) === o ? r : (t == null ? void 0 : t.locale) || r;
-};
-new Intl.DateTimeFormat().resolvedOptions().timeZone;
-const i = (t) => {
+  return (t == null ? void 0 : t.locale) === a ? n : (t == null ? void 0 : t.locale) || n;
+}, u = new Intl.DateTimeFormat().resolvedOptions().timeZone, f = () => {
+  const t = window.l10n;
+  return (t == null ? void 0 : t.timezone) || u || c;
+}, D = (t, e = s(), r = f()) => {
+  const o = {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    timeZone: r
+  }, i = m(t);
+  return new Intl.DateTimeFormat(e, o).format(i);
+}, T = (t) => {
   if (!t)
     return "";
   const e = new Date(t);
@@ -16,9 +25,13 @@ const i = (t) => {
     second: "2-digit",
     hour12: !1
   }).format(e);
-}, m = (t) => t ? Math.floor(Date.now() / 1e3) >= t : !1;
+}, h = (t) => t ? Math.floor(Date.now() / 1e3) >= t : !1;
 export {
-  i as formatPatchDate,
-  m as isAfterDate,
-  c as locale
+  m as convertToDateObject,
+  T as formatPatchDate,
+  D as formatShortDate,
+  h as isAfterDate,
+  u as localTz,
+  s as locale,
+  f as timezone
 };

package/dist/utils/genericUtil.js

@@ -1,26 +1,26 @@
-const o = (l) => {
-  const a = l.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((t) => t.trim()), [c] = a, r = {
-    text: l.label,
-    value: c || ""
+const o = (t) => {
+  const a = t.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((l) => l.trim()), [s] = a, r = {
+    text: t.label,
+    value: s || ""
   };
   if (a.length >= 2) {
-    const [, t, e] = a;
-    if (t.startsWith("default:")) {
-      let n = t.slice(8).trim();
+    const [, l, e] = a;
+    if (l.startsWith("default:")) {
+      let n = l.slice(8).trim();
       n.startsWith('"') && n.endsWith('"') && (n = n.slice(1, -1)), r.fallback = n;
     } else {
-      const n = t.includes("=") ? { key: t.split("=")[0].trim(), value: t.split("=")[1].trim() } : null;
-      n ? r.format = n : e || (r.fallback = t), e && (r.fallback = e);
+      const n = l.includes("=") ? { key: l.split("=")[0].trim(), value: l.split("=")[1].trim() } : null;
+      n ? r.format = n : e || (r.fallback = l), e && (r.fallback = e);
     }
   }
   return r;
-}, f = (l, s = !1) => l.map((a) => {
+}, f = (t, c = !1) => t.map((a) => {
   if (a.format)
     return {
       label: `${a.text} | ${a.format.key}=${a.format.value}`,
       value: `{{${a.value}|${a.format.key}=${a.format.value}}}`
     };
-  if (s) {
+  if (c) {
     if (!a.fallback)
       return {
         label: a.text,
@@ -36,33 +36,34 @@ const o = (l) => {
     label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
     value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
   };
-}), b = (l) => {
-  const s = [], a = /* @__PURE__ */ new Set(), c = (t) => {
-    Array.isArray(t) && t.forEach((e) => {
+}), b = (t) => {
+  const c = [], a = /* @__PURE__ */ new Set(), s = (l) => {
+    Array.isArray(l) && l.forEach((e) => {
       const n = [...e.children ?? [], ...e.select_items ?? []];
       if (n.length > 0) {
-        c(n);
+        s(n);
         return;
       }
       const u = e.text || e.tag_text;
-      u && e.value && !a.has(e.value) && (a.add(e.value), s.push({ text: u, value: e.value }));
+      u && e.value && !a.has(e.value) && (a.add(e.value), c.push({ text: u, value: e.value }));
     });
-  }, [r] = Object.values(l ?? {});
-  return c(r), s;
-}, v = (l, s, a = !1) => {
-  const c = new Set(l.map((t) => t.value)), r = s.filter((t) => c.has(t.value) ? !1 : (c.add(t.value), !0));
+  }, [r] = Object.values(t ?? {});
+  return s(r), c;
+}, i = (t, c, a = !1) => {
+  const s = new Set(t.map((l) => l.value)), r = c.filter((l) => s.has(l.value) ? !1 : (s.add(l.value), !0));
   return [
-    ...f(l, a),
+    ...f(t, a),
     ...f(r, a)
   ];
-}, i = () => {
-  var l;
-  return ((l = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : l.getAttribute("content")) ?? "";
-};
+}, v = () => {
+  var t;
+  return ((t = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : t.getAttribute("content")) ?? "";
+}, k = (t) => typeof t == "string" ? t : typeof t == "number" ? String(t) : "";
 export {
-  v as buildMergeTagEntries,
+  k as asText,
+  i as buildMergeTagEntries,
   f as dynamicContentToMergeTags,
   b as flattenDynamicContentList,
-  i as getCsrfToken,
+  v as getCsrfToken,
   o as mergeTagToDynamicContent
 };

package/dist/utils/templatePreparation.js

@@ -1,30 +1,30 @@
-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 { DEFAULT_CURRENCY as d, DEFAULT_NODE_CONFIG as a } from "../extensions/Blocks/Recommendation/constants/defaultConfig.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) {
-  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));
+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 i = new DOMParser().parseFromString(m, "text/html").querySelectorAll(`[${A.PAGE_LIST}]`), t = [];
+  return i.forEach((s) => {
+    const o = s.getAttribute(A.PAGE_LIST);
+    o && t.push(...R(o));
   }), [...new Set(t)];
 }
-async function C(m) {
-  const a = new DOMParser().parseFromString(m, "text/html").querySelectorAll(".recommendation-block-v2");
-  if (a.length === 0)
+async function M(m) {
+  const n = new DOMParser().parseFromString(m, "text/html").querySelectorAll(".recommendation-block-v2");
+  if (n.length === 0)
     return;
-  const n = T();
-  a.forEach((t) => {
+  const i = C();
+  n.forEach((t) => {
     var r, l, g, f, c;
-    const i = t.getAttribute("recommendation-id"), o = i ? Number(i) : NaN;
+    const s = t.getAttribute("recommendation-id"), o = s ? Number(s) : NaN;
     if (!Number.isFinite(o))
       return;
     const p = t.getAttribute("esd-ext-config");
@@ -42,24 +42,25 @@ async function C(m) {
       // Normalize legacy strategy keys (e.g. `mostViewed` → `mostPopular`) so
       // already-saved blocks that never re-run the migrator don't emit a
       // strategy-less campaign URL. `||` also catches '' / undefined (SD-144882).
-      strategy: L(e.strategy) || s.strategy,
-      language: e.language ?? s.language,
-      size: e.size ?? s.size,
+      strategy: L(e.strategy) || a.strategy,
+      strategyId: e.strategyId ?? a.strategyId,
+      language: e.language ?? a.language,
+      size: e.size ?? a.size,
       // Spread the default arrays so each block gets a fresh reference
       // instead of sharing the singleton in DEFAULT_NODE_CONFIG.
-      productIds: e.productIds ?? [...s.productIds],
-      filters: e.filters ?? [...s.filters],
-      shuffleProducts: e.shuffleProducts ?? s.shuffleProducts,
+      productIds: e.productIds ?? [...a.productIds],
+      filters: e.filters ?? [...a.filters],
+      shuffleProducts: e.shuffleProducts ?? a.shuffleProducts,
       currencyCode: ((r = e.currency) == null ? void 0 : r.code) ?? d.code,
       currencyAlignment: ((l = e.currency) == null ? void 0 : l.alignment) ?? d.alignment,
       currencyDecimalCount: ((g = e.currency) == null ? void 0 : g.decimalCount) ?? d.decimalCount,
       currencyDecimalSeparator: ((f = e.currency) == null ? void 0 : f.decimalSeparator) ?? d.decimalSeparator,
       currencyThousandSeparator: ((c = e.currency) == null ? void 0 : c.thousandSeparator) ?? d.thousandSeparator
     };
-    n.seedBlockUrlConfig(o, h);
+    i.seedBlockUrlConfig(o, h);
   });
   try {
-    await n.fetchRecommendationCreateData();
+    await i.fetchRecommendationCreateData();
   } catch (t) {
     console.warn(
       "Recommendation reference data pre-load failed; validator will skip the availability check.",
@@ -68,39 +69,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(), n = _(), { getCompiledEmail: i, getTemplateData: t, updateHtmlAndCss: s } = 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));
-        } catch (y) {
-          console.error("Tracking-id step failed, saving anyway:", y);
+          const { html: S, changed: F, nextSeq: H } = v(r, u.trackIdSessionFloor);
+          u.trackIdSessionFloor = H, F && (r = S, await s(S, l));
+        } catch (S) {
+          console.error("Tracking-id step failed, saving anyway:", S);
         }
-      const { html: f, ampHtml: c = "", ampErrors: w = [] } = await n({
+      const { html: f, ampHtml: c = "", ampErrors: T = [] } = await i({
         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);
+      n.selectedUnsubscribePages.length && await n.fetchTemplates(), await M(r);
+      const { compiledHtml: I, stats: y, appliedRules: w } = o(f), D = c && p(c).compiledHtml, E = m.getSelectedDynamicContentList, P = C(), b = O(r);
       return console.debug("HTML Compilation Stats:", {
-        originalSize: S.originalSize,
-        compiledSize: S.compiledSize,
-        reduction: `${S.reductionPercentage.toFixed(2)}%`,
-        appliedRules: E,
-        executionTime: `${S.executionTime.toFixed(2)}ms`
+        originalSize: y.originalSize,
+        compiledSize: y.compiledSize,
+        reduction: `${y.reductionPercentage.toFixed(2)}%`,
+        appliedRules: w,
+        executionTime: `${y.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: F,
-        compiledHtml: D,
+        dynamicContentList: E,
+        compiledHtml: I,
         rawHtml: r,
         css: l,
-        ampHtml: P,
-        ampErrors: w,
+        ampHtml: D,
+        ampErrors: T,
         modules: g.map(Number),
         recommendation: {
-          campaignUrls: H.recommendationCampaignUrls,
+          campaignUrls: P.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
@@ -108,13 +109,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.17.0-beta.dc7f4d2",
+  "version": "3.17.0-beta.e23d5cd",
   "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",
@@ -25,7 +25,7 @@
     "start": "vite",
     "build": "vite build && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.app.json",
     "preview": "vite preview",
-    "lint": "NODE_OPTIONS=--max-old-space-size=2048 eslint ./ && bun run type-check",
+    "lint": "NODE_OPTIONS=--max-old-space-size=2048 eslint ./ && npm run type-check",
     "lint:fix": "NODE_OPTIONS=--max-old-space-size=2048 eslint --fix ./",
     "lint:e2e-quality": "node scripts/lint-e2e-quality.mjs",
     "lint:e2e-quality:ci": "node scripts/lint-e2e-quality.mjs --ci",
@@ -48,6 +48,7 @@
   "license": "ISC",
   "dependencies": {
     "@stripoinc/ui-editor-extensions": "3.9.0",
+    "@useinsider/design-system-organisms": "0.0.3-beta.d816f06",
     "@useinsider/design-system-vue": "1.5.0",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",

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.handleSaveAndContinue } }, [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,
-  "856367aa"
-);
-const p = _.exports;
-export {
-  p as default
-};

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

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