@useinsider/guido 1.0.2-beta.b3c5fc9 → 1.0.2-beta.b6e86c0

package/dist/composables/useStripo.js

@@ -1,21 +1,23 @@
-import { useActionsApi as g } from "./useActionsApi.js";
+import { useActionsApi as S } from "./useActionsApi.js";
 import { useCustomInterfaceAppearance as f } from "./useCustomInterfaceAppearance.js";
-import { useToaster as S } from "./useToaster.js";
-import { displayConditions as C } from "../enums/displayConditions.js";
-import y from "../extensions/DynamicContent/extension.js";
-import { useStripoApi as E } from "../services/stripoApi.js";
-import { useEditorStore as h } from "../stores/editor.js";
-import { dynamicContentToMergeTags as w } from "../utils/genericUtil.js";
-const M = (d) => {
-  const { handleError: a } = S(), { getToken: c, getCustomFonts: u } = E(), l = (e, r = []) => {
-    const i = h(), { html: t, css: s, forceRecreate: p } = e;
+import { useStripoEventHandler as E } from "./useStripoEventHandler.js";
+import { useToaster as C } from "./useToaster.js";
+import { displayConditions as y } from "../enums/displayConditions.js";
+import h from "../extensions/DynamicContent/extension.js";
+import { useStripoApi as w } from "../services/stripoApi.js";
+import b from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as V } from "../stores/editor.js";
+import { dynamicContentToMergeTags as _ } from "../utils/genericUtil.js";
+const x = (a) => {
+  const { handleError: d } = C(), { getToken: c, getCustomFonts: u } = w(), { handleEvent: l } = E(), p = (r, i = []) => {
+    const o = V(), { html: e, css: s, forceRecreate: g } = r;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: d,
-        html: t,
+        metadata: a,
+        html: e,
         css: s,
-        forceRecreate: p,
+        forceRecreate: g,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -25,77 +27,76 @@ const M = (d) => {
         customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: `
-                    .esd-x, .esd-merge-tag {color: #0a2ecc !important; box-shadow: none !important;} 
-                    .esd-merge-tag {border: 1px solid #b5c1f1; border-radius: 4px !important;}
-                `,
+        customViewStyles: b,
         conditionsEnabled: !0,
         customConditionsEnabled: !0,
-        conditionCategories: C,
+        conditionCategories: y,
         enableXSSSecurity: !0,
         messageSettingsEnabled: !1,
+        selectBlockAfterDropFromSettingsPanel: !0,
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
-          customFonts: r
+          customFonts: i
         },
         mergeTags: [
           {
-            entries: w(d.preselectedDynamicContentList)
+            entries: _(a.preselectedDynamicContentList)
           }
         ],
-        async onTokenRefreshRequest(o) {
+        async onTokenRefreshRequest(t) {
           try {
             const n = await c();
-            o(n);
+            t(n);
           } catch (n) {
-            a(n, "Failed to refresh token");
+            d(n, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: o } = f(), { activateCustomViewStyles: n } = g();
-            o(), n();
-          } catch (o) {
-            a(o, "Failed to load custom interface appearance");
+            const { importCss: t } = f(), { activateCustomViewStyles: n } = S();
+            t(), n(), o.isStripoInitialized = !0, o.loadingStatus = !1;
+          } catch (t) {
+            d(t, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(o) {
-          i.isCodeEditorOpen = o;
+        onCodeEditorVisibilityChanged(t) {
+          o.isCodeEditorOpen = t;
         },
-        onEditorVisualModeChanged(o) {
-          i.editorVisualMode = o.toLowerCase();
+        onEditorVisualModeChanged(t) {
+          o.editorVisualMode = t.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(o) {
-          i.isVersionHistoryOpen = o;
+        onVersionHistoryVisibilityChanged(t) {
+          o.isVersionHistoryOpen = t;
         },
         onDataChanged() {
-          i.hasChanges = !0;
+          o.hasChanges = !0;
         },
-        ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal"],
-        extensions: [y]
+        onEvent: l,
+        ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal", ".in-on-board-wrapper"],
+        extensions: [h]
       }
     );
-  }, m = (e) => new Promise((r, i) => {
+  }, m = (r) => new Promise((i, o) => {
     if (document.getElementById("UiEditorScript")) {
-      e(), r();
+      r(), i();
       return;
     }
-    const t = document.createElement("script");
-    t.id = "UiEditorScript", t.type = "module", t.src = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js", t.onload = () => {
-      e(), r();
-    }, t.onerror = () => {
+    const e = document.createElement("script");
+    e.id = "UiEditorScript", e.type = "module", e.src = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js", e.onload = () => {
+      r(), i();
+    }, e.onerror = () => {
       const s = new Error("Failed to load Stripo UIEditor script");
-      i(s);
-    }, document.body.appendChild(t);
+      o(s);
+    }, document.body.appendChild(e);
   });
-  return { initPlugin: async (e) => {
+  return { initPlugin: async (r) => {
     await m(async () => {
-      const r = await u();
-      l(e, r);
+      const i = await u();
+      p(r, i);
     });
   } };
 };
 export {
-  M as useStripo
+  x as useStripo
 };

package/dist/composables/useStripoEventHandler.d.ts

@@ -0,0 +1,3 @@
+export declare const useStripoEventHandler: () => {
+    handleEvent: (type: string, params: Record<string, string>) => Promise<void>;
+};

package/dist/composables/useStripoEventHandler.js

@@ -0,0 +1,20 @@
+import { useOnboardingStore as i } from "../stores/onboarding.js";
+const c = () => {
+  const e = {
+    block_dropped: ({ blockName: t }) => {
+      if (t === "BLOCK_TEXT") {
+        const n = i(), o = !n.shouldShowOnboarding("textBlockOnboarding"), r = n.isActive("textBlockOnboarding");
+        if (o || r)
+          return;
+        n.start("textBlockOnboarding");
+      }
+    }
+  };
+  return { handleEvent: async (t, n) => {
+    const o = e[t];
+    o && await o(n);
+  } };
+};
+export {
+  c as useStripoEventHandler
+};

package/dist/enums/defaults.d.ts

@@ -5,3 +5,4 @@ export declare const DefaultUsername = "Guido User";
 export declare const DefaultMessageType = 1;
 export declare const EditorType: number;
 export declare const ProductIds: Record<string, number>;
+export declare const TEST_PARTNER_LIST: string[];

package/dist/enums/defaults.js

@@ -1,4 +1,4 @@
-const e = {
+const t = {
   translationsPath: "window.trans.en",
   emailHeader: {
     senderName: "",
@@ -8,16 +8,49 @@ const e = {
     dynamicContent: !0,
     saveAsTemplate: !0,
     versionHistory: !0
-  }
-}, t = "email", s = "Guido User", a = 1, n = 2, o = {
+  },
+  useHeader: !0
+}, a = "email", e = "Guido User", o = 1, n = 2, i = {
   email: 60,
   architect: 49
-};
+}, s = [
+  "alfredtesting",
+  "electio",
+  "eurekatest",
+  "gachapontestpart",
+  "gluautomation1",
+  "gluautomation2",
+  "gluautomation3",
+  "gluautomation4",
+  "inone",
+  "inshoppingcart",
+  "krakentest",
+  "leeroy",
+  "newsletteruat",
+  "ozaspava",
+  "piratesquad",
+  "qaautomation1",
+  "qaautomation2",
+  "qaautomation3",
+  "qaautomation4",
+  "roiautomation",
+  "seleniumautomation",
+  "seleniumautomation1",
+  "seleniumautomation2",
+  "seleniumautomation3",
+  "shopbagg",
+  "shopifytest",
+  "singlepageqa",
+  "testqa",
+  "vikingsankara",
+  "stripoeditorlivetest"
+];
 export {
-  e as DefaultGuidoConfig,
-  a as DefaultMessageType,
-  t as DefaultProductType,
-  s as DefaultUsername,
+  t as DefaultGuidoConfig,
+  o as DefaultMessageType,
+  a as DefaultProductType,
+  e as DefaultUsername,
   n as EditorType,
-  o as ProductIds
+  i as ProductIds,
+  s as TEST_PARTNER_LIST
 };

package/dist/enums/onboarding.d.ts

@@ -0,0 +1 @@
+export declare const SERVICE_HOVER_SELECTORS: string[];

package/dist/enums/onboarding.js

@@ -0,0 +1,8 @@
+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"
+];
+export {
+  e as SERVICE_HOVER_SELECTORS
+};

package/dist/guido.css

@@ -1 +1 @@
-.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}[data-v-421ffc13] .guido__verion-history-view-option-selection-desktop svg,[data-v-421ffc13] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-421ffc13] .in-segments-wrapper__button_selected,[data-v-421ffc13] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-421ffc13] .in-tooltip-wrapper__icon{cursor:pointer}[data-v-aad05c54] .guido__view-option-selection-desktop svg,[data-v-aad05c54] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-aad05c54] .in-segments-wrapper__button_selected,[data-v-aad05c54] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-aad05c54] .in-tooltip-wrapper__icon{cursor:pointer}.guido-editor__wrapper[data-v-84c43576],.guido-editor__container[data-v-84c43576]{width:100%;height:calc(100vh - 75px)}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-f20b3a9b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+[data-v-a18ac2d3] .in-button-v2__wrapper{line-height:0}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-2d4cd446]{height:calc(100% - 75px);top:75px}.guido-editor__wrapper[data-v-39783038],.guido-editor__container[data-v-39783038]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-39783038]{height:calc(100vh - 75px)}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-f20b3a9b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-acae5543] .vueperslides__bullets,[data-v-bccb3b50] .vueperslides__bullets{pointer-events:none!important}

package/dist/mock/api/user-modal-state.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("msw").HttpHandler[];
+export default _default;

package/dist/services/onboardingApi.d.ts

@@ -0,0 +1,4 @@
+export declare const useOnboardingApi: () => {
+    fetchUserModalState: () => Promise<unknown>;
+    setUserModalState: (modal: string, state: string, page: string) => Promise<unknown>;
+};

package/dist/services/onboardingApi.js

@@ -0,0 +1,23 @@
+import { useHttp as a } from "../composables/useHttp.js";
+const l = () => {
+  const { get: r } = a();
+  return {
+    fetchUserModalState: async () => {
+      try {
+        return (await r("/user-modal-state/get")).data;
+      } catch (t) {
+        throw console.error("fetchUserModalState error:", t), t;
+      }
+    },
+    setUserModalState: async (t, o, s) => {
+      try {
+        return (await r(`/user-modal-state/set?modal=${t}&state=${o}&page=${s}`)).data;
+      } catch (e) {
+        throw console.error("setUserModalState error:", e), e;
+      }
+    }
+  };
+};
+export {
+  l as useOnboardingApi
+};

package/dist/static/assets/onboarding-img.svg.js

@@ -0,0 +1,4 @@
+const e = "data:image/svg+xml,%3csvg%20width='496'%20height='300'%20viewBox='0%200%20496%20300'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_38_3133)'%3e%3crect%20width='496'%20height='300'%20rx='4'%20fill='url(%23paint0_linear_38_3133)'/%3e%3cg%20opacity='0.2'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M409.168%20166.444C409.045%20201.465%20385.049%20231.643%20357.388%20254.093C332.239%20274.505%20299.935%20280.528%20267.189%20281.677C232.788%20282.884%20199.087%20278.901%20170.233%20260.659C132.722%20236.943%2087.178%20209.875%2084.922%20166.444C82.6355%20122.428%20124.383%2089.592%20159.924%2062.2125C190.756%2038.4609%20227.979%2022.8677%20267.189%2026.0319C303.62%2028.9719%20332.382%2052.8595%20358.003%2078.1976C383.318%20103.233%20409.29%20131.346%20409.168%20166.444Z'%20fill='white'/%3e%3c/g%3e%3cg%20opacity='0.2'%3e%3cpath%20d='M-47.1721%2069.2516C-83.6155%2025.8699%20-172.761%2025.6292%20-188.861%2069.2516C-204.962%20112.874%20-210.251%20113.75%20-252.245%20140.759C-285.644%20162.24%20-281.772%20214.792%20-226.945%20228.569C-172.117%20242.345%20-188.087%20265.51%20-139.541%20284.203C-76.1114%20308.627%20-27.8156%20277.988%20-3.83571%20235.523C14.2464%20203.502%2069.8783%20187.308%2057.5002%20144.485C45.1221%20101.662%20-10.7287%20112.633%20-47.1721%2069.2516Z'%20stroke='url(%23paint1_linear_38_3133)'%20stroke-width='1.875'%20stroke-linecap='round'%20stroke-dasharray='6.56%206.56'/%3e%3c/g%3e%3cg%20opacity='0.2'%3e%3cpath%20d='M662.828%20129.252C626.384%2085.8699%20537.239%2085.6292%20521.139%20129.252C505.038%20172.874%20499.749%20173.75%20457.755%20200.759C424.356%20222.24%20428.228%20274.792%20483.055%20288.569C537.883%20302.345%20521.913%20325.51%20570.459%20344.203C633.889%20368.627%20682.184%20337.988%20706.164%20295.523C724.246%20263.502%20779.878%20247.308%20767.5%20204.485C755.122%20161.662%20699.271%20172.633%20662.828%20129.252Z'%20stroke='url(%23paint2_linear_38_3133)'%20stroke-width='1.875'%20stroke-linecap='round'%20stroke-dasharray='6.56%206.56'/%3e%3c/g%3e%3cg%20opacity='0.25'%3e%3cpath%20d='M135.148%20267.033C136.575%20267.838%20136.278%20269.974%20134.686%20270.359L131.24%20271.193C130.754%20271.311%20130.339%20271.625%20130.093%20272.061L128.351%20275.148C127.546%20276.574%20125.41%20276.278%20125.024%20274.686L124.19%20271.24C124.072%20270.754%20123.758%20270.339%20123.323%20270.093L120.235%20268.351C118.809%20267.546%20119.106%20265.41%20120.698%20265.024L124.143%20264.19C124.629%20264.072%20125.045%20263.758%20125.29%20263.323L127.033%20260.235C127.838%20258.809%20129.974%20259.106%20130.359%20260.697L131.193%20264.143C131.311%20264.629%20131.625%20265.045%20132.061%20265.29L135.148%20267.033Z'%20fill='white'/%3e%3c/g%3e%3cg%20opacity='0.25'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M383.417%2023.0948L377.103%2029.3729L385.808%2031.8031L383.417%2023.0948ZM386.428%2020.7842C385.885%2018.8052%20383.407%2018.1465%20381.952%2019.5941L373.604%2027.8941C372.148%2029.3417%20372.795%2031.8205%20374.774%2032.3727L386.282%2035.5856C388.289%2036.1458%20390.14%2034.3048%20389.589%2032.2971L386.428%2020.7842Z'%20fill='white'/%3e%3c/g%3e%3cg%20opacity='0.25'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M39.3591%20243.013L30.5608%20241.644L33.7587%20250.097L39.3591%20243.013ZM43.0044%20244.07C44.2772%20242.46%2043.3404%20240.074%2041.3118%20239.758L29.68%20237.949C27.6513%20237.633%2026.0375%20239.623%2026.7643%20241.544L30.9921%20252.719C31.7293%20254.668%2034.3093%20255.069%2035.6004%20253.436L43.0044%20244.07Z'%20fill='white'/%3e%3c/g%3e%3cg%20opacity='0.25'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M393.901%20274.662C396.224%20276.073%20399.251%20275.334%20400.662%20273.011C402.074%20270.688%20401.334%20267.66%20399.011%20266.249C396.688%20264.838%20393.66%20265.577%20392.249%20267.9C390.838%20270.224%20391.577%20273.251%20393.901%20274.662ZM392.075%20277.667C396.058%20280.086%20401.248%20278.819%20403.667%20274.836C406.086%20270.853%20404.819%20265.664%20400.836%20263.244C396.854%20260.825%20391.664%20262.093%20389.244%20266.075C386.825%20270.058%20388.093%20275.248%20392.075%20277.667Z'%20fill='white'/%3e%3c/g%3e%3cg%20opacity='0.25'%3e%3cpath%20d='M32.4679%2089.2913C34.0984%2089.4476%2034.6946%2091.5199%2033.3964%2092.5187L30.5867%2094.6805C30.1903%2094.9855%2029.9383%2095.4412%2029.8906%2095.939L29.5524%2099.468C29.3961%20101.098%2027.3238%20101.695%2026.325%20100.396L24.1632%2097.5867C23.8582%2097.1904%2023.4025%2096.9383%2022.9047%2096.8906L19.3757%2096.5524C17.7453%2096.3962%2017.149%2094.3238%2018.4472%2093.325L21.257%2091.1632C21.6533%2090.8583%2021.9054%2090.4026%2021.9531%2089.9048L22.2913%2086.3758C22.4475%2084.7453%2024.5199%2084.1491%2025.5187%2085.4473L27.6805%2088.257C27.9854%2088.6534%2028.4411%2088.9054%2028.9389%2088.9531L32.4679%2089.2913Z'%20fill='white'/%3e%3c/g%3e%3ccircle%20opacity='0.5'%20cx='441.871'%20cy='191.871'%20r='1.40294'%20fill='white'%20stroke='white'%20stroke-width='0.935294'/%3e%3ccircle%20opacity='0.5'%20cx='485.871'%20cy='142.871'%20r='1.40294'%20fill='white'%20stroke='white'%20stroke-width='0.935294'/%3e%3ccircle%20opacity='0.5'%20cx='358.871'%20cy='36.8706'%20r='1.40294'%20fill='white'%20stroke='white'%20stroke-width='0.935294'/%3e%3ccircle%20opacity='0.5'%20cx='134.871'%20cy='17.8706'%20r='1.40294'%20fill='white'%20stroke='white'%20stroke-width='0.935294'/%3e%3ccircle%20opacity='0.5'%20cx='56.8706'%20cy='103.871'%20r='1.40294'%20fill='white'%20stroke='white'%20stroke-width='0.935294'/%3e%3ccircle%20opacity='0.5'%20cx='9.87059'%20cy='159.871'%20r='1.40294'%20fill='white'%20stroke='white'%20stroke-width='0.935294'/%3e%3ccircle%20opacity='0.5'%20cx='14.8706'%20cy='63.8706'%20r='1.40294'%20fill='white'%20stroke='white'%20stroke-width='0.935294'/%3e%3cpath%20d='M273.391%20182.575C275.715%20188.729%20305.891%20196.575%20338.391%20196.575C370.891%20196.575%20394.891%20173.334%20407.891%20152.075C420.891%20130.816%20416.391%2094.5699%20416.391%2094.5699'%20stroke='%23F3D3F6'%20stroke-width='2'%20stroke-linecap='round'%20stroke-dasharray='5%208'/%3e%3cpath%20d='M89.3994%20111.985C101.351%20117.1%20109.338%2088.5106%20123.395%2084.6566C131.244%2082.5045%20140.969%2086.7712%20140.292%2098.9589C139.615%20111.147%20136.07%20117.598%20120.225%20145.845C104.379%20174.093%20111.237%20179.161%20113.331%20185.397C115.424%20191.634%20129.042%20206.196%20145.314%20201.179C161.586%20196.163%20180.364%20184.093%20189.216%20159.6'%20stroke='%23F3D3F6'%20stroke-width='2'%20stroke-linecap='round'%20stroke-dasharray='5%208'/%3e%3cg%20style='mix-blend-mode:multiply'%20opacity='0.2'%3e%3crect%20x='72'%20y='78'%20width='26'%20height='182'%20rx='4'%20fill='%232C3546'/%3e%3c/g%3e%3crect%20x='68'%20y='74'%20width='26'%20height='182'%20rx='4'%20fill='white'/%3e%3crect%20x='69.25'%20y='98.75'%20width='23.5'%20height='23.5'%20rx='3.75'%20transform='rotate(-90%2069.25%2098.75)'%20fill='white'%20stroke='%23DCDEE6'%20stroke-width='0.5'/%3e%3crect%20x='69.25'%20y='124.75'%20width='23.5'%20height='23.5'%20rx='3.75'%20transform='rotate(-90%2069.25%20124.75)'%20fill='white'%20stroke='%23DCDEE6'%20stroke-width='0.5'/%3e%3crect%20x='69.25'%20y='150.75'%20width='23.5'%20height='23.5'%20rx='3.75'%20transform='rotate(-90%2069.25%20150.75)'%20fill='white'%20stroke='%23DCDEE6'%20stroke-width='0.5'/%3e%3crect%20x='69.25'%20y='176.75'%20width='23.5'%20height='23.5'%20rx='3.75'%20transform='rotate(-90%2069.25%20176.75)'%20fill='white'%20stroke='%23DCDEE6'%20stroke-width='0.5'/%3e%3crect%20x='69.25'%20y='202.75'%20width='23.5'%20height='23.5'%20rx='3.75'%20transform='rotate(-90%2069.25%20202.75)'%20fill='white'%20stroke='%23DCDEE6'%20stroke-width='0.5'/%3e%3crect%20x='69.25'%20y='228.75'%20width='23.5'%20height='23.5'%20rx='3.75'%20transform='rotate(-90%2069.25%20228.75)'%20fill='white'%20stroke='%23DCDEE6'%20stroke-width='0.5'/%3e%3crect%20x='69.25'%20y='254.75'%20width='23.5'%20height='23.5'%20rx='3.75'%20transform='rotate(-90%2069.25%20254.75)'%20fill='white'%20stroke='%23DCDEE6'%20stroke-width='0.5'/%3e%3cg%20style='mix-blend-mode:multiply'%20opacity='0.2'%3e%3crect%20x='72'%20y='46'%20width='26'%20height='26'%20rx='5'%20fill='%232C3546'/%3e%3c/g%3e%3crect%20x='68'%20y='42'%20width='26'%20height='26'%20rx='5'%20fill='white'/%3e%3crect%20x='69.25'%20y='66.75'%20width='23.5'%20height='23.5'%20rx='3.75'%20transform='rotate(-90%2069.25%2066.75)'%20fill='white'%20stroke='%23DCDEE6'%20stroke-width='0.5'/%3e%3cpath%20opacity='0.9'%20d='M52.6561%2032.6364C52.3091%2032.6088%2052.1846%2032.1317%2052.4621%2031.8932L53.738%2030.7972C53.8228%2030.7244%2053.877%2030.6174%2053.8877%2030.5017L54.0493%2028.7609C54.0844%2028.382%2054.5266%2028.2328%2054.7378%2028.5285L55.7081%2029.8871C55.7726%2029.9774%2055.8693%2030.0334%2055.9753%2030.0419L57.5702%2030.1686C57.9172%2030.1962%2058.0417%2030.6734%2057.7642%2030.9118L56.4883%2032.0078C56.4035%2032.0807%2056.3493%2032.1876%2056.3386%2032.3033L56.177%2034.0441C56.1419%2034.423%2055.6997%2034.5723%2055.4885%2034.2766L54.5182%2032.9179C54.4537%2032.8276%2054.357%2032.7716%2054.251%2032.7632L52.6561%2032.6364Z'%20fill='%23FFD557'/%3e%3cpath%20d='M55.9942%2040.7806C55.8273%2040.7673%2055.7674%2040.5378%2055.9009%2040.423L56.5147%2039.8958C56.5555%2039.8607%2056.5816%2039.8093%2056.5868%2039.7536L56.6645%2038.9161C56.6814%2038.7339%2056.8941%2038.662%2056.9957%2038.8043L57.4625%2039.4579C57.4935%2039.5014%2057.5401%2039.5283%2057.5911%2039.5324L58.3584%2039.5934C58.5253%2039.6066%2058.5852%2039.8362%2058.4517%2039.9509L57.8379%2040.4782C57.7971%2040.5132%2057.771%2040.5647%2057.7658%2040.6203L57.6881%2041.4578C57.6712%2041.6401%2057.4585%2041.7119%2057.3569%2041.5696L56.8901%2040.916C56.8591%2040.8726%2056.8125%2040.8456%2056.7615%2040.8416L55.9942%2040.7806Z'%20fill='%23FFD557'/%3e%3cpath%20d='M72.8237%2031.4849C72.6567%2031.4717%2072.5969%2031.2421%2072.7304%2031.1274L73.3442%2030.6001C73.385%2030.5651%2073.4111%2030.5136%2073.4162%2030.458L73.4939%2029.6205C73.5109%2029.4382%2073.7236%2029.3664%2073.8252%2029.5086L74.292%2030.1623C74.323%2030.2057%2074.3696%2030.2327%2074.4205%2030.2367L75.1878%2030.2977C75.3548%2030.311%2075.4147%2030.5405%2075.2811%2030.6553L74.6673%2031.1825C74.6266%2031.2176%2074.6005%2031.269%2074.5953%2031.3247L74.5176%2032.1622C74.5007%2032.3444%2074.288%2032.4163%2074.1864%2032.274L73.7195%2031.6204C73.6885%2031.5769%2073.642%2031.55%2073.591%2031.5459L72.8237%2031.4849Z'%20fill='%23FFD557'/%3e%3cpath%20d='M65.7747%2042.8734C65.4958%2042.6547%2065.6075%2042.2094%2065.9544%2042.1575L68.5869%2041.7637C68.6962%2041.7474%2068.7933%2041.6861%2068.8551%2041.5945L70.386%2039.3286C70.5956%2039.0183%2071.079%2039.1472%2071.1164%2039.5233L71.3891%2042.2698C71.4001%2042.3809%2071.4562%2042.4829%2071.5441%2042.5518L73.6612%2044.2113C73.9401%2044.43%2073.8284%2044.8754%2073.4815%2044.9273L70.849%2045.321C70.7397%2045.3374%2070.6426%2045.3986%2070.5808%2045.4902L69.0499%2047.7562C68.8403%2048.0664%2068.3568%2047.9376%2068.3195%2047.5615L68.0468%2044.8149C68.0358%2044.7039%2067.9797%2044.6018%2067.8918%2044.533L65.7747%2042.8734Z'%20fill='%23FFBF00'/%3e%3cpath%20d='M177%2044.0662C197.5%2029.0662%20221%2028.1482%20235.5%2039.6482C250%2051.1482%20250%2066.1482%20250%2066.1482'%20stroke='%23F3D3F6'%20stroke-width='2'%20stroke-linecap='round'%20stroke-dasharray='5%208'/%3e%3cg%20style='mix-blend-mode:multiply'%20opacity='0.2'%3e%3crect%20x='167'%20y='47.4805'%20width='176.256'%20height='212.63'%20rx='4'%20fill='%232C3546'/%3e%3c/g%3e%3crect%20x='163'%20y='43.4805'%20width='176.256'%20height='212.63'%20rx='4'%20fill='white'/%3e%3crect%20x='169'%20y='50.4805'%20width='161'%20height='36'%20rx='4'%20fill='%23F7F9FA'/%3e%3crect%20x='169.134'%20y='136.574'%20width='45.503'%20height='160.778'%20rx='3.75'%20transform='rotate(-90%20169.134%20136.574)'%20fill='white'%20stroke='%23DCDEE6'%20stroke-width='0.5'/%3e%3crect%20x='175'%20y='99.1482'%20width='16'%20height='4'%20rx='2'%20fill='%23DCDEE6'/%3e%3crect%20x='175'%20y='107.148'%20width='72'%20height='4'%20rx='2'%20fill='%23DCDEE6'/%3e%3crect%20x='175'%20y='116.148'%20width='105'%20height='4'%20rx='2'%20fill='%23DCDEE6'/%3e%3crect%20x='284'%20y='116.48'%20width='40'%20height='4'%20rx='2'%20fill='%23DCDEE6'/%3e%3crect%20x='195'%20y='99.1482'%20width='129'%20height='4'%20rx='2'%20fill='%23DCDEE6'/%3e%3crect%20x='251'%20y='107.148'%20width='73'%20height='4'%20rx='2'%20fill='%23DCDEE6'/%3e%3crect%20x='175'%20y='125.148'%20width='149'%20height='4'%20rx='2'%20fill='%23DCDEE6'/%3e%3crect%20x='169.25'%20y='228.23'%20width='83.5'%20height='94.5'%20rx='3.75'%20transform='rotate(-90%20169.25%20228.23)'%20fill='white'%20stroke='%23DCDEE6'%20stroke-width='0.5'/%3e%3crect%20x='271.25'%20y='228.23'%20width='83.5'%20height='58.5'%20rx='3.75'%20transform='rotate(-90%20271.25%20228.23)'%20fill='white'%20stroke='%23DCDEE6'%20stroke-width='0.5'/%3e%3crect%20x='288.385'%20y='225.593'%20width='14.5'%20height='11.5'%20rx='1.75'%20transform='rotate(-90%20288.385%20225.593)'%20fill='white'%20stroke='%23DCDEE6'%20stroke-width='0.5'/%3e%3crect%20x='302.385'%20y='225.593'%20width='14.5'%20height='11.5'%20rx='1.75'%20transform='rotate(-90%20302.385%20225.593)'%20fill='white'%20stroke='%23DCDEE6'%20stroke-width='0.5'/%3e%3crect%20x='169.134'%20y='249.709'%20width='13.6753'%20height='160.51'%20rx='3.75'%20transform='rotate(-90%20169.134%20249.709)'%20fill='white'%20stroke='%23DCDEE6'%20stroke-width='0.5'/%3e%3crect%20x='230.935'%20y='238.993'%20width='8.02377'%20height='8.02377'%20rx='4'%20fill='%23DCDEE6'/%3e%3crect%20x='241.633'%20y='238.993'%20width='8.02377'%20height='8.02377'%20rx='4'%20fill='%23DCDEE6'/%3e%3crect%20x='252.331'%20y='238.993'%20width='8.02377'%20height='8.02377'%20rx='4'%20fill='%23DCDEE6'/%3e%3crect%20x='263.03'%20y='238.993'%20width='8.02377'%20height='8.02377'%20rx='4'%20fill='%23DCDEE6'/%3e%3crect%20x='273.461'%20y='153.406'%20width='54.5617'%20height='50.8172'%20rx='4'%20fill='white'/%3e%3crect%20width='4.72009'%20height='5.08318'%20rx='2.36005'%20transform='matrix(1%20-8.68595e-08%20-8.79898e-08%20-1%20305.984%20167.85)'%20fill='%23DCDEE6'/%3e%3cpath%20d='M292.306%20166.035L276.938%20185.641H324.502L312.031%20169.91L303.617%20178.434L292.306%20166.035Z'%20fill='%23DCDEE6'/%3e%3cpath%20d='M279%20193.148C279%20194.253%20279.895%20195.148%20281%20195.148L322%20195.148C323.105%20195.148%20324%20194.253%20324%20193.148V193.148C324%20192.044%20323.105%20191.148%20322%20191.148L281%20191.148C279.895%20191.148%20279%20192.044%20279%20193.148V193.148Z'%20fill='%23DCDEE6'/%3e%3crect%20width='1.51469'%20height='1.63121'%20rx='0.757346'%20transform='matrix(1%20-8.68595e-08%20-8.79898e-08%20-1%20252.292%2064.9036)'%20fill='%23DCDEE6'/%3e%3cpath%20d='M247.902%2064.321L242.97%2070.6128H258.234L254.232%2065.5645L251.532%2068.3L247.902%2064.321Z'%20fill='%23DCDEE6'/%3e%3cpath%20d='M243.553%2072.8849C243.553%2073.2388%20243.84%2073.5258%20244.194%2073.5258L257.36%2073.5258C257.714%2073.5258%20258.001%2073.2388%20258.001%2072.8849V72.8849C258.001%2072.531%20257.714%2072.2441%20257.36%2072.2441L244.194%2072.2441C243.84%2072.2441%20243.553%2072.531%20243.553%2072.8849V72.8849Z'%20fill='%23DCDEE6'/%3e%3crect%20x='290'%20y='214.48'%20width='8.02377'%20height='7.47312'%20rx='3.73656'%20fill='white'/%3e%3crect%20width='0.694131'%20height='0.747526'%20rx='0.347066'%20transform='matrix(1%20-8.68595e-08%20-8.79898e-08%20-1%20294.783%20216.605)'%20fill='%23DCDEE6'/%3e%3cpath%20d='M292.771%20216.338L290.511%20219.221H297.506L295.672%20216.908L294.435%20218.161L292.771%20216.338Z'%20fill='%23DCDEE6'/%3e%3cpath%20d='M290.778%20220.262C290.778%20220.424%20290.91%20220.556%20291.072%20220.556L297.106%20220.556C297.268%20220.556%20297.399%20220.424%20297.399%20220.262V220.262C297.399%20220.1%20297.268%20219.969%20297.106%20219.969L291.072%20219.969C290.91%20219.969%20290.778%20220.1%20290.778%20220.262V220.262Z'%20fill='%23DCDEE6'/%3e%3crect%20x='304.175'%20y='214.48'%20width='8.02377'%20height='7.47312'%20rx='1'%20fill='white'/%3e%3crect%20width='0.694131'%20height='0.747526'%20rx='0.347066'%20transform='matrix(1%20-8.68595e-08%20-8.79898e-08%20-1%20308.958%20216.605)'%20fill='%23DCDEE6'/%3e%3cpath%20d='M306.947%20216.338L304.687%20219.221H311.681L309.847%20216.908L308.61%20218.161L306.947%20216.338Z'%20fill='%23DCDEE6'/%3e%3cpath%20d='M304.954%20220.262C304.954%20220.424%20305.085%20220.556%20305.247%20220.556L311.281%20220.556C311.443%20220.556%20311.575%20220.424%20311.575%20220.262V220.262C311.575%20220.1%20311.443%20219.969%20311.281%20219.969L305.247%20219.969C305.085%20219.969%20304.954%20220.1%20304.954%20220.262V220.262Z'%20fill='%23DCDEE6'/%3e%3crect%20x='180.92'%20y='160.895'%20width='13.373'%20height='12.3031'%20rx='4'%20fill='%23DCDEE6'/%3e%3crect%20x='200.712'%20y='160.895'%20width='13.373'%20height='12.3031'%20rx='4'%20fill='%23DCDEE6'/%3e%3crect%20x='220.504'%20y='160.895'%20width='13.373'%20height='12.3031'%20rx='4'%20fill='%23DCDEE6'/%3e%3crect%20x='240.296'%20y='160.895'%20width='13.373'%20height='12.3031'%20rx='4'%20fill='%23DCDEE6'/%3e%3crect%20x='196.432'%20y='170.791'%20width='2.13967'%20height='2.13967'%20rx='1.06984'%20fill='%23DCDEE6'/%3e%3crect%20x='216.224'%20y='170.791'%20width='2.13967'%20height='2.13967'%20rx='1.06984'%20fill='%23DCDEE6'/%3e%3crect%20x='236.016'%20y='170.791'%20width='2.13967'%20height='2.13967'%20rx='1.06984'%20fill='%23DCDEE6'/%3e%3crect%20x='196.432'%20y='166.512'%20width='2.13967'%20height='2.13967'%20rx='1.06984'%20fill='%23DCDEE6'/%3e%3crect%20x='216.224'%20y='166.512'%20width='2.13967'%20height='2.13967'%20rx='1.06984'%20fill='%23DCDEE6'/%3e%3crect%20x='236.016'%20y='166.512'%20width='2.13967'%20height='2.13967'%20rx='1.06984'%20fill='%23DCDEE6'/%3e%3crect%20x='194'%20y='181.148'%20width='45'%20height='4'%20rx='2'%20fill='%23DCDEE6'/%3e%3crect%20x='193'%20y='188.148'%20width='46'%20height='4'%20rx='2'%20fill='%23DCDEE6'/%3e%3crect%20x='204'%20y='212.148'%20width='25'%20height='4'%20rx='2'%20fill='%23DCDEE6'/%3e%3cg%20style='mix-blend-mode:multiply'%20opacity='0.2'%3e%3crect%20x='153.969'%20y='43.3197'%20width='33.6'%20height='33.5999'%20rx='4'%20transform='rotate(-16%20153.969%2043.3197)'%20fill='%232C3546'/%3e%3c/g%3e%3crect%20x='151'%20y='41.6742'%20width='33.6'%20height='33.5999'%20rx='4'%20transform='rotate(-16%20151%2041.6742)'%20fill='white'/%3e%3crect%20width='1.51469'%20height='1.63121'%20rx='0.757346'%20transform='matrix(0.961262%20-0.275637%20-0.275637%20-0.961262%20172.41%2049.6864)'%20fill='%23DCDEE6'/%3e%3cpath%20d='M168.03%2050.3363L165.023%2057.7437L179.695%2053.5366L174.457%2049.7868L172.616%2053.1606L168.03%2050.3363Z'%20fill='%23DCDEE6'/%3e%3cpath%20d='M166.21%2059.7673C166.307%2060.1075%20166.662%2060.3042%20167.002%2060.2067L179.658%2056.5776C179.999%2056.48%20180.195%2056.1251%20180.098%2055.7849V55.7849C180%2055.4447%20179.645%2055.248%20179.305%2055.3456L166.649%2058.9747C166.309%2059.0722%20166.112%2059.4271%20166.21%2059.7673V59.7673Z'%20fill='%23DCDEE6'/%3e%3cg%20filter='url(%23filter0_d_38_3133)'%3e%3cpath%20d='M169.028%2033.6304C169.508%2033.4504%20170.458%2033.5604%20170.708%2034.1004C170.958%2034.6404%20171.108%2035.3404%20171.118%2035.1704C171.099%2034.6537%20171.142%2034.1366%20171.248%2033.6304C171.359%2033.3062%20171.614%2033.0516%20171.938%2032.9404C172.235%2032.8464%20172.551%2032.8258%20172.858%2032.8804C173.168%2032.9443%20173.443%2033.1228%20173.628%2033.3804C173.862%2033.9636%20173.994%2034.5826%20174.018%2035.2104C174.043%2034.6747%20174.133%2034.144%20174.288%2033.6304C174.455%2033.395%20174.699%2033.2252%20174.978%2033.1504C175.308%2033.09%20175.647%2033.09%20175.978%2033.1504C176.249%2033.2405%20176.487%2033.4115%20176.658%2033.6404C176.87%2034.1706%20176.998%2034.7307%20177.038%2035.3004C177.038%2035.4404%20177.108%2034.9104%20177.328%2034.5604C177.505%2034.0357%20178.073%2033.7537%20178.598%2033.9304C179.123%2034.1072%20179.405%2034.6757%20179.228%2035.2004C179.228%2035.8504%20179.228%2035.8204%20179.228%2036.2604C179.228%2036.7004%20179.228%2037.0904%20179.228%2037.4604C179.192%2038.0456%20179.112%2038.6273%20178.988%2039.2004C178.814%2039.7077%20178.572%2040.1889%20178.268%2040.6304C177.782%2041.1705%20177.381%2041.7807%20177.078%2042.4404C177.004%2042.7684%20176.97%2043.1043%20176.978%2043.4404C176.977%2043.7511%20177.017%2044.0604%20177.098%2044.3604C176.689%2044.4041%20176.277%2044.4041%20175.868%2044.3604C175.478%2044.3004%20174.998%2043.5204%20174.868%2043.2804C174.804%2043.1516%20174.672%2043.0701%20174.528%2043.0701C174.384%2043.0701%20174.252%2043.1516%20174.188%2043.2804C173.968%2043.6604%20173.478%2044.3504%20173.188%2044.3904C172.518%2044.4704%20171.128%2044.3904%20170.048%2044.3904C170.048%2044.3904%20170.238%2043.3904%20169.818%2043.0304C169.398%2042.6704%20168.988%2042.2504%20168.678%2041.9704L167.848%2041.0504C167.263%2040.5071%20166.834%2039.8163%20166.608%2039.0504C166.398%2038.1104%20166.418%2037.6604%20166.608%2037.2804C166.802%2036.9666%20167.104%2036.7352%20167.458%2036.6304C167.752%2036.5771%20168.054%2036.5977%20168.338%2036.6904C168.534%2036.7726%20168.704%2036.9076%20168.828%2037.0804C169.058%2037.3904%20169.138%2037.5404%20169.038%2037.2004C168.938%2036.8604%20168.718%2036.6104%20168.608%2036.2004C168.394%2035.7162%20168.265%2035.1985%20168.228%2034.6704C168.269%2034.1966%20168.6%2033.798%20169.058%2033.6704'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M169.028%2033.6304C169.508%2033.4504%20170.458%2033.5604%20170.708%2034.1004C170.958%2034.6404%20171.108%2035.3404%20171.118%2035.1704C171.099%2034.6537%20171.142%2034.1366%20171.248%2033.6304C171.359%2033.3062%20171.614%2033.0516%20171.938%2032.9404C172.235%2032.8464%20172.551%2032.8258%20172.858%2032.8804C173.168%2032.9443%20173.443%2033.1228%20173.628%2033.3804C173.862%2033.9636%20173.994%2034.5826%20174.018%2035.2104C174.043%2034.6747%20174.133%2034.144%20174.288%2033.6304C174.455%2033.395%20174.699%2033.2252%20174.978%2033.1504C175.308%2033.09%20175.647%2033.09%20175.978%2033.1504C176.249%2033.2405%20176.487%2033.4115%20176.658%2033.6404C176.87%2034.1706%20176.998%2034.7307%20177.038%2035.3004C177.038%2035.4404%20177.108%2034.9104%20177.328%2034.5604C177.505%2034.0357%20178.073%2033.7537%20178.598%2033.9304C179.123%2034.1072%20179.405%2034.6757%20179.228%2035.2004C179.228%2035.8504%20179.228%2035.8204%20179.228%2036.2604C179.228%2036.7004%20179.228%2037.0904%20179.228%2037.4604C179.192%2038.0456%20179.112%2038.6273%20178.988%2039.2004C178.814%2039.7077%20178.572%2040.1889%20178.268%2040.6304C177.782%2041.1705%20177.381%2041.7807%20177.078%2042.4404C177.004%2042.7684%20176.97%2043.1043%20176.978%2043.4404C176.977%2043.7511%20177.017%2044.0604%20177.098%2044.3604C176.689%2044.4041%20176.277%2044.4041%20175.868%2044.3604C175.478%2044.3004%20174.998%2043.5204%20174.868%2043.2804C174.804%2043.1516%20174.672%2043.0701%20174.528%2043.0701C174.384%2043.0701%20174.252%2043.1516%20174.188%2043.2804C173.968%2043.6604%20173.478%2044.3504%20173.188%2044.3904C172.518%2044.4704%20171.128%2044.3904%20170.048%2044.3904C170.048%2044.3904%20170.238%2043.3904%20169.818%2043.0304C169.398%2042.6704%20168.988%2042.2504%20168.678%2041.9704L167.848%2041.0504C167.263%2040.5071%20166.834%2039.8163%20166.608%2039.0504C166.398%2038.1104%20166.418%2037.6604%20166.608%2037.2804C166.802%2036.9666%20167.104%2036.7352%20167.458%2036.6304C167.752%2036.5771%20168.054%2036.5977%20168.338%2036.6904C168.534%2036.7726%20168.704%2036.9076%20168.828%2037.0804C169.058%2037.3904%20169.138%2037.5404%20169.038%2037.2004C168.938%2036.8604%20168.718%2036.6104%20168.608%2036.2004C168.394%2035.7162%20168.265%2035.1985%20168.228%2034.6704C168.248%2034.1897%20168.568%2033.7735%20169.028%2033.6304Z'%20stroke='black'%20stroke-width='0.75'%20stroke-linejoin='round'/%3e%3cpath%20d='M176.778%2041.3064V37.8546C176.778%2037.648%20176.61%2037.4805%20176.403%2037.4805C176.196%2037.4805%20176.028%2037.648%20176.028%2037.8546V41.3064C176.028%2041.513%20176.196%2041.6805%20176.403%2041.6805C176.61%2041.6805%20176.778%2041.513%20176.778%2041.3064Z'%20fill='black'/%3e%3cpath%20d='M174.798%2041.3051L174.778%2037.8515C174.777%2037.6454%20174.608%2037.4793%20174.401%2037.4805C174.194%2037.4817%20174.027%2037.6497%20174.028%2037.8558L174.048%2041.3094C174.049%2041.5155%20174.218%2041.6816%20174.425%2041.6805C174.632%2041.6793%20174.799%2041.5112%20174.798%2041.3051Z'%20fill='black'/%3e%3cpath%20d='M172.028%2037.8604L172.048%2041.305C172.049%2041.5136%20172.218%2041.6817%20172.425%2041.6805C172.632%2041.6792%20172.799%2041.5092%20172.798%2041.3006L172.778%2037.856C172.777%2037.6474%20172.608%2037.4793%20172.401%2037.4805C172.194%2037.4817%20172.027%2037.6518%20172.028%2037.8604Z'%20fill='black'/%3e%3c/g%3e%3cg%20opacity='0.25'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M449.901%2073.6623C452.224%2075.0735%20455.251%2074.3341%20456.662%2072.0109C458.074%2069.6876%20457.334%2066.6602%20455.011%2065.249C452.688%2063.8378%20449.66%2064.5772%20448.249%2066.9004C446.838%2069.2237%20447.577%2072.251%20449.901%2073.6623ZM448.075%2076.667C452.058%2079.0862%20457.248%2077.8188%20459.667%2073.8361C462.086%2069.8533%20460.819%2064.6635%20456.836%2062.2443C452.854%2059.8251%20447.664%2061.0925%20445.244%2065.0752C442.825%2069.0579%20444.093%2074.2477%20448.075%2076.667Z'%20fill='white'/%3e%3c/g%3e%3cg%20style='mix-blend-mode:multiply'%20opacity='0.2'%3e%3crect%20x='375.168'%20y='108'%20width='83.8319'%20height='30'%20rx='4'%20fill='%232C3546'/%3e%3c/g%3e%3crect%20x='373'%20y='104'%20width='83.1092'%20height='30'%20rx='4'%20fill='white'/%3e%3cg%20style='mix-blend-mode:multiply'%20opacity='0.2'%3e%3crect%20x='366.622'%20y='96'%20width='101.378'%20height='30'%20rx='4'%20fill='%232C3546'/%3e%3c/g%3e%3crect%20x='364'%20y='92'%20width='100.504'%20height='30'%20rx='4'%20fill='white'/%3e%3cg%20style='mix-blend-mode:multiply'%20opacity='0.2'%3e%3crect%20x='363.823'%20y='84'%20width='109.176'%20height='30'%20rx='4'%20fill='%232C3546'/%3e%3c/g%3e%3crect%20x='361'%20y='80'%20width='108.235'%20height='30'%20rx='4'%20fill='white'/%3e%3cg%20style='mix-blend-mode:multiply'%20opacity='0.2'%3e%3crect%20x='360.025'%20y='72'%20width='116.975'%20height='30'%20rx='4'%20fill='%232C3546'/%3e%3c/g%3e%3crect%20x='357'%20y='68'%20width='115.966'%20height='30'%20rx='4'%20fill='white'/%3e%3cpath%20d='M364%2083C364%2085.2091%20365.791%2087%20368%2087L428%2087C430.209%2087%20432%2085.2091%20432%2083V83C432%2080.7909%20430.209%2079%20428%2079L368%2079C365.791%2079%20364%2080.7909%20364%2083V83Z'%20fill='%23DCDEE6'/%3e%3cpath%20opacity='0.9'%20d='M461.26%2052.377C460.954%2052.2105%20461.035%2051.724%20461.385%2051.6192L462.997%2051.1377C463.104%2051.1057%20463.197%2051.03%20463.254%2050.9288L464.11%2049.4046C464.297%2049.0729%20464.762%2049.1166%20464.834%2049.4727L465.167%2051.1087C465.189%2051.2174%20465.255%2051.308%20465.348%2051.3588L466.753%2052.124C467.059%2052.2905%20466.978%2052.777%20466.628%2052.8818L465.016%2053.3633C464.909%2053.3953%20464.816%2053.4709%20464.759%2053.5722L463.903%2055.0964C463.716%2055.4281%20463.252%2055.3844%20463.179%2055.0283L462.846%2053.3923C462.824%2053.2836%20462.758%2053.193%20462.665%2053.1422L461.26%2052.377Z'%20fill='%23FFD557'/%3e%3cpath%20d='M460.993%2061.1747C460.846%2061.0946%20460.884%2060.8605%20461.053%2060.8101L461.828%2060.5785C461.88%2060.5631%20461.925%2060.5267%20461.952%2060.478L462.364%2059.7447C462.454%2059.5851%20462.677%2059.6061%20462.712%2059.7774L462.872%2060.5645C462.883%2060.6168%20462.914%2060.6604%20462.959%2060.6848L463.635%2061.053C463.782%2061.1331%20463.744%2061.3671%20463.575%2061.4175L462.8%2061.6492C462.748%2061.6646%20462.703%2061.701%20462.676%2061.7497L462.264%2062.483C462.174%2062.6426%20461.951%2062.6215%20461.916%2062.4502L461.756%2061.6631C461.745%2061.6109%20461.713%2061.5673%20461.669%2061.5428L460.993%2061.1747Z'%20fill='%23FFD557'/%3e%3cpath%20d='M480.149%2059.5374C480.002%2059.4573%20480.041%2059.2232%20480.209%2059.1728L480.985%2058.9411C481.036%2058.9258%20481.081%2058.8894%20481.108%2058.8406L481.52%2058.1074C481.61%2057.9478%20481.833%2057.9688%20481.868%2058.1401L482.028%2058.9272C482.039%2058.9795%20482.071%2059.0231%20482.116%2059.0475L482.792%2059.4157C482.939%2059.4958%20482.9%2059.7298%20482.731%2059.7802L481.956%2060.0119C481.904%2060.0273%20481.86%2060.0637%20481.832%2060.1124L481.42%2060.8456C481.331%2061.0052%20481.107%2060.9842%20481.072%2060.8129L480.912%2060.0258C480.901%2059.9735%20480.87%2059.93%20480.825%2059.9055L480.149%2059.5374Z'%20fill='%23FFD557'/%3e%3cpath%20d='M469.073%2067.0686C468.908%2066.7553%20469.191%2066.394%20469.529%2066.4878L472.094%2067.2001C472.2%2067.2297%20472.314%2067.2133%20472.408%2067.1548L474.729%2065.7086C475.046%2065.5106%20475.435%2065.8251%20475.316%2066.1838L474.447%2068.8034C474.412%2068.9093%20474.422%2069.0254%20474.474%2069.124L475.732%2071.5018C475.898%2071.8151%20475.614%2072.1764%20475.276%2072.0826L472.711%2071.3703C472.605%2071.3407%20472.491%2071.3571%20472.398%2071.4156L470.077%2072.8618C469.759%2073.0598%20469.37%2072.7453%20469.489%2072.3866L470.358%2069.767C470.393%2069.6611%20470.384%2069.545%20470.331%2069.4464L469.073%2067.0686Z'%20fill='%23FFBF00'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d_38_3133'%20x='165.283'%20y='32.4756'%20width='15.1729'%20height='14.1254'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dy='1'/%3e%3cfeGaussianBlur%20stdDeviation='0.4'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.5%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_38_3133'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_38_3133'%20result='shape'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_38_3133'%20x1='248'%20y1='0'%20x2='248'%20y2='300'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%239B59F3'/%3e%3cstop%20offset='1'%20stop-color='%234F1A98'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_38_3133'%20x1='-107.156'%20y1='36.625'%20x2='-107.156'%20y2='292.875'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='white'/%3e%3cstop%20offset='1'%20stop-color='%23F7F9FA'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_38_3133'%20x1='602.844'%20y1='96.625'%20x2='602.844'%20y2='352.875'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='white'/%3e%3cstop%20offset='1'%20stop-color='%23F7F9FA'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_38_3133'%3e%3crect%20width='496'%20height='300'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+export {
+  e as default
+};

package/dist/static/styles/components/loader.css.js

@@ -0,0 +1,10 @@
+const n = `ue-loader-component.full-height {
+    display: none !important;
+    background-color: rgba(0, 0, 0, .5);
+    z-index: 9;
+    backdrop-filter: blur(2px);
+}
+`;
+export {
+  n as default
+};

package/dist/static/styles/components/wide-panel.css.js

@@ -6,11 +6,20 @@ ue-main-tabs-panel-component .fixed-panel-header {
     display: none;
 }
 
+/* Remove with this writing task DT-28355 */
+ue-description a {
+    display: none;
+}
+
 .label {
     font-size: 13px;
     color: var(--guido-color-gray-800);
 }
 
+.stacked-panel {
+    overflow: scroll;
+}
+
 .stacked-panel-title {
     padding: 16px;
     font-size: 16px;
@@ -116,9 +125,9 @@ ue-label.accent-dot:after {
     width: auto;
     height: auto;
     border-radius: 4px;
-    background: var(--guido-color-primary-500);
+    background: var(--guido-color-primary-100);
     z-index: 2;
-    color: var(--guido-color-white);
+    color: var(--guido-color-primary-500);
     padding: 4px 8px;
     right: 1px;
     font-size: 13px;

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

@@ -0,0 +1,18 @@
+const n = `.esd-x,
+.esd-merge-tag {
+    color: #0a2ecc !important;
+    box-shadow: none !important;
+}
+
+.esd-merge-tag {
+    border: 1px solid #b5c1f1;
+    border-radius: 4px !important;
+}
+
+.ue-preview-control-wrapper ue-icon-component:not([disabled=true]):not(.stripo-static-icon):hover {
+    background: none;
+}
+`;
+export {
+  n as default
+};

package/dist/stores/editor.d.ts

@@ -1,8 +1,201 @@
 export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
+    loadingStatus: boolean;
     isCodeEditorOpen: boolean;
     isSaveAsTemplateDrawerOpen: boolean;
     isVersionHistoryOpen: boolean;
     isPreviewModeOpen: boolean;
     editorVisualMode: string;
     hasChanges: boolean;
-}, {}, {}>;
+    isStripoInitialized: boolean;
+}, {
+    isUndoButtonDisabled: (state: {
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+    } & import("pinia").PiniaCustomStateProperties<{
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+    }>) => boolean;
+    isRedoButtonDisabled: (state: {
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+    } & import("pinia").PiniaCustomStateProperties<{
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+    }>) => boolean;
+    isCodeEditorButtonDisabled: (state: {
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+    } & import("pinia").PiniaCustomStateProperties<{
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+    }>) => boolean;
+    isPreviewButtonDisabled: (state: {
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+    } & import("pinia").PiniaCustomStateProperties<{
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+    }>) => boolean;
+    isViewOptionsDisabled: (state: {
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+    } & import("pinia").PiniaCustomStateProperties<{
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+    }>) => boolean;
+    isVersionHistoryButtonDisabled: (state: {
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+    } & import("pinia").PiniaCustomStateProperties<{
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+    }>) => boolean;
+    isExportButtonDisabled: (state: {
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+    } & import("pinia").PiniaCustomStateProperties<{
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+    }>) => boolean;
+    isSaveAsButtonDisabled: (state: {
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+    } & import("pinia").PiniaCustomStateProperties<{
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+    }>) => boolean;
+    isTestButtonDisabled: (state: {
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+    } & import("pinia").PiniaCustomStateProperties<{
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+    }>) => boolean;
+    isSaveButtonDisabled: (state: {
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+    } & import("pinia").PiniaCustomStateProperties<{
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+    }>) => boolean;
+}, {}>;