fix: muralpay iso mismatch (#4871)

* fix: deduplicate and use full code

* fix: subdivisions match muralpay

apps/frontend/package.json

@@ -17,6 +17,7 @@
 		"@formatjs/cli": "^6.2.12",
 		"@nuxt/devtools": "^1.3.3",
 		"@types/dompurify": "^3.0.5",
+		"@types/iso-3166-2": "^1.0.4",
 		"@types/node": "^20.1.0",
 		"@vintl/compact-number": "^2.0.5",
 		"@vintl/how-ago": "^3.0.1",
@@ -58,6 +59,7 @@
 		"floating-vue": "^5.2.2",
 		"fuse.js": "^6.6.2",
 		"highlight.js": "^11.7.0",
+		"iso-3166-2": "1.0.0",
 		"js-yaml": "^4.1.0",
 		"jszip": "^3.10.1",
 		"markdown-it": "14.1.0",

apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayKycStage.vue

@@ -220,14 +220,14 @@
 <script setup lang="ts">
 import { Chips, Combobox, formFieldLabels, formFieldPlaceholders } from '@modrinth/ui'
 import { useVIntl } from '@vintl/vintl'
+// TODO: Switch to using Muralpay's improved endpoint when it's available.
+import iso3166 from 'iso-3166-2'
 
 import { useFormattedCountries } from '@/composables/country.ts'
-import { useGeneratedState } from '@/composables/generated.ts'
 import { useWithdrawContext } from '@/providers/creator-withdraw.ts'
 
 const { withdrawData } = useWithdrawContext()
 const { formatMessage } = useVIntl()
-const generatedState = useGeneratedState()
 
 const providerData = withdrawData.value.providerData
 const existingKycData = providerData.type === 'muralpay' ? providerData.kycData : null
@@ -283,12 +283,15 @@ const subdivisionOptions = computed(() => {
 	const selectedCountry = formData.value.physicalAddress.country
 	if (!selectedCountry) return []
 
-	const subdivisions = generatedState.value.subdivisions?.[selectedCountry] ?? []
+	const country = iso3166.country(selectedCountry)
+	if (!country) return []
 
-	return subdivisions.map((sub) => ({
-		value: sub.code.includes('-') ? sub.code.split('-')[1] : sub.code,
-		label: sub.localVariant || sub.name,
-	}))
+	return Object.entries(country.sub)
+		.map(([code, sub]) => ({
+			value: code.split('-').slice(1).join('-'),
+			label: sub.name,
+		}))
+		.sort((a, b) => a.label.localeCompare(b.label))
 })
 
 watch(