https://portal.kotodaman.jp/_next/static/chunks/pages/admin/site/edit/home-676a733a972432fa.js

1
2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="08a8b28d-cede-5c04-b449-ad3748242bb0")}catch(e){}}();
3(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4834],{427:(e,t,a)=>{"use strict";a.d(t,{D:()=>s});var i=a(36439),n=a(20764),o=a.n(n),r=a(65437);let s=(e,t)=>{let{openModal:a}=(0,r.fl)();(0,i.useEffect)(()=>{if(!o().router?.change)return;let i=o().router.change,r=window.onbeforeunload;return e?window.onbeforeunload=()=>"":window.onbeforeunload=r,e&&(o().router.change=async(...e)=>{let[i,,r]=e,s=o().router?.state.asPath.split("?")[0]!==r.split("?")[0],l=!1;(s&&(l=await new Promise(e=>{a({...t,onConfirm:()=>e(!0),onCancel:()=>e(!1)})})),l)?n.Router.prototype.change.apply(o().router,e):"replaceState"===i&&s&&(await o().router?.push(o().router?.state.asPath),history.go(1))}),()=>{o().router.change=i,window.onbeforeunload=r}},[e,t,a])}},10854:(e,t,a)=>{"use strict";function i(e,t,a){return e.length>a?[...e].slice(t,a).join(""):e}a.d(t,{c:()=>i,s:()=>n});let n=e=>e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`).replace(/^-/,"")},16065:(e,t,a)=>{"use strict";a.d(t,{Em:()=>j,SX:()=>v,Vv:()=>h,Wd:()=>D,Xx:()=>Y,YY:()=>A,Z$:()=>B,dl:()=>g,fU:()=>C,mc:()=>x,oJ:()=>E,pD:()=>I});var i=a(64535),n=a.n(i),o=a(81882),r=a(41471),s=a(30782),l=a(36439),d=a(72832),c=a(89914),p=a(32412),m=a(13281);let u=(0,c.Os)(e=>

3{let t=o.stringify({position:e});return`/admin/home_screen/card_link?${t}`},{revalidateOnFocus:!1}),h=e=>(0,p.y0)(()=>u(e),()=>(0,p.QE)(e)),b=(0,c.Os)("/admin/home_screen/information_banner",{revalidateOnFocus:!1}),g=()=>(0,p.y0)(b,p.FT),f=(0,c.Os)("/admin/home_screen/main_contents_setting",{revalidateOnFocus:!1}),x=()=>(0,p.y0)(f,p.MW),y=(0,c.Os)("/home_screen",{revalidateOnFocus:!1}),v=()=>{let e=(0,r.useSelector)(e=>e.app.brand.homeScreenSettings.banners),t=(0,p.tR)(),a=e=>{let t=e?.filter(e=>""!==e.src)??[];return n()(t,["index"],["asc"])};return a((0,p.yT)(t)||(0,p._9)(t)?e:t.banners)},Y=()=>{let e=(e,t)=>{if(!(0,p.yT)(e))return(0,p._9)(e)?t:{cardLinkTitle:e.title,cards:e.cardLinks.map(e=>({title:e.title,description:e.description,imagePath:e.imagePath,url:e.url,textAlign:e.textAlign})),backgroundImagePath:e.backgroundImagePath,backgroundDisplayMode:e.backgroundDisplayMode}};return(0,p.D9)(y,()=>({...(0,p.rW)(),banner:(0,p.FT)()}),(t,a)=>t?{...t,banners:((e,t)=>{if(!(0,p.yT)(e))return(0,p._9)(e)?t:{bannerText:e.bannerText,bannerUrl:e.bannerUrl,announcementDate:new Date().toISOString(),iconPath:""}})(a.banner,t?.banners),cardLinks:{cardLinkTop:e(a.top,t?.cardLinks.cardLinkTop),cardLinkBottom:e(a.bottom,t?.cardLinks.cardLinkBottom)}}:void 0,!0)},k=(0,c.Os)("/home_screen/main_contents_display_setting",{revalidateOnFocus:!1}),C=()=>(0,p.D9)(()=>k(),()=>(0,p.MW)(),(e,t)=>(0,p._9)(t)?e:(0,p.yT)(t)?void 0:{isCrossedBoxView:t.isCrossedBoxView,background:t.background}),N="/home_screen/recommended_posts",w="/home_screen/posts",S=e=>"string"==typeof e&&(e.startsWith(`${w}?`)||e.startsWith(`${N}?`)),_=(e,t,a)=>e.postSummary.some(e=>e.id===t)?{...e,postSummary:e.postSummary.map(e=>e.id===t?a(e):e)}:e,j=(e,t)=>{let a=(0,c._G)((a,i)=>{if(i&&!i.hasMore)return null;let n=i?i.offsetPosition:0;return e===s.Eh.FOR_YOU?`${N}?${o.stringify({offsetPosition:n,language:t})}`:`${w}?${o.stringify({offsetPosition:n,sortBy:e,language:t})}`},{revalidateOnFocus:!1,revalidateFirstPage:!1}),{mutate:i}=a,{mutate:n}=(0,d.iX)(),r=(0,l.useCallback)(async(e,t)=>{let[a]=await Promise.all([i(a=>a?a.map(a=>_(a,e,t)):a,!1),n(S,a=>a?_(a,e,t):a,{revalidate:!1})]);return a?.flatMap(e=>e.postSummary).find(t=>t.id===e)},[i,n]);return{...a,mutatePost:r}},B=()=>{let e;return(0,p.D9)((e=(0,m.c6)(),(0,c.Os)(`/home_screen/side_contents?${o.stringify({enableCheckInChallenge:!0,language:e})}`,{revalidateOnFocus:!1})),p.MW,(e,t)=>{if((0,p._9)(t))return e;if((0,p.yT)(t))return;let a=t.sideContents.filter(e=>e.isEnabled);return t.isCrossedBoxView?a.map(({contentType:e})=>p.bp[e]):[]})},T=()=>{let e=(0,r.useSelector)(e=>e.app.brand.id);return(0,c.s3)(`/admin/home_screen/setting?${o.stringify({brandId:e})}`)},A=()=>(0,p.vV)(T,p.tR,p.LE),E=(0,c.Os)("/admin/site/boxes_groups",{revalidateOnFocus:!1}),I=()=>(0,p.vV)(E,p.tD,p.$W),D=async(e,t,a)=>{let i=`/post/${e}/reaction/${t}`;return a.delete(i)}},19294:(e,t,a)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.truncate=t.countByBytes=t.extractAfterFirstSentence=t.transformNewlinesCharacterToWhiteSpace=t.extractFirstSentence=t.isBlank=t.omitText=void 0;let i=a(30256);t.omitText=(e,t,a)=>{let n=(0,i.truncateByCodePoint)(e,t);return n===e?e:n+a},t.isBlank=e=>!e.trim().length,t.extractFirstSentence=(e,t)=>{let a=e.split(/\r\n|\r|\n/).find(Boolean)??"";return(0,i.truncateByCodeUnit)(a,t)},t.transformNewlinesCharacterToWhiteSpace=e=>e?e.replace(/(\r\n|\n|\r)/gm," "):e,t.extractAfterFirstSentence=e=>(0,t.transformNewlinesCharacterToWhiteSpace)(e).split(" ").slice(1).join(" "),t.countByBytes=e=>{let t=RegExp(/[ -~]/,"g"),a=(e.match(t)||[]).length,i=e.length-a;return a+2*i},t.truncate=(e,t=20)=>e.length>t?e.slice(0,t)+".".repeat(3):e},20685:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});let i={EDITABLE:"communeEditable",BOX_CONTENT_FILES:"video-and-photos-wrapper"}},20884:(e,t,a)=>{"use strict";a.d(t,{G:()=>n,W:()=>i});let i=(e,t)=>!t&&e.visibleToUser||t&&e.visibleToGuest,n={VISIBLE_ONLY_TO_USER:{visibleToUser:!0,visibleToGuest:!1},VISIBLE_ONLY_TO_GUEST:{visibleToUser:!1,visibleToGuest:!0},VISIBLE_TO_USER_AND_GUEST:{visibleToUser:!0,visibleToGuest:!0},INVISIBLE:{visibleToUser:!1,visibleToGuest:!1}}},24207:(e,t,a)=>{"use strict";a.d(t,{Q:()=>i});let i="rgba(0, 0, 0, 0.87)"},25488:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>oM});var i=a(45023),n=a(2004),o=a.n(n),r=a(76399),s=a.n(r),l=a(90524),d=a(41471),c=a(30782),p=a(62786),m=a(32898),u=a(36439),h=a(33922),b=a(26139),g=a(71842);let f=(0,h.A)(g.Zy.POST_MESSAGE);var x=a(11184),y=a.n(x),v=a(38474),Y=a(26564),k=a(84896),C=a.n(k),N=a(30349),w=a(28317),S=a(77952),_=a(17162);function j(e){let{style:t,children:a,userAgent:n,"data-cy":o}=e,r=!n||(0,b.c$)(n)?{width:200,position:"relative",borderRadius:30,...t}:{position:"relative",borderRadius:30,width:120,fontSize:10};return(0,i.Y)(u.Fragment,{children:(0,i.Y)(_.a,{"data-cy":o,className:"btn",...e,outline:!0,color:"#8c8c8c",style:{...r},icon:(0,i.Y)("i",{className:"fas fa-plus"}),children:a})})}var B=a(98841),T=a(66787),A=a(7528);let E=(0,A.n9)()({menuBlock:{padding:"16px",marginTop:"16px",border:"1px solid #ccc",borderRadius:"4px"},label:{paddingTop:"12px"},textField:{height:"48px",width:"75%"},textLength:{paddingTop:"12px"}});function I({label:e,text:t,editable:a,maxLength:n,index:o,onChangeMenuText:r,textLengthGridWidth:s=2,children:l}){let{classes:d}=E();return(0,i.FD)(A.xA,{container:!0,className:d.menuBlock,spacing:2,children:[e&&(0,i.Y)(A.xA,{item:!0,xs:2,children:(0,i.Y)(A.o5,{

3className:d.label,children:e})}),(0,i.Y)(A.xA,{item:!0,xs:!0,children:(0,i.Y)(A.xM,{className:d.textField,value:t,readOnly:!a,onChange:e=>{e.target.value.length<=n&&r(e,o)}})}),(0,i.Y)(A.xA,{item:!0,xs:s,children:(0,i.FD)(A.o5,{className:d.textLength,children:[t.length," / ",n]})}),l]})}let D=(0,A.n9)()({formControl:{width:"inherit",maxWidth:"100%"}});function F(e){let{t}=(0,l.B)(["components/organisms/edit_modal"]),{classes:a}=D();return(0,i.Y)(A.MJ,{className:a.formControl,onClick:e.onSelect,children:(0,i.FD)(A.l6,{multiple:!0,value:e.commentPermission||[S.SpecialBrandGroupId.All,S.SpecialBrandGroupId.Admin],onChange:t=>{e.onChangeCommentPermission(t,e.index)},children:[(0,i.Y)(A.Dr,{value:S.SpecialBrandGroupId.All,children:t("All users")},S.SpecialBrandGroupId.All),(0,i.Y)(A.Dr,{value:S.SpecialBrandGroupId.Admin,children:t("Admins")},S.SpecialBrandGroupId.Admin),e.groupList.map(e=>(0,i.Y)(A.Dr,{value:e.id,children:e.groupName},e.id))]})})}let M=(0,A.n9)()({formControl:{width:"inherit",maxWidth:"100%"}}),L=u.memo(e=>{let{classes:t}=M(),a=(0,u.useMemo)(()=>e.group||[S.SpecialBrandGroupId.All],[e.group]),n=(0,u.useCallback)(t=>{e.onChangeGroup(t,e.index)},[e.onChangeGroup,e.index]);return(0,i.Y)(A.MJ,{className:t.formControl,onClick:e.onSelect,children:(0,i.Y)(A.l6,{multiple:!0,value:a,"data-cy":"box-audience-selector",onChange:n,children:e.menuItems})})}),P=(0,A.n9)()({formControl:{width:"inherit",maxWidth:"100%"}});function z(e){let{t}=(0,l.B)(["components/organisms/edit_modal"]),{classes:a}=P();return(0,i.Y)(A.MJ,{className:a.formControl,onClick:e.onSelect,children:(0,i.FD)(A.l6,{multiple:!0,value:e.postPermission||[S.SpecialBrandGroupId.All,S.SpecialBrandGroupId.Admin],onChange:t=>{e.onChangePostPermission(t,e.index)},children:[(0,i.Y)(A.Dr,{value:S.SpecialBrandGroupId.All,children:t("All users")},S.SpecialBrandGroupId.All),(0,i.Y)(A.Dr,{value:S.SpecialBrandGroupId.Admin,children:t("Admins")},S.SpecialBrandGroupId.Admin),e.groupList.map(e=>(0,i.Y)(A.Dr,{value:e.id,children:e.groupName},e.id))]})})}var $=a(4468);let R=({id:e,disabled:t,role:a})=>{let{attributes:i,listeners:n,setNodeRef:o,transform:r,transition:s,isDragging:l}=(0,Y.gl)({id:e,disabled:t,attributes:a?{role:a}:void 0});return{ref:o,style:{transform:$.Ks.Transform.toString(r),transition:s,opacity:l?.5:void 0},isDragging:l,dragHandleProps:{attributes:i,listeners:n}}},O=(0,A.n9)()({selectDisplayGroup:{paddingTop:"8px"},selectPostPermission:{paddingTop:"8px"},selectCommentPermission:{paddingTop:"8px"}}),G=({id:e,disabled:t,value:a,groupList:n,orderIndex:o,displayGroupMenuItems:r,onChangeMenuText:s,onChangeGroup:l,onChangePostPermission:d,onChangeCommentPermission:c,onSelect:p})=>{let{classes:m}=O(),{ref:u,style:h,dragHandleProps:b}=R({id:e,disabled:t,role:"group"});return(0,i.Y)("div",{ref:u,style:h,...b.attributes,...b.listeners,children:(0,i.FD)(I,{text:a.text,editable:!0,maxLength:T.default.CATEGORY_NAME_MAX_LENGTH,index:o,onChangeMenuText:s,children:[(0,i.Y)(A.xA,{item:!0,xs:2,children:(0,i.Y)(A.az,{className:m.selectDisplayGroup,children:(0,i.Y)(L,{menuItems:r,group:a.group,index:o,onSelect:p,onChangeGroup:l})})}),(0,i.Y)(A.xA,{item:!0,xs:2,children:(0,i.Y)(A.az,{className:m.selectPostPermission,children:(0,i.Y)(z,{groupList:n,index:o,onSelect:p,onChangePostPermission:d,postPermission:a.postPermission})})}),(0,i.Y)(A.xA,{item:!0,xs:2,children:(0,i.Y)(A.az,{className:m.selectCommentPermission,children:(0,i.Y)(F,{groupList:n,index:o,onSelect:p,onChangeCommentPermission:c,commentPermission:a.commentPermission})})})]})})},U=["input","textarea","select","option","button"];class H extends B.AN{static{this.activators=[{eventName:"onPointerDown",handler:({nativeEvent:e},{onActivation:t})=>{let a;return!(!e.isPrimary||0!==e.button||(a=e.target)instanceof HTMLElement&&U.includes(a.tagName.toLowerCase()))&&(t?.({event:e}),!0)}}]}}let W=()=>(0,B.FR)((0,B.MS)(H,{activationConstraint:{distance:8}}),(0,B.MS)(B.uN,{coordinateGetter:Y.JR})),Q=({items:e,groupList:t,isPublic:a,onChangeMenuText:n,onChangeGroup:o,onChangePostPermission:r,onChangeCommentPermission:s,onSelect:d,onSortEnd:c})=>{let{t:p}=(0,l.B)(["components/organisms/edit_modal"]),m=W(),h=(0,u.useMemo)(()=>[...a?[(0,i.Y)(A.Dr,{value:S.SpecialBrandGroupId.Guest,children:p("Guests")},S.SpecialBrandGroupId.Guest)]:[],(0,i.Y)(A.Dr,{value:S.SpecialBrandGroupId.All,children:p("All users")},S.SpecialBrandGroupId.All),...t.map(e=>(0,i.Y)(A.Dr,{value:e.id,children:e.groupName},e.id))],[a,t,p]);return(0,i.Y)(B.Mp,{sensors:m,collisionDetection:B.fp,onDragEnd:({active:t,over:a})=>{if(!a||t.id===a.id)return;let i=e.findIndex(e=>e.categoryIndex===t.id),n=e.findIndex(e=>e.categoryIndex===a.id);-1!==i&&-1!==n&&c({oldIndex:i,newIndex:n})},children:(0,i.Y)(Y.gB,{items:e.map(e=>e.categoryIndex),strategy:Y._G,children:(0,i.Y)(A.az,{children:e.map((e,a)=>(0,i.Y)(G,{id:e.categoryIndex,disabled:!e.editable,value:e,groupList:t,orderIndex:a,displayGroupMenuItems:h,onChangeMenuText:n,onChangeGroup:o,onChangePostPermission:r,onChangeCommentPermission:s,onSelect:d},e.categoryIndex))})})})};var K=a(64897);function V(e){class t extends u.Component{render(){let t=this.props,a=e=>K.Ay.t(e,{ns:"components/organisms/modal"}),n=["CardLinkListModal"].includes(e.name)?"sm":"lg";return(0,i.FD)(A.lG,{open:this.props.isOpen,fullWidth:!0,maxWidth:n,onBackdropClick:()=>

3{t.toggle()},children:[(0,i.Y)(e,{ref:this.myRef,...t}),(0,i.FD)("div",{className:"jsx-290a2c18286f1346 modal-footer",children:[(0,i.Y)(A.cG,{}),(0,i.FD)(A.ii,{children:[(0,i.Y)(A.$n,{onClick:t.toggle,color:"secondary",children:a("Cancel")}),(0,i.Y)(A.$n,{"data-cy":"save-cancel-footer-save-button",onClick:()=>{this.myRef.current&&t.onSave(this.myRef.current.state),t.toggle()},color:"primary","ug-id":"save-cancel-footer-save-button",children:a("Save")})]}),(0,i.Y)(o(),{id:"290a2c18286f1346",children:".modal-footer.jsx-290a2c18286f1346{position:sticky;bottom:0;width:100%;padding:0;background:white;z-index:10}"})]})]})}constructor(...e){super(...e),this.myRef=u.createRef()}}return t}var q=a(32383);class X extends u.Component{constructor(e){super(e),this.onChangeMenuText=(e,t)=>{this.setState(N.hZ(this.state,`item.${t}.text`,e.target.value))},this.onChangeGroup=(e,t)=>{this.setState(N.hZ(this.state,`item.${t}.group`,e.target.value))},this.onChangePostPermission=(e,t)=>{this.setState(N.hZ(this.state,`item.${t}.postPermission`,e.target.value))},this.onChangeCommentPermission=(e,t)=>{this.setState(N.hZ(this.state,`item.${t}.commentPermission`,e.target.value))},this.onClickAddCategory=()=>{let{isPublic:e}=this.props,t=e?[S.SpecialBrandGroupId.Guest,S.SpecialBrandGroupId.All]:[S.SpecialBrandGroupId.All],a=[S.SpecialBrandGroupId.All,S.SpecialBrandGroupId.Admin],i=[S.SpecialBrandGroupId.All,S.SpecialBrandGroupId.Admin];this.setState(C()(this.state,{item:{[this.state.item.length]:{$set:{text:"",editable:!0,categoryIndex:this.state.item.length,group:t,postPermission:a,commentPermission:i}}}}))},this.onSortEnd=({oldIndex:e,newIndex:t})=>{this.setState({item:(0,Y.be)(this.state.item,e,t)})},this.state={item:e.item||[]}}componentDidMount(){let{dispatch:e}=this.props;e(q.zr.request())}render(){let e=this.props,{classes:t,t:a}=e,n=[{label:a("Category name"),gridSize:4},{label:a("Characters"),gridSize:2},{label:a("Visibility"),gridSize:2},{label:a("Who can post"),gridSize:2},{label:a("Who can comment"),gridSize:2}];return(0,i.FD)(u.Fragment,{children:[(0,i.Y)(A.L3,{children:e.headerText||""}),(0,i.FD)(A.Cf,{children:[(0,i.Y)(A.xA,{container:!0,className:t?.gridContainer,spacing:2,children:n.map(e=>(0,i.Y)(A.xA,{item:!0,className:t?.gridItem,xs:e.gridSize,children:e.label},e.label))}),(0,i.Y)(Q,{items:this.state.item,groupList:e.groupList,isPublic:e.isPublic,onChangeMenuText:this.onChangeMenuText,onChangeGroup:this.onChangeGroup,onChangePostPermission:this.onChangePostPermission,onChangeCommentPermission:this.onChangeCommentPermission,onSortEnd:this.onSortEnd,onSelect:e.onSelect}),(0,i.Y)(A.az,{style:{marginTop:"32px",textAlign:"center"},children:(0,i.Y)(j,{onClick:this.onClickAddCategory,children:a("Add category")})})]})]})}}let J=(0,w.C)(["components/templates/edit_modal"])((0,d.connect)(e=>({groupList:e.appAdmin.adminGroup.item,isPublic:e.app.brand.isPublic}))(V((0,A.Xy)(X,{gridContainer:{padding:"16px"},gridItem:{padding:"8px",fontSize:"0.9rem",fontWeight:"bold"}}))));var Z=a(96328);let ee={display:"block",textAlign:"center",color:"#919191",cursor:"pointer",overflow:"hidden"};function et({className:e,onDrop:t,nowUploading:a}){let{t:n}=(0,l.B)(["components/atoms"]);return(0,i.FD)("div",{"data-cy":"image-upload-button",className:`jsx-a806c2bf826fae3 imgUploaderButton ${e}`,children:[(0,i.Y)(Z.A,{accept:"image/*",onDrop:e=>{t(e.map(e=>Object.assign(e,{preview:URL.createObjectURL(e)})))},disabled:a,children:({getRootProps:e,getInputProps:t})=>(0,i.FD)("div",{...e(),style:ee,className:"jsx-a806c2bf826fae3",children:[(0,i.Y)("input",{"data-cy":"image-upload-input",...t(),className:"jsx-a806c2bf826fae3"}),a?(0,i.Y)("div",{style:{margin:"9px 0px"},className:"jsx-a806c2bf826fae3",children:(0,i.Y)(A.hZ,{})}):(0,i.FD)("div",{className:"jsx-a806c2bf826fae3",children:[(0,i.Y)("i",{className:"jsx-a806c2bf826fae3 fa fa-folder-open"})," ",n("Add images")]})]})}),(0,i.Y)(o(),{id:"a806c2bf826fae3",children:".imgUploaderButton.jsx-a806c2bf826fae3{width:265px;height:38px;background-color:transparent;border:none;cursor:pointer;outline:none;appearance:none;background:#f7f7f7;border-radius:0;box-shadow:inset 0 0 0 2px#ccc;font-size:16px;padding:7px 15px;transition:all.3s ease;position:relative}"})]})}var ea=a(63640);function ei({className:e,children:t}){return(0,i.FD)(u.Fragment,{children:[(0,i.Y)("ul",{className:`jsx-a5bf405a53f74819 editMenu_selectLinkList ${e||""}`,children:t}),(0,i.Y)(o(),{id:"a5bf405a53f74819",children:"ul.jsx-a5bf405a53f74819,li.jsx-a5bf405a53f74819{list-style-type:none}.editMenu_selectLinkList.jsx-a5bf405a53f74819{display:inline-block;vertical-align:middle;padding-left:0;position:relative;top:4px}"})]})}function en({selected:e,onClick:t,text:a}){return(0,i.FD)(u.Fragment,{children:[(0,i.Y)("li",{"data-cy":"multipleToggle",onClick:t,className:o().dynamic([["91410c93c533c11e",[ea.A.P

3ERA_BLUE]]])+" "+`editMenu_selectLink ${e?"selected":""}`,children:a}),(0,i.Y)(o(),{id:"91410c93c533c11e",dynamic:[ea.A.PERA_BLUE],children:`.editMenu_selectLink.__jsx-style-dynamic-selector{float:left;width:80px;padding:7px 0;text-align:center;background-color:#ccc;cursor:pointer;color:#999;font-size:12px;transition:all.25s ease}.editMenu_selectLink.selected.__jsx-style-dynamic-selector,.editMenu_selectLink.__jsx-style-dynamic-selector:hover{background-color:${ea.A.PERA_BLUE};color:#fff}.editMenu_selectLink.__jsx-style-dynamic-selector:nth-child(1){border-radius:5px 0 0 5px}.editMenu_selectLink.__jsx-style-dynamic-selector:nth-child(2){border-radius:0 5px 5px 0}`})]})}var eo=a(30915),er=a(58086),es=a(48877);function el(e){let{t}=(0,l.B)(["components/atoms"]);return(0,i.Y)(i.FK,{children:(0,i.Y)("div",{...e,style:{fontWeight:"bold",display:"flex",justifyContent:"center",alignItems:"center",fontSize:e.size||"inherit",...e.style},children:t("No image")})})}var ed=a(90863),ec=a(83632);function ep(e){return(0,i.Y)(eb,{...e,children:(0,i.Y)(ed.n,{src:e.src,className:e.selected?"selected":"",color:e.color,onClick:e.onClick})})}function em(e){return(0,i.Y)(eb,{...e,children:(0,i.Y)(es.t,{src:e.src,className:e.selected?"selected":"",color:e.color,onClick:e.onClick})})}function eu(e){return e.src?(0,i.Y)(eb,{...e,children:(0,i.Y)("img",{className:e.selected?"selected":"",src:e.src,alt:"img",onClick:t=>e.onClick(e.src)})}):(0,i.Y)(eb,{...e,children:(0,i.Y)(el,{className:e.selected?"selected":"",onClick:t=>e.onClick(e.src)})})}let eh=e=>(0,i.FD)("button",{"data-cy":"archived-icon",onClick:t=>e.onDelete(t),className:"jsx-37e652d325bc4906 deleteIcon text-center",children:[(0,i.Y)("i",{className:"jsx-37e652d325bc4906 fas fa-times"}),(0,i.Y)(o(),{id:"37e652d325bc4906",children:".deleteIcon.jsx-37e652d325bc4906{pointer-events:auto;align:center;width:28px;height:28px;font-size:20px;right:10px;color:#ccc;background:#333;border-radius:3px;cursor:pointer}.deleteIcon.jsx-37e652d325bc4906:hover{border-radius:2px;color:#aaa;background:#111}"})]});function eb({className:e,children:t,updateArchiveStatus:a,id:n,isArchived:r,disabled:s=!1,"data-cy":l}){return(0,i.FD)("div",{"data-cy":l,className:o().dynamic([["31414a062fe3c47",[s?"":"pointer",s?"grayscale(100%)":"",r?"none":"",s?"":"solid 10px black",s?"":"solid 5px gray"]]])+" "+`col-6 py-2 text-center ${e||""}`,children:[a&&0!==n&&(0,i.Y)("div",{className:o().dynamic([["31414a062fe3c47",[s?"":"pointer",s?"grayscale(100%)":"",r?"none":"",s?"":"solid 10px black",s?"":"solid 5px gray"]]])+" deleteIconButtonWrapper",children:r?(0,i.Y)(A.K0,{className:"restore-button","data-cy":"restore-button",style:{padding:4,fontSize:"28px",borderRadius:"10%"},onClick:()=>a(n,r),children:(0,i.Y)(ec.A,{})}):(0,i.Y)(eh,{onDelete:()=>a(n,r)})}),(0,i.Y)("div",{className:o().dynamic([["31414a062fe3c47",[s?"":"pointer",s?"grayscale(100%)":"",r?"none":"",s?"":"solid 10px black",s?"":"solid 5px gray"]]])+" icon-wrapper",children:t}),(0,i.Y)(o(),{id:"31414a062fe3c47",dynamic:[s?"":"pointer",s?"grayscale(100%)":"",r?"none":"",s?"":"solid 10px black",s?"":"solid 5px gray"],children:`.icon-wrapper.__jsx-style-dynamic-selector>*{width:100%;max-width:600px;height:180px;object-fit:contain;cursor:${s?"":"pointer"};filter:${s?"grayscale(100%)":""};pointer-events:${r?"none":""}}.icon-wrapper.__jsx-style-dynamic-selector>.selected{outline:${s?"":"solid 10px black"}}.icon-wrapper.__jsx-style-dynamic-selector>:hover:not(.selected){outline:${s?"":"solid 5px gray"}}.deleteIconButtonWrapper.__jsx-style-dynamic-selector{position:absolute;flex:0 0 auto;top:0;right:10px;z-index:1}.restore-button.__jsx-style-dynamic-selector{cursor:pointer;transition:background-color.3s ease,box-shadow.3s ease}.replay-button:hover{background - color: #ddd;box-shadow:0px 0px 10px rgba(0,0,0,.15)}`})]})}let eg="user_icon",ef="official_icon",ex="common";function ey({libType:e,selectedSrc:t,libraryItems:a,onClick:n,color:r,isOnlyArchived:s=!1,updateArchiveStatus:l,className:d}){if(Array.isArray(t)){let e=t.findIndex(e=>e.src.endsWith(`/${er.mQ[0].src}`));-1!==e&&t.splice(e,1,{src:"default"})}let c=e=>Array.isArray(t)?t.some(t=>t.src.split("/").slice(-1)[0]===e.split("/").slice(-1)[0]):t?.split("/")?.slice(-1)[0]===e.split("/")?.slice(-1)[0],p=a.filter(e=>!e.isArchived),m=a.filter(e=>e.isArchived);return(0,i.FD)("div",{className:"jsx-1c2335d689a00ada",children:[s?(0,i.Y)("div",{"data-cy":"archived-library-container",className:`jsx-1c2335d689a00ada row py-3 ${d||""}`,children:m.map(t=>{let a={key:`archived-${t.id}`,id:t.id,className:"mb-2",src:t.path,isArchived:t.isArchived,onClick:n,color:r||"",selected:c(t.path),updateArchiveStatus:l,"data-cy":"archived-lib-image"};switch(e){case eg:return(0,eo.n)(ep,{...a,disabled:t.isArchived,key:`archived-${t.id}`});case ef:return(0,eo.n)(em,{...a,disabled:t.isArchived,key:`archived-${t.id}`});case ex:return(0,eo.n)(eu,{...a,disabled:t.isArchived,key:`archived-${t.id}`});default:throw Error("libType does not match any")}})}):(0,i.Y)("div",{"data-cy":"library-container",className:`jsx-1c2335d689a00ada row py-3 ${d||""}`,children:p.map(t=>{let a={key:`unArchived-${t.id}`,id:t.id,className:"mb-2",src:t.path,onClick:n,color:r||"",isArchived:t.isArchived,selected:c(t.path),updateArchiveStatus:l,"data-cy":"lib-image"};switch(e){case eg:return(0,i.Y)(ep,{...a});case ef:return(0,i.Y)(em,{...a});case ex:return(0,i.Y)(eu,{...a});default:throw Error("libType does not match any")}})}),(0,i.Y)(o(),{id:"1c2335d689a00ada",children:".row.jsx-1c2335d689a00ada{height:auto}"})]})}

3var ev=a(65437),eY=a(64640);let ek=()=>{let e=(0,eY.q)();return async(t,a)=>await e.patch(`/admin/site/library/${t}`,a)};function eC({selectedImgSrc:e,onClickImage:t}){let{t:a}=(0,l.B)(["components/organisms/edit_modal"]),n=a("Library"),o=[a("Library"),a("Archive(tab)")],[r,s]=(0,u.useState)(n),[c,p]=(0,u.useState)(!1),m=(0,d.useDispatch)(),h=(0,d.useSelector)(e=>e.appAdmin.adminLibrary.item),{openModal:b}=(0,ev.fl)(),g=ek();return(0,u.useEffect)(()=>{m(q.Oq.request())},[]),(0,i.FD)(i.FK,{children:[(0,i.FD)(A.xA,{className:eN.className,container:!0,children:[(0,i.Y)(A.xA,{item:!0,xs:6,children:(0,i.Y)(et,{className:"mb-3",onDrop:e=>{p(!0),m(q.f3.request({files:e,successCb:()=>{p(!1),m(q.Oq.request())}}))},nowUploading:c})}),(0,i.Y)(A.xA,{item:!0,xs:6,className:ew.className,children:(0,i.Y)(ei,{children:o.map(e=>(0,i.Y)(en,{selected:r===e,onClick:()=>s(e),text:e},e))})})]}),(0,i.Y)(ey,{libType:ex,libraryItems:[{id:0,path:"",isArchived:!1},...h],isOnlyArchived:r!==n,selectedSrc:e,onClick:t,updateArchiveStatus:(e,t)=>{b({title:t?a("Restore this image?"):a("Archive this Image?"),buttonText:t?a("Restore"):a("Archive"),contentText:t?a("This image will be moved to Library."):a("This image will be moved to Archive tab. It won’t be removed, if this image is in use."),onConfirm:async()=>{await g(e,{isArchived:!t}),m(q.Oq.request())}})}}),eN.styles,ew.styles]})}let eN={styles:(0,i.Y)(o(),{id:"27e0d063d012de98",children:"*.jsx-27e0d063d012de98{position:sticky;top:0;width:calc(100% + 48px);padding:20px 24px 0;margin:-20px 0 0 -24px;background:white;z-index:10}"}),className:"jsx-27e0d063d012de98"},ew={styles:(0,i.Y)(o(),{id:"a334c401516d1f89",children:"*.jsx-a334c401516d1f89{text-align:right}"}),className:"jsx-a334c401516d1f89"};class eS extends u.Component{constructor(e){super(e),this.state={src:e.src}}onClickImage(e){this.setState(C()(this.state,{src:{$set:e}}))}render(){return(0,i.FD)("div",{"data-cy":"image-modal",children:[this.props.headerText&&(0,i.Y)(A.L3,{children:this.props.headerText}),(0,i.Y)(A.Cf,{className:ej.className,children:(0,i.Y)("div",{className:"form-group",children:(0,i.Y)(eC,{selectedImgSrc:this.state.src,onClickImage:this.onClickImage.bind(this),...this.props.designImageEditProps})})}),ej.styles]})}}let e_=V(eS),ej={styles:(0,i.Y)(o(),{id:"178766c1defe49f5",children:"*.jsx-178766c1defe49f5{overflow:visible}"}),className:"jsx-178766c1defe49f5"},eB={[v.B.CategoriesModal]:J,[v.B.ImageModal]:e_};function eT(e,t){return class extends u.Component{constructor(e){super(e),this.onTriggerModal=()=>{this.setState(e=>({...e,isOpen:!0}))},this.onSelect=e=>{let t=e.target;Array.isArray(t.value)||"combobox"===t.getAttribute("role")&&this.setState(e=>({...e,isSelected:!0}))},this.toggle=e=>{if(!e)return void this.setState(e=>({...e,isOpen:!e.isOpen}));if(!["li"].includes(e.target.tagName.toLowerCase())){if(this.state.isSelected)return void this.setState(e=>({...e,isSelected:!e.isSelected}));this.setState(e=>({...e,isOpen:!e.isOpen}))}},this.state={isOpen:!1,isSelected:!1}}render(){let a=eB[t],n={...this.props,onTriggerModal:this.onTriggerModal,modalName:t};return(0,i.FD)(i.FK,{children:[u.createElement(e,n),a&&(0,i.Y)(a,{...this.props.modalProps,...this.state,toggle:this.toggle,onSelect:this.onSelect,onSave:this.props.onSave})]})}}}var eA=a(96114),eE=a(39807),eI=a(19294),eD=a(73752);let eF={styles:(0,i.Y)(o(),{id:"e4cb507a1f8f3363",children:".MuiDialogContentText-root.jsx-e4cb507a1f8f3363{font-size:16px;color:#212121;margin:24px 0 16px;font-weight:bold}"}),className:"jsx-e4cb507a1f8f3363"},eM={styles:(0,i.Y)(o(),{id:"e77e6397b3be6945",children:".MuiDialogContentText-root.jsx-e77e6397b3be6945{border:1px solid#8e8e8e;width:320px;height:96px;display:flex;align-items:center;justify-content:center;cursor:pointer}"}),className:"jsx-e77e6397b3be6945"},eL={styles:(0,i.Y)(o(),{id:"7d2df89cf57a2ae9",children:".MuiSvgIcon-root.jsx-7d2df89cf57a2ae9{width:64px;height:64px;color:#666}"}),className:"jsx-7d2df89cf57a2ae9"},eP={styles:(0,i.Y)(o(),{id:"ed7327561f3f1018",children:".MuiDialogContentText-root.jsx-ed7327561f3f1018{font-size:12px;color:#666;margin:0}"}),className:"jsx-ed7327561f3f1018"},ez=eT(function({recommendedSizeText:e,isRequired:t,imageSrc:a,onTriggerModal:n,title:r,titleClassName:s}){let{t:d}=(0,l.B)(["components/templates/edit_modal"]);return(0,i.FD)(i.FK,{children:[(0,i.Y)(A.zT,{className:s??eF.className,children:r??d(t?"Image":"Image (optional)")}),a?(0,i.Y)("img",{src:a,onClick:n,className:"jsx-4eb9ab0f33941297 uploaded-image"}):(0,i.Y)(A.zT,{"data-cy":"image-select-modal",className:eM.className,onClick:n,children:(0,i.Y)(eD.A,{className:eL.className})}),(0,i.Y)(A.zT,{className:eP.className,children:d("Recommended")+e}),eF.styles,eM.styles,eL.styles,eP.styles,(0,i.Y)(o(),{id:"4eb9ab0f33941297",children:".uploaded-image.jsx-4eb9ab0f33941297{width:322px;border:1px solid#8e8e8e;cursor:pointer;margin-bottom:12px}"})]})},"ImageModal");var e$=a(16065),eR=a(32412),eO=a(50698),eG=a(77149),eU=a(25008),eH=a.n(eU),eW=a(53295),eQ=a(36840),eK=a(10451);let eV={styles:(0,i.Y)(o(),{id:"dd05c124b1ae34b1",children:".MuiDialogContentText-root.jsx-dd05c124b1ae34b1{font-size:16px;font-weight:bold;

3color:#1a1b1f;margin-bottom:4px}"}),className:"jsx-dd05c124b1ae34b1"},eq={styles:(0,i.Y)(o(),{id:"a14c90fa36879b04",children:".MuiDialogContentText-root.jsx-a14c90fa36879b04{font-size:16px;color:#1a1b1f;margin:0}"}),className:"jsx-a14c90fa36879b04"},eX={styles:(0,i.Y)(o(),{id:"db54c73909c5bb36",children:".MuiSvgIcon-root.jsx-db54c73909c5bb36{cursor:grab}.MuiSvgIcon-root.jsx-db54c73909c5bb36:active{cursor:grabbing}"}),className:"jsx-db54c73909c5bb36"},eJ={styles:(0,i.Y)(o(),{id:"cb03da1f123a0ad6",children:".MuiSvgIcon-root.jsx-cb03da1f123a0ad6{width:22px;height:22px;cursor:pointer;color:#888}.MuiSvgIcon-root.jsx-cb03da1f123a0ad6:hover{color:#666}"}),className:"jsx-cb03da1f123a0ad6"},eZ=({id:e,title:t,description:a,imagePath:n,onSelect:r,onDelete:s,className:l})=>{let{ref:d,style:c,dragHandleProps:p}=R({id:e});return(0,i.FD)("div",{"data-cy":"content-wrapper",ref:d,style:c,className:"jsx-ea932a5c7222be9b "+(eH()("content-wrapper",l)||""),children:[(0,i.FD)("div",{className:"jsx-ea932a5c7222be9b content",children:[(0,i.Y)(A.zT,{className:eV.className,children:t}),(0,i.Y)(A.zT,{className:eq.className,children:a})]}),n?(0,i.Y)("img",{src:n,"data-cy":"card-link-list-image",alt:"cardImage",className:"jsx-ea932a5c7222be9b image"}):null,(0,i.FD)("div",{className:"jsx-ea932a5c7222be9b settings",children:[(0,i.Y)("button",{type:"button",onClick:()=>r(),"data-cy":"edit-card-link-button","aria-label":"Edit",className:"jsx-ea932a5c7222be9b icon",children:(0,i.Y)(eW.A,{className:eJ.className})}),(0,i.Y)("button",{type:"button",onClick:()=>s(),"data-cy":"delete-card-link-button","aria-label":"Delete",className:"jsx-ea932a5c7222be9b icon",children:(0,i.Y)(eQ.A,{className:eJ.className})}),(0,i.Y)("div",{"aria-label":"Drag",...p.attributes,...p.listeners,className:"jsx-ea932a5c7222be9b "+(p.listeners&&null!=p.listeners.className&&p.listeners.className||p.attributes&&null!=p.attributes.className&&p.attributes.className||"icon"),children:(0,i.Y)(eK.A,{className:`${eX.className} ${eJ.className}`})})]}),eV.styles,eq.styles,eJ.styles,eX.styles,(0,i.Y)(o(),{id:"ea932a5c7222be9b",children:".content-wrapper.jsx-ea932a5c7222be9b{display:grid;grid-template-columns:1fr 120px 78px;grid-gap:16px;justify-content:center;width:100%;min-height:120px;padding:16px 10px;align-items:center;text-align:left}.content.jsx-ea932a5c7222be9b{grid-column:1}.image.jsx-ea932a5c7222be9b{width:120px;object-fit:contain}.settings.jsx-ea932a5c7222be9b{display:flex;gap:8px;grid-column:3}.icon.jsx-ea932a5c7222be9b{padding:0}"})]})},e0=(0,u.forwardRef)(({isOpen:e,onBackdropClick:t,children:a,maxWidth:n},o)=>(0,i.Y)(A.lG,{ref:o,open:e,fullWidth:!0,onBackdropClick:t,maxWidth:n,children:a}));function e1({children:e,...t}){return(0,i.FD)("div",{className:"jsx-7d9b8ebc841c8b7b modal-footer",children:[(0,i.Y)(A.cG,{}),(0,i.Y)(A.ii,{...t,children:e}),(0,i.Y)(o(),{id:"7d9b8ebc841c8b7b",children:".modal-footer.jsx-7d9b8ebc841c8b7b{position:sticky;bottom:0;width:100%;padding:0;background:white;z-index:10}"})]})}e0.displayName="ModalContainer";var e2=a(1219);function e4({onBack:e,onSubmit:t,defaultValues:a={title:"",description:"",imagePath:"",textAlign:"center",url:""},isNew:n}){let{t:o}=(0,l.B)(["components/templates/edit_modal"]),{control:r,handleSubmit:s,formState:{errors:d}}=(0,eA.mN)({defaultValues:a});return(0,i.FD)(i.FK,{children:[(0,i.Y)(e2.A,{className:e8.className,onClick:e}),(0,i.Y)(A.L3,{className:e6.className,children:o("Add card link_TITLE")}),(0,i.Y)(A.cG,{className:e3.className}),(0,i.FD)(A.Cf,{className:e9.className,children:[(0,i.Y)(eA.xI,{name:"imagePath",control:r,render:({field:{onChange:e,value:t}})=>(0,i.Y)(ez,{recommendedSizeText:"1120px \xd7 450px",isRequired:!1,imageSrc:t,onSave:({src:t})=>{e(t)}})}),(0,i.Y)(A.zT,{className:e5.className,children:o("Text")}),(0,i.Y)(eA.xI,{name:"title",control:r,rules:{required:{value:!0,message:o("Enter title.")},validate:{maxLength:e=>(0,eI.countByBytes)(e)>T.default.CARD_LINK_CONTENTS_TITLE_MAX_BYTE_LENGTH?o("40 characters or less"):void 0}},render:({field:{onChange:e,value:t}})=>(0,i.Y)(A.A_,{error:!!d.title,InputLabelProps:{shrink:!0,className:e7.className},label:o("Title"),className:te.className,onChange:e,value:t,helperText:d.title?.message??o("40 characters or less"),"data-cy":"title-input"})}),(0,i.Y)(eA.xI,{name:"description",control:r,rules:{validate:{maxLength:e=>(0,eI.countByBytes)(e)>T.default.CARD_LINK_CONTENTS_DESCRIPTION_MAX_BYTE_LENGTH?o("120 characters or less"):void 0}}

3,render:({field:{onChange:e,value:t}})=>(0,i.Y)(A.A_,{error:!!d.description,InputLabelProps:{shrink:!0,className:e7.className},label:o("Description (optional)"),className:te.className,multiline:!0,onChange:e,value:t,helperText:o("120 characters or less"),"data-cy":"description-input"})}),(0,i.Y)(A.MJ,{component:"fieldset",className:tt.className,children:(0,i.Y)(eA.xI,{name:"textAlign",control:r,render:({field:{onChange:e,value:t}})=>(0,i.FD)(A.z6,{"aria-label":"justified",name:"justified",onChange:e,value:t,"data-cy":"text-align-radio-selector",children:[(0,i.Y)(A.ip,{value:"center",control:(0,i.Y)(A.sx,{color:"primary",size:"small"}),label:o("Align center"),className:ti.className}),(0,i.Y)(A.ip,{value:"left",control:(0,i.Y)(A.sx,{color:"primary",size:"small"}),label:o("Align left"),className:ta.className})]})})}),(0,i.Y)(A.zT,{className:e5.className,children:o("Link")}),(0,i.Y)(A.zT,{className:e7.className}),(0,i.Y)(eA.xI,{name:"url",control:r,rules:{required:{value:!0,message:o("Enter URL")}},render:({field:{onChange:e,value:t}})=>(0,i.Y)(A.A_,{error:!!d.url,InputLabelProps:{shrink:!0,className:e7.className},label:o("URL"),className:te.className,onChange:e,value:t,helperText:o("Enter URL"),"data-cy":"url-input"})})]}),(0,i.Y)(e1,{children:(0,i.Y)(A.$n,{"data-cy":"save-cancel-footer-save-button",onClick:s(a=>{t(a),e()}),color:"primary",children:n?o("Add"):o("Update")})}),e8.styles,e6.styles,e3.styles,e9.styles,e5.styles,e7.styles,te.styles,tt.styles,ta.styles,ti.styles]})}let e8={styles:(0,i.Y)(o(),{id:"2f5714f74f065926",children:".MuiSvgIcon-root.jsx-2f5714f74f065926{position:absolute;top:20px;left:24px;cursor:pointer}"}),className:"jsx-2f5714f74f065926"},e6={styles:(0,i.Y)(o(),{id:"70f269694195ed42",children:".MuiDialogTitle-root.jsx-70f269694195ed42{padding:12pt 68px}.MuiDialogTitle-root.jsx-70f269694195ed42>.MuiTypography-h6{font-weight:bold}"}),className:"jsx-70f269694195ed42"},e3={styles:(0,i.Y)(o(),{id:"f496d2a41b68055b",children:".MuiDivider-root.jsx-f496d2a41b68055b{width:100%;height:1px}"}),className:"jsx-f496d2a41b68055b"},e9={styles:(0,i.Y)(o(),{id:"421e31436d712548",children:".MuiDialogContent-root.jsx-421e31436d712548{position:relative;padding:0 24px 44px}"}),className:"jsx-421e31436d712548"},e5={styles:(0,i.Y)(o(),{id:"e4cb507a1f8f3363",children:".MuiDialogContentText-root.jsx-e4cb507a1f8f3363{font-size:16px;color:#212121;margin:24px 0 16px;font-weight:bold}"}),className:"jsx-e4cb507a1f8f3363"},e7={styles:(0,i.Y)(o(),{id:"ed7327561f3f1018",children:".MuiDialogContentText-root.jsx-ed7327561f3f1018{font-size:12px;color:#666;margin:0}"}),className:"jsx-ed7327561f3f1018"},te={styles:(0,i.Y)(o(),{id:"c407d0df359da424",children:".MuiTextField-root.jsx-c407d0df359da424{width:100%;margin-bottom:16px}.MuiTextField-root.jsx-c407d0df359da424>.MuiInputBase-root>.MuiInputBase-input{font-size:16px;padding:8px 0}.MuiTextField-root.jsx-c407d0df359da424>.MuiInputBase-multiline{padding:0}"}),className:"jsx-c407d0df359da424"},tt={styles:(0,i.Y)(o(),{id:"bb435c6c4ef84a6d",children:".MuiFormControl-root.jsx-bb435c6c4ef84a6d{margin-left:10px}"}),className:"jsx-bb435c6c4ef84a6d"},ta={styles:(0,i.Y)(o(),{id:"98147e4ecb808b1e",children:".MuiFormControlLabel-root.jsx-98147e4ecb808b1e{margin:8px 0 0 0}.MuiFormControlLabel-root.jsx-98147e4ecb808b1e>.MuiTypography-root{font-size:14px}.MuiFormControlLabel-root.jsx-98147e4ecb808b1e>.MuiButtonBase-root{padding:0;margin-right:10px}"}),className:"jsx-98147e4ecb808b1e"},ti={styles:(0,i.Y)(o(),{id:"236b9d11806744cb",children:".MuiFormControlLabel-root.jsx-236b9d11806744cb{margin:24px 0 0 0}.MuiFormControlLabel-root.jsx-236b9d11806744cb>.MuiTypography-root{font-size:14px}.MuiFormControlLabel-root.jsx-236b9d11806744cb>.MuiButtonBase-root{padding:0;margin-right:10px}"}),className:"jsx-236b9d11806744cb"};var tn=a(79658);function to({href:e}){let{t}=(0,l.B)(["components/templates/edit_modal"]);return(0,i.FD)(i.FK,{children:[(0,i.FD)("a",{href:e,target:"_blank",rel:"noopener noreferrer","data-cy":"help-link",className:o().dynamic([["b66d5fee6714b03a",[ea.A.MAIN_BLUE]]])+" help-link",children:[t("Help"),(0,i.Y)(tn.A,{className:"help-link-icon",fontSize:"inherit"})]}),(0,i.Y)(o(),{id:"b66d5fee6714b03a",dynamic:[ea.A.MAIN_BLUE],children:`.help-link.__jsx-style-dynamic-selector{display:inline-flex;align-items:center;margin-left:4px;color:${ea.A.MAIN_BLUE};white-space:nowrap}.help-link-icon.__jsx-style-dynamic-selector{margin-left:4px}`})]})}var tr=a(25498);function ts({card:{title:e,description:t,imagePath:a,textAlign:i,url:n},index:o,control:r}){return(0,eA.as)({name:`cardLinks.${o}.title`,control:r,defaultValue:e}),(0,eA.as)({name:`cardLinks.${o}.description`,control:r,defaultValue:t}),(0,eA.as)({name:`cardLinks.${o}.imagePath`,control:r,defaultValue:a}),(0,eA.as)({name:`cardLinks.${o}.textAlign`,control:r,defaultValue:i}),(0,eA.as)({name:`cardLinks.${o}.url`,control:r,defaultValue:n}),null}function tl({close:e,onSubmit:t,defaultValues:a={title:"",cardLinks:[]}}){let{t:n}=(0,l.B)(["components/templates/edit_modal"]),{control:o,handleSubmit:r,getValues:s,reset:d}=(0,eA.mN)({defaultValues:{...a,backgroundDisplayMode:a.backgroundDisplayMode??eE.kb.Cover}}),{fields:c,remove:p,append:m,insert:h,move:b}=(0,eA.jz)({control:o,name:"cardLinks"}),g=W(),[f,x]=(0,u.useState)({isOpen:!1});return f.isOpen?(0,i.Y)(e4,{onBack:()=>{x({isOpen:!1})},onSubmit:f.onSubmit,defaultValues:f.defaultValues,isNew:!f.defaultValues}):(0,i.FD)(i.FK,{children:[(0,i.Y)(A.L3,{className:tg.className,children:n("Card link")}),(0,i.FD)(A.zT,{className:tx.className,children:[n("Add helpful links with quick-access cards."),(0,i.Y)(to,{href:"https://community.commmune.com/view/knowledgebase/post/3454"})]}),(0,i.Y)(A.cG,{className:tv.className}),(0,i.FD)(A.Cf,{className:tf.className,children:[(0,i.Y)(A.zT,{className:ty.className,children:n("Headline (optional)")}),(0,i.Y)(eA.xI,{name:"title",control:o,rules:{validate:e=>!((0,eI.countByBytes)(e)>T.default.CARD_LINK_LIST_TITLE_MAX_BYTE_LENGTH)}

3,render:({field:{onChange:e,value:t,name:a},fieldState:{invalid:o}})=>(0,i.Y)(A.A_,{className:tY.className,onChange:e,value:t,error:o,InputLabelProps:{shrink:!0},helperText:n("40 characters or less"),inputProps:{"aria-label":a,"data-cy":"card-link-title-input"}})}),(0,i.Y)(B.Mp,{sensors:g,collisionDetection:B.fp,onDragEnd:({active:e,over:t})=>{if(!t||e.id===t.id)return;let a=c.findIndex(t=>t.id===e.id),i=c.findIndex(e=>e.id===t.id);-1!==a&&-1!==i&&b(a,i)},children:(0,i.Y)(Y.gB,{items:c.map(e=>e.id),strategy:Y._G,children:c.map(({id:e,title:t,description:a,imagePath:n,textAlign:r,url:l},c)=>{let m={title:t,description:a,imagePath:n,textAlign:r,url:l};return(0,i.FD)(u.Fragment,{children:[(0,i.Y)(ts,{card:m,index:c,control:o}),(0,i.Y)(A.cG,{className:tC.className}),(0,i.Y)("div",{"data-cy":"card-link-list-item",children:(0,i.Y)(eZ,{id:e,title:t,description:a,imagePath:n,onSelect:()=>{d(s()),x({isOpen:!0,defaultValues:m,onSubmit:e=>{h(c,e),p(c+1)}})},onDelete:()=>p(c)})})]},e)})})}),(0,i.Y)(A.cG,{className:tC.className}),c.length<4?(0,i.FD)(i.FK,{children:[(0,i.Y)(A.$n,{"data-cy":"add-announcement-card-button",className:tk.className,variant:"outlined",startIcon:(0,i.Y)(tr.A,{}),onClick:()=>{d(s()),x({isOpen:!0,onSubmit:e=>m(e)})},children:n("Add card link")}),(0,i.Y)(A.zT,{className:tN.className,children:n("Up to 4 cards")})]}):null,(0,i.Y)(A.cG,{className:tc.className}

3),(0,i.Y)(A.zT,{className:tp.className,children:n("Background image")}),(0,i.FD)("div",{className:tm.className,children:[(0,i.Y)(A.zT,{className:tu.className,children:n("Set a background image for this card link area. Top and bottom areas are set separately in each dialog.")}),(0,i.Y)(eA.xI,{name:"backgroundImagePath",control:o,render:({field:{onChange:e,value:t}})=>(0,i.Y)(ez,{recommendedSizeText:"1120px \xd7 450px",isRequired:!1,imageSrc:t??"",onSave:({src:t})=>{e(t)}})}),(0,i.FD)(A.MJ,{component:"fieldset",className:td.className,children:[(0,i.Y)(A.zT,{className:th.className,children:n("Display mode")}),(0,i.Y)(eA.xI,{name:"backgroundDisplayMode",control:o,render:({field:{onChange:e,value:t}})=>(0,i.FD)(A.z6,{"aria-label":"background-display-mode",name:"backgroundDisplayMode",onChange:e,value:t,"data-cy":"card-link-background-display-mode-selector",children:[(0,i.Y)(A.ip,{value:eE.kb.Cover,control:(0,i.Y)(A.sx,{color:"primary",size:"small"}),label:(0,i.FD)("span",{children:[n("Stretch to fit"),(0,i.Y)("span",{className:tb.className,children:n("Stretch to fit (description)")})]})}),(0,i.Y)(A.ip,{value:eE.kb.Repeat,control:(0,i.Y)(A.sx,{color:"primary",size:"small"}),label:(0,i.FD)("span",{children:[n("Tile"),(0,i.Y)("span",{className:tb.className,children:n("Tile (description)")})]})})]})})]})]})]}),(0,i.FD)(e1,{children:[(0,i.Y)(A.$n,{onClick:e,color:"secondary",children:n("Cancel")}),(0,i.Y)(A.$n,{"data-cy":"save-cancel-footer-save-button",onClick:r(e=>t(e)),color:"primary",children:n("Save")})]}),tg.styles,tf.styles,tx.styles,tv.styles,ty.styles,tY.styles,tk.styles,tC.styles,tN.styles,td.styles,tc.styles,tp.styles,tm.styles,tu.styles,th.styles,tb.styles]})}let td={styles:(0,i.Y)(o(),{id:"bfec3a6eec83ae2a",children:".MuiFormControl-root.jsx-bfec3a6eec83ae2a{margin-top:20px}"}),className:"jsx-bfec3a6eec83ae2a"},tc={styles:(0,i.Y)(o(),{id:"417543f6d556f47a",children:".MuiDivider-root.jsx-417543f6d556f47a{width:100%;height:1px;margin-top:24px}"}),className:"jsx-417543f6d556f47a"},tp={styles:(0,i.Y)(o(),{id:"f3c297a3464d778b",children:".MuiDialogContentText-root.jsx-f3c297a3464d778b{margin:24px 0 16px;font-weight:bold;font-size:16px;color:#212121}"}),className:"jsx-f3c297a3464d778b"},tm={styles:(0,i.Y)(o(),{id:"78768d4f0a43e460",children:"div.jsx-78768d4f0a43e460{padding-left:16px}"}),className:"jsx-78768d4f0a43e460"},tu={styles:(0,i.Y)(o(),{id:"5706c60c6e381c58",children:".MuiDialogContentText-root.jsx-5706c60c6e381c58{margin:0 0 16px;font-size:14px;line-height:1.6;color:#4a4f5c}"}),className:"jsx-5706c60c6e381c58"},th={styles:(0,i.Y)(o(),{id:"359fc7f71b66fcc6",children:".MuiDialogContentText-root.jsx-359fc7f71b66fcc6{margin:0 0 8px;font-weight:bold;font-size:14px;color:#212121}"}),className:"jsx-359fc7f71b66fcc6"},tb={styles:(0,i.Y)(o(),{id:"f59628a8620dcdfd",children:"span.jsx-f59628a8620dcdfd{display:block;margin-top:1px;font-size:12px;color:#666}"}),className:"jsx-f59628a8620dcdfd"},tg={styles:(0,i.Y)(o(),{id:"c0a53dd1c33f1c69",children:".MuiDialogTitle-root.jsx-c0a53dd1c33f1c69{padding:13pt 24px 4pt}.MuiDialogTitle-root.jsx-c0a53dd1c33f1c69>.MuiTypography-h6{font-weight:bold}"}),className:"jsx-c0a53dd1c33f1c69"},tf={styles:(0,i.Y)(o(),{id:"aa8652b848e74d93",children:".MuiDialogContent-root.jsx-aa8652b848e74d93{position:relative;padding:0 24px 24px}"}),className:"jsx-aa8652b848e74d93"},tx={styles:(0,i.Y)(o(),{id:"e7dc9a421489ccea",children:".MuiDialogContentText-root.jsx-e7dc9a421489ccea{margin:0 24px 12px;font-size:14px}"}),className:"jsx-e7dc9a421489ccea"},ty={styles:(0,i.Y)(o(),{id:"92ab7b479b5c3db6",children:".MuiDialogContentText-root.jsx-92ab7b479b5c3db6{margin:24px 0 0 0;font-weight:bold;font-size:16px}"}),className:"jsx-92ab7b479b5c3db6"},tv={styles:(0,i.Y)(o(),{id:"f496d2a41b68055b",children:".MuiDivider-root.jsx-f496d2a41b68055b{width:100%;height:1px}"}),className:"jsx-f496d2a41b68055b"},tY={styles:(0,i.Y)(o(),{id:"6bed6fce1e80c66e",children:".MuiTextField-root.jsx-6bed6fce1e80c66e{width:100%;margin-bottom:24px}.MuiTextField-root.jsx-6bed6fce1e80c66e>.MuiInputBase-root>.MuiInputBase-input{font-size:16px;padding:8px 0}"}),className:"jsx-6bed6fce1e80c66e"},tk={styles:(0,i.Y)(o(),{id:"ef42e10fa84e20ed",children:`.MuiButton-root.jsx-ef42e10fa84e20ed{color:${ea.A.MAIN_BLUE};border:1px solid ${ea.A.MAIN_BLUE};margin-top:24px}`}),className:"jsx-ef42e10fa84e20ed"},tC={styles:(0,i.Y)(o(),{id:"f496d2a41b68055b",children:".MuiDivider-root.jsx-f496d2a41b68055b{width:100%;height:1px}"}),className:"jsx-f496d2a41b68055b"}

3,tN={styles:(0,i.Y)(o(),{id:"84b8143b74e4ee6a",children:".MuiDialogContentText-root.jsx-84b8143b74e4ee6a{font-size:12px;margin-top:8px}"}),className:"jsx-84b8143b74e4ee6a"},tw=function({isOpen:e,close:t,position:a,onSave:n}){let{data:o,isInitialLoading:r,mutate:s}=(0,e$.Vv)(a),{markEdit:l}=(0,eO.PC)(),d=(0,u.useCallback)(async e=>{try{let i={title:e.title,cardLinks:e.cardLinks??[],position:a,backgroundImagePath:e.backgroundImagePath,backgroundDisplayMode:e.backgroundDisplayMode};(0,eR.Qy)(a,i,l),t(),n(),await s()}catch{return(0,eG.i)()}},[t,s,n,a,l]);return(0,i.Y)(e0,{isOpen:e,onBackdropClick:t,children:!r&&(0,i.Y)(tl,{close:t,onSubmit:d,defaultValues:o})})};var tS=a(88816),t_=a(59826),tj=a(13266),tB=a(40360),tT=a(40794),tA=a(11323),tE=a.n(tA),tI=a(33026);let tD=(0,u.createContext)({userGroups:[],isPublic:!1,isQAEnabled:!1,errorAlreadyExists:[],setErrorAlreadyExists:()=>void 0,t:()=>""}),tF=(e,t)=>{let{errorAlreadyExists:a,setErrorAlreadyExists:i,t:n}=(0,u.useContext)(tD),o=(0,u.useCallback)(a=>a.target.id===e&&a.target.type===t,[e,t]),r=(0,u.useMemo)(()=>a.find(o),[a,o]),s=(0,u.useCallback)(a=>{let r=tM(e,t,a,n);i(e=>r?[...e.filter(e=>!o(e)),r]:e.filter(e=>!o(e)))},[e,o,i,n,t]);return{errorMessage:r?.errorMessage??null,errorHandler:s}},tM=(e,t,a,i)=>{let n={groupName:i("Group name is required."),boxName:i("Box name is required."),externalLink:i("Link is required.")}[t];return tE()(a)?{target:{id:e,type:t},errorMessage:n}:null},tL=(e,t)=>[e.isHidden?null:tM(e.id,"boxName",e.header.text,t),e.type===tI.BoxType.ExternalLink?tM(e.id,"externalLink",e.specialProperties?.externalURL??"",t):null].filter(e=>null!==e);var tP=a(39282),tz=a(19657);function t$({children:e}){return(0,i.Y)("div",{css:tR,children:(0,i.Y)(tz.o,{justifyContent:"end",gap:7,children:e})})}let tR=(0,eo.AH)("bottom:0;background:",tP.Q1.user.background.white,";position:sticky;padding:",tP.Kz[7],";border-top:",tP.V6.thin," solid ",tP.Q1.user.border.default,";");var tO=a(95577);let tG=(0,A.n9)()({formControl:{width:"inherit",maxWidth:"100%"}});function tU({index:e,isQAEnabled:t,isSimple:a,isMasonry:n,isQA:o,onChangeMode:r}){var s;let{t:d}=(0,l.B)(["components/organisms/edit_modal"]),{classes:c}=tG(),p=(s={isSimple:a,isMasonry:n,isQA:o}).isSimple?tI.BoxDisplayMode.Simple:s.isMasonry?tI.BoxDisplayMode.Masonry:t&&s.isQA?tI.BoxDisplayMode.QA:tI.BoxDisplayMode.Standard;return(0,i.Y)(A.MJ,{className:c.formControl,children:(0,i.FD)(A.l6,{value:p,onChange:t=>{r(t,e)},"data-cy":"select-mode",children:[(0,i.Y)(A.Dr,{value:tI.BoxDisplayMode.Standard,children:d("Standard")}),(0,i.Y)(A.Dr,{value:tI.BoxDisplayMode.Simple,children:d("Simple")}),(0,i.Y)(A.Dr,{value:tI.BoxDisplayMode.Masonry,children:d("Two-column")}),t&&(0,i.Y)(A.Dr,{value:tI.BoxDisplayMode.QA,children:"Q&A"})]})})}var tH=a(82501);let tW=({isHidden:e,name:t,errorMessage:a,errorHandler:n,editableName:o=!0,title:r,dragHandle:s,children:l,onChangeName:d,onVisibilityChange:c,onCollapse:p,collapsed:m,isNested:h})=>{let b=T.default.BOX_NAME_MAX_LENGTH,g=(0,u.useCallback)((e,t)=>{c?.(t)},[c]),f=(0,u.useCallback)(e=>{let t=e.target.value;d?.(t),n?.(t)},[d,n]);return(0,i.Y)(tB.a,{borderColor:"default",borderWidth:"thin",borderRadius:"element",padding:7,children:(0,i.FD)(tz.o,{"data-cy":"box-edit-item",alignItems:"center",minHeight:13,gap:7,children:[!h&&(0,i.Y)(tB.a,{width:6,children:p&&(0,i.Y)(tT.$,{type:"icon",size:"xSmall",iconSource:m?"ArrowRight":"ArrowBottom",onClick:p})}),(0,i.Y)(tB.a,{width:8,children:c&&(0,i.Y)(A.Sc,{"data-cy":"box-visibility-toggle",checked:!e,size:"small",style:{color:tP.Q1.admin.checkbox,padding:0},onChange:g})}),(0,i.Y)(tB.a,{width:18.6,children:r&&(0,i.Y)(tH.E,{children:r})}),(0,i.Y)(tB.a,{width:21,children:o?(0,i.Y)(tO.A,{"data-cy":"box-name-input",value:t,maxLength:b,onChange:f,borderType:"admin",radiusType:"input",error:!!a&&{message:a}}):(0,i.Y)(tH.E,{children:t})}),l,(0,i.Y)(tB.a,{moveToRight:!0,children:s})]})})};function tQ(e){return e.item.type===tI.BoxType.Talk?(0,i.Y)(tK,{...e}):e.item.type===tI.BoxType.ExternalLink?(0,i.Y)(tV,{...e}):(0,i.Y)(tq,{...e})}let tK=({item:e,orderIndex:t,isQAEnabled:a,onChangeMode:n,...o})=>{let r=(0,u.useCallback)(e=>{n(e.target.value)},[n]);return(0,i.Y)(tq,{item:e,orderIndex:t,...o,children:(0,i.Y)(tB.a,{width:19,children:(0,i.Y)(tU,{index:t,isQAEnabled:a,isSimple:e.isSimple??!1,isMasonry:e.isMasonry??!1,isQA:e.isQA??!1,onChangeMode:r})})})}

3,tV=({item:e,onChangeLink:t,...a})=>{let{errorMessage:n,errorHandler:o}=tF(e.id,"externalLink"),r=(0,u.useCallback)(e=>{let a=e.target.value;t?.(a),o?.(a)},[t,o]);return(0,i.FD)(tq,{item:e,...a,children:[(0,i.Y)(tB.a,{width:19}),(0,i.Y)(tB.a,{flexGrow:!0,children:(0,i.Y)(tO.A,{"data-cy":"box-link-input",type:"url",value:e.specialProperties?.externalURL,onChange:r,borderType:"admin",radiusType:"input",error:!!n&&{message:n}})})]})},tq=({item:e,title:t,groupList:a,orderIndex:n,isPublic:o,onChangeName:r,onChangeAudience:s,onVisibilityChange:d,dragHandle:c,editableName:p=!0,children:m,isNested:h})=>{let{t:b}=(0,l.B)(["components/organisms/edit_modal"]),g=(0,u.useCallback)(e=>{s(e.target.value)},[s]),f=(0,u.useMemo)(()=>[...o?[(0,i.Y)(A.Dr,{value:S.SpecialBrandGroupId.Guest,children:b("Guests")},S.SpecialBrandGroupId.Guest)]:[],(0,i.Y)(A.Dr,{value:S.SpecialBrandGroupId.All,children:b("All users")},S.SpecialBrandGroupId.All),...a.map(e=>(0,i.Y)(A.Dr,{value:e.id,children:e.groupName},e.id))],[o,a,b]),{errorMessage:x,errorHandler:y}=tF(e.id,"boxName");return(0,i.FD)(tW,{isHidden:e.isHidden,name:e.header.text,editableName:p,title:t,onChangeName:r,onVisibilityChange:d,dragHandle:c,errorMessage:x,errorHandler:y,isNested:h,children:[(0,i.Y)(tB.a,{width:20.5,children:(0,i.Y)(L,{menuItems:f,group:e.group,index:n,onChangeGroup:g})}),m]})},tX=({item:e,title:t,onChangeName:a,onVisibilityChange:n,onCollapse:o,collapsed:r,dragHandle:s})=>{let{errorMessage:l,errorHandler:d}=tF(e.id,"groupName"),c=(0,u.useCallback)(e=>{d(e),a(e)},[a,d]);return(0,i.Y)(tW,{isHidden:e.boxes.some(e=>e.isHidden),name:e.name,title:t,onChangeName:c,onVisibilityChange:n,dragHandle:s,onCollapse:o,collapsed:r,errorMessage:l})};function tJ({title:e,homeScreenSettings:t,onChangeHomeScreenSettings:a}){let{t:n}=(0,l.B)(["components/organisms/edit_modal"]),{isPublic:o}=(0,u.useContext)(tD),r=t.visibleToUser,s=t.visibleToGuest,[d,c]=(0,u.useState)("INVISIBLE"),[p,m]=(0,u.useState)(r||s);(0,u.useEffect)(()=>{p&&(r&&!s?c("VISIBLE_ONLY_TO_USER"):!r&&s?c("VISIBLE_ONLY_TO_GUEST"):r&&s?c("VISIBLE_TO_USER_AND_GUEST"):c("INVISIBLE"))},[d,t,r,s]);let h=(0,u.useCallback)(e=>{(m(e),e)?o?a(d):a("VISIBLE_ONLY_TO_USER"):a("INVISIBLE")},[a,d,o]);return(0,i.Y)(tW,{name:e,title:e,editableName:!1,isHidden:!p,onVisibilityChange:h,children:(0,i.Y)(A.MJ,{"data-cy":"home-screen-settings-select-form",children:o?(0,i.FD)(A.l6,{disabled:!p,value:d,onChange:e=>{a(e.target.value)},children:[(0,i.Y)(A.Dr,{value:"VISIBLE_ONLY_TO_USER","data-cy":"home-screen-visible-to-user",children:n("Home audience: all users")}),(0,i.Y)(A.Dr,{value:"VISIBLE_ONLY_TO_GUEST","data-cy":"home-screen-visible-to-guest",children:n("Home audience: guest")}),(0,i.Y)(A.Dr,{value:"VISIBLE_TO_USER_AND_GUEST","data-cy":"home-screen-visible-to-user-and-guest",children:n("Home audience: all users and guest")})]}):(0,i.Y)(i.FK,{})})})}var tZ=a(90384),t0=a(72354);let t1=(e,t,a,i,n)=>{let o=e.findIndex(({id:e})=>e===a),r=e.findIndex(({id:e})=>e===t),s=e[r],l=(0,Y.be)(e,r,o),d=l[o-1],c=l[o+1],p=t2(i,n),m=(s?.depth??0)+p,u=t4({previousItem:d,activeItem:s}),h=t8({nextItem:c,activeItem:s}),b=s?.notGroupable?0:m>=u?u:m<h?h:m;return{depth:b,maxDepth:u,minDepth:h,parentId:0!==b&&d?b===d.depth?d.parentId:b>d.depth&&!d?.isGroup?d?.parentId:b>d.depth?d.id:l.slice(0,o).reverse().find(e=>e.depth===b)?.parentId??null:null}},t2=(e,t)=>Math.round(e/t),t4=({previousItem:e,activeItem:t})=>(e?.isGroup||e?.parentId)&&!t?.notGroupable?(e?.depth??0)+1:0,t8=({nextItem:e,activeItem:t})=>t?.notGroupable?0:e?.depth??0,t6=(e,t=null,a=0)=>e.reduce((e,i,n)=>[...e,{...i,parentId:t,depth:a,index:n},...t6(i.children,i.id,a+1)],[]),t3=(e,t)=>e.find(({id:e})=>e===t),t9=(e,t,a,i)=>{for(let n of e){if(n.id===t){n[a]=i(n[a]);continue}n.children.length&&(n.children=t9(n.children,t,a,i))}return[...e]},t5=[B.vL.Down,B.vL.Right,B.vL.Up,B.vL.Left],t7=[B.vL.Left,B.vL.Right],ae=({isSorting:e,wasDragging:t})=>!(e||t);function at({id:e,depth:t,Item:a,...n}){let{attributes:o,listeners:r,transform:s,transition:l,setDraggableNodeRef:d,setDroppableNodeRef:c}=(0,Y.gl)({id:e,animateLayoutChanges:ae}),p={transform:$.Ks.Translate.toString(s),transition:l};return(0,i.Y)(a,{ref:d,wrapperRef:c,style:p,depth:t,handleProps:{...o,...r},...n})}var aa=a(92905),ai=a.n(aa);let an={droppable:{strategy:B.Pf.Always}},ao={keyframes:({transform:e})=>[{opacity:1,transform:$.Ks.Transform.toString(e.initial)},{opacity:0,transform:$.Ks.Transform.toString({...e.final,x:e.final.x+5,y:e.final.y+5})}],easing:"ease-out",sideEffects({active:e}){e.node.animate([{opacity:0}

3,{opacity:1}],{duration:B.by.duration,easing:B.by.easing})}};function ar({items:e,Item:t,setItems:a,onChange:n,collapsible:o,indentationWidth:r=50,customOverlayParent:s,dragOverlayVisible:l=!1}){let[d,c]=(0,u.useState)(null),[p,m]=(0,u.useState)(null),[h,b]=(0,u.useState)(0),g=(0,u.useMemo)(()=>{let t,a=t6(e),i=a.reduce((e,{children:t,collapsed:a,id:i})=>a&&t.length?[...e,i]:e,[]);return t=[...d?[d,...i]:i],a.filter(e=>!(e.parentId&&t.includes(e.parentId))||(e.children.length&&t.push(e.id),!1))},[d,e]),f=d&&p?t1(g,d,p,h,r):null,x=(0,u.useRef)({items:g,offset:h}),[y]=(0,u.useState)(()=>(e,{currentCoordinates:t,context:{active:a,over:i,collisionRect:n,droppableRects:o,droppableContainers:s}})=>{if(t5.includes(e.code)){if(!a||!n)return;e.preventDefault();let{current:{items:l,offset:d}}=x;if(t7.includes(e.code)&&i?.id){let{depth:n,maxDepth:o,minDepth:s}=t1(l,a.id,i.id,d,r);switch(e.code){case B.vL.Left:if(n>s)return{...t,x:t.x-r};break;case B.vL.Right:if(n<o)return{...t,x:t.x+r}}return}let c=[];s.forEach(t=>{if(t?.disabled||t.id===i?.id)return;let a=o.get(t.id);if(a)switch(e.code){case B.vL.Down:n.top<a.top&&c.push(t);break;case B.vL.Up:n.top>a.top&&c.push(t)}});let p=(0,B.y$)({active:a,collisionRect:n,pointerCoordinates:null,droppableRects:o,droppableContainers:c}),m=(0,B.Vy)(p,"id");if(m===i?.id&&p.length>1&&(m=p?.[1]?.id??null),m&&i?.id){let e=o.get(a.id),t=o.get(m),i=s.get(m);if(e&&t&&i){let e=l.findIndex(({id:e})=>e===m),i=l[e],n=l.findIndex(({id:e})=>e===a.id),o=l[n];if(i&&o){let{depth:s}=t1(l,a.id,m,(i.depth-o.depth)*r,r);return{x:t.left+s*r,y:t.top+(e>n?1:-1)*0}}}}}}),v=(0,B.FR)((0,B.MS)(B.AN),(0,B.MS)(B.cA),(0,B.MS)(B.uN,{coordinateGetter:y})),k=(0,u.useMemo)(()=>g.map(({id:e})=>e),[g]),C=d?g.find(({id:e})=>e===d):null;return(0,u.useEffect)(()=>{x.current={items:g,offset:h}},[g,h]),(0,i.Y)(B.Mp,{sensors:v,collisionDetection:B.fp,measuring:an,onDragStart:function({active:{id:e}}){c(e),m(e),document.body.style.setProperty("cursor","grabbing")},onDragMove:function({delta:e}){b(e.x)},onDragOver:function({over:e}){m(e?.id??null)},onDragEnd:function({active:t,over:i}){if(N(),f&&i){let{depth:n,parentId:o}=f,r=ai()(t6(e)),s=r.findIndex(({id:e})=>e===i.id),l=r.findIndex(({id:e})=>e===t.id),d=r[l];d&&(r[l]={...d,depth:n,parentId:o??null}),a((e=>{let t={id:"root",data:void 0,children:[]},a={[t.id]:t},i=e.map(e=>({...e,children:[]}));for(let e of i){let{id:n,data:o,children:r}=e,s=e.parentId??t.id,l=a[s]??t3(i,s);a[n]={id:n,data:o,children:r},l?.children?.push(e)}return t.children})((0,Y.be)(r,l,s)),t)}},onDragCancel:function(){N()},children:(0,i.FD)(Y.gB,{items:k,strategy:Y._G,children:[g.map(({id:s,children:l,isInvisible:c,collapsed:p,depth:m,data:u})=>!c&&(0,i.Y)(at,{Item:t,id:s,data:u,onChange:e=>n?.(e,s),depth:s===d&&f?f.depth:m,indentationWidth:r,collapsed:!!(p&&l.length),onCollapse:o&&l.length?()=>{a(t9(e,s,"collapsed",e=>!e))}:void 0},s)),l&&(0,t0.createPortal)((0,i.Y)(B.Hd,{dropAnimation:ao,children:d&&C?(0,i.Y)(at,{Item:t,id:d,data:C.data,depth:C.depth,indentationWidth:r}):null}),s??document?.body)]})});function N(){m(null),c(null),b(0),document.body.style.setProperty("cursor","")}}var as=a(18731);function al(e){return(0,i.Y)("div",{...e,css:ad,"data-cy":"group-edit-item-handle",children:(0,i.Y)(as.I,{source:"MenuHamburger",size:3})})}let ad=(0,eo.AH)("cursor:grab;&:focus{outline:none;}"),ac=(0,u.forwardRef)(function({depth:e,handleProps:t,indentationWidth:a,collapsed:n,style:o,data:r,onCollapse:s,wrapperRef:l,onChange:d,...c},p){let{userGroups:m,isPublic:h,isQAEnabled:b}=(0,u.useContext)(tD),g=(0,u.useCallback)(e=>d?.({...r,item:{...r.item,...e}}),[r,d]),f=(0,u.useCallback)(e=>{g({isHidden:!e})},[g]),x=(0,u.useCallback)(e=>{g({header:{text:e}})},[g]),y=(0,u.useCallback)(e=>{g({group:e})},[g]),v=(0,u.useCallback)(e=>{g({isSimple:e===tI.BoxDisplayMode.Simple,isMasonry:e===tI.BoxDisplayMode.Masonry,isQA:e===tI.BoxDisplayMode.QA,displayMode:e})},[g]),Y=(0,u.useCallback)(e=>{g({specialProperties:{externalURL:e}})},[g]);return(0,i.Y)("li",{ref:l,css:ap(a*e),...c,children:(0,i.Y)("div",{ref:p,style:o,children:(0,i.Y)("div",{style:{backgroundColor:"white"},children:(0,i.Y)(tQ,{isNested:e>0,item:r.item,title:r.title,groupList:m,isPublic:h,isQAEnabled:b,orderIndex:r.item.index,onChangeName:x,onChangeAudience:y,onChangeMode:v,onChangeLink:Y,onVisibilityChange:f,dragHandle:(0,i.Y)(al,{...t||{},"data-cy":"box-edit-item-handle"})})})})})}),ap=e=>(0,eo.AH)("margin-left:",e,"px;"),am=(0,u.forwardRef)(function({depth:e,indentationWidth:t,collapsed:a,style:n,data:o,handleProps:r,onCollapse:s,onChange:l,wrapperRef:d,...c},p){let m=(0,u.useCallback)(e=>l?.({...o,item:{...o.item,...e}}),[o,l]),h=(0,u.useCallback)(e=>{m?.({name:e})},[m]),b=(0,u.useCallback)(e=>{m({boxes:o.item.boxes.map(t=>({...t,isHidden:!e}))})},[o.item.boxes,m]);return(0,i.Y)("li",{ref:d,style:n,...c,children:(0,i.Y)("div",{style:{backgroundColor:"white"},ref:p,children:(0,i.Y)(tX,{title:o.title,item:o.item,onVisibilityChange:b,onChangeName:h,onCollapse:s,collapsed:a,dragHandle:(0,i.Y)(al,{...r||{},"data-cy":"box-edit-item-handle"})})})})}),au=(0,u.forwardRef)(function({data:e,...t}

3,a){return"box"===e.type?(0,i.Y)(ac,{...t,data:e,ref:a}):(0,i.Y)(am,{...t,data:e,ref:a})}),ah=(e,t)=>{let a=e.find(e=>e.id===t);if(a)return a;for(let a of e)if((0,t_.isBoxesGroup)(a)){let e=ah(a.boxes,t);if(e)return e}};function ab({items:e,titles:t,updateItems:a,customOverlayParent:n}){let[o,r]=(0,u.useState)([]),s=(0,u.useCallback)(e=>{let t=Object.fromEntries(t6(e).map((e,t)=>[e.id,t])),i=e.map(e=>e.isGroup?{...e.data.item,index:t[e.id],boxes:e.children.map(e=>({...e.data.item,index:t[e.id]}))}:{...e.data.item,index:t[e.id]});r(e.filter(e=>e.collapsed).map(e=>e.data.item.id)),a(i)},[a]),l=(0,u.useCallback)(t=>{let i=JSON.parse(JSON.stringify(e)),n=ah(i,t.item.id);n&&(Object.assign(n,{...n,...t.item}),a(i))},[e,a]),d=(0,u.useMemo)(()=>{let a;return a=e=>({id:e.id,isGroup:!1,children:[],notGroupable:e.type!==tI.BoxType.Talk&&e.type!==tI.BoxType.ExternalLink,isInvisible:!1,data:{title:t[e.type]??"",item:e,type:"box"}}),e.map(e=>(0,t_.isBoxesGroup)(e)?{id:e.id,isGroup:!0,collapsed:o.includes(e.id),children:e.boxes.map(a).sort((e,t)=>e.data.item.index-t.data.item.index),isInvisible:!1,notGroupable:!0,data:{title:t.group,item:e,type:"group"}}:a(e)).sort((e,t)=>e.data.item.index-t.data.item.index)},[e,t,o]);return(0,i.Y)(ar,{collapsible:!0,indentationWidth:30,items:d,setItems:s,Item:au,onChange:l,customOverlayParent:n,dragOverlayVisible:!0})}var ag=a(41483),af=a(98677);let ax=({isOpen:e,setIsOpen:t,onExecute:a,onCancel:n})=>{let{t:r}=(0,l.B)(["components/organisms/admin"]);return(0,i.Y)(af.a,{isOpen:e,setIsOpen:t,content:(0,i.FD)("div",{className:"jsx-406a4b203a33e9d1 modal-container",children:[(0,i.FD)("div",{className:"jsx-406a4b203a33e9d1 modal-content-header",children:[(0,i.Y)(tH.E,{variant:"medium",fontWeight:"bold",children:r("Hide navigation?")}),(0,i.Y)(tH.E,{variant:"small",children:r("Navigation will be hidden on the user’s screen. If you group boxes, the setting will be ungrouped.")})]}),(0,i.FD)("div",{className:"jsx-406a4b203a33e9d1 modal-content-footer",children:[(0,i.Y)(tT.$,{fullWidth:!0,onClick:a,size:"medium",backgroundColor:"#CE324E",children:r("Hide")}),(0,i.Y)(tT.$,{fullWidth:!0,onClick:n,size:"medium",backgroundColor:"#FFFFFF",style:"secondary",children:r("Cancel")})]}),(0,i.Y)(o(),{id:"406a4b203a33e9d1",children:".modal-container.jsx-406a4b203a33e9d1{display:flex;flex-direction:column;gap:24px}.modal-content-header.jsx-406a4b203a33e9d1{display:flex;flex-direction:column;gap:8px}.modal-content-footer.jsx-406a4b203a33e9d1{display:flex;flex-direction:column;gap:20px}"})]})})};var ay=a(20884);function av({buttonName:e,disabled:t,items:a,icon:n,"data-cy":o,onChooseItem:r}){let[s,l]=(0,u.useState)(null),d=(0,u.useCallback)(e=>{l(e.currentTarget)},[]),c=(0,u.useCallback)(()=>{l(null)},[]),p=(0,u.useCallback)(e=>{r(e)&&c()},[c,r]);return(0,i.FD)(i.FK,{children:[(0,i.Y)(tT.$,{"data-cy":o,disabled:t,icon:n,onClick:d,children:e}),(0,i.Y)(A.DE,{open:!!s,anchorEl:s,keepMounted:!0,anchorOrigin:{vertical:"bottom",horizontal:"center"},onBackdropClick:c,transformOrigin:{vertical:"top",horizontal:"center"},children:a.map(({element:e,value:t,disabled:a},n)=>(0,i.Y)(A.Dr,{onClick:()=>p(t),disabled:a,children:e},n))})]})}var aY=a(82656);let ak="group",aC="talk",aN="externalLink",aw={[ak]:e=>(0,t_.BoxesGroup)(e,(0,aY.u_)(),"",[]),[aC]:e=>{let t=tI.BoxType.Talk,a=tI.BoxSlug.Talk;return{id:(0,aY.u_)(9),index:e,type:t,slug:a,isHidden:!1,header:{text:""},isEnabledRichText:!1,isShownInBoxesModal:!0,bannerSrc:"",bannerHref:"",isBoxGroup:!1,group:[S.SpecialBrandGroupId.All]}},[aN]:e=>{let t=tI.BoxType.ExternalLink,a=tI.BoxSlug.ExternalLink;return{id:(0,aY.u_)(),index:e,type:t,slug:a,isHidden:!1,header:{text:""},isEnabledRichText:!1,isShownInBoxesModal:!0,bannerSrc:"",bannerHref:"",isBoxGroup:!1,group:[S.SpecialBrandGroupId.All],specialProperties:{externalURL:""}}}},aS=({enabled:e})=>{let{t}=(0,l.B)(["components/organisms/edit_modal/EditBoxesForm"]);return e?(0,i.Y)(tH.E,{"data-cy":"add-box-group-button",children:t("Box group")}):(0,i.FD)(tz.o,{gap:3,children:[(0,i.Y)(tH.E,{"data-cy":"add-box-group-button",color:tP.FE.gray.user[2],children:t("Box group")}),(0,i.Y)(aj,{title:(0,i.Y)(i.FK,{children:t("To use Box group feature, contact our support team for more details.")}),arrow:!1,placement:"bottom",children:(0,i.Y)("div",{children:(0,i.Y)(as.I,{source:"Help"})})})]})};function a_({disabled:e,onAddNewBox:t,boxGroupingEnabled:a,availableBoxesT

3ypes:n}){let{t:o}=(0,l.B)(["components/organisms/edit_modal/EditBoxesForm"]),r=(0,u.useMemo)(()=>[{element:(0,i.Y)(tH.E,{"data-cy":"add-post-box-button",children:o("Post box")}),value:aC},{element:(0,i.Y)(tH.E,{"data-cy":"add-external-link-box-button",children:o("Link box")}),value:aN},{element:(0,i.Y)(aS,{enabled:a}),value:ak}].filter(e=>n.includes(e.value)),[n,a,o]);return(0,i.Y)(av,{buttonName:o("Add box"),disabled:e,icon:"Plus",onChooseItem:t,"data-cy":"add-box-item-button",items:r})}let aj=(0,A.Xy)(A.m_,{tooltip:{background:"#262626E5",boxShadow:"0px 4px 4px 0px #2626260D",radius:"6px",fontSize:"13px",minWidth:"304px",padding:`${tP.Kz["3"]} ${tP.Kz["5"]} `}}),aB=({boxItems:e,homeScreenSettings:t,wideNavigationEnabled:a,boxGroupingEnabled:n,customOverlayParent:o,toggleWideScreenNavigation:r,onChangeHomeScreenSettings:s,onChangeBoxItems:d,onAddBoxItem:c})=>{let{t:p}=(0,l.B)(["components/organisms/edit_modal/EditBoxesForm"]),m=(0,u.useRef)(null),[h,b]=(0,u.useState)(!1),g=(0,u.useCallback)(()=>{setTimeout(()=>m.current?.scrollIntoView({behavior:"smooth"}),0)},[]),f=(0,u.useMemo)(()=>({[tI.BoxType.Talk]:p("Post"),[tI.BoxType.Event]:p("Event"),[tI.BoxType.KnowledgeBase]:p("Knowledge base"),[tI.BoxType.Training]:p("Training"),[tI.BoxType.Challenge]:p("Challenge"),[tI.BoxType.ExternalLink]:p("External link"),group:p("Group")}),[p]),[x,y]=(0,u.useState)(!1),v=(0,u.useCallback)(()=>{r(!1),y(!1)},[r]),Y=(0,u.useCallback)(e=>{e?r(e):y(!0)},[r]),k=(0,u.useCallback)(t=>{let a,i;if(!n&&t===ak)return!1;let o=(i=((a=[...e].sort((e,t)=>t.index-e.index)[0])&&(0,t_.isBoxesGroup)(a)?Math.max(...a.boxes.map(e=>e.index),a.index):a?.index??0)+1,aw[t](i));return c?.(o),d([...e,o]),b(!0),!0},[e,c,d,n]),C=(0,u.useCallback)(e=>{"string"==typeof e&&s({...t,visibleToUser:ay.G[e].visibleToUser,visibleToGuest:ay.G[e].visibleToGuest})},[t,s]),N=(0,u.useCallback)(e=>{d(e.map(t_.addTypeToBoxItem))},[d]);return(0,u.useLayoutEffect)(()=>{h&&(g(),b(!1))},[h,g]),(0,i.FD)(i.FK,{children:[(0,i.Y)(ax,{isOpen:x,setIsOpen:y,onExecute:v,onCancel:()=>{y(!1)}}),(0,i.Y)("div",{css:aE,children:(0,i.FD)(tZ.a,{gap:7,children:[(0,i.FD)(tB.a,{display:"flex",justifyContent:"space-between",children:[(0,i.Y)(tH.E,{variant:"xLarge",fontWeight:"bold",children:p("Menu settings")}),(0,i.Y)(a_,{onAddNewBox:k,boxGroupingEnabled:n,availableBoxesTypes:[aN,aC,ak]})]}),(0,i.Y)(tH.E,{as:"p",variant:"small",children:p('You can change what appears in the home feed from the "Home view settings".')}),(0,i.FD)(tZ.a,{gap:3.5,children:[(0,i.Y)(ag.d,{onToggle:Y,color:tP.Q1.admin.switch,label:(0,i.Y)(tH.E,{variant:"small",children:p("Show navigation")}),checked:a,"data-cy":"wide-navigation-toggle"}),(0,i.Y)("div",{css:aA,children:(0,i.Y)(tH.E,{as:"p",variant:"small",children:p("Navigation appears on the left side of the community. With your billing plan, the box group will be available.")})})]}),(0,i.Y)(aT,{})]})}),(0,i.FD)(tB.a,{gap:6,display:"flex",flexDirection:"column",children:[(0,i.Y)(tJ,{title:p("Home"),homeScreenSettings:t,onChangeHomeScreenSettings:C}),(0,i.Y)(ab,{items:e,updateItems:N,titles:f,customOverlayParent:o}),(0,i.Y)("div",{ref:m})]})]})},aT=()=>{let{t:e}=(0,l.B)(["components/organisms/edit_modal/EditBoxesForm"]);return(0,i.Y)(tB.a,{padding:7,children:(0,i.FD)(tz.o,{gap:7,alignItems:"center",children:[(0,i.Y)(tB.a,{width:13}),(0,i.Y)(tB.a,{width:18.6,children:(0,i.Y)(tH.E,{fontWeight:"bold",children:e("Box type")})}),(0,i.Y)(tB.a,{width:21,children:(0,i.Y)(tH.E,{fontWeight:"bold",children:e("Box name")})}),(0,i.Y)(tB.a,{width:20.5,children:(0,i.Y)(tH.E,{fontWeight:"bold",children:e("Audience")})}),(0,i.Y)(tB.a,{width:19,children:(0,i.Y)(tH.E,{fontWeight:"bold",children:e("Style")})})]})})},aA=(0,eo.AH)("margin-left:39px;"),aE=(0,eo.AH)("position:sticky;top:0px;z-index:",tP.Py[1],";background-color:",tP.Q1.user.background.white,";");var aI=a(82643),aD=a(45677);let aF=({isOpen:e,close:t,onSave:a})=>{let{t:n}=(0,l.B)(["components/templates/edit_modal"]),o=(0,d.useDispatch)(),[r,s]=(0,u.useState)([]),c=(0,d.useSelector)(e=>e.appAdmin.adminGroup.item),p=(0,d.useSelector)(e=>e.app.brand.isPublic),m=(0,d.useSelector)(e=>e.app.brand.isEnabledQA);(0,tS.A)(()=>{o(q.zr.request())});let h=(0,d.useSelector)(e=>e.app.brand.isEnabledTalkboxGrouping),{markEdit:b}=(0,eO.PC)(),{data:g}=(0,e$.pD)(),{data:f,mutate:x}=(0,e$.YY)(),[y,v]=(0,u.useState)((0,aI.WV)()),[Y,k]=(0,u.useState)([]);(0,u.useEffect)(()=>{g&&k(g)},[void 0!==g]);let C=(0,u.useMemo)(()=>y?Y??[]:(0,tj.ry)(Y??[]).map(t_.addTypeToBoxItem),[Y,y]),N=(0,u.useCallback)(()=>{g&&k(g),t()},[t,g]),w=(0,u.useCallback)(async()=>{let e=C.flatMap(e=>(0,t_.isBoxesGroup)(e)?[tM(e.id,"groupName",e.name,n),...e.boxes.flatMap(e=>tL(e,n))].filter(e=>

3null!==e):tL(e,n));e.length>0?s(e):((0,eR.$W)(C,b),f&&(0,eR.LE)(f,b),(0,eR.a5)({enabled:y},b),a(),t())},[C,n,b,f,y,a,t]),S=(0,u.useCallback)(e=>{(0,t_.isBoxesGroup)(e)||o((0,aD.Og)({path:`categories.${e.id}`,item:er.dK.item.map(e=>({...e,text:n(e.text,{ns:"shared/constants"})}))}))},[o,n]),_=(0,u.useCallback)(e=>{k(e)},[]),j=(0,u.useCallback)(e=>{x(e,!1)},[x]),B=(0,u.useRef)(null);return(0,i.Y)(e0,{ref:B,isOpen:e,onBackdropClick:t,maxWidth:"lg",children:(0,i.FD)(tB.a,{marginTop:9,marginBottom:9,paddingLeft:7,paddingRight:7,overflowX:"auto",children:[(0,i.Y)(tD.Provider,{value:{userGroups:c,isPublic:p,isQAEnabled:m,errorAlreadyExists:r,setErrorAlreadyExists:s,t:n},children:f&&(0,i.Y)(aB,{boxItems:C,homeScreenSettings:f,wideNavigationEnabled:y,boxGroupingEnabled:h&&y,onChangeBoxItems:_,onChangeHomeScreenSettings:j,onAddBoxItem:S,toggleWideScreenNavigation:v,customOverlayParent:B.current??void 0})}),(0,i.FD)(t$,{children:[(0,i.Y)(tT.$,{onClick:N,type:"default",style:"secondary",children:n("Cancel")}),(0,i.Y)(tT.$,{"data-cy":"save-cancel-footer-save-button",onClick:w,type:"default",children:n("Save")})]})]})})},aM={bannerText:"",bannerUrl:""};function aL({close:e,onSubmit:t,onDelete:a,isShowDeleteButton:n,defaultValues:r=aM}){let{control:s,handleSubmit:d,formState:{errors:c}}=(0,eA.mN)({defaultValues:r}),{t:p}=(0,l.B)(["components/templates/edit_modal"]);return(0,i.FD)("div",{"data-cy":"information-banner-setting-modal",className:"jsx-4ec004f6b2a40a86",children:[(0,i.Y)(A.L3,{className:aP.className,children:p("Announcement banner settings")}),(0,i.Y)(A.zT,{className:az.className,children:p("Add brief updates from the community.")}),(0,i.Y)(A.cG,{className:aR.className}),(0,i.Y)("div",{className:"jsx-4ec004f6b2a40a86 fields-wrapper",children:(0,i.Y)(eA.xI,{name:"bannerText",control:s,defaultValue:r?.bannerText,rules:{required:{value:!0,message:p("Enter text.")},validate:{maxLength:e=>(0,eI.countByBytes)(e)>T.default.INFORMATION_BANNER_TEXT_MAX_BYTE_LENGTH?p("80 characters or less"):void 0}},render:({field:{onChange:e,value:t,name:a}})=>(0,i.Y)(A.A_,{id:a,className:aO.className,onChange:e,value:t,error:!!c.bannerText,label:p("Announcement"),helperText:c.bannerText?.message??p("80 characters or less"),inputProps:{"data-cy":"news-banner-text"},InputLabelProps:{shrink:!0}})})}),(0,i.Y)("div",{className:"jsx-4ec004f6b2a40a86 fields-wrapper",children:(0,i.Y)(eA.xI,{name:"bannerUrl",control:s,defaultValue:r?.bannerUrl,rules:{required:{value:!0,message:p("Enter URL")}},render:({field:{onChange:e,value:t,name:a}})=>(0,i.Y)(A.A_,{id:a,className:aO.className,onChange:e,value:t,error:!!c.bannerUrl,label:p("URL"),helperText:p("Enter URL"),multiline:!0,inputProps:{"data-cy":"news-banner-url"},InputLabelProps:{shrink:!0}})})}),(0,i.FD)(e1,{className:aG.className,children:[(0,i.Y)("div",{className:"jsx-4ec004f6b2a40a86",children:n&&(0,i.Y)(A.$n,{"data-cy":"footer-delete-button",onClick:a,color:"secondary",children:p("Delete banner")})}),(0,i.FD)("div",{className:"jsx-4ec004f6b2a40a86",children:[(0,i.Y)(A.$n,{onClick:e,color:"secondary",children:p("Cancel")}),(0,i.Y)(A.$n,{"data-cy":"footer-save-button",onClick:d(e=>t(e)),color:"primary",children:p("Save")})]})]}),aP.styles,az.styles,aR.styles,a$.styles,aO.styles,aG.styles,(0,i.Y)(o(),{id:"4ec004f6b2a40a86",children:".fields-wrapper.jsx-4ec004f6b2a40a86{margin:24px}"})]})}let aP={styles:(0,i.Y)(o(),{id:"c0a53dd1c33f1c69",children:".MuiDialogTitle-root.jsx-c0a53dd1c33f1c69{padding:13pt 24px 4pt}.MuiDialogTitle-root.jsx-c0a53dd1c33f1c69>.MuiTypography-h6{font-weight:bold}"}),className:"jsx-c0a53dd1c33f1c69"},az={styles:(0,i.Y)(o(),{id:"e7dc9a421489ccea",children:".MuiDialogContentText-root.jsx-e7dc9a421489ccea{margin:0 24px 12px;font-size:14px}"}),className:"jsx-e7dc9a421489ccea"},a$={styles:(0,i.Y)(o(),{id:"8cded176342a6e9a",children:".MuiDialogContentText-root.jsx-8cded176342a6e9a{margin:21px 0 0 0;font-size:14px}"}),className:"jsx-8cded176342a6e9a"},aR={styles:(0,i.Y)(o(),{id:"f496d2a41b68055b",children:".MuiDivider-root.jsx-f496d2a41b68055b{width:100%;height:1px}"}),className:"jsx-f496d2a41b68055b"},aO={styles:(0,i.Y)(o(),{id:"a5f9d20842ee4988",children:".MuiTextField-root.jsx-a5f9d20842ee4988{width:100%}.MuiTextField-root.jsx-a5f9d20842ee4988>.MuiInputBase-root>.MuiInputBase-input{font-size:16px}"}),className:"jsx-a5f9d20842ee4988"},aG={styles:(0,i.Y)(o(),{id:"f872951c324e47b2",children:"*.jsx-f872951c324e47b2{display:flex;justify-content:space-between}"}),className:"jsx-f872951c324e47b2"},aU=function({isOpen:e,close:t,onSave:a}){let{processedData:n,mutate:o}=(()=>{let{data:e,mutate:t}=(0,e$.dl)();return{processedData:e?{bannerText:e.bannerText,bannerUrl:e.bannerUrl}:void 0,mutate:t}})(),{handleOnSubmit:r,handleDelete:s}=(({close:e,onSave:t,mutate:a})=>{let{markEdit:i}=(0,eO.PC)(),n=(0,u.useCallback)(async n=>{try{(0,eR.FB)(n,i),t(),e(),await a()}catch{return(0,eG.i)()}},[e,a,t,i]);return{handleOnSubmit:(0,u.useCallback)(async e=>{let t={bannerText:e.bannerText,bannerUrl:e.bannerUrl};await n(t)},[n]),handleDelete:()=>n(void 0)}})({close:t,onSave:a,mutate:o});return(0,i.Y)(e0,{isOpen:e,onBackdropClick:t,children:(0,i.Y)(aL,{close:t,onSubmit:r,onDelete:s,isShowDeleteButton:!!n,defaultValues:n})})},aH=e=>{let{name:t,value:a,type:n,onChange:o,max:r,helperText:s,ariaLabel:l}=e,d=(0,u.useCallback)(e=>{let a=Number.parseInt(e.target.value,10);""===e.target.value||isNaN(a)?o(n,{[t]:void 0}):a<0?o(n,{[t]:0}):void 0!==r&&a>r?o(n,{[t]:r}):o(n,{[t]:a})},[o,n,t,r]),c=(0,u.useCallback)(e=>{""===e.target.value&&o(n,{[t]:0})},[o,n,t]);return(0,i.Y)(A.A_,{value:a??"",type:"number",inputProps:{style:{textAlign:"right"},min:0,...void 0!==r&&{max:r},...void 0!==l&&{"aria-label":l}},helperText:s,onChange:d,onBlur:c})};var aW=a(78737);let aQ=({boxes:e,loading:t,disabled:a,onChange:n})=>{let{t:o}=(0,l.B)(["components/templates/edit_modal"]),r=(0,u.useMemo)(()=>e.filter(e=>e.excluded),[e]);return(0,i.Y)(A.az,{mx:3,mb:1,children:(0,i.Y)(A.jT,{multiple:!0,filterSelectedOptions:!0,disabled:a,options:e,value:r,loading:t,getOptionLabel:e=>e.name,isOptionEqualToValue:(e,t)=>

3e.code===t.code,onChange:(e,t)=>n(t),renderTags:(e,t)=>e.map((e,a)=>(0,i.Y)(A.vu,{label:e.name,size:"small",...t({index:a})})),renderInput:e=>(0,i.Y)(A.A_,{...e,variant:"outlined",placeholder:o("Select boxes")})})})},aK=({disabled:e})=>{let{data:t,isInitialLoading:a,mutate:n}=(0,eR.vV)(aW.C,eR.NH,eR.x$);return(0,i.Y)(aQ,{boxes:t?.boxes??[],loading:a,disabled:e,onChange:e=>{let a=new Set(e.map(e=>e.code));n({boxes:(t?.boxes??[]).map(e=>({...e,excluded:a.has(e.code)}))},{revalidate:!1})}})},aV=({id:e,enabled:t,contentType:a,checked:n,onChange:o})=>{let r=a8.find(e=>e.contentType===a)?.item;return r?(0,i.Y)(aq,{...r,id:e,enabled:t,checked:n,onChange:o}):null},aq=({id:e,title:t,description:a,enabled:n,checked:r,onChange:s})=>{let{t:d}=(0,l.B)(["components/templates/edit_modal"]),{ref:c,style:p,dragHandleProps:m}=R({id:e});return(0,i.FD)("div",{"data-cy":"side-content",ref:c,style:p,className:"jsx-31f595c8108e6a40 content-wrapper",children:[(0,i.FD)("div",{className:"jsx-31f595c8108e6a40",children:[(0,i.Y)(A.zT,{"data-cy":"content-title",className:n?aX.className:aJ.className,children:d(t)}),(0,i.Y)(A.zT,{className:aZ.className,children:d(a)})]}),(0,i.Y)("div",{className:"jsx-31f595c8108e6a40",children:(0,i.Y)(A.ip,{control:(0,i.Y)(A.dO,{inputProps:{"data-cy":"side-content-checkbox"},checked:r,onChange:s,color:"primary"}),disabled:!n,label:(0,i.Y)("span",{className:"jsx-31f595c8108e6a40 "+((n?"switch-label":"disabled-switch-label")||""),children:d("Show")}),className:a4.className})}),(0,i.Y)("div",{"aria-label":n?"Drag":void 0,...n?m.attributes:void 0,...n?m.listeners:void 0,className:"jsx-31f595c8108e6a40",children:(0,i.Y)(eK.A,{className:n?`${a0.className} ${a1.className}`:`${a2.className}`})}),aX.styles,aJ.styles,aZ.styles,a1.styles,a2.styles,a0.styles,a4.styles,(0,i.Y)(o(),{id:"31f595c8108e6a40",children:".content-wrapper.jsx-31f595c8108e6a40{display:grid;grid-template-columns:1fr 124px 24px;justify-content:center;width:100%;align-items:center;text-align:left;padding:0px 44px 0 32px}.switch-label.jsx-31f595c8108e6a40{font-size:14px;color:#212b36}.disabled-switch-label.jsx-31f595c8108e6a40{font-size:14px;color:#9e9e9e}"})]})},aX={styles:(0,i.Y)(o(),{id:"5f4e53d56832352c",children:".MuiDialogContentText-root.jsx-5f4e53d56832352c{margin:16px 0 0;font-size:16px;font-weight:bold;color:#212121}"}),className:"jsx-5f4e53d56832352c"},aJ={styles:(0,i.Y)(o(),{id:"d758c32e3b410e12",children:".MuiDialogContentText-root.jsx-d758c32e3b410e12{margin:16px 0 0;font-size:16px;font-weight:bold;color:#9e9e9e}"}),className:"jsx-d758c32e3b410e12"},aZ={styles:(0,i.Y)(o(),{id:"310a7a7567dbdfd",children:".MuiDialogContentText-root.jsx-310a7a7567dbdfd{margin:4px 0 16px;font-size:12px}"}),className:"jsx-310a7a7567dbdfd"},a0={styles:(0,i.Y)(o(),{id:"db54c73909c5bb36",children:".MuiSvgIcon-root.jsx-db54c73909c5bb36{cursor:grab}.MuiSvgIcon-root.jsx-db54c73909c5bb36:active{cursor:grabbing}"}),className:"jsx-db54c73909c5bb36"},a1={styles:(0,i.Y)(o(),{id:"fa1c61be77b2d70f",children:".MuiSvgIcon-root.jsx-fa1c61be77b2d70f{width:22px;height:22px;color:#888}.MuiSvgIcon-root.jsx-fa1c61be77b2d70f:hover{color:#666}"}),className:"jsx-fa1c61be77b2d70f"},a2={styles:(0,i.Y)(o(),{id:"a834cec7ee9d4f31",children:".MuiSvgIcon-root.jsx-a834cec7ee9d4f31{width:22px;height:22px;color:#9e9e9e;cursor:default}"}),className:"jsx-a834cec7ee9d4f31"},a4={styles:(0,i.Y)(o(),{id:"1394cf1d47fb138a",children:".MuiFormControlLabel-root.jsx-1394cf1d47fb138a{margin:0px}"}),className:"jsx-1394cf1d47fb138a"},a8=[{contentType:"event",item:{title:"Events",description:"Show upcoming events."}},{contentType:"challenge",item:{title:"Challenges",description:"Show open challenges."}}];function a6({checked:e,onChange:t}){let{t:a}=(0,l.B)(["components/templates/edit_modal"]);return(0,i.FD)("div",{className:"jsx-710bc9956afb48d3 content-wrapper",children:[(0,i.FD)("div",{className:"jsx-710bc9956afb48d3",children:[(0,i.Y)(A.zT,{className:a3.className,children:a("Feeds")}),(0,i.Y)(A.zT,{className:a9.className,children:a("The content in all boxes will be listed together for easy browsing.")})]}),(0,i.Y)("div",{className:"jsx-710bc9956afb48d3",children:(0,i.Y)(A.ip,{control:(0,i.Y)(A.dO,{inputProps:{"data-cy":"side-content-switch-cross-box"},checked:e,onChange:t,color:"primary"}),label:(0,i.Y)("span",{className:"jsx-710bc9956afb48d3 switch-label",children:a("Show")}),className:a7.className})}),a3.styles,a9.styles,a5.styles,a7.styles,(0,i.Y)(o(),{id:"710bc9956afb48d3",children:".content-wrapper.jsx-710bc9956afb48d3{display:grid;grid-template-columns:1fr 151px;justify-content:center;width:100%;align-items:center;text-align:left;padding:0px 41px 0 32px}.switch-label.jsx-710bc9956afb48d3{font-size:14px;color:#212b36}"})]})}let a3={styles:(0,i.Y)(o(),{id:"aa255f8e5b2df558",children:".MuiDialogContentText-root.jsx-aa255f8e5b2df558{margin:16px 0 0;font-size:16px;font-weight:bold;

3color:#1a1b1f}"}),className:"jsx-aa255f8e5b2df558"},a9={styles:(0,i.Y)(o(),{id:"310a7a7567dbdfd",children:".MuiDialogContentText-root.jsx-310a7a7567dbdfd{margin:4px 0 16px;font-size:12px}"}),className:"jsx-310a7a7567dbdfd"},a5={styles:(0,i.Y)(o(),{id:"cb03da1f123a0ad6",children:".MuiSvgIcon-root.jsx-cb03da1f123a0ad6{width:22px;height:22px;cursor:pointer;color:#888}.MuiSvgIcon-root.jsx-cb03da1f123a0ad6:hover{color:#666}"}),className:"jsx-cb03da1f123a0ad6"},a7={styles:(0,i.Y)(o(),{id:"1394cf1d47fb138a",children:".MuiFormControlLabel-root.jsx-1394cf1d47fb138a{margin:0px}"}),className:"jsx-1394cf1d47fb138a"},ie={topSlot:"Top",middleSlot:"Center (Repeat vertically)",bottomSlot:"Bottom"},it={pc:"PC",sp:"Mobile"},ia={pc:{topSlot:"Top height (PC)",bottomSlot:"Bottom height (PC)"},sp:{topSlot:"Top height (Mobile)",bottomSlot:"Bottom height (Mobile)"}},ii={pc:{middleSlot:"Width 1120px (tiled vertically)",other:"Width 1120px (any height, no repeat)"},sp:{middleSlot:"Width 960px (tiled vertically)",other:"Width 960px (any height, no repeat)"}},io={pc:{topSlot:"The height (band thickness) for the top background image. Specify 0–200px (default 100px).",bottomSlot:"The height (band thickness) for the bottom background image. Specify 0–200px (default 100px)."},sp:{topSlot:"The height (band thickness) of the top background for mobile. Specify 0–200px (default 100px).",bottomSlot:"The height (band thickness) of the bottom background for mobile. Specify 0–200px (default 100px)."}},ir=e=>e?.imagePath&&void 0===e.height?{...e,height:100}:e??{};function is({close:e,onSubmit:t,defaultValues:a}){let{t:n}=(0,l.B)(["components/templates/edit_modal"]),{control:r,handleSubmit:s}=(0,eA.mN)({defaultValues:a}),{fields:d,move:c}=(0,eA.jz)({control:r,name:"contents"}),{isCrossedBoxView:p}=(0,eA.FH)({control:r}),m=W();return(0,i.FD)("div",{"data-cy":"side-contents-modal",className:"jsx-67970dcc4f9b4ad9",children:[(0,i.Y)(A.L3,{className:il.className,children:n("Home view settings")}),(0,i.FD)(A.zT,{className:ib.className,children:[n("Customize Home view with feeds and sidebar. "),(0,i.Y)(to,{href:"https://community.commmune.com/view/knowledgebase/post/38442"})]}),(0,i.Y)(A.cG,{className:ig.className}),(0,i.Y)("div",{className:"jsx-67970dcc4f9b4ad9 contentsStyle",children:(0,i.Y)(eA.xI,{name:"isCrossedBoxView",control:r,defaultValue:p,render:({field:{onChange:e,value:t}})=>(0,i.Y)(a6,{checked:t,onChange:()=>e(!t)})})}),(0,i.Y)(A.cG,{className:ix.className}),(0,i.Y)(A.zT,{className:p?id.className:ic.className,children:n("Boxes to hide from the home feed")}),(0,i.Y)(A.zT,{className:ib.className,children:n("Posts from the selected boxes are hidden from the home feed. The boxes themselves stay viewable and open for posting.")}),(0,i.Y)(aK,{disabled:!p}),(0,i.Y)(A.cG,{className:ix.className}),(0,i.Y)(A.zT,{className:p?id.className:ic.className,children:n("Contents to display in sidebar")}),(0,i.Y)("div",{className:"jsx-67970dcc4f9b4ad9 contentsStyle",children:(0,i.Y)(B.Mp,{sensors:m,collisionDetection:B.fp,onDragEnd:({active:e,over:t})=>{if(!t||e.id===t.id)return;let a=d.findIndex(t=>t.id===e.id),i=d.findIndex(e=>e.id===t.id);-1!==a&&-1!==i&&c(a,i)},children:(0,i.Y)(Y.gB,{items:d.map(e=>e.id),strategy:Y._G,children:d.map((e,t)=>(0,i.FD)(u.Fragment,{children:[(0,i.Y)(eA.xI,{name:`contents.${t}.isEnabled`,control:r,defaultValue:e.isEnabled,render:({field:{onChange:a,value:n}})=>(0,i.FD)(i.FK,{children:[(0,i.Y)(aV,{id:e.id,enabled:!!p,contentType:e.contentType,checked:n,onChange:()=>a(!n)}),d.length===t+1||(0,i.Y)(A.cG,{className:ix.className})]})}),(0,i.Y)(eA.xI,{name:`contents.${t}.contentType`,control:r,defaultValue:e.contentType,render:()=>(0,i.Y)(i.FK,{})}),(0,i.Y)(eA.xI,{name:`contents.${t}.contentId`,control:r,defaultValue:e.contentId,render:()=>(0,i.Y)(i.FK,{})})]},e.id))})})}),(0,i.Y)(A.cG,{className:ix.className}

3),(0,i.Y)(A.zT,{className:id.className,children:n("Background image")}),(0,i.Y)(A.zT,{className:ib.className,children:n("Set a background image for the feed area. To keep it from breaking as the height changes with the number of posts, set any or all of Top, Center (repeat), and Bottom (any one or all three). Images and heights can be set separately for PC and mobile; at screen widths of 960px or less, the display switches automatically to the mobile image and height.")}),["topSlot","middleSlot","bottomSlot"].map(e=>(0,i.Y)("div",{className:"jsx-67970dcc4f9b4ad9 contentsStyle",children:(0,i.FD)("div",{className:"jsx-67970dcc4f9b4ad9 backgroundImageStyle",children:[(0,i.Y)(A.zT,{className:im.className,children:n(ie[e])}),["pc","sp"].map(t=>(0,i.FD)("div",{className:"jsx-67970dcc4f9b4ad9 sideSectionStyle",children:[(0,i.Y)(A.zT,{className:iu.className,children:n(it[t])}),(0,i.FD)("div",{className:"jsx-67970dcc4f9b4ad9 sideSectionBodyStyle",children:[(0,i.Y)(eA.xI,{name:`background.${e}.${t}.imagePath`,control:r,render:({field:{onChange:a,value:o}})=>(0,i.Y)(ez,{title:n("Image (optional)"),titleClassName:ih.className,recommendedSizeText:n(ii[t]["middleSlot"===e?"middleSlot":"other"]),isRequired:!1,imageSrc:o??"",onSave:({src:e})=>a(e)})}),("topSlot"===e||"bottomSlot"===e)&&(0,i.FD)("div",{className:"jsx-67970dcc4f9b4ad9 heightFieldStyle",children:[(0,i.Y)(A.zT,{className:ip.className,children:n("Height (px)")}),(0,i.Y)(eA.xI,{name:`background.${e}.${t}.height`,control:r,render:({field:{onChange:a,value:o}})=>(0,i.Y)(aH,{name:"height",type:e,value:o,max:200,ariaLabel:n(ia[t][e]),helperText:n(io[t][e]),onChange:(e,t)=>

3a(t.height)})})]})]})]},t))]})},e)),(0,i.FD)(e1,{children:[(0,i.Y)(A.$n,{onClick:e,color:"secondary",children:n("Cancel")}),(0,i.Y)(A.$n,{"data-cy":"footer-save-button",onClick:s(e=>t(e)),color:"primary",children:n("Save")})]}),il.styles,ib.styles,ig.styles,ix.styles,id.styles,ic.styles,ip.styles,im.styles,iu.styles,ih.styles,(0,i.Y)(o(),{id:"67970dcc4f9b4ad9",children:".contentsStyle.jsx-67970dcc4f9b4ad9{margin:8px 0 0}.backgroundImageStyle.jsx-67970dcc4f9b4ad9{padding:0 24px}.sideSectionStyle.jsx-67970dcc4f9b4ad9{padding-left:16px}.sideSectionBodyStyle.jsx-67970dcc4f9b4ad9{padding-left:16px}.heightFieldStyle.jsx-67970dcc4f9b4ad9{margin:12px 0 18px;max-width:282px}"})]})}let il={styles:(0,i.Y)(o(),{id:"20a91b1cc2833f84",children:".MuiDialogTitle-root.jsx-20a91b1cc2833f84{padding:13pt 24px 0 24px}.MuiDialogTitle-root.jsx-20a91b1cc2833f84>.MuiTypography-h6{font-weight:bold}"}),className:"jsx-20a91b1cc2833f84"},id={styles:(0,i.Y)(o(),{id:"953bf8b1d3e1febc",children:".MuiDialogContentText-root.jsx-953bf8b1d3e1febc{margin:24px 24px 0;font-size:16px;font-weight:bold;color:#212121}"}),className:"jsx-953bf8b1d3e1febc"},ic={styles:(0,i.Y)(o(),{id:"ed30fefc70f6cd91",children:".MuiDialogContentText-root.jsx-ed30fefc70f6cd91{margin:24px 24px 0;font-size:16px;font-weight:bold;color:#9e9e9e}"}),className:"jsx-ed30fefc70f6cd91"},ip={styles:(0,i.Y)(o(),{id:"a6a87e7e1e7732f4",children:".MuiDialogContentText-root.jsx-a6a87e7e1e7732f4{margin:0 0 4px;font-size:14px;font-weight:bold;color:#212121}"}),className:"jsx-a6a87e7e1e7732f4"},im={styles:(0,i.Y)(o(),{id:"3bff260c3f007c38",children:".MuiDialogContentText-root.jsx-3bff260c3f007c38{margin:16px 0 0;font-size:14px;font-weight:bold;color:#212121}"}),className:"jsx-3bff260c3f007c38"},iu={styles:(0,i.Y)(o(),{id:"780a827039e7a5f7",children:".MuiDialogContentText-root.jsx-780a827039e7a5f7{margin:12px 0 8px;font-size:14px;font-weight:bold;color:#212121}"}),className:"jsx-780a827039e7a5f7"},ih={styles:(0,i.Y)(o(),{id:"a6a87e7e1e7732f4",children:".MuiDialogContentText-root.jsx-a6a87e7e1e7732f4{margin:0 0 4px;font-size:14px;font-weight:bold;color:#212121}"}),className:"jsx-a6a87e7e1e7732f4"},ib={styles:(0,i.Y)(o(),{id:"c2dc4758f18b2f6a",children:".MuiDialogContentText-root.jsx-c2dc4758f18b2f6a{margin:4px 24px 13px;font-size:14px}"}),className:"jsx-c2dc4758f18b2f6a"},ig={styles:(0,i.Y)(o(),{id:"f496d2a41b68055b",children:".MuiDivider-root.jsx-f496d2a41b68055b{width:100%;height:1px}"}),className:"jsx-f496d2a41b68055b"},ix={styles:(0,i.Y)(o(),{id:"cc62163e7018205c",children:".MuiDivider-root.jsx-cc62163e7018205c{margin:0 24px;height:1px}"}),className:"jsx-cc62163e7018205c"},iy=function({isOpen:e,close:t,onSave:a}){let{defaultValues:n,mutate:o}=(()=>{let{data:e,mutate:t}=(0,e$.mc)();return{defaultValues:e?{isCrossedBoxView:e.isCrossedBoxView,contents:e.sideContents.map(e=>({contentId:e.id,contentType:e.contentType,isEnabled:e.isEnabled})),background:(e=>{let{topSlot:t={},middleSlot:a={},bottomSlot:i={}}=e??{},n=e=>({...e,height:e?.height??100});return{topSlot:{pc:n(t.pc),sp:n(t.sp)},middleSlot:{pc:a.pc??{},sp:a.sp??{}},bottomSlot:{pc:n(i.pc),sp:n(i.sp)}}})(e.background)}:{isCrossedBoxView:!1,contents:[],background:void 0},mutate:t}})(),{handleOnSubmit:r}=(({close:e,onSave:t,mutate:a})=>{let{markEdit:i}=(0,eO.PC)();return{handleOnSubmit:(0,u.useCallback)(async n=>{let o,r={isCrossedBoxView:n.isCrossedBoxView,sideContents:n.contents.map(e=>({id:e.contentId,contentType:e.contentType,isEnabled:e.isEnabled})),background:void 0===(o=n.background)?void 0:{...o,topSlot:{pc:ir(o.topSlot.pc),sp:ir(o.topSlot.sp)},bottomSlot:{pc:ir(o.bottomSlot.pc),sp:ir(o.bottomSlot.sp)}}};try{(0,eR.QK)(r,i),t(),e(),await a()}catch{return(0,eG.i)()}},[e,a,t,i])}})({close:t,onSave:a,mutate:o});return 0===n.contents.length?null:(0,i.Y)(e0,{isOpen:e,onBackdropClick:t,children:(0,i.Y)(is,{close:t,onSubmit:r,defaultValues:n})})};var iv=a(69911),iY=a(8819),ik=a(76768),iC=a(26242);function iN({onClose:e,onSubmit:t,defaultValues:a}){let{t:n}=(0,l.B)(["components/templates/edit_modal"]),{control:o,handleSubmit:r,formState:{errors:s}}=(0,eA.mN)({defaultValues:{src:a?.src??"",href:a?.href??""}});return(0,i.FD)(i.FK,{children:[(0,i.Y)(A.L3,{className:iw.className,children:n("Top banner settings")}),(0,i.Y)(A.zT,{className:iS.className,children:n("Add a cover image for your community.")}),(0,i.Y)(A.cG,{className:i_.className}),(0,i.FD)(A.Cf,{className:ij.className,children:[(0,i.Y)(eA.xI,{name:"src",control:o,render:({field:{onCh

3ange:e,value:t}})=>(0,i.Y)(ez,{recommendedSizeText:"2880px \xd7 480px",isRequired:!0,imageSrc:t,onSave:({src:t})=>{e(t)}})}),(0,i.Y)(A.zT,{className:iB.className,children:n("Link (optional)")}),(0,i.Y)(A.zT,{className:iT.className}),(0,i.Y)(eA.xI,{name:"href",control:o,render:({field:{onChange:e,value:t}})=>(0,i.Y)(A.A_,{error:!!s.href,InputLabelProps:{shrink:!0,className:iT.className},label:n("URL"),className:iA.className,onChange:e,value:t,helperText:n("Enter URL"),"data-cy":"url-input"})})]}),(0,i.Y)(e1,{children:(0,i.FD)("div",{children:[(0,i.Y)(A.$n,{onClick:e,color:"secondary",children:n("Cancel")}),(0,i.Y)(A.$n,{"data-cy":"footer-save-button",onClick:r(e=>{t({...a||iC.hw,src:e.src,href:e.href})}),color:"primary",children:n("Save")})]})}),iw.styles,iS.styles,i_.styles,ij.styles,iB.styles,iT.styles,iA.styles,iE.styles,iI.styles,iD.styles]})}let iw={styles:(0,i.Y)(o(),{id:"6f529f0f8d3c172c",children:".MuiDialogTitle-root.jsx-6f529f0f8d3c172c{padding:13pt 24px 4pt}.MuiDialogTitle-root.jsx-6f529f0f8d3c172c>.MuiTypography-h6{font-weight:bold}"}),className:"jsx-6f529f0f8d3c172c"},iS={styles:(0,i.Y)(o(),{id:"e7dc9a421489ccea",children:".MuiDialogContentText-root.jsx-e7dc9a421489ccea{margin:0 24px 12px;font-size:14px}"}),className:"jsx-e7dc9a421489ccea"},i_={styles:(0,i.Y)(o(),{id:"f496d2a41b68055b",children:".MuiDivider-root.jsx-f496d2a41b68055b{width:100%;height:1px}"}),className:"jsx-f496d2a41b68055b"},ij={styles:(0,i.Y)(o(),{id:"aa8652b848e74d93",children:".MuiDialogContent-root.jsx-aa8652b848e74d93{position:relative;padding:0 24px 24px}"}),className:"jsx-aa8652b848e74d93"},iB={styles:(0,i.Y)(o(),{id:"e4cb507a1f8f3363",children:".MuiDialogContentText-root.jsx-e4cb507a1f8f3363{font-size:16px;color:#212121;margin:24px 0 16px;font-weight:bold}"}),className:"jsx-e4cb507a1f8f3363"},iT={styles:(0,i.Y)(o(),{id:"ed7327561f3f1018",children:".MuiDialogContentText-root.jsx-ed7327561f3f1018{font-size:12px;color:#666;margin:0}"}),className:"jsx-ed7327561f3f1018"},iA={styles:(0,i.Y)(o(),{id:"c407d0df359da424",children:".MuiTextField-root.jsx-c407d0df359da424{width:100%;margin-bottom:16px}.MuiTextField-root.jsx-c407d0df359da424>.MuiInputBase-root>.MuiInputBase-input{font-size:16px;padding:8px 0}.MuiTextField-root.jsx-c407d0df359da424>.MuiInputBase-multiline{padding:0}"}),className:"jsx-c407d0df359da424"},iE={styles:(0,i.Y)(o(),{id:"bb435c6c4ef84a6d",children:".MuiFormControl-root.jsx-bb435c6c4ef84a6d{margin-left:10px}"}),className:"jsx-bb435c6c4ef84a6d"},iI={styles:(0,i.Y)(o(),{id:"98147e4ecb808b1e",children:".MuiFormControlLabel-root.jsx-98147e4ecb808b1e{margin:8px 0 0 0}.MuiFormControlLabel-root.jsx-98147e4ecb808b1e>.MuiTypography-root{font-size:14px}.MuiFormControlLabel-root.jsx-98147e4ecb808b1e>.MuiButtonBase-root{padding:0;margin-right:10px}"}),className:"jsx-98147e4ecb808b1e"},iD={styles:(0,i.Y)(o(),{id:"236b9d11806744cb",children:".MuiFormControlLabel-root.jsx-236b9d11806744cb{margin:24px 0 0 0}.MuiFormControlLabel-root.jsx-236b9d11806744cb>.MuiTypography-root{font-size:14px}.MuiFormControlLabel-root.jsx-236b9d11806744cb>.MuiButtonBase-root{padding:0;margin-right:10px}"}),className:"jsx-236b9d11806744cb"};function iF({isOpen:e,close:t,onSave:a,bannerId:n}){let{data:o,mutate:r}=(0,e$.YY)(),s=o?.banners?.find(e=>e.id===n);return(0,i.Y)(e0,{isOpen:e,onBackdropClick:t,children:(0,i.Y)(iN,{onClose:t,onSubmit:e=>{var i;let s,l=(i=e,s=o?.banners??[],n?""===i.src?s.filter(e=>e.id!==n):s.map(e=>e.id===n?i:e):""===i.src?s.filter(e=>e.id!==iC.Fq):[...s,i]);r({...o||{visibleToUser:!1,visibleToGuest:!1},banners:l},!1),a(),t()},defaultValues:s})})}var iM=a(24378),iL=a.n(iM);function iP({onSave:e,modalName:t,overlayRect:a}){let[n,o]=(0,u.useState)(!1),r=(0,u.useCallback)(()=>o(!0),[]),s=(0,u.useCallback)(()=>o(!1),[]),l=(0,d.useDispatch)(),c=(0,u.useCallback)(()=>{e(),l((0,aD.sD)({item:[]})),l((0,iY.VA)(void 0))},[l,e]);return(0,i.FD)(i.FK,{children:[(0,i.Y)(v.H,{modalName:t,onTriggerModal:r,overlayRect:a}),(0,i.Y)(aF,{isOpen:n,close:s,onSave:c})]})}let iz={[v.B.CardLinkListModal]:function({overlayRect:e,position:t,onSave:a}){let[n,o]=(0,u.useState)(!1),r=(0,u.useCallback)(()=>o(!0),[]),s=(0,u.useCallback)(()=>o(!1),[]);return(0,i.FD)(i.FK,{children:[(0,i.Y)(v.H,{modalName:v.B.CardLinkListModal,onTriggerModal:r,overlayRect:e}),(0,i.Y)(tw,{isOpen:n,close:s,position:t,onSave:a})]})},[v.B.InformationBannerSettingsModal]:function({overlayRect:e,onSave:t}){let[a,n]=(0,u.useState)(!1),o=(0,u.useCallback)(()=>n(!0),[]),r=(0,u.useCallback)(()=>n(!1),[]);return(0,i.FD)(i.FK,{children:[(0,i.Y)(v.H,{modalName:v.B.InformationBannerSettingsModal,onTriggerModal:o,overlayRect:e}),(0,i.Y)(aU,{isOpen:a,close:r,onSave:t})]})},[v.B.HomeScreenBannerModal]:function({overlayRect:e,onSave:t,id:a}){let[n,o]=(0,u.useState)(!1),r=(0,u.useCallback)(()=>o(!0),[]),s=(0,u.useCallback)(()=>o(!1),[]);return(0,i.FD)(i.FK,{children:[(0,i.Y)(v.H,{modalName:v.B.HomeScreenBannerModal,onTriggerModal:r,overlayRect:e}),(0,i.Y)(iF,{isOpen:n,close:s,onSave:t,bannerId:a})]})},[v.B.SideContentsModal]:function({overlayRect:e,onSave:t}){let[a,n]=(0,u.useState)(!1),o=(0,u.useCallback)(()=>n(!0),[]),r=(0,u.useCallback)(()=>n(!1),[]);return(0,i.FD)(i.FK,{children:[(0,i.Y)(v.H,{modalName:v.B.SideContentsModal,onTriggerModal:o,overlayRect:e}),(0,i.Y)(iy,{isOpen:a,close:r,onSave:t})]})}

3,[v.B.MenuModal]:function(e){return(0,i.Y)(iP,{...e,modalName:v.B.MenuModal})},[v.B.NavigationModal]:function(e){return(0,i.Y)(iP,{...e,modalName:v.B.NavigationModal})},[v.B.BoxesModal]:function(e){return(0,i.Y)(iP,{...e,modalName:v.B.BoxesModal})}};class i$ extends u.Component{static{this.contextType=eO.rE}constructor(e){super(e),this.ComposedOverlay=eT(v.H,e.attr.modal)}render(){let{attr:e,rect:t,site:a,iWindow:n,dispatch:o,onSave:r}=this.props,{markEdit:s}=this.context??{},l={top:t.top,left:t.left,width:t.width,height:t.height};if(e.modal in iz){let t=iz[e.modal];return(0,i.Y)(t,{overlayRect:l,onSave:r,position:e.position,id:e.id?Number(e.id):void 0})}if(!this.ComposedOverlay||!e.action||!e.path)return null;let d=(0,h.A)(e.action),c=Object.assign(y().get(a,e.path)||{},{title:e.title,description:e.description});return(0,i.Y)(this.ComposedOverlay,{overlayRect:l,modalProps:c,onSave:t=>{ik.v.info("ONSAVE",t,e.action,e.index);let a=d({...t,index:e.index,path:e.path});o(aD.um.request({action:a,updateServer:!1})),s?.(),o(f({iWindow:n,type:iv.A.EVENT_TYPE_ONSAVE,payload:a}))}})}}let iR=(0,d.connect)(e=>({site:e.site,brandId:e.app.brand.id}))(u.memo(function(e){return(0,i.Y)(i$,{...e})},(e,t)=>e.attr.modal===t.attr.modal&&e.attr.action===t.attr.action&&e.attr.path===t.attr.path&&e.attr.index===t.attr.index&&iL()(e.site,t.site)));var iO=a(20764),iG=a(84221),iU=a.n(iG),iH=a(35064),iW=a(38982),iQ=a(87314),iK=a(68749),iV=a(89866),iq=a(8089),iX=a(81283),iJ=a(96914),iZ=a(12379);function i0({onClick:e}){let{t}=(0,l.B)(["components/templates/admin"]);return(0,iX.p)()?(0,i.Y)("li",{css:i1,children:(0,i.FD)("button",{css:i2,onClick:e,"data-cy":"site-design-sidebar-custom-block-edit",children:[(0,i.Y)("div",{css:i4,children:(0,i.Y)(as.I,{source:"CustomBlockEdit",size:7,"aria-hidden":!0})}),(0,i.Y)(iW.x,{i18nKey:t("Custom Block"),components:{br:(0,i.Y)("br",{})}})]})}):null}let i1=(0,eo.AH)("display:block;width:100%;margin:0;border-bottom:1px solid rgba(255,255,255,0.1);text-align:center;font-size:11px;&:hover,&:active{background-color:",ea.A.PERA_BLUE,";border-color:",ea.A.PERA_BLUE,";color:#fff;}"),i2=(0,eo.AH)("width:100%;height:90px;padding-top:9px;cursor:pointer;background:transparent;color:#fff !important;&:focus{outline:none;}"),i4=(0,eo.AH)("margin-bottom:11px;");function i8({children:e,route:t,openInNewTab:a}){let n=(0,iJ.U)();if(!t)return(0,i.Y)(i.FK,{children:e});let o=n(t);return a?(0,i.Y)(iV.M,{"data-cy":"external-link-item",href:o,target:a?"_blank":void 0,textDecoration:!1,children:e}):(0,i.Y)(iU(),{href:o,css:i6,children:e})}let i6=(0,eo.AH)("&&,&&:hover{color:inherit;}text-decoration:none;"),i3={1:"10%",2:"20%",3:"30%"};function i9(e){let t,a,n;return(0,i.Y)(i8,{...e,children:(0,i.Y)("div",{css:(t=e.level,a=e.route,n=e.active,(0,eo.AH)("cursor:",a?"pointer":"default",";",i3[t]?`text-indent: ${i3[t]};`:""," ",n?`background-color: ${ea.A.PERA_BLUE};`:"")),"data-cy":e["data-cy"],children:e.text})})}function i5(e){let{data:t}=(0,e$.pD)(),a=(0,u.useMemo)(()=>(0,tj.vw)((0,tj.JJ)((0,tj.Zb)(t??[]))),[t]),n=(0,d.useSelector)(e=>e.app.brand.homeScreenSettings.visibleToUser||e.app.brand.homeScreenSettings.visibleToGuest),r=(0,iO.useRouter)(),{t:s}=(0,l.B)(["components/templates/admin"]),c=(e,t)=>e.flatMap(e=>{var a;let o=e.index;if((0,t_.isBoxesGroup)(e))return[(0,i.Y)(i9,{active:!1,level:t,text:e.name},e.id),...c(e.boxes,t+1)];let s=e.id===iQ._D.Event,l=e.id===iQ._D.Challenge;return s||l?null:[(0,i.Y)(i9,{route:(0,iK.QZ)(e),active:(a=r.query,tE()(a)?0===o&&!n:(0,iZ.hT)(iq.A.BOX_TAB_INDEX_KEY,a)===o),level:t,text:e.header.text,openInNewTab:e.type===tI.BoxType.ExternalLink},e.id)]}),m=tE()(r.query);return(0,i.FD)("nav",{style:{width:e.width},className:"jsx-718a63600f819cab "+o().dynamic([["66f6be74aa6846e6",[ea.A.PERA_BLUE,ea.A.PERA_BLUE]],["4a43d81152db4ca5",[e.offsetTop]]])+" bg-faded sidebar",children:[(0,i.FD)("ul",{className:"jsx-718a63600f819cab "+o().dynamic([["66f6be74aa6846e6",[ea.A.PERA_BLUE,ea.A.PERA_BLUE]],["4a43d81152db4ca5",[e.offsetTop]]])+" sidebarActions",children:["ja"===iH.Ay.language&&(0,i.Y)("li",{className:"jsx-718a63600f819cab "+o().dynamic([["66f6be74aa6846e6",[ea.A.P

3ERA_BLUE,ea.A.PERA_BLUE]],["4a43d81152db4ca5",[e.offsetTop]]]),children:(0,i.FD)("div",{onClick:e.onClickFontChange,className:"jsx-718a63600f819cab "+o().dynamic([["66f6be74aa6846e6",[ea.A.PERA_BLUE,ea.A.PERA_BLUE]],["4a43d81152db4ca5",[e.offsetTop]]])+" divButton",children:[(0,i.Y)("i",{className:"jsx-718a63600f819cab "+o().dynamic([["66f6be74aa6846e6",[ea.A.PERA_BLUE,ea.A.PERA_BLUE]],["4a43d81152db4ca5",[e.offsetTop]]])+" fas fa-font"}),s("Change Fonts")]})}),(0,i.Y)("li",{className:"jsx-718a63600f819cab "+o().dynamic([["66f6be74aa6846e6",[ea.A.PERA_BLUE,ea.A.PERA_BLUE]],["4a43d81152db4ca5",[e.offsetTop]]]),children:(0,i.FD)("div",{onClick:e.onClickImageChange,"data-cy":"site-design-sidebar-image-change","ug-id":"admin-design-community-page-change-images",className:"jsx-718a63600f819cab "+o().dynamic([["66f6be74aa6846e6",[ea.A.PERA_BLUE,ea.A.PERA_BLUE]],["4a43d81152db4ca5",[e.offsetTop]]])+" divButton",children:[(0,i.Y)("i",{className:"jsx-718a63600f819cab "+o().dynamic([["66f6be74aa6846e6",[ea.A.PERA_BLUE,ea.A.PERA_BLUE]],["4a43d81152db4ca5",[e.offsetTop]]])+" fas fa-image"}),s("Change Images")]})}),(0,i.Y)("li",{className:"jsx-718a63600f819cab "+o().dynamic([["66f6be74aa6846e6",[ea.A.PERA_BLUE,ea.A.PERA_BLUE]],["4a43d81152db4ca5",[e.offsetTop]]]),children:(0,i.FD)("div",{onClick:e.onClickColorChange,"ug-id":"admin-design-community-page-change-colors",className:"jsx-718a63600f819cab "+o().dynamic([["66f6be74aa6846e6",[ea.A.PERA_BLUE,ea.A.PERA_BLUE]],["4a43d81152db4ca5",[e.offsetTop]]])+" divButton",children:[(0,i.Y)("i",{className:"jsx-718a63600f819cab "+o().dynamic([["66f6be74aa6846e6",[ea.A.PERA_BLUE,ea.A.PERA_BLUE]],["4a43d81152db4ca5",[e.offsetTop]]])+" fas fa-palette"}),s("Change Colors")]})}),(0,i.Y)(i0,{onClick:e.onClickCustomBlockChange})]}),(0,i.Y)("section",{className:"jsx-718a63600f819cab "+o().dynamic([["66f6be74aa6846e6",[ea.A.PERA_BLUE,ea.A.PERA_BLUE]],["4a43d81152db4ca5",[e.offsetTop]]])+" hierarchy mt-3",children:(0,i.FD)("div",{className:"jsx-718a63600f819cab "+o().dynamic([["66f6be74aa6846e6",[ea.A.PERA_BLUE,ea.A.PERA_BLUE]],["4a43d81152db4ca5",[e.offsetTop]]])+" my-2",children:[n&&(0,i.Y)(i9,{route:`${p.default.ADMIN_SITE_EDIT_HOME}`,active:m,level:2,text:s("Home"),"data-cy":"site-design-sidebar-change-settings"}),c(a,2)]})}),(0,i.Y)(o(),{id:"dc14cde259adbd59",children:".sidebar{color:#fff!important;position:fixed}.sidebar .divButton{color:#fff!important;transition:background.12s ease-in}.divButton{cursor:pointer;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}a:link,a:visited{text-decoration:none!important}"}),(0,i.Y)(o(),{id:"4a43d81152db4ca5",dynamic:[e.offsetTop],children:`.sidebar.__jsx-style-dynamic-selector{height:calc(100vh - ${e.offsetTop}px);z-index:1000;padding:0;overflow-x:auto;overflow-y:auto}.sidebar.__jsx-style-dynamic-selector::-webkit-scrollbar{display:none}.bg-faded.__jsx-style-dynamic-selector{background-color:#05161a}`}),(0,i.Y)(o(),{id:"66f6be74aa6846e6",dynamic:[ea.A.PERA_BLUE,ea.A.PERA_BLUE],children:`.sidebar.__jsx-style-dynamic-selector ul.__jsx-style-dynamic-selector{padding-left:0}ul.__jsx-style-dynamic-selector,li.__jsx-style-dynamic-selector{list-style-type:none}.sidebarActions.__jsx-style-dynamic-selector li.__jsx-style-dynamic-selector:nth-child(odd){border-right:1px solid rgba(255,255,255,.1)}.sidebarActions.__jsx-style-dynamic-selector li.__jsx-style-dynamic-selector{display:block;width:100%;margin:0;border-bottom:1px solid rgba(255,255,255,.1);text-align:center;font-size:11px}.sidebarActions.__jsx-style-dynamic-selector li.__jsx-style-dynamic-selector .divButton.__jsx-style-dynamic-selector{display:block;height:90px;padding-top:29px}.sidebarActions.__jsx-style-dynamic-selector li.__jsx-style-dynamic-selector .divButton.__jsx-style-dynamic-selector:hover,.sidebarActions.__jsx-style-dynamic-selector li.__jsx-style-dynamic-selector .divButton.active.__jsx-style-dynamic-selector{background-color:${ea.A.PERA_BLUE};border-color:${ea.A.PERA_BLUE};color:#fff}.sidebarActions.__jsx-style-dynamic-selector .fa.__jsx-style-dynamic-selector,.sidebarActions.__jsx-style-dynamic-selector .far.__jsx-style-dynamic-selector,.sidebarActions.__jsx-style-dynamic-selector .fas.__jsx-style-dynamic-selector{position:relative;display:block;margin-bottom:11px;font-size:24px;line-height:1}`}),(0,i.Y)(o(),{id:"13c342b323bc29ec",children:".hierarchy.jsx-718a63600f819cab{font-size:13px}"})]})}var i7=a(67279);let ne={gothic:[{isFontPlus:!0,familyName:"",displayName:"推奨フォント（初期設定）"},{isGoogleFont:!0,cssName:"Noto+Sans+JP",familyName:"Noto Sans', 'Noto Sans JP",displayName:"Noto Sans"},{isFontPlus:!0,familyName:"Helvetica Neue",displayName:"Helvetica Neue"},{isGoogleFont:!0,cssName:"Sawarabi+Gothic",familyName:"Sawarabi Gothic",displayName:"さわらびゴシック"},{isGoogleFont:!0,cssName:"M+PLUS+1p",familyName:"M PLUS 1p",displayName:"M PLUS 1p"},{isGoogleFont:!0,cssName:"M+PLUS+Rounded+1c",familyName:"M PLUS Rounded 1c",displayName:"M PLUS Rounded 1c"}],mincho:[{isFontPlus:!0,familyName:"Hiragino Mincho ProN",displayName:"ヒラã‚

3®ãƒŽæ˜Žæœ"},{isGoogleFont:!0,cssName:"Sawarabi+Mincho",familyName:"Sawarabi Mincho",displayName:"さわらび明朝"}]},nt=Object.values(ne).flat().filter(({isGoogleFont:e,cssName:t})=>e&&t),na=e=>(0,i.FD)("li",{onClick:()=>e.onClick(e.font),className:o().dynamic([["88c18cd2e99bc070",[e.font?`'${e.font.familyName}'`:"initial"]]])+" "+`webfont-list wf ${(e.currentFont&&e.currentFont.familyName)===(e.font&&e.font.familyName)?"current":""}`,children:[e.children,(0,i.Y)(o(),{id:"88c18cd2e99bc070",dynamic:[e.font?`'${e.font.familyName}'`:"initial"],children:`.wf.__jsx-style-dynamic-selector{font-family:${e.font?`'${e.font.familyName}'`:"initial"};font-size:14px;margin-bottom:10px;border-bottom:none;cursor:pointer}.wf.__jsx-style-dynamic-selector:hover,.wf.current.__jsx-style-dynamic-selector{box-shadow:0 0 0 2px#1cbbd0}`})]});class ni extends u.Component{static{this.contextType=eO.rE}render(){let e=this.props,{fontFamily:t}=this.props;return e.isOpen?(0,i.FD)(u.Fragment,{children:[nt.map(({cssName:e})=>(0,i.Y)(i7.R,{cssName:e})),(0,i.FD)("div",{className:"jsx-c49d75dbf8ce26a6 webfont secondContents showSlide",children:[(0,i.Y)("div",{className:"jsx-c49d75dbf8ce26a6 btnSidebarSecondClose",children:(0,i.Y)(A.K0,{style:{position:"absolute",top:5,left

3:5},onClick:e.onToggle,children:(0,i.Y)("i",{className:"jsx-c49d75dbf8ce26a6 fas fa-chevron-right text-white"})})}),(0,i.FD)("ul",{className:"jsx-c49d75dbf8ce26a6 fonts mt-3",children:[(0,i.Y)("li",{className:"jsx-c49d75dbf8ce26a6 webfont-list webfont-list--caption",children:"ゴシック体"}),ne.gothic.map(e=>(0,i.Y)(na,{currentFont:t,onClick:this.onClick,font:e,children:e.displayName},e.familyName)),(0,i.Y)("li",{className:"jsx-c49d75dbf8ce26a6 webfont-list webfont-list--caption",children:"明朝体"}),ne.mincho.map(e=>(0,i.Y)(na,{currentFont:t,onClick:this.onClick,font:e,children:e.displayName},e.familyName))]})]}),(0,i.Y)(o(),{id:"c49d75dbf8ce26a6",children:"ul.jsx-c49d75dbf8ce26a6,li.jsx-c49d75dbf8ce26a6{list-style-type:none;color:white}.secondContents.jsx-c49d75dbf8ce26a6>ul.jsx-c49d75dbf8ce26a6{padding-left:0}.secondContents.jsx-c49d75dbf8ce26a6>ul.jsx-c49d75dbf8ce26a6 li.jsx-c49d75dbf8ce26a6{margin-bottom:10px;border-bottom:none}.secondContents.jsx-c49d75dbf8ce26a6{position:fixed;z-index:500;width:216px;height:100%;padding:32px 16px 0;background-color:#09282f;transition:all.3s ease-in;right:180px;overflow:auto;top:114px}.secondContents.jsx-c49d75dbf8ce26a6>ul.jsx-c49d75dbf8ce26a6 .webfont-list--caption.jsx-c49d75dbf8ce26a6:hover{box-shadow:none}.secondContents.jsx-c49d75dbf8ce26a6>ul.jsx-c49d75dbf8ce26a6 .webfont-list--caption.jsx-c49d75dbf8ce26a6{border-bottom:1px dashed rgba(255,255,255,.6)}.webfont-list--caption.jsx-c49d75dbf8ce26a6{height:auto;font-size:12px;color:#fff;margin-top:2.5em;padding-bottom:.7em;font-weight:bold;padding-left:0}"})]}):null}constructor(...e){super(...e),this.onClick=e=>{let{dispatch:t}=this.props,{markEdit:a}=this.context,i={common:{fontFamily:e||void 0}};t(aD.um.request({partialSiteState:i,successCb:()=>t(aD.VK.request()),updateServer:!1}));let n=this.props.getIWindow();n&&t(f({iWindow:n,type:iv.A.EVENT_TYPE_ONSAVE,payload:aD.um.request({partialSiteState:i,updateServer:!1})})),a()}}}let nn=(0,d.connect)(e=>({fontFamily:e.site.common.fontFamily}))(ni);var no=a(39064);class nr extends u.Component{render(){return(0,i.Y)(u.Fragment,{children:(0,i.Y)(no.Xq,{color:this.props.color,disableAlpha:!0,onChangeComplete:this.onChangeComplete})})}constructor(...e){super(...e),this.onChangeComplete=e=>{this.props.onClick(e.hex)}}}let ns=(0,A.Xy)(A.nA,e=>({head:{backgroundColor:e.palette.common.black,color:e.palette.common.white},body:{fontSize:14}}));class nl extends u.Component{constructor(e){super(e),this.anchorRef=u.createRef(),this.handleClick=()=>{this.setState({isShown:!this.state.isShown})},this.handleComplete=e=>{let{onChangeComplete:t}=this.props;this.setState({...this.state,color:e}),t(e)},this.state={color:e.color,isShown:!1}}render(){let{isShown:e,color:t}=this.state;return(0,i.FD)("div",{className:o().dynamic([["d2f3b8e954c80107",[t]]])+" container",children:[(0,i.Y)("div",{ref:this.anchorRef,className:o().dynamic([["d2f3b8e954c80107",[t]]])+" swatch",children:(0,i.Y)("div",{onClick:this.handleClick,className:o().dynamic([["d2f3b8e954c80107",[t]]])+" input"})}),e?(0,i.Y)("div",{onClick:this.handleClick,className:o().dynamic([["d2f3b8e954c80107",[t]]])+" cover"}):null,(0,i.Y)(A.ND,{style:{zIndex:1001},anchorEl:this.anchorRef.current,open:e,children:(0,i.Y)(nr,{onClick:this.handleComplete,color:t})}),(0,i.Y)(o(),{id:"d2f3b8e954c80107",dynamic:[t],children:`.container.__jsx-style-dynamic-selector{position:static}.swatch.__jsx-style-dynamic-selector{padding:5px;background:#eee;border-radius:1px;box-shadow:0 0 0 1px rgba(0,0,0,.1);display:inline-block;cursor:pointer}.input.__jsx-style-dynamic-selector{background:${t};width:40px;height:40px;border-radius:2px}.popoverPanel.__jsx-style-dynamic-selector{position:absolute;z-index:502}.cover.__jsx-style-dynamic-selector{position:fixed;top:0px;right:0px;bottom:0px;left:0px}`})]})}}class nd extends u.Component{render(){let{classes:e,list:t,onChangeComplete:a,t:n}=this.props;return(0,i.Y)(u.Fragment,{children:(0,i.Y)(A.tu,{className:e?.root,children:(0,i.FD)(A.XI,{className:e?.table,children:[(0,i.Y)(A.nd,{children:(0,i.FD)(A.Hj,{children:[(0,i.Y)(ns,{children:n("Item")}),(0,i.Y)(ns,{align:"right",children:n("Color")}

3),(0,i.Y)(ns,{align:"right",children:n("Background Color")})]})}),(0,i.Y)(A.BF,{children:t.map(t=>(0,i.FD)(A.Hj,{className:e?.row,children:[(0,i.Y)(ns,{component:"th",scope:"row","data-cy":"colors-slug-cell",children:t.slug}),(0,i.Y)(ns,{align:"right",children:t.color?(0,i.Y)(nl,{color:t.color,onChangeComplete:e=>{a(t.key,"color",e)}}):null}),(0,i.Y)(ns,{align:"right",children:t.backgroundColor?(0,i.Y)(nl,{color:t.backgroundColor,onChangeComplete:e=>{a(t.key,"backgroundColor",e)}}):null})]},t.key))})]})})})}}let nc=(0,A.Xy)((0,w.C)(["components/templates/admin"])(nd),e=>({root:{width:"100%",marginTop:0,overflowX:"auto"},table:{width:"100%"},row:{"&:nth-of-type(odd)":{backgroundColor:e.palette.background.default}}}));class np extends u.Component{static{this.contextType=eO.rE}handleResize(){this.setState({height:window.innerHeight})}render(){let{colors:e,isOpen:t,onToggle:a,t:n}=this.props;if(!t)return null;let r=Object.entries({...e,post:{...e.post,slug:e.post.slug===n("Publish button")?n("Publish button, Announcement banner, Sidebar text"):e.post.slug},vote:{...e.vote,slug:e.vote.slug===n("Vote button")?n("Event, Challenge button"):e.vote.slug}}).map(([e,t])=>({key:e,...t}));return(0,i.FD)(u.Fragment,{children:[(0,i.FD)("div",{"ug-id":"admin-design-community-page-change-colors-slide",className:o().dynamic([["29106092c1967636",[this.state.height-114]]])+" webfont secondContents  showSlide",children:[(0,i.Y)("div",{className:o().dynamic([["29106092c1967636",[this.state.height-114]]])+" btnSidebarSecondClose",children:(0,i.Y)(A.K0,{style:{position:"absolute",top:5,left

3:5},onClick:a,children:(0,i.Y)("i",{className:o().dynamic([["29106092c1967636",[this.state.height-114]]])+" fas fa-chevron-right text-white"})})}),(0,i.Y)(nc,{list:r,onChangeComplete:this.handleChangeColor})]}),(0,i.Y)(o(),{id:"29106092c1967636",dynamic:[this.state.height-114],children:`ul.__jsx-style-dynamic-selector,li.__jsx-style-dynamic-selector{list-style-type:none;color:white}.btnSidebarSecondClose.__jsx-style-dynamic-selector{height:20px}.secondContents.__jsx-style-dynamic-selector>ul.__jsx-style-dynamic-selector{padding-left:0}.secondContents.__jsx-style-dynamic-selector>ul.__jsx-style-dynamic-selector li.__jsx-style-dynamic-selector{margin-bottom:10px;border-bottom:none}.secondContents.__jsx-style-dynamic-selector{position:fixed;z-index:500;width:50%;height:${this.state.height-114}px;padding:35px 10px 10px;background-color:#09282f;transition:all.3s ease-in;right:180px;overflow-y:auto;top:114px}`})]})}constructor(...e){super(...e),this.state={height:0},this.componentDidMount=()=>{window.addEventListener("resize",this.handleResize.bind(this)),this.setState({height:window.innerHeight})},this.componentWillUnmount=()=>{window.removeEventListener("resize",this.handleResize.bind(this))},this.handleChangeColor=(e,t,a)=>{if(!e)return;let{dispatch:i,colors:n}=this.props,o={common:{colors:{...n,[e]:{...n[e],[t]:a}}}},{markEdit:r}=this.context;i(aD.um.request({partialSiteState:o,successCb:()=>i(aD.VK.request()),updateServer:!1}));let s=this.props.getIWindow();s&&i(f({iWindow:s,type:iv.A.EVENT_TYPE_ONSAVE,payload:aD.um.request({partialSiteState:o,updateServer:!1})})),r()}}}let nm=(0,d.connect)(e=>({colors:e.site.common.colors,brandId:e.app.brand.id}))((0,iO.withRouter)((0,w.C)(["components/templates/admin"])(np)));var nu=a(80400),nh=a(79493),nb=a(50602),ng=a(78115),nf=a.n(ng),nx=a(47045);let ny=e=>(0,i.Y)(nx.z,{...e,title:"CheckCircleFilled",children:(0,i.Y)("path",{d:"m424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"})}),nv=e=>(0,i.Y)(nx.z,{...e,title:"ErrorFilled",children:(0,i.Y)("path",{d:"M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm-40-160h80v-240h-80v240Zm40 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"})}),nY=e=>(0,i.Y)(nx.z,{...e,title:"Info",children:(0,i.Y)("path",{d:"M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"})}),nk=e=>(0,i.Y)(nx.z,{...e,title:"WarningFilled",children:(0,i.Y)("path",{d:"m40-120 440-760 440 760H40Zm440-120q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm-40-120h80v-200h-80v200Z"})}),nC=({variant:e="error",title:t,description:a,onClose:n})=>{let[o,r]=(0,u.useState)(!0);return o?(0,i.FD)("div",{className:`${nf().root} ${nf()[e]}`,children:[(0,i.FD)("div",{className:`${nf().contentWrapper} ${nf()[e]}`,children:[(0,i.Y)(nN,{variant:e}),(0,i.FD)("div",{className:nf().content,children:[(0,i.Y)("div",{className:nf().title,children:t}),(0,i.Y)("div",{className:nf().description,children:a})]})]}),n&&(0,i.Y)("div",{className:nf().closeButton,children:(0,i.Y)(nb.K,{onClick:()=>{r(!1),n?.()},iconSource:"Close_Fill"})})]}):null},nN=({variant:e})=>"error"===e?(0,i.Y)(nv,{size:22}):"warning"===e?(0,i.Y)(nk,{size:22}):"success"===e?(0,i.Y)(ny,{size:22}):(0,i.Y)(nY,{size:22});var nw=a(77823),nS=a(91361),n_=a(42097),nj=a.n(n_);let nB=(0,u.forwardRef)(({children:e,fluid:t,className:a,...n},o)=>(0,i.Y)("div",{ref:o,className:`${nj().container} ${t?nj().containerFluid:""} ${a||""}`,...n,children:e})),nT=(0,u.forwardRef)(({children:e,className:t,...a},n)=>(0,i.Y)("div",{ref:n,className:`${nj().row} ${t||""}`,...a,children:e})),nA=(0,u.forwardRef)(({children:e,span:t=1,className:a,...n},o)=>(0,i.Y)("div",{...n,ref:o,className:`${nj().col} ${a||""}`,style:{...n.style,gridColumn:`span ${t}`},children:e}));nB.displayName="Container",nT.displayName="Row",nA.displayName="Column";var nE=a(48835),nI=a.n(nE);let nD=({variant:e="elevated",image:t,headline:a,subheadline:n,description:o,actions:r,disabled:s,icon:l})=>{let d="outlined"===e?nI().outlined:"filled"===e?nI().filled:nI().elevated;return(0,i.Y)(nA,{span:4,children:(0,i.Y)("div",{role:"button","data-disabled":s??!1,className:`${nI().root} ${d}`,children:(0,i.FD)("div",{children:[(0,i.Y)("div",{className:nI().outline}),t&&(0,i.Y)(nw.g,{ratio:16/9,children:(0,i.Y)("img",{className:nI().image,src:t,alt:t})}),(0,i.FD)("div",{className:nI().content,children:[(0,i.FD)("div",{className:nI().head,children:[(0,i.FD)("div",{children:[(0,i.Y)("div",{className:nI().headline,children:a}),n&&(0,i.Y)("div",{className:nI().subhead,children:n})]}),l&&l]}),o&&(0,i.Y)("div",{className:nI().description,children:o}),r&&!!r.length&&(0,i.Y)("div",{className:nI().footer,children:r.map(({onClick:e,variant:t,label:a,href:n})=>{let o=(0,i.Y)(nS.$,{variant:t||"outlined",onClick:e&&e,children:a},a);return n?(0,i.Y)(iU(),{href:n,children:o},a):o})})]})]})})})};var nF=a(77945),nM=a(24745),nL=a(29070),nP=a.n(nL);let nz=({toast:e,id:t,description:a,secondLine:n,action:o,showCloseButton:r})=>{let s=o&&o.text.length>10;return(0,i.FD)("div",{className:`${nP().snackbarRoot} ${s?nP().longerAction:""}`,children:[(0,i.FD)("div",{className:nP().snackbarContentWrapper,children:[(0,i.FD)("div",{className:nP().snackbarText,children:[(0,i.Y)("div",{className:nP().snackbarDescription,children:a}),n&&(0,i.Y)("div",{className:nP().snackbarDescription,children:n})]}),o&&(0,i.Y)("button",{type:"button",className:nP().snackbarAction,onClick:()=>{o.onClick(),e.dismiss(t)},children:o.text})]}),r&&(0,i.Y)("button",{type:"button",className:nP().snackbarClose,onClick:()=>e.dismiss(t),children:"✕"})]})},n$=e=>{nM.oR.custom(t=>

3(0,i.Y)(nz,{toast:nM.oR,id:t,description:e.description,secondLine:e.secondLine,action:e.action,showCloseButton:e.showCloseButton}),{duration:e.duration,position:(e=>{switch(e){case"left":return"bottom-left";case"center":return"bottom-center";default:return"bottom-right"}})(e.position)})};var nR=a(77252),nO=a(68440);let nG=e=>{let{t}=(0,l.B)(["components/organisms/admin"]),[a,n]=(0,u.useState)(!1),r=t=>{t.stopPropagation(),e.onToggle(!e.isHidden)};return(0,i.FD)(i.FK,{children:[(0,i.Y)(Z.A,{accept:["image/jpeg","image/png","image/gif"],maxSize:3145728,onDrop:e.onInput,onDragEnter:()=>n(!0),onDragLeave:()=>n(!1),onDropAccepted:()=>n(!1),onDropRejected:t=>{n(!1),e.onError&&e.onError(t)},children:({getRootProps:n,getInputProps:o})=>(0,i.FD)("div",{...n(),className:`jsx-d208e1893456d386 file-uploader ${e.isHidden?"file-uploader--hidden":"file-uploader--expanded"}`,children:[(0,i.Y)("input",{...o(),className:"jsx-d208e1893456d386"}),(0,i.FD)("div",{onClick:r,role:"button","aria-expanded":!e.isHidden,className:"jsx-d208e1893456d386 file-uploader__trigger",children:[(0,i.FD)("div",{className:"jsx-d208e1893456d386 file-uploader__trigger-content",children:[(0,i.Y)("span",{className:"jsx-d208e1893456d386 file-uploader__trigger-icon",children:(0,i.Y)(nO.A,{})}),(0,i.Y)("span",{className:"jsx-d208e1893456d386 file-uploader__trigger-text",children:t("Upload")})]}),(0,i.Y)("span",{className:"jsx-d208e1893456d386 file-uploader__trigger-chevron",children:(0,i.Y)(nR.Vr3,{})})]}),(0,i.Y)("div",{className:"jsx-d208e1893456d386 file-uploader__content",children:(0,i.FD)("div",{className:"jsx-d208e1893456d386 file-uploader__drop-area",children:[(0,i.FD)("div",{className:"jsx-d208e1893456d386 file-uploader__drop-area-text",children:[(0,i.Y)("p",{className:"jsx-d208e1893456d386",children:t("Drag and drop a file")}),(0,i.Y)("p",{className:"jsx-d208e1893456d386",children:t("File format: JPEG,PNG,GIF")}),(0,i.Y)("p",{className:"jsx-d208e1893456d386",children:t("Recommended: At least 400px \xd7 300px (Aspect ratio 4:3）")}),(0,i.Y)("p",{className:"jsx-d208e1893456d386",children:t("File size: Less than 3MB")})]}),(0,i.Y)(nS.$,{variant:"outlined",style:{backgroundColor:"transparent"},children:t("Upload")})]})}),a&&(0,i.Y)("div",{className:"jsx-d208e1893456d386 file-uploader__overlay",children:(0,i.Y)("div",{className:"jsx-d208e1893456d386 file-uploader__overlay-text",children:t("Drop a file here")})})]})}),(0,i.Y)(o(),{id:"d208e1893456d386",children:".file-uploader.jsx-d208e1893456d386{width:100%;margin-top:24px;border-radius:6px;border:1px dashed rgb(219,219,219);background-color:rgb(247,247,247);transition:margin.3s ease;position:relative}.file-uploader__trigger.jsx-d208e1893456d386{width:100%;padding:16px 32px;display:flex;justify-content:space-between;cursor:pointer;align-items:center;position:relative;transition:padding.3s cubic-bezier(.4,0,.2,1)}.file-uploader__trigger.jsx-d208e1893456d386:hover{background-color:rgb(240,240,240)}.file-uploader__trigger-content.jsx-d208e1893456d386{display:flex;align-items:center;gap:8px;position:relative;left:0;transform:translatex(0);transition:transform.3s cubic-bezier(.4,0,.2,1),left.3s cubic-bezier(.4,0,.2,1)}.file-uploader__trigger-icon.jsx-d208e1893456d386{display:flex;align-items:center;transition:transform.3s cubic-bezier(.4,0,.2,1)}.file-uploader__trigger-text.jsx-d208e1893456d386{display:flex;align-items:center;opacity:1;transition:opacity.3s cubic-bezier(.4,0,.2,1),width.3s cubic-bezier(.4,0,.2,1)}.file-uploader__trigger-chevron.jsx-d208e1893456d386{width:24px;height:24px;text-align:center;transition:transform.3s cubic-bezier(.4,0,.2,1),right.3s cubic-bezier(.4,0,.2,1);position:relative}.file-uploader__content.jsx-d208e1893456d386{max-height:0;overflow:hidden;opacity:0;transition:max-height.3s cubic-bezier(.4,0,.2,1),opacity.3s cubic-bezier(.4,0,.2,1),padding.3s cubic-bezier(.4,0,.2,1);padding:0 32px;will-change:max-height,opacity,padding}.file-uploader--expanded.jsx-d208e1893456d386 .file-uploader__content.jsx-d208e1893456d386{max-height:300px;opacity:1;padding:0 32px 32px}.file-uploader--expanded.jsx-d208e1893456d386 .file-uploader__trigger-chevron.jsx-d208e1893456d386{position:absolute;right:32px;transform:rotate(180deg)}.file-uploader--expanded.jsx-d208e1893456d386 .file-uploader__trigger.jsx-d208e1893456d386{padding:32px 32px}.file-uploader--expanded.jsx-d208e1893456d386 .file-uploader__trigger-content.jsx-d208e1893456d386{position:absolute;

3left:50%;transform:translatex(-50%)}.file-uploader--expanded.jsx-d208e1893456d386 .file-uploader__trigger-text.jsx-d208e1893456d386{opacity:0;width:0;overflow:hidden;margin:0}.file-uploader--hidden.jsx-d208e1893456d386 .file-uploader__trigger-chevron.jsx-d208e1893456d386{transform:rotate(0deg)}.file-uploader__drop-area.jsx-d208e1893456d386{width:100%;cursor:pointer;display:flex;flex-direction:column;align-items:center}.file-uploader__drop-area-text.jsx-d208e1893456d386{margin:16px 0px;color:#4F4F4F;text-align:center}.file-uploader__overlay.jsx-d208e1893456d386{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;color:white;font-size:24px;z-index:10}"})]})},nU=e=>{let{t}=(0,l.B)("components/organisms/admin"),a=e.image,n="string"==typeof a?a.slice(a.lastIndexOf("/")+1):a.name,o="string"==typeof a?a:URL.createObjectURL(a),[r,s]=(0,u.useState)(!1);return(0,i.FD)(i.FK,{children:[(0,i.Y)(nF.l,{variant:"alert",open:r,onOpenChange:s,title:t("Delete this image?"),actions:[{label:t("Cancel"),onClick:()=>{s(!1)}},{label:t("Delete_IMAGE"),onClick:()=>{e.onDelete(a),s(!1)}}]}),(0,i.Y)(nD,{variant:"outlined",image:o,headline:n,actions:[{label:t("Delete_modal"),onClick:()=>{s(!0)}},{label:t("Copy path"),variant:"filled",onClick:()=>{navigator.clipboard.writeText(`./${n}`),n$({description:t("The image path has been copied to the clipboard."),position:"center",showCloseButton:!0})}}],disabled:!0})]})},nH=e=>{let{t}=(0,l.B)("components/organisms/admin"),[a,n]=(0,u.useState)(e.images.length>0);(0,u.useEffect)(()=>{0===e.images.length&&n(!1)},[e.images.length]),(0,u.useEffect)(()=>{e.isOpen&&n(e.images.length>0)},[e.isOpen]);let r=t=>{1===e.images.length&&n(!1),e.onDelete(t)};return(0,i.Y)(nF.l,{variant:"basic",maxWidth:"calc(100vw - 40px)",onOpenChange:e.setIsOpen,open:e.isOpen,content:(0,i.FD)("div",{className:"jsx-e138842e018275d2",children:[e.error&&(0,i.Y)(nC,{variant:"error",title:e.error.title,description:e.error.description,onClose:e.onErrorClose||(()=>{})}),(0,i.FD)("div",{className:"jsx-e138842e018275d2 custom-block-file-upload-modal__container",children:[(0,i.Y)(nG,{isHidden:a,onInput:e.onInput,onError:e.onFileUploadError,onToggle:n}),e.images.length>0&&(0,i.Y)("div",{className:"jsx-e138842e018275d2 custom-block-file-upload-modal__preview-area",children:e.images.map(e=>(0,i.Y)(nU,{image:e,onDelete:r},e.toString()))})]}),(0,i.Y)("div",{className:"jsx-e138842e018275d2 custom-block-file-upload-modal__bottom",children:(0,i.Y)("button",{onClick:e.onCancel,className:"jsx-e138842e018275d2",children:t("Close")})}),(0,i.Y)(o(),{id:"e138842e018275d2",children:".custom-block-file-upload-modal__container.jsx-e138842e018275d2{display:flex;flex-direction:column;align-items:center}.custom-block-file-upload-modal__upload-button.jsx-e138842e018275d2{margin-top:24px;background-color:rgba(0,0,0,0);border:1px solid rgb(136,136,136);border-radius:100px;padding:10px 24px}.custom-block-file-upload-modal__upload-button.jsx-e138842e018275d2:hover{background-color:rgb(136,136,136)}.custom-block-file-upload-modal__preview-area.jsx-e138842e018275d2{margin-top:24px;height:380px;width:100%;overflow-y:auto;border:1px solid rgb(219,219,219);border-radius:6px;display:flex;flex-wrap:wrap;justify-content:start;gap:16px;padding:16px}.custom-block-file-upload-modal__bottom.jsx-e138842e018275d2{display:flex;justify-content:flex-end;margin-top:24px}"})]}),title:t("Add images")})};var nW=a(18097),nQ=a(49064),nK=a(55988),nV=a(46854),nq=a(89914);let nX=()=>{let{data:e}=(0,nq.s3)("/v2/admin/group/brand",{revalidateOnFocus:!1});return e??[]};var nJ=a(15505);let nZ=nW.c.MultiValueLabel,n0=nW.c.MultiValueRemove,n1=nW.c.Option,n2=e=>(0,i.FD)(nZ,{...e,children:[(0,i.Y)("div",{className:"jsx-94220a8d2e9948d6 value-label",children:(0,i.Y)("div",{className:"jsx-94220a8d2e9948d6 value-label-name",children:e.data.label})}),(0,i.Y)(o(),{id:"94220a8d2e9948d6",children:".value-label.jsx-94220a8d2e9948d6{display:flex}.value-label-name.jsx-94220a8d2e9948d6{font-weight:700;font-size:15px}"})]}),n4=e=>(0,i.Y)(n0,{...e,children:(0,i.Y)(nJ.A,{})}),n8=e=>(0,i.FD)(n1,{...e,children:[(0,i.Y)("div",{className:"jsx-1aa3173d1c04180c option-item",children:(0,i.Y)("div",{className:"jsx-1aa3173d1c04180c option-name",children:e.data.label})}),(0,i.Y)(o(),{id:"1aa3173d1c04180c",children:".option-item.jsx-1aa3173d1c04180c{display:flex}.option-name.jsx-1aa3173d1c04180c{margin-right:8px;font-weight:700;font-size:15px}"})]});function n6({value:e,options:t,error:a=!1,onChange:n,disabled:o=!1}){let r={control:e=>({...e,backgroundColor:a?tP.Q1.user.background.error:"white",border:`1px solid ${a?tP.Q1.user.border.error:tP.Q1.user.border.default}`,padding:"10px 0",margin:"0 auto",fontSize:16}),option:(e,{isDisabled:t,isFocused:a,isSelected:i})=>({...e,backgroundColor:t?void 0:i?"#000000":a?"#3269E9":void 0,color:a?"white":void 0,cursor:"pointer"}),indicatorSeparator:e=>({...e,display:"none"}),menuPortal:e=>({...e,zIndex:2}),menu:e=>({...e,zIndex:2}),multiValue:e=>({...e,borderRadius:"24px"}),multiValueLabel:e=>({...e,backgroundColor:"#EEEEEE",borderRadius:"24px 0 0 24px"}),multiValueRemove:e=>({...e,backgroundColor:"#EEEEEE",borderRadius:"0 24px 24px 0",cursor:"pointer"})};return(0,i.Y)(nQ.Ay,{placeholder:!1,components:{DropdownIndicator:nV.mJ,MultiValueLabel:n2,MultiValueRemove:n4,Option:n8}

3,isMulti:!0,value:e,onChange:n,styles:r,options:t,isSearchable:!1,isDisabled:o})}function n3({groupIds:e,errorMessage:t,error:a=!1,onChange:n,disabled:r=!1}){let{t:s}=(0,l.B)(["components/organisms/admin"]),d=nX(),c=(0,u.useMemo)(()=>[{id:String(S.SpecialBrandGroupId.Admin),value:S.SpecialBrandGroupId.Admin,label:s("Admin")},{id:String(S.SpecialBrandGroupId.All),value:S.SpecialBrandGroupId.All,label:s("User")},{id:String(S.SpecialBrandGroupId.Guest),value:S.SpecialBrandGroupId.Guest,label:s("Guest")},...d.map(e=>({id:String(e.id),value:(0,nK.BrandGroupId)(e.id),label:e.groupName}))],[d,s]);return(0,i.FD)("div",{className:"jsx-bd64ef2bc28777fd group-selector",children:[(0,i.Y)(n6,{value:c.filter(t=>e.includes(t.value)),options:c,onChange:e=>{e&&n(e.map(e=>(0,nK.BrandGroupId)(e.value)))},error:a,disabled:r}),t&&a&&(0,i.Y)("div",{className:"jsx-bd64ef2bc28777fd error-message",children:(0,i.FD)(tz.o,{gap:3,children:[(0,i.Y)(as.I,{source:"Exclamation_Fill",color:"critical"}),(0,i.Y)(tH.E,{variant:"xSmall",lineHeight:400,color:"error",children:t})]})}),(0,i.Y)(o(),{id:"bd64ef2bc28777fd",children:".group-selector.jsx-bd64ef2bc28777fd{padding:4px 0}.error-message.jsx-bd64ef2bc28777fd{margin-top:8px}"})]})}let n9={TopBannerAbove:"Top banner: Above",TopBannerBelow:"Top banner: Below",UpperCardLinksAbove:"Upper card links: Above",UpperCardLinksBelow:"Upper card links: Below",LowerCardLinksAbove:"Lower card links: Above",LowerCardLinksBelow:"Lower card links: Below",MypageBannerBelow:"My Page banner: Below",PopularTagsBelow:"Popular tags: Below",CalendarBelow:"Calendar: Below",StatusBelow:"Status: Below",HeaderAbove:"Header: Above"};var n5=a(72832),n7=a(12906),oe=a(427);function ot({pageBox:e,displaySection:t,block:a,onChangePage:n}){var r,c;let p,m,h,b,{t:g}=(0,l.B)("components/organisms/admin"),{control:f,handleSubmit:x,formState:{errors:y,isDirty:v,isSubmitted:Y},setValue:k,getValues:C}=(0,eA.mN)({defaultValues:{html:"",groupIds:a?.brandGroupIds??[S.SpecialBrandGroupId.Admin],note:a?.note??"",images:[]}}),N=(0,d.useSelector)(e=>e.site.top.boxes.item),w=(0,u.useCallback)(t=>{switch(t){case nu.eM.Home:return g("Home");case nu.eM.MyPage:return g("My Page");case nu.eM.Others:return g("Others");default:return N.find(t=>(0,tI.BoxId)(t.id)===e.boxId)?.header.text||""}},[N,e.boxId,g])(e.targetPageType),_=((e,t)=>{let{t:a}=(0,l.B)("components/organisms/admin"),i={buttonText:a("Discard"),title:a("Discard custom block changes?"),contentText:a("Once discarded, your changes to code and settings will be lost.")};(0,oe.D)(e,i);let{openModal:n}=(0,ev.fl)();return()=>{e?n({...i,onConfirm:t}):t()}})(v&&!Y,()=>{n(e,t)}),[j,B]=(0,u.useState)(!1),T=((e,t)=>{let a=(0,eY.q)(),{t:i}=(0,l.B)(["hook/admin/user"]);return(0,u.useCallback)(async({html:n,groupIds:o,note:r,images:s})=>{let l=new FormData;for(let a of(l.append("targetPageType",e.targetPageType),void 0!==e.boxId&&l.append("boxId",e.boxId),l.append("displaySection",t),l.append("note",r),l.append("html",n),o))l.append("groupIds[]",a.toString());s&&n7.BC(l,s),await a.post("/admin/custom_blocks_with_html",l).catch(()=>{nh.ih.error("",i("An error has occurred. Please try again later."))})},[a,t,e.boxId,e.targetPageType,i])})(e,t),A=((e,t)=>{let a=(0,eY.q)(),{t:i}=(0,l.B)(["hook/admin/user"]);return(0,u.useCallback)(async({id:n,html:o,groupIds:r,note:s,images:l})=>{let d=new FormData;for(let a of(d.append("targetPageType",e.targetPageType),void 0!==e.boxId&&d.append("boxId",e.boxId),d.append("displaySection",t),d.append("note",s),d.append("html",o),r))d.append("groupIds[]",a.toString());l&&n7.BC(d,l);let c=await a.put(`/admin/custom_blocks_with_html/${n}`,d).catch(()=>{nh.ih.error("",i("An error has occurred. Please try again later."))}),p=c?.data.url;return p||nh.ih.error("",i("An error has occurred. Please try again later.")),{url:p}},[a,t,e.boxId,e.targetPageType,i])})(e,t),E=(p=(0,eY.q)(),(0,u.useCallback)(async(e,t)=>{await p.delete(`/admin/custom_blocks/${e}/${t}`)},[p])),I=async i=>{B(!0);try{a?await A({id:a.id,html:i.html,groupIds:i.groupIds,note:i.note}):await T({html:i.html,groupIds:i.groupIds,note:i.note,images:i.images}),n(e,t)}catch(e){nh.ih.error("",g("An error has occurred. Please try again later."))}B(!1)},[D,F]=(0,u.useState)(!1),[M,L]=(0,u.useState)(void 0),[P,z]=(0,u.useState)([...a?.fileUrls.images??[]]),[$,R]=(0,u.useState)(a?.url),O=(r=e.targetPageType,c=e.boxId??void 0,m=s().stringify({displaySection:t,boxId:c}),h=`/admin/custom_blocks/${r}?${m}`,b=(0,eY.q)(),(0,u.useCallback)(async e=>{let t=await b.get(h);return 200===t.status&&t.data&&t.data.customBlocks.find(t=>

3t.id===e)||null},[b,h])),{show:G,dialogProps:U,hide:H}=(()=>{let[e,t]=(0,u.useState)(!1),[a,i]=(0,u.useState)({}),[n,o]=(0,u.useState)(null),r=(0,u.useCallback)(e=>(e&&i(t=>({...t,...e})),t(!0),new Promise(e=>{o(()=>e)})),[]),s=(0,u.useCallback)(()=>{t(!1),n&&(n({action:"close"}),o(null))},[n]),l=(0,u.useCallback)(e=>{e.keepOpen||t(!1),n&&(n({action:e.label,type:e.type}),e.keepOpen||o(null)),e.onClick?.()},[n]),d=a.actions?.map(e=>({...e,onClick:()=>l(e)}));return{isOpen:e,options:a,show:r,hide:s,dialogProps:{open:e,onOpenChange:e=>{!e&&n&&(n({action:"close"}),o(null)),t(e)},onClose:s,title:a.title,description:a.description,content:a.content,actions:d,variant:a.variant,maxWidth:a.maxWidth}}})(),W=async e=>{L(void 0);let t=e.map(e=>e.name),i=P.map(e=>"string"==typeof e?e.split("/").pop():e.name),n=t.filter(e=>i.includes(e));if(n.length>0&&"Cancel"===(await G({title:g("Overwrite this image?"),actions:[{label:g("Cancel"),onClick:()=>{H()}},{label:g("Overwrite"),onClick:()=>{H()}}]})).action)return;if(a&&$){try{let t=await fetch($);if(!t.ok)throw Error(t.statusText);let i=await t.text(),{url:n}=await A({id:a.id,html:i,groupIds:a?.brandGroupIds??[S.SpecialBrandGroupId.Admin],note:a.note,images:e});R(n);let o=await O(a.id);if(null==o)return void L({title:g("We couldn't load the image."),description:g("Please check its dimensions and file size, then try again.")});z(o.fileUrls.images)}catch(e){L({title:g("We couldn't load the image."),description:g("Please check its dimensions and file size, then try again.")});return}n.length>0&&n$({description:g("{{filename}} has been overwritten.",{filename:n.join(", ")}),position:"center",showCloseButton:!0});return}let o=C().images||[];k("images",e.reduce((e,t)=>{let a=e.findIndex(e=>e instanceof File&&e.name===t.name);return -1!==a?e[a]=t:e.push(t),e},o.slice()),{shouldDirty:!0}),z(t=>e.reduce((e,t)=>{let a=e.findIndex(e=>e instanceof File?e.name===t.name:"string"==typeof e&&e.split("/").pop()===t.name);return -1!==a?e[a]=t:e.push(t),e},t.slice())),n.length>0&&n$({description:g("{{filename}} has been overwritten.",{filename:n.join(", ")}),position:"center",showCloseButton:!0})},Q=async e=>{let t="string"==typeof e?e.slice(e.lastIndexOf("/")+1):e.name;if(a){try{await E(a.id,t)}catch(e){L({title:g("Image deletion failed"),description:g("Please try again.")});return}if(!await O(a.id))return void L({title:g("We couldn't load the image."),description:g("Please check its dimensions and file size, then try again.")})}k("images",P.filter(t=>t!==e)),z(P.filter(t=>t!==e)),n$({description:g("The image has been deleted."),position:"center",showCloseButton:!0})};(0,u.useEffect)(()=>{a&&(B(!0),fetch(a.url).then(async e=>{if(!e.ok)throw Error(e.statusText);k("html",await e.text()),B(!1)}).catch(e=>{ik.v.warn("Failed to fetch custom block contents",e),nh.ih.error("",g("An error has occurred. Please try again later."))}))},[a,k,g]);let K={GROUP_IDS:{validate:e=>e.length>0},HTML:{required:{value:!0,message:g("Enter text or code.")}}};return(0,i.FD)("div",{className:"jsx-96980202d5861f61 form-container",children:[(0,i.Y)("div",{className:"jsx-96980202d5861f61 title",children:(0,i.Y)(tH.E,{fontWeight:"bold",variant:"xLarge",children:a?g("Edit custom block"):g("Add custom block")})}),(0,i.FD)("form",{className:"jsx-96980202d5861f61 form",children:[(0,i.FD)("div",{className:"jsx-96980202d5861f61 page-and-box",children:[(0,i.Y)(tH.E,{variant:"small",children:g("Page and box")}),(0,i.Y)("div",{className:"jsx-96980202d5861f61 selected-page-and-box",children:(0,i.Y)(tH.E,{variant:"small",children:w})})]}),(0,i.FD)("div",{className:"jsx-96980202d5861f61 box-position",children:[(0,i.Y)(tH.E,{variant:"small",children:g("Block location")}),(0,i.Y)("div",{className:"jsx-96980202d5861f61 selected-box-position",children:(0,i.Y)(tH.E,{variant:"small",children:g(n9[t])})})]}),(0,i.FD)("div",{className:"jsx-96980202d5861f61 viewable-groups",children:[(0,i.Y)(tH.E,{variant:"small",children:g("Audience *")}),(0,i.Y)("div",{className:"jsx-96980202d5861f61 viewable-group-selector",children:(0,i.Y)(eA.xI,{name:"groupIds",control:f,rules:K.GROUP_IDS,render:({field:{onCh

3ange:e,value:t}})=>(0,i.Y)(n3,{groupIds:t,onChange:e,error:!!y.groupIds,errorMessage:y.groupIds?g("Specify target audience."):"",disabled:j})})})]}),(0,i.FD)(i.FK,{children:[(0,i.Y)(nF.l,{...U}),(0,i.FD)("div",{className:"jsx-96980202d5861f61 image",children:[(0,i.Y)(tH.E,{variant:"small",children:g("Image")}),(0,i.Y)("p",{className:"jsx-96980202d5861f61 image-note",children:g('After uploading the image, you can insert it by referencing "./{{filename}}" in your code, or by copying and pasting the image path into your code. (Example:\xa0<img src="./sample.jpg" />)')}),(0,i.Y)(nS.$,{variant:"outlined",style:{backgroundColor:"transparent"},onClick:e=>{e.preventDefault(),F(!0)},children:g("Add images")})]}),(0,i.Y)(eA.xI,{name:"images",control:f,render:()=>(0,i.Y)(nH,{isOpen:D,setIsOpen:e=>{F(e)},onInput:e=>{W(e)},onDelete:Q,onCancel:()=>F(!1),images:P,error:M,onErrorClose:()=>L(void 0),onFileUploadError:e=>{L({title:g("We couldn't load the image."),description:g("Please check its dimensions and file size, then try again.")})}})})]}),(0,i.FD)("div",{className:"jsx-96980202d5861f61 code",children:[(0,i.Y)(tH.E,{variant:"small",children:g("Code *")}),(0,i.Y)("div",{className:"jsx-96980202d5861f61 code-edit-area",children:(0,i.Y)(eA.xI,{name:"html",rules:K.HTML,control:f,render:({field:e})=>(0,i.Y)(tO.A,{inputMode:"text",borderType:"admin",multiline:!0,value:e.value,onChange:e.onChange,rows:12,error:!!y.html?.message&&{message:y.html.message},"data-testid":"custom-block-form-html",disabled:j})})})]}),(0,i.FD)("div",{className:"jsx-96980202d5861f61 note",children:[(0,i.Y)(tH.E,{variant:"small",children:g("Note")}),(0,i.Y)("div",{className:"jsx-96980202d5861f61 note-form",children:(0,i.Y)(eA.xI,{name:"note",control:f,render:({field:e})=>(0,i.Y)(tO.A,{inputMode:"text",maxLength:255,value:e.value,onChange:e.onChange,borderType:"admin",disabled:j})})})]}),(0,i.FD)("div",{className:"jsx-96980202d5861f61 button-area",children:[(0,i.Y)("div",{className:"jsx-96980202d5861f61 cancel-button",children:(0,i.Y)(tT.$,{fullWidth:!0,style:"secondary",onClick:_,"data-testid":"custom-block-form-cancel",children:g("Cancel")})}),(0,i.Y)("div",{className:"jsx-96980202d5861f61 save-button",children:(0,i.Y)(tT.$,{fullWidth:!0,disabled:j,onClick:x(I),"data-testid":"custom-block-form-submit",children:g("Save")})})]})]}),(0,i.Y)(o(),{id:"96980202d5861f61",children:".form-container.jsx-96980202d5861f61{height:960px;background-color:white}.title.jsx-96980202d5861f61{padding:16px;border-bottom:1px solid#e0e0e0}.form.jsx-96980202d5861f61{padding:8px 16px}.page-and-box.jsx-96980202d5861f61{}.selected-page-and-box.jsx-96980202d5861f61{margin-top:8px;padding-left:16px}.box-position.jsx-96980202d5861f61{margin-top:16px}.selected-box-position.jsx-96980202d5861f61{margin-top:8px;padding-left:16px}.viewable-groups.jsx-96980202d5861f61{margin-top:16px}.viewable-group-selector.jsx-96980202d5861f61{margin-top:8px}.image.jsx-96980202d5861f61{margin-top:16px}.image-note.jsx-96980202d5861f61{margin:8px 0px}.inline-code.jsx-96980202d5861f61{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;background:none;padding:0}.code.jsx-96980202d5861f61{margin-top:16px}.code-edit-area.jsx-96980202d5861f61{margin-top:8px}.note.jsx-96980202d5861f61{margin-top:16px}.note-form.jsx-96980202d5861f61{margin-top:8px}.button-area.jsx-96980202d5861f61{display:flex;justify-content:flex-end;margin-top:16px}.cancel-button.jsx-96980202d5861f61{width:128px}.save-button.jsx-96980202d5861f61{width:128px;margin-left:16px}"})]})}let oa=nW.c.DropdownIndicator,oi=nW.c.Menu,on=e=>(0,i.Y)(oa,{...e,children:(0,i.Y)(as.I,{source:"ArrowBottom",size:2})}),oo=e=>(0,i.FD)(oi,{...e,children:[(0,i.Y)("div",{"data-testid":"custom-menu",className:o().dynamic([["ea218b3cc8f5f492",[tP.$C.small,tP.Q1.user.background.white]]])+" custom-menu",children:e.children}),(0,i.Y)(o(),{id:"ea218b3cc8f5f492",dynamic:[tP.$C.small,tP.Q1.user.background.white],children:`.custom-menu.__jsx-style-dynamic-selector{position:absolute;top:calc(100% - 32px);width:100%;font-size:${tP.$C.small};background-color:${tP.Q1.user.background.white};padding:8px 0;box-shadow:0px 4px 6px rgba(0,0,0,.1);border-radius:6px}`})]}),or=({children:e,onClick:t,isNest:a=!1})=>(0,i.FD)(i.FK,{children:[(0,i.Y)("button",{onClick:t,className:o().dynamic([["2a695df0b93917e9",[tP.Q1.user.background.white,tP.Q1.user.text.default,tP.$C.small,a?"8px 12px 8px 24px":"8px 12px",tP.Q1.user.background.default]]])+" optionItemButton",children:e}),(0,i.Y)(o(),{id:"2a695df0b93917e9",dynamic:[tP.Q1.user.background.white,tP.Q1.user.text.default,tP.$C.small,a?"8px 12px 8px 24px":"8px 12px",tP.Q1.user.background.default],children:`.optionItemButton.__jsx-style-dynamic-selector{border:none;line-height:1.5;width:100%;text-align:left;background-color:${tP.Q1.user.background.white};color:${tP.Q1.user.text.default};font-size:${tP.$C.small};padding:${a?"8px 12px 8px 24px":"8px 12px"};cursor:pointer}.optionItemButton.__jsx-style-dynamic-selector:hover{background-color:${tP.Q1.user.background.default}}`})]});

3function os(e){let[t,a]=(0,u.useState)(!1);return e.data.label?(0,i.FD)(i.FK,{children:[(0,i.FD)(or,{children:[(0,i.FD)("button",{onClick:()=>a(!t),"aria-expanded":t,className:"jsx-af1818e70b85f392 groupButton",children:[(0,i.Y)("div",{className:"jsx-af1818e70b85f392",children:e.data.label}),(0,i.Y)(as.I,{source:t?"ArrowBottom":"ArrowRight",size:2,"aria-hidden":!0})]}),(0,i.Y)(o(),{id:"af1818e70b85f392",children:".groupButton.jsx-af1818e70b85f392{width:100%;display:flex;justify-content:space-between;align-items:center}"})]}),t&&e.data.options.map(t=>t.boxType===tI.BoxType.ExternalLink?null:(0,i.Y)(or,{isNest:!0,onClick:()=>e.selectOption(t),children:t.label},t.id))]}):(0,i.Y)(i.FK,{children:e.children})}let ol=e=>e.data.boxType===tI.BoxType.ExternalLink?null:(0,i.Y)("div",{...e.innerProps,children:(0,i.Y)(or,{children:e.data.label})});function od({value:e,onChange:t}){let{t:a}=(0,l.B)("components/organisms/admin"),{data:n}=(0,e$.oJ)(),o=(0,aI.WV)(),r=(n??[]).filter(t_.isBoxesGroup),s=(0,tj.ry)((n??[]).filter(e=>!o||!(0,t_.isBoxesGroup)(e))),d={boxType:void 0,targetPageType:nu.eM.Home,boxId:void 0,id:"home",label:a("Home")},c={boxType:void 0,targetPageType:nu.eM.MyPage,boxId:void 0,id:"mypage",label:a("My Page")},p={boxType:void 0,targetPageType:nu.eM.Others,boxId:void 0,id:"others",label:a("Others")},m=[{options:[d,c]},...(o?r:[]).map(e=>({label:e.name,options:e.boxes.map(e=>({boxType:e.type,targetPageType:nu.eM.Box,boxId:(0,tI.BoxId)(e.id),id:`box-${e.id}`,label:e.header.text}))})),{options:[...(s??[]).map(e=>({boxType:e.type,targetPageType:nu.eM.Box,boxId:(0,tI.BoxId)(e.id),id:`box-${e.id}`,label:e.header.text})),p]}];return(0,i.Y)(nQ.Ay,{options:m,value:(()=>{for(let t of m){let a=t.options.find(t=>t.boxType===e.boxType&&t.targetPageType===e.targetPageType&&t.boxId===e.boxId);if(a)return a}})()||d,components:{DropdownIndicator:on,Menu:oo,Group:os,Option:ol},onChange:e=>{if(!e)return;let a=(e=>{for(let t of m){let a=t.options.find(t=>t.id===e);if(a)return a}})(e.id);a&&t({boxType:a.boxType,targetPageType:a.targetPageType,boxId:a.boxId})},styles:oc,isSearchable:!1})}let oc={control:(e,t)=>({...e,backgroundColor:tP.Q1.user.background.white,borderColor:t.isFocused?"transparent":tP.Q1.user.background.default,boxShadow:t.isFocused?"none":e.boxShadow,padding:"14px 12px",fontSize:tP.$C.small,cursor:"pointer"}),valueContainer:e=>({...e,padding:"0 6px"}),indicatorSeparator:()=>({display:"none"}),dropdownIndicator:e=>({...e,padding:"4px"})},op=({pageBox:e,displaySection:t,onChange:a})=>{let{t:n}=(0,l.B)("components/organisms/admin"),r=(0,u.useMemo)(()=>(0,nu.vs)(e),[e]);return(0,i.FD)(i.FK,{children:[(0,i.Y)("div",{className:"jsx-fd5f2d54fdd21273 box-location-container",children:r.map(e=>(0,i.Y)("div",{"data-testid":`${e}-item`,className:"jsx-fd5f2d54fdd21273 box-location-item",children:(0,i.Y)(tT.$,{type:"plain",onClick:()=>a(e),children:(0,i.Y)(tH.E,{fontWeight:e===t?"bold":"normal",children:n(n9[e])})})},e))}),(0,i.Y)(o(),{id:"fd5f2d54fdd21273",children:".box-location-container.jsx-fd5f2d54fdd21273{display:flex;flex-direction:column}.box-location-item.jsx-fd5f2d54fdd21273{padding:12px}"})]})};var om=a(40690);let ou=(0,u.forwardRef)(function({data:e,wrapperRef:t,handleProps:a,onChange:n,indentationWidth:r,collapsed:s,onCollapse:d,...c},p){let{t:m}=(0,l.B)("components/organisms/admin"),h=nX(),b=(()=>{let e=(0,eY.q)(),{t}=(0,l.B)(["hook/admin/user"]);return(0,u.useCallback)(async a=>{await e.delete(`/admin/custom_blocks_with_html/${a}`).catch(()=>{nh.ih.error("",t("An error has occurred. Please try again later."))})},[e,t])})(),{headName:g,tailLength:f}=(0,u.useCallback)(e=>{let[t,...a]=e;if(!t)return{headName:"",tailLength:0};let i=(e=>{switch(e){case S.SpecialBrandGroupId.Admin:return m("Admin");case S.SpecialBrandGroupId.All:return m("User");case S.SpecialBrandGroupId.Guest:return m("Guest");default:return h.find(t=>t.id===e)?.groupName||""}})(t);return 0===a.length?{headName:i,tailLength:0}:{headName:i,tailLength:a.length}},[h,m])(e.customBlock.brandGroupIds),x=(0,u.useCallback)(e=>(0,i.FD)("div",{...e,"data-testid":"custom-block-item-handle",className:"jsx-f24d1667bbd9902e drag-handle",children:[(0,i.Y)(as.I,{source:"MenuHamburger",size:3}),(0,i.Y)(o(),{id:"f24d1667bbd9902e",children:".drag-handle.jsx-f24d1667bbd9902e{cursor:grab}.drag-handle.jsx-f24d1667bbd9902e:focus{outline:none}"})]}),[]),y=(0,u.useCallback)(()=>{e.onSelect(e.customBlock)},[e]),v=(0,u.useRef)(!1),Y=(0,u.useCallback)(async()=>

3{if(!v.current){v.current=!0;try{await b(e.customBlock.id),e.mutate()}finally{v.current=!1}}},[b,e]);return(0,i.Y)("li",{ref:t,...c,"data-testid":"custom-block-item",children:(0,i.Y)("div",{ref:p,children:(0,i.Y)(tB.a,{padding:7,children:(0,i.FD)(tz.o,{gap:7,alignItems:"center",children:[(0,i.Y)(tB.a,{minWidth:13,children:(0,i.Y)(tH.E,{children:e.orderIndex+1})}),(0,i.Y)(tB.a,{minWidth:18,children:(0,i.FD)(tB.a,{display:"flex",children:[(0,i.Y)(tH.E,{truncate:!0,children:g}),0!==f&&(0,i.FD)(tH.E,{whiteSpace:"nowrap",children:["+",f]})]})}),(0,i.Y)(tB.a,{minWidth:21,flexGrow:!0,children:(0,i.Y)(tH.E,{children:e.customBlock.note})}),(0,i.Y)(tB.a,{minWidth:13,children:(0,i.Y)(om.Q,{size:13,onEdit:y,onDelete:Y,types:["edit","delete"],modalTitle:m("Delete this custom block?"),modalButtonText:m("Delete"),modalContentText:m("The deleted code and settings can not be restored.")})}),(0,i.Y)(tB.a,{minWidth:13,children:(0,i.Y)(x,{...a||{},"data-cy":"box-edit-item-handle"})})]})})})})}),oh=({targetPageType:e,section:t,boxId:a,onSelect:n})=>{let{t:o}=(0,l.B)("components/organisms/admin"),[r,d,c]=((e,t,a)=>{let i=s().stringify({displaySection:t,boxId:a}),n=`/admin/custom_blocks/${e}?${i}`,{data:o,mutate:r}=(0,nq.s3)(n,{revalidateOnFocus:!1}),{cache:l}=(0,n5.iX)(),d=(0,u.useCallback)(()=>l.delete(n),[l,n]);return o?[o,r,d]:[null,r,d]})(e,t,a),[p,m]=(0,u.useState)([]),h=(()=>{let e=(0,eY.q)(),{t}=(0,l.B)(["hook/admin/user"]);return(0,u.useCallback)(async(a,i)=>{await e.put(`/admin/custom_blocks/reorder/${a}`,{orderIndex:i}).catch(()=>{nh.ih.error("",t("An error has occurred. Please try again later."))})},[e,t])})();(0,u.useEffect)(()=>{r&&m([...r.customBlocks].sort((e,t)=>t.priority-e.priority).map((e,t)=>({id:e.id,children:[],data:{orderIndex:t,mutate:d,onSelect:n,customBlock:e}})))},[r,d,n]);let b=(0,u.useCallback)((e,t)=>{t&&m(e.map((e,a)=>(t.id===e.id&&(h(e.data.customBlock.id,a),c()),{...e,data:{...e.data,orderIndex:a}})))},[h,c]);return(0,i.FD)(tB.a,{children:[(0,i.Y)(tB.a,{padding:7,children:(0,i.FD)(tz.o,{gap:7,alignItems:"center",children:[(0,i.Y)(tB.a,{minWidth:13,children:(0,i.Y)(tH.E,{color:tP.Q1.user.text.light,children:o("Priority")})}),(0,i.Y)(tB.a,{minWidth:18,children:(0,i.Y)(tH.E,{color:tP.Q1.user.text.light,children:o("Audience")})}),(0,i.Y)(tB.a,{minWidth:21,flexGrow:!0,children:(0,i.Y)(tH.E,{color:tP.Q1.user.text.light,children:o("Note")})}),(0,i.Y)(tB.a,{minWidth:13,children:(0,i.Y)(tH.E,{color:tP.Q1.user.text.light,children:o("Settings")})}),(0,i.Y)(tB.a,{minWidth:13})]})}),(0,i.Y)(ar,{items:p,setItems:b,Item:ou})]})};function ob({pageBox:e,displaySection:t,onPageBoxChange:a,onDisplaySectionChange:n,onSelect:r}){let{t:s}=(0,l.B)("components/organisms/admin");return(0,i.FD)("div",{className:o().dynamic([["f28ff30e51020dbd",[tP.Q1.user.background.white,tP.Q1.user.background.default]]])+" custom-block-settings-container",children:[(0,i.FD)("div",{className:o().dynamic([["f28ff30e51020dbd",[tP.Q1.user.background.white,tP.Q1.user.background.default]]])+" custom-block-settings-header",children:[(0,i.Y)("div",{className:o().dynamic([["f28ff30e51020dbd",[tP.Q1.user.background.white,tP.Q1.user.background.default]]])+" custom-block-settings-title",children:(0,i.Y)(tH.E,{fontWeight:"bold",variant:"xLarge",children:s("Custom block settings")})}),(0,i.Y)("div",{className:o().dynamic([["f28ff30e51020dbd",[tP.Q1.user.background.white,tP.Q1.user.background.default]]])+" custom-block-description",children:(0,i.Y)(tH.E,{variant:"small",children:s("Insert HTML, CSS, or other code with a custom block. You can display animations or embed another service.")})}),(0,i.Y)("a",{target:"_blank",href:(0,K.r6)()?"https://community.commmune.com/view/knowledgebase/post/16902":"https://encommunity.commmune.com/view/knowledgebase/post/16903/html-custom-blocks",className:o().dynamic([["f28ff30e51020dbd",[tP.Q1.user.background.white,tP.Q1.user.background.default]]])+" custom-block-help-link",children:s("Check block locations in Help Center")})]}),(0,i.FD)("div",{className:o().dynamic([["f28ff30e51020dbd",[tP.Q1.user.background.white,tP.Q1.user.background.default]]])+" custom-block-settings",children:[(0,i.FD)("div",{className:o().dynamic([["f28ff30e51020dbd",[tP.Q1.user.background.white,tP.Q1.user.background.default]]])+" custom-block-display-position",children:[(0,i.FD)("div",{className:o().dynamic([["f28ff30e51020dbd",[tP.Q1.user.background.white,tP.Q1.user.background.default]]])+" custom-block-page-box",children:[(0,i.Y)(tH.E,{variant:"small",color:tP.Q1.user.text.light,children:s("Page and box")}),(0,i.Y)("div",{className:o().dynamic([["f28ff30e51020dbd",[tP.Q1.user.background.white,tP.Q1.user.background.default]]])+" page-box-selector",children:(0,i.Y)(od,{value:e,onCh

3ange:a})})]}),(0,i.FD)("div",{className:o().dynamic([["f28ff30e51020dbd",[tP.Q1.user.background.white,tP.Q1.user.background.default]]])+" custom-block-location",children:[(0,i.Y)(tH.E,{variant:"small",color:tP.Q1.user.text.light,children:s("Block location")}),(0,i.Y)("div",{className:o().dynamic([["f28ff30e51020dbd",[tP.Q1.user.background.white,tP.Q1.user.background.default]]])+" block-location-index",children:(0,i.Y)(op,{pageBox:e,displaySection:t,onChange:n})})]})]}),(0,i.FD)("div",{className:o().dynamic([["f28ff30e51020dbd",[tP.Q1.user.background.white,tP.Q1.user.background.default]]])+" custom-block-index",children:[(0,i.FD)("div",{className:o().dynamic([["f28ff30e51020dbd",[tP.Q1.user.background.white,tP.Q1.user.background.default]]])+" custom-block-index-header",children:[(0,i.Y)(tH.E,{fontWeight:"bold",variant:"medium",children:t?s(n9[t]):""}),(0,i.Y)("div",{className:o().dynamic([["f28ff30e51020dbd",[tP.Q1.user.background.white,tP.Q1.user.background.default]]])+" custom-block-add-button",children:t&&(0,i.Y)(tT.$,{fullWidth:!0,icon:"Plus_Fill",onClick:()=>r(void 0),"data-testid":"custom-block-add",children:s("Add custom block button")})})]}),(0,i.FD)("div",{className:o().dynamic([["f28ff30e51020dbd",[tP.Q1.user.background.white,tP.Q1.user.background.default]]])+" custom-block-index-body",children:[(0,i.Y)("div",{className:o().dynamic([["f28ff30e51020dbd",[tP.Q1.user.background.white,tP.Q1.user.background.default]]])+" custom-block-table-title",children:(0,i.Y)(tH.E,{children:s("Custom blocks")})}),(0,i.Y)("div",{className:o().dynamic([["f28ff30e51020dbd",[tP.Q1.user.background.white,tP.Q1.user.background.default]]])+" custom-block-index-table",children:t&&(0,i.Y)(oh,{targetPageType:e.targetPageType,section:t,boxId:e.boxId,onSelect:r})})]})]})]}),(0,i.Y)(o(),{id:"f28ff30e51020dbd",dynamic:[tP.Q1.user.background.white,tP.Q1.user.background.default],children:`.custom-block-settings-container.__jsx-style-dynamic-selector{min-height:960px;background-color:${tP.Q1.user.background.white};display:flex;flex-direction:column;min-width:fit-content;width:100%}.custom-block-settings-header.__jsx-style-dynamic-selector{padding:16px}.custom-block-description.__jsx-style-dynamic-selector{margin-top:8px}.custom-block-settings.__jsx-style-dynamic-selector{display:flex;flex-grow:1;border-top:${tP.Q1.user.background.default} 1px solid;width:fit-content;width:100%}.custom-block-display-position.__jsx-style-dynamic-selector{min-width:256px;background-color:#f7f7f7}.custom-block-location.__jsx-style-dynamic-selector{padding:12px 16px}.custom-block-page-box.__jsx-style-dynamic-selector{border-bottom:#eee 1px solid;padding:12px 16px}.block-location-index.__jsx-style-dynamic-selector{padding:12px 0}.custom-block-index.__jsx-style-dynamic-selector{flex-grow:1;padding:16px}.custom-block-index-header.__jsx-style-dynamic-selector{display:flex;justify-content:space-between}.custom-block-add-button.__jsx-style-dynamic-selector{width:238px}.custom-block-index-body.__jsx-style-dynamic-selector{margin-top:20px}.custom-block-table-title.__jsx-style-dynamic-selector{padding:12px 0}.page-box-selector.__jsx-style-dynamic-selector{margin-top:8px}`})]})}let og=({isOpen:e,onToggle:t})=>{let[a,n]=(0,u.useState)({boxType:void 0,targetPageType:nu.eM.Home,boxId:void 0}),[r,s]=(0,u.useState)((0,nu.vs)(a)[0]),[l,d]=(0,u.useState)(nu.lP.Settings),[c,p]=(0,u.useState)(void 0);(0,u.useEffect)(()=>{e||d(nu.lP.Settings)},[e]);let m=(0,u.useCallback)(e=>{n(e),s((0,nu.vs)(e)[0])},[]),h=(0,u.useCallback)(e=>{d(nu.lP.Form),p(e)},[]),b=(0,u.useCallback)((e,t)=>{n(e),s(t),d(nu.lP.Settings)},[]);return e?(0,i.FD)(i.FK,{children:[(0,i.FD)("div",{className:"jsx-99d62b4f78da6050 webfont secondContents showSlide",children:[(0,i.Y)("div",{className:"jsx-99d62b4f78da6050 btnSidebarSecondClose",children:(0,i.Y)(A.K0,{style:{position:"absolute",top:5,left

3:5},onClick:t,children:(0,i.Y)("i",{className:"jsx-99d62b4f78da6050 fas fa-chevron-right text-white"})})}),(()=>{switch(l){case nu.lP.Settings:return(0,i.Y)(ob,{pageBox:a,displaySection:r,onPageBoxChange:m,onDisplaySectionChange:s,onSelect:h});case nu.lP.Form:return(0,i.Y)(ot,{pageBox:a,displaySection:r,block:c,onChangePage:b})}})()]}),(0,i.Y)(o(),{id:"99d62b4f78da6050",children:"ul.jsx-99d62b4f78da6050,li.jsx-99d62b4f78da6050{list-style-type:none;color:white}.btnSidebarSecondClose.jsx-99d62b4f78da6050{height:20px}.secondContents.jsx-99d62b4f78da6050>ul.jsx-99d62b4f78da6050{padding-left:0}.secondContents.jsx-99d62b4f78da6050>ul.jsx-99d62b4f78da6050 li.jsx-99d62b4f78da6050{margin-bottom:10px;border-bottom:none}.secondContents.jsx-99d62b4f78da6050{position:fixed;z-index:500;width:60%;height:calc(100vh - 114px);padding:35px 10px 10px;background-color:#09282f;right:180px;overflow:auto;top:114px}"})]}):null},of=(0,A.n9)()(()=>({banner:{marginTop:10,width:"85%",minHeight:48}}));function ox(e){let{src:t,color:a}=e,{classes:n}=of();return t?(0,i.Y)("img",{className:n.banner,src:t,color:a,"data-cy":"box-banner-image"}):(0,i.Y)(el,{"data-cy":"box-banner-unselected-icon",className:`${n.banner} border`,size:10})}var oy=a(99178);let ov=(0,A.n9)()(e=>({heading:{fontSize:e.typography.pxToRem(15),flexBasis:"33.33%",flexShrink:0},secondaryHeading:{fontSize:e.typography.pxToRem(15),color:e.palette.text.secondary}}));function oY(e){let{child:t,title:a,header:n,caption01:o,caption02:r,expanded:s,src:c,href:p,color:m,nowUploading:h,libraryItems:b,libType:g,onChangePanel:f,onDrop:x,onChangeHrefInput:y,onClickImage:v,onClickButton:Y}=e,{t:k}=(0,l.B)(["components/molecules/admin/site_edit"]),{classes:C}=ov(),{openModal:N}=(0,ev.fl)(),w=ek(),S=(0,d.useDispatch)(),j=k("Library"),B=[k("Library"),k("Archive(tab)")],[T,E]=(0,u.useState)(j);return(0,i.FD)(A.nD,{expanded:s,onChange:f,"data-cy":e["data-cy"],children:[(0,i.FD)(A.Xo,{expandIcon:(0,i.Y)(oy.A,{}),children:[(0,i.FD)("div",{className:C.heading,children:[a?(0,i.Y)(A.o5,{children:a}):null,(0,i.Y)("div",{children:t})]}),(0,i.FD)("div",{children:[n?(0,i.Y)(A.o5,{className:C.secondaryHeading,children:n}):null,(0,i.FD)(A.o5,{variant:"caption",children:[o??"",(0,i.Y)("br",{}),r??""]})]})]}),(0,i.Y)(A.Zi,{"data-cy":"panel-details",children:(0,i.FD)("div",{children:[(0,i.FD)("div",{className:"d-flex mb-3",children:[(0,i.Y)(et,{className:"mr-3",onDrop:x,nowUploading:h}),(0,i.Y)("div",{style:{flex:"auto"},children:y&&(0,i.Y)(A.pd,{fullWidth:!0,placeholder:k("Enter a landing URL"),value:p,onChange:y})})]}),(0,i.Y)("div",{className:"d-flex mb-3 justify-content-end",children:(0,i.Y)("div",{children:(0,i.Y)(ei,{children:B.map(e=>(0,i.Y)(en,{selected:T===e,onClick:()=>E(e),text:e},e))})})}),(0,i.Y)(ey,{libType:g,libraryItems:b,color:m,selectedSrc:c,isOnlyArchived:T!==j,onClick:v,updateArchiveStatus:(e,t)=>{N({title:t?k("Restore this image?"):k("Archive this Image?"),buttonText:t?k("Restore"):k("Archive"),contentText:t?k("This image will be moved to Library."):k("This image will be moved to Archive tab. It won’t be removed, if this image is in use."),onConfirm:async()=>{await w(e,{isArchived:!t}),S(q.Oq.request())}})}})]})}),(0,i.Y)(A.cG,{}),(0,i.Y)(A.wZ,{children:(0,i.Y)(_.a,{color:ea.A.MAIN_BLUE,onClick:Y,"data-cy":"registration-button",children:k("Save")})})]})}class ok extends u.Component{static{this.contextType=eO.rE}constructor(e){super(e),this.handleChange=e=>(t,a)=>{this.setState({expanded:a?e:null})},this.onDrop=e=>{let{dispatch:t}=this.props;this.setState({...this.state,nowUploading:!0});let a=()=>{this.setState({...this.state,nowUploading:!1}),t(q.Oq.request())};t(q.f3.request({files:e,successCb:a}))},this.onClickImage=e=>t=>{this.setState({...this.state,[e]:t})},this.onClickUserIcon=e=>{let t=this.state.userIconSrc.some(t=>t.src.split("/").slice(-1)[0]===e.split("/").slice(-1)[0]);t&&1===this.state.userIconSrc.length||this.setState({...this.state,userIconSrc:t?this.state.userIconSrc.filter(t=>t.src.split("/").slice(-1)[0]!==e.split("/").slice(-1)[0]):[...this.state.userIconSrc,{src:e}]})},this.onChangeBoxBannerSrc=e=>t=>{this.setState({boxBanners:this.state.boxBanners.map((a,i)=>(i===e&&(a.src=t),a))})},this.onChangeBoxBannerHref=(e,t)=>{this.setState({boxBanners:this.state.boxBanners.map((a,i)=>(i===e&&(a.href=t),a))})},this.onChangeSideBannerSrc=e=>t=>{let a=this.state.sideBanners.map((a,i)=>(i===e&&(a.src=t),a));this.setState({sideBanners:a})},this.onChangeSideBannerHref=(e,t)=>{let a=this.state.sideBanners.map((a,i)=>(i===e&&(a.href=t),a));this.setState({sideBanners:a})},this.markEdit=()=>{this.context?.markEdit?.()},this.onSaveImage=e=>{this.markEdit(),e.common?.sideBanners&&(e.common.sideBanners=e.common?.sideBanners?.filter(e=>void 0!==e&&""!==e.src));let{dispatch:t}=this.props;t(aD.um.request({partialSiteState:e,successCb:()=>{t(aD.VK.request())},updateServer:!1}));let a=this.props.getIWindow();a&&t(f({iWindow:a,type:iv.A.EVENT_TYPE_ONSAVE,payload:aD.um.request({partialSiteState:e,updateServer:!1})})),this.setState({expanded:null})}

3,this.onSaveAppBanner=()=>{this.markEdit(),this.props.dispatch(q.ld.request({appBannerUri:this.state.appBannerUri})),this.setState({expanded:null})},this.onSaveMasonryThumbnail=()=>{this.markEdit(),this.props.dispatch(q.Z$.request({masonryThumbnailUrl:this.state.masonryThumbnailUrl})),this.setState({expanded:null})},this.onSaveBoxes=()=>{this.markEdit();let{boxBanners:e}=this.state,{boxes:t,dispatch:a}=this.props;e.forEach(e=>{let a=t.findIndex(t=>t.id===e.boxId);if(-1===a)return;let i=t[a];void 0!==i&&(i.bannerHref=e.href,i.bannerSrc=e.src)});let i=(0,aD.sD)({item:t});a(aD.um.request({action:i,updateServer:!1}));let n=this.props.getIWindow();n&&a(f({iWindow:n,type:iv.A.EVENT_TYPE_ONSAVE,payload:i})),this.setState({expanded:null})};const{sideBanners:t}=e.common,a=e.boxes.map(e=>({type:e.type,boxId:e.id,header:e.header.text,src:e.bannerSrc,href:e.bannerHref}));this.state={expanded:null,officialIconSrc:e.common.officialIcon.src,faviconSrc:e.common.favicon.src,userIconSrc:e.common.userIcon,appBannerUri:e.appBannerUri,mypageBannerSrc:e.common.mypageBanner.src,mypageBannerHref:e.common.mypageBanner.href,masonryThumbnailUrl:e.masonryThumbnailUrl||"",boxBanners:a,sideBanners:0===t.length?[{src:"",href:""}]:t,nowUploading:!1}}render(){let{classes:e,library:t,common:a,useWhitelabel:n,t:o}=this.props,{expanded:r}=this.state,s=[{id:0,path:er.MW.src,isArchived:!1},...t],l=[{id:0,path:er.kP.src,isArchived:!1},...t],d=[{id:0,path:er.mQ[0].src,isArchived:!1},...t],c=a.colors.tabActive.color;return(0,i.FD)("div",{className:e?.root,"data-cy":"image-setting-panels",children:[(0,i.Y)(oY,{child:(0,i.Y)(es.t,{className:e?.bigAvatar,src:this.state.officialIconSrc,color:c}),title:o("Admin badge"),header:o("It indicates the user is admin."),caption01:o("Format: PNG"),caption02:o("Recommended: At least 180px \xd7 180px"),expanded:"officialPanel"===r,src:this.state.officialIconSrc,color:c,nowUploading:this.state.nowUploading,libraryItems:s,libType:ef,onChangePanel:this.handleChange("officialPanel"),onDrop:this.onDrop,onClickImage:this.onClickImage("officialIconSrc"),onClickButton:()=>{this.onSaveImage({common:{officialIcon:{src:this.state.officialIconSrc}}})}}),(0,i.Y)(oY,{child:(0,i.Y)("img",{className:e?.bigAvatar,src:this.state.faviconSrc,alt:"favicon"}),title:o("Favicon"),header:o("It appears on Web browser tab."),caption01:o("Format: PNG"),caption02:o("Recommended: At least 48px \xd7 48px"),expanded:"faviconPanel"===r,src:this.state.faviconSrc,color:c,nowUploading:this.state.nowUploading,libraryItems:l,libType:"common",onChangePanel:this.handleChange("faviconPanel"),onDrop:this.onDrop,onClickImage:this.onClickImage("faviconSrc"),onClickButton:()=>{this.onSaveImage({common:{favicon:{src:this.state.faviconSrc}}})}}),(0,i.Y)(oY,{child:(0,i.Y)(ed.n,{className:e?.bigAvatar,src:this.state.userIconSrc.slice(-1)[0].src,color:c}),title:o("Profile picture"),header:o("It appears as a default picture."),caption01:o("Format: PNG"),caption02:o("Recommended: At least 48px \xd7 48px"),expanded:"userIconPanel"===r,src:this.state.userIconSrc,color:c,nowUploading:this.state.nowUploading,libraryItems:d,libType:eg,onChangePanel:this.handleChange("userIconPanel"),onDrop:this.onDrop,onClickImage:this.onClickUserIcon,onClickButton:()=>{this.onSaveImage({common:{userIcon:this.state.userIconSrc}})}}),n?(0,i.Y)(oY,{"data-cy":"app-banner-setting-panel",child:(0,i.Y)(ox,{src:this.state.appBannerUri,color:c}),title:o("Banner (App Install)"),header:o("It appears only on mobile view."),caption01:o("Format: JPEG"),caption02:o("Recommended: 750px \xd7 100px"),expanded:"appBanner"===r,src:this.state.appBannerUri,color:c,nowUploading:this.state.nowUploading,libraryItems:[{id:0,path:"",isArchived:!1},...t],libType:"common",onChangePanel:this.handleChange("appBanner"),onDrop:this.onDrop,onClickImage:e=>{this.setState({appBannerUri:e})},onClickButton:()=>this.onSaveAppBanner()}):null,(0,i.Y)(oY,{child:(0,i.Y)(ox,{src:this.state.mypageBannerSrc,color:c}),title:o("My Page banner"),header:o("Change banner images shown on My Page"),caption01:o("Format: JPEG"),caption02:o("Recommended: Wi

3dth of 700px"),expanded:"mypageBanner"===r,src:this.state.mypageBannerSrc,href:this.state.mypageBannerHref,color:c,nowUploading:this.state.nowUploading,libraryItems:[{id:0,path:"",isArchived:!1},...t],libType:"common",onChangePanel:this.handleChange("mypageBanner"),onDrop:this.onDrop,onChangeHrefInput:e=>{this.setState({mypageBannerHref:e.target.value})},onClickImage:e=>{this.setState({mypageBannerSrc:e})},onClickButton:()=>{this.onSaveImage({common:{mypageBanner:{src:this.state.mypageBannerSrc,href:this.state.mypageBannerHref}}})}}),(0,i.Y)(oY,{child:(0,i.Y)(ox,{src:this.state.masonryThumbnailUrl,color:c}),title:o("Two-column (Default image)"),header:o("It appears as a default picture for post without images."),caption01:o("Format: JPEG"),caption02:o("Recommended: Width of 1360px"),expanded:"twoColumn"===r,src:this.state.masonryThumbnailUrl,color:c,nowUploading:this.state.nowUploading,libraryItems:[{id:0,path:"",isArchived:!1},...t],libType:"common",onChangePanel:this.handleChange("twoColumn"),onDrop:this.onDrop,onClickImage:e=>{this.setState({masonryThumbnailUrl:e})},onClickButton:()=>this.onSaveMasonryThumbnail()}),this.state.boxBanners.map((e,a)=>{let{src:n,href:s,header:l}=e;return(0,i.Y)(oY,{child:(0,i.Y)(ox,{src:n,color:c}),title:o("Top banner {{header}}",{header:l}),header:o("Change banner for {{boxBanner}}",{boxBanner:l}

3),caption01:o("Format: JPEG"),caption02:o("Recommended: Width of 1656px"),expanded:r===`boxBanner-${a}`,src:n,href:s,color:c,nowUploading:this.state.nowUploading,libraryItems:[{id:0,path:"",isArchived:!1},...t],libType:"common",onChangePanel:this.handleChange(`boxBanner-${a}`),onDrop:this.onDrop,onChangeHrefInput:e=>{this.onChangeBoxBannerHref(a,e.target.value)},onClickImage:this.onChangeBoxBannerSrc(a),onClickButton:()=>{this.onSaveBoxes()},"data-cy":`${(0,tI.getBoxSlug)(e.type)}-box-banner-setting-panel`},a)}),this.state.sideBanners.map((e,a)=>{let n=0===a,s=n?o("Side banner (Post box)"):"",l=n?o("Change banner displayed on the side of Post box"):"",d=n?o("Format: JPEG"):"",p=n?o("Recommended: 480px \xd7 134px"):"",{src:m,href:u}=e;return(0,i.Y)(oY,{child:(0,i.Y)(ox,{src:m,color:c}),title:s,header:l,caption01:d,caption02:p,expanded:r===`sideBanner-${a}`,src:m,href:u,color:c,nowUploading:this.state.nowUploading,libraryItems:[{id:0,path:"",isArchived:!1},...t],libType:"common",onChangePanel:this.handleChange(`sideBanner-${a}`),onDrop:this.onDrop,onChangeHrefInput:e=>{this.onChangeSideBannerHref(a,e.target.value)},onClickImage:this.onChangeSideBannerSrc(a),onClickButton:()=>{this.onSaveImage({common:{sideBanners:this.state.sideBanners}})}},a)}),(0,i.Y)("div",{className:e?.addSideBannersPanel,children:(0,i.Y)("button",{className:`btn btn-light border ${e?.addSideBannersButton}`,onClick:()=>this.setState({sideBanners:[...this.state.sideBanners,{src:"",href:""}]}),children:`+ ${o("Add side banner")}`})})]})}}let oC=(0,A.Xy)(ok,{root:{width:"100%"},bigAvatar:{marginTop:10,width:48,height:48},addSideBannersPanel:{backgroundColor:"#fff",padding:"12px 24px"},addSideBannersButton:{fontWeight:"bold",fontSize:"10px",width:"27.3%",padding:"15px"}}),oN=(0,d.connect)(e=>({library:e.appAdmin.adminLibrary.item,useWhitelabel:e.app.brand.useWhitelabel,appBannerUri:e.app.brand.appBannerUri,masonryThumbnailUrl:e.app.brand.masonryThumbnailUrl,common:e.site.common,boxes:e.site.top.boxes.item,brandId:e.app.brand.id}))((0,w.C)("components/organisms/admin")(oC));class ow extends u.Component{handleResize(){this.setState({...this.state,height:window.innerHeight})}render(){let e=this.props;return e.isOpen?(0,i.FD)(u.Fragment,{children:[(0,i.FD)("div",{"ug-id":"admin-design-community-page-change-images-slide",className:o().dynamic([["e32e7dd4f048c0b",[this.state.height-114]]])+" webfont secondContents  showSlide",children:[(0,i.Y)("div",{className:o().dynamic([["e32e7dd4f048c0b",[this.state.height-114]]])+" btnSidebarSecondClose",children:(0,i.Y)(A.K0,{style:{position:"absolute",top:5,left

3:5},onClick:e.onToggle,children:(0,i.Y)("i",{className:o().dynamic([["e32e7dd4f048c0b",[this.state.height-114]]])+" fas fa-chevron-right text-white"})})}),(0,i.Y)(oN,{getIWindow:e.getIWindow})]}),(0,i.Y)(o(),{id:"e32e7dd4f048c0b",dynamic:[this.state.height-114],children:`ul.__jsx-style-dynamic-selector,li.__jsx-style-dynamic-selector{list-style-type:none;color:white}.btnSidebarSecondClose.__jsx-style-dynamic-selector{height:20px}.secondContents.__jsx-style-dynamic-selector>ul.__jsx-style-dynamic-selector{padding-left:0}.secondContents.__jsx-style-dynamic-selector>ul.__jsx-style-dynamic-selector li.__jsx-style-dynamic-selector{margin-bottom:10px;border-bottom:none}.secondContents.__jsx-style-dynamic-selector{position:fixed;z-index:500;width:60%;height:${this.state.height-114}px;padding:35px 10px 10px;background-color:#09282f;transition:all.3s ease-in;right:180px;overflow:auto;top:114px}`})]}):null}constructor(...e){super(...e),this.state={height:0},this.componentDidMount=()=>{this.props.dispatch(q.Oq.request()),window.addEventListener("resize",this.handleResize.bind(this)),this.setState({height:window.innerHeight})},this.componentWillUnmount=()=>{window.removeEventListener("resize",this.handleResize.bind(this))}}}let oS=(0,d.connect)(e=>({fontFamily:e.site.common.fontFamily,library:e.appAdmin.adminLibrary.item}))(ow);var o_=a(20685);let oj="100%";class oB extends u.Component{render(){let{sideBarFont:e,sideBarSettingImages:t,sideBarSettingColors:a,sideBarSettingCustomBlocks:n}=this.state;return(0,i.FD)(u.Fragment,{children:[(0,i.Y)(i5,{width:180,offsetTop:102.16,onClickFontChange:()=>{this.toggle("sideBarFont")},onClickImageChange:()=>{this.toggle("sideBarSettingImages")},onClickColorChange:()=>{this.toggle("sideBarSettingColors")},onClickCustomBlockChange:()=>{this.toggle("sideBarSettingCustomBlocks")}}),(0,i.Y)(nn,{isOpen:e,onToggle:()=>{this.toggle("sideBarFont")},getIWindow:this.props.getIWindow}),(0,i.Y)(oS,{isOpen:t,onToggle:()=>{this.toggle("sideBarSettingImages")},getIWindow:this.props.getIWindow}),(0,i.Y)(nm,{isOpen:a,onToggle:()=>{this.toggle("sideBarSettingColors")},getIWindow:this.props.getIWindow}),(0,i.Y)(og,{isOpen:n,onToggle:()=>{this.toggle("sideBarSettingCustomBlocks")}})]})}constructor(...e){super(...e),this.state={sideBarFont:!1,sideBarSettingImages:!1,sideBarSettingColors:!1,sideBarSettingCustomBlocks:!1},this.toggle=e=>{let t=this.state[e];this.setState({...{sideBarFont:!1,sideBarSettingImages:!1,sideBarSettingColors:!1,sideBarSettingCustomBlocks:!1},[e]:!t})}}}class oT extends u.Component{constructor(e){super(e),this.iframe=null,this.timer=null,this.dispatchLatestStateToIframe=()=>{if(!this.iframe||!this.iframe.contentWindow)return;let{item:e,common:t,dispatch:a}=this.props,i=(0,h.A)("site/top/SET_BOXES")({item:e,path:"top.boxes"}),n=this.iframe.contentWindow;a(f({iWindow:n,type:iv.A.EVENT_TYPE_ONSAVE,payload:i})),a(f({iWindow:n,type:iv.A.EVENT_TYPE_ONSAVE,payload:aD.um.request({partialSiteState:{common:t},updateServer:!1})}))},this.getIWindow=()=>this.iframe?.contentWindow??null,this.mapEditableElements=(e,t)=>Array.from(e).map((e,a)=>{let n=e.getBoundingClientRect(),o=e.dataset;return(0,i.Y)(iR,{rect:n,attr:o,iWindow:t,onSave:()=>{this.updateIframe()}},a)}),this.addIFrameStyle=()=>({height:"100%",width:oj,border:"none"}),this.handleIframeLoad=()=>{this.updateOverlay(),setTimeout(()=>{this.dispatchLatestStateToIframe()},0)},this.state={overlayElements:[],sectionHeight:1200,keyForUpdateIframe:0}}componentWillUnmount(){this.timer&&clearInterval(this.timer)}updateOverlay(){if(!this.iframe)return;this.setState({overlayElements:[]});let e=this.iframe.contentWindow;if(!e)return;let t=()=>{let t=e.document.getElementsByClassName(o_.A.EDITABLE),a=this.mapEditableElements(t,e);this.setState({overlayElements:a});let i=e.document?.body?.clientHeight;this.state.sectionHeight!==i&&this.setState({sectionHeight:i||12

300})};this.timer&&clearInterval(this.timer),this.timer=setInterval(()=>{t(),e.document?.body?.style.setProperty("overflow","hidden")},800)}updateIframe(){this.setState({keyForUpdateIframe:this.state.keyForUpdateIframe+1})}addOverlayContainerStyle(){return{position:"absolute",height:"100%",width:oj,top:0,left:0}}render(){let e=this.props,t=this.state;return(0,i.FD)("div",{className:o().dynamic([["ad58f63ebff9f784",[180,t.sectionHeight]]])+" admin-edit-wrapper",children:[(0,i.Y)(oB,{getIWindow:this.getIWindow}),(0,i.Y)("div",{className:o().dynamic([["ad58f63ebff9f784",[180,t.sectionHeight]]])+" mainBody",children:(0,b.S$)()?null:(0,i.FD)("section",{className:o().dynamic([["ad58f63ebff9f784",[180,t.sectionHeight]]]),children:[(0,i.Y)("iframe",{"data-cy":"admin-edit",ref:e=>{this.iframe=e},style:this.addIFrameStyle(),src:e.iframeSrc,onLoad:this.handleIframeLoad,className:o().dynamic([["ad58f63ebff9f784",[180,t.sectionHeight]]])},this.state.keyForUpdateIframe),(0,i.Y)("div",{id:"editableOverlayContainer",style:this.addOverlayContainerStyle(),className:o().dynamic([["ad58f63ebff9f784",[180,t.sectionHeight]]]),children:t.overlayElements})]})}),(0,i.Y)(o(),{id:"ad58f63ebff9f784",dynamic:[180,t.sectionHeight],children:`button.__jsx-style-dynamic-selector{padding:10px 150px;background:#254860}div.admin-edit-wrapper.__jsx-style-dynamic-selector{display:flex;flex-direction:row-reverse}div.mainBody.__jsx-style-dynamic-selector{margin-right:180px;flex-grow:1}section.__jsx-style-dynamic-selector{position:relative;width:100%;height:${t.sectionHeight}px;margin:0;background-color:white}`})]})}}let oA=(0,d.connect)(e=>({item:e.site.top.boxes.item,common:e.site.common}))(e=>(0,i.Y)(i.FK,{children:(0,i.Y)(oT,{...e})}));var oE=a(66739),oI=a(82553),oD=a(12787);let oF=e=>{let{t}=(0,l.B)(["pages/admin/site/edit"]);if(!(0,d.useSelector)(oD.m6))return(0,i.Y)(oE.default,{statusCode:403});let a=s().stringify({...e.activeBoxTabIndex?{[iq.A.BOX_TAB_INDEX_KEY]:e.activeBoxTabIndex}:{},edit:!0});return(0,i.FD)(eO.LT,{children:[(0,i.FD)("div",{className:"jsx-5f0313db2a41bd33 site-header",children:[(0,i.FD)(m.h,{children:[(0,i.Y)("li",{className:"jsx-5f0313db2a41bd33 breadcrumb-item",children:t("Community page")}),(0,i.Y)("li",{className:"jsx-5f0313db2a41bd33 breadcrumb-item active",children:e.slug||t("Feed page")})]}),(0,i.Y)(oI.default,{})]}),(0,i.Y)(oA,{...e,iframeSrc:`${p.default.VIEW_HOME}?${a}${c.rj}`}),(0,i.Y)(o(),{id:"5f0313db2a41bd33",children:"div.site-header.jsx-5f0313db2a41bd33{position:sticky;top:0;z-index:1000}"})]})};oF.getInitialProps=({ctx:e})=>{let{activeBoxTabIndex:t}=e.query;return{activeBoxTabIndex:t}};let oM=oF},26242:(e,t)=>{"use strict";t.hw=t.Fq=void 0,t.Fq=-1,t.hw={id:t.Fq,index:1,src:"",href:"",visiblePermission:[-1,-3],onlyFirstSignin:!1}},28442:(e,t,a)=>{"use strict";a.d(t,{a:()=>i});let i=e=>{let t=/\.gif($|\?)/i.test(e),a=0>e.indexOf("storage.googleapis.com/users-cuuf")&&0>e.indexOf("storage.googleapis.com/users-cuuf-local")&&!/^(https?:\/\/[^\/]+\/private-files\/brands\/\d+)\/([\w-]+)\/([\w-]+)\/([\w-]+)\/(.+)/.test(e);return t||a}},29070:e=>{e.exports={snackbarRoot:"Snackbar_snackbarRoot___Pv_r",snackbarContentWrapper:"Snackbar_snackbarContentWrapper__lFOl_",longerAction:"Snackbar_longerAction__bKSpS",snackbarText:"Snackbar_snackbarText__oZg69",snackbarDescription:"Snackbar_snackbarDescription__Y4ZZY",snackbarAction:"Snackbar_snackbarAction__0KciU",snackbarClose:"Snackbar_snackbarClose__pjJu5",snackbarViewport:"Snackbar_snackbarViewport__dqPsQ",snackbarToast:"Snackbar_snackbarToast__q0CmS"}},32898:(e,t,a)=>{"use strict";a.d(t,{h:()=>s});var i=a(45023),n=a(2004),o=a.n(n),r=a(39282);function s({children:e}){return(0,i.FD)("nav",{className:o().dynamic([["edfe2cb0a5187160",[r.FE.gray.admin[2]]]])+" breadcrumbArea bg-white",children:[(0,i.Y)("ol",{className:o().dynamic([["edfe2cb0a5187160",[r.FE.gray.admin[2]]]])+" breadcrumb bg-white mb-0",children:e}),(0,i.Y)(o(),{id:"edfe2cb0a5187160",dynamic:[r.FE.gray.admin[2]],children:`.breadcrumbArea.__jsx-style-dynamic-selector{font-size:12px;border-bottom:1px solid ${r.FE.gray.admin[2]}}ol.__jsx-style-dynamic-selector{position:relative}`})]})}},38474:(e,t,a)=>{"use strict";a.d(t,{B:()=>s,H:()=>l});var i=a(45023),n=a(2004),o=a.n(n),r=a(10854);let s={BoxesModal:"BoxesModal",ImageModal:"ImageModal",CategoriesModal:"CategoriesModal",CardLinkListModal:"CardLinkListModal",SideContentsModal:"SideContentsModal",InformationBannerSettingsModal:"InformationBannerSettingsModal",HomeScreenBannerModal:"HomeScreenBannerModal",Me

3nuModal:"MenuModal",NavigationModal:"NavigationModal"};function l(e){return(0,i.FD)("div",{"data-cy":`overlay-${(0,r.s)(e.modalName)}`,"ug-id":`admin-overlay-${(0,r.s)(e.modalName)}`,style:e.overlayRect?{position:"absolute",top:e.overlayRect.top,left:e.overlayRect.left,width:e.overlayRect.width,height:e.overlayRect.height}:void 0,onClick:t=>{t.preventDefault(),e.onTriggerModal&&e.onTriggerModal()},className:`jsx-90b9e7939d35a042 parent ${e.className||""}`,children:[(0,i.Y)("div",{className:"jsx-90b9e7939d35a042 ornament",children:(0,i.Y)("div",{className:"jsx-90b9e7939d35a042 popIcon rounded",children:"Edit"})}),(0,i.Y)(o(),{id:"90b9e7939d35a042",children:".parent.jsx-90b9e7939d35a042:hover{outline:8px solid black;background-color:rgba(255,255,255,.3);cursor:pointer}.ornament.jsx-90b9e7939d35a042{display:none;justify-content:center;align-items:center;height:100%}.parent.jsx-90b9e7939d35a042:hover .ornament.jsx-90b9e7939d35a042{display:flex}.popIcon.jsx-90b9e7939d35a042{font-size:12px;color:white;padding:5px 16px;background:black;z-index:101}"})]})}},39807:(e,t)=>{"use strict";t.kb=void 0,t.kb={Cover:"cover",Repeat:"repeat"}},39871:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/admin/site/edit/home",function(){return a(25488)}])},40360:(e,t,a)=>{"use strict";a.d(t,{a:()=>l});var i=a(45023);a(36439);var n=a(30915),o=a(68178),r=a(39282);let s=(e,t,a,i)=>{if(void 0===t)return"";let n=(t,a)=>{if(void 0===t)return"";let n="number"==typeof t?t.toString():t,o=i&&Object.keys(i).includes(n)?i[n]:n,r=`${e}: ${o};`;return a?`@media (max-width: ${a}) { ${r} }`:r},o="";if("object"!=typeof t)o+=n(t);else for(let[e,i]of("default"in t&&(o+=n(t.default)),Object.entries(a))){let a=t[e];void 0!==a&&(o+=n(a,i))}return o};function l({as:e="div",id:t,children:a,onMouseEnter:n,onMouseLeave:o,onClick:r,"data-cy":s,"data-selected":c,clickable:p,...m}){return(0,i.Y)(e,{css:d(m,p),id:t,onMouseEnter:n,onMouseLeave:o,onClick:r,"data-cy":s,"data-selected":c,children:a})}let d=({display:e,flexDirection:t,flexWrap:a,flexGrow:i,gap:l,columnGap:d,rowGap:c,position:p,top:m,bottom:u,left:h,right:b,alignItems:g,justifyContent:f,insetBlockStart:x,insetBlockEnd:y,insetInlineStart:v,insetInlineEnd:Y,width:k,minWidth:C,maxWidth:N,calcWidth:w,height:S,minHeight:_,padding:j,paddingTop:B,paddingRight:T,paddingBottom:A,paddingLeft:E,paddingBlock:I,paddingBlockStart:D,paddingBlockEnd:F,paddingInline:M,paddingInlineStart:L,paddingInlineEnd:P,margin:z,marginBlock:$,marginBlockStart:R,marginBlockEnd:O,marginInline:G,marginInlineStart:U,marginInlineEnd:H,marginLeft:W,marginRight:Q,marginTop:K,marginBottom:V,background:q,borderPosition:X,borderWidth:J,borderBlockWidth:Z,borderBlockStartWidth:ee,borderBlockEndWidth:et,borderInlineWidth:ea,borderInlineStartWidth:ei,borderInlineEndWidth:en,borderColor:eo,borderRadius:er,borderStartStartRadius:es,borderStartEndRadius:el,borderEndStartRadius:ed,borderEndEndRadius:ec,hover:ep,shadowAlpha:em,overflowX:eu,overflowY:eh,opacity:eb,zIndex:eg,scrollBarWidth:ef,moveToRight:ex,containerType:ey},ev)=>{let eY=X?`border-${X}`:"border";return(0,n.AH)(s("display",e,r.EA)," ",s("flex-direction",t,r.EA)," ",a&&`flex-wrap: ${a};`," ",i&&"flex-grow: 1;"," ",s("gap",l,r.EA,r.Kz)," ",s("column-gap",d,r.EA,r.Kz)," ",s("row-gap",c,r.EA,r.Kz)," ",p&&`position: ${p};`," ",s("top",m,r.EA,r.Kz)," ",s("bottom",u,r.EA,r.Kz)," ",s("left",h,r.EA,r.Kz)," ",s("right",b,r.EA,r.Kz)," ",g&&`align-items: ${g};`," ",f&&`justify-content: ${f};`," ",s("inset-block-start",x,r.EA,r.Kz)," ",s("inset-block-end",y,r.EA,r.Kz)," ",s("inset-inline-start",v,r.EA,r.Kz)," ",s("inset-inline-end",Y,r.EA,r.Kz)," ",s("width",k,r.EA,r.Po)," ",s("min-width",C,r.EA,r.Po)," ",s("max-width",N,r.EA,r.Po)," ",s("width",w,r.EA,r.Po)," ",s("height",S,r.EA,r.Ch)," ",s("min-height",_,r.EA,r.Ch)," ",s("padding",j,r.EA,r.Kz)," ",s("padding-top",B,r.EA,r.Kz)," ",s("padding-right",T,r.EA,r.Kz)," ",s("padding-bottom",A,r.EA,r.Kz)," ",s("padding-left",E,r.EA,r.Kz)," ",s("padding-block",I,r.EA,r.Kz)," ",s("padding-block-start",D,r.EA,r.Kz)," ",s("padding-block-end",F,r.EA,r.Kz)," ",s("padding-inline",M,r.EA,r.Kz)," ",s("padding-inline-start",L,r.EA,r.Kz)," ",s("padding-inline-end",P,r.EA,r.Kz)," ",s("margin",z,r.EA,r.Kz)," ",s("margin-block",$,r.EA,r.Kz)," ",s("margin-block-start",R,r.EA,r.Kz)," ",s("margin-block-end",O,r.EA,r.Kz)," ",s("margin-inline",G,r.EA,r.Kz)," ",s("margin-inline-start",U,r.EA,r.Kz)," ",s("margin-inline-end",H,r.EA,r.Kz)," ",s("margin-top",K,r.EA,r.Kz)," ",s("margin-bottom",V,r.EA,r.Kz)," ",s("margin-left",W,r.EA,r.Kz)," ",s("margin-right",Q,r.EA,r.Kz)," ",q&&`background: ${(0,o.Tt)(q)?r.Q1.user.background[q]:q};`," ",(eo||J||ee||et||ei||en)&&`
4  ${eY}-width: 0;
5  ${eY}-style: solid;`," ",s(`${eY}-width`,J,r.EA,r.V6)," ",s("border-block-width",Z,r.EA,r.V6)," ",s("border-block-start-width",ee,r.EA,r.V6)," ",s("border-block-end-width",et,r.EA,r.V6)," ",s("border-inline-width",ea,r.EA,r.V6)," ",s("border-inline-start-width",ei,r.EA,r.V6)," ",s("border-inline-end-width",en,r.EA,r.V6)," ",eo&&(0,o.os)(eo)?`${eY}-color: ${r.Q1.user.border[eo]}`:`${eY}-color: ${eo}`,";",s("border-radius",er,r.EA,r.wA)," ",s("border-start-start-radius",es,r.EA,r.wA)," ",s("border-start-end-radius",el,r.EA,r.wA)," ",s("border-end-start-radius",ed,r.EA,r.wA)," ",s("border-end-end-radius",ec,r.EA,r.wA)," ",ep?.border&&`&:hover { border-color: ${r.Q1.user.border[ep.border]};}`," ",em&&`box-shadow: ${(0,r.Vo)({type:"default",alpha:em})};`," ",eu&&`overflow-x: ${eu};`," ",eh&&`overflow-y: ${eh};`," ",eb&&`opacity: ${r.ur[eb]};`," ",eg&&`z-index: ${r.Pj[eg]};`," ",ef&&`scrollbar-width: ${ef};`," ",ev&&"cursor: pointer;"," ",ex&&"margin-left: auto;"," ",ey&&`container-type: ${ey};`)}},40690:(e,t,a)=>{"use strict";a.d(t,{Q:()=>h});var i=a(45023),n=a(36439),o=a(90524),r=a(41471);

5let s=({href:e,onCopy:t,shareText:a,copyText:i,buttonElement:n,config:o})=>"u">typeof navigator&&void 0!==navigator.share?n(a,()=>navigator.share(o.params).then(o.onShareSuccess).catch(o.onShareError),!0):n(i,async()=>{try{await navigator.clipboard.writeText(e||" "),t()}catch(e){o.onShareError(e)}},!1);var l=a(48371),d=a(11970),c=a(24207),p=a(76768),m=a(7528),u=a(11345);function h({onEdit:e,onDuplicate:t,onPin:a,onUnPin:b,onSetOnBoard:g,onShowToPosterAdmin:f,onShowToAll:x,onCopy:y,onShowGroupUsers:v,onUnSetBoard:Y,onReport:k,onDelete:C,size:N,shareText:w,linkText:S,types:_,children:j,textColor:B,styles:T,modalTitle:A,modalButtonText:E,modalContentText:I}){let{t:D}=(0,o.B)(["components/molecules"]),[F,M]=(0,n.useState)(null),[L,P]=(0,n.useState)(!1),z=!!F,$=`long-menu-${(0,n.useId)()}`,R=(0,r.useSelector)(d.J8),O=[{key:"edit",label:D("Edit")},{key:"duplicate",label:D("Duplicate")},{key:"delete",label:D("Delete")},{key:"pin",label:D("Pin on top")},{key:"unPin",label:D("Unpin")},{key:"setOnBoard",label:D("Set as one-time display")},{key:"unSetOnBoard",label:D("Remove from one-time item")},{key:"showToPosterAdmin",label:D("Limit view to author/admins")},{key:"showToAll",label:D("Remove view limit")},{key:"createLink",label:D("Copy link")},{key:"showGroupUsers",label:D("View group members")},{key:"reportPost",label:D("Report post")},{key:"reportComment",label:D("Report comment")},{key:"reportEvent",label:D("Report event")}].filter(e=>!("createLink"===e.key&&!R)),G=_||["delete"],U=O.filter(e=>G.includes(e.key)),H=(0,n.useCallback)(()=>{P(!L)},[L]),W=(0,n.useCallback)(e=>{M(e.currentTarget)},[]),Q=()=>{M(null)},K=i=>{"delete"===i?H():"edit"===i?e&&e():"duplicate"===i?t&&t():"setOnBoard"===i?g&&g():"unSetOnBoard"===i?Y&&Y():"createLink"===i?y&&y():"pin"===i?a&&a():"unPin"===i?b&&b():"showToPosterAdmin"===i?f&&f():"showToAll"===i?x&&x():"showGroupUsers"===i?v&&v():("reportPost"===i||"reportComment"===i||"reportEvent"===i)&&k&&k(),Q()};return U.length<=0?null:(0,i.FD)(i.FK,{children:[(0,i.Y)(m.K0,{"data-cy":"more-vert-menu-icon","data-testid":"more-vert-menu-icon","aria-label":"More","aria-owns":z?$:void 0,"aria-haspopup":"true","aria-expanded":z,style:{fontSize:N,...T},onClick:W,children:(0,i.Y)(u.A,{style:{color:B??c.Q}})}),(0,i.FD)(m.DE,{"data-cy":"more-vert-menu",id:$,anchorEl:F,open:z,onClose:Q,PaperProps:{style:{maxHeight:264,minWidth:220,maxWidth:240}},children:[U.map(e=>(0,i.Y)(m.az,{children:"createLink"===e.key?(0,i.Y)(s,{href:S||"",buttonElement:(t,a,n)=>(0,i.FD)(m.Dr,{onClick:a,"data-cy":`more-vert-menu-item-${e.key}`,children:[t,n?(0,i.Y)("i",{className:"ml-2 fas fa-share-alt"}):null]}),copyText:D("Copy link"),shareText:D("Share"),onCopy:()=>K(e.key),config:{params:{title:"",text:w||"",url:S||""},onShareSuccess:()=>p.v.info("Success"),onShareError:e=>p.v.error(e)}},e.key):(0,i.Y)(m.Dr,{"data-cy":`more-vert-menu-item-${e.key}`,"data-testid":`more-vert-menu-item-${e.key}`,style:{whiteSpace:"normal"},onClick:()=>K(e.key),children:e.label},e.key)},e.key)),j]}),(0,i.Y)(l.E,{isOpen:L,title:A||D("Delete this item? This action will delete all the data in it. The data deleted can not be restored."),buttonText:E||D("Delete_MODAL"),contentText:I,onCancel:H,onConfirm:()=>{C&&C(),H()}})]})}},40794:(e,t,a)=>{"use strict";a.d(t,{$:()=>i.$});var i=a(45432)},41483:(e,t,a)=>{"use strict";a.d(t,{d:()=>d});var i=a(45023),n=a(30915),o=a(69351),r=a.n(o),s=a(39282),l=a(19657);function d({onToggle:e,color:t,checked:a=!1,disabled:n=!1,label:o,"data-cy":m}){let u=r()(t).alpha(s.mu.half).rgb().string(),h=n?s.Q1.user.icon.disabled:a?u:"#00000061",b=n||!a?"#FAFAFA":t;return(0,i.FD)(l.o,{alignItems:"center",gap:3.5,children:[(0,i.Y)("button",{onClick:()=>{n||e(!a)},css:c(n,h),"data-cy":m,children:(0,i.Y)("div",{css:p(a,b)})}),o]})}let c=(e,t)=>(0,n.AH)("cursor:",!e&&"pointer",";background-color:",t,";position:relative;display:flex;align-items:center;width:34px;height:14px;border-radius:7px;"),p=(e,t)=>(0,n.AH)("position:absolute;transform:",e?"translateX(15px)":"translateX(-3px)",";height:20px;width:20px;border-radius:",s.TI.circle,";background-color:",t,";box-shadow:0px 2px 1px -1px #00000033;transition:transform 0.2s ease;")},42097:e=>{e.exports={container:"Grid_container__SwdkM",containerFluid:"Grid_containerFluid__t7MxF",row:"Grid_row__Wg_BO",col:"Grid_col__A_uV7"}},46854:(e,t,a)=>{"use strict";a.d(t,{PK:()=>r,TR:()=>l,XL:()=>d,mJ:()=>s});var i=a(45023);let n=a(18097).c.DropdownIndicator,o=e=>(0,i.Y)(n,{...e,children:(0,i.Y)("span",{children:"▼"})}),r=e=>o(e),s=e=>o(e),l=e=>(0,i.FD)("div",{"ug-id":e["ug-id"],children:[(0,i.Y)("span",{children:e.left}),(0,i.Y)("span",{children:e.right})]}),d=()=>({control:e=>({...e,backgroundColor:"white",borderRadius:0,borderWidth:"1px 0",padding:"10px 0",margin:"0 auto",fontSize:16}),indicatorSeparator:e=>({...e,display:"none"}),menuPortal:e=>({...e,zIndex:2}),menu:e=>({...e,zIndex:2})})},48835:e=>{e.exports={root:"Card_root__ZLsR2",headline:"Card_headline__FJJ7f typescaleBodyLarge",subhead:"Card_subhead__fvWEr typescaleBodyMedium",description:"Card_description__e7PaJ typescaleBodyMedium",image:"Card_image__VHnau",elevated:"Card_elevated__V_bAB",filled:"Card_filled__iRgs5",outline:"Card_outline__cug4L",outlined:"Card_outlined__55fuo",footer

5:"Card_footer__IdaX7",content:"Card_content__f5fAK",head:"Card_head__JC1wg"}},48877:(e,t,a)=>{"use strict";a.d(t,{t:()=>r});var i=a(45023),n=a(90524),o=a(58086);function r(e){let{src:t,color:a,className:r,onClick:s}=e,l=()=>s&&s(t),{t:d}=(0,n.B)(["components/atoms"]);return(0,i.Y)(i.FK,{children:-1!==t.indexOf(o.MW.src)?(0,i.Y)("svg",{xmlns:"http://www.w3.org/2000/svg",className:r||"",viewBox:"0 0 24 24",onClick:l,children:(0,i.Y)("path",{fill:a,fillRule:"evenodd",d:"M15.6738 3.13076L12 0L8.32624 3.13076L3.51472 3.51472L3.13076 8.32624L0 12L3.13076 15.6738L3.51472 20.4853L8.32624 20.8692L12 24L15.6738 20.8692L20.4853 20.4853L20.8692 15.6738L24 12L20.8692 8.32624L20.4853 3.51472L15.6738 3.13076ZM11.3177 15.9284C11.3265 15.9196 11.335 15.9107 11.3434 15.9018L17.7009 9.5443C18.0997 9.14547 18.0997 8.49883 17.7009 8.1C17.302 7.70117 16.6554 7.70117 16.2566 8.1L10.5951 13.7615L7.74326 10.9096C7.34443 10.5108 6.6978 10.5108 6.29897 10.9096C5.90014 11.3085 5.90014 11.9551 6.29897 12.3539L9.87341 15.9284C10.2722 16.3272 10.9189 16.3272 11.3177 15.9284Z"})}):(0,i.Y)("img",{onClick:l,alt:d("Admin badge"),src:t,className:r||""})})}},50602:(e,t,a)=>{"use strict";a.d(t,{K:()=>r});var i=a(45023),n=a(30915),o=a(18731);let r=({iconSource:e,size:t=2,...a})=>{let n=a.disabled?"rgba(var(--md-sys-color-on-surface-variant-old), 0.38)":"rgb(var(--md-sys-color-on-surface-variant-old))";return(0,i.Y)("button",{...a,css:s,children:(0,i.Y)(o.I,{source:e,size:t,color:n})})},s=(0,n.AH)({width:"40px",height:"40px",cursor:"pointer",borderRadius:"100px",":not(:disabled)":{":hover":{backgroundColor:"rgba(var(--md-sys-color-on-surface-variant-old), var(--md-sys-state-hover-state-layer-opacity))"},":active":{backgroundColor:"rgba(var(--md-sys-color-on-surface-variant-old), var(--md-sys-state-pressed-state-layer-opacity))"}}})},51495:(e,t,a)=>{"use strict";a.d(t,{A:()=>n});var i=a(72354);let n=({children:e,container:t=document.body})=>(0,i.createPortal)(e,t)},54882:(e,t,a)=>{"use strict";a.d(t,{E:()=>s});var i=a(45023),n=a(22136),o=a(95415),r=a(28442);function s({src:e,disableQualityByDPR:t,disableSrcSet:a,disableLibraryParam:l,imgixParams:d,attributeConfig:c,onMounted:p,...m}){if((0,r.a)(e))return(0,i.Y)("img",{src:e,...m,alt:m.alt});let u=(0,o.p)(e),{sizes:h,width:b,height:g,className:f,...x}=m;return(0,i.Y)(n.Ay,{src:u,className:f,disableQualityByDPR:t,disableSrcSet:a,disableLibraryParam:l,imgixParams:d,attributeConfig:c,onMounted:p,sizes:h,width:b,height:g,htmlAttributes:x})}},58086:(e,t,a)=>{"use strict";var i;t.dK=t.lA=t.Ky=t.mQ=t.MW=t.kP=t._0=void 0;let n=(i=a(81943))&&i.__esModule?i:{default:i};t._0=0,t.kP={src:"/static/img/icon/favicon_default.png"},t.MW={src:"default"},t.mQ=[{src:"default"}],t.Ky=e=>-1!==e.indexOf(t.mQ[0].src),t.lA={categoryIndex:t._0,text:"Open discussion",editable:!0};let o={9:t.lA};t.dK={item:(0,n.default)(10).map(e=>{let t=o[e]||{};return{categoryIndex:e,text:t.text||"",editable:t.editable||!0}})}},69911:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});let i={EVENT_TYPE_LOAD:"IFRAME_LOAD",EVENT_TYPE_ONSAVE:"IFRAME_ON_SAVE"}},78115:e=>{e.exports={root:"Alert_root__Nut2J",contentWrapper:"Alert_contentWrapper__MlZ9r",content:"Alert_content__EkzoS",title:"Alert_title__MmgpX typescaleTitleMedium",description:"Alert_description__bFJJ1 typescaleBodyMedium",closeButton:"Alert_closeButton__OZQWC",error:"Alert_error__a8bf8",warning:"Alert_warning__Diftv",information:"Alert_information__X3UOP",success:"Alert_success__nuU9Y",neutral:"Alert_neutral__OEeGb"}},80400:(e,t,a)=>{"use strict";t.lP=t.vs=t.wH=t.kX=t.d9=t.cz=t.vE=t.Np=t.WN=t.q8=t.eM=void 0;let i=a(33026);t.eM={Home:"home",MyPage:"mypage",Box:"box",Others:"others"},t.q8=["TopBannerAbove","TopBannerBelow","UpperCardLinksAbove","UpperCardLinksBelow","LowerCardLinksAbove","LowerCardLinksBelow"],t.WN=["MypageBannerBelow"],t.Np=["TopBannerAbove","TopBannerBelow","PopularTagsBelow"],t.vE=["TopBannerAbove","TopBannerBelow","CalendarBelow"],t.cz=["TopBannerAbove","TopBannerBelow","StatusBelow"],t.d9=["TopBannerAbove","TopBannerBelow"],t.kX=["TopBannerAbove","TopBannerBelow"],t.wH=["HeaderAbove"],t.vs=e=>{if(e.targetPageType===t.eM.Home)return t.q8;if(e.targetPageType===t.eM.MyPage)return t.WN;if(e.targetPageType===t.eM.Others)return t.wH;if(e.targetPageType===t.eM.Box)switch(e.boxType){case i.BoxType.Talk:return t.Np;case i.BoxType.Challenge:return t.cz;case i.BoxType.Event:return t.vE;case i.BoxType.KnowledgeBase:return t.kX;case i.BoxType.Training:return t.d9}return[]},t.lP={Settings:"settings",Form:"form"}},82553:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>v});var i=a(45023),n=a(2004),o=a.n(n),r=a(36439),s=a(90524),l=a(88816),d=a(35713),c=a(62786),p=a(40794),m=a(82501),u=a(39282),h=a(98677);let b=({isOpen:e,setIsOpen:t,confirmNavigation:a,cancelNavigation:n})=>{let{t:r}=(0,s.B)(["components/organisms/admin"]);return(0,i.Y)(h.a,{isOpen:e,setIsOpen:t,content:(0,i.FD)("div",{className:"jsx-406a4b203a33e9d1 modal

5-container",children:[(0,i.FD)("div",{className:"jsx-406a4b203a33e9d1 modal-content-header",children:[(0,i.Y)(m.E,{variant:"medium",fontWeight:"bold",children:r("Discard your changes?")}),(0,i.Y)(m.E,{variant:"small",children:r("Click [Publish] to save community page settings.")})]}),(0,i.FD)("div",{className:"jsx-406a4b203a33e9d1 modal-content-footer",children:[(0,i.Y)(p.$,{fullWidth:!0,onClick:a,size:"medium",backgroundColor:"#CE324E",children:r("Discard")}),(0,i.Y)(p.$,{fullWidth:!0,onClick:n,size:"medium",backgroundColor:"#FFFFFF",style:"secondary",children:r("Keep Editing")})]}),(0,i.Y)(o(),{id:"406a4b203a33e9d1",children:".modal-container.jsx-406a4b203a33e9d1{display:flex;flex-direction:column;gap:24px}.modal-content-header.jsx-406a4b203a33e9d1{display:flex;flex-direction:column;gap:8px}.modal-content-footer.jsx-406a4b203a33e9d1{display:flex;flex-direction:column;gap:20px}"})]})})};var g=a(28115),f=a(32412),x=a(50698),y=a(77149);let v=function(){let e,t,a,n,{isEditing:h}=(0,x.PC)(),{t:v}=(0,s.B)(["pages/admin/site/edit"]),{releasePreview:Y}=(0,f.ph)(),k=v(h?"In Edit mode":"Published"),{isEditing:C}=(0,x.PC)(),{discardPreview:N}=(0,f.ph)(),{isModalOpen:w,confirmNavigation:S,cancelNavigation:_,setIsModalOpen:j,handleLeave:B}=((e,t,a)=>{let[i,n]=(0,r.useState)(!1),[o,s]=(0,r.useState)(""),l=(0,g.R)(),d=(0,r.useCallback)(e=>{let o=!t||i||a(e);return o||(n(!0),s(e)),{continueRedirect:o}},[t,i,a]),c=(0,r.useCallback)(()=>{e(),n(!1),o&&l.push(o)},[o,l,e]),p=(0,r.useCallback)(()=>{n(!1);let e=l.getPath();e&&l.replaceRoute(e)},[l]);return{isModalOpen:i,setIsModalOpen:n,confirmNavigation:c,cancelNavigation:p,handleLeave:d}})(N,C,e=>e.includes(c.URL_PREFIX.ADMIN_SITE_EDIT)),{reloadWithoutAlert:T}=(e=(0,r.useRef)(!1),t=(0,r.useCallback)(()=>{e.current=!0,window.location.reload()},[]),(0,r.useEffect)(()=>{if(!C)return;let t=t=>{if(e.current){e.current=!1;return}t.preventDefault(),t.returnValue=""};return window.addEventListener("beforeunload",t),()=>{window.removeEventListener("beforeunload",t)}},[C]),{reloadWithoutAlert:t});(0,l.A)(N),a=(0,g.R)(),n=(0,r.useCallback)(e=>{let{continueRedirect:t}=B(e);if(!t)throw a.events.emit("routeChangeError"),Error},[a,B]),(0,r.useEffect)(()=>(a.events.on("routeChangeStart",n),()=>{a.events.off("routeChangeStart",n)}),[n,a.events]),(0,d.A)(N);let[A,E]=(0,r.useState)(!1),I=(0,r.useCallback)(async()=>{E(!0);try{await Y(),T()}catch{(0,y.i)(),E(!1)}},[Y,T]);return(0,i.FD)(i.FK,{children:[(0,i.FD)("div",{className:o().dynamic([["741906d106fa2001",[u.Q1.user.border.default,u.Q1.user.background.default]]])+" release-button-area",children:[(0,i.Y)(m.E,{children:k}),(0,i.Y)(p.$,{"data-cy":"site-state-changes-release-button",onClick:I,loading:A,children:v("Publish")}),(0,i.Y)(o(),{id:"741906d106fa2001",dynamic:[u.Q1.user.border.default,u.Q1.user.background.default],children:`.release-button-area.__jsx-style-dynamic-selector{border-bottom:1px solid ${u.Q1.user.border.default};background-color:${u.Q1.user.background.default};display:flex;justify-content:end;gap:8px;align-items:center;padding:8px}`})]}),(0,i.Y)(b,{isOpen:w,setIsOpen:j,confirmNavigation:S,cancelNavigation:_})]})}},82656:(e,t,a)=>{"use strict";t.u_=void 0;let i=a(39319);t.u_=e=>(0,i.nanoid)(e)},87314:(e,t,a)=>{"use strict";t._D=t.Fu=void 0;let i=a(33026);t.Fu=(0,i.BoxId)("event001"),t._D={Talk:(0,i.BoxId)("talk001"),Challenge:(0,i.BoxId)("challenge001"),Event:t.Fu,KnowledgeBase:(0,i.BoxId)("knowledgeBase001"),Training:(0,i.BoxId)("training001")}},89866:(e,t,a)=>{"use strict";a.d(t,{M:()=>d});var i=a(45023),n=a(36439),o=a(30915),r=a(84221),s=a.n(r),l=a(39282);let d=n.forwardRef(({children:e,"data-cy":t,...a},n)=>(0,i.Y)(s(),{ref:n,"data-cy":t,...a,css:{...o.AH,...c(a)},children:e}));d.displayName="Anchor";let c=({display:e,alignItems:t,justifyContent:a,flexGrow:i,flexShrink:n,flexBasis:r,width:s,textDecoration:d=!0})=>(0,o.AH)(e&&`display: ${e};`," ",t&&`align-items: ${t};`," ",a&&`justify-content: ${a};`," ",void 0!==i&&`flex-grow: ${i};`," ",void 0!==n&&`flex-shrink: ${n};`," ",void 0!==r&&`flex-basis: ${"number"==typeof r?`${r}px`:r};`," ",s&&`width: ${l.Po[s]};`," ",!d&&p,"  &:hover{",p,"}"),p=`
6  text-decoration: none;
7  color: inherit;
8`},90384:(e,t,a)=>{"use strict";a.d(t,{a:()=>r});var i=a(45023);a(36439);var n=a(30915),o=a(39282);

8function r({as:e="div",id:t,children:a,"data-cy":n,reverseOrder:o=!1,...l}){return(0,i.Y)(e,{id:t,css:s({reverseOrder:o,...l}),"data-cy":n,children:a})}let s=({gap:e,columnGap:t,rowGap:a,width:i,height:r,alignItems:s,justifyContent:l,flexGrow:d,flexShrink:c,flexBasis:p,reverseOrder:m})=>(0,n.AH)("display:flex;",void 0!==e&&`gap: ${o.Kz[e]};`," ",void 0!==t&&`column-gap: ${o.Kz[t]};`," ",void 0!==a&&`row-gap: ${o.Kz[a]};`," ",void 0!==i&&`width: ${o.Po[i]};`," ",void 0!==r&&`height: ${o.Ch[r]};`,"  align-items:",s,";justify-content:",l,";",void 0!==d&&`flex-grow: ${d};`," ",void 0!==c&&`flex-shrink: ${c};`," ",void 0!==p&&`flex-basis: ${"number"==typeof p?`${p}px`:p};`,"  flex-direction:",m?"column-reverse":"column",";")},90863:(e,t,a)=>{"use strict";a.d(t,{n:()=>s});var i=a(45023);a(36439);var n=a(90524),o=a(58086),r=a(54882);function s(e){let{src:t,color:a,className:s,style:l,onClick:d,imgixWidth:c}=e,{t:p}=(0,n.B)(["components/molecules"]),m=()=>d&&d(t);return(0,i.Y)(i.FK,{children:(0,o.Ky)(t)?(0,i.Y)("svg",{xmlns:"http://www.w3.org/2000/svg",className:s,viewBox:"0 0 540 540",onClick:m,style:l,children:(0,i.Y)("path",{fill:a,d:"M270,22C133,22,22,133,22,270s111,248,248,248s248-111,248-248S407,22,270,22z M270,118c48.6,0,88,39.4,88,88  s-39.4,88-88,88s-88-39.4-88-88S221.4,118,270,118z M270,462c-58.7,0-111.3-26.6-146.5-68.2c18.8-35.4,55.6-59.8,98.5-59.8  c2.4,0,4.8,0.4,7.1,1.1c13,4.2,26.6,6.9,40.9,6.9s28-2.7,40.9-6.9c2.3-0.7,4.7-1.1,7.1-1.1c42.9,0,79.7,24.4,98.5,59.8  C381.3,435.4,328.7,462,270,462z"})}):(0,i.Y)(r.E,{onClick:m,alt:p("Profile picture"),src:t,className:s,style:l,width:c,height:c,imgixParams:{fit:"crop",auto:"format"}})})}},95415:(e,t,a)=>{"use strict";a.d(t,{p:()=>n});var i=a(99812);let n=e=>{let t=(0,i.NL)();return e.replace(t?"storage.googleapis.com/users-cuuf-local":"storage.googleapis.com/users-cuuf",t?"commmune-local.imgix.net":"commmune.imgix.net")}},95577:(e,t,a)=>{"use strict";a.d(t,{A:()=>y});var i=a(45023),n=a(36439),o=a(30915),r=a(11323),s=a.n(r),l=a(24329),d=a.n(l),c=a(90524),p=a(42331),m=a(39282),u=a(90384),h=a(18731),b=a(19657),g=a(85946),f=a(40360);let x=()=>{let{t:e}=(0,c.B)(["commmune-ui/components/TextField"]);return(0,i.Y)(f.a,{background:"xxlightGray",padding:6,children:(0,i.FD)(u.a,{children:[(0,i.Y)(g.E,{variant:"xSmall",fontWeight:"bold",lineHeight:300,color:"subdued",children:e("Private")}),(0,i.Y)(g.E,{variant:"xSmall",lineHeight:400,color:"subdued",children:e("Only you and the community administrator can see these items. Depending on community policy, this may be set to public.")})]})})},y=(0,n.forwardRef)(({multiline:e,noBorder:t,borderType:a="user",borderColor:o,id:r,name:l,type:m="text",placeholder:f,label:y,inputMode:w,disabled:S=!1,optional:_,radiusType:j="element",isPrivate:B,defaultValue:T,maxLength:A,minLength:E,onFocus:I,onChange:D,onBlur:F,value:M,helpText:L,autoSize:P,width:z,rows:$=2,error:R=!1,"aria-label":O,"data-cy":G,"data-testid":U},H)=>{let{t:W}=(0,c.B)(["commmune-ui/components/TextField"]),[Q,K]=(0,n.useState)(M?.length||0),V=e=>{K(e.target.value.length),D&&D(e)},q=!!d()(R)||R,X=(0,i.Y)(g.E,{whiteSpace:"nowrap",variant:"small",color:"subdued",lineHeight:400,children:`${Q}/${A}`});return(0,i.Y)("div",{css:v,children:(0,i.FD)(u.a,{gap:5,children:[y&&(0,i.FD)(b.o,{justifyContent:"space-between",alignItems:"center",children:[(0,i.Y)("label",{htmlFor:r,children:(0,i.Y)(g.E,{variant:"small",children:y})}),_&&(0,i.Y)(g.E,{variant:"xSmall",lineHeight:400,color:"subdued",children:W("Optional")})]}),e?P?(0,i.FD)("span",{css:Y(a,!!t,j,S,q,o),children:[(0,i.Y)(p.A,{id:r,name:l,css:k(S),placeholder:f,disabled:S,ref:H,onFocus:I,onBlur:F,onChange:V,value:M,maxLength:A,"aria-label":O,"data-cy":G,"data-testid":U,rows:$,children:T}),(0,i.Y)(b.o,{justifyContent:"end",children:A&&X})]}):(0,i.FD)("span",{css:Y(a,!!t,j,S,q,o),children:[(0,i.Y)("textarea",{ref:H,name:l,css:k(S),onChange:V,placeholder:f,disabled:S,"aria-label":O,"data-cy":G,"data-testid":U,value:M,maxLength:A,rows:$,children:T}),(0,i.Y)(b.o,{justifyContent:"end",children:A&&X})]}):(0,i.Y)("span",{css:C(a,j,S,q,o,z),children:(0,i.FD)(b.o,{justifyContent:"space-between",children:[(0,i.Y)("input",{css:N(S),inputMode:w,id:r,name:l,onCh

8ange:V,type:m,value:M,minLength:E,maxLength:A,placeholder:f,disabled:S,ref:H,"aria-label":O,"data-cy":G,"data-testid":U}),A&&X]})}),d()(R)&&!s()(R.message)&&(0,i.FD)(b.o,{"data-cy":"text-field-error-message",gap:3,alignItems:"center",children:[(0,i.Y)(h.I,{source:"Exclamation_Fill",color:"critical"}),(0,i.Y)(g.E,{variant:"xSmall",lineHeight:400,color:"error",children:R.message})]}),L&&(0,i.Y)(g.E,{variant:"xSmall",lineHeight:400,color:"subdued",children:L}),B&&(0,i.Y)(x,{})]})})});y.displayName="TextField";let v=(0,o.AH)("width:100%;label{font-size:",m.Z4[450],";line-height:",m.aK[400],";color:",m.Q1.user.text.default,";}"),Y=(e,t,a,i,n,r)=>(0,o.AH)("width:",m.Po[100],";padding:",m.Kz[6],";border:",t?"none":`1px solid ${n?m.Q1.user.border.error:r||("admin"===e?m.Q1.admin.border:m.Q1.user.border.default)}`,";border-radius:",m.Js.user[a],";background-color:",i?m.Q1.user.background.xxlightGray:n&&m.Q1.user.background.error,";"),k=e=>(0,o.AH)("border:none;width:",m.Po[100],";resize:none;line-height:",m.aK[400],";font-size:",m.Z4[350],";color:",m.Q1.user.text.default,";background-color:inherit;&:focus{outline:none;}&::placeholder{color:",e?m.Q1.user.text.disabled:m.Q1.user.text.subdued,";}"),C=(e,t,a,i,n,r)=>(0,o.AH)("width:",r?m.Po[r]:"100%",";border:1px solid\n    ",i?m.Q1.user.border.error:n||("admin"===e?m.Q1.admin.border:m.Q1.user.border.default),";border-radius:",m.Js.user[t],";padding:",m.Kz[6],";background-color:",a?m.Q1.user.background.xxlightGray:i&&m.Q1.user.background.error,";"),N=e=>(0,o.AH)("border:none;line-height:",m.aK[400],";font-size:",m.Z4[350],";width:",m.Po[100],";color:",m.Q1.user.text.default,";background-color:inherit;&::placeholder{color:",e?m.Q1.user.text.disabled:m.Q1.user.text.subdued,';}&:focus{outline:none;}&:after{"content":"test"}')},96914:(e,t,a)=>{"use strict";a.d(t,{C:()=>r,U:()=>s});var i=a(20764),n=a(66432);let o="hiddenSidebar",r=()=>void 0!==(0,i.useRouter)().query[o],s=()=>{let e=r();return t=>e?(0,n.oG)(t,o,""):t}},98677:(e,t,a)=>{"use strict";a.d(t,{a:()=>b});var i=a(45023),n=a(36439),o=a(30915),r=a(39282),s=a(30020);

8function l(e){let{targetRef:t}=e;(0,n.useEffect)(()=>(t.current&&(0,s.mh)(t.current),()=>{(0,s.qY)()}))}let d=function({type:e="modalWindow",onClick:t}){let a=(0,n.useRef)(null);return l({targetRef:a}),(0,i.Y)("div",{ref:a,css:c(e),"aria-label":"Backdrop",tabIndex:0,onClick:t,onKeyDown:e=>{"Enter"===e.key&&t&&t()}})},c=e=>(0,o.AH)("position:fixed;top:0;left:0;width:100%;height:100%;background-color:",r.Q1.user.background.subdued,";opacity:0.8;z-index:",r.Pj[e]-1,";");var p=a(51495),m=a(90384),u=a(40794),h=a(82501);function b({isOpen:e=!1,setIsOpen:t,title:a,content:o,maxWidth:r,isCloseButton:s,isCloseOutside:c=!0}){let x=n.useRef(null),y=()=>{t(!1)};return l({targetRef:x}),(0,i.Y)(i.FK,{children:e&&(0,i.FD)(i.FK,{children:[(0,i.Y)(p.A,{children:(0,i.FD)("div",{css:g(r),ref:x,children:[s&&(0,i.Y)("span",{css:f,children:(0,i.Y)(u.$,{onClick:y,type:"delete",size:"small"})}),(0,i.FD)(m.a,{gap:3,children:[a&&(0,i.Y)(h.E,{fontWeight:"bold",children:a}),o]})]})}),(0,i.Y)(d,{onClick:c?y:void 0})]})})}let g=e=>(0,o.AH)("padding:",r.Kz[10]," ",r.Kz[9],";border-radius:",r.TI[9],";border:1px solid ",r.Q1.user.border.default,";background-color:",r.Q1.user.background.white,";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:",e||327,"px;z-index:",r.Pj.modalWindow,";"),f=(0,o.AH)("position:absolute;top:",r.Kz[6],";right:",r.Kz[6],";")}},e=>{e.O(0,[51,2136,6328,9064,6885,4305,636,6593,8792],()=>e(e.s=39871)),_N_E=e.O()}]);
9//# sourceMappingURL=home-676a733a972432fa.js.map
10//# debugId=08a8b28d-cede-5c04-b449-ad3748242bb0