"use strict";(self.webpackChunkgutenmate_blocks=self.webpackChunkgutenmate_blocks||[]).push([[6112],{6862:function(e,t,n){var l=n(9196),a=n.n(l),o=n(9307),r=n(5609),c=n(5736),i=n(9972),m=n(2819),s=n(4184),u=n.n(s),g=n(3499);const _=e=>{const{value:t={},onChange:n=m.noop}=e;return a().createElement("div",{className:"gtm-user-social-network-control"},a().createElement(r.TextControl,{label:(0,c.__)("Title","gutenmate"),value:t.title,onChange:e=>{n({...t,title:e})}}),a().createElement(i.w,{label:(0,c.__)("Icon","gutenmate"),value:t.icon,showPreview:!0,onChange:e=>{n({...t,icon:e})}}),a().createElement(r.TextControl,{label:(0,c.__)("Link to","gutenmate"),help:(0,c.__)("Specifies the URL of the link goes to","gutenmate"),placeholder:"https://",value:t.link,onChange:e=>{n({...t,link:e})}}))},d=e=>{const[t,n]=(0,o.useState)(gtm_user_profile_fields.gtm_user_social_networks),l=e=>{n([...t,{title:(0,c.__)("New link","gutenmate"),icon:"",link:""}])};return a().createElement(o.Fragment,null,a().createElement("h3",null,(0,c.__)("Additional Options","gutenmate")),a().createElement("input",{type:"hidden",name:"gtm_user_social_networks",value:JSON.stringify(t)}),a().createElement(r.Panel,null,a().createElement(r.PanelBody,{title:(0,c.__)("Social networks","gutenmate"),initialOpen:!0},a().createElement(g.Yc,{values:t,allowReorder:!0,onMoveUp:e=>{const l=t[e-1];t[e-1]=t[e],t[e]=l,n([...t])},onMoveDown:e=>{const l=t[e+1];t[e+1]=t[e],t[e]=l,n([...t])},renderLabel:({item:e,i:t})=>a().createElement(o.Fragment,null,a().createElement("span",{className:"gtm-user-social-network-label"},e.icon&&a().createElement("i",{className:u()("gtm-icon",e.icon)}),a().createElement("span",{className:"gtm-user-social-network-label-title"},e.title))),renderActions:({item:e,i:l})=>a().createElement(o.Fragment,null,a().createElement(r.MenuItem,{onClick:e=>{((e,l)=>{t.splice(l,1),n([...t])})(0,l)}},(0,c.__)("Delete","gutenmate"))),renderBody:({item:e,i:l})=>a().createElement(o.Fragment,null,a().createElement(_,{value:e,onChange:e=>{t[l]=e,n([...t])}})),renderFooter:()=>a().createElement(r.Button,{isSecondary:!0,variant:"secondary",onClick:l},(0,c.__)("Add","gutenmate"))}))))},E=document.getElementById("gtm-user-profile-page-body");E&&(0,o.render)(a().createElement(d,null),E)}},function(e){e.O(0,[3762,6486],(function(){return 6862,e(e.s=6862)})),e.O()}]);