@rudyzeinoun/email-builder 0.0.10 → 0.0.11

package/dist/Reader/core.js

@@ -0,0 +1,80 @@
+import React, { createContext, useContext } from 'react';
+import { z } from 'zod';
+import { Avatar, AvatarPropsSchema } from '@usewaypoint/block-avatar';
+import { Button, ButtonPropsSchema } from '@usewaypoint/block-button';
+import { Divider, DividerPropsSchema } from '@usewaypoint/block-divider';
+import { Heading, HeadingPropsSchema } from '@usewaypoint/block-heading';
+import { Html, HtmlPropsSchema } from '@usewaypoint/block-html';
+import { Image, ImagePropsSchema } from '@usewaypoint/block-image';
+import { Spacer, SpacerPropsSchema } from '@usewaypoint/block-spacer';
+import { Text, TextPropsSchema } from '@usewaypoint/block-text';
+import { buildBlockComponent, buildBlockConfigurationDictionary, buildBlockConfigurationSchema, } from '@usewaypoint/document-core';
+import ColumnsContainerPropsSchema from '../blocks/ColumnsContainer/ColumnsContainerPropsSchema';
+import ColumnsContainerReader from '../blocks/ColumnsContainer/ColumnsContainerReader';
+import { ContainerPropsSchema } from '../blocks/Container/ContainerPropsSchema';
+import ContainerReader from '../blocks/Container/ContainerReader';
+import { EmailLayoutPropsSchema } from '../blocks/EmailLayout/EmailLayoutPropsSchema';
+import EmailLayoutReader from '../blocks/EmailLayout/EmailLayoutReader';
+const ReaderContext = createContext({});
+function useReaderDocument() {
+    return useContext(ReaderContext);
+}
+const READER_DICTIONARY = buildBlockConfigurationDictionary({
+    ColumnsContainer: {
+        schema: ColumnsContainerPropsSchema,
+        Component: ColumnsContainerReader,
+    },
+    Container: {
+        schema: ContainerPropsSchema,
+        Component: ContainerReader,
+    },
+    EmailLayout: {
+        schema: EmailLayoutPropsSchema,
+        Component: EmailLayoutReader,
+    },
+    //
+    Avatar: {
+        schema: AvatarPropsSchema,
+        Component: Avatar,
+    },
+    Button: {
+        schema: ButtonPropsSchema,
+        Component: Button,
+    },
+    Divider: {
+        schema: DividerPropsSchema,
+        Component: Divider,
+    },
+    Heading: {
+        schema: HeadingPropsSchema,
+        Component: Heading,
+    },
+    Html: {
+        schema: HtmlPropsSchema,
+        Component: Html,
+    },
+    Image: {
+        schema: ImagePropsSchema,
+        Component: Image,
+    },
+    Spacer: {
+        schema: SpacerPropsSchema,
+        Component: Spacer,
+    },
+    Text: {
+        schema: TextPropsSchema,
+        Component: Text,
+    },
+});
+export const ReaderBlockSchema = buildBlockConfigurationSchema(READER_DICTIONARY);
+export const ReaderDocumentSchema = z.record(z.string(), ReaderBlockSchema);
+const BaseReaderBlock = buildBlockComponent(READER_DICTIONARY);
+export function ReaderBlock({ id }) {
+    const document = useReaderDocument();
+    return React.createElement(BaseReaderBlock, Object.assign({}, document[id]));
+}
+export default function Reader({ document, rootBlockId }) {
+    return (React.createElement(ReaderContext.Provider, { value: document },
+        React.createElement(ReaderBlock, { id: rootBlockId })));
+}
+//# sourceMappingURL=core.js.map

package/dist/Reader/core.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.js","sourceRoot":"","sources":["../../src/Reader/core.tsx"],"names":[],"mappings":"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"}

package/dist/blocks/ColumnsContainer/ColumnsContainerPropsSchema.js

@@ -0,0 +1,16 @@
+import { z } from 'zod';
+import { ColumnsContainerPropsSchema as BaseColumnsContainerPropsSchema } from '@usewaypoint/block-columns-container';
+const BasePropsShape = BaseColumnsContainerPropsSchema.shape.props.unwrap().unwrap().shape;
+const ColumnsContainerPropsSchema = z.object({
+    style: BaseColumnsContainerPropsSchema.shape.style,
+    props: z
+        .object(Object.assign(Object.assign({}, BasePropsShape), { columns: z.tuple([
+            z.object({ childrenIds: z.array(z.string()) }),
+            z.object({ childrenIds: z.array(z.string()) }),
+            z.object({ childrenIds: z.array(z.string()) }),
+        ]) }))
+        .optional()
+        .nullable(),
+});
+export default ColumnsContainerPropsSchema;
+//# sourceMappingURL=ColumnsContainerPropsSchema.js.map

package/dist/blocks/ColumnsContainer/ColumnsContainerPropsSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnsContainerPropsSchema.js","sourceRoot":"","sources":["../../../src/blocks/ColumnsContainer/ColumnsContainerPropsSchema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAAE,2BAA2B,IAAI,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AAEtH,MAAM,cAAc,GAAG,+BAA+B,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC;AAE3F,MAAM,2BAA2B,GAAG,CAAC,CAAC,MAAM,CAAC;IAC3C,KAAK,EAAE,+BAA+B,CAAC,KAAK,CAAC,KAAK;IAClD,KAAK,EAAE,CAAC;SACL,MAAM,iCACF,cAAc,KACjB,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC;YACf,CAAC,CAAC,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC;YAC9C,CAAC,CAAC,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC;YAC9C,CAAC,CAAC,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC;SAC/C,CAAC,IACF;SACD,QAAQ,EAAE;SACV,QAAQ,EAAE;CACd,CAAC,CAAC;AAEH,eAAe,2BAA2B,CAAC"}

package/dist/blocks/ColumnsContainer/ColumnsContainerReader.js

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { ColumnsContainer as BaseColumnsContainer } from '@usewaypoint/block-columns-container';
+import { ReaderBlock } from '../../Reader/core';
+export default function ColumnsContainerReader({ style, props }) {
+    const _a = props !== null && props !== void 0 ? props : {}, { columns } = _a, restProps = __rest(_a, ["columns"]);
+    let cols = undefined;
+    if (columns) {
+        cols = columns.map((col) => col.childrenIds.map((childId) => React.createElement(ReaderBlock, { key: childId, id: childId })));
+    }
+    return React.createElement(BaseColumnsContainer, { props: restProps, columns: cols, style: style });
+}
+//# sourceMappingURL=ColumnsContainerReader.js.map

package/dist/blocks/ColumnsContainer/ColumnsContainerReader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnsContainerReader.js","sourceRoot":"","sources":["../../../src/blocks/ColumnsContainer/ColumnsContainerReader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,IAAI,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAEhG,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAyB;IACpF,MAAM,KAA4B,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAAvC,EAAE,OAAO,OAA8B,EAAzB,SAAS,cAAvB,WAAyB,CAAc,CAAC;IAC9C,IAAI,IAAI,GAAG,SAAS,CAAC;IACrB,IAAI,OAAO,EAAE,CAAC;QACZ,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,oBAAC,WAAW,IAAC,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC;IAC5G,CAAC;IAED,OAAO,oBAAC,oBAAoB,IAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AACjF,CAAC"}

package/dist/blocks/Container/ContainerPropsSchema.js

@@ -0,0 +1,12 @@
+import { z } from 'zod';
+import { ContainerPropsSchema as BaseContainerPropsSchema } from '@rudyzeinoun/block-container';
+export const ContainerPropsSchema = z.object({
+    style: BaseContainerPropsSchema.shape.style,
+    props: z
+        .object({
+        childrenIds: z.array(z.string()).optional().nullable(),
+    })
+        .optional()
+        .nullable(),
+});
+//# sourceMappingURL=ContainerPropsSchema.js.map

package/dist/blocks/Container/ContainerPropsSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerPropsSchema.js","sourceRoot":"","sources":["../../../src/blocks/Container/ContainerPropsSchema.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAAE,oBAAoB,IAAI,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAEhG,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC3C,KAAK,EAAE,wBAAwB,CAAC,KAAK,CAAC,KAAK;IAC3C,KAAK,EAAE,CAAC;SACL,MAAM,CAAC;QACN,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE;KACvD,CAAC;SACD,QAAQ,EAAE;SACV,QAAQ,EAAE;CACd,CAAC,CAAC"}

package/dist/blocks/Container/ContainerReader.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Container as BaseContainer } from '@rudyzeinoun/block-container';
+import { ReaderBlock } from '../../Reader/core';
+export default function ContainerReader({ style, props }) {
+    var _a;
+    const childrenIds = (_a = props === null || props === void 0 ? void 0 : props.childrenIds) !== null && _a !== void 0 ? _a : [];
+    return (React.createElement(BaseContainer, { style: style }, childrenIds.map((childId) => (React.createElement(ReaderBlock, { key: childId, id: childId })))));
+}
+//# sourceMappingURL=ContainerReader.js.map

package/dist/blocks/Container/ContainerReader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerReader.js","sourceRoot":"","sources":["../../../src/blocks/Container/ContainerReader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAkB;;IACtE,MAAM,WAAW,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,mCAAI,EAAE,CAAC;IAC7C,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,IACxB,WAAW,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC5B,oBAAC,WAAW,IAAC,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,GAAI,CAC3C,CAAC,CACY,CACjB,CAAC;AACJ,CAAC"}

package/dist/blocks/EmailLayout/EmailLayoutPropsSchema.js

@@ -0,0 +1,30 @@
+import { z } from 'zod';
+const COLOR_SCHEMA = z
+    .string()
+    .regex(/^#[0-9a-fA-F]{6}$/)
+    .nullable()
+    .optional();
+const FONT_FAMILY_SCHEMA = z
+    .enum([
+    'MODERN_SANS',
+    'BOOK_SANS',
+    'ORGANIC_SANS',
+    'GEOMETRIC_SANS',
+    'HEAVY_SANS',
+    'ROUNDED_SANS',
+    'MODERN_SERIF',
+    'BOOK_SERIF',
+    'MONOSPACE',
+])
+    .nullable()
+    .optional();
+export const EmailLayoutPropsSchema = z.object({
+    backdropColor: COLOR_SCHEMA,
+    borderColor: COLOR_SCHEMA,
+    borderRadius: z.number().optional().nullable(),
+    canvasColor: COLOR_SCHEMA,
+    textColor: COLOR_SCHEMA,
+    fontFamily: FONT_FAMILY_SCHEMA,
+    childrenIds: z.array(z.string()).optional().nullable(),
+});
+//# sourceMappingURL=EmailLayoutPropsSchema.js.map

package/dist/blocks/EmailLayout/EmailLayoutPropsSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailLayoutPropsSchema.js","sourceRoot":"","sources":["../../../src/blocks/EmailLayout/EmailLayoutPropsSchema.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,MAAM,YAAY,GAAG,CAAC;KACnB,MAAM,EAAE;KACR,KAAK,CAAC,mBAAmB,CAAC;KAC1B,QAAQ,EAAE;KACV,QAAQ,EAAE,CAAC;AAEd,MAAM,kBAAkB,GAAG,CAAC;KACzB,IAAI,CAAC;IACJ,aAAa;IACb,WAAW;IACX,cAAc;IACd,gBAAgB;IAChB,YAAY;IACZ,cAAc;IACd,cAAc;IACd,YAAY;IACZ,WAAW;CACZ,CAAC;KACD,QAAQ,EAAE;KACV,QAAQ,EAAE,CAAC;AAEd,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC7C,aAAa,EAAE,YAAY;IAC3B,WAAW,EAAE,YAAY;IACzB,YAAY,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE;IAC9C,WAAW,EAAE,YAAY;IACzB,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,kBAAkB;IAC9B,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE;CACvD,CAAC,CAAC"}

package/dist/blocks/EmailLayout/EmailLayoutReader.js

@@ -0,0 +1,59 @@
+import React from 'react';
+import { ReaderBlock } from '../../Reader/core';
+function getFontFamily(fontFamily) {
+    const f = fontFamily !== null && fontFamily !== void 0 ? fontFamily : 'MODERN_SANS';
+    switch (f) {
+        case 'MODERN_SANS':
+            return '"Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif';
+        case 'BOOK_SANS':
+            return 'Optima, Candara, "Noto Sans", source-sans-pro, sans-serif';
+        case 'ORGANIC_SANS':
+            return 'Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif';
+        case 'GEOMETRIC_SANS':
+            return 'Avenir, "Avenir Next LT Pro", Montserrat, Corbel, "URW Gothic", source-sans-pro, sans-serif';
+        case 'HEAVY_SANS':
+            return 'Bahnschrift, "DIN Alternate", "Franklin Gothic Medium", "Nimbus Sans Narrow", sans-serif-condensed, sans-serif';
+        case 'ROUNDED_SANS':
+            return 'ui-rounded, "Hiragino Maru Gothic ProN", Quicksand, Comfortaa, Manjari, "Arial Rounded MT Bold", Calibri, source-sans-pro, sans-serif';
+        case 'MODERN_SERIF':
+            return 'Charter, "Bitstream Charter", "Sitka Text", Cambria, serif';
+        case 'BOOK_SERIF':
+            return '"Iowan Old Style", "Palatino Linotype", "URW Palladio L", P052, serif';
+        case 'MONOSPACE':
+            return '"Nimbus Mono PS", "Courier New", "Cutive Mono", monospace';
+    }
+}
+function getBorder({ borderColor }) {
+    if (!borderColor) {
+        return undefined;
+    }
+    return `1px solid ${borderColor}`;
+}
+export default function EmailLayoutReader(props) {
+    var _a, _b, _c, _d, _e;
+    const childrenIds = (_a = props.childrenIds) !== null && _a !== void 0 ? _a : [];
+    return (React.createElement("div", { style: {
+            backgroundColor: (_b = props.backdropColor) !== null && _b !== void 0 ? _b : '#F5F5F5',
+            color: (_c = props.textColor) !== null && _c !== void 0 ? _c : '#262626',
+            fontFamily: getFontFamily(props.fontFamily),
+            fontSize: '16px',
+            fontWeight: '400',
+            letterSpacing: '0.15008px',
+            lineHeight: '1.5',
+            margin: '0',
+            padding: '32px 0',
+            minHeight: '100%',
+            width: '100%',
+        } },
+        React.createElement("table", { align: "center", width: "100%", style: {
+                margin: '0 auto',
+                maxWidth: '600px',
+                backgroundColor: (_d = props.canvasColor) !== null && _d !== void 0 ? _d : '#FFFFFF',
+                borderRadius: (_e = props.borderRadius) !== null && _e !== void 0 ? _e : undefined,
+                border: getBorder(props),
+            }, role: "presentation", cellSpacing: "0", cellPadding: "0", border: 0 },
+            React.createElement("tbody", null,
+                React.createElement("tr", { style: { width: '100%' } },
+                    React.createElement("td", null, childrenIds.map((childId) => (React.createElement(ReaderBlock, { key: childId, id: childId })))))))));
+}
+//# sourceMappingURL=EmailLayoutReader.js.map

package/dist/blocks/EmailLayout/EmailLayoutReader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailLayoutReader.js","sourceRoot":"","sources":["../../../src/blocks/EmailLayout/EmailLayoutReader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD,SAAS,aAAa,CAAC,UAA0C;IAC/D,MAAM,CAAC,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,aAAa,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC;QACV,KAAK,aAAa;YAChB,OAAO,kEAAkE,CAAC;QAC5E,KAAK,WAAW;YACd,OAAO,2DAA2D,CAAC;QACrE,KAAK,cAAc;YACjB,OAAO,wFAAwF,CAAC;QAClG,KAAK,gBAAgB;YACnB,OAAO,6FAA6F,CAAC;QACvG,KAAK,YAAY;YACf,OAAO,gHAAgH,CAAC;QAC1H,KAAK,cAAc;YACjB,OAAO,uIAAuI,CAAC;QACjJ,KAAK,cAAc;YACjB,OAAO,4DAA4D,CAAC;QACtE,KAAK,YAAY;YACf,OAAO,uEAAuE,CAAC;QACjF,KAAK,WAAW;YACd,OAAO,2DAA2D,CAAC;IACvE,CAAC;AACH,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,WAAW,EAAoB;IAClD,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,OAAO,aAAa,WAAW,EAAE,CAAC;AACpC,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAuB;;IAC/D,MAAM,WAAW,GAAG,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC;IAC5C,OAAO,CACL,6BACE,KAAK,EAAE;YACL,eAAe,EAAE,MAAA,KAAK,CAAC,aAAa,mCAAI,SAAS;YACjD,KAAK,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,SAAS;YACnC,UAAU,EAAE,aAAa,CAAC,KAAK,CAAC,UAAU,CAAC;YAC3C,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,KAAK;YACjB,aAAa,EAAE,WAAW;YAC1B,UAAU,EAAE,KAAK;YACjB,MAAM,EAAE,GAAG;YACX,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,MAAM;YACjB,KAAK,EAAE,MAAM;SACd;QAED,+BACE,KAAK,EAAC,QAAQ,EACd,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE;gBACL,MAAM,EAAE,QAAQ;gBAChB,QAAQ,EAAE,OAAO;gBACjB,eAAe,EAAE,MAAA,KAAK,CAAC,WAAW,mCAAI,SAAS;gBAC/C,YAAY,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,SAAS;gBAC7C,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC;aACzB,EACD,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,GAAG,EACf,WAAW,EAAC,GAAG,EACf,MAAM,EAAE,CAAC;YAET;gBACE,4BAAI,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;oBAC1B,gCACG,WAAW,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC5B,oBAAC,WAAW,IAAC,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,GAAI,CAC3C,CAAC,CACC,CACF,CACC,CACF,CACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/index.js

@@ -0,0 +1,7 @@
+export { default as renderToStaticMarkup } from './renderers/renderToStaticMarkup';
+export { ReaderBlockSchema, 
+//
+ReaderDocumentSchema, 
+//
+ReaderBlock, default as Reader, } from './Reader/core';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAEnF,OAAO,EACL,iBAAiB;AAEjB,EAAE;AACF,oBAAoB;AAEpB,EAAE;AACF,WAAW,EAIX,OAAO,IAAI,MAAM,GAClB,MAAM,eAAe,CAAC"}

package/dist/renderers/renderToStaticMarkup.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { renderToStaticMarkup as baseRenderToStaticMarkup } from 'react-dom/server';
+import Reader from '../Reader/core';
+export default function renderToStaticMarkup(document, { rootBlockId }) {
+    return ('<!DOCTYPE html>' +
+        baseRenderToStaticMarkup(React.createElement("html", null,
+            React.createElement("body", null,
+                React.createElement(Reader, { document: document, rootBlockId: rootBlockId })))));
+}
+//# sourceMappingURL=renderToStaticMarkup.js.map

package/dist/renderers/renderToStaticMarkup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderToStaticMarkup.js","sourceRoot":"","sources":["../../src/renderers/renderToStaticMarkup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,IAAI,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAEpF,OAAO,MAA2B,MAAM,gBAAgB,CAAC;AAKzD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,QAAyB,EAAE,EAAE,WAAW,EAAY;IAC/F,OAAO,CACL,iBAAiB;QACjB,wBAAwB,CACtB;YACE;gBACE,oBAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,GAAI,CACnD,CACF,CACR,CACF,CAAC;AACJ,CAAC"}

package/dist/renderers/renderToStaticMarkup.spec.js

@@ -0,0 +1,20 @@
+/**
+ * @jest-environment node
+ */
+import renderToStaticMarkup from './renderToStaticMarkup';
+describe('renderToStaticMarkup', () => {
+    it('renders into a string', () => {
+        const result = renderToStaticMarkup({
+            root: {
+                type: 'Container',
+                data: {
+                    props: {
+                        childrenIds: [],
+                    },
+                },
+            },
+        }, { rootBlockId: 'root' });
+        expect(result).toEqual('<!DOCTYPE html><html><body><div></div></body></html>');
+    });
+});
+//# sourceMappingURL=renderToStaticMarkup.spec.js.map

package/dist/renderers/renderToStaticMarkup.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderToStaticMarkup.spec.js","sourceRoot":"","sources":["../../src/renderers/renderToStaticMarkup.spec.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAE1D,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,MAAM,GAAG,oBAAoB,CACjC;YACE,IAAI,EAAE;gBACJ,IAAI,EAAE,WAAW;gBACjB,IAAI,EAAE;oBACJ,KAAK,EAAE;wBACL,WAAW,EAAE,EAAE;qBAChB;iBACF;aACF;SACF,EACD,EAAE,WAAW,EAAE,MAAM,EAAE,CACxB,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,sDAAsD,CAAC,CAAC;IACjF,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rudyzeinoun/email-builder",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "React component to render email messages",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -26,7 +26,7 @@
     "zod": "^1 || ^2 || ^3"
   },
   "dependencies": {
-    "@rudyzeinoun/block-container": "^0.0.4",
+    "@rudyzeinoun/block-container": "^0.0.5",
     "@usewaypoint/block-avatar": "^0.0.3",
     "@usewaypoint/block-button": "^0.0.3",
     "@usewaypoint/block-columns-container": "^0.0.3",