@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.
- package/actions-menu.js +2 -2
- package/package.json +5 -5
- package/src/components/history/history-card/history-card.styles.d.ts +0 -3
- package/src/components/service-point-display/operating-hours.styles.d.ts +0 -1
- package/src/components/tabs/tabs.styles.d.ts +0 -1
- package/src/components/templates/shipment-form/shipment-schema.d.ts +67 -49
- package/src/elements/label-layout/label-layout-element.d.ts +7 -0
- package/src/elements/labels-grid/hooks/use-labels-grid.d.ts +1 -1
- package/src/elements/labels-grid/labels-grid.d.ts +28 -18
- package/src/elements/manage-carriers/manage-carriers.d.ts +7 -0
- package/src/elements/manage-external-carriers/manage-external-carriers.d.ts +7 -0
- package/src/elements/manage-funding/manage-funding-element.d.ts +7 -0
- package/src/elements/manage-warehouses/manage-warehouses.d.ts +7 -0
- package/src/elements/payment-method-settings/payment-method-settings-element.d.ts +7 -0
- package/src/elements/purchase-label/purchase-label.d.ts +7 -0
- package/src/elements/shipment-summary/shipment-summary.d.ts +7 -0
- package/src/elements/shipments-grid/shipments-grid.d.ts +20 -17
- package/src/elements/theme-creator/theme-creator.d.ts +7 -0
- package/src/elements/theme-creator/themeData/themeData.d.ts +1 -1
- package/src/elements/transaction-history/transaction-history-element.d.ts +7 -0
- package/src/elements/unit-settings/unit-settings-element.d.ts +7 -0
- package/src/elements/vat-settings/vat-settings-element.d.ts +7 -0
- package/src/elements/void-label/void-label.d.ts +7 -0
- package/src/locales/en/index.d.ts +7 -0
- package/src/workflows/account-settings/account-settings.d.ts +7 -0
- package/src/workflows/carrier-services/carrier-services.d.ts +7 -0
- package/src/workflows/connect-external-carrier/connect-external-carrier.d.ts +7 -0
- package/src/workflows/onboarding/onboarding.d.ts +7 -0
- package/transaction-history-element.js +1 -1
- package/use-unit-settings.js +1 -1
- package/vat.js +1 -1
- 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
|
|
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};
|