@withpotter/components 0.13.0-next.101

package/dist/intents/send-invoices.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/intents/send-invoices.ts"],"sourcesContent":["import { defineIntent, route } from './define';\nimport { mountable } from './mountable';\n\n/** Send invoices: services billed directly, never checked out of a storefront. */\nexport default defineIntent({\n  key: 'send-invoices',\n  label: 'Send invoices',\n  group: 'Get paid by invoice or plan',\n  nav: { label: 'Invoicing', icon: 'Receipt' },\n  behaviors: ['billable'],\n  vocabulary: {\n    item: ['Service', 'Services'],\n    order: ['Invoice', 'Invoices'],\n    booking: ['Appointment', 'Appointments'],\n    resource: ['Resource', 'Resources'],\n  },\n  routes: [\n    route({\n      path: 'invoice-services',\n      label: 'Billable services',\n      landingLabel: 'Billable services',\n      icon: 'FileText',\n      requires: ['billable'],\n      permissions: ['canViewProducts', 'canManageProducts'],\n      empty: {\n        title: 'No billable services yet',\n        description: 'Add what you bill for and it will appear here.',\n      },\n      mount: mountable.itemList,\n      props: {\n        data: { call: 'items.list', filter: { intent: 'send-invoices' } },\n      },\n    }),\n    route({\n      path: 'client-invoices',\n      label: 'Invoices',\n      navId: 'invoices',\n      icon: 'Receipt',\n      requires: ['billable'],\n      permissions: ['canViewOrders', 'canManageOrders'],\n      mount: mountable.invoiceList,\n    }),\n    route({\n      path: 'new-billable-service',\n      label: 'New billable service',\n      icon: 'Plus',\n      hidden: true,\n      requires: ['billable'],\n      permissions: ['canManageProducts'],\n      mount: mountable.itemCreate,\n      props: { data: { call: 'items.create', intent: 'send-invoices' } },\n    }),\n  ],\n});\n"],"mappings":"AAAA,SAAS,cAAc,aAAa;AACpC,SAAS,iBAAiB;AAG1B,IAAO,wBAAQ,aAAa;AAAA,EAC1B,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,KAAK,EAAE,OAAO,aAAa,MAAM,UAAU;AAAA,EAC3C,WAAW,CAAC,UAAU;AAAA,EACtB,YAAY;AAAA,IACV,MAAM,CAAC,WAAW,UAAU;AAAA,IAC5B,OAAO,CAAC,WAAW,UAAU;AAAA,IAC7B,SAAS,CAAC,eAAe,cAAc;AAAA,IACvC,UAAU,CAAC,YAAY,WAAW;AAAA,EACpC;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,MAAM;AAAA,MACN,UAAU,CAAC,UAAU;AAAA,MACrB,aAAa,CAAC,mBAAmB,mBAAmB;AAAA,MACpD,OAAO;AAAA,QACL,OAAO;AAAA,QACP,aAAa;AAAA,MACf;AAAA,MACA,OAAO,UAAU;AAAA,MACjB,OAAO;AAAA,QACL,MAAM,EAAE,MAAM,cAAc,QAAQ,EAAE,QAAQ,gBAAgB,EAAE;AAAA,MAClE;AAAA,IACF,CAAC;AAAA,IACD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU,CAAC,UAAU;AAAA,MACrB,aAAa,CAAC,iBAAiB,iBAAiB;AAAA,MAChD,OAAO,UAAU;AAAA,IACnB,CAAC;AAAA,IACD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,UAAU,CAAC,UAAU;AAAA,MACrB,aAAa,CAAC,mBAAmB;AAAA,MACjC,OAAO,UAAU;AAAA,MACjB,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,QAAQ,gBAAgB,EAAE;AAAA,IACnE,CAAC;AAAA,EACH;AACF,CAAC;","names":[]}

package/dist/intents/subscriptions.d.ts

@@ -0,0 +1,3 @@
+/** Offer memberships: plans people subscribe to, billed on a schedule. */
+declare const _default: import("./define").IntentComposer;
+export default _default;

package/dist/intents/subscriptions.js

@@ -0,0 +1,45 @@
+import { defineIntent, route } from "./define";
+import { mountable } from "./mountable";
+var subscriptions_default = defineIntent({
+  key: "subscriptions",
+  label: "Offer memberships",
+  group: "Get paid by invoice or plan",
+  nav: { label: "Memberships", icon: "CreditCard" },
+  behaviors: ["subscribable"],
+  vocabulary: {
+    item: ["Plan", "Plans"],
+    order: ["Membership", "Memberships"],
+    booking: ["Booking", "Bookings"],
+    resource: ["Resource", "Resources"]
+  },
+  routes: [
+    route({
+      path: "membership-plans",
+      label: "Plans",
+      landingLabel: "Plans and members",
+      icon: "CreditCard",
+      requires: ["subscribable"],
+      permissions: ["canViewProducts", "canManageProducts"],
+      mount: mountable.membershipPlans
+    }),
+    route({
+      path: "membership-orders",
+      label: "Membership orders",
+      icon: "Receipt",
+      requires: ["subscribable"],
+      permissions: ["canViewOrders", "canManageOrders"],
+      empty: {
+        title: "No membership orders yet",
+        description: "Orders for your plans will appear here."
+      },
+      mount: mountable.orderList,
+      props: {
+        data: { call: "orders.list", filter: { intent: "subscriptions" } }
+      }
+    })
+  ]
+});
+export {
+  subscriptions_default as default
+};
+//# sourceMappingURL=subscriptions.js.map

package/dist/intents/subscriptions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/intents/subscriptions.ts"],"sourcesContent":["import { defineIntent, route } from './define';\nimport { mountable } from './mountable';\n\n/** Offer memberships: plans people subscribe to, billed on a schedule. */\nexport default defineIntent({\n  key: 'subscriptions',\n  label: 'Offer memberships',\n  group: 'Get paid by invoice or plan',\n  nav: { label: 'Memberships', icon: 'CreditCard' },\n  behaviors: ['subscribable'],\n  vocabulary: {\n    item: ['Plan', 'Plans'],\n    order: ['Membership', 'Memberships'],\n    booking: ['Booking', 'Bookings'],\n    resource: ['Resource', 'Resources'],\n  },\n  routes: [\n    route({\n      path: 'membership-plans',\n      label: 'Plans',\n      landingLabel: 'Plans and members',\n      icon: 'CreditCard',\n      requires: ['subscribable'],\n      permissions: ['canViewProducts', 'canManageProducts'],\n      mount: mountable.membershipPlans,\n    }),\n    route({\n      path: 'membership-orders',\n      label: 'Membership orders',\n      icon: 'Receipt',\n      requires: ['subscribable'],\n      permissions: ['canViewOrders', 'canManageOrders'],\n      empty: {\n        title: 'No membership orders yet',\n        description: 'Orders for your plans will appear here.',\n      },\n      mount: mountable.orderList,\n      props: {\n        data: { call: 'orders.list', filter: { intent: 'subscriptions' } },\n      },\n    }),\n  ],\n});\n"],"mappings":"AAAA,SAAS,cAAc,aAAa;AACpC,SAAS,iBAAiB;AAG1B,IAAO,wBAAQ,aAAa;AAAA,EAC1B,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,KAAK,EAAE,OAAO,eAAe,MAAM,aAAa;AAAA,EAChD,WAAW,CAAC,cAAc;AAAA,EAC1B,YAAY;AAAA,IACV,MAAM,CAAC,QAAQ,OAAO;AAAA,IACtB,OAAO,CAAC,cAAc,aAAa;AAAA,IACnC,SAAS,CAAC,WAAW,UAAU;AAAA,IAC/B,UAAU,CAAC,YAAY,WAAW;AAAA,EACpC;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,MAAM;AAAA,MACN,UAAU,CAAC,cAAc;AAAA,MACzB,aAAa,CAAC,mBAAmB,mBAAmB;AAAA,MACpD,OAAO,UAAU;AAAA,IACnB,CAAC;AAAA,IACD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU,CAAC,cAAc;AAAA,MACzB,aAAa,CAAC,iBAAiB,iBAAiB;AAAA,MAChD,OAAO;AAAA,QACL,OAAO;AAAA,QACP,aAAa;AAAA,MACf;AAAA,MACA,OAAO,UAAU;AAAA,MACjB,OAAO;AAAA,QACL,MAAM,EAAE,MAAM,eAAe,QAAQ,EAAE,QAAQ,gBAAgB,EAAE;AAAA,MACnE;AAAA,IACF,CAAC;AAAA,EACH;AACF,CAAC;","names":[]}

package/dist/intents/take-bookings.d.ts

@@ -0,0 +1,3 @@
+/** Take bookings: services people reserve, the staff who deliver them. */
+declare const _default: import("./define").IntentComposer;
+export default _default;

package/dist/intents/take-bookings.js

@@ -0,0 +1,78 @@
+import { defineIntent, route } from "./define";
+import { mountable } from "./mountable";
+var take_bookings_default = defineIntent({
+  key: "take-bookings",
+  label: "Take bookings",
+  group: "Let people book or enquire",
+  nav: { label: "Bookings", icon: "CalendarClock" },
+  behaviors: ["bookable"],
+  resources: ["staff", "equipment", "vehicle"],
+  vocabulary: {
+    item: ["Service", "Services"],
+    order: ["Booking", "Bookings"],
+    booking: ["Appointment", "Appointments"],
+    resource: ["Staff member", "Staff"]
+  },
+  routes: [
+    route({
+      path: "booking-services",
+      label: "Services",
+      landingLabel: "Services",
+      icon: "LayoutGrid",
+      requires: ["bookable"],
+      permissions: ["canViewProducts", "canManageProducts"],
+      empty: {
+        title: "No services yet",
+        description: "Add what people can book and it will appear here."
+      },
+      mount: mountable.itemList,
+      props: {
+        data: { call: "items.list", filter: { intent: "take-bookings" } }
+      }
+    }),
+    route({
+      path: "booking-appointments",
+      label: "Appointments",
+      icon: "Calendar",
+      requires: ["bookable"],
+      permissions: ["canViewOrders", "canManageOrders"],
+      mount: mountable.bookingList,
+      props: {
+        data: {
+          call: "bookings.list",
+          filter: { types: ["appointment", "class", "resource"] }
+        }
+      }
+    }),
+    route({
+      path: "booking-staff",
+      label: "Staff",
+      icon: "Users",
+      requires: ["bookable"],
+      permissions: ["canManageProducts"],
+      mount: mountable.resourceList
+    }),
+    route({
+      path: "booking-waitlist",
+      label: "Appointment waitlist",
+      icon: "Clock",
+      requires: ["bookable"],
+      permissions: ["canViewOrders", "canManageOrders"],
+      mount: mountable.waitlist
+    }),
+    route({
+      path: "new-service",
+      label: "New service",
+      icon: "Plus",
+      hidden: true,
+      requires: ["bookable"],
+      permissions: ["canManageProducts"],
+      mount: mountable.sessionCreate,
+      props: { data: { call: "sessions.create", intent: "take-bookings" } }
+    })
+  ]
+});
+export {
+  take_bookings_default as default
+};
+//# sourceMappingURL=take-bookings.js.map

package/dist/intents/take-bookings.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/intents/take-bookings.ts"],"sourcesContent":["import { defineIntent, route } from './define';\nimport { mountable } from './mountable';\n\n/** Take bookings: services people reserve, the staff who deliver them. */\nexport default defineIntent({\n  key: 'take-bookings',\n  label: 'Take bookings',\n  group: 'Let people book or enquire',\n  nav: { label: 'Bookings', icon: 'CalendarClock' },\n  behaviors: ['bookable'],\n  resources: ['staff', 'equipment', 'vehicle'],\n  vocabulary: {\n    item: ['Service', 'Services'],\n    order: ['Booking', 'Bookings'],\n    booking: ['Appointment', 'Appointments'],\n    resource: ['Staff member', 'Staff'],\n  },\n  routes: [\n    route({\n      path: 'booking-services',\n      label: 'Services',\n      landingLabel: 'Services',\n      icon: 'LayoutGrid',\n      requires: ['bookable'],\n      permissions: ['canViewProducts', 'canManageProducts'],\n      empty: {\n        title: 'No services yet',\n        description: 'Add what people can book and it will appear here.',\n      },\n      mount: mountable.itemList,\n      props: {\n        data: { call: 'items.list', filter: { intent: 'take-bookings' } },\n      },\n    }),\n    route({\n      path: 'booking-appointments',\n      label: 'Appointments',\n      icon: 'Calendar',\n      requires: ['bookable'],\n      permissions: ['canViewOrders', 'canManageOrders'],\n      mount: mountable.bookingList,\n      props: {\n        data: {\n          call: 'bookings.list',\n          filter: { types: ['appointment', 'class', 'resource'] },\n        },\n      },\n    }),\n    route({\n      path: 'booking-staff',\n      label: 'Staff',\n      icon: 'Users',\n      requires: ['bookable'],\n      permissions: ['canManageProducts'],\n      mount: mountable.resourceList,\n    }),\n    route({\n      path: 'booking-waitlist',\n      label: 'Appointment waitlist',\n      icon: 'Clock',\n      requires: ['bookable'],\n      permissions: ['canViewOrders', 'canManageOrders'],\n      mount: mountable.waitlist,\n    }),\n    route({\n      path: 'new-service',\n      label: 'New service',\n      icon: 'Plus',\n      hidden: true,\n      requires: ['bookable'],\n      permissions: ['canManageProducts'],\n      mount: mountable.sessionCreate,\n      props: { data: { call: 'sessions.create', intent: 'take-bookings' } },\n    }),\n  ],\n});\n"],"mappings":"AAAA,SAAS,cAAc,aAAa;AACpC,SAAS,iBAAiB;AAG1B,IAAO,wBAAQ,aAAa;AAAA,EAC1B,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,KAAK,EAAE,OAAO,YAAY,MAAM,gBAAgB;AAAA,EAChD,WAAW,CAAC,UAAU;AAAA,EACtB,WAAW,CAAC,SAAS,aAAa,SAAS;AAAA,EAC3C,YAAY;AAAA,IACV,MAAM,CAAC,WAAW,UAAU;AAAA,IAC5B,OAAO,CAAC,WAAW,UAAU;AAAA,IAC7B,SAAS,CAAC,eAAe,cAAc;AAAA,IACvC,UAAU,CAAC,gBAAgB,OAAO;AAAA,EACpC;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,MAAM;AAAA,MACN,UAAU,CAAC,UAAU;AAAA,MACrB,aAAa,CAAC,mBAAmB,mBAAmB;AAAA,MACpD,OAAO;AAAA,QACL,OAAO;AAAA,QACP,aAAa;AAAA,MACf;AAAA,MACA,OAAO,UAAU;AAAA,MACjB,OAAO;AAAA,QACL,MAAM,EAAE,MAAM,cAAc,QAAQ,EAAE,QAAQ,gBAAgB,EAAE;AAAA,MAClE;AAAA,IACF,CAAC;AAAA,IACD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU,CAAC,UAAU;AAAA,MACrB,aAAa,CAAC,iBAAiB,iBAAiB;AAAA,MAChD,OAAO,UAAU;AAAA,MACjB,OAAO;AAAA,QACL,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,QAAQ,EAAE,OAAO,CAAC,eAAe,SAAS,UAAU,EAAE;AAAA,QACxD;AAAA,MACF;AAAA,IACF,CAAC;AAAA,IACD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU,CAAC,UAAU;AAAA,MACrB,aAAa,CAAC,mBAAmB;AAAA,MACjC,OAAO,UAAU;AAAA,IACnB,CAAC;AAAA,IACD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU,CAAC,UAAU;AAAA,MACrB,aAAa,CAAC,iBAAiB,iBAAiB;AAAA,MAChD,OAAO,UAAU;AAAA,IACnB,CAAC;AAAA,IACD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,UAAU,CAAC,UAAU;AAAA,MACrB,aAAa,CAAC,mBAAmB;AAAA,MACjC,OAAO,UAAU;AAAA,MACjB,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,QAAQ,gBAAgB,EAAE;AAAA,IACtE,CAAC;AAAA,EACH;AACF,CAAC;","names":[]}

package/dist/intents/validate.d.ts

@@ -0,0 +1,9 @@
+import type { IntentComposer } from './define';
+/**
+ * What is wrong with a set of composer files, as sentences. Empty is fine.
+ *
+ * `takenSegments` is the set of real route folders under /dashboard. A composed
+ * path that equals one would never be reached, because the folder wins over the
+ * catch-all — the screen would simply not exist and nothing would say why.
+ */
+export declare function findRouteProblems(intents: readonly IntentComposer[], takenSegments: ReadonlySet<string>): string[];

package/dist/intents/validate.js

@@ -0,0 +1,35 @@
+import { allRoutes } from "./resolve";
+const PATH_SHAPE = /^[a-z0-9]+(-[a-z0-9]+)*$/;
+function findRouteProblems(intents, takenSegments) {
+  const problems = [];
+  const keys = /* @__PURE__ */ new Set();
+  for (const intent of intents) {
+    if (keys.has(intent.key))
+      problems.push(`Intent "${intent.key}" is listed twice.`);
+    keys.add(intent.key);
+    if (intent.routes.length === 0)
+      problems.push(`Intent "${intent.key}" has no routes.`);
+  }
+  const seen = /* @__PURE__ */ new Map();
+  for (const { intent, route } of allRoutes(intents)) {
+    if (!PATH_SHAPE.test(route.path))
+      problems.push(
+        `${intent}: "${route.path}" must be one kebab-case segment, e.g. "ticket-orders".`
+      );
+    const owner = seen.get(route.path);
+    if (owner)
+      problems.push(
+        `"${route.path}" is claimed by both ${owner} and ${intent}.`
+      );
+    seen.set(route.path, intent);
+    if (takenSegments.has(route.path))
+      problems.push(
+        `${intent}: "${route.path}" is already a real route under /dashboard, so it would never be reached.`
+      );
+  }
+  return problems;
+}
+export {
+  findRouteProblems
+};
+//# sourceMappingURL=validate.js.map

package/dist/intents/validate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/intents/validate.ts"],"sourcesContent":["import type { IntentComposer } from './define';\nimport { allRoutes } from './resolve';\n\nconst PATH_SHAPE = /^[a-z0-9]+(-[a-z0-9]+)*$/;\n\n/**\n * What is wrong with a set of composer files, as sentences. Empty is fine.\n *\n * `takenSegments` is the set of real route folders under /dashboard. A composed\n * path that equals one would never be reached, because the folder wins over the\n * catch-all — the screen would simply not exist and nothing would say why.\n */\nexport function findRouteProblems(\n  intents: readonly IntentComposer[],\n  takenSegments: ReadonlySet<string>,\n): string[] {\n  const problems: string[] = [];\n\n  const keys = new Set<string>();\n  for (const intent of intents) {\n    if (keys.has(intent.key))\n      problems.push(`Intent \"${intent.key}\" is listed twice.`);\n    keys.add(intent.key);\n    if (intent.routes.length === 0)\n      problems.push(`Intent \"${intent.key}\" has no routes.`);\n  }\n\n  const seen = new Map<string, string>();\n  for (const { intent, route } of allRoutes(intents)) {\n    if (!PATH_SHAPE.test(route.path))\n      problems.push(\n        `${intent}: \"${route.path}\" must be one kebab-case segment, e.g. \"ticket-orders\".`,\n      );\n\n    const owner = seen.get(route.path);\n    if (owner)\n      problems.push(\n        `\"${route.path}\" is claimed by both ${owner} and ${intent}.`,\n      );\n    seen.set(route.path, intent);\n\n    if (takenSegments.has(route.path))\n      problems.push(\n        `${intent}: \"${route.path}\" is already a real route under /dashboard, so it would never be reached.`,\n      );\n  }\n\n  return problems;\n}\n"],"mappings":"AACA,SAAS,iBAAiB;AAE1B,MAAM,aAAa;AASZ,SAAS,kBACd,SACA,eACU;AACV,QAAM,WAAqB,CAAC;AAE5B,QAAM,OAAO,oBAAI,IAAY;AAC7B,aAAW,UAAU,SAAS;AAC5B,QAAI,KAAK,IAAI,OAAO,GAAG;AACrB,eAAS,KAAK,WAAW,OAAO,GAAG,oBAAoB;AACzD,SAAK,IAAI,OAAO,GAAG;AACnB,QAAI,OAAO,OAAO,WAAW;AAC3B,eAAS,KAAK,WAAW,OAAO,GAAG,kBAAkB;AAAA,EACzD;AAEA,QAAM,OAAO,oBAAI,IAAoB;AACrC,aAAW,EAAE,QAAQ,MAAM,KAAK,UAAU,OAAO,GAAG;AAClD,QAAI,CAAC,WAAW,KAAK,MAAM,IAAI;AAC7B,eAAS;AAAA,QACP,GAAG,MAAM,MAAM,MAAM,IAAI;AAAA,MAC3B;AAEF,UAAM,QAAQ,KAAK,IAAI,MAAM,IAAI;AACjC,QAAI;AACF,eAAS;AAAA,QACP,IAAI,MAAM,IAAI,wBAAwB,KAAK,QAAQ,MAAM;AAAA,MAC3D;AACF,SAAK,IAAI,MAAM,MAAM,MAAM;AAE3B,QAAI,cAAc,IAAI,MAAM,IAAI;AAC9B,eAAS;AAAA,QACP,GAAG,MAAM,MAAM,MAAM,IAAI;AAAA,MAC3B;AAAA,EACJ;AAEA,SAAO;AACT;","names":[]}

package/dist/intents.d.ts

@@ -0,0 +1 @@
+export * from './intents/index';

package/dist/intents.js

@@ -0,0 +1 @@
+export * from './intents/index.js';

package/dist/invoice-editor/index.d.ts

@@ -0,0 +1,2 @@
+export { InvoiceEditorPage } from './invoice-editor-page';
+export { InvoiceEditor } from './invoice-editor';

package/dist/invoice-editor/index.js

@@ -0,0 +1,7 @@
+import { InvoiceEditorPage } from "./invoice-editor-page";
+import { InvoiceEditor } from "./invoice-editor";
+export {
+  InvoiceEditor,
+  InvoiceEditorPage
+};
+//# sourceMappingURL=index.js.map

package/dist/invoice-editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/invoice-editor/index.ts"],"sourcesContent":["export { InvoiceEditorPage } from './invoice-editor-page';\nexport { InvoiceEditor } from './invoice-editor';\n"],"mappings":"AAAA,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;","names":[]}

package/dist/invoice-editor/invoice-branding-dialog.d.ts

@@ -0,0 +1,28 @@
+import type { useInvoiceFormState } from '@withpotter/hooks/use-invoice-form-state';
+type InvoiceFormState = ReturnType<typeof useInvoiceFormState>;
+/**
+ * How the invoice looks, with the invoice on screen while you decide.
+ *
+ * A colour picked in a settings screen two clicks away is a guess: you choose a
+ * hex, you leave, and you find out what you chose when a client opens the
+ * document. So the sheet is in the dialog, drawn in the colour under the
+ * pointer, and it is the SAME `InvoiceDocument` the customer receives — a
+ * preview that renders through a different component is a promise nothing has
+ * to keep.
+ *
+ * ONE BRAND, NOT AN INVOICE BRAND. These are `settings.colors`, the same two
+ * the storefront reads, and the note under them says so. A colour stored per
+ * surface is how a business ends up with a blue shop and a green invoice, each
+ * edited by someone who could not see the other.
+ *
+ * Only two colours are offered. The logo is a workspace-level asset with its
+ * own upload, and duplicating that here would put two ways to change one file
+ * in the product; it is shown, not edited, so you can see what the letterhead
+ * will carry.
+ */
+export declare function InvoiceBrandingDialog({ onClose, state, invoiceNumber, }: {
+    onClose: () => void;
+    state: InvoiceFormState;
+    invoiceNumber?: string;
+}): import("react").JSX.Element;
+export {};

package/dist/invoice-editor/invoice-branding-dialog.js

@@ -0,0 +1,147 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { FormDialog } from "@withpotter/ui-kit/form-dialog";
+import { Button } from "@withpotter/ui-kit/button";
+import { ColorField, EmptyNote } from "@withpotter/ui-kit";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { tenantApi } from "@withpotter/lib/api/tenant";
+import { useFormatCurrency } from "@withpotter/hooks/use-format-currency";
+import {
+  resolveInvoiceBrand,
+  DEFAULT_INVOICE_BRAND
+} from "@withpotter/lib/invoice-brand";
+import { InvoicePreview } from "./invoice-preview";
+function InvoiceBrandingDialog({
+  onClose,
+  state,
+  invoiceNumber
+}) {
+  const { tenant, refreshTenant } = useAuth();
+  const formatCurrency = useFormatCurrency();
+  const saved = resolveInvoiceBrand(tenant);
+  const [brand, setBrand] = useState(saved);
+  const [saving, setSaving] = useState(false);
+  const [suggesting, setSuggesting] = useState(false);
+  const [error, setError] = useState(null);
+  const dirty = brand.color !== saved.color || brand.accent !== saved.accent;
+  const save = async () => {
+    if (!tenant?.slug || !dirty) return onClose();
+    setSaving(true);
+    setError(null);
+    try {
+      const colors = tenant.settings?.colors ?? {};
+      await tenantApi.updateSettings(tenant.slug, {
+        colors: { ...colors, primary: brand.color, accent: brand.accent }
+      });
+      await refreshTenant();
+      onClose();
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "Could not save your branding."
+      );
+    } finally {
+      setSaving(false);
+    }
+  };
+  const fromLogo = async () => {
+    if (!tenant?.slug || !tenant.businessLogo) return;
+    setSuggesting(true);
+    setError(null);
+    try {
+      const suggested = await tenantApi.suggestColors(
+        tenant.slug,
+        tenant.businessLogo
+      );
+      setBrand({
+        color: suggested.primary || brand.color,
+        accent: suggested.accent || brand.accent
+      });
+    } catch {
+      setError("Could not read colours from your logo.");
+    } finally {
+      setSuggesting(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    FormDialog,
+    {
+      title: "Invoice branding",
+      description: "What your customer sees at the top of the sheet.",
+      size: "lg",
+      onClose,
+      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: save, loading: saving, children: "Save changes" })
+      ] }),
+      children: /* @__PURE__ */ jsxs("div", { className: "grid gap-6 sm:grid-cols-[minmax(0,200px)_minmax(0,1fr)]", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs font-medium text-[var(--text-secondary)]", children: "Logo" }),
+            tenant?.businessLogo ? (
+              // eslint-disable-next-line @next/next/no-img-element
+              /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: tenant.businessLogo,
+                  alt: "",
+                  className: "h-12 w-12 rounded-md border border-[var(--border-default)] object-cover"
+                }
+              )
+            ) : /* @__PURE__ */ jsx(EmptyNote, { children: "None yet \u2014 the sheet carries your business name instead." })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs font-medium text-[var(--text-secondary)]", children: "Brand colour" }),
+            /* @__PURE__ */ jsx(
+              ColorField,
+              {
+                value: brand.color,
+                defaultValue: DEFAULT_INVOICE_BRAND.color,
+                onChange: (color) => setBrand((b) => ({ ...b, color }))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs font-medium text-[var(--text-secondary)]", children: "Accent" }),
+            /* @__PURE__ */ jsx(
+              ColorField,
+              {
+                value: brand.accent,
+                defaultValue: DEFAULT_INVOICE_BRAND.accent,
+                onChange: (accent) => setBrand((b) => ({ ...b, accent }))
+              }
+            )
+          ] }),
+          tenant?.businessLogo && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondary",
+              size: "sm",
+              onClick: fromLogo,
+              loading: suggesting,
+              children: "Use logo colours"
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--text-muted)]", children: "Your storefront reads these too, so changing them here changes both." }),
+          error && /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--error)]", children: error })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("div", { className: "max-h-[320px] overflow-hidden rounded-lg bg-[var(--bg-subtle)] p-4", children: /* @__PURE__ */ jsx("div", { className: "[&_#invoice-print]:aspect-auto", children: /* @__PURE__ */ jsx(
+            InvoicePreview,
+            {
+              state,
+              formatCurrency,
+              invoiceNumber,
+              brand
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-[var(--text-muted)]", children: "The top of this invoice, in the colours above." })
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  InvoiceBrandingDialog
+};
+//# sourceMappingURL=invoice-branding-dialog.js.map

package/dist/invoice-editor/invoice-branding-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/invoice-editor/invoice-branding-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { FormDialog } from '@withpotter/ui-kit/form-dialog';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { ColorField, EmptyNote } from '@withpotter/ui-kit';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { tenantApi } from '@withpotter/lib/api/tenant';\nimport { useFormatCurrency } from '@withpotter/hooks/use-format-currency';\nimport {\n  resolveInvoiceBrand,\n  DEFAULT_INVOICE_BRAND,\n  type InvoiceBrand,\n} from '@withpotter/lib/invoice-brand';\nimport { InvoicePreview } from './invoice-preview';\nimport type { useInvoiceFormState } from '@withpotter/hooks/use-invoice-form-state';\n\ntype InvoiceFormState = ReturnType<typeof useInvoiceFormState>;\n\n/**\n * How the invoice looks, with the invoice on screen while you decide.\n *\n * A colour picked in a settings screen two clicks away is a guess: you choose a\n * hex, you leave, and you find out what you chose when a client opens the\n * document. So the sheet is in the dialog, drawn in the colour under the\n * pointer, and it is the SAME `InvoiceDocument` the customer receives — a\n * preview that renders through a different component is a promise nothing has\n * to keep.\n *\n * ONE BRAND, NOT AN INVOICE BRAND. These are `settings.colors`, the same two\n * the storefront reads, and the note under them says so. A colour stored per\n * surface is how a business ends up with a blue shop and a green invoice, each\n * edited by someone who could not see the other.\n *\n * Only two colours are offered. The logo is a workspace-level asset with its\n * own upload, and duplicating that here would put two ways to change one file\n * in the product; it is shown, not edited, so you can see what the letterhead\n * will carry.\n */\nexport function InvoiceBrandingDialog({\n  onClose,\n  state,\n  invoiceNumber,\n}: {\n  onClose: () => void;\n  state: InvoiceFormState;\n  invoiceNumber?: string;\n}) {\n  const { tenant, refreshTenant } = useAuth();\n  const formatCurrency = useFormatCurrency();\n  const saved = resolveInvoiceBrand(tenant);\n\n  const [brand, setBrand] = useState<InvoiceBrand>(saved);\n  const [saving, setSaving] = useState(false);\n  const [suggesting, setSuggesting] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const dirty = brand.color !== saved.color || brand.accent !== saved.accent;\n\n  const save = async () => {\n    if (!tenant?.slug || !dirty) return onClose();\n    setSaving(true);\n    setError(null);\n    try {\n      // Merged, not replaced. `colors` also carries the storefront's secondary\n      // and background; writing the two this dialog owns as the whole object\n      // would delete the two it does not.\n      const colors = (tenant.settings?.colors ?? {}) as Record<string, string>;\n      await tenantApi.updateSettings(tenant.slug, {\n        colors: { ...colors, primary: brand.color, accent: brand.accent },\n      });\n      await refreshTenant();\n      onClose();\n    } catch (err) {\n      setError(\n        err instanceof Error ? err.message : 'Could not save your branding.',\n      );\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  /** The two colours the logo is already wearing, rather than two you guess. */\n  const fromLogo = async () => {\n    if (!tenant?.slug || !tenant.businessLogo) return;\n    setSuggesting(true);\n    setError(null);\n    try {\n      const suggested = await tenantApi.suggestColors(\n        tenant.slug,\n        tenant.businessLogo,\n      );\n      setBrand({\n        color: suggested.primary || brand.color,\n        accent: suggested.accent || brand.accent,\n      });\n    } catch {\n      setError('Could not read colours from your logo.');\n    } finally {\n      setSuggesting(false);\n    }\n  };\n\n  return (\n    <FormDialog\n      title=\"Invoice branding\"\n      description=\"What your customer sees at the top of the sheet.\"\n      size=\"lg\"\n      onClose={onClose}\n      footer={\n        <>\n          <Button variant=\"secondary\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button variant=\"primary\" onClick={save} loading={saving}>\n            Save changes\n          </Button>\n        </>\n      }\n    >\n      <div className=\"grid gap-6 sm:grid-cols-[minmax(0,200px)_minmax(0,1fr)]\">\n        <div className=\"space-y-4\">\n          <div>\n            <p className=\"mb-2 text-xs font-medium text-[var(--text-secondary)]\">\n              Logo\n            </p>\n            {tenant?.businessLogo ? (\n              // eslint-disable-next-line @next/next/no-img-element\n              <img\n                src={tenant.businessLogo}\n                alt=\"\"\n                className=\"h-12 w-12 rounded-md border border-[var(--border-default)] object-cover\"\n              />\n            ) : (\n              <EmptyNote>\n                None yet — the sheet carries your business name instead.\n              </EmptyNote>\n            )}\n          </div>\n\n          <div>\n            <p className=\"mb-2 text-xs font-medium text-[var(--text-secondary)]\">\n              Brand colour\n            </p>\n            <ColorField\n              value={brand.color}\n              defaultValue={DEFAULT_INVOICE_BRAND.color}\n              onChange={(color) => setBrand((b) => ({ ...b, color }))}\n            />\n          </div>\n\n          <div>\n            <p className=\"mb-2 text-xs font-medium text-[var(--text-secondary)]\">\n              Accent\n            </p>\n            <ColorField\n              value={brand.accent}\n              defaultValue={DEFAULT_INVOICE_BRAND.accent}\n              onChange={(accent) => setBrand((b) => ({ ...b, accent }))}\n            />\n          </div>\n\n          {tenant?.businessLogo && (\n            <Button\n              variant=\"secondary\"\n              size=\"sm\"\n              onClick={fromLogo}\n              loading={suggesting}\n            >\n              Use logo colours\n            </Button>\n          )}\n\n          <p className=\"text-xs text-[var(--text-muted)]\">\n            Your storefront reads these too, so changing them here changes both.\n          </p>\n\n          {error && <p className=\"text-xs text-[var(--error)]\">{error}</p>}\n        </div>\n\n        {/* The sheet, cropped to its head. The whole page would make the dialog\n            taller than the screen to show a table nothing on the left touches;\n            everything these two colours reach is in the top third. */}\n        <div className=\"min-w-0\">\n          <div className=\"max-h-[320px] overflow-hidden rounded-lg bg-[var(--bg-subtle)] p-4\">\n            <div className=\"[&_#invoice-print]:aspect-auto\">\n              <InvoicePreview\n                state={state}\n                formatCurrency={formatCurrency}\n                invoiceNumber={invoiceNumber}\n                brand={brand}\n              />\n            </div>\n          </div>\n          <p className=\"mt-2 text-xs text-[var(--text-muted)]\">\n            The top of this invoice, in the colours above.\n          </p>\n        </div>\n      </div>\n    </FormDialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/invoice-editor/invoice-editor-content.d.ts

@@ -0,0 +1,29 @@
+import type { useInvoiceFormState } from '@withpotter/hooks/use-invoice-form-state';
+type InvoiceFormState = ReturnType<typeof useInvoiceFormState>;
+/**
+ * Writing an invoice, on the invoice.
+ *
+ * This was a form in one column and a picture of the document in the other:
+ * you typed into a box labelled "Name" and watched a name appear somewhere
+ * else, then set a quantity in a table that was not the table the client would
+ * read. Two renderings of one artefact, side by side, and the loud one was the
+ * one nobody receives.
+ *
+ * Now the sheet is the form. `InvoiceDocument` — the same component the saved
+ * invoice, the print view and the branding preview all render — takes an
+ * `edit` handle and its client block, dates, lines and notes become writable
+ * where they sit. There is nothing left to drift, because there is no second
+ * description of the invoice.
+ *
+ * WHAT IS NOT ON THE PAPER GETS A RAIL, and it is deliberately almost empty.
+ * The internal note is the one field on this screen the customer must never
+ * see, so it cannot live on a sheet whose whole promise is "this is what they
+ * get". Branding sits here for the opposite reason: it changes how the sheet
+ * LOOKS rather than what it says, and the sheet is right there to judge it
+ * against.
+ */
+export declare function InvoiceEditorContent({ state, invoiceNumber, }: {
+    state: InvoiceFormState;
+    invoiceNumber?: string;
+}): import("react").JSX.Element;
+export {};

package/dist/invoice-editor/invoice-editor-content.js

@@ -0,0 +1,71 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Palette } from "lucide-react";
+import { Card } from "@withpotter/ui-kit/card";
+import { Field } from "@withpotter/ui-kit/field";
+import { Textarea } from "@withpotter/ui-kit";
+import { Button } from "@withpotter/ui-kit/button";
+import { useFormatCurrency } from "@withpotter/hooks/use-format-currency";
+import { InvoicePreview } from "./invoice-preview";
+import { InvoiceBrandingDialog } from "./invoice-branding-dialog";
+import { InvoiceRepeatCard } from "./invoice-repeat-card";
+function InvoiceEditorContent({
+  state,
+  invoiceNumber
+}) {
+  const formatCurrency = useFormatCurrency();
+  const [branding, setBranding] = useState(false);
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-6 pb-12 xl:grid-cols-[minmax(0,1fr)_260px]", children: [
+    /* @__PURE__ */ jsx("div", { className: "[&>div]:shadow-[var(--shadow-stage)]", children: /* @__PURE__ */ jsx(
+      InvoicePreview,
+      {
+        state,
+        formatCurrency,
+        invoiceNumber,
+        edit: { state }
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("aside", { className: "space-y-4 xl:sticky xl:top-4 xl:self-start", children: [
+      /* @__PURE__ */ jsx(InvoiceRepeatCard, { state }),
+      /* @__PURE__ */ jsx(Card, { padding: "sm", children: /* @__PURE__ */ jsx(Field, { label: "For your team only", hint: "The customer never sees this", children: /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          value: state.internalNote,
+          onChange: (e) => state.setInternalNote(e.target.value),
+          rows: 3,
+          className: "resize-none",
+          placeholder: "Chased twice, agreed net 14"
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx(Card, { padding: "sm", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--text-primary)]", children: "Branding" }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--text-tertiary)]", children: "Your logo and the two colours the sheet is drawn in" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "secondary",
+            size: "icon",
+            "aria-label": "Change invoice branding",
+            onClick: () => setBranding(true),
+            children: /* @__PURE__ */ jsx(Palette, {})
+          }
+        )
+      ] }) })
+    ] }),
+    branding && /* @__PURE__ */ jsx(
+      InvoiceBrandingDialog,
+      {
+        state,
+        invoiceNumber,
+        onClose: () => setBranding(false)
+      }
+    )
+  ] });
+}
+export {
+  InvoiceEditorContent
+};
+//# sourceMappingURL=invoice-editor-content.js.map

package/dist/invoice-editor/invoice-editor-content.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/invoice-editor/invoice-editor-content.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Palette } from 'lucide-react';\nimport { Card } from '@withpotter/ui-kit/card';\nimport { Field } from '@withpotter/ui-kit/field';\nimport { Textarea } from '@withpotter/ui-kit';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { useFormatCurrency } from '@withpotter/hooks/use-format-currency';\nimport type { useInvoiceFormState } from '@withpotter/hooks/use-invoice-form-state';\nimport { InvoicePreview } from './invoice-preview';\nimport { InvoiceBrandingDialog } from './invoice-branding-dialog';\nimport { InvoiceRepeatCard } from './invoice-repeat-card';\n\ntype InvoiceFormState = ReturnType<typeof useInvoiceFormState>;\n\n/**\n * Writing an invoice, on the invoice.\n *\n * This was a form in one column and a picture of the document in the other:\n * you typed into a box labelled \"Name\" and watched a name appear somewhere\n * else, then set a quantity in a table that was not the table the client would\n * read. Two renderings of one artefact, side by side, and the loud one was the\n * one nobody receives.\n *\n * Now the sheet is the form. `InvoiceDocument` — the same component the saved\n * invoice, the print view and the branding preview all render — takes an\n * `edit` handle and its client block, dates, lines and notes become writable\n * where they sit. There is nothing left to drift, because there is no second\n * description of the invoice.\n *\n * WHAT IS NOT ON THE PAPER GETS A RAIL, and it is deliberately almost empty.\n * The internal note is the one field on this screen the customer must never\n * see, so it cannot live on a sheet whose whole promise is \"this is what they\n * get\". Branding sits here for the opposite reason: it changes how the sheet\n * LOOKS rather than what it says, and the sheet is right there to judge it\n * against.\n */\nexport function InvoiceEditorContent({\n  state,\n  invoiceNumber,\n}: {\n  state: InvoiceFormState;\n  invoiceNumber?: string;\n}) {\n  const formatCurrency = useFormatCurrency();\n  const [branding, setBranding] = useState(false);\n\n  return (\n    <div className=\"grid gap-6 pb-12 xl:grid-cols-[minmax(0,1fr)_260px]\">\n      {/* The sheet, on the page. It used to sit inside a recessed panel — a\n          desk for the paper to lie on — and the panel read as a black frame\n          drawn around the invoice, which is one border more than a document\n          needs. The shadow is the only thing holding it off the page now. */}\n      <div className=\"[&>div]:shadow-[var(--shadow-stage)]\">\n        <InvoicePreview\n          state={state}\n          formatCurrency={formatCurrency}\n          invoiceNumber={invoiceNumber}\n          edit={{ state }}\n        />\n      </div>\n\n      <aside className=\"space-y-4 xl:sticky xl:top-4 xl:self-start\">\n        {/* Does it come back? A schedule is a fact about the series, not about\n            this bill, which is why it is up here with the internal note rather\n            than on the sheet the client receives. */}\n        <InvoiceRepeatCard state={state} />\n\n        <Card padding=\"sm\">\n          <Field label=\"For your team only\" hint=\"The customer never sees this\">\n            <Textarea\n              value={state.internalNote}\n              onChange={(e) => state.setInternalNote(e.target.value)}\n              rows={3}\n              className=\"resize-none\"\n              placeholder=\"Chased twice, agreed net 14\"\n            />\n          </Field>\n        </Card>\n\n        <Card padding=\"sm\">\n          <div className=\"flex items-center justify-between gap-3\">\n            <div className=\"min-w-0\">\n              <p className=\"text-sm font-medium text-[var(--text-primary)]\">\n                Branding\n              </p>\n              <p className=\"text-xs text-[var(--text-tertiary)]\">\n                Your logo and the two colours the sheet is drawn in\n              </p>\n            </div>\n            <Button\n              variant=\"secondary\"\n              size=\"icon\"\n              aria-label=\"Change invoice branding\"\n              onClick={() => setBranding(true)}\n            >\n              <Palette />\n            </Button>\n          </div>\n        </Card>\n      </aside>\n\n      {branding && (\n        <InvoiceBrandingDialog\n          state={state}\n          invoiceNumber={invoiceNumber}\n          onClose={() => setBranding(false)}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAuDQ,cA4BI,YA5BJ;AArDR,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,yBAAyB;AAElC,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AACtC,SAAS,yBAAyB;AA0B3B,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AACF,GAGG;AACD,QAAM,iBAAiB,kBAAkB;AACzC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,SACE,qBAAC,SAAI,WAAU,uDAKb;AAAA,wBAAC,SAAI,WAAU,wCACb;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM,EAAE,MAAM;AAAA;AAAA,IAChB,GACF;AAAA,IAEA,qBAAC,WAAM,WAAU,8CAIf;AAAA,0BAAC,qBAAkB,OAAc;AAAA,MAEjC,oBAAC,QAAK,SAAQ,MACZ,8BAAC,SAAM,OAAM,sBAAqB,MAAK,gCACrC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,MAAM;AAAA,UACb,UAAU,CAAC,MAAM,MAAM,gBAAgB,EAAE,OAAO,KAAK;AAAA,UACrD,MAAM;AAAA,UACN,WAAU;AAAA,UACV,aAAY;AAAA;AAAA,MACd,GACF,GACF;AAAA,MAEA,oBAAC,QAAK,SAAQ,MACZ,+BAAC,SAAI,WAAU,2CACb;AAAA,6BAAC,SAAI,WAAU,WACb;AAAA,8BAAC,OAAE,WAAU,kDAAiD,sBAE9D;AAAA,UACA,oBAAC,OAAE,WAAU,uCAAsC,iEAEnD;AAAA,WACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,cAAW;AAAA,YACX,SAAS,MAAM,YAAY,IAAI;AAAA,YAE/B,8BAAC,WAAQ;AAAA;AAAA,QACX;AAAA,SACF,GACF;AAAA,OACF;AAAA,IAEC,YACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS,MAAM,YAAY,KAAK;AAAA;AAAA,IAClC;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/invoice-editor/invoice-editor-page.d.ts

@@ -0,0 +1,28 @@
+import { type InvoicePrefill } from '@withpotter/hooks/use-invoice-form-state';
+interface InvoiceEditorPageProps {
+    mode: 'create' | 'edit';
+    /**
+     * Turning a quote into the bill for it.
+     *
+     * A quote and an invoice were the same document at two stages with no join
+     * at all: a merchant who quoted ₦800,000 in the Inbox retyped the customer
+     * and the number into a blank invoice, and nothing afterwards knew the two
+     * were related.
+     *
+     * Resolved by the route rather than here, so the form is seeded on its first
+     * render — see `invoices/new/page.tsx`. The invoice is opened rather than
+     * created outright: a quote is one number, an invoice needs line items, a due
+     * date and terms, and silently minting a one-line bill titled "Quote" would
+     * be a worse invoice than the merchant would have written.
+     */
+    prefill?: InvoicePrefill | null;
+    /** The enquiry `prefill` came from, marked won once the invoice exists. */
+    enquiryId?: string | null;
+    /** The existing record this invoice was raised from. */
+    related?: {
+        type: string;
+        id: string;
+    } | null;
+}
+export declare function InvoiceEditorPage({ mode, prefill, enquiryId, related, }: InvoiceEditorPageProps): import("react").JSX.Element;
+export {};