@shipengine/elements 2.3.1 → 2.5.0

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

@@ -12,8 +12,6 @@ export type ComponentProps = {
     defaultShipFromAddress?: OnboardingWizardProps["defaultShipFromAddress"];
     /** Invoked when the onboarding process is completed. */
     onComplete: () => void;
-    /** The partner responsible for the currently onboarding seller. This is typically the name of the entity that owns the host application. */
-    partnerName?: OnboardingWizardProps["partnerName"];
 };
 /**
  * # Onboarding Component
@@ -48,7 +46,7 @@ export type ComponentProps = {
  *
  * @see {@link Onboarding.Element | The **Element** created to render `<Onboarding />`}
  */
-export declare const Component: ({ defaultShipFromAddress, onComplete, partnerName }: ComponentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Component: ({ defaultShipFromAddress, onComplete }: ComponentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 /**
  * # Registered Onboarding Element
  *
@@ -188,7 +186,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     setup: {
                         title: string;
                         subtitle: string;
-                        hiddenTermsSubtitle: string;
                         descriptionTitle: string;
                         description: string;
                     };
@@ -196,7 +193,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         title: string;
                         cardSubTitle: string;
                         addressSubTitle: string;
-                        info: string;
                     };
                     vatSettings: {
                         title: string;
@@ -210,7 +206,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                             title: string;
                         };
                         info: {
-                            title: string;
                             description: string;
                         };
                         poBox: {
@@ -411,18 +406,15 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
             };
             onboarding: {
                 title: string;
-                inlineTitle: string;
-                accountRegistration: {
-                    action: string;
+                confirmation: {
                     title: string;
-                    subtitle: string;
-                    welcome: string;
-                    messageLine1: string;
-                    partnerMessageLine1: string;
-                    messageLine2: string;
+                    warehouse: string;
+                    billingAddress: string;
+                    paymentMethod: string;
+                    action: string;
                 };
                 stepLabel: {
-                    accountRegistration: string;
+                    confirmation: string;
                     termsAgreement: string;
                     shipFromAddress: string;
                     fundingAndCarrierConnection: string;
@@ -469,6 +461,14 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     "UHVyb2xhdG9yIFRlcm1zIGFuZCBDb25kaXRpb25zIG9mIFNlcnZpY2U=": string;
                     UHVyb2xhdG9yIE1vZGFsaXTDqXMgZXQgY29uZGl0aW9ucyBkZSBzZXJ2aWNl: string;
                 };
+                tooltip: {
+                    warehouse: string;
+                };
+                welcomePage: {
+                    title: string;
+                    message: string;
+                    action: string;
+                };
             };
             "manage-warehouses": {
                 title: string;
@@ -577,32 +577,74 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
             };
             "list-shipments": {
                 title: string;
+                none: string;
                 headers: {
                     created: string;
-                    download: string;
+                    modified: string;
+                    shipping: string;
                     shipmentId: string;
-                    shipDate: string;
-                    shipTo: string;
+                    parcels: string;
+                    recipient: string;
+                    status: string;
+                };
+                status: {
+                    cancelled: string;
+                    purchased: string;
+                    readyToBuy: string;
+                    processing: string;
                 };
                 actions: {
                     download: {
                         pdf: string;
                     };
                 };
+                emptyState: {
+                    title: string;
+                    subtitle: string;
+                    filtersTitle: string;
+                    filtersSubtitle: string;
+                    viewAll: string;
+                };
+                errorMessages: {
+                    title: string;
+                    subtitle: string;
+                };
             };
             "list-labels": {
                 title: string;
                 headers: {
                     created: string;
-                    download: string;
-                    labelId: string;
-                    service: string;
-                    shipTo: string;
+                    shipmentId: string;
+                    parcels: string;
+                    recipient: string;
+                    shipping: string;
+                    shipDate: string;
+                    status: string;
+                };
+                empty: {
+                    title: string;
+                    subtitle: string;
+                };
+                emptyWithFilters: {
+                    title: string;
+                    subtitle: string;
+                    button: string;
+                };
+                status: {
+                    voided: string;
+                    error: string;
+                    completed: string;
+                    processing: string;
                 };
                 actions: {
-                    download: {
-                        pdf: string;
-                    };
+                    title: string;
+                    print: string;
+                    void: string;
+                    printForms: string;
+                };
+                errorMessages: {
+                    title: string;
+                    subtitle: string;
                 };
             };
             "connect-carrier": {
@@ -669,7 +711,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         countryCode: string;
                         addressLine1: string;
                         addressLine2: string;
-                        cityLocality: string; /** The partner responsible for the currently onboarding seller. This is typically the name of the entity that owns the host application. */
+                        cityLocality: string;
                         stateProvince: string;
                         postalCode: string;
                         phone: string;
@@ -811,6 +853,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     emailIsRequired: string;
                     unknown: string;
                     noRatesAvailable: string;
+                    refreshAndTryAgain: string;
                 };
                 errorTypes: {
                     accountStatus: string;
@@ -829,6 +872,13 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     "row-count_one": string;
                     "row-count_other": string;
                     rows: string;
+                    clearAll: string;
+                    shipmentId: string;
+                    shipmentIdFilter: string;
+                    apply: string;
+                    clear: string;
+                    search: string;
+                    shipmentIdHint: string;
                 };
                 insuranceProviders: {
                     carrier: string;
@@ -904,6 +954,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     requiredList: string;
                     tooFewCharacters: string;
                     tooManyCharacters: string;
+                    requiredShipmentId: string;
                 };
                 shippingPresets: {
                     apply: string;
@@ -917,6 +968,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     agreeToTerms: string;
                     carriersTitle: string;
                     fundingSourceTitle: string;
+                    shipEngineTitle: string;
                 };
                 weight: {
                     ounces: string;
@@ -941,6 +993,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         printForms: string;
                         edit: string;
                         remove: string;
+                        viewDetails: string;
                     };
                 };
                 ZnVuZGluZ19zb3VyY2VfaWQgbXVzdCBiZSBhbiBpbnRlZ2Vy: string;

package/suspend-text.js

@@ -1 +1 @@
-import{jsxs as e,jsx as n}from"@emotion/react/jsx-runtime";import{useRef as t,useLayoutEffect as r,useState as i,useMemo as o,useCallback as a}from"react";import{Icon as s,Table as c,TableFooter as l,TableHeader as d,TableHeaderRow as g,TableHeaderCell as h,Checkbox as p,TableBody as m,TableRow as u,TableBodyCell as f,Button as b,ButtonVariant as w,IconSize as C,DropdownOptionList as v,Option as O,Pagination as y,Skeleton as S,SkeletonAnimation as j,SkeletonVariant as x}from"@shipengine/giger";import{IconNames as k}from"@shipengine/giger-theme";import{h as E}from"./vat.js";import{G as P}from"./actions-menu.js";import{c as D,f as I}from"./carrier.js";import{useTranslation as T,Trans as z}from"react-i18next";const A=E({container:{backgroundColor:"#11003A"},getChildrenStyles:e=>n=>({height:e?"90%":"0",overflow:"scroll"}),getDrawerStyles:e=>n=>({backgroundColor:"#11003A",bottom:0,height:e?"50%":`${n.spacing(6)}px`,minWidth:"375px",position:"fixed",transformOrigin:"bottom",transition:"height 0.5s;"}),header:e=>({alignItems:"center",color:"#fff",display:"flex",height:e.spacing(6),justifyContent:"space-between",padding:e.spacing(1)})}),R=({children:i,headerContent:o,isOpen:a,toggleDrawer:c})=>{const l=t(null);return r((()=>{const e=()=>{const e=l.current;e&&e.parentElement&&(e.style.width=`${e.parentElement.clientWidth}px`)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),e("div",Object.assign({"aria-label":"Drawer",css:A.getDrawerStyles(a),ref:l},{children:[e("header",Object.assign({"aria-expanded":a,css:A.header},{children:[n("div",Object.assign({onClick:c,onKeyDown:e=>{"Enter"===e.key&&c()},role:"button",tabIndex:0},{children:n(s,{css:{transform:`rotate(${a?"-90":"90"}deg)`},name:k.PAGINATION_LEFT})})),o]})),n("div",Object.assign({"aria-labelledby":"drawer",css:A.getChildrenStyles(a),role:"region"},{children:i}))]}))},W=({date:e,short:t})=>{const{locale:r}=P();return n("div",{children:n("div",{children:t?D(e,r):I(e,r)})})},M=E({checkboxHeader:e=>({width:e.spacing(6)}),table:{"*":{overflow:"hidden",textOverflow:"clip !important"}}}),_=({columns:t,data:r,footerContent:s,onRowClick:b,useCheckboxes:w=!1})=>{var C,v,O;const[y,S]=i(null!==(C=null==r?void 0:r.map((()=>!1)))&&void 0!==C?C:[]),j=o((()=>y.length>0&&y.every((e=>e))),[y]),x=o((()=>y.some((e=>e))),[y]),k=a((e=>{S((n=>{const t=[...n];return t[e]=!t[e],t}))}),[]),E=a((e=>{S((n=>{const t=[...n];for(const n of t.entries())t[n[0]]=e;return t}))}),[]);return n(c,Object.assign({css:M.table,"data-testid":"grid",footer:s&&n(l,{children:s}),header:n(d,{children:e(g,{children:[w?n(h,Object.assign({css:M.checkboxHeader},{children:n(p,{checked:null!==(v=j||x)&&void 0!==v&&v,indeterminate:null!==(O=!j&&x)&&void 0!==O&&O,onChange:e=>E(e.target.checked)})})):null,t.map((e=>e.headerContent)).map(((e,t)=>n(h,{children:e},t)))]})})},{children:n(m,{children:r.map(((r,i)=>{var o;return e(u,Object.assign({onClick:b?()=>b(r):void 0},{children:[w?n(f,{children:n(p,{checked:null!==(o=y[i])&&void 0!==o&&o,onChange:()=>k(i)})}):null,t.map(((e,t)=>e.renderCellContent?n(f,{children:e.renderCellContent(r)},t):null))]}),i)}))})}))},H=E({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],F=({currentPageSize:r,pagingData:o,rowCountSelection:c=N,onPageSelect:l,onPageSizeSelect:d})=>{const[g,h]=i(!1),p=t(null),{t:m}=T(),u=a((()=>h((e=>!e))),[]);return e("div",Object.assign({css:H.footer},{children:[e("div",Object.assign({css:H.leftFooter},{children:[n("div",Object.assign({css:H.rowCount},{children:n(z,{components:[n("b",{style:{fontWeight:"bold"}},"1")],count:o.total,i18nKey:"common:grid.row-count",values:{firstIndex:0!==o.total?1+(o.page-1)*r:0,lastIndex:Math.min(o.total,o.page*r)}})})),e("div",Object.assign({css:H.rowsActions},{children:[m("common:grid.rows"),n(b,Object.assign({id:"selected-row",onClick:()=>u(),ref:p,variant:w.TEXT},{children:r})),n(s,g?{name:k.CHEVRON_TOP,onClick:()=>u(),size:C.SIZE_MEDIUM}:{name:k.CHEVRON_BOTTOM,onClick:()=>u(),size:C.SIZE_MEDIUM}),n(v,Object.assign({css:H.rowCountDropDown,dropdownWidth:"max-content",isOpen:g,onChange:()=>u(),onClickAway:e=>{var n;(null===(n=p.current)||void 0===n?void 0:n.contains(e.target))||u()},placement:"bottom",reference:p.current},{children:c.map((e=>n(O,Object.assign({onClick:()=>d(e),value:String(e)},{children:e}),e)))}))]}))]})),n("div",{children:n(y,{boundaryPagesToShow:5,currentPage:o.page,onPageChange:l,totalPages:o.pages})})]}))},G=(e=10)=>{const[n,t]=i(1),[r,o]=i(e);return{page:n,pagerProps:{currentPage:n,currentPageSize:r,onPageSelect:e=>{t(e)},onPageSizeSelect:e=>{o(e)}},pageSize:r}},L=({children:e,loading:t})=>t?n(S,{animation:j.WAVE,variant:x.TEXT}):n("span",{children:e});export{W as C,R as D,_ as G,F as P,L as S,G as u};
+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};

package/transaction-history-element.js

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

package/use-get-service-name.js

@@ -0,0 +1 @@
+import{useCallback as e}from"react";import{useListCarriers as r}from"@shipengine/react-api";const i=()=>{const{data:i,isLoading:o,isError:n}=r();return{getServiceName:e((e=>{const r=i&&i.find((r=>r.carrierId===e.carrierId)),c=null==r?void 0:r.services.find((r=>r.serviceCode===e.serviceCode));return o||n?e.serviceCode:null==c?void 0:c.name}),[i,o,n])}};export{i as u};