@mappedin/viewer 0.32.3-e35e716.0 → 0.33.1-6ec9e1e.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [0.33.0](https://github.com/MappedIn/viewer/compare/viewer-v0.32.2...viewer-v0.33.0) (2025-01-22)
+
+
+### Features
+
+* **SRV-1888:** allow fetching data with a custom token endpoint ([#389](https://github.com/MappedIn/viewer/issues/389)) ([e35e716](https://github.com/MappedIn/viewer/commit/e35e71696909826fb16ba1b831ae64df77578826))
+
 ## [0.32.2](https://github.com/MappedIn/viewer/compare/viewer-v0.32.1...viewer-v0.32.2) (2025-01-16)
 
 

package/dist/index.js

@@ -9477,7 +9477,8 @@ const f0 = new UV2("[Mappedin Viewer]"), sD = {}, xi2 = (i) => i.startsWith("htt
   },
   borderRadius: {
     primary: 4,
-    large: 8
+    large: 8,
+    small: 2
   },
   fontWeight: {
     light: 300,
@@ -70564,12 +70565,13 @@ const p3e = (i, e) => {
   return e;
 }, Qt = (...i) => i.join("-").replaceAll(" ", "-").toLowerCase(), uA = m6`
 	--outline-width: ${(i) => i.$outlineWidth ?? 2}px;
-	outline: var(--outline-width) solid
-		${(i) => {
+	--outline-offset: ${(i) => i.$outlineOffset ?? "calc(-1 * var(--outline-width))"}px;
+	--outline-color: ${(i) => {
   var e;
   return i.$outlineColor ?? I7((e = i.theme) == null ? void 0 : e.colors.accent.primary, "#FFFFFF", 0.5);
 }};
-	outline-offset: ${(i) => i.$outlineOffset ? `${i.$outlineOffset}px` : "calc(-1 * var(--outline-width))"};
+	outline: var(--outline-width) solid var(--outline-color);
+	outline-offset: var(--outline-offset);
 `, ZL2 = (i) => `coordinate-${Joe(i)}`, UL2 = (i) => {
   switch (i) {
     case L0.START:
@@ -71148,6 +71150,26 @@ uA}
         stroke: "none"
       }
     ) })
+  ],
+  [
+    "globe-30x30",
+    /* @__PURE__ */ Z.jsx("svg", { viewBox: "0 0 30 30", stroke: "none", children: /* @__PURE__ */ Z.jsx(
+      "path",
+      {
+        d: "M15 0C12.0333 0 9.13319 0.879735 6.66645 2.52796C4.19971 4.17618 2.27713 6.51886 1.14181 9.25975C0.00649927 12.0006 -0.290551 15.0166 0.288228 17.9264C0.867006 20.8361 2.29562 23.5088 4.3934 25.6066C6.49119 27.7044 9.16394 29.133 12.0736 29.7118C14.9834 30.2906 17.9994 29.9935 20.7403 28.8582C23.4811 27.7229 25.8238 25.8003 27.472 23.3335C29.1203 20.8668 30 17.9667 30 15C29.9954 11.0232 28.4136 7.21051 25.6015 4.39846C22.7895 1.5864 18.9768 0.00458074 15 0ZM27.6923 15C27.6933 16.1705 27.5317 17.3355 27.212 18.4615H21.6577C22.0115 16.1674 22.0115 13.8326 21.6577 11.5385H27.212C27.5317 12.6645 27.6933 13.8295 27.6923 15ZM11.25 20.7692H18.75C18.0111 23.1903 16.7284 25.4103 15 27.2596C13.2722 25.4098 11.9896 23.1899 11.25 20.7692ZM10.6875 18.4615C10.2914 16.1708 10.2914 13.8292 10.6875 11.5385H19.324C19.7202 13.8292 19.7202 16.1708 19.324 18.4615H10.6875ZM2.3077 15C2.30669 13.8295 2.46834 12.6645 2.78799 11.5385H8.34231C7.98846 13.8326 7.98846 16.1674 8.34231 18.4615H2.78799C2.46834 17.3355 2.30669 16.1705 2.3077 15ZM18.75 9.23077H11.25C11.9889 6.80972 13.2716 4.58968 15 2.74038C16.7278 4.59017 18.0104 6.81005 18.75 9.23077ZM26.2976 9.23077H21.1601C20.5126 6.85515 19.4213 4.62357 17.9438 2.65385C19.7289 3.08269 21.4002 3.89247 22.8431 5.02768C24.2861 6.16289 25.4664 7.59668 26.3034 9.23077H26.2976ZM12.0563 2.65385C10.5788 4.62357 9.48743 6.85515 8.83991 9.23077H3.69664C4.53357 7.59668 5.71395 6.16289 7.15686 5.02768C8.59977 3.89247 10.2711 3.08269 12.0563 2.65385ZM3.69664 20.7692H8.83991C9.48743 23.1448 10.5788 25.3764 12.0563 27.3461C10.2711 26.9173 8.59977 26.1075 7.15686 24.9723C5.71395 23.8371 4.53357 22.4033 3.69664 20.7692ZM17.9438 27.3461C19.4213 25.3764 20.5126 23.1448 21.1601 20.7692H26.3034C25.4664 22.4033 24.2861 23.8371 22.8431 24.9723C21.4002 26.1075 19.7289 26.9173 17.9438 27.3461Z",
+        stroke: "none"
+      }
+    ) })
+  ],
+  [
+    "phone-30x30",
+    /* @__PURE__ */ Z.jsx("svg", { viewBox: "0 0 30 30", stroke: "none", children: /* @__PURE__ */ Z.jsx(
+      "path",
+      {
+        d: "M28.5557 20.1689L21.4892 17.0024L21.4697 16.9934C21.1028 16.8365 20.7026 16.7735 20.3053 16.8102C19.908 16.8468 19.5261 16.982 19.1942 17.2034C19.1551 17.2292 19.1175 17.2572 19.0817 17.2874L15.4306 20.3999C13.1176 19.2764 10.7296 16.9064 9.60608 14.6233L12.7231 10.9168C12.7531 10.8793 12.7816 10.8418 12.8086 10.8013C13.0252 10.4703 13.1567 10.0908 13.1912 9.69665C13.2258 9.30252 13.1624 8.90597 13.0066 8.54228V8.52428L9.83108 1.44571C9.62519 0.970603 9.27117 0.574825 8.82186 0.317457C8.37255 0.0600899 7.85205 -0.0450626 7.33807 0.0176966C5.30551 0.285159 3.43981 1.28336 2.08943 2.82587C0.73905 4.36837 -0.00366142 6.34969 1.35731e-05 8.39978C1.35731e-05 20.3099 9.69008 30 21.6002 30C23.6502 30.0037 25.6316 29.2609 27.1741 27.9106C28.7166 26.5602 29.7148 24.6945 29.9822 22.6619C30.0451 22.1481 29.9402 21.6277 29.6831 21.1784C29.426 20.7292 29.0305 20.375 28.5557 20.1689ZM21.6002 27.6C16.5097 27.5944 11.6293 25.5697 8.02976 21.9702C4.43024 18.3707 2.40559 13.4903 2.40003 8.39978C2.39439 6.935 2.92211 5.51824 3.88465 4.4141C4.84718 3.30995 6.17871 2.59392 7.63057 2.39972C7.62998 2.4057 7.62998 2.41173 7.63057 2.41772L10.7806 9.46779L7.68007 13.1788C7.6486 13.215 7.62001 13.2537 7.59457 13.2943C7.36884 13.6407 7.23642 14.0395 7.21014 14.4521C7.18386 14.8647 7.26461 15.2771 7.44457 15.6493C8.80358 18.4289 11.6041 21.2084 14.4136 22.5659C14.7886 22.7442 15.2033 22.8221 15.6174 22.7922C16.0315 22.7622 16.4308 22.6253 16.7761 22.3949C16.8146 22.369 16.8517 22.3409 16.8871 22.3109L20.5337 19.1999L27.5837 22.3574C27.5837 22.3574 27.5957 22.3574 27.6002 22.3574C27.4084 23.8113 26.6934 25.1455 25.5891 26.1105C24.4847 27.0754 23.0667 27.6049 21.6002 27.6Z",
+        stroke: "none"
+      }
+    ) })
   ]
 ]), D3e = le.div`
 	width: ${(i) => i.width}px;
@@ -94062,42 +94084,44 @@ const lA2 = le.div`
 		position: absolute;
 		z-index: 99;
 	}
-`, Qfe = (i) => {
-  const e = (Array.isArray(i) ? i : [i]).filter((p) => mr(p) && p.length > 0), [t, r] = w2.useState(0), [n, a] = w2.useState(!1), [s, o] = w2.useState(!1), [l, u] = w2.useState(!1), [c, h] = w2.useState(null);
+`, Qfe = (i, { onError: e } = {}) => {
+  const t = (Array.isArray(i) ? i : [i]).filter((m) => mr(m) && m.length > 0), [r, n] = w2.useState(0), [a, s] = w2.useState(!1), [o, l] = w2.useState(!1), [u, c] = w2.useState(!1), [h, p] = w2.useState(null), f = () => {
+    l(!0), e == null || e();
+  };
   return w2.useEffect(() => {
-    const p = e[t];
-    if (p == null || p.length === 0) {
-      a(!0), o(!0);
+    const m = t[r];
+    if (m == null || m.length === 0) {
+      s(!0), f();
       return;
     }
-    a(!1);
-    const f = new Image();
-    f.src = p, f.onload = () => {
-      u(!0), a(!0);
-    }, f.onerror = () => {
-      o(!0);
+    s(!1);
+    const y = new Image();
+    y.src = m, y.onload = () => {
+      c(!0), s(!0);
+    }, y.onerror = () => {
+      f();
     }, (async () => {
-      const y = await nS2(p);
-      h(y);
+      const C = await nS2(m);
+      p(C);
     })();
-  }, [i, t]), w2.useEffect(() => {
-    s && t < e.length - 1 && (f0.warn(`Failed to load image at '${e[t]}'! Trying '${e[t + 1]}'...`), r(t + 1), o(!1));
-  }, [s]), { loaded: n, error: s, initialized: l, averageColor: c, imgSrc: e[t] };
-}, ue2 = ({ src: i, alt: e, style: t, role: r }) => {
-  const { loaded: n, error: a, initialized: s, averageColor: o, imgSrc: l } = Qfe(i), c = nt().colors.background.primary, h = WU(o ?? "black") ? tS2 : iS2, p = n ? h : c, { width: f, height: m, refFn: y } = nO();
+  }, [i, r]), w2.useEffect(() => {
+    o && r < t.length - 1 && (f0.warn(`Failed to load image at '${t[r]}'! Trying '${t[r + 1]}'...`), n(r + 1), l(!1));
+  }, [o]), { loaded: a, error: o, initialized: u, averageColor: h, imgSrc: t[r] };
+}, ue2 = ({ src: i, alt: e, style: t, role: r, onError: n }) => {
+  const { loaded: a, error: s, initialized: o, averageColor: l, imgSrc: u } = Qfe(i, { onError: n }), h = nt().colors.background.primary, p = WU(l ?? "black") ? tS2 : iS2, f = a ? p : h, { width: m, height: y, refFn: g } = nO();
   return /* @__PURE__ */ Z.jsxs(
     Jfe,
     {
       style: {
-        background: p,
-        width: f > 0 ? Math.floor(f) : "100%",
-        height: m > 0 ? Math.floor(m) : "100%",
+        background: f,
+        width: m > 0 ? Math.floor(m) : "100%",
+        height: y > 0 ? Math.floor(y) : "100%",
         ...t
       },
-      $blur: s && !n,
+      $blur: o && !a,
       children: [
-        a ? null : /* @__PURE__ */ Z.jsx("img", { loading: "lazy", src: l, alt: e, ref: y, role: r }),
-        !n && !a && !s ? /* @__PURE__ */ Z.jsx("div", { className: "spinner-wrapper", children: /* @__PURE__ */ Z.jsx(vW, { color: "#cccccc", size: 40 }) }) : null
+        s ? null : /* @__PURE__ */ Z.jsx("img", { loading: "lazy", src: u, alt: e, ref: g, role: r }),
+        !a && !s && !o ? /* @__PURE__ */ Z.jsx("div", { className: "spinner-wrapper", children: /* @__PURE__ */ Z.jsx(vW, { color: "#cccccc", size: 40 }) }) : null
       ]
     }
   );
@@ -96690,7 +96714,7 @@ const Fge = ({ color: i = bl.color, changeFrequency: e = bl.changeFrequency, rad
   ] });
 }), TA2 = () => {
   let i = document.querySelector("meta[name=app-version]");
-  i == null && (i = document.createElement("meta"), i.name = "app-version", document.head.appendChild(i)), i.content = "0.32.2";
+  i == null && (i = document.createElement("meta"), i.name = "app-version", document.head.appendChild(i)), i.content = "0.33.0";
   let e = document.querySelector("meta[name=viewport]");
   e == null && (e = document.createElement("meta"), e.name = "viewport", document.head.appendChild(e)), e.content = "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no";
 }, PA2 = (i) => {

package/dist/types/src/components/async-image/index.d.ts

@@ -3,6 +3,7 @@ type TAsyncImageProps = {
     alt?: string;
     style?: React.CSSProperties;
     role?: string;
+    onError?: () => void;
 };
 declare const AsyncImage: React.FC<TAsyncImageProps>;
 export default AsyncImage;

package/dist/types/src/components/card-item/index.d.ts

@@ -4,6 +4,7 @@ type TCardItemProps = {
     left?: React.ReactNode;
     tabIndex?: number;
     role?: string;
+    onClickOrPress?: () => void;
 };
 declare const CardItem: React.FC<PropsWithChildren<TCardItemProps>>;
 export default CardItem;

package/dist/types/src/components/directions/full-width-directions-button.d.ts

@@ -0,0 +1,8 @@
+import { TOnClickOrPressPayload } from '../button';
+type TDirectionsButtonProps = {
+    onClick?: (e: TOnClickOrPressPayload) => void;
+    disabled?: boolean;
+    disabledHoverText?: string;
+};
+declare const FullWidthDirectionsButton: React.FC<TDirectionsButtonProps>;
+export default FullWidthDirectionsButton;

package/dist/types/src/components/link-item/index.d.ts

@@ -1,6 +1,11 @@
-type TLinkItemProps = {
+type TLinkItemWithURLProps = {
     url: string;
     name?: string;
+};
+type TLinkItemWithPhoneNumberProps = {
+    phoneNumber: string;
+};
+type TLinkItemProps = (TLinkItemWithURLProps | TLinkItemWithPhoneNumberProps) & {
     /**
      * Optionally override the icon. Defaults to `link-2-16x16`.
      */

package/dist/types/src/components/link-item/utils.d.ts

@@ -1,7 +1,7 @@
 /**
  * Process link to ensure it has a valid URL and name.
  */
-export declare const useLinkItem: (url: string, name?: string) => {
+export declare const useLinkItem: (urlOrPhoneNumber: string, name?: string) => {
     url: string;
     name: string;
 } | null;

package/dist/types/src/components/metadata-card/metadata-card.stories.d.ts

@@ -1,3 +1,6 @@
 export declare const Default: () => import("react").JSX.Element;
 export declare const NoHero: () => import("react").JSX.Element;
-export declare const LongName: () => import("react").JSX.Element;
+export declare const NoLogo: () => import("react").JSX.Element;
+export declare const NoHeroNoLogo: () => import("react").JSX.Element;
+export declare const NoDetails: () => import("react").JSX.Element;
+export declare const LongContent: () => import("react").JSX.Element;

package/dist/types/src/components/metadata-card/utils.d.ts

@@ -1,4 +1,6 @@
+import { ComponentProps } from 'react';
 import { TOnClickOrPressPayload } from '../button';
+import SocialsItem from '../socials-item';
 export declare const METADATA_CARD_WIDTH = 320;
 export declare const METADATA_CARD_PADDING = 20;
 export declare const HERO_IMAGE_HEIGHT = 200;
@@ -16,12 +18,27 @@ export type TMetadataCardProps = {
      */
     description?: string;
     /**
-     * Links to show. Links can optionally be named. Unnamed links will show up as the link URL.
+     * Main website URL.
+     */
+    website?: {
+        url: string;
+        name?: string;
+    };
+    /**
+     * Other URLs to show. Links can optionally be named. Unnamed links will show up as the link URL.
      */
     links?: {
         url: string;
         name?: string;
     }[];
+    /**
+     * Phone number to show.
+     */
+    phoneNumber?: string;
+    /**
+     * Social media URLs to show.
+     */
+    socialUrls?: ComponentProps<typeof SocialsItem>['socialUrls'];
     /**
      * Image URLs to show in the hero gallery at the top of the card.
      */

package/dist/types/src/components/with-divider/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { PropsWithChildren } from 'react';
+type TWithDividerProps = {
+    divider: React.ReactNode;
+};
+declare const WithDivider: React.FC<PropsWithChildren<TWithDividerProps>>;
+export default WithDivider;

package/dist/types/src/lib/types/theme.d.ts

@@ -73,6 +73,7 @@ export type TTheme = {
     borderRadius: {
         primary: number;
         large: number;
+        small: number;
     };
     fontSize: {
         xsmall: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mappedin/viewer",
-  "version": "0.32.3-e35e716.0",
+  "version": "0.33.1-6ec9e1e.0",
   "type": "module",
   "browser": "./dist/index.js",
   "license": "UNLICENSED",
@@ -56,6 +56,7 @@
     "mockdate": "^3.0.5",
     "node-fetch": "^3.3.2",
     "object-hash": "^3.0.0",
+    "phone": "^3.1.57",
     "posthog-js": "1.181.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",