@rudyzeinoun/email-builder 0.0.10 → 0.0.12

package/dist/Reader/core.d.mts

@@ -175,6 +175,7 @@ export declare const ReaderBlockSchema: z.ZodEffects<z.ZodDiscriminatedUnion<"ty
                 left: number;
             } | null | undefined;
         }>>>;
+        className: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
             childrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString, "many">>>;
         }, "strip", z.ZodTypeAny, {
@@ -194,6 +195,7 @@ export declare const ReaderBlockSchema: z.ZodEffects<z.ZodDiscriminatedUnion<"ty
                 left: number;
             } | null | undefined;
         } | null | undefined;
+        className?: string | null | undefined;
         props?: {
             childrenIds?: string[] | null | undefined;
         } | null | undefined;
@@ -209,6 +211,7 @@ export declare const ReaderBlockSchema: z.ZodEffects<z.ZodDiscriminatedUnion<"ty
                 left: number;
             } | null | undefined;
         } | null | undefined;
+        className?: string | null | undefined;
         props?: {
             childrenIds?: string[] | null | undefined;
         } | null | undefined;
@@ -1097,6 +1100,7 @@ export declare const ReaderDocumentSchema: z.ZodRecord<z.ZodString, z.ZodEffects
                 left: number;
             } | null | undefined;
         }>>>;
+        className: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
             childrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString, "many">>>;
         }, "strip", z.ZodTypeAny, {
@@ -1116,6 +1120,7 @@ export declare const ReaderDocumentSchema: z.ZodRecord<z.ZodString, z.ZodEffects
                 left: number;
             } | null | undefined;
         } | null | undefined;
+        className?: string | null | undefined;
         props?: {
             childrenIds?: string[] | null | undefined;
         } | null | undefined;
@@ -1131,6 +1136,7 @@ export declare const ReaderDocumentSchema: z.ZodRecord<z.ZodString, z.ZodEffects
                 left: number;
             } | null | undefined;
         } | null | undefined;
+        className?: string | null | undefined;
         props?: {
             childrenIds?: string[] | null | undefined;
         } | null | undefined;

package/dist/Reader/core.d.ts

@@ -175,6 +175,7 @@ export declare const ReaderBlockSchema: z.ZodEffects<z.ZodDiscriminatedUnion<"ty
                 left: number;
             } | null | undefined;
         }>>>;
+        className: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
             childrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString, "many">>>;
         }, "strip", z.ZodTypeAny, {
@@ -194,6 +195,7 @@ export declare const ReaderBlockSchema: z.ZodEffects<z.ZodDiscriminatedUnion<"ty
                 left: number;
             } | null | undefined;
         } | null | undefined;
+        className?: string | null | undefined;
         props?: {
             childrenIds?: string[] | null | undefined;
         } | null | undefined;
@@ -209,6 +211,7 @@ export declare const ReaderBlockSchema: z.ZodEffects<z.ZodDiscriminatedUnion<"ty
                 left: number;
             } | null | undefined;
         } | null | undefined;
+        className?: string | null | undefined;
         props?: {
             childrenIds?: string[] | null | undefined;
         } | null | undefined;
@@ -1097,6 +1100,7 @@ export declare const ReaderDocumentSchema: z.ZodRecord<z.ZodString, z.ZodEffects
                 left: number;
             } | null | undefined;
         }>>>;
+        className: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
             childrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString, "many">>>;
         }, "strip", z.ZodTypeAny, {
@@ -1116,6 +1120,7 @@ export declare const ReaderDocumentSchema: z.ZodRecord<z.ZodString, z.ZodEffects
                 left: number;
             } | null | undefined;
         } | null | undefined;
+        className?: string | null | undefined;
         props?: {
             childrenIds?: string[] | null | undefined;
         } | null | undefined;
@@ -1131,6 +1136,7 @@ export declare const ReaderDocumentSchema: z.ZodRecord<z.ZodString, z.ZodEffects
                 left: number;
             } | null | undefined;
         } | null | undefined;
+        className?: string | null | undefined;
         props?: {
             childrenIds?: string[] | null | undefined;
         } | null | undefined;

package/dist/Reader/core.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../../src/Reader/core.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AA6ExB,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAAmD,CAAC;AAClF,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE7D,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAA0C,CAAC;AAC5E,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;AAI3D,MAAM,MAAM,iBAAiB,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAC/C,wBAAgB,WAAW,CAAC,EAAE,EAAE,EAAE,EAAE,iBAAiB,qBAGpD;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC;IAC5D,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,YAAY,qBAMrE"}
+{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../../src/Reader/core.tsx"],"names":[],"mappings":"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"}

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.d.mts

@@ -41,6 +41,7 @@ export declare const ContainerPropsSchema: z.ZodObject<{
             left: number;
         } | null | undefined;
     }>>>;
+    className: z.ZodNullable<z.ZodOptional<z.ZodString>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         childrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString, "many">>>;
     }, "strip", z.ZodTypeAny, {
@@ -60,6 +61,7 @@ export declare const ContainerPropsSchema: z.ZodObject<{
             left: number;
         } | null | undefined;
     } | null | undefined;
+    className?: string | null | undefined;
     props?: {
         childrenIds?: string[] | null | undefined;
     } | null | undefined;
@@ -75,6 +77,7 @@ export declare const ContainerPropsSchema: z.ZodObject<{
             left: number;
         } | null | undefined;
     } | null | undefined;
+    className?: string | null | undefined;
     props?: {
         childrenIds?: string[] | null | undefined;
     } | null | undefined;

package/dist/blocks/Container/ContainerPropsSchema.d.ts

@@ -41,6 +41,7 @@ export declare const ContainerPropsSchema: z.ZodObject<{
             left: number;
         } | null | undefined;
     }>>>;
+    className: z.ZodNullable<z.ZodOptional<z.ZodString>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         childrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString, "many">>>;
     }, "strip", z.ZodTypeAny, {
@@ -60,6 +61,7 @@ export declare const ContainerPropsSchema: z.ZodObject<{
             left: number;
         } | null | undefined;
     } | null | undefined;
+    className?: string | null | undefined;
     props?: {
         childrenIds?: string[] | null | undefined;
     } | null | undefined;
@@ -75,6 +77,7 @@ export declare const ContainerPropsSchema: z.ZodObject<{
             left: number;
         } | null | undefined;
     } | null | undefined;
+    className?: string | null | undefined;
     props?: {
         childrenIds?: string[] | null | undefined;
     } | null | undefined;

package/dist/blocks/Container/ContainerPropsSchema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContainerPropsSchema.d.ts","sourceRoot":"","sources":["../../../src/blocks/Container/ContainerPropsSchema.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAIxB,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQ/B,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC"}
+{"version":3,"file":"ContainerPropsSchema.d.ts","sourceRoot":"","sources":["../../../src/blocks/Container/ContainerPropsSchema.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAIxB,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAS/B,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC"}

package/dist/blocks/Container/ContainerPropsSchema.js

@@ -0,0 +1,13 @@
+import { z } from 'zod';
+import { ContainerPropsSchema as BaseContainerPropsSchema } from '@rudyzeinoun/block-container';
+export const ContainerPropsSchema = z.object({
+    style: BaseContainerPropsSchema.shape.style,
+    className: z.string().optional().nullable(),
+    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,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE;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/ContainerPropsSchema.mjs

@@ -2,6 +2,7 @@ import { z } from 'zod';
 import { ContainerPropsSchema as BaseContainerPropsSchema } from '@rudyzeinoun/block-container';
 export const ContainerPropsSchema = z.object({
     style: BaseContainerPropsSchema.shape.style,
+    className: z.string().optional().nullable(),
     props: z
         .object({
         childrenIds: z.array(z.string()).optional().nullable(),

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

@@ -1 +1 @@
-{"version":3,"file":"ContainerPropsSchema.mjs","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"}
+{"version":3,"file":"ContainerPropsSchema.mjs","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,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE;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.d.mts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ContainerProps } from './ContainerPropsSchema';
-export default function ContainerReader({ style, props }: ContainerProps): React.JSX.Element;
+export default function ContainerReader({ style, props, className }: ContainerProps): React.JSX.Element;
 //# sourceMappingURL=ContainerReader.d.ts.map

package/dist/blocks/Container/ContainerReader.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ContainerProps } from './ContainerPropsSchema';
-export default function ContainerReader({ style, props }: ContainerProps): React.JSX.Element;
+export default function ContainerReader({ style, props, className }: ContainerProps): React.JSX.Element;
 //# sourceMappingURL=ContainerReader.d.ts.map

package/dist/blocks/Container/ContainerReader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContainerReader.d.ts","sourceRoot":"","sources":["../../../src/blocks/Container/ContainerReader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,cAAc,qBASvE"}
+{"version":3,"file":"ContainerReader.d.ts","sourceRoot":"","sources":["../../../src/blocks/Container/ContainerReader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,cAAc,qBASlF"}

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, className }) {
+    var _a;
+    const childrenIds = (_a = props === null || props === void 0 ? void 0 : props.childrenIds) !== null && _a !== void 0 ? _a : [];
+    return (React.createElement(BaseContainer, { className: "test", 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,EAAE,SAAS,EAAkB;;IACjF,MAAM,WAAW,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,mCAAI,EAAE,CAAC;IAC7C,OAAO,CACL,oBAAC,aAAa,IAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAC3C,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/Container/ContainerReader.mjs

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Container as BaseContainer } from '@rudyzeinoun/block-container';
 import { ReaderBlock } from '../../Reader/core.mjs';
-export default function ContainerReader({ style, props }) {
+export default function ContainerReader({ style, props, className }) {
     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 })))));
+    return (React.createElement(BaseContainer, { className: "test", style: style }, childrenIds.map((childId) => (React.createElement(ReaderBlock, { key: childId, id: childId })))));
 }
 //# sourceMappingURL=ContainerReader.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContainerReader.mjs","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"}
+{"version":3,"file":"ContainerReader.mjs","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,EAAE,SAAS,EAAkB;;IACjF,MAAM,WAAW,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,mCAAI,EAAE,CAAC;IAC7C,OAAO,CACL,oBAAC,aAAa,IAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAC3C,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"}