freemium-survey-components 1.0.294 → 1.0.296

package/lib/index.cjs.js

@@ -19,4 +19,4 @@ const Qs=({addFilter:e,utils:t})=>{const{Type:n,replaceInString:r,toNaturalFileS
  * FilePondPluginImagePreview 4.6.11
  * Licensed under MIT, https://opensource.org/licenses/MIT/
  * Please visit https://pqina.nl/filepond/ for details.
- */const dc=(e,t)=>fc(e.x*t,e.y*t),mc=(e,t)=>fc(e.x+t.x,e.y+t.y),pc=(e,t,n)=>{const r=Math.cos(t),o=Math.sin(t),i=fc(e.x-n.x,e.y-n.y);return fc(n.x+r*i.x-o*i.y,n.y+o*i.x+r*i.y)},fc=(e=0,t=0)=>({x:e,y:t}),gc=(e,t,n=1,r)=>"string"==typeof e?parseFloat(e)*n:"number"==typeof e?e*(r?t[r]:Math.min(t.width,t.height)):void 0,hc=e=>null!=e,vc=(e,t)=>Object.keys(t).forEach((n=>e.setAttribute(n,t[n]))),yc=(e,t)=>{const n=document.createElementNS("http://www.w3.org/2000/svg",e);return t&&vc(n,t),n},bc={contain:"xMidYMid meet",cover:"xMidYMid slice"},wc={left:"start",center:"middle",right:"end"},xc=e=>t=>yc(e,{id:t.id}),Ec={image:e=>{const t=yc("image",{id:e.id,"stroke-linecap":"round","stroke-linejoin":"round",opacity:"0"});return t.onload=()=>{t.setAttribute("opacity",e.opacity||1)},t.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",e.src),t},rect:xc("rect"),ellipse:xc("ellipse"),text:xc("text"),path:xc("path"),line:e=>{const t=yc("g",{id:e.id,"stroke-linecap":"round","stroke-linejoin":"round"}),n=yc("line");t.appendChild(n);const r=yc("path");t.appendChild(r);const o=yc("path");return t.appendChild(o),t}},_c={rect:e=>vc(e,{...e.rect,...e.styles}),ellipse:e=>{const t=e.rect.x+.5*e.rect.width,n=e.rect.y+.5*e.rect.height,r=.5*e.rect.width,o=.5*e.rect.height;return vc(e,{cx:t,cy:n,rx:r,ry:o,...e.styles})},image:(e,t)=>{vc(e,{...e.rect,...e.styles,preserveAspectRatio:bc[t.fit]||"none"})},text:(e,t,n,r)=>{const o=gc(t.fontSize,n,r),i=t.fontFamily||"sans-serif",a=t.fontWeight||"normal",s=wc[t.textAlign]||"start";vc(e,{...e.rect,...e.styles,"stroke-width":0,"font-weight":a,"font-size":o,"font-family":i,"text-anchor":s}),e.text!==t.text&&(e.text=t.text,e.textContent=t.text.length?t.text:" ")},path:(e,t,n,r)=>{var o;vc(e,{...e.styles,fill:"none",d:(o=t.points.map((e=>({x:gc(e.x,n,r,"width"),y:gc(e.y,n,r,"height")}))),o.map(((e,t)=>`${0===t?"M":"L"} ${e.x} ${e.y}`)).join(" "))})},line:(e,t,n,r)=>{vc(e,{...e.rect,...e.styles,fill:"none"});const o=e.childNodes[0],i=e.childNodes[1],a=e.childNodes[2],s=e.rect,c={x:e.rect.x+e.rect.width,y:e.rect.y+e.rect.height};if(vc(o,{x1:s.x,y1:s.y,x2:c.x,y2:c.y}),!t.lineDecoration)return;i.style.display="none",a.style.display="none";const l=(e=>{const t=Math.sqrt(e.x*e.x+e.y*e.y);return 0===t?{x:0,y:0}:fc(e.x/t,e.y/t)})({x:c.x-s.x,y:c.y-s.y}),u=gc(.05,n,r);if(-1!==t.lineDecoration.indexOf("arrow-begin")){const e=dc(l,u),t=mc(s,e),n=pc(s,2,t),r=pc(s,-2,t);vc(i,{style:"display:block;",d:`M${n.x},${n.y} L${s.x},${s.y} L${r.x},${r.y}`})}if(-1!==t.lineDecoration.indexOf("arrow-end")){const e=dc(l,-u),t=mc(c,e),n=pc(c,2,t),r=pc(c,-2,t);vc(a,{style:"display:block;",d:`M${n.x},${n.y} L${c.x},${c.y} L${r.x},${r.y}`})}}},kc=(e,t,n,r,o)=>{"path"!==t&&(e.rect=((e,t,n=1)=>{let r=gc(e.x,t,n,"width")||gc(e.left,t,n,"width"),o=gc(e.y,t,n,"height")||gc(e.top,t,n,"height"),i=gc(e.width,t,n,"width"),a=gc(e.height,t,n,"height"),s=gc(e.right,t,n,"width"),c=gc(e.bottom,t,n,"height");return hc(o)||(o=hc(a)&&hc(c)?t.height-a-c:c),hc(r)||(r=hc(i)&&hc(s)?t.width-i-s:s),hc(i)||(i=hc(r)&&hc(s)?t.width-r-s:0),hc(a)||(a=hc(o)&&hc(c)?t.height-o-c:0),{x:r||0,y:o||0,width:i||0,height:a||0}})(n,r,o)),e.styles=((e,t,n)=>{const r=e.borderStyle||e.lineStyle||"solid",o=e.backgroundColor||e.fontColor||"transparent",i=e.borderColor||e.lineColor||"transparent",a=gc(e.borderWidth||e.lineWidth,t,n);return{"stroke-linecap":e.lineCap||"round","stroke-linejoin":e.lineJoin||"round","stroke-width":a||0,"stroke-dasharray":"string"==typeof r?"":r.map((e=>gc(e,t,n))).join(","),stroke:i,fill:o,opacity:e.opacity||1}})(n,r,o),_c[t](e,n,r,o)},Cc=["x","y","left","top","right","bottom","width","height"],Ac=e=>{const[t,n]=e,r=n.points?{}:Cc.reduce(((e,t)=>{var r;return e[t]="string"==typeof(r=n[t])&&/%/.test(r)?parseFloat(r)/100:r,e}),{});return[t,{zIndex:0,...n,...r}]},Sc=(e,t)=>e[1].zIndex>t[1].zIndex?1:e[1].zIndex<t[1].zIndex?-1:0,Mc=e=>e.utils.createView({name:"image-preview-markup",tag:"svg",ignoreRect:!0,mixins:{apis:["width","height","crop","markup","resize","dirty"]},write:({root:e,props:t})=>{if(!t.dirty)return;const{crop:n,resize:r,markup:o}=t,i=t.width,a=t.height;let s=n.width,c=n.height;if(r){const{size:e}=r;let t=e&&e.width,n=e&&e.height;const o=r.mode,i=r.upscale;t&&!n&&(n=t),n&&!t&&(t=n);const a=s<t&&c<n;if(!a||a&&i){let e=t/s,r=n/c;if("force"===o)s=t,c=n;else{let t;"cover"===o?t=Math.max(e,r):"contain"===o&&(t=Math.min(e,r)),s*=t,c*=t}}}const l={width:i,height:a};e.element.setAttribute("width",l.width),e.element.setAttribute("height",l.height);const u=Math.min(i/s,a/c);e.element.innerHTML="";const d=e.query("GET_IMAGE_PREVIEW_MARKUP_FILTER");o.filter(d).map(Ac).sort(Sc).forEach((t=>{const[n,r]=t,o=((e,t)=>Ec[e](t))(n,r);kc(o,n,r,l,u),e.element.appendChild(o)}))}}),Tc=(e,t)=>({x:e,y:t}),Zc=(e,t)=>Tc(e.x-t.x,e.y-t.y),Nc=(e,t)=>Math.sqrt(((e,t)=>((e,t)=>e.x*t.x+e.y*t.y)(Zc(e,t),Zc(e,t)))(e,t)),Ic=(e,t)=>{const n=e,r=t,o=1.5707963267948966-t,i=Math.sin(1.5707963267948966),a=Math.sin(r),s=Math.sin(o),c=Math.cos(o),l=n/i;return Tc(c*(l*a),c*(l*s))},Oc=(e,t,n,r)=>{const o=r.x>.5?1-r.x:r.x,i=r.y>.5?1-r.y:r.y,a=2*o*e.width,s=2*i*e.height,c=((e,t)=>{const n=e.width,r=e.height,o=Ic(n,t),i=Ic(r,t),a=Tc(e.x+Math.abs(o.x),e.y-Math.abs(o.y)),s=Tc(e.x+e.width+Math.abs(i.y),e.y+Math.abs(i.x)),c=Tc(e.x-Math.abs(i.y),e.y+e.height-Math.abs(i.x));return{width:Nc(a,s),height:Nc(a,c)}})(t,n);return Math.max(c.width/a,c.height/s)},qc=(e,t)=>{let n=e.width,r=n*t;r>e.height&&(r=e.height,n=r/t);return{x:.5*(e.width-n),y:.5*(e.height-r),width:n,height:r}},Rc=(e,t={})=>{let{zoom:n,rotation:r,center:o,aspectRatio:i}=t;i||(i=e.height/e.width);const a=((e,t,n=1)=>{const r=e.height/e.width;let o=t,i=1,a=r;a>o&&(a=o,i=a/r);const s=Math.max(1/i,o/a),c=e.width/(n*s*i);return{width:c,height:c*t}})(e,i,n),s={x:.5*a.width,y:.5*a.height},c={x:0,y:0,width:a.width,height:a.height,center:s},l=void 0===t.scaleToFit||t.scaleToFit,u=n*Oc(e,qc(c,i),r,l?o:{x:.5,y:.5});return{widthFloat:a.width/u,heightFloat:a.height/u,width:Math.round(a.width/u),height:Math.round(a.height/u)}},Dc={type:"spring",stiffness:.5,damping:.45,mass:10},Lc=e=>e.utils.createView({name:"image-clip",tag:"div",ignoreRect:!0,mixins:{apis:["crop","markup","resize","width","height","dirty","background"],styles:["width","height","opacity"],animations:{opacity:{type:"tween",duration:250}}},didWriteView:function({root:e,props:t}){t.background&&(e.element.style.backgroundColor=t.background)},create:({root:t,props:n})=>{t.ref.image=t.appendChildView(t.createChildView((e=>e.utils.createView({name:"image-canvas-wrapper",tag:"div",ignoreRect:!0,mixins:{apis:["crop","width","height"],styles:["originX","originY","translateX","translateY","scaleX","scaleY","rotateZ"],animations:{originX:Dc,originY:Dc,scaleX:Dc,scaleY:Dc,translateX:Dc,translateY:Dc,rotateZ:Dc}},create:({root:t,props:n})=>{n.width=n.image.width,n.height=n.image.height,t.ref.bitmap=t.appendChildView(t.createChildView((e=>e.utils.createView({name:"image-bitmap",ignoreRect:!0,mixins:{styles:["scaleX","scaleY"]},create:({root:e,props:t})=>{e.appendChild(t.image)}}))(e),{image:n.image}))},write:({root:e,props:t})=>{const{flip:n}=t.crop,{bitmap:r}=e.ref;r.scaleX=n.horizontal?-1:1,r.scaleY=n.vertical?-1:1}}))(e),Object.assign({},n))),t.ref.createMarkup=()=>{t.ref.markup||(t.ref.markup=t.appendChildView(t.createChildView(Mc(e),Object.assign({},n))))},t.ref.destroyMarkup=()=>{t.ref.markup&&(t.removeChildView(t.ref.markup),t.ref.markup=null)};const r=t.query("GET_IMAGE_PREVIEW_TRANSPARENCY_INDICATOR");null!==r&&(t.element.dataset.transparencyIndicator="grid"===r?r:"color")},write:({root:e,props:t,shouldOptimize:n})=>{const{crop:r,markup:o,resize:i,dirty:a,width:s,height:c}=t;e.ref.image.crop=r;const l={x:0,y:0,width:s,height:c,center:{x:.5*s,y:.5*c}},u={width:e.ref.image.width,height:e.ref.image.height},d={x:r.center.x*u.width,y:r.center.y*u.height},m={x:l.center.x-u.width*r.center.x,y:l.center.y-u.height*r.center.y},p=2*Math.PI+r.rotation%(2*Math.PI),f=r.aspectRatio||u.height/u.width,g=void 0===r.scaleToFit||r.scaleToFit,h=Oc(u,qc(l,f),p,g?r.center:{x:.5,y:.5}),v=r.zoom*h;o&&o.length?(e.ref.createMarkup(),e.ref.markup.width=s,e.ref.markup.height=c,e.ref.markup.resize=i,e.ref.markup.dirty=a,e.ref.markup.markup=o,e.ref.markup.crop=Rc(u,r)):e.ref.markup&&e.ref.destroyMarkup();const y=e.ref.image;if(n)return y.originX=null,y.originY=null,y.translateX=null,y.translateY=null,y.rotateZ=null,y.scaleX=null,void(y.scaleY=null);y.originX=d.x,y.originY=d.y,y.translateX=m.x,y.translateY=m.y,y.rotateZ=p,y.scaleX=v,y.scaleY=v}});let Bc=0;const zc=function(){self.onmessage=e=>{createImageBitmap(e.data.message.file).then((t=>{self.postMessage({id:e.data.id,message:t},[t])}))}},Pc=function(){self.onmessage=e=>{const t=e.data.message.imageData,n=e.data.message.colorMatrix,r=t.data,o=r.length,i=n[0],a=n[1],s=n[2],c=n[3],l=n[4],u=n[5],d=n[6],m=n[7],p=n[8],f=n[9],g=n[10],h=n[11],v=n[12],y=n[13],b=n[14],w=n[15],x=n[16],E=n[17],_=n[18],k=n[19];let C=0,A=0,S=0,M=0,T=0;for(;C<o;C+=4)A=r[C]/255,S=r[C+1]/255,M=r[C+2]/255,T=r[C+3]/255,r[C]=Math.max(0,Math.min(255*(A*i+S*a+M*s+T*c+l),255)),r[C+1]=Math.max(0,Math.min(255*(A*u+S*d+M*m+T*p+f),255)),r[C+2]=Math.max(0,Math.min(255*(A*g+S*h+M*v+T*y+b),255)),r[C+3]=Math.max(0,Math.min(255*(A*w+S*x+M*E+T*_+k),255));self.postMessage({id:e.data.id,message:t},[t.data.buffer])}},Fc={1:()=>[1,0,0,1,0,0],2:e=>[-1,0,0,1,e,0],3:(e,t)=>[-1,0,0,-1,e,t],4:(e,t)=>[1,0,0,-1,0,t],5:()=>[0,1,1,0,0,0],6:(e,t)=>[0,1,-1,0,t,0],7:(e,t)=>[0,-1,-1,0,t,e],8:e=>[0,-1,1,0,0,e]},jc=(e,t,n,r)=>{t=Math.round(t),n=Math.round(n);const o=document.createElement("canvas");o.width=t,o.height=n;const i=o.getContext("2d");return r>=5&&r<=8&&([t,n]=[n,t]),((e,t,n,r)=>{-1!==r&&e.transform.apply(e,Fc[r](t,n))})(i,t,n,r),i.drawImage(e,0,0,t,n),o},Vc=e=>/^image/.test(e.type)&&!/svg/.test(e.type),Uc=e=>{const t=Math.min(10/e.width,10/e.height),n=document.createElement("canvas"),r=n.getContext("2d"),o=n.width=Math.ceil(e.width*t),i=n.height=Math.ceil(e.height*t);r.drawImage(e,0,0,o,i);let a=null;try{a=r.getImageData(0,0,o,i).data}catch(e){return null}const s=a.length;let c=0,l=0,u=0,d=0;for(;d<s;d+=4)c+=a[d]*a[d],l+=a[d+1]*a[d+1],u+=a[d+2]*a[d+2];return c=Hc(c,s),l=Hc(l,s),u=Hc(u,s),{r:c,g:l,b:u}},Hc=(e,t)=>Math.floor(Math.sqrt(e/(t/4))),Gc=(e,t)=>{(t=t||document.createElement("canvas")).width=e.width,t.height=e.height;return t.getContext("2d").drawImage(e,0,0),t},$c=e=>{const t=e.utils.createView({name:"image-preview-overlay",tag:"div",ignoreRect:!0,create:({root:e,props:t})=>{let n='<svg width="500" height="200" viewBox="0 0 500 200" preserveAspectRatio="none">\n    <defs>\n        <radialGradient id="gradient-__UID__" cx=".5" cy="1.25" r="1.15">\n            <stop offset=\'50%\' stop-color=\'#000000\'/>\n            <stop offset=\'56%\' stop-color=\'#0a0a0a\'/>\n            <stop offset=\'63%\' stop-color=\'#262626\'/>\n            <stop offset=\'69%\' stop-color=\'#4f4f4f\'/>\n            <stop offset=\'75%\' stop-color=\'#808080\'/>\n            <stop offset=\'81%\' stop-color=\'#b1b1b1\'/>\n            <stop offset=\'88%\' stop-color=\'#dadada\'/>\n            <stop offset=\'94%\' stop-color=\'#f6f6f6\'/>\n            <stop offset=\'100%\' stop-color=\'#ffffff\'/>\n        </radialGradient>\n        <mask id="mask-__UID__">\n            <rect x="0" y="0" width="500" height="200" fill="url(#gradient-__UID__)"></rect>\n        </mask>\n    </defs>\n    <rect x="0" width="500" height="200" fill="currentColor" mask="url(#mask-__UID__)"></rect>\n</svg>';if(document.querySelector("base")){const e=new URL(window.location.href.replace(window.location.hash,"")).href;n=n.replace(/url\(\#/g,"url("+e+"#")}Bc++,e.element.classList.add(`filepond--image-preview-overlay-${t.status}`),e.element.innerHTML=n.replace(/__UID__/g,Bc)},mixins:{styles:["opacity"],animations:{opacity:{type:"spring",mass:25}}}});const n=(e=>e.utils.createView({name:"image-preview",tag:"div",ignoreRect:!0,mixins:{apis:["image","crop","markup","resize","dirty","background"],styles:["translateY","scaleX","scaleY","opacity"],animations:{scaleX:Dc,scaleY:Dc,translateY:Dc,opacity:{type:"tween",duration:400}}},create:({root:t,props:n})=>{t.ref.clip=t.appendChildView(t.createChildView(Lc(e),{id:n.id,image:n.image,crop:n.crop,markup:n.markup,resize:n.resize,dirty:n.dirty,background:n.background}))},write:({root:e,props:t,shouldOptimize:n})=>{const{clip:r}=e.ref,{image:o,crop:i,markup:a,resize:s,dirty:c}=t;if(r.crop=i,r.markup=a,r.resize=s,r.dirty=c,r.opacity=n?0:1,n||e.rect.element.hidden)return;const l=o.height/o.width;let u=i.aspectRatio||l;const d=e.rect.inner.width,m=e.rect.inner.height;let p=e.query("GET_IMAGE_PREVIEW_HEIGHT");const f=e.query("GET_IMAGE_PREVIEW_MIN_HEIGHT"),g=e.query("GET_IMAGE_PREVIEW_MAX_HEIGHT"),h=e.query("GET_PANEL_ASPECT_RATIO"),v=e.query("GET_ALLOW_MULTIPLE");h&&!v&&(p=d*h,u=h);let y=null!==p?p:Math.max(f,Math.min(d*u,g)),b=y/u;b>d&&(b=d,y=b*u),y>m&&(y=m,b=m/u),r.width=b,r.height=y}}))(e),{createWorker:r}=e.utils,o=(e,t,n)=>new Promise((o=>{e.ref.imageData||(e.ref.imageData=n.getContext("2d").getImageData(0,0,n.width,n.height));const i=(e=>{let t;try{t=new ImageData(e.width,e.height)}catch(n){t=document.createElement("canvas").getContext("2d").createImageData(e.width,e.height)}return t.data.set(new Uint8ClampedArray(e.data)),t})(e.ref.imageData);if(!t||20!==t.length)return n.getContext("2d").putImageData(i,0,0),o();const a=r(Pc);a.post({imageData:i,colorMatrix:t},(e=>{n.getContext("2d").putImageData(e,0,0),a.terminate(),o()}),[i.data.buffer])})),i=({root:e,props:t,image:r})=>{const o=t.id,i=e.query("GET_ITEM",{id:o});if(!i)return;const a=i.getMetadata("crop")||{center:{x:.5,y:.5},flip:{horizontal:!1,vertical:!1},zoom:1,rotation:0,aspectRatio:null},s=e.query("GET_IMAGE_TRANSFORM_CANVAS_BACKGROUND_COLOR");let c,l,u=!1;e.query("GET_IMAGE_PREVIEW_MARKUP_SHOW")&&(c=i.getMetadata("markup")||[],l=i.getMetadata("resize"),u=!0);const d=e.appendChildView(e.createChildView(n,{id:o,image:r,crop:a,resize:l,markup:c,dirty:u,background:s,opacity:0,scaleX:1.15,scaleY:1.15,translateY:15}),e.childViews.length);e.ref.images.push(d),d.opacity=1,d.scaleX=1,d.scaleY=1,d.translateY=0,setTimeout((()=>{e.dispatch("DID_IMAGE_PREVIEW_SHOW",{id:o})}),250)},a=({root:e})=>{e.ref.overlayShadow.opacity=1,e.ref.overlayError.opacity=0,e.ref.overlaySuccess.opacity=0},s=({root:e})=>{e.ref.overlayShadow.opacity=.25,e.ref.overlayError.opacity=1};return e.utils.createView({name:"image-preview-wrapper",create:({root:e})=>{e.ref.images=[],e.ref.imageData=null,e.ref.imageViewBin=[],e.ref.overlayShadow=e.appendChildView(e.createChildView(t,{opacity:0,status:"idle"})),e.ref.overlaySuccess=e.appendChildView(e.createChildView(t,{opacity:0,status:"success"})),e.ref.overlayError=e.appendChildView(e.createChildView(t,{opacity:0,status:"failure"}))},styles:["height"],apis:["height"],destroy:({root:e})=>{e.ref.images.forEach((e=>{e.image.width=1,e.image.height=1}))},didWriteView:({root:e})=>{e.ref.images.forEach((e=>{e.dirty=!1}))},write:e.utils.createRoute({DID_IMAGE_PREVIEW_DRAW:({root:e})=>{const t=e.ref.images[e.ref.images.length-1];t.translateY=0,t.scaleX=1,t.scaleY=1,t.opacity=1},DID_IMAGE_PREVIEW_CONTAINER_CREATE:({root:e,props:t})=>{const{id:n}=t,r=e.query("GET_ITEM",n);if(!r)return;((e,t)=>{let n=new Image;n.onload=()=>{const e=n.naturalWidth,r=n.naturalHeight;n=null,t(e,r)},n.src=e})(URL.createObjectURL(r.file),((t,r)=>{e.dispatch("DID_IMAGE_PREVIEW_CALCULATE_SIZE",{id:n,width:t,height:r})}))},DID_FINISH_CALCULATE_PREVIEWSIZE:({root:e,props:t})=>{const{id:n}=t,a=e.query("GET_ITEM",n);if(!a)return;const s=URL.createObjectURL(a.file),c=()=>{var e;(e=s,new Promise(((t,n)=>{const r=new Image;r.crossOrigin="Anonymous",r.onload=()=>{t(r)},r.onerror=e=>{n(e)},r.src=e}))).then(l)},l=n=>{URL.revokeObjectURL(s);const r=(a.getMetadata("exif")||{}).orientation||-1;let{width:c,height:l}=n;if(!c||!l)return;r>=5&&r<=8&&([c,l]=[l,c]);const u=Math.max(1,.75*window.devicePixelRatio),d=e.query("GET_IMAGE_PREVIEW_ZOOM_FACTOR")*u,m=l/c,p=e.rect.element.width,f=e.rect.element.height;let g=p,h=g*m;m>1?(g=Math.min(c,p*d),h=g*m):(h=Math.min(l,f*d),g=h/m);const v=jc(n,g,h,r),y=()=>{const r=e.query("GET_IMAGE_PREVIEW_CALCULATE_AVERAGE_IMAGE_COLOR")?Uc(data):null;a.setMetadata("color",r,!0),"close"in n&&n.close(),e.ref.overlayShadow.opacity=1,i({root:e,props:t,image:v})},b=a.getMetadata("filter");b?o(e,b,v).then(y):y()};if((e=>{const t=window.navigator.userAgent.match(/Firefox\/([0-9]+)\./);return!((t?parseInt(t[1]):null)<=58)&&"createImageBitmap"in window&&Vc(e)})(a.file)){const e=r(zc);e.post({file:a.file},(t=>{e.terminate(),t?l(t):c()}))}else c()},DID_UPDATE_ITEM_METADATA:({root:e,props:t,action:n})=>{if(!/crop|filter|markup|resize/.test(n.change.key))return;if(!e.ref.images.length)return;const r=e.query("GET_ITEM",{id:t.id});if(r)if(/filter/.test(n.change.key)){const t=e.ref.images[e.ref.images.length-1];o(e,n.change.value,t.image)}else if(/crop|markup|resize/.test(n.change.key)){const n=r.getMetadata("crop"),o=e.ref.images[e.ref.images.length-1];if(n&&n.aspectRatio&&o.crop&&o.crop.aspectRatio&&Math.abs(n.aspectRatio-o.crop.aspectRatio)>1e-5){const n=(({root:e})=>{const t=e.ref.images.shift();return t.opacity=0,t.translateY=-15,e.ref.imageViewBin.push(t),t})({root:e});i({root:e,props:t,image:Gc(n.image)})}else(({root:e,props:t})=>{const n=e.query("GET_ITEM",{id:t.id});if(!n)return;const r=e.ref.images[e.ref.images.length-1];r.crop=n.getMetadata("crop"),r.background=e.query("GET_IMAGE_TRANSFORM_CANVAS_BACKGROUND_COLOR"),e.query("GET_IMAGE_PREVIEW_MARKUP_SHOW")&&(r.dirty=!0,r.resize=n.getMetadata("resize"),r.markup=n.getMetadata("markup"))})({root:e,props:t})}},DID_THROW_ITEM_LOAD_ERROR:s,DID_THROW_ITEM_PROCESSING_ERROR:s,DID_THROW_ITEM_INVALID:s,DID_COMPLETE_ITEM_PROCESSING:({root:e})=>{e.ref.overlayShadow.opacity=.25,e.ref.overlaySuccess.opacity=1},DID_START_ITEM_PROCESSING:a,DID_REVERT_ITEM_PROCESSING:a},(({root:e})=>{const t=e.ref.imageViewBin.filter((e=>0===e.opacity));e.ref.imageViewBin=e.ref.imageViewBin.filter((e=>e.opacity>0)),t.forEach((t=>((e,t)=>{e.removeChildView(t),t.image.width=1,t.image.height=1,t._destroy()})(e,t))),t.length=0}))})},Wc=e=>{const{addFilter:t,utils:n}=e,{Type:r,createRoute:o,isFile:i}=n,a=$c(e);return t("CREATE_VIEW",(e=>{const{is:t,view:n,query:r}=e;if(!t("file")||!r("GET_ALLOW_IMAGE_PREVIEW"))return;const s=({root:e})=>{e.ref.shouldRescale=!0};n.registerWriter(o({DID_RESIZE_ROOT:s,DID_STOP_RESIZE:s,DID_LOAD_ITEM:({root:e,props:t})=>{const{id:o}=t,s=r("GET_ITEM",o);if(!s||!i(s.file)||s.archived)return;const c=s.file;if(!(e=>/^image/.test(e.type))(c))return;if(!r("GET_IMAGE_PREVIEW_FILTER_ITEM")(s))return;const l="createImageBitmap"in(window||{}),u=r("GET_IMAGE_PREVIEW_MAX_FILE_SIZE");if(!l&&u&&c.size>u)return;e.ref.imagePreview=n.appendChildView(n.createChildView(a,{id:o}));const d=e.query("GET_IMAGE_PREVIEW_HEIGHT");d&&e.dispatch("DID_UPDATE_PANEL_HEIGHT",{id:s.id,height:d});const m=!l&&c.size>r("GET_IMAGE_PREVIEW_MAX_INSTANT_PREVIEW_FILE_SIZE");e.dispatch("DID_IMAGE_PREVIEW_CONTAINER_CREATE",{id:o},m)},DID_IMAGE_PREVIEW_CALCULATE_SIZE:({root:e,action:t})=>{e.ref.imageWidth=t.width,e.ref.imageHeight=t.height,e.ref.shouldRescale=!0,e.ref.shouldDrawPreview=!0,e.dispatch("KICK")},DID_UPDATE_ITEM_METADATA:({root:e,action:t})=>{"crop"===t.change.key&&(e.ref.shouldRescale=!0)}},(({root:e,props:t})=>{e.ref.imagePreview&&(e.rect.element.hidden||(e.ref.shouldRescale&&(((e,t)=>{if(!e.ref.imagePreview)return;let{id:n}=t;const r=e.query("GET_ITEM",{id:n});if(!r)return;const o=e.query("GET_PANEL_ASPECT_RATIO"),i=e.query("GET_ITEM_PANEL_ASPECT_RATIO"),a=e.query("GET_IMAGE_PREVIEW_HEIGHT");if(o||i||a)return;let{imageWidth:s,imageHeight:c}=e.ref;if(!s||!c)return;const l=e.query("GET_IMAGE_PREVIEW_MIN_HEIGHT"),u=e.query("GET_IMAGE_PREVIEW_MAX_HEIGHT"),d=(r.getMetadata("exif")||{}).orientation||-1;if(d>=5&&d<=8&&([s,c]=[c,s]),!Vc(r.file)||e.query("GET_IMAGE_PREVIEW_UPSCALE")){const e=2048/s;s*=e,c*=e}const m=c/s,p=(r.getMetadata("crop")||{}).aspectRatio||m;let f=Math.max(l,Math.min(c,u));const g=e.rect.element.width,h=Math.min(g*p,f);e.dispatch("DID_UPDATE_PANEL_HEIGHT",{id:r.id,height:h})})(e,t),e.ref.shouldRescale=!1),e.ref.shouldDrawPreview&&(requestAnimationFrame((()=>{requestAnimationFrame((()=>{e.dispatch("DID_FINISH_CALCULATE_PREVIEWSIZE",{id:t.id})}))})),e.ref.shouldDrawPreview=!1)))})))})),{options:{allowImagePreview:[!0,r.BOOLEAN],imagePreviewFilterItem:[()=>!0,r.FUNCTION],imagePreviewHeight:[null,r.INT],imagePreviewMinHeight:[44,r.INT],imagePreviewMaxHeight:[256,r.INT],imagePreviewMaxFileSize:[null,r.INT],imagePreviewZoomFactor:[2,r.INT],imagePreviewUpscale:[!1,r.BOOLEAN],imagePreviewMaxInstantPreviewFileSize:[1e6,r.INT],imagePreviewTransparencyIndicator:[null,r.STRING],imagePreviewCalculateAverageImageColor:[!1,r.BOOLEAN],imagePreviewMarkupShow:[!0,r.BOOLEAN],imagePreviewMarkupFilter:[()=>!0,r.FUNCTION]}}};"undefined"!=typeof window&&void 0!==window.document&&document.dispatchEvent(new CustomEvent("FilePond:pluginloaded",{detail:Wc}));I("/*!\n * FilePondPluginImagePreview 4.6.11\n * Licensed under MIT, https://opensource.org/licenses/MIT/\n * Please visit https://pqina.nl/filepond/ for details.\n */\n\n/* eslint-disable */\n.filepond--image-preview-markup {\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n.filepond--image-preview-wrapper {\n  z-index: 2;\n}\n.filepond--image-preview-overlay {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  min-height: 5rem;\n  max-height: 7rem;\n  margin: 0;\n  opacity: 0;\n  z-index: 2;\n  pointer-events: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.filepond--image-preview-overlay svg {\n  width: 100%;\n  height: auto;\n  color: inherit;\n  max-height: inherit;\n}\n.filepond--image-preview-overlay-idle {\n  mix-blend-mode: multiply;\n  color: rgba(40, 40, 40, 0.85);\n}\n.filepond--image-preview-overlay-success {\n  mix-blend-mode: normal;\n  color: rgba(54, 151, 99, 1);\n}\n.filepond--image-preview-overlay-failure {\n  mix-blend-mode: normal;\n  color: rgba(196, 78, 71, 1);\n}\n/* disable for Safari as mix-blend-mode causes the overflow:hidden of the parent container to not work */\n@supports (-webkit-marquee-repetition: infinite) and\n  ((-o-object-fit: fill) or (object-fit: fill)) {\n  .filepond--image-preview-overlay-idle {\n    mix-blend-mode: normal;\n  }\n}\n.filepond--image-preview-wrapper {\n  /* no interaction */\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n\n  /* have preview fill up all available space */\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  height: 100%;\n  margin: 0;\n\n  /* radius is .05em less to prevent the panel background color from shining through */\n  border-radius: 0.45em;\n  overflow: hidden;\n\n  /* this seems to prevent Chrome from redrawing this layer constantly */\n  background: rgba(0, 0, 0, 0.01);\n}\n.filepond--image-preview {\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 1;\n  display: flex; /* this aligns the graphic vertically if the panel is higher than the image */\n  align-items: center;\n  height: 100%;\n  width: 100%;\n  pointer-events: none;\n  background: #222;\n\n  /* will be animated */\n  will-change: transform, opacity;\n}\n.filepond--image-clip {\n  position: relative;\n  overflow: hidden;\n  margin: 0 auto;\n\n  /* transparency indicator (currently only supports grid or basic color) */\n}\n.filepond--image-clip[data-transparency-indicator='grid'] img,\n.filepond--image-clip[data-transparency-indicator='grid'] canvas {\n  background-color: #fff;\n  background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0 H50 V50 H0'/%3E%3Cpath d='M50 50 H100 V100 H50'/%3E%3C/svg%3E\");\n  background-size: 1.25em 1.25em;\n}\n.filepond--image-bitmap,\n.filepond--image-vector {\n  position: absolute;\n  left: 0;\n  top: 0;\n  will-change: transform;\n}\n.filepond--root[data-style-panel-layout~='integrated']\n  .filepond--image-preview-wrapper {\n  border-radius: 0;\n}\n.filepond--root[data-style-panel-layout~='integrated']\n  .filepond--image-preview {\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.filepond--root[data-style-panel-layout~='circle']\n  .filepond--image-preview-wrapper {\n  border-radius: 99999rem;\n}\n.filepond--root[data-style-panel-layout~='circle']\n  .filepond--image-preview-overlay {\n  top: auto;\n  bottom: 0;\n  -webkit-transform: scaleY(-1);\n  transform: scaleY(-1);\n}\n.filepond--root[data-style-panel-layout~='circle']\n  .filepond--file\n  .filepond--file-action-button[data-align*='bottom']:not([data-align*='center']) {\n  margin-bottom: 0.325em;\n}\n.filepond--root[data-style-panel-layout~='circle']\n  .filepond--file\n  [data-align*='left'] {\n  left: calc(50% - 3em);\n}\n.filepond--root[data-style-panel-layout~='circle']\n  .filepond--file\n  [data-align*='right'] {\n  right: calc(50% - 3em);\n}\n.filepond--root[data-style-panel-layout~='circle']\n  .filepond--progress-indicator[data-align*='bottom'][data-align*='left'],\n.filepond--root[data-style-panel-layout~='circle']\n  .filepond--progress-indicator[data-align*='bottom'][data-align*='right'] {\n  margin-bottom: calc(0.325em + 0.1875em);\n}\n.filepond--root[data-style-panel-layout~='circle']\n  .filepond--progress-indicator[data-align*='bottom'][data-align*='center'] {\n  margin-top: 0;\n  margin-bottom: 0.1875em;\n  margin-left: 0.1875em;\n}\n"),u.registerPlugin(uc,Wc,Js,Qs);const Yc=t.forwardRef((({onClick:e,maxFileSize:r=16,visible:o=!0,supportedFileFormats:i},a)=>{const[s,c]=t.useState(!1);return n.createElement(n.Fragment,null,n.createElement("div",{ref:a,className:"file-upload-container",onClick:e,style:{visibility:o?"visible":"hidden"},onDragOver:e=>{e.preventDefault(),e.target.classList.add("push-backward")}}," ",n.createElement(T,{name:"file-upload-icon"}),n.createElement("p",null,n.createElement("strong",null," Drop your file here, or")," ",n.createElement("u",{className:"link"},"Browse")),n.createElement("p",{className:"max-size"},"Maximum file size : ",r,"MB"),n.createElement("p",{className:"support file-formats"},"Supported file formats: ",(i=i.join(", ")).trim()?n.createElement(n.Fragment,null,s?i:i.slice(0,20)," ",n.createElement("span",{onClick:()=>c(!s),style:{color:"blue",textDecoration:"underline",cursor:"pointer"}},s?"show less":"show more")):"No formats selected"),n.createElement("div",{className:"filepond--drip"})))})),Xc=({survey:e,question:r,onChangeHandler:o,onFileUpload:i,setErrors:a,errors:s})=>{const[c,l]=t.useState([]),[d,m]=t.useState([]),p=t.useRef(),f=r.type_info?.file_field?.max_file_size||10,g=t.useRef(null),h=t.useRef();return n.useEffect((()=>{(()=>{const e=r.type_info?.file_field?.allowed_file_types,t=Object.keys(A).map((t=>{if((e||[]).includes(t))return A[t].concat(",")})).join(" ").trim().slice(0,-1);m(t.split(", "))})()}),[]),n.createElement(n.Fragment,null,n.createElement(u.FilePond,{files:c,ref:h,onerror:e=>{console.log("file upload error",e),g.current=e,a({...s,fileUploadErrors:{[r.name]:e}})},required:!0,allowFileTypeValidation:!0,acceptedFileTypes:d,fileValidateTypeDetectType:(e,t)=>new Promise(((t,n)=>{const r=e.name.split(".");t(`.${r[r.length-1].toLowerCase()}`)})),imagePreviewHeight:220,allowFileSizeValidation:!0,maxFileSize:`${f}MB`,onupdatefiles:e=>{p.current?.classList.remove("push-backward"),e.length&&(l(e),setTimeout((()=>{(async()=>{if(console.log("uploading",g,s),h.current&&D(g.current)){const e=h.current.getFiles();if(e?.[0]?.file instanceof Blob){const t=new FormData;if(t.append("file",e?.[0]?.file,e?.[0]?.filename),i){const n=await i(t,r?.id||"");console.log("fileUrl",n),n.length?o([e?.[0]?.filename,n]):console.error("Error uploading file")}}}})()}),500))},onremovefile:()=>{l([]),a({...s,fileUploadErrors:{}}),g.current=null,o(null)},maxFiles:1,name:`${r.id}-files`}),n.createElement(Yc,{ref:p,onClick:e=>{const t=e.target;t.className&&!t.className.includes("format-type-toggler")&&h.current.browse()},visible:!c.length,maxFileSize:f,supportedFileFormats:d}))};I('.freemium-survey-components .input-container {\n  align-items: flex-start;\n  margin-bottom: 15px;\n}\n.freemium-survey-components .contact-form-input {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n}\n.freemium-survey-components .contact-form-input .contact-form-inp {\n  width: 45%;\n}\n.freemium-survey-components .contact-form-input .contact-form-dropdown {\n  width: 45%;\n}\n.freemium-survey-components .contact-form-input .contact-form-checkbox {\n  width: 45%;\n}\n.freemium-survey-components .contact-form-input .date-time-field {\n  width: 45%;\n}\n.freemium-survey-components .contact-form-inp .input-basic {\n  border: 1px solid #cfd7df;\n  box-shadow: none;\n}\n.freemium-survey-components .contact-form-inp .input-basic .input-basic:hover {\n  border-color: #cfd7df;\n}\n.freemium-survey-components .contact-form-inp .input-basic .input-basic[focus-within] {\n  border-color: #cfd7df;\n}\n.freemium-survey-components .contact-form-inp .input-basic .input-basic:focus-within {\n  border-color: #cfd7df;\n}\n.freemium-survey-components .contact-form-inp .textarea-container .input-label {\n  text-align: left;\n}\n.freemium-survey-components .contact-form-dropdown {\n  text-align: left;\n}\n.freemium-survey-components .contact-form-dropdown .dropdown-container {\n  width: 100%;\n  height: 60px;\n}\n.freemium-survey-components .contact-form-dropdown .dropdown-input-basic {\n  font-weight: 0;\n  font-size: 14px;\n}\n.freemium-survey-components .contact-form-dropdown .dropdown-trigger-container {\n  border: 1px solid #cfd7df;\n}\n.freemium-survey-components .contact-form-checkbox .checkbox-label {\n  border: 1px solid #cfd7df;\n  min-width: none;\n}\n.freemium-survey-components .date-time-wrapper {\n  width: 100%;\n}\n.freemium-survey-components .date-time-wrapper .date-time-input-container-form-field {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 10px;\n  align-items: center;\n  border-radius: 4px;\n  background: #fff;\n  width: 100%;\n  border: 1px solid #cfd7df;\n  cursor: pointer;\n  height: 35px;\n}\n.freemium-survey-components .date-time-field {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  margin-bottom: 15px;\n}\n.freemium-survey-components .date-time-field .date-time-label {\n  padding-bottom: 8px;\n  padding-left: 2px;\n  font-size: 0.75em;\n  font-weight: 400;\n}\n.freemium-survey-components .date-time-field .date-time-label.required::after {\n  content: "*";\n  position: relative;\n  top: 2px;\n  font-weight: 500;\n  font-size: 0.85em;\n  padding-left: 3px;\n  color: #d72d30;\n}\n.freemium-survey-components .checkbox-label {\n  margin: 10px 0px;\n  padding: 10px 10px;\n  font-size: 14px;\n  min-width: 40%;\n}\n\n.freemium-survey-components.mobile-preview .contact-form-inp {\n  flex-direction: column;\n}\n.freemium-survey-components.mobile-preview .input-container {\n  width: 100%;\n}\n\n@media (max-width: 550px) {\n  .freemium-survey-components .contact-form-inp {\n    flex-direction: column;\n  }\n  .freemium-survey-components .input-container {\n    width: 100%;\n  }\n}\n.widget-survey-components.compact-style .contact-form-inp {\n  flex-direction: column;\n}\n.widget-survey-components.compact-style .input-container {\n  width: 100%;\n}');const Kc=({question:e,autoFocusDelay:t,onChangeHandler:r,formValues:o,fieldErrors:i})=>{const a=e.type_info?.contact_form?.layout,s=e.type_info?.contact_form?.fields;return n.createElement(n.Fragment,null,n.createElement("div",{className:"HORIZONTAL"===a?"contact-form-input":""},s?.map(((a,s)=>{switch(a?.type){case"paragraph":return n.createElement("div",{className:"contact-form-inp"},n.createElement($n,{key:s,autoFocusDelay:t,label:a?.label||"",isRequired:!!a.required,value:a.id&&o[e.name]?.[a.id]||"",onChange:t=>{a.id&&r({...o[e.name],[a.id]:t.target.value||null})},isErrored:!(!a.id||!o?.[e.name]?.[a.id])&&!!i?.[a?.id||""],errorText:a.id&&o[e.name]?.[a.id]?i?.[a?.id]:""}));case"dropdown":return n.createElement("div",{className:"contact-form-dropdown"},n.createElement(Wn,{isRequired:a?.required||!1,itemToString:e=>e?.value||"",onChangeHandler:t=>{a.id&&r({...o[e.name],[a.id]:t})},saveOthersValue:()=>{},items:a?.choices,label:a?.label||""}));case"checkbox":const[c,l]=n.useState(!1);return n.createElement("div",{className:"contact-form-checkbox"},n.createElement(Kn,{checked:c,name:a?.label||"",isRequired:a?.required||!1,onChange:()=>{l(!c),a.id&&r({...o[e.name],[a.id]:!c})}},a?.label||""));case"date_time":return n.createElement("div",{className:"date-time-field"},n.createElement("span",{className:"date-time-label "+(a.required?"required":"")},a?.label||""),n.createElement(Hs,{allow_future_date:!1,date_time_format:"MMM dd,yyyy",is_24hrs_time_format:!1,question_format:"DATE",question:e,onValueChange:r,formValues:o,value:a?.id&&o[e?.name]?.[a?.id]||"",field:a,type:"CONTACT_FORM"}));default:return n.createElement("div",{className:"contact-form-inp"},n.createElement(Gn,{key:s,setFocus:0===s,autoFocusDelay:t,onKeyDown:e=>{"phone_number"===a?.type&&V(e),"number"===a?.type&&j(e)},label:a?.label||"",type:"number"===a?.type?"number":"text",isRequired:!!a.required,value:a.id&&o[e.name]?.[a.id]||"",onChange:t=>{a.id&&r({...o[e.name],[a.id]:t.target.value||null})},isErrored:!(!a.id||!o?.[e.name]?.[a.id])&&!!i?.[a?.id||""],errorText:a.id&&o[e.name]?.[a.id]?i?.[a?.id]:""}))}}))))},Qc=({survey:e,question:t,formValues:r,othersMeta:o,onChangeHandler:i,saveOthersValue:a,autoFocusDelay:s,isFinalQn:c,isWidget:l,isMobile:u,initialPivotAnswer:d,isInitialTransition:m,formQuestionErrors:p,contactFormErrors:f,activeIndexOfRenderedStatement:g=0,textboxQuestionErrors:h,fileUploadErrors:v,onFileUpload:y,widgetStyle:b="default",setErrors:w})=>{const x=t?.type_info?.meta?.question_hint&&t?.type_info?.footer_text?n.createElement("div",{className:"footer",role:"note",dangerouslySetInnerHTML:{__html:t?.type_info?.footer_text}}):n.createElement(n.Fragment,null);if((l||u)&&"MATRIX_RATING_SCALE"===t?.type_info?.question_type)return n.createElement(n.Fragment,null,n.createElement(Ws,{type_info:t?.type_info||{},onChangeHandler:e=>{i(e?.filter((e=>(e.rating_labels||[]).length>0)))},isMobile:u,value:r[t.name]||[],statementIndex:g,widgetStyle:b}),x);switch(t?.type_info?.question_type){case"MATRIX_RATING_SCALE":return n.createElement(n.Fragment,null,n.createElement($s,{type_info:t?.type_info||{},onChangeHandler:e=>{i(e?.filter((e=>(e.rating_labels||[]).length>0)))},value:r[t.name]||[]}),x);case"RANGE":return n.createElement(n.Fragment,null,n.createElement($,{question:t,onChangeHandler:i,isWidget:l,isMobile:u,widgetStyle:b,value:r[t.name],initialPivotAnswer:d,isInitialTransition:m}),m&&void 0!==d||x);case"CHECKBOX":case"MULTI_SELECT":return n.createElement(n.Fragment,null,n.createElement(Xn,{name:t.name,values:r[t.name],othersValue:o[t.name],options:t?.choices||[],onChangeHandler:i,saveOthersValue:a,isOthersOption:!!(t?.choices||[]).find((e=>e.meta?.is_others)),othersRequired:!!t?.type_info.meta?.othersRequired,autoFocusDelay:s}),x);case"RADIO":case"DROPDOWN":return n.createElement(n.Fragment,null,n.createElement(Qn,{autoFocusDelay:s,name:t.name,onChangeHandler:i,displayFormat:t?.type_info?.meta?.display_format||"LIST",saveOthersValue:a,options:t?.choices||[],value:r[t.name],othersValue:o[t.name],isOthersOption:!!(t?.choices||[]).find((e=>e.meta?.is_others)),othersRequired:!!t?.type_info.meta?.othersRequired,isFinalQn:c}),x);case"TEXT":return n.createElement(n.Fragment,null,n.createElement(Ys,{question:t,autoFocusDelay:s,formValues:r,onChangeHandler:i,textboxErrors:h||"",setFocus:!0}),x);case"NUMBER":return n.createElement(n.Fragment,null,n.createElement(Xs,{question:t,autoFocusDelay:s,formValues:r,onChangeHandler:i}),x);case"FORM_FIELD":return n.createElement(n.Fragment,null,n.createElement(Gs,{question:t,isRequired:!!t.required,autoFocusDelay:s,onChangeHandler:i,formValues:r,fieldErrors:p?.[t.name]||{}}),x);case"CONTACT_FORM":return n.createElement(n.Fragment,null,n.createElement(Kc,{question:t,autoFocusDelay:s,onChangeHandler:i,formValues:r,fieldErrors:f?.[t.name]||{}}),x);case"PARAGRAPH":return n.createElement(n.Fragment,null,n.createElement($n,{autoFocusDelay:s,label:"",isRequired:!!t.required,placeholder:t?.type_info?.meta?.placeholder??"",value:r[t.name]||"",onChange:e=>i(e.target.value)}),x);case"BOOLEAN":return n.createElement(n.Fragment,null,n.createElement(O,{type_info:t?.type_info,onSelect:i,value:r[t.name],initialPivotAnswer:d,isInitialTransition:m}),x);case"MESSAGE":return x;case"CONSENT":return n.createElement(n.Fragment,null,n.createElement(Ks,{question:t,onChange:i,value:r[t.name]}),x);case"SLIDER":const g=t?.type_info.meta?.slider;return n.createElement(n.Fragment,null,n.createElement(ya,{defaultValue:[r[t.name]??g?.opening_position],min:g?.min,max:g?.max,onValueChange:([e])=>i(e),isInput:g?.numerical_input_box,gridLines:g?.grid_lines,stopAtGrid:g?.stop_at_grid_lines,allowDecimals:g?.allow_decimal,decimalPoints:g?.decimal_points}),x);case"RANK_ORDER":return n.createElement(n.Fragment,null,n.createElement(Bi,{valueItems:r[t.name],items:t?.choices||[],onReorder:i}),x);case"DATE_TIME":return n.createElement(n.Fragment,null,n.createElement(Hs,{allow_future_date:t.type_info.meta?.allow_future_date||!1,date_time_format:t.type_info.meta?.format,is_24hrs_time_format:t.type_info.meta?.time_format||!1,time_zone:t.type_info.meta?.time_zone||!1,question_format:t.type_info.meta?.question_format||"DATE_TIME",onValueChange:i,value:r[t.name]||"",formValues:r}),x);case"FILE":return n.createElement(Xc,{errors:v,setErrors:w,onChangeHandler:i,question:t,survey:e,onFileUpload:y});default:return console.error(`Question type ${t?.type_info?.question_type} not found`),null}};var Jc=m((function(e,t){var n="__lodash_hash_undefined__",r=9007199254740991,o="[object Arguments]",i="[object Boolean]",a="[object Date]",s="[object Function]",c="[object GeneratorFunction]",l="[object Map]",u="[object Number]",m="[object Object]",p="[object Promise]",f="[object RegExp]",g="[object Set]",h="[object String]",v="[object Symbol]",y="[object WeakMap]",b="[object ArrayBuffer]",w="[object DataView]",x="[object Float32Array]",E="[object Float64Array]",_="[object Int8Array]",k="[object Int16Array]",C="[object Int32Array]",A="[object Uint8Array]",S="[object Uint8ClampedArray]",M="[object Uint16Array]",T="[object Uint32Array]",Z=/\w*$/,N=/^\[object .+?Constructor\]$/,I=/^(?:0|[1-9]\d*)$/,O={};O[o]=O["[object Array]"]=O[b]=O[w]=O[i]=O[a]=O[x]=O[E]=O[_]=O[k]=O[C]=O[l]=O[u]=O[m]=O[f]=O[g]=O[h]=O[v]=O[A]=O[S]=O[M]=O[T]=!0,O["[object Error]"]=O[s]=O[y]=!1;var q="object"==typeof d&&d&&d.Object===Object&&d,R="object"==typeof self&&self&&self.Object===Object&&self,D=q||R||Function("return this")(),L=t&&!t.nodeType&&t,B=L&&e&&!e.nodeType&&e,z=B&&B.exports===L;function P(e,t){return e.set(t[0],t[1]),e}function F(e,t){return e.add(t),e}function j(e,t,n,r){var o=-1,i=e?e.length:0;for(r&&i&&(n=e[++o]);++o<i;)n=t(n,e[o],o,e);return n}function V(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}function U(e){var t=-1,n=Array(e.size);return e.forEach((function(e,r){n[++t]=[r,e]})),n}function H(e,t){return function(n){return e(t(n))}}function G(e){var t=-1,n=Array(e.size);return e.forEach((function(e){n[++t]=e})),n}var $,W=Array.prototype,Y=Function.prototype,X=Object.prototype,K=D["__core-js_shared__"],Q=($=/[^.]+$/.exec(K&&K.keys&&K.keys.IE_PROTO||""))?"Symbol(src)_1."+$:"",J=Y.toString,ee=X.hasOwnProperty,te=X.toString,ne=RegExp("^"+J.call(ee).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),re=z?D.Buffer:void 0,oe=D.Symbol,ie=D.Uint8Array,ae=H(Object.getPrototypeOf,Object),se=Object.create,ce=X.propertyIsEnumerable,le=W.splice,ue=Object.getOwnPropertySymbols,de=re?re.isBuffer:void 0,me=H(Object.keys,Object),pe=Be(D,"DataView"),fe=Be(D,"Map"),ge=Be(D,"Promise"),he=Be(D,"Set"),ve=Be(D,"WeakMap"),ye=Be(Object,"create"),be=Ve(pe),we=Ve(fe),xe=Ve(ge),Ee=Ve(he),_e=Ve(ve),ke=oe?oe.prototype:void 0,Ce=ke?ke.valueOf:void 0;function Ae(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function Se(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function Me(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function Te(e){this.__data__=new Se(e)}function Ze(e,t){var n=He(e)||function(e){return function(e){return function(e){return!!e&&"object"==typeof e}(e)&&Ge(e)}(e)&&ee.call(e,"callee")&&(!ce.call(e,"callee")||te.call(e)==o)}(e)?function(e,t){for(var n=-1,r=Array(e);++n<e;)r[n]=t(n);return r}(e.length,String):[],r=n.length,i=!!r;for(var a in e)!t&&!ee.call(e,a)||i&&("length"==a||Fe(a,r))||n.push(a);return n}function Ne(e,t,n){var r=e[t];ee.call(e,t)&&Ue(r,n)&&(void 0!==n||t in e)||(e[t]=n)}function Ie(e,t){for(var n=e.length;n--;)if(Ue(e[n][0],t))return n;return-1}function Oe(e,t,n,r,d,p,y){var N;if(r&&(N=p?r(e,d,p,y):r(e)),void 0!==N)return N;if(!Ye(e))return e;var I=He(e);if(I){if(N=function(e){var t=e.length,n=e.constructor(t);t&&"string"==typeof e[0]&&ee.call(e,"index")&&(n.index=e.index,n.input=e.input);return n}(e),!t)return function(e,t){var n=-1,r=e.length;t||(t=Array(r));for(;++n<r;)t[n]=e[n];return t}(e,N)}else{var q=Pe(e),R=q==s||q==c;if($e(e))return function(e,t){if(t)return e.slice();var n=new e.constructor(e.length);return e.copy(n),n}(e,t);if(q==m||q==o||R&&!p){if(V(e))return p?e:{};if(N=function(e){return"function"!=typeof e.constructor||je(e)?{}:(t=ae(e),Ye(t)?se(t):{});var t}(R?{}:e),!t)return function(e,t){return De(e,ze(e),t)}(e,function(e,t){return e&&De(t,Xe(t),e)}(N,e))}else{if(!O[q])return p?e:{};N=function(e,t,n,r){var o=e.constructor;switch(t){case b:return Re(e);case i:case a:return new o(+e);case w:return function(e,t){var n=t?Re(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.byteLength)}(e,r);case x:case E:case _:case k:case C:case A:case S:case M:case T:return function(e,t){var n=t?Re(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.length)}(e,r);case l:return function(e,t,n){var r=t?n(U(e),!0):U(e);return j(r,P,new e.constructor)}(e,r,n);case u:case h:return new o(e);case f:return function(e){var t=new e.constructor(e.source,Z.exec(e));return t.lastIndex=e.lastIndex,t}(e);case g:return function(e,t,n){var r=t?n(G(e),!0):G(e);return j(r,F,new e.constructor)}(e,r,n);case v:return s=e,Ce?Object(Ce.call(s)):{}}var s}(e,q,Oe,t)}}y||(y=new Te);var D=y.get(e);if(D)return D;if(y.set(e,N),!I)var L=n?function(e){return function(e,t,n){var r=t(e);return He(e)?r:function(e,t){for(var n=-1,r=t.length,o=e.length;++n<r;)e[o+n]=t[n];return e}(r,n(e))}(e,Xe,ze)}(e):Xe(e);return function(e,t){for(var n=-1,r=e?e.length:0;++n<r&&!1!==t(e[n],n,e););}(L||e,(function(o,i){L&&(o=e[i=o]),Ne(N,i,Oe(o,t,n,r,i,e,y))})),N}function qe(e){return!(!Ye(e)||(t=e,Q&&Q in t))&&(We(e)||V(e)?ne:N).test(Ve(e));var t}function Re(e){var t=new e.constructor(e.byteLength);return new ie(t).set(new ie(e)),t}function De(e,t,n,r){n||(n={});for(var o=-1,i=t.length;++o<i;){var a=t[o],s=r?r(n[a],e[a],a,n,e):void 0;Ne(n,a,void 0===s?e[a]:s)}return n}function Le(e,t){var n,r,o=e.__data__;return("string"==(r=typeof(n=t))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==n:null===n)?o["string"==typeof t?"string":"hash"]:o.map}function Be(e,t){var n=function(e,t){return null==e?void 0:e[t]}(e,t);return qe(n)?n:void 0}Ae.prototype.clear=function(){this.__data__=ye?ye(null):{}},Ae.prototype.delete=function(e){return this.has(e)&&delete this.__data__[e]},Ae.prototype.get=function(e){var t=this.__data__;if(ye){var r=t[e];return r===n?void 0:r}return ee.call(t,e)?t[e]:void 0},Ae.prototype.has=function(e){var t=this.__data__;return ye?void 0!==t[e]:ee.call(t,e)},Ae.prototype.set=function(e,t){return this.__data__[e]=ye&&void 0===t?n:t,this},Se.prototype.clear=function(){this.__data__=[]},Se.prototype.delete=function(e){var t=this.__data__,n=Ie(t,e);return!(n<0)&&(n==t.length-1?t.pop():le.call(t,n,1),!0)},Se.prototype.get=function(e){var t=this.__data__,n=Ie(t,e);return n<0?void 0:t[n][1]},Se.prototype.has=function(e){return Ie(this.__data__,e)>-1},Se.prototype.set=function(e,t){var n=this.__data__,r=Ie(n,e);return r<0?n.push([e,t]):n[r][1]=t,this},Me.prototype.clear=function(){this.__data__={hash:new Ae,map:new(fe||Se),string:new Ae}},Me.prototype.delete=function(e){return Le(this,e).delete(e)},Me.prototype.get=function(e){return Le(this,e).get(e)},Me.prototype.has=function(e){return Le(this,e).has(e)},Me.prototype.set=function(e,t){return Le(this,e).set(e,t),this},Te.prototype.clear=function(){this.__data__=new Se},Te.prototype.delete=function(e){return this.__data__.delete(e)},Te.prototype.get=function(e){return this.__data__.get(e)},Te.prototype.has=function(e){return this.__data__.has(e)},Te.prototype.set=function(e,t){var n=this.__data__;if(n instanceof Se){var r=n.__data__;if(!fe||r.length<199)return r.push([e,t]),this;n=this.__data__=new Me(r)}return n.set(e,t),this};var ze=ue?H(ue,Object):function(){return[]},Pe=function(e){return te.call(e)};function Fe(e,t){return!!(t=null==t?r:t)&&("number"==typeof e||I.test(e))&&e>-1&&e%1==0&&e<t}function je(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||X)}function Ve(e){if(null!=e){try{return J.call(e)}catch(e){}try{return e+""}catch(e){}}return""}function Ue(e,t){return e===t||e!=e&&t!=t}(pe&&Pe(new pe(new ArrayBuffer(1)))!=w||fe&&Pe(new fe)!=l||ge&&Pe(ge.resolve())!=p||he&&Pe(new he)!=g||ve&&Pe(new ve)!=y)&&(Pe=function(e){var t=te.call(e),n=t==m?e.constructor:void 0,r=n?Ve(n):void 0;if(r)switch(r){case be:return w;case we:return l;case xe:return p;case Ee:return g;case _e:return y}return t});var He=Array.isArray;function Ge(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=r}(e.length)&&!We(e)}var $e=de||function(){return!1};function We(e){var t=Ye(e)?te.call(e):"";return t==s||t==c}function Ye(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function Xe(e){return Ge(e)?Ze(e):function(e){if(!je(e))return me(e);var t=[];for(var n in Object(e))ee.call(e,n)&&"constructor"!=n&&t.push(n);return t}(e)}e.exports=function(e){return Oe(e,!0,!0)}}));const el=(e,r)=>{const o=n.useMemo((()=>(e=>({...e,blocks:e?.blocks?.map((e=>({...e,display_logic:e.display_logic&&0!==e.display_logic.length?e.display_logic:[{order:1,display_type:"SHOW",logic_type:"BASED_ON_RATING_GROUP"}]}))),question_details:{...e.question_details,questions:e?.question_details?.questions?.map((e=>({...e,type_info:{...e.type_info||{},matrix_properties:{...e.type_info?.matrix_properties||{},statements:e?.type_info?.matrix_properties?.statements?.filter((e=>e.is_active)),rating_labels:e?.type_info?.matrix_properties?.rating_labels?.filter((e=>e.is_active))}},choices:e?.choices?.map(((e,t)=>e.meta?.is_deleted||"Others"!==e.value||!R(e.meta)&&!R(e.meta?.is_others)?{...e,id:e.id??String(t)}:{...e,meta:{is_others:!0,show_comment_box:!0},id:e.id??String(t)}))})))}}))(e)),[e]),{filteredSurvey:i,filteredAnswers:a}=t.useMemo((()=>{const e=Jc(o),t=(e.question_details?.questions||[]).filter((e=>!e.type_info?.meta?.is_deleted)),{others_meta:n,...i}=r||{others_meta:{}},a=t.reduce(((e,t)=>null!==i[t.name]&&void 0!==i[t.name]?{...e,[t.name]:i[t.name]}:e),{}),s=(o?.blocks||[]).map((e=>({...e,question_names:e.question_name?[e.question_name]:e.category?.map((e=>e.question_name))})));return{filteredSurvey:{...e,question_details:{questions:t},blocks:s},filteredAnswers:{...a,others_meta:n}}}),[o,r]);return{survey:i,answers:a}},tl=({questions:e})=>e.find((e=>e.type_info?.pivot_question))??e.find((e=>"RANGE"===e.type_info?.question_type))??e[0],nl=(e,t)=>{const n=e.type_info?.scale_properties?.range;return Math.min(n?.[n?.length-1].max??10,Math.max(n?.[0].min??0,t))},rl=({blocks:e,activeIndexOfBlocks:t,renderedBlocks:n,activeIndexOfRenderedBlocks:r,questions:o})=>{const{question:{dependent_blocks:i}}=n[r],a=i?.some((({choice_id:e})=>!!e))??!1;return(t===e.length-1||1===i?.length&&!a&&("TY"===i?.[0].next_block||al({blocks:e,questions:o,nextBlockName:i?.[0].next_block||""})))&&r===n.length-1},ol=({pivotQn:e,pivotQnAnswer:t,block:n,questions:r})=>{if(n?.category?.length){const o=e?.type_info?.scale_properties?.range?.find((e=>(e.min??0)<=t&&t<=(e.max??10))),i=n?.category.find((e=>e.id===o?.id)),a=i?.question_name;return r.find((e=>e.name===a))}return r.find((e=>e.name===n?.question_name))},il=({activeBlock:e,answers:t,blocks:n,activeIndexOfBlocks:r,questions:o,fromTY:i=!1})=>{const a=e.question.dependent_blocks||[],s=t.formValues[e.question.name];let c;if(c="RANGE"===e.question.type_info?.question_type?e.question.type_info?.pivot_question&&2===a.length?a.find((e=>e.values?.includes(String(s))||e.values?.includes(String(Boolean(s)))))?.next_block:a.find((e=>(s??-1)>=(e?.values?.[0]??0)&&(s??-1)<=(e?.values?.[1]??10)))?.next_block:1===a.length?a[0].next_block:a.find((e=>e.values?.includes(String(s))||e.choice_id?.includes(String(s))))?.next_block,c){if(("TY"===c||al({nextBlockName:c,blocks:n,questions:o}))&&!i)return 1/0;const e=n.find((e=>e.name===c));if((e?.category||[]).length>0){const r=tl({questions:o});if(!!R(t?.formValues?.[r.name])){const t=o.find((t=>t.name===e?.category?.[0]?.question_name))?.dependent_blocks?.[0].next_block;return n.findIndex((e=>e.name===t))}}return n.findIndex((e=>e.name===c))}return r+1},al=({nextBlockName:e,blocks:t,questions:n})=>{const r=t.find((t=>t.name===e))?.question_name;return"THANK_YOU"===n.find((e=>e.name===r))?.type_info?.question_type},sl=({activeBlock:e,blocks:t,answers:n,questions:r,renderedBlocks:o,contactData:i,activeIndexOfBlocks:a})=>{let s=il({activeBlock:e,answers:n,blocks:t,activeIndexOfBlocks:a,questions:r,fromTY:!0}),c=cl({nextBlockIndex:s,blocks:t,answers:n,questions:r,contactData:i});for(;!c&&s!==t.length-1;)s+=1,c=cl({nextBlockIndex:s,blocks:t,answers:n,questions:r,contactData:i});return t[s]},cl=({nextBlockIndex:e,blocks:t,answers:n,questions:r,contactData:o})=>{const i=[],a=t[e]?.display_logic??[];return a.length?a.forEach((e=>{const{sub_type:t,logic_type:a,based_on_contact_field_name:s,matrix_rating_scale_statement_id:c,rank_order_choice_id:l}=e,u=e.based_on_question_name??"",d=r.find((e=>e.name===u));let m=e.expected_value??[],p=e.operator,f=n.formValues[u];if("RATING_GROUP"===t){const e=r.find((e=>e.name===u))?.type_info?.scale_properties?.range?.find((e=>(e.min??0)<=Number(f??-1)&&Number(f??-1)<=(e.max??10)));f=e?.label}if(c){const e=(f||[]).find((e=>e.statement_id===c))?.rating_labels||[];f=e.map((e=>e.id))}if("BASED_ON_CONTACT_FIELD"===a&&(f=o?o[s||""]:""),l&&Array.isArray(f)&&(f=[...f].findIndex((e=>e===l))+1),"DATE_TIME"===d?.type_info?.question_type&&("IS"===p||"IS_NOT"===p)){const{newOperator:e,newExpectedValue:t,newAnswer:n}=(({expValue:e,answer:t})=>{const n=new Date;let r={newOperator:null,newExpectedValue:[],newAnswer:t};const o=new Date(t);switch(e){case"Last 7 days":r={...r,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()-7)).toString(),(new Date).toString()]};break;case"Last 30 days":r={...r,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()-30)).toString(),(new Date).toString()]};break;case"Next 7 days":r={...r,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()+7)).toString(),(new Date).toString()]};break;case"Next 30 days":r={...r,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()+30)).toString(),(new Date).toString()]};break;case"Today":r={...r,newExpectedValue:[new Date],newAnswer:new Date(t)};break;case"Yesterday":r={...r,newExpectedValue:[new Date(n.setDate(n.getDate()-1)).toString()],newAnswer:o}}return r})({expValue:m[0],answer:f});m=t,p=e||p,f=n}let g=!0;switch(p){case"IS":g=m[0]==f;break;case"IS_NOT":g=m[0]!=f;break;case"EMPTY":g=D(f);break;case"NOT_EMPTY":g=!D(f);break;case"LESSER_THAN":g=Number(f)<Number(m[0]??-1);break;case"GREATER_THAN":g=Number(f)>Number(m[0]??-1);break;case"LESSER_THAN_OR_EQUALS":g=Number(f)<=Number(m[0]??-1);break;case"GREATER_THAN_OR_EQUALS":g=Number(f)>=Number(m[0]??-1);break;case"INCLUDES":g=Array.isArray(f)?f.some((e=>m.includes(e))):!!f&&m.includes(String(f));break;case"NOT_INCLUDES":Array.isArray(f)?g=f.some((e=>!m.includes(e))):f&&(g=!m.includes(String(f)));break;case"CONTAINS":g=String(f).includes(String(m[0]));break;case"NOT_CONTAINS":g=!String(f).includes(String(m[0]));break;case"BETWEEN":let e=m[0],t=m[1];"string"==typeof f?(e=new Date(e),t=new Date(t),f=new Date(f),e>t&&(e=new Date(m[1]),t=new Date(m[0]))):(e=Number(e),t=Number(t),f=Number(f),e>t&&(e=Number(m[1]),t=Number(m[0]))),g=f>e&&f<t;break;case"STARTS_WITH":g=String(f)?.startsWith(m[0]);break;case"ENDS_WITH":g=String(f)?.endsWith(m[0]);break;case"AFTER":g=new Date(String(f))>new Date(m[0]);break;case"BEFORE":g=new Date(String(f))<new Date(m[0])}"HIDE"===e.display_type&&(g=!g),i.push(g)})):i.push(!0),i.every((e=>e))},ll=({renderedBlocks:e,activeBlock:t,blocks:n,activeIndexOfBlocks:r,answers:o,questions:i,contactData:a})=>{const s=ul({activeBlock:t,blocks:n,activeIndexOfBlocks:r,answers:o,questions:i}),c=cl({nextBlockIndex:s,blocks:n,answers:o,questions:i,contactData:a});if(s>=n.length)return 1/0;if(c)return s;{const t=ol({pivotQn:tl({questions:i}),pivotQnAnswer:o.formValues[n[0].question_name??""],block:n[s],questions:i});return ll({activeBlock:{...n[s],question:t},blocks:n,activeIndexOfBlocks:s,answers:o,renderedBlocks:e,questions:i})}},ul=({activeBlock:e,blocks:t,activeIndexOfBlocks:n,answers:r,questions:o})=>{if((({activeBlock:e,answers:t})=>{const n=t.formValues[e.question.name];return D(n)})({activeBlock:e,answers:r}))return n+1;if(1===e.question.dependent_blocks?.length){const n=e.question.dependent_blocks?.[0];return"TY"===n?.next_block||al({blocks:t,questions:o,nextBlockName:n?.next_block||""})?1/0:t.findIndex((e=>e.name===n?.next_block))}return(e.question.dependent_blocks?.length??0)>1?il({activeBlock:e,answers:r,blocks:t,activeIndexOfBlocks:n,questions:o}):n+1},dl=({question:e,answers:t})=>!D(t.formValues[e.name])&&e?.type_info?.question_type&&f.includes(e?.type_info?.question_type)&&!("DROPDOWN"===e.type_info?.question_type&&t.formValues[e.name]===v)||t.commitDirtyValue,ml=({blocks:e,activeIndexOfBlocks:t,renderedBlocks:n,activeIndexOfRenderedBlocks:r,answers:o,questions:i})=>{const{question:a}=n[r];if(a){const s=rl({blocks:e,activeIndexOfBlocks:t,renderedBlocks:n,activeIndexOfRenderedBlocks:r,questions:i}),c=dl({question:a,answers:o});return!s&&c||a?.type_info?.question_type&&["MESSAGE"].includes(a?.type_info?.question_type)||"CONSENT"===a?.type_info?.question_type&&"BUTTON"===a?.type_info?.meta?.display_format||"CONSENT"===a?.type_info?.question_type&&"CHECKBOX"===a?.type_info?.meta?.display_format&&s&&c}return!1},pl=(e,{answers:t,blocks:n,activeIndexOfBlocks:r,renderedBlocks:o,initialStatementHasAnswer:i,activeIndexOfRenderedBlocks:a,activeIndexOfRenderedStatement:s=0,surveyStyle:c,isMobile:l,isWidget:u,blockIndex:d,questions:m})=>{const p=rl({blocks:n,activeIndexOfBlocks:r,renderedBlocks:o,activeIndexOfRenderedBlocks:a,questions:m}),y=o[a],b=y.question,w=b?.type_info?.matrix_properties?.statements||[];switch(e){case"next-statement":return"MATRIX_RATING_SCALE"===b.type_info?.question_type&&(!(!u&&!l)&&(s<w.length-1&&("MULTIPLE_ANSWERS"===b?.type_info?.matrix_properties?.type||i)));case"next":return"CONSENT"===b.type_info?.question_type?"CHECKBOX"===b.type_info?.meta?.display_format&&!p:"MATRIX_RATING_SCALE"===b.type_info?.question_type?!p&&d===a&&(!u&&!l||s===(b.type_info.matrix_properties?.statements||[]).length-1):(b.type_info?.question_type&&!f.includes(b.type_info?.question_type)||"DROPDOWN"===b.type_info?.question_type&&(t.formValues[b.name]===v||"standard"===c&&0===a))&&!p&&d===a;case"skip":return"FORM_FIELD"===b.type_info?.question_type||"CONTACT_FORM"===b.type_info?.question_type?!p&&d===a&&(()=>{const e=b.type_info?.question_type;let t=!0;return("FORM_FIELD"===e?b?.type_info?.form_fields?.fields:b?.type_info?.contact_form?.fields)?.map((e=>{e?.required&&(t=!1)})),t})():"MATRIX_RATING_SCALE"===b.type_info?.question_type?!(y.required||l||u||p):!y.required&&!p&&d===a&&b?.type_info?.question_type&&!h.includes(b?.type_info?.question_type)||!y.required&&!p&&"CONSENT"===b?.type_info?.question_type;case"skip-statement":return!(y.required||p&&!(s<w.length-1)||"MATRIX_RATING_SCALE"!==b.type_info?.question_type||!l&&!u);case"submit":return"CONSENT"===b?.type_info?.question_type?p&&"CHECKBOX"===b?.type_info?.meta?.display_format:"MATRIX_RATING_SCALE"===b?.type_info?.question_type?p&&(!u&&!l||s===(b?.type_info?.matrix_properties?.statements||[]).length-1):p&&b?.type_info?.question_type&&!g.includes(b?.type_info?.question_type);case"navigation":return(u||"card"===c)&&!(0===a&&1===o.length);case"clear-selection":return null!=d&&d!==a&&"DROPDOWN"===o[d].question.type_info?.question_type&&t.formValues[o[d].question.name];case"message":return b?.type_info?.scale_properties?.labels&&"MESSAGE"===b?.type_info?.question_type;case"consent":return b?.type_info?.scale_properties?.labels&&"CONSENT"===b?.type_info?.question_type}},fl=(e,t)=>{const n=e.question.choices?.find((e=>e.meta?.is_others))?.id||"";return("MULTI_SELECT"===e.question.type_info?.question_type&&t.formValues[e.question.name]?.includes(n)||"DROPDOWN"===e.question.type_info?.question_type&&t.formValues[e.question.name]===n)&&D(t.others[e.question.name])},gl=(e,{answers:t,blocks:n,activeIndexOfBlocks:r,renderedBlocks:o,activeIndexOfRenderedBlocks:i,isSubmitting:a,activeIndexOfRenderedStatement:s,isWidget:c,isMobile:l})=>{const u=o[i];switch(e){case"next-statement":const e=(u?.question?.type_info?.matrix_properties?.statements||[])[s];return!(t.formValues[u?.question.name]||[]).find((t=>t.statement_id===e?.id))?.rating_labels?.length;case"next":if("MATRIX_RATING_SCALE"===u.question.type_info?.question_type){const e=u?.question?.type_info?.matrix_properties?.statements||[],n=t.formValues[u?.question.name]||[];if(c||l){const t=e[s];return!n.find((e=>e.statement_id===t?.id))?.rating_labels?.length}{const t={};return n.forEach((e=>{e.statement_id&&e.rating_labels?.length&&(t[e.statement_id]=!0)})),u.required?!e.every((e=>e.id&&!!t[e.id])):!e.some((e=>e.id&&!!t[e.id]))}}return!("CONSENT"===u.question?.type_info?.question_type&&!u.required)&&(D(t?.formValues[u.question.name])||u.question.type_info?.meta?.othersRequired&&fl(u,t)||("FORM_FIELD"===u.question?.type_info?.question_type||"CONTACT_FORM"===u.question?.type_info?.question_type)&&(({block:e,answer:t})=>{const n=e?.question,r=e.question?.type_info?.question_type,o={};let i=!0;return("FORM_FIELD"===r?n?.type_info?.form_fields?.fields:n?.type_info?.contact_form?.fields)?.forEach((e=>{e?.required&&D(t?.[e?.id||1])?o[e?.id]=!0:o[e?.id]=!1})),Object.values(o).forEach((e=>{!0===e&&(i=!1)})),!i})({block:u,answer:t?.formValues[u.question.name]}));case"submit":return"CONSENT"===u.question.type_info?.question_type?!!u.required&&!t?.formValues[u.question.name]:(u.required||u.question.type_info?.pivot_question)&&D(t?.formValues[u.question.name])||u.question?.type_info?.meta?.othersRequired&&fl(u,t)||a||(({answer:e,block:t,mobileOrWidget:n,activeIndexOfRenderedStatement:r=0})=>{if("MATRIX_RATING_SCALE"!==t?.question?.type_info?.question_type||!t.required)return!1;const o={};if(e?.forEach((e=>{e.statement_id&&e.rating_labels?.length&&(o[e.statement_id]=!0)})),n){const e=t?.question?.type_info?.matrix_properties?.statements?.find(((e,t)=>t===r));return!!e?.id&&!o[e?.id]}return!(t?.question?.type_info?.matrix_properties?.statements||[]).filter((e=>e.is_active)).every((e=>e.id&&!!o[e.id]))})({block:u,activeIndexOfRenderedStatement:s,mobileOrWidget:c||l,answer:t?.formValues[u.question.name]});case"navigation-prev":return 0==i;case"navigation-next":return i>=o.length-1;default:return!1}},hl=({renderedBlocks:e,activeIndexOfRenderedBlocks:t,answers:n})=>{const r=vl({renderedBlocks:e,activeIndexOfRenderedBlocks:t}).reduce(((e,t)=>(void 0!==n.formValues[t.question.name]&&(e[t.question.name]=n.formValues[t.question.name]),e)),{});return{...n,formValues:r}},vl=({renderedBlocks:e,activeIndexOfRenderedBlocks:t})=>e.slice(0,t+1),yl=({blocks:e,answerStatus:t,questions:n,responses:r})=>{const o=["COMPLETE","PARTIAL_COMPLETE"].includes(t??""),{others_meta:i={},...a}=r||{};if(D(a))return{renderedBlocks:[],activeIndexOfRenderedStatement:0,activeIndexOfRenderedBlocks:0,pivot:null,answers:{formValues:{},others:{},commitDirtyValue:!1},isInitialTransition:!0,isConsideredCompleted:o};const s=e.filter((e=>e.question_names?.some((e=>null!=r?.[e])))).map((e=>{const t=e.question_names?.find((e=>null!=r?.[e])),o=n.find((e=>e.name===t&&"MESSAGE"!==e?.type_info?.question_type));return{...e,question:o}})),c=Math.max(s.length-1,0),l=e?.findIndex((e=>e.name===s[c].name)),u=tl({questions:n}),d={question:u,answer:a[u.name]},m=(({blocks:e,answers:t,questions:n,activeBlock:r,activeIndexOfBlocks:o,pivot:i})=>{const a=ul({activeBlock:r,blocks:e,activeIndexOfBlocks:o,answers:t,questions:n});if(a>-1){const t=ol({pivotQn:i?.question,pivotQnAnswer:i?.answer,block:e?.[a],questions:n});return{...e?.[a],question:t}}return null})({activeBlock:s[c],blocks:e,answers:{formValues:a||{},others:i||{},commitDirtyValue:!0},pivot:d,questions:n,activeIndexOfBlocks:l});return{renderedBlocks:m?.question?.name?[...s,m]:s,activeIndexOfRenderedStatement:0,activeIndexOfRenderedBlocks:c+1===s.length?c:c+1,pivot:{question:u,answer:a?.[u.name]},isInitialTransition:!1,answers:{others:i,formValues:a,commitDirtyValue:!1},isConsideredCompleted:o,...o?{activeIndexOfRenderedBlocks:0,isInitialTransition:!0}:{}}},bl=e=>{switch(e){case"EMAIL":return/^([a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,})$/;case"NUMBER":case"PHONE":case"PHONE_NUMBER":return/^[0-9 ()+-]*$/;case"URL":return/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/}},wl=({fields:e,answers:t,errorSetter:n,questionName:r,errors:o,translationVariables:i})=>{let a=!0;const s={...o?.[r]};return e.forEach((e=>{const n=bl(e?.type);e?.required&&!t[e.id]?(s[e?.id]=i?.required_field||"This is a required field",a=!1):(e?.required||t[e.id])&&n&&!n.test(t[e.id])?(s[e?.id]=i?.valid_data||"Enter valid data",a=!1):delete s[e?.id]})),n({...o,formErrors:{[r]:s}}),a},xl=({type:e,answer:t,errorSetter:n,questionName:r,errors:o,translationVariables:i})=>{let a=!0,s="";const c=bl(e);return t&&c&&!c.test(t)?(s=i?.valid_data||"Enter valid data",a=!1):s="",n({...o,textBoxErrors:{[r]:s}}),a},El=({fields:e,answers:t,errorSetter:n,questionName:r,errors:o,translationVariables:i})=>{let a=!0;const s={...o?.[r]};return e.forEach((e=>{const n=bl(e?.type.toUpperCase());e?.required&&!t[e.id]?(s[e?.id]=i?.required_field||"This is a required field",a=!1):(e?.required||t[e.id])&&n&&!n.test(t[e.id])?(s[e?.id]=i?.valid_data||"Enter valid data",a=!1):delete s[e?.id]})),n({...o,contactFormErrors:{[r]:s}}),a},_l=({errors:e})=>D(e),kl=e=>{const r=e.survey.question_details?.questions||[],o=e?.contactData||{},i=e?.translationVariables||{},[a]=t.useState(e.survey.blocks?.filter((e=>"TY"!==e.name&&!e.is_deleted))),s=t.useMemo((()=>yl({blocks:a,questions:r,responses:e.answers,answerStatus:e.answerStatus||"PARTIAL"})),[a,r,e.answers]),[c,l]=t.useState({formErrors:{},textBoxErrors:{},fileUploadErrors:{},contactFormErrors:{}}),[u,d]=t.useState(s.answers),[m,p]=t.useState(s.renderedBlocks),[f,g]=t.useState(s.activeIndexOfRenderedBlocks),[h,v]=t.useState(s.activeIndexOfRenderedStatement),[y,b]=t.useState(!1),[w,x]=t.useState(!1),E=t.useRef(s.pivot),_=t.useRef(!1),k=t.useRef(((s.isConsideredCompleted||"PARTIAL"===e.answerStatus)&&e.canResubmit)??!1),C=t.useRef(),A=t.useRef(s.isInitialTransition),S=m[f],M=n.useMemo((()=>m.length>0?a?.findIndex((e=>e.name===m[f]?.name)):0),[f]);t.useEffect((()=>{if(s.isConsideredCompleted&&A.current&&e.canResubmit)return;const{others_meta:t,...n}=e.answers||{};if(!a||!a.length||!D(n))return;E.current={...E.current,question:tl({questions:r})},null!=e.initialPivotAnswer&&(E.current={...E.current,answer:nl(E.current.question,e.initialPivotAnswer)},d({...u,formValues:{...u.formValues,[E.current.question.name]:E.current.answer}}));const o=ol({pivotQn:E.current.question,pivotQnAnswer:E.current.answer,block:a[0],questions:r});p([{...a[0],question:o}])}),[a,e.initialPivotAnswer]),t.useEffect((()=>{s.isConsideredCompleted&&A.current&&e.canResubmit||m.length&&(m.length>1&&(A.current=!1),g(m.length-1))}),[m]),t.useEffect((()=>{if(!(s.isConsideredCompleted&&A.current&&e.canResubmit)&&!D(u.formValues)&&O()&&a)if(ml({blocks:a,activeIndexOfBlocks:M,renderedBlocks:m,activeIndexOfRenderedBlocks:f,answers:u,questions:r})){const t=()=>{b(!1);const e=ll({renderedBlocks:m,activeBlock:S,blocks:a,activeIndexOfBlocks:M,answers:u,questions:r,contactData:o});if(e===1/0)return void setTimeout((()=>{L("COMPLETE"),x(!0)}));setTimeout((()=>{L()}));const t=ol({pivotQn:E.current?.question,pivotQnAnswer:E.current?.answer,block:a?.[e],questions:r}),n=vl({renderedBlocks:m,activeIndexOfRenderedBlocks:f});p([...n,{...a?.[e],question:t}]),setTimeout((()=>{v(0)}),0)};null!=e.initialPivotAnswer&&1==m.length?C.current?(clearTimeout(C.current),C.current=null,t()):C.current=setTimeout((()=>{}),1500):t()}else"MATRIX_RATING_SCALE"===S?.question?.type_info?.question_type&&L()}),[u,a]),t.useEffect((()=>{s.isConsideredCompleted&&A.current&&e.canResubmit||!D(u.formValues)&&_.current&&(y?Z():T(),_.current=!1)}),[y]);const T=()=>{y?(_.current=!0,b(!1)):g(f+1),v(0)},Z=()=>{h>0?I():(y?g(f-1):(_.current=!0,b(!0)),v(0))},N=()=>{v((e=>e+1))},I=()=>{v((e=>e-1))},O=()=>{if(S.question_name)switch(S.question?.type_info?.question_type){case"FORM_FIELD":return wl({fields:S.question?.type_info?.form_fields?.fields,answers:u.formValues?.[S.question_name]||{},errorSetter:l,questionName:S.question_name,errors:c,translationVariables:i});case"TEXT":return xl({type:S.question?.type_info?.text_field?.text_type,answer:u.formValues?.[S.question_name]||"",errorSetter:l,questionName:S.question_name,errors:c,translationVariables:i});case"CONTACT_FORM":return El({fields:S.question?.type_info?.contact_form?.fields,answers:u.formValues?.[S.question_name]||{},errorSetter:l,questionName:S.question_name,errors:c,translationVariables:i});case"FILE":return _l({errors:c.fileUploadErrors})}return!0},q=(e,t,n=!1)=>{A.current=!1,e.question.name===E.current?.question.name&&E.current&&(E.current={...E.current,answer:t});let r=u;k.current||!n&&!dl({question:e.question,answers:u})||(r=hl({renderedBlocks:m,activeIndexOfRenderedBlocks:f,answers:u})),d({...r,formValues:{...r.formValues,...null!=t&&{[e.question.name]:t}},commitDirtyValue:n}),"SINGLE_ANSWER"===S.question.type_info?.matrix_properties?.type&&h<(S.question?.type_info?.matrix_properties?.statements||[]).length-1&&setTimeout((()=>{N?.()}),0)},R=()=>{b(!1);const e=S.question;if(f!==m.length-1){const t=hl({renderedBlocks:m,activeIndexOfRenderedBlocks:f,answers:u}),n=vl({renderedBlocks:m,activeIndexOfRenderedBlocks:f});p(n),d({...t,formValues:{...t.formValues,[e.name]:null},commitDirtyValue:!0})}else d({...u,formValues:{...u.formValues,[e.name]:null},commitDirtyValue:!0})},L=(t="PARTIAL")=>{let n=()=>{};if(!O())return;const r={...u.formValues};"COMPLETE"===t&&(n=()=>{x(!0),k.current=!1},"CONSENT"===S.question?.type_info?.question_type&&"CHECKBOX"===S.question?.type_info?.meta?.display_format&&S.question_name&&D(u.formValues[S.question_name])&&!S.required&&(r[S.question_name]=!1,d((e=>({...e,formValues:{...e.formValues,[S.question?.name]:!1},commitDirtyValue:!1}))))),S.question_name&&void 0===r[S.question_name]&&(r[S.question_name]=null),e.onSubmit({...r,others_meta:u.others},n,t,k.current?"EDIT":"CREATE")},B=n.useMemo((()=>{if("MATRIX_RATING_SCALE"!==S?.question?.type_info?.question_type)return!1;const e=(S?.question?.type_info?.matrix_properties?.statements||[])[h];return((u.formValues[S?.question.name]||[]).find((t=>t.statement_id===e?.id))?.rating_labels||[]).length>0}),[h,f]);return{blocks:a,questions:r,renderedBlocks:m,activeBlock:S,activeIndexOfBlocks:M,initialStatementHasAnswer:B,activeIndexOfRenderedStatement:h,navigateToNextStatement:N,navigateToPreviousStatement:I,activeIndexOfRenderedBlocks:f,isSurveyCompleted:w,isReverseAnimation:y,isNavigating:_.current,pivot:E.current,answers:u,isInitialTransition:A.current,translationVariables:i,formQuestionErrors:c.formErrors,textboxQuestionErrors:c.textBoxErrors,fileUploadErrors:c.fileUploadErrors,contactFormErrors:c.contactFormErrors,setErrors:l,navigateToNextBlock:T,navigateToPreviousBlock:Z,saveFormValues:q,saveOthersValue:(e,t)=>{if(null===t){const t={...u.others};delete t[e],d({...u,commitDirtyValue:!1,others:t})}else d({...u,commitDirtyValue:!1,others:{...u.others,[e]:t}})},skipBlock:R,skipStatement:()=>{if(e.isMobile||e.isWidget){const e=S?.question?.type_info?.matrix_properties?.statements||[],t=e[h],n=u.formValues[S?.question.name]||[],r=h<e.length-1;q(S,n.filter((e=>e.statement_id!==t.id)),!r),r&&"MULTIPLE_ANSWERS"===S?.question?.type_info?.matrix_properties?.type&&setTimeout((()=>{N?.()}),0)}else R()},onSubmitHandler:L,navigateToStart:()=>{k.current=!0,x(!1),g(0),v(0)},resetSurvey:()=>{x(!1),g(0),A.current=!0,d({formValues:{},others:{},commitDirtyValue:!1}),v(0)}}};I(':root {\n  --default-brand-color: #264966;\n  --default-question-text-color: #3a4b67;\n  --default-question-background-color: #fff;\n  --default-background-color: #f8f8f8;\n  --default-button-text-color: #fff;\n  --default-secondary-button-text-color: #000;\n  --default-input-placeholder-color: #92a2b1;\n  --compact-widget-max-height: 560px;\n  --default-widget-max-height: 400px;\n  --cozy-widget-max-height: 380px;\n  --secondary-button-linear-gradient: linear-gradient(\n    180deg,\n    #ffffff 0%,\n    #f5f7f9 100%\n  );\n}\n\n.freemium-survey-components.card-survey-style .questions {\n  flex: 1;\n}\n\n.freemium-survey-components strong {\n  font-weight: bold;\n}\n.freemium-survey-components.card-survey-style {\n  padding-top: 20px;\n  display: flex;\n  flex-direction: column;\n  grid-gap: 40px;\n  gap: 40px;\n  height: 100%;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation {\n  white-space: nowrap;\n  border-radius: 3px;\n  border: 1px solid #efefef;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button {\n  width: 38px;\n  text-align: -webkit-center;\n  height: 38px;\n  background-color: #fff;\n  border: none;\n  cursor: pointer;\n  border-radius: 0 3px 3px 0;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button svg {\n  margin-top: 5px;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button:first-of-type {\n  border-right: 1px solid #efefef;\n  border-radius: 3px 0 0 3px;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button:focus {\n  position: relative;\n  z-index: 1;\n}\n.freemium-survey-components.card-survey-style .question-container {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  text-align: center;\n  width: 100%;\n  max-width: 700px;\n  margin: 0 auto;\n  background: var(--default-question-background-color);\n  background: var(--question-background-color, var(--default-question-background-color));\n  border-radius: 4px;\n  transition: transform 500ms ease 0ms, opacity 200ms ease 0ms;\n  box-shadow: 0px 12px 70px 0px rgba(18, 52, 77, 0.05), 0px 2px 20px 0px rgba(18, 52, 77, 0.05);\n  padding: 28px;\n  grid-gap: 32px;\n  gap: 32px;\n  position: relative;\n  height: -moz-fit-content;\n  height: fit-content;\n  transition: opacity 50ms ease-out;\n  overflow: auto;\n}\n.freemium-survey-components.card-survey-style .hide-question-container {\n  opacity: 0;\n}\n.freemium-survey-components.card-survey-style .question-text.required > p:nth-last-child(1)::after {\n  content: "*";\n  color: rgb(215, 45, 48);\n  margin-left: 4px;\n}\n.freemium-survey-components.card-survey-style .question-text {\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.8;\n  width: 100%;\n  text-align: left;\n  color: var(--default-question-text-color);\n  color: var(--question-text-color, var(--default-question-text-color));\n}\n.freemium-survey-components.card-survey-style .question-text p {\n  text-align: left;\n}\n.freemium-survey-components.card-survey-style .question-text a {\n  color: var(--link-color);\n  text-decoration: underline;\n}\n.freemium-survey-components.card-survey-style .autofocus-button {\n  border: none;\n  width: 0;\n  height: 0;\n  opacity: 0;\n  margin-top: -12px;\n  margin-left: -12px;\n  position: absolute;\n}\n.freemium-survey-components.card-survey-style .fade-enter .question-container {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.freemium-survey-components.card-survey-style .fade-enter-active .question-container {\n  opacity: 1;\n  transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-exit .question-container {\n  opacity: 1;\n  transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-exit-active .question-container {\n  opacity: 0.05;\n  transform: translateY(-15px);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-enter .question-container {\n  opacity: 0;\n  transform: translateY(-15px);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-enter-active .question-container {\n  opacity: 1;\n  transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-exit .question-container {\n  opacity: 1;\n  transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-exit-active .question-container {\n  opacity: 0.05;\n  transform: translateY(15px);\n}\n.freemium-survey-components.card-survey-style .fade-enter-active .question-container,\n.freemium-survey-components.card-survey-style .fade-exit-active .question-container,\n.freemium-survey-components.card-survey-style .fade-reverse-enter-active .question-container,\n.freemium-survey-components.card-survey-style .fade-reverse-exit-active .question-container {\n  transition: opacity 200ms, transform 200ms;\n  pointer-events: none;\n}\n.freemium-survey-components.card-survey-style .question-footer {\n  display: flex;\n  grid-gap: 40px;\n  gap: 40px;\n  width: 100%;\n  align-items: center;\n}\n.freemium-survey-components.card-survey-style .question-footer:empty {\n  display: none;\n}\n.freemium-survey-components.card-survey-style .question-footer:only-child {\n  margin-left: auto;\n}\n.freemium-survey-components.card-survey-style .action-buttons {\n  display: flex;\n  grid-gap: 20px;\n  gap: 20px;\n  flex-direction: row-reverse;\n  width: 100%;\n}\n.freemium-survey-components.card-survey-style .action-buttons:empty {\n  display: none;\n}\n.freemium-survey-components.card-survey-style .skip-button {\n  font-weight: 500;\n  color: #3a4b67;\n  cursor: pointer;\n  background: transparent;\n  border: none;\n  min-width: 40px;\n  padding: 8px 16px;\n  border-radius: 4px;\n  color: var(--default-secondary-button-text-color);\n  color: var(--secondary-button-text-color, var(--default-secondary-button-text-color));\n  letter-spacing: 0.05em;\n  line-height: 1.5;\n  border: 1px solid transparent;\n  transform: translateY(0px);\n  transition: transform ease 0.2s;\n}\n.freemium-survey-components.card-survey-style .skip-button:hover {\n  background-color: #f3f3f3;\n  transform: translateY(-4px);\n}\n.freemium-survey-components.card-survey-style .secondary-button {\n  border: 1px solid #cfd7df;\n  background-image: linear-gradient(\n    180deg,\n    #ffffff 0%,\n    #f5f7f9 100%\n  );\n  background-image: var(--secondary-button-linear-gradient);\n  box-shadow: 0 1px 0 0 rgba(24, 50, 71, 0.05);\n  color: #12344d;\n  background-color: #ffffff;\n  width: 100px;\n}\n.freemium-survey-components.card-survey-style .secondary-button:hover {\n  background-color: #f5f7f9;\n  background-image: none;\n}\n.freemium-survey-components.card-survey-style .next-button {\n  color: var(--default-button-text-color);\n  color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.card-survey-style .submit {\n  max-width: 700px;\n  text-align: left;\n  background: transparent;\n  box-shadow: none;\n  color: var(--default-button-text-color);\n  color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.card-survey-style .thankyou {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  grid-gap: 20px;\n  gap: 20px;\n  min-height: 180px;\n}\n.freemium-survey-components.card-survey-style .thankyou .heading {\n  font-weight: 500;\n  font-size: 22px;\n}\n.freemium-survey-components.card-survey-style .thankyou .thankyou-logo-img {\n  height: 100px;\n  width: auto;\n}\n.freemium-survey-components.card-survey-style .thankyou .text {\n  white-space: pre-wrap;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 1.6;\n  color: #475867;\n  width: 75%;\n}\n.freemium-survey-components.card-survey-style .thankyou .redirection-text {\n  color: #929292;\n  margin-bottom: 12px;\n  font-weight: 300;\n}\n.freemium-survey-components.card-survey-style .thankyou .link {\n  width: 100%;\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: #666;\n  font-weight: 500;\n  text-decoration: underline;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container {\n  display: flex;\n  grid-gap: 10px;\n  gap: 10px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link {\n  background: #f5f7f9;\n  padding: 20px 0px;\n  border-radius: 10px;\n  width: 300px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link .links {\n  display: flex;\n  grid-gap: 10px;\n  gap: 10px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link .link-image-url {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 45px;\n  width: 45px;\n  background: #fff;\n  border-radius: 8px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link .link-page-name {\n  padding: 0px 20px 0px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: #fff;\n  height: 45px;\n  border-radius: 8px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .title-text {\n  padding-bottom: 14px;\n  font-size: 14px;\n  font-weight: 500;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-custom-button-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 300px;\n  border-radius: 10px;\n  padding: 20px 0px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-custom-button-container .button_text {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  grid-gap: 10px;\n  gap: 10px;\n  height: 45px;\n  padding: 0px 20px;\n  background: #4560f6;\n  color: #fff;\n  font-weight: 700px;\n  border-radius: 8px;\n}\n.freemium-survey-components.card-survey-style .thankyou .wrap-up-actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n}\n.freemium-survey-components.card-survey-style .thankyou .wrap-up-actions button.action-button {\n  width: unset;\n  letter-spacing: 0.05em;\n  line-height: 1.5;\n  border: 1px solid transparent;\n  transform: translateY(0px);\n  transition: transform ease 0.2s;\n  background-color: #e5f2fd;\n  margin: 6px;\n}\n.freemium-survey-components.card-survey-style .thankyou .wrap-up-actions button.action-button:hover {\n  transform: translateY(-4px);\n}\n.freemium-survey-components.card-survey-style .thankyou button.action-button {\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 20px;\n  color: #2c5cc5;\n  border: none;\n  background: none;\n  padding: 8px 12px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.freemium-survey-components.card-survey-style .thankyou button.action-button svg {\n  margin-right: 8px;\n}\n.freemium-survey-components.card-survey-style .responsive-text-field {\n  width: 100%;\n}\n.freemium-survey-components.card-survey-style .responsive-text-field .textarea-container {\n  display: none;\n}\n.freemium-survey-components.card-survey-style .message-container:empty {\n  display: none;\n}\n\n@media (max-width: 550px) {\n  div.freemium-survey-components.card-survey-style .responsive-text-field .input-container {\n    display: none;\n  }\n  div.freemium-survey-components.card-survey-style .responsive-input-field .input-container input {\n    min-height: 40px;\n  }\n  div.freemium-survey-components.card-survey-style .responsive-text-field .textarea-container {\n    display: flex;\n  }\n  div.freemium-survey-components.card-survey-style .responsive-text-field .textarea-container textarea {\n    min-height: 80px;\n    height: 80px;\n  }\n  div.freemium-survey-components.card-survey-style .question-footer {\n    flex-direction: column-reverse;\n    grid-gap: 0;\n    gap: 0;\n  }\n  div.freemium-survey-components.card-survey-style .question-footer > *:first-child {\n    margin-bottom: 0px;\n  }\n  div.freemium-survey-components.card-survey-style .question-footer > * {\n    margin-bottom: 20px;\n  }\n  div.freemium-survey-components.card-survey-style .freemium-survey-step-navigation {\n    width: 100%;\n  }\n  div.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button {\n    width: 50%;\n  }\n  div.freemium-survey-components.card-survey-style .action-buttons {\n    flex-direction: column;\n    width: 100%;\n  }\n  div.freemium-survey-components.card-survey-style .action-buttons button {\n    max-width: unset;\n  }\n  div.freemium-survey-components.card-survey-style .action-button {\n    max-width: unset;\n    width: 100%;\n  }\n  div.freemium-survey-components.card-survey-style .thankyou .text {\n    width: auto;\n  }\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-text-field .input-container {\n  display: none;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-input-field .input-container input {\n  min-height: 40px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-text-field .textarea-container {\n  display: flex;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-text-field .textarea-container textarea {\n  min-height: 80px;\n  height: 80px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .question-footer {\n  flex-direction: column-reverse;\n  grid-gap: 0;\n  gap: 0;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .question-footer > *:first-child {\n  margin-bottom: 0px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .question-footer > * {\n  margin-bottom: 20px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .freemium-survey-step-navigation {\n  width: 100%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .freemium-survey-step-navigation .navigation-button {\n  width: 50%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .action-buttons {\n  flex-direction: column;\n  width: 100%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .action-buttons button {\n  max-width: unset;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .action-button {\n  max-width: unset;\n  width: 100%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .thankyou .text {\n  width: auto;\n}\n\n.freemium-survey-components.mobile-preview .thankyou .text {\n  width: unset;\n}');const Cl=({thankYouQuestion:e,preview:r,placeholders:o,canResubmit:i,resetSurvey:a,navigateToStart:s,isMobile:c,allowMultipleSubmission:l,pivot:u,rangeToRender:d,translationVariables:m})=>{const{redirectUrl:p,redirectDelay:f,show_custom_button:g,show_review_links:h,show_social_links:v,image_url:y}=e.type_info?.meta??{},[b,w]=t.useState(f??10);return t.useEffect((()=>{if(!r&&p){const e=setInterval((()=>w((e=>e>1?e-1:(window.location.href=p??"",0)))),1e3);return()=>clearInterval(e)}}),[]),n.createElement("div",{className:"question-container thankyou"},y&&n.createElement("img",{className:"thankyou-logo-img",src:y,alt:"thankyou_logo"}),n.createElement("div",{className:"heading"},e?.type_info?.header_text??(m?.thank_you||"Thank you!")),n.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:B({questionText:e.text,placeholders:o,npsRating:u?.answer,ratingLabel:R(u?.answer)?"":d?.find((e=>e?.value===String(u?.answer)))?.text??"",preference:u?.question.type_info?.scale_properties?.labels?.preference,isPreview:r})}}),(i||l)&&n.createElement("div",{className:("wrap-up-actions "+(c?"mobile":"")).trim()},i&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:()=>s()},n.createElement(T,{name:"edit"}),m?.edit_response||"Edit your response"),l&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:a},n.createElement(T,{name:"reload"}),m?.another_response||"Submit another response")),p&&n.createElement("div",{style:{width:"100%"}},n.createElement("div",{className:"redirection-text"},F(b,m?.redirect_msg),n.createElement("br",null)),n.createElement("a",{className:"link",href:p},p)),n.createElement(Oa,{show_custom_button:g,show_review_links:h,show_social_links:v}))},Al=({activeIndexOfBlocks:e,activeIndexOfRenderedBlocks:t,renderedBlocks:r,blocks:o,initialStatementHasAnswer:i,activeIndexOfRenderedStatement:a,answers:s,navigateToPreviousBlock:c,navigateToNextBlock:l,translationVariables:u})=>n.createElement("div",{className:"freemium-survey-step-navigation","data-navigation-element":"1"},n.createElement("button",{disabled:gl("navigation-prev",{blocks:o,answers:s,renderedBlocks:r,initialStatementHasAnswer:i,activeIndexOfBlocks:e,activeIndexOfRenderedBlocks:t,activeIndexOfRenderedStatement:a}),className:"navigation-button",onClick:c,title:a>0?u?.prev_statement||"go to previous statement":u?.prev_question||"go to previous question"},n.createElement(T,{name:"arrow-previous"})),n.createElement("button",{className:"navigation-button",disabled:gl("navigation-next",{blocks:o,answers:s,renderedBlocks:r,activeIndexOfBlocks:e,initialStatementHasAnswer:i,activeIndexOfRenderedBlocks:t,activeIndexOfRenderedStatement:a}),title:u?.next_question||"Go to next question",onClick:l},n.createElement(T,{name:"arrow-next"}))),Sl=e=>{const{isWidget:r,surveyStyle:o,initialStatementHasAnswer:i,answers:a,renderedBlocks:s,blocks:c,activeIndexOfBlocks:l,activeIndexOfRenderedStatement:u=0,activeIndexOfRenderedBlocks:d,saveFormValues:m,onSubmitHandler:p,skipBlock:f,skipStatement:g,navigateToNextBlock:h,navigateToPreviousBlock:v,isInitialTransition:y,initialPivotAnswer:b,translationVariables:w,isMobile:x,navigateToNextStatement:E,formQuestionErrors:_,textboxQuestionErrors:k,contactFormErrors:A,fileUploadErrors:S,questions:M}=e,[T,Z]=t.useState(!1),N={answers:a,blocks:c,activeIndexOfBlocks:l,activeIndexOfRenderedBlocks:d,activeIndexOfRenderedStatement:u,isMobile:x,renderedBlocks:s,initialStatementHasAnswer:i,surveyStyle:o,isWidget:r,blockIndex:d,questions:M},I={answers:a,blocks:c,activeIndexOfBlocks:l,isMobile:x,activeIndexOfRenderedBlocks:d,initialStatementHasAnswer:i,activeIndexOfRenderedStatement:u,renderedBlocks:s,isSubmitting:T,isWidget:r},{question:O}=s[d],q=O?.type_info?.meta?.display_format;return n.createElement("div",{className:"question-footer"},pl("navigation",N)&&n.createElement(Al,{answers:a,activeIndexOfBlocks:l,activeIndexOfRenderedBlocks:d,renderedBlocks:s,initialStatementHasAnswer:i,blocks:c,activeIndexOfRenderedStatement:u,navigateToNextBlock:h,navigateToPreviousBlock:v,translationVariables:w}),n.createElement("div",{className:"action-buttons"},pl("next",N)&&n.createElement(nr,{onClick:()=>{m(s[d],"CHECKBOX"===O?.type_info?.meta?.display_format&&"CONSENT"===O?.type_info?.question_type?a.formValues[O.name]??!1:null,!0)},disabled:gl("next",I),className:"next-button"},w?.next||"Next"),pl("next-statement",N)&&n.createElement(nr,{onClick:()=>{E?.()},disabled:!!gl("next-statement",I),className:"next-button"},w?.next||"Next"),pl("consent",N)&&"BUTTON"===q&&C.map((e=>n.createElement(nr,{key:d+String(e.recordAs),onClick:()=>{m(s[d],e.recordAs,!0)},disabled:gl("consent",I),className:(e.recordAs?"next":"secondary")+"-button"},O?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue))),pl("submit",N)&&n.createElement("div",{className:"submit"},n.createElement(nr,{disabled:gl("submit",I),onClick:()=>{D(_?.[O.name])&&D(k?.[O.name])&&D(S?.[O.name])&&D(A?.[O.name])&&(Z(!0),p("COMPLETE"))}},T?w?.submitting||"Submitting":w?.submit_survey||"Submit survey")),pl("skip",N)&&n.createElement("button",{className:"skip-button",onClick:f,"aria-label":"skip question"},w?.skip||"Skip"),pl("skip-statement",N)&&n.createElement("button",{className:"skip-button",onClick:g,"aria-label":"skip statement"},w?.skip||"Skip"),pl("message",N)&&n.createElement(nr,{onClick:f,disabled:gl("message",I),className:"next-button"},O?.type_info?.scale_properties?.labels?.values?.[0]||"Begin")))},Ml=e=>{const{blocks:o,renderedBlocks:i,activeBlock:a,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:c,isSurveyCompleted:l,isReverseAnimation:u,saveFormValues:d,saveOthersValue:m,skipBlock:p,skipStatement:f,onSubmitHandler:g,navigateToNextBlock:h,navigateToPreviousBlock:v,answers:y,questions:b,pivot:w,isInitialTransition:x,resetSurvey:E,activeIndexOfRenderedStatement:_,navigateToNextStatement:k,navigateToPreviousStatement:C,navigateToStart:A,translationVariables:S,initialStatementHasAnswer:M,formQuestionErrors:T,textboxQuestionErrors:Z,contactFormErrors:N,fileUploadErrors:I,setErrors:O}=kl(e),q=D(y.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[z,P]=t.useState(q),F=n.useMemo((()=>L(w?.question)),[w?.question]);return t.useEffect((()=>{a&&e.onBlockChange?.(a)}),[a,e]),t.useEffect((()=>{e.getSurveyProgress?.({totalBlocks:o.length,isSurveyCompleted:l,activeIndexOfBlocks:s})}),[o.length,l,s]),a&&a.question?n.createElement("div",{className:`freemium-survey-components ${e.isMobile?"mobile-preview":""} ${e.surveyStyle}-survey-style`,id:"freemium-survey"},n.createElement(r.SwitchTransition,{mode:"out-in"},n.createElement(r.CSSTransition,{key:c+String(l)+String(z),addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:u?"fade-reverse":"fade"},n.createElement("div",{className:"questions"},l?n.createElement(Cl,{thankYouQuestion:ol({pivotQn:w?.question,pivotQnAnswer:w?.answer,block:sl({activeBlock:a,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:y,questions:b,activeIndexOfBlocks:s,renderedBlocks:i,contactData:e.contactData}),questions:b}),canResubmit:e.canResubmit,allowMultipleSubmission:e.allowMultipleSubmission,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",A):A()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",E):E()},preview:!!e.preview,placeholders:e.placeholders,isMobile:e.isMobile,pivot:w,rangeToRender:F,translationVariables:S}):n.createElement("div",{id:`${a.question.name}`,className:"question-container","data-test-question-name":a.question.name},z&&e.survey.prompt_settings?n.createElement(Ia,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt?.(t),1===t&&P(!1)},placeholders:e.placeholders}):n.createElement(n.Fragment,null,n.createElement("div",{className:("question-text "+(!a.question.type_info?.pivot_question&&a.required?"required":"")).trim(),dangerouslySetInnerHTML:{__html:B({questionText:a?.question.text,placeholders:e.placeholders,npsRating:w?.answer,ratingLabel:R(w?.answer)?"":F?.find((e=>e?.value===String(w?.answer)))?.text??"",preference:w?.question.type_info?.scale_properties?.labels?.preference,isPreview:!!e.preview})},"aria-label":`question-${c}`,role:"heading","aria-level":1}),n.createElement("div",{onTransitionEndCapture:e=>e.stopPropagation(),style:{width:"100%",position:"relative"}},n.createElement(Qc,{setErrors:O,onFileUpload:e.onFileUpload,survey:e.survey,question:a.question,isFinalQn:rl({blocks:o,activeIndexOfBlocks:s,renderedBlocks:i,activeIndexOfRenderedBlocks:c,questions:b}),formValues:y.formValues,othersMeta:y.others,autoFocusDelay:"standard"===e.surveyStyle?350:0,activeIndexOfRenderedStatement:_,saveOthersValue:m,onChangeHandler:e=>{d(a,e)},isMobile:!!e.isMobile,initialPivotAnswer:e.initialPivotAnswer,isInitialTransition:x,formQuestionErrors:T,textboxQuestionErrors:Z,fileUploadErrors:I,contactFormErrors:N})),n.createElement(Sl,{isWidget:!1,surveyStyle:e.surveyStyle,answers:y,renderedBlocks:i,blocks:o,activeIndexOfRenderedStatement:_,initialStatementHasAnswer:M,navigateToNextStatement:k,navigateToPreviousStatement:C,activeIndexOfRenderedBlocks:c,activeIndexOfBlocks:s,saveFormValues:d,skipBlock:p,skipStatement:f,onSubmitHandler:g,navigateToPreviousBlock:v,navigateToNextBlock:h,isInitialTransition:x,initialPivotAnswer:e.initialPivotAnswer,isMobile:!!e.isMobile,translationVariables:S,formQuestionErrors:T,textboxQuestionErrors:Z,fileUploadErrors:I,contactFormErrors:N,questions:b})))))),n.createElement(wa,{...e.footerProps,surveyType:e.survey.type,translationVariables:S})):null};I(':root {\n  --default-brand-color: #264966;\n  --default-question-text-color: #3a4b67;\n  --default-question-background-color: #fff;\n  --default-background-color: #f8f8f8;\n  --default-button-text-color: #fff;\n  --default-secondary-button-text-color: #000;\n  --default-input-placeholder-color: #92a2b1;\n  --compact-widget-max-height: 480px;\n  --default-widget-max-height: 460px;\n  --cozy-widget-max-height: 380px;\n}\n\n.freemium-survey-step-navigation {\n  border-radius: 3px;\n  border: 1px solid #efefef;\n  white-space: nowrap;\n}\n.freemium-survey-step-navigation .navigation-button {\n  width: 38px;\n  text-align: -webkit-center;\n  height: 38px;\n  background-color: #fff;\n  border: none;\n  cursor: pointer;\n  border-radius: 0 3px 3px 0;\n}\n.freemium-survey-step-navigation .navigation-button:first-of-type {\n  border-right: 1px solid #efefef;\n  border-radius: 3px 0 0 3px;\n}\n.freemium-survey-step-navigation .navigation-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.freemium-survey-step-navigation .navigation-button:focus {\n  position: relative;\n  z-index: 1;\n}\n\n.freemium-survey-components.standard-survey-style {\n  display: flex;\n  flex-direction: column;\n  grid-gap: 40px;\n  gap: 40px;\n  height: 100%;\n}\n.freemium-survey-components.standard-survey-style > div {\n  flex: 1;\n}\n.freemium-survey-components.standard-survey-style .question-container {\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n  max-width: 700px;\n  margin: 0 auto;\n  background: var(--default-question-background-color);\n  background: var(--question-background-color, var(--default-question-background-color));\n  border-radius: 4px;\n  transition: transform 500ms ease 0ms, opacity 800ms ease 0ms;\n  box-shadow: 0px 12px 70px 0px rgba(18, 52, 77, 0.05), 0px 2px 20px 0px rgba(18, 52, 77, 0.05);\n  margin-bottom: 28px;\n  padding: 28px;\n  grid-gap: 28px;\n  gap: 28px;\n  position: relative;\n  height: -moz-fit-content;\n  height: fit-content;\n  overflow: auto;\n  opacity: 1;\n}\n.freemium-survey-components.standard-survey-style .question-container:last-child {\n  margin-bottom: 0px;\n}\n.freemium-survey-components.standard-survey-style .hide-question-container {\n  pointer-events: none;\n  opacity: 0;\n}\n.freemium-survey-components.standard-survey-style .question-text.required > p:nth-last-child(1)::after {\n  content: "*";\n  color: rgb(215, 45, 48);\n  margin-left: 4px;\n}\n.freemium-survey-components.standard-survey-style .question-text {\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.8;\n  width: 100%;\n  text-align: left;\n  color: var(--default-question-text-color);\n  color: var(--question-text-color, var(--default-question-text-color));\n}\n.freemium-survey-components.standard-survey-style .question-text p {\n  text-align: left;\n}\n.freemium-survey-components.standard-survey-style .question-text a {\n  color: var(--link-color);\n  text-decoration: underline;\n}\n.freemium-survey-components.standard-survey-style .autofocus-button {\n  border: none;\n  width: 0;\n  height: 0;\n  opacity: 0;\n  margin-top: -12px;\n  margin-left: -12px;\n  position: absolute;\n}\n.freemium-survey-components.standard-survey-style .footer {\n  padding: 0;\n}\n.freemium-survey-components.standard-survey-style .question-footer {\n  display: flex;\n  justify-content: flex-end;\n  grid-gap: 40px;\n  gap: 40px;\n  width: 100%;\n  align-items: center;\n}\n.freemium-survey-components.standard-survey-style .question-footer:empty {\n  display: none;\n}\n.freemium-survey-components.standard-survey-style .action-buttons {\n  display: flex;\n  grid-gap: 20px;\n  gap: 20px;\n  flex-direction: row-reverse;\n}\n.freemium-survey-components.standard-survey-style .action-buttons:empty {\n  display: none;\n}\n.freemium-survey-components.standard-survey-style .sec-button {\n  font-weight: 500;\n  color: #3a4b67;\n  cursor: pointer;\n  background: transparent;\n  border: none;\n  min-width: 40px;\n  padding: 8px 16px;\n  border-radius: 4px;\n  color: var(--default-secondary-button-text-color);\n  color: var(--secondary-button-text-color, var(--default-secondary-button-text-color));\n  letter-spacing: 0.05rem;\n  line-height: 1.5;\n  border: 1px solid transparent;\n  transform: translateY(0px);\n  transition: transform ease 0.2s;\n}\n.freemium-survey-components.standard-survey-style .sec-button:hover {\n  background-color: #f3f3f3;\n  transform: translateY(-4px);\n}\n.freemium-survey-components.standard-survey-style .next-button {\n  color: var(--default-button-text-color);\n  color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.standard-survey-style .secondary-button {\n  border: 1px solid #cfd7df;\n  background-image: var(--secondary-button-linear-gradient);\n  box-shadow: 0 1px 0 0 rgba(24, 50, 71, 0.05);\n  color: #12344d;\n  background-color: #ffffff;\n  width: 100px;\n}\n.freemium-survey-components.standard-survey-style .secondary-button:hover {\n  background-color: #f5f7f9;\n  background-image: none;\n}\n.freemium-survey-components.standard-survey-style .submit {\n  max-width: 700px;\n  margin: 0 auto;\n  text-align: left;\n  background: transparent;\n  box-shadow: none;\n  display: flex;\n  flex-direction: row-reverse;\n  color: var(--default-button-text-color);\n  color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.standard-survey-style .fade-enter {\n  opacity: 0;\n  transform: translateY(40px);\n}\n.freemium-survey-components.standard-survey-style .fade-enter-active {\n  opacity: 1;\n  transform: translateY(0);\n}\n.freemium-survey-components.standard-survey-style .fade-exit {\n  opacity: 1;\n  transform: translateY(0);\n}\n.freemium-survey-components.standard-survey-style .fade-exit-active {\n  opacity: 0;\n  transform: translateY(-40px);\n}\n.freemium-survey-components.standard-survey-style .fade-enter,\n.freemium-survey-components.standard-survey-style .fade-enter-active,\n.freemium-survey-components.standard-survey-style .fade-exit,\n.freemium-survey-components.standard-survey-style .fade-exit-active {\n  transition: all ease 400ms;\n  pointer-events: none;\n}\n.freemium-survey-components.standard-survey-style .thankyou {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  grid-gap: 20px;\n  gap: 20px;\n  min-height: 180px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .heading {\n  font-weight: 500;\n  font-size: 22px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .thankyou-logo-img {\n  height: 100px;\n  width: auto;\n}\n.freemium-survey-components.standard-survey-style .thankyou .text {\n  white-space: pre-wrap;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 1.6;\n  color: #475867;\n  width: 75%;\n}\n.freemium-survey-components.standard-survey-style .thankyou .redirection-text {\n  color: #929292;\n  margin-bottom: 12px;\n  font-weight: 300;\n}\n.freemium-survey-components.standard-survey-style .thankyou .link {\n  width: 100%;\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: #666;\n  font-weight: 500;\n  text-decoration: underline;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container {\n  display: flex;\n  grid-gap: 10px;\n  gap: 10px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link {\n  background: #f5f7f9;\n  padding: 20px 0px;\n  border-radius: 10px;\n  width: 300px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link .links {\n  display: flex;\n  grid-gap: 10px;\n  gap: 10px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link .link-image-url {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 45px;\n  width: 45px;\n  background: #fff;\n  border-radius: 8px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link .link-page-name {\n  padding: 0px 20px 0px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: #fff;\n  height: 45px;\n  border-radius: 8px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .title-text {\n  padding-bottom: 14px;\n  font-size: 14px;\n  font-weight: 500;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-custom-button-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 300px;\n  border-radius: 10px;\n  padding: 20px 0px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-custom-button-container .button_text {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  grid-gap: 10px;\n  gap: 10px;\n  height: 45px;\n  padding: 0px 20px;\n  background: #4560f6;\n  color: #fff;\n  font-weight: 700px;\n  border-radius: 8px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions {\n  display: flex;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions.mobile {\n  flex-direction: column;\n  align-items: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions.mobile button.action-button {\n  justify-content: center;\n  letter-spacing: 0.05em;\n  line-height: 1.5;\n  border: 1px solid transparent;\n  transform: translateY(0px);\n  transition: transform ease 0.2s;\n  background-color: #e5f2fd;\n  margin: 6px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions.mobile button.action-button:hover {\n  transform: translateY(-4px);\n}\n.freemium-survey-components.standard-survey-style .thankyou button.action-button {\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 20px;\n  color: #2c5cc5;\n  border: none;\n  background: none;\n  padding: 8px 12px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou button.action-button svg {\n  margin-right: 8px;\n}\n.freemium-survey-components.standard-survey-style .responsive-text-field {\n  width: 100%;\n}\n.freemium-survey-components.standard-survey-style .responsive-text-field .textarea-container {\n  display: none;\n}\n.freemium-survey-components.standard-survey-style .message-container:empty {\n  display: none;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .action-buttons {\n  flex-direction: column;\n  width: 100%;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .action-buttons button {\n  max-width: unset;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .action-button {\n  max-width: unset;\n  width: 100%;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .thankyou .text {\n  width: auto;\n}\n@media (max-width: 550px) {\n  .freemium-survey-components.standard-survey-style .action-buttons {\n    flex-direction: column;\n    width: 100%;\n  }\n  .freemium-survey-components.standard-survey-style .action-buttons button {\n    max-width: unset;\n  }\n  .freemium-survey-components.standard-survey-style .action-button {\n    max-width: unset;\n    width: 100%;\n  }\n  .freemium-survey-components.standard-survey-style .thankyou .text {\n    width: auto;\n  }\n}\n\n@media (max-width: 550px) {\n  .freemium-survey-component .responsive-text-field .input-container {\n    display: none;\n  }\n  .freemium-survey-component .responsive-text-field .textarea-container {\n    display: flex;\n  }\n  .freemium-survey-component .responsive-text-field .textarea-container textarea {\n    min-height: 80px;\n    height: 80px;\n  }\n  .freemium-survey-component .responsive-input-field .input-container input {\n    min-height: 40px;\n  }\n}\n.freemium-survey-components.mobile-preview .thankyou .text {\n  width: unset;\n}');const Tl=["next","next-statement","skip","submit","navigation","clear-selection","message","consent"],Zl=({thankYouQuestion:e,preview:r,placeholders:o,canResubmit:i,allowMultipleSubmission:a,navigateToStart:s,resetSurvey:c,isMobile:l,pivot:u,rangeToRender:d,translationVariables:m})=>{const{redirectUrl:p,redirectDelay:f,image_url:g,show_custom_button:h,show_review_links:v,show_social_links:y}=e.type_info?.meta??{},[b,w]=t.useState(f??10);return t.useEffect((()=>{if(!r&&p){const e=setInterval((()=>w((e=>e>1?e-1:(window.location.href=p??"",0)))),1e3);return()=>clearInterval(e)}}),[]),n.createElement("div",{className:"question-container thankyou"},g&&n.createElement("img",{className:"thankyou-logo-img",src:g,alt:"thankyou_logo"}),n.createElement("div",{className:"heading"},e?.type_info?.header_text||""),n.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:B({questionText:e.text,placeholders:o,npsRating:u?.answer,ratingLabel:R(u?.answer)?"":d?.find((e=>e?.value===String(u?.answer)))?.text??"",preference:u?.question.type_info?.scale_properties?.labels?.preference,isPreview:r})}}),(i||a)&&n.createElement("div",{className:("wrap-up-actions "+(l?"mobile":"")).trim()},i&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:()=>s()},n.createElement(T,{name:"edit"}),m?.edit_response||"Edit your response"),a&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:c},n.createElement(T,{name:"reload"}),m?.another_response||"Submit another response")),p&&n.createElement("div",{style:{width:"100%"}},n.createElement("div",{className:"redirection-text"},F(b,m?.redirect_msg),n.createElement("br",null)),n.createElement("a",{className:"link",href:p},p)),n.createElement(Oa,{show_custom_button:h,show_review_links:v,show_social_links:y}))},Nl=e=>{const{blockIndex:t,isWidget:r,surveyStyle:o,answers:i,renderedBlocks:a,navigateToNextStatement:s,blocks:c,isMobile:l,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:d,translationVariables:m,saveFormValues:p,skipBlock:f,clearRadioSelection:g,initialStatementHasAnswer:h,initialPivotAnswer:v,questions:y}=e,b={answers:i,blocks:c,blockIndex:t,activeIndexOfBlocks:u,isMobile:l,initialStatementHasAnswer:h,activeIndexOfRenderedBlocks:d,activeIndexOfRenderedStatement:0,renderedBlocks:a,surveyStyle:o,isWidget:r,questions:y},w={answers:i,blocks:c,activeIndexOfBlocks:u,initialStatementHasAnswer:h,isMobile:l,activeIndexOfRenderedBlocks:d,activeIndexOfRenderedStatement:0,renderedBlocks:a},x={};Tl.forEach((e=>{x[e]=!!pl(e,b)}));const{question:E}=a[d],_=E?.type_info?.meta?.display_format;return x?.next||x?.["next-statement"]||x?.skip||x?.consent||x?.["clear-selection"]||x?.message?n.createElement("div",{className:"question-footer"},n.createElement("div",{className:"action-buttons"},x?.next&&n.createElement(nr,{onClick:()=>{p(a[d],"CHECKBOX"===E?.type_info?.meta?.display_format&&"CONSENT"===E?.type_info?.question_type?i.formValues[E.name]??!1:null,!0)},disabled:!!gl("next",w),className:"next-button"},m?.next||"Next"),x?.["next-statement"]&&n.createElement(nr,{onClick:()=>{s?.()},disabled:!!gl("next-statement",w),className:"next-button"},m?.next||"Next"),x?.consent&&"BUTTON"===_&&C.map((e=>n.createElement(nr,{key:d+String(e.recordAs),onClick:()=>{p(a[d],e.recordAs,!0)},disabled:gl("consent",w),className:(e.recordAs?"next":"secondary")+"-button"},E?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue))),x.skip&&n.createElement("button",{className:"sec-button",onClick:f,"aria-label":"skip question"},m?.skip||"Skip"),x?.["clear-selection"]&&n.createElement("button",{className:"sec-button",onClick:()=>g(t)},m?.clear_selection||"Clear selection"),x?.message&&n.createElement(nr,{onClick:f,disabled:gl("message",w),className:"next-button"},E?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))):null},Il=e=>{const{blocks:o,renderedBlocks:i,activeBlock:a,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:c,isSurveyCompleted:l,translationVariables:u,saveFormValues:d,saveOthersValue:m,skipBlock:p,skipStatement:f,clearRadioSelection:g,onSubmitHandler:h,answers:v,questions:y,resetSurvey:b,initialStatementHasAnswer:w,navigateToStart:x,activeIndexOfRenderedStatement:E,navigateToNextStatement:_,navigateToPreviousStatement:k,pivot:C,formQuestionErrors:A,textboxQuestionErrors:S,contactFormErrors:M,fileUploadErrors:T,setErrors:Z}=(e=>{const r=e.survey.question_details?.questions||[],o=e.contactData||{},i=e.translationVariables||{},[a]=t.useState(e.survey?.blocks?.filter((e=>"TY"!==e.name&&!e.is_deleted))),[s,c]=t.useState({formErrors:{},textBoxErrors:{},fileUploadErrors:{},contactFormErrors:{}}),l=t.useMemo((()=>yl({blocks:a,questions:r,responses:e.answers,answerStatus:e.answerStatus||"PARTIAL"})),[a,r,e.answers]),[u,d]=t.useState(l.renderedBlocks),[m,p]=t.useState(l.activeIndexOfRenderedBlocks),[f,g]=t.useState(l.activeIndexOfRenderedStatement),h=t.useRef(l.pivot),v=t.useRef(l.isInitialTransition),[y,b]=t.useState(l.answers),w=t.useRef(),x=t.useRef(((l.isConsideredCompleted||"PARTIAL"===e.answerStatus)&&e.canResubmit)??!1),[E,_]=t.useState(!1),k=t.useRef(null),C=u[m],A=n.useMemo((()=>u.length>0?a?.findIndex((e=>e.name===u[m]?.name)):0),[m]);t.useEffect((()=>{if(l.isConsideredCompleted&&v.current&&e.canResubmit)return;const{others_meta:t,...n}=e.answers;if(!a||!a.length||!D(n))return;h.current={...h.current,question:tl({questions:r})},null!=e.initialPivotAnswer&&(h.current={...h.current,answer:nl(h.current.question,e.initialPivotAnswer)},b({...y,formValues:{...y.formValues,[h.current.question.name]:h.current.answer}}));const o=ol({pivotQn:h.current.question,pivotQnAnswer:h.current.answer,block:a[0],questions:r});d([{...a[0],question:o}])}),[a,e.initialPivotAnswer]),t.useEffect((()=>{l.isConsideredCompleted&&v.current&&e.canResubmit||(u.length&&p(u.length-1),k.current?.scrollIntoView({block:"start",behavior:"smooth"}))}),[u]),t.useEffect((()=>{if(!(l.isConsideredCompleted&&v.current&&e.canResubmit)&&!D(y.formValues)&&a&&S())if(ml({blocks:a,activeIndexOfBlocks:A,renderedBlocks:u,activeIndexOfRenderedBlocks:m,answers:y,questions:r})){const t=()=>{const e=ll({renderedBlocks:u,activeBlock:C,blocks:a,activeIndexOfBlocks:A,answers:y,questions:r,contactData:o});if(e===1/0)return void setTimeout((()=>{M("COMPLETE"),_(!0)}));setTimeout((()=>{M()}));const t=ol({pivotQn:h.current?.question,pivotQnAnswer:h.current?.answer,block:a?.[e],questions:r}),n=vl({renderedBlocks:u,activeIndexOfRenderedBlocks:m});d([...n,{...a?.[e],question:t}])};null!=e.initialPivotAnswer&&1==u.length?w.current?(clearTimeout(w.current),w.current=null,t()):w.current=setTimeout((()=>{}),1500):t()}else"MATRIX_RATING_SCALE"===C?.question?.type_info?.question_type&&M()}),[y,a]);const S=()=>{if(C.question_name)switch(C.question?.type_info?.question_type){case"FORM_FIELD":return wl({fields:C.question?.type_info?.form_fields?.fields,answers:y.formValues?.[C.question_name]||{},errorSetter:c,questionName:C.question_name,errors:s,translationVariables:i});case"TEXT":return xl({type:C.question?.type_info?.text_field?.text_type,answer:y.formValues?.[C.question_name]||"",errorSetter:c,questionName:C.question_name,errors:s,translationVariables:i});case"CONTACT_FORM":return El({fields:C.question?.type_info?.contact_form?.fields,answers:y.formValues?.[C.question_name]||{},errorSetter:c,questionName:C.question_name,errors:s,translationVariables:i});case"FILE":return _l({errors:s.fileUploadErrors})}return!0},M=(t="PARTIAL")=>{let n=()=>{};if(!S())return;const r={...y.formValues};"COMPLETE"===t&&(n=()=>{_(!0),x.current=!1},"CONSENT"===C.question?.type_info?.question_type&&"CHECKBOX"===C.question?.type_info?.meta?.display_format&&C.question_name&&D(y.formValues[C.question_name])&&!C.required&&(r[C.question_name]=!1,b((e=>({...e,formValues:{...e.formValues,[C.question?.name]:!1},commitDirtyValue:!1}))))),C.question_name&&void 0===r[C.question_name]&&(r[C.question_name]=null),e.onSubmit({...r,others_meta:y.others},n,t,x.current?"EDIT":"CREATE")},T=()=>{const e=C.question;if(m!==u.length-1){const t=hl({renderedBlocks:u,activeIndexOfRenderedBlocks:m,answers:y}),n=vl({renderedBlocks:u,activeIndexOfRenderedBlocks:m});d(n),b({...t,formValues:{...t.formValues,[e.name]:null},commitDirtyValue:!0})}else b({...y,formValues:{...y.formValues,[e.name]:null},commitDirtyValue:!0})},Z=()=>{g((e=>e+1))},N=(e,t,n=!1,r=m)=>{v.current=!1,e.question.name===h.current?.question.name&&(h.current={...h.current,answer:t});let o=y;x.current||!n&&!dl({question:e.question,answers:y})||(o=hl({renderedBlocks:u,activeIndexOfRenderedBlocks:r,answers:y})),r!==m&&p(r),b({...o,formValues:{...o.formValues,...null!=t&&{[e.question.name]:t}},commitDirtyValue:n}),"SINGLE_ANSWER"===C.question.type_info?.matrix_properties?.type&&f<(C.question?.type_info?.matrix_properties?.statements||[]).length-1&&setTimeout((()=>{Z?.()}),0)},I=n.useMemo((()=>{if("MATRIX_RATING_SCALE"!==C?.question?.type_info?.question_type)return!1;const e=(C?.question?.type_info?.matrix_properties?.statements||[])[f];return((y.formValues[C?.question.name]||[]).find((t=>t.statement_id===e?.id))?.rating_labels||[]).length>0}),[f,m]);return{blocks:a,questions:r,renderedBlocks:u,initialStatementHasAnswer:I,activeBlock:C,activeIndexOfBlocks:A,activeIndexOfRenderedBlocks:m,activeIndexOfRenderedStatement:f,navigateToNextStatement:Z,navigateToPreviousStatement:()=>{g((e=>e-1))},isSurveyCompleted:E,pivot:h.current,answers:y,translationVariables:i,formQuestionErrors:s.formErrors,textboxQuestionErrors:s.textBoxErrors,fileUploadErrors:s.fileUploadErrors,contactFormErrors:s.contactFormErrors,setErrors:c,saveFormValues:N,saveOthersValue:(e,t,n=m)=>{if(n!==m&&p(n),null===t){const t={...y.others};delete t[e],b({...y,commitDirtyValue:!1,others:t})}else b({...y,commitDirtyValue:!1,others:{...y.others,[e]:t}})},skipBlock:T,skipStatement:()=>{if(e.isMobile||e.isWidget){const e=C?.question?.type_info?.matrix_properties?.statements||[],t=e[f],n=y.formValues[C?.question.name]||[],r=f<e.length-1;N(C,n.filter((e=>e.statement_id!==t.id)),!r),r&&"MULTIPLE_ANSWERS"===C?.question?.type_info?.matrix_properties?.type&&setTimeout((()=>{Z?.()}),0)}else T()},clearRadioSelection:e=>{e!==m&&p(e);const t=u[e].question;delete y.formValues[t.name],delete y.others[t.name];const n=hl({renderedBlocks:u,activeIndexOfRenderedBlocks:e,answers:y}),r=vl({renderedBlocks:u,activeIndexOfRenderedBlocks:e});d(r),b({...n,commitDirtyValue:!1})},onSubmitHandler:M,navigateToStart:()=>{x.current=!0,_(!1)},resetSurvey:()=>{_(!1);const e=ol({pivotQn:h.current?.question,pivotQnAnswer:h.current?.answer,block:a[0],questions:r});d([{...a[0],question:e}]),p(0),b({formValues:{},others:{},commitDirtyValue:!1})}}})(e),N=t.useRef(null),[I,O]=t.useState(!1),q=n.useMemo((()=>L(C?.question)),[C?.question]),z=D(v.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[P,F]=t.useState(z);if(t.useEffect((()=>{N.current?.scrollIntoView({block:"start",behavior:"smooth"})}),[i]),t.useEffect((()=>{e.getSurveyProgress?.({totalBlocks:o.length,isSurveyCompleted:l,activeIndexOfBlocks:s})}),[o.length,l,s]),!a||!a.question)return null;const{question:j}=i[c];return n.createElement("div",{className:`freemium-survey-components ${e.isMobile?"mobile-preview":""} standard-survey-style`,id:"freemium-survey"},n.createElement(r.SwitchTransition,{mode:"out-in"},n.createElement(r.CSSTransition,{key:String(l)+String(P),addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:"fade"},n.createElement("div",null,P&&e.survey.prompt_settings?n.createElement("div",{className:"questions"},n.createElement("div",{className:"question-container"},n.createElement(Ia,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt?.(t),1===t&&F(!1)},placeholders:e.placeholders}))):n.createElement(n.Fragment,null,l?n.createElement(Zl,{thankYouQuestion:ol({pivotQn:C?.question,pivotQnAnswer:C?.answer,block:sl({activeBlock:a,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:v,questions:y,activeIndexOfBlocks:s,renderedBlocks:i,contactData:e.contactData}),questions:y}),preview:!!e.preview,placeholders:e.placeholders,pivot:{...C,question:C?.question||{name:""},answer:C?.answer},rangeToRender:q,canResubmit:e.canResubmit,isMobile:e.isMobile,allowMultipleSubmission:e.allowMultipleSubmission,translationVariables:u,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",(()=>{O(!1),x()})):(O(!1),x())},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",(()=>{O(!1),b()})):(O(!1),b())}}):n.createElement(n.Fragment,null,n.createElement("div",{onTransitionEndCapture:e=>e.stopPropagation(),className:"questions"},i.map(((t,r)=>n.createElement("div",{key:t.question.name,ref:N,className:"question-container"},n.createElement("div",{className:`question-text ${!a.question.type_info?.pivot_question&&a.required?"required":""} ${0===r?"nps":""}`.trim(),dangerouslySetInnerHTML:{__html:B({questionText:t.question.text,placeholders:e.placeholders,npsRating:C?.answer,ratingLabel:R(C?.answer)?"":q?.find((e=>e?.value===String(C?.answer)))?.text??"",preference:C?.question.type_info?.scale_properties?.labels?.preference,isPreview:!!e.preview})},"aria-label":`question-${r}`,role:"heading","aria-level":1}),n.createElement(Qc,{fileUploadErrors:T,setErrors:Z,onFileUpload:e.onFileUpload,survey:e.survey,question:t.question,isFinalQn:rl({blocks:o,activeIndexOfBlocks:s,renderedBlocks:i,activeIndexOfRenderedBlocks:c,questions:y}),formValues:v.formValues,othersMeta:v.others,isMobile:!!e.isMobile,autoFocusDelay:"standard"===e.surveyStyle?350:20,activeIndexOfRenderedStatement:E,saveOthersValue:(e,t)=>{m(e,t,r)},onChangeHandler:e=>{d(t,e,!1,r)},initialPivotAnswer:e.initialPivotAnswer,formQuestionErrors:A,textboxQuestionErrors:S,contactFormErrors:M}),n.createElement(Nl,{isWidget:!1,surveyStyle:e.surveyStyle,answers:v,renderedBlocks:i,blocks:o,blockIndex:r,activeIndexOfRenderedBlocks:c,initialStatementHasAnswer:w,navigateToNextStatement:_,navigateToPreviousStatement:k,activeIndexOfBlocks:s,saveFormValues:d,isMobile:!!e.isMobile,skipBlock:p,skipStatement:f,clearRadioSelection:g,onSubmitHandler:h,initialPivotAnswer:e.initialPivotAnswer,translationVariables:u,formQuestionErrors:A,textboxQuestionErrors:S,contactFormErrors:M,fileUploadErrors:T,questions:y})))),pl("submit",{answers:v,blocks:o,activeIndexOfBlocks:s,initialStatementHasAnswer:w,isMobile:!!e.isMobile,activeIndexOfRenderedBlocks:c,renderedBlocks:i,surveyStyle:e.surveyStyle,isWidget:!1,questions:y})&&n.createElement("div",{className:"submit"},n.createElement(nr,{disabled:!!gl("submit",{answers:v,blocks:o,initialStatementHasAnswer:w,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:c,renderedBlocks:i,activeIndexOfRenderedStatement:E,isSubmitting:I}),onClick:()=>{D(A?.[j.name])&&D(S?.[j.name])&&D(T?.[j.name])&&D(M?.[j.name])&&(O(!0),h("COMPLETE"))}},I?"Submitting":"Submit survey")))))))),n.createElement(wa,{...e.footerProps,surveyType:e.survey.type,translationVariables:u}))};I(':root {\n  --default-brand-color: #264966;\n  --default-question-text-color: #3a4b67;\n  --default-question-background-color: #fff;\n  --default-background-color: #f8f8f8;\n  --default-button-text-color: #fff;\n  --default-secondary-button-text-color: #000;\n  --default-input-placeholder-color: #92a2b1;\n  --secondary-button-linear-gradient: linear-gradient(\n    180deg,\n    #ffffff 0%,\n    #f5f7f9 100%\n  );\n}\n\n.freemium-survey-components.widget-survey-components {\n  overflow: hidden;\n}\n.freemium-survey-components.widget-survey-components * {\n  scrollbar-color: rgba(216, 216, 216, 0.5) transparent !important;\n}\n.freemium-survey-components.widget-survey-components * ::-webkit-scrollbar {\n  height: auto;\n  height: initial;\n  width: 6px;\n}\n.freemium-survey-components.widget-survey-components * ::-webkit-scrollbar-track {\n  background: transparent !important;\n}\n.freemium-survey-components.widget-survey-components * ::-webkit-scrollbar-thumb {\n  border-radius: 5px;\n  background: rgba(216, 216, 216, 0.5) !important;\n}\n.freemium-survey-components.widget-survey-components p {\n  margin: 0;\n}\n.freemium-survey-components.widget-survey-components .questions {\n  min-width: 100%;\n  max-width: 100%;\n  background: var(--default-question-background-color);\n  background: var(--question-background-color, var(--default-question-background-color));\n  position: relative;\n  display: flex;\n  justify-content: row;\n  align-items: flex-end;\n  height: 100%;\n  transition: height 200ms ease;\n}\n.freemium-survey-components.widget-survey-components .question-container {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  text-align: center;\n  max-height: 100%;\n  min-width: 100%;\n  max-width: 700px;\n  margin: 0 auto;\n  box-shadow: 0px 12px 15px rgba(18, 52, 77, 0.03);\n  padding: 28px 0;\n  padding-top: 0;\n  grid-gap: 28px;\n  gap: 28px;\n  overflow: auto;\n}\n.freemium-survey-components.widget-survey-components .prompt-container {\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n}\n.freemium-survey-components.widget-survey-components .question-wrapper {\n  width: 100%;\n  padding: 4px 28px;\n}\n.freemium-survey-components.widget-survey-components .question-wrapper .button-container {\n  margin-bottom: 20px;\n}\n.freemium-survey-components.widget-survey-components .question-wrapper .footer {\n  margin-top: 20px;\n  text-align: center;\n  font-size: 12px;\n  color: var(--question-text-color);\n}\n.freemium-survey-components.widget-survey-components .prompt-declined {\n  text-align: center !important;\n}\n.freemium-survey-components.widget-survey-components .hide-question-container {\n  opacity: 0;\n}\n.freemium-survey-components.widget-survey-components .question-text {\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.8;\n  width: 100%;\n  text-align: left;\n  padding: 0 28px;\n  color: var(--default-question-text-color);\n  color: var(--question-text-color, var(--default-question-text-color));\n}\n.freemium-survey-components.widget-survey-components .question-text p {\n  all: inherit;\n  padding: 0;\n}\n.freemium-survey-components.widget-survey-components .question-text a {\n  color: var(--link-color);\n  text-decoration: underline;\n}\n.freemium-survey-components.widget-survey-components .question-text.required > p:nth-last-child(1)::after {\n  content: "*";\n  color: rgb(215, 45, 48);\n  margin-left: 4px;\n}\n.freemium-survey-components.widget-survey-components .autofocus-button {\n  border: none;\n  width: 0;\n  height: 0;\n  opacity: 0;\n  margin-top: -12px;\n  margin-left: -12px;\n  position: absolute;\n}\n.freemium-survey-components.widget-survey-components .fade-enter {\n  opacity: 1;\n  transform: translateX(80px);\n  position: absolute;\n}\n.freemium-survey-components.widget-survey-components .fade-enter-active {\n  position: absolute;\n  opacity: 1;\n  transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-enter-done {\n  position: absolute;\n}\n.freemium-survey-components.widget-survey-components .fade-exit {\n  opacity: 0.05;\n  pointer-events: none;\n  transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-exit-active {\n  pointer-events: none;\n  opacity: 0;\n  transform: translateX(-80px);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-enter {\n  opacity: 0;\n  position: absolute;\n  transform: translateX(-80px);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-enter-active {\n  opacity: 1;\n  position: absolute;\n  transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-exit {\n  opacity: 0.05;\n  transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-exit-active {\n  opacity: 0;\n  transform: translateX(80px);\n}\n.freemium-survey-components.widget-survey-components .fade-enter-active,\n.freemium-survey-components.widget-survey-components .fade-reverse-enter-active,\n.freemium-survey-components.widget-survey-components .fade-reverse-exit-active,\n.freemium-survey-components.widget-survey-components .fade-exit-active {\n  transition: opacity 200ms, transform 200ms;\n}\n.freemium-survey-components.widget-survey-components .question-footer {\n  margin: 0px auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  position: sticky;\n  padding: 0 28px;\n  bottom: -28px;\n  margin-top: 20px;\n  background: var(--default-question-background-color);\n  background: var(--question-background-color, var(--default-question-background-color));\n  grid-gap: 40px;\n  gap: 40px;\n  width: 100%;\n}\n.freemium-survey-components.widget-survey-components .question-footer:empty {\n  display: none;\n}\n.freemium-survey-components.widget-survey-components .question-footer:only-child {\n  margin-left: auto;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation {\n  white-space: nowrap;\n  border-radius: 3px;\n  border: 1px solid #efefef;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button {\n  width: 38px;\n  text-align: -webkit-center;\n  height: 40px;\n  background-color: #fff;\n  border: none;\n  cursor: pointer;\n  border-radius: 0 3px 3px 0;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button:first-of-type {\n  border-right: 1px solid #efefef;\n  border-radius: 3px 0 0 3px;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button:focus {\n  position: relative;\n  z-index: 1;\n}\n.freemium-survey-components.widget-survey-components .action-buttons {\n  display: flex;\n  grid-gap: 20px;\n  gap: 20px;\n  width: 100%;\n}\n.freemium-survey-components.widget-survey-components .action-buttons:empty {\n  display: none;\n}\n.freemium-survey-components.widget-survey-components .skip-button {\n  font-weight: 500;\n  cursor: pointer;\n  color: #3a4b67;\n  background: transparent;\n  border: none;\n  min-width: 40px;\n  padding: 8px 16px;\n  border-radius: 4px;\n  color: var(--default-secondary-button-text-color);\n  color: var(--secondary-button-text-color, var(--default-secondary-button-text-color));\n  letter-spacing: 0.05rem;\n  line-height: 1.5;\n  border: 1px solid transparent;\n  transform: translateY(0px);\n  transition: transform ease 0.2s;\n}\n.freemium-survey-components.widget-survey-components .skip-button:hover {\n  background-color: #f3f3f3;\n  transform: translateY(-4px);\n}\n.freemium-survey-components.widget-survey-components .next-button,\n.freemium-survey-components.widget-survey-components .submit {\n  color: var(--default-button-text-color);\n  color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.widget-survey-components .secondary-button {\n  border: 1px solid #cfd7df;\n  background-image: linear-gradient(\n    180deg,\n    #ffffff 0%,\n    #f5f7f9 100%\n  );\n  background-image: var(--secondary-button-linear-gradient);\n  box-shadow: 0 1px 0 0 rgba(24, 50, 71, 0.05);\n  color: #12344d;\n  background-color: #ffffff;\n  width: 100%;\n}\n.freemium-survey-components.widget-survey-components .secondary-button:hover {\n  background-color: #f5f7f9;\n  background-image: none;\n}\n.freemium-survey-components.widget-survey-components .thankyou {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  grid-gap: 20px;\n  gap: 20px;\n  min-height: 180px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .heading {\n  font-weight: 500;\n  font-size: 22px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .text {\n  white-space: pre-wrap;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 1.6;\n  color: #475867;\n}\n.freemium-survey-components.widget-survey-components .thankyou .redirection-text {\n  color: #929292;\n  margin-bottom: 12px;\n  font-weight: 300;\n}\n.freemium-survey-components.widget-survey-components .thankyou .link {\n  width: 100%;\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: #666;\n  font-weight: 500;\n  text-decoration: underline;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions {\n  display: flex;\n}\n.freemium-survey-components.widget-survey-components .thankyou .thank-you-image {\n  justify-content: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions.mobile {\n  flex-direction: column;\n  align-items: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions.mobile button.action-button {\n  justify-content: center;\n  margin-bottom: 8px;\n  letter-spacing: 0.05em;\n  line-height: 1.5;\n  border: 1px solid transparent;\n  transform: translateY(0px);\n  transition: transform ease 0.2s;\n  background-color: #e5f2fd;\n  margin: 6px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions.mobile button.action-button:hover {\n  transform: translateY(-4px);\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container {\n  display: flex;\n  grid-gap: 10px;\n  gap: 10px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link {\n  background: #f5f7f9;\n  padding: 20px 0px;\n  border-radius: 10px;\n  width: 300px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link .links {\n  display: flex;\n  grid-gap: 10px;\n  gap: 10px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link .link-image-url {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 45px;\n  width: 45px;\n  background: #fff;\n  border-radius: 8px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link .link-page-name {\n  padding: 0px 20px 0px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: #fff;\n  height: 45px;\n  border-radius: 8px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .title-text {\n  padding-bottom: 14px;\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.4px;\n  font-style: normal;\n  font-weight: 600;\n  color: #213249;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-custom-button-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 300px;\n  border-radius: 10px;\n  padding: 20px 0px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-custom-button-container .button_text {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  grid-gap: 10px;\n  gap: 10px;\n  height: 45px;\n  padding: 0px 20px;\n  background: #4560f6;\n  color: #fff;\n  font-weight: 700px;\n  border-radius: 8px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions button.action-button {\n  width: unset;\n  letter-spacing: 0.05em;\n  line-height: 1.5;\n  border: 1px solid transparent;\n  transform: translateY(0px);\n  transition: transform ease 0.2s;\n  background-color: #e5f2fd;\n  margin: 6px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions button.action-button:hover {\n  transform: translateY(-4px);\n}\n.freemium-survey-components.widget-survey-components .thankyou button.action-button {\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 20px;\n  color: #2c5cc5;\n  border: none;\n  background: none;\n  padding: 8px 12px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou button.action-button svg {\n  margin-right: 8px;\n}\n.freemium-survey-components.widget-survey-components .responsive-text-field .input-container {\n  display: none;\n}\n.freemium-survey-components.widget-survey-components .responsive-text-field .textarea-container {\n  display: flex;\n}\n.freemium-survey-components.widget-survey-components .responsive-text-field .textarea-container textarea {\n  min-height: 80px;\n  height: 80px;\n}\n.freemium-survey-components.widget-survey-components .responsive-input-field .input-container input {\n  min-height: 40px;\n}\n.freemium-survey-components.widget-survey-components .message-container:empty {\n  display: none;\n}\n\n.freemium-survey-components.widget-survey-components.compact-style .question-container {\n  grid-gap: 20px;\n  gap: 20px;\n  max-width: 100%;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer {\n  flex-direction: column;\n  grid-gap: 20px;\n  gap: 20px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .compact-footer-layout {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  align-items: center;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .compact-footer-layout:empty {\n  display: none;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .action-buttons {\n  grid-gap: 32px;\n  gap: 32px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .submit,\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .action-button {\n  max-width: unset;\n  width: 100%;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container {\n  max-height: 470px;\n  min-height: 150px;\n  overflow: auto;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .heading,\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .text {\n  width: 100%;\n  word-break: break-word;\n  margin-bottom: 10px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .thankyou-logo-img {\n  max-height: 50px;\n  max-width: 50px;\n  margin: auto auto 10px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .wrap-up-actions.mobile button.action-button {\n  margin-bottom: 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container {\n  border-top: 2px solid #f5f7f9;\n  grid-gap: 0px;\n  gap: 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container .show-link {\n  background: transparent;\n  padding: 10px 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container .show-link .link-image-url {\n  border: 1px solid #f3f3f3;\n  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container .show-link .link-page-name {\n  border: 1px solid #f3f3f3;\n  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-custom-button-container {\n  padding: 10px 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou .text {\n  width: 86%;\n  margin: auto;\n}\n.freemium-survey-components.widget-survey-components.compact-style .range-container .range-scale .labels.labels-5 {\n  justify-content: space-between;\n  grid-gap: unset;\n  gap: unset;\n}\n\n.freemium-survey-components.widget-survey-components.default-style .question-footer {\n  justify-content: space-between;\n}\n.freemium-survey-components.widget-survey-components.default-style .wrap-up-actions {\n  margin-bottom: 10px;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container {\n  max-height: 450px;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container .wrap-up-actions {\n  display: flex;\n  justify-content: center;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container .thankyou-logo-img {\n  height: 100px;\n  width: auto;\n  margin: auto auto 10px;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container .text {\n  margin: 10px;\n}\n.freemium-survey-components.widget-survey-components.default-style .radio-group {\n  flex-direction: column;\n  flex-wrap: nowrap;\n}\n.freemium-survey-components.widget-survey-components.default-style .radio-group .radio-label {\n  padding: 12px 16px;\n  min-width: 160px;\n  font-size: 0.9em;\n  color: #3a4b67;\n}\n.freemium-survey-components.widget-survey-components.default-style .checkbox-group .checkbox-label {\n  padding: 12px 16px;\n  min-width: 160px;\n  font-size: 0.9em;\n}\n.freemium-survey-components.widget-survey-components.default-style textarea {\n  min-height: 84px;\n}\n.freemium-survey-components.widget-survey-components.default-style .end-max-length {\n  font-size: 0.8em;\n  font-weight: 300;\n  padding: 4px;\n}\n\n.freemium-survey-components.widget-survey-components.cozy-style {\n  max-width: 1000px;\n  min-width: 600px;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .question-text {\n  font-size: 16px;\n  text-align: left;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .question-text p {\n  text-align: left;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .question-footer {\n  justify-content: space-between;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container {\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  grid-gap: 25px;\n  gap: 25px;\n  width: 80%;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .heading,\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .text {\n  text-align: left;\n  word-break: break-word;\n  margin: 10px;\n  box-sizing: border-box;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .thankyou-image {\n  text-align: center;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .thankyou-logo-img {\n  height: 100px;\n  width: auto;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container {\n  display: flex;\n  align-items: baseline;\n  justify-content: flex-start;\n  margin: 10px;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-link {\n  background: transparent;\n  display: flex;\n  align-items: baseline;\n  width: -moz-fit-content;\n  width: fit-content;\n  padding-right: 20px;\n  border-right: 1px solid #f3f3f3;\n  border-radius: 0;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-link .link-image-url,\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-link .link-page-name {\n  border: 1px solid #f3f3f3;\n  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-custom-button-container {\n  justify-content: right;\n  align-items: baseline;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-custom-button-container .button_text {\n  justify-content: right;\n  align-items: right;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .range-container .widget {\n  display: flex;\n  justify-content: center;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .range-container .button-container {\n  width: 90%;\n  min-width: 600px;\n  margin: 0 auto;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .action-button {\n  line-height: 1.2;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .radio-group {\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .radio-group .radio-label {\n  padding: 12px 16px;\n  min-width: 160px;\n  font-size: 0.9em;\n  color: #3a4b67;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .checkbox-group {\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .checkbox-group .checkbox-label {\n  padding: 12px 16px;\n  min-width: 160px;\n  font-size: 0.9em;\n}\n.freemium-survey-components.widget-survey-components.cozy-style textarea {\n  min-height: 60px;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .end-max-length {\n  font-size: 0.8em;\n  font-weight: 300;\n  padding: 4px;\n}\n\n.freemium-survey-components.mobile-preview .thankyou .text {\n  width: unset;\n}\n.freemium-survey-components.mobile-preview .thankyou .thankyou-logo-img {\n  height: 100px;\n  width: auto;\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container {\n  border-top: 2px solid #f5f7f9;\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container .show-link {\n  background: transparent;\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container .show-link .link-image-url {\n  border: 1px solid #f3f3f3;\n  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container .show-link .link-page-name {\n  border: 1px solid #f3f3f3;\n  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.mobile-preview .range-container .range-scale .labels.labels-5 {\n  justify-content: space-between;\n  grid-gap: unset;\n  gap: unset;\n}');const Ol=({thankYouQuestion:e,placeholders:t,canResubmit:r,navigateToStart:o,resetSurvey:i,widgetStyle:a,allowMultipleSubmission:s,pivot:c,rangeToRender:l,translationVariables:u})=>{const{show_custom_button:d,show_review_links:m,show_social_links:p,image_url:f}=e.type_info?.meta??{};return n.createElement("div",{className:"thankyou-container"},f&&n.createElement("img",{className:"thankyou-logo-img",src:f,alt:"thankyou_logo"}),n.createElement("div",null,n.createElement("div",{className:f?"heading":"heading thankyou-image"},e?.type_info?.header_text||""),n.createElement("div",{className:f?"text":"text thankyou-image",dangerouslySetInnerHTML:{__html:B({questionText:e.text,placeholders:t,npsRating:c?.answer,ratingLabel:R(c?.answer)?"":l?.find((e=>e?.value===String(c?.answer)))?.text??"",preference:c?.question.type_info?.scale_properties?.labels?.preference})}}),(r||s)&&n.createElement("div",{className:`wrap-up-actions ${f?"":"thank-you-image"} ${"compact"===a?"mobile":""}`.trim()},r&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:o},n.createElement(T,{name:"edit"}),u?.edit_response||"Edit your response"),s&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:i},n.createElement(T,{name:"reload"}),u?.another_response||"Submit another response")),n.createElement(Oa,{show_custom_button:d,show_review_links:m,show_social_links:p})))},ql=({activeIndexOfBlocks:e,activeIndexOfRenderedBlocks:t,renderedBlocks:r,blocks:o,answers:i,initialStatementHasAnswer:a,translationVariables:s,activeIndexOfRenderedStatement:c,navigateToPreviousBlock:l,navigateToNextBlock:u})=>{const d={blocks:o,renderedBlocks:r,activeIndexOfBlocks:e,initialStatementHasAnswer:a,activeIndexOfRenderedBlocks:t,activeIndexOfRenderedStatement:c,answers:i};return n.createElement("div",{className:"freemium-survey-step-navigation","data-navigation-element":"1"},n.createElement("button",{disabled:!!gl("navigation-prev",d),className:"navigation-button",onClick:l,title:c>0?s?.prev_statement||"go to previous statement":s?.prev_question||"go to previous question"},n.createElement(T,{name:"arrow-previous"})),n.createElement("button",{className:"navigation-button",disabled:!!gl("navigation-next",d),onClick:u,title:s?.next_question||"go to next question"},n.createElement(T,{name:"arrow-next"})))},Rl=e=>{const{isWidget:r,widgetStyle:o,answers:i,initialStatementHasAnswer:a,renderedBlocks:s,blocks:c,activeIndexOfBlocks:l,navigateToNextStatement:u,activeIndexOfRenderedBlocks:d,translationVariables:m,saveFormValues:p,activeIndexOfRenderedStatement:f=0,onSubmitHandler:g,skipBlock:h,skipStatement:v,navigateToNextBlock:y,navigateToPreviousBlock:b,formQuestionErrors:w,textboxQuestionErrors:x,fileUploadErrors:E,contactFormErrors:_,questions:k}=e,[A,S]=t.useState(!1),M={answers:i,blocks:c,isMobile:!1,activeIndexOfBlocks:l,activeIndexOfRenderedBlocks:d,initialStatementHasAnswer:a,activeIndexOfRenderedStatement:f,renderedBlocks:s,isWidget:r,blockIndex:d,questions:k},T={answers:i,blocks:c,isWidget:r,isMobile:!1,activeIndexOfBlocks:l,activeIndexOfRenderedStatement:f,initialStatementHasAnswer:a,activeIndexOfRenderedBlocks:d,renderedBlocks:s,isSubmitting:A},{question:Z}=s[d],N=Z?.type_info?.question_type,I=(e=!1)=>{const t=e?[...C].reverse():[...C];return pl("consent",M)&&"BUTTON"===q&&t.map((e=>n.createElement(nr,{key:d+String(e.id),onClick:()=>{p(s[d],e.recordAs,!0)},disabled:gl("consent",T),className:(e.recordAs?"next":"secondary")+"-button"},Z?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue)))},O="compact"===o&&(pl("navigation",M)&&pl("skip",M)||"CONSENT"===N||"MESSAGE"===N),q=Z?.type_info?.meta?.display_format;return n.createElement("div",{className:"question-footer"},O?n.createElement(n.Fragment,null,pl("next",M)&&n.createElement(nr,{onClick:()=>{p(s[d],"CHECKBOX"===Z?.type_info?.meta?.display_format&&"CONSENT"===Z?.type_info?.question_type?i.formValues[Z.name]??!1:null,!0)},disabled:!!gl("next",T),className:"next-button"},m?.next||"Next"),pl("message",M)&&n.createElement(nr,{onClick:h,disabled:gl("message",T),className:"next-button"},Z?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"),pl("submit",M)&&n.createElement("div",{className:"submit"},n.createElement(nr,{disabled:!!gl("submit",T),onClick:()=>{D(w?.[Z.name])&&D(x?.[Z.name])&&D(E?.[Z.name])&&D(_?.[Z.name])&&(S(!0),g("COMPLETE"))}},A?m?.submitting||"Submitting":m?.submit_survey||"Submit survey")),pl("next-statement",M)&&n.createElement(nr,{onClick:()=>{u?.()},disabled:!!gl("next-statement",T),className:"next-button"},m?.next||"Next"),I(),n.createElement("div",{className:"compact-footer-layout"},n.createElement(ql,{answers:i,activeIndexOfBlocks:l,activeIndexOfRenderedBlocks:d,renderedBlocks:s,initialStatementHasAnswer:a,blocks:c,activeIndexOfRenderedStatement:f,translationVariables:m,navigateToNextBlock:y,navigateToPreviousBlock:b}),"MESSAGE"!==N&&!c[l].required&&n.createElement("button",{className:"skip-button",onClick:h,"aria-label":"skip question"},m?.skip||"Skip"))):n.createElement("div",{className:"action-buttons"},pl("navigation",M)&&n.createElement("div",{style:{marginRight:"auto"}},n.createElement(ql,{answers:i,activeIndexOfBlocks:l,activeIndexOfRenderedBlocks:d,activeIndexOfRenderedStatement:f,renderedBlocks:s,blocks:c,initialStatementHasAnswer:a,translationVariables:m,navigateToNextBlock:y,navigateToPreviousBlock:b})),pl("skip",M)&&n.createElement("button",{className:"skip-button",onClick:h,"aria-label":"skip question"},m?.skip||"Skip"),pl("skip-statement",M)&&n.createElement("button",{className:"skip-button",onClick:v,"aria-label":"skip statement"},m?.skip||"Skip"),I(!0),pl("next",M)&&n.createElement(nr,{onClick:()=>{p(s[d],"CHECKBOX"===Z?.type_info?.meta?.display_format&&"CONSENT"===Z?.type_info?.question_type?i.formValues[Z.name]??!1:null,!0)},disabled:!!gl("next",T),className:"next-button"},m?.next||"Next"),pl("next-statement",M)&&n.createElement(nr,{onClick:()=>{u?.()},disabled:!!gl("next-statement",T),className:"next-button"},m?.next||"Next"),pl("submit",M)&&n.createElement("div",{className:"submit"},n.createElement(nr,{disabled:!!gl("submit",T),onClick:()=>{S(!0),g("COMPLETE")}},A?m?.submitting||"Submitting":m?.submit_survey||"Submit survey")),pl("message",M)&&n.createElement(nr,{onClick:h,disabled:gl("message",T),className:"next-button"},Z?.type_info?.scale_properties?.labels?.values?.[0]||"Begin")))},Dl=e=>{const{blocks:o,renderedBlocks:i,activeBlock:a,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:c,isSurveyCompleted:l,isReverseAnimation:u,translationVariables:d,saveFormValues:m,saveOthersValue:p,skipBlock:f,skipStatement:g,initialStatementHasAnswer:h,onSubmitHandler:v,navigateToNextBlock:y,activeIndexOfRenderedStatement:w,navigateToNextStatement:x,navigateToPreviousStatement:E,navigateToPreviousBlock:_,answers:k,questions:C,resetSurvey:A,navigateToStart:S,pivot:M,formQuestionErrors:T,textboxQuestionErrors:Z,fileUploadErrors:N,contactFormErrors:I,setErrors:O}=kl({...e,isWidget:!0}),[q,z]=t.useState(null),P=t.useRef(0),F=n.useMemo((()=>L(M?.question)),[M?.question]),j=D(k.formValues)&&e.survey.prompt_settings?.is_enabled,[V,U]=t.useState(j),H=t.useRef(j?-1:c),G=()=>{if(q){q.style.minHeight="unset",q.style.maxHeight="unset",q.style.height="min-content",q.style.position="static";const t=Math.min(q?.scrollHeight+2,b[e.widgetStyle]);q.style.height=t+"px",q.style.minHeight=t+"px",P.current=t}};if(t.useMemo((()=>{G()}),[q]),t.useEffect((()=>{"MATRIX_RATING_SCALE"===a?.question?.type_info?.question_type&&setTimeout((()=>{G()}),0)}),[w]),t.useEffect((()=>{e.setCurrentSurveyState?.({question:i[c]?.question,npsScore:M?.answer})}),[c,M?.answer]),t.useEffect((()=>{c!==H.current&&(H.current=-1)}),[c]),!a||!a?.question)return null;e.widgetHeaderQuerySelector&&document.querySelector(e.widgetHeaderQuerySelector);const $=l?o.length:s+(l?1:0),W=l?100:($>0?100/o.length:0)*$;return n.createElement("div",{className:`freemium-survey-components widget-survey-components\n      ${e.widgetStyle}-style `,id:"freemium-survey"},l||V?null:n.createElement("div",{className:"widget-progressbar"},n.createElement("div",{className:"progress-completion"},W.toFixed(),"%"),n.createElement(er,{totalSteps:o.length,completedSteps:s+(l?1:0),isWidget:!0})),n.createElement("div",{className:"questions",style:{height:P.current,...j&&V||H.current===c?{transition:"none"}:{}}},n.createElement(r.TransitionGroup,{component:null},n.createElement(r.CSSTransition,{key:c+String(l)+String(V),unmountOnExit:!0,addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:u?"fade-reverse":"fade"},n.createElement("div",{ref:e=>e?z(e):null,id:`${a.question.name}`,className:`question-container ${l?"thankyou":""} ${V?"prompt-container":""}`,"data-test-question-name":a.question.name},V&&e.survey.prompt_settings?n.createElement(Ia,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt(t),1===t&&U(!1)},placeholders:e.placeholders}):n.createElement(n.Fragment,null,l?n.createElement(Ol,{thankYouQuestion:ol({pivotQn:M?.question,pivotQnAnswer:M?.answer,block:sl({activeBlock:a,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:k,questions:C,activeIndexOfBlocks:s,renderedBlocks:i,contactData:e.contactData}),questions:C}),placeholders:e.placeholders,canResubmit:e.canResubmit,widgetStyle:e.widgetStyle,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",S):S()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",A):A()},allowMultipleSubmission:e.allowMultipleSubmission,pivot:M,rangeToRender:F,translationVariables:d}):n.createElement(n.Fragment,null,n.createElement("div",{className:`question-text ${!a.question.type_info?.pivot_question&&a.required?"required":""} ${"RANGE"===a?.question?.type_info?.question_type?"range-question-text":""}`.trim(),dangerouslySetInnerHTML:{__html:B({questionText:a?.question.text,placeholders:e.placeholders,npsRating:M?.answer,ratingLabel:R(M?.answer)?"":F?.find((e=>e?.value===String(M?.answer)))?.text??"",preference:M?.question.type_info?.scale_properties?.labels?.preference})},"aria-label":`question-${c}`,role:"heading","aria-level":1}),n.createElement("div",{className:"question-wrapper",onTransitionEndCapture:e=>e.stopPropagation()},n.createElement(Qc,{fileUploadErrors:N,setErrors:O,onFileUpload:e.onFileUpload,survey:e.survey,question:a.question,isFinalQn:rl({blocks:o,activeIndexOfBlocks:s,renderedBlocks:i,activeIndexOfRenderedBlocks:c,questions:C}),formValues:k.formValues,widgetStyle:e.widgetStyle,isMobile:!1,othersMeta:k.others,autoFocusDelay:0,activeIndexOfRenderedStatement:w,isWidget:!0,saveOthersValue:p,onChangeHandler:e=>{m(a,e)},formQuestionErrors:T,textboxQuestionErrors:Z,contactFormErrors:I})),n.createElement(Rl,{isWidget:!0,widgetStyle:e.widgetStyle,surveyStyle:"standard",answers:k,isMobile:!1,renderedBlocks:i,initialStatementHasAnswer:h,activeIndexOfRenderedStatement:w,blocks:o,activeIndexOfRenderedBlocks:c,navigateToNextStatement:x,navigateToPreviousStatement:E,activeIndexOfBlocks:s,translationVariables:d,saveFormValues:m,skipBlock:f,skipStatement:g,onSubmitHandler:v,navigateToPreviousBlock:_,navigateToNextBlock:y,formQuestionErrors:T,textboxQuestionErrors:Z,fileUploadErrors:N,contactFormErrors:I,questions:C}))))))))};I('#freshworks-survey-widget {\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;\n  --container-width: 350px;\n  --widget-header-height: 36px;\n  --widget-footer-height: 38px;\n}\n#freshworks-survey-widget * {\n  box-sizing: border-box;\n}\n#freshworks-survey-widget input,\n#freshworks-survey-widget select,\n#freshworks-survey-widget textarea,\n#freshworks-survey-widget button {\n  font-family: inherit;\n}\n@keyframes mountWidget {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n#freshworks-survey-widget div.widget-survey-components {\n  border: none;\n}\n#freshworks-survey-widget .freemium-survey-components {\n  width: 100%;\n  height: 100%;\n  min-height: inherit;\n}\n#freshworks-survey-widget .default-container-style {\n  right: calc(50% - var(--container-width) / 2);\n}\n#freshworks-survey-widget .compact-container-style {\n  right: 40px;\n}\n#freshworks-survey-widget .compact-container-style .widget-footer {\n  padding: 8px 16px;\n}\n#freshworks-survey-widget .compact-container-style .header-content.minimized {\n  padding-left: 16px;\n}\n#freshworks-survey-widget .compact-container-style .prompt-question .actions {\n  flex-wrap: wrap;\n  justify-content: center;\n  grid-gap: 12px;\n  gap: 12px;\n  max-width: 80%;\n  display: inline-flex;\n}\n#freshworks-survey-widget .cozy-container-style {\n  max-width: 1000px;\n  min-width: 800px;\n  left: 50%;\n  transform: translate(-50%, 0);\n}\n#freshworks-survey-widget .surveyserv-widget-container {\n  position: fixed;\n  bottom: 0;\n  border-radius: 4px 4px 0 0;\n  z-index: 2147483647;\n  display: flex;\n  flex-direction: column;\n  background-color: #fff;\n  background-color: var(--question-background-color, #fff);\n  width: var(--container-width);\n  box-shadow: 0px 7px 13px rgba(18, 52, 77, 0.19);\n  transition: opacity 0.25s ease, height var(--height-transition-duration) ease;\n  animation: mountWidget 0.5s ease;\n  height: auto;\n}\n#freshworks-survey-widget .surveyserv-widget-container.widget-mobile {\n  right: 12px;\n}\n#freshworks-survey-widget .widget-header {\n  height: var(--widget-header-height);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-direction: row-reverse;\n  grid-gap: 8px;\n  gap: 8px;\n  background-color: #fff;\n  background-color: var(--question-background-color, #fff);\n  border-radius: inherit;\n  position: relative;\n}\n#freshworks-survey-widget .widget-header .icons {\n  height: 100%;\n  display: flex;\n  padding-top: 2px;\n  padding-right: 2px;\n}\n#freshworks-survey-widget .widget-header .icon {\n  cursor: pointer;\n  height: 100%;\n  width: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  background-color: transparent;\n  border: none;\n}\n#freshworks-survey-widget .widget-header .icon:hover .icon-tooltip {\n  display: block;\n  animation: mountWidget 0.4s ease;\n  opacity: 1;\n}\n#freshworks-survey-widget .widget-header .icon:hover .icon-tooltip:hover {\n  display: none;\n}\n#freshworks-survey-widget .widget-header .minimize-btn:hover {\n  background-color: #f5f5f5;\n  border-radius: 4px;\n}\n#freshworks-survey-widget .widget-header .icon-tooltip {\n  background: rgba(18, 52, 77, 0.8901960784);\n  color: #fff;\n  letter-spacing: 0.5px;\n  padding: 4px 8px;\n  border-radius: 4px;\n  font-weight: 500;\n  font-size: 0.9em;\n  position: absolute;\n  right: 48px;\n  top: 12px;\n  white-space: nowrap;\n  z-index: 1;\n  transition: opacity ease 0.2s;\n  display: none;\n  opacity: 0;\n}\n#freshworks-survey-widget .widget-header.minimized {\n  min-height: var(--widget-header-height);\n  width: 100%;\n  flex-direction: row;\n}\n#freshworks-survey-widget .header-content.minimized {\n  opacity: 0;\n  text-overflow: ellipsis;\n  width: calc(100% - 72px);\n  padding-left: 28px;\n  overflow: hidden;\n  white-space: nowrap;\n  animation: mountWidget 0.8s ease forwards;\n  animation-delay: 0.3s;\n  font-weight: 500;\n  line-height: 1.8;\n  text-align: left;\n  color: var(--default-question-text-color);\n  color: var(--question-text-color, var(--default-question-text-color));\n}\n#freshworks-survey-widget .header-content.minimized p {\n  all: inherit !important;\n  width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n#freshworks-survey-widget .widget-main {\n  opacity: 1;\n  flex-grow: 1;\n  transition: opacity 0.25s ease, height var(--height-transition-duration) ease;\n  padding-top: 4px;\n}\n#freshworks-survey-widget .widget-main.minimized {\n  opacity: 0;\n  height: 0;\n  border-radius: 3px 3px 0 0;\n}\n#freshworks-survey-widget .widget-footer {\n  height: var(--widget-footer-height);\n  font-size: 12px;\n  display: flex;\n  padding: 8px 28px;\n  justify-content: space-between;\n  align-items: center;\n  color: rgba(18, 52, 77, 0.831372549);\n  background-color: rgba(187, 187, 187, 0.1);\n  letter-spacing: 0.2px;\n}\n#freshworks-survey-widget .widget-footer .link-style {\n  color: #0000ee;\n}\n#freshworks-survey-widget .widget-footer .fw-link {\n  display: flex;\n  align-items: center;\n  grid-gap: 6px;\n  gap: 6px;\n}\n#freshworks-survey-widget .widget-footer .emoji {\n  position: relative;\n  top: -1px;\n  left: -2px;\n}\n#freshworks-survey-widget .widget-footer a {\n  color: inherit;\n  text-decoration: none;\n  box-sizing: border-box;\n  border-bottom: 1px solid transparent;\n}\n#freshworks-survey-widget .widget-footer a:hover {\n  border-bottom: 1px solid;\n}\n#freshworks-survey-widget .widget-footer .footer-text {\n  display: flex;\n  align-items: center;\n  line-height: 20px;\n}\n#freshworks-survey-widget .widget-footer .footer-text svg {\n  width: 76px;\n  height: 20px;\n  margin-top: 2px;\n}\n#freshworks-survey-widget .widget-footer.minimized {\n  justify-content: center;\n}\n#freshworks-survey-widget .widget-progressbar {\n  position: absolute;\n  top: 9px;\n  left: 18px;\n  font-size: 12px;\n  line-height: 20px;\n  width: 120px;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n}\n#freshworks-survey-widget .widget-progressbar .progressbar-container {\n  position: static;\n  width: 60px;\n  height: 3px;\n  background-color: #ebeff3;\n  border-radius: 10px;\n}\n#freshworks-survey-widget .widget-progressbar .progress-completion {\n  height: 20px;\n  margin-right: 6px;\n}\n#freshworks-survey-widget .title,\n#freshworks-survey-widget .description {\n  text-align: center;\n}\n#freshworks-survey-widget .description {\n  color: #666;\n  line-height: 1.2;\n}\n#freshworks-survey-widget .close-widget {\n  position: absolute;\n  z-index: 10;\n  background-color: #fff;\n  flex-direction: column;\n  display: flex;\n  top: 40px;\n  right: 12px;\n  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);\n  border-radius: 2px;\n  padding: 4px;\n}\n#freshworks-survey-widget .close-widget button {\n  cursor: pointer;\n  border: none;\n  background-color: transparent;\n  padding: 8px 12px;\n  border-radius: 2px;\n  font-size: 14px;\n}\n#freshworks-survey-widget .close-widget button:hover {\n  background-color: #f3f3f3;\n}\n#freshworks-survey-widget .close-widget.top {\n  top: -72px;\n}');const Ll=({survey:e,preview:r,placeholders:o,contactData:i,overRideComponent:a,onSubmit:s,onDismiss:c,onClose:l,isMobile:u,surveyType:d,unsubscribeUrl:m,isSurveyCompleted:p,children:f=null,answerStatus:g,loadSurveyCollapsed:h=!1,handleAction:v,answers:y,onAnsweringPrompt:b,allowMultipleSubmission:x,canResubmit:E,translationVariables:_})=>{const k=e.question_details?.questions||[],[C,A]=t.useState(),[S,Z]=t.useState(!1),[N,I]=t.useState(h),[O,q]=t.useState(0),{ui_theme:R}=e,[L,P]=t.useState(null),[F,j]=t.useState(null),V=n.useMemo((()=>((e=[])=>{const t=e.sort(((e,t)=>Number(e.order)-Number(t.order)));return t.find((e=>!e.is_deleted))??t[0]})(e.blocks||[])),[e.blocks]),H=V?.question_name?V.question_name||"":V.category?.[0].question_name||"",G=k.find((e=>e.name===H)),$=()=>{Z(!0),setTimeout((()=>{l?.()}),300)},W=t.useRef(null);return n.createElement("div",{className:`surveyserv-widget-container ${u?"widget-mobile":""} ${d}-container-style ${N?"minimized":""}`,style:{opacity:S?0:1,"--container-width":`${w[d]}`,"--height-transition-duration":"600ms",...z(R||{})}},n.createElement("header",{id:"surveyserv-widget-header",className:"widget-header "+(N?"minimized":"")},N&&n.createElement("span",{className:"header-content minimized",dangerouslySetInnerHTML:{__html:B({questionText:(!C&&e.prompt_settings?.is_enabled?e.prompt_settings.text:F?.question?.text)??U(G?.text||""),placeholders:{...o,"{{nps.rating}}":String(F?.npsScore??"")}})}}),n.createElement("div",{className:"icons"},!p&&n.createElement("button",{onClick:()=>{N?(I(!N),setTimeout((()=>{q(0)}),700)):(q(L?.clientHeight??0),setTimeout((()=>{I(!N)}),0))},className:"icon minimize-btn",title:N?_?.maximize||"Maximize widget":_?.minimize||"Minimize widget"},N?n.createElement(T,{name:"widget-maximize"}):n.createElement(T,{name:"widget-minimize"})),n.createElement("button",{ref:W,onClick:()=>{p||c(),$()},title:_?.dismiss||"Dismiss widget",className:"icon minimize-btn"},n.createElement(T,{name:"widget-close"})))),f,n.createElement("main",{ref:e=>P(e),className:("widget-main "+(N?"minimized":"")).trim(),style:{height:N?0:O||"auto"}},a?n.createElement(n.Fragment,null,a):n.createElement(Dl,{answers:y,widgetStyle:d,answerStatus:g,survey:e,placeholders:o,isMobile:!!u,contactData:i,allowMultipleSubmission:x,canResubmit:E,onSubmit:s,setCurrentSurveyState:j,widgetHeaderQuerySelector:N?void 0:"#surveyserv-widget-header",onAnsweringPrompt:t=>{b?.(t),A(t),0==t&&D(e.prompt_settings?.declined_message)&&$()},handleAction:v,translationVariables:_})),n.createElement("footer",{className:("widget-footer "+(N?"minimized":"")).trim()},m&&!N&&n.createElement("a",{href:m,target:"_blank",rel:"noopener noreferrer",onClick:e=>{r&&e.preventDefault(),e.stopPropagation(),$()}},_?.unsubscribe||"Unsubscribe"),n.createElement("div",{className:"footer-text"},n.createElement("a",{href:"https://www.freshworks.com/survey/?utm_source=survey&utm_medium=survey_public_page",target:"_blank",rel:"noopener noreferrer",className:"link-style"},_?.survey_theme||`${e.type||"online"} survey`)," ",_?.powered_by||"powered by","  ",n.createElement("a",{className:"fw-link",href:"https://www.freshworks.com/survey/?utm_source=survey&utm_medium=survey_public_page",target:"_blank",rel:"noopener noreferrer"},n.createElement(M,null)))))};I('.whatsapp-container {\n  --message-margin: 40px;\n  --message-border: 6px;\n  --message-bg: #fff;\n  --message-color: #0096de;\n  --message-disabled-color: #aaa;\n  --answers-bg: #d3ffc8;\n  --answers-color: #000;\n  --answers-radius: 6px;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  font-size: 14px;\n  position: relative;\n  width: 340px;\n  height: 574px;\n  background-image: url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg");\n  background-repeat: no-repeat;\n  background-size: contain;\n  margin: 0 auto;\n}\n.whatsapp-container.instagram {\n  --message-bg: none;\n  --answers-bg: #4d5bff;\n  --answers-color: #fff;\n  --answers-radius: 21px;\n  background-image: url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg");\n}\n.whatsapp-container.instagram .msg-container {\n  position: relative;\n}\n.whatsapp-container.instagram .choices {\n  display: none;\n  flex-direction: row;\n  position: absolute;\n  bottom: 0;\n  margin-right: 0;\n  width: 93%;\n}\n.whatsapp-container.instagram .choices:before {\n  content: "";\n  display: block;\n  width: 100%;\n  position: absolute;\n  top: 0px;\n  border-top: 1px solid #e8e8e8;\n}\n.whatsapp-container.instagram .choices .choice {\n  border: 1px solid #0584fe;\n  border-radius: 50px;\n  color: #0584fe;\n  box-shadow: none;\n}\n.whatsapp-container.instagram .choices.one-line .range-choice,\n.whatsapp-container.instagram .choices.one-line .choice {\n  flex-grow: 0;\n}\n.whatsapp-container.instagram .question-container {\n  background: #efefef;\n  padding: 2px;\n  border-radius: 21px;\n}\n.whatsapp-container.instagram .question-container .options-popup {\n  display: flex;\n  overflow: auto;\n  flex-direction: row;\n  padding: 5px 0px 2px;\n  box-shadow: none;\n  border-top: 1px solid #e8e8e8;\n  border-radius: 0;\n  left: 7px;\n  min-height: 50px;\n  bottom: 0px;\n}\n.whatsapp-container.instagram .question-container .options-popup footer,\n.whatsapp-container.instagram .question-container .options-popup header {\n  display: none;\n}\n.whatsapp-container.instagram .question-container .options-popup main {\n  display: flex;\n  padding: 0;\n}\n.whatsapp-container.instagram .question-container .options-popup main .option-row {\n  border: 1px solid #0584fe;\n  border-radius: 50px;\n  margin: 5px;\n  padding: 5px 10px;\n}\n.whatsapp-container.instagram .question-container .options-popup main .option-row button {\n  color: var(--message-color);\n  display: flex;\n}\n.whatsapp-container.instagram .question-container .choices-button.choice {\n  font-weight: 700;\n  font-size: 13.4838px;\n  line-height: 16px;\n  letter-spacing: -0.03em;\n  color: #333333;\n  border: none;\n  width: auto;\n  padding: 8px;\n  border-radius: 10px;\n  margin: 5px 10px 10px;\n  box-shadow: none;\n}\n.whatsapp-container.instagram .question-container .choices-button.choice svg {\n  display: none;\n}\n.whatsapp-container.instagram .question-container .question-text-container {\n  box-shadow: none;\n}\n.whatsapp-container.instagram .question-container.active {\n  margin-bottom: 40px;\n}\n.whatsapp-container.instagram .question-container.active .choices {\n  display: flex;\n  overflow: auto;\n  padding-top: 10px;\n  background: #fff;\n}\n.whatsapp-container.instagram .question-container.active .choices .choice button {\n  white-space: nowrap;\n}\n.whatsapp-container.instagram .question-container.active .choices.multi-choice {\n  padding-bottom: 0;\n}\n.whatsapp-container.instagram .question-container.active .choices.multi-choice::before {\n  content: none;\n}\n.whatsapp-container.instagram .textarea-container {\n  background: #fff;\n  margin-right: 23px;\n}\n.whatsapp-container.instagram .textarea-container textarea {\n  background: #e8e8e8;\n  border-radius: 18px;\n}\n.whatsapp-container.instagram .answers {\n  box-shadow: none;\n}\n.whatsapp-container .msg-container {\n  margin-top: 80px;\n  margin-left: 18px;\n  margin-right: 20px;\n  flex-grow: 1;\n  padding: 8px;\n  overflow: hidden;\n  display: flex;\n}\n.whatsapp-container .scroll-wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: baseline;\n  grid-gap: 12px;\n  gap: 12px;\n  overflow: scroll;\n}\n.whatsapp-container .question-text.required::after {\n  content: "*";\n  color: rgb(215, 45, 48);\n  margin-left: 4px;\n}\n.whatsapp-container .question-text {\n  font-size: 16px;\n  line-height: 18px;\n  padding: 12px;\n  background-color: var(--message-bg);\n  border-radius: var(--message-border);\n}\n.whatsapp-container .question-text p {\n  text-align: left;\n}\n.whatsapp-container .question-text a {\n  color: var(--link-color);\n  text-decoration: underline;\n}\n.whatsapp-container .question-container {\n  margin-right: var(--message-margin);\n  grid-gap: 2px;\n  gap: 2px;\n  display: flex;\n  flex-direction: column;\n  pointer-events: none;\n  text-align: left;\n}\n.whatsapp-container .question-container .question-text-container {\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n}\n.whatsapp-container .question-container.active {\n  pointer-events: initial;\n}\n.whatsapp-container .question-container.active .choice {\n  color: var(--message-color);\n}\n.whatsapp-container .question-container.active .choice button {\n  color: var(--message-color);\n}\n.whatsapp-container .question-container.active .choice svg:not(#star) {\n  fill: var(--message-color);\n}\n.whatsapp-container .question-container.active.open-modal {\n  margin-bottom: 45px;\n}\n.whatsapp-container .question-container#new {\n  margin-bottom: 10px;\n}\n.whatsapp-container .answers-container {\n  width: 100%;\n  display: flex;\n  justify-content: end;\n  text-align: left;\n}\n.whatsapp-container .answers {\n  background: var(--answers-bg);\n  margin-left: var(--message-margin);\n  border-radius: var(--answers-radius);\n  color: var(--answers-color);\n  padding: 12px;\n  width: -moz-fit-content;\n  width: fit-content;\n  min-width: 80px;\n  font-size: 16px;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n}\n.whatsapp-container .answers .reply-block {\n  background: rgba(0, 0, 0, 0.08);\n  margin: -6px -6px 4px;\n  padding: 5px 8px;\n  border-radius: 6px;\n  border-left: 3px solid #2c5cc5;\n}\n.whatsapp-container .answers .reply-block .user {\n  color: #2c5cc5;\n  font-weight: 600;\n  margin-bottom: 3px;\n}\n.whatsapp-container .answers:empty {\n  display: none;\n}\n.whatsapp-container .answers .answer-text {\n  display: flex;\n  align-items: center;\n}\n.whatsapp-container .answers .answer-text span {\n  white-space: nowrap;\n}\n.whatsapp-container .options-popup {\n  position: absolute;\n  z-index: 1;\n  border-radius: 12px 12px 30px 30px;\n  background-color: #fff;\n  box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.06);\n  padding: 12px 8px;\n  bottom: 15px;\n  left: 18px;\n  right: 22px;\n  transform: translateY(80px);\n  transition: all linear 0.3s;\n  opacity: 0;\n}\n.whatsapp-container .fade-enter-active {\n  transform: translateY(0px);\n  opacity: 1;\n}\n.whatsapp-container .fade-enter-done {\n  transform: translateY(0px);\n  opacity: 1;\n}\n.whatsapp-container .fade-exit-active {\n  opacity: 0;\n  transform: translateY(80px);\n}\n.whatsapp-container .fade-exit-done {\n  opacity: 0;\n  transform: translateY(80px);\n}\n.whatsapp-container .option-row {\n  padding-bottom: 16px;\n}\n.whatsapp-container .option-row button {\n  display: flex;\n  align-items: center;\n  flex-wrap: nowrap;\n  width: 100%;\n}\n.whatsapp-container .option-row button span {\n  white-space: nowrap;\n  margin-left: 5px;\n}\n.whatsapp-container header {\n  text-align: center;\n  display: flex;\n  align-items: center;\n  padding-bottom: 20px;\n  position: relative;\n}\n.whatsapp-container main {\n  padding: 0 8px;\n}\n.whatsapp-container .close {\n  background: transparent;\n  border: none;\n  width: 32px;\n  height: 32px;\n  position: absolute;\n}\n.whatsapp-container .choices-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  grid-gap: 12px;\n  gap: 12px;\n}\n.whatsapp-container .choices {\n  display: flex;\n  flex-direction: column;\n  grid-gap: 2px;\n  gap: 2px;\n  list-style-type: none;\n  padding-bottom: 5px;\n}\n.whatsapp-container .choices.multi-choice .choice button {\n  white-space: normal;\n}\n.whatsapp-container .choices.one-line {\n  flex-direction: row;\n}\n.whatsapp-container .choices.one-line .range-choice,\n.whatsapp-container .choices.one-line .choice {\n  flex-grow: 1;\n}\n.whatsapp-container .choice {\n  background-color: var(--message-bg);\n  padding: 8px 12px;\n  border-radius: var(--message-border);\n  text-align: center;\n  color: var(--message-disabled-color);\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n}\n.whatsapp-container .choice button {\n  color: var(--message-disabled-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  white-space: nowrap;\n}\n.whatsapp-container .choice svg:not(#star) {\n  fill: var(--message-disabled-color);\n}\n.whatsapp-container .range-choice {\n  padding-top: 4px;\n  padding-bottom: 4px;\n}\n.whatsapp-container h4 {\n  margin: 0 auto;\n  font-weight: 500;\n}\n.whatsapp-container footer {\n  color: #979797;\n  font-size: 12px;\n  text-align: center;\n  padding: 12px 0;\n}\n.whatsapp-container button {\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n}\n.whatsapp-container .textarea-container {\n  display: flex;\n  grid-gap: 8px;\n  gap: 8px;\n  margin-left: 12px;\n  margin-right: 16px;\n  margin-bottom: 26px;\n  margin-top: 10px;\n  margin: 0 21px 15px 18px;\n  padding: 10px 12px;\n  align-items: end;\n  background: #f6f6f6;\n  border-radius: 0 0 30px 30px;\n}\n.whatsapp-container textarea {\n  resize: none;\n  min-height: 40px;\n  max-height: 100px;\n  border-radius: 20px;\n  padding: 12px;\n  resize: none;\n  border: none;\n  width: 100%;\n}\n.whatsapp-container textarea:focus {\n  outline: none;\n}\n.whatsapp-container textarea::-moz-placeholder {\n  line-height: 16px;\n  padding-left: 2px;\n}\n.whatsapp-container textarea::placeholder {\n  line-height: 16px;\n  padding-left: 2px;\n}');const Bl=({children:e,title:t,closeModal:o,isModalOpen:i})=>n.createElement(r.CSSTransition,{in:i,unmountOnExit:!0,timeout:500,classNames:"fade",key:t},n.createElement("div",{className:"options-popup",style:{}},n.createElement("header",null,n.createElement("button",{onClick:o,className:"close"},n.createElement(T,{name:"widget-close"})),n.createElement("h4",null,t)),n.createElement("main",null,e),n.createElement("footer",null,"Tab an item to select it"))),zl=({question:e,saveFormValues:r})=>{const[o,i]=t.useState(!1),{range:a}=e?.type_info?.scale_properties||{},s=Number(a?.[0]?.min),c=Number(a?.[a.length-1]?.max),l="descending"===e?.type_info?.scale_properties?.order,u=[...e?.type_info?.scale_properties?.labels?.values||[]],d=e?.type_info?.scale_properties?.labels?.preference;l&&u.reverse();const m=t.useRef(Array.from({length:c+(0===s?1:0)},((e,t)=>l?c-t:t+s)));return m.current.length<=3?n.createElement("ul",{className:`choices ${("THUMBS"===e?.type_info?.type_variant||"all"!==e?.type_info?.scale_properties?.labels?.preference)&&"one-line"}`},m.current.map(((t,o)=>"THUMBS"===e?.type_info?.type_variant?n.createElement("li",{className:"choice range-choice",key:`thumbs-${t}-${o}`},n.createElement("button",{onClick:()=>{r(t)}},n.createElement(T,{name:t?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),"all"===e?.type_info?.scale_properties?.labels?.preference&&e?.type_info?.scale_properties?.labels?.values?.[t])):n.createElement("li",{className:"choice range-choice",key:`choice-${t}-${o}`},n.createElement("button",{onClick:()=>{r(t)}},Array.from({length:t},((e,t)=>n.createElement(T,{name:"whatsapp-star",id:`choice-${t}`})))," ","all"===e?.type_info?.scale_properties?.labels?.preference&&e?.type_info?.scale_properties?.labels?.values?.[t-1]))))):n.createElement(n.Fragment,null,n.createElement("button",{onClick:()=>i(!0),className:"choices-button choice"},n.createElement(T,{name:"whatsapp-choices"}),"Rate Support"),n.createElement(Bl,{title:"Rate Support",isModalOpen:o,closeModal:()=>i(!1)},m.current.map(((e,t)=>n.createElement("div",{className:"option-row"},n.createElement("button",{onClick:()=>{r(e),i(!1)}},Array.from({length:e},((e,t)=>n.createElement(T,{name:"whatsapp-star",id:`qus-${t}`})))," ","all"===d||"edges"===d&&(0===t||t===u.length-1)?n.createElement("span",null,u[e-1]):null))))))},Pl=({question:e,saveFormValues:r,type:o})=>{const[i,a]=t.useState(!1);return n.createElement(n.Fragment,null,n.createElement("button",{onClick:()=>a(!0),className:"choices-button choice"},n.createElement(T,{name:"whatsapp-choices"}),"Select answer"),n.createElement(Bl,{title:"Select a choice",isModalOpen:i,closeModal:()=>a(!1)},n.createElement("ul",{className:`choices multi-choice ${o}`},e.choices.map(((e,t)=>n.createElement("li",{className:"choice",style:{boxShadow:"none"},key:`${e}-${t}`},n.createElement("button",{onClick:()=>{r(e.id),a(!1)}},e.value)))))))},Fl=e=>{const r=t.useRef(null);return((e,n)=>{t.useEffect((()=>{if(e){e.style.height="0px";const t=e.scrollHeight;e.style.height=t+"px"}}),[e,n])})(r.current,String(e.value)??""),t.useEffect((()=>{e.autoFocus&&r.current?.focus()}),[e.autoFocus]),n.createElement("div",{className:"textarea-container"},n.createElement("textarea",{placeholder:"Type a message",ref:r,rows:1,onChange:e.onChange,value:e.value}),n.createElement("button",{onClick:()=>{e.onSubmit(),r.current&&(r.current.value="")}},n.createElement(T,{name:"whatsapp-send"})))},jl=({text:e,placeholders:t,pivot:r,rangeToRender:o})=>n.createElement("div",{className:"question-text-container"},n.createElement("div",{className:"question-text",dangerouslySetInnerHTML:{__html:B({questionText:e,placeholders:t,npsRating:r?.answer,ratingLabel:R(r?.answer)?"":o?.find((e=>e?.value===String(r?.answer)))?.text??"",preference:r?.question.type_info?.scale_properties?.labels?.preference,isPreview:!0})},role:"heading","aria-level":1})),Vl=({block:e,saveFormValues:t,type:r})=>{const{question_type:o}=e.question?.type_info;switch(o){case"RANGE":return n.createElement(zl,{question:e.question,saveFormValues:e=>t(e,!0)});case"DROPDOWN":case"MULTI_CHOICE":case"MULTI_SELECT":return n.createElement(Pl,{question:e.question,saveFormValues:e=>t(e,!0),type:r});case"PARAGRAPH":case"INPUT":return null;default:return console.error(`Question type ${o} not supported`),null}},Ul=({config:e,placeholders:r,onSelect:o,promptAccepted:i,type:a})=>{const s=t.useMemo((()=>e.reverse_order?e.choices?.reverse():e.choices),[e]);return n.createElement(n.Fragment,null,n.createElement("div",{className:"question-container "+(null==i?"active":"")},n.createElement(jl,{text:e.text,placeholders:r}),n.createElement("ul",{className:"choices one-line"},s?.map(((e,t)=>n.createElement("li",{className:"choice",key:`prompt-${e}-${t}`},n.createElement("button",{className:"action",onClick:()=>{o(Number(e.id))}},n.createElement(T,{name:Number(e.id)?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),e.value)))))),void 0!==i&&n.createElement("div",{className:"answers-container"},n.createElement("div",{className:"answers"},"whatsapp"===a&&n.createElement("div",{className:"reply-block"},n.createElement("p",{className:"user"},"Acme.inc"),n.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:B({questionText:e.text,placeholders:r})}})),n.createElement("div",{className:"answer-text"},n.createElement(T,{name:Number(i)?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),s.find((e=>e.id==i))?.value))),!1===i&&e.is_declined&&e.declined_message&&n.createElement("div",{className:"question-container"},n.createElement(jl,{text:e.declined_message,placeholders:r})))},Hl=e=>{const{activeBlock:r,activeIndexOfBlocks:o,activeIndexOfRenderedBlocks:i,answers:a,saveFormValues:s,blocks:c,questions:l,renderedBlocks:u,onSubmitHandler:d,isSurveyCompleted:m,pivot:f}=kl(e),{type:g="whatsapp"}=e,{question_type:h}=r?.question.type_info??{},v=n.useMemo((()=>L(f?.question)),[f?.question]),y=t.useRef(null),[b,w]=t.useState(void 0);return t.useEffect((()=>{y.current&&y.current.scroll({top:1e4,behavior:"smooth"})}),[r,a,m]),r&&r.question?n.createElement("div",{className:`${g} whatsapp-container`},n.createElement("div",{className:"msg-container"},n.createElement("div",{className:"scroll-wrapper",ref:y},e.survey.prompt_settings?n.createElement(Ul,{config:e.survey.prompt_settings,onSelect:e=>{w(1===e)},promptAccepted:b,placeholders:e.placeholders,type:g}):null,!e.survey.prompt_settings||b?u.map(((t,h)=>n.createElement(n.Fragment,null,n.createElement("div",{className:"question-container "+(m||h!==u.length-1?"":"active")},n.createElement(jl,{text:t.question.text,placeholders:e.placeholders,pivot:f,rangeToRender:v}),n.createElement(Vl,{block:t,placeholders:e.placeholders,saveFormValues:(e,n)=>{s(t,e,n),setTimeout((()=>{!0===n&&rl({blocks:c,activeIndexOfBlocks:o,renderedBlocks:u,activeIndexOfRenderedBlocks:i,questions:l})&&d("COMPLETE")}))},type:g})),t.name===r.name&&!a.commitDirtyValue||p.isNil(a.formValues[t.question.name])?null:n.createElement("div",{className:"answers-container"},n.createElement("div",{className:"answers"},"THUMBS"===t.question.type_info?.type_variant?n.createElement(n.Fragment,null,"whatsapp"===g&&n.createElement("div",{className:"reply-block"},n.createElement("p",{className:"user"},"Acme.inc"),n.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:B({questionText:t.question.text||"",placeholders:e.placeholders,npsRating:f?.answer,ratingLabel:p.isNil(f?.answer)?"":v?.find((e=>e?.value===String(f?.answer)))?.text??"",preference:f?.question.type_info?.scale_properties?.labels?.preference,isPreview:!0})}})),n.createElement("div",{className:"answer-text"},n.createElement(T,{name:Number(a.formValues[t.question.name])?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),"all"===t.question.type_info?.scale_properties?.labels?.preference&&t.question.type_info?.scale_properties?.labels?.values?.[Number(a.formValues[t.question.name])])):"EMOJI"===t.question.type_info?.type_variant||"STAR"===t.question.type_info?.type_variant?n.createElement(n.Fragment,null,"whatsapp"===g&&a.formValues[t.question.name]&&n.createElement("div",{className:"reply-block"},n.createElement("p",{className:"user"},"Acme.inc"),n.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:B({questionText:t.question.text||"",placeholders:e.placeholders,npsRating:f?.answer,ratingLabel:p.isNil(f?.answer)?"":v?.find((e=>e?.value===String(f?.answer)))?.text??"",preference:f?.question.type_info?.scale_properties?.labels?.preference,isPreview:!0})}})),n.createElement("div",{className:"answer-text"},Array.from({length:Number(a.formValues[t.question.name])},((e,t)=>n.createElement(T,{name:"whatsapp-star",id:`ans-${t}`})))," ",n.createElement("span",null,t.question.type_info?.scale_properties?.labels?.values?.[Number(a.formValues[t.question.name])-1]))):("DROPDOWN"===t.question.type_info?.question_type||"MULTI_SELECT"===t.question.type_info?.question_type)&&t.question.choices?.find((e=>e.id===a.formValues[t.question.name]))?.value||a.formValues[t.question.name]))))):null,m&&n.createElement("div",{className:"question-container",id:"new"},n.createElement(jl,{text:ol({pivotQn:f?.question,pivotQnAnswer:f?.answer,block:e.survey.blocks?.find((e=>"TY"===e.name)),questions:l})?.text,placeholders:e.placeholders,pivot:f,rangeToRender:v})))),n.createElement(Fl,{onChange:e=>{"PARAGRAPH"!==h||m||s(r,e.target.value)},value:"PARAGRAPH"===h&&!m&&a.formValues[r.question.name]?a.formValues[r.question.name]:"",activeBlock:!0,autoFocus:"PARAGRAPH"===h,onSubmit:()=>{s(r,null,!0),r.name===c[c.length-1].name&&d("COMPLETE")}})):null};exports.BUTTON_SIZE_VARIANTS={LARGE:"large",MINI:"mini",NORMAL:"normal"},exports.Binary=O,exports.Button=nr,exports.ChannelPreview=e=>{const{survey:t,answers:r}=el(e.survey,e.answers);return"whatsapp"===e.channel?n.createElement(Hl,{...e,survey:t,answers:r}):"instagram"===e.channel?n.createElement(Hl,{type:"instagram",...e,survey:t,answers:r}):(console.error(`Channel ${e.channel} not supported`),null)},exports.Checkbox=Kn,exports.CheckboxGroup=Xn,exports.Dropdown=Wn,exports.FooterText=ba,exports.Input=Gn,exports.ProgressBar=er,exports.Radio=Jn,exports.RadioGroup=Qn,exports.Range=$,exports.RankOrder=Bi,exports.Slider=ya,exports.Survey=e=>{const{survey:t,answers:r}=el(e.survey,e.answers),[o,i]=n.useState(!1);return n.useEffect((()=>{"undefined"!=typeof window&&i(window.matchMedia("(max-width: 550px)").matches)}),[]),n.createElement(n.Fragment,null,"standard"===e.surveyStyle?n.createElement(Il,{...e,answers:r,survey:t,isMobile:o||!!e.isMobile,initialPivotAnswer:P(e.answers)?e.initialPivotAnswer:void 0}):n.createElement(Ml,{...e,answers:r,survey:t,isMobile:o||!!e.isMobile,surveyStyle:"card",initialPivotAnswer:P(e.answers)?e.initialPivotAnswer:void 0}))},exports.SurveyFooter=wa,exports.SurveyProgress=({isSurveyCompleted:e,totalBlocks:t,completedText:r,activeIndexOfBlocks:o})=>{const i=e?t:o+(e?1:0),a=e?100:(i>0?100/t:0)*i;return n.createElement("div",{className:"survey-progress"},n.createElement("span",{className:"progress-completion"},a.toFixed(),"%  "),r||"survey completed",n.createElement(er,{totalSteps:t,completedSteps:i}))},exports.TextArea=$n,exports.WebInAppSurvey=e=>{const{survey:t,answers:r}=el(e.survey,e.answers),[o,i]=n.useState(!1),[a,s]=n.useState(!1);return n.useEffect((()=>{"undefined"!=typeof window&&i(window.matchMedia("(max-width: 550px)").matches)}),[]),n.useEffect((()=>{"undefined"!=typeof window&&s(window.matchMedia("(max-width: 1080px)").matches)}),[]),n.createElement(Ll,{...e,survey:t,answers:r,isMobile:o,surveyType:o?"compact":a?"default":e.surveyType})},exports.getEmailEmbedCodeForQuestion=e=>{const{emailEmbedChannelInfo:t,survey:n,question:r,collectorId:o,customDomain:i,disabled:a,publicSurveyUrl:s}=e,c=r?.type_info?.scale_properties?.labels?.preference,l=r?.type_info?.footer_text,u=r?.type_info?.scale_properties?.range||[],d=document.getElementsByClassName("email-embed-question")[0],m=d&&d?.parentElement?d.parentElement?.getBoundingClientRect().width:window.innerWidth??-1,p=m>612?612:m,f=(({scale:e,width:t})=>{const n=t/(e+2)>Ca?Ca:t/(e+2);return t>=520?{3:{size:n,space:8,padding:8},4:{size:n,space:2,padding:6},5:{size:n,space:2,padding:6},6:{size:n,space:2,padding:6},7:{size:n,space:1,padding:6},8:{size:n,space:1,padding:6},9:{size:n,space:1,padding:6},10:{size:n,space:0,padding:4}}[e]:{3:{size:n,space:8,padding:8},4:{size:n,space:2,padding:6},5:{size:n,space:2,padding:3},6:{size:n,space:2,padding:2},7:{size:n,space:1,padding:2},8:{size:n,space:1,padding:2},9:{size:n,space:1,padding:0},10:{size:n,space:0,padding:0}}[e]})({scale:u[u.length-1].max,width:p}),g=f.size,h=Za({collectorId:o,disabled:a,publicSurveyUrl:s,contact_fields:t?.contact_fields||[],customDomain:i,initialPivotAnswer:"",surveyId:n?.id||""}).trim();return`\n    <table\n      class="email-embed-question"\n      style="\n        background-color:${n?.ui_theme?.question_background_color||"#FFFFFF"} !important;\n        max-width : ${128+11*g}px !important;\n        box-shadow: rgba(18, 52, 77, 0.1) 0px 2px 16px !important;\n        border-radius: 4px !important;\n        border-spacing: 16px !important;\n        margin: ${t?.align_center?"20px auto":"20px 0"} !important;\n      "\n    >\n      <tbody>\n        <tr>\n          <td\n            style="\n              color: ${n?.ui_theme?.question_text_color||Ea} !important;\n              padding: 16px 8px !important;\n              font-weight: 400 !important;\n              font-size: 16px !important;\n              text-align: ${t?.align_center?"center":"left"} !important;\n            "\n          >${r?.text?.trim()}</td>\n        </tr>\n        ${t?.display?.show_button?`\n                <tr>\n                  <td\n                    style="\n                      color: ${n?.ui_theme?.question_text_color||Ea} !important;\n                      padding: 16px 8px !important;\n                      font-weight: 400 !important;\n                      font-size: 16px !important;\n                      text-align: ${t?.align_center?"center":"left"} !important;\n                    "\n                  >\n                    <a\n                      href=${h}\n                      target="_blank"\n                      style="\n                        pointer-events: ${a?"none":"unset"} !important;\n                      "\n                    >\n                      <button\n                        style="\n                          cursor: pointer !important;\n                          box-shadow: 0 0 0 8px #F0F0F0 !important;\n                          color: #FFF !important;\n                          font-size: 14px !important;\n                          font-style: normal !important;\n                          font-weight: 600 !important;\n                          line-height: 20px !important;\n                          padding: 6px 12px !important;\n                          border-radius: 4px !important;\n                          border: 1px solid #C82124 !important;\n                          background: linear-gradient(180deg, #D72D30 2.56%, #C82124 95.75%) !important;\n                        "\n                      >\n                        ${t?.display?.text}\n                      </button>\n                    </a>\n                  </td>\n                </tr>\n            `:`\n            ${r?.type_info?.type_variant&&"RANGE"===r?.type_info?.question_type&&"all"!==c&&["NUMBER","EMOJI","STAR"].includes(r.type_info.type_variant)?Na({...e,dimentions:f}):""}\n            ${r?.type_info?.type_variant&&"RANGE"===r?.type_info?.question_type&&"all"===c&&["NUMBER","EMOJI","STAR"].includes(r.type_info.type_variant)?(({emailEmbedChannelInfo:e,collectorId:t,survey:n,dimentions:r,question:o,assetUrl:i,publicSurveyUrl:a,customDomain:s,disabled:c,width:l})=>{const u=r?.size??Ca,d=Sa(o?.type_info?.scale_properties?.button_style?.shape||"square"),m=o?.type_info?.scale_properties?.range||[],p=Number(m[m.length-1]?.max),f=L(o||{name:""}),g=o?.type_info?.type_variant;return`\n    <tr>\n      <td\n        style="\n          padding: 0 !important;\n          text-align: center !important;\n        "\n      >\n        ${f.map((r=>`\n              <a\n                style="\n                  text-decoration: unset !important;\n                  display: inline-block !important;\n                  min-width: 100px !important;\n                  width: ${(({scale:e,width:t})=>({3:t/(e+1.5),4:t/(e+1.25),5:t/(e+1),6:t/(e+.5),7:t/(e+0)}[e]))({scale:p,width:l})}px !important;\n                  vertical-align: top !important;\n                  padding: 0 4px !important;\n                  pointer-events: ${c?"none":"unset"} !important;\n                "\n                href="${Za({collectorId:t,disabled:c,publicSurveyUrl:a,contact_fields:e?.contact_fields||[],customDomain:s,initialPivotAnswer:`${r.position}`,surveyId:n?.id||""}).trim()}"\n                target="_blank"\n              >\n                <table\n                  style="\n                    border-spacing: 0 !important;\n                    margin: 0px auto 8px auto !important;\n                  "\n                >\n                  <tbody>\n                    <tr>\n                      <td\n                        style="\n                          padding: 0 !important;\n                          text-align: center !important;\n                        "\n                      >\n                      ${"NUMBER"===o?.type_info?.type_variant?`\n                          <div\n                            style="\n                              border-radius: ${d} !important;\n                              color: ${n?.ui_theme?.question_text_color||_a} !important;\n                              background-color: ${Ma({position:r.position,question:o||{name:""}})} !important;\n                              font-size: 16px !important;\n                              font-weight: 600 !important;\n                              width: ${u}px !important;\n                              display: block !important;\n                              margin: 0 auto !important;\n                              height: ${u}px !important;\n                              line-height: ${u}px !important;\n                            "\n                          >${r.value}</div>\n                            `:""}\n                      ${o?.type_info?.type_variant&&["EMOJI","STAR"].includes(o?.type_info?.type_variant)?`\n                            <img\n                              src="${Ta({position:r.position,assetUrl:i,max:f.length,type_variant:g})}"\n                              style="\n                                width: ${u}px !important;\n                                height: ${u}px !important;\n                                display: block !important;\n                                margin: 0 auto !important;\n                              "\n                              width="${u}px"\n                              height="${u}px"\n                            />`:""}\n                      </td>\n                    </tr>\n                    <tr>\n                      <td\n                        style="\n                          padding: 12px 0 0 0 !important;\n                          text-align: center !important;\n                          font-weight: 400 !important;\n                          color: ${_a} !important;\n                          font-size: 12px !important;\n                          word-break: break-word !important;\n                        "\n                      >${r.text}</td>\n                    </tr>\n                  </tbody>\n                </table>\n              </a>`)).join("")}\n      </td>\n    </tr>`})({...e,dimentions:f,width:p}):""}\n            ${"RANGE"===r?.type_info?.question_type&&"TEXT"===r.type_info.type_variant?(({emailEmbedChannelInfo:e,collectorId:t,publicSurveyUrl:n,survey:r,question:o,disabled:i,customDomain:a})=>{const s=Sa(o?.type_info?.scale_properties?.button_style?.shape||"square");return`\n    <tr>\n      <td\n        style="\n          padding: 0 !important;\n          text-align: center !important;\n        "\n      >\n        ${L(o||{name:""}).map((c=>`\n              <a\n                style="\n                  text-decoration: unset !important;\n                  display: inline-block !important;\n                  vertical-align: top !important;\n                  pointer-events: ${i?"none":"unset"} !important;\n                "\n                href="${Za({collectorId:t,disabled:i,publicSurveyUrl:n,contact_fields:e?.contact_fields||[],customDomain:a,initialPivotAnswer:`${c.position}`,surveyId:r?.id||""}).trim()}"\n                target="_blank"\n              >\n                <div\n                  style="\n                    border-radius: ${s} !important;\n                    color: ${r?.ui_theme?.question_text_color||_a} !important;\n                    background-color: ${Ma({position:c.position,question:o||{name:""}})} !important;\n                    height: 58px !important;\n                    width: 102px !important;\n                    margin: 4px !important;\n                    display: block !important;\n                    cursor: cursor !important;\n                  "\n                >\n                  <table\n                    style="\n                      border-spacing: 8px 4px !important;\n                      height: 100% !important;\n                      width: 100% !important;\n                    "\n                  >\n                    <tbody>\n                      <tr>\n                        <td\n                          style="\n                            padding: 0 !important;\n                            font-size: 14px !important;\n                            line-height: 16px !important;\n                            word-break: break-word !important;\n                          "\n                        >${c.text}</td>\n                      </tr>\n                    </tbody>\n                  </table>\n                </div>\n              </a>`)).join("")}\n      </td>\n    </tr>`})({...e,dimentions:f}):""}\n            ${"BOOLEAN"===r?.type_info?.question_type?(({emailEmbedChannelInfo:e,disabled:t,assetUrl:n,collectorId:r,survey:o,question:i,customDomain:a,publicSurveyUrl:s})=>{const c=i?.type_info?.type_variant,l=i?.type_info?.question_type,u=L(i||{name:""});let d=0;return u.forEach((e=>{e.text.length>d&&(d=e.text.length)})),`\n    <tr>\n      <td\n        style="\n          padding: 0 !important;\n          text-align: center !important;\n        "\n      >\n        ${u.map((i=>`\n              <a\n                style="\n                  text-decoration: unset !important;\n                  display: inline-block !important;\n                  vertical-align: top !important;\n                  height: 54px !important;\n                  width: ${7*d+96}px !important;\n                  min-width: 140px !important;\n                  margin: 6px !important;\n                  border-radius: 5px !important;\n                  background-color: #f2f2f2 !important;\n                  color: ${o?.ui_theme?.question_text_color||_a} !important;\n                  pointer-events: ${t?"none":"unset"} !important;\n                "\n                href="${Za({collectorId:r,publicSurveyUrl:s,disabled:t,contact_fields:e?.contact_fields||[],customDomain:a,initialPivotAnswer:`${i.position}`,surveyId:o?.id||""}).trim()}"\n                target="_blank"\n              >\n                <table\n                  style="\n                    border-spacing: 8px !important;\n                    margin: 0 auto !important;\n                    height: 100% !important;\n                  "\n                >\n                  <tbody>\n                    <tr>\n                      ${"TEXT"!==c?`\n                          <td\n                            style="\n                              padding: 0 !important;\n                            "\n                          >\n                            <img\n                              src="${Ta({position:i.position,assetUrl:n,max:u.length,question_type:l,type_variant:c})}"\n                              width="18px"\n                              style="\n                                vertical-align: middle !important;\n                              "\n                            />\n                          </td>`:""}\n                      <td\n                        style="\n                          padding: 0 !important;\n                        "\n                      >\n                        <span\n                           style="\n                             display: inline-block !important;\n                             vertical-align: baseline !important;\n                             font-size: 14px !important;\n                           font-weight: 500 !important;\n                           line-height: 16px !important;\n                           "\n                         >${i.text}</span>\n                      </td>\n                    </tr>\n                  </tbody>\n                </table>\n              </a>`)).join("")}\n      </td>\n    </tr>`})({...e,dimentions:f}):""}\n            ${"RANGE"===r?.type_info?.question_type&&"edges"===c?(({question:e,width:t})=>{const n=L(e||{name:""});return`\n      <tr>\n        <td\n          style="\n            text-align: center !important;\n            padding: 8px ${(({scale:e,width:t})=>t<320?8:{3:t/(2*e),4:t/(2*e),5:t/(3*e),6:t/(3*e),7:t/(4*e),8:t/(4*e),9:t/(5*e),10:t/(5*e)}[e])({scale:n.length,width:t})}px !important;\n            vertical-align: baseline !important;\n          "\n        >\n          <table\n            style="\n              border-spacing: 0px !important;\n              margin: 0 auto !important;\n              width: 100% !important;\n            "\n          >\n            <tbody>\n              <tr>\n                <td style="text-align: left !important;">\n                  <span \n                    style="\n                      font-weight: 500 !important;\n                      color: ${_a} !important;\n                      font-size: 12px !important;\n                    "\n                  >${n[0].value} - ${n[0].text}</span>\n                </td>\n                <td style="text-align: right !important;">\n                  <span\n                    style="\n                      font-weight: 500 !important;\n                      color: ${_a} !important;\n                      font-size: 12px !important;\n                    "\n                  >${n[n.length-1].value} - ${n[n.length-1].text}\n                  </span>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </td>\n      </tr>\n    `.trim()})({question:r,width:p}):""}\n          `}\n        ${l&&t?.show_footer?`\n          <tr>\n            <td\n              style="\n                color: ${n?.ui_theme?.question_text_color||Ea} !important;\n                padding: 16px 8px 4px 8px !important;\n                font-size: 12px !important;\n                border-top: 1px solid ${ka} !important;\n                text-align: center !important;\n              "\n            >${l}</td>\n          </tr>`:""}\n        ${t?.show_link?`\n          <tr>\n            <td\n              style="\n                color: ${n?.ui_theme?.question_text_color||Ea} !important;\n                padding: 16px 8px 4px 8px !important;\n                font-size: 12px !important;\n                border-top: 1px solid ${ka} !important;\n                text-align: center !important;\n              "\n            >\n              If you face any issues while responding to the survey, please copy and paste the following link into your web browser:&nbsp;\n              <a\n                style="\n                  text-decoration: unset !important;\n                  color: ${xa} !important;\n                  pointer-events: ${a?"none":"unset"} !important;\n                "\n                href=${a?"#":h}\n                target="_blank"\n              >\n                ${Za({collectorId:o,disabled:!1,publicSurveyUrl:s,contact_fields:t?.contact_fields||[],customDomain:i,initialPivotAnswer:"",surveyId:n?.id||""}).trim()}\n              </a>\n            </td>\n          </tr>`:""}\n      </tbody>\n       \n    </table>\n   `};
+ */const dc=(e,t)=>fc(e.x*t,e.y*t),mc=(e,t)=>fc(e.x+t.x,e.y+t.y),pc=(e,t,n)=>{const r=Math.cos(t),o=Math.sin(t),i=fc(e.x-n.x,e.y-n.y);return fc(n.x+r*i.x-o*i.y,n.y+o*i.x+r*i.y)},fc=(e=0,t=0)=>({x:e,y:t}),gc=(e,t,n=1,r)=>"string"==typeof e?parseFloat(e)*n:"number"==typeof e?e*(r?t[r]:Math.min(t.width,t.height)):void 0,hc=e=>null!=e,vc=(e,t)=>Object.keys(t).forEach((n=>e.setAttribute(n,t[n]))),yc=(e,t)=>{const n=document.createElementNS("http://www.w3.org/2000/svg",e);return t&&vc(n,t),n},bc={contain:"xMidYMid meet",cover:"xMidYMid slice"},wc={left:"start",center:"middle",right:"end"},xc=e=>t=>yc(e,{id:t.id}),Ec={image:e=>{const t=yc("image",{id:e.id,"stroke-linecap":"round","stroke-linejoin":"round",opacity:"0"});return t.onload=()=>{t.setAttribute("opacity",e.opacity||1)},t.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",e.src),t},rect:xc("rect"),ellipse:xc("ellipse"),text:xc("text"),path:xc("path"),line:e=>{const t=yc("g",{id:e.id,"stroke-linecap":"round","stroke-linejoin":"round"}),n=yc("line");t.appendChild(n);const r=yc("path");t.appendChild(r);const o=yc("path");return t.appendChild(o),t}},_c={rect:e=>vc(e,{...e.rect,...e.styles}),ellipse:e=>{const t=e.rect.x+.5*e.rect.width,n=e.rect.y+.5*e.rect.height,r=.5*e.rect.width,o=.5*e.rect.height;return vc(e,{cx:t,cy:n,rx:r,ry:o,...e.styles})},image:(e,t)=>{vc(e,{...e.rect,...e.styles,preserveAspectRatio:bc[t.fit]||"none"})},text:(e,t,n,r)=>{const o=gc(t.fontSize,n,r),i=t.fontFamily||"sans-serif",a=t.fontWeight||"normal",s=wc[t.textAlign]||"start";vc(e,{...e.rect,...e.styles,"stroke-width":0,"font-weight":a,"font-size":o,"font-family":i,"text-anchor":s}),e.text!==t.text&&(e.text=t.text,e.textContent=t.text.length?t.text:" ")},path:(e,t,n,r)=>{var o;vc(e,{...e.styles,fill:"none",d:(o=t.points.map((e=>({x:gc(e.x,n,r,"width"),y:gc(e.y,n,r,"height")}))),o.map(((e,t)=>`${0===t?"M":"L"} ${e.x} ${e.y}`)).join(" "))})},line:(e,t,n,r)=>{vc(e,{...e.rect,...e.styles,fill:"none"});const o=e.childNodes[0],i=e.childNodes[1],a=e.childNodes[2],s=e.rect,c={x:e.rect.x+e.rect.width,y:e.rect.y+e.rect.height};if(vc(o,{x1:s.x,y1:s.y,x2:c.x,y2:c.y}),!t.lineDecoration)return;i.style.display="none",a.style.display="none";const l=(e=>{const t=Math.sqrt(e.x*e.x+e.y*e.y);return 0===t?{x:0,y:0}:fc(e.x/t,e.y/t)})({x:c.x-s.x,y:c.y-s.y}),u=gc(.05,n,r);if(-1!==t.lineDecoration.indexOf("arrow-begin")){const e=dc(l,u),t=mc(s,e),n=pc(s,2,t),r=pc(s,-2,t);vc(i,{style:"display:block;",d:`M${n.x},${n.y} L${s.x},${s.y} L${r.x},${r.y}`})}if(-1!==t.lineDecoration.indexOf("arrow-end")){const e=dc(l,-u),t=mc(c,e),n=pc(c,2,t),r=pc(c,-2,t);vc(a,{style:"display:block;",d:`M${n.x},${n.y} L${c.x},${c.y} L${r.x},${r.y}`})}}},kc=(e,t,n,r,o)=>{"path"!==t&&(e.rect=((e,t,n=1)=>{let r=gc(e.x,t,n,"width")||gc(e.left,t,n,"width"),o=gc(e.y,t,n,"height")||gc(e.top,t,n,"height"),i=gc(e.width,t,n,"width"),a=gc(e.height,t,n,"height"),s=gc(e.right,t,n,"width"),c=gc(e.bottom,t,n,"height");return hc(o)||(o=hc(a)&&hc(c)?t.height-a-c:c),hc(r)||(r=hc(i)&&hc(s)?t.width-i-s:s),hc(i)||(i=hc(r)&&hc(s)?t.width-r-s:0),hc(a)||(a=hc(o)&&hc(c)?t.height-o-c:0),{x:r||0,y:o||0,width:i||0,height:a||0}})(n,r,o)),e.styles=((e,t,n)=>{const r=e.borderStyle||e.lineStyle||"solid",o=e.backgroundColor||e.fontColor||"transparent",i=e.borderColor||e.lineColor||"transparent",a=gc(e.borderWidth||e.lineWidth,t,n);return{"stroke-linecap":e.lineCap||"round","stroke-linejoin":e.lineJoin||"round","stroke-width":a||0,"stroke-dasharray":"string"==typeof r?"":r.map((e=>gc(e,t,n))).join(","),stroke:i,fill:o,opacity:e.opacity||1}})(n,r,o),_c[t](e,n,r,o)},Cc=["x","y","left","top","right","bottom","width","height"],Ac=e=>{const[t,n]=e,r=n.points?{}:Cc.reduce(((e,t)=>{var r;return e[t]="string"==typeof(r=n[t])&&/%/.test(r)?parseFloat(r)/100:r,e}),{});return[t,{zIndex:0,...n,...r}]},Sc=(e,t)=>e[1].zIndex>t[1].zIndex?1:e[1].zIndex<t[1].zIndex?-1:0,Mc=e=>e.utils.createView({name:"image-preview-markup",tag:"svg",ignoreRect:!0,mixins:{apis:["width","height","crop","markup","resize","dirty"]},write:({root:e,props:t})=>{if(!t.dirty)return;const{crop:n,resize:r,markup:o}=t,i=t.width,a=t.height;let s=n.width,c=n.height;if(r){const{size:e}=r;let t=e&&e.width,n=e&&e.height;const o=r.mode,i=r.upscale;t&&!n&&(n=t),n&&!t&&(t=n);const a=s<t&&c<n;if(!a||a&&i){let e=t/s,r=n/c;if("force"===o)s=t,c=n;else{let t;"cover"===o?t=Math.max(e,r):"contain"===o&&(t=Math.min(e,r)),s*=t,c*=t}}}const l={width:i,height:a};e.element.setAttribute("width",l.width),e.element.setAttribute("height",l.height);const u=Math.min(i/s,a/c);e.element.innerHTML="";const d=e.query("GET_IMAGE_PREVIEW_MARKUP_FILTER");o.filter(d).map(Ac).sort(Sc).forEach((t=>{const[n,r]=t,o=((e,t)=>Ec[e](t))(n,r);kc(o,n,r,l,u),e.element.appendChild(o)}))}}),Tc=(e,t)=>({x:e,y:t}),Zc=(e,t)=>Tc(e.x-t.x,e.y-t.y),Nc=(e,t)=>Math.sqrt(((e,t)=>((e,t)=>e.x*t.x+e.y*t.y)(Zc(e,t),Zc(e,t)))(e,t)),Ic=(e,t)=>{const n=e,r=t,o=1.5707963267948966-t,i=Math.sin(1.5707963267948966),a=Math.sin(r),s=Math.sin(o),c=Math.cos(o),l=n/i;return Tc(c*(l*a),c*(l*s))},Oc=(e,t,n,r)=>{const o=r.x>.5?1-r.x:r.x,i=r.y>.5?1-r.y:r.y,a=2*o*e.width,s=2*i*e.height,c=((e,t)=>{const n=e.width,r=e.height,o=Ic(n,t),i=Ic(r,t),a=Tc(e.x+Math.abs(o.x),e.y-Math.abs(o.y)),s=Tc(e.x+e.width+Math.abs(i.y),e.y+Math.abs(i.x)),c=Tc(e.x-Math.abs(i.y),e.y+e.height-Math.abs(i.x));return{width:Nc(a,s),height:Nc(a,c)}})(t,n);return Math.max(c.width/a,c.height/s)},qc=(e,t)=>{let n=e.width,r=n*t;r>e.height&&(r=e.height,n=r/t);return{x:.5*(e.width-n),y:.5*(e.height-r),width:n,height:r}},Rc=(e,t={})=>{let{zoom:n,rotation:r,center:o,aspectRatio:i}=t;i||(i=e.height/e.width);const a=((e,t,n=1)=>{const r=e.height/e.width;let o=t,i=1,a=r;a>o&&(a=o,i=a/r);const s=Math.max(1/i,o/a),c=e.width/(n*s*i);return{width:c,height:c*t}})(e,i,n),s={x:.5*a.width,y:.5*a.height},c={x:0,y:0,width:a.width,height:a.height,center:s},l=void 0===t.scaleToFit||t.scaleToFit,u=n*Oc(e,qc(c,i),r,l?o:{x:.5,y:.5});return{widthFloat:a.width/u,heightFloat:a.height/u,width:Math.round(a.width/u),height:Math.round(a.height/u)}},Dc={type:"spring",stiffness:.5,damping:.45,mass:10},Lc=e=>e.utils.createView({name:"image-clip",tag:"div",ignoreRect:!0,mixins:{apis:["crop","markup","resize","width","height","dirty","background"],styles:["width","height","opacity"],animations:{opacity:{type:"tween",duration:250}}},didWriteView:function({root:e,props:t}){t.background&&(e.element.style.backgroundColor=t.background)},create:({root:t,props:n})=>{t.ref.image=t.appendChildView(t.createChildView((e=>e.utils.createView({name:"image-canvas-wrapper",tag:"div",ignoreRect:!0,mixins:{apis:["crop","width","height"],styles:["originX","originY","translateX","translateY","scaleX","scaleY","rotateZ"],animations:{originX:Dc,originY:Dc,scaleX:Dc,scaleY:Dc,translateX:Dc,translateY:Dc,rotateZ:Dc}},create:({root:t,props:n})=>{n.width=n.image.width,n.height=n.image.height,t.ref.bitmap=t.appendChildView(t.createChildView((e=>e.utils.createView({name:"image-bitmap",ignoreRect:!0,mixins:{styles:["scaleX","scaleY"]},create:({root:e,props:t})=>{e.appendChild(t.image)}}))(e),{image:n.image}))},write:({root:e,props:t})=>{const{flip:n}=t.crop,{bitmap:r}=e.ref;r.scaleX=n.horizontal?-1:1,r.scaleY=n.vertical?-1:1}}))(e),Object.assign({},n))),t.ref.createMarkup=()=>{t.ref.markup||(t.ref.markup=t.appendChildView(t.createChildView(Mc(e),Object.assign({},n))))},t.ref.destroyMarkup=()=>{t.ref.markup&&(t.removeChildView(t.ref.markup),t.ref.markup=null)};const r=t.query("GET_IMAGE_PREVIEW_TRANSPARENCY_INDICATOR");null!==r&&(t.element.dataset.transparencyIndicator="grid"===r?r:"color")},write:({root:e,props:t,shouldOptimize:n})=>{const{crop:r,markup:o,resize:i,dirty:a,width:s,height:c}=t;e.ref.image.crop=r;const l={x:0,y:0,width:s,height:c,center:{x:.5*s,y:.5*c}},u={width:e.ref.image.width,height:e.ref.image.height},d={x:r.center.x*u.width,y:r.center.y*u.height},m={x:l.center.x-u.width*r.center.x,y:l.center.y-u.height*r.center.y},p=2*Math.PI+r.rotation%(2*Math.PI),f=r.aspectRatio||u.height/u.width,g=void 0===r.scaleToFit||r.scaleToFit,h=Oc(u,qc(l,f),p,g?r.center:{x:.5,y:.5}),v=r.zoom*h;o&&o.length?(e.ref.createMarkup(),e.ref.markup.width=s,e.ref.markup.height=c,e.ref.markup.resize=i,e.ref.markup.dirty=a,e.ref.markup.markup=o,e.ref.markup.crop=Rc(u,r)):e.ref.markup&&e.ref.destroyMarkup();const y=e.ref.image;if(n)return y.originX=null,y.originY=null,y.translateX=null,y.translateY=null,y.rotateZ=null,y.scaleX=null,void(y.scaleY=null);y.originX=d.x,y.originY=d.y,y.translateX=m.x,y.translateY=m.y,y.rotateZ=p,y.scaleX=v,y.scaleY=v}});let Bc=0;const zc=function(){self.onmessage=e=>{createImageBitmap(e.data.message.file).then((t=>{self.postMessage({id:e.data.id,message:t},[t])}))}},Pc=function(){self.onmessage=e=>{const t=e.data.message.imageData,n=e.data.message.colorMatrix,r=t.data,o=r.length,i=n[0],a=n[1],s=n[2],c=n[3],l=n[4],u=n[5],d=n[6],m=n[7],p=n[8],f=n[9],g=n[10],h=n[11],v=n[12],y=n[13],b=n[14],w=n[15],x=n[16],E=n[17],_=n[18],k=n[19];let C=0,A=0,S=0,M=0,T=0;for(;C<o;C+=4)A=r[C]/255,S=r[C+1]/255,M=r[C+2]/255,T=r[C+3]/255,r[C]=Math.max(0,Math.min(255*(A*i+S*a+M*s+T*c+l),255)),r[C+1]=Math.max(0,Math.min(255*(A*u+S*d+M*m+T*p+f),255)),r[C+2]=Math.max(0,Math.min(255*(A*g+S*h+M*v+T*y+b),255)),r[C+3]=Math.max(0,Math.min(255*(A*w+S*x+M*E+T*_+k),255));self.postMessage({id:e.data.id,message:t},[t.data.buffer])}},Fc={1:()=>[1,0,0,1,0,0],2:e=>[-1,0,0,1,e,0],3:(e,t)=>[-1,0,0,-1,e,t],4:(e,t)=>[1,0,0,-1,0,t],5:()=>[0,1,1,0,0,0],6:(e,t)=>[0,1,-1,0,t,0],7:(e,t)=>[0,-1,-1,0,t,e],8:e=>[0,-1,1,0,0,e]},jc=(e,t,n,r)=>{t=Math.round(t),n=Math.round(n);const o=document.createElement("canvas");o.width=t,o.height=n;const i=o.getContext("2d");return r>=5&&r<=8&&([t,n]=[n,t]),((e,t,n,r)=>{-1!==r&&e.transform.apply(e,Fc[r](t,n))})(i,t,n,r),i.drawImage(e,0,0,t,n),o},Vc=e=>/^image/.test(e.type)&&!/svg/.test(e.type),Uc=e=>{const t=Math.min(10/e.width,10/e.height),n=document.createElement("canvas"),r=n.getContext("2d"),o=n.width=Math.ceil(e.width*t),i=n.height=Math.ceil(e.height*t);r.drawImage(e,0,0,o,i);let a=null;try{a=r.getImageData(0,0,o,i).data}catch(e){return null}const s=a.length;let c=0,l=0,u=0,d=0;for(;d<s;d+=4)c+=a[d]*a[d],l+=a[d+1]*a[d+1],u+=a[d+2]*a[d+2];return c=Hc(c,s),l=Hc(l,s),u=Hc(u,s),{r:c,g:l,b:u}},Hc=(e,t)=>Math.floor(Math.sqrt(e/(t/4))),Gc=(e,t)=>{(t=t||document.createElement("canvas")).width=e.width,t.height=e.height;return t.getContext("2d").drawImage(e,0,0),t},$c=e=>{const t=e.utils.createView({name:"image-preview-overlay",tag:"div",ignoreRect:!0,create:({root:e,props:t})=>{let n='<svg width="500" height="200" viewBox="0 0 500 200" preserveAspectRatio="none">\n    <defs>\n        <radialGradient id="gradient-__UID__" cx=".5" cy="1.25" r="1.15">\n            <stop offset=\'50%\' stop-color=\'#000000\'/>\n            <stop offset=\'56%\' stop-color=\'#0a0a0a\'/>\n            <stop offset=\'63%\' stop-color=\'#262626\'/>\n            <stop offset=\'69%\' stop-color=\'#4f4f4f\'/>\n            <stop offset=\'75%\' stop-color=\'#808080\'/>\n            <stop offset=\'81%\' stop-color=\'#b1b1b1\'/>\n            <stop offset=\'88%\' stop-color=\'#dadada\'/>\n            <stop offset=\'94%\' stop-color=\'#f6f6f6\'/>\n            <stop offset=\'100%\' stop-color=\'#ffffff\'/>\n        </radialGradient>\n        <mask id="mask-__UID__">\n            <rect x="0" y="0" width="500" height="200" fill="url(#gradient-__UID__)"></rect>\n        </mask>\n    </defs>\n    <rect x="0" width="500" height="200" fill="currentColor" mask="url(#mask-__UID__)"></rect>\n</svg>';if(document.querySelector("base")){const e=new URL(window.location.href.replace(window.location.hash,"")).href;n=n.replace(/url\(\#/g,"url("+e+"#")}Bc++,e.element.classList.add(`filepond--image-preview-overlay-${t.status}`),e.element.innerHTML=n.replace(/__UID__/g,Bc)},mixins:{styles:["opacity"],animations:{opacity:{type:"spring",mass:25}}}});const n=(e=>e.utils.createView({name:"image-preview",tag:"div",ignoreRect:!0,mixins:{apis:["image","crop","markup","resize","dirty","background"],styles:["translateY","scaleX","scaleY","opacity"],animations:{scaleX:Dc,scaleY:Dc,translateY:Dc,opacity:{type:"tween",duration:400}}},create:({root:t,props:n})=>{t.ref.clip=t.appendChildView(t.createChildView(Lc(e),{id:n.id,image:n.image,crop:n.crop,markup:n.markup,resize:n.resize,dirty:n.dirty,background:n.background}))},write:({root:e,props:t,shouldOptimize:n})=>{const{clip:r}=e.ref,{image:o,crop:i,markup:a,resize:s,dirty:c}=t;if(r.crop=i,r.markup=a,r.resize=s,r.dirty=c,r.opacity=n?0:1,n||e.rect.element.hidden)return;const l=o.height/o.width;let u=i.aspectRatio||l;const d=e.rect.inner.width,m=e.rect.inner.height;let p=e.query("GET_IMAGE_PREVIEW_HEIGHT");const f=e.query("GET_IMAGE_PREVIEW_MIN_HEIGHT"),g=e.query("GET_IMAGE_PREVIEW_MAX_HEIGHT"),h=e.query("GET_PANEL_ASPECT_RATIO"),v=e.query("GET_ALLOW_MULTIPLE");h&&!v&&(p=d*h,u=h);let y=null!==p?p:Math.max(f,Math.min(d*u,g)),b=y/u;b>d&&(b=d,y=b*u),y>m&&(y=m,b=m/u),r.width=b,r.height=y}}))(e),{createWorker:r}=e.utils,o=(e,t,n)=>new Promise((o=>{e.ref.imageData||(e.ref.imageData=n.getContext("2d").getImageData(0,0,n.width,n.height));const i=(e=>{let t;try{t=new ImageData(e.width,e.height)}catch(n){t=document.createElement("canvas").getContext("2d").createImageData(e.width,e.height)}return t.data.set(new Uint8ClampedArray(e.data)),t})(e.ref.imageData);if(!t||20!==t.length)return n.getContext("2d").putImageData(i,0,0),o();const a=r(Pc);a.post({imageData:i,colorMatrix:t},(e=>{n.getContext("2d").putImageData(e,0,0),a.terminate(),o()}),[i.data.buffer])})),i=({root:e,props:t,image:r})=>{const o=t.id,i=e.query("GET_ITEM",{id:o});if(!i)return;const a=i.getMetadata("crop")||{center:{x:.5,y:.5},flip:{horizontal:!1,vertical:!1},zoom:1,rotation:0,aspectRatio:null},s=e.query("GET_IMAGE_TRANSFORM_CANVAS_BACKGROUND_COLOR");let c,l,u=!1;e.query("GET_IMAGE_PREVIEW_MARKUP_SHOW")&&(c=i.getMetadata("markup")||[],l=i.getMetadata("resize"),u=!0);const d=e.appendChildView(e.createChildView(n,{id:o,image:r,crop:a,resize:l,markup:c,dirty:u,background:s,opacity:0,scaleX:1.15,scaleY:1.15,translateY:15}),e.childViews.length);e.ref.images.push(d),d.opacity=1,d.scaleX=1,d.scaleY=1,d.translateY=0,setTimeout((()=>{e.dispatch("DID_IMAGE_PREVIEW_SHOW",{id:o})}),250)},a=({root:e})=>{e.ref.overlayShadow.opacity=1,e.ref.overlayError.opacity=0,e.ref.overlaySuccess.opacity=0},s=({root:e})=>{e.ref.overlayShadow.opacity=.25,e.ref.overlayError.opacity=1};return e.utils.createView({name:"image-preview-wrapper",create:({root:e})=>{e.ref.images=[],e.ref.imageData=null,e.ref.imageViewBin=[],e.ref.overlayShadow=e.appendChildView(e.createChildView(t,{opacity:0,status:"idle"})),e.ref.overlaySuccess=e.appendChildView(e.createChildView(t,{opacity:0,status:"success"})),e.ref.overlayError=e.appendChildView(e.createChildView(t,{opacity:0,status:"failure"}))},styles:["height"],apis:["height"],destroy:({root:e})=>{e.ref.images.forEach((e=>{e.image.width=1,e.image.height=1}))},didWriteView:({root:e})=>{e.ref.images.forEach((e=>{e.dirty=!1}))},write:e.utils.createRoute({DID_IMAGE_PREVIEW_DRAW:({root:e})=>{const t=e.ref.images[e.ref.images.length-1];t.translateY=0,t.scaleX=1,t.scaleY=1,t.opacity=1},DID_IMAGE_PREVIEW_CONTAINER_CREATE:({root:e,props:t})=>{const{id:n}=t,r=e.query("GET_ITEM",n);if(!r)return;((e,t)=>{let n=new Image;n.onload=()=>{const e=n.naturalWidth,r=n.naturalHeight;n=null,t(e,r)},n.src=e})(URL.createObjectURL(r.file),((t,r)=>{e.dispatch("DID_IMAGE_PREVIEW_CALCULATE_SIZE",{id:n,width:t,height:r})}))},DID_FINISH_CALCULATE_PREVIEWSIZE:({root:e,props:t})=>{const{id:n}=t,a=e.query("GET_ITEM",n);if(!a)return;const s=URL.createObjectURL(a.file),c=()=>{var e;(e=s,new Promise(((t,n)=>{const r=new Image;r.crossOrigin="Anonymous",r.onload=()=>{t(r)},r.onerror=e=>{n(e)},r.src=e}))).then(l)},l=n=>{URL.revokeObjectURL(s);const r=(a.getMetadata("exif")||{}).orientation||-1;let{width:c,height:l}=n;if(!c||!l)return;r>=5&&r<=8&&([c,l]=[l,c]);const u=Math.max(1,.75*window.devicePixelRatio),d=e.query("GET_IMAGE_PREVIEW_ZOOM_FACTOR")*u,m=l/c,p=e.rect.element.width,f=e.rect.element.height;let g=p,h=g*m;m>1?(g=Math.min(c,p*d),h=g*m):(h=Math.min(l,f*d),g=h/m);const v=jc(n,g,h,r),y=()=>{const r=e.query("GET_IMAGE_PREVIEW_CALCULATE_AVERAGE_IMAGE_COLOR")?Uc(data):null;a.setMetadata("color",r,!0),"close"in n&&n.close(),e.ref.overlayShadow.opacity=1,i({root:e,props:t,image:v})},b=a.getMetadata("filter");b?o(e,b,v).then(y):y()};if((e=>{const t=window.navigator.userAgent.match(/Firefox\/([0-9]+)\./);return!((t?parseInt(t[1]):null)<=58)&&"createImageBitmap"in window&&Vc(e)})(a.file)){const e=r(zc);e.post({file:a.file},(t=>{e.terminate(),t?l(t):c()}))}else c()},DID_UPDATE_ITEM_METADATA:({root:e,props:t,action:n})=>{if(!/crop|filter|markup|resize/.test(n.change.key))return;if(!e.ref.images.length)return;const r=e.query("GET_ITEM",{id:t.id});if(r)if(/filter/.test(n.change.key)){const t=e.ref.images[e.ref.images.length-1];o(e,n.change.value,t.image)}else if(/crop|markup|resize/.test(n.change.key)){const n=r.getMetadata("crop"),o=e.ref.images[e.ref.images.length-1];if(n&&n.aspectRatio&&o.crop&&o.crop.aspectRatio&&Math.abs(n.aspectRatio-o.crop.aspectRatio)>1e-5){const n=(({root:e})=>{const t=e.ref.images.shift();return t.opacity=0,t.translateY=-15,e.ref.imageViewBin.push(t),t})({root:e});i({root:e,props:t,image:Gc(n.image)})}else(({root:e,props:t})=>{const n=e.query("GET_ITEM",{id:t.id});if(!n)return;const r=e.ref.images[e.ref.images.length-1];r.crop=n.getMetadata("crop"),r.background=e.query("GET_IMAGE_TRANSFORM_CANVAS_BACKGROUND_COLOR"),e.query("GET_IMAGE_PREVIEW_MARKUP_SHOW")&&(r.dirty=!0,r.resize=n.getMetadata("resize"),r.markup=n.getMetadata("markup"))})({root:e,props:t})}},DID_THROW_ITEM_LOAD_ERROR:s,DID_THROW_ITEM_PROCESSING_ERROR:s,DID_THROW_ITEM_INVALID:s,DID_COMPLETE_ITEM_PROCESSING:({root:e})=>{e.ref.overlayShadow.opacity=.25,e.ref.overlaySuccess.opacity=1},DID_START_ITEM_PROCESSING:a,DID_REVERT_ITEM_PROCESSING:a},(({root:e})=>{const t=e.ref.imageViewBin.filter((e=>0===e.opacity));e.ref.imageViewBin=e.ref.imageViewBin.filter((e=>e.opacity>0)),t.forEach((t=>((e,t)=>{e.removeChildView(t),t.image.width=1,t.image.height=1,t._destroy()})(e,t))),t.length=0}))})},Wc=e=>{const{addFilter:t,utils:n}=e,{Type:r,createRoute:o,isFile:i}=n,a=$c(e);return t("CREATE_VIEW",(e=>{const{is:t,view:n,query:r}=e;if(!t("file")||!r("GET_ALLOW_IMAGE_PREVIEW"))return;const s=({root:e})=>{e.ref.shouldRescale=!0};n.registerWriter(o({DID_RESIZE_ROOT:s,DID_STOP_RESIZE:s,DID_LOAD_ITEM:({root:e,props:t})=>{const{id:o}=t,s=r("GET_ITEM",o);if(!s||!i(s.file)||s.archived)return;const c=s.file;if(!(e=>/^image/.test(e.type))(c))return;if(!r("GET_IMAGE_PREVIEW_FILTER_ITEM")(s))return;const l="createImageBitmap"in(window||{}),u=r("GET_IMAGE_PREVIEW_MAX_FILE_SIZE");if(!l&&u&&c.size>u)return;e.ref.imagePreview=n.appendChildView(n.createChildView(a,{id:o}));const d=e.query("GET_IMAGE_PREVIEW_HEIGHT");d&&e.dispatch("DID_UPDATE_PANEL_HEIGHT",{id:s.id,height:d});const m=!l&&c.size>r("GET_IMAGE_PREVIEW_MAX_INSTANT_PREVIEW_FILE_SIZE");e.dispatch("DID_IMAGE_PREVIEW_CONTAINER_CREATE",{id:o},m)},DID_IMAGE_PREVIEW_CALCULATE_SIZE:({root:e,action:t})=>{e.ref.imageWidth=t.width,e.ref.imageHeight=t.height,e.ref.shouldRescale=!0,e.ref.shouldDrawPreview=!0,e.dispatch("KICK")},DID_UPDATE_ITEM_METADATA:({root:e,action:t})=>{"crop"===t.change.key&&(e.ref.shouldRescale=!0)}},(({root:e,props:t})=>{e.ref.imagePreview&&(e.rect.element.hidden||(e.ref.shouldRescale&&(((e,t)=>{if(!e.ref.imagePreview)return;let{id:n}=t;const r=e.query("GET_ITEM",{id:n});if(!r)return;const o=e.query("GET_PANEL_ASPECT_RATIO"),i=e.query("GET_ITEM_PANEL_ASPECT_RATIO"),a=e.query("GET_IMAGE_PREVIEW_HEIGHT");if(o||i||a)return;let{imageWidth:s,imageHeight:c}=e.ref;if(!s||!c)return;const l=e.query("GET_IMAGE_PREVIEW_MIN_HEIGHT"),u=e.query("GET_IMAGE_PREVIEW_MAX_HEIGHT"),d=(r.getMetadata("exif")||{}).orientation||-1;if(d>=5&&d<=8&&([s,c]=[c,s]),!Vc(r.file)||e.query("GET_IMAGE_PREVIEW_UPSCALE")){const e=2048/s;s*=e,c*=e}const m=c/s,p=(r.getMetadata("crop")||{}).aspectRatio||m;let f=Math.max(l,Math.min(c,u));const g=e.rect.element.width,h=Math.min(g*p,f);e.dispatch("DID_UPDATE_PANEL_HEIGHT",{id:r.id,height:h})})(e,t),e.ref.shouldRescale=!1),e.ref.shouldDrawPreview&&(requestAnimationFrame((()=>{requestAnimationFrame((()=>{e.dispatch("DID_FINISH_CALCULATE_PREVIEWSIZE",{id:t.id})}))})),e.ref.shouldDrawPreview=!1)))})))})),{options:{allowImagePreview:[!0,r.BOOLEAN],imagePreviewFilterItem:[()=>!0,r.FUNCTION],imagePreviewHeight:[null,r.INT],imagePreviewMinHeight:[44,r.INT],imagePreviewMaxHeight:[256,r.INT],imagePreviewMaxFileSize:[null,r.INT],imagePreviewZoomFactor:[2,r.INT],imagePreviewUpscale:[!1,r.BOOLEAN],imagePreviewMaxInstantPreviewFileSize:[1e6,r.INT],imagePreviewTransparencyIndicator:[null,r.STRING],imagePreviewCalculateAverageImageColor:[!1,r.BOOLEAN],imagePreviewMarkupShow:[!0,r.BOOLEAN],imagePreviewMarkupFilter:[()=>!0,r.FUNCTION]}}};"undefined"!=typeof window&&void 0!==window.document&&document.dispatchEvent(new CustomEvent("FilePond:pluginloaded",{detail:Wc}));I("/*!\n * FilePondPluginImagePreview 4.6.11\n * Licensed under MIT, https://opensource.org/licenses/MIT/\n * Please visit https://pqina.nl/filepond/ for details.\n */\n\n/* eslint-disable */\n.filepond--image-preview-markup {\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n.filepond--image-preview-wrapper {\n  z-index: 2;\n}\n.filepond--image-preview-overlay {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  min-height: 5rem;\n  max-height: 7rem;\n  margin: 0;\n  opacity: 0;\n  z-index: 2;\n  pointer-events: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.filepond--image-preview-overlay svg {\n  width: 100%;\n  height: auto;\n  color: inherit;\n  max-height: inherit;\n}\n.filepond--image-preview-overlay-idle {\n  mix-blend-mode: multiply;\n  color: rgba(40, 40, 40, 0.85);\n}\n.filepond--image-preview-overlay-success {\n  mix-blend-mode: normal;\n  color: rgba(54, 151, 99, 1);\n}\n.filepond--image-preview-overlay-failure {\n  mix-blend-mode: normal;\n  color: rgba(196, 78, 71, 1);\n}\n/* disable for Safari as mix-blend-mode causes the overflow:hidden of the parent container to not work */\n@supports (-webkit-marquee-repetition: infinite) and\n  ((-o-object-fit: fill) or (object-fit: fill)) {\n  .filepond--image-preview-overlay-idle {\n    mix-blend-mode: normal;\n  }\n}\n.filepond--image-preview-wrapper {\n  /* no interaction */\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n\n  /* have preview fill up all available space */\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  height: 100%;\n  margin: 0;\n\n  /* radius is .05em less to prevent the panel background color from shining through */\n  border-radius: 0.45em;\n  overflow: hidden;\n\n  /* this seems to prevent Chrome from redrawing this layer constantly */\n  background: rgba(0, 0, 0, 0.01);\n}\n.filepond--image-preview {\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 1;\n  display: flex; /* this aligns the graphic vertically if the panel is higher than the image */\n  align-items: center;\n  height: 100%;\n  width: 100%;\n  pointer-events: none;\n  background: #222;\n\n  /* will be animated */\n  will-change: transform, opacity;\n}\n.filepond--image-clip {\n  position: relative;\n  overflow: hidden;\n  margin: 0 auto;\n\n  /* transparency indicator (currently only supports grid or basic color) */\n}\n.filepond--image-clip[data-transparency-indicator='grid'] img,\n.filepond--image-clip[data-transparency-indicator='grid'] canvas {\n  background-color: #fff;\n  background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0 H50 V50 H0'/%3E%3Cpath d='M50 50 H100 V100 H50'/%3E%3C/svg%3E\");\n  background-size: 1.25em 1.25em;\n}\n.filepond--image-bitmap,\n.filepond--image-vector {\n  position: absolute;\n  left: 0;\n  top: 0;\n  will-change: transform;\n}\n.filepond--root[data-style-panel-layout~='integrated']\n  .filepond--image-preview-wrapper {\n  border-radius: 0;\n}\n.filepond--root[data-style-panel-layout~='integrated']\n  .filepond--image-preview {\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.filepond--root[data-style-panel-layout~='circle']\n  .filepond--image-preview-wrapper {\n  border-radius: 99999rem;\n}\n.filepond--root[data-style-panel-layout~='circle']\n  .filepond--image-preview-overlay {\n  top: auto;\n  bottom: 0;\n  -webkit-transform: scaleY(-1);\n  transform: scaleY(-1);\n}\n.filepond--root[data-style-panel-layout~='circle']\n  .filepond--file\n  .filepond--file-action-button[data-align*='bottom']:not([data-align*='center']) {\n  margin-bottom: 0.325em;\n}\n.filepond--root[data-style-panel-layout~='circle']\n  .filepond--file\n  [data-align*='left'] {\n  left: calc(50% - 3em);\n}\n.filepond--root[data-style-panel-layout~='circle']\n  .filepond--file\n  [data-align*='right'] {\n  right: calc(50% - 3em);\n}\n.filepond--root[data-style-panel-layout~='circle']\n  .filepond--progress-indicator[data-align*='bottom'][data-align*='left'],\n.filepond--root[data-style-panel-layout~='circle']\n  .filepond--progress-indicator[data-align*='bottom'][data-align*='right'] {\n  margin-bottom: calc(0.325em + 0.1875em);\n}\n.filepond--root[data-style-panel-layout~='circle']\n  .filepond--progress-indicator[data-align*='bottom'][data-align*='center'] {\n  margin-top: 0;\n  margin-bottom: 0.1875em;\n  margin-left: 0.1875em;\n}\n"),u.registerPlugin(uc,Wc,Js,Qs);const Yc=t.forwardRef((({onClick:e,maxFileSize:r=16,visible:o=!0,supportedFileFormats:i},a)=>{const[s,c]=t.useState(!1);return n.createElement(n.Fragment,null,n.createElement("div",{ref:a,className:"file-upload-container",onClick:e,style:{visibility:o?"visible":"hidden"},onDragOver:e=>{e.preventDefault(),e.target.classList.add("push-backward")}}," ",n.createElement(T,{name:"file-upload-icon"}),n.createElement("p",null,n.createElement("strong",null," Drop your file here, or")," ",n.createElement("u",{className:"link"},"Browse")),n.createElement("p",{className:"max-size"},"Maximum file size : ",r,"MB"),n.createElement("p",{className:"support file-formats"},"Supported file formats: ",(i=i.join(", ")).trim()?n.createElement(n.Fragment,null,s?i:i.slice(0,20)," ",n.createElement("span",{onClick:()=>c(!s),style:{color:"blue",textDecoration:"underline",cursor:"pointer"}},s?"show less":"show more")):"No formats selected"),n.createElement("div",{className:"filepond--drip"})))})),Xc=({survey:e,question:r,onChangeHandler:o,onFileUpload:i,setErrors:a,errors:s})=>{const[c,l]=t.useState([]),[d,m]=t.useState([]),p=t.useRef(),f=r.type_info?.file_field?.max_file_size||10,g=t.useRef(null),h=t.useRef();return n.useEffect((()=>{(()=>{const e=r.type_info?.file_field?.allowed_file_types,t=Object.keys(A).map((t=>{if((e||[]).includes(t))return A[t].concat(",")})).join(" ").trim().slice(0,-1);m(t.split(", "))})()}),[]),n.createElement(n.Fragment,null,n.createElement(u.FilePond,{files:c,ref:h,onerror:e=>{console.log("file upload error",e),g.current=e,a({...s,fileUploadErrors:{[r.name]:e}})},required:!0,allowFileTypeValidation:!0,acceptedFileTypes:d,fileValidateTypeDetectType:(e,t)=>new Promise(((t,n)=>{const r=e.name.split(".");t(`.${r[r.length-1].toLowerCase()}`)})),imagePreviewHeight:220,allowFileSizeValidation:!0,maxFileSize:`${f}MB`,onupdatefiles:e=>{p.current?.classList.remove("push-backward"),e.length&&(l(e),setTimeout((()=>{(async()=>{if(console.log("uploading",g,s),h.current&&D(g.current)){const e=h.current.getFiles();if(e?.[0]?.file instanceof Blob){const t=new FormData;if(t.append("file",e?.[0]?.file,e?.[0]?.filename),i){const n=await i(t,r?.id||"");console.log("fileUrl",n),n.length?o([e?.[0]?.filename,n]):console.error("Error uploading file")}}}})()}),500))},onremovefile:()=>{l([]),a({...s,fileUploadErrors:{}}),g.current=null,o(null)},maxFiles:1,name:`${r.id}-files`}),n.createElement(Yc,{ref:p,onClick:e=>{const t=e.target;t.className&&!t.className.includes("format-type-toggler")&&h.current.browse()},visible:!c.length,maxFileSize:f,supportedFileFormats:d}))};I('.freemium-survey-components .input-container {\n  align-items: flex-start;\n  margin-bottom: 15px;\n}\n.freemium-survey-components .contact-form-input {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n}\n.freemium-survey-components .contact-form-input .contact-form-inp {\n  width: 45%;\n}\n.freemium-survey-components .contact-form-input .contact-form-dropdown {\n  width: 45%;\n}\n.freemium-survey-components .contact-form-input .contact-form-checkbox {\n  width: 45%;\n}\n.freemium-survey-components .contact-form-input .date-time-field {\n  width: 45%;\n}\n.freemium-survey-components .contact-form-inp .input-basic {\n  border: 1px solid #cfd7df;\n  box-shadow: none;\n}\n.freemium-survey-components .contact-form-inp .input-basic .input-basic:hover {\n  border-color: #cfd7df;\n}\n.freemium-survey-components .contact-form-inp .input-basic .input-basic[focus-within] {\n  border-color: #cfd7df;\n}\n.freemium-survey-components .contact-form-inp .input-basic .input-basic:focus-within {\n  border-color: #cfd7df;\n}\n.freemium-survey-components .contact-form-inp .textarea-container .input-label {\n  text-align: left;\n}\n.freemium-survey-components .contact-form-dropdown {\n  text-align: left;\n}\n.freemium-survey-components .contact-form-dropdown .dropdown-container {\n  width: 100%;\n  height: 60px;\n}\n.freemium-survey-components .contact-form-dropdown .dropdown-input-basic {\n  font-weight: 0;\n  font-size: 14px;\n}\n.freemium-survey-components .contact-form-dropdown .dropdown-trigger-container {\n  border: 1px solid #cfd7df;\n}\n.freemium-survey-components .contact-form-checkbox .checkbox-label {\n  border: 1px solid #cfd7df;\n  min-width: none;\n}\n.freemium-survey-components .date-time-wrapper {\n  width: 100%;\n}\n.freemium-survey-components .date-time-wrapper .date-time-input-container-form-field {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 10px;\n  align-items: center;\n  border-radius: 4px;\n  background: #fff;\n  width: 100%;\n  border: 1px solid #cfd7df;\n  cursor: pointer;\n  height: 35px;\n}\n.freemium-survey-components .date-time-field {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  margin-bottom: 15px;\n}\n.freemium-survey-components .date-time-field .date-time-label {\n  padding-bottom: 8px;\n  padding-left: 2px;\n  font-size: 0.75em;\n  font-weight: 400;\n}\n.freemium-survey-components .date-time-field .date-time-label.required::after {\n  content: "*";\n  position: relative;\n  top: 2px;\n  font-weight: 500;\n  font-size: 0.85em;\n  padding-left: 3px;\n  color: #d72d30;\n}\n.freemium-survey-components .checkbox-label {\n  margin: 10px 0px;\n  padding: 10px 10px;\n  font-size: 14px;\n  min-width: 40%;\n}\n\n.freemium-survey-components.mobile-preview .contact-form-inp {\n  flex-direction: column;\n}\n.freemium-survey-components.mobile-preview .input-container {\n  width: 100%;\n}\n\n@media (max-width: 550px) {\n  .freemium-survey-components .contact-form-inp {\n    flex-direction: column;\n  }\n  .freemium-survey-components .input-container {\n    width: 100%;\n  }\n}\n.widget-survey-components.compact-style .contact-form-inp {\n  flex-direction: column;\n}\n.widget-survey-components.compact-style .input-container {\n  width: 100%;\n}');const Kc=({question:e,autoFocusDelay:t,onChangeHandler:r,formValues:o,fieldErrors:i})=>{const a=e.type_info?.contact_form?.layout,s=e.type_info?.contact_form?.fields;return n.createElement(n.Fragment,null,n.createElement("div",{className:"HORIZONTAL"===a?"contact-form-input":""},s?.map(((a,s)=>{switch(a?.type){case"paragraph":return n.createElement("div",{className:"contact-form-inp"},n.createElement($n,{key:s,autoFocusDelay:t,label:a?.label||"",isRequired:!!a.required,value:a.id&&o[e.name]?.[a.id]||"",onChange:t=>{a.id&&r({...o[e.name],[a.id]:t.target.value||null})},isErrored:!(!a.id||!o?.[e.name]?.[a.id])&&!!i?.[a?.id||""],errorText:a.id&&o[e.name]?.[a.id]?i?.[a?.id]:""}));case"dropdown":return n.createElement("div",{className:"contact-form-dropdown"},n.createElement(Wn,{isRequired:a?.required||!1,itemToString:e=>e?.value||"",onChangeHandler:t=>{a.id&&r({...o[e.name],[a.id]:t})},saveOthersValue:()=>{},items:a?.choices,label:a?.label||""}));case"checkbox":const[c,l]=n.useState(!1);return n.createElement("div",{className:"contact-form-checkbox"},n.createElement(Kn,{checked:c,name:a?.label||"",isRequired:a?.required||!1,onChange:()=>{l(!c),a.id&&r({...o[e.name],[a.id]:!c})}},a?.label||""));case"date_time":return n.createElement("div",{className:"date-time-field"},n.createElement("span",{className:"date-time-label "+(a.required?"required":"")},a?.label||""),n.createElement(Hs,{allow_future_date:!1,date_time_format:"MMM dd,yyyy",is_24hrs_time_format:!1,question_format:"DATE",question:e,onValueChange:r,formValues:o,value:a?.id&&o[e?.name]?.[a?.id]||"",field:a,type:"CONTACT_FORM"}));default:return n.createElement("div",{className:"contact-form-inp"},n.createElement(Gn,{key:s,setFocus:0===s,autoFocusDelay:t,onKeyDown:e=>{"phone_number"===a?.type&&V(e),"number"===a?.type&&j(e)},label:a?.label||"",type:"number"===a?.type?"number":"text",isRequired:!!a.required,value:a.id&&o[e.name]?.[a.id]||"",onChange:t=>{a.id&&r({...o[e.name],[a.id]:t.target.value||null})},isErrored:!(!a.id||!o?.[e.name]?.[a.id])&&!!i?.[a?.id||""],errorText:a.id&&o[e.name]?.[a.id]?i?.[a?.id]:""}))}}))))},Qc=({survey:e,question:t,formValues:r,othersMeta:o,onChangeHandler:i,saveOthersValue:a,autoFocusDelay:s,isFinalQn:c,isWidget:l,isMobile:u,initialPivotAnswer:d,isInitialTransition:m,formQuestionErrors:p,contactFormErrors:f,activeIndexOfRenderedStatement:g=0,textboxQuestionErrors:h,fileUploadErrors:v,onFileUpload:y,widgetStyle:b="default",setErrors:w})=>{const x=t?.type_info?.footer_text?n.createElement("div",{className:"footer",role:"note",dangerouslySetInnerHTML:{__html:t?.type_info?.footer_text}}):n.createElement(n.Fragment,null);if((l||u)&&"MATRIX_RATING_SCALE"===t?.type_info?.question_type)return n.createElement(n.Fragment,null,n.createElement(Ws,{type_info:t?.type_info||{},onChangeHandler:e=>{i(e?.filter((e=>(e.rating_labels||[]).length>0)))},isMobile:u,value:r[t.name]||[],statementIndex:g,widgetStyle:b}),x);switch(t?.type_info?.question_type){case"MATRIX_RATING_SCALE":return n.createElement(n.Fragment,null,n.createElement($s,{type_info:t?.type_info||{},onChangeHandler:e=>{i(e?.filter((e=>(e.rating_labels||[]).length>0)))},value:r[t.name]||[]}),x);case"RANGE":return n.createElement(n.Fragment,null,n.createElement($,{question:t,onChangeHandler:i,isWidget:l,isMobile:u,widgetStyle:b,value:r[t.name],initialPivotAnswer:d,isInitialTransition:m}),m&&void 0!==d||x);case"CHECKBOX":case"MULTI_SELECT":return n.createElement(n.Fragment,null,n.createElement(Xn,{name:t.name,values:r[t.name],othersValue:o[t.name],options:t?.choices||[],onChangeHandler:i,saveOthersValue:a,isOthersOption:!!(t?.choices||[]).find((e=>e.meta?.is_others)),othersRequired:!!t?.type_info.meta?.othersRequired,autoFocusDelay:s}),x);case"RADIO":case"DROPDOWN":return n.createElement(n.Fragment,null,n.createElement(Qn,{autoFocusDelay:s,name:t.name,onChangeHandler:i,displayFormat:t?.type_info?.meta?.display_format||"LIST",saveOthersValue:a,options:t?.choices||[],value:r[t.name],othersValue:o[t.name],isOthersOption:!!(t?.choices||[]).find((e=>e.meta?.is_others)),othersRequired:!!t?.type_info.meta?.othersRequired,isFinalQn:c}),x);case"TEXT":return n.createElement(n.Fragment,null,n.createElement(Ys,{question:t,autoFocusDelay:s,formValues:r,onChangeHandler:i,textboxErrors:h||"",setFocus:!0}),x);case"NUMBER":return n.createElement(n.Fragment,null,n.createElement(Xs,{question:t,autoFocusDelay:s,formValues:r,onChangeHandler:i}),x);case"FORM_FIELD":return n.createElement(n.Fragment,null,n.createElement(Gs,{question:t,isRequired:!!t.required,autoFocusDelay:s,onChangeHandler:i,formValues:r,fieldErrors:p?.[t.name]||{}}),x);case"CONTACT_FORM":return n.createElement(n.Fragment,null,n.createElement(Kc,{question:t,autoFocusDelay:s,onChangeHandler:i,formValues:r,fieldErrors:f?.[t.name]||{}}),x);case"PARAGRAPH":return n.createElement(n.Fragment,null,n.createElement($n,{autoFocusDelay:s,label:"",isRequired:!!t.required,placeholder:t?.type_info?.meta?.placeholder??"",value:r[t.name]||"",onChange:e=>i(e.target.value)}),x);case"BOOLEAN":return n.createElement(n.Fragment,null,n.createElement(O,{type_info:t?.type_info,onSelect:i,value:r[t.name],initialPivotAnswer:d,isInitialTransition:m}),x);case"MESSAGE":return x;case"CONSENT":return n.createElement(n.Fragment,null,n.createElement(Ks,{question:t,onChange:i,value:r[t.name]}),x);case"SLIDER":const g=t?.type_info.meta?.slider;return n.createElement(n.Fragment,null,n.createElement(ya,{defaultValue:[r[t.name]??g?.opening_position],min:g?.min,max:g?.max,onValueChange:([e])=>i(e),isInput:g?.numerical_input_box,gridLines:g?.grid_lines,stopAtGrid:g?.stop_at_grid_lines,allowDecimals:g?.allow_decimal,decimalPoints:g?.decimal_points}),x);case"RANK_ORDER":return n.createElement(n.Fragment,null,n.createElement(Bi,{valueItems:r[t.name],items:t?.choices||[],onReorder:i}),x);case"DATE_TIME":return n.createElement(n.Fragment,null,n.createElement(Hs,{allow_future_date:t.type_info.meta?.allow_future_date||!1,date_time_format:t.type_info.meta?.format,is_24hrs_time_format:t.type_info.meta?.time_format||!1,time_zone:t.type_info.meta?.time_zone||!1,question_format:t.type_info.meta?.question_format||"DATE_TIME",onValueChange:i,value:r[t.name]||"",formValues:r}),x);case"FILE":return n.createElement(Xc,{errors:v,setErrors:w,onChangeHandler:i,question:t,survey:e,onFileUpload:y});default:return console.error(`Question type ${t?.type_info?.question_type} not found`),null}};var Jc=m((function(e,t){var n="__lodash_hash_undefined__",r=9007199254740991,o="[object Arguments]",i="[object Boolean]",a="[object Date]",s="[object Function]",c="[object GeneratorFunction]",l="[object Map]",u="[object Number]",m="[object Object]",p="[object Promise]",f="[object RegExp]",g="[object Set]",h="[object String]",v="[object Symbol]",y="[object WeakMap]",b="[object ArrayBuffer]",w="[object DataView]",x="[object Float32Array]",E="[object Float64Array]",_="[object Int8Array]",k="[object Int16Array]",C="[object Int32Array]",A="[object Uint8Array]",S="[object Uint8ClampedArray]",M="[object Uint16Array]",T="[object Uint32Array]",Z=/\w*$/,N=/^\[object .+?Constructor\]$/,I=/^(?:0|[1-9]\d*)$/,O={};O[o]=O["[object Array]"]=O[b]=O[w]=O[i]=O[a]=O[x]=O[E]=O[_]=O[k]=O[C]=O[l]=O[u]=O[m]=O[f]=O[g]=O[h]=O[v]=O[A]=O[S]=O[M]=O[T]=!0,O["[object Error]"]=O[s]=O[y]=!1;var q="object"==typeof d&&d&&d.Object===Object&&d,R="object"==typeof self&&self&&self.Object===Object&&self,D=q||R||Function("return this")(),L=t&&!t.nodeType&&t,B=L&&e&&!e.nodeType&&e,z=B&&B.exports===L;function P(e,t){return e.set(t[0],t[1]),e}function F(e,t){return e.add(t),e}function j(e,t,n,r){var o=-1,i=e?e.length:0;for(r&&i&&(n=e[++o]);++o<i;)n=t(n,e[o],o,e);return n}function V(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}function U(e){var t=-1,n=Array(e.size);return e.forEach((function(e,r){n[++t]=[r,e]})),n}function H(e,t){return function(n){return e(t(n))}}function G(e){var t=-1,n=Array(e.size);return e.forEach((function(e){n[++t]=e})),n}var $,W=Array.prototype,Y=Function.prototype,X=Object.prototype,K=D["__core-js_shared__"],Q=($=/[^.]+$/.exec(K&&K.keys&&K.keys.IE_PROTO||""))?"Symbol(src)_1."+$:"",J=Y.toString,ee=X.hasOwnProperty,te=X.toString,ne=RegExp("^"+J.call(ee).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),re=z?D.Buffer:void 0,oe=D.Symbol,ie=D.Uint8Array,ae=H(Object.getPrototypeOf,Object),se=Object.create,ce=X.propertyIsEnumerable,le=W.splice,ue=Object.getOwnPropertySymbols,de=re?re.isBuffer:void 0,me=H(Object.keys,Object),pe=Be(D,"DataView"),fe=Be(D,"Map"),ge=Be(D,"Promise"),he=Be(D,"Set"),ve=Be(D,"WeakMap"),ye=Be(Object,"create"),be=Ve(pe),we=Ve(fe),xe=Ve(ge),Ee=Ve(he),_e=Ve(ve),ke=oe?oe.prototype:void 0,Ce=ke?ke.valueOf:void 0;function Ae(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function Se(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function Me(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function Te(e){this.__data__=new Se(e)}function Ze(e,t){var n=He(e)||function(e){return function(e){return function(e){return!!e&&"object"==typeof e}(e)&&Ge(e)}(e)&&ee.call(e,"callee")&&(!ce.call(e,"callee")||te.call(e)==o)}(e)?function(e,t){for(var n=-1,r=Array(e);++n<e;)r[n]=t(n);return r}(e.length,String):[],r=n.length,i=!!r;for(var a in e)!t&&!ee.call(e,a)||i&&("length"==a||Fe(a,r))||n.push(a);return n}function Ne(e,t,n){var r=e[t];ee.call(e,t)&&Ue(r,n)&&(void 0!==n||t in e)||(e[t]=n)}function Ie(e,t){for(var n=e.length;n--;)if(Ue(e[n][0],t))return n;return-1}function Oe(e,t,n,r,d,p,y){var N;if(r&&(N=p?r(e,d,p,y):r(e)),void 0!==N)return N;if(!Ye(e))return e;var I=He(e);if(I){if(N=function(e){var t=e.length,n=e.constructor(t);t&&"string"==typeof e[0]&&ee.call(e,"index")&&(n.index=e.index,n.input=e.input);return n}(e),!t)return function(e,t){var n=-1,r=e.length;t||(t=Array(r));for(;++n<r;)t[n]=e[n];return t}(e,N)}else{var q=Pe(e),R=q==s||q==c;if($e(e))return function(e,t){if(t)return e.slice();var n=new e.constructor(e.length);return e.copy(n),n}(e,t);if(q==m||q==o||R&&!p){if(V(e))return p?e:{};if(N=function(e){return"function"!=typeof e.constructor||je(e)?{}:(t=ae(e),Ye(t)?se(t):{});var t}(R?{}:e),!t)return function(e,t){return De(e,ze(e),t)}(e,function(e,t){return e&&De(t,Xe(t),e)}(N,e))}else{if(!O[q])return p?e:{};N=function(e,t,n,r){var o=e.constructor;switch(t){case b:return Re(e);case i:case a:return new o(+e);case w:return function(e,t){var n=t?Re(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.byteLength)}(e,r);case x:case E:case _:case k:case C:case A:case S:case M:case T:return function(e,t){var n=t?Re(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.length)}(e,r);case l:return function(e,t,n){var r=t?n(U(e),!0):U(e);return j(r,P,new e.constructor)}(e,r,n);case u:case h:return new o(e);case f:return function(e){var t=new e.constructor(e.source,Z.exec(e));return t.lastIndex=e.lastIndex,t}(e);case g:return function(e,t,n){var r=t?n(G(e),!0):G(e);return j(r,F,new e.constructor)}(e,r,n);case v:return s=e,Ce?Object(Ce.call(s)):{}}var s}(e,q,Oe,t)}}y||(y=new Te);var D=y.get(e);if(D)return D;if(y.set(e,N),!I)var L=n?function(e){return function(e,t,n){var r=t(e);return He(e)?r:function(e,t){for(var n=-1,r=t.length,o=e.length;++n<r;)e[o+n]=t[n];return e}(r,n(e))}(e,Xe,ze)}(e):Xe(e);return function(e,t){for(var n=-1,r=e?e.length:0;++n<r&&!1!==t(e[n],n,e););}(L||e,(function(o,i){L&&(o=e[i=o]),Ne(N,i,Oe(o,t,n,r,i,e,y))})),N}function qe(e){return!(!Ye(e)||(t=e,Q&&Q in t))&&(We(e)||V(e)?ne:N).test(Ve(e));var t}function Re(e){var t=new e.constructor(e.byteLength);return new ie(t).set(new ie(e)),t}function De(e,t,n,r){n||(n={});for(var o=-1,i=t.length;++o<i;){var a=t[o],s=r?r(n[a],e[a],a,n,e):void 0;Ne(n,a,void 0===s?e[a]:s)}return n}function Le(e,t){var n,r,o=e.__data__;return("string"==(r=typeof(n=t))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==n:null===n)?o["string"==typeof t?"string":"hash"]:o.map}function Be(e,t){var n=function(e,t){return null==e?void 0:e[t]}(e,t);return qe(n)?n:void 0}Ae.prototype.clear=function(){this.__data__=ye?ye(null):{}},Ae.prototype.delete=function(e){return this.has(e)&&delete this.__data__[e]},Ae.prototype.get=function(e){var t=this.__data__;if(ye){var r=t[e];return r===n?void 0:r}return ee.call(t,e)?t[e]:void 0},Ae.prototype.has=function(e){var t=this.__data__;return ye?void 0!==t[e]:ee.call(t,e)},Ae.prototype.set=function(e,t){return this.__data__[e]=ye&&void 0===t?n:t,this},Se.prototype.clear=function(){this.__data__=[]},Se.prototype.delete=function(e){var t=this.__data__,n=Ie(t,e);return!(n<0)&&(n==t.length-1?t.pop():le.call(t,n,1),!0)},Se.prototype.get=function(e){var t=this.__data__,n=Ie(t,e);return n<0?void 0:t[n][1]},Se.prototype.has=function(e){return Ie(this.__data__,e)>-1},Se.prototype.set=function(e,t){var n=this.__data__,r=Ie(n,e);return r<0?n.push([e,t]):n[r][1]=t,this},Me.prototype.clear=function(){this.__data__={hash:new Ae,map:new(fe||Se),string:new Ae}},Me.prototype.delete=function(e){return Le(this,e).delete(e)},Me.prototype.get=function(e){return Le(this,e).get(e)},Me.prototype.has=function(e){return Le(this,e).has(e)},Me.prototype.set=function(e,t){return Le(this,e).set(e,t),this},Te.prototype.clear=function(){this.__data__=new Se},Te.prototype.delete=function(e){return this.__data__.delete(e)},Te.prototype.get=function(e){return this.__data__.get(e)},Te.prototype.has=function(e){return this.__data__.has(e)},Te.prototype.set=function(e,t){var n=this.__data__;if(n instanceof Se){var r=n.__data__;if(!fe||r.length<199)return r.push([e,t]),this;n=this.__data__=new Me(r)}return n.set(e,t),this};var ze=ue?H(ue,Object):function(){return[]},Pe=function(e){return te.call(e)};function Fe(e,t){return!!(t=null==t?r:t)&&("number"==typeof e||I.test(e))&&e>-1&&e%1==0&&e<t}function je(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||X)}function Ve(e){if(null!=e){try{return J.call(e)}catch(e){}try{return e+""}catch(e){}}return""}function Ue(e,t){return e===t||e!=e&&t!=t}(pe&&Pe(new pe(new ArrayBuffer(1)))!=w||fe&&Pe(new fe)!=l||ge&&Pe(ge.resolve())!=p||he&&Pe(new he)!=g||ve&&Pe(new ve)!=y)&&(Pe=function(e){var t=te.call(e),n=t==m?e.constructor:void 0,r=n?Ve(n):void 0;if(r)switch(r){case be:return w;case we:return l;case xe:return p;case Ee:return g;case _e:return y}return t});var He=Array.isArray;function Ge(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=r}(e.length)&&!We(e)}var $e=de||function(){return!1};function We(e){var t=Ye(e)?te.call(e):"";return t==s||t==c}function Ye(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function Xe(e){return Ge(e)?Ze(e):function(e){if(!je(e))return me(e);var t=[];for(var n in Object(e))ee.call(e,n)&&"constructor"!=n&&t.push(n);return t}(e)}e.exports=function(e){return Oe(e,!0,!0)}}));const el=(e,r)=>{const o=n.useMemo((()=>(e=>({...e,blocks:e?.blocks?.map((e=>({...e,display_logic:e.display_logic&&0!==e.display_logic.length?e.display_logic:[{order:1,display_type:"SHOW",logic_type:"BASED_ON_RATING_GROUP"}]}))),question_details:{...e.question_details,questions:e?.question_details?.questions?.map((e=>({...e,type_info:{...e.type_info||{},matrix_properties:{...e.type_info?.matrix_properties||{},statements:e?.type_info?.matrix_properties?.statements?.filter((e=>e.is_active)),rating_labels:e?.type_info?.matrix_properties?.rating_labels?.filter((e=>e.is_active))}},choices:e?.choices?.map(((e,t)=>e.meta?.is_deleted||"Others"!==e.value||!R(e.meta)&&!R(e.meta?.is_others)?{...e,id:e.id??String(t)}:{...e,meta:{is_others:!0,show_comment_box:!0},id:e.id??String(t)}))})))}}))(e)),[e]),{filteredSurvey:i,filteredAnswers:a}=t.useMemo((()=>{const e=Jc(o),t=(e.question_details?.questions||[]).filter((e=>!e.type_info?.meta?.is_deleted)),{others_meta:n,...i}=r||{others_meta:{}},a=t.reduce(((e,t)=>null!==i[t.name]&&void 0!==i[t.name]?{...e,[t.name]:i[t.name]}:e),{}),s=(o?.blocks||[]).map((e=>({...e,question_names:e.question_name?[e.question_name]:e.category?.map((e=>e.question_name))})));return{filteredSurvey:{...e,question_details:{questions:t},blocks:s},filteredAnswers:{...a,others_meta:n}}}),[o,r]);return{survey:i,answers:a}},tl=({questions:e})=>e.find((e=>e.type_info?.pivot_question))??e.find((e=>"RANGE"===e.type_info?.question_type))??e[0],nl=(e,t)=>{const n=e.type_info?.scale_properties?.range;return Math.min(n?.[n?.length-1].max??10,Math.max(n?.[0].min??0,t))},rl=({blocks:e,activeIndexOfBlocks:t,renderedBlocks:n,activeIndexOfRenderedBlocks:r,questions:o})=>{const{question:{dependent_blocks:i}}=n[r],a=i?.some((({choice_id:e})=>!!e))??!1;return(t===e.length-1||1===i?.length&&!a&&("TY"===i?.[0].next_block||al({blocks:e,questions:o,nextBlockName:i?.[0].next_block||""})))&&r===n.length-1},ol=({pivotQn:e,pivotQnAnswer:t,block:n,questions:r})=>{if(n?.category?.length){const o=e?.type_info?.scale_properties?.range?.find((e=>(e.min??0)<=t&&t<=(e.max??10))),i=n?.category.find((e=>e.id===o?.id)),a=i?.question_name;return r.find((e=>e.name===a))}return r.find((e=>e.name===n?.question_name))},il=({activeBlock:e,answers:t,blocks:n,activeIndexOfBlocks:r,questions:o,fromTY:i=!1})=>{const a=e.question.dependent_blocks||[],s=t.formValues[e.question.name];let c;if(c="RANGE"===e.question.type_info?.question_type?e.question.type_info?.pivot_question&&2===a.length?a.find((e=>e.values?.includes(String(s))||e.values?.includes(String(Boolean(s)))))?.next_block:a.find((e=>(s??-1)>=(e?.values?.[0]??0)&&(s??-1)<=(e?.values?.[1]??10)))?.next_block:1===a.length?a[0].next_block:a.find((e=>e.values?.includes(String(s))||e.choice_id?.includes(String(s))))?.next_block,c){if(("TY"===c||al({nextBlockName:c,blocks:n,questions:o}))&&!i)return 1/0;const e=n.find((e=>e.name===c));if((e?.category||[]).length>0){const r=tl({questions:o});if(!!R(t?.formValues?.[r.name])){const t=o.find((t=>t.name===e?.category?.[0]?.question_name))?.dependent_blocks?.[0].next_block;return n.findIndex((e=>e.name===t))}}return n.findIndex((e=>e.name===c))}return r+1},al=({nextBlockName:e,blocks:t,questions:n})=>{const r=t.find((t=>t.name===e))?.question_name;return"THANK_YOU"===n.find((e=>e.name===r))?.type_info?.question_type},sl=({activeBlock:e,blocks:t,answers:n,questions:r,renderedBlocks:o,contactData:i,activeIndexOfBlocks:a})=>{let s=il({activeBlock:e,answers:n,blocks:t,activeIndexOfBlocks:a,questions:r,fromTY:!0}),c=cl({nextBlockIndex:s,blocks:t,answers:n,questions:r,contactData:i});for(;!c&&s!==t.length-1;)s+=1,c=cl({nextBlockIndex:s,blocks:t,answers:n,questions:r,contactData:i});return t[s]},cl=({nextBlockIndex:e,blocks:t,answers:n,questions:r,contactData:o})=>{const i=[],a=t[e]?.display_logic??[];return a.length?a.forEach((e=>{const{sub_type:t,logic_type:a,based_on_contact_field_name:s,matrix_rating_scale_statement_id:c,rank_order_choice_id:l}=e,u=e.based_on_question_name??"",d=r.find((e=>e.name===u));let m=e.expected_value??[],p=e.operator,f=n.formValues[u];if("RATING_GROUP"===t){const e=r.find((e=>e.name===u))?.type_info?.scale_properties?.range?.find((e=>(e.min??0)<=Number(f??-1)&&Number(f??-1)<=(e.max??10)));f=e?.label}if(c){const e=(f||[]).find((e=>e.statement_id===c))?.rating_labels||[];f=e.map((e=>e.id))}if("BASED_ON_CONTACT_FIELD"===a&&(f=o?o[s||""]:""),l&&Array.isArray(f)&&(f=[...f].findIndex((e=>e===l))+1),"DATE_TIME"===d?.type_info?.question_type&&("IS"===p||"IS_NOT"===p)){const{newOperator:e,newExpectedValue:t,newAnswer:n}=(({expValue:e,answer:t})=>{const n=new Date;let r={newOperator:null,newExpectedValue:[],newAnswer:t};const o=new Date(t);switch(e){case"Last 7 days":r={...r,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()-7)).toString(),(new Date).toString()]};break;case"Last 30 days":r={...r,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()-30)).toString(),(new Date).toString()]};break;case"Next 7 days":r={...r,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()+7)).toString(),(new Date).toString()]};break;case"Next 30 days":r={...r,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()+30)).toString(),(new Date).toString()]};break;case"Today":r={...r,newExpectedValue:[new Date],newAnswer:new Date(t)};break;case"Yesterday":r={...r,newExpectedValue:[new Date(n.setDate(n.getDate()-1)).toString()],newAnswer:o}}return r})({expValue:m[0],answer:f});m=t,p=e||p,f=n}let g=!0;switch(p){case"IS":g=m[0]==f;break;case"IS_NOT":g=m[0]!=f;break;case"EMPTY":g=D(f);break;case"NOT_EMPTY":g=!D(f);break;case"LESSER_THAN":g=Number(f)<Number(m[0]??-1);break;case"GREATER_THAN":g=Number(f)>Number(m[0]??-1);break;case"LESSER_THAN_OR_EQUALS":g=Number(f)<=Number(m[0]??-1);break;case"GREATER_THAN_OR_EQUALS":g=Number(f)>=Number(m[0]??-1);break;case"INCLUDES":g=Array.isArray(f)?f.some((e=>m.includes(e))):!!f&&m.includes(String(f));break;case"NOT_INCLUDES":Array.isArray(f)?g=f.some((e=>!m.includes(e))):f&&(g=!m.includes(String(f)));break;case"CONTAINS":g=String(f).includes(String(m[0]));break;case"NOT_CONTAINS":g=!String(f).includes(String(m[0]));break;case"BETWEEN":let e=m[0],t=m[1];"string"==typeof f?(e=new Date(e),t=new Date(t),f=new Date(f),e>t&&(e=new Date(m[1]),t=new Date(m[0]))):(e=Number(e),t=Number(t),f=Number(f),e>t&&(e=Number(m[1]),t=Number(m[0]))),g=f>e&&f<t;break;case"STARTS_WITH":g=String(f)?.startsWith(m[0]);break;case"ENDS_WITH":g=String(f)?.endsWith(m[0]);break;case"AFTER":g=new Date(String(f))>new Date(m[0]);break;case"BEFORE":g=new Date(String(f))<new Date(m[0])}"HIDE"===e.display_type&&(g=!g),i.push(g)})):i.push(!0),i.every((e=>e))},ll=({renderedBlocks:e,activeBlock:t,blocks:n,activeIndexOfBlocks:r,answers:o,questions:i,contactData:a})=>{const s=ul({activeBlock:t,blocks:n,activeIndexOfBlocks:r,answers:o,questions:i}),c=cl({nextBlockIndex:s,blocks:n,answers:o,questions:i,contactData:a});if(s>=n.length)return 1/0;if(c)return s;{const t=ol({pivotQn:tl({questions:i}),pivotQnAnswer:o.formValues[n[0].question_name??""],block:n[s],questions:i});return ll({activeBlock:{...n[s],question:t},blocks:n,activeIndexOfBlocks:s,answers:o,renderedBlocks:e,questions:i})}},ul=({activeBlock:e,blocks:t,activeIndexOfBlocks:n,answers:r,questions:o})=>{if((({activeBlock:e,answers:t})=>{const n=t.formValues[e.question.name];return D(n)})({activeBlock:e,answers:r}))return n+1;if(1===e.question.dependent_blocks?.length){const n=e.question.dependent_blocks?.[0];return"TY"===n?.next_block||al({blocks:t,questions:o,nextBlockName:n?.next_block||""})?1/0:t.findIndex((e=>e.name===n?.next_block))}return(e.question.dependent_blocks?.length??0)>1?il({activeBlock:e,answers:r,blocks:t,activeIndexOfBlocks:n,questions:o}):n+1},dl=({question:e,answers:t})=>!D(t.formValues[e.name])&&e?.type_info?.question_type&&f.includes(e?.type_info?.question_type)&&!("DROPDOWN"===e.type_info?.question_type&&t.formValues[e.name]===v)||t.commitDirtyValue,ml=({blocks:e,activeIndexOfBlocks:t,renderedBlocks:n,activeIndexOfRenderedBlocks:r,answers:o,questions:i})=>{const{question:a}=n[r];if(a){const s=rl({blocks:e,activeIndexOfBlocks:t,renderedBlocks:n,activeIndexOfRenderedBlocks:r,questions:i}),c=dl({question:a,answers:o});return!s&&c||a?.type_info?.question_type&&["MESSAGE"].includes(a?.type_info?.question_type)||"CONSENT"===a?.type_info?.question_type&&"BUTTON"===a?.type_info?.meta?.display_format||"CONSENT"===a?.type_info?.question_type&&"CHECKBOX"===a?.type_info?.meta?.display_format&&s&&c}return!1},pl=(e,{answers:t,blocks:n,activeIndexOfBlocks:r,renderedBlocks:o,initialStatementHasAnswer:i,activeIndexOfRenderedBlocks:a,activeIndexOfRenderedStatement:s=0,surveyStyle:c,isMobile:l,isWidget:u,blockIndex:d,questions:m})=>{const p=rl({blocks:n,activeIndexOfBlocks:r,renderedBlocks:o,activeIndexOfRenderedBlocks:a,questions:m}),y=o[a],b=y.question,w=b?.type_info?.matrix_properties?.statements||[];switch(e){case"next-statement":return"MATRIX_RATING_SCALE"===b.type_info?.question_type&&(!(!u&&!l)&&(s<w.length-1&&("MULTIPLE_ANSWERS"===b?.type_info?.matrix_properties?.type||i)));case"next":return"CONSENT"===b.type_info?.question_type?"CHECKBOX"===b.type_info?.meta?.display_format&&!p:"MATRIX_RATING_SCALE"===b.type_info?.question_type?!p&&d===a&&(!u&&!l||s===(b.type_info.matrix_properties?.statements||[]).length-1):(b.type_info?.question_type&&!f.includes(b.type_info?.question_type)||"DROPDOWN"===b.type_info?.question_type&&(t.formValues[b.name]===v||"standard"===c&&0===a))&&!p&&d===a;case"skip":return"FORM_FIELD"===b.type_info?.question_type||"CONTACT_FORM"===b.type_info?.question_type?!p&&d===a&&(()=>{const e=b.type_info?.question_type;let t=!0;return("FORM_FIELD"===e?b?.type_info?.form_fields?.fields:b?.type_info?.contact_form?.fields)?.map((e=>{e?.required&&(t=!1)})),t})():"MATRIX_RATING_SCALE"===b.type_info?.question_type?!(y.required||l||u||p):!y.required&&!p&&d===a&&b?.type_info?.question_type&&!h.includes(b?.type_info?.question_type)||!y.required&&!p&&"CONSENT"===b?.type_info?.question_type;case"skip-statement":return!(y.required||p&&!(s<w.length-1)||"MATRIX_RATING_SCALE"!==b.type_info?.question_type||!l&&!u);case"submit":return"CONSENT"===b?.type_info?.question_type?p&&"CHECKBOX"===b?.type_info?.meta?.display_format:"MATRIX_RATING_SCALE"===b?.type_info?.question_type?p&&(!u&&!l||s===(b?.type_info?.matrix_properties?.statements||[]).length-1):p&&b?.type_info?.question_type&&!g.includes(b?.type_info?.question_type);case"navigation":return(u||"card"===c)&&!(0===a&&1===o.length);case"clear-selection":return null!=d&&d!==a&&"DROPDOWN"===o[d].question.type_info?.question_type&&t.formValues[o[d].question.name];case"message":return b?.type_info?.scale_properties?.labels&&"MESSAGE"===b?.type_info?.question_type;case"consent":return b?.type_info?.scale_properties?.labels&&"CONSENT"===b?.type_info?.question_type}},fl=(e,t)=>{const n=e.question.choices?.find((e=>e.meta?.is_others))?.id||"";return("MULTI_SELECT"===e.question.type_info?.question_type&&t.formValues[e.question.name]?.includes(n)||"DROPDOWN"===e.question.type_info?.question_type&&t.formValues[e.question.name]===n)&&D(t.others[e.question.name])},gl=(e,{answers:t,blocks:n,activeIndexOfBlocks:r,renderedBlocks:o,activeIndexOfRenderedBlocks:i,isSubmitting:a,activeIndexOfRenderedStatement:s,isWidget:c,isMobile:l})=>{const u=o[i];switch(e){case"next-statement":const e=(u?.question?.type_info?.matrix_properties?.statements||[])[s];return!(t.formValues[u?.question.name]||[]).find((t=>t.statement_id===e?.id))?.rating_labels?.length;case"next":if("MATRIX_RATING_SCALE"===u.question.type_info?.question_type){const e=u?.question?.type_info?.matrix_properties?.statements||[],n=t.formValues[u?.question.name]||[];if(c||l){const t=e[s];return!n.find((e=>e.statement_id===t?.id))?.rating_labels?.length}{const t={};return n.forEach((e=>{e.statement_id&&e.rating_labels?.length&&(t[e.statement_id]=!0)})),u.required?!e.every((e=>e.id&&!!t[e.id])):!e.some((e=>e.id&&!!t[e.id]))}}return!("CONSENT"===u.question?.type_info?.question_type&&!u.required)&&(D(t?.formValues[u.question.name])||u.question.type_info?.meta?.othersRequired&&fl(u,t)||("FORM_FIELD"===u.question?.type_info?.question_type||"CONTACT_FORM"===u.question?.type_info?.question_type)&&(({block:e,answer:t})=>{const n=e?.question,r=e.question?.type_info?.question_type,o={};let i=!0;return("FORM_FIELD"===r?n?.type_info?.form_fields?.fields:n?.type_info?.contact_form?.fields)?.forEach((e=>{e?.required&&D(t?.[e?.id||1])?o[e?.id]=!0:o[e?.id]=!1})),Object.values(o).forEach((e=>{!0===e&&(i=!1)})),!i})({block:u,answer:t?.formValues[u.question.name]}));case"submit":return"CONSENT"===u.question.type_info?.question_type?!!u.required&&!t?.formValues[u.question.name]:(u.required||u.question.type_info?.pivot_question)&&D(t?.formValues[u.question.name])||u.question?.type_info?.meta?.othersRequired&&fl(u,t)||a||(({answer:e,block:t,mobileOrWidget:n,activeIndexOfRenderedStatement:r=0})=>{if("MATRIX_RATING_SCALE"!==t?.question?.type_info?.question_type||!t.required)return!1;const o={};if(e?.forEach((e=>{e.statement_id&&e.rating_labels?.length&&(o[e.statement_id]=!0)})),n){const e=t?.question?.type_info?.matrix_properties?.statements?.find(((e,t)=>t===r));return!!e?.id&&!o[e?.id]}return!(t?.question?.type_info?.matrix_properties?.statements||[]).filter((e=>e.is_active)).every((e=>e.id&&!!o[e.id]))})({block:u,activeIndexOfRenderedStatement:s,mobileOrWidget:c||l,answer:t?.formValues[u.question.name]});case"navigation-prev":return 0==i;case"navigation-next":return i>=o.length-1;default:return!1}},hl=({renderedBlocks:e,activeIndexOfRenderedBlocks:t,answers:n})=>{const r=vl({renderedBlocks:e,activeIndexOfRenderedBlocks:t}).reduce(((e,t)=>(void 0!==n.formValues[t.question.name]&&(e[t.question.name]=n.formValues[t.question.name]),e)),{});return{...n,formValues:r}},vl=({renderedBlocks:e,activeIndexOfRenderedBlocks:t})=>e.slice(0,t+1),yl=({blocks:e,answerStatus:t,questions:n,responses:r})=>{const o=["COMPLETE","PARTIAL_COMPLETE"].includes(t??""),{others_meta:i={},...a}=r||{};if(D(a))return{renderedBlocks:[],activeIndexOfRenderedStatement:0,activeIndexOfRenderedBlocks:0,pivot:null,answers:{formValues:{},others:{},commitDirtyValue:!1},isInitialTransition:!0,isConsideredCompleted:o};const s=e.filter((e=>e.question_names?.some((e=>null!=r?.[e])))).map((e=>{const t=e.question_names?.find((e=>null!=r?.[e])),o=n.find((e=>e.name===t&&"MESSAGE"!==e?.type_info?.question_type));return{...e,question:o}})),c=Math.max(s.length-1,0),l=e?.findIndex((e=>e.name===s[c].name)),u=tl({questions:n}),d={question:u,answer:a[u.name]},m=(({blocks:e,answers:t,questions:n,activeBlock:r,activeIndexOfBlocks:o,pivot:i})=>{const a=ul({activeBlock:r,blocks:e,activeIndexOfBlocks:o,answers:t,questions:n});if(a>-1){const t=ol({pivotQn:i?.question,pivotQnAnswer:i?.answer,block:e?.[a],questions:n});return{...e?.[a],question:t}}return null})({activeBlock:s[c],blocks:e,answers:{formValues:a||{},others:i||{},commitDirtyValue:!0},pivot:d,questions:n,activeIndexOfBlocks:l});return{renderedBlocks:m?.question?.name?[...s,m]:s,activeIndexOfRenderedStatement:0,activeIndexOfRenderedBlocks:c+1===s.length?c:c+1,pivot:{question:u,answer:a?.[u.name]},isInitialTransition:!1,answers:{others:i,formValues:a,commitDirtyValue:!1},isConsideredCompleted:o,...o?{activeIndexOfRenderedBlocks:0,isInitialTransition:!0}:{}}},bl=e=>{switch(e){case"EMAIL":return/^([a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,})$/;case"NUMBER":case"PHONE":case"PHONE_NUMBER":return/^[0-9 ()+-]*$/;case"URL":return/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/}},wl=({fields:e,answers:t,errorSetter:n,questionName:r,errors:o,translationVariables:i})=>{let a=!0;const s={...o?.[r]};return e.forEach((e=>{const n=bl(e?.type);e?.required&&!t[e.id]?(s[e?.id]=i?.required_field||"This is a required field",a=!1):(e?.required||t[e.id])&&n&&!n.test(t[e.id])?(s[e?.id]=i?.valid_data||"Enter valid data",a=!1):delete s[e?.id]})),n({...o,formErrors:{[r]:s}}),a},xl=({type:e,answer:t,errorSetter:n,questionName:r,errors:o,translationVariables:i})=>{let a=!0,s="";const c=bl(e);return t&&c&&!c.test(t)?(s=i?.valid_data||"Enter valid data",a=!1):s="",n({...o,textBoxErrors:{[r]:s}}),a},El=({fields:e,answers:t,errorSetter:n,questionName:r,errors:o,translationVariables:i})=>{let a=!0;const s={...o?.[r]};return e.forEach((e=>{const n=bl(e?.type.toUpperCase());e?.required&&!t[e.id]?(s[e?.id]=i?.required_field||"This is a required field",a=!1):(e?.required||t[e.id])&&n&&!n.test(t[e.id])?(s[e?.id]=i?.valid_data||"Enter valid data",a=!1):delete s[e?.id]})),n({...o,contactFormErrors:{[r]:s}}),a},_l=({errors:e})=>D(e),kl=e=>{const r=e.survey.question_details?.questions||[],o=e?.contactData||{},i=e?.translationVariables||{},[a]=t.useState(e.survey.blocks?.filter((e=>"TY"!==e.name&&!e.is_deleted))),s=t.useMemo((()=>yl({blocks:a,questions:r,responses:e.answers,answerStatus:e.answerStatus||"PARTIAL"})),[a,r,e.answers]),[c,l]=t.useState({formErrors:{},textBoxErrors:{},fileUploadErrors:{},contactFormErrors:{}}),[u,d]=t.useState(s.answers),[m,p]=t.useState(s.renderedBlocks),[f,g]=t.useState(s.activeIndexOfRenderedBlocks),[h,v]=t.useState(s.activeIndexOfRenderedStatement),[y,b]=t.useState(!1),[w,x]=t.useState(!1),E=t.useRef(s.pivot),_=t.useRef(!1),k=t.useRef(((s.isConsideredCompleted||"PARTIAL"===e.answerStatus)&&e.canResubmit)??!1),C=t.useRef(),A=t.useRef(s.isInitialTransition),S=m[f],M=n.useMemo((()=>m.length>0?a?.findIndex((e=>e.name===m[f]?.name)):0),[f]);t.useEffect((()=>{if(s.isConsideredCompleted&&A.current&&e.canResubmit)return;const{others_meta:t,...n}=e.answers||{};if(!a||!a.length||!D(n))return;E.current={...E.current,question:tl({questions:r})},null!=e.initialPivotAnswer&&(E.current={...E.current,answer:nl(E.current.question,e.initialPivotAnswer)},d({...u,formValues:{...u.formValues,[E.current.question.name]:E.current.answer}}));const o=ol({pivotQn:E.current.question,pivotQnAnswer:E.current.answer,block:a[0],questions:r});p([{...a[0],question:o}])}),[a,e.initialPivotAnswer]),t.useEffect((()=>{s.isConsideredCompleted&&A.current&&e.canResubmit||m.length&&(m.length>1&&(A.current=!1),g(m.length-1))}),[m]),t.useEffect((()=>{if(!(s.isConsideredCompleted&&A.current&&e.canResubmit)&&!D(u.formValues)&&O()&&a)if(ml({blocks:a,activeIndexOfBlocks:M,renderedBlocks:m,activeIndexOfRenderedBlocks:f,answers:u,questions:r})){const t=()=>{b(!1);const e=ll({renderedBlocks:m,activeBlock:S,blocks:a,activeIndexOfBlocks:M,answers:u,questions:r,contactData:o});if(e===1/0)return void setTimeout((()=>{L("COMPLETE"),x(!0)}));setTimeout((()=>{L()}));const t=ol({pivotQn:E.current?.question,pivotQnAnswer:E.current?.answer,block:a?.[e],questions:r}),n=vl({renderedBlocks:m,activeIndexOfRenderedBlocks:f});p([...n,{...a?.[e],question:t}]),setTimeout((()=>{v(0)}),0)};null!=e.initialPivotAnswer&&1==m.length?C.current?(clearTimeout(C.current),C.current=null,t()):C.current=setTimeout((()=>{}),1500):t()}else"MATRIX_RATING_SCALE"===S?.question?.type_info?.question_type&&L()}),[u,a]),t.useEffect((()=>{s.isConsideredCompleted&&A.current&&e.canResubmit||!D(u.formValues)&&_.current&&(y?Z():T(),_.current=!1)}),[y]);const T=()=>{y?(_.current=!0,b(!1)):g(f+1),v(0)},Z=()=>{h>0?I():(y?g(f-1):(_.current=!0,b(!0)),v(0))},N=()=>{v((e=>e+1))},I=()=>{v((e=>e-1))},O=()=>{if(S.question_name)switch(S.question?.type_info?.question_type){case"FORM_FIELD":return wl({fields:S.question?.type_info?.form_fields?.fields,answers:u.formValues?.[S.question_name]||{},errorSetter:l,questionName:S.question_name,errors:c,translationVariables:i});case"TEXT":return xl({type:S.question?.type_info?.text_field?.text_type,answer:u.formValues?.[S.question_name]||"",errorSetter:l,questionName:S.question_name,errors:c,translationVariables:i});case"CONTACT_FORM":return El({fields:S.question?.type_info?.contact_form?.fields,answers:u.formValues?.[S.question_name]||{},errorSetter:l,questionName:S.question_name,errors:c,translationVariables:i});case"FILE":return _l({errors:c.fileUploadErrors})}return!0},q=(e,t,n=!1)=>{A.current=!1,e.question.name===E.current?.question.name&&E.current&&(E.current={...E.current,answer:t});let r=u;k.current||!n&&!dl({question:e.question,answers:u})||(r=hl({renderedBlocks:m,activeIndexOfRenderedBlocks:f,answers:u})),d({...r,formValues:{...r.formValues,...null!=t&&{[e.question.name]:t}},commitDirtyValue:n}),"SINGLE_ANSWER"===S.question.type_info?.matrix_properties?.type&&h<(S.question?.type_info?.matrix_properties?.statements||[]).length-1&&setTimeout((()=>{N?.()}),0)},R=()=>{b(!1);const e=S.question;if(f!==m.length-1){const t=hl({renderedBlocks:m,activeIndexOfRenderedBlocks:f,answers:u}),n=vl({renderedBlocks:m,activeIndexOfRenderedBlocks:f});p(n),d({...t,formValues:{...t.formValues,[e.name]:null},commitDirtyValue:!0})}else d({...u,formValues:{...u.formValues,[e.name]:null},commitDirtyValue:!0})},L=(t="PARTIAL")=>{let n=()=>{};if(!O())return;const r={...u.formValues};"COMPLETE"===t&&(n=()=>{x(!0),k.current=!1},"CONSENT"===S.question?.type_info?.question_type&&"CHECKBOX"===S.question?.type_info?.meta?.display_format&&S.question_name&&D(u.formValues[S.question_name])&&!S.required&&(r[S.question_name]=!1,d((e=>({...e,formValues:{...e.formValues,[S.question?.name]:!1},commitDirtyValue:!1}))))),S.question_name&&void 0===r[S.question_name]&&(r[S.question_name]=null),e.onSubmit({...r,others_meta:u.others},n,t,k.current?"EDIT":"CREATE")},B=n.useMemo((()=>{if("MATRIX_RATING_SCALE"!==S?.question?.type_info?.question_type)return!1;const e=(S?.question?.type_info?.matrix_properties?.statements||[])[h];return((u.formValues[S?.question.name]||[]).find((t=>t.statement_id===e?.id))?.rating_labels||[]).length>0}),[h,f]);return{blocks:a,questions:r,renderedBlocks:m,activeBlock:S,activeIndexOfBlocks:M,initialStatementHasAnswer:B,activeIndexOfRenderedStatement:h,navigateToNextStatement:N,navigateToPreviousStatement:I,activeIndexOfRenderedBlocks:f,isSurveyCompleted:w,isReverseAnimation:y,isNavigating:_.current,pivot:E.current,answers:u,isInitialTransition:A.current,translationVariables:i,formQuestionErrors:c.formErrors,textboxQuestionErrors:c.textBoxErrors,fileUploadErrors:c.fileUploadErrors,contactFormErrors:c.contactFormErrors,setErrors:l,navigateToNextBlock:T,navigateToPreviousBlock:Z,saveFormValues:q,saveOthersValue:(e,t)=>{if(null===t){const t={...u.others};delete t[e],d({...u,commitDirtyValue:!1,others:t})}else d({...u,commitDirtyValue:!1,others:{...u.others,[e]:t}})},skipBlock:R,skipStatement:()=>{if(e.isMobile||e.isWidget){const e=S?.question?.type_info?.matrix_properties?.statements||[],t=e[h],n=u.formValues[S?.question.name]||[],r=h<e.length-1;q(S,n.filter((e=>e.statement_id!==t.id)),!r),r&&"MULTIPLE_ANSWERS"===S?.question?.type_info?.matrix_properties?.type&&setTimeout((()=>{N?.()}),0)}else R()},onSubmitHandler:L,navigateToStart:()=>{k.current=!0,x(!1),g(0),v(0)},resetSurvey:()=>{x(!1),g(0),A.current=!0,d({formValues:{},others:{},commitDirtyValue:!1}),v(0)}}};I(':root {\n  --default-brand-color: #264966;\n  --default-question-text-color: #3a4b67;\n  --default-question-background-color: #fff;\n  --default-background-color: #f8f8f8;\n  --default-button-text-color: #fff;\n  --default-secondary-button-text-color: #000;\n  --default-input-placeholder-color: #92a2b1;\n  --compact-widget-max-height: 560px;\n  --default-widget-max-height: 400px;\n  --cozy-widget-max-height: 380px;\n  --secondary-button-linear-gradient: linear-gradient(\n    180deg,\n    #ffffff 0%,\n    #f5f7f9 100%\n  );\n}\n\n.freemium-survey-components.card-survey-style .questions {\n  flex: 1;\n}\n\n.freemium-survey-components strong {\n  font-weight: bold;\n}\n.freemium-survey-components.card-survey-style {\n  padding-top: 20px;\n  display: flex;\n  flex-direction: column;\n  grid-gap: 40px;\n  gap: 40px;\n  height: 100%;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation {\n  white-space: nowrap;\n  border-radius: 3px;\n  border: 1px solid #efefef;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button {\n  width: 38px;\n  text-align: -webkit-center;\n  height: 38px;\n  background-color: #fff;\n  border: none;\n  cursor: pointer;\n  border-radius: 0 3px 3px 0;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button svg {\n  margin-top: 5px;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button:first-of-type {\n  border-right: 1px solid #efefef;\n  border-radius: 3px 0 0 3px;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button:focus {\n  position: relative;\n  z-index: 1;\n}\n.freemium-survey-components.card-survey-style .question-container {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  text-align: center;\n  width: 100%;\n  max-width: 700px;\n  margin: 0 auto;\n  background: var(--default-question-background-color);\n  background: var(--question-background-color, var(--default-question-background-color));\n  border-radius: 4px;\n  transition: transform 500ms ease 0ms, opacity 200ms ease 0ms;\n  box-shadow: 0px 12px 70px 0px rgba(18, 52, 77, 0.05), 0px 2px 20px 0px rgba(18, 52, 77, 0.05);\n  padding: 28px;\n  grid-gap: 32px;\n  gap: 32px;\n  position: relative;\n  height: -moz-fit-content;\n  height: fit-content;\n  transition: opacity 50ms ease-out;\n  overflow: auto;\n}\n.freemium-survey-components.card-survey-style .hide-question-container {\n  opacity: 0;\n}\n.freemium-survey-components.card-survey-style .question-text.required > p:nth-last-child(1)::after {\n  content: "*";\n  color: rgb(215, 45, 48);\n  margin-left: 4px;\n}\n.freemium-survey-components.card-survey-style .question-text {\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.8;\n  width: 100%;\n  text-align: left;\n  color: var(--default-question-text-color);\n  color: var(--question-text-color, var(--default-question-text-color));\n}\n.freemium-survey-components.card-survey-style .question-text p {\n  text-align: left;\n}\n.freemium-survey-components.card-survey-style .question-text a {\n  color: var(--link-color);\n  text-decoration: underline;\n}\n.freemium-survey-components.card-survey-style .autofocus-button {\n  border: none;\n  width: 0;\n  height: 0;\n  opacity: 0;\n  margin-top: -12px;\n  margin-left: -12px;\n  position: absolute;\n}\n.freemium-survey-components.card-survey-style .fade-enter .question-container {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.freemium-survey-components.card-survey-style .fade-enter-active .question-container {\n  opacity: 1;\n  transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-exit .question-container {\n  opacity: 1;\n  transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-exit-active .question-container {\n  opacity: 0.05;\n  transform: translateY(-15px);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-enter .question-container {\n  opacity: 0;\n  transform: translateY(-15px);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-enter-active .question-container {\n  opacity: 1;\n  transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-exit .question-container {\n  opacity: 1;\n  transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-exit-active .question-container {\n  opacity: 0.05;\n  transform: translateY(15px);\n}\n.freemium-survey-components.card-survey-style .fade-enter-active .question-container,\n.freemium-survey-components.card-survey-style .fade-exit-active .question-container,\n.freemium-survey-components.card-survey-style .fade-reverse-enter-active .question-container,\n.freemium-survey-components.card-survey-style .fade-reverse-exit-active .question-container {\n  transition: opacity 200ms, transform 200ms;\n  pointer-events: none;\n}\n.freemium-survey-components.card-survey-style .question-footer {\n  display: flex;\n  grid-gap: 40px;\n  gap: 40px;\n  width: 100%;\n  align-items: center;\n}\n.freemium-survey-components.card-survey-style .question-footer:empty {\n  display: none;\n}\n.freemium-survey-components.card-survey-style .question-footer:only-child {\n  margin-left: auto;\n}\n.freemium-survey-components.card-survey-style .action-buttons {\n  display: flex;\n  grid-gap: 20px;\n  gap: 20px;\n  flex-direction: row-reverse;\n  width: 100%;\n}\n.freemium-survey-components.card-survey-style .action-buttons:empty {\n  display: none;\n}\n.freemium-survey-components.card-survey-style .skip-button {\n  font-weight: 500;\n  color: #3a4b67;\n  cursor: pointer;\n  background: transparent;\n  border: none;\n  min-width: 40px;\n  padding: 8px 16px;\n  border-radius: 4px;\n  color: var(--default-secondary-button-text-color);\n  color: var(--secondary-button-text-color, var(--default-secondary-button-text-color));\n  letter-spacing: 0.05em;\n  line-height: 1.5;\n  border: 1px solid transparent;\n  transform: translateY(0px);\n  transition: transform ease 0.2s;\n}\n.freemium-survey-components.card-survey-style .skip-button:hover {\n  background-color: #f3f3f3;\n  transform: translateY(-4px);\n}\n.freemium-survey-components.card-survey-style .secondary-button {\n  border: 1px solid #cfd7df;\n  background-image: linear-gradient(\n    180deg,\n    #ffffff 0%,\n    #f5f7f9 100%\n  );\n  background-image: var(--secondary-button-linear-gradient);\n  box-shadow: 0 1px 0 0 rgba(24, 50, 71, 0.05);\n  color: #12344d;\n  background-color: #ffffff;\n  width: 100px;\n}\n.freemium-survey-components.card-survey-style .secondary-button:hover {\n  background-color: #f5f7f9;\n  background-image: none;\n}\n.freemium-survey-components.card-survey-style .next-button {\n  color: var(--default-button-text-color);\n  color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.card-survey-style .submit {\n  max-width: 700px;\n  text-align: left;\n  background: transparent;\n  box-shadow: none;\n  color: var(--default-button-text-color);\n  color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.card-survey-style .thankyou {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  grid-gap: 20px;\n  gap: 20px;\n  min-height: 180px;\n}\n.freemium-survey-components.card-survey-style .thankyou .heading {\n  font-weight: 500;\n  font-size: 22px;\n}\n.freemium-survey-components.card-survey-style .thankyou .thankyou-logo-img {\n  height: 100px;\n  width: auto;\n}\n.freemium-survey-components.card-survey-style .thankyou .text {\n  white-space: pre-wrap;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 1.6;\n  color: #475867;\n  width: 75%;\n}\n.freemium-survey-components.card-survey-style .thankyou .redirection-text {\n  color: #929292;\n  margin-bottom: 12px;\n  font-weight: 300;\n}\n.freemium-survey-components.card-survey-style .thankyou .link {\n  width: 100%;\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: #666;\n  font-weight: 500;\n  text-decoration: underline;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container {\n  display: flex;\n  grid-gap: 10px;\n  gap: 10px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link {\n  background: #f5f7f9;\n  padding: 20px 0px;\n  border-radius: 10px;\n  width: 300px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link .links {\n  display: flex;\n  grid-gap: 10px;\n  gap: 10px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link .link-image-url {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 45px;\n  width: 45px;\n  background: #fff;\n  border-radius: 8px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link .link-page-name {\n  padding: 0px 20px 0px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: #fff;\n  height: 45px;\n  border-radius: 8px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .title-text {\n  padding-bottom: 14px;\n  font-size: 14px;\n  font-weight: 500;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-custom-button-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 300px;\n  border-radius: 10px;\n  padding: 20px 0px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-custom-button-container .button_text {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  grid-gap: 10px;\n  gap: 10px;\n  height: 45px;\n  padding: 0px 20px;\n  background: #4560f6;\n  color: #fff;\n  font-weight: 700px;\n  border-radius: 8px;\n}\n.freemium-survey-components.card-survey-style .thankyou .wrap-up-actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n}\n.freemium-survey-components.card-survey-style .thankyou .wrap-up-actions button.action-button {\n  width: unset;\n  letter-spacing: 0.05em;\n  line-height: 1.5;\n  border: 1px solid transparent;\n  transform: translateY(0px);\n  transition: transform ease 0.2s;\n  background-color: #e5f2fd;\n  margin: 6px;\n}\n.freemium-survey-components.card-survey-style .thankyou .wrap-up-actions button.action-button:hover {\n  transform: translateY(-4px);\n}\n.freemium-survey-components.card-survey-style .thankyou button.action-button {\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 20px;\n  color: #2c5cc5;\n  border: none;\n  background: none;\n  padding: 8px 12px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.freemium-survey-components.card-survey-style .thankyou button.action-button svg {\n  margin-right: 8px;\n}\n.freemium-survey-components.card-survey-style .responsive-text-field {\n  width: 100%;\n}\n.freemium-survey-components.card-survey-style .responsive-text-field .textarea-container {\n  display: none;\n}\n.freemium-survey-components.card-survey-style .message-container:empty {\n  display: none;\n}\n\n@media (max-width: 550px) {\n  div.freemium-survey-components.card-survey-style .responsive-text-field .input-container {\n    display: none;\n  }\n  div.freemium-survey-components.card-survey-style .responsive-input-field .input-container input {\n    min-height: 40px;\n  }\n  div.freemium-survey-components.card-survey-style .responsive-text-field .textarea-container {\n    display: flex;\n  }\n  div.freemium-survey-components.card-survey-style .responsive-text-field .textarea-container textarea {\n    min-height: 80px;\n    height: 80px;\n  }\n  div.freemium-survey-components.card-survey-style .question-footer {\n    flex-direction: column-reverse;\n    grid-gap: 0;\n    gap: 0;\n  }\n  div.freemium-survey-components.card-survey-style .question-footer > *:first-child {\n    margin-bottom: 0px;\n  }\n  div.freemium-survey-components.card-survey-style .question-footer > * {\n    margin-bottom: 20px;\n  }\n  div.freemium-survey-components.card-survey-style .freemium-survey-step-navigation {\n    width: 100%;\n  }\n  div.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button {\n    width: 50%;\n  }\n  div.freemium-survey-components.card-survey-style .action-buttons {\n    flex-direction: column;\n    width: 100%;\n  }\n  div.freemium-survey-components.card-survey-style .action-buttons button {\n    max-width: unset;\n  }\n  div.freemium-survey-components.card-survey-style .action-button {\n    max-width: unset;\n    width: 100%;\n  }\n  div.freemium-survey-components.card-survey-style .thankyou .text {\n    width: auto;\n  }\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-text-field .input-container {\n  display: none;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-input-field .input-container input {\n  min-height: 40px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-text-field .textarea-container {\n  display: flex;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-text-field .textarea-container textarea {\n  min-height: 80px;\n  height: 80px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .question-footer {\n  flex-direction: column-reverse;\n  grid-gap: 0;\n  gap: 0;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .question-footer > *:first-child {\n  margin-bottom: 0px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .question-footer > * {\n  margin-bottom: 20px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .freemium-survey-step-navigation {\n  width: 100%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .freemium-survey-step-navigation .navigation-button {\n  width: 50%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .action-buttons {\n  flex-direction: column;\n  width: 100%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .action-buttons button {\n  max-width: unset;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .action-button {\n  max-width: unset;\n  width: 100%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .thankyou .text {\n  width: auto;\n}\n\n.freemium-survey-components.mobile-preview .thankyou .text {\n  width: unset;\n}');const Cl=({thankYouQuestion:e,preview:r,placeholders:o,canResubmit:i,resetSurvey:a,navigateToStart:s,isMobile:c,allowMultipleSubmission:l,pivot:u,rangeToRender:d,translationVariables:m})=>{const{redirectUrl:p,redirectDelay:f,show_custom_button:g,show_review_links:h,show_social_links:v,image_url:y}=e.type_info?.meta??{},[b,w]=t.useState(f??10);return t.useEffect((()=>{if(!r&&p){const e=setInterval((()=>w((e=>e>1?e-1:(window.location.href=p??"",0)))),1e3);return()=>clearInterval(e)}}),[]),n.createElement("div",{className:"question-container thankyou"},y&&n.createElement("img",{className:"thankyou-logo-img",src:y,alt:"thankyou_logo"}),n.createElement("div",{className:"heading"},e?.type_info?.header_text??(m?.thank_you||"Thank you!")),n.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:B({questionText:e.text,placeholders:o,npsRating:u?.answer,ratingLabel:R(u?.answer)?"":d?.find((e=>e?.value===String(u?.answer)))?.text??"",preference:u?.question.type_info?.scale_properties?.labels?.preference,isPreview:r})}}),(i||l)&&n.createElement("div",{className:("wrap-up-actions "+(c?"mobile":"")).trim()},i&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:()=>s()},n.createElement(T,{name:"edit"}),m?.edit_response||"Edit your response"),l&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:a},n.createElement(T,{name:"reload"}),m?.another_response||"Submit another response")),p&&n.createElement("div",{style:{width:"100%"}},n.createElement("div",{className:"redirection-text"},F(b,m?.redirect_msg),n.createElement("br",null)),n.createElement("a",{className:"link",href:p},p)),n.createElement(Oa,{show_custom_button:g,show_review_links:h,show_social_links:v}))},Al=({activeIndexOfBlocks:e,activeIndexOfRenderedBlocks:t,renderedBlocks:r,blocks:o,initialStatementHasAnswer:i,activeIndexOfRenderedStatement:a,answers:s,navigateToPreviousBlock:c,navigateToNextBlock:l,translationVariables:u})=>n.createElement("div",{className:"freemium-survey-step-navigation","data-navigation-element":"1"},n.createElement("button",{disabled:gl("navigation-prev",{blocks:o,answers:s,renderedBlocks:r,initialStatementHasAnswer:i,activeIndexOfBlocks:e,activeIndexOfRenderedBlocks:t,activeIndexOfRenderedStatement:a}),className:"navigation-button",onClick:c,title:a>0?u?.prev_statement||"go to previous statement":u?.prev_question||"go to previous question"},n.createElement(T,{name:"arrow-previous"})),n.createElement("button",{className:"navigation-button",disabled:gl("navigation-next",{blocks:o,answers:s,renderedBlocks:r,activeIndexOfBlocks:e,initialStatementHasAnswer:i,activeIndexOfRenderedBlocks:t,activeIndexOfRenderedStatement:a}),title:u?.next_question||"Go to next question",onClick:l},n.createElement(T,{name:"arrow-next"}))),Sl=e=>{const{isWidget:r,surveyStyle:o,initialStatementHasAnswer:i,answers:a,renderedBlocks:s,blocks:c,activeIndexOfBlocks:l,activeIndexOfRenderedStatement:u=0,activeIndexOfRenderedBlocks:d,saveFormValues:m,onSubmitHandler:p,skipBlock:f,skipStatement:g,navigateToNextBlock:h,navigateToPreviousBlock:v,isInitialTransition:y,initialPivotAnswer:b,translationVariables:w,isMobile:x,navigateToNextStatement:E,formQuestionErrors:_,textboxQuestionErrors:k,contactFormErrors:A,fileUploadErrors:S,questions:M}=e,[T,Z]=t.useState(!1),N={answers:a,blocks:c,activeIndexOfBlocks:l,activeIndexOfRenderedBlocks:d,activeIndexOfRenderedStatement:u,isMobile:x,renderedBlocks:s,initialStatementHasAnswer:i,surveyStyle:o,isWidget:r,blockIndex:d,questions:M},I={answers:a,blocks:c,activeIndexOfBlocks:l,isMobile:x,activeIndexOfRenderedBlocks:d,initialStatementHasAnswer:i,activeIndexOfRenderedStatement:u,renderedBlocks:s,isSubmitting:T,isWidget:r},{question:O}=s[d],q=O?.type_info?.meta?.display_format;return n.createElement(n.Fragment,null,(pl("navigation",N)||pl("next",N)||pl("next-statement",N)||pl("consent",N)||pl("submit",N)||pl("skip",N)||pl("skip-statement",N)||pl("message",N))&&n.createElement("div",{className:"question-footer"},pl("navigation",N)&&n.createElement(Al,{answers:a,activeIndexOfBlocks:l,activeIndexOfRenderedBlocks:d,renderedBlocks:s,initialStatementHasAnswer:i,blocks:c,activeIndexOfRenderedStatement:u,navigateToNextBlock:h,navigateToPreviousBlock:v,translationVariables:w}),n.createElement("div",{className:"action-buttons"},pl("next",N)&&n.createElement(nr,{onClick:()=>{m(s[d],"CHECKBOX"===O?.type_info?.meta?.display_format&&"CONSENT"===O?.type_info?.question_type?a.formValues[O.name]??!1:null,!0)},disabled:gl("next",I),className:"next-button"},w?.next||"Next"),pl("next-statement",N)&&n.createElement(nr,{onClick:()=>{E?.()},disabled:!!gl("next-statement",I),className:"next-button"},w?.next||"Next"),pl("consent",N)&&"BUTTON"===q&&C.map((e=>n.createElement(nr,{key:d+String(e.recordAs),onClick:()=>{m(s[d],e.recordAs,!0)},disabled:gl("consent",I),className:(e.recordAs?"next":"secondary")+"-button"},O?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue))),pl("submit",N)&&n.createElement("div",{className:"submit"},n.createElement(nr,{disabled:gl("submit",I),onClick:()=>{D(_?.[O.name])&&D(k?.[O.name])&&D(S?.[O.name])&&D(A?.[O.name])&&(Z(!0),p("COMPLETE"))}},T?w?.submitting||"Submitting":w?.submit_survey||"Submit survey")),pl("skip",N)&&n.createElement("button",{className:"skip-button",onClick:f,"aria-label":"skip question"},w?.skip||"Skip"),pl("skip-statement",N)&&n.createElement("button",{className:"skip-button",onClick:g,"aria-label":"skip statement"},w?.skip||"Skip"),pl("message",N)&&n.createElement(nr,{onClick:f,disabled:gl("message",I),className:"next-button"},O?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))))},Ml=e=>{const{blocks:o,renderedBlocks:i,activeBlock:a,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:c,isSurveyCompleted:l,isReverseAnimation:u,saveFormValues:d,saveOthersValue:m,skipBlock:p,skipStatement:f,onSubmitHandler:g,navigateToNextBlock:h,navigateToPreviousBlock:v,answers:y,questions:b,pivot:w,isInitialTransition:x,resetSurvey:E,activeIndexOfRenderedStatement:_,navigateToNextStatement:k,navigateToPreviousStatement:C,navigateToStart:A,translationVariables:S,initialStatementHasAnswer:M,formQuestionErrors:T,textboxQuestionErrors:Z,contactFormErrors:N,fileUploadErrors:I,setErrors:O}=kl(e),q=D(y.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[z,P]=t.useState(q),F=n.useMemo((()=>L(w?.question)),[w?.question]);return t.useEffect((()=>{a&&e.onBlockChange?.(a)}),[a,e]),t.useEffect((()=>{e.getSurveyProgress?.({totalBlocks:o.length,isSurveyCompleted:l,activeIndexOfBlocks:s})}),[o.length,l,s]),a&&a.question?n.createElement("div",{className:`freemium-survey-components ${e.isMobile?"mobile-preview":""} ${e.surveyStyle}-survey-style`,id:"freemium-survey"},n.createElement(r.SwitchTransition,{mode:"out-in"},n.createElement(r.CSSTransition,{key:c+String(l)+String(z),addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:u?"fade-reverse":"fade"},n.createElement("div",{className:"questions"},l?n.createElement(Cl,{thankYouQuestion:ol({pivotQn:w?.question,pivotQnAnswer:w?.answer,block:sl({activeBlock:a,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:y,questions:b,activeIndexOfBlocks:s,renderedBlocks:i,contactData:e.contactData}),questions:b}),canResubmit:e.canResubmit,allowMultipleSubmission:e.allowMultipleSubmission,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",A):A()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",E):E()},preview:!!e.preview,placeholders:e.placeholders,isMobile:e.isMobile,pivot:w,rangeToRender:F,translationVariables:S}):n.createElement("div",{id:`${a.question.name}`,className:"question-container","data-test-question-name":a.question.name},z&&e.survey.prompt_settings?n.createElement(Ia,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt?.(t),1===t&&P(!1)},placeholders:e.placeholders}):n.createElement(n.Fragment,null,n.createElement("div",{className:("question-text "+(!a.question.type_info?.pivot_question&&a.required?"required":"")).trim(),dangerouslySetInnerHTML:{__html:B({questionText:a?.question.text,placeholders:e.placeholders,npsRating:w?.answer,ratingLabel:R(w?.answer)?"":F?.find((e=>e?.value===String(w?.answer)))?.text??"",preference:w?.question.type_info?.scale_properties?.labels?.preference,isPreview:!!e.preview})},"aria-label":`question-${c}`,role:"heading","aria-level":1}),n.createElement("div",{onTransitionEndCapture:e=>e.stopPropagation(),style:{width:"100%",position:"relative"}},n.createElement(Qc,{setErrors:O,onFileUpload:e.onFileUpload,survey:e.survey,question:a.question,isFinalQn:rl({blocks:o,activeIndexOfBlocks:s,renderedBlocks:i,activeIndexOfRenderedBlocks:c,questions:b}),formValues:y.formValues,othersMeta:y.others,autoFocusDelay:"standard"===e.surveyStyle?350:0,activeIndexOfRenderedStatement:_,saveOthersValue:m,onChangeHandler:e=>{d(a,e)},isMobile:!!e.isMobile,initialPivotAnswer:e.initialPivotAnswer,isInitialTransition:x,formQuestionErrors:T,textboxQuestionErrors:Z,fileUploadErrors:I,contactFormErrors:N})),n.createElement(Sl,{isWidget:!1,surveyStyle:e.surveyStyle,answers:y,renderedBlocks:i,blocks:o,activeIndexOfRenderedStatement:_,initialStatementHasAnswer:M,navigateToNextStatement:k,navigateToPreviousStatement:C,activeIndexOfRenderedBlocks:c,activeIndexOfBlocks:s,saveFormValues:d,skipBlock:p,skipStatement:f,onSubmitHandler:g,navigateToPreviousBlock:v,navigateToNextBlock:h,isInitialTransition:x,initialPivotAnswer:e.initialPivotAnswer,isMobile:!!e.isMobile,translationVariables:S,formQuestionErrors:T,textboxQuestionErrors:Z,fileUploadErrors:I,contactFormErrors:N,questions:b})))))),n.createElement(wa,{...e.footerProps,surveyType:e.survey.type,translationVariables:S})):null};I(':root {\n  --default-brand-color: #264966;\n  --default-question-text-color: #3a4b67;\n  --default-question-background-color: #fff;\n  --default-background-color: #f8f8f8;\n  --default-button-text-color: #fff;\n  --default-secondary-button-text-color: #000;\n  --default-input-placeholder-color: #92a2b1;\n  --compact-widget-max-height: 480px;\n  --default-widget-max-height: 460px;\n  --cozy-widget-max-height: 380px;\n}\n\n.freemium-survey-step-navigation {\n  border-radius: 3px;\n  border: 1px solid #efefef;\n  white-space: nowrap;\n}\n.freemium-survey-step-navigation .navigation-button {\n  width: 38px;\n  text-align: -webkit-center;\n  height: 38px;\n  background-color: #fff;\n  border: none;\n  cursor: pointer;\n  border-radius: 0 3px 3px 0;\n}\n.freemium-survey-step-navigation .navigation-button:first-of-type {\n  border-right: 1px solid #efefef;\n  border-radius: 3px 0 0 3px;\n}\n.freemium-survey-step-navigation .navigation-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.freemium-survey-step-navigation .navigation-button:focus {\n  position: relative;\n  z-index: 1;\n}\n\n.freemium-survey-components.standard-survey-style {\n  display: flex;\n  flex-direction: column;\n  grid-gap: 40px;\n  gap: 40px;\n  height: 100%;\n}\n.freemium-survey-components.standard-survey-style > div {\n  flex: 1;\n}\n.freemium-survey-components.standard-survey-style .question-container {\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n  max-width: 700px;\n  margin: 0 auto;\n  background: var(--default-question-background-color);\n  background: var(--question-background-color, var(--default-question-background-color));\n  border-radius: 4px;\n  transition: transform 500ms ease 0ms, opacity 800ms ease 0ms;\n  box-shadow: 0px 12px 70px 0px rgba(18, 52, 77, 0.05), 0px 2px 20px 0px rgba(18, 52, 77, 0.05);\n  margin-bottom: 28px;\n  padding: 28px;\n  grid-gap: 28px;\n  gap: 28px;\n  position: relative;\n  height: -moz-fit-content;\n  height: fit-content;\n  overflow: auto;\n  opacity: 1;\n}\n.freemium-survey-components.standard-survey-style .question-container:last-child {\n  margin-bottom: 0px;\n}\n.freemium-survey-components.standard-survey-style .hide-question-container {\n  pointer-events: none;\n  opacity: 0;\n}\n.freemium-survey-components.standard-survey-style .question-text.required > p:nth-last-child(1)::after {\n  content: "*";\n  color: rgb(215, 45, 48);\n  margin-left: 4px;\n}\n.freemium-survey-components.standard-survey-style .question-text {\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.8;\n  width: 100%;\n  text-align: left;\n  color: var(--default-question-text-color);\n  color: var(--question-text-color, var(--default-question-text-color));\n}\n.freemium-survey-components.standard-survey-style .question-text p {\n  text-align: left;\n}\n.freemium-survey-components.standard-survey-style .question-text a {\n  color: var(--link-color);\n  text-decoration: underline;\n}\n.freemium-survey-components.standard-survey-style .autofocus-button {\n  border: none;\n  width: 0;\n  height: 0;\n  opacity: 0;\n  margin-top: -12px;\n  margin-left: -12px;\n  position: absolute;\n}\n.freemium-survey-components.standard-survey-style .footer {\n  padding: 0;\n}\n.freemium-survey-components.standard-survey-style .question-footer {\n  display: flex;\n  justify-content: flex-end;\n  grid-gap: 40px;\n  gap: 40px;\n  width: 100%;\n  align-items: center;\n}\n.freemium-survey-components.standard-survey-style .question-footer:empty {\n  display: none;\n}\n.freemium-survey-components.standard-survey-style .action-buttons {\n  display: flex;\n  grid-gap: 20px;\n  gap: 20px;\n  flex-direction: row-reverse;\n}\n.freemium-survey-components.standard-survey-style .action-buttons:empty {\n  display: none;\n}\n.freemium-survey-components.standard-survey-style .sec-button {\n  font-weight: 500;\n  color: #3a4b67;\n  cursor: pointer;\n  background: transparent;\n  border: none;\n  min-width: 40px;\n  padding: 8px 16px;\n  border-radius: 4px;\n  color: var(--default-secondary-button-text-color);\n  color: var(--secondary-button-text-color, var(--default-secondary-button-text-color));\n  letter-spacing: 0.05rem;\n  line-height: 1.5;\n  border: 1px solid transparent;\n  transform: translateY(0px);\n  transition: transform ease 0.2s;\n}\n.freemium-survey-components.standard-survey-style .sec-button:hover {\n  background-color: #f3f3f3;\n  transform: translateY(-4px);\n}\n.freemium-survey-components.standard-survey-style .next-button {\n  color: var(--default-button-text-color);\n  color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.standard-survey-style .secondary-button {\n  border: 1px solid #cfd7df;\n  background-image: var(--secondary-button-linear-gradient);\n  box-shadow: 0 1px 0 0 rgba(24, 50, 71, 0.05);\n  color: #12344d;\n  background-color: #ffffff;\n  width: 100px;\n}\n.freemium-survey-components.standard-survey-style .secondary-button:hover {\n  background-color: #f5f7f9;\n  background-image: none;\n}\n.freemium-survey-components.standard-survey-style .submit {\n  max-width: 700px;\n  margin: 0 auto;\n  text-align: left;\n  background: transparent;\n  box-shadow: none;\n  display: flex;\n  flex-direction: row-reverse;\n  color: var(--default-button-text-color);\n  color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.standard-survey-style .fade-enter {\n  opacity: 0;\n  transform: translateY(40px);\n}\n.freemium-survey-components.standard-survey-style .fade-enter-active {\n  opacity: 1;\n  transform: translateY(0);\n}\n.freemium-survey-components.standard-survey-style .fade-exit {\n  opacity: 1;\n  transform: translateY(0);\n}\n.freemium-survey-components.standard-survey-style .fade-exit-active {\n  opacity: 0;\n  transform: translateY(-40px);\n}\n.freemium-survey-components.standard-survey-style .fade-enter,\n.freemium-survey-components.standard-survey-style .fade-enter-active,\n.freemium-survey-components.standard-survey-style .fade-exit,\n.freemium-survey-components.standard-survey-style .fade-exit-active {\n  transition: all ease 400ms;\n  pointer-events: none;\n}\n.freemium-survey-components.standard-survey-style .thankyou {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  grid-gap: 20px;\n  gap: 20px;\n  min-height: 180px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .heading {\n  font-weight: 500;\n  font-size: 22px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .thankyou-logo-img {\n  height: 100px;\n  width: auto;\n}\n.freemium-survey-components.standard-survey-style .thankyou .text {\n  white-space: pre-wrap;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 1.6;\n  color: #475867;\n  width: 75%;\n}\n.freemium-survey-components.standard-survey-style .thankyou .redirection-text {\n  color: #929292;\n  margin-bottom: 12px;\n  font-weight: 300;\n}\n.freemium-survey-components.standard-survey-style .thankyou .link {\n  width: 100%;\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: #666;\n  font-weight: 500;\n  text-decoration: underline;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container {\n  display: flex;\n  grid-gap: 10px;\n  gap: 10px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link {\n  background: #f5f7f9;\n  padding: 20px 0px;\n  border-radius: 10px;\n  width: 300px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link .links {\n  display: flex;\n  grid-gap: 10px;\n  gap: 10px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link .link-image-url {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 45px;\n  width: 45px;\n  background: #fff;\n  border-radius: 8px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link .link-page-name {\n  padding: 0px 20px 0px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: #fff;\n  height: 45px;\n  border-radius: 8px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .title-text {\n  padding-bottom: 14px;\n  font-size: 14px;\n  font-weight: 500;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-custom-button-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 300px;\n  border-radius: 10px;\n  padding: 20px 0px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-custom-button-container .button_text {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  grid-gap: 10px;\n  gap: 10px;\n  height: 45px;\n  padding: 0px 20px;\n  background: #4560f6;\n  color: #fff;\n  font-weight: 700px;\n  border-radius: 8px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions {\n  display: flex;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions.mobile {\n  flex-direction: column;\n  align-items: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions.mobile button.action-button {\n  justify-content: center;\n  letter-spacing: 0.05em;\n  line-height: 1.5;\n  border: 1px solid transparent;\n  transform: translateY(0px);\n  transition: transform ease 0.2s;\n  background-color: #e5f2fd;\n  margin: 6px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions.mobile button.action-button:hover {\n  transform: translateY(-4px);\n}\n.freemium-survey-components.standard-survey-style .thankyou button.action-button {\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 20px;\n  color: #2c5cc5;\n  border: none;\n  background: none;\n  padding: 8px 12px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou button.action-button svg {\n  margin-right: 8px;\n}\n.freemium-survey-components.standard-survey-style .responsive-text-field {\n  width: 100%;\n}\n.freemium-survey-components.standard-survey-style .responsive-text-field .textarea-container {\n  display: none;\n}\n.freemium-survey-components.standard-survey-style .message-container:empty {\n  display: none;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .action-buttons {\n  flex-direction: column;\n  width: 100%;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .action-buttons button {\n  max-width: unset;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .action-button {\n  max-width: unset;\n  width: 100%;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .thankyou .text {\n  width: auto;\n}\n@media (max-width: 550px) {\n  .freemium-survey-components.standard-survey-style .action-buttons {\n    flex-direction: column;\n    width: 100%;\n  }\n  .freemium-survey-components.standard-survey-style .action-buttons button {\n    max-width: unset;\n  }\n  .freemium-survey-components.standard-survey-style .action-button {\n    max-width: unset;\n    width: 100%;\n  }\n  .freemium-survey-components.standard-survey-style .thankyou .text {\n    width: auto;\n  }\n}\n\n@media (max-width: 550px) {\n  .freemium-survey-component .responsive-text-field .input-container {\n    display: none;\n  }\n  .freemium-survey-component .responsive-text-field .textarea-container {\n    display: flex;\n  }\n  .freemium-survey-component .responsive-text-field .textarea-container textarea {\n    min-height: 80px;\n    height: 80px;\n  }\n  .freemium-survey-component .responsive-input-field .input-container input {\n    min-height: 40px;\n  }\n}\n.freemium-survey-components.mobile-preview .thankyou .text {\n  width: unset;\n}');const Tl=["next","next-statement","skip","submit","navigation","clear-selection","message","consent"],Zl=({thankYouQuestion:e,preview:r,placeholders:o,canResubmit:i,allowMultipleSubmission:a,navigateToStart:s,resetSurvey:c,isMobile:l,pivot:u,rangeToRender:d,translationVariables:m})=>{const{redirectUrl:p,redirectDelay:f,image_url:g,show_custom_button:h,show_review_links:v,show_social_links:y}=e.type_info?.meta??{},[b,w]=t.useState(f??10);return t.useEffect((()=>{if(!r&&p){const e=setInterval((()=>w((e=>e>1?e-1:(window.location.href=p??"",0)))),1e3);return()=>clearInterval(e)}}),[]),n.createElement("div",{className:"question-container thankyou"},g&&n.createElement("img",{className:"thankyou-logo-img",src:g,alt:"thankyou_logo"}),n.createElement("div",{className:"heading"},e?.type_info?.header_text||""),n.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:B({questionText:e.text,placeholders:o,npsRating:u?.answer,ratingLabel:R(u?.answer)?"":d?.find((e=>e?.value===String(u?.answer)))?.text??"",preference:u?.question.type_info?.scale_properties?.labels?.preference,isPreview:r})}}),(i||a)&&n.createElement("div",{className:("wrap-up-actions "+(l?"mobile":"")).trim()},i&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:()=>s()},n.createElement(T,{name:"edit"}),m?.edit_response||"Edit your response"),a&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:c},n.createElement(T,{name:"reload"}),m?.another_response||"Submit another response")),p&&n.createElement("div",{style:{width:"100%"}},n.createElement("div",{className:"redirection-text"},F(b,m?.redirect_msg),n.createElement("br",null)),n.createElement("a",{className:"link",href:p},p)),n.createElement(Oa,{show_custom_button:h,show_review_links:v,show_social_links:y}))},Nl=e=>{const{blockIndex:t,isWidget:r,surveyStyle:o,answers:i,renderedBlocks:a,navigateToNextStatement:s,blocks:c,isMobile:l,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:d,translationVariables:m,saveFormValues:p,skipBlock:f,clearRadioSelection:g,initialStatementHasAnswer:h,initialPivotAnswer:v,questions:y}=e,b={answers:i,blocks:c,blockIndex:t,activeIndexOfBlocks:u,isMobile:l,initialStatementHasAnswer:h,activeIndexOfRenderedBlocks:d,activeIndexOfRenderedStatement:0,renderedBlocks:a,surveyStyle:o,isWidget:r,questions:y},w={answers:i,blocks:c,activeIndexOfBlocks:u,initialStatementHasAnswer:h,isMobile:l,activeIndexOfRenderedBlocks:d,activeIndexOfRenderedStatement:0,renderedBlocks:a},x={};Tl.forEach((e=>{x[e]=!!pl(e,b)}));const{question:E}=a[d],_=E?.type_info?.meta?.display_format;return x?.next||x?.["next-statement"]||x?.skip||x?.consent||x?.["clear-selection"]||x?.message?n.createElement("div",{className:"question-footer"},n.createElement("div",{className:"action-buttons"},x?.next&&n.createElement(nr,{onClick:()=>{p(a[d],"CHECKBOX"===E?.type_info?.meta?.display_format&&"CONSENT"===E?.type_info?.question_type?i.formValues[E.name]??!1:null,!0)},disabled:!!gl("next",w),className:"next-button"},m?.next||"Next"),x?.["next-statement"]&&n.createElement(nr,{onClick:()=>{s?.()},disabled:!!gl("next-statement",w),className:"next-button"},m?.next||"Next"),x?.consent&&"BUTTON"===_&&C.map((e=>n.createElement(nr,{key:d+String(e.recordAs),onClick:()=>{p(a[d],e.recordAs,!0)},disabled:gl("consent",w),className:(e.recordAs?"next":"secondary")+"-button"},E?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue))),x.skip&&n.createElement("button",{className:"sec-button",onClick:f,"aria-label":"skip question"},m?.skip||"Skip"),x?.["clear-selection"]&&n.createElement("button",{className:"sec-button",onClick:()=>g(t)},m?.clear_selection||"Clear selection"),x?.message&&n.createElement(nr,{onClick:f,disabled:gl("message",w),className:"next-button"},E?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))):null},Il=e=>{const{blocks:o,renderedBlocks:i,activeBlock:a,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:c,isSurveyCompleted:l,translationVariables:u,saveFormValues:d,saveOthersValue:m,skipBlock:p,skipStatement:f,clearRadioSelection:g,onSubmitHandler:h,answers:v,questions:y,resetSurvey:b,initialStatementHasAnswer:w,navigateToStart:x,activeIndexOfRenderedStatement:E,navigateToNextStatement:_,navigateToPreviousStatement:k,pivot:C,formQuestionErrors:A,textboxQuestionErrors:S,contactFormErrors:M,fileUploadErrors:T,setErrors:Z}=(e=>{const r=e.survey.question_details?.questions||[],o=e.contactData||{},i=e.translationVariables||{},[a]=t.useState(e.survey?.blocks?.filter((e=>"TY"!==e.name&&!e.is_deleted))),[s,c]=t.useState({formErrors:{},textBoxErrors:{},fileUploadErrors:{},contactFormErrors:{}}),l=t.useMemo((()=>yl({blocks:a,questions:r,responses:e.answers,answerStatus:e.answerStatus||"PARTIAL"})),[a,r,e.answers]),[u,d]=t.useState(l.renderedBlocks),[m,p]=t.useState(l.activeIndexOfRenderedBlocks),[f,g]=t.useState(l.activeIndexOfRenderedStatement),h=t.useRef(l.pivot),v=t.useRef(l.isInitialTransition),[y,b]=t.useState(l.answers),w=t.useRef(),x=t.useRef(((l.isConsideredCompleted||"PARTIAL"===e.answerStatus)&&e.canResubmit)??!1),[E,_]=t.useState(!1),k=t.useRef(null),C=u[m],A=n.useMemo((()=>u.length>0?a?.findIndex((e=>e.name===u[m]?.name)):0),[m]);t.useEffect((()=>{if(l.isConsideredCompleted&&v.current&&e.canResubmit)return;const{others_meta:t,...n}=e.answers;if(!a||!a.length||!D(n))return;h.current={...h.current,question:tl({questions:r})},null!=e.initialPivotAnswer&&(h.current={...h.current,answer:nl(h.current.question,e.initialPivotAnswer)},b({...y,formValues:{...y.formValues,[h.current.question.name]:h.current.answer}}));const o=ol({pivotQn:h.current.question,pivotQnAnswer:h.current.answer,block:a[0],questions:r});d([{...a[0],question:o}])}),[a,e.initialPivotAnswer]),t.useEffect((()=>{l.isConsideredCompleted&&v.current&&e.canResubmit||(u.length&&p(u.length-1),k.current?.scrollIntoView({block:"start",behavior:"smooth"}))}),[u]),t.useEffect((()=>{if(!(l.isConsideredCompleted&&v.current&&e.canResubmit)&&!D(y.formValues)&&a&&S())if(ml({blocks:a,activeIndexOfBlocks:A,renderedBlocks:u,activeIndexOfRenderedBlocks:m,answers:y,questions:r})){const t=()=>{const e=ll({renderedBlocks:u,activeBlock:C,blocks:a,activeIndexOfBlocks:A,answers:y,questions:r,contactData:o});if(e===1/0)return void setTimeout((()=>{M("COMPLETE"),_(!0)}));setTimeout((()=>{M()}));const t=ol({pivotQn:h.current?.question,pivotQnAnswer:h.current?.answer,block:a?.[e],questions:r}),n=vl({renderedBlocks:u,activeIndexOfRenderedBlocks:m});d([...n,{...a?.[e],question:t}])};null!=e.initialPivotAnswer&&1==u.length?w.current?(clearTimeout(w.current),w.current=null,t()):w.current=setTimeout((()=>{}),1500):t()}else"MATRIX_RATING_SCALE"===C?.question?.type_info?.question_type&&M()}),[y,a]);const S=()=>{if(C.question_name)switch(C.question?.type_info?.question_type){case"FORM_FIELD":return wl({fields:C.question?.type_info?.form_fields?.fields,answers:y.formValues?.[C.question_name]||{},errorSetter:c,questionName:C.question_name,errors:s,translationVariables:i});case"TEXT":return xl({type:C.question?.type_info?.text_field?.text_type,answer:y.formValues?.[C.question_name]||"",errorSetter:c,questionName:C.question_name,errors:s,translationVariables:i});case"CONTACT_FORM":return El({fields:C.question?.type_info?.contact_form?.fields,answers:y.formValues?.[C.question_name]||{},errorSetter:c,questionName:C.question_name,errors:s,translationVariables:i});case"FILE":return _l({errors:s.fileUploadErrors})}return!0},M=(t="PARTIAL")=>{let n=()=>{};if(!S())return;const r={...y.formValues};"COMPLETE"===t&&(n=()=>{_(!0),x.current=!1},"CONSENT"===C.question?.type_info?.question_type&&"CHECKBOX"===C.question?.type_info?.meta?.display_format&&C.question_name&&D(y.formValues[C.question_name])&&!C.required&&(r[C.question_name]=!1,b((e=>({...e,formValues:{...e.formValues,[C.question?.name]:!1},commitDirtyValue:!1}))))),C.question_name&&void 0===r[C.question_name]&&(r[C.question_name]=null),e.onSubmit({...r,others_meta:y.others},n,t,x.current?"EDIT":"CREATE")},T=()=>{const e=C.question;if(m!==u.length-1){const t=hl({renderedBlocks:u,activeIndexOfRenderedBlocks:m,answers:y}),n=vl({renderedBlocks:u,activeIndexOfRenderedBlocks:m});d(n),b({...t,formValues:{...t.formValues,[e.name]:null},commitDirtyValue:!0})}else b({...y,formValues:{...y.formValues,[e.name]:null},commitDirtyValue:!0})},Z=()=>{g((e=>e+1))},N=(e,t,n=!1,r=m)=>{v.current=!1,e.question.name===h.current?.question.name&&(h.current={...h.current,answer:t});let o=y;x.current||!n&&!dl({question:e.question,answers:y})||(o=hl({renderedBlocks:u,activeIndexOfRenderedBlocks:r,answers:y})),r!==m&&p(r),b({...o,formValues:{...o.formValues,...null!=t&&{[e.question.name]:t}},commitDirtyValue:n}),"SINGLE_ANSWER"===C.question.type_info?.matrix_properties?.type&&f<(C.question?.type_info?.matrix_properties?.statements||[]).length-1&&setTimeout((()=>{Z?.()}),0)},I=n.useMemo((()=>{if("MATRIX_RATING_SCALE"!==C?.question?.type_info?.question_type)return!1;const e=(C?.question?.type_info?.matrix_properties?.statements||[])[f];return((y.formValues[C?.question.name]||[]).find((t=>t.statement_id===e?.id))?.rating_labels||[]).length>0}),[f,m]);return{blocks:a,questions:r,renderedBlocks:u,initialStatementHasAnswer:I,activeBlock:C,activeIndexOfBlocks:A,activeIndexOfRenderedBlocks:m,activeIndexOfRenderedStatement:f,navigateToNextStatement:Z,navigateToPreviousStatement:()=>{g((e=>e-1))},isSurveyCompleted:E,pivot:h.current,answers:y,translationVariables:i,formQuestionErrors:s.formErrors,textboxQuestionErrors:s.textBoxErrors,fileUploadErrors:s.fileUploadErrors,contactFormErrors:s.contactFormErrors,setErrors:c,saveFormValues:N,saveOthersValue:(e,t,n=m)=>{if(n!==m&&p(n),null===t){const t={...y.others};delete t[e],b({...y,commitDirtyValue:!1,others:t})}else b({...y,commitDirtyValue:!1,others:{...y.others,[e]:t}})},skipBlock:T,skipStatement:()=>{if(e.isMobile||e.isWidget){const e=C?.question?.type_info?.matrix_properties?.statements||[],t=e[f],n=y.formValues[C?.question.name]||[],r=f<e.length-1;N(C,n.filter((e=>e.statement_id!==t.id)),!r),r&&"MULTIPLE_ANSWERS"===C?.question?.type_info?.matrix_properties?.type&&setTimeout((()=>{Z?.()}),0)}else T()},clearRadioSelection:e=>{e!==m&&p(e);const t=u[e].question;delete y.formValues[t.name],delete y.others[t.name];const n=hl({renderedBlocks:u,activeIndexOfRenderedBlocks:e,answers:y}),r=vl({renderedBlocks:u,activeIndexOfRenderedBlocks:e});d(r),b({...n,commitDirtyValue:!1})},onSubmitHandler:M,navigateToStart:()=>{x.current=!0,_(!1)},resetSurvey:()=>{_(!1);const e=ol({pivotQn:h.current?.question,pivotQnAnswer:h.current?.answer,block:a[0],questions:r});d([{...a[0],question:e}]),p(0),b({formValues:{},others:{},commitDirtyValue:!1})}}})(e),N=t.useRef(null),[I,O]=t.useState(!1),q=n.useMemo((()=>L(C?.question)),[C?.question]),z=D(v.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[P,F]=t.useState(z);if(t.useEffect((()=>{N.current?.scrollIntoView({block:"start",behavior:"smooth"})}),[i]),t.useEffect((()=>{e.getSurveyProgress?.({totalBlocks:o.length,isSurveyCompleted:l,activeIndexOfBlocks:s})}),[o.length,l,s]),!a||!a.question)return null;const{question:j}=i[c];return n.createElement("div",{className:`freemium-survey-components ${e.isMobile?"mobile-preview":""} standard-survey-style`,id:"freemium-survey"},n.createElement(r.SwitchTransition,{mode:"out-in"},n.createElement(r.CSSTransition,{key:String(l)+String(P),addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:"fade"},n.createElement("div",null,P&&e.survey.prompt_settings?n.createElement("div",{className:"questions"},n.createElement("div",{className:"question-container"},n.createElement(Ia,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt?.(t),1===t&&F(!1)},placeholders:e.placeholders}))):n.createElement(n.Fragment,null,l?n.createElement(Zl,{thankYouQuestion:ol({pivotQn:C?.question,pivotQnAnswer:C?.answer,block:sl({activeBlock:a,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:v,questions:y,activeIndexOfBlocks:s,renderedBlocks:i,contactData:e.contactData}),questions:y}),preview:!!e.preview,placeholders:e.placeholders,pivot:{...C,question:C?.question||{name:""},answer:C?.answer},rangeToRender:q,canResubmit:e.canResubmit,isMobile:e.isMobile,allowMultipleSubmission:e.allowMultipleSubmission,translationVariables:u,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",(()=>{O(!1),x()})):(O(!1),x())},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",(()=>{O(!1),b()})):(O(!1),b())}}):n.createElement(n.Fragment,null,n.createElement("div",{onTransitionEndCapture:e=>e.stopPropagation(),className:"questions"},i.map(((t,r)=>n.createElement("div",{key:t.question.name,ref:N,className:"question-container"},n.createElement("div",{className:`question-text ${!a.question.type_info?.pivot_question&&a.required?"required":""} ${0===r?"nps":""}`.trim(),dangerouslySetInnerHTML:{__html:B({questionText:t.question.text,placeholders:e.placeholders,npsRating:C?.answer,ratingLabel:R(C?.answer)?"":q?.find((e=>e?.value===String(C?.answer)))?.text??"",preference:C?.question.type_info?.scale_properties?.labels?.preference,isPreview:!!e.preview})},"aria-label":`question-${r}`,role:"heading","aria-level":1}),n.createElement(Qc,{fileUploadErrors:T,setErrors:Z,onFileUpload:e.onFileUpload,survey:e.survey,question:t.question,isFinalQn:rl({blocks:o,activeIndexOfBlocks:s,renderedBlocks:i,activeIndexOfRenderedBlocks:c,questions:y}),formValues:v.formValues,othersMeta:v.others,isMobile:!!e.isMobile,autoFocusDelay:"standard"===e.surveyStyle?350:20,activeIndexOfRenderedStatement:E,saveOthersValue:(e,t)=>{m(e,t,r)},onChangeHandler:e=>{d(t,e,!1,r)},initialPivotAnswer:e.initialPivotAnswer,formQuestionErrors:A,textboxQuestionErrors:S,contactFormErrors:M}),n.createElement(Nl,{isWidget:!1,surveyStyle:e.surveyStyle,answers:v,renderedBlocks:i,blocks:o,blockIndex:r,activeIndexOfRenderedBlocks:c,initialStatementHasAnswer:w,navigateToNextStatement:_,navigateToPreviousStatement:k,activeIndexOfBlocks:s,saveFormValues:d,isMobile:!!e.isMobile,skipBlock:p,skipStatement:f,clearRadioSelection:g,onSubmitHandler:h,initialPivotAnswer:e.initialPivotAnswer,translationVariables:u,formQuestionErrors:A,textboxQuestionErrors:S,contactFormErrors:M,fileUploadErrors:T,questions:y})))),pl("submit",{answers:v,blocks:o,activeIndexOfBlocks:s,initialStatementHasAnswer:w,isMobile:!!e.isMobile,activeIndexOfRenderedBlocks:c,renderedBlocks:i,surveyStyle:e.surveyStyle,isWidget:!1,questions:y})&&n.createElement("div",{className:"submit"},n.createElement(nr,{disabled:!!gl("submit",{answers:v,blocks:o,initialStatementHasAnswer:w,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:c,renderedBlocks:i,activeIndexOfRenderedStatement:E,isSubmitting:I}),onClick:()=>{D(A?.[j.name])&&D(S?.[j.name])&&D(T?.[j.name])&&D(M?.[j.name])&&(O(!0),h("COMPLETE"))}},I?"Submitting":"Submit survey")))))))),n.createElement(wa,{...e.footerProps,surveyType:e.survey.type,translationVariables:u}))};I(':root {\n  --default-brand-color: #264966;\n  --default-question-text-color: #3a4b67;\n  --default-question-background-color: #fff;\n  --default-background-color: #f8f8f8;\n  --default-button-text-color: #fff;\n  --default-secondary-button-text-color: #000;\n  --default-input-placeholder-color: #92a2b1;\n  --secondary-button-linear-gradient: linear-gradient(\n    180deg,\n    #ffffff 0%,\n    #f5f7f9 100%\n  );\n}\n\n.freemium-survey-components.widget-survey-components {\n  overflow: hidden;\n}\n.freemium-survey-components.widget-survey-components * {\n  scrollbar-color: rgba(216, 216, 216, 0.5) transparent !important;\n}\n.freemium-survey-components.widget-survey-components * ::-webkit-scrollbar {\n  height: auto;\n  height: initial;\n  width: 6px;\n}\n.freemium-survey-components.widget-survey-components * ::-webkit-scrollbar-track {\n  background: transparent !important;\n}\n.freemium-survey-components.widget-survey-components * ::-webkit-scrollbar-thumb {\n  border-radius: 5px;\n  background: rgba(216, 216, 216, 0.5) !important;\n}\n.freemium-survey-components.widget-survey-components p {\n  margin: 0;\n}\n.freemium-survey-components.widget-survey-components .questions {\n  min-width: 100%;\n  max-width: 100%;\n  background: var(--default-question-background-color);\n  background: var(--question-background-color, var(--default-question-background-color));\n  position: relative;\n  display: flex;\n  justify-content: row;\n  align-items: flex-end;\n  height: 100%;\n  transition: height 200ms ease;\n}\n.freemium-survey-components.widget-survey-components .question-container {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  text-align: center;\n  max-height: 100%;\n  min-width: 100%;\n  max-width: 700px;\n  margin: 0 auto;\n  box-shadow: 0px 12px 15px rgba(18, 52, 77, 0.03);\n  padding: 28px 0;\n  padding-top: 0;\n  grid-gap: 28px;\n  gap: 28px;\n  overflow: auto;\n}\n.freemium-survey-components.widget-survey-components .prompt-container {\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n}\n.freemium-survey-components.widget-survey-components .question-wrapper {\n  width: 100%;\n  padding: 4px 28px;\n}\n.freemium-survey-components.widget-survey-components .question-wrapper .button-container {\n  margin-bottom: 20px;\n}\n.freemium-survey-components.widget-survey-components .question-wrapper .footer {\n  margin-top: 20px;\n  text-align: center;\n  font-size: 12px;\n  color: var(--question-text-color);\n}\n.freemium-survey-components.widget-survey-components .prompt-declined {\n  text-align: center !important;\n}\n.freemium-survey-components.widget-survey-components .hide-question-container {\n  opacity: 0;\n}\n.freemium-survey-components.widget-survey-components .question-text {\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.8;\n  width: 100%;\n  text-align: left;\n  padding: 0 28px;\n  color: var(--default-question-text-color);\n  color: var(--question-text-color, var(--default-question-text-color));\n}\n.freemium-survey-components.widget-survey-components .question-text p {\n  all: inherit;\n  padding: 0;\n}\n.freemium-survey-components.widget-survey-components .question-text a {\n  color: var(--link-color);\n  text-decoration: underline;\n}\n.freemium-survey-components.widget-survey-components .question-text.required > p:nth-last-child(1)::after {\n  content: "*";\n  color: rgb(215, 45, 48);\n  margin-left: 4px;\n}\n.freemium-survey-components.widget-survey-components .autofocus-button {\n  border: none;\n  width: 0;\n  height: 0;\n  opacity: 0;\n  margin-top: -12px;\n  margin-left: -12px;\n  position: absolute;\n}\n.freemium-survey-components.widget-survey-components .fade-enter {\n  opacity: 1;\n  transform: translateX(80px);\n  position: absolute;\n}\n.freemium-survey-components.widget-survey-components .fade-enter-active {\n  position: absolute;\n  opacity: 1;\n  transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-enter-done {\n  position: absolute;\n}\n.freemium-survey-components.widget-survey-components .fade-exit {\n  opacity: 0.05;\n  pointer-events: none;\n  transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-exit-active {\n  pointer-events: none;\n  opacity: 0;\n  transform: translateX(-80px);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-enter {\n  opacity: 0;\n  position: absolute;\n  transform: translateX(-80px);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-enter-active {\n  opacity: 1;\n  position: absolute;\n  transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-exit {\n  opacity: 0.05;\n  transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-exit-active {\n  opacity: 0;\n  transform: translateX(80px);\n}\n.freemium-survey-components.widget-survey-components .fade-enter-active,\n.freemium-survey-components.widget-survey-components .fade-reverse-enter-active,\n.freemium-survey-components.widget-survey-components .fade-reverse-exit-active,\n.freemium-survey-components.widget-survey-components .fade-exit-active {\n  transition: opacity 200ms, transform 200ms;\n}\n.freemium-survey-components.widget-survey-components .question-footer {\n  margin: 0px auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  position: sticky;\n  padding: 0 28px;\n  bottom: -28px;\n  margin-top: 20px;\n  background: var(--default-question-background-color);\n  background: var(--question-background-color, var(--default-question-background-color));\n  grid-gap: 40px;\n  gap: 40px;\n  width: 100%;\n}\n.freemium-survey-components.widget-survey-components .question-footer:empty {\n  display: none;\n}\n.freemium-survey-components.widget-survey-components .question-footer:only-child {\n  margin-left: auto;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation {\n  white-space: nowrap;\n  border-radius: 3px;\n  border: 1px solid #efefef;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button {\n  width: 38px;\n  text-align: -webkit-center;\n  height: 40px;\n  background-color: #fff;\n  border: none;\n  cursor: pointer;\n  border-radius: 0 3px 3px 0;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button:first-of-type {\n  border-right: 1px solid #efefef;\n  border-radius: 3px 0 0 3px;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button:focus {\n  position: relative;\n  z-index: 1;\n}\n.freemium-survey-components.widget-survey-components .action-buttons {\n  display: flex;\n  grid-gap: 20px;\n  gap: 20px;\n  width: 100%;\n}\n.freemium-survey-components.widget-survey-components .action-buttons:empty {\n  display: none;\n}\n.freemium-survey-components.widget-survey-components .skip-button {\n  font-weight: 500;\n  cursor: pointer;\n  color: #3a4b67;\n  background: transparent;\n  border: none;\n  min-width: 40px;\n  padding: 8px 16px;\n  border-radius: 4px;\n  color: var(--default-secondary-button-text-color);\n  color: var(--secondary-button-text-color, var(--default-secondary-button-text-color));\n  letter-spacing: 0.05rem;\n  line-height: 1.5;\n  border: 1px solid transparent;\n  transform: translateY(0px);\n  transition: transform ease 0.2s;\n}\n.freemium-survey-components.widget-survey-components .skip-button:hover {\n  background-color: #f3f3f3;\n  transform: translateY(-4px);\n}\n.freemium-survey-components.widget-survey-components .next-button,\n.freemium-survey-components.widget-survey-components .submit {\n  color: var(--default-button-text-color);\n  color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.widget-survey-components .secondary-button {\n  border: 1px solid #cfd7df;\n  background-image: linear-gradient(\n    180deg,\n    #ffffff 0%,\n    #f5f7f9 100%\n  );\n  background-image: var(--secondary-button-linear-gradient);\n  box-shadow: 0 1px 0 0 rgba(24, 50, 71, 0.05);\n  color: #12344d;\n  background-color: #ffffff;\n  width: 100%;\n}\n.freemium-survey-components.widget-survey-components .secondary-button:hover {\n  background-color: #f5f7f9;\n  background-image: none;\n}\n.freemium-survey-components.widget-survey-components .thankyou {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  grid-gap: 20px;\n  gap: 20px;\n  min-height: 180px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .heading {\n  font-weight: 500;\n  font-size: 22px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .text {\n  white-space: pre-wrap;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 1.6;\n  color: #475867;\n}\n.freemium-survey-components.widget-survey-components .thankyou .redirection-text {\n  color: #929292;\n  margin-bottom: 12px;\n  font-weight: 300;\n}\n.freemium-survey-components.widget-survey-components .thankyou .link {\n  width: 100%;\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: #666;\n  font-weight: 500;\n  text-decoration: underline;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions {\n  display: flex;\n}\n.freemium-survey-components.widget-survey-components .thankyou .thank-you-image {\n  justify-content: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions.mobile {\n  flex-direction: column;\n  align-items: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions.mobile button.action-button {\n  justify-content: center;\n  margin-bottom: 8px;\n  letter-spacing: 0.05em;\n  line-height: 1.5;\n  border: 1px solid transparent;\n  transform: translateY(0px);\n  transition: transform ease 0.2s;\n  background-color: #e5f2fd;\n  margin: 6px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions.mobile button.action-button:hover {\n  transform: translateY(-4px);\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container {\n  display: flex;\n  grid-gap: 10px;\n  gap: 10px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link {\n  background: #f5f7f9;\n  padding: 20px 0px;\n  border-radius: 10px;\n  width: 300px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link .links {\n  display: flex;\n  grid-gap: 10px;\n  gap: 10px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link .link-image-url {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 45px;\n  width: 45px;\n  background: #fff;\n  border-radius: 8px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link .link-page-name {\n  padding: 0px 20px 0px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: #fff;\n  height: 45px;\n  border-radius: 8px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .title-text {\n  padding-bottom: 14px;\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.4px;\n  font-style: normal;\n  font-weight: 600;\n  color: #213249;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-custom-button-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 300px;\n  border-radius: 10px;\n  padding: 20px 0px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-custom-button-container .button_text {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  grid-gap: 10px;\n  gap: 10px;\n  height: 45px;\n  padding: 0px 20px;\n  background: #4560f6;\n  color: #fff;\n  font-weight: 700px;\n  border-radius: 8px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions button.action-button {\n  width: unset;\n  letter-spacing: 0.05em;\n  line-height: 1.5;\n  border: 1px solid transparent;\n  transform: translateY(0px);\n  transition: transform ease 0.2s;\n  background-color: #e5f2fd;\n  margin: 6px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions button.action-button:hover {\n  transform: translateY(-4px);\n}\n.freemium-survey-components.widget-survey-components .thankyou button.action-button {\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 20px;\n  color: #2c5cc5;\n  border: none;\n  background: none;\n  padding: 8px 12px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou button.action-button svg {\n  margin-right: 8px;\n}\n.freemium-survey-components.widget-survey-components .responsive-text-field .input-container {\n  display: none;\n}\n.freemium-survey-components.widget-survey-components .responsive-text-field .textarea-container {\n  display: flex;\n}\n.freemium-survey-components.widget-survey-components .responsive-text-field .textarea-container textarea {\n  min-height: 80px;\n  height: 80px;\n}\n.freemium-survey-components.widget-survey-components .responsive-input-field .input-container input {\n  min-height: 40px;\n}\n.freemium-survey-components.widget-survey-components .message-container:empty {\n  display: none;\n}\n\n.freemium-survey-components.widget-survey-components.compact-style .question-container {\n  grid-gap: 20px;\n  gap: 20px;\n  max-width: 100%;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer {\n  flex-direction: column;\n  grid-gap: 20px;\n  gap: 20px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .compact-footer-layout {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  align-items: center;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .compact-footer-layout:empty {\n  display: none;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .action-buttons {\n  grid-gap: 32px;\n  gap: 32px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .submit,\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .action-button {\n  max-width: unset;\n  width: 100%;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container {\n  max-height: 470px;\n  min-height: 150px;\n  overflow: auto;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .heading,\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .text {\n  width: 100%;\n  word-break: break-word;\n  margin-bottom: 10px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .thankyou-logo-img {\n  max-height: 50px;\n  max-width: 50px;\n  margin: auto auto 10px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .wrap-up-actions.mobile button.action-button {\n  margin-bottom: 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container {\n  border-top: 2px solid #f5f7f9;\n  grid-gap: 0px;\n  gap: 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container .show-link {\n  background: transparent;\n  padding: 10px 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container .show-link .link-image-url {\n  border: 1px solid #f3f3f3;\n  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container .show-link .link-page-name {\n  border: 1px solid #f3f3f3;\n  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-custom-button-container {\n  padding: 10px 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou .text {\n  width: 86%;\n  margin: auto;\n}\n.freemium-survey-components.widget-survey-components.compact-style .range-container .range-scale .labels.labels-5 {\n  justify-content: space-between;\n  grid-gap: unset;\n  gap: unset;\n}\n\n.freemium-survey-components.widget-survey-components.default-style .question-footer {\n  justify-content: space-between;\n}\n.freemium-survey-components.widget-survey-components.default-style .wrap-up-actions {\n  margin-bottom: 10px;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container {\n  max-height: 450px;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container .wrap-up-actions {\n  display: flex;\n  justify-content: center;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container .thankyou-logo-img {\n  height: 100px;\n  width: auto;\n  margin: auto auto 10px;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container .text {\n  margin: 10px;\n}\n.freemium-survey-components.widget-survey-components.default-style .radio-group {\n  flex-direction: column;\n  flex-wrap: nowrap;\n}\n.freemium-survey-components.widget-survey-components.default-style .radio-group .radio-label {\n  padding: 12px 16px;\n  min-width: 160px;\n  font-size: 0.9em;\n  color: #3a4b67;\n}\n.freemium-survey-components.widget-survey-components.default-style .checkbox-group .checkbox-label {\n  padding: 12px 16px;\n  min-width: 160px;\n  font-size: 0.9em;\n}\n.freemium-survey-components.widget-survey-components.default-style textarea {\n  min-height: 84px;\n}\n.freemium-survey-components.widget-survey-components.default-style .end-max-length {\n  font-size: 0.8em;\n  font-weight: 300;\n  padding: 4px;\n}\n\n.freemium-survey-components.widget-survey-components.cozy-style {\n  max-width: 1000px;\n  min-width: 600px;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .question-text {\n  font-size: 16px;\n  text-align: left;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .question-text p {\n  text-align: left;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .question-footer {\n  justify-content: space-between;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container {\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  grid-gap: 25px;\n  gap: 25px;\n  width: 80%;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .heading,\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .text {\n  text-align: left;\n  word-break: break-word;\n  margin: 10px;\n  box-sizing: border-box;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .thankyou-image {\n  text-align: center;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .thankyou-logo-img {\n  height: 100px;\n  width: auto;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container {\n  display: flex;\n  align-items: baseline;\n  justify-content: flex-start;\n  margin: 10px;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-link {\n  background: transparent;\n  display: flex;\n  align-items: baseline;\n  width: -moz-fit-content;\n  width: fit-content;\n  padding-right: 20px;\n  border-right: 1px solid #f3f3f3;\n  border-radius: 0;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-link .link-image-url,\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-link .link-page-name {\n  border: 1px solid #f3f3f3;\n  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-custom-button-container {\n  justify-content: right;\n  align-items: baseline;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-custom-button-container .button_text {\n  justify-content: right;\n  align-items: right;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .range-container .widget {\n  display: flex;\n  justify-content: center;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .range-container .button-container {\n  width: 90%;\n  min-width: 600px;\n  margin: 0 auto;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .action-button {\n  line-height: 1.2;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .radio-group {\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .radio-group .radio-label {\n  padding: 12px 16px;\n  min-width: 160px;\n  font-size: 0.9em;\n  color: #3a4b67;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .checkbox-group {\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .checkbox-group .checkbox-label {\n  padding: 12px 16px;\n  min-width: 160px;\n  font-size: 0.9em;\n}\n.freemium-survey-components.widget-survey-components.cozy-style textarea {\n  min-height: 60px;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .end-max-length {\n  font-size: 0.8em;\n  font-weight: 300;\n  padding: 4px;\n}\n\n.freemium-survey-components.mobile-preview .thankyou .text {\n  width: unset;\n}\n.freemium-survey-components.mobile-preview .thankyou .thankyou-logo-img {\n  height: 100px;\n  width: auto;\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container {\n  border-top: 2px solid #f5f7f9;\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container .show-link {\n  background: transparent;\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container .show-link .link-image-url {\n  border: 1px solid #f3f3f3;\n  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container .show-link .link-page-name {\n  border: 1px solid #f3f3f3;\n  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.mobile-preview .range-container .range-scale .labels.labels-5 {\n  justify-content: space-between;\n  grid-gap: unset;\n  gap: unset;\n}');const Ol=({thankYouQuestion:e,placeholders:t,canResubmit:r,navigateToStart:o,resetSurvey:i,widgetStyle:a,allowMultipleSubmission:s,pivot:c,rangeToRender:l,translationVariables:u})=>{const{show_custom_button:d,show_review_links:m,show_social_links:p,image_url:f}=e.type_info?.meta??{};return n.createElement("div",{className:"thankyou-container"},f&&n.createElement("img",{className:"thankyou-logo-img",src:f,alt:"thankyou_logo"}),n.createElement("div",null,n.createElement("div",{className:f?"heading":"heading thankyou-image"},e?.type_info?.header_text||""),n.createElement("div",{className:f?"text":"text thankyou-image",dangerouslySetInnerHTML:{__html:B({questionText:e.text,placeholders:t,npsRating:c?.answer,ratingLabel:R(c?.answer)?"":l?.find((e=>e?.value===String(c?.answer)))?.text??"",preference:c?.question.type_info?.scale_properties?.labels?.preference})}}),(r||s)&&n.createElement("div",{className:`wrap-up-actions ${f?"":"thank-you-image"} ${"compact"===a?"mobile":""}`.trim()},r&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:o},n.createElement(T,{name:"edit"}),u?.edit_response||"Edit your response"),s&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:i},n.createElement(T,{name:"reload"}),u?.another_response||"Submit another response")),n.createElement(Oa,{show_custom_button:d,show_review_links:m,show_social_links:p})))},ql=({activeIndexOfBlocks:e,activeIndexOfRenderedBlocks:t,renderedBlocks:r,blocks:o,answers:i,initialStatementHasAnswer:a,translationVariables:s,activeIndexOfRenderedStatement:c,navigateToPreviousBlock:l,navigateToNextBlock:u})=>{const d={blocks:o,renderedBlocks:r,activeIndexOfBlocks:e,initialStatementHasAnswer:a,activeIndexOfRenderedBlocks:t,activeIndexOfRenderedStatement:c,answers:i};return n.createElement("div",{className:"freemium-survey-step-navigation","data-navigation-element":"1"},n.createElement("button",{disabled:!!gl("navigation-prev",d),className:"navigation-button",onClick:l,title:c>0?s?.prev_statement||"go to previous statement":s?.prev_question||"go to previous question"},n.createElement(T,{name:"arrow-previous"})),n.createElement("button",{className:"navigation-button",disabled:!!gl("navigation-next",d),onClick:u,title:s?.next_question||"go to next question"},n.createElement(T,{name:"arrow-next"})))},Rl=e=>{const{isWidget:r,widgetStyle:o,answers:i,initialStatementHasAnswer:a,renderedBlocks:s,blocks:c,activeIndexOfBlocks:l,navigateToNextStatement:u,activeIndexOfRenderedBlocks:d,translationVariables:m,saveFormValues:p,activeIndexOfRenderedStatement:f=0,onSubmitHandler:g,skipBlock:h,skipStatement:v,navigateToNextBlock:y,navigateToPreviousBlock:b,formQuestionErrors:w,textboxQuestionErrors:x,fileUploadErrors:E,contactFormErrors:_,questions:k}=e,[A,S]=t.useState(!1),M={answers:i,blocks:c,isMobile:!1,activeIndexOfBlocks:l,activeIndexOfRenderedBlocks:d,initialStatementHasAnswer:a,activeIndexOfRenderedStatement:f,renderedBlocks:s,isWidget:r,blockIndex:d,questions:k},T={answers:i,blocks:c,isWidget:r,isMobile:!1,activeIndexOfBlocks:l,activeIndexOfRenderedStatement:f,initialStatementHasAnswer:a,activeIndexOfRenderedBlocks:d,renderedBlocks:s,isSubmitting:A},{question:Z}=s[d],N=Z?.type_info?.question_type,I=(e=!1)=>{const t=e?[...C].reverse():[...C];return pl("consent",M)&&"BUTTON"===q&&t.map((e=>n.createElement(nr,{key:d+String(e.id),onClick:()=>{p(s[d],e.recordAs,!0)},disabled:gl("consent",T),className:(e.recordAs?"next":"secondary")+"-button"},Z?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue)))},O="compact"===o&&(pl("navigation",M)&&pl("skip",M)||"CONSENT"===N||"MESSAGE"===N),q=Z?.type_info?.meta?.display_format;return n.createElement(n.Fragment,null,(pl("navigation",M)||pl("next",M)||pl("next-statement",M)||pl("consent",M)||pl("submit",M)||pl("skip",M)||pl("skip-statement",M)||pl("message",M))&&n.createElement("div",{className:"question-footer"},O?n.createElement(n.Fragment,null,pl("next",M)&&n.createElement(nr,{onClick:()=>{p(s[d],"CHECKBOX"===Z?.type_info?.meta?.display_format&&"CONSENT"===Z?.type_info?.question_type?i.formValues[Z.name]??!1:null,!0)},disabled:!!gl("next",T),className:"next-button"},m?.next||"Next"),pl("message",M)&&n.createElement(nr,{onClick:h,disabled:gl("message",T),className:"next-button"},Z?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"),pl("submit",M)&&n.createElement("div",{className:"submit"},n.createElement(nr,{disabled:!!gl("submit",T),onClick:()=>{D(w?.[Z.name])&&D(x?.[Z.name])&&D(E?.[Z.name])&&D(_?.[Z.name])&&(S(!0),g("COMPLETE"))}},A?m?.submitting||"Submitting":m?.submit_survey||"Submit survey")),pl("next-statement",M)&&n.createElement(nr,{onClick:()=>{u?.()},disabled:!!gl("next-statement",T),className:"next-button"},m?.next||"Next"),I(),n.createElement("div",{className:"compact-footer-layout"},n.createElement(ql,{answers:i,activeIndexOfBlocks:l,activeIndexOfRenderedBlocks:d,renderedBlocks:s,initialStatementHasAnswer:a,blocks:c,activeIndexOfRenderedStatement:f,translationVariables:m,navigateToNextBlock:y,navigateToPreviousBlock:b}),"MESSAGE"!==N&&!c[l].required&&n.createElement("button",{className:"skip-button",onClick:h,"aria-label":"skip question"},m?.skip||"Skip"))):n.createElement("div",{className:"action-buttons"},pl("navigation",M)&&n.createElement("div",{style:{marginRight:"auto"}},n.createElement(ql,{answers:i,activeIndexOfBlocks:l,activeIndexOfRenderedBlocks:d,activeIndexOfRenderedStatement:f,renderedBlocks:s,blocks:c,initialStatementHasAnswer:a,translationVariables:m,navigateToNextBlock:y,navigateToPreviousBlock:b})),n.createElement("div",{style:{flex:1}}),pl("skip",M)&&n.createElement("button",{className:"skip-button",onClick:h,"aria-label":"skip question"},m?.skip||"Skip"),pl("skip-statement",M)&&n.createElement("button",{className:"skip-button",onClick:v,"aria-label":"skip statement"},m?.skip||"Skip"),I(!0),pl("next",M)&&n.createElement(nr,{onClick:()=>{p(s[d],"CHECKBOX"===Z?.type_info?.meta?.display_format&&"CONSENT"===Z?.type_info?.question_type?i.formValues[Z.name]??!1:null,!0)},disabled:!!gl("next",T),className:"next-button"},m?.next||"Next"),pl("next-statement",M)&&n.createElement(nr,{onClick:()=>{u?.()},disabled:!!gl("next-statement",T),className:"next-button"},m?.next||"Next"),pl("submit",M)&&n.createElement("div",{className:"submit"},n.createElement(nr,{disabled:!!gl("submit",T),onClick:()=>{S(!0),g("COMPLETE")}},A?m?.submitting||"Submitting":m?.submit_survey||"Submit survey")),pl("message",M)&&n.createElement(nr,{onClick:h,disabled:gl("message",T),className:"next-button"},Z?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))))},Dl=e=>{const{blocks:o,renderedBlocks:i,activeBlock:a,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:c,isSurveyCompleted:l,isReverseAnimation:u,translationVariables:d,saveFormValues:m,saveOthersValue:p,skipBlock:f,skipStatement:g,initialStatementHasAnswer:h,onSubmitHandler:v,navigateToNextBlock:y,activeIndexOfRenderedStatement:w,navigateToNextStatement:x,navigateToPreviousStatement:E,navigateToPreviousBlock:_,answers:k,questions:C,resetSurvey:A,navigateToStart:S,pivot:M,formQuestionErrors:T,textboxQuestionErrors:Z,fileUploadErrors:N,contactFormErrors:I,setErrors:O}=kl({...e,isWidget:!0}),[q,z]=t.useState(null),P=t.useRef(0),F=n.useMemo((()=>L(M?.question)),[M?.question]),j=D(k.formValues)&&e.survey.prompt_settings?.is_enabled,[V,U]=t.useState(j),H=t.useRef(j?-1:c),G=()=>{if(q){q.style.minHeight="unset",q.style.maxHeight="unset",q.style.height="min-content",q.style.position="static";const t=Math.min(q?.scrollHeight+2,b[e.widgetStyle]);q.style.height=t+"px",q.style.minHeight=t+"px",P.current=t}};if(t.useMemo((()=>{G()}),[q]),t.useEffect((()=>{"MATRIX_RATING_SCALE"===a?.question?.type_info?.question_type&&setTimeout((()=>{G()}),0)}),[w]),t.useEffect((()=>{e.setCurrentSurveyState?.({question:i[c]?.question,npsScore:M?.answer})}),[c,M?.answer]),t.useEffect((()=>{c!==H.current&&(H.current=-1)}),[c]),!a||!a?.question)return null;e.widgetHeaderQuerySelector&&document.querySelector(e.widgetHeaderQuerySelector);const $=l?o.length:s+(l?1:0),W=l?100:($>0?100/o.length:0)*$;return n.createElement("div",{className:`freemium-survey-components widget-survey-components\n      ${e.widgetStyle}-style `,id:"freemium-survey"},l||V?null:n.createElement("div",{className:"widget-progressbar"},n.createElement("div",{className:"progress-completion"},W.toFixed(),"%"),n.createElement(er,{totalSteps:o.length,completedSteps:s+(l?1:0),isWidget:!0})),n.createElement("div",{className:"questions",style:{height:P.current,...j&&V||H.current===c?{transition:"none"}:{}}},n.createElement(r.TransitionGroup,{component:null},n.createElement(r.CSSTransition,{key:c+String(l)+String(V),unmountOnExit:!0,addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:u?"fade-reverse":"fade"},n.createElement("div",{ref:e=>e?z(e):null,id:`${a.question.name}`,className:`question-container ${l?"thankyou":""} ${V?"prompt-container":""}`,"data-test-question-name":a.question.name},V&&e.survey.prompt_settings?n.createElement(Ia,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt(t),1===t&&U(!1)},placeholders:e.placeholders}):n.createElement(n.Fragment,null,l?n.createElement(Ol,{thankYouQuestion:ol({pivotQn:M?.question,pivotQnAnswer:M?.answer,block:sl({activeBlock:a,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:k,questions:C,activeIndexOfBlocks:s,renderedBlocks:i,contactData:e.contactData}),questions:C}),placeholders:e.placeholders,canResubmit:e.canResubmit,widgetStyle:e.widgetStyle,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",S):S()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",A):A()},allowMultipleSubmission:e.allowMultipleSubmission,pivot:M,rangeToRender:F,translationVariables:d}):n.createElement(n.Fragment,null,n.createElement("div",{className:`question-text ${!a.question.type_info?.pivot_question&&a.required?"required":""} ${"RANGE"===a?.question?.type_info?.question_type?"range-question-text":""}`.trim(),dangerouslySetInnerHTML:{__html:B({questionText:a?.question.text,placeholders:e.placeholders,npsRating:M?.answer,ratingLabel:R(M?.answer)?"":F?.find((e=>e?.value===String(M?.answer)))?.text??"",preference:M?.question.type_info?.scale_properties?.labels?.preference})},"aria-label":`question-${c}`,role:"heading","aria-level":1}),n.createElement("div",{className:"question-wrapper",onTransitionEndCapture:e=>e.stopPropagation()},n.createElement(Qc,{fileUploadErrors:N,setErrors:O,onFileUpload:e.onFileUpload,survey:e.survey,question:a.question,isFinalQn:rl({blocks:o,activeIndexOfBlocks:s,renderedBlocks:i,activeIndexOfRenderedBlocks:c,questions:C}),formValues:k.formValues,widgetStyle:e.widgetStyle,isMobile:!1,othersMeta:k.others,autoFocusDelay:0,activeIndexOfRenderedStatement:w,isWidget:!0,saveOthersValue:p,onChangeHandler:e=>{m(a,e)},formQuestionErrors:T,textboxQuestionErrors:Z,contactFormErrors:I})),n.createElement(Rl,{isWidget:!0,widgetStyle:e.widgetStyle,surveyStyle:"standard",answers:k,isMobile:!1,renderedBlocks:i,initialStatementHasAnswer:h,activeIndexOfRenderedStatement:w,blocks:o,activeIndexOfRenderedBlocks:c,navigateToNextStatement:x,navigateToPreviousStatement:E,activeIndexOfBlocks:s,translationVariables:d,saveFormValues:m,skipBlock:f,skipStatement:g,onSubmitHandler:v,navigateToPreviousBlock:_,navigateToNextBlock:y,formQuestionErrors:T,textboxQuestionErrors:Z,fileUploadErrors:N,contactFormErrors:I,questions:C}))))))))};I('#freshworks-survey-widget {\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;\n  --container-width: 350px;\n  --widget-header-height: 36px;\n  --widget-footer-height: 38px;\n}\n#freshworks-survey-widget * {\n  box-sizing: border-box;\n}\n#freshworks-survey-widget input,\n#freshworks-survey-widget select,\n#freshworks-survey-widget textarea,\n#freshworks-survey-widget button {\n  font-family: inherit;\n}\n@keyframes mountWidget {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n#freshworks-survey-widget div.widget-survey-components {\n  border: none;\n}\n#freshworks-survey-widget .freemium-survey-components {\n  width: 100%;\n  height: 100%;\n  min-height: inherit;\n}\n#freshworks-survey-widget .default-container-style {\n  right: calc(50% - var(--container-width) / 2);\n}\n#freshworks-survey-widget .compact-container-style {\n  right: 40px;\n}\n#freshworks-survey-widget .compact-container-style .widget-footer {\n  padding: 8px 16px;\n}\n#freshworks-survey-widget .compact-container-style .header-content.minimized {\n  padding-left: 16px;\n}\n#freshworks-survey-widget .compact-container-style .prompt-question .actions {\n  flex-wrap: wrap;\n  justify-content: center;\n  grid-gap: 12px;\n  gap: 12px;\n  max-width: 80%;\n  display: inline-flex;\n}\n#freshworks-survey-widget .cozy-container-style {\n  max-width: 1000px;\n  min-width: 800px;\n  left: 50%;\n  transform: translate(-50%, 0);\n}\n#freshworks-survey-widget .surveyserv-widget-container {\n  position: fixed;\n  bottom: 0;\n  border-radius: 4px 4px 0 0;\n  z-index: 2147483647;\n  display: flex;\n  flex-direction: column;\n  background-color: #fff;\n  background-color: var(--question-background-color, #fff);\n  width: var(--container-width);\n  box-shadow: 0px 7px 13px rgba(18, 52, 77, 0.19);\n  transition: opacity 0.25s ease, height var(--height-transition-duration) ease;\n  animation: mountWidget 0.5s ease;\n  height: auto;\n}\n#freshworks-survey-widget .surveyserv-widget-container.widget-mobile {\n  right: 12px;\n}\n#freshworks-survey-widget .widget-header {\n  height: var(--widget-header-height);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-direction: row-reverse;\n  grid-gap: 8px;\n  gap: 8px;\n  background-color: #fff;\n  background-color: var(--question-background-color, #fff);\n  border-radius: inherit;\n  position: relative;\n}\n#freshworks-survey-widget .widget-header .icons {\n  height: 100%;\n  display: flex;\n  padding-top: 2px;\n  padding-right: 2px;\n}\n#freshworks-survey-widget .widget-header .icon {\n  cursor: pointer;\n  height: 100%;\n  width: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  background-color: transparent;\n  border: none;\n}\n#freshworks-survey-widget .widget-header .icon:hover .icon-tooltip {\n  display: block;\n  animation: mountWidget 0.4s ease;\n  opacity: 1;\n}\n#freshworks-survey-widget .widget-header .icon:hover .icon-tooltip:hover {\n  display: none;\n}\n#freshworks-survey-widget .widget-header .minimize-btn:hover {\n  background-color: #f5f5f5;\n  border-radius: 4px;\n}\n#freshworks-survey-widget .widget-header .icon-tooltip {\n  background: rgba(18, 52, 77, 0.8901960784);\n  color: #fff;\n  letter-spacing: 0.5px;\n  padding: 4px 8px;\n  border-radius: 4px;\n  font-weight: 500;\n  font-size: 0.9em;\n  position: absolute;\n  right: 48px;\n  top: 12px;\n  white-space: nowrap;\n  z-index: 1;\n  transition: opacity ease 0.2s;\n  display: none;\n  opacity: 0;\n}\n#freshworks-survey-widget .widget-header.minimized {\n  min-height: var(--widget-header-height);\n  width: 100%;\n  flex-direction: row;\n}\n#freshworks-survey-widget .header-content.minimized {\n  opacity: 0;\n  text-overflow: ellipsis;\n  width: calc(100% - 72px);\n  padding-left: 28px;\n  overflow: hidden;\n  white-space: nowrap;\n  animation: mountWidget 0.8s ease forwards;\n  animation-delay: 0.3s;\n  font-weight: 500;\n  line-height: 1.8;\n  text-align: left;\n  color: var(--default-question-text-color);\n  color: var(--question-text-color, var(--default-question-text-color));\n}\n#freshworks-survey-widget .header-content.minimized p {\n  all: inherit !important;\n  width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n#freshworks-survey-widget .widget-main {\n  opacity: 1;\n  flex-grow: 1;\n  transition: opacity 0.25s ease, height var(--height-transition-duration) ease;\n  padding-top: 4px;\n}\n#freshworks-survey-widget .widget-main.minimized {\n  opacity: 0;\n  height: 0;\n  border-radius: 3px 3px 0 0;\n}\n#freshworks-survey-widget .widget-footer {\n  height: var(--widget-footer-height);\n  font-size: 12px;\n  display: flex;\n  padding: 8px 28px;\n  justify-content: space-between;\n  align-items: center;\n  color: rgba(18, 52, 77, 0.831372549);\n  background-color: rgba(187, 187, 187, 0.1);\n  letter-spacing: 0.2px;\n}\n#freshworks-survey-widget .widget-footer .link-style {\n  color: #0000ee;\n}\n#freshworks-survey-widget .widget-footer .fw-link {\n  display: flex;\n  align-items: center;\n  grid-gap: 6px;\n  gap: 6px;\n}\n#freshworks-survey-widget .widget-footer .emoji {\n  position: relative;\n  top: -1px;\n  left: -2px;\n}\n#freshworks-survey-widget .widget-footer a {\n  color: inherit;\n  text-decoration: none;\n  box-sizing: border-box;\n  border-bottom: 1px solid transparent;\n}\n#freshworks-survey-widget .widget-footer a:hover {\n  border-bottom: 1px solid;\n}\n#freshworks-survey-widget .widget-footer .footer-text {\n  display: flex;\n  align-items: center;\n  line-height: 20px;\n}\n#freshworks-survey-widget .widget-footer .footer-text svg {\n  width: 76px;\n  height: 20px;\n  margin-top: 2px;\n}\n#freshworks-survey-widget .widget-footer.minimized {\n  justify-content: center;\n}\n#freshworks-survey-widget .widget-progressbar {\n  position: absolute;\n  top: 9px;\n  left: 18px;\n  font-size: 12px;\n  line-height: 20px;\n  width: 120px;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n}\n#freshworks-survey-widget .widget-progressbar .progressbar-container {\n  position: static;\n  width: 60px;\n  height: 3px;\n  background-color: #ebeff3;\n  border-radius: 10px;\n}\n#freshworks-survey-widget .widget-progressbar .progress-completion {\n  height: 20px;\n  margin-right: 6px;\n}\n#freshworks-survey-widget .title,\n#freshworks-survey-widget .description {\n  text-align: center;\n}\n#freshworks-survey-widget .description {\n  color: #666;\n  line-height: 1.2;\n}\n#freshworks-survey-widget .close-widget {\n  position: absolute;\n  z-index: 10;\n  background-color: #fff;\n  flex-direction: column;\n  display: flex;\n  top: 40px;\n  right: 12px;\n  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);\n  border-radius: 2px;\n  padding: 4px;\n}\n#freshworks-survey-widget .close-widget button {\n  cursor: pointer;\n  border: none;\n  background-color: transparent;\n  padding: 8px 12px;\n  border-radius: 2px;\n  font-size: 14px;\n}\n#freshworks-survey-widget .close-widget button:hover {\n  background-color: #f3f3f3;\n}\n#freshworks-survey-widget .close-widget.top {\n  top: -72px;\n}');const Ll=({survey:e,preview:r,placeholders:o,contactData:i,overRideComponent:a,onSubmit:s,onDismiss:c,onClose:l,isMobile:u,surveyType:d,unsubscribeUrl:m,isSurveyCompleted:p,children:f=null,answerStatus:g,loadSurveyCollapsed:h=!1,handleAction:v,answers:y,onAnsweringPrompt:b,allowMultipleSubmission:x,canResubmit:E,translationVariables:_})=>{const k=e.question_details?.questions||[],[C,A]=t.useState(),[S,Z]=t.useState(!1),[N,I]=t.useState(h),[O,q]=t.useState(0),{ui_theme:R}=e,[L,P]=t.useState(null),[F,j]=t.useState(null),V=n.useMemo((()=>((e=[])=>{const t=e.sort(((e,t)=>Number(e.order)-Number(t.order)));return t.find((e=>!e.is_deleted))??t[0]})(e.blocks||[])),[e.blocks]),H=V?.question_name?V.question_name||"":V.category?.[0].question_name||"",G=k.find((e=>e.name===H)),$=()=>{Z(!0),setTimeout((()=>{l?.()}),300)},W=t.useRef(null);return n.createElement("div",{className:`surveyserv-widget-container ${u?"widget-mobile":""} ${d}-container-style ${N?"minimized":""}`,style:{opacity:S?0:1,"--container-width":`${w[d]}`,"--height-transition-duration":"600ms",...z(R||{})}},n.createElement("header",{id:"surveyserv-widget-header",className:"widget-header "+(N?"minimized":"")},N&&n.createElement("span",{className:"header-content minimized",dangerouslySetInnerHTML:{__html:B({questionText:(!C&&e.prompt_settings?.is_enabled?e.prompt_settings.text:F?.question?.text)??U(G?.text||""),placeholders:{...o,"{{nps.rating}}":String(F?.npsScore??"")}})}}),n.createElement("div",{className:"icons"},!p&&n.createElement("button",{onClick:()=>{N?(I(!N),setTimeout((()=>{q(0)}),700)):(q(L?.clientHeight??0),setTimeout((()=>{I(!N)}),0))},className:"icon minimize-btn",title:N?_?.maximize||"Maximize widget":_?.minimize||"Minimize widget"},N?n.createElement(T,{name:"widget-maximize"}):n.createElement(T,{name:"widget-minimize"})),n.createElement("button",{ref:W,onClick:()=>{p||c(),$()},title:_?.dismiss||"Dismiss widget",className:"icon minimize-btn"},n.createElement(T,{name:"widget-close"})))),f,n.createElement("main",{ref:e=>P(e),className:("widget-main "+(N?"minimized":"")).trim(),style:{height:N?0:O||"auto"}},a?n.createElement(n.Fragment,null,a):n.createElement(Dl,{answers:y,widgetStyle:d,answerStatus:g,survey:e,placeholders:o,isMobile:!!u,contactData:i,allowMultipleSubmission:x,canResubmit:E,onSubmit:s,setCurrentSurveyState:j,widgetHeaderQuerySelector:N?void 0:"#surveyserv-widget-header",onAnsweringPrompt:t=>{b?.(t),A(t),0==t&&D(e.prompt_settings?.declined_message)&&$()},handleAction:v,translationVariables:_})),n.createElement("footer",{className:("widget-footer "+(N?"minimized":"")).trim()},m&&!N&&n.createElement("a",{href:m,target:"_blank",rel:"noopener noreferrer",onClick:e=>{r&&e.preventDefault(),e.stopPropagation(),$()}},_?.unsubscribe||"Unsubscribe"),n.createElement("div",{className:"footer-text"},n.createElement("a",{href:"https://www.freshworks.com/survey/?utm_source=survey&utm_medium=survey_public_page",target:"_blank",rel:"noopener noreferrer",className:"link-style"},_?.survey_theme||`${e.type||"online"} survey`)," ",_?.powered_by||"powered by","  ",n.createElement("a",{className:"fw-link",href:"https://www.freshworks.com/survey/?utm_source=survey&utm_medium=survey_public_page",target:"_blank",rel:"noopener noreferrer"},n.createElement(M,null)))))};I('.whatsapp-container {\n  --message-margin: 40px;\n  --message-border: 6px;\n  --message-bg: #fff;\n  --message-color: #0096de;\n  --message-disabled-color: #aaa;\n  --answers-bg: #d3ffc8;\n  --answers-color: #000;\n  --answers-radius: 6px;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  font-size: 14px;\n  position: relative;\n  width: 340px;\n  height: 574px;\n  background-image: url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg");\n  background-repeat: no-repeat;\n  background-size: contain;\n  margin: 0 auto;\n}\n.whatsapp-container.instagram {\n  --message-bg: none;\n  --answers-bg: #4d5bff;\n  --answers-color: #fff;\n  --answers-radius: 21px;\n  background-image: url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg");\n}\n.whatsapp-container.instagram .msg-container {\n  position: relative;\n}\n.whatsapp-container.instagram .choices {\n  display: none;\n  flex-direction: row;\n  position: absolute;\n  bottom: 0;\n  margin-right: 0;\n  width: 93%;\n}\n.whatsapp-container.instagram .choices:before {\n  content: "";\n  display: block;\n  width: 100%;\n  position: absolute;\n  top: 0px;\n  border-top: 1px solid #e8e8e8;\n}\n.whatsapp-container.instagram .choices .choice {\n  border: 1px solid #0584fe;\n  border-radius: 50px;\n  color: #0584fe;\n  box-shadow: none;\n}\n.whatsapp-container.instagram .choices.one-line .range-choice,\n.whatsapp-container.instagram .choices.one-line .choice {\n  flex-grow: 0;\n}\n.whatsapp-container.instagram .question-container {\n  background: #efefef;\n  padding: 2px;\n  border-radius: 21px;\n}\n.whatsapp-container.instagram .question-container .options-popup {\n  display: flex;\n  overflow: auto;\n  flex-direction: row;\n  padding: 5px 0px 2px;\n  box-shadow: none;\n  border-top: 1px solid #e8e8e8;\n  border-radius: 0;\n  left: 7px;\n  min-height: 50px;\n  bottom: 0px;\n}\n.whatsapp-container.instagram .question-container .options-popup footer,\n.whatsapp-container.instagram .question-container .options-popup header {\n  display: none;\n}\n.whatsapp-container.instagram .question-container .options-popup main {\n  display: flex;\n  padding: 0;\n}\n.whatsapp-container.instagram .question-container .options-popup main .option-row {\n  border: 1px solid #0584fe;\n  border-radius: 50px;\n  margin: 5px;\n  padding: 5px 10px;\n}\n.whatsapp-container.instagram .question-container .options-popup main .option-row button {\n  color: var(--message-color);\n  display: flex;\n}\n.whatsapp-container.instagram .question-container .choices-button.choice {\n  font-weight: 700;\n  font-size: 13.4838px;\n  line-height: 16px;\n  letter-spacing: -0.03em;\n  color: #333333;\n  border: none;\n  width: auto;\n  padding: 8px;\n  border-radius: 10px;\n  margin: 5px 10px 10px;\n  box-shadow: none;\n}\n.whatsapp-container.instagram .question-container .choices-button.choice svg {\n  display: none;\n}\n.whatsapp-container.instagram .question-container .question-text-container {\n  box-shadow: none;\n}\n.whatsapp-container.instagram .question-container.active {\n  margin-bottom: 40px;\n}\n.whatsapp-container.instagram .question-container.active .choices {\n  display: flex;\n  overflow: auto;\n  padding-top: 10px;\n  background: #fff;\n}\n.whatsapp-container.instagram .question-container.active .choices .choice button {\n  white-space: nowrap;\n}\n.whatsapp-container.instagram .question-container.active .choices.multi-choice {\n  padding-bottom: 0;\n}\n.whatsapp-container.instagram .question-container.active .choices.multi-choice::before {\n  content: none;\n}\n.whatsapp-container.instagram .textarea-container {\n  background: #fff;\n  margin-right: 23px;\n}\n.whatsapp-container.instagram .textarea-container textarea {\n  background: #e8e8e8;\n  border-radius: 18px;\n}\n.whatsapp-container.instagram .answers {\n  box-shadow: none;\n}\n.whatsapp-container .msg-container {\n  margin-top: 80px;\n  margin-left: 18px;\n  margin-right: 20px;\n  flex-grow: 1;\n  padding: 8px;\n  overflow: hidden;\n  display: flex;\n}\n.whatsapp-container .scroll-wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: baseline;\n  grid-gap: 12px;\n  gap: 12px;\n  overflow: scroll;\n}\n.whatsapp-container .question-text.required::after {\n  content: "*";\n  color: rgb(215, 45, 48);\n  margin-left: 4px;\n}\n.whatsapp-container .question-text {\n  font-size: 16px;\n  line-height: 18px;\n  padding: 12px;\n  background-color: var(--message-bg);\n  border-radius: var(--message-border);\n}\n.whatsapp-container .question-text p {\n  text-align: left;\n}\n.whatsapp-container .question-text a {\n  color: var(--link-color);\n  text-decoration: underline;\n}\n.whatsapp-container .question-container {\n  margin-right: var(--message-margin);\n  grid-gap: 2px;\n  gap: 2px;\n  display: flex;\n  flex-direction: column;\n  pointer-events: none;\n  text-align: left;\n}\n.whatsapp-container .question-container .question-text-container {\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n}\n.whatsapp-container .question-container.active {\n  pointer-events: initial;\n}\n.whatsapp-container .question-container.active .choice {\n  color: var(--message-color);\n}\n.whatsapp-container .question-container.active .choice button {\n  color: var(--message-color);\n}\n.whatsapp-container .question-container.active .choice svg:not(#star) {\n  fill: var(--message-color);\n}\n.whatsapp-container .question-container.active.open-modal {\n  margin-bottom: 45px;\n}\n.whatsapp-container .question-container#new {\n  margin-bottom: 10px;\n}\n.whatsapp-container .answers-container {\n  width: 100%;\n  display: flex;\n  justify-content: end;\n  text-align: left;\n}\n.whatsapp-container .answers {\n  background: var(--answers-bg);\n  margin-left: var(--message-margin);\n  border-radius: var(--answers-radius);\n  color: var(--answers-color);\n  padding: 12px;\n  width: -moz-fit-content;\n  width: fit-content;\n  min-width: 80px;\n  font-size: 16px;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n}\n.whatsapp-container .answers .reply-block {\n  background: rgba(0, 0, 0, 0.08);\n  margin: -6px -6px 4px;\n  padding: 5px 8px;\n  border-radius: 6px;\n  border-left: 3px solid #2c5cc5;\n}\n.whatsapp-container .answers .reply-block .user {\n  color: #2c5cc5;\n  font-weight: 600;\n  margin-bottom: 3px;\n}\n.whatsapp-container .answers:empty {\n  display: none;\n}\n.whatsapp-container .answers .answer-text {\n  display: flex;\n  align-items: center;\n}\n.whatsapp-container .answers .answer-text span {\n  white-space: nowrap;\n}\n.whatsapp-container .options-popup {\n  position: absolute;\n  z-index: 1;\n  border-radius: 12px 12px 30px 30px;\n  background-color: #fff;\n  box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.06);\n  padding: 12px 8px;\n  bottom: 15px;\n  left: 18px;\n  right: 22px;\n  transform: translateY(80px);\n  transition: all linear 0.3s;\n  opacity: 0;\n}\n.whatsapp-container .fade-enter-active {\n  transform: translateY(0px);\n  opacity: 1;\n}\n.whatsapp-container .fade-enter-done {\n  transform: translateY(0px);\n  opacity: 1;\n}\n.whatsapp-container .fade-exit-active {\n  opacity: 0;\n  transform: translateY(80px);\n}\n.whatsapp-container .fade-exit-done {\n  opacity: 0;\n  transform: translateY(80px);\n}\n.whatsapp-container .option-row {\n  padding-bottom: 16px;\n}\n.whatsapp-container .option-row button {\n  display: flex;\n  align-items: center;\n  flex-wrap: nowrap;\n  width: 100%;\n}\n.whatsapp-container .option-row button span {\n  white-space: nowrap;\n  margin-left: 5px;\n}\n.whatsapp-container header {\n  text-align: center;\n  display: flex;\n  align-items: center;\n  padding-bottom: 20px;\n  position: relative;\n}\n.whatsapp-container main {\n  padding: 0 8px;\n}\n.whatsapp-container .close {\n  background: transparent;\n  border: none;\n  width: 32px;\n  height: 32px;\n  position: absolute;\n}\n.whatsapp-container .choices-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  grid-gap: 12px;\n  gap: 12px;\n}\n.whatsapp-container .choices {\n  display: flex;\n  flex-direction: column;\n  grid-gap: 2px;\n  gap: 2px;\n  list-style-type: none;\n  padding-bottom: 5px;\n}\n.whatsapp-container .choices.multi-choice .choice button {\n  white-space: normal;\n}\n.whatsapp-container .choices.one-line {\n  flex-direction: row;\n}\n.whatsapp-container .choices.one-line .range-choice,\n.whatsapp-container .choices.one-line .choice {\n  flex-grow: 1;\n}\n.whatsapp-container .choice {\n  background-color: var(--message-bg);\n  padding: 8px 12px;\n  border-radius: var(--message-border);\n  text-align: center;\n  color: var(--message-disabled-color);\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n}\n.whatsapp-container .choice button {\n  color: var(--message-disabled-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  white-space: nowrap;\n}\n.whatsapp-container .choice svg:not(#star) {\n  fill: var(--message-disabled-color);\n}\n.whatsapp-container .range-choice {\n  padding-top: 4px;\n  padding-bottom: 4px;\n}\n.whatsapp-container h4 {\n  margin: 0 auto;\n  font-weight: 500;\n}\n.whatsapp-container footer {\n  color: #979797;\n  font-size: 12px;\n  text-align: center;\n  padding: 12px 0;\n}\n.whatsapp-container button {\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n}\n.whatsapp-container .textarea-container {\n  display: flex;\n  grid-gap: 8px;\n  gap: 8px;\n  margin-left: 12px;\n  margin-right: 16px;\n  margin-bottom: 26px;\n  margin-top: 10px;\n  margin: 0 21px 15px 18px;\n  padding: 10px 12px;\n  align-items: end;\n  background: #f6f6f6;\n  border-radius: 0 0 30px 30px;\n}\n.whatsapp-container textarea {\n  resize: none;\n  min-height: 40px;\n  max-height: 100px;\n  border-radius: 20px;\n  padding: 12px;\n  resize: none;\n  border: none;\n  width: 100%;\n}\n.whatsapp-container textarea:focus {\n  outline: none;\n}\n.whatsapp-container textarea::-moz-placeholder {\n  line-height: 16px;\n  padding-left: 2px;\n}\n.whatsapp-container textarea::placeholder {\n  line-height: 16px;\n  padding-left: 2px;\n}');const Bl=({children:e,title:t,closeModal:o,isModalOpen:i})=>n.createElement(r.CSSTransition,{in:i,unmountOnExit:!0,timeout:500,classNames:"fade",key:t},n.createElement("div",{className:"options-popup",style:{}},n.createElement("header",null,n.createElement("button",{onClick:o,className:"close"},n.createElement(T,{name:"widget-close"})),n.createElement("h4",null,t)),n.createElement("main",null,e),n.createElement("footer",null,"Tab an item to select it"))),zl=({question:e,saveFormValues:r})=>{const[o,i]=t.useState(!1),{range:a}=e?.type_info?.scale_properties||{},s=Number(a?.[0]?.min),c=Number(a?.[a.length-1]?.max),l="descending"===e?.type_info?.scale_properties?.order,u=[...e?.type_info?.scale_properties?.labels?.values||[]],d=e?.type_info?.scale_properties?.labels?.preference;l&&u.reverse();const m=t.useRef(Array.from({length:c+(0===s?1:0)},((e,t)=>l?c-t:t+s)));return m.current.length<=3?n.createElement("ul",{className:`choices ${("THUMBS"===e?.type_info?.type_variant||"all"!==e?.type_info?.scale_properties?.labels?.preference)&&"one-line"}`},m.current.map(((t,o)=>"THUMBS"===e?.type_info?.type_variant?n.createElement("li",{className:"choice range-choice",key:`thumbs-${t}-${o}`},n.createElement("button",{onClick:()=>{r(t)}},n.createElement(T,{name:t?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),"all"===e?.type_info?.scale_properties?.labels?.preference&&e?.type_info?.scale_properties?.labels?.values?.[t])):n.createElement("li",{className:"choice range-choice",key:`choice-${t}-${o}`},n.createElement("button",{onClick:()=>{r(t)}},Array.from({length:t},((e,t)=>n.createElement(T,{name:"whatsapp-star",id:`choice-${t}`})))," ","all"===e?.type_info?.scale_properties?.labels?.preference&&e?.type_info?.scale_properties?.labels?.values?.[t-1]))))):n.createElement(n.Fragment,null,n.createElement("button",{onClick:()=>i(!0),className:"choices-button choice"},n.createElement(T,{name:"whatsapp-choices"}),"Rate Support"),n.createElement(Bl,{title:"Rate Support",isModalOpen:o,closeModal:()=>i(!1)},m.current.map(((e,t)=>n.createElement("div",{className:"option-row"},n.createElement("button",{onClick:()=>{r(e),i(!1)}},Array.from({length:e},((e,t)=>n.createElement(T,{name:"whatsapp-star",id:`qus-${t}`})))," ","all"===d||"edges"===d&&(0===t||t===u.length-1)?n.createElement("span",null,u[e-1]):null))))))},Pl=({question:e,saveFormValues:r,type:o})=>{const[i,a]=t.useState(!1);return n.createElement(n.Fragment,null,n.createElement("button",{onClick:()=>a(!0),className:"choices-button choice"},n.createElement(T,{name:"whatsapp-choices"}),"Select answer"),n.createElement(Bl,{title:"Select a choice",isModalOpen:i,closeModal:()=>a(!1)},n.createElement("ul",{className:`choices multi-choice ${o}`},e.choices.map(((e,t)=>n.createElement("li",{className:"choice",style:{boxShadow:"none"},key:`${e}-${t}`},n.createElement("button",{onClick:()=>{r(e.id),a(!1)}},e.value)))))))},Fl=e=>{const r=t.useRef(null);return((e,n)=>{t.useEffect((()=>{if(e){e.style.height="0px";const t=e.scrollHeight;e.style.height=t+"px"}}),[e,n])})(r.current,String(e.value)??""),t.useEffect((()=>{e.autoFocus&&r.current?.focus()}),[e.autoFocus]),n.createElement("div",{className:"textarea-container"},n.createElement("textarea",{placeholder:"Type a message",ref:r,rows:1,onChange:e.onChange,value:e.value}),n.createElement("button",{onClick:()=>{e.onSubmit(),r.current&&(r.current.value="")}},n.createElement(T,{name:"whatsapp-send"})))},jl=({text:e,placeholders:t,pivot:r,rangeToRender:o})=>n.createElement("div",{className:"question-text-container"},n.createElement("div",{className:"question-text",dangerouslySetInnerHTML:{__html:B({questionText:e,placeholders:t,npsRating:r?.answer,ratingLabel:R(r?.answer)?"":o?.find((e=>e?.value===String(r?.answer)))?.text??"",preference:r?.question.type_info?.scale_properties?.labels?.preference,isPreview:!0})},role:"heading","aria-level":1})),Vl=({block:e,saveFormValues:t,type:r})=>{const{question_type:o}=e.question?.type_info;switch(o){case"RANGE":return n.createElement(zl,{question:e.question,saveFormValues:e=>t(e,!0)});case"DROPDOWN":case"MULTI_CHOICE":case"MULTI_SELECT":return n.createElement(Pl,{question:e.question,saveFormValues:e=>t(e,!0),type:r});case"PARAGRAPH":case"INPUT":return null;default:return console.error(`Question type ${o} not supported`),null}},Ul=({config:e,placeholders:r,onSelect:o,promptAccepted:i,type:a})=>{const s=t.useMemo((()=>e.reverse_order?e.choices?.reverse():e.choices),[e]);return n.createElement(n.Fragment,null,n.createElement("div",{className:"question-container "+(null==i?"active":"")},n.createElement(jl,{text:e.text,placeholders:r}),n.createElement("ul",{className:"choices one-line"},s?.map(((e,t)=>n.createElement("li",{className:"choice",key:`prompt-${e}-${t}`},n.createElement("button",{className:"action",onClick:()=>{o(Number(e.id))}},n.createElement(T,{name:Number(e.id)?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),e.value)))))),void 0!==i&&n.createElement("div",{className:"answers-container"},n.createElement("div",{className:"answers"},"whatsapp"===a&&n.createElement("div",{className:"reply-block"},n.createElement("p",{className:"user"},"Acme.inc"),n.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:B({questionText:e.text,placeholders:r})}})),n.createElement("div",{className:"answer-text"},n.createElement(T,{name:Number(i)?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),s.find((e=>e.id==i))?.value))),!1===i&&e.is_declined&&e.declined_message&&n.createElement("div",{className:"question-container"},n.createElement(jl,{text:e.declined_message,placeholders:r})))},Hl=e=>{const{activeBlock:r,activeIndexOfBlocks:o,activeIndexOfRenderedBlocks:i,answers:a,saveFormValues:s,blocks:c,questions:l,renderedBlocks:u,onSubmitHandler:d,isSurveyCompleted:m,pivot:f}=kl(e),{type:g="whatsapp"}=e,{question_type:h}=r?.question.type_info??{},v=n.useMemo((()=>L(f?.question)),[f?.question]),y=t.useRef(null),[b,w]=t.useState(void 0);return t.useEffect((()=>{y.current&&y.current.scroll({top:1e4,behavior:"smooth"})}),[r,a,m]),r&&r.question?n.createElement("div",{className:`${g} whatsapp-container`},n.createElement("div",{className:"msg-container"},n.createElement("div",{className:"scroll-wrapper",ref:y},e.survey.prompt_settings?n.createElement(Ul,{config:e.survey.prompt_settings,onSelect:e=>{w(1===e)},promptAccepted:b,placeholders:e.placeholders,type:g}):null,!e.survey.prompt_settings||b?u.map(((t,h)=>n.createElement(n.Fragment,null,n.createElement("div",{className:"question-container "+(m||h!==u.length-1?"":"active")},n.createElement(jl,{text:t.question.text,placeholders:e.placeholders,pivot:f,rangeToRender:v}),n.createElement(Vl,{block:t,placeholders:e.placeholders,saveFormValues:(e,n)=>{s(t,e,n),setTimeout((()=>{!0===n&&rl({blocks:c,activeIndexOfBlocks:o,renderedBlocks:u,activeIndexOfRenderedBlocks:i,questions:l})&&d("COMPLETE")}))},type:g})),t.name===r.name&&!a.commitDirtyValue||p.isNil(a.formValues[t.question.name])?null:n.createElement("div",{className:"answers-container"},n.createElement("div",{className:"answers"},"THUMBS"===t.question.type_info?.type_variant?n.createElement(n.Fragment,null,"whatsapp"===g&&n.createElement("div",{className:"reply-block"},n.createElement("p",{className:"user"},"Acme.inc"),n.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:B({questionText:t.question.text||"",placeholders:e.placeholders,npsRating:f?.answer,ratingLabel:p.isNil(f?.answer)?"":v?.find((e=>e?.value===String(f?.answer)))?.text??"",preference:f?.question.type_info?.scale_properties?.labels?.preference,isPreview:!0})}})),n.createElement("div",{className:"answer-text"},n.createElement(T,{name:Number(a.formValues[t.question.name])?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),"all"===t.question.type_info?.scale_properties?.labels?.preference&&t.question.type_info?.scale_properties?.labels?.values?.[Number(a.formValues[t.question.name])])):"EMOJI"===t.question.type_info?.type_variant||"STAR"===t.question.type_info?.type_variant?n.createElement(n.Fragment,null,"whatsapp"===g&&a.formValues[t.question.name]&&n.createElement("div",{className:"reply-block"},n.createElement("p",{className:"user"},"Acme.inc"),n.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:B({questionText:t.question.text||"",placeholders:e.placeholders,npsRating:f?.answer,ratingLabel:p.isNil(f?.answer)?"":v?.find((e=>e?.value===String(f?.answer)))?.text??"",preference:f?.question.type_info?.scale_properties?.labels?.preference,isPreview:!0})}})),n.createElement("div",{className:"answer-text"},Array.from({length:Number(a.formValues[t.question.name])},((e,t)=>n.createElement(T,{name:"whatsapp-star",id:`ans-${t}`})))," ",n.createElement("span",null,t.question.type_info?.scale_properties?.labels?.values?.[Number(a.formValues[t.question.name])-1]))):("DROPDOWN"===t.question.type_info?.question_type||"MULTI_SELECT"===t.question.type_info?.question_type)&&t.question.choices?.find((e=>e.id===a.formValues[t.question.name]))?.value||a.formValues[t.question.name]))))):null,m&&n.createElement("div",{className:"question-container",id:"new"},n.createElement(jl,{text:ol({pivotQn:f?.question,pivotQnAnswer:f?.answer,block:e.survey.blocks?.find((e=>"TY"===e.name)),questions:l})?.text,placeholders:e.placeholders,pivot:f,rangeToRender:v})))),n.createElement(Fl,{onChange:e=>{"PARAGRAPH"!==h||m||s(r,e.target.value)},value:"PARAGRAPH"===h&&!m&&a.formValues[r.question.name]?a.formValues[r.question.name]:"",activeBlock:!0,autoFocus:"PARAGRAPH"===h,onSubmit:()=>{s(r,null,!0),r.name===c[c.length-1].name&&d("COMPLETE")}})):null};exports.BUTTON_SIZE_VARIANTS={LARGE:"large",MINI:"mini",NORMAL:"normal"},exports.Binary=O,exports.Button=nr,exports.ChannelPreview=e=>{const{survey:t,answers:r}=el(e.survey,e.answers);return"whatsapp"===e.channel?n.createElement(Hl,{...e,survey:t,answers:r}):"instagram"===e.channel?n.createElement(Hl,{type:"instagram",...e,survey:t,answers:r}):(console.error(`Channel ${e.channel} not supported`),null)},exports.Checkbox=Kn,exports.CheckboxGroup=Xn,exports.Dropdown=Wn,exports.FooterText=ba,exports.Input=Gn,exports.ProgressBar=er,exports.Radio=Jn,exports.RadioGroup=Qn,exports.Range=$,exports.RankOrder=Bi,exports.Slider=ya,exports.Survey=e=>{const{survey:t,answers:r}=el(e.survey,e.answers),[o,i]=n.useState(!1);return n.useEffect((()=>{"undefined"!=typeof window&&i(window.matchMedia("(max-width: 550px)").matches)}),[]),n.createElement(n.Fragment,null,"standard"===e.surveyStyle?n.createElement(Il,{...e,answers:r,survey:t,isMobile:o||!!e.isMobile,initialPivotAnswer:P(e.answers)?e.initialPivotAnswer:void 0}):n.createElement(Ml,{...e,answers:r,survey:t,isMobile:o||!!e.isMobile,surveyStyle:"card",initialPivotAnswer:P(e.answers)?e.initialPivotAnswer:void 0}))},exports.SurveyFooter=wa,exports.SurveyProgress=({isSurveyCompleted:e,totalBlocks:t,completedText:r,activeIndexOfBlocks:o})=>{const i=e?t:o+(e?1:0),a=e?100:(i>0?100/t:0)*i;return n.createElement("div",{className:"survey-progress"},n.createElement("span",{className:"progress-completion"},a.toFixed(),"%  "),r||"survey completed",n.createElement(er,{totalSteps:t,completedSteps:i}))},exports.TextArea=$n,exports.WebInAppSurvey=e=>{const{survey:t,answers:r}=el(e.survey,e.answers),[o,i]=n.useState(!1),[a,s]=n.useState(!1);return n.useEffect((()=>{"undefined"!=typeof window&&i(window.matchMedia("(max-width: 550px)").matches)}),[]),n.useEffect((()=>{"undefined"!=typeof window&&s(window.matchMedia("(max-width: 1080px)").matches)}),[]),n.createElement(Ll,{...e,survey:t,answers:r,isMobile:o,surveyType:o?"compact":a?"default":e.surveyType})},exports.getEmailEmbedCodeForQuestion=e=>{const{emailEmbedChannelInfo:t,survey:n,question:r,collectorId:o,customDomain:i,disabled:a,publicSurveyUrl:s}=e,c=r?.type_info?.scale_properties?.labels?.preference,l=r?.type_info?.footer_text,u=r?.type_info?.scale_properties?.range||[],d=document.getElementsByClassName("email-embed-question")[0],m=d&&d?.parentElement?d.parentElement?.getBoundingClientRect().width:window.innerWidth??-1,p=m>612?612:m,f=(({scale:e,width:t})=>{const n=t/(e+2)>Ca?Ca:t/(e+2);return t>=520?{3:{size:n,space:8,padding:8},4:{size:n,space:2,padding:6},5:{size:n,space:2,padding:6},6:{size:n,space:2,padding:6},7:{size:n,space:1,padding:6},8:{size:n,space:1,padding:6},9:{size:n,space:1,padding:6},10:{size:n,space:0,padding:4}}[e]:{3:{size:n,space:8,padding:8},4:{size:n,space:2,padding:6},5:{size:n,space:2,padding:3},6:{size:n,space:2,padding:2},7:{size:n,space:1,padding:2},8:{size:n,space:1,padding:2},9:{size:n,space:1,padding:0},10:{size:n,space:0,padding:0}}[e]})({scale:u[u.length-1].max,width:p}),g=f.size,h=Za({collectorId:o,disabled:a,publicSurveyUrl:s,contact_fields:t?.contact_fields||[],customDomain:i,initialPivotAnswer:"",surveyId:n?.id||""}).trim();return`\n    <table\n      class="email-embed-question"\n      style="\n        background-color:${n?.ui_theme?.question_background_color||"#FFFFFF"} !important;\n        max-width : ${128+11*g}px !important;\n        box-shadow: rgba(18, 52, 77, 0.1) 0px 2px 16px !important;\n        border-radius: 4px !important;\n        border-spacing: 16px !important;\n        margin: ${t?.align_center?"20px auto":"20px 0"} !important;\n      "\n    >\n      <tbody>\n        <tr>\n          <td\n            style="\n              color: ${n?.ui_theme?.question_text_color||Ea} !important;\n              padding: 16px 8px !important;\n              font-weight: 400 !important;\n              font-size: 16px !important;\n              text-align: ${t?.align_center?"center":"left"} !important;\n            "\n          >${r?.text?.trim()}</td>\n        </tr>\n        ${t?.display?.show_button?`\n                <tr>\n                  <td\n                    style="\n                      color: ${n?.ui_theme?.question_text_color||Ea} !important;\n                      padding: 16px 8px !important;\n                      font-weight: 400 !important;\n                      font-size: 16px !important;\n                      text-align: ${t?.align_center?"center":"left"} !important;\n                    "\n                  >\n                    <a\n                      href=${h}\n                      target="_blank"\n                      style="\n                        pointer-events: ${a?"none":"unset"} !important;\n                      "\n                    >\n                      <button\n                        style="\n                          cursor: pointer !important;\n                          box-shadow: 0 0 0 8px #F0F0F0 !important;\n                          color: #FFF !important;\n                          font-size: 14px !important;\n                          font-style: normal !important;\n                          font-weight: 600 !important;\n                          line-height: 20px !important;\n                          padding: 6px 12px !important;\n                          border-radius: 4px !important;\n                          border: 1px solid #C82124 !important;\n                          background: linear-gradient(180deg, #D72D30 2.56%, #C82124 95.75%) !important;\n                        "\n                      >\n                        ${t?.display?.text}\n                      </button>\n                    </a>\n                  </td>\n                </tr>\n            `:`\n            ${r?.type_info?.type_variant&&"RANGE"===r?.type_info?.question_type&&"all"!==c&&["NUMBER","EMOJI","STAR"].includes(r.type_info.type_variant)?Na({...e,dimentions:f}):""}\n            ${r?.type_info?.type_variant&&"RANGE"===r?.type_info?.question_type&&"all"===c&&["NUMBER","EMOJI","STAR"].includes(r.type_info.type_variant)?(({emailEmbedChannelInfo:e,collectorId:t,survey:n,dimentions:r,question:o,assetUrl:i,publicSurveyUrl:a,customDomain:s,disabled:c,width:l})=>{const u=r?.size??Ca,d=Sa(o?.type_info?.scale_properties?.button_style?.shape||"square"),m=o?.type_info?.scale_properties?.range||[],p=Number(m[m.length-1]?.max),f=L(o||{name:""}),g=o?.type_info?.type_variant;return`\n    <tr>\n      <td\n        style="\n          padding: 0 !important;\n          text-align: center !important;\n        "\n      >\n        ${f.map((r=>`\n              <a\n                style="\n                  text-decoration: unset !important;\n                  display: inline-block !important;\n                  min-width: 100px !important;\n                  width: ${(({scale:e,width:t})=>({3:t/(e+1.5),4:t/(e+1.25),5:t/(e+1),6:t/(e+.5),7:t/(e+0)}[e]))({scale:p,width:l})}px !important;\n                  vertical-align: top !important;\n                  padding: 0 4px !important;\n                  pointer-events: ${c?"none":"unset"} !important;\n                "\n                href="${Za({collectorId:t,disabled:c,publicSurveyUrl:a,contact_fields:e?.contact_fields||[],customDomain:s,initialPivotAnswer:`${r.position}`,surveyId:n?.id||""}).trim()}"\n                target="_blank"\n              >\n                <table\n                  style="\n                    border-spacing: 0 !important;\n                    margin: 0px auto 8px auto !important;\n                  "\n                >\n                  <tbody>\n                    <tr>\n                      <td\n                        style="\n                          padding: 0 !important;\n                          text-align: center !important;\n                        "\n                      >\n                      ${"NUMBER"===o?.type_info?.type_variant?`\n                          <div\n                            style="\n                              border-radius: ${d} !important;\n                              color: ${n?.ui_theme?.question_text_color||_a} !important;\n                              background-color: ${Ma({position:r.position,question:o||{name:""}})} !important;\n                              font-size: 16px !important;\n                              font-weight: 600 !important;\n                              width: ${u}px !important;\n                              display: block !important;\n                              margin: 0 auto !important;\n                              height: ${u}px !important;\n                              line-height: ${u}px !important;\n                            "\n                          >${r.value}</div>\n                            `:""}\n                      ${o?.type_info?.type_variant&&["EMOJI","STAR"].includes(o?.type_info?.type_variant)?`\n                            <img\n                              src="${Ta({position:r.position,assetUrl:i,max:f.length,type_variant:g})}"\n                              style="\n                                width: ${u}px !important;\n                                height: ${u}px !important;\n                                display: block !important;\n                                margin: 0 auto !important;\n                              "\n                              width="${u}px"\n                              height="${u}px"\n                            />`:""}\n                      </td>\n                    </tr>\n                    <tr>\n                      <td\n                        style="\n                          padding: 12px 0 0 0 !important;\n                          text-align: center !important;\n                          font-weight: 400 !important;\n                          color: ${_a} !important;\n                          font-size: 12px !important;\n                          word-break: break-word !important;\n                        "\n                      >${r.text}</td>\n                    </tr>\n                  </tbody>\n                </table>\n              </a>`)).join("")}\n      </td>\n    </tr>`})({...e,dimentions:f,width:p}):""}\n            ${"RANGE"===r?.type_info?.question_type&&"TEXT"===r.type_info.type_variant?(({emailEmbedChannelInfo:e,collectorId:t,publicSurveyUrl:n,survey:r,question:o,disabled:i,customDomain:a})=>{const s=Sa(o?.type_info?.scale_properties?.button_style?.shape||"square");return`\n    <tr>\n      <td\n        style="\n          padding: 0 !important;\n          text-align: center !important;\n        "\n      >\n        ${L(o||{name:""}).map((c=>`\n              <a\n                style="\n                  text-decoration: unset !important;\n                  display: inline-block !important;\n                  vertical-align: top !important;\n                  pointer-events: ${i?"none":"unset"} !important;\n                "\n                href="${Za({collectorId:t,disabled:i,publicSurveyUrl:n,contact_fields:e?.contact_fields||[],customDomain:a,initialPivotAnswer:`${c.position}`,surveyId:r?.id||""}).trim()}"\n                target="_blank"\n              >\n                <div\n                  style="\n                    border-radius: ${s} !important;\n                    color: ${r?.ui_theme?.question_text_color||_a} !important;\n                    background-color: ${Ma({position:c.position,question:o||{name:""}})} !important;\n                    height: 58px !important;\n                    width: 102px !important;\n                    margin: 4px !important;\n                    display: block !important;\n                    cursor: cursor !important;\n                  "\n                >\n                  <table\n                    style="\n                      border-spacing: 8px 4px !important;\n                      height: 100% !important;\n                      width: 100% !important;\n                    "\n                  >\n                    <tbody>\n                      <tr>\n                        <td\n                          style="\n                            padding: 0 !important;\n                            font-size: 14px !important;\n                            line-height: 16px !important;\n                            word-break: break-word !important;\n                          "\n                        >${c.text}</td>\n                      </tr>\n                    </tbody>\n                  </table>\n                </div>\n              </a>`)).join("")}\n      </td>\n    </tr>`})({...e,dimentions:f}):""}\n            ${"BOOLEAN"===r?.type_info?.question_type?(({emailEmbedChannelInfo:e,disabled:t,assetUrl:n,collectorId:r,survey:o,question:i,customDomain:a,publicSurveyUrl:s})=>{const c=i?.type_info?.type_variant,l=i?.type_info?.question_type,u=L(i||{name:""});let d=0;return u.forEach((e=>{e.text.length>d&&(d=e.text.length)})),`\n    <tr>\n      <td\n        style="\n          padding: 0 !important;\n          text-align: center !important;\n        "\n      >\n        ${u.map((i=>`\n              <a\n                style="\n                  text-decoration: unset !important;\n                  display: inline-block !important;\n                  vertical-align: top !important;\n                  height: 54px !important;\n                  width: ${7*d+96}px !important;\n                  min-width: 140px !important;\n                  margin: 6px !important;\n                  border-radius: 5px !important;\n                  background-color: #f2f2f2 !important;\n                  color: ${o?.ui_theme?.question_text_color||_a} !important;\n                  pointer-events: ${t?"none":"unset"} !important;\n                "\n                href="${Za({collectorId:r,publicSurveyUrl:s,disabled:t,contact_fields:e?.contact_fields||[],customDomain:a,initialPivotAnswer:`${i.position}`,surveyId:o?.id||""}).trim()}"\n                target="_blank"\n              >\n                <table\n                  style="\n                    border-spacing: 8px !important;\n                    margin: 0 auto !important;\n                    height: 100% !important;\n                  "\n                >\n                  <tbody>\n                    <tr>\n                      ${"TEXT"!==c?`\n                          <td\n                            style="\n                              padding: 0 !important;\n                            "\n                          >\n                            <img\n                              src="${Ta({position:i.position,assetUrl:n,max:u.length,question_type:l,type_variant:c})}"\n                              width="18px"\n                              style="\n                                vertical-align: middle !important;\n                              "\n                            />\n                          </td>`:""}\n                      <td\n                        style="\n                          padding: 0 !important;\n                        "\n                      >\n                        <span\n                           style="\n                             display: inline-block !important;\n                             vertical-align: baseline !important;\n                             font-size: 14px !important;\n                           font-weight: 500 !important;\n                           line-height: 16px !important;\n                           "\n                         >${i.text}</span>\n                      </td>\n                    </tr>\n                  </tbody>\n                </table>\n              </a>`)).join("")}\n      </td>\n    </tr>`})({...e,dimentions:f}):""}\n            ${"RANGE"===r?.type_info?.question_type&&"edges"===c?(({question:e,width:t})=>{const n=L(e||{name:""});return`\n      <tr>\n        <td\n          style="\n            text-align: center !important;\n            padding: 8px ${(({scale:e,width:t})=>t<320?8:{3:t/(2*e),4:t/(2*e),5:t/(3*e),6:t/(3*e),7:t/(4*e),8:t/(4*e),9:t/(5*e),10:t/(5*e)}[e])({scale:n.length,width:t})}px !important;\n            vertical-align: baseline !important;\n          "\n        >\n          <table\n            style="\n              border-spacing: 0px !important;\n              margin: 0 auto !important;\n              width: 100% !important;\n            "\n          >\n            <tbody>\n              <tr>\n                <td style="text-align: left !important;">\n                  <span \n                    style="\n                      font-weight: 500 !important;\n                      color: ${_a} !important;\n                      font-size: 12px !important;\n                    "\n                  >${n[0].value} - ${n[0].text}</span>\n                </td>\n                <td style="text-align: right !important;">\n                  <span\n                    style="\n                      font-weight: 500 !important;\n                      color: ${_a} !important;\n                      font-size: 12px !important;\n                    "\n                  >${n[n.length-1].value} - ${n[n.length-1].text}\n                  </span>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </td>\n      </tr>\n    `.trim()})({question:r,width:p}):""}\n          `}\n        ${l&&t?.show_footer?`\n          <tr>\n            <td\n              style="\n                color: ${n?.ui_theme?.question_text_color||Ea} !important;\n                padding: 16px 8px 4px 8px !important;\n                font-size: 12px !important;\n                border-top: 1px solid ${ka} !important;\n                text-align: center !important;\n              "\n            >${l}</td>\n          </tr>`:""}\n        ${t?.show_link?`\n          <tr>\n            <td\n              style="\n                color: ${n?.ui_theme?.question_text_color||Ea} !important;\n                padding: 16px 8px 4px 8px !important;\n                font-size: 12px !important;\n                border-top: 1px solid ${ka} !important;\n                text-align: center !important;\n              "\n            >\n              If you face any issues while responding to the survey, please copy and paste the following link into your web browser:&nbsp;\n              <a\n                style="\n                  text-decoration: unset !important;\n                  color: ${xa} !important;\n                  pointer-events: ${a?"none":"unset"} !important;\n                "\n                href=${a?"#":h}\n                target="_blank"\n              >\n                ${Za({collectorId:o,disabled:!1,publicSurveyUrl:s,contact_fields:t?.contact_fields||[],customDomain:i,initialPivotAnswer:"",surveyId:n?.id||""}).trim()}\n              </a>\n            </td>\n          </tr>`:""}\n      </tbody>\n       \n    </table>\n   `};