@solutions2share/s2s-email-builder 0.0.10 → 0.0.12

package/dist/index.es.js

@@ -6972,8 +6972,8 @@ function tF(e) {
 }
 const yi = qM(() => ({
   document: tF(window.location.hash),
-  selectedBlockId: null,
-  selectedSidebarTab: "styles",
+  selectedBlockId: Object.keys(document)[0] ?? null,
+  selectedSidebarTab: "variables",
   selectedMainTab: "editor",
   selectedScreenSize: "desktop",
   inspectorDrawerOpen: !0,
@@ -7004,7 +7004,7 @@ function iF() {
   return yi((e) => e.samplesDrawerOpen);
 }
 function uu(e) {
-  const t = e === null ? "styles" : "block-configuration", r = {};
+  const t = e === null ? "variables" : "block-configuration", r = {};
   return e !== null && (r.inspectorDrawerOpen = !0), yi.setState({
     selectedBlockId: e,
     selectedSidebarTab: t,
@@ -7017,7 +7017,7 @@ function aF(e) {
 function jb(e) {
   return yi.setState({
     document: e,
-    selectedSidebarTab: "styles",
+    selectedSidebarTab: "variables",
     selectedBlockId: null
   });
 }
@@ -18241,10 +18241,15 @@ function X8() {
   return /* @__PURE__ */ G.jsx(uw, { data: t, setData: (n) => Cu({ root: { type: r, data: n } }) }, "root");
 }
 const Z8 = ({ variables: e, intl: t }) => {
-  const r = wa(), n = XT(), i = (v) => /* @__PURE__ */ G.jsx(On, { sx: { m: 3, p: 1, border: "1px dashed", borderColor: "divider" }, children: /* @__PURE__ */ G.jsx(Rl, { color: "text.secondary", children: v }) });
+  const r = wa(), n = XT();
+  console.log(n, "selectedBlockId");
+  const i = (v) => /* @__PURE__ */ G.jsx(On, { sx: { m: 3, p: 1, border: "1px dashed", borderColor: "divider" }, children: /* @__PURE__ */ G.jsx(Rl, { color: "text.secondary", children: v }) });
   if (!n)
     return i("Click on a block to inspect.");
-  const a = r[n], o = (v) => Cu({ [n]: v }), { data: c, type: d } = a, [, p] = Qt(null), _ = (v) => {
+  const a = r[n];
+  if (!a)
+    return i("Selected block not found.");
+  const o = (v) => Cu({ [n]: v }), { data: c, type: d } = a, [, p] = Qt(null), _ = (v) => {
     o({ type: d, data: v });
   }, g = (v) => {
     if (d === "Heading" || d === "Text") {
@@ -18282,9 +18287,9 @@ function J8({ variables: e, intl: t, theme: r, uploadFiles: n }) {
       },
       children: [
         /* @__PURE__ */ G.jsx(On, { sx: { width: kh, height: 49, borderBottom: 1, borderColor: "divider" }, children: /* @__PURE__ */ G.jsx(On, { px: 2, children: /* @__PURE__ */ G.jsxs(VI, { value: i, onChange: (c, d) => aF(d), children: [
+          /* @__PURE__ */ G.jsx(qd, { value: "variables", label: "Variables" }),
           /* @__PURE__ */ G.jsx(qd, { value: "styles", label: "Styles" }),
-          /* @__PURE__ */ G.jsx(qd, { value: "block-configuration", label: "Inspect" }),
-          /* @__PURE__ */ G.jsx(qd, { value: "variables", label: "Variables" })
+          /* @__PURE__ */ G.jsx(qd, { value: "block-configuration", label: "Inspect" })
         ] }) }) }),
         /* @__PURE__ */ G.jsx(On, { className: "DrawerInner", sx: { width: kh, height: "calc(100% - 49px)", overflow: "auto" }, children: o() })
       ]
@@ -28881,16 +28886,18 @@ function $6({ blockId: e }) {
   ] }) });
 }
 function Ka({ children: e }) {
+  var S;
   const t = XT(), [r, n] = Qt(!1), i = qf(), a = V6();
   let o;
   t === i ? o = "2px solid rgba(0,121,204, 1)" : r && (o = "2px solid rgba(0,121,204, 0.3)");
   let c;
-  Object.keys(e.props.props).length === 1 && Object.keys(e.props.props)[0] === "text" && (e.props.style.backgroundColor ? e.props.style.backgroundColor === "#ecf0f1" && a === "dark" && (c = "#000") : c = a === "dark" ? "#fff" : "#000");
-  let d;
-  Object.keys(e.props.props).length === 1 && Object.keys(e.props.props)[0] === "text" && (d = "break-word");
+  const d = (S = e.props.style) == null ? void 0 : S.backgroundColor;
+  Object.keys(e.props.props).length === 1 && Object.keys(e.props.props)[0] === "text" ? d === "#ecf0f1" && a === "dark" && (c = "#000") : c = a === "dark" ? "#fff" : "#000";
   let p;
   Object.keys(e.props.props).length === 1 && Object.keys(e.props.props)[0] === "text" && (p = "break-word");
-  const _ = () => t !== i ? null : /* @__PURE__ */ G.jsx($6, { blockId: i });
+  let _;
+  Object.keys(e.props.props).length === 1 && Object.keys(e.props.props)[0] === "text" && (_ = "break-word");
+  const g = () => t !== i ? null : /* @__PURE__ */ G.jsx($6, { blockId: i });
   return /* @__PURE__ */ G.jsxs(
     On,
     {
@@ -28901,20 +28908,20 @@ function Ka({ children: e }) {
         outline: o,
         // backgroundColor,
         color: c,
-        wordBreak: d,
-        overflowWrap: p
+        wordBreak: p,
+        overflowWrap: _
       },
-      onMouseEnter: (g) => {
-        n(!0), g.stopPropagation();
+      onMouseEnter: (v) => {
+        n(!0), v.stopPropagation();
       },
       onMouseLeave: () => {
         n(!1);
       },
-      onClick: (g) => {
-        uu(i), g.stopPropagation(), g.preventDefault();
+      onClick: (v) => {
+        uu(i), v.stopPropagation(), v.preventDefault();
       },
       children: [
-        _(),
+        g(),
         e
       ]
     }

package/package.json

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