@useinsider/guido 3.2.0-beta.572bfc6 → 3.2.0-beta.5cea610

package/dist/config/compiler/unsubscribeCompilerRules.js

@@ -1,41 +1,44 @@
-import { usePartner as y } from "../../composables/usePartner.js";
-import { LINK_REGEXES as p, LINK_TYPES as S, INSIDER_ID as m, URLS as R } from "../../enums/unsubscribe.js";
-import { parsePageList as I } from "../../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useConfigStore as N } from "../../stores/config.js";
-import { useDynamicContentStore as U } from "../../stores/dynamic-content.js";
-import { useUnsubscribeStore as C } from "../../stores/unsubscribe.js";
-const G = [
+import { usePartner as U } from "../../composables/usePartner.js";
+import { LINK_REGEXES as p, PRODUCT_TYPE_URL_SEGMENTS as R, LINK_TYPES as _, INSIDER_ID as m, URLS as y } from "../../enums/unsubscribe.js";
+import { parsePageList as N } from "../../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useConfigStore as C } from "../../stores/config.js";
+import { useDynamicContentStore as L } from "../../stores/dynamic-content.js";
+import { useUnsubscribeStore as P } from "../../stores/unsubscribe.js";
+import { ProductType as B } from "../../@types/config/schemas.js";
+import "../../@types/config/defaults.js";
+const F = [
   {
     id: "add-unsubscribe-link-values",
     description: "Adding unsubscribe link values",
     type: "custom",
-    processor: (t) => {
-      const { getPartnerName: i } = y(), o = N(), s = U(), d = C(), a = o.variationId;
-      if (!a)
-        return t;
-      let e = t;
-      const r = `/${i()}/email/${a}?user={{iid}}`, E = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".unsubscribe-block-v2[data-unsubscribe-page-list]");
-      let c = !1, l = !1;
-      return E.forEach((f) => {
-        var b;
-        const u = f.getAttribute("data-unsubscribe-page-list");
+    processor: (s) => {
+      const { getPartnerName: i } = U(), n = C(), t = L(), E = P(), c = n.variationId;
+      if (!c)
+        return s;
+      const r = R[n.productType] ?? R[B.EMAIL];
+      let e = s;
+      const d = `/${i()}/${r}/${c}?user={{iid}}`, f = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".unsubscribe-block-v2[data-unsubscribe-page-list]");
+      let a = !1, l = !1;
+      return f.forEach((g) => {
+        var S;
+        const u = g.getAttribute("data-unsubscribe-page-list");
         if (!u)
           return;
-        const _ = I(u), g = ((b = d.templates) == null ? void 0 : b.filter(
-          (n) => _.includes(n.id)
+        const I = N(u), b = ((S = E.templates) == null ? void 0 : S.filter(
+          (o) => I.includes(o.id)
         )) ?? [];
-        c = c || g.some((n) => n.type === S.UNSUBSCRIBE_LINK_TYPE), l = l || g.some((n) => n.type === S.PREFERENCES_LINK_TYPE);
-      }), (c || l) && (s.selectedDynamicContentList.some((u) => u.value === m) || s.selectedDynamicContentList.push({
+        a = a || b.some((o) => o.type === _.UNSUBSCRIBE_LINK_TYPE), l = l || b.some((o) => o.type === _.PREFERENCES_LINK_TYPE);
+      }), (a || l) && (t.selectedDynamicContentList.some((u) => u.value === m) || t.selectedDynamicContentList.push({
         text: m,
         value: m,
         fallback: ""
-      })), c && (e = e.replace(
+      })), a && (e = e.replace(
         p.GLOBAL_UNSUBSCRIBE_LINK_REGEX,
-        R.UNSUBSCRIBE_URL + r
+        y.UNSUBSCRIBE_URL + d
       )), l && (e = e.replace(
         p.PREFERENCES_UNSUBSCRIBE_LINK_REGEX,
-        R.PREFERENCES_URL + r
-      )), E.length && (e = e.replace(p.UNSUBSCRIBE_LINK_REGEX, "")), e;
+        y.PREFERENCES_URL + d
+      )), f.length && (e = e.replace(p.UNSUBSCRIBE_LINK_REGEX, "")), e;
     },
     priority: 60
   },
@@ -52,25 +55,25 @@ const G = [
     id: "format-comment-braces",
     description: "Adding spaces around comment braces for proper formatting",
     type: "custom",
-    processor: (t) => t.replace(/{#/g, "{ #").replace(/#}/g, "# }"),
+    processor: (s) => s.replace(/{#/g, "{ #").replace(/#}/g, "# }"),
     priority: 62
   },
   {
     id: "add-universal-link-flags",
     description: "Adding universal link flags",
     type: "custom",
-    processor: (t) => {
-      let i = t;
-      const o = i.match(/<a[^>]+>(.*?)<\/a>/gm);
-      return o && o.forEach((s) => {
-        if (s.includes("insEmail=1"))
+    processor: (s) => {
+      let i = s;
+      const n = i.match(/<a[^>]+>(.*?)<\/a>/gm);
+      return n && n.forEach((t) => {
+        if (t.includes("insEmail=1"))
           return;
-        if (s.match(/<a\s+(?:[^>]*?\s+)?href=(["'`”])(.*?)\1\s+(?:[^>]*?\s+)?universal=(["'`”])true\3/gm)) {
-          const a = s.replace(/href=(["'`”])(.*?)\1/gm, (e) => {
-            const r = e.slice(6, e.length - 1).trim();
-            return e.includes("?") || e.includes("#") ? r.slice(-1) === "&" ? e.replace(r, `${r}insEmail=1`) : e.replace(r, `${r}&insEmail=1`) : e.replace(r, `${r}?insEmail=1`);
+        if (t.match(/<a\s+(?:[^>]*?\s+)?href=(["'`”])(.*?)\1\s+(?:[^>]*?\s+)?universal=(["'`”])true\3/gm)) {
+          const c = t.replace(/href=(["'`”])(.*?)\1/gm, (r) => {
+            const e = r.slice(6, r.length - 1).trim();
+            return r.includes("?") || r.includes("#") ? e.slice(-1) === "&" ? r.replace(e, `${e}insEmail=1`) : r.replace(e, `${e}&insEmail=1`) : r.replace(e, `${e}?insEmail=1`);
           });
-          i = i.replace(s, a);
+          i = i.replace(t, c);
         }
       }), i;
     },
@@ -78,5 +81,5 @@ const G = [
   }
 ];
 export {
-  G as unsubscribeCompilerRules
+  F as unsubscribeCompilerRules
 };

package/dist/config/migrator/itemsBlockMigrator.js

@@ -155,6 +155,8 @@ class z {
   }
   migrate(t) {
     try {
+      if (!this.containsItemsBlock(t))
+        return t;
       let o = this.removeJinjaConditionals(t);
       o = this.replaceTemplateVariables(o);
       const l = this.parser.parseFromString(o, "text/html"), a = l.querySelectorAll(
@@ -178,15 +180,15 @@ class z {
           originalPriceStyles: e.originalPriceStyles,
           quantityStyles: e.quantityStyles,
           nodeConfig: R(e.configBlockAttributes)
-        }), d = this.parser.parseFromString(
+        }), u = this.parser.parseFromString(
           `<table><tbody><tr>${c}</tr></tbody></table>`,
           "text/html"
         ).querySelector("td");
-        if (d && i.parentNode) {
+        if (u && i.parentNode) {
           const p = R(e.configBlockAttributes);
-          d.setAttribute("esd-ext-config", JSON.stringify(p));
-          const u = d.querySelector("esd-config-block");
-          u && u.remove(), i.parentNode.replaceChild(d, i);
+          u.setAttribute("esd-ext-config", JSON.stringify(p));
+          const d = u.querySelector("esd-config-block");
+          d && d.remove(), i.parentNode.replaceChild(u, i);
         }
       }), l.documentElement.outerHTML);
     } catch (o) {
@@ -201,22 +203,22 @@ class z {
    */
   extractConfiguration(t) {
     var C, D, P;
-    const o = ((C = t.querySelector("[data-type]")) == null ? void 0 : C.getAttribute("data-type")) || "CART_ITEMS", l = ((D = t.querySelector("[data-number]")) == null ? void 0 : D.getAttribute("data-number")) || "1", a = parseInt(l) - 1, n = T[o], i = ((P = n == null ? void 0 : n[a]) == null ? void 0 : P.value) || n[0].value, e = t.querySelector('[product-attr="price"]'), c = (e == null ? void 0 : e.getAttribute("data-currency_symbol")) || "USD", d = ((e == null ? void 0 : e.getAttribute("data-curency")) || "before") === "after" ? "1" : "0", p = (e == null ? void 0 : e.getAttribute("data-formated")) !== "false", u = this.extractConfigBlockAttributes(t, o, l), S = u["data-card_orientation_control_value"];
+    const o = ((C = t.querySelector("[data-type]")) == null ? void 0 : C.getAttribute("data-type")) || "CART_ITEMS", l = ((D = t.querySelector("[data-number]")) == null ? void 0 : D.getAttribute("data-number")) || "1", a = parseInt(l) - 1, n = T[o], i = ((P = n == null ? void 0 : n[a]) == null ? void 0 : P.value) || n[0].value, e = t.querySelector('[product-attr="price"]'), c = (e == null ? void 0 : e.getAttribute("data-currency_symbol")) || "USD", u = ((e == null ? void 0 : e.getAttribute("data-curency")) || "before") === "after" ? "1" : "0", p = (e == null ? void 0 : e.getAttribute("data-formated")) !== "false", d = this.extractConfigBlockAttributes(t, o, l), S = d["data-card_orientation_control_value"];
     let b;
     S ? b = S === "horizontal" ? "horizontal" : "vertical" : b = t.querySelector('[colspan="2"]') !== null ? "vertical" : "horizontal";
-    const y = t.querySelector('a[product-attr="name"]'), I = (y == null ? void 0 : y.getAttribute("style")) || void 0, f = t.querySelector('a[product-attr="button"]'), m = (f == null ? void 0 : f.getAttribute("style")) || void 0, h = (e == null ? void 0 : e.getAttribute("style")) || void 0, A = t.querySelector("p.original-price"), k = (A == null ? void 0 : A.getAttribute("style")) || void 0, E = t.querySelector('[product-attr="quantity"]'), L = (E == null ? void 0 : E.getAttribute("style")) || void 0;
+    const y = t.querySelector('a[product-attr="name"]'), I = (y == null ? void 0 : y.getAttribute("style")) || void 0, f = t.querySelector('a[product-attr="button"]'), m = (f == null ? void 0 : f.getAttribute("style")) || void 0, k = (e == null ? void 0 : e.getAttribute("style")) || void 0, A = t.querySelector("p.original-price"), h = (A == null ? void 0 : A.getAttribute("style")) || void 0, E = t.querySelector('[product-attr="quantity"]'), L = (E == null ? void 0 : E.getAttribute("style")) || void 0;
     return {
       orientation: b,
       itemsType: o,
       itemId: i,
       currencySymbol: c,
-      currencyLocation: d,
+      currencyLocation: u,
       formattedPrice: p,
-      configBlockAttributes: u,
+      configBlockAttributes: d,
       nameStyles: I,
       buttonStyles: m,
-      priceStyles: h,
-      originalPriceStyles: k,
+      priceStyles: k,
+      originalPriceStyles: h,
       quantityStyles: L
     };
   }
@@ -296,6 +298,14 @@ class z {
       "data-product_button_link": "{{Abandoned Cart Item (1) Url}}"
     };
   }
+  /**
+   * Fast check for the presence of any items block (cart / browsed / purchased)
+   * in the raw HTML. Used to gate the migration pipeline so non-items templates
+   * are returned untouched.
+   */
+  containsItemsBlock(t) {
+    return t.includes("esd-cart-items-block") || t.includes("esd-browsed-items-block") || t.includes("esd-purchased-items-block");
+  }
   /**
    * Removes Jinja2 conditional statements from HTML
    * Handles all items block types:
@@ -337,18 +347,18 @@ class z {
       const [, i, e, c] = n, _ = x[i];
       if (!_)
         return console.warn(`Unknown variable prefix: ${i}`), l;
-      const d = q[e];
-      if (!d)
+      const u = q[e];
+      if (!u)
         return console.warn(`Unknown variable suffix mapping for: ${e}`), l;
-      const { pairsKey: p, defaultKey: u, isArray: S } = d, y = o[p][_];
+      const { pairsKey: p, defaultKey: d, isArray: S } = u, y = o[p][_];
       if (!y)
         return console.warn(`No data found for: ${p}.${_}`), l;
       if (S) {
-        const f = parseInt(c) - 1, m = y[u];
-        return Array.isArray(m) && m[f] ? m[f] : (console.warn(`Array value not found: ${p}.${_}.${u}[${f}]`), l);
+        const f = parseInt(c) - 1, m = y[d];
+        return Array.isArray(m) && m[f] ? m[f] : (console.warn(`Array value not found: ${p}.${_}.${d}[${f}]`), l);
       }
-      const I = y[u];
-      return I !== void 0 ? String(I) : (console.warn(`Default value not found: ${p}.${_}.${u}`), l);
+      const I = y[d];
+      return I !== void 0 ? String(I) : (console.warn(`Default value not found: ${p}.${_}.${d}`), l);
     });
   }
 }

package/dist/enums/displayConditions.js

@@ -1,84 +1,80 @@
-import { useTranslations as i } from "../composables/useTranslations.js";
-const t = () => {
-  const e = i();
-  return [
-    {
-      category: e("journey-builder.demographics"),
-      conditions: [
-        {
-          id: 1,
-          name: e("condition.language"),
-          description: e("journey-builder.display-condition-language-description"),
-          beforeScript: '{% if language == "en_US" %}',
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 2,
-          name: e("condition.country"),
-          description: e("journey-builder.display-condition-country-description"),
-          beforeScript: '{% if country == "Australia" %}',
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 3,
-          name: e("stripo-editor.country-and-city"),
-          description: e("journey-builder.display-condition-country-city-description"),
-          beforeScript: '{% if country == "United Kingdom" and city == "London" %}',
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 4,
-          name: e("stripo-editor.age-less-than-operator"),
-          description: e("journey-builder.display-condition-age-less-than"),
-          beforeScript: "{% if age < 18 %}",
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 5,
-          name: e("stripo-editor.age-equal-greater-operator"),
-          description: e("journey-builder.display-condition-age-equal-greater"),
-          beforeScript: "{% if age >= 25 %}",
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 6,
-          name: e("stripo-editor.age-greater-less-operators"),
-          description: e("journey-builder.display-condition-age-between"),
-          beforeScript: "{% if age > 18 and age < 25 %}",
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 7,
-          name: e("condition.gender"),
-          description: e("journey-builder.display-condition-gender-female"),
-          beforeScript: '{% if gender == "Female" %}',
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 8,
-          name: e("journey-builder.state"),
-          description: e("stripo-editor.state-description"),
-          beforeScript: '{% if c_state == "VIC" or c_state == "NSW" or c_state == "QLD" %}',
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 9,
-          name: e("journey-builder.vip-user"),
-          description: e("stripo-editor.vip-user-description"),
-          beforeScript: "{% if c_is_vip_user %}",
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 10,
-          name: e("journey-builder.membership-type"),
-          description: e("stripo-editor.membership-type-description"),
-          beforeScript: "{% if c_is_gold_member or c_is_silver_member %}",
-          afterScript: "{% endif %}"
-        }
-      ]
-    }
-  ];
-};
+const e = [
+  {
+    category: "Demographics",
+    conditions: [
+      {
+        id: 1,
+        name: "Language",
+        description: "Users who are in the English will see the banner",
+        beforeScript: '{% if language == "en_US" %}',
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 2,
+        name: "Country",
+        description: "Only people who live in Australia will see the banner",
+        beforeScript: '{% if country == "Australia" %}',
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 3,
+        name: "Country & City",
+        description: "Only people who are located in that country and city",
+        beforeScript: '{% if country == "United Kingdom" and city == "London" %}',
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 4,
+        name: "Age (Less than operator)",
+        description: "Users whose age is less than 18",
+        beforeScript: "{% if age < 18 %}",
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 5,
+        name: "Age (Equal and greater than operator)",
+        description: "Users whose age is equal or greater than 25",
+        beforeScript: "{% if age >= 25 %}",
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 6,
+        name: "Age (Greater than & less than operators)",
+        description: "Users whose age is between 18 and 25",
+        beforeScript: "{% if age > 18 and age < 25 %}",
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 7,
+        name: "Gender",
+        description: "Users whose gender is Female",
+        beforeScript: '{% if gender == "Female" %}',
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 8,
+        name: "State",
+        description: "Users whose state is one of the followings. c_state is a custom attribute. Use this condition if you have the attribute with the same naming. ",
+        beforeScript: '{% if c_state == "VIC" or c_state == "NSW" or c_state == "QLD" %}',
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 9,
+        name: "VIP User",
+        description: "Users who are VIP users for that brand. c_is_vip_user = true. c_is_vip_user is a custom attribute. Use this condition if you have the attribute with the same naming.",
+        beforeScript: "{% if c_is_vip_user %}",
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 10,
+        name: "Membership Type",
+        description: "Users who belong to gold or silver membership type. c_is_gold_member = true, c_is_silver_member = true. These are custom attributes. Use this condition if you have the attribute with the same naming.",
+        beforeScript: "{% if c_is_gold_member or c_is_silver_member %}",
+        afterScript: "{% endif %}"
+      }
+    ]
+  }
+];
 export {
-  t as getDisplayConditions
+  e as displayConditions
 };

package/dist/enums/extensions/recommendationBlock.js

@@ -1,97 +1,43 @@
-import { useTranslations as a } from "../../composables/useTranslations.js";
-const u = {
+const s = {
   RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com"
-}, l = {
+}, i = {
   CLIENT_ID: "clientId"
-}, c = () => {
-  const e = a();
-  return [
-    {
-      id: 11,
-      key: "similarViewed",
-      name: e("action-builder.similar-viewed"),
-      path: "viewed-together"
-    },
-    {
-      id: 12,
-      key: "similarBought",
-      name: e("action-builder.similar-bought"),
-      path: "purchased-together"
-    },
-    {
-      id: 13,
-      key: "userBased",
-      name: e("action-builder.user-based"),
-      path: "user-based"
-    },
-    {
-      id: 36,
-      key: "highestDiscounted",
-      name: e("journey-builder.highest-discounted-items"),
-      path: "highest-discounted"
-    },
-    {
-      id: 38,
-      key: "manualMerchandising",
-      name: e("action-builder.manual-merchandising"),
-      path: "manual-merchandising"
-    },
-    {
-      id: 39,
-      key: "newArrivals",
-      name: e("action-builder.new-arrivals"),
-      path: "new-arrivals"
-    },
-    {
-      id: 40,
-      key: "trendingProducts",
-      name: e("journey-builder.trending-products"),
-      path: "trending"
-    },
-    {
-      id: 46,
-      key: "mostValuableOfPartner",
-      name: e("journey-builder.most-valuable-products"),
-      path: "most-valuable"
-    },
-    {
-      id: 61,
-      key: "mostPopular",
-      name: e("journey-builder.most-popular-items"),
-      path: "most-popular"
-    },
-    {
-      id: 62,
-      key: "mostPurchased",
-      name: e("action-builder.most-purchased"),
-      path: "top-sellers"
-    }
-  ];
-}, d = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], m = [
+}, u = [
+  { id: 11, key: "similarViewed", name: "Viewed Together", path: "viewed-together" },
+  { id: 12, key: "similarBought", name: "Purchased Together", path: "purchased-together" },
+  { id: 13, key: "userBased", name: "User Based", path: "user-based" },
+  { id: 36, key: "highestDiscounted", name: "Highest Discounted Items", path: "highest-discounted" },
+  { id: 38, key: "manualMerchandising", name: "Manual Merchandising", path: "manual-merchandising" },
+  { id: 39, key: "newArrivals", name: "New Arrivals", path: "new-arrivals" },
+  { id: 40, key: "trendingProducts", name: "Trending Products", path: "trending" },
+  { id: 46, key: "mostValuableOfPartner", name: "Most Valuable Products", path: "most-valuable" },
+  { id: 61, key: "mostPopular", name: "Most Popular Items", path: "most-popular" },
+  { id: 62, key: "mostPurchased", name: "Top Sellers", path: "top-sellers" }
+], l = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], c = [
   { text: "before the amount", value: "0" },
   { text: "after the amount", value: "1" }
-], p = [
+], d = [
   { text: "dot(.)", value: "." },
   { text: "comma(,)", value: "," }
-], v = [
+], p = [
   { text: "0", value: "0" },
   { text: "1", value: "1" },
   { text: "2", value: "2" },
   { text: "3", value: "3" },
   { text: "4", value: "4" },
   { text: "5", value: "5" }
-], t = [
+], e = [
   { text: "is exactly", value: "=" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
   { text: "any of", value: "||" }
-], r = [
+], a = [
   { text: "is exactly", value: "=" },
   { text: "is not exactly", value: "!==" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
   { text: "any of", value: "||" }
-], n = [
+], r = [
   { text: "is equal to", value: "=" },
   { text: "is greater than", value: ">" },
   { text: "is less than", value: "<" }
@@ -99,39 +45,39 @@ const u = {
   { text: "is equal to", value: "=" },
   { text: "after", value: ">" },
   { text: "before", value: "<" }
-], s = [
+], n = [
   { text: "true", value: "==" },
   { text: "false", value: "!=" }
-], h = (e) => {
-  if (!e)
-    return t;
-  switch (e) {
+], m = (t) => {
+  if (!t)
+    return e;
+  switch (t) {
     case "Boolean":
-      return s;
+      return n;
     case "Date":
       return o;
     case "Number":
-      return n;
+      return r;
     case "String":
-      return t;
+      return e;
     case "Strings":
-      return r;
+      return a;
     default:
-      return t;
+      return e;
   }
 };
 export {
-  d as PriceAttributes,
-  l as QUERY_PARAMS,
-  u as URLS,
-  v as currencyDecimalCounts,
-  m as currencyLocationMaps,
-  p as currencyOperators,
-  h as getOperatorOptions,
-  c as getRecommendationFeedSourceMaps,
-  r as operatorOptionsForArrayOfStrings,
-  s as operatorOptionsForBooleans,
+  l as PriceAttributes,
+  i as QUERY_PARAMS,
+  u as RecommendationFeedSourceMaps,
+  s as URLS,
+  p as currencyDecimalCounts,
+  c as currencyLocationMaps,
+  d as currencyOperators,
+  m as getOperatorOptions,
+  a as operatorOptionsForArrayOfStrings,
+  n as operatorOptionsForBooleans,
   o as operatorOptionsForDates,
-  n as operatorOptionsForNumbers,
-  t as operatorOptionsForStrings
+  r as operatorOptionsForNumbers,
+  e as operatorOptionsForStrings
 };

package/dist/enums/onboarding.js

@@ -2,10 +2,15 @@ const e = [
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-0.ng-star-inserted",
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-1.ng-star-inserted",
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-2.ng-star-inserted"
-], t = "ui-editor", n = 'button[role="tab"][aria-label="Card Composition"]', s = 'button[role="tab"][aria-label="Settings"]', o = ".in-ribbons-wrapper";
+], t = "ui-editor", n = 'button[role="tab"][aria-label="Card Composition"]', s = 'button[role="tab"][aria-label="Settings"]', E = ".in-ribbons-wrapper", o = ".guido__amp-toggle-html", a = ".in-segments-wrapper", O = '[data-testid="guido-header"]', _ = 158, i = 10;
 export {
+  o as AMP_TOGGLE_BUTTON_SELECTOR,
+  a as AMP_TOGGLE_WRAPPER_SELECTOR,
   n as CARD_COMPOSITION_TAB_SELECTOR,
-  o as RIBBON_SELECTOR,
+  O as HEADER_SELECTOR,
+  _ as POPOVER_LEFT_OFFSET,
+  i as POPOVER_TOP_GAP,
+  E as RIBBON_SELECTOR,
   e as SERVICE_HOVER_SELECTORS,
   s as SETTINGS_TAB_SELECTOR,
   t as UI_EDITOR_SELECTOR