@useinsider/guido 1.0.0-beta.ef5e504 → 1.0.0-beta.f2786f4
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.
- package/README.md +30 -294
- package/dist/@types/generic.d.ts +0 -12
- package/dist/App.vue.d.ts +1 -1
- package/dist/components/Guido.vue.d.ts +3 -17
- package/dist/components/Guido.vue.js +8 -8
- package/dist/components/Guido.vue2.js +20 -57
- package/dist/components/organisms/{header/HeaderWrapper.vue.js → top-bar/Header.vue.js} +7 -7
- package/dist/components/organisms/top-bar/Header.vue2.js +14 -0
- package/dist/components/organisms/top-bar/HeaderLeftSlot.vue.d.ts +2 -0
- package/dist/components/organisms/top-bar/HeaderLeftSlot.vue.js +17 -0
- package/dist/components/organisms/top-bar/HeaderLeftSlot.vue2.js +11 -0
- package/dist/components/organisms/top-bar/HeaderMiddleSlot.vue.d.ts +2 -0
- package/dist/components/organisms/top-bar/HeaderMiddleSlot.vue.js +17 -0
- package/dist/components/organisms/top-bar/HeaderMiddleSlot.vue2.js +19 -0
- package/dist/components/organisms/top-bar/HeaderRightSlot.vue.js +18 -0
- package/dist/components/organisms/top-bar/HeaderRightSlot.vue2.js +12 -0
- package/dist/components/organisms/top-bar/HeaderViewOptions.vue.d.ts +2 -0
- package/dist/components/organisms/top-bar/HeaderViewOptions.vue.js +18 -0
- package/dist/components/organisms/{header/ViewOptions.vue2.js → top-bar/HeaderViewOptions.vue2.js} +3 -3
- package/dist/composables/useCustomInterfaceAppearance.js +9 -45
- package/dist/composables/useStripo.d.ts +2 -2
- package/dist/composables/useStripo.js +56 -66
- package/dist/composables/useTemplates.d.ts +5 -0
- package/dist/composables/useTemplates.js +27 -0
- package/dist/composables/useToaster.d.ts +0 -1
- package/dist/composables/useTranslations.d.ts +3 -1
- package/dist/composables/useTranslations.js +7 -5
- package/dist/enums/defaults.d.ts +0 -2
- package/dist/enums/defaults.js +3 -5
- package/dist/guido.css +1 -1
- package/dist/node_modules/pinia/dist/pinia.js +314 -0
- package/dist/node_modules/pinia/node_modules/vue-demi/lib/index.js +11 -0
- package/dist/static/editor.css.js +182 -0
- package/dist/static/templates/default/index.html.js +5 -0
- package/dist/static/templates/default/style.css.js +119 -0
- package/dist/stores/editor.d.ts +0 -5
- package/dist/stores/editor.js +4 -9
- package/package.json +5 -6
- package/dist/_virtual/AddCustomFont.js +0 -4
- package/dist/_virtual/AiAssistantValueType.js +0 -4
- package/dist/_virtual/BackgroundColorBuiltInControl.js +0 -4
- package/dist/_virtual/BackgroundImageBuiltInControl.js +0 -4
- package/dist/_virtual/Block.js +0 -4
- package/dist/_virtual/BlockAttributes.js +0 -4
- package/dist/_virtual/BlockCompositionType.js +0 -4
- package/dist/_virtual/BlockPaddingsBuiltInControl.js +0 -4
- package/dist/_virtual/BlockRenderer.js +0 -4
- package/dist/_virtual/BlockType.js +0 -4
- package/dist/_virtual/BlocksPanel.js +0 -4
- package/dist/_virtual/BuiltInControl.js +0 -4
- package/dist/_virtual/BuiltInControlTypes.js +0 -4
- package/dist/_virtual/ButtonBorderBuiltInControl.js +0 -4
- package/dist/_virtual/ButtonColorBuiltInControl.js +0 -4
- package/dist/_virtual/ButtonFontColorBuiltInControl.js +0 -4
- package/dist/_virtual/ButtonInternalIndentsBuiltInControl.js +0 -4
- package/dist/_virtual/ButtonTextBuiltInControl.js +0 -4
- package/dist/_virtual/ContextAction.js +0 -4
- package/dist/_virtual/ContextActionType.js +0 -4
- package/dist/_virtual/Control.js +0 -4
- package/dist/_virtual/EditorStatePropertyType.js +0 -4
- package/dist/_virtual/Extension.js +0 -4
- package/dist/_virtual/ExtensionBuilder.js +0 -4
- package/dist/_virtual/FontFamilyBuiltInControl.js +0 -4
- package/dist/_virtual/LinkColorBuiltInControl.js +0 -4
- package/dist/_virtual/ModificationDescription.js +0 -4
- package/dist/_virtual/PanelPosition.js +0 -4
- package/dist/_virtual/PreviewDeviceMode.js +0 -4
- package/dist/_virtual/SettingsPanelRegistry.js +0 -4
- package/dist/_virtual/SettingsPanelTab.js +0 -4
- package/dist/_virtual/SettingsTab.js +0 -4
- package/dist/_virtual/StructureBorderBuiltInControl.js +0 -4
- package/dist/_virtual/StructurePaddingsBuiltInControl.js +0 -4
- package/dist/_virtual/TextColorBuiltInControl.js +0 -4
- package/dist/_virtual/TextLineSpacingBuiltInControl.js +0 -4
- package/dist/_virtual/TextSizeBuiltInControl.js +0 -4
- package/dist/_virtual/TextStyleBuiltInControl.js +0 -4
- package/dist/_virtual/UIElement.js +0 -4
- package/dist/_virtual/UIElementTagRegistry.js +0 -4
- package/dist/_virtual/UIElementType.js +0 -4
- package/dist/_virtual/UIElementsAttributes.js +0 -4
- package/dist/_virtual/index.js +0 -5
- package/dist/_virtual/index2.js +0 -4
- package/dist/components/organisms/design-preview/DesktopPreview.vue.d.ts +0 -16
- package/dist/components/organisms/design-preview/DesktopPreview.vue.js +0 -22
- package/dist/components/organisms/design-preview/DesktopPreview.vue2.js +0 -28
- package/dist/components/organisms/design-preview/EmailPreview.vue.d.ts +0 -16
- package/dist/components/organisms/design-preview/EmailPreview.vue.js +0 -17
- package/dist/components/organisms/design-preview/EmailPreview.vue2.js +0 -37
- package/dist/components/organisms/design-preview/EmailView.vue.d.ts +0 -18
- package/dist/components/organisms/design-preview/EmailView.vue.js +0 -19
- package/dist/components/organisms/design-preview/EmailView.vue2.js +0 -24
- package/dist/components/organisms/design-preview/InboxView.vue.d.ts +0 -17
- package/dist/components/organisms/design-preview/InboxView.vue.js +0 -19
- package/dist/components/organisms/design-preview/InboxView.vue2.js +0 -23
- package/dist/components/organisms/design-preview/MobilePreview.vue.d.ts +0 -17
- package/dist/components/organisms/design-preview/MobilePreview.vue.js +0 -17
- package/dist/components/organisms/design-preview/MobilePreview.vue2.js +0 -22
- package/dist/components/organisms/header/AmpErrorModal.vue.d.ts +0 -16
- package/dist/components/organisms/header/AmpErrorModal.vue.js +0 -21
- package/dist/components/organisms/header/AmpErrorModal.vue2.js +0 -27
- package/dist/components/organisms/header/AmpToggle.vue.js +0 -19
- package/dist/components/organisms/header/AmpToggle.vue2.js +0 -38
- package/dist/components/organisms/header/HeaderWrapper.vue2.js +0 -14
- package/dist/components/organisms/header/LeftSlot.vue.d.ts +0 -2
- package/dist/components/organisms/header/LeftSlot.vue.js +0 -17
- package/dist/components/organisms/header/LeftSlot.vue2.js +0 -13
- package/dist/components/organisms/header/MiddleSlot.vue.d.ts +0 -2
- package/dist/components/organisms/header/MiddleSlot.vue.js +0 -17
- package/dist/components/organisms/header/MiddleSlot.vue2.js +0 -26
- package/dist/components/organisms/header/RightSlot.vue.d.ts +0 -2
- package/dist/components/organisms/header/RightSlot.vue.js +0 -17
- package/dist/components/organisms/header/RightSlot.vue2.js +0 -21
- package/dist/components/organisms/header/ViewOptions.vue.d.ts +0 -2
- package/dist/components/organisms/header/ViewOptions.vue.js +0 -18
- package/dist/components/organisms/header/version-history/RestoreButton.vue.d.ts +0 -2
- package/dist/components/organisms/header/version-history/RestoreButton.vue.js +0 -19
- package/dist/components/organisms/header/version-history/RestoreButton.vue2.js +0 -14
- package/dist/components/organisms/header/version-history/VersionHistory.vue.d.ts +0 -14
- package/dist/components/organisms/header/version-history/VersionHistory.vue.js +0 -22
- package/dist/components/organisms/header/version-history/VersionHistory.vue2.js +0 -18
- package/dist/components/organisms/header/version-history/VersionHistoryItem.vue.d.ts +0 -16
- package/dist/components/organisms/header/version-history/VersionHistoryItem.vue.js +0 -18
- package/dist/components/organisms/header/version-history/VersionHistoryItem.vue2.js +0 -16
- package/dist/components/organisms/header/version-history/ViewOptions.vue.d.ts +0 -2
- package/dist/components/organisms/header/version-history/ViewOptions.vue.js +0 -18
- package/dist/components/organisms/header/version-history/ViewOptions.vue2.js +0 -23
- package/dist/composables/useActionsApi.d.ts +0 -5
- package/dist/composables/useActionsApi.js +0 -38
- package/dist/composables/useDebounce.d.ts +0 -4
- package/dist/composables/useDebounce.js +0 -12
- package/dist/composables/useExport.d.ts +0 -3
- package/dist/composables/useExport.js +0 -45
- package/dist/composables/useHtmlCompiler.d.ts +0 -4
- package/dist/composables/useHtmlCompiler.js +0 -16
- package/dist/composables/useHttp.js +0 -84
- package/dist/composables/useMobileGmailFit.d.ts +0 -5
- package/dist/composables/useMobileGmailFit.js +0 -69
- package/dist/composables/usePartner.d.ts +0 -4
- package/dist/composables/usePartner.js +0 -16
- package/dist/composables/usePreviewMode.d.ts +0 -6
- package/dist/composables/usePreviewMode.js +0 -19
- package/dist/composables/useToaster.js +0 -37
- package/dist/composables/useVersionHistoryApi.d.ts +0 -8
- package/dist/composables/useVersionHistoryApi.js +0 -53
- package/dist/config/compiler/htmlCompilerRules.d.ts +0 -2
- package/dist/config/compiler/htmlCompilerRules.js +0 -145
- package/dist/config/compiler/outlookCompilerRules.d.ts +0 -0
- package/dist/enums/displayConditions.d.ts +0 -2
- package/dist/enums/displayConditions.js +0 -80
- package/dist/enums/gmailMobilePreview.d.ts +0 -7
- package/dist/enums/gmailMobilePreview.js +0 -17
- package/dist/extensions/DynamicContent/dynamic-content-modal.d.ts +0 -6
- package/dist/extensions/DynamicContent/dynamic-content-modal.js +0 -27
- package/dist/extensions/DynamicContent/dynamic-content.css.js +0 -24
- package/dist/extensions/DynamicContent/dynamic-content.d.ts +0 -16
- package/dist/extensions/DynamicContent/dynamic-content.js +0 -63
- package/dist/extensions/DynamicContent/extension.d.ts +0 -2
- package/dist/extensions/DynamicContent/extension.js +0 -11
- package/dist/inbox-mockup.svg +0 -41
- package/dist/mock/api/custom-fonts.d.ts +0 -2
- package/dist/mock/api/default-template.d.ts +0 -2
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/Extension.js +0 -51
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ExtensionBuilder.js +0 -52
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/Block.js +0 -41
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/BlockRenderer.js +0 -18
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/BlocksPanel.js +0 -32
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/ContextAction.js +0 -18
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/AddCustomFont.js +0 -8
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js +0 -13
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockAttributes.js +0 -34
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js +0 -13
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js +0 -13
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js +0 -104
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js +0 -13
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js +0 -13
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js +0 -13
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js +0 -13
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js +0 -13
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js +0 -13
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementsAttributes.js +0 -45
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BackgroundColorBuiltInControl.js +0 -43
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BackgroundImageBuiltInControl.js +0 -46
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BlockPaddingsBuiltInControl.js +0 -44
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BuiltInControl.js +0 -22
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonBorderBuiltInControl.js +0 -46
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonColorBuiltInControl.js +0 -46
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonFontColorBuiltInControl.js +0 -45
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonInternalIndentsBuiltInControl.js +0 -45
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonTextBuiltInControl.js +0 -45
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/Control.js +0 -20
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/FontFamilyBuiltInControl.js +0 -43
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/LinkColorBuiltInControl.js +0 -45
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelRegistry.js +0 -18
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelTab.js +0 -32
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/StructureBorderBuiltInControl.js +0 -46
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/StructurePaddingsBuiltInControl.js +0 -44
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextColorBuiltInControl.js +0 -43
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextLineSpacingBuiltInControl.js +0 -43
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextSizeBuiltInControl.js +0 -45
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextStyleBuiltInControl.js +0 -43
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/index.js +0 -266
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/modifications/ModificationDescription.js +0 -26
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElement.js +0 -22
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElementTagRegistry.js +0 -18
- package/dist/phone-mockup.svg +0 -31
- package/dist/services/stripoApi.d.ts +0 -8
- package/dist/services/stripoApi.js +0 -45
- package/dist/static/styles/base.css.js +0 -11
- package/dist/static/styles/components/alert-message.css.js +0 -39
- package/dist/static/styles/components/amp-block.css.js +0 -18
- package/dist/static/styles/components/base-input.css.js +0 -47
- package/dist/static/styles/components/button-group.css.js +0 -54
- package/dist/static/styles/components/button.css.js +0 -106
- package/dist/static/styles/components/combobox.css.js +0 -49
- package/dist/static/styles/components/counter.css.js +0 -42
- package/dist/static/styles/components/dropdown-menu.css.js +0 -52
- package/dist/static/styles/components/narrow-panel.css.js +0 -38
- package/dist/static/styles/components/switcher.css.js +0 -11
- package/dist/static/styles/components/tabs.css.js +0 -97
- package/dist/static/styles/components/tools.css.js +0 -23
- package/dist/static/styles/components/version-history.css.js +0 -30
- package/dist/static/styles/components/wide-panel.css.js +0 -135
- package/dist/static/styles/variables.css.js +0 -23
- package/dist/stores/version-history.d.ts +0 -80
- package/dist/stores/version-history.js +0 -28
- package/dist/utils/dateUtil.d.ts +0 -1
- package/dist/utils/dateUtil.js +0 -16
- package/dist/utils/htmlCompiler.d.ts +0 -12
- package/dist/utils/htmlCompiler.js +0 -70
- /package/dist/components/organisms/{header/AmpToggle.vue.d.ts → top-bar/Header.vue.d.ts} +0 -0
- /package/dist/components/organisms/{header/HeaderWrapper.vue.d.ts → top-bar/HeaderRightSlot.vue.d.ts} +0 -0
package/dist/stores/editor.js
CHANGED
|
@@ -1,15 +1,10 @@
|
|
|
1
|
-
import { defineStore as e } from "pinia";
|
|
2
|
-
const
|
|
1
|
+
import { defineStore as e } from "../node_modules/pinia/dist/pinia.js";
|
|
2
|
+
const t = e("editor", {
|
|
3
3
|
state: () => ({
|
|
4
4
|
isCodeEditorOpen: !1,
|
|
5
|
-
|
|
6
|
-
isPreviewModeOpen: !1,
|
|
7
|
-
editorVisualMode: "desktop",
|
|
8
|
-
emailFormat: "amp",
|
|
9
|
-
ampHtml: null,
|
|
10
|
-
ampErrors: null
|
|
5
|
+
editorVisualMode: "desktop"
|
|
11
6
|
})
|
|
12
7
|
});
|
|
13
8
|
export {
|
|
14
|
-
|
|
9
|
+
t as useEditorStore
|
|
15
10
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@useinsider/guido",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.f2786f4",
|
|
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",
|
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
],
|
|
11
11
|
"exports": {
|
|
12
12
|
".": {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
"import": "./dist/library.js",
|
|
14
|
+
"types": "./dist/components/Guido.vue.d.ts",
|
|
15
|
+
"require": "./dist/components/Guido.vue.js"
|
|
16
16
|
},
|
|
17
17
|
"./style": "./dist/guido.css"
|
|
18
18
|
},
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
"start": "vite",
|
|
22
22
|
"build": "vite build && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.app.json",
|
|
23
23
|
"preview": "vite preview",
|
|
24
|
+
"test": "echo \"Error: no test specified\" && exit 1",
|
|
24
25
|
"lint": "NODE_OPTIONS=--max-old-space-size=2048 eslint ./ && bun run type-check",
|
|
25
26
|
"lint:fix": "NODE_OPTIONS=--max-old-space-size=2048 eslint --fix ./",
|
|
26
27
|
"type-check": "vue-tsc --noEmit --project tsconfig.config.json && vue-tsc --noEmit --project tsconfig.app.json"
|
|
@@ -29,7 +30,6 @@
|
|
|
29
30
|
"author": "",
|
|
30
31
|
"license": "ISC",
|
|
31
32
|
"dependencies": {
|
|
32
|
-
"@stripoinc/ui-editor-extensions": "^1.0.6",
|
|
33
33
|
"@useinsider/design-system-vue": "0.14.8",
|
|
34
34
|
"@vuelidate/core": "2.0.3",
|
|
35
35
|
"@vuelidate/validators": "2.0.4",
|
|
@@ -42,7 +42,6 @@
|
|
|
42
42
|
"@cspell/eslint-plugin": "8.17.5",
|
|
43
43
|
"@eslint/eslintrc": "3.3.0",
|
|
44
44
|
"@eslint/js": "8.57.1",
|
|
45
|
-
"@playwright/test": "^1.54.2",
|
|
46
45
|
"@stylistic/eslint-plugin": "3.1.0",
|
|
47
46
|
"@stylistic/eslint-plugin-migrate": "3.1.0",
|
|
48
47
|
"@types/eslint": "8.56.12",
|
package/dist/_virtual/Block.js
DELETED
package/dist/_virtual/Control.js
DELETED
package/dist/_virtual/index.js
DELETED
package/dist/_virtual/index2.js
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { EmailData } from '@@/Types/generic';
|
|
2
|
-
interface Props {
|
|
3
|
-
emailHtml: string;
|
|
4
|
-
emailData?: EmailData;
|
|
5
|
-
}
|
|
6
|
-
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>>, {}>;
|
|
7
|
-
export default _default;
|
|
8
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
9
|
-
type __VLS_TypePropsToOption<T> = {
|
|
10
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
11
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
12
|
-
} : {
|
|
13
|
-
type: import('vue').PropType<T[K]>;
|
|
14
|
-
required: true;
|
|
15
|
-
};
|
|
16
|
-
};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import a from "./DesktopPreview.vue2.js";
|
|
2
|
-
/* empty css */
|
|
3
|
-
import i from "../../../_virtual/_plugin-vue2_normalizer.js";
|
|
4
|
-
var r = function() {
|
|
5
|
-
var e = this, s = e._self._c, t = e._self._setupProxy;
|
|
6
|
-
return s(t.InContainer, { staticClass: "s-2 m-b-5", attrs: { "full-width-content-status": "", "header-status": "", "border-radius": "bor-r-1", "container-type": "default", "footer-status": !1 }, scopedSlots: e._u([{ key: "headerLeftSlot", fn: function() {
|
|
7
|
-
return [s("div", { staticClass: "d-f a-i-c j-c-s-b w-1" }, [s("div", { staticClass: "d-f a-i-c" }, [s("div", { staticClass: "b-c-49 bor-r-100 w-5-s h-5-s d-f a-i-c j-c-c" }, [s(t.InIcons, { attrs: { name: "line-menu-profile" } })], 1), s("div", { staticClass: "d-f f-d-c ml-2" }, [s("p", { staticClass: "t-c-53 f-w-600 f-s-1 l-h-1" }, [e._v(" " + e._s(t.senderName) + " ")]), s("p", { staticClass: "t-c-55 f-w-400 f-s-12 l-h-1" }, [e._v(" " + e._s(t.subject) + " ")])])])])];
|
|
8
|
-
}, proxy: !0 }, { key: "headerRightSlot", fn: function() {
|
|
9
|
-
return [s("div", { staticClass: "d-f a-i-c j-c-c" }, [s(t.InProgress, { staticClass: "min-w-15-s", attrs: { id: "email-size-progress", "description-status": "", "description-position": "left", description: t.emailSize, "max-value": t.MAX_EMAIL_SIZE, type: t.progressType, value: t.progressValue } }), s(t.InTooltip, { staticClass: "d-f ml-1", attrs: { id: "email-size-tooltip", align: "center", position: "bottom", text: t.trans("email.guido-preview.design-size-warning") } })], 1)];
|
|
10
|
-
}, proxy: !0 }]) }, [s("iframe", { staticClass: "email-iframe w-1 h-1 bor-w-0", attrs: { sandbox: "allow-same-origin allow-popups allow-forms allow-scripts", srcdoc: e.emailHtml } })]);
|
|
11
|
-
}, o = [], l = /* @__PURE__ */ i(
|
|
12
|
-
a,
|
|
13
|
-
r,
|
|
14
|
-
o,
|
|
15
|
-
!1,
|
|
16
|
-
null,
|
|
17
|
-
"b07fa463"
|
|
18
|
-
);
|
|
19
|
-
const p = l.exports;
|
|
20
|
-
export {
|
|
21
|
-
p as default
|
|
22
|
-
};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { defineComponent as d, computed as c, ref as a, watch as _ } from "vue";
|
|
2
|
-
import { useTranslations as I } from "../../../composables/useTranslations.js";
|
|
3
|
-
import { InTooltip as S, InProgress as b, InIcons as h, InContainer as v } from "@useinsider/design-system-vue";
|
|
4
|
-
const w = /* @__PURE__ */ d({
|
|
5
|
-
__name: "DesktopPreview",
|
|
6
|
-
props: {
|
|
7
|
-
emailHtml: null,
|
|
8
|
-
emailData: null
|
|
9
|
-
},
|
|
10
|
-
setup(i) {
|
|
11
|
-
const t = i, u = c(() => {
|
|
12
|
-
var e;
|
|
13
|
-
return ((e = t.emailData) == null ? void 0 : e.senderName) || "{Sender Name}";
|
|
14
|
-
}), p = c(() => {
|
|
15
|
-
var e;
|
|
16
|
-
return ((e = t.emailData) == null ? void 0 : e.subject) || "{Subject | Your Subject}";
|
|
17
|
-
}), o = 102, r = a("~-- KB"), l = a(0), s = a("success"), f = I(), m = () => {
|
|
18
|
-
if (!t.emailHtml)
|
|
19
|
-
return;
|
|
20
|
-
const e = new Blob([t.emailHtml]).size, n = Math.round(e / 1024);
|
|
21
|
-
r.value = `~${n} KB`, l.value = Math.min(n, o), n < 102 ? s.value = "success" : s.value = "warning";
|
|
22
|
-
};
|
|
23
|
-
return _(() => t.emailHtml, m, { immediate: !0 }), { __sfc: !0, props: t, senderName: u, subject: p, MAX_EMAIL_SIZE: o, emailSize: r, progressValue: l, progressType: s, trans: f, calculateEmailSize: m, InContainer: v, InIcons: h, InProgress: b, InTooltip: S };
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
export {
|
|
27
|
-
w as default
|
|
28
|
-
};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { EmailData } from '@@/Types/generic';
|
|
2
|
-
interface Props {
|
|
3
|
-
isVisible: boolean;
|
|
4
|
-
emailData?: EmailData;
|
|
5
|
-
}
|
|
6
|
-
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>>, {}>;
|
|
7
|
-
export default _default;
|
|
8
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
9
|
-
type __VLS_TypePropsToOption<T> = {
|
|
10
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
11
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
12
|
-
} : {
|
|
13
|
-
type: import('vue').PropType<T[K]>;
|
|
14
|
-
required: true;
|
|
15
|
-
};
|
|
16
|
-
};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import s from "./EmailPreview.vue2.js";
|
|
2
|
-
import i from "../../../_virtual/_plugin-vue2_normalizer.js";
|
|
3
|
-
var r = function() {
|
|
4
|
-
var a = this, e = a._self._c, t = a._self._setupProxy;
|
|
5
|
-
return a.isVisible ? e("div", { staticClass: "d-f f-d-c h-1 b-c-5 bor-r-2" }, [e("div", { staticClass: "f-g-1 d-f p-5 o-a g-4 min-h-600" }, [e(t.DesktopPreview, { staticClass: "f-g-1 min-w-0", attrs: { "email-data": a.emailData, "email-html": t.currentHtml } }), e(t.MobilePreview, { staticClass: "f-0 min-w-a", attrs: { "email-data": a.emailData, "email-html": t.currentHtml, "is-amp": t.isAmp } })], 1)]) : a._e();
|
|
6
|
-
}, l = [], m = /* @__PURE__ */ i(
|
|
7
|
-
s,
|
|
8
|
-
r,
|
|
9
|
-
l,
|
|
10
|
-
!1,
|
|
11
|
-
null,
|
|
12
|
-
null
|
|
13
|
-
);
|
|
14
|
-
const c = m.exports;
|
|
15
|
-
export {
|
|
16
|
-
c as default
|
|
17
|
-
};
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { defineComponent as w, ref as c, computed as p, watch as u, onMounted as b } from "vue";
|
|
2
|
-
import { useDebounce as P } from "../../../composables/useDebounce.js";
|
|
3
|
-
import { usePreviewMode as _ } from "../../../composables/usePreviewMode.js";
|
|
4
|
-
import { useToaster as h } from "../../../composables/useToaster.js";
|
|
5
|
-
import { useEditorStore as V } from "../../../stores/editor.js";
|
|
6
|
-
import y from "./DesktopPreview.vue.js";
|
|
7
|
-
import F from "./MobilePreview.vue.js";
|
|
8
|
-
const x = /* @__PURE__ */ w({
|
|
9
|
-
__name: "EmailPreview",
|
|
10
|
-
props: {
|
|
11
|
-
isVisible: { type: Boolean },
|
|
12
|
-
emailData: null
|
|
13
|
-
},
|
|
14
|
-
setup(d) {
|
|
15
|
-
const o = d, { compile: a } = _(), { debounce: l } = P(), { handleError: m } = h(), e = V(), i = c(""), r = c(!1), f = p(() => e.emailFormat === "amp" && e.ampHtml ? e.ampHtml : i.value), v = p(() => e.emailFormat === "amp"), t = async () => {
|
|
16
|
-
r.value = !0;
|
|
17
|
-
try {
|
|
18
|
-
const s = await a();
|
|
19
|
-
i.value = s.html;
|
|
20
|
-
} catch {
|
|
21
|
-
console.error("Failed to load preview"), m("Failed to load preview", "Preview compilation");
|
|
22
|
-
} finally {
|
|
23
|
-
r.value = !1;
|
|
24
|
-
}
|
|
25
|
-
}, n = () => {
|
|
26
|
-
l(t, 350);
|
|
27
|
-
};
|
|
28
|
-
return u(() => o.isVisible, (s) => s && t()), u(() => e.editorVisualMode, () => {
|
|
29
|
-
o.isVisible && n();
|
|
30
|
-
}), b(() => {
|
|
31
|
-
o.isVisible && t();
|
|
32
|
-
}), { __sfc: !0, props: o, compile: a, debounce: l, handleError: m, editorStore: e, html: i, isLoading: r, currentHtml: f, isAmp: v, loadPreview: t, debouncedReload: n, DesktopPreview: y, MobilePreview: F };
|
|
33
|
-
}
|
|
34
|
-
});
|
|
35
|
-
export {
|
|
36
|
-
x as default
|
|
37
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
interface Props {
|
|
2
|
-
emailHtml: string;
|
|
3
|
-
isAmp?: boolean;
|
|
4
|
-
}
|
|
5
|
-
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
|
|
6
|
-
"back-to-inbox": () => void;
|
|
7
|
-
load: () => void;
|
|
8
|
-
}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>>, {}>;
|
|
9
|
-
export default _default;
|
|
10
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
11
|
-
type __VLS_TypePropsToOption<T> = {
|
|
12
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
13
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
14
|
-
} : {
|
|
15
|
-
type: import('vue').PropType<T[K]>;
|
|
16
|
-
required: true;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import n from "./EmailView.vue2.js";
|
|
2
|
-
import c from "../../../_virtual/_plugin-vue2_normalizer.js";
|
|
3
|
-
var e = function() {
|
|
4
|
-
var a = this, s = a._self._c, t = a._self._setupProxy;
|
|
5
|
-
return s("div", { staticClass: "w-1 h-1 b-c-4 d-f f-d-c" }, [s("div", { staticClass: "d-f j-c-s-b a-i-c p-2 h-6-s" }, [s("div", { staticClass: "d-f a-i-c cur-p", on: { click: function(r) {
|
|
6
|
-
return a.$emit("back-to-inbox");
|
|
7
|
-
} } }, [s(t.InIcons, { staticClass: "f-s-3 i-c-7", attrs: { name: "line-chevron-left" } }), s("span", { staticClass: "ml-2 f-s-1 f-w-400 l-h-1 t-c-7" }, [a._v(a._s(t.trans("newsletter.inbox")))])], 1), s("div", { staticClass: "d-f a-i-c" }, [s(t.InIcons, { staticClass: "i-c-52", attrs: { name: "line-chevron-down" } }), s(t.InIcons, { staticClass: "ml-1 i-c-52", attrs: { name: "line-chevron-up" } })], 1)]), s("iframe", { ref: "iframeRef", staticClass: "f-g-1 w-1 d-b b-c-4 bor-s-n", attrs: { sandbox: "allow-same-origin allow-popups allow-forms allow-scripts", srcdoc: a.emailHtml }, on: { load: t.onLoad } })]);
|
|
8
|
-
}, i = [], o = /* @__PURE__ */ c(
|
|
9
|
-
n,
|
|
10
|
-
e,
|
|
11
|
-
i,
|
|
12
|
-
!1,
|
|
13
|
-
null,
|
|
14
|
-
null
|
|
15
|
-
);
|
|
16
|
-
const d = o.exports;
|
|
17
|
-
export {
|
|
18
|
-
d as default
|
|
19
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { defineComponent as p, ref as c } from "vue";
|
|
2
|
-
import { useMobileGmailFit as u } from "../../../composables/useMobileGmailFit.js";
|
|
3
|
-
import { useTranslations as f } from "../../../composables/useTranslations.js";
|
|
4
|
-
import { InIcons as d } from "@useinsider/design-system-vue";
|
|
5
|
-
const E = /* @__PURE__ */ p({
|
|
6
|
-
__name: "EmailView",
|
|
7
|
-
props: {
|
|
8
|
-
emailHtml: null,
|
|
9
|
-
isAmp: { type: Boolean }
|
|
10
|
-
},
|
|
11
|
-
emits: ["back-to-inbox", "load"],
|
|
12
|
-
setup(l, { emit: t }) {
|
|
13
|
-
const o = l, a = f(), n = c(), { setupMobileGmailFit: m } = u(), s = () => !!o.isAmp && o.emailHtml.includes("@media") && o.emailHtml.includes(".adapt-img"), r = (e) => {
|
|
14
|
-
e.documentElement.style.removeProperty("transform"), e.documentElement.style.removeProperty("transform-origin"), e.documentElement.style.removeProperty("height");
|
|
15
|
-
};
|
|
16
|
-
return { __sfc: !0, props: o, emit: t, trans: a, iframeRef: n, setupMobileGmailFit: m, isAmpResponsive: s, clearAmpTransforms: r, onLoad: () => {
|
|
17
|
-
const e = n.value, i = e == null ? void 0 : e.contentDocument;
|
|
18
|
-
!e || !i || (m(e), s() && setTimeout(() => r(i), 50), t("load"));
|
|
19
|
-
}, InIcons: d };
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
export {
|
|
23
|
-
E as default
|
|
24
|
-
};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import type { EmailData } from '@@/Types/generic';
|
|
2
|
-
interface Props {
|
|
3
|
-
emailData?: EmailData;
|
|
4
|
-
}
|
|
5
|
-
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
|
|
6
|
-
"open-email": () => void;
|
|
7
|
-
}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>>, {}>;
|
|
8
|
-
export default _default;
|
|
9
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
10
|
-
type __VLS_TypePropsToOption<T> = {
|
|
11
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
12
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
13
|
-
} : {
|
|
14
|
-
type: import('vue').PropType<T[K]>;
|
|
15
|
-
required: true;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import a from "./InboxView.vue2.js";
|
|
2
|
-
import e from "../../../_virtual/_plugin-vue2_normalizer.js";
|
|
3
|
-
var n = function() {
|
|
4
|
-
var s = this, t = s._self._c, c = s._self._setupProxy;
|
|
5
|
-
return t("div", { staticClass: "p-y-13 p-x-3 bor-b-w-1 bor-b-s-s bor-b-c-50 cur-p b-c-4 b-c-h-5 p-3", on: { click: function(l) {
|
|
6
|
-
return s.$emit("open-email");
|
|
7
|
-
} } }, [t("div", { staticClass: "d-f j-c-s-b a-i-c w-1" }, [t("div", { staticClass: "f-g-1 min-w-0-s" }, [t("div", { staticClass: "f-s-1 f-w-600 t-c-53 l-h-1 mb-12" }, [s._v(" " + s._s(c.senderName) + " ")]), t("div", { staticClass: "f-s-12 f-w-400 t-c-55 l-h-1" }, [s._v(" " + s._s(c.subject) + " ")])]), t("div", { staticClass: "f-sh-0 ml-2 f-s-12 f-w-400 t-c-55 l-h-1" }, [s._v(" " + s._s(c.trans("product-catalog.today")) + " ")]), t(c.InIcons, { staticClass: "i-c-52", attrs: { name: "line-chevron-right" } })], 1)]);
|
|
8
|
-
}, r = [], i = /* @__PURE__ */ e(
|
|
9
|
-
a,
|
|
10
|
-
n,
|
|
11
|
-
r,
|
|
12
|
-
!1,
|
|
13
|
-
null,
|
|
14
|
-
null
|
|
15
|
-
);
|
|
16
|
-
const m = i.exports;
|
|
17
|
-
export {
|
|
18
|
-
m as default
|
|
19
|
-
};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { defineComponent as r, computed as n } from "vue";
|
|
2
|
-
import { useTranslations as i } from "../../../composables/useTranslations.js";
|
|
3
|
-
import { InIcons as c } from "@useinsider/design-system-vue";
|
|
4
|
-
const f = /* @__PURE__ */ r({
|
|
5
|
-
__name: "InboxView",
|
|
6
|
-
props: {
|
|
7
|
-
emailData: null
|
|
8
|
-
},
|
|
9
|
-
emits: ["open-email"],
|
|
10
|
-
setup(o) {
|
|
11
|
-
const t = o, s = i(), a = n(() => {
|
|
12
|
-
var e;
|
|
13
|
-
return ((e = t.emailData) == null ? void 0 : e.senderName) || `(${s("settings.sender-name")})`;
|
|
14
|
-
}), m = n(() => {
|
|
15
|
-
var e;
|
|
16
|
-
return ((e = t.emailData) == null ? void 0 : e.subject) || s("newsletter.subject");
|
|
17
|
-
});
|
|
18
|
-
return { __sfc: !0, props: t, trans: s, senderName: a, subject: m, InIcons: c };
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
export {
|
|
22
|
-
f as default
|
|
23
|
-
};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import type { EmailData } from '@@/Types/generic';
|
|
2
|
-
interface Props {
|
|
3
|
-
emailHtml: string;
|
|
4
|
-
isAmp: boolean;
|
|
5
|
-
emailData?: EmailData;
|
|
6
|
-
}
|
|
7
|
-
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>>, {}>;
|
|
8
|
-
export default _default;
|
|
9
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
10
|
-
type __VLS_TypePropsToOption<T> = {
|
|
11
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
12
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
13
|
-
} : {
|
|
14
|
-
type: import('vue').PropType<T[K]>;
|
|
15
|
-
required: true;
|
|
16
|
-
};
|
|
17
|
-
};
|