@rudyzeinoun/email-builder 0.0.22 → 0.0.25

package/dist/index.js

@@ -91,6 +91,7 @@ var BasePropsShape = import_block_columns_container.ColumnsContainerPropsSchema.
 var ColumnsContainerPropsSchema = import_zod.z.object({
   style: import_block_columns_container.ColumnsContainerPropsSchema.shape.style,
   className: import_zod.z.string().optional().nullable(),
+  responsiveDisplay: import_zod.z.string().optional().nullable(),
   loopStart: import_zod.z.number().optional().nullable(),
   loopEnd: import_zod.z.number().optional().nullable(),
   props: import_zod.z.object(__spreadProps(__spreadValues({}, BasePropsShape), {
@@ -106,13 +107,13 @@ var ColumnsContainerPropsSchema_default = ColumnsContainerPropsSchema;
 // src/blocks/ColumnsContainer/ColumnsContainerReader.tsx
 var import_react = __toESM(require("react"));
 var import_block_columns_container2 = require("@rudyzeinoun/block-columns-container");
-function ColumnsContainerReader({ style, props, className, loopStart, loopEnd }) {
+function ColumnsContainerReader({ style, props, className, loopStart, loopEnd, responsiveDisplay }) {
   const _a = props != null ? props : {}, { columns } = _a, restProps = __objRest(_a, ["columns"]);
   let cols = void 0;
   if (columns) {
     cols = columns.map((col) => col.childrenIds.map((childId) => /* @__PURE__ */ import_react.default.createElement(ReaderBlock, { key: childId, id: childId })));
   }
-  return /* @__PURE__ */ import_react.default.createElement(import_block_columns_container2.ColumnsContainer, { props: restProps, columns: cols, style, className, loopStart, loopEnd });
+  return /* @__PURE__ */ import_react.default.createElement(import_block_columns_container2.ColumnsContainer, { props: restProps, columns: cols, style, className, loopStart, loopEnd, responsiveDisplay });
 }
 
 // src/blocks/Container/ContainerPropsSchema.tsx
@@ -121,6 +122,7 @@ var import_block_container = require("@rudyzeinoun/block-container");
 var ContainerPropsSchema = import_zod2.z.object({
   style: import_block_container.ContainerPropsSchema.shape.style,
   className: import_zod2.z.string().optional().nullable(),
+  responsiveDisplay: import_zod2.z.string().optional().nullable(),
   loopStart: import_zod2.z.number().optional().nullable(),
   loopEnd: import_zod2.z.number().optional().nullable(),
   props: import_zod2.z.object({
@@ -131,10 +133,10 @@ var ContainerPropsSchema = import_zod2.z.object({
 // src/blocks/Container/ContainerReader.tsx
 var import_react2 = __toESM(require("react"));
 var import_block_container2 = require("@rudyzeinoun/block-container");
-function ContainerReader({ style, props, className, loopStart, loopEnd }) {
+function ContainerReader({ style, props, className, loopStart, loopEnd, responsiveDisplay }) {
   var _a;
   const childrenIds = (_a = props == null ? void 0 : props.childrenIds) != null ? _a : [];
-  return /* @__PURE__ */ import_react2.default.createElement(import_block_container2.Container, { className, loopStart, loopEnd, style }, childrenIds.map((childId) => /* @__PURE__ */ import_react2.default.createElement(ReaderBlock, { key: childId, id: childId })));
+  return /* @__PURE__ */ import_react2.default.createElement(import_block_container2.Container, { className, loopStart, loopEnd, style, responsiveDisplay }, childrenIds.map((childId) => /* @__PURE__ */ import_react2.default.createElement(ReaderBlock, { key: childId, id: childId })));
 }
 
 // src/blocks/EmailLayout/EmailLayoutPropsSchema.tsx
@@ -160,7 +162,8 @@ var EmailLayoutPropsSchema = import_zod3.z.object({
   canvasColor: COLOR_SCHEMA,
   textColor: COLOR_SCHEMA,
   fontFamily: FONT_FAMILY_SCHEMA,
-  childrenIds: import_zod3.z.array(import_zod3.z.string()).optional().nullable()
+  childrenIds: import_zod3.z.array(import_zod3.z.string()).optional().nullable(),
+  previewText: import_zod3.z.string().optional().nullable()
 });
 
 // src/blocks/EmailLayout/EmailLayoutReader.tsx
@@ -201,7 +204,14 @@ function getBorder({ borderColor }) {
 function EmailLayoutReader(props) {
   var _a, _b, _c, _d, _e;
   const childrenIds = (_a = props.childrenIds) != null ? _a : [];
-  return /* @__PURE__ */ import_react3.default.createElement(
+  return /* @__PURE__ */ import_react3.default.createElement(import_react3.Fragment, null, props.previewText && /* @__PURE__ */ import_react3.default.createElement(
+    "div",
+    {
+      style: { display: "none", maxHeight: "0px", overflow: "hidden" }
+    },
+    props.previewText,
+    "\xA0\u200C\xA0\u200C\xA0\u200C\xA0"
+  ), /* @__PURE__ */ import_react3.default.createElement(
     "div",
     {
       style: {
@@ -237,7 +247,7 @@ function EmailLayoutReader(props) {
       },
       /* @__PURE__ */ import_react3.default.createElement("tbody", null, /* @__PURE__ */ import_react3.default.createElement("tr", { style: { width: "100%" } }, /* @__PURE__ */ import_react3.default.createElement("td", null, childrenIds.map((childId) => /* @__PURE__ */ import_react3.default.createElement(ReaderBlock, { key: childId, id: childId })))))
     )
-  );
+  ));
 }
 
 // src/Reader/core.tsx

package/dist/index.mjs

@@ -58,6 +58,7 @@ var BasePropsShape = BaseColumnsContainerPropsSchema.shape.props.unwrap().unwrap
 var ColumnsContainerPropsSchema = z.object({
   style: BaseColumnsContainerPropsSchema.shape.style,
   className: z.string().optional().nullable(),
+  responsiveDisplay: z.string().optional().nullable(),
   loopStart: z.number().optional().nullable(),
   loopEnd: z.number().optional().nullable(),
   props: z.object(__spreadProps(__spreadValues({}, BasePropsShape), {
@@ -73,13 +74,13 @@ var ColumnsContainerPropsSchema_default = ColumnsContainerPropsSchema;
 // src/blocks/ColumnsContainer/ColumnsContainerReader.tsx
 import React from "react";
 import { ColumnsContainer as BaseColumnsContainer } from "@rudyzeinoun/block-columns-container";
-function ColumnsContainerReader({ style, props, className, loopStart, loopEnd }) {
+function ColumnsContainerReader({ style, props, className, loopStart, loopEnd, responsiveDisplay }) {
   const _a = props != null ? props : {}, { columns } = _a, restProps = __objRest(_a, ["columns"]);
   let cols = void 0;
   if (columns) {
     cols = columns.map((col) => col.childrenIds.map((childId) => /* @__PURE__ */ React.createElement(ReaderBlock, { key: childId, id: childId })));
   }
-  return /* @__PURE__ */ React.createElement(BaseColumnsContainer, { props: restProps, columns: cols, style, className, loopStart, loopEnd });
+  return /* @__PURE__ */ React.createElement(BaseColumnsContainer, { props: restProps, columns: cols, style, className, loopStart, loopEnd, responsiveDisplay });
 }
 
 // src/blocks/Container/ContainerPropsSchema.tsx
@@ -88,6 +89,7 @@ import { ContainerPropsSchema as BaseContainerPropsSchema } from "@rudyzeinoun/b
 var ContainerPropsSchema = z2.object({
   style: BaseContainerPropsSchema.shape.style,
   className: z2.string().optional().nullable(),
+  responsiveDisplay: z2.string().optional().nullable(),
   loopStart: z2.number().optional().nullable(),
   loopEnd: z2.number().optional().nullable(),
   props: z2.object({
@@ -98,10 +100,10 @@ var ContainerPropsSchema = z2.object({
 // src/blocks/Container/ContainerReader.tsx
 import React2 from "react";
 import { Container as BaseContainer } from "@rudyzeinoun/block-container";
-function ContainerReader({ style, props, className, loopStart, loopEnd }) {
+function ContainerReader({ style, props, className, loopStart, loopEnd, responsiveDisplay }) {
   var _a;
   const childrenIds = (_a = props == null ? void 0 : props.childrenIds) != null ? _a : [];
-  return /* @__PURE__ */ React2.createElement(BaseContainer, { className, loopStart, loopEnd, style }, childrenIds.map((childId) => /* @__PURE__ */ React2.createElement(ReaderBlock, { key: childId, id: childId })));
+  return /* @__PURE__ */ React2.createElement(BaseContainer, { className, loopStart, loopEnd, style, responsiveDisplay }, childrenIds.map((childId) => /* @__PURE__ */ React2.createElement(ReaderBlock, { key: childId, id: childId })));
 }
 
 // src/blocks/EmailLayout/EmailLayoutPropsSchema.tsx
@@ -127,11 +129,12 @@ var EmailLayoutPropsSchema = z3.object({
   canvasColor: COLOR_SCHEMA,
   textColor: COLOR_SCHEMA,
   fontFamily: FONT_FAMILY_SCHEMA,
-  childrenIds: z3.array(z3.string()).optional().nullable()
+  childrenIds: z3.array(z3.string()).optional().nullable(),
+  previewText: z3.string().optional().nullable()
 });
 
 // src/blocks/EmailLayout/EmailLayoutReader.tsx
-import React3 from "react";
+import React3, { Fragment } from "react";
 function getFontFamily(fontFamily) {
   const f = fontFamily != null ? fontFamily : "MODERN_SANS";
   switch (f) {
@@ -168,7 +171,14 @@ function getBorder({ borderColor }) {
 function EmailLayoutReader(props) {
   var _a, _b, _c, _d, _e;
   const childrenIds = (_a = props.childrenIds) != null ? _a : [];
-  return /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React3.createElement(Fragment, null, props.previewText && /* @__PURE__ */ React3.createElement(
+    "div",
+    {
+      style: { display: "none", maxHeight: "0px", overflow: "hidden" }
+    },
+    props.previewText,
+    "\xA0\u200C\xA0\u200C\xA0\u200C\xA0"
+  ), /* @__PURE__ */ React3.createElement(
     "div",
     {
       style: {
@@ -204,7 +214,7 @@ function EmailLayoutReader(props) {
       },
       /* @__PURE__ */ React3.createElement("tbody", null, /* @__PURE__ */ React3.createElement("tr", { style: { width: "100%" } }, /* @__PURE__ */ React3.createElement("td", null, childrenIds.map((childId) => /* @__PURE__ */ React3.createElement(ReaderBlock, { key: childId, id: childId })))))
     )
-  );
+  ));
 }
 
 // src/Reader/core.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rudyzeinoun/email-builder",
-  "version": "0.0.22",
+  "version": "0.0.25",
   "description": "React component to render email messages",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -16,7 +16,8 @@
     "dist"
   ],
   "scripts": {
-    "build": "npx tsup src/index.ts --format esm,cjs --dts --out-dir dist"
+    "build": "npx tsup src/index.ts --format esm,cjs --dts --out-dir dist",
+    "publish": "npm publish --access public"
   },
   "author": "carlos@usewaypoint.com",
   "license": "MIT",
@@ -26,10 +27,10 @@
     "zod": "^1 || ^2 || ^3"
   },
   "dependencies": {
-    "@rudyzeinoun/block-container": "^0.0.8",
+    "@rudyzeinoun/block-container": "^0.0.9",
     "@usewaypoint/block-avatar": "^0.0.3",
     "@rudyzeinoun/block-button": "^0.0.5",
-    "@rudyzeinoun/block-columns-container": "^0.0.6",
+    "@rudyzeinoun/block-columns-container": "^0.0.7",
     "@usewaypoint/block-divider": "^0.0.4",
     "@rudyzeinoun/block-heading": "^0.0.5",
     "@rudyzeinoun/block-html": "^0.0.5",