https://www.heir.app/_next/static/chunks/pages/personapro/components/RequestPlayback-1283efc4a1e3028b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3768],{83036:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/personapro/components/RequestPlayback",function(){return n(87770)}])},31551:function(e,t,n){"use strict";function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o=[],a=!0,u=!1;try{for(n=n.call(e);!(a=(l=n.next()).done)&&(o.push(l.value),!t||o.length!==t);a=!0);}catch(c){u=!0,r=c}finally{try{a||null==n.return||n.return()}finally{if(u)throw r}}return o}}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return l(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o,a=(o=n(67294))&&o.__esModule?o:{default:o},u=n(41003),c=n(80880),i=n(69246);function s(e,t){if(null==e)return{};var n,l,r=function(e,t){if(null==e)return{};var n,l,r={},o=Object.keys(e);for(l=0;l<o.length;l++)n=o[l],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(l=0;l<o.length;l++)n=o[l],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var f={};function d(e,t,n,l){if(e&&u.isLocalURL(t)){e.prefetch(t,n,l).catch((function(e){0}));var r=l&&"undefined"!==typeof l.locale?l.locale:e&&e.locale;f[t+"%"+n+(r?"%"+r:"")]=!0}}var p=a.default.forwardRef((function(e,t){var n,l=e.legacyBehavior,o=void 0===l?!0!==Boolean(!1):l,p=e.href,v=e.as,h=e.children,b=e.prefetch,m=e.passHref,x=e.replace,y=e.shallow,k=e.scroll,j=e.locale,C=e.onClick,w=e.onMouseEnter,g=s(e,["href","as","children","prefetch","passHref","replace","shallow","scroll","locale","onClick","onMouseEnter"]);n=h,o&&"string"===typeof n&&(n=a.default.createElement("a",null,n));var N,E=!1!==b,L=c.useRouter(),_=a.default.useMemo((function(){var e=r(u.resolveHref(L,p,!0),2),t=e[0],n=e[1];return{href:t,as:v?u.resolveHref(L,v):n||t}}),[L,p,v]),M=_.href,P=_.as,O=a.default.useRef(M),R=a.default.useRef(P);o&&(N=a.default.Children.only(n));var S=o?N&&"object"===typeof N&&N.ref:t,B=r(i.useIntersection({rootMargin:"200px"}),3),U=B[0],A=B[1],H=B[2],z=a.default.useCallback((function(e){R.current===P&&O.current===M||(H(),R.current=P,O.current=M),U(e),S&&("function"===typeof S?S(e):"object"===typeof S&&(S.current=e))}),[P,S,M,H,U]);a.default.useEffect((function(){var e=A&&E&&u.isLocalURL(M),t="undefined"!==typeof j?j:L&&L.locale,n=f[M+"%"+P+(t?"%"+t:"")];e&&!n&&d(L,M,P,{locale:t})}),[P,M,A,j,E,L]);var I={ref:z,onClick:function(e){o||"function"!==typeof C||C(e),o&&N.props&&"function"===typeof N.props.onClick&&N.props.onClick(e),e.defaultPrevented||function(e,t,n,l,r,o,a,c){("A"!==e.currentTarget.nodeName.toUpperCase()||!function(e){var t=e.currentTarget.target;return t&&"_self"!==t||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||e.nativeEvent&&2===e.nativeEvent.which}(e)&&u.isLocalURL(n))&&(e.preventDefault(),t[r?"replace":"push"](n,l,{shallow:o,locale:c,scroll:a}))}(e,L,M,P,x,y,k,j)},onMouseEnter:function(e){o||"function"!==typeof w||w(e),o&&N.props&&"function"===typeof N.props.onMouseEnter&&N.props.onMouseEnter(e),u.isLocalURL(M)&&d(L,M,P,{priority:!0})}};if(!o||m||"a"===N.type&&!("href"in N.props)){var T="undefined"!==typeof j?j:L&&L.locale,q=L&&L.isLocaleDomain&&u.getDomainLocale(P,T,L&&L.locales,L&&L.domainLocales);I.href=q||u.addBasePath(u.addLocale(P,T,L&&L.defaultLocale))}return o?a.default.cloneElement(N,I):a.default.createElement("a",Object.assign({},g,I),n)}));t.default=p,("function"===typeof t.default||"object"===typeof t.default&&null!==t.default)&&(Object.assign(t.default,t),e.exports=t.default)},87770:function(e,t,n){"use strict";n.r(t);var l=n(85893),r=n(64173),o=n(25450),a=n(67294),u=n(90512),c=n(11163),i=n(41891),s=n(2292),f=n(2606),d=n(19501),p=n(73454);t.default=function(e){var t=e.request,n=(0,r.a)(d.Gh),v=(0,r.a)(d.TN),h=(0,c.useRouter)(),b=(0,a.useState)(!1),m=b[0],x=b[1],y=(0,a.useState)(!1),k=y[0],j=y[1],C=(0,s.i)().personaProProducts,w=(0,a.useCallback)((function(){h.push("/pers

1onapro/request-type")}),[h]),g=(0,a.useCallback)((function(){h.back()}),[h]),N=(0,a.useCallback)((function(){j(!k)}),[j,k]);return(0,l.jsxs)(o.A,{children:[(0,l.jsx)("div",{className:"persona-pro flex flex-col ".concat(n?"px-1":"px-8"),children:(0,l.jsx)(i.default,{onBackClick:g,onMuteClick:N,muted:k})}),(0,l.jsxs)("div",{className:(0,u.Z)(["player-section z-1 relative m-auto items-center md:visible",v&&n?"w-full":"w-fit",!v&&"h-[730px]",v&&!n&&"h-[574px]"]),children:[Boolean(null===t||void 0===t?void 0:t.videoUrl)&&(0,l.jsx)(p.default,{src:t.videoUrl,muted:k,onVideoComplete:function(){return x(!0)}}),!Boolean(null===t||void 0===t?void 0:t.videoUrl)&&(0,l.jsx)(f.Ho,{fill:"black"})]}),(0,l.jsxs)("div",{className:"flex w-full items-center justify-center pb-14",children:[Boolean(C.length)&&m&&(0,l.jsxs)("button",{onClick:w,className:"persona-pro-button m-auto mt-8 place-items-center rounded-lg bg-black px-8 text-[15px] text-white",children:["Request another shoutout | $",C[0].priceUsd,"+"]}),Boolean(!C.length)&&m&&(0,l.jsx)(f.Ho,{width:"w-[2px]",height:"h-[24px]",fill:"black"})]})]})}},73454:function(e,t,n){"use strict";n.r(t);var l=n(85893),r=n(67294),o=n(2606),a=n(41891),u=n(64173),c=n(19501),i=n(90512);t.default=function(e){var t=e.src,n=e.poster,s=e.showControls,f=void 0!==s&&s,d=e.muted,p=void 0!==d&&d,v=e.autoPlay,h=void 0===v||v,b=e.bordered,m=void 0!==b&&b,x=e.onMuteClick,y=e.onBackClick,k=e.onPlayStart,j=void 0===k?function(){}:k,C=e.onVideoComplete,w=void 0===C?function(){}:C,g=(0,u.a)(c.Gh),N=(0,r.useRef)(null),E=(0,r.useState)(!1),L=E[0],_=E[1],M=(0,r.useState)(!0),P=M[0],O=M[1],R=(0,r.useState)(!1),S=R[0],B=R[1],U=(0,r.useCallback)((function(){var e,t,n,l;(null===(e=N.current)||void 0===e?void 0:e.readyState)&&N.current.readyState>0&&!L&&((null===(t=N.current)||void 0===t?void 0:t.paused)?null===(n=N.current)||void 0===n||n.play():null===(l=N.current)||void 0===l||l.pause())}),[N,L]),A=(0,r.useCallback)((function(){_(!0),null===w||void 0===w||w()}),[_,w]),H=(0,r.useCallback)((function(){var e;_(!1),null===(e=N.current)||void 0===e||e.play()}),[_,N]),z=(0,r.useCallback)((function(){O(!1)}),[O]),I=(0,r.useCallback)((function(){j(),B(!0),O(!1)}),[B,j]),T=(0,r.useCallback)((function(){B(!1)}),[B]);return(0,l.jsxs)("div",{className:(0,i.Z)(["relative h-full w-fit",m&&"border border-black"]),children:[f&&(0,l.jsx)("div",{className:"persona-pro absolute right-4 mt-20 flex flex-col lg:right-0 lg:mt-0 ".concat(g?"px-1":"px-8"),children:(0,l.jsx)(a.default,{onMuteClick:x,onBackClick:y,muted:p,showMute:!0})}),L&&(0,l.jsxs)("div",{className:"absolute top-1/3 z-20 w-full",children:[(0,l.jsx)("div",{onClick:H,children:(0,l.jsx)(o.H9,{className:"m-auto cursor-pointer"})}),(0,l.jsx)("div",{className:"mt-3 text-center",children:(0,l.jsx)("p",{className:"text-md text-center text-white",children:"Replay"})})]}),P&&(0,l.jsx)("div",{className:"absolute top-1/2 z-[12] hidden w-full md:block",children:(0,l.jsx)(o.Ho,{fill:"black",className:"m-auto"})}),!S&&!L&&!P&&(0,l.jsx)("button",{className:"absolute top-[50%] left-[50%] z-[11] -translate-x-2/4 -translate-y-2/4 cursor-pointer bg-white/30",onClick:U,children:(0,l.jsx)(o.o1,{fill:"black"})}),(0,l.jsx)("video",{ref:N,poster:n,src:t,onClick:U,onEnded:A,playsInline:!0,autoPlay:h,muted:p,className:(0,i.Z)(["relative z-10 h-full w-full object-contain",L&&"blur-sm",m&&"border border-black"]),style:{backdropFilter:"blur(20px)"},onCanPlay:z,onLoadedData:z,onLoad:z,onPlay:I,onPause:T})]})}},61648:function(e,t,n){"use strict";n.r(t);var l=n(85893);t.default=function(){return(0,l.jsx)("svg",{width:"13",height:"24",viewBox:"0 0 13 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.5311 0.21967C12.824 0.512563 12.824 0.987437 12.5311 1.28033L1.98449 11.8269L12.5311 22.3735C12.824 22.6664 12.824 23.1413 12.5311 23.4342C12.2382 23.7271 11.7633 23.7271 11.4704 23.4342L0.393498 12.3573C0.100605 12.0644 0.100605 11.5895 0.393498 11.2966L11.4704 0.21967C11.7633 -0.0732233 12.2382 -0.0732233 12.5311 0.21967Z",fill:"black"})})}},41891:function(e,t,n){"use strict";n.r(t);var l=n(85893),r=(n(67294),n(61648)),o=n(2606);t.default=function(e){var t=e.onBackClick,n=e.onMuteClick,a=e.muted,u=void 0!==a&&a,c=e.showMute,

1i=void 0!==c&&c;return(0,l.jsxs)("div",{className:"controls bg-blue-500 z-[15] flex items-center justify-between p-4 md:py-6",children:[(0,l.jsx)("div",{className:"flex items-center",children:Boolean(t)&&(0,l.jsx)("button",{className:"group border-none bg-transparent p-0 hover:!bg-transparent",onClick:t,children:(0,l.jsx)(r.default,{})})}),i&&(0,l.jsxs)("button",{className:"h-[40px] w-[40px] rounded-full bg-transparent p-2 transition duration-300 hover:bg-white",onClick:n,children:[u&&(0,l.jsx)(o.g7,{}),!u&&(0,l.jsx)(o.l_,{})]})]})}},41664:function(e,t,n){e.exports=n(31551)}},function(e){e.O(0,[2950,2606,5450,2292,9774,2888,179],(function(){return t=83036,e(e.s=t);var t}));var t=e.O();_N_E=t}]);