https://asgardia.space/spa-assets/2cf7bd435f1bb74012dad72dadf89a17.js

1"use strict";(self.webpackChunkasgardia=self.webpackChunkasgardia||[]).push([[27390],{27390:(e,a,r)=>{r.r(a),r.d(a,{default:()=>v});var o=r(67294),l=r(24451),d=r(76304),t=r(30038),n=r(44531),i=r(77162),s=r(93787),c=r(65126),p=r(54733),m=r(44547);const u={"cards-and-people-slider":"e050ec","cards-and-people-slider__form-body":"b5f3be","cards-and-people-slider__form":"d496b9","cards-and-people-slider__cards-title":"ea9eb1","cards-and-people-slider__cards-list":"bff7bc","cards-and-people-slider__card":"c3c0b9","cards-and-people-slider__card_active":"b5dcbf","cards-and-people-slider__card-delete":"f2f707","cards-and-people-slider__card-add":"e1ea5b","cards-and-people-slider__file-text":"e1623a","cards-and-people-slider__radio-label":"bb404b","cards-and-people-slider__radio-line":"d6efdd","cards-and-people-slider__radio-line_person":"e4b85a","cards-and-people-slider__avatar":"f1b8ce","cards-and-people-slider__group_row":"b3d9da","cards-and-people-slider__form-footer":"c62fab","cards-and-people-slider__header":"ee4760"};var _=function(e,a){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var o,l,d=r.call(e),t=[];try{for(;(void 0===a||a-- >0)&&!(o=d.next()).done;)t.push(o.value)}catch(e){l={error:e}}finally{try{o&&!o.done&&(r=d.return)&&r.call(d)}finally{if(l)throw l.error}}return t},f=function(e,a,r){if(r||2===arguments.length)for(var o,l=0,d=a.length;l<d;l++)!o&&l in a||(o||(o=Array.prototype.slice.call(a,0,l)),o[l]=a[l]);return e.concat(o||Array.prototype.slice.call(a))};const v=function(e){var a=(0,d.W)(u,e.className,!0),r=(0,l.$G)("admin"),v=r.t,b=r.i18n,g=_((0,o.useState)(e.payload.cards||[{title:"Title 1",description:"description 1",type:"person",image:"",avatar:""},{title:"Title 2",description:"description 2",type:"person",image:"",avatar:""},{title:"Title 3",description:"description 3",type:"person",image:"",avatar:""}]),2),h=g[0],y=g[1],N=_((0,o.useState)(0),2),E=N[0],k=N[1],x=(0,t.Z)({mode:"onChange",defaultValues:{theme:e.payload.theme||"light",title:e.payload.title||"",cards:e.payload.cards||[],custom_event:e.payload.custom_event,no_paddings:e.payload.no_paddings||"false"}}),S=x.Form,Z=x.context,w=Z.handleSubmit,C=Z.setValue,j=Z.watch,J=Z.formState.isValid,O=Z.trigger,P=j(["card-title","card-description","card-type","card-image","card-url","card-avatar","card-name","card-position","card-url-job","card-position-job"]),q=w((function(a){var r,o,l;null===(r=e.onSave)||void 0===r||r.call(e,{theme:a.theme,title:null===(o=a.title)||void 0===o?void 0:o.trim(),no_paddings:a.no_paddings,cards:h}),null===(l=e.onCancel)||void 0===l||l.call(e)})),L=(0,o.useCallback)((function(e){return function(){O(),J&&k(e)}}),[J]),M=(0,o.useCallback)((function(){y(f(f([],_(h),!1),[{title:"title ".concat(h.length+1),description:"description ".concat(h.length+1),type:"person",image:"",avatar:""}],!1))}),[JSON.stringify(h)]),V=(0,o.useCallback)((function(e){return function(a){a.stopPropagation(),k(e-1);var r=f([],_(h),!1);r.splice(e,1),y(r)}}),[JSON.stringify(h),E]),A=(0,o.useCallback)((function(){var e=null==h?void 0:h[E],a=e.title,r=e.description,o=e.type,l=e.image,d=e.url,t=e.avatar,n=e.name,i=e.position,s=e.urlJob,c=e.positionJob;C("card-title",null==a?void 0:a.trim()),C("card-description",null==r?void 0:r.trim()),C("card-type",o),C("card-url",null==d?void 0:d.trim()),C("card-name",null==n?void 0:n.trim()),C("card-position",null==i?void 0:i.trim()),C("card-url-job",null==s?void 0:s.trim()),C("card-position-job",null==c?void 0:c.trim()),C("card-image",l),C("card-avatar",t)}),[JSON.stringify(h),E]);(0,o.useEffect)((function(){A()}),[E]),(0,o.useEffect)((function(){var e=h.map((function(e,a){var r,o,l,d,t,n,i;return a===E?{title:null===(r=P["card-title"])||void 0===r?void 0:r.trim(),description:null===(o=P["card-description"])||void 0===o?void 0:o.trim(),type:P["card-type"],image:P["card-image"],url:null===(l=P["card-url"])||void 0===l?void 0:l.trim(),avatar:P["card-avatar"],name:null===(d=P["card-name"])||void 0===d?void 0:d.trim(),position:null===(t=P["card-position"])||void 0===t?void 0:t.trim(),urlJob:null===(n=P["card-url-job"])||void 0===n?void 0:n.trim(),positionJob:null===(i=P["card-position-job"])||void 0===i?void 0:i.trim()}:e}));y(e)}),[JSON.stringify(P),JSON.stringify(h),E]);var R=(0,o.useMemo)((function(){return o.createElement("div",{className:a("cards-and-people-slider__radio-label")},o.createElement("span",null,v("components.editor.cards-and-people-slider.person")),o.createElement("div",{className:a("cards-and-people-slider__radio-line","cards-and-people-slider__radio-line_person")},o.createElement(n.Z,{key:E,name:"card-avatar",className:a("cards-and-people-slider__avatar"),defaultValue:h[E].avatar||[],filepond:{stylePanelLayout:"compact",imagePreviewHeight:64,imageCropAspectRatio:"1:1",imageResizeTargetWidth:60,imageResizeTargetHeight:60,styleProgressIndicatorPosition:"right bottom",styleButtonRemoveItemPosition:"right bottom",styleButtonProcessItemPosition:"right bottom"}}),o.createElement(i.Z,{name:"card-url",direction:"column",className:a("cards-and-people-slider__form-input"),label:v("components.editor.cards-and-people-slider.form.url.label"),pattern:{value:/(^http:\/\/|^https:\/\/|^\/).*$/gm,message:v("components.editor.cards-and-people-slider.form.url.error")}}),o.createElement(i.Z,{name:"card-name",direction:"column",className:a("cards-and-people-slider__form-input"),label:v("components.editor.cards-and-people-slider.form.name.label"),maxLength:{value:25,message:v("components.editor.cards-and-people-slider.form.name.max-length-error",{count:25})}}),o.createElement(i.Z,{name:"card-position",direction:"column",className:a("cards-and-people-slider__form-input"),label:v("components.editor.cards-and-people-slider.form.position.label"),maxLength:{value:18,message:v("components.editor.cards-and-people-slider.form.header.max-length-error",{count:18})}})))}),[JSON.stringify(P),JSON.stringify(h),E,b.language]),T=(0,o.useMemo)((function(){return o.createElement("div",{className:a("cards-and-people-slider__radio-label")},o.createElement("span",null,v("components.editor.cards-and-people-slider.vacant")),o.createElement("div",{className:a("cards-and-people-slider__radio-line")},o.createElement(i.Z,{name:"card-url-job",direction:"column",className:a("cards-and-people-slider__form-input"),label:v("components.editor.cards-and-people-slider.form.url-job.label"),pattern:{value:/(^http:\/\/|^https:\/\/|^\/).*$/gm,message:v("components.editor.cards-and-people-slider.form.url-job.error")}}),o.createElement(i.Z,{name:"card-position-job",direction:"column",className:a("cards-and-people-slider__form-input"),label:v("components.editor.cards-and-people-slider.form.position-job.label"),maxLength:{value:25,message:v("components.editor.cards-and-people-slider.form.position-job.max-length-error",{count:25})}})))}),[JSON.stringify(P),JSON.stringify(h),E,b.language]);return o.createElement("div",{className:a("cards-and-people-slider")},o.createElement("h1",{className:a("cards-and-people-slider__header")},e.title||v("components.editor.cards-and-people-slider.title")),o.createElement("div",{className:a("cards-and-people-slider__form-body")},o.createElement(S,{className:a("cards-and-people-slider__form")},o.createElement(c.Z,{name:"no_paddings",label:v("components.editor.common.form.no-paddings.label"),direction:"column",className:a("biography__form-input"),options:[{label:v("components.editor.common.form.no-paddings.values.false"),value:"false"},{label:v("components.editor.common.form.no-paddings.values.true"),value:"true"}]}),o.createElement(c.Z,{name:"theme",label:v("components.editor.cards-and-people-slider.form.theme.label"),direction:"column",className:a("cards-and-people-slider__form-input"),options:[{label:v("components.editor.cards-and-people-slider.form.theme.values.light"),value:"light"},{label:v("components.editor.cards-and-people-slider.form.theme.values.dark"),value:"dark"}]}),o.createElement(i.Z,{name:"title",direction:"column",className:a("cards-and-people-slider__form-input"),label:v("components.editor.cards-and-people-slider.form.title.label"),maxLength:{value:30,message:v("components.editor.cards-and-people-slider.form.title.max-length-error",{count:30})}}),o.createElement(i.Z,{name:"custom_event",direction:"column",className:a("cards-and-people-slider__form-input"),maxLength:{value:40,message:v("components.editor.cards-and-people-slider.form.custom-event.length-error",{count:40})},label:v("components.editor.cards-and-people-slider.form.custom-event.label"),placeholder:v("components.editor.cards-and-people-slider.form.custom-event.placeholder",{count:40})})),o.createElement("div",{className:a("cards-and-people-slider__blocks")},o.createElement("h1",{className:a("cards-and-people-slider__cards-title")},v("components.editor.cards-and-people-slider.cards.title")),o.createElement("div",{className:a("cards-and-people-slider__cards-list")},h.map((function(e,r){return o.createElement("p",{key:r,onClick:L(r),className:a("cards-and-people-slider__card",{"cards-and-people-slider__card_active":r===E})},v("components.editor.cards-and-people-slider.cards.item",{index:r+1}),r>2&&o.createElement(p.Z,{svg:{onClick:V(r),className:a("cards-and-people-slider__card-delete")}}))})),o.createElement("p",{className:a("cards-and-people-slider__card","cards-and-people-slider__card-add"),onClick:M},v("components.editor.cards-and-people-slider.cards.add")))),o.createElement(S,{className:a("cards-and-people-slider__form")},o.createElement("div",{className:a("cards-and-people-slider__form-input")},o.createElement(n.Z,{key:E,name:"card-image",direction:"column",className:a("cards-and-people-slider__file"),defaultValue:h[E].image||[],label:v("components.editor.cards-and-people-slider.form.image.label"),filepond:{imagePreviewHeight:60,imageCropAspectRatio:"1:1",acceptedFileTypes:["image/png","image/jpeg"],imageValidateSizeMinWidth:60,imageValidateSizeMinHeight:60,instantUpload:!0},doka:{cropAspectRatioOptions:[{label:"1:1",value:"1:1"},{label:"2:3",value:"2:3"},{label:"4:5",value:"4:5"},{label:"6:5",value:"6:5"},{label:"16:9",value:"16:9"}]}}),o.createElement("span",{className:a("cards-and-people-slider__file-text")},v("components.editor.cards-and-people-slider.form.image.placeholder"))),o.createElement(i.Z,{name:"card-title",direction:"column",className:a("cards-and-people-slider__form-input"),label:v("components.editor.cards-and-people-slider.form.header.label"),placeholder:v("components.editor.cards-and-people-slider.form.header.placeholder"),maxLength:{value:25,message:v("components.editor.cards-and-people-slider.form.header.max-length-error",{count:25})}}),o.createElement(s.Z,{name:"card-description",direction:"column",className:a("cards-and-people-slider__form-input"),label:v("components.editor.cards-and-people-slider.form.description.label"),required:v("components.editor.cards-and-people-slider.cards.required-error"),placeholder:v("components.editor.cards-and-people-slider.form.description.placeholder",{min:10,max:200}),maxLength:{value:200,message:v("components.editor.cards-and-people-slider.form.description.max-length-error",{count:200})}}),o.createElement(c.Z,{name:"card-type",direction:"row",className:a("cards-and-people-slider__form-input","cards-and-people-slider__group_row"),options:[{label:R,value:"person"},{label:T,value:"vacant"}]}))),o.createElement(S,{onSubmit:q,className:a("cards-and-people-slider__form-footer")},o.createElement(m.Z,{type:"submit",children:v("components.editor.cards-and-people-slider.form.buttons.apply"),disabled:!e.onSave}),o.createElement(m.Z,{isSecondary:!0,children:v("components.editor.cards-and-people-slider.form.buttons.cancel"),disabled:!e.onCancel,onClick:e.onCancel})))}},65126:(e,a,r)=>{r.d(a,{Z:()=>p});var o=r(67294),l=r(42283),d=r(32866),t=r(76304),n=r(72514),i=r(88481);const s={radio:"d07a10",radio_row:"d2191d",radio_column:"cb2d19",radio__label:"bfacf9",radio__label_required:"c887b9",radio__group:"fbc556",radio__group_row:"f1aef6",radio__group_column:"d27869",radio__error:"bb587d",radio__field:"a87c93",radio__input:"ad4ecc","radio__field-group":"ad594f"};var c=function(){return c=Object.assign||function(e){for(var a,r=1,o=arguments.length;r<o;r++)for(var l in a=arguments[r])Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l]);return e},c.apply(this,arguments)};const p=function(e){var a=(0,t.W)(s,e.className,!0),r=(0,n.Z)("form-radio",e.dataQA),p=(0,l.Gc)(),m=p.errors,u=p.watch,_=p.trigger,f=p.register,v=(0,o.useMemo)((function(){return e.direction||"row"}),[e.direction]),b=(0,o.useMemo)((function(){return e.optionsDirection||"row"}),[e.optionsDirection]),g=u(e.name),h=(0,o.useMemo)((function(){if(e.label)return o.createElement("strong",c({className:a("radio__label",{radio__label_required:e.required})},r("label")),e.label)}),[e.label,e.required]),y=(0,o.useMemo)((function(){if(!1!==e.elError)return o.createElement(d.B,{as:i.Z,name:e.name,errors:m,className:a("radio__error")})}),[e.elError,e.name,m[e.name]]);(0,o.useEffect)((function(){g&&_(e.name)}

1),[]);return o.createElement("div",c({className:a("radio","radio_".concat(v))},r()),h,o.createElement("div",{className:a("radio__group","radio__group_".concat(b))},e.options.map((function(r){var l=g===r.value;return o.createElement("div",{key:r.value,className:a("radio__field-group")},o.createElement("label",{className:a("radio__field",{radio__field_selected:l})},o.createElement("input",{name:e.name,id:r.value,type:"radio",key:r.value,value:r.value,disabled:e.disabled,tabIndex:e.tabIndex,className:a("radio__input",{radio__input_error:m[e.name]}),ref:f({required:e.required})}),r.label),function(e,r){if(e.payload)return o.createElement("label",{htmlFor:e.value,className:a("radio__payload-wrapper",{"radio__payload-wrapper_selected":r})},e.payload)}(r,l))})),y))}}}]);