slice-machine-ui 2.2.2-beta.8 → 2.3.0

package/out/_next/static/chunks/pages/changelog-1d15a7ef498f499a.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[477],{37782:function(e,n,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/changelog",function(){return r(57833)}])},51279:function(e,n,r){"use strict";r.d(n,{Z:function(){return d}});var t=r(62230),i=r(52322),s=r(61183);r(2784);var a=r(59326),o=r(75289),c=function(e){return{subLanguage:"xml",contains:[e.COMMENT("<!--","-->",{relevance:10}),{begin:/^(\s*)(<script(\s*context="module")?>)/gm,end:/^(\s*)(<\/script>)/gm,subLanguage:"javascript",excludeBegin:!0,excludeEnd:!0,contains:[{begin:/^(\s*)(\$:)/gm,end:/(\s*)/gm,className:"keyword"},]},{begin:/^(\s*)(<style.*>)/gm,end:/^(\s*)(<\/style>)/gm,subLanguage:"css",excludeBegin:!0,excludeEnd:!0},{begin:/\{/gm,end:/\}/gm,subLanguage:"javascript",contains:[{begin:/[\{]/,end:/[\}]/,skip:!0},{begin:/([#:\/@])(if|else|each|await|then|catch|debug|html)/gm,className:"keyword",relevance:10},]},]}};s.Z.registerLanguage("svelte",c);var l=["javascript","bash","xml","html","json"],d=function(e){var n,r=e.children,c=e.lang,d=e.sx,p=e.codeStyle,u=e.codeClass,x=e.Header,g=(0,a.B7)().theme,h=c?s.Z.highlight(r,{language:"vue"===c?"html":c}).value:s.Z.highlightAuto(r,l).value;return(0,i.jsxs)(o.kC,{as:"pre",sx:d,children:[x?(0,i.jsx)(x,{}):null,(0,i.jsx)("code",{className:"hljs".concat(u?" ".concat(u):""),style:(0,t.Z)({overflowX:"auto",padding:"3px 5px",borderRadius:"6px",border:"1px solid",borderColor:String(null===(n=g.colors)||void 0===n?void 0:n.textClear)},p),dangerouslySetInnerHTML:{__html:h}})]})}},57833:function(e,n,r){"use strict";r.r(n),r.d(n,{default:function(){return I}});var t,i=r(52322),s=r(97729),a=r.n(s),o=r(37577),c=r(2784),l=r(56580),d=r(65077),p=r(22710),u=r(99267),x=r(18566),g=r(7604);function h(){return f.apply(this,arguments)}function f(){return(f=(0,p.Z)(function(){var e;return(0,u.__generator)(this,function(e){switch(e.label){case 0:return[4,g.j.versions.getAllStableSliceMachineVersionsWithKind()];case 1:return[2,e.sent()]}})})).apply(this,arguments)}function v(){return(0,x.QT)(h,[])}var b=r(65521),j=r(79536),m=r(75289);function k(){return C.apply(this,arguments)}function C(){return(C=(0,p.Z)(function(){var e;return(0,u.__generator)(this,function(e){switch(e.label){case 0:return[4,g.j.versions.getLatestNonBreakingSliceMachineVersion()];case 1:return[2,e.sent()]}})})).apply(this,arguments)}var y,S=r(50755),T=r(71028),N=r(62230),_=r(12170),w=function(e){var n=e.type,r=e.hasUpToDateVersions;return(0,i.jsx)(m.xv,{sx:(0,N.Z)({padding:"0px 4px",borderRadius:"2px",fontSize:"8px",fontWeight:600,lineHeight:"16px",textTransform:"uppercase"},(n===t.Latest||n===t.LatestNonBreaking)&&{bg:"grey02",color:"code.gray"},n===t.Current&&r&&{bg:"lightGreen",color:"code.green"},n===t.Current&&!r&&{bg:"lightOrange",color:"code.orange"}),children:n})},L=function(e){var n=e.isSelected,r=e.onClick,t=e.versionNumber,s=e.tags,a=e.hasUpToDateVersions;return(0,i.jsxs)(m.kC,{sx:(0,N.Z)({p:1,borderRadius:"4px",cursor:"pointer",transition:"200ms all",justifyContent:"space-between",alignItems:"center"},n?{color:"purple",bg:(0,_.DZ)("purple",.95)}:{"&:hover":{bg:"grey01"}}),onClick:r,children:[(0,i.jsx)(m.xv,{children:t}),(0,i.jsx)(m.kC,{sx:{gap:"8px"},children:s.map(function(e){return(0,i.jsx)(w,{type:e,hasUpToDateVersions:a},e)})})]})};(y=t||(t={})).Latest="LATEST",y.LatestNonBreaking="LATEST-NON-BREAKING",y.Current="CURRENT";var M=function(e){var n,r=e.selectedVersion,s=e.selectVersion,a=function(e){var n=[];return e===h?n.push(t.Latest):e===u&&n.push(t.LatestNonBreaking),e===g&&n.push(t.Current),n},c=v(),l=(0,T.P)(),d=l.sliceMachineUpdateAvailable,p=l.adapterUpdateAvailable,u=(0,x.QT)(k,[]),g=(0,S.d)(),h=null===(n=c[0])||void 0===n?void 0:n.version;return(0,i.jsxs)(m.kC,{sx:{minWidth:"228px",borderRight:"1px dashed",borderColor:o.rS.color.grey6,flexDirection:"column",paddingRight:"48px"},children:[(0,i.jsxs)(m.kC,{sx:{flexDirection:"column",borderBottom:"1px dashed",borderColor:o.rS.color.grey6,paddingBottom:"28px"},children:[(0,i.jsx)(m.xv,{sx:{fontSize:"20px",fontWeight:500,lineHeight:"32px"},children:"Changelog"}),(0,i.jsx)(m.xv,{sx:{fontSize:"16px",fontWeight:500,lineHeight:"24px",marginTop:"28px"},children:"All versions"})]}),(0,i.jsx)(m.kC,{sx:{mt:"24px",flexDirection:"column",gap:"4px",overflow:"auto"},children:c.map(function(e,n){return(0,i.jsx)(L,{isSelected:(null==r?void 0:r.version)===e.version,onClick:function(){return s(e)},versionNumber:e.version,tags:a(e.version),hasUpToDateVersions:!d&&!p},"versionBadge-".concat(e.version,"-").concat(n))})})]})},V=r(951);function E(e){return R.apply(this,arguments)}function R(){return(R=(0,p.Z)(function(e){var n;return(0,u.__generator)(this,function(n){switch(n.label){case 0:return[4,g.j.versions.getSliceMachineReleaseNotesForVersion({version:e})];case 1:return[2,n.sent()]}})})).apply(this,arguments)}var H=r(19870),z=function(e){var n=e.releaseNotes;return(0,i.jsx)(m.xv,{sx:{"h1, h2, h3":{fontSize:"16px",fontWeight:600,lineHeight:"20px"},p:{fontSize:"14px",fontWeight:400,lineHeight:"20px"},b:{fontSize:"14px",fontWeight:600,lineHeight:"20px"},code:{color:"code.orange"},li:{listStyleType:"disc",marginLeft:"25px",paddingLeft:"5px"}},dangerouslySetInnerHTML:{__html:H.TU.parse(n)}})},Z=r(13733),B=r(51279),A=function(e){var n,r,t,s,a,o=e.selectedVersion,c=e.packageManager,l=v(),d=(0,Z.p)(),p=(0,T.P)(),u=p.sliceMachineUpdateAvailable,x=p.adapterUpdateAvailable,g=o.version===l[0].version,h=(n={sliceMachineVersionToInstall:g?"latest":o.version,isLatestSliceMachineVersion:g,adapterName:d},r=n.sliceMachineVersionToInstall,t=n.isLatestSliceMachineVersion,s=n.adapterName,a=["slice-machine-ui@".concat(r)],t&&a.push("".concat(s,"@latest")),a),f=function(e,n){var r=n.join(" ");switch(e){case"bun":return"bun add --development ".concat(r);case"npm":return"npm install --save-dev ".concat(r);case"pnpm":case"pnpm@6":return"pnpm add --save-dev ".concat(r);case"yarn":case"yarn@berry":return"yarn add --dev ".concat(r)}}(c,h);return(0,i.jsxs)(i.Fragment,{children:[x&&!u&&g&&(0,i.jsxs)(m.kC,{sx:{padding:"16px",bg:"lightOrange",color:"darkOrange",fontSize:"13px",lineHeight:"24px",borderRadius:"4px",gap:"16px"},children:[(0,i.jsx)(V.CSE,{size:"24px"}),"It looks like you are using an outdated version of the adapter. Run this command to update your adapter:"]}),(0,i.jsxs)(m.kC,{sx:{flexDirection:"column",gap:"16px",padding:"16px",bg:"grey01"},children:[(0,i.jsx)(m.xv,{sx:{fontSize:"16px",fontWeight:500,lineHeight:"20px"},children:"How to install"}),(0,i.jsxs)(m.kC,{sx:{gap:"8px"},children:[(0,i.jsx)(B.Z,{codeStyle:{color:"white",flex:1,padding:"8px"},sx:{flex:1},children:f}),(0,i.jsx)(m.zx,{variant:"secondary",onClick:function(){navigator.clipboard.writeText(f)},children:"Copy"})]})]})]})},D=function(e){var n=e.versionKind,r=(0,N.Z)({fontSize:"14px",padding:"2px 4px",borderRadius:"4px",textTransform:"uppercase"},"MAJOR"===n?{color:"purple",bg:(0,_.DZ)("purple",.85)}:{color:"grey05",bg:"grey02"});return(0,i.jsx)(m.xv,{sx:r,children:n})},W=function(){return(0,i.jsxs)(m.kC,{sx:{paddingLeft:"32px"},children:["Could not fetch release notes."," ",(0,i.jsx)("a",{href:"https://github.com/prismicio/slice-machine/releases",target:"_blank",rel:"noopener noreferrer",children:"Find out more on GitHub"})]})},O=function(e){var n,r=e.selectedVersion,t=e.packageManager,s=(n=r.version,(0,x.QT)(E,[n]));return(0,i.jsxs)(m.kC,{sx:{flexDirection:"column"},children:[(0,i.jsxs)(m.kC,{sx:{padding:"0px 0px 32px 32px",borderBottom:"1px dashed",borderColor:o.rS.color.grey6,justifyContent:"space-between",alignItems:"center"},children:[(0,i.jsx)(m.xv,{sx:{fontSize:"24px",fontWeight:600,lineHeight:"32px"},children:"Version ".concat(r.version)}),!!r.kind&&(0,i.jsx)(D,{versionKind:r.kind})]}),(0,i.jsxs)(m.kC,{sx:{flexDirection:"column",padding:"24px 0px 0px 32px",gap:"24px"},children:[(null==s?void 0:s.includes("# Breaking Change"))&&(0,i.jsxs)(m.kC,{sx:{padding:"16px",bg:"lightOrange",color:"darkOrange",fontSize:"13px",lineHeight:"24px",borderRadius:"4px",gap:"16px"},"data-testid":"breaking-changes-warning",children:[(0,i.jsx)(V.CSE,{size:"24px"}),"This update includes breaking changes. To update correctly, follow the steps below."]}),(0,i.jsx)(A,{selectedVersion:r,packageManager:t}),void 0!==s?(0,i.jsx)(z,{releaseNotes:s}):(0,i.jsx)(W,{})]})]})};function U(){var e=(0,l.v9)(function(e){return{packageManager:(0,j.Ak)(e)}}).packageManager,n=v(),r=n[0],t=(0,c.useState)(null!=r?r:void 0),s=t[0],a=t[1];(0,c.useEffect)(function(){a(r)},[r]);var p=0===n.length||!s;return(0,i.jsx)(b.LN,{children:(0,i.jsx)(b.RN,{children:(0,i.jsxs)(d.xR,{sx:{display:"flex",minWidth:0},children:[(0,i.jsx)(M,{selectedVersion:s,selectVersion:function(e){return a(e)}}),p?(0,i.jsx)(W,{}):(0,i.jsx)(o.SV,{renderError:function(){return(0,i.jsx)(W,{})},children:(0,i.jsx)(c.Suspense,{fallback:(0,i.jsx)(o._3,{}),children:(0,i.jsx)(O,{selectedVersion:s,packageManager:e})})})]})})})}function I(){return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a(),{children:(0,i.jsx)("title",{children:"Changelog - Slice Machine"})}),(0,i.jsx)(U,{})]})}}},function(e){e.O(0,[898,183,870,774,888,179],function(){return e(e.s=37782)}),_N_E=e.O()}]);

package/out/_next/static/chunks/pages/changes-0af2a1a5244418f9.js

@@ -0,0 +1 @@
+(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(995)}])},9502:function(e,n,t){"use strict";t.d(n,{R$:function(){return h},Qj:function(){return g},T9:function(){return f},nf:function(){return p},u2:function(){return x},_T:function(){return m}});var i=t(67557),r=t(62230),s=t(85244),o=t(98240),l=t(52322),c=t(37577),a=t(6277),u=t(98484),d=t.n(u),h=function(e){var n=e.backgroundImage,t=e.style,c=(0,o.Z)(e,["backgroundImage","style"]),u=void 0!==n;return(0,l.jsx)("article",(0,s.Z)((0,r.Z)({},c),{className:(0,a.W)(d().root,(0,i.Z)({},d().withBackground,u)),style:(0,r.Z)({backgroundImage:u?"url(".concat(n,")"):void 0},t)}))},x=function(e){return(0,l.jsx)("div",(0,s.Z)((0,r.Z)({},e),{className:d().image}))},f=function(e){return(0,l.jsx)("div",(0,s.Z)((0,r.Z)({},e),{className:d().content}))},m=function(e){return(0,l.jsx)(c.xv,(0,s.Z)((0,r.Z)({},e),{className:d().title}))},p=function(e){return(0,l.jsx)(c.xv,(0,s.Z)((0,r.Z)({},e),{className:d().desc,color:"grey11"}))},g=function(e){return(0,l.jsx)("div",(0,s.Z)((0,r.Z)({},e),{className:d().actions,color:"grey"}))}},95120: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),l=t(85244),c=t(52322),a=function(e){return(0,c.jsx)("svg",(0,l.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,c.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,c.jsx)("svg",(0,l.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,c.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,c.jsx)("svg",(0,l.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,c.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(7604),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:p("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:p("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:p("gitLab")}};function f(e){return m.apply(this,arguments)}function m(){return(m=(0,i.Z)(function(e){var n;return(0,r.__generator)(this,function(t){switch(t.label){case 0:if(!p(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 p(e){return Boolean(Object.values(s).includes(e))}},46200: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(18566),l=t(39374),c=t(7604);function a(){var e,n,t=(0,r.Z)((0,l.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,c.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,c.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,c.j.git.fetchLinkedRepos({prismic:{domain:e}})];case 1:return[2,n.sent()]}})})).apply(this,arguments)}},39374:function(e,n,t){"use strict";t.d(n,{f:function(){return l}});var i=t(22710),r=t(99267),s=t(18566),o=t(7604);function l(){var e,n=(0,s.QT)(c,[]),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)(c,[],e),[2]}})}),function(n){return e.apply(this,arguments)});return[n,t]}function c(){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)}},61107: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),l=t(2784),c=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,l.forwardRef)(function(e,n){var t=e.label,l=e.Icon,d=e.type,h=e.form,x=e.isLoading,f=void 0!==x&&x,m=e.disabled,p=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)(c.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!==m&&m||f,onClick:f?void 0:p,variant:C},_),{children:f?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(c.$j,{size:v,color:u(C),"data-testid":a(_["data-testid"],"spinner")}),l&&t]}):(0,o.jsxs)(o.Fragment,{children:[l&&(0,o.jsx)(l,{size:v,fill:y,"data-testid":a(_["data-testid"],"icon")}),t]})}))})},26574: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,l=e.gridTemplateMinPx,c=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===l?"320px":l,", 1fr))"),gridGap:void 0===c?"16px":c,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})})}},995:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return e_}});var i=t(22710),r=t(99267),s=t(52322),o=t(97729),l=t.n(o),c=t(5632),a=t.n(c),u=t(2784),d=t(88932),h=t(65077),x=t(12189),f=t(42770),m=t(37577),p=t(34543),g=t(56580),j=t(9502),v=t(62230),y=t(85244),b=t(98240),C=t(6277),_=t(49888),w=t.n(_),k=function(e){var n=e.children,t=e.color,i=e.endIcon,r=e.href,o=e.textVariant,l=void 0===o?"smallBold":o,c=(0,b.Z)(e,["children","color","endIcon","href","textVariant"]);return(0,s.jsxs)("a",(0,y.Z)((0,v.Z)({href:r,target:"_blank",rel:"noreferrer"},c),{className:(0,C.W)(w().root,w()["color-".concat(void 0===t?"primary":t)]),children:[(0,s.jsx)(m.xv,{component:"span",color:"inherit",variant:l,children:n}),(0,u.isValidElement)(i)?(0,u.cloneElement)(i,{className:(0,C.W)(i.props.className,w().endIcon,w()["icon-".concat(l)])}):null]}))},S=t(79536),Z=function(){var e,n=(e=(0,g.v9)(function(e){return{repoName:(0,S.MY)(e)}}).repoName,"https://".concat(e,".prismic.io/documents/working"));return(0,s.jsxs)(j.R$,{style:{alignSelf:"center",marginTop:m.rS.space[72]},children:[(0,s.jsx)(j.u2,{children:(0,s.jsx)(m.Ee,{src:"/blank-slate-changes-uptodate.png",sizing:"cover"})}),(0,s.jsxs)(j.T9,{children:[(0,s.jsx)(j._T,{children:"Everything up-to-date"}),(0,s.jsx)(j.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)(j.Qj,{children:[(0,s.jsx)(m.zx,{onClick:function(){a().push("/")},children:"Create a page type"}),(0,s.jsx)(k,{endIcon:(0,s.jsx)(p.AlO,{}),textVariant:"normal",href:n,children:"Create content"})]})]})]})},T=t(16991),D=t(95120),L=t(31799),O=t(46200),I=function(e){return(0,s.jsx)(T.S,{renderError:F,children:(0,s.jsx)(u.Suspense,{fallback:(0,s.jsx)(H,{}),children:(0,s.jsx)(N,(0,v.Z)({},e))})})},N=function(e){return(0,L.M)().eligible?(0,s.jsx)(R,(0,v.Z)({},e)):(0,s.jsx)(B,(0,v.Z)({},e))},R=function(e){var n=(0,O.G)().linkedGitRepos;if(!(n.length>0))return(0,s.jsx)(B,(0,v.Z)({},e));var t=D.Q[n[0].provider];return(0,s.jsx)(m.u,{content:"This project uses the Git workflow. Update Prismic by pushing your changes to ".concat(t.name,"."),side:"bottom",children:(0,s.jsx)(B,{disabled:!0})})},B=(0,u.forwardRef)(function(e,n){return(0,s.jsx)(m.zx,(0,y.Z)((0,v.Z)({},e),{ref:n,startIcon:"upload",children:"Push"}))});function F(){return(0,s.jsx)(m.u,{content:"An error occurred while fetching the list of connected Git repositories.",side:"bottom",children:(0,s.jsx)(B,{disabled:!0})})}var H=function(){return(0,s.jsx)(m.Od,{height:32,width:71.32})},z=t(76570),E=t(35393),M=t(87161),A=t(13325),G=t(14787),W=t(65521),P=t(72797),U=t(7342),V=function(e){var n=e.authStatus,t=(0,U.Z)().openLoginModal;return(0,s.jsxs)(m.xu,{flexDirection:"column",height:"100%",alignItems:"center",justifyContent:"center",gap:8,children:[n===P.t.FORBIDDEN?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(m.xv,{variant:"h3",align:"center",children:"It seems like you are logged out"}),(0,s.jsx)(m.xv,{align:"center",children:"Log in to connect to your repository."})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(m.xv,{variant:"h3",align:"center",children:"It seems like you don't have access to this repository"}),(0,s.jsx)(m.xv,{align:"center",children:"Check that the repository name is correct, then contact your repository administrator."})]}),(0,s.jsxs)(m.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)(m.xv,{href:"https://community.prismic.io/",children:"Contact our support team"}),"."]}),n===P.t.FORBIDDEN&&(0,s.jsx)(m.zx,{onClick:function(){return t()},children:"Log in to Prismic"})]})},X=t(91914),Q=t(75289),K=function(){return(0,s.jsx)(Q.kC,{sx:{justifyContent:"center",alignItems:"center",flex:1},children:(0,s.jsxs)(Q.kC,{sx:{flexDirection:"column",alignItems:"center",transform:"translateY(-50%)"},children:[(0,s.jsx)(X.wQ1,{size:48}),(0,s.jsx)(Q.xv,{sx:{fontWeight:600,fontSize:"24px",lineHeight:"32px",mb:"8px",mt:"2px",textAlign:"center"},children:"No internet connection"}),(0,s.jsx)(Q.xv,{sx:{fontSize:"13px",lineHeight:"24px",textAlign:"center"},children:"Connect to the internet to sync your changes."})]})})},Y=t(951),J=t(74029),$=t(88201),q=t(63815),ee=function(e){var n=e.children;return(0,s.jsx)(Q.kC,{sx:{alignItems:"center",justifyContent:"space-between",mt:"8px",bg:"grey02",borderRadius:4,padding:"12px 16px",width:"100%"},children:n})},en=t(39097),et=t.n(en),ei=t(39122),er=t(99526),es=t(93290),eo=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)(Q.xu,{as:"td",style:{width:"40%"},children:(0,s.jsx)(Q.xv,{sx:{fontWeight:500},children:n.label})}),(0,s.jsx)(Q.xu,{as:"td",style:{width:"40%"},children:n.id}),(0,s.jsx)(Q.xu,{as:"td",style:{width:"20%"},children:(0,s.jsx)(ei.O,{authStatus:i,isOnline:r,modelStatus:t,modelType:"CustomType"})})]})},el=function(e){var n=e.customTypes,t=e.modelsStatuses,i=e.authStatus,r=e.isOnline;return(0,s.jsxs)(Q.xu,{as:"table","data-legacy-component":!0,children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{className:"transparent small",children:[(0,s.jsx)(Q.xu,{as:"th",sx:{width:"40%",fontWeight:600},children:"Name"}),(0,s.jsx)(Q.xu,{as:"th",sx:{width:"40%",fontWeight:600},children:"API ID"}),(0,s.jsx)(Q.xu,{as:"th",sx:{width:"20%",fontWeight:600},children:"Status"})]})}),(0,s.jsx)("tbody",{children:n.map(function(e){return(0,es.TG)(e)?(0,s.jsx)(et(),{passHref:!0,href:er.cd[e.local.format].getBuilderPagePathname(e.local.id),legacyBehavior:!0,children:(0,s.jsx)("tr",{tabIndex:0,"data-testid":"custom-type-".concat(e.local.id),children:(0,s.jsx)(eo,{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-testid":"custom-type-".concat(e.remote.id),children:(0,s.jsx)(eo,{ct:e.remote,status:t.customTypes[e.remote.id],authStatus:i,isOnline:r},e.remote.id)},e.remote.id)})})]})},ec=t(26574),ea=t(97461),eu=t(42356),ed=t(13002);function eh(){var e=(0,ed.L)("slicemachine-dev-collaboration"),n=(0,u.useState)(!1),t=n[0],i=n[1],r=null==e?void 0:e.payload;return((0,u.useEffect)(function(){(null==e?void 0:e.value)==="on"&&void 0!==r&&x.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)(m.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)(m.xu,{flexDirection:"column",gap:2,children:[(0,s.jsx)(m.xv,{variant:"smallBold",children:r.cardTitle}),(0,s.jsx)(m.xv,{color:"grey11",variant:"small",children:r.cardDescription})]}),(0,s.jsx)(m.zx,{color:"grey",onClick:function(){x.Xe.track({event:"dev-collab:set-up-workflow-opened"}),i(!0)},children:r.cardButtonLabel})]}),(0,s.jsxs)(m.Vq,{onOpenChange:function(e){e||i(!1)},open:t,size:{height:"auto",width:448},children:[(0,s.jsx)(m.fK,{title:r.dialogTitle}),(0,s.jsx)(m.cZ,{children:(0,s.jsxs)(m.xu,{flexDirection:"column",children:[(0,s.jsx)(m.xu,{flexDirection:"column",padding:16,children:(0,s.jsx)(m.xv,{children:r.dialogDescription})}),(0,s.jsx)(m.kX,{cancel:{text:"Cancel"},ok:{text:r.dialogButtonLabel,onClick:function(){x.Xe.track({event:"dev-collab:join-beta-clicked"}),window.open(r.dialogButtonLink,"_blank"),i(!1)}},size:"medium"})]})})]})]})}var ex=function(e){var n=e.unSyncedCustomTypes,t=e.unSyncedSlices,i=e.modelsStatuses,r=e.authStatus,o=e.isOnline,l=(0,q.H)(),c=l.modalPayload,a=l.onOpenModal,d=c.sliceFilterFn,h=c.defaultVariationSelector,x=t.filter(function(e){return i.slices[e.model.id]!==eu.GJ.Deleted});return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)(m.xu,{gap:16,alignItems:"flex-start",children:[(0,s.jsxs)(m.xu,{flexDirection:"column",flexGrow:1,children:[n.length>0&&(0,s.jsxs)(m.xu,{flexDirection:"column",children:[(0,s.jsx)(ee,{children:(0,s.jsxs)(m.xu,{children:[(0,s.jsx)(m.xv,{variant:"h5",children:"Types"}),(0,s.jsx)(m.xv,{variant:"h5",sx:{marginLeft:8},children:n.length})]})}),(0,s.jsx)(el,{customTypes:n,modelsStatuses:i,authStatus:r,isOnline:o})]}),t.length>0&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(m.xu,{padding:{bottom:8},children:(0,s.jsxs)(ee,{children:[(0,s.jsxs)(m.xu,{children:[(0,s.jsx)(m.xv,{variant:"h5",children:"Slices"}),(0,s.jsx)(m.xv,{variant:"h5",sx:{marginLeft:8},children:t.length})]}),(0,s.jsxs)(m.xu,{children:[t.some(function(e){return(0,J.cx)(e)>0&&i.slices[e.model.id]!==eu.GJ.Deleted})&&(0,s.jsxs)(m.xv,{color:"amber11",sx:{marginRight:8,alignSelf:"center"},children:[(0,s.jsx)(Y.sQg,{size:16,style:{marginRight:"4px",position:"relative",top:"3px"}}),"Missing Screenshots"]}),(0,s.jsxs)(m.zx,{color:"dark",onClick:function(){return a({sliceFilterFn:function(e){return e}})},children:[(0,s.jsx)(Y.hOO,{style:{color:"#FFF",fontSize:"15px",position:"relative",top:"3px",marginRight:"4px"}})," ","Update all screenshots"]})]})]})}),(0,s.jsx)(ec.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)($.b,{action:{type:"status",authStatus:r,isOnline:o,modelStatus:n},isDeleted:n===eu.GJ.Deleted,mode:"navigation",onUpdateScreenshot:function(){a({sliceFilterFn:function(n){return n.filter(function(n){return n.model.id===e.model.id})}})},slice:e,variant:"solid"})}}),(0,s.jsx)(ea.Z,{slices:d(x),defaultVariationSelector:h})]})]}),(0,s.jsx)(T.S,{children:(0,s.jsx)(u.Suspense,{children:(0,s.jsx)(eh,{})})})]})})},ef=t(61107),em=t(79797),ep=t(2978),eg=function(e){var n=e.isOpen,t=e.title,i=e.footer,r=e.explanations,o=e.onClose;return(0,s.jsx)(em.Z,{placement:"right",open:n,level:null,onClose:o,width:496,children:(0,s.jsx)(ep.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)(Q.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)(Q.kC,{sx:{alignItems:"center"},children:(0,s.jsx)(Q.X6,{sx:{fontSize:"14px",fontWeight:"bold",ml:1},children:t})}),(0,s.jsx)(Q.x8,{type:"button",onClick:function(){return o()}})]})},Footer:function(){return(0,s.jsx)(Q.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})})},ej=t(7781);t(64837);var ev=function(e){var n=e.ctName,t=e.numberOfDocuments,i=e.link,r=e.isOverLimit;return(0,s.jsxs)(Q.Zb,{sx:{mb:12},variant:"drawerCard","data-testid":"AssociatedDocumentsCard-".concat(n),children:[(0,s.jsxs)(Q.kC,{sx:{flexDirection:"column"},children:[(0,s.jsx)(Q.xv,{children:n}),(0,s.jsxs)(Q.xv,{sx:{color:"textClear",fontSize:"12px",lineHeight:"16px"},children:[t," documents"]})]}),(0,s.jsx)(Q.rU,{href:i,target:"_blank",variant:"cardSmall",sx:{color:void 0!==r&&r?"danger":"purple08"},children:"View documents"})]})},ey=function(e){var n=e.pushChanges,t=e.modalData,i=e.onClose,r=(0,g.v9)(function(e){return{remoteOnlyCustomTypes:(0,ej.Ch)(e).filter(es.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,es.n5)(n)===e.id});return void 0===t?null:(0,s.jsx)(ev,{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)(eg,{isOpen:"HARD"===t.type,title:"Manual action required",onClose:i,footer:(0,s.jsx)(ef.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)(Q.xv,{sx:{fontWeight:"bold",mb:1,lineHeight:"24px"},children:["Your type",t.details.customTypes.length>1&&"s"," cannot be deleted."]}),(0,s.jsxs)(Q.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]})})},eb=function(e){var n=e.onToggle,t=e.isConfirmed,i=e.sx;return(0,s.jsxs)(Q.kC,{sx:(0,v.Z)({borderRadius:6,flexDirection:"column",backgroundColor:"grey03",padding:12,width:"100%"},i),children:[(0,s.jsx)(Q.xv,{sx:{fontWeight:"bold",mb:2},children:"Are you sure to proceed?"}),(0,s.jsxs)(Q.__,{sx:{mt:"4px",py:1},variant:"large",children:[(0,s.jsx)(Q.XZ,{defaultChecked:t,onChange:n,variant:"forms.checkbox.dark"}),"Delete these Documents"]})]})},eC=function(e){var n=e.pushChanges,t=e.modalData,i=e.onClose,r=(0,u.useState)(!1),o=r[0],l=r[1],c=(0,g.v9)(function(e){return{remoteOnlyCustomTypes:(0,ej.Ch)(e).filter(es.yp)}}).remoteOnlyCustomTypes;if((null==t?void 0:t.type)!=="SOFT")return null;var a=t.details.customTypes.map(function(e){var n,t=c.find(function(n){return(0,es.n5)(n)===e.id});return void 0===t?null:(0,s.jsx)(ev,{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)(eg,{isOpen:"SOFT"===t.type,title:"Confirm deletion",onClose:i,footer:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(eb,{onToggle:function(){l(!o)},isConfirmed:o,sx:{mb:10}}),(0,s.jsx)(ef.z,{label:"Push changes",variant:"primary",onClick:function(){n(o)},disabled:!o,sx:{fontWeight:"bold",color:"white",borderRadius:6,width:"100%"}})]}),explanations:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Q.xv,{sx:{fontWeight:"bold",mb:1,lineHeight:"24px"},children:"This action will also delete Documents."}),(0,s.jsxs)(Q.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."]}),a]})})},e_=function(){var e,n=(0,M.X)(),t=n.unSyncedSlices,o=n.unSyncedCustomTypes,a=n.changedCustomTypes,m=n.changedSlices,p=n.modelsStatuses,g=(0,G.L)(),j=(0,A.n)(),v=(0,U.Z)(),y=v.pushChangesSuccess,b=v.refreshState,C=(0,u.useState)(!1),_=C[0],w=C[1],k=(0,u.useState)(void 0),S=k[0],T=k[1],D=(0,E.g)().autoSyncStatus,L=(0,c.useRouter)(),O=t.length+o.length;(0,u.useEffect)(function(){("synced"===D||"failed"===D||"syncing"===D)&&L.push("/")},[D,L]);var N=(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]),w(!0),T(void 0),[4,(0,z.t)({confirmDeleteDocuments:e,changedCustomTypes:a,changedSlices:m})];case 1:if(!(void 0!==(n=t.sent())))return[3,2];return T(n),[3,4];case 2:return[4,(0,x.y0)()];case 3:b(t.sent()),y(),d.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),d.Am.error("Something went wrong when pushing your changes. Check your terminal logs."),[3,6];case 6:return w(!1),[2]}})}),function(n){return e.apply(this,arguments)}),R=(0,u.useMemo)(function(){return g?j===P.t.UNAUTHORIZED||j===P.t.FORBIDDEN?(0,s.jsx)(V,{authStatus:j}):0===O?(0,s.jsx)(Z,{}):(0,s.jsx)(ex,{unSyncedSlices:t,unSyncedCustomTypes:o,modelsStatuses:p,authStatus:j,isOnline:g}):(0,s.jsx)(K,{})},[g,j,O,t,o,p,]);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(l(),{children:(0,s.jsx)("title",{children:"Changes - Slice Machine"})}),(0,s.jsxs)(W.LN,{children:[(0,s.jsxs)(W.wd,{children:[(0,s.jsx)(W.Cx,{children:(0,s.jsx)(f.g,{children:"Changes"})}),(0,s.jsx)(W.K2,{children:(0,s.jsx)(I,{disabled:0===O||!g||j===P.t.UNAUTHORIZED||j===P.t.FORBIDDEN||_,loading:_,onClick:function(){N(!1)}})})]}),(0,s.jsx)(W.RN,{children:(0,s.jsxs)(h.xR,{sx:{display:"flex",flexDirection:"column"},children:[R,(0,s.jsx)(eC,{pushChanges:function(e){N(e)},modalData:S,onClose:function(){return T(void 0)}}),(0,s.jsx)(ey,{pushChanges:function(e){N(e)},modalData:S,onClose:function(){return T(void 0)}})]})})]})]})}},98484:function(e){e.exports={column:"BlankSlate_column__ysDb2",root:"BlankSlate_root__DJ7wC BlankSlate_column__ysDb2",fadeIn:"BlankSlate_fadeIn__KMuKu",withBackground:"BlankSlate_withBackground___V5y5",image:"BlankSlate_image__rOe9w BlankSlate_column__ysDb2",content:"BlankSlate_content__wmOAI BlankSlate_column__ysDb2",title:"BlankSlate_title__5oTre",desc:"BlankSlate_desc__f6ZWf",actions:"BlankSlate_actions__6zYZr"}},49888:function(e){e.exports={root:"TextLink_root__lUIIv","color-primary":"TextLink_color-primary__WDK3_","color-secondary":"TextLink_color-secondary__mlUMF",endIcon:"TextLink_endIcon__f687_","icon-normal":"TextLink_icon-normal__CXnLk","icon-smallBold":"TextLink_icon-smallBold__Hp6aU","icon-inherit":"TextLink_icon-inherit__gbJsO"}}},function(e){e.O(0,[898,789,123,543,918,816,152,774,888,179],function(){return e(e.s=21985)}),_N_E=e.O()}]);

package/out/_next/static/chunks/pages/custom-types/{[customTypeId]-a6ff1618238b3510.js → [customTypeId]-b714ad9814898d23.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[625],{95759:function(n,u,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/custom-types/[customTypeId]",function(){return t(57546)}])},57546:function(n,u,t){"use strict";t.r(u),t.d(u,{default:function(){return _.H}});var _=t(15448)}},function(n){n.O(0,[898,917,525,461,139,183,50,543,696,210,816,212,574,448,774,888,179],function(){return n(n.s=95759)}),_N_E=n.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[625],{95759:function(n,u,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/custom-types/[customTypeId]",function(){return t(57546)}])},57546:function(n,u,t){"use strict";t.r(u),t.d(u,{default:function(){return _.H}});var _=t(15448)}},function(n){n.O(0,[898,917,525,461,139,183,50,543,696,326,816,212,574,448,774,888,179],function(){return n(n.s=95759)}),_N_E=n.O()}]);

package/out/_next/static/chunks/pages/index-2610e550d79c5bb1.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{87314:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return t(23723)}])},23723:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return f}});var r=t(52322),s=t(38412),i=t(18566),o=t(37577),c=t(2784),a=t(52591),x=t(62230),l=t(85244),C=function(e){return(0,r.jsxs)("svg",(0,l.Z)((0,x.Z)({width:"127",height:"101",viewBox:"0 0 127 101",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),{children:[(0,r.jsx)("line",{x1:"0.353553",y1:"35.9863",x2:"15.5467",y2:"51.1794",stroke:"#C8C7CB"}),(0,r.jsx)("line",{x1:"42.1959",y1:"0.87059",x2:"47.7569",y2:"21.6248",stroke:"#C8C7CB"}),(0,r.jsx)("line",{x1:"99.5522",y1:"8.40984",x2:"87.2281",y2:"26.0104",stroke:"#C8C7CB"}),(0,r.jsx)("line",{x1:"126.408",y1:"41.0854",x2:"108.807",y2:"53.4094",stroke:"#C8C7CB"}),(0,r.jsx)("path",{d:"M93.5 93L76 81.9883L93.5 87V93Z",fill:"#6F6E77"}),(0,r.jsx)("path",{d:"M92 100.488H36C34.8954 100.488 34 99.5929 34 98.4883V37.9883C34 36.8837 34.8954 35.9883 36 35.9883H92C93.1046 35.9883 94 36.8837 94 37.9883V98.4883C94 99.5929 93.1046 100.488 92 100.488Z",stroke:"#1A1523"}),(0,r.jsx)("path",{d:"M74.4297 58.7688C71.569 63.3138 63.3588 74.9883 54.5 74.9883L93.8417 86.9402C93.9471 86.9722 94.0473 87.0119 94.1481 87.0563C95.014 87.4377 99.5549 89.2156 104.5 86.9883C106.535 86.0718 109.03 82.7182 110.424 80.6551C111.04 79.7445 110.743 78.5257 109.805 77.9526L77.2788 58.0753C76.3086 57.4824 75.0354 57.8065 74.4297 58.7688Z",fill:"#5842C3"}),(0,r.jsx)("path",{d:"M34 47.9883C34 47.9883 42.3922 74.9883 54.5 74.9883M54.5 74.9883C63.3588 74.9883 71.569 63.3138 74.4297 58.7688C75.0354 57.8065 76.3086 57.4824 77.2788 58.0753L109.805 77.9526C110.743 78.5257 111.04 79.7445 110.424 80.6551C109.03 82.7182 106.535 86.0718 104.5 86.9883C99.5549 89.2156 95.014 87.4377 94.1481 87.0563C94.0473 87.0119 93.9471 86.9722 93.8417 86.9402L54.5 74.9883Z",stroke:"#1A1523"}),(0,r.jsx)("path",{d:"M34 48.4883H94",stroke:"#1A1523"}),(0,r.jsx)("circle",{cx:"40",cy:"41.9883",r:"1.5",stroke:"#1A1523"}),(0,r.jsx)("circle",{cx:"46",cy:"41.9883",r:"1.5",stroke:"#1A1523"}),(0,r.jsx)("circle",{cx:"52",cy:"41.9883",r:"1.5",stroke:"#1A1523"})]}))},u=t(51002);function h(){var e=(0,c.useState)(!1),n=e[0],t=e[1],s=(0,c.useState)(!1),x=s[0],l=s[1];return(0,r.jsx)(o.xu,{display:"flex",justifyContent:"center",height:"100vh",alignItems:"center",backgroundColor:"grey2",children:(0,r.jsxs)(o.xu,{display:"flex",flexDirection:"column",alignItems:"center",width:384,children:[(0,r.jsx)(C,{}),(0,r.jsx)(o.xv,{variant:"h3",align:"center",sx:{marginTop:16},children:"Blank page"}),(0,r.jsx)(o.xv,{color:"grey11",align:"center",sx:{marginBottom:16},children:"Welcome to Slice Machine. Your journey starts with your first page type — the model that you will use to create pages for your website."}),(0,r.jsx)(o.zx,{loading:n,onClick:function(){l(!0)},children:"Create a page type"}),(0,r.jsx)(u.M,{format:"page",isCreating:n,isOpen:x,origin:"onboarding",onCreateChange:function(e){t(e),i.Fs.clear(a.f,[])},onOpenChange:l})]})})}var f=function(){return(0,a.N)()?(0,r.jsx)(h,{}):(0,r.jsx)(s.F,{format:"page"})}}},function(e){e.O(0,[212,465,774,888,179],function(){return e(e.s=87314)}),_N_E=e.O()}]);

package/out/_next/static/chunks/pages/labs-240ba57bfdabe998.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[274],{41535:function(e,n,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/labs",function(){return r(40776)}])},32713:function(e,n,r){"use strict";r.d(n,{E:function(){return o}});var t=r(22710),i=r(62230),s=r(85244),c=r(17064),a=r(99267),l=r(39374);function o(e){var n,r,o,u=(0,c.Z)((0,l.f)(),2),d=u[0],h=u[1],f=(o=(0,t.Z)(function(n){var r;return(0,a.__generator)(this,function(t){switch(t.label){case 0:return r=(0,s.Z)((0,i.Z)({},d),{labs:(0,i.Z)({},d.labs)}),n?r.labs[e]=n:e in r.labs&&delete r.labs[e],0===Object.keys(r.labs).length&&delete r.labs,[4,h(r)];case 1:return t.sent(),[2]}})}),function(e){return o.apply(this,arguments)});return[{enabled:null!==(r=null==d?void 0:null===(n=d.labs)||void 0===n?void 0:n[e])&&void 0!==r&&r},f]}},39374:function(e,n,r){"use strict";r.d(n,{f:function(){return a}});var t=r(22710),i=r(99267),s=r(18566),c=r(7604);function a(){var e,n=(0,s.QT)(l,[]),r=(e=(0,t.Z)(function(e){return(0,i.__generator)(this,function(n){switch(n.label){case 0:return[4,c.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,r]}function l(){return o.apply(this,arguments)}function o(){return(o=(0,t.Z)(function(){return(0,i.__generator)(this,function(e){return[2,c.j.project.getSliceMachineConfig()]})})).apply(this,arguments)}},40776:function(e,n,r){"use strict";r.r(n),r.d(n,{default:function(){return p}});var t=r(52322),i=r(37577),s=r(97729),c=r.n(s),a=r(2784),l=r(42770),o=r(16991),u=r(65521),d=r(22710),h=r(17064),f=r(99267),x=r(88932),g=function(e){var n=e.title,r=e.enabled,s=e.onToggle,c=e.children;return(0,t.jsx)(i.Zb,{variant:"outlined",children:(0,t.jsxs)(i.xu,{gap:8,padding:16,children:[(0,t.jsx)(i.xu,{padding:{top:6},children:(0,t.jsx)(i.I5,{name:"viewDay",size:"medium",color:"grey11"})}),(0,t.jsxs)(i.xu,{flexDirection:"column",flexGrow:1,children:[(0,t.jsx)(i.xv,{variant:"h3",children:n}),(0,t.jsx)(i.xv,{variant:"normal",children:c})]}),(0,t.jsx)(i.xu,{width:128,justifyContent:"end",children:(0,t.jsx)(i.rs,{size:"medium",checked:r,onCheckedChange:function(e){return s(e)}})})]})})},b=r(32713),j=function(){var e,n,r,s,c,a,l=(0,h.Z)((e="legacySliceUpgrader",n="Legacy Slice Upgrader",s=(0,h.Z)((0,b.E)(e),2),c=s[0],a=s[1],[c,(r=(0,d.Z)(function(e){var r;return(0,f.__generator)(this,function(t){switch(t.label){case 0:return t.trys.push([0,2,,3]),[4,a(e)];case 1:return t.sent(),x.Am.success(e?"Labs: enabled ".concat(n):"Labs: disabled ".concat(n)),[3,3];case 2:return r=t.sent(),console.error(r),x.Am.error(e?"Labs: failed to enable ".concat(n):"Labs: failed to disable ".concat(n)),[3,3];case 3:return[2]}})}),function(e){return r.apply(this,arguments)})]),2),o=l[0],u=l[1];return(0,t.jsxs)(i.xu,{flexDirection:"column",gap:32,children:[(0,t.jsx)("header",{children:(0,t.jsx)(i.xv,{variant:"normal",children:"Slice Machine Labs gives you early access to new features before they're widely released. Experimental features are works-in-progress and potentially unstable, so you may find some bugs and breaking changes along the way."})}),(0,t.jsx)(i.xu,{flexDirection:"column",gap:16,children:(0,t.jsxs)(g,{title:"Legacy Slice Upgrader",enabled:o.enabled,onToggle:function(e){u(e)},children:["The Legacy Slice Upgrader allows you to convert old slices (legacy and composite slices) to slices managed by Slice Machine (shared slices). This feature is experimental, and we strongly recommend that you test it with a"," ",(0,t.jsx)("a",{href:"https://prismic.io/docs/environments",target:"_blank",children:"Prismic environment"})," ","or you'll be at risk of losing past content."]})})]})},p=function(){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(c(),{children:(0,t.jsx)("title",{children:"Labs - Slice Machine"})}),(0,t.jsx)(o.S,{renderError:function(){return(0,t.jsx)(y,{children:(0,t.jsx)(i.xu,{alignItems:"center",justifyContent:"center",children:(0,t.jsx)(i.Iq,{title:"Request failed",description:"An error occurred while fetching your labs configuration."})})})},children:(0,t.jsx)(a.Suspense,{fallback:(0,t.jsx)(y,{withHeader:!0,children:(0,t.jsx)(i._3,{})}),children:(0,t.jsx)(y,{withHeader:!0,children:(0,t.jsx)(j,{})})})})]})},y=function(e){var n=e.children,r=e.withHeader;return(0,t.jsxs)(u.LN,{children:[void 0!==r&&r?(0,t.jsx)(u.wd,{children:(0,t.jsx)(u.Cx,{children:(0,t.jsx)(l.g,{children:"Labs"})})}):null,(0,t.jsx)(u.RN,{children:n})]})}}},function(e){e.O(0,[774,888,179],function(){return e(e.s=41535)}),_N_E=e.O()}]);

package/out/_next/static/chunks/pages/page-types/{[pageTypeId]-c300f963db847451.js → [pageTypeId]-aa881786f6e5aee2.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[936],{61367:function(n,u,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/page-types/[pageTypeId]",function(){return e(67229)}])},67229:function(n,u,e){"use strict";e.r(u),e.d(u,{default:function(){return t.H}});var t=e(15448)}},function(n){n.O(0,[898,917,525,461,139,183,50,543,696,210,816,212,574,448,774,888,179],function(){return n(n.s=61367)}),_N_E=n.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[936],{61367:function(n,u,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/page-types/[pageTypeId]",function(){return e(67229)}])},67229:function(n,u,e){"use strict";e.r(u),e.d(u,{default:function(){return t.H}});var t=e(15448)}},function(n){n.O(0,[898,917,525,461,139,183,50,543,696,326,816,212,574,448,774,888,179],function(){return n(n.s=61367)}),_N_E=n.O()}]);

package/out/_next/static/chunks/pages/settings-039476a9a63d25a1.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[662],{24994:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/settings",function(){return t(65615)}])},95120:function(e,n,t){"use strict";t.d(n,{Q:function(){return f}});var r=t(22710),i=t(99267);let o={GitHub:"gitHub"};var c=t(62230),s=t(85244),l=t(52322),u=function(e){return(0,l.jsx)("svg",(0,s.Z)((0,c.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"})}))},a=function(e){return(0,l.jsx)("svg",(0,s.Z)((0,c.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,s.Z)((0,c.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(7604),f={gitHub:{connect:(0,r.Z)(function(){return(0,i.__generator)(this,function(e){switch(e.label){case 0:return[4,x("gitHub")];case 1:return[2,e.sent()]}})}),Icon:a,name:"GitHub",supported:_("gitHub")},bitbucket:{connect:(0,r.Z)(function(){return(0,i.__generator)(this,function(e){switch(e.label){case 0:return[4,x("bitbucket")];case 1:return[2,e.sent()]}})}),Icon:u,name:"Bitbucket",supported:_("bitbucket")},gitLab:{connect:(0,r.Z)(function(){return(0,i.__generator)(this,function(e){switch(e.label){case 0:return[4,x("gitLab")];case 1:return[2,e.sent()]}})}),Icon:d,name:"GitLab",supported:_("gitLab")}};function x(e){return p.apply(this,arguments)}function p(){return(p=(0,r.Z)(function(e){var n;return(0,i.__generator)(this,function(t){switch(t.label){case 0:if(!_(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 _(e){return Boolean(Object.values(o).includes(e))}},46200:function(e,n,t){"use strict";t.d(n,{G:function(){return u}});var r=t(22710),i=t(17064),o=t(99267),c=t(18566),s=t(39374),l=t(7604);function u(){var e,n,t=(0,i.Z)((0,s.f)(),1)[0];return{linkedGitRepos:(0,c.QT)(a,[t.repositoryName]),linkRepo:(e=(0,r.Z)(function(e){return(0,o.__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,c.gw)(a,[t.repositoryName])];case 2:return n.sent(),[2]}})}),function(n){return e.apply(this,arguments)}),unlinkRepo:(n=(0,r.Z)(function(e){return(0,o.__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,c.gw)(a,[t.repositoryName])];case 2:return n.sent(),[2]}})}),function(e){return n.apply(this,arguments)})}}function a(e){return d.apply(this,arguments)}function d(){return(d=(0,r.Z)(function(e){return(0,o.__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)}},39374:function(e,n,t){"use strict";t.d(n,{f:function(){return s}});var r=t(22710),i=t(99267),o=t(18566),c=t(7604);function s(){var e,n=(0,o.QT)(l,[]),t=(e=(0,r.Z)(function(e){return(0,i.__generator)(this,function(n){switch(n.label){case 0:return[4,c.j.project.writeSliceMachineConfig({config:e})];case 1:return n.sent(),(0,o.VA)(l,[],e),[2]}})}),function(n){return e.apply(this,arguments)});return[n,t]}function l(){return u.apply(this,arguments)}function u(){return(u=(0,r.Z)(function(){return(0,i.__generator)(this,function(e){return[2,c.j.project.getSliceMachineConfig()]})})).apply(this,arguments)}},65615:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return ef}});var r=t(52322),i=t(37577),o=t(97729),c=t.n(o),s=t(5632),l=t(2784),u=t(42770),a=t(37792),d=t(62230),h=t(85244),f=t(98240),x=t(52475),p=t.n(x),_=function(e){return(0,r.jsx)("div",(0,h.Z)((0,d.Z)({},e),{className:p().root}))},g=function(e){var n=e.children,t=(0,f.Z)(e,["children"]);return(0,r.jsx)("div",(0,h.Z)((0,d.Z)({},t),{className:p().legend,children:(0,r.jsx)(i.xv,{color:"grey11",component:"span",noWrap:!0,variant:"smallBold",children:n})}))},m=function(e){return(0,r.jsx)("div",(0,h.Z)((0,d.Z)({},e),{className:p().header}))},j=function(e){return(0,r.jsx)("div",(0,h.Z)((0,d.Z)({},e),{className:p().content}))},v=function(e){return(0,r.jsx)("ul",(0,h.Z)((0,d.Z)({},e),{className:p().list}))},w=function(e){var n=e.action,t=e.children,o=(0,f.Z)(e,["action","children"]);return(0,r.jsxs)("li",(0,h.Z)((0,d.Z)({},o),{className:p().listItem,children:[(0,r.jsx)(i.xv,{className:p().listItemText,component:"span",noWrap:!0,variant:"bold",children:t}),n]}))},y=function(e){var n=e.action,t=e.children,o=(0,f.Z)(e,["action","children"]);return(0,r.jsxs)("div",(0,h.Z)((0,d.Z)({},o),{className:p().footer,children:[(0,r.jsx)(i.xv,{className:p().footerText,color:"grey11",component:"span",noWrap:!0,variant:"small",children:t}),n]}))},b=t(16991),C=function(e){var n=e.title,t=e.description,o=e.action;return(0,r.jsxs)(i.xu,{flexDirection:"column",padding:{block:72,inline:100},children:[(0,r.jsx)(i.xv,{align:"center",variant:"emphasized",children:n}),(0,r.jsx)(i.xv,{align:"center",color:"grey11",children:t}),Boolean(o)?(0,r.jsx)(i.hE,{sx:{alignSelf:"center",marginTop:8},children:o}):void 0]})},S=t(22710),k=t(99267),Z=t(98863),F=t(88932),L=t(95120),N=function(){return(0,r.jsx)(i.hE,{children:(0,Z.XP)(L.Q).map(function(e){return(0,r.jsx)(I,{provider:e,sx:{flexBasis:0,flexGrow:1}},e)})})},I=function(e){var n=e.provider,t=e.sx,o=L.Q[n],c=o.connect,s=o.Icon,u=o.name,a=o.supported,d=(0,l.useState)(!1),h=d[0],f=d[1];return(0,r.jsxs)(i.zx,{color:"grey",disabled:!a,loading:h,onClick:function(){(0,S.Z)(function(){var e,n;return(0,k.__generator)(this,function(t){switch(t.label){case 0:f(!0),t.label=1;case 1:return t.trys.push([1,3,,4]),[4,c()];case 2:return t.sent(),[3,4];case 3:return e=t.sent(),n="Could not connect to ".concat(u),console.error(n,e),F.Am.error(n),f(!1),[3,4];case 4:return[2]}})})()},renderStartIcon:function(){return(0,r.jsx)(s,{color:i.rS.color.grey11})},sx:t,children:[u,a?void 0:(0,r.jsx)(i.xv,{color:"inherit",variant:"small",children:" (soon)"})]})},T=t(81541),R=function(e){var n=e.date,t=(0,f.Z)(e,["date"]);return(0,r.jsx)(i.xv,(0,h.Z)((0,d.Z)({},t),{color:"inherit",variant:"inherit",children:function(e){var n,t,r,i,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:new Date;return P.format((n=e,t=o,r=q(n),i=q(t),Math.round((+r-+i)/864e5)),"day")}(n)}))},P=new Intl.RelativeTimeFormat("en",{numeric:"auto",style:"narrow"});function q(e){var n=new Date(e);return n.setHours(0,0,0,0),n}var A=t(63397),H=t(17064),G=t(39374),D=t(7604),E=t(23875),Q=function(e){var n,t,o,c,s=e.linkRepo,l=e.repo,u=e.trigger,a=L.Q[l.provider],d=(n={git:l},t=(0,H.Z)((0,G.f)(),1)[0],{updateToken:(o=(0,S.Z)(function(e){return(0,k.__generator)(this,function(r){switch(r.label){case 0:return[4,D.j.git.updateWriteAPIToken({prismic:{domain:t.repositoryName},git:n.git,token:e})];case 1:return r.sent(),[2]}})}),function(e){return o.apply(this,arguments)})}).updateToken,h=(0,E.U)().repositoryUrl;return(0,r.jsxs)(i.Vq,{size:{width:448,height:"auto"},trigger:u,children:[(0,r.jsx)(i.fK,{title:"Prismic Write API token required"}),(0,r.jsx)(i.cZ,{children:(0,r.jsx)(A.J9,{initialValues:{writeAPIToken:""},validate:function(e){if(0===e.writeAPIToken.length)return{writeAPIToken:"Cannot be empty"}},onSubmit:(c=(0,S.Z)(function(e){var n,t;return(0,k.__generator)(this,function(r){switch(r.label){case 0:return r.trys.push([0,3,,4]),[4,s(l)];case 1:return r.sent(),[4,d(e.writeAPIToken)];case 2:return r.sent(),[3,4];case 3:return n=r.sent(),t="Could not connect to ".concat(l.name),console.error(t,n),F.Am.error(t),[3,4];case 4:return[2]}})}),function(e){return c.apply(this,arguments)}),children:function(e){return(0,r.jsxs)("form",{onSubmit:e.handleSubmit,children:[(0,r.jsxs)(i.xu,{flexDirection:"column",gap:4,padding:16,children:[(0,r.jsx)(i.yt,{disabled:e.isSubmitting,error:"string"==typeof e.errors.writeAPIToken,label:"Paste your Write API token",onValueChange:function(n){e.setFieldValue("writeAPIToken",n)},placeholder:"Write API token",value:e.values.writeAPIToken}),(0,r.jsxs)(i.xv,{color:"grey11",children:["Required to sync models from ",a.name," to Prismic."]})]}),(0,r.jsx)(i.kX,{cancel:{text:"Cancel"},link:(0,r.jsx)(i.xv,{href:new URL("/settings/apps",h).href,children:"Create a Prismic Write API token"}),ok:{disabled:!e.isValid,loading:e.isSubmitting,onClick:function(){e.submitForm()},text:"Save Token"},size:"medium"})]})}})})]})},B=function(e){var n=e.repo,t=e.trigger,o=e.unlinkRepo,c=(0,l.useState)(!1),s=c[0],u=c[1];return(0,r.jsxs)(i.Vq,{size:{width:448,height:"auto"},trigger:t,children:[(0,r.jsx)(i.fK,{title:"Remove Git Connection"}),(0,r.jsx)(i.cZ,{children:(0,r.jsx)(i.xu,{flexDirection:"column",padding:16,children:(0,r.jsx)(i.xv,{children:"You will not be able to push your code alongside your models anymore. Note that you can reconnect your Git repository at any time. Are you sure you want to continue?"})})}),(0,r.jsx)(i.kX,{asFooter:!0,cancel:{text:"Cancel"},ok:{color:"tomato",loading:s,onClick:function(){(0,S.Z)(function(){var e,t;return(0,k.__generator)(this,function(r){switch(r.label){case 0:u(!0),r.label=1;case 1:return r.trys.push([1,3,,4]),[4,o(n)];case 2:return r.sent(),[3,4];case 3:return e=r.sent(),t="Could not disconnect from ".concat(n.name),console.error(t,e),F.Am.error(t),[3,4];case 4:return u(!1),[2]}})})()},text:"Disconnect"},size:"medium"})]})},M=t(46200),O=function(e){var n=e.mode,t=e.repos,o=(0,M.G)(),c=o.linkRepo,s=o.unlinkRepo;return(0,r.jsx)(v,{children:"link"===n?t.map(function(e){return(0,r.jsxs)(w,{action:(0,r.jsx)(Q,{linkRepo:c,repo:e,trigger:(0,r.jsx)(i.zx,{color:"grey",children:"Connect"})}),children:[e.name,(0,r.jsxs)(i.xv,{color:"grey11",children:[" • ",(0,r.jsx)(R,{date:e.pushedAt})]})]},"".concat(e.provider,"@").concat(e.id))}):t.map(function(e){return(0,r.jsx)(w,{action:(0,r.jsx)(B,{repo:e,trigger:(0,r.jsx)(i.zx,{color:"grey",children:"Disconnect"}),unlinkRepo:s}),children:e.name},"".concat(e.provider,"@").concat(e.owner,"/").concat(e.name))})})},z=function(){return(0,r.jsx)(v,{children:(0,T.Z)([,,,,].keys()).map(function(e){return(0,r.jsx)(w,{action:(0,r.jsx)(i.Od,{height:32,width:67.59}),children:(0,r.jsx)(i.Od,{height:24,sx:{verticalAlign:"middle"},width:129.92})},e)})})},W=function(e){var n=e.disabled,t=e.owners,o=void 0===t?[]:t,c=e.selectedOwner,s=e.onSelectedOwnerChange,l=e.sx;return(0,r.jsx)(i.Ph,{color:"grey",constrainContentWidth:!0,disabled:n,flexContent:!0,onValueChange:function(e){var n,t=(0,H.Z)((n=e,n.split("@")),2),r=t[0],i=t[1],c=o.find(function(e){return e.provider===r&&e.id===i});c&&(null==s||s(c))},placeholder:"Owner",renderStartIcon:function(){return(0,r.jsx)(V,{owner:c})},size:"large",sx:l,value:c?K(c):void 0,children:o.map(function(e){return(0,r.jsx)(i.Ql,{renderStartIcon:function(){return(0,r.jsx)(V,{owner:e})},size:"large",value:K(e),children:e.name},K(e))})})},V=function(e){var n,t=e.owner,o=L.Q[null!==(n=null==t?void 0:t.provider)&&void 0!==n?n:"gitHub"].Icon;return(0,r.jsx)(o,{color:i.rS.color.grey11})};function K(e){return"".concat(e.provider,"@").concat(e.id)}var U=t(18566);function X(e,n,t,r){return J.apply(this,arguments)}function J(){return(J=(0,S.Z)(function(e,n,t,r){return(0,k.__generator)(this,function(i){switch(i.label){case 0:return[4,D.j.git.fetchRepos({provider:e,owner:n,query:t,page:r})];case 1:return[2,i.sent()]}})})).apply(this,arguments)}var Y=function(e){var n=e.owners,t=(0,l.useState)(n[0]),i=t[0],o=t[1];return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(m,{children:(0,r.jsx)(W,{owners:n,selectedOwner:i,onSelectedOwnerChange:o,sx:{width:"calc(50% - 8px)"}})}),(0,r.jsx)(l.Suspense,{fallback:(0,r.jsx)(ee,{gitOwnerSelect:!1}),children:(0,r.jsx)($,{owner:i})})]})},$=function(e){var n,t=e.owner,i=(n={provider:t.provider,owner:t.name},(0,U.QT)(X,[n.provider,n.owner,n.query,n.page,]));return i.length>0?(0,r.jsx)(O,{mode:"link",repos:i}):(0,r.jsx)(j,{children:(0,r.jsx)(C,{title:"No Results Found",description:"Try selecting a different Git account or organization on the top left."})})},ee=function(e){var n=e.gitOwnerSelect;return(0,r.jsxs)(r.Fragment,{children:[n?(0,r.jsx)(m,{children:(0,r.jsx)(W,{disabled:!0,sx:{width:"calc(50% - 8px)"}})}):void 0,(0,r.jsx)(z,{})]})};function en(){return et.apply(this,arguments)}function et(){return(et=(0,S.Z)(function(){return(0,k.__generator)(this,function(e){switch(e.label){case 0:return[4,D.j.git.fetchOwners()];case 1:return[2,e.sent()]}})})).apply(this,arguments)}var er=t(7342),ei=function(){return(0,r.jsxs)(_,{children:[(0,r.jsx)(g,{children:"Connected Git Repository"}),(0,r.jsx)(b.S,{renderError:es,children:(0,r.jsx)(l.Suspense,{fallback:(0,r.jsx)(ee,{gitOwnerSelect:!0}),children:(0,r.jsx)(eo,{})})}),(0,r.jsx)(y,{action:(0,r.jsx)(i.u,{content:"Documentation is coming soon.",side:"bottom",children:(0,r.jsx)(i.hU,{disabled:!0,icon:"openInNew"})}),children:"Learn more about Prismic for Git"})]})},eo=function(){var e=(0,M.G)().linkedGitRepos;return e.length>0?(0,r.jsx)(O,{mode:"unlink",repos:e}):(0,r.jsx)(ec,{})},ec=function(){var e=(0,U.QT)(en,[]);return e.length>0?(0,r.jsx)(Y,{owners:e}):(0,r.jsx)(j,{children:(0,r.jsx)(N,{})})};function es(e,n){return(0,a.ff)(e)?(0,r.jsx)(el,{}):(0,a.TW)(e)?(0,r.jsx)(eu,{}):(0,r.jsx)(ea,{reset:n})}var el=function(){var e=(0,er.Z)().openLoginModal;return(0,r.jsx)(j,{children:(0,r.jsx)(C,{title:"It seems like you are logged out",description:"Log in to connect a Git repository.",action:(0,r.jsx)(i.zx,{onClick:e,children:"Log in to Prismic"})})})},eu=function(){return(0,r.jsx)(j,{children:(0,r.jsx)(C,{title:"It seems like you do not have permission",description:"An owner or admin is required to connect a Git repository."})})},ea=function(e){var n=e.reset;return(0,r.jsx)(j,{children:(0,r.jsx)(C,{title:"Unable to fetch data",description:"An error occurred while fetching the list of connected Git repositories.",action:(0,r.jsx)(i.zx,{color:"grey",onClick:n,children:"Retry"})})})},ed=t(31799),eh=t(65521),ef=function(){var e=(0,ed.M)(),n=(0,s.useRouter)();return((0,l.useEffect)(function(){e.eligible||n.replace("/")},[e.eligible,n]),e.eligible)?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(c(),{children:(0,r.jsx)("title",{children:"Settings - Slice Machine"})}),(0,r.jsxs)(eh.LN,{children:[(0,r.jsx)(eh.wd,{children:(0,r.jsx)(eh.Cx,{children:(0,r.jsx)(u.g,{children:"Settings"})})}),(0,r.jsx)(eh.RN,{children:(0,r.jsx)(i.xu,{flexDirection:"column",maxWidth:600,children:(0,r.jsx)(ei,{})})})]})]}):null}},52475:function(e){e.exports={flex:"FieldSet_flex__qy2tm",column:"FieldSet_column__NS4qQ FieldSet_flex__qy2tm",root:"FieldSet_root__XVbMv FieldSet_column__NS4qQ FieldSet_flex__qy2tm",row:"FieldSet_row__END9k FieldSet_flex__qy2tm",borderBottom:"FieldSet_borderBottom__L01vK",legend:"FieldSet_legend__JjRCM FieldSet_row__END9k FieldSet_flex__qy2tm FieldSet_borderBottom__L01vK",header:"FieldSet_header__0Q7YD FieldSet_row__END9k FieldSet_flex__qy2tm FieldSet_borderBottom__L01vK",content:"FieldSet_content__PDj3t FieldSet_column__NS4qQ FieldSet_flex__qy2tm",list:"FieldSet_list__HoMpl FieldSet_column__NS4qQ FieldSet_flex__qy2tm",listItem:"FieldSet_listItem__P0SKW FieldSet_row__END9k FieldSet_flex__qy2tm FieldSet_borderBottom__L01vK",listItemText:"FieldSet_listItemText__J0_Fr",borderTop:"FieldSet_borderTop__qyC9U",footer:"FieldSet_footer__thBWh FieldSet_row__END9k FieldSet_flex__qy2tm FieldSet_borderTop__qyC9U",footerText:"FieldSet_footerText__mKIv2"}}},function(e){e.O(0,[774,888,179],function(){return e(e.s=24994)}),_N_E=e.O()}]);

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

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[33],{30755:function(e,n,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/slices/[lib]/[sliceName]/[variation]/simulator",function(){return i(40496)}])},57054:function(e,n,i){"use strict";i.d(n,{Z:function(){return c}});var t=i(5632),r=i(56580),o=i(15933),s=function(e,n,i){var t,r=null===(t=(0,o.Sd)(e))||void 0===t?void 0:t.find(function(e){return e.name.replace(/\//g,"--")===n});return null==r?void 0:r.components.find(function(e){return e.model.name===i})},c=function(){var e=(0,t.useRouter)(),n=(0,r.v9)(function(n){return{slice:s(n,e.query.lib,e.query.sliceName)}}).slice;if(!n)return{};var i=n.model.variations.find(function(n){return n.id===e.query.variation});return i?{slice:n,variation:i}:{}}},61107:function(e,n,i){"use strict";i.d(n,{z:function(){return d}});var t=i(62230),r=i(85244),o=i(98240),s=i(52322),c=i(2784),a=i(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 i=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,g=e.sx,m=e.iconSize,b=void 0===m?16:m,j=e.iconFill,C=e.variant,S=void 0===C?"primary":C,k=(0,o.Z)(e,["label","Icon","type","form","isLoading","disabled","onClick","sx","iconSize","iconFill","variant"]);return(0,s.jsx)(a.zx,(0,r.Z)((0,t.Z)({ref:n,sx:(0,t.Z)((0,r.Z)((0,t.Z)({},void 0===g?{}:g),{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-testid":l(k["data-testid"],"spinner")}),c&&i]}):(0,s.jsxs)(s.Fragment,{children:[c&&(0,s.jsx)(c,{size:b,fill:j,"data-testid":l(k["data-testid"],"icon")}),i]})}))})},2978:function(e,n,i){"use strict";i.d(n,{Z:function(){return l}});var t=i(62230),r=i(85244),o=i(98240),s=i(52322);i(2784);var c=i(75289),a=function(e){var n=e.bg,i=e.background,r=e.sx,o=e.withRadius,a=e.radius,l=e.children;return(0,s.jsx)(c.xu,{sx:(0,t.Z)({p:4,bg:n||i},o?{borderBottomLeftRadius:a,borderBottomRightRadius:a}:null,r),children:l})},l=function(e){var n=e.Header,i=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,g=void 0===v?"6px":v,m=e.bodySx,b=e.footerSx,j=e.sx,C=e.bg,S=e.background,k=e.children,w=(0,o.Z)(e,["Header","SubHeader","Body","Footer","borderFooter","radius","bodySx","footerSx","sx","bg","background","children"]);return(0,s.jsxs)(c.Zb,(0,r.Z)((0,t.Z)({sx:(0,t.Z)({border:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.borders))},borderRadius:g},void 0===j?null:j)},w),{children:[i?(0,s.jsx)(i,{radius:g}):null,u?(0,s.jsx)(u,{radius:g}):null,(0,s.jsxs)(a,{bg:C,background:S,sx:void 0===m?{}:m,withRadius:!h,children:[x?(0,s.jsx)(x,{}):null,k||null]}),h?(0,s.jsx)(a,{bg:C,background:S,sx:(0,t.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:g,withRadius:!0,children:"object"==typeof h?h:(0,s.jsx)(h,{})}):null]}))}},94355:function(e,n,i){"use strict";i.d(n,{q:function(){return l}});var t=i(62230),r=i(52322),o=i(2784),s=i(65186),c=i(75289),a=(0,o.memo)(function(e){var n=e.src;return(0,r.jsx)(c.Ee,{src:n,alt:"Preview image",sx:{maxHeight:"100%"}})}),l=function(e){var n=e.src,i=e.sx;return(0,r.jsx)(c.kC,{sx:(0,t.Z)({position:"relative",alignItems:"center",justifyContent:"center",overflow:"hidden",backgroundImage:"url(/pattern.png)",backgroundColor:"headSection",backgroundRepeat:"repeat",backgroundSize:"20px",borderRadius:"4px"},i),children:void 0!==n?(0,r.jsx)(a,{src:n}):(0,r.jsxs)(c.xv,{sx:{display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,r.jsx)(s.eJU,{}),"You have no screenshot yet."]})})}},40496:function(e,n,i){"use strict";i.r(n),i.d(n,{default:function(){return es}});var t,r,o,s=i(52322),c=i(97729),a=i.n(c),l=i(5632),u=i.n(l),d=i(57054),x=i(22710),f=i(62230),h=i(85244),p=i(99267),v=i(71463),g=i(37577),m=i(25242),b=i(2784),j=i(56580),C=i(88932),S=i(75289),k=i(65077),w=i(12189),y=i(16991),E=i(81541),R=function(e,n,i){var t=(0,b.useState)(e()),r=t[0],o=t[1],s=(0,b.useRef)(Date.now());return(0,b.useEffect)(function(){var i=setTimeout(function(){Date.now()-s.current>=n&&(o(e()),s.current=Date.now())},n-(Date.now()-s.current));return function(){clearTimeout(i)}},[n].concat((0,E.Z)(i))),r},Z=i(2978),D=i(94355),I=i(28199),z=i(91873),M=i(59097),O=i(7342),_=function(e){var n=e.sliceName,i=e.screenshotUrl,t=(0,j.v9)(function(e){return{isScreenshotModalOpen:(0,z.gP)(e,M.q.SCREENSHOT_PREVIEW)}}).isScreenshotModalOpen,r=(0,O.Z)().closeModals;return(0,s.jsx)(I.Z,{isOpen:t,shouldCloseOnOverlayClick:!0,contentLabel:"Screenshot Preview",portalClassName:"ScreenshotPreviewModal",onRequestClose:r,children:(0,s.jsx)(Z.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,s.jsxs)(S.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,s.jsxs)(S.X6,{sx:{fontSize:"14px"},children:["Screenshot Preview for ",n]}),(0,s.jsx)(S.x8,{type:"button",onClick:function(){return r()}})]})},Footer:function(){return(0,s.jsx)(S.kC,{style:{justifyContent:"flex-end",height:64,alignItems:"center",paddingRight:16,borderTop:"1px solid #DCDBDD"},children:(0,s.jsx)(S.zx,{variant:"secondary",sx:{fontWeight:600},onClick:function(){return r()},children:"Close"})})},children:(0,s.jsx)(D.q,{src:i,sx:{height:"320px"}})})})},T=i(37806),F=i(79536),L=i(85819),N=i(61107),A=function(e){var n=e.children,i=e.sx;return(0,s.jsx)(S.kC,{sx:(0,f.Z)({bg:"grey07",height:"90%",width:"100%",justifyContent:"center",alignItems:"center",zIndex:"1"},i),children:(0,s.jsx)(S.kC,{sx:{marginTop:"-128px",justifyContent:"center",flexDirection:"column",alignItems:"center"},children:n})})},B=function(e){var n=e.onRetrigger;return(0,s.jsxs)(A,{children:[(0,s.jsx)(S.Ee,{src:"/iframe-not-running.png",sx:{width:"320px"}}),(0,s.jsx)(S.xv,{sx:{color:"textClear",mb:2,fontSize:"14px",lineHeight:"24px",fontWeight:"600"},children:"Slice Machine can't render your Slice"}),(0,s.jsxs)(S.xv,{sx:{color:"failedConnectText",maxWidth:"400px",textAlign:"center",fontSize:"12px",lineHeight:"22px"},children:["Ensure your website's development server is running by typing",(0,s.jsx)("br",{}),(0,s.jsx)(S.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,s.jsx)("br",{})," If that doesn't work, see the\xa0",(0,s.jsx)(S.rU,{target:"_blank",href:"https://prismic.io/docs/slice-machine#simulate-slices",sx:{color:"link"},children:"troubleshooting instructions."})]}),(0,s.jsx)(N.z,{onClick:n,label:"Refresh",Icon:L.Fer,iconSize:20,iconFill:"#6F6E77",variant:"secondaryMedium",sx:{mt:"16px"}})]})},P=function(e){return(0,s.jsxs)("svg",(0,h.Z)((0,f.Z)({viewBox:"0 0 72 72",xmlns:"http://www.w3.org/2000/svg"},e),{children:[(0,s.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,s.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,s.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=i(75100),U=i(19909),H=function(e){var n=e.defaultValue,i=e.variations,t=e.MenuItemAction,r=e.onChange;return(0,s.jsxs)(S.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,s.jsxs)(S.xv,{sx:{p:3,fontSize:12,color:"textClear"},children:[i.length," VARIATION",i.length>1?"S":""]}),(0,s.jsxs)(S.kC,{sx:{p:0,flexDirection:"column"},children:[i.map(function(e){return(0,s.jsx)(V,{value:e,isActive:e.id===n.id,onClick:r},e.id)}),t||null]})]})},V=function(e){var n=e.value,i=e.isActive,t=e.onClick;return(0,s.jsx)(S.xu,{sx:{px:3,py:2,color:i?"primary":"",cursor:"pointer",borderLeft:function(e){var n=e.colors;return"2px solid ".concat(i?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 t(n)},children:n.name})},q=function(e){var n=e.buttonSx,i=e.defaultValue,t=e.variations,r=e.onNewVariation,o=e.onChange,c=e.sx,a=e.disabled,l=(0,b.useState)(!1),u=l[0],d=l[1],x=(0,b.useState)(i||t[0]),h=x[0],p=x[1];(0,b.useEffect)(function(){i&&p(i)},[i]);var v=function(e){d(!1),p(e),setTimeout(function(){return o(e)},210)},g=(0,s.jsx)(S.xu,{sx:{p:2},children:(0,s.jsx)(S.zx,{variant:"transparent",sx:{color:"text"},onClick:function(){d(!1),r&&r()},children:"+ Add new variation"})});return(0,s.jsx)(S.xu,{sx:c,children:(0,s.jsx)(U.Popover,{align:"start",isOpen:u,onClickOutside:function(){return d(!1)},positions:["bottom"],padding:10,content:function(){return(0,s.jsx)(H,{defaultValue:h,variations:t,onChange:v,MenuItemAction:r?g:void 0})},containerClassName:"variationSelectorContainer",children:(0,s.jsxs)(S.zx,{sx:(0,f.Z)({},n),variant:"dropDownButton",onClick:function(){return d(!u)},disabled:a,children:[h.name," ",u?(0,s.jsx)(W.bOz,{size:"16px","aria-label":"Collapse variations"}):(0,s.jsx)(W.mEq,{size:"16px","aria-label":"Expand variations"})]})})})},X=function(e,n,i){if(!n){u().push("/".concat(e.href,"/").concat(e.model.name));return}var t,r,o,s,c,a,l,d,x,f=(r=(t={lib:e.href,sliceName:e.model.name,variationId:null==n?void 0:n.id,isSimulator:i}).lib,o=t.sliceName,s=t.variationId,a=void 0===(c=t.options)?{}:c,l=t.isSimulator,d="/slices/[lib]/[sliceName]/[variation]".concat(l?"/simulator":""),x="/slices/".concat(r,"/").concat(o,"/").concat(s).concat(l?"/simulator":""),{href:d,as:x,options:a,all:[d,x,a]});u().push(f.href,f.as,f.options)},K=function(e){var n=e.slice,i=e.variation,t=e.isDisplayEditor,r=e.toggleIsDisplayEditor,o=e.onSaveMock,c=e.actionsDisabled,a=e.isSavingMock;return(0,s.jsxs)(S.kC,{sx:{p:"16px",display:"flex",bg:"grey07",gridTemplateRows:"1fr",borderBottom:"1px solid #DCDBDD",justifyContent:"space-between"},children:[(0,s.jsxs)(S.kC,{sx:{alignItems:"center"},children:[(0,s.jsx)(P,{height:"20px",width:"20px",fill:"#1A1523"}),(0,s.jsx)(S.xv,{sx:{ml:2,mr:"12px",fontSize:"14px",color:"#1A1523",fontWeight:"600",letterSpacing:"-0.15px"},children:n.model.name}),(0,s.jsx)(q,{defaultValue:i,variations:n.model.variations,onChange:function(e){return X(n,e,!0)},disabled:n.model.variations.length<=1||c})]}),(0,s.jsxs)(S.kC,{sx:{alignItems:"center",justifyContent:"space-between"},children:[(0,s.jsx)(S.kC,{sx:{alignItems:"center",justifyContent:"space-around"},children:(0,s.jsxs)(S.kC,{sx:{alignItems:"center",mr:4},children:[(0,s.jsx)(S.__,{htmlFor:"show-mock-editor",sx:{color:"#6F6E77",lineHeight:"16px",fontSize:"12px",fontWeight:"600",letterSpacing:"0px"},children:"Editor"}),(0,s.jsx)(S.rs,{id:"show-mock-editor",checked:t,onChange:r,disabled:c})]})}),(0,s.jsx)(N.z,{"data-testid":"save-mock",onClick:o,label:"Save mock content",disabled:a||c,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"}}}})]})]})},Y=i(17064),J=i(16),$=function(e){var n,i,t,r,o,c,a,l=e.apiContent,u=e.screenDimensions,d=e.simulatorUrl,h=e.dryRun,v=e.isScreenshot,g=void 0!==v&&v,m=e.handleSimulatorConnectionResult,j=(0,Y.Z)((i=(n=(0,b.useState)())[0],t=n[1],r=(0,b.useRef)(),o=(0,b.useRef)(),a=(0,b.useCallback)((c=(0,x.Z)(function(e){var n,i,s,c;return(0,p.__generator)(this,function(a){switch(a.label){case 0:if(null===(n=r.current)||void 0===n||n.disconnect(),null===(i=o.current)||void 0===i||i.disconnect(),t(void 0),!(null!=e))return[3,4];r.current=new J.SH(e),a.label=1;case 1:return a.trys.push([1,3,,4]),[4,r.current.connect()];case 2:var l;return a.sent(),t(r.current),l=(0,x.Z)(function(){var e;return(0,p.__generator)(this,function(n){switch(n.label){case 0:return t(void 0),[4,null===(e=r.current)||void 0===e?void 0:e.connect({},!0)];case 1:return n.sent(),t(r.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 c.apply(this,arguments)}),[]),[i,a]),2),C=j[0],k=j[1];(0,b.useEffect)(function(){var e;if(!d){m("failed");return}if(void 0!==C){if(!C.connected){m("failed"),console.warn("Trying to use a disconnected simulator client.");return}(e=(0,x.Z)(function(){return(0,p.__generator)(this,function(e){switch(e.label){case 0:return[4,C.setSliceZone([l])];case 1:return e.sent(),[2]}})}),function(){return e.apply(this,arguments)})().then(function(){m("successful")}).catch(function(){m("failed")})}},[C,l,d]);var w,y,E,R,Z,D,I,z,M,O=(0,b.useState)(),_=O[0],T=O[1],F=(w=function(e){var n;T({height:e.blockSize,width:e.inlineSize})},E=(0,b.useRef)(),(0,b.useCallback)(function(e){var n;null===(n=E.current)||void 0===n||n.disconnect(),null!==e&&(E.current=new ResizeObserver(function(n){var i,t=(0,Y.Z)(n,1)[0].contentRect;w({blockSize:t.height,inlineSize:t.width},e)}),E.current.observe(e))},[]));return(0,s.jsx)(S.kC,{ref:F,sx:(0,f.Z)({alignItems:"center",backgroundColor:"headSection",backgroundImage:"url(/pattern.png)",backgroundRepeat:"repeat",backgroundSize:"10px",border:g?void 0:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.darkBorder))},borderRadius:g?void 0:8,display:"flex",height:"100%",justifyContent:"center",overflow:"hidden"},void 0!==h&&h?{display:"none"}:{}),children:d?(0,s.jsx)("iframe",{ref:k,src:d,style:(0,f.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"},_?{transform:"scale(".concat((R=u,Z=_,D=R.height,I=R.width,z=Z.height,M=Z.width,I>M||D>z?I-M>D-z?M/I:z/D:1),")")}:{display:"none"})}):null})},Q=function(e){var n=e.defaultValue,i=e.options,t=e.onChange;return(0,s.jsx)(S.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,s.jsx)(S.kC,{sx:{p:0,flexDirection:"column"},children:i.map(function(e){return(0,s.jsx)(G,{value:e,isActive:e===n,onClick:t})})})})},G=function(e){var n=e.value,i=e.isActive,t=e.onClick;return(0,s.jsx)(S.xu,{sx:{p:2,cursor:"pointer",fontSize:"14px",borderRadius:0,bg:i?"hoverBackground":"background",":hover":{bg:"hoverBackground"}},onClick:function(){return t(n)},children:n})},ee=function(e){var n=e.buttonSx,i=e.currentValue,t=e.options,r=e.onChange,o=e.disabled,c=(0,b.useState)(!1),a=c[0],l=c[1],u=function(e){l(!1),setTimeout(function(){return r(e)},210)};return(0,s.jsx)(S.xu,{children:(0,s.jsx)(U.Popover,{align:"start",isOpen:a,onClickOutside:function(){return l(!1)},positions:["bottom"],padding:2,content:function(){return(0,s.jsx)(Q,{defaultValue:i,options:t,onChange:u})},children:(0,s.jsxs)(S.zx,{sx:n,variant:"dropDownButton",onClick:function(){return l(!a)},disabled:o,children:[i," ",a?(0,s.jsx)(W.bOz,{size:"24px"}):(0,s.jsx)(W.mEq,{size:"24px"})]})})})},en=i(67557);(o=t||(t={})).DESKTOP="Desktop",o.TABLET="Tablet",o.MOBILE="Mobile",o.CUSTOM="Custom";var ei=(r={},(0,en.Z)(r,t.DESKTOP,{width:1280,height:800}),(0,en.Z)(r,t.TABLET,{width:1080,height:810}),(0,en.Z)(r,t.MOBILE,{width:390,height:844}),r),et=function(e){var n=e.label,i=e.startValue,t=e.onChange,r=e.sx,o=e.disabled,c=["e","-","+",",","."];return(0,s.jsxs)(S.kC,{sx:(0,f.Z)({alignItems:"center"},r),children:[(0,s.jsx)(S.__,{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,s.jsx)(S.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:t,value:i,min:"0",onKeyDown:function(e){c.includes(e.key)&&e.preventDefault()}})]})},er=function(e){var n=e.handleScreenSizeChange,i=e.screenDimensions,r=e.actionsDisabled,o=(0,b.useState)(t.DESKTOP),c=o[0],a=o[1],l=function(e){a(e),e!==t.CUSTOM&&n(ei[e])},u=function(e){var i=Object.values(ei).findIndex(function(n){return JSON.stringify(n)===JSON.stringify(e)}),r=i<0?t.CUSTOM:Object.keys(ei)[i];a(r),n(e)};return(0,s.jsx)(S.kC,{sx:{alignItems:"center",pb:"16px",justifyContent:"space-between",variant:"small"},children:(0,s.jsxs)(S.kC,{sx:{alignItems:"center",flex:1},children:[(0,s.jsx)(ee,{options:Object.values(t),onChange:l,buttonSx:{alignSelf:"start"},currentValue:c,disabled:r}),(0,s.jsx)(et,{label:"W",startValue:i.width.toString(),onChange:function(e){u((0,h.Z)((0,f.Z)({},i),{width:Number(e.target.value)}))},disabled:r,sx:{mx:2}}),(0,s.jsx)(W.eSQ,{size:16,color:"#6F6E77"}),(0,s.jsx)(et,{label:"H",startValue:i.height.toString(),onChange:function(e){u((0,h.Z)((0,f.Z)({},i),{height:Number(e.target.value)}))},disabled:r,sx:{ml:2}})]})})},eo=function(e){var n,i,r=e.slice,o=e.variation,c=(0,O.Z)().updateSliceMockSuccess,a=(0,j.v9)(function(e){return{simulatorUrl:(0,F.x0)(e),endpoints:(0,F.gZ)(e)}}),l=a.simulatorUrl,u=a.endpoints,d=(0,b.useMemo)(function(){return{embedApiEndpoint:new URL(u.PrismicEmbed),authStrategy:"cookie",unsplashApiBaseUrl:new URL(u.PrismicUnsplash),baseUrl:new URL("builder/",u.PrismicWroom)}},[u.PrismicEmbed,u.PrismicUnsplash,u.PrismicWroom]);(0,b.useEffect)(function(){w.Xe.track({event:"slice-simulator:open"})},[]);var E=(0,b.useRef)(!1);(0,b.useEffect)(function(){E.current=!0},[]);var Z=function(e){E.current&&(E.current=!1,w.Xe.track({event:"editor:widget-used",sliceId:e}))},D=(0,b.useState)("waiting"),I=D[0],z=D[1];(0,b.useEffect)(function(){if("waiting"===I){var e=setTimeout(function(){z("failed")},2e4);return function(){return clearTimeout(e)}}},[I]);var M,L=function(e){"waiting"===I&&("failed"===e?w.Xe.track({event:"slice-simulator:is-not-running"}):et(!0),z(e))},N=function(){z("waiting")},P=(0,b.useState)(ei[t.DESKTOP]),W=P[0],U=P[1],H=(0,b.useMemo)(function(){return T.id.fromSM(r.model)},[r.model]),V=(0,b.useState)(null),q=V[0],X=V[1],Y=(0,b.useMemo)(function(){var e,n;return(null==q?void 0:q.variation)===o.id?q:(null===(e=r.mocks)||void 0===e?void 0:e.find(function(e){return e.variation===o.id}))||{__TYPE__:"SharedSliceContent",variation:n=o.id,primary:{},items:[]}},[q,o.id]),J=(0,b.useMemo)(function(){return(0,m.renderSliceMock)(H,Y).id},[]),Q=(0,b.useCallback)(function(){return function(){return(0,h.Z)((0,f.Z)({},(0,m.renderSliceMock)(H,Y)),{id:J})}},[H,Y]),G=R(Q,800,[H,Y,]),ee=(0,b.useState)(!1),en=ee[0],et=ee[1],eo=(0,b.useState)(!1),es=eo[0],ec=eo[1],ea=(M=(0,x.Z)(function(){var e,n,i,t;return(0,p.__generator)(this,function(o){switch(o.label){case 0:if(!q)return[3,5];ec(!0),o.label=1;case 1:return o.trys.push([1,3,,4]),n={libraryID:r.from,sliceID:r.model.id,mocks:(null!==(e=r.mocks)&&void 0!==e?e:[]).filter(function(e){return e.variation!==q.variation}).concat(q)},[4,(0,w.y3)(n)];case 2:if((i=o.sent().errors).length>0)throw i;return c(n),C.Am.success("Saved"),[3,4];case 3:return t=o.sent(),console.error("Error while saving mock",t),C.Am.error("Error saving content"),[3,4];case 4:ec(!1),o.label=5;case 5:return[2]}})}),function(){return M.apply(this,arguments)});return(0,s.jsxs)(S.kC,{sx:{flexDirection:"column",height:"100vh"},children:[(0,s.jsx)(K,{slice:r,variation:o,isDisplayEditor:en,actionsDisabled:"successful"!==I,toggleIsDisplayEditor:function(){return et(!en)},onSaveMock:function(){ea()},isSavingMock:es}),(0,s.jsx)(S.xu,{sx:{flex:1,bg:"grey07",p:3,display:"flex",flexDirection:"column",height:"calc(100% - 73px - 16px)"},children:(0,s.jsxs)(S.kC,{sx:{flex:1,flexDirection:"row",position:"relative",width:"100%",height:"100%"},children:[(0,s.jsxs)(k.xR,{sx:{display:"flex",height:"100%",flexDirection:"column",flex:1,minWidth:0},children:[(0,s.jsx)(er,{handleScreenSizeChange:U,screenDimensions:W,actionsDisabled:"successful"!==I}),"failed"===I?(0,s.jsx)(B,{onRetrigger:N}):null,"successful"===I?(0,s.jsx)($,{apiContent:G,screenDimensions:W,simulatorUrl:l,handleSimulatorConnectionResult:L}):(0,s.jsx)(s.Fragment,{children:"waiting"===I?(0,s.jsxs)(A,{children:[(0,s.jsx)(S.$j,{variant:"styles.spinner"}),(0,s.jsx)($,{apiContent:G,screenDimensions:W,simulatorUrl:l,dryRun:!0,handleSimulatorConnectionResult:L})]}):null})]}),"successful"===I&&en?(0,s.jsx)(S.kC,{className:"editor",sx:{flexDirection:"column",marginLeft:"16px",maxWidth:"440px",minWidth:"440px",overflowY:"auto"},children:(0,s.jsx)(y.S,{renderError:function(){return(0,s.jsx)(g.Iq,{title:"Editor error",description:"An error occurred while rendering the editor."})},children:(0,s.jsx)(b.Suspense,{children:(0,s.jsx)(v.kS,{config:d,content:Y,onContentChange:function(e){X(e),Z(r.model.id)},sharedSlice:H},o.id)})})}):null]})}),!!(null===(n=r.screenshots[o.id])||void 0===n?void 0:n.url)&&(0,s.jsx)(_,{sliceName:r.model.name,screenshotUrl:null===(i=r.screenshots[o.id])||void 0===i?void 0:i.url})]})};function es(){var e=(0,l.useRouter)(),n=(0,d.Z)(),i=n.slice,t=n.variation;return void 0===i||void 0===t?(e.replace("/"),null):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a(),{children:(0,s.jsx)("title",{children:"Simulator: ".concat(i.model.name," - Slice Machine")})}),(0,s.jsx)(eo,{slice:i,variation:t})]})}}},function(e){e.O(0,[789,872,851,695,774,888,179],function(){return e(e.s=30755)}),_N_E=e.O()}]);

package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]-58e6cb0f278ea03c.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[136],{31314:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/slices/[lib]/[sliceName]/[variation]",function(){return t(98239)}])},57054:function(e,n,t){"use strict";t.d(n,{Z:function(){return l}});var i=t(5632),r=t(56580),o=t(15933),a=function(e,n,t){var i,r=null===(i=(0,o.Sd)(e))||void 0===i?void 0:i.find(function(e){return e.name.replace(/\//g,"--")===n});return null==r?void 0:r.components.find(function(e){return e.model.name===t})},l=function(){var e=(0,i.useRouter)(),n=(0,r.v9)(function(n){return{slice:a(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}:{}}},98239:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return e_}});var i=t(52322),r=t(97729),o=t.n(r),a=t(5632),l=t(22710),s=t(62230),c=t(85244),u=t(99267),d=t(74217),f=t(2784),m=t(12189),h=t(35393),v=t(8794),p=t(7342),x=(0,f.createContext)(void 0);function y(e){var n=e.children,t=e.initialSlice,r=(0,a.useRouter)(),o=(0,f.useState)(t),y=o[0],g=o[1],j=(0,v.c)({errorMessage:"Failed to save slice. Check your browser's console for more information."}),b=j.actionQueueStatus,w=j.setNextAction,S=(0,p.Z)().saveSliceSuccess,C=(0,d.R9)(S),k=(0,h.g)().syncChanges,I=(0,f.useMemo)(function(){var e=r.query.variation,n=y.model.variations.find(function(n){return n.id===e});if(n)return n;throw Error("Variation not found")},[y,r]),T=(0,f.useCallback)(function(e){g(e),w((0,l.Z)(function(){var n,t,i,r,o;return(0,u.__generator)(this,function(n){switch(n.label){case 0:return[4,(0,m.Ve)(e)];case 1:if((t=n.sent().errors).length>0)throw t;return[4,(0,m.pL)({libraryID:e.from,sliceID:e.model.id})];case 2:if(r=(i=n.sent()).errors,o=i.mocks,r.length>0)throw r;return C((0,c.Z)((0,s.Z)({},e),{mocks:o})),k(),[2]}})}))},[w,C,k]),R=(0,f.useMemo)(function(){return{actionQueueStatus:b,slice:y,setSlice:T,variation:I}},[b,y,T,I]);return(0,i.jsx)(x.Provider,{value:R,children:"function"==typeof n?n(R):n})}function g(){var e=(0,f.useContext)(x);if(!e)throw Error("SliceBuilderProvider not found");return e}var j=t(57054),b=t(37577),w=t(42770),S=t(90104),C=t(16991),k=t(18566),I=t(7604);function T(e){return R.apply(this,arguments)}function R(){return(R=(0,l.Z)(function(e){var n,t,i;return(0,u.__generator)(this,function(r){switch(r.label){case 0:return[4,I.j.customTypes.readCustomType({id:e})];case 1:if(t=(n=r.sent()).errors,i=n.model,t.length>0)throw t;return[2,i]}})})).apply(this,arguments)}var A=t(99526),E=t(15732),Z=t(25132),D=function(e){return(0,i.jsxs)("svg",(0,c.Z)((0,s.Z)({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),{children:[(0,i.jsx)("path",{d:"M9.5 12L6 9.5L9.5 7V9.5V12Z",fill:"currentColor"}),(0,i.jsx)("path",{d:"M6 9.5H11C14.3 9.5 17 12.2 17 15.5V17.5M6 9.5L9.5 12V9.5V7L6 9.5Z",stroke:"currentColor",strokeLinecap:"round"})]}))},_=function(){var e,n,t=(e=(0,E.l)().source,n=(0,A.Ag)(e.query),void 0!==n&&(0,A.ne)(e.asPath,n)?n:void 0);return void 0!==t?(0,i.jsx)(C.S,{children:(0,i.jsx)(f.Suspense,{children:(0,i.jsx)(b.xu,{bottom:32,justifyContent:"center",position:"fixed",right:0,width:"100vw",children:(0,i.jsx)(N,{sourceCustomTypeId:t})})})}):null},N=function(e){var n,t=(n=e.sourceCustomTypeId,(0,k.QT)(T,[n])),r=(0,f.useState)(!0),o=r[0],l=r[1],s=(0,a.useRouter)();if(void 0===t||!o)return null;var c=t.format,u=t.id,d=A.cd[c].getBuilderPagePathname(u);return(0,i.jsxs)(b.hE,{density:"compact",color:"dark",children:[(0,i.jsxs)(b.zx,{onClick:function(){s.push(d)},renderStartIcon:function(){return(0,i.jsx)(D,{})},children:["Return to ",t.label]}),(0,i.jsx)(b.zx,{onClick:function(){l(!1)},renderStartIcon:function(){return(0,i.jsx)(Z.T,{})}})]})},L=t(65521),F=t(56580),O=t(33710),V=t(93067),z=t(16131),M=t(25978),P=t(13309),K=function(e){var n=e.children,t=e.open,r=e.onClose;return(0,i.jsxs)(V.zs,{open:t,trigger:n,onClose:r,children:[(0,i.jsx)(V.Ev,{children:"Simulate your slices"}),(0,i.jsx)(V.LB,{component:"video",cloudName:"dmtf1daqp",loop:!1,autoPlay:!1,publicId:M.Sn,poster:"/simulator-video-thumbnail.png",controls:!0,onPlay:function(){m.Xe.track({event:"open-video-tutorials",video:M.Sn})}}),(0,i.jsx)(V.OJ,{children:"Minimize context-switching by previewing your Slice components in the simulator."}),(0,i.jsx)(V.Rp,{children:"Got it"})]})},q=function(e){var n=e.disabled,t=(0,a.useRouter)(),r=(0,f.useRef)(null),o=(0,p.Z)().setSeenSimulatorToolTip,l=(0,F.v9)(function(e){return{hasSeenSimulatorTooltip:(0,P.bv)(e)}}).hasSeenSimulatorTooltip;(0,f.useEffect)(function(){var e=r.current;e&&!l&&setTimeout(function(){return O.Z.show(e)},5e3)},[l]);var s=function(){if(o(),r.current){var e=r.current;O.Z.hide(e)}};return(0,i.jsx)("span",{"data-tip":!0,"data-tip-disable":!1,"data-for":"simulator-button-tooltip",ref:r,children:(0,i.jsx)(K,{open:!l,onClose:s,children:(0,i.jsx)(b.zx,{"data-tip":!0,"data-testid":"simulator-open-button",onClick:function(){s(),window.open("".concat(t.asPath,"/simulator"),M.pq)},disabled:n,renderStartIcon:function(){return(0,i.jsx)(z.z,{color:b.rS.color.grey1,height:"24px",style:{transform:"scale(calc(4 / 3))"},width:"24px"})},children:"Simulate"})})})},B=t(81541),H=t(88866),X=t(28316),W=t(85513),G=t(74029),U=t(1411),Q=t(75843),Y=t(63987),J=t(37806),$=t(58514),ee=t(50535),en=t(55197),et=t(21112),ei=[$.C.Image,$.C.Text,$.C.StructuredText,$.C.Link,$.C.Select,$.C.Boolean,$.C.Number,$.C.Color,$.C.Date,$.C.Embed,$.C.Timestamp,$.C.GeoPoint,$.C.ContentRelationship,$.C.LinkToMedia,],er=[$.C.Group].concat((0,B.Z)(ei)),eo=function(){var e=g(),n=e.slice,t=e.setSlice,r=e.variation,o=(0,f.useState)(!1),a=o[0],l=o[1],s=Boolean(r.items&&Object.keys(r.items).length>0),c=function(e){return function(i){if(e===J.Rt.Items&&r.items&&Object.keys(r.items).length<=1){l(!0);return}var o=(0,G.AK)({slice:n,variationId:r.id,widgetArea:e,fieldId:i});t(o)}},u=function(e){return function(i){var o=i.apiId,a=i.newKey,l=i.value,s=(0,G.L4)({slice:n,variationId:r.id,widgetArea:e,previousFieldId:o,newFieldId:a,newField:l});t(s)}},d=function(e){return function(i){var o=i.id,a=i.label,l=i.widgetTypeName,s=er.find(function(e){return e.CUSTOM_NAME===l||e.TYPE_NAME===l});if(!s)throw Error("Unsupported Field Type: ".concat(l));var c=s.create(a);try{s.schema.validateSync(c,{stripUnknown:!1})}catch(u){throw Error('Model is invalid for widget "'.concat(c.type,'".'))}var d=(0,G.xS)({slice:n,variationId:r.id,widgetArea:e,newFieldId:o,newField:c.type===H.GroupFieldType?Y.Fl.fromSM(c):c});t(d),m.Xe.track({event:"field:added",id:o,name:a,type:c.type,isInAGroup:!1,contentType:(0,et.T)(window.location.pathname)})}},h=function(e){return function(i){if(!(0,ee.uS)(i)){var o=i.source,a=i.destination;if(a){var l=(0,G.gR)({slice:n,variationId:r.id,widgetArea:e,sourceIndex:o.index,destinationIndex:a.index});(0,X.flushSync)(function(){return t(l)})}}}},v=function(){var e=(0,G.Oh)({slice:n,variationId:r.id});t(e),l(!1)};return(0,i.jsxs)(W.aV,{children:[(0,i.jsx)(Q.Z,{zoneType:"slice",zoneTypeFormat:void 0,tabId:void 0,title:"Fields",dataTip:" The non-repeatable zone\n  is for fields<br/> that should appear once, like a<br/>\n  section title.\n",fields:r.primary,EditModal:U.Z,widgetsArray:er,onDeleteItem:c(J.Rt.Primary),onSave:u(J.Rt.Primary),onSaveNewField:d(J.Rt.Primary),onDragEnd:h(J.Rt.Primary),poolOfFieldsToCheck:r.primary||[],renderHintBase:function(e){var n=e.item;return"slice.primary".concat((0,en.Ti)(n.key))},renderFieldAccessor:function(e){return"slice.primary".concat((0,en.Ti)(e))},testId:"static-zone-content",isRepeatableCustomType:void 0,emptyStateHeading:void 0}),s?(0,i.jsx)(Q.Z,{zoneType:"slice",zoneTypeFormat:void 0,tabId:void 0,isRepeatable:!0,title:"Repeatable Zone",dataTip:"The repeatable zone is for a group<br/>\n  of fields that you want to be able to repeat an<br/>\n  indeterminate number of times, like FAQs",widgetsArray:ei,fields:r.items,EditModal:U.Z,onDeleteItem:c(J.Rt.Items),onSave:u(J.Rt.Items),onSaveNewField:d(J.Rt.Items),onDragEnd:h(J.Rt.Items),poolOfFieldsToCheck:r.items||[],renderHintBase:function(e){var n=e.item;return"item".concat((0,en.Ti)(n.key))},renderFieldAccessor:function(e){return"slice.items[i]".concat((0,en.Ti)(e))},testId:"slice-repeatable-zone",isRepeatableCustomType:void 0,emptyStateHeading:"No fields"}):null,(0,i.jsxs)(b.Vq,{size:"small",open:a,onOpenChange:function(e){return l(e)},children:[(0,i.jsx)(b.fK,{icon:"delete",title:"Delete field"}),(0,i.jsxs)(b.cZ,{children:[(0,i.jsx)(b.xu,{padding:24,gap:12,flexDirection:"column",children:n.model.variations.length>1?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("strong",{children:["This action will permanently remove the repeatable zone from the ",n.model.name," slice ",r.name," variation."]}),(0,i.jsx)("div",{children:"Other variations will be left untouched. To reimplement repeatable fields later, use a group field instead of the repeatable zone."})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("strong",{children:["This action will permanently remove the repeatable zone from the ",n.model.name,"."]}),(0,i.jsx)("div",{children:"To reimplement repeatable fields later, use a group field instead of the repeatable zone."})]})}),(0,i.jsx)(b.kX,{ok:{text:"Delete",color:"tomato",onClick:function(){return v()}},cancel:{text:"Cancel"}})]})]})]})},ea=t(88932),el=t(86670),es=t(88201),ec=t(72484),eu=t(63815);function ed(){return(ed=(0,l.Z)(function(e){var n,t,i,r,o,a,l,d,f,h,v,p;return(0,u.__generator)(this,function(n){switch(n.label){case 0:return n.trys.push([0,6,,7]),[4,(0,m.Ve)(e.component)];case 1:if((t=n.sent().errors).length>0)throw t;return[4,(0,m.Xi)({libraryID:e.component.from,sliceID:e.component.model.id,variationID:e.variation.id})];case 2:if((r=n.sent().errors).length>0)throw r;return[4,(0,m.X$)(e.component.from,e.component.model.id)];case 3:if(a=(o=n.sent()).slice,(l=o.errors).length>0)throw l;if(!a)throw Error("Could not read variation `".concat(e.variation.name,"`"));return[4,(0,m.pL)({libraryID:e.component.from,sliceID:e.component.model.id})];case 4:return d=n.sent().mocks,f=ec.Y.getBuilderPagePathname({libraryName:e.component.href,sliceName:a.name,variationId:a.variations[0].id}),[4,e.router.replace(f)];case 5:return n.sent(),h=(0,c.Z)((0,s.Z)({},e.component),{model:a,mocks:d}),e.saveSliceSuccess(h),[2,h];case 6:throw v=n.sent(),p="Could not delete variation `".concat(e.variation.name,"`"),console.error(p,v),ea.Am.error(p),v;case 7:return[2]}})})).apply(this,arguments)}var ef=function(e){var n=e.isOpen,t=e.onClose,r=e.slice,o=e.variation,s=(0,a.useRouter)(),c=(0,f.useState)(!1),d=c[0],m=c[1],h=(0,p.Z)().saveSliceSuccess,v=g().setSlice;return(0,i.jsxs)(b.Vq,{open:n,onOpenChange:function(e){return!e&&t()},size:{width:448,height:"auto"},children:[(0,i.jsx)(b.fK,{icon:"delete",title:"Delete variation"}),(0,i.jsx)(b.cZ,{children:(0,i.jsxs)(b.xu,{flexDirection:"column",children:[(0,i.jsxs)(b.xv,{color:"grey11",sx:{marginBlock:16,marginInline:16},children:["This action will remove the variation from the slice model and delete associated files. When you push your changes, the variation will disappear from your repository. This update will"," ",(0,i.jsx)(em,{children:"not"})," affect your documents until you ",(0,i.jsx)(em,{children:"edit"})," ","them manually."]}),(0,i.jsx)(b.kX,{ok:{text:"Delete",color:"tomato",onClick:function(){o&&(0,l.Z)(function(){var e;return(0,u.__generator)(this,function(e){switch(e.label){case 0:m(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,function(e){return ed.apply(this,arguments)}({component:r,router:s,saveSliceSuccess:h,variation:o})];case 2:return v(e.sent()),[3,4];case 3:return e.sent(),[3,4];case 4:return m(!1),t(),[2]}})})()},loading:d},cancel:{text:"Cancel"},size:"medium"})]})})]})},em=function(e){return(0,i.jsx)(b.xv,(0,c.Z)((0,s.Z)({},e),{color:"inherit",component:"span",variant:"bold"}))},eh=t(63397);function ev(){return(ev=(0,l.Z)(function(e){var n,t,i,r,o,a,l,d,f,h,v;return(0,u.__generator)(this,function(n){switch(n.label){case 0:return n.trys.push([0,5,,6]),[4,(0,m.Ve)(e.component)];case 1:if((t=n.sent().errors).length>0)throw t;return[4,(0,m.eH)(e.component,(0,c.Z)((0,s.Z)({},e.variation),{name:e.variationName}))];case 2:if((r=n.sent().errors).length>0)throw r;return[4,(0,m.X$)(e.component.from,e.component.model.id)];case 3:if(a=(o=n.sent()).slice,(l=o.errors).length>0)throw l;if(!a)throw Error("Could not read variation `".concat(e.variation.name,"`"));return[4,(0,m.pL)({libraryID:e.component.from,sliceID:e.component.model.id})];case 4:return d=n.sent().mocks,f=(0,c.Z)((0,s.Z)({},e.component),{model:a,mocks:d}),e.saveSliceSuccess(f),[2,f];case 5:throw h=n.sent(),v="Could not rename variation `".concat(e.variation.name,"`"),console.error(v,h),ea.Am.error(v),h;case 6:return[2]}})})).apply(this,arguments)}var ep=t(61926),ex=t.n(ep),ey=function(e){var n,t,r=e.isOpen,o=e.onClose,a=e.slice,s=e.variation,c=(0,f.useState)(!1),d=c[0],m=c[1],h=g().setSlice,v=(0,p.Z)().saveSliceSuccess;return(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(b.Vq,{open:r,onOpenChange:function(e){return!e&&o()},size:{width:448,height:"auto"},children:[(0,i.jsx)(b.fK,{icon:"edit",title:"Rename variation"}),(0,i.jsx)(b.cZ,{children:(0,i.jsx)(eh.J9,{validateOnMount:!0,initialValues:{variationName:null!==(n=null==s?void 0:s.name)&&void 0!==n?n:""},validate:function(e){if(0===e.variationName.length)return{variationName:"Cannot be empty"}},onSubmit:(t=(0,l.Z)(function(e){var n;return(0,u.__generator)(this,function(n){switch(n.label){case 0:if(!s)return[2];m(!0),n.label=1;case 1:return n.trys.push([1,3,,4]),[4,function(e){return ev.apply(this,arguments)}({component:a,saveSliceSuccess:v,variation:s,variationName:e.variationName.trim()})];case 2:return h(n.sent()),[3,4];case 3:return n.sent(),[3,4];case 4:return m(!1),o(),[2]}})}),function(e){return t.apply(this,arguments)}),children:function(e){return(0,i.jsxs)("form",{children:[(0,i.jsxs)(b.xu,{flexDirection:"column",gap:8,padding:16,children:[(0,i.jsx)(b.xv,{variant:"normal",color:"grey11",children:"This action will rename the variation in the slice model. When you push your changes, the variation will be renamed in your repository."}),(0,i.jsxs)(b.xu,{flexDirection:"column",gap:4,children:[(0,i.jsxs)("label",{className:ex().label,children:[(0,i.jsx)(b.xv,{variant:"bold",children:"Variation name*"}),"string"==typeof e.errors.variationName?(0,i.jsx)(b.xv,{variant:"small",color:"tomato10",children:e.errors.variationName}):null]}),(0,i.jsx)(b.yt,{placeholder:"Variation name",error:"string"==typeof e.errors.variationName,value:e.values.variationName,onValueChange:function(n){e.setFieldValue("variationName",n.slice(0,30))}})]})]}),(0,i.jsx)(b.kX,{ok:{text:"Rename",onClick:function(){e.submitForm()},loading:d,disabled:!e.isValid},cancel:{text:"Cancel"},size:"medium"})]})}})})]})})},eg=t(97461),ej=t(76635),eb=t(36131),ew=t(75289),eS=t(2978),eC=function(e){var n=e.children,t=e.FooterContent,r=e.HeaderContent,o=e.close,a=e.sx,l=e.headerSx,c=void 0===l?{}:l;return(0,i.jsx)(eS.Z,{borderFooter:!0,footerSx:{p:0},bodySx:{pt:2,pb:4,px:4},sx:(0,s.Z)({border:"none"},void 0===a?{}:a),Header:function(e){var n=e.radius;return(0,i.jsxs)(ew.kC,{sx:(0,s.Z)({p:3,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)}},c),children:[r,o?(0,i.jsx)(ew.x8,{onClick:o,type:"button"}):null]})},Footer:t?(0,i.jsxs)(ew.kC,{sx:{alignItems:"space-between",bg:"headSection",p:3},children:[(0,i.jsx)(ew.xu,{sx:{ml:"auto"}}),t]}):null,children:n})},ek=t(28199),eI=function(e){var n=e.msg;return(0,i.jsx)(ew.xv,{as:"span",sx:{fontSize:12,color:"error",mt:"5px",ml:2},children:n||"Error!"})},eT=function(e){var n=e.isOpen,t=e.onClose,r=e.onSubmit,o=e.initialVariation,a=e.variations,d=function(e){var n=e.id,t=e.name,i=e.origin,r=n&&n.length?null:{id:"Required!"},o=a.find(function(e){return e.id===n})?{id:"This id already exists!"}:null,l=t&&t.length?null:{name:"Required!"},c=i.value.length&&a.find(function(e){return e.id===i.value})?null:{id:"You must select an existing variation!"},u=n&&n.length&&!/^[A-Za-z0-9]+([A-Za-z0-9]+)*$/.exec(n)&&{id:"No special characters allowed"};return(0,s.Z)({},r,o,l,c,u)},m=function(e){C((0,ej.camelCase)(e))},h=function(e){E(e),I&&m(e)},v=function(e){T(!1),m(e)},p=function(){x(),t()},x=function(){C(""),E(""),j({}),T(!0),_({value:o.id,label:o.name})},y=(0,f.useState)({}),g=y[0],j=y[1],w=(0,f.useState)(""),S=w[0],C=w[1],k=(0,f.useState)(!0),I=k[0],T=k[1],R=(0,f.useState)(""),A=R[0],E=R[1],Z=(0,f.useState)({value:o.id,label:o.name}),D=Z[0],_=Z[1],N=(0,f.useState)(!1),L=N[0],F=N[1];function O(){return V.apply(this,arguments)}function V(){return(V=(0,l.Z)(function(){var e,n;return(0,u.__generator)(this,function(t){switch(t.label){case 0:if(!Object.keys(e=d({id:S,name:A,origin:D})).length)return[3,1];return j(e),[3,3];case 1:if(!(n=a.find(function(e){return e.id===D.value})))return[3,3];return F(!0),[4,r(S,A,n)];case 2:t.sent(),F(!1),p(),t.label=3;case 3:return[2]}})})).apply(this,arguments)}return(0,f.useEffect)(function(){x()},[o,n]),(0,i.jsx)(ek.Z,{isOpen:n,shouldCloseOnOverlayClick:!0,onRequestClose:function(){return p()},contentLabel:"Widget Form Modal",style:{content:{maxWidth:"700px"}},children:(0,i.jsx)(eh.J9,{initialValues:{id:S,name:A,origin:D},onSubmit:O,children:(0,i.jsx)(eh.l0,{id:"variation-add",onKeyDown:function(e){"Enter"===e.key&&(e.preventDefault(),O())},children:(0,i.jsx)(b.xu,{children:(0,i.jsxs)(eC,{sx:{textAlign:"left"},HeaderContent:(0,i.jsx)(ew.xv,{as:"h2",children:"Add new Variation"}),FooterContent:(0,i.jsxs)(b.xu,{gap:16,alignItems:"center",children:[(0,i.jsx)(b.zx,{onClick:p,color:"grey",children:"Cancel"}),(0,i.jsx)(b.zx,{loading:L,children:"Submit"})]}),close:p,children:[(0,i.jsxs)(b.xu,{flexDirection:"column",padding:{block:16},children:[(0,i.jsxs)(ew.__,{htmlFor:"name",sx:{mb:1},children:["Variation name*",g.name?(0,i.jsx)(eI,{msg:g.name}):""]}),(0,i.jsx)(eh.gN,{autoComplete:"off",id:"name",name:"name",placeholder:"e.g. Grid - With Icon",as:ew.II,maxLength:30,value:A,onChange:function(e){return h(e.currentTarget.value)}}),(0,i.jsx)(ew.xv,{children:"It will appear here in Slice Machine, and in the page editor in Prismic"})]}),(0,i.jsxs)(b.xu,{flexDirection:"column",padding:{bottom:16},children:[(0,i.jsxs)(ew.__,{htmlFor:"id",sx:{mb:1},children:["Variation ID*",g.id?(0,i.jsx)(eI,{msg:g.id}):""]}),(0,i.jsx)(eh.gN,{autoComplete:"off",id:"id",name:"id",placeholder:"e.g. GridWithIcon",as:ew.II,maxLength:30,value:S,onChange:function(e){return v(e.currentTarget.value)}}),(0,i.jsx)(ew.xv,{children:"It's generated automatically based on the variation name and will appear in the API responses."})]}),(0,i.jsxs)(b.xu,{flexDirection:"column",padding:{bottom:8},children:[(0,i.jsx)(ew.__,{htmlFor:"origin",sx:{mb:1},children:"Duplicate from"}),(0,i.jsx)(eb.ZP,{name:"origin",options:a.map(function(e){return{value:e.id,label:e.name}}),onChange:function(e){e&&_(e)},defaultValue:D,maxMenuHeight:150,theme:function(e){return(0,c.Z)((0,s.Z)({},e),{colors:(0,c.Z)((0,s.Z)({},e.colors),{text:"text",primary:"background"})})}})]})]})})})})})},eR=t(87647),eA=t.n(eR),eE=function(e){var n,t=e.horizontalScroll,r=g(),o=r.slice,s=r.variation,c=r.setSlice,d=(0,f.useState)(),h=d[0],v=d[1],x=(0,eu.H)(),y=x.modalPayload,j=y.sliceFilterFn,w=y.defaultVariationSelector,S=y.onUploadSuccess,C=(0,a.useRouter)(),k=(0,p.Z)().saveSliceSuccess,I=o.model.variations.length;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(b.xu,{flexDirection:"column",gap:16,children:void 0!==t&&t?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(el.i,{variant:"edgeFaded",color:"grey6"}),(0,i.jsxs)(b.xu,{justifyContent:"space-between",children:[(0,i.jsxs)(b.xv,{color:"grey11",children:[I," variation",1!==I&&"s"]}),(0,i.jsx)(b.zx,{onClick:function(){v({type:"ADD_VARIATION"})},startIcon:"add",color:"grey",children:"Add a variation"})]}),(0,i.jsx)("div",{className:eA().hideScrollbar,style:{height:"240px",position:"relative",marginRight:"-32px",overflowX:"scroll",scrollSnapType:"x mandatory"},children:(0,i.jsx)("div",{style:{position:"absolute",paddingRight:"32px"},children:(0,i.jsx)(b.xu,{flexDirection:"row",gap:16,children:(0,i.jsx)(eZ,{screenshotChangesModal:x,setDialog:v,width:320})})})})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(eZ,{screenshotChangesModal:x,setDialog:v}),(0,i.jsx)("div",{style:{bottom:b.rS.space[0],marginBottom:"-".concat(b.rS.space[16]),position:"sticky"},children:(0,i.jsxs)(b.xu,{backgroundColor:"grey2",flexDirection:"column",padding:{bottom:40,inline:24},children:[(0,i.jsx)(b.ph,{sx:{left:0,position:"absolute",right:0}}),(0,i.jsx)(b.zx,{color:"grey",onClick:function(){v({type:"ADD_VARIATION"})},startIcon:"add",sx:{position:"relative"},children:"Add a variation"})]})})]})}),(0,i.jsx)(eg.Z,{slices:j([o]),defaultVariationSelector:w,onUploadSuccess:S}),(0,i.jsx)(ey,{isOpen:(null==h?void 0:h.type)==="RENAME_VARIATION",onClose:function(){v(void 0)},slice:o,variation:null==h?void 0:h.variation}),(0,i.jsx)(ef,{isOpen:(null==h?void 0:h.type)==="DELETE_VARIATION",onClose:function(){v(void 0)},slice:o,variation:null==h?void 0:h.variation}),(0,i.jsx)(eT,{initialVariation:s,isOpen:(null==h?void 0:h.type)==="ADD_VARIATION",onClose:function(){v(void 0)},onSubmit:(n=(0,l.Z)(function(e,n,t){var i,r,a,l,s,d;return(0,u.__generator)(this,function(u){switch(u.label){case 0:return u.trys.push([0,2,,3]),r=(i=(0,G.Kp)({slice:o,id:e,name:n,copiedVariation:t})).slice,a=i.variation,[4,(0,m.Ve)(r)];case 1:return u.sent(),k(r),c(r),l=ec.Y.getBuilderPagePathname({libraryName:r.href,sliceName:r.model.name,variationId:a.id}),C.replace(l),[3,3];case 2:return s=u.sent(),d="Could not add variation `".concat(n,"`"),console.error(d,s),ea.Am.error(d),[3,3];case 3:return[2]}})}),function(e,t,i){return n.apply(this,arguments)}),variations:o.model.variations})]})},eZ=function(e){var n=e.screenshotChangesModal,t=e.setDialog,r=e.width,o=g(),a=o.slice,l=o.variation,u=o.setSlice,d={scrollSnapAlign:"start"};return(0,i.jsx)(i.Fragment,{children:a.model.variations.map(function(e){return(0,i.jsx)("div",{style:void 0!==r?(0,c.Z)((0,s.Z)({},d),{width:r}):d,children:(0,i.jsx)(es.b,{action:{type:"menu",onRename:function(){t({type:"RENAME_VARIATION",variation:e})},onRemove:function(){t({type:"DELETE_VARIATION",variation:e})},removeDisabled:a.model.variations.length<=1},mode:"navigation",onUpdateScreenshot:function(){n.onOpenModal({sliceFilterFn:function(e){return e},defaultVariationSelector:{sliceID:a.model.id,variationID:e.id},onUploadSuccess:function(e){u(e)}})},replace:!0,selected:e.id===l.id,slice:a,variant:"outlined",variationId:e.id},e.id)},e.id)})})},eD=function(){var e=g(),n=e.slice,t=e.actionQueueStatus,r=(0,b.ac)({max:"large"});return(0,i.jsxs)(L.LN,{children:[(0,i.jsxs)(L.wd,{children:[(0,i.jsx)(L.Xq,{url:"/slices"}),(0,i.jsxs)(L.Cx,{children:[(0,i.jsx)(w.g,{children:"Slices"}),(0,i.jsx)(w.g,{active:!0,children:n.model.name})]}),(0,i.jsxs)(L.K2,{children:[(0,i.jsx)(S.X,{status:t}),(0,i.jsx)(q,{disabled:"done"!==t})]})]}),(0,i.jsxs)(L.RN,{children:[(0,i.jsxs)(b.xu,(0,c.Z)((0,s.Z)({display:"grid",alignItems:"flex-start",gap:16},r?{gridTemplateRows:"304px 1fr"}:{gridTemplateColumns:"320px 1fr"}),{children:[(0,i.jsx)(eE,{horizontalScroll:r}),(0,i.jsx)(eo,{})]})),(0,i.jsx)(_,{})]})]})};function e_(){var e=(0,a.useRouter)(),n=(0,j.Z)(),t=n.slice,r=n.variation;return void 0===t||void 0===r?(e.replace("/"),null):(0,i.jsx)(y,{initialSlice:t,children:function(e){var n=e.slice;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o(),{children:(0,i.jsxs)("title",{children:[n.model.name," - Slice Machine"]})}),(0,i.jsx)(eD,{})]})}})}},61926:function(e){e.exports={label:"RenameVariationModal_label__SLsVs"}},87647:function(e){e.exports={hideScrollbar:"VariationsList_hideScrollbar__kRAKE"}},76473:function(e,n,t){"use strict";t.d(n,{y1:function(){return j}});var i=t(2784);function r(){return(r=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(this,arguments)}t(52322);var o=["shift","alt","meta","mod","ctrl"],a={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 l(e){return(a[e]||e).trim().toLowerCase().replace(/key|digit|numpad|arrow/,"")}function s(e,n){return void 0===n&&(n=","),e.split(n)}function c(e,n,t){void 0===n&&(n="+");var i,a=e.toLocaleLowerCase().split(n).map(function(e){return l(e)});return r({},{alt:a.includes("alt"),ctrl:a.includes("ctrl")||a.includes("control"),shift:a.includes("shift"),meta:a.includes("meta"),mod:a.includes("mod")},{keys:a.filter(function(e){return!o.includes(e)}),description:t})}"undefined"!=typeof document&&(document.addEventListener("keydown",function(e){void 0!==e.key&&f([l(e.key),l(e.code)])}),document.addEventListener("keyup",function(e){void 0!==e.key&&m([l(e.key),l(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 h(e,n){var t=e.target;void 0===n&&(n=!1);var i=t&&t.tagName;return d(n)?Boolean(i&&n&&n.some(function(e){return e.toLowerCase()===i.toLowerCase()})):Boolean(i&&n&&!0===n)}var v=function(e,n,t){void 0===t&&(t=!1);var i,r,o=n.alt,a=n.meta,s=n.mod,c=n.shift,f=n.ctrl,m=n.keys,h=e.key,v=e.code,p=e.ctrlKey,x=e.metaKey,y=e.shiftKey,g=e.altKey,j=l(v),b=h.toLowerCase();if(!t){if(!g===o&&"alt"!==b||!y===c&&"shift"!==b)return!1;if(s){if(!x&&!p)return!1}else if(!x===a&&"meta"!==b&&"os"!==b||!p===f&&"ctrl"!==b&&"control"!==b)return!1}return!!(m&&1===m.length&&(m.includes(b)||m.includes(j)))||(m?(void 0===r&&(r=","),(d(i=m)?i:i.split(r)).every(function(e){return u.has(e.trim().toLowerCase())})):!m)},p=(0,i.createContext)(void 0),x=(0,i.createContext)({hotkeys:[],enabledScopes:[],toggleScope:function(){},enableScope:function(){},disableScope:function(){}}),y=function(e){e.stopPropagation(),e.preventDefault(),e.stopImmediatePropagation()},g="undefined"!=typeof window?i.useLayoutEffect:i.useEffect;function j(e,n,t,r){var o,a,u=(0,i.useRef)(null),j=(0,i.useRef)(!1),b=t instanceof Array?r instanceof Array?void 0:r:t,w=d(e)?e.join(null==b?void 0:b.splitKey):e,S=t instanceof Array?t:r instanceof Array?r:void 0,C=(0,i.useCallback)(n,null!=S?S:[]),k=(0,i.useRef)(C);S?k.current=C: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(i,r){return i&&e(n[r],t[r])},!0):n===t}((a=(0,i.useRef)(void 0)).current,b)&&(a.current=b),a.current),T=(0,i.useContext)(x).enabledScopes,R=(0,i.useContext)(p);return g(function(){if((null==I?void 0:I.enabled)!==!1&&(e=T,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,i;if(void 0===n&&(n=!1),!(h(e,["input","textarea","select"])&&!h(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)&&s(w,null==I?void 0:I.splitKey).forEach(function(t){var i,r,o,a,l,s,u,d=c(t,null==I?void 0:I.combinationKey);if(v(e,d,null==I?void 0:I.ignoreModifiers)||null!=(u=d.keys)&&u.includes("*")){if(n&&j.current)return;if(i=e,r=d,("function"==typeof(o=null==I?void 0:I.preventDefault)&&o(i,r)||!0===o)&&i.preventDefault(),a=e,l=d,"function"==typeof(s=null==I?void 0:I.enabled)?!s(a,l):!0!==s&&void 0!==s){y(e);return}k.current(e,d),n||(j.current=!0)}})}},i=function(e){void 0!==e.key&&(f(l(e.code)),((null==I?void 0:I.keydown)===void 0&&(null==I?void 0:I.keyup)!==!0||null!=I&&I.keydown)&&t(e))},r=function(e){void 0!==e.key&&(m(l(e.code)),j.current=!1,null!=I&&I.keyup&&t(e,!0))},o=u.current||(null==b?void 0:b.document)||document;return o.addEventListener("keyup",r),o.addEventListener("keydown",i),R&&s(w,null==I?void 0:I.splitKey).forEach(function(e){return R.addHotkey(c(e,null==I?void 0:I.combinationKey,null==I?void 0:I.description))}),function(){o.removeEventListener("keyup",r),o.removeEventListener("keydown",i),R&&s(w,null==I?void 0:I.splitKey).forEach(function(e){return R.removeHotkey(c(e,null==I?void 0:I.combinationKey,null==I?void 0:I.description))})}}},[w,I,T]),u}}},function(e){e.O(0,[898,789,917,525,461,139,183,50,543,696,816,574,152,774,888,179],function(){return e(e.s=31314)}),_N_E=e.O()}]);

package/out/_next/static/chunks/pages/slices-9894ce968d74baf6.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[436],{74600:function(e,n,t){var i=t(34311),r=t(23779),o=i(function(e,n,t){return e+(t?" ":"")+r(n)});e.exports=o},26688:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/slices",function(){return t(90217)}])},61107:function(e,n,t){"use strict";t.d(n,{z:function(){return d}});var i=t(62230),r=t(85244),o=t(98240),l=t(52322),s=t(2784),c=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,s.forwardRef)(function(e,n){var t=e.label,s=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)(c.zx,(0,r.Z)((0,i.Z)({ref:n,sx:(0,i.Z)((0,r.Z)((0,i.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)(c.$j,{size:b,color:u(S),"data-testid":a(C["data-testid"],"spinner")}),s&&t]}):(0,l.jsxs)(l.Fragment,{children:[s&&(0,l.jsx)(s,{size:b,fill:g,"data-testid":a(C["data-testid"],"icon")}),t]})}))})},13330:function(e,n,t){"use strict";t.d(n,{c:function(){return S}});var i=t(22710),r=t(62230),o=t(85244),l=t(99267),s=t(52322),c=t(2784),a=t(36131),u=t(75289),d=t(12189),f=t(88932),m=t(74029),p=t(55197),h=t(7604);function x(){return(x=(0,i.Z)(function(e){var n,t,i,r,o,s,c;return(0,l.__generator)(this,function(l){switch(l.label){case 0:n=e.sliceName,t=e.libraryName,i=e.onSuccess,l.label=1;case 1:return l.trys.push([1,4,,5]),r=(0,m.fo)(n),[4,h.j.slices.createSlice({libraryID:t,model:r})];case 2:if((o=l.sent().errors).length>0)throw o;return d.Xe.track({event:"slice:created",id:(0,p.MP)(n),name:n,library:t}),[4,i(r)];case 3:return l.sent(),[3,5];case 4:return s=l.sent(),c="An unexpected error happened while creating slice ".concat(n,"."),console.error(c,s),f.Am.error(c),[3,5];case 5:return[2]}})})).apply(this,arguments)}var v=t(35393),y=t(4995),b=t(7342),g=t(44570),j=t(41434),S=function(e){var n,t=e.onClose,f=e.onSuccess,m=e.localLibraries,p=e.remoteSlices,h=(0,b.Z)().createSliceSuccess,S=(0,c.useState)(!1),C=S[0],w=S[1],k=(0,v.g)().syncChanges,I=(n=(0,i.Z)(function(e){var n,t;return(0,l.__generator)(this,function(r){switch(r.label){case 0:var o;return n=e.sliceName,t=e.from,w(!0),[4,function(e){return x.apply(this,arguments)}({sliceName:n,libraryName:t,onSuccess:(o=(0,i.Z)(function(e){var n;return(0,l.__generator)(this,function(n){switch(n.label){case 0:return[4,(0,d.y0)()];case 1:return h(n.sent().libraries),f(e,t),k(),[2]}})}),function(e){return o.apply(this,arguments)})})];case 1:return r.sent(),[2]}})}),function(e){return n.apply(this,arguments)});return(0,s.jsx)(y.Z,{testId:"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,j.h)(e,m,p)},content:{title:"Create a new slice"},children:function(e){var n=e.touched,t=e.values,i=e.setFieldValue,l=e.errors;return(0,s.jsxs)(u.xu,{children:[(0,s.jsx)(g.W,{name:"sliceName",label:"Slice Name",placeholder:"Pascalised Slice API ID (e.g. TextBlock)",error:n.sliceName?l.sliceName:void 0,testId:"slice-name-input"}),(0,s.jsx)(u.__,{htmlFor:"from",sx:{mb:2},children:"Target Library"}),(0,s.jsx)(a.ZP,{name:"from",options:m.map(function(e){return{value:e.name,label:e.name}}),onChange:function(e){return e?void i("from",e.value):null},defaultValue:{value:t.from,label:t.from},styles:{option:function(e){return(0,o.Z)((0,r.Z)({},e),{color:"#161618"})}},theme:function(e){return(0,o.Z)((0,r.Z)({},e),{colors:(0,o.Z)((0,r.Z)({},e.colors),{primary:"#E9E8EA"})})},menuPortalTarget:document.body})]})}})}},44570:function(e,n,t){"use strict";t.d(n,{W:function(){return s}});var i=t(62230),r=t(52322),o=t(63397);t(2784);var l=t(75289),s=function(e){var n=e.name,t=e.label,s=e.placeholder,c=e.error,a=e.testId,u=e.onChange;return(0,r.jsxs)(l.xu,{mb:3,children:[(0,r.jsx)(l.__,{htmlFor:n,mb:2,children:t}),(0,r.jsx)(o.gN,(0,i.Z)({name:n,type:"text",placeholder:s,as:l.II,autoComplete:"off"},u?{onChange:u}:null,a?{"data-testid":a}:null)),c?(0,r.jsx)(l.xv,{"data-testid":a?"".concat(a,"-error"):"input-error",sx:{color:"error",mt:1},children:c}):null]})}},41434:function(e,n,t){"use strict";t.d(n,{h:function(){return a}});var i=t(81541),r=t(96009),o=t.n(r),l=t(74600),s=t.n(l),c=t(25978);function a(e,n,t){var r=e.sliceName;if(!r)return{sliceName:"Cannot be empty"};if(!c.xo.exec(r))return{sliceName:"No special characters allowed"};if(s()(o()(r)).replace(/\s/gm,"")!==r.trim())return{sliceName:"Value has to be PascalCased"};if(r.match(/^\d/))return{sliceName:"Value cannot start with a number"};if(c.lS.includes(r))return{sliceName:"".concat(r," is reserved for Slice Machine use")};var l=n.flatMap(function(e){return e.components.map(function(e){return e.model.name})}),a=t.map(function(e){return e.name});if((0,i.Z)(l).concat((0,i.Z)(a)).includes(r))return{sliceName:"Slice name is already taken."}}},26574:function(e,n,t){"use strict";var i=t(62230),r=t(52322),o=t(75289);n.Z=function(e){var n=e.elems,t=e.renderElem,l=e.defineElementKey,s=e.gridTemplateMinPx,c=e.gridGap,a=e.sx;return(0,r.jsx)(o.xu,{as:"section",sx:(0,i.Z)({display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(".concat(void 0===s?"320px":s,", 1fr))"),gridGap:void 0===c?"16px":c,pt:2},a),children:n.map(function(e,n){return e?(0,r.jsx)("span",{children:t(e,n)},"".concat(l(e),"-").concat(n+1)):null})})}},4995:function(e,n,t){"use strict";var i=t(62230),r=t(85244),o=t(52322),l=t(63397),s=t(37149),c=t.n(s),a=t(75289),u=t(61107),d=t(28199),f=t(2978);n.Z=function(e){var n=e.children,t=e.close,s=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.testId,N=e.actionMessage;return c().setAppElement("#__next"),(0,o.jsx)(d.Z,{isOpen:s,shouldCloseOnOverlayClick:!0,onRequestClose:t,contentLabel:y,style:{content:{width:null!=x?x:"900px"}},children:(0,o.jsx)(l.J9,{initialValues:v,validate:function(e){return p?p(e):void 0},onSubmit:function(e){h(e)},children:function(e){var s=e.isValid,c=e.isSubmitting,d=e.values,p=e.errors,h=e.touched,x=e.setFieldValue,v=e.setValues;return(0,o.jsx)(l.l0,(0,r.Z)((0,i.Z)({id:m},null!=I?{"data-testid":I}:null),{children:(0,o.jsx)(f.Z,(0,r.Z)((0,i.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)(a.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)(a.X6,{sx:{fontSize:"20px"},children:y}),(0,o.jsx)(a.x8,{type:"button",onClick:t})]})},Footer:j?null:(0,o.jsxs)(a.kC,{sx:{alignItems:"space-between"},children:[(0,o.jsx)(a.kC,{sx:{fontSize:"14px",alignItems:"center"},children:"function"==typeof N?N(e):N}),(0,o.jsxs)(a.kC,{sx:{ml:"auto"},children:[(0,o.jsx)(a.zx,{mr:2,type:"button",onClick:t,variant:"secondary",disabled:c||C,children:"Cancel"}),(0,o.jsx)(u.z,{label:k,form:m,type:"submit",disabled:!s||c||C,isLoading:c||C,sx:{fontWeight:"400",paddingBlock:"8px",paddingInline:"16px",fontSize:"14px",borderRadius:"4px"}})]})]}),children:n({isValid:s,isSubmitting:c,values:d,errors:p,touched:h,setFieldValue:x,setValues:v})}))}))}})})}},90217:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return Q}});var i=t(81541),r=t(52322),o=t(37577),l=t(97729),s=t.n(l),c=t(5632),a=t(2784),u=t(56580),d=t(88932),f=t(65077),m=t(75289),p=t(42770),h=t(88201),x=t(72484),v=t(63815),y=t(65521),b=t(22710),g=t(99267),j=t(65186),S=t(59326),C=t(7604);function w(){return(w=(0,b.Z)(function(e){var n,t,i,r,o,l,s;return(0,g.__generator)(this,function(c){switch(c.label){case 0:n=e.sliceName,t=e.sliceID,i=e.libraryID,r=e.onSuccess,c.label=1;case 1:return c.trys.push([1,3,,4]),[4,C.j.slices.deleteSlice({libraryID:i,sliceID:t})];case 2:if((o=c.sent().errors).length>0)throw o;return r(),d.Am.success("Successfully deleted slice “".concat(n,"”")),[3,4];case 3:return l=c.sent(),s="An unexpected error happened while deleting slice “".concat(n,"”."),console.error(s,l),d.Am.error(s),[3,4];case 4:return[2]}})})).apply(this,arguments)}var k=t(35393),I=t(61107),N=t(2978),Z=t(28199),L=t(7342),E=function(e){var n,t=e.sliceId,i=e.sliceName,o=e.libName,l=e.isOpen,s=e.onClose,c=(0,a.useState)(!1),u=c[0],d=c[1],f=(0,L.Z)().deleteSliceSuccess,p=(0,k.g)().syncChanges,h=(0,S.B7)().theme,x=(n=(0,b.Z)(function(){return(0,g.__generator)(this,function(e){switch(e.label){case 0:return d(!0),[4,function(e){return w.apply(this,arguments)}({sliceID:t,sliceName:i,libraryID:o,onSuccess:function(){f(t,o),p()}})];case 1:return e.sent(),s(),d(!1),[2]}})}),function(){return n.apply(this,arguments)});return(0,r.jsx)(Z.Z,{isOpen:l,shouldCloseOnOverlayClick:!0,style:{content:{maxWidth:612}},onRequestClose:s,children:(0,r.jsx)(N.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,r.jsxs)(m.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,r.jsxs)(m.kC,{sx:{alignItems:"center"},children:[(0,r.jsx)(j.$vK,{size:20,color:null===(e=h.colors)||void 0===e?void 0:e.greyIcon}),(0,r.jsx)(m.X6,{sx:{fontSize:"14px",fontWeight:"bold",ml:1},children:"Delete Slice"})]}),(0,r.jsx)(m.x8,{type:"button",onClick:s})]})},Footer:function(){return(0,r.jsxs)(m.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,r.jsx)(I.z,{label:"Cancel",variant:"secondary",onClick:s,sx:{mr:"10px",fontWeight:"bold",color:"grey12",borderRadius:6}}),(0,r.jsx)(I.z,{label:"Delete",variant:"danger",isLoading:u,sx:{minHeight:39,minWidth:78},onClick:function(){x()}})]})},children:(0,r.jsxs)(m.nv,{children:["This action will immediately make the following changes:",(0,r.jsxs)("ul",{children:[(0,r.jsxs)("li",{children:["Delete the"," ",(0,r.jsxs)(m.xv,{sx:{fontWeight:"bold"},children:[o,"/",i,"/"]})," ","directory."]}),(0,r.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,r.jsx)("ul",{children:(0,r.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."]})})})},_=t(62230),P=t(85244),A=t(98240),O=t(36887),R=t(12189),z=function(e){var n=e.title,t=e.onCreateNew,i=e.buttonText,o=e.documentationComponent,l=e.videoPublicIdUrl,s=(0,A.Z)(e,["title","onCreateNew","buttonText","documentationComponent","videoPublicIdUrl"]);return(0,r.jsxs)(m.xu,(0,P.Z)((0,_.Z)({sx:{display:"flex",width:"80%",flexWrap:"wrap",justifyContent:"center"}},s),{children:[(0,r.jsx)(m.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,r.jsx)(O.nk,{cloudName:"dmtf1daqp",controls:!0,loop:!0,style:{maxWidth:"100%",objectFit:"contain"},publicId:l,onPlay:function(){R.Xe.track({event:"open-video-tutorials",video:l})}})}),(0,r.jsxs)(m.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,r.jsxs)(m.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,r.jsx)(m.X6,{as:"h3",variant:"heading",sx:{fontSize:"16px",lineHeight:"24px",mb:2},children:n}),(0,r.jsx)(m.xv,{variant:"xs",sx:{lineHeight:"24px",fontSize:"13px"},children:o})]}),(0,r.jsxs)(m.xu,{sx:{display:"flex",p:4,alignItems:"center"},children:[(0,r.jsx)(m.zx,{onClick:t,"data-testid":"empty-state-main-button",sx:{display:"flex",justifyContent:"center",alignItems:"center",flexShrink:0,mr:4},children:i}),(0,r.jsx)(m.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"})]})]})]}))},F=t(13330),D=t(74029),W=t(37806);function T(){return(T=(0,b.Z)(function(e){var n,t,i,r,o,l,s;return(0,g.__generator)(this,function(c){switch(c.label){case 0:n=e.slice,t=e.newSliceName,i=e.onSuccess,c.label=1;case 1:return c.trys.push([1,3,,4]),r=(0,D.PQ)(n,t),[4,C.j.slices.renameSlice({libraryID:n.from,model:W.id.fromSM(r.model)})];case 2:if((o=c.sent().errors).length>0)throw o;return i(r),d.Am.success("Slice name updated"),[3,4];case 3:return l=c.sent(),s="An unexpected error happened while renaming “".concat(n.model.name,"”."),console.error(s,l),d.Am.error(s),[3,4];case 4:return[2]}})})).apply(this,arguments)}var V=t(15933),K=t(4995),B=t(44570),M=t(41434),H=function(e){var n,t,i,o=e.slice,l=e.isOpen,s=e.onClose,c=(0,L.Z)().renameSliceSuccess,a=(0,k.g)().syncChanges,d=(0,u.v9)(function(e){return{localLibs:(0,V.Sd)(e),remoteLibs:(0,V.sT)(e)}}),f=d.localLibs,p=d.remoteLibs,h=null!==(n=null==o?void 0:o.model.name)&&void 0!==n?n:"",x=(i=(0,b.Z)(function(e){return(0,g.__generator)(this,function(n){switch(n.label){case 0:if(!o)return[3,2];return[4,function(e){return T.apply(this,arguments)}({slice:o,newSliceName:e.sliceName,onSuccess:function(e){c(e.from,e.model),a()}})];case 1:n.sent(),s(),n.label=2;case 2:return[2]}})}),function(e){return i.apply(this,arguments)});return(0,r.jsx)(K.Z,{testId:"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:s,buttonLabel:"Rename",onSubmit:function(e){x(e)},initialValues:{sliceName:h},content:{title:"Rename a slice"},validate:function(e){return(0,M.h)(e,f,p)},children:function(e){var n=e.touched,t=e.errors;return(0,r.jsx)(m.xu,{children:(0,r.jsx)(B.W,{name:"sliceName",label:"Slice Name","data-testid":"slice-name-input",placeholder:"Pascalised Slice API ID (e.g. TextBlock)",error:n.sliceName?t.sliceName:void 0,testId:"slice-name-input"})})}})},X=t(26574),U=t(97461),q=t(84562),G=t(25978),Q=function(){var e,n,t,l=(0,c.useRouter)(),b=(0,v.H)(),g=b.modalPayload,j=b.onOpenModal,S=g.sliceFilterFn,C=g.defaultVariationSelector,w=(0,u.v9)(function(e){return{remoteSlices:(0,V.sT)(e),libraries:(0,V.Sd)(e)}}),k=w.remoteSlices,I=w.libraries,N=(0,a.useState)(!1),Z=N[0],L=N[1],_=(0,a.useState)(!1),P=_[0],A=_[1],O=(0,a.useState)(!1),R=O[0],D=O[1],W=I.filter(function(e){return e.isLocal}),T=I.map(function(e){return e.components=(0,i.Z)(e.components).sort(function(e,n){return e.model.name.localeCompare(n.model.name)}),e}),K=(I||[]).map(function(e){return e.components}).flat(),B=K.length,M=(0,a.useState)(),Q=M[0],Y=M[1],$=function(){A(!0)},J=function(){D(!0)};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s(),{children:(0,r.jsx)("title",{children:"Slices - Slice Machine"})}),(0,r.jsxs)(y.LN,{children:[(0,r.jsxs)(y.wd,{children:[(0,r.jsx)(y.Cx,{children:(0,r.jsx)(p.g,{children:"Slices"})}),(null==W?void 0:W.length)!==0&&0!==B?(0,r.jsx)(y.K2,{children:(0,r.jsx)(o.zx,{"data-testid":"create-slice",onClick:function(){L(!0)},startIcon:"add",children:"Create"})}):void 0]}),(0,r.jsxs)(y.RN,{children:[(0,r.jsx)(f.xR,{sx:{display:"flex",flexDirection:"column"},children:T.length>0?(0,r.jsx)(m.kC,{sx:{flex:1,flexDirection:"column"},children:0===B?(0,r.jsx)(m.kC,{sx:{flex:1,justifyContent:"center",alignItems:"center"},children:(0,r.jsx)(z,{title:"What are Slices?",onCreateNew:function(){L(!0)},buttonText:"Create one",videoPublicIdUrl:G.rd,documentationComponent:(0,r.jsxs)(r.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,r.jsx)(m.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"}),"."]}),"data-testid":"slices-table-blank-slate"})}):T.map(function(e){var n=e.name,t=e.isLocal,i=e.components;return(0,r.jsxs)(m.kC,{sx:{flexDirection:"column","&:not(:last-of-type)":{mb:4}},children:[(0,r.jsxs)(m.kC,{sx:{alignItems:"center",justifyContent:"space-between"},children:[(0,r.jsx)(m.kC,{sx:{alignItems:"center",fontSize:3,lineHeight:"48px",fontWeight:"heading",mb:1},children:(0,r.jsx)(m.xv,{children:n})}),!t&&(0,r.jsx)("p",{children:"⚠️ External libraries are read-only"})]}),(0,r.jsx)(X.Z,{elems:i,defineElementKey:function(e){return e.model.name},renderElem:function(e){return(0,r.jsx)(h.b,{action:{type:"menu",onRemove:function(){Y(e),$()},onRename:function(){Y(e),J()}},mode:"navigation",onUpdateScreenshot:function(){j({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,r.jsx)(U.Z,{slices:S(K),defaultVariationSelector:C}),(null==W?void 0:W.length)>0&&Z&&(0,r.jsx)(F.c,{localLibraries:W,remoteSlices:k,onSuccess:function(e,n){var t=e.variations[0].id,i=x.Y.getBuilderPagePathname({libraryName:n,sliceName:e.name,variationId:t});l.push(i),d.Am.success((0,q.kQ)({path:"".concat(n,"/").concat(e.name,"/model.json")}))},onClose:function(){L(!1)}}),(0,r.jsx)(H,{isOpen:R,slice:Q,onClose:function(){D(!1)},"data-testid":"rename-slice-modal"}),(0,r.jsx)(E,{isOpen:P,libName:null!==(e=null==Q?void 0:Q.from)&&void 0!==e?e:"",sliceId:null!==(n=null==Q?void 0:Q.model.id)&&void 0!==n?n:"",sliceName:null!==(t=null==Q?void 0:Q.model.name)&&void 0!==t?t:"",onClose:function(){A(!1)}})]})]})]})}},76473:function(e,n,t){"use strict";t.d(n,{y1:function(){return g}});var i=t(2784);function r(){return(r=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}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 s(e){return(l[e]||e).trim().toLowerCase().replace(/key|digit|numpad|arrow/,"")}function c(e,n){return void 0===n&&(n=","),e.split(n)}function a(e,n,t){void 0===n&&(n="+");var i,l=e.toLocaleLowerCase().split(n).map(function(e){return s(e)});return r({},{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([s(e.key),s(e.code)])}),document.addEventListener("keyup",function(e){void 0!==e.key&&m([s(e.key),s(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 i=t&&t.tagName;return d(n)?Boolean(i&&n&&n.some(function(e){return e.toLowerCase()===i.toLowerCase()})):Boolean(i&&n&&!0===n)}var h=function(e,n,t){void 0===t&&(t=!1);var i,r,o=n.alt,l=n.meta,c=n.mod,a=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=s(h),j=p.toLowerCase();if(!t){if(!b===o&&"alt"!==j||!y===a&&"shift"!==j)return!1;if(c){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===r&&(r=","),(d(i=m)?i:i.split(r)).every(function(e){return u.has(e.trim().toLowerCase())})):!m)},x=(0,i.createContext)(void 0),v=(0,i.createContext)({hotkeys:[],enabledScopes:[],toggleScope:function(){},enableScope:function(){},disableScope:function(){}}),y=function(e){e.stopPropagation(),e.preventDefault(),e.stopImmediatePropagation()},b="undefined"!=typeof window?i.useLayoutEffect:i.useEffect;function g(e,n,t,r){var o,l,u=(0,i.useRef)(null),g=(0,i.useRef)(!1),j=t instanceof Array?r instanceof Array?void 0:r:t,S=d(e)?e.join(null==j?void 0:j.splitKey):e,C=t instanceof Array?t:r instanceof Array?r:void 0,w=(0,i.useCallback)(n,null!=C?C:[]),k=(0,i.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(i,r){return i&&e(n[r],t[r])},!0):n===t}((l=(0,i.useRef)(void 0)).current,j)&&(l.current=j),l.current),N=(0,i.useContext)(v).enabledScopes,Z=(0,i.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,i;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)&&c(S,null==I?void 0:I.splitKey).forEach(function(t){var i,r,o,l,s,c,u,d=a(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(i=e,r=d,("function"==typeof(o=null==I?void 0:I.preventDefault)&&o(i,r)||!0===o)&&i.preventDefault(),l=e,s=d,"function"==typeof(c=null==I?void 0:I.enabled)?!c(l,s):!0!==c&&void 0!==c){y(e);return}k.current(e,d),n||(g.current=!0)}})}},i=function(e){void 0!==e.key&&(f(s(e.code)),((null==I?void 0:I.keydown)===void 0&&(null==I?void 0:I.keyup)!==!0||null!=I&&I.keydown)&&t(e))},r=function(e){void 0!==e.key&&(m(s(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",r),o.addEventListener("keydown",i),Z&&c(S,null==I?void 0:I.splitKey).forEach(function(e){return Z.addHotkey(a(e,null==I?void 0:I.combinationKey,null==I?void 0:I.description))}),function(){o.removeEventListener("keyup",r),o.removeEventListener("keydown",i),Z&&c(S,null==I?void 0:I.splitKey).forEach(function(e){return Z.removeHotkey(a(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,816,152,774,888,179],function(){return e(e.s=26688)}),_N_E=e.O()}]);