slice-machine-ui 2.18.1-alpha.jp-unauthorized-error-improvement.8 → 2.18.1-alpha.jp-remove-shared-onboarding-experiment.2
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/7uIqfRATU8iBj2XIUVUvD/_buildManifest.js +1 -0
- package/out/_next/static/chunks/157-fa8b348c960c8283.js +3 -0
- package/out/_next/static/chunks/{248-a9c33f7fbe2da2f1.js → 248-bcd84e3d28d25f54.js} +1 -1
- package/out/_next/static/chunks/256-07f768a2b19b0a0e.js +4 -0
- package/out/_next/static/chunks/34-ca8515dda61c7c8a.js +1 -0
- package/out/_next/static/chunks/344-fdb3008f4bb3b0c1.js +1 -0
- package/out/_next/static/chunks/484-3e011e79c41f0342.js +1 -0
- package/out/_next/static/chunks/{489-a046ae0fa4f74435.js → 489-d85cd66ad0405bee.js} +1 -1
- package/out/_next/static/chunks/500-d3989390f5e8da53.js +1 -0
- package/out/_next/static/chunks/52d4c156-89c6ec6efca0a0bb.js +1 -0
- package/out/_next/static/chunks/630-7e1844076846ca4d.js +1 -0
- package/out/_next/static/chunks/{647-4379a741c8d85d9e.js → 647-aa094286bc248d52.js} +1 -1
- package/out/_next/static/chunks/{907-445266211c48b1a5.js → 907-180eb33eefccc237.js} +1 -1
- package/out/_next/static/chunks/a6495ab1.00190ac98e794d8f.js +28 -0
- package/out/_next/static/chunks/pages/{_app-6ee99840ce68524b.js → _app-d31f7ba82a417786.js} +212 -212
- package/out/_next/static/chunks/pages/{changelog-3901f2fc937d9648.js → changelog-fbed93d315cb5429.js} +1 -1
- package/out/_next/static/chunks/pages/changes-2d9f27b360c0f73d.js +1 -0
- package/out/_next/static/chunks/pages/custom-types/{[customTypeId]-816acb31b652239b.js → [customTypeId]-af9376721beb489e.js} +1 -1
- package/out/_next/static/chunks/pages/{labs-dd04033db23a58f3.js → labs-34147f008c958a89.js} +1 -1
- package/out/_next/static/chunks/pages/page-types/{[pageTypeId]-669d5479e81b638b.js → [pageTypeId]-a24665e91b882169.js} +1 -1
- package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]/{simulator-f237aaa755dc9a99.js → simulator-761a04bb54f8d60b.js} +1 -1
- package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]-dac1c4223724ff24.js +1 -0
- package/out/_next/static/chunks/pages/slices-08fad24cf5a81c9c.js +1 -0
- package/out/_next/static/chunks/webpack-24ddb02bea621501.js +1 -0
- package/out/_next/static/css/{303dad78be1eb854.css → bc89f2cd4e4781f5.css} +1 -1
- package/out/_next/static/css/e8e03c0d4003d1eb.css +1 -0
- 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/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 +6 -6
- package/src/{features/errorBoundaries/DefaultErrorBoundary.tsx → ErrorBoundary.tsx} +2 -2
- package/src/features/auth/LogoutButton.tsx +36 -42
- package/src/features/builder/fields/contentRelationship/ContentRelationshipFieldPicker.tsx +3 -3
- package/src/features/changes/StatusBadge.tsx +9 -1
- package/src/features/customTypes/customTypesBuilder/PageSnippetDialog/PageSnippetDialog.tsx +3 -3
- package/src/features/customTypes/customTypesTable/CustomTypesTablePage.tsx +3 -3
- package/src/features/environments/actions/setEnvironment.ts +18 -0
- package/src/features/environments/useActiveEnvironment.ts +9 -17
- package/src/features/environments/useEnvironments.ts +8 -11
- package/src/features/labs/labsList/LabsPage.tsx +3 -3
- package/src/features/navigation/Navigation.tsx +8 -7
- package/src/features/navigation/RepositoryInfo.tsx +24 -18
- package/src/features/onboarding/OnboardingGuide.tsx +2 -5
- package/src/features/onboarding/useOnboarding.ts +1 -14
- package/src/features/slices/sliceBuilder/FloatingBackButton.tsx +3 -3
- package/src/features/sync/AutoSyncProvider.tsx +2 -2
- package/src/features/sync/getUnSyncChanges.ts +3 -1
- package/src/legacy/components/AppLayout/index.tsx +85 -10
- package/src/legacy/components/ChangesEmptyState/AuthErrorPage.tsx +44 -0
- package/src/legacy/components/ChangesEmptyState/index.ts +1 -1
- package/src/legacy/components/ChangesItems/ChangesItems.tsx +3 -3
- package/src/legacy/components/LoginModal/index.tsx +6 -14
- package/src/legacy/components/Navigation/ChangesItem.tsx +48 -96
- package/src/legacy/components/Navigation/Environment.tsx +7 -2
- package/src/legacy/components/Navigation/SideNavEnvironmentSelector/SideNavEnvironmentSelector.tsx +8 -3
- package/src/legacy/components/Simulator/index.tsx +3 -3
- package/src/legacy/lib/builders/CustomTypeBuilder/TabZone/index.tsx +3 -3
- package/src/modules/userContext/index.ts +5 -5
- package/src/modules/userContext/types.ts +3 -2
- package/src/pages/_app.tsx +95 -93
- package/src/pages/changes.tsx +5 -4
- package/test/__testutils__/index.tsx +10 -13
- package/out/_next/static/0C8VxwongjXZwHPchBnOi/_buildManifest.js +0 -1
- package/out/_next/static/chunks/04ad993f.d7f986af0f739cc9.js +0 -28
- package/out/_next/static/chunks/34-50c64778da33cff6.js +0 -1
- package/out/_next/static/chunks/349-7118116b93278f73.js +0 -4
- package/out/_next/static/chunks/429-1137c819c2bf6b66.js +0 -3
- package/out/_next/static/chunks/50-586dc7ab5e584e76.js +0 -1
- package/out/_next/static/chunks/630-eae75e90b30f201a.js +0 -1
- package/out/_next/static/chunks/pages/changes-c58a60af39167147.js +0 -1
- package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]-e6bc7cc6186d6a0f.js +0 -1
- package/out/_next/static/chunks/pages/slices-bf63f937b184b470.js +0 -1
- package/out/_next/static/chunks/webpack-e0c07a2fe4908d81.js +0 -1
- package/out/_next/static/css/cdee5b195444f185.css +0 -1
- package/src/features/environments/actions/useSetEnvironment.ts +0 -22
- package/src/features/errorBoundaries/AppStateErrorBoundary.tsx +0 -108
- package/src/features/errorBoundaries/index.ts +0 -2
- package/src/features/onboarding/useSharedOnboardingExperiment.ts +0 -6
- package/src/legacy/components/ChangesEmptyState/UnauthenticatedView.tsx +0 -31
- package/src/queryClient.tsx +0 -24
- /package/out/_next/static/{0C8VxwongjXZwHPchBnOi → 7uIqfRATU8iBj2XIUVUvD}/_ssgManifest.js +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[436],{74600:function(e,t,n){var i=n(34311),o=n(23779),r=i(function(e,t,n){return e+(n?" ":"")+o(t)});e.exports=r},26688:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/slices",function(){return n(31562)}])},34166:function(e,t,n){"use strict";n.d(t,{nZ:function(){return d},rT:function(){return f},tB:function(){return u}});var i=n(52322),o=n(14226),r=n(2784),l=n(30195),s=n(94160),c=n(76611),a=n(5683);function d(e){let{type:t,library:n,sliceId:i,variationId:o,langSmithUrl:r}=e,l=(0,a.i)({type:t,library:n,sliceId:i,variationId:o}),s=JSON.stringify({langSmithUrl:r});localStorage.setItem(l,s)}function u(e){let{type:t,library:n,sliceId:i,variationId:o}=e,r=(0,a.i)({type:t,library:n,sliceId:i,variationId:o});localStorage.removeItem(r)}function f(e){let{type:t,library:n,sliceId:d,variationId:u}=e,{key:f,value:m,done:x}=function(e){let{type:t,library:n,sliceId:i,variationId:o}=e,r=(0,a.i)({type:t,library:n,sliceId:i,variationId:o}),[s,d]=(0,c.V)(r,void 0,{schema:l.z.object({langSmithUrl:l.z.string().url().optional()})});return{key:r,value:s,done:()=>d(void 0)}}({type:t,library:n,sliceId:d,variationId:u}),[h,p]=(0,r.useState)(),v=e=>()=>{m&&(p(f),s.Xe.track({event:"slice-generation-feedback",type:t,sliceId:d,variationId:u,feedback:e,langSmithUrl:m.langSmithUrl}),x())};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.be,{children:(0,i.jsx)(o.bQ,{anchor:(0,i.jsx)(o.D,{width:"100%",justifyContent:"center",position:"absolute",bottom:64}),icon:"check",title:"Thanks for your feedback!",seconds:2,open:!!h,onOpenChange:e=>{e||p(void 0)}},h)}),(0,i.jsx)(o.i,{children:m&&(0,i.jsxs)(o.D,{flexDirection:"row",justifyContent:"end",gap:8,alignItems:"center",children:[(0,i.jsx)(o.bL,{color:"grey11",children:"Did the AI get it right?"}),(0,i.jsxs)(o.D,{flexDirection:"row",gap:4,children:[(0,i.jsx)(o.c3,{side:"bottom",sideOffset:4,variant:"text",content:"Looks good",children:(0,i.jsx)(o.aZ,{variant:"solid",size:"small",icon:"thumbUp",onClick:v("up")})}),(0,i.jsx)(o.c3,{side:"bottom",sideOffset:4,variant:"text",content:"Needs improvement",children:(0,i.jsx)(o.aZ,{variant:"solid",size:"small",icon:"thumbDown",onClick:v("down")})})]})]})})]})}},76611:function(e,t,n){"use strict";n.d(t,{V:function(){return o}});var i=n(2784);function o(e,t,n){let{schema:o}=null!=n?n:{},r=()=>{try{let n=localStorage.getItem(e);if(null==n)return t;if(!o)return JSON.parse(n);return o.parse(JSON.parse(n))}catch(e){return t}},[l,s]=(0,i.useState)(r),[c,a]=(0,i.useState)(e);return c!==e&&(a(e),s(r())),[l,(0,i.useCallback)(n=>{s(i=>{let o;if(void 0===(o="function"==typeof n?n(i):n)){try{localStorage.removeItem(e)}catch(e){return i}return t}try{localStorage.setItem(e,JSON.stringify(o))}catch(e){return i}return o})},[e,t])]}},33986:function(e,t,n){"use strict";n.d(t,{z:function(){return c}});var i=n(52322),o=n(2784),r=n(75289);let l=(e,t)=>e?"".concat(e,"-").concat(t):"",s=e=>{switch(e){case"white":case"secondaryMedium":case"secondarySmall":case"secondary":return"#1A1523";default:return"grey01"}},c=(0,o.forwardRef)((e,t)=>{let{label:n,Icon:o,type:c,form:a,isLoading:d=!1,disabled:u=!1,onClick:f,sx:m={},iconSize:x=16,iconFill:h,variant:p="primary",...v}=e;return(0,i.jsx)(r.zx,{ref:t,sx:{...m,display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",...d?{cursor:"wait !important"}:{}},type:c,form:a,disabled:u||d,onClick:d?void 0:f,variant:p,...v,children:d?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.$j,{size:x,color:s(p),"data-testid":l(v["data-testid"],"spinner")}),o&&n]}):(0,i.jsxs)(i.Fragment,{children:[o&&(0,i.jsx)(o,{size:x,fill:h,"data-testid":l(v["data-testid"],"icon")}),n]})})})},46999:function(e,t,n){"use strict";n.d(t,{W:function(){return l}});var i=n(52322),o=n(63397);n(2784);var r=n(75289);let l=e=>{let{name:t,label:n,placeholder:l,error:s,testId:c,onChange:a}=e;return(0,i.jsxs)(r.xu,{mb:3,children:[(0,i.jsx)(r.__,{htmlFor:t,mb:2,children:n}),(0,i.jsx)(o.gN,{name:t,type:"text",placeholder:l,as:r.II,autoComplete:"off",...a?{onChange:a}:null,...c?{"data-testid":c}:null}),s?(0,i.jsx)(r.xv,{"data-testid":c?"".concat(c,"-error"):"input-error",sx:{color:"error",mt:1},children:s}):null]})}},59532:function(e,t,n){"use strict";var i=n(52322),o=n(63397),r=n(37149),l=n.n(r),s=n(75289),c=n(33986),a=n(55862),d=n(30527);function u(e){let{children:t}=e,n=(0,d.W)();return(0,i.jsx)(s.kC,{sx:{position:"sticky",top:0,zIndex:1,p:"16px",pl:4,bg:"headSection",alignItems:"center",justifyContent:"space-between",borderTopLeftRadius:n,borderTopRightRadius:n,borderBottom:e=>{var t;return"1px solid ".concat(null===(t=e.colors)||void 0===t?void 0:t.borders)}},children:t})}t.Z=function(e){let{children:t,close:n,isOpen:r,formId:f,validate:m,onSubmit:x,widthInPx:h,initialValues:p,content:{title:v},cardProps:y,omitFooter:g=!1,isLoading:b=!1,buttonLabel:j="Save",testId:S,actionMessage:k}=e;return l().setAppElement("#__next"),(0,i.jsx)(a.Z,{isOpen:r,shouldCloseOnOverlayClick:!0,onRequestClose:n,contentLabel:v,style:{content:{width:null!=h?h:"900px"}},children:(0,i.jsx)(o.J9,{initialValues:p,validate:e=>m?m(e):void 0,onSubmit:e=>{x(e)},children:e=>{let{isValid:r,isSubmitting:l,values:a,errors:m,touched:x,setFieldValue:h,setValues:p}=e;return(0,i.jsx)(o.l0,{id:f,...null!=S?{"data-testid":S}:null,children:(0,i.jsx)(d.Z,{borderFooter:!0,footerSx:{p:3,position:"sticky",bottom:0,background:"gray"},bodySx:{px:4,py:4},sx:{border:"none"},...y,Header:(0,i.jsxs)(u,{children:[(0,i.jsx)(s.X6,{sx:{fontSize:"20px"},children:v}),(0,i.jsx)(s.x8,{type:"button",onClick:n})]}),Footer:g?null:(0,i.jsxs)(s.kC,{sx:{alignItems:"space-between"},children:[(0,i.jsx)(s.kC,{sx:{fontSize:"14px",alignItems:"center"},children:"function"==typeof k?k(e):k}),(0,i.jsxs)(s.kC,{sx:{ml:"auto"},children:[(0,i.jsx)(s.zx,{mr:2,type:"button",onClick:n,variant:"secondary",disabled:l||b,children:"Cancel"}),(0,i.jsx)(c.z,{label:j,form:f,type:"submit",disabled:!r||l||b,isLoading:l||b,sx:{fontWeight:"400",paddingBlock:"8px",paddingInline:"16px",fontSize:"14px",borderRadius:"4px"}})]})]}),children:t({isValid:r,isSubmitting:l,values:a,errors:m,touched:x,setFieldValue:h,setValues:p})})})}})})}},31562:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return V}});var i=n(52322),o=n(14226),r=n(97729),l=n.n(r),s=n(5632),c=n(2784),a=n(56580),d=n(88932),u=n(65077),f=n(75289),m=n(43388),x=n(91589),h=n(27213),p=n(51507),v=n(27763),y=n(21442),g=n(58446),b=n(65186),j=n(59326),S=n(34166),k=n(80148);async function w(e){let{sliceName:t,sliceID:n,libraryID:i,sliceVariationIds:o,onSuccess:r}=e;try{let{errors:e}=await k.managerClient.slices.deleteSlice({libraryID:i,sliceID:n});if(e.length>0)throw e;o.forEach(e=>{(0,S.tB)({type:"model",library:i,sliceId:n,variationId:e})}),r(),d.Am.success("Successfully deleted slice “".concat(t,"”"))}catch(n){let e="An unexpected error happened while deleting slice “".concat(t,"”.");console.error(e,n),d.Am.error(e)}}var C=n(68968),I=n(33986),L=n(30527),E=n(55862),O=n(54597);let R=e=>{var t;let{isOpen:n,libName:o,sliceId:r,sliceName:l,sliceVariationIds:s,onClose:a}=e,[d,u]=(0,c.useState)(!1),{deleteSliceSuccess:m}=(0,O.Z)(),{syncChanges:x}=(0,C.g)(),{theme:h}=(0,j.B7)(),p=async()=>{u(!0),await w({libraryID:o,sliceID:r,sliceName:l,sliceVariationIds:s,onSuccess:()=>{m(r,o),x()}}),a(),u(!1)};return(0,i.jsx)(E.Z,{isOpen:n,shouldCloseOnOverlayClick:!0,style:{content:{maxWidth:612}},onRequestClose:a,children:(0,i.jsx)(L.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:(0,i.jsxs)(f.kC,{sx:{position:"sticky",background:"gray",top:0,zIndex:1,p:"16px",alignItems:"center",justifyContent:"space-between",borderBottom:e=>{var t;return"1px solid ".concat(String(null===(t=e.colors)||void 0===t?void 0:t.borders))}},children:[(0,i.jsxs)(f.kC,{sx:{alignItems:"center"},children:[(0,i.jsx)(b.$vK,{size:20,color:null===(t=h.colors)||void 0===t?void 0:t.greyIcon}),(0,i.jsx)(f.X6,{sx:{fontSize:"14px",fontWeight:"bold",ml:1},children:"Delete Slice"})]}),(0,i.jsx)(f.x8,{type:"button",onClick:a})]}),Footer:()=>(0,i.jsxs)(f.kC,{sx:{justifyContent:"flex-end",height:64,alignItems:"center",paddingRight:16,borderTop:e=>{var t;return"1px solid ".concat(String(null===(t=e.colors)||void 0===t?void 0:t.darkBorders))},backgroundColor:"gray"},children:[(0,i.jsx)(I.z,{label:"Cancel",variant:"secondary",onClick:a,sx:{mr:"10px",fontWeight:"bold",color:"grey12",borderRadius:6}}),(0,i.jsx)(I.z,{label:"Delete",variant:"danger",isLoading:d,sx:{minHeight:39,minWidth:78},onClick:()=>{p()}})]}),children:(0,i.jsxs)(f.nv,{children:["This action will immediately make the following changes:",(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:["Delete the"," ",(0,i.jsxs)(f.xv,{sx:{fontWeight:"bold"},children:[o,"/",l,"/"]})," ","directory."]}),(0,i.jsx)("li",{children:"Remove the Slice from all Slice Zones that use it."})]}),"The next time you push your changes to Prismic, the following change will happen:",(0,i.jsx)("ul",{children:(0,i.jsx)("li",{children:"Remove the Slice from the list of available Slices to use in the Page Builder."})}),"You will need to manually remove the Slice from any Pages that currently use it."]})})})};var A=n(36887),N=n(94160),z=e=>{let{title:t,onCreateNew:n,buttonText:o,documentationComponent:r,videoPublicIdUrl:l,...s}=e;return(0,i.jsxs)(f.xu,{sx:{display:"flex",width:"80%",flexWrap:"wrap",justifyContent:"center"},...s,children:[(0,i.jsx)(f.xu,{sx:e=>{var t;return{display:"flex",flex:1,alignItems:"center",minWidth:"400px",maxWidth:"70%",border:"1px solid ".concat(null===(t=e.colors)||void 0===t?void 0:t.grey02)}},children:(0,i.jsx)(A.nk,{cloudName:"dmtf1daqp",controls:!0,loop:!0,style:{maxWidth:"100%",objectFit:"contain"},publicId:l,onPlay:()=>{N.Xe.track({event:"open-video-tutorials",video:l})}})}),(0,i.jsxs)(f.xu,{sx:e=>{var t;return{bg:"white",display:"flex",flexDirection:"column",border:"1px solid ".concat(null===(t=e.colors)||void 0===t?void 0:t.grey02),flex:1,minWidth:"400px",maxWidth:"70%"}},children:[(0,i.jsxs)(f.xu,{sx:e=>{var t;return{display:"flex",flexDirection:"column",p:4,borderBottom:"1px solid ".concat(null===(t=e.colors)||void 0===t?void 0:t.grey02)}},children:[(0,i.jsx)(f.X6,{as:"h3",variant:"heading",sx:{fontSize:"16px",lineHeight:"24px",mb:2},children:t}),(0,i.jsx)(f.xv,{variant:"xs",sx:{lineHeight:"24px",fontSize:"13px"},children:r})]}),(0,i.jsxs)(f.xu,{sx:{display:"flex",p:4,alignItems:"center"},children:[(0,i.jsx)(f.zx,{onClick:n,"data-testid":"empty-state-main-button",sx:{display:"flex",justifyContent:"center",alignItems:"center",flexShrink:0,mr:4},children:o}),(0,i.jsx)(f.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"})]})]})]})},D=n(6256),W=n(63908),P=n(26109);async function _(e){let{slice:t,newSliceName:n,onSuccess:i}=e;try{let e=(0,W.PQ)(t,n),{errors:o}=await k.managerClient.slices.renameSlice({libraryID:t.from,model:P.id.fromSM(e.model)});if(o.length>0)throw o;i(e),d.Am.success("Slice name updated")}catch(n){let e="An unexpected error happened while renaming “".concat(t.model.name,"”.");console.error(e,n),d.Am.error(e)}}var F=n(7723),Z=n(59532),T=n(46999),B=n(63019);let K=e=>{var t,n;let{slice:o,isOpen:r,onClose:l}=e,{renameSliceSuccess:s}=(0,O.Z)(),{syncChanges:c}=(0,C.g)(),{localLibs:d,remoteLibs:u}=(0,a.v9)(e=>({localLibs:(0,F.Sd)(e),remoteLibs:(0,F.sT)(e)})),m=null!==(t=null==o?void 0:o.model.name)&&void 0!==t?t:"",x=async e=>{o&&(await _({slice:o,newSliceName:e.sliceName,onSuccess:e=>{s(e.from,e.model),c()}}),l())};return(0,i.jsx)(Z.Z,{testId:"rename-slice-modal",isOpen:r,widthInPx:"530px",formId:"rename-slice-modal-".concat(null!==(n=null==o?void 0:o.model.id)&&void 0!==n?n:""),close:l,buttonLabel:"Rename",onSubmit:e=>void x(e),initialValues:{sliceName:m},content:{title:"Rename a slice"},validate:e=>(0,B.h)(e,d,u),children:e=>{let{touched:t,errors:n}=e;return(0,i.jsx)(f.xu,{children:(0,i.jsx)(T.W,{name:"sliceName",label:"Slice Name","data-testid":"slice-name-input",placeholder:"Pascalised Slice API ID (e.g. TextBlock)",error:t.sliceName?n.sliceName:void 0,testId:"slice-name-input"})})}})};var H=n(21151),X=n(68105),U=n(39204),M=n(7974),V=()=>{var e,t,n,r;let b=(0,s.useRouter)(),{modalPayload:j,onOpenModal:S}=(0,y.H)(),{openLoginModal:w}=(0,O.Z)(),C=(0,h.F)({menuType:"Dropdown"}),{sliceFilterFn:I,defaultVariationSelector:L}=j,{remoteSlices:E,libraries:A}=(0,a.v9)(e=>({remoteSlices:(0,F.sT)(e),libraries:(0,F.Sd)(e)})),[N,W]=(0,c.useState)(!1),[P,_]=(0,c.useState)(!1),[Z,T]=(0,c.useState)(!1),[B,V]=(0,c.useState)(!1),J=A.filter(e=>e.isLocal),q=A.map(e=>(e.components=[...e.components].sort((e,t)=>e.model.name.localeCompare(t.model.name)),e)),Q=(A||[]).map(e=>e.components).flat(),Y=Q.length,[G,$]=(0,c.useState)(),ee=()=>{_(!0)},et=()=>{T(!0)},en=async()=>{await k.managerClient.user.checkIsLoggedIn()?V(!0):w()},ei=()=>{V(!1)};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l(),{children:(0,i.jsx)("title",{children:"Slices - Slice Machine"})}),(0,i.jsxs)(g.LN,{children:[(0,i.jsxs)(g.wd,{children:[(0,i.jsx)(g.Cx,{children:(0,i.jsx)(m.g,{children:"Slices"})}),(null==J?void 0:J.length)!==0&&0!==Y?(0,i.jsxs)(o.ar,{children:[(0,i.jsx)(o.av,{children:(0,i.jsx)(o.E,{color:"purple",startIcon:"add","data-testid":"add-new-slice-dropdown",children:"Add"})}),(0,i.jsxs)(o.as,{align:"end",children:[(0,i.jsx)(o.at,{renderStartIcon:()=>C.fromImage.BackgroundIcon,onSelect:()=>void en(),description:C.fromImage.description,children:C.fromImage.title}),(0,i.jsx)(o.at,{renderStartIcon:()=>C.fromScratch.BackgroundIcon,onSelect:()=>W(!0),description:C.fromScratch.description,children:C.fromScratch.title})]})]}):void 0]}),(0,i.jsxs)(g.RN,{children:[(0,i.jsx)(u.xR,{sx:{display:"flex",flexDirection:"column"},children:q.length>0?(0,i.jsx)(f.kC,{sx:{flex:1,flexDirection:"column"},children:0===Y?(0,i.jsx)(f.kC,{sx:{flex:1,justifyContent:"center",alignItems:"center"},children:(0,i.jsx)(z,{title:"What are slices?",onCreateNew:()=>{W(!0)},buttonText:"Create one",videoPublicIdUrl:M.rd,documentationComponent:(0,i.jsxs)(i.Fragment,{children:['Slices are sections of your website. Prismic documents contain a dynamic "Slice Zone" that allows content creators to add, edit, and rearrange slices to compose dynamic layouts for any page design.'," ",(0,i.jsx)(f.rU,{target:"_blank",href:"https://prismic.io/docs/core-concepts/slices",sx:e=>{var t;return{color:null==e?void 0:null===(t=e.colors)||void 0===t?void 0:t.primary}},children:"Learn more"}),"."]}),"data-testid":"slices-table-blank-slate"})}):q.map(e=>{let{name:t,isLocal:n,components:o}=e;return(0,i.jsxs)(f.kC,{sx:{flexDirection:"column","&:not(:last-of-type)":{mb:4}},children:[(0,i.jsxs)(f.kC,{sx:{alignItems:"center",justifyContent:"space-between"},children:[(0,i.jsx)(f.kC,{sx:{alignItems:"center",fontSize:3,lineHeight:"48px",fontWeight:"heading",mb:1},children:(0,i.jsx)(f.xv,{children:1===q.length?"Your slices":t})}),!n&&(0,i.jsx)("p",{children:"⚠️ External libraries are read-only"})]}),(0,i.jsx)(H.Z,{elems:o,defineElementKey:e=>e.model.name,renderElem:e=>(0,i.jsx)(p.b,{action:{type:"menu",onRemove:()=>{$(e),ee()},onRename:()=>{$(e),et()}},mode:"navigation",onUpdateScreenshot:()=>{S({sliceFilterFn:t=>t.filter(t=>t.model.id===e.model.id)})},slice:e,variant:"solid"}),gridGap:"32px 16px"})]},t)})}):void 0}),(null==J?void 0:J.length)>0&&(0,i.jsx)(X.Z,{slices:I(Q),defaultVariationSelector:L}),(null==J?void 0:J.length)>0&&N&&(0,i.jsx)(D.c,{localLibraries:J,location:"slices",remoteSlices:E,onSuccess:(e,t)=>{let n=e.variations[0].id,i=v.Y.getBuilderPagePathname({libraryName:t,sliceName:e.name,variationId:n});b.push(i),d.Am.success((0,U.kQ)({path:"".concat(t,"/").concat(e.name,"/model.json")}))},onClose:()=>{W(!1)}}),(0,i.jsx)(K,{isOpen:Z,slice:G,onClose:()=>{T(!1)},"data-testid":"rename-slice-modal"}),(0,i.jsx)(R,{isOpen:P,libName:null!==(e=null==G?void 0:G.from)&&void 0!==e?e:"",sliceId:null!==(t=null==G?void 0:G.model.id)&&void 0!==t?t:"",sliceName:null!==(n=null==G?void 0:G.model.name)&&void 0!==n?n:"",sliceVariationIds:(null!==(r=null==G?void 0:G.model.variations)&&void 0!==r?r:[]).map(e=>e.id),onClose:()=>{_(!1)}}),(0,i.jsx)(x.S,{open:B,location:"slices",onSuccess:e=>{let{library:t}=e;d.Am.success((0,i.jsx)(U.GX,{message:"Slice(s) added to slice zone and created at: ",path:t})),ei()},onClose:ei})]})]})]})}},5683:function(e,t,n){"use strict";n.d(t,{i:function(){return r},v:function(){return o}});let i=e=>"slice-machine_".concat(e),o=i("staticFieldsInfoDialogDismissed");function r(e){let{type:t,library:n,sliceId:o,variationId:r}=e;return i(["ai-feedback",t,n,o,r].join("#"))}},76473:function(e,t,n){"use strict";n.d(t,{y1:function(){return b}});var i=n(2784);function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}n(52322);var r=["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,t){return void 0===t&&(t=","),e.split(t)}function a(e,t,n){void 0===t&&(t="+");var i=e.toLocaleLowerCase().split(t).map(function(e){return s(e)}),l={alt:i.includes("alt"),ctrl:i.includes("ctrl")||i.includes("control"),shift:i.includes("shift"),meta:i.includes("meta"),mod:i.includes("mod")},c=i.filter(function(e){return!r.includes(e)});return o({},l,{keys:c,description:n})}"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(){d.clear()});var d=new Set;function u(e){return Array.isArray(e)}function f(e){var t=Array.isArray(e)?e:[e];d.has("meta")&&d.forEach(function(e){return!r.includes(e)&&d.delete(e.toLowerCase())}),t.forEach(function(e){return d.add(e.toLowerCase())})}function m(e){var t=Array.isArray(e)?e:[e];"meta"===e?d.clear():t.forEach(function(e){return d.delete(e.toLowerCase())})}function x(e,t){var n=e.target;void 0===t&&(t=!1);var i=n&&n.tagName;return u(t)?!!(i&&t&&t.some(function(e){return e.toLowerCase()===i.toLowerCase()})):!!(i&&t&&!0===t)}var h=function(e,t,n){void 0===n&&(n=!1);var i,o=t.alt,r=t.meta,l=t.mod,c=t.shift,a=t.ctrl,f=t.keys,m=e.key,x=e.code,h=e.ctrlKey,p=e.metaKey,v=e.shiftKey,y=e.altKey,g=s(x),b=m.toLowerCase();if(!n){if(!y===o&&"alt"!==b||!v===c&&"shift"!==b)return!1;if(l){if(!p&&!h)return!1}else if(!p===r&&"meta"!==b&&"os"!==b||!h===a&&"ctrl"!==b&&"control"!==b)return!1}return!!(f&&1===f.length&&(f.includes(b)||f.includes(g)))||(f?(void 0===i&&(i=","),(u(f)?f:f.split(i)).every(function(e){return d.has(e.trim().toLowerCase())})):!f)},p=(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()},g="undefined"!=typeof window?i.useLayoutEffect:i.useEffect;function b(e,t,n,o){var r,l=(0,i.useRef)(null),d=(0,i.useRef)(!1),b=n instanceof Array?o instanceof Array?void 0:o:n,j=u(e)?e.join(null==b?void 0:b.splitKey):e,S=n instanceof Array?n:o instanceof Array?o:void 0,k=(0,i.useCallback)(t,null!=S?S:[]),w=(0,i.useRef)(k);S?w.current=k:w.current=t;var C=(!function e(t,n){return t&&n&&"object"==typeof t&&"object"==typeof n?Object.keys(t).length===Object.keys(n).length&&Object.keys(t).reduce(function(i,o){return i&&e(t[o],n[o])},!0):t===n}((r=(0,i.useRef)(void 0)).current,b)&&(r.current=b),r.current),I=(0,i.useContext)(v).enabledScopes,L=(0,i.useContext)(p);return g(function(){if((null==C?void 0:C.enabled)!==!1&&(e=null==C?void 0:C.scopes,0===I.length&&e?(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):!!(!e||I.some(function(t){return e.includes(t)})||I.includes("*")))){var e,t=function(e,t){var n;if(void 0===t&&(t=!1),!(x(e,["input","textarea","select"])&&!x(e,null==C?void 0:C.enableOnFormTags)||null!=C&&null!=C.ignoreEventWhen&&C.ignoreEventWhen(e))){if(null!==l.current&&document.activeElement!==l.current&&!l.current.contains(document.activeElement)){y(e);return}(null==(n=e.target)||!n.isContentEditable||null!=C&&C.enableOnContentEditable)&&c(j,null==C?void 0:C.splitKey).forEach(function(n){var i,o,r,l=a(n,null==C?void 0:C.combinationKey);if(h(e,l,null==C?void 0:C.ignoreModifiers)||null!=(r=l.keys)&&r.includes("*")){if(t&&d.current)return;if(("function"==typeof(i=null==C?void 0:C.preventDefault)&&i(e,l)||!0===i)&&e.preventDefault(),"function"==typeof(o=null==C?void 0:C.enabled)?!o(e,l):!0!==o&&void 0!==o){y(e);return}w.current(e,l),t||(d.current=!0)}})}},n=function(e){void 0!==e.key&&(f(s(e.code)),((null==C?void 0:C.keydown)===void 0&&(null==C?void 0:C.keyup)!==!0||null!=C&&C.keydown)&&t(e))},i=function(e){void 0!==e.key&&(m(s(e.code)),d.current=!1,null!=C&&C.keyup&&t(e,!0))},o=l.current||(null==b?void 0:b.document)||document;return o.addEventListener("keyup",i),o.addEventListener("keydown",n),L&&c(j,null==C?void 0:C.splitKey).forEach(function(e){return L.addHotkey(a(e,null==C?void 0:C.combinationKey,null==C?void 0:C.description))}),function(){o.removeEventListener("keyup",i),o.removeEventListener("keydown",n),L&&c(j,null==C?void 0:C.splitKey).forEach(function(e){return L.removeHotkey(a(e,null==C?void 0:C.combinationKey,null==C?void 0:C.description))})}}},[j,C,I]),l}}},function(e){e.O(0,[898,789,397,50,34,658,907,888,774,179],function(){return e(e.s=26688)}),_N_E=e.O()}]);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
!function(){"use strict";var e,t,n,r,o,u,i,c,f,a={},d={};function l(e){var t=d[e];if(void 0!==t)return t.exports;var n=d[e]={id:e,loaded:!1,exports:{}},r=!0;try{a[e].call(n.exports,n,n.exports,l),r=!1}finally{r&&delete d[e]}return n.loaded=!0,n.exports}l.m=a,e=[],l.O=function(t,n,r,o){if(n){o=o||0;for(var u=e.length;u>0&&e[u-1][2]>o;u--)e[u]=e[u-1];e[u]=[n,r,o];return}for(var i=1/0,u=0;u<e.length;u++){for(var n=e[u][0],r=e[u][1],o=e[u][2],c=!0,f=0;f<n.length;f++)i>=o&&Object.keys(l.O).every(function(e){return l.O[e](n[f])})?n.splice(f--,1):(c=!1,o<i&&(i=o));if(c){e.splice(u--,1);var a=r();void 0!==a&&(t=a)}}return t},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,{a:t}),t},n=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},l.t=function(e,r){if(1&r&&(e=this(e)),8&r||"object"==typeof e&&e&&(4&r&&e.__esModule||16&r&&"function"==typeof e.then))return e;var o=Object.create(null);l.r(o);var u={};t=t||[null,n({}),n([]),n(n)];for(var i=2&r&&e;"object"==typeof i&&!~t.indexOf(i);i=n(i))Object.getOwnPropertyNames(i).forEach(function(t){u[t]=function(){return e[t]}});return u.default=function(){return e},l.d(o,u),o},l.d=function(e,t){for(var n in t)l.o(t,n)&&!l.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},l.f={},l.e=function(e){return Promise.all(Object.keys(l.f).reduce(function(t,n){return l.f[n](e,t),t},[]))},l.u=function(e){return"static/chunks/04ad993f.d7f986af0f739cc9.js"},l.miniCssF=function(e){},l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.hmd=function(e){return(e=Object.create(e)).children||(e.children=[]),Object.defineProperty(e,"exports",{enumerable:!0,set:function(){throw Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+e.id)}}),e},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r={},o="_N_E:",l.l=function(e,t,n,u){if(r[e]){r[e].push(t);return}if(void 0!==n)for(var i,c,f=document.getElementsByTagName("script"),a=0;a<f.length;a++){var d=f[a];if(d.getAttribute("src")==e||d.getAttribute("data-webpack")==o+n){i=d;break}}i||(c=!0,(i=document.createElement("script")).charset="utf-8",i.timeout=120,l.nc&&i.setAttribute("nonce",l.nc),i.setAttribute("data-webpack",o+n),i.src=l.tu(e)),r[e]=[t];var s=function(t,n){i.onerror=i.onload=null,clearTimeout(p);var o=r[e];if(delete r[e],i.parentNode&&i.parentNode.removeChild(i),o&&o.forEach(function(e){return e(n)}),t)return t(n)},p=setTimeout(s.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=s.bind(null,i.onerror),i.onload=s.bind(null,i.onload),c&&document.head.appendChild(i)},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.nmd=function(e){return e.paths=[],e.children||(e.children=[]),e},l.tt=function(){return void 0===u&&(u={createScriptURL:function(e){return e}},"undefined"!=typeof trustedTypes&&trustedTypes.createPolicy&&(u=trustedTypes.createPolicy("nextjs#bundler",u))),u},l.tu=function(e){return l.tt().createScriptURL(e)},l.p="/_next/",i={272:0},l.f.j=function(e,t){var n=l.o(i,e)?i[e]:void 0;if(0!==n){if(n)t.push(n[2]);else if(272!=e){var r=new Promise(function(t,r){n=i[e]=[t,r]});t.push(n[2]=r);var o=l.p+l.u(e),u=Error();l.l(o,function(t){if(l.o(i,e)&&(0!==(n=i[e])&&(i[e]=void 0),n)){var r=t&&("load"===t.type?"missing":t.type),o=t&&t.target&&t.target.src;u.message="Loading chunk "+e+" failed.\n("+r+": "+o+")",u.name="ChunkLoadError",u.type=r,u.request=o,n[1](u)}},"chunk-"+e,e)}else i[e]=0}},l.O.j=function(e){return 0===i[e]},c=function(e,t){var n,r,o=t[0],u=t[1],c=t[2],f=0;if(o.some(function(e){return 0!==i[e]})){for(n in u)l.o(u,n)&&(l.m[n]=u[n]);if(c)var a=c(l)}for(e&&e(t);f<o.length;f++)r=o[f],l.o(i,r)&&i[r]&&i[r][0](),i[r]=0;return l.O(a)},(f=self.webpackChunk_N_E=self.webpackChunk_N_E||[]).forEach(c.bind(null,0)),f.push=c.bind(null,f.push.bind(f)),l.nc=void 0}();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.List_flex__b6acG{all:unset;display:flex}.List_row__zKnOI{flex-direction:row}.List_root__m_SiQ{border-color:var(--grey6);flex-direction:column;overflow-x:hidden}.List_root-border__UW3vp{border-radius:6px;border-style:solid;border-width:1px}.List_child__MJ49i{align-items:center;border-bottom-color:var(--grey6);border-bottom-width:1px;box-sizing:border-box;height:48px;padding-right:8px}.List_child__MJ49i:last-child{border-bottom-color:transparent}.List_header__T0WM5{background-color:var(--grey2);border-bottom-style:solid;gap:8px;padding-left:16px}.List_headerActions__mNgLY{align-items:center;flex-grow:1;gap:8px;justify-content:end;min-width:0}.List_item__LMBx4{background-color:var(--grey1);border-bottom-style:dashed;padding-left:12px}.ZoneEmptyState_root__DAfG2{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background-color:var(--grey3);text-align:center;padding-top:32px;padding-bottom:32px;min-height:288px}.Divider_base__4eT6E{width:100%;border-style:none;margin:0}.Divider_variant-dashed__4Lvrj{border-color:currentColor;border-top:dashed;border-width:1px}.Divider_variant-edgeFaded__049V2{height:1px;background-image:linear-gradient(90deg,color-mix(in srgb,currentColor,transparent 100%),currentColor,color-mix(in srgb,currentColor,transparent 100%))}.Card_flex__opby1{all:unset;display:flex}.Card_grid__VAvIS{all:unset;display:grid}.Card_column__W4ACG{flex-direction:column}.Card_root__YVuvU{position:relative;box-sizing:border-box;border-color:var(--grey6);border-radius:6px;border-style:solid;border-width:1px;overflow-x:hidden}.Card_root__YVuvU[data-disabled]{opacity:.5}.Card_size-small__aIlxd{height:240px}.Card_size-medium__xegz0{height:320px}.Card_solid__GNGar{background-color:var(--grey3)}.Card_solid__GNGar[data-state=checked]{border-color:var(--purple10)}.Card_outlined__W_dxI{background-color:var(--grey2)}.Card_outlined__W_dxI[data-state=checked]{border-color:var(--purple8)}.Card_interactive__rXw5L:focus-visible{box-shadow:var(--box-shadow-purple-focus)}.Card_interactive__rXw5L[data-disabled]{opacity:.5}.Card_interactive__rXw5L:not([data-disabled]){cursor:pointer}.Card_interactive__rXw5L.Card_solid__GNGar:focus-visible{background-color:var(--grey5);border-color:var(--purple10)}.Card_interactive__rXw5L.Card_outlined__W_dxI:active{background-color:var(--grey4);border-color:var(--purple9)}.Card_interactive__rXw5L.Card_outlined__W_dxI:focus-visible{background-color:var(--grey1);border-color:var(--purple8)}.Card_interactive__rXw5L.Card_outlined__W_dxI:hover{background-color:var(--grey4)}.Card_media__l0kHL{flex-basis:0;flex-grow:1;min-height:0;position:relative;order:0}.Card_solid__GNGar>.Card_media__l0kHL{padding:32px}.Card_outlined__W_dxI>.Card_media__l0kHL{background-color:var(--light-grey3);margin-inline:16px;margin-top:16px;padding:16px}.Card_mediaComponent-div__Y2_PZ{flex-grow:1}.Card_mediaComponent-img__ezOTu{height:100%;-o-object-fit:contain;object-fit:contain}.Card_mediaComponent-img__ezOTu:not([src]){visibility:hidden}.Card_mediaOverlay__Aa__Q{inset:0;position:absolute;visibility:hidden}.Card_mediaOverlay__Aa__Q:before{background-color:var(--light-grey12);content:"";inset:0;opacity:.1;position:absolute}.Card_interactive__rXw5L:focus-visible .Card_mediaOverlay__Aa__Q,.Card_interactive__rXw5L:not([data-disabled]) .Card_mediaOverlay__Aa__Q:has(:focus-visible),.Card_interactive__rXw5L:not([data-disabled]) .Card_media__l0kHL:hover>.Card_mediaOverlay__Aa__Q{visibility:visible}.Card_nonMedia__Fv3Mz{align-items:center;box-sizing:border-box;flex-direction:row}.Card_solid__GNGar>.Card_nonMedia__Fv3Mz{background-color:var(--light-grey1)}.Card_solid__GNGar>.Card_nonMedia__Fv3Mz:not(:first-child){border-top-color:var(--light-grey6);border-top-style:solid;border-top-width:inherit}.Card_actions__XdhOt{height:48px;justify-content:space-between;order:1}.Card_solid__GNGar>.Card_actions__XdhOt{padding-left:12px;padding-right:8px}.Card_outlined__W_dxI>.Card_actions__XdhOt{padding-inline:16px}.Card_footer__U0HS1{gap:8px;height:60px;order:2}.Card_solid__GNGar>.Card_footer__U0HS1{padding-inline:12px}.Card_outlined__W_dxI>.Card_footer__U0HS1{padding-inline:16px}.Card_footerTexts__rTXup{flex-basis:0;flex-grow:1;min-width:0;margin-bottom:4px}.Card_status__PNN2a{height:24px;inset-inline:0;justify-content:center;padding-inline:8px;position:absolute;background-color:var(--purple4);color:var(--purple11)}.Card_startIconBox__1_L4u{display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid var(--grey6);border-radius:6px}.Kbd_root__LRA1F{background-color:var(--grey2);border-color:var(--grey6);border-radius:3px;border-style:solid;border-width:1px;color:var(--grey11);padding-inline:4px}.VariationsList_hideScrollbar__cHCIS::-webkit-scrollbar{display:none}.VariationsList_hideScrollbar__cHCIS{-ms-overflow-style:none;scrollbar-width:none}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { revalidateData } from "@prismicio/editor-support/Suspense";
|
|
2
|
-
import { Environment } from "@slicemachine/manager/client";
|
|
3
|
-
import { useQueryClient } from "@tanstack/react-query";
|
|
4
|
-
|
|
5
|
-
import { getState } from "@/apiClient";
|
|
6
|
-
import { GetActiveEnvironmentQueryKey } from "@/features/environments/useActiveEnvironment";
|
|
7
|
-
import { managerClient } from "@/managerClient";
|
|
8
|
-
|
|
9
|
-
export function useSetEnvironment() {
|
|
10
|
-
const queryClient = useQueryClient();
|
|
11
|
-
|
|
12
|
-
return async (environment: Pick<Environment, "domain">) => {
|
|
13
|
-
await managerClient.project.updateEnvironment({
|
|
14
|
-
environment: environment.domain,
|
|
15
|
-
});
|
|
16
|
-
|
|
17
|
-
void Promise.all([
|
|
18
|
-
queryClient.invalidateQueries({ queryKey: GetActiveEnvironmentQueryKey }),
|
|
19
|
-
revalidateData(getState, []),
|
|
20
|
-
]);
|
|
21
|
-
};
|
|
22
|
-
}
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
BlankSlate,
|
|
3
|
-
BlankSlateDescription,
|
|
4
|
-
BlankSlateIcon,
|
|
5
|
-
BlankSlateTitle,
|
|
6
|
-
Box,
|
|
7
|
-
ErrorBoundary as EditorUiErrorBoundary,
|
|
8
|
-
Text,
|
|
9
|
-
} from "@prismicio/editor-ui";
|
|
10
|
-
import {
|
|
11
|
-
isInvalidActiveEnvironmentError,
|
|
12
|
-
isUnauthorizedError,
|
|
13
|
-
} from "@slicemachine/manager/client";
|
|
14
|
-
import Link from "next/link";
|
|
15
|
-
import { PropsWithChildren } from "react";
|
|
16
|
-
|
|
17
|
-
import { ReloadLogoutButton } from "@/features/auth/LogoutButton";
|
|
18
|
-
|
|
19
|
-
export function AppStateErrorBoundary(props: PropsWithChildren) {
|
|
20
|
-
return (
|
|
21
|
-
<EditorUiErrorBoundary
|
|
22
|
-
renderError={(error) => {
|
|
23
|
-
return (
|
|
24
|
-
<Box
|
|
25
|
-
position="absolute"
|
|
26
|
-
top={64}
|
|
27
|
-
width="100%"
|
|
28
|
-
justifyContent="center"
|
|
29
|
-
flexDirection="column"
|
|
30
|
-
>
|
|
31
|
-
<BlankSlate>
|
|
32
|
-
<BlankSlateIcon
|
|
33
|
-
lineColor="tomato11"
|
|
34
|
-
backgroundColor="tomato3"
|
|
35
|
-
name="alert"
|
|
36
|
-
/>
|
|
37
|
-
<BlankSlateTitle>Failed to load Slice Machine</BlankSlateTitle>
|
|
38
|
-
<RenderErrorDescription error={error} />
|
|
39
|
-
</BlankSlate>
|
|
40
|
-
</Box>
|
|
41
|
-
);
|
|
42
|
-
}}
|
|
43
|
-
>
|
|
44
|
-
{props.children}
|
|
45
|
-
</EditorUiErrorBoundary>
|
|
46
|
-
);
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
function RenderErrorDescription(args: { error: unknown }) {
|
|
50
|
-
const { error } = args;
|
|
51
|
-
|
|
52
|
-
if (isUnauthorizedError(error)) {
|
|
53
|
-
return (
|
|
54
|
-
<CommonErrorBox>
|
|
55
|
-
<Box flexDirection="column" gap={8} alignItems="center">
|
|
56
|
-
<Text variant="h3" align="center">
|
|
57
|
-
You don't have access to this repository.
|
|
58
|
-
</Text>
|
|
59
|
-
<Text align="center">
|
|
60
|
-
Check that the repository name is correct, then contact your
|
|
61
|
-
repository administrator.
|
|
62
|
-
</Text>
|
|
63
|
-
</Box>
|
|
64
|
-
<ReloadLogoutButton sx={{ alignSelf: "center" }} />
|
|
65
|
-
</CommonErrorBox>
|
|
66
|
-
);
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
if (isInvalidActiveEnvironmentError(error)) {
|
|
70
|
-
return (
|
|
71
|
-
<CommonErrorBox>
|
|
72
|
-
<Box flexDirection="column" gap={8} alignItems="center">
|
|
73
|
-
<Text variant="h3" align="center">
|
|
74
|
-
Your current environment is invalid.
|
|
75
|
-
</Text>
|
|
76
|
-
<Text align="center">
|
|
77
|
-
Check with your repository administrator that you have permissions
|
|
78
|
-
and correctly configured your environment for the current
|
|
79
|
-
repository. For more details, consult the{" "}
|
|
80
|
-
<Link href="https://prismic.io/docs/environments" target="_blank">
|
|
81
|
-
documentation
|
|
82
|
-
</Link>
|
|
83
|
-
.
|
|
84
|
-
</Text>
|
|
85
|
-
</Box>
|
|
86
|
-
<ReloadLogoutButton sx={{ alignSelf: "center" }} />
|
|
87
|
-
</CommonErrorBox>
|
|
88
|
-
);
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
return <BlankSlateDescription>{JSON.stringify(error)}</BlankSlateDescription>;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
function CommonErrorBox(args: { children: React.ReactNode }) {
|
|
95
|
-
const { children } = args;
|
|
96
|
-
|
|
97
|
-
return (
|
|
98
|
-
<Box
|
|
99
|
-
flexDirection="column"
|
|
100
|
-
alignItems="center"
|
|
101
|
-
gap={16}
|
|
102
|
-
margin={{ top: 8 }}
|
|
103
|
-
maxWidth={768}
|
|
104
|
-
>
|
|
105
|
-
{children}
|
|
106
|
-
</Box>
|
|
107
|
-
);
|
|
108
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { Box, Button, Text } from "@prismicio/editor-ui";
|
|
2
|
-
|
|
3
|
-
import useSliceMachineActions from "@/modules/useSliceMachineActions";
|
|
4
|
-
|
|
5
|
-
export const UnauthenticatedView = () => {
|
|
6
|
-
const { openLoginModal } = useSliceMachineActions();
|
|
7
|
-
|
|
8
|
-
return (
|
|
9
|
-
<Box
|
|
10
|
-
flexDirection="column"
|
|
11
|
-
height="100%"
|
|
12
|
-
alignItems="center"
|
|
13
|
-
justifyContent="center"
|
|
14
|
-
gap={8}
|
|
15
|
-
>
|
|
16
|
-
<Text variant="h3" align="center">
|
|
17
|
-
It seems like you are logged out
|
|
18
|
-
</Text>
|
|
19
|
-
<Text align="center">Log in to connect to your repository.</Text>
|
|
20
|
-
<Text align="center">
|
|
21
|
-
If that doesn't work, it's possible that Slice Machine is having trouble
|
|
22
|
-
accessing Prismic's servers.{" "}
|
|
23
|
-
<Text href="https://community.prismic.io/">
|
|
24
|
-
Contact our support team
|
|
25
|
-
</Text>
|
|
26
|
-
.
|
|
27
|
-
</Text>
|
|
28
|
-
<Button onClick={() => openLoginModal()}>Log in to Prismic</Button>
|
|
29
|
-
</Box>
|
|
30
|
-
);
|
|
31
|
-
};
|
package/src/queryClient.tsx
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
QueryClient,
|
|
3
|
-
QueryClientProvider as RCQueryClientProvider,
|
|
4
|
-
} from "@tanstack/react-query";
|
|
5
|
-
import { ReactNode } from "react";
|
|
6
|
-
|
|
7
|
-
export const queryClient = new QueryClient({
|
|
8
|
-
defaultOptions: {
|
|
9
|
-
queries: {
|
|
10
|
-
staleTime: 5 * 60 * 1000,
|
|
11
|
-
gcTime: 10 * 60 * 1000,
|
|
12
|
-
retry: false,
|
|
13
|
-
refetchOnWindowFocus: "always",
|
|
14
|
-
},
|
|
15
|
-
},
|
|
16
|
-
});
|
|
17
|
-
|
|
18
|
-
export function QueryClientProvider(props: { children: ReactNode }) {
|
|
19
|
-
return (
|
|
20
|
-
<RCQueryClientProvider client={queryClient}>
|
|
21
|
-
{props.children}
|
|
22
|
-
</RCQueryClientProvider>
|
|
23
|
-
);
|
|
24
|
-
}
|
|
File without changes
|