@shipengine/elements 0.28.0 → 0.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.js CHANGED
@@ -3926,7 +3926,21 @@ var _carrierMetadata = [
3926
3926
  ],
3927
3927
  requiredFields: [
3928
3928
  ],
3929
- shortname: "DHL"
3929
+ shortname: "DHL",
3930
+ terms: {
3931
+ title: "DHL Agreements",
3932
+ content: [
3933
+ ],
3934
+ links: [
3935
+ {
3936
+ description: "DHL Express Terms and Conditions",
3937
+ name: "DHL Express Terms and Conditions",
3938
+ termType: "stamps_dhl_express_terms",
3939
+ url: "https://mydhl.express.dhl/us/en/legal/terms-and-conditions.html",
3940
+ version: "1.0"
3941
+ }
3942
+ ]
3943
+ }
3930
3944
  },
3931
3945
  {
3932
3946
  carrierCode: "ups",
@@ -4751,7 +4765,7 @@ $$a({ target: 'Number', proto: true, forced: FORCED$2 }, {
4751
4765
  }
4752
4766
  });
4753
4767
 
4754
- var img$1 = "data:image/svg+xml,%3csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M22.9425 6.62223L18.63 5.81973C18.4275 5.78223 18.2325 5.91723 18.195 6.11973L17.3925 10.4322C17.355 10.6347 17.49 10.8297 17.6925 10.8672C17.715 10.8672 17.7375 10.8672 17.76 10.8672C17.94 10.8672 18.0975 10.7397 18.1275 10.5597L18.765 7.13973C21.15 10.3872 20.8125 14.9472 17.9475 17.8047C15.3225 20.4297 11.25 20.9697 8.04001 19.1247C7.86001 19.0197 7.63501 19.0797 7.53001 19.2597C7.42501 19.4397 7.49251 19.6647 7.66501 19.7697C9.05251 20.5722 10.5975 20.9622 12.1275 20.9622C14.4525 20.9622 16.755 20.0622 18.48 18.3372C21.5925 15.2247 21.9675 10.2597 19.3875 6.71973L22.8 7.34973C22.995 7.38723 23.1975 7.25223 23.235 7.04973C23.2725 6.84723 23.1375 6.65223 22.935 6.61473L22.9425 6.62223Z' fill='black' /%3e %3cpath d='M6.30022 12.7798C6.09772 12.7423 5.90272 12.8773 5.86522 13.0798L5.24272 16.4548C3.15022 13.2223 3.60022 8.91728 6.33022 6.18728C8.85022 3.66728 12.6752 3.05228 15.8477 4.65728C16.0277 4.74728 16.2602 4.67978 16.3502 4.49228C16.4402 4.30478 16.3727 4.07978 16.1852 3.98978C12.7202 2.23478 8.54272 2.90978 5.79772 5.65478C2.79022 8.66228 2.31772 13.3948 4.65022 16.9273L1.19272 16.2898C0.990221 16.2523 0.795221 16.3873 0.757721 16.5898C0.720221 16.7923 0.855221 16.9873 1.05772 17.0248L5.37022 17.8273C5.37022 17.8273 5.41522 17.8273 5.43772 17.8273C5.61772 17.8273 5.77522 17.6998 5.80522 17.5198L6.60772 13.2073C6.64522 13.0048 6.51022 12.8098 6.30772 12.7723L6.30022 12.7798Z' fill='black' /%3e %3cpath d='M15.0824 13.2223C14.9249 12.9373 14.7224 12.6973 14.4674 12.4948C14.2124 12.2998 13.9349 12.1348 13.6274 11.9998C13.3199 11.8648 13.0124 11.7598 12.7124 11.6773L12.3149 11.5648V7.87482C12.8324 7.91232 13.2749 8.06232 13.6349 8.33232C14.0549 8.64732 14.2874 9.07482 14.3399 9.60732H15.1874C15.1724 9.11982 15.0224 8.68482 14.7524 8.30232C14.4824 7.91982 14.1149 7.61982 13.6574 7.40232C13.2599 7.21482 12.8099 7.12482 12.3149 7.09482V6.31482C12.3149 6.14232 12.1799 6.00732 12.0074 6.00732C11.8349 6.00732 11.6999 6.14232 11.6999 6.31482V7.10982C11.2649 7.14732 10.8449 7.22982 10.4774 7.40232C10.0049 7.61982 9.62988 7.92732 9.35238 8.31732C9.07488 8.70732 8.93988 9.16482 8.93988 9.67482C8.93988 10.2898 9.14988 10.7998 9.56238 11.1898C9.97488 11.5798 10.5599 11.8948 11.3174 12.1198L11.6999 12.2323V16.1323C11.3849 16.1098 11.0849 16.0573 10.8224 15.9523C10.4699 15.8173 10.1849 15.6148 9.96738 15.3523C9.74988 15.0898 9.62238 14.7673 9.59238 14.3923V14.3323C9.59238 14.0848 9.38988 13.8823 9.14238 13.8823C8.89488 13.8823 8.69238 14.0848 8.69238 14.3323V14.3923C8.72988 14.8948 8.87988 15.3448 9.15738 15.7273C9.43488 16.1098 9.80988 16.4098 10.2899 16.6273C10.6949 16.8073 11.1749 16.8973 11.6999 16.9273V17.6848C11.6999 17.8573 11.8349 17.9923 12.0074 17.9923C12.1799 17.9923 12.3149 17.8573 12.3149 17.6848V16.9348C12.8699 16.9048 13.3574 16.7923 13.7774 16.5898C14.2724 16.3498 14.6549 16.0273 14.9174 15.6148C15.1799 15.2023 15.3149 14.7448 15.3149 14.2348C15.3149 13.8373 15.2399 13.4923 15.0824 13.2073V13.2223ZM11.0099 11.1448C10.7849 11.0473 10.5749 10.9348 10.3949 10.7923C10.2074 10.6573 10.0574 10.4923 9.95238 10.3048C9.84738 10.1173 9.78738 9.89232 9.78738 9.63732C9.78738 9.29232 9.88488 8.98482 10.0724 8.71482C10.2674 8.44482 10.5299 8.23482 10.8674 8.07732C11.1149 7.96482 11.3924 7.91232 11.6924 7.88232V11.3848C11.4599 11.3173 11.2349 11.2348 11.0024 11.1373L11.0099 11.1448ZM14.1449 15.2473C13.9274 15.5398 13.6349 15.7648 13.2674 15.9223C12.9824 16.0423 12.6599 16.1023 12.3149 16.1323V12.4198L12.4649 12.4648C12.8624 12.5773 13.2074 12.7123 13.5149 12.8623C13.8149 13.0123 14.0549 13.1998 14.2199 13.4173C14.3849 13.6348 14.4749 13.9123 14.4749 14.2348C14.4749 14.6173 14.3699 14.9548 14.1524 15.2473H14.1449Z' fill='black' /%3e %3cpath d='M14.7525 10.0796C14.985 10.0796 15.1725 9.89211 15.1725 9.65961V9.59961H14.3325V9.65961C14.3325 9.89211 14.52 10.0796 14.7525 10.0796Z' fill='black' /%3e%3c/svg%3e";
4768
+ var img$5 = "data:image/svg+xml,%3csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M22.9425 6.62223L18.63 5.81973C18.4275 5.78223 18.2325 5.91723 18.195 6.11973L17.3925 10.4322C17.355 10.6347 17.49 10.8297 17.6925 10.8672C17.715 10.8672 17.7375 10.8672 17.76 10.8672C17.94 10.8672 18.0975 10.7397 18.1275 10.5597L18.765 7.13973C21.15 10.3872 20.8125 14.9472 17.9475 17.8047C15.3225 20.4297 11.25 20.9697 8.04001 19.1247C7.86001 19.0197 7.63501 19.0797 7.53001 19.2597C7.42501 19.4397 7.49251 19.6647 7.66501 19.7697C9.05251 20.5722 10.5975 20.9622 12.1275 20.9622C14.4525 20.9622 16.755 20.0622 18.48 18.3372C21.5925 15.2247 21.9675 10.2597 19.3875 6.71973L22.8 7.34973C22.995 7.38723 23.1975 7.25223 23.235 7.04973C23.2725 6.84723 23.1375 6.65223 22.935 6.61473L22.9425 6.62223Z' fill='black' /%3e %3cpath d='M6.30022 12.7798C6.09772 12.7423 5.90272 12.8773 5.86522 13.0798L5.24272 16.4548C3.15022 13.2223 3.60022 8.91728 6.33022 6.18728C8.85022 3.66728 12.6752 3.05228 15.8477 4.65728C16.0277 4.74728 16.2602 4.67978 16.3502 4.49228C16.4402 4.30478 16.3727 4.07978 16.1852 3.98978C12.7202 2.23478 8.54272 2.90978 5.79772 5.65478C2.79022 8.66228 2.31772 13.3948 4.65022 16.9273L1.19272 16.2898C0.990221 16.2523 0.795221 16.3873 0.757721 16.5898C0.720221 16.7923 0.855221 16.9873 1.05772 17.0248L5.37022 17.8273C5.37022 17.8273 5.41522 17.8273 5.43772 17.8273C5.61772 17.8273 5.77522 17.6998 5.80522 17.5198L6.60772 13.2073C6.64522 13.0048 6.51022 12.8098 6.30772 12.7723L6.30022 12.7798Z' fill='black' /%3e %3cpath d='M15.0824 13.2223C14.9249 12.9373 14.7224 12.6973 14.4674 12.4948C14.2124 12.2998 13.9349 12.1348 13.6274 11.9998C13.3199 11.8648 13.0124 11.7598 12.7124 11.6773L12.3149 11.5648V7.87482C12.8324 7.91232 13.2749 8.06232 13.6349 8.33232C14.0549 8.64732 14.2874 9.07482 14.3399 9.60732H15.1874C15.1724 9.11982 15.0224 8.68482 14.7524 8.30232C14.4824 7.91982 14.1149 7.61982 13.6574 7.40232C13.2599 7.21482 12.8099 7.12482 12.3149 7.09482V6.31482C12.3149 6.14232 12.1799 6.00732 12.0074 6.00732C11.8349 6.00732 11.6999 6.14232 11.6999 6.31482V7.10982C11.2649 7.14732 10.8449 7.22982 10.4774 7.40232C10.0049 7.61982 9.62988 7.92732 9.35238 8.31732C9.07488 8.70732 8.93988 9.16482 8.93988 9.67482C8.93988 10.2898 9.14988 10.7998 9.56238 11.1898C9.97488 11.5798 10.5599 11.8948 11.3174 12.1198L11.6999 12.2323V16.1323C11.3849 16.1098 11.0849 16.0573 10.8224 15.9523C10.4699 15.8173 10.1849 15.6148 9.96738 15.3523C9.74988 15.0898 9.62238 14.7673 9.59238 14.3923V14.3323C9.59238 14.0848 9.38988 13.8823 9.14238 13.8823C8.89488 13.8823 8.69238 14.0848 8.69238 14.3323V14.3923C8.72988 14.8948 8.87988 15.3448 9.15738 15.7273C9.43488 16.1098 9.80988 16.4098 10.2899 16.6273C10.6949 16.8073 11.1749 16.8973 11.6999 16.9273V17.6848C11.6999 17.8573 11.8349 17.9923 12.0074 17.9923C12.1799 17.9923 12.3149 17.8573 12.3149 17.6848V16.9348C12.8699 16.9048 13.3574 16.7923 13.7774 16.5898C14.2724 16.3498 14.6549 16.0273 14.9174 15.6148C15.1799 15.2023 15.3149 14.7448 15.3149 14.2348C15.3149 13.8373 15.2399 13.4923 15.0824 13.2073V13.2223ZM11.0099 11.1448C10.7849 11.0473 10.5749 10.9348 10.3949 10.7923C10.2074 10.6573 10.0574 10.4923 9.95238 10.3048C9.84738 10.1173 9.78738 9.89232 9.78738 9.63732C9.78738 9.29232 9.88488 8.98482 10.0724 8.71482C10.2674 8.44482 10.5299 8.23482 10.8674 8.07732C11.1149 7.96482 11.3924 7.91232 11.6924 7.88232V11.3848C11.4599 11.3173 11.2349 11.2348 11.0024 11.1373L11.0099 11.1448ZM14.1449 15.2473C13.9274 15.5398 13.6349 15.7648 13.2674 15.9223C12.9824 16.0423 12.6599 16.1023 12.3149 16.1323V12.4198L12.4649 12.4648C12.8624 12.5773 13.2074 12.7123 13.5149 12.8623C13.8149 13.0123 14.0549 13.1998 14.2199 13.4173C14.3849 13.6348 14.4749 13.9123 14.4749 14.2348C14.4749 14.6173 14.3699 14.9548 14.1524 15.2473H14.1449Z' fill='black' /%3e %3cpath d='M14.7525 10.0796C14.985 10.0796 15.1725 9.89211 15.1725 9.65961V9.59961H14.3325V9.65961C14.3325 9.89211 14.52 10.0796 14.7525 10.0796Z' fill='black' /%3e%3c/svg%3e";
4755
4769
 
4756
4770
  const styles$w = ({
4757
4771
  variant,
@@ -5657,7 +5671,7 @@ $$4({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR }, {
5657
5671
  }
5658
5672
  });
5659
5673
 
5660
- var img = "data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16.9416 9.83334C16.8974 9.61232 16.7673 9.41795 16.5797 9.29292C16.3922 9.1679 16.1627 9.12248 15.9417 9.16668C15.7207 9.21089 15.5262 9.34108 15.4012 9.52862C15.2762 9.71616 15.2308 9.94568 15.275 10.1667C15.3489 10.523 15.3853 10.8861 15.3833 11.25C15.3833 12.3213 15.0656 13.3686 14.4704 14.2594C13.8752 15.1501 13.0293 15.8444 12.0395 16.2544C11.0498 16.6644 9.96064 16.7716 8.90991 16.5626C7.85918 16.3536 6.89401 15.8377 6.13647 15.0802C5.37894 14.3226 4.86308 13.3575 4.65408 12.3068C4.44508 11.2561 4.55233 10.1669 4.96231 9.17716C5.37228 8.18739 6.06653 7.34142 6.95729 6.74623C7.84806 6.15104 8.89532 5.83335 9.96663 5.83335H10.325L9.1833 6.88336C9.10183 6.95747 9.03586 7.04701 8.98921 7.14677C8.94255 7.24654 8.91614 7.35458 8.91149 7.46462C8.90684 7.57465 8.92407 7.6845 8.96215 7.78785C9.00022 7.89119 9.05837 7.98595 9.1333 8.06668C9.211 8.15046 9.30514 8.21739 9.40979 8.26326C9.51444 8.30913 9.6274 8.33298 9.74167 8.33335C9.95107 8.33489 10.1534 8.25753 10.3083 8.11667L13.0333 5.61667C13.1192 5.53857 13.1879 5.44338 13.2349 5.33718C13.2819 5.23099 13.3061 5.11614 13.3061 5.00002C13.3061 4.88389 13.2819 4.76904 13.2349 4.66285C13.1879 4.55665 13.1192 4.46146 13.0333 4.38336L10.3083 1.88336C10.1448 1.73417 9.92862 1.65607 9.70749 1.66622C9.48635 1.67638 9.27831 1.77398 9.12913 1.93753C8.97994 2.10108 8.90184 2.31718 8.912 2.53832C8.92215 2.75945 9.01975 2.96749 9.1833 3.11667L10.325 4.16668H9.96663C8.56568 4.16668 7.19619 4.5821 6.03134 5.36043C4.86649 6.13875 3.95861 7.24503 3.42249 8.53934C2.88637 9.83365 2.7461 11.2579 3.01941 12.6319C3.29272 14.0059 3.96736 15.2681 4.95799 16.2587C5.94861 17.2493 7.21071 17.9239 8.58475 18.1972C9.95878 18.4706 11.383 18.3303 12.6773 17.7942C13.9716 17.258 15.0779 16.3502 15.8562 15.1853C16.6345 14.0205 17.05 12.651 17.05 11.25C17.0596 10.7754 17.0234 10.301 16.9416 9.83334Z' fill='%23006FBB'/%3e%3c/svg%3e";
5674
+ var img$4 = "data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16.9416 9.83334C16.8974 9.61232 16.7673 9.41795 16.5797 9.29292C16.3922 9.1679 16.1627 9.12248 15.9417 9.16668C15.7207 9.21089 15.5262 9.34108 15.4012 9.52862C15.2762 9.71616 15.2308 9.94568 15.275 10.1667C15.3489 10.523 15.3853 10.8861 15.3833 11.25C15.3833 12.3213 15.0656 13.3686 14.4704 14.2594C13.8752 15.1501 13.0293 15.8444 12.0395 16.2544C11.0498 16.6644 9.96064 16.7716 8.90991 16.5626C7.85918 16.3536 6.89401 15.8377 6.13647 15.0802C5.37894 14.3226 4.86308 13.3575 4.65408 12.3068C4.44508 11.2561 4.55233 10.1669 4.96231 9.17716C5.37228 8.18739 6.06653 7.34142 6.95729 6.74623C7.84806 6.15104 8.89532 5.83335 9.96663 5.83335H10.325L9.1833 6.88336C9.10183 6.95747 9.03586 7.04701 8.98921 7.14677C8.94255 7.24654 8.91614 7.35458 8.91149 7.46462C8.90684 7.57465 8.92407 7.6845 8.96215 7.78785C9.00022 7.89119 9.05837 7.98595 9.1333 8.06668C9.211 8.15046 9.30514 8.21739 9.40979 8.26326C9.51444 8.30913 9.6274 8.33298 9.74167 8.33335C9.95107 8.33489 10.1534 8.25753 10.3083 8.11667L13.0333 5.61667C13.1192 5.53857 13.1879 5.44338 13.2349 5.33718C13.2819 5.23099 13.3061 5.11614 13.3061 5.00002C13.3061 4.88389 13.2819 4.76904 13.2349 4.66285C13.1879 4.55665 13.1192 4.46146 13.0333 4.38336L10.3083 1.88336C10.1448 1.73417 9.92862 1.65607 9.70749 1.66622C9.48635 1.67638 9.27831 1.77398 9.12913 1.93753C8.97994 2.10108 8.90184 2.31718 8.912 2.53832C8.92215 2.75945 9.01975 2.96749 9.1833 3.11667L10.325 4.16668H9.96663C8.56568 4.16668 7.19619 4.5821 6.03134 5.36043C4.86649 6.13875 3.95861 7.24503 3.42249 8.53934C2.88637 9.83365 2.7461 11.2579 3.01941 12.6319C3.29272 14.0059 3.96736 15.2681 4.95799 16.2587C5.94861 17.2493 7.21071 17.9239 8.58475 18.1972C9.95878 18.4706 11.383 18.3303 12.6773 17.7942C13.9716 17.258 15.0779 16.3502 15.8562 15.1853C16.6345 14.0205 17.05 12.651 17.05 11.25C17.0596 10.7754 17.0234 10.301 16.9416 9.83334Z' fill='%23006FBB'/%3e%3c/svg%3e";
5661
5675
 
5662
5676
  const icons = {
5663
5677
  add: IconNames.ADD,
@@ -5734,7 +5748,7 @@ const ErrorDisplay = () => jsxs("div", Object.assign({
5734
5748
  children: [jsx("img", {
5735
5749
  alt: "reload icon",
5736
5750
  height: 24,
5737
- src: img,
5751
+ src: img$4,
5738
5752
  width: 24
5739
5753
  }), jsx(Label$1, Object.assign({
5740
5754
  spacing: 0,
@@ -6057,7 +6071,7 @@ const HistoryCard = ({
6057
6071
  children: transactionType === "reload" ? jsx("img", {
6058
6072
  alt: "refund logo",
6059
6073
  height: 24,
6060
- src: img$1,
6074
+ src: img$5,
6061
6075
  width: 24
6062
6076
  }) : jsx("img", {
6063
6077
  alt: "carrier logo",
@@ -9718,6 +9732,7 @@ const billingAddressSchema = addressSchema.extend({
9718
9732
  addressLine1: addressLine1Schema.refine(v => !isPoBox(v), "schemaErrors.invalidAddressPoBox"),
9719
9733
  addressLine2: addressLine2Schema.refine(v => !v || !isPoBox(v), "schemaErrors.invalidAddressPoBox"),
9720
9734
  companyName: z.string().trim().min(1),
9735
+ email: z.string().trim().email().nullishDefault(""),
9721
9736
  phone: z.string().trim().min(1)
9722
9737
  }).refine(schema => !schema.phone || isValidPhoneNumber(schema.phone, schema.countryCode), {
9723
9738
  message: "schemaErrors.notAValidPhoneNumber",
@@ -10000,7 +10015,6 @@ const styles$j = createStyles({
10000
10015
  });
10001
10016
 
10002
10017
  const EditBillingForm = ({
10003
- fundingSources,
10004
10018
  onCancel,
10005
10019
  onSubmit
10006
10020
  }) => {
@@ -10011,14 +10025,12 @@ const EditBillingForm = ({
10011
10025
  resolver: validationResolver(walletSchema)
10012
10026
  });
10013
10027
  const handleSubmit = form.handleSubmit(values => __awaiter(void 0, void 0, void 0, function* () {
10014
- var _a, _b;
10015
10028
  const {
10016
10029
  address,
10017
10030
  creditCard
10018
10031
  } = values;
10019
10032
  const billingInfo = Object.assign(Object.assign({}, address), {
10020
10033
  company: address.companyName ? address.companyName : "",
10021
- email: ((_b = (_a = fundingSources === null || fundingSources === void 0 ? void 0 : fundingSources[0]) === null || _a === void 0 ? void 0 : _a.billingInfo) === null || _b === void 0 ? void 0 : _b.email) || "",
10022
10034
  fullName: address.name
10023
10035
  });
10024
10036
  onSubmit(billingInfo, creditCard);
@@ -10053,14 +10065,21 @@ const EditBillingForm = ({
10053
10065
  }, {
10054
10066
  children: t("register-wallet:settings.billing.subtitleBilling")
10055
10067
  }))
10056
- })), jsx(GridChild, Object.assign({
10068
+ })), jsxs(GridChild, Object.assign({
10057
10069
  colSpan: 12
10058
10070
  }, {
10059
- children: jsx(AddressFields, {
10071
+ children: [jsx(AddressFields, {
10060
10072
  form: form,
10061
10073
  formatFieldName: fieldName => `address.${fieldName}`,
10062
10074
  optionalFields: ["addressLine2"]
10063
- })
10075
+ }), jsx(TextInput, {
10076
+ control: form.control,
10077
+ isOptional: true,
10078
+ label: t("address.fields.email"),
10079
+ labelWeight: "normal",
10080
+ name: "address.email",
10081
+ nativeLabel: true
10082
+ })]
10064
10083
  })), jsx(GridChild, Object.assign({
10065
10084
  colSpan: 12
10066
10085
  }, {
@@ -10086,6 +10105,14 @@ const EditBillingForm = ({
10086
10105
  }));
10087
10106
  };
10088
10107
 
10108
+ var img$3 = "data:image/svg+xml,%3csvg width='150' height='96' viewBox='0 0 150 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_5173_115317)'%3e%3cpath d='M7.69231 0.000244141H142.308C146.556 0.000244141 150 3.42963 150 7.65982V88.0854C150 92.3157 146.556 95.7449 142.308 95.7449H7.69231C3.44404 95.7449 0 92.3157 0 88.0854V7.65982C0 3.42963 3.44404 0.000244141 7.69231 0.000244141Z' fill='%232557D6'/%3e%3cpath d='M0.048569 45.132H7.24876L8.87222 41.3961H12.5068L14.1261 45.132H28.293V42.276L29.5576 45.1445H36.912L38.1766 42.2334V45.1322H73.3843L73.368 38.9996H74.0491C74.5259 39.0155 74.6653 39.0574 74.6653 39.8088V45.1322H92.8747V43.7047C94.3438 44.4553 96.6282 45.1322 99.634 45.1322H107.295L108.934 41.3963H112.569L114.172 45.1322H128.935V41.5835L131.17 45.1322H143V21.6729H131.292V24.4433L129.654 21.6729H117.64V24.4433L116.135 21.6729H99.9076C97.1917 21.6729 94.804 22.0346 92.8751 23.0426V21.6729H81.6772V23.0426C80.4497 22.0036 78.7774 21.6729 76.9176 21.6729H36.0061L33.2611 27.7318L30.442 21.6729H17.5565V24.4433L16.1407 21.6729H5.15126L0.0476074 32.8263V45.1316H0.0481843L0.048569 45.132ZM45.4986 41.7484H41.1786L41.1626 28.5751L35.052 41.7482H31.352L25.2255 28.5634V41.7482H16.6543L15.0351 37.9966H6.26068L4.62511 41.7482H0.047992L7.59434 24.9284H13.8557L21.0228 40.8534V24.9284H27.9009L33.4159 36.3386L38.482 24.9284H45.4984L45.4986 41.7484ZM13.5947 34.5057L10.7105 27.8003L7.84222 34.5057H13.5947ZM62.6909 41.748H48.6134V24.9282H62.6909V28.4307H52.8276V31.4626H62.4545V34.9103H52.8274V38.2694H62.6907L62.6909 41.748ZM82.5293 29.4582C82.5293 32.1399 80.6534 33.5255 79.5603 33.9414C80.4822 34.2761 81.2701 34.8678 81.6449 35.3578C82.2399 36.1944 82.3426 36.9416 82.3426 38.4439V41.748H78.0918L78.0759 39.6269C78.0759 38.6149 78.1774 37.1594 77.4109 36.3501C76.7951 35.7584 75.8565 35.6301 74.3391 35.6301H69.8155V41.7482H65.6013V24.9282H75.2938C77.4474 24.9282 79.0343 24.9824 80.3966 25.7338C81.7299 26.4852 82.5293 27.582 82.5293 29.4582ZM77.2026 31.9556C76.6232 32.2911 75.9386 32.3022 75.1178 32.3022H69.9986V28.5663H75.1874C75.9217 28.5663 76.6882 28.5977 77.1861 28.8696C77.7326 29.1147 78.0709 29.6361 78.0709 30.3565C78.0709 31.0918 77.749 31.6833 77.2026 31.9556ZM89.288 41.748H84.9884V24.9282H89.288V41.748ZM139.203 41.748H133.232L125.244 29.1237V41.748H116.662L115.022 37.9964H106.268L104.677 41.748H99.7451C97.6972 41.748 95.1032 41.3158 93.6349 39.8877C92.154 38.4596 91.3834 36.5252 91.3834 33.4665C91.3834 30.972 91.844 28.6915 93.6549 26.8894C95.0174 25.5471 97.1511 24.9282 100.055 24.9282H104.135V28.5322H100.14C98.6024 28.5322 97.7338 28.7505 96.8976 29.5285C96.1793 30.2368 95.6865 31.5755 95.6865 33.3386C95.6865 35.1405 96.0616 36.4399 96.8447 37.2886C97.4934 37.9542 98.6728 38.1561 99.7816 38.1561H101.674L107.614 24.9287H113.928L121.063 40.8379V24.9289H127.48L134.887 36.6431V24.9289H139.203V41.748ZM113.588 34.5059L110.672 27.8005L107.771 34.5059H113.588ZM149.942 68.6063C148.918 70.0343 146.924 70.7583 144.223 70.7583H136.085V67.1506H144.19C144.994 67.1506 145.557 67.0497 145.896 66.7341C146.216 66.4519 146.397 66.0536 146.394 65.6371C146.394 65.1467 146.189 64.7576 145.879 64.5243C145.573 64.2674 145.128 64.1509 144.394 64.1509C140.438 64.0226 135.501 64.2674 135.501 58.9436C135.501 56.5036 137.125 53.935 141.547 53.935H149.941V50.5879H142.142C139.788 50.5879 138.078 51.126 136.868 51.9617V50.5877H125.332C123.487 50.5877 121.322 51.0241 120.298 51.9617V50.5877H99.6976V51.9617C98.0584 50.8334 95.2922 50.5877 94.0151 50.5877H80.4274V51.9617C79.1303 50.7633 76.2463 50.5877 74.4878 50.5877H59.2807L55.8011 54.1809L52.5417 50.5877H29.8243V74.0624H52.1128L55.6986 70.4123L59.0765 74.0624L72.8153 74.0741V68.5519H74.1655C75.9884 68.5787 78.1386 68.5083 80.0353 67.7262V74.0617H91.3676V67.9432H91.9142C92.6118 67.9432 92.6805 67.9708 92.6805 68.6354V74.0609H127.105C129.291 74.0609 131.575 73.5274 132.841 72.5587V74.0609H143.76C146.032 74.0609 148.251 73.757 149.94 72.9792L149.94 68.6056L149.942 68.6063ZM81.6841 59.5766C81.6841 64.2501 78.0293 65.215 74.3459 65.215H69.0876V70.858H60.897L55.7078 65.2884L50.3151 70.858H33.6224V54.034H50.5715L55.7563 59.5487L61.1168 54.034H74.5824C77.9265 54.034 81.6841 54.9173 81.6841 59.5766ZM48.1803 67.3193H37.8191V63.9721H47.0711V60.5394H37.8191V57.4806H48.3843L52.9938 62.3835L48.1803 67.3193ZM64.8745 69.2457L58.4045 62.3925L64.8745 55.7574V69.2457ZM74.4432 61.765H68.9974V57.4806H74.492C76.0136 57.4806 77.0697 58.0723 77.0697 59.5433C77.0697 60.9984 76.0624 61.765 74.4432 61.765ZM102.974 54.034H117.039V57.5133H107.171V60.572H116.798V64.0046H107.171V67.3519L117.039 67.3672V70.858H102.974L102.974 54.034ZM97.5665 63.0395C98.5045 63.3699 99.2713 63.9617 99.6307 64.4518C100.226 65.2734 100.312 66.04 100.329 67.5227V70.858H96.0978V68.7532C96.0978 67.741 96.1999 66.2424 95.4166 65.46C94.8011 64.8573 93.8622 64.7133 92.3251 64.7133H87.8213V70.8582H83.5867V54.0342H93.3163C95.4495 54.0342 97.0034 54.1242 98.3866 54.8281C99.7165 55.5948 100.553 56.6447 100.553 58.5642C100.553 61.2493 98.6755 62.6196 97.5665 63.0395ZM95.1847 60.9127C94.6209 61.2319 93.924 61.2595 93.1043 61.2595H87.9847V57.481H93.1736C93.924 57.481 94.6749 57.4963 95.1847 57.7849C95.7309 58.0574 96.0574 58.5788 96.0574 59.2982C96.0574 60.0178 95.7307 60.5977 95.1847 60.9127ZM133.227 61.9844C134.048 62.7942 134.487 63.8172 134.487 65.5486C134.487 69.1678 132.118 70.8573 127.867 70.8573H119.66V67.2496H127.835C128.634 67.2496 129.201 67.1491 129.556 66.8331C129.846 66.5731 130.054 66.1949 130.054 65.7361C130.054 65.2457 129.829 64.8568 129.539 64.6233C129.217 64.3667 128.773 64.2501 128.039 64.2501C124.098 64.1218 119.162 64.3667 119.162 59.0432C119.162 56.6028 120.769 54.0342 125.187 54.0342H133.636V57.615H125.905C125.139 57.615 124.641 57.6428 124.217 57.9189C123.756 58.1912 123.584 58.5956 123.584 59.1289C123.584 59.7635 123.976 60.1955 124.506 60.3824C124.951 60.5299 125.429 60.573 126.146 60.573L128.415 60.6316C130.702 60.6844 132.273 61.062 133.227 61.9844ZM149.949 57.4806H142.269C141.502 57.4806 140.992 57.5082 140.564 57.7845C140.119 58.057 139.948 58.4612 139.948 58.9951C139.948 59.6297 140.323 60.0613 140.869 60.2482C141.314 60.3958 141.791 60.4389 142.493 60.4389L144.777 60.4971C147.082 60.5515 148.62 60.9295 149.558 61.8513C149.729 61.9796 149.831 62.1236 149.949 62.2678V57.4806H149.949Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_5173_115317'%3e%3crect width='150' height='95.7447' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
10109
+
10110
+ var img$2 = "data:image/svg+xml,%3csvg width='150' height='97' viewBox='0 0 150 97' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_5173_115348)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5754 0C4.73596 0 0 4.73654 0 10.5777V85.7685C0 91.6108 4.73442 96.3462 10.5754 96.3462H139.425C145.264 96.3462 150 91.6096 150 85.7685V10.5777C150 4.73539 145.266 0 139.425 0L10.5754 0Z' fill='%234D4D4D'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M62.9137 31.1333C64.6132 31.1333 66.0383 31.4764 67.773 32.3045V36.6796C66.1299 35.1675 64.7047 34.5346 62.8199 34.5346C59.1153 34.5346 56.2018 37.4221 56.2018 41.0827C56.2018 44.9433 59.0251 47.6589 63.0037 47.6589C64.7945 47.6589 66.1933 47.0589 67.773 45.571V49.9485C65.9766 50.7446 64.5208 51.0593 62.8199 51.0593C56.8049 51.0593 52.131 46.7139 52.131 41.1098C52.131 35.5664 56.9293 31.1333 62.9137 31.1333ZM44.2382 31.2539C46.4585 31.2539 48.4901 31.9693 50.1887 33.3681L48.1218 35.9158C47.093 34.83 46.1199 34.372 44.9364 34.372C43.2339 34.372 41.9941 35.2845 41.9941 36.4852C41.9941 37.5148 42.6901 38.0598 45.0603 38.8856C49.5535 40.4325 50.8853 41.8041 50.8853 44.8329C50.8853 48.5239 48.0053 51.0931 43.9006 51.0931C40.8949 51.0931 38.7095 49.9787 36.8895 47.4639L39.441 45.1504C40.3506 46.8062 41.8683 47.6931 43.7526 47.6931C45.5147 47.6931 46.8193 46.5485 46.8193 45.0039C46.8193 44.2031 46.4241 43.5166 45.6351 43.0312C45.2378 42.8014 44.4508 42.4587 42.9043 41.9452C39.1945 40.6879 37.9216 39.3439 37.9216 36.7173C37.9216 33.5971 40.6551 31.2539 44.2382 31.2539ZM89.3772 31.5862H93.692L99.0928 44.3923L104.563 31.5862H108.845L100.096 51.1412H97.9708L89.3772 31.5862ZM12.9641 31.6154H18.7622C25.1683 31.6154 29.6341 35.535 29.6341 41.1618C29.6341 43.9675 28.268 46.6802 25.9576 48.4804C24.0137 49.9998 21.7987 50.6814 18.7318 50.6814H12.9641V31.6154ZM31.4516 31.6154H35.4016V50.6814H31.4516V31.6154ZM110.631 31.6154H121.834V34.8462H114.579V39.0779H121.566V42.307H114.579V47.4535H121.834V50.6814H110.631L110.631 31.6154ZM124.45 31.6154H130.307C134.863 31.6154 137.473 33.675 137.473 37.2446C137.473 40.1639 135.836 42.0793 132.86 42.6495L139.235 50.6814H134.377L128.91 43.0221H128.395V50.6814H124.45V31.6154ZM128.395 34.6185V40.3925H129.55C132.072 40.3925 133.409 39.3614 133.409 37.4448C133.409 35.5895 132.072 34.6185 129.612 34.6185H128.395ZM16.9114 34.846V47.4535H17.9714C20.5239 47.4535 22.136 46.9931 23.3772 45.9381C24.7431 44.7929 25.5649 42.9641 25.5649 41.1343C25.5649 39.3075 24.7431 37.5333 23.3772 36.3879C22.0724 35.2764 20.5239 34.846 17.9714 34.846H16.9114Z' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M79.8327 31.0019C85.7828 31.0019 90.6061 35.5365 90.6061 41.1382V41.1446C90.6061 46.7465 85.7828 51.2873 79.8328 51.2873C73.8828 51.2873 69.0594 46.7463 69.0594 41.1446V41.1382C69.0594 35.5363 73.8828 31.0017 79.8328 31.0017L79.8327 31.0019ZM149.996 55.4538C144.986 58.9788 107.481 84.1731 42.5442 96.3423H139.421C145.261 96.3423 149.997 91.6058 149.997 85.7646V55.4531L149.996 55.4538Z' fill='%23F47216'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_5173_115348'%3e%3crect width='150' height='96.1538' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
10111
+
10112
+ var img$1 = "data:image/svg+xml,%3csvg width='150' height='96' viewBox='0 0 150 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_5173_115320)'%3e%3cpath d='M0 0H150V95.7447H0V0Z' fill='%2316366F'/%3e%3cpath d='M86.348 47.8723C86.348 66.8572 70.8922 82.2447 51.8268 82.2447C32.7615 82.2447 17.3076 66.8564 17.3076 47.8723C17.3076 28.8894 32.7618 13.5 51.8268 13.5C70.8917 13.5 86.348 28.89 86.348 47.8723Z' fill='%23D9222A'/%3e%3cpath d='M98.1711 13.4993C89.2519 13.4993 81.1244 16.8687 74.9981 22.397C73.75 23.5247 72.585 24.7403 71.5125 26.0345H78.4867C79.4417 27.1906 80.3206 28.4067 81.1185 29.6753H68.8809C68.145 30.8474 67.4809 32.063 66.8923 33.3152H83.1061C83.6625 34.4995 84.1506 35.7145 84.5677 36.9542H65.4308C65.0286 38.1482 64.6938 39.3634 64.4275 40.5942H85.5698C86.0869 42.9859 86.3475 45.4257 86.3469 47.8724C86.3469 51.6895 85.7211 55.3621 84.5673 58.7911H65.4304C65.8465 60.0318 66.3342 61.2469 66.891 62.4313H83.1058C82.5165 63.6837 81.8519 64.8994 81.116 66.0721H68.8804C69.6792 67.3415 70.5592 68.5574 71.5121 69.7096H78.4848C77.4136 71.0064 76.2483 72.2231 74.9983 73.3502C81.1252 78.8779 89.2517 82.2457 98.1713 82.2457C117.236 82.2455 132.692 66.8572 132.692 47.8733C132.692 28.891 117.237 13.501 98.1713 13.501' fill='%23EE9F2D'/%3e%3cpath d='M128.092 67.0327C128.092 66.4197 128.591 65.9218 129.207 65.9218C129.823 65.9218 130.321 66.4197 130.321 67.0327C130.321 67.6452 129.823 68.1431 129.207 68.1431C128.591 68.1429 128.092 67.6456 128.092 67.0327ZM129.207 67.8767C129.675 67.8766 130.054 67.4986 130.055 67.0327C130.055 66.5668 129.675 66.1893 129.208 66.1893H129.207C128.74 66.1886 128.361 66.5652 128.36 67.0304V67.0329C128.359 67.4986 128.738 67.8766 129.206 67.8769C129.206 67.8767 129.206 67.8767 129.207 67.8767ZM129.056 67.5206H128.828V66.5451H129.241C129.328 66.5451 129.416 66.5451 129.492 66.5938C129.571 66.647 129.616 66.7412 129.616 66.8385C129.616 66.9476 129.551 67.0499 129.446 67.0897L129.627 67.5206H129.374L129.224 67.1345H129.056L129.056 67.5206ZM129.056 66.9672H129.183C129.23 66.9672 129.28 66.971 129.322 66.948C129.36 66.9241 129.379 66.8793 129.379 66.8362C129.379 66.7989 129.356 66.7558 129.324 66.7374C129.284 66.7123 129.221 66.718 129.178 66.718H129.056V66.9672ZM43.7678 51.636C43.3746 51.5906 43.2015 51.5783 42.9313 51.5783C40.8072 51.5783 39.7319 52.3039 39.7319 53.736C39.7319 54.619 40.2569 55.181 41.0755 55.181C42.6021 55.181 43.7022 53.7333 43.7678 51.636ZM46.493 57.9543H43.388L43.4594 56.4845C42.5122 57.6462 41.2486 58.1983 39.5315 58.1983C37.5003 58.1983 36.1076 56.6185 36.1076 54.3247C36.1076 50.8733 38.5299 48.8596 42.6878 48.8596C43.1124 48.8596 43.6572 48.8979 44.2149 48.9685C44.3313 48.5011 44.3617 48.301 44.3617 48.0494C44.3617 47.1095 43.7086 46.7591 41.9578 46.7591C40.1246 46.7384 38.6124 47.194 37.9915 47.3975C38.0307 47.162 38.5107 44.2077 38.5107 44.2077C40.3784 43.6627 41.6101 43.4576 42.9963 43.4576C46.2142 43.4576 47.9186 44.8961 47.9155 47.6153C47.9217 48.3439 47.8007 49.2429 47.6117 50.4246C47.2863 52.4795 46.5886 56.8812 46.493 57.9543ZM34.5396 57.9543H30.7919L32.9386 44.5507L28.1453 57.9543H25.5915L25.2761 44.6273L23.0196 57.9543H19.5115L22.4419 40.5185H27.8303L28.1572 50.2779L31.4442 40.5185H37.4378L34.5396 57.9543ZM102.805 51.636C102.413 51.5906 102.239 51.5783 101.97 51.5783C99.8467 51.5783 98.7711 52.3039 98.7711 53.736C98.7711 54.619 99.2953 55.181 100.114 55.181C101.641 55.181 102.742 53.7333 102.805 51.636ZM105.532 57.9543H102.428L102.498 56.4845C101.551 57.6462 100.286 58.1983 98.5709 58.1983C96.539 58.1983 95.1478 56.6185 95.1478 54.3247C95.1478 50.8733 97.5684 48.8596 101.727 48.8596C102.152 48.8596 102.696 48.8979 103.253 48.9685C103.369 48.5011 103.4 48.301 103.4 48.0494C103.4 47.1095 102.747 46.7591 100.996 46.7591C99.1632 46.7384 97.6526 47.194 97.0292 47.3975C97.0686 47.162 97.5501 44.2077 97.5501 44.2077C99.418 43.6627 100.649 43.4576 102.033 43.4576C105.253 43.4576 106.957 44.8961 106.954 47.6153C106.96 48.3439 106.839 49.2429 106.65 50.4246C106.327 52.4795 105.627 56.8812 105.532 57.9543ZM63.1497 57.7389C62.124 58.0606 61.3244 58.1983 60.4574 58.1983C58.5415 58.1983 57.4959 57.102 57.4959 55.0833C57.4686 54.4572 57.7715 52.8086 58.0094 51.3039C58.2257 49.9794 59.6344 41.628 59.6344 41.628H63.3596L62.9246 43.7744H65.1746L64.6663 47.1821H62.4082C61.9755 49.8789 61.3594 53.238 61.3522 53.6832C61.3522 54.4141 61.744 54.7331 62.6349 54.7331C63.0621 54.7331 63.3928 54.6898 63.6455 54.5991L63.1497 57.7389ZM74.5711 57.624C73.2915 58.0133 72.0567 58.2017 70.7482 58.1985C66.5784 58.1945 64.4046 56.0259 64.4046 51.8732C64.4046 47.026 67.1699 43.4578 70.9238 43.4578C73.9949 43.4578 75.9565 45.4556 75.9565 48.589C75.9565 49.6286 75.8219 50.6435 75.4974 52.0764H68.0792C67.8284 54.1334 69.1503 54.9903 71.3171 54.9903C72.6507 54.9903 73.8532 54.7164 75.1905 54.0974L74.5711 57.624ZM72.4774 49.2176C72.498 48.9222 72.8724 46.6867 70.7442 46.6867C69.5574 46.6867 68.709 47.5875 68.3634 49.2176H72.4774ZM48.7428 48.2569C48.7428 50.0506 49.6161 51.2873 51.5969 52.2162C53.1146 52.9264 53.3494 53.137 53.3494 53.7806C53.3494 54.6647 52.6801 55.0636 51.1971 55.0636C50.0794 55.0636 49.0394 54.8899 47.8397 54.5045C47.8397 54.5045 47.3469 57.6296 47.3244 57.7791C48.1763 57.9641 48.9359 58.1355 51.2244 58.1985C55.1786 58.1985 57.0047 56.6993 57.0047 53.4591C57.0047 51.5107 56.2403 50.3673 54.363 49.5081C52.7917 48.79 52.6113 48.6296 52.6113 47.9674C52.6113 47.2007 53.234 46.8097 54.4455 46.8097C55.1811 46.8097 56.1859 46.8878 57.1378 47.0228L57.6715 43.734C56.7011 43.5808 55.2299 43.4578 54.3734 43.4578C50.1811 43.4578 48.7299 45.6383 48.7428 48.2569ZM92.7986 43.8305C93.8396 43.8305 94.8099 44.1024 96.1472 44.7726L96.7601 40.9884C96.2113 40.7739 94.2786 39.5139 92.6417 39.5139C90.1336 39.5139 88.0136 40.7529 86.5224 42.798C84.3474 42.0806 83.4534 43.5304 82.3572 44.9746L81.3838 45.2004C81.4574 44.7249 81.5242 44.2525 81.5017 43.7746H78.0601C77.5899 48.1629 76.7565 52.608 76.1042 57.0017L75.9342 57.9545H79.6834C80.3092 53.9059 80.6522 51.3135 80.8605 49.5593L82.2724 48.7772C82.4832 47.9959 83.1434 47.7321 84.4678 47.7639C84.2897 48.7228 84.2007 49.696 84.2019 50.6714C84.2019 55.3103 86.7155 58.1985 90.7499 58.1985C91.7892 58.1985 92.6811 58.0622 94.0617 57.6897L94.7215 53.7144C93.4792 54.3233 92.4597 54.6098 91.5367 54.6098C89.3582 54.6098 88.0399 53.0086 88.0399 50.3618C88.0397 46.5224 90.0005 43.8305 92.7986 43.8305Z' fill='black'/%3e%3cpath d='M35.6172 56.9182H31.8689L34.017 43.5162L29.2237 56.9182H26.6695L26.3537 43.5928L24.0974 56.9182H20.5891L23.5195 39.4846H28.908L29.0595 50.2773L32.6949 39.4846H38.5155L35.6172 56.9182Z' fill='white'/%3e%3cpath d='M124.523 40.519L123.692 45.5567C122.667 44.214 121.567 43.2422 120.113 43.2422C118.222 43.2422 116.501 44.6696 115.374 46.7704C113.805 46.4464 112.183 45.8966 112.183 45.8966L112.182 45.9095C112.308 44.7351 112.359 44.0185 112.348 43.7751H108.905C108.437 48.1635 107.603 52.6085 106.952 57.0023L106.78 57.9551H110.529C111.035 54.6812 111.423 51.9628 111.708 49.807C112.989 48.6549 113.63 47.6495 114.924 47.7166C114.351 49.0964 114.015 50.6854 114.015 52.3156C114.015 55.8606 115.816 58.1991 118.541 58.1991C119.914 58.1991 120.968 57.7276 121.996 56.6346L121.82 57.9528H125.365L128.22 40.519H124.523ZM119.836 54.6781C118.561 54.6781 117.917 53.7381 117.917 51.883C117.917 49.0962 119.123 47.1197 120.823 47.1197C122.11 47.1197 122.807 48.097 122.807 49.8978C122.808 52.7091 121.583 54.6781 119.836 54.6781Z' fill='black'/%3e%3cpath d='M44.8442 50.6029C44.4515 50.5577 44.2777 50.5455 44.0084 50.5455C41.8842 50.5455 40.8096 51.2708 40.8096 52.703C40.8096 53.5846 41.3346 54.1481 42.1519 54.1481C43.6798 54.148 44.78 52.7007 44.8442 50.6029ZM47.5709 56.919H44.4659L44.5365 55.4516C43.5902 56.6109 42.325 57.1654 40.6094 57.1654C38.5773 57.1654 37.1855 55.5857 37.1855 53.2918C37.1855 49.8389 39.6069 47.8263 43.7655 47.8263C44.1904 47.8263 44.7352 47.8646 45.2921 47.9357C45.4082 47.468 45.4386 47.2679 45.4386 47.015C45.4386 46.0751 44.7865 45.7263 43.0355 45.7263C41.2015 45.7056 39.6904 46.1613 39.0684 46.3624C39.1077 46.1276 39.5877 43.1764 39.5877 43.1764C41.4548 42.6291 42.6879 42.4238 44.0725 42.4238C47.2913 42.4238 48.9963 43.8634 48.9932 46.5801C48.9988 47.3116 48.8769 48.2101 48.6886 49.3902C48.3642 51.4439 47.6655 55.8482 47.5709 56.919ZM97.8363 39.9546L97.2225 43.7397C95.8859 43.0703 94.9148 42.7974 93.875 42.7974C91.0767 42.7974 89.1153 45.4894 89.1153 49.3286C89.1153 51.9751 90.434 53.576 92.6121 53.576C93.5352 53.576 94.5536 53.2903 95.7955 52.6804L95.1378 56.6538C93.7563 57.0289 92.8655 57.1654 91.8252 57.1654C87.7913 57.1654 85.2771 54.277 85.2771 49.6382C85.2771 43.4052 88.75 39.0488 93.7171 39.0488C95.353 39.049 97.2867 39.7399 97.8363 39.9546ZM103.883 50.6029C103.49 50.5577 103.317 50.5455 103.047 50.5455C100.924 50.5455 99.8482 51.2708 99.8482 52.703C99.8482 53.5846 100.373 54.1481 101.191 54.1481C102.718 54.148 103.819 52.7007 103.883 50.6029ZM106.61 56.919H103.504L103.575 55.4516C102.628 56.6109 101.363 57.1654 99.648 57.1654C97.6167 57.1654 96.2242 55.5857 96.2242 53.2918C96.2242 49.8389 98.6463 47.8263 102.803 47.8263C103.229 47.8263 103.773 47.8646 104.331 47.9357C104.446 47.468 104.477 47.2679 104.477 47.015C104.477 46.0751 103.825 45.7263 102.074 45.7263C100.241 45.7056 98.7288 46.1613 98.1071 46.3624C98.1463 46.1276 98.6271 43.1764 98.6271 43.1764C100.494 42.6291 101.726 42.4238 103.111 42.4238C106.331 42.4238 108.035 43.8634 108.031 46.5801C108.037 47.3116 107.916 48.2101 107.727 49.3902C107.404 51.4439 106.703 55.8482 106.61 56.919ZM64.2269 56.7042C63.2004 57.0259 62.4007 57.1654 61.5346 57.1654C59.6186 57.1654 58.573 56.069 58.573 54.0507C58.5465 53.4224 58.8494 51.7756 59.0875 50.2711C59.3029 48.9448 60.7117 40.5945 60.7117 40.5945H64.4361L64.0017 42.7415H65.9136L65.4048 46.1477H63.4865C63.0538 48.846 62.4359 52.2024 62.4296 52.6486C62.4296 53.382 62.8223 53.6985 63.7125 53.6985C64.1394 53.6985 64.4698 53.657 64.7229 53.566L64.2269 56.7042ZM75.6484 56.591C74.3696 56.9803 73.133 57.1679 71.8254 57.1654C67.6554 57.1614 65.4817 54.9928 65.4817 50.84C65.4817 45.9913 68.2471 42.424 72.0009 42.424C75.0721 42.424 77.0336 44.4211 77.0336 47.5559C77.0336 48.5963 76.899 49.6112 76.5755 51.0433H69.1573C68.9061 53.1001 70.2282 53.958 72.3952 53.958C73.7278 53.958 74.9313 53.6834 76.2677 53.0626L75.6484 56.591ZM73.5538 48.1823C73.5763 47.8878 73.9498 45.6514 71.8205 45.6514C70.6348 45.6514 69.7861 46.5546 69.4407 48.1823H73.5538ZM49.8192 47.2241C49.8192 49.0174 50.6927 50.2527 52.6734 51.1831C54.1909 51.8932 54.4257 52.1046 54.4257 52.7476C54.4257 53.6317 53.7559 54.0306 52.2744 54.0306C51.1557 54.0306 50.1157 53.8567 48.9154 53.4714C48.9154 53.4714 48.4242 56.5965 48.4019 56.7459C49.2519 56.9311 50.0123 57.1001 52.3007 57.1654C56.2559 57.1654 58.0813 55.6663 58.0813 52.4269C58.0813 50.4775 57.3177 49.3343 55.4394 48.4751C53.8688 47.7555 53.6871 47.5975 53.6871 46.9344C53.6871 46.1684 54.3111 45.7743 55.5219 45.7743C56.2567 45.7743 57.2615 45.8547 58.215 45.9897L58.7479 42.7C57.7784 42.5468 56.3073 42.424 55.4505 42.424C51.2575 42.424 49.8073 44.603 49.8192 47.2241ZM126.444 56.919H122.899L123.075 55.5991C122.047 56.6938 120.993 57.1654 119.62 57.1654C116.895 57.1654 115.095 54.8268 115.095 51.2819C115.095 46.5656 117.887 42.5897 121.193 42.5897C122.646 42.5897 123.747 43.181 124.77 44.5229L125.602 39.4852H129.298L126.444 56.919ZM120.916 53.6428C122.662 53.6428 123.887 51.6737 123.887 48.8646C123.887 47.0636 123.189 46.0863 121.902 46.0863C120.202 46.0863 118.995 48.0619 118.995 50.8496C118.995 52.7043 119.641 53.6428 120.916 53.6428ZM109.985 42.7415C109.516 47.1299 108.682 51.5749 108.031 55.9663L107.859 56.919H111.608C112.948 48.2493 113.273 46.5562 115.375 46.7683C115.71 44.994 116.333 43.4397 116.797 42.6553C115.228 42.3298 114.351 43.2131 113.204 44.891C113.294 44.1658 113.46 43.4613 113.427 42.7415H109.985ZM79.135 42.7415C78.6646 47.1299 77.8311 51.5749 77.1798 55.9663L77.0092 56.919H80.7592C82.098 48.2493 82.4219 46.5562 84.5225 46.7683C84.859 44.994 85.4825 43.4397 85.9455 42.6553C84.3775 42.3298 83.5002 43.2131 82.3536 44.891C82.444 44.1658 82.6084 43.4613 82.5771 42.7415H79.135ZM128.091 55.8091C128.091 55.1937 128.59 54.6985 129.205 54.6985C129.82 54.6979 130.319 55.1939 130.32 55.8063V55.8091C130.32 56.4219 129.821 56.9186 129.205 56.919C128.59 56.9186 128.091 56.4219 128.091 55.8091ZM129.205 56.6524C129.673 56.6526 130.052 56.2752 130.052 55.8097V55.8093C130.053 55.3434 129.674 54.9656 129.206 54.9652H129.205C128.737 54.9654 128.358 55.3432 128.357 55.8093C128.358 56.275 128.737 56.6524 129.205 56.6524ZM129.055 56.2944H128.826V55.3208H129.24C129.326 55.3208 129.415 55.3224 129.49 55.3695C129.57 55.4237 129.615 55.5163 129.615 55.6134C129.615 55.7235 129.55 55.8266 129.445 55.8656L129.626 56.2938H129.372L129.222 55.9093H129.055V56.2938V56.2944ZM129.055 55.7429H129.18C129.227 55.7429 129.279 55.7463 129.321 55.7237C129.358 55.6998 129.377 55.6546 129.377 55.6113C129.376 55.5711 129.355 55.534 129.322 55.511C129.283 55.4886 129.218 55.4947 129.175 55.4947H129.054L129.055 55.7429Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_5173_115320'%3e%3crect width='150' height='95.7447' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
10113
+
10114
+ var img = "data:image/svg+xml,%3csvg width='150' height='96' viewBox='0 0 150 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_5173_115335)'%3e%3cpath d='M7.69231 0H142.308C146.556 0 150 3.42938 150 7.65957V88.0851C150 92.3155 146.556 95.7447 142.308 95.7447H7.69231C3.44404 95.7447 0 92.3155 0 88.0851V7.65957C0 3.42938 3.44404 0 7.69231 0Z' fill='%230E4595'/%3e%3cpath d='M56.3845 66.7782L62.8001 29.2922H73.0616L66.6414 66.7782H56.3845ZM103.713 30.1003C101.681 29.3409 98.4947 28.5259 94.5168 28.5259C84.3774 28.5259 77.2351 33.6099 77.1745 40.8967C77.117 46.2833 82.2733 49.2881 86.1653 51.0812C90.1597 52.9186 91.5022 54.0903 91.4833 55.7312C91.4582 58.2437 88.2937 59.3917 85.3445 59.3917C81.2374 59.3917 79.0555 58.8235 75.6855 57.4239L74.3632 56.8284L72.923 65.22C75.3197 66.2663 79.7518 67.1728 84.3533 67.2198C95.1399 67.2198 102.142 62.1939 102.222 54.4126C102.26 50.1483 99.5264 46.9031 93.6062 44.2276C90.0197 42.4937 87.8232 41.3363 87.8464 39.5806C87.8464 38.0224 89.7057 36.3561 93.7228 36.3561C97.0783 36.3044 99.5093 37.033 101.403 37.7922L102.323 38.225L103.713 30.1003ZM130.119 29.2916H122.19C119.734 29.2916 117.895 29.9594 116.817 32.4003L101.577 66.7535H112.353C112.353 66.7535 114.114 62.1342 114.513 61.1202C115.69 61.1202 126.158 61.1363 127.654 61.1363C127.961 62.4486 128.903 66.7535 128.903 66.7535H138.424L130.119 29.2905V29.2916ZM117.539 53.4978C118.387 51.338 121.627 43.0189 121.627 43.0189C121.566 43.1189 122.469 40.8486 122.988 39.4412L123.681 42.6733C123.681 42.6733 125.646 51.6214 126.057 53.4978H117.539ZM47.6733 29.2916L37.6272 54.8555L36.5566 49.6604C34.6864 43.6719 28.8595 37.1839 22.3455 33.9356L31.5312 66.7186L42.3882 66.7064L58.5428 29.2913H47.6733' fill='white'/%3e%3cpath d='M28.254 29.2903H11.7076L11.5767 30.0703C24.4494 33.1731 32.967 40.6717 36.5036 49.6807L32.9055 32.4543C32.2844 30.0808 30.483 29.3725 28.2544 29.2896' fill='%23F2AE14'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_5173_115335'%3e%3crect width='150' height='95.7447' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
10115
+
10089
10116
  const styles$i = createStyles({
10090
10117
  body: theme => ({
10091
10118
  borderTop: `1px solid ${theme.palette.gray.light}`,
@@ -10206,11 +10233,22 @@ const styles$h = createStyles({
10206
10233
  });
10207
10234
 
10208
10235
  const WalletCard = ({
10236
+ fundingSource,
10209
10237
  onEdit
10210
10238
  }) => {
10239
+ var _a, _b;
10211
10240
  const {
10212
10241
  t
10213
10242
  } = useTranslation("common");
10243
+ const provider = (_a = fundingSource === null || fundingSource === void 0 ? void 0 : fundingSource.paymentMethod.creditCardInfo) === null || _a === void 0 ? void 0 : _a.provider;
10244
+ const last4 = (_b = fundingSource === null || fundingSource === void 0 ? void 0 : fundingSource.paymentMethod.creditCardInfo) === null || _b === void 0 ? void 0 : _b.cardNumberLastFour;
10245
+ const logos = {
10246
+ americanExpress: img$3,
10247
+ discover: img$2,
10248
+ mastercard: img$1,
10249
+ visa: img
10250
+ };
10251
+ const Logo = provider ? logos[provider] : undefined;
10214
10252
  return jsx("div", Object.assign({
10215
10253
  css: styles$h.container
10216
10254
  }, {
@@ -10220,14 +10258,19 @@ const WalletCard = ({
10220
10258
  name: t("actions.edit")
10221
10259
  },
10222
10260
  title: jsxs(Fragment, {
10223
- children: [jsx(Icon, {
10261
+ children: [Logo ? jsx("img", {
10262
+ alt: "credit card logo",
10263
+ height: 56,
10264
+ src: Logo,
10265
+ width: 56
10266
+ }) : jsx(Icon, {
10224
10267
  css: styles$h.icon,
10225
10268
  name: IconNames.CREDIT_CARD,
10226
- size: IconSize.SIZE_MEDIUM
10269
+ size: IconSize.SIZE_LARGE
10227
10270
  }), jsx(Typography, Object.assign({
10228
10271
  variant: "body1"
10229
10272
  }, {
10230
- children: "**** **** **** ****"
10273
+ children: `**** **** **** ${last4 || "****"}`
10231
10274
  }))]
10232
10275
  }),
10233
10276
  verticallyAligned: true
@@ -10247,8 +10290,8 @@ const PaymentMethodSettings = () => {
10247
10290
  mutateAsync: updateBilling
10248
10291
  } = useUpdateFundingSource();
10249
10292
  const {
10250
- data: fundingSources
10251
- // TODO: future designs for loading / error states?
10293
+ data: fundingSources,
10294
+ refetch: refetchFundingSources
10252
10295
  } = useListFundingSources();
10253
10296
  const fundingSourceId = (_a = fundingSources === null || fundingSources === void 0 ? void 0 : fundingSources[0]) === null || _a === void 0 ? void 0 : _a.fundingSourceId;
10254
10297
  const handleUpdateBilling = (billingInfo, creditCardInfo) => __awaiter(void 0, void 0, void 0, function* () {
@@ -10258,6 +10301,7 @@ const PaymentMethodSettings = () => {
10258
10301
  creditCardInfo,
10259
10302
  fundingSourceId
10260
10303
  });
10304
+ yield refetchFundingSources();
10261
10305
  toggleShowEditBilling(false);
10262
10306
  }
10263
10307
  });
@@ -10267,12 +10311,12 @@ const PaymentMethodSettings = () => {
10267
10311
  title: t("account-settings:sections.paymentMethod")
10268
10312
  }, {
10269
10313
  children: showEditBilling ? jsx(EditBillingForm, {
10270
- fundingSources: fundingSources,
10271
10314
  onCancel: () => {
10272
10315
  toggleShowEditBilling(false);
10273
10316
  },
10274
10317
  onSubmit: handleUpdateBilling
10275
10318
  }) : jsx(WalletCard, {
10319
+ fundingSource: fundingSources === null || fundingSources === void 0 ? void 0 : fundingSources[0],
10276
10320
  onEdit: () => {
10277
10321
  toggleShowEditBilling(true);
10278
10322
  }
@@ -12563,7 +12607,7 @@ const Onboarding = ({
12563
12607
  }
12564
12608
  if (hasStampsWallet) {
12565
12609
  // Step 4.1: Handle UPS Registration Errors
12566
- if (upsEnabled && !hasUps && registerCarrierErrors && fundingSourceId) {
12610
+ if (upsEnabled && !hasUps && fundingSourceId) {
12567
12611
  return jsx(CarrierRecoveryForm, {
12568
12612
  address: defaultWarehouse.originAddress,
12569
12613
  carrierCode: "ups",
@@ -12576,7 +12620,7 @@ const Onboarding = ({
12576
12620
  });
12577
12621
  }
12578
12622
  // Step 4.2 Handle DHL Registration Errors
12579
- if (!hasDhl && registerCarrierErrors && fundingSourceId) {
12623
+ if (!hasDhl && fundingSourceId) {
12580
12624
  return jsx(CarrierRecoveryForm, {
12581
12625
  carrierCode: "dhl_express_walleted",
12582
12626
  errors: registerCarrierErrors,
@@ -12705,6 +12749,75 @@ const styles$6 = createStyles({
12705
12749
  }
12706
12750
  });
12707
12751
 
12752
+ const styles$5 = createStyles({
12753
+ icon: theme => ({
12754
+ color: theme.palette.primary.main,
12755
+ marginRight: theme.spacing(2)
12756
+ }),
12757
+ rightContentWrapper: {
12758
+ marginLeft: "auto"
12759
+ },
12760
+ section: theme => ({
12761
+ boxSizing: "border-box",
12762
+ padding: `${theme.spacing(3)}px ${theme.spacing(4)}px`,
12763
+ width: "100%"
12764
+ }),
12765
+ summary: theme => ({
12766
+ // Needed to hide marker in safari
12767
+ "&::-webkit-details-marker": {
12768
+ display: "none"
12769
+ },
12770
+ "&::marker": {
12771
+ content: '""'
12772
+ },
12773
+ backgroundColor: theme.palette.gray.ultraLight,
12774
+ boxSizing: "border-box",
12775
+ listStyle: "none",
12776
+ padding: `${theme.spacing()}px ${theme.spacing(4)}px`,
12777
+ width: "100%"
12778
+ }),
12779
+ summaryWrapper: theme => ({
12780
+ alignItems: "center",
12781
+ color: theme.palette.black,
12782
+ display: "flex",
12783
+ width: "100%"
12784
+ })
12785
+ });
12786
+
12787
+ const Section = _a => {
12788
+ var {
12789
+ bold,
12790
+ title,
12791
+ children,
12792
+ rightContent
12793
+ } = _a,
12794
+ rest = __rest(_a, ["bold", "title", "children", "rightContent"]);
12795
+ return jsxs(Fragment, {
12796
+ children: [title && jsx("summary", Object.assign({
12797
+ css: styles$5.summary
12798
+ }, {
12799
+ children: jsxs("div", Object.assign({
12800
+ css: styles$5.summaryWrapper
12801
+ }, {
12802
+ children: [jsx(Typography, Object.assign({
12803
+ bold: bold,
12804
+ variant: "heading5"
12805
+ }, {
12806
+ children: title
12807
+ })), rightContent && jsx("div", Object.assign({
12808
+ css: styles$5.rightContentWrapper
12809
+ }, {
12810
+ children: rightContent
12811
+ }))]
12812
+ }))
12813
+ })), jsx("section", Object.assign({
12814
+ css: styles$5.section
12815
+ }, rest, {
12816
+ children: children
12817
+ }))]
12818
+ });
12819
+ };
12820
+
12708
12821
  /**
12709
12822
  * Fund and Purchase handles the label purchase submission UX, ensuring that a user
12710
12823
  * has the necessary funds available and can add them if not. It allows a single button
@@ -12824,9 +12937,8 @@ const FundAndPurchase = ({
12824
12937
  }));
12825
12938
  // Render: walleted carrier and funding feature is enabled;
12826
12939
  // show balance and funding form
12827
- return jsxs("div", Object.assign({
12828
- className: className,
12829
- css: styles$6.container
12940
+ return jsxs(Section, Object.assign({
12941
+ title: t("purchase-label:sections.payment")
12830
12942
  }, {
12831
12943
  children: [jsxs(Spread, {
12832
12944
  children: [jsx(CarrierBalance, {
@@ -12839,12 +12951,12 @@ const FundAndPurchase = ({
12839
12951
  })]
12840
12952
  }), jsx(Spacer, {
12841
12953
  multiplier: 2
12842
- }), balance < purchaseAmount && jsxs(Fragment, {
12954
+ }), balance < 0 && jsxs(Fragment, {
12843
12955
  children: [jsx(InlineNotification, Object.assign({
12844
- title: t(`manage-funding:fundAndPurchase.${balance < 0 ? "negativeBalanceTitle" : "insufficientFundsTitle"}`),
12956
+ title: t(`manage-funding:fundAndPurchase.negativeBalanceTitle`),
12845
12957
  type: NotificationType.ALERT
12846
12958
  }, {
12847
- children: t(`manage-funding:fundAndPurchase.${balance < 0 ? "negativeBalance" : "insufficientFunds"}`)
12959
+ children: t(`manage-funding:fundAndPurchase.negativeBalance`)
12848
12960
  })), jsx(Spacer, {
12849
12961
  multiplier: 2
12850
12962
  })]
@@ -12901,75 +13013,6 @@ const FundAndPurchase = ({
12901
13013
  }));
12902
13014
  };
12903
13015
 
12904
- const styles$5 = createStyles({
12905
- icon: theme => ({
12906
- color: theme.palette.primary.main,
12907
- marginRight: theme.spacing(2)
12908
- }),
12909
- rightContentWrapper: {
12910
- marginLeft: "auto"
12911
- },
12912
- section: theme => ({
12913
- boxSizing: "border-box",
12914
- padding: `${theme.spacing(3)}px ${theme.spacing(4)}px`,
12915
- width: "100%"
12916
- }),
12917
- summary: theme => ({
12918
- // Needed to hide marker in safari
12919
- "&::-webkit-details-marker": {
12920
- display: "none"
12921
- },
12922
- "&::marker": {
12923
- content: '""'
12924
- },
12925
- backgroundColor: theme.palette.gray.ultraLight,
12926
- boxSizing: "border-box",
12927
- listStyle: "none",
12928
- padding: `${theme.spacing()}px ${theme.spacing(4)}px`,
12929
- width: "100%"
12930
- }),
12931
- summaryWrapper: theme => ({
12932
- alignItems: "center",
12933
- color: theme.palette.black,
12934
- display: "flex",
12935
- width: "100%"
12936
- })
12937
- });
12938
-
12939
- const Section = _a => {
12940
- var {
12941
- bold,
12942
- title,
12943
- children,
12944
- rightContent
12945
- } = _a,
12946
- rest = __rest(_a, ["bold", "title", "children", "rightContent"]);
12947
- return jsxs(Fragment, {
12948
- children: [title && jsx("summary", Object.assign({
12949
- css: styles$5.summary
12950
- }, {
12951
- children: jsxs("div", Object.assign({
12952
- css: styles$5.summaryWrapper
12953
- }, {
12954
- children: [jsx(Typography, Object.assign({
12955
- bold: bold,
12956
- variant: "heading5"
12957
- }, {
12958
- children: title
12959
- })), rightContent && jsx("div", Object.assign({
12960
- css: styles$5.rightContentWrapper
12961
- }, {
12962
- children: rightContent
12963
- }))]
12964
- }))
12965
- })), jsx("section", Object.assign({
12966
- css: styles$5.section
12967
- }, rest, {
12968
- children: children
12969
- }))]
12970
- });
12971
- };
12972
-
12973
13016
  const styles$4 = createStyles({
12974
13017
  fundAndPurchase: theme => ({
12975
13018
  borderTop: `1px solid ${theme.palette.gray.ultraLight}`
@@ -13725,6 +13768,7 @@ const getShipmentSchema = ({
13725
13768
  const minimumShipDate = nextDayCutoff(17);
13726
13769
  const maximumShipDate = daysAfter(7, minimumShipDate);
13727
13770
  const ShipmentForm = ({
13771
+ addressLoading,
13728
13772
  addressPreference,
13729
13773
  charsetWarning,
13730
13774
  carriers,
@@ -14071,9 +14115,7 @@ const ShipmentForm = ({
14071
14115
  });
14072
14116
  if (errors) throw new Error(errors.map(e => e.message).join(", "));
14073
14117
  if (!shipment) throw new Error("errorMessages.unableToLoad.shipment");
14074
- const addressPreferenceIsEmpty =
14075
- // undefined means it's still loading
14076
- addressPreference !== undefined && isEmptyAddress(addressPreference === null || addressPreference === void 0 ? void 0 : addressPreference.selection);
14118
+ const addressPreferenceIsEmpty = !addressLoading && isEmptyAddress(addressPreference === null || addressPreference === void 0 ? void 0 : addressPreference.selection); // undefined means it's still loading
14077
14119
  return jsxs("form", Object.assign({
14078
14120
  id: "shipment-form",
14079
14121
  onSubmit: formLogger.capture(handleSubmit)
@@ -14472,7 +14514,7 @@ const ShipmentForm = ({
14472
14514
  }, {
14473
14515
  children: jsx(SubmitButton, Object.assign({
14474
14516
  control: form.control,
14475
- disabled: isEditShipFormToOpen,
14517
+ disabled: addressLoading || isEditShipFormToOpen || addressPreferenceIsEmpty,
14476
14518
  variant: ButtonVariant.OUTLINED
14477
14519
  }, {
14478
14520
  children: t("purchase-label:actions.calculateRates", {
@@ -15666,7 +15708,8 @@ var purchaseLabel$1 = {
15666
15708
  customsForm: "Customs Form",
15667
15709
  shipment: "Package Details",
15668
15710
  rate_one: "Confirm Shipping Service",
15669
- rate_other: "Select Shipping Service"
15711
+ rate_other: "Select Shipping Service",
15712
+ payment: "Payment"
15670
15713
  }
15671
15714
  }
15672
15715
  };
@@ -15934,7 +15977,12 @@ const useAddress = ({
15934
15977
  error: parseAddressErrors,
15935
15978
  mutateAsync: parseAddress
15936
15979
  } = useParseAddress();
15937
- const [addressPreference, setAddressPreference] = useState();
15980
+ const [addressPreference, _setAddressPreference] = useState();
15981
+ const [loading, setLoading] = useState(true);
15982
+ const setAddressPreference = useCallback((...args) => {
15983
+ setLoading(false);
15984
+ _setAddressPreference(...args);
15985
+ }, [_setAddressPreference]);
15938
15986
  const toggle = useCallback(() => {
15939
15987
  let updatedSelection = undefined;
15940
15988
  setAddressPreference(prevState => {
@@ -16039,6 +16087,8 @@ const useAddress = ({
16039
16087
  // without this check it will keep reverting a one-off label's address preference back to empty for some reason
16040
16088
  !isEmptyAddress(shipment === null || shipment === void 0 ? void 0 : shipment.shipTo)) {
16041
16089
  void handleValidateAddress(shipment === null || shipment === void 0 ? void 0 : shipment.shipTo, salesOrder === null || salesOrder === void 0 ? void 0 : salesOrder.shipTo);
16090
+ } else {
16091
+ setLoading(false);
16042
16092
  }
16043
16093
  }, [addressPreference, handleValidateAddress, salesOrder === null || salesOrder === void 0 ? void 0 : salesOrder.shipTo, shipment === null || shipment === void 0 ? void 0 : shipment.shipTo]);
16044
16094
  const charsetWarning = useMemo(() => Object.keys((addressPreference === null || addressPreference === void 0 ? void 0 : addressPreference.selection) || {}).reduce((warning, key) => {
@@ -16060,6 +16110,7 @@ const useAddress = ({
16060
16110
  }, undefined), [addressPreference === null || addressPreference === void 0 ? void 0 : addressPreference.selection, t]);
16061
16111
  const errors = [...(validateAddressErrors !== null && validateAddressErrors !== void 0 ? validateAddressErrors : []), ...(updateShipmentErrors !== null && updateShipmentErrors !== void 0 ? updateShipmentErrors : []), ...(parseAddressErrors !== null && parseAddressErrors !== void 0 ? parseAddressErrors : [])];
16062
16112
  return {
16113
+ addressLoading: loading,
16063
16114
  addressErrors: errors.length > 0 ? errors : undefined,
16064
16115
  addressPreference,
16065
16116
  charsetWarning,
@@ -16476,6 +16527,7 @@ const useShipmentForm = ({
16476
16527
  reset: resetSalesOrderShipment
16477
16528
  } = useUpdateSalesOrderShipment();
16478
16529
  const {
16530
+ addressLoading,
16479
16531
  addressErrors,
16480
16532
  addressPreference,
16481
16533
  charsetWarning,
@@ -16526,6 +16578,7 @@ const useShipmentForm = ({
16526
16578
  scrubber: useCallback(() => "common:errorMessages.noRatesAvailable", [])
16527
16579
  });
16528
16580
  return {
16581
+ addressLoading,
16529
16582
  addressPreference,
16530
16583
  carriers,
16531
16584
  charsetWarning,
@@ -16828,13 +16881,14 @@ const getDefaultWarehouse = warehouses => {
16828
16881
  return (_a = warehouses === null || warehouses === void 0 ? void 0 : warehouses.find(w => w.isDefault)) !== null && _a !== void 0 ? _a : warehouses === null || warehouses === void 0 ? void 0 : warehouses[0];
16829
16882
  };
16830
16883
 
16831
- const useGetOrCreateShipment = shipmentId => {
16884
+ const useGetOrCreateShipment = (onShipmentUpdated, shipmentId) => {
16832
16885
  var _a, _b;
16833
16886
  const {
16834
16887
  data: warehouses
16835
16888
  } = useListWarehouses({
16836
16889
  enabled: shipmentId === undefined
16837
16890
  });
16891
+ const [shouldTriggerUpdate, setShouldTriggerUpdate] = useState(false);
16838
16892
  const createShipment = useCreateShipment();
16839
16893
  // useCreateShipment as called by this hook will only ever create one shipment at a time,
16840
16894
  // lens it for convenience
@@ -16848,9 +16902,16 @@ const useGetOrCreateShipment = shipmentId => {
16848
16902
  createShipment.mutate({
16849
16903
  warehouseId: getDefaultWarehouse(warehouses).warehouseId
16850
16904
  });
16905
+ setShouldTriggerUpdate(true);
16851
16906
  }
16852
16907
  }, [warehouses, shipmentId, createShipment, createdShipment]);
16853
16908
  const getShipment = useGetShipment(shipmentId !== null && shipmentId !== void 0 ? shipmentId : createdShipment === null || createdShipment === void 0 ? void 0 : createdShipment.shipmentId);
16909
+ useEffect(() => {
16910
+ if (shouldTriggerUpdate && getShipment.data) {
16911
+ onShipmentUpdated === null || onShipmentUpdated === void 0 ? void 0 : onShipmentUpdated(getShipment.data);
16912
+ setShouldTriggerUpdate(false);
16913
+ }
16914
+ }, [shouldTriggerUpdate, getShipment]);
16854
16915
  const errors = [...((_a = getShipment.error) !== null && _a !== void 0 ? _a : []), ...((_b = createShipment.error) !== null && _b !== void 0 ? _b : [])];
16855
16916
  return {
16856
16917
  errors: errors.length > 0 ? errors : undefined,
@@ -16869,7 +16930,7 @@ const PurchaseLabelByShipment = _a => {
16869
16930
  shipmentId
16870
16931
  } = _a,
16871
16932
  props = __rest(_a, ["onLoad", "onShipmentUpdated", "shipmentId"]);
16872
- const _b = useGetOrCreateShipment(shipmentId),
16933
+ const _b = useGetOrCreateShipment(onShipmentUpdated, shipmentId),
16873
16934
  {
16874
16935
  shipment
16875
16936
  } = _b,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shipengine/elements",
3
- "version": "0.28.0",
3
+ "version": "0.30.0",
4
4
  "typedoc": {
5
5
  "entryPoint": "./src/index.ts",
6
6
  "readmeFile": "../../README.md",
@@ -30,8 +30,8 @@
30
30
  "@jest/globals": "28.1.3",
31
31
  "@packlink/brands": "3.24.0",
32
32
  "@packlink/giger-theme": "1.3.1",
33
- "@shipengine/alchemy": "0.5.1",
34
- "@shipengine/js-api": "0.14.1",
33
+ "@shipengine/alchemy": "0.5.14",
34
+ "@shipengine/js-api": "0.19.1",
35
35
  "@storybook/addons": "6.5.16",
36
36
  "@storybook/components": "7.0.0-rc.1",
37
37
  "@storybook/core-events": "7.0.0-rc.1",
@@ -1,7 +1,6 @@
1
1
  import { SE } from "@shipengine/alchemy";
2
2
  export type EditBillingFormProps = {
3
- fundingSources?: SE.FundingSource[];
4
3
  onCancel: () => void;
5
4
  onSubmit: (billingInfo: SE.FundingSourceAddress, creditCardInfo: SE.CreditCardInfo) => void;
6
5
  };
7
- export declare const EditBillingForm: ({ fundingSources, onCancel, onSubmit }: EditBillingFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;
6
+ export declare const EditBillingForm: ({ onCancel, onSubmit }: EditBillingFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -22,7 +22,9 @@ export type OnboardingFeatures = {
22
22
  };
23
23
  export type OnboardingProps = {
24
24
  connectedCarriers: SE.Carrier[];
25
- createFundingSource: (payload: SE.CreateFundingSource) => Promise<SE.CreateFundingSourceResponse>;
25
+ createFundingSource: (payload: SE.CreateFundingSource) => Promise<{
26
+ fundingSource: SE.FundingSource;
27
+ }>;
26
28
  createFundingSourceErrors: SE.CodedError[] | null;
27
29
  createWarehouse: (payload: Partial<SE.Warehouse>) => Promise<SE.Warehouse>;
28
30
  features?: OnboardingFeatures;
@@ -9,6 +9,7 @@ export type OnChangeAddressOptions = {
9
9
  };
10
10
  export type ShipmentFormMode = "browse_rates" | "select_service";
11
11
  export type ShipmentFormProps = {
12
+ addressLoading: boolean;
12
13
  addressPreference?: AddressPreference;
13
14
  carriers?: SE.Carrier[];
14
15
  charsetWarning?: CharsetWarning;
@@ -48,4 +49,4 @@ export type ShipmentFormFeatures = {
48
49
  selectService?: boolean;
49
50
  shippingPresets?: boolean;
50
51
  };
51
- export declare const ShipmentForm: ({ addressPreference, charsetWarning, carriers, customPackageTypes, errors, features, hydrateRef, insuranceAccount, isLoading, onApplyPreset, onChangeAddress, onChangeMode, onDirty, onSubmit, onSubmitParseShipTo, onToggleAddressPreferenceDisclosure, onUpdateCustoms, salesOrder, shipment, shippingPresets, warehouseId, warehouses, }: ShipmentFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;
52
+ export declare const ShipmentForm: ({ addressLoading, addressPreference, charsetWarning, carriers, customPackageTypes, errors, features, hydrateRef, insuranceAccount, isLoading, onApplyPreset, onChangeAddress, onChangeMode, onDirty, onSubmit, onSubmitParseShipTo, onToggleAddressPreferenceDisclosure, onUpdateCustoms, salesOrder, shipment, shippingPresets, warehouseId, warehouses, }: ShipmentFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -1,4 +1,6 @@
1
+ import { SE } from "@shipengine/alchemy";
1
2
  export type WalletCardProps = {
3
+ fundingSource?: SE.FundingSource;
2
4
  onEdit: () => void;
3
5
  };
4
- export declare const WalletCard: ({ onEdit }: WalletCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
6
+ export declare const WalletCard: ({ fundingSource, onEdit }: WalletCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;