@shipengine/elements 2.6.0 → 2.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/actions-menu.js +2 -2
  2. package/package.json +5 -5
  3. package/src/components/history/history-card/history-card.styles.d.ts +0 -3
  4. package/src/components/service-point-display/operating-hours.styles.d.ts +0 -1
  5. package/src/components/tabs/tabs.styles.d.ts +0 -1
  6. package/src/components/templates/shipment-form/shipment-schema.d.ts +67 -49
  7. package/src/elements/label-layout/label-layout-element.d.ts +7 -0
  8. package/src/elements/labels-grid/hooks/use-labels-grid.d.ts +1 -1
  9. package/src/elements/labels-grid/labels-grid.d.ts +28 -18
  10. package/src/elements/manage-carriers/manage-carriers.d.ts +7 -0
  11. package/src/elements/manage-external-carriers/manage-external-carriers.d.ts +7 -0
  12. package/src/elements/manage-funding/manage-funding-element.d.ts +7 -0
  13. package/src/elements/manage-warehouses/manage-warehouses.d.ts +7 -0
  14. package/src/elements/payment-method-settings/payment-method-settings-element.d.ts +7 -0
  15. package/src/elements/purchase-label/purchase-label.d.ts +7 -0
  16. package/src/elements/shipment-summary/shipment-summary.d.ts +7 -0
  17. package/src/elements/shipments-grid/shipments-grid.d.ts +20 -17
  18. package/src/elements/theme-creator/theme-creator.d.ts +7 -0
  19. package/src/elements/theme-creator/themeData/themeData.d.ts +1 -1
  20. package/src/elements/transaction-history/transaction-history-element.d.ts +7 -0
  21. package/src/elements/unit-settings/unit-settings-element.d.ts +7 -0
  22. package/src/elements/vat-settings/vat-settings-element.d.ts +7 -0
  23. package/src/elements/void-label/void-label.d.ts +7 -0
  24. package/src/locales/en/index.d.ts +7 -0
  25. package/src/workflows/account-settings/account-settings.d.ts +7 -0
  26. package/src/workflows/carrier-services/carrier-services.d.ts +7 -0
  27. package/src/workflows/connect-external-carrier/connect-external-carrier.d.ts +7 -0
  28. package/src/workflows/onboarding/onboarding.d.ts +7 -0
  29. package/transaction-history-element.js +1 -1
  30. package/use-unit-settings.js +1 -1
  31. package/vat.js +1 -1
  32. package/wallet-form.js +1 -1
@@ -649,6 +649,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
649
649
  shipping: string;
650
650
  shipDate: string;
651
651
  status: string;
652
+ trackingStatus: string;
652
653
  };
653
654
  empty: {
654
655
  title: string;
@@ -665,6 +666,12 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
665
666
  completed: string;
666
667
  processing: string;
667
668
  };
669
+ trackingStatus: {
670
+ unknown: string;
671
+ inTransit: string;
672
+ delivered: string;
673
+ error: string;
674
+ };
668
675
  actions: {
669
676
  title: string;
670
677
  print: string;
@@ -105,7 +105,9 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
105
105
  refund_rules: string;
106
106
  resultTitles: {
107
107
  approved: string;
108
- rejected: string;
108
+ rejected: string; /**
109
+ * `showShipmentIdFilter` controls the display of the shipmentId search filter
110
+ */
109
111
  };
110
112
  voidedOn: string;
111
113
  };
@@ -155,7 +157,10 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
155
157
  vatFormErrors: {
156
158
  invalidFieldValue: string;
157
159
  verificationFailure: string;
158
- forbidden: string;
160
+ forbidden: string; /**
161
+ * `shipmentStatus` is the status of the shipments you wish to view.
162
+ * If no value is defined, all shipments will be rendered.
163
+ */
159
164
  connectionNotSupported: string;
160
165
  genericTitle: string;
161
166
  genericText: string;
@@ -204,7 +209,9 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
204
209
  };
205
210
  poBox: {
206
211
  title: string;
207
- description: string;
212
+ description: string; /**
213
+ * `showShipmentIdFilter` controls the display of the shipmentId search filter
214
+ */
208
215
  };
209
216
  carrier: {
210
217
  title: string;
@@ -255,18 +262,11 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
255
262
  tax: string;
256
263
  delivery: string;
257
264
  handling: string;
258
- /**
259
- * # Shipments Grid Props
260
- *
261
- * @see {@link ShipmentsGrid.Element | This prop types usage in `<ShipmentsGrid />`}
262
- */
263
265
  special_goods: string;
264
266
  pickup: string;
265
267
  location_fee: string;
266
268
  oversize: string;
267
- returns: string; /**
268
- * `onRowClick` callback invoked when a row is clicked.
269
- */
269
+ returns: string;
270
270
  notifications: string;
271
271
  tip: string;
272
272
  duties_and_taxes: string;
@@ -621,6 +621,7 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
621
621
  shipping: string;
622
622
  shipDate: string;
623
623
  status: string;
624
+ trackingStatus: string;
624
625
  };
625
626
  empty: {
626
627
  title: string;
@@ -637,6 +638,12 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
637
638
  completed: string;
638
639
  processing: string;
639
640
  };
641
+ trackingStatus: {
642
+ unknown: string;
643
+ inTransit: string;
644
+ delivered: string;
645
+ error: string;
646
+ };
640
647
  actions: {
641
648
  title: string;
642
649
  print: string;
@@ -704,9 +711,7 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
704
711
  county: string;
705
712
  countryCode: string;
706
713
  addressLine1: string;
707
- addressLine2: string; /**
708
- * `onRowClick` callback invoked when a row is clicked.
709
- */
714
+ addressLine2: string;
710
715
  cityLocality: string;
711
716
  stateProvince: string;
712
717
  postalCode: string;
@@ -1020,9 +1025,7 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
1020
1025
  transactionHistory: string;
1021
1026
  adjustmentHistory: string;
1022
1027
  warehouses: string;
1023
- carriers: string; /**
1024
- * `onRowClick` callback invoked when a row is clicked.
1025
- */
1028
+ carriers: string;
1026
1029
  externalCarriers: string;
1027
1030
  labelLayout: string;
1028
1031
  unitSettings: string;
@@ -564,6 +564,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
564
564
  shipping: string;
565
565
  shipDate: string;
566
566
  status: string;
567
+ trackingStatus: string;
567
568
  };
568
569
  empty: {
569
570
  title: string;
@@ -580,6 +581,12 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
580
581
  completed: string;
581
582
  processing: string;
582
583
  };
584
+ trackingStatus: {
585
+ unknown: string;
586
+ inTransit: string;
587
+ delivered: string;
588
+ error: string;
589
+ };
583
590
  actions: {
584
591
  title: string;
585
592
  print: string;
@@ -1,2 +1,2 @@
1
1
  import { CustomThemeData } from "@shipengine/giger-theme";
2
- export declare const themeData: CustomThemeData;
2
+ export declare const auctaneThemeData: CustomThemeData;
@@ -551,6 +551,7 @@ export declare const Element: ({ resources, ...props }: object & {
551
551
  shipping: string;
552
552
  shipDate: string;
553
553
  status: string;
554
+ trackingStatus: string;
554
555
  };
555
556
  empty: {
556
557
  title: string;
@@ -567,6 +568,12 @@ export declare const Element: ({ resources, ...props }: object & {
567
568
  completed: string;
568
569
  processing: string;
569
570
  };
571
+ trackingStatus: {
572
+ unknown: string;
573
+ inTransit: string;
574
+ delivered: string;
575
+ error: string;
576
+ };
570
577
  actions: {
571
578
  title: string;
572
579
  print: string;
@@ -551,6 +551,7 @@ export declare const Element: ({ resources, ...props }: object & {
551
551
  shipping: string;
552
552
  shipDate: string;
553
553
  status: string;
554
+ trackingStatus: string;
554
555
  };
555
556
  empty: {
556
557
  title: string;
@@ -567,6 +568,12 @@ export declare const Element: ({ resources, ...props }: object & {
567
568
  completed: string;
568
569
  processing: string;
569
570
  };
571
+ trackingStatus: {
572
+ unknown: string;
573
+ inTransit: string;
574
+ delivered: string;
575
+ error: string;
576
+ };
570
577
  actions: {
571
578
  title: string;
572
579
  print: string;
@@ -551,6 +551,7 @@ export declare const Element: ({ resources, ...props }: object & {
551
551
  shipping: string;
552
552
  shipDate: string;
553
553
  status: string;
554
+ trackingStatus: string;
554
555
  };
555
556
  empty: {
556
557
  title: string;
@@ -567,6 +568,12 @@ export declare const Element: ({ resources, ...props }: object & {
567
568
  completed: string;
568
569
  processing: string;
569
570
  };
571
+ trackingStatus: {
572
+ unknown: string;
573
+ inTransit: string;
574
+ delivered: string;
575
+ error: string;
576
+ };
570
577
  actions: {
571
578
  title: string;
572
579
  print: string;
@@ -684,6 +684,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
684
684
  shipping: string;
685
685
  shipDate: string;
686
686
  status: string;
687
+ trackingStatus: string;
687
688
  };
688
689
  empty: {
689
690
  title: string;
@@ -700,6 +701,12 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
700
701
  completed: string;
701
702
  processing: string;
702
703
  };
704
+ trackingStatus: {
705
+ unknown: string;
706
+ inTransit: string;
707
+ delivered: string;
708
+ error: string;
709
+ };
703
710
  actions: {
704
711
  title: string;
705
712
  print: string;
@@ -547,6 +547,7 @@ declare const _default: {
547
547
  shipping: string;
548
548
  shipDate: string;
549
549
  status: string;
550
+ trackingStatus: string;
550
551
  };
551
552
  empty: {
552
553
  title: string;
@@ -563,6 +564,12 @@ declare const _default: {
563
564
  completed: string;
564
565
  processing: string;
565
566
  };
567
+ trackingStatus: {
568
+ unknown: string;
569
+ inTransit: string;
570
+ delivered: string;
571
+ error: string;
572
+ };
566
573
  actions: {
567
574
  title: string;
568
575
  print: string;
@@ -585,6 +585,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
585
585
  shipping: string;
586
586
  shipDate: string;
587
587
  status: string;
588
+ trackingStatus: string;
588
589
  };
589
590
  empty: {
590
591
  title: string;
@@ -601,6 +602,12 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
601
602
  completed: string;
602
603
  processing: string;
603
604
  };
605
+ trackingStatus: {
606
+ unknown: string;
607
+ inTransit: string;
608
+ delivered: string;
609
+ error: string;
610
+ };
604
611
  actions: {
605
612
  title: string;
606
613
  print: string;
@@ -577,6 +577,7 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & {
577
577
  shipping: string;
578
578
  shipDate: string;
579
579
  status: string;
580
+ trackingStatus: string;
580
581
  };
581
582
  empty: {
582
583
  title: string;
@@ -593,6 +594,12 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & {
593
594
  completed: string;
594
595
  processing: string;
595
596
  };
597
+ trackingStatus: {
598
+ unknown: string;
599
+ inTransit: string;
600
+ delivered: string;
601
+ error: string;
602
+ };
596
603
  actions: {
597
604
  title: string;
598
605
  print: string;
@@ -584,6 +584,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
584
584
  shipping: string;
585
585
  shipDate: string;
586
586
  status: string;
587
+ trackingStatus: string;
587
588
  };
588
589
  empty: {
589
590
  title: string;
@@ -600,6 +601,12 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
600
601
  completed: string;
601
602
  processing: string;
602
603
  };
604
+ trackingStatus: {
605
+ unknown: string;
606
+ inTransit: string;
607
+ delivered: string;
608
+ error: string;
609
+ };
603
610
  actions: {
604
611
  title: string;
605
612
  print: string;
@@ -620,6 +620,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
620
620
  shipping: string;
621
621
  shipDate: string;
622
622
  status: string;
623
+ trackingStatus: string;
623
624
  };
624
625
  empty: {
625
626
  title: string;
@@ -636,6 +637,12 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
636
637
  completed: string;
637
638
  processing: string;
638
639
  };
640
+ trackingStatus: {
641
+ unknown: string;
642
+ inTransit: string;
643
+ delivered: string;
644
+ error: string;
645
+ };
639
646
  actions: {
640
647
  title: string;
641
648
  print: string;
@@ -1 +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 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};
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 v,h as C,m as f,G as O,r as y,v as j,P as S,y as w,z as x}from"./actions-menu.js";import{k as _,t as k,q as E,T}from"./carrier.js";import{useTranslation as F}from"react-i18next";import{Icon as P,IconSize as A,Select as I,Option as L,Input as D,Popover as R,Typography as z,TagColor as N,Next as B,Tag as $,TagVariant as W,EmptyState as M,Button as U}from"@shipengine/giger";import{useState as G,useCallback as V,useRef as K,useEffect as q,useMemo as H,useContext as Z,createContext as Y}from"react";import{useListLabels as J,useListShipments as Q,useGetShipment as X}from"@shipengine/react-api";import{u as ee}from"./use-get-service-name.js";import{D as te,u as ne,E as se,C as ae,G as re,b as ie,a as oe}from"./usePager.js";import{h as le}from"./vat.js";import{IconNames as ce}from"@shipengine/giger-theme";import{d as pe}from"./use-toggle.js";const de=le({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)})}),ge=({paletteConfig:n,onUpdatePaletteConfig:s,formatKey:a})=>{const[r,i]=G(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=V(((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:de.container,id:s},{children:[t("div",Object.assign({"aria-expanded":r.has(s),css:de.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)}),e(P,{name:r.has(s)?ce.CHEVRON_TOP:ce.CHEVRON_BOTTOM,size:A.SIZE_REGULAR})]})),r.has(s)&&Object.keys(n[s]).map((r=>t("div",Object.assign({css:de.inputContainer,id:"input-container"},{children:[e("label",Object.assign({css:{fontWeight:"bold"},htmlFor:`${s}.${r}`},{children:a(r)})),t("form",Object.assign({css:de.wrapper},{children:[e("input",{css:de.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:de.colorPicker,onChange:e=>l(s,r,e.target.value),type:"color",value:n[s][r]})]}))]}),r)))]}),s)))}))},he=le({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"})}),ue=({onUpdateTypographyConfig:s,typographyConfig:a,formatKey:r})=>{const i=V(((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=V(((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(I,Object.assign({css:he.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(L,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(D,{"aria-labelledby":`${t}.${n}`,css:he.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:he.sectionContainer},{children:[e("p",Object.assign({css:he.keys,id:n},{children:r(n)})),e("section",Object.assign({css:he.section},{children:Object.keys(a[n]).map((t=>e("div",Object.assign({id:`${n}.${t}`},{children:p(n,t)}),t)))}))]}),n)))})},me=le({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`})}),be=({themeConfig:n,onUpdateThemeConfig:s,presets:a,showDrawer:r})=>{const i=K(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:_(e),value:_(e)})),[p,d]=G(c.sort()[0].value),g=e=>k(E(e)),h=K(null),[u,m]=pe(!1),b=e=>{s(e)};return t("div",Object.assign({"aria-label":"Theme Creator",css:me.container,"data-testid":"theme-creator",role:"region"},{children:[t("div",Object.assign({css:me.content},{children:[t("div",Object.assign({css:me.header},{children:[e(v,{onSelectTab:e=>{d(e)},selectedTab:p,tabs:c}),a?t("div",{children:[t("button",Object.assign({"aria-controls":"presets-popover","aria-expanded":u,css:me.presetsButton,onClick:e=>{e.preventDefault(),m()},ref:h},{children:["Presets",e(P,{name:ce.CARET_BOTTOM,size:A.SIZE_SMALL})]})),e(R,Object.assign({container:document.querySelector("#theme-creator"),isOpen:u,onClickAway:()=>m(),placement:"bottom-end",reference:h.current},{children:t("div",Object.assign({css:me.popoverWrapper},{children:[e("button",Object.assign({"aria-label":"Set Default Theme",css:me.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:me.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:me.presetsButton,onClick:()=>{b(i.current)},role:"menuitem"},{children:"Reset to Default"}))]})),e(z,Object.assign({role:"heading",variant:"heading4"},{children:`${p} Editor`})),((t,n)=>{var a;switch(n){case"Color Palette":return e(ge,{formatKey:g,onUpdatePaletteConfig:e=>{s(Object.assign(Object.assign({},t),{palette:e}))},paletteConfig:t.palette});case"Typography":return e(ue,{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(te,Object.assign({"aria-label":"Show themeConfig.js Code Drawer",headerContent:t("div",Object.assign({css:me.drawerHeader},{children:[e("pre",Object.assign({css:me.pre},{children:"themeConfig.js"})),r.copyToClipboardText&&e("div",Object.assign({css:me.copy},{children:e(C,{content:r.copyToClipboardText})}))]})),isOpen:o,toggleDrawer:()=>l(!o)},{children:r.content}))]}))},ve=({onRedirectToOnboarding:t})=>e(s,{onRedirectToOnboarding:t}),Ce=a(ve,f,{resources:{en:r}});var fe=Object.freeze({__proto__:null,Component:ve,Element:Ce});const Oe=()=>{const t=T(i(),[]);return e(o,Object.assign({},t))},ye=a(Oe,f,{resources:{en:r}});var je=Object.freeze({__proto__:null,Component:Oe,Element:ye});const Se=({isModalFullScreen:t})=>{const n=T(l(),[]);return e(c,Object.assign({isModalFullScreen:t},n))},we=a(Se,f,{resources:{en:r}});var xe=Object.freeze({__proto__:null,Component:Se,Element:we});const _e=le({errorState:e=>Object.assign({backgroundColor:e.palette.white},e.getComponentOverride("Table")),tableParagraph:{margin:0}}),ke=({labelStatus:s,showShipmentIdFilter:a=!0,onClickPrintLabel:r,onClickVoidLabel:i,onClickPrintForms:o,onClickViewDetails:l,onRowClick:c})=>{const{t:p}=F(["common","list-labels"]),{globalFeatures:d}=O(),{labels:g,isLoading:h,isError:u,filters:m,setFilters:b,pageConfig:v,isAnyFilterActive:C,shouldShowFilters:f,clearAllFilters:_}=(({labelStatus:e,showShipmentIdFilter:t})=>{const n={shipmentId:{enabled:!!t,value:""}},[s,a]=G(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));q((()=>{a({shipmentId:{enabled:!!t,value:""}})}),[t]);const{getServiceName:o}=ee(),{page:l,pageSize:c,pagerProps:p}=ne(20),{data:d,isLoading:g,isError:h}=J({queryFnParams:{labelStatus:e,page:l,pageSize:c,shipmentId:s.shipmentId.value||void 0,sortBy:"modified_at",sortDir:"desc"}}),u=H((()=>(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(h)return e(y,{message:p("loading.labels")});if(u)return e(se,{css:_e.errorState,subtitle:[p("list-labels:errorMessages.subtitle"),p("errorMessages.refreshAndTryAgain")],title:p("list-labels:errorMessages.title")});const k={completed:{color:N.SUCCESS,text:p("list-labels:status.completed")},error:{color:N.ERROR,text:p("list-labels:status.error")},processing:{color:N.INFO,text:p("list-labels:status.processing")},voided:{color:N.INFO,text:p("list-labels:status.voided")}},E={delivered:{color:N.SUCCESS,text:p("list-labels:trackingStatus.delivered")},error:{color:N.ERROR,text:p("list-labels:trackingStatus.error")},in_transit:{color:N.GRAY,text:p("list-labels:trackingStatus.inTransit")},unknown:{color:N.ALERT,text:p("list-labels:trackingStatus.unknown")}},T=(e,t)=>{e===x.PRINT_LABEL&&(e=>{null==r||r(),window.open(e.labelDownload.href,"_blank","noopener, noreferrer")})(t),e===x.VOID_LABEL&&(null==i||i(t)),e===x.PRINT_FORMS&&(e=>{null==o||o(),window.open(e.formDownload.href,"_blank","noopener, noreferrer")})(t),e===x.VIEW_DETAILS&&(null==l||l(t))},P=[{headerContent:p("list-labels:headers.shipmentId"),renderCellContent:t=>e(z,Object.assign({component:"span",variant:"body2"},{children:t.shipmentId}))},{headerContent:p("list-labels:headers.parcels"),renderCellContent:t=>e(z,Object.assign({component:"span",variant:"body2"},{children:t.packages.length}))},{headerContent:p("list-labels:headers.recipient"),renderCellContent:s=>t(n,{children:[e(z,Object.assign({component:"p",css:_e.tableParagraph,variant:"body2"},{children:s.shipTo.name})),t(z,Object.assign({component:"p",css:_e.tableParagraph,variant:"body2"},{children:[s.shipTo.postalCode,", ",s.shipTo.cityLocality]}))]})},{headerContent:p("list-labels:headers.shipping"),renderCellContent:s=>t(n,{children:[e(z,Object.assign({component:"p",css:_e.tableParagraph,variant:"body2"},{children:s.serviceName||s.serviceCode})),s.trackable&&e(B.Link,Object.assign({bold:!1,href:s.trackingUrl,isExternal:!0,target:"_blank"},{children:s.trackingNumber}))]})},{headerContent:p("list-labels:headers.created"),renderCellContent:t=>e(ae,{date:t.createdAt,short:!0})},{headerContent:p("list-labels:headers.shipDate"),renderCellContent:t=>e(ae,{date:t.shipDate,short:!0})},{headerContent:p("list-labels:headers.status"),renderCellContent:t=>e($,Object.assign({color:k[t.status].color,variant:W.LINEAL_FILLED},{children:k[t.status].text}))},{headerContent:p("list-labels:headers.trackingStatus"),renderCellContent:t=>e($,Object.assign({color:E[t.trackingStatus].color,variant:W.LINEAL_FILLED},{children:E[t.trackingStatus].text}))}];return g.some((e=>"completed"===e.status))&&P.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?[x.VIEW_DETAILS]:[],...a?[x.PRINT_LABEL]:[],...r?[x.VOID_LABEL]:[],...o?[x.PRINT_FORMS]:[]];return e(w,{allowedActions:p,onActionClick:e=>T(e,t)})}}),t(n,{children:[e(re,{columns:P,data:g,emptyContent:e(M,C?Object.assign({isElevated:!1,subtitle:p("list-labels:emptyWithFilters.subtitle"),title:p("list-labels:emptyWithFilters.title")},{children:e(U,Object.assign({onClick:_},{children:p("list-labels:emptyWithFilters.button")}))}):{isElevated:!1,subtitle:p("list-labels:empty.subtitle"),title:p("list-labels:empty.title")}),filters:f&&e(ie,{filters:m,onClearAllFilters:_,onFiltersUpdated:b}),footerContent:e(oe,{onPageChange:v.pagerProps.onPageSelect,page:v.currentPage,pages:v.pagesAmount,pageSize:v.pageSize,showPagination:v.showPagination,total:v.totalElements}),onRowClick:c}),d.poweredByShipEngine&&t(n,{children:[e(j,{}),e(S,{})]})]})},Ee=a(ke,f,{css:{height:"100%",minWidth:"440px",width:"100%"},resources:{en:r}});var Te=Object.freeze({__proto__:null,Component:ke,Element:Ee});function Fe(e){return{shipmentId:{enabled:e,value:""}}}const Pe=le({errorState:e=>Object.assign({backgroundColor:e.palette.white},e.getComponentOverride("Table")),tableParagraph:{margin:0}}),Ae=({onRowClick:s,shipmentStatus:a,showShipmentIdFilter:r=!0})=>{const{t:i}=F(["common","list-shipments"]),{globalFeatures:o}=O(),{isLoading:l,isError:c,filters:p,setFilters:d,pageConfig:g,getGridData:h,isAnyFilterActive:u,shouldShowFilters:m,clearAllFilters:b}=(({shipmentStatus:e,showShipmentIdFilter:t=!0})=>{const n=Fe(t),[s,a]=G(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));q((()=>{const e=Fe(t);a(e)}),[t]);const{getServiceName:o}=ee(),{page:l,pageSize:c,pagerProps:p}=ne(20),{data:d,isLoading:g,isError:h}=Q({page:l,pageSize:c,shipmentStatus:e,sortBy:"modified_at",sortDir:"desc"}),u=H((()=>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:v,isInitialLoading:C}=X({queryFnParams:{shipmentId:s.shipmentId.value||void 0},retry:!1}),f=s.shipmentId.value,O=(y=b,f&&!v?e?(null==y?void 0:y.shipmentStatus)===e?y:void 0:y:void 0);var y;const j=f&&(v||!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: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(l)return e(y,{message:i("loading.shipments")});if(c)return e(se,{css:Pe.errorState,subtitle:[i("list-shipments:errorMessages.subtitle"),i("errorMessages.refreshAndTryAgain")],title:i("list-shipments:errorMessages.title")});const v={cancelled:{color:N.ALERT,text:i("list-shipments:status.cancelled")},label_purchased:{color:N.SUCCESS,text:i("list-shipments:status.purchased")},pending:{color:N.SUCCESS,text:i("list-shipments:status.readyToBuy")},processing:{color:N.INFO,text:i("list-shipments:status.processing")}},C=[{headerContent:i("list-shipments:headers.shipmentId"),renderCellContent:t=>e(z,Object.assign({component:"p",css:Pe.tableParagraph,variant:"body2"},{children:t.shipmentId}))},{headerContent:i("list-shipments:headers.parcels"),renderCellContent:t=>e(z,Object.assign({component:"p",css:Pe.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(z,Object.assign({component:"p",css:Pe.tableParagraph,variant:"body2"},{children:s.shipTo.name})),r&&e(z,Object.assign({component:"p",css:Pe.tableParagraph,variant:"body2"},{children:[s.shipTo.postalCode,s.shipTo.cityLocality].filter(Boolean).join(", ")}))]}):"--"}},{headerContent:i("list-shipments:headers.shipping"),renderCellContent:t=>e(z,Object.assign({component:"p",css:Pe.tableParagraph,variant:"body2"},{children:t.serviceName||i("list-shipments:none")}))},{headerContent:i("list-shipments:headers.created"),renderCellContent:t=>e(ae,{date:t.createdAt,short:!0})},{headerContent:i("list-shipments:headers.modified"),renderCellContent:t=>e(ae,{date:t.modifiedAt,short:!0})},{headerContent:i("list-shipments:headers.status"),renderCellContent:t=>e($,Object.assign({color:v[t.shipmentStatus].color,variant:W.LINEAL_FILLED},{children:v[t.shipmentStatus].text}))}];return t(n,{children:[e(re,{columns:C,data:h(),emptyContent:e(M,u?Object.assign({isElevated:!1,subtitle:i("list-shipments:emptyState.filtersSubtitle"),title:i("list-shipments:emptyState.filtersTitle")},{children:e(U,Object.assign({onClick:b},{children:i("list-shipments:emptyState.viewAll")}))}):{isElevated:!1,subtitle:i("list-shipments:emptyState.subtitle"),title:i("list-shipments:emptyState.title")}),filters:m&&e(ie,{filters:p,onClearAllFilters:b,onFiltersUpdated:d}),footerContent:e(oe,{onPageChange:g.pagerProps.onPageSelect,page:g.currentPage,pages:g.pagesAmount,pageSize:g.pageSize,showPagination:g.showPagination,total:g.totalElements}),onRowClick:s}),o.poweredByShipEngine&&t(n,{children:[e(j,{}),e(S,{})]})]})},Ie=a(Ae,f,{css:{height:"100%",minWidth:"440px",width:"100%"},resources:{en:r}});var Le=Object.freeze({__proto__:null,Component:Ae,Element:Ie});const De=Y(void 0),Re=({children:t,editableTheme:n})=>{const[s,a]=G(n);return e(De.Provider,Object.assign({value:{setThemeConfig:a,themeConfig:s}},{children:t}))},ze=()=>{const e=Z(De);if(!e)throw new Error("useThemeConfigurator must be used within a ThemeConfiguratorProvider");return e},Ne=t=>{var n=T(t,[]);return e(be,Object.assign({},n))},Be=a(Ne,f,{resources:{en:r}});var $e=Object.freeze({__proto__:null,Component:Ne,Element:Be});const We=()=>{const t=T(p(),[]);return e(d,Object.assign({},t))},Me=a(We,f,{resources:{en:r}});var Ue=Object.freeze({__proto__:null,Component:We,Element:Me});const Ge=({onRedirectToOnboarding:t})=>e(g,{onRedirectToOnboarding:t}),Ve=a(Ge,f,{resources:{en:r}});var Ke=Object.freeze({__proto__:null,Component:Ge,Element:Ve});const qe=()=>{const t=T(h(),[]);return e(u,Object.assign({},t))},He=a(qe,f,{resources:{en:r}});var Ze=Object.freeze({__proto__:null,Component:qe,Element:He});const Ye=({onRedirectToOnboarding:t})=>e(m,{onRedirectToOnboarding:t}),Je=a(Ye,f,{resources:{en:r}});var Qe=Object.freeze({__proto__:null,Component:Ye,Element:Je});const Xe=()=>e(b,{}),et=a(Xe,f,{resources:{en:r}});var tt=Object.freeze({__proto__:null,Component:Xe,Element:et});export{Re as T,je as a,xe as b,Ue as c,Ke as d,Ze as e,tt as f,Te as l,fe as m,Qe as p,Le as s,$e as t,ze as u};