@swan-io/lake 8.9.0 → 8.9.1

package/package.json

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

package/src/components/Flag.d.ts

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

package/src/components/Flag.js

@@ -2,6 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Lazy } from "@swan-io/boxed";
 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";
 const UNICODE_OFFSET = 127462 - 65;
 let svgUrl;
@@ -12,7 +14,7 @@ const svgUrlGetter = Lazy(async () => {
 });
 export const Flag = (props) => {
     var _a;
-    const cca2 = "cca2" in props ? props.cca2 : getCCA2forCCA3(props.icon);
+    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(() => {
@@ -20,6 +22,12 @@ export const Flag = (props) => {
             void svgUrlGetter.get().then(setUrl);
         }
     }, []);
-    const flag = useMemo(() => `${(UNICODE_OFFSET + cca2.charCodeAt(0)).toString(16)}-${(UNICODE_OFFSET + cca2.charCodeAt(1)).toString(16)}`, [cca2]);
+    const flag = useMemo(() => {
+        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,4 +1,4 @@
 /**
- * @deprecated Use the Flag component instead
+ * @deprecated Import this function from string.ts instead
  */
 export declare const getFlagGlyphName: (flag: string) => string;

package/src/utils/flagCountry.js

@@ -1,4 +1,5 @@
+import { getFlagGlyphName as fn } from "./string";
 /**
- * @deprecated Use the Flag component instead
+ * @deprecated Import this function from string.ts instead
  */
-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 : ""}`; };
+export const getFlagGlyphName = fn;

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 : ""}`; };