@erpsquad/common 1.10.78 → 1.10.79

package/dist/chunks/{uom-field-wrapper-swTpN914.esm.js → uom-field-wrapper-_O6BmPp4.esm.js}

@@ -2,15 +2,15 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-ClFauRgV.esm.js";
 import { useFieldArray, Controller, useForm, useWatch, useFormContext } from "react-hook-form";
 import { P as PropTypes, e as _objectWithoutPropertiesLoose, _ as _extends$1, g as generateUtilityClass, j as capitalize, u as useDefaultProps, k as interopRequireDefaultExports, y as lighten_1, z as darken_1, f as alpha_1 } from "./identifier-0SZUhw_A.esm.js";
 import { i as default_1$3, T as Typography, e as useForkRef, o as ownerWindow, d as useEnhancedEffect, h as debounce, p as isMuiElement, u as useAuth, q as useControlled, r as requireCreateSvgIcon } from "./useAuth-BwERM1Dl.esm.js";
-import { aq as default_1$4, w as DynamicSelect, h as DateTimePicker, D as DatePicker$1, ar as useThemeProps, A as Accordion$1, a8 as Select, f as ChipOrPlaceholder$1, i as DropdownButton, s as DynamicPhone, u as DynamicSearchSelect, k as DynamicCheckBox, af as TitleDropdownButton, T as HeaderCard, ad as TabBar, as as default_1$5, a7 as SearchableSelect, at as Chip$1, ae as TimePicker, aj as UploadMedia, a3 as PhoneInput, Z as ModalLoader, Y as MaterialTable, m as DynamicDate, z as DynamicTime, C as ChipGenerator, M as Footer, F as Fallback, au as IconButton$1, av as TabContext, aw as TabList, ax as Tab, ay as TabPanel, az as default_1$9, a as ActionBar, aA as SwitchBase } from "./android-12-switch-BQHaGZz6.esm.js";
-import { D as DynamicInput, z as Typography$1, b as Avatar, F as o, M as Modal, c as ConfirmPopUp, B as Box$1, d as Toast, u as useTheme$1, S as SearchBar, G as resolveComponentProps, I as mergeSlotProps, J as appendOwnerState, P as Paper$1, n as chainPropTypes, f as ButtonBase$1, x as default_1$6, T as TextField$1, e as Tooltip$1, E as default_1$7, w as default_1$8, K as Menu$2, N as MenuItem$1, p as useRtl, y as List$1, t as ListItem, O as ListItemText$1, Q as refType } from "./appbar-DELlMlbx.esm.js";
+import { aq as default_1$4, w as DynamicSelect, h as DateTimePicker, D as DatePicker$1, ar as useThemeProps, A as Accordion$1, a8 as Select, f as ChipOrPlaceholder$1, i as DropdownButton, s as DynamicPhone, a5 as Radio, u as DynamicSearchSelect, k as DynamicCheckBox, af as TitleDropdownButton, T as HeaderCard, ad as TabBar, as as default_1$5, a7 as SearchableSelect, at as Chip$1, ae as TimePicker, aj as UploadMedia, a3 as PhoneInput, Z as ModalLoader, Y as MaterialTable, m as DynamicDate, z as DynamicTime, C as ChipGenerator, M as Footer, F as Fallback, au as IconButton$1, av as TabContext, aw as TabList, ax as Tab, ay as TabPanel, az as default_1$9, a as ActionBar, aA as SwitchBase } from "./android-12-switch-DoExcS1P.esm.js";
+import { D as DynamicInput, z as Typography$1, b as Avatar, F as o, M as Modal, c as ConfirmPopUp, B as Box$1, d as Toast, u as useTheme$1, S as SearchBar, G as resolveComponentProps, I as mergeSlotProps, J as appendOwnerState, P as Paper$1, n as chainPropTypes, f as ButtonBase$1, x as default_1$6, T as TextField$1, e as Tooltip$1, E as default_1$7, w as default_1$8, K as Menu$2, N as MenuItem$1, p as useRtl, y as List$1, t as ListItem, O as ListItemText$1, Q as refType } from "./appbar-D1L6GTYk.esm.js";
 import * as React from "react";
 import React__default, { useState, lazy, useMemo, useRef, useEffect, useCallback, useLayoutEffect, useContext, createElement, createContext, cloneElement } from "react";
 import DatePicker from "react-datepicker";
 /* empty css                            */
 import { C as CalenderIcon, i as images } from "./images-DvZ6-RV8.esm.js";
 import { KeyboardArrowLeft, KeyboardArrowRight, Close, ChevronLeft, ChevronRight, Add, AccessTimeRounded, KeyboardArrowUp, KeyboardArrowDown, Clear } from "@mui/icons-material";
-import { Box, styled as styled$1, TextField, DialogTitle, IconButton, DialogContent, MenuItem, DialogActions, CircularProgress, FormControlLabel, Checkbox as Checkbox$2, Grid, ButtonBase, useTheme, useMediaQuery, Drawer, Tooltip, Collapse, Divider, ButtonGroup, Button as Button$1, Popper, Grow, Paper, ClickAwayListener, Menu as Menu$1, ListItemIcon, ListItemText, OutlinedInput, InputAdornment, Popover, Dialog, FormHelperText, Card as Card$1, CardContent as CardContent$1, TableRow, TableCell, TableContainer, Table, TableHead, TableBody } from "@mui/material";
+import { Box, styled as styled$1, TextField, DialogTitle, IconButton, DialogContent, MenuItem, DialogActions, CircularProgress, FormControlLabel, Checkbox as Checkbox$2, Grid, RadioGroup, ButtonBase, useTheme, useMediaQuery, Drawer, Tooltip, Collapse, Divider, ButtonGroup, Button as Button$1, Popper, Grow, Paper, ClickAwayListener, Menu as Menu$1, ListItemIcon, ListItemText, OutlinedInput, InputAdornment, Popover, Dialog, FormHelperText, Card as Card$1, CardContent as CardContent$1, TableRow, TableCell, TableContainer, Table, TableHead, TableBody } from "@mui/material";
 import { u as useLanguage } from "./useLangauge-B5J47qzp.esm.js";
 import dayjs from "dayjs";
 /* empty css                    */
@@ -53,7 +53,7 @@ import { v as viewTypes } from "./action-bar-BsXTcYpL.esm.js";
 import DataEditor, { GridCellKind } from "@glideapps/glide-data-grid";
 import { useExtraCells } from "@glideapps/glide-data-grid-cells";
 import { createPortal } from "react-dom";
-import { C as Collapse$1 } from "./sidebar-fZ9vocVX.esm.js";
+import { C as Collapse$1 } from "./sidebar-D5jsYGs8.esm.js";
 import { useMaterialReactTable, MaterialReactTable } from "material-react-table";
 import { R as RecgtangleIcon, C as CheckBoxIcon$1, T as Trash, E as Edit } from "./trash-Dgfsw2UY.esm.js";
 import { C as Close$1 } from "./document-CFCrnZGh.esm.js";
@@ -3959,6 +3959,60 @@ const addressTypeOptions = [
   { label: "Shipping", value: "Shipping" },
   { label: "Office", value: "Office" }
 ];
+const zipCodeRule = Yup.string().matches(/^[0-9\u0660-\u0669]+$/, {
+  message: "Zip code must contain only digits without special characters",
+  excludeEmptyString: true
+}).test(
+  "no-dot-plus",
+  'Zip code must not contain "." or "+"',
+  (value) => !(value == null ? void 0 : value.includes(".")) && !(value == null ? void 0 : value.includes("+"))
+);
+const cityRule = Yup.string().matches(/^[A-Za-z\u0600-\u06FF\s]+$/, {
+  message: "City must contain alphabets only",
+  excludeEmptyString: true
+});
+const ADDRESS_CONTENT_FIELDS = [
+  "address_type",
+  "contact_name",
+  "mobile",
+  "street_1",
+  "street_2",
+  "street_3",
+  "street_name",
+  "building_no",
+  "additional_no",
+  "national_address",
+  "zip_code",
+  "city",
+  "district_name",
+  "state",
+  "country"
+];
+const BLANK_ADDRESS = {
+  address_type: "",
+  contact_name: "",
+  country_code: "",
+  mobile: "",
+  street_1: "",
+  street_2: "",
+  street_3: "",
+  street_name: "",
+  building_no: "",
+  additional_no: "",
+  national_address: "",
+  zip_code: "",
+  city: "",
+  district_name: "",
+  state: null,
+  country: null,
+  summary: "",
+  default_shipping_address: false,
+  default_billing_address: false
+};
+const hasValues = (values) => !!values && ADDRESS_CONTENT_FIELDS.some((field) => {
+  const value = values[field];
+  return value !== void 0 && value !== null && String(value).trim() !== "";
+});
 const buildValidationSchema = (isKSA, optionalFields = []) => {
   const zipOptional = optionalFields.includes("zip_code");
   const stateOptional = optionalFields.includes("state");
@@ -3985,6 +4039,12 @@ const buildValidationSchema = (isKSA, optionalFields = []) => {
     })
   });
 };
+const arabicValidationSchema = Yup.object().shape({
+  addresses: Yup.object().shape({
+    zip_code: zipCodeRule,
+    city: cityRule
+  })
+});
 const AddressModal = ({
   isOpen,
   setIsOpen,
@@ -4001,6 +4061,8 @@ const AddressModal = ({
   const { t } = useTranslation();
   const isKSA = ((_a = getApiConfigSafe()) == null ? void 0 : _a.countryEnv) === "ksa";
   const [submitLoading, setSubmitLoading] = useState(false);
+  const [language, setLanguage] = useState("en");
+  const [drafts, setDrafts] = useState({});
   const [entryDetails, setEntryDetails] = useState({
     country_data: null,
     state_data: null
@@ -4020,7 +4082,7 @@ const AddressModal = ({
     trigger,
     getFieldState
   } = useForm({
-    resolver: o(validationSchema2),
+    resolver: o(language === "ar" ? arabicValidationSchema : validationSchema2),
     mode: "all"
   });
   const watchedValues = useWatch({
@@ -4048,6 +4110,30 @@ const AddressModal = ({
     handleValidateSave(values);
     setSubmitLoading(false);
   };
+  const handleLanguageChange = async (next) => {
+    var _a2;
+    if (next === language) {
+      return;
+    }
+    if (next === "ar" && !hasValues(drafts.ar)) {
+      const isEnglishValid = await trigger();
+      if (!isEnglishValid) {
+        enqueueSnackbar(
+          t(`accounting.${translationKey}.msg.fill_english_address_first`, {
+            defaultValue: "Please fill the English address first"
+          }),
+          { variant: "error" }
+        );
+        return;
+      }
+    }
+    const current = (_a2 = getValues()) == null ? void 0 : _a2.addresses;
+    setDrafts((prev) => ({ ...prev, [language]: current }));
+    setLanguage(next);
+    reset({
+      addresses: { ...BLANK_ADDRESS, ...drafts[next] ?? {} }
+    });
+  };
   const handleDuplicate = async () => {
     const v = await trigger();
     if (!v) {
@@ -4061,7 +4147,8 @@ const AddressModal = ({
         default_shipping_address: false,
         default_billing_address: false,
         country: country_data,
-        state: state_data
+        state: state_data,
+        language
       }
     };
     setSubmitLoading(true);
@@ -4070,6 +4157,7 @@ const AddressModal = ({
     setSubmitLoading(false);
   };
   const handleValidateSave = (values) => {
+    var _a2;
     const validateDefaults = (data, index, type = "shipping") => {
       const u_data = [...data];
       if (index != null && index >= 0) {
@@ -4093,33 +4181,50 @@ const AddressModal = ({
         return false;
       }
     };
-    const { addresses } = values;
     try {
-      if (addresses == null ? void 0 : addresses.default_shipping_address) {
+      let englishValues = language === "en" ? values == null ? void 0 : values.addresses : drafts.en;
+      const arabicValues = language === "ar" ? values == null ? void 0 : values.addresses : drafts.ar;
+      if (englishValues == null ? void 0 : englishValues.default_shipping_address) {
         validateDefaults(items, itemIndex, "shipping");
       }
-      if (addresses == null ? void 0 : addresses.default_billing_address) {
+      if (englishValues == null ? void 0 : englishValues.default_billing_address) {
         validateDefaults(items, itemIndex, "billing");
       }
-      if (items && (items == null ? void 0 : items.length) === 0) {
-        values = {
-          ...values,
-          addresses: {
-            ...values == null ? void 0 : values.addresses,
-            default_shipping_address: true,
-            default_billing_address: true
-          }
+      if (englishValues && items && (items == null ? void 0 : items.length) === 0) {
+        englishValues = {
+          ...englishValues,
+          default_shipping_address: true,
+          default_billing_address: true
         };
       }
-      const v = {
-        ...values,
-        addresses: {
-          ...values == null ? void 0 : values.addresses,
-          country: country_data,
-          state: state_data
-        }
+      if (!hasValues(englishValues) && !hasValues(arabicValues)) {
+        return;
+      }
+      if (!hasValues(englishValues)) {
+        onSave(
+          {
+            ...values,
+            addresses: {
+              ...arabicValues,
+              address_type: (arabicValues == null ? void 0 : arabicValues.address_type) || (itemData == null ? void 0 : itemData.address_type),
+              country: country_data,
+              state: state_data,
+              language: "ar"
+            }
+          },
+          itemIndex
+        );
+        handleModalClose();
+        return;
+      }
+      const row = {
+        ...englishValues,
+        country: country_data,
+        state: state_data,
+        language: "en"
       };
-      onSave({ ...v }, itemIndex);
+      row.arabic = hasValues(arabicValues) ? { ...arabicValues, id: (_a2 = itemData == null ? void 0 : itemData.arabic) == null ? void 0 : _a2.id } : null;
+      onSave({ ...values, addresses: row }, itemIndex);
       handleModalClose();
     } catch (error) {
       enqueueSnackbar((error == null ? void 0 : error.message) || "Something went wrong", {
@@ -4129,6 +4234,8 @@ const AddressModal = ({
   };
   const handleModalClose = () => {
     reset({ addresses: null });
+    setDrafts({});
+    setLanguage("en");
     setEntryDetails({
       state_data: null,
       country_data: null
@@ -4164,21 +4271,37 @@ const AddressModal = ({
     setValue("addresses.summary", summaryVal);
   }, [setValue, watchedValues, country_data, state_data]);
   useEffect(() => {
-    var _a2, _b2;
+    var _a2, _b2, _c, _d;
     if (itemData) {
+      setLanguage((itemData == null ? void 0 : itemData.language) === "ar" ? "ar" : "en");
+      const { arabic, ...englishData } = itemData;
+      setDrafts(
+        arabic ? {
+          ar: {
+            ...BLANK_ADDRESS,
+            ...arabic,
+            country: ((_a2 = arabic == null ? void 0 : arabic.country) == null ? void 0 : _a2.id) ?? (arabic == null ? void 0 : arabic.country),
+            state: ((_b2 = arabic == null ? void 0 : arabic.state) == null ? void 0 : _b2.id) ?? (arabic == null ? void 0 : arabic.state)
+          }
+        } : {}
+      );
       reset({
         addresses: {
-          ...itemData,
-          country: (_a2 = itemData == null ? void 0 : itemData.country) == null ? void 0 : _a2.id,
-          state: (_b2 = itemData == null ? void 0 : itemData.state) == null ? void 0 : _b2.id
+          ...BLANK_ADDRESS,
+          ...englishData,
+          country: (_c = englishData == null ? void 0 : englishData.country) == null ? void 0 : _c.id,
+          state: (_d = englishData == null ? void 0 : englishData.state) == null ? void 0 : _d.id
         }
       });
     }
   }, [itemData, reset]);
   useEffect(() => {
     if (isOpen && !itemData) {
+      setLanguage("en");
+      setDrafts({});
       reset({
         addresses: {
+          ...BLANK_ADDRESS,
           address_type: "Office",
           contact_name: (prefillData == null ? void 0 : prefillData.contact_name) || "",
           mobile: (prefillData == null ? void 0 : prefillData.mobile) || ""
@@ -4211,216 +4334,231 @@ const AddressModal = ({
           /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { type: "s3", color: "inherit", weight: "medium", children: t(`accounting.${translationKey}.addressModal.title`) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { onClick: handleModalClose, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Close, { fontSize: "small" }) })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DialogContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Grid, { container: true, rowGap: 1.5, columnSpacing: 3, pt: 3, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            DynamicSearchSelect,
-            {
-              label: t(`accounting.${translationKey}.addressModal.address_type_label`),
-              options: addressTypeOptions,
-              name: "address_type",
-              placeholder: t(`accounting.${translationKey}.addressModal.address_type_placeholder`),
-              fieldArrayName: "addresses",
-              formControl: control,
-              required: true
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            DynamicInput,
-            {
-              type: "text",
-              formControl: control,
-              label: t(`accounting.${translationKey}.addressModal.contact_name_label`),
-              name: "contact_name",
-              fieldArrayName: "addresses",
-              placeholder: t(`accounting.${translationKey}.addressModal.contact_name_placeholder`),
-              required: true
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            DynamicPhone,
-            {
-              type: "text",
-              formControl: control,
-              label: t(`accounting.${translationKey}.addressModal.mobile_label`),
-              name: "mobile",
-              fieldArrayName: "addresses",
-              setCountryCodeField: (country) => handleSetCountryCodeField(country)
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            DynamicInput,
-            {
-              type: "text",
-              formControl: control,
-              label: t(`accounting.${translationKey}.addressModal.address1_label`),
-              name: "street_1",
-              fieldArrayName: "addresses",
-              placeholder: t(`accounting.${translationKey}.addressModal.address1_placeholder`),
-              required: true
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            DynamicInput,
-            {
-              type: "text",
-              formControl: control,
-              label: t(`accounting.${translationKey}.addressModal.address2_label`),
-              name: "street_2",
-              fieldArrayName: "addresses",
-              placeholder: t(`accounting.${translationKey}.addressModal.address2_placeholder`)
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            DynamicInput,
-            {
-              type: "text",
-              formControl: control,
-              label: t(`accounting.${translationKey}.addressModal.address3_label`),
-              name: "street_3",
-              fieldArrayName: "addresses",
-              placeholder: t(`accounting.${translationKey}.addressModal.address3_placeholder`)
-            }
-          ) }),
-          isKSA && /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            DynamicInput,
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            RadioGroup,
             {
-              type: "text",
-              formControl: control,
-              label: t(`accounting.${translationKey}.addressModal.streetName_label`),
-              name: "street_name",
-              fieldArrayName: "addresses",
-              placeholder: t(`accounting.${translationKey}.addressModal.streetName_placeholder`)
+              className: "addressModal--LanguageSwitch",
+              row: true,
+              value: language,
+              onChange: (e) => handleLanguageChange(e.target.value),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(FormControlLabel, { value: "en", control: /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, {}), label: "English" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(FormControlLabel, { value: "ar", control: /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, {}), label: "Arabic" })
+              ]
             }
-          ) }),
-          isKSA && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Grid, { container: true, rowGap: 1.5, columnSpacing: 3, pt: 3, children: [
+            language === "en" && /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              DynamicSearchSelect,
+              {
+                label: t(`accounting.${translationKey}.addressModal.address_type_label`),
+                options: addressTypeOptions,
+                name: "address_type",
+                placeholder: t(`accounting.${translationKey}.addressModal.address_type_placeholder`),
+                fieldArrayName: "addresses",
+                formControl: control,
+                required: true
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              DynamicInput,
+              {
+                type: "text",
+                formControl: control,
+                label: t(`accounting.${translationKey}.addressModal.contact_name_label`),
+                name: "contact_name",
+                fieldArrayName: "addresses",
+                placeholder: t(`accounting.${translationKey}.addressModal.contact_name_placeholder`),
+                required: language === "en"
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              DynamicPhone,
+              {
+                type: "text",
+                formControl: control,
+                label: t(`accounting.${translationKey}.addressModal.mobile_label`),
+                name: "mobile",
+                fieldArrayName: "addresses",
+                setCountryCodeField: (country) => handleSetCountryCodeField(country)
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              DynamicInput,
+              {
+                type: "text",
+                formControl: control,
+                label: t(`accounting.${translationKey}.addressModal.address1_label`),
+                name: "street_1",
+                fieldArrayName: "addresses",
+                placeholder: t(`accounting.${translationKey}.addressModal.address1_placeholder`),
+                required: language === "en"
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              DynamicInput,
+              {
+                type: "text",
+                formControl: control,
+                label: t(`accounting.${translationKey}.addressModal.address2_label`),
+                name: "street_2",
+                fieldArrayName: "addresses",
+                placeholder: t(`accounting.${translationKey}.addressModal.address2_placeholder`)
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              DynamicInput,
+              {
+                type: "text",
+                formControl: control,
+                label: t(`accounting.${translationKey}.addressModal.address3_label`),
+                name: "street_3",
+                fieldArrayName: "addresses",
+                placeholder: t(`accounting.${translationKey}.addressModal.address3_placeholder`)
+              }
+            ) }),
+            isKSA && /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              DynamicInput,
+              {
+                type: "text",
+                formControl: control,
+                label: t(`accounting.${translationKey}.addressModal.streetName_label`),
+                name: "street_name",
+                fieldArrayName: "addresses",
+                placeholder: t(`accounting.${translationKey}.addressModal.streetName_placeholder`)
+              }
+            ) }),
+            isKSA && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                DynamicInput,
+                {
+                  type: "text",
+                  formControl: control,
+                  label: t(`accounting.${translationKey}.addressModal.buildingNo_label`),
+                  name: "building_no",
+                  fieldArrayName: "addresses",
+                  placeholder: "Enter Building No."
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                DynamicInput,
+                {
+                  type: "text",
+                  formControl: control,
+                  label: t(`accounting.${translationKey}.addressModal.additionalNo_label`),
+                  name: "additional_no",
+                  fieldArrayName: "addresses",
+                  placeholder: "Enter Additional No."
+                }
+              ) })
+            ] }),
+            isKSA && /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              DynamicInput,
+              {
+                type: "text",
+                formControl: control,
+                label: t(`accounting.${translationKey}.addressModal.nationalAddress_label`),
+                name: "national_address",
+                fieldArrayName: "addresses",
+                placeholder: t(`accounting.${translationKey}.addressModal.nationalAddress_placeholder`)
+              }
+            ) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               DynamicInput,
               {
                 type: "text",
                 formControl: control,
-                label: t(`accounting.${translationKey}.addressModal.buildingNo_label`),
-                name: "building_no",
+                label: t(`accounting.${translationKey}.addressModal.zip_code_label`),
+                name: "zip_code",
                 fieldArrayName: "addresses",
-                placeholder: "Enter Building No."
+                placeholder: t(`accounting.${translationKey}.addressModal.zip_code_placeholder`),
+                required: !optionalFields.includes("zip_code") && language === "en"
+              }
+            ) }),
+            language === "en" && /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              DynamicSearchSelect,
+              {
+                label: t(`accounting.${translationKey}.addressModal.country_label`),
+                name: "country",
+                placeholder: t(`accounting.${translationKey}.addressModal.country_placeholder`),
+                fieldArrayName: "addresses",
+                formControl: control,
+                apiType: "countries",
+                getSelectedData: (row) => setDetailsData(row, "country_data"),
+                required: true
+              }
+            ) }),
+            language === "en" && /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              DynamicSearchSelect,
+              {
+                label: t(`accounting.${translationKey}.addressModal.state_label`),
+                name: "state",
+                placeholder: t(`accounting.${translationKey}.addressModal.state_placeholder`),
+                fieldArrayName: "addresses",
+                formControl: control,
+                apiType: "states",
+                customeFilter: stateFilter,
+                getSelectedData: (row) => setDetailsData(row, "state_data"),
+                required: true
               }
             ) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              DynamicInput,
+              {
+                label: t(`accounting.${translationKey}.addressModal.city_label`),
+                name: "city",
+                placeholder: t(`accounting.${translationKey}.addressModal.city_placeholder`),
+                fieldArrayName: "addresses",
+                formControl: control
+              }
+            ) }),
+            isKSA && /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               DynamicInput,
               {
                 type: "text",
                 formControl: control,
-                label: t(`accounting.${translationKey}.addressModal.additionalNo_label`),
-                name: "additional_no",
+                label: t(`accounting.${translationKey}.addressModal.districtName_label`),
+                name: "district_name",
+                fieldArrayName: "addresses",
+                placeholder: t(`accounting.${translationKey}.addressModal.districtName_placeholder`)
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              DynamicInput,
+              {
+                type: "text",
+                formControl: control,
+                label: t(`accounting.${translationKey}.addressModal.summary_label`),
+                name: "summary",
+                fieldArrayName: "addresses",
+                placeholder: t(`accounting.${translationKey}.addressModal.summary_placeholder`),
+                is_multiline: true,
+                disabled: true
+              }
+            ) }),
+            language === "en" && /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 12, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              DynamicCheckBox,
+              {
+                formControl: control,
+                name: "default_shipping_address",
+                title: t(`accounting.${translationKey}.addressModal.default_shipping_address_label`),
+                fieldArrayName: "addresses",
+                titlePosition: "end"
+              }
+            ) }),
+            language === "en" && /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 12, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              DynamicCheckBox,
+              {
+                formControl: control,
+                name: "default_billing_address",
+                title: t(`accounting.${translationKey}.addressModal.default_billing_address_label`),
                 fieldArrayName: "addresses",
-                placeholder: "Enter Additional No."
+                titlePosition: "end"
               }
             ) })
-          ] }),
-          isKSA && /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            DynamicInput,
-            {
-              type: "text",
-              formControl: control,
-              label: t(`accounting.${translationKey}.addressModal.nationalAddress_label`),
-              name: "national_address",
-              fieldArrayName: "addresses",
-              placeholder: t(`accounting.${translationKey}.addressModal.nationalAddress_placeholder`)
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            DynamicInput,
-            {
-              type: "text",
-              formControl: control,
-              label: t(`accounting.${translationKey}.addressModal.zip_code_label`),
-              name: "zip_code",
-              fieldArrayName: "addresses",
-              placeholder: t(`accounting.${translationKey}.addressModal.zip_code_placeholder`),
-              required: !optionalFields.includes("zip_code")
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            DynamicSearchSelect,
-            {
-              label: t(`accounting.${translationKey}.addressModal.country_label`),
-              name: "country",
-              placeholder: t(`accounting.${translationKey}.addressModal.country_placeholder`),
-              fieldArrayName: "addresses",
-              formControl: control,
-              apiType: "countries",
-              getSelectedData: (row) => setDetailsData(row, "country_data"),
-              required: true
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            DynamicSearchSelect,
-            {
-              label: t(`accounting.${translationKey}.addressModal.state_label`),
-              name: "state",
-              placeholder: t(`accounting.${translationKey}.addressModal.state_placeholder`),
-              fieldArrayName: "addresses",
-              formControl: control,
-              apiType: "states",
-              customeFilter: stateFilter,
-              getSelectedData: (row) => setDetailsData(row, "state_data"),
-              required: !optionalFields.includes("state")
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            DynamicInput,
-            {
-              label: t(`accounting.${translationKey}.addressModal.city_label`),
-              name: "city",
-              placeholder: t(`accounting.${translationKey}.addressModal.city_placeholder`),
-              fieldArrayName: "addresses",
-              formControl: control
-            }
-          ) }),
-          isKSA && /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            DynamicInput,
-            {
-              type: "text",
-              formControl: control,
-              label: t(`accounting.${translationKey}.addressModal.districtName_label`),
-              name: "district_name",
-              fieldArrayName: "addresses",
-              placeholder: t(`accounting.${translationKey}.addressModal.districtName_placeholder`)
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            DynamicInput,
-            {
-              type: "text",
-              formControl: control,
-              label: t(`accounting.${translationKey}.addressModal.summary_label`),
-              name: "summary",
-              fieldArrayName: "addresses",
-              placeholder: t(`accounting.${translationKey}.addressModal.summary_placeholder`),
-              is_multiline: true,
-              disabled: true
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 12, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            DynamicCheckBox,
-            {
-              formControl: control,
-              name: "default_shipping_address",
-              title: t(`accounting.${translationKey}.addressModal.default_shipping_address_label`),
-              fieldArrayName: "addresses",
-              titlePosition: "end"
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { item: true, sm: 12, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            DynamicCheckBox,
-            {
-              formControl: control,
-              name: "default_billing_address",
-              title: t(`accounting.${translationKey}.addressModal.default_billing_address_label`),
-              fieldArrayName: "addresses",
-              titlePosition: "end"
-            }
-          ) })
-        ] }) }),
+          ] })
+        ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(
           DialogActions,
           {
@@ -17031,4 +17169,4 @@ export {
   DyanmicTextEditor as y,
   DynamicDateRange as z
 };
-//# sourceMappingURL=uom-field-wrapper-swTpN914.esm.js.map
+//# sourceMappingURL=uom-field-wrapper-_O6BmPp4.esm.js.map