@qite/tide-booking-component 1.2.1 → 1.2.2

package/build/build-esm/shared/utils/localization-util.d.ts

@@ -2,234 +2,6 @@ export declare const languages: string[];
 export declare const defaultLanguage = "nl-BE";
 export declare const formatPrice: (price: number, locale?: string) => string;
 export declare const getTranslations: (language: string) => {
-    STEPS: {
-        PERSONAL_DETAILS: string;
-        EXTRA_OPTIONS: string;
-        SUMMARY: string;
-        CONFIRMATION: string;
-        ERROR: string;
-        PREVIOUS: string;
-        NEXT: string;
-        SUBMIT_BOOKING: string;
-        SUBMIT_OFFER: string;
-        COMPOSE: string;
-        ROOM_OPTIONS: string;
-        FLIGHT_OPTIONS: string;
-    };
-    INPUT: {
-        INCREASE: string;
-        DECREASE: string;
-    };
-    FLIGHTS_FORM: {
-        OUTWARD_FLIGHTS: string;
-        OUTWARD_FLIGHT: string;
-        RETURN_FLIGHTS: string;
-        RETURN_FLIGHT: string;
-        DIRECT_FLIGHT: string;
-        STOP: string;
-        STOPS: string;
-        FLIGHT_STOPS: string;
-        DIFFERENT_OPTION_WARNING: string;
-        FILTER_OPTIONS: string;
-        AIRLINES: string;
-        AIRPORTS: string;
-        NUMBER_OF_STOPS: string;
-        FLIGHT_OUTWARD: string;
-        DEPARTURE_TIME: string;
-        TRAVEL_DURATION: string;
-        CHANGE_TIME: string;
-        FLIGHT_RETURN: string;
-        NO_FLIGHTS_FOUND: string;
-        STARTING: string;
-        LOWEST_PRICE: string;
-        CHOOSE_YOUR_CLASS: string;
-        PLUS_ONE_DAY: string;
-        STOP_TIME: string;
-        NIGHT_DEPARTURE: string;
-        MORNING_DEPARTURE: string;
-        AFTERNOON_DEPARTURE: string;
-        EVENING_DEPARTURE: string;
-    };
-    PRODUCT: {
-        STAY_INCLUDED: string;
-        FLIGHT_INCLUDED: string;
-        TRANSFER_INCLUDED: string;
-        LOADING_PRICE: string;
-        PER_PERSON: string;
-        PER_NIGHT: string;
-        PER_PERSON_PER_NIGHT: string;
-        BOOK_NOW: string;
-        TO_YOUR_OFFER: string;
-        NOT_AVAILABLE: string;
-        NUMBER_OF_ROOMS: string;
-        AGE_BY_DEPARTURE_DATE: string;
-        YEAR: string;
-        APPLY: string;
-        EDIT: string;
-        DEPARTURE: string;
-        DEPARTURE_DATE: string;
-        RETURN: string;
-        RETURN_DATE: string;
-        WHO_YOU_TRAVELING_WITH: string;
-        TRAVEL_PERIOD: string;
-        CLOSE: string;
-    };
-    MAIN: {
-        PREPARING_BOOKING: string;
-        PREPARING_OFFEr: string;
-        PRODUCT_UNAVAILABLE: string;
-    };
-    SHARED: {
-        ROOM: string;
-        ROOMS: string;
-        TOTAL_PRICE: string;
-        ADULTS: string;
-        CHILDREN: string;
-        SELECT: string;
-        SELECTED: string;
-    };
-    SIDEBAR: {
-        OVERVIEW: string;
-        SLIDE_TOTAL_PRICE: string;
-        SLIDE_DEPOSIT: string;
-        TRAVEL_INFO: string;
-        TRAVELERS: string;
-        TRAVELERS_ADULTS: string;
-        TRAVELERS_ADULT: string;
-        TRAVELERS_CHILDREN: string;
-        TRAVELERS_CHILD: string;
-        DEPARTURE: string;
-        DEPARTURE_SINGLE: string;
-        ARRIVAL: string;
-        FLIGHT: string;
-        ACCOMMODATION: string;
-        BASE_PRICE: string;
-        OPTIONS: string;
-        INCLUDED_COSTS: string;
-        EXTRA_COSTS: string;
-        DEPOSIT: string;
-        DEPOSIT_TEXT1: string;
-        DEPOSIT_TEXT2: string;
-        DEPOSIT_TEXT3: string;
-        DEPOSIT_TEXT4: string;
-        DEPOSIT_TEXT5: string;
-        DEPOSIT_TEXT6: string;
-        LUGGAGE_INCLUDED: string;
-        DEPARTURE_FLIGHT: string;
-        ARRIVAL_FLIGHT: string;
-        FLIGHT_DEPARTURE: string;
-        FLIGHT_ARRIVAL: string;
-        ON_REQUEST: string;
-        CHANGES: string;
-    };
-    TRAVELERS_FORM: {
-        TRAVELER: string;
-        ADULT: string;
-        ADULTS: string;
-        CHILD: string;
-        CHILDREN: string;
-        GENDER: string;
-        MALE: string;
-        FEMALE: string;
-        OTHER: string;
-        MAIN_BOOKER: string;
-        FIRST_NAME: string;
-        LAST_NAME: string;
-        BIRTHDATE: string;
-        STREET: string;
-        STREET_PLACEHOLDER: string;
-        HOUSE_NUMBER: string;
-        POST_BOX: string;
-        ZIPCODE: string;
-        CITY: string;
-        CITY_PLACEHOLDER: string;
-        COUNTRY: string;
-        SELECT_COUNTRY: string;
-        PHONE: string;
-        EMAIL: string;
-        REPEAT_EMAIL: string;
-        VALIDATION_MESSAGE: string;
-        BOOK_WITH_AGENT: string;
-        CHOOSE_OFFICE: string;
-        CHOOSE_AGENT_PLACEHOLDER: string;
-        COUNTRIES: {
-            BELGIUM: string;
-            NETHERLANDS: string;
-            FRANCE: string;
-        };
-        VALIDATION: {
-            TRAVELER_X_FIELD: string;
-            TRAVELER_X_IS_NO_ADULT: string;
-            TRAVELER_X_IS_NO_CHILD: string;
-            NO_MAIN_BOOKER_SELECTED: string;
-            MAIN_BOOKER_FIELD: string;
-            MAIN_BOOKER_EMAIL_IS_INVALID: string;
-            MAIN_BOOKER_EMAIL_DOES_NOT_MATCH: string;
-            AGENT_IS_REQUIRED: string;
-        };
-    };
-    ROOM_OPTIONS_FORM: {
-        TRAVELER_GROUP: string;
-        ALTERNATIVES_TRAVELER_GROUP: string;
-        SHOW_ALTERNATIVES: string;
-    };
-    OPTIONS_FORM: {
-        NO_OPTIONS_TITLE: string;
-        NO_OPTIONS_MESSAGE: string;
-        UNIT_TITLE: string;
-        PACKAGE: string;
-        DAY: string;
-        DAYS: string;
-        NIGHT: string;
-        NIGHTS: string;
-        PER_PAX_TITLE: string;
-        PER_BOOKING_TITLE: string;
-        PER_UNIT_TITLE: string;
-        NONE: string;
-    };
-    SUMMARY: {
-        PERSONAL_DETAILS: string;
-        TRAVELERS: string;
-        TRAVELER: string;
-        ADULTS: string;
-        ADULT: string;
-        CHILDREN: string;
-        CHILD: string;
-        MAIN_BOOKER: string;
-        NOTIFICATIONS_TITLE: string;
-        VALIDATE_TITLE: string;
-        VALIDATE_TEXT_BOOKING: string;
-        VALIDATE_TEXT_OFFER: string;
-        OPTIONS: string;
-        REMARKS: string;
-        VOUCHERS: string;
-        VOUCHER_VALIDATE: string;
-        ADD_VOUCHER: string;
-        VOUCHER_VALID: string;
-        VOUCHER_INVALID: string;
-    };
-    CONFIRMATION: {
-        TITLE_TEXT_OFFER: string;
-        TITLE_TEXT_BOOKING: string;
-        MESSAGE_TEXT1: string;
-        MESSAGE_TEXT2_OFFER: string;
-        MESSAGE_TEXT2_BOOKING: string;
-        QUESTIONS_TEXT1: string;
-        QUESTIONS_TEXT2: string;
-        QUESTIONS_TEXT3: string;
-        QUESTIONS_ALT: string;
-        MAIL_SUBJECT: string;
-    };
-    ERROR: {
-        TRY_AGAIN: string;
-        MESSAGE_TEXT1: string;
-        MESSAGE_TEXT2: string;
-        ERROR_TEXT1: string;
-        ERROR_TEXT2: string;
-        ERROR_TEXT3: string;
-        ERROR_ALT: string;
-    };
-} | {
     STEPS: {
         PERSONAL_DETAILS: string;
         EXTRA_OPTIONS: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qite/tide-booking-component",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "React Booking wizard & Booking product component for Tide",
   "main": "build/build-cjs/index.js",
   "module": "build/build-esm/index.js",
@@ -34,8 +34,8 @@
     "@types/flat": "^5.0.2",
     "@types/lodash": "^4.14.171",
     "@types/reach__router": "^1.3.9",
-    "@types/react-dom": "^17.0.2",
     "@types/react": "^17.0.2",
+    "@types/react-dom": "^17.0.2",
     "@types/uuid": "^8.3.1",
     "date-fns": "^2.22.1",
     "flat": "^5.0.2",
@@ -71,6 +71,7 @@
     "uuid": "^8.3.2"
   },
   "dependencies": {
-    "@qite/tide-client": "^1.1.57"
+    "@qite/tide-client": "^1.1.57",
+    "react-html-comment": "^2.0.16"
   }
 }

package/src/booking-product/components/icon.tsx

@@ -1,6 +1,7 @@
 import { isEmpty } from "lodash";
 import React, { useContext } from "react";
 import SettingsContext from "../settings-context";
+import HTMLComment from "react-html-comment";
 
 interface IconProps {
   name: string;
@@ -37,10 +38,11 @@ const Icon: React.FC<IconProps> = ({
         .join(" ")}
         width={width}
         height={height}
-        viewBox="0 0 15 15"
+        viewBox="0 0 384 512"
       >
+        <HTMLComment text="!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc." />
         {title && <title>{title}</title>}
-        <path id="close_FILL0_wght400_GRAD0_opsz48_1_" data-name="close_FILL0_wght400_GRAD0_opsz48 (1)" d="M226.5-732.293l-6.034,6.034a.827.827,0,0,1-.6.259.827.827,0,0,1-.6-.259.827.827,0,0,1-.259-.6.827.827,0,0,1,.259-.6l6.035-6.034-6.035-6.034a.827.827,0,0,1-.259-.6.827.827,0,0,1,.259-.6.827.827,0,0,1,.6-.259.827.827,0,0,1,.6.259l6.034,6.034,6.034-6.034a.827.827,0,0,1,.6-.259.827.827,0,0,1,.6.259.827.827,0,0,1,.259.6.827.827,0,0,1-.259.6l-6.034,6.034,6.034,6.034a.827.827,0,0,1,.259.6.827.827,0,0,1-.259.6.827.827,0,0,1-.6.259.827.827,0,0,1-.6-.259Z" transform="translate(-219 741)" />
+        <path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/>
       </svg>);
       
     case "ui-plus":
@@ -51,6 +53,7 @@ const Icon: React.FC<IconProps> = ({
         height={height}
         viewBox="0 0 448 512"
       >
+        <HTMLComment text="!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc." />
         {title && <title>{title}</title>}
         <path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 144L48 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l144 0 0 144c0 17.7 14.3 32 32 32s32-14.3 32-32l0-144 144 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-144 0 0-144z"/>
       </svg>);
@@ -63,6 +66,7 @@ const Icon: React.FC<IconProps> = ({
         height={height}
         viewBox="0 0 448 512"
       >
+        <HTMLComment text="!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc." />
         {title && <title>{title}</title>}
         <path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/>
       </svg>);
@@ -75,6 +79,7 @@ const Icon: React.FC<IconProps> = ({
         height={height}
         viewBox="0 0 320 512"
       >
+        <HTMLComment text="!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc." />
         {title && <title>{title}</title>}
         <path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/>
       </svg>);
@@ -85,10 +90,11 @@ const Icon: React.FC<IconProps> = ({
         .join(" ")}
         width={width}
         height={height}
-        viewBox="0 0 17 17"
+        viewBox="0 0 448 512"
       >
+        <HTMLComment text="!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc." />
         {title && <title>{title}</title>}
-        <path d="M15.52,0h-14A1.48,1.48,0,0,0,0,1.48v14A1.48,1.48,0,0,0,1.48,17H13.84L17,13.84V1.48A1.48,1.48,0,0,0,15.52,0Zm.67,12.43-.17.16H14.75a2.11,2.11,0,0,0-2.16,2V16l-.16.17H1.48a.67.67,0,0,1-.67-.67L.72.94H16.1Z" />
+        <path d="M96 32l0 32L48 64C21.5 64 0 85.5 0 112l0 48 448 0 0-48c0-26.5-21.5-48-48-48l-48 0 0-32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 32L160 64l0-32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192L0 192 0 464c0 26.5 21.5 48 48 48l352 0c26.5 0 48-21.5 48-48l0-272z"/>
       </svg>);
 
     case "ui-bed":
@@ -97,10 +103,11 @@ const Icon: React.FC<IconProps> = ({
         .join(" ")}
         width={width}
         height={height}
-        viewBox="0 0 526.69 453.37"
+        viewBox="0 0 640 512"
       >
+        <HTMLComment text="!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc." />
         {title && <title>{title}</title>}
-        <path d="M470,204.85l-4.6-1.11V49.24A49.3,49.3,0,0,0,416.19,0H110.49A49.29,49.29,0,0,0,61.26,49.24v154.5l-4.6,1.11A73.73,73.73,0,0,0,0,276.74V388.46a10.06,10.06,0,0,0,10.05,10.05H61.26v44.81a10,10,0,1,0,20.09,0V398.51h364v44.81a10.05,10.05,0,1,0,20.1,0V398.51h51.21a10.06,10.06,0,0,0,10.05-10.05V276.74A73.73,73.73,0,0,0,470,204.85ZM81.35,49.24A29.18,29.18,0,0,1,110.49,20.1h305.7a29.17,29.17,0,0,1,29.14,29.14V202.79h-65V171.47a70.15,70.15,0,0,0-70.07-70.08H216.46a70.16,70.16,0,0,0-70.07,70.08v31.32h-65ZM360.2,171.47v31.32H166.48V171.47a50,50,0,0,1,50-50h93.76a50,50,0,0,1,50,50ZM506.59,378.41H20.1V276.74A53.92,53.92,0,0,1,74,222.88H452.73a53.92,53.92,0,0,1,53.86,53.86Z" />
+        <path d="M32 32c17.7 0 32 14.3 32 32l0 256 224 0 0-160c0-17.7 14.3-32 32-32l224 0c53 0 96 43 96 96l0 224c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-32-224 0-32 0L64 416l0 32c0 17.7-14.3 32-32 32s-32-14.3-32-32L0 64C0 46.3 14.3 32 32 32zm144 96a80 80 0 1 1 0 160 80 80 0 1 1 0-160z"/>
       </svg>);
 
     case "ui-flight":
@@ -109,10 +116,11 @@ const Icon: React.FC<IconProps> = ({
         .join(" ")}
         width={width}
         height={height}
-        viewBox="0 0 18.24 9.45"
+        viewBox="0 0 576 512"
       >
+        <HTMLComment text="!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc." />
         {title && <title>{title}</title>}
-        <path d="M14.68,9.45c-.07,0-.13,0-.2,0H5.58c-.33-.01-.65-.09-.94-.23l-3.19-1.61c-.29-.17-.5-.43-.6-.74h0L.01,3.98c-.02-.1-.02-.16,0-.22,0-.41,.34-.76,.77-.76h1.28s.12,0,.2,0h.08l.06,.06c.09,.07,.17,.15,.23,.25l1.22,1.69h2.54L4,.95c0-.07,0-.13,0-.2,0-.4,.35-.75,.78-.75h2.38l.08,.08c.08,.07,.15,.16,.19,.26l4.24,4.6h2.88c.78,0,1.55,.19,2.24,.54l.22,.13c.81,.48,1.22,1.04,1.22,1.65s-.42,1.15-1.25,1.63c-.71,.38-1.5,.58-2.31,.58Zm-.19-.57c.78,.03,1.54-.14,2.22-.51,.63-.36,.96-.75,.96-1.13s-.33-.79-.94-1.16l-.21-.12c-.6-.3-1.28-.47-1.97-.47h-3.12L6.95,.61s-.01-.03-.02-.04h-2.14c-.12,0-.22,.1-.22,.22,0,.02,0,.04,0,.06l2.83,4.73H3.56l-1.4-1.94s-.03-.05-.05-.07H.78c-.11,0-.21,.1-.21,.21l.82,2.93c.06,.17,.17,.32,.33,.4l3.17,1.6c.22,.1,.46,.16,.7,.17H14.5Z" />
+        <path d="M482.3 192c34.2 0 93.7 29 93.7 64c0 36-59.5 64-93.7 64l-116.6 0L265.2 495.9c-5.7 10-16.3 16.1-27.8 16.1l-56.2 0c-10.6 0-18.3-10.2-15.4-20.4l49-171.6L112 320 68.8 377.6c-3 4-7.8 6.4-12.8 6.4l-42 0c-7.8 0-14-6.3-14-14c0-1.3 .2-2.6 .5-3.9L32 256 .5 145.9c-.4-1.3-.5-2.6-.5-3.9c0-7.8 6.3-14 14-14l42 0c5 0 9.8 2.4 12.8 6.4L112 192l102.9 0-49-171.6C162.9 10.2 170.6 0 181.2 0l56.2 0c11.5 0 22.1 6.2 27.8 16.1L365.7 192l116.6 0z"/>
       </svg>);
 
     case "ui-transfer":
@@ -121,10 +129,11 @@ const Icon: React.FC<IconProps> = ({
         .join(" ")}
         width={width}
         height={height}
-        viewBox="0 0 25.19 22.16"
+        viewBox="0 0 512 512"
       >
+        <HTMLComment text="!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc." />
         {title && <title>{title}</title>}
-        <path d="M21.67,22.16h-1.51c-1.11,0-2.01-.9-2.01-2.01v-1.01H7.05v1.01c0,1.11-.9,2.01-2.01,2.01h-1.51c-1.11,0-2.01-.9-2.01-2.01v-1.66c-.94-.65-1.51-1.72-1.51-2.87v-2.27c0-1.55,.99-2.89,2.45-3.35l.97-3.73c.49-1.86,2.18-3.2,4.1-3.25h.04v-1.01C7.56,.9,8.46,0,9.57,0h6.05c1.11,0,2.01,.9,2.01,2.01l.03,1.01c1.94,.05,3.62,1.39,4.11,3.24l.97,3.73c1.46,.46,2.45,1.8,2.45,3.35v2.27c0,1.15-.58,2.23-1.51,2.87v1.65c0,1.11-.9,2.01-2.01,2.01Zm-15.62-4.02h13.09v2.01c0,.56,.45,1.01,1.01,1.01h1.51c.56,0,1.01-.46,1.01-1.01v-2.22l.25-.14c.77-.44,1.26-1.28,1.26-2.17v-2.27c0-1.19-.81-2.2-1.97-2.46l-.3-.07-1.12-4.3c-.38-1.43-1.68-2.46-3.16-2.5h-1.02V2.01c0-.56-.45-1.01-1.01-1.01h-6.05c-.56,0-1.01,.45-1.01,1.01v2.01h-1.03c-1.47,.04-2.77,1.07-3.15,2.5l-1.11,4.3-.3,.07c-1.16,.26-1.97,1.27-1.97,2.46v2.27c0,.89,.49,1.72,1.26,2.17l.25,.14v2.22c0,.56,.45,1.01,1.01,1.01h1.51c.56,0,1.01-.45,1.01-1.01v-2.01Zm14.11-2.02c-1.11,0-2.01-.9-2.01-2.01s.9-2.01,2.01-2.01,2.01,.9,2.01,2.01-.9,2.01-2.01,2.01Zm0-3.02c-.56,0-1.01,.45-1.01,1.01s.45,1.01,1.01,1.01,1.01-.45,1.01-1.01-.45-1.01-1.01-1.01Zm-15.12,3.02c-1.11,0-2.01-.9-2.01-2.01s.9-2.01,2.01-2.01,2.01,.9,2.01,2.01-.9,2.01-2.01,2.01Zm0-3.02c-.56,0-1.01,.45-1.01,1.01s.45,1.01,1.01,1.01,1.01-.45,1.01-1.01-.45-1.01-1.01-1.01Zm14.79-2.26H5.36l.98-3.76c.13-.53,.57-.93,1.13-1.01h10.2c.6,.07,1.04,.45,1.18,.97l.99,3.81Zm-13.18-1h11.88l-.66-2.54c-.03-.12-.15-.22-.28-.24H7.53c-.07,.02-.19,.12-.23,.27l-.65,2.51Z" />
+        <path d="M192 0c-17.7 0-32 14.3-32 32l0 32 0 .2c-38.6 2.2-72.3 27.3-85.2 64.1L39.6 228.8C16.4 238.4 0 261.3 0 288L0 432l0 48c0 17.7 14.3 32 32 32l32 0c17.7 0 32-14.3 32-32l0-48 320 0 0 48c0 17.7 14.3 32 32 32l32 0c17.7 0 32-14.3 32-32l0-48 0-144c0-26.7-16.4-49.6-39.6-59.2L437.2 128.3c-12.9-36.8-46.6-62-85.2-64.1l0-.2 0-32c0-17.7-14.3-32-32-32L192 0zM165.4 128l181.2 0c13.6 0 25.7 8.6 30.2 21.4L402.9 224l-293.8 0 26.1-74.6c4.5-12.8 16.6-21.4 30.2-21.4zM96 288a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm288 32a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/>
       </svg>);
 
     case "ui-star":
@@ -133,10 +142,11 @@ const Icon: React.FC<IconProps> = ({
         .join(" ")}
         width={width}
         height={height}
-        viewBox="0 0 31.58 30"
+        viewBox="0 0 576 512"
       >
+        <HTMLComment text="!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc." />
         {title && <title>{title}</title>}
-        <path d="M15.79,0l3.95,11.16,11.84.3-9.4,7.2L25.55,30l-9.76-6.71L6,30,9.4,18.66,0,11.46l11.84-.3Z" transform="translate(0 0)" />
+        <path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"/>
       </svg>);
 
     case "ui-halfstar":
@@ -145,10 +155,11 @@ const Icon: React.FC<IconProps> = ({
         .join(" ")}
         width={width}
         height={height}
-        viewBox="0 0 25 28.5"
+        viewBox="0 0 576 512"
       >
+        <HTMLComment text="!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc." />
         {title && <title>{title}</title>}
-        <path d="M5.73,28.5h0l3.2-10.77L0,10.89l11.25-.29L15,0V22.13L5.73,28.5Z" transform="translate(0 0)" />
+        <path d="M288 0c-12.2 .1-23.3 7-28.6 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288 439.8 288 0zM429.9 512c1.1 .1 2.1 .1 3.2 0l-3.2 0z"/>
       </svg>);
 
     case "ui-user":
@@ -157,11 +168,11 @@ const Icon: React.FC<IconProps> = ({
         .join(" ")}
         width={width}
         height={height}
-        viewBox="0 0 17.58 20"
+        viewBox="0 0 448 512"
       >
+        <HTMLComment text="!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc." />
         {title && <title>{title}</title>}
-        <path d="M9.27,0a5.28,5.28,0,1,0,5.28,5.27A5.27,5.27,0,0,0,9.27,0Zm0,9.38a4.1,4.1,0,1,1,4.1-4.1h0A4.11,4.11,0,0,1,9.27,9.38Z" transform="translate(0 0)" />
-        <path d="M10.42,11.76H7.15A8.5,8.5,0,0,0,0,15.68V20H17.58V15.68A8.5,8.5,0,0,0,10.42,11.76Zm6,7.07H1.17V16a7.31,7.31,0,0,1,6-3.11h3.27a7.31,7.31,0,0,1,6,3.11Z" transform="translate(0 0)" />
+        <path d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z"/>
       </svg>);
 
     case "ui-pencil":
@@ -170,12 +181,11 @@ const Icon: React.FC<IconProps> = ({
         .join(" ")}
         width={width}
         height={height}
-        viewBox="0 0 14.99 15.35"
+        viewBox="0 0 512 512"
       >
+        <HTMLComment text="!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc." />
         {title && <title>{title}</title>}
-        <g transform="translate(0 0.35)">
-          <path d="M11.25,1.43L1,12.01v2.34H3.33L13.59,3.76l-2.34-2.34M11.24,0l3.75,3.75L3.75,15.35H0v-3.75L11.24,0Z" />
-        </g>
+        <path d="M410.3 231l11.3-11.3-33.9-33.9-62.1-62.1L291.7 89.8l-11.3 11.3-22.6 22.6L58.6 322.9c-10.4 10.4-18 23.3-22.2 37.4L1 480.7c-2.5 8.4-.2 17.5 6.1 23.7s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L387.7 253.7 410.3 231zM160 399.4l-9.1 22.7c-4 3.1-8.5 5.4-13.3 6.9L59.4 452l23-78.1c1.4-4.9 3.8-9.4 6.9-13.3l22.7-9.1 0 32c0 8.8 7.2 16 16 16l32 0zM362.7 18.7L348.3 33.2 325.7 55.8 314.3 67.1l33.9 33.9 62.1 62.1 33.9 33.9 11.3-11.3 22.6-22.6 14.5-14.5c25-25 25-65.5 0-90.5L453.3 18.7c-25-25-65.5-25-90.5 0zm-47.4 168l-144 144c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l144-144c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6z"/>
       </svg>);
 
     case "ui-check":
@@ -184,10 +194,11 @@ const Icon: React.FC<IconProps> = ({
         .join(" ")}
         width={width}
         height={height}
-        viewBox="0 0 512 512"
+        viewBox="0 0 448 512"
       >
+        <HTMLComment text="!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc." />
         {title && <title>{title}</title>}
-        <path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path>
+        <path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/>
       </svg>);
     default:
       return null;