@useinsider/guido 1.0.0-beta.35d2ac4 → 1.0.0-beta.3af57f2
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 +82 -535
- package/dist/@types/generic.d.ts +4 -13
- package/dist/App.vue.d.ts +1 -1
- package/dist/components/Guido.vue.d.ts +2 -22
- package/dist/components/Guido.vue.js +7 -7
- package/dist/components/Guido.vue2.js +15 -74
- 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 +11 -0
- package/dist/components/organisms/top-bar/HeaderRightSlot.vue.d.ts +2 -0
- package/dist/components/organisms/top-bar/HeaderRightSlot.vue.js +18 -0
- package/dist/components/organisms/top-bar/HeaderRightSlot.vue2.js +14 -0
- package/dist/composables/useCustomInterfaceAppearance.js +9 -45
- package/dist/composables/useStripo.d.ts +2 -2
- package/dist/composables/useStripo.js +50 -73
- 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/enums/defaults.enum.d.ts +18 -0
- package/dist/guido.css +1 -1
- package/dist/library.d.ts +0 -1
- 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/counter.d.ts +12 -0
- 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/AmpErrorModal.vue.d.ts +0 -16
- package/dist/components/organisms/design-preview/AmpErrorModal.vue.js +0 -21
- package/dist/components/organisms/design-preview/AmpErrorModal.vue2.js +0 -30
- 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 -43
- 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 -33
- 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 -23
- package/dist/components/organisms/header/AmpToggle.vue.js +0 -17
- package/dist/components/organisms/header/AmpToggle.vue2.js +0 -48
- package/dist/components/organisms/header/HeaderWrapper.vue.d.ts +0 -2
- 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 -15
- 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 -25
- 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 -35
- 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/ViewOptions.vue2.js +0 -15
- 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 -7
- package/dist/composables/useActionsApi.js +0 -49
- 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/useGuidoActions.d.ts +0 -46
- package/dist/composables/useGuidoActions.js +0 -37
- 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/useProvideInject.d.ts +0 -14
- package/dist/composables/useProvideInject.js +0 -17
- package/dist/composables/useToaster.js +0 -37
- package/dist/composables/useTranslations.js +0 -18
- 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/defaults.d.ts +0 -4
- package/dist/enums/defaults.js +0 -8
- package/dist/enums/displayConditions.d.ts +0 -2
- package/dist/enums/displayConditions.js +0 -80
- package/dist/enums/emailPreview.d.ts +0 -3
- package/dist/enums/emailPreview.js +0 -6
- 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/guido.png +0 -0
- package/dist/inbox-mockup.svg +0 -39
- 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/node_modules/lodash-es/_Hash.js +0 -20
- package/dist/node_modules/lodash-es/_ListCache.js +0 -20
- package/dist/node_modules/lodash-es/_Map.js +0 -6
- package/dist/node_modules/lodash-es/_MapCache.js +0 -20
- package/dist/node_modules/lodash-es/_Symbol.js +0 -5
- package/dist/node_modules/lodash-es/_assocIndexOf.js +0 -10
- package/dist/node_modules/lodash-es/_baseGetTag.js +0 -10
- package/dist/node_modules/lodash-es/_baseIsNative.js +0 -16
- package/dist/node_modules/lodash-es/_coreJsData.js +0 -5
- package/dist/node_modules/lodash-es/_freeGlobal.js +0 -4
- package/dist/node_modules/lodash-es/_getMapData.js +0 -8
- package/dist/node_modules/lodash-es/_getNative.js +0 -9
- package/dist/node_modules/lodash-es/_getRawTag.js +0 -15
- package/dist/node_modules/lodash-es/_getValue.js +0 -6
- package/dist/node_modules/lodash-es/_hashClear.js +0 -7
- package/dist/node_modules/lodash-es/_hashDelete.js +0 -7
- package/dist/node_modules/lodash-es/_hashGet.js +0 -13
- package/dist/node_modules/lodash-es/_hashHas.js +0 -9
- package/dist/node_modules/lodash-es/_hashSet.js +0 -9
- package/dist/node_modules/lodash-es/_isKeyable.js +0 -7
- package/dist/node_modules/lodash-es/_isMasked.js +0 -11
- package/dist/node_modules/lodash-es/_listCacheClear.js +0 -6
- package/dist/node_modules/lodash-es/_listCacheDelete.js +0 -12
- package/dist/node_modules/lodash-es/_listCacheGet.js +0 -8
- package/dist/node_modules/lodash-es/_listCacheHas.js +0 -7
- package/dist/node_modules/lodash-es/_listCacheSet.js +0 -8
- package/dist/node_modules/lodash-es/_mapCacheClear.js +0 -13
- package/dist/node_modules/lodash-es/_mapCacheDelete.js +0 -8
- package/dist/node_modules/lodash-es/_mapCacheGet.js +0 -7
- package/dist/node_modules/lodash-es/_mapCacheHas.js +0 -7
- package/dist/node_modules/lodash-es/_mapCacheSet.js +0 -8
- package/dist/node_modules/lodash-es/_nativeCreate.js +0 -5
- package/dist/node_modules/lodash-es/_objectToString.js +0 -7
- package/dist/node_modules/lodash-es/_root.js +0 -5
- package/dist/node_modules/lodash-es/_toSource.js +0 -17
- package/dist/node_modules/lodash-es/eq.js +0 -6
- package/dist/node_modules/lodash-es/isFunction.js +0 -12
- package/dist/node_modules/lodash-es/isObject.js +0 -7
- package/dist/node_modules/lodash-es/memoize.js +0 -18
- package/dist/phone-mockup.svg +0 -31
- package/dist/services/stripoApi.d.ts +0 -8
- package/dist/services/stripoApi.js +0 -49
- 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/editor.d.ts +0 -9
- package/dist/stores/editor.js +0 -15
- 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/_virtual/index.js
DELETED
package/dist/_virtual/index2.js
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
interface Props {
|
|
2
|
-
errors: string[];
|
|
3
|
-
}
|
|
4
|
-
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, {
|
|
5
|
-
close: () => void;
|
|
6
|
-
}, 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,21 +0,0 @@
|
|
|
1
|
-
import n from "./AmpErrorModal.vue2.js";
|
|
2
|
-
import a from "../../../_virtual/_plugin-vue2_normalizer.js";
|
|
3
|
-
var i = function() {
|
|
4
|
-
var e = this, o = e._self._c, t = e._self._setupProxy;
|
|
5
|
-
return o(t.InModalV2, { attrs: { id: "amp-error-modal", "close-button-status": "", "close-on-outside-click": "", "description-status": "", "footer-status": "", status: "", size: "medium", "description-text": t.trans("email.amp-validation-description"), "footer-button-group-options": t.footerButtonOptions, "title-text": t.trans("email.amp-validation-title") }, on: { cancelOrBackButtonEvent: t.handleClose, onCloseEvent: t.handleClose, primaryButtonEvent: t.handleFixInCodeEditor }, scopedSlots: e._u([{ key: "contentSlot", fn: function() {
|
|
6
|
-
return [o("div", { staticClass: "d-f f-d-c" }, [o("div", { staticClass: "mb-3" }, [o("div", { staticClass: "l-s-5 f-s-1 f-w-600 t-c-55 t-t-u" }, [e._v(" " + e._s(`${t.trans("products.errors")}(${t.errorCount})`) + " ")])]), o("div", { staticClass: "d-f f-d-c g-13 max-h-21-s o-y-a", staticStyle: { gap: "16px" } }, e._l(t.props.errors, function(s, r) {
|
|
7
|
-
return o(t.InOnPageMessage, { key: r, attrs: { icon: "filled-error-box", size: "medium", type: "alert", text: s } });
|
|
8
|
-
}), 1)])];
|
|
9
|
-
}, proxy: !0 }]) });
|
|
10
|
-
}, l = [], c = /* @__PURE__ */ a(
|
|
11
|
-
n,
|
|
12
|
-
i,
|
|
13
|
-
l,
|
|
14
|
-
!1,
|
|
15
|
-
null,
|
|
16
|
-
null
|
|
17
|
-
);
|
|
18
|
-
const f = c.exports;
|
|
19
|
-
export {
|
|
20
|
-
f as default
|
|
21
|
-
};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { defineComponent as m } from "vue";
|
|
2
|
-
import { useToaster as f } from "../../../composables/useToaster.js";
|
|
3
|
-
import { useTranslations as u } from "../../../composables/useTranslations.js";
|
|
4
|
-
import { useEditorStore as E } from "../../../stores/editor.js";
|
|
5
|
-
import { InOnPageMessage as g, InModalV2 as y } from "@useinsider/design-system-vue";
|
|
6
|
-
const x = /* @__PURE__ */ m({
|
|
7
|
-
__name: "AmpErrorModal",
|
|
8
|
-
props: {
|
|
9
|
-
errors: null
|
|
10
|
-
},
|
|
11
|
-
emits: ["close"],
|
|
12
|
-
setup(a, { emit: o }) {
|
|
13
|
-
const r = a, e = u(), t = E(), { showToaster: i } = f(), p = r.errors.length, d = () => {
|
|
14
|
-
o("close");
|
|
15
|
-
}, l = () => {
|
|
16
|
-
var n, s;
|
|
17
|
-
o("close"), t.isPreviewModeOpen = !1, (s = (n = window.StripoEditorApi) == null ? void 0 : n.codeEditorApi) != null && s.openCodeEditor ? window.StripoEditorApi.codeEditorApi.openCodeEditor() : i({
|
|
18
|
-
type: "error",
|
|
19
|
-
message: "StripoEditorApi codeEditorApi not available"
|
|
20
|
-
});
|
|
21
|
-
}, c = {
|
|
22
|
-
primaryButton: { type: "primary", labelText: e("email.amp-validation-fix") },
|
|
23
|
-
cancelOrBackButton: { type: "secondary", labelText: e("campaign-builder.cancel"), styling: "ghost" }
|
|
24
|
-
};
|
|
25
|
-
return { __sfc: !0, props: r, emit: o, trans: e, editorStore: t, showToaster: i, errorCount: p, handleClose: d, handleFixInCodeEditor: l, footerButtonOptions: c, InModalV2: y, InOnPageMessage: g };
|
|
26
|
-
}
|
|
27
|
-
});
|
|
28
|
-
export {
|
|
29
|
-
x as default
|
|
30
|
-
};
|
|
@@ -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 i from "./DesktopPreview.vue2.js";
|
|
2
|
-
/* empty css */
|
|
3
|
-
import a from "../../../_virtual/_plugin-vue2_normalizer.js";
|
|
4
|
-
var r = function() {
|
|
5
|
-
var e = this, t = e._self._c, s = e._self._setupProxy;
|
|
6
|
-
return t("div", { ref: "containerRef", staticStyle: { "min-height": "720px", height: "80vh" } }, [t(s.InContainer, { staticClass: "s-2 m-b-5 desktop-preview-container", 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 [t("div", { staticClass: "d-f a-i-c j-c-s-b w-1" }, [t("div", { staticClass: "d-f a-i-c" }, [t("div", { staticClass: "b-c-49 bor-r-100 w-5-s h-5-s d-f a-i-c j-c-c" }, [t(s.InIcons, { attrs: { name: "line-menu-profile" } })], 1), t("div", { staticClass: "d-f f-d-c ml-2" }, [t("p", { staticClass: "t-c-53 f-w-600 f-s-1 l-h-1" }, [e._v(" " + e._s(s.senderName) + " ")]), t("p", { staticClass: "t-c-55 f-w-400 f-s-12 l-h-1" }, [e._v(" " + e._s(s.subject) + " ")])])])])];
|
|
8
|
-
}, proxy: !0 }, { key: "headerRightSlot", fn: function() {
|
|
9
|
-
return [t("div", { staticClass: "d-f a-i-c j-c-c" }, [t(s.InProgress, { staticClass: "min-w-15-s", attrs: { id: "email-size-progress", "description-status": "", "description-position": "left", description: s.emailSize, "max-value": s.MAX_EMAIL_WEIGHT, type: s.progressType, value: s.progressValue } }), t(s.InTooltip, { staticClass: "d-f ml-1", attrs: { id: "email-size-tooltip", align: "center", position: "bottom", text: s.trans("email.preview-design-size-tooltip") } })], 1)];
|
|
10
|
-
}, proxy: !0 }]) }, [t("iframe", { staticClass: "email-iframe w-1 bor-w-0", style: { height: s.iframeHeight }, attrs: { sandbox: "allow-same-origin allow-popups allow-forms allow-scripts", srcdoc: e.emailHtml } })])], 1);
|
|
11
|
-
}, o = [], l = /* @__PURE__ */ a(
|
|
12
|
-
i,
|
|
13
|
-
r,
|
|
14
|
-
o,
|
|
15
|
-
!1,
|
|
16
|
-
null,
|
|
17
|
-
"95dad178"
|
|
18
|
-
);
|
|
19
|
-
const d = l.exports;
|
|
20
|
-
export {
|
|
21
|
-
d as default
|
|
22
|
-
};
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { defineComponent as I, computed as d, ref as n, onMounted as B, onUnmounted as w, watch as z } from "vue";
|
|
2
|
-
import { useTranslations as E } from "../../../composables/useTranslations.js";
|
|
3
|
-
import { InTooltip as M, InProgress as R, InIcons as y, InContainer as C } from "@useinsider/design-system-vue";
|
|
4
|
-
import { MAX_EMAIL_WEIGHT as c } from "../../../enums/emailPreview.js";
|
|
5
|
-
const x = /* @__PURE__ */ I({
|
|
6
|
-
__name: "DesktopPreview",
|
|
7
|
-
props: {
|
|
8
|
-
emailHtml: null,
|
|
9
|
-
emailData: null
|
|
10
|
-
},
|
|
11
|
-
setup(h) {
|
|
12
|
-
const t = h, r = E(), g = d(() => {
|
|
13
|
-
var e;
|
|
14
|
-
return ((e = t.emailData) == null ? void 0 : e.senderName) || `(${r("settings.sender-name")})`;
|
|
15
|
-
}), _ = d(() => {
|
|
16
|
-
var e;
|
|
17
|
-
return ((e = t.emailData) == null ? void 0 : e.subject) || r("newsletter.subject");
|
|
18
|
-
}), u = n("~-- KB"), m = n(0), i = n("success"), a = n(), p = n("400px"), f = () => {
|
|
19
|
-
if (!t.emailHtml)
|
|
20
|
-
return;
|
|
21
|
-
const e = new Blob([t.emailHtml]).size, o = Math.round(e / 1024);
|
|
22
|
-
u.value = `~${o} KB`, m.value = Math.min(o, c), o < c ? i.value = "success" : i.value = "warning";
|
|
23
|
-
}, l = () => {
|
|
24
|
-
if (!a.value)
|
|
25
|
-
return;
|
|
26
|
-
const e = a.value.querySelector(".in-container");
|
|
27
|
-
if (!e)
|
|
28
|
-
return;
|
|
29
|
-
const o = e.getBoundingClientRect(), v = e.querySelector(".in-container__header"), H = v ? v.getBoundingClientRect().height : 0, b = o.height - H;
|
|
30
|
-
p.value = `${b}px`;
|
|
31
|
-
}, s = n();
|
|
32
|
-
return B(() => {
|
|
33
|
-
l(), s.value = new ResizeObserver(() => {
|
|
34
|
-
l();
|
|
35
|
-
}), a.value && s.value.observe(a.value);
|
|
36
|
-
}), w(() => {
|
|
37
|
-
s.value && s.value.disconnect();
|
|
38
|
-
}), z(() => t.emailHtml, f, { immediate: !0 }), { __sfc: !0, trans: r, props: t, senderName: g, subject: _, emailSize: u, progressValue: m, progressType: i, containerRef: a, iframeHeight: p, calculateEmailSize: f, calculateIframeHeight: l, resizeObserver: s, InContainer: C, InIcons: y, InProgress: R, InTooltip: M, MAX_EMAIL_WEIGHT: c };
|
|
39
|
-
}
|
|
40
|
-
});
|
|
41
|
-
export {
|
|
42
|
-
x as default
|
|
43
|
-
};
|
|
@@ -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 i from "./EmailPreview.vue2.js";
|
|
2
|
-
import e from "../../../_virtual/_plugin-vue2_normalizer.js";
|
|
3
|
-
var r = function() {
|
|
4
|
-
var t = this, s = t._self._c, a = t._self._setupProxy;
|
|
5
|
-
return t.isVisible ? s("div", { staticClass: "d-f f-d-c h-1 b-c-5 bor-r-2 pb-5" }, [s("div", { staticClass: "f-g-1 d-f p-5 o-a g-4 min-h-600" }, [a.isLoading ? [s("div", { staticClass: "d-f a-i-c j-c-c w-1 h-1 f-g-1" }, [s(a.InLoading, { attrs: { "color-class": "i-c-1", size: "32" } })], 1)] : [s(a.DesktopPreview, { staticClass: "f-g-1 min-w-0", attrs: { "email-data": t.emailData, "email-html": a.currentHtml } }), s(a.MobilePreview, { staticClass: "f-0 min-w-a", attrs: { "email-data": t.emailData, "email-html": a.currentHtml, "is-amp": a.isAmp } })]], 2)]) : t._e();
|
|
6
|
-
}, l = [], m = /* @__PURE__ */ e(
|
|
7
|
-
i,
|
|
8
|
-
r,
|
|
9
|
-
l,
|
|
10
|
-
!1,
|
|
11
|
-
null,
|
|
12
|
-
null
|
|
13
|
-
);
|
|
14
|
-
const f = m.exports;
|
|
15
|
-
export {
|
|
16
|
-
f as default
|
|
17
|
-
};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { defineComponent as u, ref as l, computed as n, watch as d, onMounted as v } from "vue";
|
|
2
|
-
import { useActionsApi as w } from "../../../composables/useActionsApi.js";
|
|
3
|
-
import { useToaster as y } from "../../../composables/useToaster.js";
|
|
4
|
-
import { useEditorStore as P } from "../../../stores/editor.js";
|
|
5
|
-
import { InLoading as _ } from "@useinsider/design-system-vue";
|
|
6
|
-
import g from "./DesktopPreview.vue.js";
|
|
7
|
-
import h from "./MobilePreview.vue.js";
|
|
8
|
-
const L = /* @__PURE__ */ u({
|
|
9
|
-
__name: "EmailPreview",
|
|
10
|
-
props: {
|
|
11
|
-
isVisible: { type: Boolean },
|
|
12
|
-
emailData: null
|
|
13
|
-
},
|
|
14
|
-
setup(p) {
|
|
15
|
-
const o = p, { getPreviewData: s } = w(), { showToaster: m } = y(), e = P(), t = l(""), r = l(!1), c = n(() => e.emailFormat === "amp" && e.ampHtml ? e.ampHtml : t.value), f = n(() => e.emailFormat === "amp"), a = async () => {
|
|
16
|
-
r.value = !0;
|
|
17
|
-
try {
|
|
18
|
-
const i = await s();
|
|
19
|
-
t.value = i.html;
|
|
20
|
-
} catch {
|
|
21
|
-
console.error("Failed to load preview"), m({ type: "error", message: "Failed to load email preview. Please try again later." });
|
|
22
|
-
} finally {
|
|
23
|
-
r.value = !1;
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
return d(() => o.isVisible, (i) => i && a()), v(() => {
|
|
27
|
-
o.isVisible && a();
|
|
28
|
-
}), { __sfc: !0, props: o, getPreviewData: s, showToaster: m, editorStore: e, html: t, isLoading: r, currentHtml: c, isAmp: f, loadPreview: a, InLoading: _, DesktopPreview: g, MobilePreview: h };
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
export {
|
|
32
|
-
L as default
|
|
33
|
-
};
|
|
@@ -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
|
-
};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import e from "./MobilePreview.vue2.js";
|
|
2
|
-
import o from "../../../_virtual/_plugin-vue2_normalizer.js";
|
|
3
|
-
var i = function() {
|
|
4
|
-
var t = this, s = t._self._c, a = t._self._setupProxy;
|
|
5
|
-
return s("div", { staticClass: "d-f j-c-c pl-5" }, [s("div", { staticClass: "p-r w-35-s h-26-s" }, [s("img", { staticClass: "w-1 h-1 d-b p-e-n", attrs: { alt: a.mockupAlt, src: a.mockupImage } }), s("div", { staticClass: "p-a w-21-s h-24-s o-h", style: { top: a.phoneScreenTopMargin, left: "20px" } }, [a.showInbox ? s(a.InboxView, { attrs: { "email-data": a.props.emailData }, on: { "open-email": a.openEmail } }) : s(a.EmailView, { attrs: { "email-html": t.emailHtml, "is-amp": t.isAmp }, on: { "back-to-inbox": a.backToInbox } })], 1)])]);
|
|
6
|
-
}, l = [], n = /* @__PURE__ */ o(
|
|
7
|
-
e,
|
|
8
|
-
i,
|
|
9
|
-
l,
|
|
10
|
-
!1,
|
|
11
|
-
null,
|
|
12
|
-
null
|
|
13
|
-
);
|
|
14
|
-
const c = n.exports;
|
|
15
|
-
export {
|
|
16
|
-
c as default
|
|
17
|
-
};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { defineComponent as s, ref as c, computed as e } from "vue";
|
|
2
|
-
import { INBOX_PREVIEW_PATH as u, PHONE_PREVIEW_PATH as i } from "../../../enums/emailPreview.js";
|
|
3
|
-
import f from "./EmailView.vue.js";
|
|
4
|
-
import _ from "./InboxView.vue.js";
|
|
5
|
-
const b = /* @__PURE__ */ s({
|
|
6
|
-
__name: "MobilePreview",
|
|
7
|
-
props: {
|
|
8
|
-
emailHtml: null,
|
|
9
|
-
isAmp: { type: Boolean },
|
|
10
|
-
emailData: null
|
|
11
|
-
},
|
|
12
|
-
setup(n) {
|
|
13
|
-
const t = n, o = c(!1), m = e(() => o.value ? u : i), p = e(() => o.value ? "Inbox mockup" : "Phone mockup"), a = () => {
|
|
14
|
-
o.value = !1;
|
|
15
|
-
}, l = () => {
|
|
16
|
-
o.value = !0;
|
|
17
|
-
}, r = e(() => o.value ? "88px" : "44px");
|
|
18
|
-
return { __sfc: !0, props: t, showInbox: o, mockupImage: m, mockupAlt: p, openEmail: a, backToInbox: l, phoneScreenTopMargin: r, EmailView: f, InboxView: _ };
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
export {
|
|
22
|
-
b as default
|
|
23
|
-
};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import t from "./AmpToggle.vue2.js";
|
|
2
|
-
import s from "../../../_virtual/_plugin-vue2_normalizer.js";
|
|
3
|
-
var a = function() {
|
|
4
|
-
var e = this, o = e._self._c, r = e._self._setupProxy;
|
|
5
|
-
return r.editorStore.isPreviewModeOpen ? o("div", [o("div", { staticClass: "d-f a-i-c ml-3" }, [o(r.InSegments, { attrs: { id: "guido__amp-toggle", "segment-list": r.segmentList, selected: r.editorStore.emailFormat }, on: { click: r.handleFormatChange } }), r.showErrorButton ? o(r.InButtonV2, { staticClass: "ml-2 d-f a-i-c b-c-11 b-c-h-11 t-c-4 t-c-h-4 i-c-4 bor-w-1 bor-s-s bor-c-11 bor-r-2", attrs: { id: "guido__amp-error-button", "left-icon": "line-error-box", type: "danger", "label-text-status": !1 }, on: { click: r.handleErrorClick } }) : e._e()], 1), r.showErrorModal ? o(r.AmpErrorModal, { attrs: { errors: r.editorStore.ampErrors || [] }, on: { close: r.closeErrorModal } }) : e._e()], 1) : e._e();
|
|
6
|
-
}, n = [], l = /* @__PURE__ */ s(
|
|
7
|
-
t,
|
|
8
|
-
a,
|
|
9
|
-
n,
|
|
10
|
-
!1,
|
|
11
|
-
null,
|
|
12
|
-
null
|
|
13
|
-
);
|
|
14
|
-
const d = l.exports;
|
|
15
|
-
export {
|
|
16
|
-
d as default
|
|
17
|
-
};
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { defineComponent as h, ref as v, computed as a, watch as E } from "vue";
|
|
2
|
-
import { useActionsApi as g } from "../../../composables/useActionsApi.js";
|
|
3
|
-
import { useToaster as w } from "../../../composables/useToaster.js";
|
|
4
|
-
import { useTranslations as M } from "../../../composables/useTranslations.js";
|
|
5
|
-
import A from "../design-preview/AmpErrorModal.vue.js";
|
|
6
|
-
import { useEditorStore as _ } from "../../../stores/editor.js";
|
|
7
|
-
import { InButtonV2 as P, InSegments as y } from "@useinsider/design-system-vue";
|
|
8
|
-
const D = /* @__PURE__ */ h({
|
|
9
|
-
__name: "AmpToggle",
|
|
10
|
-
setup(F) {
|
|
11
|
-
const t = _(), { getPreviewData: s } = g(), { showToaster: l } = w(), e = M(), r = v(!1), m = a(() => !!t.ampHtml), n = a(() => !!(t.ampErrors && t.ampErrors.length > 0)), p = a(() => [
|
|
12
|
-
{ text: e("dynamic-creatives.html"), value: "html" },
|
|
13
|
-
{
|
|
14
|
-
text: e("email.amp-html"),
|
|
15
|
-
value: "amp",
|
|
16
|
-
tooltipText: m.value ? "" : e("email.preview-amp-unavailable-tooltip"),
|
|
17
|
-
position: "bottom",
|
|
18
|
-
align: "center",
|
|
19
|
-
disable: !m.value
|
|
20
|
-
}
|
|
21
|
-
]), i = async () => {
|
|
22
|
-
try {
|
|
23
|
-
const o = await s();
|
|
24
|
-
t.ampHtml = o.ampHtml ?? null, t.ampErrors = o.ampErrors ?? null, t.emailFormat = o.ampHtml ? "amp" : "html";
|
|
25
|
-
} catch {
|
|
26
|
-
l({
|
|
27
|
-
type: "error",
|
|
28
|
-
message: "Failed to load AMP data. Please try again later."
|
|
29
|
-
});
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
E([() => t.editorVisualMode, () => t.isPreviewModeOpen], () => {
|
|
33
|
-
t.isPreviewModeOpen && i();
|
|
34
|
-
}, { immediate: !0 });
|
|
35
|
-
const c = (o) => {
|
|
36
|
-
t.emailFormat = o;
|
|
37
|
-
}, u = () => {
|
|
38
|
-
r.value = !0;
|
|
39
|
-
}, d = a(() => t.emailFormat === "amp" && n.value);
|
|
40
|
-
function f() {
|
|
41
|
-
r.value = !1;
|
|
42
|
-
}
|
|
43
|
-
return { __sfc: !0, editorStore: t, getPreviewData: s, showToaster: l, trans: e, showErrorModal: r, hasAMP: m, hasAMPErrors: n, segmentList: p, updateAmpData: i, handleFormatChange: c, handleErrorClick: u, showErrorButton: d, closeErrorModal: f, AmpErrorModal: A, InSegments: y, InButtonV2: P };
|
|
44
|
-
}
|
|
45
|
-
});
|
|
46
|
-
export {
|
|
47
|
-
D as default
|
|
48
|
-
};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
|
|
2
|
-
export default _default;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { defineComponent as o } from "vue";
|
|
2
|
-
import { InContainer as r } from "@useinsider/design-system-vue";
|
|
3
|
-
import t from "./LeftSlot.vue.js";
|
|
4
|
-
import e from "./MiddleSlot.vue.js";
|
|
5
|
-
import m from "./RightSlot.vue.js";
|
|
6
|
-
const s = /* @__PURE__ */ o({
|
|
7
|
-
__name: "HeaderWrapper",
|
|
8
|
-
setup(p) {
|
|
9
|
-
return { __sfc: !0, InContainer: r, LeftSlot: t, MiddleSlot: e, RightSlot: m };
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
export {
|
|
13
|
-
s as default
|
|
14
|
-
};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
|
|
2
|
-
export default _default;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import n from "./LeftSlot.vue2.js";
|
|
2
|
-
import o from "../../../_virtual/_plugin-vue2_normalizer.js";
|
|
3
|
-
var r = function() {
|
|
4
|
-
var e = this, s = e._self._c, t = e._self._setupProxy;
|
|
5
|
-
return s("div", { staticClass: "d-f a-i-c" }, [s(t.InButtonV2, { staticClass: "p-2", attrs: { id: "guido__back-button", "label-text": "Back", "left-icon": "line-arrow-left", styling: "text", type: "secondary" }, on: { click: t.handleBack } }), t.editorStore.isVersionHistoryOpen ? s(t.RestoreButton, { staticClass: "ml-3" }) : e._e()], 1);
|
|
6
|
-
}, a = [], i = /* @__PURE__ */ o(
|
|
7
|
-
n,
|
|
8
|
-
r,
|
|
9
|
-
a,
|
|
10
|
-
!1,
|
|
11
|
-
null,
|
|
12
|
-
null
|
|
13
|
-
);
|
|
14
|
-
const f = i.exports;
|
|
15
|
-
export {
|
|
16
|
-
f as default
|
|
17
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { defineComponent as r } from "vue";
|
|
2
|
-
import { useBack as e } from "../../../composables/useGuidoActions.js";
|
|
3
|
-
import { useEditorStore as m } from "../../../stores/editor.js";
|
|
4
|
-
import { InButtonV2 as n } from "@useinsider/design-system-vue";
|
|
5
|
-
import s from "./version-history/RestoreButton.vue.js";
|
|
6
|
-
const c = /* @__PURE__ */ r({
|
|
7
|
-
__name: "LeftSlot",
|
|
8
|
-
setup(f) {
|
|
9
|
-
const o = m(), t = e();
|
|
10
|
-
return { __sfc: !0, editorStore: o, handleBack: t, InButtonV2: n, RestoreButton: s };
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
export {
|
|
14
|
-
c as default
|
|
15
|
-
};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
|
|
2
|
-
export default _default;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import s from "./MiddleSlot.vue2.js";
|
|
2
|
-
import i from "../../../_virtual/_plugin-vue2_normalizer.js";
|
|
3
|
-
var n = function() {
|
|
4
|
-
var o = this, e = o._self._c, t = o._self._setupProxy;
|
|
5
|
-
return t.editorStore.isVersionHistoryOpen ? e("div", { staticClass: "d-f" }, [e(t.VersionHistory), e(t.VersionHistoryViewOptions)], 1) : e("div", { staticClass: "d-f" }, [e(t.InButtonV2, { attrs: { id: "guido__undo-button", "left-icon": "line-undo", styling: "ghost", type: "secondary", "disabled-status": t.isPreviewModeOpen, "label-text-status": !1 } }), e(t.InButtonV2, { attrs: { id: "guido__redo-button", "left-icon": "line-redo", styling: "ghost", type: "secondary", "disabled-status": t.isPreviewModeOpen, "label-text-status": !1 } }), e(t.InButtonV2, { attrs: { id: "guido__code-button", "data-testid": "Code Editor", "left-icon": "line-code", styling: "ghost", "tooltip-text": "Code Editor", type: "secondary", "disabled-status": t.isPreviewModeOpen, "label-text-status": !1, "selected-status": t.editorStore.isCodeEditorOpen, "tooltip-options": t.getTooltipOptions("guido__code-button") } }), e(t.InButtonV2, { attrs: { id: "guido__preview-button", "left-icon": "line-show-on", styling: "ghost", type: "secondary", "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__preview-button"), "tooltip-text": t.isPreviewModeOpen ? t.trans("newsletter.close-email-preview") : t.trans("newsletter.email-preview") }, on: { click: t.handlePreviewClick } }), e(t.ViewOptions, { staticClass: "ml-3" }), e(t.AmpToggle)], 1);
|
|
6
|
-
}, l = [], r = /* @__PURE__ */ i(
|
|
7
|
-
s,
|
|
8
|
-
n,
|
|
9
|
-
l,
|
|
10
|
-
!1,
|
|
11
|
-
null,
|
|
12
|
-
null
|
|
13
|
-
);
|
|
14
|
-
const u = r.exports;
|
|
15
|
-
export {
|
|
16
|
-
u as default
|
|
17
|
-
};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { defineComponent as s, computed as n } from "vue";
|
|
2
|
-
import { useTranslations as p } from "../../../composables/useTranslations.js";
|
|
3
|
-
import { useEditorStore as m } from "../../../stores/editor.js";
|
|
4
|
-
import { InButtonV2 as c } from "@useinsider/design-system-vue";
|
|
5
|
-
import d from "./AmpToggle.vue.js";
|
|
6
|
-
import f from "./version-history/VersionHistory.vue.js";
|
|
7
|
-
import a from "./version-history/ViewOptions.vue.js";
|
|
8
|
-
import l from "./ViewOptions.vue.js";
|
|
9
|
-
const T = /* @__PURE__ */ s({
|
|
10
|
-
__name: "MiddleSlot",
|
|
11
|
-
setup(u) {
|
|
12
|
-
const o = m(), t = p(), e = () => {
|
|
13
|
-
o.isPreviewModeOpen = !o.isPreviewModeOpen;
|
|
14
|
-
}, i = n(() => o.isPreviewModeOpen);
|
|
15
|
-
return { __sfc: !0, editorStore: o, trans: t, handlePreviewClick: e, isPreviewModeOpen: i, getTooltipOptions: (r) => ({
|
|
16
|
-
id: `${r}-tooltip`,
|
|
17
|
-
dynamicPosition: !1,
|
|
18
|
-
staticPosition: "bottom center",
|
|
19
|
-
iconStatus: !1
|
|
20
|
-
}), InButtonV2: c, AmpToggle: d, VersionHistory: f, VersionHistoryViewOptions: a, ViewOptions: l };
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
export {
|
|
24
|
-
T as default
|
|
25
|
-
};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
|
|
2
|
-
export default _default;
|