feat(webapp): invoice tax rate

packages/webapp/src/hooks/query/taxRates.ts

@@ -0,0 +1,22 @@
+// @ts-nocheck
+import { useRequestQuery } from '../useQueryRequest';
+import QUERY_TYPES from './types';
+
+/**
+ * Retrieves tax rates.
+ * @param {number} customerId - Customer id.
+ */
+export function useTaxRates(props) {
+  return useRequestQuery(
+    [QUERY_TYPES.TAX_RATES],
+    {
+      method: 'get',
+      url: `tax-rates`,
+    },
+    {
+      select: (res) => res.data.data,
+      defaultData: [],
+      ...props,
+    },
+  );
+}

packages/webapp/src/hooks/query/types.tsx

@@ -224,6 +224,10 @@ const ORGANIZATION = {
   ORGANIZATION_MUTATE_BASE_CURRENCY_ABILITIES: 'ORGANIZATION_MUTATE_BASE_CURRENCY_ABILITIES',
 };
 
+export const TAX_RATES = {
+  TAX_RATES: 'TAX_RATES',
+}
+
 export default {
   ...Authentication,
   ...ACCOUNTS,
@@ -257,4 +261,5 @@ export default {
   ...BRANCHES,
   ...DASHBOARD,
   ...ORGANIZATION,
+  ...TAX_RATES
 };

packages/webapp/src/hooks/useUncontrolled.ts

@@ -0,0 +1,36 @@
+import React, { useState } from 'react';
+
+interface UseUncontrolledInput<T> {
+  /** Value for controlled state */
+  value?: T;
+
+  /** Initial value for uncontrolled state */
+  initialValue?: T;
+
+  /** Final value for uncontrolled state when value and initialValue are not provided */
+  finalValue?: T;
+
+  /** Controlled state onChange handler */
+  onChange?(value: T): void;
+}
+
+export function useUncontrolled<T>({
+  value,
+  initialValue,
+  finalValue,
+  onChange = () => {},
+}: UseUncontrolledInput<T>) {
+  const [uncontrolledValue, setUncontrolledValue] = useState(
+    initialValue !== undefined ? initialValue : finalValue,
+  );
+
+  const handleUncontrolledChange = (val: T) => {
+    setUncontrolledValue(val);
+    onChange?.(val);
+  };
+
+  if (value !== undefined) {
+    return [value as T, onChange, true];
+  }
+  return [uncontrolledValue as T, handleUncontrolledChange, false];
+}