react-bricks 4.7.3-beta.7 → 4.7.3-beta.8

package/astro/PageViewer.astro

@@ -1,16 +1,21 @@
 ---
 import type { types } from 'react-bricks/astro'
-import { ClickToEdit, reactBricksAstroStore } from 'react-bricks/astro'
+import {
+  ClickToEdit,
+  PageWrapper,
+  reactBricksAstroStore,
+} from 'react-bricks/astro'
 import DynamicComponent from './DynamicComponent.astro'
 import TemplateViewer from './TemplateViewer.astro'
 
 interface Props {
   page: types.Page
   main?: boolean
+  preview?: boolean
 }
 
 let error = false
-const { page, main } = Astro.props as Props
+const { page, main, preview } = Astro.props as Props
 
 if (!page) {
   console.error(`Page not found.`)
@@ -25,21 +30,31 @@ if (!pageType) {
   console.error(`Unknown pageType ${page.type}.`)
   error = true
 }
+
+const { content, ...pageWithoutContent } = page
 ---
 
 {
-  error ? (
+  !pageType || error ? (
     ''
-  ) : pageType.template ? (
-    <TemplateViewer page={page} pageType={pageType} />
   ) : (
-    (page?.content?.map((block: any, index: any) => (
-      <DynamicComponent
-        page={page}
-        key={`${block.id}-${index}`}
-        {...{ block }}
-      />
-    )) ?? null)
+    <PageWrapper
+      pageType={pageType}
+      page={pageWithoutContent}
+      renderEnvironment={preview ? 'Preview' : 'Frontend'}
+    >
+      {pageType.template ? (
+        <TemplateViewer page={page} pageType={pageType} />
+      ) : (
+        (page?.content?.map((block: any, index: any) => (
+          <DynamicComponent
+            page={page}
+            key={`${block.id}-${index}`}
+            {...{ block }}
+          />
+        )) ?? null)
+      )}
+    </PageWrapper>
   )
 }
 {

package/astro/index.js

@@ -1,2 +1,2 @@
-"use strict";require("intersection-observer");var e=require("../react-bricks-CXY4gR9A.js"),t=require("react"),r=require("../react-bricks-C7clG507.js"),n=require("react-icons/fi"),i=require("../react-bricks-CI8avgJu.js");function o(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}require("../react-bricks-DRIKzHUS.js"),require("classnames"),require("../react-bricks-G-FCJ1Kd.js"),require("../react-bricks-DiNHHWxd.js"),require("ts-md5");var s,a=o(t),c="c"+(s=5,e.__spreadArray([],e.__read(Array(s)),!1).map((function(){return(~~(36*Math.random())).toString(36)})).join("")),l=function(){return t.createElement(t.Fragment,null,t.createElement("style",null,"\n.".concat(c," {\n  display:block;\n  position: fixed;\n  box-sizing: border-box;\n  z-index: 999;\n  bottom: 20px;\n  left: 20px;\n  padding: 5px 12px;\n  background-color: #ffffffdd;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #1e293b;\n  font-size: 11px;\n  font-weight: 600;\n  border: 1px solid #e2e8f0cc;\n  border-radius: 20px;\n  text-transform: uppercase;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\n  filter: none;\n  transition: all 300ms ease;\n}\n.").concat(c,":hover {\n  background-color: #ffffff;\n  filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));\n}\n.").concat(c," .l {\n  transition: color 300ms ease;\n}\n.").concat(c,":hover .l {\n  color: #f65a8e;\n}\n      ")),t.createElement("a",{href:"https://reactbricks.com?utm_campaign=site-badge",target:"_blank",className:c},t.createElement("img",{src:"https://reactbricks.com/_next/static/media/reactbricks_icon.c57a7be4.svg",style:{width:18,height:18,marginRight:6}}),t.createElement("span",null,"Made in ",t.createElement("span",{className:"l"},"React Bricks"))))},d=r.reactBricksAstroStore.getBricks,u=r.reactBricksAstroStore.getPageValues,p=r.reactBricksAstroStore.getBlockValue,f=r.reactBricksAstroStore.isAdmin;r.reactBricksAstroStore.register,Object.defineProperty(exports,"types",{enumerable:!0,get:function(){return e.types}}),exports.File=r.File,exports.Image=r.Image,exports.Link=r.Link,exports.List=r.ListAstro,exports.Repeater=r.Repeater,exports.RichText=r.CompatibleRichText,exports.RichTextExt=r.RichText,exports.Text=r.Text,exports.reactBricksAstroStore=r.reactBricksAstroStore,exports.useAdminContext=r.useAdminContext,exports.usePageValues=r.usePageValues,exports.useReactBricksContext=r.useReactBricksContext,exports.useVisualEdit=r.useVisualEdit,exports.Plain=i.Plain,exports.AstroBrick=function(n){var i=n.index,o=n.itemsCount,s=n.blockProps,a=n.page,c=n.block,l=n.pathname,d=void 0===l?"":l,u=e.__read(t.useState(r.reactBricksAstroStore.isRegistered()),2),p=u[0],f=u[1];if(t.useEffect((function(){return r.reactBricksAstroStore.__subscribeConfig((function(){f(!0)}))}),[]),"undefined"!=typeof window&&!p)return null;a&&r.reactBricksAstroStore.setPage(a);var m=r.reactBricksAstroStore.getBrick(c);return m?(r.reactBricksAstroStore.setPathname(d),t.createElement(m,e.__assign({},s,{key:s.key,index:i,itemsCount:o,__page:a,__block:c}))):("development"===process.env.NODE_ENV&&console.warn('Missing component for block type "'.concat(c.type,'"')),null)},exports.ClickToEdit=function(o){var s=o.customValues,a=o.id,c=o.language,d=e.__read(t.useState(!1),2),u=d[0],p=d[1],f=r.useReactBricksContext();if(t.useEffect((function(){p(!0)}),[]),!u)return null;var m=(null==s?void 0:s.___t)&&!i.isPaidPlan(null==s?void 0:s.___t)?t.createElement(l,null):null;if(!f)return m;var x,g=localStorage.getItem(e.AUTH_TOKEN_LS_KEY);if(g&&g.length>10&&g.startsWith("ey")){if((null==f?void 0:f.clickToEditSide)===e.types.ClickToEditSide.None)return m;var b=f||{navigate:function(){}},k=b.navigate,h=b.editorPath,_=b.clickToEditSide,y={};return _===e.types.ClickToEditSide.BottomRight&&(y.bottom=50,y.right=0,y.borderTopLeftRadius=999,y.borderBottomLeftRadius=999,y.transform="translate(8px,0)"),_===e.types.ClickToEditSide.BottomLeft&&(y.bottom=50,y.left=0,y.borderTopRightRadius=999,y.borderBottomRightRadius=999,y.transform="translate(-8px,0)"),_===e.types.ClickToEditSide.TopRight&&(y.top=50,y.right=0,y.borderTopLeftRadius=999,y.borderBottomLeftRadius=999,y.transform="translate(8px,0)"),_===e.types.ClickToEditSide.TopLeft&&(y.top=50,y.left=0,y.borderTopRightRadius=999,y.borderBottomRightRadius=999,y.transform="translate(-8px,0)"),t.createElement(t.Fragment,null,t.createElement("style",null,"\n.rb-click-to-edit {\n  position: fixed;\n  z-index: 10;\n  width: 61px;\n  height: 38px;\n  background-color: #f65a8e;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #fff;\n  font-size: 20px;\n  cursor: pointer;\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  transition: all 150ms ease;\n  border: 2px solid #fff;\n}\n.rb-click-to-edit-left:hover {\n  transform: translate(-2px,0)!important;\n}\n.rb-click-to-edit-right:hover {\n  transform: translate(2px,0)!important;\n}\n      "),t.createElement("div",{className:"rb-click-to-edit ".concat((x=_,x===e.types.ClickToEditSide.TopLeft||x===e.types.ClickToEditSide.BottomLeft?"rb-click-to-edit-left":"rb-click-to-edit-right")),style:y,onClick:function(){return k("".concat(h,"?p=").concat(encodeURIComponent(a),"&l=").concat(c))}},t.createElement(n.FiEdit,null)),m)}return m},exports.Icon=function(t){var r=t.icon,n=t.width,i=void 0===n?24:n,o=t.height,s=void 0===o?24:o,c=t.title,l=t.className,d=t.style,u=e.__rest(t,["icon","width","height","title","className","style"]);if(null==r?void 0:r.url){var p=d?{style:e.__assign({width:i,height:s},d)}:{style:{width:i,height:s}};return a.createElement("div",e.__assign({"aria-label":c||r.name,className:l,dangerouslySetInnerHTML:{__html:r.svg}},p,u))}return null},exports.getBlockValue=p,exports.getBricks=d,exports.getPageValues=u,exports.isAdmin=f;
+"use strict";require("intersection-observer");var e=require("../react-bricks-CXY4gR9A.js"),t=require("react"),r=require("../react-bricks-C7clG507.js"),n=require("react-icons/fi"),i=require("../react-bricks-CI8avgJu.js");function o(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}require("../react-bricks-DRIKzHUS.js"),require("classnames"),require("../react-bricks-G-FCJ1Kd.js"),require("../react-bricks-DiNHHWxd.js"),require("ts-md5");var a,s=o(t),c="c"+(a=5,e.__spreadArray([],e.__read(Array(a)),!1).map((function(){return(~~(36*Math.random())).toString(36)})).join("")),l=function(){return t.createElement(t.Fragment,null,t.createElement("style",null,"\n.".concat(c," {\n  display:block;\n  position: fixed;\n  box-sizing: border-box;\n  z-index: 999;\n  bottom: 20px;\n  left: 20px;\n  padding: 5px 12px;\n  background-color: #ffffffdd;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #1e293b;\n  font-size: 11px;\n  font-weight: 600;\n  border: 1px solid #e2e8f0cc;\n  border-radius: 20px;\n  text-transform: uppercase;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\n  filter: none;\n  transition: all 300ms ease;\n}\n.").concat(c,":hover {\n  background-color: #ffffff;\n  filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));\n}\n.").concat(c," .l {\n  transition: color 300ms ease;\n}\n.").concat(c,":hover .l {\n  color: #f65a8e;\n}\n      ")),t.createElement("a",{href:"https://reactbricks.com?utm_campaign=site-badge",target:"_blank",className:c},t.createElement("img",{src:"https://reactbricks.com/_next/static/media/reactbricks_icon.c57a7be4.svg",style:{width:18,height:18,marginRight:6}}),t.createElement("span",null,"Made in ",t.createElement("span",{className:"l"},"React Bricks"))))},d=r.reactBricksAstroStore.getBricks,p=r.reactBricksAstroStore.getPageValues,u=r.reactBricksAstroStore.getBlockValue,f=r.reactBricksAstroStore.isAdmin;r.reactBricksAstroStore.register,Object.defineProperty(exports,"types",{enumerable:!0,get:function(){return e.types}}),exports.File=r.File,exports.Image=r.Image,exports.Link=r.Link,exports.List=r.ListAstro,exports.Repeater=r.Repeater,exports.RichText=r.CompatibleRichText,exports.RichTextExt=r.RichText,exports.Text=r.Text,exports.reactBricksAstroStore=r.reactBricksAstroStore,exports.useAdminContext=r.useAdminContext,exports.usePageValues=r.usePageValues,exports.useReactBricksContext=r.useReactBricksContext,exports.useVisualEdit=r.useVisualEdit,exports.Plain=i.Plain,exports.AstroBrick=function(n){var i=n.index,o=n.itemsCount,a=n.blockProps,s=n.page,c=n.block,l=n.pathname,d=void 0===l?"":l,p=e.__read(t.useState(r.reactBricksAstroStore.isRegistered()),2),u=p[0],f=p[1];if(t.useEffect((function(){return r.reactBricksAstroStore.__subscribeConfig((function(){f(!0)}))}),[]),"undefined"!=typeof window&&!u)return null;s&&r.reactBricksAstroStore.setPage(s);var g=r.reactBricksAstroStore.getBrick(c);return g?(r.reactBricksAstroStore.setPathname(d),t.createElement(g,e.__assign({},a,{key:a.key,index:i,itemsCount:o,__page:s,__block:c}))):("development"===process.env.NODE_ENV&&console.warn('Missing component for block type "'.concat(c.type,'"')),null)},exports.ClickToEdit=function(o){var a=o.customValues,s=o.id,c=o.language,d=e.__read(t.useState(!1),2),p=d[0],u=d[1],f=r.useReactBricksContext();if(t.useEffect((function(){u(!0)}),[]),!p)return null;var g=(null==a?void 0:a.___t)&&!i.isPaidPlan(null==a?void 0:a.___t)?t.createElement(l,null):null;if(!f)return g;var m,x=localStorage.getItem(e.AUTH_TOKEN_LS_KEY);if(x&&x.length>10&&x.startsWith("ey")){if((null==f?void 0:f.clickToEditSide)===e.types.ClickToEditSide.None)return g;var b=f||{navigate:function(){}},k=b.navigate,h=b.editorPath,_=b.clickToEditSide,y={};return _===e.types.ClickToEditSide.BottomRight&&(y.bottom=50,y.right=0,y.borderTopLeftRadius=999,y.borderBottomLeftRadius=999,y.transform="translate(8px,0)"),_===e.types.ClickToEditSide.BottomLeft&&(y.bottom=50,y.left=0,y.borderTopRightRadius=999,y.borderBottomRightRadius=999,y.transform="translate(-8px,0)"),_===e.types.ClickToEditSide.TopRight&&(y.top=50,y.right=0,y.borderTopLeftRadius=999,y.borderBottomLeftRadius=999,y.transform="translate(8px,0)"),_===e.types.ClickToEditSide.TopLeft&&(y.top=50,y.left=0,y.borderTopRightRadius=999,y.borderBottomRightRadius=999,y.transform="translate(-8px,0)"),t.createElement(t.Fragment,null,t.createElement("style",null,"\n.rb-click-to-edit {\n  position: fixed;\n  z-index: 10;\n  width: 61px;\n  height: 38px;\n  background-color: #f65a8e;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #fff;\n  font-size: 20px;\n  cursor: pointer;\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  transition: all 150ms ease;\n  border: 2px solid #fff;\n}\n.rb-click-to-edit-left:hover {\n  transform: translate(-2px,0)!important;\n}\n.rb-click-to-edit-right:hover {\n  transform: translate(2px,0)!important;\n}\n      "),t.createElement("div",{className:"rb-click-to-edit ".concat((m=_,m===e.types.ClickToEditSide.TopLeft||m===e.types.ClickToEditSide.BottomLeft?"rb-click-to-edit-left":"rb-click-to-edit-right")),style:y,onClick:function(){return k("".concat(h,"?p=").concat(encodeURIComponent(s),"&l=").concat(c))}},t.createElement(n.FiEdit,null)),g)}return g},exports.Icon=function(t){var r=t.icon,n=t.width,i=void 0===n?24:n,o=t.height,a=void 0===o?24:o,c=t.title,l=t.className,d=t.style,p=e.__rest(t,["icon","width","height","title","className","style"]);if(null==r?void 0:r.url){var u=d?{style:e.__assign({width:i,height:a},d)}:{style:{width:i,height:a}};return s.createElement("div",e.__assign({"aria-label":c||r.name,className:l,dangerouslySetInnerHTML:{__html:r.svg}},u,p))}return null},exports.PageWrapper=function(e){var t=e.children,r=e.pageType,n=e.page,i=e.renderEnvironment;return r.renderWrapper&&"function"==typeof r.renderWrapper?r.renderWrapper({children:t,page:n,renderEnvironment:i}):t},exports.getBlockValue=u,exports.getBricks=d,exports.getPageValues=p,exports.isAdmin=f;
 //# sourceMappingURL=index.js.map

package/astro/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-bricks-astro",
-  "version": "4.7.3-beta.7",
+  "version": "4.7.3-beta.8",
   "main": "index.js",
   "module": "react-bricks-astro.esm.js",
   "types": "./react-bricks-astro.d.ts",

package/astro/react-bricks-astro.d.ts

@@ -631,6 +631,12 @@ declare namespace types {
         editable?: boolean;
         getDefaultContent?: () => (string | IBrickStory | IContentBlock)[];
     };
+    export type RenderEnvironment = 'Frontend' | 'Preview' | 'Admin';
+    export interface IRenderWrapperArgs {
+        children: React__default.ReactElement;
+        page: PageValues;
+        renderEnvironment: RenderEnvironment;
+    }
     /**
      * Page type
      */
@@ -652,6 +658,8 @@ declare namespace types {
         slugPrefix?: ISlugPrefix;
         template?: Array<TemplateSlot>;
         headlessView?: boolean;
+        isEmail?: boolean;
+        renderWrapper?: (args: IRenderWrapperArgs) => React__default.ReactElement;
     }
     /**
      * Structure returned by the cleanBlocks function
@@ -974,6 +982,14 @@ interface ListProps {
 }
 declare function ListAstro({ of, where, sort, page, pageSize, children, }: ListProps): React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
 
+interface PageWrapperProps {
+    children: React__default.ReactElement;
+    pageType: types.IPageType;
+    page: types.PageValues;
+    renderEnvironment: types.RenderEnvironment;
+}
+declare const PageWrapper: React__default.FC<PageWrapperProps>;
+
 /**
  * Props for Link component
  */
@@ -1257,4 +1273,4 @@ declare const getPageValues: () => types.PageValues | null;
 declare const getBlockValue: (propName: string) => any | null;
 declare const isAdmin: () => boolean;
 
-export { AstroBrick, ClickToEdit, File, IconViewer as Icon, Image, Link, ListAstro as List, _default as Plain, Repeater, CompatibleRichText as RichText, RichText as RichTextExt, Text, getBlockValue, getBricks, getPageValues, isAdmin, reactBricksAstroStore, types, useAdminContext, usePageValues, useReactBricksContext, useVisualEdit };
+export { AstroBrick, ClickToEdit, File, IconViewer as Icon, Image, Link, ListAstro as List, PageWrapper, _default as Plain, Repeater, CompatibleRichText as RichText, RichText as RichTextExt, Text, getBlockValue, getBricks, getPageValues, isAdmin, reactBricksAstroStore, types, useAdminContext, usePageValues, useReactBricksContext, useVisualEdit };

package/astro/react-bricks-astro.esm.js

@@ -1,2 +1,2 @@
-import"intersection-observer";import{c as t,e as n,b as r,j as i,t as o,_ as s}from"../react-bricks-DQcHsMAz.esm.js";import*as l from"react";import m,{useState as p,useEffect as f}from"react";import{r as u,u as g}from"../react-bricks-ByC4GYY8.esm.js";export{F as File,I as Image,L as Link,a as List,R as Repeater,C as RichText,b as RichTextExt,T as Text,c as useAdminContext,d as usePageValues,e as useVisualEdit}from"../react-bricks-ByC4GYY8.esm.js";import{FiEdit as h}from"react-icons/fi";import{i as x}from"../react-bricks-tEFCCN5P.esm.js";export{P as Plain}from"../react-bricks-tEFCCN5P.esm.js";import"../react-bricks-OncRrHCV.esm.js";import"classnames";import"../react-bricks-Co69y3so.esm.js";import"../react-bricks-DQJ2ikde.esm.js";import"ts-md5";var k=function(e){var r=e.index,i=e.itemsCount,o=e.blockProps,a=e.page,s=e.block,c=e.pathname,l=void 0===c?"":c,d=t(p(u.isRegistered()),2),g=d[0],b=d[1];if(f((function(){return u.__subscribeConfig((function(){b(!0)}))}),[]),"undefined"!=typeof window&&!g)return null;a&&u.setPage(a);var h=u.getBrick(s);return h?(u.setPathname(l),m.createElement(h,n({},o,{key:o.key,index:r,itemsCount:i,__page:a,__block:s}))):("development"===process.env.NODE_ENV&&console.warn('Missing component for block type "'.concat(s.type,'"')),null)},v="c"+r([],t(Array(5)),!1).map((function(){return(~~(36*Math.random())).toString(36)})).join(""),E=function(){return m.createElement(m.Fragment,null,m.createElement("style",null,"\n.".concat(v," {\n  display:block;\n  position: fixed;\n  box-sizing: border-box;\n  z-index: 999;\n  bottom: 20px;\n  left: 20px;\n  padding: 5px 12px;\n  background-color: #ffffffdd;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #1e293b;\n  font-size: 11px;\n  font-weight: 600;\n  border: 1px solid #e2e8f0cc;\n  border-radius: 20px;\n  text-transform: uppercase;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\n  filter: none;\n  transition: all 300ms ease;\n}\n.").concat(v,":hover {\n  background-color: #ffffff;\n  filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));\n}\n.").concat(v," .l {\n  transition: color 300ms ease;\n}\n.").concat(v,":hover .l {\n  color: #f65a8e;\n}\n      ")),m.createElement("a",{href:"https://reactbricks.com?utm_campaign=site-badge",target:"_blank",className:v},m.createElement("img",{src:"https://reactbricks.com/_next/static/media/reactbricks_icon.c57a7be4.svg",style:{width:18,height:18,marginRight:6}}),m.createElement("span",null,"Made in ",m.createElement("span",{className:"l"},"React Bricks"))))},y=function(e){var n=e.customValues,r=e.id,a=e.language,s=t(p(!1),2),c=s[0],l=s[1],d=g();if(f((function(){l(!0)}),[]),!c)return null;var u=(null==n?void 0:n.___t)&&!x(null==n?void 0:n.___t)?m.createElement(E,null):null;if(!d)return u;var b,k=localStorage.getItem(i);if(k&&k.length>10&&k.startsWith("ey")){if((null==d?void 0:d.clickToEditSide)===o.ClickToEditSide.None)return u;var v=d||{navigate:function(){}},R=v.navigate,y=v.editorPath,T=v.clickToEditSide,_={};return T===o.ClickToEditSide.BottomRight&&(_.bottom=50,_.right=0,_.borderTopLeftRadius=999,_.borderBottomLeftRadius=999,_.transform="translate(8px,0)"),T===o.ClickToEditSide.BottomLeft&&(_.bottom=50,_.left=0,_.borderTopRightRadius=999,_.borderBottomRightRadius=999,_.transform="translate(-8px,0)"),T===o.ClickToEditSide.TopRight&&(_.top=50,_.right=0,_.borderTopLeftRadius=999,_.borderBottomLeftRadius=999,_.transform="translate(8px,0)"),T===o.ClickToEditSide.TopLeft&&(_.top=50,_.left=0,_.borderTopRightRadius=999,_.borderBottomRightRadius=999,_.transform="translate(-8px,0)"),m.createElement(m.Fragment,null,m.createElement("style",null,"\n.rb-click-to-edit {\n  position: fixed;\n  z-index: 10;\n  width: 61px;\n  height: 38px;\n  background-color: #f65a8e;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #fff;\n  font-size: 20px;\n  cursor: pointer;\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  transition: all 150ms ease;\n  border: 2px solid #fff;\n}\n.rb-click-to-edit-left:hover {\n  transform: translate(-2px,0)!important;\n}\n.rb-click-to-edit-right:hover {\n  transform: translate(2px,0)!important;\n}\n      "),m.createElement("div",{className:"rb-click-to-edit ".concat((b=T,b===o.ClickToEditSide.TopLeft||b===o.ClickToEditSide.BottomLeft?"rb-click-to-edit-left":"rb-click-to-edit-right")),style:_,onClick:function(){return R("".concat(y,"?p=").concat(encodeURIComponent(r),"&l=").concat(a))}},m.createElement(h,null)),u)}return u},_=function(t){var e=t.icon,r=t.width,i=void 0===r?24:r,o=t.height,a=void 0===o?24:o,c=t.title,d=t.className,m=t.style,p=s(t,["icon","width","height","title","className","style"]);if(null==e?void 0:e.url){var f=m?{style:n({width:i,height:a},m)}:{style:{width:i,height:a}};return l.createElement("div",n({"aria-label":c||e.name,className:d,dangerouslySetInnerHTML:{__html:e.svg}},f,p))}return null},w=u.getBricks,j=u.getPageValues,S=u.getBlockValue,B=u.isAdmin;u.register;export{k as AstroBrick,y as ClickToEdit,_ as Icon,S as getBlockValue,w as getBricks,j as getPageValues,B as isAdmin,u as reactBricksAstroStore,o as types,g as useReactBricksContext};
+import"intersection-observer";import{c as t,e as n,b as r,j as i,t as o,_ as s}from"../react-bricks-DQcHsMAz.esm.js";import*as l from"react";import m,{useState as p,useEffect as f}from"react";import{r as u,u as g}from"../react-bricks-ByC4GYY8.esm.js";export{F as File,I as Image,L as Link,a as List,R as Repeater,C as RichText,b as RichTextExt,T as Text,c as useAdminContext,d as usePageValues,e as useVisualEdit}from"../react-bricks-ByC4GYY8.esm.js";import{FiEdit as h}from"react-icons/fi";import{i as x}from"../react-bricks-tEFCCN5P.esm.js";export{P as Plain}from"../react-bricks-tEFCCN5P.esm.js";import"../react-bricks-OncRrHCV.esm.js";import"classnames";import"../react-bricks-Co69y3so.esm.js";import"../react-bricks-DQJ2ikde.esm.js";import"ts-md5";var k=function(e){var r=e.index,i=e.itemsCount,o=e.blockProps,a=e.page,s=e.block,c=e.pathname,l=void 0===c?"":c,d=t(p(u.isRegistered()),2),g=d[0],b=d[1];if(f((function(){return u.__subscribeConfig((function(){b(!0)}))}),[]),"undefined"!=typeof window&&!g)return null;a&&u.setPage(a);var h=u.getBrick(s);return h?(u.setPathname(l),m.createElement(h,n({},o,{key:o.key,index:r,itemsCount:i,__page:a,__block:s}))):("development"===process.env.NODE_ENV&&console.warn('Missing component for block type "'.concat(s.type,'"')),null)},v="c"+r([],t(Array(5)),!1).map((function(){return(~~(36*Math.random())).toString(36)})).join(""),E=function(){return m.createElement(m.Fragment,null,m.createElement("style",null,"\n.".concat(v," {\n  display:block;\n  position: fixed;\n  box-sizing: border-box;\n  z-index: 999;\n  bottom: 20px;\n  left: 20px;\n  padding: 5px 12px;\n  background-color: #ffffffdd;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #1e293b;\n  font-size: 11px;\n  font-weight: 600;\n  border: 1px solid #e2e8f0cc;\n  border-radius: 20px;\n  text-transform: uppercase;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\n  filter: none;\n  transition: all 300ms ease;\n}\n.").concat(v,":hover {\n  background-color: #ffffff;\n  filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));\n}\n.").concat(v," .l {\n  transition: color 300ms ease;\n}\n.").concat(v,":hover .l {\n  color: #f65a8e;\n}\n      ")),m.createElement("a",{href:"https://reactbricks.com?utm_campaign=site-badge",target:"_blank",className:v},m.createElement("img",{src:"https://reactbricks.com/_next/static/media/reactbricks_icon.c57a7be4.svg",style:{width:18,height:18,marginRight:6}}),m.createElement("span",null,"Made in ",m.createElement("span",{className:"l"},"React Bricks"))))},y=function(e){var n=e.customValues,r=e.id,a=e.language,s=t(p(!1),2),c=s[0],l=s[1],d=g();if(f((function(){l(!0)}),[]),!c)return null;var u=(null==n?void 0:n.___t)&&!x(null==n?void 0:n.___t)?m.createElement(E,null):null;if(!d)return u;var b,k=localStorage.getItem(i);if(k&&k.length>10&&k.startsWith("ey")){if((null==d?void 0:d.clickToEditSide)===o.ClickToEditSide.None)return u;var v=d||{navigate:function(){}},y=v.navigate,R=v.editorPath,T=v.clickToEditSide,_={};return T===o.ClickToEditSide.BottomRight&&(_.bottom=50,_.right=0,_.borderTopLeftRadius=999,_.borderBottomLeftRadius=999,_.transform="translate(8px,0)"),T===o.ClickToEditSide.BottomLeft&&(_.bottom=50,_.left=0,_.borderTopRightRadius=999,_.borderBottomRightRadius=999,_.transform="translate(-8px,0)"),T===o.ClickToEditSide.TopRight&&(_.top=50,_.right=0,_.borderTopLeftRadius=999,_.borderBottomLeftRadius=999,_.transform="translate(8px,0)"),T===o.ClickToEditSide.TopLeft&&(_.top=50,_.left=0,_.borderTopRightRadius=999,_.borderBottomRightRadius=999,_.transform="translate(-8px,0)"),m.createElement(m.Fragment,null,m.createElement("style",null,"\n.rb-click-to-edit {\n  position: fixed;\n  z-index: 10;\n  width: 61px;\n  height: 38px;\n  background-color: #f65a8e;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #fff;\n  font-size: 20px;\n  cursor: pointer;\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  transition: all 150ms ease;\n  border: 2px solid #fff;\n}\n.rb-click-to-edit-left:hover {\n  transform: translate(-2px,0)!important;\n}\n.rb-click-to-edit-right:hover {\n  transform: translate(2px,0)!important;\n}\n      "),m.createElement("div",{className:"rb-click-to-edit ".concat((b=T,b===o.ClickToEditSide.TopLeft||b===o.ClickToEditSide.BottomLeft?"rb-click-to-edit-left":"rb-click-to-edit-right")),style:_,onClick:function(){return y("".concat(R,"?p=").concat(encodeURIComponent(r),"&l=").concat(a))}},m.createElement(h,null)),u)}return u},_=function(e){var t=e.icon,r=e.width,i=void 0===r?24:r,o=e.height,a=void 0===o?24:o,c=e.title,d=e.className,m=e.style,p=s(e,["icon","width","height","title","className","style"]);if(null==t?void 0:t.url){var f=m?{style:n({width:i,height:a},m)}:{style:{width:i,height:a}};return l.createElement("div",n({"aria-label":c||t.name,className:d,dangerouslySetInnerHTML:{__html:t.svg}},f,p))}return null},w=function(e){var t=e.children,n=e.pageType,r=e.page,i=e.renderEnvironment;return n.renderWrapper&&"function"==typeof n.renderWrapper?n.renderWrapper({children:t,page:r,renderEnvironment:i}):t},j=u.getBricks,S=u.getPageValues,B=u.getBlockValue,N=u.isAdmin;u.register;export{k as AstroBrick,y as ClickToEdit,_ as Icon,w as PageWrapper,B as getBlockValue,j as getBricks,S as getPageValues,N as isAdmin,u as reactBricksAstroStore,o as types,g as useReactBricksContext};
 //# sourceMappingURL=react-bricks-astro.esm.js.map

package/astro/server/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-bricks-astro-server",
-  "version": "4.7.3-beta.7",
+  "version": "4.7.3-beta.8",
   "main": "index.js",
   "module": "react-bricks-astro-server.esm.js",
   "types": "./react-bricks-astro-server.d.ts",

package/astro/server/react-bricks-astro-server.d.ts

@@ -629,6 +629,12 @@ declare namespace types {
         editable?: boolean;
         getDefaultContent?: () => (string | IBrickStory | IContentBlock)[];
     };
+    export type RenderEnvironment = 'Frontend' | 'Preview' | 'Admin';
+    export interface IRenderWrapperArgs {
+        children: React.ReactElement;
+        page: PageValues;
+        renderEnvironment: RenderEnvironment;
+    }
     /**
      * Page type
      */
@@ -650,6 +656,8 @@ declare namespace types {
         slugPrefix?: ISlugPrefix;
         template?: Array<TemplateSlot>;
         headlessView?: boolean;
+        isEmail?: boolean;
+        renderWrapper?: (args: IRenderWrapperArgs) => React.ReactElement;
     }
     /**
      * Structure returned by the cleanBlocks function

package/frontend/index.js

@@ -1,2 +1,2 @@
-"use strict";require("intersection-observer");var e=require("../react-bricks-DHd6QLhg.js"),r=require("../react-bricks-B7FctOXy.js"),t=require("../react-bricks-CXY4gR9A.js"),s=require("../react-bricks-CI8avgJu.js"),a=require("../react-bricks-DoXRatbL.js");require("react"),require("../react-bricks-DRIKzHUS.js"),require("classnames"),require("react-lazy-load-image-component"),require("axios"),require("@tanstack/react-query"),require("ts-md5"),require("react-icons/fi"),require("react-inlinesvg"),require("../react-bricks-CI44eOAm.js"),require("../react-bricks-DiNHHWxd.js"),exports.File=e.File,exports.Icon=e.Icon,exports.Image=e.Image,exports.Link=e.Link,exports.Meta=e.Meta,exports.PageViewer=e.PageViewer,exports.Preview=e.Preview,exports.ReactBricks=e.ReactBricks,exports.Repeater=e.Repeater,exports.RichText=e.CompatibleRichText,exports.RichTextExt=e.RichText,exports.Slot=e.Slot,exports.Text=e.Text,exports.blockPluginConstructor=e.blockPluginConstructor,exports.blockWithModalPluginConstructor=e.blockWithModalPluginConstructor,exports.fetchPage=e.fetchPage,exports.fetchPages=e.fetchPages,exports.fetchTags=e.fetchTags,exports.markPluginConstructor=e.markPluginConstructor,exports.plugins=e.plugins,exports.renderJsonLd=e.renderJsonLd,exports.renderMeta=e.renderMeta,exports.useAdminContext=e.useAdminContext,exports.usePage=e.usePage,exports.usePagePublic=e.usePage$1,exports.usePageValues=e.usePageValues,exports.usePages=e.usePages,exports.usePagesPublic=e.usePagesPublic,exports.useReactBricksContext=e.useReactBricksContext,exports.useTagsPublic=e.useTagsPublic,exports.useVisualEdit=e.useVisualEdit,exports.JsonLd=r.JsonLd,exports.getPagePlainText=r.getPagePlainText,exports.getSchemaOrgData=r.getSchemaOrgData,Object.defineProperty(exports,"types",{enumerable:!0,get:function(){return t.types}}),exports.Plain=s.Plain,exports.cleanPage=a.cleanPage;
+"use strict";require("intersection-observer");var e=require("../react-bricks-BqciPLnN.js"),r=require("../react-bricks-B7FctOXy.js"),t=require("../react-bricks-CXY4gR9A.js"),s=require("../react-bricks-CI8avgJu.js"),a=require("../react-bricks-DoXRatbL.js");require("react"),require("../react-bricks-DRIKzHUS.js"),require("classnames"),require("react-lazy-load-image-component"),require("axios"),require("@tanstack/react-query"),require("ts-md5"),require("react-icons/fi"),require("react-inlinesvg"),require("../react-bricks-CI44eOAm.js"),require("../react-bricks-DiNHHWxd.js"),exports.File=e.File,exports.Icon=e.Icon,exports.Image=e.Image,exports.Link=e.Link,exports.Meta=e.Meta,exports.PageViewer=e.PageViewer,exports.Preview=e.Preview,exports.ReactBricks=e.ReactBricks,exports.Repeater=e.Repeater,exports.RichText=e.CompatibleRichText,exports.RichTextExt=e.RichText,exports.Slot=e.Slot,exports.Text=e.Text,exports.blockPluginConstructor=e.blockPluginConstructor,exports.blockWithModalPluginConstructor=e.blockWithModalPluginConstructor,exports.fetchPage=e.fetchPage,exports.fetchPages=e.fetchPages,exports.fetchTags=e.fetchTags,exports.markPluginConstructor=e.markPluginConstructor,exports.plugins=e.plugins,exports.renderJsonLd=e.renderJsonLd,exports.renderMeta=e.renderMeta,exports.useAdminContext=e.useAdminContext,exports.usePage=e.usePage,exports.usePagePublic=e.usePage$1,exports.usePageValues=e.usePageValues,exports.usePages=e.usePages,exports.usePagesPublic=e.usePagesPublic,exports.useReactBricksContext=e.useReactBricksContext,exports.useTagsPublic=e.useTagsPublic,exports.useVisualEdit=e.useVisualEdit,exports.JsonLd=r.JsonLd,exports.getPagePlainText=r.getPagePlainText,exports.getSchemaOrgData=r.getSchemaOrgData,Object.defineProperty(exports,"types",{enumerable:!0,get:function(){return t.types}}),exports.Plain=s.Plain,exports.cleanPage=a.cleanPage;
 //# sourceMappingURL=index.js.map

package/frontend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-bricks-frontend",
-  "version": "4.7.3-beta.7",
+  "version": "4.7.3-beta.8",
   "main": "index.js",
   "module": "react-bricks-frontend.esm.js",
   "types": "../react-bricks.d.ts",

package/frontend/react-bricks-frontend.esm.js

@@ -1,2 +1,2 @@
-import"intersection-observer";export{F as File,I as Icon,e as Image,L as Link,M as Meta,P as PageViewer,g as Preview,R as ReactBricks,i as Repeater,C as RichText,j as RichTextExt,S as Slot,T as Text,b as blockPluginConstructor,a as blockWithModalPluginConstructor,f as fetchPage,c as fetchPages,d as fetchTags,m as markPluginConstructor,p as plugins,r as renderJsonLd,h as renderMeta,u as useAdminContext,k as usePage,l as usePagePublic,q as usePageValues,n as usePages,o as usePagesPublic,s as useReactBricksContext,t as useTagsPublic,v as useVisualEdit}from"../react-bricks-CytsvEhT.esm.js";export{J as JsonLd,g as getPagePlainText,a as getSchemaOrgData}from"../react-bricks-Xt3f9zPf.esm.js";export{t as types}from"../react-bricks-DQcHsMAz.esm.js";export{P as Plain}from"../react-bricks-tEFCCN5P.esm.js";export{c as cleanPage}from"../react-bricks-DqbdURsm.esm.js";import"react";import"../react-bricks-OncRrHCV.esm.js";import"classnames";import"react-lazy-load-image-component";import"axios";import"@tanstack/react-query";import"ts-md5";import"react-icons/fi";import"react-inlinesvg";import"../react-bricks-DzZdqeB7.esm.js";import"../react-bricks-DQJ2ikde.esm.js";
+import"intersection-observer";export{F as File,I as Icon,e as Image,L as Link,M as Meta,P as PageViewer,g as Preview,R as ReactBricks,i as Repeater,C as RichText,j as RichTextExt,S as Slot,T as Text,b as blockPluginConstructor,a as blockWithModalPluginConstructor,f as fetchPage,c as fetchPages,d as fetchTags,m as markPluginConstructor,p as plugins,r as renderJsonLd,h as renderMeta,u as useAdminContext,k as usePage,l as usePagePublic,q as usePageValues,n as usePages,o as usePagesPublic,s as useReactBricksContext,t as useTagsPublic,v as useVisualEdit}from"../react-bricks-uiiLY0iY.esm.js";export{J as JsonLd,g as getPagePlainText,a as getSchemaOrgData}from"../react-bricks-Xt3f9zPf.esm.js";export{t as types}from"../react-bricks-DQcHsMAz.esm.js";export{P as Plain}from"../react-bricks-tEFCCN5P.esm.js";export{c as cleanPage}from"../react-bricks-DqbdURsm.esm.js";import"react";import"../react-bricks-OncRrHCV.esm.js";import"classnames";import"react-lazy-load-image-component";import"axios";import"@tanstack/react-query";import"ts-md5";import"react-icons/fi";import"react-inlinesvg";import"../react-bricks-DzZdqeB7.esm.js";import"../react-bricks-DQJ2ikde.esm.js";
 //# sourceMappingURL=react-bricks-frontend.esm.js.map