@shipengine/elements 1.8.0 → 2.0.0

package/money-d4f3d7c3.js

@@ -0,0 +1 @@
+import{z as n}from"zod";import{SE as e}from"@shipengine/react-api";const r=n.object({amount:n.number().nonnegative(),currency:n.nativeEnum(e.Currency)});export{r as m};

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@shipengine/elements",
-  "version": "1.8.0",
+  "version": "2.0.0",
   "peerDependencies": {
-    "@shipengine/alchemy": "5.x.x",
     "@emotion/react": "11.x",
     "react-i18next": "11.x",
     "i18next": "22.x",
@@ -12,11 +11,54 @@
   "msw": {
     "workerDirectory": "public"
   },
-  "module": "./index.js",
   "main": "./index.cjs",
+  "exports": {
+    ".": {
+      "import": "./index.js",
+      "require": "./index.js"
+    },
+    "./components": {
+      "import": "./components.js",
+      "require": "./components.js"
+    },
+    "./constants": {
+      "import": "./constants.js",
+      "require": "./constants.js"
+    },
+    "./elements": {
+      "import": "./elements.js",
+      "require": "./elements.js"
+    },
+    "./extensions": {
+      "import": "./extensions.js",
+      "require": "./extensions.js"
+    },
+    "./hooks": {
+      "import": "./hooks.js",
+      "require": "./hooks.js"
+    },
+    "./schemas": {
+      "import": "./schemas.js",
+      "require": "./schemas.js"
+    },
+    "./types": {
+      "import": "./types.js",
+      "require": "./types.js"
+    },
+    "./utilities": {
+      "import": "./utilities.js",
+      "require": "./utilities.js"
+    },
+    "./workflows": {
+      "import": "./workflows.js",
+      "require": "./workflows.js"
+    }
+  },
+  "module": "./index.js",
   "type": "module",
   "types": "./src/index.d.ts",
   "dependencies": {
+    "@emotion/cache": "11.10.5",
     "@emotion/serialize": "1.1.1",
     "@faker-js/faker": "7.6.0",
     "@hookform/resolvers": "2.9.1",
@@ -24,9 +66,10 @@
     "@rjsf/core": "5.16.1",
     "@rjsf/utils": "5.16.1",
     "@rjsf/validator-ajv8": "5.16.1",
-    "@shipengine/giger": "1.9.0",
-    "@shipengine/giger-theme": "1.3.0",
-    "@shipengine/js-api": "1.13.0",
+    "@shipengine/giger": "1.11.2",
+    "@shipengine/giger-theme": "1.5.1",
+    "@shipengine/js-api": "1.21.0",
+    "@shipengine/react-api": "2.11.8",
     "@storybook/addons": "6.5.16",
     "@storybook/components": "7.0.0-rc.1",
     "@storybook/core-events": "7.0.0-rc.1",
@@ -35,17 +78,20 @@
     "@tanstack/react-query": "4.36.1",
     "@testing-library/dom": "8.19.0",
     "@vitejs/plugin-react": "1.3.2",
-    "axios": "0.28.1",
+    "axios": "1.7.2",
     "card-validator": "8.1.1",
+    "classnames": "2.5.1",
     "copy-to-clipboard": "3.3.3",
     "date-fns": "3.6.0",
     "expect": "28.1.3",
     "humps": "2.0.1",
+    "i18next-browser-languagedetector": "6.1.8",
     "js-base64": "3.7.3",
     "libphonenumber-js": "1.10.14",
     "lodash": "4.17.21",
     "react-hook-form": "7.40.0",
     "rollup-plugin-copy": "3.4.0",
+    "stylis": "4.1.3",
     "use-debounce": "10.0.0",
     "zod": "3.19.1"
   }

package/phone-87dd7bd8.js

@@ -0,0 +1 @@
+import{isValidPhoneNumber as r}from"libphonenumber-js/min";import{z as o}from"zod";const i=(i="US")=>o.string().trim().refine((o=>r(o,i)),"schemaErrors.notAValidPhoneNumber"),m=o.string().trim();export{m as a,i as p};

package/schemas.js

@@ -0,0 +1 @@
+export{m as moneySchema}from"./money-d4f3d7c3.js";export{p as phoneSchema,a as phoneSchemaUnvalidated}from"./phone-87dd7bd8.js";import"zod";import"@shipengine/react-api";import"libphonenumber-js/min";

package/shipment-150160e0.js

@@ -0,0 +1 @@
+import{C as s,D as t,s as e,_ as n}from"./carrier-c2a5ed53.js";const o=(s,t)=>{var e;return null!==(e=null==s?void 0:s.reduce(((s,e)=>Object.assign(Object.assign({},s),t(e,s))),{}))&&void 0!==e?e:{}},i=s=>`${s.length} x ${s.width} x ${s.height} `;function a(s,{allowAllZeroes:t}={}){const{length:e,width:n,height:o,unit:i}=s;if(![e,n,o].every((s=>0===s))||t)return Object.assign(Object.assign({},s),{unit:null!=i?i:"inch"})}const u=({shipFrom:s,shipTo:t})=>(null==s?void 0:s.countryCode)!==(null==t?void 0:t.countryCode),c=({shipFrom:e,shipTo:n})=>e&&s(e)||n&&(s(n)||t(n))||(null==e?void 0:e.countryCode)!==(null==n?void 0:n.countryCode),l=s=>null==s?void 0:s.filter((s=>"pending"===s.shipmentStatus)).sort(e)[0],r=s=>null==s?void 0:s.filter((s=>"cancelled"===s.shipmentStatus)).sort(e)[0],d=(s,t)=>null==t?void 0:t.filter((({shipmentStatus:t})=>t===s)).sort(e)[0],m=s=>{var t,e;if(!(null===(e=null===(t=s.customs)||void 0===t?void 0:t.customsItems)||void 0===e?void 0:e.length))return s;const o=s.customs.customsItems.map((s=>Object.assign(Object.assign({},s),{value:s.value instanceof Object?s.value:{amount:s.value,currency:s.valueCurrency||"USD"}}))),i=s.customs,a=n(i,["customsItems"]);return Object.assign(Object.assign({},s),{customs:a,packages:s.packages.map(((s,t)=>0===t?Object.assign(Object.assign({},s),{products:o}):s))})};export{a,c as b,o as c,l as d,r as e,i as f,u as g,d as h,m};

package/src/components/add-funds-form/add-funds-form.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 /**
  * @internal
  *

package/src/components/address-preference-context/address-preference-context.d.ts

@@ -1,18 +1,21 @@
 import { ReactNode } from "react";
 import { SE } from "@shipengine/js-api";
 import { WarehousePayload } from "../";
-import { WalletPayload } from "../templates";
+import { RegisterFundingSourceCarrierPayload, WalletPayload } from "../templates";
 import { AddressValidationPreference } from "../templates/address-preference-select";
 type WarehouseData = Pick<WarehousePayload, "name" | "isDefault">;
 type WalletData = {
     creditCard: WalletPayload["creditCard"];
 };
+type RegisterFundingSourceCarrierData = {
+    agreeToTerms: RegisterFundingSourceCarrierPayload["agreeToTerms"];
+};
 type InternalValidateAddressPayload = {
     addresses: {
         originAddress: SE.Address;
         returnAddress?: SE.Address | undefined;
     };
-    data?: WarehouseData | WalletData;
+    data?: WarehouseData | WalletData | RegisterFundingSourceCarrierData;
     onValid: (payload: {
         originAddress: SE.Address;
         returnAddress?: SE.Address;

package/src/components/auto-funding-form/auto-funding-form.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 /**
  * @internalccount
  *

package/src/components/carrier-balance/carrier-balance.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 /**
  * @internal
  *

package/src/components/carrier-icon/carrier-icon.d.ts

@@ -1,13 +1,13 @@
-declare const iconSize: {
-    small: string;
-    medium: string;
-    regular: string;
-    large: string;
-    extra_large: string;
+import { IconSize } from "@shipengine/giger";
+export declare const styles: {
+    getIconSize: (size: IconSize) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        height: string;
+        width: string;
+    };
 };
 export type CarrierIconProps = {
     carrierCode: string;
-    size?: keyof typeof iconSize;
+    carrierName?: string;
+    size?: IconSize;
 };
-export declare const CarrierIcon: ({ carrierCode, size }: CarrierIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
+export declare const CarrierIcon: ({ carrierCode, carrierName, size, }: CarrierIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/carrier-logo/carrier-logo.d.ts

@@ -5,7 +5,8 @@ declare const sizes: {
 };
 export type CarrierLogoProps = {
     carrierCode: string;
+    carrierName: string;
     size?: keyof typeof sizes;
 };
-export declare const CarrierLogo: ({ carrierCode, size }: CarrierLogoProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export declare const CarrierLogo: ({ carrierCode, carrierName, size }: CarrierLogoProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
 export {};

package/src/components/collapsible-panel/collapsible-panel.d.ts

@@ -1,5 +1,5 @@
-import { SE } from "@shipengine/alchemy";
 import { WithChildrenCommonProps } from "@shipengine/giger";
+import { SE } from "@shipengine/react-api";
 /**
  * @internal
  *

package/src/components/display-term/display-term.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/js-api";
 export type DisplayTermProps = {
     term: Pick<SE.MetadataRequiredTerm, "links">;
 };

package/src/components/edit-billing-form/edit-billing-form.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 export type EditBillingFormProps = {
     onCancel: () => void;
     onSubmit: (billingInfo: SE.FundingSourceAddress, creditCardInfo: SE.CreditCardInfo) => void;

package/src/components/field/date-picker/date-picker.d.ts

@@ -1,3 +1,3 @@
 import { IDatePickerProps } from "@shipengine/giger";
 import { ControlledField } from "../create-field-controller";
-export declare const DatePicker: ControlledField<IDatePickerProps>;
+export declare const DatePicker: ControlledField<IDatePickerProps<boolean>>;

package/src/components/field/money-input/money-input.d.ts

@@ -1,5 +1,5 @@
-import { SE } from "@shipengine/alchemy";
 import { InputProps } from "@shipengine/giger";
+import { SE } from "@shipengine/react-api";
 import { ControlledField } from "../create-field-controller";
 export declare const transform: {
     in: ({ amount, currency }?: Partial<{

package/src/components/field/rate-card/cost-breakdown/cost-breakdown.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 export interface CostBreakdownProps {
     confirmationAmount?: SE.Money;
     insuranceAmount?: SE.Money;

package/src/components/field/rate-card/rate-card.d.ts

@@ -1,10 +1,11 @@
-import type { SE } from "@shipengine/alchemy";
 import { WithCommonProps } from "@shipengine/giger";
+import type { SE } from "@shipengine/react-api";
 import { RateOption } from "../../../hooks";
 export type RateCardProps = Partial<RateOption> & WithCommonProps<{
     isAcknowledged?: boolean;
     isLoading?: boolean;
     isPreferredRate?: boolean;
+    mapViewEnabled?: boolean;
     onClick?: (rateId: string) => void;
     onClickAcknowledgement?: (isAcknowledged: boolean) => void;
     onSelectServicePoint?: (servicePoint?: SE.ServicePoint) => void;
@@ -15,4 +16,4 @@ export type RateCardProps = Partial<RateOption> & WithCommonProps<{
     voided?: boolean;
     voidedAt?: string;
 }>;
-export declare const RateCard: ({ carrierCode, carrierFriendlyName, carrierNickname, children, className, confirmationAmount, deliveryDays, insuranceAmount, isAcknowledged, messages, onClick, onClickAcknowledgement, onSelectServicePoint, otherAmount, rateId, requiresAcknowledgement, rateAcknowledgementMessage, selected, serviceCode, packageType, serviceType, shippingAmount, taxAmount, trackable, trackingStatus, voided, voidedAt, isLoading: servicePointsLoading, isPreferredRate, selectedRateCost, servicePoints, }: RateCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RateCard: ({ carrierCode, carrierFriendlyName, carrierNickname, children, className, confirmationAmount, deliveryDays, insuranceAmount, isAcknowledged, messages, onClick, onClickAcknowledgement, onSelectServicePoint, otherAmount, rateId, requiresAcknowledgement, rateAcknowledgementMessage, selected, serviceCode, packageType, serviceType, shippingAmount, taxAmount, trackable, trackingStatus, voided, voidedAt, isLoading: servicePointsLoading, isPreferredRate, selectedRateCost, servicePoints, mapViewEnabled, }: RateCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/field/rate-card/rate-card.styles.d.ts

@@ -7,7 +7,6 @@ export declare const getArticleSelectedStyles: (theme: Theme) => SerializedStyle
 export declare const getArticleVoidedStyles: () => SerializedStyles;
 export declare const getSectionStyles: (theme: Theme) => SerializedStyles;
 export declare const getRateImageStyles: (theme: Theme) => SerializedStyles;
-export declare const getViewShipmentImageStyles: (theme: Theme) => SerializedStyles;
 export declare const getRateSavingsSectionStyles: () => SerializedStyles;
 export declare const getRateSavingsStyles: (theme: Theme) => SerializedStyles;
 export declare const getRateInfoStyles: (theme: Theme) => SerializedStyles;

package/src/components/field/rate-select/rate-select.d.ts

@@ -1,13 +1,18 @@
-import type { SE } from "@shipengine/alchemy";
+/// <reference types="react" />
+import type { SE } from "@shipengine/react-api";
 import { RateOption } from "../../../hooks";
 import { RateFormProps } from "../../templates";
 import { ControlledField } from "../create-field-controller";
-type RateSelectProps = {
+export type RateSelectProps = {
     isLoading?: boolean;
+    mapViewEnabled?: boolean;
     nicknameFeature?: boolean;
     onSelectServicePoint?: (servicePoint?: SE.ServicePoint) => void;
     options: RateOption[];
     preferredServiceCodes?: RateFormProps["preferredServiceCodes"];
+    rateFormScrollToRef?: React.RefObject<HTMLFormElement>;
+    setShowHiddenRates?: (showHiddenRates: boolean) => void;
+    showHiddenRates?: boolean;
 };
 type RateSelectOptions = {
     onClick?: (rateId: string) => void;

package/src/components/fund-and-purchase/fund-and-purchase.d.ts

@@ -1,5 +1,5 @@
 import { Control } from "react-hook-form";
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 /**
  * @internal
  *
@@ -20,7 +20,10 @@ export type FundAndPurchaseProps = {
     nickname?: string;
     onPurchase: () => void;
     onSave: () => Promise<void>;
+    onVatRegistrationComplete?: () => void;
     purchaseAmount: number;
+    rateDetails?: SE.RateDetail[];
+    showVatSettings?: boolean;
 };
 /**
  * @internal
@@ -33,4 +36,4 @@ export type FundAndPurchaseProps = {
  *
  * @see {@link FundAndPurchaseProps | The props that are passed into the `<FundAndPurchase />` component}
  */
-export declare const FundAndPurchase: ({ balance: uspsBalance, carrierId, className, control, currency, disabled, isFundingEnabled, isFundingRequired, isPreferredRate, nickname, purchaseAmount, onSave, onPurchase, }: FundAndPurchaseProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const FundAndPurchase: ({ balance: uspsBalance, carrierId, control, currency, disabled, isFundingEnabled, isFundingRequired, isPreferredRate, nickname, purchaseAmount, rateDetails, onSave, onPurchase, showVatSettings, onVatRegistrationComplete, }: FundAndPurchaseProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/here-map/here-map.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+/// <reference types="heremaps" />
+import { MarkerData } from "../../hooks/here-map/use-here-map-ui";
+export type HereMapProps = {
+    children?: React.ReactNode;
+    informationCardContent?: React.ReactNode;
+    mapOptions: H.Map.Options;
+    markerData?: MarkerData[];
+    onClickMarker?: (markerData: MarkerData) => void;
+    onMapCenterChange?: () => void;
+    showMapSettingsControl?: boolean;
+    showScaleBarControl?: boolean;
+    showZoomControl?: boolean;
+    zoomControlPosition?: H.ui.LayoutAlignment;
+};
+export declare const HereMap: ({ mapOptions, children, markerData, onClickMarker, showZoomControl, zoomControlPosition, showMapSettingsControl, informationCardContent, showScaleBarControl, onMapCenterChange, }: HereMapProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/src/components/here-map/here-map.styles.d.ts

@@ -0,0 +1,23 @@
+export declare const styles: {
+    container: {
+        position: "relative";
+    };
+    informationOverlay: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: "white";
+        borderRadius: string;
+        bottom: number;
+        boxShadow: "0px 4px 2px 0px rgba(161, 161, 161, 0.25)";
+        left: string;
+        padding: number;
+        position: "absolute";
+        transform: "translateX(-50%)";
+        width: string;
+        zIndex: number;
+    };
+    map: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        border: string;
+        borderRadius: string;
+        height: string;
+        width: string;
+    };
+};

package/src/components/history/history-card/history-card.d.ts

@@ -1,4 +1,4 @@
-import { FundingSourceTransaction } from "@shipengine/alchemy";
+import { FundingSourceTransaction } from "@shipengine/react-api";
 export type HistoryCardProps = {
     carrierInfo: {
         carrierCode: string;

package/src/components/index.d.ts

@@ -27,6 +27,7 @@ export * from "./loader";
 export * from "./pager";
 export * from "./portal";
 export * from "./powered-by-shipengine";
+export * from "./rate-details";
 export * from "./section";
 export * from "./settings-card";
 export * from "./skeleton";

package/src/components/items-breakdown/items-breakdown.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 /**
  * @internal
  *

package/src/components/modal/modal.d.ts

@@ -2,8 +2,9 @@ import * as React from "react";
 export type ModalProps = {
     children?: React.ReactNode;
     closeAriaLabel?: string;
+    isFullScreen?: boolean;
     isOpen?: boolean;
     onClose?: () => void;
     title?: string;
 };
-export declare const Modal: ({ children, closeAriaLabel, isOpen, onClose, title }: ModalProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Modal: ({ children, closeAriaLabel, isOpen, onClose, title, isFullScreen, }: ModalProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/pager/pager.d.ts

@@ -1,4 +1,4 @@
-import { PageableResult } from "@shipengine/alchemy";
+import { PageableResult } from "@shipengine/react-api";
 type PagerProps = {
     currentPageSize: number;
     onPageSelect: (page: number) => void;

package/src/components/rate-details/index.d.ts

@@ -0,0 +1 @@
+export * from "./rate-details";

package/src/components/rate-details/rate-details.d.ts

@@ -0,0 +1,17 @@
+import { SE } from "@shipengine/react-api";
+export type RateDetailsProps = {
+    /**
+     * `onVatRegistrationComplete` callback that notifies that the vat registration has been successfully completed
+     */
+    onVatRegistrationComplete?: () => void;
+    /**
+     * `rateDetails` array of rate details
+     */
+    rateDetails: SE.RateDetail[];
+    /**
+     * `registerVatAllowed` flag to determine if register vat button should be displayed
+     * It also depends if the user already has a vat number registered
+     */
+    registerVatAllowed?: boolean;
+};
+export declare const RateDetails: ({ rateDetails, registerVatAllowed, onVatRegistrationComplete, }: RateDetailsProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/rate-details/rate-details.styles.d.ts

@@ -0,0 +1,23 @@
+export declare const styles: {
+    breakdownCollapsible: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        color: string;
+        display: "flex";
+        fontWeight: number;
+    };
+    conceptGroup: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        display: "flex";
+        gap: number;
+    };
+    divider: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        marginTop: number;
+        paddingTop: number;
+    };
+    rateDetail: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        display: "flex";
+        justifyContent: "space-between";
+        marginBottom: number;
+    };
+};

package/src/components/save-status/save-status.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 export type SaveStatusProps = {
     errors?: SE.CodedError[] | null;
     isSaving?: boolean;

package/src/components/search-bar/index.d.ts

@@ -0,0 +1 @@
+export * from "./search-bar";

package/src/components/search-bar/search-bar.d.ts

@@ -0,0 +1,8 @@
+type SearchBarProps = {
+    defaultValue?: string;
+    label?: string;
+    loading?: boolean;
+    onSearch: (value: string) => void | Promise<void>;
+};
+export declare const SearchBar: ({ label, defaultValue, onSearch, loading }: SearchBarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/src/components/service-point-display/operating-hours.d.ts

@@ -0,0 +1,6 @@
+import { ServicePoint } from "@shipengine/js-api";
+export type OperatingHoursProps = {
+    hoursOfOperation: ServicePoint["hoursOfOperation"];
+    rateSelected?: boolean;
+};
+export declare const OperatingHoursDisplay: ({ hoursOfOperation, rateSelected }: OperatingHoursProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/service-point-display/operating-hours.styles.d.ts

@@ -0,0 +1,44 @@
+export declare const styles: {
+    closed: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        whiteSpace: "pre";
+    };
+    dayColumn: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        gridColumn: "1";
+        minWidth: number;
+    };
+    getTextStyles: (isToday?: boolean, expanded?: boolean, isClosed?: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        fontSize: string;
+        fontStyle: "normal" | "italic";
+        fontWeight: "normal" | "bold";
+    };
+    hoursDisplayContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        "& > span": {
+            lineHeight: string;
+        };
+        "& > span:last-child": {
+            marginBottom: number;
+        };
+        display: "flex";
+        flexDirection: "column";
+    };
+    hoursListItem: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        display: "grid";
+        gap: number;
+        gridTemplateColumns: string;
+        listStyle: "none";
+        marginBottom: number;
+    };
+    inlineWrapper: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        "& > span": {
+            lineHeight: string;
+        };
+        display: "flex";
+        gap: number;
+    };
+    open: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        whiteSpace: "pre";
+    };
+};

package/src/components/service-point-display/service-point-display.d.ts

@@ -1,10 +1,10 @@
-import { SE } from "@shipengine/alchemy";
+import { ServicePoint } from "@shipengine/js-api";
 type ServicePointDisplayProps = {
-    expanded: boolean;
-    onSelect?: (servicePoint: SE.ServicePoint) => void;
+    mapViewEnabled?: boolean;
+    onViewMapClick?: (servicePoint: ServicePoint) => void;
     rateSelected?: boolean;
-    selectedServicePoint?: SE.ServicePoint;
-    servicePoint: SE.ServicePoint;
+    servicePoint: ServicePoint;
+    showViewMapButton?: boolean;
 };
-export declare const ServicePointDisplay: ({ onSelect, servicePoint, rateSelected, selectedServicePoint, }: ServicePointDisplayProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ServicePointDisplay: ({ onViewMapClick, servicePoint, rateSelected, mapViewEnabled, showViewMapButton, }: ServicePointDisplayProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/src/components/service-point-display/service-point-display.styles.d.ts

@@ -1,40 +1,31 @@
 export declare const styles: {
-    closed: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        color: string;
-        whiteSpace: "pre";
-    };
     container: {
         display: "flex";
         flexDirection: "column";
     };
-    getHoursOfOperationTextStyles: (isCurrentWeekday: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        color: string;
-        fontSize: string;
-        fontWeight: "normal" | "bold";
-        lineHeight: string;
-        margin: number;
-    };
     getSelectedStyles: (isSelected?: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         display: "flex";
         gap: number;
         justifyContent: "" | "space-between";
     };
-    hoursToggle: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        alignItems: "center";
-        color: string;
-        display: "flex";
-        lineHeight: string;
-    };
     inlineWrapper: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         display: "flex";
         gap: number;
         justifyContent: "space-between";
     };
-    open: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+    paperlessIcon: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        paddingRight: string;
+    };
+    paperlessText: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         color: string;
-        whiteSpace: "pre";
+        paddingLeft: number;
+    };
+    paperlessWrapper: () => {
+        display: "flex";
+        marginBottom: string;
     };
     selectButton: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         backgroundColor: string;
@@ -45,6 +36,9 @@ export declare const styles: {
         whiteSpace: "nowrap";
     };
     viewMap: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        "&:hover": {
+            textDecoration: string;
+        };
         color: string;
         textDecoration: string;
     };

package/src/components/service-points/service-points.d.ts

@@ -1,8 +1,9 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 type ServicePointsProps = {
+    mapViewEnabled?: boolean;
     onSelectServicePoint?: (servicePoint: SE.ServicePoint) => void;
     rateSelected: boolean;
     servicePoints: SE.ServicePoint[];
 };
-export declare const ServicePoints: ({ servicePoints, rateSelected, onSelectServicePoint, }: ServicePointsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ServicePoints: ({ servicePoints, rateSelected, onSelectServicePoint, mapViewEnabled, }: ServicePointsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/src/components/tabs/tabs.d.ts

@@ -1,8 +1,12 @@
+/// <reference types="react" />
 type TabsProps = {
     fullWidth?: boolean;
     onSelectTab: (tab: string) => void;
     selectedTab: string;
-    tabs: string[];
+    tabs: {
+        label: string | React.ReactNode;
+        value: string;
+    }[];
 };
 export declare const Tabs: ({ fullWidth, onSelectTab, selectedTab, tabs }: TabsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};