@true-engineering/true-react-common-ui-kit 3.45.1 → 3.45.3

package/dist/true-react-common-ui-kit.umd.cjs

@@ -1985,6 +1985,21 @@
     }
   };
   var phoneInfo = [
+    {
+      countryEn: "Abkhazia",
+      countryRu: "Абхазия",
+      countryCode: "AB",
+      phoneMask: "999 999-99-99",
+      dialCode: "7",
+      areaCodes: [
+        "840",
+        "940"
+      ],
+      fullCodes: [
+        "7840",
+        "7940"
+      ]
+    },
     {
       countryEn: "Afghanistan",
       countryRu: "Афганистан",
@@ -3782,6 +3797,16 @@
         "82"
       ]
     },
+    {
+      countryCode: "OS",
+      countryEn: "South Ossetia",
+      countryRu: "Южная Осетия",
+      phoneMask: "999 999-99-99",
+      dialCode: "7",
+      fullCodes: [
+        "7"
+      ]
+    },
     {
       countryEn: "South Sudan",
       countryRu: "Южный Судан",
@@ -25707,8 +25732,24 @@
     ZM,
     ZW
   };
+  const AB = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 341.3"><path fill="#FFF" d="M0 0h512v341.3H0z"/><g fill="#6DA544"><path d="M0 0h512v48.8H0zM0 97.5h512v48.8H0zM0 195h512v48.8H0zM0 292.6h512v48.8H0z"/></g><path fill="#D80027" d="M0 0h256v146.3H0z"/><path fill="#FFF" d="m116.9 114.4-7.5-14.8V69.9L128 59l18.6 10.9v22.3l7.4-7.4 4.2 3-4.2 11.8-14.9 14.8z"/><circle fill="#FFF" cx="82" cy="82.8" r="5.4"/><circle fill="#FFF" cx="90.8" cy="61.7" r="5.4"/><circle fill="#FFF" cx="106.6" cy="46.2" r="5.4"/><circle fill="#FFF" cx="128" cy="40.8" r="5.4"/><circle fill="#FFF" cx="149.4" cy="46.2" r="5.4"/><circle fill="#FFF" cx="165.2" cy="61.7" r="5.4"/><circle fill="#FFF" cx="174" cy="82.8" r="5.4"/></svg>';
+  const OS = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 450 300"><path fill="#FFF" d="M0 0h450v300H0z"/><path fill="red" d="M0 100h450v200H0z"/><path fill="#FFDF00" d="M0 200h450v100H0z"/></svg>';
+  var customFlags = {
+    /**
+    * Абхазия
+    */
+    AB,
+    /**
+    * Южная осетия
+    */
+    OS
+  };
   var useStyles$l = createThemedStyles("Flag", {
     root: {
+      display: "flex",
+      width: "100%",
+      height: "100%",
+      boxSizing: "border-box",
       // приходится хардкодить в компоненте, тк либа Flags выдает флаги с 2-3 пиксельным отступом снизу
       // если будет нужно, то можно вынести border на уровень пропсов
       border: [
@@ -25728,17 +25769,29 @@
     var classes = useStyles$l({
       theme: tweakStyles
     });
-    var CC2 = countryCode.toUpperCase();
-    var TheFlag = countryFlagIcons.hasFlag(CC2) ? Flags[CC2] : function() {
+    var countryFlagKey = countryCode.toUpperCase();
+    var hasFlagInLibrary = countryFlagIcons.hasFlag(countryFlagKey);
+    if (hasFlagInLibrary) {
+      var FlagComponent = Flags[countryFlagKey];
       return /* @__PURE__ */ jsx("div", {
-        className: classes.noFlag,
-        children: /* @__PURE__ */ jsx(Icon, {
-          type: "minus"
-        })
+        className: classes.root,
+        children: /* @__PURE__ */ jsx(FlagComponent, {})
       });
-    };
-    return /* @__PURE__ */ jsx(TheFlag, {
-      className: classes.root
+    }
+    var CustomFlag = customFlags[countryFlagKey];
+    if (CustomFlag !== void 0) {
+      return /* @__PURE__ */ jsx("div", {
+        className: classes.root,
+        dangerouslySetInnerHTML: {
+          __html: CustomFlag
+        }
+      });
+    }
+    return /* @__PURE__ */ jsx("div", {
+      className: classes.noFlag,
+      children: /* @__PURE__ */ jsx(Icon, {
+        type: "minus"
+      })
     });
   };
   var DEFAULT_DATE_FORMAT = "dd.MM.yyyy";
@@ -28706,6 +28759,7 @@
       var _value_countryCode;
       return (_value_countryCode = value === null || value === void 0 ? void 0 : value.countryCode) !== null && _value_countryCode !== void 0 ? _value_countryCode : getCountryCodeFromPhone(phoneWithCode);
     }, [
+      value.countryCode,
       value.dialCode,
       value.phoneNumber
     ]);