ethyca-fides 2.67.3b1__py2.py3-none-any.whl → 2.68.0rc0__py2.py3-none-any.whl

fides/ui-build/static/admin/_next/static/chunks/pages/poc/form-experiments/{FormikAntFormItem-b0f246fc3b67ebf7.js → FormikAntFormItem-a504941807bdb7f1.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(27824),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-1a0852b090bfc392.js → FormikControlled-0119403c8ff97f83.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(27824),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-11f3de1b45e36583.js → FormikField-94f6d57d6c94ddf7.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(27824),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-1b73a1c2b6c6285f.js → forms-ed1a3ae09d72df89.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(27824),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(27824),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(27824),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(27824),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(27824),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-05616e2ae20ff4f8.js → table-migration-e8db3ad525e7ddbd.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:m,Paragraph:g}=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),[I,T]=(0,i.useState)(1),[N,S]=(0,i.useState)(),[O,A]=(0,i.useState)({});(0,x.fd)();let z=(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)(()=>z.map(e=>({text:e.name||e.fides_key,value:e.fides_key})),[z]),{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:I,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!==I&&T(1)},300);return()=>clearTimeout(e)},[y]);let B=(0,i.useCallback)(e=>{C(e.target.value)},[]),K=e=>{S(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)(m,{children:"Table Migration POC"})}),(0,n.jsx)(g,{className:"mb-6",children:"This is a demonstration of migrating the ConsentManagementTable from TanStack Table to Ant Design Table with built-in filtering."}),L&&N?(0,n.jsx)(p.m,{isOpen:L,fidesKey:N,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:()=>{A({})},children:"Clear filters"})]})]}),(0,n.jsx)(l.V5H,{dataSource:D,columns:W,loading:R,rowKey:"id",pagination:{current:I,pageSize:k,total:Z},onChange:(e,s)=>{T(e.current),w(e.pageSize),A(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(27824),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(27824),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:m,Paragraph:g}=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),[I,T]=(0,i.useState)(1),[N,S]=(0,i.useState)(),[O,A]=(0,i.useState)({});(0,x.fd)();let z=(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)(()=>z.map(e=>({text:e.name||e.fides_key,value:e.fides_key})),[z]),{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:I,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!==I&&T(1)},300);return()=>clearTimeout(e)},[y]);let B=(0,i.useCallback)(e=>{C(e.target.value)},[]),K=e=>{S(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)(m,{children:"Table Migration POC"})}),(0,n.jsx)(g,{className:"mb-6",children:"This is a demonstration of migrating the ConsentManagementTable from TanStack Table to Ant Design Table with built-in filtering."}),L&&N?(0,n.jsx)(p.m,{isOpen:L,fidesKey:N,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:()=>{A({})},children:"Clear filters"})]})]}),(0,n.jsx)(l.V5H,{dataSource:D,columns:W,loading:R,rowKey:"id",pagination:{current:I,pageSize:k,total:Z},onChange:(e,s)=>{T(e.current),w(e.pageSize),A(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]-c14dd24592369467.js

@@ -0,0 +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(8063)}])},77213:function(e,t,i){"use strict";i.d(t,{Z:function(){return m}});var s=i(24246),n=i(27824),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,s.jsx)(n.xuv,{bg:"gray.50",border:"1px solid",borderColor:"blue.400",borderRadius:"md",justifyContent:"space-between",p:5,mb:5,mt:5,children:(0,s.jsxs)(n.xuv,{children:[(0,s.jsxs)(n.Kqy,{direction:{base:"column",sm:"row"},justifyContent:"space-between",children:[(0,s.jsx)(n.xvT,{fontWeight:"semibold",children:"Configure your storage and messaging provider"}),(0,s.jsx)(n.wpx,{onClick:()=>{e.push(d.fz)},children:"Configure"})]}),(0,s.jsxs)(n.xvT,{children:["Before Fides can process your privacy requests we need two simple steps to configure your storage and email client."," "]})]})})},m=e=>{let{children:t,title:i,padded:a=!0,mainProps:d}=e,m=(0,o.hz)(),p=(0,r.useRouter)(),h="/privacy-requests"===p.pathname||"/datastore-connection"===p.pathname,x=!(m.flags.privacyRequestsConfiguration&&h),{data:g}=(0,c.JE)(void 0,{skip:x}),{data:j}=(0,c.PW)(void 0,{skip:x}),v=m.flags.privacyRequestsConfiguration&&(!g||!j)&&h;return(0,s.jsxs)(n.kCb,{"data-testid":i,direction:"column",h:"100vh",children:[(0,s.jsxs)(l(),{children:[(0,s.jsxs)("title",{children:["Fides Admin UI - ",i]}),(0,s.jsx)("meta",{name:"description",content:"Privacy Engineering Platform"}),(0,s.jsx)("link",{rel:"icon",href:"/favicon.ico"})]}),(0,s.jsxs)(n.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:[v?(0,s.jsx)(u,{}):null,t]})]})}},8063:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return eB}});var s,n,a,l,r=i(24246),o=i(27824),c=i(86677),d=i(77213),u=i(77830),m=i(58754),p=i(99716),h=i(27378),x=i(54682),g=i(19904);(s=a||(a={})).IN_PROCESSING="in_processing",s.PENDING="pending",s.COMPLETE="complete",s.ERROR="error",s.PAUSED="paused",s.AWAITING_PROCESSING="awaiting_processing",s.RETRYING="retrying",s.SKIPPED="skipped";let j={in_processing:"In processing",pending:"Pending",complete:"Complete",error:"Error",paused:"Paused",awaiting_processing:"Awaiting input",retrying:"Retrying",skipped:"Skipped"},v={error:"error",skipped:"warning",awaiting_processing:"minos",in_processing:void 0,pending:void 0,complete:void 0,paused:void 0,retrying:void 0};(n=l||(l={})).REQUEST_UPDATE="Request update",n.INTERNAL_COMMENT="Internal comment",n.MANUAL_TASK="Manual task";let y={"Request update":"sandstone","Internal comment":"marble","Manual task":"nectar"};var f=i(90005),_=i.n(f),b=i(16394),T=i(38450),w=i.n(T);let E=e=>{let{attachments:t}=e;if(!t.length)return null;if(1===t.length){let e=t[0];return(0,r.jsx)("div",{className:"flex flex-wrap gap-2 text-sm text-gray-600","data-testid":"activity-timeline-attachments",children:(0,r.jsxs)("div",{className:"flex items-center",children:[(0,r.jsx)(o.PJP.PgN,{className:"mr-1 size-4"}),(0,r.jsx)(o.AntTypography.Text,{ellipsis:{tooltip:!0},className:"!max-w-[200px]",children:e.file_name})]})})}let i=(0,r.jsx)("ul",{className:"list-disc pl-4",children:t.map(e=>(0,r.jsx)("li",{children:e.file_name},e.id))});return(0,r.jsx)("div",{className:"flex flex-wrap gap-2 text-sm text-gray-600","data-testid":"activity-timeline-attachments",children:(0,r.jsxs)("div",{className:"flex items-center",children:[(0,r.jsx)(o.PJP.PgN,{className:"mr-1 size-4"}),(0,r.jsx)(o.esZ,{title:i,children:(0,r.jsxs)(o.AntTypography.Text,{ellipsis:!0,className:"!max-w-[200px]",children:[t.length," attachments"]})})]})})};var R=e=>{let{item:t}=e,{author:i,title:s,date:n,type:a,onClick:c,isError:d,isAwaitingInput:u,description:m,attachments:p,showViewLog:h}=t,x=(0,b.p6)(n),g=!!c,j=p&&p.length>0,v=(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:w().header,children:[(0,r.jsxs)("span",{className:w().author,"data-testid":"activity-timeline-author",children:[i,":"]}),s&&(0,r.jsxs)(o.AntTypography.Text,{className:_()(w().title,{[w()["title--error"]]:d,[w()["title--awaiting-input"]]:u}),ellipsis:{tooltip:!0},"data-testid":"activity-timeline-title",children:[s,d&&" failed"]}),(0,r.jsx)("div",{className:"hidden xl:block",children:(0,r.jsx)(o.AntTypography.Text,{className:w().timestamp,"data-testid":"activity-timeline-timestamp",children:x})}),(0,r.jsx)("div",{className:"xl:hidden",children:(0,r.jsx)(o.esZ,{title:x,children:(0,r.jsx)(o.PJP.qpU,{"data-testid":"activity-timeline-timestamp-icon"})})}),(0,r.jsx)(o.j8w,{className:w().type,color:y[a],"data-testid":"activity-timeline-type",children:a}),h&&(0,r.jsx)("span",{className:w().viewLogs,"data-testid":"activity-timeline-view-logs",children:"View Log"})]}),(m||j)&&(0,r.jsxs)("div",{className:"mt-2 flex justify-between pl-2.5 align-top",children:[(0,r.jsx)(o.AntTypography.Paragraph,{className:"!mb-0 whitespace-pre-wrap","data-testid":"activity-timeline-description",children:m||""}),j&&(0,r.jsx)(E,{attachments:p})]})]}),f={className:_()(w().itemButton,{[w()["itemButton--error"]]:d,[w()["itemButton--awaiting-input"]]:u,[w()["itemButton--clickable"]]:g,[w()["itemButton--comment"]]:a===l.INTERNAL_COMMENT,[w()["itemButton--manual-task"]]:a===l.MANUAL_TASK}),"data-testid":"activity-timeline-item"};return g?(0,r.jsx)("button",{type:"button",onClick:c,...f,children:v}):(0,r.jsx)("div",{...f,children:v})},A=i(25980),k=i(54427),C=i(78780);let{useGetCommentsQuery:S,useCreateCommentMutation:q,useGetCommentDetailsQuery:N,useLazyGetCommentDetailsQuery:P}=C.u.injectEndpoints({endpoints:e=>({getComments:e.query({query:e=>{let{privacy_request_id:t,page:i=1,size:s}=e;return{url:"plus/privacy-request/".concat(t,"/comment"),method:"GET",params:{page:i,size:s}}},providesTags:["Privacy Request Comments"]}),createComment:e.mutation({query:e=>{let{privacy_request_id:t,comment_text:i,comment_type:s}=e,n=new FormData;return n.append("comment_text",i),n.append("comment_type",s),{url:"plus/privacy-request/".concat(t,"/comment"),method:"POST",body:n,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:I}=(0,k.oM)({name:"privacyRequestComments",initialState:{},reducers:{}}),O=e=>{let{plus:t}=(0,A.hz)(),{data:i,isLoading:s,error:n}=S({privacy_request_id:e,size:100},{skip:!t});return(0,h.useEffect)(()=>{n&&o.Pg3.error("Failed to fetch the request comments")},[n]),{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:s}},D=e=>{let t=!e;return{eventItems:e?Object.entries(e).map(e=>{let[t,i]=e,s=i.some(e=>e.status===a.ERROR),n=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:s||n||r,onClick:()=>{},isError:s,isSkipped:n,isAwaitingInput:r,id:"request-".concat(t)}}):[],isLoading:t}};var U=i(91317),M=i(45116);let z=e=>{let{plus:t}=(0,A.hz)(),{data:i,isLoading:s,error:n}=(0,M.Ym)({page:1,size:100,privacyRequestId:e,status:void 0,includeFullSubmissionDetails:!0},{skip:!t});return(0,h.useEffect)(()=>{n&&o.Pg3.error("Failed to fetch manual tasks")},[n]),{manualTaskItems:i?i.items.filter(e=>e.status===x.OS.COMPLETED||e.status===x.OS.SKIPPED).map(e=>{var t,i;let s=e.submission_user?(0,b.gJ)(e.submission_user):"Unknown User";(0,U.PN)(null===(t=e.submission_user)||void 0===t?void 0:t.id)&&(s=(null===(i=e.submission_user)||void 0===i?void 0:i.id)||"Unknown User");let n=e.status===x.OS.SKIPPED,a="Task ".concat(n?"skipped":"completed"," - ").concat(e.name),r=e.comments&&e.comments.length>0?e.comments[e.comments.length-1].comment_text:void 0,o=e.attachments||[];return{author:s,title:a,date:new Date(e.updated_at),type:l.MANUAL_TASK,showViewLog:!1,description:r,isError:!1,isSkipped:n,isAwaitingInput:!1,id:"manual-task-".concat(e.manual_field_id),attachments:o}}):[],taskCommentIds:(0,h.useMemo)(()=>{let e=new Set;return(null==i?void 0:i.items)&&i.items.filter(e=>e.status===x.OS.COMPLETED||e.status===x.OS.SKIPPED).forEach(t=>{var i;null===(i=t.comments)||void 0===i||i.forEach(t=>{e.add(t.id)})}),e},[i]),isLoading:s}};var L=i(88340),W=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:v[i],children:j[i]}),(0,r.jsx)(o.xuv,{padding:"0px",marginBottom:"3px",children:(0,r.jsx)(L.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})})]})},B=i(3124),F=i.n(B);let Z=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}},J=e=>{if(e.status!==a.COMPLETE||!e.collection_name)return"-";let t=(e.message||"").match(/(?:retrieved|masked|processed)\s+(\d+)\s+records?$/i);return t?parseInt(t[1],10).toLocaleString():"-"},G=(e,t)=>{let i=e.filter(e=>e.action_type===t&&e.status===a.COMPLETE&&e.collection_name).sort((e,t)=>new Date(t.updated_at).getTime()-new Date(e.updated_at).getTime()),s={};i.forEach(e=>{let t=e.collection_name||"unknown";s[t]||(s[t]=e)});let n=0,l=!1,r=/(?:retrieved|masked|processed)\s+(\d+)\s+records?$/i;return Object.values(s).forEach(e=>{if(e.message){let t=e.message.match(r);if(t){l=!0;let e=parseInt(t[1],10);n+=e}}}),l?n:null},K=(e,t,i)=>{if("finished"===e.status&&!e.collection_name&&i){let e=G(t,i);return null!==e?e.toLocaleString():"-"}return J(e)};var H=e=>{var t,i,s;let{eventLogs:n,allEventLogs:l,onDetailPanel:c,privacyRequest:d}=e,u=(null==n?void 0:n.some(e=>e.collection_name))||(null==n?void 0:n.some(e=>"finished"===e.status&&!e.collection_name))||!1,m=null==n?void 0:n.every(e=>"finished"===e.status&&!e.collection_name),p=null==d?void 0:null===(s=d.policy)||void 0===s?void 0:null===(i=s.rules)||void 0===i?void 0:null===(t=i[0])||void 0===t?void 0:t.action_type,h=e=>e?Z(e):p?Z(p):"-",x=null==n?void 0:n.map(e=>(0,r.jsxs)(o.Tr,{backgroundColor:e.status===a.ERROR||e.status===a.SKIPPED&&e.message||e.status===a.AWAITING_PROCESSING?F().FIDESUI_NEUTRAL_50:"unset",onClick:()=>{(e.status===a.ERROR||e.status===a.SKIPPED&&e.message||e.status===a.AWAITING_PROCESSING)&&c(e.message,e.status)},style:{cursor:e.message?"pointer":"unset"},_hover:{backgroundColor:F().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:h(e.action_type)})}),u&&!m&&(0,r.jsx)(o.Td,{children:j[e.status]?(0,r.jsx)(o.j8w,{color:v[e.status],children:j[e.status]}):(0,r.jsx)(o.xvT,{color:"gray.600",fontSize:"xs",lineHeight:"4",fontWeight:"medium",children:e.status})}),u&&(0,r.jsx)(o.Td,{children:(0,r.jsx)(o.xvT,{color:"gray.600",fontSize:"xs",lineHeight:"4",fontWeight:"medium",children:K(e,l||n,p)})}),u&&!m&&(0,r.jsx)(o.Td,{children:(0,r.jsx)(o.xvT,{color:"gray.600",fontSize:"xs",lineHeight:"4",fontWeight:"medium",children:"finished"===e.status?"Request completed":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",zIndex:10,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"})}),u&&!m&&(0,r.jsx)(o.Th,{children:(0,r.jsx)(o.xvT,{color:"black",fontSize:"xs",lineHeight:"4",fontWeight:"medium",children:"Status"})}),u&&(0,r.jsx)(o.Th,{children:(0,r.jsx)(o.xvT,{color:"black",fontSize:"xs",lineHeight:"4",fontWeight:"medium",children:"Records"})}),u&&!m&&(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:x})]})})})},V=e=>{let{isOpen:t,onClose:i,currentLogs:s,allEventLogs:n,isViewingError:l,errorMessage:c,currentStatus:d=a.ERROR,onCloseErrorPanel:u,onOpenErrorPanel:m,privacyRequest:p}=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:[l&&(0,r.jsx)(o.wpx,{icon:(0,r.jsx)(o.Rpv,{}),"aria-label":"Close error logs",size:"small",onClick:u}),(0,r.jsx)(o.xvT,{color:"gray.900",fontSize:"md",lineHeight:"6",fontWeight:"medium",ml:1,children:l?"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:[s&&!l?(0,r.jsx)(H,{eventLogs:s,allEventLogs:n,onDetailPanel:m,privacyRequest:p}):null,l?(0,r.jsx)(W,{errorMessage:c,status:d}):null]})]})]})},Y=e=>{let{subjectRequest:t}=e,{isOpen:i,onOpen:s,onClose:n}=(0,o.qY0)(),[c,d]=(0,h.useState)([]),[u,m]=(0,h.useState)(""),[p,x]=(0,h.useState)(!1),[g,j]=(0,h.useState)(""),[v,y]=(0,h.useState)(a.ERROR),{results:f,id:_}=t,{commentItems:b,isLoading:T}=O(_),{eventItems:E,isLoading:A}=D(f),{manualTaskItems:k,taskCommentIds:C,isLoading:S}=z(_);(0,h.useEffect)(()=>{u&&f&&f[u]&&d(f[u])},[f,u]);let q=()=>{x(!1)},N=(0,h.useCallback)((e,t)=>{m(e),d(t),s()},[s]),P=(0,h.useMemo)(()=>f?Object.values(f).flat():[],[f]),I=(0,h.useMemo)(()=>b.filter(e=>{let t=e.id.replace("comment-","");return!C.has(t)}),[b,C]),U=(0,h.useMemo)(()=>{let e=E.map(e=>{if("Request update"===e.type&&e.title&&f){let t=e.title;if(f[t])return{...e,onClick:()=>N(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,...I,...k].sort((e,t)=>new Date(e.date).getTime()-new Date(t.date).getTime())},[E,I,k,f,N,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:T||A||S?(0,r.jsx)("div",{className:w().itemButton,"data-testid":"timeline-skeleton",children:(0,r.jsx)(o.N_L,{paragraph:{rows:2},active:!0})}):U.map(e=>(0,r.jsx)("li",{children:(0,r.jsx)(R,{item:e})},e.id))})}),(0,r.jsx)(V,{isOpen:i,onClose:()=>{p&&q(),m(""),n()},currentLogs:c,allEventLogs:P,isViewingError:p,errorMessage:g,currentStatus:v,onOpenErrorPanel:(e,t)=>{j(e),t&&y(t),x(!0)},onCloseErrorPanel:q,privacyRequest:t})]})},Q=i(66187);let $=e=>{let{privacyRequestId:t,onCancel:i}=e,[s,n]=(0,h.useState)(""),a=(0,h.useRef)(null),[l,{isLoading:c}]=q();(0,h.useEffect)(()=>{a.current&&a.current.focus()},[]);let d=async()=>{if(s.trim())try{await l({privacy_request_id:t,comment_text:s,comment_type:Q.i.NOTE}).unwrap(),n(""),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:s,onChange:e=>n(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:!s.trim(),type:"primary",htmlType:"button","data-testid":"submit-comment-button",children:"Save"})]})]})};var X=e=>{let{subjectRequest:t}=e,[i,s]=(0,h.useState)(!1);return(0,r.jsxs)("div",{className:"w-full",children:[(0,r.jsx)(Y,{subjectRequest:t}),i?(0,r.jsx)($,{privacyRequestId:t.id,onCancel:()=>s(!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:()=>s(!0),className:"flex items-center","data-testid":"add-comment-button",children:["Add comment ",(0,r.jsx)("span",{className:"ml-1",children:"+"})]})})})]})},ee=i(14207),et=i(46238),ei=i(72281),es=i(14047),en=i(90867),ea=i(16134);let el=e=>Array.from(new Set(e.filter(e=>Object.values(x.Us).includes(e.action_type)).map(e=>e.action_type)));var er=e=>{let{rules:t}=e,i=el(t).map(e=>(0,b.kC)(e)).map(e=>e);return(0,r.jsx)(o.AntTypography.Text,{children:i.join(" - ")})},eo=i(34090),ec=i(55484),ed=e=>{let{connectorName:t,data:i,isSubmitting:s=!1,onSaveClick:n}=e,{isOpen:a,onOpen:l,onClose:c}=(0,o.qY0)(),d=(0,h.useRef)(null),u=async(e,t)=>{n({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)(eo.J9,{enableReinitialize:!0,initialValues:{...i.fields},onSubmit:u,validateOnBlur:!1,validateOnChange:!1,validationSchema:ec.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)(eo.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)(eo.gN,{id:i,name:i,children:e=>{let{field:s}=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,{...s,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:s,htmlType:"submit",children:"Save"})]})})]})]})})]})},eu=e=>{let{connectorName:t,data:i,isSubmitting:s=!1,onSaveClick:n}=e,{isOpen:a,onOpen:l,onClose:c}=(0,o.qY0)(),d=(0,h.useRef)(null),u=async(e,t)=>{n({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)(eo.J9,{enableReinitialize:!0,initialValues:{...i.fields},onSubmit:u,validateOnBlur:!1,validateOnChange:!1,validationSchema:ec.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)(eo.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)(eo.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:s,htmlType:"submit",children:"Save"})]})})]})]})})]})};let em=(e,t,i)=>e.includes(x.Us.ACCESS)?{ProcessingDetailComponent:ed,uploadMutation:t,getUploadedWebhookDataEndpoint:en.$I.endpoints.getUploadedManualAccessWebhookData}:e.includes(x.Us.ERASURE)?{ProcessingDetailComponent:eu,uploadMutation:i,getUploadedWebhookDataEndpoint:en.$I.endpoints.getUploadedManualErasureWebhookData}:null;var ep=e=>{let{subjectRequest:t,onComplete:i}=e,s=(0,ea.T)(),{errorAlert:n,successAlert:a}=(0,es.V)(),{handleError:l}=(0,es.H)(),[c,d]=(0,h.useState)([]),[u,m]=(0,h.useState)(!1),[p,g]=(0,h.useState)(!1),{data:j,isFetching:v,isLoading:y,isSuccess:f}=(0,ee.W6)(),[_]=(0,en.w3)(),b=el(t.policy.rules),[T]=(0,en.nL)(),[w]=(0,en.UR)(),{ProcessingDetailComponent:E,uploadMutation:R,getUploadedWebhookDataEndpoint:A}=em(b,T,w),k=async()=>{try{m(!0),await _(t.id).unwrap(),a("Manual request has been received. Request now processing."),i()}catch(e){l(e)}finally{m(!1)}},C=async e=>{try{g(!0),await R(e).unwrap();let t={connection_key:e.connection_key,fields:{}};Object.entries(e.body).forEach(e=>{let[i,s]=e;t.fields[i]=s||""});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(s(A.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,s]=e;i.fields[t]=s||""}),t.push(i)}else n("An error occurred while loading manual input data for ".concat(j[i].connection_config.name))}),d(t)})})(),()=>{}),[j,c.length,s,n,f,t.id,A]),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:[(v||y)&&(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)(E,{connectorName:e.connection_config.name,data:c.find(t=>t.connection_key===e.connection_config.key),isSubmitting:p,onSaveClick:C}):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:k,className:"mt-2",children:"Complete DSR"})})})}):null]})}):null]})]}):null},eh=e=>{let{subjectRequest:t,onComplete:i}=e,s=(0,c.useRouter)(),{data:n}=(0,ee.AZ)({}),a=(0,h.useMemo)(()=>{var e;return(null==n?void 0:null===(e=n.items)||void 0===e?void 0:e.filter(e=>e.connection_type===x.Rj.MANUAL_TASK))||[]},[n]),{data:l}=(0,ee.W6)(),d=(l||[]).length>0,{data:m}=(0,M.Ym)({page:1,size:100,privacyRequestId:t.id}),p=(null==m?void 0:m.items)||[],g=p.length,j=p.filter(e=>e.status===x.OS.NEW).length,v=a.length>0;return v||d?(0,r.jsxs)(o.Kqy,{spacing:6,children:[v&&(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:()=>{s.push({pathname:u.Jw,query:{privacy_request_id:t.id,tab:ei.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)(et.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)(ep,{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."})})},ex=i(59969);let eg={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"},requires_manual_finalization:{color:"minos",label:"Requires Finalization"}};var ej=e=>{let{status:t}=e;return(0,r.jsx)(o.j8w,{color:eg[t].color,className:"justify-center","data-testid":"request-status-badge",children:eg[t].label})},ev=i(18225),ey=i(812),ef=i(7842);let{useGetAttachmentsQuery:e_,useUploadAttachmentMutation:eb,useGetAttachmentDetailsQuery:eT,useLazyGetAttachmentDetailsQuery:ew}=C.u.injectEndpoints({endpoints:e=>({getAttachments:e.query({query:e=>{let{privacy_request_id:t,page:i=1,size:s}=e;return{url:"plus/privacy-request/".concat(t,"/attachment"),method:"GET",params:{page:i,size:s}}},providesTags:["Privacy Request Attachments"]}),uploadAttachment:e.mutation({query:e=>{let{privacy_request_id:t,attachment_type:i,attachment_file:s}=e,n=new FormData;return n.append("attachment_type",i),n.append("attachment_file",s),{url:"plus/privacy-request/".concat(t,"/attachment"),method:"POST",body:n,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:eE}=(0,k.oM)({name:"privacyRequestAttachments",initialState:{},reducers:{}}),eR=e=>{var t;let{file:i}=e,[s,n]=(0,h.useState)(!1),[a]=ew(),l=async()=>{var e,t,s;if((null===(e=i.customData)||void 0===e?void 0:e.attachment_id)&&(null===(t=i.customData)||void 0===t?void 0:t.privacy_request_id)){n(!0);try{let e=await a({privacy_request_id:i.customData.privacy_request_id,attachment_id:i.customData.attachment_id}),t=null===(s=e.data)||void 0===s?void 0:s.retrieved_attachment_url,n=null==t?void 0:t.startsWith("http");t&&n?window.open(t,"_blank"):t&&!n?o.Pg3.info("Download is not available when using local storage methods."):o.Pg3.error("No download URL available for ".concat(i.name))}catch(e){o.Pg3.error("Failed to fetch attachment download URL")}finally{n(!1)}}},c=(null===(t=i.customData)||void 0===t?void 0:t.attachment_type)===x.sf.INCLUDE_WITH_ACCESS_PACKAGE;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:i.name},className:"grow",children:i.name}),c&&(0,r.jsx)(o.esZ,{title:"This attachment will be included in the access package.",children:(0,r.jsx)(o.PJP.wvC,{className:"shrink-0",title:"User icon"})}),(0,r.jsx)(o.wpx,{type:"text",icon:(0,r.jsx)(o.PJP.UWx,{}),onClick:l,loading:s,className:"shrink-0"})]})},eA=(e,t)=>(0,r.jsx)(eR,{file:t});var ek=e=>{let{subjectRequest:t}=e,[i,s]=(0,h.useState)(!1),n=(0,g.Tg)([x.Sh.ATTACHMENT_READ]),a=(0,g.Tg)([x.Sh.ATTACHMENT_CREATE]),[l]=eb(),{data:c,isLoading:d,error:u}=(0,en.PW)(),{data:m,isLoading:p}=e_({privacy_request_id:t.id}),{refetch:j}=e_({privacy_request_id:t.id}),v=(null==m?void 0:m.items.map(e=>({uid:e.id,name:e.file_name,status:"done",customData:{attachment_id:e.id,privacy_request_id:t.id,attachment_type:e.attachment_type}})))||[],y=(0,h.useCallback)(()=>(0,r.jsx)(o.PJP.PgN,{}),[]);if(!n)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||p?(0,r.jsx)(ev.Z,{size:"md",alignment:"start"}):(0,r.jsx)(o.pMK,{name:"attachment_file",fileList:v,iconRender:y,showUploadList:{showRemoveIcon:!1,showDownloadIcon:!1},itemRender:eA,accept:_.join(","),customRequest:async e=>{let{file:i,onSuccess:n,onError:a}=e,r=i.name;try{s(!0),await l({privacy_request_id:t.id,attachment_file:i,attachment_type:ef.s.INTERNAL_USE_ONLY}).unwrap(),o.Pg3.success("".concat(r," file uploaded successfully")),j(),null==n||n(i)}catch(e){o.Pg3.error("".concat(r," file upload failed.")),null==a||a(e)}finally{s(!1)}},disabled:!f,children:a&&(0,r.jsx)(o.esZ,{title:u&&"Add attachment not available: ".concat((0,ey.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)(et.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"})]})})})]})})},eC=i(15709),eS=i.n(eC),eq=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(eS().label),children:(0,r.jsxs)(o.AntTypography.Text,{children:[t,":"]})}),(0,r.jsx)("div",{className:"min-w-0 shrink grow ".concat(eS().value),"data-testid":"request-detail-value-".concat(t),children:i})]})},eN=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)(eq,{label:i.label,children:(0,r.jsx)(o.AntTypography.Text,{children:Array.isArray(i.value)?i.value.join(", "):i.value})},t)})})},eP=e=>{let{subjectRequest:t}=e,{plus:i}=(0,A.hz)(),{id:s,status:n,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)(eq,{label:"Status",children:(0,r.jsx)(ej,{status:n})}),(0,r.jsx)(eq,{label:"Time remaining",children:(0,r.jsx)(ex.Z,{daysLeft:t.days_left,includeText:!0,status:t.status})}),(0,r.jsx)(eq,{label:"Request type",children:(0,r.jsx)(er,{rules:a.rules})}),(0,r.jsx)(eq,{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:s}]=e,n="".concat(i).concat(c?"":" (Unverified)");return(0,r.jsx)(eq,{label:"Subject ".concat(s.toLocaleLowerCase()),children:(0,r.jsx)(o.esZ,{title:n,trigger:"click",children:(0,r.jsx)(o.AntTypography.Text,{ellipsis:!0,children:n})})},t)}),(0,r.jsx)(eN,{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:s,"data-testid":"request-detail-value-id"}),(0,r.jsx)(o.wpx,{icon:(0,r.jsx)(L.Z,{copyText:s})})]})})}),(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)(ek,{subjectRequest:t})]})},eI=e=>{var t;let{data:i}=e,s=(0,h.useMemo)(()=>({id:i.id,verbose:!0}),[i.id]),{data:n}=(0,p.QA)(s,{pollingInterval:i.status===x.q2.APPROVED||i.status===x.q2.IN_PROCESSING?2e3:0,skip:!i.id}),a=null!==(t=null==n?void 0:n.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)(X,{subjectRequest:a})},{key:"manual-tasks",label:"Manual tasks",children:(0,r.jsx)(eh,{subjectRequest:a,onComplete:()=>d("activity")}),disabled:!l}],[l,a]);return(0,r.jsxs)("div",{className:"flex gap-8",children:[(0,r.jsx)("div",{className:"w-0 grow",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)(eP,{subjectRequest:a})})]})},eO=i(57526),eD=i(66548),eU=i(45489),eM=e=>{let{privacyRequest:t,action:i}=e,{handleApproveRequest:s,handleDenyRequest:n}=(0,eU.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 n(t),"approve"===i&&await s(),a()};return{showAction:a,closeModal:l.onClose,performAction:r,openConfirmationModal:l.onOpen,isModalOpen:l.isOpen}},ez=e=>{var t,i,s;let{privacyRequest:n}=e,a=null===(i=(0,A.hz)())||void 0===i?void 0:null===(t=i.flags)||void 0===t?void 0:t.downloadAccessRequestResults,l=n.status===x.q2.COMPLETE,r=el(n.policy.rules).includes(x.Us.ACCESS),o=(0,g.Tg)([x.Sh.PRIVACY_REQUEST_ACCESS_RESULTS_READ]),{data:c,isLoading:d,isError:u,error:m}=(0,en.br)({privacy_request_id:n.id}),p=null!==(s=null==c?void 0:c.access_result_urls[0])&&void 0!==s?s:"",h=!!p&&"your local fides_uploads folder"!==p,j=null;return u?j=(0,ey.e$)(m,"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=p,e.target="_blank",e.rel="noopener noreferrer",e.click(),e.remove()},infoTooltip:j,isLoading:d,isDisabled:!h}},eL=e=>{let{privacyRequest:t}=e,{errorAlert:i,successAlert:s}=(0,es.V)(),n=t.status===x.q2.ERROR,[a]=(0,en.Fq)();return{reprocessPrivacyRequest:async()=>{if(!t)return;let e=o.Pg3.loading("Reprocessing privacy request...",0),n=await a(t);"error"in n?i((0,ey.e$)(n.error),"DSR automation has failed for this privacy request due to the following:",{duration:null}):s("Privacy request is now being reprocessed."),e()},showReprocess:n}},eW=e=>{let{privacyRequest:t}=e,{showDownloadResults:i,downloadResults:s,infoTooltip:n,isDisabled:a}=ez({privacyRequest:t}),{isModalOpen:l,closeModal:c,performAction:d,openConfirmationModal:u,showAction:m}=eM({privacyRequest:t,action:"approve"}),{isModalOpen:p,closeModal:g,performAction:j,openConfirmationModal:v,showAction:y}=eM({privacyRequest:t,action:"deny"}),{reprocessPrivacyRequest:f,showReprocess:_}=eL({privacyRequest:t}),{handleFinalizeRequest:b,finalizeRequestResult:T}=(0,eU.Z)({subjectRequest:t}),w=(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:!m}),e.push({key:"deny",label:(0,r.jsx)("span",{"data-testid":"privacy-request-deny-btn",children:"Deny"}),onClick:v,disabled:!y}),e.push({key:"reprocess",label:(0,r.jsx)("span",{"data-testid":"privacy-request-action-reprocess",children:"Reprocess"}),onClick:f,disabled:!_}),t.status===x.q2.REQUIRES_MANUAL_FINALIZATION&&e.push({key:"finalize",label:(0,r.jsx)("span",{"data-testid":"privacy-request-action-finalize",children:"Finalize"}),onClick:b,disabled:T.isLoading}),i&&e.push({key:"download",label:(0,r.jsx)(o.esZ,{title:a?n:null,placement:"bottom",children:(0,r.jsx)("span",{"data-testid":"download-results-btn",children:"Download request results"})}),onClick:s,disabled:a}),e},[i,s,n,a,m,y,u,v,_,f,t.status,b,T.isLoading]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(o.S0p,{menu:{items:w},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:!w.length,size:"large",children:"Actions"})}),(0,r.jsx)(eO.Z,{isOpen:l,isLoading:!1,onClose:c,onApproveRequest:()=>d({reason:""}),subjectRequest:t}),(0,r.jsx)(eD.Z,{isOpen:p,onClose:g,onDenyRequest:e=>j({reason:e})})]})},eB=()=>{let e=(0,c.useRouter)().query.id,{data:t,isLoading:i}=(0,p.QA)({id:e,verbose:!0},{skip:!e}),s=(null==t?void 0:t.items[0])||null;return(0,r.jsxs)(d.Z,{title:"Privacy Request - ".concat(e),children:[(0,r.jsx)(m.Z,{heading:"Privacy Requests",breadcrumbItems:[{title:"All requests",href:u.Jw},{title:"Request details"}],rightContent:!!s&&(0,r.jsx)(eW,{privacyRequest:s})}),i&&(0,r.jsx)(o.M5Y,{children:(0,r.jsx)(o.$jN,{})}),!i&&!s&&(0,r.jsx)(o.xvT,{children:"404 no privacy request found"}),!i&&s&&(0,r.jsx)(eI,{data:s})]})}},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,[203,2888,9774,179],function(){return e(e.s=6554)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/privacy-requests/configure/{messaging-f1d818242d8550f8.js → messaging-100d7d03930629a8.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8593],{13687:function(e,i,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/privacy-requests/configure/messaging",function(){return t(61463)}])},77213:function(e,i,t){"use strict";t.d(i,{Z:function(){return m}});var s=t(24246),n=t(13577),l=t(88038),r=t.n(l),a=t(86677);t(27378);var o=t(25980),c=t(90867),d=t(77830),u=()=>{let e=(0,a.useRouter)();return(0,s.jsx)(n.xuv,{bg:"gray.50",border:"1px solid",borderColor:"blue.400",borderRadius:"md",justifyContent:"space-between",p:5,mb:5,mt:5,children:(0,s.jsxs)(n.xuv,{children:[(0,s.jsxs)(n.Kqy,{direction:{base:"column",sm:"row"},justifyContent:"space-between",children:[(0,s.jsx)(n.xvT,{fontWeight:"semibold",children:"Configure your storage and messaging provider"}),(0,s.jsx)(n.wpx,{onClick:()=>{e.push(d.fz)},children:"Configure"})]}),(0,s.jsxs)(n.xvT,{children:["Before Fides can process your privacy requests we need two simple steps to configure your storage and email client."," "]})]})})},m=e=>{let{children:i,title:t,padded:l=!0,mainProps:d}=e,m=(0,o.hz)(),p=(0,a.useRouter)(),x="/privacy-requests"===p.pathname||"/datastore-connection"===p.pathname,h=!(m.flags.privacyRequestsConfiguration&&x),{data:j}=(0,c.JE)(void 0,{skip:h}),{data:g}=(0,c.PW)(void 0,{skip:h}),y=m.flags.privacyRequestsConfiguration&&(!j||!g)&&x;return(0,s.jsxs)(n.kCb,{"data-testid":t,direction:"column",h:"100vh",children:[(0,s.jsxs)(r(),{children:[(0,s.jsxs)("title",{children:["Fides Admin UI - ",t]}),(0,s.jsx)("meta",{name:"description",content:"Privacy Engineering Platform"}),(0,s.jsx)("link",{rel:"icon",href:"/favicon.ico"})]}),(0,s.jsxs)(n.kCb,{as:"main",direction:"column",py:l?6:0,px:l?10:0,h:l?"calc(100% - 48px)":"full",flex:1,minWidth:0,overflow:"auto",...d,children:[y?(0,s.jsx)(u,{}):null,i]})]})}},58754:function(e,i,t){"use strict";var s=t(24246),n=t(13577),l=t(70788);i.Z=e=>{let{heading:i,breadcrumbItems:t,isSticky:r=!0,children:a,rightContent:o,style:c,...d}=e;return(0,s.jsxs)("div",{...d,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",...c}:{paddingBottom:"24px",...c},children:[(0,s.jsxs)(n.jqI,{justify:"space-between",children:["string"==typeof i?(0,s.jsx)(n.lQT,{className:t||a?"pb-4":void 0,level:1,"data-testid":"page-heading",children:i}):i,o&&(0,s.jsx)("div",{"data-testid":"page-header-right-content",children:o})]}),!!t&&(0,s.jsx)(l.m,{className:a?"pb-4":void 0,items:t,"data-testid":"page-breadcrumb"}),a]})}},14047:function(e,i,t){"use strict";t.d(i,{H:function(){return l},V:function(){return s.V}});var s=t(84306),n=t(812);let l=()=>{let{errorAlert:e}=(0,s.V)();return{handleError:i=>{let t="An unexpected error occurred. Please try again.";(0,n.Ot)(i)?t=i.data.detail:(0,n.tB)(i)&&(t=i.data.detail[0].msg),e(t)}}}},84306:function(e,i,t){"use strict";t.d(i,{V:function(){return l}});var s=t(24246),n=t(13577);let l=()=>{let e=(0,n.pmc)();return{errorAlert:(i,t,l)=>{let r={...l,position:(null==l?void 0:l.position)||"top",render:e=>{let{onClose:l}=e;return(0,s.jsxs)(n.bZj,{alignItems:"normal",status:"error","data-testid":"error-alert",children:[(0,s.jsx)(n.zMQ,{}),(0,s.jsxs)(n.xuv,{children:[t&&(0,s.jsx)(n.CdC,{children:t}),(0,s.jsx)(n.XaZ,{children:i})]}),(0,s.jsx)(n.PZ7,{onClick:l,position:"relative",right:0,size:"sm",top:-1})]})}};(null==l?void 0:l.id)&&e.isActive(l.id)?e.update(l.id,r):e(r)},successAlert:(i,t,l)=>{let r={...l,position:(null==l?void 0:l.position)||"top",render:e=>{let{onClose:l}=e;return(0,s.jsxs)(n.bZj,{alignItems:"normal",status:"success",variant:"subtle","data-testid":"success-alert",children:[(0,s.jsx)(n.zMQ,{}),(0,s.jsxs)(n.xuv,{children:[t&&(0,s.jsx)(n.CdC,{children:t}),(0,s.jsx)(n.XaZ,{children:i})]}),(0,s.jsx)(n.PZ7,{onClick:l,position:"relative",right:0,size:"sm",top:-1})]})}};(null==l?void 0:l.id)&&e.isActive(l.id)?e.update(l.id,r):e(r)}}}},70788:function(e,i,t){"use strict";t.d(i,{m:function(){return c}});var s=t(24246),n=t(13577),l=t(79894),r=t.n(l),a=t(27378);let{Text:o}=n.AntTypography,c=e=>{let{items:i,...t}=e,l=(0,a.useMemo)(()=>null==i?void 0:i.map((e,t)=>{let l=t===i.length-1,a={...e},c=a.onClick&&!a.href;return("string"==typeof a.title&&(a.title=(0,s.jsx)(o,{style:{color:"inherit",maxWidth:l?void 0:400},ellipsis:!l,children:a.title})),c)?a.title=(0,s.jsx)(n.wpx,{type:"text",size:"small",icon:a.icon,onClick:a.onClick,className:"ant-breadcrumb-link -mt-px px-1 text-inherit",children:a.title}):(a.icon&&(a.title=(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{className:"anticon align-text-bottom",children:a.icon}),a.title]})),a.href&&a.title&&(a.title=(0,s.jsx)(r(),{href:a.href,className:"ant-breadcrumb-link",children:a.title}),delete a.href)),a}),[i]);return(0,s.jsx)(n.zrq,{items:l,...t})}},71784:function(e,i,t){"use strict";t.d(i,{DE:function(){return o},I3:function(){return n},kN:function(){return r},qX:function(){return a},rE:function(){return l}});var s=t(54682);let n=[...new Map([[s.q2.APPROVED,"Approved"],[s.q2.AWAITING_EMAIL_SEND,"Awaiting email send"],[s.q2.CANCELED,"Canceled"],[s.q2.COMPLETE,"Completed"],[s.q2.DENIED,"Denied"],[s.q2.ERROR,"Error"],[s.q2.IN_PROCESSING,"In progress"],[s.q2.PENDING,"New"],[s.q2.PAUSED,"Paused"],[s.q2.IDENTITY_UNVERIFIED,"Unverified"],[s.q2.REQUIRES_INPUT,"Requires input"],[s.q2.REQUIRES_MANUAL_FINALIZATION,"Requires finalization"]])].map(e=>{let[i,t]=e;return{label:t,value:i}}),l=new Map([[s.Us.ACCESS,"Access"],[s.Us.ERASURE,"Erasure"],[s.Us.CONSENT,"Consent"],[s.Us.UPDATE,"Update"]]),r=[...l].map(e=>{let[i,t]=e;return{label:t,value:i}}),a={mailgun:"mailgun",twilio_email:"twilio_email",twilio_text:"twilio_text"},o={local:"local",s3:"s3",gcs:"gcs"}},61463:function(e,i,t){"use strict";t.r(i),t.d(i,{default:function(){return _}});var s=t(24246),n=t(13577),l=t(27378),r=t(812),a=t(14047),o=t(77213),c=t(77830),d=t(58754),u=t(7426),m=t(71784),p=t(90867),x=t(34090),h=t(40324),j=e=>{let{messagingDetails:i}=e,{successAlert:t}=(0,a.V)(),{handleError:l}=(0,a.H)(),[o]=(0,p.SU)(),c=i.service_type===m.qX.twilio_email||i.service_type===m.qX.mailgun,d=i.service_type===m.qX.twilio_text,u=async e=>{if(c){let i=await o({email:e.email});(0,r.D4)(i)?l(i.error):t("Test message successfully sent.")}if(d){let i=await o({phone_number:e.phone});(0,r.D4)(i)?l(i.error):t("Test message successfully sent.")}};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.izJ,{mt:10}),(0,s.jsx)(n.X6q,{fontSize:"md",fontWeight:"semibold",mt:10,mb:5,children:"Test connection"}),(0,s.jsx)(n.Kqy,{children:(0,s.jsx)(x.J9,{initialValues:{email:"",phone:""},onSubmit:u,children:e=>{let{isSubmitting:i,resetForm:t}=e;return(0,s.jsxs)(x.l0,{children:[c?(0,s.jsx)(h.j0,{name:"email",label:"Email",placeholder:"youremail@domain.com",isRequired:!0}):null,d?(0,s.jsx)(h.j0,{name:"phone",label:"Phone",placeholder:"+10000000000",isRequired:!0}):null,(0,s.jsxs)(n.xuv,{mt:10,children:[(0,s.jsx)(n.wpx,{onClick:()=>t(),className:"mr-2",children:"Cancel"}),(0,s.jsx)(n.wpx,{disabled:i,htmlType:"submit",type:"primary","data-testid":"save-btn",children:"Save"})]})]})}})})]})},g=()=>{var e;let{successAlert:i}=(0,a.V)(),[t,o]=(0,l.useState)(""),{handleError:c}=(0,a.H)(),{data:d}=(0,p.S3)({type:m.qX.mailgun}),[u]=(0,p.h9)(),[g]=(0,p.iI)(),y=async e=>{let t=await u({service_type:m.qX.mailgun,details:{is_eu_domain:"false",domain:e.domain}});(0,r.D4)(t)?c(t.error):(i("Mailgun email successfully updated. You can now enter your security key."),o("apiKey"))},v=async e=>{let t=await g({details:{mailgun_api_key:e.api_key},service_type:m.qX.mailgun});(0,r.D4)(t)?c(t.error):(i("Mailgun security key successfully updated."),o("testConnection"))},f={domain:null!==(e=null==d?void 0:d.details.domain)&&void 0!==e?e:""};return(0,s.jsxs)(n.xuv,{children:[(0,s.jsx)(n.X6q,{fontSize:"md",fontWeight:"semibold",mt:10,children:"Mailgun messaging configuration"}),(0,s.jsx)(n.Kqy,{children:(0,s.jsx)(x.J9,{initialValues:f,onSubmit:y,enableReinitialize:!0,children:e=>{let{isSubmitting:i,handleReset:t}=e;return(0,s.jsxs)(x.l0,{children:[(0,s.jsx)(n.Kqy,{mt:5,spacing:5,children:(0,s.jsx)(h.j0,{name:"domain",label:"Domain",placeholder:"Enter domain","data-testid":"option-twilio-domain",isRequired:!0})}),(0,s.jsxs)(n.xuv,{mt:10,children:[(0,s.jsx)(n.wpx,{onClick:t,className:"mr-2",children:"Cancel"}),(0,s.jsx)(n.wpx,{htmlType:"submit",disabled:i,type:"primary","data-testid":"save-btn",children:"Save"})]})]})}})}),"apiKey"===t||"testConnection"===t?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.izJ,{mt:10}),(0,s.jsx)(n.X6q,{fontSize:"md",fontWeight:"semibold",mt:10,children:"Security key"}),(0,s.jsx)(n.Kqy,{children:(0,s.jsx)(x.J9,{initialValues:{api_key:""},onSubmit:v,children:e=>{let{isSubmitting:i,handleReset:t}=e;return(0,s.jsxs)(x.l0,{children:[(0,s.jsx)(h.j0,{name:"api_key",label:"API key",type:"password",isRequired:!0}),(0,s.jsxs)(n.xuv,{mt:10,children:[(0,s.jsx)(n.wpx,{onClick:t,className:"mr-2",children:"Cancel"}),(0,s.jsx)(n.wpx,{disabled:i,htmlType:"submit",type:"primary","data-testid":"save-btn",children:"Save"})]})]})}})})]}):null,"testConnection"===t?(0,s.jsx)(j,{messagingDetails:d||{service_type:m.qX.mailgun}}):null]})},y=()=>{var e;let[i,t]=(0,l.useState)(""),{successAlert:o}=(0,a.V)(),{handleError:c}=(0,a.H)(),{data:d}=(0,p.S3)({type:m.qX.twilio_email}),[u]=(0,p.h9)(),[g]=(0,p.iI)(),y=async e=>{let i=await u({service_type:m.qX.twilio_email,details:{twilio_email_from:e.email}});(0,r.D4)(i)?c(i.error):(o("Twilio email successfully updated. You can now enter your security key."),t("configureTwilioEmailSecrets"))},v=async e=>{let i=await g({details:{twilio_api_key:e.api_key},service_type:m.qX.twilio_email});(0,r.D4)(i)?c(i.error):(o("Twilio email secrets successfully updated."),t("testConnection"))},f={email:null!==(e=null==d?void 0:d.details.twilio_email_from)&&void 0!==e?e:""};return(0,s.jsxs)(n.xuv,{children:[(0,s.jsx)(n.X6q,{fontSize:"md",fontWeight:"semibold",mt:10,children:"Twilio Email messaging configuration"}),(0,s.jsx)(n.Kqy,{children:(0,s.jsx)(x.J9,{initialValues:f,onSubmit:y,enableReinitialize:!0,children:e=>{let{isSubmitting:i,handleReset:t}=e;return(0,s.jsxs)(x.l0,{children:[(0,s.jsx)(n.Kqy,{mt:5,spacing:5,children:(0,s.jsx)(h.j0,{name:"email",label:"Email",placeholder:"Enter email",isRequired:!0})}),(0,s.jsxs)(n.xuv,{mt:10,children:[(0,s.jsx)(n.wpx,{onClick:()=>t(),className:"mr-2",children:"Cancel"}),(0,s.jsx)(n.wpx,{disabled:i,htmlType:"submit",type:"primary","data-testid":"save-btn",children:"Save"})]})]})}})}),"configureTwilioEmailSecrets"===i||"testConnection"===i?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.izJ,{mt:10}),(0,s.jsx)(n.X6q,{fontSize:"md",fontWeight:"semibold",mt:10,children:"Security key"}),(0,s.jsx)(n.Kqy,{children:(0,s.jsx)(x.J9,{initialValues:{api_key:""},onSubmit:v,children:e=>{let{isSubmitting:i,handleReset:t}=e;return(0,s.jsxs)(x.l0,{children:[(0,s.jsx)(n.Kqy,{mt:5,spacing:5,children:(0,s.jsx)(h.j0,{name:"api_key",label:"API key",type:"password",isRequired:!0})}),(0,s.jsxs)(n.xuv,{mt:10,children:[(0,s.jsx)(n.wpx,{onClick:()=>t(),className:"mr-2",children:"Cancel"}),(0,s.jsx)(n.wpx,{disabled:i,htmlType:"submit",type:"primary","data-testid":"save-btn",children:"Save"})]})]})}})})]}):null,"testConnection"===i?(0,s.jsx)(j,{messagingDetails:d||{service_type:m.qX.twilio_email}}):null]})},v=()=>{let{successAlert:e}=(0,a.V)(),{handleError:i}=(0,a.H)(),[t,o]=(0,l.useState)(""),{data:c}=(0,p.S3)({type:"twilio_text"}),[d]=(0,p.iI)(),u=async t=>{let s=await d({details:{twilio_account_sid:t.account_sid,twilio_auth_token:t.auth_token,twilio_messaging_service_sid:t.messaging_service_sid,twilio_sender_phone_number:t.phone},service_type:m.qX.twilio_text});(0,r.D4)(s)?i(s.error):(e("Twilio text secrets successfully updated."),o("testConnection"))};return(0,s.jsxs)(n.xuv,{children:[(0,s.jsx)(n.X6q,{fontSize:"md",fontWeight:"semibold",mt:10,children:"Twilio SMS messaging configuration"}),(0,s.jsx)(n.Kqy,{children:(0,s.jsx)(x.J9,{initialValues:{account_sid:"",auth_token:"",messaging_service_sid:"",phone:""},onSubmit:u,enableReinitialize:!0,children:e=>{let{isSubmitting:i,handleReset:t}=e;return(0,s.jsxs)(x.l0,{children:[(0,s.jsxs)(n.Kqy,{mt:5,spacing:5,children:[(0,s.jsx)(h.j0,{name:"account_sid",label:"Account SID",placeholder:"Enter account SID",isRequired:!0}),(0,s.jsx)(h.j0,{name:"auth_token",label:"Auth token",placeholder:"Enter auth token",type:"password",isRequired:!0}),(0,s.jsx)(h.j0,{name:"messaging_service_sid",label:"Messaging Service SID",placeholder:"Enter messaging service SID"}),(0,s.jsx)(h.j0,{name:"phone",label:"Phone Number",placeholder:"Enter phone number"})]}),(0,s.jsxs)(n.xuv,{mt:10,children:[(0,s.jsx)(n.wpx,{onClick:()=>t(),className:"mr-2",children:"Cancel"}),(0,s.jsx)(n.wpx,{disabled:i,htmlType:"submit",type:"primary","data-testid":"save-btn",children:"Save"})]})]})}})}),"testConnection"===t?(0,s.jsx)(j,{messagingDetails:c||{service_type:m.qX.twilio_text}}):null]})},f=()=>{let{successAlert:e}=(0,a.V)(),{handleError:i}=(0,a.H)(),[t,x]=(0,l.useState)(""),[h]=(0,p.h9)(),[j]=(0,u.L)(),{data:f}=(0,p.JE)();(0,l.useEffect)(()=>{f&&x(null==f?void 0:f.service_type)},[f]);let _=async t=>{let{value:s}=t.target,n=await j({notifications:{notification_service_type:s,send_request_completion_notification:!0,send_request_receipt_notification:!0,send_request_review_notification:!0},execution:{subject_identity_verification_required:!0}});if((0,r.D4)(n))i(n.error);else if(s!==m.qX.twilio_text)x(s);else{let t=await h({service_type:m.qX.twilio_text});(0,r.D4)(t)?i(t.error):(e("Messaging provider saved successfully."),x(s))}};return(0,s.jsxs)(o.Z,{title:"Configure Privacy Requests - Messaging",children:[(0,s.jsx)(d.Z,{heading:"Privacy Requests",breadcrumbItems:[{title:"All requests",href:c.Jw},{title:"Configure requests",href:c.fz},{title:"Messaging"}]}),(0,s.jsx)(n.X6q,{mb:5,fontSize:"md",fontWeight:"semibold",children:"Configure your messaging provider"}),(0,s.jsxs)(n.xuv,{display:"flex",flexDirection:"column",width:"50%",children:[(0,s.jsxs)(n.xuv,{children:["Fides requires a messsaging provider for sending processing notices to privacy request subjects, and allows for Subject Identity Verification in privacy requests. Please follow the"," ",(0,s.jsx)(n.xvT,{as:"span",color:"complimentary.500",children:"documentation"})," ","to setup a messaging service that Fides supports. Ensure you have completed the setup for the preferred messaging provider and have the details handy prior to the following steps."]}),(0,s.jsx)(n.X6q,{fontSize:"md",fontWeight:"semibold",mt:10,children:"Choose service type to configure"}),(0,s.jsx)(n.y02.Group,{onChange:_,value:t,"data-testid":"privacy-requests-messaging-provider-selection",className:"p-3",children:(0,s.jsxs)(n.jqI,{children:[(0,s.jsx)(n.y02,{value:m.qX.mailgun,"data-testid":"option-mailgun",children:"Mailgun Email"},m.qX.mailgun),(0,s.jsx)(n.y02,{value:m.qX.twilio_email,"data-testid":"option-twilio-email",children:"Twilio Email"},m.qX.twilio_email),(0,s.jsx)(n.y02,{value:m.qX.twilio_text,"data-testid":"option-twilio-sms",children:"Twilio SMS"},m.qX.twilio_text)]})}),t===m.qX.mailgun?(0,s.jsx)(g,{}):null,t===m.qX.twilio_email?(0,s.jsx)(y,{}):null,t===m.qX.twilio_text?(0,s.jsx)(v,{}):null]})]})},_=()=>(0,s.jsx)(f,{})}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=13687)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8593],{13687:function(e,i,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/privacy-requests/configure/messaging",function(){return t(61463)}])},77213:function(e,i,t){"use strict";t.d(i,{Z:function(){return m}});var s=t(24246),n=t(27824),l=t(88038),r=t.n(l),a=t(86677);t(27378);var o=t(25980),c=t(90867),d=t(77830),u=()=>{let e=(0,a.useRouter)();return(0,s.jsx)(n.xuv,{bg:"gray.50",border:"1px solid",borderColor:"blue.400",borderRadius:"md",justifyContent:"space-between",p:5,mb:5,mt:5,children:(0,s.jsxs)(n.xuv,{children:[(0,s.jsxs)(n.Kqy,{direction:{base:"column",sm:"row"},justifyContent:"space-between",children:[(0,s.jsx)(n.xvT,{fontWeight:"semibold",children:"Configure your storage and messaging provider"}),(0,s.jsx)(n.wpx,{onClick:()=>{e.push(d.fz)},children:"Configure"})]}),(0,s.jsxs)(n.xvT,{children:["Before Fides can process your privacy requests we need two simple steps to configure your storage and email client."," "]})]})})},m=e=>{let{children:i,title:t,padded:l=!0,mainProps:d}=e,m=(0,o.hz)(),p=(0,a.useRouter)(),x="/privacy-requests"===p.pathname||"/datastore-connection"===p.pathname,h=!(m.flags.privacyRequestsConfiguration&&x),{data:j}=(0,c.JE)(void 0,{skip:h}),{data:g}=(0,c.PW)(void 0,{skip:h}),y=m.flags.privacyRequestsConfiguration&&(!j||!g)&&x;return(0,s.jsxs)(n.kCb,{"data-testid":t,direction:"column",h:"100vh",children:[(0,s.jsxs)(r(),{children:[(0,s.jsxs)("title",{children:["Fides Admin UI - ",t]}),(0,s.jsx)("meta",{name:"description",content:"Privacy Engineering Platform"}),(0,s.jsx)("link",{rel:"icon",href:"/favicon.ico"})]}),(0,s.jsxs)(n.kCb,{as:"main",direction:"column",py:l?6:0,px:l?10:0,h:l?"calc(100% - 48px)":"full",flex:1,minWidth:0,overflow:"auto",...d,children:[y?(0,s.jsx)(u,{}):null,i]})]})}},58754:function(e,i,t){"use strict";var s=t(24246),n=t(27824),l=t(70788);i.Z=e=>{let{heading:i,breadcrumbItems:t,isSticky:r=!0,children:a,rightContent:o,style:c,...d}=e;return(0,s.jsxs)("div",{...d,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",...c}:{paddingBottom:"24px",...c},children:[(0,s.jsxs)(n.jqI,{justify:"space-between",children:["string"==typeof i?(0,s.jsx)(n.lQT,{className:t||a?"pb-4":void 0,level:1,"data-testid":"page-heading",children:i}):i,o&&(0,s.jsx)("div",{"data-testid":"page-header-right-content",children:o})]}),!!t&&(0,s.jsx)(l.m,{className:a?"pb-4":void 0,items:t,"data-testid":"page-breadcrumb"}),a]})}},14047:function(e,i,t){"use strict";t.d(i,{H:function(){return l},V:function(){return s.V}});var s=t(84306),n=t(812);let l=()=>{let{errorAlert:e}=(0,s.V)();return{handleError:i=>{let t="An unexpected error occurred. Please try again.";(0,n.Ot)(i)?t=i.data.detail:(0,n.tB)(i)&&(t=i.data.detail[0].msg),e(t)}}}},84306:function(e,i,t){"use strict";t.d(i,{V:function(){return l}});var s=t(24246),n=t(27824);let l=()=>{let e=(0,n.pmc)();return{errorAlert:(i,t,l)=>{let r={...l,position:(null==l?void 0:l.position)||"top",render:e=>{let{onClose:l}=e;return(0,s.jsxs)(n.bZj,{alignItems:"normal",status:"error","data-testid":"error-alert",children:[(0,s.jsx)(n.zMQ,{}),(0,s.jsxs)(n.xuv,{children:[t&&(0,s.jsx)(n.CdC,{children:t}),(0,s.jsx)(n.XaZ,{children:i})]}),(0,s.jsx)(n.PZ7,{onClick:l,position:"relative",right:0,size:"sm",top:-1})]})}};(null==l?void 0:l.id)&&e.isActive(l.id)?e.update(l.id,r):e(r)},successAlert:(i,t,l)=>{let r={...l,position:(null==l?void 0:l.position)||"top",render:e=>{let{onClose:l}=e;return(0,s.jsxs)(n.bZj,{alignItems:"normal",status:"success",variant:"subtle","data-testid":"success-alert",children:[(0,s.jsx)(n.zMQ,{}),(0,s.jsxs)(n.xuv,{children:[t&&(0,s.jsx)(n.CdC,{children:t}),(0,s.jsx)(n.XaZ,{children:i})]}),(0,s.jsx)(n.PZ7,{onClick:l,position:"relative",right:0,size:"sm",top:-1})]})}};(null==l?void 0:l.id)&&e.isActive(l.id)?e.update(l.id,r):e(r)}}}},70788:function(e,i,t){"use strict";t.d(i,{m:function(){return c}});var s=t(24246),n=t(27824),l=t(79894),r=t.n(l),a=t(27378);let{Text:o}=n.AntTypography,c=e=>{let{items:i,...t}=e,l=(0,a.useMemo)(()=>null==i?void 0:i.map((e,t)=>{let l=t===i.length-1,a={...e},c=a.onClick&&!a.href;return("string"==typeof a.title&&(a.title=(0,s.jsx)(o,{style:{color:"inherit",maxWidth:l?void 0:400},ellipsis:!l,children:a.title})),c)?a.title=(0,s.jsx)(n.wpx,{type:"text",size:"small",icon:a.icon,onClick:a.onClick,className:"ant-breadcrumb-link -mt-px px-1 text-inherit",children:a.title}):(a.icon&&(a.title=(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{className:"anticon align-text-bottom",children:a.icon}),a.title]})),a.href&&a.title&&(a.title=(0,s.jsx)(r(),{href:a.href,className:"ant-breadcrumb-link",children:a.title}),delete a.href)),a}),[i]);return(0,s.jsx)(n.zrq,{items:l,...t})}},71784:function(e,i,t){"use strict";t.d(i,{DE:function(){return o},I3:function(){return n},kN:function(){return r},qX:function(){return a},rE:function(){return l}});var s=t(54682);let n=[...new Map([[s.q2.APPROVED,"Approved"],[s.q2.AWAITING_EMAIL_SEND,"Awaiting email send"],[s.q2.CANCELED,"Canceled"],[s.q2.COMPLETE,"Completed"],[s.q2.DENIED,"Denied"],[s.q2.ERROR,"Error"],[s.q2.IN_PROCESSING,"In progress"],[s.q2.PENDING,"New"],[s.q2.PAUSED,"Paused"],[s.q2.IDENTITY_UNVERIFIED,"Unverified"],[s.q2.REQUIRES_INPUT,"Requires input"],[s.q2.REQUIRES_MANUAL_FINALIZATION,"Requires finalization"]])].map(e=>{let[i,t]=e;return{label:t,value:i}}),l=new Map([[s.Us.ACCESS,"Access"],[s.Us.ERASURE,"Erasure"],[s.Us.CONSENT,"Consent"],[s.Us.UPDATE,"Update"]]),r=[...l].map(e=>{let[i,t]=e;return{label:t,value:i}}),a={mailgun:"mailgun",twilio_email:"twilio_email",twilio_text:"twilio_text"},o={local:"local",s3:"s3",gcs:"gcs"}},61463:function(e,i,t){"use strict";t.r(i),t.d(i,{default:function(){return _}});var s=t(24246),n=t(27824),l=t(27378),r=t(812),a=t(14047),o=t(77213),c=t(77830),d=t(58754),u=t(7426),m=t(71784),p=t(90867),x=t(34090),h=t(40324),j=e=>{let{messagingDetails:i}=e,{successAlert:t}=(0,a.V)(),{handleError:l}=(0,a.H)(),[o]=(0,p.SU)(),c=i.service_type===m.qX.twilio_email||i.service_type===m.qX.mailgun,d=i.service_type===m.qX.twilio_text,u=async e=>{if(c){let i=await o({email:e.email});(0,r.D4)(i)?l(i.error):t("Test message successfully sent.")}if(d){let i=await o({phone_number:e.phone});(0,r.D4)(i)?l(i.error):t("Test message successfully sent.")}};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.izJ,{mt:10}),(0,s.jsx)(n.X6q,{fontSize:"md",fontWeight:"semibold",mt:10,mb:5,children:"Test connection"}),(0,s.jsx)(n.Kqy,{children:(0,s.jsx)(x.J9,{initialValues:{email:"",phone:""},onSubmit:u,children:e=>{let{isSubmitting:i,resetForm:t}=e;return(0,s.jsxs)(x.l0,{children:[c?(0,s.jsx)(h.j0,{name:"email",label:"Email",placeholder:"youremail@domain.com",isRequired:!0}):null,d?(0,s.jsx)(h.j0,{name:"phone",label:"Phone",placeholder:"+10000000000",isRequired:!0}):null,(0,s.jsxs)(n.xuv,{mt:10,children:[(0,s.jsx)(n.wpx,{onClick:()=>t(),className:"mr-2",children:"Cancel"}),(0,s.jsx)(n.wpx,{disabled:i,htmlType:"submit",type:"primary","data-testid":"save-btn",children:"Save"})]})]})}})})]})},g=()=>{var e;let{successAlert:i}=(0,a.V)(),[t,o]=(0,l.useState)(""),{handleError:c}=(0,a.H)(),{data:d}=(0,p.S3)({type:m.qX.mailgun}),[u]=(0,p.h9)(),[g]=(0,p.iI)(),y=async e=>{let t=await u({service_type:m.qX.mailgun,details:{is_eu_domain:"false",domain:e.domain}});(0,r.D4)(t)?c(t.error):(i("Mailgun email successfully updated. You can now enter your security key."),o("apiKey"))},v=async e=>{let t=await g({details:{mailgun_api_key:e.api_key},service_type:m.qX.mailgun});(0,r.D4)(t)?c(t.error):(i("Mailgun security key successfully updated."),o("testConnection"))},f={domain:null!==(e=null==d?void 0:d.details.domain)&&void 0!==e?e:""};return(0,s.jsxs)(n.xuv,{children:[(0,s.jsx)(n.X6q,{fontSize:"md",fontWeight:"semibold",mt:10,children:"Mailgun messaging configuration"}),(0,s.jsx)(n.Kqy,{children:(0,s.jsx)(x.J9,{initialValues:f,onSubmit:y,enableReinitialize:!0,children:e=>{let{isSubmitting:i,handleReset:t}=e;return(0,s.jsxs)(x.l0,{children:[(0,s.jsx)(n.Kqy,{mt:5,spacing:5,children:(0,s.jsx)(h.j0,{name:"domain",label:"Domain",placeholder:"Enter domain","data-testid":"option-twilio-domain",isRequired:!0})}),(0,s.jsxs)(n.xuv,{mt:10,children:[(0,s.jsx)(n.wpx,{onClick:t,className:"mr-2",children:"Cancel"}),(0,s.jsx)(n.wpx,{htmlType:"submit",disabled:i,type:"primary","data-testid":"save-btn",children:"Save"})]})]})}})}),"apiKey"===t||"testConnection"===t?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.izJ,{mt:10}),(0,s.jsx)(n.X6q,{fontSize:"md",fontWeight:"semibold",mt:10,children:"Security key"}),(0,s.jsx)(n.Kqy,{children:(0,s.jsx)(x.J9,{initialValues:{api_key:""},onSubmit:v,children:e=>{let{isSubmitting:i,handleReset:t}=e;return(0,s.jsxs)(x.l0,{children:[(0,s.jsx)(h.j0,{name:"api_key",label:"API key",type:"password",isRequired:!0}),(0,s.jsxs)(n.xuv,{mt:10,children:[(0,s.jsx)(n.wpx,{onClick:t,className:"mr-2",children:"Cancel"}),(0,s.jsx)(n.wpx,{disabled:i,htmlType:"submit",type:"primary","data-testid":"save-btn",children:"Save"})]})]})}})})]}):null,"testConnection"===t?(0,s.jsx)(j,{messagingDetails:d||{service_type:m.qX.mailgun}}):null]})},y=()=>{var e;let[i,t]=(0,l.useState)(""),{successAlert:o}=(0,a.V)(),{handleError:c}=(0,a.H)(),{data:d}=(0,p.S3)({type:m.qX.twilio_email}),[u]=(0,p.h9)(),[g]=(0,p.iI)(),y=async e=>{let i=await u({service_type:m.qX.twilio_email,details:{twilio_email_from:e.email}});(0,r.D4)(i)?c(i.error):(o("Twilio email successfully updated. You can now enter your security key."),t("configureTwilioEmailSecrets"))},v=async e=>{let i=await g({details:{twilio_api_key:e.api_key},service_type:m.qX.twilio_email});(0,r.D4)(i)?c(i.error):(o("Twilio email secrets successfully updated."),t("testConnection"))},f={email:null!==(e=null==d?void 0:d.details.twilio_email_from)&&void 0!==e?e:""};return(0,s.jsxs)(n.xuv,{children:[(0,s.jsx)(n.X6q,{fontSize:"md",fontWeight:"semibold",mt:10,children:"Twilio Email messaging configuration"}),(0,s.jsx)(n.Kqy,{children:(0,s.jsx)(x.J9,{initialValues:f,onSubmit:y,enableReinitialize:!0,children:e=>{let{isSubmitting:i,handleReset:t}=e;return(0,s.jsxs)(x.l0,{children:[(0,s.jsx)(n.Kqy,{mt:5,spacing:5,children:(0,s.jsx)(h.j0,{name:"email",label:"Email",placeholder:"Enter email",isRequired:!0})}),(0,s.jsxs)(n.xuv,{mt:10,children:[(0,s.jsx)(n.wpx,{onClick:()=>t(),className:"mr-2",children:"Cancel"}),(0,s.jsx)(n.wpx,{disabled:i,htmlType:"submit",type:"primary","data-testid":"save-btn",children:"Save"})]})]})}})}),"configureTwilioEmailSecrets"===i||"testConnection"===i?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.izJ,{mt:10}),(0,s.jsx)(n.X6q,{fontSize:"md",fontWeight:"semibold",mt:10,children:"Security key"}),(0,s.jsx)(n.Kqy,{children:(0,s.jsx)(x.J9,{initialValues:{api_key:""},onSubmit:v,children:e=>{let{isSubmitting:i,handleReset:t}=e;return(0,s.jsxs)(x.l0,{children:[(0,s.jsx)(n.Kqy,{mt:5,spacing:5,children:(0,s.jsx)(h.j0,{name:"api_key",label:"API key",type:"password",isRequired:!0})}),(0,s.jsxs)(n.xuv,{mt:10,children:[(0,s.jsx)(n.wpx,{onClick:()=>t(),className:"mr-2",children:"Cancel"}),(0,s.jsx)(n.wpx,{disabled:i,htmlType:"submit",type:"primary","data-testid":"save-btn",children:"Save"})]})]})}})})]}):null,"testConnection"===i?(0,s.jsx)(j,{messagingDetails:d||{service_type:m.qX.twilio_email}}):null]})},v=()=>{let{successAlert:e}=(0,a.V)(),{handleError:i}=(0,a.H)(),[t,o]=(0,l.useState)(""),{data:c}=(0,p.S3)({type:"twilio_text"}),[d]=(0,p.iI)(),u=async t=>{let s=await d({details:{twilio_account_sid:t.account_sid,twilio_auth_token:t.auth_token,twilio_messaging_service_sid:t.messaging_service_sid,twilio_sender_phone_number:t.phone},service_type:m.qX.twilio_text});(0,r.D4)(s)?i(s.error):(e("Twilio text secrets successfully updated."),o("testConnection"))};return(0,s.jsxs)(n.xuv,{children:[(0,s.jsx)(n.X6q,{fontSize:"md",fontWeight:"semibold",mt:10,children:"Twilio SMS messaging configuration"}),(0,s.jsx)(n.Kqy,{children:(0,s.jsx)(x.J9,{initialValues:{account_sid:"",auth_token:"",messaging_service_sid:"",phone:""},onSubmit:u,enableReinitialize:!0,children:e=>{let{isSubmitting:i,handleReset:t}=e;return(0,s.jsxs)(x.l0,{children:[(0,s.jsxs)(n.Kqy,{mt:5,spacing:5,children:[(0,s.jsx)(h.j0,{name:"account_sid",label:"Account SID",placeholder:"Enter account SID",isRequired:!0}),(0,s.jsx)(h.j0,{name:"auth_token",label:"Auth token",placeholder:"Enter auth token",type:"password",isRequired:!0}),(0,s.jsx)(h.j0,{name:"messaging_service_sid",label:"Messaging Service SID",placeholder:"Enter messaging service SID"}),(0,s.jsx)(h.j0,{name:"phone",label:"Phone Number",placeholder:"Enter phone number"})]}),(0,s.jsxs)(n.xuv,{mt:10,children:[(0,s.jsx)(n.wpx,{onClick:()=>t(),className:"mr-2",children:"Cancel"}),(0,s.jsx)(n.wpx,{disabled:i,htmlType:"submit",type:"primary","data-testid":"save-btn",children:"Save"})]})]})}})}),"testConnection"===t?(0,s.jsx)(j,{messagingDetails:c||{service_type:m.qX.twilio_text}}):null]})},f=()=>{let{successAlert:e}=(0,a.V)(),{handleError:i}=(0,a.H)(),[t,x]=(0,l.useState)(""),[h]=(0,p.h9)(),[j]=(0,u.L)(),{data:f}=(0,p.JE)();(0,l.useEffect)(()=>{f&&x(null==f?void 0:f.service_type)},[f]);let _=async t=>{let{value:s}=t.target,n=await j({notifications:{notification_service_type:s,send_request_completion_notification:!0,send_request_receipt_notification:!0,send_request_review_notification:!0},execution:{subject_identity_verification_required:!0}});if((0,r.D4)(n))i(n.error);else if(s!==m.qX.twilio_text)x(s);else{let t=await h({service_type:m.qX.twilio_text});(0,r.D4)(t)?i(t.error):(e("Messaging provider saved successfully."),x(s))}};return(0,s.jsxs)(o.Z,{title:"Configure Privacy Requests - Messaging",children:[(0,s.jsx)(d.Z,{heading:"Privacy Requests",breadcrumbItems:[{title:"All requests",href:c.Jw},{title:"Configure requests",href:c.fz},{title:"Messaging"}]}),(0,s.jsx)(n.X6q,{mb:5,fontSize:"md",fontWeight:"semibold",children:"Configure your messaging provider"}),(0,s.jsxs)(n.xuv,{display:"flex",flexDirection:"column",width:"50%",children:[(0,s.jsxs)(n.xuv,{children:["Fides requires a messsaging provider for sending processing notices to privacy request subjects, and allows for Subject Identity Verification in privacy requests. Please follow the"," ",(0,s.jsx)(n.xvT,{as:"span",color:"complimentary.500",children:"documentation"})," ","to setup a messaging service that Fides supports. Ensure you have completed the setup for the preferred messaging provider and have the details handy prior to the following steps."]}),(0,s.jsx)(n.X6q,{fontSize:"md",fontWeight:"semibold",mt:10,children:"Choose service type to configure"}),(0,s.jsx)(n.y02.Group,{onChange:_,value:t,"data-testid":"privacy-requests-messaging-provider-selection",className:"p-3",children:(0,s.jsxs)(n.jqI,{children:[(0,s.jsx)(n.y02,{value:m.qX.mailgun,"data-testid":"option-mailgun",children:"Mailgun Email"},m.qX.mailgun),(0,s.jsx)(n.y02,{value:m.qX.twilio_email,"data-testid":"option-twilio-email",children:"Twilio Email"},m.qX.twilio_email),(0,s.jsx)(n.y02,{value:m.qX.twilio_text,"data-testid":"option-twilio-sms",children:"Twilio SMS"},m.qX.twilio_text)]})}),t===m.qX.mailgun?(0,s.jsx)(g,{}):null,t===m.qX.twilio_email?(0,s.jsx)(y,{}):null,t===m.qX.twilio_text?(0,s.jsx)(v,{}):null]})]})},_=()=>(0,s.jsx)(f,{})}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=13687)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/privacy-requests/configure/{storage-d40a26bddb126c5c.js → storage-6f8d1b3ec83cfcf0.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5979],{23663:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/privacy-requests/configure/storage",function(){return i(64665)}])},77213:function(e,t,i){"use strict";i.d(t,{Z:function(){return m}});var s=i(24246),a=i(13577),r=i(88038),l=i.n(r),n=i(86677);i(27378);var o=i(25980),d=i(90867),c=i(77830),u=()=>{let e=(0,n.useRouter)();return(0,s.jsx)(a.xuv,{bg:"gray.50",border:"1px solid",borderColor:"blue.400",borderRadius:"md",justifyContent:"space-between",p:5,mb:5,mt:5,children:(0,s.jsxs)(a.xuv,{children:[(0,s.jsxs)(a.Kqy,{direction:{base:"column",sm:"row"},justifyContent:"space-between",children:[(0,s.jsx)(a.xvT,{fontWeight:"semibold",children:"Configure your storage and messaging provider"}),(0,s.jsx)(a.wpx,{onClick:()=>{e.push(c.fz)},children:"Configure"})]}),(0,s.jsxs)(a.xvT,{children:["Before Fides can process your privacy requests we need two simple steps to configure your storage and email client."," "]})]})})},m=e=>{let{children:t,title:i,padded:r=!0,mainProps:c}=e,m=(0,o.hz)(),h=(0,n.useRouter)(),p="/privacy-requests"===h.pathname||"/datastore-connection"===h.pathname,x=!(m.flags.privacyRequestsConfiguration&&p),{data:j}=(0,d.JE)(void 0,{skip:x}),{data:v}=(0,d.PW)(void 0,{skip:x}),_=m.flags.privacyRequestsConfiguration&&(!j||!v)&&p;return(0,s.jsxs)(a.kCb,{"data-testid":i,direction:"column",h:"100vh",children:[(0,s.jsxs)(l(),{children:[(0,s.jsxs)("title",{children:["Fides Admin UI - ",i]}),(0,s.jsx)("meta",{name:"description",content:"Privacy Engineering Platform"}),(0,s.jsx)("link",{rel:"icon",href:"/favicon.ico"})]}),(0,s.jsxs)(a.kCb,{as:"main",direction:"column",py:r?6:0,px:r?10:0,h:r?"calc(100% - 48px)":"full",flex:1,minWidth:0,overflow:"auto",...c,children:[_?(0,s.jsx)(u,{}):null,t]})]})}},58754:function(e,t,i){"use strict";var s=i(24246),a=i(13577),r=i(70788);t.Z=e=>{let{heading:t,breadcrumbItems:i,isSticky:l=!0,children:n,rightContent:o,style:d,...c}=e;return(0,s.jsxs)("div",{...c,style:l?{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,s.jsxs)(a.jqI,{justify:"space-between",children:["string"==typeof t?(0,s.jsx)(a.lQT,{className:i||n?"pb-4":void 0,level:1,"data-testid":"page-heading",children:t}):t,o&&(0,s.jsx)("div",{"data-testid":"page-header-right-content",children:o})]}),!!i&&(0,s.jsx)(r.m,{className:n?"pb-4":void 0,items:i,"data-testid":"page-breadcrumb"}),n]})}},97181:function(e,t,i){"use strict";i.d(t,{d:function(){return d}});var s=i(24246),a=i(13577),r=i(34090),l=i(27378),n=i(46238),o=i(40324);let d=e=>{let{name:t,label:i,labelProps:d,tooltip:c,isRequired:u,layout:m="inline",helperText:h,...p}=e,[x,j,{setValue:v}]=(0,r.U$)(t),_=!!(j.touched&&j.error),[g,f]=(0,l.useState)("");x.value||"tags"!==p.mode&&"multiple"!==p.mode||(x.value=[]),"tags"===p.mode&&"string"==typeof x.value&&(x.value=[x.value]);let y="tags"===p.mode?(e,t)=>e?e.value!==g||x.value.includes(g)?p.optionRender?p.optionRender(e,t):e.label:'Create "'.concat(g,'"'):void 0:p.optionRender||void 0,b=e=>{f(e),p.onSearch&&p.onSearch(e)},k=(e,t)=>{v(e),p.onChange&&p.onChange(e,t)};return"inline"===m?(0,s.jsx)(a.NIc,{isInvalid:_,isRequired:u,children:(0,s.jsxs)(a.rjZ,{templateColumns:i?"1fr 3fr":"1fr",children:[i?(0,s.jsx)(o.__,{htmlFor:p.id||t,...d,children:i}):null,(0,s.jsxs)(a.jqI,{align:"center",children:[(0,s.jsxs)(a.jqI,{vertical:!0,flex:1,className:"mr-2",children:[(0,s.jsx)(a.WPr,{...x,id:p.id||t,"data-testid":"controlled-select-".concat(x.name),...p,optionRender:y,onSearch:"tags"===p.mode?b:void 0,onChange:k,value:x.value||void 0,status:_?"error":void 0}),h&&(0,s.jsx)(a.Q6r,{children:h}),(0,s.jsx)(o.Bc,{isInvalid:_,message:j.error,fieldName:x.name})]}),(0,s.jsx)(n.b,{label:c,className:_?"mt-2 self-start":void 0})]})]})}):(0,s.jsx)(a.NIc,{isInvalid:_,isRequired:u,children:(0,s.jsxs)(a.gCW,{alignItems:"start",children:[(0,s.jsxs)(a.jqI,{align:"center",children:[i?(0,s.jsx)(o.__,{htmlFor:p.id||t,fontSize:"xs",my:0,mr:1,...d,children:i}):null,(0,s.jsx)(n.b,{label:c})]}),(0,s.jsx)(a.WPr,{...x,id:p.id||t,"data-testid":"controlled-select-".concat(x.name),...p,optionRender:y,onSearch:"tags"===p.mode?b:void 0,onChange:k,value:x.value||void 0,status:_?"error":void 0}),h&&(0,s.jsx)(a.Q6r,{style:{marginTop:0},children:h}),(0,s.jsx)(o.Bc,{isInvalid:_,message:j.error,fieldName:x.name})]})})}},14047:function(e,t,i){"use strict";i.d(t,{H:function(){return r},V:function(){return s.V}});var s=i(84306),a=i(812);let r=()=>{let{errorAlert:e}=(0,s.V)();return{handleError:t=>{let i="An unexpected error occurred. Please try again.";(0,a.Ot)(t)?i=t.data.detail:(0,a.tB)(t)&&(i=t.data.detail[0].msg),e(i)}}}},84306:function(e,t,i){"use strict";i.d(t,{V:function(){return r}});var s=i(24246),a=i(13577);let r=()=>{let e=(0,a.pmc)();return{errorAlert:(t,i,r)=>{let l={...r,position:(null==r?void 0:r.position)||"top",render:e=>{let{onClose:r}=e;return(0,s.jsxs)(a.bZj,{alignItems:"normal",status:"error","data-testid":"error-alert",children:[(0,s.jsx)(a.zMQ,{}),(0,s.jsxs)(a.xuv,{children:[i&&(0,s.jsx)(a.CdC,{children:i}),(0,s.jsx)(a.XaZ,{children:t})]}),(0,s.jsx)(a.PZ7,{onClick:r,position:"relative",right:0,size:"sm",top:-1})]})}};(null==r?void 0:r.id)&&e.isActive(r.id)?e.update(r.id,l):e(l)},successAlert:(t,i,r)=>{let l={...r,position:(null==r?void 0:r.position)||"top",render:e=>{let{onClose:r}=e;return(0,s.jsxs)(a.bZj,{alignItems:"normal",status:"success",variant:"subtle","data-testid":"success-alert",children:[(0,s.jsx)(a.zMQ,{}),(0,s.jsxs)(a.xuv,{children:[i&&(0,s.jsx)(a.CdC,{children:i}),(0,s.jsx)(a.XaZ,{children:t})]}),(0,s.jsx)(a.PZ7,{onClick:r,position:"relative",right:0,size:"sm",top:-1})]})}};(null==r?void 0:r.id)&&e.isActive(r.id)?e.update(r.id,l):e(l)}}}},70788:function(e,t,i){"use strict";i.d(t,{m:function(){return d}});var s=i(24246),a=i(13577),r=i(79894),l=i.n(r),n=i(27378);let{Text:o}=a.AntTypography,d=e=>{let{items:t,...i}=e,r=(0,n.useMemo)(()=>null==t?void 0:t.map((e,i)=>{let r=i===t.length-1,n={...e},d=n.onClick&&!n.href;return("string"==typeof n.title&&(n.title=(0,s.jsx)(o,{style:{color:"inherit",maxWidth:r?void 0:400},ellipsis:!r,children:n.title})),d)?n.title=(0,s.jsx)(a.wpx,{type:"text",size:"small",icon:n.icon,onClick:n.onClick,className:"ant-breadcrumb-link -mt-px px-1 text-inherit",children:n.title}):(n.icon&&(n.title=(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{className:"anticon align-text-bottom",children:n.icon}),n.title]})),n.href&&n.title&&(n.title=(0,s.jsx)(l(),{href:n.href,className:"ant-breadcrumb-link",children:n.title}),delete n.href)),n}),[t]);return(0,s.jsx)(a.zrq,{items:r,...i})}},71784:function(e,t,i){"use strict";i.d(t,{DE:function(){return o},I3:function(){return a},kN:function(){return l},qX:function(){return n},rE:function(){return r}});var s=i(54682);let a=[...new Map([[s.q2.APPROVED,"Approved"],[s.q2.AWAITING_EMAIL_SEND,"Awaiting email send"],[s.q2.CANCELED,"Canceled"],[s.q2.COMPLETE,"Completed"],[s.q2.DENIED,"Denied"],[s.q2.ERROR,"Error"],[s.q2.IN_PROCESSING,"In progress"],[s.q2.PENDING,"New"],[s.q2.PAUSED,"Paused"],[s.q2.IDENTITY_UNVERIFIED,"Unverified"],[s.q2.REQUIRES_INPUT,"Requires input"],[s.q2.REQUIRES_MANUAL_FINALIZATION,"Requires finalization"]])].map(e=>{let[t,i]=e;return{label:i,value:t}}),r=new Map([[s.Us.ACCESS,"Access"],[s.Us.ERASURE,"Erasure"],[s.Us.CONSENT,"Consent"],[s.Us.UPDATE,"Update"]]),l=[...r].map(e=>{let[t,i]=e;return{label:i,value:t}}),n={mailgun:"mailgun",twilio_email:"twilio_email",twilio_text:"twilio_text"},o={local:"local",s3:"s3",gcs:"gcs"}},64665:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return f}});var s=i(24246),a=i(13577),r=i(27378),l=i(812),n=i(14047),o=i(77213),d=i(77830),c=i(58754),u=i(7426),m=i(71784),h=i(90867),p=i(34090),x=i(97181),j=i(40324),v=e=>{var t,i,o,d,c;let{storageDetails:u}=e,[v,_]=(0,r.useState)(""),[g]=(0,h.gC)(),[f]=(0,h.cf)(),{handleError:y}=(0,n.H)(),{successAlert:b}=(0,n.V)(),k={type:m.DE.gcs,auth_method:null!==(o=null==u?void 0:null===(t=u.details)||void 0===t?void 0:t.auth_method)&&void 0!==o?o:"",bucket:null!==(d=null==u?void 0:null===(i=u.details)||void 0===i?void 0:i.bucket)&&void 0!==d?d:"",format:null!==(c=null==u?void 0:u.format)&&void 0!==c?c:""},C=async e=>{let t=await g({type:m.DE.gcs,details:{auth_method:e.auth_method,bucket:e.bucket},format:e.format});(0,l.D4)(t)?y(t.error):(_(e.auth_method),b("Google Cloud Storage credentials successfully updated."))},q=async e=>{let t=e.private_key.trim();t.includes("\\n")&&(t=t.replace(/\\n/g,"\n"));let i=await f({details:{type:e.type,project_id:e.project_id,private_key_id:e.private_key_id,private_key:t,client_email:e.client_email,client_id:e.client_id,auth_uri:e.auth_uri,token_uri:e.token_uri,auth_provider_x509_cert_url:e.auth_provider_x509_cert_url,client_x509_cert_url:e.client_x509_cert_url,universe_domain:e.universe_domain},type:m.DE.gcs});(0,l.D4)(i)?y(i.error):b("Google Cloud Storage secrets successfully updated.")};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.X6q,{fontSize:"md",fontWeight:"semibold",mt:10,children:"Google Cloud Storage configuration"}),(0,s.jsx)(a.Kqy,{children:(0,s.jsx)(p.J9,{initialValues:k,onSubmit:C,enableReinitialize:!0,children:e=>{let{isSubmitting:t,handleReset:i}=e;return(0,s.jsxs)(p.l0,{children:[(0,s.jsxs)(a.Kqy,{mt:5,spacing:5,children:[(0,s.jsx)(x.d,{name:"format",label:"Format",options:[{label:"json",value:"json"},{label:"csv",value:"csv"}],"data-testid":"format",isRequired:!0}),(0,s.jsx)(x.d,{name:"auth_method",label:"Auth method",options:[{label:"Service Account Keys",value:"service_account_keys"},{label:"Application Default Credentials",value:"adc"}],"data-testid":"auth_method",isRequired:!0}),(0,s.jsx)(j.j0,{"data-testid":"bucket",name:"bucket",label:"Bucket",isRequired:!0})]}),(0,s.jsx)(a.wpx,{onClick:()=>i(),className:"mr-2 mt-5",children:"Cancel"}),(0,s.jsx)(a.wpx,{htmlType:"submit",className:"mt-5",disabled:t,type:"primary","data-testid":"save-btn",children:"Save"})]})}})}),"service_account_keys"===v&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.izJ,{mt:5}),(0,s.jsx)(a.X6q,{fontSize:"md",fontWeight:"semibold",mt:5,children:"Storage destination"}),(0,s.jsx)(a.Kqy,{children:(0,s.jsx)(p.J9,{initialValues:{type:"",project_id:"",private_key_id:"",private_key:"",client_email:"",client_id:"",auth_uri:"",token_uri:"",auth_provider_x509_cert_url:"",client_x509_cert_url:"",universe_domain:""},onSubmit:q,children:e=>{let{isSubmitting:t,handleReset:i}=e;return(0,s.jsxs)(p.l0,{children:[(0,s.jsxs)(a.Kqy,{mt:5,spacing:5,children:[(0,s.jsx)(j.j0,{name:"type",label:"Type"}),(0,s.jsx)(j.j0,{name:"project_id",label:"Project ID"}),(0,s.jsx)(j.j0,{name:"private_key_id",label:"Private key ID",type:"password"}),(0,s.jsx)(j.j0,{name:"private_key",label:"Private key",type:"password"}),(0,s.jsx)(j.j0,{name:"client_email",label:"Client email"}),(0,s.jsx)(j.j0,{name:"client_id",label:"Client ID"}),(0,s.jsx)(j.j0,{name:"auth_uri",label:"Auth URI"}),(0,s.jsx)(j.j0,{name:"token_uri",label:"Token URI"}),(0,s.jsx)(j.j0,{name:"auth_provider_x509_cert_url",label:"Auth provider x509 cert URL"}),(0,s.jsx)(j.j0,{name:"client_x509_cert_url",label:"Client x509 cert URL"}),(0,s.jsx)(j.j0,{name:"universe_domain",label:"Universe domain"})]}),(0,s.jsxs)(a.xuv,{mt:10,children:[(0,s.jsx)(a.wpx,{onClick:()=>i(),className:"mr-2 mt-5",children:"Cancel"}),(0,s.jsx)(a.wpx,{disabled:t,htmlType:"submit",type:"primary",className:"mt-5","data-testid":"save-btn",children:"Save"})]})]})}})})]})]})},_=e=>{var t,i,o,d,c;let{storageDetails:u}=e,[v,_]=(0,r.useState)(""),[g]=(0,h.gC)(),[f]=(0,h.cf)(),{handleError:y}=(0,n.H)(),{successAlert:b}=(0,n.V)(),k={type:m.DE.s3,auth_method:null!==(o=null==u?void 0:null===(t=u.details)||void 0===t?void 0:t.auth_method)&&void 0!==o?o:"",bucket:null!==(d=null==u?void 0:null===(i=u.details)||void 0===i?void 0:i.bucket)&&void 0!==d?d:"",format:null!==(c=null==u?void 0:u.format)&&void 0!==c?c:""},C=async e=>{let t=await g({type:m.DE.s3,details:{auth_method:e.auth_method,bucket:e.bucket},format:e.format});(0,l.D4)(t)?y(t.error):(_(e.auth_method),b("S3 storage credentials successfully updated."))},q=async e=>{let t=await f({details:{aws_access_key_id:e.aws_access_key_id,aws_secret_access_key:e.aws_secret_access_key},type:m.DE.s3});(0,l.D4)(t)?y(t.error):b("S3 storage secrets successfully updated.")};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.X6q,{fontSize:"md",fontWeight:"semibold",mt:10,children:"S3 storage configuration"}),(0,s.jsx)(a.Kqy,{children:(0,s.jsx)(p.J9,{initialValues:k,onSubmit:C,enableReinitialize:!0,children:e=>{let{isSubmitting:t,handleReset:i}=e;return(0,s.jsxs)(p.l0,{children:[(0,s.jsxs)(a.Kqy,{mt:5,spacing:5,children:[(0,s.jsx)(x.d,{name:"format",label:"Format",options:[{label:"json",value:"json"},{label:"csv",value:"csv"}],"data-testid":"format",isRequired:!0}),(0,s.jsx)(x.d,{name:"auth_method",label:"Auth method",options:[{label:"secret_keys",value:"secret_keys"},{label:"automatic",value:"automatic"}],"data-testid":"auth_method",isRequired:!0}),(0,s.jsx)(j.j0,{"data-testid":"bucket",name:"bucket",label:"Bucket",isRequired:!0})]}),(0,s.jsx)(a.wpx,{onClick:()=>i(),className:"mr-2 mt-5",children:"Cancel"}),(0,s.jsx)(a.wpx,{htmlType:"submit",className:"mt-5",disabled:t,type:"primary","data-testid":"save-btn",children:"Save"})]})}})}),"secret_keys"===v?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.izJ,{mt:5}),(0,s.jsx)(a.X6q,{fontSize:"md",fontWeight:"semibold",mt:5,children:"Storage destination"}),(0,s.jsx)(a.Kqy,{children:(0,s.jsx)(p.J9,{initialValues:{aws_access_key_id:"",aws_secret_access_key:""},onSubmit:q,children:e=>{let{isSubmitting:t,handleReset:i}=e;return(0,s.jsxs)(p.l0,{children:[(0,s.jsxs)(a.Kqy,{mt:5,spacing:5,children:[(0,s.jsx)(j.j0,{name:"aws_access_key_id",label:"AWS access key ID"}),(0,s.jsx)(j.j0,{name:"aws_secret_access_key",label:"AWS secret access key",type:"password"})]}),(0,s.jsxs)(a.xuv,{mt:10,children:[(0,s.jsx)(a.wpx,{onClick:()=>i(),className:"mr-2 mt-5",children:"Cancel"}),(0,s.jsx)(a.wpx,{disabled:t,htmlType:"submit",type:"primary",className:"mt-5","data-testid":"save-btn",children:"Save"})]})]})}})})]}):null]})},g=()=>{let{successAlert:e}=(0,n.V)(),{handleError:t}=(0,n.H)(),[i,p]=(0,r.useState)(""),{data:x}=(0,h.PW)(),{data:j}=(0,h.Au)({type:i}),[g,{isLoading:f}]=(0,h.gC)(),[y]=(0,u.L)();(0,r.useEffect)(()=>{x&&p(x.type)},[x]);let b=async i=>{let{value:s}=i.target;if(s===m.DE.local){let i=await g({type:s,details:{},format:"json"});(0,l.D4)(i)?t(i.error):e("Configured storage details successfully.")}let a=await y({storage:{active_default_storage_type:s}});(0,l.D4)(a)?t(a.error):p(s)},k={s3:_,gcs:v}[i];return(0,s.jsxs)(o.Z,{title:"Configure Privacy Requests - Storage",children:[(0,s.jsx)(c.Z,{heading:"Privacy Requests",breadcrumbItems:[{title:"All requests",href:d.Jw},{title:"Configure requests",href:d.fz},{title:"Storage"}]}),(0,s.jsx)(a.X6q,{mb:5,fontSize:"md",fontWeight:"semibold",children:"Configure storage"}),(0,s.jsxs)(a.xuv,{display:"flex",flexDirection:"column",width:"50%",children:[(0,s.jsx)(a.xuv,{mb:5,children:"Fides requires a storage destination to store and share the results of privacy requests. For a production setup, it is highly recommended to have S3 as a storage destination. Ensure you have completed the setup for the storage destination and have the details handy prior to the following steps."}),(0,s.jsxs)(a.xuv,{children:["To configure a Storage destination, first choose a method to store your results. Fides currently supports"," ",(0,s.jsx)(a.xvT,{as:"span",color:"complimentary.500",children:"Local"}),", ",(0,s.jsx)(a.xvT,{as:"span",color:"complimentary.500",children:"S3"})," ","and"," ",(0,s.jsx)(a.xvT,{as:"span",color:"complimentary.500",children:"GCS"})," ","storage methods."]}),(0,s.jsx)(a.X6q,{fontSize:"md",fontWeight:"semibold",mt:10,children:"Choose storage type to configure"}),(0,s.jsx)(a.y02.Group,{disabled:f,onChange:b,value:i,"data-testid":"privacy-requests-storage-selection",className:"p-3",children:(0,s.jsxs)(a.jqI,{children:[(0,s.jsx)(a.y02,{value:"local","data-testid":"option-local",children:"Local"},"local"),(0,s.jsx)(a.y02,{value:"s3","data-testid":"option-s3",children:"S3"},"s3"),(0,s.jsx)(a.y02,{value:"gcs","data-testid":"option-gcs",children:"GCS"},"gcs")]})}),k&&j&&(0,s.jsx)(k,{storageDetails:j})]})]})},f=()=>(0,s.jsx)(g,{})}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=23663)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5979],{23663:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/privacy-requests/configure/storage",function(){return i(64665)}])},77213:function(e,t,i){"use strict";i.d(t,{Z:function(){return m}});var s=i(24246),a=i(27824),r=i(88038),l=i.n(r),n=i(86677);i(27378);var o=i(25980),d=i(90867),c=i(77830),u=()=>{let e=(0,n.useRouter)();return(0,s.jsx)(a.xuv,{bg:"gray.50",border:"1px solid",borderColor:"blue.400",borderRadius:"md",justifyContent:"space-between",p:5,mb:5,mt:5,children:(0,s.jsxs)(a.xuv,{children:[(0,s.jsxs)(a.Kqy,{direction:{base:"column",sm:"row"},justifyContent:"space-between",children:[(0,s.jsx)(a.xvT,{fontWeight:"semibold",children:"Configure your storage and messaging provider"}),(0,s.jsx)(a.wpx,{onClick:()=>{e.push(c.fz)},children:"Configure"})]}),(0,s.jsxs)(a.xvT,{children:["Before Fides can process your privacy requests we need two simple steps to configure your storage and email client."," "]})]})})},m=e=>{let{children:t,title:i,padded:r=!0,mainProps:c}=e,m=(0,o.hz)(),h=(0,n.useRouter)(),p="/privacy-requests"===h.pathname||"/datastore-connection"===h.pathname,x=!(m.flags.privacyRequestsConfiguration&&p),{data:j}=(0,d.JE)(void 0,{skip:x}),{data:v}=(0,d.PW)(void 0,{skip:x}),_=m.flags.privacyRequestsConfiguration&&(!j||!v)&&p;return(0,s.jsxs)(a.kCb,{"data-testid":i,direction:"column",h:"100vh",children:[(0,s.jsxs)(l(),{children:[(0,s.jsxs)("title",{children:["Fides Admin UI - ",i]}),(0,s.jsx)("meta",{name:"description",content:"Privacy Engineering Platform"}),(0,s.jsx)("link",{rel:"icon",href:"/favicon.ico"})]}),(0,s.jsxs)(a.kCb,{as:"main",direction:"column",py:r?6:0,px:r?10:0,h:r?"calc(100% - 48px)":"full",flex:1,minWidth:0,overflow:"auto",...c,children:[_?(0,s.jsx)(u,{}):null,t]})]})}},58754:function(e,t,i){"use strict";var s=i(24246),a=i(27824),r=i(70788);t.Z=e=>{let{heading:t,breadcrumbItems:i,isSticky:l=!0,children:n,rightContent:o,style:d,...c}=e;return(0,s.jsxs)("div",{...c,style:l?{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,s.jsxs)(a.jqI,{justify:"space-between",children:["string"==typeof t?(0,s.jsx)(a.lQT,{className:i||n?"pb-4":void 0,level:1,"data-testid":"page-heading",children:t}):t,o&&(0,s.jsx)("div",{"data-testid":"page-header-right-content",children:o})]}),!!i&&(0,s.jsx)(r.m,{className:n?"pb-4":void 0,items:i,"data-testid":"page-breadcrumb"}),n]})}},97181:function(e,t,i){"use strict";i.d(t,{d:function(){return d}});var s=i(24246),a=i(27824),r=i(34090),l=i(27378),n=i(46238),o=i(40324);let d=e=>{let{name:t,label:i,labelProps:d,tooltip:c,isRequired:u,layout:m="inline",helperText:h,...p}=e,[x,j,{setValue:v}]=(0,r.U$)(t),_=!!(j.touched&&j.error),[g,f]=(0,l.useState)("");x.value||"tags"!==p.mode&&"multiple"!==p.mode||(x.value=[]),"tags"===p.mode&&"string"==typeof x.value&&(x.value=[x.value]);let y="tags"===p.mode?(e,t)=>e?e.value!==g||x.value.includes(g)?p.optionRender?p.optionRender(e,t):e.label:'Create "'.concat(g,'"'):void 0:p.optionRender||void 0,b=e=>{f(e),p.onSearch&&p.onSearch(e)},k=(e,t)=>{v(e),p.onChange&&p.onChange(e,t)};return"inline"===m?(0,s.jsx)(a.NIc,{isInvalid:_,isRequired:u,children:(0,s.jsxs)(a.rjZ,{templateColumns:i?"1fr 3fr":"1fr",children:[i?(0,s.jsx)(o.__,{htmlFor:p.id||t,...d,children:i}):null,(0,s.jsxs)(a.jqI,{align:"center",children:[(0,s.jsxs)(a.jqI,{vertical:!0,flex:1,className:"mr-2",children:[(0,s.jsx)(a.WPr,{...x,id:p.id||t,"data-testid":"controlled-select-".concat(x.name),...p,optionRender:y,onSearch:"tags"===p.mode?b:void 0,onChange:k,value:x.value||void 0,status:_?"error":void 0}),h&&(0,s.jsx)(a.Q6r,{children:h}),(0,s.jsx)(o.Bc,{isInvalid:_,message:j.error,fieldName:x.name})]}),(0,s.jsx)(n.b,{label:c,className:_?"mt-2 self-start":void 0})]})]})}):(0,s.jsx)(a.NIc,{isInvalid:_,isRequired:u,children:(0,s.jsxs)(a.gCW,{alignItems:"start",children:[(0,s.jsxs)(a.jqI,{align:"center",children:[i?(0,s.jsx)(o.__,{htmlFor:p.id||t,fontSize:"xs",my:0,mr:1,...d,children:i}):null,(0,s.jsx)(n.b,{label:c})]}),(0,s.jsx)(a.WPr,{...x,id:p.id||t,"data-testid":"controlled-select-".concat(x.name),...p,optionRender:y,onSearch:"tags"===p.mode?b:void 0,onChange:k,value:x.value||void 0,status:_?"error":void 0}),h&&(0,s.jsx)(a.Q6r,{style:{marginTop:0},children:h}),(0,s.jsx)(o.Bc,{isInvalid:_,message:j.error,fieldName:x.name})]})})}},14047:function(e,t,i){"use strict";i.d(t,{H:function(){return r},V:function(){return s.V}});var s=i(84306),a=i(812);let r=()=>{let{errorAlert:e}=(0,s.V)();return{handleError:t=>{let i="An unexpected error occurred. Please try again.";(0,a.Ot)(t)?i=t.data.detail:(0,a.tB)(t)&&(i=t.data.detail[0].msg),e(i)}}}},84306:function(e,t,i){"use strict";i.d(t,{V:function(){return r}});var s=i(24246),a=i(27824);let r=()=>{let e=(0,a.pmc)();return{errorAlert:(t,i,r)=>{let l={...r,position:(null==r?void 0:r.position)||"top",render:e=>{let{onClose:r}=e;return(0,s.jsxs)(a.bZj,{alignItems:"normal",status:"error","data-testid":"error-alert",children:[(0,s.jsx)(a.zMQ,{}),(0,s.jsxs)(a.xuv,{children:[i&&(0,s.jsx)(a.CdC,{children:i}),(0,s.jsx)(a.XaZ,{children:t})]}),(0,s.jsx)(a.PZ7,{onClick:r,position:"relative",right:0,size:"sm",top:-1})]})}};(null==r?void 0:r.id)&&e.isActive(r.id)?e.update(r.id,l):e(l)},successAlert:(t,i,r)=>{let l={...r,position:(null==r?void 0:r.position)||"top",render:e=>{let{onClose:r}=e;return(0,s.jsxs)(a.bZj,{alignItems:"normal",status:"success",variant:"subtle","data-testid":"success-alert",children:[(0,s.jsx)(a.zMQ,{}),(0,s.jsxs)(a.xuv,{children:[i&&(0,s.jsx)(a.CdC,{children:i}),(0,s.jsx)(a.XaZ,{children:t})]}),(0,s.jsx)(a.PZ7,{onClick:r,position:"relative",right:0,size:"sm",top:-1})]})}};(null==r?void 0:r.id)&&e.isActive(r.id)?e.update(r.id,l):e(l)}}}},70788:function(e,t,i){"use strict";i.d(t,{m:function(){return d}});var s=i(24246),a=i(27824),r=i(79894),l=i.n(r),n=i(27378);let{Text:o}=a.AntTypography,d=e=>{let{items:t,...i}=e,r=(0,n.useMemo)(()=>null==t?void 0:t.map((e,i)=>{let r=i===t.length-1,n={...e},d=n.onClick&&!n.href;return("string"==typeof n.title&&(n.title=(0,s.jsx)(o,{style:{color:"inherit",maxWidth:r?void 0:400},ellipsis:!r,children:n.title})),d)?n.title=(0,s.jsx)(a.wpx,{type:"text",size:"small",icon:n.icon,onClick:n.onClick,className:"ant-breadcrumb-link -mt-px px-1 text-inherit",children:n.title}):(n.icon&&(n.title=(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{className:"anticon align-text-bottom",children:n.icon}),n.title]})),n.href&&n.title&&(n.title=(0,s.jsx)(l(),{href:n.href,className:"ant-breadcrumb-link",children:n.title}),delete n.href)),n}),[t]);return(0,s.jsx)(a.zrq,{items:r,...i})}},71784:function(e,t,i){"use strict";i.d(t,{DE:function(){return o},I3:function(){return a},kN:function(){return l},qX:function(){return n},rE:function(){return r}});var s=i(54682);let a=[...new Map([[s.q2.APPROVED,"Approved"],[s.q2.AWAITING_EMAIL_SEND,"Awaiting email send"],[s.q2.CANCELED,"Canceled"],[s.q2.COMPLETE,"Completed"],[s.q2.DENIED,"Denied"],[s.q2.ERROR,"Error"],[s.q2.IN_PROCESSING,"In progress"],[s.q2.PENDING,"New"],[s.q2.PAUSED,"Paused"],[s.q2.IDENTITY_UNVERIFIED,"Unverified"],[s.q2.REQUIRES_INPUT,"Requires input"],[s.q2.REQUIRES_MANUAL_FINALIZATION,"Requires finalization"]])].map(e=>{let[t,i]=e;return{label:i,value:t}}),r=new Map([[s.Us.ACCESS,"Access"],[s.Us.ERASURE,"Erasure"],[s.Us.CONSENT,"Consent"],[s.Us.UPDATE,"Update"]]),l=[...r].map(e=>{let[t,i]=e;return{label:i,value:t}}),n={mailgun:"mailgun",twilio_email:"twilio_email",twilio_text:"twilio_text"},o={local:"local",s3:"s3",gcs:"gcs"}},64665:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return f}});var s=i(24246),a=i(27824),r=i(27378),l=i(812),n=i(14047),o=i(77213),d=i(77830),c=i(58754),u=i(7426),m=i(71784),h=i(90867),p=i(34090),x=i(97181),j=i(40324),v=e=>{var t,i,o,d,c;let{storageDetails:u}=e,[v,_]=(0,r.useState)(""),[g]=(0,h.gC)(),[f]=(0,h.cf)(),{handleError:y}=(0,n.H)(),{successAlert:b}=(0,n.V)(),k={type:m.DE.gcs,auth_method:null!==(o=null==u?void 0:null===(t=u.details)||void 0===t?void 0:t.auth_method)&&void 0!==o?o:"",bucket:null!==(d=null==u?void 0:null===(i=u.details)||void 0===i?void 0:i.bucket)&&void 0!==d?d:"",format:null!==(c=null==u?void 0:u.format)&&void 0!==c?c:""},C=async e=>{let t=await g({type:m.DE.gcs,details:{auth_method:e.auth_method,bucket:e.bucket},format:e.format});(0,l.D4)(t)?y(t.error):(_(e.auth_method),b("Google Cloud Storage credentials successfully updated."))},q=async e=>{let t=e.private_key.trim();t.includes("\\n")&&(t=t.replace(/\\n/g,"\n"));let i=await f({details:{type:e.type,project_id:e.project_id,private_key_id:e.private_key_id,private_key:t,client_email:e.client_email,client_id:e.client_id,auth_uri:e.auth_uri,token_uri:e.token_uri,auth_provider_x509_cert_url:e.auth_provider_x509_cert_url,client_x509_cert_url:e.client_x509_cert_url,universe_domain:e.universe_domain},type:m.DE.gcs});(0,l.D4)(i)?y(i.error):b("Google Cloud Storage secrets successfully updated.")};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.X6q,{fontSize:"md",fontWeight:"semibold",mt:10,children:"Google Cloud Storage configuration"}),(0,s.jsx)(a.Kqy,{children:(0,s.jsx)(p.J9,{initialValues:k,onSubmit:C,enableReinitialize:!0,children:e=>{let{isSubmitting:t,handleReset:i}=e;return(0,s.jsxs)(p.l0,{children:[(0,s.jsxs)(a.Kqy,{mt:5,spacing:5,children:[(0,s.jsx)(x.d,{name:"format",label:"Format",options:[{label:"json",value:"json"},{label:"csv",value:"csv"}],"data-testid":"format",isRequired:!0}),(0,s.jsx)(x.d,{name:"auth_method",label:"Auth method",options:[{label:"Service Account Keys",value:"service_account_keys"},{label:"Application Default Credentials",value:"adc"}],"data-testid":"auth_method",isRequired:!0}),(0,s.jsx)(j.j0,{"data-testid":"bucket",name:"bucket",label:"Bucket",isRequired:!0})]}),(0,s.jsx)(a.wpx,{onClick:()=>i(),className:"mr-2 mt-5",children:"Cancel"}),(0,s.jsx)(a.wpx,{htmlType:"submit",className:"mt-5",disabled:t,type:"primary","data-testid":"save-btn",children:"Save"})]})}})}),"service_account_keys"===v&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.izJ,{mt:5}),(0,s.jsx)(a.X6q,{fontSize:"md",fontWeight:"semibold",mt:5,children:"Storage destination"}),(0,s.jsx)(a.Kqy,{children:(0,s.jsx)(p.J9,{initialValues:{type:"",project_id:"",private_key_id:"",private_key:"",client_email:"",client_id:"",auth_uri:"",token_uri:"",auth_provider_x509_cert_url:"",client_x509_cert_url:"",universe_domain:""},onSubmit:q,children:e=>{let{isSubmitting:t,handleReset:i}=e;return(0,s.jsxs)(p.l0,{children:[(0,s.jsxs)(a.Kqy,{mt:5,spacing:5,children:[(0,s.jsx)(j.j0,{name:"type",label:"Type"}),(0,s.jsx)(j.j0,{name:"project_id",label:"Project ID"}),(0,s.jsx)(j.j0,{name:"private_key_id",label:"Private key ID",type:"password"}),(0,s.jsx)(j.j0,{name:"private_key",label:"Private key",type:"password"}),(0,s.jsx)(j.j0,{name:"client_email",label:"Client email"}),(0,s.jsx)(j.j0,{name:"client_id",label:"Client ID"}),(0,s.jsx)(j.j0,{name:"auth_uri",label:"Auth URI"}),(0,s.jsx)(j.j0,{name:"token_uri",label:"Token URI"}),(0,s.jsx)(j.j0,{name:"auth_provider_x509_cert_url",label:"Auth provider x509 cert URL"}),(0,s.jsx)(j.j0,{name:"client_x509_cert_url",label:"Client x509 cert URL"}),(0,s.jsx)(j.j0,{name:"universe_domain",label:"Universe domain"})]}),(0,s.jsxs)(a.xuv,{mt:10,children:[(0,s.jsx)(a.wpx,{onClick:()=>i(),className:"mr-2 mt-5",children:"Cancel"}),(0,s.jsx)(a.wpx,{disabled:t,htmlType:"submit",type:"primary",className:"mt-5","data-testid":"save-btn",children:"Save"})]})]})}})})]})]})},_=e=>{var t,i,o,d,c;let{storageDetails:u}=e,[v,_]=(0,r.useState)(""),[g]=(0,h.gC)(),[f]=(0,h.cf)(),{handleError:y}=(0,n.H)(),{successAlert:b}=(0,n.V)(),k={type:m.DE.s3,auth_method:null!==(o=null==u?void 0:null===(t=u.details)||void 0===t?void 0:t.auth_method)&&void 0!==o?o:"",bucket:null!==(d=null==u?void 0:null===(i=u.details)||void 0===i?void 0:i.bucket)&&void 0!==d?d:"",format:null!==(c=null==u?void 0:u.format)&&void 0!==c?c:""},C=async e=>{let t=await g({type:m.DE.s3,details:{auth_method:e.auth_method,bucket:e.bucket},format:e.format});(0,l.D4)(t)?y(t.error):(_(e.auth_method),b("S3 storage credentials successfully updated."))},q=async e=>{let t=await f({details:{aws_access_key_id:e.aws_access_key_id,aws_secret_access_key:e.aws_secret_access_key},type:m.DE.s3});(0,l.D4)(t)?y(t.error):b("S3 storage secrets successfully updated.")};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.X6q,{fontSize:"md",fontWeight:"semibold",mt:10,children:"S3 storage configuration"}),(0,s.jsx)(a.Kqy,{children:(0,s.jsx)(p.J9,{initialValues:k,onSubmit:C,enableReinitialize:!0,children:e=>{let{isSubmitting:t,handleReset:i}=e;return(0,s.jsxs)(p.l0,{children:[(0,s.jsxs)(a.Kqy,{mt:5,spacing:5,children:[(0,s.jsx)(x.d,{name:"format",label:"Format",options:[{label:"json",value:"json"},{label:"csv",value:"csv"}],"data-testid":"format",isRequired:!0}),(0,s.jsx)(x.d,{name:"auth_method",label:"Auth method",options:[{label:"secret_keys",value:"secret_keys"},{label:"automatic",value:"automatic"}],"data-testid":"auth_method",isRequired:!0}),(0,s.jsx)(j.j0,{"data-testid":"bucket",name:"bucket",label:"Bucket",isRequired:!0})]}),(0,s.jsx)(a.wpx,{onClick:()=>i(),className:"mr-2 mt-5",children:"Cancel"}),(0,s.jsx)(a.wpx,{htmlType:"submit",className:"mt-5",disabled:t,type:"primary","data-testid":"save-btn",children:"Save"})]})}})}),"secret_keys"===v?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.izJ,{mt:5}),(0,s.jsx)(a.X6q,{fontSize:"md",fontWeight:"semibold",mt:5,children:"Storage destination"}),(0,s.jsx)(a.Kqy,{children:(0,s.jsx)(p.J9,{initialValues:{aws_access_key_id:"",aws_secret_access_key:""},onSubmit:q,children:e=>{let{isSubmitting:t,handleReset:i}=e;return(0,s.jsxs)(p.l0,{children:[(0,s.jsxs)(a.Kqy,{mt:5,spacing:5,children:[(0,s.jsx)(j.j0,{name:"aws_access_key_id",label:"AWS access key ID"}),(0,s.jsx)(j.j0,{name:"aws_secret_access_key",label:"AWS secret access key",type:"password"})]}),(0,s.jsxs)(a.xuv,{mt:10,children:[(0,s.jsx)(a.wpx,{onClick:()=>i(),className:"mr-2 mt-5",children:"Cancel"}),(0,s.jsx)(a.wpx,{disabled:t,htmlType:"submit",type:"primary",className:"mt-5","data-testid":"save-btn",children:"Save"})]})]})}})})]}):null]})},g=()=>{let{successAlert:e}=(0,n.V)(),{handleError:t}=(0,n.H)(),[i,p]=(0,r.useState)(""),{data:x}=(0,h.PW)(),{data:j}=(0,h.Au)({type:i}),[g,{isLoading:f}]=(0,h.gC)(),[y]=(0,u.L)();(0,r.useEffect)(()=>{x&&p(x.type)},[x]);let b=async i=>{let{value:s}=i.target;if(s===m.DE.local){let i=await g({type:s,details:{},format:"json"});(0,l.D4)(i)?t(i.error):e("Configured storage details successfully.")}let a=await y({storage:{active_default_storage_type:s}});(0,l.D4)(a)?t(a.error):p(s)},k={s3:_,gcs:v}[i];return(0,s.jsxs)(o.Z,{title:"Configure Privacy Requests - Storage",children:[(0,s.jsx)(c.Z,{heading:"Privacy Requests",breadcrumbItems:[{title:"All requests",href:d.Jw},{title:"Configure requests",href:d.fz},{title:"Storage"}]}),(0,s.jsx)(a.X6q,{mb:5,fontSize:"md",fontWeight:"semibold",children:"Configure storage"}),(0,s.jsxs)(a.xuv,{display:"flex",flexDirection:"column",width:"50%",children:[(0,s.jsx)(a.xuv,{mb:5,children:"Fides requires a storage destination to store and share the results of privacy requests. For a production setup, it is highly recommended to have S3 as a storage destination. Ensure you have completed the setup for the storage destination and have the details handy prior to the following steps."}),(0,s.jsxs)(a.xuv,{children:["To configure a Storage destination, first choose a method to store your results. Fides currently supports"," ",(0,s.jsx)(a.xvT,{as:"span",color:"complimentary.500",children:"Local"}),", ",(0,s.jsx)(a.xvT,{as:"span",color:"complimentary.500",children:"S3"})," ","and"," ",(0,s.jsx)(a.xvT,{as:"span",color:"complimentary.500",children:"GCS"})," ","storage methods."]}),(0,s.jsx)(a.X6q,{fontSize:"md",fontWeight:"semibold",mt:10,children:"Choose storage type to configure"}),(0,s.jsx)(a.y02.Group,{disabled:f,onChange:b,value:i,"data-testid":"privacy-requests-storage-selection",className:"p-3",children:(0,s.jsxs)(a.jqI,{children:[(0,s.jsx)(a.y02,{value:"local","data-testid":"option-local",children:"Local"},"local"),(0,s.jsx)(a.y02,{value:"s3","data-testid":"option-s3",children:"S3"},"s3"),(0,s.jsx)(a.y02,{value:"gcs","data-testid":"option-gcs",children:"GCS"},"gcs")]})}),k&&j&&(0,s.jsx)(k,{storageDetails:j})]})]})},f=()=>(0,s.jsx)(g,{})}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=23663)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/privacy-requests/{configure-e551a860ec727802.js → configure-3ce15577435d47cb.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1242],{29221:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/privacy-requests/configure",function(){return r(57916)}])},77213:function(e,t,r){"use strict";r.d(t,{Z:function(){return p}});var i=r(24246),s=r(13577),n=r(88038),o=r.n(n),a=r(86677);r(27378);var d=r(25980),c=r(90867),l=r(77830),u=()=>{let e=(0,a.useRouter)();return(0,i.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,i.jsxs)(s.xuv,{children:[(0,i.jsxs)(s.Kqy,{direction:{base:"column",sm:"row"},justifyContent:"space-between",children:[(0,i.jsx)(s.xvT,{fontWeight:"semibold",children:"Configure your storage and messaging provider"}),(0,i.jsx)(s.wpx,{onClick:()=>{e.push(l.fz)},children:"Configure"})]}),(0,i.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:r,padded:n=!0,mainProps:l}=e,p=(0,d.hz)(),g=(0,a.useRouter)(),h="/privacy-requests"===g.pathname||"/datastore-connection"===g.pathname,m=!(p.flags.privacyRequestsConfiguration&&h),{data:x}=(0,c.JE)(void 0,{skip:m}),{data:f}=(0,c.PW)(void 0,{skip:m}),y=p.flags.privacyRequestsConfiguration&&(!x||!f)&&h;return(0,i.jsxs)(s.kCb,{"data-testid":r,direction:"column",h:"100vh",children:[(0,i.jsxs)(o(),{children:[(0,i.jsxs)("title",{children:["Fides Admin UI - ",r]}),(0,i.jsx)("meta",{name:"description",content:"Privacy Engineering Platform"}),(0,i.jsx)("link",{rel:"icon",href:"/favicon.ico"})]}),(0,i.jsxs)(s.kCb,{as:"main",direction:"column",py:n?6:0,px:n?10:0,h:n?"calc(100% - 48px)":"full",flex:1,minWidth:0,overflow:"auto",...l,children:[y?(0,i.jsx)(u,{}):null,t]})]})}},58754:function(e,t,r){"use strict";var i=r(24246),s=r(13577),n=r(70788);t.Z=e=>{let{heading:t,breadcrumbItems:r,isSticky:o=!0,children:a,rightContent:d,style:c,...l}=e;return(0,i.jsxs)("div",{...l,style:o?{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)(s.jqI,{justify:"space-between",children:["string"==typeof t?(0,i.jsx)(s.lQT,{className:r||a?"pb-4":void 0,level:1,"data-testid":"page-heading",children:t}):t,d&&(0,i.jsx)("div",{"data-testid":"page-header-right-content",children:d})]}),!!r&&(0,i.jsx)(n.m,{className:a?"pb-4":void 0,items:r,"data-testid":"page-breadcrumb"}),a]})}},70788:function(e,t,r){"use strict";r.d(t,{m:function(){return c}});var i=r(24246),s=r(13577),n=r(79894),o=r.n(n),a=r(27378);let{Text:d}=s.AntTypography,c=e=>{let{items:t,...r}=e,n=(0,a.useMemo)(()=>null==t?void 0:t.map((e,r)=>{let n=r===t.length-1,a={...e},c=a.onClick&&!a.href;return("string"==typeof a.title&&(a.title=(0,i.jsx)(d,{style:{color:"inherit",maxWidth:n?void 0:400},ellipsis:!n,children:a.title})),c)?a.title=(0,i.jsx)(s.wpx,{type:"text",size:"small",icon:a.icon,onClick:a.onClick,className:"ant-breadcrumb-link -mt-px px-1 text-inherit",children:a.title}):(a.icon&&(a.title=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:"anticon align-text-bottom",children:a.icon}),a.title]})),a.href&&a.title&&(a.title=(0,i.jsx)(o(),{href:a.href,className:"ant-breadcrumb-link",children:a.title}),delete a.href)),a}),[t]);return(0,i.jsx)(s.zrq,{items:n,...r})}},57916:function(e,t,r){"use strict";r.r(t);var i=r(24246),s=r(13577),n=r(79894),o=r.n(n),a=r(77213),d=r(77830),c=r(58754);let{Text:l}=s.AntTypography;t.default=()=>(0,i.jsxs)(a.Z,{title:"Configure Privacy Requests",children:[(0,i.jsx)(c.Z,{heading:"Privacy Requests",breadcrumbItems:[{title:"All requests",href:d.Jw},{title:"Configure requests"}]}),(0,i.jsx)(l,{strong:!0,children:"Configure your privacy requests:"}),(0,i.jsxs)(s.xuv,{display:"flex",alignItems:"center",my:5,"data-testid":"privacy-requests-configure",children:[(0,i.jsxs)(s.fGe,{p:"5",borderWidth:"1px",rounded:"md",borderColor:"gray.300",_hover:{borderColor:"complimentary.500",cursor:"pointer"},mr:5,minHeight:"100%",children:[(0,i.jsx)(s.X6q,{mb:2,size:"sm",children:(0,i.jsx)(s.AB5,{as:o(),href:"/privacy-requests/configure/messaging",children:"Configure messaging provider"})}),"Fides supports email (Mailgun & Twilio) and SMS (Twilio) server configurations for sending processing notices to privacy request subjects. Configure your settings here."]}),(0,i.jsxs)(s.fGe,{p:"5",borderWidth:"1px",rounded:"md",borderColor:"gray.300",_hover:{borderColor:"complimentary.500",cursor:"pointer"},minHeight:"100%",children:[(0,i.jsx)(s.X6q,{mb:2,size:"sm",children:(0,i.jsx)(s.AB5,{as:o(),href:"/privacy-requests/configure/storage",children:"Configure storage"})}),"The data produced by an access request will need to be uploaded to a storage destination (e.g. an S3 bucket) in order to be returned to the user. At least one storage destination must be configured to process access requests. Configure your settings here."]})]})]})}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=29221)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1242],{29221:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/privacy-requests/configure",function(){return r(57916)}])},77213:function(e,t,r){"use strict";r.d(t,{Z:function(){return p}});var i=r(24246),s=r(27824),n=r(88038),o=r.n(n),a=r(86677);r(27378);var d=r(25980),c=r(90867),l=r(77830),u=()=>{let e=(0,a.useRouter)();return(0,i.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,i.jsxs)(s.xuv,{children:[(0,i.jsxs)(s.Kqy,{direction:{base:"column",sm:"row"},justifyContent:"space-between",children:[(0,i.jsx)(s.xvT,{fontWeight:"semibold",children:"Configure your storage and messaging provider"}),(0,i.jsx)(s.wpx,{onClick:()=>{e.push(l.fz)},children:"Configure"})]}),(0,i.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:r,padded:n=!0,mainProps:l}=e,p=(0,d.hz)(),g=(0,a.useRouter)(),h="/privacy-requests"===g.pathname||"/datastore-connection"===g.pathname,m=!(p.flags.privacyRequestsConfiguration&&h),{data:x}=(0,c.JE)(void 0,{skip:m}),{data:f}=(0,c.PW)(void 0,{skip:m}),y=p.flags.privacyRequestsConfiguration&&(!x||!f)&&h;return(0,i.jsxs)(s.kCb,{"data-testid":r,direction:"column",h:"100vh",children:[(0,i.jsxs)(o(),{children:[(0,i.jsxs)("title",{children:["Fides Admin UI - ",r]}),(0,i.jsx)("meta",{name:"description",content:"Privacy Engineering Platform"}),(0,i.jsx)("link",{rel:"icon",href:"/favicon.ico"})]}),(0,i.jsxs)(s.kCb,{as:"main",direction:"column",py:n?6:0,px:n?10:0,h:n?"calc(100% - 48px)":"full",flex:1,minWidth:0,overflow:"auto",...l,children:[y?(0,i.jsx)(u,{}):null,t]})]})}},58754:function(e,t,r){"use strict";var i=r(24246),s=r(27824),n=r(70788);t.Z=e=>{let{heading:t,breadcrumbItems:r,isSticky:o=!0,children:a,rightContent:d,style:c,...l}=e;return(0,i.jsxs)("div",{...l,style:o?{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)(s.jqI,{justify:"space-between",children:["string"==typeof t?(0,i.jsx)(s.lQT,{className:r||a?"pb-4":void 0,level:1,"data-testid":"page-heading",children:t}):t,d&&(0,i.jsx)("div",{"data-testid":"page-header-right-content",children:d})]}),!!r&&(0,i.jsx)(n.m,{className:a?"pb-4":void 0,items:r,"data-testid":"page-breadcrumb"}),a]})}},70788:function(e,t,r){"use strict";r.d(t,{m:function(){return c}});var i=r(24246),s=r(27824),n=r(79894),o=r.n(n),a=r(27378);let{Text:d}=s.AntTypography,c=e=>{let{items:t,...r}=e,n=(0,a.useMemo)(()=>null==t?void 0:t.map((e,r)=>{let n=r===t.length-1,a={...e},c=a.onClick&&!a.href;return("string"==typeof a.title&&(a.title=(0,i.jsx)(d,{style:{color:"inherit",maxWidth:n?void 0:400},ellipsis:!n,children:a.title})),c)?a.title=(0,i.jsx)(s.wpx,{type:"text",size:"small",icon:a.icon,onClick:a.onClick,className:"ant-breadcrumb-link -mt-px px-1 text-inherit",children:a.title}):(a.icon&&(a.title=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:"anticon align-text-bottom",children:a.icon}),a.title]})),a.href&&a.title&&(a.title=(0,i.jsx)(o(),{href:a.href,className:"ant-breadcrumb-link",children:a.title}),delete a.href)),a}),[t]);return(0,i.jsx)(s.zrq,{items:n,...r})}},57916:function(e,t,r){"use strict";r.r(t);var i=r(24246),s=r(27824),n=r(79894),o=r.n(n),a=r(77213),d=r(77830),c=r(58754);let{Text:l}=s.AntTypography;t.default=()=>(0,i.jsxs)(a.Z,{title:"Configure Privacy Requests",children:[(0,i.jsx)(c.Z,{heading:"Privacy Requests",breadcrumbItems:[{title:"All requests",href:d.Jw},{title:"Configure requests"}]}),(0,i.jsx)(l,{strong:!0,children:"Configure your privacy requests:"}),(0,i.jsxs)(s.xuv,{display:"flex",alignItems:"center",my:5,"data-testid":"privacy-requests-configure",children:[(0,i.jsxs)(s.fGe,{p:"5",borderWidth:"1px",rounded:"md",borderColor:"gray.300",_hover:{borderColor:"complimentary.500",cursor:"pointer"},mr:5,minHeight:"100%",children:[(0,i.jsx)(s.X6q,{mb:2,size:"sm",children:(0,i.jsx)(s.AB5,{as:o(),href:"/privacy-requests/configure/messaging",children:"Configure messaging provider"})}),"Fides supports email (Mailgun & Twilio) and SMS (Twilio) server configurations for sending processing notices to privacy request subjects. Configure your settings here."]}),(0,i.jsxs)(s.fGe,{p:"5",borderWidth:"1px",rounded:"md",borderColor:"gray.300",_hover:{borderColor:"complimentary.500",cursor:"pointer"},minHeight:"100%",children:[(0,i.jsx)(s.X6q,{mb:2,size:"sm",children:(0,i.jsx)(s.AB5,{as:o(),href:"/privacy-requests/configure/storage",children:"Configure storage"})}),"The data produced by an access request will need to be uploaded to a storage destination (e.g. an S3 bucket) in order to be returned to the user. At least one storage destination must be configured to process access requests. Configure your settings here."]})]})]})}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=29221)}),_N_E=e.O()}]);