@shipengine/elements 2.5.0 → 2.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipengine/elements",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "peerDependencies": {
     "@emotion/react": "11.x",
     "react-i18next": "11.x",

package/src/elements/labels-grid/hooks/use-labels-grid.d.ts

@@ -61,6 +61,7 @@ export declare const useLabelsGrid: ({ labelStatus, showShipmentIdFilter }: Labe
         };
         pagesAmount: number;
         pageSize: number;
+        showPagination: boolean;
         totalElements: number;
     };
     setFilters: import("react").Dispatch<import("react").SetStateAction<IGridFilters>>;

package/src/elements/shipments-grid/hooks/use-shipments-grid.d.ts

@@ -86,6 +86,7 @@ export declare const useShipmentsGrid: ({ shipmentStatus, showShipmentIdFilter,
         };
         pagesAmount: number;
         pageSize: number;
+        showPagination: boolean;
         totalElements: number;
     };
     setFilters: import("react").Dispatch<import("react").SetStateAction<IGridFilters>>;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { Shipment } from "@shipengine/js-api";
+import { SE } from "@shipengine/react-api";
 import { PurchaseLabelFeatures, ShipmentSummaryFeatures } from "../../utilities";
 /**
  * @internal
@@ -23,6 +24,16 @@ export type LabelWorkflowProps = {
         onLabelCreateSuccess?: (label: {
             labelId: string;
         }, shipment: Shipment) => void;
+        /**
+         * `onVoidLabelComplete` is a callback function that will be invoked when the request to void a given
+         * shipping label is completed.
+         */
+        onVoidLabelComplete?: (request: SE.VoidRequest, shipment: SE.SalesOrderShipment) => void;
+        /**
+         * `onVoidLabelSuccess` is a callback function that will be invoked when the request to void a given
+         * shipping label is successful.
+         */
+        onVoidLabelSuccess?: (label: SE.Label, shipment: SE.SalesOrderShipment) => void;
     };
     /**
      * `features` is a set of feature flags you would like to enable or disable in this component.
@@ -56,6 +67,16 @@ export declare const useLabelWorkflow: ({ _multiplexedId, }: {
         onLabelCreateSuccess?: ((label: {
             labelId: string;
         }, shipment: Shipment) => void) | undefined;
+        /**
+         * `onVoidLabelComplete` is a callback function that will be invoked when the request to void a given
+         * shipping label is completed.
+         */
+        onVoidLabelComplete?: ((request: SE.VoidRequest, shipment: SE.SalesOrderShipment) => void) | undefined;
+        /**
+         * `onVoidLabelSuccess` is a callback function that will be invoked when the request to void a given
+         * shipping label is successful.
+         */
+        onVoidLabelSuccess?: ((label: SE.Label, shipment: SE.SalesOrderShipment) => void) | undefined;
     } | undefined;
     _multiplexedId: ({
         orderSourceCode: string;

package/transaction-history-element.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as n}from"@emotion/react/jsx-runtime";import{S as s,c as a,e as r,u as i,M as o,d as l,E as c,f as p,U as d,g,h,i as u,P as m,T as b}from"./use-unit-settings.js";import{T as f,h as C,m as v,r as O,y,z as j}from"./actions-menu.js";import{k as S,t as w,q as x,T as _}from"./carrier.js";import{useTranslation as T}from"react-i18next";import{Icon as E,IconSize as k,Select as F,Option as P,Input as A,Popover as I,Typography as D,TagColor as L,Next as z,Tag as R,TagVariant as N,EmptyState as $,Button as B}from"@shipengine/giger";import{useState as W,useCallback as M,useRef as U,useEffect as V,useMemo as G,useContext as K,createContext as q}from"react";import{useListLabels as H,useListShipments as Z,useGetShipment as J}from"@shipengine/react-api";import{u as Q}from"./use-get-service-name.js";import{D as X,u as Y,E as ee,C as te,G as ne,b as se,a as ae}from"./usePager.js";import{h as re}from"./vat.js";import{IconNames as ie}from"@shipengine/giger-theme";import{d as oe}from"./use-toggle.js";const le=re({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)})}),ce=({paletteConfig:n,onUpdatePaletteConfig:s,formatKey:a})=>{const[r,i]=W(new Set),o=e=>{i((t=>{const n=new Set(t);return n.has(e)?new Set([...n].filter((t=>t!==e))):new Set([...n,e])}))},l=M(((e,t,a)=>{const r=(e=>{if(e)return e.match(/^#[0-9A-Fa-f]{0,6}$/)?e:e.match(/^[0-9A-Fa-f]{6}$/)?`#${e}`:void 0})(a),i=Object.assign(Object.assign({},n||{}),{[e]:Object.assign(Object.assign({},(null==n?void 0:n[e])||{}),{[t]:r})});s(i)}),[s,n]);return e("div",Object.assign({"data-test-id":"color-palette-editor"},{children:n&&Object.keys(n).map((s=>t("div",Object.assign({css:le.container,id:s},{children:[t("div",Object.assign({"aria-expanded":r.has(s),css:le.category,onClick:e=>{e.preventDefault(),o(s)},onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),o(s))},role:"button",tabIndex:0},{children:[e("p",{children:S(s)}),e(E,{name:r.has(s)?ie.CHEVRON_TOP:ie.CHEVRON_BOTTOM,size:k.SIZE_REGULAR})]})),r.has(s)&&Object.keys(n[s]).map((r=>t("div",Object.assign({css:le.inputContainer,id:"input-container"},{children:[e("label",Object.assign({css:{fontWeight:"bold"},htmlFor:`${s}.${r}`},{children:a(r)})),t("form",Object.assign({css:le.wrapper},{children:[e("input",{css:le.input,onChange:e=>{e.preventDefault(),l(s,r,e.target.value)},onKeyDown:e=>{"Enter"===e.key&&e.preventDefault()},type:"text",value:n[s][r]}),e("input",{css:le.colorPicker,onChange:e=>l(s,r,e.target.value),type:"color",value:n[s][r]})]}))]}),r)))]}),s)))}))},pe=re({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"})}),de=({onUpdateTypographyConfig:s,typographyConfig:a,formatKey:r})=>{const i=M(((e,t,n)=>{const r=Object.assign(Object.assign({},a||{}),{[e]:Object.assign(Object.assign({},(null==a?void 0:a[e])||{}),{[t]:n})});s(r)}),[s,a]),o=M(((e,t)=>{if(e)return e[t]}),[]),l=(t,n)=>{var s;const r=[{label:"Normal",value:"400"},{label:"Semi Bold",value:"600"},{label:"Bold",value:"700"}],l=null===(s=o(a,t))||void 0===s?void 0:s.fontWeight.toString(),c=void 0!==l?r.find((e=>e.value===l)):void 0;return e(F,Object.assign({css:pe.select,label:"Font Weight",name:"font-weight",onChange:(e,s)=>i(t,n,null==s?void 0:s.value),value:c},{children:r.map((t=>e(P,Object.assign({value:t.value},{children:t.label}),t.value)))}))},c=(t,n)=>{var s;const r=null===(s=o(a,t))||void 0===s?void 0:s.fontSize.replace("px","");return e(A,{"aria-labelledby":`${t}.${n}`,css:pe.input,label:"Font Size(px)",onChange:e=>{e.target.value.match(/^\d{0,2}$/)&&i(t,n,`${e.target.value}px`)},value:r})},p=(t,s)=>{switch(s){case"fontWeight":return e(n,{children:l(t,s)});case"fontSize":return e(n,{children:c(t,s)});default:return null}};return e("div",{children:a&&Object.keys(a).map((n=>t("div",Object.assign({css:pe.sectionContainer},{children:[e("p",Object.assign({css:pe.keys,id:n},{children:r(n)})),e("section",Object.assign({css:pe.section},{children:Object.keys(a[n]).map((t=>e("div",Object.assign({id:`${n}.${t}`},{children:p(n,t)}),t)))}))]}),n)))})},ge=re({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`})}),he=({themeConfig:n,onUpdateThemeConfig:s,presets:a,showDrawer:r})=>{const i=U(n),[o,l]=W(!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:S(e),value:S(e)})),[p,d]=W(c.sort()[0].value),g=e=>w(x(e)),h=U(null),[u,m]=oe(!1),b=e=>{s(e)};return t("div",Object.assign({"aria-label":"Theme Creator",css:ge.container,"data-testid":"theme-creator",role:"region"},{children:[t("div",Object.assign({css:ge.content},{children:[t("div",Object.assign({css:ge.header},{children:[e(f,{onSelectTab:e=>{d(e)},selectedTab:p,tabs:c}),a?t("div",{children:[t("button",Object.assign({"aria-controls":"presets-popover","aria-expanded":u,css:ge.presetsButton,onClick:e=>{e.preventDefault(),m()},ref:h},{children:["Presets",e(E,{name:ie.CARET_BOTTOM,size:k.SIZE_SMALL})]})),e(I,Object.assign({container:document.querySelector("#theme-creator"),isOpen:u,onClickAway:()=>m(),placement:"bottom-end",reference:h.current},{children:t("div",Object.assign({css:ge.popoverWrapper},{children:[e("button",Object.assign({"aria-label":"Set Default Theme",css:ge.presetOption,onClick:e=>{e.preventDefault(),m(),b(i.current)},role:"menuitem"},{children:"Default"})),a.map((t=>e("button",Object.assign({"aria-label":`Set ${t.presetName} Theme`,css:ge.presetOption,onClick:e=>{e.preventDefault(),m(),b(t.themeConfig)},role:"menuitem"},{children:t.presetName}),t.presetName)))]}))}))]}):e("button",Object.assign({"aria-label":"Set Default Theme",css:ge.presetsButton,onClick:()=>{b(i.current)},role:"menuitem"},{children:"Reset to Default"}))]})),e(D,Object.assign({role:"heading",variant:"heading4"},{children:`${p} Editor`})),((t,n)=>{var a;switch(n){case"Color Palette":return e(ce,{formatKey:g,onUpdatePaletteConfig:e=>{s(Object.assign(Object.assign({},t),{palette:e}))},paletteConfig:t.palette});case"Typography":return e(de,{formatKey:g,onUpdateTypographyConfig:e=>{s(Object.assign(Object.assign({},t),{components:Object.assign(Object.assign({},t.components),{Typography:e})}))},typographyConfig:null===(a=t.components)||void 0===a?void 0:a.Typography});default:return null}})(n,p)]})),r&&e(X,Object.assign({"aria-label":"Show themeConfig.js Code Drawer",headerContent:t("div",Object.assign({css:ge.drawerHeader},{children:[e("pre",Object.assign({css:ge.pre},{children:"themeConfig.js"})),r.copyToClipboardText&&e("div",Object.assign({css:ge.copy},{children:e(C,{content:r.copyToClipboardText})}))]})),isOpen:o,toggleDrawer:()=>l(!o)},{children:r.content}))]}))},ue=({onRedirectToOnboarding:t})=>e(s,{onRedirectToOnboarding:t}),me=a(ue,v,{resources:{en:r}});var be=Object.freeze({__proto__:null,Component:ue,Element:me});const fe=()=>{const t=_(i(),[]);return e(o,Object.assign({},t))},Ce=a(fe,v,{resources:{en:r}});var ve=Object.freeze({__proto__:null,Component:fe,Element:Ce});const Oe=({isModalFullScreen:t})=>{const n=_(l(),[]);return e(c,Object.assign({isModalFullScreen:t},n))},ye=a(Oe,v,{resources:{en:r}});var je=Object.freeze({__proto__:null,Component:Oe,Element:ye});const Se=re({errorState:e=>Object.assign({backgroundColor:e.palette.white},e.getComponentOverride("Table")),tableParagraph:{margin:0}}),we=({labelStatus:s,showShipmentIdFilter:a=!0,onClickPrintLabel:r,onClickVoidLabel:i,onClickPrintForms:o,onClickViewDetails:l,onRowClick:c})=>{const{t:p}=T(["common","list-labels"]),{labels:d,isLoading:g,isError:h,filters:u,setFilters:m,pageConfig:b,isAnyFilterActive:f,shouldShowFilters:C,clearAllFilters:v}=(({labelStatus:e,showShipmentIdFilter:t})=>{const n={shipmentId:{enabled:!!t,value:""}},[s,a]=W(n),r=Object.keys(s).some((e=>{const t=s[e];return t.enabled&&t.value})),i=Object.keys(s).some((e=>s[e].enabled));V((()=>{a({shipmentId:{enabled:!!t,value:""}})}),[t]);const{getServiceName:o}=Q(),{page:l,pageSize:c,pagerProps:p}=Y(20),{data:d,isLoading:g,isError:h}=H({queryFnParams:{labelStatus:e,page:l,pageSize:c,shipmentId:s.shipmentId.value||void 0}}),u=G((()=>(null==d?void 0:d.labels.map((e=>Object.assign(Object.assign({},e),{serviceName:o(e)}))))||[]),[null==d?void 0:d.labels,o]),m=i&&(r||Boolean(null==u?void 0:u.length));return{clearAllFilters:()=>{a(n)},filters:s,isAnyFilterActive:r,isError:h,isLoading:g,labels:u,pageConfig:{currentPage:(null==d?void 0:d.page)||0,pagerProps:p,pagesAmount:(null==d?void 0:d.pages)||0,pageSize:c,totalElements:(null==d?void 0:d.total)||0},setFilters:a,shouldShowFilters:m}})({labelStatus:s,showShipmentIdFilter:a});if(g)return e(O,{message:p("loading.labels")});if(h)return e(ee,{css:Se.errorState,subtitle:[p("list-labels:errorMessages.subtitle"),p("errorMessages.refreshAndTryAgain")],title:p("list-labels:errorMessages.title")});const S={completed:{color:L.SUCCESS,text:p("list-labels:status.completed")},error:{color:L.ERROR,text:p("list-labels:status.error")},processing:{color:L.INFO,text:p("list-labels:status.processing")},voided:{color:L.INFO,text:p("list-labels:status.voided")}},w=(e,t)=>{e===j.PRINT_LABEL&&(e=>{null==r||r(),window.open(e.labelDownload.href,"_blank","noopener, noreferrer")})(t),e===j.VOID_LABEL&&(null==i||i(t)),e===j.PRINT_FORMS&&(e=>{null==o||o(),window.open(e.formDownload.href,"_blank","noopener, noreferrer")})(t),e===j.VIEW_DETAILS&&(null==l||l(t))},x=[{headerContent:p("list-labels:headers.shipmentId"),renderCellContent:t=>e(D,Object.assign({component:"span",variant:"body2"},{children:t.shipmentId}))},{headerContent:p("list-labels:headers.parcels"),renderCellContent:t=>e(D,Object.assign({component:"span",variant:"body2"},{children:t.packages.length}))},{headerContent:p("list-labels:headers.recipient"),renderCellContent:s=>t(n,{children:[e(D,Object.assign({component:"p",css:Se.tableParagraph,variant:"body2"},{children:s.shipTo.name})),t(D,Object.assign({component:"p",css:Se.tableParagraph,variant:"body2"},{children:[s.shipTo.postalCode,", ",s.shipTo.cityLocality]}))]})},{headerContent:p("list-labels:headers.shipping"),renderCellContent:s=>t(n,{children:[e(D,Object.assign({component:"p",css:Se.tableParagraph,variant:"body2"},{children:s.serviceName||s.serviceCode})),s.trackable&&e(z.Link,Object.assign({bold:!1,href:s.trackingUrl,isExternal:!0,target:"_blank"},{children:s.trackingNumber}))]})},{headerContent:p("list-labels:headers.created"),renderCellContent:t=>e(te,{date:t.createdAt,short:!0})},{headerContent:p("list-labels:headers.shipDate"),renderCellContent:t=>e(te,{date:t.shipDate,short:!0})},{headerContent:p("list-labels:headers.status"),renderCellContent:t=>e(R,Object.assign({color:S[t.status].color,variant:N.LINEAL_FILLED},{children:S[t.status].text}))}];return d.some((e=>"completed"===e.status))&&x.push({headerContent:"",renderCellContent:t=>{var n,s;const a=!!(null===(n=t.labelDownload)||void 0===n?void 0:n.href)&&"completed"===t.status,r=!!i&&"completed"===t.status,o=!!(null===(s=t.formDownload)||void 0===s?void 0:s.href)&&"completed"===t.status,c=!!l;if(!(a||r||o||c))return null;const p=[...c?[j.VIEW_DETAILS]:[],...a?[j.PRINT_LABEL]:[],...r?[j.VOID_LABEL]:[],...o?[j.PRINT_FORMS]:[]];return e(y,{allowedActions:p,onActionClick:e=>w(e,t)})}}),e(ne,{columns:x,data:d,emptyContent:e($,f?Object.assign({isElevated:!1,subtitle:p("list-labels:emptyWithFilters.subtitle"),title:p("list-labels:emptyWithFilters.title")},{children:e(B,Object.assign({onClick:v},{children:p("list-labels:emptyWithFilters.button")}))}):{isElevated:!1,subtitle:p("list-labels:empty.subtitle"),title:p("list-labels:empty.title")}),filters:C&&e(se,{filters:u,onClearAllFilters:v,onFiltersUpdated:m}),footerContent:e(ae,{onPageChange:b.pagerProps.onPageSelect,page:b.currentPage,pages:b.pagesAmount,pageSize:b.pageSize,showPagination:!f&&(b.totalElements||0)>b.pageSize,total:b.totalElements}),onRowClick:c})},xe=a(we,v,{css:{height:"100%",minWidth:"440px",width:"100%"},resources:{en:r}});var _e=Object.freeze({__proto__:null,Component:we,Element:xe});function Te(e){return{shipmentId:{enabled:e,value:""}}}const Ee=re({errorState:e=>Object.assign({backgroundColor:e.palette.white},e.getComponentOverride("Table")),tableParagraph:{margin:0}}),ke=({onRowClick:s,shipmentStatus:a,showShipmentIdFilter:r=!0})=>{const{t:i}=T(["common","list-shipments"]),{isLoading:o,isError:l,filters:c,setFilters:p,pageConfig:d,getGridData:g,isAnyFilterActive:h,shouldShowFilters:u,clearAllFilters:m}=(({shipmentStatus:e,showShipmentIdFilter:t=!0})=>{const n=Te(t),[s,a]=W(n),r=Object.keys(s).some((e=>{const t=s[e];return t.enabled&&t.value})),i=Object.keys(s).some((e=>s[e].enabled));V((()=>{const e=Te(t);a(e)}),[t]);const{getServiceName:o}=Q(),{page:l,pageSize:c,pagerProps:p}=Y(20),{data:d,isLoading:g,isError:h}=Z({page:l,pageSize:c,shipmentStatus:e}),u=G((()=>null==d?void 0:d.shipments.map((e=>Object.assign(Object.assign({},e),{serviceName:o(e)})))),[null==d?void 0:d.shipments,o]),m=i&&(r||Boolean(null==u?void 0:u.length)),{data:b,error:f,isInitialLoading:C}=J({queryFnParams:{shipmentId:s.shipmentId.value||void 0},retry:!1}),v=s.shipmentId.value,O=(y=b,v&&!f?e?(null==y?void 0:y.shipmentStatus)===e?y:void 0:y:void 0);var y;const j=v&&(f||!O);return{clearAllFilters:()=>{a(n)},filters:s,getGridData:()=>O?[Object.assign(Object.assign({},O),{serviceName:o(O)})]:j?[]:u||[],isAnyFilterActive:r,isError:h,isLoading:g||C,pageConfig:{currentPage:(null==d?void 0:d.page)||0,pagerProps:p,pagesAmount:(null==d?void 0:d.pages)||0,pageSize:c,totalElements:(null==d?void 0:d.total)||0},setFilters:a,shipments:u,shouldShowFilters:m}})({shipmentStatus:a,showShipmentIdFilter:r});if(o)return e(O,{message:i("loading.shipments")});if(l)return e(ee,{css:Ee.errorState,subtitle:[i("list-shipments:errorMessages.subtitle"),i("errorMessages.refreshAndTryAgain")],title:i("list-shipments:errorMessages.title")});const b={cancelled:{color:L.ALERT,text:i("list-shipments:status.cancelled")},label_purchased:{color:L.SUCCESS,text:i("list-shipments:status.purchased")},pending:{color:L.SUCCESS,text:i("list-shipments:status.readyToBuy")},processing:{color:L.INFO,text:i("list-shipments:status.processing")}},f=[{headerContent:i("list-shipments:headers.shipmentId"),renderCellContent:t=>e(D,Object.assign({component:"p",css:Ee.tableParagraph,variant:"body2"},{children:t.shipmentId}))},{headerContent:i("list-shipments:headers.parcels"),renderCellContent:t=>e(D,Object.assign({component:"p",css:Ee.tableParagraph,variant:"body2"},{children:t.packages.length}))},{headerContent:i("list-shipments:headers.recipient"),renderCellContent:s=>{const a=!!(s.shipTo.name||s.shipTo.postalCode||s.shipTo.cityLocality),r=!(!s.shipTo.postalCode&&!s.shipTo.cityLocality);return a?t(n,{children:[e(D,Object.assign({component:"p",css:Ee.tableParagraph,variant:"body2"},{children:s.shipTo.name})),r&&e(D,Object.assign({component:"p",css:Ee.tableParagraph,variant:"body2"},{children:[s.shipTo.postalCode,s.shipTo.cityLocality].filter(Boolean).join(", ")}))]}):"--"}},{headerContent:i("list-shipments:headers.shipping"),renderCellContent:t=>e(D,Object.assign({component:"p",css:Ee.tableParagraph,variant:"body2"},{children:t.serviceName||i("list-shipments:none")}))},{headerContent:i("list-shipments:headers.created"),renderCellContent:t=>e(te,{date:t.createdAt,short:!0})},{headerContent:i("list-shipments:headers.modified"),renderCellContent:t=>e(te,{date:t.modifiedAt,short:!0})},{headerContent:i("list-shipments:headers.status"),renderCellContent:t=>e(R,Object.assign({color:b[t.shipmentStatus].color,variant:N.LINEAL_FILLED},{children:b[t.shipmentStatus].text}))}];return e(ne,{columns:f,data:g(),emptyContent:e($,h?Object.assign({isElevated:!1,subtitle:i("list-shipments:emptyState.filtersSubtitle"),title:i("list-shipments:emptyState.filtersTitle")},{children:e(B,Object.assign({onClick:m},{children:i("list-shipments:emptyState.viewAll")}))}):{isElevated:!1,subtitle:i("list-shipments:emptyState.subtitle"),title:i("list-shipments:emptyState.title")}),filters:u&&e(se,{filters:c,onClearAllFilters:m,onFiltersUpdated:p}),footerContent:e(ae,{onPageChange:d.pagerProps.onPageSelect,page:d.currentPage,pages:d.pagesAmount,pageSize:d.pageSize,showPagination:!h&&(d.totalElements||0)>d.pageSize,total:d.totalElements}),onRowClick:s})},Fe=a(ke,v,{css:{height:"100%",minWidth:"440px",width:"100%"},resources:{en:r}});var Pe=Object.freeze({__proto__:null,Component:ke,Element:Fe});const Ae=q(void 0),Ie=({children:t,editableTheme:n})=>{const[s,a]=W(n);return e(Ae.Provider,Object.assign({value:{setThemeConfig:a,themeConfig:s}},{children:t}))},De=()=>{const e=K(Ae);if(!e)throw new Error("useThemeConfigurator must be used within a ThemeConfiguratorProvider");return e},Le=t=>{var n=_(t,[]);return e(he,Object.assign({},n))},ze=a(Le,v,{resources:{en:r}});var Re=Object.freeze({__proto__:null,Component:Le,Element:ze});const Ne=()=>{const t=_(p(),[]);return e(d,Object.assign({},t))},$e=a(Ne,v,{resources:{en:r}});var Be=Object.freeze({__proto__:null,Component:Ne,Element:$e});const We=({onRedirectToOnboarding:t})=>e(g,{onRedirectToOnboarding:t}),Me=a(We,v,{resources:{en:r}});var Ue=Object.freeze({__proto__:null,Component:We,Element:Me});const Ve=()=>{const t=_(h(),[]);return e(u,Object.assign({},t))},Ge=a(Ve,v,{resources:{en:r}});var Ke=Object.freeze({__proto__:null,Component:Ve,Element:Ge});const qe=({onRedirectToOnboarding:t})=>e(m,{onRedirectToOnboarding:t}),He=a(qe,v,{resources:{en:r}});var Ze=Object.freeze({__proto__:null,Component:qe,Element:He});const Je=()=>e(b,{}),Qe=a(Je,v,{resources:{en:r}});var Xe=Object.freeze({__proto__:null,Component:Je,Element:Qe});export{Ie as T,ve as a,je as b,Be as c,Ue as d,Ke as e,Xe as f,_e as l,be as m,Ze as p,Pe as s,Re as t,De as u};
+import{jsx as e,jsxs as t,Fragment as n}from"@emotion/react/jsx-runtime";import{S as s,c as a,e as r,u as i,M as o,d as l,E as c,f as p,U as d,g,h,i as u,P as m,T as b}from"./use-unit-settings.js";import{T as f,h as v,m as C,r as O,y,z as j}from"./actions-menu.js";import{k as S,t as w,q as x,T as _}from"./carrier.js";import{useTranslation as T}from"react-i18next";import{Icon as E,IconSize as k,Select as F,Option as P,Input as A,Popover as I,Typography as D,TagColor as L,Next as z,Tag as R,TagVariant as N,EmptyState as $,Button as B}from"@shipengine/giger";import{useState as W,useCallback as M,useRef as U,useEffect as V,useMemo as G,useContext as K,createContext as q}from"react";import{useListLabels as H,useListShipments as Z,useGetShipment as J}from"@shipengine/react-api";import{u as Q}from"./use-get-service-name.js";import{D as X,u as Y,E as ee,C as te,G as ne,b as se,a as ae}from"./usePager.js";import{h as re}from"./vat.js";import{IconNames as ie}from"@shipengine/giger-theme";import{d as oe}from"./use-toggle.js";const le=re({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)})}),ce=({paletteConfig:n,onUpdatePaletteConfig:s,formatKey:a})=>{const[r,i]=W(new Set),o=e=>{i((t=>{const n=new Set(t);return n.has(e)?new Set([...n].filter((t=>t!==e))):new Set([...n,e])}))},l=M(((e,t,a)=>{const r=(e=>{if(e)return e.match(/^#[0-9A-Fa-f]{0,6}$/)?e:e.match(/^[0-9A-Fa-f]{6}$/)?`#${e}`:void 0})(a),i=Object.assign(Object.assign({},n||{}),{[e]:Object.assign(Object.assign({},(null==n?void 0:n[e])||{}),{[t]:r})});s(i)}),[s,n]);return e("div",Object.assign({"data-test-id":"color-palette-editor"},{children:n&&Object.keys(n).map((s=>t("div",Object.assign({css:le.container,id:s},{children:[t("div",Object.assign({"aria-expanded":r.has(s),css:le.category,onClick:e=>{e.preventDefault(),o(s)},onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),o(s))},role:"button",tabIndex:0},{children:[e("p",{children:S(s)}),e(E,{name:r.has(s)?ie.CHEVRON_TOP:ie.CHEVRON_BOTTOM,size:k.SIZE_REGULAR})]})),r.has(s)&&Object.keys(n[s]).map((r=>t("div",Object.assign({css:le.inputContainer,id:"input-container"},{children:[e("label",Object.assign({css:{fontWeight:"bold"},htmlFor:`${s}.${r}`},{children:a(r)})),t("form",Object.assign({css:le.wrapper},{children:[e("input",{css:le.input,onChange:e=>{e.preventDefault(),l(s,r,e.target.value)},onKeyDown:e=>{"Enter"===e.key&&e.preventDefault()},type:"text",value:n[s][r]}),e("input",{css:le.colorPicker,onChange:e=>l(s,r,e.target.value),type:"color",value:n[s][r]})]}))]}),r)))]}),s)))}))},pe=re({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"})}),de=({onUpdateTypographyConfig:s,typographyConfig:a,formatKey:r})=>{const i=M(((e,t,n)=>{const r=Object.assign(Object.assign({},a||{}),{[e]:Object.assign(Object.assign({},(null==a?void 0:a[e])||{}),{[t]:n})});s(r)}),[s,a]),o=M(((e,t)=>{if(e)return e[t]}),[]),l=(t,n)=>{var s;const r=[{label:"Normal",value:"400"},{label:"Semi Bold",value:"600"},{label:"Bold",value:"700"}],l=null===(s=o(a,t))||void 0===s?void 0:s.fontWeight.toString(),c=void 0!==l?r.find((e=>e.value===l)):void 0;return e(F,Object.assign({css:pe.select,label:"Font Weight",name:"font-weight",onChange:(e,s)=>i(t,n,null==s?void 0:s.value),value:c},{children:r.map((t=>e(P,Object.assign({value:t.value},{children:t.label}),t.value)))}))},c=(t,n)=>{var s;const r=null===(s=o(a,t))||void 0===s?void 0:s.fontSize.replace("px","");return e(A,{"aria-labelledby":`${t}.${n}`,css:pe.input,label:"Font Size(px)",onChange:e=>{e.target.value.match(/^\d{0,2}$/)&&i(t,n,`${e.target.value}px`)},value:r})},p=(t,s)=>{switch(s){case"fontWeight":return e(n,{children:l(t,s)});case"fontSize":return e(n,{children:c(t,s)});default:return null}};return e("div",{children:a&&Object.keys(a).map((n=>t("div",Object.assign({css:pe.sectionContainer},{children:[e("p",Object.assign({css:pe.keys,id:n},{children:r(n)})),e("section",Object.assign({css:pe.section},{children:Object.keys(a[n]).map((t=>e("div",Object.assign({id:`${n}.${t}`},{children:p(n,t)}),t)))}))]}),n)))})},ge=re({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`})}),he=({themeConfig:n,onUpdateThemeConfig:s,presets:a,showDrawer:r})=>{const i=U(n),[o,l]=W(!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:S(e),value:S(e)})),[p,d]=W(c.sort()[0].value),g=e=>w(x(e)),h=U(null),[u,m]=oe(!1),b=e=>{s(e)};return t("div",Object.assign({"aria-label":"Theme Creator",css:ge.container,"data-testid":"theme-creator",role:"region"},{children:[t("div",Object.assign({css:ge.content},{children:[t("div",Object.assign({css:ge.header},{children:[e(f,{onSelectTab:e=>{d(e)},selectedTab:p,tabs:c}),a?t("div",{children:[t("button",Object.assign({"aria-controls":"presets-popover","aria-expanded":u,css:ge.presetsButton,onClick:e=>{e.preventDefault(),m()},ref:h},{children:["Presets",e(E,{name:ie.CARET_BOTTOM,size:k.SIZE_SMALL})]})),e(I,Object.assign({container:document.querySelector("#theme-creator"),isOpen:u,onClickAway:()=>m(),placement:"bottom-end",reference:h.current},{children:t("div",Object.assign({css:ge.popoverWrapper},{children:[e("button",Object.assign({"aria-label":"Set Default Theme",css:ge.presetOption,onClick:e=>{e.preventDefault(),m(),b(i.current)},role:"menuitem"},{children:"Default"})),a.map((t=>e("button",Object.assign({"aria-label":`Set ${t.presetName} Theme`,css:ge.presetOption,onClick:e=>{e.preventDefault(),m(),b(t.themeConfig)},role:"menuitem"},{children:t.presetName}),t.presetName)))]}))}))]}):e("button",Object.assign({"aria-label":"Set Default Theme",css:ge.presetsButton,onClick:()=>{b(i.current)},role:"menuitem"},{children:"Reset to Default"}))]})),e(D,Object.assign({role:"heading",variant:"heading4"},{children:`${p} Editor`})),((t,n)=>{var a;switch(n){case"Color Palette":return e(ce,{formatKey:g,onUpdatePaletteConfig:e=>{s(Object.assign(Object.assign({},t),{palette:e}))},paletteConfig:t.palette});case"Typography":return e(de,{formatKey:g,onUpdateTypographyConfig:e=>{s(Object.assign(Object.assign({},t),{components:Object.assign(Object.assign({},t.components),{Typography:e})}))},typographyConfig:null===(a=t.components)||void 0===a?void 0:a.Typography});default:return null}})(n,p)]})),r&&e(X,Object.assign({"aria-label":"Show themeConfig.js Code Drawer",headerContent:t("div",Object.assign({css:ge.drawerHeader},{children:[e("pre",Object.assign({css:ge.pre},{children:"themeConfig.js"})),r.copyToClipboardText&&e("div",Object.assign({css:ge.copy},{children:e(v,{content:r.copyToClipboardText})}))]})),isOpen:o,toggleDrawer:()=>l(!o)},{children:r.content}))]}))},ue=({onRedirectToOnboarding:t})=>e(s,{onRedirectToOnboarding:t}),me=a(ue,C,{resources:{en:r}});var be=Object.freeze({__proto__:null,Component:ue,Element:me});const fe=()=>{const t=_(i(),[]);return e(o,Object.assign({},t))},ve=a(fe,C,{resources:{en:r}});var Ce=Object.freeze({__proto__:null,Component:fe,Element:ve});const Oe=({isModalFullScreen:t})=>{const n=_(l(),[]);return e(c,Object.assign({isModalFullScreen:t},n))},ye=a(Oe,C,{resources:{en:r}});var je=Object.freeze({__proto__:null,Component:Oe,Element:ye});const Se=re({errorState:e=>Object.assign({backgroundColor:e.palette.white},e.getComponentOverride("Table")),tableParagraph:{margin:0}}),we=({labelStatus:s,showShipmentIdFilter:a=!0,onClickPrintLabel:r,onClickVoidLabel:i,onClickPrintForms:o,onClickViewDetails:l,onRowClick:c})=>{const{t:p}=T(["common","list-labels"]),{labels:d,isLoading:g,isError:h,filters:u,setFilters:m,pageConfig:b,isAnyFilterActive:f,shouldShowFilters:v,clearAllFilters:C}=(({labelStatus:e,showShipmentIdFilter:t})=>{const n={shipmentId:{enabled:!!t,value:""}},[s,a]=W(n),r=Object.keys(s).some((e=>{const t=s[e];return t.enabled&&t.value})),i=Object.keys(s).some((e=>s[e].enabled));V((()=>{a({shipmentId:{enabled:!!t,value:""}})}),[t]);const{getServiceName:o}=Q(),{page:l,pageSize:c,pagerProps:p}=Y(20),{data:d,isLoading:g,isError:h}=H({queryFnParams:{labelStatus:e,page:l,pageSize:c,shipmentId:s.shipmentId.value||void 0,sortBy:"modified_at",sortDir:"desc"}}),u=G((()=>(null==d?void 0:d.labels.map((e=>Object.assign(Object.assign({},e),{serviceName:o(e)}))))||[]),[null==d?void 0:d.labels,o]),m=i&&(r||Boolean(null==u?void 0:u.length));return{clearAllFilters:()=>{a(n)},filters:s,isAnyFilterActive:r,isError:h,isLoading:g,labels:u,pageConfig:{currentPage:(null==d?void 0:d.page)||0,pagerProps:p,pagesAmount:(null==d?void 0:d.pages)||0,pageSize:c,showPagination:((null==d?void 0:d.total)||0)>c,totalElements:(null==d?void 0:d.total)||0},setFilters:a,shouldShowFilters:m}})({labelStatus:s,showShipmentIdFilter:a});if(g)return e(O,{message:p("loading.labels")});if(h)return e(ee,{css:Se.errorState,subtitle:[p("list-labels:errorMessages.subtitle"),p("errorMessages.refreshAndTryAgain")],title:p("list-labels:errorMessages.title")});const S={completed:{color:L.SUCCESS,text:p("list-labels:status.completed")},error:{color:L.ERROR,text:p("list-labels:status.error")},processing:{color:L.INFO,text:p("list-labels:status.processing")},voided:{color:L.INFO,text:p("list-labels:status.voided")}},w=(e,t)=>{e===j.PRINT_LABEL&&(e=>{null==r||r(),window.open(e.labelDownload.href,"_blank","noopener, noreferrer")})(t),e===j.VOID_LABEL&&(null==i||i(t)),e===j.PRINT_FORMS&&(e=>{null==o||o(),window.open(e.formDownload.href,"_blank","noopener, noreferrer")})(t),e===j.VIEW_DETAILS&&(null==l||l(t))},x=[{headerContent:p("list-labels:headers.shipmentId"),renderCellContent:t=>e(D,Object.assign({component:"span",variant:"body2"},{children:t.shipmentId}))},{headerContent:p("list-labels:headers.parcels"),renderCellContent:t=>e(D,Object.assign({component:"span",variant:"body2"},{children:t.packages.length}))},{headerContent:p("list-labels:headers.recipient"),renderCellContent:s=>t(n,{children:[e(D,Object.assign({component:"p",css:Se.tableParagraph,variant:"body2"},{children:s.shipTo.name})),t(D,Object.assign({component:"p",css:Se.tableParagraph,variant:"body2"},{children:[s.shipTo.postalCode,", ",s.shipTo.cityLocality]}))]})},{headerContent:p("list-labels:headers.shipping"),renderCellContent:s=>t(n,{children:[e(D,Object.assign({component:"p",css:Se.tableParagraph,variant:"body2"},{children:s.serviceName||s.serviceCode})),s.trackable&&e(z.Link,Object.assign({bold:!1,href:s.trackingUrl,isExternal:!0,target:"_blank"},{children:s.trackingNumber}))]})},{headerContent:p("list-labels:headers.created"),renderCellContent:t=>e(te,{date:t.createdAt,short:!0})},{headerContent:p("list-labels:headers.shipDate"),renderCellContent:t=>e(te,{date:t.shipDate,short:!0})},{headerContent:p("list-labels:headers.status"),renderCellContent:t=>e(R,Object.assign({color:S[t.status].color,variant:N.LINEAL_FILLED},{children:S[t.status].text}))}];return d.some((e=>"completed"===e.status))&&x.push({headerContent:"",renderCellContent:t=>{var n,s;const a=!!(null===(n=t.labelDownload)||void 0===n?void 0:n.href)&&"completed"===t.status,r=!!i&&"completed"===t.status,o=!!(null===(s=t.formDownload)||void 0===s?void 0:s.href)&&"completed"===t.status,c=!!l;if(!(a||r||o||c))return null;const p=[...c?[j.VIEW_DETAILS]:[],...a?[j.PRINT_LABEL]:[],...r?[j.VOID_LABEL]:[],...o?[j.PRINT_FORMS]:[]];return e(y,{allowedActions:p,onActionClick:e=>w(e,t)})}}),e(ne,{columns:x,data:d,emptyContent:e($,f?Object.assign({isElevated:!1,subtitle:p("list-labels:emptyWithFilters.subtitle"),title:p("list-labels:emptyWithFilters.title")},{children:e(B,Object.assign({onClick:C},{children:p("list-labels:emptyWithFilters.button")}))}):{isElevated:!1,subtitle:p("list-labels:empty.subtitle"),title:p("list-labels:empty.title")}),filters:v&&e(se,{filters:u,onClearAllFilters:C,onFiltersUpdated:m}),footerContent:e(ae,{onPageChange:b.pagerProps.onPageSelect,page:b.currentPage,pages:b.pagesAmount,pageSize:b.pageSize,showPagination:b.showPagination,total:b.totalElements}),onRowClick:c})},xe=a(we,C,{css:{height:"100%",minWidth:"440px",width:"100%"},resources:{en:r}});var _e=Object.freeze({__proto__:null,Component:we,Element:xe});function Te(e){return{shipmentId:{enabled:e,value:""}}}const Ee=re({errorState:e=>Object.assign({backgroundColor:e.palette.white},e.getComponentOverride("Table")),tableParagraph:{margin:0}}),ke=({onRowClick:s,shipmentStatus:a,showShipmentIdFilter:r=!0})=>{const{t:i}=T(["common","list-shipments"]),{isLoading:o,isError:l,filters:c,setFilters:p,pageConfig:d,getGridData:g,isAnyFilterActive:h,shouldShowFilters:u,clearAllFilters:m}=(({shipmentStatus:e,showShipmentIdFilter:t=!0})=>{const n=Te(t),[s,a]=W(n),r=Object.keys(s).some((e=>{const t=s[e];return t.enabled&&t.value})),i=Object.keys(s).some((e=>s[e].enabled));V((()=>{const e=Te(t);a(e)}),[t]);const{getServiceName:o}=Q(),{page:l,pageSize:c,pagerProps:p}=Y(20),{data:d,isLoading:g,isError:h}=Z({page:l,pageSize:c,shipmentStatus:e,sortBy:"modified_at",sortDir:"desc"}),u=G((()=>null==d?void 0:d.shipments.map((e=>Object.assign(Object.assign({},e),{serviceName:o(e)})))),[null==d?void 0:d.shipments,o]),m=i&&(r||Boolean(null==u?void 0:u.length)),{data:b,error:f,isInitialLoading:v}=J({queryFnParams:{shipmentId:s.shipmentId.value||void 0},retry:!1}),C=s.shipmentId.value,O=(y=b,C&&!f?e?(null==y?void 0:y.shipmentStatus)===e?y:void 0:y:void 0);var y;const j=C&&(f||!O);return{clearAllFilters:()=>{a(n)},filters:s,getGridData:()=>O?[Object.assign(Object.assign({},O),{serviceName:o(O)})]:j?[]:u||[],isAnyFilterActive:r,isError:h,isLoading:g||v,pageConfig:{currentPage:O?1:(null==d?void 0:d.page)||0,pagerProps:p,pagesAmount:(null==d?void 0:d.pages)||0,pageSize:c,showPagination:!O&&((null==d?void 0:d.total)||0)>c,totalElements:O?1:(null==d?void 0:d.total)||0},setFilters:a,shipments:u,shouldShowFilters:m}})({shipmentStatus:a,showShipmentIdFilter:r});if(o)return e(O,{message:i("loading.shipments")});if(l)return e(ee,{css:Ee.errorState,subtitle:[i("list-shipments:errorMessages.subtitle"),i("errorMessages.refreshAndTryAgain")],title:i("list-shipments:errorMessages.title")});const b={cancelled:{color:L.ALERT,text:i("list-shipments:status.cancelled")},label_purchased:{color:L.SUCCESS,text:i("list-shipments:status.purchased")},pending:{color:L.SUCCESS,text:i("list-shipments:status.readyToBuy")},processing:{color:L.INFO,text:i("list-shipments:status.processing")}},f=[{headerContent:i("list-shipments:headers.shipmentId"),renderCellContent:t=>e(D,Object.assign({component:"p",css:Ee.tableParagraph,variant:"body2"},{children:t.shipmentId}))},{headerContent:i("list-shipments:headers.parcels"),renderCellContent:t=>e(D,Object.assign({component:"p",css:Ee.tableParagraph,variant:"body2"},{children:t.packages.length}))},{headerContent:i("list-shipments:headers.recipient"),renderCellContent:s=>{const a=!!(s.shipTo.name||s.shipTo.postalCode||s.shipTo.cityLocality),r=!(!s.shipTo.postalCode&&!s.shipTo.cityLocality);return a?t(n,{children:[e(D,Object.assign({component:"p",css:Ee.tableParagraph,variant:"body2"},{children:s.shipTo.name})),r&&e(D,Object.assign({component:"p",css:Ee.tableParagraph,variant:"body2"},{children:[s.shipTo.postalCode,s.shipTo.cityLocality].filter(Boolean).join(", ")}))]}):"--"}},{headerContent:i("list-shipments:headers.shipping"),renderCellContent:t=>e(D,Object.assign({component:"p",css:Ee.tableParagraph,variant:"body2"},{children:t.serviceName||i("list-shipments:none")}))},{headerContent:i("list-shipments:headers.created"),renderCellContent:t=>e(te,{date:t.createdAt,short:!0})},{headerContent:i("list-shipments:headers.modified"),renderCellContent:t=>e(te,{date:t.modifiedAt,short:!0})},{headerContent:i("list-shipments:headers.status"),renderCellContent:t=>e(R,Object.assign({color:b[t.shipmentStatus].color,variant:N.LINEAL_FILLED},{children:b[t.shipmentStatus].text}))}];return e(ne,{columns:f,data:g(),emptyContent:e($,h?Object.assign({isElevated:!1,subtitle:i("list-shipments:emptyState.filtersSubtitle"),title:i("list-shipments:emptyState.filtersTitle")},{children:e(B,Object.assign({onClick:m},{children:i("list-shipments:emptyState.viewAll")}))}):{isElevated:!1,subtitle:i("list-shipments:emptyState.subtitle"),title:i("list-shipments:emptyState.title")}),filters:u&&e(se,{filters:c,onClearAllFilters:m,onFiltersUpdated:p}),footerContent:e(ae,{onPageChange:d.pagerProps.onPageSelect,page:d.currentPage,pages:d.pagesAmount,pageSize:d.pageSize,showPagination:d.showPagination,total:d.totalElements}),onRowClick:s})},Fe=a(ke,C,{css:{height:"100%",minWidth:"440px",width:"100%"},resources:{en:r}});var Pe=Object.freeze({__proto__:null,Component:ke,Element:Fe});const Ae=q(void 0),Ie=({children:t,editableTheme:n})=>{const[s,a]=W(n);return e(Ae.Provider,Object.assign({value:{setThemeConfig:a,themeConfig:s}},{children:t}))},De=()=>{const e=K(Ae);if(!e)throw new Error("useThemeConfigurator must be used within a ThemeConfiguratorProvider");return e},Le=t=>{var n=_(t,[]);return e(he,Object.assign({},n))},ze=a(Le,C,{resources:{en:r}});var Re=Object.freeze({__proto__:null,Component:Le,Element:ze});const Ne=()=>{const t=_(p(),[]);return e(d,Object.assign({},t))},$e=a(Ne,C,{resources:{en:r}});var Be=Object.freeze({__proto__:null,Component:Ne,Element:$e});const We=({onRedirectToOnboarding:t})=>e(g,{onRedirectToOnboarding:t}),Me=a(We,C,{resources:{en:r}});var Ue=Object.freeze({__proto__:null,Component:We,Element:Me});const Ve=()=>{const t=_(h(),[]);return e(u,Object.assign({},t))},Ge=a(Ve,C,{resources:{en:r}});var Ke=Object.freeze({__proto__:null,Component:Ve,Element:Ge});const qe=({onRedirectToOnboarding:t})=>e(m,{onRedirectToOnboarding:t}),He=a(qe,C,{resources:{en:r}});var Ze=Object.freeze({__proto__:null,Component:qe,Element:He});const Je=()=>e(b,{}),Qe=a(Je,C,{resources:{en:r}});var Xe=Object.freeze({__proto__:null,Component:Je,Element:Qe});export{Ie as T,Ce as a,je as b,Be as c,Ue as d,Ke as e,Xe as f,_e as l,be as m,Ze as p,Pe as s,Re as t,De as u};