react-bricks 4.2.0-beta.4 → 4.2.0

package/rsc/client/index.js

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("intersection-observer");var e=require("../../react-bricks-eaa44cd9.js"),t=require("react"),r=require("../../react-bricks-e40c34ec.js"),o=require("../../react-bricks-39b82ddb.js"),a=require("react-icons/fi"),i=require("../../react-bricks-cc7e86b2.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var s=n(t),l=[{name:"page",pluralName:"pages",defaultLocked:!1,defaultStatus:e.types.PageStatus.Draft,defaultLanguage:"en",getDefaultContent:function(){return[]}}],d={logoHeight:80,welcomeText:"Welcome",sideImage:"https://images.unsplash.com/photo-1461418559055-6f020c5a91e7?ixlib=rb-1.2.1&auto=format&fit=crop&w=1601&q=80"};Object.defineProperty(exports,"types",{enumerable:!0,get:function(){return e.types}}),exports.useAdminContext=o.useAdminContext,exports.usePageValues=o.usePageValues,exports.useReactBricksContext=o.useReactBricksContext,exports.useVisualEdit=o.useVisualEdit,exports.ClickToEdit=function(r){var o=r.pageId,i=r.language,n=r.editorPath,l=r.clickToEditSide;if(l===e.types.ClickToEditSide.None)return null;var d=e.__read(t.useState(!1),2),c=d[0],u=d[1];if(t.useEffect((function(){u(!0)}),[]),!c)return null;var p,m=localStorage.getItem(e.AUTH_TOKEN_LS_KEY);if(m&&m.length>10&&m.startsWith("ey")){var g={};return l===e.types.ClickToEditSide.BottomRight&&(g.bottom=50,g.right=0,g.borderTopLeftRadius=999,g.borderBottomLeftRadius=999,g.transform="translate(8px,0)"),l===e.types.ClickToEditSide.BottomLeft&&(g.bottom=50,g.left=0,g.borderTopRightRadius=999,g.borderBottomRightRadius=999,g.transform="translate(-8px,0)"),l===e.types.ClickToEditSide.TopRight&&(g.top=50,g.right=0,g.borderTopLeftRadius=999,g.borderBottomLeftRadius=999,g.transform="translate(8px,0)"),l===e.types.ClickToEditSide.TopLeft&&(g.top=50,g.left=0,g.borderTopRightRadius=999,g.borderBottomRightRadius=999,g.transform="translate(-8px,0)"),s.default.createElement(s.default.Fragment,null,s.default.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      "),s.default.createElement("a",{className:"rb-click-to-edit ".concat((p=l,p===e.types.ClickToEditSide.TopLeft||p===e.types.ClickToEditSide.BottomLeft?"rb-click-to-edit-left":"rb-click-to-edit-right")),style:g,href:"".concat(n,"?p=").concat(encodeURIComponent(o),"&l=").concat(i),target:"_blank",rel:"nopener"},s.default.createElement(a.FiEdit,null)))}return null},exports.ReactBricks=function(a){var i=a.appId,n=a.apiKey,c=a.environment,u=a.bricks,p=a.pageTypes,m=a.customFields,g=a.logo,f=void 0===g?"":g,b=a.loginUI,h=a.contentClassName,v=void 0===h?"":h,k=a.defaultTheme,y=void 0===k?"":k,T=a.renderLocalLink,E=a.navigate,P=a.loginPath,x=void 0===P?"/admin":P,S=a.editorPath,_=void 0===S?"/admin/editor":S,w=a.mediaLibraryPath,B=void 0===w?"/admin/media":w,I=a.playgroundPath,R=void 0===I?"/admin/playground":I,C=a.appSettingsPath,A=void 0===C?"/admin/app-settings":C,L=a.previewPath,M=void 0===L?"/preview":L,N=a.getAdminMenu,U=a.isDarkColorMode,q=void 0!==U&&U,D=a.toggleColorMode,j=a.useCssInJs,F=void 0!==j&&j,K=a.appRootElement,H=a.clickToEditSide,O=void 0===H?e.types.ClickToEditSide.BottomRight:H,V=a.responsiveBreakpoints,z=a.enableAutoSave,W=void 0===z||z,J=a.disableSaveIfInvalidProps,G=void 0!==J&&J,Y=a.enablePreview,Q=void 0===Y||Y,X=a.blockIconsPosition,Z=void 0===X?e.types.BlockIconsPosition.OutsideBlock:X,$=a.enableUnsplash,ee=void 0===$||$,te=a.unsplashApiKey,re=a.enablePreviewImage,oe=void 0===re||re,ae=a.enablePreviewIcon,ie=void 0!==ae&&ae,ne=a.enableDefaultEmbedBrick,se=void 0===ne||ne,le=a.permissions,de=a.allowAccentsInSlugs,ce=void 0!==de&&de,ue=a.children,pe=e.__read(s.default.useState({webP:!0,lazyLoading:!0}),2),me=pe[0],ge=pe[1];s.default.useEffect((function(){e.__awaiter(void 0,void 0,Promise,(function(){var t,o;return e.__generator(this,(function(e){switch(e.label){case 0:return t=!1,"loading"in HTMLImageElement.prototype&&(t=!0),[4,r.supportsWebP];case 1:return o=e.sent(),ge({webP:o,lazyLoading:t}),[2]}}))}));var t=(window||global).document.createComment(" ".concat("Powered by React Bricks CMS - https://reactbricks.com"," "));document.body.appendChild(t)}),[]);var fe=e.__read(t.useState(null),2),be=fe[0],he=fe[1],ve=e.__read(t.useState(null),2),ke=ve[0],ye=ve[1];t.useEffect((function(){if(u&&!u){var t=function(t,r,o){if(t&&0!==t.length||(console.warn("No bricks provided. Using default paragraph."),t=[]),r||console.warn("No Page type schema provided. Using default page."),!Array.isArray(t))throw console.error('"bricks" should be an array of Bricks or an array of Themes'),new Error('"bricks" should be an array of Bricks or an array of Themes');if(!Array.isArray(r))throw console.error('"pageTypes" should be an array'),new Error('"pageTypes" should be an array');var a;e.areThemes(t)?(a=e.__spreadArray([],e.__read(t),!1),t=e.getBricksFromThemes(a)):(a=e.getThemesFromBricks(t),t=e.__spreadArray([],e.__read(t),!1));var i=function(){return null};return i.schema={name:"default-embed-brick",label:"Embed Page",category:"Embed",sideEditProps:[{name:"RB_PAGE_EMBED",label:"Embed page / entity",type:"RELATIONSHIP",relationshipOptions:{references:"",multiple:!1,embedValues:!1},helperText:"Choose a page, save to view it."}]},o&&(null==t||t.push(i),a=e.pushToThemes(a,i)),{bricks:null==t?void 0:t.reduce((function(t,r){var o;return e.__assign(e.__assign({},t),((o={})[r.schema.name]=r,o))}),{}),themes:a}}(u,p,se),r=t.bricks,o=t.themes;he(r),ye(o)}}),[u,p,se]);var Te=V&&V.length?V:r.DEFAULT_BREAKPOINTS,Ee=d;return b&&(Ee=b,void 0===b.sideImage&&(Ee.sideImage=d.sideImage),void 0===b.welcomeText&&(Ee.welcomeText=d.welcomeText),void 0===b.logoHeight&&(Ee.logoHeight=d.logoHeight)),s.default.createElement(o.ReactBricksContext.Provider,{value:{version:r.version,appId:i,apiKey:n,environment:c,bricks:be||r.DEFAULT_BRICKS,themes:ke,pageTypes:p||l,customFields:m,logo:f,loginUI:Ee,contentClassName:v,defaultTheme:y,renderLocalLink:T,navigate:E,loginPath:x,editorPath:_,mediaLibraryPath:B,playgroundPath:R,appSettingsPath:A,previewPath:M,getAdminMenu:N,isDarkColorMode:q,toggleColorMode:D,useCssInJs:F,appRootElement:K,clickToEditSide:O,responsiveBreakpoints:Te,enableAutoSave:!!W,disableSaveIfInvalidProps:!!G,enablePreview:!!Q,browserSupport:me,blockIconsPosition:Z,enableUnsplash:ee,unsplashApiKey:te,enablePreviewImage:oe,enablePreviewIcon:ie,enableDefaultEmbedBrick:se,permissions:le,allowAccentsInSlugs:ce}},ue)},exports.RegisterComponent=function(e){var t=e.page,r=e.block;return i.reactBricksRscStore.isAdmin()||(i.reactBricksRscStore.setPage(t),i.reactBricksRscStore.setBlock(r)),null};
+"use client";"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("intersection-observer");var e=require("../../react-bricks-eaa44cd9.js"),t=require("react"),r=require("../../react-bricks-63b988dc.js"),o=require("../../react-bricks-39b82ddb.js"),a=require("react-icons/fi"),i=require("../../react-bricks-cc7e86b2.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var s=n(t),l=[{name:"page",pluralName:"pages",defaultLocked:!1,defaultStatus:e.types.PageStatus.Draft,defaultLanguage:"en",getDefaultContent:function(){return[]}}],d={logoHeight:80,welcomeText:"Welcome",sideImage:"https://images.unsplash.com/photo-1461418559055-6f020c5a91e7?ixlib=rb-1.2.1&auto=format&fit=crop&w=1601&q=80"};Object.defineProperty(exports,"types",{enumerable:!0,get:function(){return e.types}}),exports.useAdminContext=o.useAdminContext,exports.usePageValues=o.usePageValues,exports.useReactBricksContext=o.useReactBricksContext,exports.useVisualEdit=o.useVisualEdit,exports.ClickToEdit=function(r){var o=r.pageId,i=r.language,n=r.editorPath,l=r.clickToEditSide;if(l===e.types.ClickToEditSide.None)return null;var d=e.__read(t.useState(!1),2),c=d[0],u=d[1];if(t.useEffect((function(){u(!0)}),[]),!c)return null;var p,m=localStorage.getItem(e.AUTH_TOKEN_LS_KEY);if(m&&m.length>10&&m.startsWith("ey")){var g={};return l===e.types.ClickToEditSide.BottomRight&&(g.bottom=50,g.right=0,g.borderTopLeftRadius=999,g.borderBottomLeftRadius=999,g.transform="translate(8px,0)"),l===e.types.ClickToEditSide.BottomLeft&&(g.bottom=50,g.left=0,g.borderTopRightRadius=999,g.borderBottomRightRadius=999,g.transform="translate(-8px,0)"),l===e.types.ClickToEditSide.TopRight&&(g.top=50,g.right=0,g.borderTopLeftRadius=999,g.borderBottomLeftRadius=999,g.transform="translate(8px,0)"),l===e.types.ClickToEditSide.TopLeft&&(g.top=50,g.left=0,g.borderTopRightRadius=999,g.borderBottomRightRadius=999,g.transform="translate(-8px,0)"),s.default.createElement(s.default.Fragment,null,s.default.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      "),s.default.createElement("a",{className:"rb-click-to-edit ".concat((p=l,p===e.types.ClickToEditSide.TopLeft||p===e.types.ClickToEditSide.BottomLeft?"rb-click-to-edit-left":"rb-click-to-edit-right")),style:g,href:"".concat(n,"?p=").concat(encodeURIComponent(o),"&l=").concat(i),target:"_blank",rel:"nopener"},s.default.createElement(a.FiEdit,null)))}return null},exports.ReactBricks=function(a){var i=a.appId,n=a.apiKey,c=a.environment,u=a.bricks,p=a.pageTypes,m=a.customFields,g=a.logo,f=void 0===g?"":g,b=a.loginUI,h=a.contentClassName,v=void 0===h?"":h,k=a.defaultTheme,y=void 0===k?"":k,T=a.renderLocalLink,E=a.navigate,P=a.loginPath,x=void 0===P?"/admin":P,S=a.editorPath,_=void 0===S?"/admin/editor":S,w=a.mediaLibraryPath,B=void 0===w?"/admin/media":w,I=a.playgroundPath,R=void 0===I?"/admin/playground":I,C=a.appSettingsPath,A=void 0===C?"/admin/app-settings":C,L=a.previewPath,M=void 0===L?"/preview":L,N=a.getAdminMenu,U=a.isDarkColorMode,q=void 0!==U&&U,D=a.toggleColorMode,j=a.useCssInJs,F=void 0!==j&&j,K=a.appRootElement,H=a.clickToEditSide,O=void 0===H?e.types.ClickToEditSide.BottomRight:H,V=a.responsiveBreakpoints,z=a.enableAutoSave,W=void 0===z||z,J=a.disableSaveIfInvalidProps,G=void 0!==J&&J,Y=a.enablePreview,Q=void 0===Y||Y,X=a.blockIconsPosition,Z=void 0===X?e.types.BlockIconsPosition.OutsideBlock:X,$=a.enableUnsplash,ee=void 0===$||$,te=a.unsplashApiKey,re=a.enablePreviewImage,oe=void 0===re||re,ae=a.enablePreviewIcon,ie=void 0!==ae&&ae,ne=a.enableDefaultEmbedBrick,se=void 0===ne||ne,le=a.permissions,de=a.allowAccentsInSlugs,ce=void 0!==de&&de,ue=a.children,pe=e.__read(s.default.useState({webP:!0,lazyLoading:!0}),2),me=pe[0],ge=pe[1];s.default.useEffect((function(){e.__awaiter(void 0,void 0,Promise,(function(){var t,o;return e.__generator(this,(function(e){switch(e.label){case 0:return t=!1,"loading"in HTMLImageElement.prototype&&(t=!0),[4,r.supportsWebP];case 1:return o=e.sent(),ge({webP:o,lazyLoading:t}),[2]}}))}));var t=(window||global).document.createComment(" ".concat("Powered by React Bricks CMS - https://reactbricks.com"," "));document.body.appendChild(t)}),[]);var fe=e.__read(t.useState(null),2),be=fe[0],he=fe[1],ve=e.__read(t.useState(null),2),ke=ve[0],ye=ve[1];t.useEffect((function(){if(u&&!u){var t=function(t,r,o){if(t&&0!==t.length||(console.warn("No bricks provided. Using default paragraph."),t=[]),r||console.warn("No Page type schema provided. Using default page."),!Array.isArray(t))throw console.error('"bricks" should be an array of Bricks or an array of Themes'),new Error('"bricks" should be an array of Bricks or an array of Themes');if(!Array.isArray(r))throw console.error('"pageTypes" should be an array'),new Error('"pageTypes" should be an array');var a;e.areThemes(t)?(a=e.__spreadArray([],e.__read(t),!1),t=e.getBricksFromThemes(a)):(a=e.getThemesFromBricks(t),t=e.__spreadArray([],e.__read(t),!1));var i=function(){return null};return i.schema={name:"default-embed-brick",label:"Embed Page",category:"Embed",sideEditProps:[{name:"RB_PAGE_EMBED",label:"Embed page / entity",type:"RELATIONSHIP",relationshipOptions:{references:"",multiple:!1,embedValues:!1},helperText:"Choose a page, save to view it."}]},o&&(null==t||t.push(i),a=e.pushToThemes(a,i)),{bricks:null==t?void 0:t.reduce((function(t,r){var o;return e.__assign(e.__assign({},t),((o={})[r.schema.name]=r,o))}),{}),themes:a}}(u,p,se),r=t.bricks,o=t.themes;he(r),ye(o)}}),[u,p,se]);var Te=V&&V.length?V:r.DEFAULT_BREAKPOINTS,Ee=d;return b&&(Ee=b,void 0===b.sideImage&&(Ee.sideImage=d.sideImage),void 0===b.welcomeText&&(Ee.welcomeText=d.welcomeText),void 0===b.logoHeight&&(Ee.logoHeight=d.logoHeight)),s.default.createElement(o.ReactBricksContext.Provider,{value:{version:r.version,appId:i,apiKey:n,environment:c,bricks:be||r.DEFAULT_BRICKS,themes:ke,pageTypes:p||l,customFields:m,logo:f,loginUI:Ee,contentClassName:v,defaultTheme:y,renderLocalLink:T,navigate:E,loginPath:x,editorPath:_,mediaLibraryPath:B,playgroundPath:R,appSettingsPath:A,previewPath:M,getAdminMenu:N,isDarkColorMode:q,toggleColorMode:D,useCssInJs:F,appRootElement:K,clickToEditSide:O,responsiveBreakpoints:Te,enableAutoSave:!!W,disableSaveIfInvalidProps:!!G,enablePreview:!!Q,browserSupport:me,blockIconsPosition:Z,enableUnsplash:ee,unsplashApiKey:te,enablePreviewImage:oe,enablePreviewIcon:ie,enableDefaultEmbedBrick:se,permissions:le,allowAccentsInSlugs:ce}},ue)},exports.RegisterComponent=function(e){var t=e.page,r=e.block;return i.reactBricksRscStore.isAdmin()||(i.reactBricksRscStore.setPage(t),i.reactBricksRscStore.setBlock(r)),null};
 //# sourceMappingURL=index.js.map

package/rsc/client/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-bricks-rsc-client",
-  "version": "4.2.0-beta.4",
+  "version": "4.2.0",
   "main": "index.js",
   "module": "react-bricks-rsc-client.esm.js",
   "types": "./react-bricks-rsc-client.d.ts",

package/rsc/client/react-bricks-rsc-client.esm.js

@@ -1,2 +1,2 @@
-"use client";import"intersection-observer";import{t as e,a as o,k as r,_ as i,l as n,m as s,p as l,b as d,e as p,f as m,g}from"../../react-bricks-3e09ae2e.esm.js";export{t as types}from"../../react-bricks-3e09ae2e.esm.js";import f,{useState as v,useEffect as h}from"react";import{D as k,v as y,a as P,s as E}from"../../react-bricks-1fe54d1c.esm.js";import{R as T}from"../../react-bricks-99feeacc.esm.js";export{c as useAdminContext,u as usePageValues,b as useReactBricksContext,a as useVisualEdit}from"../../react-bricks-99feeacc.esm.js";import{FiEdit as w}from"react-icons/fi";import{r as x}from"../../react-bricks-48f91c77.esm.js";import"classnames";var I=[{name:"page",pluralName:"pages",defaultLocked:!1,defaultStatus:e.PageStatus.Draft,defaultLanguage:"en",getDefaultContent:function(){return[]}}],S={logoHeight:80,welcomeText:"Welcome",sideImage:"https://images.unsplash.com/photo-1461418559055-6f020c5a91e7?ixlib=rb-1.2.1&auto=format&fit=crop&w=1601&q=80"},C=function(t){var a=t.appId,c=t.apiKey,u=t.environment,g=t.bricks,b=t.pageTypes,w=t.customFields,x=t.logo,C=void 0===x?"":x,R=t.loginUI,B=t.contentClassName,L=void 0===B?"":B,A=t.defaultTheme,M=void 0===A?"":A,D=t.renderLocalLink,N=t.navigate,j=t.loginPath,U=void 0===j?"/admin":j,H=t.editorPath,z=void 0===H?"/admin/editor":H,K=t.mediaLibraryPath,_=void 0===K?"/admin/media":K,F=t.playgroundPath,O=void 0===F?"/admin/playground":F,V=t.appSettingsPath,J=void 0===V?"/admin/app-settings":V,W=t.previewPath,q=void 0===W?"/preview":W,G=t.getAdminMenu,Q=t.isDarkColorMode,X=void 0!==Q&&Q,Y=t.toggleColorMode,Z=t.useCssInJs,$=void 0!==Z&&Z,ee=t.appRootElement,te=t.clickToEditSide,oe=void 0===te?e.ClickToEditSide.BottomRight:te,ae=t.responsiveBreakpoints,re=t.enableAutoSave,ie=void 0===re||re,ne=t.disableSaveIfInvalidProps,se=void 0!==ne&&ne,le=t.enablePreview,de=void 0===le||le,ce=t.blockIconsPosition,pe=void 0===ce?e.BlockIconsPosition.OutsideBlock:ce,me=t.enableUnsplash,ue=void 0===me||me,ge=t.unsplashApiKey,fe=t.enablePreviewImage,be=void 0===fe||fe,ve=t.enablePreviewIcon,he=void 0!==ve&&ve,ke=t.enableDefaultEmbedBrick,ye=void 0===ke||ke,Pe=t.permissions,Ee=t.allowAccentsInSlugs,Te=void 0!==Ee&&Ee,we=t.children,xe=o(f.useState({webP:!0,lazyLoading:!0}),2),Ie=xe[0],Se=xe[1];f.useEffect((function(){p(void 0,void 0,Promise,(function(){var e,t;return m(this,(function(o){switch(o.label){case 0:return e=!1,"loading"in HTMLImageElement.prototype&&(e=!0),[4,E];case 1:return t=o.sent(),Se({webP:t,lazyLoading:e}),[2]}}))}));var e=(window||global).document.createComment(" ".concat("Powered by React Bricks CMS - https://reactbricks.com"," "));document.body.appendChild(e)}),[]);var Ce=o(v(null),2),Re=Ce[0],Be=Ce[1],Le=o(v(null),2),Ae=Le[0],Me=Le[1];h((function(){if(g&&!g){var e=function(e,t,a){if(e&&0!==e.length||(console.warn("No bricks provided. Using default paragraph."),e=[]),t||console.warn("No Page type schema provided. Using default page."),!Array.isArray(e))throw console.error('"bricks" should be an array of Bricks or an array of Themes'),new Error('"bricks" should be an array of Bricks or an array of Themes');if(!Array.isArray(t))throw console.error('"pageTypes" should be an array'),new Error('"pageTypes" should be an array');var c;r(e)?(c=i([],o(e),!1),e=n(c)):(c=s(e),e=i([],o(e),!1));var p=function(){return null};return p.schema={name:"default-embed-brick",label:"Embed Page",category:"Embed",sideEditProps:[{name:"RB_PAGE_EMBED",label:"Embed page / entity",type:"RELATIONSHIP",relationshipOptions:{references:"",multiple:!1,embedValues:!1},helperText:"Choose a page, save to view it."}]},a&&(null==e||e.push(p),c=l(c,p)),{bricks:null==e?void 0:e.reduce((function(e,t){var o;return d(d({},e),((o={})[t.schema.name]=t,o))}),{}),themes:c}}(g,b,ye),t=e.bricks,a=e.themes;Be(t),Me(a)}}),[g,b,ye]);var De=ae&&ae.length?ae:k,Ne=S;return R&&(Ne=R,void 0===R.sideImage&&(Ne.sideImage=S.sideImage),void 0===R.welcomeText&&(Ne.welcomeText=S.welcomeText),void 0===R.logoHeight&&(Ne.logoHeight=S.logoHeight)),f.createElement(T.Provider,{value:{version:y,appId:a,apiKey:c,environment:u,bricks:Re||P,themes:Ae,pageTypes:b||I,customFields:w,logo:C,loginUI:Ne,contentClassName:L,defaultTheme:M,renderLocalLink:D,navigate:N,loginPath:U,editorPath:z,mediaLibraryPath:_,playgroundPath:O,appSettingsPath:J,previewPath:q,getAdminMenu:G,isDarkColorMode:X,toggleColorMode:Y,useCssInJs:$,appRootElement:ee,clickToEditSide:oe,responsiveBreakpoints:De,enableAutoSave:!!ie,disableSaveIfInvalidProps:!!se,enablePreview:!!de,browserSupport:Ie,blockIconsPosition:pe,enableUnsplash:ue,unsplashApiKey:ge,enablePreviewImage:be,enablePreviewIcon:he,enableDefaultEmbedBrick:ye,permissions:Pe,allowAccentsInSlugs:Te}},we)},R=function(t){var a=t.pageId,r=t.language,i=t.editorPath,n=t.clickToEditSide;if(n===e.ClickToEditSide.None)return null;var s=o(v(!1),2),l=s[0],d=s[1];if(h((function(){d(!0)}),[]),!l)return null;var c,p=localStorage.getItem(g);if(p&&p.length>10&&p.startsWith("ey")){var m={};return n===e.ClickToEditSide.BottomRight&&(m.bottom=50,m.right=0,m.borderTopLeftRadius=999,m.borderBottomLeftRadius=999,m.transform="translate(8px,0)"),n===e.ClickToEditSide.BottomLeft&&(m.bottom=50,m.left=0,m.borderTopRightRadius=999,m.borderBottomRightRadius=999,m.transform="translate(-8px,0)"),n===e.ClickToEditSide.TopRight&&(m.top=50,m.right=0,m.borderTopLeftRadius=999,m.borderBottomLeftRadius=999,m.transform="translate(8px,0)"),n===e.ClickToEditSide.TopLeft&&(m.top=50,m.left=0,m.borderTopRightRadius=999,m.borderBottomRightRadius=999,m.transform="translate(-8px,0)"),f.createElement(f.Fragment,null,f.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      "),f.createElement("a",{className:"rb-click-to-edit ".concat((c=n,c===e.ClickToEditSide.TopLeft||c===e.ClickToEditSide.BottomLeft?"rb-click-to-edit-left":"rb-click-to-edit-right")),style:m,href:"".concat(i,"?p=").concat(encodeURIComponent(a),"&l=").concat(r),target:"_blank",rel:"nopener"},f.createElement(w,null)))}return null},B=function(e){var t=e.page,o=e.block;return x.isAdmin()||(x.setPage(t),x.setBlock(o)),null};export{R as ClickToEdit,C as ReactBricks,B as RegisterComponent};
+"use client";import"intersection-observer";import{t as e,a as o,k as r,_ as i,l as n,m as s,p as l,b as d,e as p,f as m,g}from"../../react-bricks-3e09ae2e.esm.js";export{t as types}from"../../react-bricks-3e09ae2e.esm.js";import f,{useState as v,useEffect as h}from"react";import{D as k,v as y,a as P,s as E}from"../../react-bricks-4db2fafe.esm.js";import{R as T}from"../../react-bricks-99feeacc.esm.js";export{c as useAdminContext,u as usePageValues,b as useReactBricksContext,a as useVisualEdit}from"../../react-bricks-99feeacc.esm.js";import{FiEdit as w}from"react-icons/fi";import{r as x}from"../../react-bricks-48f91c77.esm.js";import"classnames";var I=[{name:"page",pluralName:"pages",defaultLocked:!1,defaultStatus:e.PageStatus.Draft,defaultLanguage:"en",getDefaultContent:function(){return[]}}],S={logoHeight:80,welcomeText:"Welcome",sideImage:"https://images.unsplash.com/photo-1461418559055-6f020c5a91e7?ixlib=rb-1.2.1&auto=format&fit=crop&w=1601&q=80"},C=function(t){var a=t.appId,c=t.apiKey,u=t.environment,g=t.bricks,b=t.pageTypes,w=t.customFields,x=t.logo,C=void 0===x?"":x,R=t.loginUI,B=t.contentClassName,L=void 0===B?"":B,A=t.defaultTheme,M=void 0===A?"":A,D=t.renderLocalLink,N=t.navigate,j=t.loginPath,U=void 0===j?"/admin":j,H=t.editorPath,z=void 0===H?"/admin/editor":H,K=t.mediaLibraryPath,_=void 0===K?"/admin/media":K,F=t.playgroundPath,O=void 0===F?"/admin/playground":F,V=t.appSettingsPath,J=void 0===V?"/admin/app-settings":V,W=t.previewPath,q=void 0===W?"/preview":W,G=t.getAdminMenu,Q=t.isDarkColorMode,X=void 0!==Q&&Q,Y=t.toggleColorMode,Z=t.useCssInJs,$=void 0!==Z&&Z,ee=t.appRootElement,te=t.clickToEditSide,oe=void 0===te?e.ClickToEditSide.BottomRight:te,ae=t.responsiveBreakpoints,re=t.enableAutoSave,ie=void 0===re||re,ne=t.disableSaveIfInvalidProps,se=void 0!==ne&&ne,le=t.enablePreview,de=void 0===le||le,ce=t.blockIconsPosition,pe=void 0===ce?e.BlockIconsPosition.OutsideBlock:ce,me=t.enableUnsplash,ue=void 0===me||me,ge=t.unsplashApiKey,fe=t.enablePreviewImage,be=void 0===fe||fe,ve=t.enablePreviewIcon,he=void 0!==ve&&ve,ke=t.enableDefaultEmbedBrick,ye=void 0===ke||ke,Pe=t.permissions,Ee=t.allowAccentsInSlugs,Te=void 0!==Ee&&Ee,we=t.children,xe=o(f.useState({webP:!0,lazyLoading:!0}),2),Ie=xe[0],Se=xe[1];f.useEffect((function(){p(void 0,void 0,Promise,(function(){var e,t;return m(this,(function(o){switch(o.label){case 0:return e=!1,"loading"in HTMLImageElement.prototype&&(e=!0),[4,E];case 1:return t=o.sent(),Se({webP:t,lazyLoading:e}),[2]}}))}));var e=(window||global).document.createComment(" ".concat("Powered by React Bricks CMS - https://reactbricks.com"," "));document.body.appendChild(e)}),[]);var Ce=o(v(null),2),Re=Ce[0],Be=Ce[1],Le=o(v(null),2),Ae=Le[0],Me=Le[1];h((function(){if(g&&!g){var e=function(e,t,a){if(e&&0!==e.length||(console.warn("No bricks provided. Using default paragraph."),e=[]),t||console.warn("No Page type schema provided. Using default page."),!Array.isArray(e))throw console.error('"bricks" should be an array of Bricks or an array of Themes'),new Error('"bricks" should be an array of Bricks or an array of Themes');if(!Array.isArray(t))throw console.error('"pageTypes" should be an array'),new Error('"pageTypes" should be an array');var c;r(e)?(c=i([],o(e),!1),e=n(c)):(c=s(e),e=i([],o(e),!1));var p=function(){return null};return p.schema={name:"default-embed-brick",label:"Embed Page",category:"Embed",sideEditProps:[{name:"RB_PAGE_EMBED",label:"Embed page / entity",type:"RELATIONSHIP",relationshipOptions:{references:"",multiple:!1,embedValues:!1},helperText:"Choose a page, save to view it."}]},a&&(null==e||e.push(p),c=l(c,p)),{bricks:null==e?void 0:e.reduce((function(e,t){var o;return d(d({},e),((o={})[t.schema.name]=t,o))}),{}),themes:c}}(g,b,ye),t=e.bricks,a=e.themes;Be(t),Me(a)}}),[g,b,ye]);var De=ae&&ae.length?ae:k,Ne=S;return R&&(Ne=R,void 0===R.sideImage&&(Ne.sideImage=S.sideImage),void 0===R.welcomeText&&(Ne.welcomeText=S.welcomeText),void 0===R.logoHeight&&(Ne.logoHeight=S.logoHeight)),f.createElement(T.Provider,{value:{version:y,appId:a,apiKey:c,environment:u,bricks:Re||P,themes:Ae,pageTypes:b||I,customFields:w,logo:C,loginUI:Ne,contentClassName:L,defaultTheme:M,renderLocalLink:D,navigate:N,loginPath:U,editorPath:z,mediaLibraryPath:_,playgroundPath:O,appSettingsPath:J,previewPath:q,getAdminMenu:G,isDarkColorMode:X,toggleColorMode:Y,useCssInJs:$,appRootElement:ee,clickToEditSide:oe,responsiveBreakpoints:De,enableAutoSave:!!ie,disableSaveIfInvalidProps:!!se,enablePreview:!!de,browserSupport:Ie,blockIconsPosition:pe,enableUnsplash:ue,unsplashApiKey:ge,enablePreviewImage:be,enablePreviewIcon:he,enableDefaultEmbedBrick:ye,permissions:Pe,allowAccentsInSlugs:Te}},we)},R=function(t){var a=t.pageId,r=t.language,i=t.editorPath,n=t.clickToEditSide;if(n===e.ClickToEditSide.None)return null;var s=o(v(!1),2),l=s[0],d=s[1];if(h((function(){d(!0)}),[]),!l)return null;var c,p=localStorage.getItem(g);if(p&&p.length>10&&p.startsWith("ey")){var m={};return n===e.ClickToEditSide.BottomRight&&(m.bottom=50,m.right=0,m.borderTopLeftRadius=999,m.borderBottomLeftRadius=999,m.transform="translate(8px,0)"),n===e.ClickToEditSide.BottomLeft&&(m.bottom=50,m.left=0,m.borderTopRightRadius=999,m.borderBottomRightRadius=999,m.transform="translate(-8px,0)"),n===e.ClickToEditSide.TopRight&&(m.top=50,m.right=0,m.borderTopLeftRadius=999,m.borderBottomLeftRadius=999,m.transform="translate(8px,0)"),n===e.ClickToEditSide.TopLeft&&(m.top=50,m.left=0,m.borderTopRightRadius=999,m.borderBottomRightRadius=999,m.transform="translate(-8px,0)"),f.createElement(f.Fragment,null,f.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      "),f.createElement("a",{className:"rb-click-to-edit ".concat((c=n,c===e.ClickToEditSide.TopLeft||c===e.ClickToEditSide.BottomLeft?"rb-click-to-edit-left":"rb-click-to-edit-right")),style:m,href:"".concat(i,"?p=").concat(encodeURIComponent(a),"&l=").concat(r),target:"_blank",rel:"nopener"},f.createElement(w,null)))}return null},B=function(e){var t=e.page,o=e.block;return x.isAdmin()||(x.setPage(t),x.setBlock(o)),null};export{R as ClickToEdit,C as ReactBricks,B as RegisterComponent};
 //# sourceMappingURL=react-bricks-rsc-client.esm.js.map

package/rsc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-bricks-rsc",
-  "version": "4.2.0-beta.4",
+  "version": "4.2.0",
   "main": "index.js",
   "module": "react-bricks-rsc.esm.js",
   "types": "./react-bricks-rsc.d.ts",

package/react-bricks-1fe54d1c.esm.js

@@ -1,2 +0,0 @@
-import{t as e}from"./react-bricks-3e09ae2e.esm.js";import*as a from"react";import t from"classnames";var r=new Promise((function(e){var a=new Image;a.onerror=function(){return e(!1)},a.onload=function(){return e(1===a.width)},a.src="data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA="})).catch((function(){return!1})),o="4.2.0-β",n=[{type:e.DeviceType.Phone,width:375,label:"Phone (375px)"},{type:e.DeviceType.Tablet,width:768,label:"Tablet (768px)"},{type:e.DeviceType.Desktop,width:"100%",label:"Desktop (100%)"}],s=function(){return a.createElement("div",{className:t("max-w-xl mx-auto py-6")})};s.schema={name:"paragraph",label:"Paragraph",getDefaultProps:function(){return{text:"Lorem ipsum dolor sit amet"}}};var i={paragraph:s};export{n as D,i as a,r as s,o as v};
-//# sourceMappingURL=react-bricks-1fe54d1c.esm.js.map