https://ecomflow.com/assets/Settings-DHz5jYn1.js

1import{r as n,j as s,b as e}from"./index-CqrTH2y7.js";import{u as A,a6 as E,f as T,B as t,V as I,l as O,c as D,M as F}from"./PortalApp-B4m0msCs.js";import{U as x}from"./user-DTPslcvg.js";import{j as L,e as v,d as U,h as b}from"./org-BTfYbU2w.js";import{U as P,W as B}from"./warehouse-CKiES7WU.js";import{P as M}from"./pencil-PrpmyQJz.js";const p=Intl.DateTimeFormat().resolvedOptions().timeZone||"UTC",R=["Europe/Amsterdam","Europe/London","America/New_York","America/Los_Angeles","Asia/Dubai","Asia/Singapore","Australia/Sydney","UTC"];function H(){const{toast:c}=A(),[d,g]=n.useState(E.fullName),[i,u]=n.useState(d),[l,r]=n.useState(!1),[h,w]=n.useState("browser"),[f,S]=n.useState(new Date),[m,o]=n.useState(null);n.useEffect(()=>{const a=window.setInterval(()=>S(new Date),3e4);return()=>window.clearInterval(a)},[]);const N=h==="browser"?p:h,k=n.useMemo(()=>new Intl.DateTimeFormat("en-GB",{day:"numeric",month:"short",year:"numeric",hour:"2-digit",minute:"2-digit",hour12:!1,timeZone:N}).format(f),[f,N]),z=[{value:"browser",label:`Follow my browser (${p})`},...R.filter(a=>a!==p).map(a=>({value:a,label:a.replace("_"," ")}))],y=()=>{i.trim()&&(g(i.trim()),r(!1),c("Name updated"))};return s("div",{className:"efp-page",children:[s("div",{className:"efp-set-head",children:[e("h1",{children:"Settings"}),e("p",{children:"Your own preferences, and the settings that apply to everyone in your organization."})]}),s("div",{className:"efp-set-tabs",children:[s("div",{className:"efp-set-group",children:[e("span",{className:"efp-set-group-label",children:"Just you"}),e("div",{children:s("button",{type:"button",className:"is-active",children:[e(x,{size:13}),"Profile"]})})]}),s("div",{className:"efp-set-group",children:[e("span",{className:"efp-set-group-label",children:"Organization settings"}),e("div",{children:[["Notifications",L],["Team",P],["Stock Locations",B]].map(([a,C])=>e(T,{label:"Only organization admins can change this",side:"bottom",children:s("button",{type:"button",disabled:!0,"aria-disabled":"true",children:[e(C,{size:13}),a]})},a))})]})]}),s("div",{className:"efp-set-col",children:[s("section",{className:"efp-set-section",children:[e("h2",{children:"Personal information"}),e("p",{className:"efp-set-sub",children:"Manage your name and account details."}),e("label",{className:"efp-label efp-set-label",htmlFor:"efp-set-name",children:"Name"}),s("div",{className:"efp-set-name",children:[e("input",{id:"efp-set-name",className:"efp-input",value:l?i:d,disabled:!l,onChange:a=>u(a.target.value),onKeyDown:a=>{a.key==="Enter"&&y(),a.key==="Escape"&&r(!1)},autoFocus:l}),l?s(n.Fragment,{children:[e(t,{onClick:()=>r(!1),children:"Cancel"}),e(t,{variant:"primary",disabled:!i.trim(),onClick:y,children:"Save"})]}):e(t,{icon:e(M,{}),onClick:()=>{u(d),r(!0)},children:"Edit"})]})]}),s("section",{className:"efp-set-section",children:[e("h2",{children:"Timezone"}),e("p",{className:"efp-set-sub",children:"Sets how dates and times are shown to you across the dashboard. Only you see the difference, and it does not change when your orders are processed or shipped."}),e(I,{className:"efp-set-tz",value:h,onChange:a=>{w(a),c("Timezone preference saved")},options:z,ariaLabel:"Timezone"}),s("p",{className:"efp-set-now",children:["Right now that shows as ",k,"."]}),s("div",{className:"efp-set-explain",children:[s("div",{className:"is-yours",children:[s("strong",{children:[e(v,{size:13})," Shown in your timezone"]}),e("small",{children:"the times our system stamps"}),s("ul",{children:[e("li",{children:"Order and stock activity timelines"}),e("li",{children:"History and audit entries"}),e("li",{children:"Tracking events"}),e("li",{children:"Support ticket times"}),e("li",{children:"Any created or updated time"})]})]}),s("div",{children:[s("strong",{children:[e(O,{size:13})," Shown the same to everyone"]}),e("small",{children:"dates that belong to the order, not to you"}),s("ul",{children:[e("li",{children:"Order dates from the warehouse"}),e("li",{children:"Whole-day dates, like invoice issue and due"}),e("li",{children:"Expected arrival dates and SLA deadlines"}),e("li",{children:"Chart date labels"}),e("li",{children:"Date pickers"})]})]})]})]}),s("section",{className:"efp-set-section",children:[e("h2",{className:"efp-set-big",children:"Shopify App"}),e("p",{className:"efp-set-sub",children:"Installation status of the Shopify app on your channels"}),e("div",{className:"efp-set-channels",children:[...U.channels].reverse().map(a=>s("div",{className:"efp-set-channel",children:[e(b,{size:15}),s("div",{children:[e("strong",{children:a.name}),e("span",{children:a.domain})]}),e("span",{className:"efp-set-chip",children:"Custom App"}),a.linked?s("span",{className:"efp-set-linked",children:[e(v,{size:11,strokeWidth:3}),"Linked"]}):e("button",{type:"button",className:D("efp-set-notinst"),onClick:()=>o(a),children:"Not Installed"})]},a.domain))})]})]}),m&&s(F,{width:460,onClose:()=>o(null),children:[s("div",{className:"efp-modal-title",children:[e(b,{size:17})," Install the ecomflow app"]}),s("p",{className:"efp-modal-sub",children:["Connect ",m.domain," so orders sync automatically."]}),s("ol",{className:"efp-set-steps",children:[s("li",{children:["Open your Shopify admin for ",e("b",{children:m.name}),"."]}),s("li",{children:["Go to ",e("b",{children:"Settings → Apps and sales channels → Develop apps"}),"."]}),s("li",{children:["Install the ",e("b",{children:"ecomflow Fulfillment"})," custom app with the link from your onboarding email."]}),s("li",{children:["Approve the requested permissions. The status here changes to ",e("b",{children:"Linked"})," within a few minutes."]})]}),s("div",{className:"efp-modal-foot",children:[e(t,{className:"push",onClick:()=>o(null),children:"Close"}),e(t,{variant:"primary",onClick:()=>{c("Install link sent to your email"),o(null)},children:"Email me the install link"})]})]})]})}export{H as SettingsPage};