@pega/cosmos-react-core 7.0.0-build.9.1 → 7.0.0-rc.1

package/lib/components/Location/Location.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Location.types.d.ts","sourceRoot":"","sources":["../../../src/components/Location/Location.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,CAAC,OAAO,WAAW,iBAAkB,SAAQ,cAAc;IAC/D;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sGAAsG;IACtG,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,8DAA8D;IAC9D,IAAI,CAAC,EAAE,IAAI,CAAC;CACb"}
+{"version":3,"file":"Location.types.d.ts","sourceRoot":"","sources":["../../../src/components/Location/Location.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAEjE,MAAM,CAAC,OAAO,MAAM,MAAM,GAAG;IAC3B,mCAAmC;IACnC,QAAQ,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IAChD,oCAAoC;IACpC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;CAClD,CAAC;AAEF,MAAM,CAAC,OAAO,MAAM,IAAI,GAAG;IACzB;uGACmG;IACnG,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,wEAAwE;IACxE,QAAQ,CAAC,EAAE;QACT,8CAA8C;QAC9C,oEAAoE;QACpE,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;QAC3B,yCAAyC;QACzC,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAEF,MAAM,CAAC,OAAO,MAAM,YAAY,GAAG;IACjC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,aAAa,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACpC,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,UAAiE,CAAC;AAC3F,eAAO,MAAM,WAAW,UAA+B,CAAC;AAExD,eAAO,MAAM,qBAAqB,uBAAuB,CAAC;AAC1D,eAAO,MAAM,2BAA2B,4BAA4B,CAAC;AACrE,eAAO,MAAM,0BAA0B,gCAAgC,CAAC;AACxE,eAAO,MAAM,kBAAkB,yCAAyC,CAAC;AACzE,eAAO,MAAM,yBAAyB,sCAAsC,CAAC;AAC7E,eAAO,MAAM,yBAAyB,6BAA6B,CAAC;AACpE,eAAO,MAAM,mBAAmB,2BAA2B,CAAC;AAE5D,MAAM,WAAW,QAAQ;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;IAC9D,QAAQ,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;CACnD;AAED,MAAM,WAAW,GAAI,SAAQ,MAAM;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/lib/components/Location/Location.types.js

@@ -1,2 +1,10 @@
-export {};
+export const QUERY_FIELDS = ['name', 'formatted_address', 'geometry.location', 'place_id'];
+export const QUERY_TYPES = ['establishment', 'geocode'];
+export const LocationNotFoundError = 'Location not found';
+export const GeolocationUnsupportedError = 'Geolocation unsupported';
+export const GoogleMapsAPINotFoundError = 'Cannot load Google Maps API';
+export const IsNotAnObjectError = 'Provider data given is not an object';
+export const ProviderNotSupportedError = 'Not supported maps provider given';
+export const CoordsCannotBeParsedError = 'Coords cannot be parsed!';
+export const GeocoderFailedError = 'Geocoder failed due to';
 //# sourceMappingURL=Location.types.js.map

package/lib/components/Location/Location.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Location.types.js","sourceRoot":"","sources":["../../../src/components/Location/Location.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { NoChildrenProp } from '../../types';\n\nimport type { Bias, LatLng } from './types';\n\nexport default interface BaseLocationProps extends NoChildrenProp {\n  /**\n   * Location in either text format (name or address) or coordinates.\n   * @default 'current'\n   */\n  location?: LatLng | string | 'current';\n  /**\n   * Flag to control 'disabled' state for input.\n   * @default false\n   */\n  disabled?: boolean;\n  /** Callback fired when an error occurs. This function gets called with one argument of type Error. */\n  onError?: (error: Error) => void;\n  /** Biasing query results towards user location/preference. */\n  bias?: Bias;\n}\n"]}
+{"version":3,"file":"Location.types.js","sourceRoot":"","sources":["../../../src/components/Location/Location.types.ts"],"names":[],"mappings":"AAkCA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,UAAU,CAAC,CAAC;AAC3F,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;AAExD,MAAM,CAAC,MAAM,qBAAqB,GAAG,oBAAoB,CAAC;AAC1D,MAAM,CAAC,MAAM,2BAA2B,GAAG,yBAAyB,CAAC;AACrE,MAAM,CAAC,MAAM,0BAA0B,GAAG,6BAA6B,CAAC;AACxE,MAAM,CAAC,MAAM,kBAAkB,GAAG,sCAAsC,CAAC;AACzE,MAAM,CAAC,MAAM,yBAAyB,GAAG,mCAAmC,CAAC;AAC7E,MAAM,CAAC,MAAM,yBAAyB,GAAG,0BAA0B,CAAC;AACpE,MAAM,CAAC,MAAM,mBAAmB,GAAG,wBAAwB,CAAC","sourcesContent":["import type { FieldValueListItemProps } from '../FieldValueList';\n\nexport declare type LatLng = {\n  /** The latitude representation. */\n  latitude: ReturnType<google.maps.LatLng['lat']>;\n  /** The longitude representation. */\n  longitude: ReturnType<google.maps.LatLng['lng']>;\n};\n\nexport declare type Bias = {\n  /** Predictions will be biased towards, but not restricted to, the given bounds. Both location and radius will be ignored if bounds is set.\n   * Array stores south-west coordinate of bounding box and north-east coordinate of bounding box. */\n  bounds?: [LatLng, LatLng];\n  /** Predictions will be biased towards the given location and radius. */\n  location?: {\n    /** Must to provide both center and radius. */\n    /** Location coordinate or current (means user current location). */\n    center: LatLng | 'current';\n    /** The radius is specified in meters. */\n    radius: number;\n  };\n};\n\nexport declare type ProviderOpts = {\n  [key: string]: any;\n};\n\nexport interface MapsProvider {\n  name: string;\n  loadAPI: (options: ProviderOpts) => Promise<void>;\n  loadedPromise: Promise<void> | null;\n  loadedApiKey: string;\n}\n\nexport const QUERY_FIELDS = ['name', 'formatted_address', 'geometry.location', 'place_id'];\nexport const QUERY_TYPES = ['establishment', 'geocode'];\n\nexport const LocationNotFoundError = 'Location not found';\nexport const GeolocationUnsupportedError = 'Geolocation unsupported';\nexport const GoogleMapsAPINotFoundError = 'Cannot load Google Maps API';\nexport const IsNotAnObjectError = 'Provider data given is not an object';\nexport const ProviderNotSupportedError = 'Not supported maps provider given';\nexport const CoordsCannotBeParsedError = 'Coords cannot be parsed!';\nexport const GeocoderFailedError = 'Geocoder failed due to';\n\nexport interface Location {\n  name?: google.maps.places.PlaceResult['name'];\n  address?: google.maps.places.PlaceResult['formatted_address'];\n  latitude?: ReturnType<google.maps.LatLng['lat']>;\n  longitude?: ReturnType<google.maps.LatLng['lng']>;\n}\n\nexport interface Pin extends LatLng {\n  title?: string;\n  additionalInfo?: FieldValueListItemProps[];\n  selected?: boolean;\n}\n"]}

package/lib/components/Location/LocationDisplay.d.ts

@@ -1,9 +1,10 @@
 import type { FunctionComponent, Ref } from 'react';
 import type { BaseProps, ForwardProps } from '../../types';
-import type { LatLng } from './types';
+import type { LocationViewProps } from './LocationView';
+import type { LatLng } from './Location.types';
 export interface LocationDisplayProps extends BaseProps {
     /** Location address or coordinates */
-    value?: string | LatLng;
+    value?: string | 'current' | LatLng;
     /** The text to be displayed. */
     displayText?: string;
     /**
@@ -15,12 +16,12 @@ export interface LocationDisplayProps extends BaseProps {
      * Height of the map container.
      * @default '25rem'
      */
-    height?: string;
+    height?: LocationViewProps['height'];
     /**
      * How much the map should zoom.
      * @default 13
      */
-    zoomLevel?: number;
+    zoomLevel?: LocationViewProps['zoomLevel'];
     /** Ref for the wrapping element. */
     ref?: Ref<HTMLAnchorElement | HTMLSpanElement>;
 }

package/lib/components/Location/LocationDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LocationDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/Location/LocationDisplay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAIrE,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAK3D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC;IACtC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,GAAG,eAAe,CAAC,CAAC;CAChD;AAED,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CA+C3E,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"LocationDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/Location/LocationDisplay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAIrE,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAI3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAG/C,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IACpC,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC;IACtC;;;OAGG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACrC;;;OAGG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC3C,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,GAAG,eAAe,CAAC,CAAC;CAChD;AAED,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CAkE3E,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/Location/LocationDisplay.js

@@ -1,15 +1,28 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useContext } from 'react';
+import { forwardRef, useContext, useEffect, useState } from 'react';
 import Text from '../Text';
 import Link from '../Link';
 import NoValue from '../NoValue/NoValue';
 import LocationView from './LocationView';
 import MapsContext from './MapsContext';
-const LocationDisplay = forwardRef(function LocationDisplay({ value = '', displayText, variant = 'text-map', height = '25rem', zoomLevel = 13, ...restProps }, ref) {
-    const { name } = useContext(MapsContext);
+import { getCoords, loadMapsAPI } from './utils';
+const LocationDisplay = forwardRef(function LocationDisplay({ value, displayText, variant = 'text-map', height = '25rem', zoomLevel = 13, ...restProps }, ref) {
+    const { name, ...providerOpts } = useContext(MapsContext);
+    const [location, setLocation] = useState();
+    const [loading, setLoading] = useState(false);
     const valueString = typeof value === 'string' ? value : `${value?.latitude}, ${value?.longitude}`;
+    useEffect(() => {
+        if (['text-map', 'map'].includes(variant) && value) {
+            (async () => {
+                setLoading(true);
+                await loadMapsAPI(name, providerOpts);
+                setLocation(await getCoords(value));
+                setLoading(false);
+            })();
+        }
+    }, [variant, value]);
     return !value ? (_jsx(Text, { ref: ref, ...restProps, "aria-hidden": 'true', children: _jsx(NoValue, {}) })) : (_jsxs(_Fragment, { children: [(variant === 'text' || variant === 'text-map') &&
-                (name === 'google' ? (_jsx(Link, { ref: ref, ...restProps, target: '_blank', rel: 'noopener noreferrer', href: `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(typeof value === 'string' ? value : `${value?.latitude}, ${value?.longitude}`)}`, children: displayText || valueString })) : (_jsx(Text, { ref: ref, ...restProps, children: displayText || valueString }))), (variant === 'text-map' || variant === 'map') && (_jsx(LocationView, { location: value, centerMapOnChange: true, height: height, zoomLevel: zoomLevel }))] }));
+                (name === 'google' ? (_jsx(Link, { ref: ref, ...restProps, target: '_blank', rel: 'noopener noreferrer', href: `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(typeof value === 'string' ? value : `${value?.latitude}, ${value?.longitude}`)}`, children: displayText || valueString })) : (_jsx(Text, { ref: ref, ...restProps, children: displayText || valueString }))), (variant === 'text-map' || variant === 'map') && (_jsx(LocationView, { pins: location ? [location] : [], centerMapOnChange: true, height: height, zoomLevel: zoomLevel, loading: loading }))] }));
 });
 export default LocationDisplay;
 //# sourceMappingURL=LocationDisplay.js.map

package/lib/components/Location/LocationDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocationDisplay.js","sourceRoot":"","sources":["../../../src/components/Location/LocationDisplay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAEzC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,WAAW,MAAM,eAAe,CAAC;AA2BxC,MAAM,eAAe,GAA2D,UAAU,CACxF,SAAS,eAAe,CACtB,EACE,KAAK,GAAG,EAAE,EACV,WAAW,EACX,OAAO,GAAG,UAAU,EACpB,MAAM,GAAG,OAAO,EAChB,SAAS,GAAG,EAAE,EACd,GAAG,SAAS,EAC0B,EACxC,GAAgC;IAEhC,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAEzC,MAAM,WAAW,GACf,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,QAAQ,KAAK,KAAK,EAAE,SAAS,EAAE,CAAC;IAEhF,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CACd,KAAC,IAAI,IAAC,GAAG,EAAE,GAA2B,KAAM,SAAS,iBAAc,MAAM,YACvE,KAAC,OAAO,KAAG,GACN,CACR,CAAC,CAAC,CAAC,CACF,8BACG,CAAC,OAAO,KAAK,MAAM,IAAI,OAAO,KAAK,UAAU,CAAC;gBAC7C,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CACnB,KAAC,IAAI,IACH,GAAG,EAAE,GAA6B,KAC9B,SAAS,EACb,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,IAAI,EAAE,mDAAmD,kBAAkB,CACzE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,QAAQ,KAAK,KAAK,EAAE,SAAS,EAAE,CAC9E,EAAE,YAEF,WAAW,IAAI,WAAW,GACtB,CACR,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,GAAG,EAAE,GAA2B,KAAM,SAAS,YAClD,WAAW,IAAI,WAAW,GACtB,CACR,CAAC,EACH,CAAC,OAAO,KAAK,UAAU,IAAI,OAAO,KAAK,KAAK,CAAC,IAAI,CAChD,KAAC,YAAY,IAAC,QAAQ,EAAE,KAAK,EAAE,iBAAiB,QAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAI,CAC1F,IACA,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { forwardRef, useContext } from 'react';\nimport type { FunctionComponent, PropsWithoutRef, Ref } from 'react';\n\nimport Text from '../Text';\nimport Link from '../Link';\nimport type { BaseProps, ForwardProps } from '../../types';\nimport NoValue from '../NoValue/NoValue';\n\nimport LocationView from './LocationView';\nimport MapsContext from './MapsContext';\nimport type { LatLng } from './types';\n\nexport interface LocationDisplayProps extends BaseProps {\n  /** Location address or coordinates */\n  value?: string | LatLng;\n  /** The text to be displayed. */\n  displayText?: string;\n  /**\n   * Controls styling of the field.\n   * @default 'text-map'\n   */\n  variant?: 'text-map' | 'text' | 'map';\n  /**\n   * Height of the map container.\n   * @default '25rem'\n   */\n  height?: string;\n  /**\n   * How much the map should zoom.\n   * @default 13\n   */\n  zoomLevel?: number;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLAnchorElement | HTMLSpanElement>;\n}\n\nconst LocationDisplay: FunctionComponent<LocationDisplayProps & ForwardProps> = forwardRef(\n  function LocationDisplay(\n    {\n      value = '',\n      displayText,\n      variant = 'text-map',\n      height = '25rem',\n      zoomLevel = 13,\n      ...restProps\n    }: PropsWithoutRef<LocationDisplayProps>,\n    ref: LocationDisplayProps['ref']\n  ) {\n    const { name } = useContext(MapsContext);\n\n    const valueString =\n      typeof value === 'string' ? value : `${value?.latitude}, ${value?.longitude}`;\n\n    return !value ? (\n      <Text ref={ref as Ref<HTMLSpanElement>} {...restProps} aria-hidden='true'>\n        <NoValue />\n      </Text>\n    ) : (\n      <>\n        {(variant === 'text' || variant === 'text-map') &&\n          (name === 'google' ? (\n            <Link\n              ref={ref as Ref<HTMLAnchorElement>}\n              {...restProps}\n              target='_blank'\n              rel='noopener noreferrer'\n              href={`https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(\n                typeof value === 'string' ? value : `${value?.latitude}, ${value?.longitude}`\n              )}`}\n            >\n              {displayText || valueString}\n            </Link>\n          ) : (\n            <Text ref={ref as Ref<HTMLSpanElement>} {...restProps}>\n              {displayText || valueString}\n            </Text>\n          ))}\n        {(variant === 'text-map' || variant === 'map') && (\n          <LocationView location={value} centerMapOnChange height={height} zoomLevel={zoomLevel} />\n        )}\n      </>\n    );\n  }\n);\n\nexport default LocationDisplay;\n"]}
+{"version":3,"file":"LocationDisplay.js","sourceRoot":"","sources":["../../../src/components/Location/LocationDisplay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGpE,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAEzC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA0BjD,MAAM,eAAe,GAA2D,UAAU,CACxF,SAAS,eAAe,CACtB,EACE,KAAK,EACL,WAAW,EACX,OAAO,GAAG,UAAU,EACpB,MAAM,GAAG,OAAO,EAChB,SAAS,GAAG,EAAE,EACd,GAAG,SAAS,EAC0B,EACxC,GAAgC;IAEhC,MAAM,EAAE,IAAI,EAAE,GAAG,YAAY,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAC1D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAU,CAAC;IACnD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,WAAW,GACf,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,QAAQ,KAAK,KAAK,EAAE,SAAS,EAAE,CAAC;IAEhF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,KAAK,EAAE;YAClD,CAAC,KAAK,IAAI,EAAE;gBACV,UAAU,CAAC,IAAI,CAAC,CAAC;gBACjB,MAAM,WAAW,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;gBACtC,WAAW,CAAC,MAAM,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;gBACpC,UAAU,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC,CAAC,EAAE,CAAC;SACN;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CACd,KAAC,IAAI,IAAC,GAAG,EAAE,GAA2B,KAAM,SAAS,iBAAc,MAAM,YACvE,KAAC,OAAO,KAAG,GACN,CACR,CAAC,CAAC,CAAC,CACF,8BACG,CAAC,OAAO,KAAK,MAAM,IAAI,OAAO,KAAK,UAAU,CAAC;gBAC7C,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CACnB,KAAC,IAAI,IACH,GAAG,EAAE,GAA6B,KAC9B,SAAS,EACb,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,IAAI,EAAE,mDAAmD,kBAAkB,CACzE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,QAAQ,KAAK,KAAK,EAAE,SAAS,EAAE,CAC9E,EAAE,YAEF,WAAW,IAAI,WAAW,GACtB,CACR,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,GAAG,EAAE,GAA2B,KAAM,SAAS,YAClD,WAAW,IAAI,WAAW,GACtB,CACR,CAAC,EACH,CAAC,OAAO,KAAK,UAAU,IAAI,OAAO,KAAK,KAAK,CAAC,IAAI,CAChD,KAAC,YAAY,IACX,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAChC,iBAAiB,QACjB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,GAChB,CACH,IACA,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { forwardRef, useContext, useEffect, useState } from 'react';\nimport type { FunctionComponent, PropsWithoutRef, Ref } from 'react';\n\nimport Text from '../Text';\nimport Link from '../Link';\nimport type { BaseProps, ForwardProps } from '../../types';\nimport NoValue from '../NoValue/NoValue';\n\nimport LocationView from './LocationView';\nimport type { LocationViewProps } from './LocationView';\nimport MapsContext from './MapsContext';\nimport type { LatLng } from './Location.types';\nimport { getCoords, loadMapsAPI } from './utils';\n\nexport interface LocationDisplayProps extends BaseProps {\n  /** Location address or coordinates */\n  value?: string | 'current' | LatLng;\n  /** The text to be displayed. */\n  displayText?: string;\n  /**\n   * Controls styling of the field.\n   * @default 'text-map'\n   */\n  variant?: 'text-map' | 'text' | 'map';\n  /**\n   * Height of the map container.\n   * @default '25rem'\n   */\n  height?: LocationViewProps['height'];\n  /**\n   * How much the map should zoom.\n   * @default 13\n   */\n  zoomLevel?: LocationViewProps['zoomLevel'];\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLAnchorElement | HTMLSpanElement>;\n}\n\nconst LocationDisplay: FunctionComponent<LocationDisplayProps & ForwardProps> = forwardRef(\n  function LocationDisplay(\n    {\n      value,\n      displayText,\n      variant = 'text-map',\n      height = '25rem',\n      zoomLevel = 13,\n      ...restProps\n    }: PropsWithoutRef<LocationDisplayProps>,\n    ref: LocationDisplayProps['ref']\n  ) {\n    const { name, ...providerOpts } = useContext(MapsContext);\n    const [location, setLocation] = useState<LatLng>();\n    const [loading, setLoading] = useState(false);\n\n    const valueString =\n      typeof value === 'string' ? value : `${value?.latitude}, ${value?.longitude}`;\n\n    useEffect(() => {\n      if (['text-map', 'map'].includes(variant) && value) {\n        (async () => {\n          setLoading(true);\n          await loadMapsAPI(name, providerOpts);\n          setLocation(await getCoords(value));\n          setLoading(false);\n        })();\n      }\n    }, [variant, value]);\n\n    return !value ? (\n      <Text ref={ref as Ref<HTMLSpanElement>} {...restProps} aria-hidden='true'>\n        <NoValue />\n      </Text>\n    ) : (\n      <>\n        {(variant === 'text' || variant === 'text-map') &&\n          (name === 'google' ? (\n            <Link\n              ref={ref as Ref<HTMLAnchorElement>}\n              {...restProps}\n              target='_blank'\n              rel='noopener noreferrer'\n              href={`https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(\n                typeof value === 'string' ? value : `${value?.latitude}, ${value?.longitude}`\n              )}`}\n            >\n              {displayText || valueString}\n            </Link>\n          ) : (\n            <Text ref={ref as Ref<HTMLSpanElement>} {...restProps}>\n              {displayText || valueString}\n            </Text>\n          ))}\n        {(variant === 'text-map' || variant === 'map') && (\n          <LocationView\n            pins={location ? [location] : []}\n            centerMapOnChange\n            height={height}\n            zoomLevel={zoomLevel}\n            loading={loading}\n          />\n        )}\n      </>\n    );\n  }\n);\n\nexport default LocationDisplay;\n"]}

package/lib/components/Location/LocationInput.d.ts

@@ -1,17 +1,9 @@
 import type { FC } from 'react';
 import type { FormControlProps } from '../FormControl';
 import type { BaseProps, ForwardProps, TestIdProp } from '../../types';
-import type BaseLocationProps from './Location.types';
-import type { LatLng } from './types';
+import type { Bias, LatLng } from './Location.types';
 import type { LocationViewProps } from './LocationView';
-export interface LocationInputProps extends LocationViewProps, BaseLocationProps, BaseProps, FormControlProps, TestIdProp {
-    /** Button when clicked will show additional information for the location input */
-    additionalInfo?: FormControlProps['additionalInfo'];
-    /**
-     * Only select coordinates on map clicks.
-     * @default false
-     */
-    onlyCoordinates?: boolean;
+export interface LocationInputProps extends BaseProps, FormControlProps, TestIdProp {
     /**
      * Get user current location on component first render.
      * @default false
@@ -29,13 +21,6 @@ export interface LocationInputProps extends LocationViewProps, BaseLocationProps
      * The argument passed back is the component's value prop.
      */
     onBlur?: (value: string) => void;
-    /**
-     * Set to true renders the map view below input.
-     * @default false
-     */
-    showMap?: boolean;
-    /** Location coordinates used for the map view. */
-    location?: LatLng | string;
     /** Callback fired when user chooses location from the dropdown of suggestions or submits input value. */
     onSelect?: (value: {
         name?: string;
@@ -43,9 +28,29 @@ export interface LocationInputProps extends LocationViewProps, BaseLocationProps
         latitude?: number;
         longitude?: number;
     }) => void;
+    /**
+     * Only select coordinates on map clicks.
+     * @default false
+     */
+    onlyCoordinates?: boolean;
+    /** Biasing query results towards user location/preference. */
+    bias?: Bias;
+    /**
+     * Set to true renders the map view below input.
+     * @default false
+     */
+    map?: {
+        /** Location coordinates used for the map view. */
+        location?: LatLng;
+        height: LocationViewProps['height'];
+        zoomLevel?: LocationViewProps['zoomLevel'];
+        onClick?: LocationViewProps['onClick'];
+    };
+    /** Callback fired when an error occurs. This function gets called with one argument of type Error. */
+    onError?: (error: Error) => void;
 }
 declare const _default: FC<LocationInputProps & ForwardProps> & {
-    getTestIds: (testIdProp?: string | undefined) => import("../../types").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+    getTestIds: (testIdProp?: string | null | undefined) => import("../../types").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
 };
 export default _default;
 //# sourceMappingURL=LocationInput.d.ts.map

package/lib/components/Location/LocationInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LocationInput.d.ts","sourceRoot":"","sources":["../../../src/components/Location/LocationInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAe,EAAE,EAAwB,MAAM,OAAO,CAAC;AAQnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAcvE,OAAO,KAAK,iBAAiB,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEtC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxD,MAAM,WAAW,kBACf,SAAQ,iBAAiB,EACvB,iBAAiB,EACjB,SAAS,EACT,gBAAgB,EAChB,UAAU;IACZ,kFAAkF;IAClF,cAAc,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACpD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,yGAAyG;IACzG,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,KAAK,IAAI,CAAC;CACZ;;;;AA8QD,wBAAmE"}
+{"version":3,"file":"LocationInput.d.ts","sourceRoot":"","sources":["../../../src/components/Location/LocationInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAe,EAAE,EAAwB,MAAM,OAAO,CAAC;AAQnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAgBvE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxD,MAAM,WAAW,kBAAmB,SAAQ,SAAS,EAAE,gBAAgB,EAAE,UAAU;IACjF;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,yGAAyG;IACzG,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,KAAK,IAAI,CAAC;IACX;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,8DAA8D;IAC9D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;;OAGG;IACH,GAAG,CAAC,EAAE;QACJ,kDAAkD;QAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QACpC,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;QAC3C,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;KACxC,CAAC;IACF,sGAAsG;IACtG,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;;;;AAkSD,wBAAmE"}

package/lib/components/Location/LocationInput.js

@@ -2,29 +2,49 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { forwardRef, useCallback, useContext, useEffect, useState } from 'react';
 import styled from 'styled-components';
 import ComboBox from '../ComboBox';
-import { useI18n, useTestIds } from '../../hooks';
+import { useI18n, useTestIds, useUID } from '../../hooks';
 import { createUID, withTestIds } from '../../utils';
 import FormField from '../FormField';
 import Flex from '../Flex';
+import { defaultThemeProp } from '../../theme';
 import PoweredByGoogleImage from './PoweredByGoogleImage';
 import CurrentLocationButton from './CurrentLocationButton';
 import MapsContext from './MapsContext';
-import { getAddress, getCoords, getPlaceById, getPlacePredictions, isValueACoordinate, loadMapsAPI } from './utils';
+import { getAddress, getCoords, getNavigatorPosition, getPlaceById, getPlacePredictions, isValueACoordinate, loadMapsAPI } from './utils';
 import LocationView, { StyledLocationView } from './LocationView';
 import { getLocationInputTestIds } from './Location.test-ids';
+const StyledLocationInput = styled(ComboBox) `
+  z-index: 1;
+`;
+StyledLocationInput.defaultProps = defaultThemeProp;
 const StyledLocationMap = styled.div `
   ${StyledLocationView} {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
   }
 `;
+StyledLocationMap.defaultProps = defaultThemeProp;
 const LocationInput = forwardRef(function LocationInput(props, ref) {
-    const { testId, label, labelHidden, id = createUID(), location = '', value = '', info, status, required, readOnly, disabled, additionalInfo, onSelect, onError, onChange, bias, showMap, defaultToCurrentLocation, centerMapOnChange, height, zoomLevel, onClick, onBlur, onlyCoordinates = false, ...restProps } = props;
+    const uid = useUID();
+    const { testId, label, labelHidden, id = uid, value = '', info, status, required, readOnly, disabled, additionalInfo, onSelect, onError, onChange, onBlur, bias, defaultToCurrentLocation, onlyCoordinates = false, map, ...restProps } = props;
     const testIds = useTestIds(testId, getLocationInputTestIds);
     const { name, ...providerOpts } = useContext(MapsContext);
     const t = useI18n();
     const [placePredictionMenuItems, setPlacePredictionMenuItems] = useState([]);
     const [filterValue, setFilterValue] = useState('');
+    const [mapLoading, setMapLoading] = useState(false);
+    useEffect(() => {
+        (async () => {
+            if (defaultToCurrentLocation) {
+                setMapLoading(true);
+                await loadMapsAPI(name, providerOpts);
+                const navigatorPosition = await getNavigatorPosition();
+                const currentLocationAddress = await getAddress(navigatorPosition);
+                setMapLoading(false);
+                onSelect?.(currentLocationAddress);
+            }
+        })();
+    }, []);
     useEffect(() => {
         (async () => {
             try {
@@ -130,24 +150,26 @@ const LocationInput = forwardRef(function LocationInput(props, ref) {
         })();
     }, [filterValue, bias, onError, onSelect, onlyCoordinates]);
     const onInputChange = useCallback((e) => {
-        setFilterValue(e.target.value);
+        setFilterValue(e.target.value.trim());
         onChange?.(e.target.value);
     }, [onChange]);
     const onMapClick = useCallback((placeInfo) => {
+        if (readOnly)
+            return;
         if (onlyCoordinates) {
             const coords = {
                 latitude: placeInfo.latitude,
                 longitude: placeInfo.longitude
             };
             onSelect?.(coords);
-            onClick?.(coords);
+            map?.onClick?.(coords);
         }
         else {
             onSelect?.(placeInfo);
-            onClick?.(placeInfo);
+            map?.onClick?.(placeInfo);
         }
-    }, [onSelect, onClick, onlyCoordinates]);
-    const Comp = (_jsxs(_Fragment, { children: [_jsx(ComboBox, { "data-testid": testIds.control, placeholder: t('location_input_placeholder'), menu: filterValue
+    }, [readOnly, onSelect, map?.onClick, onlyCoordinates]);
+    const Comp = (_jsxs(_Fragment, { children: [_jsx(StyledLocationInput, { id: id, info: info, "data-testid": testIds.control, placeholder: t('location_input_placeholder'), menu: filterValue
                     ? {
                         items: placePredictionMenuItems.concat([
                             {
@@ -155,26 +177,26 @@ const LocationInput = forwardRef(function LocationInput(props, ref) {
                                 primary: t('use_input_value', [filterValue]),
                                 onClick: () => {
                                     setFilterValue('');
-                                    onSelect?.({ name: filterValue, address: filterValue });
+                                    onSelect?.({ name: filterValue });
                                 }
                             }
                         ]),
                         emptyText: t('location_not_found_text'),
                         mode: 'action',
-                        footer: !showMap && (_jsx(Flex, { container: { justify: 'end' }, children: _jsx(PoweredByGoogleImage, {}) }))
+                        footer: !map && (_jsx(Flex, { container: { justify: 'end' }, children: _jsx(PoweredByGoogleImage, {}) }))
                     }
                     : undefined, actions: !disabled &&
-                    !readOnly && (_jsx(CurrentLocationButton, { defaultToCurrentLocation: defaultToCurrentLocation, onError: onError, onChange: a => {
-                        if (onlyCoordinates && a.longitude && a.latitude) {
-                            onSelect?.({ latitude: a.latitude, longitude: a.longitude });
+                    !readOnly && (_jsx(CurrentLocationButton, { onError: onError, onResolve: resolved => {
+                        if (onlyCoordinates) {
+                            onSelect?.({ latitude: resolved.latitude, longitude: resolved.longitude });
                         }
                         else {
-                            onSelect?.(a);
+                            onSelect?.(resolved);
                         }
                     } })), onChange: onInputChange, onBlur: () => {
                     setFilterValue('');
                     onBlur?.(value);
-                }, value: value, required: required, disabled: disabled, readOnly: readOnly, status: status, ...restProps }), showMap && (_jsx(StyledLocationMap, { children: _jsx(LocationView, { location: location, onClick: onMapClick, onError: onError, bias: bias, disabled: disabled, centerMapOnChange: centerMapOnChange, height: height, zoomLevel: zoomLevel }) }))] }));
+                }, value: value, required: required, disabled: disabled, readOnly: readOnly, status: status, ...restProps }), map && (_jsx(StyledLocationMap, { children: _jsx(LocationView, { ...map, pins: map.location ? [{ ...map.location }] : [], onClick: onMapClick, onError: onError, disabled: disabled, loading: mapLoading, centerMapOnChange: true }) }))] }));
     return label ? (_jsx(FormField, { testId: testIds, label: label, labelHidden: labelHidden, id: id, info: info, status: status, ref: ref, required: required, disabled: disabled, additionalInfo: additionalInfo, children: Comp })) : (Comp);
 });
 export default withTestIds(LocationInput, getLocationInputTestIds);

package/lib/components/Location/LocationInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocationInput.js","sourceRoot":"","sources":["../../../src/components/Location/LocationInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useCallback, useContext, useEffect, useState } from 'react';\nimport type { ChangeEvent, FC, PropsWithoutRef, Ref } from 'react';\nimport styled from 'styled-components';\n\nimport ComboBox from '../ComboBox';\nimport type { MenuItemProps, MenuProps } from '../Menu';\nimport { useI18n, useTestIds } from '../../hooks';\nimport { createUID, withTestIds } from '../../utils';\nimport FormField from '../FormField';\nimport type { FormControlProps } from '../FormControl';\nimport type { BaseProps, ForwardProps, TestIdProp } from '../../types';\nimport Flex from '../Flex';\n\nimport PoweredByGoogleImage from './PoweredByGoogleImage';\nimport CurrentLocationButton from './CurrentLocationButton';\nimport MapsContext from './MapsContext';\nimport {\n  getAddress,\n  getCoords,\n  getPlaceById,\n  getPlacePredictions,\n  isValueACoordinate,\n  loadMapsAPI\n} from './utils';\nimport type BaseLocationProps from './Location.types';\nimport type { LatLng } from './types';\nimport LocationView, { StyledLocationView } from './LocationView';\nimport type { LocationViewProps } from './LocationView';\nimport { getLocationInputTestIds } from './Location.test-ids';\n\nexport interface LocationInputProps\n  extends LocationViewProps,\n    BaseLocationProps,\n    BaseProps,\n    FormControlProps,\n    TestIdProp {\n  /** Button when clicked will show additional information for the location input */\n  additionalInfo?: FormControlProps['additionalInfo'];\n  /**\n   * Only select coordinates on map clicks.\n   * @default false\n   */\n  onlyCoordinates?: boolean;\n  /**\n   * Get user current location on component first render.\n   * @default false\n   */\n  defaultToCurrentLocation?: boolean;\n  /** The value of the location field. */\n  value?: string;\n  /**\n   * Callback fired on every change of the location input.\n   * The argument passed back is the component's value prop.\n   */\n  onChange?: (value: string) => void;\n  /**\n   * Callback fired when the control's input loses focus.\n   * The argument passed back is the component's value prop.\n   */\n  onBlur?: (value: string) => void;\n  /**\n   * Set to true renders the map view below input.\n   * @default false\n   */\n  showMap?: boolean;\n  /** Location coordinates used for the map view. */\n  location?: LatLng | string;\n  /** Callback fired when user chooses location from the dropdown of suggestions or submits input value. */\n  onSelect?: (value: {\n    name?: string;\n    address?: string;\n    latitude?: number;\n    longitude?: number;\n  }) => void;\n}\n\nconst StyledLocationMap = styled.div`\n  ${StyledLocationView} {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n`;\n\nconst LocationInput: FC<LocationInputProps & ForwardProps> = forwardRef(function LocationInput(\n  props: PropsWithoutRef<LocationInputProps>,\n  ref: Ref<HTMLInputElement>\n) {\n  const {\n    testId,\n    label,\n    labelHidden,\n    id = createUID(),\n    location = '',\n    value = '',\n    info,\n    status,\n    required,\n    readOnly,\n    disabled,\n    additionalInfo,\n    onSelect,\n    onError,\n    onChange,\n    bias,\n    showMap,\n    defaultToCurrentLocation,\n    centerMapOnChange,\n    height,\n    zoomLevel,\n    onClick,\n    onBlur,\n    onlyCoordinates = false,\n    ...restProps\n  } = props;\n\n  const testIds = useTestIds(testId, getLocationInputTestIds);\n\n  const { name, ...providerOpts } = useContext(MapsContext);\n  const t = useI18n();\n  const [placePredictionMenuItems, setPlacePredictionMenuItems] = useState<MenuProps['items']>([]);\n\n  const [filterValue, setFilterValue] = useState('');\n\n  useEffect(() => {\n    (async () => {\n      try {\n        await loadMapsAPI(name, providerOpts);\n        if (filterValue) {\n          if (onlyCoordinates) {\n            const { latitude, longitude } = await getCoords(filterValue);\n            setPlacePredictionMenuItems([\n              {\n                primary: t('exact_location'),\n                secondary: [`${latitude}, ${longitude}`],\n                id: createUID(),\n                onClick: () => {\n                  setFilterValue('');\n                  onSelect?.({ latitude, longitude });\n                }\n              }\n            ]);\n          } else {\n            if (isValueACoordinate(filterValue)) {\n              const { latitude, longitude } = await getCoords(filterValue);\n              const { name: addressName, address } = await getAddress({ latitude, longitude });\n              const menuItems = [\n                {\n                  primary: t('exact_location'),\n                  secondary: [`${latitude}, ${longitude}`],\n                  id: createUID(),\n                  onClick: () => {\n                    setFilterValue('');\n                    onSelect?.({\n                      latitude,\n                      longitude\n                    });\n                  }\n                },\n                {\n                  primary: addressName,\n                  secondary: [address],\n                  id: createUID(),\n                  onClick: () => {\n                    setFilterValue('');\n                    onSelect?.({ name: addressName, address, latitude, longitude });\n                  }\n                }\n              ];\n              setPlacePredictionMenuItems(menuItems);\n              return;\n            }\n            const { placePredictions, token } = await getPlacePredictions(filterValue, bias);\n            if (placePredictions.length === 1) {\n              const exactLocation = await getPlaceById(placePredictions[0].place_id, token);\n              const menuItems = placePredictions.map(item => ({\n                id: item.place_id,\n                primary: item.structured_formatting.main_text,\n                secondary: [item.structured_formatting.secondary_text],\n                onClick: (menuItemId: MenuItemProps['id']) => {\n                  getPlaceById(menuItemId, token).then(menuItemLocation => {\n                    setFilterValue('');\n                    onSelect?.(menuItemLocation);\n                  });\n                }\n              }));\n              if (exactLocation) {\n                menuItems.push({\n                  primary: t('exact_location'),\n                  secondary: [`${exactLocation.latitude}, ${exactLocation.longitude}`],\n                  id: createUID(),\n                  onClick: () => {\n                    setFilterValue('');\n                    onSelect?.({\n                      latitude: exactLocation.latitude,\n                      longitude: exactLocation.longitude\n                    });\n                  }\n                });\n              }\n              setPlacePredictionMenuItems(menuItems);\n            } else {\n              setPlacePredictionMenuItems(\n                placePredictions.map(item => ({\n                  id: item.place_id,\n                  primary: item.structured_formatting.main_text,\n                  secondary: [item.structured_formatting.secondary_text],\n                  onClick: (menuItemId: MenuItemProps['id']) => {\n                    getPlaceById(menuItemId, token).then(menuItemLocation => {\n                      setFilterValue('');\n                      onSelect?.(menuItemLocation);\n                    });\n                  }\n                }))\n              );\n            }\n          }\n        } else {\n          setPlacePredictionMenuItems([]);\n        }\n      } catch (e: any) {\n        setPlacePredictionMenuItems([]);\n        onError?.(e);\n      }\n    })();\n  }, [filterValue, bias, onError, onSelect, onlyCoordinates]);\n\n  const onInputChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      setFilterValue(e.target.value);\n      onChange?.(e.target.value);\n    },\n    [onChange]\n  );\n\n  const onMapClick = useCallback(\n    (placeInfo: { latitude: number; longitude: number; name?: string; address?: string }) => {\n      if (onlyCoordinates) {\n        const coords = {\n          latitude: placeInfo.latitude,\n          longitude: placeInfo.longitude\n        };\n        onSelect?.(coords);\n        onClick?.(coords);\n      } else {\n        onSelect?.(placeInfo);\n        onClick?.(placeInfo);\n      }\n    },\n    [onSelect, onClick, onlyCoordinates]\n  );\n\n  const Comp = (\n    <>\n      <ComboBox\n        data-testid={testIds.control}\n        placeholder={t('location_input_placeholder')}\n        menu={\n          filterValue\n            ? {\n                items: placePredictionMenuItems.concat([\n                  {\n                    id: createUID(),\n                    primary: t('use_input_value', [filterValue]),\n                    onClick: () => {\n                      setFilterValue('');\n                      onSelect?.({ name: filterValue, address: filterValue });\n                    }\n                  }\n                ]),\n                emptyText: t('location_not_found_text'),\n                mode: 'action',\n                footer: !showMap && (\n                  <Flex container={{ justify: 'end' }}>\n                    <PoweredByGoogleImage />\n                  </Flex>\n                )\n              }\n            : undefined\n        }\n        actions={\n          !disabled &&\n          !readOnly && (\n            <CurrentLocationButton\n              defaultToCurrentLocation={defaultToCurrentLocation}\n              onError={onError}\n              onChange={a => {\n                if (onlyCoordinates && a.longitude && a.latitude) {\n                  onSelect?.({ latitude: a.latitude, longitude: a.longitude });\n                } else {\n                  onSelect?.(a);\n                }\n              }}\n            />\n          )\n        }\n        onChange={onInputChange}\n        onBlur={() => {\n          setFilterValue('');\n          onBlur?.(value);\n        }}\n        value={value}\n        required={required}\n        disabled={disabled}\n        readOnly={readOnly}\n        status={status}\n        {...restProps}\n      />\n      {showMap && (\n        <StyledLocationMap>\n          <LocationView\n            location={location}\n            onClick={onMapClick}\n            onError={onError}\n            bias={bias}\n            disabled={disabled}\n            centerMapOnChange={centerMapOnChange}\n            height={height}\n            zoomLevel={zoomLevel}\n          />\n        </StyledLocationMap>\n      )}\n    </>\n  );\n\n  return label ? (\n    <FormField\n      testId={testIds}\n      label={label}\n      labelHidden={labelHidden}\n      id={id}\n      info={info}\n      status={status}\n      ref={ref}\n      required={required}\n      disabled={disabled}\n      additionalInfo={additionalInfo}\n    >\n      {Comp}\n    </FormField>\n  ) : (\n    Comp\n  );\n});\n\nexport default withTestIds(LocationInput, getLocationInputTestIds);\n"]}
+{"version":3,"file":"LocationInput.js","sourceRoot":"","sources":["../../../src/components/Location/LocationInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useCallback, useContext, useEffect, useState } from 'react';\nimport type { ChangeEvent, FC, PropsWithoutRef, Ref } from 'react';\nimport styled from 'styled-components';\n\nimport ComboBox from '../ComboBox';\nimport type { MenuItemProps, MenuProps } from '../Menu';\nimport { useI18n, useTestIds, useUID } from '../../hooks';\nimport { createUID, withTestIds } from '../../utils';\nimport FormField from '../FormField';\nimport type { FormControlProps } from '../FormControl';\nimport type { BaseProps, ForwardProps, TestIdProp } from '../../types';\nimport Flex from '../Flex';\nimport { defaultThemeProp } from '../../theme';\n\nimport PoweredByGoogleImage from './PoweredByGoogleImage';\nimport CurrentLocationButton from './CurrentLocationButton';\nimport MapsContext from './MapsContext';\nimport {\n  getAddress,\n  getCoords,\n  getNavigatorPosition,\n  getPlaceById,\n  getPlacePredictions,\n  isValueACoordinate,\n  loadMapsAPI\n} from './utils';\nimport type { Bias, LatLng } from './Location.types';\nimport LocationView, { StyledLocationView } from './LocationView';\nimport type { LocationViewProps } from './LocationView';\nimport { getLocationInputTestIds } from './Location.test-ids';\n\nexport interface LocationInputProps extends BaseProps, FormControlProps, TestIdProp {\n  /**\n   * Get user current location on component first render.\n   * @default false\n   */\n  defaultToCurrentLocation?: boolean;\n  /** The value of the location field. */\n  value?: string;\n  /**\n   * Callback fired on every change of the location input.\n   * The argument passed back is the component's value prop.\n   */\n  onChange?: (value: string) => void;\n  /**\n   * Callback fired when the control's input loses focus.\n   * The argument passed back is the component's value prop.\n   */\n  onBlur?: (value: string) => void;\n  /** Callback fired when user chooses location from the dropdown of suggestions or submits input value. */\n  onSelect?: (value: {\n    name?: string;\n    address?: string;\n    latitude?: number;\n    longitude?: number;\n  }) => void;\n  /**\n   * Only select coordinates on map clicks.\n   * @default false\n   */\n  onlyCoordinates?: boolean;\n  /** Biasing query results towards user location/preference. */\n  bias?: Bias;\n  /**\n   * Set to true renders the map view below input.\n   * @default false\n   */\n  map?: {\n    /** Location coordinates used for the map view. */\n    location?: LatLng;\n    height: LocationViewProps['height'];\n    zoomLevel?: LocationViewProps['zoomLevel'];\n    onClick?: LocationViewProps['onClick'];\n  };\n  /** Callback fired when an error occurs. This function gets called with one argument of type Error. */\n  onError?: (error: Error) => void;\n}\n\nconst StyledLocationInput = styled(ComboBox)`\n  z-index: 1;\n`;\n\nStyledLocationInput.defaultProps = defaultThemeProp;\n\nconst StyledLocationMap = styled.div`\n  ${StyledLocationView} {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n`;\n\nStyledLocationMap.defaultProps = defaultThemeProp;\n\nconst LocationInput: FC<LocationInputProps & ForwardProps> = forwardRef(function LocationInput(\n  props: PropsWithoutRef<LocationInputProps>,\n  ref: Ref<HTMLInputElement>\n) {\n  const uid = useUID();\n  const {\n    testId,\n    label,\n    labelHidden,\n    id = uid,\n    value = '',\n    info,\n    status,\n    required,\n    readOnly,\n    disabled,\n    additionalInfo,\n    onSelect,\n    onError,\n    onChange,\n    onBlur,\n    bias,\n    defaultToCurrentLocation,\n    onlyCoordinates = false,\n    map,\n    ...restProps\n  } = props;\n\n  const testIds = useTestIds(testId, getLocationInputTestIds);\n\n  const { name, ...providerOpts } = useContext(MapsContext);\n  const t = useI18n();\n  const [placePredictionMenuItems, setPlacePredictionMenuItems] = useState<MenuProps['items']>([]);\n  const [filterValue, setFilterValue] = useState('');\n  const [mapLoading, setMapLoading] = useState(false);\n\n  useEffect(() => {\n    (async () => {\n      if (defaultToCurrentLocation) {\n        setMapLoading(true);\n        await loadMapsAPI(name, providerOpts);\n        const navigatorPosition = await getNavigatorPosition();\n        const currentLocationAddress = await getAddress(navigatorPosition);\n        setMapLoading(false);\n        onSelect?.(currentLocationAddress);\n      }\n    })();\n  }, []);\n\n  useEffect(() => {\n    (async () => {\n      try {\n        await loadMapsAPI(name, providerOpts);\n        if (filterValue) {\n          if (onlyCoordinates) {\n            const { latitude, longitude } = await getCoords(filterValue);\n            setPlacePredictionMenuItems([\n              {\n                primary: t('exact_location'),\n                secondary: [`${latitude}, ${longitude}`],\n                id: createUID(),\n                onClick: () => {\n                  setFilterValue('');\n                  onSelect?.({ latitude, longitude });\n                }\n              }\n            ]);\n          } else {\n            if (isValueACoordinate(filterValue)) {\n              const { latitude, longitude } = await getCoords(filterValue);\n              const { name: addressName, address } = await getAddress({ latitude, longitude });\n              const menuItems = [\n                {\n                  primary: t('exact_location'),\n                  secondary: [`${latitude}, ${longitude}`],\n                  id: createUID(),\n                  onClick: () => {\n                    setFilterValue('');\n                    onSelect?.({\n                      latitude,\n                      longitude\n                    });\n                  }\n                },\n                {\n                  primary: addressName,\n                  secondary: [address],\n                  id: createUID(),\n                  onClick: () => {\n                    setFilterValue('');\n                    onSelect?.({ name: addressName, address, latitude, longitude });\n                  }\n                }\n              ];\n\n              setPlacePredictionMenuItems(menuItems);\n              return;\n            }\n            const { placePredictions, token } = await getPlacePredictions(filterValue, bias);\n            if (placePredictions.length === 1) {\n              const exactLocation = await getPlaceById(placePredictions[0].place_id, token);\n              const menuItems = placePredictions.map(item => ({\n                id: item.place_id,\n                primary: item.structured_formatting.main_text,\n                secondary: [item.structured_formatting.secondary_text],\n                onClick: (menuItemId: MenuItemProps['id']) => {\n                  getPlaceById(menuItemId, token).then(menuItemLocation => {\n                    setFilterValue('');\n                    onSelect?.(menuItemLocation);\n                  });\n                }\n              }));\n              if (exactLocation) {\n                menuItems.push({\n                  primary: t('exact_location'),\n                  secondary: [`${exactLocation.latitude}, ${exactLocation.longitude}`],\n                  id: createUID(),\n                  onClick: () => {\n                    setFilterValue('');\n                    onSelect?.({\n                      latitude: exactLocation.latitude,\n                      longitude: exactLocation.longitude\n                    });\n                  }\n                });\n              }\n              setPlacePredictionMenuItems(menuItems);\n            } else {\n              setPlacePredictionMenuItems(\n                placePredictions.map(item => ({\n                  id: item.place_id,\n                  primary: item.structured_formatting.main_text,\n                  secondary: [item.structured_formatting.secondary_text],\n                  onClick: (menuItemId: MenuItemProps['id']) => {\n                    getPlaceById(menuItemId, token).then(menuItemLocation => {\n                      setFilterValue('');\n                      onSelect?.(menuItemLocation);\n                    });\n                  }\n                }))\n              );\n            }\n          }\n        } else {\n          setPlacePredictionMenuItems([]);\n        }\n      } catch (e: any) {\n        setPlacePredictionMenuItems([]);\n        onError?.(e);\n      }\n    })();\n  }, [filterValue, bias, onError, onSelect, onlyCoordinates]);\n\n  const onInputChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      setFilterValue(e.target.value.trim());\n      onChange?.(e.target.value);\n    },\n    [onChange]\n  );\n\n  const onMapClick = useCallback(\n    (placeInfo: { latitude: number; longitude: number; name?: string; address?: string }) => {\n      if (readOnly) return;\n\n      if (onlyCoordinates) {\n        const coords = {\n          latitude: placeInfo.latitude,\n          longitude: placeInfo.longitude\n        };\n        onSelect?.(coords);\n        map?.onClick?.(coords);\n      } else {\n        onSelect?.(placeInfo);\n        map?.onClick?.(placeInfo);\n      }\n    },\n    [readOnly, onSelect, map?.onClick, onlyCoordinates]\n  );\n\n  const Comp = (\n    <>\n      <StyledLocationInput\n        id={id}\n        info={info}\n        data-testid={testIds.control}\n        placeholder={t('location_input_placeholder')}\n        menu={\n          filterValue\n            ? {\n                items: placePredictionMenuItems.concat([\n                  {\n                    id: createUID(),\n                    primary: t('use_input_value', [filterValue]),\n                    onClick: () => {\n                      setFilterValue('');\n                      onSelect?.({ name: filterValue });\n                    }\n                  }\n                ]),\n                emptyText: t('location_not_found_text'),\n                mode: 'action',\n                footer: !map && (\n                  <Flex container={{ justify: 'end' }}>\n                    <PoweredByGoogleImage />\n                  </Flex>\n                )\n              }\n            : undefined\n        }\n        actions={\n          !disabled &&\n          !readOnly && (\n            <CurrentLocationButton\n              onError={onError}\n              onResolve={resolved => {\n                if (onlyCoordinates) {\n                  onSelect?.({ latitude: resolved.latitude, longitude: resolved.longitude });\n                } else {\n                  onSelect?.(resolved);\n                }\n              }}\n            />\n          )\n        }\n        onChange={onInputChange}\n        onBlur={() => {\n          setFilterValue('');\n          onBlur?.(value);\n        }}\n        value={value}\n        required={required}\n        disabled={disabled}\n        readOnly={readOnly}\n        status={status}\n        {...restProps}\n      />\n      {map && (\n        <StyledLocationMap>\n          <LocationView\n            {...map}\n            pins={map.location ? [{ ...map.location }] : []}\n            onClick={onMapClick}\n            onError={onError}\n            disabled={disabled}\n            loading={mapLoading}\n            centerMapOnChange\n          />\n        </StyledLocationMap>\n      )}\n    </>\n  );\n\n  return label ? (\n    <FormField\n      testId={testIds}\n      label={label}\n      labelHidden={labelHidden}\n      id={id}\n      info={info}\n      status={status}\n      ref={ref}\n      required={required}\n      disabled={disabled}\n      additionalInfo={additionalInfo}\n    >\n      {Comp}\n    </FormField>\n  ) : (\n    Comp\n  );\n});\n\nexport default withTestIds(LocationInput, getLocationInputTestIds);\n"]}

package/lib/components/Location/LocationView.d.ts

@@ -1,19 +1,17 @@
-import type { FC } from 'react';
-import type { BaseProps } from '../../types';
-import type { LatLng } from './types';
-import type BaseLocationProps from './Location.types';
+import type { WithAttributes } from '../../types';
+import type { LatLng, Pin } from './Location.types';
 export declare const StyledLocationError: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("../Badges").StatusProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>> & {
-    getTestIds: (testIdProp?: string | undefined) => import("../../types").TestIdsRecord<readonly []>;
+    getTestIds: (testIdProp?: string | null | undefined) => import("../../types").TestIdsRecord<readonly []>;
 }, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledLocationView: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     height?: string | undefined;
 }, never>;
-export interface LocationViewProps extends BaseLocationProps, BaseProps {
+export type LocationViewProps = WithAttributes<'div', {
     /**
-     * Location string as either coordinates, name of a place, or 'current' for the current location.
-     * @default 'current'
+     * Array of location objects.
+     * @default []
      */
-    location?: LatLng | string | 'current';
+    pins?: Pin[];
     /**
      * Set to true to always center the map when the selected location changes. Toggling this from false to true will re-center map on the last pinned location.
      * @default false
@@ -30,11 +28,27 @@ export interface LocationViewProps extends BaseLocationProps, BaseProps {
      */
     zoomLevel?: number;
     /** Callback fired when user clicks on a location on the map. This function will be passed the coordinates of the location that was clicked. */
-    onClick?: (coords: LatLng & {
+    onClick?: (locationData: LatLng & {
         name?: string;
         address?: string;
     }) => void;
-}
-declare const LocationView: FC<LocationViewProps>;
+    /**
+     * Renders loading indicator when true. Informs the user location resolution is in progress.
+     */
+    loading?: boolean;
+    /**
+     * Disables dragging and clicking when true.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Indicates if route between pins should be rendered.
+     * @default false
+     */
+    drawRoute?: boolean;
+    /** Callback fired when an error occurs. This function gets called with one argument of type Error. */
+    onError?: (error: Error) => void;
+}>;
+declare const LocationView: import("react").ForwardRefExoticComponent<Omit<LocationViewProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export default LocationView;
 //# sourceMappingURL=LocationView.d.ts.map

package/lib/components/Location/LocationView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LocationView.d.ts","sourceRoot":"","sources":["../../../src/components/Location/LocationView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAO,MAAM,OAAO,CAAC;AAGrC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAK7C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAStC,OAAO,KAAK,iBAAiB,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,mBAAmB;;uDAK/B,CAAC;AAIF,eAAO,MAAM,kBAAkB;;SAW7B,CAAC;AAoCH,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB,EAAE,SAAS;IACrE;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAEvC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+IAA+I;IAC/I,OAAO,CAAC,EAAE,CACR,MAAM,EAAE,MAAM,GAAG;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,KACE,IAAI,CAAC;CACX;AAYD,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAkIvC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"LocationView.d.ts","sourceRoot":"","sources":["../../../src/components/Location/LocationView.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAc,cAAc,EAAE,MAAM,aAAa,CAAC;AAQ9D,OAAO,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAIpD,eAAO,MAAM,mBAAmB;;uDAK/B,CAAC;AAIF,eAAO,MAAM,kBAAkB;;SAY9B,CAAC;AAgCF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAC5C,KAAK,EACL;IACE;;;OAGG;IACH,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+IAA+I;IAC/I,OAAO,CAAC,EAAE,CACR,YAAY,EAAE,MAAM,GAAG;QACrB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,KACE,IAAI,CAAC;IACV;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,sGAAsG;IACtG,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC,CACF,CAAC;AAeF,QAAA,MAAM,YAAY,2HA4LjB,CAAC;AAEF,eAAe,YAAY,CAAC"}