@thecb/components 11.3.2 → 11.3.3-beta.1

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/dist/index.d.ts CHANGED
@@ -513,45 +513,32 @@ declare function useConditionallyAddValidator(
513
513
  * @param {string} verifyURL - The URL of the Turnstile verification script.
514
514
  */
515
515
  declare const useTurnstileScript = verifyURL => {
516
- const [scriptLoaded, setScriptLoaded] = useState(false);
517
- const [scriptError, setScriptError] = useState(false);
518
-
519
- const handleScriptError = () => {
520
- setScriptError(true);
521
- setScriptLoaded(false);
522
- };
516
+ const [isLoaded, setIsLoaded] = useState(false);
523
517
 
524
518
  useEffect(() => {
525
519
  if (typeof window === "undefined") {
526
- setScriptLoaded(false);
520
+ setIsLoaded(false);
527
521
  return;
528
522
  }
529
523
  if (window.turnstile && window.turnstile.render) {
530
- setScriptLoaded(true);
524
+ setIsLoaded(true);
531
525
  return;
532
526
  }
533
527
 
534
528
  const script = document.createElement("script");
535
529
  script.src = `${verifyURL}?render=explicit`;
536
530
  script.onload = () => {
537
- setScriptLoaded(true);
538
- };
539
- script.onerror = () => {
540
- handleScriptError();
541
- };
542
- script.onabort = () => {
543
- handleScriptError();
531
+ setIsLoaded(true);
544
532
  };
545
533
  script.defer = true;
546
534
  document.getElementsByTagName("head")[0].appendChild(script);
547
535
 
548
536
  return () => {
549
- setScriptLoaded(false);
550
- setScriptError(false);
537
+ setIsLoaded(false);
551
538
  };
552
539
  }, [verifyURL]);
553
540
 
554
- return { scriptLoaded, scriptError };
541
+ return isLoaded;
555
542
  };
556
543
 
557
544
 
package/dist/index.esm.js CHANGED
@@ -15934,111 +15934,48 @@ var TrashIcon = function TrashIcon(_ref) {
15934
15934
  };
15935
15935
  var TrashIcon$1 = themeComponent(TrashIcon, "Icons", fallbackValues$2, "primary");
15936
15936
 
15937
- var CustomerSearchIcon = function CustomerSearchIcon() {
15937
+ var CustomerSearchIcon = function CustomerSearchIcon(_ref) {
15938
+ var _ref$fillPrimary = _ref.fillPrimary,
15939
+ fillPrimary = _ref$fillPrimary === void 0 ? MATISSE_BLUE : _ref$fillPrimary,
15940
+ _ref$fillSecondary = _ref.fillSecondary,
15941
+ fillSecondary = _ref$fillSecondary === void 0 ? INFO_BLUE : _ref$fillSecondary;
15938
15942
  return /*#__PURE__*/React__default.createElement("svg", {
15939
- xmlns: "http://www.w3.org/2000/svg",
15940
- xmlnsXlink: "http://www.w3.org/1999/xlink",
15941
15943
  width: "366",
15942
- height: "209",
15943
- viewBox: "0 0 366 209"
15944
- }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("rect", {
15945
- id: "customer-search-path-1",
15946
- width: "64",
15947
- height: "64",
15948
- x: "39",
15949
- y: "40",
15950
- rx: "6"
15951
- }), /*#__PURE__*/React__default.createElement("filter", {
15952
- id: "customer-search-filter-2",
15953
- width: "178.1%",
15954
- height: "178.1%",
15955
- x: "-39.1%",
15956
- y: "-35.9%",
15957
- filterUnits: "objectBoundingBox"
15958
- }, /*#__PURE__*/React__default.createElement("feOffset", {
15959
- dy: "2",
15960
- "in": "SourceAlpha",
15961
- result: "shadowOffsetOuter1"
15962
- }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
15963
- "in": "shadowOffsetOuter1",
15964
- result: "shadowBlurOuter1",
15965
- stdDeviation: "8"
15966
- }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
15967
- "in": "shadowBlurOuter1",
15968
- values: "0 0 0 0 0.0823529412 0 0 0 0 0.454901961 0 0 0 0 0.615686275 0 0 0 0.5 0"
15969
- }))), /*#__PURE__*/React__default.createElement("g", {
15944
+ height: "208",
15945
+ viewBox: "0 0 366 208",
15970
15946
  fill: "none",
15971
- fillRule: "evenodd",
15972
- stroke: "none",
15973
- strokeWidth: "1"
15974
- }, /*#__PURE__*/React__default.createElement("g", {
15975
- transform: "translate(-537 -434)"
15976
- }, /*#__PURE__*/React__default.createElement("g", {
15977
- transform: "translate(132 300)"
15978
- }, /*#__PURE__*/React__default.createElement("g", {
15979
- transform: "translate(405 134)"
15947
+ xmlns: "http://www.w3.org/2000/svg"
15980
15948
  }, /*#__PURE__*/React__default.createElement("path", {
15981
- fill: "#FFF",
15982
- d: "M73 25h224v144.75a2.25 2.25 0 01-2.25 2.25H75.25a2.25 2.25 0 01-2.25-2.25V25z"
15949
+ d: "M295.309 0.0078125C298.479 0.168432 301 2.78979 301 6V157H321C322.105 157 323 157.895 323 159V161C323 162.105 322.105 163 321 163H301V170L300.992 170.309C300.837 173.377 298.377 175.837 295.309 175.992L295 176H75C71.7898 176 69.1684 173.479 69.0078 170.309L69 170V163H32C30.8954 163 30 162.105 30 161V159C30 157.895 30.8954 157 32 157H69V6C69 2.68629 71.6863 1.04692e-07 75 0H295L295.309 0.0078125ZM73 170C73 171.105 73.8954 172 75 172H295C296.105 172 297 171.105 297 170V25H73V170ZM18 157C19.1046 157 20 157.895 20 159V163H2C0.895431 163 3.22133e-08 162.105 0 161V159C0 157.895 0.895431 157 2 157H18ZM364 157C365.105 157 366 157.895 366 159V163H336C334.895 163 334 162.105 334 161V159C334 157.895 334.895 157 336 157H364ZM203 103.5C204.381 103.5 205.5 104.619 205.5 106V107C205.5 111.694 201.694 115.5 197 115.5H173C168.306 115.5 164.5 111.694 164.5 107V106C164.5 104.619 165.619 103.5 167 103.5C168.381 103.5 169.5 104.619 169.5 106V107C169.5 108.933 171.067 110.5 173 110.5H197C198.933 110.5 200.5 108.933 200.5 107V106C200.5 104.619 201.619 103.5 203 103.5ZM216 38C229.255 38 240 48.7452 240 62C240 67.8895 237.877 73.2819 234.356 77.458L243.938 87.0391C245.471 86.133 247.481 86.3392 248.799 87.6572L270.013 108.872L265.771 113.114C264.208 114.676 261.675 114.676 260.113 113.114L241.728 94.7285C240.41 93.4106 240.203 91.4011 241.109 89.8672L231.534 80.292C227.348 83.8509 221.925 86 216 86C202.745 86 192 75.2548 192 62C192 48.7452 202.745 38 216 38ZM216 43C205.507 43 197 51.5066 197 62C197 72.4934 205.507 81 216 81C226.493 81 235 72.4934 235 62C235 51.5066 226.493 43 216 43ZM154 57C158.266 57 162.087 59.6083 163.307 63.4795L163.416 63.8584L163.47 64.1084C163.67 65.3597 162.893 66.5837 161.642 66.916C160.391 67.2482 159.11 66.571 158.662 65.3857L158.584 65.1416L158.539 64.9863C158.033 63.3915 156.308 62 154 62C151.617 62 149.857 63.483 149.416 65.1416C149.062 66.476 147.693 67.2703 146.358 66.916C145.024 66.5616 144.23 65.1928 144.584 63.8584C145.667 59.7796 149.596 57 154 57ZM216 57C220.266 57 224.087 59.6083 225.307 63.4795L225.416 63.8584L225.47 64.1084C225.67 65.3597 224.893 66.5837 223.642 66.916C222.391 67.2482 221.11 66.571 220.662 65.3857L220.584 65.1416L220.539 64.9863C220.033 63.3915 218.308 62 216 62C213.617 62 211.857 63.483 211.416 65.1416C211.062 66.476 209.693 67.2703 208.358 66.916C207.024 66.5616 206.23 65.1928 206.584 63.8584C207.667 59.7796 211.596 57 216 57ZM75 4C73.8954 4 73 4.89543 73 6V21H297V6C297 4.89544 296.105 4 295 4H75ZM81.5 10C82.8807 10 84 11.1193 84 12.5C84 13.8807 82.8807 15 81.5 15C80.1193 15 79 13.8807 79 12.5C79 11.1193 80.1193 10 81.5 10ZM89.5 10C90.8807 10 92 11.1193 92 12.5C92 13.8807 90.8807 15 89.5 15C88.1193 15 87 13.8807 87 12.5C87 11.1193 88.1193 10 89.5 10ZM97.5 10C98.8807 10 100 11.1193 100 12.5C100 13.8807 98.8807 15 97.5 15C96.1193 15 95 13.8807 95 12.5C95 11.1193 96.1193 10 97.5 10Z",
15950
+ fill: "#292A33"
15983
15951
  }), /*#__PURE__*/React__default.createElement("path", {
15984
- fill: "#292A33",
15985
- fillRule: "nonzero",
15986
- d: "M294.625 0A6.376 6.376 0 01301 6.377V157h19a3 3 0 01.176 5.995L320 163h-19v6.623a6.376 6.376 0 01-6.375 6.377H75.374A6.375 6.375 0 0169 169.623V163H33a3 3 0 01-.176-5.995L33 157h36V6.377A6.375 6.375 0 0175.374 0h219.251zM297 25H73v144.623c0 1.259.976 2.288 2.211 2.372l.163.005h219.251a2.376 2.376 0 002.37-2.214l.005-.163V25zm39.953 132l26.112.082a2.952 2.952 0 012.935 2.969 2.953 2.953 0 01-2.78 2.945l-.173.004-26.112-.082a2.952 2.952 0 01-2.935-2.969 2.953 2.953 0 012.78-2.945l.173-.004zM17 157a3 3 0 01.176 5.995L17 163H3a3 3 0 01-.176-5.995L3 157h14zm186-52.514a2.515 2.515 0 012.514 2.514c0 4.633-3.761 8.376-8.422 8.51l-.26.004h-23.664c-4.78 0-8.683-3.795-8.683-8.514a2.515 2.515 0 015.024-.165l.006.165c0 1.848 1.517 3.383 3.457 3.48l.196.005h23.664c1.968 0 3.549-1.475 3.648-3.301l.006-.184a2.515 2.515 0 012.514-2.514zM216 39c13.255 0 24 10.745 24 24 0 5.67-1.967 10.881-5.255 14.988l.012.01.13.114 8.51 8.049a5.002 5.002 0 015.193.818l.18.162 17.668 16.728a5 5 0 01-6.696 7.424l-.18-.162-17.667-16.728a5.001 5.001 0 01-1.26-5.348l-8.496-8.037a2.025 2.025 0 01-.132-.137A23.909 23.909 0 01216 87c-13.255 0-24-10.745-24-24C192 49.746 202.745 39 216 39zm0 5c-10.493 0-19 8.507-19 19s8.507 19 19 19 19-8.507 19-19-8.507-19-19-19zm-66 13.986c4.212 0 7.914 2.692 9.362 6.65a2.514 2.514 0 01-4.662 1.88l-.062-.153c-.734-2.009-2.576-3.349-4.639-3.349-1.988 0-3.772 1.246-4.554 3.136l-.083.213a2.515 2.515 0 01-4.724-1.726c1.446-3.958 5.148-6.651 9.361-6.651zM294.624 4H75.374a2.375 2.375 0 00-2.369 2.214L73 6.377V21h224V6.377a2.376 2.376 0 00-2.212-2.372L294.625 4zM81.5 10a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm8 0a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm8 0a2.5 2.5 0 110 5 2.5 2.5 0 010-5z"
15952
+ d: "M295 4C296.105 4 297 4.89543 297 6V21H73V6C73 4.89543 73.8954 4 75 4H295ZM81.5 10C80.1193 10 79 11.1193 79 12.5C79 13.8807 80.1193 15 81.5 15C82.8807 15 84 13.8807 84 12.5C84 11.1193 82.8807 10 81.5 10ZM89.5 10C88.1193 10 87 11.1193 87 12.5C87 13.8807 88.1193 15 89.5 15C90.8807 15 92 13.8807 92 12.5C92 11.1193 90.8807 10 89.5 10ZM97.5 10C96.1193 10 95 11.1193 95 12.5C95 13.8807 96.1193 15 97.5 15C98.8807 15 100 13.8807 100 12.5C100 11.1193 98.8807 10 97.5 10Z",
15953
+ fill: "#E5E7EC"
15987
15954
  }), /*#__PURE__*/React__default.createElement("path", {
15988
- fill: "#E4E6EB",
15989
- d: "M294.75 4A2.25 2.25 0 01297 6.25V21H73V6.25A2.25 2.25 0 0175.25 4zM81.5 10a2.5 2.5 0 100 5 2.5 2.5 0 000-5zm8 0a2.5 2.5 0 100 5 2.5 2.5 0 000-5zm8 0a2.5 2.5 0 100 5 2.5 2.5 0 000-5z"
15955
+ d: "M185 186C213.719 186 237 190.925 237 197C237 203.075 213.719 208 185 208C156.281 208 133 203.075 133 197C133 190.925 156.281 186 185 186ZM98 44C98.5523 44 99 44.4477 99 45V99C99 99.5523 98.5523 100 98 100H44C43.4477 100 43 99.5523 43 99V45C43 44.4477 43.4477 44 44 44H98Z",
15956
+ fill: fillSecondary
15990
15957
  }), /*#__PURE__*/React__default.createElement("path", {
15991
- fill: "#959CA8",
15992
- fillRule: "nonzero",
15993
- d: "M216 58c4.207 0 7.903 2.689 9.348 6.641a2.5 2.5 0 01-4.635 1.87l-.061-.152c-.737-2.016-2.583-3.359-4.651-3.359-1.995 0-3.784 1.25-4.57 3.145l-.083.214a2.5 2.5 0 01-4.696-1.718c1.445-3.952 5.142-6.641 9.349-6.641z"
15994
- }), /*#__PURE__*/React__default.createElement("use", {
15995
- fill: "#000",
15996
- fillOpacity: "1",
15997
- filter: "url(#customer-search-filter-2)",
15998
- xlinkHref: "#customer-search-path-1"
15958
+ d: "M182 196C182 198.209 180.209 200 178 200H164C161.791 200 160 198.209 160 196C160 193.791 161.791 192 164 192H174V176H182V196ZM196 192H206C208.209 192 210 193.791 210 196C210 198.209 208.209 200 206 200H192C189.791 200 188 198.209 188 196V176H196V192ZM69 138L61 142L94.498 149.882C95.8084 145.886 99.5663 143 104 143H105.5C107.433 143 109 144.567 109 146.5C109 148.433 107.433 150 105.5 150H105C102.791 150 101 151.791 101 154C101 156.209 102.791 158 105 158H112.5C114.433 158 116 159.567 116 161.5C116 163.433 114.433 165 112.5 165H104C99.4699 165 95.6443 161.987 94.415 157.856L47.6064 146.367C44.9349 145.711 44.482 142.105 46.9082 140.808L69 129V138ZM265 98C268.402 98 273.248 100.17 274.622 106.354L312.642 114.672C315.957 115.397 316.92 119.662 314.237 121.741L301 132V122L304 120L274.217 114.235C272.08 119.337 266.221 120 265 120H257C254.5 120 253 118.5 253 116.5C253 114.5 254.5 113 257 113H264C266 113 268 111.5 268 109C268 106.5 267 106 266 105C265.2 104.2 262.333 101.193 261 99.8594C261 99.1927 261.8 98 265 98ZM98 40C100.761 40 103 42.2386 103 45V99C103 101.675 100.899 103.859 98.2568 103.993L98 104H44C41.3247 104 39.1405 101.899 39.0068 99.2568L39 99V45C39 42.2386 41.2386 40 44 40H98ZM44 44C43.4477 44 43 44.4477 43 45V99C43 99.5523 43.4477 100 44 100H98C98.5523 100 99 99.5523 99 99V45C99 44.4477 98.5523 44 98 44H44ZM65 72C69.0776 72 72.6772 74.036 74.8457 77.1445C74.8565 77.16 74.8682 77.1749 74.8789 77.1904C74.9594 77.3069 75.0369 77.4255 75.1133 77.5449C75.1316 77.5735 75.1499 77.6021 75.168 77.6309C75.2451 77.7537 75.3198 77.8781 75.3926 78.0039C75.4103 78.0344 75.4279 78.065 75.4453 78.0957C75.5123 78.214 75.5776 78.3333 75.6406 78.4541C75.6633 78.4974 75.6849 78.5413 75.707 78.585C75.7666 78.7025 75.8251 78.8207 75.8809 78.9404C75.8997 78.9808 75.9171 79.0219 75.9355 79.0625C75.99 79.1828 76.0442 79.3034 76.0947 79.4258C76.1189 79.4842 76.1408 79.5436 76.1641 79.6025C76.2066 79.7105 76.2496 79.8183 76.2891 79.9277C76.3044 79.9701 76.3182 80.0131 76.333 80.0557C76.4679 80.4432 76.5826 80.8396 76.6777 81.2441C76.6987 81.3331 76.7203 81.422 76.7393 81.5117C76.9086 82.3146 77 83.1467 77 84V86C77 87.1046 76.1046 88 75 88H55C53.8954 88 53 87.1046 53 86V84C53 77.3726 58.3726 72 65 72ZM80.5 70C85.1944 70 89 73.8056 89 78.5V80.2861C88.9998 81.2326 88.2326 81.9998 87.2861 82H78.8574C78.3506 78.4569 76.5178 75.3417 73.877 73.1738C75.435 71.2389 77.8224 70 80.5 70ZM65 56C68.866 56 72 59.134 72 63C72 66.866 68.866 70 65 70C61.134 70 58 66.866 58 63C58 59.134 61.134 56 65 56ZM80.5 57C83.5376 57 86 59.4624 86 62.5C86 65.5376 83.5376 68 80.5 68C77.4624 68 75 65.5376 75 62.5C75 59.4624 77.4624 57 80.5 57Z",
15959
+ fill: fillPrimary
15999
15960
  }), /*#__PURE__*/React__default.createElement("path", {
15961
+ d: "M235 62C235 72.4934 226.493 81 216 81C205.507 81 197 72.4934 197 62C197 51.5066 205.507 43 216 43C226.493 43 235 51.5066 235 62Z",
16000
15962
  fill: "#E4F4FD",
16001
- d: "M185 185c28.719 0 52 5.373 52 12s-23.281 12-52 12c-28.718 0-52-5.373-52-12s23.282-12 52-12zM97 44a2 2 0 012 2v52a2 2 0 01-2 2H45a2 2 0 01-2-2V46a2 2 0 012-2h52zM80 70c-3.535 0-6.145 1.941-7.827 5.824C70.192 73.274 67.633 72 64.5 72c-5.912 0-9.773 4.536-11.585 13.608a2 2 0 001.83 2.388l.13.004h19.25l.148-.005a2 2 0 001.812-2.387 37.807 37.807 0 00-.733-3.045L75.184 82h11.893l.15-.005a2 2 0 001.797-2.451C87.534 73.18 84.526 70 80 70zm136-26c10.493 0 19 8.507 19 19s-8.507 19-19 19-19-8.507-19-19 8.507-19 19-19zM64.5 56a7 7 0 100 14 7 7 0 000-14zM216 58c-4.206 0-7.903 2.689-9.348 6.641a2.5 2.5 0 004.635 1.87l.061-.152.083-.214c.786-1.896 2.575-3.145 4.57-3.145 1.994 0 3.782 1.249 4.568 3.145l.083.214.061.152a2.5 2.5 0 004.635-1.87C223.903 60.69 220.207 58 216.001 58zM80 57a5.5 5.5 0 100 11 5.5 5.5 0 000-11z"
16002
- }), /*#__PURE__*/React__default.createElement("path", {
16003
- fill: "#15749D",
16004
- fillRule: "nonzero",
16005
- d: "M182 176v20a4 4 0 01-3.8 3.995l-.2.005h-14a4 4 0 01-.2-7.995l.2-.005h10v-16h8zm14 0v16h10a4 4 0 013.995 3.8l.005.2a4 4 0 01-3.8 3.995l-.2.005h-14a4 4 0 01-3.995-3.8L188 196v-20h8zM69 128.5v9l-7.875 4.429 32.876 6.953c1.81-4.055 5.877-6.882 10.604-6.882a4 4 0 01.2 7.995l-.2.005a3.605 3.605 0 00-3.605 3.593v.035-.023a3.606 3.606 0 003.414 3.601l.191.005h6.644a4 4 0 01.2 7.995l-.2.005h-6.644c-5.246 0-9.679-3.48-11.115-8.259l-44.708-9.457c-3.58-.757-4.322-5.493-1.242-7.336l.175-.1L69 128.5zM263.644 96c6.184 0 11.24 4.838 11.586 10.936l38.713 7.13c3.304.609 4.407 4.749 1.927 6.93l-.15.125L301 133v-10.5l2.891-2.151-31.014-5.712a11.586 11.586 0 01-8.881 4.569l-.352.005H257l-.2-.005a4 4 0 010-7.99l.2-.005h6.644l.191-.005a3.606 3.606 0 003.414-3.601c0-1.99-.358-3.259-2.403-5.238a361.04 361.04 0 00-4.65-4.395A3.998 3.998 0 01263.644 96zM97 40a6 6 0 016 6v52a6 6 0 01-6 6H45a6 6 0 01-6-6V46a6 6 0 016-6h52zm0 4H45a2 2 0 00-1.995 1.85L43 46v52a2 2 0 001.85 1.995L45 100h52a2 2 0 001.995-1.85L99 98V46a2 2 0 00-1.85-1.995L97 44zM80 70c4.526 0 7.534 3.181 9.024 9.544a2 2 0 01-1.798 2.45l-.149.006H75.184c.342 1.11.643 2.313.901 3.608a2 2 0 01-1.812 2.387l-.149.005H54.876a2 2 0 01-1.961-2.392C54.727 76.536 58.588 72 64.5 72c3.134 0 5.692 1.275 7.673 3.824C73.855 71.941 76.465 70 80 70zM64.5 56a7 7 0 110 14 7 7 0 010-14zM80 57a5.5 5.5 0 110 11 5.5 5.5 0 010-11z"
16006
- }))))));
15963
+ fillOpacity: "0.75"
15964
+ }));
16007
15965
  };
16008
15966
 
16009
- var PaymentSearchIcon = function PaymentSearchIcon() {
15967
+ var PaymentSearchIcon = function PaymentSearchIcon(_ref) {
15968
+ var _ref$fillPrimary = _ref.fillPrimary,
15969
+ fillPrimary = _ref$fillPrimary === void 0 ? SEA_GREEN : _ref$fillPrimary,
15970
+ _ref$fillSecondary = _ref.fillSecondary,
15971
+ fillSecondary = _ref$fillSecondary === void 0 ? HINT_GREEN : _ref$fillSecondary;
16010
15972
  return /*#__PURE__*/React__default.createElement("svg", {
16011
15973
  xmlns: "http://www.w3.org/2000/svg",
16012
15974
  xmlnsXlink: "http://www.w3.org/1999/xlink",
16013
15975
  width: "366",
16014
15976
  height: "209",
16015
15977
  viewBox: "0 0 366 209"
16016
- }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("rect", {
16017
- id: "payment-search-path-1",
16018
- width: "64",
16019
- height: "64",
16020
- x: "39",
16021
- y: "40",
16022
- rx: "6"
16023
- }), /*#__PURE__*/React__default.createElement("filter", {
16024
- id: "payment-search-filter-2",
16025
- width: "178.1%",
16026
- height: "178.1%",
16027
- x: "-39.1%",
16028
- y: "-35.9%",
16029
- filterUnits: "objectBoundingBox"
16030
- }, /*#__PURE__*/React__default.createElement("feOffset", {
16031
- dy: "2",
16032
- "in": "SourceAlpha",
16033
- result: "shadowOffsetOuter1"
16034
- }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
16035
- "in": "shadowOffsetOuter1",
16036
- result: "shadowBlurOuter1",
16037
- stdDeviation: "8"
16038
- }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
16039
- "in": "shadowBlurOuter1",
16040
- values: "0 0 0 0 0.192156863 0 0 0 0 0.490196078 0 0 0 0 0.309803922 0 0 0 0.5 0"
16041
- }))), /*#__PURE__*/React__default.createElement("g", {
15978
+ }, /*#__PURE__*/React__default.createElement("g", {
16042
15979
  fill: "none",
16043
15980
  fillRule: "evenodd",
16044
15981
  stroke: "none",
@@ -16066,16 +16003,11 @@ var PaymentSearchIcon = function PaymentSearchIcon() {
16066
16003
  fill: "#959CA8",
16067
16004
  fillRule: "nonzero",
16068
16005
  d: "M216 58c4.207 0 7.903 2.689 9.348 6.641a2.5 2.5 0 01-4.635 1.87l-.061-.152c-.737-2.016-2.583-3.359-4.651-3.359-1.995 0-3.784 1.25-4.57 3.145l-.083.214a2.5 2.5 0 01-4.696-1.718c1.445-3.952 5.142-6.641 9.349-6.641z"
16069
- }), /*#__PURE__*/React__default.createElement("use", {
16070
- fill: "#000",
16071
- fillOpacity: "1",
16072
- filter: "url(#payment-search-filter-2)",
16073
- xlinkHref: "#payment-search-path-1"
16074
16006
  }), /*#__PURE__*/React__default.createElement("path", {
16075
- fill: "#E8FFEF",
16007
+ fill: fillSecondary,
16076
16008
  d: "M185 185c28.719 0 52 5.373 52 12s-23.281 12-52 12c-28.718 0-52-5.373-52-12s23.282-12 52-12zM97 44a2 2 0 012 2v52a2 2 0 01-2 2H45a2 2 0 01-2-2V46a2 2 0 012-2h52zM74.134 56h-5.268c-.441 0-.806.304-.86.696l-.006.1v2.456c-4.391.845-7.029 3.74-7.144 7.532l-.004.26v.072c0 5.135 4.208 6.644 9.66 7.865 3.408.801 4.302 1.333 4.351 2.348l.002.093v.073c0 1.077-1.025 1.723-2.963 1.723-2.717 0-5.28-.875-7.66-2.542a.896.896 0 00-1.112.082l-.078.081-2.845 3.336a.84.84 0 00.11 1.21c2.061 1.596 4.522 2.668 7.182 3.207l.5.095.001 2.581c0 .37.3.677.688.725l.108.007h5.407c.403 0 .737-.275.79-.632l.007-.1v-2.602c4.212-.902 6.88-3.587 6.996-7.58l.004-.273v-.072c0-4.705-3.659-6.572-9.513-7.83-3.483-.767-4.411-1.263-4.462-2.344l-.002-.097v-.072c0-.934.842-1.616 2.562-1.616 2.041 0 4.32.669 6.462 2.007a.9.9 0 001.13-.126l.073-.089 2.566-3.556a.841.841 0 00-.185-1.18 14.999 14.999 0 00-5.178-2.318l-.451-.103-.002-2.62c0-.44-.388-.797-.866-.797z"
16077
16009
  }), /*#__PURE__*/React__default.createElement("path", {
16078
- fill: "#317D4F",
16010
+ fill: fillPrimary,
16079
16011
  fillRule: "nonzero",
16080
16012
  d: "M182 176v20a4 4 0 01-3.8 3.995l-.2.005h-14a4 4 0 01-.2-7.995l.2-.005h10v-16h8zm14 0v16h10a4 4 0 013.995 3.8l.005.2a4 4 0 01-3.8 3.995l-.2.005h-14a4 4 0 01-3.995-3.8L188 196v-20h8zM69 128.5v9l-7.875 4.429 32.876 6.953c1.81-4.055 5.877-6.882 10.604-6.882a4 4 0 01.2 7.995l-.2.005a3.605 3.605 0 00-3.605 3.593v.035-.023a3.606 3.606 0 003.414 3.601l.191.005h6.644a4 4 0 01.2 7.995l-.2.005h-6.644c-5.246 0-9.679-3.48-11.115-8.259l-44.708-9.457c-3.58-.757-4.322-5.493-1.242-7.336l.175-.1L69 128.5zM263.644 96c6.184 0 11.24 4.838 11.586 10.936l38.713 7.13c3.304.609 4.407 4.749 1.927 6.93l-.15.125L301 133v-10.5l2.891-2.151-31.014-5.712a11.586 11.586 0 01-8.881 4.569l-.352.005H257l-.2-.005a4 4 0 010-7.99l.2-.005h6.644l.191-.005a3.606 3.606 0 003.414-3.601c0-1.99-.358-3.259-2.403-5.238a361.04 361.04 0 00-4.65-4.395A3.998 3.998 0 01263.644 96zM97 40a6 6 0 016 6v52a6 6 0 01-6 6H45a6 6 0 01-6-6V46a6 6 0 016-6h52zm0 4H45a2 2 0 00-1.995 1.85L43 46v52a2 2 0 001.85 1.995L45 100h52a2 2 0 001.995-1.85L99 98V46a2 2 0 00-1.85-1.995L97 44zM74.134 56c.478 0 .866.356.866.796l.002 2.621c2.128.452 3.983 1.265 5.629 2.42.383.27.457.804.185 1.181l-2.566 3.556c-.275.382-.801.466-1.203.215-2.142-1.338-4.42-2.007-6.462-2.007-1.72 0-2.562.682-2.562 1.616v.072c0 1.15.879 1.652 4.464 2.442C78.341 70.169 82 72.036 82 76.742v.07c0 4.144-2.692 6.932-7 7.854v2.602c0 .404-.357.732-.797.732h-5.407c-.44 0-.796-.328-.796-.732v-2.581c-2.852-.502-5.493-1.606-7.684-3.302a.84.84 0 01-.11-1.21l2.846-3.336a.898.898 0 011.19-.163c2.38 1.667 4.943 2.542 7.66 2.542 1.938 0 2.963-.646 2.963-1.723v-.073c0-1.076-.841-1.615-4.353-2.44-5.452-1.222-9.66-2.73-9.66-7.866v-.072c0-3.92 2.657-6.928 7.148-7.792v-2.456c0-.44.388-.796.866-.796h5.268z"
16081
16013
  }))))));
@@ -24404,47 +24336,29 @@ function useConditionallyAddValidator(condition, validatorFn, addValidator, remo
24404
24336
  var useTurnstileScript = function useTurnstileScript(verifyURL) {
24405
24337
  var _useState = useState(false),
24406
24338
  _useState2 = _slicedToArray(_useState, 2),
24407
- scriptLoaded = _useState2[0],
24408
- setScriptLoaded = _useState2[1];
24409
- var _useState3 = useState(false),
24410
- _useState4 = _slicedToArray(_useState3, 2),
24411
- scriptError = _useState4[0],
24412
- setScriptError = _useState4[1];
24413
- var handleScriptError = function handleScriptError() {
24414
- setScriptError(true);
24415
- setScriptLoaded(false);
24416
- };
24339
+ isLoaded = _useState2[0],
24340
+ setIsLoaded = _useState2[1];
24417
24341
  useEffect$1(function () {
24418
24342
  if (typeof window === "undefined") {
24419
- setScriptLoaded(false);
24343
+ setIsLoaded(false);
24420
24344
  return;
24421
24345
  }
24422
24346
  if (window.turnstile && window.turnstile.render) {
24423
- setScriptLoaded(true);
24347
+ setIsLoaded(true);
24424
24348
  return;
24425
24349
  }
24426
24350
  var script = document.createElement("script");
24427
24351
  script.src = "".concat(verifyURL, "?render=explicit");
24428
24352
  script.onload = function () {
24429
- setScriptLoaded(true);
24430
- };
24431
- script.onerror = function () {
24432
- handleScriptError();
24433
- };
24434
- script.onabort = function () {
24435
- handleScriptError();
24353
+ setIsLoaded(true);
24436
24354
  };
24437
24355
  script.defer = true;
24438
24356
  document.getElementsByTagName("head")[0].appendChild(script);
24439
24357
  return function () {
24440
- setScriptLoaded(false);
24441
- setScriptError(false);
24358
+ setIsLoaded(false);
24442
24359
  };
24443
24360
  }, [verifyURL]);
24444
- return {
24445
- scriptLoaded: scriptLoaded,
24446
- scriptError: scriptError
24447
- };
24361
+ return isLoaded;
24448
24362
  };
24449
24363
 
24450
24364
 
@@ -49998,142 +49912,89 @@ var HeroImage$1 = withWindowSize(themeComponent(HeroImage, "HeroImage", fallback
49998
49912
  var TurnstileWidgetContainer = styled(Box).withConfig({
49999
49913
  displayName: "TurnstileWidget__TurnstileWidgetContainer",
50000
49914
  componentId: "sc-btaugr-0"
50001
- })(["display:flex;flex-direction:column;padding:", ";justify-content:", ";align-items:", ";width:100%;"], function (_ref) {
49915
+ })(["display:flex;padding:", ";justify-content:", ";width:100%;"], function (_ref) {
50002
49916
  var padding = _ref.padding;
50003
49917
  return padding;
50004
49918
  }, function (_ref2) {
50005
49919
  var justify = _ref2.justify;
50006
49920
  return justify;
50007
- }, function (_ref3) {
50008
- var align = _ref3.align;
50009
- return align;
50010
49921
  });
50011
- var FATAL_ERROR_CODES = [
50012
- // Configuration errors
50013
- /^100/, /^105/, /^110100$/, /^110110$/, /^110200$/, /^110420$/, /^110430$/, /^400020$/, /^400030$/, /^400040$/,
50014
- // Browser/environment errors
50015
- /^110500$/, /^110510$/, /^200010$/, /^200100$/,
50016
- // Internal errors
50017
- /^120/];
50018
- var TurnstileWidget = /*#__PURE__*/forwardRef(function (_ref4, ref) {
50019
- var verifyURL = _ref4.verifyURL,
50020
- siteKey = _ref4.siteKey,
50021
- _ref4$onSuccess = _ref4.onSuccess,
50022
- onSuccess = _ref4$onSuccess === void 0 ? noop$1 : _ref4$onSuccess,
50023
- _ref4$onError = _ref4.onError,
50024
- onError = _ref4$onError === void 0 ? noop$1 : _ref4$onError,
50025
- _ref4$onExpired = _ref4.onExpired,
50026
- onExpired = _ref4$onExpired === void 0 ? noop$1 : _ref4$onExpired,
50027
- _ref4$padding = _ref4.padding,
50028
- padding = _ref4$padding === void 0 ? "1rem" : _ref4$padding,
50029
- _ref4$justify = _ref4.justify,
50030
- justify = _ref4$justify === void 0 ? "flex-end" : _ref4$justify,
50031
- _ref4$align = _ref4.align,
50032
- align = _ref4$align === void 0 ? "flex-end" : _ref4$align,
50033
- _ref4$size = _ref4.size,
50034
- size = _ref4$size === void 0 ? "normal" : _ref4$size,
50035
- _ref4$tabindex = _ref4.tabindex,
50036
- tabindex = _ref4$tabindex === void 0 ? 0 : _ref4$tabindex,
50037
- _ref4$retry = _ref4.retry,
50038
- retry = _ref4$retry === void 0 ? "never" : _ref4$retry,
50039
- _ref4$theme = _ref4.theme,
50040
- theme = _ref4$theme === void 0 ? "light" : _ref4$theme,
50041
- _ref4$extraStyles = _ref4.extraStyles,
50042
- extraStyles = _ref4$extraStyles === void 0 ? "" : _ref4$extraStyles;
49922
+ var TurnstileWidget = /*#__PURE__*/forwardRef(function (_ref3, ref) {
49923
+ var verifyURL = _ref3.verifyURL,
49924
+ siteKey = _ref3.siteKey,
49925
+ _ref3$onSuccess = _ref3.onSuccess,
49926
+ onSuccess = _ref3$onSuccess === void 0 ? noop$1 : _ref3$onSuccess,
49927
+ _ref3$onError = _ref3.onError,
49928
+ onError = _ref3$onError === void 0 ? noop$1 : _ref3$onError,
49929
+ _ref3$onExpired = _ref3.onExpired,
49930
+ onExpired = _ref3$onExpired === void 0 ? noop$1 : _ref3$onExpired,
49931
+ _ref3$padding = _ref3.padding,
49932
+ padding = _ref3$padding === void 0 ? "1rem" : _ref3$padding,
49933
+ _ref3$justify = _ref3.justify,
49934
+ justify = _ref3$justify === void 0 ? "flex-end" : _ref3$justify,
49935
+ _ref3$size = _ref3.size,
49936
+ size = _ref3$size === void 0 ? "normal" : _ref3$size,
49937
+ _ref3$tabindex = _ref3.tabindex,
49938
+ tabindex = _ref3$tabindex === void 0 ? 0 : _ref3$tabindex,
49939
+ _ref3$retry = _ref3.retry,
49940
+ retry = _ref3$retry === void 0 ? "auto" : _ref3$retry,
49941
+ _ref3$theme = _ref3.theme,
49942
+ theme = _ref3$theme === void 0 ? "auto" : _ref3$theme,
49943
+ _ref3$extraStyles = _ref3.extraStyles,
49944
+ extraStyles = _ref3$extraStyles === void 0 ? "" : _ref3$extraStyles;
50043
49945
  if (!verifyURL || !siteKey) return null;
50044
49946
  var widgetRef = useRef(null);
50045
- var widgetIdRef = useRef(null);
50046
49947
  var _useState = useState(null),
50047
49948
  _useState2 = _slicedToArray(_useState, 2),
50048
- error = _useState2[0],
50049
- setError = _useState2[1];
50050
- var _useTurnstileScript = useTurnstileScript(verifyURL),
50051
- scriptLoaded = _useTurnstileScript.scriptLoaded,
50052
- scriptError = _useTurnstileScript.scriptError;
50053
-
50054
- // Clear the error state
50055
- var clearError = function clearError() {
50056
- setError(null);
50057
- };
50058
-
50059
- // Handle errors based on the retry strategy
50060
- var handleError = function handleError(errorCode) {
50061
- if (!errorCode) return;
50062
- var isFatalError = FATAL_ERROR_CODES.some(function (pattern) {
50063
- return pattern.test(errorCode);
50064
- });
50065
- var errorMessage = getErrorMessage(isFatalError);
50066
- setError(errorMessage);
50067
- };
50068
- var getErrorMessage = function getErrorMessage(isFatalError) {
50069
- if (isFatalError) {
50070
- return "Browser or system error. Please refresh the page or try a different browser.";
50071
- }
50072
- return "Something went wrong. Please refresh and try again.";
50073
- };
49949
+ widgetId = _useState2[0],
49950
+ setWidgetId = _useState2[1];
49951
+ var isTurnstileLoaded = useTurnstileScript(verifyURL);
50074
49952
 
50075
49953
  // Allow the parent component to reset the Turnstile widget
50076
49954
  useImperativeHandle(ref, function () {
50077
49955
  return {
50078
49956
  reset: function reset() {
50079
- if (widgetIdRef.current && window.turnstile) {
50080
- window.turnstile.reset(widgetIdRef.current);
50081
- clearError();
49957
+ if (widgetId && window.turnstile) {
49958
+ window.turnstile.reset(widgetId);
50082
49959
  }
50083
49960
  }
50084
49961
  };
50085
- }, []);
49962
+ }, [widgetId]);
50086
49963
  useEffect$1(function () {
50087
- if (scriptError) {
50088
- setError("Unable to load security verification. Please refresh the page.");
50089
- onError === null || onError === void 0 || onError("script_load_failed");
50090
- return;
50091
- }
50092
- if (widgetIdRef.current || !window.turnstile || !scriptLoaded) return;
50093
- try {
50094
- widgetIdRef.current = window.turnstile.render(widgetRef.current, {
49964
+ if (!widgetRef.current || !window.turnstile) return;
49965
+ if (!widgetId) {
49966
+ var newWidgetId = window.turnstile.render(widgetRef.current, {
50095
49967
  sitekey: siteKey,
50096
49968
  size: size,
50097
49969
  retry: retry,
50098
49970
  tabindex: tabindex,
50099
49971
  theme: theme,
50100
49972
  callback: function callback(token) {
50101
- clearError();
50102
- onSuccess === null || onSuccess === void 0 || onSuccess(token);
49973
+ return onSuccess(token);
50103
49974
  },
50104
- "error-callback": function errorCallback(errorCode) {
50105
- handleError(errorCode);
50106
- onError === null || onError === void 0 || onError(errorCode);
49975
+ "error-callback": function errorCallback() {
49976
+ return onError();
50107
49977
  },
50108
49978
  "expired-callback": function expiredCallback() {
50109
- clearError();
50110
- onExpired === null || onExpired === void 0 || onExpired();
49979
+ return onExpired();
50111
49980
  }
50112
49981
  });
50113
- } catch (error) {
50114
- setError("Unable to load security verification. Please refresh the page.");
50115
- onError === null || onError === void 0 || onError("render_failed");
49982
+ setWidgetId(newWidgetId);
50116
49983
  }
50117
49984
  return function () {
50118
- if (widgetIdRef.current && window.turnstile) {
50119
- window.turnstile.remove(widgetIdRef.current);
50120
- widgetIdRef.current = null;
50121
- clearError();
49985
+ if (widgetId && window.turnstile) {
49986
+ window.turnstile.remove(widgetId);
49987
+ setWidgetId(null);
50122
49988
  }
50123
49989
  };
50124
- }, [scriptLoaded, scriptError, siteKey]);
50125
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TurnstileWidgetContainer, {
49990
+ }, [isTurnstileLoaded, siteKey, widgetId]);
49991
+ return /*#__PURE__*/React__default.createElement(TurnstileWidgetContainer, {
50126
49992
  padding: padding,
50127
49993
  justify: justify,
50128
- align: align,
50129
49994
  extraStyles: extraStyles
50130
49995
  }, /*#__PURE__*/React__default.createElement("div", {
50131
49996
  ref: widgetRef
50132
- }), error && /*#__PURE__*/React__default.createElement(Text$1, {
50133
- color: ERROR_COLOR,
50134
- variant: "pXS",
50135
- extraStyles: "\n word-break: break-word;\n text-align: end;\n padding-top: 0.5rem;\n "
50136
- }, error)));
49997
+ }));
50137
49998
  });
50138
49999
 
50139
50000
  var pageBackground = "#FBFCFD";