chaipro 0.1.0

package/dist/nextjs/render.d.cts

@@ -0,0 +1,78 @@
+import { a4 as ChaiTheme, J as ChaiFontByUrl, k as ChaiBlock, S as ChaiPageProps, G as ChaiDesignTokens } from '../actions-DM00SIUk.cjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { C as ChaiFullPage } from '../pages-DlMX1Lj2.cjs';
+import { a as ChaiBlockComponentProps, f as ChaiStyles } from '../blocks-CP-Pngaz.cjs';
+import 'ai';
+import '@rjsf/utils';
+import 'react';
+
+declare const getChaiThemeCssVariables: ({ theme }: {
+    theme: ChaiTheme;
+}) => string;
+declare const getThemeFontsLinkMarkup: (fonts: ChaiFontByUrl[]) => string;
+declare const getThemeFontsCSSImport: (fonts: ChaiFontByUrl[]) => string;
+
+declare function getMergedPartialBlocks(blocks: ChaiBlock[], partials: Record<string, ChaiBlock[]>): ChaiBlock[];
+
+/**
+ * Get the tailwind css for the blocks
+ * @param blocks - The blocks to get the tailwind css for
+ * @param includeBaseStyles - Whether to include the base styles
+ * @returns The tailwind css for the blocks
+ */
+declare const getStylesForBlocks: (blocks: ChaiBlock[], includeBaseStyles?: boolean) => Promise<string>;
+
+declare const ChaiPageCSS: (props: {
+    page: ChaiFullPage;
+}) => Promise<react_jsx_runtime.JSX.Element>;
+declare const ChaiPageJSONLD: (props: {
+    page: ChaiFullPage;
+    pageData?: Record<string, any>;
+}) => Promise<react_jsx_runtime.JSX.Element>;
+
+type ButtonBlockProps = {
+    styles: ChaiStyles;
+    content: string;
+    icon: string;
+    iconSize: number;
+    iconPos: "order-first" | "order-last";
+    link: {
+        type: "page" | "pageType" | "url" | "email" | "telephone" | "element";
+        target: "_self" | "_blank";
+        href: string;
+    };
+    prefetchLink?: boolean;
+};
+type ImageBlockProps = {
+    height: string;
+    width: string;
+    alt: string;
+    styles: ChaiStyles;
+    lazyLoading: boolean;
+    image: string;
+};
+type LinkBlockProps = {
+    styles: ChaiStyles;
+    content: string;
+    link: {
+        type: "page" | "pageType" | "url" | "email" | "telephone" | "element";
+        target: "_self" | "_blank";
+        href: string;
+    };
+    prefetchLink?: boolean;
+};
+type ComponentType<T> = React.ComponentType<T> | Promise<React.ComponentType<T>>;
+declare const NextJSRenderChaiBlocks: ({ pageData, settings, page, pageProps, linkComponent, imageComponent, buttonComponent, designTokens, withRenderPhase, dataProviders, }: {
+    pageData: Record<string, any>;
+    settings: Record<string, any>;
+    page: ChaiFullPage;
+    pageProps: ChaiPageProps;
+    designTokens?: ChaiDesignTokens;
+    linkComponent?: ComponentType<ChaiBlockComponentProps<LinkBlockProps>>;
+    imageComponent?: ComponentType<ChaiBlockComponentProps<ImageBlockProps>>;
+    buttonComponent?: ComponentType<ChaiBlockComponentProps<ButtonBlockProps>>;
+    withRenderPhase?: <T>(label: string, fn: () => T | Promise<T>, detail?: string) => Promise<T>;
+    dataProviders?: Record<string, Promise<Record<string, any>>>;
+}) => Promise<react_jsx_runtime.JSX.Element>;
+
+export { ChaiPageCSS, ChaiPageJSONLD, NextJSRenderChaiBlocks as RenderChaiBlocks, getChaiThemeCssVariables, getMergedPartialBlocks, getStylesForBlocks, getThemeFontsCSSImport, getThemeFontsLinkMarkup };

package/dist/nextjs/render.d.ts

@@ -0,0 +1,78 @@
+import { a4 as ChaiTheme, J as ChaiFontByUrl, k as ChaiBlock, S as ChaiPageProps, G as ChaiDesignTokens } from '../actions-DM00SIUk.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { C as ChaiFullPage } from '../pages-Dol4CXrN.js';
+import { a as ChaiBlockComponentProps, f as ChaiStyles } from '../blocks-CMvgDlxw.js';
+import 'ai';
+import '@rjsf/utils';
+import 'react';
+
+declare const getChaiThemeCssVariables: ({ theme }: {
+    theme: ChaiTheme;
+}) => string;
+declare const getThemeFontsLinkMarkup: (fonts: ChaiFontByUrl[]) => string;
+declare const getThemeFontsCSSImport: (fonts: ChaiFontByUrl[]) => string;
+
+declare function getMergedPartialBlocks(blocks: ChaiBlock[], partials: Record<string, ChaiBlock[]>): ChaiBlock[];
+
+/**
+ * Get the tailwind css for the blocks
+ * @param blocks - The blocks to get the tailwind css for
+ * @param includeBaseStyles - Whether to include the base styles
+ * @returns The tailwind css for the blocks
+ */
+declare const getStylesForBlocks: (blocks: ChaiBlock[], includeBaseStyles?: boolean) => Promise<string>;
+
+declare const ChaiPageCSS: (props: {
+    page: ChaiFullPage;
+}) => Promise<react_jsx_runtime.JSX.Element>;
+declare const ChaiPageJSONLD: (props: {
+    page: ChaiFullPage;
+    pageData?: Record<string, any>;
+}) => Promise<react_jsx_runtime.JSX.Element>;
+
+type ButtonBlockProps = {
+    styles: ChaiStyles;
+    content: string;
+    icon: string;
+    iconSize: number;
+    iconPos: "order-first" | "order-last";
+    link: {
+        type: "page" | "pageType" | "url" | "email" | "telephone" | "element";
+        target: "_self" | "_blank";
+        href: string;
+    };
+    prefetchLink?: boolean;
+};
+type ImageBlockProps = {
+    height: string;
+    width: string;
+    alt: string;
+    styles: ChaiStyles;
+    lazyLoading: boolean;
+    image: string;
+};
+type LinkBlockProps = {
+    styles: ChaiStyles;
+    content: string;
+    link: {
+        type: "page" | "pageType" | "url" | "email" | "telephone" | "element";
+        target: "_self" | "_blank";
+        href: string;
+    };
+    prefetchLink?: boolean;
+};
+type ComponentType<T> = React.ComponentType<T> | Promise<React.ComponentType<T>>;
+declare const NextJSRenderChaiBlocks: ({ pageData, settings, page, pageProps, linkComponent, imageComponent, buttonComponent, designTokens, withRenderPhase, dataProviders, }: {
+    pageData: Record<string, any>;
+    settings: Record<string, any>;
+    page: ChaiFullPage;
+    pageProps: ChaiPageProps;
+    designTokens?: ChaiDesignTokens;
+    linkComponent?: ComponentType<ChaiBlockComponentProps<LinkBlockProps>>;
+    imageComponent?: ComponentType<ChaiBlockComponentProps<ImageBlockProps>>;
+    buttonComponent?: ComponentType<ChaiBlockComponentProps<ButtonBlockProps>>;
+    withRenderPhase?: <T>(label: string, fn: () => T | Promise<T>, detail?: string) => Promise<T>;
+    dataProviders?: Record<string, Promise<Record<string, any>>>;
+}) => Promise<react_jsx_runtime.JSX.Element>;
+
+export { ChaiPageCSS, ChaiPageJSONLD, NextJSRenderChaiBlocks as RenderChaiBlocks, getChaiThemeCssVariables, getMergedPartialBlocks, getStylesForBlocks, getThemeFontsCSSImport, getThemeFontsLinkMarkup };

package/dist/nextjs/render.js

@@ -0,0 +1 @@
+import{b as Z}from"../chunk-TGJQC6VC.js";import{j as ae}from"../chunk-UIDBBTCZ.js";import"../chunk-4PQNBY3V.js";import"../chunk-IB2C3TWH.js";import"../chunk-MDMGXS5B.js";import{x as oe}from"../chunk-YTPQSO7V.js";import{a as re}from"../chunk-JYBTQ3YX.js";import"../chunk-346H4FEX.js";import"../chunk-CFNOB42V.js";import"../chunk-DZ72OHTD.js";import"../chunk-OSGXFZTA.js";import"../chunk-OQZ4EPOM.js";import"../chunk-ESCX7KEH.js";import"../chunk-CRJENCPR.js";import"../chunk-6M7V7BOM.js";import{a as ee,b as B,e as te}from"../chunk-K6RHR4HT.js";import{e as x,f as Se,h as _e,k as q,l as G,m as U,n as Q,p as X,q as Y,r as v}from"../chunk-VUWHFLT7.js";import"../chunk-OR7KKUYT.js";import"../chunk-T56KQBE2.js";import{a as W}from"../chunk-YDOQEFOK.js";import"../chunk-ITX7QWN6.js";import"../chunk-LWYDGDPW.js";import"../chunk-VKSRWZCO.js";import{f as V,j,m as P,o as H}from"../chunk-3UEPBBE4.js";import"../chunk-WOT6VMZA.js";import{cloneDeep as Te,flattenDeep as yt,get as w,isEmpty as Re,last as kt}from"lodash-es";function Le(t,e){let o=t.filter(n=>n._type==="GlobalBlock"||n._type==="PartialBlock");for(let n=0;n<o.length;n++){let a=o[n],s=w(a,"partialBlockId",w(a,"globalBlock",""));if(s==="")continue;let l=Te(w(e,s,[]));a._parent&&(l==null?void 0:l.length)>0&&(l=l.map(i=>(Re(i._parent)&&(i._parent=a._parent),i)));let r=t.indexOf(a);t.splice(r,1,...l)}return t}import xe from"@tailwindcss/container-queries";import ve from"@tailwindcss/forms";import we from"@tailwindcss/typography";async function De(t,e=[],o=!1){return re({markupStrings:t,safelist:e,includeBaseStyles:o,config:{darkMode:"class",theme:{extend:{...te(),keyframes:{"accordion-down":{from:{height:"0"},to:{height:"var(--radix-accordion-content-height)"}},"accordion-up":{from:{height:"var(--radix-accordion-content-height)"},to:{height:"0"}}},animation:{"accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out"}}},plugins:[ve,we,xe,ee],corePlugins:{preflight:o}}})}var Ie=(t,e)=>{let o=JSON.stringify(t).replace(/#styles:([^"]*)/g,(n,a)=>`#styles:${a.replace(/^,/g," ")}`.replace(/#styles:/g,""));return De([o],[],e)},Fe=async(t,e=!1)=>await Ie(t,e);import{get as b}from"lodash-es";import{jsx as $e}from"react/jsx-runtime";var ne=t=>{try{let e=JSON.parse(t);return Object.keys(e).length>0}catch(e){return!1}},se=async({jsonLD:t,pageData:e={}})=>{if(!t||!ne(t))return null;let o={};try{o=JSON.parse(t)}catch(a){return null}let n=U(o,e);return ne(n)?$e("script",{type:"application/ld+json",children:n},"jsonld"):null};import{Fragment as Ke,jsx as f,jsxs as Oe}from"react/jsx-runtime";var Ne=async t=>{let{page:e}=t,o=await ae(oe()),n=o.withRenderPhase,a=await n("ChaiPageCSS.getSiteSettings",()=>o.getSiteSettings()),s=b(a,"theme",{}),l={...W,...b(a,"designTokens",{})},r=await n("ChaiPageCSS.themeVariables",async()=>x({theme:s})),i=await n("ChaiPageCSS.applyDesignTokens",async()=>{var p;return B((p=e.blocks)!=null?p:[],l)}),g=e?await n("ChaiPageCSS.getPageStyles",()=>o.getPageStyles(e.id,i)):null,c=b(s,"fontFamily.body","Arial"),d=b(s,"fontFamily.heading","Arial"),{fontStyles:m,preloads:y}=await n("ChaiPageCSS.getFontStyles",()=>H(d,c));return Oe(Ke,{children:[y.length>0&&y.map(p=>f("link",{rel:"preload",href:p,as:"font",type:"font/woff2",crossOrigin:"anonymous"},p)),f("style",{id:"theme-variables",dangerouslySetInnerHTML:{__html:r}}),g?f("style",{id:"page-styles",dangerouslySetInnerHTML:{__html:g}}):null,m?f("style",{id:"fonts-styles",dangerouslySetInnerHTML:{__html:m}}):null]})},Ee=async t=>{var n;let{page:e,pageData:o={}}=t;return f(se,{jsonLD:(n=e==null?void 0:e.seo)==null?void 0:n.jsonLD,pageData:o})};import{isEmpty as pt}from"lodash-es";import{find as $,get as me,isEmpty as T}from"lodash-es";import{filter as ge,get as de,has as qe,isArray as Ge,isEmpty as Ue,map as Qe,uniqBy as Xe}from"lodash-es";import{get as C,has as Ae,isArray as ie,isFunction as Ve,isNull as je,isString as He}from"lodash-es";import{createElement as I,Suspense as le}from"react";import{has as Me,isFunction as ze,omit as Je}from"lodash-es";async function D(t){let e={pageProps:t.pageProps,block:t.block,lang:t.lang,draft:t.draft,inBuilder:!1},o=await t.dataProvider(e);return Me(o,"$metadata")&&ze(t.dataProviderMetadataCallback)&&t.dataProviderMetadataCallback(t.block,o.$metadata),t.children({...Je(o,"$metadata")})}import{jsx as S}from"react/jsx-runtime";var We=()=>S("div",{}),ce=t=>{var M;let{block:e,lang:o,fallbackLang:n,children:a,externalData:s,blocks:l,draft:r,pageProps:i,dataProviderMetadataCallback:g}=t,c=V(e._type),d=C(c,"component",null),m=C(t.repeaterData,"index",-1),y=C(t.repeaterData,"dataKey",""),p=o===n?"":o!=null?o:"",h=G(Q(e,p,c),s!=null?s:{},{index:m,key:y}),u=X(e,!1),K=pe(l,e._id,Y(e._type)),R=Ae(c,"dataProvider")&&Ve(c.dataProvider),L={...h,...u,...K},O={blockProps:{},inBuilder:!1,lang:o||n||"en",draft:r!=null?r:!1,pageData:s!=null?s:{},...L},k=C(L,"_show",!0);if(He(k)&&k.startsWith("{{")&&(k=q(k,s)!=="false"),je(d)||!k)return null;if(R){let z=C(c,"suspenseFallback",We),J=t.dataProviders?t.dataProviders[e._id]:void 0;return S(le,{fallback:I(z),children:S(D,{lang:o!=null?o:"",pageProps:i,block:L,dataProvider:J?()=>J:c.dataProvider,...g?{dataProviderMetadataCallback:g}:{},draft:r!=null?r:!1,children:be=>{var A;return I(d,{...O,...be},a({_id:e._id,_type:e._type,...ie(h.repeaterItems)?{repeaterItems:v(h.repeaterItems,e),$repeaterItemsKey:h.$repeaterItemsKey,repeaterTotalItems:(A=h.repeaterTotalItems)!=null?A:-1}:{}}))}})})}return S(le,{children:I(d,{...O},a({_id:e._id,_type:e._type,...ie(h.repeaterItems)?{repeaterItems:v(h.repeaterItems,e),$repeaterItemsKey:h.$repeaterItemsKey,repeaterTotalItems:(M=h.repeaterTotalItems)!=null?M:-1}:{}}))})};import{createElement as F}from"react";var _=t=>{let{blocks:e,parent:o,repeaterData:n,type:a}=t,s=Xe(ge(e,r=>qe(r,"_id")&&(Ue(o)?!r._parent:r._parent===o)),"_id"),l=r=>ge(e,i=>i._parent===r).length>0;return(a==="Heading"||a==="Paragraph"||a==="Link"||a==="Span")&&(s=Z(s)),Qe(s,(r,i)=>r?F(ce,{...t,key:r._id?`${r._id}-${i}`:`block-${i}`,block:r},({_id:g,_type:c,repeaterItems:d,$repeaterItemsKey:m})=>c==="Repeater"?Ge(d)&&d.map((y,p)=>F(_,{...t,parent:r._id,key:`${de(r,"_parent","root")}-${r._id}-${i}-${p}`,repeaterData:{index:p,dataKey:m}})):l(g)?F(_,{...t,parent:r._id,key:`${de(r,"_parent","root")}-${r._id}-${i}`,repeaterData:n,type:r._type}):null):null)};import{jsx as Ye}from"react/jsx-runtime";var pe=(t,e,o)=>T(o)?{}:Object.entries(o).reduce((n,[a,s])=>{let l=[],r=$(t,{_id:e});for(;r;)l.push(r),r=$(t,{_id:r._parent});let i=$(l,{_type:s.block});return i&&(n[a]=me(i,me(s,"prop"),null)),n},{});function he(t){var a,s;if(T(t.lang)&&!T(t.fallbackLang))throw new Error("lang prop is required when fallbackLang is provided");if(T(t.blocks))return null;let e=(a=t.lang)!=null?a:"en",o=(s=t.fallbackLang)!=null?s:e,n=j(t.blocks);return Ye(_,{...t,blocks:n,lang:e,fallbackLang:o})}import{get as ye,isEmpty as Ze}from"lodash-es";import et from"next/link";import*as ke from"react";import{Fragment as ot,jsx as N,jsxs as rt}from"react/jsx-runtime";var tt=t=>t.replace(/[^\d]/g,""),fe=t=>{let{blockProps:e,iconSize:o,icon:n,content:a,styles:s,children:l,iconPos:r,link:i,prefetchLink:g}=t,c=n,d=l||rt(ot,{children:[a&&N("span",{children:a}),c&&N("div",{style:{width:o+"px"},className:r+" "+(a?r==="order-first"?"mr-2":"ml-2":"")||"",dangerouslySetInnerHTML:{__html:c}})]}),m=ke.createElement("button",{...e,...s,type:"button","aria-label":a},d),y=ye(i,"href");if(!Ze(y)){let p=(i==null?void 0:i.type)==="telephone"?`tel:${tt(y)}`:y;return N(et,{"aria-label":a,href:p||"/",target:ye(i,"target","_self"),...g?{prefetch:!0}:{},children:m})}return m};import{first as at,isArray as nt}from"lodash-es";import st from"next/image";import*as E from"react";var Ce=t=>{var g;let{image:e,styles:o,alt:n,height:a,width:s,lazyLoading:l}=t,r=!s||!a||isNaN(parseInt(s))||isNaN(parseInt(a)),i=E.createElement(st,{...o,src:nt(e)?(g=at(e))==null?void 0:g.trimEnd():e==null?void 0:e.trimEnd(),alt:n||"",priority:!l,fill:r,height:r?void 0:parseInt(a),width:r?void 0:parseInt(s),style:r?{objectFit:"cover"}:void 0,unoptimized:!0});return r?E.createElement("div",{className:"relative flex w-full h-full"},i):i};import ue from"next/link";import*as Pe from"react";import{jsx as ct}from"react/jsx-runtime";var lt=t=>t.replace(/[^\d]/g,""),Be=t=>{let{link:e,styles:o,children:n,content:a,prefetchLink:s}=t,l=(e==null?void 0:e.type)==="telephone"?`tel:${lt(e==null?void 0:e.href)}`:e==null?void 0:e.href;return n?ct(ue,{href:l||"#/",target:e==null?void 0:e.target,"aria-label":a,...o,...s?{prefetch:!0}:{},children:n}):Pe.createElement(ue,{...o,href:l,target:(e==null?void 0:e.target)||"_self","aria-label":a,...s?{prefetch:!0}:{}},a)};import{jsx as dt}from"react/jsx-runtime";var gt=async({pageData:t,settings:e,page:o,pageProps:n,linkComponent:a=Be,imageComponent:s=Ce,buttonComponent:l=fe,designTokens:r={},withRenderPhase:i,dataProviders:g})=>{var p,h,u;let c=i!=null?i:(async(K,R)=>R());await c("RenderChaiBlocks.registerComponents",async()=>{P("Link",await a),P("Image",await s),P("Button",await l)});let d=(p=e==null?void 0:e.designTokens)!=null?p:r,m=(u=(h=o.blocks)==null?void 0:h.length)!=null?u:0,y=await c("RenderChaiBlocks.applyDesignTokens",async()=>pt(d)?o.blocks:B(o.blocks,d),`blocks=${m}`);return c("RenderChaiBlocks.renderSDK",async()=>dt(he,{externalData:t,blocks:y,fallbackLang:e==null?void 0:e.fallbackLang,lang:o.lang,pageProps:n,dataProviders:g}),`blocks=${m}`)};export{Ne as ChaiPageCSS,Ee as ChaiPageJSONLD,gt as RenderChaiBlocks,x as getChaiThemeCssVariables,Le as getMergedPartialBlocks,Fe as getStylesForBlocks,_e as getThemeFontsCSSImport,Se as getThemeFontsLinkMarkup};