https://slugish.ai/build/assets/appearance-DDvJdTiD.js

1import{i as b,j as e,u as f,r as n,H as y}from"./app-DP13319Q.js";import{F as k,ap as j}from"./index-CtyZ6W6U.js";import{M as v}from"./react-tooltip.min-DW3XhwOj.js";import{c as x}from"./utils-SWYxlXfx.js";import{c as p}from"./createLucideIcon-BZKkeQZf.js";import{S as w}from"./layout-Dn2iQppg.js";import{D as N}from"./DraggableMenu-Bk7Spryo.js";import"./model-viewer-BNdxy5m2.js";/* empty css            */import"./clsx-B-dksMZM.js";import"./index-DQkUn08L.js";/**
2 * @license lucide-react v0.475.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const S=[["rect",{width:"20",height:"14",x:"2",y:"3",rx:"2",key:"48i651"}],["line",{x1:"8",x2:"16",y1:"21",y2:"21",key:"1svkeh"}],["line",{x1:"12",x2:"12",y1:"17",y2:"21",key:"vw1qmm"}]],C=p("Monitor",S);/**
7 * @license lucide-react v0.475.0 - ISC
8 *
9 * This source code is licensed under the ISC license.
10 * See the LICENSE file in the root directory of this source tree.
11 */const M=[["path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z",key:"a7tn18"}]],U=p("Moon",M);/**
12 * @license lucide-react v0.475.0 - ISC
13 *
14 * This source code is licensed under the ISC license.
15 * See the LICENSE file in the root directory of this source tree.
16 */const z=[["circle",{cx:"12",cy:"12",r:"4",key:"4exip2"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"m4.93 4.93 1.41 1.41",key:"149t6j"}],["path",{d:"m17.66 17.66 1.41 1.41",key:"ptbguv"}],["path",{d:"M2 12h2",key:"1t8f8n"}],["path",{d:"M20 12h2",key:"1q8mjw"}],["path",{d:"m6.34 17.66-1.41 1.41",key:"1m8zz5"}],["path",{d:"m19.07 4.93-1.41 1.41",key:"1shlcs"}]],E=p("Sun",z);function L({className:c="",...t}){const{appearance:l,updateAppearance:m}=b(),u=[{value:"light",icon:E,label:"Light"},{value:"dark",icon:U,label:"Dark"},{value:"system",icon:C,label:"System"}];return e.jsx("div",{className:x("inline-flex gap-1 rounded-lg bg-neutral-100 p-1 dark:bg-neutral-800",c),...t,children:u.map(({value:o,icon:r,label:i})=>e.jsxs("button",{onClick:()=>m(o),className:x("flex items-center rounded-md px-3.5 py-1.5 transition-colors",l===o?"bg-white shadow-xs dark:bg-neutral-700 dark:text-neutral-100":"text-neutral-500 hover:bg-neutral-200/60 hover:text-black dark:text-neutral-400 dark:hover:bg-neutral-700/60"),children:[e.jsx(r,{className:"-ml-1 h-4 w-4"}),e.jsx("span",{className:"ml-1.5 text-sm",children:i})]},o))})}function q(){const{auth:c,template:t}=f().props,[l,m]=n.useState(!0),[u,o]=n.useState(""),r=n.useCallback(a=>{try{return new URL(a),!0}catch{return!1}},[]),i=n.useCallback(a=>{var s;return a&&((s=a.split("?")[0].split(".").pop())==null?void 0:s.toLowerCase())||""},[]),h=n.useCallback(a=>a?["jpg","jpeg","png","gif","bmp","tiff","tif","webp","apng","svg","ico"].includes(a):!1,[]),g=n.useMemo(()=>t!=null&&t.image&&h(i(t.image))?e.jsx("style",{children:`
17                    .blur-bg {
18                        background: url('${t.user_id===0?"https://admin.ez3d.ai/":"https://ez.wiki/"}${t.image}') no-repeat center center;
19                        background-size: cover;
20                    }
21                `}):null,[t,i,h]);return n.useEffect(()=>{if(t!=null&&t.image&&/<[a-z][\s\S]*>/i.test(t.image)&&!r(t.image)){const d=new Blob([t.image],{type:"text/html"}),s=URL.createObjectURL(d);return o(s),()=>{URL.revokeObjectURL(s)}}},[t,r]),n.useEffect(()=>{if(t!=null&&t.image&&(t.image.includes("facebook.com")||t.image.includes("fb.watch"))){const a=document.createElement("script");return a.src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0",a.async=!0,a.defer=!0,a.crossOrigin="anonymous",document.body.appendChild(a),()=>{document.body.contains(a)&&document.body.removeChild(a)}}},[t]),e.jsxs(e.Fragment,{children:[e.jsxs(y,{children:[e.jsx("title",{children:"Appearance Settings"}),g]}),e.jsx(v,{id:"appearance-tooltip"}),e.jsx("style",{children:`
22                .react-tooltip {
23                    z-index: 99999 !important;
24                    opacity: 1 !important;
25                    font-size: 12px;
26                    padding: 4px 8px;
27                }
28            `}),e.jsx(N,{auth:c}),e.jsx("main",{className:"relative flex justify-center items-center p-4 min-h-screen overflow-hidden",children:l&&e.jsx("div",{className:"relative mt-4 mx-auto bottom-4 z-50 backdrop-blur-sm p-4 rounded-xl border border-white-700 overflow-y-auto shadow-2xl w-full",children:e.jsx(w,{children:e.jsx("div",{className:"relative",children:e.jsxs("div",{className:"bg-gray-800/80 border-gray-700 rounded-lg p-6 space-y-6 backdrop-blur-sm",children:[e.jsx("div",{className:"flex justify-between items-center",children:e.jsxs("h2",{className:"text-xl font-bold text-white","data-tooltip-id":"appearance-tooltip","data-tooltip-content":"Change the look and feel of your profile.",children:[e.jsx(k,{icon:j,className:"mr-2"}),"Appearance Settings"]})}),e.jsx("p",{className:"text-sm text-gray-400","data-tooltip-id":"appearance-tooltip","data-tooltip-content":"Select a tab to modify different visual aspects of your account.",children:"Customize your account's appearance and theme settings."}),e.jsx("div",{className:"pt-4 border-t border-gray-700","data-tooltip-id":"appearance-tooltip","data-tooltip-content":"Use these tabs to upload a background, cho

28ose a theme, or apply custom CSS.",children:e.jsx(L,{})})]})})})})})]})}export{q as default};