https://static.antigravity.tech/assets/www/_next/static/chunks/pages/guide/video/mobile-8c8ee0d8bed4ac72.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9249],{7154:()=>{},22748:(e,t,n)=>{"use strict";n.d(t,{A:()=>r});var i=n(81041);let r={trackingButtonClick:function(e){i.i2.eventPush({event:e})},trackingGuideChapterClick:function(e){i.i2.eventPush({event:"guide_chapter_click",eventParameters:e})}}},26759:(e,t,n)=>{"use strict";n.d(t,{A:()=>l});var i=n(27925),r=n(82748),a=n(14232),c=n(53730),o=n(22748),s=n(37876);let l=a.forwardRef(function(e,t){var n=e.setVideoCurrentTime,l=e.LANG,d=e.playing,u=a.useState(!1),_=(0,i.A)(u,2),f=_[0],p=_[1],m=a.useState([]),b=(0,i.A)(m,2),v=b[0],h=b[1],g=a.useState(-1),y=(0,i.A)(g,2),w=y[0],x=y[1];a.useEffect(function(){document.body.style.setProperty("overflow",f?"hidden":"auto","important")},[f]),a.useEffect(function(){v&&v.length>0&&c.subscribe("guide-home:video-outline",function(e,t){x(t)})},[v]);var k=a.useRef();return a.useImperativeHandle(t,function(){return{show:function(e){h(e),p(!0)}}}),(0,s.jsx)("div",{className:r.fixed,onClick:function(){p(!1)},"data-show":f,children:(0,s.jsxs)("div",{className:r.container,onClick:function(e){var t=e||window.event;t.stopPropagation?t.stopPropagation():t.cancelBubble=!0},children:[(0,s.jsxs)("div",{className:r.header,children:[(0,s.jsx)("div",{className:r.header_title,children:l["guide.common.watch"]}),(0,s.jsx)("div",{className:r.close_icon,onClick:function(){p(!1)},children:(0,s.jsx)("img",{alt:"close",src:"https://static.antigravity.tech/assets/16155a6a997c22812f83ead234553b64/close-dark.png"})})]}),(0,s.jsx)("div",{className:r.list,ref:function(e){k.current=e},children:v.map(function(e,t){var i;return(0,s.jsxs)("div",{onClick:function(){n(e.time),o.A.trackingGuideChapterClick({source_type:"pop_up",position:"".concat(e.time,": ").concat(e.desc)}),p(!1)},className:r.item,"data-selected":t===w,children:[(0,s.jsx)("div",{className:r.item_time,children:(i=e.time,"".concat(Math.floor(i/60).toString().padStart(2,"0"),":").concat((i%60).toString().padStart(2,"0")))}),(0,s.jsx)("div",{className:r.item_title,children:e.desc}),(0,s.jsx)("div",{className:r.play_icon,children:(0,s.jsx)("img",{alt:"playing",src:d?"https://res.insta360.com/static/77371f9402c42808d1053ef4576b25bf/watching.gif":"https://res.insta360.com/static/d5e753a46b521c418cd42d9fc962fe65/playing.svg"})})]},t)})})]})})})},47089:e=>{e.exports={container:"mobile_container__X2YKs",header:"mobile_header__IRQUh",header_back:"mobile_header_back__CBPcq",header_title:"mobile_header_title__BUd_D",content:"mobile_content__Ll0kb",video_container:"mobile_video_container__xiBqo",watch_container:"mobile_watch_container__IzD_B",video_main:"mobile_video_main__vAG_6",last_video:"mobile_last_video__a5FNU",relative_video_container:"mobile_relative_video_container___EBML",video_feedback:"mobile_video_feedback__WHOo8",feedback_success:"mobile_feedback_success__hq02y",feedback_container:"mobile_feedback_container__smVEg",video_title:"mobile_video_title__u9T12",btn_list:"mobile_btn_list__6gbyg",feedback_btn:"mobile_feedback_btn__zOVC5",feedback_good:"mobile_feedback_good__3v3ES",feedback_bad:"mobile_feedback_bad__afvIY",share_btn:"mobile_share_btn__p2lj0",section_container:"mobile_section_container__Heujf",section:"mobile_section__TjTa0",section_wrap:"mobile_section_wrap__MO8Jr",section_content:"mobile_section_content__I_bpG",arrow_icon:"mobile_arrow_icon__D8aok",section_list:"mobile_section_list__Vcrvb",section_title:"mobile_section_title__J0XDH",section_header_description:"mobile_section_header_description__JdXW8",section_item:"mobile_section_item__W6T_q",play_icon:"mobile_play_icon__AiJPF",section_list_item_progress:"mobile_section_list_item_progress__D0xKl",section_item_title:"mobile_section_item_title__MO4tz",login:"mobile_login__kuaTi",login_container:"mobile_login_container__ntMv3",left_content:"mobile_left_content__5yai3",right_content:"mobile_right_content__93o42"}},53730:function(e,t,n){e=n.nmd(e),function(n,i){"use strict";var r={};n.PubSub?(r=n.PubSub,console.warn("PubSub already loaded, using existing version")):(n.PubSub=r,i(r)),void 0!==e&&e.exports&&(t=e.exports=r),t.PubSub=r,e.exports=t=r}("object"==typeof window&&window||this||n.g,function(e){"use strict";var t={},n=-1;function i(e,t,n){try{e(t,n)}catch(e){setTimeout(function(){throw e},0)}}function r(e,t,n){e(t,n)}function a(e,n,a,c){var o,s=t[n],l=c?r:i;if(Object.prototype.hasOwnProperty.call(t,n))for(o in s)Object.prototype.hasOwnProperty.call(s,o)&&l(s[o],e,a)}function c(e){var n=String(e);return!!(Object.prototype.hasOwnProperty.call(t,n)&&function(e){var t;for(t in e)if(Object.prototype.hasOwnProperty.call(e,t))return!0;return!1}(t[n]))}function o(e,t,n,i){var r,o=(r=e="symbol"==typeof e?e.toString():e,function(){var e=String(r),n=e.lastIndexOf(".");for(a(r,r,t,i);-1!==n;)n=(e=e.substr(0,n)).lastIndexOf("."),a(r,e,t,i);a(r,"*",t,i)});return!!function(e){for(var t=String(e),n=c(t)||c("*"),i=t.lastIndexOf(".");!n&&-1!==i;)i=(t=t.substr(0,i)).lastIndexOf("."),n=c(t);return n}(e)&&(!0===n?o():setTimeout(o,0),!0)}e.publish=function(t,n){return o(t,n,!1,e.immediateExceptions)},e.publishSync=function(t,n){return o(t,n,!0,e.immediateExceptions)},e.subscribe=function(e,i){if("function"!=typeof i)return!1;e="symbol"==typeof e?e.toString():e,Object.prototype.hasOwnProperty.call(t,e)||(t[e]={});var r="uid_"+String(++n);return t[e][r]=i,r},e.subscribeAll=function(t){return e.subscribe("*",t)},e.subscribeOnce=function(t,n){var i=e.subscribe(t,function(){e.unsubscribe(i),n.apply(this,arguments)});return e},e.clearAllSubscriptions=function(){t={}},e.clearSubscriptions=function(e){var n;for(n in t)Object.prototype.hasOwnProperty.call(t,n)&&0===n.indexOf(e)&&delete t[n]},e.countSubscriptions=function(e){var n,i,r=0;for(n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&0===n.indexOf(e)){for(i in t[n])r++;break}return r},e.getSubscriptions=function(e){var n,i=[];for(n in t)Object.prototype.hasOwnProperty.call(t,n)&&0===n.indexOf(e)&&i.push(n);return i},e.unsubscribe=function(n){var i,r,a,c="string"==typeof n&&(Object.prototype.hasOwnProperty.call(t,n)||function(e){var n;for(n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&0===n.indexOf(e))return!0;return!1}(n)),o=!c&&"string"==typeof n,s="function"==typeof n,l=!1;if(c)return void e.clearSubscriptions(n);for(i in t)if(Object.prototype.hasOwnProperty.call(t,i)){if(r=t[i],o&&r[n]){delete r[n],l=n;break}if(s)for(a in r)Object.prototype.hasOwnProperty.call(r,a)&&r[a]===n&&(delete r[a],l=!0)}return l}})},81051:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__N_SSP:()=>A,default:()=>I});var i=n(63857),r=n(27925),a=n(42969),c=n(43081),o=n.n(c),s=n(14232),l=n(15891),d=n(18847),u=n.n(d),_=n(82449),f=n(29454),p=n(75322),m=n(47089),b=n.n(m);n(94659),n(29514);var v=n(26759),h=n(64817);n(7154);var g=n(30915),y=n.n(g),w=n(37876);function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,i)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};

1t%2?x(Object(n),!0).forEach(function(t){(0,a.A)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var j=u()(function(){return Promise.all([n.e(6171),n.e(9918),n.e(5104),n.e(2435)]).then(n.bind(n,74816))},{ssr:!1,loadableGenerated:{webpack:function(){return[74816]}}});function N(e){return"?"+y().stringify(k(k({},y().parse(window.location.search,{ignoreQueryPrefix:!0})),e))}var S=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2;return{min:Math.floor(e/60).toString().padStart(t,"0"),sec:(e%60).toString().padStart(t,"0")}};function O(e){var t=e.watchTime,n=e.videoInfo,a=e.product,c=e.isLogin,d=e.uploadVideoProcess,u=e.setPlaying,_=e.playing,f=(0,l.P)().areaStore,p=f.regionInfo,m=f.LANG;null==p||p.locale;var h=s.useRef(),g=s.useRef(null),y=s.useState([]),x=(0,r.A)(y,2),N=x[0],O=x[1],P=s.useState(!0),A=(0,r.A)(P,2),I=A[0],T=A[1],M=s.useState(!0),C=(0,r.A)(M,2),E=C[0],L=C[1],R=s.useState(!1),G=(0,r.A)(R,2),B=G[0],D=G[1],V=s.useState(0),F=(0,r.A)(V,2),H=F[0],z=F[1],U=s.useState(!1),X=(0,r.A)(U,2),J=X[0],q=X[1];s.useEffect(function(){var e,i,r,a=(null==n?void 0:n.watchProgress)||t,c=null==(e=h.current)||null==(e=e.plyr)?void 0:e.duration;B&&a>0&&Math.floor(c)>a?(z(a),null==(i=h.current)||null==(r=i.seek)||r.call(i,a)):z(0)},[B,n.watchProgress,t]),s.useEffect(function(){var e=setTimeout(function(){L(!1)},5e3),t=function(){var e=document.getElementById("video_container");e&&q(e.offsetHeight>window.innerHeight-100)};return t(),window.addEventListener("resize",t),function(){if(clearInterval(e),h.current){var n,i;null==(n=h.current)||null==(i=n.pause)||i.call(n)}window.removeEventListener("resize",t)}},[]);var K=s.useCallback(function(e){g.current.show(e)},[]);if(n){var W,$=n.mediaId?{mediaId:n.mediaId}:{source:[n.mediaLink]};return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(v.A,{ref:g,LANG:m,setVideoCurrentTime:function(e){h.current.seek(e)},playing:_}),(0,w.jsxs)("div",{id:"video_container",className:[b().video_container,J?b().relative_video_container:""].join(" "),children:[(null==N?void 0:N.length)>0?(0,w.jsxs)("div",{className:b().watch_container,"data-show":I,onClick:function(){K(N)},children:[m["guide.common.watch"],(0,w.jsx)("img",{src:"https://res.insta360.com/static/2334543711e2df47dfaf248c3a14ca01/arrow-icon.svg",alt:"arrow"})]}):null,(0,w.jsx)(j,k(k({playerRef:h,className:b().video_main},$),{},{poster:n.poster,attributes:["controls","playsinline"],onReady:function(e,t){var r;e.plyr.on("timeupdate",function(){var t=Math.floor(e.plyr.currentTime);t%5==0&&r!==t&&(r=t,c?d(Math.floor(e.plyr.currentTime)):localStorage.setItem("product_guide_time_".concat(a),"".concat(n.id,"-").concat(Math.floor(e.plyr.currentTime))))}),e.plyr.on("play",function(){u(!0)}),e.plyr.on("pause",function(){u(!1)}),e.plyr.on("ended",(0,i.A)(o().mark(function t(){return o().wrap(function(t){for(;;)switch(t.prev=t.next){case 0:d(Math.floor(e.plyr.duration),!0);case 1:case"end":return t.stop()}},t)}))),e.plyr.on("canplay",(0,i.A)(o().mark(function e(){return o().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:D(!0);case 1:case"end":return e.stop()}},e)}))),e.plyr.on("controlshidden",function(){T(!1),L(!1)}),e.plyr.on("controlsshown",function(){T(!0)}),n&&"object"==typeof n.outline&&O(n.outline||[])},vtt:n.vtt})),H?(0,w.jsx)("div",{"data-forward":E,className:b().last_video,children:null==(W=m["accessory_guide.last_video_play"])||null==(W=W.replace("${min}",S(H,1).min))?void 0:W.replace("${sec}",S(H,1).sec)}):null]})]})}return null}var P=function(e){var t,n,a,c=e.pageStatus,d=e.product,u=e.videoList,m=e.videoMap,v=e.initVideoInfo;if(404===c)return null;var g=(0,l.P)().areaStore,y=g.regionInfo,x=g.LANG,j=null==y?void 0:y.locale,S=s.useRef(null);s.useRef(null),s.useRef(null);var P=s.useRef(null),A=s.useState(!1),I=(0,r.A)(A,2),T=I[0],M=I[1],C=s.useState(!1),E=(0,r.A)(C,2),L=E[0],R=E[1],G=s.useState(!1),B=(0,r.A)(G,2),D=B[0],V=B[1],F=s.useState(!1),H=(0,r.A)(F,2),z=H[0],U=H[1],X=s.useState((null==v?void 0:v.type)||"BasicTutorial"),J=(0,r.A)(X,2),q=J[0],K=J[1],W=s.useState(v.id?v:null==(a=m.BasicTutorial)||null==(a=a.chapters)?void 0:a[0]),$=(0,r.A)(W,2),Q=$[0],Y=$[1],Z=s.useState({}),ee=(0,r.A)(Z,2),et=ee[0];ee[1];var en=s.useState(0),ei=(0,r.A)(en,2),er=ei[0];ei[1];var ea=s.useState("https://www.antigravity.tech/guide/".concat(d,"/video")),ec=(0,r.A)(ea,2),eo=ec[0],es=ec[1];s.useEffect(function(){es("".concat(window.origin).concat(location.pathname,"?id=").concat(Q.id))},[Q]);var el=s.useCallback((t=(0,i.A)(o().mark(function e(t){var n=arguments;return o().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:n.length>1&&void 0!==n[1]&&n[1];case 1:case"end":return e.stop()}},e)})),function(e){return t.apply(this,arguments)}),[Q,d]),ed=s.useCallback((0,i.A)(o().mark(function e(){return o().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:case"end":return e.stop()}},e)})),[]),eu=s.useCallback((0,i.A)(o().mark(function e(){return o().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:case"end":return e.stop()}},e)})),[q]);return s.useEffect(function(){T&&q&&eu()},[q,T]),s.useEffect(function(){var e=!!f.A.get("insta_access_token");M(e),e?ed():function(){if(!new URLSearchParams(window.location.search).get("id")){var e=localStorage.getItem("product_guide_time_".concat(d));if(e){var t=e.split("-")[0],n=parseInt(e.split("-")[1],10),i=u.find(function(e){return String(e.id)===String(t)});i&&(K(i.type),history.replaceState({},"",N({id:i.id})),Y(k(k({},i),{},{watchProgress:n})))}}}()},[]),(0,w.jsx)(w.Fragment,{children:(0,w.jsxs)("div",{className:b().container,children:[(0,w.jsxs)("div",{className:b().header,children:[(0,w.jsx)("img",{alt:"back",onClick:function(){window.history.back()},className:b().header_back,src:"https://res.insta360.com/static/b6a633450a8bc2edb0e67af001350f5e/arrow.svg"}),(0,w.jsx)("div",{className:b().header_title,children:Q.title})]}),(0,w.jsxs)("div",{className:b().content,children:[(0,w.jsx)(O,{playing:z,setPlaying:U,watchTime:er,locale:j,videoInfo:Q,product:d,isLogin:T,uploadVideoProcess:el,LANG:x},Q.id),(0,w.jsx)("div",{className:b().video_feedback,children:D?(0,w.jsxs)("div",{className:b().feedback_success,children:[(0,w.jsx)("img",{src:"https://static.antigravity.tech/assets/422057138f60e1beb544ab8514d04e39/success-icon.svg",alt:"feedback"}),(0,w.jsx)("div",{children:x["common.feedback.thank_feedback"]})]}):(0,w.jsxs)("div",{className:b().feedback_container,children:[(0,w.jsx)("div",{className:b().video_title,children:x["common.feedback.was_helpful"]}),(0,w.jsxs)("div",{className:b().btn_list,children:[(0,w.jsxs)("div",{className:b().feedback_btn,children:[(0,w.jsx)("div",{onClick:(0,i.A)(o().mark(function e(){return o().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!L){e.next=2;break}return e.abrupt("return");case 2:return R(!0),e.prev=3,e.next=6,Api.addFeedback({articleId:"".concat(d,"_").concat(Q.id),isHelpful:!0});case 6:if(0!==e.sent.code){e.next=12;break}

1R(!1),V(!0),e.next=13;break;case 12:throw Error("code !== 0");case 13:e.next=19;break;case 15:e.prev=15,e.t0=e.catch(3),R(!1),console.log("【Feedback Error】",e.t0);case 19:case"end":return e.stop()}},e,null,[[3,15]])})),className:b().feedback_good,children:(0,w.jsx)("img",{alt:"good",src:"https://res.insta360.com/static/ef15b79b6174ea67d3fca823b48e303d/ICON.svg"})}),(0,w.jsx)("div",{onClick:function(){L||S.current.open()},className:b().feedback_bad,children:(0,w.jsx)("img",{alt:"bad",src:"https://res.insta360.com/static/8dddfa174b201e49320d0efe55825361/ICON.svg"})})]}),(0,w.jsx)("div",{className:b().share_btn,onClick:function(){P.current.show()},children:(0,w.jsx)("img",{alt:"share",src:"https://static.antigravity.tech/assets/72308d536977ce5bdb6e72595d899ac1/share-icon.svg"})})]})]})}),(0,w.jsx)("div",{className:b().section_container,children:(0,w.jsx)("div",{className:b().section,children:Object.keys(m).map(function(e){var t;return m[e]?(0,w.jsxs)("div",{className:b().section_wrap,"data-expand":q===e,children:[(0,w.jsxs)("div",{onClick:function(){q===e?K(void 0):K(e)},className:b().section_content,children:[(0,w.jsx)("div",{className:b().section_title,children:m[e].name}),(0,w.jsx)("div",{className:b().section_header_description,dangerouslySetInnerHTML:{__html:(0,p.J)({text:x["guide.video.total_of"],vars:{NUM:null==(t=m[e].chapters)?void 0:t.length}})}}),(0,w.jsx)("div",{className:b().arrow_icon,children:(0,w.jsx)("img",{alt:"up-arrow",src:"https://res.insta360.com/static/4819a834e5e23d9b296e0eac0d981628/up-arrow.svg"})})]}),(0,w.jsx)("div",{className:b().section_list,children:m[e].chapters.map(function(e){var t,n,i,r,a;return(0,w.jsxs)("div",{onClick:function(){Y(e),history.replaceState({},"",N({id:e.id})),V(!1),R(!1),U(!1),eu()},className:b().section_item,"data-selected":e.id===Q.id,children:[(0,w.jsx)("div",{className:b().section_item_title,children:e.title}),(0,w.jsx)("div",{className:b().play_icon,children:(0,w.jsx)("img",{alt:"playing",src:z?"https://res.insta360.com/static/77371f9402c42808d1053ef4576b25bf/watching.gif":"https://res.insta360.com/static/d5e753a46b521c418cd42d9fc962fe65/playing.svg"})}),null!=(t=et[q])&&null!=(t=t.chapterMap)&&t[e.id]||(null==(n=et[q])||null==(n=n.chapterMap)?void 0:n[e.id])===0?(0,w.jsx)(w.Fragment,{children:(null==(i=et[q].chapterMap)?void 0:i[e.id])>=100?(0,w.jsx)("div",{className:b().section_list_item_progress,children:x["accessory_guide.look_over_1"]}):(null==(r=et[q].chapterMap)?void 0:r[e.id])===0?(0,w.jsx)("div",{className:b().section_list_item_progress,children:x["accessory_guide.no_study"]}):(0,w.jsx)("div",{className:b().section_list_item_progress,children:null==(a=x["accessory_guide.look_over_2"])?void 0:a.replace("${progress}",et[q].chapterMap[e.id])})}):null]},e.id)})})]},e):null})})})]}),(0,w.jsx)(h.A,{LANG:x,videoInfo:Q,currentUrl:eo,ref:P}),(0,w.jsx)(_.A,{LANG:x,regionInfo:y,ref:S,onSubmit:(n=(0,i.A)(o().mark(function e(t){var n,i,r;return o().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return n=t.contactInformation,i=t.feedbackReason,r=t.content,e.prev=1,e.next=4,Api.addFeedback({articleId:"".concat(d,"_").concat(Q.id),isHelpful:!1,contactInformation:n,feedbackReason:i,content:r});case 4:if(0!==e.sent.code){e.next=9;break}V(!0),e.next=10;break;case 9:throw Error("code !== 0");case 10:e.next=15;break;case 12:e.prev=12,e.t0=e.catch(1),console.log("【Feedback Error】");case 15:case"end":return e.stop()}},e,null,[[1,12]])})),function(e){return n.apply(this,arguments)})})]})})};P.injectLocaleData=function(){var e=(0,i.A)(o().mark(function e(t){return o().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",{keys:["product_guide.video.timestamps","product_guide.video.more"],namespaces:["accessory_guide"]});case 1:case"end":return e.stop()}},e)}));return function(t){return e.apply(this,arguments)}}();var A=!0;let I=P},82748:e=>{e.exports={fixed:"TimestampsModal_fixed__XI0rb",container:"TimestampsModal_container__7E5S_",header:"TimestampsModal_header__xTh_6",header_title:"TimestampsModal_header_title__phap1",close_icon:"TimestampsModal_close_icon__Oe4V4",list:"TimestampsModal_list__cBNzI",item:"TimestampsModal_item__daAeN",item_time:"TimestampsModal_item_time__PbKIb",item_title:"TimestampsModal_item_title__ynu28",play_icon:"TimestampsModal_play_icon__4VgTi"}},84308:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/guide/video/mobile",function(){return n(81051)}])}},e=>{e.O(0,[2366,8992,3617,484,636,6593,8792],()=>e(e.s=84308)),_N_E=e.O()}]);
2//# sourceMappingURL=mobile-8c8ee0d8bed4ac72.js.map