[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_111":112,"_113":114},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22},"handle","tambovtsev007","name","ufin","path","frontend/src/pages_c.tsx","project",{"_23":49,"_11":12,"_36":50,"_51":-5,"_52":44,"_53":54,"_55":54,"_56":57,"_58":-5,"_59":60,"_61":62,"_63":35,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":87,"_88":89,"_90":91,"_92":44},"file",{"_23":24,"_11":25,"_26":27,"_28":29,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":17,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/tambovtsev007/ufin/code/frontend/src/pages_c.tsx","extension","tsx","id","7b696cf6-f6d3-45be-9312-04f35ad0588f","pages_c.tsx","fileId","173064f6-9d40-11f1-810a-1607ee4eb77e","parentId","2ba02cd3-9593-4dc3-a930-7ca2c0361271","branchId","4e7c594c-7131-44af-85f7-c363fcbc85c7","branchVersion",37,"latest",true,"createdAt",["D",1787307487707],"version",2,"fileType","content","// Страницы: Справочники (6 разделов), Настройки, Вход\nimport {\n React, useEffect, useState, api, fmt, fmtDate, todayStr, setPinLS,\n flatCats, Modal, Field, TInput, TSelect, Btn, IconBtn, PageTitle, Tabs, Icons,\n} from \"./lib.tsx\";\n\nconst REF_TITLES = {\n contractors: \"Контрагенты\", categories: \"Учётные статьи\", accounts: \"Мои счета\",\n les: \"Мои юрлица\", products: \"Товары\", services: \"Услуги\",\n};\n\n// ---------- Справочники ----------\nexport function PageRefs({ tab, meta, refreshMeta }) {\n const [modal, setModal] = useState(null);\n const del = async (type, id) => {\n if (!window.confirm(\"Удалить?\")) return;\n const r = await api(`/${type}/${id}`, \"DELETE\");\n if (r.error) alert(r.error); else refreshMeta();\n };\n const leName = Object.fromEntries((meta.legal_entities || []).map((l) => [l.id, l.name]));\n const products = (meta.products || []).filter((p) => (tab === \"products\" ? p.ptype === \"product\" : p.ptype === \"service\"));\n const createDefaults = {\n contractors: { type: \"contractors\" },\n categories: { type: \"categories\" },\n accounts: { type: \"accounts\" },\n les: { type: \"legal-entities\" },\n products: { type: \"products\", data0: { ptype: \"product\" } },\n services: { type: \"products\", data0: { ptype: \"service\" } },\n };\n return (\n

\n setModal(createDefaults[tab])}>Создать}>{REF_TITLES[tab]}\n {tab === \"accounts\" && (\n \n \n \n \n \n \n {meta.accounts.map((a) => (\n \n \n \n \n \n \n \n \n \n \n ))}\n \n \n \n \n \n

Название	Юрлицо	Группа	Тип	Банк	Начальный остаток	Текущий остаток
{a.name}	{leName[a.legal_entity_id] \|\| \"—\"}	{a.grp \|\| \"—\"}	{a.acc_type}	{a.bank \|\| \"—\"} {a.number}	{fmt(a.start_balance)} {fmtDate(a.start_date)}	{fmt(a.balance)}	\n setModal({ type: \"accounts\", data: a })} />\n del(\"accounts\", a.id)} />\n
{meta.accounts.length} счетов · Текущий остаток:	{fmt(meta.total_balance)}

\n )}\n {tab === \"contractors\" && setModal({ type: \"contractors\", data: x })} onDel={(id) => del(\"contractors\", id)} />}\n {tab === \"categories\" && setModal({ type: \"categories\", data: c })} onDel={(id) => del(\"categories\", id)} />}\n {tab === \"les\" && (\n \n \n \n {(meta.legal_entities || []).map((x) => (\n \n \n \n \n \n \n \n ))}\n \n

Название	ИНН	Счетов	Комментарий
{x.name}	{x.inn \|\| \"—\"}	{meta.accounts.filter((a) => a.legal_entity_id === x.id).length}	{x.comment \|\| \"\"}	\n setModal({ type: \"legal-entities\", data: x })} />\n del(\"legal-entities\", x.id)} />\n

\n )}\n {(tab === \"products\" || tab === \"services\") && (\n \n \n \n {products.map((x) => (\n \n \n \n \n \n \n ))}\n {products.length === 0 && }\n \n

Наименование	Единица	Цена, ₽
{x.name}	{x.unit}	{Number(x.price) ? fmt(x.price) : \"—\"}	\n setModal({ type: \"products\", data: x })} />\n del(\"products\", x.id)} />\n
Пока пусто — нажмите «Создать»

\n )}\n {modal && setModal(null)} onSaved={refreshMeta} />}\n

\n );\n}\n\nfunction ContractorsRef({ meta, onEdit, onDel }) {\n const [rows, setRows] = useState([]);\n useEffect(() => { api(\"/contractors/stats\").then(setRows); }, [meta.contractors]);\n const typeOf = (r) => {\n const i = Number(r.income), e = Number(r.expense);\n if (i && e) return \"Смешанный\";\n if (i) return \"Плательщик\";\n if (e) return \"Получатель\";\n return \"—\";\n };\n const tInc = rows.reduce((s, r) => s + Number(r.income), 0);\n const tExp = rows.reduce((s, r) => s + Number(r.expense), 0);\n return (\n

\n \n \n \n \n \n \n \n {rows.map((x) => {\n const diff = Number(x.income) - Number(x.expense);\n return (\n \n \n \n \n \n \n \n \n \n \n \n );\n })}\n \n

Контрагент ▴	Тип	Группа	ИНН	Операций	Поступления, ₽	Выплаты, ₽	Разница, ₽
{x.name}	{typeOf(x)}	{x.grp \|\| \"—\"}	{x.inn \|\| \"—\"}	{x.n}	{Number(x.income) ? fmt(x.income) : \"0.00\"}	{Number(x.expense) ? fmt(x.expense) : \"0.00\"}	0 ? \"text-emerald-600\" : diff < 0 ? \"text-rose-500\" : \"text-gray-500\")}>{diff > 0 ? \"+\" : \"\"}{fmt(diff)}	\n onEdit(meta.contractors.find((c) => c.id === x.id) \|\| x)} />\n onDel(x.id)} />\n

\n {rows.length} контрагентов\n Поступления: {fmt(tInc)}\n Выплаты: {fmt(tExp)}\n Разница: = 0 ? \"text-emerald-600\" : \"text-rose-500\"}>{tInc - tExp >= 0 ? \"+\" : \"\"}{fmt(tInc - tExp)}\n

\n );\n}\n\nfunction CatsRef({ meta, onEdit, onDel }) {\n const [kind, setKind] = useState(\"income\");\n const list = flatCats(meta.categories, kind);\n return (\n

\n \n

\n {list.map((c) => (\n

\n {c.name}\n \n onEdit(c)} />\n onDel(c.id)} />\n \n

\n ))}\n

\n );\n}\n\nfunction RefModal({ modal, meta, onClose, onSaved }) {\n const { type, data, data0 } = modal;\n const [f, setF] = useState(data || (type === \"accounts\"\n ? { name: \"\", acc_type: \"Безналичный\", bank: \"\", number: \"\", grp: \"\", start_balance: \"\", start_date: todayStr(), legal_entity_id: (meta.legal_entities[0] || {}).id || \"\" }\n : type === \"contractors\"\n ? { name: \"\", grp: \"\", inn: \"\", comment: \"\" }\n : type === \"legal-entities\"\n ? { name: \"\", inn: \"\", comment: \"\" }\n : type === \"products\"\n ? { name: \"\", ptype: (data0 || {}).ptype || \"service\", unit: \"шт\", price: \"\" }\n : { name: \"\", kind: \"income\", parent_id: \"\" }));\n const set = (k, v) => setF((s) => ({ ...s, [k]: v }));\n const save = async () => {\n if (!f.name) return alert(\"Укажите название\");\n const path = \"/\" + type + (f.id ? \"/\" + f.id : \"\");\n const r = await api(path, f.id ? \"PUT\" : \"POST\", { ...f, parent_id: f.parent_id ? Number(f.parent_id) : null, active: f.active !== 0 });\n if (r.error) return alert(r.error);\n onSaved(); onClose();\n };\n const titles = { accounts: \"Счёт\", contractors: \"Контрагент\", categories: \"Учётная статья\", \"legal-entities\": \"Юрлицо\", products: f.ptype === \"product\" ? \"Товар\" : \"Услуга\" };\n return (\n \n set(\"name\", e.target.value)} />\n {type === \"accounts\" && (\n

\n \n set(\"acc_type\", e.target.value)}>\n {[\"Безналичный\", \"Наличный\", \"Карта физлица\", \"Электронный\"].map((t) => )}\n \n \n \n set(\"legal_entity_id\", e.target.value)}>\n \n {(meta.legal_entities || []).map((l) => )}\n \n \n set(\"grp\", e.target.value)} placeholder=\"Основной счет / Налоговый…\" />\n set(\"bank\", e.target.value)} />\n set(\"number\", e.target.value)} />\n set(\"start_balance\", e.target.value)} />\n set(\"start_date\", e.target.value)} />\n

\n )}\n {type === \"contractors\" && (\n

\n \n set(\"grp\", e.target.value)}>\n \n {[\"Застройщик\", \"Брокер (ИП)\", \"Банк\", \"Сотрудник\", \"Покупатель\", \"Поставщик\", \"Прочее\"].map((g) => )}\n \n \n set(\"inn\", e.target.value)} />\n set(\"comment\", e.target.value)} />\n

\n )}\n {type === \"legal-entities\" && (\n

\n set(\"inn\", e.target.value)} />\n set(\"comment\", e.target.value)} />\n

\n )}\n {type === \"products\" && (\n

\n \n set(\"ptype\", e.target.value)}>\n \n \n \n set(\"unit\", e.target.value)} />\n set(\"price\", e.target.value)} />\n

\n )}\n {type === \"categories\" && (\n

\n \n set(\"kind\", e.target.value)} disabled={!!f.id}>\n \n \n \n \n set(\"parent_id\", e.target.value)}>\n \n {flatCats(meta.categories, f.kind).filter((c) => c.id !== f.id).map((c) => (\n \n ))}\n \n \n

\n )}\n

ОтменаСохранить

\n \n );\n}\n\n// ---------- Настройки ----------\nexport function PageSettings({ meta, refreshMeta }) {\n const [oldPin, setOldPin] = useState(\"\");\n const [newPin, setNewPin] = useState(\"\");\n const [cname, setCname] = useState((meta && meta.company_name) || \"\");\n const [msg, setMsg] = useState(\"\");\n const saveCompany = async () => {\n await api(\"/settings/company\", \"POST\", { name: cname });\n setMsg(\"Название компании сохранено\");\n refreshMeta();\n };\n const changePin = async () => {\n const r = await api(\"/settings/pin\", \"POST\", { oldPin, newPin });\n setMsg(r.ok ? \"PIN изменён\" : r.error || \"Ошибка\");\n if (r.ok) { setPinLS(newPin); setOldPin(\"\"); setNewPin(\"\"); }\n };\n const demo = async (action) => {\n if (action === \"clear\" && !window.confirm(\"Удалить ВСЕ операции и сделки?\")) return;\n await api(\"/demo\", \"POST\", { action });\n setMsg(action === \"clear\" ? \"Операции и сделки очищены\" : \"Демо-данные загружены\");\n refreshMeta();\n };\n return (\n

\n Настройки\n

Общие настройки

\n setCname(e.target.value)} />\n Сохранить\n

Сменить PIN-код

\n setOldPin(e.target.value)} />\n setNewPin(e.target.value)} />\n Сохранить\n

Данные

\n demo(\"load\")}>Загрузить демо-данные\n demo(\"clear\")}>Очистить операции и сделки\n

\n {msg &&

{msg}

}\n view source\n

\n );\n}\n\n// ---------- Вход ----------\nexport function Login({ onOk }) {\n const [pin, setPin] = useState(\"\");\n const [err, setErr] = useState(\"\");\n const submit = async (e) => {\n e.preventDefault();\n const r = await api(\"/login\", \"POST\", { pin });\n if (r.ok) { setPinLS(pin); onOk(); } else setErr(\"Неверный PIN\");\n };\n return (\n

\n );\n}\n","deleted",false,"label",[47,48,25],"frontend","src","6e904ebf-a254-4dd3-b3e8-cca1eea5f4a2",["D",1787239139778],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","U.fin — финансовая система агентства недвижимости","imageUrl","userId","caa5b6a0-dd4e-4cd6-a997-9389a6a43948","pinnedFileId","8193b528-9caa-11f1-a2f1-1607ee4eb77e","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019eff71-5749-76b5-abdd-e25a47b3deca","tursoName","6e904ebfa2544dd3b3e8cca1eea5f4a2","tursoHostname","6e904ebfa2544dd3b3e8cca1eea5f4a2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789499469860],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_110":106},"org",{"_9":10,"_103":104,"_105":106,"_59":60,"_107":108,"_109":44},"branch",{"_38":93,"_11":94,"_23":31,"_95":49,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":12,"_102":10},"isOwned",61,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Кирилл Тамбовцев","avatar","https://lh3.googleusercontent.com/a/ACg8ocKCNneTjcn307kcxhB_NS1R7_0SBhSKM-2hy73z0JvhXFipwkhs=s96-c","tier","free","canRestrictVals","profileImageUrl","ctx",{"_86":-5,"_144":145,"_146":147,"_148":149,"_150":44,"_151":44,"_152":44,"_153":35,"_154":-5,"_155":-7,"_156":-7,"_157":67,"_158":44,"_159":44,"_160":-5,"_161":44,"_162":44,"_163":44,"_164":-5},"ENV",{"_115":116,"_117":118,"_119":94,"_120":121,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135,"_136":137,"_138":139,"_140":141,"_142":143},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]