slice-machine-ui 1.24.2-beta.2 → 1.24.2-beta.3

package/out/_next/static/chunks/pages/changes-190caf7972d1aa46.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[849],{21985:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/changes",function(){return t(59046)}])},56577:function(e,n,t){"use strict";t.d(n,{z:function(){return d}});var i=t(62230),r=t(85244),s=t(98240),o=t(52322),c=t(2784),l=t(75289),a=function(e,n){return e?"".concat(e,"-").concat(n):""},u=function(e){switch(e){case"white":case"secondaryMedium":case"secondarySmall":case"secondary":return"#1A1523";default:return"grey01"}},d=(0,c.forwardRef)(function(e,n){var t=e.label,c=e.Icon,d=e.type,h=e.form,x=e.isLoading,f=void 0!==x&&x,p=e.disabled,m=e.onClick,g=e.sx,j=e.iconSize,v=void 0===j?16:j,y=e.iconFill,b=e.variant,C=void 0===b?"primary":b,_=(0,s.Z)(e,["label","Icon","type","form","isLoading","disabled","onClick","sx","iconSize","iconFill","variant"]);return(0,o.jsx)(l.zx,(0,r.Z)((0,i.Z)({ref:n,sx:(0,i.Z)((0,r.Z)((0,i.Z)({},void 0===g?{}:g),{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px"}),f?{cursor:"wait !important"}:{}),type:d,form:h,disabled:void 0!==p&&p||f,onClick:f?void 0:m,variant:C},_),{children:f?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.$j,{size:v,color:u(C),"data-cy":a(_["data-cy"],"spinner")}),c&&t]}):(0,o.jsxs)(o.Fragment,{children:[c&&(0,o.jsx)(c,{size:v,fill:y,"data-cy":a(_["data-cy"],"icon")}),t]})}))})},59469:function(e,n,t){"use strict";var i=t(62230),r=t(52322),s=t(75289);n.Z=function(e){var n=e.elems,t=e.renderElem,o=e.defineElementKey,c=e.gridTemplateMinPx,l=e.gridGap,a=e.sx;return(0,r.jsx)(s.xu,{as:"section",sx:(0,i.Z)({display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(".concat(void 0===c?"320px":c,", 1fr))"),gridGap:void 0===l?"16px":l,pt:2},a),children:n.map(function(e,n){return e?(0,r.jsx)("span",{children:t(e,n)},"".concat(o(e),"-").concat(n+1)):null})})}},59046:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return eC}});var i=t(22710),r=t(99267),s=t(52322),o=t(2784),c=t(88932),l=t(97729),a=t.n(l),u=t(65077),d=t(5632),h=t.n(d),x=t(42050),f=t(951),p=t(22715),m=t(75289),g=function(e){var n=e.children;return(0,s.jsx)(m.kC,{sx:{alignItems:"center",justifyContent:"space-between",mt:"8px",bg:"grey02",borderRadius:4,padding:"12px 16px",width:"100%"},children:n})},j=t(39097),v=t.n(j),y=t(7819),b=t(34728),C=t(67445),_=function(e){var n=e.ct,t=e.status,i=e.authStatus,r=e.isOnline;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(m.xu,{as:"td",style:{width:"40%"},children:(0,s.jsx)(m.xv,{sx:{fontWeight:500},children:n.label})}),(0,s.jsx)(m.xu,{as:"td",style:{width:"40%"},children:n.id}),(0,s.jsx)(m.xu,{as:"td",style:{width:"20%"},children:(0,s.jsx)(b.O,{authStatus:i,isOnline:r,modelStatus:t,modelType:"CustomType"})})]})},w=function(e){var n=e.customTypes,t=e.modelsStatuses,i=e.authStatus,r=e.isOnline;return(0,s.jsxs)(m.xu,{as:"table","data-legacy-component":!0,children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{className:"transparent small",children:[(0,s.jsx)(m.xu,{as:"th",sx:{width:"40%",fontWeight:600},children:"Name"}),(0,s.jsx)(m.xu,{as:"th",sx:{width:"40%",fontWeight:600},children:"API ID"}),(0,s.jsx)(m.xu,{as:"th",sx:{width:"20%",fontWeight:600},children:"Status"})]})}),(0,s.jsx)("tbody",{children:n.map(function(e){return(0,y.TG)(e)?(0,s.jsx)(v(),{passHref:!0,href:C.cd[e.local.format].getBuilderPagePathname(e.local.id),legacyBehavior:!0,children:(0,s.jsx)("tr",{tabIndex:0,"data-cy":"custom-type-".concat(e.local.id),children:(0,s.jsx)(_,{ct:e.local,status:t.customTypes[e.local.id],authStatus:i,isOnline:r},e.local.id)})},e.local.id):(0,s.jsx)("tr",{tabIndex:0,className:"disabled","data-cy":"custom-type-".concat(e.remote.id),children:(0,s.jsx)(_,{ct:e.remote,status:t.customTypes[e.remote.id],authStatus:i,isOnline:r},e.remote.id)},e.remote.id)})})]})},k=t(59469),S=t(15836),Z=t(5479),z=t(47731),T=t(32681),D=t(71749),L=t(8564),O=t(11563),N=t(82770);function R(){var e=(0,O.L)("slicemachine-dev-collaboration"),n=(0,o.useState)(!1),t=n[0],i=n[1],r=null==e?void 0:e.payload;return((0,o.useEffect)(function(){(null==e?void 0:e.value)==="on"&&void 0!==r&&N.Xe.track({event:"dev-collab:workflow-stub-displayed"})},[e,r]),(null==e?void 0:e.value)!=="on"||void 0===r)?null:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(p.xu,{alignItems:"flex-start",border:{bottom:!0,left:!0,right:!0,top:!0},borderRadius:6,borderStyle:"dashed",flexDirection:"column",flexShrink:0,gap:8,padding:16,width:320,children:[(0,s.jsxs)(p.xu,{flexDirection:"column",gap:2,children:[(0,s.jsx)(p.xv,{variant:"smallBold",children:r.cardTitle}),(0,s.jsx)(p.xv,{color:"grey11",variant:"small",children:r.cardDescription})]}),(0,s.jsx)(p.zx,{color:"grey",onClick:function(){N.Xe.track({event:"dev-collab:set-up-workflow-opened"}),i(!0)},children:r.cardButtonLabel})]}),(0,s.jsxs)(p.Vq,{onOpenChange:function(e){e||i(!1)},open:t,size:{height:"auto",width:448},children:[(0,s.jsx)(p.fK,{title:r.dialogTitle}),(0,s.jsx)(p.cZ,{children:(0,s.jsxs)(p.xu,{flexDirection:"column",children:[(0,s.jsx)(p.xu,{flexDirection:"column",padding:16,children:(0,s.jsx)(p.xv,{children:r.dialogDescription})}),(0,s.jsx)(p.kX,{cancel:{text:"Cancel"},ok:{text:r.dialogButtonLabel,onClick:function(){N.Xe.track({event:"dev-collab:join-beta-clicked"}),window.open(r.dialogButtonLink,"_blank"),i(!1)}},size:"medium"})]})})]})]})}var I=function(e){var n=e.unSyncedCustomTypes,t=e.unSyncedSlices,i=e.modelsStatuses,r=e.authStatus,c=e.isOnline,l=(0,z.H)(),a=l.modalPayload,u=l.onOpenModal,d=a.sliceFilterFn,h=a.defaultVariationSelector,x=t.filter(function(e){return i.slices[e.model.id]!==T.GJ.Deleted});return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)(p.xu,{gap:16,alignItems:"flex-start",children:[(0,s.jsxs)(p.xu,{flexDirection:"column",flexGrow:1,children:[n.length>0&&(0,s.jsxs)(p.xu,{flexDirection:"column",children:[(0,s.jsx)(g,{children:(0,s.jsxs)(p.xu,{children:[(0,s.jsx)(p.xv,{variant:"h5",children:"Types"}),(0,s.jsx)(p.xv,{variant:"h5",sx:{marginLeft:8},children:n.length})]})}),(0,s.jsx)(w,{customTypes:n,modelsStatuses:i,authStatus:r,isOnline:c})]}),t.length>0&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(p.xu,{padding:{bottom:8},children:(0,s.jsxs)(g,{children:[(0,s.jsxs)(p.xu,{children:[(0,s.jsx)(p.xv,{variant:"h5",children:"Slices"}),(0,s.jsx)(p.xv,{variant:"h5",sx:{marginLeft:8},children:t.length})]}),(0,s.jsxs)(p.xu,{children:[t.some(function(e){return(0,Z.cx)(e)>0&&i.slices[e.model.id]!==T.GJ.Deleted})&&(0,s.jsxs)(p.xv,{color:"amber11",sx:{marginRight:8,alignSelf:"center"},children:[(0,s.jsx)(f.sQg,{size:16,style:{marginRight:"4px",position:"relative",top:"3px"}}),"Missing Screenshots"]}),(0,s.jsxs)(p.zx,{color:"dark",onClick:function(){return u({sliceFilterFn:function(e){return e}})},children:[(0,s.jsx)(f.hOO,{style:{color:"#FFF",fontSize:"15px",position:"relative",top:"3px",marginRight:"4px"}})," ","Update all screenshots"]})]})]})}),(0,s.jsx)(k.Z,{gridGap:"32px 16px",elems:t,gridTemplateMinPx:"305px",defineElementKey:function(e){return e.model.name},renderElem:function(e){var n=i.slices[e.model.id];return(0,s.jsx)(D.b,{action:{type:"status",authStatus:r,isOnline:c,modelStatus:n},isDeleted:n===T.GJ.Deleted,mode:"navigation",onUpdateScreenshot:function(){u({sliceFilterFn:function(n){return n.filter(function(n){return n.model.id===e.model.id})}})},slice:e,variant:"solid"})}}),(0,s.jsx)(S.Z,{slices:d(x),defaultVariationSelector:h})]})]}),(0,s.jsx)(L.S,{children:(0,s.jsx)(o.Suspense,{children:(0,s.jsx)(R,{})})})]})})},F=t(91914),H=function(){return(0,s.jsx)(m.kC,{sx:{justifyContent:"center",alignItems:"center",flex:1},children:(0,s.jsxs)(m.kC,{sx:{flexDirection:"column",alignItems:"center",transform:"translateY(-50%)"},children:[(0,s.jsx)(F.wQ1,{size:48}),(0,s.jsx)(m.xv,{sx:{fontWeight:600,fontSize:"24px",lineHeight:"32px",mb:"8px",mt:"2px",textAlign:"center"},children:"No internet connection"}),(0,s.jsx)(m.xv,{sx:{fontSize:"13px",lineHeight:"24px",textAlign:"center"},children:"Connect to the internet to sync your changes."})]})})},E=t(90374),B=t(79096),M=function(e){var n=e.authStatus,t=(0,E.Z)().openLoginModal;return(0,s.jsxs)(p.xu,{flexDirection:"column",height:"100%",alignItems:"center",justifyContent:"center",gap:8,children:[n===B.t.FORBIDDEN?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(p.xv,{variant:"h3",align:"center",children:"It seems like you are logged out"}),(0,s.jsx)(p.xv,{align:"center",children:"Log in to connect to your repository."})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(p.xv,{variant:"h3",align:"center",children:"It seems like you don't have access to this repository"}),(0,s.jsx)(p.xv,{align:"center",children:"Check that the repository name is correct, then contact your repository administrator."})]}),(0,s.jsxs)(p.xv,{align:"center",children:["If that doesn't work, it's possible that Slice Machine is having trouble accessing Prismic's servers."," ",(0,s.jsx)(p.hh,{href:"https://community.prismic.io/",children:"Contact our support team"}),"."]}),n===B.t.FORBIDDEN&&(0,s.jsx)(p.zx,{onClick:function(){return t()},children:"Log in to Prismic"})]})},A=t(2754),G=t(34543),P=t(62230),V=t(85244),W=t(98240),U=t(6277);t(25977);var X={primary:"_1ecs97dbc8 _1ecs97dbjl _1ecs97dbc2 _1ecs97dbjf _1ecs97dbca _1ecs97dbjn",secondary:"_1ecs97daji _1ecs97dah3 _1ecs97dajc _1ecs97dagx _1ecs97dajk _1ecs97dah5"},Q={normal:"ovkapw1",smallBold:"ovkapw2",inherit:"ovkapw3 _1ecs97df47"},Y=function(e){var n=e.children,t=e.color,i=e.endIcon,r=e.href,c=e.textVariant,l=void 0===c?"smallBold":c,a=(0,W.Z)(e,["children","color","endIcon","href","textVariant"]);return(0,s.jsxs)("a",(0,V.Z)((0,P.Z)({href:r,target:"_blank",rel:"noreferrer"},a),{className:(0,U.Z)("ovkapw0 _1ecs97dez0 _1ecs97df41 _1ecs97dez2 _1ecs97dez8",X[void 0===t?"primary":t]),children:[(0,s.jsx)(p.xv,{component:"span",color:"inherit",variant:l,children:n}),(0,o.isValidElement)(i)?(0,o.cloneElement)(i,{className:(0,U.Z)(i.props.className,"_1ecs97dfhw",Q[l])}):null]}))},K=t(56580),J=t(39092),$=function(){var e,n=(e=(0,K.v9)(function(e){return{repoName:(0,J.MY)(e)}}).repoName,"https://".concat(e,".prismic.io/documents/working"));return(0,s.jsxs)(A.R$,{style:{alignSelf:"center",marginTop:p.TV.size[72]},children:[(0,s.jsx)(A.u2,{children:(0,s.jsx)(p.Ee,{src:"/blank-slate-changes-uptodate.png",sizing:"cover"})}),(0,s.jsxs)(A.T9,{children:[(0,s.jsx)(A._T,{children:"Everything up-to-date"}),(0,s.jsx)(A.nf,{children:"You have no changes staged. Your changes appear here after you have saved them, while they're waiting to be pushed to the Page Builder. Ready to get going?"}),(0,s.jsxs)(A.Qj,{children:[(0,s.jsx)(p.zx,{onClick:function(){h().push("/")},children:"Create a page type"}),(0,s.jsx)(Y,{endIcon:(0,s.jsx)(G.AlO,{}),textVariant:"normal",href:n,children:"Create content"})]})]})]})},q=t(80441),ee=t(80299),en=t(75499),et=function(e){return(0,s.jsx)(L.S,{renderError:eo,children:(0,s.jsx)(o.Suspense,{fallback:(0,s.jsx)(ec,{}),children:(0,s.jsx)(ei,(0,P.Z)({},e))})})},ei=function(e){return(0,ee.M)().eligible?(0,s.jsx)(er,(0,P.Z)({},e)):(0,s.jsx)(es,(0,P.Z)({},e))},er=function(e){var n=(0,en.G)().linkedGitRepos;if(!(n.length>0))return(0,s.jsx)(es,(0,P.Z)({},e));var t=q.Q[n[0].provider];return(0,s.jsx)(p.u,{content:"This project uses the Git workflow. Update Prismic by pushing your changes to ".concat(t.name,"."),side:"bottom",children:(0,s.jsx)(es,{disabled:!0})})},es=(0,o.forwardRef)(function(e,n){return(0,s.jsx)(p.zx,(0,V.Z)((0,P.Z)({},e),{"data-cy":"push-changes",ref:n,startIcon:"upload",children:"Push"}))});function eo(){return(0,s.jsx)(p.u,{content:"An error occurred while fetching the list of connected Git repositories.",side:"bottom",children:(0,s.jsx)(es,{disabled:!0})})}var ec=function(){return(0,s.jsx)(p.Od,{height:32,width:71.32})},el=t(56577),ea=t(31667);t(78656);var eu=function(e){var n=e.ctName,t=e.numberOfDocuments,i=e.link,r=e.isOverLimit;return(0,s.jsxs)(m.Zb,{sx:{mb:12},variant:"drawerCard","data-cy":"AssociatedDocumentsCard-".concat(n),children:[(0,s.jsxs)(m.kC,{sx:{flexDirection:"column"},children:[(0,s.jsx)(m.xv,{children:n}),(0,s.jsxs)(m.xv,{sx:{color:"textClear",fontSize:"12px",lineHeight:"16px"},children:[t," documents"]})]}),(0,s.jsx)(m.rU,{href:i,target:"_blank",variant:"cardSmall",sx:{color:void 0!==r&&r?"danger":"purple08"},children:"View documents"})]})},ed=t(79797),eh=t(54132),ex=function(e){var n=e.isOpen,t=e.title,i=e.footer,r=e.explanations,o=e.onClose;return(0,s.jsx)(ed.Z,{placement:"right",open:n,level:null,onClose:o,width:496,children:(0,s.jsx)(eh.Z,{radius:"0px",bodySx:{bg:"white",padding:24,flex:1,display:"flex",flexDirection:"column",overflow:"scroll"},footerSx:{p:0},sx:{flexDirection:"column",display:"flex",height:"100%",border:"none"},borderFooter:!0,Header:function(){return(0,s.jsxs)(m.kC,{sx:{p:"16px",alignItems:"center",justifyContent:"space-between",borderBottom:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.borders))}},children:[(0,s.jsx)(m.kC,{sx:{alignItems:"center"},children:(0,s.jsx)(m.X6,{sx:{fontSize:"14px",fontWeight:"bold",ml:1},children:t})}),(0,s.jsx)(m.x8,{type:"button",onClick:function(){return o()}})]})},Footer:function(){return(0,s.jsx)(m.kC,{sx:{flexDirection:"column",justifyContent:"center",alignItems:"center",paddingRight:16,borderTop:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.darkBorders))},backgroundColor:"white",padding:20},children:i})},children:r})})},ef=function(e){var n=e.onToggle,t=e.isConfirmed,i=e.sx;return(0,s.jsxs)(m.kC,{sx:(0,P.Z)({borderRadius:6,flexDirection:"column",backgroundColor:"grey03",padding:12,width:"100%"},i),children:[(0,s.jsx)(m.xv,{sx:{fontWeight:"bold",mb:2},children:"Are you sure to proceed?"}),(0,s.jsxs)(m.__,{sx:{mt:"4px",py:1},variant:"large",children:[(0,s.jsx)(m.XZ,{defaultChecked:t,onChange:n,variant:"forms.checkbox.dark"}),"Delete these Documents"]})]})},ep=function(e){var n=e.pushChanges,t=e.modalData,i=e.onClose,r=(0,o.useState)(!1),c=r[0],l=r[1],a=(0,K.v9)(function(e){return{remoteOnlyCustomTypes:(0,ea.Ch)(e).filter(y.yp)}}).remoteOnlyCustomTypes;if((null==t?void 0:t.type)!=="SOFT")return null;var u=t.details.customTypes.map(function(e){var n,t=a.find(function(n){return(0,y.n5)(n)===e.id});return void 0===t?null:(0,s.jsx)(eu,{isOverLimit:!0,ctName:null!==(n=t.remote.label)&&void 0!==n?n:t.remote.id,link:e.url,numberOfDocuments:e.numberOfDocuments},e.id)});return(0,s.jsx)(ex,{isOpen:"SOFT"===t.type,title:"Confirm deletion",onClose:i,footer:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(ef,{onToggle:function(){l(!c)},isConfirmed:c,sx:{mb:10}}),(0,s.jsx)(el.z,{label:"Push changes",variant:"primary",onClick:function(){n(c)},disabled:!c,sx:{fontWeight:"bold",color:"white",borderRadius:6,width:"100%"}})]}),explanations:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(m.xv,{sx:{fontWeight:"bold",mb:1,lineHeight:"24px"},children:"This action will also delete Documents."}),(0,s.jsxs)(m.xv,{sx:{mb:24},children:[t.details.customTypes.length>1?"These types have":"This type has"," ","associated Documents, which will also be deleted. This might create broken links in your repository."]}),u]})})},em=function(e){var n=e.pushChanges,t=e.modalData,i=e.onClose,r=(0,K.v9)(function(e){return{remoteOnlyCustomTypes:(0,ea.Ch)(e).filter(y.yp)}}).remoteOnlyCustomTypes;if((null==t?void 0:t.type)!=="HARD")return null;var o=t.details.customTypes.map(function(e){var n,t=r.find(function(n){return(0,y.n5)(n)===e.id});return void 0===t?null:(0,s.jsx)(eu,{isOverLimit:!0,ctName:null!==(n=t.remote.label)&&void 0!==n?n:t.remote.id,link:e.url,numberOfDocuments:e.numberOfDocuments},e.id)});return(0,s.jsx)(ex,{isOpen:"HARD"===t.type,title:"Manual action required",onClose:i,footer:(0,s.jsx)(el.z,{label:"Try again",variant:"primary",onClick:function(){n(!1)},sx:{fontWeight:"bold",color:"white",borderRadius:6,width:"100%"}}),explanations:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(m.xv,{sx:{fontWeight:"bold",mb:1,lineHeight:"24px"},children:["Your type",t.details.customTypes.length>1&&"s"," cannot be deleted."]}),(0,s.jsxs)(m.xv,{sx:{mb:24},children:[t.details.customTypes.length>1?"These types have":"This type has"," ","too many associated Documents. Archive and delete these Documents manually and then try deleting the types again."]}),o]})})},eg=t(46326),ej=t(41834),ev=t(80262),ey=t(16847),eb=t(50950),eC=function(){var e,n=(0,ej.X)(),t=n.unSyncedSlices,l=n.unSyncedCustomTypes,h=n.changedCustomTypes,f=n.changedSlices,p=n.modelsStatuses,m=(0,ev.L)(),g=(0,ey.n)(),j=(0,E.Z)(),v=j.pushChangesSuccess,y=j.refreshState,b=(0,o.useState)(!1),C=b[0],_=b[1],w=(0,o.useState)(void 0),k=w[0],S=w[1],Z=(0,eb.g)().autoSyncStatus,z=(0,d.useRouter)(),T=t.length+l.length;(0,o.useEffect)(function(){("synced"===Z||"failed"===Z||"syncing"===Z)&&z.push("/")},[Z,z]);var D=(e=(0,i.Z)(function(e){var n,t,i;return(0,r.__generator)(this,function(t){switch(t.label){case 0:return t.trys.push([0,5,,6]),_(!0),S(void 0),[4,(0,eg.t)({confirmDeleteDocuments:e,changedCustomTypes:h,changedSlices:f})];case 1:if(!(void 0!==(n=t.sent())))return[3,2];return S(n),[3,4];case 2:return[4,(0,N.y0)()];case 3:y(t.sent()),v(),c.Am.success("All slices and types have been pushed"),t.label=4;case 4:return[3,6];case 5:return i=t.sent(),console.error("Something went wrong when manually pushing your changes",i),c.Am.error("Something went wrong when pushing your changes. Check your terminal logs."),[3,6];case 6:return _(!1),[2]}})}),function(n){return e.apply(this,arguments)}),L=(0,o.useMemo)(function(){return m?g===B.t.UNAUTHORIZED||g===B.t.FORBIDDEN?(0,s.jsx)(M,{authStatus:g}):0===T?(0,s.jsx)($,{}):(0,s.jsx)(I,{unSyncedSlices:t,unSyncedCustomTypes:l,modelsStatuses:p,authStatus:g,isOnline:m}):(0,s.jsx)(H,{})},[m,g,T,t,l,p,]);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a(),{children:(0,s.jsx)("title",{children:"Changes - Slice Machine"})}),(0,s.jsxs)(x.LN,{children:[(0,s.jsxs)(x.wd,{children:[(0,s.jsx)(x.Cx,{folder:"Changes"}),(0,s.jsx)(x.K2,{children:(0,s.jsx)(et,{disabled:0===T||!m||g===B.t.UNAUTHORIZED||g===B.t.FORBIDDEN||C,loading:C,onClick:function(){D(!1)}})})]}),(0,s.jsx)(x.RN,{children:(0,s.jsxs)(u.xR,{sx:{display:"flex",flexDirection:"column"},children:[L,(0,s.jsx)(ep,{pushChanges:function(e){D(e)},modalData:k,onClose:function(){return S(void 0)}}),(0,s.jsx)(em,{pushChanges:function(e){D(e)},modalData:k,onClose:function(){return S(void 0)}})]})})]})]})}},2754:function(e,n,t){"use strict";t.d(n,{R$:function(){return u},Qj:function(){return p},T9:function(){return h},nf:function(){return f},u2:function(){return d},_T:function(){return x}});var i=t(67557),r=t(62230),s=t(85244),o=t(98240),c=t(52322),l=t(6277),a=t(22715);t(69143);var u=function(e){var n=e.backgroundImage,t=e.style,a=(0,o.Z)(e,["backgroundImage","style"]),u=void 0!==n;return(0,c.jsx)("article",(0,s.Z)((0,r.Z)({},a),{className:(0,l.Z)("_18bjhbz0 _1ecs97dez0 _1ecs97dez1 _1ecs97dez2 _1ecs97dezb _1ecs97dfiv _1ecs97dfix _1ecs97dfiz _1ecs97d3fg _1ecs97d3mt _1ecs97df0r _1ecs97df23 _1ecs97df2h _1ecs97dezp",(0,i.Z)({},"_18bjhbz1 _1ecs97dezx _1ecs97df4v",u)),style:(0,r.Z)({backgroundImage:u?"url(".concat(n,")"):void 0},t)}))},d=function(e){return(0,c.jsx)("div",(0,s.Z)((0,r.Z)({},e),{className:"_1ecs97dez0 _1ecs97dez1 _1ecs97dez2 _1ecs97dezb _1ecs97d6r8 _1ecs97d6yl _1ecs97df29 _1ecs97df2l _1ecs97dezp"}))},h=function(e){return(0,c.jsx)("div",(0,s.Z)((0,r.Z)({},e),{className:"_18bjhbz3 _1ecs97dez0 _1ecs97dez1 _1ecs97dez2 _1ecs97dezb _1ecs97dffv"}))},x=function(e){return(0,c.jsx)(a.xv,(0,s.Z)((0,r.Z)({},e),{className:"_18bjhbz4"}))},f=function(e){return(0,c.jsx)(a.xv,(0,s.Z)((0,r.Z)({},e),{className:"_18bjhbz5",color:"grey11"}))},p=function(e){return(0,c.jsx)("div",(0,s.Z)((0,r.Z)({},e),{className:"_18bjhbz6 _1ecs97dez0 _1ecs97dez8 _1ecs97dez1 _1ecs97dez2 _1ecs97df95 _1ecs97dfdl",color:"grey"}))}},80441:function(e,n,t){"use strict";t.d(n,{Q:function(){return x}});var i=t(22710),r=t(99267);let s={GitHub:"gitHub"};var o=t(62230),c=t(85244),l=t(52322),a=function(e){return(0,l.jsx)("svg",(0,c.Z)((0,o.Z)({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),{children:(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.77596 5.47599C4.84147 5.44648 4.91265 5.43167 4.9845 5.4326L19.3525 5.43506C19.4243 5.43413 19.4955 5.44894 19.561 5.47845C19.6265 5.50796 19.6848 5.55146 19.7317 5.60588C19.7786 5.6603 19.8131 5.72433 19.8326 5.79348C19.8521 5.86262 19.8563 5.93521 19.8448 6.00614L19.1802 10.0751H9.71803L10.5722 14.6018H11.1162L11.1162 14.6018H13.7846L14.56 10.0751H19.1803L17.7575 18.8357C17.7387 18.9522 17.6786 19.058 17.5882 19.1339C17.4979 19.2098 17.3832 19.2507 17.2652 19.2492H7.23692C7.2134 19.249 7.19001 19.2476 7.16682 19.2449C7.03392 19.2298 6.90803 19.175 6.80603 19.0868C6.68704 18.9851 6.60772 18.8448 6.58203 18.6904L4.49219 6.00367C4.48069 5.93275 4.48485 5.86016 4.50438 5.79102C4.52392 5.72187 4.55835 5.65784 4.60527 5.60342C4.65218 5.54899 4.71044 5.5055 4.77596 5.47599Z",fill:"currentColor"})}))},u=function(e){return(0,l.jsx)("svg",(0,c.Z)((0,o.Z)({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),{children:(0,l.jsx)("path",{d:"M12 4C7.57486 4 4 7.57486 4 12C4 15.5246 6.30057 18.5257 9.47429 19.6C9.87429 19.6754 10.0251 19.4251 10.0251 19.2251V17.8754C7.8 18.3497 7.32457 16.8 7.32457 16.8C6.94971 15.8743 6.42514 15.6251 6.42514 15.6251C5.70057 15.1246 6.47543 15.1497 6.47543 15.1497C7.27543 15.2 7.69943 15.9749 7.69943 15.9749C8.42514 17.2 9.57486 16.8503 10.0251 16.6491C10.1006 16.1246 10.2994 15.7749 10.5246 15.5749C8.74971 15.3749 6.87543 14.6754 6.87543 11.6251C6.87543 10.7497 7.17486 10.0503 7.69943 9.47543C7.62514 9.27543 7.34971 8.45029 7.77486 7.34971C7.77486 7.34971 8.44914 7.12457 9.97486 8.17486C10.6266 7.99627 11.2991 7.90405 11.9749 7.90057C12.6491 7.90057 13.3497 8 13.9749 8.17486C15.5006 7.14971 16.1749 7.34971 16.1749 7.34971C16.6 8.45029 16.3246 9.27543 16.2503 9.47543C16.776 10.024 17.0754 10.7497 17.0754 11.624C17.0754 14.6994 15.2 15.3749 13.4251 15.5749C13.6994 15.8251 13.9749 16.2994 13.9749 17.0491V19.2503C13.9749 19.4754 14.1246 19.7246 14.5246 19.6251C17.7006 18.5246 20 15.5246 20 12C20 7.57486 16.4251 4 12 4Z",fill:"currentColor"})}))},d=function(e){return(0,l.jsx)("svg",(0,c.Z)((0,o.Z)({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),{children:(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.7881 10.5954L16.5431 5.20756C16.6328 4.93081 17.0594 4.93081 17.1492 5.20756L18.9076 10.5954H14.7881ZM6.6192 5.20756L4.86353 10.5954H8.97968L7.22468 5.20756C7.1349 4.93081 6.70898 4.93081 6.6192 5.20756ZM4.0299 13.2981L4.86352 10.5954H4.86353H8.979H14.7881H18.9076L19.7392 13.2981C19.7796 13.4207 19.7802 13.553 19.7408 13.676C19.7014 13.799 19.624 13.9063 19.5198 13.9826L11.893 19.5257L11.8879 19.5319L11.8923 19.5378L11.8865 19.5336L11.8835 19.5371L11.8852 19.5326L4.24927 13.9826C4.0299 13.8246 3.95092 13.5458 4.0299 13.2981Z",fill:"currentColor"})}))},h=t(81038),x={gitHub:{connect:(0,i.Z)(function(){return(0,r.__generator)(this,function(e){switch(e.label){case 0:return[4,f("gitHub")];case 1:return[2,e.sent()]}})}),Icon:u,name:"GitHub",supported:m("gitHub")},bitbucket:{connect:(0,i.Z)(function(){return(0,r.__generator)(this,function(e){switch(e.label){case 0:return[4,f("bitbucket")];case 1:return[2,e.sent()]}})}),Icon:a,name:"Bitbucket",supported:m("bitbucket")},gitLab:{connect:(0,i.Z)(function(){return(0,r.__generator)(this,function(e){switch(e.label){case 0:return[4,f("gitLab")];case 1:return[2,e.sent()]}})}),Icon:d,name:"GitLab",supported:m("gitLab")}};function f(e){return p.apply(this,arguments)}function p(){return(p=(0,i.Z)(function(e){var n;return(0,r.__generator)(this,function(t){switch(t.label){case 0:if(!m(e))throw Error("Not implemented.");return[4,h.j.git.getProviderAppInstallURL({provider:e})];case 1:return n=t.sent(),window.open(n,"git-provider-app-installation"),[2]}})})).apply(this,arguments)}function m(e){return Boolean(Object.values(s).includes(e))}},75499:function(e,n,t){"use strict";t.d(n,{G:function(){return a}});var i=t(22710),r=t(17064),s=t(99267),o=t(17329),c=t(19334),l=t(81038);function a(){var e,n,t=(0,r.Z)((0,c.f)(),1)[0];return{linkedGitRepos:(0,o.QT)(u,[t.repositoryName]),linkRepo:(e=(0,i.Z)(function(e){return(0,s.__generator)(this,function(n){switch(n.label){case 0:return[4,l.j.git.linkRepo({prismic:{domain:t.repositoryName},git:e})];case 1:return n.sent(),[4,(0,o.gw)(u,[t.repositoryName])];case 2:return n.sent(),[2]}})}),function(n){return e.apply(this,arguments)}),unlinkRepo:(n=(0,i.Z)(function(e){return(0,s.__generator)(this,function(n){switch(n.label){case 0:return[4,l.j.git.unlinkRepo({prismic:{domain:t.repositoryName},git:e})];case 1:return n.sent(),[4,(0,o.gw)(u,[t.repositoryName])];case 2:return n.sent(),[2]}})}),function(e){return n.apply(this,arguments)})}}function u(e){return d.apply(this,arguments)}function d(){return(d=(0,i.Z)(function(e){return(0,s.__generator)(this,function(n){switch(n.label){case 0:return[4,l.j.git.fetchLinkedRepos({prismic:{domain:e}})];case 1:return[2,n.sent()]}})})).apply(this,arguments)}},19334:function(e,n,t){"use strict";t.d(n,{f:function(){return c}});var i=t(22710),r=t(99267),s=t(17329),o=t(81038);function c(){var e,n=(0,s.QT)(l,[]),t=(e=(0,i.Z)(function(e){return(0,r.__generator)(this,function(n){switch(n.label){case 0:return[4,o.j.project.writeSliceMachineConfig({config:e})];case 1:return n.sent(),(0,s.VA)(l,[],e),[2]}})}),function(n){return e.apply(this,arguments)});return[n,t]}function l(){return a.apply(this,arguments)}function a(){return(a=(0,i.Z)(function(){return(0,r.__generator)(this,function(e){return[2,o.j.project.getSliceMachineConfig()]})})).apply(this,arguments)}},69143:function(){},25977:function(){}},function(e){e.O(0,[898,789,123,543,918,25,286,774,888,179],function(){return e(e.s=21985)}),_N_E=e.O()}]);

package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-22770c807a7d7090.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[33],{30755:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/slices/[lib]/[sliceName]/[variation]/simulator",function(){return t(23261)}])},56577:function(e,n,t){"use strict";t.d(n,{z:function(){return d}});var r=t(62230),i=t(85244),o=t(98240),s=t(52322),c=t(2784),a=t(75289),l=function(e,n){return e?"".concat(e,"-").concat(n):""},u=function(e){switch(e){case"white":case"secondaryMedium":case"secondarySmall":case"secondary":return"#1A1523";default:return"grey01"}},d=(0,c.forwardRef)(function(e,n){var t=e.label,c=e.Icon,d=e.type,x=e.form,f=e.isLoading,h=void 0!==f&&f,p=e.disabled,v=e.onClick,m=e.sx,g=e.iconSize,b=void 0===g?16:g,C=e.iconFill,j=e.variant,S=void 0===j?"primary":j,k=(0,o.Z)(e,["label","Icon","type","form","isLoading","disabled","onClick","sx","iconSize","iconFill","variant"]);return(0,s.jsx)(a.zx,(0,i.Z)((0,r.Z)({ref:n,sx:(0,r.Z)((0,i.Z)((0,r.Z)({},void 0===m?{}:m),{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px"}),h?{cursor:"wait !important"}:{}),type:d,form:x,disabled:void 0!==p&&p||h,onClick:h?void 0:v,variant:S},k),{children:h?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.$j,{size:b,color:u(S),"data-cy":l(k["data-cy"],"spinner")}),c&&t]}):(0,s.jsxs)(s.Fragment,{children:[c&&(0,s.jsx)(c,{size:b,fill:C,"data-cy":l(k["data-cy"],"icon")}),t]})}))})},54132:function(e,n,t){"use strict";t.d(n,{Z:function(){return l}});var r=t(62230),i=t(85244),o=t(98240),s=t(52322);t(2784);var c=t(75289),a=function(e){var n=e.bg,t=e.background,i=e.sx,o=e.withRadius,a=e.radius,l=e.children;return(0,s.jsx)(c.xu,{sx:(0,r.Z)({p:4,bg:n||t},o?{borderBottomLeftRadius:a,borderBottomRightRadius:a}:null,i),children:l})},l=function(e){var n=e.Header,t=void 0===n?null:n,l=e.SubHeader,u=void 0===l?null:l,d=e.Body,x=void 0===d?null:d,f=e.Footer,h=void 0===f?null:f,p=e.borderFooter,v=e.radius,m=void 0===v?"6px":v,g=e.bodySx,b=e.footerSx,C=e.sx,j=e.bg,S=e.background,k=e.children,y=(0,o.Z)(e,["Header","SubHeader","Body","Footer","borderFooter","radius","bodySx","footerSx","sx","bg","background","children"]);return(0,s.jsxs)(c.Zb,(0,i.Z)((0,r.Z)({sx:(0,r.Z)({border:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.borders))},borderRadius:m},void 0===C?null:C)},y),{children:[t?(0,s.jsx)(t,{radius:m}):null,u?(0,s.jsx)(u,{radius:m}):null,(0,s.jsxs)(a,{bg:j,background:S,sx:void 0===g?{}:g,withRadius:!h,children:[x?(0,s.jsx)(x,{}):null,k||null]}),h?(0,s.jsx)(a,{bg:j,background:S,sx:(0,r.Z)({},void 0!==p&&p?{borderTop:function(e){var n=e.colors;return"1px solid ".concat(String(null==n?void 0:n.borders))}}:null,void 0===b?{}:b),radius:m,withRadius:!0,children:"object"==typeof h?h:(0,s.jsx)(h,{})}):null]}))}},61931:function(e,n,t){"use strict";t.d(n,{q:function(){return l}});var r=t(62230),i=t(52322),o=t(2784),s=t(75289),c=t(65186),a=(0,o.memo)(function(e){var n=e.src;return(0,i.jsx)(s.Ee,{src:n,alt:"Preview image",sx:{maxHeight:"100%"}})}),l=function(e){var n=e.src,t=e.sx;return(0,i.jsx)(s.kC,{sx:(0,r.Z)({position:"relative",alignItems:"center",justifyContent:"center",overflow:"hidden",backgroundImage:"url(/pattern.png)",backgroundColor:"headSection",backgroundRepeat:"repeat",backgroundSize:"20px",borderRadius:"4px"},t),children:void 0!==n?(0,i.jsx)(a,{src:n}):(0,i.jsxs)(s.xv,{sx:{display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,i.jsx)(c.eJU,{}),"You have no screenshot yet."]})})}},23261:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return eS}});var r,i,o,s,c=t(52322),a=t(97729),l=t.n(a),u=t(5632),d=t.n(u),x=t(62230),f=t(85244),h=t(2784),p=t(71463),v=t(22715),m=t(75289),g=t(65077),b=t(56577),C=t(19909),j=function(e){var n=e.defaultValue,t=e.variations,r=e.MenuItemAction,i=e.onChange;return(0,c.jsxs)(m.xu,{sx:{py:0,flexDirection:"column",backgroundColor:"headSection",overflow:"auto",display:"flex",borderRadius:"4px",border:function(e){var n;return"1px solid ".concat(null===(n=e.colors)||void 0===n?void 0:n.borders)},boxShadow:"0 10px 10px rgba(0, 0, 0, 0.05)",maxHeight:340,minWidth:250,maxWidth:350,color:"text"},children:[(0,c.jsxs)(m.xv,{sx:{p:3,fontSize:12,color:"textClear"},children:[t.length," VARIATION",t.length>1?"S":""]}),(0,c.jsxs)(m.kC,{sx:{p:0,flexDirection:"column"},children:[t.map(function(e){return(0,c.jsx)(S,{value:e,isActive:e.id===n.id,onClick:i},e.id)}),r||null]})]})},S=function(e){var n=e.value,t=e.isActive,r=e.onClick;return(0,c.jsx)(m.xu,{sx:{px:3,py:2,color:t?"primary":"",cursor:"pointer",borderLeft:function(e){var n=e.colors;return"2px solid ".concat(t?null==n?void 0:n.primary:null==n?void 0:n.background)},borderRadius:0,bg:"background",":hover":{bg:"hoverBackground",borderLeft:function(e){var n=e.colors;return"2px solid ".concat(null==n?void 0:n.primary)}}},onClick:function(){return r(n)},children:n.name})},k=t(75100),y=function(e){var n=e.buttonSx,t=e.defaultValue,r=e.variations,i=e.onNewVariation,o=e.onChange,s=e.sx,a=e.disabled,l=(0,h.useState)(!1),u=l[0],d=l[1],f=(0,h.useState)(t||r[0]),p=f[0],v=f[1];(0,h.useEffect)(function(){t&&v(t)},[t]);var g=function(e){d(!1),v(e),setTimeout(function(){return o(e)},210)},b=(0,c.jsx)(m.xu,{sx:{p:2},children:(0,c.jsx)(m.zx,{variant:"transparent",sx:{color:"text"},onClick:function(){d(!1),i&&i()},children:"+ Add new variation"})});return(0,c.jsx)(m.xu,{sx:s,children:(0,c.jsx)(C.Popover,{align:"start",isOpen:u,onClickOutside:function(){return d(!1)},positions:["bottom"],padding:10,content:function(){return(0,c.jsx)(j,{defaultValue:p,variations:r,onChange:g,MenuItemAction:i?b:void 0})},containerClassName:"variationSelectorContainer",children:(0,c.jsxs)(m.zx,{sx:(0,x.Z)({},n),variant:"dropDownButton",onClick:function(){return d(!u)},disabled:a,children:[p.name," ",u?(0,c.jsx)(k.bOz,{size:"16px","aria-label":"Collapse variations"}):(0,c.jsx)(k.mEq,{size:"16px","aria-label":"Expand variations"})]})})})},E=function(e){return(0,c.jsxs)("svg",(0,f.Z)((0,x.Z)({viewBox:"0 0 72 72",xmlns:"http://www.w3.org/2000/svg"},e),{children:[(0,c.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M51.3304 19.693C50.9182 18.9787 50.2527 18.6526 50.2527 18.6526L64.7906 10.2077C65.5266 9.78011 66.4679 10.0339 66.8929 10.7745C67.3179 11.5151 67.0657 12.4622 66.3294 12.8898L52.639 20.8424C52.639 20.8424 51.7428 20.4072 51.3304 19.693Z",fill:"current"}),(0,c.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M47.6775 54.7814C58.0794 48.7394 61.6433 35.3572 55.6378 24.8917C54.7801 23.397 53.7736 22.0427 52.6481 20.8367L32.9428 32.2832C32.2068 32.7108 31.2655 32.457 30.8405 31.7165C30.4155 30.9757 30.6677 30.0287 31.4039 29.6011L50.2693 18.6425C43.486 13.2668 33.8645 12.2736 25.9299 16.8827C15.5282 22.9249 11.9642 36.3071 17.9697 46.7727C18.8274 48.2671 19.8339 49.6216 20.9595 50.8276L41.1791 39.0822C41.9151 38.6546 42.8564 38.9086 43.2814 39.6492C43.7064 40.3897 43.4542 41.3368 42.7182 41.7644L23.3384 53.0217C30.1217 58.3975 39.7432 59.3906 47.6775 54.7814Z",fill:"current"}),(0,c.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.20645 61.7656C4.78145 61.0248 5.03367 60.078 5.76978 59.6502L20.9371 50.8398C20.9371 50.8398 21.8578 51.2406 22.3053 51.7062C22.7528 52.1717 23.361 53.0078 23.361 53.0078L7.30887 62.3323C6.57274 62.7599 5.63144 62.5061 5.20645 61.7656Z",fill:"current"})]}))},w=t(56580),I=t(52039),_=function(e,n,t){if(!n){d().push("/".concat(e.href,"/").concat(e.model.name));return}var r,i,o,s,c,a,l,u,x,f=(i=(r={lib:e.href,sliceName:e.model.name,variationId:null==n?void 0:n.id,isSimulator:t}).lib,o=r.sliceName,s=r.variationId,a=void 0===(c=r.options)?{}:c,l=r.isSimulator,u="/slices/[lib]/[sliceName]/[variation]".concat(l?"/simulator":""),x="/slices/".concat(i,"/").concat(o,"/").concat(s).concat(l?"/simulator":""),{href:u,as:x,options:a,all:[u,x,a]});d().push(f.href,f.as,f.options)},D=function(e){var n=e.slice,t=e.variation,r=e.isDisplayEditor,i=e.toggleIsDisplayEditor,o=e.onSaveMock,s=e.actionsDisabled,a=(0,w.v9)(function(e){return{savingMock:(0,I.S3)(e)}}).savingMock;return(0,c.jsxs)(m.kC,{sx:{p:"16px",display:"flex",bg:"grey07",gridTemplateRows:"1fr",borderBottom:"1px solid #DCDBDD",justifyContent:"space-between"},children:[(0,c.jsxs)(m.kC,{sx:{alignItems:"center"},children:[(0,c.jsx)(E,{height:"20px",width:"20px",fill:"#1A1523"}),(0,c.jsx)(m.xv,{sx:{ml:2,mr:"12px",fontSize:"14px",color:"#1A1523",fontWeight:"600",letterSpacing:"-0.15px"},children:n.model.name}),(0,c.jsx)(y,{defaultValue:t,variations:n.model.variations,onChange:function(e){return _(n,e,!0)},disabled:n.model.variations.length<=1||s})]}),(0,c.jsxs)(m.kC,{sx:{alignItems:"center",justifyContent:"space-between"},children:[(0,c.jsx)(m.kC,{sx:{alignItems:"center",justifyContent:"space-around"},children:(0,c.jsxs)(m.kC,{sx:{alignItems:"center",mr:4},children:[(0,c.jsx)(m.__,{htmlFor:"show-mock-editor",sx:{color:"#6F6E77",lineHeight:"16px",fontSize:"12px",fontWeight:"600",letterSpacing:"0px"},children:"Editor"}),(0,c.jsx)(m.rs,{id:"show-mock-editor",checked:r,onChange:i,disabled:s})]})}),(0,c.jsx)(b.z,{"data-cy":"save-mock",onClick:o,label:"Save mock content",disabled:a||s,variant:"primary",sx:{borderRadius:"6px",color:"#F1EEFE",fontWeight:"bold",border:"1px solid #5842C3",backgroundColor:"#6E56CF",boxShadow:"0px 1px 0px rgba(0, 0, 0, 0.04)","&:hover":{"&:not([disabled])":{backgroundColor:"#5842C3"}}}})]})]})},Z=t(82770),R=t(39092),F=function(e){var n=e.defaultValue,t=e.options,r=e.onChange;return(0,c.jsx)(m.xu,{sx:{py:0,flexDirection:"column",backgroundColor:"headSection",overflow:"auto",display:"flex",borderRadius:"6px",border:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.darkBorder))},boxShadow:"0 10px 10px rgba(0, 0, 0, 0.05)",maxHeight:340,minWidth:180,maxWidth:350,color:"text"},children:(0,c.jsx)(m.kC,{sx:{p:0,flexDirection:"column"},children:t.map(function(e){return(0,c.jsx)(z,{value:e,isActive:e===n,onClick:r})})})})},z=function(e){var n=e.value,t=e.isActive,r=e.onClick;return(0,c.jsx)(m.xu,{sx:{p:2,cursor:"pointer",fontSize:"14px",borderRadius:0,bg:t?"hoverBackground":"background",":hover":{bg:"hoverBackground"}},onClick:function(){return r(n)},children:n})},T=function(e){var n=e.buttonSx,t=e.currentValue,r=e.options,i=e.onChange,o=e.disabled,s=(0,h.useState)(!1),a=s[0],l=s[1],u=function(e){l(!1),setTimeout(function(){return i(e)},210)};return(0,c.jsx)(m.xu,{children:(0,c.jsx)(C.Popover,{align:"start",isOpen:a,onClickOutside:function(){return l(!1)},positions:["bottom"],padding:2,content:function(){return(0,c.jsx)(F,{defaultValue:t,options:r,onChange:u})},children:(0,c.jsxs)(m.zx,{sx:n,variant:"dropDownButton",onClick:function(){return l(!a)},disabled:o,children:[t," ",a?(0,c.jsx)(k.bOz,{size:"24px"}):(0,c.jsx)(k.mEq,{size:"24px"})]})})})},N=t(67557);(s=r||(r={})).DESKTOP="Desktop",s.TABLET="Tablet",s.MOBILE="Mobile",s.CUSTOM="Custom";var O=(i={},(0,N.Z)(i,r.DESKTOP,{width:1280,height:800}),(0,N.Z)(i,r.TABLET,{width:1080,height:810}),(0,N.Z)(i,r.MOBILE,{width:390,height:844}),i),A=function(e){var n=e.label,t=e.startValue,r=e.onChange,i=e.sx,o=e.disabled,s=["e","-","+",",","."];return(0,c.jsxs)(m.kC,{sx:(0,x.Z)({alignItems:"center"},i),children:[(0,c.jsx)(m.__,{sx:{backgroundColor:"grey07",border:"transparent",borderRight:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.darkBorder))},borderRadius:"6px 0px 0px 6px",width:26,height:30,color:"greyIcon",fontWeight:"bold",fontSize:"14px",alignItems:"center",justifyContent:"center",position:"absolute",ml:"1px"},htmlFor:"".concat(n,"-screensize-input"),children:n}),(0,c.jsx)(m.II,{type:"number",name:"".concat(n,"-screensize-input"),disabled:o,sx:{width:80,height:32,p:0,border:"1px solid #E4E2E4",borderRadius:"6px","&::-webkit-outer-spin-button,&::-webkit-inner-spin-button":{WebkitAppearance:"none",margin:0},color:"greyIcon",textAlign:"center",paddingLeft:26,"&:disabled":{cursor:"not-allowed","&:hover":{border:"1px solid #E4E2E4"},"&:active":{border:"1px solid #E4E2E4",boxShadow:"none"}}},onChange:r,value:t,min:"0",onKeyDown:function(e){s.includes(e.key)&&e.preventDefault()}})]})},L=function(e){var n=e.handleScreenSizeChange,t=e.screenDimensions,i=e.actionsDisabled,o=(0,h.useState)(r.DESKTOP),s=o[0],a=o[1],l=function(e){a(e),e!==r.CUSTOM&&n(O[e])},u=function(e){var t=Object.values(O).findIndex(function(n){return JSON.stringify(n)===JSON.stringify(e)}),i=t<0?r.CUSTOM:Object.keys(O)[t];a(i),n(e)};return(0,c.jsx)(m.kC,{sx:{alignItems:"center",pb:"16px",justifyContent:"space-between",variant:"small"},children:(0,c.jsxs)(m.kC,{sx:{alignItems:"center",flex:1},children:[(0,c.jsx)(T,{options:Object.values(r),onChange:l,buttonSx:{alignSelf:"start"},currentValue:s,disabled:i}),(0,c.jsx)(A,{label:"W",startValue:t.width.toString(),onChange:function(e){u((0,f.Z)((0,x.Z)({},t),{width:Number(e.target.value)}))},disabled:i,sx:{mx:2}}),(0,c.jsx)(k.eSQ,{size:16,color:"#6F6E77"}),(0,c.jsx)(A,{label:"H",startValue:t.height.toString(),onChange:function(e){u((0,f.Z)((0,x.Z)({},t),{height:Number(e.target.value)}))},disabled:i,sx:{ml:2}})]})})},M=t(25812),U=t(77174),P=t(24340),B=t(90374),W=t(54132),H=t(61931),V=function(e){var n=e.sliceName,t=e.screenshotUrl,r=(0,w.v9)(function(e){return{isScreenshotModalOpen:(0,U.gP)(e,P.q.SCREENSHOT_PREVIEW)}}).isScreenshotModalOpen,i=(0,B.Z)().closeModals;return(0,c.jsx)(M.Z,{isOpen:r,shouldCloseOnOverlayClick:!0,contentLabel:"Screenshot Preview",portalClassName:"ScreenshotPreviewModal",onRequestClose:i,children:(0,c.jsx)(W.Z,{radius:"0px",bodySx:{p:0,bg:"#FFF",position:"relative",height:"100%",padding:16},footerSx:{position:"sticky",bottom:0,p:0},sx:{border:"none"},Header:function(){return(0,c.jsxs)(m.kC,{sx:{position:"sticky",top:0,zIndex:1,p:"16px",alignItems:"center",justifyContent:"space-between",borderBottom:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.borders))}},children:[(0,c.jsxs)(m.X6,{sx:{fontSize:"14px"},children:["Screenshot Preview for ",n]}),(0,c.jsx)(m.x8,{type:"button",onClick:function(){return i()}})]})},Footer:function(){return(0,c.jsx)(m.kC,{style:{justifyContent:"flex-end",height:64,alignItems:"center",paddingRight:16,borderTop:"1px solid #DCDBDD"},children:(0,c.jsx)(m.zx,{variant:"secondary",sx:{fontWeight:600},onClick:function(){return i()},children:"Close"})})},children:(0,c.jsx)(H.q,{src:t,sx:{height:"320px"}})})})},q=t(25242),X=t(81541),G=function(e,n,t){var r=(0,h.useState)(e()),i=r[0],o=r[1],s=(0,h.useRef)(Date.now());return(0,h.useEffect)(function(){var t=setTimeout(function(){Date.now()-s.current>=n&&(o(e()),s.current=Date.now())},n-(Date.now()-s.current));return function(){clearTimeout(t)}},[n].concat((0,X.Z)(t))),i},K=t(22710),Y=t(17064),J=t(99267),Q=t(16),$=function(e){var n,t,r,i,o,s,a,l=e.apiContent,u=e.screenDimensions,d=e.simulatorUrl,f=e.dryRun,p=e.isScreenshot,v=void 0!==p&&p,g=(0,Y.Z)((t=(n=(0,h.useState)())[0],r=n[1],i=(0,h.useRef)(),o=(0,h.useRef)(),a=(0,h.useCallback)((s=(0,K.Z)(function(e){var n,t,s,c;return(0,J.__generator)(this,function(a){switch(a.label){case 0:if(null===(n=i.current)||void 0===n||n.disconnect(),null===(t=o.current)||void 0===t||t.disconnect(),r(void 0),!(null!=e))return[3,4];i.current=new Q.SH(e),a.label=1;case 1:return a.trys.push([1,3,,4]),[4,i.current.connect()];case 2:var l;return a.sent(),r(i.current),l=(0,K.Z)(function(){var e;return(0,J.__generator)(this,function(n){switch(n.label){case 0:return r(void 0),[4,null===(e=i.current)||void 0===e?void 0:e.connect({},!0)];case 1:return n.sent(),r(i.current),[2]}})}),s=function(){return l.apply(this,arguments)},o.current=new MutationObserver(function(e){e.forEach(function(e){"src"===e.attributeName&&s().catch(function(e){throw e})})}),o.current.observe(e,{attributeFilter:["src"]}),[3,4];case 3:return c=a.sent(),console.error(c),[3,4];case 4:return[2]}})}),function(e){return s.apply(this,arguments)}),[]),[t,a]),2),b=g[0],C=g[1],j=(0,B.Z)(),S=j.connectToSimulatorSuccess,k=j.connectToSimulatorFailure;(0,h.useEffect)(function(){var e;if(!d){k();return}if(void 0!==b){if(!b.connected){k(),console.warn("Trying to use a disconnected simulator client.");return}(e=(0,K.Z)(function(){return(0,J.__generator)(this,function(e){switch(e.label){case 0:return[4,b.setSliceZone([l])];case 1:return e.sent(),[2]}})}),function(){return e.apply(this,arguments)})().then(function(){S()}).catch(function(){k()})}},[b,l,d]);var y,E,w,I,_,D,Z,R,F,z=(0,h.useState)(),T=z[0],N=z[1],O=(y=function(e){var n;N({height:e.blockSize,width:e.inlineSize})},w=(0,h.useRef)(),(0,h.useCallback)(function(e){var n;null===(n=w.current)||void 0===n||n.disconnect(),null!==e&&(w.current=new ResizeObserver(function(n){var t,r=(0,Y.Z)(n,1)[0].contentRect;y({blockSize:r.height,inlineSize:r.width},e)}),w.current.observe(e))},[]));return(0,c.jsx)(m.kC,{ref:O,sx:(0,x.Z)({alignItems:"center",backgroundColor:"headSection",backgroundImage:"url(/pattern.png)",backgroundRepeat:"repeat",backgroundSize:"10px",border:v?void 0:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.darkBorder))},borderRadius:v?void 0:8,display:"flex",height:"100%",justifyContent:"center",overflow:"hidden"},void 0!==f&&f?{display:"none"}:{}),children:d?(0,c.jsx)("iframe",{ref:C,src:d,style:(0,x.Z)({border:"none",maxHeight:"".concat(u.height,"px"),maxWidth:"".concat(u.width,"px"),minHeight:"".concat(u.height,"px"),minWidth:"".concat(u.width,"px"),overflowY:"auto"},T?{transform:"scale(".concat((I=u,_=T,D=I.height,Z=I.width,R=_.height,F=_.width,Z>F||D>R?Z-F>D-R?F/Z:R/D:1),")")}:{display:"none"})}):null})},ee=t(8564),en=function(e){var n=e.children,t=e.sx;return(0,c.jsx)(m.kC,{sx:(0,x.Z)({bg:"grey07",height:"90%",width:"100%",justifyContent:"center",alignItems:"center",zIndex:"1"},t),children:(0,c.jsx)(m.kC,{sx:{marginTop:"-128px",justifyContent:"center",flexDirection:"column",alignItems:"center"},children:n})})},et=t(85819),er=function(e){var n=e.onRetrigger;return(0,c.jsxs)(en,{children:[(0,c.jsx)(m.Ee,{src:"/iframe-not-running.png",sx:{width:"320px"}}),(0,c.jsx)(m.xv,{sx:{color:"textClear",mb:2,fontSize:"14px",lineHeight:"24px",fontWeight:"600"},children:"Slice Machine can't render your Slice"}),(0,c.jsxs)(m.xv,{sx:{color:"failedConnectText",maxWidth:"400px",textAlign:"center",fontSize:"12px",lineHeight:"22px"},children:["Ensure your website's development server is running by typing",(0,c.jsx)("br",{}),(0,c.jsx)(m.xv,{as:"code",variant:"styles.inlineCode",sx:{padding:"4px",borderRadius:"6px"},children:"npm run dev"}),"\xa0 in your terminal at the root of your website directory.",(0,c.jsx)("br",{})," If that doesn't work, see the\xa0",(0,c.jsx)(m.rU,{target:"_blank",href:"https://prismic.io/docs/slice-machine",sx:{color:"link"},children:"troubleshooting instructions."})]}),(0,c.jsx)(b.z,{onClick:n,label:"Refresh",Icon:et.Fer,iconSize:20,iconFill:"#6F6E77",variant:"secondaryMedium",sx:{mt:"16px"}})]})},ei=t(98240),eo=t(92928),es=t(33402),ec=t(59326),ea=t(86741),el=t(65186),eu=function(e){var n=e.children;return(0,c.jsx)(m.xu,{as:"code",sx:{bg:"rgba(0, 0, 0, 0.05)",borderRadius:3,padding:"2px 4px"},children:n})},ed=function(e){var n,t=e.children,r=(0,ei.Z)(e,["children"]),i=(0,ec.B7)().theme,o=(0,h.useState)(!1),s=o[0],a=o[1],l=(0,h.useRef)(null),u=function(){l.current&&navigator.clipboard.writeText(l.current.innerText).then(function(){a(!0),setTimeout(function(){a(!1)},1200)}).catch(function(){})};return(0,c.jsxs)(m.xu,(0,f.Z)((0,x.Z)({},r),{sx:{backgroundColor:"codeBlockBackground",borderRadius:8},children:[(0,c.jsxs)(m.kC,{sx:{px:"26px",py:"22px",color:"#FFF",flexDirection:"row",justifyContent:"space-between",alignItems:"center",borderBottom:"1px solid rgba(111, 110, 119, 0.2)"},children:[(0,c.jsx)(m.kC,{sx:{alignItems:"center"}}),(0,c.jsxs)(m.zx,{onClick:u,variant:"transparent",sx:{display:"flex",justifyContent:"center",alignItems:"center",p:0,fontSize:"12px",color:"#FFF"},children:["Copy\xa0",s?(0,c.jsx)(el.HhX,{size:16,color:String(null==i?void 0:null===(n=i.colors)||void 0===n?void 0:n.success)}):(0,c.jsx)(el.Fqs,{size:16,style:{marginLeft:"8px"}})]})]}),(0,c.jsx)(m.xu,{ref:l,as:"pre",sx:{color:"#c9d1d9",padding:"16px 20px",overflow:"auto"},children:t})]}))},ex={code:function(e){var n=e.children;return(0,c.jsx)(eu,{children:n})},pre:function(e){var n=e.children,t=(0,ei.Z)(e,["children"]);return(0,c.jsx)(ed,(0,f.Z)((0,x.Z)({},t),{children:n}))}},ef=function(e){var n=e.html,t=e.components,r=void 0===t?{}:t,i={replace:function(e){if((0,es.Z)(e,ea.W_)&&e.attribs){var n=(0,ea.du)(e.children,i),t=(0,x.Z)({},r,ex)[e.name];if(t)return(0,c.jsx)(t,(0,f.Z)((0,x.Z)({name:e.name},e.attribs),{children:n}))}}};return(0,c.jsx)(c.Fragment,{children:(0,ea.ZP)(n,i)})},eh=function(e){var n=e.children.split("`").map(function(e,n){return n%2==1?(0,c.jsx)(eu,{children:e}):e});return(0,c.jsx)(c.Fragment,{children:n})},ep=function(e){var n=e.number,t=e.title,r=e.excerpt,i=(0,ei.Z)(e,["number","title","excerpt"]);return(0,c.jsx)(eo.OK,(0,f.Z)((0,x.Z)({className:"react-tabs__vertical__tab",selectedClassName:"react-tabs__vertical__tab--selected"},i),{children:(0,c.jsxs)(m.kC,{sx:{alignItems:"flex-start"},children:[(0,c.jsx)(em,{number:n}),(0,c.jsxs)(m.xu,{sx:{ml:3,alignSelf:"center"},children:[(0,c.jsx)(m.X6,{as:"h4",sx:{color:"whiteButtonText",fontSize:"14px",fontWeight:"600"},children:(0,c.jsx)(eh,{children:t})}),r&&(0,c.jsx)(m.xv,{as:"p",sx:{mt:2,color:"textClear",fontSize:"13px",lineHeight:"24px"},children:(0,c.jsx)(eh,{children:r})})]})]})}))};ep.tabsRole="Tab";var ev,em=function(e){var n=e.number;return(0,c.jsx)(m.kC,{sx:{height:"32px",width:"32px",alignItems:"center",justifyContent:"center",border:"1px solid #E4E2E4",borderRadius:"6px",bg:"grey07",color:"textClear",flexShrink:"0",fontSize:"13px"},children:n})},eg=function(e){var n=e.isOpen,t=(0,w.v9)(function(e){return{isSimulatorAvailableForFramework:(0,R.Ql)(e),setupSteps:(0,I.qe)(e)}}),r=t.isSimulatorAvailableForFramework,i=t.setupSteps||[];return(0,h.useEffect)(function(){n&&Z.Xe.track({event:"slice-simulator:setup"})},[n]),(0,c.jsx)(M.Z,{isOpen:n,children:(0,c.jsx)(W.Z,{bodySx:{p:0,bg:"grey07",height:4===i.length?"640px":"480px"},Header:function(e){var n=e.radius;return(0,c.jsx)(m.kC,{sx:{position:"sticky",top:0,zIndex:1,p:"16px",pl:4,bg:"grey07",alignItems:"center",justifyContent:"space-between",borderTopLeftRadius:n,borderTopRightRadius:n,borderBottom:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.borders))}},children:(0,c.jsx)(m.X6,{sx:{fontSize:"14px",fontWeight:"600"},as:"h5",children:"Set up the simulator"})})},children:(0,c.jsxs)(eo.mQ,{defaultFocus:!0,className:"react-tabs__vertical",children:[(0,c.jsx)(eo.td,{className:"react-tabs__vertical__tab-list",children:i.map(function(e,n){return(0,c.jsx)(ep,{number:n+1,title:e.title,excerpt:e.description},e.title)})}),r?(0,c.jsx)(c.Fragment,{children:i.map(function(e){return(0,c.jsx)(eo.x4,{selectedClassName:"react-tabs__vertical__tab-panel--selected",className:"react-tabs__vertical__tab-panel",children:(0,c.jsx)(ef,{html:e.body})},e.title)})}):(0,c.jsx)(eo.x4,{selectedClassName:"react-tabs__vertical__tab-panel--selected",className:"react-tabs__vertical__tab-panel",children:"Framework not supported."})]})})})},eb=t(53559);(ev=o||(o={})).LOADING_SETUP="LOADING_SETUP",ev.LOADING_IFRAME="LOADING_IFRAME",ev.FAILED_SETUP="FAILED_SETUP",ev.FAILED_CONNECT="FAILED_CONNECT",ev.SUCCESS="SUCCESS";var eC=function(e){var n,t,i=e.slice,s=e.variation,a=(0,B.Z)(),l=a.checkSimulatorSetup,u=a.connectToSimulatorIframe,d=a.saveSliceMock,b=(0,w.v9)(function(e){return{simulatorUrl:(0,R.x0)(e),iframeStatus:(0,I.NL)(e),manifestStatus:(0,I.tD)(e).manifest,isWaitingForIFrameCheck:(0,I.oM)(e),endpoints:(0,R.gZ)(e)}}),C=b.simulatorUrl,j=b.iframeStatus,S=b.manifestStatus,k=b.isWaitingForIFrameCheck,y=b.endpoints,E=(0,h.useMemo)(function(){return{embedsUrl:y.PrismicOembed,env:"prod",unsplashUrl:y.PrismicUnsplash}},[y.PrismicOembed,y.PrismicUnsplash]),_=(0,h.useRef)(null),F=(0,h.useCallback)(function(){return l()},[]);(0,h.useEffect)(function(){l(),Z.Xe.track({event:"slice-simulator:open"})},[]);var z=(0,h.useRef)(!1);(0,h.useEffect)(function(){z.current=!0},[]);var T=function(e){z.current&&(z.current=!1,Z.Xe.track({event:"editor:widget-used",sliceId:e}))},N="ko"===S?o.FAILED_SETUP:"ok"===S?k||!j?o.LOADING_IFRAME:"ok"!==j?o.FAILED_CONNECT:o.SUCCESS:(0,o.LOADING_SETUP);(0,h.useEffect)(function(){if(N===o.FAILED_SETUP&&!_.current){var e=setInterval(function(){F()},3e3);_.current=e}},[N]),(0,h.useEffect)(function(){"ok"===S&&(_.current&&clearInterval(_.current),u())},[S]),(0,h.useEffect)(function(){N===o.FAILED_CONNECT&&Z.Xe.track({event:"slice-simulator:is-not-running"})},[N]),(0,h.useEffect)(function(){N===o.SUCCESS&&es(!0)},[N]);var A=function(){u()},M=(0,h.useState)(O[r.DESKTOP]),U=M[0],P=M[1],W=(0,h.useMemo)(function(){return eb.id.fromSM(i.model)},[i.model]),H=(0,h.useState)(null),X=H[0],K=H[1],Y=(0,h.useMemo)(function(){var e,n;return(null==X?void 0:X.variation)===s.id?X:(null===(e=i.mocks)||void 0===e?void 0:e.find(function(e){return e.variation===s.id}))||{__TYPE__:"SharedSliceContent",variation:n=s.id,primary:{},items:[]}},[X,s.id]),J=(0,h.useMemo)(function(){return(0,q.renderSliceMock)(W,Y).id},[]),Q=(0,h.useCallback)(function(){return function(){return(0,f.Z)((0,x.Z)({},(0,q.renderSliceMock)(W,Y)),{id:J})}},[W,Y]),et=G(Q,800,[W,Y,]),ei=(0,h.useState)(!1),eo=ei[0],es=ei[1];return(0,c.jsxs)(m.kC,{sx:{flexDirection:"column",height:"100vh"},children:[(0,c.jsx)(eg,{isOpen:N===o.FAILED_SETUP}),(0,c.jsx)(D,{slice:i,variation:s,isDisplayEditor:eo,actionsDisabled:N!==o.SUCCESS,toggleIsDisplayEditor:function(){return es(!eo)},onSaveMock:function(){return X&&d({libraryID:i.from,sliceID:i.model.id,mocks:(i.mocks||[]).filter(function(e){return e.variation!==X.variation}).concat(X)})}}),(0,c.jsx)(m.xu,{sx:{flex:1,bg:"grey07",p:3,display:"flex",flexDirection:"column",height:"calc(100% - 73px - 16px)"},children:(0,c.jsxs)(m.kC,{sx:{flex:1,flexDirection:"row",position:"relative",width:"100%",height:"100%"},children:[(0,c.jsxs)(g.xR,{sx:{display:"flex",height:"100%",flexDirection:"column",flex:1,minWidth:0},children:[(0,c.jsx)(L,{handleScreenSizeChange:P,screenDimensions:U,actionsDisabled:N!==o.SUCCESS}),N===o.FAILED_CONNECT?(0,c.jsx)(er,{onRetrigger:A}):null,N===o.SUCCESS?(0,c.jsx)($,{apiContent:et,screenDimensions:U,simulatorUrl:C}):(0,c.jsx)(c.Fragment,{children:N===o.LOADING_IFRAME?(0,c.jsxs)(en,{children:[(0,c.jsx)(m.$j,{variant:"styles.spinner"}),(0,c.jsx)($,{apiContent:et,screenDimensions:U,simulatorUrl:C,dryRun:!0})]}):null})]}),N===o.SUCCESS&&eo?(0,c.jsx)(m.kC,{className:"editor",sx:{flexDirection:"column",marginLeft:"16px",maxWidth:"440px",minWidth:"440px",overflowY:"auto"},children:(0,c.jsx)(ee.S,{renderError:function(){return(0,c.jsx)(v.Iq,{title:"Editor error",description:"An error occurred while rendering the editor."})},children:(0,c.jsx)(h.Suspense,{children:(0,c.jsx)(p.kS,{config:E,content:Y,onContentChange:function(e){K(e),T(i.model.id)},sharedSlice:W},s.id)})})}):null]})}),!!(null===(n=i.screenshots[s.id])||void 0===n?void 0:n.url)&&(0,c.jsx)(V,{sliceName:i.model.name,screenshotUrl:null===(t=i.screenshots[s.id])||void 0===t?void 0:t.url})]})},ej=t(25998);function eS(){var e=(0,u.useRouter)(),n=(0,ej.Z)(),t=n.slice,r=n.variation;return void 0===t||void 0===r?(e.replace("/"),null):(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l(),{children:(0,c.jsx)("title",{children:"Simulator: ".concat(t.model.name," - Slice Machine")})}),(0,c.jsx)(eC,{slice:t,variation:r})]})}},25998:function(e,n,t){"use strict";t.d(n,{Z:function(){return c}});var r=t(5632),i=t(56580),o=t(95200),s=function(e,n,t){var r,i=null===(r=(0,o.Sd)(e))||void 0===r?void 0:r.find(function(e){return e.name.replace(/\//g,"--")===n});return null==i?void 0:i.components.find(function(e){return e.model.name===t})},c=function(){var e=(0,r.useRouter)(),n=(0,i.v9)(function(n){return{slice:s(n,e.query.lib,e.query.sliceName)}}).slice;if(!n)return{};var t=n.model.variations.find(function(n){return n.id===e.query.variation});return t?{slice:n,variation:t}:{}}}},function(e){e.O(0,[789,872,851,777,774,888,179],function(){return e(e.s=30755)}),_N_E=e.O()}]);

package/out/_next/static/chunks/pages/slices-5dc0c55c386e047a.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[436],{74600:function(e,n,t){var r=t(34311),i=t(23779),o=r(function(e,n,t){return e+(t?" ":"")+i(n)});e.exports=o},26688:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/slices",function(){return t(72085)}])},56577:function(e,n,t){"use strict";t.d(n,{z:function(){return d}});var r=t(62230),i=t(85244),o=t(98240),l=t(52322),c=t(2784),a=t(75289),s=function(e,n){return e?"".concat(e,"-").concat(n):""},u=function(e){switch(e){case"white":case"secondaryMedium":case"secondarySmall":case"secondary":return"#1A1523";default:return"grey01"}},d=(0,c.forwardRef)(function(e,n){var t=e.label,c=e.Icon,d=e.type,f=e.form,m=e.isLoading,p=void 0!==m&&m,h=e.disabled,x=e.onClick,v=e.sx,y=e.iconSize,b=void 0===y?16:y,g=e.iconFill,j=e.variant,S=void 0===j?"primary":j,C=(0,o.Z)(e,["label","Icon","type","form","isLoading","disabled","onClick","sx","iconSize","iconFill","variant"]);return(0,l.jsx)(a.zx,(0,i.Z)((0,r.Z)({ref:n,sx:(0,r.Z)((0,i.Z)((0,r.Z)({},void 0===v?{}:v),{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px"}),p?{cursor:"wait !important"}:{}),type:d,form:f,disabled:void 0!==h&&h||p,onClick:p?void 0:x,variant:S},C),{children:p?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(a.$j,{size:b,color:u(S),"data-cy":s(C["data-cy"],"spinner")}),c&&t]}):(0,l.jsxs)(l.Fragment,{children:[c&&(0,l.jsx)(c,{size:b,fill:g,"data-cy":s(C["data-cy"],"icon")}),t]})}))})},45466:function(e,n,t){"use strict";t.d(n,{c:function(){return S}});var r=t(22710),i=t(62230),o=t(85244),l=t(99267),c=t(52322),a=t(75289),s=t(2784),u=t(36131),d=t(68780),f=t(88932),m=t(38876),p=t(81038),h=t(82770),x=t(5479);function v(){return(v=(0,r.Z)(function(e){var n,t,r,i,o,c,a;return(0,l.__generator)(this,function(l){switch(l.label){case 0:n=e.sliceName,t=e.libraryName,r=e.onSuccess,l.label=1;case 1:return l.trys.push([1,4,,5]),i=(0,x.fo)(n),[4,p.j.slices.createSlice({libraryID:t,model:i})];case 2:if((o=l.sent().errors).length>0)throw o;return h.Xe.track({event:"slice:created",id:(0,m.MP)(n),name:n,library:t}),[4,r(i)];case 3:return l.sent(),[3,5];case 4:return c=l.sent(),a="An unexpected error happened while creating slice ".concat(n,"."),console.error(a,c),f.Am.error(a),[3,5];case 5:return[2]}})})).apply(this,arguments)}var y=t(90374),b=t(50950),g=t(66443),j=t(70041),S=function(e){var n,t=e.onClose,f=e.onSuccess,m=e.localLibraries,p=e.remoteSlices,x=(0,y.Z)().createSliceSuccess,S=(0,s.useState)(!1),C=S[0],w=S[1],k=(0,b.g)().syncChanges,I=(n=(0,r.Z)(function(e){var n,t;return(0,l.__generator)(this,function(i){switch(i.label){case 0:var o;return n=e.sliceName,t=e.from,w(!0),[4,function(e){return v.apply(this,arguments)}({sliceName:n,libraryName:t,onSuccess:(o=(0,r.Z)(function(e){var n;return(0,l.__generator)(this,function(n){switch(n.label){case 0:return[4,(0,h.y0)()];case 1:return x(n.sent().libraries),f(e,t),k(),[2]}})}),function(e){return o.apply(this,arguments)})})];case 1:return i.sent(),[2]}})}),function(e){return n.apply(this,arguments)});return(0,c.jsx)(d.Z,{dataCy:"create-slice-modal",isOpen:!0,widthInPx:"530px",isLoading:C,formId:"create-new-slice",close:t,buttonLabel:"Create",onSubmit:function(e){I(e)},initialValues:{sliceName:"",from:m[0].name},validate:function(e){return(0,g.h)(e,m,p)},content:{title:"Create a new slice"},children:function(e){var n=e.touched,t=e.values,r=e.setFieldValue,l=e.errors;return(0,c.jsxs)(a.xu,{children:[(0,c.jsx)(j.W,{name:"sliceName",label:"Slice Name",placeholder:"Pascalised Slice API ID (e.g. TextBlock)",error:n.sliceName?l.sliceName:void 0,dataCy:"slice-name-input"}),(0,c.jsx)(a.__,{htmlFor:"from",sx:{mb:2},children:"Target Library"}),(0,c.jsx)(u.ZP,{name:"from",options:m.map(function(e){return{value:e.name,label:e.name}}),onChange:function(e){return e?void r("from",e.value):null},defaultValue:{value:t.from,label:t.from},styles:{option:function(e){return(0,o.Z)((0,i.Z)({},e),{color:"#161618"})}},theme:function(e){return(0,o.Z)((0,i.Z)({},e),{colors:(0,o.Z)((0,i.Z)({},e.colors),{primary:"#E9E8EA"})})},menuPortalTarget:document.body})]})}})}},70041:function(e,n,t){"use strict";t.d(n,{W:function(){return c}});var r=t(62230),i=t(52322);t(2784);var o=t(63397),l=t(75289),c=function(e){var n=e.name,t=e.label,c=e.placeholder,a=e.error,s=e.dataCy,u=e.onChange;return(0,i.jsxs)(l.xu,{mb:3,children:[(0,i.jsx)(l.__,{htmlFor:n,mb:2,children:t}),(0,i.jsx)(o.gN,(0,r.Z)({name:n,type:"text",placeholder:c,as:l.II,autoComplete:"off"},u?{onChange:u}:null,s?{"data-cy":s}:null)),a?(0,i.jsx)(l.xv,{"data-cy":s?"".concat(s,"-error"):"input-error",sx:{color:"error",mt:1},children:a}):null]})}},66443:function(e,n,t){"use strict";t.d(n,{h:function(){return s}});var r=t(81541),i=t(75329),o=t(96009),l=t.n(o),c=t(74600),a=t.n(c);function s(e,n,t){var o=e.sliceName;if(!o)return{sliceName:"Cannot be empty"};if(!i.xo.exec(o))return{sliceName:"No special characters allowed"};if(a()(l()(o)).replace(/\s/gm,"")!==o.trim())return{sliceName:"Value has to be PascalCased"};if(o.match(/^\d/))return{sliceName:"Value cannot start with a number"};if(i.lS.includes(o))return{sliceName:"".concat(o," is reserved for Slice Machine use")};var c=n.flatMap(function(e){return e.components.map(function(e){return e.model.name})}),s=t.map(function(e){return e.name});if((0,r.Z)(c).concat((0,r.Z)(s)).includes(o))return{sliceName:"Slice name is already taken."}}},59469:function(e,n,t){"use strict";var r=t(62230),i=t(52322),o=t(75289);n.Z=function(e){var n=e.elems,t=e.renderElem,l=e.defineElementKey,c=e.gridTemplateMinPx,a=e.gridGap,s=e.sx;return(0,i.jsx)(o.xu,{as:"section",sx:(0,r.Z)({display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(".concat(void 0===c?"320px":c,", 1fr))"),gridGap:void 0===a?"16px":a,pt:2},s),children:n.map(function(e,n){return e?(0,i.jsx)("span",{children:t(e,n)},"".concat(l(e),"-").concat(n+1)):null})})}},68780:function(e,n,t){"use strict";var r=t(62230),i=t(85244),o=t(52322),l=t(37149),c=t.n(l),a=t(25812),s=t(63397),u=t(75289),d=t(56577),f=t(54132);n.Z=function(e){var n=e.children,t=e.close,l=e.isOpen,m=e.formId,p=e.validate,h=e.onSubmit,x=e.widthInPx,v=e.initialValues,y=e.content.title,b=e.cardProps,g=e.omitFooter,j=void 0!==g&&g,S=e.isLoading,C=void 0!==S&&S,w=e.buttonLabel,k=void 0===w?"Save":w,I=e.dataCy,N=e.actionMessage;return c().setAppElement("#__next"),(0,o.jsx)(a.Z,{isOpen:l,shouldCloseOnOverlayClick:!0,onRequestClose:t,contentLabel:y,style:{content:{width:null!=x?x:"900px"}},children:(0,o.jsx)(s.J9,{initialValues:v,validate:function(e){return p?p(e):void 0},onSubmit:function(e){h(e)},children:function(e){var l=e.isValid,c=e.isSubmitting,a=e.values,p=e.errors,h=e.touched,x=e.setFieldValue,v=e.setValues;return(0,o.jsx)(s.l0,(0,i.Z)((0,r.Z)({id:m},null!=I?{"data-cy":I}:null),{children:(0,o.jsx)(f.Z,(0,i.Z)((0,r.Z)({borderFooter:!0,footerSx:{p:3,position:"sticky",bottom:0,background:"gray"},bodySx:{px:4,py:4},sx:{border:"none"}},b),{Header:function(e){var n=e.radius;return(0,o.jsxs)(u.kC,{sx:{position:"sticky",top:0,zIndex:1,p:"16px",pl:4,bg:"headSection",alignItems:"center",justifyContent:"space-between",borderTopLeftRadius:n,borderTopRightRadius:n,borderBottom:function(e){var n;return"1px solid ".concat(null===(n=e.colors)||void 0===n?void 0:n.borders)}},children:[(0,o.jsx)(u.X6,{sx:{fontSize:"20px"},children:y}),(0,o.jsx)(u.x8,{type:"button",onClick:t})]})},Footer:j?null:(0,o.jsxs)(u.kC,{sx:{alignItems:"space-between"},children:[(0,o.jsx)(u.kC,{sx:{fontSize:"14px",alignItems:"center"},children:"function"==typeof N?N(e):N}),(0,o.jsxs)(u.kC,{sx:{ml:"auto"},children:[(0,o.jsx)(u.zx,{mr:2,type:"button",onClick:t,variant:"secondary",disabled:c||C,children:"Cancel"}),(0,o.jsx)(d.z,{label:k,form:m,type:"submit",disabled:!l||c||C,isLoading:c||C,sx:{fontWeight:"400",paddingBlock:"8px",paddingInline:"16px",fontSize:"14px",borderRadius:"4px"}})]})]}),children:n({isValid:l,isSubmitting:c,values:a,errors:p,touched:h,setFieldValue:x,setValues:v})}))}))}})})}},72085:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return X}});var r=t(81541),i=t(52322),o=t(22715),l=t(2784),c=t(97729),a=t.n(c),s=t(65077),u=t(75289),d=t(56580),f=t(5632),m=t(88932),p=t(75329),h=t(42050),x=t(45466),v=t(59469),y=t(36887),b=t(82770),g=function(e){var n=e.title,t=e.onCreateNew,r=e.buttonText,o=e.documentationComponent,l=e.videoPublicIdUrl;return(0,i.jsxs)(u.xu,{sx:{display:"flex",width:"80%",flexWrap:"wrap",justifyContent:"center"},children:[(0,i.jsx)(u.xu,{sx:function(e){var n;return{display:"flex",flex:1,alignItems:"center",minWidth:"400px",maxWidth:"70%",border:"1px solid ".concat(null===(n=e.colors)||void 0===n?void 0:n.grey02)}},children:(0,i.jsx)(y.nk,{cloudName:"dmtf1daqp",controls:!0,loop:!0,style:{maxWidth:"100%",objectFit:"contain"},publicId:l,onPlay:function(){b.Xe.track({event:"open-video-tutorials",video:l})}})}),(0,i.jsxs)(u.xu,{sx:function(e){var n;return{bg:"white",display:"flex",flexDirection:"column",border:"1px solid ".concat(null===(n=e.colors)||void 0===n?void 0:n.grey02),flex:1,minWidth:"400px",maxWidth:"70%"}},children:[(0,i.jsxs)(u.xu,{sx:function(e){var n;return{display:"flex",flexDirection:"column",p:4,borderBottom:"1px solid ".concat(null===(n=e.colors)||void 0===n?void 0:n.grey02)}},children:[(0,i.jsx)(u.X6,{as:"h3",variant:"heading",sx:{fontSize:"16px",lineHeight:"24px",mb:2},children:n}),(0,i.jsx)(u.xv,{variant:"xs",sx:{lineHeight:"24px",fontSize:"13px"},children:o})]}),(0,i.jsxs)(u.xu,{sx:{display:"flex",p:4,alignItems:"center"},children:[(0,i.jsx)(u.zx,{onClick:t,"data-cy":"empty-state-main-button",sx:{display:"flex",justifyContent:"center",alignItems:"center",flexShrink:0,mr:4},children:r}),(0,i.jsx)(u.xv,{sx:{fontSize:"12px",color:"grey04",maxWidth:"280px"},children:"It will be stored locally and you will be able to push it to your repository"})]})]})]})},j=t(15836),S=t(22710),C=t(99267),w=t(90374),k=t(95200),I=t(81038),N=t(5479),L=t(53559);function Z(){return(Z=(0,S.Z)(function(e){var n,t,r,i,o,l,c;return(0,C.__generator)(this,function(a){switch(a.label){case 0:n=e.slice,t=e.newSliceName,r=e.onSuccess,a.label=1;case 1:return a.trys.push([1,3,,4]),i=(0,N.PQ)(n,t),[4,I.j.slices.renameSlice({libraryID:n.from,model:L.id.fromSM(i.model)})];case 2:if((o=a.sent().errors).length>0)throw o;return r(i),m.Am.success("Slice name updated"),[3,4];case 3:return l=a.sent(),c="An unexpected error happened while renaming “".concat(n.model.name,"”."),console.error(c,l),m.Am.error(c),[3,4];case 4:return[2]}})})).apply(this,arguments)}var E=t(50950),_=t(70041),P=t(68780),A=t(66443),O=function(e){var n,t,r,o=e.slice,l=e.isOpen,c=e.onClose,a=(0,w.Z)().renameSliceSuccess,s=(0,E.g)().syncChanges,f=(0,d.v9)(function(e){return{localLibs:(0,k.Sd)(e),remoteLibs:(0,k.sT)(e)}}),m=f.localLibs,p=f.remoteLibs,h=null!==(n=null==o?void 0:o.model.name)&&void 0!==n?n:"",x=(r=(0,S.Z)(function(e){return(0,C.__generator)(this,function(n){switch(n.label){case 0:if(!o)return[3,2];return[4,function(e){return Z.apply(this,arguments)}({slice:o,newSliceName:e.sliceName,onSuccess:function(e){a(e.from,e.model),s()}})];case 1:n.sent(),c(),n.label=2;case 2:return[2]}})}),function(e){return r.apply(this,arguments)});return(0,i.jsx)(P.Z,{dataCy:"rename-slice-modal",isOpen:l,widthInPx:"530px",formId:"rename-slice-modal-".concat(null!==(t=null==o?void 0:o.model.id)&&void 0!==t?t:""),close:c,buttonLabel:"Rename",onSubmit:function(e){x(e)},initialValues:{sliceName:h},content:{title:"Rename a slice"},validate:function(e){return(0,A.h)(e,m,p)},children:function(e){var n=e.touched,t=e.errors;return(0,i.jsx)(u.xu,{children:(0,i.jsx)(_.W,{name:"sliceName",label:"Slice Name","data-cy":"slice-name-input",placeholder:"Pascalised Slice API ID (e.g. TextBlock)",error:n.sliceName?t.sliceName:void 0,dataCy:"slice-name-input"})})}})},R=t(65186),z=t(59326),F=t(25812),D=t(54132),W=t(56577);function T(){return(T=(0,S.Z)(function(e){var n,t,r,i,o,l,c;return(0,C.__generator)(this,function(a){switch(a.label){case 0:n=e.sliceName,t=e.sliceID,r=e.libraryID,i=e.onSuccess,a.label=1;case 1:return a.trys.push([1,3,,4]),[4,I.j.slices.deleteSlice({libraryID:r,sliceID:t})];case 2:if((o=a.sent().errors).length>0)throw o;return i(),m.Am.success("Successfully deleted slice “".concat(n,"”")),[3,4];case 3:return l=a.sent(),c="An unexpected error happened while deleting slice “".concat(n,"”."),console.error(c,l),m.Am.error(c),[3,4];case 4:return[2]}})})).apply(this,arguments)}var V=function(e){var n,t=e.sliceId,r=e.sliceName,o=e.libName,c=e.isOpen,a=e.onClose,s=(0,l.useState)(!1),d=s[0],f=s[1],m=(0,w.Z)().deleteSliceSuccess,p=(0,E.g)().syncChanges,h=(0,z.B7)().theme,x=(n=(0,S.Z)(function(){return(0,C.__generator)(this,function(e){switch(e.label){case 0:return f(!0),[4,function(e){return T.apply(this,arguments)}({sliceID:t,sliceName:r,libraryID:o,onSuccess:function(){m(t,o),p()}})];case 1:return e.sent(),a(),f(!1),[2]}})}),function(){return n.apply(this,arguments)});return(0,i.jsx)(F.Z,{isOpen:c,shouldCloseOnOverlayClick:!0,style:{content:{maxWidth:612}},onRequestClose:a,children:(0,i.jsx)(D.Z,{bodySx:{p:0,bg:"white",position:"relative",height:"100%",padding:16},footerSx:{position:"sticky",bottom:0,p:0},sx:{border:"none"},borderFooter:!0,Header:function(){var e;return(0,i.jsxs)(u.kC,{sx:{position:"sticky",background:"gray",top:0,zIndex:1,p:"16px",alignItems:"center",justifyContent:"space-between",borderBottom:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.borders))}},children:[(0,i.jsxs)(u.kC,{sx:{alignItems:"center"},children:[(0,i.jsx)(R.$vK,{size:20,color:null===(e=h.colors)||void 0===e?void 0:e.greyIcon}),(0,i.jsx)(u.X6,{sx:{fontSize:"14px",fontWeight:"bold",ml:1},children:"Delete Slice"})]}),(0,i.jsx)(u.x8,{type:"button",onClick:a})]})},Footer:function(){return(0,i.jsxs)(u.kC,{sx:{justifyContent:"flex-end",height:64,alignItems:"center",paddingRight:16,borderTop:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.darkBorders))},backgroundColor:"gray"},children:[(0,i.jsx)(W.z,{label:"Cancel",variant:"secondary",onClick:a,sx:{mr:"10px",fontWeight:"bold",color:"grey12",borderRadius:6}}),(0,i.jsx)(W.z,{label:"Delete",variant:"danger",isLoading:d,sx:{minHeight:39,minWidth:78},onClick:function(){x()}})]})},children:(0,i.jsxs)(u.nv,{children:["This action will immediately make the following changes:",(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:["Delete the"," ",(0,i.jsxs)(u.xv,{sx:{fontWeight:"bold"},children:[o,"/",r,"/"]})," ","directory."]}),(0,i.jsx)("li",{children:"Remove the Slice from all Slice Zones that use it."})]}),"The next time you push your changes to Prismic, the following change will happen:",(0,i.jsx)("ul",{children:(0,i.jsx)("li",{children:"Remove the Slice from the list of available Slices to use in the Page Builder."})}),"You will need to manually remove the Slice from any Pages that currently use it."]})})})},K=t(47731),B=t(71749),M=t(49451),H=t(13858),X=function(){var e,n,t,c=(0,f.useRouter)(),y=(0,K.H)(),b=y.modalPayload,S=y.onOpenModal,C=b.sliceFilterFn,w=b.defaultVariationSelector,I=(0,d.v9)(function(e){return{remoteSlices:(0,k.sT)(e),libraries:(0,k.Sd)(e)}}),N=I.remoteSlices,L=I.libraries,Z=(0,l.useState)(!1),E=Z[0],_=Z[1],P=(0,l.useState)(!1),A=P[0],R=P[1],z=(0,l.useState)(!1),F=z[0],D=z[1],W=L.filter(function(e){return e.isLocal}),T=L.map(function(e){return e.components=(0,r.Z)(e.components).sort(function(e,n){return e.model.name.localeCompare(n.model.name)}),e}),X=(L||[]).map(function(e){return e.components}).flat(),q=X.length,U=(0,l.useState)(),G=U[0],Q=U[1],Y=function(){R(!0)},$=function(){D(!0)};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a(),{children:(0,i.jsx)("title",{children:"Slices - Slice Machine"})}),(0,i.jsxs)(h.LN,{children:[(0,i.jsxs)(h.wd,{children:[(0,i.jsx)(h.Cx,{folder:"Slices"}),(null==W?void 0:W.length)!==0&&0!==q?(0,i.jsx)(h.K2,{children:(0,i.jsx)(o.zx,{"data-testid":"create-slice","data-cy":"create-slice",onClick:function(){_(!0)},startIcon:"add",children:"Create"})}):void 0]}),(0,i.jsxs)(h.RN,{children:[(0,i.jsx)(s.xR,{sx:{display:"flex",flexDirection:"column"},children:T.length>0?(0,i.jsx)(u.kC,{sx:{flex:1,flexDirection:"column"},children:0===q?(0,i.jsx)(u.kC,{sx:{flex:1,justifyContent:"center",alignItems:"center"},children:(0,i.jsx)(g,{title:"What are Slices?",onCreateNew:function(){_(!0)},buttonText:"Create one",videoPublicIdUrl:p.rd,documentationComponent:(0,i.jsxs)(i.Fragment,{children:['Slices are sections of your website. Prismic documents contain a dynamic "Slice Zone" that allows content creators to add, edit, and rearrange Slices to compose dynamic layouts for any page design.'," ",(0,i.jsx)(u.rU,{target:"_blank",href:"https://prismic.io/docs/core-concepts/slices",sx:function(e){var n;return{color:null==e?void 0:null===(n=e.colors)||void 0===n?void 0:n.primary}},children:"Learn more"}),"."]})})}):T.map(function(e){var n=e.name,t=e.isLocal,r=e.components;return(0,i.jsxs)(u.kC,{sx:{flexDirection:"column","&:not(:last-of-type)":{mb:4}},children:[(0,i.jsxs)(u.kC,{sx:{alignItems:"center",justifyContent:"space-between"},children:[(0,i.jsx)(u.kC,{sx:{alignItems:"center",fontSize:3,lineHeight:"48px",fontWeight:"heading",mb:1},children:(0,i.jsx)(u.xv,{children:n})}),!t&&(0,i.jsx)("p",{children:"⚠️ External libraries are read-only"})]}),(0,i.jsx)(v.Z,{elems:r,defineElementKey:function(e){return e.model.name},renderElem:function(e){return(0,i.jsx)(B.b,{action:{type:"menu",onRemove:function(){Q(e),Y()},onRename:function(){Q(e),$()}},mode:"navigation",onUpdateScreenshot:function(){S({sliceFilterFn:function(n){return n.filter(function(n){return n.model.id===e.model.id})}})},slice:e,variant:"solid"})},gridGap:"32px 16px"})]},n)})}):void 0}),(null==W?void 0:W.length)>0&&(0,i.jsx)(j.Z,{slices:C(X),defaultVariationSelector:w}),(null==W?void 0:W.length)>0&&E&&(0,i.jsx)(x.c,{localLibraries:W,remoteSlices:N,onSuccess:function(e,n){var t=e.variations[0].id,r=M.Y.getBuilderPagePathname({libraryName:n,sliceName:e.name,variationId:t});c.push(r),m.Am.success((0,H.kQ)({path:"".concat(n,"/").concat(e.name,"/model.json")}))},onClose:function(){_(!1)}}),(0,i.jsx)(O,{isOpen:F,slice:G,onClose:function(){D(!1)},"data-cy":"rename-slice-modal"}),(0,i.jsx)(V,{isOpen:A,libName:null!==(e=null==G?void 0:G.from)&&void 0!==e?e:"",sliceId:null!==(n=null==G?void 0:G.model.id)&&void 0!==n?n:"",sliceName:null!==(t=null==G?void 0:G.model.name)&&void 0!==t?t:"",onClose:function(){R(!1)}})]})]})]})}},76473:function(e,n,t){"use strict";t.d(n,{y1:function(){return g}});var r=t(2784);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}t(52322);var o=["shift","alt","meta","mod","ctrl"],l={esc:"escape",return:"enter",".":"period",",":"comma","-":"slash"," ":"space","`":"backquote","#":"backslash","+":"bracketright",ShiftLeft:"shift",ShiftRight:"shift",AltLeft:"alt",AltRight:"alt",MetaLeft:"meta",MetaRight:"meta",OSLeft:"meta",OSRight:"meta",ControlLeft:"ctrl",ControlRight:"ctrl"};function c(e){return(l[e]||e).trim().toLowerCase().replace(/key|digit|numpad|arrow/,"")}function a(e,n){return void 0===n&&(n=","),e.split(n)}function s(e,n,t){void 0===n&&(n="+");var r,l=e.toLocaleLowerCase().split(n).map(function(e){return c(e)});return i({},{alt:l.includes("alt"),ctrl:l.includes("ctrl")||l.includes("control"),shift:l.includes("shift"),meta:l.includes("meta"),mod:l.includes("mod")},{keys:l.filter(function(e){return!o.includes(e)}),description:t})}"undefined"!=typeof document&&(document.addEventListener("keydown",function(e){void 0!==e.key&&f([c(e.key),c(e.code)])}),document.addEventListener("keyup",function(e){void 0!==e.key&&m([c(e.key),c(e.code)])})),"undefined"!=typeof window&&window.addEventListener("blur",function(){u.clear()});var u=new Set;function d(e){return Array.isArray(e)}function f(e){var n=Array.isArray(e)?e:[e];u.has("meta")&&u.forEach(function(e){var n;return!o.includes(e)&&u.delete(e.toLowerCase())}),n.forEach(function(e){return u.add(e.toLowerCase())})}function m(e){var n=Array.isArray(e)?e:[e];"meta"===e?u.clear():n.forEach(function(e){return u.delete(e.toLowerCase())})}function p(e,n){var t=e.target;void 0===n&&(n=!1);var r=t&&t.tagName;return d(n)?Boolean(r&&n&&n.some(function(e){return e.toLowerCase()===r.toLowerCase()})):Boolean(r&&n&&!0===n)}var h=function(e,n,t){void 0===t&&(t=!1);var r,i,o=n.alt,l=n.meta,a=n.mod,s=n.shift,f=n.ctrl,m=n.keys,p=e.key,h=e.code,x=e.ctrlKey,v=e.metaKey,y=e.shiftKey,b=e.altKey,g=c(h),j=p.toLowerCase();if(!t){if(!b===o&&"alt"!==j||!y===s&&"shift"!==j)return!1;if(a){if(!v&&!x)return!1}else if(!v===l&&"meta"!==j&&"os"!==j||!x===f&&"ctrl"!==j&&"control"!==j)return!1}return!!(m&&1===m.length&&(m.includes(j)||m.includes(g)))||(m?(void 0===i&&(i=","),(d(r=m)?r:r.split(i)).every(function(e){return u.has(e.trim().toLowerCase())})):!m)},x=(0,r.createContext)(void 0),v=(0,r.createContext)({hotkeys:[],enabledScopes:[],toggleScope:function(){},enableScope:function(){},disableScope:function(){}}),y=function(e){e.stopPropagation(),e.preventDefault(),e.stopImmediatePropagation()},b="undefined"!=typeof window?r.useLayoutEffect:r.useEffect;function g(e,n,t,i){var o,l,u=(0,r.useRef)(null),g=(0,r.useRef)(!1),j=t instanceof Array?i instanceof Array?void 0:i:t,S=d(e)?e.join(null==j?void 0:j.splitKey):e,C=t instanceof Array?t:i instanceof Array?i:void 0,w=(0,r.useCallback)(n,null!=C?C:[]),k=(0,r.useRef)(w);C?k.current=w:k.current=n;var I=(!function e(n,t){return n&&t&&"object"==typeof n&&"object"==typeof t?Object.keys(n).length===Object.keys(t).length&&Object.keys(n).reduce(function(r,i){return r&&e(n[i],t[i])},!0):n===t}((l=(0,r.useRef)(void 0)).current,j)&&(l.current=j),l.current),N=(0,r.useContext)(v).enabledScopes,L=(0,r.useContext)(x);return b(function(){if((null==I?void 0:I.enabled)!==!1&&(e=N,n=null==I?void 0:I.scopes,0===e.length&&n?(console.warn('A hotkey has the "scopes" option set, however no active scopes were found. If you want to use the global scopes feature, you need to wrap your app in a <HotkeysProvider>'),!0):!!(!n||e.some(function(e){return n.includes(e)})||e.includes("*")))){var e,n,t=function(e,n){var t,r;if(void 0===n&&(n=!1),!(p(e,["input","textarea","select"])&&!p(e,null==I?void 0:I.enableOnFormTags)||null!=I&&null!=I.ignoreEventWhen&&I.ignoreEventWhen(e))){if(null!==u.current&&document.activeElement!==u.current&&!u.current.contains(document.activeElement)){y(e);return}(null==(t=e.target)||!t.isContentEditable||null!=I&&I.enableOnContentEditable)&&a(S,null==I?void 0:I.splitKey).forEach(function(t){var r,i,o,l,c,a,u,d=s(t,null==I?void 0:I.combinationKey);if(h(e,d,null==I?void 0:I.ignoreModifiers)||null!=(u=d.keys)&&u.includes("*")){if(n&&g.current)return;if(r=e,i=d,("function"==typeof(o=null==I?void 0:I.preventDefault)&&o(r,i)||!0===o)&&r.preventDefault(),l=e,c=d,"function"==typeof(a=null==I?void 0:I.enabled)?!a(l,c):!0!==a&&void 0!==a){y(e);return}k.current(e,d),n||(g.current=!0)}})}},r=function(e){void 0!==e.key&&(f(c(e.code)),((null==I?void 0:I.keydown)===void 0&&(null==I?void 0:I.keyup)!==!0||null!=I&&I.keydown)&&t(e))},i=function(e){void 0!==e.key&&(m(c(e.code)),g.current=!1,null!=I&&I.keyup&&t(e,!0))},o=u.current||(null==j?void 0:j.document)||document;return o.addEventListener("keyup",i),o.addEventListener("keydown",r),L&&a(S,null==I?void 0:I.splitKey).forEach(function(e){return L.addHotkey(s(e,null==I?void 0:I.combinationKey,null==I?void 0:I.description))}),function(){o.removeEventListener("keyup",i),o.removeEventListener("keydown",r),L&&a(S,null==I?void 0:I.splitKey).forEach(function(e){return L.removeHotkey(s(e,null==I?void 0:I.combinationKey,null==I?void 0:I.description))})}}},[S,I,N]),u}}},function(e){e.O(0,[898,789,50,25,286,774,888,179],function(){return e(e.s=26688)}),_N_E=e.O()}]);