import{aI as o,bN as P,L as y,az as m,bu as I,g_ as S,t as N,g$ as v,b$ as E,ao as e,gY as U,aP as a,bq as q,aq as $,gT as C,co as V}from"./app-k0jcl5PQ.js";const k="_stepImage_14nww_1",L="_number_14nww_5",R="_logo_14nww_16",H="_list_14nww_19",T="_instruction_14nww_22",A="_stepItem_14nww_26",n={stepImage:k,number:L,logo:R,list:H,instruction:T,stepItem:A},u="embed.pluginLanding",t=y.encloseNamespace(u);function i(s){return e.jsxs("li",{className:`col-12 col-sm-4 ${n.stepItem}`,children:[e.jsx("div",{className:`${n.stepImage} border rounded d-none d-sm-block`,style:{backgroundImage:`url('${s.imageUrl}')`}}),e.jsxs("div",{className:`my-1 my-sm-3 ps-4 ps-sm-0 d-flex align-items-center justify-content-start text-start ${n.instruction}`,children:[e.jsx("span",{children:e.jsx("span",{className:n.number,children:s.number})}),e.jsx("span",{children:s.text})]})]})}function F(s){const[d,g]=o.useState(!1);P({title:t("title")});const l=m(I.config()),c=m(S.consumer(s.queryParams.consumerKey));o.useEffect(()=>{c.hasError&&N.throw(new v)},[c.hasError]);const{handlePopupEmbed:p}=E();function x(r){if(!r||V.isEmpty(r))return;const{consumerKey:h,lmsType:j,ltiReturnUrl:f,submitUrl:w,singleSelectMode:_}=s.queryParams;_&&g(!0),p(r,{consumerKey:h,lmsType:j,ltiReturnUrl:f,submitUrl:w})}function b(){C.renderSelectVideoPopup({launchUrl:l.data.launchUrl,queryParams:s.queryParams,onComplete:x})}return l.hasCompleted?e.jsx("div",{className:"d-flex justify-content-center align-items-center vh-100 overflow-hidden border",children:e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:`${n.logo} mb-4 d-inline-block`,children:e.jsx(U,{})}),e.jsxs("ol",{className:`row list-unstyled px-3 ${n.list}`,children:[e.jsx(i,{number:1,text:t("step1"),imageUrl:a.Plugin.SelectVideo1}),e.jsx(i,{number:2,text:t("step2"),imageUrl:a.Plugin.SelectVideo2}),e.jsx(i,{number:3,text:t("step3"),imageUrl:a.Plugin.SelectVideo3})]}),e.jsx(q,{variant:"dark",className:"btn-lg px-5",onClick:b,showSpinner:d,children:e.jsx($,{namespace:u,phrase:"selectAVideo"})})]})}):e.jsx(e.Fragment,{})}export{F as PluginLandingView};
//# sourceMappingURL=BRCpGPvZ.chunk.js.map
