@shipengine/elements 2.11.1 → 2.12.0

package/src/elements/transaction-history/transaction-history-element.d.ts

@@ -590,6 +590,8 @@ export declare const Element: ({ resources, ...props }: object & {
                     status: string;
                     trackingStatus: string;
                     labelId: string;
+                    externalOrderId: string;
+                    externalShipmentId: string;
                 };
                 empty: {
                     title: string;
@@ -784,6 +786,7 @@ export declare const Element: ({ resources, ...props }: object & {
                         description: string;
                         harmonizedTariffCode: string;
                         ifDeliveryFails: string;
+                        dutiesTaxes: string;
                         quantity: string;
                         sku: string;
                         value: string;
@@ -798,6 +801,17 @@ export declare const Element: ({ resources, ...props }: object & {
                         returnToSender: string;
                         treatAsAbandoned: string;
                     };
+                    canadaDeliveredDuty: {
+                        senderPrepay: string;
+                        recipientPays: string;
+                        tooltip: {
+                            title: string;
+                            restriction: string;
+                            requirement1: string;
+                            requirement2: string;
+                            requirement3: string;
+                        };
+                    };
                     removeAllDeclarations: string;
                     total: string;
                 };
@@ -990,6 +1004,7 @@ export declare const Element: ({ resources, ...props }: object & {
                         edit: string;
                         remove: string;
                         viewDetails: string;
+                        cancelShipment: string;
                     };
                 };
                 ZnVuZGluZ19zb3VyY2VfaWQgbXVzdCBiZSBhbiBpbnRlZ2Vy: string;

package/src/elements/unit-settings/unit-settings-element.d.ts

@@ -590,6 +590,8 @@ export declare const Element: ({ resources, ...props }: object & {
                     status: string;
                     trackingStatus: string;
                     labelId: string;
+                    externalOrderId: string;
+                    externalShipmentId: string;
                 };
                 empty: {
                     title: string;
@@ -784,6 +786,7 @@ export declare const Element: ({ resources, ...props }: object & {
                         description: string;
                         harmonizedTariffCode: string;
                         ifDeliveryFails: string;
+                        dutiesTaxes: string;
                         quantity: string;
                         sku: string;
                         value: string;
@@ -798,6 +801,17 @@ export declare const Element: ({ resources, ...props }: object & {
                         returnToSender: string;
                         treatAsAbandoned: string;
                     };
+                    canadaDeliveredDuty: {
+                        senderPrepay: string;
+                        recipientPays: string;
+                        tooltip: {
+                            title: string;
+                            restriction: string;
+                            requirement1: string;
+                            requirement2: string;
+                            requirement3: string;
+                        };
+                    };
                     removeAllDeclarations: string;
                     total: string;
                 };
@@ -990,6 +1004,7 @@ export declare const Element: ({ resources, ...props }: object & {
                         edit: string;
                         remove: string;
                         viewDetails: string;
+                        cancelShipment: string;
                     };
                 };
                 ZnVuZGluZ19zb3VyY2VfaWQgbXVzdCBiZSBhbiBpbnRlZ2Vy: string;

package/src/elements/vat-settings/vat-settings-element.d.ts

@@ -590,6 +590,8 @@ export declare const Element: ({ resources, ...props }: object & {
                     status: string;
                     trackingStatus: string;
                     labelId: string;
+                    externalOrderId: string;
+                    externalShipmentId: string;
                 };
                 empty: {
                     title: string;
@@ -784,6 +786,7 @@ export declare const Element: ({ resources, ...props }: object & {
                         description: string;
                         harmonizedTariffCode: string;
                         ifDeliveryFails: string;
+                        dutiesTaxes: string;
                         quantity: string;
                         sku: string;
                         value: string;
@@ -798,6 +801,17 @@ export declare const Element: ({ resources, ...props }: object & {
                         returnToSender: string;
                         treatAsAbandoned: string;
                     };
+                    canadaDeliveredDuty: {
+                        senderPrepay: string;
+                        recipientPays: string;
+                        tooltip: {
+                            title: string;
+                            restriction: string;
+                            requirement1: string;
+                            requirement2: string;
+                            requirement3: string;
+                        };
+                    };
                     removeAllDeclarations: string;
                     total: string;
                 };
@@ -990,6 +1004,7 @@ export declare const Element: ({ resources, ...props }: object & {
                         edit: string;
                         remove: string;
                         viewDetails: string;
+                        cancelShipment: string;
                     };
                 };
                 ZnVuZGluZ19zb3VyY2VfaWQgbXVzdCBiZSBhbiBpbnRlZ2Vy: string;

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

@@ -682,6 +682,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     status: string;
                     trackingStatus: string;
                     labelId: string;
+                    externalOrderId: string;
+                    externalShipmentId: string;
                 };
                 empty: {
                     title: string;
@@ -885,6 +887,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         description: string;
                         harmonizedTariffCode: string;
                         ifDeliveryFails: string;
+                        dutiesTaxes: string;
                         quantity: string;
                         sku: string;
                         value: string;
@@ -899,6 +902,17 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         returnToSender: string;
                         treatAsAbandoned: string;
                     };
+                    canadaDeliveredDuty: {
+                        senderPrepay: string;
+                        recipientPays: string;
+                        tooltip: {
+                            title: string;
+                            restriction: string;
+                            requirement1: string;
+                            requirement2: string;
+                            requirement3: string;
+                        };
+                    };
                     removeAllDeclarations: string;
                     total: string;
                 };
@@ -1091,6 +1105,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         edit: string;
                         remove: string;
                         viewDetails: string;
+                        cancelShipment: string;
                     };
                 };
                 ZnVuZGluZ19zb3VyY2VfaWQgbXVzdCBiZSBhbiBpbnRlZ2Vy: string;

package/src/hooks/options/index.d.ts

@@ -12,6 +12,6 @@ export * from "./use-service-code-options";
 export * from "./use-shipment-metadata";
 export * from "./use-shipping-presets-options";
 export * from "./use-state-code-options";
-export * from "./use-warehouse-options";
+export * from "./use-ship-from-address-options";
 export * from "./use-service-points";
 export * from "./use-windsor-framework";

package/src/hooks/options/use-ship-from-address-options.d.ts

@@ -0,0 +1,19 @@
+import { SE } from "@shipengine/react-api";
+import { ShipFromAddress } from "../../types";
+/**
+ * @internal
+ *
+ * # Warehouse Options Hook
+ *
+ * @category Hooks
+ */
+export declare const useShipFromAddressOptions: (warehouses?: SE.Warehouse[], shipFromAddresses?: (ShipFromAddress & {
+    addressId: string;
+})[], shipment?: SE.SalesOrderShipment) => {
+    label: string;
+    options: {
+        label: string;
+        subLabel: string;
+        value: string;
+    }[];
+}[] | undefined;

package/src/hooks/options/use-shipment-metadata.d.ts

@@ -8,6 +8,7 @@ import { SE } from "@shipengine/react-api";
  */
 export declare const useShipmentMetadata: (shipment?: SE.SalesOrderShipment) => {
     hasAllZeroMeasurements: boolean;
+    isCanadaDeliveredDutyEligible: boolean;
     isContentDescriptionRequired: boolean;
     isCustomsRequired: boolean;
     isInternational: boolean;

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

@@ -586,6 +586,8 @@ declare const _default: {
             status: string;
             trackingStatus: string;
             labelId: string;
+            externalOrderId: string;
+            externalShipmentId: string;
         };
         empty: {
             title: string;
@@ -780,6 +782,7 @@ declare const _default: {
                 description: string;
                 harmonizedTariffCode: string;
                 ifDeliveryFails: string;
+                dutiesTaxes: string;
                 quantity: string;
                 sku: string;
                 value: string;
@@ -794,6 +797,17 @@ declare const _default: {
                 returnToSender: string;
                 treatAsAbandoned: string;
             };
+            canadaDeliveredDuty: {
+                senderPrepay: string;
+                recipientPays: string;
+                tooltip: {
+                    title: string;
+                    restriction: string;
+                    requirement1: string;
+                    requirement2: string;
+                    requirement3: string;
+                };
+            };
             removeAllDeclarations: string;
             total: string;
         };
@@ -986,6 +1000,7 @@ declare const _default: {
                 edit: string;
                 remove: string;
                 viewDetails: string;
+                cancelShipment: string;
             };
         };
         ZnVuZGluZ19zb3VyY2VfaWQgbXVzdCBiZSBhbiBpbnRlZ2Vy: string;

package/src/types/canada-ddp.d.ts

@@ -0,0 +1,4 @@
+export declare enum CanadaDeliveredDutyOptions {
+    RECIPIENT_PAYS = "recipient_pays",
+    SENDER_PREPAY = "sender_prepay"
+}

package/src/types/index.d.ts

@@ -2,3 +2,5 @@ export * from "./carrier-metadata";
 export * from "./shipping-preset";
 export * from "./preferred-rates";
 export * from "./insurance-metadata";
+export * from "./ship-from-address";
+export * from "./canada-ddp";

package/src/types/ship-from-address.d.ts

@@ -0,0 +1,4 @@
+import { Warehouse } from "@shipengine/js-api";
+export type ShipFromAddress = Pick<Warehouse, "originAddress" | "returnAddress" | "isDefault"> & {
+    name?: string;
+};

package/src/utilities/feature-flags/types.d.ts

@@ -63,6 +63,10 @@ export type ShipmentFormFeatures = {
      * shipment form of the PurchaseLabel element.
      */
     shippingPresets?: boolean;
+    /**
+     * When disabled the Purchase Label element will not use the Seller's saved warehouses during Shipment creation or expose the warehouses in the ship from drop down.
+     */
+    useWarehouses?: boolean;
 };
 export type ShipmentSummaryFeatures = {
     schedulePickup?: boolean;
@@ -123,12 +127,13 @@ export type AccountSettingsFeatures = {
      */
     showVatSettings?: boolean;
 };
-export type LabelColumnName = "shipmentId" | "labelId" | "packages" | "recipient" | "shippingService" | "createdDate" | "shipDate" | "status" | "trackingStatus";
+export type LabelColumnName = "shipmentId" | "labelId" | "externalOrderId" | "externalShipmentId" | "packages" | "recipient" | "shippingService" | "createdDate" | "shipDate" | "status" | "trackingStatus";
 export type BaseLabelColumnConfig = {
     /**
      * The name identifying the column
      */
     name: Exclude<LabelColumnName, "shipmentId" | "labelId">;
+    nickname?: string;
 };
 export type FilterableLabelColumnConfig = {
     /**
@@ -139,6 +144,7 @@ export type FilterableLabelColumnConfig = {
      * The name identifying the column
      */
     name: Extract<LabelColumnName, "shipmentId" | "labelId">;
+    nickname?: string;
 };
 export type LabelColumnConfig = BaseLabelColumnConfig | FilterableLabelColumnConfig;
 export type LabelsGridFeatures = {

package/src/utilities/shipengine/address.d.ts

@@ -1,4 +1,5 @@
 import { SE } from "@shipengine/react-api";
+import { ShipFromAddress } from "../../types";
 /**
  * @internal
  *
@@ -64,3 +65,34 @@ export declare const isEmptyAddress: (address?: SE.Address) => boolean;
  * @category Utilities
  */
 export declare const addEmailToValidation: (addressValidation: SE.AddressValidation, email?: string) => SE.AddressValidation;
+/**
+ * @internal
+ *
+ * # Address Utilities - getDefaultShipFromAddress
+ *  Gets the default ship from address from an array of ship from addresses
+ *
+ * @category Utilities
+ */
+export declare const getDefaultShipFromAddress: (addresses?: ShipFromAddress[]) => ShipFromAddress | undefined;
+/**
+ * @internal
+ *
+ * # Address Utilities - getSavedShipFromAddressId
+ *  Gets the address ID of from the shipment if it is a saved address and not a warehouse
+ *
+ * @category Utilities
+ */
+export declare const getSavedShipFromAddressId: (shipment?: SE.SalesOrderShipment, shipFromAddresses?: (ShipFromAddress & {
+    addressId: string;
+})[]) => string | undefined;
+/**
+ * @internal
+ *
+ * # Address Utilities - getIsShipmentUsingSavedShipFromAddress
+ *  Returns true if the shipment is using a saved ship from address
+ *
+ * @category Utilities
+ */
+export declare const getIsShipmentUsingSavedShipFromAddress: (shipment?: SE.SalesOrderShipment, shipFromAddresses?: (ShipFromAddress & {
+    addressId: string;
+})[]) => boolean | undefined;

package/src/utilities/shipengine/sales-order.d.ts

@@ -6,7 +6,7 @@ import { SE } from "@shipengine/react-api";
  *
  * @category Utilities
  */
-export declare const getCustomsFromSalesOrder: (salesOrder: SE.SalesOrder, warehouse: SE.Warehouse) => {
+export declare const getCustomsFromSalesOrder: (salesOrder: SE.SalesOrder, originAddress: SE.Address) => {
     customs: SE.Customs;
     products: SE.Product[];
 };
@@ -17,7 +17,7 @@ export declare const getCustomsFromSalesOrder: (salesOrder: SE.SalesOrder, wareh
  *
  * @category Utilities
  */
-export declare const getIsCustomsRequiredForSalesOrder: ({ shipTo }: SE.SalesOrder, { originAddress }: SE.Warehouse) => boolean;
+export declare const getIsCustomsRequiredForSalesOrder: ({ shipTo }: SE.SalesOrder, originAddress?: SE.Address) => boolean;
 /**
  * @internal
  *

package/src/utilities/shipengine/warehouses.d.ts

@@ -1,2 +1,3 @@
 import { SE } from "@shipengine/react-api";
-export declare const getDefaultWarehouse: (warehouses: SE.Warehouse[]) => SE.Warehouse;
+export declare const getDefaultWarehouse: (warehouses?: SE.Warehouse[]) => SE.Warehouse | undefined;
+export declare const getWarehouseById: (warehouseId?: string, warehouses?: SE.Warehouse[]) => SE.Warehouse | undefined;

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

@@ -622,6 +622,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     status: string;
                     trackingStatus: string;
                     labelId: string;
+                    externalOrderId: string;
+                    externalShipmentId: string;
                 };
                 empty: {
                     title: string;
@@ -816,6 +818,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         description: string;
                         harmonizedTariffCode: string;
                         ifDeliveryFails: string;
+                        dutiesTaxes: string;
                         quantity: string;
                         sku: string;
                         value: string;
@@ -830,6 +833,17 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         returnToSender: string;
                         treatAsAbandoned: string;
                     };
+                    canadaDeliveredDuty: {
+                        senderPrepay: string;
+                        recipientPays: string;
+                        tooltip: {
+                            title: string;
+                            restriction: string;
+                            requirement1: string;
+                            requirement2: string;
+                            requirement3: string;
+                        };
+                    };
                     removeAllDeclarations: string;
                     total: string;
                 };
@@ -1022,6 +1036,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         edit: string;
                         remove: string;
                         viewDetails: string;
+                        cancelShipment: string;
                     };
                 };
                 ZnVuZGluZ19zb3VyY2VfaWQgbXVzdCBiZSBhbiBpbnRlZ2Vy: string;

package/src/workflows/carrier-services/carrier-services.d.ts

@@ -616,6 +616,8 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & {
                     status: string;
                     trackingStatus: string;
                     labelId: string;
+                    externalOrderId: string;
+                    externalShipmentId: string;
                 };
                 empty: {
                     title: string;
@@ -810,6 +812,7 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & {
                         description: string;
                         harmonizedTariffCode: string;
                         ifDeliveryFails: string;
+                        dutiesTaxes: string;
                         quantity: string;
                         sku: string;
                         value: string;
@@ -824,6 +827,17 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & {
                         returnToSender: string;
                         treatAsAbandoned: string;
                     };
+                    canadaDeliveredDuty: {
+                        senderPrepay: string;
+                        recipientPays: string;
+                        tooltip: {
+                            title: string;
+                            restriction: string;
+                            requirement1: string;
+                            requirement2: string;
+                            requirement3: string;
+                        };
+                    };
                     removeAllDeclarations: string;
                     total: string;
                 };
@@ -1016,6 +1030,7 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & {
                         edit: string;
                         remove: string;
                         viewDetails: string;
+                        cancelShipment: string;
                     };
                 };
                 ZnVuZGluZ19zb3VyY2VfaWQgbXVzdCBiZSBhbiBpbnRlZ2Vy: string;

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

@@ -623,6 +623,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     status: string;
                     trackingStatus: string;
                     labelId: string;
+                    externalOrderId: string;
+                    externalShipmentId: string;
                 };
                 empty: {
                     title: string;
@@ -817,6 +819,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         description: string;
                         harmonizedTariffCode: string;
                         ifDeliveryFails: string;
+                        dutiesTaxes: string;
                         quantity: string;
                         sku: string;
                         value: string;
@@ -831,6 +834,17 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         returnToSender: string;
                         treatAsAbandoned: string;
                     };
+                    canadaDeliveredDuty: {
+                        senderPrepay: string;
+                        recipientPays: string;
+                        tooltip: {
+                            title: string;
+                            restriction: string;
+                            requirement1: string;
+                            requirement2: string;
+                            requirement3: string;
+                        };
+                    };
                     removeAllDeclarations: string;
                     total: string;
                 };
@@ -1023,6 +1037,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         edit: string;
                         remove: string;
                         viewDetails: string;
+                        cancelShipment: string;
                     };
                 };
                 ZnVuZGluZ19zb3VyY2VfaWQgbXVzdCBiZSBhbiBpbnRlZ2Vy: string;

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

@@ -659,6 +659,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     status: string;
                     trackingStatus: string;
                     labelId: string;
+                    externalOrderId: string;
+                    externalShipmentId: string;
                 };
                 empty: {
                     title: string;
@@ -666,7 +668,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
                 emptyWithFilters: {
                     title: string;
-                    subtitle: string; /** Invoked when the onboarding process is completed. */
+                    subtitle: string;
                     button: string;
                 };
                 status: {
@@ -860,6 +862,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         description: string;
                         harmonizedTariffCode: string;
                         ifDeliveryFails: string;
+                        dutiesTaxes: string;
                         quantity: string;
                         sku: string;
                         value: string;
@@ -874,6 +877,17 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         returnToSender: string;
                         treatAsAbandoned: string;
                     };
+                    canadaDeliveredDuty: {
+                        senderPrepay: string;
+                        recipientPays: string;
+                        tooltip: {
+                            title: string;
+                            restriction: string;
+                            requirement1: string;
+                            requirement2: string;
+                            requirement3: string;
+                        };
+                    };
                     removeAllDeclarations: string;
                     total: string;
                 };
@@ -1066,6 +1080,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         edit: string;
                         remove: string;
                         viewDetails: string;
+                        cancelShipment: string;
                     };
                 };
                 ZnVuZGluZ19zb3VyY2VfaWQgbXVzdCBiZSBhbiBpbnRlZ2Vy: string;

package/suspend-text.js

@@ -1 +1 @@
-import{J as e,K as t,M as n,N as a,O as o,Q as i,U as r,X as s,Y as c,Z as l,_ as g,$ as p,G as d,a0 as m,a1 as u,z as h}from"./actions-menu.js";import{jsxs as b,jsx as f,Fragment as C}from"@emotion/react/jsx-runtime";import{useState as w,useRef as S,useCallback as x}from"react";import{useTranslation as O,Trans as v}from"react-i18next";import{Button as j,ButtonVariant as I,Icon as y,IconSize as T,DropdownOptionList as k,Option as E,Pagination as P,Typography as _,Skeleton as D,SkeletonAnimation as M,SkeletonVariant as R}from"@shipengine/giger";import{IconNames as z}from"@shipengine/giger-theme";import{b as A}from"./validation.js";var W=Object.freeze({__proto__:null,CheckboxInput:e,CreditCardInput:t,DatePicker:n,ExpirationInput:a,InputGroup:o,transform:i,MoneyInput:r,NumberInput:s,RateSelect:c,SelectAutoComplete:l,Select:g,SelectWithCategories:p,SubmitButton:d,Switch:m,TextArea:u,TextInput:h});const B=A({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],X=({currentPageSize:e,pagingData:t,rowCountSelection:n=N,onPageSelect:a,onPageSizeSelect:o})=>{const[i,r]=w(!1),s=S(null),{t:c}=O(),l=x((()=>r((e=>!e))),[]);return b("div",Object.assign({css:B.footer},{children:[b("div",Object.assign({css:B.leftFooter},{children:[f("div",Object.assign({css:B.rowCount},{children:f(v,{components:[f("b",{style:{fontWeight:"bold"}},"1")],count:t.total,i18nKey:"common:grid.row-count",values:{firstIndex:0!==t.total?1+(t.page-1)*e:0,lastIndex:Math.min(t.total,t.page*e)}})})),b("div",Object.assign({css:B.rowsActions},{children:[c("common:grid.rows"),f(j,Object.assign({id:"selected-row",onClick:()=>l(),ref:s,variant:I.TEXT},{children:e})),f(y,i?{name:z.CHEVRON_TOP,onClick:()=>l(),size:T.SIZE_MEDIUM}:{name:z.CHEVRON_BOTTOM,onClick:()=>l(),size:T.SIZE_MEDIUM}),f(k,Object.assign({css:B.rowCountDropDown,dropdownWidth:"max-content",isOpen:i,onChange:()=>l(),onClickAway:e=>{var t;(null===(t=s.current)||void 0===t?void 0:t.contains(e.target))||l()},placement:"bottom",reference:s.current},{children:n.map((e=>f(E,Object.assign({onClick:()=>o(e),value:String(e)},{children:e}),e)))}))]}))]})),f("div",{children:f(P,{boundaryPagesToShow:5,currentPage:t.page,onPageChange:a,totalPages:t.pages})})]}))},U=({children:e,notes:t})=>b(C,{children:[b("div",Object.assign({css:()=>({backgroundColor:"lightsteelblue",marginBottom:"16px",padding:"16px",paddingLeft:"32px"})},{children:[f(_,Object.assign({variant:"heading5"},{children:"Story notes:"})),f("ul",Object.assign({css:e=>({"> li":{marginTop:e.spacing(1)}})},{children:t.map((e=>f("li",{children:e},e)))}))]})),f("hr",{css:()=>({backgroundColor:"transparent",borderTop:"1px dotted lightgrey",marginBottom:"16px"})}),e]}),V=({children:e,loading:t})=>t?f(D,{animation:M.WAVE,variant:R.TEXT}):f("span",{children:e});export{X as P,U as S,V as a,W as f};
+import{K as e,M as t,N as n,O as a,Q as o,U as i,X as r,Y as s,Z as c,_ as l,$ as g,a0 as p,J as d,a1 as m,a2 as u,G as h}from"./actions-menu.js";import{jsxs as b,jsx as f,Fragment as C}from"@emotion/react/jsx-runtime";import{useState as w,useRef as S,useCallback as x}from"react";import{useTranslation as O,Trans as v}from"react-i18next";import{Button as j,ButtonVariant as I,Icon as y,IconSize as T,DropdownOptionList as k,Option as E,Pagination as P,Typography as _,Skeleton as D,SkeletonAnimation as M,SkeletonVariant as R}from"@shipengine/giger";import{IconNames as A}from"@shipengine/giger-theme";import{b as W}from"./validation.js";var z=Object.freeze({__proto__:null,CheckboxInput:e,CreditCardInput:t,DatePicker:n,ExpirationInput:a,InputGroup:o,transform:i,MoneyInput:r,NumberInput:s,RateSelect:c,SelectAutoComplete:l,Select:g,SelectWithCategories:p,SubmitButton:d,Switch:m,TextArea:u,TextInput:h});const B=W({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],X=({currentPageSize:e,pagingData:t,rowCountSelection:n=N,onPageSelect:a,onPageSizeSelect:o})=>{const[i,r]=w(!1),s=S(null),{t:c}=O(),l=x((()=>r((e=>!e))),[]);return b("div",Object.assign({css:B.footer},{children:[b("div",Object.assign({css:B.leftFooter},{children:[f("div",Object.assign({css:B.rowCount},{children:f(v,{components:[f("b",{style:{fontWeight:"bold"}},"1")],count:t.total,i18nKey:"common:grid.row-count",values:{firstIndex:0!==t.total?1+(t.page-1)*e:0,lastIndex:Math.min(t.total,t.page*e)}})})),b("div",Object.assign({css:B.rowsActions},{children:[c("common:grid.rows"),f(j,Object.assign({id:"selected-row",onClick:()=>l(),ref:s,variant:I.TEXT},{children:e})),f(y,i?{name:A.CHEVRON_TOP,onClick:()=>l(),size:T.SIZE_MEDIUM}:{name:A.CHEVRON_BOTTOM,onClick:()=>l(),size:T.SIZE_MEDIUM}),f(k,Object.assign({css:B.rowCountDropDown,dropdownWidth:"max-content",isOpen:i,onChange:()=>l(),onClickAway:e=>{var t;(null===(t=s.current)||void 0===t?void 0:t.contains(e.target))||l()},placement:"bottom",reference:s.current},{children:n.map((e=>f(E,Object.assign({onClick:()=>o(e),value:String(e)},{children:e}),e)))}))]}))]})),f("div",{children:f(P,{boundaryPagesToShow:5,currentPage:t.page,onPageChange:a,totalPages:t.pages})})]}))},U=({children:e,notes:t})=>b(C,{children:[b("div",Object.assign({css:()=>({backgroundColor:"lightsteelblue",marginBottom:"16px",padding:"16px",paddingLeft:"32px"})},{children:[f(_,Object.assign({variant:"heading5"},{children:"Story notes:"})),f("ul",Object.assign({css:e=>({"> li":{marginTop:e.spacing(1)}})},{children:t.map((e=>f("li",{children:e},e)))}))]})),f("hr",{css:()=>({backgroundColor:"transparent",borderTop:"1px dotted lightgrey",marginBottom:"16px"})}),e]}),V=({children:e,loading:t})=>t?f(D,{animation:M.WAVE,variant:R.TEXT}):f("span",{children:e});export{X as P,U as S,V as a,z as f};