@ikas/popup-renderer 0.0.1

package/build-cjs/popup-renderer/models/modal/step/elements/space/index.d.ts

@@ -0,0 +1,7 @@
+import BaseElement, { PopupElementTypeEnum } from "../base";
+export declare class SpaceElement extends BaseElement {
+    type: PopupElementTypeEnum;
+    bgColor: string;
+    height: number;
+    constructor(data: Partial<SpaceElement>);
+}

package/build-cjs/popup-renderer/models/modal/step/elements/space/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),i=require("mobx"),r=require("../base/index.js"),t=function(t){function l(e){var l,o,n,s=this;return(s=t.call(this,e)||this).type=r.PopupElementTypeEnum.SPACE,s.bgColor=e.bgColor||"#FFFFFF",s.height=null!==(l=e.height)&&void 0!==l?l:24,s.horizontalPadding=null!==(o=e.horizontalPadding)&&void 0!==o?o:0,s.verticalPadding=null!==(n=e.verticalPadding)&&void 0!==n?n:0,i.makeObservable(s,{bgColor:i.observable,height:i.observable}),s}return e.__extends(l,t),l}(r.default);exports.SpaceElement=t;

package/build-cjs/popup-renderer/models/modal/step/elements/text/index.d.ts

@@ -0,0 +1,18 @@
+import BaseElement, { PopupElementTypeEnum } from "../base";
+import { ButtonBorderStyle } from "../../../background-settings";
+export declare class TextElement extends BaseElement {
+    type: PopupElementTypeEnum;
+    text: string;
+    color: string;
+    bgColor: string;
+    fontFamily: string;
+    fontSize: number;
+    fontWeight: number;
+    borderRadius: number;
+    borderColor: string;
+    borderStyle: ButtonBorderStyle;
+    borderWidth: number;
+    verticalPadding: number;
+    horizontalPadding: number;
+    constructor(data: Partial<TextElement>);
+}

package/build-cjs/popup-renderer/models/modal/step/elements/text/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),o=require("mobx"),r=require("../base/index.js"),t=require("../../../background-settings/index.js"),l=function(l){function i(e){var i,n,d,a,b,s,u,v,g=this;return(g=l.call(this,e)||this).type=r.PopupElementTypeEnum.TEXT,g.text=e.text||"This is a text",g.color=e.color||"#000000",g.bgColor=e.bgColor||"",g.fontFamily=e.fontFamily||"Arial",g.fontSize=null!==(i=e.fontSize)&&void 0!==i?i:16,g.fontWeight=null!==(n=e.fontWeight)&&void 0!==n?n:400,g.borderRadius=null!==(d=e.borderRadius)&&void 0!==d?d:4,g.borderColor=e.borderColor||"#000000",g.borderStyle=e.borderStyle||t.ButtonBorderStyle.SOLID,g.borderWidth=null!==(a=e.borderWidth)&&void 0!==a?a:0,g.verticalPadding=null!==(b=e.verticalPadding)&&void 0!==b?b:12,g.horizontalPadding=null!==(s=e.horizontalPadding)&&void 0!==s?s:12,g.outerHorizontalPadding=null!==(u=e.outerHorizontalPadding)&&void 0!==u?u:0,g.outerVerticalPadding=null!==(v=e.outerVerticalPadding)&&void 0!==v?v:0,g.horizontalAlignment=e.horizontalAlignment||r.ComponentHorizontalAlignmentEnum.LEFT,o.makeObservable(g,{text:o.observable,color:o.observable,bgColor:o.observable,fontFamily:o.observable,fontSize:o.observable,fontWeight:o.observable,borderRadius:o.observable,borderColor:o.observable,borderStyle:o.observable,borderWidth:o.observable}),g}return e.__extends(i,l),i}(r.default);exports.TextElement=l;

package/build-cjs/popup-renderer/models/modal/step/index.d.ts

@@ -0,0 +1,22 @@
+import { TextElement } from "./elements/text";
+import FormElement from "./elements/form";
+import { ImageElement } from "./elements/image";
+import ProductListElement from "./elements/product";
+import { ButtonElement } from "./elements/button";
+import SocialMediaElement from "./elements/social";
+import DividerElement from "./elements/divider";
+import { SpaceElement } from "./elements/space";
+import { PopupElementTypeEnum } from "./elements/base";
+import { ImageColumnElement } from "./elements/image-column";
+export type ElementType = TextElement | FormElement | ImageElement | ImageColumnElement | ProductListElement | ButtonElement | SocialMediaElement | DividerElement | SpaceElement;
+export declare class PopupStep {
+    id: string;
+    stepNumber: number;
+    name: string;
+    isThankYouStep: boolean;
+    isTeaser: boolean;
+    elements: ElementType[];
+    constructor(data: Partial<PopupStep>);
+    setContent(content: ElementType): TextElement | FormElement | ImageElement | ImageColumnElement | ProductListElement | ButtonElement | SocialMediaElement | DividerElement | SpaceElement;
+    addNewElement(type: PopupElementTypeEnum): void;
+}

package/build-cjs/popup-renderer/models/modal/step/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("mobx"),n=require("uuid"),t=require("./elements/text/index.js"),s=require("./elements/form/index.js"),u=require("./elements/image/index.js"),r=require("./elements/product/index.js"),m=require("./elements/button/index.js"),p=require("./elements/social/index.js"),l=require("./elements/divider/index.js"),a=require("./elements/space/index.js"),i=require("./elements/base/index.js"),o=require("./elements/image-column/index.js"),E=function(){function E(s){var u=this;this.id=s.id||n.v4(),this.stepNumber=s.stepNumber||0,this.name=s.name||"",this.isThankYouStep=s.isThankYouStep||!1,this.isTeaser=s.isTeaser||!1,this.elements=s.elements&&s.elements.length?s.elements.map((function(e){return u.setContent(e)})):[],this.isTeaser&&!this.elements.length&&this.elements.push(new t.TextElement({order:0})),e.makeObservable(this,{stepNumber:e.observable,name:e.observable,isThankYouStep:e.observable,isTeaser:e.observable,elements:e.observable,setContent:e.action.bound,addNewElement:e.action.bound})}return E.prototype.setContent=function(e){switch(e.type){case i.PopupElementTypeEnum.TEXT:return new t.TextElement(e||{});case i.PopupElementTypeEnum.FORM:return new s.default(e||{});case i.PopupElementTypeEnum.IMAGE:return new u.ImageElement(e||{});case i.PopupElementTypeEnum.IMAGE_COLUMN:return new o.ImageColumnElement(e||{});case i.PopupElementTypeEnum.PRODUCT_LIST:return new r.default(e||{});case i.PopupElementTypeEnum.BUTTON:return new m.ButtonElement(e||{});case i.PopupElementTypeEnum.SOCIAL_MEDIA:return new p.default(e||{});case i.PopupElementTypeEnum.DIVIDER:return new l(e||{});case i.PopupElementTypeEnum.SPACE:return new a.SpaceElement(e||{})}},E.prototype.addNewElement=function(e){var n=this.elements.length;switch(e){case i.PopupElementTypeEnum.TEXT:this.elements.push(new t.TextElement({order:n}));break;case i.PopupElementTypeEnum.FORM:this.elements.push(new s.default({order:n}));break;case i.PopupElementTypeEnum.IMAGE:this.elements.push(new u.ImageElement({order:n}));break;case i.PopupElementTypeEnum.IMAGE_COLUMN:this.elements.push(new o.ImageColumnElement({order:n}));break;case i.PopupElementTypeEnum.PRODUCT_LIST:this.elements.push(new r.default({order:n}));break;case i.PopupElementTypeEnum.BUTTON:this.elements.push(new m.ButtonElement({order:n}));break;case i.PopupElementTypeEnum.SOCIAL_MEDIA:this.elements.push(new p.default({order:n}));break;case i.PopupElementTypeEnum.DIVIDER:this.elements.push(new l({order:n}));break;case i.PopupElementTypeEnum.SPACE:this.elements.push(new a.SpaceElement({order:n}))}},E}();exports.PopupStep=E;

package/build-cjs/popup-renderer/models/modal/teaser/index.d.ts

@@ -0,0 +1,20 @@
+import { WindowSettings } from "../window-settings";
+import { BackgroundSettings } from "../background-settings";
+import { CloseSettings } from "../close-settings";
+import { PopupStep } from "../step";
+import { PopupPositonEnum } from "..";
+export declare enum VisibilityConditionEnum {
+    VISIBLE_AT_FIRST_AND_AT_THE_END = "VISIBLE_AT_FIRST_AND_AT_THE_END",
+    VISIBLE_AT_FIRST = "VISIBLE_AT_FIRST",
+    VISIBLE_AT_THE_END = "VISIBLE_AT_THE_END"
+}
+export declare class Teaser {
+    isActive: boolean | null;
+    step: PopupStep;
+    windowSettings: WindowSettings;
+    backgroundSettings: BackgroundSettings;
+    closeSettings: CloseSettings;
+    visibleCondition: VisibilityConditionEnum;
+    position: PopupPositonEnum;
+    constructor(data: Partial<Teaser>);
+}

package/build-cjs/popup-renderer/models/modal/teaser/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,i=require("mobx"),s=require("../window-settings/index.js"),t=require("../background-settings/index.js"),n=require("../close-settings/index.js"),o=require("../step/index.js"),r=require("../index.js");exports.VisibilityConditionEnum=void 0,(e=exports.VisibilityConditionEnum||(exports.VisibilityConditionEnum={})).VISIBLE_AT_FIRST_AND_AT_THE_END="VISIBLE_AT_FIRST_AND_AT_THE_END",e.VISIBLE_AT_FIRST="VISIBLE_AT_FIRST",e.VISIBLE_AT_THE_END="VISIBLE_AT_THE_END";var _=function(e){this.isActive=e.isActive||null,this.step=e.step?new o.PopupStep(e.step):new o.PopupStep({isTeaser:!0,stepNumber:1,name:"Teaser"}),this.windowSettings=new s.WindowSettings(e.windowSettings||{maxHeight:150,maxWidth:350}),this.backgroundSettings=new t.BackgroundSettings(e.backgroundSettings||{}),this.closeSettings=new n.CloseSettings(e.closeSettings||{}),this.visibleCondition=e.visibleCondition||exports.VisibilityConditionEnum.VISIBLE_AT_FIRST_AND_AT_THE_END,this.position=e.position||r.PopupPositonEnum.POPUP_BOTTOM_RIGHT,i.makeObservable(this,{isActive:i.observable,step:i.observable,windowSettings:i.observable,backgroundSettings:i.observable,closeSettings:i.observable,visibleCondition:i.observable,position:i.observable})};exports.Teaser=_;

package/build-cjs/popup-renderer/models/modal/window-settings/index.d.ts

@@ -0,0 +1,10 @@
+export declare class WindowSettings {
+    maxHeight: number | null;
+    maxWidth: number | null;
+    borderRadius: number;
+    outerVerticalPadding: number;
+    outerHorizontalPadding: number;
+    takeFullWidth: boolean;
+    takeFullHeight: boolean;
+    constructor(data: Partial<WindowSettings>);
+}

package/build-cjs/popup-renderer/models/modal/window-settings/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("mobx"),t=function(t){this.maxHeight=t.maxHeight||435,this.maxWidth=t.maxWidth||400,this.borderRadius=t.borderRadius||4,this.outerVerticalPadding=t.outerVerticalPadding||12,this.outerHorizontalPadding=t.outerHorizontalPadding||12,this.takeFullHeight=t.takeFullHeight||!1,this.takeFullWidth=t.takeFullWidth||!1,e.makeObservable(this,{maxHeight:e.observable,maxWidth:e.observable,borderRadius:e.observable,outerVerticalPadding:e.observable,outerHorizontalPadding:e.observable,takeFullHeight:e.observable,takeFullWidth:e.observable})};exports.WindowSettings=t;

package/build-cjs/popup-renderer/models/settings/index.d.ts

@@ -0,0 +1,17 @@
+import { VisibilityCondition } from "./visibility-condition";
+import { VisibilityTime } from "./visibility-time";
+export declare enum DeviceTypeEnum {
+    DESKTOP = "DESKTOP",
+    MOBILE = "MOBILE",
+    DESKTOP_AND_MOBILE = "DESKTOP_AND_MOBILE"
+}
+export declare class PopupSettings {
+    redirect: string | null;
+    language: string | null;
+    visibleDevice: DeviceTypeEnum;
+    visiblePages: string[];
+    visibilityCondition: VisibilityCondition | null;
+    hideIfModalClosed: boolean;
+    time: VisibilityTime | null;
+    constructor(data: Partial<PopupSettings>);
+}

package/build-cjs/popup-renderer/models/settings/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,i=require("mobx"),s=require("./visibility-condition/index.js"),t=require("./visibility-time/index.js");exports.DeviceTypeEnum=void 0,(e=exports.DeviceTypeEnum||(exports.DeviceTypeEnum={})).DESKTOP="DESKTOP",e.MOBILE="MOBILE",e.DESKTOP_AND_MOBILE="DESKTOP_AND_MOBILE";var l=function(e){this.visiblePages=[],this.redirect=e.redirect||null,this.language=e.language||null,this.visibleDevice=e.visibleDevice||exports.DeviceTypeEnum.DESKTOP_AND_MOBILE,this.visiblePages=e.visiblePages||[],this.visibilityCondition=new s.VisibilityCondition(e.visibilityCondition||{}),this.hideIfModalClosed=e.hideIfModalClosed||!1,this.time=e.time?new t.VisibilityTime(e.time):null,i.makeObservable(this,{redirect:i.observable,language:i.observable,visibleDevice:i.observable,visiblePages:i.observable,visibilityCondition:i.observable,hideIfModalClosed:i.observable,time:i.observable})};exports.PopupSettings=l;

package/build-cjs/popup-renderer/models/settings/visibility-condition/index.d.ts

@@ -0,0 +1,12 @@
+export declare enum VisibilityConditionTypeEnum {
+    ON_PAGE_LOAD = "ON_PAGE_LOAD",
+    ON_PAGE_SCROLL = "ON_PAGE_SCROLL",
+    BEFORE_PAGE_CLOSE = "BEFORE_PAGE_CLOSE"
+}
+export declare class VisibilityCondition {
+    type: VisibilityConditionTypeEnum;
+    afterSeconds: number;
+    afterScroll: number;
+    beforePageClose: number;
+    constructor(data: Partial<VisibilityCondition>);
+}

package/build-cjs/popup-renderer/models/settings/visibility-condition/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,i=require("mobx");exports.VisibilityConditionTypeEnum=void 0,(e=exports.VisibilityConditionTypeEnum||(exports.VisibilityConditionTypeEnum={})).ON_PAGE_LOAD="ON_PAGE_LOAD",e.ON_PAGE_SCROLL="ON_PAGE_SCROLL",e.BEFORE_PAGE_CLOSE="BEFORE_PAGE_CLOSE";var o=function(e){this.type=e.type||exports.VisibilityConditionTypeEnum.ON_PAGE_LOAD,this.afterSeconds=e.afterSeconds||0,this.afterScroll=e.afterScroll||0,this.beforePageClose=e.beforePageClose||0,i.makeObservable(this,{type:i.observable,afterSeconds:i.observable,afterScroll:i.observable,beforePageClose:i.observable})};exports.VisibilityCondition=o;

package/build-cjs/popup-renderer/models/settings/visibility-time/index.d.ts

@@ -0,0 +1,5 @@
+export declare class VisibilityTime {
+    startTime: number | null;
+    endTime: number | null;
+    constructor(data: Partial<VisibilityTime>);
+}

package/build-cjs/popup-renderer/models/settings/visibility-time/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("mobx"),i=function(i){this.startTime=i.startTime||null,this.endTime=i.endTime||null,e.makeObservable(this,{startTime:e.observable,endTime:e.observable})};exports.VisibilityTime=i;

package/build-cjs/popup-renderer/style.css

@@ -0,0 +1,62 @@
+.default-styles {
+  line-height: normal;
+  box-sizing: border-box !important;
+
+  ul,
+  li {
+    list-style: unset !important;
+    list-style-position: inside !important;
+  }
+
+  ol {
+    list-style: decimal !important;
+    list-style-position: inside !important;
+  }
+
+  b {
+    font-weight: bold !important;
+  }
+
+  i {
+    font-style: italic !important;
+  }
+
+  a {
+    color: inherit !important;
+    text-decoration: none !important;
+  }
+}
+
+.default-styles * {
+  box-sizing: border-box !important;
+  word-wrap: break-word !important;
+}
+
+.default-styles:-webkit-scrollbar {
+  width: 16px !important;
+}
+
+.default-styles:-webkit-scrollbar-thumb {
+  border: 4px solid rgba(0, 0, 0, 0) !important;
+  background-clip: padding-box !important;
+  border-radius: 8px !important;
+  background-color: #cdd5df !important;
+}
+
+.visible-on-hover {
+  opacity: 0;
+
+  transition: opacity 0.2s ease;
+}
+
+.visible-on-hover:hover {
+  opacity: 1;
+}
+
+/* Custom styles for the next button */
+/* .swiper-button-next {
+} */
+
+/* Custom styles for the prev button */
+/* .swiper-button-prev {
+} */

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@ikas/popup-renderer",
+  "version": "0.0.1",
+  "description": "",
+  "author": "ucy",
+  "license": "ISC",
+  "main": "./build-cjs/index.js",
+  "module": "./build/index.js",
+  "sideEffects": false,
+  "files": [
+    "build",
+    "build-cjs"
+  ],
+  "scripts": {
+    "prepack": "npm run build",
+    "pack": "npm pack",
+    "release": "npm publish",
+    "build": "rm -rf build && rollup -c"
+  },
+  "dependencies": {
+    "@react-email/button": "0.0.7",
+    "@react-email/components": "^0.0.4",
+    "@react-email/head": "0.0.5",
+    "@react-email/html": "0.0.4",
+    "uuid": "^9.0.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^22.0.0",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@types/lodash": "^4.14.191",
+    "@types/node": "^12.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@types/uuid": "^9.0.0",
+    "mobx": "^6.1.3",
+    "mobx-react": "^7.6.0",
+    "react": "^18.0.2",
+    "react-dom": "^18.0.2",
+    "rollup": "^2.75.6",
+    "rollup-plugin-import-css": "^3.5.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-rename-node-modules": "^1.2.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.32.1",
+    "swiper": "^11.0.6",
+    "ttypescript": "^1.5.12",
+    "typescript": "^4.9.4",
+    "typescript-transform-paths": "^2.2.2"
+  },
+  "peerDependencies": {
+    "mobx": "^6.1.3",
+    "mobx-react": "^7.6.0",
+    "react": "^18.0.2",
+    "react-dom": "^18.0.2",
+    "swiper": "^11.0.6",
+    "uuid": "^9.0.0"
+  }
+}