slice-machine-ui 2.18.1-beta.7 → 2.18.1
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/{Zy4opMpDS8I-mxQ1kA3m2 → JnNsFjiOtQSOKhLcOb3-p}/_buildManifest.js +1 -1
- package/out/_next/static/chunks/{248-43faecb386a16518.js → 248-a9c33f7fbe2da2f1.js} +1 -1
- package/out/_next/static/chunks/34-50c64778da33cff6.js +1 -0
- package/out/_next/static/chunks/429-aab52070cad2884b.js +3 -0
- package/out/_next/static/chunks/{489-234ed5471aa694b3.js → 489-a046ae0fa4f74435.js} +1 -1
- package/out/_next/static/chunks/{630-bb6e3db525588f16.js → 630-eae75e90b30f201a.js} +1 -1
- package/out/_next/static/chunks/pages/{_app-64feff311539f17b.js → _app-1b4541325b4a29ab.js} +40 -40
- package/out/_next/static/chunks/pages/{changelog-ba55ed247c20dc21.js → changelog-3901f2fc937d9648.js} +1 -1
- package/out/_next/static/chunks/pages/changes-c58a60af39167147.js +1 -0
- package/out/_next/static/chunks/pages/{labs-78ac01d97ab02cd7.js → labs-dd04033db23a58f3.js} +1 -1
- package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]/{simulator-b127d948a17968d3.js → simulator-f237aaa755dc9a99.js} +1 -1
- package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/{[variation]-da423aa0da7bc11e.js → [variation]-c8c3e7ffb898261c.js} +1 -1
- package/out/_next/static/chunks/pages/{slices-59b857edc9f72d5f.js → slices-0aaae79dcc7b8c55.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/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 +4 -5
- package/src/features/auth/LogoutButton.tsx +42 -36
- package/src/features/builder/fields/contentRelationship/ContentRelationshipFieldPicker.tsx +3 -3
- package/src/features/changes/StatusBadge.tsx +1 -9
- package/src/features/customTypes/customTypesBuilder/PageSnippetDialog/PageSnippetDialog.tsx +3 -3
- package/src/features/customTypes/customTypesTable/CustomTypesTablePage.tsx +3 -3
- package/src/features/environments/actions/useSetEnvironment.ts +22 -0
- package/src/features/environments/useActiveEnvironment.ts +17 -9
- package/src/features/environments/useEnvironments.ts +11 -8
- package/src/features/errorBoundaries/AppStateErrorBoundary.tsx +108 -0
- package/src/{ErrorBoundary.tsx → features/errorBoundaries/DefaultErrorBoundary.tsx} +2 -2
- package/src/features/errorBoundaries/index.ts +2 -0
- package/src/features/labs/labsList/LabsPage.tsx +3 -3
- package/src/features/navigation/Navigation.tsx +7 -8
- package/src/features/slices/sliceBuilder/FloatingBackButton.tsx +3 -3
- package/src/features/sync/AutoSyncProvider.tsx +2 -2
- package/src/features/sync/getUnSyncChanges.ts +1 -3
- package/src/legacy/components/AppLayout/index.tsx +10 -85
- package/src/legacy/components/ChangesEmptyState/UnauthenticatedView.tsx +31 -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 +14 -6
- package/src/legacy/components/Navigation/ChangesItem.tsx +2 -6
- package/src/legacy/components/Navigation/Environment.tsx +2 -7
- package/src/legacy/components/Navigation/SideNavEnvironmentSelector/SideNavEnvironmentSelector.tsx +3 -8
- 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 +2 -3
- package/src/pages/_app.tsx +93 -95
- package/src/pages/changes.tsx +4 -5
- package/src/queryClient.tsx +24 -0
- package/test/__testutils__/index.tsx +13 -10
- package/out/_next/static/chunks/157-fa8b348c960c8283.js +0 -3
- package/out/_next/static/chunks/34-8d9d9b2944824750.js +0 -1
- package/out/_next/static/chunks/pages/changes-4c23263cdc8e59c6.js +0 -1
- package/src/features/environments/actions/setEnvironment.ts +0 -18
- package/src/legacy/components/ChangesEmptyState/AuthErrorPage.tsx +0 -44
- /package/out/_next/static/{Zy4opMpDS8I-mxQ1kA3m2 → JnNsFjiOtQSOKhLcOb3-p}/_ssgManifest.js +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[34],{62434:function(e,t,n){"use strict";n.d(t,{Zb:function(){return c},T$:function(){return m},eW:function(){return _},ZB:function(){return u},Lm:function(){return h}});var o=n(52322),r=n(50002),a=n(14226),i=n(6277),l=n(2784),d=n(67968),s=n.n(d);let c=e=>{let{checked:t=!1,size:n="medium",variant:a="solid",interactive:d,disabled:c,onClick:u,href:m,component:_="a",replace:h,...C}=e,x={...C,className:(0,i.W)(s().root,s()["size-".concat(n)],s()[a],{[s().interactive]:e.interactive}),"data-state":!0===t?"checked":void 0,"data-disabled":!0===e.disabled?"":void 0};return!0===e.interactive&&void 0===e.href?(0,o.jsx)("div",{...x,onClick:t=>{if(!0===e.disabled||void 0===e.onClick)return;let n=t.target;(0,r.JY)(n)===t.currentTarget&&e.onClick(t)},tabIndex:!0===e.disabled?void 0:0}):!0===e.interactive?(0,l.createElement)(_,{...x,href:e.href,onClick:e=>{let t=e.target;(0,r.JY)(t)!==e.currentTarget&&e.preventDefault()},..."a"===_?{}:{replace:e.replace}}):(0,o.jsx)("div",{...x})},u=e=>{let{className:t,component:n="img",overlay:r,...a}=e;return(0,o.jsxs)("div",{className:s().media,children:[(0,l.createElement)(n,{...a,className:(0,i.W)(s()["mediaComponent-".concat(n)],t)}),r?(0,o.jsx)("div",{className:s().mediaOverlay,children:r}):void 0]})},m=e=>(0,o.jsx)("div",{...e,className:s().actions}),_=e=>{let{action:t,loading:n=!1,startIcon:r,subtitle:i,title:l,error:d=!1,...c}=e,u=d?"tomato11":"grey11";return(0,o.jsxs)("div",{...c,className:s().footer,children:[(r||n)&&(0,o.jsxs)("div",{className:s().startIconBox,children:[n&&(0,o.jsx)(a.bg,{color:"grey11"}),!n&&r&&(0,o.jsx)(a.aX,{name:r,size:"small",color:u})]}),(0,o.jsxs)("div",{className:s().footerTexts,children:[(0,o.jsx)(a.bL,{component:"span",noWrap:!0,variant:"bold",children:l}),(0,o.jsx)(a.bL,{color:u,component:"span",noWrap:!0,variant:"small",children:i})]}),t]})},h=e=>{let{children:t,...n}=e;return(0,o.jsx)("div",{...n,className:s().status,children:(0,o.jsx)(a.bL,{align:"center",color:"inherit",component:"span",noWrap:!0,variant:"smallBold",children:t})})}},99195:function(e,t,n){"use strict";n.d(t,{O:function(){return l}});var o=n(52322),r=n(14226),a=n(56448),i=n(93671);let l=e=>{let{badgeColor:t,badgeTitle:n,tooltipContent:l}=function(e){let t=d[e.modelType];switch(e.modelStatus){case a.GJ.New:return{badgeColor:"green",badgeTitle:"New",tooltipContent:"This ".concat(t," exists only locally. Upon sync, it will be pushed to your remote repository.")};case a.GJ.Modified:return{badgeColor:"amber",badgeTitle:"Modified",tooltipContent:"This ".concat(t," has been modified locally. Upon sync, changes will be pushed to your remote repository.")};case a.GJ.Synced:return{badgeColor:"purple",badgeTitle:"Synced",tooltipContent:"This ".concat(t," is in sync with the remote repository.")};case a.GJ.Deleted:return{badgeColor:"tomato",badgeTitle:"Deleted",tooltipContent:"This ".concat(t," has been deleted locally.")};case a.GJ.Unknown:if(!e.isOnline)return{badgeColor:"grey",badgeTitle:"Unknown",tooltipContent:"Data from the remote repository could not be fetched (no internet connection)."};if(e.authStatus===i.t.UNAUTHORIZED)return{badgeColor:"grey",badgeTitle:"Unknown",tooltipContent:"Data from the remote repository could not be fetched (not connected to Prismic)."};if(e.authStatus===i.t.FORBIDDEN)return{badgeColor:"grey",badgeTitle:"Unknown",tooltipContent:"Data from the remote repository could not be fetched (you don't have access to the repository)."};default:return{badgeColor:"grey",badgeTitle:"Unknown",tooltipContent:"Data from the remote repository could not be fetched (unknown error)."}}}(e);return(0,o.jsx)(r.c3,{content:l,side:"bottom",children:(0,o.jsx)(r.m,{color:t,title:n})})},d={CustomType:"type",Slice:"slice"}},51507:function(e,t,n){"use strict";n.d(t,{b:function(){return C}});var o=n(52322),r=n(14226),a=n(39097),i=n.n(a),l=n(62434),d=n(63908),s=n(99195),c=n(27763);let u=e=>(0,o.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 5.5C4 4.67157 4.67157 4 5.5 4H18.5C19.3284 4 20 4.67157 20 5.5V12.4413C20 12.4512 19.9997 12.461 19.9991 12.4707C20.0072 12.6083 19.9586 12.7485 19.8536 12.8536C19.6583 13.0488 19.3417 13.0488 19.1464 12.8536L16.3536 10.0607C16.1583 9.8654 15.8417 9.8654 15.6464 10.0607L11.8536 13.8536C11.6583 14.0488 11.3417 14.0488 11.1464 13.8536L9.35355 12.0607C9.15829 11.8654 8.84171 11.8654 8.64645 12.0607L5 15.7071V18.5C5 18.7761 5.22386 19 5.5 19H12.5C12.7761 19 13 19.2239 13 19.5C13 19.7761 12.7761 20 12.5 20H5.5C4.67157 20 4 19.3284 4 18.5V15.5003V15.4997V5.5ZM11.5 12.7929L14.9393 9.35355C15.5251 8.76777 16.4749 8.76777 17.0607 9.35355L19 11.2929V5.5C19 5.22386 18.7761 5 18.5 5H5.5C5.22386 5 5 5.22386 5 5.5V14.2929L7.93934 11.3536C8.52513 10.7678 9.47487 10.7678 10.0607 11.3536L11.5 12.7929ZM16.5 13C16.7761 13 17 13.2239 17 13.5V16H19.5C19.7761 16 20 16.2239 20 16.5C20 16.7761 19.7761 17 19.5 17H17V19.5C17 19.7761 16.7761 20 16.5 20C16.2239 20 16 19.7761 16 19.5V17H13.5C13.2239 17 13 16.7761 13 16.5C13 16.2239 13.2239 16 13.5 16H16V13.5C16 13.2239 16.2239 13 16.5 13Z",fill:"currentColor"})}),m=e=>({hash:e.hash}),_=e=>e?Object.entries(e).reduce((e,t)=>{let[n,o]=t;return o.hash?{...e,[n]:{...o,...m(o)}}:e},{}):{},h={build:e=>({...e,screenshots:_(e.screenshots)}),variation(e,t){if(e.model.variations.length)return t?e.model.variations.find(e=>e.id===t):e.model.variations[0]}},C=e=>{let t;let{action:n,isDeleted:a=!1,onUpdateScreenshot:m,selected:_=!1,slice:C,variant:v,variationId:b}=e,f=h.variation(C,b);if(!f)return null;let g=(0,d.d7)(C,f),j=!a&&!!m,y="outlined"===v,k=void 0!==b;return t="selection"===e.mode?{disabled:a,interactive:!0,onClick:()=>{e.onSelectedChange(!_)}}:a?{interactive:!1}:{component:i(),href:c.Y.getBuilderPagePathname({libraryName:C.href,sliceName:C.model.name,variationId:f.id}),interactive:!0,replace:e.replace},(0,o.jsxs)(l.Zb,{"aria-label":"".concat(C.model.name," ").concat(f.name," slice card"),checked:_,"data-testid":"shared-slice-card",...t,..."outlined"===v?{size:"small",variant:"outlined"}:{},children:[void 0!==g?(0,o.jsx)(l.ZB,{alt:"Preview image",overlay:j&&!y?(0,o.jsx)(r.D,{alignItems:"center",justifyContent:"center",children:(0,o.jsx)(x,{onClick:m})}):void 0,src:g}):(0,o.jsx)(l.ZB,{component:"div",children:(0,o.jsxs)(r.D,{alignItems:"center",flexDirection:"column",gap:8,justifyContent:"center",children:[(0,o.jsx)(r.bL,{color:"grey11",component:"span",children:"No screenshot available"}),j&&!y?(0,o.jsx)(x,{onClick:m}):void 0]})}),(0,o.jsx)(l.eW,{action:"checkbox"===n.type&&"selection"===e.mode?(0,o.jsx)("div",{onClick:e=>e.stopPropagation(),children:(0,o.jsx)(r.U,{checked:_,disabled:a,onCheckedChange:e.onSelectedChange})}):"menu"===n.type?(0,o.jsxs)(r.ar,{modal:!0,children:[(0,o.jsx)(r.av,{disabled:a,children:(0,o.jsx)(r.aZ,{hiddenLabel:"Slice actions",icon:"moreVert"})}),(0,o.jsxs)(r.as,{align:"end","data-testid":"slice-action-icon-dropdown",children:[j&&y?(0,o.jsx)(r.at,{onSelect:m,startIcon:(0,o.jsx)(u,{}),children:"Update screenshot"}):void 0,(0,o.jsx)(r.at,{onSelect:n.onRename,startIcon:(0,o.jsx)(r.aX,{name:"edit"}),children:"Rename"}),!0===n.removeDisabled&&k?(0,o.jsx)(r.c3,{content:"The slice needs to have at least one variation.",side:"bottom",stableMount:!0,children:(0,o.jsx)(p,{disabled:!0,onSelect:n.onRemove})}):(0,o.jsx)(p,{disabled:!0===n.removeDisabled,onSelect:n.onRemove})]})]}):"remove"===n.type?(0,o.jsx)(r.aZ,{icon:"close",onClick:()=>!a&&n.onRemove(),hiddenLabel:"Remove slice"}):"status"===n.type?(0,o.jsx)(s.O,{authStatus:n.authStatus,isOnline:n.isOnline,modelStatus:n.modelStatus,modelType:"Slice"}):void 0,subtitle:(0,o.jsx)(o.Fragment,{children:k?f.id:"".concat(C.model.variations.length," variation").concat(C.model.variations.length>1?"s":"")}),title:k?f.name:C.model.name}),j&&!k&&(0,d.cx)(C)>0?(0,o.jsx)(l.Lm,{children:"Missing screenshot"}):void 0]})},x=e=>(0,o.jsx)(r.E,{onClick:e.onClick,renderStartIcon:()=>(0,o.jsx)(u,{color:r.t.color.grey11}),color:"grey",children:"Update screenshot"}),p=e=>(0,o.jsx)(r.at,{...e,color:"tomato",startIcon:(0,o.jsx)(r.aX,{name:"delete"}),children:"Delete"})},27763:function(e,t,n){"use strict";n.d(t,{Y:function(){return o}});let o={getBuilderPagePathname:e=>"/slices/".concat(e.libraryName.replaceAll("/","--"),"/").concat(e.sliceName,"/").concat(e.variationId)}},30527:function(e,t,n){"use strict";n.d(t,{Z:function(){return s},W:function(){return d}});var o=n(52322),r=n(2784),a=n(75289);let i=e=>{let{bg:t,background:n,sx:r,withRadius:i,radius:l,children:d}=e;return(0,o.jsx)(a.xu,{sx:{p:4,bg:t||n,...i?{borderBottomLeftRadius:l,borderBottomRightRadius:l}:null,...r},children:d})},l=(0,r.createContext)("6px"),d=()=>(0,r.useContext)(l),s=e=>{let{Header:t=null,SubHeader:n=null,Body:r=null,Footer:d=null,borderFooter:s=!1,radius:c="6px",bodySx:u={},footerSx:m={},sx:_=null,bg:h,background:C,children:x,...p}=e;return(0,o.jsx)(l.Provider,{value:c,children:(0,o.jsxs)(a.Zb,{sx:{border:e=>{var t;return"1px solid ".concat(String(null===(t=e.colors)||void 0===t?void 0:t.borders))},borderRadius:c,..._},...p,children:[t||null,n||null,(0,o.jsxs)(i,{bg:h,background:C,sx:u,withRadius:!d,children:[r?(0,o.jsx)(r,{}):null,x||null]}),d?(0,o.jsx)(i,{bg:h,background:C,sx:{...s?{borderTop:e=>{let{colors:t}=e;return"1px solid ".concat(String(null==t?void 0:t.borders))}}:null,...m},radius:c,withRadius:!0,children:"object"==typeof d?d:(0,o.jsx)(d,{})}):null]})})}},7974:function(e,t,n){"use strict";n.d(t,{Sn:function(){return l},lS:function(){return o},nG:function(){return r},pq:function(){return d},rd:function(){return i},xo:function(){return a}});let o=["components","update","insert"],r=["png","jpg","jpeg"],a=/^[A-Za-z0-9]+(?:_[A-Za-z0-9]+)*$/,i="placeholders/What_are_Slices_mrvome",l="SM_HELP_VIDEOS/mock_data",d="slice-machine-simulator"},67968:function(e){e.exports={flex:"Card_flex__opby1",grid:"Card_grid__VAvIS",column:"Card_column__W4ACG Card_flex__opby1",root:"Card_root__YVuvU Card_column__W4ACG Card_flex__opby1","size-small":"Card_size-small__aIlxd","size-medium":"Card_size-medium__xegz0",solid:"Card_solid__GNGar",outlined:"Card_outlined__W_dxI",interactive:"Card_interactive__rXw5L",media:"Card_media__l0kHL Card_column__W4ACG Card_flex__opby1","mediaComponent-div":"Card_mediaComponent-div__Y2_PZ Card_grid__VAvIS","mediaComponent-img":"Card_mediaComponent-img__ezOTu",mediaOverlay:"Card_mediaOverlay__Aa__Q Card_grid__VAvIS",nonMedia:"Card_nonMedia__Fv3Mz Card_flex__opby1",actions:"Card_actions__XdhOt Card_nonMedia__Fv3Mz Card_flex__opby1",footer:"Card_footer__U0HS1 Card_nonMedia__Fv3Mz Card_flex__opby1",footerTexts:"Card_footerTexts__rTXup Card_column__W4ACG Card_flex__opby1",status:"Card_status__PNN2a Card_column__W4ACG Card_flex__opby1",startIconBox:"Card_startIconBox__1_L4u"}}}]);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[849],{21985:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/changes",function(){return n(45031)}])},72641:function(e,t,n){"use strict";n.d(t,{R$:function(){return o},Qj:function(){return x},T9:function(){return d},nf:function(){return u},u2:function(){return c},_T:function(){return h}});var s=n(52322),i=n(14226),l=n(6277),r=n(83478),a=n.n(r);let o=e=>{let{backgroundImage:t,style:n,...i}=e,r=void 0!==t;return(0,s.jsx)("article",{...i,className:(0,l.W)(a().root,{[a().withBackground]:r}),style:{backgroundImage:r?"url(".concat(t,")"):void 0,...n}})},c=e=>(0,s.jsx)("div",{...e,className:a().image}),d=e=>(0,s.jsx)("div",{...e,className:a().content}),h=e=>(0,s.jsx)(i.bL,{...e,variant:"h3"}),u=e=>(0,s.jsx)(i.bL,{...e,color:"grey11"}),x=e=>(0,s.jsx)("div",{...e,className:a().actions,color:"grey"})},33986:function(e,t,n){"use strict";n.d(t,{z:function(){return o}});var s=n(52322),i=n(2784),l=n(75289);let r=(e,t)=>e?"".concat(e,"-").concat(t):"",a=e=>{switch(e){case"white":case"secondaryMedium":case"secondarySmall":case"secondary":return"#1A1523";default:return"grey01"}},o=(0,i.forwardRef)((e,t)=>{let{label:n,Icon:i,type:o,form:c,isLoading:d=!1,disabled:h=!1,onClick:u,sx:x={},iconSize:m=16,iconFill:g,variant:p="primary",...j}=e;return(0,s.jsx)(l.zx,{ref:t,sx:{...x,display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",...d?{cursor:"wait !important"}:{}},type:o,form:c,disabled:h||d,onClick:d?void 0:u,variant:p,...j,children:d?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(l.$j,{size:m,color:a(p),"data-testid":r(j["data-testid"],"spinner")}),i&&n]}):(0,s.jsxs)(s.Fragment,{children:[i&&(0,s.jsx)(i,{size:m,fill:g,"data-testid":r(j["data-testid"],"icon")}),n]})})})},21151:function(e,t,n){"use strict";var s=n(52322),i=n(75289);t.Z=function(e){let{elems:t,renderElem:n,defineElementKey:l,gridTemplateMinPx:r="320px",gridGap:a="16px",sx:o}=e;return(0,s.jsx)(i.xu,{as:"section",sx:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(".concat(r,", 1fr))"),gridGap:a,pt:2,...o},children:t.map((e,t)=>e?(0,s.jsx)("span",{children:n(e,t)},"".concat(l(e),"-").concat(t+1)):null)})}},45031:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return ea}});var s=n(52322),i=n(14226),l=n(97729),r=n.n(l),a=n(5632),o=n(2784),c=n(88932),d=n(65077),h=n(94160),u=n(43388),x=n(72641);function m(e){let{isPostPush:t,documentsListEndpoint:n}=e,l=t?p:g;return(0,s.jsxs)(x.R$,{style:{alignSelf:"center",marginTop:i.t.space[72]},children:[(0,s.jsx)(x.u2,{children:(0,s.jsx)(i.a_,{src:l.img,sizing:"cover"})}),(0,s.jsxs)(x.T9,{children:[(0,s.jsx)(x._T,{children:l.title}),(0,s.jsx)(x.nf,{children:l.description}),t&&(0,s.jsx)(x.Qj,{children:(0,s.jsx)(i.E,{onClick:()=>{h.Xe.track({event:"post-push:empty-state-cta-clicked"}),window.open(n,"_blank")},size:"large",children:"Create content in the Page Builder"})})]})]})}let g={img:"/blank-slate-changes-uptodate.png",title:"Everything is up-to-date",description:"No changes are staged. Saved updates will appear here, ready to be pushed to the Page Builder."},p={img:"/blank-slate-push-success.png",title:"Success! Your changes have been pushed to the Page Builder.",description:"Add content to your website to bring it to life!"},j=(0,o.forwardRef)((e,t)=>(0,s.jsx)(i.E,{...e,ref:t,startIcon:"upload",children:"Push"}));var f=n(98250),v=n(98033),b=n(68968),y=n(13434),k=n(19468),w=n(978),C=n(30613),D=n(62813),S=n(93671),_=n(54597);let T=e=>{let{authStatus:t}=e,{openLoginModal:n}=(0,_.Z)();return(0,s.jsxs)(i.D,{flexDirection:"column",height:"100%",alignItems:"center",justifyContent:"center",gap:8,children:[t===S.t.FORBIDDEN&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.bL,{variant:"h3",align:"center",children:"It seems like you are logged out"}),(0,s.jsx)(i.bL,{align:"center",children:"Log in to connect to your repository."})]}),(0,s.jsxs)(i.bL,{align:"center",children:["If that doesn't work, it's possible that Slice Machine is having trouble accessing Prismic's servers."," ",(0,s.jsx)(i.bL,{href:"https://community.prismic.io/",children:"Contact our support team"}),"."]}),t===S.t.FORBIDDEN&&(0,s.jsx)(i.E,{onClick:()=>n(),children:"Log in to Prismic"})]})};var B=n(91914),L=n(75289);let O=()=>(0,s.jsx)(L.kC,{sx:{justifyContent:"center",alignItems:"center",flex:1},children:(0,s.jsxs)(L.kC,{sx:{flexDirection:"column",alignItems:"center",transform:"translateY(-50%)"},children:[(0,s.jsx)(B.wQ1,{size:48}),(0,s.jsx)(L.xv,{sx:{fontWeight:600,fontSize:"24px",lineHeight:"32px",mb:"8px",mt:"2px",textAlign:"center"},children:"No internet connection"}),(0,s.jsx)(L.xv,{sx:{fontSize:"13px",lineHeight:"24px",textAlign:"center"},children:"Connect to the internet to sync your changes."})]})});var I=n(951),E=n(63908),F=n(17378),N=n(51507),R=n(21442);let z=e=>{let{children:t}=e;return(0,s.jsx)(L.kC,{sx:{alignItems:"center",justifyContent:"space-between",mt:"8px",bg:"grey02",borderRadius:4,padding:"12px 16px",width:"100%"},children:t})};var P=n(39097),A=n.n(P),W=n(99195),H=n(59294),X=n(16442);let Z=e=>{let{ct:t,status:n,authStatus:i,isOnline:l}=e;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(L.xu,{as:"td",style:{width:"40%"},children:(0,s.jsx)(L.xv,{sx:{fontWeight:500},children:t.label})}),(0,s.jsx)(L.xu,{as:"td",style:{width:"40%"},children:t.id}),(0,s.jsx)(L.xu,{as:"td",style:{width:"20%"},children:(0,s.jsx)(W.O,{authStatus:i,isOnline:l,modelStatus:n,modelType:"CustomType"})})]})},G=e=>{let{customTypes:t,modelsStatuses:n,authStatus:i,isOnline:l}=e;return(0,s.jsxs)(L.xu,{as:"table","data-legacy-component":!0,children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{className:"transparent small",children:[(0,s.jsx)(L.xu,{as:"th",sx:{width:"40%",fontWeight:600},children:"Name"}),(0,s.jsx)(L.xu,{as:"th",sx:{width:"40%",fontWeight:600},children:"API ID"}),(0,s.jsx)(L.xu,{as:"th",sx:{width:"20%",fontWeight:600},children:"Status"})]})}),(0,s.jsx)("tbody",{children:t.map(e=>(0,X.TG)(e)?(0,s.jsx)(A(),{passHref:!0,href:H.cd[e.local.format].getBuilderPagePathname(e.local.id),legacyBehavior:!0,children:(0,s.jsx)("tr",{tabIndex:0,"data-testid":"custom-type-".concat(e.local.id),children:(0,s.jsx)(Z,{ct:e.local,status:n.customTypes[e.local.id],authStatus:i,isOnline:l},e.local.id)})},e.local.id):(0,s.jsx)("tr",{tabIndex:0,className:"disabled","data-testid":"custom-type-".concat(e.remote.id),children:(0,s.jsx)(Z,{ct:e.remote,status:n.customTypes[e.remote.id],authStatus:i,isOnline:l},e.remote.id)},e.remote.id))})]})};var M=n(21151),Y=n(68105),U=n(56448),Q=n(96317);function J(){let e=(0,Q.L)("slicemachine-dev-collaboration"),[t,n]=(0,o.useState)(!1),l=null==e?void 0:e.payload;return((0,o.useEffect)(()=>{(null==e?void 0:e.value)==="on"&&void 0!==l&&h.Xe.track({event:"dev-collab:workflow-stub-displayed"})},[e,l]),(null==e?void 0:e.value)!=="on"||void 0===l)?null:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(i.D,{alignItems:"flex-start",border:{bottom:!0,left:!0,right:!0,top:!0},borderRadius:6,borderStyle:"dashed",flexDirection:"column",flexShrink:0,gap:8,padding:16,width:320,children:[(0,s.jsxs)(i.D,{flexDirection:"column",gap:2,children:[(0,s.jsx)(i.bL,{variant:"smallBold",children:l.cardTitle}),(0,s.jsx)(i.bL,{color:"grey11",variant:"small",children:l.cardDescription})]}),(0,s.jsx)(i.E,{color:"grey",onClick:()=>{h.Xe.track({event:"dev-collab:set-up-workflow-opened"}),n(!0)},children:l.cardButtonLabel})]}),(0,s.jsxs)(i.ae,{onOpenChange:e=>{e||n(!1)},open:t,size:{height:"auto",width:448},children:[(0,s.jsx)(i.al,{title:l.dialogTitle}),(0,s.jsx)(i.aj,{children:(0,s.jsxs)(i.D,{flexDirection:"column",children:[(0,s.jsx)(i.D,{flexDirection:"column",padding:16,children:(0,s.jsx)(i.bL,{children:l.dialogDescription})}),(0,s.jsxs)(i.ah,{children:[(0,s.jsx)(i.ai,{size:"medium"}),(0,s.jsx)(i.af,{size:"medium",onClick:()=>{h.Xe.track({event:"dev-collab:join-beta-clicked"}),window.open(l.dialogButtonLink,"_blank"),n(!1)},children:l.dialogButtonLabel})]})]})})]})]})}let $=e=>{let{unSyncedCustomTypes:t,unSyncedSlices:n,modelsStatuses:l,authStatus:r,isOnline:a}=e,{modalPayload:c,onOpenModal:d}=(0,R.H)(),{sliceFilterFn:h,defaultVariationSelector:u}=c,x=n.filter(e=>l.slices[e.model.id]!==U.GJ.Deleted);return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)(i.D,{gap:16,alignItems:"flex-start",children:[(0,s.jsxs)(i.D,{flexDirection:"column",flexGrow:1,children:[t.length>0&&(0,s.jsxs)(i.D,{flexDirection:"column",children:[(0,s.jsx)(z,{children:(0,s.jsxs)(i.D,{children:[(0,s.jsx)(i.bL,{variant:"h5",children:"Types"}),(0,s.jsx)(i.bL,{variant:"h5",sx:{marginLeft:8},children:t.length})]})}),(0,s.jsx)(G,{customTypes:t,modelsStatuses:l,authStatus:r,isOnline:a})]}),n.length>0&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.D,{padding:{bottom:8},children:(0,s.jsxs)(z,{children:[(0,s.jsxs)(i.D,{children:[(0,s.jsx)(i.bL,{variant:"h5",children:"Slices"}),(0,s.jsx)(i.bL,{variant:"h5",sx:{marginLeft:8},children:n.length})]}),(0,s.jsxs)(i.D,{children:[n.some(e=>(0,E.cx)(e)>0&&l.slices[e.model.id]!==U.GJ.Deleted)&&(0,s.jsxs)(i.bL,{color:"amber11",sx:{marginRight:8,alignSelf:"center"},children:[(0,s.jsx)(I.sQg,{size:16,style:{marginRight:"4px",position:"relative",top:"3px"}}),"Missing Screenshots"]}),(0,s.jsx)(i.E,{color:"dark",startIcon:"photoCamera",onClick:()=>d({sliceFilterFn:e=>e}),children:"Update all screenshots"})]})]})}),(0,s.jsx)(M.Z,{gridGap:"32px 16px",elems:n,gridTemplateMinPx:"305px",defineElementKey:e=>e.model.name,renderElem:e=>{let t=l.slices[e.model.id];return(0,s.jsx)(N.b,{action:{type:"status",authStatus:r,isOnline:a,modelStatus:t},isDeleted:t===U.GJ.Deleted,mode:"navigation",onUpdateScreenshot:()=>{d({sliceFilterFn:t=>t.filter(t=>t.model.id===e.model.id)})},slice:e,variant:"solid"})}}),(0,s.jsx)(Y.Z,{slices:h(x),defaultVariationSelector:u})]})]}),(0,s.jsx)(F.S,{children:(0,s.jsx)(o.Suspense,{children:(0,s.jsx)(J,{})})})]})})};var q=n(56580),K=n(33986),V=n(79797),ee=n(30527);let et=e=>{let{isOpen:t,title:n,footer:i,explanations:l,onClose:r}=e;return(0,s.jsx)(V.Z,{placement:"right",open:t,level:null,onClose:r,width:496,children:(0,s.jsx)(ee.Z,{radius:"0px",bodySx:{bg:"white",padding:24,flex:1,display:"flex",flexDirection:"column",overflow:"scroll"},footerSx:{p:0},sx:{flexDirection:"column",display:"flex",height:"100%",border:"none"},borderFooter:!0,Header:(0,s.jsxs)(L.kC,{sx:{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,s.jsx)(L.kC,{sx:{alignItems:"center"},children:(0,s.jsx)(L.X6,{sx:{fontSize:"14px",fontWeight:"bold",ml:1},children:n})}),(0,s.jsx)(L.x8,{type:"button",onClick:()=>r()})]}),Footer:()=>(0,s.jsx)(L.kC,{sx:{flexDirection:"column",justifyContent:"center",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:"white",padding:20},children:i}),children:l})})};var en=n(78254);n(98564);let es=e=>{let{ctName:t,numberOfDocuments:n,link:i,isOverLimit:l=!1}=e;return(0,s.jsxs)(L.Zb,{sx:{mb:12},variant:"drawerCard","data-testid":"AssociatedDocumentsCard-".concat(t),children:[(0,s.jsxs)(L.kC,{sx:{flexDirection:"column"},children:[(0,s.jsx)(L.xv,{children:t}),(0,s.jsxs)(L.xv,{sx:{color:"textClear",fontSize:"12px",lineHeight:"16px"},children:[n," documents"]})]}),(0,s.jsx)(L.rU,{href:i,target:"_blank",variant:"cardSmall",sx:{color:l?"danger":"purple08"},children:"View documents"})]})},ei=e=>{let{pushChanges:t,modalData:n,onClose:i}=e,{remoteOnlyCustomTypes:l}=(0,q.v9)(e=>({remoteOnlyCustomTypes:(0,en.Ch)(e).filter(X.yp)}));if((null==n?void 0:n.type)!=="HARD")return null;let r=n.details.customTypes.map(e=>{var t;let n=l.find(t=>(0,X.n5)(t)===e.id);return void 0===n?null:(0,s.jsx)(es,{isOverLimit:!0,ctName:null!==(t=n.remote.label)&&void 0!==t?t:n.remote.id,link:e.url,numberOfDocuments:e.numberOfDocuments},e.id)});return(0,s.jsx)(et,{isOpen:"HARD"===n.type,title:"Manual action required",onClose:i,footer:(0,s.jsx)(K.z,{label:"Try again",variant:"primary",onClick:()=>{t(!1)},sx:{fontWeight:"bold",color:"white",borderRadius:6,width:"100%"}}),explanations:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(L.xv,{sx:{fontWeight:"bold",mb:1,lineHeight:"24px"},children:["Your type",n.details.customTypes.length>1&&"s"," cannot be deleted."]}),(0,s.jsxs)(L.xv,{sx:{mb:24},children:[n.details.customTypes.length>1?"These types have":"This type has"," ","too many associated Documents. Archive and delete these Documents manually and then try deleting the types again."]}),r]})})},el=e=>{let{onToggle:t,isConfirmed:n,sx:i}=e;return(0,s.jsxs)(L.kC,{sx:{borderRadius:6,flexDirection:"column",backgroundColor:"grey03",padding:12,width:"100%",...i},children:[(0,s.jsx)(L.xv,{sx:{fontWeight:"bold",mb:2},children:"Are you sure to proceed?"}),(0,s.jsxs)(L.__,{sx:{mt:"4px",py:1},variant:"large",children:[(0,s.jsx)(L.XZ,{defaultChecked:n,onChange:t,variant:"forms.checkbox.dark"}),"Delete these Documents"]})]})},er=e=>{let{pushChanges:t,modalData:n,onClose:i}=e,[l,r]=(0,o.useState)(!1),{remoteOnlyCustomTypes:a}=(0,q.v9)(e=>({remoteOnlyCustomTypes:(0,en.Ch)(e).filter(X.yp)}));if((null==n?void 0:n.type)!=="SOFT")return null;let c=n.details.customTypes.map(e=>{var t;let n=a.find(t=>(0,X.n5)(t)===e.id);return void 0===n?null:(0,s.jsx)(es,{isOverLimit:!0,ctName:null!==(t=n.remote.label)&&void 0!==t?t:n.remote.id,link:e.url,numberOfDocuments:e.numberOfDocuments},e.id)});return(0,s.jsx)(et,{isOpen:"SOFT"===n.type,title:"Confirm deletion",onClose:i,footer:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(el,{onToggle:()=>{r(!l)},isConfirmed:l,sx:{mb:10}}),(0,s.jsx)(K.z,{label:"Push changes",variant:"primary",onClick:()=>{t(l)},disabled:!l,sx:{fontWeight:"bold",color:"white",borderRadius:6,width:"100%"}})]}),explanations:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(L.xv,{sx:{fontWeight:"bold",mb:1,lineHeight:"24px"},children:"This action will also delete Documents."}),(0,s.jsxs)(L.xv,{sx:{mb:24},children:[n.details.customTypes.length>1?"These types have":"This type has"," ","associated Documents, which will also be deleted. This might create broken links in your repository."]}),c]})})};var ea=()=>{let{unSyncedSlices:e,unSyncedCustomTypes:t,changedCustomTypes:n,changedSlices:l,modelsStatuses:x}=(0,y.X)(),g=(0,w.L)(),p=(0,k.n)(),{pushChangesSuccess:B,refreshState:L}=(0,_.Z)(),[I,E]=(0,o.useState)(!1),[F,N]=(0,o.useState)(void 0),{autoSyncStatus:R}=(0,b.g)(),z=(0,a.useRouter)(),[P,A]=(0,o.useState)(!1),[W,H]=(0,o.useState)(!1),{repositoryUrl:X}=(0,C.U)(),{completeStep:Z}=(0,f.k)(),G=e.length+t.length;(0,o.useEffect)(()=>{("synced"===R||"failed"===R||"syncing"===R)&&z.push("/")},[R,z]);let M=async e=>{try{E(!0),N(void 0);let t=await (0,v.t)({confirmDeleteDocuments:e,changedCustomTypes:n,changedSlices:l});if(void 0!==t)N(t);else{let e=await (0,h.y0)();L(e),B(),A(!0),H(!0),Z("reviewAndPush")}}catch(e){console.error("Something went wrong when manually pushing your changes",e),c.Am.error("Something went wrong when pushing your changes. Check your terminal logs.")}E(!1)},Y=(0,o.useMemo)(()=>g?p===S.t.FORBIDDEN?(0,s.jsx)(T,{authStatus:p}):0===G?(0,s.jsx)(m,{isPostPush:P,documentsListEndpoint:X}):(0,s.jsx)($,{unSyncedSlices:e,unSyncedCustomTypes:t,modelsStatuses:x,authStatus:p,isOnline:g}):(0,s.jsx)(O,{}),[g,p,G,e,t,x,P,X]);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(r(),{children:(0,s.jsx)("title",{children:"Changes - Slice Machine"})}),(0,s.jsxs)(D.LN,{children:[(0,s.jsxs)(D.wd,{children:[(0,s.jsx)(D.Cx,{children:(0,s.jsx)(u.g,{children:"Changes"})}),(0,s.jsxs)(D.K2,{children:[(0,s.jsx)(j,{disabled:0===G||!g||p===S.t.UNAUTHORIZED||p===S.t.FORBIDDEN||I,loading:I,onClick:()=>{M(!1)}}),(0,s.jsx)(i.bQ,{anchor:(0,s.jsx)(i.D,{position:"fixed",top:32,right:32,width:322}),open:W,variant:"card",seconds:20,title:"Success! \uD83C\uDF89",subtitle:"Your changes have been pushed.",action:{title:"Create content in the Page Builder",onClick:()=>{h.Xe.track({event:"post-push:toast-cta-clicked"}),window.open(X,"_blank")}},cancel:{onClick:()=>H(!1)},onOpenChange:H})]})]}),(0,s.jsx)(D.RN,{children:(0,s.jsxs)(d.xR,{sx:{display:"flex",flexDirection:"column"},children:[Y,(0,s.jsx)(er,{pushChanges:e=>void M(e),modalData:F,onClose:()=>N(void 0)}),(0,s.jsx)(ei,{pushChanges:e=>void M(e),modalData:F,onClose:()=>N(void 0)})]})})]})]})}},83478:function(e){e.exports={column:"BlankSlate_column__genEe",root:"BlankSlate_root__CmSqW BlankSlate_column__genEe",fadeIn:"BlankSlate_fadeIn__mAfi5",withBackground:"BlankSlate_withBackground__mLYij",image:"BlankSlate_image__Jn90S BlankSlate_column__genEe",content:"BlankSlate_content__0Yt2d BlankSlate_column__genEe",desc:"BlankSlate_desc___Dl7e",actions:"BlankSlate_actions__OYRj4"}}},function(e){e.O(0,[898,789,123,918,34,658,888,774,179],function(){return e(e.s=21985)}),_N_E=e.O()}]);
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { revalidateData } from "@prismicio/editor-support/Suspense";
|
|
2
|
-
import { Environment } from "@slicemachine/manager/client";
|
|
3
|
-
|
|
4
|
-
import { getState } from "@/apiClient";
|
|
5
|
-
import { managerClient } from "@/managerClient";
|
|
6
|
-
|
|
7
|
-
import { getActiveEnvironment } from "./getActiveEnvironment";
|
|
8
|
-
|
|
9
|
-
export async function setEnvironment(
|
|
10
|
-
environment: Pick<Environment, "domain">,
|
|
11
|
-
): Promise<void> {
|
|
12
|
-
await managerClient.project.updateEnvironment({
|
|
13
|
-
environment: environment.domain,
|
|
14
|
-
});
|
|
15
|
-
|
|
16
|
-
void revalidateData(getActiveEnvironment, []);
|
|
17
|
-
void revalidateData(getState, []);
|
|
18
|
-
}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { Box, Button, Text } from "@prismicio/editor-ui";
|
|
2
|
-
import React, { FC } from "react";
|
|
3
|
-
|
|
4
|
-
import { AuthStatus } from "@/modules/userContext/types";
|
|
5
|
-
import useSliceMachineActions from "@/modules/useSliceMachineActions";
|
|
6
|
-
|
|
7
|
-
export type AuthErrorPageProps = {
|
|
8
|
-
authStatus: AuthStatus.FORBIDDEN;
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
export const AuthErrorPage: FC<AuthErrorPageProps> = (props) => {
|
|
12
|
-
const { authStatus } = props;
|
|
13
|
-
const { openLoginModal } = useSliceMachineActions();
|
|
14
|
-
|
|
15
|
-
return (
|
|
16
|
-
<Box
|
|
17
|
-
flexDirection="column"
|
|
18
|
-
height="100%"
|
|
19
|
-
alignItems="center"
|
|
20
|
-
justifyContent="center"
|
|
21
|
-
gap={8}
|
|
22
|
-
>
|
|
23
|
-
{authStatus === AuthStatus.FORBIDDEN && (
|
|
24
|
-
<>
|
|
25
|
-
<Text variant="h3" align="center">
|
|
26
|
-
It seems like you are logged out
|
|
27
|
-
</Text>
|
|
28
|
-
<Text align="center">Log in to connect to your repository.</Text>
|
|
29
|
-
</>
|
|
30
|
-
)}
|
|
31
|
-
<Text align="center">
|
|
32
|
-
If that doesn't work, it's possible that Slice Machine is having trouble
|
|
33
|
-
accessing Prismic's servers.{" "}
|
|
34
|
-
<Text href="https://community.prismic.io/">
|
|
35
|
-
Contact our support team
|
|
36
|
-
</Text>
|
|
37
|
-
.
|
|
38
|
-
</Text>
|
|
39
|
-
{authStatus === AuthStatus.FORBIDDEN && (
|
|
40
|
-
<Button onClick={() => openLoginModal()}>Log in to Prismic</Button>
|
|
41
|
-
)}
|
|
42
|
-
</Box>
|
|
43
|
-
);
|
|
44
|
-
};
|
|
File without changes
|