@useinsider/guido 3.1.1-beta.513425d → 3.1.1-beta.58e1771

package/dist/@types/config/schemas.js

@@ -114,9 +114,7 @@ const m = {
   /** Enable unsubscribe block */
   unsubscribe: e(a(), !0),
   /** Disable modules panel in the editor */
-  modulesDisabled: e(a(), !1),
-  /** Enable Liquid template syntax */
-  liquidSyntax: e(a(), !1)
+  modulesDisabled: e(a(), !1)
 }), E = n([
   "amp-accordion",
   "amp-carousel",
@@ -193,12 +191,12 @@ const m = {
   M,
   N,
   D
-]), x = o({
+]), U = o({
   /** Custom compiler rules to apply */
   customRules: e(c(v), []),
   /** Skip default compiler rules */
   ignoreDefaultRules: e(a(), !1)
-}), U = o({
+}), x = o({
   /**
    * External validation handler called before save completes.
    * Return false to cancel the save operation.
@@ -227,15 +225,15 @@ const m = {
   /** Block configuration */
   blocks: e(O, {}),
   /** Compiler configuration */
-  compiler: e(x, {}),
+  compiler: e(U, {}),
   /** Callbacks and event handlers */
-  callbacks: e(U, {})
+  callbacks: e(x, {})
 });
 export {
   O as BlocksSchema,
-  U as CallbacksSchema,
+  x as CallbacksSchema,
   v as CompilerRuleSchema,
-  x as CompilerSchema,
+  U as CompilerSchema,
   g as CustomBlockTypeSchema,
   D as CustomRuleSchema,
   E as DefaultBlockTypeSchema,

package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue.js

@@ -10,7 +10,7 @@ var o = function() {
   a,
   !1,
   null,
-  "079d2bf7"
+  "870ebbaf"
 );
 const m = n.exports;
 export {

package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue2.js

@@ -1,25 +1,26 @@
-import { defineComponent as c, ref as n, computed as l, watch as u } from "vue";
-import { useTranslations as p } from "../../../../composables/useTranslations.js";
-import { usePreviewStore as _ } from "../../../../stores/preview.js";
-import { InTooltipV2 as v, InProgress as f } from "@useinsider/design-system-vue";
-const S = /* @__PURE__ */ c({
+import { defineComponent as u, ref as a, computed as p, watch as _ } from "vue";
+import { useActionsApi as f } from "../../../../composables/useActionsApi.js";
+import { useTranslations as v } from "../../../../composables/useTranslations.js";
+import { usePreviewStore as d } from "../../../../stores/preview.js";
+import { InTooltipV2 as h, InProgress as g } from "@useinsider/design-system-vue";
+const B = /* @__PURE__ */ u({
   __name: "EmailSizeIndicator",
   setup(w) {
-    const t = _(), o = 102, e = n(0), s = n({
+    const o = d(), { getCompiledEmail: s } = f(), t = 102, e = a(0), r = a({
       type: "success",
       value: 0
-    }), a = l(() => `~${e.value} KB`), r = () => {
-      const m = new Blob([t.previewHtml]).size;
-      e.value = Math.round(m / 1024), s.value = {
-        type: e.value < o ? "success" : "warning",
-        value: Math.min(e.value, o)
+    }), i = p(() => `~${e.value} KB`), n = async () => {
+      const { html: c } = await s({ minimize: !0, resetDataSavedFlag: !1 }), l = new TextEncoder().encode(c).byteLength;
+      e.value = Math.round(l / 1024), r.value = {
+        type: e.value < t ? "success" : "warning",
+        value: Math.min(e.value, t)
       };
-    }, i = p();
-    return u(() => t.previewHtml, () => {
-      r();
-    }, { immediate: !0 }), { __sfc: !0, previewStore: t, MAX_EMAIL_SIZE_IN_KB: o, htmlKB: e, progress: s, htmlSize: a, calculateProgress: r, trans: i, InProgress: f, InTooltipV2: v };
+    }, m = v();
+    return _(() => o.previewHtml, () => {
+      n();
+    }, { immediate: !0 }), { __sfc: !0, previewStore: o, getCompiledEmail: s, MAX_EMAIL_SIZE_IN_KB: t, htmlKB: e, progress: r, htmlSize: i, calculateProgress: n, trans: m, InProgress: g, InTooltipV2: h };
   }
 });
 export {
-  S as default
+  B as default
 };

package/dist/components/organisms/header/RightSlot.vue.js

@@ -1,17 +1,17 @@
-import i from "./RightSlot.vue2.js";
-import r from "../../../_virtual/_plugin-vue2_normalizer.js";
-var o = function() {
-  var s = this, e = s._self._c, t = s._self._setupProxy;
-  return e("div", { staticClass: "d-f a-i-c" }, [t.isLiquidEnabled && !t.editorStore.isVersionHistoryOpen ? e(t.InChips, { staticClass: "mr-3", attrs: { id: "guido__liquid-tag-chip", styles: "stroke", type: "default", value: "liquid-tags", "close-button": !1, "disabled-status": t.editorStore.loadingStatus, interactive: !1, text: t.trans("email-editor.liquid-tags-enabled") } }) : s._e(), t.editorStore.isVersionHistoryOpen ? e(t.RestoreButton) : e(t.EditorActions, { ref: "editorActionsRef" })], 1);
-}, a = [], n = /* @__PURE__ */ r(
-  i,
+import o from "./RightSlot.vue2.js";
+import s from "../../../_virtual/_plugin-vue2_normalizer.js";
+var n = function() {
+  var r = this, t = r._self._c, e = r._self._setupProxy;
+  return t("div", { staticClass: "d-f" }, [e.editorStore.isVersionHistoryOpen ? t(e.RestoreButton) : t(e.EditorActions, { ref: "editorActionsRef" })], 1);
+}, i = [], _ = /* @__PURE__ */ s(
   o,
-  a,
+  n,
+  i,
   !1,
   null,
   null
 );
-const u = n.exports;
+const l = _.exports;
 export {
-  u as default
+  l as default
 };

package/dist/components/organisms/header/RightSlot.vue2.js

@@ -1,22 +1,19 @@
-import { defineComponent as a, ref as f, computed as p } from "vue";
-import { useConfig as u } from "../../../composables/useConfig.js";
-import { useTranslations as d } from "../../../composables/useTranslations.js";
-import { useEditorStore as c } from "../../../stores/editor.js";
-import { InChips as l } from "@useinsider/design-system-vue";
-import _ from "./EditorActions.vue.js";
-import S from "./version-history/RestoreButton.vue.js";
-const x = /* @__PURE__ */ a({
+import { defineComponent as i, ref as s } from "vue";
+import { useEditorStore as m } from "../../../stores/editor.js";
+import f from "./EditorActions.vue.js";
+import a from "./version-history/RestoreButton.vue.js";
+const l = /* @__PURE__ */ i({
   __name: "RightSlot",
-  setup(h, { expose: r }) {
-    const { isFeatureEnabled: o } = u(), n = d(), i = c(), t = f(null), s = p(() => o("liquidSyntax"));
-    return r({
-      handleSave: (m) => {
-        var e;
-        return (e = t.value) == null ? void 0 : e.handleSave(m);
+  setup(p, { expose: e }) {
+    const r = m(), o = s(null);
+    return e({
+      handleSave: (n) => {
+        var t;
+        return (t = o.value) == null ? void 0 : t.handleSave(n);
       }
-    }), { __sfc: !0, isFeatureEnabled: o, trans: n, editorStore: i, editorActionsRef: t, isLiquidEnabled: s, InChips: l, EditorActions: _, RestoreButton: S };
+    }), { __sfc: !0, editorStore: r, editorActionsRef: o, EditorActions: f, RestoreButton: a };
   }
 });
 export {
-  x as default
+  l as default
 };

package/dist/composables/useHtmlCompiler.js

@@ -1,30 +1,28 @@
 import { defaultHtmlCompilerRules as p } from "../config/compiler/htmlCompilerRules.js";
-import { itemsCompilerRules as n } from "../config/compiler/itemsCompilerRules.js";
-import { liquidCompilerRules as c } from "../config/compiler/liquidCompilerRules.js";
-import { outlookCompilerRules as a } from "../config/compiler/outlookCompilerRules.js";
-import { recommendationCompilerRules as f } from "../config/compiler/recommendationCompilerRules.js";
-import { socialCompilerRules as R } from "../config/compiler/socialCompilerRules.js";
-import { unsubscribeCompilerRules as C } from "../config/compiler/unsubscribeCompilerRules.js";
-import { createHtmlCompiler as d } from "../utils/htmlCompiler.js";
-import { useConfig as g } from "./useConfig.js";
-const F = () => {
+import { itemsCompilerRules as u } from "../config/compiler/itemsCompilerRules.js";
+import { outlookCompilerRules as c } from "../config/compiler/outlookCompilerRules.js";
+import { recommendationCompilerRules as n } from "../config/compiler/recommendationCompilerRules.js";
+import { socialCompilerRules as f } from "../config/compiler/socialCompilerRules.js";
+import { unsubscribeCompilerRules as R } from "../config/compiler/unsubscribeCompilerRules.js";
+import { createHtmlCompiler as a } from "../utils/htmlCompiler.js";
+import { useConfig as C } from "./useConfig.js";
+const B = () => {
   var m, l;
-  const { compiler: e, isFeatureEnabled: r } = g(), i = ((m = e.value) == null ? void 0 : m.customRules) || [], t = [
+  const { compiler: e } = C(), r = ((m = e.value) == null ? void 0 : m.customRules) || [], t = [
     ...!!((l = e.value) != null && l.ignoreDefaultRules) ? [] : p,
-    ...f,
-    ...C,
     ...n,
-    ...a,
     ...R,
-    ...r("liquidSyntax") ? c : [],
-    ...i.map((o, u) => ({
+    ...u,
+    ...c,
+    ...f,
+    ...r.map((o, s) => ({
       ...o,
-      priority: o.priority + 1e3 + u
+      priority: o.priority + 1e3 + s
       // Ensure additional rules run after default rules
     }))
-  ], s = d(t);
-  return { compileHtml: (o) => s.compile(o) };
+  ], i = a(t);
+  return { compileHtml: (o) => i.compile(o) };
 };
 export {
-  F as useHtmlCompiler
+  B as useHtmlCompiler
 };

package/dist/composables/useSave.js

@@ -1,22 +1,21 @@
-import { useConfig as v } from "./useConfig.js";
-import { useSaveStart as S, useSaveComplete as V } from "./useGuidoActions.js";
-import { useSyncModuleExtractor as x } from "./useSyncModuleExtractor.js";
-import { useStripoApi as y } from "../services/stripoApi.js";
-import { useTemplatePreparation as w } from "../utils/templatePreparation.js";
-import { useHtmlValidator as b } from "./useHtmlValidator.js";
-import { useLiquidValidator as q } from "./validators/useLiquidValidator.js";
-const k = () => {
-  const e = S(), o = V(), { validateHtml: s } = b(), { validateLiquidSyntax: r } = q(), { callbacks: a, isFeatureEnabled: n } = v(), { extractSyncModuleData: l } = x(), { setSyncModuleUnsubscriptionPages: d } = y();
-  return { save: async (u = !1) => {
-    var i;
-    e();
-    const { prepareTemplateDetails: c } = w(), t = await c();
-    if (!await s(t.compiledHtml, t.dynamicContentList, !0) || n("liquidSyntax") && !await r(t.compiledHtml) || (i = a.value) != null && i.externalValidation && !await a.value.externalValidation(t))
+import { useConfig as d } from "./useConfig.js";
+import { useSaveStart as p, useSaveComplete as f } from "./useGuidoActions.js";
+import { useSyncModuleExtractor as v } from "./useSyncModuleExtractor.js";
+import { useStripoApi as S } from "../services/stripoApi.js";
+import { useTemplatePreparation as x } from "../utils/templatePreparation.js";
+import { useHtmlValidator as V } from "./useHtmlValidator.js";
+const g = () => {
+  const o = p(), s = f(), { validateHtml: i } = V(), { callbacks: a } = d(), { extractSyncModuleData: r } = v(), { setSyncModuleUnsubscriptionPages: n } = S();
+  return { save: async (l = !1) => {
+    var e;
+    o();
+    const { prepareTemplateDetails: c } = x(), t = await c();
+    if (!await i(t.compiledHtml, t.dynamicContentList, !0) || (e = a.value) != null && e.externalValidation && !await a.value.externalValidation(t))
       return;
-    const { unsubscribePayload: m, stripoModules: p } = l(t.rawHtml);
-    return await d(m), t.modules = p, u || o(t), t;
+    const { unsubscribePayload: m, stripoModules: u } = r(t.rawHtml);
+    return await n(m), t.modules = u, l || s(t), t;
   } };
 };
 export {
-  k as useSave
+  g as useSave
 };

package/dist/composables/useStripo.js

@@ -1,42 +1,42 @@
-import { useActionsApi as F } from "./useActionsApi.js";
-import { useBlocksConfig as D } from "./useBlocksConfig.js";
-import { useConfig as I } from "./useConfig.js";
-import { useCustomInterfaceAppearance as P } from "./useCustomInterfaceAppearance.js";
-import { useStripoEventHandler as U } from "./useStripoEventHandler.js";
-import { useToaster as R } from "./useToaster.js";
-import { localePatch as H } from "../config/i18n/index.js";
-import { displayConditions as q } from "../enums/displayConditions.js";
-import { useStripoApi as x } from "../services/stripoApi.js";
-import O from "../static/styles/customEditorStyle.css.js";
+import { useActionsApi as A } from "./useActionsApi.js";
+import { useBlocksConfig as F } from "./useBlocksConfig.js";
+import { useConfig as D } from "./useConfig.js";
+import { useCustomInterfaceAppearance as I } from "./useCustomInterfaceAppearance.js";
+import { useStripoEventHandler as P } from "./useStripoEventHandler.js";
+import { useToaster as U } from "./useToaster.js";
+import { localePatch as R } from "../config/i18n/index.js";
+import { displayConditions as H } from "../enums/displayConditions.js";
+import { useStripoApi as O } from "../services/stripoApi.js";
+import q from "../static/styles/customEditorStyle.css.js";
 import { useEditorStore as S } from "../stores/editor.js";
-import { dynamicContentToMergeTags as L } from "../utils/genericUtil.js";
-import $ from "../package.json.js";
-const ie = (C, c) => {
-  const { features: l, template: E, isFeatureEnabled: h } = I(), { handleError: u } = R(), { getToken: b, getCustomFonts: w, getSyncModulesStatus: k } = x(), { handleEvent: T } = U(), { getStripoBlocksConfig: V } = D(), _ = async (i, n = [], r = !1) => {
+import { dynamicContentToMergeTags as x } from "../utils/genericUtil.js";
+import L from "../package.json.js";
+const oe = (C, c) => {
+  const { features: l, template: E } = D(), { handleError: u } = U(), { getToken: h, getCustomFonts: w, getSyncModulesStatus: b } = O(), { handleEvent: k } = P(), { getStripoBlocksConfig: T } = F(), V = async (i, n = [], r = !1) => {
     var f, g, y;
-    const e = S(), { html: m, css: a } = i, { baseBlocks: o, extensions: d } = await V(), p = ((f = l.value) == null ? void 0 : f.displayConditions) ?? !0, v = ((g = l.value) == null ? void 0 : g.modulesDisabled) ?? !1, M = ((y = E.value) == null ? void 0 : y.forceRecreate) ?? !1;
+    const e = S(), { html: m, css: a } = i, { baseBlocks: o, extensions: d } = await T(), p = ((f = l.value) == null ? void 0 : f.displayConditions) ?? !0, B = ((g = l.value) == null ? void 0 : g.modulesDisabled) ?? !1, v = ((y = E.value) == null ? void 0 : y.forceRecreate) ?? !1;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: C,
         html: m,
         css: a,
-        forceRecreate: M,
+        forceRecreate: v,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
         mobileViewButtonSelector: ".guido__view-option-selection-mobile",
         desktopViewButtonSelector: ".guido__view-option-selection-desktop",
         codeEditorButtonSelector: "#guido__code-button",
-        customAppearanceMergetags: !h("liquidSyntax"),
+        customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: O,
+        customViewStyles: q,
         conditionsEnabled: p,
         customConditionsEnabled: p,
-        conditionCategories: q,
+        conditionCategories: H,
         enableXSSSecurity: !0,
-        modulesDisabled: v,
+        modulesDisabled: B,
         syncModulesEnabled: r,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
@@ -52,12 +52,12 @@ const ie = (C, c) => {
         },
         mergeTags: [
           {
-            entries: L(c.preselectedDynamicContentList)
+            entries: x(c.preselectedDynamicContentList)
           }
         ],
         async onTokenRefreshRequest(t) {
           try {
-            const s = await b();
+            const s = await h();
             t(s);
           } catch (s) {
             u(s, "Failed to refresh token");
@@ -65,8 +65,8 @@ const ie = (C, c) => {
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = P(), { activateCustomViewStyles: s, updateTimerInClonedTemplate: A } = F();
-            t(), s(), A(), c.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            const { importCss: t } = I(), { activateCustomViewStyles: s, updateTimerInClonedTemplate: M } = A();
+            t(), s(), M(), c.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
@@ -85,23 +85,23 @@ const ie = (C, c) => {
         onDataChanged() {
           e.hasChanges = !0;
         },
-        onEvent: T,
+        onEvent: k,
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
           ".in-drawer__container"
         ],
         extensions: d,
-        localePatch: H
+        localePatch: R
       }
     );
-  }, B = (i) => new Promise((n, r) => {
+  }, _ = (i) => new Promise((n, r) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
       i(), n();
       return;
     }
-    const e = $.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
+    const e = L.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
     o.id = "UiEditorScript", o.type = "module", o.src = a, o.onload = () => {
       i(), n();
     }, o.onerror = () => {
@@ -109,15 +109,15 @@ const ie = (C, c) => {
     }, document.body.appendChild(o);
   });
   return { initPlugin: async (i) => {
-    await B(async () => {
+    await _(async () => {
       const n = S(), [r, e] = await Promise.all([
         w(),
-        k()
+        b()
       ]);
-      n.syncModulesEnabled = e, await _(i, r, e);
+      n.syncModulesEnabled = e, await V(i, r, e);
     });
   } };
 };
 export {
-  ie as useStripo
+  oe as useStripo
 };

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

@@ -1,38 +1,29 @@
-import { useConfig as n } from "../../../composables/useConfig.js";
-import { BlockType as e } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { COUPON_BLOCK_ID as t } from "./block.js";
-const c = "{@COUPON_CODE}", s = "{{ins_coupon_code}}";
-function l() {
-  const { isFeatureEnabled: o } = n();
-  return o("liquidSyntax") ? s : c;
-}
-function i(o) {
-  return `
-    <${e.BLOCK_TEXT}
+import { BlockType as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { COUPON_BLOCK_ID as e } from "./block.js";
+const t = `
+    <${o.BLOCK_TEXT}
         class="coupon-block ins-coupon-code coupon-block-v2 es-p10"
         align="center"
-        esd-extension-block-id="${t}">
+        esd-extension-block-id="${e}">
         <p
             path="1"
             contenteditable="false"
             style="font-size: 16px; color: #333333;">
-            <strong path="1,0">${o}</strong>
+            <strong path="1,0">{@COUPON_CODE}</strong>
         </p>
-    </${e.BLOCK_TEXT}>
-    `;
-}
-const u = `
+    </${o.BLOCK_TEXT}>
+    `, l = `
     <td
         class="coupon-block coupon-block-v2 ins-coupon-code esd-block-text esd-extension-block"
-        esd-extension-block-id="${t}"
+        esd-extension-block-id="${e}"
     >
         <p class="ins-title" contenteditable="false">{@COUPON_CODE}</p>
     </td>
 `;
-function d() {
-  return i(l());
+function s() {
+  return t;
 }
 export {
-  u as default,
-  d as getDefaultTemplate
+  l as default,
+  s as getDefaultTemplate
 };

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

@@ -169,7 +169,7 @@ class q extends b {
       if (e && e.includes(a))
         return t;
     }
-    return "querySelector" in t ? t.querySelector(`.${a}`) : null;
+    return "querySelector" in t ? t.querySelector(`.${a}`) ?? null : null;
   }
   /**
    * Migrate configuration from legacy format

package/dist/extensions/Blocks/Recommendation/constants/selectors.js

@@ -1,26 +1,42 @@
-const T = ".recommendation-block-v2", c = ".ins-recommendation-product-container", o = ".ins-recommendation-desktop-container", t = ".ins-recommendation-mobile-container", n = ".ins-recommendation-mobile-row", R = {
+const T = ".recommendation-block-v2", c = ".ins-recommendation-product-container", o = ".ins-recommendation-desktop-container", n = ".ins-recommendation-mobile-container", t = ".ins-recommendation-mobile-row", r = {
   CURRENCY: "currency",
   SYMBOL: "currency-symbol",
   ALIGNMENT: "currency-alignment",
   THOUSAND_SEPARATOR: "currency-thousand-separator",
   DECIMAL_SEPARATOR: "currency-decimal-separator",
   DECIMAL_COUNT: "currency-decimal-count"
-}, r = "productImage", O = "productName", _ = "productPrice", e = "productOldPrice", s = "productOmnibusPrice", C = "productOmnibusDiscount", E = "productButton", A = "customAttr:", i = "data-custom-attributes", u = "product-attr";
+}, R = "productImage", _ = "productName", e = "productPrice", O = "productOldPrice", s = "productOmnibusPrice", i = "productOmnibusDiscount", E = "productButton", A = "customAttr:", C = "data-custom-attributes", u = "product-attr", m = /* @__PURE__ */ new Set([
+  "name",
+  // productName
+  "price",
+  // productPrice
+  "original_price",
+  // productOldPrice
+  "image_url",
+  // productImage
+  "url",
+  // productButton
+  "omnibus_price",
+  // productOmnibusPrice
+  "omnibus_discount"
+  // productOmnibusDiscount
+]);
 export {
   A as ATTR_CUSTOM_PREFIX,
-  i as ATTR_DATA_CUSTOM_ATTRIBUTES,
+  C as ATTR_DATA_CUSTOM_ATTRIBUTES,
   u as ATTR_PRODUCT_ATTR,
   E as ATTR_PRODUCT_BUTTON,
-  r as ATTR_PRODUCT_IMAGE,
-  O as ATTR_PRODUCT_NAME,
-  e as ATTR_PRODUCT_OLD_PRICE,
-  C as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
+  R as ATTR_PRODUCT_IMAGE,
+  _ as ATTR_PRODUCT_NAME,
+  O as ATTR_PRODUCT_OLD_PRICE,
+  i as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
   s as ATTR_PRODUCT_OMNIBUS_PRICE,
-  _ as ATTR_PRODUCT_PRICE,
+  e as ATTR_PRODUCT_PRICE,
   T as BLOCK_ROOT_SELECTOR,
+  m as BUILT_IN_DEFAULT_ATTRIBUTES,
   c as CONTAINER_SELECTOR,
-  R as CURRENCY_ATTR,
+  r as CURRENCY_ATTR,
   o as DESKTOP_CONTAINER_SELECTOR,
-  t as MOBILE_CONTAINER_SELECTOR,
-  n as MOBILE_ROW_SELECTOR
+  n as MOBILE_CONTAINER_SELECTOR,
+  t as MOBILE_ROW_SELECTOR
 };