@shipengine/elements 2.4.0 → 2.6.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 (67) hide show
  1. package/actions-menu.js +1 -1
  2. package/components.js +1 -1
  3. package/index.js +1 -1
  4. package/package.json +1 -1
  5. package/src/components/actions-menu/actions-menu.d.ts +2 -1
  6. package/src/components/error-state/error-state.d.ts +6 -0
  7. package/src/{workflows/onboarding/components/account-registration-step/account-registration-step.styles.d.ts → components/error-state/error-state.styles.d.ts} +9 -5
  8. package/src/components/error-state/index.d.ts +1 -0
  9. package/src/components/index.d.ts +1 -0
  10. package/src/components/templates/address-display/address-display.d.ts +2 -1
  11. package/src/components/templates/wallet-form/wallet-form.d.ts +1 -1
  12. package/src/components/warehouse-form/warehouse-form-schema.d.ts +4 -1
  13. package/src/components/warehouse-form/warehouse-form.d.ts +2 -1
  14. package/src/elements/label-layout/label-layout-element.d.ts +44 -15
  15. package/src/elements/labels-grid/hooks/use-labels-grid.d.ts +2 -0
  16. package/src/elements/labels-grid/labels-grid.d.ts +79 -44
  17. package/src/elements/labels-grid/labels-grid.styles.d.ts +7 -1
  18. package/src/elements/manage-carriers/manage-carriers.d.ts +44 -15
  19. package/src/elements/manage-external-carriers/manage-external-carriers.d.ts +66 -16
  20. package/src/elements/manage-funding/manage-funding-element.d.ts +44 -15
  21. package/src/elements/manage-warehouses/manage-warehouses.d.ts +44 -15
  22. package/src/elements/payment-method-settings/payment-method-settings-element.d.ts +44 -15
  23. package/src/elements/purchase-label/purchase-label.d.ts +54 -28
  24. package/src/elements/shipment-summary/shipment-summary.d.ts +51 -19
  25. package/src/elements/shipments-grid/hooks/use-shipments-grid.d.ts +162 -0
  26. package/src/elements/shipments-grid/shipments-grid.d.ts +128 -23
  27. package/src/elements/shipments-grid/shipments-grid.styles.d.ts +11 -0
  28. package/src/elements/theme-creator/theme-creator.d.ts +44 -15
  29. package/src/elements/transaction-history/transaction-history-element.d.ts +44 -15
  30. package/src/elements/unit-settings/unit-settings-element.d.ts +44 -15
  31. package/src/elements/vat-settings/vat-settings-element.d.ts +44 -15
  32. package/src/elements/void-label/void-label.d.ts +56 -26
  33. package/src/locales/en/index.d.ts +44 -15
  34. package/src/workflows/account-settings/account-settings.d.ts +44 -15
  35. package/src/workflows/carrier-services/carrier-services.d.ts +44 -15
  36. package/src/workflows/connect-external-carrier/connect-external-carrier.d.ts +44 -15
  37. package/src/workflows/label-workflow/label-workflow.d.ts +31 -29
  38. package/src/workflows/onboarding/components/confirmation-and-submission-step/confirmation-and-submission-step.d.ts +12 -0
  39. package/src/workflows/onboarding/components/confirmation-and-submission-step/index.d.ts +2 -0
  40. package/src/workflows/onboarding/components/confirmation-and-submission-step/use-confirmation-and-submission-step.d.ts +19 -0
  41. package/src/workflows/onboarding/components/funding-step/funding-step.d.ts +7 -0
  42. package/src/workflows/onboarding/components/funding-step/index.d.ts +1 -0
  43. package/src/workflows/onboarding/components/onboarding-wizard/onboarding-wizard.d.ts +1 -2
  44. package/src/workflows/onboarding/components/onboarding-wizard/onboarding-wizard.styles.d.ts +3 -0
  45. package/src/workflows/onboarding/components/ship-from-address-step/index.d.ts +0 -1
  46. package/src/workflows/onboarding/components/ship-from-address-step/ship-from-address-step.d.ts +3 -2
  47. package/src/workflows/onboarding/components/step-header/step-header.d.ts +3 -2
  48. package/src/workflows/onboarding/components/{funding-and-carrier-connection-step/funding-and-carrier-connection-step.styles.d.ts → step-header/step-header.styles.d.ts} +5 -8
  49. package/src/workflows/onboarding/components/welcome-page/index.d.ts +1 -0
  50. package/src/workflows/onboarding/components/welcome-page/welcome-page.d.ts +4 -0
  51. package/src/workflows/onboarding/onboarding.d.ts +46 -19
  52. package/suspend-text.js +1 -1
  53. package/transaction-history-element.js +1 -1
  54. package/use-unit-settings.js +1 -1
  55. package/usePager.js +1 -1
  56. package/wallet-form.js +1 -1
  57. package/workflows.js +1 -1
  58. package/src/workflows/onboarding/components/account-registration-form/account-registration-form-schema.d.ts +0 -13
  59. package/src/workflows/onboarding/components/account-registration-form/account-registration-form.d.ts +0 -4
  60. package/src/workflows/onboarding/components/account-registration-form/index.d.ts +0 -1
  61. package/src/workflows/onboarding/components/account-registration-step/account-registration-step.d.ts +0 -5
  62. package/src/workflows/onboarding/components/account-registration-step/index.d.ts +0 -2
  63. package/src/workflows/onboarding/components/account-registration-step/use-account-registration-step.d.ts +0 -7
  64. package/src/workflows/onboarding/components/funding-and-carrier-connection-step/funding-and-carrier-connection-step.d.ts +0 -9
  65. package/src/workflows/onboarding/components/funding-and-carrier-connection-step/index.d.ts +0 -2
  66. package/src/workflows/onboarding/components/funding-and-carrier-connection-step/use-funding-and-carrier-connection-step.d.ts +0 -25
  67. package/src/workflows/onboarding/components/ship-from-address-step/use-ship-from-address-step.d.ts +0 -9
@@ -12,8 +12,6 @@ export type ComponentProps = {
12
12
  defaultShipFromAddress?: OnboardingWizardProps["defaultShipFromAddress"];
13
13
  /** Invoked when the onboarding process is completed. */
14
14
  onComplete: () => void;
15
- /** The partner responsible for the currently onboarding seller. This is typically the name of the entity that owns the host application. */
16
- partnerName?: OnboardingWizardProps["partnerName"];
17
15
  };
18
16
  /**
19
17
  * # Onboarding Component
@@ -48,7 +46,7 @@ export type ComponentProps = {
48
46
  *
49
47
  * @see {@link Onboarding.Element | The **Element** created to render `<Onboarding />`}
50
48
  */
51
- export declare const Component: ({ defaultShipFromAddress, onComplete, partnerName }: ComponentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
49
+ export declare const Component: ({ defaultShipFromAddress, onComplete }: ComponentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
52
50
  /**
53
51
  * # Registered Onboarding Element
54
52
  *
@@ -188,7 +186,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
188
186
  setup: {
189
187
  title: string;
190
188
  subtitle: string;
191
- hiddenTermsSubtitle: string;
192
189
  descriptionTitle: string;
193
190
  description: string;
194
191
  };
@@ -196,7 +193,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
196
193
  title: string;
197
194
  cardSubTitle: string;
198
195
  addressSubTitle: string;
199
- info: string;
200
196
  };
201
197
  vatSettings: {
202
198
  title: string;
@@ -210,7 +206,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
210
206
  title: string;
211
207
  };
212
208
  info: {
213
- title: string;
214
209
  description: string;
215
210
  };
216
211
  poBox: {
@@ -411,18 +406,15 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
411
406
  };
412
407
  onboarding: {
413
408
  title: string;
414
- inlineTitle: string;
415
- accountRegistration: {
416
- action: string;
409
+ confirmation: {
417
410
  title: string;
418
- subtitle: string;
419
- welcome: string;
420
- messageLine1: string;
421
- partnerMessageLine1: string;
422
- messageLine2: string;
411
+ warehouse: string;
412
+ billingAddress: string;
413
+ paymentMethod: string;
414
+ action: string;
423
415
  };
424
416
  stepLabel: {
425
- accountRegistration: string;
417
+ confirmation: string;
426
418
  termsAgreement: string;
427
419
  shipFromAddress: string;
428
420
  fundingAndCarrierConnection: string;
@@ -469,6 +461,14 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
469
461
  "UHVyb2xhdG9yIFRlcm1zIGFuZCBDb25kaXRpb25zIG9mIFNlcnZpY2U=": string;
470
462
  UHVyb2xhdG9yIE1vZGFsaXTDqXMgZXQgY29uZGl0aW9ucyBkZSBzZXJ2aWNl: string;
471
463
  };
464
+ tooltip: {
465
+ warehouse: string;
466
+ };
467
+ welcomePage: {
468
+ title: string;
469
+ message: string;
470
+ action: string;
471
+ };
472
472
  };
473
473
  "manage-warehouses": {
474
474
  title: string;
@@ -577,18 +577,38 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
577
577
  };
578
578
  "list-shipments": {
579
579
  title: string;
580
+ none: string;
580
581
  headers: {
581
582
  created: string;
582
- download: string;
583
+ modified: string;
584
+ shipping: string;
583
585
  shipmentId: string;
584
- shipDate: string;
585
- shipTo: string;
586
+ parcels: string;
587
+ recipient: string;
588
+ status: string;
589
+ };
590
+ status: {
591
+ cancelled: string;
592
+ purchased: string;
593
+ readyToBuy: string;
594
+ processing: string;
586
595
  };
587
596
  actions: {
588
597
  download: {
589
598
  pdf: string;
590
599
  };
591
600
  };
601
+ emptyState: {
602
+ title: string;
603
+ subtitle: string;
604
+ filtersTitle: string;
605
+ filtersSubtitle: string;
606
+ viewAll: string;
607
+ };
608
+ errorMessages: {
609
+ title: string;
610
+ subtitle: string;
611
+ };
592
612
  };
593
613
  "list-labels": {
594
614
  title: string;
@@ -622,6 +642,10 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
622
642
  void: string;
623
643
  printForms: string;
624
644
  };
645
+ errorMessages: {
646
+ title: string;
647
+ subtitle: string;
648
+ };
625
649
  };
626
650
  "connect-carrier": {
627
651
  actions: {
@@ -687,7 +711,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
687
711
  countryCode: string;
688
712
  addressLine1: string;
689
713
  addressLine2: string;
690
- cityLocality: string; /** The partner responsible for the currently onboarding seller. This is typically the name of the entity that owns the host application. */
714
+ cityLocality: string;
691
715
  stateProvince: string;
692
716
  postalCode: string;
693
717
  phone: string;
@@ -829,6 +853,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
829
853
  emailIsRequired: string;
830
854
  unknown: string;
831
855
  noRatesAvailable: string;
856
+ refreshAndTryAgain: string;
832
857
  };
833
858
  errorTypes: {
834
859
  accountStatus: string;
@@ -943,6 +968,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
943
968
  agreeToTerms: string;
944
969
  carriersTitle: string;
945
970
  fundingSourceTitle: string;
971
+ shipEngineTitle: string;
946
972
  };
947
973
  weight: {
948
974
  ounces: string;
@@ -967,6 +993,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
967
993
  printForms: string;
968
994
  edit: string;
969
995
  remove: string;
996
+ viewDetails: string;
970
997
  };
971
998
  };
972
999
  ZnVuZGluZ19zb3VyY2VfaWQgbXVzdCBiZSBhbiBpbnRlZ2Vy: string;
package/suspend-text.js CHANGED
@@ -1 +1 @@
1
- import{M as t,N as a,O as e,Q as n,U as r,X as i,Y as s,Z as o,_ as p,$ as c,a0 as l,a1 as d,K as g,a2 as m,a3 as u,J as h}from"./actions-menu.js";import{jsxs as b,Fragment as x,jsx as S}from"@emotion/react/jsx-runtime";import{Typography as f,Skeleton as C,SkeletonAnimation as I,SkeletonVariant as j}from"@shipengine/giger";var T=Object.freeze({__proto__:null,CheckboxInput:t,CreditCardInput:a,DatePicker:e,ExpirationInput:n,InputGroup:r,transform:i,MoneyInput:s,NumberInput:o,RateSelect:p,SelectAutoComplete:c,Select:l,SelectWithCategories:d,SubmitButton:g,Switch:m,TextArea:u,TextInput:h});const O=({children:t,notes:a})=>b(x,{children:[b("div",Object.assign({css:()=>({backgroundColor:"lightsteelblue",marginBottom:"16px",padding:"16px",paddingLeft:"32px"})},{children:[S(f,Object.assign({variant:"heading5"},{children:"Story notes:"})),S("ul",Object.assign({css:t=>({"> li":{marginTop:t.spacing(1)}})},{children:a.map((t=>S("li",{children:t},t)))}))]})),S("hr",{css:()=>({backgroundColor:"transparent",borderTop:"1px dotted lightgrey",marginBottom:"16px"})}),t]}),_=({children:t,loading:a})=>a?S(C,{animation:I.WAVE,variant:j.TEXT}):S("span",{children:t});export{O as S,_ as a,T as f};
1
+ import{M as e,N as t,O as n,Q as a,U as o,X as i,Y as r,Z as s,_ as c,$ as l,a0 as g,a1 as p,K as d,a2 as m,a3 as h,J as u}from"./actions-menu.js";import{jsxs as b,jsx as f,Fragment as C}from"@emotion/react/jsx-runtime";import{useState as w,useRef as S,useCallback as x}from"react";import{useTranslation as O,Trans as v}from"react-i18next";import{Button as j,ButtonVariant as I,Icon as y,IconSize as T,DropdownOptionList as k,Option as E,Pagination as P,Typography as _,Skeleton as D,SkeletonAnimation as M,SkeletonVariant as R}from"@shipengine/giger";import{IconNames as A}from"@shipengine/giger-theme";import{h as W}from"./vat.js";var z=Object.freeze({__proto__:null,CheckboxInput:e,CreditCardInput:t,DatePicker:n,ExpirationInput:a,InputGroup:o,transform:i,MoneyInput:r,NumberInput:s,RateSelect:c,SelectAutoComplete:l,Select:g,SelectWithCategories:p,SubmitButton:d,Switch:m,TextArea:h,TextInput:u});const B=W({footer:{"> *":{borderTop:"0 !important"},alignItems:"center",display:"flex",justifyContent:"space-between",width:"100%"},leftFooter:e=>({display:"flex",margin:e.spacing(2),span:{fontWeight:e.typography.fontWeight.bold}}),rowCount:e=>({alignItems:"center",display:"flex",marginRight:e.spacing(4),whiteSpace:"pre"}),rowCountDropDown:{"> * > *":{justifyContent:"center !important"}},rowsActions:e=>({"#selected-row":{":hover":{backgroundColor:"transparent"},borderRadius:e.borderRadius.XS,color:e.palette.black,padding:e.spacing(1),paddingRight:e.spacing(.5)},alignItems:"baseline",display:"flex",span:{alignSelf:"center"}})}),N=[5,10,25,50],X=({currentPageSize:e,pagingData:t,rowCountSelection:n=N,onPageSelect:a,onPageSizeSelect:o})=>{const[i,r]=w(!1),s=S(null),{t:c}=O(),l=x((()=>r((e=>!e))),[]);return b("div",Object.assign({css:B.footer},{children:[b("div",Object.assign({css:B.leftFooter},{children:[f("div",Object.assign({css:B.rowCount},{children:f(v,{components:[f("b",{style:{fontWeight:"bold"}},"1")],count:t.total,i18nKey:"common:grid.row-count",values:{firstIndex:0!==t.total?1+(t.page-1)*e:0,lastIndex:Math.min(t.total,t.page*e)}})})),b("div",Object.assign({css:B.rowsActions},{children:[c("common:grid.rows"),f(j,Object.assign({id:"selected-row",onClick:()=>l(),ref:s,variant:I.TEXT},{children:e})),f(y,i?{name:A.CHEVRON_TOP,onClick:()=>l(),size:T.SIZE_MEDIUM}:{name:A.CHEVRON_BOTTOM,onClick:()=>l(),size:T.SIZE_MEDIUM}),f(k,Object.assign({css:B.rowCountDropDown,dropdownWidth:"max-content",isOpen:i,onChange:()=>l(),onClickAway:e=>{var t;(null===(t=s.current)||void 0===t?void 0:t.contains(e.target))||l()},placement:"bottom",reference:s.current},{children:n.map((e=>f(E,Object.assign({onClick:()=>o(e),value:String(e)},{children:e}),e)))}))]}))]})),f("div",{children:f(P,{boundaryPagesToShow:5,currentPage:t.page,onPageChange:a,totalPages:t.pages})})]}))},U=({children:e,notes:t})=>b(C,{children:[b("div",Object.assign({css:()=>({backgroundColor:"lightsteelblue",marginBottom:"16px",padding:"16px",paddingLeft:"32px"})},{children:[f(_,Object.assign({variant:"heading5"},{children:"Story notes:"})),f("ul",Object.assign({css:e=>({"> li":{marginTop:e.spacing(1)}})},{children:t.map((e=>f("li",{children:e},e)))}))]})),f("hr",{css:()=>({backgroundColor:"transparent",borderTop:"1px dotted lightgrey",marginBottom:"16px"})}),e]}),V=({children:e,loading:t})=>t?f(D,{animation:M.WAVE,variant:R.TEXT}):f("span",{children:e});export{X as P,U as S,V as a,z as f};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as t,Fragment as n}from"@emotion/react/jsx-runtime";import{S as a,c as s,e as r,u as o,M as i,d as l,E as c,f as p,U as d,g,h as u,i as h,P as b,T as m}from"./use-unit-settings.js";import{T as f,h as v,m as C,r as O,y as j,z as y,a8 as w}from"./actions-menu.js";import{k as x,t as _,q as S,T}from"./carrier.js";import{useTranslation as k}from"react-i18next";import{Icon as E,IconSize as F,Select as D,Option as P,Input as z,Popover as R,Typography as I,TagColor as L,Next as A,Tag as $,TagVariant as N,EmptyState as B,Button as W}from"@shipengine/giger";import{useState as M,useCallback as U,useRef as K,useEffect as V,useMemo as G,useContext as H,createContext as q}from"react";import{useListLabels as Z,useListShipments as J}from"@shipengine/react-api";import{u as Q}from"./use-get-service-name.js";import{D as X,u as Y,C as ee,G as te,b as ne,a as ae,P as se}from"./usePager.js";import{h as re}from"./vat.js";import{IconNames as oe}from"@shipengine/giger-theme";import{d as ie}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:a,formatKey:s})=>{const[r,o]=M(new Set),i=e=>{o((t=>{const n=new Set(t);return n.has(e)?new Set([...n].filter((t=>t!==e))):new Set([...n,e])}))},l=U(((e,t,s)=>{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})(s),o=Object.assign(Object.assign({},n||{}),{[e]:Object.assign(Object.assign({},(null==n?void 0:n[e])||{}),{[t]:r})});a(o)}),[a,n]);return e("div",Object.assign({"data-test-id":"color-palette-editor"},{children:n&&Object.keys(n).map((a=>t("div",Object.assign({css:le.container,id:a},{children:[t("div",Object.assign({"aria-expanded":r.has(a),css:le.category,onClick:e=>{e.preventDefault(),i(a)},onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),i(a))},role:"button",tabIndex:0},{children:[e("p",{children:x(a)}),e(E,{name:r.has(a)?oe.CHEVRON_TOP:oe.CHEVRON_BOTTOM,size:F.SIZE_REGULAR})]})),r.has(a)&&Object.keys(n[a]).map((r=>t("div",Object.assign({css:le.inputContainer,id:"input-container"},{children:[e("label",Object.assign({css:{fontWeight:"bold"},htmlFor:`${a}.${r}`},{children:s(r)})),t("form",Object.assign({css:le.wrapper},{children:[e("input",{css:le.input,onChange:e=>{e.preventDefault(),l(a,r,e.target.value)},onKeyDown:e=>{"Enter"===e.key&&e.preventDefault()},type:"text",value:n[a][r]}),e("input",{css:le.colorPicker,onChange:e=>l(a,r,e.target.value),type:"color",value:n[a][r]})]}))]}),r)))]}),a)))}))},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:a,typographyConfig:s,formatKey:r})=>{const o=U(((e,t,n)=>{const r=Object.assign(Object.assign({},s||{}),{[e]:Object.assign(Object.assign({},(null==s?void 0:s[e])||{}),{[t]:n})});a(r)}),[a,s]),i=U(((e,t)=>{if(e)return e[t]}),[]),l=(t,n)=>{var a;const r=[{label:"Normal",value:"400"},{label:"Semi Bold",value:"600"},{label:"Bold",value:"700"}],l=null===(a=i(s,t))||void 0===a?void 0:a.fontWeight.toString(),c=void 0!==l?r.find((e=>e.value===l)):void 0;return e(D,Object.assign({css:pe.select,label:"Font Weight",name:"font-weight",onChange:(e,a)=>o(t,n,null==a?void 0:a.value),value:c},{children:r.map((t=>e(P,Object.assign({value:t.value},{children:t.label}),t.value)))}))},c=(t,n)=>{var a;const r=null===(a=i(s,t))||void 0===a?void 0:a.fontSize.replace("px","");return e(z,{"aria-labelledby":`${t}.${n}`,css:pe.input,label:"Font Size(px)",onChange:e=>{e.target.value.match(/^\d{0,2}$/)&&o(t,n,`${e.target.value}px`)},value:r})},p=(t,a)=>{switch(a){case"fontWeight":return e(n,{children:l(t,a)});case"fontSize":return e(n,{children:c(t,a)});default:return null}};return e("div",{children:s&&Object.keys(s).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(s[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`})}),ue=({themeConfig:n,onUpdateThemeConfig:a,presets:s,showDrawer:r})=>{const o=K(n),[i,l]=M(!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:x(e),value:x(e)})),[p,d]=M(c.sort()[0].value),g=e=>_(S(e)),u=K(null),[h,b]=ie(!1),m=e=>{a(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}),s?t("div",{children:[t("button",Object.assign({"aria-controls":"presets-popover","aria-expanded":h,css:ge.presetsButton,onClick:e=>{e.preventDefault(),b()},ref:u},{children:["Presets",e(E,{name:oe.CARET_BOTTOM,size:F.SIZE_SMALL})]})),e(R,Object.assign({container:document.querySelector("#theme-creator"),isOpen:h,onClickAway:()=>b(),placement:"bottom-end",reference:u.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(),b(),m(o.current)},role:"menuitem"},{children:"Default"})),s.map((t=>e("button",Object.assign({"aria-label":`Set ${t.presetName} Theme`,css:ge.presetOption,onClick:e=>{e.preventDefault(),b(),m(t.themeConfig)},role:"menuitem"},{children:t.presetName}),t.presetName)))]}))}))]}):e("button",Object.assign({"aria-label":"Set Default Theme",css:ge.presetsButton,onClick:()=>{m(o.current)},role:"menuitem"},{children:"Reset to Default"}))]})),e(I,Object.assign({role:"heading",variant:"heading4"},{children:`${p} Editor`})),((t,n)=>{var s;switch(n){case"Color Palette":return e(ce,{formatKey:g,onUpdatePaletteConfig:e=>{a(Object.assign(Object.assign({},t),{palette:e}))},paletteConfig:t.palette});case"Typography":return e(de,{formatKey:g,onUpdateTypographyConfig:e=>{a(Object.assign(Object.assign({},t),{components:Object.assign(Object.assign({},t.components),{Typography:e})}))},typographyConfig:null===(s=t.components)||void 0===s?void 0:s.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:i,toggleDrawer:()=>l(!i)},{children:r.content}))]}))},he=({onRedirectToOnboarding:t})=>e(a,{onRedirectToOnboarding:t}),be=s(he,C,{resources:{en:r}});var me=Object.freeze({__proto__:null,Component:he,Element:be});const fe=()=>{const t=T(o(),[]);return e(i,Object.assign({},t))},ve=s(fe,C,{resources:{en:r}});var Ce=Object.freeze({__proto__:null,Component:fe,Element:ve});const Oe=({isModalFullScreen:t})=>{const n=T(l(),[]);return e(c,Object.assign({isModalFullScreen:t},n))},je=s(Oe,C,{resources:{en:r}});var ye=Object.freeze({__proto__:null,Component:Oe,Element:je});const we=re({tableParagraph:e=>({margin:0})}),xe=s((({labelStatus:a,showShipmentIdFilter:s=!0,onClickPrintLabel:r,onClickVoidLabel:o,onClickPrintForms:i})=>{const{t:l}=k(["common","list-labels"]),{labels:c,isLoading:p,filters:d,setFilters:g,pageConfig:u,isAnyFilterActive:h,shouldShowFilters:b,clearAllFilters:m}=(({labelStatus:e,showShipmentIdFilter:t})=>{const n={shipmentId:{enabled:!!t,value:""}},[a,s]=M(n),r=Object.keys(a).some((e=>{const t=a[e];return t.enabled&&t.value})),o=Object.keys(a).some((e=>a[e].enabled));V((()=>{s({shipmentId:{enabled:!!t,value:""}})}),[t]);const{getServiceName:i}=Q(),{page:l,pageSize:c,pagerProps:p}=Y(20),{data:d,isLoading:g}=Z({queryFnParams:{labelStatus:e,page:l,pageSize:c,shipmentId:a.shipmentId.value||void 0}}),u=G((()=>(null==d?void 0:d.labels.map((e=>Object.assign(Object.assign({},e),{serviceName:i(e)}))))||[]),[null==d?void 0:d.labels,i]),h=o&&(r||Boolean(null==u?void 0:u.length));return{clearAllFilters:()=>{s(n)},filters:a,isAnyFilterActive:r,isLoading:g,labels:u,pageConfig:{currentPage:(null==d?void 0:d.page)||0,pagerProps:p,pagesAmount:(null==d?void 0:d.pages)||0,pageSize:c,totalElements:(null==d?void 0:d.total)||0},setFilters:s,shouldShowFilters:h}})({labelStatus:a,showShipmentIdFilter:s}),f={completed:{color:L.SUCCESS,text:l("list-labels:status.completed")},error:{color:L.ERROR,text:l("list-labels:status.error")},processing:{color:L.INFO,text:l("list-labels:status.processing")},voided:{color:L.INFO,text:l("list-labels:status.voided")}},v=(e,t)=>{e===y.PRINT_LABEL&&(e=>{null==r||r(),window.open(e.labelDownload.href,"_blank","noopener, noreferrer")})(t),e===y.VOID_LABEL&&(null==o||o(t)),e===y.PRINT_FORMS&&(e=>{null==i||i(),window.open(e.formDownload.href,"_blank","noopener, noreferrer")})(t)},C=[{headerContent:l("list-labels:headers.shipmentId"),renderCellContent:t=>e(I,Object.assign({component:"span",variant:"body2"},{children:t.shipmentId}))},{headerContent:l("list-labels:headers.parcels"),renderCellContent:t=>e(I,Object.assign({component:"span",variant:"body2"},{children:t.packages.length}))},{headerContent:l("list-labels:headers.recipient"),renderCellContent:a=>t(n,{children:[e(I,Object.assign({component:"p",css:we.tableParagraph,variant:"body2"},{children:a.shipTo.name})),t(I,Object.assign({component:"p",css:we.tableParagraph,variant:"body2"},{children:[a.shipTo.postalCode,", ",a.shipTo.cityLocality]}))]})},{headerContent:l("list-labels:headers.shipping"),renderCellContent:a=>t(n,{children:[e(I,Object.assign({component:"p",css:we.tableParagraph,variant:"body2"},{children:a.serviceName||a.serviceCode})),a.trackable&&e(A.Link,Object.assign({bold:!1,href:a.trackingUrl,isExternal:!0,target:"_blank"},{children:a.trackingNumber}))]})},{headerContent:l("list-labels:headers.created"),renderCellContent:t=>e(ee,{date:t.createdAt,short:!0})},{headerContent:l("list-labels:headers.shipDate"),renderCellContent:t=>e(ee,{date:t.shipDate,short:!0})},{headerContent:l("list-labels:headers.status"),renderCellContent:t=>e($,Object.assign({color:f[t.status].color,variant:N.LINEAL_FILLED},{children:f[t.status].text}))}];return c.some((e=>"completed"===e.status))&&C.push({headerContent:"",renderCellContent:t=>{var n,a;const s=!!(null===(n=t.labelDownload)||void 0===n?void 0:n.href)&&"completed"===t.status,r=!!o&&"completed"===t.status,i=!!(null===(a=t.formDownload)||void 0===a?void 0:a.href)&&"completed"===t.status;if(!s&&!r&&!i)return null;const l=[...s?[y.PRINT_LABEL]:[],...r?[y.VOID_LABEL]:[],...i?[y.PRINT_FORMS]:[]];return e(j,{allowedActions:l,onActionClick:e=>v(e,t)})}}),e(n,{children:p?e(O,{message:l("loading.labels")}):c&&e(te,{columns:C,data:c,emptyContent:e(B,h?Object.assign({isElevated:!1,subtitle:l("list-labels:emptyWithFilters.subtitle"),title:l("list-labels:emptyWithFilters.title")},{children:e(W,Object.assign({onClick:m},{children:l("list-labels:emptyWithFilters.button")}))}):{isElevated:!1,subtitle:l("list-labels:empty.subtitle"),title:l("list-labels:empty.title")}),filters:b&&e(ne,{filters:d,onClearAllFilters:m,onFiltersUpdated:g}),footerContent:e(ae,{onPageChange:u.pagerProps.onPageSelect,page:u.currentPage,pages:u.pagesAmount,pageSize:u.pageSize,showPagination:!h&&(u.totalElements||0)>u.pageSize,total:u.totalElements})})})}),C,{css:{height:"100%",minWidth:"440px",width:"100%"},resources:{en:r}});var _e=Object.freeze({__proto__:null,Element:xe});const Se=s((({onRowClick:t,shipmentStatus:n="pending"})=>{const{t:a}=k(["common","list-shipments"]),{page:s,pageSize:r,pagerProps:o}=Y(),{data:i,isLoading:l,isError:c,error:p}=J({page:s,pageSize:r,shipmentStatus:n});if(l)return e(O,{message:a("loading.shipments")});if(c)throw new Error(p.map((e=>e.message)).join(", "));if(!i)throw new Error(a("errorMessages.unableToLoad.shipments"));const d=[{headerContent:a("list-shipments:headers.shipmentId"),renderCellContent:t=>e("div",{children:t.shipmentId})},{headerContent:a("list-shipments:headers.shipTo"),renderCellContent:t=>t.shipTo.addressLine1?e(w,{address:t.shipTo}):"--"},{headerContent:a("list-shipments:headers.shipDate"),renderCellContent:t=>t.shipDate?e(ee,{date:t.shipDate}):"--"}];return e(te,{columns:d,data:i.shipments,footerContent:e(se,Object.assign({},o,{pagingData:i})),onRowClick:t})}),C,{css:{height:"100%",minWidth:"375px",width:"100%"},resources:{en:r}});var Te=Object.freeze({__proto__:null,Element:Se});const ke=q(void 0),Ee=({children:t,editableTheme:n})=>{const[a,s]=M(n);return e(ke.Provider,Object.assign({value:{setThemeConfig:s,themeConfig:a}},{children:t}))},Fe=()=>{const e=H(ke);if(!e)throw new Error("useThemeConfigurator must be used within a ThemeConfiguratorProvider");return e},De=t=>{var n=T(t,[]);return e(ue,Object.assign({},n))},Pe=s(De,C,{resources:{en:r}});var ze=Object.freeze({__proto__:null,Component:De,Element:Pe});const Re=()=>{const t=T(p(),[]);return e(d,Object.assign({},t))},Ie=s(Re,C,{resources:{en:r}});var Le=Object.freeze({__proto__:null,Component:Re,Element:Ie});const Ae=({onRedirectToOnboarding:t})=>e(g,{onRedirectToOnboarding:t}),$e=s(Ae,C,{resources:{en:r}});var Ne=Object.freeze({__proto__:null,Component:Ae,Element:$e});const Be=()=>{const t=T(u(),[]);return e(h,Object.assign({},t))},We=s(Be,C,{resources:{en:r}});var Me=Object.freeze({__proto__:null,Component:Be,Element:We});const Ue=({onRedirectToOnboarding:t})=>e(b,{onRedirectToOnboarding:t}),Ke=s(Ue,C,{resources:{en:r}});var Ve=Object.freeze({__proto__:null,Component:Ue,Element:Ke});const Ge=()=>e(m,{}),He=s(Ge,C,{resources:{en:r}});var qe=Object.freeze({__proto__:null,Component:Ge,Element:He});export{Ee as T,Ce as a,ye as b,Le as c,Ne as d,Me as e,qe as f,_e as l,me as m,Ve as p,Te as s,ze as t,Fe 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 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};