react-bricks 4.7.7 → 4.7.8

package/rsc/client/index.js

@@ -1,2 +1,2 @@
-"use client";"use strict";require("intersection-observer");var e=require("../../react-bricks-CXY4gR9A.js"),t=require("react"),r=require("../../react-bricks-D5I1csz5.js"),i=require("../../react-bricks-CI44eOAm.js"),o=require("../../react-bricks-DamkhdwS.js"),a=require("react-icons/fi"),n=require("react-inlinesvg"),s=require("../../react-bricks-C-nvbiap.js");function l(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}require("classnames");var c=l(t),d=[{name:"page",pluralName:"pages",defaultLocked:!1,defaultStatus:e.types.PageStatus.Draft,getDefaultContent:function(){return[]}}],u={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 i=r.pageId,o=r.language,n=r.editorPath,s=r.clickToEditSide;if(s===e.types.ClickToEditSide.None)return null;var l=e.__read(t.useState(!1),2),c=l[0],d=l[1];if(t.useEffect((function(){d(!0)}),[]),!c)return null;var u,p=localStorage.getItem(e.AUTH_TOKEN_LS_KEY);if(p&&p.length>10&&p.startsWith("ey")){var g={};return s===e.types.ClickToEditSide.BottomRight&&(g.bottom=50,g.right=0,g.borderTopLeftRadius=999,g.borderBottomLeftRadius=999,g.transform="translate(8px,0)"),s===e.types.ClickToEditSide.BottomLeft&&(g.bottom=50,g.left=0,g.borderTopRightRadius=999,g.borderBottomRightRadius=999,g.transform="translate(-8px,0)"),s===e.types.ClickToEditSide.TopRight&&(g.top=50,g.right=0,g.borderTopLeftRadius=999,g.borderBottomLeftRadius=999,g.transform="translate(8px,0)"),s===e.types.ClickToEditSide.TopLeft&&(g.top=50,g.left=0,g.borderTopRightRadius=999,g.borderBottomRightRadius=999,g.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((u=s,u===e.types.ClickToEditSide.TopLeft||u===e.types.ClickToEditSide.BottomLeft?"rb-click-to-edit-left":"rb-click-to-edit-right")),style:g,href:"".concat(n,"?p=").concat(encodeURIComponent(i),"&l=").concat(o),target:"_blank",rel:"nopener"},t.createElement(a.FiEdit,null)))}return null},exports.Icon=function(t){var r=t.icon,i=t.width,o=void 0===i?24:i,a=t.height,s=void 0===a?24:a,l=t.title,d=t.className,u=e.__rest(t,["icon","width","height","title","className"]);return(null==r?void 0:r.url)?c.createElement(n,e.__assign({src:r.url,width:o,height:s,title:l||r.name,fill:"currentcolor",className:d},u)):null},exports.ReactBricks=function(a){var n=a.appId,s=a.apiKey,l=a.environment,c=a.bricks,p=a.pageTypes,g=a.customFields,m=a.logo,f=void 0===m?"":m,b=a.loginUI,h=a.contentClassName,v=void 0===h?"":h,k=a.defaultTheme,y=void 0===k?"":k,E=a.renderLocalLink,T=a.navigate,P=a.loginPath,w=void 0===P?"/admin":P,x=a.editorPath,_=void 0===x?"/admin/editor":x,S=a.mediaLibraryPath,I=void 0===S?"/admin/media":S,B=a.playgroundPath,R=void 0===B?"/admin/playground":B,C=a.appSettingsPath,L=void 0===C?"/admin/app-settings":C,A=a.previewPath,N=void 0===A?"/preview":A,O=a.getAdminMenu,j=a.isDarkColorMode,q=void 0!==j&&j,D=a.toggleColorMode,U=a.useCssInJs,M=void 0!==U&&U,F=a.appRootElement,K=a.clickToEditSide,H=void 0===K?e.types.ClickToEditSide.BottomRight:K,z=a.responsiveBreakpoints,V=a.enableAutoSave,W=void 0===V||V,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,ie=void 0===re||re,oe=a.enablePreviewIcon,ae=void 0!==oe&&oe,ne=a.enableDefaultEmbedBrick,se=void 0===ne||ne,le=a.permissions,ce=a.allowAccentsInSlugs,de=void 0!==ce&&ce,ue=a.warningIfLowBattery,pe=void 0!==ue&&ue,ge=a.rtlLanguages,me=void 0===ge?["ar","az","dv","fa","ff","he","ks","ku","pa","ps","ug","ur","yi"]:ge,fe=a.children,be=e.__read(t.useState({webP:!0,lazyLoading:!0}),2),he=be[0],ve=be[1];t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){var t,r;return e.__generator(this,(function(e){switch(e.label){case 0:return t=!1,"loading"in HTMLImageElement.prototype&&(t=!0),[4,i.supportsWebP];case 1:return r=e.sent(),ve({webP:r,lazyLoading:t}),[2]}}))}));var t=(window||global).document.createComment(" ".concat("Powered by React Bricks CMS - https://reactbricks.com"," "));document.body.appendChild(t)}),[]);var ke=e.__read(t.useState(null),2),ye=ke[0],Ee=ke[1],Te=e.__read(t.useState(null),2),Pe=Te[0],we=Te[1];t.useEffect((function(){if(c&&!c){var t=function(t,r,i){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 o;e.areThemes(t)?(o=e.__spreadArray([],e.__read(t),!1),t=e.getBricksFromThemes(o)):(o=e.getThemesFromBricks(t),t=e.__spreadArray([],e.__read(t),!1));var a=function(){return null};return a.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."}]},i&&(null==t||t.push(a),o=e.pushToThemes(o,a)),{bricks:null==t?void 0:t.reduce((function(t,r){var i;return e.__assign(e.__assign({},t),((i={})[r.schema.name]=r,i))}),{}),themes:o}}(c,p,se),r=t.bricks,i=t.themes;Ee(r),we(i)}}),[c,p,se]);var xe=z&&z.length?z:r.DEFAULT_BREAKPOINTS,_e=u;b&&(_e=b,void 0===b.sideImage&&(_e.sideImage=u.sideImage),void 0===b.welcomeText&&(_e.welcomeText=u.welcomeText),void 0===b.logoHeight&&(_e.logoHeight=u.logoHeight));return t.createElement(o.ReactBricksContext.Provider,{value:{version:r.version,appId:n,apiKey:s,environment:l,bricks:ye||r.DEFAULT_BRICKS,themes:Pe,pageTypes:p||d,customFields:g,logo:f,loginUI:_e,contentClassName:v,defaultTheme:y,renderLocalLink:E,navigate:T,loginPath:w,editorPath:_,mediaLibraryPath:I,playgroundPath:R,appSettingsPath:L,previewPath:N,getAdminMenu:O,isDarkColorMode:q,toggleColorMode:D,useCssInJs:M,appRootElement:F,clickToEditSide:H,responsiveBreakpoints:xe,enableAutoSave:!!W,disableSaveIfInvalidProps:!!G,enablePreview:!!Q,browserSupport:he,blockIconsPosition:Z,enableUnsplash:ee,unsplashApiKey:te,enablePreviewImage:ie,enablePreviewIcon:ae,enableDefaultEmbedBrick:se,permissions:le,allowAccentsInSlugs:de,warningIfLowBattery:pe,rtlLanguages:me,isRtlLanguage:function(e){var t=e.language;return me.indexOf(t)>-1}}},fe)},exports.RegisterComponent=function(e){var t=e.page,r=e.block;return s.reactBricksRscStore.isAdmin()||(s.reactBricksRscStore.setPage(t),s.reactBricksRscStore.setBlock(r)),null};
+"use client";"use strict";require("intersection-observer");var e=require("../../react-bricks-CXY4gR9A.js"),t=require("react"),r=require("../../react-bricks-CxG_ydhT.js"),i=require("../../react-bricks-CI44eOAm.js"),o=require("../../react-bricks-DamkhdwS.js"),a=require("react-icons/fi"),n=require("react-inlinesvg"),s=require("../../react-bricks-C-nvbiap.js");function l(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}require("classnames");var c=l(t),d=[{name:"page",pluralName:"pages",defaultLocked:!1,defaultStatus:e.types.PageStatus.Draft,getDefaultContent:function(){return[]}}],u={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 i=r.pageId,o=r.language,n=r.editorPath,s=r.clickToEditSide;if(s===e.types.ClickToEditSide.None)return null;var l=e.__read(t.useState(!1),2),c=l[0],d=l[1];if(t.useEffect((function(){d(!0)}),[]),!c)return null;var u,p=localStorage.getItem(e.AUTH_TOKEN_LS_KEY);if(p&&p.length>10&&p.startsWith("ey")){var g={};return s===e.types.ClickToEditSide.BottomRight&&(g.bottom=50,g.right=0,g.borderTopLeftRadius=999,g.borderBottomLeftRadius=999,g.transform="translate(8px,0)"),s===e.types.ClickToEditSide.BottomLeft&&(g.bottom=50,g.left=0,g.borderTopRightRadius=999,g.borderBottomRightRadius=999,g.transform="translate(-8px,0)"),s===e.types.ClickToEditSide.TopRight&&(g.top=50,g.right=0,g.borderTopLeftRadius=999,g.borderBottomLeftRadius=999,g.transform="translate(8px,0)"),s===e.types.ClickToEditSide.TopLeft&&(g.top=50,g.left=0,g.borderTopRightRadius=999,g.borderBottomRightRadius=999,g.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((u=s,u===e.types.ClickToEditSide.TopLeft||u===e.types.ClickToEditSide.BottomLeft?"rb-click-to-edit-left":"rb-click-to-edit-right")),style:g,href:"".concat(n,"?p=").concat(encodeURIComponent(i),"&l=").concat(o),target:"_blank",rel:"nopener"},t.createElement(a.FiEdit,null)))}return null},exports.Icon=function(t){var r=t.icon,i=t.width,o=void 0===i?24:i,a=t.height,s=void 0===a?24:a,l=t.title,d=t.className,u=e.__rest(t,["icon","width","height","title","className"]);return(null==r?void 0:r.url)?c.createElement(n,e.__assign({src:r.url,width:o,height:s,title:l||r.name,fill:"currentcolor",className:d},u)):null},exports.ReactBricks=function(a){var n=a.appId,s=a.apiKey,l=a.environment,c=a.bricks,p=a.pageTypes,g=a.customFields,m=a.logo,f=void 0===m?"":m,b=a.loginUI,h=a.contentClassName,v=void 0===h?"":h,k=a.defaultTheme,y=void 0===k?"":k,E=a.renderLocalLink,T=a.navigate,P=a.loginPath,w=void 0===P?"/admin":P,x=a.editorPath,_=void 0===x?"/admin/editor":x,S=a.mediaLibraryPath,I=void 0===S?"/admin/media":S,B=a.playgroundPath,R=void 0===B?"/admin/playground":B,C=a.appSettingsPath,L=void 0===C?"/admin/app-settings":C,A=a.previewPath,N=void 0===A?"/preview":A,O=a.getAdminMenu,j=a.isDarkColorMode,q=void 0!==j&&j,D=a.toggleColorMode,U=a.useCssInJs,M=void 0!==U&&U,F=a.appRootElement,K=a.clickToEditSide,H=void 0===K?e.types.ClickToEditSide.BottomRight:K,z=a.responsiveBreakpoints,V=a.enableAutoSave,W=void 0===V||V,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,ie=void 0===re||re,oe=a.enablePreviewIcon,ae=void 0!==oe&&oe,ne=a.enableDefaultEmbedBrick,se=void 0===ne||ne,le=a.permissions,ce=a.allowAccentsInSlugs,de=void 0!==ce&&ce,ue=a.warningIfLowBattery,pe=void 0!==ue&&ue,ge=a.rtlLanguages,me=void 0===ge?["ar","az","dv","fa","ff","he","ks","ku","pa","ps","ug","ur","yi"]:ge,fe=a.children,be=e.__read(t.useState({webP:!0,lazyLoading:!0}),2),he=be[0],ve=be[1];t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){var t,r;return e.__generator(this,(function(e){switch(e.label){case 0:return t=!1,"loading"in HTMLImageElement.prototype&&(t=!0),[4,i.supportsWebP];case 1:return r=e.sent(),ve({webP:r,lazyLoading:t}),[2]}}))}));var t=(window||global).document.createComment(" ".concat("Powered by React Bricks CMS - https://reactbricks.com"," "));document.body.appendChild(t)}),[]);var ke=e.__read(t.useState(null),2),ye=ke[0],Ee=ke[1],Te=e.__read(t.useState(null),2),Pe=Te[0],we=Te[1];t.useEffect((function(){if(c&&!c){var t=function(t,r,i){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 o;e.areThemes(t)?(o=e.__spreadArray([],e.__read(t),!1),t=e.getBricksFromThemes(o)):(o=e.getThemesFromBricks(t),t=e.__spreadArray([],e.__read(t),!1));var a=function(){return null};return a.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."}]},i&&(null==t||t.push(a),o=e.pushToThemes(o,a)),{bricks:null==t?void 0:t.reduce((function(t,r){var i;return e.__assign(e.__assign({},t),((i={})[r.schema.name]=r,i))}),{}),themes:o}}(c,p,se),r=t.bricks,i=t.themes;Ee(r),we(i)}}),[c,p,se]);var xe=z&&z.length?z:r.DEFAULT_BREAKPOINTS,_e=u;b&&(_e=b,void 0===b.sideImage&&(_e.sideImage=u.sideImage),void 0===b.welcomeText&&(_e.welcomeText=u.welcomeText),void 0===b.logoHeight&&(_e.logoHeight=u.logoHeight));return t.createElement(o.ReactBricksContext.Provider,{value:{version:r.version,appId:n,apiKey:s,environment:l,bricks:ye||r.DEFAULT_BRICKS,themes:Pe,pageTypes:p||d,customFields:g,logo:f,loginUI:_e,contentClassName:v,defaultTheme:y,renderLocalLink:E,navigate:T,loginPath:w,editorPath:_,mediaLibraryPath:I,playgroundPath:R,appSettingsPath:L,previewPath:N,getAdminMenu:O,isDarkColorMode:q,toggleColorMode:D,useCssInJs:M,appRootElement:F,clickToEditSide:H,responsiveBreakpoints:xe,enableAutoSave:!!W,disableSaveIfInvalidProps:!!G,enablePreview:!!Q,browserSupport:he,blockIconsPosition:Z,enableUnsplash:ee,unsplashApiKey:te,enablePreviewImage:ie,enablePreviewIcon:ae,enableDefaultEmbedBrick:se,permissions:le,allowAccentsInSlugs:de,warningIfLowBattery:pe,rtlLanguages:me,isRtlLanguage:function(e){var t=e.language;return me.indexOf(t)>-1}}},fe)},exports.RegisterComponent=function(e){var t=e.page,r=e.block;return s.reactBricksRscStore.isAdmin()||(s.reactBricksRscStore.setPage(t),s.reactBricksRscStore.setBlock(r)),null};
 //# sourceMappingURL=index.js.map

package/rsc/client/package.json

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

package/rsc/client/react-bricks-rsc-client.d.ts

@@ -124,6 +124,8 @@ declare namespace types {
      */
     export type Theme = {
         themeName: string;
+        bannerText?: string;
+        bannerLink?: string;
         categories: Category[];
     };
     /**
@@ -351,6 +353,10 @@ declare namespace types {
         name: string;
         showAsBrick?: boolean;
         previewImageUrl?: string;
+        disabled?: boolean;
+        disabledIcon?: 'purchase' | 'maintenance';
+        disabledLink?: string;
+        disabledTooltip?: string;
         props: T;
     };
     type RepeaterItemDefault = IContentBlock | Omit<IContentBlock, 'id'> | Props;
@@ -403,6 +409,10 @@ declare namespace types {
         description?: string;
         getDefaultProps?: () => Partial<T>;
         hideFromAddMenu?: boolean;
+        disabled?: boolean;
+        disabledIcon?: 'purchase' | 'maintenance';
+        disabledLink?: string;
+        disabledTooltip?: string;
         sideEditProps?: Array<ISideEditProp<T> | ISideGroup<T>>;
         repeaterItems?: IRepeaterItem<T>[];
         newItemMenuOpen?: boolean;
@@ -475,10 +485,11 @@ declare namespace types {
     /**
      * Option of a select sidebar prop
      */
-    export type RepeatserItems<T = RepeaterItemDefault> = Array<T>;
     export interface IOption<T = any> {
         value: T;
         label: string;
+        disabled?: boolean;
+        disabledTooltip?: string;
         [otherProps: string]: unknown;
     }
     /**

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

@@ -1,2 +1,2 @@
-"use client";import"intersection-observer";import{t as e,c as t,f as o,h as i,a as r,b as n,g as s,d as l,p as d,e as m,j as p,_ as g}from"../../react-bricks-DQcHsMAz.esm.js";import*as f from"react";import v,{useState as h,useEffect as k}from"react";import{D as y,a as w,v as P}from"../../react-bricks-BTA_BNN9.esm.js";import{s as E}from"../../react-bricks-DzZdqeB7.esm.js";import{R as T}from"../../react-bricks-ChFEEzaf.esm.js";export{u as useAdminContext,a as usePageValues,b as useReactBricksContext,c as useVisualEdit}from"../../react-bricks-ChFEEzaf.esm.js";import{FiEdit as x}from"react-icons/fi";import I from"react-inlinesvg";import{r as S}from"../../react-bricks-BUGrDTgq.esm.js";import"classnames";var C=[{name:"page",pluralName:"pages",defaultLocked:!1,defaultStatus:e.PageStatus.Draft,getDefaultContent:function(){return[]}}],L={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"},R=function(a){var c=a.appId,p=a.apiKey,u=a.environment,g=a.bricks,f=a.pageTypes,b=a.customFields,x=a.logo,I=void 0===x?"":x,S=a.loginUI,R=a.contentClassName,B=void 0===R?"":R,A=a.defaultTheme,N=void 0===A?"":A,M=a.renderLocalLink,j=a.navigate,D=a.loginPath,U=void 0===D?"/admin":D,H=a.editorPath,z=void 0===H?"/admin/editor":H,K=a.mediaLibraryPath,O=void 0===K?"/admin/media":K,_=a.playgroundPath,F=void 0===_?"/admin/playground":_,V=a.appSettingsPath,J=void 0===V?"/admin/app-settings":V,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,me=void 0===ce?e.BlockIconsPosition.OutsideBlock:ce,pe=a.enableUnsplash,ue=void 0===pe||pe,ge=a.unsplashApiKey,fe=a.enablePreviewImage,ve=void 0===fe||fe,be=a.enablePreviewIcon,he=void 0!==be&&be,ke=a.enableDefaultEmbedBrick,ye=void 0===ke||ke,we=a.permissions,Pe=a.allowAccentsInSlugs,Ee=void 0!==Pe&&Pe,Te=a.warningIfLowBattery,xe=void 0!==Te&&Te,Ie=a.rtlLanguages,Se=void 0===Ie?["ar","az","dv","fa","ff","he","ks","ku","pa","ps","ug","ur","yi"]:Ie,Ce=a.children,Le=t(v.useState({webP:!0,lazyLoading:!0}),2),Re=Le[0],Be=Le[1];v.useEffect((function(){o(void 0,void 0,void 0,(function(){var e,t;return i(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(),Be({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 Ae=t(h(null),2),Ne=Ae[0],Me=Ae[1],je=t(h(null),2),De=je[0],Ue=je[1];k((function(){if(g&&!g){var e=function(e,o,a){if(e&&0!==e.length||(console.warn("No bricks provided. Using default paragraph."),e=[]),o||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(o))throw console.error('"pageTypes" should be an array'),new Error('"pageTypes" should be an array');var i;r(e)?(i=n([],t(e),!1),e=s(i)):(i=l(e),e=n([],t(e),!1));var c=function(){return null};return c.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(c),i=d(i,c)),{bricks:null==e?void 0:e.reduce((function(e,t){var o;return m(m({},e),((o={})[t.schema.name]=t,o))}),{}),themes:i}}(g,f,ye),o=e.bricks,a=e.themes;Me(o),Ue(a)}}),[g,f,ye]);var He=ae&&ae.length?ae:y,ze=L;S&&(ze=S,void 0===S.sideImage&&(ze.sideImage=L.sideImage),void 0===S.welcomeText&&(ze.welcomeText=L.welcomeText),void 0===S.logoHeight&&(ze.logoHeight=L.logoHeight));return v.createElement(T.Provider,{value:{version:P,appId:c,apiKey:p,environment:u,bricks:Ne||w,themes:De,pageTypes:f||C,customFields:b,logo:I,loginUI:ze,contentClassName:B,defaultTheme:N,renderLocalLink:M,navigate:j,loginPath:U,editorPath:z,mediaLibraryPath:O,playgroundPath:F,appSettingsPath:J,previewPath:q,getAdminMenu:G,isDarkColorMode:X,toggleColorMode:Y,useCssInJs:$,appRootElement:ee,clickToEditSide:oe,responsiveBreakpoints:He,enableAutoSave:!!re,disableSaveIfInvalidProps:!!se,enablePreview:!!de,browserSupport:Re,blockIconsPosition:me,enableUnsplash:ue,unsplashApiKey:ge,enablePreviewImage:ve,enablePreviewIcon:he,enableDefaultEmbedBrick:ye,permissions:we,allowAccentsInSlugs:Ee,warningIfLowBattery:xe,rtlLanguages:Se,isRtlLanguage:function(e){var t=e.language;return Se.indexOf(t)>-1}}},Ce)},B=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(h(!1),2),l=s[0],d=s[1];if(k((function(){d(!0)}),[]),!l)return null;var c,m=localStorage.getItem(p);if(m&&m.length>10&&m.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)"),v.createElement(v.Fragment,null,v.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      "),v.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"},v.createElement(x,null)))}return null},A=function(e){var t=e.icon,o=e.width,a=void 0===o?24:o,i=e.height,r=void 0===i?24:i,n=e.title,s=e.className,l=g(e,["icon","width","height","title","className"]);return(null==t?void 0:t.url)?f.createElement(I,m({src:t.url,width:a,height:r,title:n||t.name,fill:"currentcolor",className:s},l)):null},N=function(e){var t=e.page,o=e.block;return S.isAdmin()||(S.setPage(t),S.setBlock(o)),null};export{B as ClickToEdit,A as Icon,R as ReactBricks,N as RegisterComponent,e as types};
+"use client";import"intersection-observer";import{t as e,c as t,f as o,h as i,a as r,b as n,g as s,d as l,p as d,e as m,j as p,_ as g}from"../../react-bricks-DQcHsMAz.esm.js";import*as f from"react";import v,{useState as h,useEffect as k}from"react";import{D as y,a as w,v as P}from"../../react-bricks-BI4w4a7p.esm.js";import{s as E}from"../../react-bricks-DzZdqeB7.esm.js";import{R as T}from"../../react-bricks-ChFEEzaf.esm.js";export{u as useAdminContext,a as usePageValues,b as useReactBricksContext,c as useVisualEdit}from"../../react-bricks-ChFEEzaf.esm.js";import{FiEdit as x}from"react-icons/fi";import I from"react-inlinesvg";import{r as S}from"../../react-bricks-BUGrDTgq.esm.js";import"classnames";var C=[{name:"page",pluralName:"pages",defaultLocked:!1,defaultStatus:e.PageStatus.Draft,getDefaultContent:function(){return[]}}],L={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"},R=function(a){var c=a.appId,p=a.apiKey,u=a.environment,g=a.bricks,f=a.pageTypes,b=a.customFields,x=a.logo,I=void 0===x?"":x,S=a.loginUI,R=a.contentClassName,B=void 0===R?"":R,A=a.defaultTheme,N=void 0===A?"":A,M=a.renderLocalLink,j=a.navigate,D=a.loginPath,U=void 0===D?"/admin":D,H=a.editorPath,z=void 0===H?"/admin/editor":H,K=a.mediaLibraryPath,O=void 0===K?"/admin/media":K,_=a.playgroundPath,F=void 0===_?"/admin/playground":_,V=a.appSettingsPath,J=void 0===V?"/admin/app-settings":V,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,me=void 0===ce?e.BlockIconsPosition.OutsideBlock:ce,pe=a.enableUnsplash,ue=void 0===pe||pe,ge=a.unsplashApiKey,fe=a.enablePreviewImage,ve=void 0===fe||fe,be=a.enablePreviewIcon,he=void 0!==be&&be,ke=a.enableDefaultEmbedBrick,ye=void 0===ke||ke,we=a.permissions,Pe=a.allowAccentsInSlugs,Ee=void 0!==Pe&&Pe,Te=a.warningIfLowBattery,xe=void 0!==Te&&Te,Ie=a.rtlLanguages,Se=void 0===Ie?["ar","az","dv","fa","ff","he","ks","ku","pa","ps","ug","ur","yi"]:Ie,Ce=a.children,Le=t(v.useState({webP:!0,lazyLoading:!0}),2),Re=Le[0],Be=Le[1];v.useEffect((function(){o(void 0,void 0,void 0,(function(){var e,t;return i(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(),Be({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 Ae=t(h(null),2),Ne=Ae[0],Me=Ae[1],je=t(h(null),2),De=je[0],Ue=je[1];k((function(){if(g&&!g){var e=function(e,o,a){if(e&&0!==e.length||(console.warn("No bricks provided. Using default paragraph."),e=[]),o||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(o))throw console.error('"pageTypes" should be an array'),new Error('"pageTypes" should be an array');var i;r(e)?(i=n([],t(e),!1),e=s(i)):(i=l(e),e=n([],t(e),!1));var c=function(){return null};return c.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(c),i=d(i,c)),{bricks:null==e?void 0:e.reduce((function(e,t){var o;return m(m({},e),((o={})[t.schema.name]=t,o))}),{}),themes:i}}(g,f,ye),o=e.bricks,a=e.themes;Me(o),Ue(a)}}),[g,f,ye]);var He=ae&&ae.length?ae:y,ze=L;S&&(ze=S,void 0===S.sideImage&&(ze.sideImage=L.sideImage),void 0===S.welcomeText&&(ze.welcomeText=L.welcomeText),void 0===S.logoHeight&&(ze.logoHeight=L.logoHeight));return v.createElement(T.Provider,{value:{version:P,appId:c,apiKey:p,environment:u,bricks:Ne||w,themes:De,pageTypes:f||C,customFields:b,logo:I,loginUI:ze,contentClassName:B,defaultTheme:N,renderLocalLink:M,navigate:j,loginPath:U,editorPath:z,mediaLibraryPath:O,playgroundPath:F,appSettingsPath:J,previewPath:q,getAdminMenu:G,isDarkColorMode:X,toggleColorMode:Y,useCssInJs:$,appRootElement:ee,clickToEditSide:oe,responsiveBreakpoints:He,enableAutoSave:!!re,disableSaveIfInvalidProps:!!se,enablePreview:!!de,browserSupport:Re,blockIconsPosition:me,enableUnsplash:ue,unsplashApiKey:ge,enablePreviewImage:ve,enablePreviewIcon:he,enableDefaultEmbedBrick:ye,permissions:we,allowAccentsInSlugs:Ee,warningIfLowBattery:xe,rtlLanguages:Se,isRtlLanguage:function(e){var t=e.language;return Se.indexOf(t)>-1}}},Ce)},B=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(h(!1),2),l=s[0],d=s[1];if(k((function(){d(!0)}),[]),!l)return null;var c,m=localStorage.getItem(p);if(m&&m.length>10&&m.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)"),v.createElement(v.Fragment,null,v.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      "),v.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"},v.createElement(x,null)))}return null},A=function(e){var t=e.icon,o=e.width,a=void 0===o?24:o,i=e.height,r=void 0===i?24:i,n=e.title,s=e.className,l=g(e,["icon","width","height","title","className"]);return(null==t?void 0:t.url)?f.createElement(I,m({src:t.url,width:a,height:r,title:n||t.name,fill:"currentcolor",className:s},l)):null},N=function(e){var t=e.page,o=e.block;return S.isAdmin()||(S.setPage(t),S.setBlock(o)),null};export{B as ClickToEdit,A as Icon,R as ReactBricks,N as RegisterComponent,e as types};
 //# sourceMappingURL=react-bricks-rsc-client.esm.js.map

package/rsc/package.json

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

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

@@ -137,6 +137,8 @@ declare namespace types {
      */
     export type Theme = {
         themeName: string;
+        bannerText?: string;
+        bannerLink?: string;
         categories: Category[];
     };
     /**
@@ -364,6 +366,10 @@ declare namespace types {
         name: string;
         showAsBrick?: boolean;
         previewImageUrl?: string;
+        disabled?: boolean;
+        disabledIcon?: 'purchase' | 'maintenance';
+        disabledLink?: string;
+        disabledTooltip?: string;
         props: T;
     };
     type RepeaterItemDefault = IContentBlock | Omit<IContentBlock, 'id'> | Props;
@@ -416,6 +422,10 @@ declare namespace types {
         description?: string;
         getDefaultProps?: () => Partial<T>;
         hideFromAddMenu?: boolean;
+        disabled?: boolean;
+        disabledIcon?: 'purchase' | 'maintenance';
+        disabledLink?: string;
+        disabledTooltip?: string;
         sideEditProps?: Array<ISideEditProp<T> | ISideGroup<T>>;
         repeaterItems?: IRepeaterItem<T>[];
         newItemMenuOpen?: boolean;
@@ -488,10 +498,11 @@ declare namespace types {
     /**
      * Option of a select sidebar prop
      */
-    export type RepeatserItems<T = RepeaterItemDefault> = Array<T>;
     export interface IOption<T = any> {
         value: T;
         label: string;
+        disabled?: boolean;
+        disabledTooltip?: string;
         [otherProps: string]: unknown;
     }
     /**