From 56a9852068a20b583bf0969f14789ec632bddc82 Mon Sep 17 00:00:00 2001
From: mykhailo <m.diakovych13@gmail.com>
Date: Tue, 10 Dec 2024 10:28:09 +0200
Subject: [PATCH] fix: fixed flags lib in orchid

---
 packages/vue/package.json                                     | 2 +-
 .../AdditionalContent/BalanceType/OcInfoCardButton.vue        | 4 ++--
 .../Elements/AdditionalContent/OcAdditionalContent.stories.js | 3 ++-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/vue/package.json b/packages/vue/package.json
index aecae43ac..8bccaa886 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@orchidui/vue",
   "description": "Orchid UI , Dashboard Ui Library Vue 3 tailwind css",
-  "version": "0.5.532",
+  "version": "0.5.533",
   "type": "module",
   "scripts": {
     "build": "vite build",
diff --git a/packages/vue/src/Elements/AdditionalContent/BalanceType/OcInfoCardButton.vue b/packages/vue/src/Elements/AdditionalContent/BalanceType/OcInfoCardButton.vue
index efe322d83..84052a3e8 100644
--- a/packages/vue/src/Elements/AdditionalContent/BalanceType/OcInfoCardButton.vue
+++ b/packages/vue/src/Elements/AdditionalContent/BalanceType/OcInfoCardButton.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { Skeleton, Chip, Button } from '@/orchidui'
+import { Skeleton, Chip, Button, Icon } from '@/orchidui'
 
 defineProps({
   isActive: Boolean,
@@ -41,7 +41,7 @@ defineProps({
               v-if="countryIso"
               class="flex justify-center items-center w-[38px] h-[38px] shrink-0 rounded-full bg-oc-gray-100"
             >
-              <div class="fi !w-[24px] !h-[16px] !rounded-[1px]" :class="`fi-${countryIso}`" />
+              <Icon class="!w-[24px] !h-[16px] !rounded-[1px]" :name="`flags/${countryIso.toUpperCase()}`" />
             </div>
             {{ content }}
           </span>
diff --git a/packages/vue/src/Elements/AdditionalContent/OcAdditionalContent.stories.js b/packages/vue/src/Elements/AdditionalContent/OcAdditionalContent.stories.js
index eee5174c3..31d926579 100644
--- a/packages/vue/src/Elements/AdditionalContent/OcAdditionalContent.stories.js
+++ b/packages/vue/src/Elements/AdditionalContent/OcAdditionalContent.stories.js
@@ -175,7 +175,8 @@ const args = {
     {
       title: 'HitPay Balance',
       content: 'SGD 1,110.00',
-      value: 'hitpay'
+      value: 'hitpay',
+      countryIso: 'US'
     },
     {
       title: 'Card Balance',