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

package/out/_next/static/chunks/pages/changes-6a24f50da1a00688.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[849],{21985:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/changes",function(){return t(4920)}])},56577:function(e,n,t){"use strict";t.d(n,{z:function(){return u}});var s=t(62230),i=t(85244),r=t(98240),a=t(52322),o=t(2784),c=t(75289),l=function(e,n){return e?"".concat(e,"-").concat(n):""},d=function(e){switch(e){case"white":case"secondaryMedium":case"secondarySmall":case"secondary":return"#1A1523";default:return"grey01"}},u=(0,o.forwardRef)(function(e,n){var t=e.label,o=e.Icon,u=e.type,h=e.form,x=e.isLoading,m=void 0!==x&&x,f=e.disabled,p=e.onClick,g=e.sx,j=e.iconSize,v=void 0===j?16:j,y=e.iconFill,b=e.variant,_=void 0===b?"primary":b,C=(0,r.Z)(e,["label","Icon","type","form","isLoading","disabled","onClick","sx","iconSize","iconFill","variant"]);return(0,a.jsx)(c.zx,(0,i.Z)((0,s.Z)({ref:n,sx:(0,s.Z)((0,i.Z)((0,s.Z)({},void 0===g?{}:g),{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px"}),m?{cursor:"wait !important"}:{}),type:u,form:h,disabled:void 0!==f&&f||m,onClick:m?void 0:p,variant:_},C),{children:m?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(c.$j,{size:v,color:d(_),"data-cy":l(C["data-cy"],"spinner")}),o&&t]}):(0,a.jsxs)(a.Fragment,{children:[o&&(0,a.jsx)(o,{size:v,fill:y,"data-cy":l(C["data-cy"],"icon")}),t]})}))})},59469:function(e,n,t){"use strict";var s=t(62230),i=t(52322),r=t(75289);n.Z=function(e){var n=e.elems,t=e.renderElem,a=e.defineElementKey,o=e.gridTemplateMinPx,c=e.gridGap,l=e.sx;return(0,i.jsx)(r.xu,{as:"section",sx:(0,s.Z)({display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(".concat(void 0===o?"320px":o,", 1fr))"),gridGap:void 0===c?"16px":c,pt:2},l),children:n.map(function(e,n){return e?(0,i.jsx)("span",{children:t(e,n)},"".concat(a(e),"-").concat(n+1)):null})})}},4920:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return ed}});var s=t(52322),i=t(22715),r=t(2784),a=t(97729),o=t.n(a),c=t(65077),l=t(56580),d=t(22337),u=t(75289),h=t(951),x=function(e){var n=e.children;return(0,s.jsx)(u.kC,{sx:{alignItems:"center",justifyContent:"space-between",mt:"8px",bg:"grey02",borderRadius:4,padding:"12px 16px"},children:n})},m=t(39097),f=t.n(m),p=t(7819),g=t(34728),j=t(67445),v=function(e){var n=e.ct,t=e.status,i=e.authStatus,r=e.isOnline;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(u.xu,{as:"td",style:{width:"40%"},children:(0,s.jsx)(u.xv,{sx:{fontWeight:500},children:n.label})}),(0,s.jsx)(u.xu,{as:"td",style:{width:"40%"},children:n.id}),(0,s.jsx)(u.xu,{as:"td",style:{width:"20%"},children:(0,s.jsx)(g.O,{authStatus:i,isOnline:r,modelStatus:t,modelType:"CustomType"})})]})},y=function(e){var n=e.customTypes,t=e.modelsStatuses,i=e.authStatus,r=e.isOnline;return(0,s.jsxs)(u.xu,{as:"table","data-legacy-component":!0,children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{className:"transparent small",children:[(0,s.jsx)(u.xu,{as:"th",sx:{width:"40%",fontWeight:600},children:"Name"}),(0,s.jsx)(u.xu,{as:"th",sx:{width:"40%",fontWeight:600},children:"API ID"}),(0,s.jsx)(u.xu,{as:"th",sx:{width:"20%",fontWeight:600},children:"Status"})]})}),(0,s.jsx)("tbody",{children:n.map(function(e){return(0,p.TG)(e)?(0,s.jsx)(f(),{passHref:!0,href:j.cd[e.local.format].getBuilderPagePathname(e.local.id),legacyBehavior:!0,children:(0,s.jsx)("tr",{tabIndex:0,"data-cy":"custom-type-".concat(e.local.id),children:(0,s.jsx)(v,{ct:e.local,status:t.customTypes[e.local.id],authStatus:i,isOnline:r,modelsStatuses:t},e.local.id)})},e.local.id):(0,s.jsx)("tr",{tabIndex:0,className:"disabled","data-cy":"custom-type-".concat(e.remote.id),children:(0,s.jsx)(v,{ct:e.remote,status:t.customTypes[e.remote.id],authStatus:i,isOnline:r,modelsStatuses:t},e.remote.id)})})})]})},b=t(59469),_=t(15836),C=t(5479),S=t(47731),D=t(32681),T=t(71749),k=function(e){var n=e.unSyncedCustomTypes,t=e.unSyncedSlices,i=e.modelsStatuses,r=e.authStatus,a=e.isOnline,o=(0,S.H)(),c=o.modalPayload,l=o.onOpenModal,d=c.sliceFilterFn,m=c.defaultVariationSelector,f=t.filter(function(e){return i.slices[e.model.id]!==D.G.Deleted});return(0,s.jsxs)(s.Fragment,{children:[n.length>0&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(x,{children:(0,s.jsxs)(u.xu,{children:[(0,s.jsx)(u.xv,{variant:"heading",children:"Types"}),(0,s.jsx)(u.xv,{variant:"grey",sx:{ml:"8px"},children:n.length})]})}),(0,s.jsx)(y,{customTypes:n,modelsStatuses:i,authStatus:r,isOnline:a})]}),t.length>0&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(u.xu,{sx:{mb:"8px"},children:(0,s.jsxs)(x,{children:[(0,s.jsxs)(u.xu,{children:[(0,s.jsx)(u.xv,{variant:"heading",children:"Slices"}),(0,s.jsx)(u.xv,{variant:"grey",sx:{ml:"8px"},children:t.length})]}),(0,s.jsxs)(u.xu,{children:[t.some(function(e){return(0,C.cx)(e)>0&&i.slices[e.model.id]!==D.G.Deleted})&&(0,s.jsxs)(u.xv,{sx:{mr:3,color:"warning02",fontSize:"12px",lineHeight:"16px",fontWeight:600},children:[(0,s.jsx)(h.sQg,{size:16,style:{marginRight:"4px",position:"relative",top:"3px"}}),"Missing Screenshots"]}),(0,s.jsxs)(u.zx,{variant:"darkSmall",onClick:function(){return l({sliceFilterFn:function(e){return e}})},children:[(0,s.jsx)(h.hOO,{style:{color:"#FFF",fontSize:"15px",position:"relative",top:"3px",marginRight:"4px"}})," ","Update all screenshots"]})]})]})}),(0,s.jsx)(b.Z,{gridGap:"32px 16px",elems:t,gridTemplateMinPx:"305px",defineElementKey:function(e){return e.model.name},renderElem:function(e){var n=i.slices[e.model.id];return(0,s.jsx)(T.b,{action:{type:"status",authStatus:r,isOnline:a,modelStatus:n},isDeleted:n===D.G.Deleted,mode:"navigation",onUpdateScreenshot:function(){l({sliceFilterFn:function(n){return n.filter(function(n){return n.model.id===e.model.id})}})},slice:e,variant:"solid"})}}),(0,s.jsx)(_.Z,{slices:d(f),defaultVariationSelector:m})]})]})},z=t(91914),O=function(){return(0,s.jsx)(u.kC,{sx:{justifyContent:"center",alignItems:"center",flex:1},children:(0,s.jsxs)(u.kC,{sx:{flexDirection:"column",alignItems:"center",transform:"translateY(-50%)"},children:[(0,s.jsx)(z.wQ1,{size:48}),(0,s.jsx)(u.xv,{sx:{fontWeight:600,fontSize:"24px",lineHeight:"32px",mb:"8px",mt:"2px",textAlign:"center"},children:"No internet connection"}),(0,s.jsx)(u.xv,{sx:{fontSize:"13px",lineHeight:"24px",textAlign:"center"},children:"You need a stable internet connection to review and push changes"})]})})},w=t(90374),Z=t(79096),R=function(e){var n=e.authStatus,t=(0,w.Z)().openLoginModal;return(0,s.jsxs)(i.xu,{flexDirection:"column",height:"100%",alignItems:"center",justifyContent:"center",gap:8,children:[n===Z.t.FORBIDDEN?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.xv,{variant:"h3",align:"center",children:"It seems like you are logged out"}),(0,s.jsx)(i.xv,{align:"center",children:"Log in to connect to your repository."})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.xv,{variant:"h3",align:"center",children:"It seems like you don't have access to this repository"}),(0,s.jsx)(i.xv,{align:"center",children:"Check that the repository name is correct, then contact your repository administrator."})]}),(0,s.jsxs)(i.xv,{align:"center",children:["If that doesn't work, it's possible that Slice Machine is having trouble accessing Prismic's servers."," ",(0,s.jsx)(i.hh,{href:"https://community.prismic.io/",children:"Contact our support team"}),"."]}),n===Z.t.FORBIDDEN&&(0,s.jsx)(i.zx,{onClick:function(){return t()},children:"Log in to Prismic"})]})},E=t(5632),N=t.n(E),F=t(2754),I=t(34543),M=t(62230),P=t(85244),H=t(98240),W=t(6277);t(25977);var A={primary:"_1ecs97dbc8 _1ecs97dbjl _1ecs97dbc2 _1ecs97dbjf _1ecs97dbca _1ecs97dbjn",secondary:"_1ecs97daji _1ecs97dah3 _1ecs97dajc _1ecs97dagx _1ecs97dajk _1ecs97dah5"},B={normal:"ovkapw1",smallBold:"ovkapw2",inherit:"ovkapw3 _1ecs97df47"},G=function(e){var n=e.children,t=e.color,a=e.endIcon,o=e.href,c=e.textVariant,l=void 0===c?"smallBold":c,d=(0,H.Z)(e,["children","color","endIcon","href","textVariant"]);return(0,s.jsxs)("a",(0,P.Z)((0,M.Z)({href:o,target:"_blank",rel:"noreferrer"},d),{className:(0,W.Z)("ovkapw0 _1ecs97dez0 _1ecs97df41 _1ecs97dez2 _1ecs97dez8",A[void 0===t?"primary":t]),children:[(0,s.jsx)(i.xv,{component:"span",color:"inherit",variant:l,children:n}),(0,r.isValidElement)(a)?(0,r.cloneElement)(a,{className:(0,W.Z)(a.props.className,"_1ecs97dfhw",B[l])}):null]}))},L=t(39092),U=function(){var e,n=(e=(0,l.v9)(function(e){return{repoName:(0,L.MY)(e)}}).repoName,"https://".concat(e,".prismic.io/documents/working"));return(0,s.jsxs)(F.R$,{style:{alignSelf:"center",marginTop:i.TV.size[72]},children:[(0,s.jsx)(F.u2,{children:(0,s.jsx)(i.Ee,{src:"/blank-slate-changes-uptodate.png",sizing:"cover"})}),(0,s.jsxs)(F.T9,{children:[(0,s.jsx)(F._T,{children:"Everything up-to-date"}),(0,s.jsx)(F.nf,{children:"You have no changes staged. Your changes appear here after you have saved them, while they're waiting to be pushed to the Page Builder. Ready to get going?"}),(0,s.jsxs)(F.Qj,{children:[(0,s.jsx)(i.zx,{onClick:function(){N().push("/")},children:"Create a page type"}),(0,s.jsx)(G,{endIcon:(0,s.jsx)(I.AlO,{}),textVariant:"normal",href:n,children:"Create content"})]})]})]})},V=t(67764),Y=t(32665),X=t(3098),q=t(56577),Q=t(24340),$=t(77174),J=t(49471),K=t(40432),ee=t(78656),en=function(e){var n=e.ctName,t=e.numberOfDocuments,i=e.link,r=e.isOverLimit;return(0,s.jsxs)(u.Zb,{sx:{mb:12},variant:"drawerCard","data-cy":"AssociatedDocumentsCard-".concat(n),children:[(0,s.jsxs)(u.kC,{sx:{flexDirection:"column"},children:[(0,s.jsx)(u.xv,{children:n}),(0,s.jsxs)(u.xv,{sx:{color:"textClear",fontSize:"12px",lineHeight:"16px"},children:[t," documents"]})]}),(0,s.jsx)(u.rU,{href:i,target:"_blank",variant:"cardSmall",sx:{color:void 0!==r&&r?"danger":"purple08"},children:"View documents"})]})},et=function(e){var n=e.format,t=e.id,i=e.name;return(0,s.jsxs)(u.Zb,{sx:{mb:12},variant:"drawerCard","data-cy":"CustomTypesReferencesCard-".concat(i),children:[(0,s.jsxs)(u.kC,{sx:{flexDirection:"column"},children:[(0,s.jsx)(u.xv,{children:i}),(0,s.jsx)(u.xv,{sx:{color:"textClear",fontSize:"12px",lineHeight:"16px"},children:"Missing Slices"})]}),(0,s.jsxs)(u.rU,{href:j.cd[n].getBuilderPagePathname(t),target:"_blank",variant:"cardSmall",children:["View ",ee.$[n].name({start:!1,plural:!1})]},t)]})},es=t(79797),ei=t(54132),er=function(e){var n=e.isOpen,t=e.title,i=e.footer,r=e.explanations,a=(0,w.Z)().closeModals;return(0,s.jsx)(es.Z,{placement:"right",open:n,level:null,onClose:a,width:496,children:(0,s.jsx)(ei.Z,{radius:"0px",bodySx:{bg:"white",padding:24,flex:1,display:"flex",flexDirection:"column",overflow:"scroll"},footerSx:{p:0},sx:{flexDirection:"column",display:"flex",height:"100%",border:"none"},borderFooter:!0,Header:function(){return(0,s.jsxs)(u.kC,{sx:{p:"16px",alignItems:"center",justifyContent:"space-between",borderBottom:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.borders))}},children:[(0,s.jsx)(u.kC,{sx:{alignItems:"center"},children:(0,s.jsx)(u.X6,{sx:{fontSize:"14px",fontWeight:"bold",ml:1},children:t})}),(0,s.jsx)(u.x8,{type:"button",onClick:function(){return a()}})]})},Footer:function(){return(0,s.jsx)(u.kC,{sx:{flexDirection:"column",justifyContent:"center",alignItems:"center",paddingRight:16,borderTop:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.darkBorders))},backgroundColor:"white",padding:20},children:i})},children:r})})},ea=function(e){var n=e.onToggle,t=e.isConfirmed,i=e.sx;return(0,s.jsxs)(u.kC,{sx:(0,M.Z)({borderRadius:6,flexDirection:"column",backgroundColor:"grey03",padding:12,width:"100%"},i),children:[(0,s.jsx)(u.xv,{sx:{fontWeight:"bold",mb:2},children:"Are you sure to proceed?"}),(0,s.jsxs)(u.__,{sx:{mt:"4px",py:1},variant:"large",children:[(0,s.jsx)(u.XZ,{defaultChecked:t,onChange:n,variant:"forms.checkbox.dark"}),"Delete these Documents"]})]})},eo=function(e){var n=e.pushChanges,t=(0,r.useState)(!1),i=t[0],a=t[1],o=(0,l.v9)(function(e){return{isDeleteDocumentsDrawerOpen:(0,$.gP)(e,Q.q.SOFT_DELETE_DOCUMENTS_DRAWER),remoteOnlyCustomTypes:(0,J.Ch)(e).filter(p.yp),modalData:e.pushChanges}}),c=o.isDeleteDocumentsDrawerOpen,d=o.remoteOnlyCustomTypes,h=o.modalData,x=(0,w.Z)(),m=x.closeModals,f=x.openToaster;if(!c)return null;if((null==h?void 0:h.type)!=="SOFT")return f("No change data",K.Jf.ERROR),null;var g=h.details.customTypes.map(function(e){var n,t=d.find(function(n){return(0,p.n5)(n)===e.id});return void 0===t?null:(0,s.jsx)(en,{isOverLimit:!0,ctName:null!==(n=t.remote.label)&&void 0!==n?n:t.remote.id,link:e.url,numberOfDocuments:e.numberOfDocuments},e.id)});return(0,s.jsx)(er,{isOpen:c,title:"Confirm deletion",footer:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(ea,{onToggle:function(){a(!i)},isConfirmed:i,sx:{mb:10}}),(0,s.jsx)(q.z,{label:"Push changes",variant:"primary",onClick:function(){m(),n(i)},disabled:!i,sx:{fontWeight:"bold",color:"white",borderRadius:6,width:"100%"}})]}),explanations:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(u.xv,{sx:{fontWeight:"bold",mb:1,lineHeight:"24px"},children:"This action will also delete Documents."}),(0,s.jsxs)(u.xv,{sx:{mb:24},children:[h.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."]}),g]})})},ec=function(e){var n=e.pushChanges,t=(0,l.v9)(function(e){return{isDeleteDocumentsDrawerOpen:(0,$.gP)(e,Q.q.HARD_DELETE_DOCUMENTS_DRAWER),remoteOnlyCustomTypes:(0,J.Ch)(e).filter(p.yp),modalData:e.pushChanges}}),i=t.isDeleteDocumentsDrawerOpen,r=t.remoteOnlyCustomTypes,a=t.modalData,o=(0,w.Z)(),c=o.closeModals,d=o.openToaster;if(!i)return null;if((null==a?void 0:a.type)!=="HARD")return d("No change data",K.Jf.ERROR),null;var h=a.details.customTypes.map(function(e){var n,t=r.find(function(n){return(0,p.n5)(n)===e.id});return void 0===t?null:(0,s.jsx)(en,{isOverLimit:!0,ctName:null!==(n=t.remote.label)&&void 0!==n?n:t.remote.id,link:e.url,numberOfDocuments:e.numberOfDocuments},e.id)});return(0,s.jsx)(er,{isOpen:i,title:"Manual action required",footer:(0,s.jsx)(q.z,{label:"Try again",variant:"primary",onClick:function(){c(),n(!1)},sx:{fontWeight:"bold",color:"white",borderRadius:6,width:"100%"}}),explanations:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(u.xv,{sx:{fontWeight:"bold",mb:1,lineHeight:"24px"},children:["Your type",a.details.customTypes.length>1&&"s"," cannot be deleted."]}),(0,s.jsxs)(u.xv,{sx:{mb:24},children:[a.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."]}),h]})})},el=function(e){var n=e.pushChanges,t=(0,l.v9)(function(e){return{isOpen:(0,$.gP)(e,Q.q.REFERENCES_MISSING_DRAWER),localCustomTypes:(0,J.Ch)(e).filter(p.TG),modalData:e.pushChanges}}),i=t.isOpen,r=t.modalData,a=t.localCustomTypes,o=(0,w.Z)(),c=o.closeModals,d=o.openToaster;if(!i)return null;if((null==r?void 0:r.details)===void 0)return d("No change data",K.Jf.ERROR),null;var h=(null==r?void 0:r.details.customTypes.length)>1,x=r.details.customTypes.map(function(e){var n,t=a.find(function(n){return(0,p.n5)(n)===e.id});return void 0===t?null:(0,s.jsx)(et,{format:t.local.format,id:t.local.id,name:null!==(n=t.local.label)&&void 0!==n?n:t.local.id})});return(0,s.jsx)(er,{isOpen:i,title:"Missing Slices",footer:(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(q.z,{label:"Try again",variant:"primary",onClick:function(){c(),n(!1)},sx:{fontWeight:"bold",color:"white",borderRadius:6,width:"100%"}})}),explanations:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(u.xv,{sx:{fontWeight:"bold",mb:1,lineHeight:"24px"},children:["You have",h?"":" a"," type",h?"s":""," that reference"," ",h?"":"s"," one or more missing Slices"]}),(0,s.jsxs)(u.xv,{sx:{mb:24},children:["Before pushing, remove references to any missing Slices by opening"," ","the affected type",h?"s":""," and clicking the"," ",(0,s.jsx)("b",{children:"Save"})," button."]}),x]})})},ed=function(){var e=(0,V.X)(),n=e.unSyncedSlices,t=e.unSyncedCustomTypes,a=e.modelsStatuses,u=e.authStatus,h=e.isOnline,x=(0,r.useMemo)(function(){var e;return{changedSlices:n.map(function(e){return{slice:e,status:a.slices[e.model.id]}}).filter(function(e){return V.O.includes(e.status)}),changedCustomTypes:t.map(function(e){return(0,p.TG)(e)?e.local:e.remote}).map(function(e){return{customType:e,status:a.customTypes[e.id]}}).filter(function(e){return V.O.includes(e.status)})}},[n,t,a]),m=x.changedSlices,f=x.changedCustomTypes,g=(0,w.Z)(),j=g.pushChanges,v=g.closeModals,y=(0,l.v9)(function(e){return{isSyncing:(0,Y.hg)(e,X.z.CHANGES_PUSH)}}).isSyncing;(0,r.useEffect)(function(){return function(){v()}},[]);var b=n.length+t.length,_=function(e){return j({confirmDeleteDocuments:e,changedSlices:m,changedCustomTypes:f})},C=(0,r.useMemo)(function(){return h?u===Z.t.UNAUTHORIZED||u===Z.t.FORBIDDEN?(0,s.jsx)(R,{authStatus:u}):0===b?(0,s.jsx)(U,{}):(0,s.jsx)(k,{unSyncedSlices:n,unSyncedCustomTypes:t,modelsStatuses:a,authStatus:u,isOnline:h}):(0,s.jsx)(O,{})},[h,u,b,n,t,a,]);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o(),{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,{folder:"Changes"}),(0,s.jsx)(d.K2,{children:(0,s.jsx)(i.zx,{onClick:function(){return _(!1)},loading:y,disabled:0===b||!h||u===Z.t.UNAUTHORIZED||u===Z.t.FORBIDDEN||y,"data-cy":"push-changes",children:"Push Changes"})})]}),(0,s.jsx)(d.RN,{children:(0,s.jsxs)(c.xR,{sx:{display:"flex",flexDirection:"column"},children:[C,(0,s.jsx)(eo,{pushChanges:_}),(0,s.jsx)(ec,{pushChanges:_}),(0,s.jsx)(el,{pushChanges:_})]})})]})]})}},2754:function(e,n,t){"use strict";t.d(n,{R$:function(){return d},Qj:function(){return f},T9:function(){return h},nf:function(){return m},u2:function(){return u},_T:function(){return x}});var s=t(67557),i=t(62230),r=t(85244),a=t(98240),o=t(52322),c=t(6277),l=t(22715);t(69143);var d=function(e){var n=e.backgroundImage,t=e.style,l=(0,a.Z)(e,["backgroundImage","style"]),d=void 0!==n;return(0,o.jsx)("article",(0,r.Z)((0,i.Z)({},l),{className:(0,c.Z)("_18bjhbz0 _1ecs97dez0 _1ecs97dez1 _1ecs97dez2 _1ecs97dezb _1ecs97dfiv _1ecs97dfix _1ecs97dfiz _1ecs97d3fg _1ecs97d3mt _1ecs97df0r _1ecs97df23 _1ecs97df2h _1ecs97dezp",(0,s.Z)({},"_18bjhbz1 _1ecs97dezx _1ecs97df4v",d)),style:(0,i.Z)({backgroundImage:d?"url(".concat(n,")"):void 0},t)}))},u=function(e){return(0,o.jsx)("div",(0,r.Z)((0,i.Z)({},e),{className:"_1ecs97dez0 _1ecs97dez1 _1ecs97dez2 _1ecs97dezb _1ecs97d6r8 _1ecs97d6yl _1ecs97df29 _1ecs97df2l _1ecs97dezp"}))},h=function(e){return(0,o.jsx)("div",(0,r.Z)((0,i.Z)({},e),{className:"_18bjhbz3 _1ecs97dez0 _1ecs97dez1 _1ecs97dez2 _1ecs97dezb _1ecs97dffv"}))},x=function(e){return(0,o.jsx)(l.xv,(0,r.Z)((0,i.Z)({},e),{className:"_18bjhbz4"}))},m=function(e){return(0,o.jsx)(l.xv,(0,r.Z)((0,i.Z)({},e),{className:"_18bjhbz5",color:"grey11"}))},f=function(e){return(0,o.jsx)("div",(0,r.Z)((0,i.Z)({},e),{className:"_18bjhbz6 _1ecs97dez0 _1ecs97dez8 _1ecs97dez1 _1ecs97dez2 _1ecs97df95 _1ecs97dfdl",color:"grey"}))}},69143:function(){},25977:function(){}},function(e){e.O(0,[898,789,123,543,918,25,286,774,888,179],function(){return e(e.s=21985)}),_N_E=e.O()}]);

package/src/modules/pushChangesSaga/index.ts

@@ -1,191 +0,0 @@
-import { getState, pushChanges, telemetry } from "../../apiClient";
-import {
-  call,
-  fork,
-  put,
-  SagaReturnType,
-  takeLatest,
-} from "redux-saga/effects";
-import {
-  ActionType,
-  createAsyncAction,
-  getType,
-  Reducer,
-} from "typesafe-actions";
-import { withLoader } from "../loading";
-import { openToasterCreator, ToasterType } from "../toaster";
-import { modalOpenCreator } from "../modal";
-import { ModalKeysEnum } from "../modal/types";
-import { LoadingKeysEnum } from "../loading/types";
-import { refreshStateCreator } from "../environment";
-import {
-  InvalidCustomTypeResponse,
-  PushChangesPayload,
-} from "@lib/models/common/TransactionalPush";
-import { trackPushChangesSuccess } from "./trackPushChangesSuccess";
-import {
-  isUnauthenticatedError,
-  isUnauthorizedError,
-  SliceMachineManagerClient,
-} from "@slicemachine/manager/client";
-import {
-  ChangedCustomType,
-  ChangedSlice,
-} from "@lib/models/common/ModelStatus";
-
-export type ChangesPushSagaPayload = PushChangesPayload & {
-  changedSlices: ReadonlyArray<ChangedSlice>;
-  changedCustomTypes: ReadonlyArray<ChangedCustomType>;
-};
-
-type Limit = NonNullable<
-  Awaited<
-    ReturnType<SliceMachineManagerClient["prismicRepository"]["pushChanges"]>
-  >
->;
-
-export const changesPushCreator = createAsyncAction(
-  "PUSH_CHANGES.REQUEST",
-  "PUSH_CHANGES.RESPONSE",
-  "PUSH_CHANGES.FAILURE",
-)<ChangesPushSagaPayload, undefined, Limit | InvalidCustomTypeResponse>();
-
-export const sortDocumentLimits = (limit: Readonly<Limit>) => ({
-  ...limit,
-  details: {
-    ...limit.details,
-    customTypes: [...limit.details.customTypes].sort(
-      (doc1, doc2) => doc2.numberOfDocuments - doc1.numberOfDocuments,
-    ),
-  },
-});
-
-const MODAL_KEY_MAP = {
-  ["INVALID_CUSTOM_TYPES"]: ModalKeysEnum.REFERENCES_MISSING_DRAWER,
-  ["SOFT"]: ModalKeysEnum.SOFT_DELETE_DOCUMENTS_DRAWER,
-  ["HARD"]: ModalKeysEnum.HARD_DELETE_DOCUMENTS_DRAWER,
-};
-
-export function* changesPushSaga({
-  payload,
-}: ReturnType<typeof changesPushCreator.request>): Generator {
-  const startTime = Date.now();
-  const { changedSlices, changedCustomTypes } = payload;
-
-  const sliceChanges = changedSlices.map((sliceChange) => ({
-    id: sliceChange.slice.model.id,
-    type: "Slice" as const,
-    libraryID: sliceChange.slice.from,
-    status: sliceChange.status,
-  }));
-  const customTypeChanges = changedCustomTypes.map((customTypeChange) => ({
-    id: customTypeChange.customType.id,
-    type: "CustomType" as const,
-    status: customTypeChange.status,
-  }));
-
-  // Creating a new payload with the correct format
-  const pushPayload = {
-    confirmDeleteDocuments: payload.confirmDeleteDocuments,
-    changes: [...sliceChanges, ...customTypeChanges],
-  };
-
-  try {
-    const response = (yield call(pushChanges, pushPayload)) as SagaReturnType<
-      typeof pushChanges
-    >;
-
-    if (response) {
-      // sending failure event
-      yield put(changesPushCreator.failure(sortDocumentLimits(response)));
-      // Tracking when a limit has been reached
-      void telemetry.track({
-        event: "changes:limit-reach",
-        limitType: response.type,
-      });
-      // Open the corresponding drawer
-      yield put(
-        modalOpenCreator({
-          modalKey: MODAL_KEY_MAP[response.type],
-        }),
-      );
-      return;
-    }
-
-    const serverState = (yield call(getState)) as SagaReturnType<
-      typeof getState
-    >;
-    yield put(
-      refreshStateCreator({
-        env: serverState.env,
-        remoteCustomTypes: serverState.remoteCustomTypes,
-        localCustomTypes: serverState.customTypes,
-        libraries: serverState.libraries,
-        remoteSlices: serverState.remoteSlices,
-        clientError: serverState.clientError,
-      }),
-    );
-
-    // Tracking the success of the push
-    void trackPushChangesSuccess({ ...payload, startTime });
-
-    // Send global success event
-    yield put(changesPushCreator.success());
-
-    // Display success toaster
-    yield put(
-      openToasterCreator({
-        content: "All slices and types have been pushed",
-        type: ToasterType.SUCCESS,
-      }),
-    );
-  } catch (error) {
-    if (isUnauthenticatedError(error) || isUnauthorizedError(error)) {
-      yield put(modalOpenCreator({ modalKey: ModalKeysEnum.LOGIN }));
-      return;
-    }
-    // TODO: handle auth errors
-    yield put(
-      openToasterCreator({
-        content:
-          "Something went wrong when pushing your changes. Check your terminal logs.",
-        type: ToasterType.ERROR,
-      }),
-    );
-  }
-}
-
-function* watchChangesPush() {
-  yield takeLatest(
-    getType(changesPushCreator.request),
-    withLoader(changesPushSaga, LoadingKeysEnum.CHANGES_PUSH),
-  );
-}
-
-// Saga Exports
-export function* watchChangesPushSagas() {
-  yield fork(watchChangesPush);
-}
-
-// Reducer
-export type PushChangesStoreType = Readonly<
-  Limit | InvalidCustomTypeResponse | null
->;
-type PushChangesActions = ActionType<typeof changesPushCreator>;
-
-export const pushChangesReducer: Reducer<
-  PushChangesStoreType,
-  PushChangesActions
-> = (state = null, action) => {
-  switch (action.type) {
-    case getType(changesPushCreator.request):
-    case getType(changesPushCreator.success):
-      return null;
-
-    case getType(changesPushCreator.failure): {
-      return action.payload;
-    }
-    default:
-      return state;
-  }
-};

package/test/src/modules/pushChangesSaga.test.ts

@@ -1,261 +0,0 @@
-import { describe, test } from "vitest";
-import { Analytics } from "@segment/analytics-node";
-import "@testing-library/jest-dom";
-import { TestApi, testSaga } from "redux-saga-test-plan";
-import {
-  ChangesPushSagaPayload,
-  changesPushCreator,
-  changesPushSaga,
-} from "../../../src/modules/pushChangesSaga";
-
-import { refreshStateCreator } from "@src/modules/environment";
-import { setupServer } from "msw/node";
-import { getState, pushChanges } from "../../../src/apiClient";
-import { modalOpenCreator } from "../../../src/modules/modal";
-import { ModalKeysEnum } from "../../../src/modules/modal/types";
-import { openToasterCreator, ToasterType } from "../../../src/modules/toaster";
-import { dummyServerState } from "./__fixtures__/serverState";
-import { ModelStatus } from "@lib/models/common/ModelStatus";
-import { ComponentUI } from "@lib/models/common/ComponentUI";
-import { CustomTypeSM } from "@lib/models/common/CustomType";
-
-enum LimitType {
-  SOFT = "SOFT",
-  HARD = "HARD",
-}
-
-class CustomAxiosError extends Error {
-  isAxiosError: boolean;
-  response?: {
-    data: any;
-    status: number;
-    statusText?: string;
-    headers?: any;
-    config?: any;
-  };
-
-  constructor(status: number) {
-    super();
-    this.isAxiosError = true;
-    this.response = { data: {}, status };
-  }
-}
-
-const server = setupServer();
-beforeAll(() => server.listen());
-afterEach(() => server.resetHandlers());
-afterAll(() => server.close());
-
-const changesPayload: ChangesPushSagaPayload = {
-  confirmDeleteDocuments: false,
-  changedSlices: [
-    {
-      slice: {
-        model: { id: "slice1", variations: [{ id: "var1" }] },
-        screenshots: { var1: { hash: "__HASH__" } },
-        from: "library1",
-      } as unknown as ComponentUI,
-      status: ModelStatus.New,
-    },
-  ],
-  changedCustomTypes: [
-    {
-      customType: { id: "customType1" } as CustomTypeSM,
-      status: ModelStatus.Modified,
-    },
-  ],
-};
-
-const pushChangesApiPayload = {
-  confirmDeleteDocuments: false,
-  changes: [
-    {
-      id: "slice1",
-      status: ModelStatus.New,
-      libraryID: "library1",
-      type: "Slice",
-    },
-    {
-      id: "customType1",
-      status: ModelStatus.Modified,
-      type: "CustomType",
-    },
-  ],
-};
-
-describe("[pushChanges module]", () => {
-  describe("[changesPushSaga]", () => {
-    let saga: TestApi;
-
-    beforeEach(() => {
-      saga = testSaga(
-        changesPushSaga,
-        changesPushCreator.request(changesPayload),
-      );
-    });
-    test("Pushes changes when API response is OK display success toaster", async () => {
-      saga.next().call(pushChanges, pushChangesApiPayload);
-
-      saga.next(null).call(getState);
-
-      saga.next(dummyServerState).put(
-        refreshStateCreator({
-          env: dummyServerState.env,
-          remoteCustomTypes: dummyServerState.remoteCustomTypes,
-          localCustomTypes: dummyServerState.customTypes,
-          libraries: dummyServerState.libraries,
-          remoteSlices: [],
-          clientError: undefined,
-        }),
-      );
-
-      saga.next().put(changesPushCreator.success());
-
-      saga.next().put(
-        openToasterCreator({
-          content: "All slices and types have been pushed",
-          type: ToasterType.SUCCESS,
-        }),
-      );
-
-      saga.next().isDone();
-
-      // Wait for network request to be performed
-      await new Promise((resolve) => setTimeout(resolve, 100));
-      expect(Analytics.prototype.track).toHaveBeenCalledOnce();
-    });
-
-    test.each([
-      [LimitType.HARD, ModalKeysEnum.HARD_DELETE_DOCUMENTS_DRAWER],
-      [LimitType.SOFT, ModalKeysEnum.SOFT_DELETE_DOCUMENTS_DRAWER],
-    ])(
-      "Displays delete limit modal when there is a %s limit response",
-      async (limitType, expectedModalKey) => {
-        saga.next().call(pushChanges, pushChangesApiPayload);
-
-        // This test will also verify that the details are sorted in descending order.
-        saga
-          .next({
-            type: limitType,
-            details: {
-              customTypes: [
-                {
-                  id: "CT1",
-                  numberOfDocuments: 2000,
-                  url: "url",
-                },
-                {
-                  id: "CT2",
-                  numberOfDocuments: 3000,
-                  url: "url",
-                },
-              ],
-            },
-          })
-          .put(
-            changesPushCreator.failure({
-              type: limitType,
-              details: {
-                customTypes: [
-                  {
-                    id: "CT2",
-                    numberOfDocuments: 3000,
-                    url: "url",
-                  },
-                  {
-                    id: "CT1",
-                    numberOfDocuments: 2000,
-                    url: "url",
-                  },
-                ],
-              },
-            }),
-          );
-
-        saga.next().put(
-          modalOpenCreator({
-            modalKey: expectedModalKey,
-          }),
-        );
-
-        saga.next().isDone();
-
-        // Wait for network request to be performed
-        await new Promise((resolve) => setTimeout(resolve, 100));
-        expect(Analytics.prototype.track).toHaveBeenCalledOnce();
-      },
-    );
-
-    test("Displays an error toaster when there is an API error on push", () => {
-      saga.next().call(pushChanges, pushChangesApiPayload);
-
-      saga.throw(new Error()).put(
-        openToasterCreator({
-          content:
-            "Something went wrong when pushing your changes. Check your terminal logs.",
-          type: ToasterType.ERROR,
-        }),
-      );
-
-      saga.next().isDone();
-    });
-
-    // TODO: unskip when auth error is handled
-    test.skip.each([[401], [403]])(
-      "when there's a %s error while pushing a slice it should stop and open the login model",
-      (errorCode) => {
-        saga.next().call(pushChanges, pushChangesApiPayload);
-
-        const customError = new CustomAxiosError(errorCode);
-
-        saga
-          .throw(customError)
-          .put(modalOpenCreator({ modalKey: ModalKeysEnum.LOGIN }));
-
-        saga.next().isDone();
-      },
-    );
-
-    // TODO: unskip when invalid references are handled
-    test.skip("when there's INVALID_CUSTOM_TYPES response, open the references drawer", () => {
-      saga.next().call(pushChanges, {
-        confirmDeleteDocuments: false,
-        changes: [
-          { id: "slice1", status: ModelStatus.New, type: "Slice" },
-          {
-            id: "customType1",
-            status: ModelStatus.Modified,
-            type: "CustomType",
-          },
-        ],
-      });
-
-      saga
-        .next({
-          status: 200,
-          data: {
-            type: "INVALID_CUSTOM_TYPES",
-            details: {
-              customTypes: [{ id: "CT1" }, { id: "CT2" }],
-            },
-          },
-        })
-        .put(
-          changesPushCreator.failure({
-            type: "INVALID_CUSTOM_TYPES",
-            details: {
-              customTypes: [{ id: "CT1" }, { id: "CT2" }],
-            },
-          }),
-        );
-
-      saga.next().put(
-        modalOpenCreator({
-          modalKey: ModalKeysEnum.REFERENCES_MISSING_DRAWER,
-        }),
-      );
-
-      saga.next().isDone();
-    });
-  });
-});