@useinsider/guido 1.0.3-beta.413aef4 → 1.0.3-beta.45db97c

package/dist/utils/dateUtil.js

@@ -1,4 +1,19 @@
-const o = (t) => {
+import { DEFAULT_LOCALE as r, 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 ? 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) === a ? r : (t == null ? void 0 : t.locale) || r;
+}, u = new Intl.DateTimeFormat().resolvedOptions().timeZone, f = () => {
+  const t = window.l10n;
+  return (t == null ? void 0 : t.timezone) || u || c;
+}, D = (t, e = s(), n = f()) => {
+  const o = {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    timeZone: n
+  }, i = m(t);
+  return new Intl.DateTimeFormat(e, o).format(i);
+}, T = (t) => {
   if (!t)
     return "";
   const e = new Date(t);
@@ -10,7 +25,13 @@ const o = (t) => {
     second: "2-digit",
     hour12: !1
   }).format(e);
-};
+}, h = (t) => t ? Math.floor(Date.now() / 1e3) >= t : !1;
 export {
-  o as formatPatchDate
+  m as convertToDateObject,
+  T as formatPatchDate,
+  D as formatShortDate,
+  h as isAfterDate,
+  u as localTz,
+  s as locale,
+  f as timezone
 };

package/dist/utils/environmentUtil.js

@@ -0,0 +1,4 @@
+const n = () => window.location.hostname.split(".")[2];
+export {
+  n as getEnvironmentPrefix
+};

package/dist/utils/genericUtil.js

@@ -1,15 +1,26 @@
-const o = (e) => e.map((a) => a.format ? {
-  label: `${a.text} | ${a.format.key}=${a.format.value}`,
-  value: `{{${a.value}|${a.format.key}=${a.format.value}}}`
+const s = (e) => {
+  const n = e.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((a) => a.trim()), [r] = n, l = {
+    text: e.label,
+    value: r || ""
+  };
+  if (n.length >= 2) {
+    const [, a, c] = n, o = a.includes("=") ? { key: a.split("=")[0].trim(), value: a.split("=")[1].trim() } : null;
+    o ? l.format = o : c || (l.fallback = a), c && (l.fallback = c);
+  }
+  return l;
+}, f = (e) => e.map((t) => t.format ? {
+  label: `${t.text} | ${t.format.key}=${t.format.value}`,
+  value: `{{${t.value}|${t.format.key}=${t.format.value}}}`
 } : {
-  label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
-  value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
-}), f = () => {
+  label: t.fallback ? `${t.text} | ${t.fallback}` : t.text,
+  value: t.fallback ? `{{${t.value}|${t.fallback}}}` : `{{${t.value}}}`
+}), u = () => {
   var e;
   return ((e = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : e.getAttribute("content")) ?? "";
-}, $ = (e = "", a = {}, n = !1) => Object.entries(a).reduce((l, [t, r]) => n && (r === "" || r === null || r === void 0) ? l.replace(`&${t}={${t}}`, "") : l.replace(`{${t}}`, String(r)), e);
+}, $ = (e = "", t = {}, n = !1) => Object.entries(t).reduce((r, [l, a]) => n && (a === "" || a === null || a === void 0) ? r.replace(`&${l}={${l}}`, "") : r.replace(`{${l}}`, String(a)), e);
 export {
-  o as dynamicContentToMergeTags,
-  f as getCsrfToken,
+  f as dynamicContentToMergeTags,
+  u as getCsrfToken,
+  s as mergeTagToDynamicContent,
   $ as replaceString
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.0.3-beta.413aef4",
+  "version": "1.0.3-beta.45db97c",
   "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",
@@ -31,7 +31,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@stripoinc/ui-editor-extensions": "3.0.0",
+    "@stripoinc/ui-editor-extensions": "3.1.0",
     "@useinsider/design-system-vue": "0.14.20",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
@@ -83,7 +83,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.43.0"
+      "version": "2.46.0"
     }
   }
 }

package/dist/extensions/Blocks/Recommendation/template.js

@@ -1,200 +0,0 @@
-const g = {
-  TITLE: "You May Also Like!"
-}, h = `
-    <td align="left" class="ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block">
-        <table width="100%" cellpadding="0" cellspacing="0" border="0">
-            <tr>
-                <td align="center" style="padding: 20px 0;">      
-                    <!-- Email Content Container -->
-                    <table class="container" 
-                        width="600" 
-                        cellpadding="0" 
-                        cellspacing="0" 
-                        border="0" 
-                        style="max-width: 600px; width: 100%; background-color: #ffffff;">   
-                        <!-- Heading -->
-                        <tr>
-                            <td class="heading" 
-                                style="
-                                    font-size: 28px; 
-                                    font-weight: bold; 
-                                    color: #333333; 
-                                    text-align: center; 
-                                    padding: 30px 20px;">
-                                {-{-TITLE-}-}
-                            </td>
-                        </tr>
-
-                        <!-- Product Rows -->
-                        {-{-PRODUCT_ROWS-}-}
-                    </table>
-                    <!-- End Email Content Container -->
-                </td>
-            </tr>
-        </table>
-    </td>
-`, u = `
-    <tr>
-        <td style="padding: 0 20px;">
-            <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
-                {-{-PRODUCTS-}-}
-            </table>
-        </td>
-    </tr>
-`, m = `
-    <td width="{-{-COLUMN_WIDTH-}-}" style="padding: 0 5px;" valign="top" height="100%">
-        <table width="100%" 
-            height="100%" 
-            cellpadding="0" 
-            cellspacing="0" 
-            border="0" 
-            class="product-card-wrapper" 
-            style="background-color: #f8f8f8;">
-            <tr>
-                <td class="product-image-cell" 
-                    valign="top" 
-                    style="background-color: #e8f0f2; padding: 30px; text-align: center;">
-                    <img src="{-{-PRODUCT_IMAGE-}-}" 
-                        alt="{-{-PRODUCT_NAME-}-}" width="120" style="max-width: 100%; height: auto; margin: 0 auto;">
-                </td>
-            </tr>
-        </table>
-    </td>
-`, b = `
-    <td width="{-{-COLUMN_WIDTH-}-}" style="padding: 0 5px;" valign="top" height="100%">
-        <table width="100%" 
-            height="100%" 
-            cellpadding="0" 
-            cellspacing="0" 
-            border="0" 
-            class="product-card-wrapper" 
-            style="background-color: #f8f8f8;">
-            <tr>
-                <td class="product-name-cell" 
-                    valign="top" 
-                    style="font-size: 16px; color: #333333; font-weight: 600; padding: 15px 10px; text-align: center;">
-                    {-{-PRODUCT_NAME-}-}
-                </td>
-            </tr>
-        </table>
-    </td>
-`, x = `
-    <td width="{-{-COLUMN_WIDTH-}-}" style="padding: 0 5px;" valign="top" height="100%">
-        <table width="100%" 
-            height="100%" 
-            cellpadding="0" 
-            cellspacing="0" 
-            border="0" 
-            class="product-card-wrapper" 
-            style="background-color: #f8f8f8;">
-            <tr>
-                <td class="price-cell" valign="top" style="padding: 10px; text-align: center;">
-                    <span class="current-price" style="font-size: 16px; color: #333333; font-weight: bold;">
-                        18,00 TRY
-                    </span>
-                    <span class="old-price" style="font-size: 14px; color: #999999; text-decoration: line-through;">
-                        20,00 TRY
-                    </span>
-                </td>
-            </tr>
-        </table>
-    </td>
-`, w = `
-    <td width="{-{-COLUMN_WIDTH-}-}" style="padding: 0 5px;" valign="top" height="100%">
-        <table width="100%" 
-            height="100%" 
-            cellpadding="0" 
-            cellspacing="0" 
-            border="0" 
-            class="product-card-wrapper" 
-            style="background-color: #f8f8f8;">
-            <tr>
-                <td class="button-cell" valign="top" style="padding: 15px 10px 20px 10px; text-align: center;">
-                    <a href="#" 
-                        class="buy-button" 
-                        style="
-                            display: inline-block;
-                            width: 90%; 
-                            max-width: 150px; 
-                            padding: 12px 20px; 
-                            background-color: #ffffff; 
-                            color: #333333; 
-                            text-decoration: none; 
-                            border: 2px solid #cccccc; 
-                            font-size: 16px; 
-                            box-sizing: border-box;">
-                            Buy
-                    </a>
-                </td>
-            </tr>
-        </table>
-    </td>
-`, f = `
-    <tr>
-        <td class="spacer" style="height: 20px;"></td>
-    </tr>
-`;
-function T() {
-  const c = [
-    {
-      name: "Beanie with Logo",
-      image: "https://inshoppingcart.com/ins-html/wp-content/uploads/2018/08/beanie-with-logo-1.jpg",
-      price: "18,00 TRY",
-      oldPrice: "20,00 TRY",
-      url: "https://example.com/product/1"
-    },
-    {
-      name: "Belt",
-      image: "https://inshoppingcart.com/ins-html/wp-content/uploads/2018/09/belt-2.jpg",
-      price: "55,00 TRY",
-      oldPrice: "65,00 TRY",
-      url: "https://example.com/product/2"
-    },
-    {
-      name: "Beanie",
-      image: "https://inshoppingcart.com/ins-html/wp-content/uploads/2018/08/beanie-with-logo-1.jpg",
-      price: "18,00 TRY",
-      oldPrice: "20,00 TRY",
-      url: "https://example.com/product/3"
-    },
-    {
-      name: "Album",
-      image: "https://inshoppingcart.com/ins-html/wp-content/uploads/2018/12/poster_2_up.jpg",
-      price: "15,00 TRY",
-      oldPrice: "15,00 TRY",
-      url: "https://example.com/product/4"
-    },
-    {
-      name: "Flying Ninja with a very long product name",
-      image: "https://inshoppingcart.com/ins-html/wp-content/uploads/2018/09/belt-2.jpg",
-      price: "12,00 TRY",
-      oldPrice: "15,00 TRY",
-      url: "https://example.com/product/5"
-    },
-    {
-      name: "Single",
-      image: "https://inshoppingcart.com/ins-html/wp-content/uploads/2018/12/poster_2_up.jpg",
-      price: "22.555,00 TRY",
-      oldPrice: "33.989,00 TRY",
-      url: "https://example.com/product/6"
-    }
-  ], l = 3, d = (100 / l).toFixed(2), a = [];
-  for (let t = 0; t < c.length; t += l)
-    a.push(c.slice(t, t + l));
-  let e = "";
-  return a.forEach((t, s) => {
-    s > 0 && (e += f);
-    let p = "", r = "", n = "", i = "";
-    t.forEach((o) => {
-      p += m.replace("{-{-PRODUCT_IMAGE-}-}", o.image).replace("{-{-PRODUCT_NAME-}-}", o.name), r += b.replace("{-{-PRODUCT_NAME-}-}", o.name), n += x, i += w;
-    }), e += u.replace("{-{-PRODUCTS-}-}", `
-            <tr>${p}</tr>
-            <tr>${r}</tr>
-            <tr>${n}</tr>
-            <tr>${i}</tr>
-        `), e = e.replaceAll("{-{-COLUMN_WIDTH-}-}", `${d}%`);
-  }), h.replace("{-{-TITLE-}-}", g.TITLE).replace("{-{-PRODUCT_ROWS-}-}", e);
-}
-export {
-  T as getDefaultTemplate
-};

package/dist/src/extensions/Blocks/Recommendation/template.d.ts

@@ -1,6 +0,0 @@
-declare const migrationTemplate = "ADD YOUR MIGRATION HERE";
-/**
- * @returns The template for the default checkbox block
- */
-export declare function getDefaultTemplate(): string;
-export default migrationTemplate;