ethyca-fides 2.65.1b2__py2.py3-none-any.whl → 2.65.1rc0__py2.py3-none-any.whl

fides/ui-build/static/admin/_next/static/chunks/pages/messaging/{add-template-9dff500113f0710f.js → add-template-db905b79b189989c.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7364],{3497:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/messaging/add-template",function(){return n(8334)}])},8334:function(e,t,n){"use strict";n.r(t);var s=n(24246),r=n(812),i=n(77830),u=n(13577),a=n(86677),l=n(77213),c=n(58754),d=n(46628),o=n(67810),p=n(47466),h=n(5058),_=n(20149),f=n(31883);t.default=()=>{let e=(0,u.pmc)(),t=(0,a.useRouter)(),{templateType:n}=t.query,[g]=(0,h.Vw)(),{data:b,isLoading:m}=(0,p.KC)(n),x=async s=>{var u;let a={is_enabled:s.is_enabled,content:{subject:s.content.subject,body:s.content.body},properties:[]};null===(u=s.properties)||void 0===u||u.forEach(e=>{var t;return null===(t=a.properties)||void 0===t?void 0:t.push(e.id)});let l=await g({templateType:n,template:a});if((0,f.D4)(l)){e((0,d.Vo)((0,r.e$)(l.error)));return}e((0,d.t5)("Messaging template created successfully")),t.push(i.q)};return b?m?(0,s.jsx)(u.$jN,{}):(0,s.jsx)(l.Z,{title:"Configure Message",children:(0,s.jsx)(c.Z,{heading:"Messaging",breadcrumbItems:[{title:"Messaging",href:i.q},{title:"".concat(o.Z[b.type])}],children:(0,s.jsx)(u.xuv,{maxWidth:"720px",children:(0,s.jsx)(u.xuv,{padding:2,children:(0,s.jsx)(_.Z,{template:b,handleSubmit:x})})})})}):null}}},function(e){e.O(0,[7630,2888,9774,179],function(){return e(e.s=3497)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7364],{3497:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/messaging/add-template",function(){return n(8334)}])},8334:function(e,t,n){"use strict";n.r(t);var s=n(24246),r=n(812),i=n(77830),u=n(86920),a=n(86677),l=n(77213),c=n(58754),d=n(46628),o=n(67810),p=n(47466),h=n(5058),_=n(20149),f=n(31883);t.default=()=>{let e=(0,u.pmc)(),t=(0,a.useRouter)(),{templateType:n}=t.query,[g]=(0,h.Vw)(),{data:b,isLoading:m}=(0,p.KC)(n),x=async s=>{var u;let a={is_enabled:s.is_enabled,content:{subject:s.content.subject,body:s.content.body},properties:[]};null===(u=s.properties)||void 0===u||u.forEach(e=>{var t;return null===(t=a.properties)||void 0===t?void 0:t.push(e.id)});let l=await g({templateType:n,template:a});if((0,f.D4)(l)){e((0,d.Vo)((0,r.e$)(l.error)));return}e((0,d.t5)("Messaging template created successfully")),t.push(i.q)};return b?m?(0,s.jsx)(u.$jN,{}):(0,s.jsx)(l.Z,{title:"Configure Message",children:(0,s.jsx)(c.Z,{heading:"Messaging",breadcrumbItems:[{title:"Messaging",href:i.q},{title:"".concat(o.Z[b.type])}],children:(0,s.jsx)(u.xuv,{maxWidth:"720px",children:(0,s.jsx)(u.xuv,{padding:2,children:(0,s.jsx)(_.Z,{template:b,handleSubmit:x})})})})}):null}}},function(e){e.O(0,[7630,2888,9774,179],function(){return e(e.s=3497)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/{messaging-c17efc84c54e4fdb.js → messaging-10084105bae43a19.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2815],{79349:function(e){e.exports=function(e,t,n){switch(n.length){case 0:return e.call(t);case 1:return e.call(t,n[0]);case 2:return e.call(t,n[0],n[1]);case 3:return e.call(t,n[0],n[1],n[2])}return e.apply(t,n)}},52033:function(e,t,n){var i=n(26194),r=n(26789)(i);e.exports=r},23545:function(e,t,n){var i=n(97141),r=n(72889);e.exports=function e(t,n,s,a,o){var l=-1,c=t.length;for(s||(s=r),o||(o=[]);++l<c;){var u=t[l];n>0&&s(u)?n>1?e(u,n-1,s,a,o):i(o,u):a||(o[o.length]=u)}return o}},49819:function(e,t,n){var i=n(18911)();e.exports=i},26194:function(e,t,n){var i=n(49819),r=n(50098);e.exports=function(e,t){return e&&i(e,t,r)}},67375:function(e,t,n){var i=n(52033),r=n(80068);e.exports=function(e,t){var n=-1,s=r(e)?Array(e.length):[];return i(e,function(e,i,r){s[++n]=t(e,i,r)}),s}},98497:function(e,t,n){var i=n(66070),r=n(79867),s=n(89278),a=n(67375),o=n(73303),l=n(39334),c=n(96348),u=n(31137),d=n(19785);e.exports=function(e,t,n){t=t.length?i(t,function(e){return d(e)?function(t){return r(t,1===e.length?e[0]:e)}:e}):[u];var p=-1;return t=i(t,l(s)),o(a(e,function(e,n,r){return{criteria:i(t,function(t){return t(e)}),index:++p,value:e}}),function(e,t){return c(e,t,n)})}},1197:function(e,t,n){var i=n(31137),r=n(11871),s=n(63132);e.exports=function(e,t){return s(r(e,t,i),e+"")}},54459:function(e,t,n){var i=n(551),r=n(42630),s=n(31137),a=r?function(e,t){return r(e,"toString",{configurable:!0,enumerable:!1,value:i(t),writable:!0})}:s;e.exports=a},73303:function(e){e.exports=function(e,t){var n=e.length;for(e.sort(t);n--;)e[n]=e[n].value;return e}},17845:function(e,t,n){var i=n(55193);e.exports=function(e,t){if(e!==t){var n=void 0!==e,r=null===e,s=e==e,a=i(e),o=void 0!==t,l=null===t,c=t==t,u=i(t);if(!l&&!u&&!a&&e>t||a&&o&&c&&!l&&!u||r&&o&&c||!n&&c||!s)return 1;if(!r&&!a&&!u&&e<t||u&&n&&s&&!r&&!a||l&&n&&s||!o&&s||!c)return -1}return 0}},96348:function(e,t,n){var i=n(17845);e.exports=function(e,t,n){for(var r=-1,s=e.criteria,a=t.criteria,o=s.length,l=n.length;++r<o;){var c=i(s[r],a[r]);if(c){if(r>=l)return c;return c*("desc"==n[r]?-1:1)}}return e.index-t.index}},26789:function(e,t,n){var i=n(80068);e.exports=function(e,t){return function(n,r){if(null==n)return n;if(!i(n))return e(n,r);for(var s=n.length,a=t?s:-1,o=Object(n);(t?a--:++a<s)&&!1!==r(o[a],a,o););return n}}},18911:function(e){e.exports=function(e){return function(t,n,i){for(var r=-1,s=Object(t),a=i(t),o=a.length;o--;){var l=a[e?o:++r];if(!1===n(s[l],l,s))break}return t}}},42630:function(e,t,n){var i=n(81822),r=function(){try{var e=i(Object,"defineProperty");return e({},"",{}),e}catch(e){}}();e.exports=r},72889:function(e,t,n){var i=n(96539),r=n(2900),s=n(19785),a=i?i.isConcatSpreadable:void 0;e.exports=function(e){return s(e)||r(e)||!!(a&&e&&e[a])}},57535:function(e,t,n){var i=n(85638),r=n(80068),s=n(42383),a=n(11611);e.exports=function(e,t,n){if(!a(n))return!1;var o=typeof t;return("number"==o?!!(r(n)&&s(t,n.length)):"string"==o&&t in n)&&i(n[t],e)}},11871:function(e,t,n){var i=n(79349),r=Math.max;e.exports=function(e,t,n){return t=r(void 0===t?e.length-1:t,0),function(){for(var s=arguments,a=-1,o=r(s.length-t,0),l=Array(o);++a<o;)l[a]=s[t+a];a=-1;for(var c=Array(t+1);++a<t;)c[a]=s[a];return c[t]=n(l),i(e,this,c)}}},63132:function(e,t,n){var i=n(54459),r=n(49591)(i);e.exports=r},49591:function(e){var t=Date.now;e.exports=function(e){var n=0,i=0;return function(){var r=t(),s=16-(r-i);if(i=r,s>0){if(++n>=800)return arguments[0]}else n=0;return e.apply(void 0,arguments)}}},551:function(e){e.exports=function(e){return function(){return e}}},95099:function(e,t,n){var i=n(23545),r=n(98497),s=n(1197),a=n(57535),o=s(function(e,t){if(null==e)return[];var n=t.length;return n>1&&a(e,t[0],t[1])?t=[]:n>2&&a(t[0],t[1],t[2])&&(t=[t[0]]),r(e,i(t,1),[])});e.exports=o},24081:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/messaging",function(){return n(18504)}])},35287:function(e,t,n){"use strict";var i=n(24246),r=n(13577),s=n(88038),a=n.n(s);n(27378),t.Z=e=>{let{children:t,title:n,mainProps:s}=e;return(0,i.jsxs)(r.kCb,{"data-testid":n,direction:"column",height:"calc(100vh - 48px)",width:"calc(100vw - 240px)",children:[(0,i.jsxs)(a(),{children:[(0,i.jsxs)("title",{children:["Fides Admin UI - ",n]}),(0,i.jsx)("meta",{name:"description",content:"Privacy Engineering Platform"}),(0,i.jsx)("link",{rel:"icon",href:"/favicon.ico"})]}),(0,i.jsx)(r.kCb,{px:10,py:6,as:"main",overflow:"auto",direction:"column",flex:1,minWidth:0,...s,children:t})]})}},87361:function(e,t,n){"use strict";var i=n(24246),r=n(13577);t.Z=e=>{let{title:t,text:n,onClose:s}=e;return(0,i.jsxs)(r.Ugi,{backgroundColor:"gray.50",border:"1px solid",borderRadius:"md",justifyContent:"space-between",py:4,pr:6,pl:3,"data-testid":"empty-state",gap:2,position:"relative",children:[s&&(0,i.jsx)(r.Two,{boxSize:5,position:"absolute",right:3,top:3,zIndex:1,cursor:"pointer",p:1,onClick:s}),(0,i.jsx)(r.iid,{alignSelf:"start",color:"minos",mt:.5,flexGrow:0}),(0,i.jsxs)(r.kCb,{direction:"column",gap:2,flexGrow:1,children:[(0,i.jsx)(r.X6q,{fontSize:"md",children:t}),(0,i.jsx)(r.xvT,{fontSize:"sm",color:"gray.600",lineHeight:"5",children:n})]})]})}},58754:function(e,t,n){"use strict";var i=n(24246),r=n(13577),s=n(70788);t.Z=e=>{let{heading:t,breadcrumbItems:n,isSticky:a=!0,children:o,rightContent:l,style:c,...u}=e;return(0,i.jsxs)("div",{...u,style:a?{position:"sticky",top:"-24px",paddingTop:"24px",paddingBottom:"24px",paddingLeft:"40px",marginLeft:"-40px",paddingRight:"40px",marginRight:"-40px",marginTop:"-24px",left:0,zIndex:20,backgroundColor:"white",...c}:{paddingBottom:"24px",...c},children:[(0,i.jsxs)(r.jqI,{justify:"space-between",children:["string"==typeof t?(0,i.jsx)(r.lQT,{className:n||o?"pb-4":void 0,level:1,"data-testid":"page-heading",children:t}):t,l&&(0,i.jsx)("div",{"data-testid":"page-header-right-content",children:l})]}),!!n&&(0,i.jsx)(s.m,{className:o?"pb-4":void 0,items:n,"data-testid":"page-breadcrumb"}),o]})}},70788:function(e,t,n){"use strict";n.d(t,{m:function(){return c}});var i=n(24246),r=n(13577),s=n(79894),a=n.n(s),o=n(27378);let{Text:l}=r.AntTypography,c=e=>{let{items:t,...n}=e,s=(0,o.useMemo)(()=>null==t?void 0:t.map((e,n)=>{let s=n===t.length-1,o={...e},c=o.onClick&&!o.href;return("string"==typeof o.title&&(o.title=(0,i.jsx)(l,{style:{color:"inherit",maxWidth:s?void 0:400},ellipsis:!s,children:o.title})),c)?o.title=(0,i.jsx)(r.wpx,{type:"text",size:"small",icon:o.icon,onClick:o.onClick,className:"ant-breadcrumb-link -mt-px px-1 text-inherit",children:o.title}):(o.icon&&(o.title=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:"anticon align-text-bottom",children:o.icon}),o.title]})),o.href&&o.title&&(o.title=(0,i.jsx)(a(),{href:o.href,className:"ant-breadcrumb-link",children:o.title}),delete o.href)),o}),[t]);return(0,i.jsx)(r.zrq,{items:s,...n})}},67810:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}}),(i=r||(r={})).PRIVACY_REQUEST_REVIEW_APPROVE="privacy_request_review_approve",i.PRIVACY_REQUEST_REVIEW_DENY="privacy_request_review_deny",i.PRIVACY_REQUEST_RECEIPT="privacy_request_receipt",i.PRIVACY_REQUEST_COMPLETE_ACCESS="privacy_request_complete_access",i.PRIVACY_REQUEST_COMPLETE_DELETION="privacy_request_complete_deletion",i.SUBJECT_IDENTITY_VERIFICATION="subject_identity_verification";var i,r,s={[r.PRIVACY_REQUEST_COMPLETE_ACCESS]:"Access request completed",[r.PRIVACY_REQUEST_COMPLETE_DELETION]:"Erasure request completed",[r.PRIVACY_REQUEST_RECEIPT]:"Privacy request received",[r.PRIVACY_REQUEST_REVIEW_APPROVE]:"Privacy request approved",[r.PRIVACY_REQUEST_REVIEW_DENY]:"Privacy request denied",[r.SUBJECT_IDENTITY_VERIFICATION]:"Subject identity verification"}},5058:function(e,t,n){"use strict";n.d(t,{Vw:function(){return s},ms:function(){return i},pS:function(){return r},vm:function(){return a}});let{useGetSummaryMessagingTemplatesQuery:i,usePutMessagingTemplateByIdMutation:r,useCreateMessagingTemplateByTypeMutation:s,usePatchMessagingTemplateByIdMutation:a}=n(78780).u.injectEndpoints({endpoints:e=>({getSummaryMessagingTemplates:e.query({query:e=>({method:"GET",url:"plus/messaging/templates/summary",params:e}),providesTags:()=>["Property-Specific Messaging Templates"]}),putMessagingTemplateById:e.mutation({query:e=>{let{templateId:t,template:n}=e;return{url:"plus/messaging/templates/".concat(t),method:"PUT",body:n}},invalidatesTags:()=>["Property-Specific Messaging Templates"]}),patchMessagingTemplateById:e.mutation({query:e=>{let{templateId:t,template:n}=e;return{url:"plus/messaging/templates/".concat(t),method:"PATCH",body:n}},invalidatesTags:()=>["Property-Specific Messaging Templates"]}),createMessagingTemplateByType:e.mutation({query:e=>{let{templateType:t,template:n}=e;return{url:"plus/messaging/templates/".concat(t),method:"POST",body:n}},invalidatesTags:()=>["Property-Specific Messaging Templates"]})})})},18504:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return M}});var i=n(24246),r=n(92222),s=n(59003),a=n(13577),o=n(95099),l=n.n(o),c=n(86677),u=n(27378),d=n(35287),p=n(71795),g=n(87361),m=n(46238),f=n(77830),x=n(58754),h=n(47935),v=n(42904),j=n(7426),y=n(67810),b=e=>{let{isOpen:t,onClose:n,onAccept:r}=e,[s,o]=(0,u.useState)(void 0),l=Object.keys(y.Z).map(e=>({value:e,label:y.Z[e]}));return(0,i.jsxs)(a.u_l,{isOpen:t,onClose:n,size:"2xl",isCentered:!0,children:[(0,i.jsx)(a.ZAr,{}),(0,i.jsxs)(a.hzk,{"data-testid":"add-messaging-template-modal",children:[(0,i.jsx)(a.xBx,{borderBottomWidth:1,fontWeight:"bold",children:"Select message template"}),(0,i.jsxs)(a.fef,{children:[(0,i.jsx)(a.xvT,{color:"gray.700",fontWeight:"medium",fontSize:"sm",marginBottom:3,marginTop:1,children:"Add a new email message by selecting a template below and clicking accept."}),(0,i.jsx)(a.xvT,{color:"gray.700",fontSize:"sm",fontWeight:"medium",marginBottom:2,children:"Choose template:"}),(0,i.jsx)(a.xuv,{"data-testid":"template-type-selector",children:(0,i.jsx)(a.WPr,{options:l,onChange:e=>{o(e)},className:"w-full"})})]}),(0,i.jsx)(a.mzw,{justifyContent:"flex-start",children:(0,i.jsxs)("div",{className:"flex w-full gap-4",children:[(0,i.jsx)(a.wpx,{onClick:n,"data-testid":"cancel-btn",className:"grow",children:"Cancel"}),(0,i.jsx)(a.wpx,{onClick:()=>r(s),type:"primary","data-testid":"confirm-btn",disabled:!s,className:"grow",children:"Next"})]})})]})]})},_=n(5058),E=n(812),C=n(46628),T=n(31883),w=()=>{let e=(0,a.pmc)(),[t]=(0,_.vm)();return{toggleIsTemplateEnabled:(0,u.useCallback)(async n=>{let{isEnabled:i,templateId:r}=n,s=await t({templateId:r,template:{is_enabled:i}});if((0,T.D4)(s)){e((0,C.Vo)((0,E.e$)(s.error)));return}e((0,C.t5)("Messaging template ".concat(i?"enabled":"disabled")))},[t,e])}},R=n(64826);let P=(0,r.Cl)(),S={items:[],total:0,page:1,size:50,pages:1},I=()=>(0,i.jsx)(a.gCW,{mt:6,p:10,spacing:4,borderRadius:"base",maxW:"70%","data-testid":"no-results-notice",alignSelf:"center",margin:"auto",textAlign:"center",children:(0,i.jsxs)(a.gCW,{children:[(0,i.jsx)(a.xvT,{fontSize:"md",fontWeight:"600",children:"It looks like it’s your first time here!"}),(0,i.jsxs)(a.xvT,{fontSize:"sm",children:["Add new email templates with the ",'"Add message +"'," button.",(0,i.jsx)("br",{})]})]})}),k=()=>{let{isLoading:e,data:t}=(0,R.gz)({page:1,size:100}),n=null==t?void 0:t.items.filter(e=>!e.messaging_templates||0===e.messaging_templates.length),r=!!(!e&&(null==n?void 0:n.length)),s="missing-messages-notice-".concat(null==n?void 0:n.map(e=>e.id).join("-")),[o,l]=(0,p._)("notices.dismissedMessageNoticeId",""),c=s===o;return r&&!c?(0,i.jsx)(a.xuv,{mb:6,"data-testid":"notice-properties-without-messaging-templates",children:(0,i.jsx)(g.Z,{title:"Not all properties have messages configured.",text:(0,i.jsxs)(a.xvT,{as:"span",children:["You have properties that do not have messages configured. Users who submit privacy requests for these properties may not receive the necessary emails regarding their requests."," ",(0,i.jsx)(a.xuv,{as:"span",children:(0,i.jsx)(m.b,{label:null==n?void 0:n.map(e=>e.name).join(", ")})})]}),onClose:()=>{l(s)}})}):null},A=()=>{let{data:e}=(0,j.tB)({api_set:!1});return(null==e?void 0:e.notifications.enable_property_specific_messaging)?null:(0,i.jsx)(a.xuv,{mb:6,"data-testid":"notice-properties-without-messaging-templates",children:(0,i.jsx)(g.Z,{title:"Basic messaging enabled",text:(0,i.jsxs)(a.xvT,{as:"span",children:["In basic messaging mode, you can edit the content of your messages from this screen. Please note that in basic messaging, the “Enable” toggle does not apply. Fides also supports property specific messaging mode. Read our"," ",(0,i.jsx)(a.rUS,{href:"https://fid.es/property-specific-messaging",target:"_blank",rel:"nofollow",textDecoration:"underline",children:"docs"})," ","for more information about property specific mode or contact"," ",(0,i.jsx)(a.rUS,{href:"mailto:support@ethyca.com",textDecoration:"underline",children:"Ethyca support"})," ","to enable this mode on your Fides instance."]})})})};var M=()=>{let e=(0,c.useRouter)(),{toggleIsTemplateEnabled:t}=w(),{PAGE_SIZES:n,pageSize:o,setPageSize:p,onPreviousPageClick:g,isPreviousPageDisabled:m,onNextPageClick:j,isNextPageDisabled:E,startRange:C,endRange:T,pageIndex:R,setTotalPages:M}=(0,h.oi)(),{data:N,isLoading:z,isFetching:V}=(0,_.ms)({page:R,size:o}),{items:q,total:O,pages:U}=(0,u.useMemo)(()=>null!=N?N:S,[N]);(0,u.useEffect)(()=>{M(U)},[U,M]);let[W,B]=(0,u.useState)(!1),Y=(0,u.useMemo)(()=>[P.accessor(e=>e.type,{id:"message",cell:e=>(0,i.jsx)(h.G3,{value:y.Z[e.getValue()]}),header:e=>(0,i.jsx)(h.Rr,{value:"Message",...e}),size:150}),P.accessor(e=>(e.properties||[]).map(e=>e.name),{id:"properties",cell:e=>(0,i.jsx)(h.WP,{suffix:"properties",value:e.getValue(),...e}),header:e=>(0,i.jsx)(h.Rr,{value:"Properties",...e}),meta:{showHeaderMenu:!0},size:250}),P.accessor(e=>e.is_enabled,{id:"is_enabled",cell:e=>(0,i.jsx)(a.kCb,{align:"center",justifyContent:"flex-start",w:"full",h:"full",children:(0,i.jsx)(a.rAg,{checked:e.getValue(),onChange:n=>{t({isEnabled:n,templateId:e.row.original.id})}})}),header:e=>(0,i.jsx)(h.Rr,{value:"Enable",...e}),size:200,meta:{disableRowClick:!0}})],[t]),D=(0,u.useMemo)(()=>l()(q,"id"),[q]),Z=(0,s.b7)({getCoreRowModel:(0,r.sC)(),getFilteredRowModel:(0,r.vL)(),getSortedRowModel:(0,r.tj)(),columns:Y,data:D,columnResizeMode:"onChange"});return(0,i.jsxs)(d.Z,{title:"Messaging",children:[(0,i.jsx)(x.Z,{heading:"Messaging"}),(0,i.jsx)(A,{}),(0,i.jsx)(k,{}),(0,i.jsx)(h.Q$,{children:(0,i.jsx)(a.Ugi,{alignItems:"center",spacing:4,marginLeft:"auto",children:(0,i.jsx)(a.wpx,{type:"primary","data-testid":"add-message-btn",onClick:()=>B(!0),children:"Add message +"})})}),z?(0,i.jsx)(h.I4,{rowHeight:36,numRows:15}):(0,i.jsx)(h.ZK,{tableInstance:Z,onRowClick:t=>{e.push({pathname:f.ax,query:{id:t.id}})},emptyTableNotice:(0,i.jsx)(I,{})}),(0,i.jsx)(v.s8,{totalRows:O||0,pageSizes:n,setPageSize:p,onPreviousPageClick:g,isPreviousPageDisabled:m||V,onNextPageClick:j,isNextPageDisabled:E||V,startRange:C,endRange:T}),(0,i.jsx)(b,{isOpen:W,onClose:()=>B(!1),onAccept:t=>{e.push({pathname:f.sM,query:{templateType:t}})}})]})}},31883:function(e,t,n){"use strict";n.d(t,{Bw:function(){return i.Bw},D4:function(){return i.D4}});var i=n(19043)}},function(e){e.O(0,[2858,2866,9278,2888,9774,179],function(){return e(e.s=24081)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2815],{79349:function(e){e.exports=function(e,t,n){switch(n.length){case 0:return e.call(t);case 1:return e.call(t,n[0]);case 2:return e.call(t,n[0],n[1]);case 3:return e.call(t,n[0],n[1],n[2])}return e.apply(t,n)}},52033:function(e,t,n){var i=n(26194),r=n(26789)(i);e.exports=r},23545:function(e,t,n){var i=n(97141),r=n(72889);e.exports=function e(t,n,s,a,o){var l=-1,c=t.length;for(s||(s=r),o||(o=[]);++l<c;){var u=t[l];n>0&&s(u)?n>1?e(u,n-1,s,a,o):i(o,u):a||(o[o.length]=u)}return o}},49819:function(e,t,n){var i=n(18911)();e.exports=i},26194:function(e,t,n){var i=n(49819),r=n(50098);e.exports=function(e,t){return e&&i(e,t,r)}},67375:function(e,t,n){var i=n(52033),r=n(80068);e.exports=function(e,t){var n=-1,s=r(e)?Array(e.length):[];return i(e,function(e,i,r){s[++n]=t(e,i,r)}),s}},98497:function(e,t,n){var i=n(66070),r=n(79867),s=n(89278),a=n(67375),o=n(73303),l=n(39334),c=n(96348),u=n(31137),d=n(19785);e.exports=function(e,t,n){t=t.length?i(t,function(e){return d(e)?function(t){return r(t,1===e.length?e[0]:e)}:e}):[u];var p=-1;return t=i(t,l(s)),o(a(e,function(e,n,r){return{criteria:i(t,function(t){return t(e)}),index:++p,value:e}}),function(e,t){return c(e,t,n)})}},1197:function(e,t,n){var i=n(31137),r=n(11871),s=n(63132);e.exports=function(e,t){return s(r(e,t,i),e+"")}},54459:function(e,t,n){var i=n(551),r=n(42630),s=n(31137),a=r?function(e,t){return r(e,"toString",{configurable:!0,enumerable:!1,value:i(t),writable:!0})}:s;e.exports=a},73303:function(e){e.exports=function(e,t){var n=e.length;for(e.sort(t);n--;)e[n]=e[n].value;return e}},17845:function(e,t,n){var i=n(55193);e.exports=function(e,t){if(e!==t){var n=void 0!==e,r=null===e,s=e==e,a=i(e),o=void 0!==t,l=null===t,c=t==t,u=i(t);if(!l&&!u&&!a&&e>t||a&&o&&c&&!l&&!u||r&&o&&c||!n&&c||!s)return 1;if(!r&&!a&&!u&&e<t||u&&n&&s&&!r&&!a||l&&n&&s||!o&&s||!c)return -1}return 0}},96348:function(e,t,n){var i=n(17845);e.exports=function(e,t,n){for(var r=-1,s=e.criteria,a=t.criteria,o=s.length,l=n.length;++r<o;){var c=i(s[r],a[r]);if(c){if(r>=l)return c;return c*("desc"==n[r]?-1:1)}}return e.index-t.index}},26789:function(e,t,n){var i=n(80068);e.exports=function(e,t){return function(n,r){if(null==n)return n;if(!i(n))return e(n,r);for(var s=n.length,a=t?s:-1,o=Object(n);(t?a--:++a<s)&&!1!==r(o[a],a,o););return n}}},18911:function(e){e.exports=function(e){return function(t,n,i){for(var r=-1,s=Object(t),a=i(t),o=a.length;o--;){var l=a[e?o:++r];if(!1===n(s[l],l,s))break}return t}}},42630:function(e,t,n){var i=n(81822),r=function(){try{var e=i(Object,"defineProperty");return e({},"",{}),e}catch(e){}}();e.exports=r},72889:function(e,t,n){var i=n(96539),r=n(2900),s=n(19785),a=i?i.isConcatSpreadable:void 0;e.exports=function(e){return s(e)||r(e)||!!(a&&e&&e[a])}},57535:function(e,t,n){var i=n(85638),r=n(80068),s=n(42383),a=n(11611);e.exports=function(e,t,n){if(!a(n))return!1;var o=typeof t;return("number"==o?!!(r(n)&&s(t,n.length)):"string"==o&&t in n)&&i(n[t],e)}},11871:function(e,t,n){var i=n(79349),r=Math.max;e.exports=function(e,t,n){return t=r(void 0===t?e.length-1:t,0),function(){for(var s=arguments,a=-1,o=r(s.length-t,0),l=Array(o);++a<o;)l[a]=s[t+a];a=-1;for(var c=Array(t+1);++a<t;)c[a]=s[a];return c[t]=n(l),i(e,this,c)}}},63132:function(e,t,n){var i=n(54459),r=n(49591)(i);e.exports=r},49591:function(e){var t=Date.now;e.exports=function(e){var n=0,i=0;return function(){var r=t(),s=16-(r-i);if(i=r,s>0){if(++n>=800)return arguments[0]}else n=0;return e.apply(void 0,arguments)}}},551:function(e){e.exports=function(e){return function(){return e}}},95099:function(e,t,n){var i=n(23545),r=n(98497),s=n(1197),a=n(57535),o=s(function(e,t){if(null==e)return[];var n=t.length;return n>1&&a(e,t[0],t[1])?t=[]:n>2&&a(t[0],t[1],t[2])&&(t=[t[0]]),r(e,i(t,1),[])});e.exports=o},24081:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/messaging",function(){return n(18504)}])},35287:function(e,t,n){"use strict";var i=n(24246),r=n(86920),s=n(88038),a=n.n(s);n(27378),t.Z=e=>{let{children:t,title:n,mainProps:s}=e;return(0,i.jsxs)(r.kCb,{"data-testid":n,direction:"column",height:"calc(100vh - 48px)",width:"calc(100vw - 240px)",children:[(0,i.jsxs)(a(),{children:[(0,i.jsxs)("title",{children:["Fides Admin UI - ",n]}),(0,i.jsx)("meta",{name:"description",content:"Privacy Engineering Platform"}),(0,i.jsx)("link",{rel:"icon",href:"/favicon.ico"})]}),(0,i.jsx)(r.kCb,{px:10,py:6,as:"main",overflow:"auto",direction:"column",flex:1,minWidth:0,...s,children:t})]})}},87361:function(e,t,n){"use strict";var i=n(24246),r=n(86920);t.Z=e=>{let{title:t,text:n,onClose:s}=e;return(0,i.jsxs)(r.Ugi,{backgroundColor:"gray.50",border:"1px solid",borderRadius:"md",justifyContent:"space-between",py:4,pr:6,pl:3,"data-testid":"empty-state",gap:2,position:"relative",children:[s&&(0,i.jsx)(r.Two,{boxSize:5,position:"absolute",right:3,top:3,zIndex:1,cursor:"pointer",p:1,onClick:s}),(0,i.jsx)(r.iid,{alignSelf:"start",color:"minos",mt:.5,flexGrow:0}),(0,i.jsxs)(r.kCb,{direction:"column",gap:2,flexGrow:1,children:[(0,i.jsx)(r.X6q,{fontSize:"md",children:t}),(0,i.jsx)(r.xvT,{fontSize:"sm",color:"gray.600",lineHeight:"5",children:n})]})]})}},58754:function(e,t,n){"use strict";var i=n(24246),r=n(86920),s=n(70788);t.Z=e=>{let{heading:t,breadcrumbItems:n,isSticky:a=!0,children:o,rightContent:l,style:c,...u}=e;return(0,i.jsxs)("div",{...u,style:a?{position:"sticky",top:"-24px",paddingTop:"24px",paddingBottom:"24px",paddingLeft:"40px",marginLeft:"-40px",paddingRight:"40px",marginRight:"-40px",marginTop:"-24px",left:0,zIndex:20,backgroundColor:"white",...c}:{paddingBottom:"24px",...c},children:[(0,i.jsxs)(r.jqI,{justify:"space-between",children:["string"==typeof t?(0,i.jsx)(r.lQT,{className:n||o?"pb-4":void 0,level:1,"data-testid":"page-heading",children:t}):t,l&&(0,i.jsx)("div",{"data-testid":"page-header-right-content",children:l})]}),!!n&&(0,i.jsx)(s.m,{className:o?"pb-4":void 0,items:n,"data-testid":"page-breadcrumb"}),o]})}},70788:function(e,t,n){"use strict";n.d(t,{m:function(){return c}});var i=n(24246),r=n(86920),s=n(79894),a=n.n(s),o=n(27378);let{Text:l}=r.AntTypography,c=e=>{let{items:t,...n}=e,s=(0,o.useMemo)(()=>null==t?void 0:t.map((e,n)=>{let s=n===t.length-1,o={...e},c=o.onClick&&!o.href;return("string"==typeof o.title&&(o.title=(0,i.jsx)(l,{style:{color:"inherit",maxWidth:s?void 0:400},ellipsis:!s,children:o.title})),c)?o.title=(0,i.jsx)(r.wpx,{type:"text",size:"small",icon:o.icon,onClick:o.onClick,className:"ant-breadcrumb-link -mt-px px-1 text-inherit",children:o.title}):(o.icon&&(o.title=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:"anticon align-text-bottom",children:o.icon}),o.title]})),o.href&&o.title&&(o.title=(0,i.jsx)(a(),{href:o.href,className:"ant-breadcrumb-link",children:o.title}),delete o.href)),o}),[t]);return(0,i.jsx)(r.zrq,{items:s,...n})}},67810:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}}),(i=r||(r={})).PRIVACY_REQUEST_REVIEW_APPROVE="privacy_request_review_approve",i.PRIVACY_REQUEST_REVIEW_DENY="privacy_request_review_deny",i.PRIVACY_REQUEST_RECEIPT="privacy_request_receipt",i.PRIVACY_REQUEST_COMPLETE_ACCESS="privacy_request_complete_access",i.PRIVACY_REQUEST_COMPLETE_DELETION="privacy_request_complete_deletion",i.SUBJECT_IDENTITY_VERIFICATION="subject_identity_verification";var i,r,s={[r.PRIVACY_REQUEST_COMPLETE_ACCESS]:"Access request completed",[r.PRIVACY_REQUEST_COMPLETE_DELETION]:"Erasure request completed",[r.PRIVACY_REQUEST_RECEIPT]:"Privacy request received",[r.PRIVACY_REQUEST_REVIEW_APPROVE]:"Privacy request approved",[r.PRIVACY_REQUEST_REVIEW_DENY]:"Privacy request denied",[r.SUBJECT_IDENTITY_VERIFICATION]:"Subject identity verification"}},5058:function(e,t,n){"use strict";n.d(t,{Vw:function(){return s},ms:function(){return i},pS:function(){return r},vm:function(){return a}});let{useGetSummaryMessagingTemplatesQuery:i,usePutMessagingTemplateByIdMutation:r,useCreateMessagingTemplateByTypeMutation:s,usePatchMessagingTemplateByIdMutation:a}=n(78780).u.injectEndpoints({endpoints:e=>({getSummaryMessagingTemplates:e.query({query:e=>({method:"GET",url:"plus/messaging/templates/summary",params:e}),providesTags:()=>["Property-Specific Messaging Templates"]}),putMessagingTemplateById:e.mutation({query:e=>{let{templateId:t,template:n}=e;return{url:"plus/messaging/templates/".concat(t),method:"PUT",body:n}},invalidatesTags:()=>["Property-Specific Messaging Templates"]}),patchMessagingTemplateById:e.mutation({query:e=>{let{templateId:t,template:n}=e;return{url:"plus/messaging/templates/".concat(t),method:"PATCH",body:n}},invalidatesTags:()=>["Property-Specific Messaging Templates"]}),createMessagingTemplateByType:e.mutation({query:e=>{let{templateType:t,template:n}=e;return{url:"plus/messaging/templates/".concat(t),method:"POST",body:n}},invalidatesTags:()=>["Property-Specific Messaging Templates"]})})})},18504:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return M}});var i=n(24246),r=n(92222),s=n(59003),a=n(86920),o=n(95099),l=n.n(o),c=n(86677),u=n(27378),d=n(35287),p=n(71795),g=n(87361),m=n(46238),f=n(77830),x=n(58754),h=n(47935),v=n(42904),j=n(7426),y=n(67810),b=e=>{let{isOpen:t,onClose:n,onAccept:r}=e,[s,o]=(0,u.useState)(void 0),l=Object.keys(y.Z).map(e=>({value:e,label:y.Z[e]}));return(0,i.jsxs)(a.u_l,{isOpen:t,onClose:n,size:"2xl",isCentered:!0,children:[(0,i.jsx)(a.ZAr,{}),(0,i.jsxs)(a.hzk,{"data-testid":"add-messaging-template-modal",children:[(0,i.jsx)(a.xBx,{borderBottomWidth:1,fontWeight:"bold",children:"Select message template"}),(0,i.jsxs)(a.fef,{children:[(0,i.jsx)(a.xvT,{color:"gray.700",fontWeight:"medium",fontSize:"sm",marginBottom:3,marginTop:1,children:"Add a new email message by selecting a template below and clicking accept."}),(0,i.jsx)(a.xvT,{color:"gray.700",fontSize:"sm",fontWeight:"medium",marginBottom:2,children:"Choose template:"}),(0,i.jsx)(a.xuv,{"data-testid":"template-type-selector",children:(0,i.jsx)(a.WPr,{options:l,onChange:e=>{o(e)},className:"w-full"})})]}),(0,i.jsx)(a.mzw,{justifyContent:"flex-start",children:(0,i.jsxs)("div",{className:"flex w-full gap-4",children:[(0,i.jsx)(a.wpx,{onClick:n,"data-testid":"cancel-btn",className:"grow",children:"Cancel"}),(0,i.jsx)(a.wpx,{onClick:()=>r(s),type:"primary","data-testid":"confirm-btn",disabled:!s,className:"grow",children:"Next"})]})})]})]})},_=n(5058),E=n(812),C=n(46628),T=n(31883),w=()=>{let e=(0,a.pmc)(),[t]=(0,_.vm)();return{toggleIsTemplateEnabled:(0,u.useCallback)(async n=>{let{isEnabled:i,templateId:r}=n,s=await t({templateId:r,template:{is_enabled:i}});if((0,T.D4)(s)){e((0,C.Vo)((0,E.e$)(s.error)));return}e((0,C.t5)("Messaging template ".concat(i?"enabled":"disabled")))},[t,e])}},R=n(64826);let P=(0,r.Cl)(),S={items:[],total:0,page:1,size:50,pages:1},I=()=>(0,i.jsx)(a.gCW,{mt:6,p:10,spacing:4,borderRadius:"base",maxW:"70%","data-testid":"no-results-notice",alignSelf:"center",margin:"auto",textAlign:"center",children:(0,i.jsxs)(a.gCW,{children:[(0,i.jsx)(a.xvT,{fontSize:"md",fontWeight:"600",children:"It looks like it’s your first time here!"}),(0,i.jsxs)(a.xvT,{fontSize:"sm",children:["Add new email templates with the ",'"Add message +"'," button.",(0,i.jsx)("br",{})]})]})}),k=()=>{let{isLoading:e,data:t}=(0,R.gz)({page:1,size:100}),n=null==t?void 0:t.items.filter(e=>!e.messaging_templates||0===e.messaging_templates.length),r=!!(!e&&(null==n?void 0:n.length)),s="missing-messages-notice-".concat(null==n?void 0:n.map(e=>e.id).join("-")),[o,l]=(0,p._)("notices.dismissedMessageNoticeId",""),c=s===o;return r&&!c?(0,i.jsx)(a.xuv,{mb:6,"data-testid":"notice-properties-without-messaging-templates",children:(0,i.jsx)(g.Z,{title:"Not all properties have messages configured.",text:(0,i.jsxs)(a.xvT,{as:"span",children:["You have properties that do not have messages configured. Users who submit privacy requests for these properties may not receive the necessary emails regarding their requests."," ",(0,i.jsx)(a.xuv,{as:"span",children:(0,i.jsx)(m.b,{label:null==n?void 0:n.map(e=>e.name).join(", ")})})]}),onClose:()=>{l(s)}})}):null},A=()=>{let{data:e}=(0,j.tB)({api_set:!1});return(null==e?void 0:e.notifications.enable_property_specific_messaging)?null:(0,i.jsx)(a.xuv,{mb:6,"data-testid":"notice-properties-without-messaging-templates",children:(0,i.jsx)(g.Z,{title:"Basic messaging enabled",text:(0,i.jsxs)(a.xvT,{as:"span",children:["In basic messaging mode, you can edit the content of your messages from this screen. Please note that in basic messaging, the “Enable” toggle does not apply. Fides also supports property specific messaging mode. Read our"," ",(0,i.jsx)(a.rUS,{href:"https://fid.es/property-specific-messaging",target:"_blank",rel:"nofollow",textDecoration:"underline",children:"docs"})," ","for more information about property specific mode or contact"," ",(0,i.jsx)(a.rUS,{href:"mailto:support@ethyca.com",textDecoration:"underline",children:"Ethyca support"})," ","to enable this mode on your Fides instance."]})})})};var M=()=>{let e=(0,c.useRouter)(),{toggleIsTemplateEnabled:t}=w(),{PAGE_SIZES:n,pageSize:o,setPageSize:p,onPreviousPageClick:g,isPreviousPageDisabled:m,onNextPageClick:j,isNextPageDisabled:E,startRange:C,endRange:T,pageIndex:R,setTotalPages:M}=(0,h.oi)(),{data:N,isLoading:z,isFetching:V}=(0,_.ms)({page:R,size:o}),{items:q,total:O,pages:U}=(0,u.useMemo)(()=>null!=N?N:S,[N]);(0,u.useEffect)(()=>{M(U)},[U,M]);let[W,B]=(0,u.useState)(!1),Y=(0,u.useMemo)(()=>[P.accessor(e=>e.type,{id:"message",cell:e=>(0,i.jsx)(h.G3,{value:y.Z[e.getValue()]}),header:e=>(0,i.jsx)(h.Rr,{value:"Message",...e}),size:150}),P.accessor(e=>(e.properties||[]).map(e=>e.name),{id:"properties",cell:e=>(0,i.jsx)(h.WP,{suffix:"properties",value:e.getValue(),...e}),header:e=>(0,i.jsx)(h.Rr,{value:"Properties",...e}),meta:{showHeaderMenu:!0},size:250}),P.accessor(e=>e.is_enabled,{id:"is_enabled",cell:e=>(0,i.jsx)(a.kCb,{align:"center",justifyContent:"flex-start",w:"full",h:"full",children:(0,i.jsx)(a.rAg,{checked:e.getValue(),onChange:n=>{t({isEnabled:n,templateId:e.row.original.id})}})}),header:e=>(0,i.jsx)(h.Rr,{value:"Enable",...e}),size:200,meta:{disableRowClick:!0}})],[t]),D=(0,u.useMemo)(()=>l()(q,"id"),[q]),Z=(0,s.b7)({getCoreRowModel:(0,r.sC)(),getFilteredRowModel:(0,r.vL)(),getSortedRowModel:(0,r.tj)(),columns:Y,data:D,columnResizeMode:"onChange"});return(0,i.jsxs)(d.Z,{title:"Messaging",children:[(0,i.jsx)(x.Z,{heading:"Messaging"}),(0,i.jsx)(A,{}),(0,i.jsx)(k,{}),(0,i.jsx)(h.Q$,{children:(0,i.jsx)(a.Ugi,{alignItems:"center",spacing:4,marginLeft:"auto",children:(0,i.jsx)(a.wpx,{type:"primary","data-testid":"add-message-btn",onClick:()=>B(!0),children:"Add message +"})})}),z?(0,i.jsx)(h.I4,{rowHeight:36,numRows:15}):(0,i.jsx)(h.ZK,{tableInstance:Z,onRowClick:t=>{e.push({pathname:f.ax,query:{id:t.id}})},emptyTableNotice:(0,i.jsx)(I,{})}),(0,i.jsx)(v.s8,{totalRows:O||0,pageSizes:n,setPageSize:p,onPreviousPageClick:g,isPreviousPageDisabled:m||V,onNextPageClick:j,isNextPageDisabled:E||V,startRange:C,endRange:T}),(0,i.jsx)(b,{isOpen:W,onClose:()=>B(!1),onAccept:t=>{e.push({pathname:f.sM,query:{templateType:t}})}})]})}},31883:function(e,t,n){"use strict";n.d(t,{Bw:function(){return i.Bw},D4:function(){return i.D4}});var i=n(19043)}},function(e){e.O(0,[2858,2866,9278,2888,9774,179],function(){return e(e.s=24081)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/poc/{ant-components-74348d35e92a2a3c.js → ant-components-cf7c0b3782c0c7a6.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1921],{76985:function(e,l,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/ant-components",function(){return s(47002)}])},58754:function(e,l,s){"use strict";var i=s(24246),a=s(13577),n=s(70788);l.Z=e=>{let{heading:l,breadcrumbItems:s,isSticky:r=!0,children:t,rightContent:c,style:d,...o}=e;return(0,i.jsxs)("div",{...o,style:r?{position:"sticky",top:"-24px",paddingTop:"24px",paddingBottom:"24px",paddingLeft:"40px",marginLeft:"-40px",paddingRight:"40px",marginRight:"-40px",marginTop:"-24px",left:0,zIndex:20,backgroundColor:"white",...d}:{paddingBottom:"24px",...d},children:[(0,i.jsxs)(a.jqI,{justify:"space-between",children:["string"==typeof l?(0,i.jsx)(a.lQT,{className:s||t?"pb-4":void 0,level:1,"data-testid":"page-heading",children:l}):l,c&&(0,i.jsx)("div",{"data-testid":"page-header-right-content",children:c})]}),!!s&&(0,i.jsx)(n.m,{className:t?"pb-4":void 0,items:s,"data-testid":"page-breadcrumb"}),t]})}},70788:function(e,l,s){"use strict";s.d(l,{m:function(){return d}});var i=s(24246),a=s(13577),n=s(79894),r=s.n(n),t=s(27378);let{Text:c}=a.AntTypography,d=e=>{let{items:l,...s}=e,n=(0,t.useMemo)(()=>null==l?void 0:l.map((e,s)=>{let n=s===l.length-1,t={...e},d=t.onClick&&!t.href;return("string"==typeof t.title&&(t.title=(0,i.jsx)(c,{style:{color:"inherit",maxWidth:n?void 0:400},ellipsis:!n,children:t.title})),d)?t.title=(0,i.jsx)(a.wpx,{type:"text",size:"small",icon:t.icon,onClick:t.onClick,className:"ant-breadcrumb-link -mt-px px-1 text-inherit",children:t.title}):(t.icon&&(t.title=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:"anticon align-text-bottom",children:t.icon}),t.title]})),t.href&&t.title&&(t.title=(0,i.jsx)(r(),{href:t.href,className:"ant-breadcrumb-link",children:t.title}),delete t.href)),t}),[l]);return(0,i.jsx)(a.zrq,{items:n,...s})}},47002:function(e,l,s){"use strict";s.r(l);var i=s(24246),a=s(13577),n=s(46238),r=s(58754);let{Content:t}=a.AntLayout,{Link:c,Paragraph:d,Text:o,Title:h}=a.AntTypography,u=[];for(let e=10;e<36;e+=1)u.push({label:e.toString(36)+e,value:e.toString(36)+e});l.default=()=>(0,i.jsx)(a.AntLayout,{children:(0,i.jsxs)(t,{className:"overflow-auto px-10 py-6",children:[(0,i.jsx)(r.Z,{heading:"Ant Design Proof of Concept"}),(0,i.jsxs)(a.bue,{gutter:16,className:"mt-6",children:[(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Button",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.wpx,{type:"primary",children:"Primary Button"}),(0,i.jsx)(a.wpx,{children:"Default Button"}),(0,i.jsx)(a.wpx,{type:"dashed",children:"Dashed Button"}),(0,i.jsx)(a.wpx,{type:"text",children:"Text Button"}),(0,i.jsx)(a.wpx,{type:"link",children:"Link Button"}),(0,i.jsx)(a.wpx,{type:"primary",loading:!0,children:"Loading Button"}),(0,i.jsx)(a.wpx,{type:"primary",disabled:!0,children:"Disabled Button"})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Switch",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.rAg,{defaultChecked:!0}),(0,i.jsx)(a.rAg,{size:"small",defaultChecked:!0}),(0,i.jsx)(a.rAg,{loading:!0,defaultChecked:!0})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Select",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.WPr,{defaultValue:"lucy",className:"w-32",options:[{value:"jack",label:"Jack"},{value:"lucy",label:"Lucy"},{value:"Yiminghe",label:"yiminghe"},{value:"disabled",label:"Disabled",disabled:!0}]}),(0,i.jsx)(a.WPr,{defaultValue:"lucy",className:"w-32",disabled:!0,options:[{value:"lucy",label:"Lucy"}]}),(0,i.jsx)(a.WPr,{defaultValue:"lucy",className:"w-32",loading:!0,options:[{value:"lucy",label:"Lucy"}]}),(0,i.jsx)(a.WPr,{defaultValue:"lucy",className:"w-32",allowClear:!0,options:[{value:"lucy",label:"Lucy"}]}),(0,i.jsx)(a.WPr,{mode:"multiple",allowClear:!0,className:"w-full",placeholder:"Please select",defaultValue:["a10","c12"],options:u}),(0,i.jsx)(a.WPr,{mode:"multiple",disabled:!0,className:"w-full",placeholder:"Please select",defaultValue:["a10","c12"],options:u})]})})})]}),(0,i.jsx)("br",{}),(0,i.jsxs)(a.bue,{gutter:16,children:[(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Checkbox",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.E_O,{children:"Checkbox"}),(0,i.jsx)(a.E_O,{defaultChecked:!0,children:"Checkbox"}),(0,i.jsx)(a.E_O,{disabled:!0,children:"Disabled"}),(0,i.jsx)(a.E_O,{indeterminate:!0,children:"Indeterminate"}),(0,i.jsx)(a.E_O.Group,{options:[{label:"Apple",value:"Apple"},{label:"Pear",value:"Pear"},{label:"Orange",value:"Orange",disabled:!0}],defaultValue:["Apple"]})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Radio",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.y02,{children:"Radio"}),(0,i.jsx)(a.y02,{defaultChecked:!0,children:"Radio"}),(0,i.jsx)(a.y02,{disabled:!0,children:"Disabled"}),(0,i.jsx)(a.y02.Group,{options:[{label:"Apple",value:"Apple"},{label:"Pear",value:"Pear"},{label:"Orange",value:"Orange",disabled:!0}],defaultValue:"Apple"}),(0,i.jsx)(a.y02.Group,{options:[{label:"Apple",value:"Apple"},{label:"Pear",value:"Pear"},{label:"Orange",value:"Orange"}],defaultValue:"Apple",optionType:"button"}),(0,i.jsx)(a.y02.Group,{options:[{label:"Apple",value:"Apple"},{label:"Pear",value:"Pear"},{label:"Orange",value:"Orange"}],defaultValue:"Apple",optionType:"button",buttonStyle:"solid"})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Input",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",size:"middle",children:[(0,i.jsx)(a.vyj.Compact,{children:(0,i.jsx)(a.uFc,{defaultValue:"26888888"})}),(0,i.jsxs)(a.vyj.Compact,{children:[(0,i.jsx)(a.uFc,{className:"w-1/5",defaultValue:"0571"}),(0,i.jsx)(a.uFc,{className:"w-4/5",defaultValue:"26888888"})]}),(0,i.jsx)(a.vyj.Compact,{children:(0,i.jsx)(a.uFc.Search,{addonBefore:"https://",placeholder:"input search text",allowClear:!0})}),(0,i.jsxs)(a.vyj.Compact,{className:"w-full",children:[(0,i.jsx)(a.uFc,{defaultValue:"Combine input and button"}),(0,i.jsx)(a.wpx,{type:"primary",children:"Submit"})]}),(0,i.jsxs)(a.vyj.Compact,{children:[(0,i.jsx)(a.WPr,{defaultValue:"Zhejiang",options:u}),(0,i.jsx)(a.uFc,{defaultValue:"Xihu District, Hangzhou"})]})]})})})]}),(0,i.jsx)("br",{}),(0,i.jsxs)(a.bue,{gutter:16,children:[(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Tooltip",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.esZ,{title:"I'm a tooltip",children:"Hover or focus this text"}),(0,i.jsx)(n.b,{label:"Tooltip will show on mouse enter or focus."}),(0,i.jsx)(a.esZ,{title:"Focus styles don't change for naturally focusable elements like buttons",children:(0,i.jsx)(a.wpx,{children:"Button with tooltip"})})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Alert",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.DUx,{message:"Success Tips",type:"success",showIcon:!0}),(0,i.jsx)(a.DUx,{message:"Informational Notes",type:"info",showIcon:!0}),(0,i.jsx)(a.DUx,{message:"Warning",type:"warning",showIcon:!0,closable:!0}),(0,i.jsx)(a.DUx,{message:"Error",type:"error",showIcon:!0})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Tag",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.jqI,{wrap:!0,gap:"small",children:[(0,i.jsx)(a.j8w,{color:"default",children:"default"}),(0,i.jsx)(a.j8w,{color:"corinth",children:"corinth"}),(0,i.jsx)(a.j8w,{color:"minos",children:"minos"}),(0,i.jsx)(a.j8w,{color:"terracotta",children:"terracotta"}),(0,i.jsx)(a.j8w,{color:"olive",children:"olive"}),(0,i.jsx)(a.j8w,{color:"marble",children:"marble"}),(0,i.jsx)(a.j8w,{color:"sandstone",children:"sandstone"}),(0,i.jsx)(a.j8w,{color:"nectar",children:"nectar"}),(0,i.jsx)(a.j8w,{color:"error",children:"error"}),(0,i.jsx)(a.j8w,{color:"warning",children:"warning"}),(0,i.jsx)(a.j8w,{color:"caution",children:"caution"}),(0,i.jsx)(a.j8w,{color:"success",children:"success"}),(0,i.jsx)(a.j8w,{color:"info",children:"info"}),(0,i.jsx)(a.j8w,{color:"alert",children:"alert"}),(0,i.jsx)(a.j8w,{color:"white",children:"white"}),(0,i.jsx)(a.j8w,{closable:!0,onClose:()=>console.log("closed"),children:"Closable Tag"}),(0,i.jsx)(a.j8w,{onClick:()=>console.log("clicked"),addable:!0}),(0,i.jsx)(a.j8w,{onClick:()=>console.log("clicked"),addable:!0,children:"Add More"}),(0,i.jsxs)(a.j8w,{hasSparkle:!0,onClick:()=>console.log("clicked"),children:["Data Use",(0,i.jsx)(a.PJP.I8b,{})]}),(0,i.jsx)(a.j8w,{hasSparkle:!0,onClick:()=>console.log("clicked"),closable:!0,onClose:()=>console.log("closed"),children:"Data Category"})]})})})]}),(0,i.jsx)("br",{}),(0,i.jsxs)(a.bue,{gutter:16,children:[(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Typography Headings",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(h,{level:1,children:"H1 default"}),(0,i.jsx)(h,{level:1,headingSize:2,children:"H1 sized as H2"}),(0,i.jsx)(h,{level:1,headingSize:3,children:"H1 sized as H3"}),(0,i.jsx)(a.htM,{style:{margin:0}}),(0,i.jsx)(h,{level:2,children:"H2 default"}),(0,i.jsx)(h,{level:2,headingSize:1,children:"H2 sized as H1"}),(0,i.jsx)(h,{level:2,headingSize:3,children:"H2 sized as H3"}),(0,i.jsx)(a.htM,{style:{margin:0}}),(0,i.jsx)(h,{level:3,children:"H3 default"}),(0,i.jsx)(h,{level:3,headingSize:1,children:"H3 sized as H1"}),(0,i.jsx)(h,{level:3,headingSize:2,children:"H3 sized as H2"})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Typography Paragraphs",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.AntTypography,{children:[(0,i.jsx)(d,{children:"This paragraph has a bottom margin. Imperdiet ex curae laoreet turpis adipiscing pulvinar erat conubia rhoncus, faucibus dictum porta integer tincidunt iaculis pharetra. Dis praesent egestas curae tortor primis volutpat metus ridiculus sit rutrum vitae ac aenean, nisi dolor a per molestie etiam ad tristique magnis fames laoreet."}),(0,i.jsx)(d,{children:"This paragraph has no bottom margin. Imperdiet ex curae laoreet turpis adipiscing pulvinar erat conubia rhoncus, faucibus dictum porta integer tincidunt iaculis pharetra."}),(0,i.jsx)(d,{type:"secondary",children:"This paragraph uses secondary color. laoreet turpis adipiscing pulvinar erat conubia rhoncus, faucibus dictum porta integer tincidunt iaculis pharetra."})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Typography Text & Link",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(o,{children:"Ant Design (default)"}),(0,i.jsx)(o,{size:"sm",children:"Ant Design (small)"}),(0,i.jsx)(o,{size:"lg",children:"Ant Design (large)"}),(0,i.jsx)(o,{type:"secondary",children:"Ant Design (secondary)"}),(0,i.jsx)(o,{type:"success",children:"Ant Design (success)"}),(0,i.jsx)(o,{type:"warning",children:"Ant Design (warning)"}),(0,i.jsx)(o,{type:"danger",children:"Ant Design (danger)"}),(0,i.jsx)(o,{disabled:!0,children:"Ant Design (disabled)"}),(0,i.jsx)(o,{mark:!0,children:"Ant Design (mark)"}),(0,i.jsx)(o,{code:!0,children:"Ant Design (code)"}),(0,i.jsx)(o,{keyboard:!0,children:"Ant Design (keyboard)"}),(0,i.jsx)(o,{underline:!0,children:"Ant Design (underline)"}),(0,i.jsx)(o,{delete:!0,children:"Ant Design (delete)"}),(0,i.jsx)(o,{strong:!0,children:"Ant Design (strong)"}),(0,i.jsx)(o,{italic:!0,children:"Ant Design (italic)"}),(0,i.jsx)(c,{href:"https://ant.design",target:"_blank",children:"Ant Design (Link)"})]})})})]})]})})}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=76985)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1921],{76985:function(e,l,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/ant-components",function(){return s(47002)}])},58754:function(e,l,s){"use strict";var i=s(24246),a=s(86920),n=s(70788);l.Z=e=>{let{heading:l,breadcrumbItems:s,isSticky:r=!0,children:t,rightContent:c,style:d,...o}=e;return(0,i.jsxs)("div",{...o,style:r?{position:"sticky",top:"-24px",paddingTop:"24px",paddingBottom:"24px",paddingLeft:"40px",marginLeft:"-40px",paddingRight:"40px",marginRight:"-40px",marginTop:"-24px",left:0,zIndex:20,backgroundColor:"white",...d}:{paddingBottom:"24px",...d},children:[(0,i.jsxs)(a.jqI,{justify:"space-between",children:["string"==typeof l?(0,i.jsx)(a.lQT,{className:s||t?"pb-4":void 0,level:1,"data-testid":"page-heading",children:l}):l,c&&(0,i.jsx)("div",{"data-testid":"page-header-right-content",children:c})]}),!!s&&(0,i.jsx)(n.m,{className:t?"pb-4":void 0,items:s,"data-testid":"page-breadcrumb"}),t]})}},70788:function(e,l,s){"use strict";s.d(l,{m:function(){return d}});var i=s(24246),a=s(86920),n=s(79894),r=s.n(n),t=s(27378);let{Text:c}=a.AntTypography,d=e=>{let{items:l,...s}=e,n=(0,t.useMemo)(()=>null==l?void 0:l.map((e,s)=>{let n=s===l.length-1,t={...e},d=t.onClick&&!t.href;return("string"==typeof t.title&&(t.title=(0,i.jsx)(c,{style:{color:"inherit",maxWidth:n?void 0:400},ellipsis:!n,children:t.title})),d)?t.title=(0,i.jsx)(a.wpx,{type:"text",size:"small",icon:t.icon,onClick:t.onClick,className:"ant-breadcrumb-link -mt-px px-1 text-inherit",children:t.title}):(t.icon&&(t.title=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:"anticon align-text-bottom",children:t.icon}),t.title]})),t.href&&t.title&&(t.title=(0,i.jsx)(r(),{href:t.href,className:"ant-breadcrumb-link",children:t.title}),delete t.href)),t}),[l]);return(0,i.jsx)(a.zrq,{items:n,...s})}},47002:function(e,l,s){"use strict";s.r(l);var i=s(24246),a=s(86920),n=s(46238),r=s(58754);let{Content:t}=a.AntLayout,{Link:c,Paragraph:d,Text:o,Title:h}=a.AntTypography,u=[];for(let e=10;e<36;e+=1)u.push({label:e.toString(36)+e,value:e.toString(36)+e});l.default=()=>(0,i.jsx)(a.AntLayout,{children:(0,i.jsxs)(t,{className:"overflow-auto px-10 py-6",children:[(0,i.jsx)(r.Z,{heading:"Ant Design Proof of Concept"}),(0,i.jsxs)(a.bue,{gutter:16,className:"mt-6",children:[(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Button",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.wpx,{type:"primary",children:"Primary Button"}),(0,i.jsx)(a.wpx,{children:"Default Button"}),(0,i.jsx)(a.wpx,{type:"dashed",children:"Dashed Button"}),(0,i.jsx)(a.wpx,{type:"text",children:"Text Button"}),(0,i.jsx)(a.wpx,{type:"link",children:"Link Button"}),(0,i.jsx)(a.wpx,{type:"primary",loading:!0,children:"Loading Button"}),(0,i.jsx)(a.wpx,{type:"primary",disabled:!0,children:"Disabled Button"})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Switch",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.rAg,{defaultChecked:!0}),(0,i.jsx)(a.rAg,{size:"small",defaultChecked:!0}),(0,i.jsx)(a.rAg,{loading:!0,defaultChecked:!0})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Select",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.WPr,{defaultValue:"lucy",className:"w-32",options:[{value:"jack",label:"Jack"},{value:"lucy",label:"Lucy"},{value:"Yiminghe",label:"yiminghe"},{value:"disabled",label:"Disabled",disabled:!0}]}),(0,i.jsx)(a.WPr,{defaultValue:"lucy",className:"w-32",disabled:!0,options:[{value:"lucy",label:"Lucy"}]}),(0,i.jsx)(a.WPr,{defaultValue:"lucy",className:"w-32",loading:!0,options:[{value:"lucy",label:"Lucy"}]}),(0,i.jsx)(a.WPr,{defaultValue:"lucy",className:"w-32",allowClear:!0,options:[{value:"lucy",label:"Lucy"}]}),(0,i.jsx)(a.WPr,{mode:"multiple",allowClear:!0,className:"w-full",placeholder:"Please select",defaultValue:["a10","c12"],options:u}),(0,i.jsx)(a.WPr,{mode:"multiple",disabled:!0,className:"w-full",placeholder:"Please select",defaultValue:["a10","c12"],options:u})]})})})]}),(0,i.jsx)("br",{}),(0,i.jsxs)(a.bue,{gutter:16,children:[(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Checkbox",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.E_O,{children:"Checkbox"}),(0,i.jsx)(a.E_O,{defaultChecked:!0,children:"Checkbox"}),(0,i.jsx)(a.E_O,{disabled:!0,children:"Disabled"}),(0,i.jsx)(a.E_O,{indeterminate:!0,children:"Indeterminate"}),(0,i.jsx)(a.E_O.Group,{options:[{label:"Apple",value:"Apple"},{label:"Pear",value:"Pear"},{label:"Orange",value:"Orange",disabled:!0}],defaultValue:["Apple"]})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Radio",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.y02,{children:"Radio"}),(0,i.jsx)(a.y02,{defaultChecked:!0,children:"Radio"}),(0,i.jsx)(a.y02,{disabled:!0,children:"Disabled"}),(0,i.jsx)(a.y02.Group,{options:[{label:"Apple",value:"Apple"},{label:"Pear",value:"Pear"},{label:"Orange",value:"Orange",disabled:!0}],defaultValue:"Apple"}),(0,i.jsx)(a.y02.Group,{options:[{label:"Apple",value:"Apple"},{label:"Pear",value:"Pear"},{label:"Orange",value:"Orange"}],defaultValue:"Apple",optionType:"button"}),(0,i.jsx)(a.y02.Group,{options:[{label:"Apple",value:"Apple"},{label:"Pear",value:"Pear"},{label:"Orange",value:"Orange"}],defaultValue:"Apple",optionType:"button",buttonStyle:"solid"})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Input",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",size:"middle",children:[(0,i.jsx)(a.vyj.Compact,{children:(0,i.jsx)(a.uFc,{defaultValue:"26888888"})}),(0,i.jsxs)(a.vyj.Compact,{children:[(0,i.jsx)(a.uFc,{className:"w-1/5",defaultValue:"0571"}),(0,i.jsx)(a.uFc,{className:"w-4/5",defaultValue:"26888888"})]}),(0,i.jsx)(a.vyj.Compact,{children:(0,i.jsx)(a.uFc.Search,{addonBefore:"https://",placeholder:"input search text",allowClear:!0})}),(0,i.jsxs)(a.vyj.Compact,{className:"w-full",children:[(0,i.jsx)(a.uFc,{defaultValue:"Combine input and button"}),(0,i.jsx)(a.wpx,{type:"primary",children:"Submit"})]}),(0,i.jsxs)(a.vyj.Compact,{children:[(0,i.jsx)(a.WPr,{defaultValue:"Zhejiang",options:u}),(0,i.jsx)(a.uFc,{defaultValue:"Xihu District, Hangzhou"})]})]})})})]}),(0,i.jsx)("br",{}),(0,i.jsxs)(a.bue,{gutter:16,children:[(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Tooltip",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.esZ,{title:"I'm a tooltip",children:"Hover or focus this text"}),(0,i.jsx)(n.b,{label:"Tooltip will show on mouse enter or focus."}),(0,i.jsx)(a.esZ,{title:"Focus styles don't change for naturally focusable elements like buttons",children:(0,i.jsx)(a.wpx,{children:"Button with tooltip"})})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Alert",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.DUx,{message:"Success Tips",type:"success",showIcon:!0}),(0,i.jsx)(a.DUx,{message:"Informational Notes",type:"info",showIcon:!0}),(0,i.jsx)(a.DUx,{message:"Warning",type:"warning",showIcon:!0,closable:!0}),(0,i.jsx)(a.DUx,{message:"Error",type:"error",showIcon:!0})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Tag",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.jqI,{wrap:!0,gap:"small",children:[(0,i.jsx)(a.j8w,{color:"default",children:"default"}),(0,i.jsx)(a.j8w,{color:"corinth",children:"corinth"}),(0,i.jsx)(a.j8w,{color:"minos",children:"minos"}),(0,i.jsx)(a.j8w,{color:"terracotta",children:"terracotta"}),(0,i.jsx)(a.j8w,{color:"olive",children:"olive"}),(0,i.jsx)(a.j8w,{color:"marble",children:"marble"}),(0,i.jsx)(a.j8w,{color:"sandstone",children:"sandstone"}),(0,i.jsx)(a.j8w,{color:"nectar",children:"nectar"}),(0,i.jsx)(a.j8w,{color:"error",children:"error"}),(0,i.jsx)(a.j8w,{color:"warning",children:"warning"}),(0,i.jsx)(a.j8w,{color:"caution",children:"caution"}),(0,i.jsx)(a.j8w,{color:"success",children:"success"}),(0,i.jsx)(a.j8w,{color:"info",children:"info"}),(0,i.jsx)(a.j8w,{color:"alert",children:"alert"}),(0,i.jsx)(a.j8w,{color:"white",children:"white"}),(0,i.jsx)(a.j8w,{closable:!0,onClose:()=>console.log("closed"),children:"Closable Tag"}),(0,i.jsx)(a.j8w,{onClick:()=>console.log("clicked"),addable:!0}),(0,i.jsx)(a.j8w,{onClick:()=>console.log("clicked"),addable:!0,children:"Add More"}),(0,i.jsxs)(a.j8w,{hasSparkle:!0,onClick:()=>console.log("clicked"),children:["Data Use",(0,i.jsx)(a.PJP.I8b,{})]}),(0,i.jsx)(a.j8w,{hasSparkle:!0,onClick:()=>console.log("clicked"),closable:!0,onClose:()=>console.log("closed"),children:"Data Category"})]})})})]}),(0,i.jsx)("br",{}),(0,i.jsxs)(a.bue,{gutter:16,children:[(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Typography Headings",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(h,{level:1,children:"H1 default"}),(0,i.jsx)(h,{level:1,headingSize:2,children:"H1 sized as H2"}),(0,i.jsx)(h,{level:1,headingSize:3,children:"H1 sized as H3"}),(0,i.jsx)(a.htM,{style:{margin:0}}),(0,i.jsx)(h,{level:2,children:"H2 default"}),(0,i.jsx)(h,{level:2,headingSize:1,children:"H2 sized as H1"}),(0,i.jsx)(h,{level:2,headingSize:3,children:"H2 sized as H3"}),(0,i.jsx)(a.htM,{style:{margin:0}}),(0,i.jsx)(h,{level:3,children:"H3 default"}),(0,i.jsx)(h,{level:3,headingSize:1,children:"H3 sized as H1"}),(0,i.jsx)(h,{level:3,headingSize:2,children:"H3 sized as H2"})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Typography Paragraphs",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.AntTypography,{children:[(0,i.jsx)(d,{children:"This paragraph has a bottom margin. Imperdiet ex curae laoreet turpis adipiscing pulvinar erat conubia rhoncus, faucibus dictum porta integer tincidunt iaculis pharetra. Dis praesent egestas curae tortor primis volutpat metus ridiculus sit rutrum vitae ac aenean, nisi dolor a per molestie etiam ad tristique magnis fames laoreet."}),(0,i.jsx)(d,{children:"This paragraph has no bottom margin. Imperdiet ex curae laoreet turpis adipiscing pulvinar erat conubia rhoncus, faucibus dictum porta integer tincidunt iaculis pharetra."}),(0,i.jsx)(d,{type:"secondary",children:"This paragraph uses secondary color. laoreet turpis adipiscing pulvinar erat conubia rhoncus, faucibus dictum porta integer tincidunt iaculis pharetra."})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Typography Text & Link",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(o,{children:"Ant Design (default)"}),(0,i.jsx)(o,{size:"sm",children:"Ant Design (small)"}),(0,i.jsx)(o,{size:"lg",children:"Ant Design (large)"}),(0,i.jsx)(o,{type:"secondary",children:"Ant Design (secondary)"}),(0,i.jsx)(o,{type:"success",children:"Ant Design (success)"}),(0,i.jsx)(o,{type:"warning",children:"Ant Design (warning)"}),(0,i.jsx)(o,{type:"danger",children:"Ant Design (danger)"}),(0,i.jsx)(o,{disabled:!0,children:"Ant Design (disabled)"}),(0,i.jsx)(o,{mark:!0,children:"Ant Design (mark)"}),(0,i.jsx)(o,{code:!0,children:"Ant Design (code)"}),(0,i.jsx)(o,{keyboard:!0,children:"Ant Design (keyboard)"}),(0,i.jsx)(o,{underline:!0,children:"Ant Design (underline)"}),(0,i.jsx)(o,{delete:!0,children:"Ant Design (delete)"}),(0,i.jsx)(o,{strong:!0,children:"Ant Design (strong)"}),(0,i.jsx)(o,{italic:!0,children:"Ant Design (italic)"}),(0,i.jsx)(c,{href:"https://ant.design",target:"_blank",children:"Ant Design (Link)"})]})})})]})]})})}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=76985)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/poc/form-experiments/{AntForm-ac613f99cd57d7b3.js → AntForm-8cf5c6bb7f4595eb.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5970],{6920:function(e,l,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/form-experiments/AntForm",function(){return n(33396)}])},95813:function(e,l,n){"use strict";n.d(l,{S:function(){return t}});let t={input:"default text",radio:"2",checkbox:!0,switch:!0,select:"2",multiselect:["2"],tags:["1"],date:"",number:12}},33396:function(e,l,n){"use strict";n.r(l),n.d(l,{AntFormPOC:function(){return u}});var t=n(24246),a=n(13577),s=n(3124),r=n.n(s),c=n(27378),i=n(95813);let{Title:o}=a.AntTypography,u=()=>{let[e]=a.PPS.useForm(),[l,n]=(0,c.useState)(i.S);return(0,t.jsxs)(a.bue,{children:[(0,t.jsxs)(a.JGx,{span:12,children:[(0,t.jsx)(o,{level:2,children:"Pure Ant"}),(0,t.jsxs)("div",{className:"mb-4",children:[(0,t.jsx)(a.j8w,{color:"green",children:"funcitonal"}),(0,t.jsx)(a.j8w,{color:"green",children:"low effort"})]}),(0,t.jsxs)(a.PPS,{initialValues:{...i.S},form:e,layout:"vertical",onValuesChange:(e,l)=>{n(l)},children:[(0,t.jsx)(a.PPS.Item,{label:"Input",name:"input",children:(0,t.jsx)(a.uFc,{})}),(0,t.jsx)(a.PPS.Item,{name:"radio",children:(0,t.jsxs)(a.y02.Group,{name:"radio",children:[(0,t.jsx)(a.y02,{value:"1",children:"Radio 1"}),(0,t.jsx)(a.y02,{value:"2",children:"Radio 2"})]})}),(0,t.jsx)(a.PPS.Item,{name:"checkbox",valuePropName:"checked",children:(0,t.jsx)(a.E_O,{children:"Checkbox"})}),(0,t.jsx)(a.PPS.Item,{label:"Switch",name:"switch",valuePropName:"checked",children:(0,t.jsx)(a.rAg,{})}),(0,t.jsx)(a.PPS.Item,{label:"Select",name:"select",children:(0,t.jsx)(a.WPr,{allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,t.jsx)(a.PPS.Item,{label:"Multiselect",name:"multiselect",children:(0,t.jsx)(a.WPr,{mode:"multiple",allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,t.jsx)(a.PPS.Item,{label:"Tags",name:"tags",children:(0,t.jsx)(a.WPr,{mode:"tags",allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,t.jsx)(a.PPS.Item,{label:"Date",name:"date",children:(0,t.jsx)(a.cv2,{})}),(0,t.jsx)(a.PPS.Item,{label:"Number",name:"number",children:(0,t.jsx)(a.W7D,{})})]})]}),(0,t.jsxs)(a.JGx,{span:8,offset:4,children:[(0,t.jsx)(o,{level:4,children:"Controlled Values"}),(0,t.jsx)(a.V4A,{style:{backgroundColor:r().FIDESUI_MINOS,color:r().FIDESUI_CORINTH},children:(0,t.jsx)("pre",{children:(0,t.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e.toString(),": ").concat(l[e],"\n")),"}"]})})})]})]})};l.default=u}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=6920)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5970],{6920:function(e,l,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/form-experiments/AntForm",function(){return n(33396)}])},95813:function(e,l,n){"use strict";n.d(l,{S:function(){return t}});let t={input:"default text",radio:"2",checkbox:!0,switch:!0,select:"2",multiselect:["2"],tags:["1"],date:"",number:12}},33396:function(e,l,n){"use strict";n.r(l),n.d(l,{AntFormPOC:function(){return u}});var t=n(24246),a=n(86920),s=n(3124),r=n.n(s),c=n(27378),i=n(95813);let{Title:o}=a.AntTypography,u=()=>{let[e]=a.PPS.useForm(),[l,n]=(0,c.useState)(i.S);return(0,t.jsxs)(a.bue,{children:[(0,t.jsxs)(a.JGx,{span:12,children:[(0,t.jsx)(o,{level:2,children:"Pure Ant"}),(0,t.jsxs)("div",{className:"mb-4",children:[(0,t.jsx)(a.j8w,{color:"green",children:"funcitonal"}),(0,t.jsx)(a.j8w,{color:"green",children:"low effort"})]}),(0,t.jsxs)(a.PPS,{initialValues:{...i.S},form:e,layout:"vertical",onValuesChange:(e,l)=>{n(l)},children:[(0,t.jsx)(a.PPS.Item,{label:"Input",name:"input",children:(0,t.jsx)(a.uFc,{})}),(0,t.jsx)(a.PPS.Item,{name:"radio",children:(0,t.jsxs)(a.y02.Group,{name:"radio",children:[(0,t.jsx)(a.y02,{value:"1",children:"Radio 1"}),(0,t.jsx)(a.y02,{value:"2",children:"Radio 2"})]})}),(0,t.jsx)(a.PPS.Item,{name:"checkbox",valuePropName:"checked",children:(0,t.jsx)(a.E_O,{children:"Checkbox"})}),(0,t.jsx)(a.PPS.Item,{label:"Switch",name:"switch",valuePropName:"checked",children:(0,t.jsx)(a.rAg,{})}),(0,t.jsx)(a.PPS.Item,{label:"Select",name:"select",children:(0,t.jsx)(a.WPr,{allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,t.jsx)(a.PPS.Item,{label:"Multiselect",name:"multiselect",children:(0,t.jsx)(a.WPr,{mode:"multiple",allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,t.jsx)(a.PPS.Item,{label:"Tags",name:"tags",children:(0,t.jsx)(a.WPr,{mode:"tags",allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,t.jsx)(a.PPS.Item,{label:"Date",name:"date",children:(0,t.jsx)(a.cv2,{})}),(0,t.jsx)(a.PPS.Item,{label:"Number",name:"number",children:(0,t.jsx)(a.W7D,{})})]})]}),(0,t.jsxs)(a.JGx,{span:8,offset:4,children:[(0,t.jsx)(o,{level:4,children:"Controlled Values"}),(0,t.jsx)(a.V4A,{style:{backgroundColor:r().FIDESUI_MINOS,color:r().FIDESUI_CORINTH},children:(0,t.jsx)("pre",{children:(0,t.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e.toString(),": ").concat(l[e],"\n")),"}"]})})})]})]})};l.default=u}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=6920)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/poc/form-experiments/{FormikAntFormItem-44605674baae28e2.js → FormikAntFormItem-01904c9c8521ef1c.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[840],{71850:function(e,l,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/form-experiments/FormikAntFormItem",function(){return t(35716)}])},95813:function(e,l,t){"use strict";t.d(l,{S:function(){return a}});let a={input:"default text",radio:"2",checkbox:!0,switch:!0,select:"2",multiselect:["2"],tags:["1"],date:"",number:12}},35716:function(e,l,t){"use strict";t.r(l),t.d(l,{FormikAntFormItemPOC:function(){return u}});var a=t(24246),n=t(13577),c=t(3124),o=t.n(c),r=t(34090),s=t(95813);let{Title:i}=n.AntTypography,u=()=>(0,a.jsx)(r.J9,{initialValues:{...s.S},onSubmit:console.log,children:e=>{let{values:l,setFieldValue:t}=e;return(0,a.jsxs)(n.bue,{children:[(0,a.jsxs)(n.JGx,{span:12,children:[(0,a.jsx)(i,{level:2,children:"<Formik> + Controlled + Ant's <Form.Item>"}),(0,a.jsxs)("div",{className:"mb-4",children:[(0,a.jsx)(n.j8w,{color:"green",children:"funcitonal"}),(0,a.jsx)(n.j8w,{color:"orange",children:"mid effort"})]}),(0,a.jsx)(r.l0,{children:(0,a.jsxs)(n.jqI,{vertical:!0,children:[(0,a.jsx)(n.PPS.Item,{label:"Input",name:"input",layout:"vertical",children:(0,a.jsx)(n.uFc,{onChange:e=>t("input",e.target.value),defaultValue:l.input})}),(0,a.jsxs)(n.y02.Group,{name:"radio",onChange:e=>t("radio",e.target.value),defaultValue:l.radio,children:[(0,a.jsx)(n.y02,{value:"1",children:"Radio 1"}),(0,a.jsx)(n.y02,{value:"2",children:"Radio 2"})]}),(0,a.jsx)(n.PPS.Item,{name:"checkbox",children:(0,a.jsx)(n.E_O,{onChange:e=>t("checkbox",e.target.checked),defaultChecked:l.checkbox,children:"Checkbox"})}),(0,a.jsx)(n.PPS.Item,{label:"Switch",name:"switch",layout:"vertical",children:(0,a.jsx)(n.rAg,{onChange:e=>t("switch",e),defaultChecked:l.switch})}),(0,a.jsx)(n.PPS.Item,{label:"Select",name:"select",layout:"vertical",children:(0,a.jsx)(n.WPr,{allowClear:!0,className:"w-full",defaultValue:l.select,onChange:e=>t("select",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,a.jsx)(n.PPS.Item,{label:"Multiselect",name:"multiselect",layout:"vertical",children:(0,a.jsx)(n.WPr,{mode:"multiple",allowClear:!0,className:"w-full",defaultValue:l.multiselect,onChange:e=>t("multiselect",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,a.jsx)(n.PPS.Item,{label:"Tags",name:"tags",layout:"vertical",children:(0,a.jsx)(n.WPr,{mode:"tags",allowClear:!0,className:"w-full",defaultValue:l.tags,onChange:e=>t("tags",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,a.jsx)(n.PPS.Item,{label:"Date",name:"date",layout:"vertical",children:(0,a.jsx)(n.cv2,{onChange:e=>t("date",e.toISOString())})}),(0,a.jsx)(n.PPS.Item,{label:"Number",name:"number",layout:"vertical",children:(0,a.jsx)(n.W7D,{defaultValue:l.number,onChange:e=>t("number",e)})})]})})]}),(0,a.jsxs)(n.JGx,{span:8,offset:4,children:[(0,a.jsx)(i,{level:4,children:"Controlled Values"}),(0,a.jsx)(n.V4A,{style:{backgroundColor:o().FIDESUI_MINOS,color:o().FIDESUI_CORINTH},children:(0,a.jsx)("pre",{children:(0,a.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=u}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=71850)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[840],{71850:function(e,l,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/form-experiments/FormikAntFormItem",function(){return t(35716)}])},95813:function(e,l,t){"use strict";t.d(l,{S:function(){return a}});let a={input:"default text",radio:"2",checkbox:!0,switch:!0,select:"2",multiselect:["2"],tags:["1"],date:"",number:12}},35716:function(e,l,t){"use strict";t.r(l),t.d(l,{FormikAntFormItemPOC:function(){return u}});var a=t(24246),n=t(86920),c=t(3124),o=t.n(c),r=t(34090),s=t(95813);let{Title:i}=n.AntTypography,u=()=>(0,a.jsx)(r.J9,{initialValues:{...s.S},onSubmit:console.log,children:e=>{let{values:l,setFieldValue:t}=e;return(0,a.jsxs)(n.bue,{children:[(0,a.jsxs)(n.JGx,{span:12,children:[(0,a.jsx)(i,{level:2,children:"<Formik> + Controlled + Ant's <Form.Item>"}),(0,a.jsxs)("div",{className:"mb-4",children:[(0,a.jsx)(n.j8w,{color:"green",children:"funcitonal"}),(0,a.jsx)(n.j8w,{color:"orange",children:"mid effort"})]}),(0,a.jsx)(r.l0,{children:(0,a.jsxs)(n.jqI,{vertical:!0,children:[(0,a.jsx)(n.PPS.Item,{label:"Input",name:"input",layout:"vertical",children:(0,a.jsx)(n.uFc,{onChange:e=>t("input",e.target.value),defaultValue:l.input})}),(0,a.jsxs)(n.y02.Group,{name:"radio",onChange:e=>t("radio",e.target.value),defaultValue:l.radio,children:[(0,a.jsx)(n.y02,{value:"1",children:"Radio 1"}),(0,a.jsx)(n.y02,{value:"2",children:"Radio 2"})]}),(0,a.jsx)(n.PPS.Item,{name:"checkbox",children:(0,a.jsx)(n.E_O,{onChange:e=>t("checkbox",e.target.checked),defaultChecked:l.checkbox,children:"Checkbox"})}),(0,a.jsx)(n.PPS.Item,{label:"Switch",name:"switch",layout:"vertical",children:(0,a.jsx)(n.rAg,{onChange:e=>t("switch",e),defaultChecked:l.switch})}),(0,a.jsx)(n.PPS.Item,{label:"Select",name:"select",layout:"vertical",children:(0,a.jsx)(n.WPr,{allowClear:!0,className:"w-full",defaultValue:l.select,onChange:e=>t("select",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,a.jsx)(n.PPS.Item,{label:"Multiselect",name:"multiselect",layout:"vertical",children:(0,a.jsx)(n.WPr,{mode:"multiple",allowClear:!0,className:"w-full",defaultValue:l.multiselect,onChange:e=>t("multiselect",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,a.jsx)(n.PPS.Item,{label:"Tags",name:"tags",layout:"vertical",children:(0,a.jsx)(n.WPr,{mode:"tags",allowClear:!0,className:"w-full",defaultValue:l.tags,onChange:e=>t("tags",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,a.jsx)(n.PPS.Item,{label:"Date",name:"date",layout:"vertical",children:(0,a.jsx)(n.cv2,{onChange:e=>t("date",e.toISOString())})}),(0,a.jsx)(n.PPS.Item,{label:"Number",name:"number",layout:"vertical",children:(0,a.jsx)(n.W7D,{defaultValue:l.number,onChange:e=>t("number",e)})})]})})]}),(0,a.jsxs)(n.JGx,{span:8,offset:4,children:[(0,a.jsx)(i,{level:4,children:"Controlled Values"}),(0,a.jsx)(n.V4A,{style:{backgroundColor:o().FIDESUI_MINOS,color:o().FIDESUI_CORINTH},children:(0,a.jsx)("pre",{children:(0,a.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=u}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=71850)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/poc/form-experiments/{FormikControlled-86761304f1da7172.js → FormikControlled-ed8c23307b2b6868.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[611],{84093:function(e,l,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/form-experiments/FormikControlled",function(){return n(15957)}])},95813:function(e,l,n){"use strict";n.d(l,{S:function(){return i}});let i={input:"default text",radio:"2",checkbox:!0,switch:!0,select:"2",multiselect:["2"],tags:["1"],date:"",number:12}},15957:function(e,l,n){"use strict";n.r(l),n.d(l,{FormikControlledPOC:function(){return o}});var i=n(24246),s=n(13577),t=n(3124),r=n.n(t),c=n(34090),d=n(95813);let{Title:a}=s.AntTypography,o=()=>(0,i.jsx)(c.J9,{initialValues:{...d.S},onSubmit:console.log,children:e=>{let{values:l,setFieldValue:n}=e;return(0,i.jsxs)(s.bue,{children:[(0,i.jsxs)(s.JGx,{span:12,children:[(0,i.jsx)(a,{level:2,children:"<Formik> + Controlled"}),(0,i.jsxs)("div",{className:"mb-4",children:[(0,i.jsx)(s.j8w,{color:"green",children:"funcitonal"}),(0,i.jsx)(s.j8w,{color:"red",children:"high effort"})]}),(0,i.jsx)(c.l0,{children:(0,i.jsxs)(s.jqI,{vertical:!0,gap:16,children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"input",children:"Input"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.uFc,{id:"input",onChange:e=>n("input",e.target.value),defaultValue:l.input})})]}),(0,i.jsx)("div",{children:(0,i.jsxs)(s.y02.Group,{name:"radio",onChange:e=>n("radio",e.target.value),defaultValue:l.radio,children:[(0,i.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,i.jsx)(s.y02,{value:"2",children:"Radio 2"})]})}),(0,i.jsx)("div",{children:(0,i.jsx)(s.E_O,{onChange:e=>n("checkbox",e.target.checked),defaultChecked:l.checkbox,children:"Checkbox"})}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"switch",children:"Switch"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.rAg,{id:"switch",onChange:e=>n("switch",e),defaultChecked:l.switch})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"select",children:"Select"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{allowClear:!0,id:"select",defaultValue:l.select,onChange:e=>n("select",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"multiselect",children:"Multiselect"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{mode:"multiple",allowClear:!0,id:"multiselect",defaultValue:l.multiselect,onChange:e=>n("multiselect",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"tags",children:"Tags"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{mode:"tags",allowClear:!0,id:"tags",defaultValue:l.tags,onChange:e=>n("tags",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"date",children:"Date"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.cv2,{id:"date",onChange:e=>n("date",e.toISOString())})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"number",children:"Number"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.W7D,{id:"number",defaultValue:l.number,onChange:e=>n("number",e)})})]})]})})]}),(0,i.jsxs)(s.JGx,{span:8,offset:4,children:[(0,i.jsx)(a,{level:4,children:"Controlled Values"}),(0,i.jsx)(s.V4A,{style:{backgroundColor:r().FIDESUI_MINOS,color:r().FIDESUI_CORINTH},children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=o}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=84093)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[611],{84093:function(e,l,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/form-experiments/FormikControlled",function(){return n(15957)}])},95813:function(e,l,n){"use strict";n.d(l,{S:function(){return i}});let i={input:"default text",radio:"2",checkbox:!0,switch:!0,select:"2",multiselect:["2"],tags:["1"],date:"",number:12}},15957:function(e,l,n){"use strict";n.r(l),n.d(l,{FormikControlledPOC:function(){return o}});var i=n(24246),s=n(86920),t=n(3124),r=n.n(t),c=n(34090),d=n(95813);let{Title:a}=s.AntTypography,o=()=>(0,i.jsx)(c.J9,{initialValues:{...d.S},onSubmit:console.log,children:e=>{let{values:l,setFieldValue:n}=e;return(0,i.jsxs)(s.bue,{children:[(0,i.jsxs)(s.JGx,{span:12,children:[(0,i.jsx)(a,{level:2,children:"<Formik> + Controlled"}),(0,i.jsxs)("div",{className:"mb-4",children:[(0,i.jsx)(s.j8w,{color:"green",children:"funcitonal"}),(0,i.jsx)(s.j8w,{color:"red",children:"high effort"})]}),(0,i.jsx)(c.l0,{children:(0,i.jsxs)(s.jqI,{vertical:!0,gap:16,children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"input",children:"Input"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.uFc,{id:"input",onChange:e=>n("input",e.target.value),defaultValue:l.input})})]}),(0,i.jsx)("div",{children:(0,i.jsxs)(s.y02.Group,{name:"radio",onChange:e=>n("radio",e.target.value),defaultValue:l.radio,children:[(0,i.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,i.jsx)(s.y02,{value:"2",children:"Radio 2"})]})}),(0,i.jsx)("div",{children:(0,i.jsx)(s.E_O,{onChange:e=>n("checkbox",e.target.checked),defaultChecked:l.checkbox,children:"Checkbox"})}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"switch",children:"Switch"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.rAg,{id:"switch",onChange:e=>n("switch",e),defaultChecked:l.switch})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"select",children:"Select"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{allowClear:!0,id:"select",defaultValue:l.select,onChange:e=>n("select",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"multiselect",children:"Multiselect"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{mode:"multiple",allowClear:!0,id:"multiselect",defaultValue:l.multiselect,onChange:e=>n("multiselect",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"tags",children:"Tags"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{mode:"tags",allowClear:!0,id:"tags",defaultValue:l.tags,onChange:e=>n("tags",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"date",children:"Date"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.cv2,{id:"date",onChange:e=>n("date",e.toISOString())})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"number",children:"Number"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.W7D,{id:"number",defaultValue:l.number,onChange:e=>n("number",e)})})]})]})})]}),(0,i.jsxs)(s.JGx,{span:8,offset:4,children:[(0,i.jsx)(a,{level:4,children:"Controlled Values"}),(0,i.jsx)(s.V4A,{style:{backgroundColor:r().FIDESUI_MINOS,color:r().FIDESUI_CORINTH},children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=o}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=84093)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/poc/form-experiments/{FormikField-fadf4e866aa8ea22.js → FormikField-3ec8e1811906a1d2.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4266],{93102:function(e,l,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/form-experiments/FormikField",function(){return i(82252)}])},95813:function(e,l,i){"use strict";i.d(l,{S:function(){return n}});let n={input:"default text",radio:"2",checkbox:!0,switch:!0,select:"2",multiselect:["2"],tags:["1"],date:"",number:12}},82252:function(e,l,i){"use strict";i.r(l),i.d(l,{FormikFieldPOC:function(){return h}});var n=i(24246),s=i(13577),r=i(3124),t=i.n(r),o=i(34090),d=i(95813);let{Text:a,Title:c}=s.AntTypography,h=()=>(0,n.jsx)(o.J9,{initialValues:{...d.S},onSubmit:console.log,children:e=>{let{values:l}=e;return(0,n.jsxs)(s.bue,{children:[(0,n.jsxs)(s.JGx,{span:12,children:[(0,n.jsx)(c,{level:2,children:"<Formik> + <Field>"}),(0,n.jsxs)("div",{className:"mb-4",children:[(0,n.jsx)(s.j8w,{color:"red",children:"non functional"}),(0,n.jsx)(s.j8w,{color:"red",children:"high effort"})]}),(0,n.jsx)(o.l0,{children:(0,n.jsxs)(s.jqI,{vertical:!0,gap:16,children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"input",children:"Input"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.uFc,id:"input",name:"input",type:"text"})})]}),(0,n.jsx)("div",{children:(0,n.jsxs)(o.gN,{as:s.y02.Group,name:"radio",children:[(0,n.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,n.jsx)(s.y02,{value:"2",children:"Radio 2"})]})}),(0,n.jsxs)("div",{children:[(0,n.jsx)(o.gN,{as:s.E_O,defaultChecked:l.checkbox,name:"checkbox",children:"Checkbox"}),(0,n.jsx)(a,{type:"warning",children:"Requires additional logic to handle default state"})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"switch",children:"Switch"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.rAg,id:"switch",name:"switch"})}),(0,n.jsxs)(a,{type:"danger",children:["Ant Switch's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"select",children:"Select"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.WPr,allowClear:!0,id:"select",name:"select",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,n.jsxs)(a,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"multiselect",children:"Multiselect"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.WPr,mode:"multiple",allowClear:!0,id:"multiselect",name:"multiselect",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,n.jsxs)(a,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"multiselect",children:"Tags"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.WPr,mode:"tags",allowClear:!0,id:"tags",name:"tags",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,n.jsxs)(a,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"date",children:"Date"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.cv2,id:"date",name:"date",status:"error"})}),(0,n.jsxs)(a,{type:"danger",children:["Ant DatePicker's onChange is different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"number",children:"Number"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.W7D,id:"number",name:"number",status:"error"})}),(0,n.jsxs)(a,{type:"danger",children:["Ant InputNumber's onChange is different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]})]})})]}),(0,n.jsxs)(s.JGx,{span:8,offset:4,children:[(0,n.jsx)(c,{level:4,children:"Controlled Values"}),(0,n.jsx)(s.V4A,{style:{backgroundColor:t().FIDESUI_MINOS,color:t().FIDESUI_CORINTH},children:(0,n.jsx)("pre",{children:(0,n.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=h}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=93102)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4266],{93102:function(e,l,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/form-experiments/FormikField",function(){return i(82252)}])},95813:function(e,l,i){"use strict";i.d(l,{S:function(){return n}});let n={input:"default text",radio:"2",checkbox:!0,switch:!0,select:"2",multiselect:["2"],tags:["1"],date:"",number:12}},82252:function(e,l,i){"use strict";i.r(l),i.d(l,{FormikFieldPOC:function(){return h}});var n=i(24246),s=i(86920),r=i(3124),t=i.n(r),o=i(34090),d=i(95813);let{Text:a,Title:c}=s.AntTypography,h=()=>(0,n.jsx)(o.J9,{initialValues:{...d.S},onSubmit:console.log,children:e=>{let{values:l}=e;return(0,n.jsxs)(s.bue,{children:[(0,n.jsxs)(s.JGx,{span:12,children:[(0,n.jsx)(c,{level:2,children:"<Formik> + <Field>"}),(0,n.jsxs)("div",{className:"mb-4",children:[(0,n.jsx)(s.j8w,{color:"red",children:"non functional"}),(0,n.jsx)(s.j8w,{color:"red",children:"high effort"})]}),(0,n.jsx)(o.l0,{children:(0,n.jsxs)(s.jqI,{vertical:!0,gap:16,children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"input",children:"Input"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.uFc,id:"input",name:"input",type:"text"})})]}),(0,n.jsx)("div",{children:(0,n.jsxs)(o.gN,{as:s.y02.Group,name:"radio",children:[(0,n.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,n.jsx)(s.y02,{value:"2",children:"Radio 2"})]})}),(0,n.jsxs)("div",{children:[(0,n.jsx)(o.gN,{as:s.E_O,defaultChecked:l.checkbox,name:"checkbox",children:"Checkbox"}),(0,n.jsx)(a,{type:"warning",children:"Requires additional logic to handle default state"})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"switch",children:"Switch"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.rAg,id:"switch",name:"switch"})}),(0,n.jsxs)(a,{type:"danger",children:["Ant Switch's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"select",children:"Select"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.WPr,allowClear:!0,id:"select",name:"select",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,n.jsxs)(a,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"multiselect",children:"Multiselect"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.WPr,mode:"multiple",allowClear:!0,id:"multiselect",name:"multiselect",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,n.jsxs)(a,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"multiselect",children:"Tags"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.WPr,mode:"tags",allowClear:!0,id:"tags",name:"tags",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,n.jsxs)(a,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"date",children:"Date"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.cv2,id:"date",name:"date",status:"error"})}),(0,n.jsxs)(a,{type:"danger",children:["Ant DatePicker's onChange is different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"number",children:"Number"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.W7D,id:"number",name:"number",status:"error"})}),(0,n.jsxs)(a,{type:"danger",children:["Ant InputNumber's onChange is different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]})]})})]}),(0,n.jsxs)(s.JGx,{span:8,offset:4,children:[(0,n.jsx)(c,{level:4,children:"Controlled Values"}),(0,n.jsx)(s.V4A,{style:{backgroundColor:t().FIDESUI_MINOS,color:t().FIDESUI_CORINTH},children:(0,n.jsx)("pre",{children:(0,n.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=h}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=93102)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/poc/{forms-be9bc54243141257.js → forms-18fc8b3a8ccfc80b.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3316],{36136:function(e,l,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/forms",function(){return n(71252)}])},33396:function(e,l,n){"use strict";n.r(l),n.d(l,{AntFormPOC:function(){return d}});var i=n(24246),s=n(13577),r=n(3124),t=n.n(r),a=n(27378),o=n(95813);let{Title:c}=s.AntTypography,d=()=>{let[e]=s.PPS.useForm(),[l,n]=(0,a.useState)(o.S);return(0,i.jsxs)(s.bue,{children:[(0,i.jsxs)(s.JGx,{span:12,children:[(0,i.jsx)(c,{level:2,children:"Pure Ant"}),(0,i.jsxs)("div",{className:"mb-4",children:[(0,i.jsx)(s.j8w,{color:"green",children:"funcitonal"}),(0,i.jsx)(s.j8w,{color:"green",children:"low effort"})]}),(0,i.jsxs)(s.PPS,{initialValues:{...o.S},form:e,layout:"vertical",onValuesChange:(e,l)=>{n(l)},children:[(0,i.jsx)(s.PPS.Item,{label:"Input",name:"input",children:(0,i.jsx)(s.uFc,{})}),(0,i.jsx)(s.PPS.Item,{name:"radio",children:(0,i.jsxs)(s.y02.Group,{name:"radio",children:[(0,i.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,i.jsx)(s.y02,{value:"2",children:"Radio 2"})]})}),(0,i.jsx)(s.PPS.Item,{name:"checkbox",valuePropName:"checked",children:(0,i.jsx)(s.E_O,{children:"Checkbox"})}),(0,i.jsx)(s.PPS.Item,{label:"Switch",name:"switch",valuePropName:"checked",children:(0,i.jsx)(s.rAg,{})}),(0,i.jsx)(s.PPS.Item,{label:"Select",name:"select",children:(0,i.jsx)(s.WPr,{allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Multiselect",name:"multiselect",children:(0,i.jsx)(s.WPr,{mode:"multiple",allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Tags",name:"tags",children:(0,i.jsx)(s.WPr,{mode:"tags",allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Date",name:"date",children:(0,i.jsx)(s.cv2,{})}),(0,i.jsx)(s.PPS.Item,{label:"Number",name:"number",children:(0,i.jsx)(s.W7D,{})})]})]}),(0,i.jsxs)(s.JGx,{span:8,offset:4,children:[(0,i.jsx)(c,{level:4,children:"Controlled Values"}),(0,i.jsx)(s.V4A,{style:{backgroundColor:t().FIDESUI_MINOS,color:t().FIDESUI_CORINTH},children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e.toString(),": ").concat(l[e],"\n")),"}"]})})})]})]})};l.default=d},35716:function(e,l,n){"use strict";n.r(l),n.d(l,{FormikAntFormItemPOC:function(){return d}});var i=n(24246),s=n(13577),r=n(3124),t=n.n(r),a=n(34090),o=n(95813);let{Title:c}=s.AntTypography,d=()=>(0,i.jsx)(a.J9,{initialValues:{...o.S},onSubmit:console.log,children:e=>{let{values:l,setFieldValue:n}=e;return(0,i.jsxs)(s.bue,{children:[(0,i.jsxs)(s.JGx,{span:12,children:[(0,i.jsx)(c,{level:2,children:"<Formik> + Controlled + Ant's <Form.Item>"}),(0,i.jsxs)("div",{className:"mb-4",children:[(0,i.jsx)(s.j8w,{color:"green",children:"funcitonal"}),(0,i.jsx)(s.j8w,{color:"orange",children:"mid effort"})]}),(0,i.jsx)(a.l0,{children:(0,i.jsxs)(s.jqI,{vertical:!0,children:[(0,i.jsx)(s.PPS.Item,{label:"Input",name:"input",layout:"vertical",children:(0,i.jsx)(s.uFc,{onChange:e=>n("input",e.target.value),defaultValue:l.input})}),(0,i.jsxs)(s.y02.Group,{name:"radio",onChange:e=>n("radio",e.target.value),defaultValue:l.radio,children:[(0,i.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,i.jsx)(s.y02,{value:"2",children:"Radio 2"})]}),(0,i.jsx)(s.PPS.Item,{name:"checkbox",children:(0,i.jsx)(s.E_O,{onChange:e=>n("checkbox",e.target.checked),defaultChecked:l.checkbox,children:"Checkbox"})}),(0,i.jsx)(s.PPS.Item,{label:"Switch",name:"switch",layout:"vertical",children:(0,i.jsx)(s.rAg,{onChange:e=>n("switch",e),defaultChecked:l.switch})}),(0,i.jsx)(s.PPS.Item,{label:"Select",name:"select",layout:"vertical",children:(0,i.jsx)(s.WPr,{allowClear:!0,className:"w-full",defaultValue:l.select,onChange:e=>n("select",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Multiselect",name:"multiselect",layout:"vertical",children:(0,i.jsx)(s.WPr,{mode:"multiple",allowClear:!0,className:"w-full",defaultValue:l.multiselect,onChange:e=>n("multiselect",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Tags",name:"tags",layout:"vertical",children:(0,i.jsx)(s.WPr,{mode:"tags",allowClear:!0,className:"w-full",defaultValue:l.tags,onChange:e=>n("tags",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Date",name:"date",layout:"vertical",children:(0,i.jsx)(s.cv2,{onChange:e=>n("date",e.toISOString())})}),(0,i.jsx)(s.PPS.Item,{label:"Number",name:"number",layout:"vertical",children:(0,i.jsx)(s.W7D,{defaultValue:l.number,onChange:e=>n("number",e)})})]})})]}),(0,i.jsxs)(s.JGx,{span:8,offset:4,children:[(0,i.jsx)(c,{level:4,children:"Controlled Values"}),(0,i.jsx)(s.V4A,{style:{backgroundColor:t().FIDESUI_MINOS,color:t().FIDESUI_CORINTH},children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=d},15957:function(e,l,n){"use strict";n.r(l),n.d(l,{FormikControlledPOC:function(){return d}});var i=n(24246),s=n(13577),r=n(3124),t=n.n(r),a=n(34090),o=n(95813);let{Title:c}=s.AntTypography,d=()=>(0,i.jsx)(a.J9,{initialValues:{...o.S},onSubmit:console.log,children:e=>{let{values:l,setFieldValue:n}=e;return(0,i.jsxs)(s.bue,{children:[(0,i.jsxs)(s.JGx,{span:12,children:[(0,i.jsx)(c,{level:2,children:"<Formik> + Controlled"}),(0,i.jsxs)("div",{className:"mb-4",children:[(0,i.jsx)(s.j8w,{color:"green",children:"funcitonal"}),(0,i.jsx)(s.j8w,{color:"red",children:"high effort"})]}),(0,i.jsx)(a.l0,{children:(0,i.jsxs)(s.jqI,{vertical:!0,gap:16,children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"input",children:"Input"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.uFc,{id:"input",onChange:e=>n("input",e.target.value),defaultValue:l.input})})]}),(0,i.jsx)("div",{children:(0,i.jsxs)(s.y02.Group,{name:"radio",onChange:e=>n("radio",e.target.value),defaultValue:l.radio,children:[(0,i.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,i.jsx)(s.y02,{value:"2",children:"Radio 2"})]})}),(0,i.jsx)("div",{children:(0,i.jsx)(s.E_O,{onChange:e=>n("checkbox",e.target.checked),defaultChecked:l.checkbox,children:"Checkbox"})}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"switch",children:"Switch"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.rAg,{id:"switch",onChange:e=>n("switch",e),defaultChecked:l.switch})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"select",children:"Select"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{allowClear:!0,id:"select",defaultValue:l.select,onChange:e=>n("select",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"multiselect",children:"Multiselect"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{mode:"multiple",allowClear:!0,id:"multiselect",defaultValue:l.multiselect,onChange:e=>n("multiselect",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"tags",children:"Tags"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{mode:"tags",allowClear:!0,id:"tags",defaultValue:l.tags,onChange:e=>n("tags",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"date",children:"Date"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.cv2,{id:"date",onChange:e=>n("date",e.toISOString())})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"number",children:"Number"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.W7D,{id:"number",defaultValue:l.number,onChange:e=>n("number",e)})})]})]})})]}),(0,i.jsxs)(s.JGx,{span:8,offset:4,children:[(0,i.jsx)(c,{level:4,children:"Controlled Values"}),(0,i.jsx)(s.V4A,{style:{backgroundColor:t().FIDESUI_MINOS,color:t().FIDESUI_CORINTH},children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=d},82252:function(e,l,n){"use strict";n.r(l),n.d(l,{FormikFieldPOC:function(){return h}});var i=n(24246),s=n(13577),r=n(3124),t=n.n(r),a=n(34090),o=n(95813);let{Text:c,Title:d}=s.AntTypography,h=()=>(0,i.jsx)(a.J9,{initialValues:{...o.S},onSubmit:console.log,children:e=>{let{values:l}=e;return(0,i.jsxs)(s.bue,{children:[(0,i.jsxs)(s.JGx,{span:12,children:[(0,i.jsx)(d,{level:2,children:"<Formik> + <Field>"}),(0,i.jsxs)("div",{className:"mb-4",children:[(0,i.jsx)(s.j8w,{color:"red",children:"non functional"}),(0,i.jsx)(s.j8w,{color:"red",children:"high effort"})]}),(0,i.jsx)(a.l0,{children:(0,i.jsxs)(s.jqI,{vertical:!0,gap:16,children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"input",children:"Input"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.uFc,id:"input",name:"input",type:"text"})})]}),(0,i.jsx)("div",{children:(0,i.jsxs)(a.gN,{as:s.y02.Group,name:"radio",children:[(0,i.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,i.jsx)(s.y02,{value:"2",children:"Radio 2"})]})}),(0,i.jsxs)("div",{children:[(0,i.jsx)(a.gN,{as:s.E_O,defaultChecked:l.checkbox,name:"checkbox",children:"Checkbox"}),(0,i.jsx)(c,{type:"warning",children:"Requires additional logic to handle default state"})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"switch",children:"Switch"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.rAg,id:"switch",name:"switch"})}),(0,i.jsxs)(c,{type:"danger",children:["Ant Switch's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"select",children:"Select"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.WPr,allowClear:!0,id:"select",name:"select",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsxs)(c,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"multiselect",children:"Multiselect"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.WPr,mode:"multiple",allowClear:!0,id:"multiselect",name:"multiselect",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsxs)(c,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"multiselect",children:"Tags"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.WPr,mode:"tags",allowClear:!0,id:"tags",name:"tags",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsxs)(c,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"date",children:"Date"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.cv2,id:"date",name:"date",status:"error"})}),(0,i.jsxs)(c,{type:"danger",children:["Ant DatePicker's onChange is different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"number",children:"Number"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.W7D,id:"number",name:"number",status:"error"})}),(0,i.jsxs)(c,{type:"danger",children:["Ant InputNumber's onChange is different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]})]})})]}),(0,i.jsxs)(s.JGx,{span:8,offset:4,children:[(0,i.jsx)(d,{level:4,children:"Controlled Values"}),(0,i.jsx)(s.V4A,{style:{backgroundColor:t().FIDESUI_MINOS,color:t().FIDESUI_CORINTH},children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=h},71252:function(e,l,n){"use strict";n.r(l),n.d(l,{FormsPOC:function(){return x}});var i=n(24246),s=n(13577),r=n(33396),t=n(35716),a=n(15957),o=n(82252),c=n(12921);let{Content:d}=s.AntLayout,{Title:h}=s.AntTypography,u=[{key:"1",label:"Formik + Controlled",children:(0,i.jsx)(a.FormikControlledPOC,{})},{key:"2",label:"Formik + Field",children:(0,i.jsx)(o.FormikFieldPOC,{})},{key:"3",label:"Formik + {...field}",children:(0,i.jsx)(c.FormikSpreadFieldPOC,{})},{key:"4",label:"Formik + Ant's Form.Item",children:(0,i.jsx)(t.FormikAntFormItemPOC,{})},{key:"5",label:"Ant Form",children:(0,i.jsx)(r.AntFormPOC,{})}],x=()=>(0,i.jsxs)(d,{className:"overflow-auto px-10 py-6",children:[(0,i.jsx)(s.bue,{children:(0,i.jsx)(h,{children:"Forms POC"})}),(0,i.jsx)(s.A5g,{defaultActiveKey:"1",items:u})]});l.default=x}},function(e){e.O(0,[2921,2888,9774,179],function(){return e(e.s=36136)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3316],{36136:function(e,l,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/forms",function(){return n(71252)}])},33396:function(e,l,n){"use strict";n.r(l),n.d(l,{AntFormPOC:function(){return d}});var i=n(24246),s=n(86920),r=n(3124),t=n.n(r),a=n(27378),o=n(95813);let{Title:c}=s.AntTypography,d=()=>{let[e]=s.PPS.useForm(),[l,n]=(0,a.useState)(o.S);return(0,i.jsxs)(s.bue,{children:[(0,i.jsxs)(s.JGx,{span:12,children:[(0,i.jsx)(c,{level:2,children:"Pure Ant"}),(0,i.jsxs)("div",{className:"mb-4",children:[(0,i.jsx)(s.j8w,{color:"green",children:"funcitonal"}),(0,i.jsx)(s.j8w,{color:"green",children:"low effort"})]}),(0,i.jsxs)(s.PPS,{initialValues:{...o.S},form:e,layout:"vertical",onValuesChange:(e,l)=>{n(l)},children:[(0,i.jsx)(s.PPS.Item,{label:"Input",name:"input",children:(0,i.jsx)(s.uFc,{})}),(0,i.jsx)(s.PPS.Item,{name:"radio",children:(0,i.jsxs)(s.y02.Group,{name:"radio",children:[(0,i.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,i.jsx)(s.y02,{value:"2",children:"Radio 2"})]})}),(0,i.jsx)(s.PPS.Item,{name:"checkbox",valuePropName:"checked",children:(0,i.jsx)(s.E_O,{children:"Checkbox"})}),(0,i.jsx)(s.PPS.Item,{label:"Switch",name:"switch",valuePropName:"checked",children:(0,i.jsx)(s.rAg,{})}),(0,i.jsx)(s.PPS.Item,{label:"Select",name:"select",children:(0,i.jsx)(s.WPr,{allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Multiselect",name:"multiselect",children:(0,i.jsx)(s.WPr,{mode:"multiple",allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Tags",name:"tags",children:(0,i.jsx)(s.WPr,{mode:"tags",allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Date",name:"date",children:(0,i.jsx)(s.cv2,{})}),(0,i.jsx)(s.PPS.Item,{label:"Number",name:"number",children:(0,i.jsx)(s.W7D,{})})]})]}),(0,i.jsxs)(s.JGx,{span:8,offset:4,children:[(0,i.jsx)(c,{level:4,children:"Controlled Values"}),(0,i.jsx)(s.V4A,{style:{backgroundColor:t().FIDESUI_MINOS,color:t().FIDESUI_CORINTH},children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e.toString(),": ").concat(l[e],"\n")),"}"]})})})]})]})};l.default=d},35716:function(e,l,n){"use strict";n.r(l),n.d(l,{FormikAntFormItemPOC:function(){return d}});var i=n(24246),s=n(86920),r=n(3124),t=n.n(r),a=n(34090),o=n(95813);let{Title:c}=s.AntTypography,d=()=>(0,i.jsx)(a.J9,{initialValues:{...o.S},onSubmit:console.log,children:e=>{let{values:l,setFieldValue:n}=e;return(0,i.jsxs)(s.bue,{children:[(0,i.jsxs)(s.JGx,{span:12,children:[(0,i.jsx)(c,{level:2,children:"<Formik> + Controlled + Ant's <Form.Item>"}),(0,i.jsxs)("div",{className:"mb-4",children:[(0,i.jsx)(s.j8w,{color:"green",children:"funcitonal"}),(0,i.jsx)(s.j8w,{color:"orange",children:"mid effort"})]}),(0,i.jsx)(a.l0,{children:(0,i.jsxs)(s.jqI,{vertical:!0,children:[(0,i.jsx)(s.PPS.Item,{label:"Input",name:"input",layout:"vertical",children:(0,i.jsx)(s.uFc,{onChange:e=>n("input",e.target.value),defaultValue:l.input})}),(0,i.jsxs)(s.y02.Group,{name:"radio",onChange:e=>n("radio",e.target.value),defaultValue:l.radio,children:[(0,i.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,i.jsx)(s.y02,{value:"2",children:"Radio 2"})]}),(0,i.jsx)(s.PPS.Item,{name:"checkbox",children:(0,i.jsx)(s.E_O,{onChange:e=>n("checkbox",e.target.checked),defaultChecked:l.checkbox,children:"Checkbox"})}),(0,i.jsx)(s.PPS.Item,{label:"Switch",name:"switch",layout:"vertical",children:(0,i.jsx)(s.rAg,{onChange:e=>n("switch",e),defaultChecked:l.switch})}),(0,i.jsx)(s.PPS.Item,{label:"Select",name:"select",layout:"vertical",children:(0,i.jsx)(s.WPr,{allowClear:!0,className:"w-full",defaultValue:l.select,onChange:e=>n("select",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Multiselect",name:"multiselect",layout:"vertical",children:(0,i.jsx)(s.WPr,{mode:"multiple",allowClear:!0,className:"w-full",defaultValue:l.multiselect,onChange:e=>n("multiselect",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Tags",name:"tags",layout:"vertical",children:(0,i.jsx)(s.WPr,{mode:"tags",allowClear:!0,className:"w-full",defaultValue:l.tags,onChange:e=>n("tags",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Date",name:"date",layout:"vertical",children:(0,i.jsx)(s.cv2,{onChange:e=>n("date",e.toISOString())})}),(0,i.jsx)(s.PPS.Item,{label:"Number",name:"number",layout:"vertical",children:(0,i.jsx)(s.W7D,{defaultValue:l.number,onChange:e=>n("number",e)})})]})})]}),(0,i.jsxs)(s.JGx,{span:8,offset:4,children:[(0,i.jsx)(c,{level:4,children:"Controlled Values"}),(0,i.jsx)(s.V4A,{style:{backgroundColor:t().FIDESUI_MINOS,color:t().FIDESUI_CORINTH},children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=d},15957:function(e,l,n){"use strict";n.r(l),n.d(l,{FormikControlledPOC:function(){return d}});var i=n(24246),s=n(86920),r=n(3124),t=n.n(r),a=n(34090),o=n(95813);let{Title:c}=s.AntTypography,d=()=>(0,i.jsx)(a.J9,{initialValues:{...o.S},onSubmit:console.log,children:e=>{let{values:l,setFieldValue:n}=e;return(0,i.jsxs)(s.bue,{children:[(0,i.jsxs)(s.JGx,{span:12,children:[(0,i.jsx)(c,{level:2,children:"<Formik> + Controlled"}),(0,i.jsxs)("div",{className:"mb-4",children:[(0,i.jsx)(s.j8w,{color:"green",children:"funcitonal"}),(0,i.jsx)(s.j8w,{color:"red",children:"high effort"})]}),(0,i.jsx)(a.l0,{children:(0,i.jsxs)(s.jqI,{vertical:!0,gap:16,children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"input",children:"Input"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.uFc,{id:"input",onChange:e=>n("input",e.target.value),defaultValue:l.input})})]}),(0,i.jsx)("div",{children:(0,i.jsxs)(s.y02.Group,{name:"radio",onChange:e=>n("radio",e.target.value),defaultValue:l.radio,children:[(0,i.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,i.jsx)(s.y02,{value:"2",children:"Radio 2"})]})}),(0,i.jsx)("div",{children:(0,i.jsx)(s.E_O,{onChange:e=>n("checkbox",e.target.checked),defaultChecked:l.checkbox,children:"Checkbox"})}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"switch",children:"Switch"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.rAg,{id:"switch",onChange:e=>n("switch",e),defaultChecked:l.switch})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"select",children:"Select"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{allowClear:!0,id:"select",defaultValue:l.select,onChange:e=>n("select",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"multiselect",children:"Multiselect"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{mode:"multiple",allowClear:!0,id:"multiselect",defaultValue:l.multiselect,onChange:e=>n("multiselect",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"tags",children:"Tags"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{mode:"tags",allowClear:!0,id:"tags",defaultValue:l.tags,onChange:e=>n("tags",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"date",children:"Date"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.cv2,{id:"date",onChange:e=>n("date",e.toISOString())})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"number",children:"Number"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.W7D,{id:"number",defaultValue:l.number,onChange:e=>n("number",e)})})]})]})})]}),(0,i.jsxs)(s.JGx,{span:8,offset:4,children:[(0,i.jsx)(c,{level:4,children:"Controlled Values"}),(0,i.jsx)(s.V4A,{style:{backgroundColor:t().FIDESUI_MINOS,color:t().FIDESUI_CORINTH},children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=d},82252:function(e,l,n){"use strict";n.r(l),n.d(l,{FormikFieldPOC:function(){return h}});var i=n(24246),s=n(86920),r=n(3124),t=n.n(r),a=n(34090),o=n(95813);let{Text:c,Title:d}=s.AntTypography,h=()=>(0,i.jsx)(a.J9,{initialValues:{...o.S},onSubmit:console.log,children:e=>{let{values:l}=e;return(0,i.jsxs)(s.bue,{children:[(0,i.jsxs)(s.JGx,{span:12,children:[(0,i.jsx)(d,{level:2,children:"<Formik> + <Field>"}),(0,i.jsxs)("div",{className:"mb-4",children:[(0,i.jsx)(s.j8w,{color:"red",children:"non functional"}),(0,i.jsx)(s.j8w,{color:"red",children:"high effort"})]}),(0,i.jsx)(a.l0,{children:(0,i.jsxs)(s.jqI,{vertical:!0,gap:16,children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"input",children:"Input"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.uFc,id:"input",name:"input",type:"text"})})]}),(0,i.jsx)("div",{children:(0,i.jsxs)(a.gN,{as:s.y02.Group,name:"radio",children:[(0,i.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,i.jsx)(s.y02,{value:"2",children:"Radio 2"})]})}),(0,i.jsxs)("div",{children:[(0,i.jsx)(a.gN,{as:s.E_O,defaultChecked:l.checkbox,name:"checkbox",children:"Checkbox"}),(0,i.jsx)(c,{type:"warning",children:"Requires additional logic to handle default state"})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"switch",children:"Switch"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.rAg,id:"switch",name:"switch"})}),(0,i.jsxs)(c,{type:"danger",children:["Ant Switch's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"select",children:"Select"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.WPr,allowClear:!0,id:"select",name:"select",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsxs)(c,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"multiselect",children:"Multiselect"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.WPr,mode:"multiple",allowClear:!0,id:"multiselect",name:"multiselect",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsxs)(c,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"multiselect",children:"Tags"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.WPr,mode:"tags",allowClear:!0,id:"tags",name:"tags",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsxs)(c,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"date",children:"Date"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.cv2,id:"date",name:"date",status:"error"})}),(0,i.jsxs)(c,{type:"danger",children:["Ant DatePicker's onChange is different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"number",children:"Number"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.W7D,id:"number",name:"number",status:"error"})}),(0,i.jsxs)(c,{type:"danger",children:["Ant InputNumber's onChange is different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]})]})})]}),(0,i.jsxs)(s.JGx,{span:8,offset:4,children:[(0,i.jsx)(d,{level:4,children:"Controlled Values"}),(0,i.jsx)(s.V4A,{style:{backgroundColor:t().FIDESUI_MINOS,color:t().FIDESUI_CORINTH},children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=h},71252:function(e,l,n){"use strict";n.r(l),n.d(l,{FormsPOC:function(){return x}});var i=n(24246),s=n(86920),r=n(33396),t=n(35716),a=n(15957),o=n(82252),c=n(12921);let{Content:d}=s.AntLayout,{Title:h}=s.AntTypography,u=[{key:"1",label:"Formik + Controlled",children:(0,i.jsx)(a.FormikControlledPOC,{})},{key:"2",label:"Formik + Field",children:(0,i.jsx)(o.FormikFieldPOC,{})},{key:"3",label:"Formik + {...field}",children:(0,i.jsx)(c.FormikSpreadFieldPOC,{})},{key:"4",label:"Formik + Ant's Form.Item",children:(0,i.jsx)(t.FormikAntFormItemPOC,{})},{key:"5",label:"Ant Form",children:(0,i.jsx)(r.AntFormPOC,{})}],x=()=>(0,i.jsxs)(d,{className:"overflow-auto px-10 py-6",children:[(0,i.jsx)(s.bue,{children:(0,i.jsx)(h,{children:"Forms POC"})}),(0,i.jsx)(s.A5g,{defaultActiveKey:"1",items:u})]});l.default=x}},function(e){e.O(0,[2921,2888,9774,179],function(){return e(e.s=36136)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/poc/{table-migration-69a9e346e32fde53.js → table-migration-372166dc1d6268ea.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3564],{22657:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/table-migration",function(){return t(26161)}])},6675:function(e,s,t){"use strict";t.d(s,{ZS:function(){return i},a4:function(){return l}});var n=t(3228);let a=t(78780).u.injectEndpoints({endpoints:e=>({getPurposes:e.query({query:()=>"purposes"})})}),{useGetPurposesQuery:l}=a,r={purposes:{},special_purposes:{}},i=(0,n.P1)(a.endpoints.getPurposes.select(),e=>{let{data:s}=e;return s||r})},48347:function(e,s,t){"use strict";t.d(s,{W:function(){return o},m:function(){return c}});var n=t(24246),a=t(13577),l=t(32885);let{Text:r,Title:i}=a.AntTypography,o=()=>{let{isOpen:e,onOpen:s,onClose:t}=(0,a.qY0)();return{isOpen:e,onOpen:s,onClose:t}},c=e=>{let{isOpen:s,onClose:t,fidesKey:o}=e,{data:c,isLoading:u}=(0,l.ho)(o),d=(e,s)=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i,{level:5,children:e}),(null==s?void 0:s.length)?(0,n.jsx)("div",{children:(0,n.jsx)(a.vyj,{size:[0,2],wrap:!0,children:null==s?void 0:s.map(e=>(0,n.jsx)(a.j8w,{children:e},e))})}):(0,n.jsxs)(r,{italic:!0,children:["no known ",e.toLowerCase()]})]});return(0,n.jsxs)(a.u_l,{isOpen:s,onClose:t,size:"xxl",returnFocusOnClose:!1,isCentered:!0,children:[(0,n.jsx)(a.ZAr,{}),(0,n.jsxs)(a.hzk,{maxWidth:"800px",children:[(0,n.jsx)(a.xBx,{children:c?null==c?void 0:c.name:"Vendor"}),(0,n.jsx)(a.fef,{children:u?(0,n.jsx)(a.jqI,{className:"h-80 w-full",align:"center",justify:"center",children:(0,n.jsx)(a.$jN,{})}):!!c&&(0,n.jsxs)(a.AntTypography,{children:[(0,n.jsx)(i,{level:5,children:"Purposes"}),Object.entries(c.purposes||{}).length>0?(0,n.jsx)(a.UQy,{allowMultiple:!0,children:Object.entries(c.purposes).map((e,s)=>{let[t]=e;return(0,n.jsx)(a.Qdk,{children:e=>{let{isExpanded:s}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(a.KFZ,{backgroundColor:s?"gray.50":"unset",children:[(0,n.jsx)(a.xuv,{flex:"1",textAlign:"left",children:t}),(0,n.jsx)(a.XEm,{})]}),(0,n.jsxs)(a.Hk3,{backgroundColor:"gray.50",children:[(0,n.jsx)(a.jqI,{className:"my-4",vertical:!0,children:d("Data uses",c.purposes[t].data_uses)}),(0,n.jsx)(a.jqI,{className:"my-4",vertical:!0,children:d("Legal basis",c.purposes[t].legal_bases)})]})]})}},s)})}):(0,n.jsx)(r,{italic:!0,children:"no known purposes"}),(0,n.jsx)("div",{className:"my-4",children:d("Features",c.features)}),(0,n.jsx)("div",{className:"my-4",children:d("Data categories",c.data_categories)})]})}),(0,n.jsxs)(a.mzw,{children:[(0,n.jsx)(a.wpx,{size:"small",onClick:t,children:"Close"}),(0,n.jsx)(a.LZC,{})]})]})]})}},26161:function(e,s,t){"use strict";t.r(s),t.d(s,{TableMigrationPOC:function(){return y}});var n=t(24246),a=t(25980),l=t(13577),r=t(86677),i=t(27378),o=t(16134),c=t(77830),u=t(6675),d=t(23923),p=t(48347),x=t(28079),j=t(32885);let{Content:h}=l.AntLayout,{Title:g,Paragraph:m}=l.AntTypography,f=[{text:"Advertising",value:"advertising"},{text:"Analytics",value:"analytics"},{text:"Functional",value:"functional"},{text:"Essential",value:"essential"}],_=[{text:"Consent",value:"Consent"},{text:"Legitimate Interest",value:"Legitimate interests"}],y=()=>{let{tcf:e,dictionaryService:s}=(0,a.hz)(),t=(0,r.useRouter)(),[y,C]=(0,i.useState)(""),[v,b]=(0,i.useState)(""),[k,w]=(0,i.useState)(25),[S,I]=(0,i.useState)(1),[T,N]=(0,i.useState)(),[O,z]=(0,i.useState)({});(0,x.fd)();let A=(0,o.C)(x.U3);(0,u.a4)();let E=(0,o.C)(u.ZS),P=(0,i.useMemo)(()=>[...Object.entries(E.purposes).map(e=>{let[s,t]=e;return{text:t.name,value:s}}),...Object.entries(E.special_purposes).map(e=>{let[s,t]=e;return{text:t.name,value:s}})],[E]),F=(0,i.useMemo)(()=>A.map(e=>({text:e.name||e.fides_key,value:e.fides_key})),[A]),{isOpen:L,onOpen:V,onClose:q}=(0,p.W)(),U=(()=>{let e=(O.data_uses||[]).map(e=>"data_uses=".concat(encodeURIComponent(e))).join("&");return{dataUses:e,legalBasis:(O.legal_bases||[]).map(e=>"legal_bases=".concat(encodeURIComponent(e))).join("&"),purposes:(O.tcf_purpose||[]).map(e=>"purposes=".concat(encodeURIComponent(e))).join("&"),specialPurposes:"",consentCategories:(O.consent_categories||[]).map(e=>"consent_category=".concat(encodeURIComponent(e))).join("&")}})(),{data:M,isLoading:R}=(0,j.de)({pageIndex:S,pageSize:k,search:v,...U}),Z=(null==M?void 0:M.total)||0,D=(null==M?void 0:M.items)||[];(0,i.useEffect)(()=>{let e=setTimeout(()=>{b(y),1!==S&&I(1)},300);return()=>clearTimeout(e)},[y]);let B=(0,i.useCallback)(e=>{C(e.target.value)},[]),K=e=>{N(e.fides_key),V()},W=[{title:"Vendor",dataIndex:"name",key:"name",filteredValue:O.name||null},...e?[{title:"TCF purpose",dataIndex:"data_uses",key:"tcf_purpose",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"purpose":"purposes"]}),filters:P,filteredValue:O.tcf_purpose||null},{title:"Data use",dataIndex:"data_uses",key:"data_uses",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"data use":"data uses"]}),filters:F,filteredValue:O.data_uses||null},{title:"Legal basis",dataIndex:"legal_bases",key:"legal_bases",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"basis":"bases"]}),filters:_,filteredValue:O.legal_bases||null}]:[{title:"Categories",dataIndex:"consent_categories",key:"consent_categories",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"category":"categories"]}),filters:f,filteredValue:O.consent_categories||null},{title:"Cookies",dataIndex:"cookies",key:"cookies",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"cookie":"cookies"]})}]];return(0,n.jsxs)(h,{className:"overflow-auto px-10 py-6",children:[(0,n.jsx)(l.bue,{children:(0,n.jsx)(g,{children:"Table Migration POC"})}),(0,n.jsx)(m,{className:"mb-6",children:"This is a demonstration of migrating the ConsentManagementTable from TanStack Table to Ant Design Table with built-in filtering."}),L&&T?(0,n.jsx)(p.m,{isOpen:L,fidesKey:T,onClose:q}):null,(0,n.jsxs)(l.jqI,{justify:"space-between",align:"center",className:"mb-4",children:[(0,n.jsx)(l.uFc.Search,{placeholder:"Search",onSearch:e=>{C(e)},style:{width:300},value:y,onChange:B}),(0,n.jsxs)(l.vyj,{size:8,children:[(0,n.jsx)(d.Z,{buttonLabel:"Add vendors",onButtonClick:s?()=>{t.push(c.Gg)}:void 0}),(0,n.jsx)(l.wpx,{onClick:()=>{z({})},children:"Clear filters"})]})]}),(0,n.jsx)(l.V5H,{dataSource:D,columns:W,loading:R,rowKey:"id",pagination:{current:S,pageSize:k,total:Z,showSizeChanger:!0,pageSizeOptions:[25,50,100]},onChange:(e,s)=>{I(e.current),w(e.pageSize),z(s)},onRow:e=>({onClick:()=>K(e),style:{cursor:"pointer"}}),size:"small"})]})};s.default=y}},function(e){e.O(0,[401,3923,2888,9774,179],function(){return e(e.s=22657)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3564],{22657:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/table-migration",function(){return t(26161)}])},6675:function(e,s,t){"use strict";t.d(s,{ZS:function(){return i},a4:function(){return l}});var n=t(3228);let a=t(78780).u.injectEndpoints({endpoints:e=>({getPurposes:e.query({query:()=>"purposes"})})}),{useGetPurposesQuery:l}=a,r={purposes:{},special_purposes:{}},i=(0,n.P1)(a.endpoints.getPurposes.select(),e=>{let{data:s}=e;return s||r})},48347:function(e,s,t){"use strict";t.d(s,{W:function(){return o},m:function(){return c}});var n=t(24246),a=t(86920),l=t(32885);let{Text:r,Title:i}=a.AntTypography,o=()=>{let{isOpen:e,onOpen:s,onClose:t}=(0,a.qY0)();return{isOpen:e,onOpen:s,onClose:t}},c=e=>{let{isOpen:s,onClose:t,fidesKey:o}=e,{data:c,isLoading:u}=(0,l.ho)(o),d=(e,s)=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i,{level:5,children:e}),(null==s?void 0:s.length)?(0,n.jsx)("div",{children:(0,n.jsx)(a.vyj,{size:[0,2],wrap:!0,children:null==s?void 0:s.map(e=>(0,n.jsx)(a.j8w,{children:e},e))})}):(0,n.jsxs)(r,{italic:!0,children:["no known ",e.toLowerCase()]})]});return(0,n.jsxs)(a.u_l,{isOpen:s,onClose:t,size:"xxl",returnFocusOnClose:!1,isCentered:!0,children:[(0,n.jsx)(a.ZAr,{}),(0,n.jsxs)(a.hzk,{maxWidth:"800px",children:[(0,n.jsx)(a.xBx,{children:c?null==c?void 0:c.name:"Vendor"}),(0,n.jsx)(a.fef,{children:u?(0,n.jsx)(a.jqI,{className:"h-80 w-full",align:"center",justify:"center",children:(0,n.jsx)(a.$jN,{})}):!!c&&(0,n.jsxs)(a.AntTypography,{children:[(0,n.jsx)(i,{level:5,children:"Purposes"}),Object.entries(c.purposes||{}).length>0?(0,n.jsx)(a.UQy,{allowMultiple:!0,children:Object.entries(c.purposes).map((e,s)=>{let[t]=e;return(0,n.jsx)(a.Qdk,{children:e=>{let{isExpanded:s}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(a.KFZ,{backgroundColor:s?"gray.50":"unset",children:[(0,n.jsx)(a.xuv,{flex:"1",textAlign:"left",children:t}),(0,n.jsx)(a.XEm,{})]}),(0,n.jsxs)(a.Hk3,{backgroundColor:"gray.50",children:[(0,n.jsx)(a.jqI,{className:"my-4",vertical:!0,children:d("Data uses",c.purposes[t].data_uses)}),(0,n.jsx)(a.jqI,{className:"my-4",vertical:!0,children:d("Legal basis",c.purposes[t].legal_bases)})]})]})}},s)})}):(0,n.jsx)(r,{italic:!0,children:"no known purposes"}),(0,n.jsx)("div",{className:"my-4",children:d("Features",c.features)}),(0,n.jsx)("div",{className:"my-4",children:d("Data categories",c.data_categories)})]})}),(0,n.jsxs)(a.mzw,{children:[(0,n.jsx)(a.wpx,{size:"small",onClick:t,children:"Close"}),(0,n.jsx)(a.LZC,{})]})]})]})}},26161:function(e,s,t){"use strict";t.r(s),t.d(s,{TableMigrationPOC:function(){return y}});var n=t(24246),a=t(25980),l=t(86920),r=t(86677),i=t(27378),o=t(16134),c=t(77830),u=t(6675),d=t(23923),p=t(48347),x=t(28079),j=t(32885);let{Content:h}=l.AntLayout,{Title:g,Paragraph:m}=l.AntTypography,f=[{text:"Advertising",value:"advertising"},{text:"Analytics",value:"analytics"},{text:"Functional",value:"functional"},{text:"Essential",value:"essential"}],_=[{text:"Consent",value:"Consent"},{text:"Legitimate Interest",value:"Legitimate interests"}],y=()=>{let{tcf:e,dictionaryService:s}=(0,a.hz)(),t=(0,r.useRouter)(),[y,C]=(0,i.useState)(""),[v,b]=(0,i.useState)(""),[k,w]=(0,i.useState)(25),[S,I]=(0,i.useState)(1),[T,N]=(0,i.useState)(),[O,z]=(0,i.useState)({});(0,x.fd)();let A=(0,o.C)(x.U3);(0,u.a4)();let E=(0,o.C)(u.ZS),P=(0,i.useMemo)(()=>[...Object.entries(E.purposes).map(e=>{let[s,t]=e;return{text:t.name,value:s}}),...Object.entries(E.special_purposes).map(e=>{let[s,t]=e;return{text:t.name,value:s}})],[E]),F=(0,i.useMemo)(()=>A.map(e=>({text:e.name||e.fides_key,value:e.fides_key})),[A]),{isOpen:L,onOpen:V,onClose:q}=(0,p.W)(),U=(()=>{let e=(O.data_uses||[]).map(e=>"data_uses=".concat(encodeURIComponent(e))).join("&");return{dataUses:e,legalBasis:(O.legal_bases||[]).map(e=>"legal_bases=".concat(encodeURIComponent(e))).join("&"),purposes:(O.tcf_purpose||[]).map(e=>"purposes=".concat(encodeURIComponent(e))).join("&"),specialPurposes:"",consentCategories:(O.consent_categories||[]).map(e=>"consent_category=".concat(encodeURIComponent(e))).join("&")}})(),{data:M,isLoading:R}=(0,j.de)({pageIndex:S,pageSize:k,search:v,...U}),Z=(null==M?void 0:M.total)||0,D=(null==M?void 0:M.items)||[];(0,i.useEffect)(()=>{let e=setTimeout(()=>{b(y),1!==S&&I(1)},300);return()=>clearTimeout(e)},[y]);let B=(0,i.useCallback)(e=>{C(e.target.value)},[]),K=e=>{N(e.fides_key),V()},W=[{title:"Vendor",dataIndex:"name",key:"name",filteredValue:O.name||null},...e?[{title:"TCF purpose",dataIndex:"data_uses",key:"tcf_purpose",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"purpose":"purposes"]}),filters:P,filteredValue:O.tcf_purpose||null},{title:"Data use",dataIndex:"data_uses",key:"data_uses",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"data use":"data uses"]}),filters:F,filteredValue:O.data_uses||null},{title:"Legal basis",dataIndex:"legal_bases",key:"legal_bases",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"basis":"bases"]}),filters:_,filteredValue:O.legal_bases||null}]:[{title:"Categories",dataIndex:"consent_categories",key:"consent_categories",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"category":"categories"]}),filters:f,filteredValue:O.consent_categories||null},{title:"Cookies",dataIndex:"cookies",key:"cookies",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"cookie":"cookies"]})}]];return(0,n.jsxs)(h,{className:"overflow-auto px-10 py-6",children:[(0,n.jsx)(l.bue,{children:(0,n.jsx)(g,{children:"Table Migration POC"})}),(0,n.jsx)(m,{className:"mb-6",children:"This is a demonstration of migrating the ConsentManagementTable from TanStack Table to Ant Design Table with built-in filtering."}),L&&T?(0,n.jsx)(p.m,{isOpen:L,fidesKey:T,onClose:q}):null,(0,n.jsxs)(l.jqI,{justify:"space-between",align:"center",className:"mb-4",children:[(0,n.jsx)(l.uFc.Search,{placeholder:"Search",onSearch:e=>{C(e)},style:{width:300},value:y,onChange:B}),(0,n.jsxs)(l.vyj,{size:8,children:[(0,n.jsx)(d.Z,{buttonLabel:"Add vendors",onButtonClick:s?()=>{t.push(c.Gg)}:void 0}),(0,n.jsx)(l.wpx,{onClick:()=>{z({})},children:"Clear filters"})]})]}),(0,n.jsx)(l.V5H,{dataSource:D,columns:W,loading:R,rowKey:"id",pagination:{current:S,pageSize:k,total:Z,showSizeChanger:!0,pageSizeOptions:[25,50,100]},onChange:(e,s)=>{I(e.current),w(e.pageSize),z(s)},onRow:e=>({onClick:()=>K(e),style:{cursor:"pointer"}}),size:"small"})]})};s.default=y}},function(e){e.O(0,[401,3923,2888,9774,179],function(){return e(e.s=22657)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/privacy-requests/{[id]-61e32a7b8ef6569c.js → [id]-104f33c424613732.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9650],{6554:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/privacy-requests/[id]",function(){return i(19774)}])},77213:function(e,t,i){"use strict";i.d(t,{Z:function(){return p}});var n=i(24246),s=i(13577),a=i(88038),l=i.n(a),r=i(86677);i(27378);var o=i(25980),c=i(90867),d=i(77830),u=()=>{let e=(0,r.useRouter)();return(0,n.jsx)(s.xuv,{bg:"gray.50",border:"1px solid",borderColor:"blue.400",borderRadius:"md",justifyContent:"space-between",p:5,mb:5,mt:5,children:(0,n.jsxs)(s.xuv,{children:[(0,n.jsxs)(s.Kqy,{direction:{base:"column",sm:"row"},justifyContent:"space-between",children:[(0,n.jsx)(s.xvT,{fontWeight:"semibold",children:"Configure your storage and messaging provider"}),(0,n.jsx)(s.wpx,{onClick:()=>{e.push(d.fz)},children:"Configure"})]}),(0,n.jsxs)(s.xvT,{children:["Before Fides can process your privacy requests we need two simple steps to configure your storage and email client."," "]})]})})},p=e=>{let{children:t,title:i,padded:a=!0,mainProps:d}=e,p=(0,o.hz)(),m=(0,r.useRouter)(),h="/privacy-requests"===m.pathname||"/datastore-connection"===m.pathname,x=!(p.flags.privacyRequestsConfiguration&&h),{data:g}=(0,c.JE)(void 0,{skip:x}),{data:j}=(0,c.PW)(void 0,{skip:x}),y=p.flags.privacyRequestsConfiguration&&(!g||!j)&&h;return(0,n.jsxs)(s.kCb,{"data-testid":i,direction:"column",h:"100vh",children:[(0,n.jsxs)(l(),{children:[(0,n.jsxs)("title",{children:["Fides Admin UI - ",i]}),(0,n.jsx)("meta",{name:"description",content:"Privacy Engineering Platform"}),(0,n.jsx)("link",{rel:"icon",href:"/favicon.ico"})]}),(0,n.jsxs)(s.kCb,{as:"main",direction:"column",py:a?6:0,px:a?10:0,h:a?"calc(100% - 48px)":"full",flex:1,minWidth:0,overflow:"auto",...d,children:[y?(0,n.jsx)(u,{}):null,t]})]})}},19774:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return eD}});var n,s,a,l,r=i(24246),o=i(13577),c=i(86677),d=i(77213),u=i(77830),p=i(58754),m=i(99716),h=i(27378),x=i(68309),g=i(19904);(n=a||(a={})).IN_PROCESSING="in_processing",n.PENDING="pending",n.COMPLETE="complete",n.ERROR="error",n.PAUSED="paused",n.AWAITING_PROCESSING="awaiting_processing",n.RETRYING="retrying",n.SKIPPED="skipped";let j={in_processing:"In processing",pending:"Pending",complete:"Complete",error:"Error",paused:"Paused",awaiting_processing:"Awaiting input",retrying:"Retrying",skipped:"Skipped"},y={error:"error",skipped:"warning",awaiting_processing:"minos",in_processing:void 0,pending:void 0,complete:void 0,paused:void 0,retrying:void 0};(s=l||(l={})).REQUEST_UPDATE="Request update",s.INTERNAL_COMMENT="Internal comment";let v={"Request update":"sandstone","Internal comment":"marble"};var f=i(90005),_=i.n(f),b=i(16394),w=i(38450),T=i.n(w),R=e=>{let{item:t}=e,{author:i,title:n,date:s,type:a,onClick:c,isError:d,isSkipped:u,isAwaitingInput:p,description:m}=t,h=(0,b.p6)(s),x=!!c,g=(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:T().header,children:[(0,r.jsxs)("span",{className:T().author,"data-testid":"activity-timeline-author",children:[i,":"]}),n&&(0,r.jsxs)("span",{className:_()(T().title,{[T()["title--error"]]:d,[T()["title--awaiting-input"]]:p}),"data-testid":"activity-timeline-title",children:[n,d&&" failed"]}),(0,r.jsx)("span",{className:T().timestamp,"data-testid":"activity-timeline-timestamp",children:h}),(0,r.jsx)(o.j8w,{className:T().type,color:v[a],"data-testid":"activity-timeline-type",children:a}),(d||u||p)&&(0,r.jsx)("span",{className:T().viewLogs,"data-testid":"activity-timeline-view-logs",children:"View Log"})]}),m&&(0,r.jsx)("div",{className:"mt-2 pl-2.5",children:(0,r.jsx)(o.AntTypography.Paragraph,{className:"!mb-0 whitespace-pre-wrap",children:m})})]}),j={className:_()(T().itemButton,{[T()["itemButton--error"]]:d,[T()["itemButton--awaiting-input"]]:p,[T()["itemButton--clickable"]]:x,[T()["itemButton--comment"]]:a===l.INTERNAL_COMMENT}),"data-testid":"activity-timeline-item"};return x?(0,r.jsx)("button",{type:"button",onClick:c,...j,children:g}):(0,r.jsx)("div",{...j,children:g})},q=i(25980),C=i(54427),E=i(78780);let{useGetCommentsQuery:A,useCreateCommentMutation:k,useGetCommentDetailsQuery:S,useLazyGetCommentDetailsQuery:N}=E.u.injectEndpoints({endpoints:e=>({getComments:e.query({query:e=>{let{privacy_request_id:t,page:i=1,size:n}=e;return{url:"plus/privacy-request/".concat(t,"/comment"),method:"GET",params:{page:i,size:n}}},providesTags:["Privacy Request Comments"]}),createComment:e.mutation({query:e=>{let{privacy_request_id:t,comment_text:i,comment_type:n}=e,s=new FormData;return s.append("comment_text",i),s.append("comment_type",n),{url:"plus/privacy-request/".concat(t,"/comment"),method:"POST",body:s,formData:!0}},invalidatesTags:["Privacy Request Comments","Request"]}),getCommentDetails:e.query({query:e=>{let{privacy_request_id:t,comment_id:i}=e;return{url:"plus/privacy-request/".concat(t,"/comment/").concat(i),method:"GET"}}})})}),{reducer:P}=(0,C.oM)({name:"privacyRequestComments",initialState:{},reducers:{}}),I=e=>{let{plus:t}=(0,q.hz)(),{data:i,isLoading:n,error:s}=A({privacy_request_id:e,size:100},{skip:!t});return(0,h.useEffect)(()=>{s&&o.Pg3.error("Failed to fetch the request comments")},[s]),{commentItems:(null==i?void 0:i.items)?i.items.map(e=>({author:e.user_first_name&&e.user_last_name?"".concat(e.user_first_name," ").concat(e.user_last_name):e.username||"Unknown",date:new Date(e.created_at),type:l.INTERNAL_COMMENT,showViewLog:!1,description:e.comment_text,isError:!1,isSkipped:!1,isAwaitingInput:!1,id:"comment-".concat(e.id)})):[],isLoading:n}},O=e=>{let t=!e;return{eventItems:e?Object.entries(e).map(e=>{let[t,i]=e,n=i.some(e=>e.status===a.ERROR),s=i.some(e=>e.status===a.SKIPPED),r=i.some(e=>e.status===a.AWAITING_PROCESSING);return{author:"Fides",title:t,date:new Date(i[0].updated_at),type:l.REQUEST_UPDATE,showViewLog:n||s||r,onClick:()=>{},isError:n,isSkipped:s,isAwaitingInput:r,id:"request-".concat(t)}}):[],isLoading:t}};var D=i(88340),U=e=>{let{errorMessage:t,status:i=a.ERROR}=e;return(0,r.jsxs)(o.xuv,{height:"100%",id:"outer",children:[(0,r.jsxs)(o.kCb,{alignItems:"center",children:[(0,r.jsx)(o.xvT,{size:"sm",color:"gray.700",fontWeight:"medium",marginRight:"8px",lineHeight:"20px",children:"Status"}),(0,r.jsx)(o.j8w,{color:y[i],children:j[i]}),(0,r.jsx)(o.xuv,{padding:"0px",marginBottom:"3px",children:(0,r.jsx)(D.Z,{copyText:t})})]}),(0,r.jsx)(o.izJ,{marginTop:"4px",marginBottom:"6px"}),(0,r.jsx)(o.xuv,{id:"errorWrapper",overflow:"auto",height:"100%",children:(0,r.jsx)(o.xvT,{children:t})})]})},M=i(3124),z=i.n(M);let W=e=>{switch(e){case x.Us.ACCESS:return"Data Retrieval";case x.Us.ERASURE:return"Data Deletion";case x.Us.CONSENT:return"Consent";case x.Us.UPDATE:return"Data Update";default:return e}};var L=e=>{let{eventLogs:t,onDetailPanel:i}=e,n=null==t?void 0:t.map(e=>(0,r.jsxs)(o.Tr,{backgroundColor:e.status===a.ERROR||e.status===a.SKIPPED&&e.message||e.status===a.AWAITING_PROCESSING?z().FIDESUI_NEUTRAL_50:"unset",onClick:()=>{(e.status===a.ERROR||e.status===a.SKIPPED&&e.message||e.status===a.AWAITING_PROCESSING)&&i(e.message,e.status)},style:{cursor:e.message?"pointer":"unset"},_hover:{backgroundColor:z().FIDESUI_NEUTRAL_50},children:[(0,r.jsx)(o.Td,{children:(0,r.jsx)(o.xvT,{color:"gray.600",fontSize:"xs",lineHeight:"4",fontWeight:"medium",children:(0,b.p6)(e.updated_at)})}),(0,r.jsx)(o.Td,{children:(0,r.jsx)(o.xvT,{color:"gray.600",fontSize:"xs",lineHeight:"4",fontWeight:"medium",children:W(e.action_type)})}),(0,r.jsx)(o.Td,{children:(0,r.jsx)(o.j8w,{color:y[e.status],children:j[e.status]})}),(0,r.jsx)(o.Td,{children:(0,r.jsx)(o.xvT,{color:"gray.600",fontSize:"xs",lineHeight:"4",fontWeight:"medium",children:e.collection_name})})]},e.updated_at));return(0,r.jsx)(o.xuv,{width:"100%",paddingTop:"0px",height:"100%",children:(0,r.jsx)(o.xJi,{id:"tableContainer",height:"100%",style:{overflowY:"auto"},children:(0,r.jsxs)(o.iA_,{size:"sm",id:"table",position:"relative",children:[(0,r.jsx)(o.hrZ,{id:"tableHeader",position:"sticky",top:"0px",backgroundColor:"white",children:(0,r.jsxs)(o.Tr,{children:[(0,r.jsx)(o.Th,{children:(0,r.jsx)(o.xvT,{color:"black",fontSize:"xs",lineHeight:"4",fontWeight:"medium",children:"Time"})}),(0,r.jsx)(o.Th,{children:(0,r.jsx)(o.xvT,{color:"black",fontSize:"xs",lineHeight:"4",fontWeight:"medium",children:"Action Type"})}),(0,r.jsx)(o.Th,{children:(0,r.jsx)(o.xvT,{color:"black",fontSize:"xs",lineHeight:"4",fontWeight:"medium",children:"Status"})}),(0,r.jsx)(o.Th,{children:(0,r.jsx)(o.xvT,{color:"black",fontSize:"xs",lineHeight:"4",fontWeight:"medium",children:"Collection"})})]})}),(0,r.jsx)(o.p3B,{id:"tableBody",children:n})]})})})},B=e=>{let{isOpen:t,onClose:i,currentLogs:n,isViewingError:s,errorMessage:l,currentStatus:c=a.ERROR,onCloseErrorPanel:d,onOpenErrorPanel:u}=e;return(0,r.jsxs)(o.dys,{isOpen:t,placement:"right",onClose:i,size:"full",autoFocus:!1,"data-testid":"log-drawer",children:[(0,r.jsx)(o.P1B,{}),(0,r.jsxs)(o.scA,{style:{width:"50%"},"data-testid":"log-drawer",children:[(0,r.jsx)(o.OXI,{style:{paddingBottom:"0px"},children:(0,r.jsxs)(o.kCb,{justifyContent:"space-between",alignItems:"center",height:"40px",children:[(0,r.jsxs)(o.kCb,{alignItems:"center",children:[s&&(0,r.jsx)(o.wpx,{icon:(0,r.jsx)(o.Rpv,{}),"aria-label":"Close error logs",size:"small",onClick:d}),(0,r.jsx)(o.xvT,{color:"gray.900",fontSize:"md",lineHeight:"6",fontWeight:"medium",ml:1,children:s?"Event detail":"Event log"})]}),(0,r.jsx)(o.wpx,{icon:(0,r.jsx)(o.LGN,{width:"17px"}),"aria-label":"Stop viewing error message",size:"small",onClick:i,"data-testid":"log-drawer-close"})]})}),(0,r.jsxs)(o.Ng0,{id:"drawerBody",overflow:"hidden",children:[n&&!s?(0,r.jsx)(L,{eventLogs:n,onDetailPanel:u}):null,s?(0,r.jsx)(U,{errorMessage:l,status:c}):null]})]})]})},F=e=>{let{subjectRequest:t}=e,{isOpen:i,onOpen:n,onClose:s}=(0,o.qY0)(),[c,d]=(0,h.useState)([]),[u,p]=(0,h.useState)(""),[m,x]=(0,h.useState)(!1),[g,j]=(0,h.useState)(""),[y,v]=(0,h.useState)(a.ERROR),{results:f,id:_}=t,{commentItems:b,isLoading:w}=I(_),{eventItems:q,isLoading:C}=O(f);(0,h.useEffect)(()=>{u&&f&&f[u]&&d(f[u])},[f,u]);let E=()=>{x(!1)},A=(0,h.useCallback)((e,t)=>{p(e),d(t),n()},[n]),k=(0,h.useMemo)(()=>{let e=q.map(e=>{if("Request update"===e.type&&e.title&&f){let t=e.title;if(f[t])return{...e,onClick:()=>A(t,f[t])}}return e});return[{author:"Fides",title:"Access request received",date:new Date(t.created_at),type:l.REQUEST_UPDATE,showViewLog:!1,isError:!1,isSkipped:!1,isAwaitingInput:!1,id:"initial-request"},...e,...b].sort((e,t)=>new Date(e.date).getTime()-new Date(t.date).getTime())},[q,b,f,A,t.created_at]);return(0,r.jsxs)(o.xuv,{width:"100%",children:[(0,r.jsx)(o.krs,{className:"!border-none",bordered:!1,split:!1,"data-testid":"activity-timeline-list",children:(0,r.jsx)("ul",{className:"!list-none",children:w||C?(0,r.jsx)("div",{className:T().itemButton,"data-testid":"timeline-skeleton",children:(0,r.jsx)(o.N_L,{paragraph:{rows:2},active:!0})}):k.map(e=>(0,r.jsx)("li",{children:(0,r.jsx)(R,{item:e})},e.id))})}),(0,r.jsx)(B,{isOpen:i,onClose:()=>{m&&E(),p(""),s()},currentLogs:c,isViewingError:m,errorMessage:g,currentStatus:y,onOpenErrorPanel:(e,t)=>{j(e),t&&v(t),x(!0)},onCloseErrorPanel:E})]})},G=i(66187);let Z=e=>{let{privacyRequestId:t,onCancel:i}=e,[n,s]=(0,h.useState)(""),a=(0,h.useRef)(null),[l,{isLoading:c}]=k();(0,h.useEffect)(()=>{a.current&&a.current.focus()},[]);let d=async()=>{if(n.trim())try{await l({privacy_request_id:t,comment_text:n,comment_type:G.i.NOTE}).unwrap(),s(""),i()}catch(e){console.error("Failed to add comment:",e),o.Pg3.error({content:"Failed to add comment",duration:5})}},u=[{key:"internal",label:"Internal comment",children:(0,r.jsx)(o.uFc.TextArea,{ref:a,value:n,onChange:e=>s(e.target.value),rows:3,className:"mb-3 h-[150px] w-full !resize-none","data-testid":"comment-input"})}];return(0,r.jsxs)("div",{children:[(0,r.jsx)(o.A5g,{items:u}),(0,r.jsxs)(o.jqI,{justify:"flex-end",className:"gap-2",children:[(0,r.jsx)(o.wpx,{onClick:i,"data-testid":"cancel-comment-button",children:"Cancel"}),(0,r.jsx)(o.wpx,{onClick:d,loading:c,disabled:!n.trim(),type:"primary",htmlType:"button","data-testid":"submit-comment-button",children:"Save"})]})]})};var J=e=>{let{subjectRequest:t}=e,[i,n]=(0,h.useState)(!1);return(0,r.jsxs)("div",{className:"w-full",children:[(0,r.jsx)(F,{subjectRequest:t}),i?(0,r.jsx)(Z,{privacyRequestId:t.id,onCancel:()=>n(!1)}):(0,r.jsx)(g.ZP,{scopes:[x.Sh.COMMENT_CREATE],children:(0,r.jsx)(o.jqI,{justify:"flex-start",className:"mt-2",children:(0,r.jsxs)(o.wpx,{type:"default",onClick:()=>n(!0),className:"flex items-center","data-testid":"add-comment-button",children:["Add comment ",(0,r.jsx)("span",{className:"ml-1",children:"+"})]})})})]})},H=i(14207),V=i(46238),Y=i(45116),K=i(72281),Q=i(14047),X=i(90867),$=i(16134);let ee=e=>Array.from(new Set(e.filter(e=>Object.values(x.Us).includes(e.action_type)).map(e=>e.action_type)));var et=e=>{let{rules:t}=e,i=ee(t).map(e=>(0,b.kC)(e)).map(e=>e);return(0,r.jsx)(o.AntTypography.Text,{children:i.join(" - ")})},ei=i(34090),en=i(55484),es=e=>{let{connectorName:t,data:i,isSubmitting:n=!1,onSaveClick:s}=e,{isOpen:a,onOpen:l,onClose:c}=(0,o.qY0)(),d=(0,h.useRef)(null),u=async(e,t)=>{s({connection_key:i.connection_key,privacy_request_id:i.privacy_request_id,body:{...e}}),c()};return(0,r.jsxs)(r.Fragment,{children:[(null==i?void 0:i.checked)&&(0,r.jsx)(o.wpx,{onClick:l,size:"small",children:"Review"}),!(null==i?void 0:i.checked)&&(0,r.jsx)(o.wpx,{onClick:l,size:"small",type:"primary",children:"Begin manual input"}),(0,r.jsx)(ei.J9,{enableReinitialize:!0,initialValues:{...i.fields},onSubmit:u,validateOnBlur:!1,validateOnChange:!1,validationSchema:en.Ry().shape({}),children:e=>(0,r.jsxs)(o.dys,{isOpen:a,placement:"right",initialFocusRef:d,onClose:c,size:"lg",children:[(0,r.jsx)(o.P1B,{}),(0,r.jsxs)(o.scA,{children:[(0,r.jsx)(o.cCv,{}),(0,r.jsxs)(o.OXI,{color:"gray.900",children:[(0,r.jsx)(o.xvT,{fontSize:"xl",mb:8,children:t}),(0,r.jsx)(o.izJ,{}),(0,r.jsx)(o.xvT,{fontSize:"md",mt:"4",children:"Manual access"}),(0,r.jsx)(o.xuv,{mt:"8px",children:(0,r.jsx)(o.xvT,{color:"gray.700",fontSize:"sm",fontWeight:"normal",children:"Please complete the following PII fields that have been collected for the selected subject."})})]}),(0,r.jsx)(o.Ng0,{children:(0,r.jsx)(ei.l0,{id:"manual-detail-form",noValidate:!0,children:(0,r.jsx)(o.gCW,{align:"stretch",gap:"16px",children:Object.entries(i.fields).map((e,t)=>{let[i]=e;return(0,r.jsx)(o.Ugi,{children:(0,r.jsx)(ei.gN,{id:i,name:i,children:e=>{let{field:n}=e;return(0,r.jsxs)(o.NIc,{alignItems:"baseline",display:"inline-flex",children:[(0,r.jsx)(o.lXp,{color:"gray.900",fontSize:"14px",fontWeight:"semibold",htmlFor:i,w:"50%",children:i}),(0,r.jsx)(o.IIB,{...n,autoComplete:"off",color:"gray.700",placeholder:"Please enter ".concat(i),ref:0===t?d:void 0,size:"sm"})]})}})},i)})})})}),(0,r.jsx)(o.zeN,{justifyContent:"flex-start",children:(0,r.jsxs)("div",{className:"flex gap-2",children:[(0,r.jsx)(o.wpx,{onClick:c,children:"Cancel"}),(0,r.jsx)(o.wpx,{form:"manual-detail-form",loading:n,htmlType:"submit",children:"Save"})]})})]})]})})]})},ea=e=>{let{connectorName:t,data:i,isSubmitting:n=!1,onSaveClick:s}=e,{isOpen:a,onOpen:l,onClose:c}=(0,o.qY0)(),d=(0,h.useRef)(null),u=async(e,t)=>{s({connection_key:i.connection_key,privacy_request_id:i.privacy_request_id,body:{...e}}),c()};return(0,r.jsxs)(r.Fragment,{children:[(null==i?void 0:i.checked)&&(0,r.jsx)(o.wpx,{onClick:l,size:"small",children:"Review"}),!(null==i?void 0:i.checked)&&(0,r.jsx)(o.wpx,{onClick:l,size:"small",type:"primary",children:"Begin manual input"}),(0,r.jsx)(ei.J9,{enableReinitialize:!0,initialValues:{...i.fields},onSubmit:u,validateOnBlur:!1,validateOnChange:!1,validationSchema:en.Ry().shape({}),children:e=>(0,r.jsxs)(o.dys,{isOpen:a,placement:"right",initialFocusRef:d,onClose:c,size:"lg",children:[(0,r.jsx)(o.P1B,{}),(0,r.jsxs)(o.scA,{children:[(0,r.jsx)(o.cCv,{}),(0,r.jsxs)(o.OXI,{color:"gray.900",children:[(0,r.jsx)(o.xvT,{fontSize:"xl",mb:8,children:t}),(0,r.jsx)(o.izJ,{}),(0,r.jsx)(o.xvT,{fontSize:"md",mt:"4",children:"Manual erasure"}),(0,r.jsx)(o.xuv,{mt:"8px",children:(0,r.jsx)(o.xvT,{color:"gray.700",fontSize:"sm",fontWeight:"normal",children:"Please delete the following PII fields associated with the selected subject if they are available. Once deleted, check the box to confirm the deletion."})})]}),(0,r.jsx)(o.Ng0,{children:(0,r.jsx)(ei.l0,{id:"manual-detail-form",noValidate:!0,children:(0,r.jsx)(o.gCW,{align:"stretch",gap:"16px",children:Object.entries(i.fields).map(e=>{let[t]=e;return(0,r.jsx)(o.Ugi,{children:(0,r.jsx)(ei.gN,{id:t,name:t,children:e=>{let{field:i}=e;return(0,r.jsxs)(o.NIc,{alignItems:"baseline",display:"inline-flex",children:[(0,r.jsx)(o.lXp,{color:"gray.900",fontSize:"14px",fontWeight:"semibold",htmlFor:t,w:"50%",children:t}),(0,r.jsx)(o.XZJ,{...i,isChecked:!!i.value,onChange:i.onChange,name:t,id:t})]})}})},t)})})})}),(0,r.jsx)(o.zeN,{justifyContent:"flex-start",children:(0,r.jsxs)("div",{className:"flex gap-2",children:[(0,r.jsx)(o.wpx,{onClick:c,children:"Cancel"}),(0,r.jsx)(o.wpx,{form:"manual-detail-form",loading:n,htmlType:"submit",children:"Save"})]})})]})]})})]})};let el=(e,t,i)=>e.includes(x.Us.ACCESS)?{ProcessingDetailComponent:es,uploadMutation:t,getUploadedWebhookDataEndpoint:X.$I.endpoints.getUploadedManualAccessWebhookData}:e.includes(x.Us.ERASURE)?{ProcessingDetailComponent:ea,uploadMutation:i,getUploadedWebhookDataEndpoint:X.$I.endpoints.getUploadedManualErasureWebhookData}:null;var er=e=>{let{subjectRequest:t,onComplete:i}=e,n=(0,$.T)(),{errorAlert:s,successAlert:a}=(0,Q.V)(),{handleError:l}=(0,Q.H)(),[c,d]=(0,h.useState)([]),[u,p]=(0,h.useState)(!1),[m,g]=(0,h.useState)(!1),{data:j,isFetching:y,isLoading:v,isSuccess:f}=(0,H.W6)(),[_]=(0,X.w3)(),b=ee(t.policy.rules),[w]=(0,X.nL)(),[T]=(0,X.UR)(),{ProcessingDetailComponent:R,uploadMutation:q,getUploadedWebhookDataEndpoint:C}=el(b,w,T),E=async()=>{try{p(!0),await _(t.id).unwrap(),a("Manual request has been received. Request now processing."),i()}catch(e){l(e)}finally{p(!1)}},A=async e=>{try{g(!0),await q(e).unwrap();let t={connection_key:e.connection_key,fields:{}};Object.entries(e.body).forEach(e=>{let[i,n]=e;t.fields[i]=n||""});let i=c.map(e=>e.connection_key===t.connection_key?{...e,checked:!0,fields:{...t.fields}}:e);d(i),a("Manual input successfully saved!")}catch(e){l(e)}finally{g(!1)}};return((0,h.useEffect)(()=>(f&&j.length>0&&0===c.length&&(()=>{if(c.length>0)return;let e=[],i=null==j?void 0:j.map(e=>e.connection_config.key);null==i||i.every(i=>e.push(n(C.initiate({connection_key:i,privacy_request_id:t.id})))),Promise.allSettled(e).then(e=>{let t=[];e.forEach((e,i)=>{if("fulfilled"===e.status&&e.value.isSuccess&&e.value.data){let i={checked:e.value.data.checked,fields:{},connection_key:e.value.originalArgs.connection_key,privacy_request_id:e.value.originalArgs.privacy_request_id};Object.entries(e.value.data.fields).forEach(e=>{let[t,n]=e;i.fields[t]=n||""}),t.push(i)}else s("An error occurred while loading manual input data for ".concat(j[i].connection_config.name))}),d(t)})})(),()=>{}),[j,c.length,n,s,f,t.id,C]),b.includes(x.Us.ACCESS)||b.includes(x.Us.ERASURE))?(0,r.jsxs)(o.gCW,{align:"stretch",spacing:8,children:[(0,r.jsx)(o.xuv,{children:(0,r.jsx)(o.xvT,{color:"gray.700",fontSize:"sm",children:"The following table details the integrations that require manual input from you."})}),(0,r.jsxs)(o.xuv,{children:[(y||v)&&(0,r.jsx)(o.M5Y,{children:(0,r.jsx)(o.$jN,{})}),f&&j?(0,r.jsx)(o.xJi,{children:(0,r.jsxs)(o.iA_,{size:"sm",variant:"unstyled",children:[(0,r.jsx)(o.hrZ,{children:(0,r.jsxs)(o.Tr,{children:[(0,r.jsx)(o.Th,{fontSize:"sm",fontWeight:"semibold",pl:"0",textTransform:"none",children:"Integration Identifier"}),(0,r.jsx)(o.Th,{})]})}),(0,r.jsxs)(o.p3B,{children:[j.length>0&&j.map(e=>(0,r.jsxs)(o.Tr,{display:"block",children:[(0,r.jsx)(o.Td,{pl:"0",children:e.connection_config.key}),(0,r.jsx)(o.Td,{children:c.length>0?(0,r.jsx)(R,{connectorName:e.connection_config.name,data:c.find(t=>t.connection_key===e.connection_config.key),isSubmitting:m,onSaveClick:A}):null})]},e.id)),0===j.length&&(0,r.jsx)(o.Tr,{children:(0,r.jsx)(o.Td,{colSpan:3,pl:"0",children:(0,r.jsx)(o.M5Y,{children:(0,r.jsx)(o.xvT,{children:"You don‘t have any Manual Process connections set up yet."})})})})]}),c.length>0&&c.every(e=>e.checked)?(0,r.jsx)(o.$RU,{children:(0,r.jsx)(o.Tr,{children:(0,r.jsx)(o.Th,{pl:"0px",children:(0,r.jsx)(o.wpx,{type:"primary",loading:u,onClick:E,className:"mt-2",children:"Complete DSR"})})})}):null]})}):null]})]}):null},eo=e=>{let{subjectRequest:t,onComplete:i}=e,n=(0,c.useRouter)(),{data:s}=(0,H.AZ)({}),a=(0,h.useMemo)(()=>{var e;return(null==s?void 0:null===(e=s.items)||void 0===e?void 0:e.filter(e=>e.connection_type===x.Rj.MANUAL_TASK))||[]},[s]),{data:l}=(0,H.W6)(),d=(l||[]).length>0,{data:p}=(0,Y.Ym)({page:1,size:100,privacyRequestId:t.id}),m=(null==p?void 0:p.items)||[],g=m.length,j=m.filter(e=>e.status===x.OS.NEW).length,y=a.length>0;return y||d?(0,r.jsxs)(o.Kqy,{spacing:6,children:[y&&(0,r.jsxs)(o.xuv,{children:[(0,r.jsx)(o.AntTypography.Title,{level:4,style:{marginBottom:12},children:"Manual tasks"}),(0,r.jsxs)(o.Kqy,{spacing:2,children:[(0,r.jsxs)(o.AntTypography.Text,{children:[(0,r.jsx)("strong",{children:g})," task",1!==g?"s":""," ","linked to this privacy request"]}),(0,r.jsxs)(o.AntTypography.Text,{children:[(0,r.jsx)("strong",{children:j})," pending task",1!==j?"s":""]}),g>0&&(0,r.jsx)("div",{className:"mt-2",children:(0,r.jsx)(o.wpx,{type:"primary",onClick:()=>{n.push({pathname:u.Jw,query:{privacy_request_id:t.id,tab:K.G.MANUAL_TASK}})},children:"View all tasks for this request →"})})]})]}),d&&(0,r.jsxs)(o.xuv,{children:[(0,r.jsxs)(o.kCb,{alignItems:"center",style:{marginBottom:12},children:[(0,r.jsx)(o.AntTypography.Title,{level:4,style:{margin:0,marginRight:8},children:"Manual steps (legacy)"}),(0,r.jsx)(V.b,{label:"This is the legacy manual steps feature. The new manual tasks feature provides more advanced capabilities and better user experience."})]}),(0,r.jsx)(er,{subjectRequest:t,onComplete:i||(()=>{})})]})]}):(0,r.jsx)(o.xuv,{p:4,children:(0,r.jsx)(o.AntTypography.Text,{type:"secondary",children:"No manual tasks or legacy manual steps configured for this request."})})},ec=i(59969);let ed={approved:{color:"success",label:"Approved"},complete:{color:"success",label:"Completed"},awaiting_email_send:{color:"marble",label:"Awaiting Email Send"},denied:{color:"warning",label:"Denied"},canceled:{color:"marble",label:"Canceled"},error:{color:"error",label:"Error"},in_processing:{color:"caution",label:"In Progress"},paused:{color:"marble",label:"Paused"},pending:{color:"info",label:"New"},identity_unverified:{color:"marble",label:"Unverified"},requires_input:{color:"minos",label:"Requires Input"}};var eu=e=>{let{status:t}=e;return(0,r.jsx)(o.j8w,{color:ed[t].color,className:"justify-center","data-testid":"request-status-badge",children:ed[t].label})},ep=i(18225),em=i(812),eh=i(7842);let{useGetAttachmentsQuery:ex,useUploadAttachmentMutation:eg,useGetAttachmentDetailsQuery:ej,useLazyGetAttachmentDetailsQuery:ey}=E.u.injectEndpoints({endpoints:e=>({getAttachments:e.query({query:e=>{let{privacy_request_id:t,page:i=1,size:n}=e;return{url:"plus/privacy-request/".concat(t,"/attachment"),method:"GET",params:{page:i,size:n}}},providesTags:["Privacy Request Attachments"]}),uploadAttachment:e.mutation({query:e=>{let{privacy_request_id:t,attachment_type:i,attachment_file:n}=e,s=new FormData;return s.append("attachment_type",i),s.append("attachment_file",n),{url:"plus/privacy-request/".concat(t,"/attachment"),method:"POST",body:s,params:{}}},invalidatesTags:["Privacy Request Attachments"]}),getAttachmentDetails:e.query({query:e=>{let{privacy_request_id:t,attachment_id:i}=e;return{url:"plus/privacy-request/".concat(t,"/attachment/").concat(i),method:"GET"}}})})}),{reducer:ev}=(0,C.oM)({name:"privacyRequestAttachments",initialState:{},reducers:{}}),ef=e=>{let{file:t}=e,[i,n]=(0,h.useState)(!1),[s]=ey(),a=async()=>{var e,i,a;if((null===(e=t.customData)||void 0===e?void 0:e.attachment_id)&&(null===(i=t.customData)||void 0===i?void 0:i.privacy_request_id)){n(!0);try{let e=await s({privacy_request_id:t.customData.privacy_request_id,attachment_id:t.customData.attachment_id}),i=null===(a=e.data)||void 0===a?void 0:a.retrieved_attachment_url,n=null==i?void 0:i.startsWith("http");i&&n?window.open(i,"_blank"):i&&!n?o.Pg3.info("Download is not available when using local storage methods."):o.Pg3.error("No download URL available for ".concat(t.name))}catch(e){o.Pg3.error("Failed to fetch attachment download URL")}finally{n(!1)}}};return(0,r.jsxs)(o.jqI,{align:"center",gap:8,children:[(0,r.jsx)(o.PJP.PgN,{className:"shrink-0"}),(0,r.jsx)(o.lKn,{ellipsis:{tooltip:t.name},className:"grow",children:t.name}),(0,r.jsx)(o.wpx,{type:"text",icon:(0,r.jsx)(o.PJP.UWx,{}),onClick:a,loading:i,className:"shrink-0"})]})},e_=(e,t)=>(0,r.jsx)(ef,{file:t});var eb=e=>{let{subjectRequest:t}=e,[i,n]=(0,h.useState)(!1),s=(0,g.Tg)([x.Sh.ATTACHMENT_READ]),a=(0,g.Tg)([x.Sh.ATTACHMENT_CREATE]),[l]=eg(),{data:c,isLoading:d,error:u}=(0,X.PW)(),{data:p,isLoading:m}=ex({privacy_request_id:t.id}),{refetch:j}=ex({privacy_request_id:t.id}),y=(null==p?void 0:p.items.map(e=>({uid:e.id,name:e.file_name,status:"done",customData:{attachment_id:e.id,privacy_request_id:t.id}})))||[],v=(0,h.useCallback)(()=>(0,r.jsx)(o.PJP.PgN,{}),[]);if(!s)return null;let f=a&&(null==c?void 0:c.key),_=[".pdf",".doc",".docx",".xls",".xlsx",".txt",".csv",".jpg",".jpeg",".png",".zip"];return(0,r.jsx)("div",{children:(0,r.jsxs)("div",{className:"mt-6",children:[(0,r.jsx)("div",{className:"mb-6",children:(0,r.jsx)(o.lQT,{level:3,children:"Attachments"})}),d||m?(0,r.jsx)(ep.Z,{size:"md",alignment:"start"}):(0,r.jsx)(o.pMK,{name:"attachment_file",fileList:y,iconRender:v,showUploadList:{showRemoveIcon:!1,showDownloadIcon:!1},itemRender:e_,accept:_.join(","),customRequest:async e=>{let{file:i,onSuccess:s,onError:a}=e,r=i.name;try{n(!0),await l({privacy_request_id:t.id,attachment_file:i,attachment_type:eh.s.INTERNAL_USE_ONLY}).unwrap(),o.Pg3.success("".concat(r," file uploaded successfully")),j(),null==s||s(i)}catch(e){o.Pg3.error("".concat(r," file upload failed.")),null==a||a(e)}finally{n(!1)}},disabled:!f,children:a&&(0,r.jsx)(o.esZ,{title:u&&"Add attachment not available: ".concat((0,em.e$)(u)),placement:"top",children:(0,r.jsxs)(o.jqI,{align:"center",gap:12,className:"mb-4",children:[(0,r.jsx)(o.wpx,{icon:(0,r.jsx)(o.PJP.mm_,{}),iconPosition:"end",disabled:!f||i,loading:i,children:i?"Uploading":"Add"}),(0,r.jsx)(V.b,{label:"Uploaded attachments are for internal use and won't be send as part of the request package.\n                      Accepted filetypes: ".concat(_.join(", ")),placement:"top"})]})})})]})})},ew=i(15709),eT=i.n(ew),eR=e=>{let{label:t,children:i}=e;return(0,r.jsxs)("div",{className:"flex items-center",children:[(0,r.jsx)("div",{className:"shrink-0 grow-0 basis-1/2 pr-2 ".concat(eT().label),children:(0,r.jsxs)(o.AntTypography.Text,{children:[t,":"]})}),(0,r.jsx)("div",{className:"min-w-0 shrink grow ".concat(eT().value),"data-testid":"request-detail-value-".concat(t),children:i})]})},eq=e=>{let{subjectRequest:t}=e,{custom_privacy_request_fields:i}=t;return(0,r.jsx)("div",{className:"flex flex-col gap-2",children:i&&Object.keys(i).length>0&&Object.entries(i).filter(e=>{let[,t]=e;return t.value}).map(e=>{let[t,i]=e;return(0,r.jsx)(eR,{label:i.label,children:(0,r.jsx)(o.AntTypography.Text,{children:Array.isArray(i.value)?i.value.join(", "):i.value})},t)})})},eC=e=>{let{subjectRequest:t}=e,{plus:i}=(0,q.hz)(),{id:n,status:s,policy:a,identity:l,identity_verified_at:c}=t;return(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"mb-6",children:(0,r.jsx)(o.AntTypography.Title,{level:2,children:"Request details"})}),(0,r.jsxs)(o.jqI,{vertical:!0,gap:12,className:"mb-6",children:[(0,r.jsx)(eR,{label:"Status",children:(0,r.jsx)(eu,{status:s})}),(0,r.jsx)(eR,{label:"Time remaining",children:(0,r.jsx)(ec.Z,{daysLeft:t.days_left,includeText:!0,status:t.status})}),(0,r.jsx)(eR,{label:"Request type",children:(0,r.jsx)(et,{rules:a.rules})}),(0,r.jsx)(eR,{label:"Source",children:i&&(0,r.jsx)(o.AntTypography.Text,{children:t.source||"-"})}),Object.entries(l).filter(e=>{let[,{value:t}]=e;return null!==t}).map(e=>{let[t,{value:i="",label:n}]=e,s="".concat(i).concat(c?"":" (Unverified)");return(0,r.jsx)(eR,{label:"Subject ".concat(n.toLocaleLowerCase()),children:(0,r.jsx)(o.esZ,{title:s,trigger:"click",children:(0,r.jsx)(o.AntTypography.Text,{ellipsis:!0,children:s})})},t)}),(0,r.jsx)(eq,{subjectRequest:t})]}),(0,r.jsxs)(o.PPS,{layout:"vertical",children:[(0,r.jsx)(o.PPS.Item,{label:"Request ID:",className:"mb-4",children:(0,r.jsx)(o.jqI,{gap:1,children:(0,r.jsxs)(o.vyj.Compact,{style:{width:"100%"},children:[(0,r.jsx)(o.uFc,{readOnly:!0,value:n,"data-testid":"request-detail-value-id"}),(0,r.jsx)(o.wpx,{icon:(0,r.jsx)(D.Z,{copyText:n})})]})})}),(0,r.jsx)(o.PPS.Item,{label:"Policy key:",className:"mb-4",children:(0,r.jsx)(o.uFc,{readOnly:!0,value:t.policy.key,"data-testid":"request-detail-value-policy"})})]}),(0,r.jsx)(eb,{subjectRequest:t})]})},eE=e=>{var t;let{data:i}=e,n=(0,h.useMemo)(()=>({id:i.id,verbose:!0}),[i.id]),{data:s}=(0,m.QA)(n,{pollingInterval:i.status===x.q2.APPROVED||i.status===x.q2.IN_PROCESSING?2e3:0,skip:!i.id}),a=null!==(t=null==s?void 0:s.items[0])&&void 0!==t?t:i,l=a.status===x.q2.REQUIRES_INPUT,[c,d]=(0,h.useState)("activity"),u=(0,h.useMemo)(()=>[{key:"activity",label:"Activity",children:(0,r.jsx)(J,{subjectRequest:a})},{key:"manual-tasks",label:"Manual tasks",children:(0,r.jsx)(eo,{subjectRequest:a,onComplete:()=>d("activity")}),disabled:!l}],[l,a]);return(0,r.jsxs)("div",{className:"flex gap-8",children:[(0,r.jsx)("div",{className:"flex-1",children:(0,r.jsx)(o.A5g,{items:u,activeKey:c,onChange:d})}),(0,r.jsx)("div",{className:"w-1/3 2xl:w-[432px]","data-testid":"privacy-request-details",children:(0,r.jsx)(eC,{subjectRequest:a})})]})},eA=i(57526),ek=i(66548),eS=i(45489),eN=e=>{let{privacyRequest:t,action:i}=e,{handleApproveRequest:n,handleDenyRequest:s}=(0,eS.Z)({subjectRequest:t}),a=t.status===x.q2.PENDING,l=(0,o.qY0)(),r=async e=>{let{reason:t}=e,a=o.Pg3.loading({content:"approve"===i?"Approving request...":"Denying request..."});"deny"===i&&await s(t),"approve"===i&&await n(),a()};return{showAction:a,closeModal:l.onClose,performAction:r,openConfirmationModal:l.onOpen,isModalOpen:l.isOpen}},eP=e=>{var t,i,n;let{privacyRequest:s}=e,a=null===(i=(0,q.hz)())||void 0===i?void 0:null===(t=i.flags)||void 0===t?void 0:t.downloadAccessRequestResults,l=s.status===x.q2.COMPLETE,r=ee(s.policy.rules).includes(x.Us.ACCESS),o=(0,g.Tg)([x.Sh.PRIVACY_REQUEST_ACCESS_RESULTS_READ]),{data:c,isLoading:d,isError:u,error:p}=(0,X.br)({privacy_request_id:s.id}),m=null!==(n=null==c?void 0:c.access_result_urls[0])&&void 0!==n?n:"",h=!!m&&"your local fides_uploads folder"!==m,j=null;return u?j=(0,em.e$)(p,"Unable to resolve download URL"):h||(j="Requests stored locally cannot be downloaded"),{showDownloadResults:a&&o&&r&&l,downloadResults:()=>{let e=document.createElement("a");e.href=m,e.target="_blank",e.rel="noopener noreferrer",e.click(),e.remove()},infoTooltip:j,isLoading:d,isDisabled:!h}},eI=e=>{let{privacyRequest:t}=e,{errorAlert:i,successAlert:n}=(0,Q.V)(),s=t.status===x.q2.ERROR,[a]=(0,X.Fq)();return{reprocessPrivacyRequest:async()=>{if(!t)return;let e=o.Pg3.loading("Reprocessing privacy request...",0),s=await a(t);"error"in s?i((0,em.e$)(s.error),"DSR automation has failed for this privacy request due to the following:",{duration:null}):n("Privacy request is now being reprocessed."),e()},showReprocess:s}},eO=e=>{let{privacyRequest:t}=e,{showDownloadResults:i,downloadResults:n,infoTooltip:s,isDisabled:a}=eP({privacyRequest:t}),{isModalOpen:l,closeModal:c,performAction:d,openConfirmationModal:u,showAction:p}=eN({privacyRequest:t,action:"approve"}),{isModalOpen:m,closeModal:x,performAction:g,openConfirmationModal:j,showAction:y}=eN({privacyRequest:t,action:"deny"}),{reprocessPrivacyRequest:v,showReprocess:f}=eI({privacyRequest:t}),_=(0,h.useMemo)(()=>{let e=[];return e.push({key:"approve",label:(0,r.jsx)("span",{"data-testid":"privacy-request-approve-btn",children:"Approve"}),onClick:u,disabled:!p}),e.push({key:"deny",label:(0,r.jsx)("span",{"data-testid":"privacy-request-deny-btn",children:"Deny"}),onClick:j,disabled:!y}),e.push({key:"reprocess",label:(0,r.jsx)("span",{"data-testid":"privacy-request-action-reprocess",children:"Reprocess"}),onClick:v,disabled:!f}),i&&e.push({key:"download",label:(0,r.jsx)(o.esZ,{title:a?s:null,placement:"bottom",children:(0,r.jsx)("span",{"data-testid":"download-results-btn",children:"Download request results"})}),onClick:n,disabled:a}),e},[i,n,s,a,p,y,u,j,f,v]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(o.S0p,{menu:{items:_},trigger:["click"],overlayStyle:{minWidth:"160px"},children:(0,r.jsx)(o.wpx,{icon:(0,r.jsx)(o.PJP.pO,{}),"data-testid":"privacy-request-actions-dropdown-btn",iconPosition:"end",type:"primary",disabled:!_.length,size:"large",children:"Actions"})}),(0,r.jsx)(eA.Z,{isOpen:l,isLoading:!1,onClose:c,onApproveRequest:()=>d({reason:""}),subjectRequest:t}),(0,r.jsx)(ek.Z,{isOpen:m,onClose:x,onDenyRequest:e=>g({reason:e})})]})},eD=()=>{let e=(0,c.useRouter)().query.id,{data:t,isLoading:i}=(0,m.QA)({id:e,verbose:!0},{skip:!e}),n=(null==t?void 0:t.items[0])||null;return(0,r.jsxs)(d.Z,{title:"Privacy Request - ".concat(e),children:[(0,r.jsx)(p.Z,{heading:"Privacy Requests",breadcrumbItems:[{title:"All requests",href:u.Jw},{title:"Request details"}],rightContent:!!n&&(0,r.jsx)(eO,{privacyRequest:n})}),i&&(0,r.jsx)(o.M5Y,{children:(0,r.jsx)(o.$jN,{})}),!i&&!n&&(0,r.jsx)(o.xvT,{children:"404 no privacy request found"}),!i&&n&&(0,r.jsx)(eE,{data:n})]})}},15709:function(e){e.exports={value:"RequestDetailsRow_value__WMXn3",label:"RequestDetailsRow_label__dn3CQ"}},38450:function(e){e.exports={container:"ActivityTimelineEntry_container__tCva0","container--open":"ActivityTimelineEntry_container--open__1d9mA",itemButton:"ActivityTimelineEntry_itemButton__MlmWS","itemButton--error":"ActivityTimelineEntry_itemButton--error__UizD2","itemButton--comment":"ActivityTimelineEntry_itemButton--comment__g98SH","itemButton--awaiting-input":"ActivityTimelineEntry_itemButton--awaiting-input__6lB5t",header:"ActivityTimelineEntry_header__GYibj",title:"ActivityTimelineEntry_title__rm_g0","title--error":"ActivityTimelineEntry_title--error__fOi0s","title--awaiting-input":"ActivityTimelineEntry_title--awaiting-input__3sPAo",timestamp:"ActivityTimelineEntry_timestamp__uMEMT",viewLogs:"ActivityTimelineEntry_viewLogs___T4jN",logs:"ActivityTimelineEntry_logs__T7R0J","logs--open":"ActivityTimelineEntry_logs--open__o_9Io"}}},function(e){e.O(0,[3988,2888,9774,179],function(){return e(e.s=6554)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9650],{6554:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/privacy-requests/[id]",function(){return i(19774)}])},77213:function(e,t,i){"use strict";i.d(t,{Z:function(){return p}});var n=i(24246),s=i(86920),a=i(88038),l=i.n(a),r=i(86677);i(27378);var o=i(25980),c=i(90867),d=i(77830),u=()=>{let e=(0,r.useRouter)();return(0,n.jsx)(s.xuv,{bg:"gray.50",border:"1px solid",borderColor:"blue.400",borderRadius:"md",justifyContent:"space-between",p:5,mb:5,mt:5,children:(0,n.jsxs)(s.xuv,{children:[(0,n.jsxs)(s.Kqy,{direction:{base:"column",sm:"row"},justifyContent:"space-between",children:[(0,n.jsx)(s.xvT,{fontWeight:"semibold",children:"Configure your storage and messaging provider"}),(0,n.jsx)(s.wpx,{onClick:()=>{e.push(d.fz)},children:"Configure"})]}),(0,n.jsxs)(s.xvT,{children:["Before Fides can process your privacy requests we need two simple steps to configure your storage and email client."," "]})]})})},p=e=>{let{children:t,title:i,padded:a=!0,mainProps:d}=e,p=(0,o.hz)(),m=(0,r.useRouter)(),h="/privacy-requests"===m.pathname||"/datastore-connection"===m.pathname,x=!(p.flags.privacyRequestsConfiguration&&h),{data:g}=(0,c.JE)(void 0,{skip:x}),{data:j}=(0,c.PW)(void 0,{skip:x}),y=p.flags.privacyRequestsConfiguration&&(!g||!j)&&h;return(0,n.jsxs)(s.kCb,{"data-testid":i,direction:"column",h:"100vh",children:[(0,n.jsxs)(l(),{children:[(0,n.jsxs)("title",{children:["Fides Admin UI - ",i]}),(0,n.jsx)("meta",{name:"description",content:"Privacy Engineering Platform"}),(0,n.jsx)("link",{rel:"icon",href:"/favicon.ico"})]}),(0,n.jsxs)(s.kCb,{as:"main",direction:"column",py:a?6:0,px:a?10:0,h:a?"calc(100% - 48px)":"full",flex:1,minWidth:0,overflow:"auto",...d,children:[y?(0,n.jsx)(u,{}):null,t]})]})}},19774:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return eD}});var n,s,a,l,r=i(24246),o=i(86920),c=i(86677),d=i(77213),u=i(77830),p=i(58754),m=i(99716),h=i(27378),x=i(68309),g=i(19904);(n=a||(a={})).IN_PROCESSING="in_processing",n.PENDING="pending",n.COMPLETE="complete",n.ERROR="error",n.PAUSED="paused",n.AWAITING_PROCESSING="awaiting_processing",n.RETRYING="retrying",n.SKIPPED="skipped";let j={in_processing:"In processing",pending:"Pending",complete:"Complete",error:"Error",paused:"Paused",awaiting_processing:"Awaiting input",retrying:"Retrying",skipped:"Skipped"},y={error:"error",skipped:"warning",awaiting_processing:"minos",in_processing:void 0,pending:void 0,complete:void 0,paused:void 0,retrying:void 0};(s=l||(l={})).REQUEST_UPDATE="Request update",s.INTERNAL_COMMENT="Internal comment";let v={"Request update":"sandstone","Internal comment":"marble"};var f=i(90005),_=i.n(f),b=i(16394),w=i(38450),T=i.n(w),R=e=>{let{item:t}=e,{author:i,title:n,date:s,type:a,onClick:c,isError:d,isSkipped:u,isAwaitingInput:p,description:m}=t,h=(0,b.p6)(s),x=!!c,g=(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:T().header,children:[(0,r.jsxs)("span",{className:T().author,"data-testid":"activity-timeline-author",children:[i,":"]}),n&&(0,r.jsxs)("span",{className:_()(T().title,{[T()["title--error"]]:d,[T()["title--awaiting-input"]]:p}),"data-testid":"activity-timeline-title",children:[n,d&&" failed"]}),(0,r.jsx)("span",{className:T().timestamp,"data-testid":"activity-timeline-timestamp",children:h}),(0,r.jsx)(o.j8w,{className:T().type,color:v[a],"data-testid":"activity-timeline-type",children:a}),(d||u||p)&&(0,r.jsx)("span",{className:T().viewLogs,"data-testid":"activity-timeline-view-logs",children:"View Log"})]}),m&&(0,r.jsx)("div",{className:"mt-2 pl-2.5",children:(0,r.jsx)(o.AntTypography.Paragraph,{className:"!mb-0 whitespace-pre-wrap",children:m})})]}),j={className:_()(T().itemButton,{[T()["itemButton--error"]]:d,[T()["itemButton--awaiting-input"]]:p,[T()["itemButton--clickable"]]:x,[T()["itemButton--comment"]]:a===l.INTERNAL_COMMENT}),"data-testid":"activity-timeline-item"};return x?(0,r.jsx)("button",{type:"button",onClick:c,...j,children:g}):(0,r.jsx)("div",{...j,children:g})},q=i(25980),C=i(54427),E=i(78780);let{useGetCommentsQuery:A,useCreateCommentMutation:k,useGetCommentDetailsQuery:S,useLazyGetCommentDetailsQuery:N}=E.u.injectEndpoints({endpoints:e=>({getComments:e.query({query:e=>{let{privacy_request_id:t,page:i=1,size:n}=e;return{url:"plus/privacy-request/".concat(t,"/comment"),method:"GET",params:{page:i,size:n}}},providesTags:["Privacy Request Comments"]}),createComment:e.mutation({query:e=>{let{privacy_request_id:t,comment_text:i,comment_type:n}=e,s=new FormData;return s.append("comment_text",i),s.append("comment_type",n),{url:"plus/privacy-request/".concat(t,"/comment"),method:"POST",body:s,formData:!0}},invalidatesTags:["Privacy Request Comments","Request"]}),getCommentDetails:e.query({query:e=>{let{privacy_request_id:t,comment_id:i}=e;return{url:"plus/privacy-request/".concat(t,"/comment/").concat(i),method:"GET"}}})})}),{reducer:P}=(0,C.oM)({name:"privacyRequestComments",initialState:{},reducers:{}}),I=e=>{let{plus:t}=(0,q.hz)(),{data:i,isLoading:n,error:s}=A({privacy_request_id:e,size:100},{skip:!t});return(0,h.useEffect)(()=>{s&&o.Pg3.error("Failed to fetch the request comments")},[s]),{commentItems:(null==i?void 0:i.items)?i.items.map(e=>({author:e.user_first_name&&e.user_last_name?"".concat(e.user_first_name," ").concat(e.user_last_name):e.username||"Unknown",date:new Date(e.created_at),type:l.INTERNAL_COMMENT,showViewLog:!1,description:e.comment_text,isError:!1,isSkipped:!1,isAwaitingInput:!1,id:"comment-".concat(e.id)})):[],isLoading:n}},O=e=>{let t=!e;return{eventItems:e?Object.entries(e).map(e=>{let[t,i]=e,n=i.some(e=>e.status===a.ERROR),s=i.some(e=>e.status===a.SKIPPED),r=i.some(e=>e.status===a.AWAITING_PROCESSING);return{author:"Fides",title:t,date:new Date(i[0].updated_at),type:l.REQUEST_UPDATE,showViewLog:n||s||r,onClick:()=>{},isError:n,isSkipped:s,isAwaitingInput:r,id:"request-".concat(t)}}):[],isLoading:t}};var D=i(88340),U=e=>{let{errorMessage:t,status:i=a.ERROR}=e;return(0,r.jsxs)(o.xuv,{height:"100%",id:"outer",children:[(0,r.jsxs)(o.kCb,{alignItems:"center",children:[(0,r.jsx)(o.xvT,{size:"sm",color:"gray.700",fontWeight:"medium",marginRight:"8px",lineHeight:"20px",children:"Status"}),(0,r.jsx)(o.j8w,{color:y[i],children:j[i]}),(0,r.jsx)(o.xuv,{padding:"0px",marginBottom:"3px",children:(0,r.jsx)(D.Z,{copyText:t})})]}),(0,r.jsx)(o.izJ,{marginTop:"4px",marginBottom:"6px"}),(0,r.jsx)(o.xuv,{id:"errorWrapper",overflow:"auto",height:"100%",children:(0,r.jsx)(o.xvT,{children:t})})]})},M=i(3124),z=i.n(M);let W=e=>{switch(e){case x.Us.ACCESS:return"Data Retrieval";case x.Us.ERASURE:return"Data Deletion";case x.Us.CONSENT:return"Consent";case x.Us.UPDATE:return"Data Update";default:return e}};var L=e=>{let{eventLogs:t,onDetailPanel:i}=e,n=null==t?void 0:t.map(e=>(0,r.jsxs)(o.Tr,{backgroundColor:e.status===a.ERROR||e.status===a.SKIPPED&&e.message||e.status===a.AWAITING_PROCESSING?z().FIDESUI_NEUTRAL_50:"unset",onClick:()=>{(e.status===a.ERROR||e.status===a.SKIPPED&&e.message||e.status===a.AWAITING_PROCESSING)&&i(e.message,e.status)},style:{cursor:e.message?"pointer":"unset"},_hover:{backgroundColor:z().FIDESUI_NEUTRAL_50},children:[(0,r.jsx)(o.Td,{children:(0,r.jsx)(o.xvT,{color:"gray.600",fontSize:"xs",lineHeight:"4",fontWeight:"medium",children:(0,b.p6)(e.updated_at)})}),(0,r.jsx)(o.Td,{children:(0,r.jsx)(o.xvT,{color:"gray.600",fontSize:"xs",lineHeight:"4",fontWeight:"medium",children:W(e.action_type)})}),(0,r.jsx)(o.Td,{children:(0,r.jsx)(o.j8w,{color:y[e.status],children:j[e.status]})}),(0,r.jsx)(o.Td,{children:(0,r.jsx)(o.xvT,{color:"gray.600",fontSize:"xs",lineHeight:"4",fontWeight:"medium",children:e.collection_name})})]},e.updated_at));return(0,r.jsx)(o.xuv,{width:"100%",paddingTop:"0px",height:"100%",children:(0,r.jsx)(o.xJi,{id:"tableContainer",height:"100%",style:{overflowY:"auto"},children:(0,r.jsxs)(o.iA_,{size:"sm",id:"table",position:"relative",children:[(0,r.jsx)(o.hrZ,{id:"tableHeader",position:"sticky",top:"0px",backgroundColor:"white",children:(0,r.jsxs)(o.Tr,{children:[(0,r.jsx)(o.Th,{children:(0,r.jsx)(o.xvT,{color:"black",fontSize:"xs",lineHeight:"4",fontWeight:"medium",children:"Time"})}),(0,r.jsx)(o.Th,{children:(0,r.jsx)(o.xvT,{color:"black",fontSize:"xs",lineHeight:"4",fontWeight:"medium",children:"Action Type"})}),(0,r.jsx)(o.Th,{children:(0,r.jsx)(o.xvT,{color:"black",fontSize:"xs",lineHeight:"4",fontWeight:"medium",children:"Status"})}),(0,r.jsx)(o.Th,{children:(0,r.jsx)(o.xvT,{color:"black",fontSize:"xs",lineHeight:"4",fontWeight:"medium",children:"Collection"})})]})}),(0,r.jsx)(o.p3B,{id:"tableBody",children:n})]})})})},B=e=>{let{isOpen:t,onClose:i,currentLogs:n,isViewingError:s,errorMessage:l,currentStatus:c=a.ERROR,onCloseErrorPanel:d,onOpenErrorPanel:u}=e;return(0,r.jsxs)(o.dys,{isOpen:t,placement:"right",onClose:i,size:"full",autoFocus:!1,"data-testid":"log-drawer",children:[(0,r.jsx)(o.P1B,{}),(0,r.jsxs)(o.scA,{style:{width:"50%"},"data-testid":"log-drawer",children:[(0,r.jsx)(o.OXI,{style:{paddingBottom:"0px"},children:(0,r.jsxs)(o.kCb,{justifyContent:"space-between",alignItems:"center",height:"40px",children:[(0,r.jsxs)(o.kCb,{alignItems:"center",children:[s&&(0,r.jsx)(o.wpx,{icon:(0,r.jsx)(o.Rpv,{}),"aria-label":"Close error logs",size:"small",onClick:d}),(0,r.jsx)(o.xvT,{color:"gray.900",fontSize:"md",lineHeight:"6",fontWeight:"medium",ml:1,children:s?"Event detail":"Event log"})]}),(0,r.jsx)(o.wpx,{icon:(0,r.jsx)(o.LGN,{width:"17px"}),"aria-label":"Stop viewing error message",size:"small",onClick:i,"data-testid":"log-drawer-close"})]})}),(0,r.jsxs)(o.Ng0,{id:"drawerBody",overflow:"hidden",children:[n&&!s?(0,r.jsx)(L,{eventLogs:n,onDetailPanel:u}):null,s?(0,r.jsx)(U,{errorMessage:l,status:c}):null]})]})]})},F=e=>{let{subjectRequest:t}=e,{isOpen:i,onOpen:n,onClose:s}=(0,o.qY0)(),[c,d]=(0,h.useState)([]),[u,p]=(0,h.useState)(""),[m,x]=(0,h.useState)(!1),[g,j]=(0,h.useState)(""),[y,v]=(0,h.useState)(a.ERROR),{results:f,id:_}=t,{commentItems:b,isLoading:w}=I(_),{eventItems:q,isLoading:C}=O(f);(0,h.useEffect)(()=>{u&&f&&f[u]&&d(f[u])},[f,u]);let E=()=>{x(!1)},A=(0,h.useCallback)((e,t)=>{p(e),d(t),n()},[n]),k=(0,h.useMemo)(()=>{let e=q.map(e=>{if("Request update"===e.type&&e.title&&f){let t=e.title;if(f[t])return{...e,onClick:()=>A(t,f[t])}}return e});return[{author:"Fides",title:"Access request received",date:new Date(t.created_at),type:l.REQUEST_UPDATE,showViewLog:!1,isError:!1,isSkipped:!1,isAwaitingInput:!1,id:"initial-request"},...e,...b].sort((e,t)=>new Date(e.date).getTime()-new Date(t.date).getTime())},[q,b,f,A,t.created_at]);return(0,r.jsxs)(o.xuv,{width:"100%",children:[(0,r.jsx)(o.krs,{className:"!border-none",bordered:!1,split:!1,"data-testid":"activity-timeline-list",children:(0,r.jsx)("ul",{className:"!list-none",children:w||C?(0,r.jsx)("div",{className:T().itemButton,"data-testid":"timeline-skeleton",children:(0,r.jsx)(o.N_L,{paragraph:{rows:2},active:!0})}):k.map(e=>(0,r.jsx)("li",{children:(0,r.jsx)(R,{item:e})},e.id))})}),(0,r.jsx)(B,{isOpen:i,onClose:()=>{m&&E(),p(""),s()},currentLogs:c,isViewingError:m,errorMessage:g,currentStatus:y,onOpenErrorPanel:(e,t)=>{j(e),t&&v(t),x(!0)},onCloseErrorPanel:E})]})},G=i(66187);let Z=e=>{let{privacyRequestId:t,onCancel:i}=e,[n,s]=(0,h.useState)(""),a=(0,h.useRef)(null),[l,{isLoading:c}]=k();(0,h.useEffect)(()=>{a.current&&a.current.focus()},[]);let d=async()=>{if(n.trim())try{await l({privacy_request_id:t,comment_text:n,comment_type:G.i.NOTE}).unwrap(),s(""),i()}catch(e){console.error("Failed to add comment:",e),o.Pg3.error({content:"Failed to add comment",duration:5})}},u=[{key:"internal",label:"Internal comment",children:(0,r.jsx)(o.uFc.TextArea,{ref:a,value:n,onChange:e=>s(e.target.value),rows:3,className:"mb-3 h-[150px] w-full !resize-none","data-testid":"comment-input"})}];return(0,r.jsxs)("div",{children:[(0,r.jsx)(o.A5g,{items:u}),(0,r.jsxs)(o.jqI,{justify:"flex-end",className:"gap-2",children:[(0,r.jsx)(o.wpx,{onClick:i,"data-testid":"cancel-comment-button",children:"Cancel"}),(0,r.jsx)(o.wpx,{onClick:d,loading:c,disabled:!n.trim(),type:"primary",htmlType:"button","data-testid":"submit-comment-button",children:"Save"})]})]})};var J=e=>{let{subjectRequest:t}=e,[i,n]=(0,h.useState)(!1);return(0,r.jsxs)("div",{className:"w-full",children:[(0,r.jsx)(F,{subjectRequest:t}),i?(0,r.jsx)(Z,{privacyRequestId:t.id,onCancel:()=>n(!1)}):(0,r.jsx)(g.ZP,{scopes:[x.Sh.COMMENT_CREATE],children:(0,r.jsx)(o.jqI,{justify:"flex-start",className:"mt-2",children:(0,r.jsxs)(o.wpx,{type:"default",onClick:()=>n(!0),className:"flex items-center","data-testid":"add-comment-button",children:["Add comment ",(0,r.jsx)("span",{className:"ml-1",children:"+"})]})})})]})},H=i(14207),V=i(46238),Y=i(45116),K=i(72281),Q=i(14047),X=i(90867),$=i(16134);let ee=e=>Array.from(new Set(e.filter(e=>Object.values(x.Us).includes(e.action_type)).map(e=>e.action_type)));var et=e=>{let{rules:t}=e,i=ee(t).map(e=>(0,b.kC)(e)).map(e=>e);return(0,r.jsx)(o.AntTypography.Text,{children:i.join(" - ")})},ei=i(34090),en=i(55484),es=e=>{let{connectorName:t,data:i,isSubmitting:n=!1,onSaveClick:s}=e,{isOpen:a,onOpen:l,onClose:c}=(0,o.qY0)(),d=(0,h.useRef)(null),u=async(e,t)=>{s({connection_key:i.connection_key,privacy_request_id:i.privacy_request_id,body:{...e}}),c()};return(0,r.jsxs)(r.Fragment,{children:[(null==i?void 0:i.checked)&&(0,r.jsx)(o.wpx,{onClick:l,size:"small",children:"Review"}),!(null==i?void 0:i.checked)&&(0,r.jsx)(o.wpx,{onClick:l,size:"small",type:"primary",children:"Begin manual input"}),(0,r.jsx)(ei.J9,{enableReinitialize:!0,initialValues:{...i.fields},onSubmit:u,validateOnBlur:!1,validateOnChange:!1,validationSchema:en.Ry().shape({}),children:e=>(0,r.jsxs)(o.dys,{isOpen:a,placement:"right",initialFocusRef:d,onClose:c,size:"lg",children:[(0,r.jsx)(o.P1B,{}),(0,r.jsxs)(o.scA,{children:[(0,r.jsx)(o.cCv,{}),(0,r.jsxs)(o.OXI,{color:"gray.900",children:[(0,r.jsx)(o.xvT,{fontSize:"xl",mb:8,children:t}),(0,r.jsx)(o.izJ,{}),(0,r.jsx)(o.xvT,{fontSize:"md",mt:"4",children:"Manual access"}),(0,r.jsx)(o.xuv,{mt:"8px",children:(0,r.jsx)(o.xvT,{color:"gray.700",fontSize:"sm",fontWeight:"normal",children:"Please complete the following PII fields that have been collected for the selected subject."})})]}),(0,r.jsx)(o.Ng0,{children:(0,r.jsx)(ei.l0,{id:"manual-detail-form",noValidate:!0,children:(0,r.jsx)(o.gCW,{align:"stretch",gap:"16px",children:Object.entries(i.fields).map((e,t)=>{let[i]=e;return(0,r.jsx)(o.Ugi,{children:(0,r.jsx)(ei.gN,{id:i,name:i,children:e=>{let{field:n}=e;return(0,r.jsxs)(o.NIc,{alignItems:"baseline",display:"inline-flex",children:[(0,r.jsx)(o.lXp,{color:"gray.900",fontSize:"14px",fontWeight:"semibold",htmlFor:i,w:"50%",children:i}),(0,r.jsx)(o.IIB,{...n,autoComplete:"off",color:"gray.700",placeholder:"Please enter ".concat(i),ref:0===t?d:void 0,size:"sm"})]})}})},i)})})})}),(0,r.jsx)(o.zeN,{justifyContent:"flex-start",children:(0,r.jsxs)("div",{className:"flex gap-2",children:[(0,r.jsx)(o.wpx,{onClick:c,children:"Cancel"}),(0,r.jsx)(o.wpx,{form:"manual-detail-form",loading:n,htmlType:"submit",children:"Save"})]})})]})]})})]})},ea=e=>{let{connectorName:t,data:i,isSubmitting:n=!1,onSaveClick:s}=e,{isOpen:a,onOpen:l,onClose:c}=(0,o.qY0)(),d=(0,h.useRef)(null),u=async(e,t)=>{s({connection_key:i.connection_key,privacy_request_id:i.privacy_request_id,body:{...e}}),c()};return(0,r.jsxs)(r.Fragment,{children:[(null==i?void 0:i.checked)&&(0,r.jsx)(o.wpx,{onClick:l,size:"small",children:"Review"}),!(null==i?void 0:i.checked)&&(0,r.jsx)(o.wpx,{onClick:l,size:"small",type:"primary",children:"Begin manual input"}),(0,r.jsx)(ei.J9,{enableReinitialize:!0,initialValues:{...i.fields},onSubmit:u,validateOnBlur:!1,validateOnChange:!1,validationSchema:en.Ry().shape({}),children:e=>(0,r.jsxs)(o.dys,{isOpen:a,placement:"right",initialFocusRef:d,onClose:c,size:"lg",children:[(0,r.jsx)(o.P1B,{}),(0,r.jsxs)(o.scA,{children:[(0,r.jsx)(o.cCv,{}),(0,r.jsxs)(o.OXI,{color:"gray.900",children:[(0,r.jsx)(o.xvT,{fontSize:"xl",mb:8,children:t}),(0,r.jsx)(o.izJ,{}),(0,r.jsx)(o.xvT,{fontSize:"md",mt:"4",children:"Manual erasure"}),(0,r.jsx)(o.xuv,{mt:"8px",children:(0,r.jsx)(o.xvT,{color:"gray.700",fontSize:"sm",fontWeight:"normal",children:"Please delete the following PII fields associated with the selected subject if they are available. Once deleted, check the box to confirm the deletion."})})]}),(0,r.jsx)(o.Ng0,{children:(0,r.jsx)(ei.l0,{id:"manual-detail-form",noValidate:!0,children:(0,r.jsx)(o.gCW,{align:"stretch",gap:"16px",children:Object.entries(i.fields).map(e=>{let[t]=e;return(0,r.jsx)(o.Ugi,{children:(0,r.jsx)(ei.gN,{id:t,name:t,children:e=>{let{field:i}=e;return(0,r.jsxs)(o.NIc,{alignItems:"baseline",display:"inline-flex",children:[(0,r.jsx)(o.lXp,{color:"gray.900",fontSize:"14px",fontWeight:"semibold",htmlFor:t,w:"50%",children:t}),(0,r.jsx)(o.XZJ,{...i,isChecked:!!i.value,onChange:i.onChange,name:t,id:t})]})}})},t)})})})}),(0,r.jsx)(o.zeN,{justifyContent:"flex-start",children:(0,r.jsxs)("div",{className:"flex gap-2",children:[(0,r.jsx)(o.wpx,{onClick:c,children:"Cancel"}),(0,r.jsx)(o.wpx,{form:"manual-detail-form",loading:n,htmlType:"submit",children:"Save"})]})})]})]})})]})};let el=(e,t,i)=>e.includes(x.Us.ACCESS)?{ProcessingDetailComponent:es,uploadMutation:t,getUploadedWebhookDataEndpoint:X.$I.endpoints.getUploadedManualAccessWebhookData}:e.includes(x.Us.ERASURE)?{ProcessingDetailComponent:ea,uploadMutation:i,getUploadedWebhookDataEndpoint:X.$I.endpoints.getUploadedManualErasureWebhookData}:null;var er=e=>{let{subjectRequest:t,onComplete:i}=e,n=(0,$.T)(),{errorAlert:s,successAlert:a}=(0,Q.V)(),{handleError:l}=(0,Q.H)(),[c,d]=(0,h.useState)([]),[u,p]=(0,h.useState)(!1),[m,g]=(0,h.useState)(!1),{data:j,isFetching:y,isLoading:v,isSuccess:f}=(0,H.W6)(),[_]=(0,X.w3)(),b=ee(t.policy.rules),[w]=(0,X.nL)(),[T]=(0,X.UR)(),{ProcessingDetailComponent:R,uploadMutation:q,getUploadedWebhookDataEndpoint:C}=el(b,w,T),E=async()=>{try{p(!0),await _(t.id).unwrap(),a("Manual request has been received. Request now processing."),i()}catch(e){l(e)}finally{p(!1)}},A=async e=>{try{g(!0),await q(e).unwrap();let t={connection_key:e.connection_key,fields:{}};Object.entries(e.body).forEach(e=>{let[i,n]=e;t.fields[i]=n||""});let i=c.map(e=>e.connection_key===t.connection_key?{...e,checked:!0,fields:{...t.fields}}:e);d(i),a("Manual input successfully saved!")}catch(e){l(e)}finally{g(!1)}};return((0,h.useEffect)(()=>(f&&j.length>0&&0===c.length&&(()=>{if(c.length>0)return;let e=[],i=null==j?void 0:j.map(e=>e.connection_config.key);null==i||i.every(i=>e.push(n(C.initiate({connection_key:i,privacy_request_id:t.id})))),Promise.allSettled(e).then(e=>{let t=[];e.forEach((e,i)=>{if("fulfilled"===e.status&&e.value.isSuccess&&e.value.data){let i={checked:e.value.data.checked,fields:{},connection_key:e.value.originalArgs.connection_key,privacy_request_id:e.value.originalArgs.privacy_request_id};Object.entries(e.value.data.fields).forEach(e=>{let[t,n]=e;i.fields[t]=n||""}),t.push(i)}else s("An error occurred while loading manual input data for ".concat(j[i].connection_config.name))}),d(t)})})(),()=>{}),[j,c.length,n,s,f,t.id,C]),b.includes(x.Us.ACCESS)||b.includes(x.Us.ERASURE))?(0,r.jsxs)(o.gCW,{align:"stretch",spacing:8,children:[(0,r.jsx)(o.xuv,{children:(0,r.jsx)(o.xvT,{color:"gray.700",fontSize:"sm",children:"The following table details the integrations that require manual input from you."})}),(0,r.jsxs)(o.xuv,{children:[(y||v)&&(0,r.jsx)(o.M5Y,{children:(0,r.jsx)(o.$jN,{})}),f&&j?(0,r.jsx)(o.xJi,{children:(0,r.jsxs)(o.iA_,{size:"sm",variant:"unstyled",children:[(0,r.jsx)(o.hrZ,{children:(0,r.jsxs)(o.Tr,{children:[(0,r.jsx)(o.Th,{fontSize:"sm",fontWeight:"semibold",pl:"0",textTransform:"none",children:"Integration Identifier"}),(0,r.jsx)(o.Th,{})]})}),(0,r.jsxs)(o.p3B,{children:[j.length>0&&j.map(e=>(0,r.jsxs)(o.Tr,{display:"block",children:[(0,r.jsx)(o.Td,{pl:"0",children:e.connection_config.key}),(0,r.jsx)(o.Td,{children:c.length>0?(0,r.jsx)(R,{connectorName:e.connection_config.name,data:c.find(t=>t.connection_key===e.connection_config.key),isSubmitting:m,onSaveClick:A}):null})]},e.id)),0===j.length&&(0,r.jsx)(o.Tr,{children:(0,r.jsx)(o.Td,{colSpan:3,pl:"0",children:(0,r.jsx)(o.M5Y,{children:(0,r.jsx)(o.xvT,{children:"You don‘t have any Manual Process connections set up yet."})})})})]}),c.length>0&&c.every(e=>e.checked)?(0,r.jsx)(o.$RU,{children:(0,r.jsx)(o.Tr,{children:(0,r.jsx)(o.Th,{pl:"0px",children:(0,r.jsx)(o.wpx,{type:"primary",loading:u,onClick:E,className:"mt-2",children:"Complete DSR"})})})}):null]})}):null]})]}):null},eo=e=>{let{subjectRequest:t,onComplete:i}=e,n=(0,c.useRouter)(),{data:s}=(0,H.AZ)({}),a=(0,h.useMemo)(()=>{var e;return(null==s?void 0:null===(e=s.items)||void 0===e?void 0:e.filter(e=>e.connection_type===x.Rj.MANUAL_TASK))||[]},[s]),{data:l}=(0,H.W6)(),d=(l||[]).length>0,{data:p}=(0,Y.Ym)({page:1,size:100,privacyRequestId:t.id}),m=(null==p?void 0:p.items)||[],g=m.length,j=m.filter(e=>e.status===x.OS.NEW).length,y=a.length>0;return y||d?(0,r.jsxs)(o.Kqy,{spacing:6,children:[y&&(0,r.jsxs)(o.xuv,{children:[(0,r.jsx)(o.AntTypography.Title,{level:4,style:{marginBottom:12},children:"Manual tasks"}),(0,r.jsxs)(o.Kqy,{spacing:2,children:[(0,r.jsxs)(o.AntTypography.Text,{children:[(0,r.jsx)("strong",{children:g})," task",1!==g?"s":""," ","linked to this privacy request"]}),(0,r.jsxs)(o.AntTypography.Text,{children:[(0,r.jsx)("strong",{children:j})," pending task",1!==j?"s":""]}),g>0&&(0,r.jsx)("div",{className:"mt-2",children:(0,r.jsx)(o.wpx,{type:"primary",onClick:()=>{n.push({pathname:u.Jw,query:{privacy_request_id:t.id,tab:K.G.MANUAL_TASK}})},children:"View all tasks for this request →"})})]})]}),d&&(0,r.jsxs)(o.xuv,{children:[(0,r.jsxs)(o.kCb,{alignItems:"center",style:{marginBottom:12},children:[(0,r.jsx)(o.AntTypography.Title,{level:4,style:{margin:0,marginRight:8},children:"Manual steps (legacy)"}),(0,r.jsx)(V.b,{label:"This is the legacy manual steps feature. The new manual tasks feature provides more advanced capabilities and better user experience."})]}),(0,r.jsx)(er,{subjectRequest:t,onComplete:i||(()=>{})})]})]}):(0,r.jsx)(o.xuv,{p:4,children:(0,r.jsx)(o.AntTypography.Text,{type:"secondary",children:"No manual tasks or legacy manual steps configured for this request."})})},ec=i(59969);let ed={approved:{color:"success",label:"Approved"},complete:{color:"success",label:"Completed"},awaiting_email_send:{color:"marble",label:"Awaiting Email Send"},denied:{color:"warning",label:"Denied"},canceled:{color:"marble",label:"Canceled"},error:{color:"error",label:"Error"},in_processing:{color:"caution",label:"In Progress"},paused:{color:"marble",label:"Paused"},pending:{color:"info",label:"New"},identity_unverified:{color:"marble",label:"Unverified"},requires_input:{color:"minos",label:"Requires Input"}};var eu=e=>{let{status:t}=e;return(0,r.jsx)(o.j8w,{color:ed[t].color,className:"justify-center","data-testid":"request-status-badge",children:ed[t].label})},ep=i(18225),em=i(812),eh=i(7842);let{useGetAttachmentsQuery:ex,useUploadAttachmentMutation:eg,useGetAttachmentDetailsQuery:ej,useLazyGetAttachmentDetailsQuery:ey}=E.u.injectEndpoints({endpoints:e=>({getAttachments:e.query({query:e=>{let{privacy_request_id:t,page:i=1,size:n}=e;return{url:"plus/privacy-request/".concat(t,"/attachment"),method:"GET",params:{page:i,size:n}}},providesTags:["Privacy Request Attachments"]}),uploadAttachment:e.mutation({query:e=>{let{privacy_request_id:t,attachment_type:i,attachment_file:n}=e,s=new FormData;return s.append("attachment_type",i),s.append("attachment_file",n),{url:"plus/privacy-request/".concat(t,"/attachment"),method:"POST",body:s,params:{}}},invalidatesTags:["Privacy Request Attachments"]}),getAttachmentDetails:e.query({query:e=>{let{privacy_request_id:t,attachment_id:i}=e;return{url:"plus/privacy-request/".concat(t,"/attachment/").concat(i),method:"GET"}}})})}),{reducer:ev}=(0,C.oM)({name:"privacyRequestAttachments",initialState:{},reducers:{}}),ef=e=>{let{file:t}=e,[i,n]=(0,h.useState)(!1),[s]=ey(),a=async()=>{var e,i,a;if((null===(e=t.customData)||void 0===e?void 0:e.attachment_id)&&(null===(i=t.customData)||void 0===i?void 0:i.privacy_request_id)){n(!0);try{let e=await s({privacy_request_id:t.customData.privacy_request_id,attachment_id:t.customData.attachment_id}),i=null===(a=e.data)||void 0===a?void 0:a.retrieved_attachment_url,n=null==i?void 0:i.startsWith("http");i&&n?window.open(i,"_blank"):i&&!n?o.Pg3.info("Download is not available when using local storage methods."):o.Pg3.error("No download URL available for ".concat(t.name))}catch(e){o.Pg3.error("Failed to fetch attachment download URL")}finally{n(!1)}}};return(0,r.jsxs)(o.jqI,{align:"center",gap:8,children:[(0,r.jsx)(o.PJP.PgN,{className:"shrink-0"}),(0,r.jsx)(o.lKn,{ellipsis:{tooltip:t.name},className:"grow",children:t.name}),(0,r.jsx)(o.wpx,{type:"text",icon:(0,r.jsx)(o.PJP.UWx,{}),onClick:a,loading:i,className:"shrink-0"})]})},e_=(e,t)=>(0,r.jsx)(ef,{file:t});var eb=e=>{let{subjectRequest:t}=e,[i,n]=(0,h.useState)(!1),s=(0,g.Tg)([x.Sh.ATTACHMENT_READ]),a=(0,g.Tg)([x.Sh.ATTACHMENT_CREATE]),[l]=eg(),{data:c,isLoading:d,error:u}=(0,X.PW)(),{data:p,isLoading:m}=ex({privacy_request_id:t.id}),{refetch:j}=ex({privacy_request_id:t.id}),y=(null==p?void 0:p.items.map(e=>({uid:e.id,name:e.file_name,status:"done",customData:{attachment_id:e.id,privacy_request_id:t.id}})))||[],v=(0,h.useCallback)(()=>(0,r.jsx)(o.PJP.PgN,{}),[]);if(!s)return null;let f=a&&(null==c?void 0:c.key),_=[".pdf",".doc",".docx",".xls",".xlsx",".txt",".csv",".jpg",".jpeg",".png",".zip"];return(0,r.jsx)("div",{children:(0,r.jsxs)("div",{className:"mt-6",children:[(0,r.jsx)("div",{className:"mb-6",children:(0,r.jsx)(o.lQT,{level:3,children:"Attachments"})}),d||m?(0,r.jsx)(ep.Z,{size:"md",alignment:"start"}):(0,r.jsx)(o.pMK,{name:"attachment_file",fileList:y,iconRender:v,showUploadList:{showRemoveIcon:!1,showDownloadIcon:!1},itemRender:e_,accept:_.join(","),customRequest:async e=>{let{file:i,onSuccess:s,onError:a}=e,r=i.name;try{n(!0),await l({privacy_request_id:t.id,attachment_file:i,attachment_type:eh.s.INTERNAL_USE_ONLY}).unwrap(),o.Pg3.success("".concat(r," file uploaded successfully")),j(),null==s||s(i)}catch(e){o.Pg3.error("".concat(r," file upload failed.")),null==a||a(e)}finally{n(!1)}},disabled:!f,children:a&&(0,r.jsx)(o.esZ,{title:u&&"Add attachment not available: ".concat((0,em.e$)(u)),placement:"top",children:(0,r.jsxs)(o.jqI,{align:"center",gap:12,className:"mb-4",children:[(0,r.jsx)(o.wpx,{icon:(0,r.jsx)(o.PJP.mm_,{}),iconPosition:"end",disabled:!f||i,loading:i,children:i?"Uploading":"Add"}),(0,r.jsx)(V.b,{label:"Uploaded attachments are for internal use and won't be send as part of the request package.\n                      Accepted filetypes: ".concat(_.join(", ")),placement:"top"})]})})})]})})},ew=i(15709),eT=i.n(ew),eR=e=>{let{label:t,children:i}=e;return(0,r.jsxs)("div",{className:"flex items-center",children:[(0,r.jsx)("div",{className:"shrink-0 grow-0 basis-1/2 pr-2 ".concat(eT().label),children:(0,r.jsxs)(o.AntTypography.Text,{children:[t,":"]})}),(0,r.jsx)("div",{className:"min-w-0 shrink grow ".concat(eT().value),"data-testid":"request-detail-value-".concat(t),children:i})]})},eq=e=>{let{subjectRequest:t}=e,{custom_privacy_request_fields:i}=t;return(0,r.jsx)("div",{className:"flex flex-col gap-2",children:i&&Object.keys(i).length>0&&Object.entries(i).filter(e=>{let[,t]=e;return t.value}).map(e=>{let[t,i]=e;return(0,r.jsx)(eR,{label:i.label,children:(0,r.jsx)(o.AntTypography.Text,{children:Array.isArray(i.value)?i.value.join(", "):i.value})},t)})})},eC=e=>{let{subjectRequest:t}=e,{plus:i}=(0,q.hz)(),{id:n,status:s,policy:a,identity:l,identity_verified_at:c}=t;return(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"mb-6",children:(0,r.jsx)(o.AntTypography.Title,{level:2,children:"Request details"})}),(0,r.jsxs)(o.jqI,{vertical:!0,gap:12,className:"mb-6",children:[(0,r.jsx)(eR,{label:"Status",children:(0,r.jsx)(eu,{status:s})}),(0,r.jsx)(eR,{label:"Time remaining",children:(0,r.jsx)(ec.Z,{daysLeft:t.days_left,includeText:!0,status:t.status})}),(0,r.jsx)(eR,{label:"Request type",children:(0,r.jsx)(et,{rules:a.rules})}),(0,r.jsx)(eR,{label:"Source",children:i&&(0,r.jsx)(o.AntTypography.Text,{children:t.source||"-"})}),Object.entries(l).filter(e=>{let[,{value:t}]=e;return null!==t}).map(e=>{let[t,{value:i="",label:n}]=e,s="".concat(i).concat(c?"":" (Unverified)");return(0,r.jsx)(eR,{label:"Subject ".concat(n.toLocaleLowerCase()),children:(0,r.jsx)(o.esZ,{title:s,trigger:"click",children:(0,r.jsx)(o.AntTypography.Text,{ellipsis:!0,children:s})})},t)}),(0,r.jsx)(eq,{subjectRequest:t})]}),(0,r.jsxs)(o.PPS,{layout:"vertical",children:[(0,r.jsx)(o.PPS.Item,{label:"Request ID:",className:"mb-4",children:(0,r.jsx)(o.jqI,{gap:1,children:(0,r.jsxs)(o.vyj.Compact,{style:{width:"100%"},children:[(0,r.jsx)(o.uFc,{readOnly:!0,value:n,"data-testid":"request-detail-value-id"}),(0,r.jsx)(o.wpx,{icon:(0,r.jsx)(D.Z,{copyText:n})})]})})}),(0,r.jsx)(o.PPS.Item,{label:"Policy key:",className:"mb-4",children:(0,r.jsx)(o.uFc,{readOnly:!0,value:t.policy.key,"data-testid":"request-detail-value-policy"})})]}),(0,r.jsx)(eb,{subjectRequest:t})]})},eE=e=>{var t;let{data:i}=e,n=(0,h.useMemo)(()=>({id:i.id,verbose:!0}),[i.id]),{data:s}=(0,m.QA)(n,{pollingInterval:i.status===x.q2.APPROVED||i.status===x.q2.IN_PROCESSING?2e3:0,skip:!i.id}),a=null!==(t=null==s?void 0:s.items[0])&&void 0!==t?t:i,l=a.status===x.q2.REQUIRES_INPUT,[c,d]=(0,h.useState)("activity"),u=(0,h.useMemo)(()=>[{key:"activity",label:"Activity",children:(0,r.jsx)(J,{subjectRequest:a})},{key:"manual-tasks",label:"Manual tasks",children:(0,r.jsx)(eo,{subjectRequest:a,onComplete:()=>d("activity")}),disabled:!l}],[l,a]);return(0,r.jsxs)("div",{className:"flex gap-8",children:[(0,r.jsx)("div",{className:"flex-1",children:(0,r.jsx)(o.A5g,{items:u,activeKey:c,onChange:d})}),(0,r.jsx)("div",{className:"w-1/3 2xl:w-[432px]","data-testid":"privacy-request-details",children:(0,r.jsx)(eC,{subjectRequest:a})})]})},eA=i(57526),ek=i(66548),eS=i(45489),eN=e=>{let{privacyRequest:t,action:i}=e,{handleApproveRequest:n,handleDenyRequest:s}=(0,eS.Z)({subjectRequest:t}),a=t.status===x.q2.PENDING,l=(0,o.qY0)(),r=async e=>{let{reason:t}=e,a=o.Pg3.loading({content:"approve"===i?"Approving request...":"Denying request..."});"deny"===i&&await s(t),"approve"===i&&await n(),a()};return{showAction:a,closeModal:l.onClose,performAction:r,openConfirmationModal:l.onOpen,isModalOpen:l.isOpen}},eP=e=>{var t,i,n;let{privacyRequest:s}=e,a=null===(i=(0,q.hz)())||void 0===i?void 0:null===(t=i.flags)||void 0===t?void 0:t.downloadAccessRequestResults,l=s.status===x.q2.COMPLETE,r=ee(s.policy.rules).includes(x.Us.ACCESS),o=(0,g.Tg)([x.Sh.PRIVACY_REQUEST_ACCESS_RESULTS_READ]),{data:c,isLoading:d,isError:u,error:p}=(0,X.br)({privacy_request_id:s.id}),m=null!==(n=null==c?void 0:c.access_result_urls[0])&&void 0!==n?n:"",h=!!m&&"your local fides_uploads folder"!==m,j=null;return u?j=(0,em.e$)(p,"Unable to resolve download URL"):h||(j="Requests stored locally cannot be downloaded"),{showDownloadResults:a&&o&&r&&l,downloadResults:()=>{let e=document.createElement("a");e.href=m,e.target="_blank",e.rel="noopener noreferrer",e.click(),e.remove()},infoTooltip:j,isLoading:d,isDisabled:!h}},eI=e=>{let{privacyRequest:t}=e,{errorAlert:i,successAlert:n}=(0,Q.V)(),s=t.status===x.q2.ERROR,[a]=(0,X.Fq)();return{reprocessPrivacyRequest:async()=>{if(!t)return;let e=o.Pg3.loading("Reprocessing privacy request...",0),s=await a(t);"error"in s?i((0,em.e$)(s.error),"DSR automation has failed for this privacy request due to the following:",{duration:null}):n("Privacy request is now being reprocessed."),e()},showReprocess:s}},eO=e=>{let{privacyRequest:t}=e,{showDownloadResults:i,downloadResults:n,infoTooltip:s,isDisabled:a}=eP({privacyRequest:t}),{isModalOpen:l,closeModal:c,performAction:d,openConfirmationModal:u,showAction:p}=eN({privacyRequest:t,action:"approve"}),{isModalOpen:m,closeModal:x,performAction:g,openConfirmationModal:j,showAction:y}=eN({privacyRequest:t,action:"deny"}),{reprocessPrivacyRequest:v,showReprocess:f}=eI({privacyRequest:t}),_=(0,h.useMemo)(()=>{let e=[];return e.push({key:"approve",label:(0,r.jsx)("span",{"data-testid":"privacy-request-approve-btn",children:"Approve"}),onClick:u,disabled:!p}),e.push({key:"deny",label:(0,r.jsx)("span",{"data-testid":"privacy-request-deny-btn",children:"Deny"}),onClick:j,disabled:!y}),e.push({key:"reprocess",label:(0,r.jsx)("span",{"data-testid":"privacy-request-action-reprocess",children:"Reprocess"}),onClick:v,disabled:!f}),i&&e.push({key:"download",label:(0,r.jsx)(o.esZ,{title:a?s:null,placement:"bottom",children:(0,r.jsx)("span",{"data-testid":"download-results-btn",children:"Download request results"})}),onClick:n,disabled:a}),e},[i,n,s,a,p,y,u,j,f,v]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(o.S0p,{menu:{items:_},trigger:["click"],overlayStyle:{minWidth:"160px"},children:(0,r.jsx)(o.wpx,{icon:(0,r.jsx)(o.PJP.pO,{}),"data-testid":"privacy-request-actions-dropdown-btn",iconPosition:"end",type:"primary",disabled:!_.length,size:"large",children:"Actions"})}),(0,r.jsx)(eA.Z,{isOpen:l,isLoading:!1,onClose:c,onApproveRequest:()=>d({reason:""}),subjectRequest:t}),(0,r.jsx)(ek.Z,{isOpen:m,onClose:x,onDenyRequest:e=>g({reason:e})})]})},eD=()=>{let e=(0,c.useRouter)().query.id,{data:t,isLoading:i}=(0,m.QA)({id:e,verbose:!0},{skip:!e}),n=(null==t?void 0:t.items[0])||null;return(0,r.jsxs)(d.Z,{title:"Privacy Request - ".concat(e),children:[(0,r.jsx)(p.Z,{heading:"Privacy Requests",breadcrumbItems:[{title:"All requests",href:u.Jw},{title:"Request details"}],rightContent:!!n&&(0,r.jsx)(eO,{privacyRequest:n})}),i&&(0,r.jsx)(o.M5Y,{children:(0,r.jsx)(o.$jN,{})}),!i&&!n&&(0,r.jsx)(o.xvT,{children:"404 no privacy request found"}),!i&&n&&(0,r.jsx)(eE,{data:n})]})}},15709:function(e){e.exports={value:"RequestDetailsRow_value__WMXn3",label:"RequestDetailsRow_label__dn3CQ"}},38450:function(e){e.exports={container:"ActivityTimelineEntry_container__tCva0","container--open":"ActivityTimelineEntry_container--open__1d9mA",itemButton:"ActivityTimelineEntry_itemButton__MlmWS","itemButton--error":"ActivityTimelineEntry_itemButton--error__UizD2","itemButton--comment":"ActivityTimelineEntry_itemButton--comment__g98SH","itemButton--awaiting-input":"ActivityTimelineEntry_itemButton--awaiting-input__6lB5t",header:"ActivityTimelineEntry_header__GYibj",title:"ActivityTimelineEntry_title__rm_g0","title--error":"ActivityTimelineEntry_title--error__fOi0s","title--awaiting-input":"ActivityTimelineEntry_title--awaiting-input__3sPAo",timestamp:"ActivityTimelineEntry_timestamp__uMEMT",viewLogs:"ActivityTimelineEntry_viewLogs___T4jN",logs:"ActivityTimelineEntry_logs__T7R0J","logs--open":"ActivityTimelineEntry_logs--open__o_9Io"}}},function(e){e.O(0,[3988,2888,9774,179],function(){return e(e.s=6554)}),_N_E=e.O()}]);