@useinsider/guido 3.17.0-beta.77567eb → 3.17.0-beta.8dc8fbb

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = { stripo: { version: "2.73.0" } }, s = {
+const o = { stripo: { version: "2.72.1" } }, s = {
   guido: o
 };
 export {

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

@@ -0,0 +1,20 @@
+import type { BaseDynamicContent } from '@@/Types/generic';
+export type DynamicContentFormat = NonNullable<BaseDynamicContent['format']>;
+/** Format key the dynamic-content picker sends for a custom date/time format. */
+export declare const TIME_FORMAT_KEY = "time-format";
+/** Wraps a Liquid filter argument in whichever quote style the value itself does not use. */
+export declare const quoteArgument: (value: string) => string | null;
+/**
+ * `{ key: 'time-format', value: '%Y-%m-%d' }` -> `date: "%Y-%m-%d"`.
+ *
+ * Only a custom date/time strftime pattern has a Liquid equivalent. Anything else returns null so
+ * the caller emits a plain tag rather than one that silently lost — or literally printed — its
+ * format.
+ * @example formatToLiquidFilter({ key: 'time-format', value: '%b %-d, %Y' }) -> date: "%b %-d, %Y"
+ */
+export declare const formatToLiquidFilter: (format: DynamicContentFormat) => string | null;
+/**
+ * Inverse of `formatToLiquidFilter` — reads the picker format back out of one filter segment, so a
+ * reopened tag restores its selection in the host's format dropdown.
+ */
+export declare const liquidFilterToFormat: (segment: string) => DynamicContentFormat | null;

package/dist/utils/genericUtil.js

@@ -1,68 +1,71 @@
-const o = (l) => {
-  const a = l.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((t) => t.trim()), [c] = a, r = {
-    text: l.label,
-    value: c || ""
+import { formatToLiquidFilter as v, quoteArgument as b, liquidFilterToFormat as h } from "./liquidDynamicContent.js";
+const k = (a) => {
+  if (!a.includes("="))
+    return null;
+  const [e, t] = a.split("=");
+  return { key: e.trim(), value: t.trim() };
+}, c = "default:", f = (a) => {
+  if (!a.startsWith(c))
+    return a;
+  const e = a.slice(c.length).trim(), t = (r) => e.length >= 2 && e.startsWith(r) && e.endsWith(r);
+  return t('"') || t("'") ? e.slice(1, -1) : e;
+}, d = (a) => {
+  const t = a.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((l) => l.trim()), [r] = t, s = {
+    text: a.label,
+    value: r || ""
   };
-  if (a.length >= 2) {
-    const [, t, e] = a;
-    if (t.startsWith("default:")) {
-      let n = t.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);
+  if (t.length >= 2) {
+    const [, l, n] = t;
+    if (l.startsWith(c))
+      s.fallback = f(l);
+    else {
+      const u = h(l) ?? k(l);
+      u ? s.format = u : n || (s.fallback = l), n && (s.fallback = f(n));
     }
   }
-  return r;
-}, f = (l, s = !1) => l.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 (!a.fallback)
-      return {
-        label: a.text,
-        value: `{{ ${a.value} }}`
-      };
-    const r = !Number.isNaN(Number(a.fallback)) && a.fallback.trim() !== "" ? a.fallback : `"${a.fallback}"`;
-    return {
-      label: `${a.text} | ${a.fallback}`,
-      value: `{{ ${a.value} | default: ${r} }}`
-    };
-  }
+  return s;
+}, m = (a) => {
+  const t = !Number.isNaN(Number(a)) && a.trim() !== "" ? a : b(a);
+  return t === null ? null : `${c} ${t}`;
+}, g = (a) => {
+  const e = a.format ? v(a.format) : null, t = a.fallback ? m(a.fallback) : null, r = [a.value, e, t].filter(Boolean);
   return {
-    label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
-    value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
+    label: [a.text, e, t && a.fallback].filter(Boolean).join(" | "),
+    value: `{{ ${r.join(" | ")} }}`
   };
-}), b = (l) => {
-  const s = [], a = /* @__PURE__ */ new Set(), c = (t) => {
-    Array.isArray(t) && t.forEach((e) => {
-      const n = [...e.children ?? [], ...e.select_items ?? []];
-      if (n.length > 0) {
-        c(n);
+}, i = (a, e = !1) => a.map((t) => e ? g(t) : t.format ? {
+  label: `${t.text} | ${t.format.key}=${t.format.value}`,
+  value: `{{${t.value}|${t.format.key}=${t.format.value}}}`
+} : {
+  label: t.fallback ? `${t.text} | ${t.fallback}` : t.text,
+  value: t.fallback ? `{{${t.value}|${t.fallback}}}` : `{{${t.value}}}`
+}), y = (a) => {
+  const e = [], t = /* @__PURE__ */ new Set(), r = (l) => {
+    Array.isArray(l) && l.forEach((n) => {
+      const u = [...n.children ?? [], ...n.select_items ?? []];
+      if (u.length > 0) {
+        r(u);
         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 }));
+      const o = n.text || n.tag_text;
+      o && n.value && !t.has(n.value) && (t.add(n.value), e.push({ text: o, value: n.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));
+  }, [s] = Object.values(a ?? {});
+  return r(s), e;
+}, p = (a, e, t = !1) => {
+  const r = new Set(a.map((l) => l.value)), s = e.filter((l) => r.has(l.value) ? !1 : (r.add(l.value), !0));
   return [
-    ...f(l, a),
-    ...f(r, a)
+    ...i(a, t),
+    ...i(s, t)
   ];
-}, i = () => {
-  var l;
-  return ((l = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : l.getAttribute("content")) ?? "";
+}, F = () => {
+  var a;
+  return ((a = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : a.getAttribute("content")) ?? "";
 };
 export {
-  v as buildMergeTagEntries,
-  f as dynamicContentToMergeTags,
-  b as flattenDynamicContentList,
-  i as getCsrfToken,
-  o as mergeTagToDynamicContent
+  p as buildMergeTagEntries,
+  i as dynamicContentToMergeTags,
+  y as flattenDynamicContentList,
+  F as getCsrfToken,
+  d as mergeTagToDynamicContent
 };

package/dist/utils/liquidDynamicContent.js

@@ -0,0 +1,15 @@
+const E = "time-format", r = "date", u = new RegExp(`^${r}\\s*:\\s*(?:"([^"]*)"|'([^']*)')$`), s = /%[-_0^#]?\d*[a-zA-Z%]/, c = new RegExp(s, "g"), l = /\b(?:Y{2,4}|M{2,4}|D{1,4}|d{3,4}|H{2}|h{2}|m{2}|s{2}|S{1,3}|A|a)\b/, T = (t) => t.includes('"') ? t.includes("'") ? null : `'${t}'` : `"${t}"`, i = (t) => s.test(t) && !l.test(t.replace(c, "")), R = (t) => {
+  if (t.key !== E || !i(t.value ?? ""))
+    return null;
+  const n = T(t.value);
+  return n === null ? null : `${r}: ${n}`;
+}, _ = (t) => {
+  const [, n, o] = t.match(u) ?? [], e = n ?? o;
+  return e ? { key: E, value: e } : null;
+};
+export {
+  E as TIME_FORMAT_KEY,
+  R as formatToLiquidFilter,
+  _ as liquidFilterToFormat,
+  T as quoteArgument
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.17.0-beta.77567eb",
+  "version": "3.17.0-beta.8dc8fbb",
   "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",
@@ -117,7 +117,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.73.0"
+      "version": "2.72.1"
     }
   }
 }