@sprig-technologies/sprig-browser 2.42.1 → 2.43.0

package/dist/{getAttributedUrl-DndmCZhi.cjs → videoPlayer-DD0Jmq0y.cjs}

@@ -1,4 +1,4 @@
-"use strict";const i=require("./view-BlV4gOTD.cjs"),W=require("./core-C7eAp3i8.cjs"),Le=require("./debounce-DsC7462b.cjs"),_e=require("./metricsReporter-Dy6jXbOf.cjs"),le=e=>i.u("button",{...e,className:i.cc("ul-card-text__button",e.className),id:"ul-card-text__button"}),ye=({html:e,...n})=>{const{enableCspTrustedTypes:o}=i.useConfig(r=>({enableCspTrustedTypes:r.enableCspTrustedTypes})),t=i.F(()=>W.getHtml(e,o),[o,e]);return i.u("div",{...n,dangerouslySetInnerHTML:{__html:t}})},ae=()=>{const{viewDocument:e}=i.useConfig(t=>({viewDocument:t.viewDocument})),[n,o]=i.h(!1);return i.p(()=>{const t=e.querySelector(".sprig-question-body"),r=new ResizeObserver(()=>{window.requestAnimationFrame(()=>{o(!!(t&&W.isHTMLElement(t)&&t.scrollHeight>t.offsetHeight))})});return t&&r.observe(t),()=>{t&&r.disconnect()}},[e]),n},de=({plainText:e,richText:n,id:o,className:t,isHeader:r,showAsterisk:l})=>n?i.u(ye,{className:t,html:n,id:o}):e?r?i.u("h1",{className:t,id:o,children:[e,l&&"*"]}):i.u("p",{className:t,id:o,children:e}):null,Pe=()=>i.u("svg",{fill:"none",height:"10",viewBox:"0 0 13 10",width:"13",xmlns:"http://www.w3.org/2000/svg",children:i.u("path",{d:"M11.5 1.5L4.5 8.5L1 5",stroke:"#FFFFFF",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})}),Ee=(e,n)=>{const o=i._(0);return()=>{if(e.current){const t=e.current;t.style.height="1px";const r=t.scrollHeight+(t.offsetHeight-t.clientHeight),l=parseInt(window.getComputedStyle(t).getPropertyValue("max-height")),a=r<=l?r:l;o.current!==a&&requestAnimationFrame(()=>{n()}),o.current=a,t.style.height=`${a}px`}}},ce=({buttonText:e="View Prototype",handleClick:n})=>i.u("button",{className:"prototype-button",onClick:n,children:e},"prototype-btn"),xe=({isSelected:e,id:n,divId:o,themeColor:t,disabled:r=!1})=>i.u("div",{"aria-checked":e,"aria-disabled":r,"aria-labelledby":`label-${n}`,className:"select-checkbox",id:o,role:"checkbox",style:{...e?{backgroundColor:t,borderColor:t,boxShadow:"none"}:{},...r?{opacity:.5}:{}},tabIndex:r?-1:0,children:e&&i.u(i.SvgCheckmark,{})}),Oe=({promptText:e,textValue:n,onTextChange:o,useMobileStyling:t})=>{const r=i._(null),{update:l}=i.useConfig(d=>({update:d.update})),a=Ee(r,()=>l());return i.p(()=>(a(),r.current&&r.current.focus(),()=>{l()}),[]),i.u("textarea",{"aria-label":e,"aria-multiline":"true","aria-placeholder":e,className:i.cc(i.getClasses("choice-text-input",t)),"data-gramm":"false",maxLength:5e3,name:"text",onChange:d=>{a(),d.stopPropagation(),o(d.currentTarget.value)},onClick:d=>{d.stopPropagation()},onKeyPress:d=>{d.stopPropagation()},placeholder:e,ref:r,role:"textbox",rows:1,value:n})},ue="ul-select-style-element",K="ul-select-active-dynamic-style",je="ul-select-error-dynamic-style",Me=(e,n,o)=>{let t=e.getElementById(ue),r=!1;t||(t=e.createElement("style"),r=!0),t.tagName.toLowerCase()==="style"&&(t.id=ue,o&&(t.nonce=o),t.textContent=Be(n),r&&e.head.appendChild(t))},Be=e=>`
+"use strict";const i=require("./view-DlMlH6Lu.cjs"),W=require("./core-wqg-G3hc.cjs"),Le=require("./debounce-DsC7462b.cjs"),_e=require("./metricsReporter-BAjv1fmT.cjs"),le=e=>i.u("button",{...e,className:i.cc("ul-card-text__button",e.className),id:"ul-card-text__button"}),ye=({html:e,...n})=>{const{enableCspTrustedTypes:o}=i.useConfig(s=>({enableCspTrustedTypes:s.enableCspTrustedTypes})),t=i.F(()=>W.getHtml(e,o),[o,e]);return i.u("div",{...n,dangerouslySetInnerHTML:{__html:t}})},ae=()=>{const{viewDocument:e}=i.useConfig(t=>({viewDocument:t.viewDocument})),[n,o]=i.h(!1);return i.p(()=>{const t=e.querySelector(".sprig-question-body"),s=new ResizeObserver(()=>{window.requestAnimationFrame(()=>{o(!!(t&&W.isHTMLElement(t)&&t.scrollHeight>t.offsetHeight))})});return t&&s.observe(t),()=>{t&&s.disconnect()}},[e]),n},de=({plainText:e,richText:n,id:o,className:t,isHeader:s,showAsterisk:l})=>n?i.u(ye,{className:t,html:n,id:o}):e?s?i.u("h1",{className:t,id:o,children:[e,l&&"*"]}):i.u("p",{className:t,id:o,children:e}):null,Pe=()=>i.u("svg",{fill:"none",height:"10",viewBox:"0 0 13 10",width:"13",xmlns:"http://www.w3.org/2000/svg",children:i.u("path",{d:"M11.5 1.5L4.5 8.5L1 5",stroke:"#FFFFFF",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})}),Ee=(e,n)=>{const o=i._(0);return()=>{if(e.current){const t=e.current;t.style.height="1px";const s=t.scrollHeight+(t.offsetHeight-t.clientHeight),l=parseInt(window.getComputedStyle(t).getPropertyValue("max-height")),a=s<=l?s:l;o.current!==a&&requestAnimationFrame(()=>{n()}),o.current=a,t.style.height=`${a}px`}}},ce=({buttonText:e="View Prototype",handleClick:n})=>i.u("button",{className:"prototype-button",onClick:n,children:e},"prototype-btn"),xe=({isSelected:e,id:n,divId:o,themeColor:t,disabled:s=!1})=>i.u("div",{"aria-checked":e,"aria-disabled":s,"aria-labelledby":`label-${n}`,className:"select-checkbox",id:o,role:"checkbox",style:{...e?{backgroundColor:t,borderColor:t,boxShadow:"none"}:{},...s?{opacity:.5}:{}},tabIndex:s?-1:0,children:e&&i.u(i.SvgCheckmark,{})}),Oe=({promptText:e,textValue:n,onTextChange:o,useMobileStyling:t})=>{const s=i._(null),{update:l}=i.useConfig(u=>({update:u.update})),a=Ee(s,()=>l());return i.p(()=>(a(),s.current&&s.current.focus(),()=>{l()}),[]),i.u("textarea",{"aria-label":e,"aria-multiline":"true","aria-placeholder":e,className:i.cc(i.getClasses("choice-text-input",t)),"data-gramm":"false",maxLength:5e3,name:"text",onChange:u=>{a(),u.stopPropagation(),o(u.currentTarget.value)},onClick:u=>{u.stopPropagation()},onKeyPress:u=>{u.stopPropagation()},placeholder:e,ref:s,role:"textbox",rows:1,value:n})},ue="ul-select-style-element",K="ul-select-active-dynamic-style",je="ul-select-error-dynamic-style",Me=(e,n,o)=>{let t=e.getElementById(ue),s=!1;t||(t=e.createElement("style"),s=!0),t.tagName.toLowerCase()==="style"&&(t.id=ue,o&&(t.nonce=o),t.textContent=Be(n),s&&e.head.appendChild(t))},Be=e=>`
     .${K} {
       border-color: ${e};
     }
@@ -9,7 +9,7 @@
     .${je} {
       border-color: ${W.ERROR_BORDER_COLOR};
     }
-  `,q="https://cdn.sprig.com",c={document:void 0,videojs:void 0},ie=e=>e+"-loading-spiner",T="hidden",pe=".m3u8",ee="questionId",ne="ul-video-recorder-camera-off-button",oe="ul-recording-in-session",He=[{type:"link",content:`${q}/dependencies/videojs-record-4.5.0.min.css`},{type:"script",content:`${q}/dependencies/RecordRTC-5.6.2.js`},{type:"script",content:`${q}/dependencies/adapter.8.0.0.min.js`},{type:"script",content:`${q}/dependencies/videojs-record-4.5.0.min.js`},{type:"script",content:`${q}/userleap-web-upchunk-v2.2.2.js`}],ve=[{type:"link",content:`${q}/dependencies/video-js-7.18.0.min.css`},{type:"script",content:`${q}/dependencies/video-js-7.18.0.min.js`},{type:"style",content:`/* progress control styles */
+  `;var ke=(e=>(e.CONTINUE="CONTINUE",e.EXTERNAL="EXTERNAL",e.NO_BUTTON="NO_BUTTON",e))(ke||{}),Ie=(e=>(e.Unlimited="Unlimited",e.Maximum="Maximum",e.Range="Range",e))(Ie||{});const He=({options:e,selectItem:n,selectedOptions:o,showCheckbox:t,disabledOptions:s,dropdownFooter:l,panelRef:a})=>{const{themeColor:u}=i.useConfig(r=>({doc:r.viewDocument,themeColor:r.border}));return i.u("div",{className:"select-list",ref:a,children:[e.map(r=>{return i.u("div",{"aria-disabled":s==null?void 0:s.includes(r),className:i.cc("select-option",s!=null&&s.includes(r)?"ul-choice-disabled":""),onClick:h=>{s!=null&&s.includes(r)||(n(r),h.stopPropagation())},role:"option",style:{...s!=null&&s.includes(r)?{opacity:.5,cursor:"not-allowed"}:{}},children:[t&&i.u(xe,{divId:(p=r.id,`checkbox-div-${p}`),id:r.id,isSelected:o.includes(r),themeColor:u}),r.label]},r.id);var p}),l]})},Se={"{{user_id}}":"externalUserId","{{email}}":"email"},q="https://cdn.sprig.com",d={document:void 0,videojs:void 0},ie=e=>e+"-loading-spiner",D="hidden",pe=".m3u8",ee="questionId",ne="ul-video-recorder-camera-off-button",oe="ul-recording-in-session",Ue=[{type:"link",content:`${q}/dependencies/videojs-record-4.5.0.min.css`},{type:"script",content:`${q}/dependencies/RecordRTC-5.6.2.js`},{type:"script",content:`${q}/dependencies/adapter.8.0.0.min.js`},{type:"script",content:`${q}/dependencies/videojs-record-4.5.0.min.js`},{type:"script",content:`${q}/userleap-web-upchunk-v2.2.2.js`}],ve=[{type:"link",content:`${q}/dependencies/video-js-7.18.0.min.css`},{type:"script",content:`${q}/dependencies/video-js-7.18.0.min.js`},{type:"style",content:`/* progress control styles */
 .video-js .vjs-control {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 }
@@ -666,4 +666,4 @@ span.ul-button-text {
 .vjs-poster {
   background-size: cover;
 }
-`}],he="-video-player",me="-secondary-video-player",ge="-video-recorder";let H,be;const F=async({event:e,apiBase:n,headers:o,visitorId:t,envId:r,metadata:l})=>{const a=c.document.documentElement;if(!t||!r)return;const d={event:`SDK - ${e}`,visitorId:t,environmentId:r,metadata:{...l||{},screenWidth:window.screen.width,screenHeight:window.screen.height,clientWidth:a.clientWidth,clientHeight:a.clientHeight,location:window.location.href,language:navigator.language}};(await fetch(`${n}/sdk/1/visitors/${t}/analytics`,{method:"POST",cache:"no-cache",headers:o,body:JSON.stringify(d)})).ok||console.warn("[Sprig] (ERR-444) Failed to track analytics",e)},N=async(e,n,o,t,r,l)=>{F({event:`Video Error ${n}`,apiBase:o,headers:t,visitorId:r,envId:l,metadata:{errorMessage:e.message}});const a=c.document.documentElement,d={screenWidth:window.screen.width,screenHeight:window.screen.height,clientWidth:a.clientWidth,clientHeight:a.clientHeight,location:window.location.href,language:navigator.language},s={action:n,err:{message:e.message,stack:e.stack},meta:d,vid:r,envId:l};(await fetch(`${o}/sdk/1/errors`,{method:"POST",cache:"no-cache",headers:{...t,"userleap-platform":"video_recorder","x-ul-error":window.btoa(`userleap-${Date.now()}-error`)},body:JSON.stringify(s)})).ok||console.warn("[Sprig] (ERR-444) Failed to report error to API",e)},fe=(e,n)=>{if(e.length===0)return n&&n();Promise.all(e.reduce((o,t)=>(o.push(((r,{type:l,content:a})=>new Promise(function(d,s){let u;l==="script"?(u=c.document.createElement("script"),u.src=a):l==="link"?(u=c.document.createElement("link"),u.rel="stylesheet",u.href=a,u.type="text/css"):(u=c.document.createElement("style"),u.innerHTML=a),u.onload=function(){d(a)},u.onerror=function(){s(a)},u.async=!1,u.id=btoa(a),r.appendChild(u)}))(c.document.head,t)),o),[])).then(()=>{c.videojs=c.document.defaultView.videojs,n&&n()}).catch(function(o){console.log(o+" failed to load")})},Ce=(e,n,o)=>{if(n==="start"&&(e.style.visibility="visible"),n==="none")e.style.visibility=T;else if(n==="success")e.style.visibility=T,e.innerHTML="Upload succeeded!";else{const t=Math.round(parseFloat(o));e.innerHTML=`Uploading <span class="ul-upload-progress-label__time">${t}%</span>`,e.style.background=`linear-gradient(to right, #E0E0EB 0%, #E0E0EB ${t}%, #FCFCFD ${t}%, #FCFCFD 100%)`}},te=(e,n)=>{const o=c.videojs(e.id());return o==null?void 0:o.payload[n]},ke=(e,n)=>{const o=new(c.videojs.getComponent("Component"))(e);return o.addClass("ul-buttons-panel"),n.map(t=>{o.addChild(t)}),Se(o),o},Se=e=>{e.children().forEach(n=>{if(_[n.name_]){const o=Q(_[n.name_],`ul-${_[n.name_]}`);n.el_.appendChild(o)}})},Q=(e,n="")=>{const o=c.document.createElement("span");return o.className="ul-button-text",o.innerHTML=e,o.id=n,o},Ie=(e,n,o,t,r=!1,l)=>{e.addClass("ul-video-player");const a=new(c.videojs.getComponent("Component"))(e);a.addClass("ul-control-panel"),e.progressBar=a.addChild("ProgressControl"),o&&e.src(o),e.audioPlayerPlaceholder=new(c.videojs.getComponent("Component"))(e),e.audioPlayerPlaceholder.addClass("ul-audio-recorder-placeholder");const d=o&&o.src?Ve(o.src):null;!o||!r&&d?(e.audioPlayerPlaceholder.hide(),c.document.getElementById(`${e.id()}_html5_api`).style.height="100%",d&&e.poster(d)):(e.children()[0].classList.add("vjs-hidden"),c.document.getElementById(`${e.id()}_html5_api`).style.height="0px"),e.on("play",()=>{r||!o||d||Ne(e),l==null||l.play()}),e.on("pause",()=>{l==null||l.pause()}),e.on("seeked",()=>{l==null||l.currentTime(e.currentTime())}),e.on("ratechange",()=>{l==null||l.playbackRate(e.playbackRate())}),e.addChild(e.audioPlayerPlaceholder,{},1),a.addChild(n),e.addChild(a),t&&t(e)},Ue=(e,n,o,t,r,l,a,d=!1)=>{be=Date.now();const s=X(n,{controls:!1,bigPlayButton:!1,fluid:!1,width:1280,height:720,playsinline:!0,plugins:{record:{audio:!0,video:{mandatory:{minWidth:1280,minHeight:720}},frameWidth:1280,frameHeight:720,maxLength:600,autoMuteDevice:!0}}});if(!s)return;s.payload=o;const{surveyId:u,questionId:m,responseGroupUid:I,visitorId:b,envId:R}=o;let x;const v=p=>{const y=ne,g=ne+"-audio-only";Ce(s.uploadProgressLabel,"none"),H&&H.startTime>=be&&H.abort();const k=c.document.getElementById("ul-camera-button");p?(s.children()[0].classList.add("vjs-hidden"),C.removeClass(y),C.addClass(g),k.innerHTML=_.TurnOnCamera,s.audioPlayerPlaceholder.removeClass("vjs-hidden"),x==null||x.getTracks().forEach(E=>{E.stop()}),window.navigator.mediaDevices.getUserMedia({video:!0,audio:!0}).then(E=>{x=E,E.getVideoTracks().forEach(S=>{S.enabled=!1}),s.record().onDeviceReady(E)}).catch(s.record().onDeviceError.bind(s.record()))):(x==null||x.getVideoTracks().forEach(E=>{E.enabled=!0}),s.children()[0].classList.remove("vjs-hidden"),s.record().getDevice(),C.removeClass(g),C.addClass(y),k.innerHTML=_.TurnOffCamera,s.audioPlayerPlaceholder.addClass("vjs-hidden"))},h=new(c.videojs.getComponent("Button"))(s,{clickHandler:()=>{h.hasClass(T)||(F({event:"Video Delete Button Clicked",apiBase:t,headers:a,visitorId:b,envId:R,metadata:{questionId:m,responseGroupUid:I,surveyId:u}}),v(s.cameraOff),r(w.DELETE,{}),C.removeClass(T),h.addClass(T))}});h.addClass("ul-video-recorder-delete-button"),h.el_.appendChild(Q(_.DeleteButton,"ul-delete-button"));const f=c.document.getElementById(n),j=()=>{f.classList.contains("vjs-fullscreen")&&s.cameraOff?f.style.display="table":f.style.display="flex"};j();const C=new(c.videojs.getComponent("Button"))(s,{clickHandler:()=>{s.record().isRecording()||(s.cameraOff=!s.cameraOff,F({event:"Video Camera Button Clicked",apiBase:t,headers:a,visitorId:o.visitorId,envId:o.envId,metadata:{questionId:m,responseGroupUid:I,surveyId:u,cameraOff:s.cameraOff}}),v(s.cameraOff),!h.hasClass(T)&&h.addClass(T),r(w.DELETE,{}),j())}});C.addClass(ne),C.el_.appendChild(Q(_.TurnOffCamera,"ul-camera-button"));const D=new(c.videojs.getComponent("Button"))(s,{clickHandler:()=>{const p=c.document.getElementById("ul-recorder-toggle");if(s.record().isRecording())s.record().stop(),p&&(p.innerHTML=_.RecordButton),D.removeClass(oe),h.removeClass(T);else{const y=c.document.getElementById("ul-recording-countdown-screen");if(y)y.remove(),p&&(p.innerHTML=_.RecordButton),v(s.cameraOff),r(w.DELETE,{}),C.removeClass(T),h.addClass(T),D.removeClass(oe),P.show();else{D.addClass(oe),P.hide(),C.addClass(T),h.addClass(T),p&&(p.innerHTML=_.StopButton);const g=c.document.createElement("div");g.id="ul-recording-countdown-screen",f.insertBefore(g,f.children[1]),g.style.height=`${f.offsetHeight}px`,De(s,3)}}}});D.addClass("ul-video-recorder-toggle-button"),D.el_.appendChild(Q(_.RecordButton,"ul-recorder-toggle"));const A=c.document.createElement("p");A.style.visibility="hidden",A.className="ul-upload-progress-label",e.appendChild(A),s.uploadProgressLabel=A;const G=ke(s,[h,C,"PlayToggle",D,"FullscreenToggle"]),P=G.children().find(p=>p.name_==="FullscreenToggle");P.hasClass("vjs-disabled")&&P.hide();const O=G.children().find(p=>p.name_==="PlayToggle");O.hide(),h.addClass(T),Ie(s,G,l,!1,d),s.on("stopRecord",()=>{D.hide(),O.show(),P.show(),h.removeClass(T)}),s.on("deviceReady",()=>{D.show(),O.hide(),h.addClass(T)}),((p,y,g,k,E)=>{const{surveyId:S,responseGroupUid:$,visitorId:L,envId:M}=p.payload;p.on("deviceError",function(){console.warn("device error: ",p.deviceErrorCode),p.deviceErrorCode.message==="Permission denied"?(p.deviceButton.addClass("permission-denied"),g&&g(w.ERROR,{type:w.PERMISSION_DENIED}),F({event:"Video Permission Denied",apiBase:y,headers:E,visitorId:L,envId:M,metadata:{questionId:te(p,ee),responseGroupUid:$,surveyId:S}})):(g&&g(w.ERROR,{type:w.OTHER}),N(new Error(p.deviceErrorCode.message),"recorderDeviceError",y,E,L,M))}),p.on("error",function(z,U){N(U||p.error(),"recorderError",y,E,L,M)}),p.on("startRecord",function(z,U){k(p.uploadProgressLabel,"none"),F({event:"Video Record Start",apiBase:y,headers:E,visitorId:L,envId:M,metadata:{questionId:te(p,ee),responseGroupUid:$,surveyId:S}})}),p.on("finishRecord",async function(){k(p.uploadProgressLabel,"start",0);const z=te(p,ee);if(!S){const B="internal error: missing fields in payload";return g&&g(w.ERROR,{type:w.OTHER}),N(new Error(B),"finishRecord",y,E,L,M),null}p.record().stopDevice();const U=p.cameraOff?w.MEDIA_TYPE_AUDIO:w.MEDIA_TYPE_VIDEO,V=_e.v4();F({event:"Video Record Finish",apiBase:y,headers:E,visitorId:L,envId:M,metadata:{mediaRecordingUid:V,questionId:z,responseGroupUid:$,surveyId:S,mediaType:U}});const Y={surveyId:S,updatedAt:new Date().toISOString(),mediaType:U,mediaRecordingUid:V};z&&(Y.questionId=z),$&&(Y.responseGroupUid=$),L&&(Y.visitorId=L);const J=await(async()=>{const B=await fetch(`${y}/2/environments/integrations/upload`,{method:"POST",cache:"no-cache",headers:{"Content-Type":"application/json"},body:JSON.stringify(Y)});if(B.ok){const se=await B.json();return g&&g(w.UPLOAD_STARTED,{[w.UPLOAD_ID]:se.upload.id,[w.MEDIA_TYPE]:U,[w.MEDIA_RECORDING_UID]:V}),se.upload.url}return g&&g(w.ERROR,{type:w.OTHER,response:B}),N(new Error("failed to get upload response with url"),"finishRecord",y,E,L,M),null})();J&&(H=c.document.defaultView.UpChunk.createUpload({endpoint:J,file:new c.document.defaultView.File([p.recordedData],`recording ${U} ${Date.now()}`),chunkSize:5120}),H.startTime=Date.now(),F({event:"Video Upload Start",apiBase:y,headers:E,visitorId:L,envId:M,metadata:{mediaRecordingUid:V,questionId:z,responseGroupUid:$,surveyId:S,mediaType:U,url:J}}),H.on("error",B=>{k(p.uploadProgressLabel,"none"),g&&g(w.UPLOAD_FINISHED,{[w.MEDIA_RECORDING_UID]:V}),N(B,"finishRecord",y,E,L,M)}),H.on("progress",B=>{g&&g(w.UPLOAD_PROGRESS,{[w.MEDIA_RECORDING_UID]:V,[w.UPLOAD_PROGRESS_PCT]:B.detail}),k(p.uploadProgressLabel,"progress",B.detail)}),H.on("success",()=>{k(p.uploadProgressLabel,"success"),g&&g(w.UPLOAD_FINISHED,{[w.MEDIA_RECORDING_UID]:V}),F({event:"Video Upload Success",apiBase:y,headers:E,visitorId:L,envId:M,metadata:{mediaRecordingUid:V,questionId:z,responseGroupUid:$,surveyId:S,mediaType:U,url:J,elapsedMs:H.startTime&&Date.now()-H.startTime}})}))})})(s,t,r,Ce,a);const Z=[{name:"microphone"}];!s.cameraOff&&Z.push({name:"camera"}),Promise.all(Z.map(p=>{var y;return(y=navigator==null?void 0:navigator.permissions)==null?void 0:y.query(p)})).then(p=>{p.reduce((y,g)=>y&g.state==="granted",!0)&&s&&(s.deviceButton&&s.deviceButton.hide(),s.record().getDevice())}).catch(p=>{})},De=(e,n=3)=>{const o=c.document.getElementById("ul-recording-countdown-screen");o&&n===0?(o.remove(),e.record().start()):o&&(o.innerHTML=`<span class='ul-countdown-text'>Recording in... ${n}</span>`,setTimeout(()=>{De(e,n-1)},1e3))},we=e=>{const n=c.document.createElement("div");return n.className="ul-video-container",n.appendChild((o=>{const t=c.document.createElement("div");return t.className="ul-video-player-loading",t.id=ie(o),["first","second","third","fourth"].map(r=>{const l=c.document.createElement("div");l.className=r,t.appendChild(l)}),t})(e)),n},re=(e,n)=>{const o=c.document.createElement("video");o.id=e,o.className="video-js vjs-default-skin ul-video-player-video";const t=c.document.createElement("p");t.className="vjs-no-js",t.innerHTML="To view this video please enable JavaScript, and consider upgrading to a web browser that";const r=c.document.createElement("a");return r.href="https://videojs.com/html5-video-support/",r.target="_blank",r.innerHTML="supports HTML5 video",t.appendChild(r),o.appendChild(t),n.appendChild(o),n},Ne=(e,n)=>{e.children()[0].classList.remove("vjs-hidden"),e.audioPlayerPlaceholder.hide(),c.document.getElementById(`${e.id()}_html5_api`).style.height="100%"},X=(e,n)=>c.document.getElementById(e)?n?c.videojs(e,n):c.videojs(e):(console.error(`Error in finding player element with ID, ${e}`),null),Ve=e=>{if(!e)return null;const n=e.match(/https:\/\/stream.mux.com\/(.*)/);let o=n?n[1]:null;return o.includes(pe)&&(o=o.replace(pe,"")),o?`https://image.mux.com/${o}/thumbnail.jpg?time=0`:null},w={UPLOAD_STARTED:"upload.started",UPLOAD_PROGRESS:"upload.progress",UPLOAD_FINISHED:"upload.finished",DELETE:"delete",ERROR:"error",MEDIA_TYPE:"media.type",PERMISSION_DENIED:"permission_denied",OTHER:"other",UPLOAD_ID:"upload.id",UPLOAD_PROGRESS_PCT:"upload.progress.pct",MEDIA_RECORDING_UID:"media.recording.uid",MEDIA_TYPE_VIDEO:"video",MEDIA_TYPE_AUDIO:"audio"},_={PlaybackRateMenuButton:"Speed",PlayToggle:"Play",FullscreenToggle:"Expand",TurnOnCamera:"Turn on",TurnOffCamera:"Turn off",DeleteButton:"Delete",RecordButton:"Record",StopButton:"Stop",PauseButton:"Pause"};var Te=(e=>(e.CONTINUE="CONTINUE",e.EXTERNAL="EXTERNAL",e.NO_BUTTON="NO_BUTTON",e))(Te||{}),Re=(e=>(e.Unlimited="Unlimited",e.Maximum="Maximum",e.Range="Range",e))(Re||{});const Fe=({options:e,selectItem:n,selectedOptions:o,showCheckbox:t,disabledOptions:r,dropdownFooter:l})=>{const{themeColor:a}=i.useConfig(d=>({doc:d.viewDocument,themeColor:d.border}));return i.u("div",{className:"select-list",children:[e.map(d=>{return i.u("div",{"aria-disabled":r==null?void 0:r.includes(d),className:i.cc("select-option",r!=null&&r.includes(d)?"ul-choice-disabled":""),onClick:u=>{r!=null&&r.includes(d)||(n(d),u.stopPropagation())},role:"option",style:{...r!=null&&r.includes(d)?{opacity:.5,cursor:"not-allowed"}:{}},children:[t&&i.u(xe,{divId:(s=d.id,`checkbox-div-${s}`),id:d.id,isSelected:o.includes(d),themeColor:a}),d.label]},d.id);var s}),l]})},Ae={"{{user_id}}":"externalUserId","{{email}}":"email"};exports.Button=le,exports.Header=({message:e,properties:n,isRequired:o})=>{const t=i._(null),r=n==null?void 0:n.captionText,l=ae();return i.u("div",{className:i.cc("question-header-container","sprig-header-container",l?"sprig-border-bottom":null),ref:t,children:[i.u("div",{className:"question-header-button-container",children:i.u(de,{className:"ul-question",id:"ul-question",isHeader:!0,plainText:e,richText:n==null?void 0:n.questionHtml,showAsterisk:o})}),i.u(de,{className:"ul-caption",id:"ul-caption",plainText:r,richText:n==null?void 0:n.captionHtml})]})},exports.Html=ye,exports.LongformSubmitButton=({isSubmitDisabled:e,handleSubmit:n})=>i.u("div",{className:"ul-card-longform__submit-button-container",children:i.u(le,{className:"ul-card-longform__submit-button",disabled:e,onClick:n,children:["OK ",i.u(Pe,{})]})}),exports.MaxSelectModes=Re,exports.MobileEmbedView=({embeddedType:e="prototype",properties:n,children:o})=>{var I;const{handleClickEmbedButton:t,hasViewedEmbed:r,headers:l,useDesktopPrototype:a}=i.useConfig(b=>({handleClickEmbedButton:b.handleClickEmbedButton,hasViewedEmbed:b.hasViewedEmbed,headers:b.headers,useDesktopPrototype:b.useDesktopPrototype})),d=(n==null?void 0:n.conceptUrl)||((I=n==null?void 0:n.consentDocument)==null?void 0:I.url),s=window.innerWidth<W.EMBED_MOBILE_MAX_WIDTH,u=l["userleap-platform"],m=(b,R)=>{b.preventDefault(),t(R)};if((()=>{const{update:b,index:R,isConversationalUI:x,viewDocument:v}=i.useConfig(({update:f,index:j,isConversationalUI:C,viewDocument:D})=>({update:f,index:j,isConversationalUI:C,viewDocument:D})),h=Le.debounce(b,100);i.p(()=>{if(x)return;const f=new ResizeObserver(h),j=v.querySelector(".ul-card__container");return j&&f.observe(j,{box:"border-box"}),()=>{f.disconnect()}},[h,b,R,x,v])})(),!a&&s&&!r&&d&&["email","link"].includes(u)){if(e==="prototype")return i.u(ce,{handleClick:b=>{m(b,"question.prototype.click")}});if(e==="pdf")return i.u(ce,{buttonText:(n==null?void 0:n.viewDocumentText)||"View Document",handleClick:b=>{m(b,"question.agreement.click")}})}return i.u(i.g,{children:o})},exports.Option=({ariaLabel:e,border:n,choiceStyle:o={},label:t,isSelected:r,value:l,text:a,id:d,isRadio:s,useMobileStyling:u,error:m,allowTextEntry:I,noneOfTheAbove:b,promptText:R,disabled:x=!1,onUserInputChanged:v})=>{const{styleNonce:h,viewDocument:f}=i.useConfig(k=>({styleNonce:k.styleNonce,viewDocument:k.viewDocument})),[j,C]=i.h(!1);Me(f,n,h);const D=({isSelected:k,userText:E})=>{v&&v({id:d,selected:k,value:l,userText:E,noneOfTheAbove:b})},A=k=>{x||(k.stopPropagation(),D({isSelected:s||!r,userText:a}),C(!1))},G=()=>{j||C(!0)},P=()=>{j&&C(!1)},O={onClick:k=>A(k),onKeyPress:k=>(E=>{x||E.key!=="Enter"&&E.key!==" "||A(E)})(k)};"ontouchstart"in f.documentElement?(O.onTouchStart=P,O.onTouchCancel=P,O.onTouchEnd=P):(O.onMouseDown=G,O.onMouseLeave=P);const Z=s?`radio-${d}`:`checkbox-${d}`,p=r||j?[K]:[],y=[...m?[je]:[],...p,...x?["ul-choice-disabled"]:[]],g=t?{"aria-labelledby":`label-${d}`}:{"aria-label":e};return i.u("div",{className:i.cc(i.getClasses("choice",u),...y),id:`choice-div-${d}`,style:{...o,...m?{borderColor:W.ERROR_BORDER_COLOR}:{},...x?{opacity:.5,cursor:"not-allowed"}:{}},...x?{}:O,"aria-disabled":x,children:[i.u("div",{className:i.cc("choice-label-container"),children:[s?i.u("div",{...g,className:i.cc("select-radio",...p),id:Z,role:"radio",tabIndex:0}):i.u(xe,{disabled:x,divId:Z,id:d,isSelected:r,themeColor:n}),t&&i.u("label",{className:i.cc(i.getClasses("select-label",u)),htmlFor:Z,id:`label-${d}`,children:t})]}),I&&r&&i.u("div",{className:i.cc("choice-text-entry-container",...p),children:i.u(Oe,{onTextChange:k=>D({isSelected:r,userText:k}),promptText:R||"Please specify",textValue:a,useMobileStyling:u})})]})},exports.PromptActionTypeEnum=Te,exports.QuestionBodyFooterContainer=({children:e})=>{const n=ae(),{isConversationalUI:o}=i.useConfig(t=>({isConversationalUI:t.isConversationalUI}));return i.u("div",{className:i.cc("sprig-question-footer-container",n&&!o?"sprig-border-top":null),children:e})},exports.QuestionBodyWrapper=({children:e})=>i.u("div",{className:"sprig-question-body",children:e}),exports.RECORDER=w,exports.Select=({isMultiSelect:e=!1,multiselectText:n="choices selected",onChange:o,options:t,placeholderText:r,value:l,disabledOptions:a=[],dropdownFooter:d})=>{const[s,u]=i.h(!1),{viewDocument:m,update:I,isConversationalUI:b}=i.useConfig(v=>({viewDocument:v.viewDocument,update:v.update,isConversationalUI:v.isConversationalUI})),R=()=>{u(!s)};i.y(()=>{b||I()},[s,b,I]),i.p(()=>{var h;const v=f=>{const j=f.target;(j==null?void 0:j.closest(".select-option.ul-choice-disabled"))||u(!1)};m.addEventListener("click",v);try{(h=window.parent)==null||h.addEventListener("click",v)}catch{window.addEventListener("click",v)}return()=>{var f;m.removeEventListener("click",v);try{(f=window.parent)==null||f.removeEventListener("click",v)}catch{window.removeEventListener("click",v)}}},[m]);const x=l.length===0?["select-button-placeholder"]:[];return i.u(i.g,{children:[i.u("button",{"aria-label":"choice dropdown button",className:i.cc("select-button",...x),onClick:v=>{v.stopPropagation(),R()},type:"button",children:[i.u("span",{children:l.length===0?r:l.length===1?l[0].label:`${l.length} ${n}`}),i.u(i.SvgCaret,{})]}),s&&i.u(Fe,{disabledOptions:a,dropdownFooter:d,options:t,selectedOptions:l,selectItem:v=>{var j;const h=l.some(C=>C.id===v.id),f=l.some(C=>{var D;return(D=C.optionProperties)==null?void 0:D.noneOfTheAbove});(j=v.optionProperties)!=null&&j.noneOfTheAbove&&!h?o([v]):e?o(h?l.filter(C=>C.id!==v.id):f?[v]:[...l,v]):h||o([v]),e||R()},showCheckbox:e})]})},exports.appCardHasPropertiesWithRequired=function(e){const n=e.props;if(n===null||typeof n!="object")return!1;const o=Reflect.get(n,"properties");return typeof o=="object"&&o!==null&&"required"in o},exports.getAttributedUrl=(e=void 0,n={})=>{if(!e)return e;const o=["http:","https:","itms-apps:","market:"],t=(a=>/^[a-zA-Z][a-zA-Z0-9+\-.]*:\/\//.test(a)?a:`http://${a}`)(e);if(!t)return;try{const a=new URL(t);if(!a.protocol||!o.includes(a.protocol))return}catch{return}const r=[],l=((a,d,s)=>{let u=a;for(const[m,I]of Object.entries(Ae))if(u.toLowerCase().includes(m))if(d[I]){const b=new RegExp(m,"gi");u=u.replace(b,d[I])}else s.push(m);return u})(t,n,r);return r.length===0?l:((a,d)=>{if(!a.includes("?"))return a;const s=a.slice(0,a.indexOf("?")),u=a.slice(a.indexOf("?")+1).split("&").map(m=>m.split("=")).filter(m=>!d.includes(m[1]));return u.length===0?s:`${s}?${u.map(m=>m.join("=")).join("&")}`})(l,r)},exports.pauseQuestionPlayer=e=>{const n=X(e+he);n==null||n.pause()},exports.stopRecording=e=>{const n=e+ge;if(c.document.getElementById(n)&&c.videojs){try{if(!c.videojs(n).record().stream)return}catch{return}c.videojs(n).record().stop(),c.videojs(n).record().stopDevice()}},exports.useAutoSize=Ee,exports.videoPlayer=(e,n,o,t=!1,r="https://api.sprig.com",l=document,a=null,d=null)=>{c.document=l;const s=e+he,u=we(s);return c.document.addEventListener("securitypolicyviolation",m=>{N(new Error(`Voice & Video feature violates ${m.violatedDirective} web page CSP policies for the question player.`),"playerDeviceError",r,{})}),fe(ve,()=>{c.document.getElementById(ie(s)).remove(),re(s,u);const m={playsinline:!0,playbackRates:[.5,1,1.5,2],fill:!0};try{const I=e+me;re(I,u);const b=X(s,m),R=X(I,{muted:!0,...m});if(!b||!R)return;((h,f,j)=>{h.addClass(`ul${me}`);const C=new(c.videojs.getComponent("Component"))(h);f&&h.src(f),h.addChild(C),j&&j(h)})(R,a,d),a||R.addClass(T);const x=ke(b,["PlaybackRateMenuButton","PlayToggle","FullscreenToggle"]),v=x.children().find(h=>h.name_==="FullscreenToggle");v.hasClass("vjs-disabled")&&v.hide(),Ie(b,x,n,o,t,R)}catch(I){return void N(new Error(`Error when creating video player object ${I}`),"playerDeviceError",r,{})}}),u},exports.videoRecorderPlayer=(e,n={},o="https://api.userleap.com",t,r,l,a=!1,d=document)=>{c.document=d;const s=e+ge,u=we(s);return c.document.addEventListener("securitypolicyviolation",m=>{N(new Error(`Voice & Video feature violates ${m.violatedDirective} web page CSP policies for the recorder player.`),"recorderDeviceError",o,l,n.visitorId,n.envId)}),fe(ve.concat(He),()=>{re(s,u),c.document.getElementById(ie(s)).remove();try{Ue(u,s,n,o,t,r,l,a)}catch(m){return void N(new Error(`Error when creating video recorder player object ${m}`),"recorderDeviceError",o,l,n.visitorId,n.envId)}}),u};
+`}],he="-video-player",me="-secondary-video-player",ge="-video-recorder";let S,be;const A=async({event:e,apiBase:n,headers:o,visitorId:t,envId:s,metadata:l})=>{const a=d.document.documentElement;if(!t||!s)return;const u={event:`SDK - ${e}`,visitorId:t,environmentId:s,metadata:{...l||{},screenWidth:window.screen.width,screenHeight:window.screen.height,clientWidth:a.clientWidth,clientHeight:a.clientHeight,location:window.location.href,language:navigator.language}};(await fetch(`${n}/sdk/1/visitors/${t}/analytics`,{method:"POST",cache:"no-cache",headers:o,body:JSON.stringify(u)})).ok||console.warn("[Sprig] (ERR-444) Failed to track analytics",e)},V=async(e,n,o,t,s,l)=>{A({event:`Video Error ${n}`,apiBase:o,headers:t,visitorId:s,envId:l,metadata:{errorMessage:e.message}});const a=d.document.documentElement,u={screenWidth:window.screen.width,screenHeight:window.screen.height,clientWidth:a.clientWidth,clientHeight:a.clientHeight,location:window.location.href,language:navigator.language},r={action:n,err:{message:e.message,stack:e.stack},meta:u,vid:s,envId:l};(await fetch(`${o}/sdk/1/errors`,{method:"POST",cache:"no-cache",headers:{...t,"userleap-platform":"video_recorder","x-ul-error":window.btoa(`userleap-${Date.now()}-error`)},body:JSON.stringify(r)})).ok||console.warn("[Sprig] (ERR-444) Failed to report error to API",e)},fe=(e,n)=>{if(e.length===0)return n&&n();Promise.all(e.reduce((o,t)=>(o.push(((s,{type:l,content:a})=>new Promise(function(u,r){let p;l==="script"?(p=d.document.createElement("script"),p.src=a):l==="link"?(p=d.document.createElement("link"),p.rel="stylesheet",p.href=a,p.type="text/css"):(p=d.document.createElement("style"),p.innerHTML=a),p.onload=function(){u(a)},p.onerror=function(){r(a)},p.async=!1,p.id=btoa(a),s.appendChild(p)}))(d.document.head,t)),o),[])).then(()=>{d.videojs=d.document.defaultView.videojs,n&&n()}).catch(function(o){console.log(o+" failed to load")})},Ce=(e,n,o)=>{if(n==="start"&&(e.style.visibility="visible"),n==="none")e.style.visibility=D;else if(n==="success")e.style.visibility=D,e.innerHTML="Upload succeeded!";else{const t=Math.round(parseFloat(o));e.innerHTML=`Uploading <span class="ul-upload-progress-label__time">${t}%</span>`,e.style.background=`linear-gradient(to right, #E0E0EB 0%, #E0E0EB ${t}%, #FCFCFD ${t}%, #FCFCFD 100%)`}},te=(e,n)=>{const o=d.videojs(e.id());return o==null?void 0:o.payload[n]},De=(e,n)=>{const o=new(d.videojs.getComponent("Component"))(e);return o.addClass("ul-buttons-panel"),n.map(t=>{o.addChild(t)}),Ne(o),o},Ne=e=>{e.children().forEach(n=>{if(_[n.name_]){const o=Q(_[n.name_],`ul-${_[n.name_]}`);n.el_.appendChild(o)}})},Q=(e,n="")=>{const o=d.document.createElement("span");return o.className="ul-button-text",o.innerHTML=e,o.id=n,o},Te=(e,n,o,t,s=!1,l)=>{e.addClass("ul-video-player");const a=new(d.videojs.getComponent("Component"))(e);a.addClass("ul-control-panel"),e.progressBar=a.addChild("ProgressControl"),o&&e.src(o),e.audioPlayerPlaceholder=new(d.videojs.getComponent("Component"))(e),e.audioPlayerPlaceholder.addClass("ul-audio-recorder-placeholder");const u=o&&o.src?Ae(o.src):null;!o||!s&&u?(e.audioPlayerPlaceholder.hide(),d.document.getElementById(`${e.id()}_html5_api`).style.height="100%",u&&e.poster(u)):(e.children()[0].classList.add("vjs-hidden"),d.document.getElementById(`${e.id()}_html5_api`).style.height="0px"),e.on("play",()=>{s||!o||u||Fe(e),l==null||l.play()}),e.on("pause",()=>{l==null||l.pause()}),e.on("seeked",()=>{l==null||l.currentTime(e.currentTime())}),e.on("ratechange",()=>{l==null||l.playbackRate(e.playbackRate())}),e.addChild(e.audioPlayerPlaceholder,{},1),a.addChild(n),e.addChild(a),t&&t(e)},Ve=(e,n,o,t,s,l,a,u=!1)=>{be=Date.now();const r=X(n,{controls:!1,bigPlayButton:!1,fluid:!1,width:1280,height:720,playsinline:!0,plugins:{record:{audio:!0,video:{mandatory:{minWidth:1280,minHeight:720}},frameWidth:1280,frameHeight:720,maxLength:600,autoMuteDevice:!0}}});if(!r)return;r.payload=o;const{surveyId:p,questionId:h,responseGroupUid:I,visitorId:g,envId:T}=o;let C;const R=v=>{const y=ne,m=ne+"-audio-only";Ce(r.uploadProgressLabel,"none"),S&&S.startTime>=be&&S.abort();const j=d.document.getElementById("ul-camera-button");v?(r.children()[0].classList.add("vjs-hidden"),b.removeClass(y),b.addClass(m),j.innerHTML=_.TurnOnCamera,r.audioPlayerPlaceholder.removeClass("vjs-hidden"),C==null||C.getTracks().forEach(E=>{E.stop()}),window.navigator.mediaDevices.getUserMedia({video:!0,audio:!0}).then(E=>{C=E,E.getVideoTracks().forEach(U=>{U.enabled=!1}),r.record().onDeviceReady(E)}).catch(r.record().onDeviceError.bind(r.record()))):(C==null||C.getVideoTracks().forEach(E=>{E.enabled=!0}),r.children()[0].classList.remove("vjs-hidden"),r.record().getDevice(),b.removeClass(m),b.addClass(y),j.innerHTML=_.TurnOffCamera,r.audioPlayerPlaceholder.addClass("vjs-hidden"))},c=new(d.videojs.getComponent("Button"))(r,{clickHandler:()=>{c.hasClass(D)||(A({event:"Video Delete Button Clicked",apiBase:t,headers:a,visitorId:g,envId:T,metadata:{questionId:h,responseGroupUid:I,surveyId:p}}),R(r.cameraOff),s(f.DELETE,{}),b.removeClass(D),c.addClass(D))}});c.addClass("ul-video-recorder-delete-button"),c.el_.appendChild(Q(_.DeleteButton,"ul-delete-button"));const w=d.document.getElementById(n),x=()=>{w.classList.contains("vjs-fullscreen")&&r.cameraOff?w.style.display="table":w.style.display="flex"};x();const b=new(d.videojs.getComponent("Button"))(r,{clickHandler:()=>{r.record().isRecording()||(r.cameraOff=!r.cameraOff,A({event:"Video Camera Button Clicked",apiBase:t,headers:a,visitorId:o.visitorId,envId:o.envId,metadata:{questionId:h,responseGroupUid:I,surveyId:p,cameraOff:r.cameraOff}}),R(r.cameraOff),!c.hasClass(D)&&c.addClass(D),s(f.DELETE,{}),x())}});b.addClass(ne),b.el_.appendChild(Q(_.TurnOffCamera,"ul-camera-button"));const k=new(d.videojs.getComponent("Button"))(r,{clickHandler:()=>{const v=d.document.getElementById("ul-recorder-toggle");if(r.record().isRecording())r.record().stop(),v&&(v.innerHTML=_.RecordButton),k.removeClass(oe),c.removeClass(D);else{const y=d.document.getElementById("ul-recording-countdown-screen");if(y)y.remove(),v&&(v.innerHTML=_.RecordButton),R(r.cameraOff),s(f.DELETE,{}),b.removeClass(D),c.addClass(D),k.removeClass(oe),O.show();else{k.addClass(oe),O.hide(),b.addClass(D),c.addClass(D),v&&(v.innerHTML=_.StopButton);const m=d.document.createElement("div");m.id="ul-recording-countdown-screen",w.insertBefore(m,w.children[1]),m.style.height=`${w.offsetHeight}px`,Re(r,3)}}}});k.addClass("ul-video-recorder-toggle-button"),k.el_.appendChild(Q(_.RecordButton,"ul-recorder-toggle"));const P=d.document.createElement("p");P.style.visibility="hidden",P.className="ul-upload-progress-label",e.appendChild(P),r.uploadProgressLabel=P;const G=De(r,[c,b,"PlayToggle",k,"FullscreenToggle"]),O=G.children().find(v=>v.name_==="FullscreenToggle");O.hasClass("vjs-disabled")&&O.hide();const M=G.children().find(v=>v.name_==="PlayToggle");M.hide(),c.addClass(D),Te(r,G,l,!1,u),r.on("stopRecord",()=>{k.hide(),M.show(),O.show(),c.removeClass(D)}),r.on("deviceReady",()=>{k.show(),M.hide(),c.addClass(D)}),((v,y,m,j,E)=>{const{surveyId:U,responseGroupUid:$,visitorId:L,envId:B}=v.payload;v.on("deviceError",function(){console.warn("device error: ",v.deviceErrorCode),v.deviceErrorCode.message==="Permission denied"?(v.deviceButton.addClass("permission-denied"),m&&m(f.ERROR,{type:f.PERMISSION_DENIED}),A({event:"Video Permission Denied",apiBase:y,headers:E,visitorId:L,envId:B,metadata:{questionId:te(v,ee),responseGroupUid:$,surveyId:U}})):(m&&m(f.ERROR,{type:f.OTHER}),V(new Error(v.deviceErrorCode.message),"recorderDeviceError",y,E,L,B))}),v.on("error",function(z,N){V(N||v.error(),"recorderError",y,E,L,B)}),v.on("startRecord",function(z,N){j(v.uploadProgressLabel,"none"),A({event:"Video Record Start",apiBase:y,headers:E,visitorId:L,envId:B,metadata:{questionId:te(v,ee),responseGroupUid:$,surveyId:U}})}),v.on("finishRecord",async function(){j(v.uploadProgressLabel,"start",0);const z=te(v,ee);if(!U){const H="internal error: missing fields in payload";return m&&m(f.ERROR,{type:f.OTHER}),V(new Error(H),"finishRecord",y,E,L,B),null}v.record().stopDevice();const N=v.cameraOff?f.MEDIA_TYPE_AUDIO:f.MEDIA_TYPE_VIDEO,F=_e.v4();A({event:"Video Record Finish",apiBase:y,headers:E,visitorId:L,envId:B,metadata:{mediaRecordingUid:F,questionId:z,responseGroupUid:$,surveyId:U,mediaType:N}});const Y={surveyId:U,updatedAt:new Date().toISOString(),mediaType:N,mediaRecordingUid:F};z&&(Y.questionId=z),$&&(Y.responseGroupUid=$),L&&(Y.visitorId=L);const J=await(async()=>{const H=await fetch(`${y}/2/environments/integrations/upload`,{method:"POST",cache:"no-cache",headers:{"Content-Type":"application/json"},body:JSON.stringify(Y)});if(H.ok){const se=await H.json();return m&&m(f.UPLOAD_STARTED,{[f.UPLOAD_ID]:se.upload.id,[f.MEDIA_TYPE]:N,[f.MEDIA_RECORDING_UID]:F}),se.upload.url}return m&&m(f.ERROR,{type:f.OTHER,response:H}),V(new Error("failed to get upload response with url"),"finishRecord",y,E,L,B),null})();J&&(S=d.document.defaultView.UpChunk.createUpload({endpoint:J,file:new d.document.defaultView.File([v.recordedData],`recording ${N} ${Date.now()}`),chunkSize:5120}),S.startTime=Date.now(),A({event:"Video Upload Start",apiBase:y,headers:E,visitorId:L,envId:B,metadata:{mediaRecordingUid:F,questionId:z,responseGroupUid:$,surveyId:U,mediaType:N,url:J}}),S.on("error",H=>{j(v.uploadProgressLabel,"none"),m&&m(f.UPLOAD_FINISHED,{[f.MEDIA_RECORDING_UID]:F}),V(H,"finishRecord",y,E,L,B)}),S.on("progress",H=>{m&&m(f.UPLOAD_PROGRESS,{[f.MEDIA_RECORDING_UID]:F,[f.UPLOAD_PROGRESS_PCT]:H.detail}),j(v.uploadProgressLabel,"progress",H.detail)}),S.on("success",()=>{j(v.uploadProgressLabel,"success"),m&&m(f.UPLOAD_FINISHED,{[f.MEDIA_RECORDING_UID]:F}),A({event:"Video Upload Success",apiBase:y,headers:E,visitorId:L,envId:B,metadata:{mediaRecordingUid:F,questionId:z,responseGroupUid:$,surveyId:U,mediaType:N,url:J,elapsedMs:S.startTime&&Date.now()-S.startTime}})}))})})(r,t,s,Ce,a);const Z=[{name:"microphone"}];!r.cameraOff&&Z.push({name:"camera"}),Promise.all(Z.map(v=>{var y;return(y=navigator==null?void 0:navigator.permissions)==null?void 0:y.query(v)})).then(v=>{v.reduce((y,m)=>y&m.state==="granted",!0)&&r&&(r.deviceButton&&r.deviceButton.hide(),r.record().getDevice())}).catch(v=>{})},Re=(e,n=3)=>{const o=d.document.getElementById("ul-recording-countdown-screen");o&&n===0?(o.remove(),e.record().start()):o&&(o.innerHTML=`<span class='ul-countdown-text'>Recording in... ${n}</span>`,setTimeout(()=>{Re(e,n-1)},1e3))},we=e=>{const n=d.document.createElement("div");return n.className="ul-video-container",n.appendChild((o=>{const t=d.document.createElement("div");return t.className="ul-video-player-loading",t.id=ie(o),["first","second","third","fourth"].map(s=>{const l=d.document.createElement("div");l.className=s,t.appendChild(l)}),t})(e)),n},re=(e,n)=>{const o=d.document.createElement("video");o.id=e,o.className="video-js vjs-default-skin ul-video-player-video";const t=d.document.createElement("p");t.className="vjs-no-js",t.innerHTML="To view this video please enable JavaScript, and consider upgrading to a web browser that";const s=d.document.createElement("a");return s.href="https://videojs.com/html5-video-support/",s.target="_blank",s.innerHTML="supports HTML5 video",t.appendChild(s),o.appendChild(t),n.appendChild(o),n},Fe=(e,n)=>{e.children()[0].classList.remove("vjs-hidden"),e.audioPlayerPlaceholder.hide(),d.document.getElementById(`${e.id()}_html5_api`).style.height="100%"},X=(e,n)=>d.document.getElementById(e)?n?d.videojs(e,n):d.videojs(e):(console.error(`Error in finding player element with ID, ${e}`),null),Ae=e=>{if(!e)return null;const n=e.match(/https:\/\/stream.mux.com\/(.*)/);let o=n?n[1]:null;return o.includes(pe)&&(o=o.replace(pe,"")),o?`https://image.mux.com/${o}/thumbnail.jpg?time=0`:null},f={UPLOAD_STARTED:"upload.started",UPLOAD_PROGRESS:"upload.progress",UPLOAD_FINISHED:"upload.finished",DELETE:"delete",ERROR:"error",MEDIA_TYPE:"media.type",PERMISSION_DENIED:"permission_denied",OTHER:"other",UPLOAD_ID:"upload.id",UPLOAD_PROGRESS_PCT:"upload.progress.pct",MEDIA_RECORDING_UID:"media.recording.uid",MEDIA_TYPE_VIDEO:"video",MEDIA_TYPE_AUDIO:"audio"},_={PlaybackRateMenuButton:"Speed",PlayToggle:"Play",FullscreenToggle:"Expand",TurnOnCamera:"Turn on",TurnOffCamera:"Turn off",DeleteButton:"Delete",RecordButton:"Record",StopButton:"Stop",PauseButton:"Pause"};exports.Button=le,exports.Header=({message:e,properties:n,isRequired:o})=>{const t=i._(null),s=n==null?void 0:n.captionText,l=ae();return i.u("div",{className:i.cc("question-header-container","sprig-header-container",l?"sprig-border-bottom":null),ref:t,children:[i.u("div",{className:"question-header-button-container",children:i.u(de,{className:"ul-question",id:"ul-question",isHeader:!0,plainText:e,richText:n==null?void 0:n.questionHtml,showAsterisk:o})}),i.u(de,{className:"ul-caption",id:"ul-caption",plainText:s,richText:n==null?void 0:n.captionHtml})]})},exports.Html=ye,exports.LongformSubmitButton=({isSubmitDisabled:e,handleSubmit:n})=>i.u("div",{className:"ul-card-longform__submit-button-container",children:i.u(le,{className:"ul-card-longform__submit-button",disabled:e,onClick:n,children:["OK ",i.u(Pe,{})]})}),exports.MaxSelectModes=Ie,exports.MobileEmbedView=({embeddedType:e="prototype",properties:n,children:o})=>{var I;const{handleClickEmbedButton:t,hasViewedEmbed:s,headers:l,useDesktopPrototype:a}=i.useConfig(g=>({handleClickEmbedButton:g.handleClickEmbedButton,hasViewedEmbed:g.hasViewedEmbed,headers:g.headers,useDesktopPrototype:g.useDesktopPrototype})),u=(n==null?void 0:n.conceptUrl)||((I=n==null?void 0:n.consentDocument)==null?void 0:I.url),r=window.innerWidth<W.EMBED_MOBILE_MAX_WIDTH,p=l["userleap-platform"],h=(g,T)=>{g.preventDefault(),t(T)};if((()=>{const{update:g,index:T,isConversationalUI:C,viewDocument:R}=i.useConfig(({update:w,index:x,isConversationalUI:b,viewDocument:k})=>({update:w,index:x,isConversationalUI:b,viewDocument:k})),c=Le.debounce(g,100);i.p(()=>{if(C)return;const w=new ResizeObserver(c),x=R.querySelector(".ul-card__container");return x&&w.observe(x,{box:"border-box"}),()=>{w.disconnect()}},[c,g,T,C,R])})(),!a&&r&&!s&&u&&["email","link"].includes(p)){if(e==="prototype")return i.u(ce,{handleClick:g=>{h(g,"question.prototype.click")}});if(e==="pdf")return i.u(ce,{buttonText:(n==null?void 0:n.viewDocumentText)||"View Document",handleClick:g=>{h(g,"question.agreement.click")}})}return i.u(i.g,{children:o})},exports.Option=({ariaLabel:e,border:n,choiceStyle:o={},label:t,isSelected:s,value:l,text:a,id:u,isRadio:r,useMobileStyling:p,error:h,allowTextEntry:I,noneOfTheAbove:g,promptText:T,disabled:C=!1,onUserInputChanged:R})=>{const{styleNonce:c,viewDocument:w}=i.useConfig(j=>({styleNonce:j.styleNonce,viewDocument:j.viewDocument})),[x,b]=i.h(!1);Me(w,n,c);const k=({isSelected:j,userText:E})=>{R&&R({id:u,selected:j,value:l,userText:E,noneOfTheAbove:g})},P=j=>{C||(j.stopPropagation(),k({isSelected:r||!s,userText:a}),b(!1))},G=()=>{x||b(!0)},O=()=>{x&&b(!1)},M={onClick:j=>P(j),onKeyPress:j=>(E=>{C||E.key!=="Enter"&&E.key!==" "||P(E)})(j)};"ontouchstart"in w.documentElement?(M.onTouchStart=O,M.onTouchCancel=O,M.onTouchEnd=O):(M.onMouseDown=G,M.onMouseLeave=O);const Z=r?`radio-${u}`:`checkbox-${u}`,v=s||x?[K]:[],y=[...h?[je]:[],...v,...C?["ul-choice-disabled"]:[]],m=t?{"aria-labelledby":`label-${u}`}:{"aria-label":e};return i.u("div",{className:i.cc(i.getClasses("choice",p),...y),id:`choice-div-${u}`,style:{...o,...h?{borderColor:W.ERROR_BORDER_COLOR}:{},...C?{opacity:.5,cursor:"not-allowed"}:{}},...C?{}:M,"aria-disabled":C,children:[i.u("div",{className:i.cc("choice-label-container"),children:[r?i.u("div",{...m,className:i.cc("select-radio",...v),id:Z,role:"radio",tabIndex:0}):i.u(xe,{disabled:C,divId:Z,id:u,isSelected:s,themeColor:n}),t&&i.u("label",{className:i.cc(i.getClasses("select-label",p)),htmlFor:Z,id:`label-${u}`,children:t})]}),I&&s&&i.u("div",{className:i.cc("choice-text-entry-container",...v),children:i.u(Oe,{onTextChange:j=>k({isSelected:s,userText:j}),promptText:T||"Please specify",textValue:a,useMobileStyling:p})})]})},exports.PromptActionTypeEnum=ke,exports.QuestionBodyFooterContainer=({children:e})=>{const n=ae(),{isConversationalUI:o}=i.useConfig(t=>({isConversationalUI:t.isConversationalUI}));return i.u("div",{className:i.cc("sprig-question-footer-container",n&&!o?"sprig-border-top":null),children:e})},exports.QuestionBodyWrapper=({children:e})=>i.u("div",{className:"sprig-question-body",children:e}),exports.RECORDER=f,exports.Select=({isMultiSelect:e=!1,multiselectText:n="choices selected",onChange:o,options:t,placeholderText:s,value:l,disabledOptions:a=[],dropdownFooter:u})=>{const[r,p]=i.h(!1),h=i._(null),{viewDocument:I,update:g,isConversationalUI:T}=i.useConfig(c=>({viewDocument:c.viewDocument,update:c.update,isConversationalUI:c.isConversationalUI})),C=()=>{p(!r)};i.y(()=>{T||g()},[r,T,g]),i.y(()=>{r&&h.current&&h.current.scrollIntoView({behavior:"smooth",block:"nearest"})},[r]),i.p(()=>{var w;const c=x=>{const b=x.target;(b==null?void 0:b.closest(".select-option.ul-choice-disabled"))||p(!1)};I.addEventListener("click",c);try{(w=window.parent)==null||w.addEventListener("click",c)}catch{window.addEventListener("click",c)}return()=>{var x;I.removeEventListener("click",c);try{(x=window.parent)==null||x.removeEventListener("click",c)}catch{window.removeEventListener("click",c)}}},[I]);const R=l.length===0?["select-button-placeholder"]:[];return i.u(i.g,{children:[i.u("button",{"aria-label":"choice dropdown button",className:i.cc("select-button",...R),onClick:c=>{c.stopPropagation(),C()},type:"button",children:[i.u("span",{children:l.length===0?s:l.length===1?l[0].label:`${l.length} ${n}`}),i.u(i.SvgCaret,{})]}),r&&i.u(He,{disabledOptions:a,dropdownFooter:u,options:t,panelRef:h,selectedOptions:l,selectItem:c=>{var b;const w=l.some(k=>k.id===c.id),x=l.some(k=>{var P;return(P=k.optionProperties)==null?void 0:P.noneOfTheAbove});(b=c.optionProperties)!=null&&b.noneOfTheAbove&&!w?o([c]):e?o(w?l.filter(k=>k.id!==c.id):x?[c]:[...l,c]):w||o([c]),e||C()},showCheckbox:e})]})},exports.appCardHasPropertiesWithRequired=function(e){const n=e.props;if(n===null||typeof n!="object")return!1;const o=Reflect.get(n,"properties");return typeof o=="object"&&o!==null&&"required"in o},exports.getAttributedUrl=(e=void 0,n={})=>{if(!e)return e;const o=["http:","https:","itms-apps:","market:"],t=(a=>/^[a-zA-Z][a-zA-Z0-9+\-.]*:\/\//.test(a)?a:`http://${a}`)(e);if(!t)return;try{const a=new URL(t);if(!a.protocol||!o.includes(a.protocol))return}catch{return}const s=[],l=((a,u,r)=>{let p=a;for(const[h,I]of Object.entries(Se))if(p.toLowerCase().includes(h))if(u[I]){const g=new RegExp(h,"gi");p=p.replace(g,u[I])}else r.push(h);return p})(t,n,s);return s.length===0?l:((a,u)=>{if(!a.includes("?"))return a;const r=a.slice(0,a.indexOf("?")),p=a.slice(a.indexOf("?")+1).split("&").map(h=>h.split("=")).filter(h=>!u.includes(h[1]));return p.length===0?r:`${r}?${p.map(h=>h.join("=")).join("&")}`})(l,s)},exports.pauseQuestionPlayer=e=>{const n=X(e+he);n==null||n.pause()},exports.stopRecording=e=>{const n=e+ge;if(d.document.getElementById(n)&&d.videojs){try{if(!d.videojs(n).record().stream)return}catch{return}d.videojs(n).record().stop(),d.videojs(n).record().stopDevice()}},exports.useAutoSize=Ee,exports.videoPlayer=(e,n,o,t=!1,s="https://api.sprig.com",l=document,a=null,u=null)=>{d.document=l;const r=e+he,p=we(r);return d.document.addEventListener("securitypolicyviolation",h=>{V(new Error(`Voice & Video feature violates ${h.violatedDirective} web page CSP policies for the question player.`),"playerDeviceError",s,{})}),fe(ve,()=>{d.document.getElementById(ie(r)).remove(),re(r,p);const h={playsinline:!0,playbackRates:[.5,1,1.5,2],fill:!0};try{const I=e+me;re(I,p);const g=X(r,h),T=X(I,{muted:!0,...h});if(!g||!T)return;((c,w,x)=>{c.addClass(`ul${me}`);const b=new(d.videojs.getComponent("Component"))(c);w&&c.src(w),c.addChild(b),x&&x(c)})(T,a,u),a||T.addClass(D);const C=De(g,["PlaybackRateMenuButton","PlayToggle","FullscreenToggle"]),R=C.children().find(c=>c.name_==="FullscreenToggle");R.hasClass("vjs-disabled")&&R.hide(),Te(g,C,n,o,t,T)}catch(I){return void V(new Error(`Error when creating video player object ${I}`),"playerDeviceError",s,{})}}),p},exports.videoRecorderPlayer=(e,n={},o="https://api.userleap.com",t,s,l,a=!1,u=document)=>{d.document=u;const r=e+ge,p=we(r);return d.document.addEventListener("securitypolicyviolation",h=>{V(new Error(`Voice & Video feature violates ${h.violatedDirective} web page CSP policies for the recorder player.`),"recorderDeviceError",o,l,n.visitorId,n.envId)}),fe(ve.concat(Ue),()=>{re(r,p),d.document.getElementById(ie(r)).remove();try{Ve(p,r,n,o,t,s,l,a)}catch(h){return void V(new Error(`Error when creating video recorder player object ${h}`),"recorderDeviceError",o,l,n.visitorId,n.envId)}}),p};