https://create.viddyoze.com/_next/static/chunks/9429-f3fa1d3b89a92988.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9429],{7162:function(e,t,r){"use strict";r.d(t,{pp:function(){return o},iR:function(){return a}});var n=r(13893),i=r(41390);function o(e,t){return n.ZP.makeRequest({method:t?i.Ik.DELETE:i.Ik.POST,url:"v1/templateFamily/:templateFamilyId/favourite"},{pathParams:{templateFamilyId:e}})}function a(e){return n.ZP.makeRequest({method:i.Ik.GET,url:"v1/templateFamily/:templateFamilyId/ingredient"},{pathParams:{templateFamilyId:e}})}},78145:function(e,t,r){"use strict";var n=r(85893),i=r(67294),o=r(86010),a=r(54820),l=r(1140),c=r.n(l),u=r(11188);function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}t.Z=function(e){var t=e.trigger,r=e.favorite,l=e.icon,d=e.video,_=e.image,f=e.link,v=e.isPlaceholder,p=e.onClick,m=e.extraOverlayClass,y=void 0===m?"":m,h=e.extraClass,g=void 0===h?"":h,w=e.fakeAPlaceholder,C=void 0!==w&&w,P=e.disableHoverPlay,b=void 0!==P&&P,x=(0,i.useState)(!1),j=x[0],k=x[1],A=(0,i.useState)(!1),E=A[0],S=A[1],L=(0,i.useState)(null),R=L[0],B=L[1],F=(0,i.useRef)(null),N=(0,a.DK)().width,O=(0,a.Eu)(),I=N<480;(0,i.useEffect)((function(){C&&B(1.25)}),[C]),(0,i.useEffect)((function(){if(!E||b){if(F.current&&I&&!b){var e=F.current.getBoundingClientRect(),t=e.y,r=e.height,n=window?window.innerHeight:1e3;if(t+r>0&&t<n)return void k(!0)}k(!1)}else k(!0)}),[I,E,O,F,b]);var Z;return(0,n.jsxs)("div",{className:(0,o.Z)(c().container,(Z={},s(Z,g,g),s(Z,"cursor-pointer",p),Z)),onClick:p,children:[(0,n.jsxs)("div",{className:c().preview,ref:F,children:[r&&r,(0,n.jsx)("div",{className:c().preview__item,onMouseEnter:function(e){E||S(!0)},onMouseLeave:function(e){E&&S(!1)},children:(0,n.jsx)("a",{href:f,children:(0,n.jsxs)("div",{className:(0,o.Z)(c().preview__item__asset,s({},c().preview__item__placeholder,v)),children:[_&&(0,n.jsx)("div",{className:c().preview__item__asset__image,style:{backgroundImage:"url(".concat(_,")")}}),j&&!C&&(0,n.jsx)("video",{src:d,muted:!0,autoPlay:!0,loop:!0}),C&&!_&&(0,n.jsx)(u.Z,{resetValue:R,playing:j,light:!1,videoUrl:d,muted:!0,disablePlayIcon:!0})]})})})]}),(t||l)&&(0,n.jsxs)("div",{className:(0,o.Z)(c().overlay,s({},y,y)),children:[l,t&&(0,n.jsx)("p",{children:t})]})]})}},20166:function(e,t,r){"use strict";var n=r(85893),i=(r(67294),r(86010)),o=r(49039),a=r.n(o),l=r(40957),c=r.n(l);function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e){return function(e){if(Array.isArray(e))return u(e)}(e)||function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"===typeof e)return u(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return u(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}t.Z=function(e){var t=e.pages,r=e.currentPage,o=e.onChangePage,l=1===r,u=r===t,_=function(e){e!==r&&o(e)};return(0,n.jsxs)("div",{className:c().container,children:[(0,n.jsx)("div",{className:(0,i.Z)(c().leftArrow,s({},c().leftArrow__disabled,l)),onClick:function(){return _(r-1)},children:(0,n.jsx)(a(),{})}),(0,n.jsx)("div",{children:(0,n.jsx)("div",{className:c().steps,children:function(){var e=function(e,t){return t&&(t<e-1||t>e+1)?(0,n.jsx)("span",{children:"..."},"".concat(e,"_spacer")):null},o=function(){var e=t;if(e>9){for(var n=Math.max(2,r-2),i=Math.min(e-1,r+2),o=[],a=n;a<=i;a++)o.push(a);return[1].concat(d(o),[e])}return d(Array(e).keys()).map((function(e){return e+1}))}();return o.map((function(t,a){var l,u=null!==(l=o[a-1])&&void 0!==l?l:null;return(0,n.jsxs)(n.Fragment,{children:[e(t,u),(0,n.jsx)("span",{onClick:function(){return _(t)},className:(0,i.Z)(c().step,s({},c().step__active,t===r)),children:t},"".concat(t,"_number"))]})}))}()})}),(0,n.jsx)("div",{className:(0,i.Z)(c().rightArrow,s({},c().rightArrow__disabled,u)),onClick:function(){return _(r+1)},children:(0,n.jsx)(a(),{})})]})}},99189:function(e,t,r){"use strict";r.d(t,{Z:function(){return w}});var n=r(85893),i=r(67294),o=r(78145),a=r(47292),l=r(41806),c=r.n(l),u=r(99680),s=r(34051),d=r.n(s),_=r(7162),f=r(61295),v=r.n(f);function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function m(e,t,r,n,i,o,a){try{var l=e[o](a),c=l.value}catch(u){return void r(u)}l.done?t(c):Promise.resolve(c).then(n,i)}function y(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"===typeof e)return p(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(r);

1if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return p(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var h=function(e){var t,r=e.templateFamilyId,o=e.isFavourite,a=e.changeParentFavouriteIdsState,l=(0,i.useState)(o),c=l[0],u=l[1];return(0,n.jsx)("button",{className:v().favourite,type:"button",onClick:(t=d().mark((function e(){return d().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,(0,_.pp)(r,c);case 2:u((function(){return!c})),a((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return c?e.filter((function(e){return e!==r})):y(e).concat([r])}));case 4:case"end":return e.stop()}}),e)})),function(){var e=this,r=arguments;return new Promise((function(n,i){var o=t.apply(e,r);function a(e){m(o,n,i,a,l,"next",e)}function l(e){m(o,n,i,a,l,"throw",e)}a(void 0)}))}),children:(0,n.jsxs)("svg",{width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("rect",{width:"30",height:"30",rx:"15",fill:c?"#D73636":"#070017"}),(0,n.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",stroke:"white",strokeWidth:2,d:"M8.21115 9.35998C9.01809 8.49718 10.1638 8 11.5 8C12.7134 8 13.658 8.85037 14.2632 9.51005C14.5337 9.8048 14.7823 10.1143 15 10.3941C15.2177 10.1143 15.4663 9.8048 15.7368 9.51005C16.342 8.85037 17.2866 8 18.5 8C19.8362 8 20.9819 8.49718 21.7889 9.35998C22.5882 10.2147 23 11.3678 23 12.5967C23 14.184 22.2265 15.534 21.112 16.8078C20.0224 18.0531 18.4886 19.3552 16.7397 20.8399L16.6622 20.9057L16.66 20.9075L15.645 21.7642C15.2714 22.0795 14.7246 22.0785 14.3521 21.7618L13.3386 20.8998L13.2781 20.8485C11.5219 19.3608 9.98153 18.0559 8.88825 16.8072C7.77355 15.5341 7 14.1841 7 12.5967C7 11.3678 7.41181 10.2147 8.21115 9.35998Z",fill:"white",fillOpacity:c?"1":"0"})]})})},g=r(11163),w=function(e){var t=e.templateFamily,r=e.recipeId,l=e.triggerUpsell,s=e.aspectRatio,d=e.setParentFavouriteIds,_=e.isFavourite,f=e.customButton,v=e.hideFavoriteButton,p=(0,g.useRouter)(),m=(0,i.useCallback)((function(){p.push("/editor/create/".concat(r,"/").concat(t.id,"/").concat(s))}),[r,t,s,p]);return(0,n.jsxs)("div",{className:c().templateFamily,onClick:"function"===typeof l?l:function(){},children:[function(){if(t&&t.templates.length){var e=!(t.image||!t.video),r=t.video?t.video:"",i=t.image?t.image:"";return(0,n.jsx)(o.Z,{video:r,image:i,extraClass:c().templateFamily__card,fakeAPlaceholder:e,favorite:v?void 0:(0,n.jsx)(h,{templateFamilyId:t.id,isFavourite:Boolean(_),changeParentFavouriteIdsState:d})},t.id)}}(),function(){var e=(0,n.jsx)(a.Z,{variant:"primary",onClick:m,children:u.D.start_here});return(0,n.jsx)("div",{className:c().templateFamily__section,children:f||e})}()]})}},11188:function(e,t,r){"use strict";r.d(t,{Z:function(){return m}});var n=r(85893),i=r(67294),o=r(22004),a=r(39397),l=r.n(a),c=r(2160),u=r.n(c),s=r(86010),d=r(41390);function _(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var f=function(e){var t,r=e.color,i=void 0===r?d.dd.ROSE:r,o=e.wrapperStyles,a=e.colorBackground,c=void 0===a?d.dd.BLACK:a;return(0,n.jsx)("div",{className:(0,s.Z)(o,u().fakeWrapper,(t={},_(t,u().backgroundColorBlack,c===d.dd.BLACK),_(t,u().backgroundColorGray,c===d.dd.GREY),_(t,u().backgroundColorBlackTransparent,c===d.dd.BLACK_TRANSPARENT),t)),children:(0,n.jsx)("div",{className:(0,s.Z)(u().content,u()["videoPlayerColor-".concat(i)]),children:(0,n.jsx)(l(),{height:80})})})},v=(0,i.memo)(f),p=function(e){var t=e.videoUrl,r=e.className,a=e.hideIfNull,c=void 0!==a&&a,_=e.muted,f=void 0!==_&&_,p=e.volume,m=void 0===p?0:p,y=e.controls,h=void 0!==y&&y,g=e.onProgress,w=e.playing,C=e.onPause,P=e.onPlay,b=e.light,x=void 0===b||b,j=e.colorPlay,k=void 0===j?d.dd.ROSE:j,A=e.colorBackground,E=void 0===A?d.dd.BLACK:A,S=e.disablePlayIcon,L=void 0!==S&&S,R=e.resetValue,B=(0,i.useRef)(null),F=(0,i.useState)(!1),N=F[0],O=F[1];(0,i.useEffect)((function(){R&&B&&!w&&N&&B.current.seekTo(R,"seconds")}),[N,R,B,w]);if(t)try{return(0,n.jsx)("div",{className:(0,s.Z)(r,u().video),children:(0,n.jsx)("div",{className:u().inner,children:function(){if(!t)return null;if(t.includes("gif"))return(0,n.jsx)("img",{src:t,alt:"video platyer",className:"w-full h-full"});var e=new URL(t);return(0,n.jsx)(o.Z,{ref:B,url:e.href,onPause:C,light:x,onPlay:P,playing:w,onReady:function(){return O(!0)},playIcon:L?(0,n.jsx)("div",{}):(0,n.jsx)("div",{className:u()["videoPlayerColor-".concat(k)],children:(0,n.jsx)(l(),{height:80})}),controls:h,onProgress:g,width:"100%",height:"100%",muted:f,volume:m})}()})})}

1catch(I){return c?null:(0,n.jsx)(v,{color:k,colorBackground:E,wrapperStyles:r})}return(0,n.jsx)(v,{colorBackground:E,color:k,wrapperStyles:r})},m=(0,i.memo)(p)},99680:function(e,t,r){"use strict";r.d(t,{D:function(){return n},F:function(){return i}});var n={title:"Get Started",step1_title:"Objective",step2_title:"Recipes",step1_text:"Select one below",step2_text:"Recommendations based on your chosen objective",sub_title:"What is your main objective?",continue:"Continue",skip:"Skip?",select_recipe:"Select a Recipe",selected_recipe:"Selected Recipe",highlights:"Highlights",use_recipe:"Use Recipe",start_here:"Start Here",select_family_title:"Select how you want your video to look",select_family_subtitle:"All styles come with a portrait and landscape aspect ratio",aspect_title:"Aspect ratio",landscape_title:"Landscape",landscape_sub:"16:9",portrait_title:"Portrait",portrait_sub:"9:16",subscription_title:"In Your Subscription",upgrade_title:"Premium Styles"},i={title:"Get Access to this recipe and other features",continue_cta:"See our Plans",cancel_cta:"Not Now",features:["Access to entire premium recipe library","Extended stock library","Create extended videos","4000+ animation templates","Exclusive Discord access","Access to Viddyoze Academy","Premium customer support - (guaranteed 2-hour response)","Early access to new features"]}},54820:function(e,t,r){"use strict";r.d(t,{DK:function(){return o},Eu:function(){return a},U2:function(){return l}});var n=r(67294),i=n.useLayoutEffect;function o(){var e=(0,n.useRef)(0),t=(0,n.useState)({width:1e3,height:1e3}),r=t[0],o=t[1];return i((function(){var t=function(){window.clearTimeout(e.current),e.current=window.setTimeout((function(){o({width:window.innerWidth,height:window.innerHeight})}),300)};if(window)return window.addEventListener("resize",t),t(),function(){return window.removeEventListener("resize",t)}}),[]),r}function a(){var e=(0,n.useRef)(0),t=(0,n.useState)(0),r=t[0],o=t[1];return i((function(){var t=function(){window.clearTimeout(e.current),e.current=window.setTimeout((function(){o(window.scrollY)}),300)};if(window)return window.addEventListener("scroll",t),t(),function(){return window.removeEventListener("scroll",t)}}),[]),r}function l(e){i((function(){var t=function(){e(window.scrollX,window.scrollY)};if(window)return window.addEventListener("scroll",t),function(){return window.removeEventListener("scroll",t)}}),[e])}},1140:function(e){e.exports={container:"Card_container__9FquB",empty:"Card_empty__Sod2n",empty__text:"Card_empty__text__hVgMf",preview:"Card_preview__PzBs8",preview__favourite:"Card_preview__favourite__n7KH4",preview__item__asset:"Card_preview__item__asset__2ZgY4",preview__item__asset__image:"Card_preview__item__asset__image__97M03",preview__item__placeholder:"Card_preview__item__placeholder__8UbnV",overlay:"Card_overlay__YjEtH",PendingOpaqueAnimation:"Card_PendingOpaqueAnimation__Ozj46"}},40957:function(e){e.exports={container:"Pagination_container__AMWT5",steps:"Pagination_steps__fpLCb",step:"Pagination_step__naJYS",step__active:"Pagination_step__active__0OSxT",leftArrow:"Pagination_leftArrow__s6D_u",leftArrow__disabled:"Pagination_leftArrow__disabled__WoJKu",rightArrow:"Pagination_rightArrow__gSOxC",rightArrow__disabled:"Pagination_rightArrow__disabled__grEbk",PendingOpaqueAnimation:"Pagination_PendingOpaqueAnimation__20BAD"}},41806:function(e){e.exports={templateFamily:"TemplateFamily_templateFamily__34jSk",templateFamily__section:"TemplateFamily_templateFamily__section__H_Qz0",PendingOpaqueAnimation:"TemplateFamily_PendingOpaqueAnimation__93qCA"}},61295:function(e){e.exports={favourite:"styles_favourite__Bgdw0"}},2160:function(e){e.exports={video:"VideoPlayer_video__7rEm8","video--gray":"VideoPlayer_video--gray__4muBf",inner:"VideoPlayer_inner__dMho_",fakeWrapper:"VideoPlayer_fakeWrapper__Ndymk",content:"VideoPlayer_content__tzS2T",backgroundColorGray:"VideoPlayer_backgroundColorGray__XLvPb",backgroundColorBlack:"VideoPlayer_backgroundColorBlack__Y9xjQ",backgroundColorBlackTransparent:"VideoPlayer_backgroundColorBlackTransparent__iTUIB","videoPlayerColor-ROSE":"VideoPlayer_videoPlayerColor-ROSE__VqHOM","videoPlayerColor-BLUE":"VideoPlayer_videoPlayerColor-BLUE__GaciV","videoPlayerColor-BLACK":"VideoPlayer_videoPlayerColor-BLACK____c8x","videoPlayerColor-GREY":"VideoPlayer_videoPlayerColor-GREY__G3GOo","videoPlayerColor-YELLOW":"VideoPlayer_videoPlayerColor-YELLOW__NjeER",PendingOpaqueAnimation:"VideoPlayer_PendingOpaqueAnimation__f0vXM"}},49039:function(e,t,r){var n=r(67294);function i(e){return n.createElement("svg",e,n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.77458 2.02458C6.1407 1.65847 6.7343 1.65847 7.10041 2.02458L12.4129 7.33708C12.779 7.7032 12.779 8.2968 12.4129 8.66291L7.10041 13.9754C6.7343 14.3415 6.1407 14.3415 5.77458 13.9754C5.40847 13.6092 5.40847 13.0157 5.77458 12.6496L10.4242 8L5.77458 3.35041C5.40847 2.9843 5.40847 2.3907 5.77458 2.02458Z",fill:"#050A30"}))}i.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},e.exports=i,i.default=i},39397:function(e,t,r){var n=r(67294);function i(e){return n.createElement("svg",e,[n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M40 80C62.0914 80 80 62.0914 80 40C80 17.9086 62.0914 0 40 0C17.9086 0 0 17.9086 0 40C0 62.0914 17.9086 80 40 80Z",fill:"#FF455A",key:0}),n.createElement("path",{d:"M52.1197 38.3892L34.3877 26.3799C33.7392 25.9407 32.8778 25.8769 32.1663 26.2169C31.4507 26.5562 31 27.2419 31 27.9907V52.01C31 52.7582 31.4507 53.4433 32.1663 53.7826C32.4712 53.928 32.8026 54 33.1347 54C33.5765 54 34.0177 53.8717 34.3884 53.6196L52.1204 41.609C52.6747 41.2336 53 40.6364 53 39.9988C52.9993 39.3618 52.672 38.764 52.1197 38.3892Z",fill:"white",key:1})])}i.defaultProps={width:"80",height:"80",viewBox:"0 0 80 80",fill:"none"},e.exports=i,i.default=i}}]);