@shipengine/elements 1.9.0 → 2.0.0

package/src/workflows/{manage-wallet-workflow/manage-wallet-workflow.d.ts → connect-external-carrier/connect-external-carrier.d.ts}

@@ -1,40 +1,38 @@
 /// <reference types="react" />
-import { ShipEngineCarriersFeatures } from "../../features/shipengine-carriers";
 /**
- * # Manage-Wallet-Workflow Props
+ * # ConnectExternalCarrier Props
  *
- * @see {@link ManageWalletWorkflow.Element | The `<Manage-Wallet-Workflow />` component}
+ * @see {@link ConnectExternalCarrier.Component | The `<ConnectExternalCarrier />` component}
  */
 export type ComponentProps = {
-    /**
-     * `features` is a set of feature flags you would like to enable or disable in this component.
-     */
-    features?: ShipEngineCarriersFeatures;
+    carrierName?: string;
+    onCancel?: () => void;
+    onCarrierConnected?: (carrierId: string) => void;
 };
 /**
- * # Manage-Wallet-Workflow Component
+ * # ConnectExternalCarrier Component
  *
- * @param ComponentProps The base props that will be passed into the `<Manage-Wallet-Workflow />` component.
+ * @param ComponentProps The base props that will be passed into the `<ConnectExternalCarrier />` component.
  *
- * @returns Element A React element that renders the `<Manage-Wallet-Workflow />` component allowing users
- * to view a list of carriers that are connected to their ShipEngine account, add funds to their wallet, view transaction history, and manage their payment method. This component is
- * composed in the `<AccountSettings />` Element.
+ * @returns Element A React element that renders the `<ConnectExternalCarrier />` component allowing users
+ * to connect their own existing carrier account. If no carrier is provided, the user may
+ * select from a list of carriers specified by `features.availableCarrierConnections`.
+ * This component is composed in the `<AccountSettings />` Element.
  *
  * @example
  * ```tsx
  * (() => {
- *   const features = useFeatures("Global");
+ *   const features = useFeatures("CarrierConnections");
  *
- *   return <ManageWalletWorkflow.Element features={features} />;
+ *   return <ConnectExternalCarrier.Component features={features} />;
  * })();
  * ```
  *
  * <br />
  *
- * @see {@link ManageWalletWorkflow.ComponentProps | The props that are passed into the `<Manage-Wallet-Workflow />` component}
- * @see {@link AccountSettings.Element | The `<AccountSettings />` component renders the `<Manage-Wallet-Workflow />` component}
+ * @see {@link ConnectExternalCarrier.ComponentProps | The props that are passed into the `<ConnectExternalCarrier />` component}
  */
-export declare const Component: ({ features }: ComponentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Component: ({ carrierName, onCancel, onCarrierConnected }: ComponentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const Element: ({ resources, ...props }: ComponentProps & {
     resources?: {
         en: {
@@ -133,7 +131,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     genericText: string;
                 };
             };
-            "shipengine-carriers": {
+            "manage-carriers": {
                 title: string;
                 headers: {
                     accountCarriers: string;
@@ -385,9 +383,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     messageLine2: string;
                 };
                 stepLabel: {
-                    /**
-                     * `features` is a set of feature flags you would like to enable or disable in this component.
-                     */
                     accountRegistration: string;
                     termsAgreement: string;
                     shipFromAddress: string;

package/src/workflows/connect-external-carrier/index.d.ts

@@ -0,0 +1 @@
+export * as ConnectExternalCarrier from "./connect-external-carrier";

package/src/workflows/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./onboarding";
-export * from "./purchase-label-workflow";
+export * from "./label-workflow";
 export * from "./account-settings";
-export * from "./connect-carrier";
+export * from "./connect-external-carrier";
+export * from "./carrier-services";

package/src/workflows/label-workflow/index.d.ts

@@ -0,0 +1 @@
+export * as LabelWorkflow from "./label-workflow";

package/src/workflows/{purchase-label-workflow/purchase-label-workflow.d.ts → label-workflow/label-workflow.d.ts}

@@ -1,16 +1,16 @@
 /// <reference types="react" />
 import { Shipment } from "@shipengine/js-api";
-import { PurchaseLabel, ViewShipment, VoidLabel } from "../../elements";
+import { PurchaseLabelFeatures, ShipmentSummaryFeatures } from "../../utilities";
 /**
  * @internal
  *
  * # Label Workflow Props
  *
- * - These are the base props that will be passed into the `<PurchaseLabelWorkflow />` component.
+ * - These are the base props that will be passed into the `<LabelWorkflow />` component.
  *
- * @see {@link PurchaseLabelWorkflow.Element | The `<PurchaseLabelWorkflow.Element />` component}
+ * @see {@link LabelWorkflow.Element | The `<LabelWorkflow.Element />` component}
  */
-export type PurchaseLabelWorkflowProps = {
+export type LabelWorkflowProps = {
     /**
      * `callbacks` is an optional set of callbacks that will be invoked at various points in the
      * label purchasing workflow.
@@ -27,11 +27,7 @@ export type PurchaseLabelWorkflowProps = {
     /**
      * `features` is a set of feature flags you would like to enable or disable in this component.
      */
-    features: PurchaseLabel.PurchaseLabelCommonProps["features"] & ViewShipment.ComponentProps["features"] & VoidLabel.ComponentProps["features"];
-    /**
-     * `labelId` is the unique identifier for the label you wish to view.
-     */
-    labelId?: string;
+    features: PurchaseLabelFeatures & ShipmentSummaryFeatures;
     /**
      * `multiplexedId` is the unique pattern of props that help index which Element is being displayed.
      */
@@ -64,7 +60,7 @@ export type PurchaseLabelWorkflowProps = {
  *     setLabelId,
  *     setShipmentId,
  *     setIsVoidingLabel,
- *   } = usePurchaseLabelWorkflow({
+ *   } = useLabelWorkflow({
  *     _labelId,
  *     _multiplexedId,
  *   });
@@ -72,9 +68,9 @@ export type PurchaseLabelWorkflowProps = {
  *
  * <br />
  *
- * @see {@link PurchaseLabelWorkflow.Element | The `<PurchaseLabelWorkflow.Element />` component using this hook}
+ * @see {@link LabelWorkflow.Element | The `<LabelWorkflow.Element />` component using this hook}
  */
-export declare const usePurchaseLabelWorkflow: ({ _multiplexedId, _labelId, }: {
+export declare const useLabelWorkflow: ({ _multiplexedId, }: {
     _callbacks?: {
         /**
          * `onLabelCreateSuccess` is an optional callback function that will be invoked when a label
@@ -84,7 +80,6 @@ export declare const usePurchaseLabelWorkflow: ({ _multiplexedId, _labelId, }: {
             labelId: string;
         }, shipment: Shipment) => void) | undefined;
     } | undefined;
-    _labelId?: string | undefined;
     _multiplexedId: ({
         orderSourceCode: string;
     } & ({
@@ -115,20 +110,7 @@ export declare const usePurchaseLabelWorkflow: ({ _multiplexedId, _labelId, }: {
         oneOff: true;
     };
     setIsVoidingLabel: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    setLabelId: (nextLabelId: PurchaseLabelWorkflowProps["labelId"]) => void;
-    setMultiplexedId: import("react").Dispatch<import("react").SetStateAction<({
-        orderSourceCode: string;
-    } & ({
-        externalOrderNumber: string;
-    } | {
-        externalOrderId: string;
-    })) | {
-        salesOrderId: string;
-    } | {
-        shipmentId: string;
-    } | {
-        oneOff: true;
-    }>>;
+    setLabelId: (nextLabelId?: string) => void;
     setShipmentId: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
     shipmentId: string | undefined;
 };
@@ -137,17 +119,17 @@ export declare const usePurchaseLabelWorkflow: ({ _multiplexedId, _labelId, }: {
  *
  * # Label Workflow Element
  *
- * - The `<PurchaseLabelWorkflow.Element />` component is a composition of the PurchaseLabel, ViewShipment,
+ * - The `<LabelWorkflow.Element />` component is a composition of the PurchaseLabel, ShipmentSummary,
  * and VoidLabel elements that allows users to purchase a label, view the shipment details, and optionally void their shipping label.
  *
- * @param PurchaseLabelWorkflowProps The props necessary to render the `<PurchaseLabelWorkflow.Element />` for shipment
+ * @param LabelWorkflowProps The props necessary to render the `<LabelWorkflow.Element />` for shipment
  * based or sales order based label purchasing.
  *
- * @returns Element A React Element that will render the `<PurchaseLabelWorkflow />` component.
+ * @returns Element A React Element that will render the `<LabelWorkflow />` component.
  *
  * @example
  * ```tsx
- * <PurchaseLabelWorkflow
+ * <LabelWorkflow
  *       {...elementProps}
  *       callbacks={{ onLabelCreateSuccess }}
  *       multiplexedId={elementIdProps}
@@ -156,7 +138,7 @@ export declare const usePurchaseLabelWorkflow: ({ _multiplexedId, _labelId, }: {
  *
  * <br />
  *
- * @see {@link PurchaseLabelWorkflowProps | The props that are passed into the `<PurchaseLabelWorkflow />` component}
- * @see {@link PurchaseLabelWorkflow.usePurchaseLabelWorkflow | The `hook` that is used to manage the state of the `<PurchaseLabelWorkflow />` component}
+ * @see {@link LabelWorkflowProps | The props that are passed into the `<LabelWorkflow />` component}
+ * @see {@link LabelWorkflow.useLabelWorkflow | The `hook` that is used to manage the state of the `<LabelWorkflow />` component}
  */
-export declare const Element: ({ multiplexedId: _multiplexedId, labelId: _labelId, features: propFeatures, callbacks, }: PurchaseLabelWorkflowProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Element: ({ multiplexedId: _multiplexedId, features: propFeatures, callbacks }: LabelWorkflowProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/workflows/onboarding/components/carrier-recovery-form/carrier-recovery-form.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 import { CarrierMetadataFromFundingSource } from "../../../../types";
 import { CarrierRecoveryFormPayload } from "./carrier-recovery-form-schema";
 export type CarrierRecoveryFormProps = {

package/src/workflows/onboarding/components/funding-and-carrier-connection-step/funding-and-carrier-connection-step.d.ts

@@ -1,11 +1,9 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 import { WalletPayload } from "../../../../components/templates/wallet-form";
-import { VatSettingsFeatures } from "../../../../features";
 export type FundingAndCarrierConnectionStepProps = {
     address: SE.Address;
     createFundingSourceErrors: SE.CodedError[] | null;
-    features?: VatSettingsFeatures;
     onSubmit: (payload: WalletPayload) => Promise<void>;
     registerCarrierErrors: SE.CodedError[] | null;
 };
-export declare const FundingAndCarrierConnectionStep: ({ address, createFundingSourceErrors, onSubmit, registerCarrierErrors, features, }: FundingAndCarrierConnectionStepProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export declare const FundingAndCarrierConnectionStep: ({ address, createFundingSourceErrors, onSubmit, registerCarrierErrors, }: FundingAndCarrierConnectionStepProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/workflows/onboarding/components/funding-and-carrier-connection-step/use-funding-and-carrier-connection-step.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 import { WalletPayload } from "../../../../components/templates/wallet-form";
 type UseFundingAndCarrierConnectionStepProps = {
     isUpsEnabled: boolean;

package/src/workflows/onboarding/components/onboarding-wizard/onboarding-wizard.d.ts

@@ -1,5 +1,4 @@
-import { SE } from "@shipengine/alchemy";
-import { ShipEngineCarriersFeatures, VatSettingsFeatures } from "../../../../features";
+import { SE } from "@shipengine/react-api";
 import { ShipFromAddressStepProps } from "../ship-from-address-step";
 export type ValidateWarehouse = {
     type: "warehouse";
@@ -13,15 +12,9 @@ export type ValidateBilling = {
     type: "billing";
 };
 export type ValidateAddress = ValidateWarehouse | ValidateBilling;
-export type OnboardingWizardFeatures = ShipEngineCarriersFeatures & {
-    presentation: {
-        poweredByShipEngine?: boolean;
-    };
-} & VatSettingsFeatures;
 export type OnboardingWizardProps = {
     defaultShipFromAddress?: ShipFromAddressStepProps["defaultShipFromAddress"];
-    features?: Partial<OnboardingWizardFeatures>;
     onComplete: () => void;
     partnerName?: string;
 };
-export declare const OnboardingWizard: ({ defaultShipFromAddress, features: customizedFeatures, onComplete: onWizardComplete, partnerName, }: OnboardingWizardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const OnboardingWizard: ({ defaultShipFromAddress, onComplete: onWizardComplete, partnerName, }: OnboardingWizardProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/workflows/onboarding/components/ship-from-address-step/ship-from-address-step.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 import { WarehousePayload } from "../../../../components";
 export type ShipFromAddressStepProps = {
     defaultShipFromAddress?: Pick<SE.Warehouse, "name" | "isDefault" | "originAddress" | "returnAddress">;

package/src/workflows/onboarding/components/ship-from-address-step/use-ship-from-address-step.d.ts

@@ -3,7 +3,7 @@ export type UseShipFromAddressStepProps = {
     onStepComplete: () => void;
 };
 export declare const useShipFromAddressStep: ({ onStepComplete }: UseShipFromAddressStepProps) => {
-    defaultWarehouse: import("@shipengine/alchemy").Warehouse | undefined;
+    defaultWarehouse: import("@shipengine/react-api").Warehouse | undefined;
     handleSubmitShipFromAddress: (payload: WarehousePayload) => Promise<void>;
     isLoadingWarehouses: boolean;
 };

package/src/workflows/onboarding/components/terms-agreement-form/terms-agreement-form.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/js-api";
 export type TermsAgreementFormProps = {
     carrierTerms: SE.MetadataRequiredTerm[];
     hideTerms: boolean;

package/src/workflows/onboarding/components/terms-agreement-step/terms-agreement-step.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/js-api";
 export type TermsAgreementStepProps = {
     carrierCodes: string[];
     carrierTerms: SE.MetadataRequiredTerm[];

package/src/workflows/onboarding/components/terms-agreement-step/use-terms-agreement-step.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 export type UseTermsAgreementStepProps = {
     enabledCarriers: string[];
     onStepComplete: () => void;

package/src/workflows/onboarding/onboarding.d.ts

@@ -10,8 +10,6 @@ import { OnboardingWizardProps } from "./components/onboarding-wizard";
 export type ComponentProps = {
     /** If provided, the address form will be pre-filled */
     defaultShipFromAddress?: OnboardingWizardProps["defaultShipFromAddress"];
-    /** Flags to selectively enable / disable features. */
-    features?: OnboardingWizardProps["features"];
     /** Invoked when the onboarding process is completed. */
     onComplete: () => void;
     /** The partner responsible for the currently onboarding seller. This is typically the name of the entity that owns the host application. */
@@ -33,7 +31,7 @@ export type ComponentProps = {
  * @example
  * You can see how the `<Component />` is used in the `createElement` function call below.
  * ```tsx
- * export const Element = alchemy.createElement(Component, ErrorFallback, {
+ * export const Element = createElement(Component, ErrorFallback, {
  *   css: {
  *     height: "100%",
  *     maxWidth: "800px",
@@ -50,7 +48,7 @@ export type ComponentProps = {
  *
  * @see {@link Onboarding.Element | The **Element** created to render `<Onboarding />`}
  */
-export declare const Component: ({ defaultShipFromAddress, features, onComplete, partnerName, }: ComponentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Component: ({ defaultShipFromAddress, onComplete, partnerName }: ComponentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 /**
  * # Registered Onboarding Element
  *
@@ -135,7 +133,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     dimensions: string;
                     estimatedShipping: string;
                     items: string;
-                    orderDate: string;
+                    orderDate: string; /** If provided, the address form will be pre-filled */
                     orderValue: string;
                     requestedShipping: string;
                     shipDate: string;
@@ -158,10 +156,10 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 vatNumber: string;
                 vatRegistrationTooltip: string;
                 vatFormText: string;
-                vatFormRegisterLater: string;
+                vatFormRegisterLater: string; /** If provided, the address form will be pre-filled */
                 vatNumberInputHint: string;
                 vatNumberInputPlaceholder: string;
-                verifiedVat: string;
+                verifiedVat: string; /** Invoked when the onboarding process is completed. */
                 vatFormErrors: {
                     invalidFieldValue: string;
                     verificationFailure: string;
@@ -171,7 +169,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     genericText: string;
                 };
             };
-            "shipengine-carriers": {
+            "manage-carriers": {
                 title: string;
                 headers: {
                     accountCarriers: string;
@@ -201,7 +199,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         info: string;
                     };
                     vatSettings: {
-                        title: string; /** Invoked when the onboarding process is completed. */
+                        title: string;
                     };
                     carriers: {
                         title: string;
@@ -272,7 +270,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     location_fee: string;
                     oversize: string;
                     returns: string;
-                    notifications: string; /** Invoked when the onboarding process is completed. */
+                    notifications: string;
                     tip: string;
                     duties_and_taxes: string;
                     brokerage_fee: string;
@@ -420,7 +418,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     welcome: string;
                     messageLine1: string;
                     partnerMessageLine1: string;
-                    messageLine2: string; /** Flags to selectively enable / disable features. */
+                    messageLine2: string;
                 };
                 stepLabel: {
                     accountRegistration: string;
@@ -557,11 +555,11 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     title: string;
                     dimensions: {
                         title: string;
-                        standard: string; /** Invoked when the onboarding process is completed. */
+                        standard: string;
                         metric: string;
                     };
                     weight: {
-                        title: string; /** The partner responsible for the currently onboarding seller. This is typically the name of the entity that owns the host application. */
+                        title: string;
                         standard: string;
                         g: string;
                         kg: string;
@@ -576,13 +574,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     shipmentId: string;
                     shipDate: string;
                     shipTo: string;
-                }; /**
-                 * # Onboarding Component Props
-                 *
-                 * - These are the base props that will be passed into the `<Onboarding />` component.
-                 *
-                 * @see {@link Onboarding.Component | This prop types usage in the `<Onboarding />` component}
-                 */
+                };
                 actions: {
                     download: {
                         pdf: string;
@@ -612,9 +604,16 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     disconnect: string;
                     disconnectCarrier: string;
                 };
+                /**
+                 * # Onboarding Component Props
+                 *
+                 * - These are the base props that will be passed into the `<Onboarding />` component.
+                 *
+                 * @see {@link Onboarding.Component | This prop types usage in the `<Onboarding />` component}
+                 */
                 noCarriersDescription: string;
                 registrationForm: {
-                    error: string;
+                    error: string; /** If provided, the address form will be pre-filled */
                     title: string;
                     betaWarning: string;
                 };
@@ -641,13 +640,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     continue: string;
                     delete: string;
                     edit: string;
-                    /**
-                     * # Onboarding Component Props
-                     *
-                     * - These are the base props that will be passed into the `<Onboarding />` component.
-                     *
-                     * @see {@link Onboarding.Component | This prop types usage in the `<Onboarding />` component}
-                     */
                     hide: string;
                     parse: string;
                     purchase: string;
@@ -665,10 +657,10 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         countryCode: string;
                         addressLine1: string;
                         addressLine2: string;
-                        cityLocality: string;
+                        cityLocality: string; /** The partner responsible for the currently onboarding seller. This is typically the name of the entity that owns the host application. */
                         stateProvince: string;
                         postalCode: string;
-                        phone: string; /** The partner responsible for the currently onboarding seller. This is typically the name of the entity that owns the host application. */
+                        phone: string;
                         email: string;
                         addressResidentialIndicator: string;
                     };
@@ -676,39 +668,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     subFields: {
                         optional: string;
                     };
-                    /**
-                     * # Onboarding Component
-                     *
-                     * - The `<Onboarding />` component is used to onboard a new user to the ShipEngine platform. This
-                     * component will allow the user to create a warehouse, register a carrier, and create a funding
-                     * source for their account. This is everything a user needs to begin fulfilling their shipments
-                     * using the ShipEngine Platform.
-                     *
-                     * @param ComponentProps The base props that will be passed into the `<Onboarding />` component.
-                     *
-                     * @returns Element An EmotionJSX.Element that will render the `<Onboarding />` component
-                     * with all the appropriate wrappers.
-                     *
-                     * @example
-                     * You can see how the `<Component />` is used in the `createElement` function call below.
-                     * ```tsx
-                     * export const Element = alchemy.createElement(Component, ErrorFallback, {
-                     *   css: {
-                     *     height: "100%",
-                     *     maxWidth: "800px",
-                     *     minWidth: "440px",
-                     *     overflow: "auto",
-                     *     scrollbarGutter: "stable both-edges",
-                     *     width: "100%",
-                     *   },
-                     *   resources: { en },
-                     * });
-                     * ```
-                     *
-                     * <br />
-                     *
-                     * @see {@link Onboarding.Element | The **Element** created to render `<Onboarding />`}
-                     */
                     parserFields: {
                         fullAddress: string;
                     };
@@ -965,13 +924,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
                 title: string;
                 sections: {
-                    /**
-                     * # Onboarding Component Props
-                     *
-                     * - These are the base props that will be passed into the `<Onboarding />` component.
-                     *
-                     * @see {@link Onboarding.Component | This prop types usage in the `<Onboarding />` component}
-                     */
                     accountBalance: string;
                     paymentMethod: string;
                     transactionHistory: string;

package/story-notes-c714d2ed.js

@@ -0,0 +1 @@
+import{z as t,G as e,J as a,K as r,M as n,N as s,O as o,Q as i,U as p,X as c,Y as l,Z as d,_ as m,$ as u,a0 as g}from"./warehouse-form-da6a7ac5.js";import{jsxs as h,Fragment as b,jsx as x}from"@emotion/react/jsx-runtime";import{Typography as f}from"@shipengine/giger";var I=Object.freeze({__proto__:null,CheckboxInput:t,CreditCardInput:e,DatePicker:a,ExpirationInput:r,InputGroup:n,transform:s,MoneyInput:o,NumberInput:i,RateSelect:p,SelectAutoComplete:c,Select:l,SubmitButton:d,Switch:m,TextArea:u,TextInput:g});const S=({children:t,notes:e})=>h(b,{children:[h("div",Object.assign({css:()=>({backgroundColor:"lightsteelblue",marginBottom:"16px",padding:"16px",paddingLeft:"32px"})},{children:[x(f,Object.assign({variant:"heading5"},{children:"Story notes:"})),x("ul",Object.assign({css:t=>({"> li":{marginTop:t.spacing(1)}})},{children:e.map((t=>x("li",{children:t},t)))}))]})),x("hr",{css:()=>({backgroundColor:"transparent",borderTop:"1px dotted lightgrey",marginBottom:"16px"})}),t]});export{S,I as f};

package/{suspend-text-c8c7b6b6.js → suspend-text-cad3a977.js}

@@ -1 +1 @@
-import{jsxs as e,jsx as n}from"@emotion/react/jsx-runtime";import{useRef as t,useLayoutEffect as r,useState as i,useMemo as o,useCallback as a}from"react";import{Icon as s,Table as c,TableFooter as l,TableHeader as d,TableHeaderRow as g,TableHeaderCell as h,Checkbox as p,TableBody as m,TableRow as u,TableBodyCell as b,Button as f,ButtonVariant as C,IconSize as w,DropdownOptionList as v,Option as O,Pagination as y,Skeleton as S,SkeletonAnimation as j,SkeletonVariant as x}from"@shipengine/giger";import{IconNames as k}from"@shipengine/giger-theme";import{c as P}from"./validation-b941a548.js";import{useAlchemy as E}from"@shipengine/alchemy";import{c as D,f as I}from"./carrier-2abb4760.js";import{useTranslation as T,Trans as z}from"react-i18next";const A=P({container:{backgroundColor:"#11003A"},getChildrenStyles:e=>n=>({height:e?"90%":"0",overflow:"scroll"}),getDrawerStyles:e=>n=>({backgroundColor:"#11003A",bottom:0,height:e?"50%":`${n.spacing(6)}px`,minWidth:"440px",position:"fixed",transformOrigin:"bottom",transition:"height 0.5s;"}),header:e=>({alignItems:"center",color:"#fff",display:"flex",height:e.spacing(6),justifyContent:"space-between",padding:e.spacing(1)})}),R=({children:i,headerContent:o,isOpen:a,toggleDrawer:c})=>{const l=t(null);return r((()=>{const e=()=>{const e=l.current;e&&e.parentElement&&(e.style.width=`${e.parentElement.clientWidth}px`)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),e("div",Object.assign({"aria-label":"Drawer",css:A.getDrawerStyles(a),ref:l},{children:[e("header",Object.assign({"aria-expanded":a,css:A.header},{children:[n("div",Object.assign({onClick:c,role:"button"},{children:n(s,{css:{transform:`rotate(${a?"-90":"90"}deg)`},name:k.PAGINATION_LEFT})})),o]})),n("div",Object.assign({"aria-labelledby":"drawer",css:A.getChildrenStyles(a),role:"region"},{children:i}))]}))},W=({date:e,short:t})=>{const{locale:r}=E();return n("div",{children:n("div",{children:t?D(e,r):I(e,r)})})},M=P({checkboxHeader:e=>({width:e.spacing(6)}),table:{"*":{overflow:"hidden",textOverflow:"clip !important"}}}),_=({columns:t,data:r,footerContent:s,onRowClick:f,useCheckboxes:C=!1})=>{var w,v,O;const[y,S]=i(null!==(w=null==r?void 0:r.map((()=>!1)))&&void 0!==w?w:[]),j=o((()=>y.length>0&&y.every((e=>e))),[y]),x=o((()=>y.some((e=>e))),[y]),k=a((e=>{S((n=>{const t=[...n];return t[e]=!t[e],t}))}),[]),P=a((e=>{S((n=>{const t=[...n];for(const n of t.entries())t[n[0]]=e;return t}))}),[]);return n(c,Object.assign({css:M.table,"data-testid":"grid",footer:s&&n(l,{children:s}),header:n(d,{children:e(g,{children:[C?n(h,Object.assign({css:M.checkboxHeader},{children:n(p,{checked:null!==(v=j||x)&&void 0!==v&&v,indeterminate:null!==(O=!j&&x)&&void 0!==O&&O,onChange:e=>P(e.target.checked)})})):null,t.map((e=>e.headerContent)).map(((e,t)=>n(h,{children:e},t)))]})})},{children:n(m,{children:r.map(((r,i)=>{var o;return e(u,Object.assign({onClick:f?()=>f(r):void 0},{children:[C?n(b,{children:n(p,{checked:null!==(o=y[i])&&void 0!==o&&o,onChange:()=>k(i)})}):null,t.map(((e,t)=>e.renderCellContent?n(b,{children:e.renderCellContent(r)},t):null))]}),i)}))})}))},H=P({footer:{"> *":{borderTop:"0 !important"},alignItems:"center",display:"flex",justifyContent:"space-between",width:"100%"},leftFooter:e=>({display:"flex",margin:e.spacing(2),span:{fontWeight:e.typography.fontWeight.bold}}),rowCount:e=>({alignItems:"center",display:"flex",marginRight:e.spacing(4),whiteSpace:"pre"}),rowCountDropDown:{"> * > *":{justifyContent:"center !important"}},rowsActions:e=>({"#selected-row":{":hover":{backgroundColor:"transparent"},borderRadius:e.borderRadius.XS,color:e.palette.black,padding:e.spacing(1),paddingRight:e.spacing(.5)},alignItems:"baseline",display:"flex",span:{alignSelf:"center"}})}),N=[5,10,25,50],F=({currentPageSize:r,pagingData:o,rowCountSelection:c=N,onPageSelect:l,onPageSizeSelect:d})=>{const[g,h]=i(!1),p=t(null),{t:m}=T(),u=a((()=>h((e=>!e))),[]);return e("div",Object.assign({css:H.footer},{children:[e("div",Object.assign({css:H.leftFooter},{children:[n("div",Object.assign({css:H.rowCount},{children:n(z,{components:[n("b",{style:{fontWeight:"bold"}},"1")],count:o.total,i18nKey:"common:grid.row-count",values:{firstIndex:0!==o.total?1+(o.page-1)*r:0,lastIndex:Math.min(o.total,o.page*r)}})})),e("div",Object.assign({css:H.rowsActions},{children:[m("common:grid.rows"),n(f,Object.assign({id:"selected-row",onClick:()=>u(),ref:p,variant:C.TEXT},{children:r})),n(s,g?{name:k.CHEVRON_TOP,onClick:()=>u(),size:w.SIZE_MEDIUM}:{name:k.CHEVRON_BOTTOM,onClick:()=>u(),size:w.SIZE_MEDIUM}),n(v,Object.assign({css:H.rowCountDropDown,dropdownWidth:"max-content",isOpen:g,onChange:()=>u(),onClickAway:e=>{var n;(null===(n=p.current)||void 0===n?void 0:n.contains(e.target))||u()},placement:"bottom",reference:p.current},{children:c.map((e=>n(O,Object.assign({onClick:()=>d(e),value:String(e)},{children:e}),e)))}))]}))]})),n("div",{children:n(y,{boundaryPagesToShow:5,currentPage:o.page,onPageChange:l,totalPages:o.pages})})]}))},L=(e=10)=>{const[n,t]=i(1),[r,o]=i(e);return{page:n,pagerProps:{currentPage:n,currentPageSize:r,onPageSelect:e=>{t(e)},onPageSizeSelect:e=>{o(e)}},pageSize:r}},V=({children:e,loading:t})=>t?n(S,{animation:j.WAVE,variant:x.TEXT}):n("span",{children:e});export{W as C,R as D,_ as G,F as P,V as S,L as u};
+import{jsxs as e,jsx as n}from"@emotion/react/jsx-runtime";import{useRef as t,useLayoutEffect as r,useState as i,useMemo as o,useCallback as a}from"react";import{Icon as s,Table as c,TableFooter as l,TableHeader as d,TableHeaderRow as g,TableHeaderCell as h,Checkbox as p,TableBody as m,TableRow as u,TableBodyCell as f,Button as b,ButtonVariant as w,IconSize as C,DropdownOptionList as v,Option as O,Pagination as y,Skeleton as S,SkeletonAnimation as j,SkeletonVariant as x}from"@shipengine/giger";import{IconNames as k}from"@shipengine/giger-theme";import{c as P}from"./validation-528e7834.js";import{y as E}from"./warehouse-form-da6a7ac5.js";import{c as D,f as I}from"./carrier-c2a5ed53.js";import{useTranslation as T,Trans as z}from"react-i18next";const A=P({container:{backgroundColor:"#11003A"},getChildrenStyles:e=>n=>({height:e?"90%":"0",overflow:"scroll"}),getDrawerStyles:e=>n=>({backgroundColor:"#11003A",bottom:0,height:e?"50%":`${n.spacing(6)}px`,minWidth:"440px",position:"fixed",transformOrigin:"bottom",transition:"height 0.5s;"}),header:e=>({alignItems:"center",color:"#fff",display:"flex",height:e.spacing(6),justifyContent:"space-between",padding:e.spacing(1)})}),R=({children:i,headerContent:o,isOpen:a,toggleDrawer:c})=>{const l=t(null);return r((()=>{const e=()=>{const e=l.current;e&&e.parentElement&&(e.style.width=`${e.parentElement.clientWidth}px`)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),e("div",Object.assign({"aria-label":"Drawer",css:A.getDrawerStyles(a),ref:l},{children:[e("header",Object.assign({"aria-expanded":a,css:A.header},{children:[n("div",Object.assign({onClick:c,role:"button"},{children:n(s,{css:{transform:`rotate(${a?"-90":"90"}deg)`},name:k.PAGINATION_LEFT})})),o]})),n("div",Object.assign({"aria-labelledby":"drawer",css:A.getChildrenStyles(a),role:"region"},{children:i}))]}))},W=({date:e,short:t})=>{const{locale:r}=E();return n("div",{children:n("div",{children:t?D(e,r):I(e,r)})})},M=P({checkboxHeader:e=>({width:e.spacing(6)}),table:{"*":{overflow:"hidden",textOverflow:"clip !important"}}}),_=({columns:t,data:r,footerContent:s,onRowClick:b,useCheckboxes:w=!1})=>{var C,v,O;const[y,S]=i(null!==(C=null==r?void 0:r.map((()=>!1)))&&void 0!==C?C:[]),j=o((()=>y.length>0&&y.every((e=>e))),[y]),x=o((()=>y.some((e=>e))),[y]),k=a((e=>{S((n=>{const t=[...n];return t[e]=!t[e],t}))}),[]),P=a((e=>{S((n=>{const t=[...n];for(const n of t.entries())t[n[0]]=e;return t}))}),[]);return n(c,Object.assign({css:M.table,"data-testid":"grid",footer:s&&n(l,{children:s}),header:n(d,{children:e(g,{children:[w?n(h,Object.assign({css:M.checkboxHeader},{children:n(p,{checked:null!==(v=j||x)&&void 0!==v&&v,indeterminate:null!==(O=!j&&x)&&void 0!==O&&O,onChange:e=>P(e.target.checked)})})):null,t.map((e=>e.headerContent)).map(((e,t)=>n(h,{children:e},t)))]})})},{children:n(m,{children:r.map(((r,i)=>{var o;return e(u,Object.assign({onClick:b?()=>b(r):void 0},{children:[w?n(f,{children:n(p,{checked:null!==(o=y[i])&&void 0!==o&&o,onChange:()=>k(i)})}):null,t.map(((e,t)=>e.renderCellContent?n(f,{children:e.renderCellContent(r)},t):null))]}),i)}))})}))},H=P({footer:{"> *":{borderTop:"0 !important"},alignItems:"center",display:"flex",justifyContent:"space-between",width:"100%"},leftFooter:e=>({display:"flex",margin:e.spacing(2),span:{fontWeight:e.typography.fontWeight.bold}}),rowCount:e=>({alignItems:"center",display:"flex",marginRight:e.spacing(4),whiteSpace:"pre"}),rowCountDropDown:{"> * > *":{justifyContent:"center !important"}},rowsActions:e=>({"#selected-row":{":hover":{backgroundColor:"transparent"},borderRadius:e.borderRadius.XS,color:e.palette.black,padding:e.spacing(1),paddingRight:e.spacing(.5)},alignItems:"baseline",display:"flex",span:{alignSelf:"center"}})}),N=[5,10,25,50],F=({currentPageSize:r,pagingData:o,rowCountSelection:c=N,onPageSelect:l,onPageSizeSelect:d})=>{const[g,h]=i(!1),p=t(null),{t:m}=T(),u=a((()=>h((e=>!e))),[]);return e("div",Object.assign({css:H.footer},{children:[e("div",Object.assign({css:H.leftFooter},{children:[n("div",Object.assign({css:H.rowCount},{children:n(z,{components:[n("b",{style:{fontWeight:"bold"}},"1")],count:o.total,i18nKey:"common:grid.row-count",values:{firstIndex:0!==o.total?1+(o.page-1)*r:0,lastIndex:Math.min(o.total,o.page*r)}})})),e("div",Object.assign({css:H.rowsActions},{children:[m("common:grid.rows"),n(b,Object.assign({id:"selected-row",onClick:()=>u(),ref:p,variant:w.TEXT},{children:r})),n(s,g?{name:k.CHEVRON_TOP,onClick:()=>u(),size:C.SIZE_MEDIUM}:{name:k.CHEVRON_BOTTOM,onClick:()=>u(),size:C.SIZE_MEDIUM}),n(v,Object.assign({css:H.rowCountDropDown,dropdownWidth:"max-content",isOpen:g,onChange:()=>u(),onClickAway:e=>{var n;(null===(n=p.current)||void 0===n?void 0:n.contains(e.target))||u()},placement:"bottom",reference:p.current},{children:c.map((e=>n(O,Object.assign({onClick:()=>d(e),value:String(e)},{children:e}),e)))}))]}))]})),n("div",{children:n(y,{boundaryPagesToShow:5,currentPage:o.page,onPageChange:l,totalPages:o.pages})})]}))},L=(e=10)=>{const[n,t]=i(1),[r,o]=i(e);return{page:n,pagerProps:{currentPage:n,currentPageSize:r,onPageSelect:e=>{t(e)},onPageSizeSelect:e=>{o(e)}},pageSize:r}},V=({children:e,loading:t})=>t?n(S,{animation:j.WAVE,variant:x.TEXT}):n("span",{children:e});export{W as C,R as D,_ as G,F as P,V as S,L as u};

package/transaction-history-element-cbfe487c.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as n}from"@emotion/react/jsx-runtime";import{S as a,b as r,e as i,u as s,M as o,E as l,d as c,U as d,f as p,g as h,h as g,P as m,T as u}from"./use-unit-settings-a5bae16e.js";import{T as b,f,k as C,p as v,a1 as j,d as x}from"./warehouse-form-da6a7ac5.js";import{_ as O}from"./carrier-c2a5ed53.js";import{useTranslation as w}from"react-i18next";import{Icon as y,IconSize as _,Select as S,Option as T,Input as k,Popover as D,Typography as E,ButtonIcon as W,Tag as z,TagColor as $}from"@shipengine/giger";import{IconNames as R}from"@shipengine/giger-theme";import{useListCarriers as I,useListLabels as P,useListSalesOrderShipments as F,useListShipments as L}from"@shipengine/react-api";import{D as A,u as B,C as M,S as N,G as U,P as K}from"./suspend-text-cad3a977.js";import{useState as G,useCallback as H,useRef as V,useContext as Z,createContext as q}from"react";import{c as J}from"./validation-528e7834.js";import{c as Q,a as X,p as Y}from"./formatString-413ec7c7.js";import{d as ee}from"./use-toggle-866d7938.js";const te=J({category:{alignItems:"center",cursor:"pointer",display:"flex",flexDirection:"row",justifyContent:"space-between"},colorPicker:e=>({"&::-webkit-color-swatch":{border:`1px solid ${e.palette.gray.light}`,borderRadius:"4px",padding:0},"&::-webkit-color-swatch-wrapper":{padding:0},alignSelf:"center",appearance:"none",background:"none",border:0,cursor:"pointer",height:e.spacing(4.25),outline:"none",width:e.spacing(4.25)}),container:e=>({marginBottom:e.spacing(2)}),input:e=>({border:`1px solid ${e.palette.gray.light}`,borderRadius:"4px",color:e.palette.gray.main,fontSize:"14px",padding:e.spacing(1)}),inputContainer:e=>({alignItems:"center",display:"flex",flexDirection:"row",justifyContent:"space-between",padding:`${e.spacing(2)}px 0`}),wrapper:e=>({display:"flex",gap:e.spacing(1)})}),ne=({paletteConfig:n,onUpdatePaletteConfig:a,formatKey:r})=>{const[i,s]=G(new Set),o=H(((e,t,r)=>{const i=(e=>{if(e)return e.match(/^#[0-9A-Fa-f]{0,6}$/)?e:e.match(/^[0-9A-Fa-f]{6}$/)?`#${e}`:void 0})(r),s=Object.assign(Object.assign({},n||{}),{[e]:Object.assign(Object.assign({},(null==n?void 0:n[e])||{}),{[t]:i})});a(s)}),[a,n]);return e("div",Object.assign({"data-test-id":"color-palette-editor"},{children:n&&Object.keys(n).map((a=>t("div",Object.assign({css:te.container,id:a},{children:[t("div",Object.assign({"aria-expanded":i.has(a),css:te.category,onClick:e=>{e.preventDefault(),(e=>{s((t=>{const n=new Set(t);return n.has(e)?new Set([...n].filter((t=>t!==e))):new Set([...n,e])}))})(a)},role:"button"},{children:[e("p",{children:Q(a)}),e(y,{name:i.has(a)?R.CHEVRON_TOP:R.CHEVRON_BOTTOM,size:_.SIZE_REGULAR})]})),i.has(a)&&Object.keys(n[a]).map((i=>t("div",Object.assign({css:te.inputContainer,id:"input-container"},{children:[e("label",Object.assign({css:{fontWeight:"bold"},htmlFor:`${a}.${i}`},{children:r(i)})),t("form",Object.assign({css:te.wrapper},{children:[e("input",{css:te.input,onChange:e=>{e.preventDefault(),o(a,i,e.target.value)},onKeyDown:e=>{"Enter"===e.key&&e.preventDefault()},type:"text",value:n[a][i]}),e("input",{css:te.colorPicker,onChange:e=>o(a,i,e.target.value),type:"color",value:n[a][i]})]}))]}),i)))]}),a)))}))},ae=J({input:e=>({border:`1px solid ${e.palette.gray.light}`,borderRadius:"4px",color:e.palette.gray.main,fontSize:"14px",maxWidth:e.spacing(16),padding:0}),keys:{fontSize:"16px",fontWeight:"bold",marginTop:"8px"},section:e=>({"& > div:first-child":{flexGrow:3},"& > div:last-child":{flexShrink:1},display:"flex",gap:e.spacing(1),justifyContent:"space-between"}),sectionContainer:e=>({marginBottom:e.spacing(4)}),select:e=>({border:`1px solid ${e.palette.gray.light}`,borderRadius:"4px",color:e.palette.gray.main,fontSize:"14px"})}),re=({onUpdateTypographyConfig:a,typographyConfig:r,formatKey:i})=>{const s=H(((e,t,n)=>{const i=Object.assign(Object.assign({},r||{}),{[e]:Object.assign(Object.assign({},(null==r?void 0:r[e])||{}),{[t]:n})});a(i)}),[a,r]),o=H(((e,t)=>{if(e)return e[t]}),[]),l=(t,n)=>{var a;const i=[{label:"Normal",value:"400"},{label:"Semi Bold",value:"600"},{label:"Bold",value:"700"}],l=null===(a=o(r,t))||void 0===a?void 0:a.fontWeight.toString(),c=void 0!==l?i.find((e=>e.value===l)):void 0;return e(S,Object.assign({css:ae.select,label:"Font Weight",name:"font-weight",onChange:(e,a)=>s(t,n,null==a?void 0:a.value),value:c},{children:i.map((t=>e(T,Object.assign({value:t.value},{children:t.label}),t.value)))}))},c=(t,n)=>{var a;const i=null===(a=o(r,t))||void 0===a?void 0:a.fontSize.replace("px","");return e(k,{"aria-labelledby":`${t}.${n}`,css:ae.input,label:"Font Size(px)",onChange:e=>{e.target.value.match(/^\d{0,2}$/)&&s(t,n,`${e.target.value}px`)},value:i})},d=(t,a)=>{switch(a){case"fontWeight":return e(n,{children:l(t,a)});case"fontSize":return e(n,{children:c(t,a)});default:return null}};return e("div",{children:r&&Object.keys(r).map((n=>t("div",Object.assign({css:ae.sectionContainer},{children:[e("p",Object.assign({css:ae.keys,id:n},{children:i(n)})),e("section",Object.assign({css:ae.section},{children:Object.keys(r[n]).map((t=>e("div",Object.assign({id:`${n}.${t}`},{children:d(n,t)}),t)))}))]}),n)))})},ie=J({container:e=>({color:e.palette.gray.dark,display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden",position:"relative"}),content:e=>({display:"flex",flexDirection:"column",gap:e.spacing(3),padding:e.spacing(3)}),copy:e=>({backgroundColor:e.palette.white,borderRadius:"4px",padding:e.spacing(.5)}),drawerHeader:e=>({alignItems:"center",display:"flex",gap:e.spacing(2),justifyContent:"end",width:"50%"}),drawerWrapper:{display:"flex",justifyContent:"space-between",position:"relative"},header:{alignItems:"center",display:"flex",justifyContent:"space-between"},popoverWrapper:e=>({display:"flex",flexDirection:"column",gap:e.spacing(1)}),pre:e=>({backgroundColor:"#FFFFFF66",borderRadius:"8px",fontSize:"14px",padding:e.spacing(.3)}),presetOption:e=>({"&:hover":{backgroundColor:"theme.palette.gray.ultraLight"},backgroundColor:"transparent",borderRadius:"4px",fontSize:"14px",padding:e.spacing(1)}),presetsButton:e=>({"&:hover":{backgroundColor:"#d1d4d7"},backgroundColor:"#E4E5E7",borderRadius:"4px",cursor:"pointer",display:"flex",fontSize:"14px",gap:e.spacing(.5),padding:`${e.spacing(.5)}px ${e.spacing(1)}px`})}),se=({themeConfig:n,onUpdateThemeConfig:a,presets:r,showDrawer:i})=>{const s=V(n),[o,l]=G(!1),c=Object.keys(n).flatMap((e=>{if("components"===e&&n[e]&&"object"==typeof n[e]){return Object.keys(n[e])}return[e]})).map((e=>"palette"===e?{label:"Color Palette",value:"Color Palette"}:{label:Q(e),value:Q(e)})),[d,p]=G(c.sort()[0].value),h=e=>X(Y(e)),g=V(null),[m,u]=ee(!1),C=e=>{a(e)};return t("div",Object.assign({"aria-label":"Theme Creator",css:ie.container,"data-testid":"theme-creator",role:"region"},{children:[t("div",Object.assign({css:ie.content},{children:[t("div",Object.assign({css:ie.header},{children:[e(b,{onSelectTab:e=>{p(e)},selectedTab:d,tabs:c}),r?t("div",{children:[t("button",Object.assign({"aria-controls":"presets-popover","aria-expanded":m,css:ie.presetsButton,onClick:e=>{e.preventDefault(),u()},ref:g},{children:["Presets",e(y,{name:R.CARET_BOTTOM,size:_.SIZE_SMALL})]})),e(D,Object.assign({container:document.querySelector("#theme-creator"),isOpen:m,onClickAway:()=>u(),placement:"bottom-end",reference:g.current},{children:t("div",Object.assign({css:ie.popoverWrapper},{children:[e("button",Object.assign({"aria-label":"Set Default Theme",css:ie.presetOption,onClick:e=>{e.preventDefault(),u(),C(s.current)},role:"menuitem"},{children:"Default"})),r.map((t=>e("button",Object.assign({"aria-label":`Set ${t.presetName} Theme`,css:ie.presetOption,onClick:e=>{e.preventDefault(),u(),C(t.themeConfig)},role:"menuitem"},{children:t.presetName}),t.presetName)))]}))}))]}):e("button",Object.assign({"aria-label":"Set Default Theme",css:ie.presetsButton,onClick:()=>{C(s.current)},role:"menuitem"},{children:"Reset to Default"}))]})),e(E,Object.assign({role:"heading",variant:"heading4"},{children:`${d} Editor`})),((t,n)=>{var r;switch(n){case"Color Palette":return e(ne,{formatKey:h,onUpdatePaletteConfig:e=>{a(Object.assign(Object.assign({},t),{palette:e}))},paletteConfig:t.palette});case"Typography":return e(re,{formatKey:h,onUpdateTypographyConfig:e=>{a(Object.assign(Object.assign({},t),{components:Object.assign(Object.assign({},t.components),{Typography:e})}))},typographyConfig:null===(r=t.components)||void 0===r?void 0:r.Typography});default:return null}})(n,d)]})),i&&e(A,Object.assign({"aria-label":"Show themeConfig.js Code Drawer",headerContent:t("div",Object.assign({css:ie.drawerHeader},{children:[e("pre",Object.assign({css:ie.pre},{children:"themeConfig.js"})),i.copyToClipboardText&&e("div",Object.assign({css:ie.copy},{children:e(f,{content:i.copyToClipboardText})}))]})),isOpen:o,toggleDrawer:()=>l(!o)},{children:i.content}))]}))},oe=()=>e(a,{}),le=r(oe,C,{css:{height:"100%",maxWidth:"800px",minWidth:"440px",width:"100%"},resources:{en:i}});var ce=Object.freeze({__proto__:null,Component:oe,Element:le});const de=()=>{const t=O(s(),[]);return e(o,Object.assign({},t))},pe=r(de,C,{css:{height:"100%",maxWidth:"800px",minWidth:"440px",width:"100%"},resources:{en:i}});var he=Object.freeze({__proto__:null,Component:de,Element:pe});const ge=({isModalFullScreen:t})=>e(l,{isModalFullScreen:t}),me=r(ge,C,{css:{height:"100%",maxWidth:"800px",minWidth:"440px",width:"100%"},resources:{en:i}});var ue=Object.freeze({__proto__:null,Component:ge,Element:me});const be=r((({onRowClick:n})=>{const{t:a}=w(["common","list-labels"]),{page:r,pageSize:i,pagerProps:s}=B(),{data:o,isLoading:l}=I(),{data:c,isLoading:d,isError:p,error:h}=P({page:r,pageSize:i}),g=(null==c?void 0:c.labels)?c.labels.filter((e=>e.shipmentId)).map((e=>e.shipmentId)):[],{data:m,isLoading:u}=F({shipmentIds:g});if(d)return e(v,{message:a("loading.labels")});if(p)throw new Error(h.map((e=>e.message)).join(", "));if(!c)throw new Error(a("errorMessages.unableToLoad.labels"));const b=[{headerContent:a("list-labels:headers.labelId"),renderCellContent:t=>e("div",{children:t.labelId})},{headerContent:a("list-labels:headers.created"),renderCellContent:t=>(null==t?void 0:t.shipDate)&&e(M,{date:t.shipDate})},{headerContent:a("list-labels:headers.shipTo"),renderCellContent:t=>{const n=null==m?void 0:m.find((e=>e.shipmentId===t.shipmentId)),a=n&&n.shipTo.addressLine1?e(j,{address:n.shipTo}):"--";return e(N,Object.assign({loading:u},{children:a}))}},{headerContent:a("list-labels:headers.service"),renderCellContent:n=>{if(!l&&o){const a=o.find((e=>e.carrierCode===n.carrierCode));if(a){const r=a.services.find((e=>e.serviceCode===n.serviceCode));if(r)return t("div",{children:[e(x,{carrierCode:n.carrierCode},n.carrierCode),"  ",r.name]})}}return t(N,Object.assign({loading:l},{children:["`$",n.carrierCode," - $",n.serviceCode,"`"]}))}},{headerContent:e("div",{"aria-label":a("list-labels:headers.download")}),renderCellContent:t=>"completed"===t.status?e("div",Object.assign({css:{textAlign:"right"}},{children:e(W,{ariaDescribedby:"",children:a("list-labels:actions.download.pdf"),icon:R.DOWNLOAD,onClick:e=>{e.stopPropagation(),window.open(t.labelDownload.pdf)}})})):e("div",Object.assign({css:{textAlign:"right"}},{children:e(z,Object.assign({color:$.INFO},{children:t.status.toLocaleUpperCase()}))}))}];return e(U,{columns:b,data:c.labels,footerContent:e(K,Object.assign({},s,{pagingData:c})),onRowClick:n})}),C,{css:{height:"100%",minWidth:"440px",width:"100%"},resources:{en:i}});var fe=Object.freeze({__proto__:null,Element:be});const Ce=r((({onRowClick:t,shipmentStatus:n="pending"})=>{const{t:a}=w(["common","list-shipments"]),{page:r,pageSize:i,pagerProps:s}=B(),{data:o,isLoading:l,isError:c,error:d}=L({page:r,pageSize:i,shipmentStatus:n});if(l)return e(v,{message:a("loading.shipments")});if(c)throw new Error(d.map((e=>e.message)).join(", "));if(!o)throw new Error(a("errorMessages.unableToLoad.shipments"));const p=[{headerContent:a("list-shipments:headers.shipmentId"),renderCellContent:t=>e("div",{children:t.shipmentId})},{headerContent:a("list-shipments:headers.shipTo"),renderCellContent:t=>t.shipTo.addressLine1?e(j,{address:t.shipTo}):"--"},{headerContent:a("list-shipments:headers.shipDate"),renderCellContent:t=>t.shipDate?e(M,{date:t.shipDate}):"--"}];return e(U,{columns:p,data:o.shipments,footerContent:e(K,Object.assign({},s,{pagingData:o})),onRowClick:t})}),C,{css:{height:"100%",minWidth:"440px",width:"100%"},resources:{en:i}});var ve=Object.freeze({__proto__:null,Element:Ce});const je=q(void 0),xe=({children:t,editableTheme:n})=>{const[a,r]=G(n);return e(je.Provider,Object.assign({value:{setThemeConfig:r,themeConfig:a}},{children:t}))},Oe=()=>{const e=Z(je);if(!e)throw new Error("useThemeConfigurator must be used within a ThemeConfiguratorProvider");return e},we=t=>{var n=O(t,[]);return e(se,Object.assign({},n))},ye=r(we,C,{css:{height:"100%",maxWidth:"800px",minWidth:"440px",width:"100%"},resources:{en:i}});var _e=Object.freeze({__proto__:null,Component:we,Element:ye});const Se=()=>{const t=O(c(),[]);return e(d,Object.assign({},t))},Te=r(Se,C,{css:{height:"100%",maxWidth:"800px",minWidth:"440px",width:"100%"},resources:{en:i}});var ke=Object.freeze({__proto__:null,Component:Se,Element:Te});const De=()=>e(p,{}),Ee=r(De,C,{css:{height:"100%",maxWidth:"800px",minWidth:"440px",width:"100%"},resources:{en:i}});var We=Object.freeze({__proto__:null,Component:De,Element:Ee});const ze=()=>{const t=O(h(),[]);return e(g,Object.assign({},t))},$e=r(ze,C,{css:{height:"100%",maxWidth:"800px",minWidth:"440px",width:"100%"},resources:{en:i}});var Re=Object.freeze({__proto__:null,Component:ze,Element:$e});const Ie=()=>e(m,{}),Pe=r(Ie,C,{css:{height:"100%",maxWidth:"800px",minWidth:"440px",width:"100%"},resources:{en:i}});var Fe=Object.freeze({__proto__:null,Component:Ie,Element:Pe});const Le=()=>e(u,{}),Ae=r(Le,C,{css:{height:"100%",maxWidth:"800px",minWidth:"440px",width:"100%"},resources:{en:i}});var Be=Object.freeze({__proto__:null,Component:Le,Element:Ae});export{xe as T,he as a,ue as b,ke as c,We as d,Re as e,Be as f,fe as l,ce as m,Fe as p,ve as s,_e as t,Oe as u};

package/{use-page-layout-93ffae78.js → use-page-layout-8cb5075f.js}

@@ -1 +1 @@
-import{useTranslation as e}from"react-i18next";import{jsx as l,jsxs as a}from"@emotion/react/jsx-runtime";import{useRef as t,useState as o,useContext as r,createContext as n}from"react";import{P as s}from"./use-toggle-838d2ebd.js";const i=()=>{const{t:l}=e("common");return[{label:l("months.january"),value:"01"},{label:l("months.february"),value:"02"},{label:l("months.march"),value:"03"},{label:l("months.april"),value:"04"},{label:l("months.may"),value:"05"},{label:l("months.june"),value:"06"},{label:l("months.july"),value:"07"},{label:l("months.august"),value:"08"},{label:l("months.september"),value:"09"},{label:l("months.october"),value:"10"},{label:l("months.november"),value:"11"},{label:l("months.december"),value:"12"}]},u=n(void 0);u.displayName="PageLayoutContext";const c=({children:e})=>{const r=t(null),n=t(null),[i]=o({FooterPortal:e=>l(s,Object.assign({target:n},{children:e.children})),HeaderPortal:e=>l(s,Object.assign({target:r},{children:e.children}))});return l(u.Provider,Object.assign({value:i},{children:a("div",Object.assign({css:{display:"flex",flexDirection:"column",height:"100%"}},{children:[l("div",{css:{flexShrink:0},id:"page-layout-header",ref:r}),l("div",Object.assign({css:{overflow:"scroll"},id:"page-layout-content"},{children:e})),l("div",{css:{flexShrink:0},id:"page-layout-footer",ref:n})]}))}))},m=()=>{const e=r(u);if(!e)throw new Error("usePageLayout must be called from within the scope of PageLayoutProvider");return e};export{c as P,m as a,i as u};
+import{useTranslation as e}from"react-i18next";import{jsx as l,jsxs as a}from"@emotion/react/jsx-runtime";import{useRef as t,useState as o,useContext as r,createContext as n}from"react";import{P as s}from"./use-toggle-866d7938.js";const i=()=>{const{t:l}=e("common");return[{label:l("months.january"),value:"01"},{label:l("months.february"),value:"02"},{label:l("months.march"),value:"03"},{label:l("months.april"),value:"04"},{label:l("months.may"),value:"05"},{label:l("months.june"),value:"06"},{label:l("months.july"),value:"07"},{label:l("months.august"),value:"08"},{label:l("months.september"),value:"09"},{label:l("months.october"),value:"10"},{label:l("months.november"),value:"11"},{label:l("months.december"),value:"12"}]},u=n(void 0);u.displayName="PageLayoutContext";const c=({children:e})=>{const r=t(null),n=t(null),[i]=o({FooterPortal:e=>l(s,Object.assign({target:n},{children:e.children})),HeaderPortal:e=>l(s,Object.assign({target:r},{children:e.children}))});return l(u.Provider,Object.assign({value:i},{children:a("div",Object.assign({css:{display:"flex",flexDirection:"column",height:"100%"}},{children:[l("div",{css:{flexShrink:0},id:"page-layout-header",ref:r}),l("div",Object.assign({css:{overflow:"scroll"},id:"page-layout-content"},{children:e})),l("div",{css:{flexShrink:0},id:"page-layout-footer",ref:n})]}))}))},m=()=>{const e=r(u);if(!e)throw new Error("usePageLayout must be called from within the scope of PageLayoutProvider");return e};export{c as P,m as a,i as u};