2 lines
6.8 KiB
JavaScript
2 lines
6.8 KiB
JavaScript
import{u as g,b as z,j as e,aD as y,bb as f}from"./vendor-BKmmeuxg.js";import{B as b}from"./button-BpNwv2aE.js";import{C as d,b as n,a as m,c as x}from"./card-D9_SJYq6.js";import{I as l}from"./input-DM0goJrn.js";import{L as a}from"./label-HmIcv5Yx.js";import{R as S,a as u}from"./radio-group-C0C2vfl-.js";import{S as C}from"./separator-_3LZ_wAA.js";import{D}from"./layout-DkwBWm5d.js";import"./index-WW_1X1qx.js";import"./utils-DxSsnXxD.js";import"./sidebar-BYcYxQeZ.js";import"./sheet-DSvHVmaW.js";import"./tooltip-BsX7Z6vz.js";import"./main-_V386djS.js";import"./index-D9-QKOod.js";import"./appearance-D2z3xcjR.js";import"./dropdown-menu-DO-po5c1.js";import"./app-BytVvUs_.js";/* empty css */import"./language-BFZ7KItL.js";import"./notification-CYMPYbAP.js";import"./popover-B4kBsMuI.js";import"./scroll-area-C8HGru-R.js";import"./app-logo-CmnEIwal.js";import"./accordion-CNBvFN43.js";import"./route-B4ZMN77y.js";import"./avatar-j28afJTV.js";import"./use-lang-YfV87_zl.js";const w=({liveClass:o})=>{const{props:_}=g(),{translate:j}=_,{settings:p,input:c,button:k}=j,{data:r,setData:i,post:v,errors:t,processing:h}=z({...o.fields}),N=s=>{s.preventDefault(),v(route("settings.live-class.update",o.id),{preserveScroll:!0})};return e.jsxs("div",{className:"space-y-6 md:px-3",children:[e.jsx(d,{children:e.jsx(n,{className:"px-6 py-4",children:e.jsx("div",{className:"flex items-center justify-between",children:e.jsxs("h1",{className:"flex items-center gap-2 text-2xl font-bold",children:[e.jsx(y,{className:"h-6 w-6"}),p.live_class_settings]})})})}),e.jsxs("div",{className:"grid grid-cols-1 gap-6 lg:grid-cols-3",children:[e.jsx("div",{className:"lg:col-span-2",children:e.jsxs(d,{children:[e.jsx(m,{children:e.jsxs(x,{className:"flex items-center gap-2",children:[e.jsx(f,{className:"h-5 w-5"}),p.configure_zoom]})}),e.jsx(n,{children:e.jsxs("form",{onSubmit:N,className:"space-y-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsxs(a,{htmlFor:"zoom_account_email",children:[c.account_email," ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx(l,{id:"zoom_account_email",type:"email",value:r.zoom_account_email,onChange:s=>i("zoom_account_email",s.target.value),placeholder:c.zoom_account_email_placeholder,required:!0}),t.zoom_account_email&&e.jsx("p",{className:"text-sm text-red-500",children:t.zoom_account_email})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs(a,{htmlFor:"zoom_account_id",children:[c.account_id," ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx(l,{id:"zoom_account_id",type:"text",value:r.zoom_account_id,onChange:s=>i("zoom_account_id",s.target.value),placeholder:c.zoom_account_id_placeholder,required:!0}),t.zoom_account_id&&e.jsx("p",{className:"text-sm text-red-500",children:t.zoom_account_id})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs(a,{htmlFor:"zoom_client_id",children:[c.client_id," ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx(l,{id:"zoom_client_id",type:"text",value:r.zoom_client_id,onChange:s=>i("zoom_client_id",s.target.value),placeholder:c.zoom_client_id_placeholder,required:!0}),t.zoom_client_id&&e.jsx("p",{className:"text-sm text-red-500",children:t.zoom_client_id})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs(a,{htmlFor:"zoom_client_secret",children:["Client Secret ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx(l,{id:"zoom_client_secret",type:"password",value:r.zoom_client_secret,onChange:s=>i("zoom_client_secret",s.target.value),placeholder:c.zoom_client_secret_placeholder,required:!0}),t.zoom_client_secret&&e.jsx("p",{className:"text-sm text-red-500",children:t.zoom_client_secret})]}),e.jsx(C,{}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs(a,{children:["Do you want to use Web SDK for your live class? ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsxs(S,{value:r.zoom_web_sdk?"activate":"deactivate",onValueChange:s=>i("zoom_web_sdk",s==="activate"),className:"flex gap-6",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(u,{className:"cursor-pointer",value:"activate",id:"activate"}),e.jsx(a,{htmlFor:"activate",children:"Yes"})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(u,{className:"cursor-pointer",value:"deactivate",id:"deactivate"}),e.jsx(a,{htmlFor:"deactivate",children:"No"})]})]}),t.zoom_web_sdk&&e.jsx("p",{className:"text-sm text-red-500",children:t.zoom_web_sdk})]}),r.zoom_web_sdk&&e.jsxs("div",{className:"space-y-4 rounded-lg border bg-blue-50 p-4",children:[e.jsx("h4",{className:"font-medium text-blue-900",children:"Meeting SDK Credentials"}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs(a,{children:["Meeting SDK Client ID ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx(l,{required:!0,type:"text",value:r.zoom_sdk_client_id,onChange:s=>i("zoom_sdk_client_id",s.target.value),placeholder:"Enter your Meeting SDK client ID"}),t.zoom_sdk_client_id&&e.jsx("p",{className:"text-sm text-red-500",children:t.zoom_sdk_client_id})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs(a,{children:["Meeting SDK Client Secret ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx(l,{required:!0,type:"password",value:r.zoom_sdk_client_secret,onChange:s=>i("zoom_sdk_client_secret",s.target.value),placeholder:"Enter your Meeting SDK client secret"}),t.zoom_sdk_client_secret&&e.jsx("p",{className:"text-sm text-red-500",children:t.zoom_sdk_client_secret})]})]}),e.jsx(b,{type:"submit",disabled:h,className:"w-full sm:w-auto",children:h?"Saving...":"Save Changes"})]})})]})}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs(d,{children:[e.jsx(m,{children:e.jsx(x,{className:"text-lg",children:"Setup Instructions"})}),e.jsxs(n,{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("h4",{className:"mb-2 font-medium",children:"Step 1: Create Zoom App"}),e.jsx("p",{className:"text-muted-foreground text-sm",children:"Go to the Zoom Marketplace and create a Server-to-Server OAuth app."})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"mb-2 font-medium",children:"Step 2: Get Credentials"}),e.jsx("p",{className:"text-muted-foreground text-sm",children:"Copy your Account ID, Client ID, and Client Secret from your app settings."})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"mb-2 font-medium",children:"Step 3: Web SDK (Optional)"}),e.jsx("p",{className:"text-muted-foreground text-sm",children:"If you want to embed Zoom meetings directly in your website, enable Web SDK and provide Meeting SDK credentials."})]})]})]}),e.jsxs(d,{children:[e.jsx(m,{children:e.jsx(x,{className:"text-lg",children:"Required Scopes"})}),e.jsx(n,{children:e.jsxs("ul",{className:"space-y-1 text-sm",children:[e.jsx("li",{children:"• meeting:write"}),e.jsx("li",{children:"• meeting:read"}),e.jsx("li",{children:"• user:read"})]})})]})]})]})]})};w.layout=o=>e.jsx(D,{children:o});export{w as default};
|