@useinsider/guido 3.1.1-beta.e00a22b → 3.1.1-beta.e4aa789

package/dist/services/templateLibraryApi.js

@@ -1,14 +1,15 @@
-import { useConfig as T } from "../composables/useConfig.js";
-import { useHttp as f } from "../composables/useHttp.js";
-import { useToaster as w } from "../composables/useToaster.js";
-import { useTranslations as b } from "../composables/useTranslations.js";
-import { EditorType as h } from "../enums/defaults.js";
-import { useRecommendationExtensionStore as C } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { useSaveAsTemplateStore as v } from "../stores/save-as-template.js";
-import { base64EncodeWithSpecialChars as a } from "../utils/base64.js";
-import { useTemplatePreparation as S } from "../utils/templatePreparation.js";
-const R = () => {
-  const { get: n, post: c } = f(), { handleError: o, showToaster: i } = w(), { config: l } = T(), p = b();
+import { useConfig as w } from "../composables/useConfig.js";
+import { useHttp as b } from "../composables/useHttp.js";
+import { useToaster as h } from "../composables/useToaster.js";
+import { useTranslations as C } from "../composables/useTranslations.js";
+import { useLiquidValidator as S } from "../composables/validators/useLiquidValidator.js";
+import { EditorType as v } from "../enums/defaults.js";
+import { useRecommendationExtensionStore as N } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useSaveAsTemplateStore as x } from "../stores/save-as-template.js";
+import { base64EncodeWithSpecialChars as r } from "../utils/base64.js";
+import { useTemplatePreparation as A } from "../utils/templatePreparation.js";
+const $ = () => {
+  const { get: n, post: m } = b(), { handleError: o, showToaster: l } = h(), { config: c, isFeatureEnabled: p } = w(), { validateLiquidSyntax: g } = S(), u = C();
   return {
     getCategories: async () => {
       try {
@@ -26,7 +27,7 @@ const R = () => {
     },
     createCategory: async (e) => {
       try {
-        const { data: { id: t } } = await c(
+        const { data: { id: t } } = await m(
           "/newsletter/template-library/create-category",
           { name: e }
         );
@@ -36,55 +37,56 @@ const R = () => {
       }
     },
     createTemplate: async () => {
-      var e, t, g, y;
+      var e, t, d, y;
       try {
-        const { prepareTemplateDetails: m } = S(), r = v(), s = await m(), u = {
-          name: r.getTemplateName,
-          categories: r.getSelectedCategoryIds,
-          productId: ((t = (e = l.value) == null ? void 0 : e.partner) == null ? void 0 : t.productType) || 0,
-          editorType: h,
-          messageType: ((y = (g = l.value) == null ? void 0 : g.partner) == null ? void 0 : y.messageType) || 0,
-          content: a(s.compiledHtml),
-          css: a(s.css),
+        const { prepareTemplateDetails: i } = A(), s = x(), a = await i();
+        if (p("liquidSyntax") && !await g(a.compiledHtml))
+          return !1;
+        const f = {
+          name: s.getTemplateName,
+          categories: s.getSelectedCategoryIds,
+          productId: ((t = (e = c.value) == null ? void 0 : e.partner) == null ? void 0 : t.productType) || 0,
+          editorType: v,
+          messageType: ((y = (d = c.value) == null ? void 0 : d.partner) == null ? void 0 : y.messageType) || 0,
+          content: r(a.compiledHtml),
+          css: r(a.css),
           unsubscriptionPreferencePageStatus: !1,
           unsubscriptionPreferencePages: [],
-          recommendationCampaignUrls: a(
-            C().recommendationCampaignUrls
+          recommendationCampaignUrls: r(
+            N().recommendationCampaignUrls
           ),
-          recommendationConfigs: a({}),
+          recommendationConfigs: r({}),
           isGuido: !0,
-          stripoConfig: a({
+          // eslint-disable-next-line camelcase
+          template_engine: p("liquidSyntax") ? 1 : 0,
+          stripoConfig: r({
             editor: "stripo",
-            html: s.rawHtml,
-            css: s.css
+            html: a.rawHtml,
+            css: a.css
           })
-        }, { data: { type: d } } = await c(
+        }, { data: { type: T } } = await m(
           "/newsletter/template-library/create-template",
-          u
+          f
         );
-        if (d === "alert") {
-          i({
-            message: p(
-              "newsletter.template-library-save-alert",
-              { templateName: r.getTemplateName }
-            ),
-            type: "alert"
-          });
-          return;
-        }
-        i({
-          message: p(
+        return T === "alert" ? (l({
+          message: u(
+            "newsletter.template-library-save-alert",
+            { templateName: s.getTemplateName }
+          ),
+          type: "alert"
+        }), !1) : (l({
+          message: u(
             "newsletter.template-library-save-success",
-            { templateName: r.getTemplateName }
+            { templateName: s.getTemplateName }
           ),
           type: "success"
-        });
-      } catch (m) {
-        o(m, "Failed to create template");
+        }), !0);
+      } catch (i) {
+        return o(i, "Failed to create template"), !1;
       }
     }
   };
 };
 export {
-  R as useTemplateLibraryApi
+  $ as useTemplateLibraryApi
 };

package/dist/src/@types/save-as-template.d.ts

@@ -26,4 +26,5 @@ export interface CreateTemplateRequest {
     unsubscriptionPreferencePages: number[];
     unsubscriptionPreferencePageStatus: boolean;
     isGuido: boolean;
+    template_engine: number;
 }

package/dist/src/config/compiler/utils/recommendationCompilerUtils.d.ts

@@ -6,7 +6,7 @@
  * @param alignment - Currency alignment from block config: 'before' or 'after'
  * @returns Formatted price string with currency variable in correct position
  */
-export declare function formatPriceVariable(campaignId: string, productIndex: number, attribute: string, alignment: string): string;
+export declare function formatPriceVariable(campaignId: string, productIndex: number, attribute: string, alignment: string, prefix?: string): string;
 /**
  * Transforms recommendation block HTML by replacing product data with
  * template variables.

package/dist/src/enums/displayConditions.d.ts

@@ -1,2 +1,6 @@
 import type { ConditionCategories } from '@@/Types/condition-categories';
-export declare const displayConditions: ConditionCategories;
+/**
+ * Get display conditions lazily so translations resolve at access time.
+ * Must be called within a Vue component context or after Pinia is initialized.
+ */
+export declare const getDisplayConditions: () => ConditionCategories;

package/dist/src/enums/extensions/recommendationBlock.d.ts

@@ -3,7 +3,14 @@ import type { RecommendationFeedItem } from '@@/Types/recommendation';
 export declare const URLS: {
     RECOMMENDATION_API_URL: string;
 };
-export declare const RecommendationFeedSourceMaps: RecommendationFeedItem[];
+export declare const QUERY_PARAMS: {
+    CLIENT_ID: string;
+};
+/**
+ * Get recommendation feed source maps lazily so translated names resolve at access time.
+ * Must be called within a Vue component context or after Pinia is initialized.
+ */
+export declare const getRecommendationFeedSourceMaps: () => RecommendationFeedItem[];
 export declare const PriceAttributes: string[];
 export declare const currencyLocationMaps: TextValueObject[];
 export declare const currencyOperators: TextValueObject[];

package/dist/src/enums/unsubscribe.d.ts

@@ -13,9 +13,14 @@ export declare const URLS: {
     PREFERENCES_URL: string;
 };
 export declare const INSIDER_ID = "iid";
-export declare const DEFAULT_UNSUBSCRIBE_GROUP: {
-    readonly name: "Global Unsubscribe";
-    readonly sendGridId: "G";
+export declare const DEFAULT_UNSUBSCRIBE_GROUP_SEND_GRID_ID = "G";
+/**
+ * Get the default unsubscribe group lazily so the translated name resolves at access time.
+ * Must be called within a Vue component context or after Pinia is initialized.
+ */
+export declare const getDefaultUnsubscribeGroup: () => {
+    name: string;
+    sendGridId: string;
 };
 export declare const UNSUBSCRIBE_PAGES_LINK = "/email/unsubscribe-pages";
 export declare const PAGE_TYPES: {

package/dist/src/services/templateLibraryApi.d.ts

@@ -3,5 +3,5 @@ export declare const useTemplateLibraryApi: () => {
     getCategories: () => Promise<Category[]>;
     checkTemplateNameAvailability: (value: string) => Promise<boolean>;
     createCategory: (category: string) => Promise<string>;
-    createTemplate: () => Promise<void>;
+    createTemplate: () => Promise<boolean>;
 };

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

@@ -1,11 +1,16 @@
-const t = `.amp-input-list,
+const n = `.amp-input-list,
 .button,
 .base-input,
 ue-stripe-thumb,
 .ue-stripe-thumb {
     transition: all .5s ease;
 }
+
+:host {
+    height: 100% !important;
+    min-height: 0 !important;
+}
 `;
 export {
-  t as default
+  n as default
 };

package/dist/utils/templatePreparation.js

@@ -1,44 +1,53 @@
-import { useActionsApi as S } from "../composables/useActionsApi.js";
-import { useHtmlCompiler as f } from "../composables/useHtmlCompiler.js";
-import { useRecommendationExtensionStore as C } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { useDynamicContentStore as T } from "../stores/dynamic-content.js";
-import { useUnsubscribeStore as x } from "../stores/unsubscribe.js";
-const h = () => {
-  const o = T(), e = x(), { getCompiledEmail: i, getTemplateData: s } = S(), { compileHtml: n } = f();
+import { useActionsApi as T } from "../composables/useActionsApi.js";
+import { useHtmlCompiler as P } from "../composables/useHtmlCompiler.js";
+import { useRecommendationExtensionStore as A } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { DATA_ATTRIBUTES as l } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { parsePageList as h } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useDynamicContentStore as C } from "../stores/dynamic-content.js";
+import { useUnsubscribeStore as D } from "../stores/unsubscribe.js";
+function x(i, e) {
+  const r = new DOMParser().parseFromString(i, "text/html").querySelectorAll(`[${l.PAGE_LIST}]`), n = [];
+  return r.forEach((t) => {
+    const o = t.getAttribute(l.PAGE_LIST);
+    o && n.push(...h(o));
+  }), e.filter((t) => n.includes(t));
+}
+const I = () => {
+  const i = C(), e = D(), { getCompiledEmail: a, getTemplateData: m } = T(), { compileHtml: r } = P();
   return {
     prepareTemplateDetails: async () => {
-      const { html: a, ampHtml: m = "", ampErrors: r = [] } = await i({
+      const { html: t, ampHtml: o = "", ampErrors: p = [] } = await a({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { html: c, css: l, syncModulesIds: p = [] } = await s();
+      }), { html: u, css: d, syncModulesIds: g = [] } = await m();
       e.selectedUnsubscribePages.length && await e.fetchTemplates();
-      const { compiledHtml: u, stats: t, appliedRules: d } = n(a), g = o.getSelectedDynamicContentList, b = C();
+      const { compiledHtml: c, stats: s, appliedRules: S } = r(t), b = i.getSelectedDynamicContentList, f = A();
       return console.debug("HTML Compilation Stats:", {
-        originalSize: t.originalSize,
-        compiledSize: t.compiledSize,
-        reduction: `${t.reductionPercentage.toFixed(2)}%`,
-        appliedRules: d,
-        executionTime: `${t.executionTime.toFixed(2)}ms`
+        originalSize: s.originalSize,
+        compiledSize: s.compiledSize,
+        reduction: `${s.reductionPercentage.toFixed(2)}%`,
+        appliedRules: S,
+        executionTime: `${s.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: g,
-        compiledHtml: u,
-        rawHtml: c,
-        css: l,
-        ampHtml: m,
-        ampErrors: r,
-        modules: p.map(Number),
+        dynamicContentList: b,
+        compiledHtml: c,
+        rawHtml: u,
+        css: d,
+        ampHtml: o,
+        ampErrors: p,
+        modules: g.map(Number),
         recommendation: {
-          campaignUrls: b.recommendationCampaignUrls,
+          campaignUrls: f.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
           status: e.unsubscribePagesStatus,
-          config: e.selectedUnsubscribePages
+          config: x(c, e.selectedUnsubscribePages)
         }
       };
     }
   };
 };
 export {
-  h as useTemplatePreparation
+  I as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.1.1-beta.e00a22b",
+  "version": "3.1.1-beta.e4aa789",
   "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",
@@ -34,7 +34,6 @@
   "dependencies": {
     "@stripoinc/ui-editor-extensions": "3.5.0",
     "@useinsider/design-system-vue": "1.1.0-beta.73ec2fa",
-    "@useinsider/guido": "3.1.1-beta.22d798c",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",