slice-machine-ui 2.0.1-beta.2 → 2.0.1-beta.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/out/404.html +1 -1
- package/out/_next/static/{X7RwXU9287GEnS_otxfnK → 53D2ZUwyXASFeSCMXQq5p}/_buildManifest.js +1 -1
- package/out/_next/static/chunks/{188-9180e5802623e311.js → 188-ee59edb19bc752c3.js} +1 -1
- package/out/_next/static/chunks/{339-4822969b973d80f9.js → 339-905c2ce3609b74fe.js} +1 -1
- package/out/_next/static/chunks/pages/{_app-7ba0e41a9a238e84.js → _app-99bd0c842a48960b.js} +31 -31
- package/out/_next/static/chunks/pages/{changelog-3f04a3d8747ae383.js → changelog-fa4f69f69dafb8f0.js} +1 -1
- package/out/_next/static/chunks/pages/{changes-ec62e7eb50d6f2be.js → changes-86bf0b1b09af60fa.js} +1 -1
- package/out/_next/static/chunks/pages/{labs-830dde0b85d6dd01.js → labs-ef915adf4601f422.js} +1 -1
- package/out/_next/static/chunks/pages/{settings-f61144a9387fd6f1.js → settings-99f7a183397cb097.js} +1 -1
- package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/{[variation]-b26298f5ac9df335.js → [variation]-39a4101079834eab.js} +1 -1
- package/out/_next/static/chunks/pages/{slices-d65be4ca817a766d.js → slices-f65c48ab547692c4.js} +1 -1
- package/out/changelog.html +1 -1
- package/out/changes.html +1 -1
- package/out/custom-types/[customTypeId].html +1 -1
- package/out/custom-types.html +1 -1
- package/out/index.html +1 -1
- package/out/labs.html +1 -1
- package/out/page-types/[pageTypeId].html +1 -1
- package/out/settings.html +1 -1
- package/out/slices/[lib]/[sliceName]/[variation]/simulator.html +1 -1
- package/out/slices/[lib]/[sliceName]/[variation].html +1 -1
- package/out/slices.html +1 -1
- package/package.json +3 -3
- package/src/features/masterSliceLibrary/SliceLibraryPreviewModal.tsx +61 -0
- package/src/hooks/useMarketingContent.ts +12 -0
- package/src/icons/MasterSliceLibraryIcon.tsx +19 -0
- package/src/legacy/components/Navigation/index.tsx +32 -15
- /package/out/_next/static/{X7RwXU9287GEnS_otxfnK → 53D2ZUwyXASFeSCMXQq5p}/_ssgManifest.js +0 -0
package/out/_next/static/chunks/pages/{slices-d65be4ca817a766d.js → slices-f65c48ab547692c4.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
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(85317)}])},34226: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]})}))})},56054: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(82770),f=t(88932),m=t(5479),p=t(17384),h=t(81038);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(50950),y=t(6134),b=t(90374),g=t(36960),j=t(98235),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})]})}})}},36960: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]})}},98235: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(63094);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."}}},53420: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})})}},6134: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(34226),d=t(83399),f=t(98898);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})}))}))}})})}},85317: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(22715),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(41730),h=t(56319),x=t(49451),v=t(47731),y=t(38562),b=t(22710),g=t(99267),j=t(65186),S=t(59326),C=t(81038);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(50950),I=t(34226),N=t(98898),Z=t(83399),L=t(90374),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(82770),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(56054),D=t(5479),W=t(23373);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(95200),K=t(6134),B=t(36960),M=t(98235),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(53420),U=t(12773),q=t(6777),G=t(63094),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,614,90,774,888,179],function(){return e(e.s=26688)}),_N_E=e.O()}]);
|
|
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(85317)}])},34226: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]})}))})},56054: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(82770),f=t(88932),m=t(5479),p=t(17384),h=t(81038);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(50950),y=t(6134),b=t(90374),g=t(36960),j=t(98235),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})]})}})}},36960: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]})}},98235: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(63094);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."}}},53420: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})})}},6134: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(34226),d=t(83399),f=t(98898);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})}))}))}})})}},85317: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(22715),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(41730),h=t(56319),x=t(49451),v=t(47731),y=t(12604),b=t(22710),g=t(99267),j=t(65186),S=t(59326),C=t(81038);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(50950),I=t(34226),N=t(98898),Z=t(83399),L=t(90374),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(82770),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(56054),D=t(5479),W=t(23373);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(95200),K=t(6134),B=t(36960),M=t(98235),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(53420),U=t(12773),q=t(6777),G=t(63094),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,614,90,774,888,179],function(){return e(e.s=26688)}),_N_E=e.O()}]);
|
package/out/changelog.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-99bd0c842a48960b.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/183-6ad1d7303abecd2b.js" defer=""></script><script src="/_next/static/chunks/870-0c7a8a9622de78b7.js" defer=""></script><script src="/_next/static/chunks/pages/changelog-fa4f69f69dafb8f0.js" defer=""></script><script src="/_next/static/53D2ZUwyXASFeSCMXQq5p/_buildManifest.js" defer=""></script><script src="/_next/static/53D2ZUwyXASFeSCMXQq5p/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changelog","query":{},"buildId":"53D2ZUwyXASFeSCMXQq5p","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/changes.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/6279e95f6aff22d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6279e95f6aff22d5.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/6279e95f6aff22d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6279e95f6aff22d5.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-99bd0c842a48960b.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/8eec4907-b712959d9f984b68.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/918-5bb55fb464e34768.js" defer=""></script><script src="/_next/static/chunks/614-5130fbdbcfab2d35.js" defer=""></script><script src="/_next/static/chunks/90-2d4bdae13d031364.js" defer=""></script><script src="/_next/static/chunks/pages/changes-86bf0b1b09af60fa.js" defer=""></script><script src="/_next/static/53D2ZUwyXASFeSCMXQq5p/_buildManifest.js" defer=""></script><script src="/_next/static/53D2ZUwyXASFeSCMXQq5p/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changes","query":{},"buildId":"53D2ZUwyXASFeSCMXQq5p","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/a6b6600e19e1c0c1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/a6b6600e19e1c0c1.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/a6b6600e19e1c0c1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/a6b6600e19e1c0c1.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-99bd0c842a48960b.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-6ad1d7303abecd2b.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/210-aee6116139329803.js" defer=""></script><script src="/_next/static/chunks/614-5130fbdbcfab2d35.js" defer=""></script><script src="/_next/static/chunks/569-2ae3e9666f3bf991.js" defer=""></script><script src="/_next/static/chunks/661-aa0b760bb52a7edf.js" defer=""></script><script src="/_next/static/chunks/188-ee59edb19bc752c3.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types/%5BcustomTypeId%5D-982ecf1d799b6bcf.js" defer=""></script><script src="/_next/static/53D2ZUwyXASFeSCMXQq5p/_buildManifest.js" defer=""></script><script src="/_next/static/53D2ZUwyXASFeSCMXQq5p/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types/[customTypeId]","query":{},"buildId":"53D2ZUwyXASFeSCMXQq5p","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/custom-types.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/609c46c5c573c3ed.css" as="style"/><link rel="stylesheet" href="/_next/static/css/609c46c5c573c3ed.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/609c46c5c573c3ed.css" as="style"/><link rel="stylesheet" href="/_next/static/css/609c46c5c573c3ed.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-99bd0c842a48960b.js" defer=""></script><script src="/_next/static/chunks/569-2ae3e9666f3bf991.js" defer=""></script><script src="/_next/static/chunks/339-905c2ce3609b74fe.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types-19c4fe4abeca8a48.js" defer=""></script><script src="/_next/static/53D2ZUwyXASFeSCMXQq5p/_buildManifest.js" defer=""></script><script src="/_next/static/53D2ZUwyXASFeSCMXQq5p/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types","query":{},"buildId":"53D2ZUwyXASFeSCMXQq5p","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/index.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/609c46c5c573c3ed.css" as="style"/><link rel="stylesheet" href="/_next/static/css/609c46c5c573c3ed.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/609c46c5c573c3ed.css" as="style"/><link rel="stylesheet" href="/_next/static/css/609c46c5c573c3ed.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-99bd0c842a48960b.js" defer=""></script><script src="/_next/static/chunks/569-2ae3e9666f3bf991.js" defer=""></script><script src="/_next/static/chunks/339-905c2ce3609b74fe.js" defer=""></script><script src="/_next/static/chunks/pages/index-41fcbf4361de7317.js" defer=""></script><script src="/_next/static/53D2ZUwyXASFeSCMXQq5p/_buildManifest.js" defer=""></script><script src="/_next/static/53D2ZUwyXASFeSCMXQq5p/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"53D2ZUwyXASFeSCMXQq5p","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/labs.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-99bd0c842a48960b.js" defer=""></script><script src="/_next/static/chunks/pages/labs-ef915adf4601f422.js" defer=""></script><script src="/_next/static/53D2ZUwyXASFeSCMXQq5p/_buildManifest.js" defer=""></script><script src="/_next/static/53D2ZUwyXASFeSCMXQq5p/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/labs","query":{},"buildId":"53D2ZUwyXASFeSCMXQq5p","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/a6b6600e19e1c0c1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/a6b6600e19e1c0c1.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/a6b6600e19e1c0c1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/a6b6600e19e1c0c1.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-99bd0c842a48960b.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-6ad1d7303abecd2b.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/210-aee6116139329803.js" defer=""></script><script src="/_next/static/chunks/614-5130fbdbcfab2d35.js" defer=""></script><script src="/_next/static/chunks/569-2ae3e9666f3bf991.js" defer=""></script><script src="/_next/static/chunks/661-aa0b760bb52a7edf.js" defer=""></script><script src="/_next/static/chunks/188-ee59edb19bc752c3.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-886fc28240831dae.js" defer=""></script><script src="/_next/static/53D2ZUwyXASFeSCMXQq5p/_buildManifest.js" defer=""></script><script src="/_next/static/53D2ZUwyXASFeSCMXQq5p/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/page-types/[pageTypeId]","query":{},"buildId":"53D2ZUwyXASFeSCMXQq5p","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/settings.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/ca32882a5d2d8d88.css" as="style"/><link rel="stylesheet" href="/_next/static/css/ca32882a5d2d8d88.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/ca32882a5d2d8d88.css" as="style"/><link rel="stylesheet" href="/_next/static/css/ca32882a5d2d8d88.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-99bd0c842a48960b.js" defer=""></script><script src="/_next/static/chunks/pages/settings-99f7a183397cb097.js" defer=""></script><script src="/_next/static/53D2ZUwyXASFeSCMXQq5p/_buildManifest.js" defer=""></script><script src="/_next/static/53D2ZUwyXASFeSCMXQq5p/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/settings","query":{},"buildId":"53D2ZUwyXASFeSCMXQq5p","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-99bd0c842a48960b.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/72585f70-28b4d7d5384b3703.js" defer=""></script><script src="/_next/static/chunks/18539003-32a73014bab3a789.js" defer=""></script><script src="/_next/static/chunks/756-b11a3060cdc2f2d3.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-9bdb355306fca592.js" defer=""></script><script src="/_next/static/53D2ZUwyXASFeSCMXQq5p/_buildManifest.js" defer=""></script><script src="/_next/static/53D2ZUwyXASFeSCMXQq5p/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]/simulator","query":{},"buildId":"53D2ZUwyXASFeSCMXQq5p","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/8d1871dce67a3b49.css" as="style"/><link rel="stylesheet" href="/_next/static/css/8d1871dce67a3b49.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/8d1871dce67a3b49.css" as="style"/><link rel="stylesheet" href="/_next/static/css/8d1871dce67a3b49.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-99bd0c842a48960b.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-6ad1d7303abecd2b.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/614-5130fbdbcfab2d35.js" defer=""></script><script src="/_next/static/chunks/661-aa0b760bb52a7edf.js" defer=""></script><script src="/_next/static/chunks/90-2d4bdae13d031364.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-39a4101079834eab.js" defer=""></script><script src="/_next/static/53D2ZUwyXASFeSCMXQq5p/_buildManifest.js" defer=""></script><script src="/_next/static/53D2ZUwyXASFeSCMXQq5p/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]","query":{},"buildId":"53D2ZUwyXASFeSCMXQq5p","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/slices.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/f01f60095c76c7fb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/f01f60095c76c7fb.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/f01f60095c76c7fb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/f01f60095c76c7fb.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-99bd0c842a48960b.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/614-5130fbdbcfab2d35.js" defer=""></script><script src="/_next/static/chunks/90-2d4bdae13d031364.js" defer=""></script><script src="/_next/static/chunks/pages/slices-f65c48ab547692c4.js" defer=""></script><script src="/_next/static/53D2ZUwyXASFeSCMXQq5p/_buildManifest.js" defer=""></script><script src="/_next/static/53D2ZUwyXASFeSCMXQq5p/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"53D2ZUwyXASFeSCMXQq5p","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "slice-machine-ui",
|
|
3
|
-
"version": "2.0.1-beta.
|
|
3
|
+
"version": "2.0.1-beta.4",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "A visual builder for your Slice Models with all the tools you need to generate data models and mock CMS content locally.",
|
|
6
6
|
"repository": {
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@radix-ui/react-visually-hidden": "1.0.3",
|
|
38
|
-
"@slicemachine/manager": "0.19.1-beta.
|
|
39
|
-
"start-slicemachine": "0.12.20-beta.
|
|
38
|
+
"@slicemachine/manager": "0.19.1-beta.4",
|
|
39
|
+
"start-slicemachine": "0.12.20-beta.4"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@emotion/react": "11.11.1",
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Box,
|
|
3
|
+
Button,
|
|
4
|
+
Dialog,
|
|
5
|
+
DialogContent,
|
|
6
|
+
DialogHeader,
|
|
7
|
+
Text,
|
|
8
|
+
Video,
|
|
9
|
+
} from "@prismicio/editor-ui";
|
|
10
|
+
|
|
11
|
+
import { telemetry } from "@/apiClient";
|
|
12
|
+
import { useMarketingContent } from "@/hooks/useMarketingContent";
|
|
13
|
+
|
|
14
|
+
type MasterSliceLibraryPreviewModalProps = {
|
|
15
|
+
isOpen: boolean;
|
|
16
|
+
onClose: () => void;
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
export const MasterSliceLibraryPreviewModal: React.FC<
|
|
20
|
+
MasterSliceLibraryPreviewModalProps
|
|
21
|
+
> = ({ isOpen, onClose }) => {
|
|
22
|
+
const { masterSliceLibrary } = useMarketingContent();
|
|
23
|
+
|
|
24
|
+
if (!masterSliceLibrary) return null;
|
|
25
|
+
|
|
26
|
+
const { exampleLinkUrl, codeLinkUrl, previewVideoUrl } = masterSliceLibrary;
|
|
27
|
+
const onGetTheCodeButtonClick = () => {
|
|
28
|
+
void telemetry.track({
|
|
29
|
+
event: "slice-library:beta:code-opened",
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
window.open(codeLinkUrl, "_blank");
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
return (
|
|
36
|
+
<Dialog
|
|
37
|
+
size="small"
|
|
38
|
+
open={isOpen}
|
|
39
|
+
onOpenChange={(open) => !open && onClose()}
|
|
40
|
+
>
|
|
41
|
+
<DialogHeader title="Master Slice Library Generator (BETA)" />
|
|
42
|
+
<DialogContent>
|
|
43
|
+
<Box flexDirection="column" padding={16} gap={16}>
|
|
44
|
+
<Text variant="h2">Create a Master Slice Library</Text>
|
|
45
|
+
<Video src={previewVideoUrl} sizing="contain" autoPlay loop />
|
|
46
|
+
<Text>
|
|
47
|
+
This is an{" "}
|
|
48
|
+
<a href={exampleLinkUrl} target="_blank">
|
|
49
|
+
example slice library
|
|
50
|
+
</a>
|
|
51
|
+
, which provides you with an overview of all your slices in one
|
|
52
|
+
place. Build it yourself in a few steps.
|
|
53
|
+
</Text>
|
|
54
|
+
<Button size="large" onClick={onGetTheCodeButtonClick}>
|
|
55
|
+
Get the code
|
|
56
|
+
</Button>
|
|
57
|
+
</Box>
|
|
58
|
+
</DialogContent>
|
|
59
|
+
</Dialog>
|
|
60
|
+
);
|
|
61
|
+
};
|
|
@@ -17,6 +17,11 @@ type MarketingContent = {
|
|
|
17
17
|
};
|
|
18
18
|
};
|
|
19
19
|
};
|
|
20
|
+
masterSliceLibrary?: {
|
|
21
|
+
exampleLinkUrl: string;
|
|
22
|
+
codeLinkUrl: string;
|
|
23
|
+
previewVideoUrl: string;
|
|
24
|
+
};
|
|
20
25
|
};
|
|
21
26
|
|
|
22
27
|
const CONTENT_BY_ADAPTER: Record<string, MarketingContent> = {
|
|
@@ -38,6 +43,13 @@ const CONTENT_BY_ADAPTER: Record<string, MarketingContent> = {
|
|
|
38
43
|
},
|
|
39
44
|
},
|
|
40
45
|
},
|
|
46
|
+
masterSliceLibrary: {
|
|
47
|
+
exampleLinkUrl: "https://slicify-app.vercel.app/slice-library",
|
|
48
|
+
codeLinkUrl:
|
|
49
|
+
"https://github.com/prismicio-solution-engineering/slicify-library#readme",
|
|
50
|
+
previewVideoUrl:
|
|
51
|
+
"https://res.cloudinary.com/dmtf1daqp/video/upload/v1715957263/Slice_library_video_oemhy0.mp4",
|
|
52
|
+
},
|
|
41
53
|
},
|
|
42
54
|
};
|
|
43
55
|
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { FC, SVGProps } from "react";
|
|
2
|
+
|
|
3
|
+
export const MasterSliceLibraryIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
|
|
4
|
+
<svg
|
|
5
|
+
width="32"
|
|
6
|
+
height="32"
|
|
7
|
+
viewBox="0 0 32 32"
|
|
8
|
+
fill="none"
|
|
9
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
10
|
+
{...props}
|
|
11
|
+
>
|
|
12
|
+
<path
|
|
13
|
+
fillRule="evenodd"
|
|
14
|
+
clipRule="evenodd"
|
|
15
|
+
d="M8.0111 16.3952C7.97946 16.5429 8.01624 16.6969 8.11117 16.8143C8.2061 16.9318 8.34901 17 8.5 17H23.5C23.651 17 23.7939 16.9318 23.8888 16.8143C23.9838 16.6969 24.0205 16.5429 23.9889 16.3952L22.6583 10.1857C22.5101 9.4941 21.8989 9 21.1916 9H14H10.8084C10.1011 9 9.48992 9.4941 9.34171 10.1857L8.0111 16.3952ZM22.8815 16H9.1185L10.3195 10.3952C10.3689 10.1647 10.5727 10 10.8084 10H14H21.1916C21.4274 10 21.6311 10.1647 21.6805 10.3952L22.8815 16ZM8 22.5C8 22.2239 8.22386 22 8.5 22H23.5C23.7761 22 24 22.2239 24 22.5C24 22.7761 23.7761 23 23.5 23H8.5C8.22386 23 8 22.7761 8 22.5ZM8 19.5C8 19.2239 8.22386 19 8.5 19H23.5C23.7761 19 24 19.2239 24 19.5C24 19.7761 23.7761 20 23.5 20H8.5C8.22386 20 8 19.7761 8 19.5Z"
|
|
16
|
+
fill="currentColor"
|
|
17
|
+
/>
|
|
18
|
+
</svg>
|
|
19
|
+
);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Box } from "@prismicio/editor-ui";
|
|
2
2
|
import Link from "next/link";
|
|
3
3
|
import { useRouter } from "next/router";
|
|
4
|
-
import { type FC, Suspense } from "react";
|
|
4
|
+
import { type FC, Suspense, useState } from "react";
|
|
5
5
|
import { useSelector } from "react-redux";
|
|
6
6
|
|
|
7
7
|
import { telemetry } from "@/apiClient";
|
|
@@ -16,11 +16,13 @@ import {
|
|
|
16
16
|
import { ErrorBoundary } from "@/ErrorBoundary";
|
|
17
17
|
import { CUSTOM_TYPES_CONFIG } from "@/features/customTypes/customTypesConfig";
|
|
18
18
|
import { CUSTOM_TYPES_MESSAGES } from "@/features/customTypes/customTypesMessages";
|
|
19
|
+
import { MasterSliceLibraryPreviewModal } from "@/features/masterSliceLibrary/SliceLibraryPreviewModal";
|
|
19
20
|
import { useGitIntegrationExperiment } from "@/features/settings/git/useGitIntegrationExperiment";
|
|
21
|
+
import { useMarketingContent } from "@/hooks/useMarketingContent";
|
|
20
22
|
import { useRepositoryInformation } from "@/hooks/useRepositoryInformation";
|
|
21
23
|
import { FolderIcon } from "@/icons/FolderIcon";
|
|
22
24
|
import { LightningIcon } from "@/icons/Lightning";
|
|
23
|
-
import {
|
|
25
|
+
import { MasterSliceLibraryIcon } from "@/icons/MasterSliceLibraryIcon";
|
|
24
26
|
import { SettingsIcon } from "@/icons/SettingsIcon";
|
|
25
27
|
import VideoItem from "@/legacy/components/Navigation/VideoItem";
|
|
26
28
|
import { userHasSeenTutorialsToolTip } from "@/modules/userContext";
|
|
@@ -44,6 +46,9 @@ const Navigation: FC = () => {
|
|
|
44
46
|
const { repositoryName, repositoryDomain, repositoryUrl } =
|
|
45
47
|
useRepositoryInformation();
|
|
46
48
|
const gitIntegrationExperiment = useGitIntegrationExperiment();
|
|
49
|
+
const [isSliceLibraryDialogOpen, setIsSliceLibraryDialogOpen] =
|
|
50
|
+
useState(false);
|
|
51
|
+
const { masterSliceLibrary } = useMarketingContent();
|
|
47
52
|
|
|
48
53
|
return (
|
|
49
54
|
<SideNav>
|
|
@@ -118,19 +123,31 @@ const Navigation: FC = () => {
|
|
|
118
123
|
</ErrorBoundary>
|
|
119
124
|
|
|
120
125
|
<SideNavList position="bottom">
|
|
121
|
-
|
|
122
|
-
<
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
126
|
+
{masterSliceLibrary !== undefined && (
|
|
127
|
+
<SideNavListItem>
|
|
128
|
+
<MasterSliceLibraryPreviewModal
|
|
129
|
+
isOpen={isSliceLibraryDialogOpen}
|
|
130
|
+
onClose={() => {
|
|
131
|
+
setIsSliceLibraryDialogOpen(false);
|
|
132
|
+
}}
|
|
133
|
+
/>
|
|
134
|
+
<SideNavLink
|
|
135
|
+
title="Master Slice Library"
|
|
136
|
+
href={"/"}
|
|
137
|
+
Icon={MasterSliceLibraryIcon}
|
|
138
|
+
onClick={(e) => {
|
|
139
|
+
void telemetry.track({
|
|
140
|
+
event: "slice-library:beta:modal-opened",
|
|
141
|
+
});
|
|
142
|
+
|
|
143
|
+
setIsSliceLibraryDialogOpen(true);
|
|
144
|
+
|
|
145
|
+
// We don't want it to actually navigate anywhere, but `href` is required
|
|
146
|
+
e.preventDefault();
|
|
147
|
+
}}
|
|
148
|
+
/>
|
|
149
|
+
</SideNavListItem>
|
|
150
|
+
)}
|
|
134
151
|
|
|
135
152
|
<ErrorBoundary>
|
|
136
153
|
<Suspense>
|
|
File without changes
|