@useinsider/guido 2.0.0-beta.81f9c55 → 2.0.0-beta.86a694f

package/dist/src/stores/config.d.ts

@@ -1,4 +1,4 @@
-import type { GuidoConfig, GuidoConfigInput, IdentityConfig, PartnerConfig, TemplateConfig, EditorConfig, UIConfig, FeaturesConfig, BlocksConfig, CompilerConfig } from '@@/Types/config';
+import type { GuidoConfig, GuidoConfigInput, IdentityConfig, PartnerConfig, TemplateConfig, EditorConfig, UIConfig, FeaturesConfig, BlocksConfig, CompilerConfig, CallbacksConfig } from '@@/Types/config';
 interface ConfigStoreState {
     /** Whether the config has been initialized */
     initialized: boolean;
@@ -57,7 +57,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 testMessage: boolean;
                 displayConditions: boolean;
                 unsubscribe: boolean;
-                modulesDisabled: boolean;
             };
             blocks: {
                 excludeDefaults: ("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")[];
@@ -95,6 +94,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => IdentityConfig | null;
     /**
@@ -148,7 +150,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 testMessage: boolean;
                 displayConditions: boolean;
                 unsubscribe: boolean;
-                modulesDisabled: boolean;
             };
             blocks: {
                 excludeDefaults: ("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")[];
@@ -186,6 +187,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => PartnerConfig | null;
     /**
@@ -239,7 +243,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 testMessage: boolean;
                 displayConditions: boolean;
                 unsubscribe: boolean;
-                modulesDisabled: boolean;
             };
             blocks: {
                 excludeDefaults: ("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")[];
@@ -277,6 +280,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => TemplateConfig | null;
     /**
@@ -330,7 +336,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 testMessage: boolean;
                 displayConditions: boolean;
                 unsubscribe: boolean;
-                modulesDisabled: boolean;
             };
             blocks: {
                 excludeDefaults: ("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")[];
@@ -368,6 +373,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => EditorConfig | null;
     /**
@@ -421,7 +429,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 testMessage: boolean;
                 displayConditions: boolean;
                 unsubscribe: boolean;
-                modulesDisabled: boolean;
             };
             blocks: {
                 excludeDefaults: ("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")[];
@@ -459,6 +466,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => UIConfig | null;
     /**
@@ -512,7 +522,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 testMessage: boolean;
                 displayConditions: boolean;
                 unsubscribe: boolean;
-                modulesDisabled: boolean;
             };
             blocks: {
                 excludeDefaults: ("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")[];
@@ -550,6 +559,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => FeaturesConfig | null;
     /**
@@ -603,7 +615,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 testMessage: boolean;
                 displayConditions: boolean;
                 unsubscribe: boolean;
-                modulesDisabled: boolean;
             };
             blocks: {
                 excludeDefaults: ("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")[];
@@ -641,6 +652,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => BlocksConfig | null;
     /**
@@ -694,7 +708,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 testMessage: boolean;
                 displayConditions: boolean;
                 unsubscribe: boolean;
-                modulesDisabled: boolean;
             };
             blocks: {
                 excludeDefaults: ("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")[];
@@ -732,8 +745,104 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => CompilerConfig | null;
+    /**
+     * Get the callbacks configuration
+     */
+    callbacks: (state: {
+        initialized: boolean;
+        config: {
+            identity: {
+                templateId: string;
+                userId: string;
+                variationId?: string | undefined;
+            };
+            partner: {
+                name: string;
+                productType: 60 | 49 | 97;
+                messageType: 1 | 2;
+                username: string;
+            };
+            template: {
+                html: string;
+                css: string;
+                preselectedDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
+                selectedUnsubscribePages: number[];
+            };
+            editor: {
+                locale: string;
+                translationsPath: string;
+                migrationDate: number;
+                emailHeader: {
+                    senderName: string;
+                    subject: string;
+                };
+            };
+            ui: {
+                showHeader: boolean;
+                backButtonLabel?: string | undefined;
+            };
+            features: {
+                dynamicContent: boolean;
+                saveAsTemplate: boolean;
+                versionHistory: boolean;
+                testMessage: boolean;
+                displayConditions: boolean;
+                unsubscribe: boolean;
+            };
+            blocks: {
+                excludeDefaults: ("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")[];
+                includeCustoms: ("dynamic-content" | "checkbox-block" | "radio-button-block" | "recommendation-block" | "unsubscribe-block" | "coupon-block" | "items-block")[];
+            };
+            compiler: {
+                customRules: ({
+                    type: "replace";
+                    search: string;
+                    replacement: string;
+                    replaceAll?: boolean | undefined;
+                    id: string;
+                    description?: string | undefined;
+                    priority: number;
+                } | {
+                    type: "regex";
+                    pattern: string;
+                    replacement: string;
+                    flags?: string | undefined;
+                    id: string;
+                    description?: string | undefined;
+                    priority: number;
+                } | {
+                    type: "remove";
+                    targets: string[];
+                    id: string;
+                    description?: string | undefined;
+                    priority: number;
+                } | {
+                    type: "custom";
+                    processor: (html: string) => string;
+                    id: string;
+                    description?: string | undefined;
+                    priority: number;
+                })[];
+                ignoreDefaultRules: boolean;
+            };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
+        } | null;
+    } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => CallbacksConfig | null;
     /**
      * Get the template ID
      */
@@ -785,7 +894,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 testMessage: boolean;
                 displayConditions: boolean;
                 unsubscribe: boolean;
-                modulesDisabled: boolean;
             };
             blocks: {
                 excludeDefaults: ("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")[];
@@ -823,6 +931,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -876,7 +987,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 testMessage: boolean;
                 displayConditions: boolean;
                 unsubscribe: boolean;
-                modulesDisabled: boolean;
             };
             blocks: {
                 excludeDefaults: ("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")[];
@@ -914,6 +1024,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -967,7 +1080,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 testMessage: boolean;
                 displayConditions: boolean;
                 unsubscribe: boolean;
-                modulesDisabled: boolean;
             };
             blocks: {
                 excludeDefaults: ("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")[];
@@ -1005,6 +1117,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -1058,7 +1173,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 testMessage: boolean;
                 displayConditions: boolean;
                 unsubscribe: boolean;
-                modulesDisabled: boolean;
             };
             blocks: {
                 excludeDefaults: ("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")[];
@@ -1096,6 +1210,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -1149,7 +1266,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 testMessage: boolean;
                 displayConditions: boolean;
                 unsubscribe: boolean;
-                modulesDisabled: boolean;
             };
             blocks: {
                 excludeDefaults: ("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")[];
@@ -1187,6 +1303,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => number;
     /**
@@ -1240,7 +1359,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 testMessage: boolean;
                 displayConditions: boolean;
                 unsubscribe: boolean;
-                modulesDisabled: boolean;
             };
             blocks: {
                 excludeDefaults: ("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")[];
@@ -1278,6 +1396,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => number;
     /**
@@ -1331,7 +1452,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 testMessage: boolean;
                 displayConditions: boolean;
                 unsubscribe: boolean;
-                modulesDisabled: boolean;
             };
             blocks: {
                 excludeDefaults: ("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")[];
@@ -1369,6 +1489,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -1422,7 +1545,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 testMessage: boolean;
                 displayConditions: boolean;
                 unsubscribe: boolean;
-                modulesDisabled: boolean;
             };
             blocks: {
                 excludeDefaults: ("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")[];
@@ -1460,6 +1582,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => boolean;
     /**
@@ -1513,7 +1638,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 testMessage: boolean;
                 displayConditions: boolean;
                 unsubscribe: boolean;
-                modulesDisabled: boolean;
             };
             blocks: {
                 excludeDefaults: ("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")[];
@@ -1551,6 +1675,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => (feature: keyof FeaturesConfig) => boolean;
 }, {

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

@@ -48,7 +48,7 @@ const o = `.control-shadow-wrapper:has(.button) {
 }
 
 .e2e-text-insert-controls .control-shadow-wrapper:not(:last-of-type) {
-    margin-right: 16px;
+    margin-right: 6px;
 }
 
 .flat-white > .button {

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/stores/config.js

@@ -64,6 +64,13 @@ const s = o("guido-config", {
       var e;
       return ((e = i.config) == null ? void 0 : e.compiler) ?? null;
     },
+    /**
+     * Get the callbacks configuration
+     */
+    callbacks: (i) => {
+      var e;
+      return ((e = i.config) == null ? void 0 : e.callbacks) ?? null;
+    },
     /**
      * Get the template ID
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "2.0.0-beta.81f9c55",
+  "version": "2.0.0-beta.86a694f",
   "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",