@sprig-technologies/sprig-browser 2.32.0 → 2.32.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/core-D-LZZjJw.cjs +12 -0
- package/dist/core-DJ-C8ZCy.js +983 -0
- package/dist/core.cjs +1 -1
- package/dist/core.js +9 -1
- package/dist/electron.cjs +1 -1
- package/dist/electron.js +19 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +10 -1
- package/dist/metricsReporter-CiE5uf1B.cjs +1 -0
- package/dist/metricsReporter-D0VZ2ZgI.js +348 -0
- package/dist/replay.cjs +1 -1
- package/dist/replay.js +651 -1
- package/dist/view-CDdG2lXT.js +2830 -0
- package/dist/view-CW-37QDp.cjs +669 -0
- package/package.json +1 -1
- package/dist/core-B6K_G_tP.js +0 -12
- package/dist/core-JazVRZuc.cjs +0 -12
- package/dist/metricsReporter-ikJ_RTTQ.cjs +0 -1
- package/dist/metricsReporter-pb5Px0rg.js +0 -1
- package/dist/view-C7NBKswM.cjs +0 -685
- package/dist/view-DtwxhY6m.js +0 -685
package/dist/view-DtwxhY6m.js
DELETED
|
@@ -1,685 +0,0 @@
|
|
|
1
|
-
import{C as It,A as he,a as Bn,D as Vn,E as qn,b as ke,d as Ke,r as $n,e as Tt}from"./core-B6K_G_tP.js";import{b as zn,D as Pt,e as De,h as Re,S as oe,s as Ye,v as Qe}from"./metricsReporter-pb5Px0rg.js";var we,w,Dt,ae,Rt,Nt,Je,Lt,Ce={},Mt=[],Fn=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,Ne=Array.isArray;function J(e,t){for(var r in t)e[r]=t[r];return e}function Ot(e){var t=e.parentNode;t&&t.removeChild(e)}function H(e,t,r){var n,o,i,l={};for(i in t)i=="key"?n=t[i]:i=="ref"?o=t[i]:l[i]=t[i];if(arguments.length>2&&(l.children=arguments.length>3?we.call(arguments,2):r),typeof e=="function"&&e.defaultProps!=null)for(i in e.defaultProps)l[i]===void 0&&(l[i]=e.defaultProps[i]);return Ee(e,l,n,o,null)}function Ee(e,t,r,n,o){var i={type:e,props:t,key:r,ref:n,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:o??++Dt,__i:-1,__u:0};return o==null&&w.vnode!=null&&w.vnode(i),i}function Ut(){return{current:null}}function z(e){return e.children}function Z(e,t){this.props=e,this.context=t}function ve(e,t){if(t==null)return e.__?ve(e.__,e.__i+1):null;for(var r;t<e.__k.length;t++)if((r=e.__k[t])!=null&&r.__e!=null)return r.__e;return typeof e.type=="function"?ve(e):null}function Ht(e){var t,r;if((e=e.__)!=null&&e.__c!=null){for(e.__e=e.__c.base=null,t=0;t<e.__k.length;t++)if((r=e.__k[t])!=null&&r.__e!=null){e.__e=e.__c.base=r.__e;break}return Ht(e)}}function Xe(e){(!e.__d&&(e.__d=!0)&&ae.push(e)&&!Le.__r++||Rt!==w.debounceRendering)&&((Rt=w.debounceRendering)||Nt)(Le)}function Le(){var e,t,r,n,o,i,l,s,a;for(ae.sort(Je);e=ae.shift();)e.__d&&(t=ae.length,n=void 0,i=(o=(r=e).__v).__e,s=[],a=[],(l=r.__P)&&((n=J({},o)).__v=o.__v+1,w.vnode&&w.vnode(n),et(l,n,o,r.__n,l.ownerSVGElement!==void 0,32&o.__u?[i]:null,s,i??ve(o),!!(32&o.__u),a),n.__.__k[n.__i]=n,zt(s,n,a),n.__e!=i&&Ht(n)),ae.length>t&&ae.sort(Je));Le.__r=0}function At(e,t,r,n,o,i,l,s,a,u,p){var d,m,h,v,g,f=n&&n.__k||Mt,_=t.length;for(r.__d=a,Wn(r,t,f),a=r.__d,d=0;d<_;d++)(h=r.__k[d])!=null&&typeof h!="boolean"&&typeof h!="function"&&(m=h.__i===-1?Ce:f[h.__i]||Ce,h.__i=d,et(e,h,m,o,i,l,s,a,u,p),v=h.__e,h.ref&&m.ref!=h.ref&&(m.ref&&tt(m.ref,null,h),p.push(h.ref,h.__c||v,h)),g==null&&v!=null&&(g=v),65536&h.__u||m.__k===h.__k?a=Bt(h,a,e):typeof h.type=="function"&&h.__d!==void 0?a=h.__d:v&&(a=v.nextSibling),h.__d=void 0,h.__u&=-196609);r.__d=a,r.__e=g}function Wn(e,t,r){var n,o,i,l,s,a=t.length,u=r.length,p=u,d=0;for(e.__k=[],n=0;n<a;n++)(o=e.__k[n]=(o=t[n])==null||typeof o=="boolean"||typeof o=="function"?null:typeof o=="string"||typeof o=="number"||typeof o=="bigint"||o.constructor==String?Ee(null,o,null,null,o):Ne(o)?Ee(z,{children:o},null,null,null):o.constructor===void 0&&o.__b>0?Ee(o.type,o.props,o.key,o.ref?o.ref:null,o.__v):o)!=null?(o.__=e,o.__b=e.__b+1,s=Zn(o,r,l=n+d,p),o.__i=s,i=null,s!==-1&&(p--,(i=r[s])&&(i.__u|=131072)),i==null||i.__v===null?(s==-1&&d--,typeof o.type!="function"&&(o.__u|=65536)):s!==l&&(s===l+1?d++:s>l?p>a-l?d+=s-l:d--:d=s<l&&s==l-1?s-l:0,s!==n+d&&(o.__u|=65536))):(i=r[n])&&i.key==null&&i.__e&&(i.__e==e.__d&&(e.__d=ve(i)),rt(i,i,!1),r[n]=null,p--);if(p)for(n=0;n<u;n++)(i=r[n])!=null&&!(131072&i.__u)&&(i.__e==e.__d&&(e.__d=ve(i)),rt(i,i))}function Bt(e,t,r){var n,o;if(typeof e.type=="function"){for(n=e.__k,o=0;n&&o<n.length;o++)n[o]&&(n[o].__=e,t=Bt(n[o],t,r));return t}return e.__e!=t&&(r.insertBefore(e.__e,t||null),t=e.__e),t&&t.nextSibling}function X(e,t){return t=t||[],e==null||typeof e=="boolean"||(Ne(e)?e.some(function(r){X(r,t)}):t.push(e)),t}function Zn(e,t,r,n){var o=e.key,i=e.type,l=r-1,s=r+1,a=t[r];if(a===null||a&&o==a.key&&i===a.type)return r;if(n>(a!=null&&!(131072&a.__u)?1:0))for(;l>=0||s<t.length;){if(l>=0){if((a=t[l])&&!(131072&a.__u)&&o==a.key&&i===a.type)return l;l--}if(s<t.length){if((a=t[s])&&!(131072&a.__u)&&o==a.key&&i===a.type)return s;s++}}return-1}function Vt(e,t,r){t[0]==="-"?e.setProperty(t,r??""):e[t]=r==null?"":typeof r!="number"||Fn.test(t)?r:r+"px"}function Me(e,t,r,n,o){var i;e:if(t==="style")if(typeof r=="string")e.style.cssText=r;else{if(typeof n=="string"&&(e.style.cssText=n=""),n)for(t in n)r&&t in r||Vt(e.style,t,"");if(r)for(t in r)n&&r[t]===n[t]||Vt(e.style,t,r[t])}else if(t[0]==="o"&&t[1]==="n")i=t!==(t=t.replace(/(PointerCapture)$|Capture$/,"$1")),t=t.toLowerCase()in e?t.toLowerCase().slice(2):t.slice(2),e.l||(e.l={}),e.l[t+i]=r,r?n?r.u=n.u:(r.u=Date.now(),e.addEventListener(t,i?$t:qt,i)):e.removeEventListener(t,i?$t:qt,i);else{if(o)t=t.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if(t!=="width"&&t!=="height"&&t!=="href"&&t!=="list"&&t!=="form"&&t!=="tabIndex"&&t!=="download"&&t!=="rowSpan"&&t!=="colSpan"&&t!=="role"&&t in e)try{e[t]=r??"";break e}catch{}typeof r=="function"||(r==null||r===!1&&t[4]!=="-"?e.removeAttribute(t):e.setAttribute(t,r))}}function qt(e){var t=this.l[e.type+!1];if(e.t){if(e.t<=t.u)return}else e.t=Date.now();return t(w.event?w.event(e):e)}function $t(e){return this.l[e.type+!0](w.event?w.event(e):e)}function et(e,t,r,n,o,i,l,s,a,u){var p,d,m,h,v,g,f,_,y,b,E,C,j,D,S,x=t.type;if(t.constructor!==void 0)return null;128&r.__u&&(a=!!(32&r.__u),i=[s=t.__e=r.__e]),(p=w.__b)&&p(t);e:if(typeof x=="function")try{if(_=t.props,y=(p=x.contextType)&&n[p.__c],b=p?y?y.props.value:p.__:n,r.__c?f=(d=t.__c=r.__c).__=d.__E:("prototype"in x&&x.prototype.render?t.__c=d=new x(_,b):(t.__c=d=new Z(_,b),d.constructor=x,d.render=Kn),y&&y.sub(d),d.props=_,d.state||(d.state={}),d.context=b,d.__n=n,m=d.__d=!0,d.__h=[],d._sb=[]),d.__s==null&&(d.__s=d.state),x.getDerivedStateFromProps!=null&&(d.__s==d.state&&(d.__s=J({},d.__s)),J(d.__s,x.getDerivedStateFromProps(_,d.__s))),h=d.props,v=d.state,d.__v=t,m)x.getDerivedStateFromProps==null&&d.componentWillMount!=null&&d.componentWillMount(),d.componentDidMount!=null&&d.__h.push(d.componentDidMount);else{if(x.getDerivedStateFromProps==null&&_!==h&&d.componentWillReceiveProps!=null&&d.componentWillReceiveProps(_,b),!d.__e&&(d.shouldComponentUpdate!=null&&d.shouldComponentUpdate(_,d.__s,b)===!1||t.__v===r.__v)){for(t.__v!==r.__v&&(d.props=_,d.state=d.__s,d.__d=!1),t.__e=r.__e,t.__k=r.__k,t.__k.forEach(function(k){k&&(k.__=t)}),E=0;E<d._sb.length;E++)d.__h.push(d._sb[E]);d._sb=[],d.__h.length&&l.push(d);break e}d.componentWillUpdate!=null&&d.componentWillUpdate(_,d.__s,b),d.componentDidUpdate!=null&&d.__h.push(function(){d.componentDidUpdate(h,v,g)})}if(d.context=b,d.props=_,d.__P=e,d.__e=!1,C=w.__r,j=0,"prototype"in x&&x.prototype.render){for(d.state=d.__s,d.__d=!1,C&&C(t),p=d.render(d.props,d.state,d.context),D=0;D<d._sb.length;D++)d.__h.push(d._sb[D]);d._sb=[]}else do d.__d=!1,C&&C(t),p=d.render(d.props,d.state,d.context),d.state=d.__s;while(d.__d&&++j<25);d.state=d.__s,d.getChildContext!=null&&(n=J(J({},n),d.getChildContext())),m||d.getSnapshotBeforeUpdate==null||(g=d.getSnapshotBeforeUpdate(h,v)),At(e,Ne(S=p!=null&&p.type===z&&p.key==null?p.props.children:p)?S:[S],t,r,n,o,i,l,s,a,u),d.base=t.__e,t.__u&=-161,d.__h.length&&l.push(d),f&&(d.__E=d.__=null)}catch(k){t.__v=null,a||i!=null?(t.__e=s,t.__u|=a?160:32,i[i.indexOf(s)]=null):(t.__e=r.__e,t.__k=r.__k),w.__e(k,t,r)}else i==null&&t.__v===r.__v?(t.__k=r.__k,t.__e=r.__e):t.__e=Gn(r.__e,t,r,n,o,i,l,a,u);(p=w.diffed)&&p(t)}function zt(e,t,r){t.__d=void 0;for(var n=0;n<r.length;n++)tt(r[n],r[++n],r[++n]);w.__c&&w.__c(t,e),e.some(function(o){try{e=o.__h,o.__h=[],e.some(function(i){i.call(o)})}catch(i){w.__e(i,o.__v)}})}function Gn(e,t,r,n,o,i,l,s,a){var u,p,d,m,h,v,g,f=r.props,_=t.props,y=t.type;if(y==="svg"&&(o=!0),i!=null){for(u=0;u<i.length;u++)if((h=i[u])&&"setAttribute"in h==!!y&&(y?h.localName===y:h.nodeType===3)){e=h,i[u]=null;break}}if(e==null){if(y===null)return document.createTextNode(_);e=o?document.createElementNS("http://www.w3.org/2000/svg",y):document.createElement(y,_.is&&_),i=null,s=!1}if(y===null)f===_||s&&e.data===_||(e.data=_);else{if(i=i&&we.call(e.childNodes),f=r.props||Ce,!s&&i!=null)for(f={},u=0;u<e.attributes.length;u++)f[(h=e.attributes[u]).name]=h.value;for(u in f)h=f[u],u=="children"||(u=="dangerouslySetInnerHTML"?d=h:u==="key"||u in _||Me(e,u,null,h,o));for(u in _)h=_[u],u=="children"?m=h:u=="dangerouslySetInnerHTML"?p=h:u=="value"?v=h:u=="checked"?g=h:u==="key"||s&&typeof h!="function"||f[u]===h||Me(e,u,h,f[u],o);if(p)s||d&&(p.__html===d.__html||p.__html===e.innerHTML)||(e.innerHTML=p.__html),t.__k=[];else if(d&&(e.innerHTML=""),At(e,Ne(m)?m:[m],t,r,n,o&&y!=="foreignObject",i,l,i?i[0]:r.__k&&ve(r,0),s,a),i!=null)for(u=i.length;u--;)i[u]!=null&&Ot(i[u]);s||(u="value",v!==void 0&&(v!==e[u]||y==="progress"&&!v||y==="option"&&v!==f[u])&&Me(e,u,v,f[u],!1),u="checked",g!==void 0&&g!==e[u]&&Me(e,u,g,f[u],!1))}return e}function tt(e,t,r){try{typeof e=="function"?e(t):e.current=t}catch(n){w.__e(n,r)}}function rt(e,t,r){var n,o;if(w.unmount&&w.unmount(e),(n=e.ref)&&(n.current&&n.current!==e.__e||tt(n,null,t)),(n=e.__c)!=null){if(n.componentWillUnmount)try{n.componentWillUnmount()}catch(i){w.__e(i,t)}n.base=n.__P=null,e.__c=void 0}if(n=e.__k)for(o=0;o<n.length;o++)n[o]&&rt(n[o],t,r||typeof e.type!="function");r||e.__e==null||Ot(e.__e),e.__=e.__e=e.__d=void 0}function Kn(e,t,r){return this.constructor(e,r)}function ge(e,t,r){var n,o,i,l;w.__&&w.__(e,t),o=(n=typeof r=="function")?null:r&&r.__k||t.__k,i=[],l=[],et(t,e=(!n&&r||t).__k=H(z,null,[e]),o||Ce,Ce,t.ownerSVGElement!==void 0,!n&&r?[r]:o?null:t.firstChild?we.call(t.childNodes):null,i,!n&&r?r:o?o.__e:t.firstChild,n,l),zt(i,e,l)}function Ft(e,t){ge(e,t,Ft)}function Yn(e,t,r){var n,o,i,l,s=J({},e.props);for(i in e.type&&e.type.defaultProps&&(l=e.type.defaultProps),t)i=="key"?n=t[i]:i=="ref"?o=t[i]:s[i]=t[i]===void 0&&l!==void 0?l[i]:t[i];return arguments.length>2&&(s.children=arguments.length>3?we.call(arguments,2):r),Ee(e.type,s,n||e.key,o||e.ref,null)}function Wt(e,t){var r={__c:t="__cC"+Lt++,__:e,Consumer:function(n,o){return n.children(o)},Provider:function(n){var o,i;return this.getChildContext||(o=[],(i={})[t]=this,this.getChildContext=function(){return i},this.shouldComponentUpdate=function(l){this.props.value!==l.value&&o.some(function(s){s.__e=!0,Xe(s)})},this.sub=function(l){o.push(l);var s=l.componentWillUnmount;l.componentWillUnmount=function(){o.splice(o.indexOf(l),1),s&&s.call(l)}}),n.children}};return r.Provider.__=r.Consumer.contextType=r}we=Mt.slice,w={__e:function(e,t,r,n){for(var o,i,l;t=t.__;)if((o=t.__c)&&!o.__)try{if((i=o.constructor)&&i.getDerivedStateFromError!=null&&(o.setState(i.getDerivedStateFromError(e)),l=o.__d),o.componentDidCatch!=null&&(o.componentDidCatch(e,n||{}),l=o.__d),l)return o.__E=o}catch(s){e=s}throw e}},Dt=0,Z.prototype.setState=function(e,t){var r;r=this.__s!=null&&this.__s!==this.state?this.__s:this.__s=J({},this.state),typeof e=="function"&&(e=e(J({},r),this.props)),e&&J(r,e),e!=null&&this.__v&&(t&&this._sb.push(t),Xe(this))},Z.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),Xe(this))},Z.prototype.render=z,ae=[],Nt=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,Je=function(e,t){return e.__v.__b-t.__v.__b},Le.__r=0,Lt=0;var ee,U,nt,Zt,fe=0,Gt=[],Oe=[],Kt=w.__b,Yt=w.__r,Qt=w.diffed,Jt=w.__c,Xt=w.unmount;function se(e,t){w.__h&&w.__h(U,e,fe||t),fe=0;var r=U.__H||(U.__H={__:[],__h:[]});return e>=r.__.length&&r.__.push({__V:Oe}),r.__[e]}function A(e){return fe=1,ot(or,e)}function ot(e,t,r){var n=se(ee++,2);if(n.t=e,!n.__c&&(n.__=[r?r(t):or(void 0,t),function(s){var a=n.__N?n.__N[0]:n.__[0],u=n.t(a,s);a!==u&&(n.__N=[u,n.__[1]],n.__c.setState({}))}],n.__c=U,!U.u)){var o=function(s,a,u){if(!n.__c.__H)return!0;var p=n.__c.__H.__.filter(function(m){return m.__c});if(p.every(function(m){return!m.__N}))return!i||i.call(this,s,a,u);var d=!1;return p.forEach(function(m){if(m.__N){var h=m.__[0];m.__=m.__N,m.__N=void 0,h!==m.__[0]&&(d=!0)}}),!(!d&&n.__c.props===s)&&(!i||i.call(this,s,a,u))};U.u=!0;var i=U.shouldComponentUpdate,l=U.componentWillUpdate;U.componentWillUpdate=function(s,a,u){if(this.__e){var p=i;i=void 0,o(s,a,u),i=p}l&&l.call(this,s,a,u)},U.shouldComponentUpdate=o}return n.__N||n.__}function V(e,t){var r=se(ee++,3);!w.__s&&at(r.__H,t)&&(r.__=e,r.i=t,U.__H.__h.push(r))}function Se(e,t){var r=se(ee++,4);!w.__s&&at(r.__H,t)&&(r.__=e,r.i=t,U.__h.push(r))}function W(e){return fe=5,_e(function(){return{current:e}},[])}function er(e,t,r){fe=6,Se(function(){return typeof e=="function"?(e(t()),function(){return e(null)}):e?(e.current=t(),function(){return e.current=null}):void 0},r==null?r:r.concat(e))}function _e(e,t){var r=se(ee++,7);return at(r.__H,t)?(r.__V=e(),r.i=t,r.__h=e,r.__V):r.__}function je(e,t){return fe=8,_e(function(){return e},t)}function tr(e){var t=U.context[e.__c],r=se(ee++,9);return r.c=e,t?(r.__==null&&(r.__=!0,t.sub(U)),t.props.value):e.__}function it(e,t){w.useDebugValue&&w.useDebugValue(t?t(e):e)}function Qn(e){var t=se(ee++,10),r=A();return t.__=e,U.componentDidCatch||(U.componentDidCatch=function(n,o){t.__&&t.__(n,o),r[1](n)}),[r[0],function(){r[1](void 0)}]}function rr(){var e=se(ee++,11);if(!e.__){for(var t=U.__v;t!==null&&!t.__m&&t.__!==null;)t=t.__;var r=t.__m||(t.__m=[0,0]);e.__="P"+r[0]+"-"+r[1]++}return e.__}function Jn(){for(var e;e=Gt.shift();)if(e.__P&&e.__H)try{e.__H.__h.forEach(Ue),e.__H.__h.forEach(lt),e.__H.__h=[]}catch(t){e.__H.__h=[],w.__e(t,e.__v)}}w.__b=function(e){U=null,Kt&&Kt(e)},w.__r=function(e){Yt&&Yt(e),ee=0;var t=(U=e.__c).__H;t&&(nt===U?(t.__h=[],U.__h=[],t.__.forEach(function(r){r.__N&&(r.__=r.__N),r.__V=Oe,r.__N=r.i=void 0})):(t.__h.forEach(Ue),t.__h.forEach(lt),t.__h=[],ee=0)),nt=U},w.diffed=function(e){Qt&&Qt(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(Gt.push(t)!==1&&Zt===w.requestAnimationFrame||((Zt=w.requestAnimationFrame)||Xn)(Jn)),t.__H.__.forEach(function(r){r.i&&(r.__H=r.i),r.__V!==Oe&&(r.__=r.__V),r.i=void 0,r.__V=Oe})),nt=U=null},w.__c=function(e,t){t.some(function(r){try{r.__h.forEach(Ue),r.__h=r.__h.filter(function(n){return!n.__||lt(n)})}catch(n){t.some(function(o){o.__h&&(o.__h=[])}),t=[],w.__e(n,r.__v)}}),Jt&&Jt(e,t)},w.unmount=function(e){Xt&&Xt(e);var t,r=e.__c;r&&r.__H&&(r.__H.__.forEach(function(n){try{Ue(n)}catch(o){t=o}}),r.__H=void 0,t&&w.__e(t,r.__v))};var nr=typeof requestAnimationFrame=="function";function Xn(e){var t,r=function(){clearTimeout(n),nr&&cancelAnimationFrame(t),setTimeout(e)},n=setTimeout(r,100);nr&&(t=requestAnimationFrame(r))}function Ue(e){var t=U,r=e.__c;typeof r=="function"&&(e.__c=void 0,r()),U=t}function lt(e){var t=U;e.__c=e.__(),U=t}function at(e,t){return!e||e.length!==t.length||t.some(function(r,n){return r!==e[n]})}function or(e,t){return typeof t=="function"?t(e):t}function ir(e,t){for(var r in t)e[r]=t[r];return e}function st(e,t){for(var r in e)if(r!=="__source"&&!(r in t))return!0;for(var n in t)if(n!=="__source"&&e[n]!==t[n])return!0;return!1}function He(e){this.props=e}function lr(e,t){function r(o){var i=this.props.ref,l=i==o.ref;return!l&&i&&(i.call?i(null):i.current=null),t?!t(this.props,o)||!l:st(this.props,o)}function n(o){return this.shouldComponentUpdate=r,H(e,o)}return n.displayName="Memo("+(e.displayName||e.name)+")",n.prototype.isReactComponent=!0,n.__f=!0,n}(He.prototype=new Z).isPureReactComponent=!0,He.prototype.shouldComponentUpdate=function(e,t){return st(this.props,e)||st(this.state,t)};var ar=w.__b;w.__b=function(e){e.type&&e.type.__f&&e.ref&&(e.props.ref=e.ref,e.ref=null),ar&&ar(e)};var eo=typeof Symbol<"u"&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function dt(e){function t(r){var n=ir({},r);return delete n.ref,e(n,r.ref||null)}return t.$$typeof=eo,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(e.displayName||e.name)+")",t}var sr=function(e,t){return e==null?null:X(X(e).map(t))},dr={map:sr,forEach:sr,count:function(e){return e?X(e).length:0},only:function(e){var t=X(e);if(t.length!==1)throw"Children.only";return t[0]},toArray:X},to=w.__e;w.__e=function(e,t,r,n){if(e.then){for(var o,i=t;i=i.__;)if((o=i.__c)&&o.__c)return t.__e==null&&(t.__e=r.__e,t.__k=r.__k),o.__c(e,t)}to(e,t,r,n)};var cr=w.unmount;function ur(e,t,r){return e&&(e.__c&&e.__c.__H&&(e.__c.__H.__.forEach(function(n){typeof n.__c=="function"&&n.__c()}),e.__c.__H=null),(e=ir({},e)).__c!=null&&(e.__c.__P===r&&(e.__c.__P=t),e.__c=null),e.__k=e.__k&&e.__k.map(function(n){return ur(n,t,r)})),e}function pr(e,t,r){return e&&r&&(e.__v=null,e.__k=e.__k&&e.__k.map(function(n){return pr(n,t,r)}),e.__c&&e.__c.__P===t&&(e.__e&&r.appendChild(e.__e),e.__c.__e=!0,e.__c.__P=r)),e}function Ie(){this.__u=0,this.t=null,this.__b=null}function mr(e){var t=e.__.__c;return t&&t.__a&&t.__a(e)}function hr(e){var t,r,n;function o(i){if(t||(t=e()).then(function(l){r=l.default||l},function(l){n=l}),n)throw n;if(!r)throw t;return H(r,i)}return o.displayName="Lazy",o.__f=!0,o}function be(){this.u=null,this.o=null}w.unmount=function(e){var t=e.__c;t&&t.__R&&t.__R(),t&&32&e.__u&&(e.type=null),cr&&cr(e)},(Ie.prototype=new Z).__c=function(e,t){var r=t.__c,n=this;n.t==null&&(n.t=[]),n.t.push(r);var o=mr(n.__v),i=!1,l=function(){i||(i=!0,r.__R=null,o?o(s):s())};r.__R=l;var s=function(){if(!--n.__u){if(n.state.__a){var a=n.state.__a;n.__v.__k[0]=pr(a,a.__c.__P,a.__c.__O)}var u;for(n.setState({__a:n.__b=null});u=n.t.pop();)u.forceUpdate()}};n.__u++||32&t.__u||n.setState({__a:n.__b=n.__v.__k[0]}),e.then(l,l)},Ie.prototype.componentWillUnmount=function(){this.t=[]},Ie.prototype.render=function(e,t){if(this.__b){if(this.__v.__k){var r=document.createElement("div"),n=this.__v.__k[0].__c;this.__v.__k[0]=ur(this.__b,r,n.__O=n.__P)}this.__b=null}var o=t.__a&&H(z,null,e.fallback);return o&&(o.__u&=-33),[H(z,null,t.__a?null:e.children),o]};var vr=function(e,t,r){if(++r[1]===r[0]&&e.o.delete(t),e.props.revealOrder&&(e.props.revealOrder[0]!=="t"||!e.o.size))for(r=e.u;r;){for(;r.length>3;)r.pop()();if(r[1]<r[0])break;e.u=r=r[2]}};function ro(e){return this.getChildContext=function(){return e.context},e.children}function no(e){var t=this,r=e.i;t.componentWillUnmount=function(){ge(null,t.l),t.l=null,t.i=null},t.i&&t.i!==r&&t.componentWillUnmount(),t.l||(t.i=r,t.l={nodeType:1,parentNode:r,childNodes:[],appendChild:function(n){this.childNodes.push(n),t.i.appendChild(n)},insertBefore:function(n,o){this.childNodes.push(n),t.i.appendChild(n)},removeChild:function(n){this.childNodes.splice(this.childNodes.indexOf(n)>>>1,1),t.i.removeChild(n)}}),ge(H(ro,{context:t.context},e.__v),t.l)}function gr(e,t){var r=H(no,{__v:e,i:t});return r.containerInfo=t,r}(be.prototype=new Z).__a=function(e){var t=this,r=mr(t.__v),n=t.o.get(e);return n[0]++,function(o){var i=function(){t.props.revealOrder?(n.push(o),vr(t,e,n)):o()};r?r(i):i()}},be.prototype.render=function(e){this.u=null,this.o=new Map;var t=X(e.children);e.revealOrder&&e.revealOrder[0]==="b"&&t.reverse();for(var r=t.length;r--;)this.o.set(t[r],this.u=[1,0,this.u]);return e.children},be.prototype.componentDidUpdate=be.prototype.componentDidMount=function(){var e=this;this.o.forEach(function(t,r){vr(e,r,t)})};var fr=typeof Symbol<"u"&&Symbol.for&&Symbol.for("react.element")||60103,oo=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,io=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,lo=/[A-Z0-9]/g,ao=typeof document<"u",so=function(e){return(typeof Symbol<"u"&&typeof Symbol()=="symbol"?/fil|che|rad/:/fil|che|ra/).test(e)};function _r(e,t,r){return t.__k==null&&(t.textContent=""),ge(e,t),typeof r=="function"&&r(),e?e.__c:null}function br(e,t,r){return Ft(e,t),typeof r=="function"&&r(),e?e.__c:null}Z.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(e){Object.defineProperty(Z.prototype,e,{configurable:!0,get:function(){return this["UNSAFE_"+e]},set:function(t){Object.defineProperty(this,e,{configurable:!0,writable:!0,value:t})}})});var yr=w.event;function co(){}function uo(){return this.cancelBubble}function po(){return this.defaultPrevented}w.event=function(e){return yr&&(e=yr(e)),e.persist=co,e.isPropagationStopped=uo,e.isDefaultPrevented=po,e.nativeEvent=e};var ct,mo={enumerable:!1,configurable:!0,get:function(){return this.class}},xr=w.vnode;w.vnode=function(e){typeof e.type=="string"&&function(t){var r=t.props,n=t.type,o={};for(var i in r){var l=r[i];if(!(i==="value"&&"defaultValue"in r&&l==null||ao&&i==="children"&&n==="noscript"||i==="class"||i==="className")){var s=i.toLowerCase();i==="defaultValue"&&"value"in r&&r.value==null?i="value":i==="download"&&l===!0?l="":s==="ondoubleclick"?i="ondblclick":s!=="onchange"||n!=="input"&&n!=="textarea"||so(r.type)?s==="onfocus"?i="onfocusin":s==="onblur"?i="onfocusout":io.test(i)?i=s:n.indexOf("-")===-1&&oo.test(i)?i=i.replace(lo,"-$&").toLowerCase():l===null&&(l=void 0):s=i="oninput",s==="oninput"&&o[i=s]&&(i="oninputCapture"),o[i]=l}}n=="select"&&o.multiple&&Array.isArray(o.value)&&(o.value=X(r.children).forEach(function(a){a.props.selected=o.value.indexOf(a.props.value)!=-1})),n=="select"&&o.defaultValue!=null&&(o.value=X(r.children).forEach(function(a){a.props.selected=o.multiple?o.defaultValue.indexOf(a.props.value)!=-1:o.defaultValue==a.props.value})),r.class&&!r.className?(o.class=r.class,Object.defineProperty(o,"className",mo)):(r.className&&!r.class||r.class&&r.className)&&(o.class=o.className=r.className),t.props=o}(e),e.$$typeof=fr,xr&&xr(e)};var kr=w.__r;w.__r=function(e){kr&&kr(e),ct=e.__c};var wr=w.diffed;w.diffed=function(e){wr&&wr(e);var t=e.props,r=e.__e;r!=null&&e.type==="textarea"&&"value"in t&&t.value!==r.value&&(r.value=t.value==null?"":t.value),ct=null};var Cr={ReactCurrentDispatcher:{current:{readContext:function(e){return ct.__n[e.__c].props.value}}}},ho="17.0.2";function Er(e){return H.bind(null,e)}function Te(e){return!!e&&e.$$typeof===fr}function Sr(e){return Te(e)&&e.type===z}function jr(e){return Te(e)?Yn.apply(null,arguments):e}function Ir(e){return!!e.__k&&(ge(null,e),!0)}function Tr(e){return e&&(e.base||e.nodeType===1&&e)||null}var Pr=function(e,t){return e(t)},Dr=function(e,t){return e(t)},Rr=z;function ut(e){e()}function Nr(e){return e}function Lr(){return[!1,ut]}var Mr=Se,Or=Te;function Ur(e,t){var r=t(),n=A({h:{__:r,v:t}}),o=n[0].h,i=n[1];return Se(function(){o.__=r,o.v=t,pt(o)&&i({h:o})},[e,r,t]),V(function(){return pt(o)&&i({h:o}),e(function(){pt(o)&&i({h:o})})},[e]),r}function pt(e){var t,r,n=e.v,o=e.__;try{var i=n();return!((t=o)===(r=i)&&(t!==0||1/t==1/r)||t!=t&&r!=r)}catch{return!0}}var vo={useState:A,useId:rr,useReducer:ot,useEffect:V,useLayoutEffect:Se,useInsertionEffect:Mr,useTransition:Lr,useDeferredValue:Nr,useSyncExternalStore:Ur,startTransition:ut,useRef:W,useImperativeHandle:er,useMemo:_e,useCallback:je,useContext:tr,useDebugValue:it,version:"17.0.2",Children:dr,render:_r,hydrate:br,unmountComponentAtNode:Ir,createPortal:gr,createElement:H,createContext:Wt,createFactory:Er,cloneElement:jr,createRef:Ut,Fragment:z,isValidElement:Te,isElement:Or,isFragment:Sr,findDOMNode:Tr,Component:Z,PureComponent:He,memo:lr,forwardRef:dt,flushSync:Dr,unstable_batchedUpdates:Pr,StrictMode:Rr,Suspense:Ie,SuspenseList:be,lazy:hr,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:Cr};const go=Object.freeze(Object.defineProperty({__proto__:null,Children:dr,Component:Z,Fragment:z,PureComponent:He,StrictMode:Rr,Suspense:Ie,SuspenseList:be,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:Cr,cloneElement:jr,createContext:Wt,createElement:H,createFactory:Er,createPortal:gr,createRef:Ut,default:vo,findDOMNode:Tr,flushSync:Dr,forwardRef:dt,hydrate:br,isElement:Or,isFragment:Sr,isValidElement:Te,lazy:hr,memo:lr,render:_r,startTransition:ut,unmountComponentAtNode:Ir,unstable_batchedUpdates:Pr,useCallback:je,useContext:tr,useDebugValue:it,useDeferredValue:Nr,useEffect:V,useErrorBoundary:Qn,useId:rr,useImperativeHandle:er,useInsertionEffect:Mr,useLayoutEffect:Se,useMemo:_e,useReducer:ot,useRef:W,useState:A,useSyncExternalStore:Ur,useTransition:Lr,version:ho},Symbol.toStringTag,{value:"Module"})),Hr=e=>{let t;const r=new Set,n=(l,s)=>{const a=typeof l=="function"?l(t):l;if(!Object.is(a,t)){const u=t;t=s??typeof a!="object"?a:Object.assign({},t,a),r.forEach(p=>p(t,u))}},o=()=>t,i={setState:n,getState:o,subscribe:l=>(r.add(l),()=>r.delete(l)),destroy:()=>r.clear()};return t=e(n,o,i),i},fo=e=>e?Hr(e):Hr;function _o(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function bo(e){if(e.__esModule)return e;var t=e.default;if(typeof t=="function"){var r=function n(){return this instanceof n?Reflect.construct(t,arguments,this.constructor):t.apply(this,arguments)};r.prototype=t.prototype}else r={};return Object.defineProperty(r,"__esModule",{value:!0}),Object.keys(e).forEach(function(n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}),r}var Ar={exports:{}},Br={};const Vr=bo(go);var qr={exports:{}},$r={};/**
|
|
2
|
-
* @license React
|
|
3
|
-
* use-sync-external-store-shim.production.min.js
|
|
4
|
-
*
|
|
5
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
6
|
-
*
|
|
7
|
-
* This source code is licensed under the MIT license found in the
|
|
8
|
-
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var ye=Vr;function yo(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}var xo=typeof Object.is=="function"?Object.is:yo,ko=ye.useState,wo=ye.useEffect,Co=ye.useLayoutEffect,Eo=ye.useDebugValue;function So(e,t){var r=t(),n=ko({inst:{value:r,getSnapshot:t}}),o=n[0].inst,i=n[1];return Co(function(){o.value=r,o.getSnapshot=t,mt(o)&&i({inst:o})},[e,r,t]),wo(function(){return mt(o)&&i({inst:o}),e(function(){mt(o)&&i({inst:o})})},[e]),Eo(r),r}function mt(e){var t=e.getSnapshot;e=e.value;try{var r=t();return!xo(e,r)}catch{return!0}}function jo(e,t){return t()}var Io=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?jo:So;$r.useSyncExternalStore=ye.useSyncExternalStore!==void 0?ye.useSyncExternalStore:Io,qr.exports=$r;var To=qr.exports;/**
|
|
10
|
-
* @license React
|
|
11
|
-
* use-sync-external-store-shim/with-selector.production.min.js
|
|
12
|
-
*
|
|
13
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
14
|
-
*
|
|
15
|
-
* This source code is licensed under the MIT license found in the
|
|
16
|
-
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var Ae=Vr,Po=To;function Do(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}var Ro=typeof Object.is=="function"?Object.is:Do,No=Po.useSyncExternalStore,Lo=Ae.useRef,Mo=Ae.useEffect,Oo=Ae.useMemo,Uo=Ae.useDebugValue;Br.useSyncExternalStoreWithSelector=function(e,t,r,n,o){var i=Lo(null);if(i.current===null){var l={hasValue:!1,value:null};i.current=l}else l=i.current;i=Oo(function(){function a(h){if(!u){if(u=!0,p=h,h=n(h),o!==void 0&&l.hasValue){var v=l.value;if(o(v,h))return d=v}return d=h}if(v=d,Ro(p,h))return v;var g=n(h);return o!==void 0&&o(v,g)?v:(p=h,d=g)}var u=!1,p,d,m=r===void 0?null:r;return[function(){return a(t())},m===null?void 0:function(){return a(m())}]},[t,r,n,o]);var s=No(e,i[0],i[1]);return Mo(function(){l.hasValue=!0,l.value=s},[s]),Uo(s),s},Ar.exports=Br;var Ho=Ar.exports;const Ao=_o(Ho),{useSyncExternalStoreWithSelector:Bo}=Ao;function Vo(e,t=e.getState,r){const n=Bo(e.subscribe,e.getState,e.getServerState||e.getState,t,r);return it(n),n}const zr=e=>{const t=typeof e=="function"?fo(e):e,r=(n,o)=>Vo(t,n,o);return Object.assign(r,t),r},Fr=e=>e?zr(e):zr,Wr={And:1,Or:2},Zr=1,ht={eq(e,t){return e==t},neq(e,t){return!this.eq(e,t)},gt(e,t){return e>t},gte(e,t){return e>=t},lt(e,t){return e<t},lte(e,t){return e<=t},list_exact(e,t){return!Array.isArray(e)||!Array.isArray(t)?!1:e.slice().sort().join(",")===t.slice().sort().join(",")},list_all(e,t){return!Array.isArray(e)||!Array.isArray(t)?!1:!t.some(r=>e.indexOf(r)===-1)},list_alo(e,t){if(!Array.isArray(t))return!1;const r=Array.isArray(e)?e:[e],n=new Set(r);return t.some(o=>n.has(o))},list_dni(e,t){if(!Array.isArray(t))return!1;const r=Array.isArray(e)?e:[e],n=new Set(r);return t.every(o=>!n.has(o))},contains(e,t){const r=e.toLowerCase(),n=t.toLowerCase();return r.includes(n)},notcontains(e,t){return!this.contains(e,t)}},qo=(e,t,r)=>{switch(t){case"videovoice":return!!(e&&e.value);case"open":return!!r;case"multipleselect":return!!(r&&Object.keys(r).length);case"recordedtask":return r?.taskStatus==="completed";case"texturlprompt":return!e.value;case"consentlegal":return r!==null;case"multiplechoice":return r!==void 0;case"matrix":return!!(r&&Object.values(r).every(n=>n!==null));case"nps":return r!==null;case"likert":return r!==null;default:return!0}},Gr=(e,t)=>{if(t==="matrix"){const r=Object.keys(e).length,n=Object.values(e).filter(o=>o!==null).length;return n>0&&n<r}return!1},Kr=({cards:e,index:t,hasEndCard:r,allResponses:n,uploadProgress:o={}})=>{if(t>=e.length||t<0)return null;const i=e[t];let l=t+1;const s=i.props.routingOptions||[];for(let p=0;p<s.length;p++){const{group:d,target:m}=s[p];if(!(d!=null&&d.length))continue;const h=d[0];if(h.questionIndex===void 0||h.questionIndex>n.length)continue;let v=Yr({comparator:h.comparator,response:n[h.questionIndex],type:i.type,value:h.value});for(let g=1;g<d.length;g+=2){const f=d[g],_=d[g+1],y=Yr({comparator:_.comparator,response:n[_.questionIndex],type:e[_.questionIndex].type,value:_.value});f===Wr.And?v&&(v=y):f===Wr.Or&&(v||(v=y))}if(v){l=m===-1&&r?e.length-1:m;break}}const a=e.findIndex(p=>p.type==="uploading");let u;return a>0?u=r?e.length-3:e.length-2:u=e.length-1,t>=u||l===-1||l!==null&&l>u?a>0&&Object.values(o).some(p=>p.isSubmitted&&!p.isComplete)?a:r?e.length-1:null:l===-1?null:l},Yr=({comparator:e,response:t,type:r,value:n})=>{if(e==="answered")switch(r){case"texturlprompt":return t===void 0;case"consentlegal":return t&&t.submitted===!0;case"recordedtask":return"taskStatus"in t&&t.taskStatus==="completed";case"likert":return Number.isInteger(t);case"matrix":return Object.values(t).every(o=>o!==null);case"multiplechoice":case"multipleselect":return Object.keys(t).length>0;case"nps":return Number.isInteger(t);case"open":return t&&t.length>0;case"videovoice":return!!(t!=null&&t.mediaRecordingUid);default:return!1}if(e==="given_up")return r==="recordedtask"?"taskStatus"in t&&t.taskStatus==="given.up":!0;if(e==="partial")return r==="matrix"?Gr(t,r):!1;if(e==="skipped")switch(r){case"texturlprompt":return t?.skipped;case"consentlegal":return t===null;case"recordedtask":return"taskStatus"in t&&t.taskStatus==="abandoned";case"likert":return t===null;case"open":return t?.length===0;case"multiplechoice":return t===void 0;case"multipleselect":return t?.length===0;case"matrix":return Object.values(t).every(o=>o===null);case"nps":return t===null;case"videovoice":return t===null;default:return!1}return ht[e](t,n)},$o=13,zo=(e,t)=>e.reduce((r,n)=>r.concat(r.map(o=>[...o,n])),[[]]).filter(r=>t||r.length>0),Fo=e=>{var t,r,n;switch(e.type){case"multipleselect":return!e||!e.props||!e.props.options?null:e.props.options.length>$o?e.props.options.map(o=>[o.value]):zo(e.props.options.map(o=>o.value),!e.props.properties.required);case"multiplechoice":{if(!e||!e.props||!e.props.options)return null;const o=e.props.options.map(i=>i.value);return e.props.properties.required||o.push(void 0),o}case"matrix":{if(!((t=e?.props)!=null&&t.options))return null;const o=e.props.properties.matrixColumn,i=e.props.options,l=i.reduce((p,d)=>(p[d.id]=null,p),{}),s={...l,[i[0].id]:o[0].value},a=i.reduce((p,d)=>(p[d.id]=o[0].value,p),{}),u=[s,a];return e.props.properties.required||u.push(l),u}case"likert":{const o=Number((n=(r=e.props)==null?void 0:r.properties)==null?void 0:n.range)||5;return[...Array.from(Array(o).keys()).map(i=>i+1),...e.props.properties.required?[]:[null]]}case"nps":return[0,1,2,3,4,5,6,7,8,9,10,...e.props.properties.required?[]:[null]];case"videovoice":case"open":return["1",...e.props.properties.required?[]:[""]];case"recordedtask":{const o=[{taskStatus:"completed"},{taskStatus:"given.up"}];return e.props.properties.required||o.push({taskStatus:"abandoned"}),o}case"texturlprompt":return[void 0,...e.props.properties.required?[]:[{skipped:!0}]];case"consentlegal":return[Zr,...e.props.properties.required?[]:[null]];default:return[Zr]}},Wo=e=>e in ht,Zo=e=>typeof e=="object"&&e!==null&&"taskStatus"in e,Go=(e,t=[])=>t.reduce((r,n)=>{const{group:o,target:i}=n;if(!(o!=null&&o.length))return[...r];const l=o.filter(s=>Number(s)?!0:typeof s=="object"?s.questionIndex===e:!1).map(s=>{const{comparator:a,value:u}=s;return{comparator:a,target:i,value:u}});return[...r,...l]},[]),Ko=(e,t)=>{const r=new Set(["thanks","uploading"]);if(t>=e.length||t<0||r.has(e[t].type))return 0;const n=e.filter(i=>!r.has(i.type));if(t===n.length-1)return 1;const o={[n.length-1]:1,[-1]:0};for(let i=n.length-2;i>=t;i--){const l=n[i],s=Go(i,l.props.routingOptions);if(s.length===0){o[i]=o[i+1]+1;continue}let a=0,u=Fo(l);if(u===null)return n.length-1-t;for(let p=0;p<s.length&&u.length!==0;p++){const{comparator:d,target:m,value:h}=s[p],v=u.filter(g=>{const f=qo({value:g},l.type,g),_=Gr(g,l.type);return!(f&&d==="answered"||_&&d==="partial"||!f&&!_&&d==="skipped"||d==="given_up"&&Zo(g)&&g.taskStatus==="given.up"||f&&l.type==="open"&&(d==="contains"||d==="notcontains")||f&&Wo(d)&&ht[d](g,h))});if(v.length<u.length){const g=parseInt(String(m),10);if(g!==-1&&g<=i||g>=n.length)return n.length-1-t;a=Math.max(o[g]+1,a)}u=v}u.length>0&&(a=Math.max(o[i+1]+1,a)),o[i]=a}return o[t]},vt=new Set(["thanks","uploading"]),Yo=e=>!vt.has(e.type),O=Fr()((e,t)=>({allResponses:[],answers:void 0,apiURL:"",border:"#000000",cards:[],close:async(r=he)=>{const n=t(),{fadeout:o,remove:i,trackHistory:l,studyType:s}=n;await o(r),gt(n)||l({event:"closed"}),zn.info("SurveyClosing",{surveyId:n.surveyId}),It.enable(),i({initiator:Pt.Closed,studyType:s})},configureExitOnOverlayClick:()=>{},customMetadata:{},destroy:async r=>{const{eventEmitFn:n,fadeout:o,remove:i,studyType:l,surveyId:s}=t();n("survey.complete",s),await o(r),It.enable(),i({initiator:Pt.Complete,studyType:l})},endCard:{headline:""},envId:"",eventEmitFn:De.emit.bind(De),fadeout:async r=>{const{eventEmitFn:n,headers:o,viewDocument:i}=t();return Re(o)?Promise.resolve():(n(oe.SurveyFadingOut),new Promise(l=>{const s=i.getElementById(r);s?(s.addEventListener("transitionend",()=>{l()}),s.classList.remove("ul-app--visible")):l()}))},forceBrandedLogo:!1,frame:document.createElement("iframe"),handleClickEmbedButton:r=>{const{cards:n,eventEmitFn:o,index:i}=t();o(r,{qid:n[i].name,props:n[i].props}),e(()=>({hasViewedEmbed:!0}))},handleUploadUpdate:({mediaRecordingUid:r,isComplete:n,progressPct:o,isSubmitted:i})=>{var l,s,a;const{cards:u,destroy:p,index:d,uploadProgress:m}=t(),h=n||((l=m[r])==null?void 0:l.isComplete),v={...m,[r]:{progressPct:h?100:o||((s=m[r])==null?void 0:s.progressPct),isComplete:h,isSubmitted:i||((a=m[r])==null?void 0:a.isSubmitted)}};if(e({uploadProgress:v}),u[d].type!=="uploading")return;const g=Object.entries(m).every(([f,_])=>!_.isSubmitted||_.isComplete||r==f&&n);if(g&&d>=u.length-1)return p(he);e({index:g?d+1:d,uploadingCardViewed:!0})},hasViewedEmbed:!1,headers:{Authorization:"","Content-Type":"","userleap-platform":"web","x-ul-environment-id":"","x-ul-installation-method":"web-snippet","x-ul-sdk-version":"","x-ul-visitor-id":""},index:0,isPreview:!1,marketingUrl:"https://sprig.com",meta:{ch:0,cw:0,l:"",mode:null,p:"",sh:0,sw:0},mode:void 0,next:r=>{const{allResponses:n,cards:o,eventEmitFn:i,index:l,responseGroupUid:s,submit:a,trackHistory:u,uploadProgress:p,viewedCardCount:d}=t(),m=Date.now(),h=[...o],v=h[l],{type:g}=r.data,f={...r.data},_=f.value;Yo(v)&&(v.value=_),f.answeredAt=m,delete f.type;const y={response:f,responseGroupUid:s,questionIndex:l};let b=g==="multiplechoice"?Object.values(_).find(S=>S!==!1):_;g==="multipleselect"&&(b=h[l].props.options.reduce((S,x)=>(_[x.id]&&S.push(x.value),S),[]));const E=n.slice(0);E[l]=b,e({allResponses:E});const C=Kr({cards:h,index:l,hasEndCard:!!r.endCard,uploadProgress:p,allResponses:E});if(C===null){y.completedAt=m,a(y),r.completeSurvey();return}else vt.has(h[C].type)&&(y.completedAt=m);const j=a(y);vt.has(h[C].type)||j.finally(()=>{u({event:"seen",index:C})});const D=h[C];h[C]&&i&&i("survey.question",{qid:D.name,props:D.props}),e({cards:h,hasViewedEmbed:!1,index:C,viewedCardCount:d+1})},pendingRemoveIframeReason:null,previewKey:null,previewMode:void 0,recorder:()=>{},recorderEventEmitter:De,resolveTrackedPromise:()=>{const{removeIframeIfReady:r}=t();e(n=>({unresolvedRequestCount:n.unresolvedRequestCount-1})),r()},responseGroupUid:"",remove:({initiator:r,studyType:n})=>{const{removeIframeIfReady:o}=t();e({pendingRemoveIframeReason:r,studyType:n}),o()},removeIframeIfReady:()=>{const{eventEmitFn:r,pendingRemoveIframeReason:n,unresolvedRequestCount:o,studyType:i,surveyId:l}=t();n&&o===0&&(r(oe.SurveyWillClose,{name:oe.SurveyWillClose,initiator:n,studyType:i,"survey.id":l}),e({pendingRemoveIframeReason:null,studyType:i}))},seen:async()=>{const{trackHistory:r}=t();return r({event:"seen",isNew:!0})},slugName:null,showStripes:!1,showSurveyBrand:!1,styleNonce:"",submit:async({completedAt:r,questionIndex:n,response:o,responseGroupUid:i})=>{const l=t();if(!i||gt(l))return;const s={responseGroupUid:i,meta:l.meta,customMetadata:l.customMetadata,responses:[o],completedAt:r,previewKey:l.previewKey},a=await l.trackPromise(Ye(`${l.apiURL}/sdk/1/environments/${l.envId}/visitors/${l.userId}/responses/submit`,{body:JSON.stringify(s),headers:l.headers,method:"POST"}));if(!a.ok){a.reportError&&(console.warn("[Sprig] (ERR-427) Failed to submit response",a.error),await l.trackPromise(Qr(l,"submitResponse",a.error)));return}l.eventEmitFn(oe.QuestionAnswered,{...o,questionIndex:n})},surveyId:0,tabTitle:"",trackHistory:async({event:r,index:n,isNew:o=!1})=>{const i=t();if(gt(i))return;const{cards:l,index:s}=i,a=n!==void 0?l[n]:l[s],u={sid:i.surveyId,qid:a.name,action:r,vid:i.userId,eid:i.envId,isNew:o,responseGroupUid:i.responseGroupUid,previewKey:i.previewKey},p=await i.trackPromise(Ye(`${i.apiURL}/sdk/1/visitors/${i.userId}/surveys/${i.surveyId}/history`,{body:JSON.stringify(u),headers:i.headers,method:"POST"}));!p.ok&&p.reportError&&(console.warn("[Sprig] (ERR-428) Failed to track survey event",p.error),await i.trackPromise(Qr(i,"trackHistory",p.error)))},trackPromise:async r=>{const{resolveTrackedPromise:n}=t();return e(o=>({unresolvedRequestCount:o.unresolvedRequestCount+1})),r.then(o=>(n(),o)).catch(o=>{throw n(),o})},unresolvedRequestCount:0,update:()=>{const{cards:r,index:n,headers:o,eventEmitFn:i,frame:l,useMobileStyling:s,surveyId:a,viewDocument:u}=t(),p=r[n],d=p.type==="matrix"&&!(p.props.properties.displayMatrixAsAccordion||s);setTimeout(()=>{var m,h;const[v,g]=Bn(u);Re(o)?i(oe.SurveyHeight,{name:oe.SurveyHeight,contentFrameHeight:v,"survey.id":a}):((m=l.setHeight)==null||m.call(l,v),s||(h=l.setWidth)==null||h.call(l,d?g:parseInt(Vn)))},100)},uploadingCardViewed:!1,uploadProgress:{},useDesktopPrototype:void 0,useMobileStyling:!1,userId:"",viewDocument:window.document,viewedCardCount:0})),gt=e=>!e.userId||e.meta&&e.meta.mode==="test"||e.isPreview||e.previewMode,Qr=async(e,t,r)=>{const{mode:n,userId:o,envId:i,apiURL:l,headers:s,viewDocument:a}=e,u=a.documentElement,p={mode:n,screenWidth:window.screen.width,screenHeight:window.screen.height,clientWidth:u.clientWidth,clientHeight:u.clientHeight,location:window.location.href,language:window.navigator.language},d={action:t,err:{message:`${r?.name} - ${r?.message}`,stack:r?.stack},meta:p,vid:o,envId:i};(await Ye(`${l}/sdk/1/errors`,{method:"POST",headers:Object.assign({"x-ul-error":window.btoa(`userleap-${Date.now()}-error`)},s),body:JSON.stringify(d)})).ok||console.warn("[Sprig] (ERR-444) Failed to report error to API",r)},Jr=e=>H("svg",{fill:"none",height:24,viewBox:"0 0 24 24",width:24,xmlns:"http://www.w3.org/2000/svg",...e},H("path",{d:"M17 10L12 15L7 10",stroke:"#0B2330",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),Xr=e=>H("svg",{fill:"none",height:10,viewBox:"0 0 10 10",width:10,xmlns:"http://www.w3.org/2000/svg",...e},H("path",{d:"M9.15377 1.30774L4.07685 8.23082L1.30762 5.00005",stroke:"white",strokeLinecap:"round",strokeWidth:2}));var Qo=0;function c(e,t,r,n,o,i){var l,s,a={};for(s in t)s=="ref"?l=t[s]:a[s]=t[s];var u={type:e,props:a,key:r,ref:l,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:--Qo,__i:-1,__u:0,__source:o,__self:i};if(typeof e=="function"&&(l=e.defaultProps))for(s in l)a[s]===void 0&&(a[s]=l[s]);return w.vnode&&w.vnode(u),u}const Jo=({visible:e})=>c("div",{className:"sprig-check-background",style:{opacity:e?1:0},children:c(Xr,{className:"sprig-check"})}),en="250ms",Xo=dt(({animate:e,children:t,header:r,isOpen:n,onClick:o,showHeaderCheck:i},l)=>{const s=W(null),[a,u]=A(0);V(()=>{var d;const m=(d=s.current)==null?void 0:d.getBoundingClientRect();u(n&&m?m.height:0)},[n]);const p=_e(()=>({transition:e?`height ${en} ease`:"none",height:a}),[a,e]);return c("div",{className:"sprig-accordion",ref:l,children:[c("button",{className:"sprig-accordion-header-container",onClick:o,type:"button",children:[c("div",{className:"sprig-header-label-container",children:[c("span",{className:"sprig-header-label",children:r}),c(Jo,{visible:i})]}),c(Jr,{className:"sprig-caret",style:{transitionDuration:e?en:"0",transform:n?"rotate(-180deg)":"none"}})]}),c("div",{className:"sprig-accordion-body",style:p,children:c("div",{ref:s,children:t})})]})}),R=(...e)=>e.filter(Boolean).join(" "),B=(e,t,r)=>{const n=t?"--mobile":"--desktop",o=r?`${n}_${r}`:"";return`${e+n} ${e+o} ${e}`},ei=(e,t)=>`${e} ${e}__${t}`,F=e=>c("button",{...e,className:R("ul-card-text__button",e.className),id:"ul-card-text__button"}),tn=({plainText:e,richText:t,id:r,className:n,isHeader:o})=>t?c("div",{className:n,dangerouslySetInnerHTML:{__html:t},id:r}):e?o?c("h1",{className:n,id:r,children:e}):c("p",{className:n,id:r,children:e}):null,G=({message:e,properties:t})=>{const r=t?.captionText;return c("div",{className:"question-header-container",children:[c(tn,{className:"ul-question",id:"ul-question",isHeader:!0,plainText:e,richText:t?.questionHtml}),c(tn,{className:"ul-caption",id:"ul-caption",plainText:r,richText:t?.captionHtml})]})},rn=({buttonText:e="View Prototype",handleClick:t})=>c("button",{className:"prototype-button",onClick:t,children:e},"prototype-btn"),te=({defaultBody:e,embeddedType:t="prototype",properties:r})=>{var n;const{handleClickEmbedButton:o,hasViewedEmbed:i,headers:l,useDesktopPrototype:s}=O(m=>({handleClickEmbedButton:m.handleClickEmbedButton,hasViewedEmbed:m.hasViewedEmbed,headers:m.headers,useDesktopPrototype:m.useDesktopPrototype})),a=r?.conceptUrl||((n=r?.consentDocument)==null?void 0:n.url),u=window.innerWidth<qn,p=l["userleap-platform"],d=(m,h)=>{m.preventDefault(),o(h)};if(!s&&u&&!i&&a&&["email","link"].includes(p)){if(t==="prototype")return c(rn,{handleClick:m=>{d(m,"question.prototype.click")}});if(t==="pdf")return c(rn,{buttonText:r?.viewDocumentText||"View Document",handleClick:m=>{d(m,"question.agreement.click")}})}return e()},nn=({isSelected:e,id:t,divId:r,themeColor:n})=>c("div",{"aria-checked":e,"aria-labelledby":`label-${t}`,className:"select-checkbox",id:r,role:"checkbox",style:e?{backgroundColor:n,borderColor:n,boxShadow:"none"}:{},tabIndex:0,children:e&&c(Xr,{})}),on=(e,t)=>{const r=W(0),n=()=>{if(e.current){const o=e.current;o.style.height="1px";const i=o.scrollHeight,l=o.offsetHeight-o.clientHeight,s=i+l,a=parseInt(window.getComputedStyle(o).getPropertyValue("max-height")),u=s<=a?s:a;r.current!==u&&t(),r.current=u,o.style.height=`${u}px`}};return V(n,[]),n},Be=({ariaLabel:e,border:t,choiceStyle:r={},label:n,isSelected:o,value:i,text:l,id:s,isRadio:a,useMobileStyling:u,error:p,allowTextEntry:d,noneOfTheAbove:m,promptText:h,onUserInputChanged:v})=>{const{styleNonce:g,viewDocument:f}=O(L=>({styleNonce:L.styleNonce,viewDocument:L.viewDocument})),[_,y]=A(!1);ni(f,t,g);const b=({isSelected:L,userText:$})=>{v&&v({id:s,selected:L,value:i,userText:$,noneOfTheAbove:m})},E=L=>{L.stopPropagation(),b({isSelected:a||!o,userText:l}),y(!1)},C=()=>{_||y(!0)},j=()=>{_&&y(!1)},D=L=>{(L.key==="Enter"||L.key===" ")&&E(L)},S={onClick:L=>E(L),onKeyPress:L=>D(L)};"ontouchstart"in f.documentElement?(S.onTouchStart=j,S.onTouchCancel=j,S.onTouchEnd=j):(S.onMouseDown=C,S.onMouseLeave=j);const x=a?`radio-${s}`:`checkbox-${s}`,k=o||_?[Ve]:[],M=[...p?[an]:[],...k],P=n?{"aria-labelledby":`label-${s}`}:{"aria-label":e};return c("div",{className:R(B("choice",u),...M),id:`choice-div-${s}`,style:{...r,...p?{borderColor:ke}:{}},...S,children:[c("div",{className:R("choice-label-container"),children:[a?c("div",{...P,className:R("select-radio",...k),id:x,role:"radio",tabIndex:0}):c(nn,{divId:x,id:s,isSelected:o,themeColor:t}),n&&c("label",{className:R(B("select-label",u)),htmlFor:x,id:`label-${s}`,children:n})]}),d&&o&&c("div",{className:R("choice-text-entry-container",...k),children:c(ti,{onTextChange:L=>b({isSelected:o,userText:L}),promptText:h||"Please specify",textValue:l,useMobileStyling:u})})]})},ti=({promptText:e,textValue:t,onTextChange:r,useMobileStyling:n})=>{const o=W(null),{update:i}=O(s=>({update:s.update})),l=on(o,()=>i());return V(()=>{o.current&&o.current.focus()},[]),c("textarea",{"aria-label":e,"aria-multiline":"true","aria-placeholder":e,className:R(B("choice-text-input",n)),"data-gramm":"false",maxLength:5e3,name:"text",onChange:s=>{l(),s.stopPropagation(),r(s.currentTarget.value)},onClick:s=>{s.stopPropagation()},onKeyPress:s=>{s.stopPropagation()},placeholder:e,ref:o,role:"textbox",rows:1,value:t})},ln="ul-select-style-element",Ve="ul-select-active-dynamic-style",an="ul-select-error-dynamic-style",ri=e=>e.tagName.toLowerCase()==="style",ni=(e,t,r)=>{let n=e.getElementById(ln),o=!1;n||(n=e.createElement("style"),o=!0),ri(n)&&(n.id=ln,r&&(n.nonce=r),n.textContent=oi(t),o&&e.head.appendChild(n))},oi=e=>`
|
|
18
|
-
.${Ve} {
|
|
19
|
-
border-color: ${e};
|
|
20
|
-
}
|
|
21
|
-
.${Ve} .select-radio, .${Ve}.select-radio {
|
|
22
|
-
border: 6px solid ${e};
|
|
23
|
-
box-shadow: none;
|
|
24
|
-
}
|
|
25
|
-
.${an} {
|
|
26
|
-
border-color: ${ke};
|
|
27
|
-
}
|
|
28
|
-
`,de=e=>e?.buttonText||"Next",ft=e=>e?.skipButtonText||"Skip",ii=({className:e,message:t,next:r,properties:n,questionId:o,type:i})=>{const{useMobileStyling:l,border:s}=O(x=>({useMobileStyling:x.useMobileStyling,border:x.border})),[a,u]=A(!1),[p,d]=A(""),[m,h]=A(!1),v=n?.collectName,g=n?.nameLabelText||"Full Name",f=n?.consentText||"I agree to the stated conditions",_=n?.submitButtonText||"Submit",y=!!p.trim(),b=a&&(!v||y),E=(x,k=!1)=>{x.preventDefault(),x.stopPropagation();let M=null;if(!k){if(!b){h(!0);return}M={submitted:!0},v&&(M.name=p)}r({value:M,questionId:o,type:i})},C=x=>{x.preventDefault(),x.stopPropagation(),d(x.currentTarget.value)},j=x=>{x.currentTarget.style.borderColor=m&&!y?ke:s},D=x=>{x.currentTarget.style.borderColor=m&&!y?ke:Ke},S=()=>c("div",{children:[c(Be,{allowTextEntry:!1,border:s,error:m&&!a,id:"consent",isRadio:!1,isSelected:a,label:f,onUserInputChanged:({selected:x})=>{x!==a&&u(!a)},useMobileStyling:l}),v&&c("input",{"aria-label":g,"aria-placeholder":g,className:R(B("ul-consent-legal__name-input",l)),"data-gramm":"false",maxLength:250,name:"name",onBlur:D,onFocus:j,onInput:C,placeholder:g,style:m&&!y?{borderColor:ke}:{},tabIndex:0,value:p}),c("div",{className:"ul-card__button-wrapper ul-card-vertical__button-wrapper",children:[c(F,{className:b?"":"sprig-button-disabled",onClick:E,children:_}),n.required===!1&&c("button",{className:"ul-card-skip__button",onClick:x=>E(x,!0),children:ft(n)})]})]});return c("div",{className:R(e,"ul-card__consent-legal","fade-in-transition"),children:[c(G,{message:t}),c("div",{className:"ul-rich-text-body",dangerouslySetInnerHTML:n!=null&&n.richTextBody?{__html:n.richTextBody}:void 0,id:"ul-card__consent-legal-body-container"}),c(te,{properties:n,defaultBody:S,embeddedType:"pdf"})]},o)},li=({activeValue:e,border:t,icon:r,isPressed:n,onSubmit:o,range:i,scaleLabelType:l,setActiveValue:s,setIsPressed:a,useMobileStyling:u,value:p,viewDocument:d})=>{const m=`option-${p}`,h=l==="number",v=l==="star",g=h&&p===e,[f,_]=p<=e&&v||p===e?n?[t,1]:[t,.3]:["",1],y=()=>{switch(l){case"star":return R(B("likert-star",u),B(`likert-star-${p}`,u));case"smiley":return R(B("likert-smiley",u),B(`likert-smiley-${p}`,u));default:return p===i?R(B("likert-number",u),B(`likert-number-${p}`,u),B("likert-last-option",u)):R(B("likert-number",u),B(`likert-number-${p}`,u))}},b=()=>{s(-1),a(!1)};return c("button",{"aria-label":h?void 0:String(p),className:y(),dangerouslySetInnerHTML:{__html:r},id:m,onClick:()=>o(),onKeyDown:E=>{var C,j;const D=d.querySelectorAll(`.likert-${l??"number"}`),S=p-1;E.key==="ArrowRight"?(C=D[S+1])==null||C.focus():E.key==="ArrowLeft"?(j=D[S-1])==null||j.focus():(E.key==="Enter"||E.key===" ")&&o()},onPointerDown:()=>a(!0),onPointerEnter:()=>s(p),onPointerLeave:b,style:{color:h?"":f,borderColor:g?f:"",fillOpacity:g?"":_,zIndex:g?3:"auto"},tabIndex:0})},ai=({className:e,labels:t,message:r,next:n,properties:o,questionId:i,type:l})=>{const{border:s,useMobileStyling:a,viewDocument:u}=O(x=>({border:x.border,useMobileStyling:x.useMobileStyling,viewDocument:x.viewDocument})),[p,d]=A(-1),[m,h]=A(!1),v=t&&t.left,g=t&&t.right;let f;const{range:_,scaleLabelType:y,ratingIcons:b}=o;_&&(f=Number(_));const E=f||5,C=x=>{var k,M;switch(y){case"star":return(k=b[0])==null?void 0:k.svg;case"smiley":return(M=b[x])==null?void 0:M.svg;default:return String(x+1)}},j=[...Array(E)].map((x,k)=>{const M=k+1;return c(li,{activeValue:p,border:s,icon:C(k),isPressed:m,onSubmit:()=>n({value:M,questionId:i,type:l}),range:E,scaleLabelType:y,setActiveValue:d,setIsPressed:h,useMobileStyling:a,value:M,viewDocument:u},k)}),D=x=>{x.preventDefault(),x.stopPropagation(),n({value:null,questionId:i,type:l})},S=()=>c(z,{children:[c("div",{"aria-label":`Rating (1 - ${E})`,className:"ul-card--likert__numbers",role:"radiogroup",children:j}),c("div",{className:"ul-card--likert__labels",children:[c("span",{children:v}),c("span",{children:g})]}),!o.required&&c("div",{className:"ul-vertical-centered-container",children:c(F,{onClick:D,children:de(o)})})]});return c("form",{className:R(e,"ul-card--likert","fade-in-transition"),children:[c(G,{message:r,properties:o}),c(te,{properties:o,defaultBody:S})]},i)},sn=e=>!e||e.scrollHeight>e.offsetHeight?e:sn(e.parentElement),si=e=>e instanceof HTMLElement,di=e=>{if(!e||!si(e))return 0;const t=getComputedStyle(e),r=parseFloat(t.marginTop)+parseFloat(t.marginBottom),n=parseFloat(t.borderTopWidth)+parseFloat(t.borderBottomWidth);return r+n},ci=({columns:e,onSelect:t,options:r,selectedOptions:n})=>{const o=W([]),{border:i,useMobileStyling:l}=O(m=>({border:m.border,useMobileStyling:m.useMobileStyling})),s=r.findIndex(m=>n[m.id]===null),[a,u]=A(s),p=je((m,h)=>{t(m,h);const v=a+1,g=r[v];if(g&&n[g.id]===null){u(v);const f=o.current[a];if(f!=null&&f.firstElementChild){const _=sn(f),y=f.firstElementChild,b=di(f)+y.clientHeight;_?.scrollTo(0,f.offsetTop+b)}}},[t,r,n,a]),d=je((m,h)=>{const v=a===m;return c(Xo,{animate:!0,header:h.label,isOpen:v,onClick:()=>u(v&&!window.UserLeap.isMobileSDK?-1:m),ref:g=>{g&&(o.current[m]=g)},showHeaderCheck:n[h.id]!==null,children:c("div",{style:{paddingTop:"12px"},children:e.map(g=>c(Be,{allowTextEntry:!1,ariaLabel:`${h.label}-${g.label}`,border:i,error:!1,id:`${h.id}-${g.value}`,isRadio:!0,isSelected:n[h.id]===g.value,label:g.label,onUserInputChanged:()=>p(h.id,g.value),useMobileStyling:l},g.label))})},h.id)},[i,e,a,p,n,l]);return c("div",{children:r.map((m,h)=>d(h,m))})},ui=({columns:e,onSelect:t,options:r,selectedOptions:n})=>{const{border:o,useMobileStyling:i}=O(m=>({border:m.border,useMobileStyling:m.useMobileStyling})),l=r.length,s=e.length,a=W(null),[u,p]=A(!1),d=()=>{const m=a.current;m&&p(m.clientWidth+Math.abs(m.scrollLeft)<m.scrollWidth)};return V(()=>{const m=a.current,h=new ResizeObserver(v=>{window.requestAnimationFrame(()=>{m&&p(Math.round(v[0].contentRect.width)<m.scrollWidth)})});return m&&h.observe(m),()=>{m&&h.unobserve(m)}},[]),c("div",{className:"ul-card--matrix_question_container",children:[c("div",{className:R("ul-card--matrix_container",u&&"ul-matrix-scroll-gradient"),onScroll:()=>{d()},ref:a,children:c("div",{className:"ul-card--matrix_grid",style:`--numColumns: ${s}; --numRows: ${l+1}`,children:[c("div",{})," ",e.map(m=>c("div",{className:"ul-matrix-column-label",children:m.label},m.label)),r.map(m=>c(z,{children:[c("div",{"aria-label":m.label,className:"ul-matrix-row-label",children:m.label},m.label),c("div",{className:"ul-matrix-row-options",role:"radiogroup",children:e.map((h,v)=>{const g=v===s-1;return c("div",{className:R("ul-matrix-option-wrapper",g&&"ul-matrix-last-option"),children:c(Be,{allowTextEntry:!1,ariaLabel:`${m.label}-${h.label}`,border:o,choiceStyle:{background:"transparent",border:"none",marginBottom:"0",padding:"0"},error:!1,id:`${m.id}-${h.value}`,isRadio:!0,isSelected:n[m.id]===h.value,onUserInputChanged:()=>t(m.id,h.value),useMobileStyling:i})},h.value)})})]}))]})}),u&&c("button",{className:"ul-matrix-scroll-arrow",onClick:m=>{m.preventDefault();const h=a.current;if(h){const v=getComputedStyle(h).direction==="rtl";h.scrollLeft=v?h.clientWidth-h.scrollWidth:h.scrollWidth}},children:c("svg",{fill:"currentColor",height:"32",viewBox:"0 0 256 256",width:"32",xmlns:"http://www.w3.org/2000/svg",children:c("path",{d:"M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"})})})]})},pi=({className:e,message:t,next:r,options:n,properties:o,questionId:i,type:l})=>{const{useMobileStyling:s}=O(y=>({useMobileStyling:y.useMobileStyling})),a=o.matrixColumn,u=o.required,p=y=>{y.preventDefault(),y.stopPropagation(),r({value:m,questionId:i,type:l})},d=n.reduce((y,b)=>(y[b.id]=null,y),{}),[m,h]=A(d),v=(y,b)=>{h(E=>({...E,[y]:b}))},g=u&&Object.values(m).every(y=>y==null),f=o.displayMatrixAsAccordion||s,_=()=>c("div",{className:"ul-card--matrix_question_container",children:[f?c(ci,{columns:a,onSelect:v,options:n,selectedOptions:m}):c(ui,{columns:a,onSelect:v,options:n,selectedOptions:m}),c("div",{className:"ul-card__button-wrapper",children:c(F,{disabled:g,children:de(o)})})]});return c("form",{className:R(e,"fade-in-transition","ul-card__matrix"),id:"text-form",onSubmit:p,children:[c(G,{message:t,properties:o}),c(te,{properties:o,defaultBody:_})]},i)},mi=({options:e,selectItem:t,selectedOptions:r,showCheckbox:n})=>{const[o,i]=A("0px"),l=W(!1),{themeColor:s,doc:a}=O(d=>({doc:d.viewDocument,themeColor:d.border})),u=je(d=>{if(l.current)return;const m=a.documentElement.clientHeight,h=30,v=d?.getBoundingClientRect().height??0,g=m-h;let f=v;const _=d?.getBoundingClientRect().bottom??0;_>g&&(f-=_-g),i(`-${f}px`),l.current=!0},[a.documentElement.clientHeight]),p=d=>`checkbox-div-${d}`;return c("div",{className:"select-list",ref:u,style:{marginBottom:o},children:e.map(d=>c("div",{className:"select-option",onClick:m=>{t(d),m.stopPropagation()},role:"option",children:[n&&c(nn,{divId:p(d.id),id:d.id,isSelected:r.includes(d),themeColor:s}),d.label]},d.id))})},hi=({isMultiSelect:e=!1,multiselectText:t="choices selected",onChange:r,options:n,placeholderText:o,value:i})=>{const[l,s]=A(!1),{viewDocument:a,update:u}=O(v=>({viewDocument:v.viewDocument,update:v.update})),p=()=>i.length===0?o:i.length===1?i[0].label:`${i.length} ${t}`,d=()=>{s(!l),u()};V(()=>{var v;const g=()=>{s(!1),u()};return a.addEventListener("click",g),(v=window.parent)==null||v.addEventListener("click",g),()=>{var f;(f=window.parent)==null||f.removeEventListener("click",g),a.removeEventListener("click",g)}},[a,u]);const m=v=>{var g;const f=i.some(y=>y.id===v.id),_=i.some(y=>{var b;return(b=y.optionProperties)==null?void 0:b.noneOfTheAbove});(g=v.optionProperties)!=null&&g.noneOfTheAbove&&!f?r([v]):e?r(f?i.filter(y=>y.id!==v.id):_?[v]:[...i,v]):f||r([v]),e||d()},h=i.length===0?["select-button-placeholder"]:[];return c(z,{children:[c("button",{"aria-label":"choice dropdown button",className:R("select-button",...h),onClick:v=>{v.stopPropagation(),d()},type:"button",children:[c("span",{children:p()}),c(Jr,{})]}),l&&c(mi,{options:n,selectedOptions:i,selectItem:m,showCheckbox:e})]})},dn=({className:e,message:t,onSubmit:r,options:n=[],properties:o,questionId:i,type:l})=>{const{border:s,useMobileStyling:a}=O(j=>({border:j.border,useMobileStyling:j.useMobileStyling})),u=n.reduce((j,D)=>(j[D.id]={isSelected:!1},j),{}),[p,d]=A(u),m=l==="multiplechoice",h=o.required,v=n.find(j=>{var D;return(D=j.optionProperties)==null?void 0:D.noneOfTheAbove}),g=Object.entries(p).some(([j,D])=>{var S;const x=n.find(M=>`${M.id}`===j),k=D.userText===void 0||D.userText.trim()==="";return((S=x?.optionProperties)==null?void 0:S.allowsTextEntry)&&k&&D.isSelected}),f=Object.values(p).some(j=>j.isSelected),_=g||h&&!f,y=n.map(({id:j,label:D,value:S,optionProperties:x})=>{var k,M;const P=`${j}`,{allowsTextEntry:L,noneOfTheAbove:$}={allowsTextEntry:!1,noneOfTheAbove:!1,...x};return c(Be,{allowTextEntry:L,border:s,error:!1,id:P,isRadio:m,isSelected:!!((k=p[P])!=null&&k.isSelected),label:D,noneOfTheAbove:$,onUserInputChanged:ne=>E(ne.id,ne.selected,ne.userText,ne.noneOfTheAbove),promptText:"Please specify",text:(M=p[j])==null?void 0:M.userText,useMobileStyling:a,value:S},P)}),b=j=>{j.preventDefault(),j.stopPropagation(),r(p)},E=(j,D,S,x)=>{const k=Object.assign({},p);if((m||x)&&D)for(const M of Object.values(k))M.isSelected=!1,delete M.userText;else v&&!x&&p[v.id].isSelected&&(k[v.id].isSelected=!1);k[j]={isSelected:D,userText:S},d(k)},C=()=>c("div",{children:[o.isDropdown?c(hi,{isMultiSelect:!m,multiselectText:o.dropdownMultiselectedText??"choices selected",onChange:j=>{const D={...p};for(const S of n)j.includes(S)?D[S.id].isSelected=!0:D[S.id].isSelected=!1;d(D)},options:n,placeholderText:o.dropdownPlaceholderText??(m?"Select choice":"Select choice(s)"),value:n.filter(j=>p[j.id].isSelected)}):c("div",{className:R(B("ul-card__choices",a)),role:m?"radiogroup":"group",children:y}),c("div",{className:"ul-card__button-wrapper",children:c(F,{disabled:_,onClick:b,children:de(o)})})]});return c("form",{className:R(e,"ul-card--multiple","fade-in-transition"),id:"text-form",onSubmit:b,children:[c(G,{message:t,properties:o}),c(te,{properties:o,defaultBody:C})]},i)},vi=e=>{const{questionId:t,type:r,next:n,options:o}=e;return c(dn,{...e,onSubmit:i=>{const l=Object.entries(i).find(([,d])=>d.isSelected)||[void 0,void 0],[s,a]=l,u=o.find(d=>`${d.id}`===s),p=a!=null&&a.userText?{[s]:{userText:a.userText}}:null;n({value:u&&s?{[s]:u.value}:{},secondaryValue:p,questionId:t,type:r})}})},gi=e=>{const{questionId:t,type:r,next:n}=e;return c(dn,{...e,onSubmit:o=>{const i={},l=Object.entries(o).reduce((a,[u,p])=>(a[u]=p.isSelected,a),i),s=Object.entries(o).reduce((a,[u,p])=>{if(!p.userText)return a;const d=a||{};return d[u]={userText:p.userText},d},null);n({value:l,secondaryValue:s,questionId:t,type:r})}})},fi=({className:e,props:{labels:t,message:r,properties:n},next:o,questionId:i,type:l})=>{const{border:s,useMobileStyling:a,viewDocument:u}=O(g=>({border:g.border,useMobileStyling:g.useMobileStyling,viewDocument:g.viewDocument})),p=t&&t.left,d=t&&t.right,m=[...Array(11)].map((g,f)=>c("button",{className:R(B("nps-number",a),B(`nps-number-${f}`,a)),id:`option-${f}`,onClick:()=>o({value:f,questionId:i,type:l}),onKeyDown:_=>{var y,b;const E=u.querySelectorAll("button.nps-number");_.key==="ArrowRight"?(y=E[f+1])==null||y.focus():_.key==="ArrowLeft"?(b=E[f-1])==null||b.focus():(_.key==="Enter"||_.key===" ")&&o({value:f,questionId:i,type:l})},onPointerDown:_=>{_.currentTarget.style.zIndex="2",_.currentTarget.style.borderColor=s},onPointerLeave:_=>{_.currentTarget.style.zIndex="auto",_.currentTarget.style.borderColor=Ke},tabIndex:0,children:f},f)),h=g=>{g.preventDefault(),g.stopPropagation(),o({value:null,questionId:i,type:l})},v=()=>c("div",{children:[c("div",{className:"ul-card--nps__numbers",children:m}),c("div",{className:"ul-card--nps__labels",children:[c("span",{children:p}),c("span",{children:d})]}),!n.required&&c("div",{className:"ul-vertical-centered-container",children:c(F,{onClick:h,children:de(n)})})]});return c("form",{className:R(e,"ul-card--nps","fade-in-transition"),children:[c(G,{message:r,properties:n}),c(te,{properties:n,defaultBody:v})]},i)},_i=({className:e,message:t,next:r,properties:n,questionId:o,type:i})=>{const{border:l,useMobileStyling:s,update:a}=O(C=>({border:C.border,useMobileStyling:C.useMobileStyling,update:C.update})),[u,p]=A(""),d=W(null),m=u.trim(),h=n.required===!0&&!m,v=on(d,()=>a()),g=C=>{v(),C.preventDefault(),C.stopPropagation(),p(C.currentTarget.value)},f=C=>{C.preventDefault(),C.stopPropagation(),r({value:u,questionId:o,type:i})},_=n&&n.openTextPlaceholder?n.openTextPlaceholder:"",y=C=>{C.currentTarget.style.borderColor=l},b=C=>{C.currentTarget.style.borderColor=Ke},E=()=>c("div",{className:"ul-card-text",children:[c("div",{className:"ul-card-text__container",children:c("textarea",{"aria-labelledby":"ul-question","aria-describedby":"ul-caption","aria-multiline":"true","aria-placeholder":_,className:R(B("ul-card-text__input",s)),"data-gramm":"false",maxLength:5e3,name:"text",onBlur:b,onChange:g,onFocus:y,placeholder:_,ref:d,role:"textbox",tabIndex:0})}),c(F,{disabled:h,onClick:f,style:{backgroundColor:h?"":l},children:de(n)}),n.footerHtml&&c("div",{className:"footer",dangerouslySetInnerHTML:{__html:n.footerHtml}})]});return c("form",{className:R(e,"ul-card--text","fade-in-transition"),id:"text-form",children:[c(G,{message:t,properties:n}),c(te,{defaultBody:E,properties:n})]},o)},ce={RequestNeeded:1,TryAgain:2,Ready:3},qe=e=>e.type==="av_permission",cn=e=>e.type==="screen_permission",bi=(e,t)=>!(qe(t)?t.permissionDescriptors:[]).includes("camera")||e.getVideoTracks().length>0,un=(e,t)=>{if(e===void 0)return ce.RequestNeeded;if(e){if(!bi(e,t))return ce.RequestNeeded}else return ce.TryAgain;return ce.Ready},pn={avStream:null,currentPage:null,mediaRecordingUids:null,nextQuestion:()=>{},passthroughData:void 0,recordingMediaTypes:void 0,screenPermissionRequested:!1,type:void 0},Y=Fr(e=>({...pn,reset:()=>{e(pn)},updatePage:t=>{e(t)}}));function _t({currentPage:e,pages:t}){const{avStream:r,recordingMediaTypes:n,updatePage:o}=Y.getState(),{recorderEventEmitter:i}=O.getState();i.emit("av.permission",{"permission.descriptors":e.permissionDescriptors,"stream.ready":(l,s)=>{if(r===l)return;let a=e;if(l&&!e.permissionDescriptors.includes("camera")){const u=t.indexOf(e),p=s!=null&&s.active?u+2:u+1;s!=null&&s.active&&n&&i.emit("begin.recording",{"recording.media.types":n,"start.recording.callback":d=>o({mediaRecordingUids:d})}),a=t[p]}o({currentPage:a,avStream:l})}})}function yi({pages:e,userId:t,responseGroupUid:r,surveyId:n,questionId:o,next:i}){const{updatePage:l}=Y.getState(),{eventEmitFn:s,recorderEventEmitter:a}=O.getState(),u={questionId:o,surveyId:n,visitorId:t,responseGroupUid:r};let p=0;a.emit("recorded.task.permission.screen"),s("recorded.task.permission.screen"),a.emit("permission.status",{"permission.status.callback":(m,h,v,g)=>{const f=e[p],{type:_}=f,y=["screen"];if(qe(f)){const{permissionDescriptors:b}=f,E=b?.includes("microphone"),C=b?.includes("camera");E&&y.push("audio"),C&&y.push("video");const j=m?.active&&!C,D=m?.active&&h;(j||D)&&p++}cn(e[p])&&v&&(p++,a.emit("begin.recording",{"recording.media.types":y,"start.recording.callback":b=>l({mediaRecordingUids:b})})),l({currentPage:e[p],avStream:m,screenPermissionRequested:v,nextQuestion:i,type:_,passthroughData:u,recordingMediaTypes:y,captureStream:g})}});const d=e[p];return d.type==="av_permission"&&_t({currentPage:d,pages:e}),d}function bt({status:e}){const{nextQuestion:t,passthroughData:r,mediaRecordingUids:n,reset:o}=Y.getState(),{recorderEventEmitter:i,handleUploadUpdate:l,index:s}=O.getState(),a={value:{taskStatus:e},type:"recordedtask",questionId:r?.questionId||1};r&&i.emit("finish.task",{"begin.callback":u=>{l({mediaRecordingUid:u,isSubmitted:!0,progressPct:0,isComplete:!1})},"progress.callback":(u,p)=>{l({mediaRecordingUid:u,progressPct:p.detail,isSubmitted:!1,isComplete:!1})},"upload.callback":u=>{u&&l({mediaRecordingUid:u,isComplete:!0,isSubmitted:!0,progressPct:100})},"passthrough.data":r,"current.index":s,"task.response":a,"task.complete.callback":u=>{a.value.taskDurationMillisecond=u,n&&(a.value.mediaRecordingUids=n),o(),t(a)}})}function yt({pages:e,setIsRequestingPermission:t}){const{recorderEventEmitter:r,eventEmitFn:n}=O.getState(),{updatePage:o,currentPage:i,recordingMediaTypes:l,screenPermissionRequested:s}=Y.getState();if(!i)return;const a=e.indexOf(i);switch(i.type){case"av_permission":{const u=s?a+2:a+1;s&&l&&r.emit("begin.recording",{"recording.media.types":l,"start.recording.callback":p=>{o({mediaRecordingUids:p})}}),o({currentPage:e[u]});return}case"screen_permission":r.emit("screen.permission",{"screen.permission.requested":t,"stream.ready.callback":(u,p)=>{const d=p?e[a+1]:i;p&&l&&r.emit("begin.recording",{"recording.media.types":l,"start.recording.callback":m=>{o({captureStream:p,mediaRecordingUids:m})}}),o({currentPage:d,screenPermissionRequested:!0,captureStream:p})}});return;case"start_task":n("recorded.task.start"),r.emit("recorded.task.start"),r.emit("start.task"),o({currentPage:e[a+1],screenPermissionRequested:!0});return;case"complete_task":return}}const mn="ul-permission-graphics-container",hn="ul-permission-body",vn=R(mn,"ul_recorded-task-inset-spacing"),$e=R("ul-horizontal-button-container","ul-horizontal-button-container-left"),gn=({richTextBody:e})=>c("div",{className:"ul-rich-text-body",dangerouslySetInnerHTML:{__html:e},id:"ul-task-detail-container"}),ze=({required:e,skipButtonText:t,bottom:r=!1})=>e?null:c(F,{className:R(r&&"ul-skip-button-below","ul-button-inactive"),onClick:bt.bind(null,{status:"abandoned"}),children:t||"Skip"}),xt=e=>{const{avStream:t,captureStream:r,recordingMediaTypes:n,updatePage:o}=Y.getState(),i=n?.includes("audio")||n?.includes("video");V(()=>{const l=setInterval(()=>{i&&t&&!t.active?o({avStream:null,currentPage:e[0]}):(!r||!r.active)&&o({captureStream:void 0,currentPage:e[i?1:0]})},1e3);return()=>clearInterval(l)},[t,r,i,e,n,o])},xi=({content:e,pages:t,required:r})=>{const{buttonText:n,skipButtonText:o,taskDetail:i}=e;return xt(t),c("div",{className:"ul-task-page",children:[i&&c(gn,{richTextBody:i}),c("div",{className:$e,children:[c(F,{onClick:yt.bind(null,{pages:t}),children:n}),c(ze,{required:r,skipButtonText:o})]})]},"start-task")},ki=({content:e,pages:t,properties:r})=>{const{buttonText:n,skipButtonText:o}=e;xt(t);const i=c(te,{properties:r,defaultBody:()=>c("div",{className:$e,children:[c(F,{className:"ul-complete-task-button",onClick:bt.bind(null,{status:"completed"}),children:n}),c(F,{className:R("ul-button-inactive"),onClick:bt.bind(null,{status:"given.up"}),children:o})]})});return c("div",{className:"ul-task-page",children:[e.taskDetail&&c(gn,{richTextBody:e.taskDetail}),i]},"complete-task")},wi=({content:e,pages:t,required:r})=>{const{buttonText:n,skipButtonText:o}=e,[i]=O(a=>[a.tabTitle]),[l,s]=A(!1);return c("div",{children:[c("div",{className:vn,children:[c("p",{style:{marginTop:"auto"},children:e.selectTabText}),c("div",{className:"ul-select-tab-container",children:c("p",{className:hn,children:i})})]}),c("div",{className:r?"":$e,children:[c(F,{disabled:l,onClick:yt.bind(null,{pages:t,setIsRequestingPermission:s}),children:n}),c(ze,{required:r,skipButtonText:o})]})]})},Ci=({content:e})=>c("div",{className:R(mn,"ul_permission_svg_container","ul_recorded-task-inset-spacing","ul-center-horizontally"),dangerouslySetInnerHTML:{__html:e.svg}},"ul-permission-request-graphic"),Ei=({content:e,pages:t,required:r})=>{const{permissionDeniedHeadline:n,permissionDeniedBody:o,skipButtonText:i,tryAgainButtonText:l}=e,s=qe(t[0])?t[0]:null;return V(()=>{const a=setInterval(()=>{s!==null&&_t({currentPage:s,pages:t})},1e3);return()=>clearInterval(a)},[s,t]),s?c("div",{children:[c("div",{className:vn,children:c("p",{className:"ul-av-permission-denied-paragraph",children:[c("span",{className:"ul-av-permission-denied-headline",children:n}),c("span",{className:hn,children:o})]})}),c("div",{className:$e,children:[c(F,{onClick:_t.bind(null,{currentPage:s,pages:t}),children:l}),c(ze,{required:r,skipButtonText:i})]})]}):null},Si=({stream:e})=>c("video",{autoPlay:!0,className:R("ul_recorded-task-inset-spacing"),id:"ul-record-task-video-preview",muted:!0,ref:t=>{t&&(t.srcObject=e||null)}}),ji=({content:e,pages:t,required:r})=>{const{skipButtonText:n}=e,{avStream:o}=Y.getState();return xt(t),c("div",{children:[c(Si,{stream:o}),c("div",{className:"ul-vertical-button-container-center",children:[c(F,{onClick:yt.bind(null,{pages:t}),children:e.buttonText}),c(ze,{bottom:!0,required:r,skipButtonText:n})]})]})},Ii=({properties:e})=>{const{pages:t,required:r}=e,{avStream:n,currentPage:o}=Y.getState();if(o===void 0)return null;switch(o?.type){case"av_permission":{const i=un(n,o);return i===ce.RequestNeeded?c(Ci,{content:o}):i===ce.TryAgain?c(Ei,{content:o,pages:t,required:r}):c(ji,{content:o,pages:t,required:r})}case"screen_permission":return c(wi,{content:o,pages:t,required:r});case"start_task":return c(xi,{content:o,pages:t,required:r});case"complete_task":return c(ki,{content:o,pages:t,properties:e});default:return null}},Ti=({className:e,properties:t,next:r,questionId:n})=>{const o=O(),{surveyId:i,responseGroupUid:l,userId:s}=o,a=Y(),{screenPermissionRequested:u}=a,p=Y(g=>g.avStream);let d=Y(g=>g.currentPage);d||(d=yi({questionId:n,surveyId:i,next:g=>{r(g)},pages:t.pages,responseGroupUid:l,userId:s}));let m=d.headline,h=d.captionText;const v=un(p,d);return cn(d)&&u&&(m=d.permissionDeniedHeadline,h=d.permissionDeniedCaptionText),qe(d)&&v===ce.Ready&&(m=d.permissionGrantedHeadline,h=d.permissionGrantedCaptionText),c("div",{className:R(e,"ul-center-horizontally","fade-in-transition"),children:[c(G,{message:m,properties:{captionText:h}}),c(Ii,{properties:t})]})},Pi={"{{user_id}}":"externalUserId","{{email}}":"email"},Di=(e=void 0,t={})=>{if(!e)return e;let r=e;const n=[];for(const[s,a]of Object.entries(Pi))if(r.toLowerCase().includes(s))if(t[a]){const u=new RegExp(s,"gi");r=r.replace(u,t[a])}else n.push(s);if(n.length===0||!r.includes("?"))return r;const o=r.slice(0,r.indexOf("?")),i=r.slice(r.indexOf("?")+1).split("&").map(s=>s.split("=")).filter(s=>!n.includes(s[1]));if(i.length===0)return o;const l=i.map(s=>s.join("=")).join("&");return`${o}?${l}`},Ri=({className:e,message:t,next:r,properties:n,questionId:o,type:i})=>{const{visitorAttributes:l}=O(d=>({visitorAttributes:d.visitorAttributes})),s=(d,m=!1)=>{r({value:m?{skipped:!0}:void 0,questionId:o,type:i})},a=d=>{(d.key==="Enter"||d.key===" ")&&r({value:void 0,questionId:o,type:i})},u=()=>{const d=Di(n&&n.buttonUrl,l);return c("div",{className:"ul-card-button-group",children:[c("a",{className:"ul-card-text__button ul-card__text-url-prompt-button",href:d,id:"ul-card-text__button",onClick:s,onKeyPress:a,rel:"noreferrer",role:d?"link":"button",tabIndex:0,target:"_blank",children:de(n)}),n.required===!1&&c("button",{className:"ul-card-skip__button",onClick:m=>s(m,!0),children:ft(n)})]})},p=(d,m)=>d?c("div",{className:"ul-rich-text-body",dangerouslySetInnerHTML:{__html:d},id:"ul-card__text-url-body-container"}):c("div",{className:"ul-rich-text-body",id:"ul-card__text-url-body-container",children:(m?m.split(/\n\s*\n/g):[]).map((h,v)=>c("p",{children:h},v))});return c("div",{className:R(e,"ul-card__text-url-prompt","fade-in-transition"),children:[c(G,{message:t}),p(n?.richTextBody,n?.body),c(te,{defaultBody:u,properties:n})]},o)},Ni=({className:e,questionId:t})=>{const{border:r,destroy:n,endCard:o,forceBrandedLogo:i}=O(a=>({border:a.border,destroy:a.destroy,endCard:a.endCard,forceBrandedLogo:a.forceBrandedLogo}));V(()=>{setTimeout(()=>{n(he)},i?4e3:2e3)},[n,i]);const l=o&&o.subheader?c("p",{className:"ul-caption",children:o.subheader}):null,s=o&&o.headline?o.headline:"";return c("div",{className:R(e,"ul-card--thanks","fade-in-transition"),children:c("div",{children:c("div",{className:"ul-card--thanks-content",children:[c("div",{className:"ul-thanks-check",children:c("svg",{"aria-labelledby":"title",fill:"none",height:"99",viewBox:"0 0 81 99",width:"81",xmlns:"http://www.w3.org/2000/svg",children:[c("path",{clipRule:"evenodd",d:"M40.5 77C60.9345 77 77.5 60.4345 77.5 40C77.5 19.5655 60.9345 3 40.5 3C20.0655 3 3.5 19.5655 3.5 40C3.5 60.4345 20.0655 77 40.5 77ZM80.5 40C80.5 62.0914 62.5914 80 40.5 80C18.4086 80 0.5 62.0914 0.5 40C0.5 17.9086 18.4086 0 40.5 0C62.5914 0 80.5 17.9086 80.5 40Z",fill:r,fillRule:"evenodd"}),c("path",{clipRule:"evenodd",d:"M55.025 22.9046C55.6299 23.4705 55.6616 24.4198 55.0956 25.0247C54.8724 25.2634 54.6109 25.5285 54.3157 25.8277C52.2547 27.9168 48.5549 31.667 44.8135 39.6658C43.2818 42.9406 42.0864 45.8386 41.0823 48.2729C40.6539 49.3116 40.2603 50.2659 39.8902 51.129C39.287 52.5359 38.7248 53.7508 38.1744 54.625C37.8997 55.0613 37.5806 55.4905 37.2017 55.8245C36.8201 56.1607 36.2613 56.5 35.5457 56.5C34.6742 56.5 34.0892 55.9692 33.7774 55.6083C33.4502 55.2296 33.1752 54.7511 32.9396 54.301C32.7305 53.9013 32.5088 53.4367 32.2797 52.9565C32.2429 52.8794 32.2059 52.8019 32.1688 52.7243C31.8942 52.1499 31.5959 51.534 31.2537 50.8868C29.8886 48.305 27.8539 45.2878 24.2343 43.1382C23.522 42.7152 23.2875 41.7949 23.7105 41.0826C24.1335 40.3703 25.0539 40.1358 25.7662 40.5588C30.0556 43.1062 32.4149 46.6647 33.9058 49.4845C34.2776 50.1876 34.5973 50.8487 34.8753 51.4302C34.9147 51.5124 34.9529 51.5926 34.9902 51.6707C35.2222 52.1567 35.4164 52.5637 35.5978 52.9102C35.6151 52.9434 35.6321 52.9754 35.6485 53.0061C36.0565 52.3531 36.5341 51.3434 37.133 49.9468C37.4781 49.1418 37.8572 48.2229 38.2761 47.2074C39.2886 44.7532 40.5339 41.7347 42.0961 38.3948C46.0591 29.9221 50.0641 25.8648 52.1535 23.7482C52.4423 23.4556 52.6944 23.2002 52.9048 22.9753C53.4708 22.3703 54.42 22.3387 55.025 22.9046ZM35.1994 53.5892C35.1994 53.5892 35.2 53.5888 35.2012 53.5879C35.2 53.5889 35.1994 53.5893 35.1994 53.5892ZM36.0666 53.6682C36.0732 53.674 36.0765 53.6775 36.0765 53.6777C36.0765 53.678 36.0732 53.6751 36.0666 53.6682Z",fill:r,fillRule:"evenodd"}),c("path",{d:"M69.5 97C69.5 98.1046 56.2924 99 40 99C23.7076 99 10.5 98.1046 10.5 97C10.5 95.8954 23.7076 95 40 95C56.2924 95 69.5 95.8954 69.5 97Z",fill:"black",fillOpacity:"0.2"})]})}),c(G,{message:s}),l]})})},t)},ue="https://cdn.sprig.com",T={document:void 0,videojs:void 0},Li=`/* progress control styles */
|
|
29
|
-
.video-js .vjs-control {
|
|
30
|
-
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.video-js .vjs-progress-control .vjs-progress-holder {
|
|
34
|
-
margin: 0 0px;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.video-js .vjs-progress-control {
|
|
38
|
-
position: absolute;
|
|
39
|
-
height: 3px;
|
|
40
|
-
width: 100%;
|
|
41
|
-
}
|
|
42
|
-
/* position and align the buttons and button texts */
|
|
43
|
-
.ul-control-panel {
|
|
44
|
-
bottom: 0;
|
|
45
|
-
width: 100%;
|
|
46
|
-
flex-direction: column;
|
|
47
|
-
background-color: white;
|
|
48
|
-
height: fit-content;
|
|
49
|
-
z-index: 2;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.ul-buttons-panel {
|
|
53
|
-
color: black;
|
|
54
|
-
display: flex;
|
|
55
|
-
gap: 20px;
|
|
56
|
-
height: 50px;
|
|
57
|
-
justify-content: center;
|
|
58
|
-
margin: 10px;
|
|
59
|
-
padding: 2px 14px 0;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.video-js .vjs-volume-panel {
|
|
63
|
-
height: 30px;
|
|
64
|
-
width: 40px;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.ul-inactive {
|
|
68
|
-
opacity: 0.3;
|
|
69
|
-
cursor: default;
|
|
70
|
-
pointer-events: none;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
/* buttons */
|
|
74
|
-
.ul-buttons-panel > .vjs-button {
|
|
75
|
-
background-color: rgba(0, 0, 0, 0.05);
|
|
76
|
-
border-radius: 50%;
|
|
77
|
-
display: flex;
|
|
78
|
-
height: 3em;
|
|
79
|
-
justify-content: center;
|
|
80
|
-
width: 3em;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.vjs-button>.vjs-icon-placeholder:before {
|
|
84
|
-
align-items: center;
|
|
85
|
-
display: flex;
|
|
86
|
-
font-size: unset;
|
|
87
|
-
line-height: 0.5;
|
|
88
|
-
justify-content: center;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
span.ul-button-text {
|
|
92
|
-
align-self: flex-end;
|
|
93
|
-
position: relative;
|
|
94
|
-
top: 14px;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
#ul-camera-button {
|
|
98
|
-
white-space: nowrap;
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
.video-js .vjs-volume-control.vjs-volume-horizontal {
|
|
102
|
-
background-color: #fff;
|
|
103
|
-
z-index: 1;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
|
|
107
|
-
background-color: black;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
|
|
111
|
-
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
|
|
112
|
-
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
|
|
113
|
-
width: 40px;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
|
|
117
|
-
.video-js .vjs-volume-panel .vjs-volume-control:active,
|
|
118
|
-
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control,
|
|
119
|
-
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
|
|
120
|
-
.video-js .vjs-volume-panel:active .vjs-volume-control,
|
|
121
|
-
.video-js .vjs-volume-panel:focus .vjs-volume-control {
|
|
122
|
-
visibility: visible;
|
|
123
|
-
left: 40px;
|
|
124
|
-
position: absolute;
|
|
125
|
-
transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
/* play button customization */
|
|
129
|
-
.video-js .vjs-play-control {
|
|
130
|
-
color: black;
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
.video-js .vjs-play-control .vjs-icon-placeholder:before {
|
|
134
|
-
content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5363 6.40226L1.93958 10.7006C1.64037 10.8502 1.28833 10.6326 1.28833 10.2981V1.7014C1.28833 1.36688 1.64037 1.14931 1.93958 1.29891L10.5363 5.59727C10.868 5.76311 10.868 6.23642 10.5363 6.40226Z' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
/* position and style the current timer */
|
|
138
|
-
.ul-time-panel {
|
|
139
|
-
position: absolute;
|
|
140
|
-
bottom: 80px;
|
|
141
|
-
left: 10px;
|
|
142
|
-
height: 22px;
|
|
143
|
-
color: black;
|
|
144
|
-
border: 1px solid #e0e0eb;
|
|
145
|
-
border-radius: 23px;
|
|
146
|
-
background-color: white;
|
|
147
|
-
width: fit-content;
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
.video-js .vjs-current-time,
|
|
151
|
-
.vjs-no-flex .vjs-current-time {
|
|
152
|
-
display: flex;
|
|
153
|
-
align-items: center;
|
|
154
|
-
text-align: center;
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
/* remove the dot progress indicator */
|
|
158
|
-
.video-js .vjs-play-progress:before,
|
|
159
|
-
.video-js .vjs-volume-level:before,
|
|
160
|
-
.vjs-icon-circle:before,
|
|
161
|
-
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
|
|
162
|
-
content: none;
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
|
|
166
|
-
content: url("data:image/svg+xml,%3Csvg width='19' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.825.324A.75.75 0 019.25 1v11.667a.75.75 0 01-1.219.585l-3.96-3.169H1a.75.75 0 01-.75-.75v-5a.75.75 0 01.75-.75h3.07L8.031.414a.75.75 0 01.794-.09zM7.75 2.56L4.802 4.92a.75.75 0 01-.469.164H1.75v3.5h2.583a.75.75 0 01.469.165l2.948 2.358V2.56zM14.911.47a.75.75 0 011.061 0 9.084 9.084 0 010 12.844.75.75 0 01-1.06-1.06 7.584 7.584 0 000-10.724.75.75 0 010-1.06zM11.97 3.41a.75.75 0 011.06 0 4.917 4.917 0 010 6.953.75.75 0 11-1.06-1.06 3.417 3.417 0 000-4.832.75.75 0 010-1.06z' fill='%23262136'/%3E%3C/svg%3E");
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
|
|
170
|
-
content: url("data:image/svg+xml,%3Csvg width='19' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 1.167L4.333 4.5H1v5h3.333L8.5 12.833V1.167zM17.17 4.5l-5 5M12.17 4.5l5 5' stroke='%23262136' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
|
|
174
|
-
content: url("data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.82489 0.32403C9.08474 0.44892 9.25 0.711703 9.25 1.00001V12.6667C9.25 12.955 9.08474 13.2178 8.82489 13.3427C8.56504 13.4675 8.25661 13.4324 8.03148 13.2523L4.07025 10.0833H1C0.585786 10.0833 0.25 9.74755 0.25 9.33334V4.33334C0.25 3.91913 0.585786 3.58334 1 3.58334H4.07025L8.03148 0.414355C8.25661 0.234253 8.56504 0.19914 8.82489 0.32403ZM7.75 2.56048L4.80185 4.91899C4.66887 5.02538 4.50364 5.08334 4.33333 5.08334H1.75V8.58334H4.33333C4.50364 8.58334 4.66887 8.6413 4.80185 8.74769L7.75 11.1062V2.56048Z' fill='%23262136'/%3E%3C/svg%3E%0A");
|
|
175
|
-
}
|
|
176
|
-
|
|
177
|
-
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
|
|
178
|
-
content: url("data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.82489 0.32403C9.08474 0.44892 9.25 0.711703 9.25 1.00001V12.6667C9.25 12.955 9.08474 13.2178 8.82489 13.3427C8.56504 13.4675 8.25661 13.4324 8.03148 13.2523L4.07025 10.0833H1C0.585786 10.0833 0.25 9.74755 0.25 9.33334V4.33334C0.25 3.91913 0.585786 3.58334 1 3.58334H4.07025L8.03148 0.414355C8.25661 0.234253 8.56504 0.19914 8.82489 0.32403ZM7.75 2.56048L4.80185 4.91899C4.66887 5.02538 4.50364 5.08334 4.33333 5.08334H1.75V8.58334H4.33333C4.50364 8.58334 4.66887 8.6413 4.80185 8.74769L7.75 11.1062V2.56048Z' fill='%23262136'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9698 3.41124C12.2627 3.11839 12.7376 3.11846 13.0304 3.4114C13.9521 4.33341 14.4699 5.58376 14.4699 6.88748C14.4699 8.19121 13.9521 9.44156 13.0304 10.3636C12.7376 10.6565 12.2627 10.6566 11.9698 10.3637C11.6768 10.0709 11.6767 9.596 11.9696 9.30307C12.6101 8.66235 12.9699 7.79346 12.9699 6.88748C12.9699 5.98151 12.6101 5.11262 11.9696 4.4719C11.6767 4.17896 11.6768 3.70409 11.9698 3.41124Z' fill='%23262136'/%3E%3C/svg%3E%0A");
|
|
179
|
-
}
|
|
180
|
-
|
|
181
|
-
.video-js .vjs-volume-control:hover .vjs-mouse-display {
|
|
182
|
-
display: none !important;
|
|
183
|
-
}
|
|
184
|
-
|
|
185
|
-
.video-js .vjs-play-progress {
|
|
186
|
-
background-color: black;
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
/* position video player inside the container */
|
|
190
|
-
.video-js .vjs-tech {
|
|
191
|
-
position: static;
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
.video-js .vjs-time-tooltip {
|
|
195
|
-
padding: 0.25em 0.75em;
|
|
196
|
-
align-items: center;
|
|
197
|
-
color: #333;
|
|
198
|
-
background: #FCFCFD;
|
|
199
|
-
border-radius: 99px;
|
|
200
|
-
text-align: center;
|
|
201
|
-
border: 1px solid #E0E0EB;
|
|
202
|
-
display: flex;
|
|
203
|
-
align-items: center;
|
|
204
|
-
justify-content: center;
|
|
205
|
-
top: -25px;
|
|
206
|
-
font-size: 12px !important;
|
|
207
|
-
width: 50px !important;
|
|
208
|
-
}
|
|
209
|
-
|
|
210
|
-
.video-js .vjs-play-progress.vjs-slider-bar .vjs-time-tooltip {
|
|
211
|
-
visibility: hidden !important;
|
|
212
|
-
}
|
|
213
|
-
|
|
214
|
-
.video-js .vjs-progress-control .vjs-mouse-display {
|
|
215
|
-
z-index: 2;
|
|
216
|
-
}
|
|
217
|
-
|
|
218
|
-
.ul-video-player {
|
|
219
|
-
width: 100%;
|
|
220
|
-
display: flex;
|
|
221
|
-
flex-direction: column;
|
|
222
|
-
height: auto;
|
|
223
|
-
border: 1px solid #E6E6E6;
|
|
224
|
-
background-color: white;
|
|
225
|
-
box-sizing: border-box;
|
|
226
|
-
border-radius: 4px;
|
|
227
|
-
background-clip: border-box;
|
|
228
|
-
overflow: hidden;
|
|
229
|
-
}
|
|
230
|
-
|
|
231
|
-
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
|
|
232
|
-
border: none;
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
#video-response-player-secondary-video-player {
|
|
236
|
-
max-width: 200px;
|
|
237
|
-
margin-right: 20px;
|
|
238
|
-
background-color: transparent;
|
|
239
|
-
}
|
|
240
|
-
|
|
241
|
-
#ul-card-video__player_recorder-video-recorder.vjs-fullscreen {
|
|
242
|
-
display: table;
|
|
243
|
-
}
|
|
244
|
-
|
|
245
|
-
.video-js div.vjs-progress-control {
|
|
246
|
-
margin-top: -3px;
|
|
247
|
-
}
|
|
248
|
-
|
|
249
|
-
.video-js .vjs-progress-control .vjs-slider {
|
|
250
|
-
background-color: #B2BBBD;
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
.vjs-record.video-js .vjs-control.vjs-button.vjs-fullscreen-control {
|
|
254
|
-
position:relative;
|
|
255
|
-
}
|
|
256
|
-
|
|
257
|
-
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
|
|
258
|
-
content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.82143 2.54004L12.2614 2.54004C12.9242 2.54004 13.4614 3.0773 13.4614 3.74004L13.4614 6.18004' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.17955 13.46L3.73955 13.46C3.07681 13.46 2.53955 12.9227 2.53955 12.26L2.53955 9.81996' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.7772 3.22266L9.36475 6.63516' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.29434 9.70605L2.88184 13.1186' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
|
|
259
|
-
}
|
|
260
|
-
|
|
261
|
-
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
|
|
262
|
-
content: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.583 9.813H5.25a1 1 0 011 1v3.666M5.375 10.688L1 15.061M14.917 5.813H11.25a1 1 0 01-1-1V1.146M15.063 1l-4.376 4.375' stroke='%23262136' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
|
|
263
|
-
}
|
|
264
|
-
|
|
265
|
-
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .video-js .vjs-icon-replay:before {
|
|
266
|
-
content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5363 6.40226L1.93958 10.7006C1.64037 10.8502 1.28833 10.6326 1.28833 10.2981V1.7014C1.28833 1.36688 1.64037 1.14931 1.93958 1.29891L10.5363 5.59727C10.868 5.76311 10.868 6.23642 10.5363 6.40226Z' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
|
|
267
|
-
}
|
|
268
|
-
|
|
269
|
-
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .vjs-icon-pause:before {
|
|
270
|
-
content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3.61885' y='2.06074' width='3.16185' height='11.88' rx='0.9' fill='black' stroke='%23EDEDED' stroke-width='0.6' stroke-linecap='round'/%3E%3Crect x='9.21797' y='2.06074' width='3.16185' height='11.88' rx='0.9' fill='black' stroke='%23EDEDED' stroke-width='0.6' stroke-linecap='round'/%3E%3C/svg%3E%0A");
|
|
271
|
-
padding: 2px;
|
|
272
|
-
}
|
|
273
|
-
|
|
274
|
-
.vjs-error-display {
|
|
275
|
-
display: none;
|
|
276
|
-
}
|
|
277
|
-
|
|
278
|
-
.ul-video-player-video {
|
|
279
|
-
position: relative;
|
|
280
|
-
top: 0;
|
|
281
|
-
left: 0;
|
|
282
|
-
width: 100%;
|
|
283
|
-
}
|
|
284
|
-
|
|
285
|
-
.ul-video-container {
|
|
286
|
-
width: 100%;
|
|
287
|
-
height: auto;
|
|
288
|
-
left: 0px;
|
|
289
|
-
top: 0px;
|
|
290
|
-
|
|
291
|
-
background-color: transparent;
|
|
292
|
-
border-radius: 4px;
|
|
293
|
-
|
|
294
|
-
align-items: start;
|
|
295
|
-
display: flex;
|
|
296
|
-
flex-direction: column;
|
|
297
|
-
|
|
298
|
-
/* Inside Auto Layout */
|
|
299
|
-
|
|
300
|
-
flex: none;
|
|
301
|
-
order: 0;
|
|
302
|
-
flex-grow: 0;
|
|
303
|
-
margin: 10px 0px;
|
|
304
|
-
position: relative;
|
|
305
|
-
}
|
|
306
|
-
|
|
307
|
-
.vjs-record button.vjs-device-button.vjs-control {
|
|
308
|
-
background: rgba(255, 255, 255, 96);
|
|
309
|
-
width: 100%;
|
|
310
|
-
height: 100%;
|
|
311
|
-
left: 0;
|
|
312
|
-
top: 0;
|
|
313
|
-
margin: 0;
|
|
314
|
-
border-radius: 0;
|
|
315
|
-
line-height: 0.6;
|
|
316
|
-
padding: 10px;
|
|
317
|
-
display: flex;
|
|
318
|
-
align-items: center;
|
|
319
|
-
flex-direction: column;
|
|
320
|
-
justify-content: center;
|
|
321
|
-
z-index: 3;
|
|
322
|
-
}
|
|
323
|
-
|
|
324
|
-
.vjs-record .vjs-device-button.vjs-control:before {
|
|
325
|
-
font-size: 14px !important;
|
|
326
|
-
color: #333;
|
|
327
|
-
content: "Your browser needs to access your camera and microphone for video recording";
|
|
328
|
-
line-height: 135%;
|
|
329
|
-
}
|
|
330
|
-
|
|
331
|
-
.vjs-record .vjs-device-button.vjs-control.permission-denied:before {
|
|
332
|
-
font-size: 16px !important;
|
|
333
|
-
color: #262136;
|
|
334
|
-
content: "Unable to access your camera and microphone";
|
|
335
|
-
}
|
|
336
|
-
|
|
337
|
-
.vjs-record .vjs-device-button.vjs-control:after {
|
|
338
|
-
display: inline-block;
|
|
339
|
-
background: #F0F0F5;
|
|
340
|
-
font-size: 13px;
|
|
341
|
-
border-radius: 4px;
|
|
342
|
-
content: "Request Permissions";
|
|
343
|
-
padding: 1em 2em;
|
|
344
|
-
color: #333;
|
|
345
|
-
margin-top: 20px;
|
|
346
|
-
}
|
|
347
|
-
|
|
348
|
-
.vjs-record .vjs-device-button.vjs-control.permission-denied:after {
|
|
349
|
-
display: inline-block;
|
|
350
|
-
background: white;
|
|
351
|
-
font-size: 13px;
|
|
352
|
-
content: "Please go to your browser settings and update permissions to enable recording";
|
|
353
|
-
padding: 1em;
|
|
354
|
-
color: #4B575D;
|
|
355
|
-
margin: 5px;
|
|
356
|
-
line-height: 135%;
|
|
357
|
-
text-align: center;
|
|
358
|
-
}
|
|
359
|
-
|
|
360
|
-
.vjs-control.vjs-button.ul-video-recorder-delete-button, .vjs-control.vjs-button.ul-video-recorder-toggle-button, .vjs-control.vjs-button.ul-video-recorder-camera-off-button-audio-only, .vjs-control.vjs-button.ul-video-recorder-camera-off-button {
|
|
361
|
-
cursor: pointer;
|
|
362
|
-
}
|
|
363
|
-
|
|
364
|
-
.ul-video-recorder-delete-button .vjs-icon-placeholder:before {
|
|
365
|
-
content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.21234 7.37549V11.1193M2.53931 4.25595H13.4593H2.53931ZM5.57234 4.25595V3.00833C5.57222 2.84433 5.60354 2.68192 5.6645 2.53038C5.72546 2.37884 5.81488 2.24115 5.92762 2.12519C6.04037 2.00922 6.17424 1.91726 6.32158 1.85456C6.46892 1.79185 6.62683 1.75964 6.78628 1.75977H9.21234C9.37179 1.75964 9.5297 1.79185 9.67703 1.85456C9.82437 1.91726 9.95824 2.00922 10.071 2.12519C10.1837 2.24115 10.2732 2.37884 10.3341 2.53038C10.3951 2.68192 10.4264 2.84433 10.4263 3.00833V4.25595H5.57234ZM12.2463 4.25595V12.9912C12.2463 13.3223 12.1184 13.6399 11.8907 13.8741C11.6631 14.1082 11.3543 14.2398 11.0323 14.2398H4.96628C4.64432 14.2398 4.33555 14.1082 4.10789 13.8741C3.88023 13.6399 3.75234 13.3223 3.75234 12.9912V4.25595H12.2463ZM6.78628 7.37549V11.1193V7.37549Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
|
|
366
|
-
}
|
|
367
|
-
|
|
368
|
-
.ul-video-recorder-toggle-button .vjs-icon-placeholder:before {
|
|
369
|
-
content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0Z' fill='%23D15153'/%3E%3C/svg%3E");
|
|
370
|
-
}
|
|
371
|
-
|
|
372
|
-
.ul-video-recorder-toggle-button.ul-recording-in-session .vjs-icon-placeholder:before {
|
|
373
|
-
content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 10L12 2C12 0.89543 11.1046 -4.85396e-07 10 -4.37114e-07L2 -8.74228e-08C0.89543 -3.91405e-08 -4.85396e-07 0.895431 -4.37114e-07 2L-8.74228e-08 10C-3.91405e-08 11.1046 0.895431 12 2 12L10 12C11.1046 12 12 11.1046 12 10Z' fill='%23D15153'/%3E%3C/svg%3E%0A");
|
|
374
|
-
}
|
|
375
|
-
|
|
376
|
-
.ul-video-recorder-camera-off-button .vjs-icon-placeholder:before {
|
|
377
|
-
content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2645_4654)'%3E%3Cpath d='M15.1491 4.75L10.5991 8L15.1491 11.25V4.75Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.29912 3.4502H2.14912C1.43115 3.4502 0.849121 4.03223 0.849121 4.7502V11.2502C0.849121 11.9682 1.43115 12.5502 2.14912 12.5502H9.29912C10.0171 12.5502 10.5991 11.9682 10.5991 11.2502V4.7502C10.5991 4.03223 10.0171 3.4502 9.29912 3.4502Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2645_4654'%3E%3Crect width='15.6' height='15.6' fill='white' transform='translate(0.199951 0.200195)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
|
|
378
|
-
}
|
|
379
|
-
|
|
380
|
-
.ul-video-recorder-camera-off-button-audio-only .vjs-icon-placeholder:before {
|
|
381
|
-
content: url("data:image/svg+xml,%3Csvg width='22' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.75 3A2.75 2.75 0 013.5.25h9.081A2.75 2.75 0 0115.331 3v9a2.75 2.75 0 01-2.75 2.75H3.5A2.75 2.75 0 01.75 12V3zM3.5 1.75c-.69 0-1.25.56-1.25 1.25v9c0 .69.56 1.25 1.25 1.25h9.081c.69 0 1.25-.56 1.25-1.25V3c0-.69-.56-1.25-1.25-1.25H3.5z' fill='%23262136'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.53 2.03l-12 12-1.06-1.06 12-12 1.06 1.06zM20.87 1.525a.75.75 0 01.38.652v10.588a.75.75 0 01-1.134.644l-5.92-3.53a.75.75 0 01-.365-.643v-3.53a.75.75 0 01.366-.644l5.919-3.53a.75.75 0 01.754-.007zm-5.539 4.607V8.81l4.419 2.635V3.497l-4.419 2.635z' fill='%23262136'/%3E%3C/svg%3E");
|
|
382
|
-
transform: scale(0.75);
|
|
383
|
-
}
|
|
384
|
-
|
|
385
|
-
.ul-upload-progress-label {
|
|
386
|
-
padding: 0.15em 0.75em;
|
|
387
|
-
align-items: center;
|
|
388
|
-
font-size: 12px;
|
|
389
|
-
color: #333;
|
|
390
|
-
background: #FCFCFD;
|
|
391
|
-
border-radius: 99px;
|
|
392
|
-
text-align: center;
|
|
393
|
-
border: 1px solid #E0E0EB;
|
|
394
|
-
display: flex;
|
|
395
|
-
align-items: center;
|
|
396
|
-
justify-content: center;
|
|
397
|
-
position: absolute;
|
|
398
|
-
bottom: 75px;
|
|
399
|
-
left: calc(50% - 65px);
|
|
400
|
-
width: 130px;
|
|
401
|
-
z-index: 5;
|
|
402
|
-
}
|
|
403
|
-
|
|
404
|
-
.ul-upload-progress-label__time {
|
|
405
|
-
display: inline-flex;
|
|
406
|
-
margin-left: 0.8em;
|
|
407
|
-
align-items: center;
|
|
408
|
-
}
|
|
409
|
-
|
|
410
|
-
.ul-upload-progress-label__time:before {
|
|
411
|
-
content: "";
|
|
412
|
-
display: inline-flex;
|
|
413
|
-
width: 1px;
|
|
414
|
-
height: 12px;
|
|
415
|
-
background-color: #E0E0EB;
|
|
416
|
-
margin-right: 0.8em;
|
|
417
|
-
}
|
|
418
|
-
|
|
419
|
-
@keyframes grow {
|
|
420
|
-
0% {
|
|
421
|
-
transform: scale(1);
|
|
422
|
-
background-color: #EEECFC;
|
|
423
|
-
}
|
|
424
|
-
50% {
|
|
425
|
-
transform: scale(1.2);
|
|
426
|
-
background-color: #E1DFF4;
|
|
427
|
-
}
|
|
428
|
-
100% {
|
|
429
|
-
transform: scale(1);
|
|
430
|
-
background-color: #EEECFC;
|
|
431
|
-
}
|
|
432
|
-
}
|
|
433
|
-
|
|
434
|
-
.ul-audio-recorder-placeholder:before {
|
|
435
|
-
width: 80px;
|
|
436
|
-
height: 80px;
|
|
437
|
-
border-radius: 120px;
|
|
438
|
-
background-color: #EEECFC;
|
|
439
|
-
content: "";
|
|
440
|
-
position: absolute;
|
|
441
|
-
left: calc(50% - 40px);
|
|
442
|
-
top: calc(50% - 40px);
|
|
443
|
-
animation: 6s infinite grow;
|
|
444
|
-
transform-origin: 50% 60%;
|
|
445
|
-
}
|
|
446
|
-
|
|
447
|
-
.ul-audio-recorder-placeholder:after {
|
|
448
|
-
content: url("data:image/svg+xml,%3Csvg width='98' height='98' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' maskUnits='userSpaceOnUse' x='0' y='0' width='98' height='98'%3E%3Ccircle cx='49' cy='49' r='49' fill='%23EDECF8'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Ccircle cx='49' cy='49' r='50' fill='%23645CC2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.422 81.812c5.405-15.547 20.187-26.706 37.576-26.706 17.39 0 32.172 11.159 37.577 26.707-9.164 10.43-22.601 17.013-37.576 17.013-14.976 0-28.414-6.583-37.577-17.014z' fill='%23fff' fill-opacity='.6'/%3E%3Ccircle cx='49' cy='29' r='17' fill='%23fff' fill-opacity='.7'/%3E%3C/g%3E%3C/svg%3E");
|
|
449
|
-
position: absolute;
|
|
450
|
-
left: 50%;
|
|
451
|
-
top: 50%;
|
|
452
|
-
transform: translate(-50%, -50%);
|
|
453
|
-
transform: translate(-50%, -50%) scale(0.6);
|
|
454
|
-
}
|
|
455
|
-
|
|
456
|
-
.ul-audio-recorder-placeholder {
|
|
457
|
-
min-height: 150px;
|
|
458
|
-
width: 100%;
|
|
459
|
-
background-color: #fcfcfd;
|
|
460
|
-
display: block;
|
|
461
|
-
position: relative;
|
|
462
|
-
}
|
|
463
|
-
|
|
464
|
-
.vjs-fullscreen .ul-audio-recorder-placeholder {
|
|
465
|
-
vertical-align: middle;
|
|
466
|
-
display: table-cell;
|
|
467
|
-
}
|
|
468
|
-
|
|
469
|
-
.vjs-fullscreen .ul-control-panel {
|
|
470
|
-
height: 80px;
|
|
471
|
-
position: absolute;
|
|
472
|
-
bottom: 0;
|
|
473
|
-
left: 0;
|
|
474
|
-
width: 100%;
|
|
475
|
-
max-width: 100%;
|
|
476
|
-
background-color: #F8F8F8;
|
|
477
|
-
}
|
|
478
|
-
|
|
479
|
-
.vjs-playback-rate .vjs-playback-rate-value {
|
|
480
|
-
align-items: center;
|
|
481
|
-
display: flex;
|
|
482
|
-
font-size: 12px;
|
|
483
|
-
justify-content: center;
|
|
484
|
-
}
|
|
485
|
-
|
|
486
|
-
.vjs-playback-rate .vjs-menu {
|
|
487
|
-
left: -5px;
|
|
488
|
-
bottom: 3px;
|
|
489
|
-
}
|
|
490
|
-
|
|
491
|
-
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
|
|
492
|
-
background-color: white;
|
|
493
|
-
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
494
|
-
box-sizing: border-box;
|
|
495
|
-
border-radius: 4px;
|
|
496
|
-
}
|
|
497
|
-
|
|
498
|
-
.vjs-menu li {
|
|
499
|
-
font-size: 12px;
|
|
500
|
-
padding: 5px 0;
|
|
501
|
-
}
|
|
502
|
-
|
|
503
|
-
.vjs-menu li.vjs-selected {
|
|
504
|
-
color: lightgray;
|
|
505
|
-
}
|
|
506
|
-
|
|
507
|
-
.vjs-menu li.vjs-menu-item:hover {
|
|
508
|
-
background-color: rgba(0, 0, 0, 0.05);
|
|
509
|
-
}
|
|
510
|
-
|
|
511
|
-
.vjs-fullscreen .ul-buttons-panel {
|
|
512
|
-
top: calc(50% - 30px);
|
|
513
|
-
position: relative;
|
|
514
|
-
}
|
|
515
|
-
|
|
516
|
-
.vjs-fullscreen .vjs-record-indicator.vjs-control {
|
|
517
|
-
bottom: 90px !important;
|
|
518
|
-
}
|
|
519
|
-
|
|
520
|
-
.vjs-record.video-js div.vjs-control.vjs-record-indicator {
|
|
521
|
-
padding: 0.3em 0.75em 0.15em 15px;
|
|
522
|
-
align-items: center;
|
|
523
|
-
font-size: 12px;
|
|
524
|
-
color: #333;
|
|
525
|
-
background: #FCFCFD;
|
|
526
|
-
border-radius: 99px;
|
|
527
|
-
text-align: center;
|
|
528
|
-
border: 1px solid #E0E0EB;
|
|
529
|
-
display: flex;
|
|
530
|
-
justify-content: center;
|
|
531
|
-
align-items: center;
|
|
532
|
-
position: absolute;
|
|
533
|
-
bottom: 75px;
|
|
534
|
-
top: auto;
|
|
535
|
-
left: calc(50% - 21px);
|
|
536
|
-
width: 43px;
|
|
537
|
-
height: 16px;
|
|
538
|
-
z-index: 4;
|
|
539
|
-
}
|
|
540
|
-
|
|
541
|
-
.vjs-record.video-js div.vjs-control.vjs-record-indicator:after {
|
|
542
|
-
content: "";
|
|
543
|
-
background-color: #EB5757;
|
|
544
|
-
width: 6px;
|
|
545
|
-
height: 6px;
|
|
546
|
-
border-radius: 8px;
|
|
547
|
-
animation: none;
|
|
548
|
-
top: 4px;
|
|
549
|
-
left: 5px;
|
|
550
|
-
}
|
|
551
|
-
|
|
552
|
-
.vjs-record.video-js div.vjs-control.vjs-record-indicator:before {
|
|
553
|
-
position: relative;
|
|
554
|
-
font-size: 9px;
|
|
555
|
-
animation: none;
|
|
556
|
-
opacity: 1;
|
|
557
|
-
color: #333;
|
|
558
|
-
top: auto;
|
|
559
|
-
left: auto;
|
|
560
|
-
}
|
|
561
|
-
|
|
562
|
-
.ul-video-player-loading {
|
|
563
|
-
display: inline-block;
|
|
564
|
-
position: relative;
|
|
565
|
-
width: 6rem;
|
|
566
|
-
height: 6rem;
|
|
567
|
-
|
|
568
|
-
}
|
|
569
|
-
.ul-video-player-loading div {
|
|
570
|
-
box-sizing: border-box;
|
|
571
|
-
position: absolute;
|
|
572
|
-
display: block;
|
|
573
|
-
width: 80%;
|
|
574
|
-
height: 80%;
|
|
575
|
-
margin: 5px;
|
|
576
|
-
border: 5px solid #666;
|
|
577
|
-
border-radius: 50%;
|
|
578
|
-
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
|
|
579
|
-
border-color: #666 transparent transparent transparent;
|
|
580
|
-
}
|
|
581
|
-
|
|
582
|
-
.first {
|
|
583
|
-
animation-delay: -0.45s;
|
|
584
|
-
}
|
|
585
|
-
.second {
|
|
586
|
-
animation-delay: -0.3s;
|
|
587
|
-
}
|
|
588
|
-
.third {
|
|
589
|
-
animation-delay: -0.15s;
|
|
590
|
-
}
|
|
591
|
-
|
|
592
|
-
@keyframes lds-ring {
|
|
593
|
-
0% {
|
|
594
|
-
transform: rotate(0deg);
|
|
595
|
-
}
|
|
596
|
-
100% {
|
|
597
|
-
transform: rotate(360deg);
|
|
598
|
-
}
|
|
599
|
-
}
|
|
600
|
-
|
|
601
|
-
.ul-video-btn {
|
|
602
|
-
width: 100%;
|
|
603
|
-
border: 1px solid #E6E6E6;
|
|
604
|
-
border-radius: 4px;
|
|
605
|
-
background-color: rgba(0, 0, 0, 0.02);
|
|
606
|
-
padding: 8px;
|
|
607
|
-
font-weight: 500;
|
|
608
|
-
font-size: 15px;
|
|
609
|
-
}
|
|
610
|
-
|
|
611
|
-
.ul-record-response-btn:before, .ul-record-response-btn:after, .ul-back-question-btn:before, .ul-back-question-btn:after {
|
|
612
|
-
margin: 0 5px;
|
|
613
|
-
vertical-align: middle;
|
|
614
|
-
}
|
|
615
|
-
|
|
616
|
-
.ul-record-response-btn:before {
|
|
617
|
-
content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2645_4654)'%3E%3Cpath d='M15.1491 4.75L10.5991 8L15.1491 11.25V4.75Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.29912 3.4502H2.14912C1.43115 3.4502 0.849121 4.03223 0.849121 4.7502V11.2502C0.849121 11.9682 1.43115 12.5502 2.14912 12.5502H9.29912C10.0171 12.5502 10.5991 11.9682 10.5991 11.2502V4.7502C10.5991 4.03223 10.0171 3.4502 9.29912 3.4502Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2645_4654'%3E%3Crect width='15.6' height='15.6' fill='white' transform='translate(0.199951 0.200195)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
|
|
618
|
-
display: inline-block;
|
|
619
|
-
transform: translate(0px, 2px);
|
|
620
|
-
}
|
|
621
|
-
|
|
622
|
-
.ul-record-response-btn:after {
|
|
623
|
-
content: 'Record your Response';
|
|
624
|
-
}
|
|
625
|
-
|
|
626
|
-
.ul-back-question-btn:before {
|
|
627
|
-
content: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8757 8.22361L1.1118 14.6056C0.945578 14.6887 0.75 14.5678 0.75 14.382V1.61803C0.75 1.43219 0.945579 1.31131 1.1118 1.39443L13.8757 7.77639C14.06 7.86852 14.06 8.13148 13.8757 8.22361Z' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
|
|
628
|
-
display: inline-block;
|
|
629
|
-
transform: scale(0.85) translate(0, 1px);
|
|
630
|
-
-moz-transform: scale(0.85) translate(0, 2px);
|
|
631
|
-
}
|
|
632
|
-
|
|
633
|
-
.ul-back-question-btn:after {
|
|
634
|
-
content: 'Back to Question';
|
|
635
|
-
}
|
|
636
|
-
|
|
637
|
-
.hidden {
|
|
638
|
-
display: none !important;
|
|
639
|
-
opacity: 0;
|
|
640
|
-
visibility: hidden;
|
|
641
|
-
}
|
|
642
|
-
|
|
643
|
-
.visible {
|
|
644
|
-
visibility: visible;
|
|
645
|
-
opacity: 1;
|
|
646
|
-
animation: fade 0.3s;
|
|
647
|
-
}
|
|
648
|
-
|
|
649
|
-
@keyframes fade {
|
|
650
|
-
0% {
|
|
651
|
-
opacity: 0;
|
|
652
|
-
}
|
|
653
|
-
|
|
654
|
-
100% {
|
|
655
|
-
opacity: 1;
|
|
656
|
-
}
|
|
657
|
-
}
|
|
658
|
-
|
|
659
|
-
#ul-recording-countdown-screen {
|
|
660
|
-
width: 100%;
|
|
661
|
-
height: 100%;
|
|
662
|
-
color: black;
|
|
663
|
-
background-color: rgba(255, 255, 255, 0.8);
|
|
664
|
-
position: absolute;
|
|
665
|
-
text-align: center;
|
|
666
|
-
font-size: 15px;
|
|
667
|
-
z-index: 1;
|
|
668
|
-
display: table;
|
|
669
|
-
}
|
|
670
|
-
|
|
671
|
-
.ul-countdown-text {
|
|
672
|
-
vertical-align: middle;
|
|
673
|
-
display: table-cell;
|
|
674
|
-
transform: translate(0, -25px);
|
|
675
|
-
}
|
|
676
|
-
|
|
677
|
-
.vjs-fullscreen > #ul-recording-countdown-screen {
|
|
678
|
-
font-size: 25px;
|
|
679
|
-
transform: unset;
|
|
680
|
-
}
|
|
681
|
-
|
|
682
|
-
.vjs-poster {
|
|
683
|
-
background-size: cover;
|
|
684
|
-
}
|
|
685
|
-
`,Mi=e=>{const t=T.document.createElement("div");return t.className="ul-video-player-loading",t.id=kt(e),["first","second","third","fourth"].map(r=>{const n=T.document.createElement("div");n.className=r,t.appendChild(n)}),t},kt=e=>e+"-loading-spiner",q="hidden",fn=".m3u8",wt="questionId",Ct="ul-video-recorder-camera-off-button",Et="ul-recording-in-session",Oi=[{type:"link",content:`${ue}/dependencies/videojs-record-4.5.0.min.css`},{type:"script",content:`${ue}/dependencies/RecordRTC-5.6.2.js`},{type:"script",content:`${ue}/dependencies/adapter.8.0.0.min.js`},{type:"script",content:`${ue}/dependencies/videojs-record-4.5.0.min.js`},{type:"script",content:`${ue}/userleap-web-upchunk-v2.2.2.js`}],_n=[{type:"link",content:`${ue}/dependencies/video-js-7.18.0.min.css`},{type:"script",content:`${ue}/dependencies/video-js-7.18.0.min.js`},{type:"style",content:Li}],bn="-video-player",yn="-secondary-video-player",xn="-video-recorder";let Q,kn;const ie=async({event:e,apiBase:t,headers:r,visitorId:n,envId:o,metadata:i})=>{const l=T.document.documentElement;if(!n||!o)return;const s={event:`SDK - ${e}`,visitorId:n,environmentId:o,metadata:{...i||{},screenWidth:window.screen.width,screenHeight:window.screen.height,clientWidth:l.clientWidth,clientHeight:l.clientHeight,location:window.location.href,language:navigator.language}};(await fetch(`${t}/sdk/1/visitors/${n}/analytics`,{method:"POST",cache:"no-cache",headers:r,body:JSON.stringify(s)})).ok||console.warn("[Sprig] (ERR-444) Failed to track analytics",e)},re=async(e,t,r,n,o,i)=>{ie({event:`Video Error ${t}`,apiBase:r,headers:n,visitorId:o,envId:i,metadata:{errorMessage:e.message}});const l=T.document.documentElement,s={screenWidth:window.screen.width,screenHeight:window.screen.height,clientWidth:l.clientWidth,clientHeight:l.clientHeight,location:window.location.href,language:navigator.language},a={action:t,err:{message:e.message,stack:e.stack},meta:s,vid:o,envId:i};(await fetch(`${r}/sdk/1/errors`,{method:"POST",cache:"no-cache",headers:{...n,"userleap-platform":"video_recorder","x-ul-error":window.btoa(`userleap-${Date.now()}-error`)},body:JSON.stringify(a)})).ok||console.warn("[Sprig] (ERR-444) Failed to report error to API",e)},Ui=(e,{type:t,content:r})=>new Promise(function(n,o){let i;t==="script"?(i=T.document.createElement("script"),i.src=r):t==="link"?(i=T.document.createElement("link"),i.rel="stylesheet",i.href=r,i.type="text/css"):(i=T.document.createElement("style"),i.innerHTML=r),i.onload=function(){n(r)},i.onerror=function(){o(r)},i.async=!1,i.id=btoa(r),e.appendChild(i)}),wn=(e,t)=>{if(e.length===0)return t&&t();Promise.all(e.reduce((r,n)=>(r.push(Ui(T.document.head,n)),r),[])).then(()=>{T.videojs=T.document.defaultView.videojs,t&&t()}).catch(function(r){console.log(r+" failed to load")})},Cn=(e,t,r)=>{if(t==="start"&&(e.style.visibility="visible"),t==="none")e.style.visibility=q;else if(t==="success")e.style.visibility=q,e.innerHTML="Upload succeeded!";else{const n=Math.round(parseFloat(r));e.innerHTML=`Uploading <span class="ul-upload-progress-label__time">${n}%</span>`,e.style.background=`linear-gradient(to right, #E0E0EB 0%, #E0E0EB ${n}%, #FCFCFD ${n}%, #FCFCFD 100%)`}},St=(e,t)=>{const r=T.videojs(e.id());return r?.payload[t]},Hi=(e,t,r,n,o)=>{const{surveyId:i,responseGroupUid:l,visitorId:s,envId:a}=e.payload;e.on("deviceError",function(){console.warn("device error: ",e.deviceErrorCode),e.deviceErrorCode.message==="Permission denied"?(e.deviceButton.addClass("permission-denied"),r&&r(N.ERROR,{type:N.PERMISSION_DENIED}),ie({event:"Video Permission Denied",apiBase:t,headers:o,visitorId:s,envId:a,metadata:{questionId:St(e,wt),responseGroupUid:l,surveyId:i}})):(r&&r(N.ERROR,{type:N.OTHER}),re(new Error(e.deviceErrorCode.message),"recorderDeviceError",t,o,s,a))}),e.on("error",function(u,p){re(p||e.error(),"recorderError",t,o,s,a)}),e.on("startRecord",function(u,p){n(e.uploadProgressLabel,"none"),ie({event:"Video Record Start",apiBase:t,headers:o,visitorId:s,envId:a,metadata:{questionId:St(e,wt),responseGroupUid:l,surveyId:i}})}),e.on("finishRecord",async function(){n(e.uploadProgressLabel,"start",0);const u=St(e,wt);if(!i){const v="internal error: missing fields in payload";return r&&r(N.ERROR,{type:N.OTHER}),re(new Error(v),"finishRecord",t,o,s,a),null}e.record().stopDevice();const p=e.cameraOff?N.MEDIA_TYPE_AUDIO:N.MEDIA_TYPE_VIDEO,d=Qe();ie({event:"Video Record Finish",apiBase:t,headers:o,visitorId:s,envId:a,metadata:{mediaRecordingUid:d,questionId:u,responseGroupUid:l,surveyId:i,mediaType:p}});const m={surveyId:i,updatedAt:new Date().toISOString(),mediaType:p,mediaRecordingUid:d};u&&(m.questionId=u),l&&(m.responseGroupUid=l),s&&(m.visitorId=s);const h=await(async()=>{const v=await fetch(`${t}/2/environments/integrations/upload`,{method:"POST",cache:"no-cache",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)});if(v.ok){const g=await v.json();return r&&r(N.UPLOAD_STARTED,{[N.UPLOAD_ID]:g.upload.id,[N.MEDIA_TYPE]:p,[N.MEDIA_RECORDING_UID]:d}),g.upload.url}else return r&&r(N.ERROR,{type:N.OTHER,response:v}),re(new Error("failed to get upload response with url"),"finishRecord",t,o,s,a),null})();h&&(Q=T.document.defaultView.UpChunk.createUpload({endpoint:h,file:new T.document.defaultView.File([e.recordedData],`recording ${p} ${Date.now()}`),chunkSize:5120}),Q.startTime=Date.now(),ie({event:"Video Upload Start",apiBase:t,headers:o,visitorId:s,envId:a,metadata:{mediaRecordingUid:d,questionId:u,responseGroupUid:l,surveyId:i,mediaType:p,url:h}}),Q.on("error",v=>{n(e.uploadProgressLabel,"none"),r&&r(N.UPLOAD_FINISHED,{[N.MEDIA_RECORDING_UID]:d}),re(v,"finishRecord",t,o,s,a)}),Q.on("progress",v=>{r&&r(N.UPLOAD_PROGRESS,{[N.MEDIA_RECORDING_UID]:d,[N.UPLOAD_PROGRESS_PCT]:v.detail}),n(e.uploadProgressLabel,"progress",v.detail)}),Q.on("success",()=>{n(e.uploadProgressLabel,"success"),r&&r(N.UPLOAD_FINISHED,{[N.MEDIA_RECORDING_UID]:d}),ie({event:"Video Upload Success",apiBase:t,headers:o,visitorId:s,envId:a,metadata:{mediaRecordingUid:d,questionId:u,responseGroupUid:l,surveyId:i,mediaType:p,url:h,elapsedMs:Q.startTime&&Date.now()-Q.startTime}})}))})},En=(e,t)=>{const r=new(T.videojs.getComponent("Component"))(e);return r.addClass("ul-buttons-panel"),t.map(n=>{r.addChild(n)}),Ai(r),r},Ai=e=>{e.children().forEach(t=>{if(K[t.name_]){const r=Fe(K[t.name_],`ul-${K[t.name_]}`);t.el_.appendChild(r)}})},Fe=(e,t="")=>{const r=T.document.createElement("span");return r.className="ul-button-text",r.innerHTML=e,r.id=t,r},Sn=(e,t,r,n,o=!1,i)=>{e.addClass("ul-video-player");const l=new(T.videojs.getComponent("Component"))(e);l.addClass("ul-control-panel"),e.progressBar=l.addChild("ProgressControl"),r&&e.src(r),e.audioPlayerPlaceholder=new(T.videojs.getComponent("Component"))(e),e.audioPlayerPlaceholder.addClass("ul-audio-recorder-placeholder");const s=r&&r.src?Zi(r.src):null;r&&(o||!s)?(e.children()[0].classList.add("vjs-hidden"),T.document.getElementById(`${e.id()}_html5_api`).style.height="0px"):(e.audioPlayerPlaceholder.hide(),T.document.getElementById(`${e.id()}_html5_api`).style.height="100%",s&&e.poster(s)),e.on("play",()=>{!o&&r&&!s&&qi(e),i?.play()}),e.on("pause",()=>{i?.pause()}),e.on("seeked",()=>{i?.currentTime(e.currentTime())}),e.on("ratechange",()=>{i?.playbackRate(e.playbackRate())}),e.addChild(e.audioPlayerPlaceholder,{},1),l.addChild(t),e.addChild(l),n&&n(e)},Bi=(e,t,r)=>{e.addClass(`ul${yn}`);const n=new(T.videojs.getComponent("Component"))(e);t&&e.src(t),e.addChild(n),r&&r(e)},Vi=(e,t,r,n,o,i,l,s=!1)=>{kn=Date.now();const a=We(t,{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(!a)return;a.payload=r;const{surveyId:u,questionId:p,responseGroupUid:d,visitorId:m,envId:h}=r;let v;const g=k=>{const M=Ct,P=Ct+"-audio-only";Cn(a.uploadProgressLabel,"none"),Q&&Q.startTime>=kn&&Q.abort();const L=T.document.getElementById("ul-camera-button");k?(a.children()[0].classList.add("vjs-hidden"),b.removeClass(M),b.addClass(P),L.innerHTML=K.TurnOnCamera,a.audioPlayerPlaceholder.removeClass("vjs-hidden"),v?.getTracks().forEach($=>{$.stop()}),window.navigator.mediaDevices.getUserMedia({video:!0,audio:!0}).then($=>{v=$,$.getVideoTracks().forEach(ne=>{ne.enabled=!1}),a.record().onDeviceReady($)}).catch(a.record().onDeviceError.bind(a.record()))):(v?.getVideoTracks().forEach($=>{$.enabled=!0}),a.children()[0].classList.remove("vjs-hidden"),a.record().getDevice(),b.removeClass(P),b.addClass(M),L.innerHTML=K.TurnOffCamera,a.audioPlayerPlaceholder.addClass("vjs-hidden"))},f=new(T.videojs.getComponent("Button"))(a,{clickHandler:()=>{f.hasClass(q)||(ie({event:"Video Delete Button Clicked",apiBase:n,headers:l,visitorId:m,envId:h,metadata:{questionId:p,responseGroupUid:d,surveyId:u}}),g(a.cameraOff),o(N.DELETE,{}),b.removeClass(q),f.addClass(q))}});f.addClass("ul-video-recorder-delete-button"),f.el_.appendChild(Fe(K.DeleteButton,"ul-delete-button"));const _=T.document.getElementById(t),y=()=>{_.classList.contains("vjs-fullscreen")&&a.cameraOff?_.style.display="table":_.style.display="flex"};y();const b=new(T.videojs.getComponent("Button"))(a,{clickHandler:()=>{a.record().isRecording()||(a.cameraOff=!a.cameraOff,ie({event:"Video Camera Button Clicked",apiBase:n,headers:l,visitorId:r.visitorId,envId:r.envId,metadata:{questionId:p,responseGroupUid:d,surveyId:u,cameraOff:a.cameraOff}}),g(a.cameraOff),!f.hasClass(q)&&f.addClass(q),o(N.DELETE,{}),y())}});b.addClass(Ct),b.el_.appendChild(Fe(K.TurnOffCamera,"ul-camera-button"));const E=new(T.videojs.getComponent("Button"))(a,{clickHandler:()=>{const k=T.document.getElementById("ul-recorder-toggle");if(a.record().isRecording())a.record().stop(),k&&(k.innerHTML=K.RecordButton),E.removeClass(Et),f.removeClass(q);else{const M=T.document.getElementById("ul-recording-countdown-screen");if(M)M.remove(),k&&(k.innerHTML=K.RecordButton),g(a.cameraOff),o(N.DELETE,{}),b.removeClass(q),f.addClass(q),E.removeClass(Et),D.show();else{E.addClass(Et),D.hide(),b.addClass(q),f.addClass(q),k&&(k.innerHTML=K.StopButton);const P=T.document.createElement("div");P.id="ul-recording-countdown-screen",_.insertBefore(P,_.children[1]),P.style.height=`${_.offsetHeight}px`,jn(a,3)}}}});E.addClass("ul-video-recorder-toggle-button"),E.el_.appendChild(Fe(K.RecordButton,"ul-recorder-toggle"));const C=T.document.createElement("p");C.style.visibility="hidden",C.className="ul-upload-progress-label",e.appendChild(C),a.uploadProgressLabel=C;const j=En(a,[f,b,"PlayToggle",E,"FullscreenToggle"]),D=j.children().find(k=>k.name_==="FullscreenToggle");D.hasClass("vjs-disabled")&&D.hide();const S=j.children().find(k=>k.name_==="PlayToggle");S.hide(),f.addClass(q),Sn(a,j,i,!1,s),a.on("stopRecord",()=>{E.hide(),S.show(),D.show(),f.removeClass(q)}),a.on("deviceReady",()=>{E.show(),S.hide(),f.addClass(q)}),Hi(a,n,o,Cn,l);const x=[{name:"microphone"}];!a.cameraOff&&x.push({name:"camera"}),Promise.all(x.map(k=>{var M;return(M=navigator?.permissions)==null?void 0:M.query(k)})).then(k=>{k.reduce((M,P)=>M&P.state==="granted",!0)&&a&&(a.deviceButton&&a.deviceButton.hide(),a.record().getDevice())}).catch(k=>{})},jn=(e,t=3)=>{const r=T.document.getElementById("ul-recording-countdown-screen");r&&t===0?(r.remove(),e.record().start()):r&&(r.innerHTML=`<span class='ul-countdown-text'>Recording in... ${t}</span>`,setTimeout(()=>{jn(e,t-1)},1e3))},In=e=>{const t=T.document.createElement("div");return t.className="ul-video-container",t.appendChild(Mi(e)),t},jt=(e,t)=>{const r=T.document.createElement("video");r.id=e,r.className="video-js vjs-default-skin ul-video-player-video";const n=T.document.createElement("p");n.className="vjs-no-js",n.innerHTML="To view this video please enable JavaScript, and consider upgrading to a web browser that";const o=T.document.createElement("a");return o.href="https://videojs.com/html5-video-support/",o.target="_blank",o.innerHTML="supports HTML5 video",n.appendChild(o),r.appendChild(n),t.appendChild(r),t},qi=(e,t)=>{e.children()[0].classList.remove("vjs-hidden"),e.audioPlayerPlaceholder.hide(),T.document.getElementById(`${e.id()}_html5_api`).style.height="100%"},We=(e,t)=>T.document.getElementById(e)?t?T.videojs(e,t):T.videojs(e):(console.error(`Error in finding player element with ID, ${e}`),null),$i=(e,t,r,n=!1,o="https://api.sprig.com",i=document,l=null,s=null)=>{T.document=i;const a=e+bn,u=In(a);return T.document.addEventListener("securitypolicyviolation",p=>{re(new Error(`Voice & Video feature violates ${p.violatedDirective} web page CSP policies for the question player.`),"playerDeviceError",o,{})}),wn(_n,()=>{T.document.getElementById(kt(a)).remove(),jt(a,u);const p={playsinline:!0,playbackRates:[.5,1,1.5,2],fill:!0};try{const d=e+yn;jt(d,u);const m=We(a,p),h=We(d,{muted:!0,...p});if(!m||!h)return;Bi(h,l,s),l||h.addClass(q);const v=En(m,["PlaybackRateMenuButton","PlayToggle","FullscreenToggle"]),g=v.children().find(f=>f.name_==="FullscreenToggle");g.hasClass("vjs-disabled")&&g.hide(),Sn(m,v,t,r,n,h)}catch(d){re(new Error(`Error when creating video player object ${d}`),"playerDeviceError",o,{});return}}),u},zi=(e,t={},r="https://api.userleap.com",n,o,i,l=!1,s=document)=>{T.document=s;const a=e+xn,u=In(a);return T.document.addEventListener("securitypolicyviolation",p=>{re(new Error(`Voice & Video feature violates ${p.violatedDirective} web page CSP policies for the recorder player.`),"recorderDeviceError",r,i,t.visitorId,t.envId)}),wn(_n.concat(Oi),()=>{jt(a,u),T.document.getElementById(kt(a)).remove();try{Vi(u,a,t,r,n,o,i,l)}catch(p){re(new Error(`Error when creating video recorder player object ${p}`),"recorderDeviceError",r,i,t.visitorId,t.envId);return}}),u},Fi=e=>{const t=e+xn;if(T.document.getElementById(t)&&T.videojs){try{if(!T.videojs(t).record().stream)return}catch{return}T.videojs(t).record().stop(),T.videojs(t).record().stopDevice()}},Wi=e=>{const t=We(e+bn);t?.pause()},Zi=e=>{if(!e)return null;const t=e.match(/https:\/\/stream.mux.com\/(.*)/);let r=t?t[1]:null;return r.includes(fn)&&(r=r.replace(fn,"")),r?`https://image.mux.com/${r}/thumbnail.jpg?time=0`:null},N={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"},K={PlaybackRateMenuButton:"Speed",PlayToggle:"Play",FullscreenToggle:"Expand",TurnOnCamera:"Turn on",TurnOffCamera:"Turn off",DeleteButton:"Delete",RecordButton:"Record",StopButton:"Stop",PauseButton:"Pause"},pe="ul-card-video__player_recorder",Gi="ul-card-video__skip_button",Ki="ul-video-interview-form",Tn="ul-video-btn",Pe={Question:0,Answer:1},Yi=({className:e,message:t,next:r,properties:n,questionId:o,type:i})=>{const{apiURL:l,envId:s,handleUploadUpdate:a,headers:u,responseGroupUid:p,surveyId:d,viewDocument:m,visitorId:h}=O(P=>({apiURL:P.apiURL,envId:P.envId,handleUploadUpdate:P.handleUploadUpdate,headers:P.headers,responseGroupUid:P.responseGroupUid,surveyId:P.surveyId,viewDocument:P.viewDocument,visitorId:P.userId})),[v,g]=A(!1),[f,_]=A(null),[y,b]=A(null),[E,C]=A(Pe.Question),j=n&&n.videoUrl,D=(P,L)=>{P===N.UPLOAD_STARTED?(_(L[N.UPLOAD_ID]),b(L[N.MEDIA_RECORDING_UID]),g(!0)):P===N.DELETE?(_(null),b(null),g(!1)):P===N.UPLOAD_PROGRESS?isNaN(L[N.UPLOAD_PROGRESS_PCT])?a({mediaRecordingUid:L[N.MEDIA_RECORDING_UID],isComplete:!0}):a({mediaRecordingUid:L[N.MEDIA_RECORDING_UID],progressPct:L[N.UPLOAD_PROGRESS_PCT]}):P===N.UPLOAD_FINISHED&&a({mediaRecordingUid:L[N.MEDIA_RECORDING_UID],isComplete:!0})},S=P=>{if(P&&P.children.length===0&&!n.hideRecordedPrompt){const L=$i(pe,{src:j,type:"application/x-mpegURL"},void 0,n.mediaType===N.MEDIA_TYPE_AUDIO,l,m);P.appendChild(L)}},x=P=>{if(P&&P.children.length===0){const L=zi(pe,{surveyId:d,responseGroupUid:p,questionId:o,visitorId:h,envId:s},l,D,void 0,{...u,"x-ul-video-recorder-origin":"sdk"},n.mediaType===N.MEDIA_TYPE_AUDIO,m);P.appendChild(L)}},k=P=>{P.preventDefault(),P.stopPropagation(),document.getElementById(pe)&&Fi(pe),f&&y?(a({mediaRecordingUid:y,isSubmitted:!0}),r({value:{mediaRecordingUid:y},questionId:o,type:i})):r({value:null,questionId:o,type:i})},M=()=>c(te,{defaultBody:()=>c("button",{className:`${Tn} ul-record-response-btn`,onClick:P=>{P.preventDefault(),P.stopPropagation(),document.getElementById(pe)&&Wi(pe),C(Pe.Answer)}}),properties:n});return c("form",{className:R(e,"ul-card--video","fade-in-transition"),id:Ki,children:[c(G,{message:t,properties:n}),c("div",{id:"ul-card-voice__video",children:[c("div",{children:[c("div",{id:"ul-question-player-container",style:{display:E===Pe.Question?"":"none"},children:[c("div",{id:pe,ref:S}),M()]}),c("div",{style:{display:E===Pe.Answer?"block":"none"},children:[c("button",{className:`${Tn} ul-back-question-btn`,onClick:P=>{P.preventDefault(),P.stopPropagation(),C(Pe.Question)},style:{display:n.hideRecordedPrompt?"none":"block"}}),c("div",{id:"ul-recorder-player-container",ref:x})]})]}),c(F,{disabled:!v,onClick:k,children:de(n)}),c("button",{className:"ul-card-text__button ul-button-inactive ul-card-skip__button",id:Gi,onClick:k,style:{display:n.required?"none":"block",...v?{display:"none"}:{}},children:ft(n)})]})]})},Qi=({className:e})=>{const{uploadProgress:t}=O(i=>({uploadProgress:i.uploadProgress}));let r,n;Object.values(t).filter(i=>i.isSubmitted).length>1?(r="Your responses are processing",n="Please keep this tab open until your responses are fully processed."):(r="Your response is processing",n="Please keep this tab open until your response is fully processed.");const o=Math.round(Math.min(99,...Object.values(t).filter(i=>i.isSubmitted).map(i=>i.progressPct||0)));return c("div",{className:R(e,"ul-card--uploading","fade-in-transition"),children:[c("div",{"aria-busy":"true","aria-label":"Processing...","aria-live":"polite",className:"ul-loading-spinner-container",role:"progressbar",children:c("div",{className:"ul-loading-spinner",children:[c("div",{className:"first"}),c("div",{className:"second"}),c("div",{className:"third"}),c("div",{className:"fourth"})]})}),c(G,{message:`${r} (${o}% complete)`}),c("p",{className:"ul-caption",children:n})]})},Pn=({logoOnly:e=!1,style:t={}})=>c("svg",{alt:`${e?"Powered by ":""}Sprig`,width:e?"35":"112",height:"15",viewBox:e?"79 0 31 15":"0 0 112 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{display:"block",...t},children:[!e&&c("path",{d:"M0.648926 12.0181V2.8584H4.21631C6.0127 2.8584 7.25684 4.06445 7.25684 5.86084V5.87354C7.25684 7.66357 6.0127 8.88867 4.21631 8.88867H2.0708V12.0181H0.648926ZM3.86084 4.05811H2.0708V7.69531H3.86084C5.09229 7.69531 5.80957 7.02881 5.80957 5.87988V5.86719C5.80957 4.72461 5.09229 4.05811 3.86084 4.05811ZM11.6621 12.1514C9.63721 12.1514 8.39941 10.7993 8.39941 8.57764V8.56494C8.39941 6.34961 9.64355 4.99121 11.6621 4.99121C13.6743 4.99121 14.9185 6.34326 14.9185 8.56494V8.57764C14.9185 10.7993 13.6807 12.1514 11.6621 12.1514ZM11.6621 11.0024C12.8428 11.0024 13.5156 10.1011 13.5156 8.57764V8.56494C13.5156 7.03516 12.8428 6.14014 11.6621 6.14014C10.4751 6.14014 9.80859 7.03516 9.80859 8.56494V8.57764C9.80859 10.1074 10.4751 11.0024 11.6621 11.0024ZM17.6226 12.0181L15.7183 5.12451H17.1021L18.3398 10.4438H18.4414L19.8633 5.12451H21.1709L22.5928 10.4438H22.7007L23.9321 5.12451H25.2969L23.3989 12.0181H21.9834L20.5552 6.87646H20.4473L19.0254 12.0181H17.6226ZM29.334 12.1514C27.3154 12.1514 26.0967 10.7739 26.0967 8.59033V8.58398C26.0967 6.43213 27.3408 4.99121 29.2642 4.99121C31.1875 4.99121 32.3682 6.38135 32.3682 8.45068V8.93311H27.4805C27.5059 10.2534 28.2295 11.0215 29.3657 11.0215C30.248 11.0215 30.7749 10.5835 30.9399 10.228L30.9653 10.1772L32.292 10.1709L32.2793 10.228C32.0508 11.1357 31.0986 12.1514 29.334 12.1514ZM29.2705 6.12109C28.3311 6.12109 27.6201 6.76221 27.4995 7.94922H31.0034C30.8955 6.71777 30.2036 6.12109 29.2705 6.12109ZM34.0059 12.0181V5.12451H35.3833V6.16553H35.4849C35.7324 5.43555 36.3735 5.00391 37.2939 5.00391C37.5161 5.00391 37.7573 5.03564 37.897 5.06738V6.33691C37.6494 6.28613 37.4146 6.25439 37.1543 6.25439C36.1006 6.25439 35.3833 6.90186 35.3833 7.89844V12.0181H34.0059ZM41.9277 12.1514C39.9092 12.1514 38.6904 10.7739 38.6904 8.59033V8.58398C38.6904 6.43213 39.9346 4.99121 41.8579 4.99121C43.7812 4.99121 44.9619 6.38135 44.9619 8.45068V8.93311H40.0742C40.0996 10.2534 40.8232 11.0215 41.9595 11.0215C42.8418 11.0215 43.3687 10.5835 43.5337 10.228L43.5591 10.1772L44.8857 10.1709L44.873 10.228C44.6445 11.1357 43.6924 12.1514 41.9277 12.1514ZM41.8643 6.12109C40.9248 6.12109 40.2139 6.76221 40.0933 7.94922H43.5972C43.4893 6.71777 42.7974 6.12109 41.8643 6.12109ZM49.1133 12.1323C47.3804 12.1323 46.2568 10.7422 46.2568 8.57764V8.56494C46.2568 6.38135 47.3613 5.00391 49.1133 5.00391C50.0591 5.00391 50.8652 5.47363 51.2334 6.21631H51.3413V2.42041H52.7124V12.0181H51.3413V10.9326H51.2334C50.8335 11.688 50.0781 12.1323 49.1133 12.1323ZM49.5068 10.958C50.6558 10.958 51.3604 10.0503 51.3604 8.57764V8.56494C51.3604 7.09229 50.6494 6.18457 49.5068 6.18457C48.3516 6.18457 47.6597 7.08594 47.6597 8.56494V8.57764C47.6597 10.0566 48.3516 10.958 49.5068 10.958ZM61.98 12.1323C61.0151 12.1323 60.2598 11.688 59.8599 10.9326H59.7583V12.0181H58.3809V2.42041H59.7583V6.21631H59.8599C60.228 5.47363 61.0342 5.00391 61.98 5.00391C63.7319 5.00391 64.8364 6.38135 64.8364 8.56494V8.57764C64.8364 10.7422 63.7192 12.1323 61.98 12.1323ZM61.5928 10.958C62.7417 10.958 63.4336 10.0566 63.4336 8.57764V8.56494C63.4336 7.08594 62.7417 6.18457 61.5928 6.18457C60.4438 6.18457 59.7329 7.09229 59.7329 8.56494V8.57764C59.7329 10.0503 60.4438 10.958 61.5928 10.958ZM66.8867 14.4429C66.7153 14.4429 66.5122 14.4302 66.3345 14.4111V13.3257C66.4678 13.3447 66.6392 13.3511 66.7979 13.3511C67.439 13.3511 67.8262 13.0781 68.0293 12.3799L68.1309 12.0244L65.6299 5.12451H67.1152L68.8418 10.6343H68.9624L70.6826 5.12451H72.1299L69.5654 12.2847C68.9814 13.9287 68.2832 14.4429 66.8867 14.4429Z",fill:"black",fillOpacity:"0.7"}),c("path",{d:"M81.1088 6.63629C79.6878 6.32154 78.9672 5.76865 78.9672 4.99369C78.9672 4.19299 79.736 3.5886 80.7556 3.5886C81.8066 3.5886 82.5995 4.25285 82.5995 5.13336V5.20352H84.0518V5.13336C84.0518 3.52424 82.6405 2.30774 80.7693 2.30774C79.8676 2.30774 79.0414 2.58451 78.4433 3.08655C78.1463 3.33144 77.9077 3.63818 77.7448 3.98479C77.5818 4.33141 77.4984 4.70934 77.5005 5.09153C77.4946 5.44197 77.5675 5.78934 77.714 6.10857C77.8605 6.42779 78.0769 6.71092 78.3475 6.93752C78.8512 7.37584 79.5659 7.70024 80.4709 7.90299C81.9949 8.23898 82.7676 8.81054 82.7676 9.60094C82.7676 10.4576 81.9258 11.1032 80.813 11.1032C79.6571 11.1032 78.7854 10.3856 78.7854 9.43424V9.36408H77.3318V9.43424C77.3318 11.1167 78.8219 12.3847 80.7973 12.3847C81.7421 12.3847 82.6093 12.0983 83.2393 11.5769C83.5519 11.3237 83.8034 11.0048 83.9753 10.6433C84.1472 10.2818 84.2352 9.88702 84.2329 9.48766C84.2329 8.05875 83.1833 7.09907 81.1088 6.63629Z",fill:"black",fillOpacity:"0.7"}),c("path",{d:"M89.2394 4.68276C88.6963 4.67605 88.1596 4.79915 87.6751 5.04156C87.1905 5.28397 86.7725 5.63851 86.4566 6.07497V4.85204H85.0747V14.8479H86.4566V11.0356C86.7725 11.472 87.1906 11.8265 87.6751 12.0688C88.1596 12.3111 88.6963 12.434 89.2394 12.4272C91.3836 12.4272 93 10.7627 93 8.55495C93 6.34723 91.3836 4.68276 89.2394 4.68276ZM91.5608 8.84202C91.5057 9.41605 91.2512 9.95356 90.8406 10.3633C90.4299 10.773 89.8883 11.0296 89.3078 11.0896C88.5363 11.1669 87.8177 10.9461 87.2841 10.4692C86.7505 9.99222 86.4566 9.3106 86.4566 8.55495C86.4566 7.10159 87.5538 6.00546 89.0087 6.00546C89.7619 6.00546 90.4421 6.29124 90.9171 6.81002C91.407 7.34232 91.6357 8.06385 91.5608 8.84202Z",fill:"black",fillOpacity:"0.7"}),c("path",{d:"M109.95 4.85407V6.06349C109.298 5.18298 108.292 4.68286 107.153 4.68286C105.017 4.68286 103.406 6.31709 103.406 8.48426C103.406 10.6514 105.017 12.285 107.153 12.285C108.296 12.285 109.303 11.79 109.95 10.9185V11.1046C109.95 12.6101 108.993 13.5826 107.513 13.5826C106.513 13.5826 105.68 13.1494 105.284 12.424L105.264 12.3867H103.838L103.871 12.48C104.112 13.1892 104.583 13.8001 105.211 14.2179C105.841 14.6324 106.637 14.8512 107.513 14.8512C108.637 14.8512 109.594 14.4972 110.28 13.8285C110.967 13.1597 111.332 12.2194 111.332 11.1213V4.85407H109.95ZM109.175 10.3502C108.588 10.905 107.752 11.138 106.879 10.9887C106.361 10.8984 105.886 10.6475 105.523 10.2725C105.16 9.89751 104.927 9.41787 104.859 8.90328C104.736 8.03757 104.999 7.21756 105.581 6.655C106.069 6.19093 106.723 5.93643 107.401 5.94699C107.565 5.94713 107.729 5.96026 107.891 5.98625C108.946 6.15489 109.781 7.01609 109.921 8.0852C110.039 8.96507 109.766 9.78958 109.175 10.3502Z",fill:"black",fillOpacity:"0.7"}),c("path",{d:"M101.89 2.12378C101.63 2.06766 101.358 2.11486 101.133 2.25518C100.908 2.39551 100.747 2.61769 100.687 2.87371C100.626 3.12973 100.67 3.39902 100.809 3.62339C100.947 3.84775 101.17 4.00917 101.428 4.07275C101.503 4.08936 101.58 4.09778 101.657 4.09786C101.906 4.09824 102.146 4.0083 102.331 3.84518C102.517 3.68206 102.636 3.45714 102.664 3.21327C102.693 2.9694 102.63 2.72361 102.487 2.5227C102.344 2.32179 102.132 2.17981 101.89 2.12378Z",fill:"black",fillOpacity:"0.7"}),c("path",{d:"M100.967 10.934H99.7755C98.9285 10.934 98.4196 10.3644 98.4196 9.40982C98.4196 8.4791 98.8757 7.36945 99.8054 6.01778L99.8178 5.99976V5.61807L95.8571 5.06453C95.8585 4.90331 95.8162 4.74466 95.7346 4.60501C95.653 4.46536 95.5352 4.34979 95.3932 4.27027C95.0381 4.07718 94.6498 4.07717 94.3279 4.26383C94.1667 4.35799 94.035 4.4945 93.9476 4.65816C93.8602 4.82182 93.8205 5.00623 93.8328 5.19087C93.8452 5.37552 93.9092 5.55315 94.0176 5.70402C94.1261 5.85489 94.2748 5.97309 94.4472 6.04546L93.2151 12.258H94.5833L95.7196 6.35891L97.8593 6.7155C97.284 7.73439 96.9921 8.68442 96.9921 9.53919C96.9921 11.1168 97.9577 12.1498 99.5187 12.2496V12.258H102.346V4.87723H100.967V10.934Z",fill:"black",fillOpacity:"0.7"})]}),Ji=()=>{const{border:e,cards:t,forceBrandedLogo:r,headers:n,index:o,marketingUrl:i,showSurveyBrand:l,slugName:s,surveyId:a,viewedCardCount:u}=O(b=>({border:b.border,cards:b.cards,forceBrandedLogo:b.forceBrandedLogo,headers:b.headers,index:b.index,marketingUrl:b.marketingUrl,showSurveyBrand:b.showSurveyBrand,slugName:b.slugName,surveyId:b.surveyId,viewedCardCount:b.viewedCardCount})),p=W(null),d=t.filter(b=>b.type!=="uploading"&&b.type!=="thanks"),m=Ko(t,o),h=u+1,v=h/(h+m),g=`${i}?utm_source=survey_branding&utm_medium=website&utm_campaign=${s}&utm_content=${a}${r&&"&utm_term=poweredby_pill"}`;V(()=>{p.current&&(p.current.style.width=`${v*100}%`)},[v]);const f=()=>c(z,{children:[d.length>1&&c("div",{id:"ul-progress-bar-container",children:c("div",{id:"ul-progress-bar-current",ref:p,style:{border:`1px solid ${e||"#000"}`}})}),l?c("div",{className:r?"yellow-footer-logo":"",style:{marginTop:"4px"},children:c("a",{href:g,rel:"noreferrer",target:"_blank",children:c("div",{style:{display:"flex"},children:[c(Pn,{logoOnly:!1}),r&&c(Dn,{style:{display:"block",margin:"auto 0 auto 4px",transform:"rotateY(0deg) rotate(-45deg)"}})]})})}):null]}),_=()=>c("a",{dir:"ltr",href:g,rel:"noreferrer",target:"_blank",children:c("div",{className:"thank-you-card-link",children:[c("div",{className:"sprig-box-logo",children:c(Pn,{logoOnly:!0,style:{margin:"auto"}})}),c("div",{children:c("p",{children:["Capture insights about your own product",c(Dn,{style:{display:"inline-flex",marginInlineStart:"4px",verticalAlign:"middle"}})]})})]})}),y=t[o].type==="thanks";return c("footer",{className:`ul-footer ${n["userleap-platform"]==="link"?"ul-footer__link":""}`,style:l?{}:{marginBottom:"10px"},children:y&&r?_():f()})},Dn=({style:e})=>c("svg",{fill:"none",height:"10",style:e,viewBox:"0 0 12 10",width:"12",xmlns:"http://www.w3.org/2000/svg",children:[c("path",{d:"M1.47839 5.2085L10.9384 5.2085",stroke:"black",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.35"}),c("path",{d:"M7.0686 1.15845L10.9386 5.20845L7.0686 9.25845",stroke:"black",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.35"})]}),Xi=()=>{const{answers:e,border:t,cards:r,close:n,configureExitOnOverlayClick:o,destroy:i,endCard:l,eventEmitFn:s,fontFamily:a,headers:u,index:p,next:d,previewMode:m,productConfig:h,seen:v,showStripes:g,studyType:f,surveyId:_,update:y,useMobileStyling:b,viewDocument:E}=O(I=>({answers:I.answers,border:I.border,cards:I.cards,close:I.close,configureExitOnOverlayClick:I.configureExitOnOverlayClick,destroy:I.destroy,endCard:I.endCard,eventEmitFn:I.eventEmitFn,fontFamily:I.fontFamily,headers:I.headers,index:I.index,previewMode:I.previewMode,productConfig:I.productConfig,next:I.next,seen:I.seen,showStripes:I.showStripes,studyType:I.studyType,surveyId:I.surveyId,update:I.update,useMobileStyling:I.useMobileStyling,viewDocument:I.viewDocument})),C=W(null),j=W(!1),D=u["userleap-platform"],{props:S,type:x,name:k}=r[p],M=r.length;V(()=>{C.current&&(C.current.classList.contains("ul-app--visible")||C.current.classList.add("ul-app--visible"),!j.current&&s&&(j.current=!0,s(oe.SurveyAppeared,{name:oe.SurveyAppeared,"survey.id":_})))},[s,_]),V(()=>{const I=()=>{E.visibilityState==="visible"&&(v(),E.removeEventListener("visibilitychange",I))};return E.addEventListener("visibilitychange",I),I(),()=>{E.removeEventListener("visibilitychange",I)}},[v,E]),V(()=>{y()},[p,y]),V(()=>{o(()=>n())},[n,o]);const P=_e(()=>()=>n(he),[n]),L=I=>{I.key==="Enter"&&P()},$=async function(I){d({data:I,completeSurvey:()=>{i(he)},endCard:l}),$n(E)};if(e){for(const I of e)if(I.questionId===k){let me;if(x==="multiplechoice"){const le=S.options.find(({value:xe})=>xe===I.value);if(!le)break;me={[le.id]:le.value}}else me=I.value;$({value:me,type:x,questionId:I.questionId});break}}const ne=()=>["email","link"].includes(u["userleap-platform"])?!1:!l||p+1!==M,On=()=>{const I={className:"ul-card",next:$,questionId:k,type:x};switch(x){case"consentlegal":return H(ii,{...I,...S,key:k});case"likert":return H(ai,{...I,...S,key:k});case"matrix":return H(pi,{...I,...S,key:k});case"multiplechoice":return H(vi,{...I,...S,key:k});case"multipleselect":return H(gi,{...I,...S,key:k});case"nps":return H(fi,{...I,key:k,props:S});case"open":return H(_i,{...I,...S,key:k});case"recordedtask":return H(Ti,{...I,...S,key:k});case"texturlprompt":return H(Ri,{...I,...S,key:k});case"thanks":return H(Ni,{...I,...S,key:k});case"uploading":return H(Qi,{...I,...S,key:k});case"videovoice":return H(Yi,{...I,...S,key:k});default:return null}},Un=I=>{var me;const le=window.sprigAPI,xe=I.target;if(!le||!xe)return;const An=[xe,xe.parentElement];for(const Ge of An)if(((me=Ge?.tagName)==null?void 0:me.toLowerCase())==="a"){I.preventDefault(),le?.openUrl(Ge.href);return}},Hn=!b&&(h?.framePosition==="center"||h?.desktopDisplay==="center-modal"||(h?.placement||"").includes("center"));return c("div",{className:R("ul-app",Re(u)?"ul-app--visible":"ul-app--overlay"),dir:"auto",id:he,onClick:Un,ref:C,style:{"--theme":t,...a?{fontFamily:a.replace(";","")}:{},...Hn?{position:"relative"}:{}},children:c("div",{className:"ul-app__container",children:c("div",{className:R(B("ul-card__container",b,f)),style:{...f!=="feedbackButton"||h?.desktopDisplay==="center-modal"?{borderColor:t}:{},...h?.desktopDisplay==="slider"?{margin:"0px"}:{}},children:[ne()&&c("div",{className:R(B("close-container",b)),children:c("div",{"aria-label":"Close button",className:"close-btn",onClick:P,onKeyPress:L,role:"button",tabIndex:0,children:c("svg",{fill:"none",height:"18px",viewBox:"0 0 13 13",width:"18px",xmlns:"http://www.w3.org/2000/svg",children:c("path",{d:"M2.54964 1.78369L1.78369 2.54964L5.73405 6.5L1.78369 10.4504L2.54964 11.2163L6.5 7.26595L10.4504 11.2163L11.2163 10.4504L7.26595 6.5L11.2163 2.54964L10.4504 1.78369L6.5 5.73405L2.54964 1.78369Z",fill:"#262136"})})})}),g&&c("div",{className:"ul-header__container",dir:"ltr",children:c("div",{className:"ul-header",children:"For development purposes only"})}),m&&c("div",{className:"ul-header__container",dir:"ltr",children:c("div",{className:"ul-header",children:"Preview Mode: Response will not be recorded."})}),c("div",{className:R(ei("ul-card-main-content",D)),children:On()}),c(Ji,{})]})})})},el='html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}ol,ul{padding-inline-start:1em}.ul-loading-spinner-container{font-size:1.8rem;flex-grow:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ul-loading-spinner{display:inline-block;position:relative;width:6rem;height:6rem}.ul-loading-spinner div{box-sizing:border-box;display:block;position:absolute;width:80%;height:80%;margin:5px;border:5px solid #152e3e;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#152e3e transparent transparent transparent}.ul-loading-spinner .first{animation-delay:-.45s}.ul-loading-spinner .second{animation-delay:-.3s}.ul-loading-spinner .third{animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in-transition{animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ul-card{flex:1 1 auto;border-radius:2px;display:flex;flex-direction:column;font-size:17px;line-height:19px;margin:auto;text-align:start;min-width:200px}.ul-card__container--desktop{border:2px solid #fff;box-shadow:0 0 15px #00000026;margin:15px}.ul-card__container--mobile{border-width:0;box-shadow:0 0 5px #00000040;margin-top:5px}.ul-card__container{background:#fff;border-radius:6px;display:flex;flex-direction:column;flex-grow:1;flex:1 1 auto;font-size:17px;line-height:23px;overflow:auto;padding:20px 20px 5px;position:relative;text-align:center;word-break:break-word}.ul-card__container--desktop_feedbackButton{box-shadow:unset}.ul-card-vertical__button-wrapper{flex-direction:column;align-items:center}.ul-card__button-wrapper{margin-top:4px;margin-bottom:3px;display:flex;gap:16px;justify-content:center}.ul-rich-text-body{min-height:2em}.ul-rich-text-body,.ul-rich-text-body p{margin-top:10px;margin-bottom:10px}.ul-rich-text-body li{margin:5px 0}.ul-rich-text-body p,.ul-rich-text-body li{font-size:15px;line-height:130.35%;letter-spacing:.02em;color:#343442;text-align:start;white-space:pre-line}.ul-rich-text-body:last-child,.ul-rich-text-body li:last-child{margin-bottom:15px}.ul-card-main-content__link,.ul-card-main-content__email{flex-grow:55;display:flex}.ul-card-main-content__web,.ul-card-main-content__android,.ul-card-main-content__ios{margin-bottom:5px}.question-header-container{margin-bottom:15px}.ul-question{color:#343442;display:block;font-size:20px;line-height:125%;font-weight:500;cursor:default;text-align:start}.ul-question ol,.ul-question ul,.ul-caption ol,.ul-caption ul{margin-left:1em}.ul-caption{flex:1 0 auto;font-size:15px;line-height:130.35%;letter-spacing:.02em;color:#6c6c6e;text-align:start;margin-top:8px}.ul-card__choices{margin:5px 0 0;flex:1 0}.choice--mobile{border:2px solid #e6e6e6}.choice--desktop{border:1px solid #e6e6e6}.choice{align-items:flex-start;color:#262136;cursor:pointer;display:flex;justify-content:flex-start;flex-direction:column;box-sizing:border-box;border-radius:3px;margin-bottom:7px;font-size:15px;line-height:20px;padding:10px 20px 10px 15px;background-color:#00000003}.choice--desktop:hover,.choice--desktop:active,.choice--mobile:active{background-color:#0000000d}.choice-label-container{align-items:center;display:flex;flex-direction:row;flex:0 0 fit-content;gap:15px;height:fit-content;justify-content:flex-start;width:100%}.choice-text-entry-container{width:100%;height:fit-content;flex:0 1 fit-content;overflow:hidden}.choice .choice-text-input--mobile{max-height:63px}.choice .choice-text-input--desktop{max-height:150px}.choice .choice-text-input{box-sizing:border-box;background-color:transparent;color:#343442;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;min-height:20px;max-height:60px;padding:0;margin-top:8px;resize:none;width:100%;font-size:14px;line-height:20px;outline:none;border:none;overflow-wrap:break-word}.choice .choice-text-input::placeholder{color:#6c6c6e80}.ul-thanks-check{text-align:center;margin-bottom:20px}.ul-card--thanks-content{padding:20px 0 10px}.ul-card--thanks .ul-question{padding-top:0;text-align:center}.ul-card--thanks .ul-caption{padding-top:0;text-align:center;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-lines:no-limit}.ul-card--uploading .ul-question{padding-top:15px;text-align:center}.ul-card--uploading .ul-caption{padding-top:5px;text-align:center;overflow-wrap:break-word}.select-checkbox{height:16px;width:16px;display:flex;box-sizing:border-box;background-color:"transparent";align-items:center;justify-content:center;border-radius:4px;border:1px solid #b0b5b7;flex-shrink:0}.select-radio{height:16px;width:16px;border-radius:16px;border:1px solid #323232;display:flex;box-sizing:border-box;box-shadow:inset 2px 2px #0000001a;background-color:"transparent";align-items:center;justify-content:center}.footer{width:100%;margin-top:12px;font-size:12px;line-height:12px;color:#000000b3}[class^=CenteredSurveyLayout] .ul-header__container,[class^=QuestionConceptTestLayout] .ul-header__container,.ul-websurvey-frame .ul-card__container,.ul-websurvey-frame-mobile .ul-card__container{margin-bottom:unset}[class^=CenteredSurveyLayout] .ul-card__container,[class^=QuestionConceptTestLayout] .ul-card__container,.ul-websurvey-frame .ul-card__container,.ul-websurvey-frame-mobile .ul-card__container{align-self:center;box-shadow:unset;border-radius:unset;border:none!important;position:unset;width:100%}@media only screen and (min-height: 600px) and (width: 600px){.ul-card{position:relative;top:-20px}}.ul-vertical-centered-container{display:flex;flex-direction:column;align-items:center}.sprig-accordion{width:100%;margin-bottom:8px}.sprig-accordion-body{width:100%;overflow:hidden}.sprig-accordion-header-container{background:transparent;border:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;cursor:pointer;margin:8px 0 0;padding:0;font-family:inherit}.sprig-header-label-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;flex:1 1 0}.sprig-header-label{color:#343442;font-size:15px;font-weight:590;line-height:21px;text-align:start;overflow:hidden}.sprig-check-background{flex:0 0 16px;height:16px;width:16px;border-radius:8px;margin-right:8px;background-color:#efefee;display:flex;align-items:center;justify-content:center}.sprig-check{height:9px;width:9px;margin-left:-1px}.sprig-check path{stroke:#506067;stroke-width:1.5}.sprig-caret{height:20px;width:20px;transition-property:transform}.sprig-caret path{stroke:#000}.ul-consent-legal__name-input--mobile{border:2px solid #e6e6e6}.ul-consent-legal__name-input--desktop{border:1px solid #e6e6e6}.ul-consent-legal__name-input{background:#00000003;box-sizing:border-box;color:#343442;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;padding:10px 20px 10px 15px;border-radius:3px;font-size:15px;line-height:20px;margin-bottom:7px;width:100%}.ul-consent-legal__name-input::placeholder{color:#6c6c6e80}.ul-consent-legal__name-input:focus{outline:none;background:#fff}.ul-consent-legal__name-input--desktop:hover:not(:focus){background-color:#0000000d}.ul-card__consent-legal .choice{font-size:15px;padding:10px 15px;background-color:#00000003}.ul-card__consent-legal .choice--desktop:hover,.ul-card__consent-legal .choice--desktop:active,.ul-card__consent-legal .choice--mobile:active{background-color:#0000000d}.ul-card--likert__numbers{align-items:center;border-radius:5px;display:flex;flex-direction:row;flex:1 0;justify-content:center;margin:5px 0 0}.ul-card--likert__numbers>button{padding:unset}.likert-number--mobile{border:2px solid #e6e6e6}.likert-number--mobile:not(:first-child){margin-inline-start:-2px}.likert-number--desktop{border:1px solid #e6e6e6}.likert-number--desktop:not(:first-child){margin-inline-start:-1px}.likert-number{align-items:center;cursor:pointer;display:flex;justify-content:center;flex:1 0;background-color:#00000003;font-size:18px;line-height:24px;height:67px}.likert-number:first-child{border-start-start-radius:5px;border-end-start-radius:5px}.likert-number:last-child{border-start-end-radius:5px;border-end-end-radius:5px}.likert-number:active,.likert-number--desktop:hover{background-color:#0000000d;font-weight:500}.likert-star--mobile:not(:first-child){margin-inline-start:-2px}.likert-star--desktop:not(:first-child){margin-inline-start:-1px}.likert-star{align-items:center;cursor:pointer;display:flex;justify-content:space-between;flex:1 0;color:transparent;font-size:18px;line-height:24px;height:67px;background:unset;border:unset}.likert-smiley--mobile:not(:first-child){margin-inline-start:-2px}.likert-smiley--desktop:not(:first-child){margin-inline-start:-1px}.likert-smiley{align-items:center;cursor:pointer;display:flex;justify-content:space-between;flex:1 0;color:transparent;line-height:24px;height:67px;background:unset;border:unset}.likert-smiley>svg{margin:0 auto}.likert-smiley circle:not(:first-child){fill-opacity:1}.ul-card--likert__labels{align-items:center;color:#262136;display:flex;flex-direction:row;flex:1 0;font-weight:500;font-size:13px;line-height:15px;justify-content:space-between;margin:7px 0 10px}.ul-card--matrix_grid{display:grid;grid-template-columns:max-content repeat(var(--numColumns),minmax(107px,1fr));grid-template-rows:repeat(var(--numRows),min-content);margin:0 auto;row-gap:4px;width:max-content}.ul-matrix-row-options{display:grid;grid-column:2/-1;grid-template-columns:subgrid}.ul-matrix-column-label{font-size:15px;max-width:150px;padding:10px 12px;text-align:center}.ul-card--matrix_container{margin-bottom:16px;overflow:auto}.ul-card--matrix_question_container{display:flex;flex-direction:column}.ul-matrix-scroll-gradient{-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}.ul-matrix-scroll-gradient:dir(rtl){-webkit-mask-image:linear-gradient(270deg,#000,90%,transparent);mask-image:linear-gradient(270deg,#000,90%,transparent)}.ul-matrix-scroll-gradient:dir(rtl)+.ul-matrix-scroll-arrow{rotate:180deg}.ul-matrix-scroll-arrow{align-self:flex-end;background:none;border:none;color:#000;padding:0;position:absolute;top:45%}.ul-matrix-scroll-arrow:hover{cursor:pointer}.ul-matrix-option-wrapper{align-items:center;background:#f9f9f8;display:flex;justify-content:center;padding:10px 12px}.ul-matrix-last-option{border-start-end-radius:4px;border-end-end-radius:4px}.ul-matrix-row-label{align-items:center;background:#f9f9f8;border-end-start-radius:4px;border-start-start-radius:4px;display:flex;font-size:15px;left:0;right:0;max-width:200px;min-width:100px;padding:10px 12px;position:sticky}.ul-matrix-option-selected{border:6px solid var(--border);box-shadow:none}.ul-card__matrix{max-width:100%}.select-label{cursor:pointer;flex:1;overflow-wrap:anywhere;text-align:start}.ul-card--nps__numbers{align-items:center;border-radius:5px;display:flex;flex-direction:row;flex:1 0;justify-content:center;margin:5px 0 0}.nps-number--mobile{border:2px solid #e6e6e6}.nps-number--mobile:not(:first-child){margin-inline-start:-2px}.nps-number--desktop{border:1px solid #e6e6e6}.nps-number--desktop:not(:first-child){margin-inline-start:-1px}.nps-number{align-items:center;cursor:pointer;display:flex;justify-content:center;flex:1 0;background-color:#00000003;font-size:18px;line-height:24px;height:67px;padding:unset}.nps-number:first-child{border-start-start-radius:5px;border-end-start-radius:5px}.nps-number:last-child{border-start-end-radius:5px;border-end-end-radius:5px}.nps-number:active,.nps-number--desktop:hover{background-color:#0000000d;font-weight:500}.ul-card--nps__labels{align-items:center;color:#262136;display:flex;flex-direction:row;flex:1 0;font-weight:500;font-size:13px;line-height:15px;justify-content:space-between;margin:7px 0 10px}.ul-card-text{flex:1 0 auto;margin-top:2px;margin-bottom:3px;align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:0}.ul-card-text__container{align-items:center;box-sizing:border-box;border-radius:3px;display:flex;justify-content:center;margin-bottom:12px;flex:1 0 100%}.ul-card-text__input--mobile{border:2px solid #e6e6e6;max-height:63px}.ul-card-text__input--desktop{border:1px solid #e6e6e6;max-height:150px}.ul-card-text__input{background:#00000003;box-sizing:border-box;color:#343442;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;min-height:63px;overflow:auto;padding:12px;resize:none;width:100%;border-radius:3px;font-size:15px;line-height:20px;overflow-wrap:break-word}.ul-card-text__input::placeholder{color:#6c6c6e80}.ul-card-text__input:focus{outline:none;background:#fff}.ul-card-text__input--desktop:hover:not(:focus){background-color:#0000000d}.ul-card__text-url-prompt-button{text-decoration:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available}#ul-card-voice__video{align-items:center;display:flex;flex-direction:column}#ul-card-voice__video>div{margin-bottom:10px;width:100%}#ul-card-video__player_recorder{width:100%;width:-moz-available;width:-webkit-fill-available;width:fill-available}.ul-card-record__task{flex:1 0 auto;margin-top:2px;margin-bottom:3px;align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:0}#ul-record-task-upload-progress,#ul-record-task-video-preview{width:100%;height:150px}.ul-permission-graphics-container{width:100%;height:150px;background-color:#0000000d;text-align:center;flex-direction:column;margin-left:auto;margin-right:auto;border-radius:5px;display:flex;align-items:center;font-size:15px;color:#000000b3}.ul-av-permission-denied-paragraph{margin:auto 15px;font-size:12px}.ul-av-permission-denied-headline{font-size:14px;color:#262136;text-decoration:underline;font-size:12px}.ul-permission-body{color:#000;margin:5px auto 5px 5px;line-height:135%;text-align:center}.ul-select-tab-container{width:240px;height:46px;background:#fff;border-radius:5px;text-align:start;align-items:center;display:flex;padding:0 5px;margin-top:20px;margin-bottom:auto}.ul-select-tab-text{color:#4b575d;margin:5px;line-height:135%;text-align:center}button.ul-task-skip-button{color:#000;background-color:#fff}#ul-task-detail-container{margin-top:0;margin-bottom:0;overflow:auto}#ul-task-detail-container.ul-rich-text-body p,#ul-task-detail-container.ul-rich-text-body li,#ul-task-detail-container.ul-rich-text-body{color:#4c4c4c}#ul-task-detail-container :first-child{margin-top:0}#ul-task-detail-container :last-child{margin-bottom:20px}.ul-horizontal-button-container{width:100%;display:flex;flex-direction:row}.ul-skip-button-below{margin-top:5px}.ul-horizontal-button-container-center{justify-content:center}.ul-vertical-button-container-center{display:flex;flex-direction:column;align-items:center}.ul-horizontal-button-container-left{justify-content:flex-start}.ul_recorded-task-inset-spacing{margin-top:5px;margin-bottom:24px}.ul_permission_svg_container{justify-content:center}.ul-card-text__button{background-color:var(--theme);border-radius:3px;border:none;color:#fff;cursor:pointer;font-size:15px;font-weight:500;line-height:18px;padding:10.5px 21px}.ul-card-text__button:disabled,.ul-card-text__button.sprig-button-disabled{background-color:#0000001a;color:#0003}.ul-card-text__button.ul-button-inactive{background-color:#fff!important;color:#5d696f!important}.ul-card-skip__button{color:#00000080;background:none;border:none;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;cursor:pointer}.ul-card-button-group{align-items:center;display:flex;gap:15px;justify-content:center;flex-direction:column}.select-button{align-items:center;background-color:transparent;border-radius:8px;border:1px solid #0b2330;box-shadow:0 0 0 2px #c8cccc;cursor:pointer;display:flex;font-size:15px;justify-content:space-between;margin-bottom:8px;padding:4px 8px 4px 16px;width:100%}.select-button:hover{background-color:#f3f3f3}.select-button:active{background-color:#eee}.select-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-button.select-button-placeholder{color:#b0b5b7}.select-button svg{flex-shrink:0}.select-list{position:relative;height:fit-content;max-height:190px;padding:4px 0;z-index:100;background-color:#fff;border:1px solid #E2E3E1;box-shadow:0 16px 24px #0b23300d,0 4px 12px #0b233008;border-radius:8px;overflow-y:scroll;width:100%}.select-option{align-items:center;cursor:pointer;display:flex;font-size:15px;gap:16px;line-height:20px;padding:8px 16px}.select-option:hover{background-color:#f3f3f3}html,body{cursor:default;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;height:100%;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-webkit-touch-callout:none}b{font-weight:500}#ul-app{opacity:0;width:100%;flex-grow:2;display:flex}#ul-app.ul-app--overlay{position:absolute;bottom:0;transition:opacity .1s ease-out;transition-delay:.1s}#ul-app.ul-app--visible{opacity:1;bottom:0}.ul-app__container{width:100%;display:flex;flex-direction:column;max-height:100vh}.ul-header__container{margin-bottom:15px}.ul-header{align-items:center;background:repeating-linear-gradient(120deg,#ebebeb,#ebebeb 24px,#fff 24px,#fff 48px);border-bottom:2px solid #ebebeb;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;left:0;position:absolute;top:0;width:100%}.ul-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:auto;flex-grow:1;width:100%}.ul-footer>.yellow-footer-logo{background:#fad133;border:1px solid #f9c600;border-radius:14px;padding:6px 12px}.ul-footer>.yellow-footer-logo:hover{background:#f9c600}.ul-footer .thank-you-card-link{background:#00000003;border:1px solid #e6e6e6;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;gap:12px;margin-bottom:15px;padding:12px;text-align:initial;width:280px}.ul-footer .thank-you-card-link:hover{background:#00000008}.ul-footer>a{color:inherit}.ul-footer-bubble{display:inline-block;margin:0 3px;width:7px;height:7px;border-radius:3px;border:1px solid transparent}.sprig-box-logo{background:#f9c600;border-radius:5px;display:flex;padding:4px}.close-container{display:flex;justify-content:flex-end;width:100%}.close-btn{cursor:pointer;height:18px;margin-inline-end:-10px;position:relative;top:-10px;width:18px;z-index:1}.ul-app__container{transition:opacity .3s ease-out}.ul-center-horizontally{text-align:center}#ul-progress-bar-container{width:100%;height:2px;background-color:#0000001a;border-radius:2px;max-width:250px;margin:25px 0}#ul-progress-bar-current{transition:width 1s ease;width:0%;height:0;border-radius:2px}.prototype-button{width:100%;background:#00000003;border:1.5px solid #e6e6e6;border-radius:4px 0 0 4px;flex:none;flex-grow:1;margin:0;padding:20px 0;font-size:14px;font-family:inherit;text-decoration:underline}.prototype-button:hover{cursor:pointer}',tl=async(e,t)=>{var r;const n=await fetch(t,{method:"POST",cache:"no-cache",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(n.ok){const o=await n.json();return(r=o?.upload)==null?void 0:r.url}else return null},Rn=()=>MediaRecorder.isTypeSupported("video/webm")?"video/webm":"video/mp4",Nn=e=>{const t={audioBitsPerSecond:128e3,videoBitsPerSecond:25e5,mimeType:Rn()};return new MediaRecorder(e,t)},Ln=(e,t,r)=>{r[t]=[],e.ondataavailable=function(n){r[t].push(n.data)},e.currentMediaRecordingUid=t,e.start()};function Mn(e,t,r,n,o,i){if(e&&e.state!=="inactive"){const{"begin.callback":l}=n,s=e.currentMediaRecordingUid;if(!s)return;l&&l(s),e.onstop=()=>rl(t,e,r,n,s,o,i),e.stop()}}async function rl(e,t,r,n,o,i,l){const s=O.getState().viewDocument,{"upload.callback":a,"progress.callback":u}=n,p={mediaType:r,updatedAt:new Date().toISOString(),mediaRecordingUid:o,...n["passthrough.data"]},d=await tl(p,e);if(!d){a&&a(null,{message:"failed to get upload url"});return}const m=new Blob(l,{type:Rn()});if(!s.defaultView)return;const h=new s.defaultView.File([m],`recording video ${Date.now()}`),v=i.createUpload({endpoint:d,file:h,chunkSize:5120});v.on("error",g=>{a&&a(null,g)}),v.on("progress",g=>{u&&u(o,g)}),v.on("success",()=>{a&&a(o,!0)})}const nl={chunks:{}},ol={state:{...nl},stopRecording(e){const{uploadApiEndpoint:t,avRecorder:r,screenRecorder:n,UpChunk:o}=this.state,i=this.state.avStream&&this.state.avStream.getVideoTracks().length>0?"video":"audio";this.state.chunks&&t&&o&&(r!=null&&r.currentMediaRecordingUid&&Mn(r,t,i,e,o,this.state.chunks[r?.currentMediaRecordingUid]),n!=null&&n.currentMediaRecordingUid&&Mn(n,t,"screen",e,o,this.state.chunks[n?.currentMediaRecordingUid]))},handleCancelledStream(e){const t=e.getVideoTracks(),r=e.getAudioTracks();let n=t.length&&t[0];n=n||r.length&&r[0],n&&n.addEventListener("ended",()=>{[this.state.avRecorder,this.state.screenRecorder].map(o=>{o&&(o.state==="recording"&&o.stop(),o.stream.getTracks().map(i=>{i.readyState==="live"&&i.stop()}))}),Object.assign(this.state,{avStream:null,captureStream:null,avRecorder:null,screenRecorder:null})})},taskDurationMillisecond(){return this.state.startTime?new Date().getTime()-this.state.startTime.getTime():0},setUpChunk(e){this.state.UpChunk=e},configure(e,t){Object.assign(this.state,t),this.state.uploadApiEndpoint=`${t.apiURL}/2/environments/integrations/upload`,this.state.chunks={},e.on("permission.status",this.permissionStatusCallback.bind(this)),e.on("av.permission",async r=>{this.avPermissionCallback(r)}),e.on("begin.recording",this.beginRecordingCallback.bind(this)),e.on("start.task",this.startTaskCallback.bind(this)),e.on("screen.permission",async r=>{this.screenPermissionCallback(r)}),e.on("finish.task",async r=>{this.finishTaskCallback(r)})},async avPermissionCallback(e){var t,r,n;const{"stream.ready":o,"permission.descriptors":i}=e;try{(t=this.state.avStream)!=null&&t.active&&(this.state.avStream.getTracks().map(l=>l.readyState==="live"&&l.stop()),((r=this.state.captureStream)==null?void 0:r.getAudioTracks().length)===1&&this.state.captureStream.removeTrack(this.state.captureStream.getAudioTracks()[0])),this.state.avStream=await navigator.mediaDevices.getUserMedia({video:i.includes("camera"),audio:!0}),((n=this.state.captureStream)==null?void 0:n.getAudioTracks().length)===0&&this.state.captureStream.addTrack(this.state.avStream.getAudioTracks()[0]),this.handleCancelledStream(this.state.avStream)}catch(l){console.warn("Error: failed to get permissions: "+l),o&&o(null,null);return}o&&o(this.state.avStream,this.state.captureStream)},async screenPermissionCallback(e){const{"screen.permission.requested":t,"stream.ready.callback":r}=e;t?.(!0);try{this.state.captureStream=await navigator.mediaDevices.getDisplayMedia({video:!0,cursor:"always",displaySurface:"browser",preferCurrentTab:!0})}catch(n){t?.(!1),console.warn("Error: failed to get permissions: "+n),r&&r(null,null);return}t?.(!1),this.state.avStream&&this.state.avStream.getAudioTracks().length>0&&this.state.captureStream.addTrack(this.state.avStream.getAudioTracks()[0]),this.handleCancelledStream(this.state.captureStream),r&&r(this.state.avStream||null,this.state.captureStream)},beginRecordingCallback(e){const{"recording.media.types":t,"start.recording.callback":r=()=>{}}=e;if(!t)return;const n=[];if(t.includes("video")&&this.state.avStream){this.state.avRecorder=Nn(this.state.avStream);const o=Qe();Ln(this.state.avRecorder,o,this.state.chunks),n.push(o)}if(t.includes("screen")&&this.state.captureStream){this.state.screenRecorder=Nn(this.state.captureStream);const o=Qe();Ln(this.state.screenRecorder,o,this.state.chunks),n.push(o)}n&&r&&r(n)},async finishTaskCallback(e){const{"current.index":t,"task.response":r,"task.complete.callback":n}=e;await this.stopRecording(e),n&&n(this.taskDurationMillisecond()),this.state.cards&&this.state.hasEndCard!==void 0&&this.lookAheadAndStopStream(t,r,this.state.cards,this.state.hasEndCard)},startTaskCallback(){this.state.startTime=new Date},permissionStatusCallback(e){var t;const{["permission.status.callback"]:r}=e,n=this.state.avStream;r&&r(n,n?n?.getVideoTracks().length>0:!1,!!((t=this.state.captureStream)!=null&&t.active),this.state.captureStream)},lookAheadAndStopStream(e,t,r,n){const{avRecorder:o,screenRecorder:i}=this.state,{allResponses:l}=O.getState(),s=Kr({cards:r,index:e,hasEndCard:n,allResponses:l});s!==null&&r[s].type==="recordedtask"||[o,i].map(a=>{a&&(a.state==="recording"&&a.stop(),a.stream.getTracks().map(u=>{u.readyState==="live"&&u.stop()}))})}},Ze=Object.create(ol);Object.freeze(Ze);const il=(e,t)=>{const r=[...e],n=new Set(["videovoice","recordedtask"]);return e.some(o=>n.has(o.type))&&r.push({name:-2,props:{routingOptions:[]},type:"uploading"}),t&&r.push({name:-1,props:{routingOptions:[]},type:"thanks"}),r},ll=({mode:e=null,viewWindow:t,viewDocument:r,trackPageViewUrl:n})=>{const o=r.documentElement;let i;try{i=t.parent.location.href}catch{i=t.location.href}return{mode:e,sw:t.screen.width,sh:t.screen.height,cw:o.clientWidth,ch:o.clientHeight,p:n??i,l:t.navigator.language}};function al(e,t=!0){var r;const{answers:n,apiURL:o,endCard:i,eventEmitFn:l,fontFamilyURL:s,frame:a,previewKey:u,viewDocument:p,viewWindow:d}=e,m=Re(e.headers)?e.frame:p.body,h=e.UpChunk||window.UpChunk,v=De,g=il(e.cards,!!i);Ze.configure(v,{cards:g,hasEndCard:!!i,apiURL:o,UpChunk:h}),O.setState({apiURL:o,answers:n,border:e.border,index:e.startingQuestionIdx||0,cards:g,configureExitOnOverlayClick:e.configureExitOnOverlayClick,customMetadata:e.customMetadata,endCard:e.endCard,envId:e.envId,eventEmitFn:l,fontFamily:e.fontFamily,forceBrandedLogo:e.forceBrandedLogo,frame:a,headers:e.headers,hasViewedEmbed:!1,isPreview:e.isPreview,marketingUrl:"https://sprig.com",meta:ll({mode:e.mode,viewWindow:d,viewDocument:p,trackPageViewUrl:e.trackPageViewUrl}),mode:e.mode,previewKey:u,previewMode:e.previewMode,productConfig:e.productConfig,recorder:Ze,recorderEventEmitter:v,responseGroupUid:e.responseGroupUid,showStripes:e.showStripes,showSurveyBrand:e.showSurveyBrand,slugName:e.slugName,styleNonce:e.styleNonce,studyType:e.studyType,surveyId:e.surveyId,tabTitle:e.tabTitle,uploadingCardViewed:!1,uploadProgress:{},useMobileStyling:e.useMobileStyling,useDesktopPrototype:e.useDesktopPrototype,userId:e.userId,viewDocument:e.viewDocument,visitorAttributes:e.visitorAttributes,viewedCardCount:e.startingQuestionIdx||0});const{head:f}=p;if(Tt({document:p,elementId:"sprig-style",styleString:el}),e.customStyles&&Tt({document:p,elementId:"ul-custom-style",styleString:e.customStyles,nonce:e.styleNonce}),e.fontFamily&&s&&parent){const b=p.createElement("link");b.rel="stylesheet",b.href=s,f.appendChild(b)}if(!h)if(e.installationMethod!=="web-npm"){const b=p.createElement("script");b.src=e.upchunkLibraryURL??"https://cdn.sprig.com/userleap-web-upchunk-v2.2.2.js",b.onload=()=>{Ze.setUpChunk(d.UpChunk)},b.onerror=()=>{console.warn("[Sprig] - recording functionality not configured due to UpChunk library load failure")},f.appendChild(b)}else console.warn("[Sprig] - recording functionality not configured due to missing UpChunk dependency");const _="2.32.0",y=l||((r=a.eventEmitter)==null?void 0:r.emit);y?.("verify.view.version",{"view.version":_}),m&&t&&ge(c(Xi,{}),m)}const sl={configure:al};export{sl as default};
|