@solutions2share/s2s-email-builder 0.0.1 → 0.0.3

package/dist/index.es.js

@@ -16198,10 +16198,6 @@ function f4({ data: e, setData: t }) {
         }
       }
     ),
-    /* @__PURE__ */ G.jsx("input", { type: "file", onChange: (_) => {
-      const g = URL.createObjectURL(_.target.files[0]);
-      n({ ...e, props: { ...e.props, url: g } });
-    } }),
     /* @__PURE__ */ G.jsx(
       as,
       {
@@ -28887,7 +28883,9 @@ function Ka({ children: e }) {
   const t = KT(), [r, n] = nr(!1), i = Vf();
   let a;
   t === i ? a = "2px solid rgba(0,121,204, 1)" : r && (a = "2px solid rgba(0,121,204, 0.3)");
-  const o = () => t !== i ? null : /* @__PURE__ */ G.jsx(G6, { blockId: i });
+  let o;
+  Object.keys(e.props.props).length === 1 && Object.keys(e.props.props)[0] === "text" && (o = "break-all");
+  const u = () => t !== i ? null : /* @__PURE__ */ G.jsx(G6, { blockId: i });
   return /* @__PURE__ */ G.jsxs(
     On,
     {
@@ -28895,19 +28893,22 @@ function Ka({ children: e }) {
         position: "relative",
         maxWidth: "100%",
         outlineOffset: "-1px",
-        outline: a
+        outline: a,
+        // backgroundColor,
+        // color,
+        wordBreak: o
       },
-      onMouseEnter: (u) => {
-        n(!0), u.stopPropagation();
+      onMouseEnter: (d) => {
+        n(!0), d.stopPropagation();
       },
       onMouseLeave: () => {
         n(!1);
       },
-      onClick: (u) => {
-        uu(i), u.stopPropagation(), u.preventDefault();
+      onClick: (d) => {
+        uu(i), d.stopPropagation(), d.preventDefault();
       },
       children: [
-        o(),
+        u(),
         e
       ]
     }
@@ -28970,12 +28971,17 @@ const Ww = {
   }
 }, $6 = Bw(Ww), Y6 = Uw(Ww);
 oe.record(oe.string(), Y6);
-const jw = BI(null), Vf = () => WT(jw);
-function Kw({ id: e }) {
-  const r = la()[e];
-  if (!r)
+const jw = BI(null), Vf = () => {
+  const e = WT(jw);
+  if (!e)
+    throw new Error("useTheme must be used within an EditorBlockContext.Provider");
+  return e.id;
+};
+function Kw({ id: e, theme: t }) {
+  const n = la()[e];
+  if (!n)
     throw new Error("Could not find block");
-  return /* @__PURE__ */ G.jsx(jw.Provider, { value: e, children: /* @__PURE__ */ G.jsx($6, { ...r }) });
+  return /* @__PURE__ */ G.jsx(jw.Provider, { value: { id: e, theme: t }, children: /* @__PURE__ */ G.jsx($6, { ...n }) });
 }
 function Qw(e) {
   return e instanceof Map ? e.clear = e.delete = e.set = function() {
@@ -94091,33 +94097,43 @@ function Ane() {
     )
   ] });
 }
-function xne() {
-  const e = la(), t = zI(), r = tF();
-  let n = {
+function xne({ style: e, children: t, theme: r }) {
+  const { padding: n, borderColor: i, ...a } = e, o = {
+    ...a
+  };
+  if (n) {
+    const { top: u, bottom: d, left: p, right: _ } = n;
+    o.padding = `${u}px ${_}px ${d}px ${p}px`;
+  }
+  return i && (o.border = `1px solid ${i}`), /* @__PURE__ */ G.jsx("div", { style: { maxWidth: "100%", ...o }, children: t });
+}
+function Rne({ theme: e }) {
+  const t = la(), r = zI(), n = tF();
+  let i = {
     height: "100%"
   };
-  r === "mobile" && (n = {
-    ...n,
+  n === "mobile" && (i = {
+    ...i,
     margin: "32px auto",
     width: 370,
     height: 800,
     boxShadow: "rgba(33, 36, 67, 0.04) 0px 10px 20px, rgba(33, 36, 67, 0.04) 0px 2px 6px, rgba(33, 36, 67, 0.04) 0px 0px 1px"
   });
-  const i = (o, u) => {
-    switch (u) {
+  const a = (u, d) => {
+    switch (d) {
       case "mobile":
       case "desktop":
-        Zv(u);
+        Zv(d);
         return;
       default:
         Zv("desktop");
     }
-  }, a = () => {
-    switch (t) {
+  }, o = () => {
+    switch (r) {
       case "editor":
-        return /* @__PURE__ */ G.jsx(On, { sx: n, children: /* @__PURE__ */ G.jsx(Kw, { id: "root" }) });
+        return /* @__PURE__ */ G.jsx(On, { sx: i, children: /* @__PURE__ */ G.jsx(Kw, { id: "root", theme: e }) });
       case "preview":
-        return /* @__PURE__ */ G.jsx(On, { sx: n, children: /* @__PURE__ */ G.jsx(qw, { document: e, rootBlockId: "root" }) });
+        return /* @__PURE__ */ G.jsx(On, { sx: i, children: /* @__PURE__ */ G.jsx(xne, { style: i, theme: e, children: /* @__PURE__ */ G.jsx(qw, { document: t, rootBlockId: "root" }) }) });
       case "html":
         return /* @__PURE__ */ G.jsx(vne, {});
       case "json":
@@ -94143,14 +94159,14 @@ function xne() {
         alignItems: "center",
         children: /* @__PURE__ */ G.jsxs(Nn, { px: 2, direction: "row", gap: 2, width: "100%", justifyContent: "space-between", alignItems: "center", children: [
           /* @__PURE__ */ G.jsx(Nn, { direction: "row", spacing: 2, children: /* @__PURE__ */ G.jsx(Ane, {}) }),
-          /* @__PURE__ */ G.jsx(Nn, { direction: "row", spacing: 2, children: /* @__PURE__ */ G.jsxs(UI, { value: r, exclusive: !0, size: "small", onChange: i, children: [
+          /* @__PURE__ */ G.jsx(Nn, { direction: "row", spacing: 2, children: /* @__PURE__ */ G.jsxs(UI, { value: n, exclusive: !0, size: "small", onChange: a, children: [
             /* @__PURE__ */ G.jsx(hr, { value: "desktop", children: /* @__PURE__ */ G.jsx(To, { title: "Desktop view", children: /* @__PURE__ */ G.jsx(q3, { fontSize: "small" }) }) }),
             /* @__PURE__ */ G.jsx(hr, { value: "mobile", children: /* @__PURE__ */ G.jsx(To, { title: "Mobile view", children: /* @__PURE__ */ G.jsx(W3, { fontSize: "small" }) }) })
           ] }) })
         ] })
       }
     ),
-    /* @__PURE__ */ G.jsx(On, { sx: { height: "calc(100vh - 49px)", overflow: "auto", minWidth: 370 }, children: a() })
+    /* @__PURE__ */ G.jsx(On, { sx: { height: "calc(100vh - 49px)", overflow: "auto", minWidth: 370 }, children: o() })
   ] });
 }
 function LI(e, t) {
@@ -94160,7 +94176,7 @@ function LI(e, t) {
     duration: t ? r.duration.enteringScreen : r.duration.leavingScreen
   });
 }
-const aie = ({ value: e, exportJson: t, variables: r, intl: n, theme: i }) => {
+const sie = ({ value: e, exportJson: t, variables: r, intl: n, theme: i }) => {
   const a = WI(), o = nF(), u = la(), d = zw(u, { rootBlockId: "root" }), p = LI("margin-left", o), _ = LI("margin-right", a);
   return Ps(() => {
     e && Wb(e);
@@ -94176,11 +94192,11 @@ const aie = ({ value: e, exportJson: t, variables: r, intl: n, theme: i }) => {
           // marginLeft: samplesDrawerOpen ? `${SAMPLES_DRAWER_WIDTH}px` : 0,
           transition: [p, _].join(", ")
         },
-        children: /* @__PURE__ */ G.jsx(xne, {})
+        children: /* @__PURE__ */ G.jsx(Rne, { theme: i })
       }
     )
   ] });
 };
 export {
-  aie as default
+  sie as default
 };

package/dist/style.css

@@ -0,0 +1 @@
+.darkEmailStyle>div table,.darkEmailStyle>div{background-color:#292929!important;color:#fff!important}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solutions2share/s2s-email-builder",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
   "scripts": {
     "dev": "vite",