business-obligations-ui 0.6.0 → 0.7.0

package/dist/index.cjs

@@ -145,6 +145,7 @@ var en = {
     annual: "Annual",
     biennial: "Every 2 years",
     every_five_years: "Every 5 years",
+    semiannual: "Twice a year",
     quarterly: "Quarterly",
     monthly: "Monthly",
     per_event: "Per event",
@@ -380,6 +381,7 @@ var es = {
     annual: "Anual",
     biennial: "Cada 2 a\xF1os",
     every_five_years: "Cada 5 a\xF1os",
+    semiannual: "Dos veces al a\xF1o",
     quarterly: "Trimestral",
     monthly: "Mensual",
     per_event: "Por evento",
@@ -860,8 +862,23 @@ function Select({
   const controlProps = useControlProps();
   const touch = useCoarsePointer();
   const [controlWidth, setControlWidth] = (0, import_react2.useState)(0);
+  const triggerRef = (0, import_react2.useRef)(null);
   const chosen = options.find((option) => option.value === value);
   const clearable = Boolean(onClear && chosen);
+  (0, import_react2.useEffect)(() => {
+    if (touch) return;
+    const trigger = triggerRef.current;
+    if (!trigger) return;
+    const update = () => setControlWidth(trigger.getBoundingClientRect().width);
+    update();
+    if (typeof ResizeObserver !== "undefined") {
+      const observer = new ResizeObserver(update);
+      observer.observe(trigger);
+      return () => observer.disconnect();
+    }
+    window.addEventListener("resize", update);
+    return () => window.removeEventListener("resize", update);
+  }, [touch]);
   if (touch) {
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { position: "relative", width: "100%" }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
@@ -924,7 +941,7 @@ function Select({
           "aria-invalid": invalid || void 0,
           "aria-describedby": describedBy,
           paddingRight: 8,
-          onLayout: (event) => setControlWidth(event.nativeEvent.layout.width),
+          ref: triggerRef,
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
               import_tamagui5.Select.Value,
@@ -1002,6 +1019,7 @@ function WithLocale({
 }
 
 // src/plan/chips.tsx
+var import_business_obligations = require("business-obligations");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function Confidence({ item }) {
   const { m, date } = useI18n();
@@ -1016,7 +1034,9 @@ function Confidence({ item }) {
 }
 function Fee({ item }) {
   const { m, money } = useI18n();
-  return item.cost?.amount !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Chip, { children: m.fee(money(item.cost.amount)) }) : null;
+  if (!item.cost) return null;
+  const amount = item.cost.amount !== void 0 ? money(item.cost.amount) : (0, import_business_obligations.describeFee)(item.cost);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Chip, { children: m.fee(amount) });
 }
 
 // src/plan/items.ts
@@ -1343,6 +1363,9 @@ function ObligationsListBody({ items, conditional = [], asOf, filters, onFilters
   const titleById = new Map(items.map((item) => [item.id, item.title]));
   const count = (jurisdiction) => items.filter((item) => itemMatches(item, { ...filters, jurisdiction })).length;
   const conditionalCount = (jurisdiction) => shownConditional.filter(({ item }) => item.jurisdiction === jurisdiction).length;
+  const availableJurisdictions = JURISDICTIONS.filter(
+    (jurisdiction) => items.some((item) => item.jurisdiction === jurisdiction) || conditional.some(({ item }) => item.jurisdiction === jurisdiction)
+  );
   const categoryCount = (category) => items.filter((item) => itemMatches(item, { ...filters, category })).length;
   const hasFilters = filters.jurisdiction !== "all" || filters.category !== "all" || filters.query !== "" || filters.trust !== "all";
   const clearFilters = () => onFilters({ ...NO_OBLIGATION_FILTERS });
@@ -1401,7 +1424,7 @@ function ObligationsListBody({ items, conditional = [], asOf, filters, onFilters
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_tamagui8.XStack, { gap: "1.5", flexWrap: "wrap", children: ["all", ...JURISDICTIONS].map((key) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_tamagui8.XStack, { gap: "1.5", flexWrap: "wrap", children: ["all", ...availableJurisdictions].map((key) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
       import_tamagui8.Button,
       {
         size: "sm",
@@ -1452,7 +1475,7 @@ function ObligationsListBody({ items, conditional = [], asOf, filters, onFilters
 }
 
 // src/profile/choices.ts
-var import_business_obligations = require("business-obligations");
+var import_business_obligations2 = require("business-obligations");
 var MAX_EMPLOYEES = 1e4;
 var ISO_DATE2 = /^\d{4}-\d{2}-\d{2}$/;
 var AMOUNT = /^\d{1,12}(\.\d{1,2})?$/;
@@ -1519,11 +1542,11 @@ var flag = (param, initial) => ({
 var SPECS = {
   zip: zipCode("zip"),
   /** `undefined` means none chosen. */
-  entityType: oneOf("type", import_business_obligations.ENTITY_TYPES),
+  entityType: oneOf("type", import_business_obligations2.ENTITY_TYPES),
   /** NAICS code of the business, 2 to 6 digits (fewer while it is being typed), or "" for none. */
   naics: text("naics", (raw) => /^\d{1,6}$/.test(raw) ? raw : void 0),
-  profession: oneOf("profession", import_business_obligations.PROFESSIONS),
-  llcTaxClassification: oneOf("llcTax", import_business_obligations.LLC_TAX_CLASSIFICATIONS),
+  profession: oneOf("profession", import_business_obligations2.PROFESSIONS),
+  llcTaxClassification: oneOf("llcTax", import_business_obligations2.LLC_TAX_CLASSIFICATIONS),
   /** False for a business that has not been formed yet (the default). */
   isFormed: flag("formed", false),
   /** ISO date, or "". Only meaningful for a business that is formed. */
@@ -1612,14 +1635,14 @@ function writeProfileQuery(search, choices, defaults = PROFILE_DEFAULTS) {
 var import_react4 = require("react");
 
 // src/profile/place.ts
-var import_business_obligations2 = require("business-obligations");
+var import_business_obligations3 = require("business-obligations");
 var zipModule;
 async function lookupPlace(zip) {
   zipModule ??= import("business-obligations/zip");
   const info = (await zipModule).lookupZip(zip);
   return info ? { city: info.city, county: info.county, state: info.state } : void 0;
 }
-var needsProfession = (choices) => ["pllc", "pc", "llp"].includes(choices.entityType ?? "") || (0, import_business_obligations2.industryFromNaics)(choices.naics)?.industry === "professional_services";
+var needsProfession = (choices) => ["pllc", "pc", "llp"].includes(choices.entityType ?? "") || (0, import_business_obligations3.industryFromNaics)(choices.naics)?.industry === "professional_services";
 function profileFromChoices(choices, place) {
   const entityType = choices.entityType ?? "llc";
   const profile = {
@@ -1749,7 +1772,7 @@ function useProfileChoices() {
 
 // src/profile/ProfileForm.tsx
 var import_react12 = require("react");
-var import_business_obligations4 = require("business-obligations");
+var import_business_obligations5 = require("business-obligations");
 var import_tamagui16 = require("tamagui");
 
 // src/profile/fields/controls.tsx
@@ -2423,7 +2446,7 @@ function EmployeesField({
 
 // src/profile/fields/TypeField.tsx
 var import_react10 = require("react");
-var import_business_obligations3 = require("business-obligations");
+var import_business_obligations4 = require("business-obligations");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 function TypeControl({ id }) {
   const { m } = useI18n();
@@ -2433,7 +2456,7 @@ function TypeControl({ id }) {
     {
       id,
       value: choices.entityType ?? "",
-      options: import_business_obligations3.ENTITY_TYPES.map((type) => ({ value: type, label: m.profile.entityTypes[type] })),
+      options: import_business_obligations4.ENTITY_TYPES.map((type) => ({ value: type, label: m.profile.entityTypes[type] })),
       placeholder: m.profile.entityTypePlaceholder,
       clearLabel: m.profile.clear,
       onChange: (type) => set({ entityType: type }),
@@ -2591,7 +2614,7 @@ function ProfileFormBody({ today, onFieldUsed }) {
           label: f.profession,
           value: choices.profession ?? "",
           blank: f.professionPlaceholder,
-          options: import_business_obligations4.PROFESSIONS.map((profession) => [profession, f.professions[profession]]),
+          options: import_business_obligations5.PROFESSIONS.map((profession) => [profession, f.professions[profession]]),
           onChange: (value) => set({ profession: value || void 0 })
         }
       ) })
@@ -2630,19 +2653,18 @@ function ProfileFormBody({ today, onFieldUsed }) {
       "priorYearPayrollTaxLiability"
     ) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SectionLabel, { children: f.money }),
     MONEY_FIELDS.some((field) => shows(field)) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Group, { min: 130, end: true, children: [
-      ["annualPayroll", f.payroll, f.hints.payroll, f.examples.payroll],
-      ["annualRevenue", f.revenue, f.hints.revenue, f.examples.revenue],
-      ["annualNetIncome", f.netIncome, f.hints.netIncome, f.examples.netIncome],
-      ["largestContractorPaymentUsd", f.contractor, f.hints.contractor, f.examples.contractor],
-      ["priorYearPayrollTaxLiability", f.priorTax, f.hints.priorTax, f.examples.priorTax]
+      ["annualPayroll", f.payroll, f.examples.payroll],
+      ["annualRevenue", f.revenue, f.examples.revenue],
+      ["annualNetIncome", f.netIncome, f.examples.netIncome],
+      ["largestContractorPaymentUsd", f.contractor, f.examples.contractor],
+      ["priorYearPayrollTaxLiability", f.priorTax, f.examples.priorTax]
     ].map(
-      ([field, label, hint, example]) => shows(field) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      ([field, label, example]) => shows(field) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         NumberControl,
         {
           id: `${prefix}-${field}`,
           field,
           label,
-          hint,
           placeholder: example,
           kind: "amount",
           prefix: "$"
@@ -2671,7 +2693,7 @@ function ProfileFormBody({ today, onFieldUsed }) {
           hint: f.hints.llcTax,
           value: choices.llcTaxClassification ?? "",
           blank: f.notSure,
-          options: import_business_obligations4.LLC_TAX_CLASSIFICATIONS.map((kind) => [kind, f.llcTaxClassifications[kind]]),
+          options: import_business_obligations5.LLC_TAX_CLASSIFICATIONS.map((kind) => [kind, f.llcTaxClassifications[kind]]),
           onChange: (value) => set({
             llcTaxClassification: value || void 0
           })