@shipengine/elements 0.38.0 → 0.39.0

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

@@ -1,15 +1,15 @@
 export declare const styles: {
-    boldLink: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    boldLink: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         fontWeight: number;
     };
-    container: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    container: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         backgroundColor: string;
         rowGap: string;
     };
     heading: {
         textAlign: "center";
     };
-    subtitle: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    subtitle: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         paddingBottom: number;
         textAlign: "left";
     };

package/src/components/templates/label/label.styles.d.ts

@@ -1,9 +1,9 @@
 export declare const styles: {
-    trackingNumber: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    trackingNumber: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         display: "flex";
     };
-    truncatedTrackingNumber: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    truncatedTrackingNumber: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         overflow: "hidden";
         textOverflow: "ellipsis";
         whiteSpace: "nowrap";

package/src/components/templates/landing-page/landing-page.styles.d.ts

@@ -1,5 +1,5 @@
 export declare const styles: {
-    container: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    container: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         padding: number;
     };
     description: {

package/src/components/templates/list-carriers/list-carriers.styles.d.ts

@@ -1,5 +1,5 @@
 export declare const styles: {
-    carriersList: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    carriersList: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         "& > li:not(:last-of-type)": {
             borderBottom: string;
         };
@@ -7,12 +7,12 @@ export declare const styles: {
         borderRadius: string;
         listStyle: "none";
     };
-    skeletonLogoContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    skeletonLogoContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         columnGap: string;
         display: "flex";
     };
-    skeletonRow: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    skeletonRow: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         "&:not(:last-of-type)": {
             borderBottom: string;
         };

package/src/components/templates/list-carriers-row/list-carriers-row.styles.d.ts

@@ -3,18 +3,18 @@ export declare const styles: {
         display: "flex";
         flexDirection: "column";
     };
-    getConnectButton: (isConnected?: boolean) => (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    getConnectButton: (isConnected?: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         backgroundColor?: string | undefined;
         borderRadius?: string | undefined;
         color?: string | undefined;
         padding: string;
     };
-    logoContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    logoContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         columnGap: string;
         display: "flex";
     };
-    rowContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    rowContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         display: "flex";
         justifyContent: "space-between";

package/src/components/templates/manage-warehouses/manage-warehouse.styles.d.ts

@@ -1,5 +1,5 @@
 export declare const styles: {
-    cardSpacing: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    cardSpacing: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         display: "flex";
         flexDirection: "column";
         gap: number;
@@ -7,7 +7,7 @@ export declare const styles: {
     header: {
         textAlign: "left";
     };
-    well: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    well: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         backgroundColor: string;
         padding: number;
     };

package/src/components/templates/onboarding/onboarding.styles.d.ts

@@ -1,8 +1,8 @@
 export declare const styles: {
-    container: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    container: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         padding: number;
     };
-    iconTooltip: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    iconTooltip: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         color: string;
         display: "inline-block";
         marginLeft: number;
@@ -17,13 +17,13 @@ export declare const styles: {
         maxWidth: string;
         textAlign: "left";
     };
-    walletFormHeader: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    walletFormHeader: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         margin: number;
     };
     walletFormTitle: {
         textAlign: "center";
     };
-    wrapper: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    wrapper: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         height: string;
         padding: number;
         width: string;

package/src/components/templates/rate-form/rate-form.styles.d.ts

@@ -1,5 +1,5 @@
 export declare const styles: {
-    fundAndPurchase: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    fundAndPurchase: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         borderTop: string;
     };
     ratesInterstitial: {

package/src/components/templates/suspend-sales-order/suspend-sales-order.d.ts

@@ -1,5 +1,5 @@
-import { WithChildrenCommonProps } from "@packlink/giger";
 import { SE } from "@shipengine/alchemy";
+import { WithChildrenCommonProps } from "@shipengine/giger";
 export type SuspendSalesOrderProps = WithChildrenCommonProps<{
     errors?: SE.CodedError[];
     isLoading?: boolean;

package/src/components/templates/suspend-shipment/suspend-shipment.d.ts

@@ -1,5 +1,5 @@
-import { WithChildrenCommonProps } from "@packlink/giger";
 import { SE } from "@shipengine/alchemy";
+import { WithChildrenCommonProps } from "@shipengine/giger";
 export type SuspendShipmentProps = WithChildrenCommonProps<{
     errors?: SE.CodedError[];
     isLoading?: boolean;

package/src/components/templates/wallet-card/wallet-card.styles.d.ts

@@ -5,7 +5,7 @@ export declare const styles: {
         justifyContent: "center";
         width: string;
     };
-    icon: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    icon: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         color: string;
     };
 };

package/src/components/templates/wallet-form/wallet-form.styles.d.ts

@@ -1,5 +1,5 @@
 export declare const styles: {
-    grid: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    grid: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         margin: number;
     };
 };

package/src/elements/account-settings/account-settings.d.ts

@@ -19,9 +19,6 @@ export type ComponentProps = {
  * - The `<AccountSettings />` component is used to display the user's account settings, as well as
  * allowing them to make changes to various aspects of their account.
  *
- * @param onSaveSettings Any `void` function you wish to execute when the user saves any changes
- * to their account settings.
- *
  * @returns Element An EmotionJSX.Element that will render the `<AccountSettings />` component
  * with all the appropriate wrappers.
  *
@@ -52,9 +49,7 @@ export declare const Component: ({ onSaveSettings }: ComponentProps) => import("
  * The `<Component />` is the source JSX that is rendered when you make use of the `AccountSettings`
  * Element directly. Here is a brief example of how you would use it within your application.
  * ```tsx
- * <AccountSettings.Element
- *   onSaveSettings={() => console.log('Settings Saved!')}
- * />
+ * <AccountSettings.Element/>
  * ```
  *
  * <br />
@@ -313,9 +308,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                      * - The `<AccountSettings />` component is used to display the user's account settings, as well as
                      * allowing them to make changes to various aspects of their account.
                      *
-                     * @param onSaveSettings Any `void` function you wish to execute when the user saves any changes
-                     * to their account settings.
-                     *
                      * @returns Element An EmotionJSX.Element that will render the `<AccountSettings />` component
                      * with all the appropriate wrappers.
                      *

package/src/elements/configure-shipment/hooks/use-request-preferred-rates.d.ts

@@ -4,4 +4,4 @@ export type RequestPreferredRatesProps = {
     getPreferredRates?: UseRequestRatesProps["getPreferredRates"];
 };
 export type CalculatePreferredRatesData = Parameters<Required<UseRequestRatesProps>["getPreferredRates"]>;
-export declare const useRequestPreferredRates: ({ getPreferredRates }: RequestPreferredRatesProps) => import("react-query").UseMutationResult<import("..").PreferredRatesResponse | undefined, SE.CodedError[], [shipment: SE.SalesOrderShipment, isInternational: boolean], unknown>;
+export declare const useRequestPreferredRates: ({ getPreferredRates }: RequestPreferredRatesProps) => import("@tanstack/react-query").UseMutationResult<import("..").PreferredRatesResponse | undefined, SE.CodedError[], [shipment: SE.SalesOrderShipment, isInternational: boolean], unknown>;

package/src/elements/configure-shipment/hooks/use-request-rates.d.ts

@@ -9,7 +9,7 @@ export declare const useRequestRates: ({ onRatesCalculated, getPreferredRates }:
     preferredRatesResponse: PreferredRatesResponse | undefined;
     ratesErrors: SE.CodedError[] | null;
     ratesResponse: SE.RateResponse | undefined;
-    requestPreferredRates: import("react-query").UseMutateAsyncFunction<PreferredRatesResponse | undefined, SE.CodedError[], [shipment: SE.SalesOrderShipment, isInternational: boolean], unknown>;
+    requestPreferredRates: import("@tanstack/react-query").UseMutateAsyncFunction<PreferredRatesResponse | undefined, SE.CodedError[], [shipment: SE.SalesOrderShipment, isInternational: boolean], unknown>;
     requestRates: (shipment: SE.SalesOrderShipment, isInternational: boolean) => Promise<void>;
     resetRates: () => void;
 };

package/src/elements/list-carriers/hooks/use-list-connected-carriers.d.ts

@@ -7,5 +7,5 @@ export declare const useListConnectedCarriers: () => {
     data: ConnectedCarrierMetadata[];
     error: import("@shipengine/alchemy").CodedError[] | null;
     isLoading: boolean;
-    refetch: <TPageData>(options?: (import("react-query").RefetchOptions & import("react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("react-query").QueryObserverResult<import("@shipengine/alchemy").Carrier[], import("@shipengine/alchemy").CodedError[]>>;
+    refetch: <TPageData>(options?: (import("@tanstack/query-core").RefetchOptions & import("@tanstack/query-core").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@shipengine/alchemy").Carrier[], import("@shipengine/alchemy").CodedError[]>>;
 };

package/src/elements/purchase-label/hooks/use-load-shipment.d.ts

@@ -4,6 +4,6 @@ export type UseLoadShipmentProps = {
 export declare const useLoadShipment: ({ shipmentId }: UseLoadShipmentProps) => {
     errors: import("@shipengine/alchemy").CodedError[] | undefined;
     isLoading: boolean;
-    refetchShipment: <TPageData>(options?: (import("react-query").RefetchOptions & import("react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("react-query").QueryObserverResult<import("@shipengine/alchemy").SalesOrderShipment, import("@shipengine/alchemy").CodedError[]>>;
+    refetchShipment: <TPageData>(options?: (import("@tanstack/query-core").RefetchOptions & import("@tanstack/query-core").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@shipengine/alchemy").SalesOrderShipment, import("@shipengine/alchemy").CodedError[]>>;
     shipment: import("@shipengine/alchemy").SalesOrderShipment | undefined;
 };

package/src/elements/view-shipment/view-shipment.d.ts

@@ -613,7 +613,13 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     unableToLoad: {
                         accountSettings: string;
                         autoFundingSettings: string;
-                        carrier: string;
+                        carrier: string; /**
+                         * # View Shipment Element Props
+                         *
+                         * - These are the base props that will be passed into the `<ViewShipment />` element.
+                         *
+                         * @see {@link ViewShipment.Element | See the full type that `typeof Element` will return}
+                         */
                         carriers: string;
                         label: string;
                         salesOrder: string;

package/src/features/wallet-history/wallet-history.styles.d.ts

@@ -1,10 +1,10 @@
 export declare const styles: {
-    action: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    action: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         minWidth: number;
         placeContent: "center";
         width: number;
     };
-    displayStateContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    displayStateContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         "& > *:not(:last-child)::after": {
             borderBottom: string;
             content: "\"\"";
@@ -16,17 +16,17 @@ export declare const styles: {
         flexDirection: "column";
         listStyle: "none";
     };
-    emptyStateContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    emptyStateContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         backgroundColor: string;
         padding: number;
         textAlign: "center";
     };
-    gridContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    gridContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         display: "flex";
         justifyContent: "space-between";
         placeItems: "center";
     };
-    linkAction: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    linkAction: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         textAlign: "end";
     };
     pagination: {
@@ -38,7 +38,7 @@ export declare const styles: {
         };
         textAlign: "center";
     };
-    skeletonCard: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    skeletonCard: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         backgroundColor: "#e3dfdf1f";
         display: "flex";
         justifyContent: "space-between";
@@ -49,28 +49,28 @@ export declare const styles: {
         flexDirection: "column";
         justifyContent: "space-between";
     };
-    skeletonCardColumnRight: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    skeletonCardColumnRight: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "flex-end";
         display: "flex";
         flexDirection: "column";
         justifyContent: "space-between";
         rowGap: number;
     };
-    skeletonCardList: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    skeletonCardList: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         display: "flex";
         flexDirection: "column";
         rowGap: number;
     };
-    skeletonCardLogo: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    skeletonCardLogo: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         columnGap: number;
         display: "flex";
     };
-    skeletonCardTransactionRow: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    skeletonCardTransactionRow: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         columnGap: string;
         display: "flex";
     };
-    skeletonPagination: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    skeletonPagination: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         display: "flex";
         justifyContent: "space-between";

package/src/hooks/use-get-or-create-shipment.d.ts

@@ -2,6 +2,6 @@ import { SalesOrderShipment } from "@shipengine/alchemy";
 export declare const useGetOrCreateShipment: (onShipmentUpdated: ((shipment: SalesOrderShipment) => void | Promise<void>) | undefined, shipmentId?: string) => {
     errors: import("@shipengine/alchemy").CodedError[] | undefined;
     isLoading: boolean;
-    refetchShipment: <TPageData>(options?: (import("react-query").RefetchOptions & import("react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("react-query").QueryObserverResult<SalesOrderShipment, import("@shipengine/alchemy").CodedError[]>>;
+    refetchShipment: <TPageData>(options?: (import("@tanstack/query-core").RefetchOptions & import("@tanstack/query-core").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/query-core").QueryObserverResult<SalesOrderShipment, import("@shipengine/alchemy").CodedError[]>>;
     shipment: SalesOrderShipment | undefined;
 };

package/src/testing/extensions/queries/by-icon-name.d.ts

@@ -1,4 +1,4 @@
 import { MatcherOptions, queryHelpers } from "@testing-library/react";
-import { IconNames } from "@packlink/giger-theme";
+import { IconNames } from "@shipengine/giger-theme";
 export declare const queryAllByIconName: (container: HTMLElement, iconName: IconNames, options?: MatcherOptions | undefined) => HTMLElement[];
 export declare const queryByIconName: queryHelpers.QueryBy<[dataIdValue: IconNames]>, getAllByIconName: queryHelpers.GetAllBy<[dataIdValue: IconNames]>, getByIconName: queryHelpers.GetBy<[dataIdValue: IconNames]>, findAllByIconName: queryHelpers.FindAllBy<[dataIdValue: IconNames]>, findByIconName: queryHelpers.FindBy<[dataIdValue: IconNames]>;

package/src/testing/extensions/queries/index.d.ts

@@ -1,11 +1,11 @@
 import { queries } from "@testing-library/react";
 export declare const extendedQueries: {
-    queryAllByIconName: (container: HTMLElement, iconName: import("@packlink/giger-theme/dist/lib/Icons").IconNames, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    queryByIconName: import("@testing-library/react").QueryBy<[dataIdValue: import("@packlink/giger-theme/dist/lib/Icons").IconNames]>;
-    getAllByIconName: import("@testing-library/react").GetAllBy<[dataIdValue: import("@packlink/giger-theme/dist/lib/Icons").IconNames]>;
-    getByIconName: import("@testing-library/react").GetBy<[dataIdValue: import("@packlink/giger-theme/dist/lib/Icons").IconNames]>;
-    findAllByIconName: import("@testing-library/react").FindAllBy<[dataIdValue: import("@packlink/giger-theme/dist/lib/Icons").IconNames]>;
-    findByIconName: import("@testing-library/react").FindBy<[dataIdValue: import("@packlink/giger-theme/dist/lib/Icons").IconNames]>;
+    queryAllByIconName: (container: HTMLElement, iconName: import("@shipengine/giger-theme/dist/lib/Icons").IconNames, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByIconName: import("@testing-library/react").QueryBy<[dataIdValue: import("@shipengine/giger-theme/dist/lib/Icons").IconNames]>;
+    getAllByIconName: import("@testing-library/react").GetAllBy<[dataIdValue: import("@shipengine/giger-theme/dist/lib/Icons").IconNames]>;
+    getByIconName: import("@testing-library/react").GetBy<[dataIdValue: import("@shipengine/giger-theme/dist/lib/Icons").IconNames]>;
+    findAllByIconName: import("@testing-library/react").FindAllBy<[dataIdValue: import("@shipengine/giger-theme/dist/lib/Icons").IconNames]>;
+    findByIconName: import("@testing-library/react").FindBy<[dataIdValue: import("@shipengine/giger-theme/dist/lib/Icons").IconNames]>;
     getByLabelText<T extends HTMLElement = HTMLElement>(container: HTMLElement, id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined): T;
     getAllByLabelText<T_1 extends HTMLElement = HTMLElement>(container: HTMLElement, id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined): T_1[];
     queryByLabelText<T_2 extends HTMLElement = HTMLElement>(container: HTMLElement, id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined): T_2 | null;

package/src/testing/test-utils.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { prettyFormat as __ } from "@testing-library/dom/types/pretty-dom";
 import { UserEvent } from "@testing-library/user-event/dist/types/setup/setup";
-import { IconNames, Theme } from "@packlink/giger-theme";
+import { IconNames, Theme } from "@shipengine/giger-theme";
 import server, { baseUrl } from "../mocks/server";
 declare const theme: Theme;
 declare const delayedFn: () => Promise<void>;

package/src/utilities/styles.d.ts

@@ -1,5 +1,5 @@
 import { Interpolation } from "@emotion/serialize";
-import { Theme } from "@packlink/giger-theme";
+import { Theme } from "@shipengine/giger-theme";
 /**
  * The verbose typing is necessary to get around TypeScript's limitations on contextual inference
  * with generics. https://stackoverflow.com/questions/75999792/ide-autocompletion-broken-with-typescript-mapped-type-conditionals