@shipengine/elements 2.8.1 → 2.9.1

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

@@ -109,9 +109,7 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                 refund_rules: string;
                 resultTitles: {
                     approved: string;
-                    rejected: string; /**
-                     * `showCreatedDateFilter` controls the display of the Created Date filter
-                     */
+                    rejected: string;
                 };
                 voidedOn: string;
             };
@@ -161,10 +159,7 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                 vatFormErrors: {
                     invalidFieldValue: string;
                     verificationFailure: string;
-                    forbidden: string; /**
-                     * `shipmentStatus` is the status of the shipments you wish to view.
-                     * If no value is defined, all shipments will be rendered.
-                     */
+                    forbidden: string;
                     connectionNotSupported: string;
                     genericTitle: string;
                     genericText: string;
@@ -213,9 +208,7 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                         };
                         poBox: {
                             title: string;
-                            description: string; /**
-                             * `showCreatedDateFilter` controls the display of the Created Date filter
-                             */
+                            description: string;
                         };
                         carrier: {
                             title: string;
@@ -269,6 +262,11 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                     special_goods: string;
                     pickup: string;
                     location_fee: string;
+                    /**
+                     * # Shipments Grid Props
+                     *
+                     * @see {@link ShipmentsGrid.Element | This prop types usage in `<ShipmentsGrid />`}
+                     */
                     oversize: string;
                     returns: string;
                     notifications: string;
@@ -518,9 +516,7 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                         title: string;
                         message: string;
                     };
-                    isLoading: string; /**
-                     * `showShipmentIdFilter` controls the display of the shipmentId search filter
-                     */
+                    isLoading: string;
                     labels: {
                         amount: string;
                     };
@@ -575,6 +571,9 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                         metric: string;
                     };
                     weight: {
+                        /**
+                         * `onRowClick` callback invoked when a row is clicked.
+                         */
                         title: string;
                         standard: string;
                         g: string;
@@ -614,7 +613,9 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                 };
                 errorMessages: {
                     title: string;
-                    subtitle: string;
+                    subtitle: string; /**
+                     * `showCreatedDateFilter` controls the display of the Created Date filter
+                     */
                 };
             };
             "list-labels": {
@@ -628,6 +629,7 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                     shipDate: string;
                     status: string;
                     trackingStatus: string;
+                    labelId: string;
                 };
                 empty: {
                     title: string;
@@ -678,7 +680,9 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                 search: string;
                 settingsModal: {
                     closeDialog: string;
-                    header: string;
+                    header: string; /**
+                     * `onRowClick` callback invoked when a row is clicked.
+                     */
                 };
                 status: {
                     connected: string;
@@ -720,10 +724,15 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                         addressLine2: string;
                         cityLocality: string;
                         stateProvince: string;
-                        postalCode: string;
+                        postalCode: string; /**
+                         * `onRowClick` callback invoked when a row is clicked.
+                         */
                         phone: string;
                         email: string;
-                        addressResidentialIndicator: string;
+                        addressResidentialIndicator: string; /**
+                         * `shipmentStatus` is the status of the shipments you wish to view.
+                         * If no value is defined, all shipments will be rendered.
+                         */
                     };
                     noResults: string;
                     subFields: {
@@ -881,6 +890,8 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                     rows: string;
                     clearAll: string;
                     shipmentId: string;
+                    labelId: string;
+                    labelIdFilter: string;
                     createdDate: string;
                     shipmentIdFilter: string;
                     createdDateFilter: string;
@@ -888,6 +899,7 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                     clear: string;
                     search: string;
                     shipmentIdHint: string;
+                    labelIdHint: string;
                     dateFilterToday: string;
                     dateFilterLast7Days: string;
                     dateFilterLast30Days: string;
@@ -969,6 +981,7 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                     tooFewCharacters: string;
                     tooManyCharacters: string;
                     requiredShipmentId: string;
+                    requiredLabelId: string;
                 };
                 shippingPresets: {
                     apply: string;

package/src/elements/theme-creator/theme-creator.d.ts

@@ -565,6 +565,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     shipDate: string;
                     status: string;
                     trackingStatus: string;
+                    labelId: string;
                 };
                 empty: {
                     title: string;
@@ -818,6 +819,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     rows: string;
                     clearAll: string;
                     shipmentId: string;
+                    labelId: string;
+                    labelIdFilter: string;
                     createdDate: string;
                     shipmentIdFilter: string;
                     createdDateFilter: string;
@@ -825,6 +828,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     clear: string;
                     search: string;
                     shipmentIdHint: string;
+                    labelIdHint: string;
                     dateFilterToday: string;
                     dateFilterLast7Days: string;
                     dateFilterLast30Days: string;
@@ -906,6 +910,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     tooFewCharacters: string;
                     tooManyCharacters: string;
                     requiredShipmentId: string;
+                    requiredLabelId: string;
                 };
                 shippingPresets: {
                     apply: string;

package/src/elements/transaction-history/transaction-history-element.d.ts

@@ -552,6 +552,7 @@ export declare const Element: ({ resources, ...props }: object & {
                     shipDate: string;
                     status: string;
                     trackingStatus: string;
+                    labelId: string;
                 };
                 empty: {
                     title: string;
@@ -805,6 +806,8 @@ export declare const Element: ({ resources, ...props }: object & {
                     rows: string;
                     clearAll: string;
                     shipmentId: string;
+                    labelId: string;
+                    labelIdFilter: string;
                     createdDate: string;
                     shipmentIdFilter: string;
                     createdDateFilter: string;
@@ -812,6 +815,7 @@ export declare const Element: ({ resources, ...props }: object & {
                     clear: string;
                     search: string;
                     shipmentIdHint: string;
+                    labelIdHint: string;
                     dateFilterToday: string;
                     dateFilterLast7Days: string;
                     dateFilterLast30Days: string;
@@ -893,6 +897,7 @@ export declare const Element: ({ resources, ...props }: object & {
                     tooFewCharacters: string;
                     tooManyCharacters: string;
                     requiredShipmentId: string;
+                    requiredLabelId: string;
                 };
                 shippingPresets: {
                     apply: string;

package/src/elements/unit-settings/unit-settings-element.d.ts

@@ -552,6 +552,7 @@ export declare const Element: ({ resources, ...props }: object & {
                     shipDate: string;
                     status: string;
                     trackingStatus: string;
+                    labelId: string;
                 };
                 empty: {
                     title: string;
@@ -805,6 +806,8 @@ export declare const Element: ({ resources, ...props }: object & {
                     rows: string;
                     clearAll: string;
                     shipmentId: string;
+                    labelId: string;
+                    labelIdFilter: string;
                     createdDate: string;
                     shipmentIdFilter: string;
                     createdDateFilter: string;
@@ -812,6 +815,7 @@ export declare const Element: ({ resources, ...props }: object & {
                     clear: string;
                     search: string;
                     shipmentIdHint: string;
+                    labelIdHint: string;
                     dateFilterToday: string;
                     dateFilterLast7Days: string;
                     dateFilterLast30Days: string;
@@ -893,6 +897,7 @@ export declare const Element: ({ resources, ...props }: object & {
                     tooFewCharacters: string;
                     tooManyCharacters: string;
                     requiredShipmentId: string;
+                    requiredLabelId: string;
                 };
                 shippingPresets: {
                     apply: string;

package/src/elements/vat-settings/vat-settings-element.d.ts

@@ -552,6 +552,7 @@ export declare const Element: ({ resources, ...props }: object & {
                     shipDate: string;
                     status: string;
                     trackingStatus: string;
+                    labelId: string;
                 };
                 empty: {
                     title: string;
@@ -805,6 +806,8 @@ export declare const Element: ({ resources, ...props }: object & {
                     rows: string;
                     clearAll: string;
                     shipmentId: string;
+                    labelId: string;
+                    labelIdFilter: string;
                     createdDate: string;
                     shipmentIdFilter: string;
                     createdDateFilter: string;
@@ -812,6 +815,7 @@ export declare const Element: ({ resources, ...props }: object & {
                     clear: string;
                     search: string;
                     shipmentIdHint: string;
+                    labelIdHint: string;
                     dateFilterToday: string;
                     dateFilterLast7Days: string;
                     dateFilterLast30Days: string;
@@ -893,6 +897,7 @@ export declare const Element: ({ resources, ...props }: object & {
                     tooFewCharacters: string;
                     tooManyCharacters: string;
                     requiredShipmentId: string;
+                    requiredLabelId: string;
                 };
                 shippingPresets: {
                     apply: string;

package/src/elements/void-label/void-label.d.ts

@@ -685,6 +685,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     shipDate: string;
                     status: string;
                     trackingStatus: string;
+                    labelId: string;
                 };
                 empty: {
                     title: string;
@@ -943,6 +944,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     rows: string;
                     clearAll: string;
                     shipmentId: string;
+                    labelId: string;
+                    labelIdFilter: string;
                     createdDate: string;
                     shipmentIdFilter: string;
                     createdDateFilter: string;
@@ -950,6 +953,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     clear: string;
                     search: string;
                     shipmentIdHint: string;
+                    labelIdHint: string;
                     dateFilterToday: string;
                     dateFilterLast7Days: string;
                     dateFilterLast30Days: string;
@@ -1031,6 +1035,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     tooFewCharacters: string;
                     tooManyCharacters: string;
                     requiredShipmentId: string;
+                    requiredLabelId: string;
                 };
                 shippingPresets: {
                     apply: string;

package/src/hooks/options/use-warehouse-options.d.ts

@@ -8,7 +8,6 @@ import { SE } from "@shipengine/react-api";
  */
 export declare const useWarehouseOptions: (warehouses?: SE.Warehouse[], rightContentAction?: ((warehouseId: string) => void) | undefined) => {
     label: string;
-    rightContent: import("@emotion/react/jsx-runtime").JSX.Element;
     subLabel: string;
     value: string;
 }[] | undefined;

package/src/locales/en/index.d.ts

@@ -548,6 +548,7 @@ declare const _default: {
             shipDate: string;
             status: string;
             trackingStatus: string;
+            labelId: string;
         };
         empty: {
             title: string;
@@ -801,6 +802,8 @@ declare const _default: {
             rows: string;
             clearAll: string;
             shipmentId: string;
+            labelId: string;
+            labelIdFilter: string;
             createdDate: string;
             shipmentIdFilter: string;
             createdDateFilter: string;
@@ -808,6 +811,7 @@ declare const _default: {
             clear: string;
             search: string;
             shipmentIdHint: string;
+            labelIdHint: string;
             dateFilterToday: string;
             dateFilterLast7Days: string;
             dateFilterLast30Days: string;
@@ -889,6 +893,7 @@ declare const _default: {
             tooFewCharacters: string;
             tooManyCharacters: string;
             requiredShipmentId: string;
+            requiredLabelId: string;
         };
         shippingPresets: {
             apply: string;

package/src/workflows/account-settings/account-settings.d.ts

@@ -586,6 +586,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     shipDate: string;
                     status: string;
                     trackingStatus: string;
+                    labelId: string;
                 };
                 empty: {
                     title: string;
@@ -839,6 +840,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     rows: string;
                     clearAll: string;
                     shipmentId: string;
+                    labelId: string;
+                    labelIdFilter: string;
                     createdDate: string;
                     shipmentIdFilter: string;
                     createdDateFilter: string;
@@ -846,6 +849,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     clear: string;
                     search: string;
                     shipmentIdHint: string;
+                    labelIdHint: string;
                     dateFilterToday: string;
                     dateFilterLast7Days: string;
                     dateFilterLast30Days: string;
@@ -927,6 +931,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     tooFewCharacters: string;
                     tooManyCharacters: string;
                     requiredShipmentId: string;
+                    requiredLabelId: string;
                 };
                 shippingPresets: {
                     apply: string;

package/src/workflows/carrier-services/carrier-services.d.ts

@@ -578,6 +578,7 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & {
                     shipDate: string;
                     status: string;
                     trackingStatus: string;
+                    labelId: string;
                 };
                 empty: {
                     title: string;
@@ -831,6 +832,8 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & {
                     rows: string;
                     clearAll: string;
                     shipmentId: string;
+                    labelId: string;
+                    labelIdFilter: string;
                     createdDate: string;
                     shipmentIdFilter: string;
                     createdDateFilter: string;
@@ -838,6 +841,7 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & {
                     clear: string;
                     search: string;
                     shipmentIdHint: string;
+                    labelIdHint: string;
                     dateFilterToday: string;
                     dateFilterLast7Days: string;
                     dateFilterLast30Days: string;
@@ -919,6 +923,7 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & {
                     tooFewCharacters: string;
                     tooManyCharacters: string;
                     requiredShipmentId: string;
+                    requiredLabelId: string;
                 };
                 shippingPresets: {
                     apply: string;

package/src/workflows/connect-external-carrier/connect-external-carrier.d.ts

@@ -585,6 +585,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     shipDate: string;
                     status: string;
                     trackingStatus: string;
+                    labelId: string;
                 };
                 empty: {
                     title: string;
@@ -838,6 +839,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     rows: string;
                     clearAll: string;
                     shipmentId: string;
+                    labelId: string;
+                    labelIdFilter: string;
                     createdDate: string;
                     shipmentIdFilter: string;
                     createdDateFilter: string;
@@ -845,6 +848,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     clear: string;
                     search: string;
                     shipmentIdHint: string;
+                    labelIdHint: string;
                     dateFilterToday: string;
                     dateFilterLast7Days: string;
                     dateFilterLast30Days: string;
@@ -926,6 +930,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     tooFewCharacters: string;
                     tooManyCharacters: string;
                     requiredShipmentId: string;
+                    requiredLabelId: string;
                 };
                 shippingPresets: {
                     apply: string;

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

@@ -621,6 +621,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     shipDate: string;
                     status: string;
                     trackingStatus: string;
+                    labelId: string;
                 };
                 empty: {
                     title: string;
@@ -628,7 +629,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
                 emptyWithFilters: {
                     title: string;
-                    subtitle: string;
+                    subtitle: string; /** Invoked when the onboarding process is completed. */
                     button: string;
                 };
                 status: {
@@ -881,6 +882,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     rows: string;
                     clearAll: string;
                     shipmentId: string;
+                    labelId: string;
+                    labelIdFilter: string;
                     createdDate: string;
                     shipmentIdFilter: string;
                     createdDateFilter: string;
@@ -888,6 +891,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     clear: string;
                     search: string;
                     shipmentIdHint: string;
+                    labelIdHint: string;
                     dateFilterToday: string;
                     dateFilterLast7Days: string;
                     dateFilterLast30Days: string;
@@ -969,6 +973,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     tooFewCharacters: string;
                     tooManyCharacters: string;
                     requiredShipmentId: string;
+                    requiredLabelId: string;
                 };
                 shippingPresets: {
                     apply: string;

package/transaction-history-element.js

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