@zonos/amino 6.0.0-alpha.34 → 6.0.0-alpha.35

package/utils/hooks/useCountryOptions.d.ts

@@ -24,10 +24,10 @@ declare const schemaCountry: z.ZodObject<{
     label: string;
     displayName: string;
     value: string;
+    languageCode: string | null;
     code3: string | null;
     currencyCode: string;
     fraudRisk: number;
-    languageCode: string | null;
     numericCode: string | null;
     phoneCode: string[];
     upsCode: string | null;
@@ -39,10 +39,10 @@ declare const schemaCountry: z.ZodObject<{
     label: string;
     displayName: string;
     value: string;
+    languageCode: string | null;
     code3: string | null;
     currencyCode: string;
     fraudRisk: number;
-    languageCode: string | null;
     numericCode: string | null;
     phoneCode: string[];
     upsCode: string | null;

package/utils/prepCountryOptions.d.ts

@@ -9,10 +9,10 @@ export declare const prepCountryOptions: <CountryCode extends string = string>({
     active: boolean;
     code: CountryCode;
     displayName: string;
+    languageCode: string | null;
     code3: string | null;
     currencyCode: string;
     fraudRisk: number;
-    languageCode: string | null;
     numericCode: string | null;
     upsCode: string | null;
     zipRegex: string | null;

package/utils/translations/supportedLanguages.d.ts

@@ -78,5 +78,5 @@ export declare const supportedLanguages: readonly [{
 export type SupportedLanguageCode = (typeof supportedLanguages)[number]['code'];
 export declare const supportedLanguageOptions: {
     label: "dansk" | "Deutsche" | "English" | "Español" | "Français" | "bahasa Indonesia" | "Italiano" | "日本語" | "한국어" | "Nederlands" | "norsk" | "Polskie" | "Português" | "русский" | "svenska" | "ไทย" | "Türk" | "Tiếng Việt" | "中文";
-    value: "DE" | "ES" | "FR" | "ID" | "IT" | "NL" | "NO" | "PL" | "PT" | "RU" | "SV" | "TH" | "TR" | "VI" | "DA" | "EN" | "JA" | "KO" | "ZH_CN";
+    value: "DA" | "DE" | "EN" | "ES" | "FR" | "ID" | "IT" | "JA" | "KO" | "NL" | "NO" | "PL" | "PT" | "RU" | "SV" | "TH" | "TR" | "VI" | "ZH_CN";
 }[];

package/components/connection-map/ConnectionMap.d.ts

@@ -1,75 +0,0 @@
-import type { BaseProps } from "../../types/BaseProps";
-import type { GeoJsonWorld } from "../../types/GeoJsonWorld";
-import type { CountryOption } from "../../utils/hooks/useCountryOptions";
-type Props = BaseProps & {
-    /**
-     * Array of country options to be used for mapping country names to ISO codes
-     */
-    countries: CountryOption[];
-    /**
-     * ISO country code for the origin country
-     */
-    from: string;
-    /**
-     * Height of the map in pixels
-     * @default 400
-     */
-    height?: number;
-    /**
-     * ISO country code for the destination country
-     */
-    to: string;
-    /**
-     * GeoJSON data containing world map information
-     */
-    worldData: GeoJsonWorld | null;
-};
-/**
- * A geographic map component that visualizes connections between two countries.
- * Displays a world map with highlighted countries and a connecting line between them,
- * automatically centering and scaling the view for optimal visualization.
- *
- * @example Basic usage
- * ```tsx
- * const { countryOptions } = useCountryOptions();
- * const [worldData, setWorldData] = useState<GeoJsonWorld | null>(null);
- *
- * useEffect(() => {
- *   fetch('/zonos-countries-geojson.json')
- *     .then(response => response.json())
- *     .then(data => setWorldData(data));
- * }, []);
- *
- * <ConnectionMap
- *   countries={countryOptions}
- *   from="US"
- *   to="JP"
- *   worldData={worldData}
- * />
- * ```
- *
- * @example With custom height
- * ```tsx
- * <ConnectionMap
- *   countries={countryOptions}
- *   from="GB"
- *   to="AU"
- *   height={600}
- *   worldData={worldData}
- * />
- * ```
- *
- * @example With custom styling
- * ```tsx
- * <ConnectionMap
- *   className="custom-map-container"
- *   countries={countryOptions}
- *   from="CA"
- *   to="BR"
- *   style={{ border: '1px solid var(--amino-gray-200)' }}
- *   worldData={worldData}
- * />
- * ```
- */
-export declare const ConnectionMap: ({ className, countries, from, height, style, to, worldData, }: Props) => import("react").JSX.Element;
-export {};

package/components/connection-map/ConnectionMap.js

@@ -1 +0,0 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),r=require("react"),t=require("react-simple-maps"),i=require("d3-geo"),s=require("topojson-client"),a=require("../skeleton/Skeleton.js"),o=require("../../styles/constants/theme.js"),n=require("../../utils/cn.js"),l=require("../../utils/getCountryCodeByName.js"),u=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");exports.ConnectionMap=function(c){var d=c.className,h=c.countries,m=c.from,g=c.height,f=void 0===g?400:g,j=c.style,x=c.to,b=c.worldData,p=e.__read(r.useState([0,0]),2),y=p[0],v=p[1],k=e.__read(r.useState(1),2),q=k[0],_=k[1],C=e.__read(r.useState([0,0,0]),2),M=C[0],w=C[1],N=r.useMemo(function(){return b?s.feature(b,b.objects.countries).features:null},[b]),S=r.useCallback(function(e){var r=null==N?void 0:N.find(function(r){var t;return l.getCountryCodeByName(null===(t=r.properties)||void 0===t?void 0:t.name,h)===e});return r?i.geoCentroid(r):[0,0]},[h,N]),D=!(N&&h.length&&m&&x);return r.useEffect(function(){if(!D){var r=e.__read(S(m),2),t=r[0],s=r[1],a=e.__read(S(x),2),o=a[0],n=a[1],l=i.geoDistance([t,s],[o,n]),u=i.geoDistance([t,0],[o,0]),c=i.geoDistance([0,s],[0,n]),d=function(e,r){return-19.46498024*e+-92.29376925*r+284.7+(e+r>4?80*(e+r-4):0)}(u,c);_(d);var h=e.__read([(t+o)/2,(s+n)/2],2),g=h[0],f=h[1];v([0,f]);var j=-g;Math.abs(t-o)>180&&(j+=180);var b=Math.abs(f)>55?l*-(Math.abs(f)-50):0,p=c>1&&u>c&&Math.max(s,n)>50?u/c*-5:0;w([j,b+p,0])}},[S,x,m,D]),D?u.jsx(a.Skeleton,{className:"rounded-amino-12 m-0 box-border w-full",height:f,style:{padding:"16.5%"}}):u.jsx("div",{className:n.cn("rounded-amino-12 dark:bg-night-gray-50 overflow-hidden bg-gray-50","[&_*]:outline-none",d),style:j,children:u.jsxs(t.ComposableMap,{height:f,projection:"geoEqualEarth",projectionConfig:{center:y,rotate:M,scale:q},children:[u.jsx(t.Geographies,{geography:N,children:function(e){return e.geographies.map(function(e){var r=[x,m].includes(l.getCountryCodeByName(e.properties.name,h));return u.jsx(t.Geography,{fill:r?o.theme.blue100:o.theme.gray0,geography:e,stroke:r?o.theme.blue400:o.theme.gray200,strokeWidth:2},e.rsmKey)})}}),u.jsxs(t.Marker,{coordinates:S(m),children:[u.jsx("circle",{fill:o.theme.blue300,r:10}),u.jsx("circle",{fill:o.theme.blue400,r:7})]}),u.jsxs(t.Marker,{coordinates:S(x),children:[u.jsx("circle",{fill:o.theme.blue300,r:10}),u.jsx("circle",{fill:o.theme.blue400,r:7})]}),u.jsx(t.Line,{from:S(m),stroke:o.theme.blue600,strokeWidth:4,to:S(x)}),u.jsxs(t.Marker,{coordinates:S(m),children:[u.jsx("circle",{fill:"white",r:4}),u.jsx("circle",{fill:o.theme.blue600,r:2})]}),u.jsxs(t.Marker,{coordinates:S(x),children:[u.jsx("circle",{fill:"white",r:4}),u.jsx("circle",{fill:o.theme.blue600,r:2})]})]})})};

package/types/GeoJsonWorld.d.ts

@@ -1,21 +0,0 @@
-import type { BBox } from 'geojson';
-import type { Arc, MultiPolygon, Polygon, Transform } from 'topojson-specification';
-type Properties = {
-    name: string;
-};
-type Geometry = (Polygon | MultiPolygon) & {
-    properties: Properties;
-};
-export type GeoJsonWorld = {
-    arcs: Arc[];
-    bbox: BBox;
-    objects: {
-        countries: {
-            geometries: Geometry[];
-            type: 'GeometryCollection';
-        };
-    };
-    transform: Transform;
-    type: 'Topology';
-};
-export {};