ethyca-fides 2.64.5rc4__py2.py3-none-any.whl → 2.64.6b1__py2.py3-none-any.whl

fides/ui-build/static/admin/_next/static/chunks/pages/integrations/[id]-8eee4d0314c83e50.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1500],{50697:function(e,i,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/integrations/[id]",function(){return t(13636)}])},7617:function(e,i,t){"use strict";t.d(i,{q:function(){return l}});var n=t(24246),a=t(38355);let l=e=>{let{label:i,isDisabled:t,...l}=e;return(0,n.jsx)(a.OK9,{"data-testid":"tab-".concat(i),_selected:{fontWeight:"600",color:"complimentary.500",borderColor:"complimentary.500"},fontSize:l.fontSize,fontWeight:"500",color:"gray.500",isDisabled:t||!1,children:i})};i.Z=e=>{let{data:i,border:t="partial",...o}=e;return(0,n.jsxs)(a.mQc,{colorScheme:"complimentary",...o,children:[(0,n.jsx)(a.tdY,{width:"partial"===t?"max-content":void 0,children:i.map(e=>(0,n.jsx)(l,{label:e.label,isDisabled:e.isDisabled,fontSize:o.fontSize},e.label))}),(0,n.jsx)(a.nPR,{children:i.map(e=>(0,n.jsx)(a.x45,{px:0,"data-testid":"tab-panel-".concat(e.label),children:e.content},e.label))})]})}},67991:function(e,i,t){"use strict";t.d(i,{Od:function(){return l},QZ:function(){return a}});var n=t(27378);let a=e=>{let{items:i,selected:t,onChange:n}=e,a=i.every(e=>t.includes(e.id))&&!!i.length;return{allSelected:a,someSelected:i.some(e=>t.includes(e.id))&&!!i.length,handleToggleAll:()=>{a?n([]):n(i.map(e=>e.id))},handleToggleSelection:e=>{t.includes(e)?n(t.filter(i=>i!==e)):n([...t,e])}}},l=e=>{let{initialSelected:i,initialExcluded:t,initialAllSelected:a,itemCount:l}=e,[o,r]=(0,n.useState)(i),[s,d]=(0,n.useState)(t),[c,u]=(0,n.useState)(a||o.length===l),_=!!o.length||!!s.length;return{selected:o,excluded:s,allSelected:c,someSelected:_,handleToggleAll:()=>{c?(d([]),s.length||u(!1)):(r([]),u(!0))},handleToggleItemSelected:e=>{if(c)d(s.includes(e)?s.filter(i=>i!==e):[...s,e]);else{let i=o.includes(e)?o.filter(i=>i!==e):[...o,e];r(i),i.length===l&&u(!0)}}}}},90111:function(e,i,t){"use strict";var n=t(24246),a=t(38355);i.Z=e=>{let{children:i,...t}=e;return(0,n.jsx)(a.xuv,{p:4,mb:4,border:"1px solid",borderColor:"gray.200",bgColor:"gray.50",borderRadius:"md",...t,children:i})}},8411:function(e,i,t){"use strict";t.d(i,{NA:function(){return l},Z8:function(){return a}});var n=t(46420);let a={[n._F.ER]:"Eritrea",[n._F.DJ]:"Djibouti",[n._F.MR]:"Mauritania",[n._F.NA]:"Namibia",[n._F.GH]:"Ghana",[n._F.SS]:"South Sudan",[n._F.SC]:"Seychelles",[n._F.IO]:"British Indian Ocean Territory",[n._F.GQ]:"Equatorial Guinea",[n._F.AO]:"Angola",[n._F.CG]:"Republic of the Congo",[n._F.BW]:"Botswana",[n._F.BI]:"Burundi",[n._F.DZ]:"Algeria",[n._F.TD]:"Chad",[n._F.NG]:"Nigeria",[n._F.TZ]:"Tanzania",[n._F.EH]:"Western Sahara",[n._F.SN]:"Senegal",[n._F.LR]:"Liberia",[n._F.ZA]:"South Africa",[n._F.CV]:"Cape Verde",[n._F.GM]:"Gambia",[n._F.SD]:"Sudan",[n._F.KM]:"Comoros",[n._F.SZ]:"Eswatini",[n._F.UG]:"Uganda",[n._F.MG]:"Madagascar",[n._F.RW]:"Rwanda",[n._F.CD]:"DR Congo",[n._F.CM]:"Cameroon",[n._F.SH]:"Saint Helena, Ascension and Tristan da Cunha",[n._F.TG]:"Togo",[n._F.MU]:"Mauritius",[n._F.NE]:"Niger",[n._F.BJ]:"Benin",[n._F.EG]:"Egypt",[n._F.LS]:"Lesotho",[n._F.ET]:"Ethiopia",[n._F.MA]:"Morocco",[n._F.YT]:"Mayotte",[n._F.BF]:"Burkina Faso",[n._F.RE]:"R\xe9union",[n._F.ST]:"S\xe3o Tom\xe9 and Pr\xedncipe",[n._F.CF]:"Central African Republic",[n._F.MZ]:"Mozambique",[n._F.MW]:"Malawi",[n._F.ML]:"Mali",[n._F.ZM]:"Zambia",[n._F.LY]:"Libya",[n._F.GW]:"Guinea-Bissau",[n._F.SO]:"Somalia",[n._F.KE]:"Kenya",[n._F.GN]:"Guinea",[n._F.ZW]:"Zimbabwe",[n._F.TN]:"Tunisia",[n._F.SL]:"Sierra Leone",[n._F.GA]:"Gabon",[n._F.CI]:"Ivory Coast",[n._F.JO]:"Jordan",[n._F.PK]:"Pakistan",[n._F.KP]:"North Korea",[n._F.MO]:"Macau",[n._F.AM]:"Armenia",[n._F.SY]:"Syria",[n._F.TJ]:"Tajikistan",[n._F.SA]:"Saudi Arabia",[n._F.KR]:"South Korea",[n._F.NP]:"Nepal",[n._F.PH]:"Philippines",[n._F.IQ]:"Iraq",[n._F.LB]:"Lebanon",[n._F.MN]:"Mongolia",[n._F.PS]:"Palestine",[n._F.YE]:"Yemen",[n._F.JP]:"Japan",[n._F.KZ]:"Kazakhstan",[n._F.LK]:"Sri Lanka",[n._F.MM]:"Myanmar",[n._F.KG]:"Kyrgyzstan",[n._F.CN]:"China",[n._F.AF]:"Afghanistan",[n._F.OM]:"Oman",[n._F.IN]:"India",[n._F.LA]:"Laos",[n._F.UZ]:"Uzbekistan",[n._F.MV]:"Maldives",[n._F.ID]:"Indonesia",[n._F.VN]:"Vietnam",[n._F.MY]:"Malaysia",[n._F.TW]:"Taiwan",[n._F.KH]:"Cambodia",[n._F.AE]:"United Arab Emirates",[n._F.HK]:"Hong Kong",[n._F.GE]:"Georgia (Country)",[n._F.BD]:"Bangladesh",[n._F.KW]:"Kuwait",[n._F.TM]:"Turkmenistan",[n._F.QA]:"Qatar",[n._F.BH]:"Bahrain",[n._F.BN]:"Brunei",[n._F.TH]:"Thailand",[n._F.BT]:"Bhutan",[n._F.SG]:"Singapore",[n._F.IL]:"Israel",[n._F.AZ]:"Azerbaijan",[n._F.TL]:"Timor-Leste",[n._F.IR]:"Iran",[n._F.TR]:"Turkey",[n._F.MK]:"North Macedonia",[n._F.IE]:"Ireland",[n._F.DK]:"Denmark",[n._F.SK]:"Slovakia",[n._F.MD]:"Moldova",[n._F.AX]:"\xc5land Islands",[n._F.PL]:"Poland",[n._F.BA]:"Bosnia and Herzegovina",[n._F.SM]:"San Marino",[n._F.CZ]:"Czechia",[n._F.EE]:"Estonia",[n._F.XK]:"Kosovo",[n._F.FO]:"Faroe Islands",[n._F.SJ]:"Svalbard and Jan Mayen",[n._F.GG]:"Guernsey",[n._F.FR]:"France",[n._F.NL]:"Netherlands",[n._F.FI]:"Finland",[n._F.PT]:"Portugal",[n._F.DE]:"Germany",[n._F.MT]:"Malta",[n._F.JE]:"Jersey",[n._F.IS]:"Iceland",[n._F.ES]:"Spain",[n._F.GI]:"Gibraltar",[n._F.NO]:"Norway",[n._F.CY]:"Cyprus",[n._F.RS]:"Serbia",[n._F.LT]:"Lithuania",[n._F.MC]:"Monaco",[n._F.LU]:"Luxembourg",[n._F.UA]:"Ukraine",[n._F.IM]:"Isle of Man",[n._F.RO]:"Romania",[n._F.BE]:"Belgium",[n._F.SE]:"Sweden",[n._F.ME]:"Montenegro",[n._F.LV]:"Latvia",[n._F.VA]:"Vatican City",[n._F.AT]:"Austria",[n._F.AL]:"Albania",[n._F.LI]:"Liechtenstein",[n._F.GR]:"Greece",[n._F.IT]:"Italy",[n._F.AD]:"Andorra",[n._F.GB]:"United Kingdom",[n._F.RU]:"Russia",[n._F.SI]:"Slovenia",[n._F.BY]:"Belarus",[n._F.CH]:"Switzerland",[n._F.HU]:"Hungary",[n._F.BG]:"Bulgaria",[n._F.HR]:"Croatia",[n._F.TC]:"Turks and Caicos Islands",[n._F.CW]:"Cura\xe7ao",[n._F.GP]:"Guadeloupe",[n._F.UM]:"United States Minor Outlying Islands",[n._F.GT]:"Guatemala",[n._F.PM]:"Saint Pierre and Miquelon",[n._F.BQ]:"Caribbean Netherlands",[n._F.GL]:"Greenland",[n._F.SX]:"Sint Maarten",[n._F.PA]:"Panama",[n._F.AW]:"Aruba",[n._F.MQ]:"Martinique",[n._F.AG]:"Antigua and Barbuda",[n._F.BM]:"Bermuda",[n._F.CU]:"Cuba",[n._F.GD]:"Grenada",[n._F.NI]:"Nicaragua",[n._F.LC]:"Saint Lucia",[n._F.KN]:"Saint Kitts and Nevis",[n._F.DO]:"Dominican Republic",[n._F.VC]:"Saint Vincent and the Grenadines",[n._F.BZ]:"Belize",[n._F.HT]:"Haiti",[n._F.JM]:"Jamaica",[n._F.BS]:"Bahamas",[n._F.MX]:"Mexico",[n._F.MF]:"Saint Martin",[n._F.SV]:"El Salvador",[n._F.BL]:"Saint Barth\xe9lemy",[n._F.AI]:"Anguilla",[n._F.MS]:"Montserrat",[n._F.VG]:"British Virgin Islands",[n._F.BB]:"Barbados",[n._F.HN]:"Honduras",[n._F.KY]:"Cayman Islands",[n._F.DM]:"Dominica",[n._F.TT]:"Trinidad and Tobago",[n._F.CR]:"Costa Rica",[n._F.SR]:"Suriname",[n._F.CX]:"Christmas Island",[n._F.WS]:"Samoa",[n._F.PF]:"French Polynesia",[n._F.AS]:"American Samoa",[n._F.NC]:"New Caledonia",[n._F.TK]:"Tokelau",[n._F.PW]:"Palau",[n._F.KI]:"Kiribati",[n._F.VU]:"Vanuatu",[n._F.PN]:"Pitcairn Islands",[n._F.CK]:"Cook Islands",[n._F.FJ]:"Fiji",[n._F.PG]:"Papua New Guinea",[n._F.MP]:"Northern Mariana Islands",[n._F.NU]:"Niue",[n._F.TV]:"Tuvalu",[n._F.NF]:"Norfolk Island",[n._F.TO]:"Tonga",[n._F.FM]:"Micronesia",[n._F.SB]:"Solomon Islands",[n._F.NR]:"Nauru",[n._F.WF]:"Wallis and Futuna",[n._F.GU]:"Guam",[n._F.AU]:"Australia",[n._F.NZ]:"New Zealand",[n._F.MH]:"Marshall Islands",[n._F.CC]:"Cocos (Keeling) Islands",[n._F.VE]:"Venezuela",[n._F.PY]:"Paraguay",[n._F.BR]:"Brazil",[n._F.CO]:"Colombia",[n._F.PE]:"Peru",[n._F.CL]:"Chile",[n._F.UY]:"Uruguay",[n._F.AR]:"Argentina",[n._F.GY]:"Guyana",[n._F.BO]:"Bolivia",[n._F.GF]:"French Guiana",[n._F.EC]:"Ecuador",[n._F.FK]:"Falkland Islands",[n._F.US_AL]:"Alabama",[n._F.US_AK]:"Alaska",[n._F.US_AZ]:"Arizona",[n._F.US_AR]:"Arkansas",[n._F.US_CA]:"California",[n._F.US_CO]:"Colorado",[n._F.US_CT]:"Connecticut",[n._F.US_DE]:"Delaware",[n._F.US_DC]:"District of Columbia (DC)",[n._F.US_FL]:"Florida",[n._F.US_GA]:"Georgia",[n._F.US_HI]:"Hawaii",[n._F.US_ID]:"Idaho",[n._F.US_IL]:"Illinois",[n._F.US_IN]:"Indiana",[n._F.US_IA]:"Iowa",[n._F.US_KS]:"Kansas",[n._F.US_KY]:"Kentucky",[n._F.US_LA]:"Louisiana",[n._F.US_ME]:"Maine",[n._F.US_MD]:"Maryland",[n._F.US_MA]:"Massachusetts",[n._F.US_MI]:"Michigan",[n._F.US_MN]:"Minnesota",[n._F.US_MS]:"Mississippi",[n._F.US_MO]:"Missouri",[n._F.US_MT]:"Montana",[n._F.US_NE]:"Nebraska",[n._F.US_NV]:"Nevada",[n._F.US_NH]:"New Hampshire",[n._F.US_NJ]:"New Jersey",[n._F.US_NM]:"New Mexico",[n._F.US_NY]:"New York",[n._F.US_NC]:"North Carolina",[n._F.US_ND]:"North Dakota",[n._F.US_OH]:"Ohio",[n._F.US_OK]:"Oklahoma",[n._F.US_OR]:"Oregon",[n._F.US_PA]:"Pennsylvania",[n._F.US_PR]:"Puerto Rico",[n._F.US_RI]:"Rhode Island",[n._F.US_SC]:"South Carolina",[n._F.US_SD]:"South Dakota",[n._F.US_TN]:"Tennessee",[n._F.US_TX]:"Texas",[n._F.US_UT]:"Utah",[n._F.US_VA]:"Virginia",[n._F.US_VI]:"United States Virgin Islands",[n._F.US_VT]:"Vermont",[n._F.US_WA]:"Washington",[n._F.US_WV]:"West Virginia",[n._F.US_WI]:"Wisconsin",[n._F.US_WY]:"Wyoming",[n._F.CA_AB]:"Alberta",[n._F.CA_BC]:"British Columbia",[n._F.CA_MB]:"Manitoba",[n._F.CA_NB]:"New Brunswick",[n._F.CA_NL]:"Newfoundland and Labrador",[n._F.CA_NS]:"Nova Scotia",[n._F.CA_ON]:"Ontario",[n._F.CA_PE]:"Prince Edward Island",[n._F.CA_QC]:"Quebec",[n._F.CA_SK]:"Saskatchewan",[n._F.CA_NT]:"Northwest Territories",[n._F.CA_NU]:"Nunavut",[n._F.CA_YT]:"Yukon",[n._F.CA]:"Canada",[n._F.US]:"United States",[n._F.MEXICO_CENTRAL_AMERICA]:"Mexico and Central America",[n._F.CARIBBEAN]:"Caribbean",[n._F.EEA]:"European Economic Area (EEA)",[n._F.NON_EEA]:"Non European Economic Area",[n._F.GLOBAL]:"Global"},l=new Map(Object.entries(a));Object.entries(a).map(e=>({value:e[0],label:e[1]}))},79494:function(e,i,t){"use strict";var n=t(24246),a=t(38355);i.Z=e=>{let{title:i,icon:t,type:l,...o}=e;return(0,n.jsx)(a.wpx,{size:"small",type:l,"data-testid":"action-".concat(i),icon:t,iconPosition:"start",...o,children:i})}},60325:function(e,i,t){"use strict";t.d(i,{DD:function(){return r},Go:function(){return s},TK:function(){return a},Uv:function(){return c},k1:function(){return l},y3:function(){return u}});var n=t(46420);let a=e=>{var i;return null!==(i=null==e?void 0:e.filter(e=>e.selected).map(e=>e.id))&&void 0!==i?i:[]},l=e=>{var i;return null!==(i=null==e?void 0:e.filter(e=>e.selected))&&void 0!==i?i:[]},o=[{language:n.eU.EN,is_default:!0,title:"Title",description:"Description",accept_button_label:"Accept",reject_button_label:"Reject",save_button_label:"Save",acknowledge_button_label:"OK",privacy_preferences_link_label:"Privacy Preferences"}],r={name:"",disabled:!1,dismissable:!0,allow_language_selection:!1,show_layer1_notices:!1,layer1_button_options:n.Of.OPT_IN_OPT_OUT,regions:[],translations:o,auto_detect_language:!0,auto_subdomain_cookie_deletion:!0},s=(e,i)=>{let t=i.find(i=>i.id===e.language);return t?t.name:e.language},d=e=>{var i,t,n,a,l,o,r,s,d;let{language:c,is_default:u,accept_button_label:_,reject_button_label:m}=e;return{language:c,is_default:u,accept_button_label:_,reject_button_label:m,title:e.title,description:e.description,acknowledge_button_label:null!==(i=e.acknowledge_button_label)&&void 0!==i?i:void 0,banner_title:null!==(t=e.banner_title)&&void 0!==t?t:void 0,banner_description:null!==(n=e.banner_description)&&void 0!==n?n:void 0,purpose_header:null!==(a=e.purpose_header)&&void 0!==a?a:void 0,privacy_policy_link_label:null!==(l=e.privacy_policy_link_label)&&void 0!==l?l:void 0,privacy_policy_url:null!==(o=e.privacy_policy_url)&&void 0!==o?o:void 0,privacy_preferences_link_label:null!==(r=e.privacy_preferences_link_label)&&void 0!==r?r:void 0,save_button_label:null!==(s=e.save_button_label)&&void 0!==s?s:void 0,modal_link_label:null!==(d=e.modal_link_label)&&void 0!==d?d:void 0}},c=e=>{let{created_at:i,updated_at:t,privacy_notices:n,origin:a,id:l,...o}=e;return{...o,privacy_notice_ids:n?n.map(e=>e.id):[],translations:e.translations?e.translations.map(e=>d(e)):[]}},u=e=>e===n.re.PRIVACY_CENTER?{title:{included:!0,required:!0},description:{included:!0,required:!0},save_button_label:{included:!0,required:!0},accept_button_label:{included:!0,required:!0},reject_button_label:{included:!0,required:!0},privacy_policy_link_label:{included:!0},privacy_policy_url:{included:!0},modal_link_label:{included:!0}}:e===n.re.MODAL?{title:{included:!0,required:!0},description:{included:!0,required:!0},accept_button_label:{included:!0,required:!0},reject_button_label:{included:!0,required:!0},save_button_label:{included:!0,required:!0},acknowledge_button_label:{included:!0,required:!0},privacy_policy_link_label:{included:!0},privacy_policy_url:{included:!0},privacy_preferences_link_label:{included:!0},modal_link_label:{included:!0}}:e===n.re.BANNER_AND_MODAL?{title:{included:!0,required:!0},banner_title:{included:!0},description:{included:!0,required:!0},banner_description:{included:!0},accept_button_label:{included:!0,required:!0},reject_button_label:{included:!0,required:!0},save_button_label:{included:!0,required:!0},acknowledge_button_label:{included:!0,required:!0},privacy_policy_link_label:{included:!0},privacy_policy_url:{included:!0},privacy_preferences_link_label:{included:!0,required:!0},modal_link_label:{included:!0}}:e===n.re.TCF_OVERLAY?{title:{included:!0,required:!0},banner_title:{included:!0},description:{included:!0,required:!0},banner_description:{included:!0},purpose_header:{included:!0},accept_button_label:{included:!0,required:!0},reject_button_label:{included:!0,required:!0},save_button_label:{included:!0,required:!0},acknowledge_button_label:{included:!0,required:!0},privacy_policy_link_label:{included:!0},privacy_policy_url:{included:!0},privacy_preferences_link_label:{included:!0,required:!0},modal_link_label:{included:!0}}:{title:{included:!0,required:!0},description:{included:!0,required:!0},accept_button_label:{included:!0,required:!0},reject_button_label:{included:!0,required:!0},save_button_label:{included:!0,required:!0},acknowledge_button_label:{included:!0,required:!0},privacy_policy_link_label:{included:!0},privacy_policy_url:{included:!0},privacy_preferences_link_label:{included:!0,required:!0},modal_link_label:{included:!0}}},13636:function(e,i,t){"use strict";t.r(i),t.d(i,{default:function(){return eq}});var n=t(24246),a=t(38355),l=t(86677),o=t(7617),r=t(77213),s=t(77830),d=t(58754),c=t(94725),u=t(45216),_=t(52352),m=t(92222),h=t(59003),g=t(27378),p=t(18225);let F=(0,a.IUT)({displayName:"MonitorIcon",viewBox:"0 0 12 12",path:(0,n.jsx)("path",{d:"M1.33333 2.21875C1.15 2.21875 1 2.37344 1 2.5625V5.65625H3.66667C3.84167 5.65625 4.00417 5.75078 4.09583 5.90762L4.62708 6.8207L5.88542 4.22324C5.96667 4.05566 6.13125 3.94609 6.3125 3.93965C6.49375 3.9332 6.66667 4.02773 6.76042 4.18887L7.61458 5.65625H8.83333C9.11042 5.65625 9.33333 5.88613 9.33333 6.17188C9.33333 6.45762 9.11042 6.6875 8.83333 6.6875H7.33333C7.15833 6.6875 6.99583 6.59297 6.90417 6.43613L6.37292 5.52305L5.11458 8.12051C5.03333 8.28809 4.86875 8.39766 4.6875 8.4041C4.50625 8.41055 4.33333 8.31602 4.23958 8.15488L3.38542 6.6875H1V9.4375C1 9.62656 1.15 9.78125 1.33333 9.78125H10.6667C10.85 9.78125 11 9.62656 11 9.4375V2.5625C11 2.37344 10.85 2.21875 10.6667 2.21875H1.33333ZM0 2.5625C0 1.8041 0.597917 1.1875 1.33333 1.1875H10.6667C11.4021 1.1875 12 1.8041 12 2.5625V9.4375C12 10.1959 11.4021 10.8125 10.6667 10.8125H1.33333C0.597917 10.8125 0 10.1959 0 9.4375V2.5625Z",fill:"currentColor"})});var b=t(8411),x=t(85422),y=t(70675),v=t(812),f=t(14047),S=t(8133),j=t(46628),C=t(67991),N=t(46238);let w=(0,m.Cl)();var A=e=>{let{items:i,totalItemCount:t,selected:l,excluded:o,allSelected:r,someSelected:s,moreLoading:d,handleToggleSelection:c,handleToggleAll:u,onMoreClick:_}=e,F=i.map(e=>({id:e,isSelected:l.includes(e),isExcluded:o.includes(e)})),b=(0,g.useMemo)(()=>[w.display({id:"select",cell:e=>{let{row:i}=e;return(0,n.jsx)(x.k,{isChecked:i.original.isSelected||r&&!i.original.isExcluded,onChange:()=>c(i.original.id),dataTestId:"".concat(i.original.id,"-checkbox")})},header:()=>(0,n.jsx)(x.k,{isChecked:r,isIndeterminate:s,onChange:u,dataTestId:"select-all-checkbox"}),size:1}),w.accessor(e=>e.id,{id:"id",cell:e=>(0,n.jsx)(x.G3,{value:e.getValue()}),header:e=>(0,n.jsx)(x.Rr,{value:"Scope",...e})})],[c,u,r,s]),y=(0,h.b7)({getCoreRowModel:(0,m.sC)(),getRowId:e=>e.id,manualPagination:!0,data:F,columns:b,columnResizeMode:"onChange"});return(0,n.jsx)(a.kCb,{w:"full",direction:"column",maxH:"lg",children:(0,n.jsx)(x.ZK,{tableInstance:y,onRowClick:e=>c(e.id),footer:!!_&&(0,n.jsx)(x.vr,{totalColumns:2,children:(0,n.jsx)(a.kCb,{justify:"center",children:d?(0,n.jsx)(p.Z,{size:"xs"}):(0,n.jsxs)(a.kCb,{align:"center",children:[(0,n.jsxs)(a.xvT,{fontSize:"xs",mr:4,children:["Showing ",i.length," of ",t]}),(0,n.jsx)(a.wpx,{onClick:_,size:"small","data-testid":"load-more-btn",children:"Load more..."})]})})})})})};let T={items:[],total:1,page:1,size:50,pages:0};var k=(e,i)=>{let[t,n]=(0,g.useState)(2),{data:a,isLoading:l}=(0,y.oN)({page:1,size:25,connection_config_key:e}),o=(0,g.useRef)(l),{items:r,total:s}=null!=a?a:T,d=!!(null==a?void 0:a.pages)&&t>a.pages,[c,u]=(0,g.useState)(r);(0,g.useEffect)(()=>{o.current=l,u(r)},[l,r]),(0,g.useEffect)(()=>{let e=setTimeout(()=>{o.current&&i&&i()},5e3);return()=>clearTimeout(e)},[]);let[_,{isLoading:m,isFetching:h}]=(0,y.j3)(),p=m||h||l,F=async()=>{var i,a;if(d)return;let l=await _({connection_config_key:e,size:25,page:t+1});l.isError||(n(t+1),u([...c,...null!==(a=null===(i=l.data)||void 0===i?void 0:i.items)&&void 0!==a?a:[]]))};return{databases:c,totalDatabases:s,fetchMore:F,initialIsLoading:l,isLoading:p,reachedEnd:d}},M=e=>{var i;let{monitor:t,isEditing:l,isSubmitting:o,integrationKey:r,onSubmit:s,onClose:d}=e,c=(0,a.pmc)(),{databases:u,totalDatabases:_,fetchMore:m,reachedEnd:h,isLoading:g,initialIsLoading:F}=k(r,()=>{s({...t,databases:[]}),c({...j.MA,status:"info",description:"Loading resources is taking longer than expected. The monitor has been saved and is tracking all available resources. You can return later to limit its scope if needed"}),d()}),b=null!==(i=null==t?void 0:t.databases)&&void 0!==i?i:[],{selected:x,excluded:y,allSelected:v,someSelected:f,handleToggleItemSelected:S,handleToggleAll:w}=(0,C.Od)({initialSelected:b,initialExcluded:[],initialAllSelected:l&&!b.length,itemCount:_}),T=!v&&0===x.length;return F?(0,n.jsx)(p.Z,{my:12}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(a.kCb,{p:4,direction:"column",children:[(0,n.jsxs)(a.kCb,{direction:"row",mb:4,gap:1,align:"center",children:[(0,n.jsx)(a.xvT,{fontSize:"sm",children:"Select projects to monitor"}),(0,n.jsx)(N.b,{label:"Selecting a project will monitor all current and future datasets within that project."})]}),(0,n.jsx)(A,{items:u,totalItemCount:_,selected:x,excluded:y,allSelected:v,someSelected:f,moreLoading:g,handleToggleSelection:S,handleToggleAll:w,onMoreClick:h?void 0:m})]}),(0,n.jsxs)("div",{className:"mt-4 flex w-full justify-between",children:[(0,n.jsx)(a.wpx,{onClick:d,children:"Cancel"}),(0,n.jsx)(a.esZ,{title:T?"Select one or more projects to save":void 0,children:(0,n.jsx)(a.wpx,{onClick:()=>{s({...t,excluded_databases:y,databases:v?[]:x})},loading:o,type:"primary","data-testid":"save-btn",disabled:T,children:"Save"})})]})]})},D=t(64892),E=t(6680),I=t(54743);function U(e,i){let t,n;let a=()=>(0,E.L)(i?.in,NaN),l=i?.additionalDigits??2,o=function(e){let i;let t={},n=e.split(R.dateTimeDelimiter);if(n.length>2)return t;if(/:/.test(n[0])?i=n[0]:(t.date=n[0],i=n[1],R.timeZoneDelimiter.test(t.date)&&(t.date=e.split(R.timeZoneDelimiter)[0],i=e.substr(t.date.length,e.length))),i){let e=R.timezone.exec(i);e?(t.time=i.replace(e[1],""),t.timezone=e[1]):t.time=i}return t}(e);if(o.date){let e=function(e,i){let t=RegExp("^(?:(\\d{4}|[+-]\\d{"+(4+i)+"})|(\\d{2}|[+-]\\d{"+(2+i)+"})$)"),n=e.match(t);if(!n)return{year:NaN,restDateString:""};let a=n[1]?parseInt(n[1]):null,l=n[2]?parseInt(n[2]):null;return{year:null===l?a:100*l,restDateString:e.slice((n[1]||n[2]).length)}}(o.date,l);t=function(e,i){if(null===i)return new Date(NaN);let t=e.match(L);if(!t)return new Date(NaN);let n=!!t[4],a=P(t[1]),l=P(t[2])-1,o=P(t[3]),r=P(t[4]),s=P(t[5])-1;if(n)return r>=1&&r<=53&&s>=0&&s<=6?function(e,i,t){let n=new Date(0);n.setUTCFullYear(e,0,4);let a=n.getUTCDay()||7;return n.setUTCDate(n.getUTCDate()+((i-1)*7+t+1-a)),n}(i,r,s):new Date(NaN);{let e=new Date(0);return l>=0&&l<=11&&o>=1&&o<=(Z[l]||(B(i)?29:28))&&a>=1&&a<=(B(i)?366:365)?(e.setUTCFullYear(i,l,Math.max(a,o)),e):new Date(NaN)}}(e.restDateString,e.year)}if(!t||isNaN(+t))return a();let r=+t,s=0;if(o.time&&isNaN(s=function(e){let i=e.match(q);if(!i)return NaN;let t=z(i[1]),n=z(i[2]),a=z(i[3]);return(24===t?0===n&&0===a:a>=0&&a<60&&n>=0&&n<60&&t>=0&&t<25)?t*D.vh+n*D.yJ+1e3*a:NaN}(o.time)))return a();if(o.timezone){if(isNaN(n=function(e){if("Z"===e)return 0;let i=e.match(O);if(!i)return 0;let t="+"===i[1]?-1:1,n=parseInt(i[2]),a=i[3]&&parseInt(i[3])||0;return a>=0&&a<=59?t*(n*D.vh+a*D.yJ):NaN}(o.timezone)))return a()}else{let e=new Date(r+s),t=(0,I.Q)(0,i?.in);return t.setFullYear(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate()),t.setHours(e.getUTCHours(),e.getUTCMinutes(),e.getUTCSeconds(),e.getUTCMilliseconds()),t}return(0,I.Q)(r+s+n,i?.in)}let R={dateTimeDelimiter:/[T ]/,timeZoneDelimiter:/[Z ]/i,timezone:/([Z+-].*)$/},L=/^-?(?:(\d{3})|(\d{2})(?:-?(\d{2}))?|W(\d{2})(?:-?(\d{1}))?|)$/,q=/^(\d{2}(?:[.,]\d*)?)(?::?(\d{2}(?:[.,]\d*)?))?(?::?(\d{2}(?:[.,]\d*)?))?$/,O=/^([+-])(\d{2})(?::?(\d{2}))?$/;function P(e){return e?parseInt(e):1}function z(e){return e&&parseFloat(e.replace(",","."))||0}let Z=[31,null,31,30,31,30,31,31,30,31,30,31];function B(e){return e%400==0||e%4==0&&e%100!=0}var V=t(96063),G=t(34090),H=t(55484),K=t(97181),W=t(40324),Y=t(11013);let J=e=>{let{layout:i="stacked",...t}=e,{data:a}=(0,Y.eV)({page:1,size:100}),l=null==a?void 0:a.items.map(e=>({label:e.name,value:e.id}));return(0,n.jsx)(K.d,{tooltip:"If a shared monitor config is selected, the monitor will use the shared config to classify resources",options:l,label:"Shared monitor config",layout:i,...t})};var Q=t(46420),X=e=>{var i,t,o;let{monitor:r,integrationOption:s,isSubmitting:d,databasesAvailable:c,onClose:u,onAdvance:_,onSubmit:m}=e,h=!!r,g=(0,l.useRouter)(),p=Array.isArray(g.query.id)?g.query.id[0]:g.query.id,F=H.Ry().shape({name:H.Z_().required().label("Name"),execution_frequency:H.Z_().nullable().label("Execution frequency"),execution_start_date:H.hT().nullable().label("Execution start date")}),b=(null==r?void 0:r.execution_start_date)?U(r.execution_start_date):Date.now(),x={name:null!==(i=null==r?void 0:r.name)&&void 0!==i?i:"",shared_config_id:null!==(t=null==r?void 0:r.shared_config_id)&&void 0!==t?t:void 0,execution_start_date:(0,V.WU)(b,"yyyy-MM-dd'T'HH:mm"),execution_frequency:null!==(o=null==r?void 0:r.execution_frequency)&&void 0!==o?o:Q.hV.MONTHLY},y=(0,v.MM)(Q.hV);return(0,n.jsx)(G.J9,{initialValues:x,enableReinitialize:!0,onSubmit:e=>{let i=e.execution_frequency!==Q.hV.NOT_SCHEDULED?{execution_frequency:e.execution_frequency,execution_start_date:new Date(e.execution_start_date).toISOString()}:{execution_frequency:Q.hV.NOT_SCHEDULED,execution_start_date:void 0},t=h?{...r,...i,name:e.name,shared_config_id:e.shared_config_id}:{...i,name:e.name,shared_config_id:e.shared_config_id,connection_config_key:p,classify_params:{num_samples:25,num_threads:1}};s.identifier===Q.Rj.DYNAMODB&&(t.datasource_params={single_dataset:!1}),c?_(t):m(t)},validationSchema:F,children:e=>{let{values:i,isValid:t,resetForm:l}=e;return(0,n.jsx)(G.l0,{children:(0,n.jsxs)(a.gCW,{alignItems:"start",spacing:6,mt:4,children:[(0,n.jsx)(W.j0,{name:"name",id:"name",label:"Name",isRequired:!0,variant:"stacked"}),(0,n.jsx)(K.d,{name:"execution_frequency",id:"execution_frequency",tooltip:"Interval to run the monitor automatically after the start date",options:y,label:"Automatic execution frequency",layout:"stacked"}),(0,n.jsx)(J,{name:"shared_config_id",id:"shared_config_id"}),(0,n.jsx)(W.YL,{name:"execution_start_date",label:"Automatic execution start time",disabled:i.execution_frequency===Q.hV.NOT_SCHEDULED,id:"execution_start_date"}),(0,n.jsxs)("div",{className:"flex w-full justify-between",children:[(0,n.jsx)(a.wpx,{onClick:()=>{l(),u()},children:"Cancel"}),(0,n.jsx)(a.wpx,{htmlType:"submit",type:"primary",disabled:!t,loading:d,"data-testid":"next-btn",children:c?"Next":"Save"})]})]})})}})},$=t(90111),ee=t(64781),ei=t(60325);let et=H.Ry().shape({name:H.Z_().required().label("Name"),execution_frequency:H.Z_().nullable().label("Execution frequency"),execution_start_date:H.hT().nullable().label("Execution start date"),datasource_params:H.Ry().shape({locations:H.IX().label("Locations"),exclude_domains:H.IX().label("Exclude domains"),sitemap_url:H.Z_().nullable().url().label("Sitemap URL")})});var en=e=>{var i,t,o,r;let{monitor:s,url:d,onClose:c,onSubmit:u}=e,_=(0,l.useRouter)(),m=Array.isArray(_.query.id)?_.query.id[0]:_.query.id,h=(null==s?void 0:s.execution_start_date)?U(s.execution_start_date):Date.now(),{data:g,isLoading:p}=(0,ee.gT)(),F=[...(0,ei.TK)(null!==(i=null==g?void 0:g.locations)&&void 0!==i?i:[]),...(0,ei.TK)(null!==(t=null==g?void 0:g.location_groups)&&void 0!==t?t:[])].map(e=>({value:e,label:b.Z8[e]})),x={name:(null==s?void 0:s.name)||"",shared_config_id:null!==(o=null==s?void 0:s.shared_config_id)&&void 0!==o?o:void 0,execution_frequency:(null==s?void 0:s.execution_frequency)||Q.hV.NOT_SCHEDULED,execution_start_date:(0,V.WU)(h,"yyyy-MM-dd'T'HH:mm"),url:d,connection_config_key:m,datasource_params:null!==(r=null==s?void 0:s.datasource_params)&&void 0!==r?r:{locations:[]}},y=async e=>{let i=e.execution_frequency!==Q.hV.NOT_SCHEDULED?{execution_frequency:e.execution_frequency,execution_start_date:new Date(e.execution_start_date).toISOString()}:{execution_frequency:Q.hV.NOT_SCHEDULED,execution_start_date:void 0};u({...s,...e,...i,key:null==s?void 0:s.key,classify_params:(null==s?void 0:s.classify_params)||{},datasource_params:e.datasource_params||{},connection_config_key:m})},f=(0,v.MM)(Q.hV).filter(e=>[Q.hV.MONTHLY,Q.hV.QUARTERLY,Q.hV.YEARLY,Q.hV.NOT_SCHEDULED].includes(e.value));return(0,n.jsxs)(a.jqI,{vertical:!0,className:"pt-4",children:[(0,n.jsx)($.Z,{children:(0,n.jsx)(a.xvT,{fontSize:"sm",children:"This monitor allows you to simulate and verify user consent actions, such as 'accept,' 'reject,' or 'opt-out,' on consent experiences. For each detected activity, the monitor will record whether it occurred before or after the configured user actions, ensuring compliance with user consent choices."})}),(0,n.jsx)(G.J9,{initialValues:x,enableReinitialize:!0,onSubmit:y,validationSchema:et,children:e=>{let{values:i,resetForm:t}=e;return(0,n.jsx)(G.l0,{children:(0,n.jsxs)(a.jqI,{vertical:!0,gap:"middle",children:[(0,n.jsx)(W.j0,{name:"name",id:"name",label:"Name",isRequired:!0,variant:"stacked"}),(0,n.jsx)(W.j0,{name:"datasource_params.sitemap_url",id:"sitemap_url",label:"Sitemap URL",variant:"stacked"}),(0,n.jsx)(K.d,{mode:"tags",name:"datasource_params.exclude_domains",placeholder:"Enter domains to exclude",id:"exclude_domains",label:"Exclude domains",options:[],open:!1,layout:"stacked"}),(0,n.jsx)(W.j0,{name:"url",id:"url",label:"URL",isRequired:!0,disabled:!0,variant:"stacked"}),(0,n.jsx)(K.d,{mode:"multiple",isRequired:!0,name:"datasource_params.locations",id:"locations",label:"Locations",loading:p,options:F,optionFilterProp:"label",tooltip:"Specify the region(s) to include in the scan. The monitor will scan the same URL across these locations to identify tracking technologies, such as cookies served by ad tech vendors.",layout:"stacked"}),(0,n.jsx)(J,{name:"shared_config_id",id:"shared_config_id"}),(0,n.jsx)(K.d,{name:"execution_frequency",id:"execution_frequency",options:f,label:"Automatic execution frequency",layout:"stacked"}),(0,n.jsx)(W.YL,{name:"execution_start_date",label:"Automatic execution start time",disabled:i.execution_frequency===Q.hV.NOT_SCHEDULED,id:"execution_start_date",tooltip:"Set the start time for the scan. For optimal performance and minimal disruption, schedule scans during periods of low traffic."}),(0,n.jsxs)(a.jqI,{className:"mt-2 justify-between",children:[(0,n.jsx)(a.wpx,{onClick:()=>{t(),c()},children:"Cancel"}),(0,n.jsx)(a.wpx,{type:"primary",htmlType:"submit","data-testid":"save-btn",children:"Save"})]})]})})}})]})},ea=t(31883),el=e=>{let{isOpen:i,onClose:t,formStep:l,onAdvance:o,monitor:r,isEditing:s,integration:d,integrationOption:c,isWebsiteMonitor:u}=e,[_,{isLoading:m}]=(0,y.Fy)(),{data:h}=(0,y.oN)({page:1,size:25,connection_config_key:d.key}),g=!!h&&!!h.total,F=(0,a.pmc)(),{successAlert:b,errorAlert:x}=(0,f.V)(),C=async e=>{let i;let n=setTimeout(()=>{i||(F({...j.MA,status:"info",description:"Saving this monitor is taking longer than expected. Fides will continue processing it in the background, and you can check back later to view the updates."}),t())},5e3);if(i=await _(e)){if(clearTimeout(n),(0,ea.D4)(i)){x((0,v.e$)(i.error),"Error creating monitor");return}if(s){b("Monitor updated successfully"),t();return}if(u){b(e.execution_frequency===Q.hV.NOT_SCHEDULED?'Your monitor has been created with no schedule.  Select "Scan" in the table below to begin scanning your website.':"Your monitor has been created and is now scanning your website. Once the monitor is finished scanning, results can be found in the action center."),t();return}b("Monitor created successfully"),t()}};return u?(0,n.jsx)(S.Z,{title:(null==r?void 0:r.name)?"Configure ".concat(r.name):"Configure website monitor",isOpen:i,onClose:t,children:(0,n.jsx)(en,{monitor:r,url:d.secrets.url,onClose:t,onSubmit:C})}):(0,n.jsxs)(S.Z,{title:(null==r?void 0:r.name)?"Configure ".concat(r.name):"Configure discovery monitor",isOpen:i,onClose:t,children:[0===l&&(0,n.jsx)(X,{monitor:r,onClose:t,onAdvance:o,onSubmit:C,isSubmitting:m,databasesAvailable:g,integrationOption:c}),1===l&&(r?(0,n.jsx)(M,{monitor:r,isEditing:s,isSubmitting:m,onSubmit:C,onClose:t,integrationKey:d.key}):(0,n.jsx)(p.Z,{}))]})},eo=e=>{let{defaultSuccessMsg:i,defaultErrorMsg:t}=e,{successAlert:n,errorAlert:a}=(0,f.V)();return{toastResult:e=>{(0,v.D4)(e)?a((0,v.e$)(e.error,t)):n(i)}}},er=t(58452),es=t(79494),ed=e=>{let{monitorId:i,isWebsiteMonitor:t,onEditClick:l}=e,[o]=(0,y.Sb)(),{toastResult:r}=eo({defaultErrorMsg:"A problem occurred deleting this monitor",defaultSuccessMsg:"Monitor deleted successfully"}),[s,{isLoading:d}]=(0,y.V9)(),{toastResult:c}=eo({defaultErrorMsg:"A problem occurred initiating monitor execution",defaultSuccessMsg:t?"Scanning your website now. Once the monitor is finished, results can be found in the action center.":"Monitor execution successfully started"}),u=async()=>{r(await o({monitor_config_id:i}))},{isOpen:_,onOpen:m,onClose:h}=(0,a.qY0)(),g=async()=>{c(await s({monitor_config_id:i}))};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(er.Z,{isOpen:_,onClose:h,onConfirm:u,title:"Delete monitor",message:"Are you sure you want to delete this discovery monitor?",continueButtonText:"Delete",isCentered:!0}),(0,n.jsxs)("div",{className:"flex gap-2",children:[(0,n.jsx)(a.esZ,{title:"Edit",children:(0,n.jsx)(a.wpx,{onClick:l,size:"small",icon:(0,n.jsx)(a.dY8,{}),"data-testid":"edit-monitor-btn","aria-label":"Edit monitor"})}),(0,n.jsx)(a.esZ,{title:"Delete",children:(0,n.jsx)(a.wpx,{onClick:m,size:"small",icon:(0,n.jsx)(a.pJl,{}),"aria-label":"Delete monitor","data-testid":"delete-monitor-btn"})}),(0,n.jsx)(es.Z,{onClick:g,title:"Scan",loading:d})]})]})},ec=t(72625);let eu=e=>{let{row:i,getValue:t}=e,[a]=(0,y.Fy)(),l=async e=>a({...i.original,enabled:e}),o=t();return(0,n.jsx)(ec.S1,{enabled:o,onToggle:l,title:"Disabling monitor",message:"You are about to disable this monitor. If you continue, it will no longer scan automatically."})};var e_=t(7195),em=t(16394),eh=e=>{var i,t;let{monitor:l}=e,o=null===(i=l.execution_records)||void 0===i?void 0:i[0],{isOpen:r,onOpen:s,onClose:d}=(0,a.qY0)(),c=l.last_monitored?new Date(l.last_monitored):null,u=c?(0,em.p6)(c):"N/A",_=c?(0,e_.B)(c,new Date,{addSuffix:!0}):"N/A";return o?o.status===Q.L2.IN_PROGRESS?c?(0,n.jsx)(a.esZ,{title:"Last scan: ".concat(_),children:(0,n.jsx)(a.j8w,{color:"info",children:"Scanning"})}):(0,n.jsx)(a.j8w,{color:"info",children:"Scanning"}):o.status===Q.L2.COMPLETED?(0,n.jsx)(a.esZ,{title:u,children:(0,n.jsx)(a.j8w,{color:"success","data-testid":"tag-success",children:_})}):o.status===Q.L2.ERRORED?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.j8w,{color:"error",closeIcon:(0,n.jsx)(a.PJP.daM,{}),closeButtonLabel:"View details",onClose:s,"data-testid":"tag-error",children:"Incomplete"}),(0,n.jsxs)(a.dys,{isOpen:r,onClose:d,size:"md",children:[(0,n.jsx)(a.P1B,{}),(0,n.jsxs)(a.scA,{"data-testid":"error-log-drawer",children:[(0,n.jsx)(a.OXI,{children:"Failure log"}),(0,n.jsx)(a.cCv,{}),(0,n.jsxs)(a.Ng0,{children:[o.completed&&(0,n.jsx)(a.AntTypography.Paragraph,{type:"secondary",children:(0,em.p6)(new Date(o.completed))}),null===(t=o.messages)||void 0===t?void 0:t.map((e,i)=>(0,n.jsxs)(g.Fragment,{children:[(0,n.jsx)(a.AntTypography.Paragraph,{"data-testid":"error-log-message",children:e}),i<o.messages.length-1&&(0,n.jsx)(a.izJ,{className:"mb-3"})]},i))]})]})]})]}):(0,n.jsx)(a.j8w,{children:"N/A"}):(0,n.jsx)(a.j8w,{children:"N/A"})},eg=t(40774);let ep={items:[],total:0,page:1,size:50,pages:0},eF={[Q.Rj.WEBSITE]:"Configure your website monitor to identify active ad tech vendors and tracking technologies across your site. This monitor will analyze selected pages for vendor activity, compliance with privacy requirements, and data collection practices. Set your preferences below to customize the monitor frequency and scan locations.",[Q.Rj.OKTA]:"Configure your SSO provider monitor to detect and map systems within your infrastructure. This monitor will analyze connected systems to identify their activity and ensure accurate representation in your data map. Set your preferences below to customize the monitor&apos;s scan frequency and scope. To learn more about monitors, view our docs here."},eb=(0,m.Cl)();var ex=e=>{var i,t;let{integration:l,integrationOption:o}=e,r=(null==o?void 0:o.identifier)===Q.Rj.WEBSITE,s=(null==o?void 0:o.type)===Q.Zi.SAAS,{PAGE_SIZES:d,pageSize:c,setPageSize:u,onPreviousPageClick:_,isPreviousPageDisabled:v,onNextPageClick:f,isNextPageDisabled:S,startRange:j,endRange:C,pageIndex:N,setTotalPages:w}=(0,x.oi)(),{isLoading:A,isFetching:T,data:k}=(0,y.Fu)({page:N,size:c,connection_config_key:l.key}),M=(0,a.qY0)(),[D,E]=(0,g.useState)(void 0),[I,U]=(0,g.useState)(!1),[R,L]=(0,g.useState)(0),q=e=>{E(e),U(!0),M.onOpen()},O=null!=k?k:ep,{items:P,total:z,pages:Z}=(0,g.useMemo)(()=>O,[O]);(0,g.useEffect)(()=>{w(Z)},[Z,w]);let B=(0,g.useMemo)(()=>{let e=eb.accessor(e=>e.name,{id:"name",cell:e=>(0,n.jsx)(x.G3,{value:e.getValue()}),header:e=>(0,n.jsx)(x.Rr,{value:"Name",...e})}),i=eb.accessor(e=>e.databases,{id:"projects",cell:e=>{var i;return(null===(i=e.getValue())||void 0===i?void 0:i.length)===0?(0,n.jsx)(x.G3,{value:"All projects"}):(0,n.jsx)(x.WP,{suffix:"Projects",value:e.getValue(),...e,cellState:{isExpanded:!0}})},header:e=>(0,n.jsx)(x.Rr,{value:"Scope",...e})}),t=eb.accessor(()=>{let e=l.secrets;return null==e?void 0:e.url},{id:"source_url",cell:e=>{var i;return(0,n.jsx)(x.G3,{value:null!==(i=e.getValue())&&void 0!==i?i:"Not scheduled"})},header:e=>(0,n.jsx)(x.Rr,{value:"Source URL",...e})}),a=eb.accessor(e=>e.execution_frequency,{id:"frequency",cell:e=>{var i;return(0,n.jsx)(x.G3,{value:null!==(i=e.getValue())&&void 0!==i?i:"Not scheduled"})},header:e=>(0,n.jsx)(x.Rr,{value:"Scan frequency",...e})}),o=eb.display({id:"monitor_status",cell:e=>(0,n.jsx)(eh,{monitor:e.row.original}),header:e=>(0,n.jsx)(x.Rr,{value:"Scan status",...e}),meta:{disableRowClick:!0}}),s=eb.accessor(e=>{var i;let t=e.datasource_params;return(null==t?void 0:null===(i=t.locations)||void 0===i?void 0:i.map(e=>b.Z8[e]).join(", "))||"No regions selected"},{id:"regions",cell:e=>(0,n.jsx)(x.G3,{value:e.getValue()}),header:e=>(0,n.jsx)(x.Rr,{value:"Regions",...e})}),d=eb.accessor(e=>e.enabled,{id:"status",cell:eu,header:e=>(0,n.jsx)(x.Rr,{value:"Status",...e}),size:0,meta:{disableRowClick:!0}}),c=eb.display({id:"action",cell:e=>(0,n.jsx)(ed,{onEditClick:()=>q(e.row.original),isWebsiteMonitor:r,monitorId:e.row.original.key}),header:"Actions",meta:{disableRowClick:!0}});return r?[e,t,a,s,o,d,c]:[e,i,a,o,d,c]},[]),V=(0,h.b7)({getCoreRowModel:(0,m.sC)(),getGroupedRowModel:(0,m.qe)(),getExpandedRowModel:(0,m.rV)(),getRowId:e=>e.name,manualPagination:!0,data:P,columns:B,columnResizeMode:"onChange"});if(A)return(0,n.jsx)(p.Z,{});let G=null!==(i=eF[null==o?void 0:o.identifier])&&void 0!==i?i:"A data discovery monitor observes configured systems for data model changes to proactively discover and classify data risks. Monitors can observe part or all of a project, dataset, table, or API for changes and each can be assigned to a different data steward.",{isDisabled:H,tooltip:K}=s&&P.length>0?{isDisabled:!0,tooltip:"API integrations only use a single monitor"}:l.name||(null===(t=l.saas_config)||void 0===t?void 0:t.type)!=="salesforce"?{isDisabled:!1,tooltip:null}:{isDisabled:!0,tooltip:"This is a legacy connection and cannot be used to create a monitor. Create a new Salesforce integration to use this feature."};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.xvT,{maxW:"720px",mb:6,fontSize:"sm","data-testid":"monitor-description",children:G}),(0,n.jsxs)(x.Q$,{children:[(0,n.jsx)(eg.Z,{}),(0,n.jsx)(a.LZC,{}),(0,n.jsx)(a.ua7,{label:K,children:(0,n.jsx)("span",{children:(0,n.jsx)(a.wpx,{onClick:M.onOpen,icon:(0,n.jsx)(F,{}),iconPosition:"end","data-testid":"add-monitor-btn",disabled:H,children:"Add monitor"})})}),(0,n.jsx)(el,{isOpen:M.isOpen,onClose:()=>{E(void 0),U(!1),L(0),M.onClose()},formStep:R,onAdvance:e=>{E(e),L(1)},monitor:D,isEditing:I,integration:l,integrationOption:o,isWebsiteMonitor:r})]}),(0,n.jsx)(x.ZK,{tableInstance:V,onRowClick:q,emptyTableNotice:(0,n.jsx)(()=>(0,n.jsx)(a.gCW,{mt:6,p:10,spacing:4,borderRadius:"base",maxW:"70%","data-testid":"no-results-notice",alignSelf:"center",margin:"auto",children:(0,n.jsxs)(a.gCW,{children:[(0,n.jsx)(a.xvT,{fontSize:"md",fontWeight:"600",children:"No monitors"}),(0,n.jsx)(a.xvT,{fontSize:"sm",children:'You have not configured any data discovery monitors. Click "Add monitor" to configure data discovery now.'})]})}),{})}),(0,n.jsx)(x.s8,{totalRows:z||0,pageSizes:d,setPageSize:u,onPreviousPageClick:_,isPreviousPageDisabled:v||T,onNextPageClick:f,isNextPageDisabled:S||T,startRange:j,endRange:C})]})},ey=t(41966),ev=t(32885),ef=e=>{let{integration:i}=e,{data:t}=(0,c.Eg)(i.key),{data:l}=(0,ey.LH)({minimal:!0,connection_type:Q.Rj.BIGQUERY}),[o,{isLoading:r}]=(0,ev.Qd)(),s=(0,a.pmc)(),d=async()=>{try{var e,n,a,r,d;let c=null!==(a=null==t?void 0:null===(e=t.items)||void 0===e?void 0:e.map(e=>e.fides_key))&&void 0!==a?a:[],u=null!==(r=null==l?void 0:l.map(e=>e.fides_key))&&void 0!==r?r:[],_=c.length>0?c:u,m=await o({connectionKey:i.key,datasetIds:_}),h=null!==(d=null===(n=m.data)||void 0===n?void 0:n.succeeded.length)&&void 0!==d?d:0,g="Fides has begun syncing with DataHub. There ".concat(1===h?"is":"are"," ").concat(h," dataset").concat(1===h?"":"s"," queued for syncing.");s((0,j.t5)(g))}catch(e){s({title:"Error syncing datasets",description:"There was an error syncing your datasets with DataHub. Please try again.",status:"error",duration:5e3,isClosable:!0})}};return(0,n.jsxs)(a.gCW,{spacing:6,align:"stretch",children:[(0,n.jsxs)(a.gCW,{spacing:4,align:"stretch",children:[(0,n.jsx)(a.xvT,{maxW:"720px",fontSize:"sm","data-testid":"scan-description-1",children:"If you're using DataHub for metadata management, select sync datasets to push data categories from Fides to your DataHub datasets."}),(0,n.jsxs)(a.xvT,{maxW:"720px",fontSize:"sm","data-testid":"scan-description-2",children:["Fides assigns data categories to datasets based on your privacy taxonomy. With this integration, those categories can be added as glossary terms to matching datasets in DataHub-keeping your labeling consistent across systems. To learn more about our DataHub integration, view our docs ",(0,n.jsx)(a.rUS,{href:"https://ethyca.com/docs/user-guides/integrations/saas-integrations/datahub",isExternal:!0,color:"blue.500",textDecoration:"underline",children:"here"}),"."]})]}),(0,n.jsx)(a.zxk,{colorScheme:"primary",onClick:d,"data-testid":"sync-button",width:"fit-content",isLoading:r,loadingText:"Syncing datasets...",children:"Sync Datasets"})]})},eS=t(15987),ej=t(64176),eC=e=>{var i;let{isOpen:t,onClose:l,connection:o,description:r}=e,[s,d]=(0,g.useState)(null),c=(0,ej.Z)(o.connection_type,null==o?void 0:null===(i=o.saas_config)||void 0===i?void 0:i.type),u=(0,n.jsxs)("div",{className:"flex w-full justify-between",children:[(0,n.jsx)(a.wpx,{onClick:l,"data-testid":"cancel-btn",children:"Cancel"}),(0,n.jsx)(a.wpx,{type:"primary",onClick:()=>{s&&s.submitForm&&s.submitForm()},disabled:!s||!s.isValid||!s.dirty,loading:null==s?void 0:s.loading,"data-testid":"save-btn",children:"Save"})]});return(0,n.jsx)(S.Z,{title:"Manage ".concat(null==o?void 0:o.name," integration"),isOpen:t,onClose:l,footer:u,children:(0,n.jsx)(eS.Z,{connection:o,connectionOption:c,onCancel:l,description:r,onFormStateChange:d})})},eN=t(41553),ew=t(93633),eA=t(75595),eT=t(29379);let ek=e=>{let{testData:i,connectionOption:t}=e;return(null==t?void 0:t.authorization_required)?{title:"Authorize integration",description:(0,n.jsx)("span",{children:(null==i?void 0:i.authorized)?"Integration authorized successfully":"Authorize access to your integration"}),state:(null==i?void 0:i.authorized)?"finish":"process"}:null},eM=()=>({title:"Create integration",description:"Integration created successfully",state:"finish"}),eD=e=>{var i,t,n,a;let{enabledFeatures:l}=(0,_.ZP)(e.connection.connection_type,null===(i=e.connection.saas_config)||void 0===i?void 0:i.type),o=null==l?void 0:l.includes(eT.j.DATA_DISCOVERY),{data:r}=(0,y.Fu)({connection_config_key:null===(t=e.testData)||void 0===t?void 0:t.connectionKey,page:1,size:1},{skip:!(null===(n=e.testData)||void 0===n?void 0:n.connectionKey)||!o});if(!o)return null;let s=!!(null==r?void 0:null===(a=r.items)||void 0===a?void 0:a.length);return{title:"Create monitor",description:s?"Data monitor created successfully":"Use the Data discovery tab in this page to add a new monitor",state:s?"finish":"process"}};var eE=t(79894),eI=t.n(eE);let eU=e=>{let{connection:i}=e,t=!!(null==i?void 0:i.system_key),l=t?s.Dv.replace("[id]",i.system_key):s.So;return{title:"Link system",description:t?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(eI(),{href:l,passHref:!0,children:(0,n.jsx)(a.FKJ,{children:"System linked"})})," ","successfully"]}):(0,n.jsxs)(n.Fragment,{children:["Link this integration in the"," ",(0,n.jsx)(eI(),{href:l,passHref:!0,children:(0,n.jsx)(a.FKJ,{children:"system inventory"})}),'. Navigate to the appropriate system and within the integration tab select "Link integration".']}),state:t?"finish":"process"}},eR=e=>{let{testData:i,testIsLoading:t,connectionOption:l,connection:o}=e,r=eM(),s=ek({testData:i,testIsLoading:t,connection:o,connectionOption:l}),d=eD({testData:i,testIsLoading:t,connection:o,connectionOption:l}),c=eU({testData:i,testIsLoading:t,connection:o,connectionOption:l}),u=(0,g.useMemo)(()=>[r,s,d,c].filter(e=>null!==e),[r,s,d,c]),_=(0,g.useMemo)(()=>u.map(e=>({...e,icon:"finish"===e.state?(0,n.jsx)(a.PJP.WzW,{size:24}):void 0})),[u]);return(0,n.jsx)(a.V4A,{title:"Integration setup","data-testid":"integration-setup-card",children:(0,n.jsx)(a.XX8,{direction:"vertical",current:(()=>{let e=u.findIndex(e=>"finish"!==e.state);return -1===e&&u.length>0?u.length-1:e})(),status:(()=>{let e=u.findIndex(e=>"finish"!==e.state);return -1===e?"finish":u[e].state})(),items:_,size:"small"})})};var eL=t(80388),eq=()=>{var e,i,t,m;let{query:h}=(0,l.useRouter)(),g=Array.isArray(h.id)?h.id[0]:h.id,{data:p,isLoading:F}=(0,c.jA)(null!=g?g:""),b=null==p?void 0:null===(e=p.saas_config)||void 0===e?void 0:e.type,x=(0,ej.Z)(null==p?void 0:p.connection_type,b&&Object.values(eL.m).includes(b)?b:void 0),{testConnection:y,isLoading:v,testData:f}=(0,u.Z)(p),{handleAuthorize:S,needsAuthorization:j}=(0,ew.z)({connection:p,connectionOption:x,testData:f}),{onOpen:C,isOpen:N,onClose:w}=(0,a.qY0)(),{overview:A,instructions:T,description:k,enabledFeatures:M}=(0,_.ZP)(null==p?void 0:p.connection_type,null==p?void 0:null===(i=p.saas_config)||void 0===i?void 0:i.type),D=(0,l.useRouter)();p&&!_.jq.includes(p.connection_type)&&D.push(s.KH);let E=(null==p?void 0:p.connection_type)!==Q.Rj.MANUAL_WEBHOOK,I=[];return(null==M?void 0:M.includes(eT.j.WITHOUT_CONNECTION))?I.push({label:"Details",content:(0,n.jsxs)(a.xuv,{children:[(0,n.jsx)(a.kCb,{children:(0,n.jsx)(a.wpx,{onClick:C,"data-testid":"manage-btn",children:"Edit integration"})}),(0,n.jsx)(eC,{isOpen:N,onClose:w,connection:p,description:k}),A,T]})}):I.push({label:"Connection",content:(0,n.jsxs)(a.xuv,{children:[E&&(0,n.jsxs)(a.kCb,{borderRadius:"md",outline:"1px solid",outlineColor:"gray.100",align:"center",p:3,children:[(0,n.jsx)(a.kCb,{flexDirection:"column",children:(0,n.jsx)(eN.Z,{testData:f,connectionOption:x})}),(0,n.jsx)(a.LZC,{}),(0,n.jsxs)("div",{className:"flex gap-4",children:[j&&(0,n.jsx)(a.wpx,{onClick:S,"data-testid":"authorize-integration-btn",children:"Authorize integration"}),!j&&(0,n.jsx)(a.wpx,{onClick:y,loading:v,"data-testid":"test-connection-btn",children:"Test connection"}),(0,n.jsx)(a.wpx,{onClick:C,"data-testid":"manage-btn",children:"Manage"})]})]}),(0,n.jsx)(eC,{isOpen:N,onClose:w,connection:p,description:k}),A,T]})}),(null==M?void 0:M.includes(eT.j.DATA_SYNC))&&I.push({label:"Data sync",content:(0,n.jsx)(ef,{integration:p})}),(null==M?void 0:M.includes(eT.j.DATA_DISCOVERY))&&I.push({label:"Data discovery",content:(0,n.jsx)(ex,{integration:p,integrationOption:x})}),(0,n.jsx)(r.Z,{title:"Integrations",children:(0,n.jsx)(d.Z,{heading:"Integrations",breadcrumbItems:[{title:"All integrations",href:s.KH},{title:null!==(m=null!==(t=null==p?void 0:p.name)&&void 0!==t?t:null==p?void 0:p.key)&&void 0!==m?m:""}],children:(0,n.jsxs)(a.jqI,{gap:24,children:[(0,n.jsxs)("div",{className:"grow",children:[(0,n.jsx)("div",{className:"mb-6",children:(0,n.jsx)(eA.Z,{integration:p,showDeleteButton:!0})}),F?(0,n.jsx)(a.$jN,{}):!!p&&(0,n.jsx)(o.Z,{data:I,border:"full-width",isLazy:!0})]}),(0,n.jsx)("div",{className:"w-[350px] shrink-0",children:F?(0,n.jsx)(a.$jN,{}):!!p&&(0,n.jsx)(eR,{testData:f,testIsLoading:v,connectionOption:x,connection:p})})]})})})}}},function(e){e.O(0,[2858,2866,9278,699,3662,1316,6662,2888,9774,179],function(){return e(e.s=50697)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/integrations-bf3b87b0dd702551.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[710],{66726:function(e,t,n){var i=n(11611),a=n(82846),o=n(91936),l=Math.max,r=Math.min;e.exports=function(e,t,n){var s,c,d,u,p,m,h=0,x=!1,v=!1,f=!0;if("function"!=typeof e)throw TypeError("Expected a function");function g(t){var n=s,i=c;return s=c=void 0,h=t,u=e.apply(i,n)}function y(e){var n=e-m,i=e-h;return void 0===m||n>=t||n<0||v&&i>=d}function w(){var e,n,i,o=a();if(y(o))return j(o);p=setTimeout(w,(e=o-m,n=o-h,i=t-e,v?r(i,d-n):i))}function j(e){return(p=void 0,f&&s)?g(e):(s=c=void 0,u)}function C(){var e,n=a(),i=y(n);if(s=arguments,c=this,m=n,i){if(void 0===p)return h=e=m,p=setTimeout(w,t),x?g(e):u;if(v)return clearTimeout(p),p=setTimeout(w,t),g(m)}return void 0===p&&(p=setTimeout(w,t)),u}return t=o(t)||0,i(n)&&(x=!!n.leading,d=(v="maxWait"in n)?l(o(n.maxWait)||0,t):d,f="trailing"in n?!!n.trailing:f),C.cancel=function(){void 0!==p&&clearTimeout(p),h=0,s=m=c=p=void 0},C.flush=function(){return void 0===p?u:j(a())},C}},82846:function(e,t,n){var i=n(77400);e.exports=function(){return i.Date.now()}},9387:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/integrations",function(){return n(4561)}])},30952:function(e,t,n){"use strict";n.d(t,{f:function(){return s}});var i=n(24246),a=n(66726),o=n.n(a),l=n(27378),r=n(26917);let s=e=>{let{value:t,onChange:n,placeholder:a,...s}=e,[c,d]=(0,l.useState)(t),u=o()(n,500),p=(0,l.useCallback)(e=>{d(e),u(e)},[]);return(0,i.jsx)(r.Z,{value:c,onChange:p,onClear:()=>{d(""),n("")},placeholder:a,...s})}},4561:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return Z}});var i,a,o,l,r=n(24246),s=n(38355),c=n(86677),d=n(27378),u=n(30952),p=n(62165),m=n(18225),h=n(77213),x=n(77830),v=n(58754),f=n(16394),g=n(41337),y=n(14207),w=n(8133),j=n(52352),C=n(15987),b=n(75595),k=e=>{let{integrationType:t,onConfigure:n}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(b.Z,{integration:null==t?void 0:t.placeholder,onConfigureClick:n}),null==t?void 0:t.overview]})},_=n(25980),S=e=>{let t=(0,d.useRef)(null);return(0,d.useEffect)(()=>{let n=n=>{!t.current||t.current.contains(n.target)||n.target.closest('button, [role="button"], a, input, select, textarea')||e()};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[e]),t},N=e=>{var t;let{integration:n,selected:i=!1,onClick:a,onDetailsClick:o,onUnfocus:l}=e,c=(0,j.ZP)(null==n?void 0:n.connection_type,null==n?void 0:null===(t=n.saas_config)||void 0===t?void 0:t.type),d=S(()=>{i&&l&&l()});return(0,r.jsxs)(s.xuv,{ref:d,borderWidth:1,borderColor:i?"black":"gray.200",backgroundColor:i?"gray.50":"transparent",boxShadow:i?"md":"none",borderRadius:"lg",overflow:"hidden",padding:"12px",cursor:"pointer",onClick:a,"data-testid":"integration-info-".concat(null==n?void 0:n.key),children:[(0,r.jsxs)(s.kCb,{justifyContent:"space-between",alignItems:"flex-start",children:[(0,r.jsxs)(s.kCb,{flexGrow:1,children:[(0,r.jsx)(g.Z,{data:null!=n?n:"",boxSize:"40px"}),(0,r.jsxs)(s.kCb,{direction:"column",flexGrow:1,marginLeft:"12px",marginRight:"12px",children:[(0,r.jsx)(s.xvT,{color:"gray.700",fontWeight:"semibold",fontSize:"sm",children:(null==n?void 0:n.name)||"(No name)"}),(0,r.jsx)(s.xvT,{color:"gray.600",fontSize:"xs",mt:1,children:c.category})]})]}),o&&(0,r.jsx)(s.wpx,{size:"small",onClick:e=>{e.stopPropagation(),o()},type:"default",className:"px-2 py-1 text-xs","data-testid":"details-btn-".concat(null==n?void 0:n.key),children:"Details"})]}),(0,r.jsxs)(s.Eq9,{marginTop:"12px",spacing:1,children:[c.tags.slice(0,3).map(e=>(0,r.jsx)(s.j8w,{children:e},e)),c.tags.length>3&&(0,r.jsxs)(s.j8w,{color:"corinth",children:["+",c.tags.length-3]})]})]})};(i=o||(o={})).ALL="All",i.CRM="CRM",i.DATA_CATALOG="Data Catalog",i.DATABASE="Database",i.DATA_WAREHOUSE="Data Warehouse",i.IDENTITY_PROVIDER="Identity Provider",i.WEBSITE="Website",i.MANUAL="Manual";var T=e=>{let{selectedIntegration:t,onSelectIntegration:n,onDetailClick:i}=e,[a,l]=(0,d.useState)(""),[c,u]=(0,d.useState)(o.ALL),[p,h]=(0,d.useState)(!1),{flags:{oktaMonitor:x,alphaNewManualDSR:v}}=(0,_.Vb)(),f=(0,d.useMemo)(()=>Object.values(o).filter(e=>(e!==o.IDENTITY_PROVIDER||x)&&(e!==o.MANUAL||v)),[x,v]),g=(0,d.useMemo)(()=>{let e=j.FO;if(c!==o.ALL&&(e=e.filter(e=>e.category===c)),a.trim()){let t=a.toLowerCase();e=e.filter(e=>(e.placeholder.name||"").toLowerCase().includes(t))}return e.filter(e=>(!!x||"okta"!==e.placeholder.connection_type)&&(!!v||"manual_webhook"!==e.placeholder.connection_type))},[a,c,x,v]),y=f.map(e=>({label:e,value:e}));return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"mb-4 mt-3 flex items-center justify-between gap-4",children:[(0,r.jsx)(s.uFc,{placeholder:"Search by name...",value:a,onChange:e=>l(e.target.value),className:"w-64",allowClear:!0}),(0,r.jsx)(s.WPr,{value:c,onChange:e=>{h(!0),u(e),setTimeout(()=>h(!1),100)},options:y,className:"w-48",placeholder:"Select category","data-testid":"category-filter-select"})]}),p?(0,r.jsx)(m.Z,{}):(0,r.jsx)("div",{className:"grid grid-cols-3 gap-6",children:g.map(e=>(0,r.jsx)("div",{children:(0,r.jsx)(N,{integration:e.placeholder,selected:(null==t?void 0:t.placeholder.key)===e.placeholder.key,onClick:()=>{n((null==t?void 0:t.placeholder.key)===e.placeholder.key?void 0:e)},onDetailsClick:()=>i(e),onUnfocus:()=>n(void 0)})},e.placeholder.key))})]})},A=n(64176);(a=l||(l={})).LIST_VIEW="list-view",a.DETAIL="detail",a.FORM="form";var I=e=>{var t,n,i;let{isOpen:a,onClose:o}=e,[l,c]=(0,d.useState)("list-view"),[u,p]=(0,d.useState)(null),[m,h]=(0,d.useState)(),[x,v]=(0,d.useState)(null),f=(0,A.Z)(null==m?void 0:m.placeholder.connection_type,null==m?void 0:null===(n=m.placeholder)||void 0===n?void 0:null===(t=n.saas_config)||void 0===t?void 0:t.type),{description:g}=(0,j.ZP)(null==m?void 0:m.placeholder.connection_type,null==m?void 0:null===(i=m.placeholder.saas_config)||void 0===i?void 0:i.type),y=()=>{c("list-view"),p(null),h(void 0),v(null),o()},b=()=>{p("detail"),c("form")},_=m&&"list-view"!==l?"".concat(m.placeholder.name," Integration"):"Add integration",S="list-view"===l?(0,r.jsxs)("div",{className:"flex w-full justify-between",children:[(0,r.jsx)(s.wpx,{onClick:y,children:"Cancel"}),(0,r.jsx)(s.wpx,{type:"primary",onClick:()=>{"list-view"===l&&m&&(p("list-view"),c("form"))},disabled:!m,children:"Next"})]}):"detail"===l?(0,r.jsxs)("div",{className:"flex w-full justify-between",children:[(0,r.jsx)(s.wpx,{onClick:()=>c("list-view"),children:"Back"}),(0,r.jsx)(s.wpx,{onClick:b,type:"primary","data-testid":"configure-modal-btn",children:"Next"})]}):"form"===l?(0,r.jsxs)("div",{className:"flex w-full justify-between",children:[(0,r.jsx)(s.wpx,{onClick:()=>{u&&(c(u),p(null))},children:"Back"}),(0,r.jsx)(s.wpx,{type:"primary",onClick:()=>{x&&x.submitForm&&x.submitForm()},disabled:!x||!x.isValid||!x.dirty,loading:null==x?void 0:x.loading,"data-testid":"save-btn",children:"Save"})]}):null;return(0,r.jsxs)(w.Z,{isOpen:a,onClose:y,title:_,scrollBehavior:"inside",showCloseButton:!0,modalContentProps:{height:"700px",maxWidth:"1010px"},footer:S,children:["list-view"===l&&(0,r.jsx)(T,{selectedIntegration:m,onSelectIntegration:e=>{h(e)},onDetailClick:e=>{c("detail"),h(e)}}),"detail"===l&&(0,r.jsx)(k,{integrationType:m,onConfigure:b}),"form"===l&&(0,r.jsx)(C.Z,{connectionOption:f,onCancel:y,description:g,onFormStateChange:v})]})},E=n(40774),L=n(46420),Z=()=>{let[e,t]=(0,d.useState)(1),[n,i]=(0,d.useState)(50),[a,o]=(0,d.useState)(""),l=(0,c.useRouter)(),w=(0,d.useCallback)(a=>{(null==a?void 0:a.current)!==e&&t(a.current),(null==a?void 0:a.pageSize)&&a.pageSize!==n&&i(a.pageSize)},[e,n]),{flags:C}=(0,p.Vb)(),b=(0,d.useMemo)(()=>j.jq.filter(e=>e!==L.Rj.MANUAL_WEBHOOK||C.alphaNewManualDSR),[C.alphaNewManualDSR]),{data:k,isLoading:_}=(0,y.AZ)({connection_type:b,size:n,page:e,search:a.trim()||void 0}),{items:S,total:N}=null!=k?k:{},{onOpen:T,isOpen:A,onClose:Z}=(0,s.qY0)(),D=(0,d.useMemo)(()=>{var e;return null!==(e=null==S?void 0:S.map(e=>{var t;return{...e,integrationTypeInfo:(0,j.ZP)(e.connection_type,null===(t=e.saas_config)||void 0===t?void 0:t.type)}}))&&void 0!==e?e:[]},[S]),M=e=>{l.push("".concat(x.KH,"/").concat(e.key))},R=[{title:"Name",dataIndex:"name",key:"name",width:250,render:(e,t)=>(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[(0,r.jsx)(g.Z,{data:t,boxSize:"20px"}),(0,r.jsx)(s.AntTypography.Text,{ellipsis:{tooltip:e||"(No name)"},className:"font-semibold",children:e||"(No name)"})]})},{title:"Type",dataIndex:"connection_type",key:"connection_type",width:150,render:e=>{var t,n;return(0,j.ZP)(e,null==S?void 0:null===(n=S.find(t=>t.connection_type===e))||void 0===n?void 0:null===(t=n.saas_config)||void 0===t?void 0:t.type).placeholder.name||e}},{title:"Capabilities",dataIndex:["integrationTypeInfo","tags"],key:"capabilities",width:300,render:e=>(0,r.jsx)("div",{className:"flex flex-wrap gap-1",children:e.map(e=>(0,r.jsx)(s.j8w,{children:e},e))})},{title:"Connection Status",key:"connection_status",width:150,render:(e,t)=>{let{status:n,color:i}=null===t.last_test_timestamp||void 0===t.last_test_timestamp?{status:"Untested",color:"default"}:!0===t.last_test_succeeded?{status:"Healthy",color:"success"}:!1===t.last_test_succeeded?{status:"Failed",color:"error"}:{status:"Untested",color:"default"},a=t.last_test_timestamp?"Last connection: ".concat((0,f.p6)(t.last_test_timestamp)):"The connection has not been tested";return(0,r.jsx)(s.esZ,{title:a,children:(0,r.jsx)(s.j8w,{color:i,children:n})})}},{title:"Actions",key:"actions",width:100,render:(e,t)=>(0,r.jsx)(s.wpx,{onClick:()=>M(t),"data-testid":"manage-btn-".concat(t.key),size:"small",children:"Manage"})}],O={emptyText:a.trim()?"No integrations match your search":(0,r.jsx)("div",{"data-testid":"empty-state",children:'You have not configured any integrations. Click "Add Integration" to connect and configure systems now.'})};return(0,r.jsxs)(h.Z,{title:"Integrations",children:[(0,r.jsx)(v.Z,{heading:"Integrations",breadcrumbItems:[{title:"All integrations"}],rightContent:(0,r.jsx)(s.wpx,{onClick:T,"data-testid":"add-integration-btn",type:"primary",children:"Add integration"})}),(0,r.jsxs)("div",{className:"mb-4 flex items-center justify-between gap-4",children:[(0,r.jsx)(u.f,{placeholder:"Search by name...",value:a,onChange:e=>{o(e),t(1)},className:"max-w-sm"}),(0,r.jsx)(E.Z,{})]}),_?(0,r.jsx)(m.Z,{}):(0,r.jsx)(s.V5H,{columns:R,dataSource:D,rowKey:"key",pagination:{current:e,pageSize:n,total:N,showSizeChanger:!0,showQuickJumper:!1,showTotal:(e,t)=>"".concat(t[0],"-").concat(t[1]," of ").concat(e," integrations"),pageSizeOptions:["10","25","50","100"]},loading:_,size:"small",locale:O,bordered:!0,onRow:e=>({onClick:()=>M(e),"data-testid":"integration-info-".concat(e.key)}),rowClassName:"cursor-pointer",onChange:w,"data-testid":"integrations-table"}),(0,r.jsx)(I,{isOpen:A,onClose:Z})]})}}},function(e){e.O(0,[2858,2866,9278,699,3662,1316,6662,2888,9774,179],function(){return e(e.s=9387)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/messaging/{[id]-b74db8488e2e4b58.js → [id]-2aada2c7b9156053.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3663],{87439:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/messaging/[id]",function(){return s(79545)}])},79545:function(e,t,s){"use strict";s.r(t);var n=s(24246),a=s(812),i=s(62051),l=s(86677),r=s(77213),u=s(77830),o=s(58754),d=s(46628),c=s(67810),p=s(47466),m=s(5058),g=s(20149),f=s(31883);t.default=()=>{let e=(0,i.pmc)(),t=(0,l.useRouter)(),s=t.query.id,{data:h,isLoading:_}=(0,p.gQ)(s),[b]=(0,m.pS)(),[x]=(0,p.ew)(),y=async t=>{var n;let i={is_enabled:t.is_enabled,content:{subject:t.content.subject,body:t.content.body},properties:[]};null===(n=t.properties)||void 0===n||n.forEach(e=>{var t;return null===(t=i.properties)||void 0===t?void 0:t.push(e.id)});let l=await b({templateId:s,template:i});if((0,f.D4)(l)){e((0,d.Vo)((0,a.e$)(l.error)));return}e((0,d.t5)("Messaging template updated successfully"))},{isOpen:j,onOpen:w,onClose:v}=(0,i.qY0)(),C=async()=>{let n=await x(s);if((0,f.D4)(n)){e((0,d.Vo)((0,a.e$)(n.error)));return}e((0,d.t5)("Messaging template deleted successfully")),t.push(u.q)};return h?_?(0,n.jsx)(i.$jN,{}):(0,n.jsxs)(r.Z,{title:"Configure Message",children:[(0,n.jsx)(o.Z,{heading:"Messaging",breadcrumbItems:[{title:"Messaging",href:u.q},{title:"".concat(c.Z[h.type])}]}),(0,n.jsx)(i.xuv,{"data-testid":"add-messaging-template",maxWidth:"720px",children:(0,n.jsx)(g.Z,{template:h,handleSubmit:y,handleDelete:w})}),(0,n.jsx)(i.cVQ,{isOpen:j,onClose:v,onConfirm:C,title:"Delete message template",message:(0,n.jsx)(i.xvT,{children:"You are about to permanently delete this template message. Are you sure you would like to continue?"})})]}):null}}},function(e){e.O(0,[69,1100,2888,9774,179],function(){return e(e.s=87439)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3663],{87439:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/messaging/[id]",function(){return s(79545)}])},79545:function(e,t,s){"use strict";s.r(t);var n=s(24246),a=s(812),i=s(38355),l=s(86677),r=s(77213),u=s(77830),o=s(58754),d=s(46628),c=s(67810),p=s(47466),m=s(5058),g=s(20149),f=s(31883);t.default=()=>{let e=(0,i.pmc)(),t=(0,l.useRouter)(),s=t.query.id,{data:h,isLoading:_}=(0,p.gQ)(s),[b]=(0,m.pS)(),[x]=(0,p.ew)(),y=async t=>{var n;let i={is_enabled:t.is_enabled,content:{subject:t.content.subject,body:t.content.body},properties:[]};null===(n=t.properties)||void 0===n||n.forEach(e=>{var t;return null===(t=i.properties)||void 0===t?void 0:t.push(e.id)});let l=await b({templateId:s,template:i});if((0,f.D4)(l)){e((0,d.Vo)((0,a.e$)(l.error)));return}e((0,d.t5)("Messaging template updated successfully"))},{isOpen:j,onOpen:w,onClose:v}=(0,i.qY0)(),C=async()=>{let n=await x(s);if((0,f.D4)(n)){e((0,d.Vo)((0,a.e$)(n.error)));return}e((0,d.t5)("Messaging template deleted successfully")),t.push(u.q)};return h?_?(0,n.jsx)(i.$jN,{}):(0,n.jsxs)(r.Z,{title:"Configure Message",children:[(0,n.jsx)(o.Z,{heading:"Messaging",breadcrumbItems:[{title:"Messaging",href:u.q},{title:"".concat(c.Z[h.type])}]}),(0,n.jsx)(i.xuv,{"data-testid":"add-messaging-template",maxWidth:"720px",children:(0,n.jsx)(g.Z,{template:h,handleSubmit:y,handleDelete:w})}),(0,n.jsx)(i.cVQ,{isOpen:j,onClose:v,onConfirm:C,title:"Delete message template",message:(0,n.jsx)(i.xvT,{children:"You are about to permanently delete this template message. Are you sure you would like to continue?"})})]}):null}}},function(e){e.O(0,[7630,2888,9774,179],function(){return e(e.s=87439)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/messaging/{add-template-a607018ff097b6c2.js → add-template-fbb7b0c43dedf072.js}

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

fides/ui-build/static/admin/_next/static/chunks/pages/{messaging-4a1a04c5179d2053.js → messaging-7230d7ee21368cef.js}

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

fides/ui-build/static/admin/_next/static/chunks/pages/poc/{ant-components-1567c9770a5f05aa.js → ant-components-7c234412502f8102.js}

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

fides/ui-build/static/admin/_next/static/chunks/pages/poc/form-experiments/{AntForm-4949fe7f1815462b.js → AntForm-72791aab60f3a4bf.js}

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

fides/ui-build/static/admin/_next/static/chunks/pages/poc/form-experiments/{FormikAntFormItem-6085f73850302d55.js → FormikAntFormItem-da7d11d6146fa746.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(62051),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(38355),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-a3158e8217c13850.js → FormikControlled-3045d24344e99017.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(62051),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(38355),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-8576f1ef5c67d87d.js → FormikField-5b5b165d3f41a1de.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(62051),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(38355),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-341e67462b5e3352.js → forms-3afd8b6ba6234366.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(62051),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(62051),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(62051),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(62051),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(62051),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(38355),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(38355),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(38355),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(38355),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(38355),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-52d50286216bcb8c.js

@@ -0,0 +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(38355),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(38355),r=t(86677),i=t(27378),o=t(16134),c=t(77830),u=t(6675),d=t(23923),p=t(48347),x=t(28079),j=t(32885);let{Content:h}=l.AntLayout,{Title:g,Paragraph:m}=l.AntTypography,f=[{text:"Advertising",value:"advertising"},{text:"Analytics",value:"analytics"},{text:"Functional",value:"functional"},{text:"Essential",value:"essential"}],_=[{text:"Consent",value:"Consent"},{text:"Legitimate Interest",value:"Legitimate interests"}],y=()=>{let{tcf:e,dictionaryService:s}=(0,a.hz)(),t=(0,r.useRouter)(),[y,C]=(0,i.useState)(""),[v,b]=(0,i.useState)(""),[k,w]=(0,i.useState)(25),[S,I]=(0,i.useState)(1),[T,N]=(0,i.useState)(),[O,z]=(0,i.useState)({});(0,x.fd)();let A=(0,o.C)(x.U3);(0,u.a4)();let E=(0,o.C)(u.ZS),P=(0,i.useMemo)(()=>[...Object.entries(E.purposes).map(e=>{let[s,t]=e;return{text:t.name,value:s}}),...Object.entries(E.special_purposes).map(e=>{let[s,t]=e;return{text:t.name,value:s}})],[E]),F=(0,i.useMemo)(()=>A.map(e=>({text:e.name||e.fides_key,value:e.fides_key})),[A]),{isOpen:L,onOpen:V,onClose:q}=(0,p.W)(),U=(()=>{let e=(O.data_uses||[]).map(e=>"data_uses=".concat(encodeURIComponent(e))).join("&");return{dataUses:e,legalBasis:(O.legal_bases||[]).map(e=>"legal_bases=".concat(encodeURIComponent(e))).join("&"),purposes:(O.tcf_purpose||[]).map(e=>"purposes=".concat(encodeURIComponent(e))).join("&"),specialPurposes:"",consentCategories:(O.consent_categories||[]).map(e=>"consent_category=".concat(encodeURIComponent(e))).join("&")}})(),{data:M,isLoading:R}=(0,j.de)({pageIndex:S,pageSize:k,search:v,...U}),Z=(null==M?void 0:M.total)||0,D=(null==M?void 0:M.items)||[];(0,i.useEffect)(()=>{let e=setTimeout(()=>{b(y),1!==S&&I(1)},300);return()=>clearTimeout(e)},[y]);let B=(0,i.useCallback)(e=>{C(e.target.value)},[]),K=e=>{N(e.fides_key),V()},W=[{title:"Vendor",dataIndex:"name",key:"name",filteredValue:O.name||null},...e?[{title:"TCF purpose",dataIndex:"data_uses",key:"tcf_purpose",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"purpose":"purposes"]}),filters:P,filteredValue:O.tcf_purpose||null},{title:"Data use",dataIndex:"data_uses",key:"data_uses",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"data use":"data uses"]}),filters:F,filteredValue:O.data_uses||null},{title:"Legal basis",dataIndex:"legal_bases",key:"legal_bases",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"basis":"bases"]}),filters:_,filteredValue:O.legal_bases||null}]:[{title:"Categories",dataIndex:"consent_categories",key:"consent_categories",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"category":"categories"]}),filters:f,filteredValue:O.consent_categories||null},{title:"Cookies",dataIndex:"cookies",key:"cookies",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"cookie":"cookies"]})}]];return(0,n.jsxs)(h,{className:"overflow-auto px-10 py-6",children:[(0,n.jsx)(l.bue,{children:(0,n.jsx)(g,{children:"Table Migration POC"})}),(0,n.jsx)(m,{className:"mb-6",children:"This is a demonstration of migrating the ConsentManagementTable from TanStack Table to Ant Design Table with built-in filtering."}),L&&T?(0,n.jsx)(p.m,{isOpen:L,fidesKey:T,onClose:q}):null,(0,n.jsxs)(l.jqI,{justify:"space-between",align:"center",className:"mb-4",children:[(0,n.jsx)(l.uFc.Search,{placeholder:"Search",onSearch:e=>{C(e)},style:{width:300},value:y,onChange:B}),(0,n.jsxs)(l.vyj,{size:8,children:[(0,n.jsx)(d.Z,{buttonLabel:"Add vendors",onButtonClick:s?()=>{t.push(c.Gg)}:void 0}),(0,n.jsx)(l.wpx,{onClick:()=>{z({})},children:"Clear filters"})]})]}),(0,n.jsx)(l.V5H,{dataSource:D,columns:W,loading:R,rowKey:"id",pagination:{current:S,pageSize:k,total:Z,showSizeChanger:!0,pageSizeOptions:[25,50,100]},onChange:(e,s)=>{I(e.current),w(e.pageSize),z(s)},onRow:e=>({onClick:()=>K(e),style:{cursor:"pointer"}}),size:"small"})]})};s.default=y}},function(e){e.O(0,[401,3923,2888,9774,179],function(){return e(e.s=22657)}),_N_E=e.O()}]);