@mappedin/viewer 0.35.2-3613294.0 → 0.35.2-50f0fde.0

package/dist/index.js

@@ -7704,6 +7704,31 @@ const m7e = "Loading...", y7e = "Stairs", C7e = "Elevator", v7e = "Connection",
   "context-menu": {
     "directions-to-point": "Directions to this point",
     "share-point": "Share this point"
+  },
+  "operation-hours": {
+    midnight: "midnight",
+    noon: "noon",
+    "open-24-hours": "Open 24 hours",
+    closed: "Closed",
+    "open-now": "Open now",
+    "opening-soon": "Opening soon",
+    "closing-soon": "Closing soon",
+    "opens-at": "Opens {{time}}",
+    "closes-at": "Closes {{time}}",
+    "sunday-short": "Sun",
+    "monday-short": "Mon",
+    "tuesday-short": "Tue",
+    "wednesday-short": "Wed",
+    "thursday-short": "Thu",
+    "friday-short": "Fri",
+    "saturday-short": "Sat",
+    "sunday-time": "{{time}} Sun",
+    "monday-time": "{{time}} Mon",
+    "tuesday-time": "{{time}} Tue",
+    "wednesday-time": "{{time}} Wed",
+    "thursday-time": "{{time}} Thu",
+    "friday-time": "{{time}} Fri",
+    "saturday-time": "{{time}} Sat"
   }
 }, N7e = {
   "access-features": "Access Features",
@@ -9673,6 +9698,7 @@ const t2 = new Zde("[Mappedin Viewer]"), cS = {}, q2e = (t) => t.startsWith("htt
       placeholder: "#BFBFBF",
       inverted: "#FFFFFF",
       error: "#D46B08",
+      error2: "#CF1322",
       link: "#1890FF"
     },
     map: {
@@ -9712,7 +9738,8 @@ const t2 = new Zde("[Mappedin Viewer]"), cS = {}, q2e = (t) => t.startsWith("htt
     small: 14,
     normal: 16,
     large: 18,
-    xlarge: 20
+    xlarge: 20,
+    title: 22
   },
   borderRadius: {
     primary: 4,
@@ -9753,7 +9780,8 @@ const t2 = new Zde("[Mappedin Viewer]"), cS = {}, q2e = (t) => t.startsWith("htt
   small: 12,
   normal: 14,
   large: 16,
-  xlarge: 18
+  xlarge: 18,
+  title: 20
 }, Kde = (t) => ({
   ...t,
   fontSize: Xde
@@ -9778,6 +9806,7 @@ const t2 = new Zde("[Mappedin Viewer]"), cS = {}, q2e = (t) => t.startsWith("htt
       tertiary: "#7E7D7D",
       quaternary: "#6A9FA0",
       error: "#C47947",
+      error2: "#BE5050",
       highlight: "#65ADAE",
       link: "#6A9FA0"
     },
@@ -9838,6 +9867,7 @@ const t2 = new Zde("[Mappedin Viewer]"), cS = {}, q2e = (t) => t.startsWith("htt
       tertiary: "#969EA8",
       quaternary: "#C7C7C7",
       error: "#DA9D70",
+      error2: "#BA5959",
       highlight: "#6ABBEE",
       placeholder: "#969EA8",
       link: "#649CBE"
@@ -9901,6 +9931,7 @@ const t2 = new Zde("[Mappedin Viewer]"), cS = {}, q2e = (t) => t.startsWith("htt
       tertiary: "#AAA9A9",
       quaternary: "#46A7BD",
       error: "#D17C43",
+      error2: "#C24C4C",
       highlight: "#46A7BD",
       link: "#46A7BD"
     },
@@ -9963,6 +9994,7 @@ const t2 = new Zde("[Mappedin Viewer]"), cS = {}, q2e = (t) => t.startsWith("htt
       highlight: "#6A8EFF",
       placeholder: "#989A9E",
       error: "#D19D87",
+      error2: "#BB5E5E",
       link: "#7991DC"
     },
     map: {
@@ -10028,6 +10060,7 @@ const t2 = new Zde("[Mappedin Viewer]"), cS = {}, q2e = (t) => t.startsWith("htt
       highlight: "#6A8EFF",
       placeholder: "#989A9E",
       error: "#D19D87",
+      error2: "#BB5E5E",
       link: "#cc6b2b"
     },
     map: {
@@ -10089,6 +10122,7 @@ const t2 = new Zde("[Mappedin Viewer]"), cS = {}, q2e = (t) => t.startsWith("htt
       tertiary: "#AAA9A9",
       quaternary: "#C14D4D",
       error: "#D17C43",
+      error2: "#C24C4C",
       highlight: "#C14D4D",
       link: "#C14D4D"
     },
@@ -68749,6 +68783,16 @@ const oce = /* @__PURE__ */ new Map([
       }
     ) })
   ],
+  [
+    "clock-32x32",
+    /* @__PURE__ */ Z.jsx("svg", { viewBox: "0 0 32 32", stroke: "none", children: /* @__PURE__ */ Z.jsx(
+      "path",
+      {
+        d: "M16 0C12.8355 0 9.74207 0.938383 7.11088 2.69649C4.4797 4.45459 2.42894 6.95344 1.21793 9.87706C0.00693255 12.8007 -0.309921 16.0177 0.307443 19.1214C0.924806 22.2251 2.44866 25.0761 4.6863 27.3137C6.92394 29.5513 9.77486 31.0752 12.8786 31.6926C15.9823 32.3099 19.1993 31.9931 22.1229 30.7821C25.0466 29.5711 27.5454 27.5203 29.3035 24.8891C31.0616 22.2579 32 19.1645 32 16C31.9955 11.7579 30.3084 7.69085 27.3088 4.69124C24.3092 1.69163 20.2421 0.00447972 16 0ZM16 29.5385C13.3223 29.5385 10.7048 28.7444 8.47844 27.2568C6.25205 25.7692 4.51679 23.6548 3.4921 21.1809C2.4674 18.7071 2.1993 15.985 2.72168 13.3588C3.24407 10.7326 4.53348 8.32025 6.42687 6.42686C8.32026 4.53347 10.7326 3.24406 13.3588 2.72168C15.985 2.19929 18.7071 2.4674 21.1809 3.49209C23.6548 4.51679 25.7692 6.25204 27.2568 8.47843C28.7444 10.7048 29.5385 13.3223 29.5385 16C29.5344 19.5894 28.1067 23.0306 25.5686 25.5686C23.0306 28.1067 19.5894 29.5344 16 29.5385ZM25.8462 16C25.8462 16.3264 25.7165 16.6395 25.4857 16.8703C25.2549 17.1011 24.9418 17.2308 24.6154 17.2308H16C15.6736 17.2308 15.3605 17.1011 15.1297 16.8703C14.8989 16.6395 14.7692 16.3264 14.7692 16V7.38461C14.7692 7.05819 14.8989 6.74514 15.1297 6.51433C15.3605 6.28351 15.6736 6.15384 16 6.15384C16.3264 6.15384 16.6395 6.28351 16.8703 6.51433C17.1011 6.74514 17.2308 7.05819 17.2308 7.38461V14.7692H24.6154C24.9418 14.7692 25.2549 14.8989 25.4857 15.1297C25.7165 15.3605 25.8462 15.6736 25.8462 16Z",
+        stroke: "none"
+      }
+    ) })
+  ],
   [
     "star-40x40",
     /* @__PURE__ */ Z.jsx("svg", { viewBox: "0 0 40 40", stroke: "none", children: /* @__PURE__ */ Z.jsx(
@@ -76442,7 +76486,10 @@ const Stt = (t) => {
 `, ME = ct(L0)`
 	padding: 16px;
 	background-color: transparent;
-`, Ftt = ct.div.attrs({ id: "image-carousel" })`
+`, Ftt = ct.div.attrs({
+  id: "image-carousel",
+  $outlineOffset: -4
+})`
 	position: relative;
 	overflow: hidden;
 

package/dist/types/src/components/area-marker/area-marker.stories.d.ts

@@ -0,0 +1,2 @@
+import { Story } from '@ladle/react';
+export declare const Default: Story;

package/dist/types/src/components/area-marker/index.d.ts

@@ -0,0 +1,6 @@
+import { Area } from '../../lib/sdk';
+type TAreaMarkerProps = {
+    area: Area;
+};
+declare const AreaMarker: React.FC<TAreaMarkerProps>;
+export default AreaMarker;

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

@@ -1,6 +1,7 @@
 import { ComponentProps } from 'react';
 import { TOnClickOrPressPayload } from '../button';
 import SocialsItem from '../socials-item';
+import OpeningHours from '../../lib/time/opening-hours';
 export declare const METADATA_CARD_WIDTH = 320;
 export declare const METADATA_CARD_PADDING = 20;
 export declare const HERO_IMAGE_HEIGHT = 200;
@@ -50,6 +51,10 @@ export type TMetadataCardProps = {
         id: string;
         name: string;
     }[];
+    /**
+     * Opening hours to show in the card.
+     */
+    hours?: OpeningHours;
     /**
      * URL to show on a button just above the directions button.
      */

package/dist/types/src/components/operation-hours/hours-list.d.ts

@@ -0,0 +1,9 @@
+import OpeningHours from '../../lib/time/opening-hours';
+import React from 'react';
+export declare const HOURS_LIST_HEIGHT = 24;
+type THoursListProps = {
+    hours: OpeningHours;
+    date?: Date;
+};
+declare const HoursList: React.FC<THoursListProps>;
+export default HoursList;

package/dist/types/src/components/operation-hours/index.d.ts

@@ -0,0 +1,7 @@
+import OpeningHours from '../../lib/time/opening-hours';
+type TOperationHoursProps = {
+    hours: OpeningHours;
+    date?: Date;
+};
+declare const OperationHours: React.FC<TOperationHoursProps>;
+export default OperationHours;

package/dist/types/src/components/operation-hours/open-status.d.ts

@@ -0,0 +1,9 @@
+import OpeningHours from '../../lib/time/opening-hours';
+type TOpenStatusProps = {
+    hours: OpeningHours;
+    onClick?: () => void;
+    chevron?: 'right' | 'down';
+    date?: Date;
+};
+declare const OpenStatus: React.FC<TOpenStatusProps>;
+export default OpenStatus;

package/dist/types/src/components/operation-hours/operation-hours.stories.d.ts

@@ -0,0 +1,4 @@
+import { Story } from '@ladle/react';
+export declare const Default: Story;
+export declare const Hours: Story;
+export declare const Status: Story;

package/dist/types/src/lib/time/opening-hours.d.ts

@@ -0,0 +1,72 @@
+import Time from './time';
+import { TOpeningHours } from './types';
+/**
+ * Class with a time and day of the week.
+ */
+declare class TimeOfWeek {
+    #private;
+    constructor(time: Time, day: number);
+    get day(): number;
+    get time(): Time;
+    toLocaleString(locale: string, options?: Partial<{
+        includeDay: boolean;
+    }>): string;
+}
+/**
+ * A set of opening hours for a location defined in local time within a specific timezone.
+ */
+declare class OpeningHours {
+    #private;
+    /**
+     * Create a new OpeningHours object.
+     */
+    constructor(openingHours: TOpeningHours, tz: string);
+    /**
+     * Return a {@link Time} object in the store's timezone. Defaults to the current date.
+     */
+    getTime(date?: Date): Time;
+    /**
+     * Return a day of the week as a number in the store's timezone. Defaults to the current date.
+     */
+    getDay(date?: Date): number;
+    /**
+     * Return an array of localized, formatted string representations of the opening hours for each
+     * day of the week. The first entry in the array is the provided date's opening hours. If no
+     * date is provided, the current date is used.
+     */
+    toLocaleStrings(locale: string, date?: Date): (readonly [string, string])[];
+    /**
+     * Return true if the opening hours are open 24/7.
+     */
+    isOpen247(): boolean;
+    /**
+     * Return true if the opening hours are always closed.
+     */
+    isClosed247(): boolean;
+    /**
+     * Returns true if a given {@link Date} is within the opening hours. Defaults to checking the
+     * current date.
+     */
+    isOpen(date?: Date): boolean;
+    /**
+     * Return true if a given {@link Date} is within 1 hour of the opening hours. Returns false if
+     * the store is already open. Defaults to checking the current date.
+     */
+    isOpeningSoon(date?: Date): boolean;
+    /**
+     * Return true if a given {@link Date} is within 1 hour of the closing hours. Returns false if
+     * the store is already closed. Defaults to checking the current date.
+     */
+    isClosingSoon(date?: Date): boolean;
+    /**
+     * Returns the next time the store will open from a given date. Defaults to checking the current
+     * date.
+     */
+    opensAt(date?: Date): TimeOfWeek | null;
+    /**
+     * Returns the next time the store will close from a given date. Defaults to checking the current
+     * date.
+     */
+    closesAt(date?: Date): TimeOfWeek | null;
+}
+export default OpeningHours;

package/dist/types/src/lib/time/opening-hours.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,66 @@
+declare const customInspectSymbol: unique symbol;
+/**
+ * A time in minutes and hours, without a date.
+ */
+declare class Time {
+    #private;
+    /**
+     * Create a new Time object. If no arguments are provided, the current time is used.
+     * If a Date is provided, the time is set to the time of the provided date. If two
+     * numbers are provided, the time is set to the given hours and minutes.
+     */
+    constructor();
+    constructor(date: Date);
+    constructor(hour: number, minute: number);
+    /**
+     * Get the hours of this time.
+     */
+    get hours(): number;
+    /**
+     * Get the minutes of this time.
+     */
+    get minutes(): number;
+    [customInspectSymbol](): string;
+    /**
+     * Returns true if this time is midnight. This can be either 00:00 or 24:00.
+     */
+    isMidnight(): boolean;
+    /**
+     * Returns true if this time is noon.
+     */
+    isNoon(): boolean;
+    /**
+     * Returns true if this time is equal to another time. 00:00 and 24:00 are considered
+     * to be equal.
+     */
+    isEqual(other: Time): boolean;
+    /**
+     * Returns true if this time is later than another time, assuming the times are on the
+     * same day. 00:00 is considered to be earlier than any other time; 24:00 is considered
+     * to be later than any other time.
+     */
+    isLaterThan(other: Time): boolean;
+    /**
+     * Returns true if this time is later than or equal to another time. Unlike {@link isLaterThan},
+     * 00:00 is considered to be equal to 24:00.
+     */
+    isLaterThanOrEqual(other: Time): boolean;
+    /**
+     * Returns true if the given time is between the start and end time, inclusive.
+     *
+     * Assumes the start time is on the same day. If the end time is earlier than the start time,
+     * it is assumed to be on the next day. If the start time is equal to the end time, it is
+     * assumed to include the entire day and this function will always return true.
+     */
+    isBetween(start: Time, end: Time): boolean;
+    /**
+     * Return the number of minutes forward in time required to reach another time. If the
+     * other time is earlier than this time, it is assumed to be on the next day.
+     */
+    minutesTo(other: Time): number;
+    /**
+     * Return a localized, formatted string representation of the time.
+     */
+    toLocaleString(locale?: string, options?: Intl.DateTimeFormatOptions): string;
+}
+export default Time;

package/dist/types/src/lib/time/time.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,33 @@
+/**
+ * An array representing a time range in hours and minutes. If the second time is earlier
+ * than the first time, it is assumed to be on the next day.
+ */
+export type TTimeRange = [number, number, number, number];
+/**
+ * Opening hours for a single day. For a store with hours, it is either a {@link TTimeRange}
+ * or a pair of {@link TTimeRange}s, or null if the store is closed for the day. The second
+ * time range, if specified, must begin after the first time range ends. Otherwise, the meaning
+ * is undefined.
+ */
+export type TSingleDayOpeningHours = [TTimeRange] | [TTimeRange, TTimeRange] | null;
+/**
+ * A collection of {@link TSingleDayOpeningHours} for Sunday to Saturday.
+ */
+export type TRegularOpeningHours = [
+    TSingleDayOpeningHours,
+    TSingleDayOpeningHours,
+    TSingleDayOpeningHours,
+    TSingleDayOpeningHours,
+    TSingleDayOpeningHours,
+    TSingleDayOpeningHours,
+    TSingleDayOpeningHours
+];
+/**
+ * A collection of {@link TSingleDayOpeningHours} for every day of the week and for
+ * holidays. The first entry is for Sunday, the second for Monday, etc. The last entry
+ * is for holidays.
+ */
+export type TOpeningHours = TRegularOpeningHours | [
+    ...TRegularOpeningHours,
+    TSingleDayOpeningHours
+];

package/dist/types/src/lib/time/utils.d.ts

@@ -0,0 +1,34 @@
+import Time from './time';
+import { TSingleDayOpeningHours, TTimeRange } from './types';
+/**
+ * Returns true if the given locale uses a 24-hour time format.
+ */
+export declare const is24HourTime: (locale: string) => boolean;
+/**
+ * Convert the name of a day of the week to a number between 0 and 6. Returns -1 if the day is not
+ * valid.
+ */
+export declare const dayOfWeekNum: (day: string) => number;
+/**
+ * Get the current timezone of the client.
+ */
+export declare const getTZ: () => string;
+/**
+ * Given a timezone and a date, return the hours, minutes, and day of week in that timezone.
+ * Day of week is 0-6, where 0 is Sunday. If no timezone is specified, uses the client's local
+ * timezone. If no date is specified, uses the current date.
+ */
+export declare const getTimePartsAtTZ: (tz: string, date: Date) => {
+    hours: number;
+    minutes: number;
+    dayOfWeek: number;
+};
+/**
+ * Given a single day's opening hours, return the start and end times. If the opening
+ * hours are a pair of time ranges, return the start and end times for both ranges.
+ * Returns null if the store is closed for the day.
+ */
+export declare function singleDayOpeningHoursTimes(hours: null): null;
+export declare function singleDayOpeningHoursTimes(hours: [TTimeRange]): [Time, Time];
+export declare function singleDayOpeningHoursTimes(hours: [TTimeRange, TTimeRange]): [Time, Time, Time, Time];
+export declare function singleDayOpeningHoursTimes(hours: TSingleDayOpeningHours): [Time, Time] | [Time, Time, Time, Time] | null;

package/dist/types/src/lib/time/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -37,6 +37,7 @@ export type TTheme = {
             inverted: string;
             link: string;
             error: string;
+            error2: string;
         };
         map: {
             labels: {
@@ -81,6 +82,7 @@ export type TTheme = {
         normal: number;
         large: number;
         xlarge: number;
+        title: number;
     };
     fontWeight: {
         light: number;

package/dist/types/src/lib/utils/language-utils.d.ts

@@ -0,0 +1 @@
+export declare const getLocale: (locale?: string) => string;

package/dist/types/src/stores/ui-store/index.d.ts

@@ -58,6 +58,7 @@ declare class UIStore {
                 inverted: string;
                 link: string;
                 error: string;
+                error2: string;
             }>;
             map: Partial<{
                 labels: Partial<{
@@ -102,6 +103,7 @@ declare class UIStore {
             normal: number;
             large: number;
             xlarge: number;
+            title: number;
         }>;
         fontWeight: Partial<{
             light: number;

package/dist/types/src/test-utils/test-suite.d.ts

@@ -0,0 +1,25 @@
+/**
+ * A set of given and expected values for testing.
+ */
+export type TTestCondition<Given, Expected> = readonly [Given, Expected];
+/**
+ * A test case with a name and a {@link TTestCondition}s.
+ */
+export type TTestCase<Given, Expected> = [string, readonly TTestCondition<Given, Expected>[]];
+/**
+ * A suite of {@link TTestCase}s.
+ */
+export type TTestSuite<Given, Expected> = readonly TTestCase<Given, Expected>[];
+/**
+ * A callback for running tests in a {@link TTestSuite}.
+ */
+export type TTestSuiteCallback<Given, Expected> = (testName: string, value: TTestCondition<Given, Expected>) => void;
+/**
+ * Run a callback with tests for each {@link TTestCase} in a {@link TTestSuite}. This is useful for
+ * running many tests with the same exact format, where the input and output can be easily abstracted.
+ */
+declare const testSuite: {
+    <Given, Expected>(name: string, config: TTestSuite<Given, Expected>, cb: TTestSuiteCallback<Given, Expected>): void;
+    only: <Given, Expected>(name: string, config: TTestSuite<Given, Expected>, cb: TTestSuiteCallback<Given, Expected>) => void;
+};
+export default testSuite;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mappedin/viewer",
-  "version": "0.35.2-3613294.0",
+  "version": "0.35.2-50f0fde.0",
   "type": "module",
   "browser": "./dist/index.js",
   "license": "UNLICENSED",