function Settings() {
  var DU = window.DULIUS || {};
  var initN = (DU.settings && DU.settings.notifications) || {};
  var norm = function (n) { return { offers: n.offers !== false, deals: n.deals !== false, documents: n.documents !== false, product: n.product === true, sms: n.sms === true }; };
  var _a = React.useState(norm(initN)); var prefs = _a[0], setPrefs = _a[1];
  var _b = React.useState(false); var saved = _b[0], setSaved = _b[1];
  React.useEffect(function () {
    if (window.duliusLoadSettings) {
      Promise.resolve(window.duliusLoadSettings()).then(function () {
        var s = window.DULIUS && window.DULIUS.settings && window.DULIUS.settings.notifications;
        if (s) setPrefs(norm(s));
      });
    }
  }, []);
  var update = function (key) {
    var next = Object.assign({}, prefs); next[key] = !next[key];
    setPrefs(next); setSaved(false);
    if (window.duliusSaveSettings) {
      Promise.resolve(window.duliusSaveSettings({ notifications: next })).then(function (ok) {
        if (ok) { setSaved(true); setTimeout(function () { setSaved(false); }, 2000); }
      });
    }
  };
  var user = DU.user || {};
  return (
    <div className="dscreen">
      <div className="dpanel">
        <div className="dpanel-head">
          <h3 className="ds-h3">Notifications</h3>
          {saved ? <span className="ds-overline" style={{ color: "var(--ds-ok, #1a7f4b)" }}>Saved</span> : null}
        </div>
        <div className="dprefs">
          <Toggle label="Funding offers" sub="When a new offer is ready for you" on={prefs.offers} onToggle={function () { update("offers"); }} />
          <Toggle label="Deal updates" sub="Status changes on your active deals" on={prefs.deals} onToggle={function () { update("deals"); }} />
          <Toggle label="Document reminders" sub="When a required document is missing or expiring" on={prefs.documents} onToggle={function () { update("documents"); }} />
          <Toggle label="Product news" sub="New features and occasional tips" on={prefs.product} onToggle={function () { update("product"); }} />
          <Toggle label="Text message alerts" sub="Time-sensitive updates by SMS" on={prefs.sms} onToggle={function () { update("sms"); }} />
        </div>
      </div>
      <div className="dpanel">
        <div className="dpanel-head"><h3 className="ds-h3">Account</h3></div>
        <div className="dfields">
          <div className="dfield-row"><span className="dfield-k">Name</span><span className="dfield-v">{user.name || "Not set"}</span></div>
          <div className="dfield-row"><span className="dfield-k">Email</span><span className="dfield-v">{user.email || "Not set"}</span></div>
          <div className="dfield-row"><span className="dfield-k">Business</span><span className="dfield-v">{user.business || "Not set"}</span></div>
        </div>
        <p className="dcomplete-sub" style={{ marginTop: "12px" }}>
          To update your name, email, or password, open your{" "}
          <a className="dlink" href="#" onClick={function (e) { e.preventDefault(); if (window.Clerk && window.Clerk.openUserProfile) window.Clerk.openUserProfile(); }}>account settings</a>.
        </p>
      </div>
    </div>
  );
}
window.Settings = Settings;