@useinsider/guido 1.0.0-beta.a19efaa → 1.0.0-beta.a3ed027

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 (63) hide show
  1. package/README.md +133 -21
  2. package/dist/@types/generic.d.ts +3 -5
  3. package/dist/components/Guido.vue.d.ts +9 -2
  4. package/dist/components/Guido.vue.js +8 -8
  5. package/dist/components/Guido.vue2.js +56 -31
  6. package/dist/components/organisms/design-preview/AmpErrorModal.vue.d.ts +16 -0
  7. package/dist/components/organisms/design-preview/AmpErrorModal.vue.js +21 -0
  8. package/dist/components/organisms/design-preview/AmpErrorModal.vue2.js +30 -0
  9. package/dist/components/organisms/design-preview/DesktopPreview.vue.d.ts +16 -0
  10. package/dist/components/organisms/design-preview/DesktopPreview.vue.js +22 -0
  11. package/dist/components/organisms/design-preview/DesktopPreview.vue2.js +43 -0
  12. package/dist/components/organisms/design-preview/EmailPreview.vue.d.ts +16 -0
  13. package/dist/components/organisms/design-preview/EmailPreview.vue.js +17 -0
  14. package/dist/components/organisms/design-preview/EmailPreview.vue2.js +33 -0
  15. package/dist/components/organisms/design-preview/EmailView.vue.d.ts +18 -0
  16. package/dist/components/organisms/design-preview/EmailView.vue.js +19 -0
  17. package/dist/components/organisms/design-preview/EmailView.vue2.js +24 -0
  18. package/dist/components/organisms/design-preview/InboxView.vue.d.ts +17 -0
  19. package/dist/components/organisms/design-preview/InboxView.vue.js +19 -0
  20. package/dist/components/organisms/design-preview/InboxView.vue2.js +23 -0
  21. package/dist/components/organisms/design-preview/MobilePreview.vue.d.ts +17 -0
  22. package/dist/components/organisms/design-preview/MobilePreview.vue.js +17 -0
  23. package/dist/components/organisms/design-preview/MobilePreview.vue2.js +23 -0
  24. package/dist/components/organisms/header/AmpToggle.vue.d.ts +2 -0
  25. package/dist/components/organisms/header/AmpToggle.vue.js +17 -0
  26. package/dist/components/organisms/header/AmpToggle.vue2.js +48 -0
  27. package/dist/components/organisms/header/LeftSlot.vue.js +5 -5
  28. package/dist/components/organisms/header/LeftSlot.vue2.js +10 -8
  29. package/dist/components/organisms/header/MiddleSlot.vue.js +6 -6
  30. package/dist/components/organisms/header/MiddleSlot.vue2.js +18 -13
  31. package/dist/components/organisms/header/RightSlot.vue.js +7 -7
  32. package/dist/components/organisms/header/RightSlot.vue2.js +27 -15
  33. package/dist/components/organisms/header/ViewOptions.vue.js +6 -6
  34. package/dist/composables/useActionsApi.d.ts +2 -0
  35. package/dist/composables/useActionsApi.js +47 -36
  36. package/dist/composables/useDebounce.d.ts +4 -0
  37. package/dist/composables/useDebounce.js +12 -0
  38. package/dist/composables/useGuidoActions.d.ts +46 -0
  39. package/dist/composables/useGuidoActions.js +37 -0
  40. package/dist/composables/useMobileGmailFit.d.ts +5 -0
  41. package/dist/composables/useMobileGmailFit.js +69 -0
  42. package/dist/composables/useProvideInject.d.ts +14 -0
  43. package/dist/composables/useProvideInject.js +17 -0
  44. package/dist/composables/useStripo.js +15 -14
  45. package/dist/enums/emailPreview.d.ts +3 -0
  46. package/dist/enums/emailPreview.js +6 -0
  47. package/dist/enums/gmailMobilePreview.d.ts +7 -0
  48. package/dist/enums/gmailMobilePreview.js +17 -0
  49. package/dist/guido.css +1 -1
  50. package/dist/inbox-mockup.svg +39 -0
  51. package/dist/mock/api/default-template.d.ts +2 -0
  52. package/dist/phone-mockup.svg +31 -0
  53. package/dist/services/stripoApi.d.ts +2 -1
  54. package/dist/services/stripoApi.js +27 -7
  55. package/dist/stores/editor.d.ts +3 -0
  56. package/dist/stores/editor.js +6 -3
  57. package/package.json +1 -1
  58. package/dist/composables/useTemplates.d.ts +0 -5
  59. package/dist/composables/useTemplates.js +0 -27
  60. package/dist/static/templates/default/index.html.js +0 -5
  61. package/dist/static/templates/default/style.css.js +0 -119
  62. package/dist/utils/tooltipUtils.d.ts +0 -2
  63. package/dist/utils/tooltipUtils.js +0 -9
@@ -1,119 +0,0 @@
1
- const t = `/* CONFIG STYLES Please do not delete and edit CSS styles below */ /* IMPORTANT THIS STYLES MUST BE ON FINAL EMAIL */ #outlook a { padding: 0; }.ExternalClass { width: 100%; }.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }.es-button { mso-style-priority: 100 !important; text-decoration: none !important; }a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; }.es-desk-hidden { display: none; float: left; overflow: hidden; width: 0; max-height: 0; line-height: 0; mso-hide: all; }/* END OF IMPORTANT */ html, body { width: 100%; font-family: arial, 'helvetica neue', helvetica, sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }table { mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px; }table td, html, body, .es-wrapper { padding: 0; Margin: 0; }.es-content, .es-header, .es-footer { table-layout: fixed !important; width: 100%; }img { display: block; border: 0; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; }table tr { border-collapse: collapse; }p, hr { Margin: 0; }h1, h2, h3, h4, h5 { Margin: 0; line-height: 120%; mso-line-height-rule: exactly; font-family: arial, 'helvetica neue', helvetica, sans-serif; }p, ul li, ol li, a { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; mso-line-height-rule: exactly; }.es-left { float: left; }.es-right { float: right; }.es-p5 { padding: 5px; }.es-p5t { padding-top: 5px; }.es-p5b { padding-bottom: 5px; }.es-p5l { padding-left: 5px; }.es-p5r { padding-right: 5px; }.es-p10 { padding: 10px; }.es-p10t { padding-top: 10px; }.es-p10b { padding-bottom: 10px; }.es-p10l { padding-left: 10px; }.es-p10r { padding-right: 10px; }.es-p15 { padding: 15px; }.es-p15t { padding-top: 15px; }.es-p15b { padding-bottom: 15px; }.es-p15l { padding-left: 15px; }.es-p15r { padding-right: 15px; }.es-p20 { padding: 20px; }.es-p20t { padding-top: 20px; }.es-p20b { padding-bottom: 20px; }.es-p20l { padding-left: 20px; }.es-p20r { padding-right: 20px; }.es-p25 { padding: 25px; }.es-p25t { padding-top: 25px; }.es-p25b { padding-bottom: 25px; }.es-p25l { padding-left: 25px; }.es-p25r { padding-right: 25px; }.es-p30 { padding: 30px; }.es-p30t { padding-top: 30px; }.es-p30b { padding-bottom: 30px; }.es-p30l { padding-left: 30px; }.es-p30r { padding-right: 30px; }.es-p35 { padding: 35px; }.es-p35t { padding-top: 35px; }.es-p35b { padding-bottom: 35px; }.es-p35l { padding-left: 35px; }.es-p35r { padding-right: 35px; }.es-p40 { padding: 40px; }.es-p40t { padding-top: 40px; }.es-p40b { padding-bottom: 40px; }.es-p40l { padding-left: 40px; }.es-p40r { padding-right: 40px; }.es-menu td { border: 0; }.es-menu td a img { display: inline !important; }/* END CONFIG STYLES */ a { text-decoration: underline; }p, ul li, ol li { font-family: arial, 'helvetica neue', helvetica, sans-serif; line-height: 150%; }ul li, ol li { Margin-bottom: 15px; }.es-menu td a { text-decoration: none; display: block; }.es-wrapper { width: 100%; height: 100%; background-image: ; background-repeat: repeat; background-position: center top; }.es-wrapper-color { background-color: #f6f6f6; }.es-header { background-color: transparent; background-image: ; background-repeat: repeat; background-position: center top; }.es-header-body { background-color: transparent; }.es-header-body p, .es-header-body ul li, .es-header-body ol li { color: #333333; font-size: 14px; }.es-header-body a { color: #333333; font-size: 14px; }.es-content-body { background-color: #ffffff; }.es-content-body p, .es-content-body ul li, .es-content-body ol li { color: #333333; font-size: 14px; }.es-content-body a { color: #333333; font-size: 14px; }.es-footer { background-color: transparent; background-image: ; background-repeat: repeat; background-position: center top; }.es-footer-body { background-color: #333333; }.es-footer-body p, .es-footer-body ul li, .es-footer-body ol li { color: #ffffff; font-size: 14px; }.es-footer-body a { color: #ffffff; font-size: 14px; }.es-infoblock, .es-infoblock p, .es-infoblock ul li, .es-infoblock ol li { line-height: 120%; font-size: 12px; color: #cccccc; }.es-infoblock a { font-size: 12px; color: #cccccc; }h1 { font-size: 30px; font-style: normal; font-weight: normal; color: #333333; }h2 { font-size: 24px; font-style: normal; font-weight: normal; color: #333333; }h3 { font-size: 20px; font-style: normal; font-weight: normal; color: #333333; }.es-header-body h1 a, .es-content-body h1 a, .es-footer-body h1 a { font-size: 30px; }.es-header-body h2 a, .es-content-body h2 a, .es-footer-body h2 a { font-size: 24px; }.es-header-body h3 a, .es-content-body h3 a, .es-footer-body h3 a { font-size: 20px; }a.es-button, button.es-button { border-style: solid; border-color: #f0f0f0; border-width: 5px 30px 5px 30px; display: inline-block; background: #f0f0f0; border-radius: 0px; font-size: 16px; font-family: arial, 'helvetica neue', helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 120%; color: #333333; text-decoration: none; width: auto; text-align: center; }.es-button-border { border-style: solid solid solid solid; border-color: #808080 #808080 #808080 #808080; background: #f0f0f0; border-width: 2px 2px 2px 2px; display: inline-block; border-radius: 0px; width: auto; }.ins-trim-text {
2
- overflow: hidden;
3
- text-overflow: ellipsis;
4
- white-space: nowrap;
5
- padding-top: 10px;
6
- padding-bottom: 10px;
7
- }/* RESPONSIVE STYLES Please do not delete and edit CSS styles below. If you don't need responsive layout, please delete this section. */ @media only screen and (max-width: 600px) {p, ul li, ol li, a { line-height: 150% !important; }h1 { font-size: 30px !important; text-align: center; line-height: 120% !important; }h2 { font-size: 26px !important; text-align: center; line-height: 120% !important; }h3 { font-size: 20px !important; text-align: center; line-height: 120% !important; }.es-header-body h1 a, .es-content-body h1 a, .es-footer-body h1 a { font-size: 30px !important; }.es-header-body h2 a, .es-content-body h2 a, .es-footer-body h2 a { font-size: 26px !important; }.es-header-body h3 a, .es-content-body h3 a, .es-footer-body h3 a { font-size: 20px !important; }.es-menu td a { font-size: 13px !important; }.es-header-body p, .es-header-body ul li, .es-header-body ol li, .es-header-body a { font-size: 16px !important; }.es-content-body p, .es-content-body ul li, .es-content-body ol li, .es-content-body a { font-size: 16px !important; }.es-footer-body p, .es-footer-body ul li, .es-footer-body ol li, .es-footer-body a { font-size: 16px !important; }.es-infoblock p, .es-infoblock ul li, .es-infoblock ol li, .es-infoblock a { font-size: 12px !important; }*[class="gmail-fix"] { display: none !important; }.es-m-txt-c, .es-m-txt-c h1, .es-m-txt-c h2, .es-m-txt-c h3 { text-align: center !important; }.es-m-txt-r, .es-m-txt-r h1, .es-m-txt-r h2, .es-m-txt-r h3 { text-align: right !important; }.es-m-txt-l, .es-m-txt-l h1, .es-m-txt-l h2, .es-m-txt-l h3 { text-align: left !important; }.es-m-txt-r img, .es-m-txt-c img, .es-m-txt-l img { display: inline !important; }.es-button-border { display: block !important; }a.es-button, button.es-button { font-size: 16px !important; display: block !important; border-width: 10px 0px 10px 0px !important; }.es-btn-fw { border-width: 10px 0px !important; text-align: center !important; }.es-adaptive table, .es-btn-fw, .es-btn-fw-brdr, .es-left, .es-right { width: 100% !important; }.ext-product-button,
8
- .ext-product-price p,
9
- .ext-product-original-price p,
10
- .ext-product-omnibus-price p,
11
- .ext-product-omnibus-discount p {
12
- width: 100% !important;
13
- }
14
-
15
- .ext-product-button a {
16
- max-width: 100% !important;
17
- }
18
-
19
- .ext-product-name.ins-vertical p {
20
- height: 90px !important;
21
- overflow: hidden !important;
22
- word-break: break-all !important;
23
- font-size: 12px !important;
24
- line-height: 150% !important;
25
- }
26
-
27
- .ext-product-name.ins-vertical {
28
- height: 100px !important;
29
- }
30
-
31
- .ext-product-omnibus-price.ins-vertical p {
32
- height: 30px !important;
33
- overflow: hidden !important;
34
- word-break: break-all !important;
35
- font-size: 10px !important;
36
- line-height: 150% !important;
37
- }
38
-
39
- .ext-product-omnibus-price.ins-vertical {
40
- height: 50px !important;
41
- }
42
-
43
- .ext-product-omnibus-discount.ins-vertical p {
44
- height: 30px !important;
45
- overflow: hidden !important;
46
- word-break: break-all !important;
47
- font-size: 10px !important;
48
- line-height: 150% !important;
49
- }
50
-
51
- .ext-product-omnibus-discount.ins-vertical {
52
- height: 50px !important;
53
- }
54
-
55
- .ext-product-name p {
56
- height: unset !important;
57
- width: 100% !important;
58
- overflow: hidden !important;
59
- font-size: 16px !important;
60
- line-height: 150% !important;
61
- }
62
-
63
- .ext-product-name {
64
- height: unset !important;
65
- }
66
-
67
- .ext-product-price.ins-vertical p {
68
- overflow: hidden !important;
69
- word-break: break-all !important;
70
- height: 36px !important;
71
- font-size: 12px !important;
72
- line-height: 150% !important;
73
- }
74
-
75
- .ext-product-price.ins-vertical {
76
- height: 56px !important;
77
- }
78
-
79
- .ext-product-original-price.ins-vertical p {
80
- overflow: hidden !important;
81
- word-break: break-all !important;
82
- height: 36px !important;
83
- font-size: 12px !important;
84
- line-height: 150% !important;
85
- }
86
-
87
- .ext-product-original-price.ins-vertical {
88
- height: 56px !important;
89
- }
90
-
91
- .ext-ins-attr.ins-vertical p {
92
- overflow: hidden !important;
93
- word-break: break-all !important;
94
- height: 54px !important;
95
- font-size: 12px !important;
96
- line-height: 150% !important;
97
- width: 100% !important;
98
- }
99
-
100
- .ext-ins-attr.ins-vertical {
101
- height: 74px !important;
102
- }
103
-
104
- .ext-product-button a.ins-vertical {
105
- word-break: break-all !important;
106
- font-size: 12px !important;
107
- }
108
-
109
- .ext-product-image.ins-vertical {
110
- height: unset !important;
111
- }
112
-
113
- td.esdev-mso-td.ins-vertical {
114
- vertical-align: bottom !important;
115
- }.es-content table, .es-header table, .es-footer table, .es-content, .es-footer, .es-header { width: 100% !important; max-width: 600px !important; }.es-adapt-td { display: block !important; width: 100% !important; }.adapt-img { width: 100% !important; height: auto !important; }.es-m-p0 { padding: 0px !important; }.es-m-p0r { padding-right: 0px !important; }.es-m-p0l { padding-left: 0px !important; }.es-m-p0t { padding-top: 0px !important; }.es-m-p0b { padding-bottom: 0 !important; }.es-m-p20b { padding-bottom: 20px !important; }.es-mobile-hidden, .es-hidden { display: none !important; }.es-desk-hidden { display: table-row !important; width: auto !important; overflow: visible !important; float: none !important; max-height: inherit !important; line-height: inherit !important; }.es-desk-menu-hidden { display: table-cell !important; }table.es-table-not-adapt, .esd-block-html table { width: auto !important; }table.es-social { display: inline-block !important; }table.es-social td { display: inline-block !important; } }/* END RESPONSIVE STYLES */.ext-product-name p { -webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important; }.ext-product-price p { height:26px !important; }
116
- `;
117
- export {
118
- t as default
119
- };
@@ -1,2 +0,0 @@
1
- import type { TooltipOptions } from '../@types/generic';
2
- export declare const getTooltipOptions: (id: string) => TooltipOptions;
@@ -1,9 +0,0 @@
1
- const o = (t) => ({
2
- id: t,
3
- dynamicPosition: !0,
4
- staticPosition: "top",
5
- iconStatus: !1
6
- });
7
- export {
8
- o as getTooltipOptions
9
- };