react-bricks 4.5.0-beta.1 → 4.5.0

package/rsc/client/index.js

@@ -1 +1 @@
-"use client";"use strict";require("intersection-observer");var e=require("../../react-bricks-BRx3XAAk.js"),t=require("react"),r=require("../../react-bricks-D3HhQUK7.js"),o=require("../../react-bricks-BFY3Mm0W.js"),a=require("react-icons/fi"),i=require("../../react-bricks-BMw1UWSb.js");require("classnames");var n=[{name:"page",pluralName:"pages",defaultLocked:!1,defaultStatus:e.types.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"};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,s=r.clickToEditSide;if(s===e.types.ClickToEditSide.None)return null;var l=e.__read(t.useState(!1),2),d=l[0],c=l[1];if(t.useEffect((function(){c(!0)}),[]),!d)return null;var p,u=localStorage.getItem(e.AUTH_TOKEN_LS_KEY);if(u&&u.length>10&&u.startsWith("ey")){var m={};return s===e.types.ClickToEditSide.BottomRight&&(m.bottom=50,m.right=0,m.borderTopLeftRadius=999,m.borderBottomLeftRadius=999,m.transform="translate(8px,0)"),s===e.types.ClickToEditSide.BottomLeft&&(m.bottom=50,m.left=0,m.borderTopRightRadius=999,m.borderBottomRightRadius=999,m.transform="translate(-8px,0)"),s===e.types.ClickToEditSide.TopRight&&(m.top=50,m.right=0,m.borderTopLeftRadius=999,m.borderBottomLeftRadius=999,m.transform="translate(8px,0)"),s===e.types.ClickToEditSide.TopLeft&&(m.top=50,m.left=0,m.borderTopRightRadius=999,m.borderBottomRightRadius=999,m.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("a",{className:"rb-click-to-edit ".concat((p=s,p===e.types.ClickToEditSide.TopLeft||p===e.types.ClickToEditSide.BottomLeft?"rb-click-to-edit-left":"rb-click-to-edit-right")),style:m,href:"".concat(n,"?p=").concat(encodeURIComponent(o),"&l=").concat(i),target:"_blank",rel:"nopener"},t.createElement(a.FiEdit,null)))}return null},exports.ReactBricks=function(a){var i=a.appId,l=a.apiKey,d=a.environment,c=a.bricks,p=a.pageTypes,u=a.customFields,m=a.logo,g=void 0===m?"":m,b=a.loginUI,f=a.contentClassName,h=void 0===f?"":f,v=a.defaultTheme,k=void 0===v?"":v,y=a.renderLocalLink,T=a.navigate,E=a.loginPath,x=void 0===E?"/admin":E,P=a.editorPath,S=void 0===P?"/admin/editor":P,w=a.mediaLibraryPath,I=void 0===w?"/admin/media":w,R=a.playgroundPath,_=void 0===R?"/admin/playground":R,B=a.appSettingsPath,C=void 0===B?"/admin/app-settings":B,A=a.previewPath,L=void 0===A?"/preview":A,N=a.getAdminMenu,U=a.isDarkColorMode,q=void 0!==U&&U,D=a.toggleColorMode,M=a.useCssInJs,F=void 0!==M&&M,K=a.appRootElement,H=a.clickToEditSide,j=void 0===H?e.types.ClickToEditSide.BottomRight:H,O=a.responsiveBreakpoints,V=a.enableAutoSave,z=void 0===V||V,W=a.disableSaveIfInvalidProps,J=void 0!==W&&W,G=a.enablePreview,Y=void 0===G||G,Q=a.blockIconsPosition,X=void 0===Q?e.types.BlockIconsPosition.OutsideBlock:Q,Z=a.enableUnsplash,$=void 0===Z||Z,ee=a.unsplashApiKey,te=a.enablePreviewImage,re=void 0===te||te,oe=a.enablePreviewIcon,ae=void 0!==oe&&oe,ie=a.enableDefaultEmbedBrick,ne=void 0===ie||ie,se=a.permissions,le=a.allowAccentsInSlugs,de=void 0!==le&&le,ce=a.experimentalSidebarRepeaterItems,pe=void 0!==ce&&ce,ue=a.children,me=e.__read(t.useState({webP:!0,lazyLoading:!0}),2),ge=me[0],be=me[1];t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(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(),be({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),he=fe[0],ve=fe[1],ke=e.__read(t.useState(null),2),ye=ke[0],Te=ke[1];t.useEffect((function(){if(c&&!c){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}}(c,p,ne),r=t.bricks,o=t.themes;ve(r),Te(o)}}),[c,p,ne]);var Ee=O&&O.length?O:r.DEFAULT_BREAKPOINTS,xe=s;return b&&(xe=b,void 0===b.sideImage&&(xe.sideImage=s.sideImage),void 0===b.welcomeText&&(xe.welcomeText=s.welcomeText),void 0===b.logoHeight&&(xe.logoHeight=s.logoHeight)),t.createElement(o.ReactBricksContext.Provider,{value:{version:r.version,appId:i,apiKey:l,environment:d,bricks:he||r.DEFAULT_BRICKS,themes:ye,pageTypes:p||n,customFields:u,logo:g,loginUI:xe,contentClassName:h,defaultTheme:k,renderLocalLink:y,navigate:T,loginPath:x,editorPath:S,mediaLibraryPath:I,playgroundPath:_,appSettingsPath:C,previewPath:L,getAdminMenu:N,isDarkColorMode:q,toggleColorMode:D,useCssInJs:F,appRootElement:K,clickToEditSide:j,responsiveBreakpoints:Ee,enableAutoSave:!!z,disableSaveIfInvalidProps:!!J,enablePreview:!!Y,browserSupport:ge,blockIconsPosition:X,enableUnsplash:$,unsplashApiKey:ee,enablePreviewImage:re,enablePreviewIcon:ae,enableDefaultEmbedBrick:ne,permissions:se,allowAccentsInSlugs:de,experimentalSidebarRepeaterItems:pe}},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";require("intersection-observer");var e=require("../../react-bricks-BRx3XAAk.js"),t=require("react"),r=require("../../react-bricks-Nuycjhwr.js"),o=require("../../react-bricks-BFY3Mm0W.js"),a=require("react-icons/fi"),i=require("../../react-bricks-BMw1UWSb.js");require("classnames");var n=[{name:"page",pluralName:"pages",defaultLocked:!1,defaultStatus:e.types.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"};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,s=r.clickToEditSide;if(s===e.types.ClickToEditSide.None)return null;var l=e.__read(t.useState(!1),2),d=l[0],c=l[1];if(t.useEffect((function(){c(!0)}),[]),!d)return null;var p,u=localStorage.getItem(e.AUTH_TOKEN_LS_KEY);if(u&&u.length>10&&u.startsWith("ey")){var m={};return s===e.types.ClickToEditSide.BottomRight&&(m.bottom=50,m.right=0,m.borderTopLeftRadius=999,m.borderBottomLeftRadius=999,m.transform="translate(8px,0)"),s===e.types.ClickToEditSide.BottomLeft&&(m.bottom=50,m.left=0,m.borderTopRightRadius=999,m.borderBottomRightRadius=999,m.transform="translate(-8px,0)"),s===e.types.ClickToEditSide.TopRight&&(m.top=50,m.right=0,m.borderTopLeftRadius=999,m.borderBottomLeftRadius=999,m.transform="translate(8px,0)"),s===e.types.ClickToEditSide.TopLeft&&(m.top=50,m.left=0,m.borderTopRightRadius=999,m.borderBottomRightRadius=999,m.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("a",{className:"rb-click-to-edit ".concat((p=s,p===e.types.ClickToEditSide.TopLeft||p===e.types.ClickToEditSide.BottomLeft?"rb-click-to-edit-left":"rb-click-to-edit-right")),style:m,href:"".concat(n,"?p=").concat(encodeURIComponent(o),"&l=").concat(i),target:"_blank",rel:"nopener"},t.createElement(a.FiEdit,null)))}return null},exports.ReactBricks=function(a){var i=a.appId,l=a.apiKey,d=a.environment,c=a.bricks,p=a.pageTypes,u=a.customFields,m=a.logo,g=void 0===m?"":m,b=a.loginUI,f=a.contentClassName,h=void 0===f?"":f,v=a.defaultTheme,k=void 0===v?"":v,y=a.renderLocalLink,T=a.navigate,E=a.loginPath,x=void 0===E?"/admin":E,P=a.editorPath,S=void 0===P?"/admin/editor":P,w=a.mediaLibraryPath,I=void 0===w?"/admin/media":w,R=a.playgroundPath,_=void 0===R?"/admin/playground":R,B=a.appSettingsPath,C=void 0===B?"/admin/app-settings":B,A=a.previewPath,L=void 0===A?"/preview":A,N=a.getAdminMenu,U=a.isDarkColorMode,q=void 0!==U&&U,D=a.toggleColorMode,M=a.useCssInJs,F=void 0!==M&&M,K=a.appRootElement,H=a.clickToEditSide,j=void 0===H?e.types.ClickToEditSide.BottomRight:H,O=a.responsiveBreakpoints,V=a.enableAutoSave,z=void 0===V||V,W=a.disableSaveIfInvalidProps,J=void 0!==W&&W,G=a.enablePreview,Y=void 0===G||G,Q=a.blockIconsPosition,X=void 0===Q?e.types.BlockIconsPosition.OutsideBlock:Q,Z=a.enableUnsplash,$=void 0===Z||Z,ee=a.unsplashApiKey,te=a.enablePreviewImage,re=void 0===te||te,oe=a.enablePreviewIcon,ae=void 0!==oe&&oe,ie=a.enableDefaultEmbedBrick,ne=void 0===ie||ie,se=a.permissions,le=a.allowAccentsInSlugs,de=void 0!==le&&le,ce=a.experimentalSidebarRepeaterItems,pe=void 0!==ce&&ce,ue=a.children,me=e.__read(t.useState({webP:!0,lazyLoading:!0}),2),ge=me[0],be=me[1];t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(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(),be({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),he=fe[0],ve=fe[1],ke=e.__read(t.useState(null),2),ye=ke[0],Te=ke[1];t.useEffect((function(){if(c&&!c){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}}(c,p,ne),r=t.bricks,o=t.themes;ve(r),Te(o)}}),[c,p,ne]);var Ee=O&&O.length?O:r.DEFAULT_BREAKPOINTS,xe=s;return b&&(xe=b,void 0===b.sideImage&&(xe.sideImage=s.sideImage),void 0===b.welcomeText&&(xe.welcomeText=s.welcomeText),void 0===b.logoHeight&&(xe.logoHeight=s.logoHeight)),t.createElement(o.ReactBricksContext.Provider,{value:{version:r.version,appId:i,apiKey:l,environment:d,bricks:he||r.DEFAULT_BRICKS,themes:ye,pageTypes:p||n,customFields:u,logo:g,loginUI:xe,contentClassName:h,defaultTheme:k,renderLocalLink:y,navigate:T,loginPath:x,editorPath:S,mediaLibraryPath:I,playgroundPath:_,appSettingsPath:C,previewPath:L,getAdminMenu:N,isDarkColorMode:q,toggleColorMode:D,useCssInJs:F,appRootElement:K,clickToEditSide:j,responsiveBreakpoints:Ee,enableAutoSave:!!z,disableSaveIfInvalidProps:!!J,enablePreview:!!Y,browserSupport:ge,blockIconsPosition:X,enableUnsplash:$,unsplashApiKey:ee,enablePreviewImage:re,enablePreviewIcon:ae,enableDefaultEmbedBrick:ne,permissions:se,allowAccentsInSlugs:de,experimentalSidebarRepeaterItems:pe}},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};

package/rsc/client/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-bricks-rsc-client",
-  "version": "4.5.0-beta.1",
+  "version": "4.5.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 +1 @@
-"use client";import"intersection-observer";import{t as e,c as t,a as o,b as i,g as r,d as n,p as s,e as l,f as d,h as p,A as m}from"../../react-bricks-Do754F2x.esm.js";import g,{useState as f,useEffect as v}from"react";import{D as h,v as k,a as y,s as P}from"../../react-bricks-B8MZELnG.esm.js";import{R as E}from"../../react-bricks-CxZgZoFD.esm.js";export{u as useAdminContext,a as usePageValues,b as useReactBricksContext,c as useVisualEdit}from"../../react-bricks-CxZgZoFD.esm.js";import{FiEdit as T}from"react-icons/fi";import{r as w}from"../../react-bricks-uFoP8-z1.esm.js";import"classnames";var x=[{name:"page",pluralName:"pages",defaultLocked:!1,defaultStatus:e.PageStatus.Draft,defaultLanguage:"en",getDefaultContent:function(){return[]}}],I={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"},S=function(a){var c=a.appId,m=a.apiKey,u=a.environment,b=a.bricks,T=a.pageTypes,w=a.customFields,S=a.logo,R=void 0===S?"":S,C=a.loginUI,B=a.contentClassName,L=void 0===B?"":B,A=a.defaultTheme,M=void 0===A?"":A,D=a.renderLocalLink,N=a.navigate,U=a.loginPath,j=void 0===U?"/admin":U,H=a.editorPath,z=void 0===H?"/admin/editor":H,K=a.mediaLibraryPath,F=void 0===K?"/admin/media":K,O=a.playgroundPath,V=void 0===O?"/admin/playground":O,_=a.appSettingsPath,J=void 0===_?"/admin/app-settings":_,W=a.previewPath,q=void 0===W?"/preview":W,G=a.getAdminMenu,Q=a.isDarkColorMode,X=void 0!==Q&&Q,Y=a.toggleColorMode,Z=a.useCssInJs,$=void 0!==Z&&Z,ee=a.appRootElement,te=a.clickToEditSide,oe=void 0===te?e.ClickToEditSide.BottomRight:te,ae=a.responsiveBreakpoints,ie=a.enableAutoSave,re=void 0===ie||ie,ne=a.disableSaveIfInvalidProps,se=void 0!==ne&&ne,le=a.enablePreview,de=void 0===le||le,ce=a.blockIconsPosition,pe=void 0===ce?e.BlockIconsPosition.OutsideBlock:ce,me=a.enableUnsplash,ue=void 0===me||me,ge=a.unsplashApiKey,be=a.enablePreviewImage,fe=void 0===be||be,ve=a.enablePreviewIcon,he=void 0!==ve&&ve,ke=a.enableDefaultEmbedBrick,ye=void 0===ke||ke,Pe=a.permissions,Ee=a.allowAccentsInSlugs,Te=void 0!==Ee&&Ee,we=a.experimentalSidebarRepeaterItems,xe=void 0!==we&&we,Ie=a.children,Se=t(g.useState({webP:!0,lazyLoading:!0}),2),Re=Se[0],Ce=Se[1];g.useEffect((function(){d(void 0,void 0,void 0,(function(){var e,t;return p(this,(function(o){switch(o.label){case 0:return e=!1,"loading"in HTMLImageElement.prototype&&(e=!0),[4,P];case 1:return t=o.sent(),Ce({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 Be=t(f(null),2),Le=Be[0],Ae=Be[1],Me=t(f(null),2),De=Me[0],Ne=Me[1];v((function(){if(b&&!b){var e=function(e,a,d){if(e&&0!==e.length||(console.warn("No bricks provided. Using default paragraph."),e=[]),a||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(a))throw console.error('"pageTypes" should be an array'),new Error('"pageTypes" should be an array');var c;o(e)?(c=i([],t(e),!1),e=r(c)):(c=n(e),e=i([],t(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."}]},d&&(null==e||e.push(p),c=s(c,p)),{bricks:null==e?void 0:e.reduce((function(e,t){var o;return l(l({},e),((o={})[t.schema.name]=t,o))}),{}),themes:c}}(b,T,ye),a=e.bricks,d=e.themes;Ae(a),Ne(d)}}),[b,T,ye]);var Ue=ae&&ae.length?ae:h,je=I;return C&&(je=C,void 0===C.sideImage&&(je.sideImage=I.sideImage),void 0===C.welcomeText&&(je.welcomeText=I.welcomeText),void 0===C.logoHeight&&(je.logoHeight=I.logoHeight)),g.createElement(E.Provider,{value:{version:k,appId:c,apiKey:m,environment:u,bricks:Le||y,themes:De,pageTypes:T||x,customFields:w,logo:R,loginUI:je,contentClassName:L,defaultTheme:M,renderLocalLink:D,navigate:N,loginPath:j,editorPath:z,mediaLibraryPath:F,playgroundPath:V,appSettingsPath:J,previewPath:q,getAdminMenu:G,isDarkColorMode:X,toggleColorMode:Y,useCssInJs:$,appRootElement:ee,clickToEditSide:oe,responsiveBreakpoints:Ue,enableAutoSave:!!re,disableSaveIfInvalidProps:!!se,enablePreview:!!de,browserSupport:Re,blockIconsPosition:pe,enableUnsplash:ue,unsplashApiKey:ge,enablePreviewImage:fe,enablePreviewIcon:he,enableDefaultEmbedBrick:ye,permissions:Pe,allowAccentsInSlugs:Te,experimentalSidebarRepeaterItems:xe}},Ie)},R=function(o){var a=o.pageId,i=o.language,r=o.editorPath,n=o.clickToEditSide;if(n===e.ClickToEditSide.None)return null;var s=t(f(!1),2),l=s[0],d=s[1];if(v((function(){d(!0)}),[]),!l)return null;var c,p=localStorage.getItem(m);if(p&&p.length>10&&p.startsWith("ey")){var u={};return n===e.ClickToEditSide.BottomRight&&(u.bottom=50,u.right=0,u.borderTopLeftRadius=999,u.borderBottomLeftRadius=999,u.transform="translate(8px,0)"),n===e.ClickToEditSide.BottomLeft&&(u.bottom=50,u.left=0,u.borderTopRightRadius=999,u.borderBottomRightRadius=999,u.transform="translate(-8px,0)"),n===e.ClickToEditSide.TopRight&&(u.top=50,u.right=0,u.borderTopLeftRadius=999,u.borderBottomLeftRadius=999,u.transform="translate(8px,0)"),n===e.ClickToEditSide.TopLeft&&(u.top=50,u.left=0,u.borderTopRightRadius=999,u.borderBottomRightRadius=999,u.transform="translate(-8px,0)"),g.createElement(g.Fragment,null,g.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      "),g.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:u,href:"".concat(r,"?p=").concat(encodeURIComponent(a),"&l=").concat(i),target:"_blank",rel:"nopener"},g.createElement(T,null)))}return null},C=function(e){var t=e.page,o=e.block;return w.isAdmin()||(w.setPage(t),w.setBlock(o)),null};export{R as ClickToEdit,S as ReactBricks,C as RegisterComponent,e as types};
+"use client";import"intersection-observer";import{t as e,c as t,a as o,b as i,g as r,d as n,p as s,e as l,f as d,h as p,A as m}from"../../react-bricks-Do754F2x.esm.js";import g,{useState as f,useEffect as v}from"react";import{D as h,v as k,a as y,s as P}from"../../react-bricks-CUKjBFlv.esm.js";import{R as E}from"../../react-bricks-CxZgZoFD.esm.js";export{u as useAdminContext,a as usePageValues,b as useReactBricksContext,c as useVisualEdit}from"../../react-bricks-CxZgZoFD.esm.js";import{FiEdit as T}from"react-icons/fi";import{r as w}from"../../react-bricks-uFoP8-z1.esm.js";import"classnames";var x=[{name:"page",pluralName:"pages",defaultLocked:!1,defaultStatus:e.PageStatus.Draft,defaultLanguage:"en",getDefaultContent:function(){return[]}}],I={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"},S=function(a){var c=a.appId,m=a.apiKey,u=a.environment,b=a.bricks,T=a.pageTypes,w=a.customFields,S=a.logo,R=void 0===S?"":S,C=a.loginUI,B=a.contentClassName,L=void 0===B?"":B,A=a.defaultTheme,M=void 0===A?"":A,D=a.renderLocalLink,N=a.navigate,U=a.loginPath,j=void 0===U?"/admin":U,H=a.editorPath,z=void 0===H?"/admin/editor":H,K=a.mediaLibraryPath,F=void 0===K?"/admin/media":K,O=a.playgroundPath,V=void 0===O?"/admin/playground":O,_=a.appSettingsPath,J=void 0===_?"/admin/app-settings":_,W=a.previewPath,q=void 0===W?"/preview":W,G=a.getAdminMenu,Q=a.isDarkColorMode,X=void 0!==Q&&Q,Y=a.toggleColorMode,Z=a.useCssInJs,$=void 0!==Z&&Z,ee=a.appRootElement,te=a.clickToEditSide,oe=void 0===te?e.ClickToEditSide.BottomRight:te,ae=a.responsiveBreakpoints,ie=a.enableAutoSave,re=void 0===ie||ie,ne=a.disableSaveIfInvalidProps,se=void 0!==ne&&ne,le=a.enablePreview,de=void 0===le||le,ce=a.blockIconsPosition,pe=void 0===ce?e.BlockIconsPosition.OutsideBlock:ce,me=a.enableUnsplash,ue=void 0===me||me,ge=a.unsplashApiKey,be=a.enablePreviewImage,fe=void 0===be||be,ve=a.enablePreviewIcon,he=void 0!==ve&&ve,ke=a.enableDefaultEmbedBrick,ye=void 0===ke||ke,Pe=a.permissions,Ee=a.allowAccentsInSlugs,Te=void 0!==Ee&&Ee,we=a.experimentalSidebarRepeaterItems,xe=void 0!==we&&we,Ie=a.children,Se=t(g.useState({webP:!0,lazyLoading:!0}),2),Re=Se[0],Ce=Se[1];g.useEffect((function(){d(void 0,void 0,void 0,(function(){var e,t;return p(this,(function(o){switch(o.label){case 0:return e=!1,"loading"in HTMLImageElement.prototype&&(e=!0),[4,P];case 1:return t=o.sent(),Ce({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 Be=t(f(null),2),Le=Be[0],Ae=Be[1],Me=t(f(null),2),De=Me[0],Ne=Me[1];v((function(){if(b&&!b){var e=function(e,a,d){if(e&&0!==e.length||(console.warn("No bricks provided. Using default paragraph."),e=[]),a||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(a))throw console.error('"pageTypes" should be an array'),new Error('"pageTypes" should be an array');var c;o(e)?(c=i([],t(e),!1),e=r(c)):(c=n(e),e=i([],t(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."}]},d&&(null==e||e.push(p),c=s(c,p)),{bricks:null==e?void 0:e.reduce((function(e,t){var o;return l(l({},e),((o={})[t.schema.name]=t,o))}),{}),themes:c}}(b,T,ye),a=e.bricks,d=e.themes;Ae(a),Ne(d)}}),[b,T,ye]);var Ue=ae&&ae.length?ae:h,je=I;return C&&(je=C,void 0===C.sideImage&&(je.sideImage=I.sideImage),void 0===C.welcomeText&&(je.welcomeText=I.welcomeText),void 0===C.logoHeight&&(je.logoHeight=I.logoHeight)),g.createElement(E.Provider,{value:{version:k,appId:c,apiKey:m,environment:u,bricks:Le||y,themes:De,pageTypes:T||x,customFields:w,logo:R,loginUI:je,contentClassName:L,defaultTheme:M,renderLocalLink:D,navigate:N,loginPath:j,editorPath:z,mediaLibraryPath:F,playgroundPath:V,appSettingsPath:J,previewPath:q,getAdminMenu:G,isDarkColorMode:X,toggleColorMode:Y,useCssInJs:$,appRootElement:ee,clickToEditSide:oe,responsiveBreakpoints:Ue,enableAutoSave:!!re,disableSaveIfInvalidProps:!!se,enablePreview:!!de,browserSupport:Re,blockIconsPosition:pe,enableUnsplash:ue,unsplashApiKey:ge,enablePreviewImage:fe,enablePreviewIcon:he,enableDefaultEmbedBrick:ye,permissions:Pe,allowAccentsInSlugs:Te,experimentalSidebarRepeaterItems:xe}},Ie)},R=function(o){var a=o.pageId,i=o.language,r=o.editorPath,n=o.clickToEditSide;if(n===e.ClickToEditSide.None)return null;var s=t(f(!1),2),l=s[0],d=s[1];if(v((function(){d(!0)}),[]),!l)return null;var c,p=localStorage.getItem(m);if(p&&p.length>10&&p.startsWith("ey")){var u={};return n===e.ClickToEditSide.BottomRight&&(u.bottom=50,u.right=0,u.borderTopLeftRadius=999,u.borderBottomLeftRadius=999,u.transform="translate(8px,0)"),n===e.ClickToEditSide.BottomLeft&&(u.bottom=50,u.left=0,u.borderTopRightRadius=999,u.borderBottomRightRadius=999,u.transform="translate(-8px,0)"),n===e.ClickToEditSide.TopRight&&(u.top=50,u.right=0,u.borderTopLeftRadius=999,u.borderBottomLeftRadius=999,u.transform="translate(8px,0)"),n===e.ClickToEditSide.TopLeft&&(u.top=50,u.left=0,u.borderTopRightRadius=999,u.borderBottomRightRadius=999,u.transform="translate(-8px,0)"),g.createElement(g.Fragment,null,g.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      "),g.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:u,href:"".concat(r,"?p=").concat(encodeURIComponent(a),"&l=").concat(i),target:"_blank",rel:"nopener"},g.createElement(T,null)))}return null},C=function(e){var t=e.page,o=e.block;return w.isAdmin()||(w.setPage(t),w.setBlock(o)),null};export{R as ClickToEdit,S as ReactBricks,C as RegisterComponent,e as types};

package/rsc/package.json

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

package/react-bricks-B8MZELnG.esm.js

@@ -1 +0,0 @@
-import{t as e}from"./react-bricks-Do754F2x.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.5.0-beta",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};