@sprig-technologies/sprig-browser 2.43.0 → 2.44.0

package/dist/{videoPlayer-DD0Jmq0y.cjs → videoPlayer-B4YqaVpY.cjs}

@@ -1,4 +1,4 @@
-"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=>`
+"use strict";const r=require("./view-5xam8eBF.cjs"),W=require("./core-CgFFOhiH.cjs"),Re=require("./debounce-DsC7462b.cjs"),Te=require("./metricsReporter-BGIzo9eh.cjs"),le=e=>r.u("button",{...e,className:r.cc("ul-card-text__button",e.className),id:"ul-card-text__button"}),ye=({html:e,...n})=>{const{enableCspTrustedTypes:o}=r.useConfig(i=>({enableCspTrustedTypes:i.enableCspTrustedTypes})),t=r.F(()=>W.getHtml(e,o),[o,e]);return r.u("div",{...n,dangerouslySetInnerHTML:{__html:t}})},ae=()=>{const{viewDocument:e}=r.useConfig(t=>({viewDocument:t.viewDocument})),[n,o]=r.h(!1);return r.p(()=>{const t=e.querySelector(".sprig-question-body"),i=new ResizeObserver(()=>{window.requestAnimationFrame(()=>{o(!!(t&&W.isHTMLElement(t)&&t.scrollHeight>t.offsetHeight))})});return t&&i.observe(t),()=>{t&&i.disconnect()}},[e]),n},de=({plainText:e,richText:n,id:o,className:t,isHeader:i,showAsterisk:l})=>n?r.u(ye,{className:t,html:n,id:o}):e?i?r.u("h1",{className:t,id:o,children:[e,l&&"*"]}):r.u("p",{className:t,id:o,children:e}):null,Le=()=>r.u("svg",{fill:"none",height:"10",viewBox:"0 0 13 10",width:"13",xmlns:"http://www.w3.org/2000/svg",children:r.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=r._(0);return()=>{if(e.current){const t=e.current;t.style.height="1px";const i=t.scrollHeight+(t.offsetHeight-t.clientHeight),l=parseInt(window.getComputedStyle(t).getPropertyValue("max-height")),a=i<=l?i:l;o.current!==a&&requestAnimationFrame(()=>{n()}),o.current=a,t.style.height=`${a}px`}}},ce=({buttonText:e="View Prototype",handleClick:n})=>r.u("button",{className:"prototype-button",onClick:n,children:e},"prototype-btn"),xe=({isSelected:e,id:n,divId:o,themeColor:t,disabled:i=!1})=>r.u("div",{"aria-checked":e,"aria-disabled":i,"aria-labelledby":`label-${n}`,className:"select-checkbox",id:o,role:"checkbox",style:{...e?{backgroundColor:t,borderColor:t,boxShadow:"none"}:{},...i?{opacity:.5}:{}},tabIndex:i?-1:0,children:e&&r.u(r.SvgCheckmark,{})}),_e=({promptText:e,textValue:n,onTextChange:o,useMobileStyling:t})=>{const i=r._(null),{update:l}=r.useConfig(u=>({update:u.update})),a=Ee(i,()=>l());return r.p(()=>(a(),i.current&&i.current.focus(),()=>{l()}),[]),r.u("textarea",{"aria-label":e,"aria-multiline":"true","aria-placeholder":e,className:r.cc(r.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:i,role:"textbox",rows:1,value:n})},ue="ul-select-style-element",K="ul-select-active-dynamic-style",je="ul-select-error-dynamic-style",Pe=(e,n,o)=>{let t=e.getElementById(ue),i=!1;t||(t=e.createElement("style"),i=!0),t.tagName.toLowerCase()==="style"&&(t.id=ue,o&&(t.nonce=o),t.textContent=Oe(n),i&&e.head.appendChild(t))},Oe=e=>`
     .${K} {
       border-color: ${e};
     }
@@ -9,7 +9,7 @@
     .${je} {
       border-color: ${W.ERROR_BORDER_COLOR};
     }
-  `;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 */
+  `,Me=({options:e,selectItem:n,selectedOptions:o,showCheckbox:t,disabledOptions:i,dropdownFooter:l,panelRef:a})=>{const{themeColor:u}=r.useConfig(s=>({doc:s.viewDocument,themeColor:s.border}));return r.u("div",{className:"select-list",ref:a,children:[e.map(s=>{return r.u("div",{"aria-disabled":i==null?void 0:i.includes(s),className:r.cc("select-option",i!=null&&i.includes(s)?"ul-choice-disabled":""),onClick:h=>{i!=null&&i.includes(s)||(n(s),h.stopPropagation())},role:"option",style:{...i!=null&&i.includes(s)?{opacity:.5,cursor:"not-allowed"}:{}},children:[t&&r.u(xe,{divId:(p=s.id,`checkbox-div-${p}`),id:s.id,isSelected:o.includes(s),themeColor:u}),s.label]},s.id);var p}),l]})},Be={"{{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",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 */
 .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 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};
+`}],he="-video-player",me="-secondary-video-player",ge="-video-recorder";let S,be;const N=async({event:e,apiBase:n,headers:o,visitorId:t,envId:i,metadata:l})=>{const a=d.document.documentElement;if(!t||!i)return;const u={event:`SDK - ${e}`,visitorId:t,environmentId:i,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)},F=async(e,n,o,t,i,l)=>{N({event:`Video Error ${n}`,apiBase:o,headers:t,visitorId:i,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},s={action:n,err:{message:e.message,stack:e.stack},meta:u,vid:i,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(((i,{type:l,content:a})=>new Promise(function(u,s){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(){s(a)},p.async=!1,p.id=btoa(a),i.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]},ke=(e,n)=>{const o=new(d.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=d.document.createElement("span");return o.className="ul-button-text",o.innerHTML=e,o.id=n,o},Ie=(e,n,o,t,i=!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?Fe(o.src):null;!o||!i&&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",()=>{i||!o||u||Ue(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,i,l,a,u=!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:p,questionId:h,responseGroupUid:I,visitorId:g,envId:R}=o;let C;const T=v=>{const y=ne,m=ne+"-audio-only";Ce(s.uploadProgressLabel,"none"),S&&S.startTime>=be&&S.abort();const j=d.document.getElementById("ul-camera-button");v?(s.children()[0].classList.add("vjs-hidden"),b.removeClass(y),b.addClass(m),j.innerHTML=_.TurnOnCamera,s.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(V=>{V.enabled=!1}),s.record().onDeviceReady(E)}).catch(s.record().onDeviceError.bind(s.record()))):(C==null||C.getVideoTracks().forEach(E=>{E.enabled=!0}),s.children()[0].classList.remove("vjs-hidden"),s.record().getDevice(),b.removeClass(m),b.addClass(y),j.innerHTML=_.TurnOffCamera,s.audioPlayerPlaceholder.addClass("vjs-hidden"))},c=new(d.videojs.getComponent("Button"))(s,{clickHandler:()=>{c.hasClass(D)||(N({event:"Video Delete Button Clicked",apiBase:t,headers:a,visitorId:g,envId:R,metadata:{questionId:h,responseGroupUid:I,surveyId:p}}),T(s.cameraOff),i(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")&&s.cameraOff?w.style.display="table":w.style.display="flex"};x();const b=new(d.videojs.getComponent("Button"))(s,{clickHandler:()=>{s.record().isRecording()||(s.cameraOff=!s.cameraOff,N({event:"Video Camera Button Clicked",apiBase:t,headers:a,visitorId:o.visitorId,envId:o.envId,metadata:{questionId:h,responseGroupUid:I,surveyId:p,cameraOff:s.cameraOff}}),T(s.cameraOff),!c.hasClass(D)&&c.addClass(D),i(f.DELETE,{}),x())}});b.addClass(ne),b.el_.appendChild(Q(_.TurnOffCamera,"ul-camera-button"));const k=new(d.videojs.getComponent("Button"))(s,{clickHandler:()=>{const v=d.document.getElementById("ul-recorder-toggle");if(s.record().isRecording())s.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),T(s.cameraOff),i(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`,De(s,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),s.uploadProgressLabel=P;const G=ke(s,[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),Ie(s,G,l,!1,u),s.on("stopRecord",()=>{k.hide(),M.show(),O.show(),c.removeClass(D)}),s.on("deviceReady",()=>{k.show(),M.hide(),c.addClass(D)}),((v,y,m,j,E)=>{const{surveyId:V,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}),N({event:"Video Permission Denied",apiBase:y,headers:E,visitorId:L,envId:B,metadata:{questionId:te(v,ee),responseGroupUid:$,surveyId:V}})):(m&&m(f.ERROR,{type:f.OTHER}),F(new Error(v.deviceErrorCode.message),"recorderDeviceError",y,E,L,B))}),v.on("error",function(z,U){F(U||v.error(),"recorderError",y,E,L,B)}),v.on("startRecord",function(z,U){j(v.uploadProgressLabel,"none"),N({event:"Video Record Start",apiBase:y,headers:E,visitorId:L,envId:B,metadata:{questionId:te(v,ee),responseGroupUid:$,surveyId:V}})}),v.on("finishRecord",async function(){j(v.uploadProgressLabel,"start",0);const z=te(v,ee);if(!V){const H="internal error: missing fields in payload";return m&&m(f.ERROR,{type:f.OTHER}),F(new Error(H),"finishRecord",y,E,L,B),null}v.record().stopDevice();const U=v.cameraOff?f.MEDIA_TYPE_AUDIO:f.MEDIA_TYPE_VIDEO,A=Te.v4();N({event:"Video Record Finish",apiBase:y,headers:E,visitorId:L,envId:B,metadata:{mediaRecordingUid:A,questionId:z,responseGroupUid:$,surveyId:V,mediaType:U}});const Y={surveyId:V,updatedAt:new Date().toISOString(),mediaType:U,mediaRecordingUid:A};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]:U,[f.MEDIA_RECORDING_UID]:A}),se.upload.url}return m&&m(f.ERROR,{type:f.OTHER,response:H}),F(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 ${U} ${Date.now()}`),chunkSize:5120}),S.startTime=Date.now(),N({event:"Video Upload Start",apiBase:y,headers:E,visitorId:L,envId:B,metadata:{mediaRecordingUid:A,questionId:z,responseGroupUid:$,surveyId:V,mediaType:U,url:J}}),S.on("error",H=>{j(v.uploadProgressLabel,"none"),m&&m(f.UPLOAD_FINISHED,{[f.MEDIA_RECORDING_UID]:A}),F(H,"finishRecord",y,E,L,B)}),S.on("progress",H=>{m&&m(f.UPLOAD_PROGRESS,{[f.MEDIA_RECORDING_UID]:A,[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]:A}),N({event:"Video Upload Success",apiBase:y,headers:E,visitorId:L,envId:B,metadata:{mediaRecordingUid:A,questionId:z,responseGroupUid:$,surveyId:V,mediaType:U,url:J,elapsedMs:S.startTime&&Date.now()-S.startTime}})}))})})(s,t,i,Ce,a);const Z=[{name:"microphone"}];!s.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)&&s&&(s.deviceButton&&s.deviceButton.hide(),s.record().getDevice())}).catch(v=>{})},De=(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(()=>{De(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(i=>{const l=d.document.createElement("div");l.className=i,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 i=d.document.createElement("a");return i.href="https://videojs.com/html5-video-support/",i.target="_blank",i.innerHTML="supports HTML5 video",t.appendChild(i),o.appendChild(t),n.appendChild(o),n},Ue=(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),Fe=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=r._(null),i=n==null?void 0:n.captionText,l=ae();return r.u("div",{className:r.cc("question-header-container","sprig-header-container",l?"sprig-border-bottom":null),ref:t,children:[r.u("div",{className:"question-header-button-container",children:r.u(de,{className:"ul-question",id:"ul-question",isHeader:!0,plainText:e,richText:n==null?void 0:n.questionHtml,showAsterisk:o})}),r.u(de,{className:"ul-caption",id:"ul-caption",plainText:i,richText:n==null?void 0:n.captionHtml})]})},exports.Html=ye,exports.LongformSubmitButton=({isSubmitDisabled:e,handleSubmit:n})=>r.u("div",{className:"ul-card-longform__submit-button-container",children:r.u(le,{className:"ul-card-longform__submit-button",disabled:e,onClick:n,children:["OK ",r.u(Le,{})]})}),exports.MobileEmbedView=({embeddedType:e="prototype",properties:n,children:o})=>{var I;const{handleClickEmbedButton:t,hasViewedEmbed:i,headers:l,useDesktopPrototype:a}=r.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),s=window.innerWidth<W.EMBED_MOBILE_MAX_WIDTH,p=l["userleap-platform"],h=(g,R)=>{g.preventDefault(),t(R)};if((()=>{const{update:g,index:R,isConversationalUI:C,viewDocument:T}=r.useConfig(({update:w,index:x,isConversationalUI:b,viewDocument:k})=>({update:w,index:x,isConversationalUI:b,viewDocument:k})),c=Re.debounce(g,100);r.p(()=>{if(C)return;const w=new ResizeObserver(c),x=T.querySelector(".ul-card__container");return x&&w.observe(x,{box:"border-box"}),()=>{w.disconnect()}},[c,g,R,C,T])})(),!a&&s&&!i&&u&&["email","link"].includes(p)){if(e==="prototype")return r.u(ce,{handleClick:g=>{h(g,"question.prototype.click")}});if(e==="pdf")return r.u(ce,{buttonText:(n==null?void 0:n.viewDocumentText)||"View Document",handleClick:g=>{h(g,"question.agreement.click")}})}return r.u(r.g,{children:o})},exports.Option=({ariaLabel:e,border:n,choiceStyle:o={},label:t,isSelected:i,value:l,text:a,id:u,isRadio:s,useMobileStyling:p,error:h,allowTextEntry:I,noneOfTheAbove:g,promptText:R,disabled:C=!1,onUserInputChanged:T})=>{const{styleNonce:c,viewDocument:w}=r.useConfig(j=>({styleNonce:j.styleNonce,viewDocument:j.viewDocument})),[x,b]=r.h(!1);Pe(w,n,c);const k=({isSelected:j,userText:E})=>{T&&T({id:u,selected:j,value:l,userText:E,noneOfTheAbove:g})},P=j=>{C||(j.stopPropagation(),k({isSelected:s||!i,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=s?`radio-${u}`:`checkbox-${u}`,v=i||x?[K]:[],y=[...h?[je]:[],...v,...C?["ul-choice-disabled"]:[]],m=t?{"aria-labelledby":`label-${u}`}:{"aria-label":e};return r.u("div",{className:r.cc(r.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:[r.u("div",{className:r.cc("choice-label-container"),children:[s?r.u("div",{...m,className:r.cc("select-radio",...v),id:Z,role:"radio",tabIndex:0}):r.u(xe,{disabled:C,divId:Z,id:u,isSelected:i,themeColor:n}),t&&r.u("label",{className:r.cc(r.getClasses("select-label",p)),htmlFor:Z,id:`label-${u}`,children:t})]}),I&&i&&r.u("div",{className:r.cc("choice-text-entry-container",...v),children:r.u(_e,{onTextChange:j=>k({isSelected:i,userText:j}),promptText:R||"Please specify",textValue:a,useMobileStyling:p})})]})},exports.QuestionBodyFooterContainer=({children:e})=>{const n=ae(),{isConversationalUI:o}=r.useConfig(t=>({isConversationalUI:t.isConversationalUI}));return r.u("div",{className:r.cc("sprig-question-footer-container",n&&!o?"sprig-border-top":null),children:e})},exports.QuestionBodyWrapper=({children:e})=>r.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:i,value:l,disabledOptions:a=[],dropdownFooter:u})=>{const[s,p]=r.h(!1),h=r._(null),{viewDocument:I,update:g,isConversationalUI:R}=r.useConfig(c=>({viewDocument:c.viewDocument,update:c.update,isConversationalUI:c.isConversationalUI})),C=()=>{p(!s)};r.y(()=>{R||g()},[s,R,g]),r.y(()=>{s&&h.current&&h.current.scrollIntoView({behavior:"smooth",block:"nearest"})},[s]),r.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 T=l.length===0?["select-button-placeholder"]:[];return r.u(r.g,{children:[r.u("button",{"aria-label":"choice dropdown button",className:r.cc("select-button",...T),onClick:c=>{c.stopPropagation(),C()},type:"button",children:[r.u("span",{children:l.length===0?i:l.length===1?l[0].label:`${l.length} ${n}`}),r.u(r.SvgCaret,{})]}),s&&r.u(Me,{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.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 i=[],l=((a,u,s)=>{let p=a;for(const[h,I]of Object.entries(Be))if(p.toLowerCase().includes(h))if(u[I]){const g=new RegExp(h,"gi");p=p.replace(g,u[I])}else s.push(h);return p})(t,n,i);return i.length===0?l:((a,u)=>{if(!a.includes("?"))return a;const s=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?s:`${s}?${p.map(h=>h.join("=")).join("&")}`})(l,i)},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.useSetAllResponsesRaw=e=>{const n=r._(),{setAllResponsesRaw:o}=r.useConfig(t=>({setAllResponsesRaw:t.setAllResponsesRaw}));r.p(()=>{const t=n.current;(!t||Object.keys(e).length!==Object.keys(t).length||Object.keys(e).some(i=>e[i]!==t[i]))&&(o(e),n.current=e)},[e,o])},exports.videoPlayer=(e,n,o,t=!1,i="https://api.sprig.com",l=document,a=null,u=null)=>{d.document=l;const s=e+he,p=we(s);return d.document.addEventListener("securitypolicyviolation",h=>{F(new Error(`Voice & Video feature violates ${h.violatedDirective} web page CSP policies for the question player.`),"playerDeviceError",i,{})}),fe(ve,()=>{d.document.getElementById(ie(s)).remove(),re(s,p);const h={playsinline:!0,playbackRates:[.5,1,1.5,2],fill:!0};try{const I=e+me;re(I,p);const g=X(s,h),R=X(I,{muted:!0,...h});if(!g||!R)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)})(R,a,u),a||R.addClass(D);const C=ke(g,["PlaybackRateMenuButton","PlayToggle","FullscreenToggle"]),T=C.children().find(c=>c.name_==="FullscreenToggle");T.hasClass("vjs-disabled")&&T.hide(),Ie(g,C,n,o,t,R)}catch(I){return void F(new Error(`Error when creating video player object ${I}`),"playerDeviceError",i,{})}}),p},exports.videoRecorderPlayer=(e,n={},o="https://api.userleap.com",t,i,l,a=!1,u=document)=>{d.document=u;const s=e+ge,p=we(s);return d.document.addEventListener("securitypolicyviolation",h=>{F(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(He),()=>{re(s,p),d.document.getElementById(ie(s)).remove();try{Ve(p,s,n,o,t,i,l,a)}catch(h){return void F(new Error(`Error when creating video recorder player object ${h}`),"recorderDeviceError",o,l,n.visitorId,n.envId)}}),p};