Merge branch 'feat/vat-validator' into chore/all-my-stuffs

# Conflicts:
#	package.json
#	pnpm-lock.yaml
#	src/tools/index.ts

Author: sharevb

package.json

@@ -174,6 +174,7 @@
     "jsonpath": "^1.1.1",
     "jsonar-mod": "^1.9.0",
     "jsstack.js": "^2.0.0",
+    "jsvat-next": "^3.0.4",
     "jwt-decode": "^3.1.2",
     "korean-unpacker": "^1.0.3",
     "libphonenumber-js": "^1.10.28",

pnpm-lock.yaml

@@ -49,6 +49,7 @@ import { tool as stacktracePrettier } from './stacktrace-prettier';
 import { tool as dataTransferRateConverter } from './data-transfer-rate-converter';
 import { tool as dataStorageUnitConverter } from './data-storage-unit-converter';
 import { tool as unicodeSearch } from './unicode-search';
+import { tool as vatValidator } from './vat-validator';
 
 import { tool as cssXpathConverter } from './css-xpath-converter';
 import { tool as cssSelectorsMemo } from './css-selectors-memo';
@@ -436,6 +437,7 @@ export const toolsByCategory: ToolCategory[] = [
       phoneParserAndFormatter,
       ibanValidatorAndParser,
       luhnValidator,
+      vatValidator,
     ],
   },
 ];

src/tools/index.ts

@@ -0,0 +1,12 @@
+import { ReceiptTax } from '@vicons/tabler';
+import { defineTool } from '../tool';
+
+export const tool = defineTool({
+  name: 'VAT Numbers Validator',
+  path: '/vat-validator',
+  description: 'Validate VAT Numbers',
+  keywords: ['vat', 'validator'],
+  component: () => import('./vat-validator.vue'),
+  icon: ReceiptTax,
+  createdAt: new Date('2024-08-15'),
+});

src/tools/vat-validator/index.ts

@@ -0,0 +1,58 @@
+<script setup lang="ts">
+import { checkVAT, countries } from 'jsvat-next';
+import type { CKeyValueListItems } from '@/ui/c-key-value-list/c-key-value-list.types';
+
+const rawVATNumber = ref('BE0411905847');
+const vatInfos = computed<{ isValid: boolean; infos: CKeyValueListItems }>(() => {
+  const vat = checkVAT(rawVATNumber.value, countries);
+  if (vat == null) {
+    return { isValid: false, infos: [] };
+  }
+  return {
+    isValid: vat.isValid,
+    infos: [
+      {
+        label: 'Is VAT Number valid ?',
+        value: vat.isValid,
+      },
+      {
+        label: 'Is VAT Number valid format ?',
+        value: vat.isValidFormat,
+      },
+      {
+        label: 'Cleaned VAT Number',
+        value: vat.value,
+      },
+      {
+        label: 'Country (name)',
+        value: vat.country?.name || 'Unknown',
+      },
+      {
+        label: 'Country (ISO2)',
+        value: vat.country?.isoCode?.short || 'unk',
+      },
+      {
+        label: 'Country (ISO3)',
+        value: vat.country?.isoCode?.long || 'unk',
+      },
+      {
+        label: 'Country (ISO Num)',
+        value: vat.country?.isoCode?.numeric || 0,
+      },
+    ],
+  };
+});
+</script>
+
+<template>
+  <div>
+    <c-input-text v-model:value="rawVATNumber" placeholder="Enter a VAT number to check for validity..." test-id="vat-input" mb-2 />
+    <n-alert v-if="!vatInfos.isValid" type="error" mb-2>
+      Invalid VAT Number.
+    </n-alert>
+
+    <c-card v-if="vatInfos.infos.length > 0" title="VAT Number Infos">
+      <c-key-value-list :items="vatInfos.infos" data-test-id="vat-info" />
+    </c-card>
+  </div>
+</template>