@swan-io/lake 8.8.4 → 8.9.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "8.8.4",
+  "version": "8.9.1",
   "engines": {
     "node": ">=20.9.0",
     "yarn": "^1.22.0"

package/src/components/Flag.d.ts

@@ -1,7 +1,14 @@
-import { CountryCCA3 } from "@swan-io/shared-business/src/constants/countries";
+import { CountryCCA2, CountryCCA3 } from "@swan-io/shared-business/src/constants/countries";
+export type FlagCode = CountryCCA2 | "EU";
 type Props = {
+    width?: number;
+} & ({
+    /**
+     * @deprecated Use cca2 prop instead
+     */
     icon: CountryCCA3;
-    width: number;
-};
-export declare const Flag: ({ icon, width }: Props) => import("react/jsx-runtime").JSX.Element;
+} | {
+    code: FlagCode;
+});
+export declare const Flag: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/Flag.js

@@ -1,37 +1,33 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Lazy } from "@swan-io/boxed";
-import { countries } from "@swan-io/shared-business/src/constants/countries";
+import { getCCA2forCCA3, } from "@swan-io/shared-business/src/constants/countries";
 import { useEffect, useMemo, useState } from "react";
+import { match } from "ts-pattern";
+import { getFlagGlyphName } from "../utils/string";
 import { Svg, Use } from "./Svg";
-let loadedUrl;
-const importFlags = Lazy(async () => {
+const UNICODE_OFFSET = 127462 - 65;
+let svgUrl;
+const svgUrlGetter = Lazy(async () => {
     const { default: value } = await import("../assets/images/flags.svg");
-    loadedUrl = value;
+    svgUrl = value;
     return value;
 });
-const UNICODE_OFFSET = 127462 - 65;
-export const Flag = ({ icon, width }) => {
-    const [url, setUrl] = useState(loadedUrl);
+export const Flag = (props) => {
+    var _a;
+    const code = "code" in props ? props.code : getCCA2forCCA3(props.icon);
+    const width = (_a = props.width) !== null && _a !== void 0 ? _a : 18;
+    const [url, setUrl] = useState(svgUrl);
     useEffect(() => {
-        if (loadedUrl == undefined) {
-            void importFlags.get().then(setUrl);
+        if (svgUrl == null) {
+            void svgUrlGetter.get().then(setUrl);
         }
     }, []);
     const flag = useMemo(() => {
-        var _a;
-        const cca2 = (_a = countries.find(item => item.cca3 === icon)) === null || _a === void 0 ? void 0 : _a.cca2;
-        if (cca2 == null) {
-            return null;
-        }
-        return ((UNICODE_OFFSET + cca2.charCodeAt(0)).toString(16) +
-            "-" +
-            (UNICODE_OFFSET + cca2.charCodeAt(1)).toString(16));
-    }, [icon]);
-    return (_jsx(Svg, { viewBox: "0 0 18 18", 
-        // eslint-disable-next-line react-native/no-inline-styles
-        style: {
-            borderRadius: 2,
-            width,
-            height: width,
-        }, children: url != null && flag != null ? _jsx(Use, { xlinkHref: `${url}#${flag}` }) : null }));
+        return match(code)
+            .with("EU", () => getFlagGlyphName("🇪🇺"))
+            .otherwise(() => {
+            return `${(UNICODE_OFFSET + code.charCodeAt(0)).toString(16)}-${(UNICODE_OFFSET + code.charCodeAt(1)).toString(16)}`;
+        });
+    }, [code]);
+    return (_jsx(Svg, { viewBox: "0 0 18 18", style: { height: width, width }, children: url != null && flag != null ? _jsx(Use, { xlinkHref: `${url}#${flag}` }) : null }));
 };

package/src/utils/flagCountry.d.ts

@@ -1 +1,4 @@
+/**
+ * @deprecated Import this function from string.ts instead
+ */
 export declare const getFlagGlyphName: (flag: string) => string;

package/src/utils/flagCountry.js

@@ -1 +1,5 @@
-export const getFlagGlyphName = (flag) => { var _a, _b, _c, _d; return `${(_b = (_a = flag.codePointAt(0)) === null || _a === void 0 ? void 0 : _a.toString(16)) !== null && _b !== void 0 ? _b : ""}-${(_d = (_c = flag.codePointAt(2)) === null || _c === void 0 ? void 0 : _c.toString(16)) !== null && _d !== void 0 ? _d : ""}`; };
+import { getFlagGlyphName as fn } from "./string";
+/**
+ * @deprecated Import this function from string.ts instead
+ */
+export const getFlagGlyphName = fn;

package/src/utils/object.d.ts

@@ -1,3 +1,4 @@
 export declare const isPlainObject: (value: unknown) => boolean;
 export declare const pick: <T extends Record<PropertyKey, unknown>, const K extends keyof T>(object: T, keys: K[]) => Pick<T, K>;
 export declare const omit: <T extends Record<PropertyKey, unknown>, const K extends keyof T>(object: T, keys: K[]) => Omit<T, K>;
+export declare const deepEqual: (a: unknown, b: unknown) => boolean;

package/src/utils/object.js

@@ -9,3 +9,23 @@ export const omit = (object, keys) => {
     const disallowedKeys = new Set(keys);
     return Object.fromEntries(Object.entries(object).filter(([key]) => !disallowedKeys.has(key)));
 };
+const hasOwnProperty = Object.prototype.hasOwnProperty;
+export const deepEqual = (a, b) => {
+    if (Object.is(a, b)) {
+        return true;
+    }
+    if (typeof a !== "object" || a === null || typeof b !== "object" || b === null) {
+        return false;
+    }
+    const aKeys = Object.keys(a);
+    const bKeys = Object.keys(b);
+    if (aKeys.length !== bKeys.length) {
+        return false;
+    }
+    for (const key of aKeys) {
+        if (!hasOwnProperty.call(b, key) || !deepEqual(a[key], b[key])) {
+            return false;
+        }
+    }
+    return true;
+};

package/src/utils/string.d.ts

@@ -8,3 +8,4 @@ export declare const upperCase: <T extends string>(value: T) => Uppercase<T>;
 export declare const capitalize: <T extends string>(value: T) => Capitalize<T>;
 export declare const uncapitalize: <T extends string>(value: T) => Uncapitalize<T>;
 export declare const optionFromString: (value: string) => Option<string>;
+export declare const getFlagGlyphName: (flag: string) => string;

package/src/utils/string.js

@@ -233,3 +233,4 @@ export const upperCase = (value) => value.toUpperCase();
 export const capitalize = (value) => `${value.charAt(0).toUpperCase()}${value.slice(1)}`;
 export const uncapitalize = (value) => `${value.charAt(0).toLowerCase()}${value.slice(1)}`;
 export const optionFromString = (value) => value !== "" ? Option.Some(value) : Option.None();
+export const getFlagGlyphName = (flag) => { var _a, _b, _c, _d; return `${(_b = (_a = flag.codePointAt(0)) === null || _a === void 0 ? void 0 : _a.toString(16)) !== null && _b !== void 0 ? _b : ""}-${(_d = (_c = flag.codePointAt(2)) === null || _c === void 0 ? void 0 : _c.toString(16)) !== null && _d !== void 0 ? _d : ""}`; };