@solidstarters/solid-core-ui 1.1.210 → 1.1.211

package/src/constants/error-messages.ts

@@ -0,0 +1,238 @@
+export const ERROR_MESSAGES = {
+
+  /* ----------------------------- AUTHENTICATION ----------------------------- */
+  NO_AUTH_TOKEN_FOUND: 'No auth token found.',
+  AUTHENICATION__FAILED: 'Authentication failed.',
+  INVALID_CREDENTIALS: 'Invalid Credentials',
+  SESSION_EXPIRED: 'Session Expired. Please Login Again.',
+  FAILED_REFRESH_TOKEN: 'Failed to refresh access token: ',
+  LOGIN_ERROR: 'Login Error',
+  LOGIN_SUCCESS: 'Login Success',
+  PLEASE_WAIT: "Please wait",
+  SOMETHING_WRONG: 'Something Went Wrong !',
+  LOGOUT_FAILED: 'Logout Failed !',
+  LOGIN_SUCCESSFULLY : 'Login Successfully',
+
+  /* -------------------------------- PASSWORD -------------------------------- */
+  FAILED_TO_UPDATE_PASSWORD: 'Failed to update password.',
+  INVALID_PASSWORD_REGX: 'Invalid password regex in .env:',
+  INCORRECT_CURRENT: "Incorrect Current Password",
+  MUST_MATCH: "Passwords must match",
+  FORCE_PASSWORD_CHANGE: "Force Password Change Success",
+  PASSWORD_CHANGE: 'Password Change Successfully',
+
+  /* ---------------------------------- OTP ----------------------------------- */
+  INAVLID_OTP: "Invalid OTP",
+  OPT_FORMAT: (formatted: string) =>
+    `You can request a new OTP in ${formatted} second(s)`,
+
+  /* ---------------------------- AUTH / DASHBOARD ----------------------------- */
+  DASHBOARD_REDIRECTING: "Redirecting to dashboard...",
+
+  /* ------------------------------- FILE ERRORS ------------------------------- */
+  FILE_DOWNLOAD_FAILED: 'File download failed.',
+  FAILED_TO_DOWNLOAD: 'Failed to download.',
+  FAILED_TO_FETCH_FILE: 'Failed to fetch file.',
+  DOWNLOAD_FAILED: 'Download failed',
+  FILE_LARGE: 'File too large',
+  MAX_FILE_SIZE: 'Maximum file size is 2MB',
+  FILE_TOO_LAREG: (fileSize: string) =>
+    `File is too large. Max size is ${fileSize} KB.`,
+  FILE_NOT_ACCEPT: 'File not accepted.',
+  FAILED_UPLOAD_FILE: 'Fail to upload file',
+  MISSING_FILE: 'Missing File',
+  ERROR_DELETING_FILE: 'Error deleting file:',
+  FAILED_DELETED_IMAGE: 'Failed to delete image.',
+  PROFILE_PICTURE_REMOVE: "Profile picture removed.",
+  FILE_UPLOAD: 'File Uploaded',
+  FILE_UPLOAD_SUCCESSFULLY: 'File Uploaded Successfully',
+
+  /* ------------------------------- USER / ENTITY ------------------------------ */
+  NO_ENTITY_SELECTED: 'No entity selected.',
+  FAILED_UPDATED_PROFILE: 'Failed to update profile',
+  ENTITY_FAILED: 'Failed to create Entity:',
+  ENTITY_DELETE: 'Entity deleted successfully',
+  RECORD_DELETE: 'Records deleted successfully',
+  MODEL_DELETE: 'Model Deleted',
+  MODEL_DELETE_SUCCESSFULLY: (modelName: string) =>
+    `Model ${modelName} has been deleted successfully`,
+  DELETE_FAIELD: "Delete Failed",
+  EMAIL_ALREADY_TAKEN: 'Email is already taken,',
+  UPDATED: 'Updated',
+  SETTING_UPDATED: 'Settings updated',
+  USER_REGISTER : 'User Registered',
+  NO_CHANGE : 'No Change',
+  NO_SETTING_UPDATE : 'No settings were updated',
+  UPDATING_USER : 'Error updating user view:',
+
+  /* ---------------------------- RELATION & FILTER ---------------------------- */
+  INVALID_FILTER_STRUCTURE: 'Invalid filter structure.',
+  INVALID_RELATION_TYPE: (relationType: string, fieldName: string) =>
+    `Invalid relationType ${relationType} on field ${fieldName}`,
+  INVALID_JSON_WHERECLAUSE: 'Invalid whereClause JSON:',
+  FIXED_FILTER_NOT_APPLIED: 'Fixed filter not applied due to parsing issues or invalid data.',
+  SELECT_RELEVANT_FIELD: 'Please select relevant fields used in fixed filter',
+  SKIPPING_EMPTY_FIXED_FILTER: 'Skipping invalid/empty fixed filter : ',
+  FIELD_NOT_SELECT: 'Fields Not selected!',
+  FIELD_NOT_IN_METADATA: (label: string) =>
+    `${label} is not present in metadata`,
+  SAVE_FILTER_UNDEFINED_NULL: 'Saved filter ID is undefined or null.',
+
+  /* -------------------------------- FORM / UI -------------------------------- */
+  FAILED_UPDATE_FROM: "Failed to update the form.",
+  UPDATING_STEPPER: 'Error updating stepper : ',
+  DYNAMIC_FUNCTION_ERROR: 'Error in DynamicFunctionComponent : ',
+  ON_FORM_LOAD: 'Error in onFormLoad handler:',
+  UNABLE_LOAD_DYNAMIC_MODULE: 'Unable to load dynamic module: ',
+  LOADING_COMPONENT: 'Error loading component',
+  FORM_LAYOUT_UPDATE : 'Form Layout Updated successfully!',
+  LAYOUT  : 'Layout',
+  MARK_PUBLISH : 'Marked as publish !',
+  MARK_UNPUBLISH : 'Marked as unpublish !',
+  SAVED : 'Saved',
+  FORM_UPDATE : 'Form Updated',
+  FORM_UPDATE_SUCCESSFULLY : 'Form updated successfully!',
+  FORM_SAVED : 'Form Saved',
+  FORM_SAVED_SUCCESSFULLY : 'Form saved successfully!',
+  PROFILE_SAVED : 'Profile Saved',
+  PROFILE_SAVED_SUCCESSFULLY : 'Profile saved successfully!',
+  NO_UPDATE_MADE :'No updates were made.',
+  
+
+
+  /* ------------------------------ INTERACTIONS ------------------------------ */
+  INTERATCTION_MESSGAE: (message: string, err: any) =>
+    `Error handling interaction.message: ${message || String(err)}`,
+  APPLY_FAILED: 'Apply Failed',
+  APPLY_SUCCESS: 'Apply Successful',
+  PREVIEW_INTERACTION: 'Preview clicked for interaction:',
+  FAILED_APPLY_INTERACTION: (error: string) =>
+    `Failed to apply interaction - ${error}`,
+
+  /* --------------------------- PROCESS / BACKEND ---------------------------- */
+  BACKEND_UNAVAILABLE: 'Backend Unavailable',
+  SEEDER_NOT_TRIGGERED: 'Seeder not triggered. Could not reach backend.',
+  IS_SEEDER_ERROR: 'isSeederError',
+  IS_SEEDER_SUCCESS: 'isSeederSuccess',
+  SEEDER_ERROR: 'Seeder Error',
+  SEEDER_NOT_RUN: 'Could not run seeder. Please try again.',
+  BACKEND_NOT_ALIVE: 'Backend is not alive, cannot run seeder',
+  FAILED_TRIGGER_MCP_CLIENT_JOB: 'Failed to trigger MCP client job',
+
+  /* --------------------------------- NETWORK --------------------------------- */
+  API_ERROR: 'API error: ',
+  ERROR_OCCURED: "An error occurred",
+  FETCHING_MESSAGE: 'Error fetching messages:',
+  FETCHING_USER: 'Error fetching users:',
+  FETCHING_ITEMS: 'Error fetching items',
+  LOAD_MORE_DATA: 'Failed to load more data:',
+  NETWORK_ERROR: 'Network error occurred. Please try again.',
+  NETWORK_OR_SERVER_ERROR: 'Network or server error occurred.',
+  DELETE_ERROR: 'Delete error',
+
+  /* ----------------------------- IMPORT / EXPORT ----------------------------- */
+  IMPORT_ERROR: 'Import Error',
+  EXPORT_SUCCESSFULLY: 'File Exported Successfully.',
+  SEND_REPORT: 'Can you send me the report?',
+
+  /* ----------------------------------- MISC ---------------------------------- */
+  ERROR: 'Error',
+  FAILED: 'Failed',
+  IS_SUCCESS: 'Success',
+  DELETED: 'Deleted',
+  UPDATE_FAILED: 'Update failed',
+  FAILED_CREATE_MENU: 'Failed to create menu',
+  ORM_TYPE_REQUIRED: 'Orm Type is required!',
+  ACTION_FUNCTION: (action: string) =>
+    `Action function "${action}" not found.`,
+  DUPLICATE_KEY: "Duplicate Key",
+  ERROR_DECODING: 'Error decoding or parsing query string from local storage:',
+  CREATE_MODEL: 'Failed to create Model',
+  TEMPLATE_FAILED: 'Failed to create template',
+  SELECT_FROMAT: 'Please Select Format',
+  PARSED_FIELD: 'Failed to parse fields:',
+  CODE_GENERTAE_SUCCESSFULLY: 'Code Generated Successfully',
+  RESPONSE_GENERATE_CODE_HANDLER: "response generate code handler",
+  KANBAN_UPDATED: "Kanban View Updated!",
+  TRY_AGAIN: 'Please try again later',
+  REMOVE_ROOT_NODE: "Cannot remove the root node.",
+  ATTEMPT_FETCH_MESSAGE_STATUS: (queryString: string) =>
+    `Attempting to fetch mq message status with query string: ${queryString}`,
+  FAILED_FETCH_MESSAGE: "Failed to fetch MQ message status:",
+  FAILED_CREATE_INVOICE: "Failed to create Invoice:",
+
+  /* ----------------------------------- CRUD ---------------------------------- */
+  ADD_ATLEAST_ONE_FIELD: "Please add at least one field",
+
+
+  /* ----------------------------------- Validation ---------------------------------- */
+
+  // -------------------- REQUIRED / BASIC FIELD ERRORS --------------------
+  FIELD_REUQIRED: (field: string) => `${field} is required`,
+  FIELD_INAVLID_FORMAT: (field: string) => `Invalid ${field} format`,
+  FIELD_INVALID: (field: string) => `Invalid ${field}`,
+  ENTER_VALID_FIELD: (field: string) => `Please enter a valid ${field}.`,
+  FIELD_INVALID_DATA: (field: string) => `${field}  has invalid data.`,
+  FIELD_MUST_MATCH: (field: string) => `${field}s must match.`,
+  FIELD_ALREADY_USE: (field: string, field1: string) =>
+    `${field} Already in use. Please choose a different ${field1}.`,
+  FIELD_MUST_BE_AN: (field: string, type: string) =>
+    `${field} must be an ${type}"`,
+  REQUIRED_REALTION: 'required-relation',
+  VALIDATE_SELECTION: 'valid-selection',
+
+  // -------------------- PASSWORD VALIDATION --------------------
+  PASSWORD_DO_NOT_MEET: 'Password does not meet complexity requirements',
+  PASSWORD_CHARACTER: (count: Number) =>
+    `Password must be at least ${count} characters`,
+  PASSWORD_CONTAIN: (contain: string, type = 'letter') =>
+    `Password must contain at least one ${contain} ${type}`,
+
+  // -------------------- LENGTH VALIDATION --------------------
+  FIELD_MINIMUM_CHARACTER: (field: string, characters: Number) =>
+    `${field} should be at-least ${characters} characters long.`,
+  FIELD_MAXIMUM_CHARACTER: (field: string, characters: Number) =>
+    `${field} should not be more than ${characters} characters long.`,
+
+  // -------------------- OTP --------------------
+  OTP_CHARACTER: (count: Number) =>
+    `OTP must be a ${count}-digit number`,
+  OPT_RESEND : 'OTP Resent Successfully',
+  OPT_SEND : 'OTP Sent Successfully',
+
+  // -------------------- UPDATE MESSAGES --------------------
+  FIELD_UPDATE: (field: string) => `${field} Updated`,
+  FIELD_UPDATE_SUCCESSFULLY: (field: string) =>
+    `${field} Updated Successfully`,
+
+  // -------------------- FILE / OBJECT VALIDATION --------------------
+  MUST_BE_FILE_OBJECT: (field: string) =>
+    `${field}  must be a file, an object, or empty`,
+  FILE_OBJECT: 'file-or-object',
+  EMPTY_VALID_ARRAY: 'is-empty-or-valid-array',
+  CONTAIN_EMPTY_ARRAY_OR_FILE_OBECT: (field: string) =>
+    `${field} must be an empty array or contain only files/objects.`,
+
+  // -------------------- SELECTION VALIDATION --------------------
+  FIELD_MUST_HAVE_ITEM: (field: string) =>
+    `${field} must have at least one item.`,
+  SELECT_ATLEAST_ONE: (field: string) =>
+    `You must select at least one ${field}.`,
+  SELECT_VALID_FROM_DROPDOWN: (field: string) =>
+    `Please select a valid ${field} from the dropdown.`,
+  SELECT_ONE_OPERATION: 'Select at least one operation',
+
+  // -------------------- JSON VALIDATION --------------------
+  IS_VALID_JSON: 'is-valid-json',
+  COMPUTED_FIELD_VALIDATE_JSON:
+    'Computed Field Value Provider Context Value must be valid JSON',
+
+  // -------------------- OTHER RULES --------------------
+  GREATER_THAN_MIN: 'greater-than-min',
+  RELATION_CASCADE: 'Relation Cascade Value is required for one-to-one relationships',
+  SNAKE_CASE: (name: string) =>
+    `${name} name must be in snake_case (lowercase letters, numbers, and underscores only).`,
+
+
+
+};

package/src/helpers/AppTitle.tsx

@@ -0,0 +1,12 @@
+export const AppTitle = ({ title }: { title: any }) => {
+    const appTitle = title ? title?.data?.appTitle : "Solid Starters";
+    return (
+        <div>
+            <p className="solid-logo-title">
+                {appTitle?.split(" ").map((word: string, index: number) => (
+                    <div key={index}>{word}</div>
+                ))}
+            </p>
+        </div>
+    )
+}

package/src/helpers/ToastContainer.tsx

@@ -0,0 +1,94 @@
+"use client";
+import { ERROR_MESSAGES } from '../constants/error-messages';
+import { FetchBaseQueryError } from '@reduxjs/toolkit/dist/query';
+import { Toast } from 'primereact/toast';
+import React, { useRef } from 'react';
+
+
+interface ErrorResponseData {
+    message: string;
+    statusCode: number;
+    error: string;
+}
+
+
+let toastRef: React.MutableRefObject<Toast | null> | null = null;
+
+export const ToastContainer = () => {
+    toastRef = useRef(null);
+
+    return <Toast ref={toastRef} />;
+};
+
+function isFetchBaseQueryErrorWithErrorResponse(error: any): error is FetchBaseQueryError & { data: ErrorResponseData } {
+    return error && typeof error === 'object' && 'data' in error && 'message' in error.data;
+}
+const extractErrorMessages = (errorObj: Record<string, string>): string[] => {
+    return Object.values(errorObj);
+};
+
+
+export const handleError = (errorToast: any) => {
+    let errorMessage: any = errorToast ? errorToast : [ERROR_MESSAGES.ERROR_OCCURED];
+
+
+    if (typeof errorMessage == 'object') {
+        if (isFetchBaseQueryErrorWithErrorResponse(errorToast)) {
+            errorMessage = errorToast.data.message;
+        }
+    }
+    // if (isFetchBaseQueryErrorWithErrorResponse(errorToast)) {
+    //     errorMessage = errorToast.data.message;
+    // } else {
+    //     errorMessage = ['Something went wrong'];
+    // }
+
+    toastRef?.current?.show({
+        severity: 'error',
+        summary: ERROR_MESSAGES.ERROR,
+        detail: errorMessage,
+        life: 3000,
+        //@ts-ignore
+        content: (props) => (
+            <div className="flex flex-column align-items-left" style={{ flex: "1" }}>
+                {Array.isArray(errorMessage) ? (
+                    errorMessage.map((message, index) => (
+                        <div className="flex align-items-center gap-2" key={index}>
+                            <span className="font-bold text-900">{message.trim()}</span>
+                        </div>
+                    ))
+                ) : (
+                    <div className="flex align-items-center gap-2">
+                        <span className="font-bold text-900">{errorMessage?.trim()}</span>
+                    </div>
+                )}
+            </div>
+        ),
+    });
+};
+
+export const handleSuccess = (successMessage: any) => {
+
+    toastRef?.current?.show({
+        severity: 'error',
+        summary: ERROR_MESSAGES.IS_SUCCESS,
+        detail: successMessage,
+        life: 3000,
+        //@ts-ignore
+        content: (props) => (
+            <div className="flex flex-column align-items-left" style={{ flex: "1" }}>
+                {Array.isArray(successMessage) ? (
+                    successMessage.map((message, index) => (
+                        <div className="flex align-items-center gap-2" key={index}>
+                            <span className="font-bold text-900">{message.trim()}</span>
+                        </div>
+                    ))
+                ) : (
+                    <div className="flex align-items-center gap-2">
+                        <span className="font-bold text-900">{successMessage?.trim()}</span>
+                    </div>
+                )}
+            </div>
+        ),
+    });
+};

package/src/helpers/autoCompleteVirtualScroll.ts

@@ -0,0 +1,41 @@
+type GetVirtualScrollerOptionsParams = {
+  itemsLength: number;
+  maxVisibleItems?: number;
+  itemHeight?: number;
+  extraHeight?: number;
+  lazy?: boolean;
+  onLazyLoad?: (event: any) => void;
+};
+
+export const getVirtualScrollerOptions = ({
+  itemsLength,
+  maxVisibleItems = 5,
+  itemHeight = 38,
+  extraHeight = 24,
+  lazy = false,
+  onLazyLoad,
+}: GetVirtualScrollerOptionsParams) => {
+
+  if (itemsLength === 0) {
+    return undefined;
+  }
+
+  const visibleItems = Math.min(itemsLength, maxVisibleItems);
+
+  const options: any = {
+    itemSize: itemHeight,
+    scrollHeight: `${
+      visibleItems * itemHeight + extraHeight
+    }px`,
+  };
+
+  // Lazy loading support
+  if (lazy) {
+    options.lazy = true;
+    if (onLazyLoad) {
+      options.onLazyLoad = onLazyLoad;
+    }
+  }
+
+  return options;
+};

package/src/helpers/countries.tsx

@@ -0,0 +1,260 @@
+"use client";
+const countries = [
+    { name: "+93 Afghanistan", code: "AF", numberCode: "+93" },
+    { name: "Albania", code: "AL", numberCode: "+355" },
+    { name: "Algeria", code: "DZ", numberCode: "+213" },
+    { name: "American Samoa", code: "AS", numberCode: "+1-684" },
+    { name: "Andorra", code: "AD", numberCode: "+376" },
+    { name: "Angola", code: "AO", numberCode: "+244" },
+    { name: "Anguilla", code: "AI", numberCode: "+1-264" },
+    { name: "Antigua and Barbuda", code: "AG", numberCode: "+1-268" },
+    { name: "Argentina", code: "AR", numberCode: "+54" },
+    { name: "Armenia", code: "AM", numberCode: "+374" },
+    { name: "Aruba", code: "AW", numberCode: "+297" },
+    { name: "Australia", code: "AU", numberCode: "+61" },
+    { name: "Austria", code: "AT", numberCode: "+43" },
+    { name: "Azerbaijan", code: "AZ", numberCode: "+994" },
+    { name: "Bahamas", code: "BS", numberCode: "+1-242" },
+    { name: "Bahrain", code: "BH", numberCode: "+973" },
+    { name: "Bangladesh", code: "BD", numberCode: "+880" },
+    { name: "Barbados", code: "BB", numberCode: "+1-246" },
+    { name: "Belarus", code: "BY", numberCode: "+375" },
+    { name: "Belgium", code: "BE", numberCode: "+32" },
+    { name: "Belize", code: "BZ", numberCode: "+501" },
+    { name: "Benin", code: "BJ", numberCode: "+229" },
+    { name: "Bermuda", code: "BM", numberCode: "+1-441" },
+    { name: "Bhutan", code: "BT", numberCode: "+975" },
+    { name: "Bolivia", code: "BO", numberCode: "+591" },
+    { name: "Bosnia and Herzegovina", code: "BA", numberCode: "+387" },
+    { name: "Botswana", code: "BW", numberCode: "+267" },
+    { name: "Brazil", code: "BR", numberCode: "+55" },
+    { name: "British Indian Ocean Territory", code: "IO", numberCode: "+246" },
+    { name: "Brunei Darussalam", code: "BN", numberCode: "+673" },
+    { name: "Bulgaria", code: "BG", numberCode: "+359" },
+    { name: "Burkina Faso", code: "BF", numberCode: "+226" },
+    { name: "Burundi", code: "BI", numberCode: "+257" },
+    { name: "Cambodia", code: "KH", numberCode: "+855" },
+    { name: "Cameroon", code: "CM", numberCode: "+237" },
+    { name: "Canada", code: "CA", numberCode: "+1" },
+    { name: "Cape Verde", code: "CV", numberCode: "+238" },
+    { name: "Cayman Islands", code: "KY", numberCode: "+1-345" },
+    { name: "Central African Republic", code: "CF", numberCode: "+236" },
+    { name: "Chad", code: "TD", numberCode: "+235" },
+    { name: "Chile", code: "CL", numberCode: "+56" },
+    { name: "China", code: "CN", numberCode: "+86" },
+    { name: "Christmas Island", code: "CX", numberCode: "+61" },
+    { name: "Cocos (Keeling) Islands", code: "CC", numberCode: "+61" },
+    { name: "Colombia", code: "CO", numberCode: "+57" },
+    { name: "Comoros", code: "KM", numberCode: "+269" },
+    { name: "Congo", code: "CG", numberCode: "+242" },
+    {
+      name: "Congo, the Democratic Republic of the",
+      code: "CD",
+      numberCode: "+243",
+    },
+    { name: "Cook Islands", code: "CK", numberCode: "+682" },
+    { name: "Costa Rica", code: "CR", numberCode: "+506" },
+    { name: "Cote D'Ivoire", code: "CI", numberCode: "+225" },
+    { name: "Croatia", code: "HR", numberCode: "+385" },
+    { name: "Cuba", code: "CU", numberCode: "+53" },
+    { name: "Cyprus", code: "CY", numberCode: "+357" },
+    { name: "Czech Republic", code: "CZ", numberCode: "+420" },
+    { name: "Denmark", code: "DK", numberCode: "+45" },
+    { name: "Djibouti", code: "DJ", numberCode: "+253" },
+    { name: "Dominica", code: "DM", numberCode: "+1-767" },
+    {
+      name: "Dominican Republic",
+      code: "DO",
+      numberCode: "+1-809, +1-829, +1-849",
+    },
+    { name: "Ecuador", code: "EC", numberCode: "+593" },
+    { name: "Egypt", code: "EG", numberCode: "+20" },
+    { name: "El Salvador", code: "SV", numberCode: "+503" },
+    { name: "Equatorial Guinea", code: "GQ", numberCode: "+240" },
+    { name: "Eritrea", code: "ER", numberCode: "+291" },
+    { name: "Estonia", code: "EE", numberCode: "+372" },
+    { name: "Ethiopia", code: "ET", numberCode: "+251" },
+    { name: "Falkland Islands (Malvinas)", code: "FK", numberCode: "+500" },
+    { name: "Faroe Islands", code: "FO", numberCode: "+298" },
+    { name: "Fiji", code: "FJ", numberCode: "+679" },
+    { name: "Finland", code: "FI", numberCode: "+358" },
+    { name: "France", code: "FR", numberCode: "+33" },
+    { name: "French Guiana", code: "GF", numberCode: "+594" },
+    { name: "French Polynesia", code: "PF", numberCode: "+689" },
+    { name: "Gabon", code: "GA", numberCode: "+241" },
+    { name: "Gambia", code: "GM", numberCode: "+220" },
+    { name: "Georgia", code: "GE", numberCode: "+995" },
+    { name: "Germany", code: "DE", numberCode: "+49" },
+    { name: "Ghana", code: "GH", numberCode: "+233" },
+    { name: "Gibraltar", code: "GI", numberCode: "+350" },
+    { name: "Greece", code: "GR", numberCode: "+30" },
+    { name: "Greenland", code: "GL", numberCode: "+299" },
+    { name: "Grenada", code: "GD", numberCode: "+1-473" },
+    { name: "Guadeloupe", code: "GP", numberCode: "+590" },
+    { name: "Guam", code: "GU", numberCode: "+1-671" },
+    { name: "Guatemala", code: "GT", numberCode: "+502" },
+    { name: "Guinea", code: "GN", numberCode: "+224" },
+    { name: "Guinea-Bissau", code: "GW", numberCode: "+245" },
+    { name: "Guyana", code: "GY", numberCode: "+592" },
+    { name: "Haiti", code: "HT", numberCode: "+509" },
+    { name: "Holy See (Vatican City State)", code: "VA", numberCode: "+379" },
+    { name: "Honduras", code: "HN", numberCode: "+504" },
+    { name: "Hong Kong", code: "HK", numberCode: "+852" },
+    { name: "Hungary", code: "HU", numberCode: "+36" },
+    { name: "Iceland", code: "IS", numberCode: "+354" },
+    { name: "India", code: "IN", numberCode: "+91" },
+    { name: "Indonesia", code: "ID", numberCode: "+62" },
+    { name: "Iran, Islamic Republic of", code: "IR", numberCode: "+98" },
+    { name: "Iraq", code: "IQ", numberCode: "+964" },
+    { name: "Ireland", code: "IE", numberCode: "+353" },
+    { name: "Israel", code: "IL", numberCode: "+972" },
+    { name: "Italy", code: "IT", numberCode: "+39" },
+    { name: "Jamaica", code: "JM", numberCode: "+1-876" },
+    { name: "Japan", code: "JP", numberCode: "+81" },
+    { name: "Jordan", code: "JO", numberCode: "+962" },
+    { name: "Kazakhstan", code: "KZ", numberCode: "+7" },
+    { name: "Kenya", code: "KE", numberCode: "+254" },
+    { name: "Kiribati", code: "KI", numberCode: "+686" },
+    {
+      name: "Korea, Democratic People's Republic of",
+      code: "KP",
+      numberCode: "+850",
+    },
+    { name: "Korea, Republic of", code: "KR", numberCode: "+82" },
+    { name: "Kuwait", code: "KW", numberCode: "+965" },
+    { name: "Kyrgyzstan", code: "KG", numberCode: "+996" },
+    {
+      name: "Lao People's Democratic Republic",
+      code: "LA",
+      numberCode: "+856",
+    },
+    { name: "Latvia", code: "LV", numberCode: "+371" },
+    { name: "Lebanon", code: "LB", numberCode: "+961" },
+    { name: "Lesotho", code: "LS", numberCode: "+266" },
+    { name: "Liberia", code: "LR", numberCode: "+231" },
+    { name: "Libyan Arab Jamahiriya", code: "LY", numberCode: "+218" },
+    { name: "Liechtenstein", code: "LI", numberCode: "+423" },
+    { name: "Lithuania", code: "LT", numberCode: "+370" },
+    { name: "Luxembourg", code: "LU", numberCode: "+352" },
+    { name: "Macao", code: "MO", numberCode: "+853" },
+    {
+      name: "Macedonia, the Former Yugoslav Republic of",
+      code: "MK",
+      numberCode: "+389",
+    },
+    { name: "Madagascar", code: "MG", numberCode: "+261" },
+    { name: "Malawi", code: "MW", numberCode: "+265" },
+    { name: "Malaysia", code: "MY", numberCode: "+60" },
+    { name: "Maldives", code: "MV", numberCode: "+960" },
+    { name: "Mali", code: "ML", numberCode: "+223" },
+    { name: "Malta", code: "MT", numberCode: "+356" },
+    { name: "Marshall Islands", code: "MH", numberCode: "+692" },
+    { name: "Martinique", code: "MQ", numberCode: "+596" },
+    { name: "Mauritania", code: "MR", numberCode: "+222" },
+    { name: "Mauritius", code: "MU", numberCode: "+230" },
+    { name: "Mayotte", code: "YT", numberCode: "+262" },
+    { name: "Mexico", code: "MX", numberCode: "+52" },
+    { name: "Micronesia, Federated States of", code: "FM", numberCode: "+691" },
+    { name: "Moldova, Republic of", code: "MD", numberCode: "+373" },
+    { name: "Monaco", code: "MC", numberCode: "+377" },
+    { name: "Mongolia", code: "MN", numberCode: "+976" },
+    { name: "Montserrat", code: "MS", numberCode: "+1-664" },
+    { name: "Morocco", code: "MA", numberCode: "+212" },
+    { name: "Mozambique", code: "MZ", numberCode: "+258" },
+    { name: "Myanmar", code: "MM", numberCode: "+95" },
+    { name: "Namibia", code: "NA", numberCode: "+264" },
+    { name: "Nauru", code: "NR", numberCode: "+674" },
+    { name: "Nepal", code: "NP", numberCode: "+977" },
+    { name: "Netherlands", code: "NL", numberCode: "+31" },
+    { name: "Netherlands Antilles", code: "AN", numberCode: "+599" },
+    { name: "New Caledonia", code: "NC", numberCode: "+687" },
+    { name: "New Zealand", code: "NZ", numberCode: "+64" },
+    { name: "Nicaragua", code: "NI", numberCode: "+505" },
+    { name: "Niger", code: "NE", numberCode: "+227" },
+    { name: "Nigeria", code: "NG", numberCode: "+234" },
+    { name: "Niue", code: "NU", numberCode: "+683" },
+    { name: "Norfolk Island", code: "NF", numberCode: "+672" },
+    { name: "Northern Mariana Islands", code: "MP", numberCode: "+1-670" },
+    { name: "Norway", code: "NO", numberCode: "+47" },
+    { name: "Oman", code: "OM", numberCode: "+968" },
+    { name: "Pakistan", code: "PK", numberCode: "+92" },
+    { name: "Palau", code: "PW", numberCode: "+680" },
+    { name: "Palestinian Territory, Occupied", code: "PS", numberCode: "+970" },
+    { name: "Panama", code: "PA", numberCode: "+507" },
+    { name: "Papua New Guinea", code: "PG", numberCode: "+675" },
+    { name: "Paraguay", code: "PY", numberCode: "+595" },
+    { name: "Peru", code: "PE", numberCode: "+51" },
+    { name: "Philippines", code: "PH", numberCode: "+63" },
+    { name: "Pitcairn", code: "PN", numberCode: "+64" },
+    { name: "Poland", code: "PL", numberCode: "+48" },
+    { name: "Portugal", code: "PT", numberCode: "+351" },
+    { name: "Puerto Rico", code: "PR", numberCode: "+1-787, +1-939" },
+    { name: "Qatar", code: "QA", numberCode: "+974" },
+    { name: "Reunion", code: "RE", numberCode: "+262" },
+    { name: "Romania", code: "RO", numberCode: "+40" },
+    { name: "Russian Federation", code: "RU", numberCode: "+7" },
+    { name: "Rwanda", code: "RW", numberCode: "+250" },
+    { name: "Saint Helena", code: "SH", numberCode: "+290" },
+    { name: "Saint Kitts and Nevis", code: "KN", numberCode: "+1-869" },
+    { name: "Saint Lucia", code: "LC", numberCode: "+1-758" },
+    { name: "Saint Pierre and Miquelon", code: "PM", numberCode: "+508" },
+    {
+      name: "Saint Vincent and the Grenadines",
+      code: "VC",
+      numberCode: "+1-784",
+    },
+    { name: "Samoa", code: "WS", numberCode: "+685" },
+    { name: "San Marino", code: "SM", numberCode: "+378" },
+    { name: "Sao Tome and Principe", code: "ST", numberCode: "+239" },
+    { name: "Saudi Arabia", code: "SA", numberCode: "+966" },
+    { name: "Senegal", code: "SN", numberCode: "+221" },
+    { name: "Serbia and Montenegro", code: "CS", numberCode: "+381" },
+    { name: "Seychelles", code: "SC", numberCode: "+248" },
+    { name: "Sierra Leone", code: "SL", numberCode: "+232" },
+    { name: "Singapore", code: "SG", numberCode: "+65" },
+    { name: "Slovakia", code: "SK", numberCode: "+421" },
+    { name: "Slovenia", code: "SI", numberCode: "+386" },
+    { name: "Solomon Islands", code: "SB", numberCode: "+677" },
+    { name: "Somalia", code: "SO", numberCode: "+252" },
+    { name: "South Africa", code: "ZA", numberCode: "+27" },
+    { name: "Spain", code: "ES", numberCode: "+34" },
+    { name: "Sri Lanka", code: "LK", numberCode: "+94" },
+    { name: "Sudan", code: "SD", numberCode: "+249" },
+    { name: "Suriname", code: "SR", numberCode: "+597" },
+    { name: "Svalbard and Jan Mayen", code: "SJ", numberCode: "+47" },
+    { name: "Swaziland", code: "SZ", numberCode: "+268" },
+    { name: "Sweden", code: "SE", numberCode: "+46" },
+    { name: "Switzerland", code: "CH", numberCode: "+41" },
+    { name: "Syrian Arab Republic", code: "SY", numberCode: "+963" },
+    { name: "Taiwan, Province of China", code: "TW", numberCode: "+886" },
+    { name: "Tajikistan", code: "TJ", numberCode: "+992" },
+    { name: "Tanzania, United Republic of", code: "TZ", numberCode: "+255" },
+    { name: "Thailand", code: "TH", numberCode: "+66" },
+    { name: "Timor-Leste", code: "TL", numberCode: "+670" },
+    { name: "Togo", code: "TG", numberCode: "+228" },
+    { name: "Tokelau", code: "TK", numberCode: "+690" },
+    { name: "Tonga", code: "TO", numberCode: "+676" },
+    { name: "Trinidad and Tobago", code: "TT", numberCode: "+1-868" },
+    { name: "Tunisia", code: "TN", numberCode: "+216" },
+    { name: "Turkey", code: "TR", numberCode: "+90" },
+    { name: "Turkmenistan", code: "TM", numberCode: "+993" },
+    { name: "Turks and Caicos Islands", code: "TC", numberCode: "+1-649" },
+    { name: "Tuvalu", code: "TV", numberCode: "+688" },
+    { name: "Uganda", code: "UG", numberCode: "+256" },
+    { name: "Ukraine", code: "UA", numberCode: "+380" },
+    { name: "United Arab Emirates", code: "AE", numberCode: "+971" },
+    { name: "United Kingdom", code: "GB", numberCode: "+44" },
+    { name: "United States", code: "US", numberCode: "+1" },
+    { name: "Uruguay", code: "UY", numberCode: "+598" },
+    { name: "Uzbekistan", code: "UZ", numberCode: "+998" },
+    { name: "Vanuatu", code: "VU", numberCode: "+678" },
+    { name: "Venezuela", code: "VE", numberCode: "+58" },
+    { name: "Viet Nam", code: "VN", numberCode: "+84" },
+    { name: "Virgin Islands, British", code: "VG", numberCode: "+1-284" },
+    { name: "Virgin Islands, U.s.", code: "VI", numberCode: "+1-340" },
+    { name: "Wallis and Futuna", code: "WF", numberCode: "+681" },
+    { name: "Western Sahara", code: "EH", numberCode: "+212" },
+    { name: "Yemen", code: "YE", numberCode: "+967" },
+    { name: "Zambia", code: "ZM", numberCode: "+260" },
+    { name: "Zimbabwe", code: "ZW", numberCode: "+263" },
+  ];