@useinsider/guido 2.0.0-beta.5da4dde → 2.0.0-beta.689d09e

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (175) hide show
  1. package/README.md +2 -0
  2. package/dist/@types/config/schemas.js +55 -39
  3. package/dist/components/Guido.vue.js +1 -1
  4. package/dist/components/Guido.vue2.js +15 -17
  5. package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue.js +2 -2
  6. package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue.js +5 -5
  7. package/dist/components/organisms/header/LeftSlot.vue.js +12 -12
  8. package/dist/components/organisms/header/LeftSlot.vue2.js +6 -6
  9. package/dist/components/organisms/header/RightSlot.vue2.js +10 -10
  10. package/dist/composables/useConfig.js +29 -27
  11. package/dist/composables/useSave.js +13 -11
  12. package/dist/composables/useStripo.js +40 -40
  13. package/dist/config/migrator/index.js +9 -8
  14. package/dist/config/migrator/itemsBlockMigrator.js +342 -0
  15. package/dist/extensions/Blocks/Items/block.js +39 -40
  16. package/dist/extensions/Blocks/Items/controls/button/link.js +22 -29
  17. package/dist/extensions/Blocks/Items/controls/cardComposition.js +66 -46
  18. package/dist/extensions/Blocks/Items/controls/image/link.js +23 -30
  19. package/dist/extensions/Blocks/Items/controls/name/trimming.js +25 -25
  20. package/dist/extensions/Blocks/Items/controls/price/currencyLocation.js +19 -17
  21. package/dist/extensions/Blocks/Items/controls/price/currencySymbol.js +31 -29
  22. package/dist/extensions/Blocks/Items/controls/price/formattedPrice.js +44 -38
  23. package/dist/extensions/Blocks/Items/controls/price/hideDiscount.js +21 -19
  24. package/dist/extensions/Blocks/Items/controls/price/priceOrientation.js +29 -27
  25. package/dist/extensions/Blocks/Items/controls/price/singlePrice.js +93 -0
  26. package/dist/extensions/Blocks/Items/controls/settingsControl.js +152 -143
  27. package/dist/extensions/Blocks/Items/enums/controlEnums.js +2 -2
  28. package/dist/extensions/Blocks/Items/enums/productEnums.js +43 -45
  29. package/dist/extensions/Blocks/Items/enums/settingsEnums.js +4 -3
  30. package/dist/extensions/Blocks/Items/extension.js +7 -6
  31. package/dist/extensions/Blocks/Items/layouts/horizontal.html.js +58 -49
  32. package/dist/extensions/Blocks/Items/layouts/vertical.html.js +48 -59
  33. package/dist/extensions/Blocks/Items/settingsPanel.js +27 -26
  34. package/dist/extensions/Blocks/Items/store/items-block.js +11 -7
  35. package/dist/extensions/Blocks/Items/template.js +366 -129
  36. package/dist/extensions/Blocks/Items/utils/nodeConfigUtils.js +184 -0
  37. package/dist/extensions/Blocks/Recommendation/cardCompositionControl.js +69 -153
  38. package/dist/extensions/Blocks/Recommendation/constants.js +1 -9
  39. package/dist/extensions/Blocks/Recommendation/control.js +59 -74
  40. package/dist/extensions/Blocks/Recommendation/controls/button/align.js +13 -0
  41. package/dist/extensions/Blocks/Recommendation/controls/button/border.js +13 -0
  42. package/dist/extensions/Blocks/Recommendation/controls/button/borderRadius.js +13 -0
  43. package/dist/extensions/Blocks/Recommendation/controls/button/color.js +13 -0
  44. package/dist/extensions/Blocks/Recommendation/controls/button/fitToContent.js +13 -0
  45. package/dist/extensions/Blocks/Recommendation/controls/button/fontFamily.js +13 -0
  46. package/dist/extensions/Blocks/Recommendation/controls/button/margins.js +13 -0
  47. package/dist/extensions/Blocks/Recommendation/controls/button/paddings.js +13 -0
  48. package/dist/extensions/Blocks/Recommendation/controls/button/text.js +13 -0
  49. package/dist/extensions/Blocks/Recommendation/controls/button/textSize.js +13 -0
  50. package/dist/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.js +13 -0
  51. package/dist/extensions/Blocks/Recommendation/controls/image/margins.js +13 -0
  52. package/dist/extensions/Blocks/Recommendation/controls/image/size.js +13 -0
  53. package/dist/extensions/Blocks/Recommendation/controls/name/align.js +13 -0
  54. package/dist/extensions/Blocks/Recommendation/controls/name/background.js +13 -0
  55. package/dist/extensions/Blocks/Recommendation/controls/name/color.js +13 -0
  56. package/dist/extensions/Blocks/Recommendation/controls/name/fontFamily.js +13 -0
  57. package/dist/extensions/Blocks/Recommendation/controls/name/paddings.js +13 -0
  58. package/dist/extensions/Blocks/Recommendation/controls/name/size.js +13 -0
  59. package/dist/extensions/Blocks/Recommendation/controls/name/style.js +13 -0
  60. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/align.js +13 -0
  61. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/background.js +13 -0
  62. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/color.js +13 -0
  63. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.js +13 -0
  64. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/paddings.js +13 -0
  65. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/size.js +13 -0
  66. package/dist/extensions/Blocks/Recommendation/controls/oldPrice/style.js +13 -0
  67. package/dist/extensions/Blocks/Recommendation/controls/price/align.js +13 -0
  68. package/dist/extensions/Blocks/Recommendation/controls/price/background.js +13 -0
  69. package/dist/extensions/Blocks/Recommendation/controls/price/color.js +13 -0
  70. package/dist/extensions/Blocks/Recommendation/controls/price/fontFamily.js +13 -0
  71. package/dist/extensions/Blocks/Recommendation/controls/price/paddings.js +13 -0
  72. package/dist/extensions/Blocks/Recommendation/controls/price/size.js +13 -0
  73. package/dist/extensions/Blocks/Recommendation/controls/price/style.js +13 -0
  74. package/dist/extensions/Blocks/Recommendation/extension.js +42 -16
  75. package/dist/extensions/Blocks/Recommendation/settingsPanel.js +72 -117
  76. package/dist/extensions/Blocks/Recommendation/templates/blockTemplate.js +64 -85
  77. package/dist/extensions/Blocks/Recommendation/templates/migrationTemplate.js +17 -54
  78. package/dist/extensions/Blocks/Recommendation/templates/templateUtils.js +45 -74
  79. package/dist/extensions/Blocks/Unsubscribe/extension.js +9 -9
  80. package/dist/extensions/Blocks/common-control.js +29 -30
  81. package/dist/extensions/Blocks/controlFactories.js +55 -45
  82. package/dist/guido.css +1 -1
  83. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +369 -285
  84. package/dist/package.json.js +1 -1
  85. package/dist/services/stripoApi.js +6 -10
  86. package/dist/src/@types/config/index.d.ts +2 -2
  87. package/dist/src/@types/config/schemas.d.ts +30 -0
  88. package/dist/src/@types/config/types.d.ts +7 -1
  89. package/dist/src/composables/useConfig.d.ts +8 -0
  90. package/dist/src/config/migrator/itemsBlockMigrator.d.ts +6 -0
  91. package/dist/src/extensions/Blocks/Items/controls/button/link.d.ts +0 -2
  92. package/dist/src/extensions/Blocks/Items/controls/cardComposition.d.ts +9 -0
  93. package/dist/src/extensions/Blocks/Items/controls/image/link.d.ts +0 -2
  94. package/dist/src/extensions/Blocks/Items/controls/price/priceOrientation.d.ts +1 -1
  95. package/dist/src/extensions/Blocks/Items/controls/price/singlePrice.d.ts +18 -0
  96. package/dist/src/extensions/Blocks/Items/controls/settingsControl.d.ts +0 -4
  97. package/dist/src/extensions/Blocks/Items/enums/controlEnums.d.ts +1 -0
  98. package/dist/src/extensions/Blocks/Items/enums/productEnums.d.ts +24 -26
  99. package/dist/src/extensions/Blocks/Items/enums/settingsEnums.d.ts +1 -0
  100. package/dist/src/extensions/Blocks/Items/store/items-block.d.ts +2 -0
  101. package/dist/src/extensions/Blocks/Items/template.d.ts +22 -1
  102. package/dist/src/extensions/Blocks/Items/utils/nodeConfigUtils.d.ts +73 -0
  103. package/dist/src/extensions/Blocks/Recommendation/cardCompositionControl.d.ts +3 -50
  104. package/dist/src/extensions/Blocks/Recommendation/constants.d.ts +0 -32
  105. package/dist/src/extensions/Blocks/Recommendation/control.d.ts +2 -5
  106. package/dist/src/extensions/Blocks/Recommendation/controls/button/align.d.ts +5 -0
  107. package/dist/src/extensions/Blocks/Recommendation/controls/button/border.d.ts +5 -0
  108. package/dist/src/extensions/Blocks/Recommendation/controls/button/borderRadius.d.ts +5 -0
  109. package/dist/src/extensions/Blocks/Recommendation/controls/button/color.d.ts +5 -0
  110. package/dist/src/extensions/Blocks/Recommendation/controls/button/fitToContent.d.ts +5 -0
  111. package/dist/src/extensions/Blocks/Recommendation/controls/button/fontFamily.d.ts +5 -0
  112. package/dist/src/extensions/Blocks/Recommendation/controls/button/margins.d.ts +5 -0
  113. package/dist/src/extensions/Blocks/Recommendation/controls/button/paddings.d.ts +5 -0
  114. package/dist/src/extensions/Blocks/Recommendation/controls/button/text.d.ts +5 -0
  115. package/dist/src/extensions/Blocks/Recommendation/controls/button/textSize.d.ts +5 -0
  116. package/dist/src/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.d.ts +5 -0
  117. package/dist/src/extensions/Blocks/Recommendation/controls/image/margins.d.ts +5 -0
  118. package/dist/src/extensions/Blocks/Recommendation/controls/image/size.d.ts +5 -0
  119. package/dist/src/extensions/Blocks/Recommendation/controls/name/align.d.ts +5 -0
  120. package/dist/src/extensions/Blocks/Recommendation/controls/name/background.d.ts +5 -0
  121. package/dist/src/extensions/Blocks/Recommendation/controls/name/color.d.ts +5 -0
  122. package/dist/src/extensions/Blocks/Recommendation/controls/name/fontFamily.d.ts +5 -0
  123. package/dist/src/extensions/Blocks/Recommendation/controls/name/paddings.d.ts +5 -0
  124. package/dist/src/extensions/Blocks/Recommendation/controls/name/size.d.ts +5 -0
  125. package/dist/src/extensions/Blocks/Recommendation/controls/name/style.d.ts +5 -0
  126. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/align.d.ts +5 -0
  127. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/background.d.ts +5 -0
  128. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/color.d.ts +5 -0
  129. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.d.ts +5 -0
  130. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/paddings.d.ts +5 -0
  131. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/size.d.ts +5 -0
  132. package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/style.d.ts +5 -0
  133. package/dist/src/extensions/Blocks/Recommendation/controls/price/align.d.ts +5 -0
  134. package/dist/src/extensions/Blocks/Recommendation/controls/price/background.d.ts +5 -0
  135. package/dist/src/extensions/Blocks/Recommendation/controls/price/color.d.ts +5 -0
  136. package/dist/src/extensions/Blocks/Recommendation/controls/price/fontFamily.d.ts +5 -0
  137. package/dist/src/extensions/Blocks/Recommendation/controls/price/paddings.d.ts +5 -0
  138. package/dist/src/extensions/Blocks/Recommendation/controls/price/size.d.ts +5 -0
  139. package/dist/src/extensions/Blocks/Recommendation/controls/price/style.d.ts +5 -0
  140. package/dist/src/extensions/Blocks/Recommendation/templates/blockTemplate.d.ts +3 -3
  141. package/dist/src/extensions/Blocks/Recommendation/templates/templateUtils.d.ts +7 -15
  142. package/dist/src/extensions/Blocks/common-control.d.ts +9 -10
  143. package/dist/src/stores/config.d.ts +164 -1
  144. package/dist/static/styles/components/button.css.js +1 -1
  145. package/dist/static/styles/components/wide-panel.css.js +4 -0
  146. package/dist/static/styles/customEditorStyle.css.js +0 -13
  147. package/dist/stores/config.js +7 -0
  148. package/dist/utils/pairProductVariables.js +61 -58
  149. package/package.json +3 -3
  150. package/dist/extensions/Blocks/Items/utils/configBlockUtils.js +0 -17
  151. package/dist/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.js +0 -28
  152. package/dist/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.js +0 -76
  153. package/dist/extensions/Blocks/Items/utils/updateAttributes.js +0 -46
  154. package/dist/extensions/Blocks/Recommendation/controls/cardBackgroundColorControl.js +0 -68
  155. package/dist/extensions/Blocks/Recommendation/controls/index.js +0 -245
  156. package/dist/extensions/Blocks/Recommendation/controls/nameTextTrimControl.js +0 -74
  157. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscountTextAfterControl.js +0 -71
  158. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscountTextBeforeControl.js +0 -71
  159. package/dist/extensions/Blocks/Recommendation/controls/omnibusPriceTextAfterControl.js +0 -71
  160. package/dist/extensions/Blocks/Recommendation/controls/omnibusPriceTextBeforeControl.js +0 -71
  161. package/dist/extensions/Blocks/Recommendation/controls/spacingControl.js +0 -188
  162. package/dist/extensions/Blocks/Recommendation/utils/preserveTextStyles.js +0 -25
  163. package/dist/src/extensions/Blocks/Items/utils/configBlockUtils.d.ts +0 -23
  164. package/dist/src/extensions/Blocks/Items/utils/syncAttributeFromConfigBlock.d.ts +0 -32
  165. package/dist/src/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.d.ts +0 -50
  166. package/dist/src/extensions/Blocks/Items/utils/updateAttributes.d.ts +0 -8
  167. package/dist/src/extensions/Blocks/Recommendation/controls/cardBackgroundColorControl.d.ts +0 -25
  168. package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +0 -592
  169. package/dist/src/extensions/Blocks/Recommendation/controls/nameTextTrimControl.d.ts +0 -16
  170. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscountTextAfterControl.d.ts +0 -15
  171. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscountTextBeforeControl.d.ts +0 -15
  172. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPriceTextAfterControl.d.ts +0 -15
  173. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPriceTextBeforeControl.d.ts +0 -15
  174. package/dist/src/extensions/Blocks/Recommendation/controls/spacingControl.d.ts +0 -60
  175. package/dist/src/extensions/Blocks/Recommendation/utils/preserveTextStyles.d.ts +0 -19
@@ -1,4 +1,4 @@
1
- import type { GuidoConfig, GuidoConfigInput, IdentityConfig, PartnerConfig, TemplateConfig, EditorConfig, UIConfig, FeaturesConfig, BlocksConfig, CompilerConfig } from '@@/Types/config';
1
+ import type { GuidoConfig, GuidoConfigInput, IdentityConfig, PartnerConfig, TemplateConfig, EditorConfig, UIConfig, FeaturesConfig, BlocksConfig, CompilerConfig, CallbacksConfig } from '@@/Types/config';
2
2
  interface ConfigStoreState {
3
3
  /** Whether the config has been initialized */
4
4
  initialized: boolean;
@@ -36,6 +36,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
36
36
  } | undefined;
37
37
  }[];
38
38
  selectedUnsubscribePages: number[];
39
+ forceRecreate: boolean;
39
40
  };
40
41
  editor: {
41
42
  locale: string;
@@ -95,6 +96,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
95
96
  })[];
96
97
  ignoreDefaultRules: boolean;
97
98
  };
99
+ callbacks: {
100
+ externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
101
+ };
98
102
  } | null;
99
103
  } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => IdentityConfig | null;
100
104
  /**
@@ -127,6 +131,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
127
131
  } | undefined;
128
132
  }[];
129
133
  selectedUnsubscribePages: number[];
134
+ forceRecreate: boolean;
130
135
  };
131
136
  editor: {
132
137
  locale: string;
@@ -186,6 +191,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
186
191
  })[];
187
192
  ignoreDefaultRules: boolean;
188
193
  };
194
+ callbacks: {
195
+ externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
196
+ };
189
197
  } | null;
190
198
  } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => PartnerConfig | null;
191
199
  /**
@@ -218,6 +226,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
218
226
  } | undefined;
219
227
  }[];
220
228
  selectedUnsubscribePages: number[];
229
+ forceRecreate: boolean;
221
230
  };
222
231
  editor: {
223
232
  locale: string;
@@ -277,6 +286,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
277
286
  })[];
278
287
  ignoreDefaultRules: boolean;
279
288
  };
289
+ callbacks: {
290
+ externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
291
+ };
280
292
  } | null;
281
293
  } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => TemplateConfig | null;
282
294
  /**
@@ -309,6 +321,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
309
321
  } | undefined;
310
322
  }[];
311
323
  selectedUnsubscribePages: number[];
324
+ forceRecreate: boolean;
312
325
  };
313
326
  editor: {
314
327
  locale: string;
@@ -368,6 +381,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
368
381
  })[];
369
382
  ignoreDefaultRules: boolean;
370
383
  };
384
+ callbacks: {
385
+ externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
386
+ };
371
387
  } | null;
372
388
  } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => EditorConfig | null;
373
389
  /**
@@ -400,6 +416,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
400
416
  } | undefined;
401
417
  }[];
402
418
  selectedUnsubscribePages: number[];
419
+ forceRecreate: boolean;
403
420
  };
404
421
  editor: {
405
422
  locale: string;
@@ -459,6 +476,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
459
476
  })[];
460
477
  ignoreDefaultRules: boolean;
461
478
  };
479
+ callbacks: {
480
+ externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
481
+ };
462
482
  } | null;
463
483
  } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => UIConfig | null;
464
484
  /**
@@ -491,6 +511,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
491
511
  } | undefined;
492
512
  }[];
493
513
  selectedUnsubscribePages: number[];
514
+ forceRecreate: boolean;
494
515
  };
495
516
  editor: {
496
517
  locale: string;
@@ -550,6 +571,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
550
571
  })[];
551
572
  ignoreDefaultRules: boolean;
552
573
  };
574
+ callbacks: {
575
+ externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
576
+ };
553
577
  } | null;
554
578
  } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => FeaturesConfig | null;
555
579
  /**
@@ -582,6 +606,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
582
606
  } | undefined;
583
607
  }[];
584
608
  selectedUnsubscribePages: number[];
609
+ forceRecreate: boolean;
585
610
  };
586
611
  editor: {
587
612
  locale: string;
@@ -641,6 +666,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
641
666
  })[];
642
667
  ignoreDefaultRules: boolean;
643
668
  };
669
+ callbacks: {
670
+ externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
671
+ };
644
672
  } | null;
645
673
  } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => BlocksConfig | null;
646
674
  /**
@@ -673,6 +701,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
673
701
  } | undefined;
674
702
  }[];
675
703
  selectedUnsubscribePages: number[];
704
+ forceRecreate: boolean;
676
705
  };
677
706
  editor: {
678
707
  locale: string;
@@ -732,8 +761,106 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
732
761
  })[];
733
762
  ignoreDefaultRules: boolean;
734
763
  };
764
+ callbacks: {
765
+ externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
766
+ };
735
767
  } | null;
736
768
  } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => CompilerConfig | null;
769
+ /**
770
+ * Get the callbacks configuration
771
+ */
772
+ callbacks: (state: {
773
+ initialized: boolean;
774
+ config: {
775
+ identity: {
776
+ templateId: string;
777
+ userId: string;
778
+ variationId?: string | undefined;
779
+ };
780
+ partner: {
781
+ name: string;
782
+ productType: 60 | 49 | 97;
783
+ messageType: 1 | 2;
784
+ username: string;
785
+ };
786
+ template: {
787
+ html: string;
788
+ css: string;
789
+ preselectedDynamicContent: {
790
+ text: string;
791
+ value: string;
792
+ fallback?: string | undefined;
793
+ format?: {
794
+ key: string;
795
+ value: string;
796
+ } | undefined;
797
+ }[];
798
+ selectedUnsubscribePages: number[];
799
+ forceRecreate: boolean;
800
+ };
801
+ editor: {
802
+ locale: string;
803
+ translationsPath: string;
804
+ migrationDate: number;
805
+ emailHeader: {
806
+ senderName: string;
807
+ subject: string;
808
+ };
809
+ };
810
+ ui: {
811
+ showHeader: boolean;
812
+ backButtonLabel?: string | undefined;
813
+ };
814
+ features: {
815
+ dynamicContent: boolean;
816
+ saveAsTemplate: boolean;
817
+ versionHistory: boolean;
818
+ testMessage: boolean;
819
+ displayConditions: boolean;
820
+ unsubscribe: boolean;
821
+ modulesDisabled: boolean;
822
+ };
823
+ blocks: {
824
+ 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")[];
825
+ includeCustoms: ("dynamic-content" | "checkbox-block" | "radio-button-block" | "recommendation-block" | "unsubscribe-block" | "coupon-block" | "items-block")[];
826
+ };
827
+ compiler: {
828
+ customRules: ({
829
+ type: "replace";
830
+ search: string;
831
+ replacement: string;
832
+ replaceAll?: boolean | undefined;
833
+ id: string;
834
+ description?: string | undefined;
835
+ priority: number;
836
+ } | {
837
+ type: "regex";
838
+ pattern: string;
839
+ replacement: string;
840
+ flags?: string | undefined;
841
+ id: string;
842
+ description?: string | undefined;
843
+ priority: number;
844
+ } | {
845
+ type: "remove";
846
+ targets: string[];
847
+ id: string;
848
+ description?: string | undefined;
849
+ priority: number;
850
+ } | {
851
+ type: "custom";
852
+ processor: (html: string) => string;
853
+ id: string;
854
+ description?: string | undefined;
855
+ priority: number;
856
+ })[];
857
+ ignoreDefaultRules: boolean;
858
+ };
859
+ callbacks: {
860
+ externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
861
+ };
862
+ } | null;
863
+ } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => CallbacksConfig | null;
737
864
  /**
738
865
  * Get the template ID
739
866
  */
@@ -764,6 +891,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
764
891
  } | undefined;
765
892
  }[];
766
893
  selectedUnsubscribePages: number[];
894
+ forceRecreate: boolean;
767
895
  };
768
896
  editor: {
769
897
  locale: string;
@@ -823,6 +951,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
823
951
  })[];
824
952
  ignoreDefaultRules: boolean;
825
953
  };
954
+ callbacks: {
955
+ externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
956
+ };
826
957
  } | null;
827
958
  } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
828
959
  /**
@@ -855,6 +986,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
855
986
  } | undefined;
856
987
  }[];
857
988
  selectedUnsubscribePages: number[];
989
+ forceRecreate: boolean;
858
990
  };
859
991
  editor: {
860
992
  locale: string;
@@ -914,6 +1046,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
914
1046
  })[];
915
1047
  ignoreDefaultRules: boolean;
916
1048
  };
1049
+ callbacks: {
1050
+ externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
1051
+ };
917
1052
  } | null;
918
1053
  } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
919
1054
  /**
@@ -946,6 +1081,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
946
1081
  } | undefined;
947
1082
  }[];
948
1083
  selectedUnsubscribePages: number[];
1084
+ forceRecreate: boolean;
949
1085
  };
950
1086
  editor: {
951
1087
  locale: string;
@@ -1005,6 +1141,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
1005
1141
  })[];
1006
1142
  ignoreDefaultRules: boolean;
1007
1143
  };
1144
+ callbacks: {
1145
+ externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
1146
+ };
1008
1147
  } | null;
1009
1148
  } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
1010
1149
  /**
@@ -1037,6 +1176,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
1037
1176
  } | undefined;
1038
1177
  }[];
1039
1178
  selectedUnsubscribePages: number[];
1179
+ forceRecreate: boolean;
1040
1180
  };
1041
1181
  editor: {
1042
1182
  locale: string;
@@ -1096,6 +1236,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
1096
1236
  })[];
1097
1237
  ignoreDefaultRules: boolean;
1098
1238
  };
1239
+ callbacks: {
1240
+ externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
1241
+ };
1099
1242
  } | null;
1100
1243
  } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
1101
1244
  /**
@@ -1128,6 +1271,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
1128
1271
  } | undefined;
1129
1272
  }[];
1130
1273
  selectedUnsubscribePages: number[];
1274
+ forceRecreate: boolean;
1131
1275
  };
1132
1276
  editor: {
1133
1277
  locale: string;
@@ -1187,6 +1331,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
1187
1331
  })[];
1188
1332
  ignoreDefaultRules: boolean;
1189
1333
  };
1334
+ callbacks: {
1335
+ externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
1336
+ };
1190
1337
  } | null;
1191
1338
  } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => number;
1192
1339
  /**
@@ -1219,6 +1366,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
1219
1366
  } | undefined;
1220
1367
  }[];
1221
1368
  selectedUnsubscribePages: number[];
1369
+ forceRecreate: boolean;
1222
1370
  };
1223
1371
  editor: {
1224
1372
  locale: string;
@@ -1278,6 +1426,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
1278
1426
  })[];
1279
1427
  ignoreDefaultRules: boolean;
1280
1428
  };
1429
+ callbacks: {
1430
+ externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
1431
+ };
1281
1432
  } | null;
1282
1433
  } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => number;
1283
1434
  /**
@@ -1310,6 +1461,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
1310
1461
  } | undefined;
1311
1462
  }[];
1312
1463
  selectedUnsubscribePages: number[];
1464
+ forceRecreate: boolean;
1313
1465
  };
1314
1466
  editor: {
1315
1467
  locale: string;
@@ -1369,6 +1521,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
1369
1521
  })[];
1370
1522
  ignoreDefaultRules: boolean;
1371
1523
  };
1524
+ callbacks: {
1525
+ externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
1526
+ };
1372
1527
  } | null;
1373
1528
  } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
1374
1529
  /**
@@ -1401,6 +1556,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
1401
1556
  } | undefined;
1402
1557
  }[];
1403
1558
  selectedUnsubscribePages: number[];
1559
+ forceRecreate: boolean;
1404
1560
  };
1405
1561
  editor: {
1406
1562
  locale: string;
@@ -1460,6 +1616,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
1460
1616
  })[];
1461
1617
  ignoreDefaultRules: boolean;
1462
1618
  };
1619
+ callbacks: {
1620
+ externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
1621
+ };
1463
1622
  } | null;
1464
1623
  } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => boolean;
1465
1624
  /**
@@ -1492,6 +1651,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
1492
1651
  } | undefined;
1493
1652
  }[];
1494
1653
  selectedUnsubscribePages: number[];
1654
+ forceRecreate: boolean;
1495
1655
  };
1496
1656
  editor: {
1497
1657
  locale: string;
@@ -1551,6 +1711,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
1551
1711
  })[];
1552
1712
  ignoreDefaultRules: boolean;
1553
1713
  };
1714
+ callbacks: {
1715
+ externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
1716
+ };
1554
1717
  } | null;
1555
1718
  } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => (feature: keyof FeaturesConfig) => boolean;
1556
1719
  }, {
@@ -48,7 +48,7 @@ const o = `.control-shadow-wrapper:has(.button) {
48
48
  }
49
49
 
50
50
  .e2e-text-insert-controls .control-shadow-wrapper:not(:last-of-type) {
51
- margin-right: 16px;
51
+ margin-right: 6px;
52
52
  }
53
53
 
54
54
  .flat-white > .button {
@@ -6,6 +6,10 @@ ue-main-editor-container[panel-position=SETTINGS_BLOCKS] ue-wide-panel {
6
6
  right: calc(100% - calc(var(--ue-spacing-step, 5px) * 3) - 425px);
7
7
  }
8
8
 
9
+ ue-main-tabs-panel-component .fixed-panel-header {
10
+ display: none;
11
+ }
12
+
9
13
  /* Remove with this writing task DT-28355 */
10
14
  ue-description a {
11
15
  display: none;
@@ -23,19 +23,6 @@ const n = `.esd-x,
23
23
  .ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-panel {
24
24
  display: none !important;
25
25
  }
26
-
27
- /* Apply to the table cell (td) with text-trim-enabled class */
28
- .text-trim-enabled {
29
- max-width: 0 !important;
30
- }
31
-
32
- .text-trim-enabled p {
33
- overflow: hidden !important;
34
- text-overflow: ellipsis !important;
35
- white-space: nowrap !important;
36
- margin: 0 !important;
37
- display: block !important;
38
- }
39
26
  `;
40
27
  export {
41
28
  n as default
@@ -64,6 +64,13 @@ const s = o("guido-config", {
64
64
  var e;
65
65
  return ((e = i.config) == null ? void 0 : e.compiler) ?? null;
66
66
  },
67
+ /**
68
+ * Get the callbacks configuration
69
+ */
70
+ callbacks: (i) => {
71
+ var e;
72
+ return ((e = i.config) == null ? void 0 : e.callbacks) ?? null;
73
+ },
67
74
  /**
68
75
  * Get the template ID
69
76
  */
@@ -1,74 +1,77 @@
1
1
  import { productPairs as w } from "../extensions/Blocks/Items/enums/productEnums.js";
2
- function M(H) {
3
- const m = H.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), $ = new DOMParser().parseFromString(m, "text/html"), C = w.PAIRS_FOR_EXTENSION;
4
- Object.entries(C).forEach(([n, d]) => {
2
+ function P(k) {
3
+ const m = k.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), $ = new DOMParser().parseFromString(m, "text/html"), R = w.PAIRS_FOR_EXTENSION;
4
+ Object.entries(R).forEach(([n, l]) => {
5
5
  $.querySelectorAll(".ins-product-td").forEach((o) => {
6
- const h = o.getAttribute("data-number") || "1", _ = o.getAttribute("data-type") || "CART_ITEMS";
6
+ const E = o.getAttribute("data-number") || "1", b = o.getAttribute("data-type") || "CART_ITEMS";
7
7
  o.querySelectorAll(`[product-attr="${n}"]`).forEach((e) => {
8
8
  var y;
9
- const b = e.getAttribute("data-type") || _, u = e.getAttribute("data-number") || h, p = d[b];
9
+ const T = e.getAttribute("data-type") || b, u = e.getAttribute("data-number") || E, p = l[T];
10
10
  if (p)
11
11
  switch (n) {
12
12
  case "imageSrc": {
13
- let t = null, i = null;
14
- if (e.tagName === "IMG" ? (t = e, i = t.closest("a")) : (t = e.querySelector("img"), i = e.querySelector("a") || e.closest("a")), !t)
13
+ let t = null, c = null;
14
+ if (e.tagName === "IMG" ? (t = e, c = t.closest("a")) : (t = e.querySelector("img"), c = e.querySelector("a") || e.closest("a")), !t)
15
15
  break;
16
- const c = p.DEFAULT, a = p.ATTR;
17
- if (c && t.src) {
16
+ const i = p.DEFAULT, a = p.ATTR;
17
+ if (i && t.src) {
18
18
  const r = t.src;
19
- c.some((l) => {
20
- const s = l.split("/").pop() || "", F = r.split("/").pop() || "";
21
- return r.includes(l) || r.includes(s) || F === s;
19
+ i.some((d) => {
20
+ const s = d.split("/").pop() || "", _ = r.split("/").pop() || "";
21
+ return r.includes(d) || r.includes(s) || _ === s;
22
22
  }) && (t.src = `{{${a}_${u}}}`);
23
23
  }
24
- if (i) {
25
- const r = (y = C.itemLink) == null ? void 0 : y[b];
24
+ if (c) {
25
+ const r = (y = R.itemLink) == null ? void 0 : y[T];
26
26
  if (r) {
27
- const f = r.HREF, l = r.DEFAULT_HREF || "#!", s = i.href;
28
- (s === "#" || s === "" || s.endsWith("#!") || s.endsWith(l) || s === `${window.location.href}${l}` || !s || s === window.location.href) && (i.href = `{{${f}_${u}}}`);
27
+ const f = r.HREF, d = r.DEFAULT_HREF || "#!", s = c.href;
28
+ (s === "#" || s === "" || s.endsWith("#!") || s.endsWith(d) || s === `${window.location.href}${d}` || !s || s === window.location.href) && (c.href = `{{${f}_${u}}}`);
29
29
  }
30
30
  }
31
31
  break;
32
32
  }
33
33
  case "name": {
34
- const t = p, i = t.ATTR, c = t.DEFAULT_HREF || "#!", a = t.HREF;
35
- e.textContent && (e.textContent = `{{${i}_${u}}}`);
34
+ const t = p, c = t.ATTR, i = t.DEFAULT_HREF || "#!", a = t.HREF;
35
+ e.textContent && (e.textContent = `{{${c}_${u}}}`);
36
36
  const r = e.closest("a") || (e.tagName === "A" ? e : null);
37
37
  if (r && a) {
38
- const f = r.href, l = `${window.location.href}${c}`;
39
- (f === l || f.endsWith(c)) && (r.href = `{{${a}_${u}}}`);
38
+ const f = r.href, d = `${window.location.href}${i}`;
39
+ (f === d || f.endsWith(i)) && (r.href = `{{${a}_${u}}}`);
40
40
  }
41
41
  break;
42
42
  }
43
43
  case "price":
44
44
  case "originalPrice": {
45
- const t = p, c = e.getAttribute("data-formated") === "true", a = e.getAttribute("data-curency") || "before", r = c ? t.PRICE_FORMATTED : t.PRICE, f = t.CURRENCY;
46
- let l = `{{${r}_${u}}}`;
47
- if (f) {
48
- const s = `{{${f}_${u}}}`;
49
- l = a === "after" ? `${l} ${s}` : `${s} ${l}`;
45
+ const t = p, c = e.getAttribute("data-formated"), i = e.getAttribute("data-single_price"), a = c === "true", r = i === "true", f = e.getAttribute("data-curency") || "before";
46
+ let d;
47
+ r ? d = a ? t.SINGLE_PRICE_FORMATTED : t.SINGLE_PRICE : d = a ? t.PRICE_FORMATTED : t.PRICE;
48
+ const s = t.CURRENCY;
49
+ let _ = `{{${d}_${u}}}`;
50
+ if (s) {
51
+ const H = `{{${s}_${u}}}`;
52
+ _ = f === "after" ? `${_} ${H}` : `${H} ${_}`;
50
53
  }
51
- e.textContent = l;
54
+ e.textContent = _;
52
55
  break;
53
56
  }
54
57
  case "quantity": {
55
- const t = p, i = t.ATTR, c = t.DEFAULT;
56
- e.textContent && e.textContent.trim() === c && (e.textContent = `{{${i}_${u}}}`);
58
+ const t = p, c = t.ATTR, i = t.DEFAULT;
59
+ e.textContent && e.textContent.trim() === i && (e.textContent = `{{${c}_${u}}}`);
57
60
  break;
58
61
  }
59
62
  case "button": {
60
- const t = p, i = t.HREF, c = t.DEFAULT_HREF || "#!", a = e.tagName === "A" ? e : e.querySelector("a");
63
+ const t = p, c = t.HREF, i = t.DEFAULT_HREF || "#!", a = e.tagName === "A" ? e : e.querySelector("a");
61
64
  if (a) {
62
- const r = a.href || "", f = `${window.location.href}${c}`;
63
- (r === "" || r === "#" || r === f || r.endsWith(c) || r.endsWith("#!") || r === window.location.href) && (a.href = `{{${i}_${u}}}`);
65
+ const r = a.href || "", f = `${window.location.href}${i}`;
66
+ (r === "" || r === "#" || r === f || r.endsWith(i) || r.endsWith("#!") || r === window.location.href) && (a.href = `{{${c}_${u}}}`);
64
67
  }
65
68
  break;
66
69
  }
67
70
  case "itemLink": {
68
- const t = p, i = t.HREF, c = t.DEFAULT_HREF || "#!", a = e;
71
+ const t = p, c = t.HREF, i = t.DEFAULT_HREF || "#!", a = e;
69
72
  if (a.href) {
70
- const r = a.href, f = `${window.location.href}${c}`;
71
- (r === f || r.endsWith(c)) && (a.href = `{{${i}_${u}}}`);
73
+ const r = a.href, f = `${window.location.href}${i}`;
74
+ (r === f || r.endsWith(i)) && (a.href = `{{${c}_${u}}}`);
72
75
  }
73
76
  break;
74
77
  }
@@ -83,21 +86,21 @@ function M(H) {
83
86
  });
84
87
  });
85
88
  });
86
- const S = $.querySelectorAll(".ins-product-td"), R = [];
87
- S.forEach((n) => {
88
- const d = n.getAttribute("data-type") || "CART_ITEMS", A = n.getAttribute("data-number") || "1", o = n.getAttribute("data-nodup"), h = n.outerHTML;
89
- R.push({
89
+ const F = $.querySelectorAll(".ins-product-td"), S = [];
90
+ F.forEach((n) => {
91
+ const l = n.getAttribute("data-type") || "CART_ITEMS", A = n.getAttribute("data-number") || "1", o = n.getAttribute("data-nodup"), E = n.outerHTML;
92
+ S.push({
90
93
  element: n,
91
- outerHtml: h,
92
- type: d,
94
+ outerHtml: E,
95
+ type: l,
93
96
  number: A,
94
97
  nodup: o || void 0
95
98
  });
96
99
  });
97
- let E = $.body.innerHTML;
98
- R.reverse().forEach(({ outerHtml: n, type: d, number: A }) => {
100
+ let h = $.body.innerHTML;
101
+ S.reverse().forEach(({ outerHtml: n, type: l, number: A }) => {
99
102
  let o = "";
100
- switch (d) {
103
+ switch (l) {
101
104
  case "CART_ITEMS":
102
105
  o = "ins_apr_total_product_kind";
103
106
  break;
@@ -109,28 +112,28 @@ function M(H) {
109
112
  break;
110
113
  }
111
114
  if (o) {
112
- const _ = parseInt(A) - 1, b = `${`{% if ${o} > ${_} %}`}${n}{% endif %}`;
113
- E = E.replace(n, b);
115
+ const b = parseInt(A) - 1, T = `${`{% if ${o} > ${b} %}`}${n}{% endif %}`;
116
+ h = h.replace(n, T);
114
117
  }
115
118
  });
116
- const k = $.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), T = [];
117
- return k.forEach((n) => {
118
- const d = n.getAttribute("data-number"), A = n.getAttribute("data-type");
119
- if (!d || A !== "CART_ITEMS")
119
+ const I = $.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), g = [];
120
+ return I.forEach((n) => {
121
+ const l = n.getAttribute("data-number"), A = n.getAttribute("data-type");
122
+ if (!l || A !== "CART_ITEMS")
120
123
  return;
121
124
  const o = n.closest(".product-original-price-class");
122
125
  if (o) {
123
- const h = o.outerHTML;
124
- T.some((g) => g.tdOuterHtml === h) || T.push({ tdOuterHtml: h, number: d });
126
+ const E = o.outerHTML;
127
+ g.some((C) => C.tdOuterHtml === E) || g.push({ tdOuterHtml: E, number: l });
125
128
  }
126
- }), T.reverse().forEach(({ tdOuterHtml: n, number: d }) => {
127
- const A = `{% if ins_apr_price_${d} != ins_apr_originalprice_${d} %}`;
128
- if (!E.includes(A) && !n.includes("{% if")) {
129
- const h = `${A}${n}{% endif %}`;
130
- E = E.replace(n, h);
129
+ }), g.reverse().forEach(({ tdOuterHtml: n, number: l }) => {
130
+ const A = `{% if ins_apr_price_${l} != ins_apr_originalprice_${l} %}`;
131
+ if (!h.includes(A) && !n.includes("{% if")) {
132
+ const E = `${A}${n}{% endif %}`;
133
+ h = h.replace(n, E);
131
134
  }
132
- }), E.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
135
+ }), h.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
133
136
  }
134
137
  export {
135
- M as pairProductVariables
138
+ P as pairProductVariables
136
139
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useinsider/guido",
3
- "version": "2.0.0-beta.5da4dde",
3
+ "version": "2.0.0-beta.689d09e",
4
4
  "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
5
5
  "main": "./dist/guido.umd.cjs",
6
6
  "module": "./dist/library.js",
@@ -31,7 +31,7 @@
31
31
  "author": "",
32
32
  "license": "ISC",
33
33
  "dependencies": {
34
- "@stripoinc/ui-editor-extensions": "3.3.0",
34
+ "@stripoinc/ui-editor-extensions": "3.5.0",
35
35
  "@useinsider/design-system-vue": "0.14.20",
36
36
  "@vueuse/core": "11.3.0",
37
37
  "lodash-es": "4.17.21",
@@ -85,7 +85,7 @@
85
85
  },
86
86
  "guido": {
87
87
  "stripo": {
88
- "version": "2.47.0"
88
+ "version": "2.52.0"
89
89
  }
90
90
  }
91
91
  }