@shipengine/elements 0.24.0 → 0.25.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipengine/elements",
-  "version": "0.24.0",
+  "version": "0.25.0",
   "typedoc": {
     "entryPoint": "./src/index.ts",
     "readmeFile": "../../README.md",
@@ -29,10 +29,11 @@
     "@hookform/resolvers": "2.9.1",
     "@packlink/brands": "3.24.0",
     "@packlink/giger-theme": "1.3.1",
-    "@shipengine/alchemy": "0.4.13",
-    "@shipengine/js-api": "0.7.0",
+    "@shipengine/alchemy": "0.4.14",
+    "@shipengine/js-api": "0.7.1",
     "@storybook/manager-api": "7.0.0-rc.1",
     "@storybook/theming": "7.0.0-rc.1",
+    "@vitejs/plugin-react": "1.3.2",
     "axios": "0.26.1",
     "card-validator": "8.1.1",
     "copy-to-clipboard": "3.3.3",

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

@@ -0,0 +1 @@
+export declare const ErrorDisplay: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/error-display/error-display.styles.d.ts

@@ -0,0 +1,19 @@
+export declare const styles: {
+    errorContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        backgroundColor: string;
+        display: "flex";
+        flexDirection: "column";
+        paddingBottom: number;
+        paddingTop: number;
+        rowGap: number;
+    };
+    errorCTA: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        fontSize: string;
+        lineHeight: string;
+    };
+    errorHeading: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        fontSize: string;
+    };
+};

package/src/components/error-display/index.d.ts

@@ -0,0 +1 @@
+export * from "./error-display";

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

@@ -8,4 +8,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, otherAmount, rateId, requiresAcknowledgement, selected, serviceCode, serviceType, shippingAmount, taxAmount, voided, voidedAt, }: RateCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RateCard: ({ carrierCode, carrierFriendlyName, carrierNickname, children, className, confirmationAmount, deliveryDays, insuranceAmount, isAcknowledged, messages, onClick, onClickAcknowledgement, otherAmount, rateId, requiresAcknowledgement, selected, serviceCode, packageType, serviceType, shippingAmount, taxAmount, voided, voidedAt, }: RateCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,4 @@
-export declare const styles: (isReload?: boolean) => {
-    amountTypography: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
-        color: string;
-        fontSize: string;
-        marginLeft: string;
-    };
+export declare const styles: {
     balanceTypography: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
         color: string;
         marginLeft: string;
@@ -12,6 +7,7 @@ export declare const styles: (isReload?: boolean) => {
         "&:last-child": {
             alignItems: "flex-end";
         };
+        alignItems: "flex-start";
         display: "flex";
         flexDirection: "column";
         justifyContent: "space-between";
@@ -20,10 +16,6 @@ export declare const styles: (isReload?: boolean) => {
     cardContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
         display: "flex";
         justifyContent: "space-between";
-        padding: string;
-    };
-    carrierRow: {
-        display: "flex";
     };
     carrierTypography: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
         color: string;
@@ -33,12 +25,18 @@ export declare const styles: (isReload?: boolean) => {
     dateTypography: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
         color: string;
     };
-    providerTypography: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    getAmountTypography: (isReload?: boolean) => (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
         color: string;
-        fontWeight: number;
+        fontSize: string;
+        marginLeft: string;
     };
-    tagText: {
-        textAlign: "center";
+    getTransactionTypeTypography: (transactionType?: string) => (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
         textTransform: "capitalize";
     };
+    transactionDetails: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        columnGap: number;
+        display: "flex";
+    };
 };

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

@@ -0,0 +1 @@
+export declare const HistoryCardExtension: () => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,26 @@
+export declare const styles: {
+    chevronTypography: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+    };
+    detailsBottomContainer: {
+        backgroundColor: "#f4f6f8";
+        padding: string;
+    };
+    detailsRow: {
+        display: "flex";
+        justifyContent: "space-between";
+    };
+    detailsTypography: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+    };
+    headingContainer: {
+        alignItems: "center";
+        display: "flex";
+        justifyContent: "space-between";
+    };
+    loadingStateContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        display: "flex";
+        flexDirection: "column";
+        rowGap: number;
+    };
+};

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

@@ -0,0 +1 @@
+export * from "./history-card-extension";

package/src/components/history/index.d.ts

@@ -1 +1,2 @@
 export * from "./history-card";
+export * from "./history-card-extension";

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

@@ -1,7 +1,7 @@
 import { WithConditionalCSSProp } from "@emotion/react/types/jsx-namespace";
 import { ITypographyProps, WithChildrenCommonProps } from "@packlink/giger";
 export type LabelProps = WithChildrenCommonProps<{
-    spacing?: number;
+    spacing?: number | "spread";
     text: string;
     textProps?: WithConditionalCSSProp<ITypographyProps<"span">>;
     variant?: LabelVariant;

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

@@ -1,9 +1,13 @@
 import { LabelProps } from "./label";
-export declare const styles: (variant?: LabelProps["variant"], spacing?: number) => {
+export declare const styles: ({ variant, spacing, }: {
+    spacing: LabelProps["spacing"];
+    variant: LabelProps["variant"];
+}) => {
     labelContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         display: "flex";
         flexDirection: "column" | "row" | "row-reverse";
         gap: number;
+        justifyContent: "flex-start" | "space-between;";
     };
 };

package/src/components/link-action/link-action.d.ts

@@ -5,10 +5,12 @@ declare const icons: {
     readonly checkFilled: IconNames.CHECK_FILLED;
     readonly copy: IconNames.COPY;
     readonly download: IconNames.DOWNLOAD;
+    readonly retry: IconNames.CIRCULAR_ARROW;
 };
 export type LinkActionProps = {
     icon?: keyof typeof icons;
+    isBold?: boolean;
     title: string;
 } & ILinkProps;
-export declare const LinkAction: ({ css, icon, isDisabled, isLoading, title, ...props }: LinkActionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const LinkAction: ({ css, icon, isDisabled, isLoading, title, isBold, ...props }: LinkActionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

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

@@ -14,6 +14,8 @@ export type RateFormProps = {
     features?: RateFormFeatures;
     isLoading?: boolean;
     labelErrors?: SE.CodedError[];
+    labels?: SE.Label[];
+    labelsLoading?: boolean;
     onSave?: (rate: Pick<SE.Rate, "carrierId" | "serviceCode">) => Promise<void> | void;
     onSelectRate?: (rateId: string) => void;
     onSubmit?: (rateId: string) => Promise<void> | void;
@@ -21,4 +23,4 @@ export type RateFormProps = {
     rates?: SE.Rate[];
     shipment?: SE.SalesOrderShipment;
 };
-export declare const RateForm: ({ carriers, disabled, errors, displayableErrors, displayableLabelErrors, features, labelErrors, isLoading, onSave, onSelectRate, onSubmit, rates, shipment, outOfBandDisplayableErrors, }: RateFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RateForm: ({ carriers, disabled, errors, displayableErrors, displayableLabelErrors, features, labelErrors, labels, labelsLoading, isLoading, onSave, onSelectRate, onSubmit, rates, shipment, outOfBandDisplayableErrors, }: RateFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/unit-settings/unit-settings.d.ts

@@ -1,4 +1 @@
-export type UnitSettingsProps = {
-    onChange?: () => void;
-};
-export declare const UnitSettings: ({ onChange }: UnitSettingsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const UnitSettings: () => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -17,6 +17,8 @@ export declare const useRatesForm: ({ onBeforeLabelCreate, onLabelCreateFailure,
     errors: SE.CodedError[] | undefined;
     isLoading: boolean;
     labelErrors: SE.CodedError[] | undefined;
+    labels: SE.Label[] | undefined;
+    labelsLoading: boolean;
     onSave: ({ carrierId, serviceCode }: Pick<SE.Rate, "carrierId" | "serviceCode">) => Promise<void>;
     onSubmit: (rateId: string) => Promise<void>;
     rates: SE.Rate[] | undefined;

package/src/elements/list-carriers/list-carriers.d.ts

@@ -194,6 +194,7 @@ export declare const Element: ({ resources, ...props }: object & {
                 };
                 rates: {
                     uspsMediaMailAcknowledgement: string;
+                    uspsFirstClassMailAcknowledgement_leof: string;
                 };
                 shipToAddressFormFields: string;
                 sections: {
@@ -470,6 +471,7 @@ export declare const Element: ({ resources, ...props }: object & {
                     invalidNameOrCompany: string;
                     noWarehouses: string;
                     unableToLoad: {
+                        accountSettings: string;
                         autoFundingSettings: string;
                         carrier: string;
                         carriers: string;
@@ -498,6 +500,7 @@ export declare const Element: ({ resources, ...props }: object & {
                     thirdParty: string;
                 };
                 loading: {
+                    accountSettings: string;
                     carrier: string;
                     carriers: string;
                     data: string;

package/src/elements/manage-warehouses/manage-warehouses.d.ts

@@ -198,6 +198,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
                 rates: {
                     uspsMediaMailAcknowledgement: string;
+                    uspsFirstClassMailAcknowledgement_leof: string;
                 };
                 shipToAddressFormFields: string;
                 sections: {
@@ -474,6 +475,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     invalidNameOrCompany: string;
                     noWarehouses: string;
                     unableToLoad: {
+                        accountSettings: string;
                         autoFundingSettings: string;
                         carrier: string;
                         carriers: string;
@@ -502,6 +504,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     thirdParty: string;
                 };
                 loading: {
+                    accountSettings: string;
                     carrier: string;
                     carriers: string;
                     data: string;

package/src/elements/onboarding/onboarding.d.ts

@@ -197,6 +197,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
                 rates: {
                     uspsMediaMailAcknowledgement: string;
+                    uspsFirstClassMailAcknowledgement_leof: string;
                 };
                 shipToAddressFormFields: string;
                 sections: {
@@ -473,6 +474,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     invalidNameOrCompany: string;
                     noWarehouses: string;
                     unableToLoad: {
+                        accountSettings: string;
                         autoFundingSettings: string;
                         carrier: string;
                         carriers: string;
@@ -501,6 +503,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     thirdParty: string;
                 };
                 loading: {
+                    accountSettings: string;
                     carrier: string;
                     carriers: string;
                     data: string;

package/src/elements/purchase-label/purchase-label.d.ts

@@ -200,6 +200,7 @@ export declare const Element: ({ resources, ...props }: SalesOrderProps & {
                 };
                 rates: {
                     uspsMediaMailAcknowledgement: string;
+                    uspsFirstClassMailAcknowledgement_leof: string;
                 };
                 shipToAddressFormFields: string;
                 sections: {
@@ -476,6 +477,7 @@ export declare const Element: ({ resources, ...props }: SalesOrderProps & {
                     invalidNameOrCompany: string;
                     noWarehouses: string;
                     unableToLoad: {
+                        accountSettings: string;
                         autoFundingSettings: string;
                         carrier: string;
                         carriers: string;
@@ -504,6 +506,7 @@ export declare const Element: ({ resources, ...props }: SalesOrderProps & {
                     thirdParty: string;
                 };
                 loading: {
+                    accountSettings: string;
                     carrier: string;
                     carriers: string;
                     data: string;

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

@@ -206,6 +206,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
                 rates: {
                     uspsMediaMailAcknowledgement: string;
+                    uspsFirstClassMailAcknowledgement_leof: string;
                 };
                 shipToAddressFormFields: string;
                 sections: {
@@ -482,6 +483,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     invalidNameOrCompany: string;
                     noWarehouses: string;
                     unableToLoad: {
+                        accountSettings: string;
                         autoFundingSettings: string;
                         carrier: string;
                         carriers: string;
@@ -510,6 +512,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     thirdParty: string;
                 };
                 loading: {
+                    accountSettings: string;
                     carrier: string;
                     carriers: string;
                     data: string;

package/src/elements/void-label/void-label.d.ts

@@ -201,6 +201,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
                 rates: {
                     uspsMediaMailAcknowledgement: string;
+                    uspsFirstClassMailAcknowledgement_leof: string;
                 };
                 shipToAddressFormFields: string;
                 sections: {
@@ -477,6 +478,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     invalidNameOrCompany: string;
                     noWarehouses: string;
                     unableToLoad: {
+                        accountSettings: string;
                         autoFundingSettings: string;
                         carrier: string;
                         carriers: string;
@@ -505,6 +507,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     thirdParty: string;
                 };
                 loading: {
+                    accountSettings: string;
                     carrier: string;
                     carriers: string;
                     data: string;

package/src/factories/shipengine/wallet-history.d.ts

@@ -12,3 +12,55 @@ export declare const walletTransactionFactory: Factory<SE.WalletTransaction, any
  * @category Factories
  */
 export declare const walletHistoryFactory: (currentPage?: number, count?: number) => Factory<SE.WalletTransactionHistory, any, SE.WalletTransactionHistory>;
+export type WalletAdjustment = {
+    actualShipment: TransactionShipment;
+    adjustment: TransactionCost;
+    adjustmentId: string;
+    originalShipment: TransactionShipment;
+    trackingNumber: string;
+    transactionId: string;
+};
+type TransactionShipment = {
+    dimensions: {
+        height: number;
+        length: number;
+        unit: string;
+        width: number;
+    };
+    insuranceCost: TransactionCost;
+    packageCode: string;
+    rateDetails: TransactionRateDetail[];
+    serviceCode: string;
+    shipFrom: TransactionShipDestination;
+    shipmentCost: TransactionCost;
+    shipTo: TransactionShipDestination;
+    weight: {
+        unit: string;
+        value: number;
+    };
+};
+type TransactionShipDestination = {
+    addressLine1: string;
+    addressLine2: string;
+    addressResidentialIndicator: "yes" | "no";
+    cityLocality: string;
+    companyName: string;
+    countryCode: string;
+    name: string;
+    phone: string;
+    postalCode: string;
+    stateProvince: string;
+};
+type TransactionRateDetail = {
+    amount: TransactionCost;
+    carrierBillingCode: string;
+    carrierDescription: string;
+    carrierMemo: string | null;
+    rateDetailType: string;
+};
+type TransactionCost = {
+    amount: number;
+    currency: string;
+};
+export declare const walletAdjustmentFactory: Factory<WalletAdjustment, any, WalletAdjustment>;
+export {};

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

@@ -66,6 +66,10 @@ export declare const styles: {
         columnGap: number;
         display: "flex";
     };
+    skeletonCardTransactionRow: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        columnGap: string;
+        display: "flex";
+    };
     skeletonPagination: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         display: "flex";

package/src/locales/en/index.d.ts

@@ -190,6 +190,7 @@ declare const _default: {
         };
         rates: {
             uspsMediaMailAcknowledgement: string;
+            uspsFirstClassMailAcknowledgement_leof: string;
         };
         shipToAddressFormFields: string;
         sections: {
@@ -466,6 +467,7 @@ declare const _default: {
             invalidNameOrCompany: string;
             noWarehouses: string;
             unableToLoad: {
+                accountSettings: string;
                 autoFundingSettings: string;
                 carrier: string;
                 carriers: string;
@@ -494,6 +496,7 @@ declare const _default: {
             thirdParty: string;
         };
         loading: {
+            accountSettings: string;
             carrier: string;
             carriers: string;
             data: string;

package/src/mocks/account-settings/handlers.d.ts

@@ -0,0 +1,8 @@
+export declare const createAccountSettingsHandlers: () => {
+    database: {
+        default_label_layout: string;
+        dimensions_unit: string;
+        weight_unit: string;
+    };
+    handlers: import("msw").RestHandler<import("msw/lib/glossary-de6278a9").M<import("msw/lib/glossary-de6278a9").h>>[];
+};

package/src/mocks/account-settings/index.d.ts

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

package/src/mocks/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./carriers";
 export * from "./warehouses";
+export * from "./account-settings";

package/src/utilities/rates.d.ts

@@ -1,5 +1,5 @@
 import { SE } from "@shipengine/alchemy";
-export declare const getRateRequiresAcknowledgement: (serviceCode: string) => boolean;
+export declare const getRateRequiresAcknowledgement: (serviceCode: string, packageType: string) => boolean;
 export declare const getTotalRateAmount: (rateCosts?: {
     confirmationAmount?: SE.Money;
     insuranceAmount?: SE.Money;

package/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfigExport;
+export default _default;