@alfadocs/ui-kit-debug 0.71.0 → 0.72.0

package/dist/_chunks/map-view-ByPvWG_9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-view-ByPvWG_9.js","sources":["../../src/components/map-view/map-view.agent.ts","../../src/components/map-view/map-view.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — MapView.                                               */\n/*                                                                        */\n/* Read-safety actions on the kit's Google Maps wrapper. State is the    */\n/* current centre / zoom / selected marker; actions pan, zoom, and       */\n/* select markers programmatically.                                      */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { MapViewHandle, MapLatLng } from './map-view';\n\nexport const mapViewAgent: AgentAdapter<MapViewHandle> = {\n  id: 'map-view',\n  // pan → scroll (viewport move); set_zoom → set_value; select_marker → pick\n  // (NON-persisting marker focus, no value state slot).\n  capabilities: ['scroll', 'set_value', 'pick'],\n  state: {},\n  actions: {\n    pan_to: {\n      // Ephemeral viewport move, no data loss → read.\n      safety: 'read',\n      argsType: '{ position: { lat: number; lng: number } }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          position: {\n            type: 'object',\n            properties: {\n              lat: { type: 'number', description: 'Latitude in degrees.' },\n              lng: { type: 'number', description: 'Longitude in degrees.' },\n            },\n            required: ['lat', 'lng'],\n          },\n        },\n        required: ['position'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.mapView.actions.panTo',\n      description: 'Pan the map to a new centre without changing zoom.',\n      invoke: (handle, args: { position: MapLatLng }) => {\n        handle.panTo(args.position);\n      },\n    },\n    set_zoom: {\n      // Ephemeral viewport zoom, no data loss → read.\n      safety: 'read',\n      argsType: '{ zoom: number }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          zoom: {\n            type: 'number',\n            description: 'Zoom level, typical range 1–20.',\n          },\n        },\n        required: ['zoom'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.mapView.actions.setZoom',\n      description: 'Set the map zoom level (typical range 1–20).',\n      invoke: (handle, args: { zoom: number }) => {\n        handle.setZoom(args.zoom);\n      },\n    },\n    select_marker: {\n      // Ephemeral marker focus, no data loss → read.\n      safety: 'read',\n      argsType: '{ id: string | null }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          id: {\n            type: ['string', 'null'],\n            description: 'Marker id to select, or null to clear the selection.',\n          },\n        },\n        required: ['id'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.mapView.actions.selectMarker',\n      description:\n        'Select a marker by id, or pass null to clear the selection.',\n      invoke: (handle, args: { id: string | null }) => {\n        handle.selectMarker(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'map-view',\n      description: 'Marks the element as a kit MapView.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","/* ------------------------------------------------------------------ */\n/* MapView — kit wrapper over @vis.gl/react-google-maps.                */\n/*                                                                      */\n/* - Loads the Google Maps JS API on demand via the library's          */\n/*   `APIProvider`; consumer supplies the key (no kit-side cache).      */\n/* - Defaults to a CONSENT-GATED placeholder (`consentGranted={false}`) */\n/*   so the third-party load never happens before the consumer flips   */\n/*   the opt-in. GDPR-safe by default.                                  */\n/* - Theme-reactive: the Google Maps `styles` JSON re-resolves on every */\n/*   `documentElement.class` mutation (same pattern as Sparkline).      */\n/*   Consumers may pass `mapId` to switch to a cloud-styled map         */\n/*   instead, in which case `styles` is ignored.                        */\n/* - `data-component=\"map-view\"` lives on the outer span; the inner     */\n/*   `<Map>` mounts inside it.                                          */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { MapPin, ExternalLink } from 'lucide-react';\nimport {\n  APIProvider,\n  Map as GoogleMap,\n  AdvancedMarker,\n  Marker,\n  Pin,\n  useMap,\n} from '@vis.gl/react-google-maps';\nimport { Button } from '../button';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { mapViewAgent } from './map-view.agent';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface MapLatLng {\n  lat: number;\n  lng: number;\n}\n\nexport interface MapMarker {\n  /** Stable id — used for keyed re-rendering and `onMarkerClick`. */\n  id: string;\n  /** Position in lat/lng. */\n  position: MapLatLng;\n  /** Optional accessible label — falls back to the id. */\n  label?: string;\n}\n\nexport interface MapViewHandle {\n  /** Pan the map to a new centre without changing zoom. */\n  panTo: (position: MapLatLng) => void;\n  /** Set zoom (typical range 1–20). */\n  setZoom: (zoom: number) => void;\n  /** Programmatically select a marker (fires `onMarkerClick`). */\n  selectMarker: (id: string | null) => void;\n}\n\nexport interface MapViewProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onClick'>,\n    VariantProps<typeof mapViewVariants> {\n  /** Opaque instance id — emitted as `data-component-id`. */\n  id?: string;\n  /** Google Maps JS API key. Consumer-owned; never cached by the kit. */\n  apiKey: string;\n  /** Map centre (lat/lng). Required so the consent placeholder can also use it. */\n  center: MapLatLng;\n  /** Initial zoom. Default 15 (city-block detail, matches booking site). */\n  zoom?: number;\n  /**\n   * Markers to render. The first marker auto-selects when no\n   * `selectedMarkerId` is given.\n   */\n  markers?: MapMarker[];\n  /** Controlled selection — fires `onMarkerClick` with the new id (or null on map click). */\n  selectedMarkerId?: string | null;\n  /** Fires when a marker is clicked, or `null` when the map background is clicked. */\n  onMarkerClick?: (id: string | null) => void;\n  /**\n   * GDPR consent gate. When `false` (default) the component renders a\n   * placeholder with a translated CTA — the Maps JS API is **not**\n   * loaded. Flip to `true` once the consumer has captured opt-in.\n   */\n  consentGranted?: boolean;\n  /** Fires when the consumer clicks the \"Load map\" CTA in the placeholder. */\n  onConsentRequest?: () => void;\n  /**\n   * Optional address string shown in the consent placeholder so the\n   * surface is useful before the map loads. Also used to build the\n   * fallback \"Open in Google Maps\" link target.\n   */\n  address?: string;\n  /**\n   * Cloud-styled-map id. When set, takes precedence over the JSON\n   * `styles` array and disables the theme-bridge re-fire. Use when\n   * you've provisioned a styled map in Google Cloud Console.\n   */\n  mapId?: string;\n  /**\n   * Override the consent-placeholder description text. The default\n   * (`t('mapView.consentDescription')`) is a generic IP-disclosure\n   * line. Consumers operating under specific GDPR / ePrivacy\n   * disclosures (jurisdiction, named controller, policy link) should\n   * supply their own text via this prop. Pass any `ReactNode` — a\n   * paragraph, a localised `<Trans>` instance, etc.\n   */\n  consentDescription?: ReactNode;\n  /**\n   * Replace the kit-rendered \"Load map\" button with custom CTA chrome.\n   * Use when the consent dialog needs a policy link, a specific\n   * jurisdiction phrasing, or a different surface (Tooltip-wrapped\n   * button, link to a settings page, etc.). When omitted the kit\n   * renders its own `<Button>` — that button calls `onConsentRequest`\n   * if provided, otherwise flips MapView's internal opt-in state so\n   * the map loads inline.\n   */\n  consentCta?: ReactNode;\n  /**\n   * Visual surface. Default `bordered` (current behaviour: 1px\n   * `--border` outline + `--radius-md`). `elevated` replaces the\n   * border with `--shadow-card`, matching `<Card variant=\"elevated\">`.\n   * `bare` drops both — map is flush against the page canvas.\n   */\n  surface?: 'bordered' | 'elevated' | 'bare';\n  /** Accessible label for the map region. Falls back to `t('mapView.label')`. */\n  ariaLabel?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst mapViewVariants = cva(\n  ['ds:relative ds:overflow-hidden ds:block', 'ds:bg-[var(--muted)]'].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:[--map-block-size:14rem]',\n        md: 'ds:[--map-block-size:20rem]',\n        lg: 'ds:[--map-block-size:28rem]',\n        // `fill` defers sizing to the parent. The outer takes\n        // `block-size: 100%` so the inner (also 100%) has something\n        // to inherit from. Use inside a viewport-locked column —\n        // `<PracticeResults variant=\"map-first\">` wires this through\n        // automatically; standalone consumers must give the parent\n        // a constrained block-size or the map collapses to 0.\n        fill: 'ds:[block-size:100%]',\n      },\n      surface: {\n        bordered:\n          'ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]',\n        elevated:\n          'ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)] ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2',\n        bare: 'ds:rounded-none ds:border-0',\n      },\n    },\n    defaultVariants: { size: 'md', surface: 'bordered' },\n  },\n);\n\n// Inner block-size: percentage when `size=\"fill\"`, rem-token otherwise.\n// Splitting this out (instead of compound-variants) keeps the size\n// switch readable and avoids enumerating every (size × surface) pair.\nconst innerSurfaceVariants = cva('ds:block ds:inline-size-full', {\n  variants: {\n    size: {\n      sm: 'ds:[block-size:var(--map-block-size)]',\n      md: 'ds:[block-size:var(--map-block-size)]',\n      lg: 'ds:[block-size:var(--map-block-size)]',\n      fill: 'ds:[block-size:100%]',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\nconst consentChromeVariants = cva(\n  [\n    'ds:absolute ds:inset-0',\n    'ds:flex ds:flex-col ds:items-center ds:justify-center',\n    'ds:gap-[var(--spacing-sm)]',\n    'ds:p-[var(--spacing-md)]',\n    'ds:bg-[var(--muted)] ds:text-[var(--foreground)]',\n    'ds:text-center',\n  ].join(' '),\n);\n\nconst consentTitleVariants = cva('type-heading-3 ds:m-0');\n\nconst consentDescriptionVariants = cva(\n  'type-body-sm ds:text-[var(--muted-foreground)] ds:[max-inline-size:28rem] ds:m-0',\n);\n\n/* ------------------------------------------------------------------ */\n/* Inner imperative bridge                                              */\n/*                                                                      */\n/* `useMap()` only resolves inside the APIProvider tree, so the         */\n/* imperative actions live in a tiny inner component that the outer    */\n/* `MapView` mounts conditionally. It exposes the `panTo` / `setZoom`  */\n/* etc. to the forwardRef via a `useImperativeHandle` callback prop.    */\n/* ------------------------------------------------------------------ */\n\ninterface MapImperativeBridgeProps {\n  onHandleReady: (handle: MapViewHandle) => void;\n  onMarkerSelect: (id: string | null) => void;\n}\n\nfunction MapImperativeBridge({\n  onHandleReady,\n  onMarkerSelect,\n}: MapImperativeBridgeProps): null {\n  const map = useMap();\n  useEffect(() => {\n    if (!map) return;\n    onHandleReady({\n      panTo: (position) => map.panTo(position),\n      setZoom: (zoom) => map.setZoom(zoom),\n      selectMarker: (id) => onMarkerSelect(id),\n    });\n  }, [map, onHandleReady, onMarkerSelect]);\n  return null;\n}\n\n/* ------------------------------------------------------------------ */\n/* Consent placeholder                                                  */\n/* ------------------------------------------------------------------ */\n\ninterface ConsentPlaceholderProps {\n  address: string | undefined;\n  description: ReactNode;\n  /**\n   * Click handler for the \"Load map\" button. Always rendered. When the\n   * consumer provides `onConsentRequest` it owns the state transition\n   * (typically: open a GDPR dialog, then flip `consentGranted` to true\n   * after acceptance). When omitted, the kit's `MapView` falls back to\n   * its own internal opt-in toggle — clicking grants consent for this\n   * MapView instance only, no consumer plumbing required. This default\n   * fixes a regression where the button was conditionally rendered and\n   * any consumer omitting `onConsentRequest` left the patient with no\n   * way to load the map (booking-website 0.31.0 hit this).\n   */\n  onLoadMap: () => void;\n  openInGoogleMapsHref: string;\n  /**\n   * Custom CTA — replaces the kit-rendered `<Button>` when the consumer\n   * needs a different surface (e.g. a Tooltip-wrapped button with a\n   * policy link). The kit's button is still the recommended path; this\n   * slot exists for consumers operating under specific compliance UX\n   * requirements (jurisdiction, named controller, policy link). Pass\n   * any `ReactNode`.\n   */\n  consentCta: ReactNode | undefined;\n}\n\nfunction ConsentPlaceholder({\n  address,\n  description,\n  onLoadMap,\n  openInGoogleMapsHref,\n  consentCta,\n}: ConsentPlaceholderProps): ReactNode {\n  const { t } = useTranslation();\n  return (\n    <div className={consentChromeVariants()} data-testid=\"map-view-consent\">\n      <MapPin\n        aria-hidden=\"true\"\n        className=\"ds:size-6 ds:text-[var(--muted-foreground)]\"\n      />\n      <p className={consentTitleVariants()}>{t('mapView.consentTitle')}</p>\n      {address ? (\n        <p\n          className={consentDescriptionVariants()}\n          data-testid=\"map-view-address\"\n        >\n          {address}\n        </p>\n      ) : null}\n      <p className={consentDescriptionVariants()}>{description}</p>\n      <div className=\"ds:flex ds:gap-[var(--spacing-sm)] ds:flex-wrap ds:items-center ds:justify-center\">\n        {consentCta ?? (\n          <Button\n            type=\"button\"\n            intent=\"primary\"\n            size=\"sm\"\n            onClick={onLoadMap}\n            data-testid=\"map-view-load-cta\"\n          >\n            {t('mapView.consentCta')}\n          </Button>\n        )}\n        <a\n          href={openInGoogleMapsHref}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:text-[var(--primary)] ds:underline ds:underline-offset-2\"\n        >\n          {t('mapView.openInGoogleMaps')}\n          <ExternalLink aria-hidden=\"true\" className=\"ds:size-3\" />\n        </a>\n      </div>\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* MapView                                                              */\n/* ------------------------------------------------------------------ */\n\nexport const MapView = forwardRef<MapViewHandle, MapViewProps>(\n  (\n    {\n      id,\n      apiKey,\n      center,\n      zoom = 15,\n      markers,\n      selectedMarkerId,\n      onMarkerClick,\n      consentGranted = false,\n      onConsentRequest,\n      address,\n      consentDescription,\n      consentCta,\n      mapId,\n      size,\n      surface,\n      ariaLabel,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const rawId = useId();\n    const instanceId = useMemo(\n      () => `map-${rawId.replace(/[^a-zA-Z0-9-_]/g, '')}`,\n      [rawId],\n    );\n\n    // Reduced-motion gating. Google's own pan / zoom animations\n    // happen inside the Maps JS API and the kit can't reach into\n    // those — but the kit's own programmatic `panTo` calls (triggered\n    // by prop changes via the controlled-sync effect below) can be\n    // suppressed. When `prefers-reduced-motion: reduce` is set, we\n    // skip the synthetic `panTo` so the consumer's prop change\n    // results in a hard recenter rather than an animated glide.\n    const [reducedMotion, setReducedMotion] = useState(false);\n    useEffect(() => {\n      if (typeof window === 'undefined') return undefined;\n      const mql = window.matchMedia('(prefers-reduced-motion: reduce)');\n      const sync = (): void => setReducedMotion(mql.matches);\n      sync();\n      mql.addEventListener('change', sync);\n      return () => mql.removeEventListener('change', sync);\n    }, []);\n\n    // The \"Open in Google Maps\" fallback link — works without any\n    // third-party script load. Uses the modern `?api=1&query=…` form\n    // which the booking site already employs.\n    const openInGoogleMapsHref = useMemo(() => {\n      const query = address\n        ? encodeURIComponent(address)\n        : `${center.lat},${center.lng}`;\n      return `https://www.google.com/maps/search/?api=1&query=${query}`;\n    }, [address, center.lat, center.lng]);\n\n    // 0.33.5: removed the kit's `getGoogleMapsTheme()` JSON-styles\n    // override. Previously, when `mapId` was absent the kit painted\n    // water / roads / landscape with kit tokens — a calm muted-grey\n    // palette that diverged from the standard Google Maps appearance\n    // users expect in every other maps surface they touch. Google's\n    // default (blue water, beige land, named-road colours) is more\n    // familiar and reads as a \"real map\" rather than a stylised one.\n    //\n    // Consumers wanting brand-themed colours opt in via `mapId` and\n    // configure the palette in Google Cloud Console — that's the\n    // Google-recommended path. The `getGoogleMapsTheme` export stays\n    // in `src/tokens/google-maps-theme.ts` so consumers wanting the\n    // old behaviour can apply the styles themselves, but the kit\n    // does NOT install them by default any more.\n    //\n    // Side benefit: dropped the MutationObserver that previously\n    // watched documentElement.class for theme switches — no more\n    // observer churn on every theme toggle.\n\n    // Imperative handle plumbing — populated by the inner bridge once\n    // the APIProvider tree resolves a `Map` instance.\n    const handleRef = useRef<MapViewHandle | null>(null);\n    const onHandleReady = useCallback((handle: MapViewHandle) => {\n      handleRef.current = handle;\n    }, []);\n    useImperativeHandle(\n      ref,\n      (): MapViewHandle => ({\n        panTo: (position) => handleRef.current?.panTo(position),\n        setZoom: (z) => handleRef.current?.setZoom(z),\n        selectMarker: (markerId) => handleRef.current?.selectMarker(markerId),\n      }),\n      [],\n    );\n\n    const agentHandle = useMemo<MapViewHandle>(\n      () => ({\n        panTo: (position) => handleRef.current?.panTo(position),\n        setZoom: (z) => handleRef.current?.setZoom(z),\n        selectMarker: (markerId) => handleRef.current?.selectMarker(markerId),\n      }),\n      [],\n    );\n    useAgentRegistration(mapViewAgent, agentHandle, id);\n\n    // Controlled-feeling propagation: vis.gl's `<Map>` reads `center`\n    // and `zoom` as initial values only (via `defaultCenter` /\n    // `defaultZoom`). To honour the documented \"live prop\" contract\n    // we shim post-mount sync through the imperative bridge — a\n    // parent that swaps offices by changing `center` re-centres the\n    // map. User drag does NOT trigger this because the prop doesn't\n    // change on user gesture, so the effect doesn't fire and the\n    // map stays where the user left it.\n    useEffect(() => {\n      // Skip the animated pan under reduced-motion preference; the\n      // map will still recentre on the next render via the agent\n      // handle's `panTo`, but Google's own glide animation runs\n      // either way (kit can't reach inside it). At least the kit's\n      // own initiated pan is gated.\n      if (reducedMotion) return;\n      handleRef.current?.panTo(center);\n      // Including `center` (the object reference) instead of\n      // `center.lat`/`center.lng` would fire on every parent render\n      // even when the coordinates are identical, fighting user drag.\n      // The destructured deps are intentional.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [center.lat, center.lng, reducedMotion]);\n    useEffect(() => {\n      handleRef.current?.setZoom(zoom);\n    }, [zoom]);\n\n    // Internal opt-in fallback. The `consentGranted` prop is the\n    // controlled path — consumer flips it after capturing GDPR\n    // acceptance through their own dialog and re-renders. When the\n    // consumer omits `onConsentRequest` they're opting out of that\n    // workflow, so the kit needs a sensible default click handler on\n    // the placeholder's button. `internalConsent` tracks that opt-in\n    // for this instance only; the map renders when either signal is\n    // truthy. The 0.31.0 regression was conditionally rendering the\n    // button on `onConsentRequest` — patients of consumers without the\n    // hook saw the placeholder with no way to proceed.\n    const [internalConsent, setInternalConsent] = useState(false);\n    const effectiveConsent = consentGranted || internalConsent;\n    const handleLoadMap = useCallback(() => {\n      if (onConsentRequest) {\n        onConsentRequest();\n        // The consumer typically flips `consentGranted` to true on the\n        // next render. Flip the internal state too so the map still\n        // loads if the consumer forgets to update its prop (the\n        // common-case footgun this fallback exists to defuse).\n        setInternalConsent(true);\n        return;\n      }\n      setInternalConsent(true);\n    }, [onConsentRequest]);\n\n    return (\n      <div\n        className={mapViewVariants({ size, surface, className })}\n        data-component=\"map-view\"\n        data-component-id={id ?? instanceId}\n        role=\"region\"\n        aria-label={ariaLabel ?? t('mapView.label')}\n        {...rest}\n      >\n        <div className={innerSurfaceVariants({ size })}>\n          {effectiveConsent ? (\n            <APIProvider\n              apiKey={apiKey}\n              // Pull the active i18next locale through so map UI text\n              // (zoom controls, attribution) localises to match the\n              // surrounding kit chrome.\n              language={i18n.language}\n            >\n              <GoogleMap\n                defaultCenter={center}\n                defaultZoom={zoom}\n                mapId={mapId}\n                gestureHandling=\"cooperative\"\n                disableDefaultUI={false}\n                onClick={() => onMarkerClick?.(null)}\n                // `<Map>` reads its own bounding rect for tile sizing.\n                // Without explicit dimensions it collapses to 0×0, so\n                // we pass kit-class sizing through `className` — vis.gl\n                // forwards `className` straight to the rendered root.\n                className=\"ds:[inline-size:100%] ds:[block-size:100%]\"\n              >\n                <MapImperativeBridge\n                  onHandleReady={onHandleReady}\n                  onMarkerSelect={(markerId) => onMarkerClick?.(markerId)}\n                />\n                {(markers ?? []).map((marker) => {\n                  // Selection state is exposed to the consumer via\n                  // `data-selected` on the marker root so consumers can\n                  // style their own InfoWindow / sidebar highlight from\n                  // it. The kit does NOT swap the Pin's fill colour on\n                  // selection — `--accent` (magenta-500 in light theme)\n                  // fails AA on white per 05-accessibility.mdx, and the\n                  // alternative tokens that pass (`--info`, `--success`)\n                  // carry semantic baggage. Visual selection state is\n                  // the consumer's call.\n                  const isSelected =\n                    selectedMarkerId != null && selectedMarkerId === marker.id;\n                  const accessibleLabel = t('mapView.markerLabel', {\n                    label: marker.label ?? marker.id,\n                  });\n                  // Pin implementation switches on whether the\n                  // consumer supplied `mapId`. Google's\n                  // AdvancedMarkerElement requires the Map instance to\n                  // be initialised with a valid Map ID — without one\n                  // the API logs an error (\"La mappa è stata\n                  // inizializzata senza un ID mappa valido\") and any\n                  // AdvancedMarker rendered against that map fails to\n                  // appear. Cloud Map IDs are an opt-in feature; many\n                  // consumers (booking-website env without\n                  // GOOGLE_MAPS_MAP_ID, the OSS demo, etc.) legitimately\n                  // omit it.\n                  //\n                  // Fall back to the classic <Marker> (a thin wrapper\n                  // around google.maps.Marker) when mapId is absent.\n                  // Google has formally deprecated google.maps.Marker\n                  // but it still renders cleanly and produces no\n                  // console errors; the only loss is the brand-tinted\n                  // <Pin> chrome (which Marker doesn't accept as a\n                  // child). When a consumer wants the styled pin they\n                  // can opt back in by supplying `mapId`.\n                  if (mapId) {\n                    return (\n                      <AdvancedMarker\n                        key={marker.id}\n                        position={marker.position}\n                        // `title` becomes the HTML `title` attribute on\n                        // Google's marker wrapper — that's a tooltip, not\n                        // a reliable accessible name. The wrapper also\n                        // receives `aria-label` which Google honours as\n                        // the SR-announced name. Both are set so sighted\n                        // hover tooltips and SR labels stay aligned.\n                        title={accessibleLabel}\n                        aria-label={accessibleLabel}\n                        data-selected={isSelected ? 'true' : 'false'}\n                        onClick={() => onMarkerClick?.(marker.id)}\n                      >\n                        <Pin\n                          background={'var(--primary)'}\n                          borderColor={'var(--primary)'}\n                          glyphColor={'var(--primary-foreground)'}\n                        />\n                      </AdvancedMarker>\n                    );\n                  }\n                  return (\n                    <Marker\n                      key={marker.id}\n                      position={marker.position}\n                      title={accessibleLabel}\n                      onClick={() => onMarkerClick?.(marker.id)}\n                    />\n                  );\n                })}\n              </GoogleMap>\n            </APIProvider>\n          ) : (\n            <ConsentPlaceholder\n              address={address}\n              description={\n                consentDescription ?? t('mapView.consentDescription')\n              }\n              onLoadMap={handleLoadMap}\n              consentCta={consentCta}\n              openInGoogleMapsHref={openInGoogleMapsHref}\n            />\n          )}\n        </div>\n      </div>\n    );\n  },\n);\nMapView.displayName = 'MapView';\n"],"names":["mapViewAgent","handle","args","mapViewVariants","cva","innerSurfaceVariants","consentChromeVariants","consentTitleVariants","consentDescriptionVariants","MapImperativeBridge","onHandleReady","onMarkerSelect","map","useMap","useEffect","position","zoom","id","ConsentPlaceholder","address","description","onLoadMap","openInGoogleMapsHref","consentCta","t","useTranslation","jsx","MapPin","jsxs","Button","ExternalLink","MapView","forwardRef","apiKey","center","markers","selectedMarkerId","onMarkerClick","consentGranted","onConsentRequest","consentDescription","mapId","size","surface","ariaLabel","className","rest","ref","i18n","rawId","useId","instanceId","useMemo","reducedMotion","setReducedMotion","useState","mql","sync","handleRef","useRef","useCallback","useImperativeHandle","_a","z","markerId","agentHandle","useAgentRegistration","internalConsent","setInternalConsent","effectiveConsent","handleLoadMap","APIProvider","GoogleMap","marker","isSelected","accessibleLabel","AdvancedMarker","Pin","Marker"],"mappings":"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"}

package/dist/_chunks/marketplace-app-shell-BCYiOvKZ.js

@@ -0,0 +1,513 @@
+import { jsxs as r, jsx as a, Fragment as M } from "react/jsx-runtime";
+import { forwardRef as b, useState as P } from "react";
+import { useTranslation as T } from "react-i18next";
+import { c as u } from "./index-D2ZczOXr.js";
+import { A as E } from "./app-frame-DIEMIC5V.js";
+import { A as C } from "./avatar-BNQNhoyL.js";
+import { A as D } from "./alert-KJbsPYkI.js";
+import { C as w } from "./card-DPmk26CL.js";
+import { D as m } from "./dropdown-menu-DU-Hrf33.js";
+import { T as F } from "./tab-bar-Axhk6xzx.js";
+import { a as S, H as q, g as G, f as A, e as J, c as K, d as Q } from "./header-DaXWDw0M.js";
+import { H as U } from "./header-settings-B0G_u-wV.js";
+import { S as X } from "./sign-in-with-alfadocs-button-LppxjlFt.js";
+import { S as Y, a as Z, j as _, k as aa, i as ea, h as z } from "./sidebar-B0OBmJrC.js";
+import { T as sa } from "./theme-root-BOO73p5t.js";
+import { a as ta } from "./tooltip-DvmfrNvB.js";
+import { u as ra } from "./use-theme-CAuo6EYT.js";
+import { A as na, L as da } from "./logo-1FuSGx0n.js";
+import { A as ia } from "./Alfadocs_Logo_Mark-7o3L3WBI.js";
+import { M as la } from "./maximize-2-BYd2Kti7.js";
+import { L as oa } from "./log-out-oDS6zO5d.js";
+const ca = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), ma = u(
+  [
+    "ds:[font-family:var(--font-serif)]",
+    "ds:font-semibold",
+    "ds:leading-none",
+    "ds:tracking-[0.01em]",
+    "ds:whitespace-nowrap",
+    // Forced-colors: drop the transparent text-fill and paint the label
+    // as solid CanvasText so it never disappears under Windows HCM —
+    // a gradient/transparent fill has no meaning there.
+    "ds:forced-colors:text-[CanvasText]",
+    "ds:forced-colors:[-webkit-text-fill-color:CanvasText]"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "ds:text-[calc(var(--logo-size-sm)*0.95)]",
+        md: "ds:text-[calc(var(--logo-size-md)*0.95)]",
+        lg: "ds:text-[calc(var(--logo-size-lg)*0.95)]",
+        xl: "ds:text-[calc(var(--logo-size-xl)*0.95)]"
+      },
+      tone: {
+        // Brand gradient filled into the glyphs via background-clip:text.
+        // `--gradient-wordmark` rides the theme aliases, so it stays
+        // AA-safe and adapts per theme on its own (and flattens to a solid
+        // ink in the accessible / forced-colors blocks — see tokens).
+        gradient: [
+          "ds:italic",
+          "ds:bg-[image:var(--gradient-wordmark)]",
+          "ds:bg-clip-text",
+          "ds:text-transparent",
+          "ds:[-webkit-text-fill-color:transparent]"
+        ],
+        // Monochrome: solid currentColor ink, upright, no gradient — for
+        // print, single-colour work, and coloured chrome (e.g. app-shell
+        // headers) where the lockup must ride the surrounding ink.
+        solid: "ds:text-current"
+      }
+    },
+    defaultVariants: { size: "md", tone: "gradient" }
+  }
+), pa = u("ds:whitespace-nowrap", {
+  variants: {
+    size: {
+      sm: "ds:[--lockup-unit:var(--logo-size-sm)]",
+      md: "ds:[--lockup-unit:var(--logo-size-md)]",
+      lg: "ds:[--lockup-unit:var(--logo-size-lg)]",
+      xl: "ds:[--lockup-unit:var(--logo-size-xl)]"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), g = b(
+  ({
+    name: s,
+    variant: n = "standard",
+    monochrome: e = !1,
+    tone: t = "auto",
+    size: d = "md",
+    className: l,
+    ...c
+  }, o) => {
+    if (n === "maker") {
+      const i = t === "inherit", p = i ? "" : e ? "ds:text-[color:var(--foreground)]" : "ds:text-[color:var(--primary)]", h = i ? "" : e ? "ds:text-[color:var(--foreground)]" : "ds:text-[color:var(--primary)]", f = i ? "" : "ds:text-[color:var(--muted-foreground)]", v = i ? "" : "ds:text-[color:var(--foreground)]";
+      return /* @__PURE__ */ r(
+        "span",
+        {
+          ref: o,
+          role: "img",
+          "aria-label": `${s} by Alfadocs`.trim(),
+          className: pa({ size: d, className: l }),
+          "data-component": "product-lockup",
+          ...c,
+          children: [
+            /* @__PURE__ */ a(
+              ia,
+              {
+                "aria-hidden": !0,
+                className: `ds:inline-block ds:align-middle ds:me-[var(--spacing-sm)] ds:h-[calc(var(--lockup-unit)*0.88)] ds:w-auto ds:forced-colors:text-[CanvasText] ${p}`
+              }
+            ),
+            /* @__PURE__ */ a(
+              "span",
+              {
+                "aria-hidden": !0,
+                className: `ds:align-middle ds:[font-family:var(--font-serif)] ds:font-semibold ds:italic ds:leading-none ds:tracking-[0.01em] ${h} ds:text-[calc(var(--lockup-unit)*0.95)]`,
+                children: s
+              }
+            ),
+            /* @__PURE__ */ r(
+              "span",
+              {
+                "aria-hidden": !0,
+                className: `ds:align-text-top ds:ms-[var(--spacing-sm)] ds:inline-flex ds:items-baseline ds:gap-[var(--spacing-2xs)] ${f}`,
+                children: [
+                  /* @__PURE__ */ a("span", { className: "ds:text-[calc(var(--lockup-unit)*0.4)] ds:leading-none", children: "by" }),
+                  /* @__PURE__ */ a(
+                    na,
+                    {
+                      "aria-hidden": !0,
+                      viewBox: "168 0 637 125",
+                      className: `ds:h-[calc(var(--lockup-unit)*0.45)] ds:w-auto ds:forced-colors:text-[CanvasText] ${v}`
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ r(
+      "span",
+      {
+        ref: o,
+        role: "img",
+        "aria-label": `Alfadocs ${s}`.trim(),
+        className: ca({ className: l }),
+        "data-component": "product-lockup",
+        ...c,
+        children: [
+          /* @__PURE__ */ a(
+            da,
+            {
+              variant: e ? "monochrome" : "wordmark",
+              tone: t,
+              size: d,
+              decorative: !0
+            }
+          ),
+          /* @__PURE__ */ a(
+            "span",
+            {
+              "aria-hidden": !0,
+              className: ma({
+                size: d,
+                tone: e ? "solid" : "gradient"
+              }),
+              children: s
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+g.displayName = "ProductLockup";
+function ua(s) {
+  return s > 99 ? "99+" : String(s);
+}
+function fa({
+  user: s,
+  labels: n,
+  onSignOut: e,
+  onToggleFullscreen: t
+}) {
+  const { t: d } = T(), l = n.fullscreen ?? d("patientShell.settings.fullscreen");
+  return (
+    // Non-modal: an account menu shouldn't inert/aria-hide the whole shell
+    // behind it (which leaves the still-focusable chrome inside an
+    // aria-hidden region — an `aria-hidden-focus` violation).
+    /* @__PURE__ */ r(m.Root, { modal: !1, children: [
+      /* @__PURE__ */ a(m.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          "aria-label": n.accountMenu,
+          "data-testid": "marketplace-account-trigger",
+          className: "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0 ds:size-10 ds:rounded-[var(--radius-full)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]",
+          children: /* @__PURE__ */ a("span", { "aria-hidden": "true", children: /* @__PURE__ */ a(C, { name: s.name, src: s.avatarSrc, size: "md" }) })
+        }
+      ) }),
+      /* @__PURE__ */ r(m.Content, { align: "end", collisionPadding: 16, children: [
+        /* @__PURE__ */ a(m.Label, { children: /* @__PURE__ */ r("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ a("span", { "aria-hidden": "true", children: /* @__PURE__ */ a(C, { name: s.name, src: s.avatarSrc, size: "sm" }) }),
+          /* @__PURE__ */ r("span", { className: "ds:flex ds:flex-col ds:min-w-0", children: [
+            /* @__PURE__ */ a("span", { className: "type-label ds:text-[color:var(--foreground)] ds:truncate", children: s.name }),
+            s.email ? /* @__PURE__ */ a("span", { className: "type-meta ds:truncate", children: s.email }) : null
+          ] })
+        ] }) }),
+        t ? /* @__PURE__ */ r(M, { children: [
+          /* @__PURE__ */ a(m.Separator, {}),
+          /* @__PURE__ */ a(
+            m.Item,
+            {
+              startIcon: /* @__PURE__ */ a(la, { "aria-hidden": !0 }),
+              onSelect: t,
+              "data-testid": "marketplace-fullscreen",
+              children: l
+            }
+          )
+        ] }) : null,
+        /* @__PURE__ */ a(m.Separator, {}),
+        /* @__PURE__ */ a(
+          m.Item,
+          {
+            startIcon: /* @__PURE__ */ a(oa, { "aria-hidden": !0 }),
+            onSelect: e,
+            "data-testid": "marketplace-sign-out",
+            children: n.signOut
+          }
+        )
+      ] })
+    ] })
+  );
+}
+function ha({
+  nav: s,
+  renderLink: n
+}) {
+  return /* @__PURE__ */ a(Z, { children: s.map((e) => {
+    const t = typeof e.badgeCount == "number" && e.badgeCount > 0 ? e.badgeCount : void 0, d = /* @__PURE__ */ r(M, { children: [
+      e.icon ? /* @__PURE__ */ a(_, { children: e.icon }) : null,
+      /* @__PURE__ */ a(aa, { children: e.label }),
+      t !== void 0 ? /* @__PURE__ */ a(ea, { children: ua(t) }) : null
+    ] });
+    return n ? /* @__PURE__ */ a(z, { asChild: !0, isActive: e.isActive, children: n({
+      href: e.href,
+      children: d,
+      "aria-current": e.isActive ? "page" : void 0
+    }) }, e.id) : /* @__PURE__ */ a(
+      z,
+      {
+        href: e.href,
+        "aria-label": e.label,
+        isActive: e.isActive,
+        ...e.onClick ? { onClick: e.onClick } : {},
+        children: d
+      },
+      e.id
+    );
+  }) });
+}
+const I = u("ds:bg-[color:var(--app-shell-background)]", {
+  variants: {
+    variant: {
+      standalone: "",
+      embedded: [
+        "ds:flex-1",
+        "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+        "ds:pt-[var(--spacing-lg)] ds:pb-[var(--spacing-md)]"
+      ].join(" ")
+    }
+  },
+  defaultVariants: { variant: "standalone" }
+});
+function ga({
+  nav: s,
+  ariaLabel: n,
+  renderLink: e
+}) {
+  const t = e ? ({
+    href: d,
+    className: l,
+    children: c,
+    "aria-current": o
+  }) => e({ href: d, className: l, children: c, "aria-current": o }) : void 0;
+  return /* @__PURE__ */ a(
+    F,
+    {
+      items: s,
+      ariaLabel: n,
+      ...t ? { renderLink: t } : {}
+    }
+  );
+}
+const va = b(
+  ({
+    productName: s,
+    productHref: n = "/",
+    nav: e,
+    renderLink: t,
+    user: d,
+    labels: l,
+    onSignOut: c,
+    onToggleFullscreen: o,
+    sidebarState: i,
+    mainAriaLabel: p,
+    variant: h = "standalone",
+    children: f
+  }, v) => {
+    const { t: x } = T(), B = t ? /* @__PURE__ */ a(S, { asChild: !0, children: t({
+      href: n,
+      children: /* @__PURE__ */ a(
+        g,
+        {
+          name: s,
+          size: "md",
+          monochrome: !0,
+          variant: "maker"
+        }
+      )
+    }) }) : /* @__PURE__ */ a(
+      S,
+      {
+        href: n,
+        logo: /* @__PURE__ */ a(
+          g,
+          {
+            name: s,
+            size: "md",
+            monochrome: !0,
+            variant: "maker"
+          }
+        )
+      }
+    ), { theme: L, accessibility: V, resolvedTheme: k } = ra(), H = L !== "system" || V !== "system", $ = k.startsWith("dark") ? "dark" : "light", j = k.endsWith("-accessible"), [O, y] = P(!1), R = /* @__PURE__ */ a(ta, { children: /* @__PURE__ */ a(
+      E,
+      {
+        mainAriaLabel: p,
+        mainClassName: I({ variant: "standalone" }),
+        header: /* @__PURE__ */ r(q, { children: [
+          /* @__PURE__ */ r(G, { children: [
+            /* @__PURE__ */ a(A, { href: "#main-content" }),
+            /* @__PURE__ */ a(J, { onMenuOpen: () => y(!0) }),
+            B
+          ] }),
+          /* @__PURE__ */ a(K, {}),
+          /* @__PURE__ */ r(Q, { children: [
+            /* @__PURE__ */ a(U, { size: "sm" }),
+            /* @__PURE__ */ a(
+              fa,
+              {
+                user: d,
+                labels: l,
+                onSignOut: c,
+                onToggleFullscreen: o
+              }
+            )
+          ] })
+        ] }),
+        sidebar: /* @__PURE__ */ a(
+          Y,
+          {
+            ...i !== void 0 ? { state: i } : { defaultState: "expanded" },
+            open: O,
+            onOpenChange: y,
+            "aria-label": x("navigation.sidebar.label"),
+            "data-testid": "marketplace-app-shell-sidebar",
+            children: /* @__PURE__ */ a(ha, { nav: e, renderLink: t })
+          }
+        ),
+        children: f
+      }
+    ) }), W = (
+      // The shell owns the warm-grey canvas; TabBar's strip is transparent and
+      // floats its pill on it, and `<main>` continues the same surface.
+      /* @__PURE__ */ r("div", { className: "ds:flex ds:min-h-dvh ds:flex-col ds:bg-[color:var(--app-shell-background)]", children: [
+        /* @__PURE__ */ a(A, { href: "#main-content" }),
+        /* @__PURE__ */ a(
+          ga,
+          {
+            nav: e,
+            ariaLabel: x("navigation.sidebar.label"),
+            renderLink: t
+          }
+        ),
+        /* @__PURE__ */ a(
+          "main",
+          {
+            id: "main-content",
+            tabIndex: -1,
+            "aria-label": p ?? x("navigation.main.label", "Main content"),
+            className: I({ variant: "embedded" }),
+            children: f
+          }
+        )
+      ] })
+    ), N = h === "embedded" ? W : R;
+    return H ? /* @__PURE__ */ a(
+      sa,
+      {
+        ref: v,
+        theme: $,
+        accessible: j,
+        className: "ds:contents",
+        "data-component": "marketplace-app-shell",
+        children: N
+      }
+    ) : /* @__PURE__ */ a(
+      "div",
+      {
+        ref: v,
+        className: "ds:contents",
+        "data-component": "marketplace-app-shell",
+        children: N
+      }
+    );
+  }
+);
+va.displayName = "MarketplaceAppShell";
+const xa = u(
+  "ds:flex ds:min-h-dvh ds:bg-[color:var(--app-shell-background)]",
+  {
+    variants: {
+      layout: {
+        card: "",
+        split: "ds:flex-col ds:lg:flex-row"
+      }
+    },
+    defaultVariants: { layout: "card" }
+  }
+), ba = u("ds:w-full", {
+  variants: {
+    layout: {
+      card: "ds:max-w-[400px]",
+      split: "ds:max-w-[400px] ds:lg:max-w-[480px]"
+    }
+  },
+  defaultVariants: { layout: "card" }
+}), ka = u("", {
+  variants: {
+    layout: { card: "", split: "ds:lg:hidden" }
+  },
+  defaultVariants: { layout: "card" }
+}), ya = b(
+  ({
+    productName: s,
+    title: n,
+    description: e,
+    connectLabel: t,
+    status: d = "idle",
+    error: l,
+    onConnect: c,
+    footer: o,
+    layout: i = "card",
+    brandPanel: p,
+    className: h
+  }, f) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: f,
+      "data-component": "connect-with-alfadocs",
+      className: `${xa({ layout: i })} ${h ?? ""}`,
+      children: [
+        i === "split" ? (
+          // Desktop brand panel (lg+ only): a bold `--primary` surface with the
+          // monochrome lockup riding the `--primary-foreground` ink, plus an
+          // optional `brandPanel` slot. Decorative — the card carries the real
+          // heading + CTA, and shows its own lockup below `lg:`.
+          /* @__PURE__ */ r("div", { className: "ds:hidden ds:lg:flex ds:lg:w-[55%] ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-lg)] ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:ps-[var(--spacing-2xl)] ds:pe-[var(--spacing-2xl)] ds:pt-[var(--spacing-2xl)] ds:pb-[var(--spacing-2xl)] ds:text-start", children: [
+            /* @__PURE__ */ a(
+              g,
+              {
+                name: s,
+                size: "lg",
+                monochrome: !0,
+                tone: "inherit",
+                variant: "maker"
+              }
+            ),
+            p ? /* @__PURE__ */ a("div", { className: "type-body ds:max-w-[28rem] ds:text-start", children: p }) : null
+          ] })
+        ) : null,
+        /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-1 ds:items-center ds:justify-center ds:p-[var(--spacing-lg)]", children: /* @__PURE__ */ a(w, { className: ba({ layout: i }), children: /* @__PURE__ */ r(w.Body, { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center", children: [
+          /* @__PURE__ */ a(
+            g,
+            {
+              name: s,
+              size: "lg",
+              variant: "maker",
+              className: ka({ layout: i })
+            }
+          ),
+          /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ a("h1", { className: "type-title-card", children: n }),
+            /* @__PURE__ */ a("p", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: e })
+          ] }),
+          d === "error" && l ? /* @__PURE__ */ a(D, { variant: "error", className: "ds:w-full ds:text-start", children: l }) : null,
+          /* @__PURE__ */ a(
+            X,
+            {
+              intent: "primary",
+              className: "ds:w-full",
+              loading: d === "connecting",
+              onClick: c,
+              label: t,
+              "data-testid": "connect-with-alfadocs-button"
+            }
+          ),
+          o ? /* @__PURE__ */ a("div", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: o }) : null
+        ] }) }) })
+      ]
+    }
+  )
+);
+ya.displayName = "ConnectWithAlfadocs";
+export {
+  ya as C,
+  va as M,
+  g as P
+};
+//# sourceMappingURL=marketplace-app-shell-BCYiOvKZ.js.map