@swan-io/shared-business 3.4.0 → 4.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/shared-business",
-  "version": "3.4.0",
+  "version": "4.0.0",
   "engines": {
     "node": ">=18.0.0",
     "yarn": "^1.22.0"
@@ -31,6 +31,7 @@
   "dependencies": {
     "@formatjs/intl": "^2.9.6",
     "@googlemaps/js-api-loader": "1.16.2",
+    "@placekit/client-js": "^2.0.0",
     "@swan-io/boxed": "^1.2.0",
     "dayjs": "^1.11.10",
     "react": "^18.2.0",

package/src/components/AddressFormPart.js

@@ -6,7 +6,7 @@ import { Space } from "@swan-io/lake/src/components/Space";
 import { useBoolean } from "@swan-io/lake/src/hooks/useBoolean";
 import { useCallback, useEffect } from "react";
 import { locale, t } from "../utils/i18n";
-import { GMapAddressSearchInput } from "./GMapAddressSearchInput";
+import { PlacekitAddressSearchInput } from "./PlacekitAddressSearchInput";
 export const AddressFormPart = ({ initialAddress, initialCity, initialPostalCode, country, label, optionalLabel, placeholder, Field, setFieldValue, listenFields, isLarge, apiKey, }) => {
     const [manualModeEnabled, setManualMode] = useBoolean(initialAddress !== "" || initialCity !== "" || initialPostalCode !== "");
     useEffect(() => {
@@ -19,8 +19,10 @@ export const AddressFormPart = ({ initialAddress, initialCity, initialPostalCode
     const onSuggestion = useCallback((place) => {
         setFieldValue("address", place.completeAddress);
         setFieldValue("city", place.city);
-        setFieldValue("postalCode", place.postalCode);
+        if (place.postalCode != null) {
+            setFieldValue("postalCode", place.postalCode);
+        }
         setManualMode.on();
     }, [setManualMode, setFieldValue]);
-    return (_jsxs(_Fragment, { children: [_jsx(Field, { name: "address", children: ({ ref, value, onChange, error }) => (_jsx(LakeLabel, { label: label ?? t("addressFormPart.addressLabel"), optionalLabel: optionalLabel, render: id => (_jsx(GMapAddressSearchInput, { inputRef: ref, apiKey: apiKey, emptyResultText: t("common.noResult"), placeholder: placeholder ?? t("addressFormPart.placeholder"), language: locale.language, id: id, country: country, value: value, error: error, onValueChange: onChange, onSuggestion: onSuggestion })), actions: !manualModeEnabled && isLarge ? (_jsx(LakeButton, { mode: "secondary", size: "small", onPress: setManualMode.on, children: t("addressFormPart.setManual") })) : null })) }), !manualModeEnabled && !isLarge ? (_jsx(LakeButton, { mode: "secondary", size: "small", onPress: setManualMode.on, children: t("addressFormPart.setManual") })) : null, manualModeEnabled ? (_jsxs(_Fragment, { children: [_jsx(Space, { height: 12 }), _jsx(Field, { name: "city", children: ({ ref, value, valid, error, onChange }) => (_jsx(LakeLabel, { label: t("addressFormPart.cityLabel"), render: id => (_jsx(LakeTextInput, { ref: ref, id: id, value: value, valid: valid, error: error, onChangeText: onChange })) })) }), _jsx(Space, { height: 12 }), _jsx(Field, { name: "postalCode", children: ({ ref, value, valid, error, onChange }) => (_jsx(LakeLabel, { label: t("addressFormPart.postCodeLabel"), render: id => (_jsx(LakeTextInput, { ref: ref, id: id, value: value, valid: valid, error: error, onChangeText: onChange })) })) })] })) : null] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Field, { name: "address", children: ({ ref, value, onChange, error }) => (_jsx(LakeLabel, { label: label ?? t("addressFormPart.addressLabel"), optionalLabel: optionalLabel, render: id => (_jsx(PlacekitAddressSearchInput, { inputRef: ref, apiKey: apiKey, emptyResultText: t("common.noResult"), placeholder: placeholder ?? t("addressFormPart.placeholder"), language: locale.language, id: id, country: country, value: value, error: error, onValueChange: onChange, onSuggestion: onSuggestion })), actions: !manualModeEnabled && isLarge ? (_jsx(LakeButton, { mode: "secondary", size: "small", onPress: setManualMode.on, children: t("addressFormPart.setManual") })) : null })) }), !manualModeEnabled && !isLarge ? (_jsx(LakeButton, { mode: "secondary", size: "small", onPress: setManualMode.on, children: t("addressFormPart.setManual") })) : null, manualModeEnabled ? (_jsxs(_Fragment, { children: [_jsx(Space, { height: 12 }), _jsx(Field, { name: "city", children: ({ ref, value, valid, error, onChange }) => (_jsx(LakeLabel, { label: t("addressFormPart.cityLabel"), render: id => (_jsx(LakeTextInput, { ref: ref, id: id, value: value, valid: valid, error: error, onChangeText: onChange })) })) }), _jsx(Space, { height: 12 }), _jsx(Field, { name: "postalCode", children: ({ ref, value, valid, error, onChange }) => (_jsx(LakeLabel, { label: t("addressFormPart.postCodeLabel"), render: id => (_jsx(LakeTextInput, { ref: ref, id: id, value: value, valid: valid, error: error, onChangeText: onChange })) })) })] })) : null] }));
 };

package/src/components/BeneficiaryForm.d.ts

@@ -25,7 +25,7 @@ type Props = {
     initialState?: EditorState;
     accountCountry: AccountCountry;
     step: BeneficiaryFormStep;
-    googleMapApiKey: string;
+    placekitApiKey: string;
     onStepChange: (step: BeneficiaryFormStep) => void;
     onSave: (editorState: EditorState) => void | Promise<void>;
     onClose: () => void;

package/src/components/BeneficiaryForm.js

@@ -23,7 +23,7 @@ import { locale, rifmDateProps, t } from "../utils/i18n";
 import { validateBooleanRequired, validateIndividualTaxNumber, validateNullableRequired, validateRequired, } from "../utils/validation";
 import { AddressFormPart } from "./AddressFormPart";
 import { CountryPicker } from "./CountryPicker";
-import { GMapCityInput } from "./GMapCityInput";
+import { PlacekitCityInput } from "./PlacekitCityInput";
 import { TaxIdentificationNumberInput } from "./TaxIdentificationNumberInput";
 const styles = StyleSheet.create({
     inputContainer: {
@@ -154,7 +154,7 @@ const requiredStepFields = [
     "birthCityPostalCode",
     "type",
 ];
-export const BeneficiaryForm = forwardRef(({ initialState, accountCountry, step, googleMapApiKey, onStepChange, onClose, onSave, onCityLoadError, }, ref) => {
+export const BeneficiaryForm = forwardRef(({ initialState, accountCountry, step, placekitApiKey, onStepChange, onClose, onSave, onCityLoadError, }, ref) => {
     const [reference] = useState(() => initialState?.reference ?? uuid());
     const isAddressRequired = match(accountCountry)
         .with("DEU", "ESP", () => true)
@@ -329,15 +329,17 @@ export const BeneficiaryForm = forwardRef(({ initialState, accountCountry, step,
         };
     });
     return (_jsx(ResponsiveContainer, { breakpoint: breakpoints.tiny, children: ({ small, large }) => (_jsxs(_Fragment, { children: [match(step)
-                    .with("common", () => (_jsxs(View, { role: "form", children: [_jsxs(Box, { direction: small ? "column" : "row", children: [_jsx(Field, { name: "firstName", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.firstName"), style: styles.inputContainer, render: id => (_jsx(LakeTextInput, { error: error, placeholder: t("beneficiaryForm.beneficiary.firstNamePlaceholder"), id: id, value: value, onChangeText: onChange })) })) }), _jsx(Space, { width: 12 }), _jsx(Field, { name: "lastName", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.lastName"), style: styles.inputContainer, render: id => (_jsx(LakeTextInput, { error: error, placeholder: t("beneficiaryForm.beneficiary.lastNamePlaceholder"), id: id, value: value, onChangeText: onChange })) })) })] }), _jsxs(Box, { direction: small ? "column" : "row", children: [_jsx(Field, { name: "birthDate", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.birthDate"), optionalLabel: isBirthInfoRequired ? undefined : t("common.optional"), style: styles.inputContainer, render: id => (_jsx(Rifm, { value: value ?? "", onChange: onChange, ...rifmDateProps, children: ({ value, onChange }) => (_jsx(LakeTextInput, { error: error, placeholder: locale.datePlaceholder, id: id, value: value, onChange: onChange })) })) })) }), _jsx(Space, { width: 12 }), _jsx(Field, { name: "birthCountryCode", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.birthCountry"), style: styles.inputContainer, render: id => (_jsx(CountryPicker, { id: id, error: error, value: value, placeholder: t("beneficiaryForm.beneficiary.birthCountryPlaceholder"), countries: allCountries, onValueChange: onChange })) })) })] }), _jsx(Box, { direction: small ? "column" : "row", children: _jsx(FieldsListener, { names: ["birthCountryCode"], children: ({ birthCountryCode }) => (_jsxs(_Fragment, { children: [_jsx(Field, { name: "birthCity", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.birthCity"), optionalLabel: isBirthInfoRequired ? undefined : t("common.optional"), style: styles.inputContainer, render: id => (_jsx(GMapCityInput, { id: id, apiKey: googleMapApiKey, error: error, country: birthCountryCode.value, value: value ?? "", onValueChange: onChange, placeholder: birthCountryCode.value == null
+                    .with("common", () => (_jsxs(View, { role: "form", children: [_jsxs(Box, { direction: small ? "column" : "row", children: [_jsx(Field, { name: "firstName", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.firstName"), style: styles.inputContainer, render: id => (_jsx(LakeTextInput, { error: error, placeholder: t("beneficiaryForm.beneficiary.firstNamePlaceholder"), id: id, value: value, onChangeText: onChange })) })) }), _jsx(Space, { width: 12 }), _jsx(Field, { name: "lastName", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.lastName"), style: styles.inputContainer, render: id => (_jsx(LakeTextInput, { error: error, placeholder: t("beneficiaryForm.beneficiary.lastNamePlaceholder"), id: id, value: value, onChangeText: onChange })) })) })] }), _jsxs(Box, { direction: small ? "column" : "row", children: [_jsx(Field, { name: "birthDate", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.birthDate"), optionalLabel: isBirthInfoRequired ? undefined : t("common.optional"), style: styles.inputContainer, render: id => (_jsx(Rifm, { value: value ?? "", onChange: onChange, ...rifmDateProps, children: ({ value, onChange }) => (_jsx(LakeTextInput, { error: error, placeholder: locale.datePlaceholder, id: id, value: value, onChange: onChange })) })) })) }), _jsx(Space, { width: 12 }), _jsx(Field, { name: "birthCountryCode", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.birthCountry"), style: styles.inputContainer, render: id => (_jsx(CountryPicker, { id: id, error: error, value: value, placeholder: t("beneficiaryForm.beneficiary.birthCountryPlaceholder"), countries: allCountries, onValueChange: onChange })) })) })] }), _jsx(Box, { direction: small ? "column" : "row", children: _jsx(FieldsListener, { names: ["birthCountryCode"], children: ({ birthCountryCode }) => (_jsxs(_Fragment, { children: [_jsx(Field, { name: "birthCity", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.birthCity"), optionalLabel: isBirthInfoRequired ? undefined : t("common.optional"), style: styles.inputContainer, render: id => (_jsx(PlacekitCityInput, { id: id, apiKey: placekitApiKey, error: error, country: birthCountryCode.value, value: value ?? "", onValueChange: onChange, placeholder: birthCountryCode.value == null
                                                         ? t("beneficiaryForm.beneficiary.fillBirthCountry")
                                                         : t("beneficiaryForm.beneficiary.birthCityPlaceholder"), onSuggestion: place => {
                                                         onChange(place.city);
-                                                        setFieldValue("birthCityPostalCode", place.postalCode);
+                                                        if (place.postalCode != null) {
+                                                            setFieldValue("birthCityPostalCode", place.postalCode);
+                                                        }
                                                     }, onLoadError: onCityLoadError })) })) }), _jsx(Space, { width: 12 }), _jsx(Field, { name: "birthCityPostalCode", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.birthPostalCode"), optionalLabel: isBirthInfoRequired ? undefined : t("common.optional"), style: styles.inputContainer, render: id => (_jsx(LakeTextInput, { error: error, placeholder: birthCountryCode.value == null
                                                         ? t("beneficiaryForm.beneficiary.fillBirthCountry")
                                                         : t("beneficiaryForm.beneficiary.birthPostalCodePlaceholder"), id: id, disabled: birthCountryCode.value === undefined, value: value, onChangeText: onChange })) })) })] })) }) }), _jsx(Field, { name: "type", children: ({ value, onChange }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.type"), type: "radioGroup", render: () => (_jsx(RadioGroup, { direction: "row", value: value, onValueChange: onChange, items: beneficiaryTypes })) })) }), _jsx(FieldsListener, { names: ["type"], children: ({ type }) => type.value === "HasCapital" ? (_jsxs(_Fragment, { children: [_jsx(Field, { name: "totalCapitalPercentage", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.totalCapitalPercentage"), render: id => (_jsx(LakeTextInput, { error: error, unit: "%", inputMode: "decimal", "aria-valuemin": 0, "aria-valuemax": 100, id: id, value: value, onChangeText: onChange })) })) }), _jsx(Space, { height: 12 }), _jsx(Field, { name: "capitalType", children: ({ value, error, onChange }) => (_jsx(CapitalTypeCheckboxes, { value: value ?? "none", error: error, onChange: onChange })) })] })) : null })] })))
-                    .with("address", () => (_jsxs(View, { role: "form", children: [_jsx(Field, { name: "country", children: ({ value, onChange }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.country"), render: id => (_jsx(CountryPicker, { id: id, value: value, countries: allCountries, onValueChange: onChange })) })) }), _jsx(Space, { height: 12 }), _jsx(FieldsListener, { names: ["country"], children: ({ country }) => (_jsxs(_Fragment, { children: [_jsx(AddressFormPart, { apiKey: googleMapApiKey, initialAddress: initialAddress.current.residencyAddressLine1 ?? "", initialCity: initialAddress.current.residencyAddressCity ?? "", initialPostalCode: initialAddress.current.residencyAddressPostalCode ?? "", country: country?.value ?? accountCountry, label: t("beneficiaryForm.beneficiary.address"), Field: Field, setFieldValue: setFieldValue, listenFields: listenFields, isLarge: large }), ((accountCountry === "DEU" && country?.value === "DEU") ||
+                    .with("address", () => (_jsxs(View, { role: "form", children: [_jsx(Field, { name: "country", children: ({ value, onChange }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.country"), render: id => (_jsx(CountryPicker, { id: id, value: value, countries: allCountries, onValueChange: onChange })) })) }), _jsx(Space, { height: 12 }), _jsx(FieldsListener, { names: ["country"], children: ({ country }) => (_jsxs(_Fragment, { children: [_jsx(AddressFormPart, { apiKey: placekitApiKey, initialAddress: initialAddress.current.residencyAddressLine1 ?? "", initialCity: initialAddress.current.residencyAddressCity ?? "", initialPostalCode: initialAddress.current.residencyAddressPostalCode ?? "", country: country?.value ?? accountCountry, label: t("beneficiaryForm.beneficiary.address"), Field: Field, setFieldValue: setFieldValue, listenFields: listenFields, isLarge: large }), ((accountCountry === "DEU" && country?.value === "DEU") ||
                                         accountCountry === "ESP") && (_jsxs(_Fragment, { children: [_jsx(Space, { height: 12 }), _jsx(Field, { name: "taxIdentificationNumber", children: ({ value, error, valid, onChange }) => (_jsx(TaxIdentificationNumberInput, { value: value ?? "", error: error, valid: valid, onChange: onChange, accountCountry: accountCountry, isCompany: false, 
                                                     // is mandatory for German accounts with UBO living in Germany
                                                     required: accountCountry === "DEU" && country?.value === "DEU" })) })] }))] })) })] })))

package/src/components/{GMapAddressSearchInput.d.ts → PlacekitAddressSearchInput.d.ts}

@@ -1,14 +1,18 @@
 import { CountryCCA3 } from "@swan-io/shared-business/src/constants/countries";
 import { MutableRefObject } from "react";
 import { StyleProp, ViewStyle } from "react-native";
-import { PlaceDetail } from "../hooks/useGoogleMapSDK";
+export type AddressDetail = {
+    completeAddress: string;
+    city: string;
+    postalCode?: string;
+};
 type Props = {
     inputRef?: MutableRefObject<unknown>;
     id?: string;
     country: CountryCCA3;
     disabled?: boolean;
     error?: string;
-    onSuggestion?: (suggestion: PlaceDetail) => void;
+    onSuggestion?: (suggestion: AddressDetail) => void;
     onValueChange: (value: string) => void;
     style?: StyleProp<ViewStyle>;
     value?: string;
@@ -16,7 +20,7 @@ type Props = {
     placeholder: string;
     shouldDisplaySuggestions?: boolean;
     emptyResultText: string;
-    apiKey: string;
+    apiKey?: string;
 };
-export declare const GMapAddressSearchInput: ({ inputRef, id, country, disabled, error, value, onValueChange, onSuggestion, language, placeholder, shouldDisplaySuggestions, emptyResultText, apiKey, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const PlacekitAddressSearchInput: ({ inputRef, id, country, disabled, error, value, onValueChange, onSuggestion, language, placeholder, shouldDisplaySuggestions, emptyResultText, apiKey, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/PlacekitAddressSearchInput.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Array, Future, Option, Result } from "@swan-io/boxed";
+import { AutocompleteSearchInput } from "@swan-io/lake/src/components/AutocompleteSearchInput";
+import { countriesWithMultipleCCA3, getCCA2forCCA3, } from "@swan-io/shared-business/src/constants/countries";
+import { useCallback } from "react";
+import { usePlacekit } from "../hooks/usePlacekit";
+export const PlacekitAddressSearchInput = ({ inputRef, id, country, disabled, error, value, onValueChange, onSuggestion, language, placeholder, shouldDisplaySuggestions = true, emptyResultText, apiKey, }) => {
+    const placekit = usePlacekit({ apiKey });
+    const loadSuggestions = useCallback((value) => {
+        if (placekit != null) {
+            const countries = Array.filterMap(countriesWithMultipleCCA3[country] ?? [country], cca3 => Option.fromNullable(getCCA2forCCA3(cca3)));
+            const cca2Countries = countries.length === 0 ? Option.None() : Option.Some(countries);
+            return Future.fromPromise(placekit.search(value, {
+                types: ["street"],
+                language,
+                countries: cca2Countries.toUndefined(),
+            })).mapOk(({ results }) => results.map(result => ({
+                title: result.name,
+                subtitle: result.city,
+                value: result,
+            })), true);
+        }
+        return Future.value(Result.Ok([]));
+    }, [placekit, country, language]);
+    const onSuggestionSelected = useCallback((suggestion) => {
+        onSuggestion?.({
+            completeAddress: suggestion.value.name,
+            postalCode: suggestion.value.zipcode[0],
+            city: suggestion.value.city,
+        });
+    }, [onSuggestion]);
+    return (_jsx(AutocompleteSearchInput, { inputRef: inputRef, value: value, onValueChange: onValueChange, disabled: disabled, id: id, placeholder: placeholder, error: error, emptyResultText: emptyResultText, shouldDisplaySuggestions: shouldDisplaySuggestions, loadSuggestions: placekit != null ? loadSuggestions : undefined, onSuggestion: onSuggestionSelected }));
+};

package/src/components/PlacekitCityInput.d.ts

@@ -0,0 +1,19 @@
+import { CountryCCA3 } from "../constants/countries";
+export type CityDetail = {
+    city: string;
+    postalCode?: string;
+};
+type Props = {
+    value: string;
+    onValueChange: (value: string) => void;
+    country?: CountryCCA3;
+    disabled?: boolean;
+    error?: string;
+    id?: string;
+    placeholder?: string;
+    onSuggestion?: (place: CityDetail) => void;
+    onLoadError: (error: unknown) => void;
+    apiKey?: string;
+};
+export declare const PlacekitCityInput: ({ value, onValueChange, country, disabled, placeholder, id, error, onSuggestion, onLoadError, apiKey, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/components/PlacekitCityInput.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Array, Future, Option, Result } from "@swan-io/boxed";
+import { AutocompleteSearchInput } from "@swan-io/lake/src/components/AutocompleteSearchInput";
+import { useCallback } from "react";
+import { countriesWithMultipleCCA3, getCCA2forCCA3 } from "../constants/countries";
+import { usePlacekit } from "../hooks/usePlacekit";
+import { t } from "../utils/i18n";
+export const PlacekitCityInput = ({ value, onValueChange, country, disabled, placeholder, id, error, onSuggestion, onLoadError, apiKey, }) => {
+    const placekit = usePlacekit({ apiKey });
+    const loadSuggestions = useCallback((value) => {
+        if (placekit != null) {
+            const countries = Option.fromNullable(country)
+                .map(country => countriesWithMultipleCCA3[country] ?? [country])
+                .map(cca3Codes => Array.filterMap(cca3Codes, cca3 => Option.fromNullable(getCCA2forCCA3(cca3))))
+                .flatMap(array => (array.length === 0 ? Option.None() : Option.Some(array)));
+            return Future.fromPromise(placekit.search(value, {
+                types: ["city"],
+                countries: countries.toUndefined(),
+            })).mapOk(({ results }) => results.map(result => ({
+                title: result.name,
+                subtitle: result.city,
+                value: result,
+            })), true);
+        }
+        return Future.value(Result.Ok([]));
+    }, [placekit, country]);
+    const onSuggestionSelected = useCallback((suggestion) => {
+        onSuggestion?.({
+            city: suggestion.value.city,
+            postalCode: suggestion.value.zipcode[0],
+        });
+    }, [onSuggestion]);
+    return (_jsx(AutocompleteSearchInput, { value: value, onValueChange: onValueChange, disabled: disabled, id: id, placeholder: placeholder, error: error, emptyResultText: t("common.noResult"), loadSuggestions: placekit != null ? loadSuggestions : undefined, onSuggestion: onSuggestionSelected, onLoadError: onLoadError }));
+};

package/src/constants/countries.d.ts

@@ -1979,8 +1979,8 @@ export declare const countries: ({
 export type Country = (typeof countries)[number];
 export type CountryCCA2 = (typeof countries)[number]["cca2"];
 export type CountryCCA3 = (typeof countries)[number]["cca3"];
-export declare const getCCA2forCCA3: (cca3: CountryCCA3) => "FR" | "AX" | "AS" | "AD" | "AO" | "AI" | "AQ" | "AG" | "AR" | "AW" | "AU" | "AZ" | "BS" | "BD" | "BB" | "BE" | "BZ" | "BJ" | "BM" | "BO" | "BQ" | "BA" | "BW" | "BV" | "BR" | "VG" | "BF" | "BI" | "CV" | "CM" | "CA" | "KY" | "CZ" | "CL" | "CX" | "CC" | "CO" | "CK" | "CR" | "CI" | "CU" | "CW" | "DK" | "DE" | "DJ" | "DM" | "EC" | "EE" | "IE" | "SV" | "ES" | "FK" | "FJ" | "FO" | "GA" | "GM" | "GH" | "GI" | "GD" | "GP" | "GU" | "GT" | "GG" | "GW" | "GQ" | "GN" | "GY" | "GF" | "HT" | "HM" | "HN" | "HR" | "ID" | "IS" | "IM" | "IT" | "JM" | "JE" | "GL" | "KH" | "KZ" | "KE" | "KI" | "CF" | "KM" | "RE" | "LV" | "LS" | "LR" | "LI" | "LT" | "LU" | "MG" | "HU" | "MH" | "MW" | "MY" | "MV" | "ML" | "MT" | "MQ" | "MU" | "YT" | "MX" | "FM" | "MZ" | "MD" | "MC" | "MS" | "NA" | "NL" | "BN" | "NZ" | "NI" | "NE" | "NG" | "NU" | "NF" | "NO" | "MP" | "NC" | "AT" | "UZ" | "PK" | "PW" | "PA" | "PG" | "PY" | "PE" | "PH" | "PN" | "PL" | "PF" | "PT" | "PR" | "DO" | "XK" | "CD" | "CG" | "RO" | "RW" | "KN" | "LC" | "VC" | "BL" | "MF" | "PM" | "WS" | "SM" | "ST" | "CH" | "SN" | "SC" | "AL" | "SL" | "SG" | "SI" | "SK" | "SB" | "SO" | "ZA" | "GS" | "SS" | "LK" | "FI" | "SR" | "SE" | "SZ" | "TZ" | "TD" | "TF" | "TL" | "TG" | "TO" | "TT" | "TR" | "TM" | "TC" | "TV" | "UG" | "GB" | "US" | "UM" | "VI" | "UY" | "VU" | "VA" | "VE" | "VN" | "WF" | "ZM" | "ZW" | "BT" | "GR" | "CY" | "BY" | "BG" | "KG" | "MK" | "MN" | "RU" | "RS" | "TJ" | "UA" | "ME" | "AM" | "IL" | "AF" | "JO" | "DZ" | "SD" | "EH" | "IQ" | "SA" | "KW" | "MA" | "YE" | "IR" | "TN" | "AE" | "SY" | "OM" | "PS" | "QA" | "LB" | "EG" | "MR" | "NP" | "IN" | "TH" | "LA" | "MM" | "GE" | "ET" | "ER" | "BH" | "LY" | "CN" | "JP" | "MO" | "TW" | "HK" | "KR" | "KP" | undefined;
-export declare const getCCA3forCCA2: (cca2: CountryCCA2) => "FRA" | "ALA" | "ASM" | "AND" | "AGO" | "AIA" | "ATA" | "ATG" | "ARG" | "ABW" | "AUS" | "AZE" | "BHS" | "BGD" | "BRB" | "BEL" | "BLZ" | "BEN" | "BMU" | "BOL" | "BES" | "BIH" | "BWA" | "BVT" | "BRA" | "VGB" | "BFA" | "BDI" | "CPV" | "CMR" | "CAN" | "CYM" | "CZE" | "CHL" | "CXR" | "CCK" | "COL" | "COK" | "CRI" | "CIV" | "CUB" | "CUW" | "DNK" | "DEU" | "DJI" | "DMA" | "ECU" | "EST" | "IRL" | "SLV" | "ESP" | "FLK" | "FJI" | "FRO" | "GAB" | "GMB" | "GHA" | "GIB" | "GRD" | "GLP" | "GUM" | "GTM" | "GGY" | "GNB" | "GNQ" | "GIN" | "GUY" | "GUF" | "HTI" | "HMD" | "HND" | "HRV" | "IDN" | "ISL" | "IMN" | "ITA" | "JAM" | "JEY" | "GRL" | "KHM" | "KAZ" | "KEN" | "KIR" | "CAF" | "COM" | "REU" | "LVA" | "LSO" | "LBR" | "LIE" | "LTU" | "LUX" | "MDG" | "HUN" | "MHL" | "MWI" | "MYS" | "MDV" | "MLI" | "MLT" | "MTQ" | "MUS" | "MYT" | "MEX" | "FSM" | "MOZ" | "MDA" | "MCO" | "MSR" | "NAM" | "NLD" | "BRN" | "NZL" | "NIC" | "NER" | "NGA" | "NIU" | "NFK" | "NOR" | "MNP" | "NCL" | "AUT" | "UZB" | "PAK" | "PLW" | "PAN" | "PNG" | "PRY" | "PER" | "PHL" | "PCN" | "POL" | "PYF" | "PRT" | "PRI" | "DOM" | "UNK" | "COD" | "COG" | "ROU" | "RWA" | "KNA" | "LCA" | "VCT" | "BLM" | "MAF" | "SPM" | "WSM" | "SMR" | "STP" | "CHE" | "SEN" | "SYC" | "ALB" | "SLE" | "SGP" | "SVN" | "SVK" | "SLB" | "SOM" | "ZAF" | "SGS" | "SSD" | "LKA" | "FIN" | "SUR" | "SWE" | "SWZ" | "TZA" | "TCD" | "ATF" | "TLS" | "TGO" | "TON" | "TTO" | "TUR" | "TKM" | "TCA" | "TUV" | "UGA" | "GBR" | "USA" | "UMI" | "VIR" | "URY" | "VUT" | "VAT" | "VEN" | "VNM" | "WLF" | "ZMB" | "ZWE" | "BTN" | "GRC" | "CYP" | "BLR" | "BGR" | "KGZ" | "MKD" | "MNG" | "RUS" | "SRB" | "TJK" | "UKR" | "MNE" | "ARM" | "ISR" | "AFG" | "JOR" | "DZA" | "SDN" | "ESH" | "IRQ" | "SAU" | "KWT" | "MAR" | "YEM" | "IRN" | "TUN" | "ARE" | "SYR" | "OMN" | "PSE" | "QAT" | "LBN" | "EGY" | "MRT" | "NPL" | "IND" | "THA" | "LAO" | "MMR" | "GEO" | "ETH" | "ERI" | "BHR" | "LBY" | "CHN" | "JPN" | "MAC" | "TWN" | "HKG" | "KOR" | "PRK" | undefined;
+export declare const getCCA2forCCA3: (cca3: CountryCCA3) => CountryCCA2 | undefined;
+export declare const getCCA3forCCA2: (cca2: CountryCCA2) => CountryCCA3 | undefined;
 export declare const companyWithUboCountries: readonly ["BEL", "DEU", "FRA", "ITA", "LTU", "LUX", "NLD"];
 export type CompanyWithUboCountryCCA3 = (typeof companyWithUboCountries)[number];
 export declare const allCountries: ("FRA" | "ALA" | "ASM" | "AND" | "AGO" | "AIA" | "ATA" | "ATG" | "ARG" | "ABW" | "AUS" | "AZE" | "BHS" | "BGD" | "BRB" | "BEL" | "BLZ" | "BEN" | "BMU" | "BOL" | "BES" | "BIH" | "BWA" | "BVT" | "BRA" | "VGB" | "BFA" | "BDI" | "CPV" | "CMR" | "CAN" | "CYM" | "CZE" | "CHL" | "CXR" | "CCK" | "COL" | "COK" | "CRI" | "CIV" | "CUB" | "CUW" | "DNK" | "DEU" | "DJI" | "DMA" | "ECU" | "EST" | "IRL" | "SLV" | "ESP" | "FLK" | "FJI" | "FRO" | "GAB" | "GMB" | "GHA" | "GIB" | "GRD" | "GLP" | "GUM" | "GTM" | "GGY" | "GNB" | "GNQ" | "GIN" | "GUY" | "GUF" | "HTI" | "HMD" | "HND" | "HRV" | "IDN" | "ISL" | "IMN" | "ITA" | "JAM" | "JEY" | "GRL" | "KHM" | "KAZ" | "KEN" | "KIR" | "CAF" | "COM" | "REU" | "LVA" | "LSO" | "LBR" | "LIE" | "LTU" | "LUX" | "MDG" | "HUN" | "MHL" | "MWI" | "MYS" | "MDV" | "MLI" | "MLT" | "MTQ" | "MUS" | "MYT" | "MEX" | "FSM" | "MOZ" | "MDA" | "MCO" | "MSR" | "NAM" | "NLD" | "BRN" | "NZL" | "NIC" | "NER" | "NGA" | "NIU" | "NFK" | "NOR" | "MNP" | "NCL" | "AUT" | "UZB" | "PAK" | "PLW" | "PAN" | "PNG" | "PRY" | "PER" | "PHL" | "PCN" | "POL" | "PYF" | "PRT" | "PRI" | "DOM" | "UNK" | "COD" | "COG" | "ROU" | "RWA" | "KNA" | "LCA" | "VCT" | "BLM" | "MAF" | "SPM" | "WSM" | "SMR" | "STP" | "CHE" | "SEN" | "SYC" | "ALB" | "SLE" | "SGP" | "SVN" | "SVK" | "SLB" | "SOM" | "ZAF" | "SGS" | "SSD" | "LKA" | "FIN" | "SUR" | "SWE" | "SWZ" | "TZA" | "TCD" | "ATF" | "TLS" | "TGO" | "TON" | "TTO" | "TUR" | "TKM" | "TCA" | "TUV" | "UGA" | "GBR" | "USA" | "UMI" | "VIR" | "URY" | "VUT" | "VAT" | "VEN" | "VNM" | "WLF" | "ZMB" | "ZWE" | "BTN" | "GRC" | "CYP" | "BLR" | "BGR" | "KGZ" | "MKD" | "MNG" | "RUS" | "SRB" | "TJK" | "UKR" | "MNE" | "ARM" | "ISR" | "AFG" | "JOR" | "DZA" | "SDN" | "ESH" | "IRQ" | "SAU" | "KWT" | "MAR" | "YEM" | "IRN" | "TUN" | "ARE" | "SYR" | "OMN" | "PSE" | "QAT" | "LBN" | "EGY" | "MRT" | "NPL" | "IND" | "THA" | "LAO" | "MMR" | "GEO" | "ETH" | "ERI" | "BHR" | "LBY" | "CHN" | "JPN" | "MAC" | "TWN" | "HKG" | "KOR" | "PRK")[];
@@ -1988,7 +1988,7 @@ export declare const individualCountries: ("FRA" | "BEL" | "CZE" | "DNK" | "DEU"
 export type IndividualCountryCCA3 = (typeof individualCountries)[number];
 export declare const companyCountries: ("FRA" | "BEL" | "CZE" | "DNK" | "DEU" | "EST" | "IRL" | "ESP" | "HRV" | "ISL" | "ITA" | "LVA" | "LIE" | "LTU" | "LUX" | "HUN" | "MLT" | "MCO" | "NLD" | "NOR" | "AUT" | "POL" | "PRT" | "ROU" | "SVN" | "SVK" | "FIN" | "SWE" | "GRC" | "CYP" | "BGR")[];
 export type CompanyCountryCCA3 = (typeof companyCountries)[number];
-export declare const countriesWithMultipleCCA3: Partial<Record<CountryCCA3, string[]>>;
+export declare const countriesWithMultipleCCA3: Partial<Record<CountryCCA3, CountryCCA3[]>>;
 export declare const isCountryCCA3: (value: unknown) => value is "FRA" | "ALA" | "ASM" | "AND" | "AGO" | "AIA" | "ATA" | "ATG" | "ARG" | "ABW" | "AUS" | "AZE" | "BHS" | "BGD" | "BRB" | "BEL" | "BLZ" | "BEN" | "BMU" | "BOL" | "BES" | "BIH" | "BWA" | "BVT" | "BRA" | "VGB" | "BFA" | "BDI" | "CPV" | "CMR" | "CAN" | "CYM" | "CZE" | "CHL" | "CXR" | "CCK" | "COL" | "COK" | "CRI" | "CIV" | "CUB" | "CUW" | "DNK" | "DEU" | "DJI" | "DMA" | "ECU" | "EST" | "IRL" | "SLV" | "ESP" | "FLK" | "FJI" | "FRO" | "GAB" | "GMB" | "GHA" | "GIB" | "GRD" | "GLP" | "GUM" | "GTM" | "GGY" | "GNB" | "GNQ" | "GIN" | "GUY" | "GUF" | "HTI" | "HMD" | "HND" | "HRV" | "IDN" | "ISL" | "IMN" | "ITA" | "JAM" | "JEY" | "GRL" | "KHM" | "KAZ" | "KEN" | "KIR" | "CAF" | "COM" | "REU" | "LVA" | "LSO" | "LBR" | "LIE" | "LTU" | "LUX" | "MDG" | "HUN" | "MHL" | "MWI" | "MYS" | "MDV" | "MLI" | "MLT" | "MTQ" | "MUS" | "MYT" | "MEX" | "FSM" | "MOZ" | "MDA" | "MCO" | "MSR" | "NAM" | "NLD" | "BRN" | "NZL" | "NIC" | "NER" | "NGA" | "NIU" | "NFK" | "NOR" | "MNP" | "NCL" | "AUT" | "UZB" | "PAK" | "PLW" | "PAN" | "PNG" | "PRY" | "PER" | "PHL" | "PCN" | "POL" | "PYF" | "PRT" | "PRI" | "DOM" | "UNK" | "COD" | "COG" | "ROU" | "RWA" | "KNA" | "LCA" | "VCT" | "BLM" | "MAF" | "SPM" | "WSM" | "SMR" | "STP" | "CHE" | "SEN" | "SYC" | "ALB" | "SLE" | "SGP" | "SVN" | "SVK" | "SLB" | "SOM" | "ZAF" | "SGS" | "SSD" | "LKA" | "FIN" | "SUR" | "SWE" | "SWZ" | "TZA" | "TCD" | "ATF" | "TLS" | "TGO" | "TON" | "TTO" | "TUR" | "TKM" | "TCA" | "TUV" | "UGA" | "GBR" | "USA" | "UMI" | "VIR" | "URY" | "VUT" | "VAT" | "VEN" | "VNM" | "WLF" | "ZMB" | "ZWE" | "BTN" | "GRC" | "CYP" | "BLR" | "BGR" | "KGZ" | "MKD" | "MNG" | "RUS" | "SRB" | "TJK" | "UKR" | "MNE" | "ARM" | "ISR" | "AFG" | "JOR" | "DZA" | "SDN" | "ESH" | "IRQ" | "SAU" | "KWT" | "MAR" | "YEM" | "IRN" | "TUN" | "ARE" | "SYR" | "OMN" | "PSE" | "QAT" | "LBN" | "EGY" | "MRT" | "NPL" | "IND" | "THA" | "LAO" | "MMR" | "GEO" | "ETH" | "ERI" | "BHR" | "LBY" | "CHN" | "JPN" | "MAC" | "TWN" | "HKG" | "KOR" | "PRK";
 export declare const isCountryCCA2: (value: unknown) => value is "FR" | "AX" | "AS" | "AD" | "AO" | "AI" | "AQ" | "AG" | "AR" | "AW" | "AU" | "AZ" | "BS" | "BD" | "BB" | "BE" | "BZ" | "BJ" | "BM" | "BO" | "BQ" | "BA" | "BW" | "BV" | "BR" | "VG" | "BF" | "BI" | "CV" | "CM" | "CA" | "KY" | "CZ" | "CL" | "CX" | "CC" | "CO" | "CK" | "CR" | "CI" | "CU" | "CW" | "DK" | "DE" | "DJ" | "DM" | "EC" | "EE" | "IE" | "SV" | "ES" | "FK" | "FJ" | "FO" | "GA" | "GM" | "GH" | "GI" | "GD" | "GP" | "GU" | "GT" | "GG" | "GW" | "GQ" | "GN" | "GY" | "GF" | "HT" | "HM" | "HN" | "HR" | "ID" | "IS" | "IM" | "IT" | "JM" | "JE" | "GL" | "KH" | "KZ" | "KE" | "KI" | "CF" | "KM" | "RE" | "LV" | "LS" | "LR" | "LI" | "LT" | "LU" | "MG" | "HU" | "MH" | "MW" | "MY" | "MV" | "ML" | "MT" | "MQ" | "MU" | "YT" | "MX" | "FM" | "MZ" | "MD" | "MC" | "MS" | "NA" | "NL" | "BN" | "NZ" | "NI" | "NE" | "NG" | "NU" | "NF" | "NO" | "MP" | "NC" | "AT" | "UZ" | "PK" | "PW" | "PA" | "PG" | "PY" | "PE" | "PH" | "PN" | "PL" | "PF" | "PT" | "PR" | "DO" | "XK" | "CD" | "CG" | "RO" | "RW" | "KN" | "LC" | "VC" | "BL" | "MF" | "PM" | "WS" | "SM" | "ST" | "CH" | "SN" | "SC" | "AL" | "SL" | "SG" | "SI" | "SK" | "SB" | "SO" | "ZA" | "GS" | "SS" | "LK" | "FI" | "SR" | "SE" | "SZ" | "TZ" | "TD" | "TF" | "TL" | "TG" | "TO" | "TT" | "TR" | "TM" | "TC" | "TV" | "UG" | "GB" | "US" | "UM" | "VI" | "UY" | "VU" | "VA" | "VE" | "VN" | "WF" | "ZM" | "ZW" | "BT" | "GR" | "CY" | "BY" | "BG" | "KG" | "MK" | "MN" | "RU" | "RS" | "TJ" | "UA" | "ME" | "AM" | "IL" | "AF" | "JO" | "DZ" | "SD" | "EH" | "IQ" | "SA" | "KW" | "MA" | "YE" | "IR" | "TN" | "AE" | "SY" | "OM" | "PS" | "QA" | "LB" | "EG" | "MR" | "NP" | "IN" | "TH" | "LA" | "MM" | "GE" | "ET" | "ER" | "BH" | "LY" | "CN" | "JP" | "MO" | "TW" | "HK" | "KR" | "KP";
 export declare const isIndividualCountryCCA3: (value: unknown) => value is "FRA" | "BEL" | "CZE" | "DNK" | "DEU" | "EST" | "IRL" | "ESP" | "HRV" | "ISL" | "ITA" | "LVA" | "LIE" | "LTU" | "LUX" | "HUN" | "MLT" | "MCO" | "NLD" | "NOR" | "AUT" | "POL" | "PRT" | "ROU" | "SVN" | "SVK" | "FIN" | "SWE" | "GRC" | "CYP" | "BGR";

package/src/hooks/usePlacekit.d.ts

@@ -0,0 +1,4 @@
+import { PKClient } from "@placekit/client-js";
+export declare const usePlacekit: ({ apiKey }: {
+    apiKey?: string | undefined;
+}) => PKClient | undefined;

package/src/hooks/usePlacekit.js

@@ -0,0 +1,12 @@
+import { useEffect, useState } from "react";
+export const usePlacekit = ({ apiKey }) => {
+    const [placekit, setPlacekit] = useState(undefined);
+    useEffect(() => {
+        if (apiKey != null) {
+            void import("@placekit/client-js").then(({ default: placekit }) => {
+                setPlacekit(placekit(apiKey));
+            });
+        }
+    }, [apiKey]);
+    return placekit;
+};

package/src/components/GMapAddressSearchInput.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Future, Result } from "@swan-io/boxed";
-import { AutoWidthImage } from "@swan-io/lake/src/components/AutoWidthImage";
-import { AutocompleteSearchInput } from "@swan-io/lake/src/components/AutocompleteSearchInput";
-import { Box } from "@swan-io/lake/src/components/Box";
-import { countriesWithMultipleCCA3, } from "@swan-io/shared-business/src/constants/countries";
-import { useCallback, useMemo } from "react";
-import { StyleSheet } from "react-native";
-import poweredByGoogle from "../assets/images/powered_by_google_on_white_hdpi.png";
-import { getPlaceDetails, useGoogleMapSDK } from "../hooks/useGoogleMapSDK";
-const styles = StyleSheet.create({
-    footer: {
-        padding: 12,
-        paddingBottom: 4,
-    },
-});
-export const GMapAddressSearchInput = ({ inputRef, id, country, disabled, error, value, onValueChange, onSuggestion, language, placeholder, shouldDisplaySuggestions = true, emptyResultText, apiKey, }) => {
-    const sdk = useGoogleMapSDK({
-        language,
-        apiKey,
-    });
-    const autocomplete = useMemo(() => sdk.map(google => new google.maps.places.AutocompleteService()), [sdk]);
-    const loadSuggestions = useCallback((value) => {
-        if (autocomplete.isDone()) {
-            return Future.fromPromise(autocomplete.get().getPlacePredictions({
-                input: value,
-                componentRestrictions: { country: countriesWithMultipleCCA3[country] ?? [country] },
-                types: ["address"],
-            })).mapOk(({ predictions }) => predictions.map(p => ({
-                id: p.place_id,
-                title: p.structured_formatting.main_text,
-                subtitle: p.structured_formatting.secondary_text,
-                value: null,
-            })), true);
-        }
-        return Future.value(Result.Ok([]));
-    }, [autocomplete, country]);
-    const onSuggestionSelected = useCallback((suggestion) => {
-        getPlaceDetails(suggestion.id).onResolve(result => {
-            if (result.isOk()) {
-                const dependsOnCountriesWithMultipleCCA3 = countriesWithMultipleCCA3[country]?.includes(result.value.country);
-                onSuggestion?.({
-                    ...result.value,
-                    country: dependsOnCountriesWithMultipleCCA3 === true ? country : result.value.country,
-                });
-            }
-        });
-    }, [country, onSuggestion]);
-    return (_jsx(AutocompleteSearchInput, { inputRef: inputRef, value: value, onValueChange: onValueChange, disabled: disabled, id: id, placeholder: placeholder, error: error, emptyResultText: emptyResultText, ListFooterComponent: _jsx(Box, { direction: "row", justifyContent: "end", style: styles.footer, children: _jsx(AutoWidthImage, { height: 14, sourceUri: poweredByGoogle }) }), shouldDisplaySuggestions: shouldDisplaySuggestions, loadSuggestions: loadSuggestions, onSuggestion: onSuggestionSelected }));
-};

package/src/components/GMapCityInput.d.ts

@@ -1,16 +0,0 @@
-import { CountryCCA3 } from "../constants/countries";
-import { PlaceDetail } from "../hooks/useGoogleMapSDK";
-type Props = {
-    value: string;
-    onValueChange: (value: string) => void;
-    country?: CountryCCA3;
-    disabled?: boolean;
-    error?: string;
-    id?: string;
-    placeholder?: string;
-    onSuggestion?: (place: Pick<PlaceDetail, "city" | "postalCode">) => void;
-    onLoadError: (error: unknown) => void;
-    apiKey: string;
-};
-export declare const GMapCityInput: ({ value, onValueChange, country, disabled, placeholder, id, error, onSuggestion, onLoadError, apiKey, }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/src/components/GMapCityInput.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Future, Result } from "@swan-io/boxed";
-import { AutoWidthImage } from "@swan-io/lake/src/components/AutoWidthImage";
-import { AutocompleteSearchInput } from "@swan-io/lake/src/components/AutocompleteSearchInput";
-import { Box } from "@swan-io/lake/src/components/Box";
-import { isNotNullish } from "@swan-io/lake/src/utils/nullish";
-import { useCallback, useMemo } from "react";
-import { StyleSheet } from "react-native";
-import poweredByGoogle from "../assets/images/powered_by_google_on_white_hdpi.png";
-import { countriesWithMultipleCCA3 } from "../constants/countries";
-import { getPlaceDetails, useGoogleMapSDK } from "../hooks/useGoogleMapSDK";
-import { t } from "../utils/i18n";
-const styles = StyleSheet.create({
-    poweredByGoogle: {
-        paddingVertical: 8,
-        paddingHorizontal: 16,
-    },
-});
-export const GMapCityInput = ({ value, onValueChange, country, disabled, placeholder, id, error, onSuggestion, onLoadError, apiKey, }) => {
-    const sdk = useGoogleMapSDK({ apiKey });
-    const autocomplete = useMemo(() => sdk.map(google => new google.maps.places.AutocompleteService()), [sdk]);
-    const loadSuggestions = useCallback((value) => {
-        if (autocomplete.isDone() && isNotNullish(country)) {
-            return Future.fromPromise(autocomplete.get().getPlacePredictions({
-                input: value,
-                componentRestrictions: {
-                    country: [...(countriesWithMultipleCCA3[country] ?? "")],
-                },
-                types: ["(cities)"],
-            })).mapOk(({ predictions }) => predictions.map(p => ({
-                id: p.place_id,
-                title: p.structured_formatting.main_text,
-                subtitle: p.structured_formatting.secondary_text,
-                value: null,
-            })), true);
-        }
-        return Future.value(Result.Ok([]));
-    }, [autocomplete, country]);
-    const onSuggestionSelected = useCallback((suggestion) => {
-        getPlaceDetails(suggestion.id).onResolve(result => {
-            if (result.isOk()) {
-                console.log("result.value", result.value);
-                onSuggestion?.(result.value);
-            }
-        });
-    }, [onSuggestion]);
-    return (_jsx(AutocompleteSearchInput, { value: value, onValueChange: onValueChange, disabled: disabled, id: id, placeholder: placeholder, error: error, emptyResultText: t("common.noResult"), ListFooterComponent: _jsx(Box, { direction: "row", justifyContent: "end", style: styles.poweredByGoogle, children: _jsx(AutoWidthImage, { height: 14, sourceUri: poweredByGoogle }) }), loadSuggestions: loadSuggestions, onSuggestion: onSuggestionSelected, onLoadError: onLoadError }));
-};

package/src/hooks/useGoogleMapSDK.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="google.maps" />
-import { AsyncData, Future, Result } from "@swan-io/boxed";
-type Props = {
-    language?: string;
-    apiKey: string;
-};
-export declare const useGoogleMapSDK: ({ language, apiKey }: Props) => AsyncData<typeof google>;
-export type PlaceDetail = {
-    completeAddress: string;
-    streetNumber: string;
-    city: string;
-    country: string;
-    postalCode: string;
-};
-export declare const getPlaceDetails: (placeId: string) => Future<Result<PlaceDetail, unknown>>;
-export {};

package/src/hooks/useGoogleMapSDK.js

@@ -1,63 +0,0 @@
-import { Loader } from "@googlemaps/js-api-loader";
-import { AsyncData, Future, Result } from "@swan-io/boxed";
-import { useEffect } from "react";
-import { atom, useAtom } from "react-atomic-state";
-import { match } from "ts-pattern";
-import { getCCA3forCCA2 } from "../constants/countries";
-const sdk = atom(AsyncData.NotAsked());
-export const useGoogleMapSDK = ({ language, apiKey }) => {
-    const googleSdk = useAtom(sdk);
-    useEffect(() => {
-        if (googleSdk.isNotAsked()) {
-            if (apiKey != undefined) {
-                sdk.set(AsyncData.Loading());
-                void new Loader({
-                    apiKey,
-                    language,
-                    libraries: ["places"],
-                    authReferrerPolicy: "origin",
-                })
-                    .load()
-                    .then(google => sdk.set(AsyncData.Done(google)));
-            }
-        }
-    }, [language, googleSdk, apiKey]);
-    return googleSdk;
-};
-export const getPlaceDetails = (placeId) => {
-    return Future.make(resolve => {
-        const place = new google.maps.places.PlacesService(document.createElement("div"));
-        place.getDetails({ placeId }, placeDetail => {
-            if (placeDetail?.address_components == null) {
-                resolve(Result.Error("No place detail found"));
-                return;
-            }
-            const result = {
-                completeAddress: "",
-                streetNumber: "",
-                postalCode: "",
-                country: "",
-                city: "",
-            };
-            placeDetail.address_components.forEach(({ types, short_name, long_name }) => {
-                const type = types[0];
-                match(type)
-                    .with("street_number", () => (result.streetNumber = long_name))
-                    .with("route", () => (result.completeAddress = long_name))
-                    .with("postal_code", () => (result.postalCode = short_name))
-                    .with("country", () => (result.country = getCCA3forCCA2(short_name) ?? short_name))
-                    .with("locality", () => (result.city = long_name))
-                    .otherwise(() => { });
-            });
-            if (result.streetNumber != "") {
-                if (placeDetail?.name === `${result.completeAddress} ${result.streetNumber}`) {
-                    result.completeAddress = `${result.completeAddress} ${result.streetNumber}`;
-                }
-                else {
-                    result.completeAddress = `${result.streetNumber} ${result.completeAddress}`;
-                }
-            }
-            resolve(Result.Ok(result));
-        });
-    });
-};