@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.cjs.js +78 -217
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +6 -19
- package/dist/index.esm.js +78 -217
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/.DS_Store +0 -0
- package/src/components/.DS_Store +0 -0
- package/src/components/atoms/.DS_Store +0 -0
- package/src/components/atoms/icons/CustomerSearchIcon.js +11 -82
- package/src/components/atoms/icons/PaymentSearchIcon.js +7 -42
- package/src/components/molecules/turnstile-widget/TurnstileWidget.js +25 -116
- package/src/hooks/use-turnstile-script/index.js +6 -19
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 [
|
|
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
|
-
|
|
520
|
+
setIsLoaded(false);
|
|
527
521
|
return;
|
|
528
522
|
}
|
|
529
523
|
if (window.turnstile && window.turnstile.render) {
|
|
530
|
-
|
|
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
|
-
|
|
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
|
-
|
|
550
|
-
setScriptError(false);
|
|
537
|
+
setIsLoaded(false);
|
|
551
538
|
};
|
|
552
539
|
}, [verifyURL]);
|
|
553
540
|
|
|
554
|
-
return
|
|
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: "
|
|
15943
|
-
viewBox: "0 0 366
|
|
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
|
-
|
|
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
|
-
|
|
15982
|
-
|
|
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
|
-
|
|
15985
|
-
|
|
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
|
-
|
|
15989
|
-
|
|
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
|
-
|
|
15992
|
-
|
|
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
|
-
|
|
16002
|
-
})
|
|
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("
|
|
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:
|
|
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:
|
|
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
|
-
|
|
24408
|
-
|
|
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
|
-
|
|
24343
|
+
setIsLoaded(false);
|
|
24420
24344
|
return;
|
|
24421
24345
|
}
|
|
24422
24346
|
if (window.turnstile && window.turnstile.render) {
|
|
24423
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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;
|
|
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
|
|
50012
|
-
|
|
50013
|
-
|
|
50014
|
-
|
|
50015
|
-
|
|
50016
|
-
|
|
50017
|
-
|
|
50018
|
-
|
|
50019
|
-
|
|
50020
|
-
|
|
50021
|
-
|
|
50022
|
-
|
|
50023
|
-
|
|
50024
|
-
|
|
50025
|
-
|
|
50026
|
-
|
|
50027
|
-
|
|
50028
|
-
|
|
50029
|
-
|
|
50030
|
-
|
|
50031
|
-
|
|
50032
|
-
|
|
50033
|
-
|
|
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
|
-
|
|
50049
|
-
|
|
50050
|
-
var
|
|
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 (
|
|
50080
|
-
window.turnstile.reset(
|
|
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 (
|
|
50088
|
-
|
|
50089
|
-
|
|
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
|
-
|
|
50102
|
-
onSuccess === null || onSuccess === void 0 || onSuccess(token);
|
|
49973
|
+
return onSuccess(token);
|
|
50103
49974
|
},
|
|
50104
|
-
"error-callback": function errorCallback(
|
|
50105
|
-
|
|
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
|
-
|
|
50110
|
-
onExpired === null || onExpired === void 0 || onExpired();
|
|
49979
|
+
return onExpired();
|
|
50111
49980
|
}
|
|
50112
49981
|
});
|
|
50113
|
-
|
|
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 (
|
|
50119
|
-
window.turnstile.remove(
|
|
50120
|
-
|
|
50121
|
-
clearError();
|
|
49985
|
+
if (widgetId && window.turnstile) {
|
|
49986
|
+
window.turnstile.remove(widgetId);
|
|
49987
|
+
setWidgetId(null);
|
|
50122
49988
|
}
|
|
50123
49989
|
};
|
|
50124
|
-
}, [
|
|
50125
|
-
return /*#__PURE__*/React__default.createElement(
|
|
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
|
-
})
|
|
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";
|