https://www.internationalsos.it/dist/mainsite/static/js/TabbedForms.ade0318e.chunk.js

1"use strict";(self.webpackChunkmainsite=self.webpackChunkmainsite||[]).push([[3290],{5799:(e,t,r)=>{r.d(t,{A:()=>a});var n=r(1681);const a=e=>{let{children:t}=e;return n.createElement(n.Fragment,null,t)}},6444:(e,t,r)=>{r.d(t,{A:()=>a});var n=r(1681);const a=(0,r(255).CI)()(e=>{let{t:t}=e;return n.createElement("div",{className:"listing-loader"},n.createElement("svg",{className:"listing-loader__spinner",xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",style:{background:"none",margin:"auto",shapeRendering:"auto"}},n.createElement("circle",{cx:"50",cy:"50",r:"36",style:{fill:" none",strokeDasharray:"169.64600329384882",strokeWidth:"8"}},n.createElement("animateTransform",{attributeName:"transform",type:"rotate",repeatCount:"indefinite",dur:"1s",values:"0 50 50;360 50 50",keyTimes:"0;1"}))),n.createElement("p",{className:"hidden-accessible"},t("LoaderLabel")))})},6842:(e,t,r)=>{r.r(t),r.d(t,{default:()=>b});var n=r(6847),a=r(1681),l=r(8916),s=r(7426),c=r(3275),o=r(8802),i=r(5799),d=r(6444);const u=(0,r(255).CI)()(e=>{let{tabsLabel:t,children:r,modifier:n,t:l,onTabChange:s}=e;const c=r.filter(e=>null!==e&&e.props.children),[o,i]=(0,a.useState)(0),[d,u]=(0,a.useState)(0),[m,f]=(0,a.useState)(!1),v=(0,a.useRef)([]),b=(0,a.useRef)(null),E=c.length||0;(0,a.useEffect)(()=>{b.current&&f(b.current.scrollWidth>b.current.clientWidth)},[]),(0,a.useEffect)(()=>{v.current[o]&&b.current.scrollTo(v.current[o].offsetLeft,0)},[o]);return a.createElement("div",{className:"tabs ".concat(m?"tabs--scroll":""," ").concat(n?"tabs--"+n:"")},E>=1&&a.createElement("div",{className:"tabs__controls"},a.createElement("div",{className:"tabs__scroller-container ".concat(d<=0?"tabs__scroller-container--no-fade-prev":"")},a.createElement("div",{ref:b,onScroll:()=>{u(b.current.scrollLeft)},onKeyDown:e=>{["ArrowRight","ArrowLeft","End","Home"].includes(e.key)&&e.preventDefault()},className:"tabs__scroller",role:"tablist","aria-label":t},c.map((e,t)=>{const r=t===o;return a.createElement("button",{ref:e=>{v.current[t]=e},role:"tab",tabIndex:r?"0":"-1","aria-selected":r,key:t,className:"tabs__btn",onKeyDown:e=>{((e,t)=>{var r,n;switch(e.key){case"ArrowRight":{var a;const e=t+1>=E?0:t+1;i(e),null===s||void 0===s||s(e),null===(a=v.current[e])||void 0===a||a.focus();break}case"ArrowLeft":{var l;const e=t-1<0?E-1:t-1;i(e),null===s||void 0===s||s(e),null===(l=v.current[e])||void 0===l||l.focus();break}case"End":i(E-1),null===s||void 0===s||s(E-1),null===(r=v.current[E-1])||void 0===r||r.focus();break;case"Home":i(0),null===s||void 0===s||s(0),null===(n=v.current[0])||void 0===n||n.focus()}})(e,t)},onClick:()=>{(e=>{i(e),null===s||void 0===s||s(e)})(t)},"aria-label":l("TabButton")},e.props.title)})))),a.createElement("div",{className:"tabs__body"},a.createElement("div",{className:"tabs__inner"},c.map((e,t)=>{const r=t===o;return a.createElement("div",{key:t,className:"tabs__inner-content",role:E<=1?null:"tabpanel","aria-hidden":!r,style:{display:r?"flex":"none"}},e)}))))}),m=e=>{let{formId:t,isActive:r}=e;const n=(0,a.useRef)();return a.useEffect(()=>{t&&r&&n.current&&(async()=>{const e=await fetch("".concat("/api/brochureware/singleform/service","?formId=").concat(t),{method:"POST",headers:{"Content-Type":"application/json"}});if(!e.ok)return;const r=await e.json();if(!r.CustomCSS||!r.Html)return;const a=document.createRange();a.selectNode(n.current);const l=a.createContextualFragment(r.CustomCSS+r.Html),s=l.children[l.children.length-2],c=l.children[l.children.length-1];l.removeChild(c),s.onload=()=>n.current.append(c),n.current.innerHTML="",n.current.append(l)})()},[t,r]),a.createElement("div",{ref:n},a.createElement(d.A,null))},f=(0,c.A)(e=>{var t;let{fields:r}=e;const n=(0,a.useRef)(),c=(0,o.E)(n),[d,f]=(0,a.useState)(0),v=null===(t=r.HideBackground)||void 0===t?void 0:t.value;return a.createElement("div",{className:"tabbed-forms animation ".concat(c?"animation--load-in":""," ").concat(v?"tabbed-forms--no-background":""," fade-in-up"),ref:n},a.createElement("div",{className:"tabbed-forms__text-container wrapper"},a.createElement(l.Text,{className:"tabbed-forms__title title-text-gradient",tag:"h2",field:r.Title}),a.createElement(l.Text,{className:"tabbed-forms__description",tag:"p",field:r.Content})),a.createElement("div",{className:"tabbed-forms__wrapper wrapper"},a.createElement(u,{modifier:"tabbed-forms",onTabChange:e=>f(e)},(r.TabbedForms||[]).map((e,t)=>{var r,n,l;if(null===(r=e.fields.Title)||void 0===r||!r.value)return null;const c=null===(n=e.fields.EloquaFormId)||void 0===n?void 0:n.value,o=null===(l=e.fields.FormEmbedCode)||void 0===l?void 0:l.value;return a.createElement(i.A,{key:e.id,title:e.fields.Title.value},a.createElement("div",{className:"tabbed-forms__tab-form"},c&&a.createElement(m,{key:c,formId:c,isActive:d===t}),!c&&o&&a.createElement("div",{dangerouslySetInnerHTML:(u=o,{__html:u})})),a.createElement("div",{className:"tabbed-forms__tab-text"},a.createElement(s.A,{text:e.fields.Content})));var u}))))});var v=r(9877);const b=e=>(0,v.jsx)(f,(0,n.A)({},e))},7426:(e,t,r)=>{r.d(t,{A:()=>l});var n=r(1681),a=r(8916);const l=e=>{let{customClass:t="",text:r,id:l,dir:s}=e;return n.createElement(n.Fragment,null,r&&n.createElement(a.RichText,{id:l,dir:s,className:"rich-text ".concat(t),field:r}))}},8802:(e,t,r)=>{r.d(t,{E:()=>l});var n=r(1681),a=r(8916);const l=e=>

1{const t=(0,a.isExperienceEditorActive)(),[r,l]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{let r;return e.current&&!t&&("IntersectionObserver"in window?r=new IntersectionObserver(e=>{e.forEach(e=>{(e.intersectionRatio>0||e.isIntersecting)&&l(e.isIntersecting)})},{rootMargin:"0% 0% 0% 0%",threshold:.01}):l(!1),r&&e.current&&r.observe(e.current)),()=>{r&&r.unobserve&&e.current&&r.unobserve(e.current)}},[e]),r}}}]);
2//# sourceMappingURL=TabbedForms.ade0318e.chunk.js.map