https://sharesome.com/chunks/shop-ShopTrailerCard-vue.js?id=08335fa4064c7399

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"d64e558a075a25e51b68ab30eec7a787eaf4b6ca"};var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="5a9607cc-b801-4c6f-b300-a383d6a113c2",e._sentryDebugIdIdentifier="sentry-dbid-5a9607cc-b801-4c6f-b300-a383d6a113c2")}catch(e){}}(),(self.webpackChunk=self.webpackChunk||[]).push([[11936,33108],{36902(e,t,r){r.d(t,{B:()=>i});var a=r(15175),n=r(85471);function i(e){var t=(0,n.computed)(function(){var t,r=null!==(t=null==e?void 0:e.value)&&void 0!==t?t:e;if(!r||!r.paid_post)return{price:0,original_price:0,discount_applied:!1,pro_discount_applied:!1,pro_discount_percentage:0,needs_subscription:!1};var a=r.paid_post,n=Number(a.price)||0,i=Number(a.original_price)||0,o=Number(a.pro_discount_percentage)||0;return{price:n,original_price:i,discount_applied:a.discount_applied||!1,pro_discount_applied:a.pro_discount_applied||!1,pro_discount_percentage:o,needs_subscription:a.needs_subscription||!1}}),r=(0,n.computed)(function(){return a.A.getters["auth/hasShopAccess"]||a.A.getters["auth/isPro"]}),i=(0,n.computed)(function(){var e=t.value.price||0,a=t.value.original_price||0,n=t.value.pro_discount_percentage||0;return r.value&&n>0&&a>0?a*(1-n/100):e}),o=(0,n.computed)(function(){var e=t.value.price||0,r=t.value.original_price||0,a=t.value.pro_discount_percentage||0;return a>0&&r>0?r*(1-a/100):e}),l=(0,n.computed)(function(){var e=Number(t.value.pro_discount_percentage)||0;if(e>0)return Math.round(e);var r=Number(t.value.price)||0,a=Number(t.value.original_price)||0;return a>0&&r<a?Math.round((a-r)/a*100):0});return{paidPostInfo:t,displayPrice:i,promotionalPrice:o,discountPercentage:l,isProDiscountEligible:r}}},14129(e,t,r){r.r(t),r.d(t,{default:()=>i});var a={};a.props={tag:{type:String,default:"span"},type:{type:String,default:"gray"},text:{type:String,default:"xs"},padding:{type:String,default:"xs"},border:{type:[String,Boolean],default:!1},borderRadius:{type:String,default:"rounded"},fontWeight:{type:String,default:"font-semibold"}},a.setup=function(e,t){return{colorOptions:{default:"bg-breeze text-darkest border-gray-300",gray:"bg-breeze text-medium border-gray-300",price:"bg-white text-black border-transparent",black:"bg-gray-900 text-gray-100 border-gray-700",blue:"bg-blue-200 text-blue-900 border-blue-300",sky:"bg-sky-200 text-sky-900 border-sky-300","dark-blue":"bg-blue-700 text-blue-100",red:"bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-300 border-red-400 border-red-300 ",green:"bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-300 border-green-300","green-dark":"bg-lime-300 text-lime-900",online:"bg-green-500 text-white",yellow:"bg-yellow-200 text-yellow-800 border-yellow-300","yellow-light":"bg-yellow-100 text-yellow-800 border-yellow-200",vip:"bg-yellow-400 text-amber-900 border-yellow-500 drop-shadow",pink:"bg-[#fdced8] text-[#9d1447] border-[#f97394]",primary:"bg-primary text-white","primary-border":"bg-transparent text-white border-primary","primary-light":"bg-primary/10 text-primary",secondary:"bg-secondary text-white",pro:"bg-primary primary--gradient is--pro text-white","white-semi":"bg-white/35 text-white","white-light":"bg-white/20 text-white","black-semi":"bg-black/30 text-white/80",white:"bg-white text-darkest dark:bg-gray-800"},paddingOptions:{"3xs":"px-1 py-0","2xs":"px-2 py-0",xs:"px-2 py-0.5",sm:"px-3 py-1",s:"px-4 py-1",base:"px-5 py-2",md:"px-5 py-3 min-w-30",lg:"px-6 py-4"},textOptions:{"2xs":"text-2xs",xs:"text-xs",sm:"text-sm",s:"text-s",base:"text-base",md:"text-md",lg:"text-lg"}}};const n=a;const i=(0,r(14486).A)(n,function(){var e=this,t=e._self._c;e._self._setupProxy;return t(e.tag,{tag:"component",staticClass:"flex shrink-0 items-center justify-center whitespace-nowrap",class:[e.colorOptions[e.type],e.textOptions[e.text],e.borderRadius,e.border,e.paddingOptions[e.padding],e.fontWeight]},[e._t("default")],2)},[],!1,null,"152313f0",null).exports},64657(e,t,r){r.r(t),r.d(t,{default:()=>b});var a=r(85471),n=r(97786),i=r(25526),o=r(71728),l=r(14129),u=r(84551),s=r(36902);function c(){/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */var e,t,r="function"==typeof Symbol?Symbol:{},a=r.iterator||"@@iterator",n=r.toStringTag||"@@toStringTag";function i(r,a,n,i){var u=a&&a.prototype instanceof l?a:l,s=Object.create(u.prototype);return d(s,"_invoke",function(r,a,n){var i,l,u,s=0,c=n||[],d=!1,p={p:0,n:0,v:e,a:v,f:v.bind(e,4),d:function(t,r){return i=t,l=0,u=e,p.n=r,o}};function v(r,a){for(l=r,u=a,t=0;!d&&s&&!n&&t<c.length;t++){var n,i=c[t],v=p.p,f=i[2];r>3?(n=f===a)&&(u=i[(l=i[4])?5:(l=3,3)],i[4]=i[5]=e):i[0]<=v&&((n=r<2&&v<i[1])?(l=0,p.v=a,p.n=i[1]):v<f&&(n=r<3||i[0]>a||a>f)&&(i[4]=r,i[5]=a,p.n=f,l=0))}if(n||r>1)return o;throw d=!0,a}

1return function(n,c,f){if(s>1)throw TypeError("Generator is already running");for(d&&1===c&&v(c,f),l=c,u=f;(t=l<2?e:u)||!d;){i||(l?l<3?(l>1&&(p.n=-1),v(l,u)):p.n=u:p.v=u);try{if(s=2,i){if(l||(n="next"),t=i[n]){if(!(t=t.call(i,u)))throw TypeError("iterator result is not an object");if(!t.done)return t;u=t.value,l<2&&(l=0)}else 1===l&&(t=i.return)&&t.call(i),l<2&&(u=TypeError("The iterator does not provide a '"+n+"' method"),l=1);i=e}else if((t=(d=p.n<0)?u:r.call(a,p))!==o)break}catch(t){i=e,l=1,u=t}finally{s=1}}return{value:t,done:d}}}(r,n,i),!0),s}var o={};function l(){}function u(){}function s(){}t=Object.getPrototypeOf;var p=[][a]?t(t([][a]())):(d(t={},a,function(){return this}),t),v=s.prototype=l.prototype=Object.create(p);function f(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,s):(e.__proto__=s,d(e,n,"GeneratorFunction")),e.prototype=Object.create(v),e}return u.prototype=s,d(v,"constructor",s),d(s,"constructor",u),u.displayName="GeneratorFunction",d(s,n,"GeneratorFunction"),d(v),d(v,n,"Generator"),d(v,a,function(){return this}),d(v,"toString",function(){return"[object Generator]"}),(c=function(){return{w:i,m:f}})()}function d(e,t,r,a){var n=Object.defineProperty;try{n({},"",{})}catch(e){n=0}d=function(e,t,r,a){function i(t,r){d(e,t,function(e){return this._invoke(t,r,e)})}t?n?n(e,t,{value:r,enumerable:!a,configurable:!a,writable:!a}):e[t]=r:(i("next",0),i("throw",1),i("return",2))},d(e,t,r,a)}function p(e,t,r,a,n,i,o){try{var l=e[i](o),u=l.value}catch(e){return void r(e)}l.done?t(u):Promise.resolve(u).then(a,n)}function v(e){return function(){var t=this,r=arguments;return new Promise(function(a,n){var i=e.apply(t,r);function o(e){p(i,a,n,o,l,"next",e)}function l(e){p(i,a,n,o,l,"throw",e)}o(void 0)})}}var f={};f.props={item:{type:Object,required:!0},first:{type:Boolean,default:!1},last:{type:Boolean,default:!1},width:{type:String,default:"fixed"},showTrailer:{type:Boolean,default:!0}},f.setup=function(e,t){var l=e,u=(0,a.ref)(null),d=(0,n.GF$)(u,{delayEnter:500,delayLeave:250}),p=(0,a.computed)(function(){return l.item}),f=(0,s.B)(p),m=f.displayPrice,b=f.discountPercentage,y=(0,a.computed)(function(){var e,t=null===(e=l.item)||void 0===e?void 0:e.aspect_ratio;return t&&t>=133?"aspect-portrait":"aspect-video"}),g=(0,a.computed)(function(){var e,t=null===(e=l.item)||void 0===e?void 0:e.aspect_ratio;return t&&t>=133}),h=(0,a.computed)(function(){return i.Hw.value?720:1080}),_=(0,a.computed)(function(){var e,t,r,a=null===(e=l.item)||void 0===e?void 0:e.free_preview_video;if(a&&"string"==typeof a)try{a=JSON.parse(a)}catch(e){}return a&&a.thumb?a.thumb:null!==(t=l.item)&&void 0!==t&&t.thumb?l.item.thumb:null!==(r=l.item)&&void 0!==r&&r.preview_thumb?l.item.preview_thumb:null}),w=(0,a.computed)(function(){var e,t,r,a;if(null!=l&&null!==(e=l.item)&&void 0!==e&&e.free_preview_video){var n=l.item.free_preview_video;return!!(n.mp4_url||n.video_src||n.hls_master_playlist_url||n.hls)}return!!(null!=l&&null!==(t=l.item)&&void 0!==t&&t.assets&&null!=l&&null!==(r=l.item)&&void 0!==r&&r.assets[0]&&null!=l&&null!==(a=l.item)&&void 0!==a&&a.assets[0][h.value])}),x=(0,a.computed)(function(){return d.value&&l.showTrailer&&w.value}),k=(0,a.computed)(function(){return L.value&&!T.waiting&&x.value}),E=(0,a.computed)(function(){var e,t;return!0===(null===(e=l.item)||void 0===e||null===(e=e.paid_post)||void 0===e?void 0:e.unlocked_via_subscription)||!0===(null===(t=l.item)||void 0===t||null===(t=t.sharesome_plus)||void 0===t?void 0:t.include_in_subscription)}),P=(0,a.computed)(function(){return!(!l.item||!l.item.paid_post)&&!0===l.item.paid_post.is_unlocked}),C=(0,a.computed)(function(){var e,t;return!(null===(e=l.item)||void 0===e||!e.paid_post||P.value||E.value)&&(null!==(t=l.item.paid_post.price)&&void 0!==t?t:0)>0}),S=(0,a.computed)(function(){var e,t=null!==(e=m.value)&&void 0!==e?e:0;return t<=0?"":(Math.round(100*t)/100).toLocaleString(void 0,{minimumFractionDigits:t%1==0?0:2,maximumFractionDigits:2})}),O=(0,a.computed)(function(){var e;if(null===(e=l.item)||void 0===e||!e.time)return"";try{var t,r=l.item.time;return!(t="string"==typeof r?/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/.test(r)?new Date(r.replace(/ /g,"T")+"Z"):new Date(r):"number"==typeof r&&r<1e10?new Date(1e3*r):new Date(r))||isNaN(t.getTime())?"":(0,o.A)(t,"MMM d, yyyy")}catch(e){return console.warn("Failed to format date:",l.item.time,e),""}}),L=(0,a.ref)(null),R=(0,a.ref)(null),T=(0,a.reactive)({playing:!0,muted:!0,waiting:!1}),j=(0,a.computed)(function(){var e;if(null!=l&&null!==(e=l.item)&&void 0!==e&&e.free_preview_video){var t=l.item.free_preview_video;

1if("hls"===t.encoding_format)return!0;var r=function(e){return"string"==typeof e&&(e.endsWith(".m3u8")||e.includes("master.m3u8")||e.includes(".m3u8"))};if(r(t.hls_master_playlist_url))return!0;if(r(t.hls))return!0;if(r(t.mp4_url))return!0;if(r(t.video_src))return!0}return!1}),A=(0,a.computed)(function(){var e,t,r;if(null!=l&&null!==(e=l.item)&&void 0!==e&&e.free_preview_video){var a=l.item.free_preview_video,n=function(e){return"string"==typeof e&&(e.endsWith(".m3u8")||e.includes("master.m3u8")||e.includes(".m3u8"))};if("hls"===a.encoding_format||n(a.hls_master_playlist_url)||n(a.hls)||n(a.mp4_url))return a.hls_master_playlist_url||a.hls||a.mp4_url;if(a.mp4_url&&!n(a.mp4_url))return a.mp4_url;if(a.video_src&&!n(a.video_src))return a.video_src}return null!=l&&null!==(t=l.item)&&void 0!==t&&t.assets&&null!=l&&null!==(r=l.item)&&void 0!==r&&r.assets[0]&&l.item.assets[0][h.value]||null}),D=function(){var e=v(c().m(function e(){var t,n,i,o,l,u,s,d,p,v;return c().w(function(e){for(;;)switch(e.p=e.n){case 0:return e.n=1,(0,a.nextTick)();case 1:if(L.value&&A.value){e.n=2;break}return e.a(2);case 2:if(t=A.value,n="string"==typeof t&&(t.endsWith(".m3u8")||t.includes("master.m3u8")||t.includes(".m3u8")),i=j.value||n,R.value&&(R.value.destroy(),R.value=null),!i){e.n=12;break}return e.p=3,e.n=4,r.e(64945).then(r.bind(r,64945));case 4:if(!(o=e.v.default).isSupported()){e.n=6;break}if(L.value){e.n=5;break}return e.a(2);case 5:L.value.src="",L.value.removeAttribute("src"),L.value.muted=!0,L.value.loop=!0,L.value.playsInline=!0,R.value=new o({enableWorker:!0,lowLatencyMode:!1}),R.value.loadSource(t),R.value.attachMedia(L.value),R.value.on(o.Events.MANIFEST_PARSED,function(){T.waiting=!1,L.value&&L.value.play().catch(function(){})}),R.value.on(o.Events.ERROR,function(e,t){if(t.fatal)switch(t.type){case o.ErrorTypes.NETWORK_ERROR:R.value.startLoad();break;case o.ErrorTypes.MEDIA_ERROR:R.value.recoverMediaError();break;default:R.value.destroy(),R.value=null}}),e.n=8;break;case 6:if(L.value){e.n=7;break}return e.a(2);case 7:L.value.src=t,L.value.load(),l=function(){!T.waiting&&L.value&&L.value.play().catch(function(){}),L.value&&L.value.removeEventListener("canplay",l)},L.value.addEventListener("canplay",l);case 8:e.n=11;break;case 9:if(e.p=9,e.v,L.value){e.n=10;break}return e.a(2);case 10:L.value.src=t,L.value.load();case 11:e.n=14;break;case 12:if(L.value){e.n=13;break}return e.a(2);case 13:L.value.src!==t&&(L.value.src=t,L.value.load()),u=function(){!T.waiting&&L.value&&L.value.play().catch(function(){}),L.value&&(L.value.removeEventListener("canplay",u),L.value.removeEventListener("loadeddata",u))},L.value&&(L.value.addEventListener("canplay",u),L.value.addEventListener("loadeddata",u),L.value.readyState>=2&&L.value.play().catch(function(){}));case 14:if(L.value){e.n=15;break}return e.a(2);case 15:T.muted=L.value.muted,T.playing=!L.value.paused,T.waiting=!1,s=function(){T.playing=!0,T.waiting=!1},d=function(){T.playing=!1},p=function(){T.waiting=!0},v=function(){T.waiting=!1},L.value.addEventListener("play",s),L.value.addEventListener("pause",d),L.value.addEventListener("waiting",p),L.value.addEventListener("playing",v),L.value._handlers={play:s,pause:d,waiting:p,playing:v};case 16:return e.a(2)}},e,null,[[3,9]])}));return function(){return e.apply(this,arguments)}}(),M=t.emit;return(0,a.onMounted)(function(){x.value&&D()}),(0,a.onUnmounted)(function(){R.value&&(R.value.destroy(),R.value=null),L.value&&(L.value.pause(),L.value.muted=!0,L.value._handlers&&(L.value.removeEventListener("play",L.value._handlers.play),L.value.removeEventListener("pause",L.value._handlers.pause),L.value.removeEventListener("waiting",L.value._handlers.waiting),L.value.removeEventListener("playing",L.value._handlers.playing),delete L.value._handlers))}),(0,a.watch)(x,function(){var e=v(c().m(function e(t,r){return c().w(function(e){for(;;)switch(e.n){case 0:if(t!==r){e.n=1;break}return e.a(2);case 1:if(T.muted=!0,!0!==t){e.n=3;break}return e.n=2,D();case 2:return M("enter"),e.a(2);case 3:R.value&&(R.value.destroy(),R.value=null),L.value&&L.value.pause(),M("leave");case 4:return e.a(2)}},e)}));return function(t,r){return e.apply(this,arguments)}}()),{mobile:i.Hw,card:u,discountPercentage:b,aspectRatioClass:y,isPortrait:g,thumbnailUrl:_,hasHoverEffect:x,showMuteButton:k,showPriceBadge:C,displayPrice:S,publishedDateLabel:O,trailer:L,mediaControl

1s:T}},f.components=Object.assign({AppIcon:u.default,AppBadge:l.default},f.components);const m=f;const b=(0,r(14486).A)(m,function(){var e=this,t=e._self._c;e._self._setupProxy;return t("div",{ref:"card",staticClass:"trailer-card creator-card group relative shrink-0 cursor-pointer select-none will-change-transform",class:{"z-50":e.hasHoverEffect,"z-0 delay-500":!e.hasHoverEffect,"w-3/4 sm:w-2/3 md:w-[calc(clamp(20rem,1rem+32vmin,40rem))]":"fixed"===e.width&&!e.isPortrait,"w-3/4 sm:w-2/3 md:w-[calc(clamp(16rem,1rem+24vmin,32rem))]":"fixed"===e.width&&e.isPortrait}},[t("div",{staticClass:"relative flex scale-100 flex-col translate-z-0",class:[e.aspectRatioClass]},[t("div",{staticClass:"relative h-full w-full flex-1 shadow transition-transform duration-500",class:{}},[t("div",{staticClass:"absolute bottom-0 left-0 right-0 top-0 overflow-hidden rounded-lg bg-black transition-all duration-500 sm:rounded-2xl",class:{"border-3 border-primary":e.hasHoverEffect}},[t("img",{staticClass:"absolute z-2 h-full w-full transition-opacity duration-[1500ms] ease-in-out object-cover",class:[e.hasHoverEffect&&!e.mediaControls.waiting?"opacity-0":"opacity-100"],attrs:{src:"".concat(e.thumbnailUrl,"?width=480&quality=70"),alt:e.item.alt?e.item.alt:e.item.user.name,loading:"lazy"}}),e._v(" "),e.hasHoverEffect?[t("video",{ref:"trailer",staticClass:"absolute z-1 h-full w-full object-cover transition-opacity duration-[1500ms] ease-in-out",class:!e.hasHoverEffect||e.mediaControls.waiting?"opacity-0":"opacity-100",attrs:{muted:"",autoplay:"",loop:"",playsinline:""},domProps:{muted:!0}})]:e._e(),e._v(" "),t("AppIcon",{staticClass:"absolute inset-0 z-3 m-auto h-24 w-24 text-white transition-opacity duration-300 ease-out md:h-28 md:w-28",class:e.mobile||e.hasHoverEffect&&!e.mediaControls.waiting?"opacity-75":"opacity-0",attrs:{icon:"Play24Filled"}}),e._v(" "),t("div",{staticClass:"absolute bottom-0 left-0 right-0 z-2 flex flex-col bg-gradient-to-t from-black/80 px-4 pb-4 pt-[4vw] md:px-6 md:pb-6"},[t("h3",{staticClass:"truncate text-base text-white xl:text-md"},[e._v("\n            "+e._s(e.item.alt?e.item.alt:e.item.user.name)+"\n          ")]),e._v(" "),t("div",{staticClass:"flex items-center justify-between gap-x-2"},[t("p",{staticClass:"mb-0 text-sm text-white opacity-70 md:text-base"},[e.item.alt?[e._v("\n                "+e._s(e.item.user.name)+"\n              ")]:e._e(),e._v(" "),e.item.alt?e._e():[e._v("\n                @"+e._s(e.item.user.username)+"\n              ")]],2),e._v(" "),e.publishedDateLabel?t("p",{staticClass:"mb-0 shrink-0 text-xs text-white opacity-70 md:text-sm"},[e._v("\n              "+e._s(e.publishedDateLabel)+"\n            ")]):e._e()])]),e._v(" "),t("button",{staticClass:"absolute left-6 top-6 z-10 flex h-12 w-12 items-center justify-center rounded-full border border-white text-white transition-opacity duration-500",class:e.showMuteButton?"opacity-100":"opacity-0",attrs:{"aria-label":"Turn audio on",type:"button"},on:{click:function(t){t.stopPropagation(),e.mediaControls.muted=!e.mediaControls.muted}}},[t("AppIcon",{staticClass:"h-8 w-8",attrs:{icon:e.mediaControls.muted?"SpeakerMute24Regular":"Speaker224Regular"}})],1),e._v(" "),e.showPriceBadge?t("AppBadge",{staticClass:"absolute right-4 top-4 z-10 flex items-center gap-x-1.5 shadow-lg transition-opacity duration-500 md:right-6 md:top-6",class:[e.hasHoverEffect&&!e.mediaControls.waiting?"opacity-0":"opacity-90"],attrs:{type:"price",text:e.mobile?"xs":"sm",padding:e.mobile?"xs":"sm","font-weight":"font-bold"}},[e._v("\n          "+e._s(e.displayPrice)+"\n          "),e.discountPercentage>0?t("span",{staticClass:"rounded-lg bg-primary px-1.5 h-6 ml-1 text-xs text-white flex items-center justify-center font-semibold"},[e._v("\n            -"+e._s(e.discountPercentage)+"%\n          ")]):e._e()]):e._e()],2)])])])},[],!1,null,"700187dd",null).exports}}]);