@useinsider/guido 1.0.3-beta.a6a2da8 → 1.0.3-beta.a75a201

package/dist/src/extensions/Blocks/common-control.d.ts

@@ -0,0 +1,87 @@
+import { Control, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+interface TextInputProps {
+    name: string;
+    placeholder?: string;
+    className?: string;
+}
+interface LabelProps {
+    text: string;
+    name?: string;
+    position?: 'top' | 'left';
+}
+interface IconButtonProps {
+    name: string;
+    icon: string;
+    className?: string;
+}
+interface SelectProps {
+    name: string;
+    placeholder: string;
+    options: {
+        text: string;
+        value: string;
+    }[];
+    className?: string;
+}
+interface CounterProps {
+    name: string;
+    maxValue: number;
+    minValue?: number;
+    step?: number;
+}
+interface ButtonProps {
+    name: string;
+    label: string;
+    id?: string;
+}
+/**
+ * Common control for all blocks which includes common UI Elements.
+ * If you need to add a new UI Element, you can add it here.
+ */
+export declare abstract class CommonControl extends Control {
+    currentNode?: ImmutableHtmlNode;
+    abstract getId(): string;
+    abstract getTemplate(): string;
+    abstract onRender(): Promise<void> | void;
+    getContainer(): ShadowRoot;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _GuLabel({ text, name, position }: LabelProps): string;
+    _GuToggle(name: string): string;
+    _GuSelectItem({ text, value }: {
+        text: string;
+        value: string;
+    }): string;
+    _GuSelect({ name, placeholder, options, className }: SelectProps): string;
+    _GuTextInput({ name, placeholder, className }: TextInputProps): string;
+    _GuCounter({ name, maxValue, minValue, step }: CounterProps): string;
+    _GuButton({ name, label, id }: ButtonProps): string;
+    /**
+     *
+     * @param param0
+     * @returns It returns a button with an icon.
+     */
+    _GuIconButton({ name, icon, className }: IconButtonProps): string;
+    _GuTwoColumns(children: string[]): string;
+    /**
+     * Creates an orderable (sortable) list control
+     * @param name - The control name for value binding
+     * @param items - Array of item keys/values
+     * @param itemLabels - Optional array of objects with key and label properties for display
+     * @returns HTML string for the orderable control
+     */
+    _GuOrderable(name: string, items: {
+        key: string;
+        label: string;
+        content: string;
+    }[]): string;
+    _GuNestedControl(id: string, content: string): string;
+    _GuExpandable(label: string, content: string): string;
+    _GuColorPicker(name: string): string;
+    _GuFontFamily(name: string, placeholder?: string): string;
+    _GuRadioButtons(name: string, buttons: {
+        text: string;
+        value: string;
+    }[]): string;
+    _GuCheckbox(name: string, caption: string): string;
+}
+export {};

package/dist/src/extensions/DynamicContent/extension.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@stripoinc/ui-editor-extensions").Extension;
+export default _default;

package/dist/src/mock/api/validator.d.ts

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

package/dist/src/services/recommendationApi.d.ts

@@ -0,0 +1,6 @@
+import type { InitialResponse, FiltersResponse, RecommendationProduct, RecommendationProductsParams } from '@@/Types/recommendation';
+export declare const useRecommendationApi: () => {
+    fetchRecommendationCreateData: () => Promise<InitialResponse>;
+    fetchRecommendationFilters: () => Promise<FiltersResponse>;
+    fetchRecommendationProducts: (strategy: string, params: RecommendationProductsParams) => Promise<RecommendationProduct[]>;
+};

package/dist/{stores → src/stores}/config.d.ts

@@ -64,6 +64,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"config", S
                 senderName: string;
                 subject: string;
             };
+            migrationDate: number;
             partner?: {
                 partnerName: string;
                 productType: number;
@@ -76,7 +77,13 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"config", S
                 dynamicContent?: boolean | undefined;
                 saveAsTemplate?: boolean | undefined;
                 versionHistory?: boolean | undefined;
+                testMessage?: boolean | undefined;
             } | undefined;
+            blocks?: {
+                excludeDefaults?: import("@@/Types/generic").GuidoBlockType[] | undefined;
+                includeCustoms?: import("@@/Types/generic").GuidoCustomBlockType[] | undefined;
+            } | undefined;
+            backButtonLabel?: string | undefined;
         };
         templateConfig?: {
             preselectedDynamicContentList?: {

package/dist/{stores → src/stores}/editor.d.ts

@@ -7,6 +7,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
     editorVisualMode: string;
     hasChanges: boolean;
     isStripoInitialized: boolean;
+    templateId: string;
 }, {
     isUndoButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -17,6 +18,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -26,6 +28,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isRedoButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -36,6 +39,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -45,6 +49,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isCodeEditorButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -55,6 +60,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -64,6 +70,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isPreviewButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -74,6 +81,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -83,6 +91,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isViewOptionsDisabled: (state: {
         loadingStatus: boolean;
@@ -93,6 +102,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -102,6 +112,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isVersionHistoryButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -112,6 +123,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -121,6 +133,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isExportButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -131,6 +144,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -140,6 +154,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isSaveAsButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -150,6 +165,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -159,6 +175,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isTestButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -169,6 +186,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -178,6 +196,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isSaveButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -188,6 +207,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -197,5 +217,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
 }, {}>;

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

@@ -0,0 +1,22 @@
+/**
+ * Locale List:
+ * en-US -> MM/DD/YYYY
+ * en-GB -> DD/MM/YYYY
+ * tr-TR -> DD.MM.YYYY
+ */
+export declare const convertToDateObject: (date: string | number | Date | null | undefined) => Date;
+export declare const locale: () => string;
+export declare const localTz: string;
+export declare const timezone: () => string;
+export declare const hour12: () => boolean;
+export declare const dateFormat: () => string;
+/**
+ * @example 04/22/2024
+ * @param date - The date or timestamp input
+ * @param specificLocale - Locale to use for formatting
+ * @param tz - Timezone [window.l10n.timezone]
+ * @returns Formatted date string
+ */
+export declare const formatShortDate: (date: string | number | Date, specificLocale?: string, tz?: string) => string;
+export declare const formatPatchDate: (timestamp: number) => string;
+export declare const isAfterDate: (timestamp: number) => boolean;

package/dist/{utils → src/utils}/genericUtil.d.ts

@@ -6,3 +6,4 @@ export declare const getCsrfToken: () => string;
  */
 export declare const getUrlParams: () => URLSearchParams;
 export declare const getUrlParam: (paramName: string, defaultValue?: string) => string;
+export declare const replaceString: (string?: string, values?: Record<string, string | number>, isRemoveEmptyValues?: boolean) => string;

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

@@ -32,6 +32,16 @@ ue-stripe-thumb:hover:not(.disabled),
     padding: 0 16px 16px;
     grid-row-gap: 16px;
 }
+
+/* TODO: will be removed after we find another way to hide stripo custom modules */
+#moduleTab_tab1,
+button[aria-label="Default Modules"],
+button[aria-controls="moduleTab_tab1_content"],
+#moduleTab_tab2,
+button[aria-label="Pre-Built AMP"],
+button[aria-controls="moduleTab_tab2_content"] {
+    display: none !important;
+}
 `;
 export {
   o as default

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

@@ -18,6 +18,11 @@ const n = `.esd-x,
     border-radius: 0;
     box-shadow: none;
 }
+
+.ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-panel {
+    display: none !important;
+}
 `;
 export {
   n as default

package/dist/stores/editor.js

@@ -8,7 +8,8 @@ const o = e("editor", {
     isPreviewModeOpen: !1,
     editorVisualMode: "desktop",
     hasChanges: !1,
-    isStripoInitialized: !1
+    isStripoInitialized: !1,
+    templateId: ""
   }),
   getters: {
     // Middle Slot

package/dist/utils/dateUtil.js

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

package/dist/utils/genericUtil.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.0.3-beta.a6a2da8",
+  "version": "1.0.3-beta.a75a201",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -31,8 +31,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@stripoinc/ui-editor-extensions": "3.0.0",
-    "@useinsider/design-system-vue": "0.14.8",
+    "@stripoinc/ui-editor-extensions": "3.1.0",
+    "@useinsider/design-system-vue": "0.14.20",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",
@@ -80,5 +80,10 @@
   },
   "msw": {
     "workerDirectory": "public"
+  },
+  "guido": {
+    "stripo": {
+      "version": "2.43.0"
+    }
   }
 }

package/dist/enums/onboarding.d.ts

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

package/dist/utils/dateUtil.d.ts

@@ -1 +0,0 @@
-export declare const formatPatchDate: (timestamp: number) => string;

package/dist/{components → src/components}/wrappers/WpModal.vue.d.ts

@@ -32,8 +32,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     closeOnOutsideClick: boolean;
     footerStatus: boolean;
 }>>>, {
-    description: string;
     size: "small" | "medium" | "large";
+    description: string;
     closeOnOutsideClick: boolean;
     footerButtonOptions: FooterButtonGroup;
     closeButtonStatus: boolean;