@useinsider/guido 1.0.3-beta.0d0bb85 → 1.0.3-beta.0da597d

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = { stripo: { version: "2.42.0" } }, s = {
+const o = { stripo: { version: "2.47.0" } }, s = {
   guido: o
 };
 export {

package/dist/services/recommendationApi.js

@@ -1,19 +1,13 @@
 import { useHttp as c } from "../composables/useHttp.js";
 import { URLS as a } from "../enums/extensions/recommendationBlock.js";
-import { useEditorStore as m } from "../stores/editor.js";
-import { replaceString as s } from "../utils/genericUtil.js";
-const l = () => {
+const R = () => {
   const { get: o } = c();
   return {
     fetchRecommendationCreateData: async () => {
-      const e = m();
       try {
-        return (await o(s(
-          "/newsletter/{id}/recommendations/get-campaign-create-data",
-          { id: e.templateId }
-        ))).data;
-      } catch (t) {
-        throw console.error("fetchUserModalState error:", t), t;
+        return (await o("/newsletter/recommendations/create-data")).data;
+      } catch (e) {
+        throw console.error("fetchUserModalState error:", e), e;
       }
     },
     fetchRecommendationFilters: async () => {
@@ -24,20 +18,20 @@ const l = () => {
         throw console.error("fetchRecommendationFilters error:", e), e;
       }
     },
-    fetchRecommendationProducts: async (e, t) => {
+    fetchRecommendationProducts: async (e, n) => {
       try {
-        const r = decodeURIComponent(new URLSearchParams(Object.entries(t)).toString());
-        console.debug("🏁 Recommendation API Query:", r);
-        const n = await o(
-          `${a.RECOMMENDATION_API_URL}/v2/${e}?${r}`
+        const t = decodeURIComponent(new URLSearchParams(Object.entries(n)).toString());
+        console.debug("🏁 Recommendation API Query:", t);
+        const r = await o(
+          `${a.RECOMMENDATION_API_URL}/v2/${e}?${t}`
         );
-        return (n == null ? void 0 : n.data) ?? [];
-      } catch (r) {
-        throw console.error("fetchRecommendationProducts error:", r), r;
+        return (r == null ? void 0 : r.data) ?? [];
+      } catch (t) {
+        throw console.error("fetchRecommendationProducts error:", t), t;
       }
     }
   };
 };
 export {
-  l as useRecommendationApi
+  R as useRecommendationApi
 };

package/dist/services/stripoApi.js

@@ -29,7 +29,7 @@ const m = () => {
         forceRecreate: !0
       };
       try {
-        const { data: e } = await r("/stripo/default-template");
+        const { data: e } = await r("/stripo/default-template/0");
         try {
           return {
             ...JSON.parse(e),

package/dist/src/@types/generic.d.ts

@@ -6,12 +6,20 @@ type Features = {
     dynamicContent?: boolean;
     saveAsTemplate?: boolean;
     versionHistory?: boolean;
+    testMessage?: boolean;
+    displayConditions?: boolean;
 };
 type Partner = {
     partnerName: string;
     productType: number;
     messageType: number;
 };
+export type GuidoBlockType = 'amp-accordion' | 'amp-carousel' | 'amp-form-controls' | 'banner-block' | 'button-block' | 'html-block' | 'image-block' | 'menu-block' | 'social-block' | 'spacer-block' | 'text-block' | 'timer-block' | 'video-block';
+export type GuidoCustomBlockType = 'dynamic-content' | 'checkbox-block' | 'radio-button-block' | 'recommendation-block' | 'unsubscribe-block' | 'coupon-block' | 'items-block';
+type BlocksConfig = {
+    excludeDefaults?: GuidoBlockType[];
+    includeCustoms?: GuidoCustomBlockType[];
+};
 export type GuidoConfig = {
     translationsPath: string;
     htmlCompilerRules?: CompilerRule[];
@@ -22,21 +30,47 @@ export type GuidoConfig = {
     partner?: Partner;
     extensions?: Extensions;
     features?: Features;
+    blocks?: BlocksConfig;
+    backButtonLabel?: string;
 };
 export type TemplateConfig = {
     preselectedDynamicContentList?: DynamicContent[];
     selectedUnsubscribePages?: number[];
     variationId?: string;
 };
-export type DynamicContent = {
+export type BaseDynamicContent = {
     value: string;
-    text: string;
     fallback?: string;
     format?: {
         key: string;
         value: string;
     };
 };
+export type DynamicContent = BaseDynamicContent & {
+    text: string;
+};
+export type MergeTag = BaseDynamicContent & {
+    label: string;
+    selStart?: number;
+    selEnd?: number;
+    hidden?: boolean;
+};
+export type PositionData = {
+    x: number;
+    y: number;
+    width?: number;
+    height?: number;
+};
+export type DynamicContentEvent = {
+    attribute: DynamicContent;
+    position?: PositionData;
+};
+export type MergeTagClickEvent = {
+    position: PositionData;
+    element: HTMLElement;
+    tagValue: string | null;
+    tagLabel: string | null;
+};
 export interface EmailHeader {
     senderName: string;
     subject: string;
@@ -52,10 +86,6 @@ export interface TooltipOptions {
     };
     preventXss?: boolean;
 }
-export type MergeTag = {
-    label: string;
-    value: string;
-};
 export type TextValueObject = {
     text: string;
     value: string;

package/dist/src/components/Guido.vue.d.ts

@@ -1,4 +1,4 @@
-import type { DynamicContent, GuidoConfig, TemplateConfig } from '@@/Types/generic';
+import type { DynamicContent, GuidoConfig, PositionData, TemplateConfig } from '@@/Types/generic';
 import type { SavedTemplateDetails } from '@@/Types/stripo';
 type __VLS_Props = {
     templateId: string;
@@ -20,13 +20,14 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__
     hasChanges: import("vue").ComputedRef<boolean>;
     saveSilent: () => Promise<SavedTemplateDetails | undefined> | undefined;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
-    "dynamic-content:open": (detail: DynamicContent | null) => void;
+    "dynamic-content:open": (detail: DynamicContent | null, position?: PositionData | undefined) => void;
     back: () => void;
     "save:start": () => void;
     "save:complete": (data: Omit<SavedTemplateDetails, "forceRecreate">) => void;
     "on-change": (hasChanges: boolean) => void;
     ready: () => void;
     "onboarding:finished": () => void;
+    "test-email:click": () => void;
 }, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/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;

package/dist/src/composables/useBlocksConfig.d.ts

@@ -0,0 +1,11 @@
+import type { Extension } from '@stripoinc/ui-editor-extensions';
+/**
+ * Composable for managing Guido blocks configuration
+ * Converts GuidoConfig blocks settings to Stripo-compatible format
+ */
+export declare const useBlocksConfig: () => {
+    getStripoBlocksConfig: () => Promise<{
+        baseBlocks: Record<string, boolean>;
+        extensions: Extension[];
+    }>;
+};

package/dist/src/composables/useGuidoActions.d.ts

@@ -3,9 +3,11 @@ import type { InjectionKey } from 'vue';
 export type BackHandler = () => void;
 export type SaveStartHandler = () => void;
 export type SaveCompleteHandler = (template: Omit<SavedTemplateDetails, 'forceRecreate'>) => void;
+export type TestEmailClickHandler = () => void;
 export declare const BACK_KEY: InjectionKey<BackHandler>;
 export declare const SAVE_START_KEY: InjectionKey<SaveStartHandler>;
 export declare const SAVE_COMPLETE_KEY: InjectionKey<SaveCompleteHandler>;
+export declare const TEST_EMAIL_CLICK_KEY: InjectionKey<TestEmailClickHandler>;
 /**
  * Provides Guido action handlers to child components
  */
@@ -13,6 +15,7 @@ export declare const provideGuidoActions: (actions: {
     onBack: BackHandler;
     onSaveStart: SaveStartHandler;
     onSaveComplete: SaveCompleteHandler;
+    onTestEmailClick: TestEmailClickHandler;
 }) => void;
 /**
  * Provides individual Guido action handlers
@@ -35,6 +38,11 @@ export declare const useSaveStart: () => SaveStartHandler;
  * @returns Save complete function
  */
 export declare const useSaveComplete: () => SaveCompleteHandler;
+/**
+ * Hook to use the test email click handler
+ * @returns Test email click function
+ */
+export declare const useTestEmailClick: () => TestEmailClickHandler;
 /**
  * Convenience hook to get all Guido actions
  * @returns Object containing all action handlers
@@ -43,4 +51,5 @@ export declare const useGuidoActions: () => {
     back: BackHandler;
     saveStart: SaveStartHandler;
     saveComplete: SaveCompleteHandler;
+    testEmailClick: TestEmailClickHandler;
 };

package/dist/src/extensions/Blocks/Checkbox/block.d.ts

@@ -8,4 +8,5 @@ export declare class CheckboxBlock extends Block {
     getName(): string;
     getDescription(): string;
     getTemplate(): string;
+    allowInnerBlocksDND(): boolean;
 }

package/dist/src/extensions/Blocks/Items/block.d.ts

@@ -0,0 +1,13 @@
+import { Block, BlockCompositionType, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+export declare const BLOCK_ID = "items-block";
+export declare class ItemsBlock extends Block {
+    getId(): string;
+    getIcon(): string;
+    getBlockCompositionType(): BlockCompositionType;
+    getName(): string;
+    getDescription(): string;
+    getTemplate(): string;
+    allowInnerBlocksDND(): boolean;
+    onCreated(node: ImmutableHtmlNode): void;
+    onSelect(node: ImmutableHtmlNode): void;
+}

package/dist/src/extensions/Blocks/Items/controls/button/link.d.ts

@@ -0,0 +1,14 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../../common-control';
+import { ItemsBlockControlId } from '../../enums/controlEnums';
+export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.BUTTON_LINK;
+export declare class ButtonLinkControl extends CommonControl {
+    private store;
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _listenToFormUpdates(): void;
+    _onLinkChange(value: string): void;
+    _getLink(): string;
+}

package/dist/src/extensions/Blocks/Items/controls/cardComposition.d.ts

@@ -0,0 +1,20 @@
+import { CommonControl } from '../../common-control';
+export declare const COMPOSITION_CONTROL_BLOCK_ID = "ui-elements-items-card-composition-block";
+export declare class ItemsBlockCardCompositionControl extends CommonControl {
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onDestroy(): void;
+    _getToggleContainer({ name, label }: {
+        name: string;
+        label: string;
+    }): string;
+    _initializeToggles(): void;
+    _listenToFormUpdates(): void;
+    _onProductImageChange(value: string): void;
+    _onProductNameChange(value: string): void;
+    _onProductQuantityChange(value: string): void;
+    _onProductPriceChange(value: string): void;
+    _onProductOriginalPriceChange(value: string): void;
+    _onProductButtonChange(value: string): void;
+}

package/dist/src/extensions/Blocks/Items/controls/image/link.d.ts

@@ -0,0 +1,14 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../../common-control';
+import { ItemsBlockControlId } from '../../enums/controlEnums';
+export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.IMAGE_LINK;
+export declare class ImageLinkControl extends CommonControl {
+    private store;
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _listenToFormUpdates(): void;
+    _onLinkChange(value: string): void;
+    _getLink(): string;
+}