@shipengine/elements 1.8.0 → 1.9.0

package/money-fbc4d0b3.js

@@ -0,0 +1 @@
+import{z as n}from"zod";import{SE as e}from"@shipengine/alchemy";const o=n.object({amount:n.number().nonnegative(),currency:n.nativeEnum(e.Currency)});export{o as m};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipengine/elements",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "peerDependencies": {
     "@shipengine/alchemy": "5.x.x",
     "@emotion/react": "11.x",
@@ -12,8 +12,50 @@
   "msw": {
     "workerDirectory": "public"
   },
-  "module": "./index.js",
   "main": "./index.cjs",
+  "exports": {
+    ".": {
+      "import": "./index.js",
+      "require": "./index.js"
+    },
+    "./components": {
+      "import": "./components.js",
+      "require": "./components.js"
+    },
+    "./constants": {
+      "import": "./constants.js",
+      "require": "./constants.js"
+    },
+    "./elements": {
+      "import": "./elements.js",
+      "require": "./elements.js"
+    },
+    "./extensions": {
+      "import": "./extensions.js",
+      "require": "./extensions.js"
+    },
+    "./hooks": {
+      "import": "./hooks.js",
+      "require": "./hooks.js"
+    },
+    "./schemas": {
+      "import": "./schemas.js",
+      "require": "./schemas.js"
+    },
+    "./types": {
+      "import": "./types.js",
+      "require": "./types.js"
+    },
+    "./utilities": {
+      "import": "./utilities.js",
+      "require": "./utilities.js"
+    },
+    "./workflows": {
+      "import": "./workflows.js",
+      "require": "./workflows.js"
+    }
+  },
+  "module": "./index.js",
   "type": "module",
   "types": "./src/index.d.ts",
   "dependencies": {
@@ -24,9 +66,9 @@
     "@rjsf/core": "5.16.1",
     "@rjsf/utils": "5.16.1",
     "@rjsf/validator-ajv8": "5.16.1",
-    "@shipengine/giger": "1.9.0",
-    "@shipengine/giger-theme": "1.3.0",
-    "@shipengine/js-api": "1.13.0",
+    "@shipengine/giger": "1.11.2",
+    "@shipengine/giger-theme": "1.5.1",
+    "@shipengine/js-api": "1.21.0",
     "@storybook/addons": "6.5.16",
     "@storybook/components": "7.0.0-rc.1",
     "@storybook/core-events": "7.0.0-rc.1",

package/payment-method-settings-element-595cc38d.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as n}from"@emotion/react/jsx-runtime";import r,{useListCarriers as a,useListLabels as s,useListSalesOrderShipments as i,useListShipments as o}from"@shipengine/alchemy";import{S as l,e as c,u as d,M as p,E as g,b as h,U as m,d as u,f as b,g as f,P as C}from"./wallet-history-5b34c856.js";import{T as v,f as j,k as x,p as O,_ as w,d as y}from"./warehouse-form-c0b3ea78.js";import{_}from"./carrier-2abb4760.js";import{useTranslation as E}from"react-i18next";import{Icon as S,IconSize as T,Select as k,Option as D,Input as W,Popover as z,Typography as $,ButtonIcon as R,Tag as I,TagColor as P}from"@shipengine/giger";import{IconNames as F}from"@shipengine/giger-theme";import{D as L,u as A,C as B,S as M,G as N,P as U}from"./suspend-text-c8c7b6b6.js";import{useState as K,useCallback as G,useRef as H,useContext as V,createContext as Z}from"react";import{c as q}from"./validation-b941a548.js";import{c as J,a as Q,p as X}from"./formatString-413ec7c7.js";import{d as Y}from"./use-toggle-838d2ebd.js";const ee=q({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)})}),te=({paletteConfig:n,onUpdatePaletteConfig:r,formatKey:a})=>{const[s,i]=K(new Set),o=G(((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),i=Object.assign(Object.assign({},n||{}),{[e]:Object.assign(Object.assign({},(null==n?void 0:n[e])||{}),{[t]:s})});r(i)}),[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:ee.container,id:r},{children:[t("div",Object.assign({"aria-expanded":s.has(r),css:ee.category,onClick:e=>{e.preventDefault(),(e=>{i((t=>{const n=new Set(t);return n.has(e)?new Set([...n].filter((t=>t!==e))):new Set([...n,e])}))})(r)},role:"button"},{children:[e("p",{children:J(r)}),e(S,{name:s.has(r)?F.CHEVRON_TOP:F.CHEVRON_BOTTOM,size:T.SIZE_REGULAR})]})),s.has(r)&&Object.keys(n[r]).map((s=>t("div",Object.assign({css:ee.inputContainer,id:"input-container"},{children:[e("label",Object.assign({css:{fontWeight:"bold"},htmlFor:`${r}.${s}`},{children:a(s)})),t("form",Object.assign({css:ee.wrapper},{children:[e("input",{css:ee.input,onChange:e=>{e.preventDefault(),o(r,s,e.target.value)},onKeyDown:e=>{"Enter"===e.key&&e.preventDefault()},type:"text",value:n[r][s]}),e("input",{css:ee.colorPicker,onChange:e=>o(r,s,e.target.value),type:"color",value:n[r][s]})]}))]}),s)))]}),r)))}))},ne=q({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"})}),re=({onUpdateTypographyConfig:r,typographyConfig:a,formatKey:s})=>{const i=G(((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]),o=G(((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=o(a,t))||void 0===r?void 0:r.fontWeight.toString(),c=void 0!==l?s.find((e=>e.value===l)):void 0;return e(k,Object.assign({css:ne.select,label:"Font Weight",name:"font-weight",onChange:(e,r)=>i(t,n,null==r?void 0:r.value),value:c},{children:s.map((t=>e(D,Object.assign({value:t.value},{children:t.label}),t.value)))}))},c=(t,n)=>{var r;const s=null===(r=o(a,t))||void 0===r?void 0:r.fontSize.replace("px","");return e(W,{"aria-labelledby":`${t}.${n}`,css:ne.input,label:"Font Size(px)",onChange:e=>{e.target.value.match(/^\d{0,2}$/)&&i(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:ne.sectionContainer},{children:[e("p",Object.assign({css:ne.keys,id:n},{children:s(n)})),e("section",Object.assign({css:ne.section},{children:Object.keys(a[n]).map((t=>e("div",Object.assign({id:`${n}.${t}`},{children:d(n,t)}),t)))}))]}),n)))})},ae=q({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`})}),se=({themeConfig:n,onUpdateThemeConfig:r,presets:a,showDrawer:s})=>{const i=H(n),[o,l]=K(!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:J(e),value:J(e)})),[d,p]=K(c.sort()[0].value),g=e=>Q(X(e)),h=H(null),[m,u]=Y(!1),b=e=>{r(e)};return t("div",Object.assign({"aria-label":"Theme Creator",css:ae.container,"data-testid":"theme-creator",role:"region"},{children:[t("div",Object.assign({css:ae.content},{children:[t("div",Object.assign({css:ae.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":m,css:ae.presetsButton,onClick:e=>{e.preventDefault(),u()},ref:h},{children:["Presets",e(S,{name:F.CARET_BOTTOM,size:T.SIZE_SMALL})]})),e(z,Object.assign({container:document.querySelector("#theme-creator"),isOpen:m,onClickAway:()=>u(),placement:"bottom-end",reference:h.current},{children:t("div",Object.assign({css:ae.popoverWrapper},{children:[e("button",Object.assign({"aria-label":"Set Default Theme",css:ae.presetOption,onClick:e=>{e.preventDefault(),u(),b(i.current)},role:"menuitem"},{children:"Default"})),a.map((t=>e("button",Object.assign({"aria-label":`Set ${t.presetName} Theme`,css:ae.presetOption,onClick:e=>{e.preventDefault(),u(),b(t.themeConfig)},role:"menuitem"},{children:t.presetName}),t.presetName)))]}))}))]}):e("button",Object.assign({"aria-label":"Set Default Theme",css:ae.presetsButton,onClick:()=>{b(i.current)},role:"menuitem"},{children:"Reset to Default"}))]})),e($,Object.assign({role:"heading",variant:"heading4"},{children:`${d} Editor`})),((t,n)=>{var a;switch(n){case"Color Palette":return e(te,{formatKey:g,onUpdatePaletteConfig:e=>{r(Object.assign(Object.assign({},t),{palette:e}))},paletteConfig:t.palette});case"Typography":return e(re,{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(L,Object.assign({"aria-label":"Show themeConfig.js Code Drawer",headerContent:t("div",Object.assign({css:ae.drawerHeader},{children:[e("pre",Object.assign({css:ae.pre},{children:"themeConfig.js"})),s.copyToClipboardText&&e("div",Object.assign({css:ae.copy},{children:e(j,{content:s.copyToClipboardText})}))]})),isOpen:o,toggleDrawer:()=>l(!o)},{children:s.content}))]}))},ie=({features:t})=>e(l,{features:t}),oe=r.createElement(ie,x,{css:{height:"100%",maxWidth:"800px",minWidth:"440px",width:"100%"},resources:{en:c}});var le=Object.freeze({__proto__:null,Component:ie,Element:oe});const ce=()=>{const t=_(d(),[]);return e(p,Object.assign({},t))},de=r.createElement(ce,x,{css:{height:"100%",maxWidth:"800px",minWidth:"440px",width:"100%"},resources:{en:c}});var pe=Object.freeze({__proto__:null,Component:ce,Element:de});const ge=({features:t,isModalFullScreen:n})=>e(g,{features:t,isModalFullScreen:n}),he=r.createElement(ge,x,{css:{height:"100%",maxWidth:"800px",minWidth:"440px",width:"100%"},resources:{en:c}});var me=Object.freeze({__proto__:null,Component:ge,Element:he});const ue=r.createElement((({onRowClick:n})=>{const{t:r}=E(["common","list-labels"]),{page:o,pageSize:l,pagerProps:c}=A(),{data:d,isLoading:p}=a(),{data:g,isLoading:h,isError:m,error:u}=s({page:o,pageSize:l}),b=(null==g?void 0:g.labels)?g.labels.filter((e=>e.shipmentId)).map((e=>e.shipmentId)):[],{data:f,isLoading:C}=i({shipmentIds:b});if(h)return e(O,{message:r("loading.labels")});if(m)throw new Error(u.map((e=>e.message)).join(", "));if(!g)throw new Error(r("errorMessages.unableToLoad.labels"));const v=[{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(B,{date:t.shipDate})},{headerContent:r("list-labels:headers.shipTo"),renderCellContent:t=>{const n=null==f?void 0:f.find((e=>e.shipmentId===t.shipmentId)),r=n&&n.shipTo.addressLine1?e(w,{address:n.shipTo}):"--";return e(M,Object.assign({loading:C},{children:r}))}},{headerContent:r("list-labels:headers.service"),renderCellContent:n=>{if(!p&&d){const r=d.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(M,Object.assign({loading:p},{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(R,{ariaDescribedby:"",children:r("list-labels:actions.download.pdf"),icon:F.DOWNLOAD,onClick:e=>{e.stopPropagation(),window.open(t.labelDownload.pdf)}})})):e("div",Object.assign({css:{textAlign:"right"}},{children:e(I,Object.assign({color:P.INFO},{children:t.status.toLocaleUpperCase()}))}))}];return e(N,{columns:v,data:g.labels,footerContent:e(U,Object.assign({},c,{pagingData:g})),onRowClick:n})}),x,{css:{height:"100%",minWidth:"440px",width:"100%"},resources:{en:c}});var be=Object.freeze({__proto__:null,Element:ue});const fe=r.createElement((({onRowClick:t,shipmentStatus:n="pending"})=>{const{t:r}=E(["common","list-shipments"]),{page:a,pageSize:s,pagerProps:i}=A(),{data:l,isLoading:c,isError:d,error:p}=o({page:a,pageSize:s,shipmentStatus:n});if(c)return e(O,{message:r("loading.shipments")});if(d)throw new Error(p.map((e=>e.message)).join(", "));if(!l)throw new Error(r("errorMessages.unableToLoad.shipments"));const g=[{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(w,{address:t.shipTo}):"--"},{headerContent:r("list-shipments:headers.shipDate"),renderCellContent:t=>t.shipDate?e(B,{date:t.shipDate}):"--"}];return e(N,{columns:g,data:l.shipments,footerContent:e(U,Object.assign({},i,{pagingData:l})),onRowClick:t})}),x,{css:{height:"100%",minWidth:"440px",width:"100%"},resources:{en:c}});var Ce=Object.freeze({__proto__:null,Element:fe});const ve=Z(void 0),je=({children:t,editableTheme:n})=>{const[r,a]=K(n);return e(ve.Provider,Object.assign({value:{setThemeConfig:a,themeConfig:r}},{children:t}))},xe=()=>{const e=V(ve);if(!e)throw new Error("useThemeConfigurator must be used within a ThemeConfiguratorProvider");return e},Oe=t=>{var n=_(t,[]);return e(se,Object.assign({},n))},we=r.createElement(Oe,x,{css:{height:"100%",maxWidth:"800px",minWidth:"440px",width:"100%"},resources:{en:c}});var ye=Object.freeze({__proto__:null,Component:Oe,Element:we});const _e=()=>{const t=_(h(),[]);return e(m,Object.assign({},t))},Ee=r.createElement(_e,x,{css:{height:"100%",maxWidth:"800px",minWidth:"440px",width:"100%"},resources:{en:c}});var Se=Object.freeze({__proto__:null,Component:_e,Element:Ee});const Te=()=>e(u,{}),ke=r.createElement(Te,x,{css:{height:"100%",maxWidth:"800px",minWidth:"440px",width:"100%"},resources:{en:c}});var De=Object.freeze({__proto__:null,Component:Te,Element:ke});const We=()=>{const t=_(b(),[]);return e(f,Object.assign({},t))},ze=r.createElement(We,x,{css:{height:"100%",maxWidth:"800px",minWidth:"440px",width:"100%"},resources:{en:c}});var $e=Object.freeze({__proto__:null,Component:We,Element:ze});const Re=()=>e(C,{}),Ie=r.createElement(Re,x,{css:{height:"100%",maxWidth:"800px",minWidth:"440px",width:"100%"},resources:{en:c}});var Pe=Object.freeze({__proto__:null,Component:Re,Element:Ie});export{je as T,Ce as a,Se as b,De as c,$e as d,me as e,be as l,pe as m,Pe as p,le as s,ye as t,xe as u};

package/phone-87dd7bd8.js

@@ -0,0 +1 @@
+import{isValidPhoneNumber as r}from"libphonenumber-js/min";import{z as o}from"zod";const i=(i="US")=>o.string().trim().refine((o=>r(o,i)),"schemaErrors.notAValidPhoneNumber"),m=o.string().trim();export{m as a,i as p};

package/schemas.js

@@ -0,0 +1 @@
+export{m as moneySchema}from"./money-fbc4d0b3.js";export{p as phoneSchema,a as phoneSchemaUnvalidated}from"./phone-87dd7bd8.js";import"zod";import"@shipengine/alchemy";import"libphonenumber-js/min";

package/shipment-90d35708.js

@@ -0,0 +1 @@
+import{C as s,D as t,s as e,_ as n}from"./carrier-2abb4760.js";const o=(s,t)=>{var e;return null!==(e=null==s?void 0:s.reduce(((s,e)=>Object.assign(Object.assign({},s),t(e,s))),{}))&&void 0!==e?e:{}},i=s=>`${s.length} x ${s.width} x ${s.height} `;function a(s,{allowAllZeroes:t}={}){const{length:e,width:n,height:o,unit:i}=s;if(![e,n,o].every((s=>0===s))||t)return Object.assign(Object.assign({},s),{unit:null!=i?i:"inch"})}const u=({shipFrom:s,shipTo:t})=>(null==s?void 0:s.countryCode)!==(null==t?void 0:t.countryCode),l=({shipFrom:e,shipTo:n})=>e&&s(e)||n&&(s(n)||t(n))||(null==e?void 0:e.countryCode)!==(null==n?void 0:n.countryCode),c=s=>null==s?void 0:s.filter((s=>"pending"===s.shipmentStatus)).sort(e)[0],r=s=>null==s?void 0:s.filter((s=>"cancelled"===s.shipmentStatus)).sort(e)[0],d=(s,t)=>null==t?void 0:t.filter((({shipmentStatus:t})=>t===s)).sort(e)[0],m=s=>{var t,e;if(!(null===(e=null===(t=s.customs)||void 0===t?void 0:t.customsItems)||void 0===e?void 0:e.length))return s;const o=s.customs.customsItems.map((s=>Object.assign(Object.assign({},s),{value:s.value instanceof Object?s.value:{amount:s.value,currency:s.valueCurrency||"USD"}}))),i=s.customs,a=n(i,["customsItems"]);return Object.assign(Object.assign({},s),{customs:a,packages:s.packages.map(((s,t)=>0===t?Object.assign(Object.assign({},s),{products:o}):s))})};export{a,l as b,o as c,c as d,r as e,i as f,u as g,d as h,m};

package/src/components/address-preference-context/address-preference-context.d.ts

@@ -1,18 +1,21 @@
 import { ReactNode } from "react";
 import { SE } from "@shipengine/js-api";
 import { WarehousePayload } from "../";
-import { WalletPayload } from "../templates";
+import { RegisterFundingSourceCarrierPayload, WalletPayload } from "../templates";
 import { AddressValidationPreference } from "../templates/address-preference-select";
 type WarehouseData = Pick<WarehousePayload, "name" | "isDefault">;
 type WalletData = {
     creditCard: WalletPayload["creditCard"];
 };
+type RegisterFundingSourceCarrierData = {
+    agreeToTerms: RegisterFundingSourceCarrierPayload["agreeToTerms"];
+};
 type InternalValidateAddressPayload = {
     addresses: {
         originAddress: SE.Address;
         returnAddress?: SE.Address | undefined;
     };
-    data?: WarehouseData | WalletData;
+    data?: WarehouseData | WalletData | RegisterFundingSourceCarrierData;
     onValid: (payload: {
         originAddress: SE.Address;
         returnAddress?: SE.Address;

package/src/components/carrier-icon/carrier-icon.d.ts

@@ -1,13 +1,13 @@
-declare const iconSize: {
-    small: string;
-    medium: string;
-    regular: string;
-    large: string;
-    extra_large: string;
+import { IconSize } from "@shipengine/giger";
+export declare const styles: {
+    getIconSize: (size: IconSize) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        height: string;
+        width: string;
+    };
 };
 export type CarrierIconProps = {
     carrierCode: string;
-    size?: keyof typeof iconSize;
+    carrierName?: string;
+    size?: IconSize;
 };
-export declare const CarrierIcon: ({ carrierCode, size }: CarrierIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
+export declare const CarrierIcon: ({ carrierCode, carrierName, size, }: CarrierIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/carrier-logo/carrier-logo.d.ts

@@ -5,7 +5,8 @@ declare const sizes: {
 };
 export type CarrierLogoProps = {
     carrierCode: string;
+    carrierName: string;
     size?: keyof typeof sizes;
 };
-export declare const CarrierLogo: ({ carrierCode, size }: CarrierLogoProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export declare const CarrierLogo: ({ carrierCode, carrierName, size }: CarrierLogoProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
 export {};

package/src/components/field/date-picker/date-picker.d.ts

@@ -1,3 +1,3 @@
 import { IDatePickerProps } from "@shipengine/giger";
 import { ControlledField } from "../create-field-controller";
-export declare const DatePicker: ControlledField<IDatePickerProps>;
+export declare const DatePicker: ControlledField<IDatePickerProps<boolean>>;

package/src/components/field/rate-card/rate-card.d.ts

@@ -5,6 +5,7 @@ export type RateCardProps = Partial<RateOption> & WithCommonProps<{
     isAcknowledged?: boolean;
     isLoading?: boolean;
     isPreferredRate?: boolean;
+    mapViewEnabled?: boolean;
     onClick?: (rateId: string) => void;
     onClickAcknowledgement?: (isAcknowledged: boolean) => void;
     onSelectServicePoint?: (servicePoint?: SE.ServicePoint) => void;
@@ -15,4 +16,4 @@ export type RateCardProps = Partial<RateOption> & WithCommonProps<{
     voided?: boolean;
     voidedAt?: string;
 }>;
-export declare const RateCard: ({ carrierCode, carrierFriendlyName, carrierNickname, children, className, confirmationAmount, deliveryDays, insuranceAmount, isAcknowledged, messages, onClick, onClickAcknowledgement, onSelectServicePoint, otherAmount, rateId, requiresAcknowledgement, rateAcknowledgementMessage, selected, serviceCode, packageType, serviceType, shippingAmount, taxAmount, trackable, trackingStatus, voided, voidedAt, isLoading: servicePointsLoading, isPreferredRate, selectedRateCost, servicePoints, }: RateCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RateCard: ({ carrierCode, carrierFriendlyName, carrierNickname, children, className, confirmationAmount, deliveryDays, insuranceAmount, isAcknowledged, messages, onClick, onClickAcknowledgement, onSelectServicePoint, otherAmount, rateId, requiresAcknowledgement, rateAcknowledgementMessage, selected, serviceCode, packageType, serviceType, shippingAmount, taxAmount, trackable, trackingStatus, voided, voidedAt, isLoading: servicePointsLoading, isPreferredRate, selectedRateCost, servicePoints, mapViewEnabled, }: RateCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/field/rate-card/rate-card.styles.d.ts

@@ -7,7 +7,6 @@ export declare const getArticleSelectedStyles: (theme: Theme) => SerializedStyle
 export declare const getArticleVoidedStyles: () => SerializedStyles;
 export declare const getSectionStyles: (theme: Theme) => SerializedStyles;
 export declare const getRateImageStyles: (theme: Theme) => SerializedStyles;
-export declare const getViewShipmentImageStyles: (theme: Theme) => SerializedStyles;
 export declare const getRateSavingsSectionStyles: () => SerializedStyles;
 export declare const getRateSavingsStyles: (theme: Theme) => SerializedStyles;
 export declare const getRateInfoStyles: (theme: Theme) => SerializedStyles;

package/src/components/field/rate-select/rate-select.d.ts

@@ -1,13 +1,18 @@
+/// <reference types="react" />
 import type { SE } from "@shipengine/alchemy";
 import { RateOption } from "../../../hooks";
 import { RateFormProps } from "../../templates";
 import { ControlledField } from "../create-field-controller";
-type RateSelectProps = {
+export type RateSelectProps = {
     isLoading?: boolean;
+    mapViewEnabled?: boolean;
     nicknameFeature?: boolean;
     onSelectServicePoint?: (servicePoint?: SE.ServicePoint) => void;
     options: RateOption[];
     preferredServiceCodes?: RateFormProps["preferredServiceCodes"];
+    rateFormScrollToRef?: React.RefObject<HTMLFormElement>;
+    setShowHiddenRates?: (showHiddenRates: boolean) => void;
+    showHiddenRates?: boolean;
 };
 type RateSelectOptions = {
     onClick?: (rateId: string) => void;

package/src/components/fund-and-purchase/fund-and-purchase.d.ts

@@ -20,7 +20,10 @@ export type FundAndPurchaseProps = {
     nickname?: string;
     onPurchase: () => void;
     onSave: () => Promise<void>;
+    onVatRegistrationComplete?: () => void;
     purchaseAmount: number;
+    rateDetails?: SE.RateDetail[];
+    showVatSettings?: boolean;
 };
 /**
  * @internal
@@ -33,4 +36,4 @@ export type FundAndPurchaseProps = {
  *
  * @see {@link FundAndPurchaseProps | The props that are passed into the `<FundAndPurchase />` component}
  */
-export declare const FundAndPurchase: ({ balance: uspsBalance, carrierId, className, control, currency, disabled, isFundingEnabled, isFundingRequired, isPreferredRate, nickname, purchaseAmount, onSave, onPurchase, }: FundAndPurchaseProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const FundAndPurchase: ({ balance: uspsBalance, carrierId, control, currency, disabled, isFundingEnabled, isFundingRequired, isPreferredRate, nickname, purchaseAmount, rateDetails, onSave, onPurchase, showVatSettings, onVatRegistrationComplete, }: FundAndPurchaseProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/here-map/here-map.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+/// <reference types="heremaps" />
+import { MarkerData } from "../../hooks/here-map/use-here-map-ui";
+export type HereMapProps = {
+    children?: React.ReactNode;
+    informationCardContent?: React.ReactNode;
+    mapOptions: H.Map.Options;
+    markerData?: MarkerData[];
+    onClickMarker?: (markerData: MarkerData) => void;
+    onMapCenterChange?: () => void;
+    showMapSettingsControl?: boolean;
+    showScaleBarControl?: boolean;
+    showZoomControl?: boolean;
+    zoomControlPosition?: H.ui.LayoutAlignment;
+};
+export declare const HereMap: ({ mapOptions, children, markerData, onClickMarker, showZoomControl, zoomControlPosition, showMapSettingsControl, informationCardContent, showScaleBarControl, onMapCenterChange, }: HereMapProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/src/components/here-map/here-map.styles.d.ts

@@ -0,0 +1,23 @@
+export declare const styles: {
+    container: {
+        position: "relative";
+    };
+    informationOverlay: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: "white";
+        borderRadius: string;
+        bottom: number;
+        boxShadow: "0px 4px 2px 0px rgba(161, 161, 161, 0.25)";
+        left: string;
+        padding: number;
+        position: "absolute";
+        transform: "translateX(-50%)";
+        width: string;
+        zIndex: number;
+    };
+    map: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        border: string;
+        borderRadius: string;
+        height: string;
+        width: string;
+    };
+};

package/src/components/index.d.ts

@@ -27,6 +27,7 @@ export * from "./loader";
 export * from "./pager";
 export * from "./portal";
 export * from "./powered-by-shipengine";
+export * from "./rate-details";
 export * from "./section";
 export * from "./settings-card";
 export * from "./skeleton";

package/src/components/modal/modal.d.ts

@@ -2,8 +2,9 @@ import * as React from "react";
 export type ModalProps = {
     children?: React.ReactNode;
     closeAriaLabel?: string;
+    isFullScreen?: boolean;
     isOpen?: boolean;
     onClose?: () => void;
     title?: string;
 };
-export declare const Modal: ({ children, closeAriaLabel, isOpen, onClose, title }: ModalProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Modal: ({ children, closeAriaLabel, isOpen, onClose, title, isFullScreen, }: ModalProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/rate-details/index.d.ts

@@ -0,0 +1 @@
+export * from "./rate-details";

package/src/components/rate-details/rate-details.d.ts

@@ -0,0 +1,17 @@
+import { SE } from "@shipengine/alchemy";
+export type RateDetailsProps = {
+    /**
+     * `onVatRegistrationComplete` callback that notifies that the vat registration has been successfully completed
+     */
+    onVatRegistrationComplete?: () => void;
+    /**
+     * `rateDetails` array of rate details
+     */
+    rateDetails: SE.RateDetail[];
+    /**
+     * `registerVatAllowed` flag to determine if register vat button should be displayed
+     * It also depends if the user already has a vat number registered
+     */
+    registerVatAllowed?: boolean;
+};
+export declare const RateDetails: ({ rateDetails, registerVatAllowed, onVatRegistrationComplete, }: RateDetailsProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/rate-details/rate-details.styles.d.ts

@@ -0,0 +1,23 @@
+export declare const styles: {
+    breakdownCollapsible: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        color: string;
+        display: "flex";
+        fontWeight: number;
+    };
+    conceptGroup: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        display: "flex";
+        gap: number;
+    };
+    divider: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        marginTop: number;
+        paddingTop: number;
+    };
+    rateDetail: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        display: "flex";
+        justifyContent: "space-between";
+        marginBottom: number;
+    };
+};

package/src/components/search-bar/index.d.ts

@@ -0,0 +1 @@
+export * from "./search-bar";

package/src/components/search-bar/search-bar.d.ts

@@ -0,0 +1,8 @@
+type SearchBarProps = {
+    defaultValue?: string;
+    label?: string;
+    loading?: boolean;
+    onSearch: (value: string) => void | Promise<void>;
+};
+export declare const SearchBar: ({ label, defaultValue, onSearch, loading }: SearchBarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/src/components/service-point-display/operating-hours.d.ts

@@ -0,0 +1,6 @@
+import { ServicePoint } from "@shipengine/js-api";
+export type OperatingHoursProps = {
+    hoursOfOperation: ServicePoint["hoursOfOperation"];
+    rateSelected?: boolean;
+};
+export declare const OperatingHoursDisplay: ({ hoursOfOperation, rateSelected }: OperatingHoursProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/service-point-display/operating-hours.styles.d.ts

@@ -0,0 +1,44 @@
+export declare const styles: {
+    closed: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        whiteSpace: "pre";
+    };
+    dayColumn: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        gridColumn: "1";
+        minWidth: number;
+    };
+    getTextStyles: (isToday?: boolean, expanded?: boolean, isClosed?: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        fontSize: string;
+        fontStyle: "normal" | "italic";
+        fontWeight: "normal" | "bold";
+    };
+    hoursDisplayContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        "& > span": {
+            lineHeight: string;
+        };
+        "& > span:last-child": {
+            marginBottom: number;
+        };
+        display: "flex";
+        flexDirection: "column";
+    };
+    hoursListItem: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        display: "grid";
+        gap: number;
+        gridTemplateColumns: string;
+        listStyle: "none";
+        marginBottom: number;
+    };
+    inlineWrapper: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        "& > span": {
+            lineHeight: string;
+        };
+        display: "flex";
+        gap: number;
+    };
+    open: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        whiteSpace: "pre";
+    };
+};

package/src/components/service-point-display/service-point-display.d.ts

@@ -1,10 +1,10 @@
-import { SE } from "@shipengine/alchemy";
+import { ServicePoint } from "@shipengine/js-api";
 type ServicePointDisplayProps = {
-    expanded: boolean;
-    onSelect?: (servicePoint: SE.ServicePoint) => void;
+    mapViewEnabled?: boolean;
+    onViewMapClick?: (servicePoint: ServicePoint) => void;
     rateSelected?: boolean;
-    selectedServicePoint?: SE.ServicePoint;
-    servicePoint: SE.ServicePoint;
+    servicePoint: ServicePoint;
+    showViewMapButton?: boolean;
 };
-export declare const ServicePointDisplay: ({ onSelect, servicePoint, rateSelected, selectedServicePoint, }: ServicePointDisplayProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ServicePointDisplay: ({ onViewMapClick, servicePoint, rateSelected, mapViewEnabled, showViewMapButton, }: ServicePointDisplayProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/src/components/service-point-display/service-point-display.styles.d.ts

@@ -1,40 +1,31 @@
 export declare const styles: {
-    closed: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        color: string;
-        whiteSpace: "pre";
-    };
     container: {
         display: "flex";
         flexDirection: "column";
     };
-    getHoursOfOperationTextStyles: (isCurrentWeekday: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        color: string;
-        fontSize: string;
-        fontWeight: "normal" | "bold";
-        lineHeight: string;
-        margin: number;
-    };
     getSelectedStyles: (isSelected?: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         display: "flex";
         gap: number;
         justifyContent: "" | "space-between";
     };
-    hoursToggle: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        alignItems: "center";
-        color: string;
-        display: "flex";
-        lineHeight: string;
-    };
     inlineWrapper: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         display: "flex";
         gap: number;
         justifyContent: "space-between";
     };
-    open: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+    paperlessIcon: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        paddingRight: string;
+    };
+    paperlessText: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         color: string;
-        whiteSpace: "pre";
+        paddingLeft: number;
+    };
+    paperlessWrapper: () => {
+        display: "flex";
+        marginBottom: string;
     };
     selectButton: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         backgroundColor: string;
@@ -45,6 +36,9 @@ export declare const styles: {
         whiteSpace: "nowrap";
     };
     viewMap: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        "&:hover": {
+            textDecoration: string;
+        };
         color: string;
         textDecoration: string;
     };

package/src/components/service-points/service-points.d.ts

@@ -1,8 +1,9 @@
 import { SE } from "@shipengine/alchemy";
 type ServicePointsProps = {
+    mapViewEnabled?: boolean;
     onSelectServicePoint?: (servicePoint: SE.ServicePoint) => void;
     rateSelected: boolean;
     servicePoints: SE.ServicePoint[];
 };
-export declare const ServicePoints: ({ servicePoints, rateSelected, onSelectServicePoint, }: ServicePointsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ServicePoints: ({ servicePoints, rateSelected, onSelectServicePoint, mapViewEnabled, }: ServicePointsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/src/components/tabs/tabs.d.ts

@@ -1,8 +1,12 @@
+/// <reference types="react" />
 type TabsProps = {
     fullWidth?: boolean;
     onSelectTab: (tab: string) => void;
     selectedTab: string;
-    tabs: string[];
+    tabs: {
+        label: string | React.ReactNode;
+        value: string;
+    }[];
 };
 export declare const Tabs: ({ fullWidth, onSelectTab, selectedTab, tabs }: TabsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/src/components/tabs/tabs.styles.d.ts

@@ -1,10 +1,11 @@
 export declare const styles: {
-    container: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+    getContainerStyles: (fullWidth?: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         border: string;
         borderRadius: string;
         display: "flex";
         gap: number;
         padding: number;
+        width: string;
     };
     getTabStyles: (selected: boolean, fullWidth?: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         backgroundColor: string;
@@ -14,7 +15,7 @@ export declare const styles: {
         cursor: "pointer";
         fontSize: string;
         fontWeight: "normal" | "bold";
-        padding: number;
+        padding: string;
         width: string;
     };
 };

package/src/components/templates/index.d.ts

@@ -1,5 +1,4 @@
 export * from "../address-preference-context";
-export * from "./add-carrier-form";
 export * from "./address-display";
 export * from "./address-form";
 export * from "./address-parser";
@@ -15,3 +14,4 @@ export * from "./suspend-sales-order";
 export * from "./suspend-shipment";
 export * from "./theme-creator";
 export * from "./wallet-form";
+export * from "./register-funding-source-carrier-form";

package/src/components/templates/label/label.styles.d.ts

@@ -1,5 +1,25 @@
 export declare const styles: {
-    trackingNumber: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+    button: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        cursor: "pointer";
+        marginBottom: number;
+    };
+    codeImage: () => {
+        height: string;
+        maxWidth: string;
+        width: string;
+    };
+    codewrapper: () => {
+        alignItems: "center";
+        display: "flex";
+        flexDirection: "column";
+    };
+    handoffCode: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        margin: string;
+    };
+    paperlessDownloadwrapper: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        padding: number;
+    };
+    trackingNumber: () => {
         alignItems: "center";
         display: "flex";
     };