From 2f7a4d57de614447100a8054809e30a6f39e1e20 Mon Sep 17 00:00:00 2001
From: Prachi <prachi.choudhary.min19@itbhu.ac.in>
Date: Mon, 31 Jan 2022 16:17:33 +0530
Subject: [PATCH 1/2] adding min-width and max-width

---
 server/main/requestProcessor.js | 6 +++++-
 server/server-build/index.js    | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/server/main/requestProcessor.js b/server/main/requestProcessor.js
index 87dbcfe..2c0e381 100644
--- a/server/main/requestProcessor.js
+++ b/server/main/requestProcessor.js
@@ -47,7 +47,9 @@ function renderFullPage(html1, css1, bodyBgColor, bodyBgImage) {
 
         <style type="text/css">
             .mainClass{
-                width: 58.333333333333336%
+                width: 58.333333333333336%;
+                max-width: 600px;
+                min-width: 600px;
             }
         </style>
         <style type="text/css">
@@ -56,6 +58,8 @@ function renderFullPage(html1, css1, bodyBgColor, bodyBgImage) {
                 /* For mobile phones: */
                 .mainClass {
                     width: 100%;
+                    max-width: 100%;
+                    min-width: 100%;
                 }
             }
             @media screen and (max-width: 600px) {
diff --git a/server/server-build/index.js b/server/server-build/index.js
index 5b5adf1..fa83c60 100644
--- a/server/server-build/index.js
+++ b/server/server-build/index.js
@@ -1 +1 @@
-(()=>{"use strict";var e={n:r=>{var t=r&&r.__esModule?()=>r.default:()=>r;return e.d(t,{a:t}),t},d:(r,t)=>{for(var n in t)e.o(t,n)&&!e.o(r,n)&&Object.defineProperty(r,n,{enumerable:!0,get:t[n]})},o:(e,r)=>Object.prototype.hasOwnProperty.call(e,r)};const r=require("express");var t=e.n(r);const n=require("body-parser");var a=e.n(n);const o=require("react");var i=e.n(o);const p=require("react-dom/server");var c=e.n(p);const l=require("@material-ui/core/CssBaseline");var u=e.n(l);const s=require("@material-ui/core/styles"),b=require("lodash");var g=e.n(b);const f=require("@material-ui/core");var y=["none","0 0 1px 0 rgba(0,0,0,0.70), 0 3px 4px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 2px 2px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 3px 4px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 3px 4px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 4px 6px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 4px 6px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 4px 8px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 5px 8px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 6px 12px -4px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 7px 12px -4px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 6px 16px -4px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 7px 16px -4px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 8px 18px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 9px 18px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 10px 20px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 11px 20px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 12px 22px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 13px 22px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 14px 24px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 16px 28px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 18px 30px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 20px 32px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 22px 34px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 24px 36px -8px rgba(0,0,0,0.50)"],x="LIGHT",d={direction:"ltr",typography:{h1:{fontWeight:500,fontSize:35,letterSpacing:"-0.24px"},h2:{fontWeight:500,fontSize:29,letterSpacing:"-0.24px"},h3:{fontWeight:500,fontSize:24,letterSpacing:"-0.06px"},h4:{fontWeight:500,fontSize:20,letterSpacing:"-0.06px"},h5:{fontWeight:500,fontSize:16,letterSpacing:"-0.05px"},h6:{fontWeight:500,fontSize:14,letterSpacing:"-0.05px"},overline:{fontWeight:500}},overrides:{MuiLinearProgress:{root:{borderRadius:3,overflow:"hidden"}},MuiListItemIcon:{root:{minWidth:32}},MuiChip:{root:{backgroundColor:"rgba(0,0,0,0.075)"}}}},m=[{name:x,overrides:{MuiInputBase:{input:{"&::placeholder":{opacity:1,color:f.colors.blueGrey[600]}}}},palette:{type:"light",action:{active:f.colors.blueGrey[600]},background:{default:f.colors.common.white,dark:"#f4f6f8",paper:f.colors.common.white},primary:{main:f.colors.indigo[600]},secondary:{main:"#5850EC"},text:{primary:f.colors.blueGrey[900],secondary:f.colors.blueGrey[600]}},shadows:["none","0 0 0 1px rgba(63,63,68,0.05), 0 1px 2px 0 rgba(63,63,68,0.15)","0 0 1px 0 rgba(0,0,0,0.31), 0 2px 2px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 3px 4px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 3px 4px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 4px 6px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 4px 6px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 4px 8px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 5px 8px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 6px 12px -4px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 7px 12px -4px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 6px 16px -4px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 7px 16px -4px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 8px 18px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 9px 18px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 10px 20px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 11px 20px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 12px 22px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 13px 22px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 14px 24px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 16px 28px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 18px 30px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 20px 32px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 22px 34px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 24px 36px -8px rgba(0,0,0,0.25)"]},{name:"ONE_DARK",palette:{type:"dark",action:{active:"rgba(255, 255, 255, 0.54)",hover:"rgba(255, 255, 255, 0.04)",selected:"rgba(255, 255, 255, 0.08)",disabled:"rgba(255, 255, 255, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)",focus:"rgba(255, 255, 255, 0.12)"},background:{default:"#282C34",dark:"#1c2025",paper:"#282C34"},primary:{main:"#8a85ff"},secondary:{main:"#8a85ff"},text:{primary:"#e6e5e8",secondary:"#adb0bb"}},shadows:y},{name:"UNICORN",palette:{type:"dark",action:{active:"rgba(255, 255, 255, 0.54)",hover:"rgba(255, 255, 255, 0.04)",selected:"rgba(255, 255, 255, 0.08)",disabled:"rgba(255, 255, 255, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)",focus:"rgba(255, 255, 255, 0.12)"},background:{default:"#2a2d3d",dark:"#222431",paper:"#2a2d3d"},primary:{main:"#a67dff"},secondary:{main:"#a67dff"},text:{primary:"#f6f5f8",secondary:"#9699a4"}},shadows:y}];function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?O(Object(t),!0).forEach((function(r){v(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function v(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var j=(0,o.forwardRef)((function(e,r){var t=e.container,n=e.item,a=e.xs,o=(e.alignContent,e.justifyContent),p=e.children,c=e.style,l=e.id;return t&&!n?i().createElement("table",{style:h(h({width:"100%"},c),{},{tableLayout:"fixed",borderSpacing:"0"}),cellSpacing:"0"},i().createElement("tbody",{align:o,style:{width:"100%"}},p)):i().createElement("tr",null,i().createElement("td",{style:{padding:0}},i().createElement("div",{style:h({},c)},i().createElement("div",{id:l,style:h({},"Main"!==l?{width:"".concat(100/12*a,"%")}:{}),className:"Main"===l?"mainClass":null},p))))}));j.defaultProps={alignContent:"center",justifyContent:"left",item:!1,container:!1,xs:12,style:{}};var w=["props","id","parentStyle","style"];function P(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function S(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function E(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function k(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?E(Object(t),!0).forEach((function(r){D(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function D(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var I=function(e){var r=e.children,t=e.style,n=e.parentStyle,a=e.props;return i().createElement(j,{item:!0,style:n,xs:a.xs,id:a.id},i().createElement(j,{container:!0,style:k(k({},t),{},{backgroundImage:"url("+t.backgroundImage+")",backgroundRepeat:"no-repeat",backgroundSize:"cover"}),alignItems:a.alignItems},i().createElement(i().Fragment,null,r)))};const C=require("html-react-parser");var T=e.n(C),q=["props","parentStyle","style"];var B=["props","style","parentStyle"];function M(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function R(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function z(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function A(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?z(Object(t),!0).forEach((function(r){N(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):z(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function N(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var W=(0,f.makeStyles)((function(e){return{}}));require("@material-ui/icons/PlayCircleOutlineOutlined");var G=["props","style","parentStyle"];function L(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function F(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var H=["style","parentStyle"];function _(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function U(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function X(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function Y(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?X(Object(t),!0).forEach((function(r){J(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):X(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function J(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var K=function(){return K=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var a in r=arguments[t])Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);return e},K.apply(this,arguments)},V={Text:function(e){var r=e.props,t=e.style,n=e.parentStyle,a=(W(),A({},n));a.backgroundImage="url("+a.backgroundImage+")";var o=["p","h1","h2","h3","h4","h5","h6"],p=r.html,c={replace:function(e){var r=e.attribs,t=e.children,n=e.name;if(r){var a=(0,C.attributesToProps)(r);if(o.includes(n)){var p=A(A({},a.style),{},{whiteSpace:"pre-wrap",wordBreak:"normal",wordWrap:"normal"});return i().createElement(f.Typography,{variant:"p"===n?"body2":n,style:p},(0,C.domToReact)(t,c))}return"hr"===n||"br"===n?i().createElement(n,a):i().createElement(n,a,(0,C.domToReact)(t,c))}}};return i().createElement(j,{item:!0,xs:12,style:a},i().createElement(f.Box,{className:"braft-output-content",style:t},T()(p,c)))},Container:function(e){var r=e.children,t=e.id,n=e.style,a=e.parentStyle,o=e.props,p=o.containerType,c=r.filter((function(e){return e.props.children.length>0}));return i().createElement(I,{id:t,style:n,parentStyle:a,props:o},p>1?i().createElement("tr",null,c.map((function(e,r){return i().createElement("td",{key:e.props.id,width:"".concat(100/p,"%"),style:{padding:0},id:"containerCol"},i().createElement(j,{container:!0},e))}))):i().createElement(i().Fragment,null,r))},Button:function(e){var r=e.props,t=e.id,n=e.parentStyle,a=e.style,o=(function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}}(e,w),function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?P(Object(t),!0).forEach((function(r){S(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}({},n));return o.backgroundImage="url("+o.backgroundImage+")",i().createElement(j,{id:t,item:!0,xs:12,style:Object.assign({textAlign:o.align},o)},i().createElement(f.Button,{href:r.path,target:"_blank",style:Object.assign({display:"inline-block"},a)},r.text))},Image:function(e){var r=e.props,t=e.style,n=e.parentStyle,a=(function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}}(e,B),function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?M(Object(t),!0).forEach((function(r){R(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):M(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}({},n));return a.backgroundImage="url("+a.backgroundImage+")",i().createElement(j,{item:!0,xs:12,style:Object.assign({textAlign:a.align},a)},i().createElement("a",{href:r.path,target:r.linkTarget,style:{pointerEvents:"#"===r.path?"none":"auto"}},i().createElement("img",{src:r.src,width:t.width,alt:r.altText,style:t})))},Video:function(e){var r=e.props,t=e.style,n=e.parentStyle,a=(function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}}(e,G),function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?L(Object(t),!0).forEach((function(r){F(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):L(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}({},n));return a.backgroundImage="url("+a.backgroundImage+")",i().createElement(j,{item:!0,xs:12,style:Object.assign({textAlign:a.align},a)},r.src?i().createElement(i().Fragment,null,i().createElement("video",{style:t,controls:!0},i().createElement("source",{src:r.src,type:"video/mp4"}),"Your browser does not support HTML video.")):i().createElement("img",{style:t,src:"https://raven-images.s3.ap-south-1.amazonaws.com/images/placeholder_video.jpg"}))},HtmlBox:function(e){var r=e.props,t=e.parentStyle;return e.style,function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}}(e,q),i().createElement(j,{item:!0,xs:12,style:t},i().createElement("div",{dangerouslySetInnerHTML:{__html:r.html}}))},CustomDivider:function(e){var r=e.style,t=e.parentStyle,n=(function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}}(e,H),function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?_(Object(t),!0).forEach((function(r){U(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):_(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}({},t));return n.backgroundImage="url("+n.backgroundImage+")",i().createElement(j,{item:!0,xs:12,style:n,alignContent:"center"},i().createElement(f.Divider,{style:r}))},Resizer:I,BodyWrapper:function(e){e.style;var r=e.id,t=e.children;return i().createElement(j,{container:!0,id:r,alignContent:"center",justifyContent:"center"},t)}};function $(e,r){return g().find(e,(function(e){return e.id===r}))}var Q=function e(r,t,n){void 0===t&&(t="ROOT"),void 0===n&&(n=[]);var a=r[t];if(!a)throw new Error("Could not find node "+t);return n.push(K({id:t},a)),g().each(a.nodes,(function(t){n.push.apply(n,e(r,t))})),g().each(a.linkedNodes,(function(t){n.push.apply(n,e(r,t))})),n};function Z(e,r,t,n){var a=$(e,t);if(!a)throw new Error("Could not find node with id "+t);var o=V[a.type.resolvedName],p=function(e,r,t,n){return void 0===t&&(t=!1),g().compact(g().map(function r(n,a,o){if(void 0===a&&(a=[]),void 0===o&&(o=0),t||!t&&0===o){var i=$(e,n);if(!i)return a;var p=i.linkedNodes;g().each(p,(function(e){a.push(e),a=r(e,a,o+1)}));var c=i.nodes;return g().each(c,(function(e){a.push(e),a=r(e,a,o+1)})),a}return a}(r),(function(r){return $(e,r)})))}(e,t),c=g().map(p,(function(t,n){return Z(e,r,t.id,n)}));return i().createElement(o,Y(Y({},a.props),{},{isSSR:!0,id:t,key:n,children:c}))}function ee(e){var r=Q(e),t=e.ROOT.props.style.backgroundColor,n=e.ROOT.props.style.backgroundImage,a=function(e,r,t){return Z(e,r,"ROOT",12200)}(r,V);return{jsx:a,bodyBgColor:t,bodyBgImage:n}}const re=require("cssjson");function te(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function ne(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function ae(e,r,t,n){return'\n    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">\n      <head>\n        \x3c!--[if gte mso 9]>\n            <xml>\n                <o:OfficeDocumentSettings>\n                <o:AllowPNG/>\n                <o:PixelsPerInch>96</o:PixelsPerInch>\n                </o:OfficeDocumentSettings>\n            </xml>\n        <![endif]--\x3e\n        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">\n        <meta name="viewport" content="width=device-width, initial-scale=1.0">\n        <meta name="x-apple-disable-message-reformatting">\n        \x3c!--[if !mso]>\x3c!--\x3e\n        <meta http-equiv="X-UA-Compatible" content="IE=edge">\n        \x3c!--<![endif]--\x3e\n            '.concat((a=r,o=(0,re.toJSON)(a).children,i="",Object.entries(o).map((function(e){var r,t,n=(t=2,function(e){if(Array.isArray(e))return e}(r=e)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,o=[],i=!0,p=!1;try{for(t=t.call(e);!(i=(n=t.next()).done)&&(o.push(n.value),!r||o.length!==r);i=!0);}catch(e){p=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(p)throw a}}return o}}(r,t)||function(e,r){if(e){if("string"==typeof e)return ne(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?ne(e,r):void 0}}(r,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),a={children:te({},n[0],n[1])};i+='\n            <style type="text/css">\n                '.concat((0,re.toCSS)(a),"\n            </style>\n        ")})),i),'\n\n        <style type="text/css">\n            .mainClass{\n                width: 58.333333333333336%\n            }\n        </style>\n        <style type="text/css">\n            .braft-output-content p{min-height:1em}.braft-output-content .image-wrap img{max-width:100%;height:auto}.braft-output-content ul,.braft-output-content ol{margin:16px 0;padding:0}.braft-output-content blockquote{margin:0 0 10px 0;padding:15px 20px;background-color:#f1f2f3;border-left:solid 5px #ccc;color:#666;font-style:italic}.braft-output-content pre{max-width:100%;max-height:100%;margin:10px 0;padding:15px;overflow:auto;background-color:#f1f2f3;border-radius:3px;color:#666;font-family:monospace;font-size:14px;font-weight:normal;line-height:16px;}.braft-output-content pre pre{margin:0;padding:0}\n            @media  (max-width: 768px) {\n                /* For mobile phones: */\n                .mainClass {\n                    width: 100%;\n                }\n            }\n            @media screen and (max-width: 600px) {\n                table td#containerCol {\n                    display: flex;\n                    width: 100%;\n                }\n            }\n        </style>\n        <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />\n       \n      </head>\n      <body style="\n            background-color:').concat(t,";\n            background-image: url(").concat(n,');\n            background-repeat: no-repeat;\n            background-size: cover;\n            background-attachment: fixed;\n        ">\n        ').concat(e,'\n        \n      </body>\n        <script type="text/javascript">\n          var w=window.innerWidth;\n          if(w < 800) document.getElementById("Main").className=("MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12");\n        <\/script>\n    </html>\n  ');var a,o,i}require("extract-inline-css");const oe=require("cors");var ie=e.n(oe),pe=t()();pe.use(ie()({origin:!0,credentials:!0})),pe.use(a().json()),pe.post("/api/html",(function(e,r){console.log(e);var t=function(e){var r,t,n=new s.ServerStyleSheets,a=ee(e),o=a.jsx,p=a.bodyBgColor,l=a.bodyBgImage;return ae(c().renderToString(n.collect(i().createElement(s.ThemeProvider,{theme:(r=m.find((function(e){return e.name===x})),t=(0,f.createTheme)(g().merge({},d,r,{direction:"ltr"})),t=(0,f.responsiveFontSizes)(t))},i().createElement(u(),null),i().createElement(i().Fragment,null,o)))),n.toString(),p,l)}(e.body.app);r.statusCode=200,r.setHeader("content-type","text/plain"),r.send(t)})),pe.listen(process.env.PORT||8080)})();
\ No newline at end of file
+(()=>{"use strict";var e={n:r=>{var t=r&&r.__esModule?()=>r.default:()=>r;return e.d(t,{a:t}),t},d:(r,t)=>{for(var n in t)e.o(t,n)&&!e.o(r,n)&&Object.defineProperty(r,n,{enumerable:!0,get:t[n]})},o:(e,r)=>Object.prototype.hasOwnProperty.call(e,r)};const r=require("express");var t=e.n(r);const n=require("body-parser");var a=e.n(n);const o=require("react");var i=e.n(o);const p=require("react-dom/server");var c=e.n(p);const l=require("@material-ui/core/CssBaseline");var u=e.n(l);const s=require("@material-ui/core/styles"),b=require("lodash");var g=e.n(b);const f=require("@material-ui/core");var x=["none","0 0 1px 0 rgba(0,0,0,0.70), 0 3px 4px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 2px 2px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 3px 4px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 3px 4px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 4px 6px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 4px 6px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 4px 8px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 5px 8px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 6px 12px -4px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 7px 12px -4px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 6px 16px -4px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 7px 16px -4px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 8px 18px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 9px 18px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 10px 20px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 11px 20px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 12px 22px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 13px 22px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 14px 24px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 16px 28px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 18px 30px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 20px 32px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 22px 34px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 24px 36px -8px rgba(0,0,0,0.50)"],y="LIGHT",d={direction:"ltr",typography:{h1:{fontWeight:500,fontSize:35,letterSpacing:"-0.24px"},h2:{fontWeight:500,fontSize:29,letterSpacing:"-0.24px"},h3:{fontWeight:500,fontSize:24,letterSpacing:"-0.06px"},h4:{fontWeight:500,fontSize:20,letterSpacing:"-0.06px"},h5:{fontWeight:500,fontSize:16,letterSpacing:"-0.05px"},h6:{fontWeight:500,fontSize:14,letterSpacing:"-0.05px"},overline:{fontWeight:500}},overrides:{MuiLinearProgress:{root:{borderRadius:3,overflow:"hidden"}},MuiListItemIcon:{root:{minWidth:32}},MuiChip:{root:{backgroundColor:"rgba(0,0,0,0.075)"}}}},m=[{name:y,overrides:{MuiInputBase:{input:{"&::placeholder":{opacity:1,color:f.colors.blueGrey[600]}}}},palette:{type:"light",action:{active:f.colors.blueGrey[600]},background:{default:f.colors.common.white,dark:"#f4f6f8",paper:f.colors.common.white},primary:{main:f.colors.indigo[600]},secondary:{main:"#5850EC"},text:{primary:f.colors.blueGrey[900],secondary:f.colors.blueGrey[600]}},shadows:["none","0 0 0 1px rgba(63,63,68,0.05), 0 1px 2px 0 rgba(63,63,68,0.15)","0 0 1px 0 rgba(0,0,0,0.31), 0 2px 2px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 3px 4px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 3px 4px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 4px 6px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 4px 6px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 4px 8px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 5px 8px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 6px 12px -4px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 7px 12px -4px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 6px 16px -4px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 7px 16px -4px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 8px 18px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 9px 18px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 10px 20px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 11px 20px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 12px 22px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 13px 22px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 14px 24px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 16px 28px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 18px 30px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 20px 32px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 22px 34px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 24px 36px -8px rgba(0,0,0,0.25)"]},{name:"ONE_DARK",palette:{type:"dark",action:{active:"rgba(255, 255, 255, 0.54)",hover:"rgba(255, 255, 255, 0.04)",selected:"rgba(255, 255, 255, 0.08)",disabled:"rgba(255, 255, 255, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)",focus:"rgba(255, 255, 255, 0.12)"},background:{default:"#282C34",dark:"#1c2025",paper:"#282C34"},primary:{main:"#8a85ff"},secondary:{main:"#8a85ff"},text:{primary:"#e6e5e8",secondary:"#adb0bb"}},shadows:x},{name:"UNICORN",palette:{type:"dark",action:{active:"rgba(255, 255, 255, 0.54)",hover:"rgba(255, 255, 255, 0.04)",selected:"rgba(255, 255, 255, 0.08)",disabled:"rgba(255, 255, 255, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)",focus:"rgba(255, 255, 255, 0.12)"},background:{default:"#2a2d3d",dark:"#222431",paper:"#2a2d3d"},primary:{main:"#a67dff"},secondary:{main:"#a67dff"},text:{primary:"#f6f5f8",secondary:"#9699a4"}},shadows:x}];function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?O(Object(t),!0).forEach((function(r){v(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function v(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var j=(0,o.forwardRef)((function(e,r){var t=e.container,n=e.item,a=e.xs,o=(e.alignContent,e.justifyContent),p=e.children,c=e.style,l=e.id;return t&&!n?i().createElement("table",{style:h(h({width:"100%"},c),{},{tableLayout:"fixed",borderSpacing:"0"}),cellSpacing:"0"},i().createElement("tbody",{align:o,style:{width:"100%"}},p)):i().createElement("tr",null,i().createElement("td",{style:{padding:0}},i().createElement("div",{style:h({},c)},i().createElement("div",{id:l,style:h({},"Main"!==l?{width:"".concat(100/12*a,"%")}:{}),className:"Main"===l?"mainClass":null},p))))}));j.defaultProps={alignContent:"center",justifyContent:"left",item:!1,container:!1,xs:12,style:{}};var w=["props","id","parentStyle","style"];function P(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function S(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function E(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function k(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?E(Object(t),!0).forEach((function(r){D(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function D(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var I=function(e){var r=e.children,t=e.style,n=e.parentStyle,a=e.props;return i().createElement(j,{item:!0,style:n,xs:a.xs,id:a.id},i().createElement(j,{container:!0,style:k(k({},t),{},{backgroundImage:"url("+t.backgroundImage+")",backgroundRepeat:"no-repeat",backgroundSize:"cover"}),alignItems:a.alignItems},i().createElement(i().Fragment,null,r)))};const C=require("html-react-parser");var T=e.n(C),q=["props","parentStyle","style"];var B=["props","style","parentStyle"];function M(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function R(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function z(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function A(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?z(Object(t),!0).forEach((function(r){N(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):z(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function N(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var W=(0,f.makeStyles)((function(e){return{}}));require("@material-ui/icons/PlayCircleOutlineOutlined");var G=["props","style","parentStyle"];function L(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function F(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var H=["style","parentStyle"];function _(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function U(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function X(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function Y(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?X(Object(t),!0).forEach((function(r){J(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):X(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function J(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var K=function(){return K=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var a in r=arguments[t])Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);return e},K.apply(this,arguments)},V={Text:function(e){var r=e.props,t=e.style,n=e.parentStyle,a=(W(),A({},n));a.backgroundImage="url("+a.backgroundImage+")";var o=["p","h1","h2","h3","h4","h5","h6"],p=r.html,c={replace:function(e){var r=e.attribs,t=e.children,n=e.name;if(r){var a=(0,C.attributesToProps)(r);if(o.includes(n)){var p=A(A({},a.style),{},{whiteSpace:"pre-wrap",wordBreak:"normal",wordWrap:"normal"});return i().createElement(f.Typography,{variant:"p"===n?"body2":n,style:p},(0,C.domToReact)(t,c))}return"hr"===n||"br"===n?i().createElement(n,a):i().createElement(n,a,(0,C.domToReact)(t,c))}}};return i().createElement(j,{item:!0,xs:12,style:a},i().createElement(f.Box,{className:"braft-output-content",style:t},T()(p,c)))},Container:function(e){var r=e.children,t=e.id,n=e.style,a=e.parentStyle,o=e.props,p=o.containerType,c=r.filter((function(e){return e.props.children.length>0}));return i().createElement(I,{id:t,style:n,parentStyle:a,props:o},p>1?i().createElement("tr",null,c.map((function(e,r){return i().createElement("td",{key:e.props.id,width:"".concat(100/p,"%"),style:{padding:0},id:"containerCol"},i().createElement(j,{container:!0},e))}))):i().createElement(i().Fragment,null,r))},Button:function(e){var r=e.props,t=e.id,n=e.parentStyle,a=e.style,o=(function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}}(e,w),function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?P(Object(t),!0).forEach((function(r){S(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}({},n));return o.backgroundImage="url("+o.backgroundImage+")",i().createElement(j,{id:t,item:!0,xs:12,style:Object.assign({textAlign:o.align},o)},i().createElement(f.Button,{href:r.path,target:"_blank",style:Object.assign({display:"inline-block"},a)},r.text))},Image:function(e){var r=e.props,t=e.style,n=e.parentStyle,a=(function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}}(e,B),function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?M(Object(t),!0).forEach((function(r){R(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):M(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}({},n));return a.backgroundImage="url("+a.backgroundImage+")",i().createElement(j,{item:!0,xs:12,style:Object.assign({textAlign:a.align},a)},i().createElement("a",{href:r.path,target:r.linkTarget,style:{pointerEvents:"#"===r.path?"none":"auto"}},i().createElement("img",{src:r.src,width:t.width,alt:r.altText,style:t})))},Video:function(e){var r=e.props,t=e.style,n=e.parentStyle,a=(function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}}(e,G),function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?L(Object(t),!0).forEach((function(r){F(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):L(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}({},n));return a.backgroundImage="url("+a.backgroundImage+")",i().createElement(j,{item:!0,xs:12,style:Object.assign({textAlign:a.align},a)},r.src?i().createElement(i().Fragment,null,i().createElement("video",{style:t,controls:!0},i().createElement("source",{src:r.src,type:"video/mp4"}),"Your browser does not support HTML video.")):i().createElement("img",{style:t,src:"https://raven-images.s3.ap-south-1.amazonaws.com/images/placeholder_video.jpg"}))},HtmlBox:function(e){var r=e.props,t=e.parentStyle;return e.style,function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}}(e,q),i().createElement(j,{item:!0,xs:12,style:t},i().createElement("div",{dangerouslySetInnerHTML:{__html:r.html}}))},CustomDivider:function(e){var r=e.style,t=e.parentStyle,n=(function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}}(e,H),function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?_(Object(t),!0).forEach((function(r){U(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):_(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}({},t));return n.backgroundImage="url("+n.backgroundImage+")",i().createElement(j,{item:!0,xs:12,style:n,alignContent:"center"},i().createElement(f.Divider,{style:r}))},Resizer:I,BodyWrapper:function(e){e.style;var r=e.id,t=e.children;return i().createElement(j,{container:!0,id:r,alignContent:"center",justifyContent:"center"},t)}};function $(e,r){return g().find(e,(function(e){return e.id===r}))}var Q=function e(r,t,n){void 0===t&&(t="ROOT"),void 0===n&&(n=[]);var a=r[t];if(!a)throw new Error("Could not find node "+t);return n.push(K({id:t},a)),g().each(a.nodes,(function(t){n.push.apply(n,e(r,t))})),g().each(a.linkedNodes,(function(t){n.push.apply(n,e(r,t))})),n};function Z(e,r,t,n){var a=$(e,t);if(!a)throw new Error("Could not find node with id "+t);var o=V[a.type.resolvedName],p=function(e,r,t,n){return void 0===t&&(t=!1),g().compact(g().map(function r(n,a,o){if(void 0===a&&(a=[]),void 0===o&&(o=0),t||!t&&0===o){var i=$(e,n);if(!i)return a;var p=i.linkedNodes;g().each(p,(function(e){a.push(e),a=r(e,a,o+1)}));var c=i.nodes;return g().each(c,(function(e){a.push(e),a=r(e,a,o+1)})),a}return a}(r),(function(r){return $(e,r)})))}(e,t),c=g().map(p,(function(t,n){return Z(e,r,t.id,n)}));return i().createElement(o,Y(Y({},a.props),{},{isSSR:!0,id:t,key:n,children:c}))}function ee(e){var r=Q(e),t=e.ROOT.props.style.backgroundColor,n=e.ROOT.props.style.backgroundImage,a=function(e,r,t){return Z(e,r,"ROOT",12200)}(r,V);return{jsx:a,bodyBgColor:t,bodyBgImage:n}}const re=require("cssjson");function te(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function ne(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function ae(e,r,t,n){return'\n    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">\n      <head>\n        \x3c!--[if gte mso 9]>\n            <xml>\n                <o:OfficeDocumentSettings>\n                <o:AllowPNG/>\n                <o:PixelsPerInch>96</o:PixelsPerInch>\n                </o:OfficeDocumentSettings>\n            </xml>\n        <![endif]--\x3e\n        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">\n        <meta name="viewport" content="width=device-width, initial-scale=1.0">\n        <meta name="x-apple-disable-message-reformatting">\n        \x3c!--[if !mso]>\x3c!--\x3e\n        <meta http-equiv="X-UA-Compatible" content="IE=edge">\n        \x3c!--<![endif]--\x3e\n            '.concat((a=r,o=(0,re.toJSON)(a).children,i="",Object.entries(o).map((function(e){var r,t,n=(t=2,function(e){if(Array.isArray(e))return e}(r=e)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,o=[],i=!0,p=!1;try{for(t=t.call(e);!(i=(n=t.next()).done)&&(o.push(n.value),!r||o.length!==r);i=!0);}catch(e){p=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(p)throw a}}return o}}(r,t)||function(e,r){if(e){if("string"==typeof e)return ne(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?ne(e,r):void 0}}(r,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),a={children:te({},n[0],n[1])};i+='\n            <style type="text/css">\n                '.concat((0,re.toCSS)(a),"\n            </style>\n        ")})),i),'\n\n        <style type="text/css">\n            .mainClass{\n                width: 58.333333333333336%;\n                max-width: 600px;\n                min-width: 600px;\n            }\n        </style>\n        <style type="text/css">\n            .braft-output-content p{min-height:1em}.braft-output-content .image-wrap img{max-width:100%;height:auto}.braft-output-content ul,.braft-output-content ol{margin:16px 0;padding:0}.braft-output-content blockquote{margin:0 0 10px 0;padding:15px 20px;background-color:#f1f2f3;border-left:solid 5px #ccc;color:#666;font-style:italic}.braft-output-content pre{max-width:100%;max-height:100%;margin:10px 0;padding:15px;overflow:auto;background-color:#f1f2f3;border-radius:3px;color:#666;font-family:monospace;font-size:14px;font-weight:normal;line-height:16px;}.braft-output-content pre pre{margin:0;padding:0}\n            @media  (max-width: 768px) {\n                /* For mobile phones: */\n                .mainClass {\n                    width: 100%;\n                    max-width: 100%;\n                    min-width: 100%;\n                }\n            }\n            @media screen and (max-width: 600px) {\n                table td#containerCol {\n                    display: flex;\n                    width: 100%;\n                }\n            }\n        </style>\n        <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />\n       \n      </head>\n      <body style="\n            background-color:').concat(t,";\n            background-image: url(").concat(n,');\n            background-repeat: no-repeat;\n            background-size: cover;\n            background-attachment: fixed;\n        ">\n        ').concat(e,'\n        \n      </body>\n        <script type="text/javascript">\n          var w=window.innerWidth;\n          if(w < 800) document.getElementById("Main").className=("MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12");\n        <\/script>\n    </html>\n  ');var a,o,i}require("extract-inline-css");const oe=require("cors");var ie=e.n(oe),pe=t()();pe.use(ie()({origin:!0,credentials:!0})),pe.use(a().json()),pe.post("/api/html",(function(e,r){var t=function(e){var r,t,n=new s.ServerStyleSheets,a=ee(e),o=a.jsx,p=a.bodyBgColor,l=a.bodyBgImage;return ae(c().renderToString(n.collect(i().createElement(s.ThemeProvider,{theme:(r=m.find((function(e){return e.name===y})),t=(0,f.createTheme)(g().merge({},d,r,{direction:"ltr"})),t=(0,f.responsiveFontSizes)(t))},i().createElement(u(),null),i().createElement(i().Fragment,null,o)))),n.toString(),p,l)}(e.body.app);r.statusCode=200,r.setHeader("content-type","text/plain"),r.send(t)})),pe.listen(process.env.PORT||8080)})();
\ No newline at end of file

From 89f4394626242d6cb57deff2f80707c033f6865e Mon Sep 17 00:00:00 2001
From: Prachi <prachi.choudhary.min19@itbhu.ac.in>
Date: Sat, 5 Feb 2022 11:19:33 +0530
Subject: [PATCH 2/2] resolving forward email style issue

---
 .../userComponents/Button/Button.js           |  50 +++++---
 .../userComponents/Button/ButtonSettings.js   |  19 ++-
 .../Container/ContainerSettings.js            |   2 +-
 .../Container/ResizerSettings.js              |   5 +-
 .../UtilComponents/ButtonProperties.js        |  51 +++++++-
 .../exportComponents/Button/ButtonExport.js   |  58 +++++----
 server/main/exportComponents/Grid.js          |   6 +-
 .../exportComponents/HtmlBox/HtmlBoxExport.js |  13 +-
 .../main/exportComponents/Text/TextExport.js  | 115 +++++++++++-------
 server/main/requestProcessor.js               |   4 -
 server/server-build/index.js                  |   2 +-
 11 files changed, 216 insertions(+), 109 deletions(-)

diff --git a/app/src/core/design/components/userComponents/Button/Button.js b/app/src/core/design/components/userComponents/Button/Button.js
index 6c1e23f..6d3a0c3 100644
--- a/app/src/core/design/components/userComponents/Button/Button.js
+++ b/app/src/core/design/components/userComponents/Button/Button.js
@@ -3,20 +3,36 @@ import React from "react";
 import { ButtonDefaultProps, ButtonSettings } from "./ButtonSettings";
 import { Button as MaterialButton, Grid, Link, Typography } from "@material-ui/core";
 
-//setting border to null if border-width is 0
-function getBorderStyles(style) {
-    var borderStyles = {
-        borderTop: style.borderTop != null && style.borderTop[0] === "0" ? null : style.borderTop,
-        borderBottom:
-            style.borderBottom != null && style.borderBottom[0] === "0" ? null : style.borderBottom,
-        borderLeft:
-            style.borderLeft != null && style.borderLeft[0] === "0" ? null : style.borderLeft,
-        borderRight:
-            style.borderRight != null && style.borderRight[0] === "0" ? null : style.borderRight
+function getStyles(style) {
+    var styles = {
+        padding: "",
+        fontSize: "",
+        backgroundColor: ""
     };
-    return borderStyles;
-}
 
+    if (style.size === "large") {
+        styles.padding = "8px 22px";
+        styles.fontSize = "0.9375rem";
+    } else if (style.size === "medium") {
+        styles.padding = "7px 16px";
+        styles.fontSize = "0.875rem";
+    } else {
+        styles.padding = "4px 10px";
+        styles.fontSize = "0.8125rem";
+    }
+
+    if (style.backgroundColor == undefined) {
+        if (style.variant === "contained") {
+            styles.backgroundColor = "#e0e0e0";
+        } else {
+            styles.backgroundColor = "#FFFFFF";
+        }
+    } else {
+        styles.backgroundColor = style.backgroundColor;
+    }
+
+    return styles;
+}
 export const Button = ({ props, parentStyle, style, ...rest }) => {
     const {
         connectors: { connect, drag },
@@ -59,19 +75,17 @@ export const Button = ({ props, parentStyle, style, ...rest }) => {
             >
                 {props.text}
             </a> */}
-            <MaterialButton
+            <a
                 href={props.path}
-                target="_blank"
-                size={style.size}
-                variant={style.variant}
+                target={"_blank"}
                 style={{
                     ...style,
-                    ...getBorderStyles(style),
+                    ...getStyles(style),
                     display: "inline-block"
                 }}
             >
                 {props.text}
-            </MaterialButton>
+            </a>
         </Grid>
     );
 };
diff --git a/app/src/core/design/components/userComponents/Button/ButtonSettings.js b/app/src/core/design/components/userComponents/Button/ButtonSettings.js
index 9b1acb6..f8633a5 100644
--- a/app/src/core/design/components/userComponents/Button/ButtonSettings.js
+++ b/app/src/core/design/components/userComponents/Button/ButtonSettings.js
@@ -6,7 +6,6 @@ import Typography from "@material-ui/core/Typography";
 import {
     PaddingAccordion,
     MarginAccordion,
-    BorderAccordion,
     ColorAccordion,
     AlignmentAccordion,
     ActionAccordion,
@@ -16,7 +15,11 @@ import {
 import { CustomAccordion } from "../UtilComponents/Accordion";
 import { GroupedButtons } from "../UtilComponents/GroupedButtons";
 import { PADDING, MARGIN, BORDER } from "../Defaults";
-import { ButtonSizeAccordion, ButtonVariantAccordion } from "../UtilComponents/ButtonProperties";
+import {
+    ButtonSizeAccordion,
+    ButtonVariantAccordion,
+    BorderAccordion
+} from "../UtilComponents/ButtonProperties";
 const useStyles = makeStyles(theme => ({
     root: {
         width: "100%"
@@ -82,7 +85,7 @@ export const ButtonSettings = () => {
                 isSelfBg={false}
                 defaultImage={ButtonDefaultProps.parentStyle.backgroundImage}
             />
-            <BorderAccordion props={props} setProp={setProp} />
+            <BorderAccordion props={props} setProp={setProp} type={props.style.variant} />
             <ColorAccordion props={props} setProp={setProp} types={["Text", "Button"]} />
         </div>
     );
@@ -106,7 +109,15 @@ export const ButtonDefaultProps = {
             "-apple-system,BlinkMacSystemFont,‘Segoe UI’,Roboto,Helvetica,Arial,sans-serif,‘Apple Color Emoji’,‘Segoe UI Emoji’,‘Segoe UI Symbol’",
 
         ...BORDER,
-        borderRadius: 4
+        borderRadius: 4,
+        minWidth: "64px",
+        boxSizing: "border-box",
+        fontWeight: "500",
+        lineHeight: "1.75",
+        letterSpacing: "0.02857em",
+        textTransform: "uppercase",
+        textDecoration: "none",
+        cursor: "pointer"
     },
     parentStyle: {
         align: "center",
diff --git a/app/src/core/design/components/userComponents/Container/ContainerSettings.js b/app/src/core/design/components/userComponents/Container/ContainerSettings.js
index ffec6c8..c128681 100644
--- a/app/src/core/design/components/userComponents/Container/ContainerSettings.js
+++ b/app/src/core/design/components/userComponents/Container/ContainerSettings.js
@@ -243,7 +243,7 @@ export const ContainerSettings = () => {
                     }
                 />
             )}
-            <ResizerSettings id={id} isParent={true} />
+            <ResizerSettings id={id} isParent={true} type={props.props.containerType} />
         </>
     );
 };
diff --git a/app/src/core/design/components/userComponents/Container/ResizerSettings.js b/app/src/core/design/components/userComponents/Container/ResizerSettings.js
index 9ce4ce8..3e644dd 100644
--- a/app/src/core/design/components/userComponents/Container/ResizerSettings.js
+++ b/app/src/core/design/components/userComponents/Container/ResizerSettings.js
@@ -25,7 +25,7 @@ const useStyles = makeStyles(theme => ({
     }
 }));
 
-export const ResizerSettings = ({ id, isParent }) => {
+export const ResizerSettings = ({ id, isParent, type }) => {
     // console.log(id);
     const {
         actions: { setProp },
@@ -49,11 +49,10 @@ export const ResizerSettings = ({ id, isParent }) => {
             val(props);
         });
     };
-
     return (
         <>
             {isParent && <AccordionHeader title={"Spacing"} />}
-            <MarginAccordion props={props} setProp={handleSetProp} />
+            {type > 1 && <MarginAccordion props={props} setProp={handleSetProp} />}
             <PaddingAccordion props={props} setProp={handleSetProp} />
             {isParent && <AccordionHeader title={"Decoration"} />}
             <BackgroundAccordion
diff --git a/app/src/core/design/components/userComponents/UtilComponents/ButtonProperties.js b/app/src/core/design/components/userComponents/UtilComponents/ButtonProperties.js
index 23b2069..542accc 100644
--- a/app/src/core/design/components/userComponents/UtilComponents/ButtonProperties.js
+++ b/app/src/core/design/components/userComponents/UtilComponents/ButtonProperties.js
@@ -4,7 +4,7 @@ import Typography from "@material-ui/core/Typography";
 import { CustomAccordion } from "./Accordion";
 import Select from "@material-ui/core/Select";
 import OutlinedInput from "@material-ui/core/OutlinedInput";
-
+import { BorderComponent } from "./Border";
 const myStyle = {
     box: {
         display: "flex",
@@ -127,3 +127,52 @@ export function ButtonVariantAccordion({ props, setProp }) {
         />
     );
 }
+
+export function BorderAccordion({ props, setProp, styleProp, type }) {
+    var borderString =
+        props[styleProp].borderRight +
+        props[styleProp].borderLeft +
+        props[styleProp].borderBottom +
+        props[styleProp].borderTop;
+
+    if (type === "outlined" && borderString == "0") {
+        borderString = "1px solid //#region BFBBBB";
+        setProp(props => {
+            props[styleProp].borderRight = "1px solid #BFBBBB";
+            props[styleProp].borderLeft = "1px solid #BFBBBB";
+            props[styleProp].borderTop = "1px solid #BFBBBB";
+            props[styleProp].borderBottom = "1px solid #BFBBBB";
+        });
+    }
+    var isBorderExists = borderString && borderString.split("0px").length < 5;
+    return (
+        <CustomAccordion
+            title="Border"
+            preview={
+                isBorderExists ? (
+                    <Box
+                        style={{
+                            width: 40,
+                            height: 25,
+                            borderRadius: props[styleProp].borderRadius,
+                            borderRight: props[styleProp].borderRight,
+                            borderLeft: props[styleProp].borderLeft,
+                            borderBottom: props[styleProp].borderBottom,
+                            borderTop: props[styleProp].borderTop
+                        }}
+                    />
+                ) : (
+                    <Box px={1} bgcolor="#f1f1f1" borderRadius={5}>
+                        <Typography variant="caption" color="textSecondary">
+                            none
+                        </Typography>
+                    </Box>
+                )
+            }
+            children={<BorderComponent props={props} setProp={setProp} styleProp={styleProp} />}
+        />
+    );
+}
+BorderAccordion.defaultProps = {
+    styleProp: "style"
+};
diff --git a/server/main/exportComponents/Button/ButtonExport.js b/server/main/exportComponents/Button/ButtonExport.js
index 0a843f6..416b59b 100644
--- a/server/main/exportComponents/Button/ButtonExport.js
+++ b/server/main/exportComponents/Button/ButtonExport.js
@@ -2,27 +2,35 @@ import React from "react";
 import { Box, Button as MaterialButton, Link } from "@material-ui/core";
 import { Grid } from "../Grid";
 
-//setting border to null if border-width is 0
-function getBorderStyles(style) {
-  var borderStyles = {
-    borderTop:
-      style.borderTop != null && style.borderTop[0] === "0"
-        ? null
-        : style.borderTop,
-    borderBottom:
-      style.borderBottom != null && style.borderBottom[0] === "0"
-        ? null
-        : style.borderBottom,
-    borderLeft:
-      style.borderLeft != null && style.borderLeft[0] === "0"
-        ? null
-        : style.borderLeft,
-    borderRight:
-      style.borderRight != null && style.borderRight[0] === "0"
-        ? null
-        : style.borderRight,
+function getStyles(style) {
+  var styles = {
+    padding: "",
+    fontSize: "",
+    backgroundColor: "",
   };
-  return borderStyles;
+
+  if (style.size === "large") {
+    styles.padding = "8px 22px";
+    styles.fontSize = "0.9375rem";
+  } else if (style.size === "medium") {
+    styles.padding = "7px 16px";
+    styles.fontSize = "0.875rem";
+  } else {
+    styles.padding = "4px 10px";
+    styles.fontSize = "0.8125rem";
+  }
+
+  if (style.backgroundColor == undefined) {
+    if (style.variant === "contained") {
+      styles.backgroundColor = "#e0e0e0";
+    } else {
+      styles.backgroundColor = "#FFFFFF";
+    }
+  } else {
+    styles.backgroundColor = style.backgroundColor;
+  }
+
+  return styles;
 }
 export const ButtonExport = ({ props, id, parentStyle, style, ...rest }) => {
   //bgimage/bgcolor
@@ -42,19 +50,17 @@ export const ButtonExport = ({ props, id, parentStyle, style, ...rest }) => {
         parentStyleCopy
       )}
     >
-      <MaterialButton
+      <a
         href={props.path}
-        target="_blank"
-        size={style.size}
-        variant={style.variant}
+        target={"_blank"}
         style={{
           ...style,
-          ...getBorderStyles(style),
+          ...getStyles(style),
           display: "inline-block",
         }}
       >
         {props.text}
-      </MaterialButton>
+      </a>
     </Grid>
   );
 };
diff --git a/server/main/exportComponents/Grid.js b/server/main/exportComponents/Grid.js
index cf5baf2..f77d800 100644
--- a/server/main/exportComponents/Grid.js
+++ b/server/main/exportComponents/Grid.js
@@ -35,7 +35,11 @@ export const Grid = forwardRef(
                         ///border: "2px solid black",
                         //   overflowWrap: "break-word"
                       }
-                    : {}),
+                    : {
+                        width: "100%",
+                        maxWidth: 738,
+                        minWidth: 320 - style.paddingLeft - style.paddingRight,
+                      }),
                 }}
                 className={id === "Main" ? "mainClass" : null}
               >
diff --git a/server/main/exportComponents/HtmlBox/HtmlBoxExport.js b/server/main/exportComponents/HtmlBox/HtmlBoxExport.js
index b515cd1..282beff 100644
--- a/server/main/exportComponents/HtmlBox/HtmlBoxExport.js
+++ b/server/main/exportComponents/HtmlBox/HtmlBoxExport.js
@@ -3,9 +3,12 @@ import parse from "html-react-parser";
 import React, { useEffect } from "react";
 
 export const HtmlBoxExport = ({ props, parentStyle, style, ...rest }) => {
-    return (
-        <Grid item xs={12} style={parentStyle}>
-            <div dangerouslySetInnerHTML={{ __html: props.html }}></div>
-        </Grid>
-    );
+  return (
+    <Grid item xs={12} style={parentStyle}>
+      <div
+        dangerouslySetInnerHTML={{ __html: props.html }}
+        style={{ color: "black" }}
+      ></div>
+    </Grid>
+  );
 };
diff --git a/server/main/exportComponents/Text/TextExport.js b/server/main/exportComponents/Text/TextExport.js
index 7d6bb97..3fb4ce8 100644
--- a/server/main/exportComponents/Text/TextExport.js
+++ b/server/main/exportComponents/Text/TextExport.js
@@ -3,53 +3,78 @@ import React from "react";
 import { makeStyles, Typography, Box } from "@material-ui/core";
 import parse, { attributesToProps, domToReact } from "html-react-parser";
 import { Grid } from "../Grid";
-const useStyles = makeStyles(theme => ({}));
+const useStyles = makeStyles((theme) => ({}));
 export function TextExport({ props, style, parentStyle }) {
-    const classes = useStyles();
-    //bgimage/bgcolor
-    var pstyleCopy = { ...parentStyle };
+  const classes = useStyles();
+  //bgimage/bgcolor
+  var pstyleCopy = { ...parentStyle };
 
-    pstyleCopy.backgroundImage = "url(" + pstyleCopy.backgroundImage + ")";
+  pstyleCopy.backgroundImage = "url(" + pstyleCopy.backgroundImage + ")";
 
-    const typographyElements = ["p", "h1", "h2", "h3", "h4", "h5", "h6"];
-    const spacing = {
-        "<p></p>": "<p><br/></p>",
-        "<br/></br>": "<br/><br/><br/>"
-    };
-    let html = props.html;
-    // html = html.replace(
-    //     new RegExp(Object.keys(spacing).join("|"), "gi"),
-    //     matched => spacing[matched]
-    // );
-    const options = {
-        replace: ({ attribs, children, name }) => {
-            if (attribs) {
-                let props = attributesToProps(attribs);
-                if (typographyElements.includes(name)) {
-                    let styleObj = {
-                        ...props.style,
-                        whiteSpace: "pre-wrap",
-                        wordBreak: "normal",
-                        wordWrap: "normal"
-                    };
-                    return (
-                        <Typography variant={name === "p" ? "body2" : name} style={styleObj}>
-                            {domToReact(children, options)}
-                        </Typography>
-                    );
-                } else if (name === "hr" || name === "br") {
-                    return React.createElement(name, props);
-                } else {
-                    return React.createElement(name, props, domToReact(children, options));
-                }
-            }
+  const typographyElements = ["p", "h1", "h2", "h3", "h4", "h5", "h6"];
+  const spacing = {
+    "<p></p>": "<p><br/></p>",
+    "<br/></br>": "<br/><br/><br/>",
+  };
+  let html = props.html;
+  // html = html.replace(
+  //     new RegExp(Object.keys(spacing).join("|"), "gi"),
+  //     matched => spacing[matched]
+  // );
+  const options = {
+    replace: ({ attribs, children, name }) => {
+      if (attribs) {
+        let props = attributesToProps(attribs);
+        if (typographyElements.includes(name)) {
+          let styleObj = {
+            ...props.style,
+            whiteSpace: "pre-wrap",
+            wordBreak: "normal",
+            wordWrap: "normal",
+            color: "black",
+          };
+          return (
+            <>
+              {name === "p" && (
+                <p style={styleObj}>{domToReact(children, options)}</p>
+              )}
+              {name === "h1" && (
+                <h1 style={styleObj}>{domToReact(children, options)}</h1>
+              )}
+              {name === "h2" && (
+                <h2 style={styleObj}>{domToReact(children, options)}</h2>
+              )}
+              {name === "h3" && (
+                <h3 style={styleObj}>{domToReact(children, options)}</h3>
+              )}
+              {name === "h4" && (
+                <h4 style={styleObj}>{domToReact(children, options)}</h4>
+              )}
+              {name === "h5" && (
+                <h5 style={styleObj}>{domToReact(children, options)}</h5>
+              )}
+              {name === "h6" && (
+                <h6 style={styleObj}>{domToReact(children, options)}</h6>
+              )}
+            </>
+          );
+        } else if (name === "hr" || name === "br") {
+          return React.createElement(name, props);
+        } else {
+          return React.createElement(
+            name,
+            props,
+            domToReact(children, options)
+          );
         }
-    };
-    return (
-        <Grid item xs={12} style={pstyleCopy}>
-            <Box className="braft-output-content" style={style}>
-                {parse(html, options)}
-            </Box>
-        </Grid>
-    );
+      }
+    },
+  };
+  return (
+    <Grid item xs={12} style={pstyleCopy}>
+      <Box className="braft-output-content" style={style}>
+        {parse(html, options)}
+      </Box>
+    </Grid>
+  );
 }
diff --git a/server/main/requestProcessor.js b/server/main/requestProcessor.js
index 2c0e381..8526ec0 100644
--- a/server/main/requestProcessor.js
+++ b/server/main/requestProcessor.js
@@ -48,8 +48,6 @@ function renderFullPage(html1, css1, bodyBgColor, bodyBgImage) {
         <style type="text/css">
             .mainClass{
                 width: 58.333333333333336%;
-                max-width: 600px;
-                min-width: 600px;
             }
         </style>
         <style type="text/css">
@@ -58,8 +56,6 @@ function renderFullPage(html1, css1, bodyBgColor, bodyBgImage) {
                 /* For mobile phones: */
                 .mainClass {
                     width: 100%;
-                    max-width: 100%;
-                    min-width: 100%;
                 }
             }
             @media screen and (max-width: 600px) {
diff --git a/server/server-build/index.js b/server/server-build/index.js
index 4964ca0..fd0285f 100644
--- a/server/server-build/index.js
+++ b/server/server-build/index.js
@@ -1 +1 @@
-(()=>{"use strict";var e={n:r=>{var t=r&&r.__esModule?()=>r.default:()=>r;return e.d(t,{a:t}),t},d:(r,t)=>{for(var n in t)e.o(t,n)&&!e.o(r,n)&&Object.defineProperty(r,n,{enumerable:!0,get:t[n]})},o:(e,r)=>Object.prototype.hasOwnProperty.call(e,r)};const r=require("express");var t=e.n(r);const n=require("body-parser");var a=e.n(n);const o=require("react");var i=e.n(o);const p=require("react-dom/server");var c=e.n(p);const l=require("@material-ui/core/CssBaseline");var u=e.n(l);const b=require("@material-ui/core/styles"),s=require("lodash");var g=e.n(s);const f=require("@material-ui/core");var d=["none","0 0 1px 0 rgba(0,0,0,0.70), 0 3px 4px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 2px 2px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 3px 4px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 3px 4px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 4px 6px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 4px 6px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 4px 8px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 5px 8px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 6px 12px -4px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 7px 12px -4px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 6px 16px -4px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 7px 16px -4px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 8px 18px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 9px 18px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 10px 20px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 11px 20px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 12px 22px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 13px 22px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 14px 24px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 16px 28px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 18px 30px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 20px 32px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 22px 34px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 24px 36px -8px rgba(0,0,0,0.50)"],y="LIGHT",x={direction:"ltr",typography:{h1:{fontWeight:500,fontSize:35,letterSpacing:"-0.24px"},h2:{fontWeight:500,fontSize:29,letterSpacing:"-0.24px"},h3:{fontWeight:500,fontSize:24,letterSpacing:"-0.06px"},h4:{fontWeight:500,fontSize:20,letterSpacing:"-0.06px"},h5:{fontWeight:500,fontSize:16,letterSpacing:"-0.05px"},h6:{fontWeight:500,fontSize:14,letterSpacing:"-0.05px"},overline:{fontWeight:500}},overrides:{MuiLinearProgress:{root:{borderRadius:3,overflow:"hidden"}},MuiListItemIcon:{root:{minWidth:32}},MuiChip:{root:{backgroundColor:"rgba(0,0,0,0.075)"}}}},m=[{name:y,overrides:{MuiInputBase:{input:{"&::placeholder":{opacity:1,color:f.colors.blueGrey[600]}}}},palette:{type:"light",action:{active:f.colors.blueGrey[600]},background:{default:f.colors.common.white,dark:"#f4f6f8",paper:f.colors.common.white},primary:{main:f.colors.indigo[600]},secondary:{main:"#5850EC"},text:{primary:f.colors.blueGrey[900],secondary:f.colors.blueGrey[600]}},shadows:["none","0 0 0 1px rgba(63,63,68,0.05), 0 1px 2px 0 rgba(63,63,68,0.15)","0 0 1px 0 rgba(0,0,0,0.31), 0 2px 2px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 3px 4px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 3px 4px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 4px 6px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 4px 6px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 4px 8px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 5px 8px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 6px 12px -4px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 7px 12px -4px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 6px 16px -4px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 7px 16px -4px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 8px 18px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 9px 18px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 10px 20px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 11px 20px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 12px 22px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 13px 22px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 14px 24px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 16px 28px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 18px 30px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 20px 32px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 22px 34px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 24px 36px -8px rgba(0,0,0,0.25)"]},{name:"ONE_DARK",palette:{type:"dark",action:{active:"rgba(255, 255, 255, 0.54)",hover:"rgba(255, 255, 255, 0.04)",selected:"rgba(255, 255, 255, 0.08)",disabled:"rgba(255, 255, 255, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)",focus:"rgba(255, 255, 255, 0.12)"},background:{default:"#282C34",dark:"#1c2025",paper:"#282C34"},primary:{main:"#8a85ff"},secondary:{main:"#8a85ff"},text:{primary:"#e6e5e8",secondary:"#adb0bb"}},shadows:d},{name:"UNICORN",palette:{type:"dark",action:{active:"rgba(255, 255, 255, 0.54)",hover:"rgba(255, 255, 255, 0.04)",selected:"rgba(255, 255, 255, 0.08)",disabled:"rgba(255, 255, 255, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)",focus:"rgba(255, 255, 255, 0.12)"},background:{default:"#2a2d3d",dark:"#222431",paper:"#2a2d3d"},primary:{main:"#a67dff"},secondary:{main:"#a67dff"},text:{primary:"#f6f5f8",secondary:"#9699a4"}},shadows:d}];function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?O(Object(t),!0).forEach((function(r){v(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function v(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var j=(0,o.forwardRef)((function(e,r){var t=e.container,n=e.item,a=e.xs,o=(e.alignContent,e.justifyContent),p=e.children,c=e.style,l=e.id;return t&&!n?i().createElement("table",{style:h(h({width:"100%"},c),{},{tableLayout:"fixed",borderSpacing:"0"}),cellSpacing:"0"},i().createElement("tbody",{align:o,style:{width:"100%"}},p)):i().createElement("tr",null,i().createElement("td",{style:{padding:0}},i().createElement("div",{style:h({},c)},i().createElement("div",{id:l,style:h({},"Main"!==l?{width:"".concat(100/12*a,"%")}:{}),className:"Main"===l?"mainClass":null},p))))}));j.defaultProps={alignContent:"center",justifyContent:"left",item:!1,container:!1,xs:12,style:{}};var w=["props","id","parentStyle","style"];function P(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function S(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?P(Object(t),!0).forEach((function(r){E(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function E(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function k(e){return{borderTop:null!=e.borderTop&&"0"===e.borderTop[0]?null:e.borderTop,borderBottom:null!=e.borderBottom&&"0"===e.borderBottom[0]?null:e.borderBottom,borderLeft:null!=e.borderLeft&&"0"===e.borderLeft[0]?null:e.borderLeft,borderRight:null!=e.borderRight&&"0"===e.borderRight[0]?null:e.borderRight}}function D(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function I(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?D(Object(t),!0).forEach((function(r){C(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function C(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var T=function(e){var r=e.children,t=e.style,n=e.parentStyle,a=e.props;return i().createElement(j,{item:!0,style:n,xs:a.xs,id:a.id},i().createElement(j,{container:!0,style:I(I({},t),{},{backgroundImage:"url("+t.backgroundImage+")",backgroundRepeat:"no-repeat",backgroundSize:"cover"}),alignItems:a.alignItems},i().createElement(i().Fragment,null,r)))};const B=require("html-react-parser");var R=e.n(B),q=["props","parentStyle","style"];var M=["props","style","parentStyle"];function z(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function N(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function A(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function L(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?A(Object(t),!0).forEach((function(r){W(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function W(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var G=(0,f.makeStyles)((function(e){return{}}));require("@material-ui/icons/PlayCircleOutlineOutlined");const _=require("cloudinary-react");var F=["props","style","defaultValues","parentStyle"];function H(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function U(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var V=["style","parentStyle"];function X(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function J(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function K(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function Y(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?K(Object(t),!0).forEach((function(r){$(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):K(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function $(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var Q=function(){return Q=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var a in r=arguments[t])Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);return e},Q.apply(this,arguments)},Z={Text:function(e){var r=e.props,t=e.style,n=e.parentStyle,a=(G(),L({},n));a.backgroundImage="url("+a.backgroundImage+")";var o=["p","h1","h2","h3","h4","h5","h6"],p=r.html,c={replace:function(e){var r=e.attribs,t=e.children,n=e.name;if(r){var a=(0,B.attributesToProps)(r);if(o.includes(n)){var p=L(L({},a.style),{},{whiteSpace:"pre-wrap",wordBreak:"normal",wordWrap:"normal"});return i().createElement(f.Typography,{variant:"p"===n?"body2":n,style:p},(0,B.domToReact)(t,c))}return"hr"===n||"br"===n?i().createElement(n,a):i().createElement(n,a,(0,B.domToReact)(t,c))}}};return i().createElement(j,{item:!0,xs:12,style:a},i().createElement(f.Box,{className:"braft-output-content",style:t},R()(p,c)))},Container:function(e){var r=e.children,t=e.id,n=e.style,a=e.parentStyle,o=e.props,p=o.containerType,c=r.filter((function(e){return e.props.children.length>0}));return i().createElement(T,{id:t,style:n,parentStyle:a,props:o},p>1?i().createElement("tr",null,c.map((function(e,r){return i().createElement("td",{key:e.props.id,width:"".concat(100/p,"%"),style:{padding:0},id:"containerCol"},i().createElement(j,{container:!0},e))}))):i().createElement(i().Fragment,null,r))},Button:function(e){var r=e.props,t=e.id,n=e.parentStyle,a=e.style,o=(function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}}(e,w),S({},n));return o.backgroundImage="url("+o.backgroundImage+")",i().createElement(j,{id:t,item:!0,xs:12,style:Object.assign({textAlign:o.align},o)},i().createElement(f.Button,{href:r.path,target:"_blank",size:a.size,variant:a.variant,style:S(S(S({},a),k(a)),{},{display:"inline-block"})},r.text))},Image:function(e){var r=e.props,t=e.style,n=e.parentStyle,a=(function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}}(e,M),function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?z(Object(t),!0).forEach((function(r){N(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):z(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}({},n));return a.backgroundImage="url("+a.backgroundImage+")",i().createElement(j,{item:!0,xs:12,style:Object.assign({textAlign:a.align},a)},i().createElement("a",{href:r.path,target:r.linkTarget,style:{pointerEvents:"#"===r.path?"none":"auto"}},i().createElement("img",{src:r.src,width:t.width,alt:r.altText,style:t})))},Video:function(e){var r=e.props,t=e.style,n=e.defaultValues,a=e.parentStyle;!function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}}(e,F),String.prototype.format||(String.prototype.format=function(){var e=arguments;return this.replace(/{(\d+)}/g,(function(r,t){return void 0!==e[t]?e[t]:r}))});var o=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?H(Object(t),!0).forEach((function(r){U(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):H(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}({},a);return o.backgroundImage="url("+o.backgroundImage+")",i().createElement(j,{item:!0,xs:12,style:Object.assign({textAlign:o.align},o)},i().createElement("a",{href:r.src,target:"_blank",style:Object.assign(t)},i().createElement("div",null,""!=r.thumbnailPublicId&&i().createElement(_.CloudinaryContext,{cloudName:"ravenapp"},i().createElement(_.Image,{publicId:r.thumbnailPublicId,style:Object.assign(t)},i().createElement(_.Transformation,{overlay:{url:n.thumbnail.format(r.height,r.width)}}),i().createElement(_.Transformation,{flags:"layer_apply"}))),""===r.thumbnailPublicId&&i().createElement("img",{src:n.thumbnail.format(n.height,n.width),style:t}))))},HtmlBox:function(e){var r=e.props,t=e.parentStyle;return e.style,function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}}(e,q),i().createElement(j,{item:!0,xs:12,style:t},i().createElement("div",{dangerouslySetInnerHTML:{__html:r.html}}))},CustomDivider:function(e){var r=e.style,t=e.parentStyle,n=(function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}}(e,V),function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?X(Object(t),!0).forEach((function(r){J(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):X(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}({},t));return n.backgroundImage="url("+n.backgroundImage+")",i().createElement(j,{item:!0,xs:12,style:n,alignContent:"center"},i().createElement(f.Divider,{style:r}))},Resizer:T,BodyWrapper:function(e){e.style;var r=e.id,t=e.children;return i().createElement(j,{container:!0,id:r,alignContent:"center",justifyContent:"center"},t)}};function ee(e,r){return g().find(e,(function(e){return e.id===r}))}var re=function e(r,t,n){void 0===t&&(t="ROOT"),void 0===n&&(n=[]);var a=r[t];if(!a)throw new Error("Could not find node "+t);return n.push(Q({id:t},a)),g().each(a.nodes,(function(t){n.push.apply(n,e(r,t))})),g().each(a.linkedNodes,(function(t){n.push.apply(n,e(r,t))})),n};function te(e,r,t,n){var a=ee(e,t);if(!a)throw new Error("Could not find node with id "+t);var o=Z[a.type.resolvedName],p=function(e,r,t,n){return void 0===t&&(t=!1),g().compact(g().map(function r(n,a,o){if(void 0===a&&(a=[]),void 0===o&&(o=0),t||!t&&0===o){var i=ee(e,n);if(!i)return a;var p=i.linkedNodes;g().each(p,(function(e){a.push(e),a=r(e,a,o+1)}));var c=i.nodes;return g().each(c,(function(e){a.push(e),a=r(e,a,o+1)})),a}return a}(r),(function(r){return ee(e,r)})))}(e,t),c=g().map(p,(function(t,n){return te(e,r,t.id,n)}));return i().createElement(o,Y(Y({},a.props),{},{isSSR:!0,id:t,key:n,children:c}))}function ne(e){var r=re(e),t=e.ROOT.props.style.backgroundColor,n=e.ROOT.props.style.backgroundImage,a=function(e,r,t){return te(e,r,"ROOT",12200)}(r,Z);return{jsx:a,bodyBgColor:t,bodyBgImage:n}}const ae=require("cssjson");function oe(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function ie(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function pe(e,r,t,n){return'\n    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">\n      <head>\n        \x3c!--[if gte mso 9]>\n            <xml>\n                <o:OfficeDocumentSettings>\n                <o:AllowPNG/>\n                <o:PixelsPerInch>96</o:PixelsPerInch>\n                </o:OfficeDocumentSettings>\n            </xml>\n        <![endif]--\x3e\n        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">\n        <meta name="viewport" content="width=device-width, initial-scale=1.0">\n        <meta name="x-apple-disable-message-reformatting">\n        \x3c!--[if !mso]>\x3c!--\x3e\n        <meta http-equiv="X-UA-Compatible" content="IE=edge">\n        \x3c!--<![endif]--\x3e\n            '.concat((a=r,o=(0,ae.toJSON)(a).children,i="",Object.entries(o).map((function(e){var r,t,n=(t=2,function(e){if(Array.isArray(e))return e}(r=e)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,o=[],i=!0,p=!1;try{for(t=t.call(e);!(i=(n=t.next()).done)&&(o.push(n.value),!r||o.length!==r);i=!0);}catch(e){p=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(p)throw a}}return o}}(r,t)||function(e,r){if(e){if("string"==typeof e)return ie(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?ie(e,r):void 0}}(r,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),a={children:oe({},n[0],n[1])};i+='\n            <style type="text/css">\n                '.concat((0,ae.toCSS)(a),"\n            </style>\n        ")})),i),'\n\n        <style type="text/css">\n            .mainClass{\n                width: 58.333333333333336%;\n                max-width: 600px;\n                min-width: 600px;\n            }\n        </style>\n        <style type="text/css">\n            .braft-output-content p{min-height:1em}.braft-output-content .image-wrap img{max-width:100%;height:auto}.braft-output-content ul,.braft-output-content ol{margin:16px 0;padding:0}.braft-output-content blockquote{margin:0 0 10px 0;padding:15px 20px;background-color:#f1f2f3;border-left:solid 5px #ccc;color:#666;font-style:italic}.braft-output-content pre{max-width:100%;max-height:100%;margin:10px 0;padding:15px;overflow:auto;background-color:#f1f2f3;border-radius:3px;color:#666;font-family:monospace;font-size:14px;font-weight:normal;line-height:16px;}.braft-output-content pre pre{margin:0;padding:0}\n            @media  (max-width: 768px) {\n                /* For mobile phones: */\n                .mainClass {\n                    width: 100%;\n                    max-width: 100%;\n                    min-width: 100%;\n                }\n            }\n            @media screen and (max-width: 600px) {\n                table td#containerCol {\n                    display: flex;\n                    width: 100%;\n                }\n            }\n        </style>\n        <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />\n       \n      </head>\n      <body style="\n            background-color:').concat(t,";\n            background-image: url(").concat(n,');\n            background-repeat: no-repeat;\n            background-size: cover;\n            background-attachment: fixed;\n        ">\n        ').concat(e,'\n        \n      </body>\n        <script type="text/javascript">\n          var w=window.innerWidth;\n          if(w < 800) document.getElementById("Main").className=("MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12");\n        <\/script>\n    </html>\n  ');var a,o,i}require("extract-inline-css");const ce=require("cors");var le=e.n(ce),ue=t()();ue.use(le()({origin:!0,credentials:!0})),ue.use(a().json()),ue.post("/api/html",(function(e,r){var t=function(e){var r,t,n=new b.ServerStyleSheets,a=ne(e),o=a.jsx,p=a.bodyBgColor,l=a.bodyBgImage;return pe(c().renderToString(n.collect(i().createElement(b.ThemeProvider,{theme:(r=m.find((function(e){return e.name===y})),t=(0,f.createTheme)(g().merge({},x,r,{direction:"ltr"})),t=(0,f.responsiveFontSizes)(t))},i().createElement(u(),null),i().createElement(i().Fragment,null,o)))),n.toString(),p,l)}(e.body.app);r.statusCode=200,r.setHeader("content-type","text/plain"),r.send(t)})),ue.listen(process.env.PORT||8080)})();
\ No newline at end of file
+(()=>{"use strict";var e={n:t=>{var r=t&&t.__esModule?()=>t.default:()=>t;return e.d(r,{a:r}),r},d:(t,r)=>{for(var n in r)e.o(r,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:r[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)};const t=require("express");var r=e.n(t);const n=require("body-parser");var a=e.n(n);const o=require("react");var i=e.n(o);const c=require("react-dom/server");var p=e.n(c);const l=require("@material-ui/core/CssBaseline");var u=e.n(l);const b=require("@material-ui/core/styles"),s=require("lodash");var g=e.n(s);const f=require("@material-ui/core");var d=["none","0 0 1px 0 rgba(0,0,0,0.70), 0 3px 4px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 2px 2px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 3px 4px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 3px 4px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 4px 6px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 4px 6px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 4px 8px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 5px 8px -2px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 6px 12px -4px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 7px 12px -4px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 6px 16px -4px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 7px 16px -4px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 8px 18px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 9px 18px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 10px 20px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 11px 20px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 12px 22px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 13px 22px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 14px 24px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 16px 28px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 18px 30px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 20px 32px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 22px 34px -8px rgba(0,0,0,0.50)","0 0 1px 0 rgba(0,0,0,0.70), 0 24px 36px -8px rgba(0,0,0,0.50)"],y="LIGHT",x={direction:"ltr",typography:{h1:{fontWeight:500,fontSize:35,letterSpacing:"-0.24px"},h2:{fontWeight:500,fontSize:29,letterSpacing:"-0.24px"},h3:{fontWeight:500,fontSize:24,letterSpacing:"-0.06px"},h4:{fontWeight:500,fontSize:20,letterSpacing:"-0.06px"},h5:{fontWeight:500,fontSize:16,letterSpacing:"-0.05px"},h6:{fontWeight:500,fontSize:14,letterSpacing:"-0.05px"},overline:{fontWeight:500}},overrides:{MuiLinearProgress:{root:{borderRadius:3,overflow:"hidden"}},MuiListItemIcon:{root:{minWidth:32}},MuiChip:{root:{backgroundColor:"rgba(0,0,0,0.075)"}}}},m=[{name:y,overrides:{MuiInputBase:{input:{"&::placeholder":{opacity:1,color:f.colors.blueGrey[600]}}}},palette:{type:"light",action:{active:f.colors.blueGrey[600]},background:{default:f.colors.common.white,dark:"#f4f6f8",paper:f.colors.common.white},primary:{main:f.colors.indigo[600]},secondary:{main:"#5850EC"},text:{primary:f.colors.blueGrey[900],secondary:f.colors.blueGrey[600]}},shadows:["none","0 0 0 1px rgba(63,63,68,0.05), 0 1px 2px 0 rgba(63,63,68,0.15)","0 0 1px 0 rgba(0,0,0,0.31), 0 2px 2px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 3px 4px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 3px 4px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 4px 6px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 4px 6px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 4px 8px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 5px 8px -2px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 6px 12px -4px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 7px 12px -4px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 6px 16px -4px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 7px 16px -4px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 8px 18px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 9px 18px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 10px 20px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 11px 20px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 12px 22px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 13px 22px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 14px 24px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 16px 28px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 18px 30px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 20px 32px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 22px 34px -8px rgba(0,0,0,0.25)","0 0 1px 0 rgba(0,0,0,0.31), 0 24px 36px -8px rgba(0,0,0,0.25)"]},{name:"ONE_DARK",palette:{type:"dark",action:{active:"rgba(255, 255, 255, 0.54)",hover:"rgba(255, 255, 255, 0.04)",selected:"rgba(255, 255, 255, 0.08)",disabled:"rgba(255, 255, 255, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)",focus:"rgba(255, 255, 255, 0.12)"},background:{default:"#282C34",dark:"#1c2025",paper:"#282C34"},primary:{main:"#8a85ff"},secondary:{main:"#8a85ff"},text:{primary:"#e6e5e8",secondary:"#adb0bb"}},shadows:d},{name:"UNICORN",palette:{type:"dark",action:{active:"rgba(255, 255, 255, 0.54)",hover:"rgba(255, 255, 255, 0.04)",selected:"rgba(255, 255, 255, 0.08)",disabled:"rgba(255, 255, 255, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)",focus:"rgba(255, 255, 255, 0.12)"},background:{default:"#2a2d3d",dark:"#222431",paper:"#2a2d3d"},primary:{main:"#a67dff"},secondary:{main:"#a67dff"},text:{primary:"#f6f5f8",secondary:"#9699a4"}},shadows:d}];function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){v(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function v(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var j=(0,o.forwardRef)((function(e,t){var r=e.container,n=e.item,a=e.xs,o=(e.alignContent,e.justifyContent),c=e.children,p=e.style,l=e.id;return r&&!n?i().createElement("table",{style:h(h({width:"100%"},p),{},{tableLayout:"fixed",borderSpacing:"0"}),cellSpacing:"0"},i().createElement("tbody",{align:o,style:{width:"100%"}},c)):i().createElement("tr",null,i().createElement("td",{style:{padding:0}},i().createElement("div",{style:h({},p)},i().createElement("div",{id:l,style:h({},"Main"!==l?{width:"".concat(100/12*a,"%")}:{width:"100%",maxWidth:738,minWidth:320-p.paddingLeft-p.paddingRight}),className:"Main"===l?"mainClass":null},c))))}));j.defaultProps={alignContent:"center",justifyContent:"left",item:!1,container:!1,xs:12,style:{}};var w=["props","id","parentStyle","style"];function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function S(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){E(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function E(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function k(e){var t={padding:"",fontSize:"",backgroundColor:""};return"large"===e.size?(t.padding="8px 22px",t.fontSize="0.9375rem"):"medium"===e.size?(t.padding="7px 16px",t.fontSize="0.875rem"):(t.padding="4px 10px",t.fontSize="0.8125rem"),null==e.backgroundColor?"contained"===e.variant?t.backgroundColor="#e0e0e0":t.backgroundColor="#FFFFFF":t.backgroundColor=e.backgroundColor,t}function C(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function D(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?C(Object(r),!0).forEach((function(t){I(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):C(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function I(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var T=function(e){var t=e.children,r=e.style,n=e.parentStyle,a=e.props;return i().createElement(j,{item:!0,style:n,xs:a.xs,id:a.id},i().createElement(j,{container:!0,style:D(D({},r),{},{backgroundImage:"url("+r.backgroundImage+")",backgroundRepeat:"no-repeat",backgroundSize:"cover"}),alignItems:a.alignItems},i().createElement(i().Fragment,null,t)))};const R=require("html-react-parser");var q=e.n(R),z=["props","parentStyle","style"];var B=["props","style","parentStyle"];function M(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function W(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function F(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function N(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?F(Object(r),!0).forEach((function(t){A(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):F(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function A(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var G=(0,f.makeStyles)((function(e){return{}}));require("@material-ui/icons/PlayCircleOutlineOutlined");const L=require("cloudinary-react");var _=["props","style","defaultValues","parentStyle"];function H(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function U(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var V=["style","parentStyle"];function X(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function J(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function K(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?K(Object(r),!0).forEach((function(t){$(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):K(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function $(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var Q=function(){return Q=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},Q.apply(this,arguments)},Z={Text:function(e){var t=e.props,r=e.style,n=e.parentStyle,a=(G(),N({},n));a.backgroundImage="url("+a.backgroundImage+")";var o=["p","h1","h2","h3","h4","h5","h6"],c=t.html,p={replace:function(e){var t=e.attribs,r=e.children,n=e.name;if(t){var a=(0,R.attributesToProps)(t);if(o.includes(n)){var c=N(N({},a.style),{},{whiteSpace:"pre-wrap",wordBreak:"normal",wordWrap:"normal",color:"black"});return i().createElement(i().Fragment,null,"p"===n&&i().createElement("p",{style:c},(0,R.domToReact)(r,p)),"h1"===n&&i().createElement("h1",{style:c},(0,R.domToReact)(r,p)),"h2"===n&&i().createElement("h2",{style:c},(0,R.domToReact)(r,p)),"h3"===n&&i().createElement("h3",{style:c},(0,R.domToReact)(r,p)),"h4"===n&&i().createElement("h4",{style:c},(0,R.domToReact)(r,p)),"h5"===n&&i().createElement("h5",{style:c},(0,R.domToReact)(r,p)),"h6"===n&&i().createElement("h6",{style:c},(0,R.domToReact)(r,p)))}return"hr"===n||"br"===n?i().createElement(n,a):i().createElement(n,a,(0,R.domToReact)(r,p))}}};return i().createElement(j,{item:!0,xs:12,style:a},i().createElement(f.Box,{className:"braft-output-content",style:r},q()(c,p)))},Container:function(e){var t=e.children,r=e.id,n=e.style,a=e.parentStyle,o=e.props,c=o.containerType,p=t.filter((function(e){return e.props.children.length>0}));return i().createElement(T,{id:r,style:n,parentStyle:a,props:o},c>1?i().createElement("tr",null,p.map((function(e,t){return i().createElement("td",{key:e.props.id,width:"".concat(100/c,"%"),style:{padding:0},id:"containerCol"},i().createElement(j,{container:!0},e))}))):i().createElement(i().Fragment,null,t))},Button:function(e){var t=e.props,r=e.id,n=e.parentStyle,a=e.style,o=(function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}}(e,w),S({},n));return o.backgroundImage="url("+o.backgroundImage+")",i().createElement(j,{id:r,item:!0,xs:12,style:Object.assign({textAlign:o.align},o)},i().createElement("a",{href:t.path,target:"_blank",style:S(S(S({},a),k(a)),{},{display:"inline-block"})},t.text))},Image:function(e){var t=e.props,r=e.style,n=e.parentStyle,a=(function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}}(e,B),function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?M(Object(r),!0).forEach((function(t){W(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):M(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},n));return a.backgroundImage="url("+a.backgroundImage+")",i().createElement(j,{item:!0,xs:12,style:Object.assign({textAlign:a.align},a)},i().createElement("a",{href:t.path,target:t.linkTarget,style:{pointerEvents:"#"===t.path?"none":"auto"}},i().createElement("img",{src:t.src,width:r.width,alt:t.altText,style:r})))},Video:function(e){var t=e.props,r=e.style,n=e.defaultValues,a=e.parentStyle;!function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}}(e,_),String.prototype.format||(String.prototype.format=function(){var e=arguments;return this.replace(/{(\d+)}/g,(function(t,r){return void 0!==e[r]?e[r]:t}))});var o=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?H(Object(r),!0).forEach((function(t){U(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):H(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},a);return o.backgroundImage="url("+o.backgroundImage+")",i().createElement(j,{item:!0,xs:12,style:Object.assign({textAlign:o.align},o)},i().createElement("a",{href:t.src,target:"_blank",style:Object.assign(r)},i().createElement("div",null,""!=t.thumbnailPublicId&&i().createElement(L.CloudinaryContext,{cloudName:"ravenapp"},i().createElement(L.Image,{publicId:t.thumbnailPublicId,style:Object.assign(r)},i().createElement(L.Transformation,{overlay:{url:n.thumbnail.format(t.height,t.width)}}),i().createElement(L.Transformation,{flags:"layer_apply"}))),""===t.thumbnailPublicId&&i().createElement("img",{src:n.thumbnail.format(n.height,n.width),style:r}))))},HtmlBox:function(e){var t=e.props,r=e.parentStyle;return e.style,function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}}(e,z),i().createElement(j,{item:!0,xs:12,style:r},i().createElement("div",{dangerouslySetInnerHTML:{__html:t.html},style:{color:"black"}}))},CustomDivider:function(e){var t=e.style,r=e.parentStyle,n=(function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}}(e,V),function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?X(Object(r),!0).forEach((function(t){J(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):X(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},r));return n.backgroundImage="url("+n.backgroundImage+")",i().createElement(j,{item:!0,xs:12,style:n,alignContent:"center"},i().createElement(f.Divider,{style:t}))},Resizer:T,BodyWrapper:function(e){e.style;var t=e.id,r=e.children;return i().createElement(j,{container:!0,id:t,alignContent:"center",justifyContent:"center"},r)}};function ee(e,t){return g().find(e,(function(e){return e.id===t}))}var te=function e(t,r,n){void 0===r&&(r="ROOT"),void 0===n&&(n=[]);var a=t[r];if(!a)throw new Error("Could not find node "+r);return n.push(Q({id:r},a)),g().each(a.nodes,(function(r){n.push.apply(n,e(t,r))})),g().each(a.linkedNodes,(function(r){n.push.apply(n,e(t,r))})),n};function re(e,t,r,n){var a=ee(e,r);if(!a)throw new Error("Could not find node with id "+r);var o=Z[a.type.resolvedName],c=function(e,t,r,n){return void 0===r&&(r=!1),g().compact(g().map(function t(n,a,o){if(void 0===a&&(a=[]),void 0===o&&(o=0),r||!r&&0===o){var i=ee(e,n);if(!i)return a;var c=i.linkedNodes;g().each(c,(function(e){a.push(e),a=t(e,a,o+1)}));var p=i.nodes;return g().each(p,(function(e){a.push(e),a=t(e,a,o+1)})),a}return a}(t),(function(t){return ee(e,t)})))}(e,r),p=g().map(c,(function(r,n){return re(e,t,r.id,n)}));return i().createElement(o,Y(Y({},a.props),{},{isSSR:!0,id:r,key:n,children:p}))}function ne(e){var t=te(e),r=e.ROOT.props.style.backgroundColor,n=e.ROOT.props.style.backgroundImage,a=function(e,t,r){return re(e,t,"ROOT",12200)}(t,Z);return{jsx:a,bodyBgColor:r,bodyBgImage:n}}const ae=require("cssjson");function oe(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ie(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function ce(e,t,r,n){return'\n    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">\n      <head>\n        \x3c!--[if gte mso 9]>\n            <xml>\n                <o:OfficeDocumentSettings>\n                <o:AllowPNG/>\n                <o:PixelsPerInch>96</o:PixelsPerInch>\n                </o:OfficeDocumentSettings>\n            </xml>\n        <![endif]--\x3e\n        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">\n        <meta name="viewport" content="width=device-width, initial-scale=1.0">\n        <meta name="x-apple-disable-message-reformatting">\n        \x3c!--[if !mso]>\x3c!--\x3e\n        <meta http-equiv="X-UA-Compatible" content="IE=edge">\n        \x3c!--<![endif]--\x3e\n            '.concat((a=t,o=(0,ae.toJSON)(a).children,i="",Object.entries(o).map((function(e){var t,r,n=(r=2,function(e){if(Array.isArray(e))return e}(t=e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o=[],i=!0,c=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(o.push(n.value),!t||o.length!==t);i=!0);}catch(e){c=!0,a=e}finally{try{i||null==r.return||r.return()}finally{if(c)throw a}}return o}}(t,r)||function(e,t){if(e){if("string"==typeof e)return ie(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?ie(e,t):void 0}}(t,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),a={children:oe({},n[0],n[1])};i+='\n            <style type="text/css">\n                '.concat((0,ae.toCSS)(a),"\n            </style>\n        ")})),i),'\n\n        <style type="text/css">\n            .mainClass{\n                width: 58.333333333333336%;\n            }\n        </style>\n        <style type="text/css">\n            .braft-output-content p{min-height:1em}.braft-output-content .image-wrap img{max-width:100%;height:auto}.braft-output-content ul,.braft-output-content ol{margin:16px 0;padding:0}.braft-output-content blockquote{margin:0 0 10px 0;padding:15px 20px;background-color:#f1f2f3;border-left:solid 5px #ccc;color:#666;font-style:italic}.braft-output-content pre{max-width:100%;max-height:100%;margin:10px 0;padding:15px;overflow:auto;background-color:#f1f2f3;border-radius:3px;color:#666;font-family:monospace;font-size:14px;font-weight:normal;line-height:16px;}.braft-output-content pre pre{margin:0;padding:0}\n            @media  (max-width: 768px) {\n                /* For mobile phones: */\n                .mainClass {\n                    width: 100%;\n                }\n            }\n            @media screen and (max-width: 600px) {\n                table td#containerCol {\n                    display: flex;\n                    width: 100%;\n                }\n            }\n        </style>\n        <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />\n       \n      </head>\n      <body style="\n            background-color:').concat(r,";\n            background-image: url(").concat(n,');\n            background-repeat: no-repeat;\n            background-size: cover;\n            background-attachment: fixed;\n        ">\n        ').concat(e,'\n        \n      </body>\n        <script type="text/javascript">\n          var w=window.innerWidth;\n          if(w < 800) document.getElementById("Main").className=("MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12");\n        <\/script>\n    </html>\n  ');var a,o,i}require("extract-inline-css");const pe=require("cors");var le=e.n(pe),ue=r()();ue.use(le()({origin:!0,credentials:!0})),ue.use(a().json()),ue.post("/api/html",(function(e,t){var r=function(e){var t,r,n=new b.ServerStyleSheets,a=ne(e),o=a.jsx,c=a.bodyBgColor,l=a.bodyBgImage;return ce(p().renderToString(n.collect(i().createElement(b.ThemeProvider,{theme:(t=m.find((function(e){return e.name===y})),r=(0,f.createTheme)(g().merge({},x,t,{direction:"ltr"})),r=(0,f.responsiveFontSizes)(r))},i().createElement(u(),null),i().createElement(i().Fragment,null,o)))),n.toString(),c,l)}(e.body.app);t.statusCode=200,t.setHeader("content-type","text/plain"),t.send(r)})),ue.listen(process.env.PORT||8080)})();
\ No newline at end of file